/* 제목 */
.h3_tit{position:relative; margin-top:52px; margin-bottom:20px; font-size:2.4rem; color:var(--color-secondary); font-weight:700;}
.h3_tit:first-child{margin-top:0;}

/* 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 .p_right{margin-left:auto;}
.btn_wrap .p_right:has(.ico_arr_left){width:100%;justify-content:space-between;}
.btn_wrap.cancel{margin-left:350px;}
@media (max-width:640px){
    .btn_wrap{flex-direction: column-reverse;justify-content:center;align-items:center;}
    .btn_wrap .p_right{margin-left:0;}
    .btn_wrap .p_right:has(.ico_arr_left){width:100%;flex-direction:column-reverse;justify-content: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_wrap02.type_s{margin-top:16px;}

.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.6rem;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:1rem;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:1.2rem;padding:0 5rem;font-size:1.8rem;}
    .btn.red{height:5.8rem;border-radius:3.6rem;padding:0 5rem;}
}

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

.btn.green{background-color:#00BA53;border-color:#00BA53;}
.btn.green:hover,
.btn.green:focus{background-color:#00A248;border-color:#00A248;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.dark_blue{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff;}
.btn.dark_blue:hover,
.btn.dark_blue:focus{background-color:var(--color-secondary-100);border-color:var(--color-secondary-100)}

.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='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_631_469' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_631_469)'%3E%3Cpath d='M3 7V5H21V7H3ZM3 19V17H21V19H3ZM3 13V11H21V13H3Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E%0A");}

.btn.ico_list::before,
.btn.ico_list::after
{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_631_469' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%231d1d1d'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_631_469)'%3E%3Cpath d='M3 7V5H21V7H3ZM3 19V17H21V19H3ZM3 13V11H21V13H3Z' fill='%231d1d1d'/%3E%3C/g%3E%3C/svg%3E%0A");}

.btn.ico_list:hover::before,
.btn.ico_list:hover::after
{background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_631_469' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%230067F3'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_631_469)'%3E%3Cpath d='M3 7V5H21V7H3ZM3 19V17H21V19H3ZM3 13V11H21V13H3Z' fill='%230067F3'/%3E%3C/g%3E%3C/svg%3E%0A");}

.btn.ico_naver::before,
.btn.ico_naver::after{background-image:url(/img/contents/ico_naver.svg);}

.btn.ico_down{flex-direction:row-reverse;}
.btn.ico_down::before,
.btn.ico_down::after{mask-image:url('/img/main/ico_down.svg'); background-color:var(--color-gray90);}
.btn.ico_down:hover::before,
.btn.ico_down:hover::after{background-color:var(--color-primary);}


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:1.4;text-align:left}

.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-red);font-weight:500}
@media all and (max-width:640px){
    .form_check{width:calc(100% - 48px)}
    .form_check input[type=checkbox] ~ label{width:100%; padding-left:calc(16px + .6rem); font-size:1.6rem;}
    .form_check input[type=checkbox] ~ label::before,
    .form_check input[type=checkbox] ~ label::after{width:16px; height:16px; top:4px;}
    .form_check input[type=checkbox] ~ label strong{font-size:1.6rem;}
    .form_check input[type=checkbox] ~ label span{overflow:hidden; width:100%; font-size:1.4rem; text-overflow:ellipsis; white-space:nowrap;}
    .essential{font-size:1.5rem;}
    .accordion_item.active .form_check label span{overflow: visible;white-space: normal;text-overflow: clip; word-break: keep-all;}
}

/* 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-gray50);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:500;}

.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.type02{gap:6px;}
.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)}
.lst_dot.type_input label{width:70px}
@media all and (max-width:640px){
    .lst_dot.type_input label{width:auto}
    .lst_dot.type_input .info-input{min-width:auto; width:100%;}
}

.w_box540{max-width:540px;width:100%;margin:0 auto;}
.w_box640{max-width:640px;width:100%;margin:0 auto;}
.w_box760{max-width:760px;width:100%;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; margin-left:8px; 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-secondary);color:#fff;border-radius:var(--br-8);padding: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-secondary)}
.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;bottom:46px;}

@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:2rem;}

.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:1.6rem}
}

.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;margin-bottom:8px;}
.cause_box .cause_head .tit{font-size:1.8rem;color:var(--color-gray90);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}
.cause_box .cause_body p{margin-bottom:10px}
.cause_box .cause_body .btn_tel{color:var(--color-primary);font-weight:700;font-size:1.1em}

.lst_card{display:flex; flex-wrap:wrap;gap:32px 16px;margin-top:20px;}
.lst_card .card{position:relative;  flex:0 1 calc( (100% - 48px) / 4)}
.lst_card.symbol .card{flex:0 1 calc( (100% - 64px) / 5)}
.lst_card .card input[type=radio]{overflow:hidden !important; position:absolute !important; top:16px; right:16px; width:20px !important; height:20px !important; margin:-1px !important; padding:0 !important; white-space:nowrap !important; clip:auto !important;border:0 !important}
.lst_card .card label{display:block; padding:10px 0 18px; border:1px solid var(--color-gray30); border-radius:var(--br-12); box-sizing:border-box;;}
.lst_card .card label strong{display:block; margin-top:6px; font-size:1.8rem; text-align:center; color:var(--color-gray70)}

.lst_card .card .ico_card{display:flex; width:100%; height:82px; transition:border-color .2s ease, background-color .2s ease; align-items:center;justify-content:center;}
.lst_card .card .ico_card img{max-width:130px; max-height:26px;}

.lst_card:has(input[type=radio]:checked) .card label{opacity:0.5; border-color:#e0e0e0; filter:grayscale(1);}

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

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

.lst_card.symbol .card{flex:0 1 calc( (100% - 32px) / 3)}
.lst_card .card .card_box strong{display:block; margin-top:6px; color:var(--color-primary); font-size:1.8rem; font-weight:600; text-align:center;}
.lst_card .card .ico_card img.edge{height:16px;}
.lst_card + .f_warning{margin-top:40px;}

.lst_card.final{justify-content:center;padding-bottom:20px;border:1px dashed var(--color-gray30);border-radius:var(--br-12);}
.lst_card.final .card .card_box strong{color:var(--color-gray90)}
@media all and (max-width:1000px){
    .lst_card{display:flex; flex-wrap:wrap;gap:16px;}
    .lst_card .card{flex:0 1 calc( (100% - 16px) / 2);}
    .lst_card .card .ico_card img{max-width:100px; max-height: 20px;}
}

.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 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:flex-end;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 .btn_close:focus{outline:none;}

.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 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 tbody th,
.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}

.tbl_02{border-top:1px solid var(--color-gray90)}
.tbl_02 thead th{background:var(--color-gray05);padding:10px 4px;border-right:1px solid var(--color-gray20);border-bottom:1px solid var(--color-gray60);}
.tbl_02 tbody th,
.tbl_02 td{padding:8px 8px;border-right:1px solid var(--color-gray20);border-bottom:1px solid var(--color-gray20);text-align:center;}
.tbl_02 tr td:last-child{border-right:0;}
.tbl_02 td a{color:var(--color-primary);word-break:break-all;white-space:normal;}
.tbl_02 td a:hover{text-decoration:underline;}
.tbl_02 tbody th{background:#F6F9FF;}
.tbl_02 .bg_orange{background:#FFF6F0}
.tbl_02 .bg_green{background:#F0FFF9}
.tbl_02 .bg_gray{background:#F6F9FF}

@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-bottom:1px solid var(--color-gray20);}
.modal_pop.alert .modal_inner .pop_body{border-top:0;}
.modal_pop.alert .modal_inner .pop_body .ico_card img{height:40px;}
.modal_pop.alert .modal_inner .pop_body .alert_tit{font-size: 2rem; font-weight: 500; margin:40px 0 20px}

.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;font-weight:500;}

@media all and (max-width:640px){
    .modal_pop .modal_inner .pop_head{min-height: auto; padding:12px;}
    .modal_pop .modal_inner .pop_head .tit{font-size:2rem;}
    .modal_pop .modal_inner .pop_body{padding:20px;}
    .modal_pop.alert .modal_inner .pop_body .ico_card img{height:30px;}
}

/*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:no-repeat;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)}


/* 카드사 선택시 */
.page_card .form_box{border:2px solid;}
.page_card.bc .form_box{border-color:#e83e85;}
.page_card.kb .form_box,
.page_card.jb .form_box{border-color:#fcaf17;}
.page_card.hd .form_box{border-color:#221E1F;}
.page_card.sh .form_box{border-color:#0046ff;}
.page_card.lt .form_box{border-color:#2C2A26;}
.page_card.wr .form_box{border-color:#0067ac;}
.page_card.hn .form_box{border-color:#009476;}
.page_card.nh .form_box{border-color:#1c63b7;}
.page_card.ss .form_box{border-color:#003cdc;}

.page_card.bc .form_box.type02 .form_box_head{background-color:rgba(232, 62, 68, 0.05);}
.page_card.kb .form_box.type02 .form_box_head,
.page_card.jb .form_box.type02 .form_box_head{background-color:rgba(252, 175, 23, 0.05);}
.page_card.hd .form_box.type02 .form_box_head{background-color:rgba(34, 30, 31, 0.05);}
.page_card.sh .form_box.type02 .form_box_head{background-color:rgba(0, 70, 255, 0.05);}
.page_card.lt .form_box.type02 .form_box_head{background-color:rgba(44, 42, 38, 0.05);}
.page_card.wr .form_box.type02 .form_box_head{background-color:rgba(0, 103, 172, 0.05);}
.page_card.hn .form_box.type02 .form_box_head{background-color:rgba(0, 148, 118, 0.05);}
.page_card.nh .form_box.type02 .form_box_head{background-color:rgba(28, 99, 183, 0.05);}
.page_card.ss .form_box.type02 .form_box_head{background-color:rgba(0, 60, 220, 0.05);}

.card_member{position:absolute; top:20px; right:50px; color:var(--color-gray80); font-size:1.8rem; font-weight:600;}
@media (max-width:1024px){
    .card_member{top: 10px;; right:16px; font-size:1.6rem;}
}