@charset "utf-8";

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

/* 공통 컴포넌트 스타일 */
html, body{-moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none;}
/* title */
.main_tit{font-family:'Hakgy'}
.con_tit{display:block;margin-bottom:14px; font-size:2.4rem;line-height:24px;font-weight:600}
.con_tit.c_primary{color:var(--color-primary);}
.con_tit_h4{display:block; margin-bottom:10px; margin-top:25px; font-size:1.8rem; line-height:24px; font-weight:600}
.con_desc{display:inline-block;margin-left:17px;font-size:1.8rem;color:var(--txt-orange);font-weight:400}
.con_desc strong{font-weight:600}
.tit_flex{display:flex; align-items:center; justify-content: space-between;}
.tit_flex_jcStart{display:flex; align-items:center; justify-content:start;}
.tit_flex .tit_item .con_desc{display:block; margin-left:0; margin-bottom:5px;}

/* content */
.con_box:not(:last-child){margin-bottom:50px}
.content p.txt-con{line-height:24px;}

@media (max-width: 768px){
  /* title */
  .con_tit{font-size:2rem;}
  .con_tit > strong{display:block;margin-bottom:4px;font-size:2rem}
  .con_tit_h4{font-size:1.6rem;}
  .con_desc{display:block;margin:0;font-size:1.6rem}

  .tit_flex .btn_s{width:auto;}
  .con_box:not(:last-child){margin-bottom:40px}
}


@media (max-width: 480px){
  .tit_flex{display:block;}
  .tit_flex .btn_s{width:100%; margin-top:5px;}
}

/* button */
/* btn wrap */
.btn_box{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.btn_box.bottom{margin-top:30px}
.btn_box.right{justify-content:flex-end;margin-left:auto}
.btn_box.left{justify-content:flex-start}
.btn_table_box{display:flex;justify-content:center;gap:6px}

/* btn type */
.btn_default{display:inline-block; min-width:180px;height:60px;padding:16px 12px;border:1px solid #ccc;border-radius:10px;background:#f4f4f9;font-size:2.2rem;line-height:24px;font-weight:600;text-align:center}
.btn_s{display:inline-block;height:50px;padding:15px 20px;border-radius:8px;font-size:1.8rem;line-height:18px;text-align:center}
.btn_xs{display:inline-block; height:50px;padding:15px 20px;border-radius:8px;font-size:1.6rem;line-height:18px;text-align:center}
.btn_xxs{display:inline-block; padding:5px 10px; border-radius:5px; font-size:1.4rem; line-height:18px; text-align:center}
.btn_input{display:inline-block;height:60px; min-width:auto; margin-left:8px;padding:16px 25px;border-radius:10px;font-size:1.8rem}
.btn_round{display:inline-block;padding:12px 40px;border-radius:22px;font-size:1.8rem;font-weight:600;text-align:center}
.btn_table{display:inline-block;min-width:62px;height:30px;padding:0 12px;border-radius:5px;font-size:1.6rem;line-height:28px}
.btn_x{position:fixed;top:20px;right:24px;z-index:10;width:20px;height:20px;transition:all .4s}
.btn_x span{position:absolute;top:-3px;left:9px;width:2px;height:25px;background:#222;transform:rotate(45deg)}
.btn_x span:last-child{transform:rotate(-45deg)}
.btn_x:hover,.btn_x:focus{transform:rotate(180deg)}

/* btn ico */
.btn_ico{display:inline-flex; min-width:auto;}
.btn_ico:after{content:'';display:block;background:no-repeat center}
.btn_ico.ico_down:after{width:18px;height:18px;margin-left:11px;background-image:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_down.png')}
.btn_ico.ico_right:after{width:11px;height:16px;margin-left:9px;background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/btn_right.png')}

/* btn hover */
.h_black:hover{border:1px solid #222;background:#222;color:var(--txt-white)}

/* btn color */
.black{border:1px solid #222;background:#222;color:var(--txt-white)}
.blue{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--txt-white)}
.orange{border:1px solid var(--color-orange);background:var(--color-orange);color:var(--txt-white)}
.green{border:1px solid var(--color-green);background:var(--color-green);color:var(--txt-white)}
.green_dark{border:1px solid var(--color-green-dark);background:var(--color-green-dark);color:var(--txt-white)}
.red{border:1px solid var(--color-red);background:var(--color-red);color:var(--txt-white)}
.gray{border:1px solid #ccc; background:#ebebf4}

.line_orange{border:1px solid var(--color-orange);background:#fff;color:var(--color-orange)}
/* //button */

@media (max-width: 1024px){
  /* btn type */
  .btn_default{font-size:2rem}
  .btn_s{font-size:1.6rem}
  .btn_input{font-size:1.6rem;}
  .btn_round_s{font-size:1.4rem}

  /* btn wrap */
  .btn_box{gap:8px}

}
@media (max-width: 768px){
  /* btn type */
  .btn_default{font-size:1.8rem; height: 50px; line-height:16px;}
  .btn_s{font-size:1.6rem}
  .btn_input{height:45px; padding: 11px 25px;  border-radius:5px;}
  .btn_round{font-size:1.6rem}
  .btn_table{font-size:1.5rem}

  .btn_box.bottom{margin-top:30px}
}
@media (max-width: 480px){
  /* btn type */
  .btn_default{font-size:1.4rem}
  .btn_s{width:100%}

  /* btn wrap */
  .btn_box{flex-direction:column}
  .btn_box_row2{flex-direction:row;}
  .btn_box_row2 .btn_default,
  .btn_box_row2 .btn_s{flex:1 1 40%; min-width:auto;}
  .btn_box.radio_custom{flex-direction:row}
  .btn_box.bottom{margin-top:32px}
}

/* tab */
.tab_btn{display:flex;gap:5px;overflow-x:auto;margin-bottom:15px}
.tab_btn a{display:flex;justify-content:center;align-items:center;position:relative;height:50px;padding:12px 30px 12px 27px;border:1px solid #ccc;border-radius:25px;background:#f4f4f9;font-size:1.8rem;color:#aaaaaf;font-weight:500}
.tab_btn a span{display:inline-block;position:relative;width:24px;height:24px;margin-right:10px;border-radius:50%;background:#aaaaaf;transition:all 0.3s ease}
.tab_btn a span: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)}
.tab_content{display:none}
.tab_btn a.on{background:#222}
.tab_btn a.on span{background:#fff}
.tab_btn a.on span::after{filter:none}
.tab_content.on{display:block}

@media (max-width: 768px){
  .tab_btn a{padding-bottom:8px}
  .tab_btn a span{top:-2px;width:20px;height:20px}
  .tab_btn a span:after{top:5px;left:2px;background-size:80%}
}
/* // tab */

/* text */
.txt_ico:before{content: '';display:block;flex-shrink:0;width:41px;height:40px;margin:-4px 5px 0 0;background:no-repeat center}
.txt_ico{display:flex;font-size:2rem;line-height:30px;font-weight:600}
.txt_info_s{display:inline-flex; line-height:24px}
.txt_info_s:before{content: '';display:block;flex-shrink:0;width:18px;height:18px;margin:2px 5px 0 0;background:url(/img/content/ico_info_s.png)}

@media (max-width: 768px){
  .txt_ico{font-size:1.6rem; line-height:24px}
}

/* Pagination */
.pagination{display:flex;justify-content:center;gap:6px;padding-top:17px}
.pagination button, .pagination a, .pagination span{display:block;width:48px;height:48px;border-radius:50%; text-align:center;line-height:48px;font-weight:50; cursor:pointer;}
.pagination .prev{background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/btn_left.png') no-repeat center;filter:invert(1)}
.pagination .next{background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/btn_right.png') no-repeat center;filter:invert(1)}
.pagination .prev:hover,
.pagination .next:hover{background-color:#0875e1;filter:none}
.pagination .page-num:hover,
.pagination .page-num.active{background:#0875e1;color:var(--txt-white)}
.pagination .disabled{opacity:.35;cursor:default}
.pagination .active{cursor:default}

@media (max-width: 768px){
	.pagination{gap:4px;}
	.pagination button, .pagination a, .pagination span{display:block;width:35px;height:35px;font-size:1.4rem;line-height:35px;}
}

/* modal popup */
.modal{overflow:auto; position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8)}
.modal .modal_wrap{overflow-y:scroll;position:absolute;top:50%;left:50%;width:760px;max-width:890px;max-height:80%;border-radius:15px;background-color:#fff;transform:translate(-50%,-50%)}
.modal .modal_tit{position:sticky;top:0;z-index:1;width:100%;padding:18px;background:#ebebf4; text-align:center; display:flex; justify-content: space-between; align-items: center;}
.modal .modal_tit h2{font-size:2.4rem;line-height:24px;font-weight:600;}
.modal .modal_tit .left{text-align:left}
.modal .modal_tit .btn_x{position:relative; top:0; left:0; z-index:10; width:20px; height:20px; transition:all .4s}

.modal .modal_wrap.wp100{width:80%; max-width:1000px;}

.modal .modal_tit > span{display:inline-flex;margin-left:10px; color:var(--color-primary)}
.modal .modal_tit > span:before{content:'';display:block;flex-shrink:0;width:18px;height:18px;margin:2px 5px 0 0;background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_modal_tit.png');}
.modal_content{height:100%; padding:35px 30px 42px}
.modal_content .modal_txt{font-size:1.8rem; font-weight:600; line-height:30px;text-align:center;letter-spacing:0}
.modal_content .txt_info_s{display:flex;margin-bottom:24px;color:var(--color-primary);font-weight:600}
.modal_content .txt_info_s:before{flex-shrink:0;margin:2px 5px 0 0;background:url(/img/content/ico_modal_tit.png)}
.modal_con_tit{display:block;margin-bottom:5px;font-size:2rem;font-weight:600;}
.modal .modal_con:not(:last-child){margin-bottom:30px}


@media (max-width: 1024px){
  .modal .modal_tit h2{font-size:2rem}
  .modal_con_tit{font-size:1.8rem;}
  .modal .modal_wrap.wp100{width:calc(100% - 40px); max-width:100%;}
}
@media (max-width: 768px){
  .modal .modal_wrap{width:90%}
  .modal .modal_tit > span{display:flex;margin:8px 0 0}
  .modal_content{padding:30px 20px}
  .modal_content .modal_txt{font-size:1.8rem;line-height:28px} 
}
@media (max-width: 480px){
  .modal_con_tit{font-size:1.6rem;}
  .modal_content .modal_txt{font-size:1.6rem; font-weight:400; line-height:24px;}
}

/* modal_form */
.modal_form .modal_content{padding:40px}
.modal_check .modal_content{padding:10px 40px 40px}
.modal_form .form_con .label{width:150px}
.modal_form .select_custom_trigger{width:calc(100% - 98px)}
.modal_form .custom_options{width:calc(100% - 98px)}
.modal_form .form_con input{width:calc(100% - 106px)}
.modal_form .upload_custom .file_name{width:calc(100% - 98px)}
.modal_form .btn_input{width:98px; padding:12px}
.modal_form .form_wrap{display:block}
.modal_form .form_wrap:not(:last-child){margin-bottom:15px}
.modal_form .form_box:not(:last-child){margin-bottom:30px}
.modal_form .add_wrap{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px;line-height:24px;color:#999}
.modal .total_money input{width:calc(100% - 98px);margin-right:10px}

.modal table th{border-bottom:1px solid #ccc;background:#ebebf4}
.modal table td{border-bottom:1px solid #ccc}

.modal .add_item{margin-top:15px}


@media (max-width: 768px){
  .modal_form .modal_content{padding:32px 20px}
  .modal_check .modal_content{padding:10px 20px 40px}
  .modal_form .form_con .label{width:100px}

  .modal_form .form_con input{width:100%;margin-bottom:8px}
  .modal_form .upload_custom .file_wrap{flex-direction:column}
  .modal_form .upload_custom .file_name{width:100%;}
  .modal_form .upload_custom .file_btn{flex-direction:row}

  .modal_form .total_money input{width:calc(100% - 26px)}
}
@media (max-width: 480px){
  .modal_form .select_custom_trigger{width:100%}
  .modal_form .custom_options{width:100%}
  .modal_form .form_con .label{width:90px}
  
  .modal_form .btn_input{width:100%;margin:0 !important}
  .modal .add_wrap{flex-direction:column;align-items:flex-start}
  .modal .add_wrap .btn_box{width:100%;margin:0}
}
/* //modal popup */

/* box*/
.conBox01 {border:1px solid #ededed;background-color:#f7f7f7;padding:2em;border-radius:5px}
.conBox02 {border:1px solid #ededed;padding:2em;border-radius:15px;box-shadow:1px 3px 10px rgba(0,0,0,0.1)}
.conBox03 {border:1px solid #ddd;background: #f4f4f9; padding:1em; border-radius:8px;text-align:center;}

/* form */
form .form_wrap:not(:last-child){margin-bottom:50px}
.form_wrap{display:flex; justify-content:space-between; position:relative}
.form_wrap.ds_column{display:flex; justify-content:center; flex-direction: column;  position:relative}
.form_wrap .form_txt{margin-top:10px;line-height:24px;color:#999}
.form_tit{display:inline-block;flex-shrink:0;width:250px;margin:8px 0 20px;font-size:2.4rem;font-weight:600; line-height:30px;}
.form_desc{margin-top:20px;font-size:1.8rem;color:var(--txt-orange);line-height:26px;font-weight:400}
.form_desc strong{font-weight:600}
.form_desc span{display:block}
.form_con{border-top:2px solid #222; width:100%;}
.form_con .form{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #e0e0e0; gap:10px;}
.form_con .form .form_inline{display:flex; align-items:center; width:calc(100% / 2); gap:10px;}
.form_con .form.align_s{align-items:flex-start}
.form_con .form.align_s .label{margin-top:5px}
.form_con .label{flex-shrink:0; width:140px; margin-bottom:0;}
.form_con input{width:100%;background:#fff}
.form_con input[readonly] {background-color: #f4f4f9;}
.form > div, .input_group{width:100%}
.form_con .form.data input{background:#e0e0e9;color:var(--txt-black)}
.form_wrap.form_btn_top{padding-top:60px}
.form_wrap.form_btn_top .btn_box.top{position:absolute;top:0;right:0}

.label{display:inline-block;margin-bottom:12px;font-size:2rem;font-weight:600}
.label span{color:var(--txt-orange)}
.input_2{display:flex;align-items:center}
.input_2 input{width:200px}
.form_con .form .form_inline.input_2 input{width:calc((100% - 15px) / 2)}
.input_2 > span{margin:0 5px}
.input_3{display:flex;align-items:center}
.input_3 input{width:200px}
.input_3 > span{margin:0 5px}

input:disabled {background-color: #f4f4f9;}

@media (max-width: 1919px){
  .form_wrap{flex-direction:column}
  .form_tit{width:100%; margin-right:10px}
  .form_tit br{display:none}
  .form_desc{display:inline-block}
  .form_desc span{display:inline}
  .form_wrap.form_btn_top{padding-top:0}
  .form_wrap.form_btn_top .btn_box.top{/*position:unset;justify-content:flex-start;margin-bottom:12px;*/}
}
@media (max-width: 1366px){
  .form_wrap{display:block}
}
@media (max-width: 1024px){
  /*.form_con .form{flex-direction:column;align-items:flex-start; gap:0;}
  .form_con .label{margin-bottom:12px}
  .form_con .form .form_inline{flex-direction:column; align-items:flex-start; width:100%; padding:0 0 20px 0;border-bottom:1px solid #e0e0e0; gap:0;}
  .form_con .form .form_inline:nth-child(2){padding:20px 0 0 0;border-bottom:0 none;}
  */
  .form_con .form input.w50p, .form_con .form .select_custom.w50p{width:100% !important;}
  .form_desc{font-size:1.6rem;}
  .form_wrap.form_btn_top .btn_box.top{position:unset;justify-content:flex-start;margin-bottom:12px;}	
  .input_2 input{width:calc((100% - 15px) / 2)}
  .input_3 input{width:calc((100% - 25px) / 3)}
  .label{font-size:1.6rem}
}
@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 .label{width:120px;}
	
  .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){padding:10px 0 0 0; border-bottom:0 none;}

  .form_tit{margin:8px 0 15px; font-size:2rem;}
  .form_desc{display:block; margin-top:0; font-size:1.4rem;}
  .form_wrap.form_btn_top{padding-top:0}	
}
@media (max-width: 480px){
  .form_con .label{width:110px; font-size:1.4rem}
}

/* input[type="radio"] custom */
.radio_custom input[type="radio"]{display:none}
.radio_custom .radio_tit{display:flex;align-items:center;flex-shrink:0;min-width:141px;padding:12px 30px 12px 27px;border:1px solid #ccc;border-radius:calc(100vh / 2);background:#fff;color:#aaaaaf;font-weight:500;line-height:24px}
.radio_custom.all .radio_tit{width:178px}
.radio_custom .custom_radio{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}
.radio_custom .custom_radio::after{content:'';position:absolute;top:6px;left:4px;width:16px;height:12px;background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/btn_check.png')no-repeat center / 100%;filter:invert(1)}
.radio_custom .radio_tit.on{background:#222;color:var(--txt-white)}
.radio_custom input[type="radio"]:checked + .custom_radio{background:#fff}
.radio_custom input[type="radio"]:checked + .custom_radio::after{filter:none}

.radio_custom input[type="checkbox"]:checked + .custom_radio{background:#fff}
.radio_custom input[type="checkbox"]:checked + .custom_radio::after{filter:none}



/* input[type="checkbox"] custom */
.checkbox_custom input[type="checkbox"]{display:none}
.checkbox_custom .checkbox_tit{display:flex;align-items:center;flex-shrink:0; width:100%; padding:12px 30px 12px 27px; border:1px solid #ccc; border-radius:5px; background:#fff;color:#aaaaaf;font-weight:500;line-height:24px}
.checkbox_custom .custom_checkbox{display:inline-block;flex-shrink:0;position:relative;width:25px;height:25px;margin-right:10px;border-radius:5px;background:#aaaaaf; transition:all 0.3s ease}
.checkbox_custom .custom_checkbox::after{content:'';position:absolute; top:4px;left:2px; width:16px; height:12px; background:url('../img/content/btn_check.png')no-repeat center / 100%;filter:invert(1)}
.checkbox_custom .checkbox_tit.on{background:#222; color:var(--txt-white)}

.checkbox_custom input[type="checkbox"]:checked + .custom_checkbox{background:#fff}
.checkbox_custom input[type="checkbox"]:checked + .custom_checkbox::after{filter:none}


@media (max-width:640px){
  .radio_custom.all .radio_tit{width:100%;}
  .radio_custom .radio_tit{flex:1 1 40%; min-width:auto; padding:12px 20px 12px 17px; text-wrap: nowrap;}
}

/* input[type="file"] custom */
.upload_custom{position:relative}
.upload_custom label{width:100%;margin-bottom:10px;cursor:default}
.upload_custom input[type="text"]{width:150px;}
.upload_custom input[type="file"]{display:none}
.upload_custom .file_list{width:100%}
.upload_custom .file_list > li:not(:last-child){margin-bottom:10px}
.upload_custom .file_wrap{display:flex; align-items:center; width:100%; gap:5px;}
.upload_custom .file_name{width:100%;height:60px;padding:15px 10px;border:1px solid #ccc;border-radius:10px;background:#f4f4f9;color:#999;letter-spacing:0;vertical-align:middle}
.upload_custom.data .file_name{background:#e0e0e9;color:var(--txt-black)}
.upload_custom .file_name p{display:flex;justify-content:space-between}
.upload_custom .file_btn{gap:4px;position:absolute;top:53px;left:0}
.upload_custom .file_btn .btn{width:60px;height:30px;padding:0;border-radius:15px; font-size:1.4rem;}

.modal_complement .upload_custom input[type="text"]{width: calc(100% - 98px); margin-right: 10px;}
.modal_complement .upload_custom .file_item {display:flex; flex-direction:column; width:100%; gap:5px;}
.modal_complement .upload_custom .file_item .money{display:flex; width:100%; align-items:center; justify-content: flex-start;}
.modal_complement .upload_custom .file_img .btn_s{width:295px;}

@media (max-width: 1024px){
  /* .upload_custom .file_btn{top:18px;right:0;left:unset} */
}
@media (max-width: 768px){
  .upload_custom .file_name{height:45px;padding:12px 20px}
  .upload_custom input[type="text"]{width:120px;}
  .upload_custom .file_btn{top:45px;}
  .upload_custom .file_btn .btn{width:30px;height:30px;padding:0;border-radius:5px; font-size:2rem;}
  .upload_custom .file_btn .btn span{display:none;}

  .upload_custom .file_wrap{display:block}
  .upload_custom .file_name{top:45px; height:45px; margin-bottom:8px; padding:8px 12px; border-radius:5px;}
  .upload_custom .btn_input{width:100%;margin:0}
  .upload_custom input[type="text"]{width:100%;}
  .modal_complement .upload_custom input[type="text"]{width: calc(100% - 26px);}

}
@media (max-width: 480px){
  .modal_complement .upload_custom .file_img .btn_s{width:100%;}
  .upload_custom .btn_input.ml_04{margin-left:0 !important;}
}


/* select custom */
.select_custom{position:relative;display:inline-block;width:100%;height:60px}
.select_custom_trigger{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:20px;border: 1px solid#ccc;border-radius:10px;background:#fff;color:#999;letter-spacing:0;cursor:pointer}
.select_custom_trigger:after{content:'';display:block;width:22px;height:12px;background: url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_select.png') no-repeat center;transition:all .2s}
.select_custom[aria-expanded="true"] .select_custom_trigger:after{transform:rotate(-180deg)}
.custom_options{overflow-y:auto;position:absolute;top:100%;left:0;z-index:9999;width:100%;max-height:200px;border-radius:4px;background:#fff;color:#111;box-shadow:0 0 15px rgba(0,0,0,.15);}
.custom_options::-webkit-scrollbar{width:7px;height:6px}
.custom_options::-webkit-scrollbar-track{border-radius:30px;background:none}
.custom_options::-webkit-scrollbar-thumb{border-radius:30px;background:#aaaaaf}
.custom_options > li{padding:6px 16px;border-radius:4px;letter-spacing:0;cursor:pointer}
.custom_options > li:hover,.custom_options > li:focus{background:#e4ecf7}
.custom_options.active{display:block}

@media (max-width: 768px){
  .select_custom{height:45px}
  .select_custom_trigger{padding:10px; border-radius:5px;}
  .select_custom_trigger:after{width:16px;height:10px; background-size:100%;}
  .custom_options > li{padding:5px 10px;border-radius:4px;letter-spacing:0;cursor:pointer}
}

/* table */
table{width:100%;border-top: 2px solid #222;}
.table_wrap{overflow-x:auto;width:100%;}
table tr th{padding:16px;background:#f4f4f9;text-align:center;font-weight:600}
table th, table td{padding:8px; border-bottom:1px solid #dddddd;border-left:1px solid #dddddd; vertical-align: middle;}
table tbody tr td {height:56px; padding:12px 20px; text-align:center; background-color:#fff;}
table thead tr th:first-child,table tbody tr th:first-child,table tr td:first-child{border-left:none; vertical-align:middle}
table tbody tr th:last-child,table tr td:last-child{border-right:none}
table tbody tr td strong{font-weight:600;color:#000}
table tfoot td{background:#e4ecf7; font-weight:600;}
table tfoot .sum{display:flex;justify-content:center;align-items:center}
table tfoot .sum label{flex-shrink:0}
table tfoot .sum input{width:250px;margin:0 12px;padding:15px;text-align:right}
table td .con_list1 > li {padding:4px 0;}

.table_rowtr th{width:200px}
.table_row tr td{width:calc(100% - 200px);text-align:left}
.table_row tr td:not(:first-child){border-left:0}
.table_row td + th {border-left:0 none;}

.td_600 td{font-weight:600}

/* table-style1 */
table.t_style1{width:100%; border-top: 2px solid #222;}
table.t_style1 tr th{padding:12px 16px;background:#f4f4f9;text-align:center;font-weight:600;}
table.t_style1 th, table.t_style1 td{ padding:5px;line-height:1em;border-bottom:1px solid #dddddd; vertical-align:middle; font-size:1.6rem;}
table.t_style1 tbody tr td {height:45px;padding:5px 15px; text-align:center; background:#fff;}

table.t_style1 tbody tr th:last-child,table.t_style1 tr td:last-child{border-right:none}

/* table-style2 */
table{width:100%; border-top: 2px solid #222;}
table.t_style2 tr th{padding:12px 16px;background:#f4f4f9;text-align:center;font-weight:600}
table.t_style2 th, table.t_style1 td{height:50px; padding:10px; line-height:1em; border-bottom:1px solid #dddddd; vertical-align:middle}
table.t_style2 tbody tr td {height:50px;padding:10px 15px; font-size:1.6rem;text-align:center; background:#fff;}
table.t_style2 thead tr th:first-child,table.t_style1 tbody tr th:first-child,table.t_style1 tr td:first-child{border-left-width:1px; vertical-align:middle}
table.t_style2 tbody tr th:last-child,table.t_style1 tr td:last-child{border-right:none}

/* table-style-dl */
.table_dl dl {display: flex; align-items: stretch; width: 100%; border-width:1px 0; border-style:solid; border-color:#ddd;  border-top: 2px solid #222;}
.table_dl dl + dl {border-top: 0 solid #ddd;}
.table_dl dl dt, .table_dl dl dd{display: flex; align-items: center; justify-content: center; padding:16px; height:auto;}
.table_dl dl dt {width:200px; background:#f4f4f9; font-weight:600; border-width:1px 0;  text-align: center;}
.table_dl dl dd {width:calc((100% - 400px) / 2 ); justify-content: flex-start;}
.table_dl dl dd .input_2{width:100%;}
.table_dl dl dd .input_2 input[type="text"]{width:calc((100% - 18px) / 2)}

@media (max-width: 1024px){
	/* table-style-dl */
	.table_dl dl dt {width:120px;}
	.table_dl dl dd {width:calc((100% - 240px) / 2 );}

	table tr th, table tbody tr td, table.t_style1 tr th, table.t_style1 tbody tr td{padding:16px; white-space:nowrap}
	/*.table_wrap table{min-width:600px}*/

  table tr th, table tbody tr td, table.t_style1 tr th, table.t_style1 tbody tr td{padding:12px 10px;}
  .t_hidden{display:none}
  .t_hidden + th, .t_hidden + td{border-left:0 none;}
  table tfoot .sum input{width:180px;}

	  table.t_style2 { table-layout:fixed; width:100%; border-top: 0 solid #171717;}  
    table.t_style2,
    table.t_style2 tbody,
    table.t_style2 tr, table.t_style2 th, table.t_style2 td {display: block;}
    table.t_style2 {border-bottom: none;}
    table.t_style2 thead {display: none;}
    table.t_style2 tbody tr {margin-bottom: 10px;}
    table.t_style2 tbody tr th, table.t_style2 tbody tr td {height:auto; min-height:50px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; text-align: left; padding: 10px 5px; white-space: normal; word-wrap: break-word;}
    table.t_style2 tbody tr th {background: none;}
    table.t_style2 th:first-child,
    table.t_style2 td:first-child {border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
    table.t_style2 th:last-child,
    table.t_style2 td:last-child {border-right: 1px solid #ccc;}
    table.t_style2 tbody tr th,
    table.t_style2 tbody tr td {position: relative; padding-left: 150px;}
    table.t_style2 th:before,
    table.t_style2 td:before {content: attr(data-cell-header); display: inline-flex; position: absolute; top: 0; left: 0; width: 130px; height: 100%; background: #f4f4f9; align-items: center; justify-content: center; font-weight:500}
}

@media (max-width: 768px){
	.table_row tr th{width:35%; min-width:120px}
	/* table-style-dl */
	.table_dl dl{flex-wrap: wrap; border-bottom:0}
	.table_dl dl dd {width:calc(100% - 120px);}
  .table_dl dl dt, .table_dl dl dd{padding:8px; border-bottom:1px solid #ddd;}
  .table_dl dl dd input[type="text"]{width:100%;}
}

@media (max-width: 480px){
	table tr th, table tbody tr td, table.t_style1 tr th, table.t_style1 tbody tr td{padding:8px; white-space:nowrap}
	table tbody tr td {height:40px;}

	table.t_style1 th, table.t_style1 td,
	table.t_style2 tbody tr td {font-size:1.4rem;}

  .table_dl dl dt {width:110px;}
  .table_dl dl dt, .table_dl dl dd{font-size:1.4rem;}
}


/* List */
.con_list > li{line-height:28px}
.con_list > li > ul {padding-top:10px;}

.con_list1{display:flex;flex-direction:column; gap:0;}
.con_list1 > li p{padding:8px 0 8px 40px;background: url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_list.png') no-repeat 0 10px;}

.con_list2{margin-top:15px; padding-left:60px}
.con_list2 > li:before{content:'-';position:absolute;top:0;left:0}
.con_list2 > li{position:relative;padding-left:16px;}

.modal .con_list2{margin-top:0; padding-left:40px}
.modal .con_list2 > li:before{content:'-';position:absolute;top:0;left:0}
.modal .con_list2 > li{position:relative;padding-left:16px;}

.con_list3{display:flex;flex-direction:column;gap:10px}
.con_list3 > li p{padding:15px 27px 15px 72px;border:1px solid #ccc;border-radius:10px;background:#f4f4f9 url('https://sui127320-sui127320.ktcdn.co.kr/img/content/ico_list.png') no-repeat 27px 15px;}

.list_num > li{position:relative; padding-left:37px; letter-spacing:0}
.list_num > li:not(:last-child){margin-bottom:12px}
.list_num span{position:absolute;top:5px;left:0;width:25px; height:25px; margin-right:12px;border-radius:50%;background:#222; text-align:center;color:var(--txt-white)}

@media (max-width: 1024px){
  .con_list1{gap:30px}
  .con_list2{margin-top:8px; padding-left:33px}
  .con_list3 > li p{padding:10px 20px 10px 50px; background-position:20px 10px; background-size:25px}
}
@media (max-width: 768px){
  .con_list1{gap:24px}
  .con_list1 > li p{padding:24px 24px 24px 70px; background-position:24px 20px;}
  .modal .con_list1{gap:0}
  .modal .con_list1 > li p{padding:0 0 10px 40px; background-position:0 0;}

  .con_list3 > li p{background-position:20px 12px; background-size:20px}
  .list_num span{top:0}
}
@media (max-width: 480px){
  .con_list1 > li p{background-position:24px 20px;}
  .con_list2{padding-left:20px}
  .con_list3 > li p{padding:10px 35px; background-position:15px 12px; background-size:15px}
}

/* box */
.con_box1{padding:50px 24px;border:1px solid #ccc;border-radius:10px;background:#f4f4f9}
.con_box2{margin-top:57px;padding:20px 32px 24px;border:2px solid #222;border-radius:10px;background:#f4f4f9}
.con_box2 > div:first-child p{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #ccc; text-align:center;}
.con_box2 > strong:first-child{display:block;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #ccc; text-align:center;font-weight:600;}
.con_box2 > p{text-align:center;}
.con_box2 > p span{display:block}
.con_box3{padding:20px;border:1px solid #ccc;border-radius:10px;background:#f4f4f9}

@media (max-width: 768px){
  .con_box2{padding:20px 20px 24px}
  .con_box2 > strong:first-child{margin-bottom:10px;padding-bottom:10px;}
}

/* drop */
.drop_box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc}
.drop_box:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.drop_tit{display:flex;align-items:center}
.drop_btn{flex-shrink:0;margin-left:auto;padding:8px 30px;border:1px solid #ff7300;border-radius:10px;color:var(--txt-orange);font-weight:600;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.drop_btn.on{border:1px solid #ccc; color:var(--txt-black);}
.drop_con{overflow-y:auto;max-height:220px;margin:15px 0;padding:30px}
.drop_con::-webkit-scrollbar{width:7px;height:6px}
.drop_con::-webkit-scrollbar-track{border-radius:30px;background:none}
.drop_con::-webkit-scrollbar-thumb{border-radius:30px;background:#aaaaaf}

@media (max-width: 768px){
  .drop_tit{flex-direction:column;align-items:flex-start}
  .drop_btn{width:100%;border:1px solid #ccc;border-radius:10px}
  .drop_con{margin:0 0 15px;border-radius:0 0 10px 10px; padding:20px}
  .drop_btn.on{border-bottom:0;border-radius:10px 10px 0 0}
}

/* bubble */
.bubble{position:relative;width:831px;margin:0 auto 14px;padding:24px 65px;border-radius:calc(100vh / 2);background:var(--color-green);font-size:2rem;font-weight:600;line-height:30px;text-align:center;color:var(--txt-white)}
.bubble:after{content:'';display:block;position:absolute;right:68px;bottom:-16px;width:27px;height:22px;background:url('https://sui127320-sui127320.ktcdn.co.kr/img/content/img_bubble.png')}
.bubble.style1{position:relative; width:100%; border-radius:15px;}
.bubble.style1:after{content:'';display:none;}
.bubble.style2{font-size:2.4rem;font-weight:600;line-height:30px;}

@media (max-width: 1366px){
  .bubble{font-size:1.8rem}
  .bubble.style2{font-size:1.8rem; line-height:24px;}
}
@media (max-width: 1024px){
  .bubble{width:100%;}
  .bubble:after{display:none}
}
@media (max-width: 768px){
  .bubble{padding:15px; border-radius:15px; line-height:32px}
}

/* badge */
.badge_default{display: inline-block;padding: 8px 15px; font-size: 1.6rem;line-height: 1; color:#fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 30px; background-color: var(--color-green);}
.badge_style2{background-color: var(--color-orange);}
.badge_style3{background-color: var(--color-gray50);}
.badge_style4{background-color: var(--color-secondary);}

/* text_style */
.txt_item01{display:block; width:100%; margin-top: 24px; padding-top: 20px; border-top: 1px solid #ccc; text-align: left;}

/* 플로팅 아이콘 */
.floating_icons {position: fixed; right: 50px; bottom: 100px; display: flex; flex-direction: column; z-index: 100;}
.floating_item {transition: transform 0.3s ease; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.floating_item:hover {transform: translateY(-5px);}
.floating_item h4 {position: relative; font-size: 1.4rem; color: #415eee; font-weight: 600; background-color: #fff; padding: 6px 12px; border-radius: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); width: 50px; text-align: center; line-height:1;}
.floating_item h4:after { content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff;}
.floating_icon { width: 60px; height: 60px; border-radius: 50%; background: #1f2a6c; border: 2px solid #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); display: flex; justify-content: center; transition: transform 0.3s ease;} 
.floating_icon { width: 60px; height: 60px; border-radius: 50%; background: #415eee; border: 2px solid #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; }
.floating_icon img {width: 45px; height: 45px;}

@media (max-width: 768px) {
  .floating_icons {right: 20px; bottom: 60px;}
  .floating_icon {width: 50px; height: 50px;}
  .floating_icon img {width: 40px; height: 40px; }
}