/* [S] header */
.header_wrap{ width: 100%; background: #fff; z-index: 100; position: relative; border-bottom: 1px solid #E2E5EB; box-shadow: 5px 5px 25px #00000024;}
.header_wrap .header_btm{ display: flex; align-items: center; justify-content: space-between;}
.external_link{ margin-left: var(--spacing-5); color: inherit; width: var(--spacing-14); height: var(--spacing-14); background: url("../img/icon/ic_link.svg") no-repeat center / 100% auto; display: inline-flex}
.external_link i{ display: none}
.external_link.blue{ background-image: url("../img/icon/ic_link_blue.svg")}
.external_link.blue02{ background-image: url("../img/icon/ic_link_blue02.svg")}
.external_link.md{ width: 16px; height: 16px}
.header_wrap .menu-gnb-depth1__item .new_menu{ position: relative}
.header_wrap .menu-gnb-depth1__item .new_menu .ic{ font-size: var(--fz-16); font-weight: 500; color: var(--color-green_01); line-height: 1}
/* [E] header */

/* [S] search_wrap */
.search_wrap{ display: flex; background: var(--color-white); padding: 0 var(--spacing-20); align-items: center; gap: var(--spacing-10)}
.search_wrap .search_input{ width: 100%; height: 100%; font-size: var(--spacing-18);}
.search_wrap .search_btn{ flex-shrink: 0; width: var(--spacing-30); height: 100%; margin-left: var(--spacing-10); background: url("../img/icon/ic_search_green.svg") no-repeat center / 100% auto}
.search_wrap .btn_lang{ width: var(--spacing-50); height: var(--spacing-50); display: inline-flex; flex-shrink: 0}
.search_wrap .btn_lang img{ width: 100%}
.search_wrap.ty02{ box-shadow: 0px 0px var(--spacing-20) #00000022; border-radius: var(--spacing-20); height: var(--spacing-70)}
.search_wrap.ty02 .search_btn{ filter: grayscale(10) brightness(1)}
.search_select_wrap { position: relative; display: inline-block; height: 100%}
.search_select { height: 100%; font-size: var(--fz-16); border: none; color: var(--color-blue_01); font-weight: 500; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: var(--spacing-8) var(--spacing-30) var(--spacing-8) var(--spacing-10); background: var(--color-white); border-radius: var(--spacing-4); }
.search_select_wrap::after { content: ""; position: absolute; top: 50%; right: var(--spacing-10); width: 0; height: 0; border-left: var(--spacing-5) solid transparent; border-right: var(--spacing-5) solid transparent; border-top: var(--spacing-5) solid var(--color-blue_01); transform: translateY(-50%); pointer-events: none; margin-top: -1px; z-index: 2}
.search_select_wrap::before { content: ""; position: absolute; top: var(--spacing-2); right: var(--spacing-2); width: var(--spacing-25); height: calc(100% - var(--spacing-4)); background: var(--color-white)}

.search_result_txt { font-weight: 500;}
.search_result_txt .keyword { color: var(--color-blue_01); font-weight: 700;}
.search_result_txt .count { color: var(--color-green_01); font-weight: 700;}
/* [E] search_wrap */

/* [S] btn */
.btn_more{ width: var(--spacing-50); height: var(--spacing-50); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-gray2b); flex-shrink: 0}
.btn_more .cross { position: relative; width: 1rem; height: 1rem;}
.btn_more .cross::before,
.btn_more .cross::after { content: ''; position: absolute; background-color: white;}
.btn_more .cross::before { top: 0; left: 50%; width: 0.125rem; height: 100%; transform: translateX(-50%);}
.btn_more .cross::after { left: 0; top: 50%; width: 100%; height: 0.125rem; transform: translateY(-50%);}

.btn_more.w{ background: var(--color-white)}
.btn_more.w .cross::before,
.btn_more.w .cross::after { background-color: black;}
/* [E] btn */

/* [S] board */
.board_list{ display: flex; flex-flow: column; gap: var(--spacing-20)}
.board_list .board_item .tit_wrap{ display: flex; align-items: center}
.board_list .board_item .tit_wrap .tit{ border-bottom: 1px solid transparent;}
.board_list .board_item .tit_wrap:hover .tit{ border-bottom: 1px solid var(--color-white);}
.board_list .board_item .date{ color: var(--color-green_02); display: inline-flex; align-items: center; flex-shrink: 0}
.board_list .board_item .date:before{ content: ""; width: 1rem; height: 1rem; background: url("../img/icon/ic_pin.svg") no-repeat center / auto 75%; flex-shrink: 0; margin-right: var(--spacing-5); display: inline-flex}
.board_list .board_item .date:after{ content: ""; width: var(--spacing-6); height: var(--spacing-6); border-radius: 50%; background: rgba(255,255,255,0.3); margin: 0 var(--spacing-15)}
.board_list .board_item .tit{ font-size: var(--fz-17); color: var(--color-white);}
.board_list .board_item .ic{ width: 1rem; height: 1rem; display: inline-flex; flex-shrink: 0; margin-left: var(--spacing-5);}
.board_list .board_item .ic_file{ background: url("../img/icon/ic_file.svg") no-repeat center / 80% auto}
.board_list .board_item .ic_star{ background: url("../img/icon/ic_star.svg") no-repeat center / auto 80%}
.board_list .board_item .ic_new{ background: url("../img/icon/ic_new.svg") no-repeat center / auto 120%}

.bd_detail_tit{ display: flex; align-items: center; padding: var(--spacing-30) 0 var(--spacing-10); gap: var(--spacing-5)}
.bd_detail_tit h3{ padding: 0}
.bd_detail_tit img{ width: var(--spacing-15); height: var(--spacing-15); object-fit: contain;}
.bd_detail_wrap .boardText,
.bd_detail_wrap .fileDn{ border-color: var(--color-gray8);}
.bd_detail_wrap .boardText{ border-bottom: solid 1px var(--color-gray8)}
.bd_detail_wrap .fileDn{ border-top: none}
.fileDn ul li{ display: flex; flex-wrap: wrap}
.fileDn ul li:before{ content: ""; width: 3px; height: 3px; display: block; border-radius: 50%; background: var(--color-gray8); margin-right: var(--spacing-5); flex-shrink: 0; margin-top: 10px}
.fileDn ul li .file_ty{ width: var(--spacing-20); margin-left: var(--spacing-5); flex-shrink: 0}
/* [E] board */

/* [S] controls_wrap */
.controls_wrap{ display: flex; align-items: center; gap: var(--spacing-8)}
.controls_wrap .btn{ width: var(--spacing-25); height: var(--spacing-25); border: 1px solid var(--color-bd01); border-radius: var(--spacing-4); background: #fff}
.controls_wrap .btn button{ width: 100%; height: 100%; display: block}
/* [E] controls_wrap */

/* [S] tab::slide */
.mo_slide_tab{ overflow: hidden}
.mo_slide_tab .swiper-slide{ width: 100%; overflow: hidden; min-width: var(--spacing-150)}
.mo_slide_tab.tab_2 .swiper-slide{ min-width: 50%; }
.mo_slide_tab.tab_3 .swiper-slide{ min-width: 33.3333%}
.mo_slide_tab.tab_4 .swiper-slide{ min-width: 25%}
.mo_slide_tab.tab_5 .swiper-slide{ min-width: 20%}
.mo_slide_tab.tab_6 .swiper-slide{ min-width: 16.6666%}
/* [E] tab::slide */

/* [S] tab */
.tab_menu .tab_item .inn{ line-height: +1.3; word-break: keep-all; text-align: center}
/* [E] tab */

/* [S] tab::ty01 */
.tab_menu.ty01{ display: flex; gap: var(--spacing-10)}
.tab_menu.ty01 .tab_item .inn{ width: 100%; height: var(--spacing-55); border-radius: var(--spacing-30); display: flex; align-items: center; justify-content: center; background: var(--color-grayf4); color: var(--color-grayb2); font-size: var(--fz-18); font-weight: 600;}
.tab_menu.ty01 .tab_item.on .inn{ background: var(--color-blue_01); color: var(--color-white)}
/* [E] tab::ty01 */

/* [S] tab::ty02 */
.tab_menu.ty02 { display: flex}
.tab_menu.ty02 .tab_item{ flex: 1}
.tab_menu.ty02 .tab_item .inn { width: 100%; height: var(--spacing-60); display: inline-flex; align-items: center; justify-content: center; color: var(--color-gray90); font-size: var(--fz-20); font-weight: 500; border: 1px solid var(--color-bd01); border-bottom: 2px solid var(--color-blue_01);}
.tab_menu.ty02 .tab_item.on .inn { color: var(--color-blue_07); font-weight: 600; border: 2px solid var(--color-blue_01); border-bottom: none}
.tab_menu.ty02.blue01 .tab_item.on .inn { color: var(--color-blue_01)}
/* [S] 250605 퍼블 */
.tab_menu.ty02 .tab_item .inn.disabled{ background-color: #ddd !important; color: var(--color-gray6) !important;}
/* [E] 250605 퍼블 */
/* [E] tab::ty02 */

/* [S] tab::ty03 */
.tab_menu.ty03 { display: flex}
.tab_menu.ty03 .tab_item{ flex: 1}
.tab_menu.ty03 .tab_item .inn { width: 100%; height: var(--spacing-70); display: inline-flex; align-items: center; justify-content: center; color: var(--color-gray7_01); font-size: var(--fz-22); font-weight: 600; border-radius: var(--spacing-35); background: var(--color-bd01)}
.tab_menu.ty03 .tab_item.on .inn { color: var(--color-white); background: var(--color-blue_01)}

.popup_body .tab_menu.ty03 .tab_item .inn{ height: var(--spacing-60)}
/* [E] tab::ty03 */

/* [S] 250605 퍼블 */
/* [S] tooltip */
.tooltip_wrap{ position: relative; display: inline-flex; align-items: center; gap: var(--spacing-8); line-height: 1}
.tooltip_wrap .tooltip_txt{ font-size: var(--fz-14); color: var(--color-white)}
/* [S] 250617 퍼블 수정 */
.tooltip_wrap .tooltip_box{ position: absolute; left: 0; top: 0; transform: translate( 0 ,-100%); margin-top: calc(-1 * var(--spacing-10)); background: var(--color-white); border-radius: var(--spacing-10); padding: var( --spacing-15) var( --spacing-15) var( --spacing-15) var( --spacing-25); z-index: 5; display: none; font-size: var(--fz-14); width: var(--spacing-470); box-shadow: 0 0 var(--spacing-10) #00000033; line-height: 1.5;}
.tooltip_wrap .tooltip_box:after{ content: ""; width: 0; height: 0; border-left: var(--spacing-6) solid transparent; border-right: var(--spacing-6) solid transparent; border-top: var(--spacing-8) solid white; position: absolute; left: var(--spacing-70); bottom: calc(-1 * var(--spacing-8)); transform: translateX(-50%); margin-left: calc(-1 * var(--spacing-8))}
/* [E] 250617 퍼블 수정 */
.tooltip_wrap .tooltip_over img{ width: var(--spacing-16); filter: grayscale(10) brightness(300); }
.tooltip_wrap .tooltip_over:focus .tooltip_box,
.tooltip_wrap .tooltip_over:hover .tooltip_box{ display: block}
/* [E] tooltip */
/* [E] 250605 퍼블 */

/* [S] select_tab */
.mo_select_tab_wrap{ margin-bottom: var(--spacing-40); position: relative; z-index: 9}
/* [E] select_tab */

/* [S] tit */
.page_con_tit{ font-size: var(--fz-22); font-weight: 600; margin-bottom: var(--spacing-35); line-height: 1.3}
.page_con_tit.dot_tit{ display: flex; align-items: center; gap: var(--spacing-17)}
.page_con_tit.dot_tit:before{ content: ""; display: inline-flex; width: var(--spacing-9); height: var(--spacing-9); border-radius: 50%; flex-shrink: 0; background: var(--color-black)}
.page_con_txt{ line-height: 1.5}
.page_con_tit.ty02{ font-size: var(--fz-24); margin-bottom: var(--spacing-25); color: var(--color-black)}
.page_con_tit.ty03{ font-size: var(--fz-20); margin-bottom: var(--spacing-5); color: var(--color-gray4)}

/* [E] tit */

/* [S] txt */
.box_txt.ty01{ width: 100%; border-radius: var(--spacing-5); padding: var(--spacing-25); background: var(--color-graye9_01); color: var(--color-gray7); font-size: var(--fz-18); font-weight: 500;}
.page_con_txt{ font-size: var(--fz-18); font-weight: 500;}
.txt_sc_wrap{ height: var(--spacing-150); overflow-y: auto; padding: var(--spacing-10); margin: var(--spacing-10) 0; border-radius: var(--spacing-5); border: 1px solid var(--color-bd04); line-height: 1.5}
/* [E] txt */

/* [S] list */
.list{ width: 100%}
.list .item{ width: 100%}
.list.ty01{ border-top: 2px solid var(--color-blue_09);}
.list.ty01 .item{ border-bottom: 1px solid var(--color-bd04); padding: var(--spacing-30) 0}

.list.ty02 { border-top: 2px solid var(--color-blue_09);}
.list.ty02 .item { border-bottom: 1px solid var(--color-bd04); padding: var(--spacing-25) 0; display: flex; align-items: center}
.list.ty02 .item .num{ flex-shrink: 0; padding: 0 var(--spacing-25); font-size: var(--fz-18); font-weight: 500; }
.list.ty02 .item .btn_wrap{ flex-shrink: 0; padding: 0 var(--spacing-15)}
.list.ty02 .item .table_tit_wrap{ flex: 1; min-width: 0; padding: 0 var(--spacing-15); width: 100%}
.list.ty02 .item .table_tit_wrap .ellipsis{ width: 100%; min-width: 0}
.list.ty02 .item .table_tit_wrap .a_wrap{ width: 100%; min-width: 0; gap: var(--spacing-5); display: flex; align-items: center;}
.list.ty02 .item .table_tit_wrap .a_wrap .ellipsis{ width: auto; max-width: 100%; min-width: 0; color: var(--color-black)}
.list.ty02 .item .table_tit_wrap .a_wrap img{ width: var(--spacing-16); max-height: var(--spacing-17); object-fit: contain; flex-shrink: 0}
.list.ty02 .item .table_tit_wrap .a_wrap span{ flex-shrink: 0} 
/* [E] list */

/* [S] 250625 퍼블 추가 */
/* [S] down_list */
.downlist_trigger_tit { padding-right: var(--spacing-50) !important; position: relative}
.downlist_trigger_wrap{ position: absolute; top: 0; right: 0; z-index: 9}
.downlist_trigger_wrap .downlist_trigger{ padding: 0 var(--spacing-12) !important; position: relative}
.downlist_trigger_wrap .downlist_trigger img{ width: 1rem; height: 1rem}
.downlist_trigger_wrap .downlist_trigger .count{ position: absolute; right: var(--spacing-5); top: 0; transform: translate(50%,-50%); font-size: var(--fz-12); background: var(--color-red_01); color: var(--color-white); display: inline-flex; padding: 0 var(--spacing-8); border-radius: var(--spacing-10)}
.downlist_trigger_wrap .downlist_trigger_toggle{ position: absolute; left: auto; right: 0; top: 0; transform: translate(0, -100%); margin-top: calc(-1 * var(--spacing-10)); background: var(--color-white); border-radius: var(--spacing-10); padding: var(--spacing-15) 0; z-index: 5; display: none; font-size: var(--fz-14); width: var(--spacing-300); border: solid 1px var(--color-bd04); box-shadow: 0 0 var(--spacing-10) #00000011; line-height: 1.5;}
.downlist_trigger_wrap .downlist_trigger_toggle:after { content: ""; width: var(--spacing-10); height: var(--spacing-10); border-left: solid 1px var(--color-bd04); border-bottom: solid 1px var(--color-bd04); transform: rotate(-45deg); position: absolute; right: var(--spacing-16); bottom: calc(-1 * var(--spacing-6)); background: var(--color-white)}
.downlist_trigger_wrap .downlist_trigger_toggle .list{ display: flex; flex-flow: column; gap: var(--spacing-5); padding: 0 var(--spacing-15); max-height: var(--spacing-100); overflow-y: auto}
.downlist_trigger_wrap .downlist_trigger_toggle .list .item{ width: 100%}
.downlist_trigger_wrap .downlist_trigger_toggle .list .item .inn{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.downlist_trigger_wrap .downlist_trigger_toggle .list .item .wrap{ width: 100%; min-width: 0; color: var(--color-gray4); padding-bottom: var(--spacing-2); border-bottom: solid 1px white}
.downlist_trigger_wrap .downlist_trigger_toggle .list .item .ellipsis{ overflow: hidden !important; white-space: nowrap !important; margin-top: 0 !important; font-size: var(--fz-14)}
.downlist_trigger_wrap .downlist_trigger_toggle .list .item .inn:focus .wrap,
.downlist_trigger_wrap .downlist_trigger_toggle .list .item .inn:hover .wrap { border-bottom: solid 1px var(--color-gray4)}
.downlist_trigger_wrap .downlist_trigger_toggle .list .item .down_btn{ flex-shrink: 0; width: var(--spacing-14); height: var(--spacing-14); background: url("./ic_down_blue.svg") no-repeat center center / 100% auto; margin-left: var(--spacing-5); position: relative; top: calc(-1 * var(--spacing-2))}
/*../img/icon/ic_close.svg 경로변경 필요*/
.downlist_trigger_wrap .downlist_tit { margin-bottom: var(--spacing-15); font-size: var(--fz-16); font-weight: 700; display: flex; padding: 0 var(--spacing-35) 0 var(--spacing-15);}
.downlist_trigger_wrap .trigger_close { width: var(--spacing-16); height: var(--spacing-16); background: url("../img/icon/ic_close.svg") no-repeat center center / 60% auto; position: absolute; right: var(--spacing-15); top: var(--spacing-15)}
/*../img/icon/ic_down_blue.svg 경로변경 필요*/
/* [E] down_list */
/* [E] 250625 퍼블 추가 */

/* [S] data_row_list */
.data_row_list{ width: 100%; border-top: 2px solid #000; border-bottom: 1px solid var(--color-gray9);}
.data_row_list .data_row_item{ display: flex; min-height: var(--spacing-70); font-size: var(--fz-18); font-weight: 500; border-bottom: 1px solid var(--color-bd04)}
.data_row_list .data_row_item:last-child{ border-bottom: none;}
.data_row_list .data_row_item .half{ display: flex; min-height: var(--spacing-70)}
.data_row_list .data_row_item .item_tit{ width: var(--spacing-240); background: var(--color-grayf8); display: flex; align-items: center; flex-shrink: 0; justify-content: center; text-align: center; padding: 0 var(--spacing-25); color: var(--color-gray3)}
/* [S] 250528 퍼블 수정 :: .data_row_list .data_row_item .item_con padding 값 변경 및 항목 추가*/
.data_row_list .data_row_item .item_con{ width: 100%; padding: var(--spacing-10) var(--spacing-25); display: flex; align-items: center; justify-content: flex-start}
.captcha_sz.captchaItem{ display: flex; gap: var(--spacing-5)}
.captcha_sz.captchaItem img { height: var(--spacing-50);}
.captcha_sz .captchaItem_btnWrap .icon { width: var(--spacing-50); height: var(--spacing-50); font-size: var(--fz-22) !important;}
/* [E] 250528 퍼블 수정 :: padding 값 변경*/
/* [E] data_row_list */

/* [S] table */
.table_sc_wrap{ width: 100%; overflow-x: auto}
.table_sc_wrap::-webkit-scrollbar { height: 4px;}
.table_sc_wrap table{ min-width: var(--spacing-800)}

.table_layout{ width: 100%}
.table_layout.ty01 thead tr th { padding: var(--spacing-20) var(--spacing-30); vertical-align: middle; background: var(--color-grayf8); border-bottom: 2px solid var(--color-blue_09); font-size: var(--fz-18); line-height: 1}
.table_layout.ty01 tbody tr td{ padding: var(--spacing-30); vertical-align: middle}
.table_layout.ty01 tbody tr{ border-bottom: 1px solid var(--color-bd04);}
.table_layout.ty01 .radio_box_wrap,
.table_layout.ty01 .check_box_wrap{ justify-content: center}

.layer_popup .table_layout.ty01 thead tr th { padding: var(--spacing-20)}
.layer_popup .table_layout.ty01 tbody tr td { padding: var(--spacing-20)}

.table_layout.ty02 thead tr th { padding: var(--spacing-20) var(--spacing-10); vertical-align: middle; background: var(--color-grayf8); border-bottom: 2px solid var(--color-blue_09); font-size: var(--fz-18); line-height: 1}
.table_layout.ty02 tbody tr td { padding: var(--spacing-20) var(--spacing-10); vertical-align: middle}
.table_layout.ty02 tbody tr { border-bottom: 1px solid var(--color-bd04);}
.table_layout.ty02 .radio_box_wrap,
.table_layout.ty02 .check_box_wrap { justify-content: center}

.table_tit_wrap a.tit:hover,
.table_tit_wrap a.ellipsis:hover{ text-decoration: underline; text-underline-position: under}
.table_tit_wrap .txt_wrap{ line-height: 1.5}
.table_tit_wrap.ty01{ display: flex; justify-content: space-between}
.table_tit_wrap.ty01 .table_tit_wrap { width: 100%;}
.table_tit_wrap.ty01 .tit_wrap { width: 100%;}
.table_tit_wrap.ty01 .tit_inn_wrap { width: 100%;}
.table_tit_wrap.ty01 .tit{ font-weight: 700; font-size: var(--fz-20); margin-bottom: var(--spacing-20);}
.table_tit_wrap.ty01 .btn_wrap{ flex-shrink: 0}
.table_tit_wrap.ty01 .tit_inn_wrap .tit{ display: flex; gap: var(--spacing-10); align-items: center; margin-bottom: var(--spacing-15)}
.table_tit_wrap.ty01 .tit_inn_wrap .tit a{ font-size: var(--fz-20); line-height: 1.5}

.table_layout.ty02 thead tr th { padding: var(--spacing-20) var(--spacing-10); vertical-align: middle; background: var(--color-grayf8); border-bottom: 2px solid var(--color-blue_09); font-size: var(--fz-18); line-height: 1}
.table_layout.ty02 tbody tr td { padding: var(--spacing-20) var(--spacing-10); vertical-align: middle}
.table_layout.ty02 tbody tr { border-bottom: 1px solid var(--color-bd04);}
.table_layout.ty02 .radio_box_wrap,
.table_layout.ty02 .check_box_wrap { justify-content: center}

.layer_popup .table_tit_wrap.ty01 .tit { margin-bottom: var(--spacing-10)}


.table_layout.ty03 thead tr th { padding: var(--spacing-20) var(--spacing-10); vertical-align: middle; background: var(--color-grayf8); border-bottom: 2px solid var(--color-blue_09); font-size: var(--fz-18); line-height: 1}
.table_layout.ty03 tbody tr td { padding: var(--spacing-20) var(--spacing-10); vertical-align: middle}
.table_layout.ty03 tbody tr { border-bottom: 1px solid var(--color-bd04);}
.table_layout.ty03 select{ height: var(--spacing-40); width: 100%; padding-left: var(--spacing-10)}
.table_layout.ty03 .radio_box_wrap,
.table_layout.ty03 .check_box_wrap { justify-content: center}

.toggle_box{ display: flex; gap: var(--spacing-10); align-items: flex-start}
.toggle_box .toggle_box_tit{ flex-shrink: 0; font-size: var(--fz-18);}
.toggle_box .toggle_box_txt{ font-weight: 500; color: var(--color-gray3); font-size: var(--fz-18); width: 100%}
.toggle_box .toggle_box_btn{ font-size: var(--fz-16); color: var(--color-gray3); flex-shrink: 0; display: flex; align-items: center; gap: var(--spacing-5); margin-left: var(--spacing-5)}
.toggle_box .toggle_box_btn:after{ content: ""; width: 0; height: 0; border-left: var(--spacing-6) solid transparent; border-right: var(--spacing-6) solid transparent; border-bottom: none; border-top: var(--spacing-8) solid #000; display: block; flex-shrink: 0}
.toggle_box .toggle_box_btn.open:after{ border-left: var(--spacing-6) solid transparent; border-right: var(--spacing-6) solid transparent; border-top: none; border-bottom: var(--spacing-8) solid #000;}
.toggle_box .toggle_box_btn:focus,
.toggle_box .toggle_box_btn:hover{ text-decoration: underline; text-underline-position: under}
/* [E] table */

/* [S] info_box */
.info_box_wrap.ty01{ width: 100%; padding: var(--spacing-25) var(--spacing-40); border-radius: var(--spacing-20); box-shadow: 0px 0px var(--spacing-20) #0000001A; background: var(--color-white); display: flex; align-items: center; flex-wrap: wrap; gap: var(--spacing-15)}
.info_box_wrap.ty01 .info_box_tag{ flex-shrink: 0}
.info_box_wrap.ty01 .info_box_txt{ font-size: var(--fz-18); font-weight: 700; line-height: 1.5}
/* [E] info_box */

/* [S] info_wrap */
.info_wrap.ty01{ display: flex; flex-wrap: wrap; gap: var(--spacing-10) var(--spacing-20)}
.info_wrap.ty01 .info{ display: flex; gap: var(--spacing-5)}
.info_wrap.ty01 .info.gap_10{ gap: var(--spacing-5) var(--spacing-10)}
.info_wrap.ty01 .info .info_tit{ flex-shrink: 0; font-size: var(--fz-18)}
.info_wrap.ty01 .info .info_txt{ font-weight: 500; color: var(--color-gray3); font-size: var(--fz-18); }
/* [E] info_wrap */

/* [S] tag */
.info_box_tag{ height: var(--spacing-35); border-radius: var(--spacing-20); display: inline-flex; align-items: center; gap: var(--spacing-6); padding: 0  var(--spacing-20)}
.info_box_tag.info{ border: 1px solid var(--color-green_01); background: var(--color-green_01_01);}
.info_box_tag.info .tag_txt{ color: var(--color-green_01); font-size: var(--fz-16); font-weight: 600;}
.info_tag{ width: var(--spacing-15); height: var(--spacing-15); background: url("../img/icon/ic_info_tag.svg") no-repeat center / 100% auto; display: inline-block}
/* [E] tag */


/* [S] footer */
footer{ width: 100%; clear: both; background: var(--color-grayf5)}
footer .inner{ display: flex; padding-top: var(--spacing-35); padding-bottom: var(--spacing-50);}
footer .inner .footer_logo{ flex-shrink: 0; margin-right: var(--spacing-80);}
footer .inner .footer_con{ width: 100%}
footer .inner .footer_con .footer_top{ width: 100%; padding: var(--spacing-30) 0; border-bottom: 1px solid var(--color-bd02);}
footer .inner .footer_con .footer_btm{ width: 100%; padding: var(--spacing-30) 0 0; display: flex; flex-flow: column}
footer .inner .footer_con .footer_btm .txt{ width: 100%; display: flex; gap: var(--spacing-35); margin-bottom: var(--spacing-8); font-weight: 500; color: var(--color-gray2_01);}
footer .inner .footer_con .footer_btm .copy{ width: 100%; margin-top: var(--spacing-15); color: var(--color-gray7_01); font-size: var(--fz-15);}
.footer_link_list{ width: 100%; display: flex; align-items: center; gap: 10px 0}
.footer_link_item{ display: inline-flex; align-items: center}
.footer_link_item:after{ content: ""; width: var(--spacing-4); height: var(--spacing-4); border-radius: 50%; display: inline-flex; background: var(--color-grayc1); margin: 0 var(--spacing-15)}
.footer_link_item:last-child:after{ display: none}
.footer_link_item .inn{ font-weight: 600; color: var(--color-gray2_01);}
.footer_link_item .inn:hover{ color: var(--color-green_01)}
footer .inner .footer_util{ flex-shrink: 0; margin-left: var(--spacing-90); display: flex; flex-flow: column; justify-content: space-between}
.footer_site_wrap{ position: relative}
.footer_site_wrap .trigger{ width: var(--spacing-180); height: var(--spacing-50); border-radius: var(--spacing-10); border: 1px solid var(--color-bd01); background: var(--color-white); display: flex; align-items: center; justify-content: space-between; font-weight: 500; color: var(--color-gray2_01); padding: 0 var(--spacing-15)}
.footer_site_wrap .trigger:after{ content: ""; width: var(--spacing-10); height: var(--spacing-6); background: url("../img/icon/arr_down01.svg") no-repeat center / 100% 100%}
.footer_site_wrap.open .trigger:after{ transform: rotate(-180deg)}
.footer_site_wrap .trigger_toggle{ width: 100%; background: var(--color-white); border-radius: var(--spacing-10); border: 1px solid var(--color-bd01); position: absolute; left: 0; bottom: 100%; margin-bottom: var(--spacing-5); z-index: 5}
.footer_site_wrap .footer_site_list{ width: 100%; height: auto; padding: var(--spacing-10) 0}
.footer_site_wrap .footer_site_item{ width: 100%; height: auto; padding: var(--spacing-5) var(--spacing-15)}
.footer_sns_list{ display: flex; align-items: center; gap: var(--spacing-20)}
.footer_sns_item .inn{ opacity: 0.2}
.footer_sns_item .inn:hover{ opacity: 1}
.footer_wac { display: flex; justify-content: flex-end;}
.footer_wac a { display: inline-block; width: var(--spacing-85); height: var(--spacing-60); background: url(../img/layout/WACMark.png) no-repeat center center; background-size: contain;}
/* [E] footer */

/* [S] popup */
.dim{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 101; display: none; padding: var(--spacing-30)}
.layer_popup{ max-width: calc(100% - var(--spacing-60)); max-height: 100%; width: var(--spacing-1200); position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 0 var(--spacing-20) var(--spacing-20) var(--spacing-20); overflow: hidden; background: var(--color-white)}
.layer_popup .popup_header{ width: 100%; height: var(--spacing-80); padding: 0 var(--spacing-25) 0 var(--spacing-70); border-radius: 0 var(--spacing-20) 0 var(--spacing-140); color: var(--color-white); background: var(--color-blue_01); font-size: var(--fz-28); font-weight: 600; display: flex; align-items: center; position: relative; z-index: 2; box-shadow: 0px 0px var(--spacing-30) #00000033;}
.layer_popup .ic_close{ width: var(--spacing-25); height: var(--spacing-80); background: url("../img/icon/ic_close.svg") no-repeat center / 100% auto; filter: brightness(300); position: absolute; right: var(--spacing-25); top: 0; z-index: 3}
.layer_popup .ic_close:before{ display: none}
.layer_popup .popup_footer{ width: 100%; padding: 0 0 var(--spacing-45)}
.layer_popup .popup_footer .btn{ min-width: var(--spacing-180)}
.layer_popup .popup_footer.btn_wide .btn{ min-width: var(--spacing-220)}
/* [S] 250528 퍼블 추가 */
.layer_popup .select_box select{ background: none !important;}
/* [E] 250528 퍼블 추가 */

.popup_body{ width: 100%; margin-top: calc(-1 * var(--spacing-80)); padding-top: var(--spacing-80)}
.popup_body_inn{ width: 100%; max-height: calc(100vh - var(--spacing-250)); padding: var(--spacing-30); overflow-y: auto}
.popup_body_inn.pop_pd_ty01{ padding: var(--spacing-40) var(--spacing-70)}
.popup_body_inn.ty02 { padding: var(--spacing-30) var(--spacing-70) var(--spacing-40);}

.layer_popup.s { max-width: var(--spacing-850)}
/* [E] popup */

/* [S] 도움말 */
.help_pop_wrap{ display: flex; margin-top: calc(-1 * var(--spacing-80) - 1px)}
.help_pop_wrap .left{ width: var(--spacing-280); background: var(--color-blue_03); padding: var(--spacing-80) 0 0; flex-shrink: 0; border-right: 1px solid var(--color-blue_03);}
.help_pop_wrap .left .accordion_wrap{ width: 100%; max-height: 80vh; overflow-y: auto; padding: var(--spacing-40) 0}
.help_pop_wrap .right{ width: 100%; background: var(--color-white); padding: var(--spacing-80) var(--spacing-30) 0; display: flex; flex-flow: column; justify-content: space-between}
.help_pop_wrap .right .btn_wrap{ padding: var(--spacing-20) 0; border-bottom: 1px solid var(--color-blue_05); flex-shrink: 0}
.help_pop_wrap .right .popup_footer{ width: 100%; flex-shrink: 0; padding: 0}
.help_pop_wrap .right .popup_footer .btn_wrap{ border-bottom: none; border-top: 1px solid var(--color-blue_05)}
.help_con_wrap{ max-height: calc(80vh - var(--spacing-180)); min-height: 40vh; overflow-y: auto}
.help_con_wrap .help_con{ display: none; padding: var(--spacing-20) 0; line-height: 1.5}
.help_con_wrap .help_con.on{ display: flex; flex-flow: column; gap: var(--spacing-15)}
.help_con_wrap .help_con *{ line-height: 1.5}
.help_con_wrap .help_con .help_con_tit02{ margin-top: var(--spacing-10)}
.help_con_wrap .help_con * + .help_con_tit,
.help_con_wrap .help_con * + .help_con_tit02{ margin-top: var(--spacing-15)}
/* [E] 도움말 */

/* [S] accordion */
.accordion_item > .accordion_list{ display: none}
.accordion_item.open > .accordion_list{ display: block;}
.accordion_wrap > .accordion_item.open > .accordion_list{ background: rgba(255,255,255,0.3); padding: var(--spacing-10) 0}
.accordion_item .acco_depth1{ width: 100%; height: var(--spacing-50); display: flex; align-items: center; justify-content: space-between; padding: 0 var(--spacing-20); font-size: var(--fz-20); font-weight: 500; color: var(--color-gray7_01);}
.accordion_item .acco_depth1:after{ content: ""; width: 0; height: 0; border-left: var(--spacing-7) solid transparent; border-right: var(--spacing-7) solid transparent; border-top: var(--spacing-7) solid var(--color-gray7_01); /* 원하는 색상으로 변경 */}
.accordion_item .acco_depth1.accordion_hidden:after{ display: none}
.accordion_item.open > .accordion_tit > .acco_depth1{ background: var(--color-blue_01); color: var(--color-white); font-weight: 700;}
.accordion_item.open > .accordion_tit >.acco_depth1:after{ border-top-color: var(--color-white)}
.accordion_item > .accordion_tit >.acco_depth2{ width: 100%; height: var(--spacing-45); display: flex; align-items: center; padding: 0 var(--spacing-20); font-size: var(--fz-18); font-weight: 500; color: var(--color-gray7_01);}
.accordion_item.open > .accordion_tit > .acco_depth2{ color: var(--color-blue_01); font-weight: 700;}
.accordion_item > .accordion_tit >.acco_depth3{ width: 100%; height: var(--spacing-40); display: flex; align-items: center; padding: 0 var(--spacing-20); font-size: var(--fz-18); font-weight: 500; color: var(--color-gray6);}
.accordion_item > .accordion_tit > .acco_depth3:before{ content: ""; width: 2px; height: 0.85em; background: var(--color-gray6); display: inline-flex; flex-shrink: 0; margin-right: var(--spacing-10);}
.accordion_item.open > .accordion_tit > .acco_depth3{ color: var(--color-gray3); font-weight: 700;}
.accordion_item.open > .accordion_tit > .acco_depth3:before{ background: var(--color-gray3)}
.accordion_item > .accordion_tit > .acco_depth4{ width: 100%; height: var(--spacing-30); display: flex; align-items: center; padding: 0 var(--spacing-20) 0 var(--spacing-60); font-size: var(--fz-16); font-weight: 500; color: var(--color-gray6);}
.accordion_item.open > .accordion_tit > .acco_depth4{ color: var(--color-gray3); font-weight: 700;}
/* [E] accordion */

/* [S] sub page */
.subSection{ padding: 0 !important;}
.sub_contents_wrap{ padding: var(--spacing-50) 0 var(--spacing-150)}
.sub_tit_wrap{ margin-bottom: var(--spacing-30);}
.sub_tit_wrap .inner{ display: flex; align-items: center; justify-content: space-between}
.sub_tit{ font-size: var(--fz-34); font-weight: 900; color: var(--color-black)}

.breadcrumb_list{ display: flex; align-items: center}
.breadcrumb_list .breadcrumb_item{ display: flex; align-items: center; color: var(--color-gray7_01); font-weight: 500; font-size: var(--fz-16);}
.breadcrumb_list .breadcrumb_item:after{ content: ">"; margin: 0 var(--spacing-10)}
.breadcrumb_list .breadcrumb_item:last-child:after{ display: none}
.breadcrumb_list .breadcrumb_item.current{ color: var(--color-gray3)}
.breadcrumb_list .breadcrumb_item.home:before{ content: ""; width: 0.875rem; height: 0.875rem; background: url("../img/icon/ic_home.svg") no-repeat center / 100% auto; margin-right: var(--spacing-5)}
/* [E] sub page */

/* [S] 페이지 정보 */
.page_info_wrap{ width: 100%; padding: var(--spacing-30); border-radius: var(--spacing-20); background: #EFF7FF; border: 1px solid var(--color-blue_01); margin-bottom: var(--spacing-40);}
.page_info_tit{ font-size: var(--fz-24); font-weight: 900; color: var(--color-blue_01); margin-bottom: var(--spacing-30); line-height: +1.3}
.page_info_sub_tit{ font-size: var(--fz-22); font-weight: 900; color: var(--color-blue_01); margin-bottom: var(--spacing-15); margin-top: var(--spacing-40); line-height: +1.3; display: flex; align-items: center; gap: var(--spacing-15)}
.page_info_sub_tit img{ flex-shrink: 0}
.page_info_sub_tit .dot{ flex-shrink: 0; width: var(--spacing-8); height: var(--spacing-8); border-radius: 50%; background: var(--color-blue_01); display: inline-flex}
.page_info_sub_tit.red{ color: var(--color-red_01)}
.page_info_sub_tit.red .dot{ background: var(--color-red_01)}
.page_info_sub_tit.black { color: var(--color-black)}
.page_info_sub_tit.black .dot { background: var(--color-black)}
.page_info_txt_wrap{ position: relative}
.page_info_txt{ font-size: var(--fz-18); font-weight: 500; line-height: 1.5; text-align: left}
.btn_info_toggle{ position: absolute; right: 0; top: 0; transform: translateY(-100%); margin-top: calc(-1 * var(--spacing-30)); width: var(--spacing-100); height: var(--spacing-40); border-radius: var(--spacing-5); border: 1px solid var(--color-blue_01); font-size: var(--fz-16); font-weight: 500; color: var(--color-blue_01); gap: var(--spacing-10); display: none}
.page_info_txt_wrap.foldable .btn_info_toggle { display: inline-flex;}
.page_info_txt_wrap .btn_info_toggle:after{ content: ""; width: var(--spacing-8); height: var(--spacing-5); background: url("../img/icon/arr_down02.svg") no-repeat center / 100% auto; display: flex; transform: rotate(-180deg)}
.page_info_txt_wrap.folded .btn_info_toggle:after { transform: rotate(0)}
.page_info_txt_wrap.folded .page_info_txt{ max-height: 3em; overflow: hidden}
/* [E] 페이지 정보 */

/* [S] 검색결과 건수 */
.search_result_count{ font-size: var(--fz-24); font-weight: 500;}
/* [E] 검색결과 건수 */

/* [S] 리스트 검색 영역 */
.search_wrap.list_search{ width: 100%; max-width: var(--spacing-370); height: var(--spacing-60); border: 1px solid var(--color-blue_01); border-radius: var(--spacing-10); padding: 0; overflow: hidden; gap: 0}
.search_wrap.list_search .search_select_wrap select{ padding-left: var(--spacing-20); width: var(--spacing-90); font-weight: bold; border-radius: var(--spacing-10) 0 0 var(--spacing-10); background: none !important;}
.search_wrap.list_search .search_select_wrap select:focus{ outline-offset: -1px}
.search_wrap.list_search .search_select_wrap::after { width: var(--spacing-10); height: calc(100% - 4px); background: #fff url("../img/icon/arr_down02.svg") no-repeat center / var(--spacing-8) auto; right: var(--spacing-10); margin-top: 0; border: none!important;}
.search_wrap.list_search .search_select_wrap::before { display: none}

.search_wrap.list_search .search_input{ font-size: var(--fz-16); padding-left: var(--spacing-15)}
.search_wrap.list_search .search_btn{ width: var(--spacing-25); margin-right: var(--spacing-20); background: url("../img/icon/ic_search_blue.svg") no-repeat center / 90% auto}
/* [E] 리스트 검색 영역 */

/* [S] popular_keyword_wrap */
.popular_keyword_wrap{ display: flex; align-items: center; position: relative}
.popular_keyword_wrap .popular_keywords_tit{ flex-shrink: 0; margin-right: var(--spacing-30); font-size: var(--fz-16); color: var(--color-white); font-weight: 700;}
.popular_keywords_box{ width: var(--spacing-200); max-width: 100%; display: flex; align-items: center; justify-content: space-between; padding: var(--spacing-5) var(--spacing-10); border-bottom: 1px solid rgba(255,255,255,0.3); position: relative}
.popular_keywords_box .current_keyword{ color: var(--color-white); font-size: var(--fz-16); font-weight: 500;}
.all_keywords_wrap{ position: absolute; right: 0; top: 100%; margin-top: var(--spacing-10); z-index: 2; width: 100%; background: var(--color-bg02); border-radius: var(--spacing-10); padding: var(--spacing-20); border: 1px solid var(--color-bd03)}
.all_keywords_wrap.hide{ display: none}
.all_keywords_wrap .popular_keywords_tit{ margin-bottom: var(--spacing-5)}
.all_keywords_wrap .all_keywords{ display: flex; flex-flow: column; gap: 15px; margin-top: 15px}
.all_keywords_wrap .all_keywords .item{ color: var(--color-white); font-size: var(--fz-14); margin: 0}
/* [S] 250617 퍼블 수정 */
.all_keywords_wrap + .toggle_button{ width: 100%; height: 100%; min-height: var(--spacing-25); position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: flex-end; cursor: pointer}
/* [E] 250617 퍼블 수정 */
.all_keywords_wrap + .toggle_button:before{ content: ""; width: 0; height: 0; border-left: var(--spacing-5) solid transparent; border-right: var(--spacing-5) solid transparent; border-bottom: var(--spacing-5) solid white; display: inline-flex}
.all_keywords_wrap.hide + .toggle_button:before{ transform: rotate(-180deg)}
/* [E] popular_keyword_wrap */

/* [S] total_search */
.total_search_box{ width: 100%; border-radius: 0 var(--spacing-40) var(--spacing-40) var(--spacing-100); background: var(--color-blue_01); padding: var(--spacing-25) var(--spacing-90) var(--spacing-40)}
.total_search_btn{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--spacing-30)}
.total_search_inn_wrap{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; gap: var(--spacing-25); position: relative;}
.total_search_inn_wrap .search_wrap{ width: 100%; height: var(--spacing-70); border-radius: var(--spacing-20)}
.total_search_inn_wrap .detail_search{ width: var(--spacing-150); height: var(--spacing-70); display: flex; align-items: center; justify-content: space-between; border-radius: var(--spacing-20); padding: 0 var(--spacing-20); font-size: var(--fz-18); font-weight: 500; }
.total_search_inn_wrap .search_select{ width: var(--spacing-150); flex-shrink: 0}
.total_search_word { width: 100%; display: flex; align-items: flex-start; gap: var(--spacing-30); margin-top: var(--spacing-30); margin-bottom: calc(-1 * var(--spacing-15))}
.total_search_word .popular_keyword_wrap{ flex-shrink: 0}
.total_search_word .related_keyword_wrap{ display: flex}
.total_search_word .related_keyword_tit{ flex-shrink: 0; font-size: var(--fz-16); color: var(--color-white); font-weight: 700; height: var(--spacing-30); display: inline-flex; align-items: center; margin-right: var(--spacing-14)}
.total_search_word .related_keyword_list{ flex-wrap: wrap; display: flex; gap: var(--spacing-6)}
.total_search_word .related_keyword_list .swiper-wrapper{ gap: var(--spacing-6); flex-wrap: wrap}
.total_search_word .related_keyword_item{ height: var(--spacing-30); border-radius: var(--spacing-15); background: var(--color-blue_06); color: var(--color-blue_01); font-size: var(--fz-14); font-weight: 500; padding: 0 var(--spacing-15); display: inline-flex; align-items: center; min-width: auto; width: auto; flex: none !important;}
.total_search_wrap .search_result_txt{ font-size: var(--fz-24); margin: var(--spacing-45) 0 var(--spacing-35)}
.total_search_wrap .search_result_tab{ margin-bottom: var(--spacing-20)}
.total_search_wrap .search_tab{ margin: var(--spacing-50) 0 var(--spacing-40)}

.recent_total_wrap{ position: relative;}
.recent_total_wrap .jsOnWrap header{ height: auto}
.recent_total_wrap .btn:focus,
.recent_total_wrap .btn:hover{ background-color: transparent;}

/* [S] 자동등록방지 */
.captcha_area{ display: flex; align-items: center; gap: var(--spacing-15) var(--spacing-25)}
.captcha_box{ display: flex; align-items: center; gap: var(--spacing-10)}
.captcha_box img{ margin-right: var(--spacing-10)}
.captcha_box .btn{ border-radius: var(--spacing-5); border: 1px solid var(--color-blue_01); width: var(--spacing-45); height: var(--spacing-45); flex-shrink: 0}
.captcha_box .btn_reload{ background: url("../img/icon/ic_reload.svg") no-repeat center / 33% auto}
.captcha_box .btn_audio{ background: url("../img/icon/ic_audio.svg") no-repeat center / 35% auto}
/* [E] 자동등록방지 */

/* [S] 스위치 버튼 */
.switch_btn_wrap{ display: flex; align-items: center; gap: var(--spacing-15)}
.switch_btn_wrap .txt{ color: var(--color-white); font-size: var(--fz-16); font-weight: 500;}
.switch_btn { display: flex; align-items: center; justify-content: center; width: var(--spacing-60); height: var(--spacing-25); background: var(--color-white); border: none; border-radius: var(--spacing-15); padding: 0 var(--spacing-5); cursor: pointer; gap: var(--spacing-4);}
.switch_text { width: var(--spacing-24); text-align: center; color: var(--color-blue_01); font-size: var(--fz-12); white-space: nowrap; display: none; }
.switch_circle { flex-shrink: 0; width: var(--spacing-17); height: var(--spacing-17); background: var(--color-blue_01); border-radius: 50%; order: 2;}
.switch_btn .switch_text.off { display: inline-block; }
.switch_btn.on .switch_text.off { display: none; }
.switch_btn.on{ background: var(--color-green_01)}
.switch_btn.on .switch_text.on { display: inline-block; color: var(--color-white)}
.switch_btn.on .switch_circle { order: 0; background: var(--color-white)}

.lang_switch_menu{ display: inline-flex; align-items: center}
.lang_switch_menu .lang_switch_item { display: inline-flex; align-items: center}
.lang_switch_menu .lang_switch_item:before{ content: ""; width: 1px; height: 1em; background: var(--color-white); margin: 0 var(--spacing-8); display: block;}
.lang_switch_menu .lang_switch_item:first-child:before{ display: none}
/* [S] 250528 퍼블 수정 :: opacity 수정 */
.lang_switch_menu .lang_switch_item .inn{ display: inline-flex; align-items: center; color: var(--color-white); opacity: 0.5; gap: var(--spacing-5)}
/* [E] 250528 퍼블 수정 :: opacity 수정 */
.lang_switch_menu .lang_switch_item.on .inn{ opacity: 1; text-decoration: underline; text-underline-position: under}
.lang_switch_menu .lang_switch_item .inn img{ flex-shrink: 0; width: var(--spacing-20)}

/* [S] 250528 퍼블 추가 */
.lang_switch_menu.black .lang_switch_item:before { background: var(--color-black)}
/* [E] 250528 퍼블 추가 */

/* [E] 스위치 버튼 */
.search_result_list_wrap_total{ display: flex; width: 100%; flex-flow: column; gap: var(--spacing-80) 0; margin-top: var(--spacing-60)}
.search_result_list_wrap{ position: relative;}
.search_result_list_wrap .more_list{ position: absolute; right: 0; top: var(--spacing-30); transform: translateY(-50%)}
.list_wrap_tit_wrap{ display: flex; width: 100%; height: var(--spacing-60); align-items: flex-end; padding: var(--spacing-10) 0}
.list_wrap_tit_wrap .list_wrap_tit{ font-weight: 700; font-size: var(--fz-26)}
.list_wrap_tit_wrap .count{ font-weight: 400; font-size: var(--fz-16); color: var(--color-gray5); margin-left: var(--spacing-8)}
.search_keyword{ background: var(--color-blue_10_01); color: var(--color-blue_10); font-weight: 700; display: inline-block;}
.search_result_list_wrap .search_result_list,
.mt_30 > .search_result_list{ margin-top: 0} 
.search_result_list { width: 100%; min-width: 0; margin-top: var(--spacing-20); border-top: 2px solid var(--color-bd03)}
.search_result_list .search_result_item{ width: 100%; padding: var(--spacing-30) 0; border-bottom: 1px solid var(--color-bd04);}
.search_result_list .search_result_item .tit_wrap{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--spacing-25)}
/* [S] 250612 퍼블 수정 :: min-width: 0; 추가 */
.search_result_list .search_result_item .tit_wrap .tit { width: 100%; font-weight: 700; font-size: var(--fz-20); display: flex; align-items: center; min-width: 0}
/* [E] 250612 퍼블 수정 :: min-width: 0; 추가 */
.search_result_list .search_result_item .tit_wrap .ctg{ font-weight: 700; flex-shrink: 0; margin-right: var(--spacing-20);}
.search_result_list .search_result_item .tit_wrap .btn_wrap{ flex-shrink: 0}
.search_result_list .search_result_item .txt_wrap,
.search_result_list .search_result_item .txt_wrap p{ font-size: var(--fz-18); font-weight: 500; color: var(--color-gray6); line-height: 1.5 !important;}
.search_result_list .search_result_item .btn_plus{ font-size: var(--fz-16); font-weight: 600; color: var(--color-blue_01); text-decoration: underline; text-underline-position: under; margin: 0 var(--spacing-5);}
.search_result_list .search_result_item .btn_detail_page{ font-size: var(--fz-16); font-weight: 600; color: var(--color-green_01); text-decoration: underline; text-underline-position: under; margin-left: var(--spacing-5);}
.search_result_list .search_result_item .tit_wrap b,
.search_result_list .search_result_item .txt_wrap b{ background: var(--color-blue_10_01); color: var(--color-blue_10); font-weight: 700; display: inline-block;}

.search_condition_select{ display: flex; align-items: center; gap: var(--spacing-15)}
.search_condition_select .select_box{ max-width: var(--spacing-145); width: 100%; flex-shrink: 0; border: 1px solid var(--color-bd04); border-radius: var(--spacing-3); display: flex; align-items: center}
.search_condition_select .select_box:after{ display: none}
.search_condition_select .select_box select{ width: 100%; height: var(--spacing-40); display: block; border: none; padding: 0 var(--spacing-15); font-weight: 500; color: var(--color-gray3); padding-left: 10px}
.search_condition_select .select_box select.min{ width: 100%}
.search_condition_select .select_box .txt{ flex-shrink: 0; color: var(--color-gray8); margin: 0 var(--spacing-10) 0 var(--spacing-5); font-size: var(--fz-14);}

.list_btn_wrap{ margin-top: var(--spacing-30);}

.detail_search_pop .popup_body_inn { padding: var(--spacing-70)}
.detail_search_list .detail_search_item{ width: 100%; display: flex; padding: var(--spacing-15) 0; border-bottom: 1px dashed var(--color-bd01)}
.detail_search_list .detail_search_item.tab_flex_col{ gap: 0 var(--spacing-50)}
.detail_search_list .detail_search_item:last-child{ border-bottom: none;}
.detail_search_list .detail_search_item .left{ width: var(--spacing-230); flex-shrink: 0}
.detail_search_list .detail_search_item .right{ width: 100%}
.detail_search_list .detail_search_item .left.dot_tit{ width: auto; min-width: var(--spacing-140); flex-shrink: 0; padding-right: var(--spacing-40); font-weight: 600; font-size: var(--fz-22); color: var(--color-blue_01); display: flex; align-items: center; line-height: +1.3}
.detail_search_list .detail_search_item .left.dot_tit:before{ content: ""; width: var(--spacing-9); height: var(--spacing-9); border-radius: 50%; background: var(--color-blue_01); display: inline-flex; flex-shrink: 0; margin-right: var(--spacing-15)}
.detail_search_list .detail_search_item .left.dot_tit.ty02{ min-width: var(--spacing-180); height: var(--spacing-50)}
.detail_search_list .detail_search_item .left.dot_tit.ty03{ min-width: var(--spacing-180); height: var(--spacing-40)}
.detail_search_list .detail_search_item .cal_open_wrap .mark{ margin: 0 var(--spacing-25); font-size: var(--fz-22); color: var(--color-gray7_01)}
.detail_search_list .detail_search_item .select_item_wrap{ display: flex; flex-wrap: wrap; gap: var(--spacing-5); min-height: var(--spacing-50); align-items: center}
.detail_search_list .detail_search_item .selected_item{ width: auto; display: inline-flex; align-items: center; justify-content: space-between; height: var(--spacing-30); border-radius: var(--spacing-15); border: 1px solid var(--color-blue_01); background: var(--color-blue_08); color: var(--color-blue_01); font-weight: 500; font-size: var(--fz-14); padding: 0 var(--spacing-15)}
.detail_search_list .detail_search_item .selected_item .del{ margin-left: var(--spacing-20); flex-shrink: 0; line-height: 0}
.detail_search_list .detail_search_item .selected_item .del img{ line-height: 0}

.detail_search_list.ty02 .detail_search_item{ border-bottom: none}

.overview_tit{ font-size: var(--fz-28); font-weight: 700; line-height: 1.3}
.overview_txt{ font-size: var(--fz-18); font-weight: 500; color: var(--color-gray3); line-height: +1.77; margin-top: var(--spacing-30);}

.pop_sub_tit{ font-size: var(--fz-26); font-weight: 700; color: var(--color-blue_01); margin-bottom: var(--spacing-25)}

.main_multi_wrap{ position: absolute; left: 0; top: var(--spacing-40); width: 100%; z-index: 10}
.main_multi_wrap .languagebox{ position: relative; left: 0; top: 0; width: 100%; border-radius: var(--spacing-10)}
.main_multi_wrap .language_wrap{ overflow-y: auto; max-height: var(--spacing-400); gap: var(--spacing-10)}
.main_multi_wrap .country_box{ min-width: 7.5rem}
.main_multi_wrap .country_box .btn_lang{ padding: 0.5rem}
.sub_multi_wrap{ position: absolute; left: 0; top: var(--spacing-80); width: 100%; z-index: 10}
.sub_multi_wrap .languagebox{ position: relative; left: 0; top: 0; width: 100%; border-radius: var(--spacing-10)}
.sub_multi_wrap .language_wrap{ overflow-y: auto; max-height: var(--spacing-400)}
/* [E] total_search */

/* [S] 기존 패싯 */
.facetedWrap { width: 180px; float: left; margin-top: 30px; background: #fff; border: solid 1px rgba(0, 0, 0, 0.1); flex-shrink: 0}
.facetedWrap h4 { background: #DEE8F5; color: #232323; font-size: 18px; padding: 16px; }
.facetedList { position: relative; border-top: solid 1px #ededed; height: 40px; padding: 0; transition: all 0.15s ease 0s; }
.facetedList h5 { background: #F8FBFF; color: #343434; padding: 12px 16px; height: auto; }
.facetedList .btnFacetToggle { font-size: 0; width: 20px; height: 20px; background: url(../img/icon/btnMore3.gif) no-repeat center -25px; position: absolute; right: 10px; top: 10px; transition: background-color 0.15s ease 0s; }
.facetedList .btnFacetToggle:hover, .facetedList .btnFacetToggle:focus { background-color: #ededed; }
.facetedList ul { padding: 0; transition: all 0.15s ease 0s; }
.facetedList ul li label { color: #565656; font-size: 14px; position: relative; padding: 0 16px 0 0; height: auto; opacity: 0; transition: all 0.15s ease 0s; overflow: hidden; display: flex; align-items: flex-start}
.facetedList ul li label:hover { background-color: #f6f6f6; }
.facetedList ul li input[type="checkbox"] { flex-shrink: 0; margin-right: var(--spacing-5); margin-top: var(--spacing-5)}
.facetedList .btnFacetViewAll, .facetedList .btnFacetView5 { background: #fff url(../img/icon/arrow2.png) no-repeat 14px 12px; background-size: 10px auto; border-radius: 14px; border: solid 1px #ddd; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); min-width: 50px; height: 30px; padding: 0 12px 0 30px; line-height: 2em; margin: 6px 0 0 14px; }
.facetedList .btnFacetViewAll span, .facetedList .btnFacetView5 span { font-size: 0; }
.facetedList .btnFacetViewAll { background-position: 14px -15px; }
.facetedList .btnMore { display: none; }
.facetedList.on { height: auto; padding-bottom: 16px; }
.facetedList.on .btnFacetToggle { background-position: center 9px; }
.facetedList.on ul { padding: 10px 0; }
.facetedList.on ul li label { padding: 3px 16px 3px 16px; height: auto; opacity: 1; }
/* [S] 250602 퍼블 수정 */
.facetedList.on ul li input[type="checkbox"] { opacity: 1; position: static; margin-top: 0}
/* [E] 250602 퍼블 수정 */
.facetedList.on .btnMore { display: inline-block; }
.facetedOn,
.facetedOff { display: none;}

a.skipFaceted {text-align: center; display: block; height: 0; padding: 0; overflow: hidden; background: #004e97; color: #fff; transition: all 0.15s ease 0s;}
a.skipFaceted:focus { height: 30px;padding-top: 14px}
/* [E] 기존 패싯 */

/* [S] introduce */
.introduce,
.introduce p{ font-size: var(--fz-16); line-height: 1.5}
.introduce p.intro1{ font-size: var(--fz-20); padding-top: var(--spacing-90); margin-bottom: var(--spacing-10); color: var(--color-black)}
.introduce p.intro1 strong{ font-weight: 900; color: var(--color-blue_01); font-size: var(--fz-30);}
/* [E] introduce */

/* [S] logo */
.logoView{ padding-bottom: 0 !important;}
.logoView ul{ display: grid; grid-template-columns: repeat(2,1fr); gap: var(--spacing-25)}
.logoView li{ background: url("../img/layout/ciBg.gif") repeat; border: solid 1px var(--color-bd04); padding: 60px 20px 50px 20px}
.logoView li:nth-child(1),
.logoView li:nth-child(2){}
.logoView li:nth-child(3),
.logoView li:nth-child(4){}
.logoView li:nth-child(odd),
.logoView li:nth-child(even){ margin-left: 0 !important; margin-bottom: 0 !important; width: 100% !important;}
.logoView ul li strong{ width: 90px; padding: 7px 0; left: 0; top: 0}
.logoView ul li img{ }
/* [E] logo */

/* [S] siteMap */
body.w00 .siteMap.renewal > ul{ display: grid; grid-template-columns: repeat(5,1fr); gap: var(--spacing-20)}
body.w00 .siteMap.renewal > ul ul{ min-height: 0; background: transparent;)}
body.w00 .siteMap.renewal > ul > li{ width: 100%; margin: 0}
body.w00 .siteMap.renewal > ul > li > strong{ height: var(--spacing-50); border-radius: var(--spacing-25); background: var(--color-blue_01); color: var(--color-white); display: flex; align-items: center; justify-content: center; text-indent: 0; font-weight: 700; font-size: var(--fz-18)}
body.w00 .siteMap.renewal ul ul a{ font-size: var(--fz-18); padding: var(--spacing-8) 0 var(--spacing-8) var(--spacing-50)}
/* [E] siteMap */

@media(min-width:1801px){
    .total_open{ background: url("../img/icon/bg_total_menu.svg") no-repeat left calc(50% - 770px) bottom 20px}
}
@media(max-width:1800px){
    .total_open{ background: url("../img/icon/bg_total_menu.svg") no-repeat left 20px bottom 20px / 15vw auto}
}
@media(min-width:1025px){
    /* [S] header */
    .header_wrap{ height:  var(--spacing-160)}
    .header_wrap .header_top{ width: 100%; height: var(--spacing-65); display: flex; align-items: center; justify-content: flex-end;}
    .header_wrap .header_top .header_util_list{ display: inline-flex; align-items: center; justify-content: flex-end}
    .header_wrap .header_top .header_util_item{ display: inline-flex; align-items: flex-end}
    .header_wrap .header_top .header_util_item:before{ content: "|"; font-size: 0.8em; color: var(--color-grayc3); margin: 0 var(--spacing-10)}
    .header_wrap .header_top .header_util_item:first-child:before{ display: none}
    .header_wrap .header_top .header_util_inn{ font-size: var(--fz-14); color: var(--color-gray6); }
    .header_wrap .header_top .header_util_inn:focus,
    .header_wrap .header_top .header_util_inn:hover{ color: var(--color-gray2); font-weight: 600;}
    .header_wrap .header_top .member_wrap{ font-size: var(--fz-14); color: #000; height: var(--spacing-45); border-radius: var(--spacing-25); background:  var(--color-grayf8); border: solid 1px var(--color-bd04); display: flex; align-items: center; gap: var(--spacing-10); padding: 0 var(--spacing-20); margin-left:  var(--spacing-20)}
    .header_wrap .header_top .member_wrap .header_util_inn,
    .header_wrap .header_top .member_wrap .header_util_inn:focus,
    .header_wrap .header_top .member_wrap .header_util_inn:hover{ font-weight: 400; color: #000}
    .header_wrap .header_btm{ height: var(--spacing-95);}
    .header_wrap .header_btm .header_logo{ flex-shrink: 0; margin-right: var(--spacing-15);}
    .header_wrap .header_btm .gnb_wrap{ display: flex; align-items: center}
    .header_wrap .header_btm nav{ display: flex; align-items: center}
    .header_wrap .header_btm .menu-gnb-depth1{ display: flex; align-items: center; height: var(--spacing-95);}
    .header_wrap .header_btm .menu-gnb-depth1__item{ width: var(--spacing-160); position: relative; height: 100%}
    .header_wrap .header_btm .menu-gnb-depth1__item .depth1__a{ font-size: var(--fz-20); font-weight: 700; width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center}
    .header_wrap .header_btm .menu-gnb-depth1__item .depth2__a{ height: var(--spacing-50); font-size: var(--fz-17); font-weight: 400; width: 100%; display: inline-flex; align-items: center; justify-content: center; color: var(--color-gray3)}
    .header_wrap .header_btm .menu-gnb-depth1__item .depth2__a:hover{ background: var(--color-grayf2_01); font-weight: 600;}
    .header_wrap .header_btm .menu-gnb-depth2{ display: none; position: absolute; left: 0; top: 100%; width: 100%; background: var(--color-white); border-radius: 0 0 var(--spacing-20) var(--spacing-20); border: 1px solid var(--color-grayf2_01); overflow: hidden}
    .header_wrap .header_btm .menu-gnb-depth1__item.on .depth1__a{ color: var(--color-blue_01);}
    .header_wrap .header_btm .menu-gnb-depth1__item.on .menu-gnb-depth2{ display: block}
    .header_wrap .header_btm .depth2__a:focus{ outline-offset: -2px}
    .header_wrap .header_btm .menu-gnb-depth2_wrap .menu-gnb-depth2__item:last-child .depth2__a{ border-radius: 0 0 var(--spacing-20) var(--spacing-20)}

    .header_wrap .total_menu_btn{ flex-shrink: 0; margin-left: var(--spacing-20); width: var(--spacing-30); height: var(--spacing-25); background: url("../img/icon/ic_menu.svg") no-repeat center / 100% auto}
    .header_wrap .total_menu_close{ width: var(--spacing-30); height: var(--spacing-25); background: var(--color-white) url("../img/icon/ic_close.svg") no-repeat center / auto 100%; position: absolute; right: 1rem; top: calc(-1 * var(--spacing-60))}

    .header_wrap .menu-gnb-depth1__item .new_menu .ic{ position: absolute; left: 50%; top: var(--spacing-17); transform: translateX(-50%); margin-left: calc(-1 * var(--spacing-21))}

    .total_open{ width: 100%; border-top: 1px solid var(--color-grayf2_01); display: none; position: absolute; left: 0; top: var(--spacing-160); background: var(--color-white); z-index: 99; border-bottom: 1px solid #E2E5EB}
    .header_wrap.open .total_open{ display: block}
    .total_open .menu-gnb-depth1{ display: flex}
    .total_open .menu-gnb-depth1 .menu-gnb-depth1__item{ flex: 1; padding: var(--spacing-30) 0; border-left: 1px solid var(--color-grayf2_01);}
    .total_open .menu-gnb-depth1 .menu-gnb-depth1__item:last-child{ border-right: 1px solid var(--color-grayf2_01);}
    .total_open .menu-gnb-depth1 .menu-gnb-depth1__item .depth1__a{ width: calc(100% - var(--spacing-40)); margin: 0 var(--spacing-20); height: var(--spacing-50); border-radius: var(--spacing-25); background: var(--color-blue_01); color: var(--color-white); font-size: var(--fz-18); font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: var(--spacing-20);}
    .total_open .menu-gnb-depth1 .menu-gnb-depth1__item .depth2__a{ width: 100%; height: var(--spacing-50); display: flex; align-items: center; justify-content: center;  font-size: var(--fz-18); color: var(--color-gray3);}
    .total_open .menu-gnb-depth1 .menu-gnb-depth1__item .depth2__a:hover{ background: var(--color-grayf2_01); font-weight: 700;}
    /* [E] header */

    /* [S] contents_wrap */
    .contents_wrap{ min-height: calc(100vh - var(--spacing-440))}
    .popular_keyword_wrap .popular_keywords_tit .ic_close{ display: none}
    /* [E] contents_wrap */

    /* [S] tab::slide */
    .mo_slide_tab .swiper-wrapper{ display: flex}
    .mo_slide_tab .swiper-wrapper .swiper-slide{ flex: 1}
    /* [E] tab::slide */
}
@media(max-width:1200px){
	.container{ max-width: 100% !important; width: 100% !important;}
    /* [S] popular_keyword_wrap */
    .popular_keyword_wrap .popular_keywords_tit{ margin-right: var(--spacing-10)}
    /* [E] popular_keyword_wrap */
}
@media(max-width:1024px){
    /* [S] header */
    .total_open{ display: none !important;}
    body{ padding-top: var(--spacing-75) !important;}
    .header_wrap{ position: fixed; top: 0; left: 0}
    .header_wrap .header_top{ display: none}
    .header_wrap .header_btm{ height: var(--spacing-75)}
    .header_wrap #gnb{ position: fixed; left: 0; top: 0; width: 100%; min-width: 320px; height: 100%; background: var(--color-white); overflow-y: auto; display: none}
    .header_wrap.open #gnb{ display: block}
    .header_wrap .header_btm .header_logo{ height: 63%}
    .header_wrap .header_btm .header_logo img{ height: 100%;}
    .header_wrap .total_menu_btn{ width: var(--spacing-30); height: var(--spacing-25); background: url("../img/icon/ic_menu.svg") no-repeat center / 100% auto}

    .header_wrap .menu-gnb-depth1{ width: 40%; height: calc(100% - var(--spacing-145)); background: var(--color-grayf4); position: static; padding: var(--spacing-20) 0; display: flex; flex-flow: column; gap: var(--spacing-10)}
    .header_wrap .menu-gnb-depth2_wrap{ position: absolute; left: 40%; top: var(--spacing-145); width: 60%; height: calc(100% - var(--spacing-145)); display: none;}
    .header_wrap .menu-gnb-depth2_wrap .menu-gnb-depth2{ height: calc(100% - var(--spacing-90)); overflow-y: auto; padding: var(--spacing-10) 0 var(--spacing-100)}
    .header_wrap .menu-gnb-depth1__item .depth1__a{ width: 100%; height: var(--spacing-60); border-radius: var(--spacing-30); font-size: var(--fz-24); font-weight: 600; color: var(--color-gray6); display: flex; align-items: center; padding: 0 var(--spacing-60); line-height: 1.3}
    .header_wrap .menu-gnb-depth1__item .depth2__a{ padding: 0 var(--spacing-40); width: 100%; display: flex; align-items: center; height: var(--spacing-50); font-size: var(--fz-24); color: var(--color-gray3)}
    .header_wrap .menu-gnb-depth1__item.on .menu-gnb-depth2_wrap{ display: block}
    .header_wrap .menu-gnb-depth1__item.current .depth1__a,
    .header_wrap .menu-gnb-depth1__item.on .depth1__a{ color: var(--color-white); background: var(--color-blue_01); position: relative; left: var(--spacing-20); text-indent: calc(-1 * var(--spacing-20))}

    .header_wrap .menu-gnb-depth1__item .new_menu{ display: flex; flex-flow: column; justify-content: center; align-items: flex-start}
    .header_wrap .menu-gnb-depth1__item.on .new_menu .ic{ color: var(--color-green_02)}

    .mo_depth_tit{ width: 100%; height: var(--spacing-90); font-size: var(--fz-24); font-weight: 700; color: var(--color-blue_01); border-bottom: 1px solid var(--color-grayf2_01);display: flex; align-items: center; justify-content: center}
    .mo_header_top{ width: 100%; display: flex; align-items: center; justify-content: space-between; height: var(--spacing-75); padding: 0 var(--spacing-20); border-bottom: 1px solid var(--color-graye8);}
    .mo_header_top .util_item{ font-size: var(--fz-20); color: var(--color-blue_01); font-weight: 600;}
    .mo_header_top .btn_close{ width: var(--spacing-30); height: var(--spacing-30); background: url("../img/icon/ic_close.svg") no-repeat center / 100% auto}
    .mo_header_top .btn_close:before{ display: none;}
    .mo_header_btm{ width: 100%; display: flex; align-items: center; height: var(--spacing-70); padding: 0 var(--spacing-20); border-bottom: 2px solid var(--color-graye8);}
    .mo_header_btm .util_item{ font-size: var(--fz-20); color: var(--color-gray6); display: inline-flex; align-items: center; gap: var(--spacing-5)}
    .mo_header_btm .util_item:before{ content: ""; width: 1px; height: 0.7em; background: var(--color-grayc3); margin: 0 var(--spacing-20)}
    .mo_header_btm .util_item:first-child:before{ display: none}
    .mo_header_btm .util_item img{ width: var(--spacing-20)}
    .mo_header_btm .util_item.time,
    .mo_header_btm .util_item.join,
    .mo_header_btm .util_item.login{ color: var(--color-gray1); font-weight: 600; }
    /* [E] header */

    /* [S] fooer */
    footer .inner{ flex-flow: column; padding-bottom: var(--spacing-120)}
    footer .inner .footer_logo img{ max-height: var(--spacing-50)}
    .footer_link_list{ flex-wrap: wrap}
    footer .inner .footer_util{ margin: var(--spacing-20) 0 0 0; width: 100%; align-items: flex-end;}
    .footer_site_wrap{ position: absolute; right: var(--spacing-30); top: var(--spacing-35)}
    .footer_sns_item .inn img{ width: var(--spacing-30)}
    .footer_wac{ width: 100%; display: flex; justify-content: center;}
    /* [E] fooer */

    /* [S] tab */
    .tab_menu.ty02 .tab_item,
    .tab_menu.ty03 .tab_item{ flex: none}
    /* [E] tab */

    /* [S] sub page */
    .sub_tit_wrap .inner { flex-flow: column; gap: var(--spacing-10)}
    .sub_tit_wrap .inner .sub_tit{ display: flex; justify-content: flex-start; width: 100%; word-break: keep-all}
    .sub_tit_wrap .inner .breadcrumb_nav{ display: flex; justify-content: flex-end; width: 100%}
    /* [E] sub page */

    /* [S] popup */
    .dim.mo_bg_none{ background: transparent}
    .layer_popup{ width: calc(100% - var(--spacing-60)); max-height: calc(100% - var(--spacing-100))}
    .layer_popup .popup_header{ border-radius: 0 var(--spacing-20) 0 var(--spacing-50); padding-left: var(--spacing-30)}
    .layer_popup .popup_body{ width: 100%; max-height: calc(100% - var(--spacing-120))}
    .layer_popup:not(#help_pop) .popup_body{ width: 100%; max-height: calc(100vh - var(--spacing-350)); overflow-y: auto}
    /* [S] 250617 퍼블 수정 */
    #help_pop.layer_popup{ width: 100%; height: calc(100% - var(--spacing-75)); border-radius: 0; left: 50%; top: var(--spacing-75); transform: translate(-50%, 0); max-height: calc(100% - var(--spacing-150))}
    /* [E] 250617 퍼블 수정 */
    #help_pop.layer_popup .popup_header{ border-radius: 0; padding-left: var(--spacing-30)}
    #help_pop.layer_popup .popup_body{ height: 100%; max-height: 100%; border-radius: 0}
    .popup_body_inn{ max-height: initial}
    .popup_body_inn.pop_pd_ty01 { padding: var(--spacing-30)}
    .popup_body_inn.ty02 { padding: var(--spacing-30)}
    .layer_popup .popup_footer{ padding: var(--spacing-20) var(--spacing-30)}
    .layer_popup .popup_footer .btn{ font-size: var(--fz-18); padding: 0 var(--spacing-10); height: var(--spacing-60); flex: 1; min-width: 50%}
    /* [E] popup */

    /* [S] 도움말 */
    .help_pop_wrap{ display: flex; margin-top: 0; height: 100%}
    /* [S] 250617 퍼블 수정 */
    .help_pop_wrap .left{ padding-top: 0; position: fixed; left: -100%; top: var(--spacing-80); height: calc(100% - var(--spacing-80)); width: var(--spacing-300); z-index: 2}
    /* [E] 250617 퍼블 수정 */
    .help_pop_wrap .left.open{ left: 0}
    .help_pop_wrap .btn_help_ctr{ width: var(--spacing-35); position: fixed; left: 0; top: 50%; transform: translateY(-50%); z-index: 2}
    .help_pop_wrap .btn_help_ctr.open{ left: var(--spacing-300)}
    .help_pop_wrap .left .accordion_wrap{ max-height: 100%; padding: var(--spacing-40) 0 var(--spacing-120)}
    /* [S] 250617 퍼블 수정 */
    .help_pop_wrap .right{ height: 100%; padding: 0 var(--spacing-10) 0; justify-content: flex-start;}
    /* [E] 250617 퍼블 수정 */
    .help_con_wrap{ height: 100%; max-height: calc(100% - var(--spacing-180)); padding: 0 var(--spacing-20)}
    /* [E] 도움말 */

    /* [S] tab::slide */
    .mo_slide_tab .swiper-wrapper .swiper-slide { width: auto}
    .mo_slide_tab .swiper-wrapper .swiper-slide .inn{ padding: 0 var(--spacing-20)}
    /* [E] tab::slide */

    /* [S] 리스트 검색 영역 */
    .search_wrap.list_search { max-width: 100%}
    /* [E] 리스트 검색 영역 */

    /* [S] total_search */
    .total_search_box{ padding: var(--spacing-40) var(--spacing-30); border-radius: 0 var(--spacing-25) var(--spacing-25) var(--spacing-80)}
    .total_search_inn_wrap{ flex-flow: column}
    .total_search_inn_wrap .detail_search{ width: 100%; justify-content: center; gap: var(--spacing-20)}
    .total_search_inn_wrap .search_select{ width: var(--spacing-100)}
    .total_search_inn_wrap .search_wrap .search_btn{ margin-left: 0}
    .total_search_word { flex-flow: column; gap: 0}
    .total_search_word .popular_keyword_wrap{ margin-bottom: var(--spacing-25)}
    .total_search_word .popular_keyword_wrap,
    .total_search_word .popular_keywords_box{ width: 100%}
    .popular_keyword_wrap .popular_keywords_tit,
    .total_search_word .related_keyword_tit{ color: var(--color-white); margin-right: var(--spacing-20)}
    .popular_keyword_wrap .all_keywords_wrap .popular_keywords_tit { display: flex; align-items: center; justify-content: space-between; margin-right: 0}
    .popular_keyword_wrap .popular_keywords_tit .ic_close{ display: block;}
    .popular_keyword_wrap .popular_keywords_tit .ic_close:before{ color: var(--color-white)}
    .related_keyword_wrap { align-items: center}
    .total_search_word .related_keyword_list{ padding-right: var(--spacing-40)}
    .total_search_word .related_keyword_list .swiper-wrapper{ flex-wrap: nowrap}
    .total_search_word .related_keyword_item{ background: var(--color-blue_06); color: var(--color-blue_01); height: var(--spacing-40); border-radius: var(--spacing-25); font-size: var(--fz-16);}
    /* [S] 250618 퍼블 수정 */
    .total_search_wrap .search_tab { margin: var(--spacing-30) 0 var(--spacing-20); padding-right: var(--spacing-80) !important;}
    /* [E] 250618 퍼블 수정 */
    .search_condition_select .select_box select{ height: var(--spacing-50)}
    .search_condition_select .select_box .txt{ margin-left: 0}
    .pagination_wrap .move_wrap .current_page{ height: var(--spacing-50); width: var(--spacing-60)}

    .search_result_list .search_result_item .tit_wrap{ margin-bottom: var(--spacing-15)}
    .search_result_list .search_result_item .tit_wrap .tit{ flex-flow: column; align-items: flex-start; gap: var(--spacing-10); font-size: var(--fz-22); width: 100%}
    .search_result_list .search_result_item .tit_wrap .tit .wrap{ width: 100%; -webkit-line-clamp: initial; max-height: initial} 
    .search_result_list .search_result_item .btn_wrap { width: 100%; margin-top: var(--spacing-25);}
    .search_result_list .search_result_item .btn_wrap .btn{ flex: 1}

    .detail_search_list .detail_search_item{ flex-flow: column}
    .detail_search_list .detail_search_item .wrap{ flex-flow: column; width: 100%}
    .detail_search_list .detail_search_item .w_50p:first-child{ padding-bottom: var(--spacing-15);}
    .detail_search_list .detail_search_item .w_50p:last-child{ padding-top: var(--spacing-15);}
    .detail_search_list .checkbox_group{ display: grid; grid-template-columns: repeat(3,1fr); margin-top: var(--spacing-15);}
    .detail_search_list .checkbox_group .opt_item{ width: 100%}
    .detail_search_list .checkbox_group .opt_item label{ width: 100%; align-items: center; justify-content: center; font-size: var(--fz-16); padding: var(--spacing-10);}
    .detail_search_list .select_wrap .select_box{ width: 100%; min-width: 0}
    .detail_search_list .select_wrap .select_box select{ width: 100%; min-width: 0}
    .detail_search_list .detail_search_item .cal_open_wrap .mark{ margin: 0 var(--spacing-10)}
    .detail_search_list .detail_search_item .left.dot_tit{ margin-bottom: var(--spacing-10)}
    .detail_search_list .detail_search_item .right{ min-height: var(--spacing-50)}
    .detail_search_list .detail_search_item .right .input_box,
    .detail_search_list .detail_search_item .right .cal_open_wrap .cal_open_box,
    .detail_search_list .detail_search_item .right .cal_open_wrap .cal_open{ width: 100%; min-width: 0; max-width: 100%; font-size: var(--fz-14);}
    .detail_search_list .detail_search_item .right .cal_open_wrap .cal_open_box{ display: flex; justify-content: space-between}
    .detail_search_list .detail_search_item.tab_flex_col .wrap{ border-bottom: 1px dashed var(--color-bd01);}
    .detail_search_list .detail_search_item.tab_flex_col .wrap:first-child{ padding-bottom: var(--spacing-15)}
    .detail_search_list .detail_search_item.tab_flex_col .wrap:last-child{ padding-top: var(--spacing-15); border-bottom: none;}

    /* [S] 250617 퍼블 주석처리 */
    /*.detail_search_list.ty01 .checkbox_group { display: none}*/
    /*.detail_search_list.ty01 .checkbox_group.on { display: grid}*/
    /* [E] 250617 퍼블 주석처리 */

    .detail_search_list.ty01 .detail_search_item .right { min-height: 0}

    .list_btn_wrap{ flex-flow: column; gap: var(--spacing-20)}
    .search_condition_select{ gap: var(--spacing-10)}
    .search_condition_select .select_box{ max-width: 100%; flex: 1}
    /* [E] total_search */

    /* [S] mo_select_total_wrap */
    .mo_select_total_wrap{ margin-bottom: var(--spacing-20); position: relative; z-index: 5}
    .total_search_wrap .search_result_tab.trigger_toggle{ display: none; width: 100%; position: absolute; left: 0; top: var(--spacing-70); background: var(--color-white); border: 2px solid var(--color-blue_01); margin-top: -2px}
    .total_search_wrap .search_result_tab.trigger_toggle .tab_item .inn{ border: 1px solid var(--color-bd01) !important;}
    .total_search_wrap .search_result_tab.trigger_toggle .tab_item.on .inn{ background: var(--color-blue_05); color: var(--color-blue_01);}
    .total_search_wrap .trigger_wrap.open .search_result_tab.trigger_toggle{ display: block}
    .mo_select_trigger{ width: 100%; height: var(--spacing-70); border: 2px solid var(--color-blue_01); font-size: var(--fz-22); display: flex; align-items: center; justify-content: space-between; padding: 0 var(--spacing-30); font-weight: 600; color: var(--color-blue_01) !important;}
    .mo_select_trigger:after{ content: ""; width: 0; height: 0; border-left: var(--spacing-8) solid transparent; border-right: var(--spacing-8) solid transparent; border-top: var(--spacing-8) solid var(--color-blue_01); display: inline-flex}
    .mo_select_trigger.open:after{ transform: rotate(-180deg)}

    .search_detail_tab.trigger_toggle{ display: none; border: 2px solid var(--color-blue_01); border-radius: 0 0 var(--spacing-25) var(--spacing-25); margin-top: -2px; border-top: none; position: absolute; left: 0; top: var(--spacing-70); width: 100%; overflow: hidden}
    .trigger_wrap.open .search_detail_tab.trigger_toggle{ display: block}
    .search_detail_tab.trigger_toggle .tab_item .inn{ border-radius: 0; background: var(--color-white); color: var(--color-gray6); padding: 0 var(--spacing-30); justify-content: flex-start; text-align: left; border: none;}
    .search_detail_tab.trigger_toggle .tab_item.on .inn{ background: var(--color-blue_05); color: var(--color-blue_01); border: none}
    .mo_select_trigger.ty02{ width: 100%; height: var(--spacing-70); border: none; border-radius: var(--spacing-35); font-size: var(--fz-22); display: flex; align-items: center; justify-content: space-between; padding: 0 var(--spacing-30); font-weight: 600; color: var(--color-white) !important; background: var(--color-blue_01)}
    .mo_select_trigger.ty02:after{ content: ""; width: 0; height: 0; border-left: var(--spacing-8) solid transparent; border-right: var(--spacing-8) solid transparent; border-top: var(--spacing-8) solid var(--color-white); display: inline-flex}
    .mo_select_trigger.ty02.open{ background: var(--color-white); border-radius: var(--spacing-25) var(--spacing-25) 0 0; border: 2px solid var(--color-blue_01); border-bottom: none; color: var(--color-blue_01) !important;}
    .mo_select_trigger.ty02.open:after{ transform: rotate(-180deg); border-top-color: var(--color-blue_01);}
    /* [E] mo_select_total_wrap */
    
    /* [S] select_tab */
    .mo_select_tab_wrap .mo_select_tab.trigger_toggle { display: none; width: 100%; position: absolute; left: 0; top: var(--spacing-70); background: var(--color-white); border: 2px solid var(--color-blue_01); margin-top: -2px}
    .mo_select_tab_wrap .mo_select_tab.trigger_toggle .tab_item .inn { border: 1px solid var(--color-bd01) !important;}
    .mo_select_tab_wrap .mo_select_tab.trigger_toggle .tab_item.on .inn { background: var(--color-blue_05); color: var(--color-blue_01);}
    .mo_select_tab_wrap .trigger_wrap.open .mo_select_tab.trigger_toggle { display: block}
    /* [E] select_tab */

    /* [S] table */
    .table_layout.ty01{ border-top: 2px solid var(--color-blue_09);}
    .table_layout.ty01 thead { display: none}
    .table_layout.ty01,
    .table_layout.ty01 tbody,
    .table_layout.ty01 tr,
    .table_layout.ty01 td{ display: block}
    .table_layout.ty01 tbody tr{ padding: var(--spacing-20) 0}
    .table_layout.ty01 tbody tr td { padding: var(--spacing-8) 0}
    .table_layout.ty01 .check_box_wrap .check_box.lg label{ width: var(--spacing-20); height: var(--spacing-20); padding-left: var(--spacing-20)}
    .table_layout.ty01 .check_box_wrap .check_box.lg label:before{ width: var(--spacing-20); height: var(--spacing-20)}
    .table_layout.ty01 .btn{ width: var(--spacing-100)}

    .table_tit_wrap.ty01 { flex-flow: column; gap: var(--spacing-30)}
    .table_tit_wrap.ty01 .tit { margin-bottom: var(--spacing-20); white-space: normal; overflow: visible}
    
    .table_layout.ty02 colgroup{ display: none}
    .table_layout.ty02,
    .table_layout.ty02 thead,
    .table_layout.ty02 tbody,
    .table_layout.ty02 thead td,
    .table_layout.ty02 thead tr,
    .table_layout.ty02 tbody tr{ display: inline-block}
    .table_layout.ty02,
    .table_layout.ty02 thead,
    .table_layout.ty02 tbody,
    .table_layout.ty02 tr{ width: 100%}
    .table_layout.ty02 thead tr th{ width: 100%; display: flex; align-items: center; gap: var(--spacing-10)}
    .table_layout.ty02 tbody tr{ display: flex; flex-wrap: wrap; align-items: center; padding: var(--spacing-20) 0}
    .table_layout.ty02 tbody tr .tab_flex_ac{ display: flex; align-items: center; gap: var(--spacing-20)}
    .table_layout.ty02 tbody tr td{ padding: 0 var(--spacing-10)}

    .table_layout.ty03{ border-top: 2px solid var(--color-blue_09)}
    .table_layout.ty03 thead,
    .table_layout.ty03 colgroup{ display: none}
    .table_layout.ty03,
    .table_layout.ty03 tbody,
    .table_layout.ty03 tbody tr,
    .table_layout.ty03 tbody td{ display: inline-block}
    .table_layout.ty03,
    .table_layout.ty03 thead,
    .table_layout.ty03 tbody,
    .table_layout.ty03 tr{ width: 100%}
    .table_layout.ty03 tbody tr{ padding: var(--spacing-10) 0}
    .table_layout.ty03 tbody tr th,
    .table_layout.ty03 tbody tr td{ padding: var(--spacing-5)}
    .table_layout.ty03 select,
    .table_layout.ty03 .btn{ width: 100%}
    .layer_popup .table_layout.ty01 thead tr th,
    .layer_popup .table_layout.ty01 tbody tr td { padding: var(--spacing-8) 0}
    /* [E] table */

    /* [S] 페이지 정보 */
    .page_info_txt_wrap{ text-align: center}
    .btn_info_toggle{ position: static; margin-top: var(--spacing-20); transform: translateY(0)}
    /* [E] 페이지 정보 */

    /* [S] list */
    .list.ty01 .item { padding: var(--spacing-15) 0}

    .list.ty02 .item { flex-flow: column; align-items: flex-start; gap: var(--spacing-10)}
    .list.ty02 .item .num,
    .list.ty02 .item .btn_wrap,
    .list.ty02 .item .table_tit_wrap { padding: 0}
    .list.ty02 .item .num{ font-size: var(--fz-20);}
    .list.ty02 .item .table_tit_wrap .tit{ flex-flow: column; align-items: flex-start; margin-bottom: var(--spacing-15)}
    .search_result_item .tit,
    .table_tit_wrap .a_wrap{ display: block !important;}
    .table_tit_wrap .a_wrap span,
    .table_tit_wrap .a_wrap img{ display: inline-flex !important; }
    .table_tit_wrap .ellipsis{ white-space: normal !important; overflow: visible !important; display: inline; line-height: 1.3}
    .search_result_list .search_result_item .tit_wrap .ellipsis{ width: 100%; margin-top: var(--spacing-10); white-space: normal !important; overflow: visible !important; line-height: 1.3}
    .search_result_list .search_result_item .tit_wrap .ellipsis:before{ content: ""; display: block; width: 100%; height: 1px; clear: both}
    /* [E] list */

    /* [S] tit */
    .page_con_tit{ margin-bottom: var(--spacing-20)}
    /* [E] tit */

    /* [S] data_row_list */
    .data_row_list .data_row_item .item_tit { width: var(--spacing-150); font-weight: 700; color: var(--color-black); padding: 0 var(--spacing-15)}
    /* [S] 250528 퍼블 수정 :: padding 값 변경*/
    .data_row_list .data_row_item .item_con { width: 100%; padding: var(--spacing-10); display: flex; align-items: center; justify-content: flex-start}
    /* [E] 250528 퍼블 수정 :: padding 값 변경*/
    .data_row_list .data_row_item .half{ border-bottom: 1px solid var(--color-bd04);}
    /* [E] data_row_list */

    /* [S] 자동등록방지 */
    .captcha_area { flex-flow: column}
    .captcha_box { width: 100%; align-items: flex-end}
    .captcha_box img{ width: 100%}
    .captcha_input{ width: 100%}
    /* [E] 자동등록방지 */
        
	/* [S] siteMap */
	body.w00 .siteMap.renewal > ul{ grid-template-columns: repeat(3,1fr)}
	/* [E] siteMap */
	
	/* [S] bookmark */
	.myBookmarkTree,
	.bookmarkList{ width: 100% !important;}
	.myBookmarkTree{ margin-bottom: var(--spacing-30)}
	/* [E] bookmark */

    /* [S] 250602 퍼블 수정 */
    /* [S] 기존 패싯 */
    .facetedWrap {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: auto;
        z-index: 110;
        float: none;
        margin: 0;
        height: 48px;
        overflow: hidden;
        transition: height 0.15s ease 0s;
    }

    .facetedWrap h4 {
        font-size: 16px;
        padding: 16px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .facetedWrap.on {
        height: 100%;
        padding-top: var(--spacing-60);
        overflow: auto;
    }

    .facetedWrap.on .facetedOn {
        display: none;
    }

    .facetedWrap.on .facetedOff, .facetedWrap.on .facetedList {
        display: block;
    }

    .facetedOn, .facetedOff {
        position: absolute;
        right: 4px;
        top: 4px;
        width: 40px;
        height: 40px;
        font-size: 0;
        opacity: 0.7;
        transition: opacity 0.15s ease 0s;
        background: no-repeat center center url("../img/icon/arr_faceted_top.svg")
    }

    .facetedOn {
        display: block;
    }

    .facetedOff {
        background-image: url(../img/icon/arr_faceted_btm.svg);
    }

    .facetedList {
        display: none;
    }
    /* [E] 기존 패싯 */
    /* [E] 250602 퍼블 수정 */
	
	/* [S] footer */
	.footer_wac{ margin-top: var(--spacing-20)}    
    .footer_wac a { width: var(--spacing-200); height: var(--spacing-90)}
	/* [E] footer */
	
	.downlist_trigger_tit{ padding-right: 0 !important;}
}
@media(max-width:640px){
    /* [S] header */
    .header_wrap .menu-gnb-depth1__item .depth1__a{ padding: 0 0 0 var(--spacing-40); font-size: var(--fz-20)}
    .header_wrap .menu-gnb-depth1__item .depth2__a{ font-size: var(--fz-20)}
    .mo_header_top .header_util_inn,
    .mo_header_top .util_item,
    .mo_header_btm .restTime,
    .mo_header_btm .util_item{ font-size: var(--fz-16);}
    .mo_header_btm .util_item:before{ margin: 0 var(--spacing-5)}
    .mo_header_btm .util_item img{ width: var(--spacing-16)}
    .mo_header_top .btn_close{ width: var(--spacing-20)}
    /* [E] header */

    /* [S] board */
    .board_list{ gap: var(--spacing-10)}
    /* [E] board */

    /* [S] popular_keyword_wrap */
    .all_keywords_wrap{ width: calc(100vw - var(--spacing-85))}
    .popular_keyword_wrap{ width: 100%; margin-bottom: var(--spacing-25)}
    .popular_keywords_box{ width: calc(100% - var(--spacing-80))}
    .all_keywords_wrap .all_keywords .item{ font-size: var(--fz-16);}
    /* [E] popular_keyword_wrap */

    /* [S] total_search */
    .total_search_box{ padding: var(--spacing-30) var(--spacing-20) var(--spacing-40); border-radius: 0 var(--spacing-20) var(--spacing-20) var(--spacing-60)}
    .detail_search_list .checkbox_group { grid-template-columns: repeat(2, 1fr)}
    .recent_total_wrap #recentWord{ width: calc(100vw - var(--spacing-85))}
    /* [E] total_search */

    /* [S] 페이지 정보 */
    .inner{ padding: 0 var(--spacing-15)}
    .page_info_wrap { padding: var(--spacing-30)}
    /* [E] 페이지 정보 */
    
    /* [S] data_row_list */
    .data_row_list .data_row_item .item_tit { width: var(--spacing-110)}
    /* [E] data_row_list */
    
    /* [S] 250605 퍼블 */

    /* [S] 250617 퍼블 주석처리 */
    /*.total_search_btn{ position: relative; margin-bottom: var(--spacing-40)}*/
    /* [E] 250617 퍼블 주석처리 */

    /* [S] tooltip */
    /*.mo_tooltip_wrap{ margin-top: calc(-1 * var(--spacing-10))}*/


    /* [S] 250617 퍼블 주석처리 */
    /*.total_search_btn .tooltip_wrap{ position: absolute; left: 0; top: 100%; margin-top: var(--spacing-15)}*/
    /* [E] 250617 퍼블 주석처리 */


    .total_search_btn .tooltip_wrap .tooltip_txt{ font-size: var(--fz-16);}
    .total_search_btn .tooltip_wrap .tooltip_box{ right: auto; left: 0; transform: translate(0,-100%); width: calc(100vw - var(--spacing-120)); font-size: var(--fz-16);}
    .total_search_btn .tooltip_wrap .tooltip_box:after{ left: var(--spacing-75)}
    /* [E] tooltip */
    /* [E] 250605 퍼블 */
    
    /* [S] siteMap */
	body.w00 .siteMap.renewal > ul{ grid-template-columns: repeat(2,1fr)}
	body.w00 .siteMap.renewal ul ul a{ padding-left: var(--spacing-30)}
	body.w00 .siteMap.renewal ul ul a:before{ left: var(--spacing-15)}
	/* [E] siteMap */
	
	/* [S] logo */
	.logoView ul{ grid-template-columns: repeat(1,1fr)}
	/* [E] logo */

    /* [S] 250625 퍼블 추가 */
    /* [S] down_list */
    .downlist_trigger_wrap .downlist_trigger_toggle .list .item .ellipsis { font-size: var(--fz-16)}
    .downlist_trigger_wrap .downlist_tit { font-size: var(--fz-18)}
    .downlist_trigger_wrap .trigger_close { width: var(--spacing-18); height: var(--spacing-18)}
    /*../img/icon/ic_down_blue.svg 경로변경 필요*/
    /* [E] down_list */
    /* [E] 250625 퍼블 추가 */
}