/* btn */
.btn_wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content: space-between;margin-top:36px;padding:0 24px;gap:20px}
.btn_wrap > div{display:flex;flex-direction: row;flex-wrap:wrap;gap:8px}
.btn_wrap.cancel{margin-left:350px;}
@media (max-width:410px){
    .btn_wrap{flex-direction: column-reverse;justify-content:center;align-items:center;}
}


.btn_wrap02{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content: center;margin-top:36px;padding:0 24px;gap:8px}

.btn{display:inline-flex;align-items:center;justify-content: center;gap:.4rem;width:auto;height:4.4rem;padding:0 2rem;line-height:1;color:#fff;font-size:1.8rem;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--br-8);cursor:pointer;white-space:nowrap;transition: all .2s ease;vertical-align:middle;}

.btn.sm{height:3.2rem;font-size:1.6rem;}
.btn.md{height:4.4rem;padding:0 1.2rem}
.btn.lg{height:5.2rem;border-radius:2.6rem;padding:0 1.6rem;}
.btn.lg.line.red{background-color:var(--color-point01);border-color:var(--color-point01);}


@media (min-width:768px){
    .btn_wrap,
    .btn_wrap02{padding:0 50px}
    .btn.sm{height:3.8rem;}
    .btn.md{height:5.2rem;padding:0 2rem}
    .btn.lg{height:5.8rem;border-radius:3.6rem;padding:0 5rem;}
    .btn.red{height:5.8rem;border-radius:3.6rem;padding:0 5rem;}
}

.btn.primary{background-color:var(--color-secondary);border-color:var(--color-secondary);}
.btn.primary:hover,
.btn.primary:focus{background-color:var(--color-secondary-100);border-color:var(--color-secondary-100);color:#fff}

.btn.secondary{background-color:var(--color-primary10);border-color:var(--color-primary);color:var(--color-primary)}
.btn.secondary:hover,
.btn.secondary:focus{background-color:var(--color-primary20);border-color:var(--color-primary)}

.btn.primary_fill{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}
.btn.primary_fill:hover,
.btn.primary_fill:focus{background-color:var(--color-primary100);border-color:var(--color-primary100)}

.btn.line{background-color:#fff;border-color:var(--color-gray80);color:var(--color-gray90)}
.btn.line:hover,
.btn.line:focus{border-color:var(--color-primary);color:var(--color-primary)}

.btn[class*=ico_]::before,
.btn[class*=ico_].ico_after::after{display:inline-flex;content:'';width:2.4rem;height:2.4rem;background-repeat:no-repeat;background-size:contain;transition: transform .3s ease;}
.btn[class*=ico_].ico_after::before{display:none}

.btn.sm[class*=ico-]::before,
.btn.sm[class*=ico-]::after{width:2rem;height:2rem}

.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus{background-color:var(--color-gray10);border-color:var(--color-gray10);color:var(--color-gray60);cursor:auto;}

.btn.ico_arr_right::before,
.btn.ico_arr_right::after
{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 25 25'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B mask: url(%23mask); %7D .st1 %7B fill: %232d2d2d; %7D .st2 %7B fill: %23d9d9d9; %7D %3C/style%3E%3Cmask id='mask' x='.3' y='.3' width='24' height='24' maskUnits='userSpaceOnUse'%3E%3Cg id='mask0_240_212'%3E%3Crect class='st2' x='.3' y='.3' width='24' height='24'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M16.5,13.3l-5.6,5.6,1.4,1.4,8-8L12.3,4.3l-1.4,1.4,5.6,5.6H4.3v2h12.2Z'/%3E%3C/g%3E%3C/svg%3E");}

.btn.ico_arr_left::before,
.btn.ico_arr_left::after
{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 25 25'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B mask: url(%23mask); %7D .st1 %7B fill: %232d2d2d; %7D .st2 %7B fill: %23d9d9d9; %7D %3C/style%3E%3Cmask id='mask' x='.3' y='.3' width='24' height='24' maskUnits='userSpaceOnUse'%3E%3Cg id='mask0_240_223'%3E%3Crect class='st2' x='.3' y='.3' width='24' height='24'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M8.1,13.3l5.6,5.6-1.4,1.4-8-8,8-8,1.4,1.4-5.6,5.6h12.2v2h-12.2Z'/%3E%3C/g%3E%3C/svg%3E");}

.btn.ico_arr_right[disabled]::before,
.btn.ico_arr_right[disabled]::after
{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 25 25'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B mask: url(%23mask); %7D .st1 %7B fill: %23717171; %7D .st2 %7B fill: %23717171; %7D %3C/style%3E%3Cmask id='mask' x='.3' y='.3' width='24' height='24' maskUnits='userSpaceOnUse'%3E%3Cg id='mask0_240_212'%3E%3Crect class='st2' x='.3' y='.3' width='24' height='24'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M16.5,13.3l-5.6,5.6,1.4,1.4,8-8L12.3,4.3l-1.4,1.4,5.6,5.6H4.3v2h12.2Z'/%3E%3C/g%3E%3C/svg%3E") !important;}

.btn.ico_arr_left[disabled]::before,
.btn.ico_arr_left[disabled]::after
{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 25 25'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B mask: url(%23mask); %7D .st1 %7B fill: %23717171; %7D .st2 %7B fill: %23717171; %7D %3C/style%3E%3Cmask id='mask' x='.3' y='.3' width='24' height='24' maskUnits='userSpaceOnUse'%3E%3Cg id='mask0_240_223'%3E%3Crect class='st2' x='.3' y='.3' width='24' height='24'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M8.1,13.3l5.6,5.6-1.4,1.4-8-8,8-8,1.4,1.4-5.6,5.6h12.2v2h-12.2Z'/%3E%3C/g%3E%3C/svg%3E") !important;}


.btn.ico_arr_left:not(:disabled):hover::before,
.btn.ico_arr_left:not(:disabled):hover::after,
.btn.ico_arr_left:not(:disabled):focus::before,
.btn.ico_arr_left:not(:disabled):focus::after
{transform:translateX(-5px);background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 25 25'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B mask: url(%23mask); %7D .st1 %7B fill: %230067F3; %7D .st2 %7B fill: %23d9d9d9; %7D %3C/style%3E%3Cmask id='mask' x='.3' y='.3' width='24' height='24' maskUnits='userSpaceOnUse'%3E%3Cg id='mask0_240_223'%3E%3Crect class='st2' x='.3' y='.3' width='24' height='24'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M8.1,13.3l5.6,5.6-1.4,1.4-8-8,8-8,1.4,1.4-5.6,5.6h12.2v2h-12.2Z'/%3E%3C/g%3E%3C/svg%3E");}

.btn.ico_arr_right:not(:disabled):hover::before,
.btn.ico_arr_right:not(:disabled):hover::after,
.btn.ico_arr_right:not(:disabled):focus::before,
.btn.ico_arr_right:not(:disabled):focus::after
{transform:translateX(5px);}

.btn.primary.ico_arr_right::before,
.btn.primary.ico_arr_right::after
{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 25 25'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B mask: url(%23mask); %7D .st1 %7B fill: %23ffffff; %7D .st2 %7B fill: %23d9d9d9; %7D %3C/style%3E%3Cmask id='mask' x='.3' y='.3' width='24' height='24' maskUnits='userSpaceOnUse'%3E%3Cg id='mask0_240_212'%3E%3Crect class='st2' x='.3' y='.3' width='24' height='24'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M16.5,13.3l-5.6,5.6,1.4,1.4,8-8L12.3,4.3l-1.4,1.4,5.6,5.6H4.3v2h12.2Z'/%3E%3C/g%3E%3C/svg%3E");}

.btn.ico_upload::before,
.btn.ico_upload::after
{background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_307_969' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Crect x='0.0869141' y='0.70459' width='24' height='24' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_307_969)'%3E%3Cpath d='M11.0869 16.7046V8.55459L8.48691 11.1546L7.08691 9.70459L12.0869 4.70459L17.0869 9.70459L15.6869 11.1546L13.0869 8.55459V16.7046H11.0869ZM6.08691 20.7046C5.53691 20.7046 5.06608 20.5088 4.67441 20.1171C4.28275 19.7254 4.08691 19.2546 4.08691 18.7046V15.7046H6.08691V18.7046H18.0869V15.7046H20.0869V18.7046C20.0869 19.2546 19.8911 19.7254 19.4994 20.1171C19.1077 20.5088 18.6369 20.7046 18.0869 20.7046H6.08691Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");}


input[type=radio],
input[type=checkbox],
input[type=file]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;background-color:#fff;}
.chk_area{display:flex;gap:12px}
.chk_area.chk-colum{flex-direction:column}
.form_check{font-size:1.8rem}
.form_check input[type=radio] ~ label,
.form_check input[type=checkbox] ~ label{position:relative;display:inline-flex;min-height:24px;padding-left:calc(24px + .6rem);font-size:1.8rem;line-height:24px}

.form_check input[type=radio] ~ label::before,
.form_check input[type=radio] ~ label::after,
.form_check input[type=checkbox] ~ label::before,
.form_check input[type=checkbox] ~ label::after{display:block;content:'';transition:var(--transition-base)}
.form_check input[type=radio] ~ label::before,
.form_check input[type=checkbox] ~ label::before{z-index:3}
.form_check input[type=radio] ~ label::after,
.form_check input[type=checkbox] ~ label::after{z-index:4}
/* input radio */
.form_check input[type=radio]:focus ~ label,
.form_check input[type=checkbox]:focus ~ label{outline-offset:.4rem;outline:2px solid var(--color-primary)}
.form_check input[type=radio]:disabled + label
.form_check input[type=checkbox]:disabled + label{color:var(--color-gray50);cursor:default}
.form_check input[type=radio] ~ label::before{position:absolute;top:0;left:0;width:24px;height:24px;background-color:#fff;border:1px solid var(--color-gray60);border-radius:100%}
.form_check input[type=radio] ~ label::after{position:absolute;left:calc((24px - 24px / 2) / 2);top:calc((24px - 24px / 2) / 2);width:calc(24px / 2);height:calc(24px / 2);background-color:#fff;border-radius:100%}
.form_check input[type=radio]:checked ~ label::before{border-color:var(--color-primary)}
.form_check input[type=radio]:checked ~ label::after{background-color:var(--color-primary)}
.form_check input[type=radio]:disabled ~ label::before{border-color:var(--color-gray40)}
.form_check input[type=radio]:disabled ~ label::after{display:none;background-color:var(--color-gray20)}
.form_check input[type=radio]:checked:disabled ~ label::before{background-color:var(--color-gray20)}
.form_check input[type=radio]:checked:disabled ~ label::after{display:block;background-color:var(--color-gray40)}

/* input checkbox */
.form_check input[type=checkbox] ~ label::before{position:absolute;top:0;left:0;width:24px;height:24px;background-color:#fff;border:1px solid var(--color-gray60);border-radius:var(--br-4)}
.form_check input[type=checkbox] ~ label::after{position:absolute;left:0;top:0;width:24px;height:24px;background-repeat:no-repeat;background-position:50%;background-size:contain;opacity:0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23fff'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E")}
.form_check input[type=checkbox]:checked ~ label::before{background-color:var(--color-primary);border-color:var(--color-primary)}
.form_check input[type=checkbox]:checked ~ label::after{opacity:1;transition-delay:.1s}
.form_check input[type=checkbox]:disabled ~ label::before{border-color:var(--color-gray40);background-color:var(--color-gray20)}
.form_check input[type=checkbox]:disabled ~ label::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23C6C6C6'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E")}

.form_check.transparent input[type=checkbox] ~ label::before{border-color:transparent;background: transparent;}
.form_check.transparent input[type=checkbox] ~ label::after{opacity: 1;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23C6C6C6'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E")}
.form_check.transparent input[type=checkbox]:checked ~ label::before{background-color:transparent;}
.form_check.transparent input[type=checkbox]:checked ~ label::after{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%230067F3'%3E%3Cpath d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/%3E%3C/svg%3E")}

.essential {
    margin-left: .4rem;
    margin-right: .4rem;
    color: var(--color-point01);
    font-weight:500
}

/* select */
.form_select{width:100%;height:4.4rem;padding:0 5.2rem 0 1.6rem;background-color:#fff;background-image:url(/img/contents/ico_select.svg);background-repeat:no-repeat;background-position:center right 1.6rem;border:1px solid var(--color-gray60);border-radius:var(--br-8);font-family:inherit;font-size:1.6rem;color:var(--color-gray90)}
.form_select:focus{border-color:var(--color-primary);border-width:2px;outline-offset:-.5rem}
.form_select:disabled{background-color:var(--color-gray30);border-color:var(--color-gray40);color:var(--color-gray60)}

.form_control{position:relative;width:100%;height:4.4rem;padding:0 1.6rem;background:#fff;border:1px solid var(--color-gray60);border-radius:var(--br-8);font-size:1.6rem;color:var(--color-gray90);transition:all .3s ease}
.error{border-color:var(--color-danger);background-color:#FFF9F9}
.form_bar{height:4.4rem;display:flex;justify-content:center;align-items:center;}


.form_bar.sm,
.form_control.sm{height:3.2rem;}
.form_bar.md,
.form_select.md,
.form_control.md{height:4.4rem;}
.form_bar.lg,
.form_control.lg{height:5.2rem;}

@media (min-width:768px){
    .form_control{font-size:1.8rem}
    .form_select.sm,
    .form_bar.sm,
    .form_control.sm{height:3.8rem;}
    .form_select,
    .form_select.md,
    .form_bar.md,
    .form_bar,
    .form_control,
    .form_control.md{height:5.2rem;}
    .form_bar.lg,
    .form_control.lg{height:5.8rem;}
}

.form_control:disabled{background-color: var(--color-gray10);
		border-color: var(--color-gray50);
		color:var(--color-gray60);}


textarea.form_control{height:20rem;padding:1.6rem;line-height:var(--line-height-base)}
.form_tit{display:flex;position:relative;}
.form_tit label,
.form_tit .label{color:var(--color-secondary);line-height:30px;font-weight:600;}

.form_item [class^=form_hint]{font-size:1.5rem;color:var(--color-gray70);padding-left:2.4rem}
.form_item [class^=form_hint]::before{display:inline-flex;flex-shrink:0;flex-grow:0;content:'';width:2rem;height:2rem;margin-left:-2.4rem;vertical-align:top;background:url(../image/ico_hint.svg) no-repeat 50% / contain}

/* textarea */
.form_item{display:flex;flex-direction:column;width:100%}
.form_item .form_tit{width:100%}
.form_item .form_cont{display:flex;flex-direction:column;gap:1.2rem;width:100%}
.textarea_wrap{display:flex;flex-direction:column}
.form_control:placeholder-shown{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:verical;}
.textarea_count{font-size:var(--emnt-fs-sm);width:100%;margin-top:1.2rem;text-align:right}
.textarea_count span:not(.txt-num){color:var(--color-primary)}
.textarea_count .txt-num{margin-left:.2rem}

.file_upload{display:flex;flex-direction:column;gap:12px;align-items: center;;padding:20px;background:var(--color-gray05);border:1px dashed var(--color-gray40);border-radius:var(--br-8)}

.file_lst{margin-top:20px;display:flex;gap:4px;flex-direction: column;}
.file_lst .file_total .current{font-weight:600;color:var(--color-primary);}

.lst_upload{display:flex;gap:8px;flex-direction: column;}
.lst_upload li{padding:20px;display:flex;gap:20px;;justify-content: space-between;background:#fff;border:1px solid var(--color-gray30);border-radius:var(--br-8)}

.lst_upload li .filename{word-break: break-all;white-space: normal;font-size:1.8rem}
.lst_upload li .size{margin-left:4px;color:var(--color-gray60);}

.lst_upload li .btn_del{display:inline-flex;gap:6px;transition:color .3s ease;align-items: center;}
.lst_upload li .btn_del::after{content:'';display:block;width:20px;height:20px;background:url(/img/contents/ico_del.svg) no-repeat 50%;}

.lst_upload li .btn_del:hover,
.lst_upload li .btn_del:focus{color:var(--color-danger)}

.lst_upload li .btn_filedown{display:inline-flex;gap:6px;transition:color .3s ease;align-items: center;}
.lst_upload li .btn_filedown::after{content:'';display:block;width:20px;height:20px;background:url(/img/contents/ico_arr_right_gray.svg) no-repeat 50%;}

.lst_upload li .btn_filedown:hover,
.lst_upload li .btn_filedown:focus{color:var(--color-danger)}


.lst_download{display:flex;gap:8px;flex-direction: column;}
.lst_download li{border-top:1px dotted var(--color-gray20);padding:10px 0;}
.lst_download li:last-child{padding-bottom:0;}
.lst_download li a{display:flex;gap:20px;justify-content: space-between;background:#fff;border-radius:var(--br-8);}

.lst_download li .filename{word-break: break-all;white-space: normal;font-size:1.8rem;color:var(--color-primary)}
.lst_download li .size{margin-left:4px;color:var(--color-gray60);}

.lst_download li a .ico{display:inline-flex;gap:6px;transition:color .3s ease;align-items: center;}
.lst_download li a .ico::after{content:'';display:block;width:20px;height:20px;background:url(/img/contents/ico_download.svg) no-repeat 50% / contain;}

.lst_download li a .ico:hover,
.lst_download li a .ico:focus{color:var(--color-primary)}

@media (min-width:1024px){
    .file_upload{padding:40px 20px;}
}

.feedback_box .feed_inner{display:flex;flex-direction:column;gap:12px;justify-content:flex-start;align-items:flex-start;border:1px solid var(--color-secondary);padding:20px;border-radius:var(--br-8)}
.feedback_box .feed_inner .badge{display:inline-block;padding:2px 8px;border-radius: 20px;background-color:var(--color-primary10);color:var(--color-secondary);font-size:1.5rem;font-weight:500;}

.feedback_box .feed_commt{display:flex;gap:4px;flex-direction:column;flex:1}
.feedback_box .feed_commt .txt{font-size:2rem;}
.feedback_box .feed_commt .date{color:var(--color-gray70)}

@media (min-width:1024px){
    .feedback_box .feed_inner{flex-direction:row;}
    .feedback_box .feed_inner .badge{flex:0}
}

.reply_box{padding-left:32px;position:relative;display:flex;flex-direction: column;gap:8px}
.reply_box::after{content:'';display:block;width:24px;height:24px;position:absolute;left:0;top:0;background:url(/img/contents/ico_reply.svg) no-repeat 50% / contain}
.reply_box .reply_head .tit{font-size:2rem;color:var(--color-secondary)}
.reply_box .reply_body{font-size:1.8rem}
.reply_box .reply_body .date{color:var(--color-gray70);font-size:1.6rem;}


.lst_dot{display:flex;gap:12px;flex-direction: column;}
.lst_dot li{position:relative;padding-left:14px;}
.lst_dot li::after{content:'';display:block;width:4px;height:4px;border-radius:50%;position:absolute;left:0;top:10px;background-color:var(--color-gray90)}

.w_box540{max-width:540px;margin:0 auto;}
.w_box640{max-width:640px;margin:0 auto;}
.w_box760{max-width:760px;margin:0 auto;}

.tit_flex{display:flex;flex-direction:row;gap:18px;align-items:center;justify-content:flex-start;margin-bottom:20px;}
.tit_flex .sub_tit_s{margin-bottom:0;}
.btn_refresh{display:inline-flex;align-items:center;gap:6px;color:var(--color-gray70);outline:none;}
.btn_refresh:hover{color:var(--color-gray90)}
.btn_refresh::before{content:'';display:block;width:20px;height:20px;background:url(/img/contents/ico_refresh.svg) no-repeat 50% 50% / cover;}

@keyframes rotate360 {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.btn_refresh.rotate::before {
  animation: rotate360 0.6s ease forwards;
}

.btn_quest{display:inline-flex;align-items:center;gap:6px;color:var(--color-gray70);outline:none;}
.btn_quest:hover{color:var(--color-gray90)}
.btn_quest::before{content:'';display:block;width:20px;height:20px;background:url(/img/contents/ico_quest.svg) no-repeat 50% 50% / cover;}

.form_section{display:flex;flex-direction:column;gap:18px}
.form_section.read_only .form_item{padding-top:18px;border-top:1px solid var(--color-gray20)}
.form_section.read_only .form_item:first-child{padding-top:0;border-top:0;}
.form_group_row{display:flex;align-items: flex-start;justify-content: flex-start;flex-direction: row;gap:12px;}
.form_group_row.wrap{flex-wrap:wrap;}
.form_group{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;width:auto;}
.form_group.half{width:50%}

.form_section.optional{margin-top:30px;padding:18px 26px;}

.form_group.is_view{position:relative;}
.form_group.is_view input{padding-right:36px}

.btn_visible{display:block;width:36px;height:36px;position:absolute;right:0;}
/* .btn_visible:hover {background: #f5f5f5;} */
.btn_visible::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 20px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;}
.btn_visible.on::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z'/%3E%3C/svg%3E");}
/* .form_group_row .form_group{flex:0;min-width:180px} */

.btn_visible.final {width: 40px;border: 1px solid #ddd;border-radius: 4px;cursor: pointer;position: relative;transition: all 0.2s;background:none;}
.btn_visible.final:hover {background: #f5f5f5;}
.btn_visible.final.on {background: #007bff;border-color: #007bff;color: white;}
.btn_visible.final::before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 16px;height: 16px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");background-size: contain;background-repeat: no-repeat;}
.btn_visible.final.on::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z'/%3E%3C/svg%3E");}


@media (min-width:1024px){
    .form_section{flex-direction: row;flex-wrap: wrap;gap:40px}
    .form_section .form_item{flex:0 0 calc( ( 100% - 40px ) /2)}
    .form_section.read_only .form_item:first-child{padding-top:18px;border-top:1px solid var(--color-gray20)}

    .form_section.column{flex-direction:column;}
    .form_section.column .form_item{flex:1}

    .form_section.optional{margin-top:50px;}
}

.help_box{position:relative;width:30px;height:30px;display:flex;align-items: center;margin-left:4px;}
.btn_help{width:100%;height:100%;text-align:left;text-indent:-9999em;overflow:hidden;background:url(/img/contents/ico_help.svg) no-repeat 50% / 20px;}

.info_box{position:relative;display:flex;align-items: center;margin-left:4px;width:auto;height:auto;}
.info_box .btn_info{display:flex;align-items:center;background:var(--color-gray90);color:#fff;padding:4px 14px 4px 6px;border-radius:20px}
.info_box .btn_info::before{content:'';display:block;width:30px;height:30px;background:url(/img/contents/ico_info_white.svg) no-repeat 50% / 20px}


.tooltip{position:absolute;left:50%;bottom:36px;transform: translateX(-50%);background-color:var(--color-gray70);color:#fff;border-radius:var(--br-8);padding:6px 12px;white-space:normal;word-break: break-word;width:max-content;max-width:240px;z-index:999;}
.tooltip::before{content:'';position:absolute;bottom:-16px;left:50%;transform: translateX(-50%);border:8px solid transparent;border-top-color:var(--color-gray70)}
.tooltip .txt{word-break: keep-all;}
.tooltip.lt{left:-20px;transform: unset;}
.tooltip.lt::before{left:27px;transform: unset;}

.tooltip.rt{left:auto;right:-20px;transform: unset;}
.tooltip.rt::before{left:auto;right:27px;transform: unset;}

.tooltip.big{width:500px;max-width:90vw}

@media (min-width:1024px){
    .tooltip{max-width:320px;}
}

.lst_num{margin-top:10px;}
.lst_num li{display:flex;align-items:flex-start;gap:4px;margin-top:4px;}
.lst_num li:first-child{margin-top:0;}
.lst_num li .num{flex:0 0 24px;background:var(--color-danger);border-radius:20px;text-align:center;}

.inp_data{font-size:2.4rem;}

.all_chk_box{padding: 20px 18px;background:var(--color-gray05);border-radius:var(--br-12);margin-bottom:20px;font-size:1.8rem;}
.all_chk_box label{width:100%}

@media (min-width:1024px){
  .all_chk_box{padding: 30px 24px;}
  .all_chk_box label{font-size:2.2rem !important}
}

.cause_box{display:flex;flex-direction:column;gap:20px}
.cause_box .cause_head{display:flex;gap:2px;flex-direction:row;gap:16px;align-items:center;}
.cause_box .cause_head .tit{font-size:1.8rem;color:var(--color-danger);display:inline-flex;gap:4px;align-items:center;}
.cause_box .cause_head .tit::before{content:'';display:block;width:24px;height:24px;background:url(/img/contents/ico_info.svg) no-repeat 50%}
.cause_box .cause_head span{flex:1;}
.cause_box .cause_body{padding-left:28px}

.lst_card{display:flex;flex-wrap: wrap;gap:16px;}
.lst_card .card{flex:0 1 calc( (100% - 16px) / 2)}

.lst_card .card input[type=radio]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}
.lst_card .card label strong{display:block;text-align:center;font-size:1.8rem;margin-top:6px;color:var(--color-gray70)}

.lst_card .card .ico_card{display:flex;align-items:center;justify-content:center;width:100%;height:82px;background-color:var(--color-gray05);border:1px solid var(--color-gray30);border-radius:var(--br-12);transition:border-color .2s ease, background-color .2s ease;}
.lst_card .card .ico_card img{max-width: 130px;max-height:26px;}

.lst_card .card input[type=radio]:checked + label strong{color:var(--color-primary);font-weight:600;}
.lst_card .card input[type=radio]:checked + label .ico_card{border-color:var(--color-primary);background:#fff;box-shadow: 0 0 0 3px rgba(0,103,243,0.2);outline: 2px solid var(--color-primary);outline-offset: 2px;transition: box-shadow 0.2s, outline 0.2s, border-color 0.2s;}

.lst_card .card label:hover .ico_card,
.lst_card .card label:focus .ico_card{background-color:#fff;border-color:var(--color-gray90)}

@media (min-width:1024px){
  .lst_card{display:flex;flex-wrap: wrap;gap:32px 16px;}
  .lst_card .card{flex:0 1 calc( (100% - 48px) / 4)}
}
.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/contents/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 .modal_inner .pop_body{padding:36px 30px;transition: padding .3s ease; border-radius:0 0 16px 16px;}

.modal_pop .txt_box_alret{text-align:center;margin-top:20px;}

@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;}
}

.tbl_01{border-top:1px solid var(--color-gray90)}
.tbl_01 thead th{background:var(--color-gray05);padding:10px 4px;border-right:1px solid var(--color-gray20);border-bottom:1px solid var(--color-gray60);}
.tbl_01 td{padding:8px 8px;border-right:1px solid var(--color-gray20);border-bottom:1px solid var(--color-gray20);text-align:center;}
.tbl_01 tr td:last-child{border-right:0;}
.tbl_01 td a{color:var(--color-primary);word-break:break-all;white-space:normal;}
.tbl_01 td a:hover{text-decoration:underline;}
.tbl_01 tr th:first-child,
.tbl_01 tr td:first-child{display:none}

@media (min-width:1024px){
  .tbl_01 tr th:first-child,
  .tbl_01 tr td:first-child{display:table-cell}
}
.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/contents/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;}

/*TabNavigation*/
.tabs{border-bottom:1px solid var(--color-gray90);margin-bottom:40px}
.tabs ul{display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;min-width:100%;overflow-x:auto;}
.tabs ul li a,
.tabs ul li button{display:block;color:var(--color-gray70);font-size:1.8rem;padding:10px;font-weight:500;}
.tabs ul li a:hover,
.tabs ul li a:focus,
.tabs ul li button:hover,
.tabs ul li button:focus{color:var(--color-primary)}

.tabs ul li.active{border-bottom:2px solid var(--color-secondary)}
.tabs ul li.active a,
.tabs ul li.active button{color:var(--color-secondary)}

@media (min-width:1024px){
  .tabs ul{gap:16px;}
  .tabs ul li a{font-size:2rem}
}

.tabs02{margin-bottom:40px;;}
.tabs02 ul{display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;min-width:100%;overflow-x:auto;}
.tabs02 ul li a,
.tabs02 ul li button{display:block;color:var(--color-gray70);font-size:1.8rem;padding:10px 20px;font-weight:500;background:var(--color-gray05);border-radius:30px;}
.tabs02 ul li a:hover,
.tabs02 ul li a:focus,
.tabs02 ul li button:hover,
.tabs02 ul li button:focus{color:var(--color-primary)}

.tabs02 ul li.active a,
.tabs02 ul li.active button{color:#fff;background:var(--color-primary)}

@media (min-width:1024px){
  .tabs ul{gap:16px;}
  .tabs ul li a{font-size:2rem}

  .tabs02 ul li a,
  .tabs02 ul li button{font-size:2rem;padding:10px 32px;}
}

.tab_cont {
  display: none;
}
.tab_cont.active {
  display: block;
}

/* 페이징 스타일 */

.pagination{margin:30px 0 0;display:flex;flex-direction: row;flex-wrap:wrap;align-items: center;justify-content: center;gap:8px}

.pagination button{width:36px;height:36px;border-radius:var(--br-4);color:var(--color-gray70)}
.pagination .ellipsis{height:36px}
.pagination button.current{background:var(--color-gray10);color:var(--color-gray90);font-weight:600;}

.pagination .btn_nav{display:inline-flex;gap:4px;justify-content:center;align-items:center;width:auto;color:var(--color-gray90)}
.pagination .btn_nav.disabled{opacity:.75;cursor: auto;}
.pagination .btn_nav.prev{margin-right:12px}
.pagination .btn_nav.next{margin-left:12px}

.pagination .btn_nav.prev::before,
.pagination .btn_nav.next::after{content:'';display:block;width:18px;height:18px;background-position:50%;background-repeat:50%;background-size:contain;}

.pagination .btn_nav.prev::before{background-image:url(/img/contents/ico_pag_prev.svg)}
.pagination .btn_nav.next::after{background-image:url(/img/contents/ico_pag_next.svg)}