@charset "UTF-8";

/* [S] main_search */
.main_search_wrap { width: 100%; position: absolute; left: 0; bottom: 8rem; z-index: 10}
.main_search_box { width: 100%; height: 3.5rem; border: 2px solid var(--black); display: flex; border-radius: 1.75rem; position: relative}
.main_search_select { flex-shrink: 0; border-radius: 1.75rem 0 0 1.75rem; border: none; height: 100%; padding: 0 2.5rem; font-size: 1rem; color: var(--black); font-weight: 600;}
.main_search_box .select_box:after { mask-image: url("../../img/user_new/icon/ic_angle_03.svg"); background: var(--black); width: 0.6rem; height: 0.6rem; right: 1rem}
.main_search_box .select_box:before { content: ""; width: 1px; height: 55%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: var(--black)}
.main_search_input { width: 100%; border-radius: 1.75rem; border: none; height: 100%; color: var(--black); font-weight: 600; font-size: 0.9rem; padding: 0 9rem 0 2rem}
.main_search_input::placeholder { color: var(--gray60); font-size: 0.9rem; font-weight: 400}
.main_search_btn { position: absolute; top: 0; left: 1rem; width: 1.75rem; height: 100%; display: flex; align-items: center; justify-content: center}
.main_search_btn .svg_icon { width: 1.2rem; height: 1.2rem}

.main_search_toggle_wrap { display: flex; width: 4rem; height: 2.4rem; overflow: hidden; position: absolute; right: 0.5rem; top: 0.45rem; }
.main_search_toggle_btn { position: relative; overflow: hidden; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.4rem; font-weight: 600; gap: 0.2rem; cursor: pointer; background: var(--gray5); border: 1px solid var(--gray40); transition: color 0.3s ease, border-color 0.3s ease; }
.main_search_toggle_btn .svg_icon { transition: all 0.3s ease;}
.main_search_toggle_btn:focus { outline-offset: -2px; }
.main_search_toggle_btn:hover { text-decoration: none}
.main_search_toggle_btn span { display: inline-flex; line-height: 100%; position: relative; z-index: 1; font-size: 0.55rem;}
.main_search_toggle_btn .main_search_toggle_icon .ic { width: 1.2rem; height: 1.2rem; display: flex; background-repeat: no-repeat; background-position: center; background-size: contain}
.main_search_toggle_btn {border-radius: 1.2rem; padding: 0 0.25rem}
/*.main_search_toggle_btn:first-child { border-radius: 1.2rem 0 0 1.2rem; padding-left: 0.25rem; }
.main_search_toggle_btn:last-child { border-radius: 0 1.2rem 1.2rem 0; padding-right: 0.25rem; }*/
.main_search_toggle_btn.ai{ background: var(--primary30); border-color: var(--primary);}
.main_search_toggle_btn.ai .ic { background-image: url("../../img/user_new/icon/ic_main_ai.svg")}
.main_search_toggle_btn.ai::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom right, #F6D848, #FCEFAD); opacity: 0; transition: all 0.3s ease; z-index: 0; }
.main_search_toggle_btn.ai:hover::before { opacity: 1; }
.main_search_toggle_btn.ai:hover { color: var(--black); border-color: var(--primary); }
.main_search_toggle_btn.ai:hover .ic { background-image: url("../../img/user_new/icon/ic_main_ai_hover.svg")}
.main_search_toggle_btn.sch .ic { background-image: url("../../img/user_new/icon/ic_main_search.svg")}
.main_search_toggle_btn.sch::before { content: ""; position: absolute; inset: 0; background: black; opacity: 0; transition: all 0.3s ease; z-index: 0; }
.main_search_toggle_btn.sch:hover::before { opacity: 1; }
.main_search_toggle_btn.sch:hover { color: var(--white); border-color: var(--black); }
.main_search_toggle_btn.sch:hover .ic { background-image: url("../../img/user_new/icon/ic_main_search_hover.svg")}
/* [E] main_search */

/* [S] no_result */
.no_result{ width: 100%; max-height: 100%; min-height: 20rem; display: flex; flex-flow: column; justify-content: center; align-items: center; gap: 1.35rem; padding: 2rem}
.no_result .img_wrap,
.no_result .txt_wrap { text-align: center}
.no_result .img_wrap{ width: 100%;}
.no_result .img_wrap img{ max-width: 20%}
.no_result .txt_wrap .tit.line_dot_tit .txt{ font-size: 1rem; font-weight: 500; color: var(--black); text-align: center}

.no_result.ty_02{ min-height: 5rem; margin-top: 4em;}
/* [E] no_result */

/* [S] table */
.table { width: 100%; min-width: 500px}
.table.min0 { min-width: 0; max-width: 100%; height: auto !important; width: 100% !important;}
.table_wrap { border-radius: 1.2rem; border: 1px solid var(--gray40) !important; overflow: hidden; overflow-x: auto}
.table tr th,
.table tr td { height: 2.2rem; border-left: 1px solid var(--gray40); vertical-align: middle; font-size: 0.8rem; padding: 0.8rem}
.table tr th { font-weight: 700; background: var(--gray10)}
.table tr td { color: var(--gray70); line-height: 150%}
.table.txt_center tr th,
.table.txt_center tr td { text-align: center}
.table .bd_t { border-top: 1px solid var(--gray40);}
.table tr { border-bottom: 1px solid var(--gray40);}
.table tbody tr:last-child { border-bottom: none;}
/* [E] table */

.total_list_wrap{ width: 100%; display: flex; margin-top: 1.2rem}
.total_list_wrap:not(.oral_total_list_wrap) { align-items: flex-start}
.list_page_wrap { width: 100%; min-width: 0}

/* [S] left_con */
.left_con_wrap { width: auto; flex-shrink: 0; position: sticky; top: 5rem; display: flex; flex-flow: column; gap: 0.4rem;}
.total_search .left_con_wrap,
.left_con_wrap.total_search_left { top: 8rem;}
.left_con_wrap .left_con_inn{ width: 14.4rem; display: flex; flex-flow: column; gap: 0.4rem; transition: all 0.5s; overflow: hidden; margin-right: 2.4rem;}
.left_con_wrap .left_con{ width: 14.4rem}
.left_con_trigger_wrap .trigger_toggle { padding: 0.8rem 0.5rem 0.8rem 0.8rem; flex-flow: column; gap: 0.8rem; max-height: 9.6rem; overflow-y: auto}
.left_con_trigger_wrap .form_check { width: 100%; justify-content: space-between; align-items: center; padding-right: 0.25rem;}
.left_con_trigger_wrap .form_check label { font-size: 0.72rem; color: var(--gray70); align-items: center; width: 100%; gap: 0.4rem}
.left_con_trigger_wrap .form_check label:after { top: 50%; transform: translateY(-50%);}
.left_con_trigger_wrap .form_check .count_bg_line { position: relative; top: -0.125rem}
.left_con_trigger_wrap .checkbox_sub_wrap{ width: 100%; display: flex; flex-flow: column; gap: 0.4rem; padding: 0.5rem; background: #f5f5f5; border-radius: 0.4rem;}
.left_con_trigger_wrap .checkbox_sub_wrap label:after,
.left_con_trigger_wrap .checkbox_sub_wrap label::before{ width: 0.8rem; height: 0.8rem;}
.left_con_trigger_wrap .checkbox_sub_wrap .count_bg_line:after{ background-color: #ddd;}
.ic_filter_trigger { background: var(--white); border-radius: 1.5rem; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); display: inline-flex; position: absolute; left: 0; top: 0; transform: translateX(-100%); transition: width 0.5s; margin-left: -1rem;}
.ic_filter_trigger .ic { width: 3rem; height: 3rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: url("../../img/user_new/icon/ic_filter_close.svg") no-repeat center; flex-shrink: 0}
.ic_filter_trigger .txt { flex-shrink: 0; overflow: hidden; display: none; align-items: center; font-size: 0.8rem; font-weight: 600; padding-right: 1rem;}
.ic_filter_trigger .txt:before { content: "필터접기"}
.ic_filter_trigger:hover{ width: 7rem}
.ic_filter_trigger:hover .txt { width: auto; display: inline-flex}

.left_con_wrap.close .left_con_inn { width: 0; overflow: hidden; margin-right: 0;}
.ic_filter_trigger.close .ic { background-image: url("../../img/user_new/icon/ic_filter_open.svg")}
.ic_filter_trigger.close .txt:before { content: "필터열기"}


.ic_tit_wrap { width: 100%; font-size: 1.12rem; font-weight: 700; display: flex; align-items: center; flex-wrap: wrap}
.ic_tit_wrap .ic { margin-right: 0.6rem; flex-shrink: 0; width: 1.3rem; height: 1.3rem; object-fit: contain}
.ic_tit_wrap .left { display: flex; align-items: center}
.ic_tit_wrap .count { margin-left: 0.25rem; font-weight: 700; color: var(--primary)}
.ic_tit_wrap .count_bg_line .txt { font-size: 1.12rem; font-weight: 700; margin-left: 0; color: var(--primary);}
.ic_tit_wrap .count_bg_line:after{ display: none}
.ic_tit_wrap.tit_line{ padding-bottom: 0.75rem; border-bottom: 3px solid #595959;}
.ic_tit_wrap .txt{ font-size: 0.9rem; font-weight: 400; margin-left: 1rem;}

.count_bg_line { position: relative; margin-left: 0.4rem; flex-shrink: 0}
.count_bg_line:after { content: ""; width: calc(100% + 0.4rem); height: 0.64rem; background: #E8E8E8; border-radius: 0.32rem; position: absolute; left: -0.2rem; bottom: -0.08rem}
.count_bg_line .txt { font-size: 0.72rem; font-weight: 700; color: #5d5d5d; position: relative; z-index: 2}

.left_con_trigger_wrap.open { overflow: hidden; border: 1px solid var(--gray40); border-radius: var(--bd-round02); }
.left_con_trigger_wrap.open .trigger_toggle { display: flex; }

.left_con_tit { width: 100%; height: 2.8rem; border-radius: var(--bd-round02); padding: 0 1.2rem; font-size: 0.8rem; font-weight: 700; display: flex; align-items: center; justify-content: space-between; background: var(--white); color: var(--gray70); border: 3px solid var(--gray20);}
.left_con_tit:after { content: ""; width: 0.8rem; height: 0.8rem; mask-image: url("../../img/user_new/icon/ic_angle_02.svg"); mask-size: 0.56rem auto; background: var(--gray70); mask-position: center; mask-repeat: no-repeat}
.left_con_tit.open { background: url("../../img/user_new/sub/bg_tit_02.jpg") no-repeat center / cover; color: var(--black); border: none;}
.left_con_tit.open:after { transform: rotate(-180deg); background: var(--black);}

.left_con_wrap.exhibit_left{ width: 11.5rem; margin-right: 2.4rem;}
.left_con_wrap.exhibit_left .left_con{ width: 100%}
.exhibit_left .left_con_tit { background: url("../../img/user_new/sub/bg_exhibit_left.jpg") no-repeat left center / cover; color: var(--black); border: 1px solid var(--primary); border-radius: 0.4rem}
.exhibit_left .left_con_tit:after { background: var(--black)}
.exhibit_left .left_con_tit.open { background: url("../../img/user_new/sub/bg_exhibit_left_on.jpg") no-repeat left center / cover; border-radius: 0.4rem 0.4rem 0 0}
.exhibit_left .left_con_trigger_wrap.open { border: 1px solid var(--primary); border-radius: 0 0 0.4rem 0.4rem}
.exhibit_left .left_con_trigger_wrap.open .trigger_toggle{ padding-top: 0; padding-bottom: 0}
.exhibit_left .exhibit_list { width: 100%}
.exhibit_left .exhibit_list .exhibit_item { width: 100%; border-bottom: 1px solid var(--gray40);}
.exhibit_left .exhibit_list .exhibit_item:last-child{ border-bottom: none;}
.exhibit_left .exhibit_list .exhibit_item .inn{ color: #5d5d5d; font-size: 0.7rem; padding: 0.7rem; max-height: calc(3em + 1.4rem); line-height: 1.5em; -webkit-line-clamp: 2; white-space: initial; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.exhibit_left .exhibit_list .exhibit_item .inn.on{ text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: var(--primary); color: var(--black); font-weight: 600;}


.mo_left_con_trigger { width: 100%; height: 2.8rem; border-radius: var(--bd-round02); padding: 0 1.2rem; font-size: 0.8rem; font-weight: 700; align-items: center; justify-content: space-between; background: var(--primary30); color: var(--black); border: 1px solid var(--primary); position: relative; margin-bottom: 1.5rem; display: none}
.mo_left_con_trigger:after { content: ""; width: 0.8rem; height: 0.8rem; mask-image: url("../../img/user_new/icon/ic_plus_line.svg"); mask-size: contain; mask-position: center; flex-shrink: 0; background: var(--black); mask-repeat: no-repeat}
.mo_left_con_trigger.open { z-index: 102;}
.mo_left_con_trigger.open:after { mask-image: url("../../img/user_new/icon/ic_minus_line.svg")}

.range_wrap{ display: flex; align-items: center; min-width: 0}
.range_wrap .range_inn{ display: flex; align-items: center; width: 100%; gap: 0.4rem; min-width: 0}
.range_wrap .range_inn .select_box,
.range_wrap .range_inn input[type=text]{ min-width: 0; flex: 1; height: 2rem; color: var(--gray60)}
.range_wrap .range_inn input[type=text]{ padding: 0.5rem}
.range_wrap .range_inn .select_box:after{ right: 0.35rem; width: 0.4rem; height: 0.2rem}
.range_wrap .range_inn .select_box select{ width: 100%; height: 2rem; padding: 0 1rem 0 0.5rem}
.range_wrap .range_inn .symbol{ font-size: 0.8rem; color: #5d5d5d; font-weight: 500;}
.range_wrap .btn{ margin-left: 0.5rem;}
/* [E] left_con */

/* [S] mo_select_wrap */
.mo_select_wrap { width: 100%; margin-bottom: 3.2rem;}
.mo_select_wrap.sub_depth_03 { margin-bottom: 1.5rem;}
/* [E] mo_select_wrap */

/* [S] search */
.list_search_condition { background: var(--gray5); border-radius: var(--bd-round02); display: flex; align-items: flex-start; padding: 1.4rem 0 1rem; margin-bottom: 2.4rem;}
.list_search_condition_tit { font-size: 0.88rem; font-weight: 600; display: flex; align-items: center; flex-shrink: 0}
.list_search_condition_tit:after { content: ""; width: 1px; height: 0.6rem; background: var(--gray50); display: inline-flex; margin: 0 0.8rem}
.list_search_condition_tit .count { margin-left: 0.2rem}
.list_search_condition .svg_icon { width: 0.88rem; height: 1.04rem; mask-size: 100% auto; background: var(--gray70); flex-shrink: 0; margin-right: 1.2rem;}
.search_condition_wrap { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.2rem}
.search_condition_wrap .search_condition { display: inline-flex; align-items: center; justify-content: space-between; border-radius: var(--bd-round00); background: var(--white); font-size: 0.64rem; padding: 0 0.4rem; border: 1px solid var(--gray40);}
.search_condition_wrap .search_condition .svg_icon { margin-right: 0; background: var(--black); width: 0.4rem; margin-left: 0.2rem;}

.list_search_condition.ty_02{ background: transparent; margin-bottom: 1.8rem;}
.list_search_condition.ty_02 .btn_reset{ width: 1.1rem; height: 1.1rem}
.list_search_condition.ty_02 .search_condition_wrap .search_condition { background: var(--gray20); border: none}

.search_box_wrap { border-radius: var(--bd-round01); overflow: hidden; background: var(--gray5) url("../../img/user_new/sub/bg_search.svg") no-repeat right bottom / cover; padding: 1.2rem 3.2rem; display: flex; align-items: center; justify-content: center; gap: 0.28rem; font-size: 0.72rem; font-weight: 600; color: var(--gray80)}
.search_box_wrap .assembly_terms { margin-right: 0.8rem; flex-shrink: 0}
.search_box_wrap .form_check { flex-shrink: 0}
.search_box_wrap .select_box_wrap { display: flex; align-items: center; gap: 0.25rem}
.search_box_wrap .select_box{ min-width: 7.5rem}
.search_box_wrap .select_box select{ width: 100%}
.search_box_wrap .select_box:after { background: var(--black)}
.search_box_wrap select { border: 1px solid var(--black);box-shadow: inset 0 0 0 1px var(--black); color: var(--black)}
.search_box_wrap input { border: 1px solid var(--black);box-shadow: inset 0 0 0 1px var(--black); color: var(--black)}
.search_box_wrap .detail_btn { width: 6.8rem}
.search_group_wrap { display: inline-flex; align-items: center; gap: 0.28rem}
.search_input_box { position: relative}
.search_input_box .search_input { padding-right: 2.8rem; width: 22.0rem}
.search_input_box .search_btn .search_input{ width: 100%; height: 100%; border-radius: 2rem}
.search_input_box .search_btn { position: absolute; right: 1.2rem; top: 0; width: 1.2rem; height: 100%; background: url("../../img/user_new/icon/ic_search.svg") no-repeat center / 100% auto}

.search_box_wrap.ty_03{ background: none; padding: 0; overflow: visible}
.search_box_wrap.ty_03 .search_input_box{ width: 100%; height: 4rem; border-radius: 2rem; border: 1px solid var(--primary); overflow: hidden; box-shadow: 0 0 0.75rem rgba(245, 215, 71, 0.3);}
.search_box_wrap.ty_03 .search_input_box .search_input{ width: 100%; height: 4rem; border-radius: 2rem; border: none; box-shadow: none; padding-left: 2rem; font-size: 0.9rem;}
.search_box_wrap.ty_03 .search_input_box .search_input::placeholder{ font-size: 0.9rem; color: var(--gray60)}
.search_box_wrap.ty_03 .search_input_box .search_btn{ width: 3rem; height: 3rem; border-radius: 50%; background: url("../../img/user_new/icon/ic_search_ai.svg") no-repeat center / cover; position: absolute; right: 0.5rem; top: 0.5rem}

.search_box_wrap.ty_04 { background: none; padding: 0; overflow: visible}
.search_box_wrap.ty_04 .search_input_box { width: 100%; height: 4rem; border-radius: 2rem; border: 2px solid var(--black); overflow: hidden}
.search_box_wrap.ty_04 .search_input_box .search_input { width: 100%; height: 4rem; border-radius: 2rem; border: none; box-shadow: none; padding-left: 2rem; padding-right: 3.5rem; font-size: 0.9rem;}
.search_box_wrap.ty_04 .search_input_box .search_input::placeholder { font-size: 0.9rem; color: var(--gray60)}
.search_box_wrap.ty_04 .search_input_box .search_btn { width: 1.5rem; height: 1.5rem; border-radius: 50%; background: url("../../img/user_new/icon/ic_search.svg") no-repeat center / contain; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%)}

.search_box_wrap.ty_07 .search_box_inn{ /*width: 37.25rem;*/ max-width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 0.5rem}
.search_box_wrap.ty_07 .search_box_inn .select_box_wrap{ display: flex; align-items: center; gap: 0.5rem}
.search_box_wrap.ty_07 .search_box_inn .select_box_inn{ display: flex; align-items: center; gap: 0.5rem}
.search_box_wrap.ty_07 .search_box_inn .flatpicker_wrap{ width: 100%}
.search_box_wrap.ty_07 .search_box_inn .flatpicker_wrap span{ color: var(--black);}
.search_box_wrap.ty_07 .search_box_inn .flatpicker_wrap .flat_inner{ background-color: var(--white); box-shadow: inset 0 0 0 1px var(--black); border: 1px solid #000;}
.search_box_wrap.ty_07 .search_box_inn .flatpicker_wrap .flat_inner .svg_icon{ background-color: var(--black)}
.search_box_wrap.ty_07 .search_box_inn .flatpicker_wrap .flat_inner input{ max-width: 100%; width: 100%; border: none; background: transparent !important; box-shadow: none}
.search_box_wrap.ty_07 .search_box_inn .search_btn{ flex-shrink: 0}
.search_box_wrap.ty_07 .search_box_inn .search_btn.ty_02{ width: 2.4rem; height: 2.4rem; border-radius: 0.5rem; background: #000 url("../../img/user_new/icon/ic_search_w.svg") no-repeat center / 50% auto}

.search_box_detail{ display: flex; align-items: center; justify-content: space-between; padding: 0 2rem; margin-top: 1rem;}
.search_box_detail .form_check.ty_02 input[type=checkbox]:checked + label:before{ background: var(--black); flex-shrink: 0}
.search_box_detail .total_search_detail{ flex-shrink: 0; font-size: 0.7rem; font-weight: 600; display: inline-flex; gap: 0.4rem}

.detail_trigger_wrap .trigger_toggle { margin-top: 0.8rem; border: solid 1px var(--gray40); border-radius: var(--bd-round01); padding: 1.5rem 2.0rem 1.2rem}
.detail_search_tit { font-size: 1.2rem; font-weight: 700; color: var(--black); display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.8rem}
.detail_search_tit .reset_btn { width: 1.2rem; height: 1.2rem; mask-image: url("../../img/user_new/icon/ic_reset.svg"); background: var(--gray70); display: flex; mask-repeat: no-repeat; mask-size: contain}
.detail_search_line,
.detail_search_item { display: flex; min-width: 0}
.detail_search_item { padding: 0.8rem 0; flex-shrink: 0}
.detail_search_item.left { padding-right: 0.8rem;}
.detail_search_list .detail_search_line:not(:last-child,.bdb_none) { border-bottom: 1px solid var(--gray40);}
.detail_search_list .detail_search_line + .detail_btn_wrap { border-top: none;}
.detail_search_item_tit { width: 6.4rem; flex-shrink: 0; font-size: 0.88rem; font-weight: 700; color: var(--black); display: flex; align-items: center}
.new_detail_search_item_tit { width : 5rem }
.detail_search_item_tit.empty { width: 0}
.detail_search_item_con { width: 100%; display: flex; gap: 0.4rem; min-width: 0}
.detail_search_item_con input[type='text'],
.detail_search_item_con select { min-width: 10.0rem; max-width: 100%}
.detail_search_item_con_inn{ display: flex; align-items: center; gap: 0.5rem}
.detail_search_item_con_inn.input_sz select,
.detail_search_item_con_inn.input_sz input[type='text']{ min-width: initial; width: 50%;}
.detail_search_item_con_inn .symbol{ font-size: 1.15rem; font-weight: 500; color: var(--gray60); margin: 0 0.4rem; flex-shrink: 0}
.detail_btn_wrap{ display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding-top: 0.8rem; border-top: 1px solid var(--gray40);}
.detail_btn_wrap .reset_btn{ width: 2.4rem; height: 2.4rem; border-radius: 0.5rem; border: 1px solid var(--gray40); display: inline-flex; align-items: center; justify-content: center}
.detail_btn_wrap .detail_search_btn{ min-width: 7rem}

.detail_search_list .detail_search_item_tit.ty_02 { align-items: flex-start}

.detail_search_list.ty_03 .detail_search_line .detail_search_item{ padding-right: 2rem;}
.detail_search_list.ty_03 .detail_search_line .detail_search_item:last-child{ padding-right: 0}
.detail_search_list.ty_03 .detail_search_item_tit{ width: auto; margin-right: 1rem; flex-shrink: 0}
.detail_search_list.ty_03 .detail_search_item_con,
.detail_search_list.ty_03 .detail_search_item_con .detail_search_item_con_inn{ width: 100%}
.detail_search_list.ty_03 .detail_search_item_con .detail_search_item_con_inn .select_box_wrap,
.detail_search_list.ty_03 .detail_search_item_con .detail_search_item_con_inn .select_box,
.detail_search_list.ty_03 .detail_search_item_con .detail_search_item_con_inn select,
.detail_search_list.ty_03 .detail_search_item_con .detail_search_item_con_inn input[type='text']{ width: 100%; min-width: 0}
/* [E] search */

/* [S] list_condition */
.list_condition { display: flex; align-items: center; justify-content: space-between; margin-top: 0.8rem;}
.list_condition .left,
.list_condition .right { display: flex; align-items: center; gap: 0.75rem}
.list_condition .right .more{ right: 0; top: 0.28rem; display: flex; align-items: center; font-size: 0.7rem; color: #A3A3A3; gap: 0.6rem}
.list_condition .right .more .svg_icon { background: #a3a3a3}
.list_condition .right form .btn{ margin-left: 0.75rem}
.list_condition .btn_line_wrap { gap: 0.96rem}

.list_condition .select_box select { color: var(--gray60); border: none; border-bottom: solid 1px var(--gray40); border-radius: 0; padding-right: 1.25rem;}
.list_condition .select_box:after { background: var(--gray60); right: 0}
.list_condition .apply_btn { min-width: 0; padding: 0 1.2rem}
.list_condition .btn,
.list_condition .btn_line { flex-shrink: 0}

.list_condition .total_count_wrap { display: flex; align-items: center; gap: 0}
.list_condition .total_count_wrap .total_count { font-size: 0.8rem;}
.list_condition.ty_05{ display: flex; justify-content: flex-end;}
/* [E] list_condition */

/* [S] list */
.list_total_wrap { display: flex; flex-flow: column; gap: 3.2rem; width: 100%; min-width: 0; }
.list_group { position: relative}
.list_group .more { position: absolute; right: 0; top: 0.28rem; display: flex; align-items: center; font-size: 0.7rem; color: #A3A3A3; gap: 0.6rem}
.list_group .more .svg_icon { background: #a3a3a3}
.list_group.bd{ border: 1px solid var(--gray40); border-radius: 0.75rem; padding: 2.2rem}


.tit_bar { width: 1.2rem; height: 0.2rem; display: inline-flex; background: var(--black); margin-right: 1.04rem; flex-shrink: 0}
.txt_bar{ position: relative; padding-left: 1.25rem}
.txt_bar:before { content: ""; width: 0.5rem; height: 0.25rem; border-radius: 0.125rem; background: #d9d9d9; display: inline-flex; position: absolute; left: 0.1rem; top: 0.55em}
.txt_dot { position: relative; padding-left: 1.2rem}
.txt_dot:before { content: ""; width: 0.15rem; height: 0.15rem; border-radius: 50%; background: var(--black); display: inline-flex; position: absolute; left: 0.5rem; top: 0.55em}

.dot_list.ty_01{ display: flex; flex-flow: column; gap: 0.25rem}
.dot_list.ty_01 .dot_item{ display: flex; gap: 0.25rem}
.dot_list.ty_01 .dot_item:before{ content: ""; width: 0.15rem; height: 0.15rem; border-radius: 50%; display: inline-flex; background: var(--primary);position: relative; top: 0.45em; flex-shrink: 0}

.dot_list.ty_02 { display: flex; flex-flow: column; gap: 1rem}
.dot_list.ty_02 .dot_item { display: flex; gap: 0.5rem}
.dot_list.ty_02 .dot_item:before { content: ""; width: 0.35rem; height: 0.35rem; border-radius: 50%; display: inline-flex; background: var(--primary);position: relative; top: 0.3em; flex-shrink: 0}
.dot_list.ty_02 .dot_item .dot_item_tit { font-size: 0.8rem; font-weight: 600;}
.dot_list.ty_02 .dot_item .dot_item_txt { font-size: 0.7rem; font-weight: 400; margin-top: 0.25rem; line-height: 150%}

.dot_list.ty_03 { display: flex; flex-flow: row; gap: 3rem}
.dot_list.ty_03 .dot_item { display: flex; gap: 0.5rem}
.dot_list.ty_03 .dot_item:before { content: ""; width: 0.35rem; height: 0.35rem; border-radius: 50%; display: inline-flex; background: var(--primary);position: relative; top: 0.3em; flex-shrink: 0}
.dot_list.ty_03 .dot_item .dot_item_tit { font-size: 0.8rem; font-weight: 600;}
.dot_list.ty_03 .dot_item .dot_item_txt { font-size: 0.7rem; font-weight: 400; margin-top: 0.25rem; line-height: 150%}

.bar_list.ty_01 { display: flex; flex-flow: column; gap: 1rem}
.bar_list.ty_02 .bar_item { display: flex; gap: 0.5rem}
.bar_list.ty_02 .bar_item:before { content: "-"}

.list_con_line .link_wrap{ display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.72rem; font-weight: 500; color: var(--gray80); margin-top: 0.5rem;}
.list_con_line .link_wrap .svg_icon{ width: 0.7rem; height: 0.7rem; background: var(--gray80);}

.list_ty_01 { width: 100%; border-top: 2px solid #595959; border-bottom: 1px solid var(--gray40);}
.list_ty_01 .list_tit_line { width: 100%; height: 2.4rem; padding: 0 1.2rem; background: var(--gray5); display: flex; align-items: center}
.list_ty_01 .list_tit_line.has_btn { justify-content: space-between;}
.list_ty_01 .list_tit_line.has_btn .btn_wrap{ display: inline-flex; align-items: center; gap: 0.4rem;}
.list_ty_01 .list_tit_line.has_btn .btn{ background: var(--white);}
.list_ty_01 .list_con_line { width: 100%; padding: 1.2rem; border-top: 1px solid var(--gray40); display: flex; align-items: center; justify-content: space-between}
.list_ty_01 .list_con_line .txt_wrap { margin: 0 0 0 0; width: 100%; min-width: 0}
.list_ty_01 .list_con_line .btn_wrap { margin-left: 1.2rem}
.list_ty_01 .list_con_line .btn_wrap .btn{ font-size: 0.65rem;}
.list_ty_01 .list_con_line .txt_wrap .txt_ctg { font-size: 0.56rem; margin-bottom: 0.5rem;}
.list_ty_01 .list_con_line .txt_wrap .tit { font-weight: 700; font-size: 1rem; align-items: center; display: flex; gap: 0.4rem}
.list_ty_01 .list_con_line .txt_wrap .tit .ellipsis{ min-width: 0; display: block}
.list_ty_01 .list_con_line .chk { flex-shrink: 0; margin-right: 1.2rem;}
.list_ty_01 .list_con_line .info_wrap { margin-top: 0.75rem;}
.list_ty_01 .list_con_line .btn_wrap.col { display: flex; flex-flow: column; gap: 0.25rem}

.list_ty_02{ margin-top: 2rem; min-width: 0; display: flex; flex-flow: column; gap: 1rem}
.list_ty_02 .list_con_line { flex-shrink: 0; min-width: 0; position: relative}
.list_ty_02 .list_con_line_inn.inn{ display: flex !important; align-items: center; gap: 1.5rem}
.list_ty_02 .list_con_line_inn.inn .form_check,
.list_ty_02 .list_con_line_inn.inn .btn{ flex-shrink: 0}
.list_ty_02 .list_con_line_inn.inn .wrap{ width: 100%; min-width: 0}
.list_ty_02 .list_con_line .inn { display: block; padding: 1.25rem 1.75rem; border: 1px solid var(--gray30); border-radius: 0.75rem; background: url("../../img/user_new/common/bg_list_01.svg") no-repeat right 0.5rem bottom}
.list_ty_02 .list_con_line .inn:hover { border-color: var(--black);}
.list_ty_02 .list_con_line .list_con_line_inn.inn:hover { border-color: var(--primary); background-image: url("../../img/user_new/common/bg_list_02.svg")}
.list_ty_02 .list_con_line .tag_wrap { margin-bottom: 0.5rem;}
.list_ty_02 .list_con_line .tit_wrap{ width: 100%; min-width: 0; display: flex; align-items: center; margin-bottom: 0.5rem; gap: 0.5rem}
.list_ty_02 .list_con_line .tit_wrap .tit { font-size: 1.1rem; font-weight: 600; line-height: 100%}
.list_ty_02 .list_con_line .tit_wrap .svg_icon { background: var(--gray70); flex-shrink: 0}
.list_ty_02 .play_time { position: absolute; right: 1.5rem; bottom: 1.55rem; display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.8rem; font-weight: 400;}
.list_ty_02 .play_time .svg_icon { width: 1.1rem; height: 1rem}

.list_ty_03{ display: flex; flex-flow: column; gap: 1rem}
.list_ty_03 .list_con_line{ padding: 1.75rem; border: 1px solid var(--gray30); border-radius: 0.75rem; background: url("../../img/user_new/common/bg_list_01.svg") no-repeat right 2rem bottom / 12.5% auto}
.list_ty_03 .list_con_line.bg_none{ background: none}
.list_ty_03 .list_con_line .ic_tit_wrap{ padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1.5px solid var(--gray30); font-size: 1rem;}

.bd_con_wrap .list_con_line { padding: 1.75rem; border: 1px solid var(--gray30); border-radius: 0.75rem}
.bd_con_wrap .list_con_line .ic_tit_wrap { margin-bottom: 1.5rem}

.data_list{ display: flex; flex-flow: column; gap: 1rem}
.data_list .data_item{ display: flex;}
.data_list .data_item .item_tit{ width: 8rem; flex-shrink: 0; font-size: 0.9rem; font-weight: 600; line-height: 150%;}
.data_list .data_item .item_txt{ font-size: 0.9rem; font-weight: 400; color: #5d5d5d; line-height: 150%;}
.data_list .data_item .pop_col{ width: 1rem; height: 1rem; background: var(--gray60); position: relative; top: 0.15rem; margin-left: 0.25rem;}

.txt_box_item{ border: 1px solid var(--gray40); border-radius: 0.75rem; padding: 1rem 2rem; margin-top: 1rem;}
.txt_box_item .txt{ font-size: 0.9rem; line-height: 150%}


.list_box_ty_01 { width: 100%; border-top: 2px solid #595959; border-bottom: 1px solid var(--gray40);}
.list_box_ty_01 .list_box_line { width: 100%; display: flex; border-bottom: 1px solid var(--gray40);}
.list_box_ty_01 .list_box_line:last-child{ border-bottom: none;}
.list_box_ty_01 .list_box_line .split { flex-shrink: 0; display: flex; border-right: 1px solid var(--gray40);}
.list_box_ty_01 .list_box_line .split:last-child { border-right: none;}
.list_box_ty_01 .list_box_line .list_box_tit { flex-shrink: 0; width: 8.8rem; background: var(--gray5); padding: 0.8rem 0.4rem; display: flex; align-items: center; justify-content: center; word-break: keep-all; text-align: center; font-size: 0.8rem}
.list_box_ty_01 .list_box_line .list_box_con { width: 100%; min-width: 0; padding: 0.8rem; line-height: 150%; color: var(--gray80); font-size: 0.8rem;}
.list_box_ty_01 .list_box_line .list_box_con_btn_wrap { display: inline-flex; gap: 0.5rem; flex-wrap: wrap;}
.list_box_ty_01 .list_box_line .list_box_con.include_btn { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem 1.2rem}
.list_box_ty_01 .list_box_line .list_box_con.con_only { padding-left: 2.0rem; width: 100%}
.record_all .list_box_ty_01 .list_box_line .list_box_con{ align-items: center; display: flex;}

.list_box_ty_02 { width: 100%; border-top: 2px solid #595959; border-bottom: 1px solid var(--gray40);}
.list_box_ty_02 .list_box_line { width: 100%; display: flex}
.list_box_ty_02 .list_box_line .split { flex: 1; border-right: 1px solid var(--gray40);}
.list_box_ty_02 .list_box_line .split:last-child { border-right: none;}
.list_box_ty_02 .list_box_line .list_box_tit { flex-shrink: 0; width: 100%; background: var(--gray5); padding: 0.8rem 0.4rem; display: flex; align-items: center; justify-content: center; word-break: keep-all; text-align: center; font-size: 0.8rem; font-weight: 600; border-bottom: 1px solid var(--gray40);}
.list_box_ty_02 .list_box_line .list_box_con { width: 100%; min-width: 0; padding: 0.8rem; line-height: 150%; color: var(--gray80); font-size: 0.8rem;}
.list_box_ty_02 .list_box_line .list_box_con.include_btn { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem 1.2rem}
.list_box_ty_02 .list_box_line .list_box_con.con_only { padding-left: 2.0rem; width: 100%}

.list_thumb_ty_01 { display: flex; flex-flow: column; gap: 0.8rem}
.list_thumb_ty_01 .list_thumb_line { width: 100%; display: flex; border: 1px solid var(--gray40); border-radius: var(--bd-round01); overflow: hidden}
.list_thumb_ty_01 .list_thumb_line .img_wrap { flex-shrink: 0; width: 5.4rem; position: relative}
.list_thumb_ty_01 .list_thumb_line .img_wrap:after { content: ""; padding-top: 133%; display: block}
.list_thumb_ty_01 .list_thumb_line .img_wrap img { position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%}
.list_thumb_ty_01 .list_thumb_line .txt_wrap { padding: 1.2rem 0.8rem 1.04rem 1.6rem; width: 100%; min-width: 0}
.list_thumb_ty_01 .list_thumb_line .txt_wrap .tit { font-weight: 700;}
.list_thumb_ty_01 .list_thumb_line .form_check_wrap { padding: 1.6rem; display: flex; align-items: center; justify-content: center}

.list_thumb_ty_02 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem 2.8rem}
.list_thumb_ty_02 .list_thumb_item { min-width: 0}
.list_thumb_ty_02 .list_thumb_item,
.list_thumb_ty_02 .list_thumb_item .inn { width: 100%; display: block}
.list_thumb_ty_02 .list_thumb_item .inn { border-radius: 0.6rem; position: relative}
.list_thumb_ty_02 .list_thumb_item .inn .box { width: 100%; position: relative; z-index: 2; border-radius: 0.6rem}
.list_thumb_ty_02 .list_thumb_item .inn .box .img_wrap { width: 100%; position: relative; border-radius: 0.6rem; overflow: hidden; z-index: 2}
.list_thumb_ty_02 .list_thumb_item .inn .box .img_wrap:before { content: ""; padding-top: 56.3318%; display: block; width: 100%}
.list_thumb_ty_02 .list_thumb_item .inn .box .img_wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0}
.list_thumb_ty_02 .list_thumb_item .inn .box .txt_wrap { width: 100%; position: relative; z-index: 1; border-radius: 0 0 0.6rem 0.6rem; border: 1px solid var(--gray40); margin-top: -0.6rem; padding: 2.2rem 1.2rem 3.2rem; background: var(--white)}
.list_thumb_ty_02 .list_thumb_item .inn .box .txt_wrap .count_bg_line { position: relative; left: -0.32rem; margin-bottom: 0.4rem; display: inline-flex}
.list_thumb_ty_02 .list_thumb_item .inn .box .txt_wrap .count_bg_line .txt { color: var(--black); font-weight: 700;}
.list_thumb_ty_02 .list_thumb_item .inn .box .txt_wrap .tit { font-size: 0.96rem; font-weight: 600; margin-bottom: 0.8rem;}
.list_thumb_ty_02 .list_thumb_item .inn .box .txt_wrap .txt { font-size: 0.72rem; font-weight: 500; color: var(--gray80); line-height: 150%}
.list_thumb_ty_02 .list_thumb_item .inn .box .txt_wrap .detail_btn { position: absolute; right: 0; bottom: 0}
.list_thumb_ty_02 .list_thumb_item .inn:hover:after { content: ""; width: 100%; height: 100%; position: absolute; right: -0.4rem; bottom: -0.4rem; background: var(--primary30); border-radius: 0.6rem}
.list_thumb_ty_02 .list_thumb_item .inn:hover .box .txt_wrap { border-color: var(--primary);}
.list_thumb_ty_02 .list_thumb_item .inn:hover .txt_wrap .detail_btn { background: var(--primary); border-color: var(--primary);}

.list_thumb_ty_03 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem 1rem}
.list_thumb_ty_03 .list_thumb_item { min-width: 0}
.list_thumb_ty_03 .list_thumb_item,
.list_thumb_ty_03 .list_thumb_item .inn { width: 100%; display: block}
.list_thumb_ty_03 .list_thumb_item .inn { border-radius: 0.6rem; position: relative; height: 100%}
.list_thumb_ty_03 .list_thumb_item .inn .box { width: 100%; position: relative; z-index: 2; border-radius: 0.6rem; height: 100%; display: flex; flex-flow: column}
.list_thumb_ty_03 .list_thumb_item .inn .box .img_wrap { width: 100%; position: relative; border-radius: 0.6rem; overflow: hidden; z-index: 2; flex-shrink: 0}
.list_thumb_ty_03 .list_thumb_item .inn .box .img_wrap:before { content: ""; padding-top: 56.3318%; display: block; width: 100%}
.list_thumb_ty_03 .list_thumb_item .inn .box .img_wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0}
.list_thumb_ty_03 .list_thumb_item .inn .box .txt_wrap { width: 100%; position: relative; z-index: 1; border-radius: 0 0 0.6rem 0.6rem; border: 1px solid var(--gray40); margin-top: -0.6rem; padding: 1.5rem 1rem; background: var(--white); height: 100%}
.list_thumb_ty_03 .list_thumb_item .inn .box .txt_wrap .count_bg_line { position: relative; left: -0.32rem; margin-bottom: 0.4rem; display: inline-flex}
.list_thumb_ty_03 .list_thumb_item .inn .box .txt_wrap .count_bg_line .txt { color: var(--black); font-weight: 700;}
.list_thumb_ty_03 .list_thumb_item .inn .box .txt_wrap .point { font-size: 0.7rem; font-weight: 700; margin-bottom: 0.25rem; color: var(--primary);}
.list_thumb_ty_03 .list_thumb_item .inn .box .txt_wrap .tit { font-size: 1rem; font-weight: 600}
.list_thumb_ty_03 .list_thumb_item .inn .box .txt_wrap .txt { font-size: 0.7rem; font-weight: 500; color: var(--gray80); line-height: 150%}
.list_thumb_ty_03 .list_thumb_item .inn .box .txt_wrap .tag_wrap { margin-top: 0.9rem;}
.list_thumb_ty_03 .list_thumb_item .inn .box .txt_wrap .detail_btn { position: absolute; right: 0; bottom: 0}
.list_thumb_ty_03 .list_thumb_item .inn:hover:after { content: ""; width: 100%; height: 100%; position: absolute; right: -0.4rem; bottom: -0.4rem; background: var(--primary30); border-radius: 0.6rem}
.list_thumb_ty_03 .list_thumb_item .inn:hover .box .txt_wrap { border-color: var(--primary);}

.list_thumb_ty_04 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem 1rem; margin-top: 1.5rem;}
.list_thumb_ty_04 .list_thumb_item { min-width: 0}
.list_thumb_ty_04 .list_thumb_item .inn{ width: 100%; display: block}
.list_thumb_ty_04 .list_thumb_item .inn .img_wrap{ width: 100%; border-radius: 0.75rem; border: 1px solid var(--gray40); overflow: hidden; position: relative; margin-bottom: 1.5rem;}
.list_thumb_ty_04 .list_thumb_item .inn .img_wrap:after{ content: ""; width: 100%; padding-top: 75%; display: block}
.list_thumb_ty_04 .list_thumb_item .inn .img_wrap img{ width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0}
.list_thumb_ty_04 .list_thumb_item .inn .txt_wrap .tag_wrap{ margin-bottom: 0.9rem;}
.list_thumb_ty_04 .list_thumb_item .inn .txt_wrap .point{ color: var(--primary); font-size: 0.7rem; font-weight: 700; margin-bottom: 0.25rem;}
.list_thumb_ty_04 .list_thumb_item .inn .txt_wrap .tit{ font-weight: 700; font-size: 1rem; line-height: 150%}
.list_thumb_ty_04 .list_thumb_item .inn .txt_wrap .date{ font-size: 0.7rem; font-weight: 400; color: var(--gray70); margin-top: 0.25rem; display: inline-flex; align-items: center; gap: 0.25rem}
.list_thumb_ty_04 .list_thumb_item .inn .txt_wrap .date .ic img{ width: 0.7rem; position: relative; top: 1px}

.list_thumb_ty_05 { margin-top: 1.5rem; min-width: 0; border-top: 2px solid var(--gray70);}
.list_thumb_ty_05 .list_thumb_item { min-width: 0; border-bottom: 1px solid var(--gray40);}
.list_thumb_ty_05 .list_thumb_item .inn { width: 100%; display: flex; align-items: center; gap: 2rem; padding: 1.5rem 0; min-width: 0}
.list_thumb_ty_05 .list_thumb_item .inn .img_wrap { width: 13rem; border-radius: 0.75rem; border: 1px solid var(--gray40); overflow: hidden; position: relative; flex-shrink: 0}
.list_thumb_ty_05 .list_thumb_item .inn .img_wrap:after { content: ""; width: 100%; padding-top: 75%; display: block}
.list_thumb_ty_05 .list_thumb_item .inn .img_wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0}
.list_thumb_ty_05 .list_thumb_item .inn .txt_wrap{ min-width: 0; width: 100%}
.list_thumb_ty_05 .list_thumb_item .inn .txt_wrap .tag_wrap { margin-bottom: 0.5rem;}
.list_thumb_ty_05 .list_thumb_item .inn .txt_wrap .tit { font-weight: 700; font-size: 1rem; line-height: 150%; width: 100%; min-width: 0}
.list_thumb_ty_05 .list_thumb_item .inn .txt_wrap .txt { font-weight: 500; font-size: 0.8rem; margin-top: 0.5rem; min-width: 0}
.list_thumb_ty_05 .list_thumb_item .inn .txt_wrap .date { font-size: 0.7rem; font-weight: 400; color: var(--gray70); margin-top: 1rem; display: inline-flex; align-items: center; gap: 0.25rem}
.list_thumb_ty_05 .list_thumb_item .inn .txt_wrap .date .ic img { width: 0.7rem; position: relative; top: 1px}
.list_thumb_ty_05 .list_thumb_item .inn .tit_wrap { display: inline-flex; align-items: center; min-width: 0; max-width: 100%; padding-right: 0.5rem;}
.list_thumb_ty_05 .list_thumb_item .inn .tit_wrap .ic{ flex-shrink: 0; margin-left: 0.4rem;}


.list_thumb_ty_06 { display: grid; grid-template-columns: repeat(3,1fr); gap: 3.5rem 2rem; margin-top: 2.5rem; min-width: 0;}
.list_thumb_ty_06 .list_thumb_item { min-width: 0 }
.list_thumb_ty_06 .list_thumb_item .inn { width: 100%; display: block}
.list_thumb_ty_06 .list_thumb_item .inn .img_wrap { width: 100%; border-radius: 0.75rem; overflow: hidden; position: relative; flex-shrink: 0; display: block;}
.list_thumb_ty_06 .list_thumb_item .inn .img_wrap:after { content: ""; width: 100%; padding-top: 146.11%; display: block}
.list_thumb_ty_06 .list_thumb_item .inn .img_wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0}
.list_thumb_ty_06 .list_thumb_item .inn .img_wrap .tag { position: absolute; left: 0; bottom: 0; z-index: 3}
.list_thumb_ty_06 .list_thumb_item .inn .txt_wrap { min-width: 0; width: 100%; margin-top: 1.25rem;}
.list_thumb_ty_06 .list_thumb_item .inn .txt_wrap .tag_wrap { margin-bottom: 0.25rem;}
.list_thumb_ty_06 .list_thumb_item .inn .txt_wrap .point { color: var(--primary); font-size: 0.7rem; font-weight: 700; margin-bottom: 0.25rem;}
.list_thumb_ty_06 .list_thumb_item .inn .txt_wrap .tit { font-weight: 700; font-size: 1rem; line-height: 150%}
.list_thumb_ty_06 .list_thumb_item .inn .txt_wrap .txt { font-weight: 500; font-size: 0.7rem; margin-top: 0.75rem; min-width: 0}
.list_thumb_ty_06 .list_thumb_item .inn .txt_wrap .date { font-size: 0.7rem; font-weight: 400; color: var(--gray70); margin-top: 0.75rem;}
.list_thumb_ty_06 .list_thumb_item .inn .txt_wrap .btn_wrap { margin-bottom: 1rem; display: flex; gap: 0.5rem}
.list_thumb_ty_06 .list_thumb_item .inn .txt_wrap .info_wrap { margin-top: 0.75rem;}

.list_thumb_ty_07 { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.4rem 1rem; min-width: 0; margin-top: 1rem;}
.list_thumb_ty_07 .list_thumb_item { min-width: 0;}
.list_thumb_ty_07 .list_thumb_item .title{ margin-bottom: 0.25rem;}
.list_thumb_ty_07 .list_thumb_item .img-wrap,
.list_thumb_ty_07 .list_thumb_item .img_wrap { width: 100%; position: relative; min-width: 0; border-radius: 0.5rem; overflow: hidden}
.list_thumb_ty_07 .list_thumb_item .img-wrap:after,
.list_thumb_ty_07 .list_thumb_item .img_wrap:after { content: ""; padding-top: 100%; display: block; width: 100%}
.list_thumb_ty_07 .list_thumb_item .img-wrap img,
.list_thumb_ty_07 .list_thumb_item .img_wrap img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center}
.list_thumb_ty_07 .list_thumb_item .txt_wrap{ margin-top: 0.75rem; font-size: 0.8rem; font-weight: 500; text-align: center}

.list_thumb_ty_07.ty_interview{ grid-template-columns: repeat(5, 1fr); gap: 2rem 1rem;}
.list_thumb_ty_07.ty_interview .list_thumb_item .inn { position: relative; border-radius: 0.5rem; overflow: hidden; display: block; border: 1px solid var(--gray40);}
.list_thumb_ty_07.ty_interview .txt_wrap { width: 100%; position: absolute; left: 0; bottom: 0; font-size: 1rem; font-weight: 700; color: var(--white); z-index: 2; padding: 2rem 1rem 0.8rem; background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); text-align: left}
.list_thumb_ty_07.ty_interview .list_thumb_item .inn:hover{ border: 2px solid var(--primary); box-shadow: 0.2rem 0.2rem 0.2rem rgba(0,0,0,0.25)}
.list_thumb_ty_07.ty_interview .list_thumb_item .inn:hover img{ transform: scale(1.3); transition: 0.5s}


.list_thumb_ty_08 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.4rem 1rem; min-width: 0; margin-top: 1rem;}
.list_thumb_ty_08 a.list_thumb_item:focus{ outline-offset: -1px}
.list_thumb_ty_08 .list_thumb_item .img_wrap { width: 100%; position: relative; min-width: 0; border-radius: 0.5rem; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; display: block; border: 1px solid var(--gray40);}
.list_thumb_ty_08 .list_thumb_item .img_wrap:after { content: ""; padding-top: 64.15%; display: block; width: 100%}
.list_thumb_ty_08 .list_thumb_item .img_wrap img,
.list_thumb_ty_08 .list_thumb_item .img_wrap video,
.list_thumb_ty_08 .list_thumb_item .img_wrap iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center}
.list_thumb_ty_08 .list_thumb_item .txt_wrap { margin-top: 0.75rem; font-size: 0.8rem; font-weight: 500; text-align: center}

.list_thumb_ty_09 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: 2rem;}
.list_thumb_ty_09 .list_thumb_item { min-width: 0; }
.list_thumb_ty_09 .list_thumb_item .inn { display: flex; border: 1px solid var(--gray40); border-radius: 0.6rem; padding: 1.5rem; width: 100%; box-sizing: border-box;}
.list_thumb_ty_09 .list_thumb_item .img_wrap { width: 7.8rem; position: relative; aspect-ratio: 100 / 137.1794; overflow: hidden; border-radius: 0.5rem; border: 1px solid var(--gray40); flex-shrink: 0; margin-right: 0.8rem;}
.list_thumb_ty_09 .list_thumb_item .img_wrap img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.list_thumb_ty_09 .list_thumb_item .txt_wrap { display: flex; flex-flow: column; gap: 0.5rem; justify-content: space-between; flex: 1 1 auto; min-width: 0;}
.list_thumb_ty_09 .list_thumb_item .txt_wrap .item_tit { font-size: 1rem; font-weight: 600; margin-bottom: 0.6rem; min-width: 0; overflow-wrap: break-word; word-break: break-word;}
.list_thumb_ty_09 .list_thumb_item .txt_wrap .item_txt { font-size: 0.9rem; font-weight: 400; line-height: 150%; color: var(--gray70); min-width: 0; overflow-wrap: break-word; word-break: break-word;}
.list_thumb_ty_09 .list_thumb_item .txt_wrap .btn_wrap { display: flex; justify-content: flex-end;}

.sc_table_wrap{ overflow-x: auto}
.sc_table_wrap table{ min-width: 30rem}

.list_table_ty_01{ table-layout: fixed; margin-top: 1.5rem; border-bottom: solid 1px var(--gray30); border-top: 2px solid var(--gray70);}
.list_table_ty_01 col.num{ width: 4rem;}
.list_table_ty_01 col.file{ width: 5rem;}
.list_table_ty_01 tr th{ background: var(--gray5); height: 2.4rem; font-size: 0.8rem; vertical-align: middle; padding: 0 1rem}
.list_table_ty_01 tr td{ padding: 1.5rem 1rem}
.list_table_ty_01 tbody tr{ border-top: solid 1px var(--gray30);}
.list_table_ty_01 td.num{ font-size: 0.85rem; color: var(--secondary); font-weight: 700; text-align: center; vertical-align: middle}
.list_table_ty_01 td.file{ text-align: center; vertical-align: middle}
.list_table_ty_01 td.file .file_inn{ display: flex; gap: 0.25rem; justify-content: center; flex-wrap: wrap}
.list_table_ty_01 td.file .file_inn img{ max-width: calc(50% - 0.125rem)}
.list_table_ty_01 .txt_wrap{ display: flex; flex-flow: column; gap: 0.25rem; min-width: 0}
.list_table_ty_01 .txt_wrap .tit{ font-size: 0.85rem; font-weight: 700; min-width: 0}
.list_table_ty_01 .file img{ width: 1.65rem; height: 1.65rem; object-fit: contain}

.list_table_ty_02 { table-layout: fixed; margin-top: 1.5rem; border-bottom: solid 1px var(--gray30); border-top: 2px solid var(--gray70);}
.list_table_ty_02 tr th { background: var(--gray5); height: 2.4rem; font-size: 0.8rem; vertical-align: middle; padding: 0 1rem; border-right: 1px solid var(--gray30);}
.list_table_ty_02 tr td { padding: 1rem; border-right: 1px solid var(--gray30); font-size: 0.8rem; color: var(--gray80); vertical-align: middle}
.list_table_ty_02 tr th:last-child,
.list_table_ty_02 tr td:last-child { border-right: none}
.list_table_ty_02 tbody tr { border-top: solid 1px var(--gray30);}

table.center tr th,
table.center tr td { text-align: center !important;}

.dot_con_list{ width: 100%; display: flex; flex-flow: column; gap: 1rem; min-width: 0}
.dot_con_item{ width: 100%; display: flex}
.dot_con_item .item_tit{ display: inline-flex; align-items: flex-start; gap: 0.5rem; flex-shrink: 0; font-size: 0.8rem; font-weight: 600; line-height: 150%; width: 5.75rem}
.dot_con_item .item_tit:before{ content: ""; display: inline-flex; width: 0.35rem; height: 0.35rem; border-radius: 50%; background: var(--primary); position: relative; top: 0.5em}
.dot_con_item .item_txt{ font-size: 0.8rem; line-height: 150%; color: #5d5d5d;}

.dot_con_list.ty_02{ margin-top: 1.5rem;}
.dot_con_list.ty_02 .item_tit,
.dot_con_list.ty_02 .item_txt{ font-size: 0.9rem;}
.dot_con_list.ty_02 .item_tit{ gap: 0.75rem; width: 6.5rem;}

.item_history_list{ display: flex; flex-flow: column; width: 100%; gap: 1rem; min-width: 0}
.item_history_list .item_history_item{ display: flex; width: 100%; }
.item_history_list .item_history_item .year_tit{ width: 3.5rem; flex-shrink: 0; font-size: 0.8rem; font-weight: 600; color: #5d5d5d}
.item_history_list .item_history_item .year_txt{ width: 100%; font-size: 0.8rem; font-weight: 400; color: #5d5d5d;}
/* [E] list */

/* [S] detail */
.detail_wrap .detail_con_wrap img{ max-width: 100%;}

.detail_wrap.ty_01 .detail_tit_wrap{ text-align: center; padding: 1.4rem 0.5rem; border-top: 2px solid var(--gray70); border-bottom: 1px solid var(--gray40);}
.detail_wrap.ty_01 .detail_tit_wrap .tag_wrap{ margin-bottom: 0.4rem; justify-content: center}
.detail_wrap.ty_01 .detail_tit_wrap .tag_wrap.lg{ margin-bottom: 0.75rem;}
.detail_wrap.ty_01 .detail_tit_wrap .tit{ font-size: 1.4rem; font-weight: 600; word-break: keep-all}
.detail_wrap.ty_01 .detail_tit_wrap .info_wrap{ margin-top: 1rem;}
.detail_wrap.ty_01 .detail_con_wrap{ padding: 3rem 1.5rem; line-height: 150%}

.attachment_wrap{ width: 100%; display: flex; padding: 0.8rem 0; background: var(--gray10); border: 1px solid #C6C9CB;}
.attachment_wrap .attachment_tit{ font-size: 0.85rem; font-weight: 600; padding: 0 0 0 2.4rem; line-height: 1.6rem; flex-shrink: 0}
.attachment_con_list{ padding-left: 0.65rem; margin-left: 0.65rem; border-left: 1px solid var(--gray40); width: 100%; padding-right: 1.1rem; display: flex; flex-flow: column; justify-content: center; gap: 0.25rem; min-width: 0}
.attachment_con_item{ display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 0.5rem}
.attachment_con_item_name{ font-size: 0.72rem; color: var(--gray80); font-weight: 400; min-width: 0}
.attachment_con_item .btn{ background-color: #fff}
/* [E] detail */

/* [S] img_ctr */
.img_sz_ctr { position: relative; overflow: hidden; width: 100%; height: 100%; }
.img_sz_ctr img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: grab; user-select: none; max-width: none; max-height: none; object-fit: contain; width: 100% !important; height: 100% !important;}
/* [E] img_ctr */

/* [S] slide */
.slide_btn_wrap { position: absolute; left: 50%; bottom: 1.6rem; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 0.4rem; z-index: 11}
.slide_btn_wrap .slide_btn { width: 3.2rem; height: 3.2rem; border-radius: var(--bd-round02); border: 1px solid var(--black); background: var(--white); display: flex; align-items: center; justify-content: center; flex-shrink: 0}
.slide_btn_wrap .slide_btn .svg_icon { width: 1.2rem; height: 1.2rem; }
.slide_btn_wrap .slide_btn:focus .svg_icon,
.slide_btn_wrap .slide_btn:hover .svg_icon { background: var(--primary)}

.record_detail_slide_wrap.ty02 { width: 100%; margin: 0 auto; background: var(--gray5); padding: 1.2rem; border-radius: 0.6rem; position: relative}
.record_detail_slide_wrap.ty02 .down_btn { position: absolute; right: 1.1rem; bottom: 1.2rem}
.record_main { width: 800px; max-width: 100%; margin-bottom: 0.8rem}
.record_main .swiper-slide { position: relative; width: 100%; height: auto; aspect-ratio: 2/1.2; border-radius: 0.4rem; overflow: hidden; background: var(--gray20)}
.record_thumb { width: 800px; max-width: 100%; box-sizing: border-box;}
.record_thumb .swiper-slide { width: 9.6rem; cursor: pointer; background: #d9d9d9; position: relative; border-radius: 0.4rem; overflow: hidden}
.record_thumb .swiper-slide:after { content: ""; padding-top: 55.25%; display: block; position: relative}
.record_thumb .swiper-slide-thumb-active:after { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(187, 157, 67, 0.8) 100%); z-index: 2}
.record_thumb .swiper-slide-thumb-active:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../../img/user_new/icon/ic_check_ty02.svg") no-repeat center / auto 50%; z-index: 3}
.record_thumb iframe,
.record_thumb video,
.record_thumb img { width: 100%; height: 100%; object-fit: contain; object-position: center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 0.4rem}

.slide_top_wrap { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.8rem;}
.slide_top_wrap .slide_btn_wrap { position: static; gap: 0.8rem; transform: translate(0, 0); padding-right: 0.8rem;}
.slide_top_wrap .slide_btn_wrap .slide_btn { border: none; padding: 0; width: auto; height: auto; border-radius: 0; background: transparent}
.slide_top_wrap .left { display: flex; align-items: center}
.slide_top_wrap .left .arr_wrap { display: flex; align-items: center; gap: 0.8rem}
.slide_top_wrap .swiper-pagination { font-size: 0.68rem; font-weight: 400; width: 2.4rem; text-align: left}
.slide_top_wrap .swiper-pagination,
.slide_top_wrap .arr { position: static; transform: translate(0, 0); margin-top: 0;}
.slide_top_wrap .arr .svg_icon { width: 1.6rem; height: 1.6rem; mask-size: contain}
.slide_top_wrap .arr:after { display: none}
.slide_top_wrap .arr_l { transform: rotate(-180deg)}

.record_detail_slide_wrap { position: relative}
.record_detail_slide { overflow: hidden; margin-top: 1.2rem; position: relative}
.record_detail_slide .arr { width: 4.0rem; height: 100%; margin-top: 0; top: 0; z-index: 10}
.record_detail_slide .arr:after { color: var(--white);}
.record_detail_slide .arr_l { left: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.57) 0%, rgba(0, 0, 0, 0) 100%);}
.record_detail_slide .arr_r { left: auto; right: 0; background: linear-gradient(to left, rgba(0, 0, 0, 0.57) 0%, rgba(0, 0, 0, 0) 100%);}
.record_detail_slide .swiper-slide { display: block; position: relative; width: 100%; height: auto; aspect-ratio: 5/3; background: var(--gray10);}
.record_detail_slide .swiper-slide iframe,
.record_detail_slide .swiper-slide video,
.record_detail_slide .swiper-slide img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; object-position: center}
.record_detail_slide_wrap .swiper-slide .btn_full { position: absolute; right: 1rem; bottom: 1rem; border: 1px solid #000; z-index: 11; width: 1.5rem; height: 1.5rem; border-radius: 0.25rem; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.8)}

/* [E] slide */

/* [S] prev_next_wrap */
.prev_next_wrap { width: 100%; height: 3.2rem; display: flex; min-width: 0; margin-top: 2.4rem; border-top: 2px solid #595959; border-bottom: 1px solid var(--gray40); font-size: 0.8rem;}
.prev_next_wrap .half { width: 50%; flex-shrink: 0; display: flex; position: relative}
.prev_next_wrap .half.prev:after { content: ""; width: 2px; height: 1.6rem; background: var(--gray40); display: inline-flex; position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
.prev_next_wrap .half .arr_wrap { width: 6.4rem; background: var(--gray5); color: var(--gray70); display: flex; align-items: center; justify-content: center; gap: 0.6rem; flex-shrink: 0}
.prev_next_wrap .half .arr_wrap .svg_icon { width: 0.6rem; background: var(--gray70)}
.prev_next_wrap .half .txt_wrap { width: 100%; min-width: 0; padding: 0 1.2rem; align-items: center; display: flex}
/* [E] prev_next_wrap */

/* [S] pagination_wrap */
.pagination_wrap { display: flex; align-items: center; justify-content: center; margin-top: 2.4rem;}
.pagination_wrap .pagination_page { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0 0.4rem}
.pagination_wrap .pagination_page .page_item { min-width: 1.2rem; height: 1.2rem; border-radius: 0.6rem; font-size: 0.72rem; color: var(--gray70); display: inline-flex; align-items: center; justify-content: center; padding: 0 0.4rem;}
.pagination_wrap .pagination_box_btn { width: 0.56rem; height: 1.4rem; display: flex; align-items: center; justify-content: center; background-position: center center; background-repeat: no-repeat; background-size: auto 0.6em; margin: 0 0.16rem}
.pagination_wrap .btn_first { background-image: url("../../img/user_new/icon/arr_pagination_last.svg"); transform: rotate(-180deg)}
.pagination_wrap .btn_last { background-image: url("../../img/user_new/icon/arr_pagination_last.svg")}
.pagination_wrap .btn_prev { background-image: url("../../img/user_new/icon/arr_pagination_next.svg"); transform: rotate(-180deg)}
.pagination_wrap .btn_next { background-image: url("../../img/user_new/icon/arr_pagination_next.svg")}

.pagination_wrap.ty_01 .pagination_page .page_item.on { background: var(--primary); color: var(--black); font-weight: 600;}
.pagination_wrap.ty_02 .pagination_page .page_item.on { font-weight: 600; color: var(--black)}

.paging.ty_01 { display: inline-flex; align-items: center; justify-content: center; background: var(--black); border-radius: 0.8rem; padding: 0 1.8rem; height: 2.6rem; gap: 0.32rem}
.paging.ty_01 .dot { width: 0.64rem; height: 0.64rem; border-radius: 0.16rem; background: var(--white); opacity: 0.5}
.paging.ty_01 .dot.active { width: 1.12rem; opacity: 1}
/* [E] pagination_wrap */

/* [S] form_box_wrap */
.form_box_wrap.ty_01{ padding: 1.5rem 0.5rem 0}
.checkbox_wrap{ background: var(--gray5); padding: 1.75rem; border-radius: 0.75rem;}
.privacy_agree_desc{ width: 100%; border-top: 3px solid var(--gray40); margin-top: 0.75rem; background: var(--white); padding: 1.75rem 1.5rem; display: flex; flex-flow: column; gap: 1.5rem; max-height: 11.5rem; overflow-y: auto}
.privacy_agree_desc .desc_tit{ font-size: 0.9rem; margin-bottom: 0.5rem; color: var(--gray80);}
.privacy_agree_desc .desc_txt_wrap p{ font-size: 0.8rem; color: var(--gray60); line-height: 150%}
.checkbox_wrap .form_check_wrap{ margin-top: 1rem; justify-content: center; display: flex}

.info_input_tit{ font-size: 1.1rem; font-weight: 700; margin: 3rem 0 1rem; padding-bottom: 1rem; border-bottom: 1.5px solid var(--gray30);}
.info_input_con .ic_tit_wrap{ font-size: 0.9rem; margin-bottom: 1rem;}

.info_input_line_wrap{ display: flex; flex-flow: column; gap: 1rem}
.info_input_line{ display: flex; gap: 0.5rem 1.5rem; flex-wrap: wrap}
.info_input_line .info_input{ flex: 1 1 0}
.info_input_line .info_input .input_box{ width: 100%}
.info_input_line .info_input .info_tit{ font-size: 0.7rem; font-weight: 400; margin-bottom: 0.35rem;}
.notice_txt{ width: 100%; font-size: 0.7rem; font-weight: 400; color: var(--secondary10)}

.record_item_line_wrap{ display: flex; flex-flow: column; gap: 0.5rem}
.record_item_line{ display: flex}
.record_item_line .wrap{ display: flex; width: 100%}
.record_item_data_01_01{ width: calc((100% - 10rem) * 0.6)}
.record_item_data_01_02,
.record_item_data_02_02,
.record_item_data_02_03,
.record_item_data_02_04{ width: 6.25rem; flex-shrink: 0;}
.record_item_data_01_03{ width: 3.75rem; flex-shrink: 0;}
.record_item_data_01_04{ width: calc((100% - 10rem) * 0.4)}
.record_item_data_02_01 { width: calc(100% - 18.75rem)}
.record_item_btn{ width: 5rem; flex-shrink: 0; margin-left: 0.5rem;}
.record_item_btn .btn{ height: 2.5rem; color: #444 !important;}
.record_item_btn .btn .svg_icon{ background: #444 !important;}
.record_item_line.tit_line{ font-size: 0.7rem; font-weight: 400}
.record_item_line.con_line .wrap{ background: var(--gray5); border-radius: 0.5rem; font-size: 0.75rem; color: var(--gray60);}
.record_item_line.con_line .record_item_data_01_02,
.record_item_line.con_line .record_item_data_01_03,
.record_item_line.con_line .record_item_data_02_02,
.record_item_line.con_line .record_item_data_02_03,
.record_item_line.con_line .record_item_data_02_04{ justify-content: center; text-align: center}
.record_item_line.con_line .record_item_data{ display: inline-flex; align-items: center; position: relative; padding: 0 0.9rem}
.record_item_line.con_line .record_item_data:after{ content: ""; width: 1px; height: 0.75rem; border-right: 1px solid var(--gray40); position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
.record_item_line.con_line .record_item_data:last-child:after{ display: none}

.textcount_wrap .textcount_input { resize: none; width: 100%; height: 6.5rem; border-radius: 0.5rem; border: 1.7px solid var(--gray40); padding: 1rem}
.textcount_wrap .textcount_info{ font-size: 0.8rem; display: flex; justify-content: flex-end; align-items: center; gap: 0.15rem}
.textcount_wrap .textcount_info .textcount_now{ color: var(--primary)}

.info_c_box{ padding: 1rem 2rem; border-radius: 0.75rem; background: var(--gray5)}
.info_input_con .form_radio_wrap{ flex-wrap: nowrap}

.reservation_col_wrap{ margin-top: 2rem;}
.reservation_col_wrap .notice_txt{ margin: -0.5rem 0 1rem;}
.reservation_col{ display: flex; gap: 1rem}
.reservation_col .left{ width: 62%; flex-shrink: 0}
.reservation_col .flatpickr-calendar{ width: 100%; padding: 1rem 1.5rem; border: 1px solid var(--gray40); box-shadow: none; border-radius: 0.75rem}
.reservation_col .flatpickr-months{ display: flex; align-items: center; justify-content: center}
.reservation_col .flatpickr-current-month{ display: flex; flex-flow: row-reverse; align-items: center; justify-content: center; height: 2rem;}
.reservation_col .flatpickr-months .flatpickr-month{ height: 2rem;}
.reservation_col .flatpickr-current-month .numInputWrapper,
.reservation_col .flatpickr-current-month .numInputWrapper input{ width: auto; min-width: 0; height: auto; font-size: 1.2rem; font-weight: 700; padding-left: 0;}
.reservation_col .flatpickr-current-month .numInputWrapper input{ max-width: 4.25rem; line-height: 150%; height: 2rem}
.reservation_col .flatpickr-monthDropdown-months{ font-size: 1.2rem; font-weight: 700; padding-left: 0; line-height: 150%; height: 2rem}
.reservation_col .flatpickr-weekdays{ background: #f9f9f9; border-radius: 0.25rem; height: 2rem; margin-top: 1rem;}
.reservation_col .flatpickr-weekday{ font-size: 0.9rem; color: var(--black); font-weight: 600;}
.reservation_col .flatpickr-prev-month,
.reservation_col .flatpickr-next-month{ position: static}
.reservation_col .flatpickr-rContainer,
.reservation_col .dayContainer,
.reservation_col .flatpickr-days{ width: 100%; min-width: 0; max-width: 100%}
.reservation_col .flatpickr-day{ width: 4rem; height: 4rem; max-width: 100%; border-radius: 0.5rem; font-size: 0.9rem; display: inline-flex; align-items: center; justify-content: center; position: relative}
.reservation_col .flatpickr-day:hover,
.reservation_col .flatpickr-day:focus{ background: var(--primary30); border: none}
.reservation_col .flatpickr-day.today{ border: 2px solid var(--primary);}
.reservation_col .flatpickr-day.today:after{ content: "오늘"; position: absolute; left: 50%; bottom: 0.75rem; transform: translateX(-50%); font-size: 0.7rem; font-weight: 400; height: 1em; line-height: 1em}
.reservation_col .flatpickr-day.selected{ background: var(--primary) url("../../img/user_new/common/bg_col_date.jpg") no-repeat left top / 100%; border: none; color: var(--black); font-weight: 700;}

.reservation_col .right { width: 100%; padding: 1.5rem 2rem; border: 1px solid var(--gray40); border-radius: 0.75rem}
.reservation_col .right .ic_tit_wrap{ font-size: 1rem; padding-bottom: 1rem; border-bottom: 1.5px solid var(--gray30);}
.reservation_col .right .btn_wrap{ display: flex; flex-flow: column; gap: 0.5rem}
.reservation_col .right .btn_wrap .btn{ width: 100%; height: 3rem; border-radius: 0.75rem; border: 3px solid #e8e8e8; font-size: 0.9rem; font-weight: 700;}
.reservation_col .right .btn_wrap .btn.rv_btn.on,
.reservation_col .right .btn_wrap .btn.rv_btn:hover{ background: var(--primary30); border-color: var(--primary);}
.reservation_col .right .btn_wrap .btn.disabled,
.reservation_col .right .btn_wrap .btn:disabled { background: #e8e8e8; cursor: not-allowed}
/* [E] form_box_wrap */

/* [S] to_top */
.to_top{ width: 2.75rem; height: 2.75rem; overflow: hidden; border-radius: 50%; position: fixed; right: 2rem; bottom: 2rem; background: url("../../img/user_new/common/to_top.svg") no-repeat center / cover; z-index: 90}
/* [E] to_top */
/* [S] tip_box */
.tip_box{ display: none; position: absolute; font-size: 12px; font-weight: bold; font-family: verdana; border: solid 1px var(--gray40); padding: 0.5rem; border-radius: 0.4rem; color: #000; background-color: #FFFFFF; z-index: 1; width: 5.45rem; margin-top: 0.8rem;}
.tip_box > a{ display: inline-flex; padding: 2px;}
.tip_box .svg_icon{ margin-right: 0 !important;}
/* [E] tip_box */

@media ( max-width: 1440px ) {
    .ic_filter_trigger { position: static; transform: translateX(0); margin-left: 0; display: inline-flex; width: 3rem; margin-right: 0.8rem;}
    .search_box_wrap.ty_02 { padding: 0.8rem}
}
@media ( max-width: 1340px ) {

    /* [S] slide */
    .slide_top_wrap .slide_btn_wrap { padding-right: 0}
    .record_detail_slide_wrap.ty02 .down_btn_wrap { display: flex; align-items: center; justify-content: center; margin-top: 1.2rem;}
    .record_detail_slide_wrap.ty02 .down_btn { position: static}
    /* [E] slide */
}
@media ( max-width: 1240px ) {
    .left_con_wrap.exhibit_left { margin-right: 0.8rem;}
    .left_con_wrap .left_con_inn{ margin-right: 0.8rem;}
    .left_con_wrap .left_con_inn,
    .left_con_wrap .left_con_inn .left_con{ width: 12.0rem}

    /* [S] mo_select_wrap */
    .mo_select_tab_menu { width: 100%}
    .mo_select_tab_menu .tab_item { width: auto; flex: 1}
    /* [E] mo_select_wrap */

    .detail_search_list.ty_02 .detail_search_item_con input[type='text'],
    .detail_search_list.ty_02 .detail_search_item_con .select_box,
    .detail_search_list.ty_02 .detail_search_item_con select { min-width: 0; width: 100%; max-width: 100%}
    .detail_search_list.ty_02 .detail_search_line { flex-flow: column}
    .detail_search_list.ty_02 .detail_search_item { width: 100% !important}
    .detail_search_list.ty_02 .detail_search_item.left { padding-right: 0; border-bottom: 1px solid var(--gray40);}
    .detail_search_list.ty_02 .detail_search_item .flat_range { width: 100%;}
    .detail_search_list.ty_02 .detail_search_item .flat_inner { width: 100%; min-width: 0}
    .detail_search_list.ty_02 .detail_trigger_wrap .trigger_toggle { padding: 1.2rem}
    .detail_search_list.ty_02 .detail_search_item_tit { width: 5.2rem}
    .detail_search_list.ty_02 .detail_search_item_con_inn,
    .detail_search_list.ty_02 .detail_search_item_con_inn .select_box_wrap{ width: 100% }

    .detail_search_list.ty_03 .detail_search_line .detail_search_item { padding-right: 0}
    .detail_search_list.ty_03 .detail_search_item_tit{ margin-right: 0; width: 4rem;}
}
@media ( min-width: 1024px ) {
    /* pc 만 */
    /* [S] mo_select_wrap */
    .mo_select_wrap .mo_select_trigger { display: none}
    .mo_select_wrap .trigger_toggle { display: block}
    .mo_select_tab_menu { display: inline-flex; width: auto; align-items: center; padding: 0.4rem; background: var(--gray10); border-radius: 0.8rem; max-width: 100%;}
    .mo_select_tab_menu .tab_item { width: 10.4rem;}
    .mo_select_tab_menu .tab_item .inn { width: 100%; height: 2.4rem; border-radius: 0.6rem; background: transparent; color: var(--gray60); font-size: 0.8rem; font-weight: 600; display: flex; align-items: center; justify-content: center}
    .mo_select_tab_menu .tab_item.on .inn { background: var(--primary); color: var(--black); border: none}
    /* [E] mo_select_wrap */
}
@media ( max-width: 1024px ) {
    .total_list_wrap { flex-flow: column; gap: 0; position: relative}

    /* [S] left_con */
    .ic_filter_trigger { display: none}
    .mo_left_con_trigger { display: flex}
    .left_con_wrap { width: 100%; padding: 0.8rem; background: var(--white); border-radius: var(--bd-round01); position: absolute; left: 0; top: 2.8rem; z-index: 101; display: none}
    .left_con_wrap .left_con_inn{ margin-right: 0; width: 100% !important;}
    .left_con_wrap .left_con_inn .left_con{ width: 100% !important;}
    .left_con_wrap.exhibit_left { width: 100%; margin-right: 0;}
    .total_list_wrap.open:after { content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 100}
    .total_list_wrap.open .left_con_wrap { display: flex}
    /* [E] left_con */
    /* [S] mo_select_wrap */
    .mo_select_wrap { position: relative; z-index: 51; margin-bottom: 1.6rem;}
    .mo_select_wrap .mo_select_trigger { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 3.2rem; border-radius: 0.6rem; border: 2px solid var(--black); color: var(--black); font-size: 1.04rem; padding: 0 1.2rem; font-weight: 600; position: relative; z-index: 2}
    .mo_select_wrap .mo_select_trigger:after { content: ""; width: 0.8rem; height: 0.8rem; background: var(--black); mask-image: url("../../img/user_new/icon/ic_angle_02.svg"); mask-size: contain; mask-repeat: no-repeat; mask-position: center}
    .mo_select_wrap .trigger_toggle { display: none; position: absolute; left: 0; top: calc(100% - 0.6rem); width: 100%; z-index: 1}
    .mo_select_tab_menu { display: flex; flex-flow: column; border-radius: 0 0 0.6rem 0.6rem; border: 2px solid var(--black); border-top: none; background: var(--white); padding: 1.2rem 0.8rem}
    .mo_select_tab_menu .tab_item { width: 100%}
    .mo_select_tab_menu .tab_item .inn { width: 100%; height: 2.4rem; display: flex; align-items: center; justify-content: center; font-size: 0.96rem; font-weight: 600; color: var(--black); border: none;}
    .mo_select_tab_menu .tab_item.on .inn{ background: var(--primary30); }
    .mo_select_wrap.open .mo_select_trigger:after { transform: rotate(180deg)}
    .mo_select_wrap.open .trigger_toggle { display: block}


    .mo_select_tab_menu_ty_02 { display: flex; flex-flow: column; border-radius: 0 0 0.6rem 0.6rem; border: 2px solid var(--black); border-top: none; background: var(--white); padding: 1.2rem 0.8rem; gap: 0}
    .mo_select_tab_menu_ty_02 .tab_item { width: 100%}
    .mo_select_tab_menu_ty_02 .tab_item .inn { width: 100%; height: 2.4rem; display: flex; align-items: center; justify-content: center; font-size: 0.96rem; font-weight: 600; color: var(--black); border: none; padding-bottom: 0}
    .mo_select_tab_menu_ty_02 .tab_item.on .inn { background: var(--primary30); }

    /* [E] mo_select_wrap */
    /* [S] search */
    .search_box_wrap.ty_02 { flex-wrap: wrap; justify-content: flex-start}
    .search_box_wrap.ty_02 .search_group_wrap { width: 100%}
    .search_box_wrap.ty_02 .assembly_terms:after { content: ""; width: 1px; height: 1px; display: block; clear: both}
    .search_box_wrap.ty_02 .search_input_box { width: 100%}
    .search_box_wrap.ty_02 .search_input_box .search_input { width: 100%}

    .search_box_wrap { padding: 0.8rem; flex-wrap: wrap; justify-content: flex-start}
    .search_box_wrap form{ display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; gap: 0.28rem;}
    .search_box_wrap .form_check { order: 3; width: 7.75rem}
    .search_box_wrap .form_check label { width: 100%}
    .search_group_wrap .select_box { width: 7.75rem; flex-shrink: 0}
    .search_group_wrap .select_box select { width: 100%}
    .search_input_box,
    .search_input_box .search_input { width: 100%; min-width: 0}
    .search_group_wrap { width: 100%; }

    .search_box_wrap .select_box_wrap { width: 100%}
    .search_box_wrap .select_box_wrap .select_box{ width: calc(50% - 0.125rem); min-width: 0}

    .search_box_wrap.ty_02 { position: relative}
    .search_box_wrap.ty_02 .detail_btn { position: absolute; right: 0.8rem; bottom: 0.8rem}

    .search_box_wrap.ty_05 { display: flex; flex-wrap: nowrap}

    .search_box_wrap.ty_06 { }
    .search_box_wrap.ty_06 .tab_order_1{ width: calc(100% - 7.08rem);}

    .search_box_wrap.ty_07 .search_box_inn .select_box_wrap,
    .search_box_wrap.ty_07 .search_box_inn .select_box_inn { width: 100%}
    .search_box_wrap.ty_07 .search_box_inn{ width: 100%; align-items: flex-end}
    .search_box_wrap.ty_07 .search_box_inn .flatpicker_wrap{ width: 100%}
    .search_box_wrap.ty_07 .search_box_inn .flatpicker_wrap .flat_inner{ width: 50%}
    .search_box_wrap.ty_07 .select_box_wrap { flex-flow: column}

    .detail_search_item_con input[type='text'],
    .detail_search_item_con .select_box,
    .detail_search_item_con select { min-width: 0; width: 100%; max-width: 100%}
    .detail_search_line { flex-flow: column}
    .detail_search_item { width: 100% !important}
    .detail_search_item.left { padding-right: 0; border-bottom: 1px solid var(--gray40);}
    .detail_search_item .flat_range { width: 100%;}
    .detail_search_item .flat_inner { width: 100%; min-width: 0}
    .detail_trigger_wrap .trigger_toggle { padding: 1.2rem}
    .detail_search_item_tit { width: 5.2rem}
    .detail_search_item_con_inn,
    .detail_search_item_con_inn .select_box_wrap { width: 100% }
    /* [E] search */

    /* [S] list */
    .list_group.bd{ padding: 1.5rem 1rem 2rem}
    .list_group.tab_bd { border: 1px solid var(--gray40); border-radius: 0.75rem; padding: 1.5rem 1rem 2rem}

    .list_ty_01 .list_tit_line { padding: 0 0.4rem; height: 2.0rem}
    .list_ty_01 .list_con_line { padding: 0.8rem 0.4rem}
    .list_ty_01 .list_con_line .chk { margin-right: 0.6rem;}
    .list_ty_01 .list_con_line .txt_wrap { margin-right: 0.4rem;}

    .list_ty_02 .list_con_line .inn{ background-size: 20%}
    .list_ty_02 .list_con_line .list_con_line_inn.inn{ padding: 1.25rem 1rem; gap: 0.75rem}

    .data_list .data_item .item_tit{ width: 7rem}

    .txt_box_item{ padding: 1rem 1.5rem}

    .list_box_ty_01 .list_box_line { flex-wrap: wrap}
    .list_box_ty_01 .list_box_line .split { width: 100%; border-right: none; border-bottom: 1px solid var(--gray40);}
    .list_box_ty_01 .list_box_line .split:last-child { border-bottom: none;}
    .list_box_ty_01 .list_box_line .list_box_tit { width: 8.0rem}
    .list_box_ty_01 .list_box_line .list_box_con { width: calc(100% - 8.0rem)}
    .list_box_ty_01 .list_box_line .list_box_con.con_only { padding-left: 0.8rem; width: 100%}

    .list_thumb_ty_01 .list_thumb_line { position: relative}
    .list_thumb_ty_01 .list_thumb_line .form_check_wrap { padding: 0; position: absolute; left: 0.4rem; top: 0.4rem}
    .list_thumb_ty_01 .list_thumb_line .txt_wrap { padding: 1.2rem 0.8rem}

    .list_thumb_ty_02 { grid-template-columns: repeat(2, 1fr); gap: 2.8rem 1.6rem}

    .list_thumb_ty_03 { grid-template-columns: repeat(2, 1fr)}

    .list_thumb_ty_04 { grid-template-columns: repeat(2, 1fr); gap: 3rem 1.5rem}

    .list_thumb_ty_05 .list_thumb_item .inn{ gap: 1.5rem}
    .list_thumb_ty_05 .list_thumb_item .inn .img_wrap{ width: 40%;}
    .list_thumb_ty_05 .list_thumb_item .inn .txt_wrap .txt{ max-height: 3em; line-height: 1.5em; -webkit-line-clamp: 2; white-space: initial; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden}

    .list_thumb_ty_06 { grid-template-columns: repeat(2, 1fr); gap: 3.5rem 1.5rem}
    .list_thumb_ty_06 .info_wrap{ gap: 0.25rem}
    .list_thumb_ty_06 .info_wrap .info{ display: block; width: 100%}
    .list_thumb_ty_06 .info_wrap .info:after{ display: none}

    .list_thumb_ty_07 { grid-template-columns: repeat(2, 1fr)}
    .list_thumb_ty_07.ty_interview { grid-template-columns: repeat(3, 1fr) !important;}

    .list_thumb_ty_08 { grid-template-columns: repeat(2, 1fr)}

    .list_thumb_ty_09{ gap: 5rem 1.5rem}
    .list_thumb_ty_09 .list_thumb_item .inn { border: none; padding: 0; flex-flow: column}
    .list_thumb_ty_09 .list_thumb_item .img_wrap{ width: 100%; margin-right: 0; margin-bottom: 1.5rem;}
    .list_thumb_ty_09 .list_thumb_item .txt_wrap .item_tit{ max-height: 3em; line-height: 1.5em; -webkit-line-clamp: 2; white-space: initial; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden}
    .list_thumb_ty_09 .list_thumb_item .txt_wrap .btn_wrap{ justify-content: flex-start; margin-top: 1rem;}

    .list_table_ty_01 col.num { width: 3.5rem;}
    .list_table_ty_01 col.file { width: 3.5rem;}
    .list_table_ty_01 tr th { padding: 0 0.5rem}
    .list_table_ty_01 tr td { padding: 1rem 0.5rem}

    /* [E] list */
    /* [S] detail */
    .attachment_wrap .attachment_tit{ padding-left: 1rem}
    .attachment_wrap .attachment_con_list{ gap: 0.5rem}
    /*.attachment_wrap .attachment_con_item{ flex-flow: column; align-items: flex-start}*/
    /* [E] detail */
    /* [S] prev_next_wrap */
    .prev_next_wrap { flex-flow: column; height: auto}
    .prev_next_wrap .half { width: 100%; height: 3.2rem}
    .prev_next_wrap .half.prev:after { width: 100%; height: 1px; right: 0; top: auto; bottom: 0}
    .prev_next_wrap .half .arr_wrap { order: 1; width: 5.6rem; gap: 0.4rem}
    .prev_next_wrap .half .arr_wrap .svg_icon { order: 2}
    .prev_next_wrap .half.prev .arr_wrap .svg_icon { transform: rotate(180deg)}
    .prev_next_wrap .half.next .arr_wrap .svg_icon { transform: rotate(0deg)}
    .prev_next_wrap .half .txt_wrap { order: 2}
    /* [E] prev_next_wrap */
    /* [S] table */
    .table.txt_center tr th,
    .table.txt_center tr td { padding: 0.4rem}
    /* [E] table */
    /* [S] slide */
    .slide_btn_wrap { bottom: 0.4rem}
    .slide_btn_wrap .slide_btn { width: 2.4rem; height: 2.4rem; border-radius: var(--bd-round01)}
    .record_detail_slide .arr { width: 2.4rem}
    .record_detail_slide .arr:after { font-size: 1.6rem;}
    /* [E] slide */
    /* [S] form_box_wrap */
    .info_input_line_wrap .info_input_line { flex-wrap: wrap; gap: 1rem}
    .info_input_line_wrap .info_input_line .notice_txt{ margin-top: -0.5rem;}
    .info_input_line_wrap .info_input { width: 100%; flex: inherit}
    .info_input_line_wrap .info_input.tab_w_50p{ width: calc(50% - 0.5rem)}

    .record_item_line.tit_line{ display: none}
    .record_item_line.con_line{ border-radius: 0.75rem; background: var(--gray5); flex-flow: column; padding: 1.5rem}
    .record_item_line.con_line .wrap{ background: transparent; flex-flow: column; font-size: 0.8rem; gap: 1rem}
    .record_item_line.con_line .record_item_data:after{ display: none}
    .record_item_line.con_line .record_item_data{ padding: 0; width: 100% !important; justify-content: flex-start !important;}
    .record_item_line.con_line .record_item_data:before{ flex-shrink: 0; margin-right: 1rem; padding-right: 1rem; border-right: 1px solid #000; line-height: 100%; color: var(--black)}
    .record_item_data_01_01:before{ content: "기록물명"}
    .record_item_data_01_02:before{ content: "생산부서"}
    .record_item_data_01_03:before{ content: "생산연도"}
    .record_item_data_01_04:before{ content: "건 등록번호"}
    .record_item_data_02_01:before{ content: "기록물명"}
    .record_item_data_02_02:before{ content: "생산기관"}
    .record_item_data_02_03:before{ content: "생산일자"}
    .record_item_data_02_04:before{ content: "기록물유형"}
    .record_item_btn{ margin-left: 0; display: flex; justify-content: center; margin-top: 1rem; width: 100%}
    .record_item_btn .btn{ background: var(--white)}

    .info_c_box{ padding: 1.5rem}
    .info_input_con .form_radio_wrap{ flex-wrap: wrap; gap: 1rem 2rem}
    .info_input_con .form_radio_wrap .form_radio.ty_01 label{ font-size: 0.8rem;}
    .info_input_con .form_radio_wrap .form_radio.full{ flex-wrap: wrap}
    .info_input_con .form_radio_wrap .form_radio.full input[type='text']{ margin-left: 0; margin-top: 0.5rem;}

    .reservation_col{ flex-flow: column}
    .reservation_col .left{ width: 100%}
    .reservation_col .flatpickr-calendar{ padding: 1rem}
    .reservation_col .flatpickr-day{ height: auto}
    .reservation_col .flatpickr-day:before{ content: ""; padding-top: 100%; display: block}
    .reservation_col .flatpickr-day.today:after{ bottom: 13%; font-size: 0.6rem;}
    /* [E] form_box_wrap */
    /* [S] list_search_condition */
    .list_search_condition { flex-wrap: wrap}
    .list_search_condition_tit:after { margin: 0 0.4rem}
    .search_condition_wrap { width: 100%; margin-top: 0.8rem}

    .list_search_condition.ty_02{ flex-wrap: nowrap; margin-bottom: 1rem;}
    .list_search_condition.ty_02 .search_condition_wrap{ margin-top: 0;}
    /* [E] list_search_condition */

    .ic_tit_wrap .txt { margin-left: 0; margin-top: 0.4rem}

    /* [S] to_top */
    .to_top { right: 1rem; bottom: 1rem;}
    /* [E] to_top */

    /* [S] js_placeholder */
    .main_search_input{ padding-left: 1rem;}
    .js_placeholder::placeholder { font-size: 0.75rem;}
    /* [E] js_placeholder */
}
@media ( max-width: 768px ) {
    /* [S] list */
    .list_thumb_ty_02 { grid-template-columns: repeat(1, 1fr)}

    .list_thumb_ty_03 { grid-template-columns: repeat(1, 1fr)}
    .list_thumb_ty_07.ty_interview { grid-template-columns: repeat(2, 1fr) !important;}
    /* [E] list */
    /* [S] list_condition */
    .list_condition.ty_04 { flex-flow: column; align-items: flex-start; gap: 0.8rem}
    .list_condition.ty_04 .left,
    .list_condition.ty_04 .right { width: 100%}
    .list_condition.ty_04 .select_wrap .select_box { flex: 1}
    .list_condition.ty_04 .select_wrap .select_box select { width: 100%}

    .list_condition.ty_05 .btn_line_wrap{ gap: 0.5rem;}
    .list_condition.ty_05 .btn_line { width: 2rem; height: 2rem; border-radius: 0.25rem; border: solid 1px var(--gray40) !important; padding: 0; display: flex; align-items: center; justify-content: center;}
    .list_condition.ty_05 .txt_pc { display: none;}
    .list_condition.ty_05 .svg_icon{ width: 0.8rem; height: 0.8rem;}
    .list_condition.ty_05 .btn_line:hover{ background-color: var(--gray5); color: var(--black);}
    .list_condition.ty_05 .btn_line:hover .svg_icon{ background-color: var(--black)!important;}
    /* [E] list_condition */
}
@media ( max-width: 500px ) {
    /* [S] search */
    .search_group_wrap { flex-flow: column}
    .search_group_wrap .select_box { width: 100%}
    .search_box_wrap.ty_02 .detail_btn { max-width: calc(100% - 9.75rem)}
    .search_box_wrap .select_box_wrap { width: 100%; display: grid; grid-template-columns: repeat(2,1fr)}
    .detail_search_item { flex-flow: column; gap: 0.4rem}

    .search_box_wrap.ty_08 .search_input_box{ width: calc(100% - 4.75rem);}
    .search_box_wrap.ty_08 .search_group_wrap{ align-items: flex-start; position: relative }
    .search_box_wrap.ty_08 .detail_btn{ position: absolute; right: 0; bottom: 0; width: 4.5rem; min-width: 0;}
    /* [E] search */

    /* [S] list_condition */
    .list_condition .left,
    .list_condition .right { width: 100%}
    .list_condition .select_wrap .select_box { flex: 1}
    .list_condition .select_wrap .select_box select { width: 100%}
    .list_condition .btn_line_wrap { justify-content: flex-end; gap: 0.4rem}
    .list_condition .btn_wrap .btn { flex: 1}

    .list_condition.ty_01 { flex-flow: column; align-items: flex-start; gap: 0.8rem}
    .list_condition.ty_02 { flex-flow: column-reverse; align-items: flex-end; gap: 0.8rem;}
    /* [E] list_condition */
}