@charset "utf-8";

/*
@작업자			:김유진
@작업완료일		:2024.12.30
@최종수정일		:2024.12.30
*/

/*************************** 신청하기 *************************/
/* 사업자등록번호 확인 */
.business_form{display:block; padding:50px 0}
.business_form .input_wrap{width:calc(100% - 200px); margin:auto;}
.business_form form{display:flex; justify-content:center; align-items:center; gap:10px}
.business_form form > div{display:flex; justify-content:center; align-items:center; gap:10px}
.business_form input{height:70px; width:100%;}
.business_form .btn_box{flex-wrap: nowrap;}
.business_form .btn_box .btn{display:flex; align-items:center; justify-content:center; height:70px; margin:0; padding:24px 35px; border-radius:10px; font-size:2rem;font-weight:600}
.modal .modal_wrap.w_small{width:400px}

@media (max-width: 1024px){
    .business_form{padding:30px 0}
	.business_form .input_wrap{width:calc(100% - 50px);}
	.business_form form > div{gap:5px}
    .business_form input{height:50px}
    .business_form .btn_box .btn{height:50px;padding:15px 20px; font-size:1.8rem;}
}
@media (max-width: 768px){
	.business_form form{flex-direction: column; gap:5px}
	.business_form .btn_box{flex-direction: row; width:100%;}
	.business_form .btn_box .btn{font-size:1.6rem; flex:1 1 40%;}
}

/* //사업자등록번호 확인 */

/* 정보 수집·이용 및 제공 동의 */
.personal_info .info_box{border:1px solid #ccc; border-radius:15px; background-color:#f4f4f9; padding:40px;}
.personal_info .con_box{padding:40px 34px 40px 40px;border:2px solid #ccc;border-radius:15px}
.personal_info .drop_box label{display:flex;margin-right:32px;font-size:2rem;color:#222;font-weight:600;line-height:31px}
.personal_info .drop_box label input{margin:3px 10px 0 0}
.personal_info .drop_box label span{display:inline-block; margin-right:7px;color:#ff7300}
.personal_info .drop_box label span.consent_select{color:#80b713}
.personal_info .con_box1 > p:nth-child(1){margin-bottom:5px;font-weight:600;}
.personal_info .con_box1 strong{font-weight:600; text-decoration:underline; text-underline-offset:4px}
.personal_info .con_box1 strong.tit{font-weight:600; text-decoration:none;}
.personal_info .con_list2{margin-top:0; padding-left:0}
.personal_info .con_list2 li{margin:3px 0}
.all_consent_box{margin-top:57px;padding:40px}
.all_consent_box > p{margin-bottom:32px;font-size:2.4rem;font-weight:600}
.all_consent_box > p.proof{margin-bottom:20px;font-size:2.2rem;font-weight:600;line-height:32px}
.all_consent_box_form > p {margin-left:20px; font-size:1.86rem;font-weight:600; margin-bottom:0; margin-top:0}


/* 자가진단 */
.personal_info .check_list{display:flex; justify-content:space-between; align-items:center;width:100%;height:100%; margin-bottom:15px; padding-bottom:15px; border-bottom: 1px solid #ccc;}
.personal_info .check_list:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.personal_info .check_list p{font-size: 2rem; color: #222; font-weight: 600; line-height: 28px;}
.personal_info .check_list p > span{font-size:1.6rem; line-height:22px; display:block; padding-top:5px; font-weight: 400;}
.personal_info .radio_custom{display:flex; gap:5px; margin-left:20px;}
.personal_info .radio_custom .radio_tit{width:auto; min-width: auto; padding:8px 20px 8px 18px;}

@media (max-width: 1024px){
    .personal_info .drop_box label, .personal_info .check_list p{font-size:1.8rem;line-height:28px}
    .all_consent_box > p.proof{font-size:1.8rem;line-height:28px}
    .all_consent_box > p{font-size:2.2rem}

	.personal_info .info_box{padding:20px;}
	.personal_info .con_list1{gap:5px;}
	.personal_info .con_list1 > li p {padding: 0 24px 5px 35px; background-position: 0 0; background-size:25px;}
}
@media (max-width: 768px){
    .personal_info .con_box{margin-bottom:40px; padding:15px}
    .personal_info .drop_box label{margin:0 0 10px}
	.personal_info .drop_box label, .personal_info .check_list p, .personal_info .check_list .radio_custom label{font-size:1.6rem; line-height:24px; font-weight:500;}
    .all_consent_box > p.proof{font-size:1.6rem; line-height:24px; font-weight:500;}

	.personal_info .check_list {flex-direction:column; align-items: flex-start;}
	.personal_info .check_list .radio_custom {margin-top:10px;}
	.personal_info .radio_custom{margin-left:0;}
	.personal_info .radio_custom .radio_tit{padding:6px 16px 6px 14px;}

    .all_consent_box{padding:20px}
    .all_consent_box > p{font-size:1.8rem; line-height:26px;}
}
@media (max-width: 480px){
	.personal_info .info_box{padding:20px;}
	.personal_info .con_list1 > li p {padding: 0 24px 5px 15px; background-position: 0 10px; background-size:5px;}
	.personal_info .con_list2 {margin-top: 0;}
}
/* //정보 수집·이용 및 제공 동의 */

/* 본인확인 */
.certified .bubble{margin:-20px auto 40px}
.certified_list{display:flex; flex-wrap:wrap; justify-content:center; gap:20px}
.certified_list li{position:relative; flex:1 1 25%; margin:0 auto 20px auto; padding:30px 20px; border:3px solid #e5e5e5; border-radius:20px; text-align: center;}
.certified_list li strong{display:block;margin-bottom:25px;font-size:2.8rem;color:#333;font-weight:600; line-height:38px}
.certified_list li strong:after{content:'';display:block;width:173px;height:130px;margin:17px auto 0;background:no-repeat center}
.certified_list li.easy strong:after{background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/img_certified1.png');background-position:calc(50% - 12px)}
.certified_list li.phone strong:after{background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/img_certified2.png');background-position:calc(50% - 6px)}
.certified_list li.joint strong:after{background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/img_certified3.png')}
.certified_list li.bank strong:after{background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/img_certified4.png')}
.certified_list li.ipin strong:after{background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/img_certified5.png')}
.certified_list li > p{margin-bottom:26px;}
.certified_list li > p span{display:block}
.certified_list .btn_s{font-weight:600}

@media (max-width: 1920px){
}
@media (max-width: 1366px){
    .certified .bubble{margin:0 auto 60px}
    .certified_list li strong{font-size:2.5rem}
    .certified_list li > p span{display:inline}
}
@media (max-width: 1024px){
    .certified_list{flex-direction:column; gap:0;}
	.certified_list li, .certified .bubble, .certified_list .btn_s{width:100%;}
	.certified_list li{padding:20px; border:3px solid #e5e5e5; border-radius:15px; text-align:left;}
    .certified_list li strong{font-size:2rem; margin-bottom:0;}
    .certified_list li strong:after{display:none}
    .certified_list li > p{margin-bottom:0; width:68%;}
    .certified_list li > p br{display:none}
	.certified .bubble{margin:0 auto 15px}

    .certified_list .btn_s{position: absolute; right:20px; width:205px; top:50%; transform: translateY(-50%);}
}
@media (max-width: 768px){
    
}
@media (max-width: 480px){
    .certified_list li{text-align:center; margin-bottom:10px;}
	.certified_list li strong{margin-bottom:0;}
    .certified_list li > p{margin-bottom:15px; width:100%;}

    .certified_list .btn_s{position: relative; right:0; width:100%; top:0; transform: translateY(0%);}
}
/* //본인확인 */

/* 신청정보 입력 */
.enter_info .ico_down{margin-left:auto}
.bank_num .select_custom{width:250px; margin-right:8px}
.bank_num input{width:calc(100% - 262px);}
.bank_num.com input{width:calc(100% - 395px);}

.enter_info table tr th:nth-child(1){width:10%}
.enter_info table tr th:nth-child(2){width:22.5%}
.enter_info table tr th:nth-child(3){width:22.5%}
.enter_info table tr th:nth-child(4){width:22.5%}
.enter_info table tr th:nth-child(5){width:22.5%}
.enter_info .form_btn_top table{border-top:0}

.modal_check .table_column tr th:nth-child(1){width:13%}
.modal_check .table_column tr th:nth-child(2){width:29%}
.modal_check .table_column tr th:nth-child(3){width:29%}
.modal_check .table_column tr th:nth-child(4){width:29%}

.modal_breakdown table tr th:nth-child(1){width:13%}
.modal_breakdown table tr th:nth-child(2){width:29%}
.modal_breakdown table tr th:nth-child(3){width:29%}
.modal_breakdown table tr th:nth-child(4){width:29%}

.text_info{display:block; width:100%;}

@media (max-width: 1920px){
}
@media (max-width: 1366px){
    /* .bank_num .select_custom{width:calc(100% - 488px);margin-bottom:8px} */
    /* .bank_num input{width:calc(100% - 158px)} */
}
/*
@media (max-width: 1130px){
    .bank_num .select_custom{width:calc(100% - 488px)}
}
*/
@media (max-width: 1024px){
    .bank_num .select_custom{width:180px; margin-right:8px}
	.bank_num input{width:calc(100% - 192px);}
	.bank_num.com input{width:calc(100% - 320px);}
}

@media (max-width: 768px){
    .bank_num .select_custom{width:100%;margin:0 0 8px}
    .bank_num input, .bank_num.com input{width:100%;margin-bottom:8px}
	.bank_num .btn_input{width:100%; margin:0}
}

/* //신청정보 입력 */

/* 신청완료 */
.complete .table_row{width:720px;margin:0 auto 42px}
.complete .table_row tr th{border-bottom:1px solid #ccc;background:#ebebf4}
.complete .table_row tr td{border-bottom:1px solid #ccc;font-weight:600;letter-spacing:0}
.complete .txt_info_s{margin-top:4px;font-weight:400}
.complete .bubble:after{display:none}
.complete_check:before{content:'';display:block;width:49px;height:31px;margin-right:10px;background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_complete_check.png')no-repeat center}
.complete_check{display:inline-flex;align-items:center;position:relative;top:8px;margin:0 2px 0 8px;padding:4px 18px;border-radius:10px;background:#fff;font-size:2rem;color:#000;letter-spacing:-0.15rem}
.complete .txt_ico{justify-content:center}
.complete .txt_ico:before{background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_message.svg')}

@media (max-width: 1024px){
    .complete .table_row{width:100%}
    
}
@media (max-width: 768px){
	.complete .table_row{margin:0 auto 20px}
    .complete_check:before{background-size:80%}
    .complete_check{margin:0px 2px 15px 8px;font-size:1.8rem}
}
@media (max-width: 480px){
}
/* //신청완료 */

/* 신청결과 */
.result_list{display:flex;justify-content:center;gap:80px;margin-bottom:80px}
.result_list li{display:flex;justify-content:center;align-items:center;position:relative;width:220px;padding:20px;border-radius:15px;background:#e8e7ec;font-size:1.8rem;font-weight:600;color:var(--txt-black);line-height:22px}
.result_list li:not(:last-child):before{content:'';display:block;position:absolute;left:calc(100% + 5px);top:50%;width:70px;height:4px;background:url(/img/content/bg_result_list.png) no-repeat}
.result_list li .result_ico{flex-shrink:0;margin-right:18px;background:no-repeat center;filter:grayscale(1)}
.result_list li:nth-child(1) .result_ico{width:46px;height:48px;background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_result_list1.svg')}
.result_list li:nth-child(2) .result_ico{width:51px;height:46px;background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_result_list2.svg')}
.result_list li:nth-child(3) .result_ico{width:50px;height:50px;background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_result_list3.svg')}
.result_list li:nth-child(4) .result_ico{width:37px;height:46px;background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_result_list4.svg')}
.result_list li:nth-child(5) .result_ico{width:39px;height:46px;background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_result_list5.png')}
.result_list li.active{border-radius:45px;background:#222;color:var(--txt-white)}
.result_list li.active .result_ico{filter:none}
/* .result_list li.active:after{content:'';display:block;position:absolute;top:-20px;right:-66px;width:59px;height:56px;background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_result_active.svg')} */


.result_list2{display:flex;justify-content:center;gap:80px;margin-bottom:20px; margin-top:20px;}
.result_list2 li{display:flex;justify-content:center;align-items:center;position:relative;width:220px;padding:20px;border-radius:5px;background:#e8e7ec;font-size:1.8rem;font-weight:600;color:var(--txt-black);line-height:22px}
.result_list2 li:not(:last-child):before{content:'';display:block;position:absolute;left:calc(100% + 5px);top:50%;width:70px;height:4px;background:url(/img/content/bg_result_list.png) no-repeat}
.result_list2 li.active{background: var(--color-green);color:var(--txt-white)}
.result_list2 li.active .result_ico{filter:none}

.modal.result .modal_content{padding:50px 30px 42px;}
.modal.result .btn{min-width:113px;height:43px;line-height:12px}
.modal.result .btn_box{margin-top:35px}

.result .bubble{width:100%; margin-bottom:60px; line-height:3.4rem; font-size: 2.4rem;}
.result .bubble > span{font-size:3rem; color:#FFEB00; text-decoration:underline; text-decoration-style:dotted; text-decoration-thickness:3px; text-underline-offset:8px;}
.result .bubble > span.sm_text{font-size:2rem; color:#FFEB00; text-decoration:none;}

@media (max-width: 1200px){
  .result_list{flex-wrap:wrap; gap:40px;}
  .result_list li{width:calc(100% / 4 - 35px)}

  .result_list2{flex-wrap:wrap; gap:40px;}
  .result_list2 li{width:calc(100% / 5 - 35px)}
}
@media (max-width: 1024px){
	.result .bubble{line-height:3.2rem; font-size: 2rem; margin-bottom:40px;}
	.result .bubble > span{font-size:2.4rem;} 	

	.result_list{gap:40px;margin-bottom:60px;padding:0}
	.result_list li{width:calc(100% / 2 - 35px); font-size:1.7rem}
	.result_list li:nth-child(3):before{display:block}
	.result_list li:nth-child(4),.result_list li:nth-child(5){margin-top:0}
	.result_list li:nth-child(2):before{display:none}
    .result_list li.active:after{display:none}
	.result_list li.active:after{right:calc(100% - 80px);top:50px;z-index:1}
}

@media (max-width: 768px){
  .result_list{gap:20px}
  .result_list li{padding:8px 20px; font-size:1.6rem}
  .result_list li .result_ico{margin-right:10px; background-size:70%}
  .result_list li.active:after{top:20px}

  .result_list2{gap:20px}
  .result_list2 li{width:calc(100% / 5 - 16px); padding:8px 0; font-size:1.6rem}

  .modal.result .modal_content{padding:40px 20px 32px}
}

@media (max-width: 640px){
    .result_list{flex-direction:column;gap:20px;margin:30px 0; padding:0}
	.result_list li{width:100%;}
    .result_list li:nth-child(2):before{display:block}
	.result_list li:not(:last-child):before{top:calc(100% + 38px);left:calc(50% - 35px);transform:rotate(90deg)}
	.result_list li.active:after{right:calc(100% - 80px);top:50px;z-index:1}

    .result_list2 li{width:calc(100% / 3 - 16px);}
    .result_list2 li:nth-child(3):before{display:none}

	.result .bubble{line-height:2.8rem; font-size: 1.8rem; border-radius:15px;}
	.result .bubble > span{font-size:2rem;} 
    
    .data_regist .result_list{flex-direction:row; gap:20px; margin:0 ; padding:0}
    .data_regist .result_list li{width:calc(100% / 2 - 10px); height:50px}
    .data_regist .result_list li:nth-child(2):before{display:block}
	.data_regist .result_list li:not(:last-child):before{top:50%;left:calc(100% + 5px);transform:rotate(0deg)}
	.data_regist .result_list li.active:after{right:calc(100% - 80px);top:50px;z-index:1}
    .data_regist .result_list li .result_ico{display:none}
}

@media (max-width: 480px){
	.result .bubble{line-height:2.8rem; font-size: 1.8rem; border-radius:15px;}
	.result .bubble > span{font-size:2rem;} 	
}
/* //신청결과 */

/* 검증중 */
.modal.validating .modal_content{padding:50px 30px 42px;}
.modal.validating .btn{min-width:113px;height:43px;line-height:12px}
.modal.validating .btn_box{margin-top:35px}
/* //검증중 */


/* 증빙등록 인트로
.proof_intro_list{display:flex; justify-content:space-between; gap:30px; width:100%;}
.proof_intro_list .list_tit{position:relative; display:block; width:100%;}
.proof_intro_list .list_tit .tit_text{text-align:center; letter-spacing: -.1em; width:65%; margin:0 auto;}
.proof_intro_list .list_tit .tit_text > p{font-size:1.6rem; line-height:22px; margin-bottom:20px}
.proof_intro_list .list_tit .btn_box{position:absolute; right:0; top:0}
.proof_intro_list .list_tit .btn_s{padding:10px 15px; width:auto !important; font-size:1.6rem; line-height:22px; height:auto !important;}
.intro_list_item{flex:1 1 50%; flex-grow: 1;}
.intro_list_item .badge_default{white-space: wrap; width:100%; margin-bottom:10px; line-height:20px; border-radius: 10px;}
.intro_list_item .tit_text > strong{display:block; font-size:2.4rem;color:#333;font-weight:600;line-height:38px;  letter-spacing: -.1em;}
.proof_intro_list ul{width:100%; height:874px; padding:30px 40px; border:5px solid #e5e5e5; border-radius:20px}
.proof_intro_list ul > li{width:100%; text-align:center; }
.proof_intro_list ul > li + li {margin-top:20px;}
.proof_intro_list ul.nth_1 > li{height:100% }
.proof_intro_list .btn_s{font-weight:600}

.proof_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    gap: 20px;
    height: calc(100% - 88px);
}

.proof_grid .proof_item {
    cursor: pointer;
    position: relative;
}

.proof_grid .proof_item_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    padding: 20px 10px;
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s;
    border: 2px solid #ddd;
    height: 100%;
}


.grid_box_1{grid-auto-rows: repeat(3, 1fr) - 200px;}
.proof_grid .proof_item {cursor: pointer;}
.proof_grid .proof_item_box {display:flex; flex-direction: column; align-items: center; justify-content: center; background-color: #f5f5f5; padding:20px 10px; border-radius: 10px; text-align: center; transition: all 0.3s; border: 2px solid #ddd; height:100%;}
.proof_grid .proof_item_box > p{font-size:1.8rem; color:#222; font-weight: 600; letter-spacing: -.1em;}
.selected .proof_item_box {background:#fff ; border-color:#222;}
.selected .proof_item_box > p{color: #000;}
.proof_grid .proof_item_box:hover {background-color: #fff;}
.section_divider { width: 1px; background-color: #ddd;}
 */

/* 증빙등록 인트로 */
.proof_intro_list .list_tit .tit_text{text-align:center; letter-spacing: -.1em; width:65%; margin:0 auto;}
.proof_intro_list .list_tit .tit_text > p{font-size:1.6rem; line-height:22px; margin-bottom:20px}
.proof_intro_list .list_tit .btn_box{position:absolute; right:0; top:0}
.proof_intro_list .list_tit .btn_s{padding:10px 15px; width:auto !important; font-size:1.6rem; line-height:22px; height:auto !important;}

.intro_list_item .badge_default{white-space: wrap; width:100%; margin-bottom:10px; line-height:20px; border-radius: 10px;}

.proof_intro_list{display:flex; justify-content:space-between; gap:30px; width:100%;}
.proof_intro_list .list_tit{position:relative; display:block; width:100%; background-color:#133E87; color:#fff; padding:20px 30px; text-align:center;}
.proof_intro_list .list_tit p{font-size:1.6rem}
.intro_list_item.bg_green .list_tit{background-color:#3E7B27;}
.proof_intro_list .list_tit > h4{display:block; font-size:2.4rem; font-weight:600; line-height:38px; letter-spacing: -.1em;}

.intro_list_item{flex:1 1 50%; flex-grow: 1; border-radius: 20px; border:3px solid #ddd; overflow:hidden; }

.pr_list_box{padding:30px 40px;}
.pr_list_tit{position:relative; display:block; padding:10px 0;}
.pr_list_tit > h5{font-size:2rem; font-weight:600;}
.pr_list_tit .text_exp{position:relative; display:block;}
.pr_list_tit .text_exp p:before {content: "•"; position: absolute; left: 0;  font-size:2.4rem}
.pr_list_tit .text_exp p {padding-left: 22px; position: relative;}
.pr_list_tit .text_exp span {display:block; font-size:15px; line-height:1.4;}

.pr_list_tit .pr_list_btn{position:absolute; right:0; top:12px;}
.pr_list_tit .pr_list_btn .btn_xs{padding:5px 20px; height:40px; border-radius: 20px;}

.pr_list_item{padding:20px 30px; background-color:#e8f5ff; border-radius: 10px; margin-top:2px;}
.pr_list_item > strong{display:inline-block; font-size:1.8rem; font-weight:600; border-radius:20px; margin-bottom:5px; display:none}
.bg_green .pr_list_item{background-color:#dfeed9;}
.pr_list_item ul{padding-left:0; margin:0;}
.pr_list_item ul > li{width:100%;}

@media (max-width: 1024px){
    .proof_intro_list .list_tit > h4{font-size:2rem; line-height:30px;}
    .proof_intro_list .list_tit .tit_text{width:100%; text-align:center;}
    .proof_intro_list .list_tit .tit_text > p{margin-bottom:5px}
    .intro_list_item .tit_text > strong{display:block; font-size:2rem;}
    .proof_intro_list .list_tit .btn_box{position:relative; left:50%;  transform: translateX(-50%); right:0; top:0; display:inline-block; margin-bottom:10px;}
    .proof_intro_list .list_tit .btn_box .btn_s br{display:none}
    .proof_intro_list ul > li + li {margin-top:0; padding-top:0;}
    
    .proof_intro_list{flex-direction:column}
    .proof_intro_list ul{height:auto; padding:0;}

    .pr_list_box{padding:20px 30px;}
    .pr_list_tit{position:relative; display:block; padding:0 0 10px 0;}
}
@media (max-width: 768px){
    .proof_intro_list li p{font-size:1.6rem} 
    .pr_list_tit .pr_list_btn{position:relative; left:18px; right:0; top:0; margin-top:10px;}
    .pr_list_tit .pr_list_btn .btn_xs{padding:5px 20px; height:38px; border-radius: 8px;}
}
@media (max-width: 480px){
    .proof_intro_list{gap:12px}
    .proof_grid .proof_item_box {height:152px}

    .proof_intro_list .btn_box{flex-direction: row;}
     /* 증빙 유형별 아이콘 스타일 */

}

/* 증빙 유형별 아이콘 스타일
.proof-icon {display: block; width: 80px; height: 55px; margin: 0 auto; margin-bottom:10px; background-size: contain; background-repeat: no-repeat; background-position: center; background-size:80px}
 */
/* 증빙 유형별 아이콘 
.delivery_icon.intro_ico1 {background-image: url("../img/ico/intro_ico1_2.png");}
.delivery_icon.intro_ico2 {background-image: url("../img/ico/intro_ico1_1.png");}
.delivery_icon.intro_ico3 {background-image: url("../img/ico/intro_ico1_1.png");}
.delivery_icon.intro_ico4 {background-image: url("../img/ico/intro_ico1_4.png");}
.delivery_icon.intro_ico5 {background-image: url("../img/ico/intro_ico1_1.png");}
.delivery_icon.intro_ico6 {background-image: url("../img/ico/intro_ico1_4.png");}

.direct_icon.intro_ico1 {background-image: url("../img/ico/intro_ico2_1.png");}
.direct_icon.intro_ico2 {background-image: url("../img/ico/intro_ico2_2.png");}

.direct2_icon.intro_ico1 {background-image: url("../img/ico/intro_ico1_1.png");}
.direct2_icon.intro_ico2 {background-image: url("../img/ico/intro_ico2_2.png");}
.direct2_icon.intro_ico3 {background-image: url("../img/ico/intro_ico2_3.png");}
.direct2_icon.intro_ico4 {background-image: url("../img/ico/intro_ico3_4.png");}
.direct2_icon.intro_ico5 {background-image: url("../img/ico/intro_ico1_2.png");}
.direct2_icon.intro_ico6 {background-image: url("../img/ico/intro_ico3_6.png");}
*/


/* //이의신청 */


/* 상세 정보 테이블 */
.details_row {display: none;}
.details_row td{background-color: #fff; padding: 20px 0;}
.details_row {display: table-row !important; /* 강제로 표시 */}

/* //상세 정보 테이블 */

/* 개인정보처리방침 */
.privinfo_wrap { position:relative;}
.privinfo_wrap table th, .privinfo_wrap table td{vertical-align:middle;}
.privinfo_wrap .infotitle  {font-size:2.2rem; color:#044d9b; font-weight:500; margin-bottom:1rem; text-align:center;}


/* 개인정보처리방침 > 라벨링 박스 */
.label_box {width: 100%; display: flex; flex-flow: row wrap;justify-content:space-between; margin-top:30px}
.label_item {position: relative; width: 32%; height: 320px; border: 1px solid #ccc; box-shadow: 0 2px 8px rgb(0 0 0 / 20%); padding: 20px; border-radius: 10px; text-align: center; cursor: pointer;  margin-bottom:30px;}
.label_txt {width: 100%; z-index: 1; margin-top:0; text-align:center;}
.label_top {width: 100%; color:#1b3c89; font-weight: 700; font-size:1.8rem; display:block; margin-bottom:5px;}
.label_txt_item{font-size:1.4rem; text-align:left; line-height:22px;} 
.label_txt_item p{display:block; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; width:100%; text-align:center;} 
.label_txt_item p.noline{border:none; margin:0; padding:0}

.privnew_h4_title {position:relative; display:block; font-weight:bold; letter-spacing:-0.048em; font-size:20px;line-height: 44px;color:#03396f;margin-top:32px; margin-bottom: 10px; vertical-align: middle;}
.privnew_h4_title img { vertical-align: middle;}
.privinfo_wrap .con_box1 > p:nth-child(1){margin-bottom:20px;font-size:1.8rem; font-weight:600;line-height:28px}
.privinfo_wrap .con_list > li{padding:5px 0 8px 0}
.privinfo_wrap .list_num {margin-bottom: 15px;}
.privinfo_wrap .list_num > li {padding-left:0; font-size: 1.6rem; letter-spacing: -0.15rem; line-height:28px; margin:0}

.privnewlist_ul {position:relative; display: flex; width: 100%;  align-items:center; justify-content:space-between; flex-wrap: wrap;}
.privnewlist_ul li {position:relative; width: 50%; margin-bottom: 10px; padding: 10px 0 10px 42px;}
.privnewlist_ul li .privnewlist_img { position: absolute; left: 0; top:calc(50% - 20px); vertical-align: middle;}
.privnewlist_ul li a {vertical-align: middle;}
.privnewlist_ul li.img_text2{ padding-left:80px;}

.procedure .procedure_top {position:relative;}
.procedure .procedure_top:after{display:block; content:''; position: absolute; top:72px; left:calc(50% / 2); z-index: 1; width: 2px; height:100px; background:#ccc;}
.procedure .procedure_top:before{display:block; content:''; position: absolute; top:72px; right:calc(50% / 2);  z-index: 1; width: 2px; height:100px; background:#ccc;}
.procedure .procedure_top .flow_title_wrap {position:relative;  width:100%;}
.procedure .procedure_top .flow_title_wrap:before{display:block; content:''; position: absolute; top:70px; left:calc(50% / 2); background:#ccc; z-index: 0; width:calc(100% / 2); height:2px;}
.procedure .procedure_top .flow_title {position:relative; border-radius: 50%; background: #015198; width: 140px; height: 140px; margin: 0 auto; z-index: 99;}
.procedure .procedure_top .flow_title p { position:relative; color:var(--txt-white); font-weight: 500; text-align:center; line-height:24px; width:100%; height:100%; display:flex; flex-wrap: wrap; justify-content: center; align-items: center;}

.procedure .procedure_inner {position:relative; display:flex; justify-content:space-between; align-items:start;}
.procedure .procedure_inner .flow_list {position:relative; display:block; width:50%; text-align:center;}
.procedure_inner .flow_list li { position:relative; margin-bottom: 30px;}
.procedure_inner .flow_list li:before{display:block; content:''; position: absolute; bottom:-25px; right:calc((100% - 20px) / 2);  transform: translate(-50%, -50%) rotate(-135deg); border-top: 2px solid #ccc; border-left: 2px solid #ccc; z-index: 1; width: 10px; height:10px;}
.procedure_inner .flow_list li.flow_last:after{display:block; content:''; position: absolute; bottom:-25px;; right:calc(50% - 90px); transform: translate(-50%, -50%) rotate(-135deg); border-top: 2px solid #ccc; border-left: 2px solid #ccc; z-index: 1; width: 10px; height:10px;}
.procedure_inner .flow_list li.flow_last:before{display:block; content:''; position: absolute; bottom:-25px;; left:calc(50% - 80px); transform: translate(-50%, -50%) rotate(-135deg); border-top: 2px solid #ccc; border-left: 2px solid #ccc; z-index: 1; width: 10px; height:10px;}
.procedure_inner .flow_list li:last-child:before {display: none; }
.procedure_inner .flow_list li.bgnone:before {display: none;}
.procedure_inner .flow_list li .flow_item {position:relative; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 250px; background: #fff; padding: 20px 15px; border-radius: 20px; z-index: 100; margin: 0 auto; min-height: 90px; box-shadow: 0 0 15px rgb(0 0 0 / 5%); }
.procedure_inner .flow_list li p {line-height:20px;}

.procedure_inner .flow_list .flow_ul_inner {display:flex; justify-content:space-between; align-items:start; width: 80%; margin: 0 auto; }
.procedure_inner .flow_list .flow_ul_inner li {position:relative; background: #fff; padding:20px 10px; border-radius: 20px; width: 45%; box-shadow: 0 0 15px rgb(0 0 0 / 5%); margin-bottom:0;}

.procedure_inner .flow_list .indiv_open {position:relative; text-align:center; color:var(--txt-white); width: 33%; margin-left: 11%; border-radius: 50px; background: #099db8; z-index: 1; height:55px; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom:0;}
.personal_info .section_agree {display:flex; justify-content:center; align-items:center;}
.personal_info .section_agree p{margin-right: 10px; font-size: 1.8rem; font-weight: 600;}

@media (max-width:1040px) {
	.label_txt_item p br{display:none} 
}

@media (max-width: 1024px){
	.personal_info.privinfo_wrap .con_box {padding:20px;}
    .privnew_h4_title {font-size:18px; line-height:28px;}
    .privnew_h4_title img {width:28px}

	.label_item {position: relative; width:48%; height:290px;}
    .list_index > li{width: 100%;}
}

@media (max-width: 840px){
    .procedure .procedure_top .flow_title {display:flex; justify-content:center; align-items: center; width:250px; height:auto; min-height: 90px; padding:20px 15px; border-radius: 90px;}
    .privnewlist_ul {height:250px; overflow-x: auto;}
    .privnewlist_ul li {position:relative; width: 100%; margin-bottom:0; padding:5px 0 5px 35px;}
    .privnewlist_ul li .privnewlist_img {top:calc(50% - 14px);}
    .privnewlist_ul li .privnewlist_img img{width:28px}
    .privnewlist_ul li a {padding-left:0;}
    .privnewlist_ul li.img_text2{padding-left:60px;}

    .procedure .procedure_inner {flex-direction: column; justify-content:center;}
    .procedure .procedure_inner .flow_list {width:100%; margin-top:30px}
    .form_wrap.form_btn_top .btn_box.top{position:unset;justify-content:flex-start;margin-bottom:12px;}	
    .procedure .procedure_top:after,
    .procedure .procedure_top:before,
    .procedure .procedure_top .flow_title_wrap:before{display:none;}

	.label_item {position: relative; width:100%; height:auto; margin-bottom:20px;}
  }
  @media (max-width: 768px){
     form .form_wrap:not(:last-child){margin-bottom:40px}
    .form_con .form, .form_con .form .form_inline{align-items:center; gap:0; padding:10px 0;}

    .form_con .form_column{flex-direction:column; align-items:flex-start; gap:0;}
    .form_con .form .form_inline{width:100%; padding:0 0 10px 0; border-bottom:1px solid #e0e0e0; gap:0;}
    /*.form_con .form .form_inline:nth-child(2) {position:relative; display:block; width:100%; text-align:center;}*/

    .procedure_inner .flow_list li { position:relative; margin-bottom: 30px;}
    .procedure_inner .flow_list li:before{display:block; content:''; position: absolute; bottom:-25px; right:calc((100% - 20px) / 2);  transform: translate(-50%, -50%) rotate(-135deg); border-top: 2px solid #ccc; border-left: 2px solid #ccc; z-index: 1; width: 10px; height:10px;}
    .procedure_inner .flow_list li.flow_last:after{display:block; content:''; position: absolute; bottom:-25px;; right:calc(50% - 90px); transform: translate(-50%, -50%) rotate(-135deg); border-top: 2px solid #ccc; border-left: 2px solid #ccc; z-index: 1; width: 10px; height:10px;}
    .procedure_inner .flow_list li.flow_last:before{display:block; content:''; position: absolute; bottom:-25px;; left:calc(50% - 80px); transform: translate(-50%, -50%) rotate(-135deg); border-top: 2px solid #ccc; border-left: 2px solid #ccc; z-index: 1; width: 10px; height:10px;}
    .procedure_inner .flow_list li:last-child:before {display: none; }
    .procedure_inner .flow_list li.bgnone:before {display: none;}
    .procedure_inner .flow_list li .flow_item {position:relative; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 250px; background: #fff; padding: 20px 15px; border-radius: 20px; z-index: 100; margin: 0 auto; min-height: 90px; box-shadow: 0 0 15px rgb(0 0 0 / 5%); }
    .procedure_inner .flow_list li p {line-height:20px;}

    .procedure_inner .flow_list .flow_ul_inner {display:flex; justify-content:space-between; align-items:start; width: 80%; margin: 0 auto; }
    .procedure_inner .flow_list .flow_ul_inner li {position:relative; background: #fff; padding:20px 10px; border-radius: 20px; width: 45%; box-shadow: 0 0 15px rgb(0 0 0 / 5%); margin-bottom:0;}

    .procedure_inner .flow_list .indiv_open {position:relative; text-align:center; color:var(--txt-white); width: 33%; margin-left: 11%; border-radius: 50px; background: #099db8; z-index: 1; height:55px; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom:0;}
    
    .personal_info .section_agree {flex-direction:column;}
    .personal_info .section_agree p{margin-right:0; font-size: 1.6rem; margin-bottom:10px;}
}

@media (max-width: 480px){
    .privinfo_wrap .con_list > li{line-height:24px;}
	.privinfo_wrap .con_list2 {margin-top: 0; padding-left: 0;}
    .privinfo_wrap .btn_s{width:auto}
}

/* // 개인정보처리방침 */


/* 영수증 예시 모달 */
.receipt_list{display:flex; justify-content: center; width:100%; margin-bottom:15px;}
.receipt_list li{width:calc(100% / 2); display:flex; justify-content: center;}
.receipt_list li figure{border:1px solid #ccc; padding:5px;}
/* // 영수증 예시 모달 */

/* 검색영역 */
.search_wrap {display:flex; justify-content: end;}
.search_wrap form{width:400px; display:flex; justify-content: space-between; margin-bottom:15px;}
.search_wrap input[type=text] {width:350px;}

@media (max-width: 768px){
	.search_wrap form{width:100%; justify-content: space-between; margin-bottom:10px;}
	.search_wrap input[type=text] {width:calc(100% - 82px);}
}

button:disabled {cursor: not-allowed; opacity: 0.6;}

/* 직접배달 헤더 */
.proof-type-selector {width: 100%; display: flex; justify-content: space-between; margin-bottom: 30px; }
.proof-type-item { width: calc((100% - 10px) / 2); display:flex; align-items:center; flex-shrink:0; height: 60px; line-height: 60px; border-radius: 10px; background: #f4f4f9; border:1px solid #ccc; text-align: center; cursor: pointer;}
.proof-type-item .custom_icon{display:inline-block;flex-shrink:0;position:relative;width:24px;height:24px;margin-right:10px;border-radius:50%;background:#aaaaaf; transition:all 0.3s ease}
.proof-type-item .custom_icon::after{content:'';position:absolute;top:6px;left:4px;width:16px;height:12px;background:url('../img/content/btn_check.png')no-repeat center / 100%;filter:invert(1)}

.proof-type-title {display: block; width: 100%; font-size: 18px; font-weight:500; color: #666;}

.proof-type-item:hover,
.proof-type-item.active {background:#015198;  box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);}
.proof-type-item:hover .proof-type-title,
.proof-type-item.active .proof-type-title { color:var(--txt-white);}


/* 증빙등록화면 */
.data_regist .form_wrap input[type="text"]{width:435px}
.data_regist .form_wrap .table_dl input[type="text"]{width:auto}
.data_regist .form_wrap .select_custom{width:200px;}
.data_regist .form_wrap .form_tit{display:flex; align-items: center; gap:10px; width:100%; margin-top:20px;}
.data_regist .form_wrap .form_tit .btn_xs{height:35px; border-radius: 20px; padding:0 20px; font-size:15px;}

.data_regist .result_list{margin-bottom:30px}

@media (max-width: 1024px){
	.data_regist .form_wrap .select_custom{width: calc(50% - 30px);} 
	.data_regist .form_wrap input[type="text"]{width: calc(90% - 30px);}
	.data_regist .form_wrap .upload_custom  input[type="text"]{width:300px}
}

@media (max-width: 768px){
	.data_regist .form_wrap .select_custom{width: calc(50% - 30px);} 
	.data_regist .form_wrap .upload_custom  input[type="text"]{width: 100%;}
    .data_regist .form_wrap .form_tit{gap:0px; flex-direction: column; align-items: flex-start; margin-top:0;}
	.data_regist .form_wrap .file_name {margin-top:8px}
    .data_regist .table_dl dl dd.flex_row{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
}

@media (max-width: 480px) {
    .data_regist .form_con .label {width: 90px;}
}

/* // 증빙등록화면 */

/*툴팁 */
.form > div.toltip{display: flex; align-items:center; width:140px}
.toltip label{width:100%;}
.tooltip_container {display: inline-block; position: relative;} 
.tooltip_trigger {display: inline-block; cursor: pointer;}
.info_icon {display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 50%; background-color: #222; margin-left:5px;}
.tooltip_icon{color: var(--txt-white) !important; font-size: 1.4rem;}
.tooltip_content {position: absolute; z-index: 1000; background-color: #333; color: var(--txt-white);  padding: 8px; border-radius: 10px; font-size: 1.4rem; white-space: nowrap; visibility: hidden; opacity: 0; transition: opacity 0.2s, visibility 0.2s;} 
.tooltip_content.active {visibility: visible; opacity: 1;}
.tooltip_image_wrapper {display: inline-block; width: auto; max-width: none;}
.tooltip_content img {display: block; width: auto; max-width: none; height: auto;}

@media (max-width: 768px){
    .tooltip_content img {width:200px}
}

@media (max-width: 480px) {
    .tooltip_container{display:none}
}

/* 위치별 스타일 */
.tooltip_content[data-position="top"] {bottom: 100%; left: 50%; transform: translateX(-50%) translateY(-10px);}
.tooltip_content[data-position="bottom"] {top: 100%; left: 50%; transform: translateX(-50%) translateY(10px);}
.tooltip_content[data-position="left"] {right: 100%; top: 50%; transform: translateY(-50%) translateX(-10px); }
.tooltip_content[data-position="right"] {left: 100%; top: 50%; transform: translateY(-50%) translateX(10px);}

/* 화살표 스타일 */
.tooltip_content::before {content: ''; position: absolute; border: 5px solid transparent;}
.tooltip_content[data-position="top"]::before {border-top-color: #333; bottom: -10px; left: 50%; transform: translateX(-50%);}
.tooltip_content[data-position="bottom"]::before {border-bottom-color: #333; top: -10px; left: 50%; transform: translateX(-50%);}
.tooltip_content[data-position="left"]::before {border-left-color: #333; right: -10px; top: 50%; transform: translateY(-50%); }
.tooltip_content[data-position="right"]::before {border-right-color: #333; left: -10px; top: 50%; transform: translateY(-50%);}

/* 팝업 */
.popup-wrapper {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background: #fff; padding: 10px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); width: 370px;} 
.popup-window {width: 100%;}
.checkbox-wrapper {position:relative; margin: 10px 0 0 0; display:flex; justify-content: space-between; align-items: center;}
.checkbox-wrapper label {display: flex; align-items: center; justify-content: center; margin-top: 0; }
.checkbox-wrapper .btn_x{position:absolute; top:5px;right:0;z-index:10;width:20px;height:20px;transition:all .4s}
.checkbox-wrapper .btn_x span{position:absolute;top:-3px;left:9px;width:2px;height:25px;background:#222;transform:rotate(45deg)}
.checkbox-wrapper .btn_x span:last-child{transform:rotate(-45deg)}
.checkbox-wrapper .btn_x:hover,.btn_x:focus{transform:rotate(180deg)}

@media (max-width: 480px) {
    .popup-wrapper{width:90%}
}

/* 임시페이지 */
/* 
.cs_inner{width:950px; margin:0 auto;}
.cs_header{position:relative; padding:30px 0 0 0;}
.cs_header h1{position:relative; margin-bottom:0;font-family:'Hakgy'; text-align:center;color:#222;}
.cs_header h1 > span{display:block; width:300px;height:57px; margin:0; padding:18px 0 0 25px; background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/cs_tit.svg') no-repeat 0 0; font-size:3rem; text-align:left; letter-spacing:0.065em; line-height:1;}
.cs_header h1 > strong{display:block; color:#ee6813; font-size:5rem; text-align:center; line-height:1; margin-top:30px;}
.cs_header .support{display:flex;align-items:center;gap:13px;position:absolute;top:70px;left:310px}

.cs_infoTit{position:relative; margin-top:20px; margin-bottom:20px; text-align:center;}
.cs_infoTit strong{position:relative; font-size:5.4rem; color:var(--txt-black); font-weight:500; text-align:center; letter-spacing:-0.08em; line-height:75px; display:block; margin-bottom:30px}
.cs_infoTit strong:after{display:block; content:''; position: absolute; top:-10px; left:20px; z-index: 1; width: 65px; height:40px; background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/quotes_left.png') no-repeat 0 0;}
.cs_infoTit strong:before{display:block; content:''; position: absolute; bottom:-10px; right:60px; z-index: 1; width: 65px; height:40px; background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/quotes_right.png') no-repeat 0 0;}

.cs_infoTit p{position:relative; font-size:3rem; color:#888; font-weight:400; letter-spacing:-0.08em; display:block;}
.cs_infoTit p b{color:var(--txt-orange); font-weight:500;}

.cs_infoList{width:90%; margin:0 auto; display:flex; justify-content: space-between; align-items: center; margin-top:40px}
.cs_infoList > li{background-color:#1f2a6c; width:370px; height:370px; border-radius:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; text-align:center; padding:30px; color:var(--txt-white);}
.cs_infoList > li span{position:relative; display:block; font-size:3rem; height:70px; margin-top:-20px}
.cs_infoList > li span:after{display:block; content:''; position: absolute; bottom:16px; left:calc(50% - 15px); z-index: 1; width: 30px; height:6px; background-color:#fff; border-radius:8px;}
.cs_infoList > li p{position:relative; display:block; font-size:3.6rem; line-height:50px; font-weight:500;}
.cs_infoList > li p b{font-size:4.5rem;}

@media (max-width: 1500px) {
    .cs_header h1 > strong{font-size:4.5rem; margin-top:30px;}
	.cs_infoTit strong{font-size:4.8rem; line-height:65px; margin-bottom:30px}
	.cs_infoTit strong:after{left:40px;}
	.cs_infoTit strong:before{right:80px;}
	.cs_infoTit p{font-size:2.4rem;}

	.cs_infoList > li{width:350px; height:350px; padding:20px;}
	.cs_infoList > li span{ont-size:2.6rem;}
	.cs_infoList > li p{font-size:3.2rem; line-height:45px;}
	.cs_infoList > li p b{font-size:4rem;}
}

@media (max-width: 1024px) {
	.cs_inner{width:100%; padding:0 20px}
	
    .cs_header h1 > strong{font-size:4rem; margin-top:20px;}
	.cs_infoTit strong{font-size:4rem; line-height:55px; margin-bottom:20px}
	.cs_infoTit strong:after{left:60px; width: 40px; height:25px; background-size:100%}
	.cs_infoTit strong:before{right:80px; width: 40px; height:25px; background-size:100%}
	.cs_infoTit p{font-size:2.4rem;}

	.cs_infoList{width:100%; margin:0 auto; justify-content: center; align-items: center; gap:20px}
	.cs_infoList > li{width:340px; height:340px; padding:20px;}
	.cs_infoList > li span{font-size:2.8rem; margin-top:0;}
	.cs_infoList > li p{font-size:3rem; line-height:45px;}
	.cs_infoList > li p b{font-size:3.5rem;}

}

@media (max-width:768px) {
	.cs_header{display:flex;align-items:center; flex-direction: column; padding-top:20px}
    .cs_header h1 > strong{font-size:3.2rem; margin:15px 0 5px; }
	.cs_header h1 > span{ width:250px; height:49px; padding:16px 0 0 25px; background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/cs_tit_m.svg') no-repeat 0 0; font-size:2.4rem;}
	.cs_header .support{display:flex;align-items:center;gap:13px;position:relative;top:0;left:0}
	.cs_infoTit{margin-top:10px;}
	.cs_infoTit strong{font-size:3.2rem; line-height:45px; margin-bottom:10px}
	
	.cs_infoTit strong:after,
	.cs_infoTit strong:before{display:none}
	.cs_infoTit p{font-size:1.8rem;}

	.cs_infoList{width:100%; margin:0 auto; justify-content: center; align-items: center; gap:20px}
	.cs_infoList > li{width:50%; height:300px; border-radius:40px; padding:20px;}
	.cs_infoList > li span{font-size:2.4rem; margin-top:0;}
	.cs_infoList > li p{font-size:2.8rem; line-height:40px;}
	.cs_infoList > li p b{font-size:3rem;}
}

@media (max-width:480px) {
	.cs_inner{padding:0 10px}
	.cs_header{display:flex;align-items:center; flex-direction: column; padding-top:20px}
    .cs_header h1 > strong{font-size:2.4rem;}
	.cs_infoTit{margin:10px 0;}
	.cs_infoTit strong{font-size:2.4rem; line-height:35px; margin-bottom:5px;letter-spacing:-0.08em;}
	.cs_infoTit strong br{display:none}
	.cs_infoTit p{font-size:1.6rem; line-height:24px;}

	.cs_infoList{flex-direction: column; gap:10px}
	.cs_infoList > li{width:100%; height:auto; border-radius:20px; padding:30px 20px 23px 20px;}
	.cs_infoList > li span{font-size:2rem; line-height:30px; margin:0 0 5px 0; height:auto;}
	.cs_infoList > li span:after{display:none}
	.cs_infoList > li p{font-size:2.4rem; line-height:35px;}
	.cs_infoList > li p b{font-size:2.4rem;}
} 
*/


/* 임시페이지 */
.cs_inner{width:950px; margin:0 auto;}
.cs_header{position:relative; padding:30px 0 0 0;}
.cs_header h1{position:relative; margin-bottom:0;font-family:'Hakgy'; text-align:center;color:#222;}
.cs_header h1 > span{display:block; width:300px;height:57px; margin:0; padding:18px 0 0 25px; background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/cs_tit.svg') no-repeat 0 0; font-size:3rem; text-align:left; letter-spacing:0.065em; line-height:1;}
.cs_header h1 > strong{display:block; color:#ee6813; font-size:5rem; text-align:center; line-height:1; margin-top:30px;}
.cs_header .support{display:flex;align-items:center;gap:13px;position:absolute;top:70px;left:310px}

.cs_infoTit{position:relative; margin-top:20px; margin-bottom:20px; text-align:center;}
.cs_infoTit strong{position:relative; font-size:4.5rem; color:var(--txt-black); font-weight:500; text-align:center; letter-spacing:-0.08em; line-height:75px; display:block; margin-bottom:30px}
.cs_infoTit strong > span{text-decoration-line: underline; text-underline-offset: 15px;  text-decoration-thickness: 3px;  text-decoration-color: #c4c4c4;}
.cs_infoTit strong:after{display:block; content:''; position: absolute; top:0; left:20px; z-index: 1; width: 65px; height:40px; background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/quotes_left.png') no-repeat 0 0;}
.cs_infoTit strong:before{display:block; content:''; position: absolute; bottom:0; right:20px; z-index: 1; width: 65px; height:40px; background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/quotes_right.png') no-repeat 0 0;}

.cs_infoTit p{position:relative; font-size:3.5rem; color:#888; font-weight:400; letter-spacing:-0.08em; line-height:1.4; display:block;}

.cs_content{position:relative; width:100%; margin:0 auto; margin-top:30px; display:flex; align-items: center; flex-direction: column; background-color:#1f2a6c; border-radius:30px; text-align:center; padding:40px 10px; padding-top:150px; color:var(--txt-white);}
.cs_content:before{display:block; content:''; position: absolute; top:35px; z-index: 1; width: 178px ; height:90px; background:url('https://sui127320-sui127320.ktcdn.co.kr/img/ico/coming_ico3.png') no-repeat 0 0;}
.cs_content p{position:relative; display:block; font-size:2.4rem;}
.cs_content p.period{position:relative; display:block; font-size:3.4rem; margin-bottom:20px; font-weight: 600;}

@media (max-width: 1024px) {
	.cs_inner{width:100%; padding:0 20px}
    .cs_header h1 > strong{font-size:4rem; margin-top:20px;}
	.cs_infoTit strong{font-size:4rem; line-height:55px; margin-bottom:20px}
    .cs_infoTit strong > span{text-underline-offset:10px;  text-decoration-thickness: 2px;}
	.cs_infoTit strong:after{display:none}
	.cs_infoTit strong:before{display:none}
	.cs_infoTit p{font-size:2.4rem; width:90%; margin:0 auto;}

    .cs_content p{font-size:1.8rem;}
    .cs_content p.period{font-size:3rem; margin-bottom:10px;}
}

@media (max-width:680px) {
	.cs_header{display:flex;align-items:center; flex-direction: column; padding-top:20px}
    .cs_header h1 > strong{font-size:3.2rem; margin:15px 0 5px; }
	.cs_header h1 > span{ width:250px; height:49px; padding:16px 0 0 25px; background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/cs_tit_m.svg') no-repeat 0 0; font-size:2.4rem;}
	.cs_header .support{display:flex;align-items:center;gap:13px;position:relative;top:0;left:0}
	.cs_infoTit{margin-top:10px;}
	.cs_infoTit strong{font-size:3rem; line-height:45px; margin-bottom:20px}
    .cs_infoTit strong > span{text-underline-offset:8px; text-decoration-thickness: 1px;}
    .cs_infoTit p{font-size:1.8rem; width:100%;}
    .cs_content{padding:40px 10px 30px; padding-top:110px; border-radius:20px;}
    .cs_content:before{top:30px; width: 130px ; height:66px; background-size:100%;}
    .cs_content p.period{font-size:2.2rem; margin-bottom:10px;}
}

@media (max-width:480px) {
	.cs_inner{padding:0 10px}
	.cs_header{display:flex;align-items:center; flex-direction: column; padding-top:20px}
    .cs_header h1 > strong{font-size:2.4rem;}
	.cs_infoTit{margin:10px 0;}
	.cs_infoTit strong{font-size:2.4rem; line-height:35px; margin-bottom:20px;letter-spacing:-0.08em;}
	.cs_infoTit strong br{display:none}
	.cs_infoTit p, .cs_content p{font-size:1.6rem; line-height:1.4}
    .cs_content{padding:40px 20px 30px; padding-top:110px; border-radius:20px; margin-top:20px}
	.cs_content p.period{font-size:2rem; margin-bottom:10px; line-height:1.4}
}

/* 자주하는 질문 */
.faq-item{margin-bottom:10px;border:1px solid #ccc; border-radius:10px; overflow:hidden; }
.faq-question{width:100%;display:flex;align-items:center;padding:10px 20px;background-color:#f4f4f9;cursor:pointer;border:none;text-align:left;position:relative;}
.faq-question:hover{background-color:#EDEDF5}
.answer-mark, .question-mark{font-weight:700;font-size:20px;margin-right:15px}
.question-mark{color:var(--txt-white); width:36px; height:36px; border-radius: 50%; background-color:#4A4F66; display:flex; align-items: center; justify-content: center;}
.answer-mark{color:var(--txt-white); width:36px; height:36px; border-radius: 50%; background-color:var(--color-orange); display:flex; align-items: center; justify-content: center;}
.question-text{flex:1; font-weight: 500;}
.arrow{width:10px;height:10px;border-right:2px solid #666;border-bottom:2px solid #666;transform:rotate(45deg);transition:transform .3s}
.faq-question.active .arrow{transform:rotate(-135deg)}
.faq-answer{height:0;overflow:hidden;transition:height .3s ease-out}
.answer-inner{display:flex;padding:20px;background-color:#fff}
.answer-text{flex:1; margin:0; line-height:1.6}
.answer-text .con_list2{margin-top:5px; padding-left:0; font-size:1.6rem;}
.answer-text .con_list1 > li {position:relative; padding-left:15px; margin-bottom:5px;}
.answer-text .con_list1 > li:before {content:''; position:absolute; left:0; top:12px; width:5px; height:5px; background-color:var(--color-gray50); border-radius:50%;}
.answer-text .con_list1 > li > strong{font-weight: 500;}
.answer-text strong{font-weight:600;color:#015198; margin-top:10px; display:block}

.answer-text :deep(.info-tabletd), .answer-text :deep(.info-tableth){border:1px solid #ddd;padding:8px;text-align:left}
.answer-text :deep(img){max-width:100%;height:auto;margin:1em 0;border-radius:4px}
.answer-text :deep(.custom-answer){background-color:#f8f9fa;padding:15px;border-radius:4px}
.answer-text :deep(strong){font-weight:600;color:#2c3e50}
.answer-text :deep(em){font-style:italic;color:#546e7a}
.answer-text :deep(blockquote){margin:1em 0;padding:10px 20px;border-left:4px solid #007bff;background-color:#f8f9fa}
.answer-text :deep(code){background-color:#f1f1f1;padding:2px 4px;border-radius:3px;font-family:monospace}
.answer-text :deep(pre){background-color:#f8f9fa;padding:15px;border-radius:4px;overflow-x:auto}

/* FAQ 답변 내 테이블 스타일 */
.answer-text .contact_table {width: 100%; border-collapse: collapse; margin: 15px 0;}
.answer-text .contact_table th {background-color: #f4f4f9; padding: 12px; text-align: center; border: 1px solid #ddd; font-weight: 500;}
.answer-text .contact_table td {padding: 12px 15px; border: 1px solid #ddd; line-height: 1.6;}
.answer-text .contact_table td.center {text-align: center;}
.answer-text .contact_table .tel {color: var(--color-primary); font-size: 1.8rem; font-weight: 500;}
.answer-text .contact_table .time {color: var(--color-gray50); font-size: 1.4rem; margin-top: 3px;}

@media (max-width: 768px) {
	.answer-mark, .question-mark{font-weight:700;font-size:1.6rem;margin-right:5px}
	.question-mark{color:var(--txt-white); width:30px; height:30px;}
	.answer-mark{color:var(--txt-white); width:30px; height:30px;}
	.answer-text .contact_table th {padding: 8px;}
	.answer-text .contact_table td {padding: 10px;}
	.answer-text .contact_table .tel {font-size: 1.6rem;}
	.answer-text .contact_table .time {font-size: 1.3rem;}
	.answer-text .btn_default {font-size: 1.3rem; height:40px}
	.answer-text .btn_default.btn_xs{padding:10px;}
	.answer-text .con_list2{margin-top:5px; padding-left:0; font-size:1.4rem;}
	.answer-text .con_list1 {gap:5px}

}

@media (max-width: 480px) {
  .answer-text .contact_table {font-size: 1.4rem;}
  .answer-text .btn_default {display:flex; justify-content: center; width:100%; margin:3px;}
}

  
  /* 반응형 테이블 스타일 */
  @media (max-width: 768px) {
	.answer-text :deep(.info-table) {display: block; overflow-x: auto; white-space: nowrap;}
  }

  /* 증빙서류 첨부 */
.upload-container {display: flex; gap: 20px; margin-bottom: 30px; margin-top: 30px;}
.dropzone {flex: 2; min-height: 500px; border: 2px dashed #ccc; border-radius: 4px; background-color: #f5f5f5; display: flex; flex-direction: column; justify-content: center;align-items: center; padding: 20px; text-align: center; transition: all 0.3s ease;}
.dropzone.active {border-color: #4CAF50; background-color: #e8f5e9;}
.dropzone p {margin: 0 0 15px 0; color: #666;}
.file-list-container {flex: 1; background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 16px;min-width: 300px;}
.file_list {list-style: none; padding: 0; margin: 0;}
.file_list li {display: flex; justify-content: space-between; align-items: center; padding: 8px; border-bottom: 1px solid #eee;}
.file_list li:last-child {border-bottom: none;}
.image-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 10px; max-height: 500px; overflow-y: auto;}
.image-grid-4fr {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding: 10px; max-height: 500px; overflow-y: auto;}
.image-item {position: relative; border: 1px solid #ccc; overflow: hidden; background: #fff; display: flex; flex-direction: column; height: 100%;}
.image-container {position: relative; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; padding: 4px; min-height: 120px; overflow: hidden; cursor: pointer;}
.image-container:hover .preview-image {opacity: 0.7;}

.image-info {padding: 0 8px; display: flex; flex-direction: column; gap: 4px; background: #f8f8f8; border-top: 1px solid #ddd; margin-top: auto;}
.file-name {font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 70%;}
.btn-delete {position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: #ea2e02; color: white; border: none; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; padding: 0; z-index: 1;}

.modal-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; z-index: 1000;}
.modal-content {position: relative; max-width: 90vw; max-height: 90vh; background: #fff; padding: 20px; border-radius: 8px;}
.modal-close {position: absolute; top: -25px; right: -15px; width: 40px; height: 40px; background: #fff; border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.modal-close .btn_x {position: relative; top: 0; left: 0; z-index: 10; width: 20px; height: 20px; transition: all .4s;}
.modal-image {max-width: 100%; max-height: 80vh; object-fit: contain;}

.preview-image {cursor: pointer; max-width: 100%;max-height: 120px; object-fit: contain; transition: opacity 0.3s ease;}
.preview-image:hover {opacity: 0.9;}

.image-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; z-index: 1;}
.image-status-badge {position: relative; padding: 8px 16px; border-radius: 4px; font-size: 14px; font-weight: 600; z-index: 2; display: flex; align-items: center; justify-content: center; min-width: 70px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.status-approved {background-color: rgba(46, 125, 50, 0.95); color: white; border: 1px solid rgba(255, 255, 255, 0.2);}
.status-rejected {background-color: rgba(198, 40, 40, 0.95);color: white; border: 1px solid rgba(255, 255, 255, 0.2);}

.ok_desc{position: relative; background: var(--color-green); color:#fff; padding:5px 20px; border-radius:30px; display:inline-flex; align-items:center; font-size:1.4rem; margin-left:10px}
.ok_desc .ok_check {display: inline-block; flex-shrink: 0; position: relative; width: 24px; height: 24px; transition: all 0.3s ease;}
.ok_desc .ok_check::after{content:'';position:absolute;top:6px;left:0;width:16px;height:12px;background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/btn_check.png')no-repeat center / 100%;filter:invert(1)}

/* 의견제출 파일첨부 */
.upload-opinion {display: flex; gap: 20px; margin-bottom: 30px; margin-top: 30px;}
.dropzone-opinion {flex: 2; min-height: 80px; border: 2px dashed #ccc; border-radius: 4px; background-color: #f5f5f5; display: flex; flex-direction: column; justify-content: center;align-items: center; padding: 20px; text-align: center; transition: all 0.3s ease;}
.dropzone-content {display: flex;justify-content: space-between;align-items: center;}
.file-item.empty {background: #f9f9f9;display: flex;justify-content: center;align-items: center;color: #ccc;}
.file-item {position: relative;flex: 0 0 calc(20% - 8px);min-width: 250px;border: 1px solid #eee;border-radius: 4px;padding: 10px;}
.file-info {display: flex;flex-direction: column;gap: 5px;background-color: #fff;position: relative; z-index: 1;}


/* 태블릿 환경 (768px 이하) */
@media screen and (max-width: 768px) {
    .upload-container {flex-direction: column; gap: 16px;}
    .dropzone {min-height: 150px; width: 100%;}
    .file-list-container { width: 100%; min-width: 0;}
    .image-grid {rid-template-columns: repeat(2, 1fr); gap: 8px; max-height: 400px;}
    .image-grid-4fr {grid-template-columns: repeat(2, 1fr); gap: 8px; max-height: 400px;}
    .preview-image {max-height: 100px;}
    .file-name {font-size: 12px;}
    .modal-content {width: 95%; padding: 15px;}
    .modal-close {top: -20px; right: -10px; width: 35px; height: 35px;}
	.data_regist .form_con .form_inline {width:100%; display:block;}
	.data_regist .form_con .form_inline input[type=date]{width:100%; display:block; margin:3px }
    .file-item {flex: 0 0 calc(50% - 5px);}
    .con_tit.tit_flex_jcStart{flex-direction: column; align-items: flex-start;}
    .ok_desc{margin-left:0}
	.file-list-opinion{max-height: 40px;overflow-y: auto;padding: 5px;margin: 5px 0;}
}

/* 모바일 환경 (480px 이하) */
@media screen and (max-width: 480px) {
    .dropzone {min-height: 250px; padding: 15px;}
    .dropzone p {font-size: 14px; margin-bottom: 10px;}
    .image-grid {grid-template-columns: 1fr; max-height: 300px;}
    .preview-image {max-height: 120px;}
    .image-info {padding: 6px;}
    .file-name {font-size: 11px;}
    .btn-delete {width: 20px; height: 20px; font-size: 12px;}
    .modal-content {padding: 10px;}
    .modal-close {top: -15px; right: -5px; width: 30px; height: 30px;}
    .modal-close .btn_x { width: 16px; height: 16px; }
}


/* 신청결과확인 > 지원금액 합계 */
.total_amount_summary {background: #fff; border-top:2px solid #222; border-bottom:2px solid #ddd; margin-bottom: 60px; text-align: center; overflow:hidden;}
.total_amount_title {color: #222; font-weight: 600; margin-bottom: 8px; background: #f4f4f9; padding:15px 0; border-bottom:1px solid #ddd;}
.total_amount_value {font-size: 2.4rem; font-weight: 600; padding:15px 0;}

.alarm_list{display:flex; flex-direction: column; gap:10px; margin-bottom:60px}
.alarm_box {position:relative; display:block; width:100%; background-color: rgba(210, 76, 76, 0.2); padding: 20px; }
.alarm_box::before{content:''; display:block; position:absolute; top:0; left:0; width:4px; height:100%; background-color:#D24C4C}
.alarm_box h3 {font-size: 2rem; color: #D24C4C; display:flex; align-items:center; font-weight: 600; margin-bottom:5px}

.alarm_ico {display: inline-block; width: 24px; height: 24px; border-radius: 50%; position: relative; vertical-align: middle; background-color:#D24C4C; margin-right:8px;}
.alarm_ico::before,
.alarm_ico::after {content: ''; position: absolute; width: 2px; height: 15px;  background-color: #fff; top: 5px; left: calc(50% - 1px); transform-origin: center;}
.alarm_ico::before {transform: rotate(45deg);}
.alarm_ico::after {transform: rotate(-45deg);}
.alarm_date {position: absolute; top: 15px; right: 15px; font-size: 1.4rem; background-color: #fff; padding: 5px 15px; border-radius: 8px;}

@media screen and (max-width: 768px) {
    .alarm_box h3 {font-size: 1.8rem;}
    .alarm_date {position: relative; top: 0; right: 0; margin-top:10px}
}

/* 의견제출 */
.opinion_form {margin-top: 20px; margin-bottom:40px; border-top:2px solid #222; padding-top:30px}
.opinion_form label {display: block;margin-bottom: 10px;font-weight: bold;}
.opinion_form strong {display: inline-block; margin-bottom: 10px; font-weight: 600;}
.opinion_form .required {color: #D24C4C; font-weight: 600;}

.opinion_container {display: flex; gap: 20px; align-items: flex-start; justify-content: space-between;}
.opinion_container textarea {width: 100%; padding: 10px;border: 1px solid #ddd;border-radius: 4px; resize: none; height: 150px;}
.opinion_container button {width:220px; height: 150px;padding: 0;display: flex; align-items: center; justify-content: center;}
.opinion_container textarea:disabled {background-color: #f5f5f5; cursor: not-allowed; opacity: 0.7;} 
.opinion_container textarea:disabled::placeholder {color: #333;}
.opinion_form .btn_default:disabled {background-color: #ccc; cursor: not-allowed; opacity: 0.7;}

.admin_opinion_box {background: #f4f4f9;padding: 20px;margin-top: 20px;border-radius: 8px;border:1px solid #ddd}
.admin_opinion_tit {font-size: 2rem; margin-bottom: 5px; font-weight: 600;}
.admin_opinion_content {position: relative; padding-bottom: 15px;}
.admin_opinion_content p {line-height: 1.8; letter-spacing: 0; margin-bottom:20px}
.admin_opinion_date {position: absolute; bottom: 0; left: 0; color: #666; font-size: 1.4rem;}

.limit_message {color: #D24C4C; font-size: 1.4rem; margin-top: 10px; text-align: right;}

.opinion .table_wrap {margin-top: 30px; opacity: 0; transform: translateY(20px); transition: all 0.3s ease;} 
.opinion .table_wrap.show {opacity: 1; transform: translateY(0);}

@media screen and (max-width: 768px) {
.opinion_container {display: flex; flex-direction: column; gap: 10px; align-items: flex-start; justify-content: center;}
.opinion_container textarea {width: 100% ; padding: 10px;}
.opinion_container button {width:100%; height: 50px;}
}


/* 상세내역 */
.btn-delete {position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: #ea2e02; color: white; border: none; cursor: pointer; font-size: 14px; display: flex; align-items: center; justify-content: center; padding: 0; z-index: 1;}
.detail_file_name {cursor: pointer;}

.proof_type > span{display:inline-block; font-size:2rem; font-weight: 600; color:#ec6911;}
.proof_type2{display:flex; gap:5px; align-items:center; flex-wrap: wrap;}
.proof_type2 > span{display:inline-block; font-size:2rem; font-weight: 500; border:1px solid #ccc; padding:10px 20px; border-radius:8px; text-align:center;}

.no-selection-message{display:inline-block; font-size:2rem; font-weight: 500; border:1px solid #ccc; padding:10px 20px; border-radius:8px; text-align:center;}

@media screen and (max-width: 1024px) {
    .proof_type > span{font-size:1.8rem;}
    .proof_type2 > span, .no-selection-message{font-size:1.8rem;}
}

@media screen and (max-width: 768px) {
    .proof_type > span{font-size:1.6rem;}
    .proof_type2 > span, .no-selection-message{font-size:1.6rem; padding:5px 10px;}
}


#pf_directly_s2 {
    display: none;
}

.proof_item.selected #pf_directly_s1 {
    display: none;
}

/* 증빙예시 Modal */
.proof_ex_list {display: flex;  flex-wrap: wrap; gap: 20px;  padding: 0; list-style: none; width:100%;}
.ex_list_item {flex: 0 0 calc(50% - 10px);  margin: 0; border:1px solid #ccc; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); border-radius:10px; padding:15px;}
.list-item_content {display: flex; flex-direction: column; align-items: center;}
.ex_image {flex-shrink: 0; will-change: transform; transform: translateZ(0); border:0px solid #ccc; margin-bottom:10px;}
.ex_image img {display: block; max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.ex_text {flex: 1; text-align:center; font-weight: 600; background-color: #222; color: #fff;  padding:10px 20px; border-radius: 8px;}

@media screen and (max-width: 768px) {
    .proof_ex_list {flex-direction: column;}
    .ex_list_item {flex: 0 0 calc(100% - 10px);}
}

/* 순서 있는 목록 자동 카운터 */
.auto-list {counter-reset: list-counter; list-style: none; padding-left: 0;}
.auto-list li {counter-increment: list-counter; margin-bottom: 10px; padding-left: 30px; position: relative;}

.auto-list li:before {content: counter(list-counter); position: absolute; left:0; top:50%;  transform: translateY(-50%); background: #3498db; color: white; width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold;}

/* 부담경감 크레딧 지원사업 이동 */
.credit_link{border-top:3px dotted #ccc; margin-top:50px; padding-top:40px; text-align:center; font-size: 2rem; font-weight: 600;  line-height:1.4}
.credit_link p.credit_text{font-size:3rem; margin-top:10px; margin-bottom:20px; line-height:1.6}
.credit_link p span{text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px;}

@media screen and (max-width: 768px) {
    .credit_link img{width:100px}
    .credit_link{font-size: 1.8rem;}
    .credit_link p.credit_text{font-size:2.4rem;}
}

/* 택배조회 안내 모달 */
.modal_pop{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:5000;}
.modal_pop::after{content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,.7);position:fixed;left:0;top:0;backdrop-filter:blur(8px) ;}
.modal_pop .sub_tit_s{font-size:2rem}
.modal_pop .modal_inner{left:50%;top:50%;transform: translate(-50%, -50%);z-index:1;border-radius:2.4rem;background-color:#fff;height:fit-content;max-height:calc(100% - 46px);overflow: auto;width:calc(100% - 46px);max-width:650px;}
.modal_pop .modal_inner .pop_head{width:100%;min-height:72px;padding:0 0 0 30px;background-color:var(--color-gray05);border-bottom:1px solid var(--color-gray20);display:flex;flex-direction:row;gap:20px;justify-content:space-between;align-items:center;position:sticky;left:0;top:0;transition: padding .3s ease, height .3s ease; border-radius:16px 16px 0 0}
.modal_pop .modal_inner .pop_head .tit{font-size:2.4rem;font-weight:600;}
.modal_pop .modal_inner .btn_close{width:72px;height:100%;display:inline-flex;justify-content:center;align-items: center;}
.modal_pop .modal_inner .btn_close::after{content:'';display:block;width:38px;height:38px;background:url(/img/content/ico_close.svg) no-repeat 50%;transition:transform .3s ease;}
.modal_pop .modal_inner .pop_body{padding:36px 30px;transition: padding .3s ease; border-radius:0 0 16px 16px;}
.modal_pop .modal_inner .btn_close{width:72px;height:100%;display:inline-flex;justify-content:center;align-items: center;}
.modal_pop .modal_inner .btn_close::after{content:'';display:block;width:38px;height:38px;background:url(/img/content/ico_close.svg) no-repeat 50%;transition:transform .3s ease;}
.modal_pop .modal_inner .btn_close:hover::after,
.modal_pop .modal_inner .btn_close:focus::after{transform: rotate(90deg);}
.modal_pop.alert .modal_inner .pop_head{border:1px solid var(--color-danger);border-bottom:1px solid var(--color-gray20);}
.modal_pop.alert .modal_inner .pop_body{border:1px solid var(--color-danger);border-top:0;}

.modal_pop.alert .modal_inner .tit_box_ico{padding-top:78px;text-align:center;background:url(/img/content/ico_arror.png) no-repeat 50% 0 / 68px;}
.modal_pop.alert .modal_inner .tit_box_ico .sub_tit_s{color:var(--color-danger);font-size: 2.6rem;}
.modal_pop.alert .modal_inner .tit_box_ico .sub_tit_b{color:var(--color-primary) !important;font-size: 2.6rem;}

.modal_pop.alert .modal_inner .box_red{font-size:1.8rem;}
.modal_pop.alert .modal_inner .box_red strong{text-decoration:underline;}
.modal_pop.alert .modal_inner .box_red .f_red{color: var(--color-danger);}
.modal_pop.alert .alert_txt{text-align:center;font-size:2rem;margin-top:16px;}

@media (min-width:1024px){
    .modal_pop .modal_inner .pop_head{padding:0 0 0 40px;height:84px}
    .modal_pop .modal_inner .pop_body{padding:42px 40px;}
}