@charset "utf-8";

:root{
    /* color */
    --color-white: #fff;

    /* color / gray */
    --color-gray-50: #f8f9fc;
    --color-gray-75: #edeef1;
    --color-gray-100: #e2e4e8;
    --color-gray-200: #d2d3d8;
    --color-gray-300: #c4c6cc;
    --color-gray-400: #a7aab1;
    --color-gray-500: #8b8e98;
    --color-gray-600: #6f737d;
    --color-gray-700: #64696d;
    --color-gray-800: #45474c;
    --color-gray-900: #24262c;

    /* color / blue */
    --color-blue-50: #f6fafe;
    --color-blue-75: #e3effc;
    --color-blue-100: #d3e6fa;
    --color-blue-200: #a2caf4;
    --color-blue-300: #73b0ee;
    --color-blue-400: #3c91e8;
    --color-blue-500: #0270e1;
    --color-blue-600: #0065ce;
    --color-blue-700: #0051a3;
    --color-blue-800: #00458d;
    --color-blue-900: #003b77;

    /* color / green */
    --color-green-50: #f2fbf8;
    --color-green-75: #d9f4eb;
    --color-green-100: #c2eddf;
    --color-green-200: #7ad8b9;
    --color-green-300: #2cc190;
    --color-green-400: #0ea875;
    --color-green-500: #0b835b;
    --color-green-600: #0a7753;
    --color-green-700: #085e42;
    --color-green-800: #075139;
    --color-green-900: #064430;

    /* color / orange */
    --color-orange-50: #fff8f4;
    --color-orange-75: #ffeade;
    --color-orange-100: #ffddca;
    --color-orange-200: #ffb68e;
    --color-orange-300: #ff8c52;
    --color-orange-400: #f66619;
    --color-orange-500: #be5219;
    --color-orange-600: #ac4b18;
    --color-orange-700: #873c16;
    --color-orange-800: #733515;
    --color-orange-900: #602d13;

    /* color / purple */
    --color-purple-50: #fbf8fe;
    --color-purple-75: #f4eafc;
    --color-purple-100: #eedefb;
    --color-purple-200: #dcb9f6;
    --color-purple-300: #ca96f1;
    --color-purple-400: #b66eec;
    --color-purple-500: #a042e6;
    --color-purple-600: #9336d9;
    --color-purple-700: #752bad;
    --color-purple-800: #652595;
    --color-purple-900: #551f7d;

    /* color / red */
    --color-red-50: #fef8f8;
    --color-red-75: #fde9eb;
    --color-red-100: #fcdce0;
    --color-red-200: #f9b5bc;
    --color-red-300: #f68c98;
    --color-red-400: #f04053;
    --color-red-500: #d43546;
    --color-red-600: #c13040;
    --color-red-700: #9a2633;
    --color-red-800: #85212c;
    --color-red-900: #701c25;

    /* color / yellow */
    --color-yellow-50: #fff9eb;
    --color-yellow-75: #ffecc2;
    --color-yellow-100: #ffe09c;
    --color-yellow-200: #fcbc18;
    --color-yellow-300: #dba11c;
    --color-yellow-400: #be8a1d;
    --color-yellow-500: #956b1c;
    --color-yellow-600: #88611c;
    --color-yellow-700: #6c4d1a;
    --color-yellow-800: #5c4218;
    --color-yellow-900: #4e3716;
}

.accessibility {position:relative;overflow:hidden;z-index:3000;width:100%;}
.accessibility a{display:block !important;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus,
.accessibility a:hover,
.accessibility a:active {width:auto;height:auto;margin:0;padding:8px 0;background:var(--color-gray-900);font-size:1rem;font-weight:700;line-height:1;color:var(--color-white);}

.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.word-break-all{word-break:break-all;overflow-wrap:break-word;}
.word-break-word{word-break:keep-all;overflow-wrap:break-word;}

.fl{float:left}
.fr{float:right}
.clear,
.clearfix:after{display:block;content:'';clear:both}

.hide{display:none;}

.dsp_bl{display:block;}
.dsp_inbl{display:inline-block;}
.dsp_in{display:inline;}

.position-relative{position:relative;}
.position-absolute{position:absolute;}
.position-sticky{position:sticky;}
.position-variable{position:var(--position, initial);}
.position-top{top:var(--top, 0);}
.position-bottom{bottom:var(--bottom, 0);}
.position-left{left:var(--left, 0);}
.position-right{right:var(--right, 0);}

.margin_center{margin:0 auto;}

.mt_0{margin-top:0px !important}
.mt_2{margin-top:2px !important}
.mt_4{margin-top:4px !important}
.mt_6{margin-top:6px !important}
.mt_8{margin-top:8px !important}
.mt_10{margin-top:10px !important}
.mt_12{margin-top:12px !important}
.mt_16{margin-top:16px !important}
.mt_20{margin-top:20px !important}
.mt_24{margin-top:24px !important}
.mt_28{margin-top:28px !important}
.mt_32{margin-top:32px !important}
.mt_36{margin-top:36px !important}
.mt_48{margin-top:48px !important}
.mt_150{margin-top:150px !important}

.mb_0{margin-bottom:0px !important}
.mb_2{margin-bottom:2px !important}
.mb_4{margin-bottom:4px !important}
.mb_6{margin-bottom:6px !important}
.mb_8{margin-bottom:8px !important}
.mb_10{margin-bottom:10px !important}
.mb_12{margin-bottom:12px !important}
.mb_16{margin-bottom:16px !important}
.mb_20{margin-bottom:20px !important}
.mb_24{margin-bottom:24px !important}
.mb_28{margin-bottom:28px !important}
.mb_32{margin-bottom:32px !important}
.mb_36{margin-bottom:36px !important}
.mb_48{margin-bottom:48px !important}

.w50px{width:50px !important;}
.w60px{width:60px !important;}
.w70px{width:70px !important;}
.w80px{width:80px !important;}
.w100px{width:100px !important;}
.w110px{width:110px !important;}
.w120px{width:120px !important;}
.w125px{width:125px !important;}
.w140px{width:140px !important;}
.w150px{width:150px !important;}
.w160px{width:160px !important;}
.w200px{width:200px !important;}
.w250px{width:250px !important;}
.w260px{width:260px !important;}
.w300px{width:300px !important;}
.wauto{width:auto !important;}
select.wauto{padding-right:30px !important;}
.w100per{width:100% !important;}
.w80per{width:80% !important;}
.w70per{width:70% !important;}
.w60per{width:60% !important;}
.w50per{width:50% !important;}
.w33per{width:33% !important;}

.mw80px{min-width:80px !important;}
.mw100px{min-width:100px !important;}
.mw110px{min-width:110px !important;}
.mw120px{min-width:120px !important;}
.mw130px{min-width:130px !important;}
.mw140px{min-width:140px !important;}
.mw150px{min-width:150px !important;}
.mw160px{min-width:160px !important;}
.mw168px{min-width:168px !important;}
.mw180px{min-width:180px !important;}
.mw180px{min-width:180px !important;}
.mw200px{min-width:200px !important;}
.mw250px{min-width:250px !important;}
.mw350px{min-width:350px !important;}
.mw500px{min-width:500px !important;}

.xw80px{max-width:80px !important;}
.xw100px{max-width:100px !important;}
.xw110px{max-width:110px !important;}
.xw135px{max-width:135px !important;}
.xw140px{max-width:140px !important;}
.xw150px{max-width:150px !important;}
.xw160px{max-width:160px !important;}
.xw200px{max-width:200px !important;}
.xw215px{max-width:215px !important;}
.xw260px{max-width:260px !important;}
.xw300px{max-width:300px !important;}
.xw340px{max-width:340px !important;}
.xw400px{max-width:400px !important;}
.xw430px{max-width:430px !important;}
.xw500px{max-width:500px !important;}
.xw640px{max-width:640px !important;}
.xw1300px{max-width:1300px !important;}

.h100per{height:100%;}

.xh410px{max-height:410px !important;}
.xh720px{max-height:720px !important;}

.mask{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.8;z-index:90}
.layer_pop_mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.55);display:none;z-index:90}

.txt_underline{text-decoration:underline;}
.txt_underline.dotted{text-decoration-style:dotted;}
.txt_bold{font-weight:bold;}
.txt_normal{font-weight:normal;}

.txt_clamp{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.txt_clamp.line2{-webkit-line-clamp:2;}
.txt_clamp.line3{-webkit-line-clamp:3;}
.txt_clamp.line4{-webkit-line-clamp:4;}
.txt_clamp.line5{-webkit-line-clamp:5;}
.txt_clamp.line6{-webkit-line-clamp:6;}
.txt_clamp.line7{-webkit-line-clamp:7;}
.txt_clamp.line8{-webkit-line-clamp:8;}
.txt_clamp.line9{-webkit-line-clamp:9;}
.txt_clamp.line10{-webkit-line-clamp:10;}

.txt_left{text-align:left;}
.txt_right{text-align:right;}
.txt_center{text-align:center;}

.txt_type{font-size:1rem;font-weight:normal;}
.txt_type.xxlg{font-size:1.375rem;}
.txt_type.xlg{font-size:1.25rem;}
.txt_type.lg{font-size:1.125rem;}
.txt_type.md{font-size:0.9375rem;}
.txt_type.sm{font-size:0.875rem;}
.txt_type.xs{font-size:0.8125rem;}
.txt_type.w500{font-weight:500;}
.txt_type.wbold{font-weight:bold;}

.white-space-nowrap{white-space:nowrap;}

.color-white{color:var(--color-white);}
.color-gray-50{color:var(--color-gray-50);}
.color-gray-75{color:var(--color-gray-75);}
.color-gray-100{color:var(--color-gray-100);}
.color-gray-200{color:var(--color-gray-200);}
.color-gray-300{color:var(--color-gray-300);}
.color-gray-400{color:var(--color-gray-400);}
.color-gray-500{color:var(--color-gray-500);}
.color-gray-600{color:var(--color-gray-600);}
.color-gray-700{color:var(--color-gray-700);}
.color-gray-800{color:var(--color-gray-800);}
.color-gray-900{color:var(--color-gray-900);}
.color-blue-50{color:var(--color-blue-50);}
.color-blue-75{color:var(--color-blue-75);}
.color-blue-100{color:var(--color-blue-100);}
.color-blue-200{color:var(--color-blue-200);}
.color-blue-300{color:var(--color-blue-300);}
.color-blue-400{color:var(--color-blue-400);}
.color-blue-500{color:var(--color-blue-500);}
.color-blue-600{color:var(--color-blue-600);}
.color-blue-700{color:var(--color-blue-700);}
.color-blue-800{color:var(--color-blue-800);}
.color-blue-900{color:var(--color-blue-900);}
.color-green-50{color:var(--color-green-50);}
.color-green-75{color:var(--color-green-75);}
.color-green-100{color:var(--color-green-100);}
.color-green-200{color:var(--color-green-200);}
.color-green-300{color:var(--color-green-300);}
.color-green-400{color:var(--color-green-400);}
.color-green-500{color:var(--color-green-500);}
.color-green-600{color:var(--color-green-600);}
.color-green-700{color:var(--color-green-700);}
.color-green-800{color:var(--color-green-800);}
.color-green-900{color:var(--color-green-900);}
.color-red-50{color:var(--color-red-50);}
.color-red-75{color:var(--color-red-75);}
.color-red-100{color:var(--color-red-100);}
.color-red-200{color:var(--color-red-200);}
.color-red-300{color:var(--color-red-300);}
.color-red-400{color:var(--color-red-400);}
.color-red-500{color:var(--color-red-500);}
.color-red-600{color:var(--color-red-600);}
.color-red-700{color:var(--color-red-700);}
.color-red-800{color:var(--color-red-800);}
.color-red-900{color:var(--color-red-900);}
.color-orange-50{color:var(--color-orange-50);}
.color-orange-75{color:var(--color-orange-75);}
.color-orange-100{color:var(--color-orange-100);}
.color-orange-200{color:var(--color-orange-200);}
.color-orange-300{color:var(--color-orange-300);}
.color-orange-400{color:var(--color-orange-400);}
.color-orange-500{color:var(--color-orange-500);}
.color-orange-600{color:var(--color-orange-600);}
.color-orange-700{color:var(--color-orange-700);}
.color-orange-800{color:var(--color-orange-800);}
.color-orange-900{color:var(--color-orange-900);}
.color-yellow-50{color:var(--color-yellow-50);}
.color-yellow-75{color:var(--color-yellow-75);}
.color-yellow-100{color:var(--color-yellow-100);}
.color-yellow-200{color:var(--color-yellow-200);}
.color-yellow-300{color:var(--color-yellow-300);}
.color-yellow-400{color:var(--color-yellow-400);}
.color-yellow-500{color:var(--color-yellow-500);}
.color-yellow-600{color:var(--color-yellow-600);}
.color-yellow-700{color:var(--color-yellow-700);}
.color-yellow-800{color:var(--color-yellow-800);}
.color-yellow-900{color:var(--color-yellow-900);}
.color-purple-50{color:var(--color-purple-50);}
.color-purple-75{color:var(--color-purple-75);}
.color-purple-100{color:var(--color-purple-100);}
.color-purple-200{color:var(--color-purple-200);}
.color-purple-300{color:var(--color-purple-300);}
.color-purple-400{color:var(--color-purple-400);}
.color-purple-500{color:var(--color-purple-500);}
.color-purple-600{color:var(--color-purple-600);}
.color-purple-700{color:var(--color-purple-700);}
.color-purple-800{color:var(--color-purple-800);}
.color-purple-900{color:var(--color-purple-900);}

.only_mobile{display:none;}

.ico_aligner{position:relative;display:block;width:24px;height:24px;}
.ico_aligner i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.ico_aligner.h26{height:26px;}
.ico_aligner.w18{width:18px;}
.ico_aligner.h18{height:18px;}
.ico_aligner.variable{width:var(--width, initial);height:var(--height, initial);}
.ico_aligner.variable i{width:var(--width, initial);height:var(--height, initial);background-image:var(--background-image, initial);background-size:cover;background-position:center;background-repeat:no-repeat;}
.ico_aligner .v4_comp.notibadge{position:absolute;top:-4px;right:-4px;}
.ico_aligner .v4_comp.notibadge:has(.badge.sm){top:-2px;right:-2px;}
.ico_aligner .v4_comp.notibadge:has(.badge.number){top:-9px;right:-9px;}

.global_asset{display:block;background:url('../images/common/global_asset.png') 0 0 no-repeat;background-size:640px;text-indent:110%;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;color:transparent}
.global_asset.tooltip_close{width:14px;height:14px;background-position:0 -200px;}
.global_asset.chip_del{width:7px;height:7px;background-position:-20px -200px;}
.global_asset.chip_del.white{width:7px;height:7px;background-position:-20px -210px;}
.global_asset.breadcrumbs_arrow{width:7px;height:12px;background-position:-30px -200px;}
.global_asset.expand_collapse{width:9px;height:5px;background-position:-40px -200px;}
.global_asset.expand_collapse.up{transform:rotate(-180deg);}
.global_asset.control_arrow.up{width:12px;height:6.5px;background-position:-55px -200px;transform:rotate(-180deg);}
.global_asset.control_arrow.down{width:12px;height:6.5px;background-position:-55px -200px;}
.global_asset.control_arrow.right{width:6.5px;height:12px;background-position:-70px -200px;}
.global_asset.control_arrow.left{width:6.5px;height:12px;background-position:-70px -200px;transform:rotate(-180deg);}
.global_asset.i_dot_3{width:3px;height:13px;background-position:-80px -200px;}
.global_asset.i_dot_3.black{width:3px;height:13px;background-position:-280px -200px;}
.global_asset.i_layer_close{width:18px;height:18px;background-position:-90px -200px;}
.global_asset.i_paging_arrow{width:5px;height:9px;background-position:-115px -200px;}
.global_asset.i_paging_arrow.next{transform:rotate(-180deg);}
.global_asset.i_arrow_back.white{width:10px;height:17px;background-position:-125px -200px;}
.global_asset.i_arrow_back.black{width:10px;height:17px;background-position:-155px -200px;}
.global_asset.i_arrow_next.blue{width:6.5px;height:11.5px;background-position:-170px -200px;}
.global_asset.i_arrow_left{width:6.5px;height:11.5px;background-position:-325px -200px;}
.global_asset.order_arrow{width:12px;height:6.5px;background-position:-140px -200px;}
.global_asset.order_arrow.up{transform:rotate(-180deg);}
.global_asset.order_arrow.deactive{background-position-y:-210px;}
.global_asset.i_line_close{width:13.5px;height:13.5px;background-position:-240px -200px;}
.global_asset.i_plus_sm{width:11.5px;height:11.5px;background-position:-260px -200px;}
.global_asset.i_plus_sm.white{background-position-y:-185px;}
.global_asset.i_minus_sm{width:11.5px;height:1.5px;background-position:-260px -180px;}
.global_asset.i_check{width:12px;height:8px;background-position:-290px -200px;}
.global_asset.i_filter{width:13.5px;height:13.5px;background-position:-305px -200px;}
.global_asset.i_check_blue{width:18.5px;height:12.5px;background-position:-340px -200px;}
.global_asset.calendar_btn{width:16px;height:18px;background-position:0 -220px;}
.global_asset.calendar_btn.sm{width:13.5px;height:14.5px;background-position:-245px -375px;}
.global_asset.i_attach_del{width:18px;height:18px;background-position:-20px -220px;}
.global_asset.preview_eye{width:19px;height:14px;background-position:-40px -220px;}
.global_asset.preview_eye.off{width:19.5px;height:19.5px;background-position:-335px -375px;}
.global_asset.doc_type{width:16px;height:20px;background-position:-65px -220px;}
.global_asset.doc_type.deattach{background-position:-85px -220px;}
.global_asset.attach_add{width:21px;height:20px;background-position:-105px -220px;}
.global_asset.attach_add.sm{width:18px;height:18px;background-position-x:-520px;}
.global_asset.label_helper{width:14px;height:14px;background-position:-130px -220px;}
.global_asset.i_list_type{width:18px;height:18px;background-position:-150px -220px;}
.global_asset.i_list_type.on{background-position-x:-170px;}
.global_asset.i_list_type.big{background-position-x:-190px;}
.global_asset.i_list_type.big.on{background-position-x:-210px;}
.global_asset.i_list_type.gal{background-position:-190px -200px;}
.global_asset.i_list_type.gal.on{background-position-x:-210px;}
.global_asset.i_favorite{width:14px;height:19.5px;background-position:-230px -220px;}
.global_asset.i_favorite.on{background-position-x:-245px;}
.global_asset.i_share{width:20px;height:20px;background-position:-260px -220px;}
.global_asset.i_reply{width:18px;height:17px;background-position:-285px -220px;}
.global_asset.i_reply.sm{width:14px;height:12.5px;background-position:-325px -220px;}
.global_asset.i_clip{width:16px;height:16px;background-position:-305px -220px;}
.global_asset.i_clip.sm{width:14px;height:14px;background-position:-345px -220px;}
.global_asset.i_search{width:18px;height:18px;background-position:-365px -220px;}
.global_asset.i_search.black{background-position-y:-200px;}
.global_asset.i_refresh{width:14px;height:14px;background-position:-390px -220px;}
.global_asset.i_pencil{width:17.5px;height:17.5px;background-position:-410px -220px;}
.global_asset.i_letter{width:16px;height:16px;background-position:-430px -220px;}
.global_asset.i_print{width:20px;height:20px;background-position:-450px -220px;}
.global_asset.i_print.white{width:20px;height:20px;background-position:-560px -220px;}
.global_asset.i_lang{width:18px;height:18px;background-position:-475px -220px;}
.global_asset.i_download.white{width:18px;height:19px;background-position:-540px -220px;}
.global_asset.i_doc_copy{width:16px;height:16px;background-position:-585px -220px;}
.global_asset.i_draw_box{width:20px;height:18px;background-position:-605px -220px;}
.global_asset.i_lang.on{background-position-x:-495px;}
.global_asset.i_report_type{width:32px;height:32px;background-position:0 -250px;}
.global_asset.i_report_type.doc{background-position-x:-35px;}
.global_asset.i_report_type.survey{background-position-x:-70px;}
.global_asset.i_report_type.survey.act{background-position-x:-105px;}
.global_asset.i_padlock{width:26.5px;height:34.5px;background-position:-280px -250px;}
.global_asset.i_pin_on{width:17px;height:17px;background-position:-315px -250px;}
.global_asset.i_pin_off{width:20px;height:20px;background-position:-340px -250px;}
.global_asset.i_heart_off{width:20px;height:18px;background-position:-370px -250px;}
.global_asset.i_heart_on{width:18px;height:16px;background-position:-395px -250px;}
.global_asset.i_info_bell_ico{width:34.5px;height:34.5px;background-position:-420px -250px;}
.global_asset.i_folder{width:18px;height:15px;background-position:-465px -250px;}
.global_asset.i_folder.gray{background-position-y:-280px;}
.global_asset.i_file{width:16px;height:20px;background-position:-495px -250px;}
.global_asset.i_file.gray{background-position-y:-280px;}
.global_asset.i_arrow_back_circle{width:48px;height:48px;background-position:0 -290px;}
.global_asset.i_arrow_back_circle.right{transform:rotate(-180deg);}
.global_asset.i_survey_type_ico{width:20px;height:20px;background-position:0 -345px;}
.global_asset.i_survey_type_ico.radio{background-position-x:-25px;}
.global_asset.i_survey_type_ico.text{width:17px;background-position-x:-50px;}
.global_asset.i_survey_type_ico.sign{height:13px;background-position-x:-75px;}
.global_asset.i_survey_type_ico.cal{width:21px;height:21px;background-position-x:-100px;}
.global_asset.i_draw_badge{width:50px;height:52px;background-position:0 -375px;}
.global_asset.i_draw_badge.end{background-position-x:-55px;}
.global_asset.i_draw_badge.win{background-position-x:-110px;}
.global_asset.i_draw_ico_clover{width:12px;height:14px;background-position:-170px -375px;}
.global_asset.i_detach.white{width:21.5px;height:21.5px;background-position:-190px -375px;}
.global_asset.i_detach.sm.gray{width:13px;height:13px;background-position:-220px -375px;}
.global_asset.i_trash{width:15px;height:16.5px;background-position:-265px -375px;}
.global_asset.i_open_arrow{width:11.5px;height:11.5px;background-position:-290px -375px;}
.global_asset.i_bell{width:17.5px;height:19.5px;background-position:-310px -375px;}
.global_asset.i_shield.black.sm{width:12px;height:12px;background-position:-365px -375px;}
.global_asset.i_arrow_dual{width:7.5px;height:13.5px;background-position:-385px -375px;}
.global_asset.i_gear{width:14px;height:14px;background-position:-400px -375px;}
.global_asset.i_orgchart{width:19.5px;height:19.5px;background-position:-420px -375px;}
.global_asset.i_bookmark{width:19.5px;height:19.5px;background-position:-445px -375px;}
.global_asset.i_sendalim.black{width:17.5px;height:17.5px;background-position:-470px -375px;}
.global_asset.i_sendsms.black{width:17.5px;height:19.5px;background-position:-495px -375px;}
.global_asset.i_sendmsg.black{width:19.5px;height:18.5px;background-position:-570px -375px;}
.global_asset.i_memassign{width:17.5px;height:20.5px;background-position:-520px -375px;}
.global_asset.i_memassign.cancel{background-position-x:-545px;}
.global_asset.i_info_failed_ico{width:34.5px;height:34.5px;background-position:-90px -290px;}
.global_asset.i_info_success_ico{width:34.5px;height:34.5px;background-position:-130px -290px;}
.global_asset.i_info_msg_ico{width:20px;height:20px;background-position:-170px -290px;}
.global_asset.i_info_msg_ico.black{background-position-x:-220px;}
.global_asset.i_info_msg_ico.info{background-position-x:-245px;}
.global_asset.i_info_msg_ico.sm{width:14px;height:14px;background-position-y:-315px;}
.global_asset.i_info_warning_ico{width:20px;height:18px;background-position:-195px -290px;}
.global_asset.i_info_warning_ico.orange{background-position-x:-270px;}
.global_asset.i_info_warning_ico.sm{width:14px;height:12px;background-position-y:-315px;}
.global_asset.i_plus{width:16px;height:16px;background-position:0 -440px;}
.global_asset.i_plus.disabled{background-position-y:-460px;}
.global_asset.i_plus.white{background-position-x:-40px;}
.global_asset.i_minus{width:16px;height:2px;background-position:-20px -440px;}
.global_asset.i_minus.disabled{background-position-y:-460px;}
.global_asset.i_grid{width:17.5px;height:17.5px;background-position:0 -490px;}
.global_asset.i_grid_x{width:19.5px;height:19.5px;background-position:-25px -490px;}
.global_asset.i_quick_menu_icon_01{width:22px;height:21px;background-position:0 -520px;}
.global_asset.i_quick_menu_icon_02{width:22px;height:22px;background-position:-30px -520px;}
.global_asset.i_quick_menu_icon_03{width:20px;height:21px;background-position:-60px -520px;}
.global_asset.i_quick_menu_icon_04{width:22px;height:18px;background-position:-90px -520px;}
.global_asset.i_quick_menu_icon_05{width:20px;height:22px;background-position:-120px -520px;}

.global_asset.i_google_logo{width:51px;height:22px;background:url('../images/content/google_logo.png') center center / 100% no-repeat;}

.v4_block_box{padding:8px 20px;background-color:var(--color-white);box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.08);border-radius:16px;box-sizing:border-box;}
.v4_block_box.type_bottom_btns{padding:20px;}
.v4_block_box.type_card{padding:20px;}
.v4_block_box.type_error{border:1px solid var(--color-red-500);}
.v4_block_box.type_view_box{padding:0;}
.v4_block_box.type_survey_box{padding:16px;border:1px solid var(--color-gray-100);border-radius:12px;box-shadow:none;}
.v4_block_box.type_survey_box:focus-within,
.v4_block_box.type_survey_box.selected{border-color:var(--color-blue-500);}
.v4_block_box.type_survey_box.short{padding:12px 16px;}
.v4_block_box.type_survey_box.type_card:not(:focus-within):not(.edit-within) .v4_comp.survey_box .survey_box_aligner > div:not(.show-edit-within):not(:has(~ div:not(.show-edit-within))){padding-bottom:0;margin-bottom:0;border-bottom:0 none;}
.v4_block_box.type_survey_box.type_card{padding:20px;border:1px solid transparent;border-radius:16px;box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.08);}
.v4_block_box.type_survey_box.type_card.short{padding:8px 12px;border:1px solid var(--color-gray-100);border-radius:8px;box-shadow:none;}
.v4_block_box.type_survey_box.type_card:focus-within,
.v4_block_box.type_survey_box.type_card.selected,
.v4_block_box.type_survey_box.type_card.short.selected{border-color:var(--color-blue-500);}
.v4_block_box.type_survey_box.type_card .show-edit-within{display:none;}
.v4_block_box.type_survey_box.type_card .show-edit-without{display:block;}
.v4_block_box.type_survey_box.type_card:focus-within .show-edit-within,
.v4_block_box.type_survey_box.type_card.edit-within .show-edit-within{display:block;}
.v4_block_box.type_survey_box.type_card:focus-within .show-edit-without,
.v4_block_box.type_survey_box.type_card.edit-within .show-edit-without{display:none;}
.v4_block_box.type_transparent{background-color:transparent;box-shadow:none;border-radius:0;}
.v4_block_box:not(.type_bottom_btns).type_transparent,
.v4_block_box:not(.type_bottom_btns).type_transparent{padding:16px;}
.v4_block_box.type_big_padding{padding:48px 20px;}
.v4_block_box.type_card .box_inner_type_column{display:flex;flex-direction:column;justify-content:space-between;gap:48px;}
.v4_block_box.type_card .box_inner_type_column .con_box_main{height:100%;align-content:center;}
.v4_block_box.type_card .box_inner_type_column .con_box_main.align-content-start{align-content:start;}
.v4_block_box.type_card .box_inner_type_column .member_join_con_box{margin-top:-12px;}
.v4_block_box.padding-4{padding:4px;}
.v4_block_box.border-radius-4{border-radius:4px;}
.v4_block_box.padding-8{padding:8px;}
.v4_block_box.border-radius-8{border-radius:8px;}
.v4_block_box.padding-12{padding:12px;}
.v4_block_box.border-radius-12{border-radius:12px;}
.v4_block_box.padding-16{padding:16px;}
.v4_block_box.border-radius-16{border-radius:16px;}
.v4_block_box.padding-20{padding:20px;}
.v4_block_box.border-radius-20{border-radius:20px;}
.v4_block_box.padding-24{padding:24px;}
.v4_block_box.padding-30{padding:30px;}
.v4_block_box.padding-top-8{padding-top:8px;}
.v4_block_box.padding-bottom-8{padding-bottom:8px;}
.v4_block_box.box-shadow-none{box-shadow:none;}
.v4_block_box.border-gray-75{border:1px solid var(--color-gray-75);}
.v4_block_box.border-gray-100{border:1px solid var(--color-gray-100);}
.v4_block_box.background-gray-50{background-color:var(--color-gray-50);}
.v4_block_box.background-gray-75{background-color:var(--color-gray-75);}
.v4_block_box:not(.box-shadow-none).h100per.cal-shadow{height:calc(100% - 6px);}
.v4_block_box_aligner > div{margin-bottom:12px;}
.v4_block_box_aligner > div:last-child{margin-bottom:0;}
.v4_block_box_aligner.xlg > div{margin-bottom:20px;}
.v4_block_box_aligner.xlg > div:last-child{margin-bottom:0;}
.v4_block_box_aligner.lg > div{margin-bottom:16px;}
.v4_block_box_aligner.lg > div:last-child{margin-bottom:0;}
.v4_block_box_aligner.sm > div{margin-bottom:8px;}
.v4_block_box_aligner.sm > div:last-child{margin-bottom:0;}
.v4_block_box_aligner.xs > div{margin-bottom:4px;}
.v4_block_box_aligner.xs > div:last-child{margin-bottom:0;}
.v4_block_box_aligner.type_survey_box > div{margin-bottom:16px;}
.v4_block_box_aligner.type_survey_box > div:last-child{margin-bottom:0;}
.v4_block_box_aligner.type_grid{display:grid;gap:12px;}
.v4_block_box_aligner.type_grid.col-2{grid-template-columns:repeat(2, 1fr);}
.v4_block_box_aligner.type_grid.col-4{grid-template-columns:repeat(4, 1fr);}
.v4_block_box_aligner.type_grid > div{margin-bottom:0;}
.v4_block_box_aligner.type_grid.fill-height{align-items:stretch;grid-auto-rows:minmax(var(--fill-min-height, auto), auto);}
.v4_block_box_aligner.type_grid.fill-height > div{height:100%;}

.v4_label{font-size:0.875rem;color:inherit;}
.v4_input{padding:8px 12px;width:100%;height:38px;font-size:0.875rem;color:inherit;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:6px;box-sizing:border-box;}
.v4_input::placeholder{color:var(--color-gray-600);}
.v4_input:hover,
.v4_input:focus{border-color:var(--color-blue-300);}
.v4_input.active{border-color:var(--color-blue-500);}
.v4_input.error{border-color:var(--color-red-500);}
.v4_input[readonly],
.v4_input[readonly]::placeholder{color:var(--color-gray-900);background-color:var(--color-gray-50);border-color:var(--color-gray-100);}
.v4_input[disabled],
.v4_input[disabled]::placeholder{color:var(--color-gray-300);background-color:var(--color-gray-50);border-color:var(--color-gray-100);}
.v4_input.sm{padding:5px 10px;height:30px;font-size:0.8125rem;}
.v4_input.large{padding:12px 14px;height:48px;font-size:0.9375rem;border-radius:8px;}
.v4_textarea{display:block;padding:12px;width:100%;font-size:0.875rem;color:inherit;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:6px;box-sizing:border-box;}
.v4_textarea::placeholder{color:var(--color-gray-600);}
.v4_textarea:hover,
.v4_textarea:focus{border-color:var(--color-blue-300);}
.v4_textarea.active{border-color:var(--color-blue-500);}
.v4_textarea.error{border-color:var(--color-red-500);}
.v4_textarea[readonly],
.v4_textarea[readonly]::placeholder{color:var(--color-gray-900);background-color:var(--color-gray-50);border-color:var(--color-gray-100);}
.v4_textarea[disabled],
.v4_textarea[disabled]::placeholder{color:var(--color-gray-300);background-color:var(--color-gray-50);border-color:var(--color-gray-100);}
.v4_textarea.no-resize{resize:none;}
.v4_textarea.no-border{height:auto;padding:0;font-size:1rem;border:0 none;border-radius:0;outline:0 none;}
.v4_textarea.no-border.sm{font-size:0.875rem;}
.v4_select{padding:8px 30px 8px 12px;width:100%;height:38px;font-size:0.875rem;color:inherit;background:var(--color-white) url(../images/common/select_arrow.png) calc(100% - 12px) center / 10px 5px no-repeat;border:1px solid var(--color-gray-100);border-radius:6px;box-sizing:border-box;}
.v4_select.placeholder{color:var(--color-gray-600);}
.v4_select:hover,
.v4_select:focus{border-color:var(--color-blue-300);}
.v4_select.active{border-color:var(--color-blue-500);}
.v4_select.error{border-color:var(--color-red-500);}
.v4_select[readonly]{color:var(--color-gray-900);background-color:var(--color-gray-50);border-color:var(--color-gray-100);}
.v4_select[disabled]{color:var(--color-gray-300);background-color:var(--color-gray-50);border-color:var(--color-gray-100);}
.v4_select.sm{padding:5px 28px 5px 10px;height:30px;font-size:0.8125rem;}
.v4_select.large{padding:12px 26px 12px 14px;height:48px;font-size:0.9375rem;border-radius:8px;}

.v4_file{position:absolute;width:1px !important;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
.v4_file + label{display:flex;align-items:center;gap:4px;}
.v4_file + label:before{flex-grow:1;content:attr(data-before);height:38px;padding:8px 12px;font-size:0.875rem;color:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:6px;box-sizing:border-box;}
.v4_file.only_btn + label{cursor:pointer;}
.v4_file.only_btn + label:before{display:none;}
.v4_file:focus + label{outline:1px dotted var(--color-gray-900);}

.v4_input_aligner{display:flex;align-items:center;gap:4px;}
.v4_input_aligner .input{flex-grow:1;}
.v4_input_aligner .btn{flex-shrink:0;}
.v4_input_aligner .text{flex-shrink:0;font-size:0.9375rem;}
.v4_input_aligner.email .email_input{display:flex;align-items:center;gap:5px;}
.v4_input_aligner.email .email_input .email_id,
.v4_input_aligner.email .email_input .email_host{flex:1 1 auto;}
.v4_input_aligner.email .email_host_select{width:160px;}
.v4_input_aligner.city_combo_box{display:flex;align-items:center;gap:5px;}
.v4_input_aligner.city_combo_box .city_select{flex:0 0 113px;}
.v4_input_aligner.range{font-size:0.875rem;}
.v4_input_aligner.range .cnt{width:80px;}
.v4_input_aligner.range .dash{flex-shrink:0;color:var(--color-gray-600);}
.v4_input_aligner.in-text{position:relative;}
.v4_input_aligner.in-text .text{position:absolute;top:50%;font-size:0.875rem;transform:translateY(-50%);}
.v4_input_aligner.in-text.text-right .v4_input{padding-right:35px;}
.v4_input_aligner.in-text.text-right .text{right:12px;}
.v4_input_aligner.in-control{position:relative;}
.v4_input_aligner.in-control .control{position:absolute;top:50%;transform:translateY(-50%);}
.v4_input_aligner.in-control.control-right .v4_input{padding-right:38px;}
.v4_input_aligner.in-control.control-right .control{right:10px;}

.v4_textarea_aligner .v4_textarea{height:100px;resize:none;}
.v4_textarea_aligner .v4_textarea.h72{height:72px;}
.v4_textarea_aligner .v4_textarea.h250{height:250px;}
.v4_textarea_aligner .textarea_infos{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px;font-size:0.8125rem;color:var(--color-gray-600);}
.v4_textarea_aligner .textarea_infos .point{color:var(--color-blue-500);}
.v4_textarea_aligner .textarea_infos .medium{font-weight:500;}
.v4_textarea_aligner .textarea_infos > div{flex:1 0 auto;}
.v4_textarea_aligner.no-border-wrap{padding-bottom:4px;border-bottom:1px solid transparent;box-sizing:border-box;}
.v4_textarea_aligner.no-border-wrap:hover{border-color:var(--color-gray-100);}
.v4_textarea_aligner.no-border-wrap:focus-within{border-color:var(--color-blue-500);}
.v4_textarea_aligner.no-border-wrap.error{border-color:var(--color-red-500);}
.v4_textarea_aligner.no-border-wrap .v4_textarea{height:auto;}
.v4_textarea_aligner.no-border-wrap.indent-30px .v4_textarea{text-indent:30px;}

.v4_check{display:flex;}
.v4_check input[type="radio"],
.v4_check input[type="checkbox"]{position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;overflow:hidden !important;border:0 none !important;clip:rect(0, 0, 0, 0) !important;}
.v4_check input[type="radio"]:focus + label,
.v4_check input[type="checkbox"]:focus + label{outline:1px dotted var(--color-gray-900);}
.v4_check input[type="radio"] + label,
.v4_check input[type="checkbox"] + label{display:flex;align-items:center;gap:8px;font-size:0.875rem;box-sizing:border-box;cursor:pointer;}
.v4_check input[type="radio"] + label > i,
.v4_check input[type="checkbox"] + label > i{flex-shrink:0;width:18px;height:18px;background:url('../images/common/global_asset.png') -45px 0 / 640px no-repeat;}
.v4_check input[type="radio"] + label > i{background-position:0 -80px;}
.v4_check input[type="radio"]:hover + label > i,
.v4_check input[type="radio"]:focus + label > i{background-position-y:-100px;}
.v4_check input[type="checkbox"]:hover + label > i,
.v4_check input[type="checkbox"]:focus + label > i{background-position-y:-20px;}
/* .v4_check input[type="radio"]:checked + label,
.v4_check input[type="checkbox"]:checked + label{color:var(--color-gray-900);} */
.v4_check input[type="radio"]:checked + label > i{background-position-x:-20px;}
.v4_check input[type="checkbox"]:checked + label > i{background-position-x:-65px;}
.v4_check input[type="radio"][disabled] + label > i,
.v4_check input[type="radio"][readonly] + label > i{background-position-y:-120px;}
.v4_check input[type="checkbox"][disabled] + label > i,
.v4_check input[type="checkbox"][readonly] + label > i{background-position-y:-40px;}
.v4_check input[type="radio"][disabled] + label,
.v4_check input[type="radio"][readonly] + label,
.v4_check input[type="checkbox"][disabled] + label,
.v4_check input[type="checkbox"][readonly] + label{color:var(--color-gray-400);}

.v4_check.vtop input[type="radio"] + label > i,
.v4_check.vtop input[type="checkbox"] + label > i{align-self:normal;}

.v4_check.indeter input[type="checkbox"]:checked + label > i{background-position-x:-85px;}

.v4_check.weekday input[type="radio"] + label,
.v4_check.weekday input[type="checkbox"] + label{justify-content:center;width:38px;height:48px;font-size:1rem;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:58px;}
.v4_check.weekday input[type="radio"]:checked + label,
.v4_check.weekday input[type="checkbox"]:checked + label{color:var(--color-white);background-color:var(--color-blue-500);border-color:var(--color-blue-500);}
.v4_check.weekday input[type="radio"]:hover + label,
.v4_check.weekday input[type="radio"]:focus + label,
.v4_check.weekday input[type="checkbox"]:hover + label,
.v4_check.weekday input[type="checkbox"]:focus + label{border-color:var(--color-blue-500);}
.v4_check.weekday input[type="radio"]:checked:hover + label,
.v4_check.weekday input[type="radio"]:checked:focus + label,
.v4_check.weekday input[type="checkbox"]:checked:hover + label,
.v4_check.weekday input[type="checkbox"]:checked:focus + label{background-color:var(--color-blue-600);}

.v4_check.schedule input[type="radio"] + label,
.v4_check.schedule input[type="checkbox"] + label{flex-grow:1;justify-content:center;padding:12px 0;font-size:0.875rem;text-align:center;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:8px;}
.v4_check.schedule input[type="radio"]:checked:not([disabled]):not([readonly]) + label,
.v4_check.schedule input[type="checkbox"]:checked:not([disabled]):not([readonly]) + label{color:var(--color-white);background-color:var(--color-blue-500);border-color:var(--color-blue-500);}
.v4_check.schedule input[type="radio"]:hover:not([disabled]):not([readonly]) + label,
.v4_check.schedule input[type="checkbox"]:hover:not([disabled]):not([readonly]) + label,
.v4_check.schedule input[type="radio"]:focus:not([disabled]):not([readonly]) + label,
.v4_check.schedule input[type="checkbox"]:focus:not([disabled]):not([readonly]) + label{border-color:var(--color-blue-500);}
.v4_check.schedule input[type="radio"][disabled] + label,
.v4_check.schedule input[type="checkbox"][disabled] + label,
.v4_check.schedule input[type="radio"][readonly] + label,
.v4_check.schedule input[type="checkbox"][readonly] + label{color:var(--color-gray-500);background-color:var(--color-gray-50);}

.v4_check.colorpicker input[type="radio"] + label > i,
.v4_check.colorpicker input[type="checkbox"] + label > i{opacity:0;}
.v4_check.colorpicker input[type="radio"] + label,
.v4_check.colorpicker input[type="checkbox"] + label{justify-content:center;width:24px;height:24px;font-size:1rem;background-color:var(--color);border-radius:50%;}
.v4_check.colorpicker input[type="radio"]:checked + label > i,
.v4_check.colorpicker input[type="checkbox"]:checked + label > i{width:12px;height:8px;background-position:-290px -200px;opacity:1;}
.v4_check.colorpicker input[type="radio"]:checked + label,
.v4_check.colorpicker input[type="radio"]:checked:hover + label,
.v4_check.colorpicker input[type="radio"]:checked:focus + label,
.v4_check.colorpicker input[type="checkbox"]:checked + label,
.v4_check.colorpicker input[type="checkbox"]:checked:hover + label,
.v4_check.colorpicker input[type="checkbox"]:checked:focus + label{border:1px solid var(--color-gray-900);box-shadow:inset 0 0 0 3px var(--color-white);}
.v4_check.colorpicker input[type="radio"]:hover + label,
.v4_check.colorpicker input[type="radio"]:focus + label,
.v4_check.colorpicker input[type="checkbox"]:hover + label,
.v4_check.colorpicker input[type="checkbox"]:focus + label{border:2px solid var(--color-white);}

.v4_check.sm input[type="checkbox"] + label > i{width:12px;height:8px;background-position:0 0;}
.v4_check.sm input[type="checkbox"]:hover + label > i,
.v4_check.sm input[type="checkbox"]:focus + label > i{background-position:0 0;}
.v4_check.sm input[type="checkbox"]:checked + label > i{background-position-x:-15px;}
.v4_check.sm input[type="checkbox"][disabled] + label > i,
.v4_check.sm input[type="checkbox"][readonly] + label > i{background-position-y:-30px;}

.v4_check.large input[type="radio"] + label,
.v4_check.large input[type="checkbox"] + label{font-size:0.9375rem;}
.v4_check.large input[type="radio"] + label > i,
.v4_check.large input[type="checkbox"] + label > i{width:24px;height:24px;background-position-x:-105px;}
.v4_check.large input[type="radio"] + label > i{background-position-x:-40px;}
.v4_check.large input[type="radio"]:hover + label > i,
.v4_check.large input[type="radio"]:focus + label > i{background-position-y:-105px;}
.v4_check.large input[type="checkbox"]:hover + label > i,
.v4_check.large input[type="checkbox"]:focus + label > i{background-position-y:-25px;}
.v4_check.large input[type="radio"]:checked + label > i{background-position-x:-65px;}
.v4_check.large input[type="checkbox"]:checked + label > i{background-position-x:-130px;}
.v4_check.large input[type="radio"][disabled] + label > i,
.v4_check.large input[type="radio"][readonly] + label > i{background-position-y:-130px;}
.v4_check.large input[type="checkbox"][disabled] + label > i,
.v4_check.large input[type="checkbox"][readonly] + label > i{background-position-y:-50px;}
.v4_check.large.indeter input[type="checkbox"]:checked + label > i{background-position-x:-155px;}
.v4_check.large.round input[type="checkbox"] + label > i{background-position-x:-180px;}
.v4_check.large.round input[type="checkbox"]:checked + label > i{background-position-x:-205px;}
.v4_check.large.round.indeter input[type="checkbox"]:checked + label > i{background-position-x:-230px;}
.v4_check.large.round.file input[type="checkbox"] + label > i{background-position-x:-255px;}
.v4_check.large.round.file input[type="checkbox"]:checked + label > i{background-position-x:-280px;}

.v4_check.toggle input[type="checkbox"] + label{gap:10px;min-height:18px;font-size:0.875rem;font-weight:500;}
.v4_check.toggle input[type="checkbox"] + label > i{position:relative;width:44px;height:24px;background:var(--color-gray-300);border-radius:30px;transition:all .3s;}
.v4_check.toggle input[type="checkbox"] + label > i:after{position:absolute;top:0;bottom:0;left:2px;margin:auto;display:block;content:'';width:20px;height:20px;background:var(--color-white);border-radius:50%;transition:all .3s;}
.v4_check.toggle input[type="checkbox"]:checked + label > i{background:var(--color-blue-500);}
.v4_check.toggle input[type="checkbox"]:checked + label > i:after{left:calc(100% - 22px);}
.v4_check.toggle input[type="checkbox"][disabled] + label > i{background:var(--color-gray-100);}
.v4_check.toggle input[type="checkbox"][disabled]:checked + label > i{background:var(--color-blue-200);}
.v4_check.toggle.sm input[type="checkbox"] + label{font-size:0.8125rem;font-weight:normal;}
.v4_check.toggle.sm input[type="checkbox"] + label > i{width:34px;height:18px;}
.v4_check.toggle.sm input[type="checkbox"] + label > i:after{width:14px;height:14px;}
.v4_check.toggle.sm input[type="checkbox"]:checked + label > i:after{left:calc(100% - 16px);}
.v4_check.toggle.full input[type="checkbox"] + label{flex-grow:1;display:flex;justify-content:space-between;}

.v4_check.type_chip input[type="radio"] + label,
.v4_check.type_chip input[type="checkbox"] + label{overflow:hidden;}
.v4_check.type_chip input[type="radio"]:checked + label .v4_comp.chip,
.v4_check.type_chip input[type="checkbox"]:checked + label .v4_comp.chip{color:var(--color-white);background-color:var(--color-gray-800);}
.v4_check.type_chip input[type="radio"]:checked + label .v4_comp.chip.outline,
.v4_check.type_chip input[type="checkbox"]:checked + label .v4_comp.chip.outline{color:var(--color-white);background-color:var(--color-gray-800);border-color:var(--color-gray-800);}
.v4_check.type_chip.full input[type="radio"] + label,
.v4_check.type_chip.full input[type="checkbox"] + label{flex-grow:1;}
.v4_check.type_chip.full input[type="radio"] + label .v4_comp.chip,
.v4_check.type_chip.full input[type="checkbox"] + label .v4_comp.chip{width:100%;}
.v4_check.type_chip.txt-center input[type="radio"] + label .v4_comp.chip,
.v4_check.type_chip.txt-center input[type="checkbox"] + label .v4_comp.chip{justify-content:center;}
.v4_check.sm.type_chip input[type="checkbox"] + label .v4_comp.chip{gap:4px;}
.v4_check.sm.type_chip input[type="checkbox"] + label .v4_comp.chip > i{flex-shrink:0;width:12px;height:8px;background:url('../images/common/global_asset.png') 0 0 / 640px no-repeat;}
.v4_check.sm.type_chip input[type="checkbox"]:checked + label .v4_comp.chip > i{background-position-x:-15px;}

.v4_check.block_box input[type="radio"] + label,
.v4_check.block_box input[type="checkbox"] + label{gap:12px;padding:12px;min-height:48px;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:8px;}
.v4_check.block_box input[type="radio"]:checked:not([disabled]):not([readonly]) + label,
.v4_check.block_box input[type="checkbox"]:checked:not([disabled]):not([readonly]) + label{/* background-color:var(--color-blue-75); */border-color:var(--color-blue-500);}
.v4_check.block_box input[type="radio"]:hover:not([disabled]):not([readonly]) + label,
.v4_check.block_box input[type="checkbox"]:hover:not([disabled]):not([readonly]) + label,
.v4_check.block_box input[type="radio"]:focus:not([disabled]):not([readonly]) + label,
.v4_check.block_box input[type="checkbox"]:focus:not([disabled]):not([readonly]) + label{border-color:var(--color-blue-500);}
.v4_check.block_box input[type="radio"][disabled] + label,
.v4_check.block_box input[type="checkbox"][disabled] + label,
.v4_check.block_box input[type="radio"][readonly] + label,
.v4_check.block_box input[type="checkbox"][readonly] + label{color:var(--color-gray-500);background-color:var(--color-gray-50);}
.v4_check.block_box input[type="radio"][disabled]:not(:checked) + label *,
.v4_check.block_box input[type="checkbox"][disabled]:not(:checked) + label *,
.v4_check.block_box input[type="radio"][readonly]:not(:checked) + label *,
.v4_check.block_box input[type="checkbox"][readonly]:not(:checked) + label *{color:var(--color-gray-500);}
.v4_check.block_box.lg input[type="radio"] + label,
.v4_check.block_box.lg input[type="checkbox"] + label{padding:13px;}
.v4_check.block_box.full input[type="radio"] + label,
.v4_check.block_box.full input[type="checkbox"] + label,
.v4_check.block_box.full input[type="radio"] + label .wide,
.v4_check.block_box.full input[type="checkbox"] + label .wide{flex-grow:1;}
.v4_check.block_box.arrow input[type="radio"] + label .check_text,
.v4_check.block_box.arrow input[type="checkbox"] + label .check_text{display:flex;align-items:center;gap:5px;}
.v4_check.block_box.arrow input[type="radio"] + label .check_text .arrow_down,
.v4_check.block_box.arrow input[type="checkbox"] + label .check_text .arrow_down{flex-shrink:0;}
.v4_check.block_box.arrow input[type="radio"] + label .check_text .arrow_down.blue,
.v4_check.block_box.arrow input[type="checkbox"] + label .check_text .arrow_down.blue{display:none;}
.v4_check.block_box.arrow input[type="radio"]:checked + label .check_text .arrow_down,
.v4_check.block_box.arrow input[type="checkbox"]:checked + label .check_text .arrow_down{display:none;}
.v4_check.block_box.arrow input[type="radio"]:checked + label .check_text .arrow_down.blue,
.v4_check.block_box.arrow input[type="checkbox"]:checked + label .check_text .arrow_down.blue{display:initial;}

.v4_check_aligner{display:flex;flex-wrap:wrap;align-items:center;gap:16px;row-gap:8px;}
.v4_check_aligner.col{flex-direction:column;}
.v4_check_aligner.col > div{width:100%;box-sizing:border-box;}
.v4_check_aligner.gap-4px{gap:4px;row-gap:4px;}
.v4_check_aligner.gap-8px{gap:8px;row-gap:8px;}
.v4_check_aligner.gap-20px{column-gap:20px;}
.v4_check_aligner.row-gap-12px{row-gap:12px;}
.v4_check_aligner.row-gap-16px{row-gap:16px;}
.v4_check_aligner.grid.col2 > div{flex:1 0 calc((100% - 16px) / 2);}
.v4_check_aligner.schedule{gap:4px;row-gap:4px;}
.v4_check_aligner.schedule.col3 > div{flex:0 0 calc((100% - 8px) / 3);}
.v4_check_aligner.schedule.col4 > div{flex:0 0 calc((100% - 12px) / 4);}
.v4_check_aligner.schedule.col5 > div{flex:0 0 calc((100% - 16px) / 5);}

.v4_comp.search_bar .search_bar_inner{display:flex;align-items:center;gap:4px;}
.v4_comp.search_bar .search_bar_input{flex-grow:1;position:relative;height:38px;padding:8px 38px 8px 14px;font-size:0.875rem;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:30px;box-sizing:border-box;}
.v4_comp.search_bar .search_bar_input .search_text{position:absolute;top:0;bottom:0;left:14px;margin:auto;width:calc(100% - 52px);background-color:transparent;border:0 none;outline:0;}
.v4_comp.search_bar .search_bar_input .search_text::placeholder{color:var(--color-gray-600);}
.v4_comp.search_bar .search_bar_input .search_btn{position:absolute;top:0;bottom:0;right:10px;margin:auto;padding:0;background-color:transparent;border:0 none;}
.v4_comp.search_bar .search_bar_refresh{display:none;}
.v4_comp.search_bar.has_refresh .search_bar_refresh{display:block;}

.v4_comp.search_filter_lists .search_filter_lists_inner{position:relative;height:36px;overflow:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.v4_comp.search_filter_lists .search_filter_lists_inner::-webkit-scrollbar{display:none;}
.v4_comp.search_filter_lists .search_filter_lists_inner > ul{position:absolute;top:0;bottom:0;margin:auto;display:flex;align-items:center;gap:4px;width:max-content;}
.v4_comp.search_filter_lists.has_controls{position:relative;}
.v4_comp.search_filter_lists .search_filter_lists_controls .control_item{position:absolute;top:0;bottom:0;margin:auto;height:36px;display:none;}
.v4_comp.search_filter_lists .search_filter_lists_controls .control_btn{display:block;width:36px;height:36px;background-color:var(--color-white);border:1px solid var(--color-gray-100);box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.08);border-radius:50%;box-sizing:border-box;}
.v4_comp.search_filter_lists .search_filter_lists_controls .control_btn .control_arrow{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.v4_comp.search_filter_lists .search_filter_lists_controls .control_item.prev .control_btn .control_arrow{transform:rotate(-180deg);}
.v4_comp.search_filter_lists .search_filter_lists_controls .control_item.prev{left:-18px;}
.v4_comp.search_filter_lists .search_filter_lists_controls .control_item.next{right:-18px;}
.v4_comp.search_filter_lists.has_prev .search_filter_lists_controls .control_item.prev{display:block;}
.v4_comp.search_filter_lists.has_next .search_filter_lists_controls .control_item.next{display:block;}

.v4_comp.search_filter_box .search_filter_box_inner{display:flex;align-items:center;}
.v4_comp.search_filter_box .search_filter_box_inner .filter_option_btn{flex-shrink:0;position:relative;padding-right:17px;}
.v4_comp.search_filter_box .search_filter_box_inner .filer_lists{flex-grow:1;}
.v4_comp.search_filter_box .search_filter_box_inner .filer_lists .search_filter_lists_inner{height:auto;min-height:30px;}
.v4_comp.search_filter_box .search_filter_box_inner .filter_option_btn:after{position:absolute;top:0;right:8px;display:block;content:'';width:1px;height:100%;background-color:var(--color-gray-100);}

.v4_comp.survey_paging_bar{display:flex;align-items:center;gap:16px;}
.v4_comp.survey_paging_bar .survey_paging_lists_container{flex-grow:1;margin-top:-9px}
.v4_comp.survey_paging_lists .survey_paging_lists_inner{position:relative;height:39px;overflow:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.v4_comp.survey_paging_lists .survey_paging_lists_inner::-webkit-scrollbar{display:none;}
.v4_comp.survey_paging_lists .survey_paging_lists_inner > ul{position:absolute;top:0;bottom:0;margin:auto;display:flex;align-items:flex-end;gap:4px;width:max-content;}
.v4_comp.survey_paging_lists .survey_paging_lists_inner > ul > li{position:relative;}
.v4_comp.survey_paging_lists .survey_paging_lists_inner .notibadge{position:absolute;top:-9px;left:0;right:0;width:5px;margin:auto;}
.v4_comp.survey_paging_lists.has_controls{position:relative;}
.v4_comp.survey_paging_lists .survey_paging_lists_controls .control_item{position:absolute;top:6px;bottom:0;margin:auto;display:none;}
.v4_comp.survey_paging_lists .survey_paging_lists_controls .control_btn{position:relative;display:block;width:36px;height:36px;background-color:var(--color-white);border:1px solid var(--color-gray-100);box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.08);border-radius:50%;box-sizing:border-box;}
.v4_comp.survey_paging_lists .survey_paging_lists_controls .control_btn .control_arrow{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.v4_comp.survey_paging_lists .survey_paging_lists_controls .control_item.prev .control_btn .control_arrow{transform:rotate(-180deg);}
.v4_comp.survey_paging_lists .survey_paging_lists_controls .control_item.prev{left:-18px;}
.v4_comp.survey_paging_lists .survey_paging_lists_controls .control_item.next{right:-18px;}
.v4_comp.survey_paging_lists.has_prev .survey_paging_lists_controls .control_item.prev{display:block;}
.v4_comp.survey_paging_lists.has_next .survey_paging_lists_controls .control_item.next{display:block;}

.v4_comp.date_range{display:flex;align-items:center;gap:8px;background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:6px;box-sizing:border-box;}
.v4_comp.date_range .date_item{flex:1 1 auto;}
.v4_comp.date_range .date_item.dash{flex:0 0 auto;font-size:0.8125rem;}
.v4_comp.date_range .v4_input{height:36px;background-color:inherit;border:0 none;}
.v4_comp.date_range:hover,
.v4_comp.date_range:focus{border-color:var(--color-blue-300);}
.v4_comp.date_range.active{border-color:var(--color-blue-500);}
.v4_comp.date_range.error{border-color:var(--color-red-500);}
.v4_comp.date_range[readonly]{color:var(--color-gray-900);background-color:var(--color-gray-50);border-color:var(--color-gray-100);}
.v4_comp.date_range[disabled]{color:var(--color-gray-300);background-color:var(--color-gray-50);border-color:var(--color-gray-100);}
.v4_comp.date_range .date_item:nth-child(1) .v4_comp.cal_input input{padding-right:20px;}
.v4_comp.date_range .date_item:nth-child(1) .v4_comp.cal_input a{right:0;}
.v4_comp.date_range .date_item:nth-child(n + 2) .v4_comp.cal_input input{padding-left:0;}
.v4_comp.date_time_block{display:flex;align-items:center;gap:4px;}
.v4_comp.date_time_block .date_item{flex:1 1 auto;max-width:160px;}
.v4_comp.date_time_block .time_item{width:72px;}
.v4_comp.date_time_block .time_items{display:flex;align-items:center;gap:4px;}
.v4_comp.date_time_block .date_item.full{max-width:100%;}
.v4_comp.date_time_block.flex-wrap{flex-wrap:wrap;}
.v4_comp.date_range_start_end_count{display:flex;align-items:center;gap:8px;}
.v4_comp.date_range_start_end_count .date_item{width:135px;}
.v4_comp.date_range_start_end_count .count_item{width:110px;}
.v4_comp.date_range_start_end_count .text_item{flex-shrink:0;font-size:0.9375rem;}
.v4_comp.date_range_start_end_count .date_start{display:flex;align-items:center;gap:4px;}
.v4_comp.date_range_start_end_count .date_end_count{display:flex;align-items:center;gap:4px;}
.v4_comp.cal_input{display:flex;position:relative;}
.v4_comp.cal_input input{padding-right:30px;}
.v4_comp.cal_input a{position:absolute;top:0;bottom:0;right:10px;margin:auto 0;display:block;width:18px;height:18px;}
.v4_comp.cal_input i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

.v4_comp.tag{display:flex;gap:4px;align-items:center;min-height:22px;padding:0 6px;font-size:0.8125rem;font-weight:500;color:var(--color-gray-700);background-color:var(--color-gray-75);border-radius:4px;box-sizing:border-box;}
.v4_comp.tag.blue{color:var(--color-blue-600);background-color:var(--color-blue-75);}
.v4_comp.tag.green{color:var(--color-green-600);background-color:var(--color-green-75);}
.v4_comp.tag.red{color:var(--color-red-600);background-color:var(--color-red-75);}
.v4_comp.tag.orange{color:var(--color-orange-600);background-color:var(--color-orange-75);}
.v4_comp.tag.yellow{color:var(--color-yellow-600);background-color:var(--color-yellow-75);}
.v4_comp.tag.purple{color:var(--color-purple-600);background-color:var(--color-purple-75);}
.v4_comp.tag.accent{color:var(--color-white);background-color:var(--color-gray-600);}
.v4_comp.tag.accent.blue{background-color:var(--color-blue-500);}
.v4_comp.tag.accent.green{background-color:var(--color-green-500);}
.v4_comp.tag.accent.red{background-color:var(--color-red-500);}
.v4_comp.tag.accent.orange{background-color:var(--color-orange-500);}
.v4_comp.tag.accent.yellow{background-color:var(--color-yellow-500);}
.v4_comp.tag.accent.purple{background-color:var(--color-purple-500);}
.v4_comp.tag.round{padding:0 8px;border-radius:14px;}
.v4_comp.tag.sm{min-height:18px;font-size:0.75rem;font-weight:normal;}
.v4_comp.tag.outline{background-color:initial;border:1px solid var(--color-gray-75);}
.v4_comp.tag .tag_text{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v4_comp.tag .tag_icon{position:relative;display:block;width:14px;height:14px;}
.v4_comp.tag .tag_icon i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}

.v4_comp.caption_item .caption_text{display:block;max-width:100%;font-size:0.8125rem;color:var(--color-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.v4_comp.caption_item .caption_text em{font-style:normal;color:var(--color-gray-600);}
.v4_comp.caption_item .caption_text.fulltext{white-space:normal;word-break:break-all;overflow-wrap:break-word;}
.v4_comp.caption_item .caption_text.sm{font-size:0.875rem;}
.v4_comp.caption_item .accent{font-weight:500;color:var(--color-gray-800);}
.v4_comp.caption_item .point{color:var(--color-blue-500);}
.v4_comp.caption_item .desc{color:var(--color-gray-500);}
.v4_comp.caption_item .normal{font-weight:normal;}

.v4_comp.chip_list > ul{display:flex;flex-wrap:wrap;gap:4px;}
.v4_comp.chip_list > ul > li{position:relative;display:flex;align-items:center;max-width:100%;padding:0 10px;height:24px;font-size:0.75rem;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--color-gray-75);border-radius:16px;box-sizing:border-box;}
.v4_comp.chip_list > ul > li .chip_nm{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.v4_comp.chip_list > ul > li a.chip_del{display:none;width:18px;height:18px;position:relative;}
.v4_comp.chip_list > ul > li a.chip_del i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.v4_comp.chip_list > ul > li.red{color:var(--color-red-900);background-color:var(--color-red-75);}
.v4_comp.chip_list > ul > li.orange{color:var(--color-orange-900);background-color:var(--color-orange-75);}
.v4_comp.chip_list > ul > li.yellow{color:var(--color-ryellowed-900);background-color:var(--color-yellow-75);}
.v4_comp.chip_list > ul > li.green{color:var(--color-green-900);background-color:var(--color-green-75);}
.v4_comp.chip_list > ul > li.blue{color:var(--color-blue-900);background-color:var(--color-blue-75);}
.v4_comp.chip_list > ul > li.purple{color:var(--color-purple-900);background-color:var(--color-purple-75);}
.v4_comp.chip_list.is_form > ul > li{padding-right:5px;}
.v4_comp.chip_list.is_form > ul > li a.chip_del{display:block;}

.v4_comp.chip{position:relative;display:flex;align-items:center;gap:4px;max-width:100%;padding:0 12px;height:30px;font-size:0.8125rem;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--color-gray-75);border:0 none;border-radius:16px;box-sizing:border-box;}
.v4_comp.chip .chip_text{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.v4_comp.chip a.chip_del{display:none;width:18px;height:18px;position:relative;margin-left:-4px;}
.v4_comp.chip a.chip_del i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.v4_comp.chip.has_del{padding-right:5px;}
.v4_comp.chip.has_del a.chip_del{display:block;}
.v4_comp.chip:hover,
.v4_comp.chip:focus{background-color:var(--color-gray-100);}
.v4_comp.chip.active{color:var(--color-white);background-color:var(--color-gray-800);}
.v4_comp.chip.active a.chip_del i{background-position-y:-210px;}
.v4_comp.chip.outline{color:var(--color-gray-800);background-color:var(--color-white);border:1px solid var(--color-gray-100);}
.v4_comp.chip.outline:hover,
.v4_comp.chip.outline:focus{background-color:var(--color-gray-50);}
.v4_comp.chip.outline.active{color:var(--color-white);background-color:var(--color-gray-800);border-color:var(--color-gray-800);}
.v4_comp.chip.large{padding:8px 12px;height:38px;font-size:0.875rem;border-radius:30px;}
.v4_comp.chip.border-radius-6{border-radius:6px;}

.v4_comp.write_form_opts_box .box_inner_wrap{width:280px;background-color:var(--color-white);box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.08);border-radius:16px;box-sizing:border-box;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_head{padding:12px 16px;border-bottom:1px solid var(--color-gray-100);}
.v4_comp.write_form_opts_box .box_inner_wrap .box_head .box_head_title{font-size:1.125rem;font-weight:bold;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_tabs{padding:12px 16px 0 16px;border-bottom:1px solid var(--color-gray-75);}
.v4_comp.write_form_opts_box .box_inner_wrap .box_list_controls{padding:12px 16px;border-bottom:1px solid var(--color-gray-75);}
.v4_comp.write_form_opts_box .box_inner_wrap .box_foot{padding:10px;text-align:center;border-top:1px solid var(--color-gray-100);}
.v4_comp.write_form_opts_box .box_inner_wrap .box_foot_btn{font-size:0;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_inner_con_item{padding:0 16px;border-bottom:1px solid var(--color-gray-100);}
.v4_comp.write_form_opts_box .box_inner_wrap .box_inner_con_item:last-child{border-bottom:0 none;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_inner_con_item .box_con_title{margin-top:12px;font-size:0.875rem;color:var(--color-gray-600);}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec{padding:12px 0;border-bottom:1px solid var(--color-gray-75);}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec:last-child{border-bottom:0 none;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_head .sec_head_aligner{display:flex;align-items:center;justify-content:space-between;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_head .sec_head_title{font-size:0.9375rem;font-weight:500;color:var(--color-gray-800);}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_head .sec_head_check{flex-shrink:0;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_con{display:none;margin-top:8px;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec.extend .sec_con{display:block;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_con .con_item + .con_item{margin-top:4px;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_con .con_item.title{font-size:0.8125rem;color:var(--color-gray-600);}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_con .con_item.desc{font-size:0.8125rem;color:var(--color-gray-600);}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_con .con_item.cnts{text-align:right;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_con .con_item.gray_box{padding:8px;background-color:var(--color-gray-50);border-radius:4px;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_con .con_item.gray_box .depth2{position:relative;padding-left:26px;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_con .con_item.gray_box .depth2:before{position:absolute;top:0;left:0;display:block;content:'';width:18px;height:18px;background:url('../images/common/common_depth.png') center center / 10px 10px no-repeat;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_con.con_type_box_sec{margin-top:12px;margin-bottom:-12px;}
.v4_comp.write_form_opts_box .box_inner_wrap .box_sec .sec_con.con_type_box_sec .box_sec{border-top:1px solid var(--color-gray-75);border-bottom:0 none;}
.write_form_opts_wrap.pos-sticky .v4_comp.write_form_opts_box,
.write_form_opts_wrap.in-layer.pos-sticky{position:sticky;top:0;}
.write_form_opts_wrap.in-layer.pos-sticky .v4_comp.write_form_opts_box{position:initial;}
.write_form_opts_wrap.pos-sticky .v4_comp.write_form_opts_box .box_inner_wrap .box_inner_con{max-height:calc(100vh - 135px);max-height:calc(100dvh - 135px);}
.write_form_opts_wrap.pos-sticky .v4_comp.write_form_opts_box .box_inner_wrap:has(.box_tabs) .box_inner_con{max-height:calc(100vh - 184px);max-height:calc(100dvh - 184px);}
.write_form_opts_wrap.pos-sticky .v4_comp.write_form_opts_box .box_inner_wrap:has(.box_tabs):has(.box_list_controls.active) .box_inner_con{max-height:calc(100vh - 240px);max-height:calc(100dvh - 240px);}
.write_form_opts_wrap.in-layer.pos-sticky .v4_comp.write_form_opts_box .box_inner_wrap .box_inner_con{max-height:calc(100vh - 155px);max-height:calc(100dvh - 155px);}
.write_form_opts_wrap.in-layer.pos-sticky .v4_comp.write_form_opts_box .box_inner_wrap:has(.box_tabs) .box_inner_con{max-height:calc(100vh - 203px);max-height:calc(100dvh - 203px);}
.write_form_opts_wrap.in-layer.pos-sticky .v4_comp.write_form_opts_box .box_inner_wrap:has(.box_tabs):has(.box_list_controls.active) .box_inner_con{max-height:calc(100vh - 258px);max-height:calc(100dvh - 258px);}

.v4_comp.label_helper{position:relative;display:flex;align-items:center;gap:4px;}
.v4_comp.label_helper .over_helper_tooltip{position:fixed;top:100%;z-index:10;}

.v4_comp.report_attach_list .report_item{display:flex;align-items:center;gap:8px;min-height:60px;padding:8px 12px;border:1px solid var(--color-gray-100);border-radius:8px;box-sizing:border-box;}
.v4_comp.report_attach_list .report_item + .report_item{margin-top:4px;}
.v4_comp.report_attach_list .report_item .report_text_box{flex-grow:1;overflow:hidden;}
.v4_comp.report_attach_list .report_item .report_link{display:block;}
.v4_comp.report_attach_list .report_item .report_title{display:flex;align-items:center;gap:4px;font-size:0;}
.v4_comp.report_attach_list .report_item .report_title_text{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:0.875rem;font-weight:bold;color:var(--color-gray-800);}
.v4_comp.report_attach_list .report_item .report_status{flex-shrink:0;}
.v4_comp.report_attach_list .report_item .report_date,
.v4_comp.report_attach_list .report_item .report_caption{display:block;display:-webkit-box;font-size:0.8125rem;color:var(--color-gray-600);overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.v4_comp.report_attach_list .report_item .report_del,
.v4_comp.report_attach_list .report_item .report_type{flex-shrink:0;}
.v4_comp.report_attach_list .report_item .report_del,
.v4_comp.report_attach_list .report_attach_opt_btns{display:none;}
.v4_comp.report_attach_list.is_form .report_item .report_del,
.v4_comp.report_attach_list.is_form .report_attach_opt_btns{display:block;}
.v4_comp.report_attach_list.is_form .report_item .report_status{display:none;}
.v4_comp.report_attach_list.is_form .report_attach_opt_btns + .report_attach_lists{margin-top:8px;}
.v4_comp.report_attach_list.is_list .report_item{min-height:65px;padding:10px 12px;border-radius:12px;}
.v4_comp.report_attach_list.is_survey_attach .report_item .report_del,
.v4_comp.report_attach_list.is_survey_attach .report_attach_opt_btns{display:block;}
.v4_comp.report_attach_list.is_survey_attach .report_item .report_status{display:none;}
.v4_comp.report_attach_list.is_survey_attach .report_attach_opt_btns + .report_attach_lists{margin-top:8px;}
.v4_comp.report_attach_list.is_survey_attach .report_item + .report_item{margin-top:8px;}
.v4_comp.report_attach_list.type_view .report_item + .report_item{margin-top:8px;}
.v4_comp.report_attach_list .report_item.type_survey{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:12px;border-radius:12px;}
.v4_comp.report_attach_list .report_item.type_survey .report_item_block{width:100%;}
.v4_comp.report_attach_list .report_item.type_survey .report_item_block.report_title_block{display:flex;align-items:center;gap:8px;}
.v4_comp.report_attach_list .report_item.type_survey .report_item_block.report_btn_block{display:flex;align-items:center;gap:4px;}
.v4_comp.report_attach_list .report_item.type_survey .report_item_block.report_btn_block .wide{flex-grow:1;}
.v4_comp.report_attach_list .report_item.type_survey .report_item_block.report_status_block{display:flex;align-items:center;gap:4px;}
.v4_comp.report_attach_list .report_item.type_survey .report_item_block.report_status_block .status_totals{font-size:0.8125rem;color:var(--color-gray-600);}
.v4_comp.report_attach_list .report_item.type_survey .report_item_block.report_status_block .cnt_totals{font-weight:500;}
.v4_comp.report_attach_list .report_item.type_survey .report_item_block.report_status_block .ans_totals{color:var(--color-blue-500);}

.v4_comp.empty_box{padding:20px;}
.v4_comp.empty_box .empty_text{margin-top:8px;font-size:0.875rem;color:var(--color-gray-600);text-align:center;}
.v4_comp.empty_box .empty_link{margin-top:8px;text-align:center;}
.v4_comp.empty_box .empty_bg{position:relative;padding-top:38px;}
.v4_comp.empty_box .empty_bg:before{display:block;content:'';position:absolute;top:0;left:0;right:0;margin:0 auto;width:38px;height:38px;background:url('../images/bg/bg_emptydoc.png') 0 0 / 100% no-repeat;}
.v4_comp.empty_box.reply .empty_bg{padding-top:34px;}
.v4_comp.empty_box.reply .empty_bg:before{height:34px;background-image:url('../images/bg/bg_emptyreply.png');}
.v4_comp.empty_box.xls{padding:16px 20px;}
.v4_comp.empty_box.xls .empty_bg{padding-top:34px;}
.v4_comp.empty_box.xls .empty_bg:before{width:34px;height:34px;background-image:url('../images/bg/bg_emptyxls.png');}
.v4_comp.empty_box.action_data{padding:20px 36px;}
.v4_comp.empty_box.action_data .empty_bg{padding-top:38px;}
.v4_comp.empty_box.action_data .empty_bg:before{width:38px;height:36px;background-image:url('../images/bg/bg_empty_list.png');}
.v4_comp.empty_box.board .empty_bg{padding-top:31px;}
.v4_comp.empty_box.board .empty_bg:before{width:34px;height:31px;background-image:url('../images/bg/bg_emptyboard.png');}
.v4_comp.empty_box.group .empty_bg{padding-top:30px;}
.v4_comp.empty_box.group .empty_bg:before{width:42px;height:30px;background-image:url('../images/bg/bg_emptygroup.png');}
.v4_comp.empty_box.address .empty_bg{padding-top:32px;}
.v4_comp.empty_box.address .empty_bg:before{width:22px;height:32px;background-image:url('../images/bg/bg_emptyaddress.png');}
.v4_comp.empty_box.info .empty_bg{padding-top:37px;}
.v4_comp.empty_box.info .empty_bg:before{width:37px;height:37px;background-image:url('../images/bg/bg_ico_info.png');}

.v4_comp.expand_box .expand_box_wrap{border:1px solid var(--color-gray-100);border-radius:8px;box-sizing:border-box;overflow:hidden;}
.v4_comp.expand_box .expand_box_wrap .expand_box_header{display:flex;align-items:center;gap:10px;padding:6px 10px;font-size:0;background-color:var(--color-gray-50);}
.v4_comp.expand_box .expand_box_wrap .expand_box_header .left{flex-grow:1;display:flex;align-items:center;gap:8px;}
.v4_comp.expand_box .expand_box_wrap .expand_box_header .right{flex-shrink:0;}
.v4_comp.expand_box .expand_box_wrap .expand_box_header .cnt{font-size:0.875rem;font-weight:500;}
.v4_comp.expand_box .expand_box_wrap .expand_box_header .point{color:var(--color-blue-500);}
.v4_comp.expand_box .expand_box_wrap .expand_box_con{min-height:80px;height:80px;padding:4px;box-sizing:border-box;}
.v4_comp.expand_box .expand_box_wrap .expand_box_con .expand_box_con_inner{height:100%;overflow:hidden;overflow-y:auto;box-sizing:border-box;}
.v4_comp.expand_box.expand .expand_box_wrap .expand_box_con{height:auto;}

.v4_comp.numbers_box .numbers_box_inner{display:flex;align-items:center;gap:4px;}
.v4_comp.numbers_box .numbers_box_inner .v4_input{width:48px;height:48px;font-size:1.25rem;font-weight:bold;text-align:center;}

.v4_comp.tooltip{position:absolute;}
.v4_comp.tooltip.pos-top{bottom:100%;}
.v4_comp.tooltip.pos-bottom{top:100%;}
.v4_comp.tooltip .tooltip_box{position:relative;padding:12px;width:max-content;max-width:266px;color:var(--color-white);background-color:var(--color-gray-800);border-radius:8px;box-shadow:0 2px 8px 0 rgba(13, 28, 39, 0.12);box-sizing:border-box;}
.v4_comp.tooltip .tooltip_title{font-size:0.875rem;font-weight:normal;}
.v4_comp.tooltip .tooltip_desc{font-size:0.8125rem;font-weight:normal;}
.v4_comp.tooltip * ~ .tooltip_desc{margin-top:4px;}
.v4_comp.tooltip * ~ .tooltip_btn{margin-top:8px;}
.v4_comp.tooltip .tooltip_box .tooltip_close{display:none;}
.v4_comp.tooltip.has_close .tooltip_box{padding-right:40px;}
.v4_comp.tooltip.has_close .tooltip_box .tooltip_close{position:absolute;top:10px;right:8px;display:block;}
.v4_comp.tooltip.arrow .tooltip_box:after{display:block;content:'';position:absolute;width:10px;height:6px;margin:auto;border:5px solid var(--color-gray-800);border-left-color:transparent;border-right-color:transparent;border-top-color:transparent;border-top-width:0;border-bottom-width:6px;box-sizing:border-box;}
.v4_comp.tooltip.bottom{margin:0;margin-bottom:8px;}
.v4_comp.tooltip.arrow.bottom{padding:0;padding-bottom:6px;}
.v4_comp.tooltip.arrow.bottom .tooltip_box:after{bottom:-6px;transform:rotate(180deg);}
.v4_comp.tooltip.top{margin:0;margin-top:8px;}
.v4_comp.tooltip.arrow.top{padding:0;padding-top:6px;}
.v4_comp.tooltip.arrow.top .tooltip_box:after{top:-6px;}
.v4_comp.tooltip.arrow.left .tooltip_box:after{left:16px;}
.v4_comp.tooltip.arrow.center .tooltip_box:after{left:0;right:0;}
.v4_comp.tooltip.arrow.right .tooltip_box:after{right:16px;}
.v4_comp.tooltip.sideleft{margin:0;margin-left:8px;}
.v4_comp.tooltip.arrow.sideleft{padding:0;padding-left:6px;}
.v4_comp.tooltip.arrow.sideleft .tooltip_box:after{left:-8px;right:auto;transform:rotate(270deg);}
.v4_comp.tooltip.arrow.sideleft.top .tooltip_box:after{top:16px;}
.v4_comp.tooltip.arrow.sideleft.center .tooltip_box:after{top:0;bottom:0;}
.v4_comp.tooltip.arrow.sideleft.bottom .tooltip_box:after{bottom:16px;}
.v4_comp.tooltip.sideright{margin:0;margin-right:8px;}
.v4_comp.tooltip.arrow.sideright{padding:0;padding-right:6px;}
.v4_comp.tooltip.arrow.sideright .tooltip_box:after{right:-8px;left:auto;transform:rotate(90deg);}
.v4_comp.tooltip.arrow.sideright.top .tooltip_box:after{top:16px;}
.v4_comp.tooltip.arrow.sideright.center .tooltip_box:after{top:0;bottom:0;}
.v4_comp.tooltip.arrow.sideright.bottom .tooltip_box:after{bottom:16px;}
.v4_comp.tooltip_container{position:relative;}
.v4_comp.tooltip_container.type_over .v4_comp.tooltip{display:none;}
.v4_comp.tooltip_container.type_over:hover .v4_comp.tooltip,
.v4_comp.tooltip_container.type_over:focus-within .v4_comp.tooltip{display:block;}

.v4_comp.select_option{position:relative;}
.v4_comp.select_option .select_option_btn{position:relative;display:inline-block;padding:0 26px 0 8px;font-size:0.9375rem;}
.v4_comp.select_option .select_option_btn i{position:absolute;top:0;bottom:0;right:8px;margin:auto;}
.v4_comp.select_option .select_option_btn.type_head{padding-left:0;}

.v4_comp.action_list_wrapper{position:relative;}
.v4_comp.action_list{display:none;position:absolute;top:calc(100% + 8px);left:-8px;background-color:var(--color-white);border:1px solid var(--color-gray-100);box-shadow:0 3px 16px 0 rgba(37, 68, 91, 0.08);border-radius:12px;box-sizing:border-box;z-index:21;}
.v4_comp.action_list.type_in_page{position:static;margin-top:8px;box-shadow:none;}
.v4_comp.action_list.active{display:block;}
.v4_comp.action_list.right{left:auto;right:-8px;}
.v4_comp.action_list.top{top:auto;bottom:calc(100% + 8px);}
.v4_comp.action_list .action_list_wrap{width:max-content;min-width:150px;padding:8px 0;box-sizing:border-box;}
.v4_comp.action_list .action_list_wrap .top-line{border-top:1px solid var(--color-gray-100);}
.v4_comp.action_list .action_list_wrap .action_list_item{padding:8px 14px;font-size:0.9375rem;}
.v4_comp.action_list .action_list_wrap .action_list_item a{display:block;color:inherit;}
.v4_comp.action_list .action_list_wrap .action_list_item:hover,
.v4_comp.action_list .action_list_wrap .action_list_item:focus{background-color:var(--color-gray-50);}
.v4_comp.action_list .action_list_wrap .action_list_item.active{color:var(--color-blue-500);font-weight:bold;}
.v4_comp.action_list .action_list_wrap .action_list_item.active .active-wbold{font-weight:bold;}
.v4_comp.action_list .action_list_wrap .action_list_item.active .active-wnormal{font-weight:normal;}
.v4_comp.action_list .action_list_wrap .action_list_type_con{padding:8px 16px;}
.v4_comp.action_list .action_list_header{padding:8px 16px;border-bottom:1px solid var(--color-gray-100);}
.v4_comp.action_list .action_list_scroll{width:100%;max-height:220px;overflow:hidden;overflow-y:auto;}
.v4_comp.action_list .action_list_group_title{padding:4px 16px;font-size:0.8125rem;color:var(--color-gray-600);}
.v4_comp.action_list .action_list_header + .action_list_wrap .action_list_item{padding:8px 16px;}
.v4_comp.action_list.type_list{left:0;}
.v4_comp.action_list.type_list.type_full{width:100%;}
.v4_comp.action_list.type_list.type_full .action_list_wrap{width:100%;}
.v4_comp.action_list.type_list_line .action_list_item{border-bottom:1px solid var(--color-gray-75);}
.v4_comp.action_list:has(.spinner_box){padding:8px 16px;}
.v4_comp.action_list:has(.v4_form_box) .action_list_wrap{min-width:190px;}
.v4_comp.action_list:has(.v4_form_box) .action_list_wrap .action_list_item{padding:8px 16px;}
.v4_comp.action_list:has(.v4_form_box) .action_list_wrap .action_list_item:hover,
.v4_comp.action_list:has(.v4_form_box) .action_list_wrap .action_list_item:focus{background-color:inherit;}
.v4_comp.action_list .action_step_box{display:flex;}
.v4_comp.action_list .action_step_box .active_arrow{display:none;}
.v4_comp.action_list .action_step_box .action_step_1{flex:1;}
.v4_comp.action_list .action_step_box .action_step_2{flex:1;display:none;position:relative;}
.v4_comp.action_list .action_step_box .action_step_2:before{display:block;content:'';position:absolute;top:-8px;width:1px;height:calc(100% + 16px);background-color:var(--color-gray-75);}
.v4_comp.action_list .action_step_box .action_step_1:has(.active) ~ .action_step_2{display:block;}
.v4_comp.action_list .action_step_box .action_list_item.active .active_arrow{display:block;}

.v4_comp.floating_write_btn{position:sticky;bottom:16px;left:auto;right:auto;width:fit-content;margin:12px auto 0 auto;padding-right:0;text-align:center;pointer-events:none;z-index:10;}
.v4_comp.floating_write_btn .v4_btn{pointer-events:auto;}

.v4_comp.floating_list_action_wrap{position:sticky;bottom:-8px;left:0;z-index:21;}
.v4_comp.floating_list_action_wrap .action_wrap{padding:8px;}
.v4_comp.floating_list_action_wrap .action_wrap .action_content{padding:16px;background-color: var(--color-white);border:1px solid var(--color-gray-100);border-radius:12px;box-shadow:0 -4px 20px 0 rgba(37, 68, 91, 0.08);}
.v4_comp.floating_list_action_wrap .action_wrap .action_head{position:relative;}
.v4_comp.floating_list_action_wrap .action_wrap .action_head .action_close{position:absolute;top:0;right:0;}
.v4_comp.floating_list_action_wrap .action_wrap .action_cnts{color:var(--color-gray-600);}
.v4_comp.floating_list_action_wrap .action_wrap .action_cnts em{font-style:normal;color:var(--color-blue-500);}

.v4_comp.notibadge .badge{width:8px;height:8px;background-color:var(--color-red-500);border-radius:50%;}
.v4_comp.notibadge .badge.sm{width:5px;height:5px;}
.v4_comp.notibadge .badge.black{background-color:var(--color-gray-900);}
.v4_comp.notibadge .badge.light_gray{background-color:var(--color-gray-75);}
.v4_comp.notibadge .badge.gray{background-color:var(--color-gray-600);}
.v4_comp.notibadge .badge.blue{background-color:var(--color-blue-500);}
.v4_comp.notibadge .badge.red{background-color:var(--color-red-400);}
.v4_comp.notibadge .badge.green{background-color:var(--color-green-400);}
.v4_comp.notibadge .badge.orange{background-color:var(--color-orange-400);}
.v4_comp.notibadge .badge.yellow{background-color:var(--color-yellow-200);}
.v4_comp.notibadge .badge.purple{background-color:var(--color-purple-500);}
.v4_comp.notibadge .badge.border{border:2px solid var(--color-white);}
.v4_comp.notibadge .badge.number{display:flex;align-items:center;width:auto;height:18px;padding:0 6px;font-size:0.75rem;font-weight:500;color:var(--color-white);border-radius:9px;}
.v4_comp.notibadge .badge.number.transparent{background-color:transparent;color:var(--color-code, var(--color-gray-900));}
.v4_comp.notibadge .badge.number.light_gray{color:var(--color-gray-700);}
.v4_comp.notibadge .badge.number.circle{justify-content:center;width:18px;padding:0;border-radius:50%;}

.v4_comp.reply_input_box.reply_input_active{display:none;}
.v4_comp.reply_input_box .reply_input_head{margin-bottom:4px;font-size:0.8125rem;color:var(--color-gray-600);}
.v4_comp.reply_input_box .reply_input_text_box{padding:12px;border:1px solid var(--color-gray-100);border-radius:12px;}
.v4_comp.reply_input_box .reply_input_text_box > div{margin-top:8px;}
.v4_comp.reply_input_box .reply_input_text_box > div:first-child{margin-top:0;}
.v4_comp.reply_input_box .reply_input_text_area .v4_textarea{height:56px;padding:0;resize:none;border:0 none;}
.v4_comp.reply_input_box .reply_input_attach{padding:8px 0;border:1px solid var(--color-gray-75);border-left:0 none;border-right:0 none;}
.v4_comp.reply_input_box .reply_input_attach .reply_input_attach_scroll{max-height:120px;overflow:hidden;overflow-y:auto;}

.v4_comp.paging .paging_inner{display:flex;align-items:center;justify-content:flex-end;gap:16px;}
.v4_comp.paging .paging_inner .paging_count_select{flex-shrink:0;width:80px;}
.v4_comp.paging .paging_inner .paging_lists{flex-grow:1;}
.v4_comp.paging .paging_inner .paging_lists > ul{display:flex;align-items:center;justify-content:flex-end;}
.v4_comp.paging .paging_inner .paging_lists a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:0.875rem;text-align:center;border-radius:6px;}
.v4_comp.paging .paging_inner .paging_lists a:hover{background-color:var(--color-gray-50);}
.v4_comp.paging .paging_inner .paging_lists .active a{color:var(--color-white);background-color:var(--color-blue-500);}

.v4_comp.order_action_btns{display:flex;align-items:center;gap:4px;}
.v4_comp.order_action_btns.right{justify-content:flex-end;}

.v4_comp.survey_box .survey_box_aligner > div{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--color-gray-75);}
.v4_comp.survey_box .survey_box_aligner > div:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0 none;}
.v4_comp.survey_box .survey_box_aligner > div.no-line{padding-bottom:0;border-bottom:0 none;}
.v4_comp.survey_box .survey_box_type{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.v4_comp.survey_box .survey_box_type .type_select{width:160px;}
.v4_comp.survey_box .survey_box_type .order_btns{display:flex;align-items:center;gap:4px;}
.v4_comp.survey_box .survey_box_title{position:relative;}
.v4_comp.survey_box .survey_box_title .survey_box_title_num{position:absolute;top:0;left:0;font-weight:bold;color:var(--color-blue-500);}
.v4_comp.survey_box .survey_box_title .survey_box_title_num + .survey_box_title_text{text-indent:30px;}
.v4_comp.survey_box .survey_box_tags + .survey_box_title{margin-top:4px;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item{display:flex;margin-bottom:8px;padding:12px;border:1px solid var(--color-gray-100);border-radius:8px;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item:last-child{margin-bottom:0;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item .type_check{flex-shrink:0;margin-top:3px;margin-right:12px;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item .type_infos{flex-grow:1;margin-top:4px;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item .type_infos .type_infos_cnts{margin-top:8px;font-size:0.875rem;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item .type_infos .type_infos_cnts.focus-within{display:none;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item:focus-within .type_infos .type_infos_cnts{display:none;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item:focus-within .type_infos .type_infos_cnts.focus-within{display:block;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item .type_attach{display:none;flex-shrink:0;margin-left:8px;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item .type_del{flex-shrink:0;margin-left:8px;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item:focus-within .type_attach{display:block;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item:focus-within .type_attach + .type_del{margin-left:4px;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item.type_text{padding:0;border:0 none;border-radius:0;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item.type_text .type_infos{margin-top:0;}
/* .v4_comp.survey_box .survey_box_ans_items_type_box .type_item.type_text .type_infos .type_infos_cnts{display:none;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item.type_text .type_infos .type_infos_cnts.focus-within{display:block;} */
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item.type_etc{align-items:center;gap:8px;padding:0;font-size:0.8125rem;color:var(--color-gray-600);border:0 none;border-radius:0;}
.v4_comp.survey_box .survey_box_ans_items_type_box .type_item.type_check_cnts{padding:0;font-size:0.875rem;border:0 none;border-radius:0;}
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item{margin-bottom:8px;padding:12px;border:1px solid var(--color-gray-100);border-radius:8px;cursor:pointer;}
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:last-child{margin-bottom:0;}
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item .ans_check_box{display:flex;}
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item .ans_check{flex-shrink:0;margin-right:12px;}
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item .ans_infos{flex-grow:1;}
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item .ans_title{font-size:0.9375rem;}
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="radio"]:checked:not([disabled]):not([readonly])),
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="checkbox"]:checked:not([disabled]):not([readonly])),
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="radio"]:not([disabled]):not([readonly])):hover,
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="checkbox"]:not([disabled]):not([readonly])):hover,
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="radio"]:not([disabled]):not([readonly])):focus,
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="checkbox"]:not([disabled]):not([readonly])):focus{border-color:var(--color-blue-500);}
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="radio"][disabled]),
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="checkbox"][disabled]),
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="radio"][readonly]),
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="checkbox"][readonly]){background-color:var(--color-gray-50);}
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="radio"][disabled]) .ans_title,
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="checkbox"][disabled]) .ans_title,
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="radio"][readonly]) .ans_title,
.v4_comp.survey_box .survey_box_ans_items_list_box .ans_item:has(.ans_check input[type="checkbox"][readonly]) .ans_title{color:var(--color-gray-500);}
.v4_comp.survey_box .survey_box_condition_items .condition_item_aligner{margin-top:8px;}
.v4_comp.survey_box .survey_box_condition_items .condition_item_aligner .condition_item{margin-bottom:4px;padding:8px 12px;background-color:var(--color-gray-50);border-radius:8px;}
.v4_comp.survey_box .survey_box_condition_items .condition_item_aligner .condition_item:last-child{margin-bottom:0;}
.v4_comp.survey_box .survey_box_condition_items .condition_item_aligner .condition_item .condition_item_head{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.v4_comp.survey_box .survey_box_condition_items .condition_item_aligner .condition_item .condition_item_title{font-size:0.875rem;color:var(--color-gray-600);}
.v4_comp.survey_box .survey_box_condition_items .condition_item_aligner .condition_item .condition_item_select{margin-top:8px;}
.v4_comp.survey_box .survey_box_condition_items .condition_item_aligner .condition_item .condition_item_select > div{margin-bottom:4px;}
.v4_comp.survey_box .survey_box_condition_items .condition_item_aligner .condition_item .condition_item_select > div:last-child{margin-bottom:0;}
.v4_comp.survey_box .survey_box_condition_items .condition_item_aligner .condition_item .condition_item_select .depth2{position:relative;padding-left:22px;}
.v4_comp.survey_box .survey_box_condition_items .condition_item_aligner .condition_item .condition_item_select .depth2:before{position:absolute;top:0;left:0;display:block;content:'';width:18px;height:18px;background:url('../images/common/common_depth.png') center center / 10px 10px no-repeat;}
.v4_comp.survey_box .survey_box_condition_items .condition_item_btns{margin-top:8px;}
.v4_comp.survey_box .survey_result_aligner > div{margin-bottom:12px;}
.v4_comp.survey_box .survey_result_aligner > div:last-child{margin-bottom:0;}
.v4_comp.survey_box .survey_result_aligner.text_list > div{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--color-gray-75);}
.v4_comp.survey_box .survey_result_aligner.text_list > div:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0 none;}
.v4_comp.survey_box.short .survey_box_aligner{display:flex;align-items:center;gap:8px;}
.v4_comp.survey_box.short .survey_box_aligner > div{padding:0;margin:0;border:0 none;}
.v4_comp.survey_box.short .survey_box_aligner .survey_type_ico,
.v4_comp.survey_box.short .survey_box_aligner .survey_view_btn{flex-shrink:0;}
.v4_comp.survey_box.short .survey_box_aligner .survey_infos{flex-grow:1;}
.v4_comp.survey_box.short .survey_question_text{font-size:0.9375rem;font-weight:500;}
.v4_comp.survey_box.short .survey_question_text a{color:inherit;}
.v4_comp.survey_box.short .survey_question_text.sm{font-size:0.875rem;}
.v4_comp.survey_box.short .survey_info_items{margin-top:4px;}

.v4_comp.toast_block_wrap{position:sticky;bottom:8px;left:0;height:0;z-index:1;}
.v4_comp.toast_block_wrap .toast_box_wrap{position:relative;text-align:center;}
.v4_comp.toast_box{display:none;position:absolute;width:100%;bottom:-100%;z-index:10;opacity:0;}
.v4_comp.toast_box.active{display:block;}
.v4_comp.toast_box .toast_box_inner{display:inline-block;padding:0 8px;text-align:left;}
.v4_comp.toast_box .toast_box_inner .toast_box_inner_con{position:relative;min-height:41px;padding:8px 12px 8px 40px;background-color:var(--color-gray-800);border-radius:8px;box-sizing:border-box;}
.v4_comp.toast_box .toast_box_inner .toast_text{margin:2px 0;font-size:0.875rem;color:var(--color-white);}
.v4_comp.toast_box .toast_box_inner .toast_close{display:none;position:absolute;top:8px;right:8px;}
.v4_comp.toast_box .toast_box_inner .toast_info_ico{position:absolute;top:8px;left:8px;}
.v4_comp.toast_box .toast_box_inner.has_close{display:block;}
.v4_comp.toast_box .toast_box_inner.has_close .toast_box_inner_con{padding-right:40px;}
.v4_comp.toast_box .toast_box_inner.has_close .toast_close{display:block;}

.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(1)){--v4-switch-toggle-count:1;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(2)){--v4-switch-toggle-count:2;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(3)){--v4-switch-toggle-count:3;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(4)){--v4-switch-toggle-count:4;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(5)){--v4-switch-toggle-count:5;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(6)){--v4-switch-toggle-count:6;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(7)){--v4-switch-toggle-count:7;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(8)){--v4-switch-toggle-count:8;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(9)){--v4-switch-toggle-count:9;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(10)){--v4-switch-toggle-count:10;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(1).active){--v4-switch-toggle-active:0;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(2).active){--v4-switch-toggle-active:1;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(3).active){--v4-switch-toggle-active:2;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(4).active){--v4-switch-toggle-active:3;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(5).active){--v4-switch-toggle-active:4;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(6).active){--v4-switch-toggle-active:5;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(7).active){--v4-switch-toggle-active:6;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(8).active){--v4-switch-toggle-active:7;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(9).active){--v4-switch-toggle-active:8;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:has(.switch:nth-child(10).active){--v4-switch-toggle-active:9;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner{--v4-switch-toggle-gap:4px;--v4-switch-toggle-width:calc((100% - ((var(--v4-switch-toggle-count) - 1) * var(--v4-switch-toggle-gap))) / var(--v4-switch-toggle-count));}

.v4_comp.switch_toggle_box .switch_toggle_box_wrap{padding:4px;background-color:var(--color-gray-75);border-radius:8px;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner{position:relative;display:grid;grid-template-columns:repeat(var(--v4-switch-toggle-count), minmax(0, 1fr));align-items:center;gap:var(--v4-switch-toggle-gap);isolation:isolate;}
.v4_comp.switch_toggle_box .switch_toggle_box_inner:after{display:block;content:'';position:absolute;inset:0;width:var(--v4-switch-toggle-width);left:calc((var(--v4-switch-toggle-active) * var(--v4-switch-toggle-width)) + (var(--v4-switch-toggle-active) * var(--v4-switch-toggle-gap)));background-color:var(--color-white);border-radius:6px;box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.16);z-index:-1;transition:all 0.3s;}
.v4_comp.switch_toggle_box .switch_btn{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;padding:0 4px;width:100%;min-height:30px;font-size:0.875rem;color:var(--color-gray-700);background-color:transparent;border:0 none;}
.v4_comp.switch_toggle_box .switch.active .switch_btn{color:var(--color-gray-900);}
.v4_comp.switch_toggle_box.sm .switch_toggle_box_wrap{padding:2px;}
.v4_comp.switch_toggle_box.sm .switch_btn{min-height:26px;font-size:0.8125rem;}

.v4_comp.sign_box .sign_box_wrap{height:240px;background-color:var(--color-gray-50);border:1px solid var(--color-gray-100);box-sizing:border-box;}
.v4_comp.sign_box .sign_box_inner{width:100%;max-width:300px;height:100%;margin:0 auto;text-align:center;background-color:#fff;}

.v4_comp.callout_box .callout_box_wrap{min-height:56px;padding:16px;background-color:var(--color-gray-50);border-radius:12px;box-sizing:border-box;}
.v4_comp.callout_box .callout_box_wrap.mhauto{min-height:auto;}
.v4_comp.callout_box .callout_box_inner{display:flex;gap:8px;}
.v4_comp.callout_box .callout_ico{flex-shrink:0;display:block;position:relative;width:24px;height:24px;}
.v4_comp.callout_box .callout_ico i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.v4_comp.callout_box .callout_title{font-weight:bold;}
.v4_comp.callout_box .callout_text{font-size:0.875rem;}
.v4_comp.callout_box .callout_btns{display:flex;align-items:center;gap:4px;}
.v4_comp.callout_box * + .callout_text{margin-top:4px;}
.v4_comp.callout_box * + .callout_btns{margin-top:12px;}
.v4_comp.callout_box.error .callout_box_wrap{background-color:var(--color-red-50);}
.v4_comp.callout_box.info .callout_box_wrap{background-color:var(--color-blue-50);}
.v4_comp.callout_box.warning .callout_box_wrap{background-color:var(--color-orange-50);}
.v4_comp.callout_box.sm .callout_box_wrap{min-height:37px;padding:8px 12px;border-radius:8px;}
.v4_comp.callout_box.sm .callout_box_wrap.mhauto{min-height:auto;}
.v4_comp.callout_box.sm .callout_box_inner{gap:6px;}
.v4_comp.callout_box.sm .callout_ico{width:21px;height:21px;}
/* .v4_comp.callout_box.sm .callout_ico i{width:14px;height:14px;} */

.v4_comp.progress_bar_box .progress_bar{position:relative;width:100%;height:4px;background-color:var(--color-gray-100);border-radius:10px;overflow:hidden;}
.v4_comp.progress_bar_box .progress_bar .progress_bar_line{position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--color-blue-500);border-radius:10px;transition:width 0.3s;}
.v4_comp.progress_bar_box .progress_bar.sm{height:2px;}
.v4_comp.progress_bar_box .progress_bar.lg{height:6px;}
.v4_comp.progress_bar_box .progress_bar.xlg{height:8px;}
.v4_comp.progress_bar_box.red .progress_bar .progress_bar_line{background-color:var(--color-red-400);}
.v4_comp.progress_bar_box.yellow .progress_bar .progress_bar_line{background-color:var(--color-yellow-200);}
.v4_comp.progress_bar_box.green .progress_bar .progress_bar_line{background-color:var(--color-green-400);}

.v4_comp.summary_box .summary_box_inner{display:grid;gap:8px;}
.v4_comp.summary_box .summary_item{padding:16px;background-color:var(--color-white);border-radius:16px;box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.08);box-sizing:border-box;}
.v4_comp.summary_box .summary_item_text{font-size:0.8125rem;color:var(--color-gray-600);}
.v4_comp.summary_box .summary_item_text.accent{font-size:1.25rem;font-weight:500;color:var(--color-gray-900);}
.v4_comp.summary_box .summary_item_text + .summary_item_text{margin-top:4px;}
.v4_comp.summary_box .summary_item.gray-box{background-color:var(--color-gray-50);box-shadow:none;}
.v4_comp.summary_box.col2 .summary_box_inner{grid-template-columns:repeat(2, 1fr);}
.v4_comp.summary_box.col4 .summary_box_inner{grid-template-columns:repeat(4, 1fr);}
.v4_comp.summary_box.col-auto1 .summary_box_inner{grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));}
.v4_comp.summary_box.col-auto2 .summary_box_inner{display:flex;flex-wrap:wrap;}
.v4_comp.summary_box.col-auto2 .summary_item{flex:1;min-width:120px;}

.v4_comp.quick_menu_box .quick_menu_box_inner{display:grid;gap:8px;grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));}
.v4_comp.quick_menu_box .quick_menu_item{position:relative;padding:8px;background-color:var(--color-white);border-radius:16px;box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.08);box-sizing:border-box;}
.v4_comp.quick_menu_box .quick_menu_item_inner{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;}
.v4_comp.quick_menu_box .quick_menu_item_text{font-size:0.8125rem;}
.v4_comp.quick_menu_box .v4_comp.notibadge{position:absolute;top:8px;right:8px;}
.v4_comp.quick_menu_box.type_box .quick_menu_box_inner{gap:0;padding:8px;background-color:var(--color-white);border-radius:16px;box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.08);box-sizing:border-box;}
.v4_comp.quick_menu_box.type_box .quick_menu_item{padding:0;background-color:initial;border-radius:initial;box-shadow:initial;}
.v4_comp.quick_menu_box.type_box .v4_comp.notibadge{top:0;right:0;}

.v4_comp.combo_box .combo_item{position:relative;display:flex;align-items:center;gap:8px;padding:4px;width:100%;min-height:38px;font-size:0.875rem;color:var(--color-gray-600);background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:6px;box-sizing:border-box;}
.v4_comp.combo_box .combo_item:hover,
.v4_comp.combo_box .combo_item:focus{border-color:var(--color-blue-300);}
.v4_comp.combo_box .combo_item.active{border-color:var(--color-blue-500);}
.v4_comp.combo_box .combo_item .combo_select{display:flex;align-items:center;gap:8px;width:100%;height:100%;padding:0;font-size:inherit;color:inherit;background-color:transparent;border:0 none;box-sizing:border-box;}
.v4_comp.combo_box .combo_item .empty_text{flex:1;padding-left:8px;text-align:left;}
.v4_comp.combo_box .combo_item .combo_expand_btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;}
.v4_comp.combo_box .combo_item .select_cnt{flex-shrink:0;margin-right:-8px;}
.v4_comp.combo_box .combo_item .with_input{flex:1;}
.v4_comp.combo_box .combo_item .input{width:100%;padding:4px 8px;font-size:inherit;color:var(--color-gray-900);background-color:transparent;border:0 none;box-sizing:border-box;}
.v4_comp.combo_box .combo_item .input::placeholder{color:var(--color-gray-900);}
.v4_comp.combo_box .combo_item .selected_item{flex:1;}
.v4_comp.combo_box .combo_item:has(.selected_item) .combo_select{width:auto;}
.v4_comp.combo_box .combo_item:has(.selected_item) .combo_select .empty_text{display:none;}

.v4_comp.image_box .image_item{width:180px;height:180px;background:var(--color-gray-75) url(../images/common/default_image_box.png) center center / contain no-repeat;border:1px solid var(--color-gray-75);border-radius:8px;box-sizing:border-box;overflow:hidden;}
.v4_comp.image_box .image_item.s100{width:100px;height:100px;}
.v4_comp.image_box .image_item.s72{width:72px;height:72px;}
.v4_comp.image_box .image_item.s36{width:36px;height:36px;}
.v4_comp.image_box .image_item.s48{width:48px;height:48px;}
.v4_comp.image_box .image_item.rect{width:150px;height:100px;}
.v4_comp.image_box .image_item.circle{border-radius:50%;}
.v4_comp.image_box .image_item.favicon{background:url(../images/bg/bg_favicon_default.png) center center / cover;}
.v4_comp.image_box .image_item:has(img){background:var(--color-white) !important;}
.v4_comp.image_box .image_item img{display:block;width:100%;height:100%;object-fit:cover;}

.v4_comp.spinner_box .spinner_item{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.v4_comp.spinner_box .spinner_item .spinner_img{width:20px;height:20px;background:url(../images/common/spinner.png) center center / contain no-repeat;animation:spinner_rotation 1s linear infinite;}
.v4_comp.spinner_box .spinner_item .spinner_img.lg{width:36px;height:36px;}
.v4_comp.spinner_box .spinner_item .spinner_img.sm{width:14px;height:14px;}
.v4_comp.spinner_box.data_list_loading .spinner_item{padding:14px 12px;}
.v4_comp.spinner_box.data_list_loading.border-bottom .spinner_item{border-bottom:1px solid var(--color-gray-75);}
@keyframes spinner_rotation {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

.v4_comp.accordion_box .accordion_btn{display:block;}
.v4_comp.accordion_box .accordion_detail{display:none;margin-top:16px;}
.v4_comp.accordion_box:has(.accordion_bullet) .accordion_summary{position:relative;}
.v4_comp.accordion_box:has(.accordion_bullet) .accordion_summary,
.v4_comp.accordion_box:has(.accordion_bullet) .accordion_detail{padding-left:40px;}
.v4_comp.accordion_box:has(.accordion_bullet) .accordion_bullet{position:absolute;top:50%;left:0;transform:translateY(-50%);}
.v4_comp.accordion_box.type_box .accordion_detail{padding-top:16px;border-top:1px solid var(--color-gray-75);}

.v4_comp.stepindicator_box{--step-background:var(--color-gray-100);--step-i-text-color:var(--color-gray-700);--step-text-color:var(--color-gray-600);--connect-line-min-width:28px;}
.v4_comp.stepindicator_box .step_lists{display:flex;}
.v4_comp.stepindicator_box .step_lists .step_item{display:flex;font-size:0.815rem;color:var(--step-text-color);}
.v4_comp.stepindicator_box .step_lists .step_item .step_icon{display:flex;align-items:center;width:100%;}
.v4_comp.stepindicator_box .step_lists .step_item .step_icon .step_i{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:0.75rem;color:var(--step-i-text-color);background-color:var(--step-background);border-radius:50%;}
.v4_comp.stepindicator_box .step_lists .step_item .step_icon:before,
.v4_comp.stepindicator_box .step_lists .step_item .step_icon:after{display:block;content:'';flex-grow:1;min-width:var(--connect-line-min-width);height:1px;background-color:var(--step-background);}
.v4_comp.stepindicator_box .step_lists .step_item .step_icon:after,
.v4_comp.stepindicator_box .step_lists .step_item:first-child .step_icon:before{display:none;}
.v4_comp.stepindicator_box .step_lists .step_item.active{--step-text-color:var(--color-gray-900);}
.v4_comp.stepindicator_box .step_lists .step_item.active .step_icon .step_i{--step-background:var(--color-blue-500);--step-i-text-color:var(--color-white);}
.v4_comp.stepindicator_box.full .step_lists .step_item{flex:1 1 1px;}
.v4_comp.stepindicator_box.full .step_lists .step_item:first-child{flex-grow:0;}
.v4_comp.stepindicator_box.full .step_lists .step_item_con{flex-grow:1;}
.v4_comp.stepindicator_box.with-text .step_lists .step_item .step_icon{--connect-line-min-width:14px;}
.v4_comp.stepindicator_box.with-text .step_lists .step_item .step_icon:after{display:block;}
.v4_comp.stepindicator_box.with-text .step_lists .step_item:first-child .step_icon:before,
.v4_comp.stepindicator_box.with-text .step_lists .step_item:last-child .step_icon:after{display:block;background-color:transparent;}
.v4_comp.stepindicator_box.with-text .step_lists .step_item_con{display:flex;align-items:center;flex-direction:column;gap:4px;}
.v4_comp.stepindicator_box.with-text.full .step_lists .step_item:first-child{flex-grow:1;}
.v4_comp.stepindicator_box.active-with .step_lists .step_item:has(~ .active){--step-text-color:var(--color-gray-900);}
.v4_comp.stepindicator_box.active-with .step_lists .step_item:has(~ .active) .step_icon .step_i{--step-background:var(--color-blue-500);--step-i-text-color:var(--color-white);}
.v4_comp.stepindicator_box.active-with-line .step_lists .step_item.active .step_icon:before,
.v4_comp.stepindicator_box.active-with-line .step_lists .step_item:has(~ .active) .step_icon:before,
.v4_comp.stepindicator_box.active-with-line .step_lists .step_item:has(~ .active) .step_icon:after{--step-background:var(--color-blue-500);}

.v4_comp.tree_box .tree_lists .tree_item .tree_item_con{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;}
.v4_comp.tree_box .tree_lists .tree_item .tree_item_con:hover,
.v4_comp.tree_box .tree_lists .tree_item .tree_item_con:focus{background-color:var(--color-gray-50);}
.v4_comp.tree_box .tree_lists .tree_item .tree_item_con.selected{background-color:var(--color-blue-50);}
.v4_comp.tree_box .tree_lists .tree_item .tree_item_con .tree_item_node{display:block;flex-shrink:0;}
.v4_comp.tree_box .tree_lists .tree_item .tree_item_con .tree_item_node > a{display:block;color:inherit;}
.v4_comp.tree_box .tree_lists .tree_item .tree_item_con .tree_item_node.node_type_exp{width:18px;}
.v4_comp.tree_box .tree_lists .tree_item .tree_item_con .tree_item_node.node_type_text{flex-grow:1;font-size:0.875rem;}
.v4_comp.tree_box .tree_lists .tree_item .tree_item_con.selected .node_type_text{color:var(--color-blue-500);font-weight:bold;}
.v4_comp.tree_box .tree_lists .tree_item > .tree_lists{display:none;}
.v4_comp.tree_box .tree_lists .tree_item:not(:has( > .tree_lists)) .tree_item_con .tree_item_node.node_type_exp .tree_item_exp_btn{display:none;}
.v4_comp.tree_box .tree_lists.depth-1 .tree_item .tree_item_con{padding-left:calc(8px + (18px * 1));}
.v4_comp.tree_box .tree_lists.depth-2 .tree_item .tree_item_con{padding-left:calc(8px + (18px * 2));}
.v4_comp.tree_box .tree_lists.depth-3 .tree_item .tree_item_con{padding-left:calc(8px + (18px * 3));}
.v4_comp.tree_box .tree_lists.depth-4 .tree_item .tree_item_con{padding-left:calc(8px + (18px * 4));}
.v4_comp.tree_box .tree_lists.depth-5 .tree_item .tree_item_con{padding-left:calc(8px + (18px * 5));}
.v4_comp.tree_box .tree_lists.depth-6 .tree_item .tree_item_con{padding-left:calc(8px + (18px * 6));}
.v4_comp.tree_box .tree_lists.depth-7 .tree_item .tree_item_con{padding-left:calc(8px + (18px * 7));}
.v4_comp.tree_box .tree_lists.depth-8 .tree_item .tree_item_con{padding-left:calc(8px + (18px * 8));}
.v4_comp.tree_box .tree_lists.depth-9 .tree_item .tree_item_con{padding-left:calc(8px + (18px * 9));}

.v4_comp.data_list_counts .data_list_count_item{display:flex;align-items:center;justify-content:center;padding:12px;font-size:0.9375rem;color:var(--color-gray-600);background-color:var(--color-white);box-shadow:0 -2px 8px 0 rgba(37, 68, 91, 0.08);overflow:hidden;}
.v4_comp.data_list_counts.border-bottom .data_list_count_item{border-bottom:1px solid var(--color-gray-75);}

.v4_btn{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;padding:0 12px;white-space:nowrap;height:38px;font-size:0.875rem;font-weight:500;text-align:center;background-color:var(--color-white);border:0 none;border-radius:6px;box-sizing:border-box;}
.v4_btn.primary{color:var(--color-white);background-color:var(--color-blue-500);}
.v4_btn.primary:hover{background-color:var(--color-blue-600);}
.v4_btn.primary_sub{color:var(--color-blue-600);background-color:var(--color-blue-75);}
.v4_btn.primary_sub:hover{background-color:var(--color-blue-100);}
.v4_btn.secondary{color:var(--color-gray-800);background-color:var(--color-gray-75);}
.v4_btn.secondary:hover{background-color:var(--color-gray-100);}
.v4_btn.outline{padding:0 11px;color:var(--color-gray-800);background-color:var(--color-white);border:1px solid var(--color-gray-100);}
.v4_btn.outline:hover{background-color:var(--color-gray-50);}
.v4_btn.white_primary{color:var(--color-blue-500);background-color:var(--color-white);}
.v4_btn.white_primary:hover{background-color:var(--color-blue-50);}
.v4_btn.white_secondary{color:var(--color-gray-800);background-color:var(--color-white);}
.v4_btn.white_secondary:hover{background-color:var(--color-gray-75);}
.v4_btn.danger{color:var(--color-white);background-color:var(--color-red-500);}
.v4_btn.danger:hover{background-color:var(--color-red-600);}
.v4_btn.danger_sub{color:var(--color-red-600);background-color:var(--color-red-75);}
.v4_btn.danger_sub:hover{background-color:var(--color-red-100);}
.v4_btn.ghost{color:var(--color-gray-800);background-color:transparent;}
.v4_btn.ghost:hover{background-color:var(--color-gray-75);}
.v4_btn[disabled],
.v4_btn[disabled]:hover{color:var(--color-gray-300);background-color:var(--color-gray-75);}
.v4_btn .btn_icon{position:relative;display:block;width:24px;height:24px;}
.v4_btn .btn_icon i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.v4_btn.xs{padding:0 8px;height:24px;font-size:0.8125rem;}
.v4_btn.sm{padding:0 10px;height:30px;font-size:0.8125rem;}
.v4_btn.lg{padding:0 16px;height:48px;font-size:1rem;border-radius:8px;}
.v4_btn.xlg{padding:0 18px;height:56px;font-size:1.125rem;font-weight:bold;border-radius:10px;}
.v4_btn.full{width:100%;}
.v4_btn.round{border-radius:30px;}
.v4_btn.shadow{box-shadow:0 3px 16px 0 rgba(37, 68, 91, 0.16);}
.v4_btn.shadow_xs{box-shadow:0 1px 4px 0 rgba(37, 68, 91, 0.08);}
.v4_btn.sm .btn_icon{width:18px;height:18px;}
.v4_btn.sm .btn_icon.wh-20px{width:20px;height:20px;}
.v4_btn.only_icon{padding:0;width:38px;}
.v4_btn.xs.only_icon{width:24px;}
.v4_btn.sm.only_icon{width:30px;}
.v4_btn.lg.only_icon{width:48px;}
.v4_btn.xlg.only_icon{width:56px;}
.v4_btn.over_change_icon .on{display:inline;}
.v4_btn.over_change_icon .off{display:none;}
.v4_btn.over_change_icon:hover .on{display:none;}
.v4_btn.over_change_icon:hover .off{display:inline;}
.v4_text_btn{display:flex;align-items:center;gap:4px;white-space:nowrap;vertical-align:middle;font-size:1rem;font-weight:normal;color:var(--color-gray-800);background-color:transparent;border:0 none;}
.v4_text_btn.lg{font-size:1.125rem;}
.v4_text_btn.md{font-size:0.9375rem;}
.v4_text_btn.sm{font-size:0.875rem;}
.v4_text_btn.xs{font-size:0.8125rem;}
.v4_text_btn.w500{font-weight:500;}
.v4_text_btn.wbold{font-weight:bold;}
.v4_text_btn.underline,
.v4_text_btn:hover{text-decoration:underline;}
.v4_text_btn:hover{color:var(--color-gray-600);}
.v4_text_btn .btn_icon{position:relative;display:block;width:24px;height:24px;}
.v4_text_btn .btn_icon i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.v4_text_btn.sm .btn_icon{width:18px;height:18px;}
.v4_text_btn.primary{color:var(--color-blue-600);}
.v4_text_btn.primary:hover{color:var(--color-blue-500);}
.v4_text_btn.secondary{color:var(--color-gray-600);}
.v4_text_btn.secondary:hover{color:var(--color-gray-500);}

.v4_btn_aligner{display:flex;gap:4px;}
.v4_btn_aligner.groups{gap:0;}
.v4_btn_aligner.groups > :not(:first-child) .v4_btn{border-left:0 none;}
.v4_btn_aligner.groups > :not(:first-child):not(:last-child) .v4_btn{border-radius:0;}
.v4_btn_aligner.groups > :not(:last-child):first-child .v4_btn{border-top-right-radius:0;border-bottom-right-radius:0;}
.v4_btn_aligner.groups > :not(:first-child):last-child .v4_btn{border-top-left-radius:0;border-bottom-left-radius:0;}
.v4_btn_aligner.groups.input_number .v4_input{width:50px;text-align:center;border-left:0 none;border-radius:0;}
.v4_btn_aligner.groups.input_number .v4_btn[disabled] i{background-position-y:-460px;}
.v4_btn_aligner.noti{position:relative;}
.v4_btn_aligner.noti .v4_comp.notibadge{position:absolute;top:-11px;right:-11px;}

.v4_form_box > ul > li{width:100%;}
.v4_form_box > ul > li div.key,
.v4_form_box > ul > li div.value{box-sizing:border-box;}
.v4_form_box > ul > li div.key{font-size:0.9375rem;font-weight:bold;}
.v4_form_box > ul > li div.key .key_desc{font-size:0.8125rem;font-weight:normal;color:var(--color-gray-600);}
.v4_form_box > ul > li div.key .required{margin-left:2px;font-weight:bold;color:var(--color-blue-500);}
.v4_form_box > ul > li div.value{font-size:0.875rem;}
.v4_form_box > ul > li div.value .value_desc{font-size:0.8125rem;color:var(--color-gray-600);}
.v4_form_box > ul > li div.value .value_desc.red{color:var(--color-red-500);}
.v4_form_box > ul > li div.value .value_item.gray_box{padding:8px;background-color:var(--color-gray-50);border-radius:4px;}
.v4_form_box > ul > li div.value .value_item.gray_box .depth2{position:relative;padding-left:26px;}
.v4_form_box > ul > li div.value .value_item.gray_box .depth2:before{position:absolute;top:0;left:0;display:block;content:'';width:18px;height:18px;background:url('../images/common/common_depth.png') center center / 10px 10px no-repeat;}
.v4_form_box > ul > li div.value .value_lists_box > div{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-gray-75);}
.v4_form_box > ul > li div.value .value_lists_box > div:first-child{margin-top:0;padding-top:0;border-top:0 none;}
.v4_form_box > ul > li.full_box{display:block}
.v4_form_box > ul > li.full_box div.key,
.v4_form_box > ul > li.full_box div.value{display:block;}
.v4_form_box > ul > li.full_box div.key{width:100%;margin-bottom:8px;}
.v4_form_box > ul > li.full_box div.value{width:100%}
.v4_form_box > ul > li.multiple-column{display:flex;gap:20px;}
.v4_form_box > ul > li.multiple-column .colgroup{flex:1;}

.v4_form_box.block > ul > li + li{margin-top:20px;}
.v4_form_box.block > ul > li div.key{margin-bottom:8px;font-size:0.875rem;}
.v4_form_box.block.sm > ul > li + li{margin-top:12px;}
.v4_form_box.block.sm > ul > li.multiple-column{gap:12px;}
.v4_form_box.block.sm > ul > li div.key{margin-bottom:4px;font-weight:normal;}

.v4_form_box.table > ul > li{display:table;table-layout:fixed;min-height:56px;border-bottom:1px solid var(--color-gray-75);}
.v4_form_box.table > ul > li:last-child{border-bottom:0 none;}
.v4_form_box.table > ul > li div.key,
.v4_form_box.table > ul > li div.value{display:table-cell;padding:16px 8px;vertical-align:middle;}
.v4_form_box.table > ul > li div.key{padding:16px 4px;width:160px;vertical-align:middle;}
.v4_form_box.table > ul > li div.key.vtop{padding-top:22px;vertical-align:top;}
.v4_form_box.table > ul > li.full_box{display:table}
.v4_form_box.table > ul > li.full_box div.key,
.v4_form_box.table > ul > li.full_box div.value{display:table-cell;padding:8px;}
.v4_form_box.table > ul > li.full_box div.key{width:100%;}
.v4_form_box.table > ul > li div.key.empty{background:inherit;}
.v4_form_box.table > ul > li.multiple-column{display:flex;gap:0;}
.v4_form_box.table > ul > li.multiple-column .colgroup{display:table;table-layout:fixed;}

.v4_form_box.data_table > ul > li{display:table;table-layout:fixed;min-height:21px;border-bottom:0 none;}
.v4_form_box.data_table > ul > li div.key,
.v4_form_box.data_table > ul > li div.value{display:table-cell;padding:0;vertical-align:middle;}
.v4_form_box.data_table > ul > li div.key{width:100px;font-size:0.875rem;font-weight:500;color:var(--color-gray-600);}
.v4_form_box.data_table > ul > li div.value{padding-left:4px;}
.v4_form_box.data_table > ul > li + li{margin-top:12px;}
.v4_form_box.data_table > ul > li.multiple-column{display:flex;gap:12px;}
.v4_form_box.data_table > ul > li.multiple-column .colgroup{display:table;table-layout:fixed;}
.v4_form_box.data_table.sm > ul > li div.key{width:80px;}
.v4_form_box.data_table.sm > ul > li div.value{padding-left:0;}
.v4_form_box.data_table.sm > ul > li + li{margin-top:8px;}
.v4_form_box.data_table.sm > ul > li.multiple-column{gap:8px;}
.v4_form_box.data_table.sm.gap-12px > ul > li + li{margin-top:12px;}
.v4_form_box.data_table.sm.gap-12px > ul > li.multiple-column{gap:12px;}

.v4_attach_list .attach_lists .attach_item{display:flex;align-items:center;min-height:40px;padding:0 8px;font-size:0.8125rem;color:var(--color-gray-700);border:1px solid var(--color-gray-100);border-radius:6px;overflow:hidden;box-sizing:border-box;}
.v4_attach_list .attach_lists .attach_item a{color:inherit;}
.v4_attach_list .attach_lists .attach_item + .attach_item{margin-top:4px;}
.v4_attach_list .attach_lists .attach_item .attach_check{flex-shrink:0;margin-right:8px;}
.v4_attach_list .attach_lists .attach_item .attach_type{flex-shrink:0;margin-right:8px;}
.v4_attach_list .attach_lists .attach_item .attach_capa{flex-shrink:0;color:var(--color-gray-700);}
.v4_attach_list .attach_lists .attach_item .attach_title{flex-grow:1;}
.v4_attach_list .attach_lists .attach_item .attach_title,
.v4_attach_list .attach_lists .attach_item .attach_title a{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.v4_attach_list .attach_lists .attach_item .attach_title_inner{display:flex;align-items:center;}
.v4_attach_list .attach_lists .attach_item .attach_preview,
.v4_attach_list .attach_lists .attach_item .attach_del{flex-shrink:0;}
.v4_attach_list .attach_lists .attach_item .attach_type span,
.v4_attach_list .attach_lists .attach_item .attach_preview a,
.v4_attach_list .attach_lists .attach_item .attach_del a{position:relative;display:block;width:24px;height:24px;}
.v4_attach_list .attach_lists .attach_item .attach_type span i,
.v4_attach_list .attach_lists .attach_item .attach_preview a i,
.v4_attach_list .attach_lists .attach_item .attach_del a i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.v4_attach_list .attach_lists .attach_item .attach_del.cancel .text_btn{width:auto;height:auto;color:var(--color-gray-600);}
.v4_attach_list .attach_lists .attach_item .attach_preview{margin-left:8px;}
.v4_attach_list .attach_lists .attach_item .attach_del{margin-left:8px;}
.v4_attach_list .attach_lists .attach_item .attach_ext{margin-left:4px;}
.v4_attach_list .attach_lists .attach_item .attach_capa{margin-left:4px;}
.v4_attach_list .attach_lists .attach_item .attach_check,
.v4_attach_list .attach_lists .attach_item .attach_type,
.v4_attach_list .attach_lists .attach_item .attach_preview,
.v4_attach_list .attach_lists .attach_item .attach_del,
.v4_attach_list .attach_lists .attach_item .attach_thumb,
.v4_attach_list .attach_lists .attach_item .attach_ext,
.v4_attach_list .attach_lists .attach_item .attach_capa,
.v4_attach_list .attach_lists .attach_item .overlay .cnt{display:none;}
.v4_attach_list .attach_lists .attach_item.has_check{padding:0 8px;}
.v4_attach_list .attach_lists .attach_item.has_check .attach_check{display:block;}
.v4_attach_list .attach_lists .attach_item.has_type .attach_type,
.v4_attach_list .attach_lists .attach_item.has_type .attach_ext,
.v4_attach_list .attach_lists .attach_item.has_type .attach_capa{display:block;}
.v4_attach_list .attach_lists .attach_item.has_preview .attach_preview{display:block;}
.v4_attach_list .attach_lists .attach_item.has_del .attach_del{display:block;}
.v4_attach_list .attach_lists .attach_item.has_del .attach_del.cancel{display:none;}
.v4_attach_list .attach_lists .attach_item.has_del_sel .attach_type .doc_type{background-position-x:-85px;}
.v4_attach_list .attach_lists .attach_item.has_del_sel .attach_title,
.v4_attach_list .attach_lists .attach_item.has_del_sel .attach_ext,
.v4_attach_list .attach_lists .attach_item.has_del_sel .attach_capa{color:var(--color-gray-400);text-decoration:line-through;}
.v4_attach_list .attach_lists .attach_item.has_del_sel .attach_del{display:none;}
.v4_attach_list .attach_lists .attach_item.has_del_sel .attach_del.cancel{display:block;text-decoration:none;}
.v4_attach_list .attach_lists .attach_item.checked{/* background-color:var(--color-blue-75); */border-color:var(--color-blue-500);}
.v4_attach_list .attach_lists.type_thumb{display:flex;flex-wrap:wrap;gap:4px;}
.v4_attach_list .attach_lists.type_thumb .attach_item{position:relative;padding:0;flex-direction:column;gap:4px;width:calc((100% - 12px) / 4);border:0 none;}
.v4_attach_list .attach_lists.type_thumb.col5 .attach_item{width:calc((100% - 16px) / 5);}
.v4_attach_list .attach_lists.type_thumb .attach_item + .attach_item{margin-top:0;}
.v4_attach_list .attach_lists.type_thumb .attach_item .attach_title{display:none;}
.v4_attach_list .attach_lists.type_thumb .attach_item .attach_check{position:absolute;top:4px;left:4px;margin:0;z-index:20;}
.v4_attach_list .attach_lists.type_thumb .attach_item .attach_thumb{position:relative;display:block;width:100%;border:1px solid var(--color-gray-100);border-radius:8px;overflow:hidden;box-sizing:border-box;}
.v4_attach_list .attach_lists.type_thumb .attach_item .attach_thumb:before{display:block;content:'';padding-bottom:100%;}
.v4_attach_list .attach_lists.type_thumb .attach_item .attach_thumb a{position:absolute;display:block;width:100%;height:100%;top:0;left:0;overflow:hidden;}
.v4_attach_list .attach_lists.type_thumb .attach_item .attach_thumb img{display:block;width:100%;height:100%;object-fit:cover;/* transition:transform 0.5s; */}
.v4_attach_list .attach_lists.type_thumb .attach_item .attach_thumb.noimg{background:var(--color-gray-75) url('../images/common/default_attach_file_image.png') center center / 30px 26px no-repeat;}
.v4_attach_list .attach_lists.type_thumb .attach_item .attach_del a{width:18px;height:18px;}
.v4_attach_list .attach_lists.type_thumb .attach_item .attach_del{position:absolute;top:4px;right:4px;z-index:20;}
.v4_attach_list .attach_lists.type_thumb .attach_item.has_del .attach_title a{padding-right:22px;}
.v4_attach_list .attach_lists.type_thumb .attach_item.has_del_sel .attach_title a{padding-right:27px;}
.v4_attach_list .attach_lists.type_thumb .attach_item.checked .attach_thumb{border:2px solid var(--color-blue-500);}
.v4_attach_list .attach_lists.type_thumb.type_form .attach_item{width:100px;}
.v4_attach_list .attach_lists.type_thumb.type_form .attach_item .attach_title{display:block;position:absolute;top:4px;left:4px;width:calc(100% - 8px);font-size:0.75rem;color:var(--color-white);z-index:20;}
.v4_attach_list .attach_lists.type_thumb.type_form .attach_item .attach_title a{display:block;}
.v4_attach_list .attach_lists.type_thumb.type_form .attach_item .attach_thumb{height:60px;}
.v4_attach_list .attach_lists.type_thumb.type_form .attach_item .attach_thumb:before{padding-bottom:0;}
.v4_attach_list .attach_lists.type_thumb.type_form .attach_item .attach_thumb:after{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3);z-index:10;}
.v4_attach_list .attach_lists.type_thumb.type_form .attach_item.has_del_sel .attach_thumb:after{background-color:rgba(255, 255, 255, 0.8);}
.v4_attach_list .attach_lists.type_thumb.type_form .attach_item.has_del_sel .attach_title{color:var(--color-gray-600);}
.v4_attach_list .attach_lists.type_thumb.type_more .attach_item .attach_thumb{height:140px;}
.v4_attach_list .attach_lists.type_thumb.type_more .attach_item .attach_thumb:before{padding-bottom:0;}
.v4_attach_list .attach_lists.type_thumb.type_more .attach_item:has(.overlay .cnt) .overlay .cnt{display:block;position:absolute;top:50%;left:50%;font-size:1.125rem;color:var(--color-white);font-weight:bold;transform:translate(-50%, -50%);z-index:10;}
.v4_attach_list .attach_lists.type_thumb.type_more .attach_item:has(.overlay .cnt) .overlay:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3);z-index:10;}
.v4_attach_list .v4_attach_list_block + .v4_attach_list_block{margin-top:8px;}
/* .v4_attach_list .v4_attach_opt_btns{display:none;} */
.v4_attach_list .v4_attach_opt_btns .file_opt_btns{display:flex;gap:4px;}
.v4_attach_list .v4_attach_opt_btns .file_opt_btns .btn_item.input{flex-grow:1;}
.v4_attach_list .v4_attach_opt_btns + .v4_comp.expand_box{margin-top:8px;}
.v4_attach_list.is_form .v4_attach_list_block + .v4_attach_list_block{margin-top:4px;}
/* .v4_attach_list.is_form .v4_attach_opt_btns{display:block;} */
/* .v4_attach_list.is_form .v4_attach_opt_btns + .v4_comp.expand_box{margin-top:8px;} */
/* .v4_attach_list:not(.is_form) .v4_attach_opt_btns{display:none;} */
.v4_attach_list:not(.is_form) .v4_comp.expand_box .expand_box_wrap{padding:0;border:0 none;border-radius:0;}
.v4_attach_list:not(.is_form) .v4_comp.expand_box .expand_box_wrap .expand_box_header{display:none;}
.v4_attach_list:not(.is_form) .v4_comp.expand_box .expand_box_wrap .expand_box_con{height:auto;min-height:auto;padding:0;}
.v4_attach_list.is_form_small .attach_lists{display:flex;flex-wrap:wrap;gap:4px;}
.v4_attach_list.is_form_small .attach_lists .attach_item + .attach_item{margin-top:0;}
.v4_attach_list.is_form_small .attach_lists.type_thumb.type_form .attach_item .attach_title{display:none;}
.v4_attach_list.is_form_small .attach_lists.type_thumb.type_form .attach_item{width:48px;}
.v4_attach_list.is_form_small .attach_lists.type_thumb.type_form .attach_item .attach_thumb{height:48px;}
.v4_attach_list.is_form_small .v4_attach_list_block + .v4_attach_list_block{margin-top:4px;}
.v4_attach_list.is_file_list .attach_lists.type_thumb .attach_item.checked .overlay:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.3);z-index:10;}

.v4_article_list_head .list_options{display:flex;align-items:center;justify-content:space-between;}
.v4_article_list_head .list_options .read_all{margin-right:16px;}
.v4_article_list_head .list_options .select_list_type{display:flex;align-items:center;gap:12px;}
.v4_article_list_date_liner{display:flex;align-items:center;justify-content:space-between;padding:8px 0 4px 0;}
.v4_article_list_date_liner:before,
.v4_article_list_date_liner:after{flex:1 1 auto;display:block;content:'';width:100%;height:1px;background-color:var(--color-gray-100);}
.v4_article_list_date_liner .date_text{flex-shrink:0;display:block;padding:0 8px;font-size:0.875rem;color:var(--color-gray-600);}
.v4_article_list_date_liner.text-left:before{flex-grow:0;flex-basis:16px;}
.v4_article_list_split_liner{padding:10px 0;}
.v4_article_list_split_liner:before{display:block;content:'';width:100%;height:1px;background-color:var(--color-gray-75);}

.v4_article_item.article_items{margin-top:12px;}
.v4_article_item.article_items:first-child{margin-top:0;}
.v4_article_item.article_title,
.v4_article_item.article_content{margin-top:8px;}
.v4_article_item .article_creater_profile_box{position:relative;padding-left:44px;}
.v4_article_item .article_creater_profile_box .article_creater_profile_img{position:absolute;top:0;left:0;width:36px;height:36px;border:1px solid var(--color-gray-100);border-radius:50%;box-sizing:border-box;overflow:hidden;}
.v4_article_item .article_creater_profile_box .article_creater_profile_img img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.v4_article_item .article_title_text{font-size:1.25rem;font-weight:500;line-height:1.3;}
.v4_article_item .article_title_text .is_new{position:relative;display:inline;padding-left:8px;margin:0 8px 0 4px;}
.v4_article_item .article_title_text .is_new:before{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;content:'';width:8px;height:8px;background-color:var(--color-red-500);border-radius:8px;}
.v4_article_item .article_link{color:inherit;}
.v4_article_item .article_content_text{font-size:0.9375rem;color:var(--color-gray-600);}
.v4_article_item .article_reply_text{font-size:0.9375rem;}
.v4_article_item .article_reader_text{font-weight:500;}
.v4_article_item .article_reader_text.md{font-size:0.9375rem;}
.v4_article_item .article_reader_date{font-size:0.8125rem;color:var(--color-gray-600);text-align:center;}
.v4_article_item .article_reader_date.lg{font-size:0.875rem;}
.v4_article_item .article_list_type_title{font-size:0.9375rem;font-weight:500;}
.v4_article_item .article_foot_box{padding-top:12px;border-top:1px solid var(--color-gray-75);}
.v4_article_item .article_cnts{display:flex;align-items:center;gap:4px;font-size:0.8125rem;font-weight:500;color:var(--color-gray-700);}
.v4_article_item .article_contents_section_box{margin-top:24px;}
.v4_article_item .article_contents_section_box:first-child{margin-top:0;}
.v4_article_item .article_contents_section_box .section_box_head{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.v4_article_item .article_contents_section_box .section_box_head .section_title{flex-grow:1;display:flex;align-items:center;gap:8px;font-size:1.125rem;font-weight:bold;}
.v4_article_item .article_contents_section_box .section_box_head .section_cnt{font-size:1rem;color:var(--color-blue-500);}
.v4_article_item .article_contents_section_box .section_box_content > div{margin-top:12px;}

.in_act .v4_article_item .article_title_text{color:var(--color-gray-600);}
.person_input_list_block .v4_article_item .v4_attach_list.is_form .v4_attach_opt_btns{display:none;}
.person_input_list_block .v4_article_item .v4_attach_list.is_form .v4_attach_opt_btns + .v4_comp.expand_box{margin-top:0;}

.v4_article_list_aligner.type_card > div{margin-bottom:8px;}
.v4_article_list_aligner.type_card > div:last-child{margin-bottom:0;}
.v4_article_list_aligner.type_card .v4_block_box{padding:20px;}
.v4_article_list_aligner.type_card .article_main_image{width:100%;border:1px solid var(--color-gray-75);border-radius:8px;overflow:hidden;aspect-ratio:3 / 1;}
.v4_article_list_aligner.type_card .article_main_image img{width:100%;height:100%;object-fit:cover;}
.v4_article_list_aligner.type_card .has_check{position:relative;padding-left:16px;}
.v4_article_list_aligner.type_card .has_check .article_check{position:absolute;top:0;left:-8px;}
.v4_article_list_aligner.type_card .has_mng{position:relative;}
.v4_article_list_aligner.type_card .has_mng .article_mng{position:absolute;top:0;right:0;}
.v4_article_list_aligner.type_card .has_mng .v4_article_item.article_creater_info{padding-right:26px;}
.v4_article_list_aligner.type_card .has_type2.has_image{position:relative;padding-right:88px;}
.v4_article_list_aligner.type_card .has_type2.has_image .article_main_image{position:absolute;top:0;right:0;width:72px;height:72px;border:1px solid var(--color-gray-75);border-radius:8px;overflow:hidden;}
.v4_article_list_aligner.type_card .has_type2.has_image .article_main_image img{width:100%;height:100%;object-fit:cover;}
.v4_article_list_aligner.type_card .has_type2.has_check{padding-left:26px;}
.v4_article_list_aligner.type_card .has_type2.has_check .article_check{left:0;}
.v4_article_list_aligner.type_card .has_type2.has_mng{padding-right:34px;}
.v4_article_list_aligner.type_card .has_type2.has_image.has_mng{padding-right:88px;}
.v4_article_list_aligner.type_card .has_type2.has_image.has_mng .article_main_image{top:30px;}

.v4_article_list_aligner.type_list > div{padding:16px 0;border-bottom:1px solid var(--color-gray-75);}
.v4_article_list_aligner.type_list > div:last-child{border-bottom:0 none;}
.v4_article_list_aligner.type_list .v4_article_item.article_items{margin-top:8px;}
.v4_article_list_aligner.type_list .v4_article_item.article_items:first-child{margin-top:0;}
.v4_article_list_aligner.type_list .v4_article_item .article_title{margin-top:0;}
.v4_article_list_aligner.type_list .v4_article_item .article_title_text{font-size:1.125rem;}
.v4_article_list_aligner.type_list .v4_article_item .article_content_text{font-size:0.875rem;}
.v4_article_list_aligner.type_list .v4_article_item .article_foot_box{padding:0;border-top:0 none;}
.v4_article_list_aligner.type_list .v4_article_item .article_cnts{color:var(--color-gray-600);}
.v4_article_list_aligner.type_list .has_image{position:relative;padding-right:88px;}
.v4_article_list_aligner.type_list .has_image .article_main_image{position:absolute;top:0;right:0;width:72px;height:72px;border:1px solid var(--color-gray-75);border-radius:8px;overflow:hidden;}
.v4_article_list_aligner.type_list .has_image .article_main_image img{width:100%;height:100%;object-fit:cover;}
.v4_article_list_aligner.type_list .has_check{position:relative;padding-left:26px;}
.v4_article_list_aligner.type_list .has_check .article_check{position:absolute;top:0;left:0;}
.v4_article_list_aligner.type_list .has_mng{position:relative;padding-right:34px;}
.v4_article_list_aligner.type_list .has_mng .article_mng{position:absolute;top:0;right:0;}
.v4_article_list_aligner.type_list .has_image.has_mng{padding-right:88px;}
.v4_article_list_aligner.type_list .has_image.has_mng .article_main_image{top:30px;}
/* .v4_article_list_aligner.type_list .empty_box{padding:0;} */
.v4_article_list_aligner.type_list > div.reply_list_depth2{padding:0 0 0 28px;}
.v4_article_list_aligner.type_list.md > div{padding:12px 0;}

.v4_article_view_aligner.type_head > div{padding:12px 0;border-bottom:1px solid var(--color-gray-75);}
.v4_article_view_aligner.type_head > div:first-child{padding-top:0;}
.v4_article_view_aligner.type_head > div:last-child{padding-bottom:0;border-bottom:0 none;}
.v4_article_view_aligner.type_head .v4_article_item.article_items{margin-top:8px;}
.v4_article_view_aligner.type_head .v4_article_item.article_items:first-child{margin-top:0;}
.v4_article_view_aligner.type_head .v4_article_item .article_title_text{font-size:1.375rem;}
.v4_article_view_aligner.type_head .action_list{z-index:40;}

.v4_article_view_aligner.type_content > div{padding:0 20px;border-bottom:1px solid var(--color-gray-75);}
.v4_article_view_aligner.type_content > div:last-child{border-bottom:0 none;}
.v4_article_view_aligner.type_content > div.view_tabs{position:sticky;top:-8px;left:0;padding-top:12px;background-color:var(--color-white);border-radius:16px 16px 0 0;z-index:30;}
.v4_article_view_aligner.type_content > div.view_contents{padding-top:20px;padding-bottom:20px;}
.v4_article_view_aligner.type_content > div.view_head_titles{padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--color-gray-75);}
.v4_article_view_aligner.type_content > div.set_btns{padding-top:12px;padding-bottom:12px;}
.v4_article_view_aligner.type_content > div.reply_search_bar{padding-top:12px;padding-bottom:12px;}
.v4_article_view_aligner.type_content > div.reply_contents{padding-top:8px;padding-bottom:8px;border-bottom:0 none;}
.v4_article_view_aligner.type_content > div.reply_input_bar{position:sticky;bottom:-8px;left:0;padding-top:16px;padding-bottom:16px;background-color:var(--color-white);border-top:1px solid var(--color-gray-100);border-radius:0 0 16px 16px;z-index:30;}
.v4_article_view_aligner.type_content > div.reader_btns{padding-top:8px;padding-bottom:8px;}
.v4_article_view_aligner.type_content > div.reader_btns.lg{padding-top:12px;padding-bottom:12px;}
.v4_article_view_aligner.type_content > div.reader_search_bar{padding-top:12px;padding-bottom:12px;}
.v4_article_view_aligner.type_content > div.reader_contents{padding-top:8px;padding-bottom:8px;}
.v4_article_view_aligner.type_content > div.paging_bar{padding-top:12px;padding-bottom:12px;}
.v4_article_view_aligner.type_content > div.survey_box_lists{margin-bottom:-42px;padding-top:20px;border-bottom:0 none;}
.v4_article_view_aligner.type_content > div.survey_paging_bars{position:sticky;bottom:-8px;left:0;margin-top:62px;padding-top:16px;padding-bottom:16px;background-color:var(--color-white);border-top:1px solid var(--color-gray-75);border-radius:0 0 16px 16px;z-index:30;}
.v4_article_view_aligner.type_content > div.tools_bar{padding-top:12px;padding-bottom:12px;}
.v4_article_view_aligner.type_content > div.padding-12{padding:12px;}
.v4_article_view_aligner.type_content:has(.view_tabs ~ .reply_contents ~ .reply_input_bar) .reply_contents{margin-bottom:-48px;}
.v4_article_view_aligner.type_content:has(.view_tabs ~ .reply_contents ~ .reply_input_bar) .reply_input_bar{margin-top:48px;}
.v4_article_view_aligner.type_content:has(.view_head_titles ~ .reply_contents ~ .reply_input_bar) .reply_contents{margin-bottom:-92px;}
.v4_article_view_aligner.type_content:has(.view_head_titles ~ .reply_contents ~ .reply_input_bar) .reply_input_bar{margin-top:92px;}

.v4_data_list{border:1px solid var(--color-gray-100);border-left:0 none;border-right:0 none;box-sizing:border-box;}
.v4_data_list table{width:100%;margin-bottom:-1px;}
.v4_data_list table th,
.v4_data_list table td{padding:8px 12px;border:0 none;vertical-align:middle;box-sizing:border-box;}
.v4_data_list table th{height:38px;font-size:0.875rem;font-weight:500;background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-100);}
.v4_data_list table td{height:48px;font-size:0.875rem;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-75);}
.v4_data_list table .txt_left,
.v4_data_list table .txt_left{text-align:left;}
.v4_data_list table .txt_right,
.v4_data_list table .txt_right{text-align:right;}
.v4_data_list table .txt_center,
.v4_data_list table .txt_center{text-align:center;}
.v4_data_list table thead th a{position:relative;}
.v4_data_list table thead th a .arrow_up,
.v4_data_list table thead th a .arrow_down{position:absolute;top:50%;right:-15px;margin-top:-3px;}
.v4_data_list table tbody tr:hover td{background-color:var(--color-gray-50);}
.v4_data_list table tbody tr.selected td{background-color:var(--color-blue-50);}
.v4_data_list table tbody tr.error td{background-color:var(--color-red-50);}
.v4_data_list table tbody tr td.disabled{background-color:var(--color-gray-50);}
.v4_data_list.border-bottom-0{border-bottom:0 none;}
.v4_data_list.margin-bottom-0 table{margin-bottom:0;}
.v4_data_search + .v4_data_list{margin-top:10px;}
.v4_data_list.scroll{position:relative;overflow:hidden;overflow-x:auto;}
.v4_data_list.scroll.scroll-y{overflow-y:auto;}
.v4_data_list.scroll table th,
.v4_data_list.scroll table td{white-space:nowrap;}
.v4_data_list.cell_border table th{border-left:1px solid var(--color-gray-100);}
.v4_data_list.cell_border table td{border-left:1px solid var(--color-gray-75);}
.v4_data_list.cell_border table th:first-child,
.v4_data_list.cell_border table td:first-child{border-left:0 none;}
.v4_data_list.cell_border table th.border-left,
.v4_data_list.cell_border table td.border-left{border-left:1px solid var(--color-gray-100);}
.v4_data_list.table_fixed table{table-layout:fixed;}
.v4_data_list.scroll.table_fixed table{width:auto;}
.v4_data_list.fit-content{width:fit-content;}
.v4_data_list.scroll.fit-content{max-width:100%;}
.v4_data_list.border-all{border:1px solid var(--color-gray-100);}
.v4_data_list.border-round{border-radius:8px;}
.v4_data_list:has(.sticky) table{border-collapse:separate;}
.v4_data_list .sticky{position:sticky;top:0;left:0;z-index:1;}
.v4_data_list .sticky.shadow:after{display:block;content:'';position:absolute;top:0;left:0;width:var(--width, 100%);height:var(--height, 100%);box-shadow:2px 0 8px 0 rgba(37, 68, 91, 0.16);}
.v4_data_list .sticky.sticky-z-index-2{z-index:2;}
.v4_data_list .sticky.sticky-right{left:auto;right:0;}
.v4_data_list .sticky.sticky-right.shadow{border-left-color:transparent;}
.v4_data_list .sticky.sticky-right.shadow:after{box-shadow:-2px 0 8px 0 rgba(37, 68, 91, 0.16);}
.v4_data_list .scroll_table_wrapper{width:max-content;min-width:100%;}
.v4_data_view{border:1px solid var(--color-gray-100);border-left:0 none;border-right:0 none;box-sizing:border-box;}
.v4_data_view table{width:100%;table-layout:fixed;}
.v4_data_view table th,
.v4_data_view table td{padding:10px 15px;border:0 none;vertical-align:middle;}
.v4_data_view table th{background-color:var(--color-gray-50);}
.v4_data_view table th,
.v4_data_view table td{border-bottom:1px solid var(--color-gray-75);}
.v4_data_view table th{width:100px;}
.v4_data_view table tr:last-child th,
.v4_data_view table tr:last-child td{border-bottom:0 none;}
.v4_data_view table .txt_left,
.v4_data_view table .txt_left{text-align:left;}
.v4_data_view table .txt_right,
.v4_data_view table .txt_right{text-align:right;}
.v4_data_view table .txt_center,
.v4_data_view table .txt_center{text-align:center;}
.v4_data_foot_opt{margin-top:10px;}
.v4_data_foot_opt .sel_list_count{width:70px;}
.v4_table_unit{padding:5px 0;text-align:right;}
.v4_table_unit.txt_left{text-align:left;}

.v4_color_box{display:flex;gap:2px;width:auto;height:20px;padding:0 2px;font-size:0.8125rem;color:var(--color-gray-600);background-color:transparent;border-radius:4px;box-sizing:border-box;}
.v4_color_box.blue{color:var(--color-blue-700);background-color:var(--color-blue-100);}
.v4_color_box.yellow{color:var(--color-yellow-700);background-color:var(--color-yellow-100);}
.v4_color_box.green{color:var(--color-green-700);background-color:var(--color-green-100);}
.v4_color_box.red{color:var(--color-red-700);background-color:var(--color-red-100);}
.v4_color_box.gray{color:var(--color-gray-800);background-color:var(--color-gray-100);}
.v4_color_box.orange{color:var(--color-orange-700);background-color:var(--color-orange-100);}
.v4_color_box.purple{color:var(--color-purple-700);background-color:var(--color-purple-100);}
.v4_color_box.transparent{color:var(--color-gray-600);background-color:transparent;}
.v4_color_box .box_text{flex-grow:1;flex-shrink:0;flex-basis:0;display:block;max-width:100%;color:inherit;white-space:nowrap;overflow:hidden;}
.v4_color_box .ico_aligner{flex-shrink:0;}

.v4_calendar_box{overflow:hidden;}
.v4_calendar_box .calendar_box_head{padding:12px 20px;border-bottom:1px solid var(--color-gray-75);}
.v4_calendar_box .calendar_box_head.day_head{padding:20px;}
.v4_calendar_box .calendar{position:relative;display:flex;flex-direction:column;width:100%;}
.v4_calendar_box .calendar .cal_row{position:relative;display:flex;flex-direction:row;width:100%;}
.v4_calendar_box .calendar .cal_row .cal_col{width:1px;flex:1 1 0%;border:1px solid var(--color-gray-75);border-top:0 none;border-left:0 none;}
.v4_calendar_box .calendar .cal_row .cal_col:last-child{border-right:0 none;}
.v4_calendar_box .calendar .cal_row:last-child .cal_col{border-bottom:0 none;}
.v4_calendar_box .calendar .cal_row .cal_col .cal_day{padding:4px;height:26px;box-sizing:border-box;}
.v4_calendar_box .calendar .cal_row .cal_col .cal_con{padding:2px;height:90px;box-sizing:border-box;}
.v4_calendar_box .calendar .cal_row .cal_col.day_sun{--color-code:var(--color-red-500);color:var(--color-code);}
.v4_calendar_box .calendar .cal_row .cal_col.other_month .cal_day{opacity:0.5;}
.v4_calendar_box .calendar .cal_row.cal_header{font-size:0.8125rem;color:var(--color-gray-600);}
.v4_calendar_box .calendar .cal_row.cal_header .cal_col{height:auto;padding:4px;border-bottom:0 none;}
.v4_calendar_box .calendar .cal_row .v4_color_box{--items-start:28px;--items-height:20px;--items-gap:2px;position:absolute;top:calc(var(--items-start) + ((var(--items-height) + var(--items-gap)) * (var(--items-seq, 1) - 1)));width:calc(((100% / 7) * var(--items-days, 1)) - (var(--items-gap) * 2));}

.v4_schedule_day_box .schedule_day_box_inner > ul > li{position:relative;padding-left:50px;}
.v4_schedule_day_box .time_box{position:absolute;top:0;left:0;width:50px;padding:4px;font-size:0.8125rem;color:var(--color-gray-600);text-align:right;box-sizing:border-box;}
.v4_schedule_day_box .data_box{position:relative;height:91px;padding:2px;border-left:1px solid var(--color-gray-75);border-bottom:1px solid var(--color-gray-75);box-sizing:border-box;}
.v4_schedule_day_box .data_box .data_item{position:absolute;top:0;left:0;}
.v4_schedule_day_box .data_box .data_item.v4_color_box{--items-gap:2px;--items-width:calc((100% - (4px + ((var(--items-total, 1) - 1) * var(--items-gap)))) / var(--items-total, 1));width:var(--items-width);left:calc((var(--items-width) * (var(--items-seq, 1) - 1)) + (var(--items-seq, 1) * var(--items-gap)));}

.v4_schedule_week_box .schedule_week_box_inner .week_rows{position:relative;display:grid;grid-template-columns:50px repeat(7, 1fr);}
.v4_schedule_week_box .schedule_week_box_inner .time_box{padding:4px;font-size:0.8125rem;color:var(--color-gray-600);text-align:right;box-sizing:border-box;}
.v4_schedule_week_box .schedule_week_box_inner .week_cell{min-width:0;min-height:80px;padding:2px;border-left:1px solid var(--color-gray-75);border-bottom:1px solid var(--color-gray-75);box-sizing:border-box;}
.v4_schedule_week_box .schedule_week_box_inner .week_head .week_cell{min-height:auto;padding:9px 0;text-align:center;font-size:0.8125rem;color:var(--color-gray-600);border-bottom:0 none;}
.v4_schedule_week_box .schedule_week_box_inner .week_head .week_cell.day_sun{color:var(--color-red-500);}
.v4_schedule_week_box .schedule_week_box_inner .week_cell .v4_color_box{height:auto;}
.v4_schedule_week_box .schedule_week_box_inner .week_cell .v4_color_box .box_text{white-space:initial;word-break:break-all;overflow-wrap:break-word;}
.v4_schedule_week_box .schedule_week_box_inner .data_box .data_item + .data_item{margin-top:2px;}

.v4_aligner{display:flex;align-items:center;}
.v4_aligner.multiline{flex-wrap:wrap;}
.v4_aligner.tag_list{gap:4px;}
.v4_aligner.chip_list{gap:4px;}
.v4_aligner.gap-8px{gap:8px;}
.v4_aligner.row-gap-8px{row-gap:8px;}
.v4_aligner.chip_list > div,
span.v4_aligner.chip_list > span{max-width:100%;}
.v4_aligner.devider > div,
span.v4_aligner.devider > span{position:relative;margin-right:12px;min-width:0;}
.v4_aligner.devider > div:after,
span.v4_aligner.devider > span:after{position:absolute;display:block;content:'';width:2px;height:2px;top:0;bottom:0;right:-7px;margin:auto 0;background-color:var(--color-gray-400);}
.v4_aligner.devider > div:last-child,
span.v4_aligner.devider > span:last-child{margin-right:0;}
.v4_aligner.devider > div.no-line:after,
.v4_aligner.devider > div:last-child:after,
span.v4_aligner.devider > span.no-line:after,
span.v4_aligner.devider > span:last-child:after{display:none;}

.page_title{font-size:1.5rem;font-weight:bold;}
.page_sub_title{position:relative;font-size:1.125rem;font-weight:bold;}
.page_sub_title.sm{font-size:1rem;}
.page_sub_title.xs{font-size:0.875rem;}
.page_sub_title.xlg{font-size:1.25rem;}
.page_sub_title.xxlg{font-size:1.5rem;}

.page_title + .page_tabs{margin-top:20px;}
.page_tabs .tabs_inner{position:relative;height:37px;overflow:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.page_tabs .tabs_inner::-webkit-scrollbar{display:none;}
.page_tabs .tabs_inner > ul{position:absolute;display:flex;align-items:center;gap:20px;width:max-content;}
.page_tabs .tabs_inner > ul > li > a{position:relative;display:flex;align-items:center;gap:4px;padding-bottom:11px;font-size:1.25rem;font-weight:bold;color:var(--color-gray-500);line-height:1.3;}
.page_tabs .tabs_inner > ul > li.active > a{color:var(--color-blue-500);}
.page_tabs .tabs_inner > ul > li.active > a:after{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--color-blue-500);border-radius:6px;}
.page_tabs.has_controls{position:relative;}
.page_tabs .tabs_controls .control_item{position:absolute;bottom:6px;display:none;}
.page_tabs .tabs_controls .control_btn{display:block;width:36px;height:36px;background-color:var(--color-white);border:1px solid var(--color-gray-100);box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.08);border-radius:50%;box-sizing:border-box;}
.page_tabs .tabs_controls .control_btn .control_arrow{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.page_tabs .tabs_controls .control_item.prev .control_btn .control_arrow{transform:rotate(-180deg);}
.page_tabs .tabs_controls .control_item.prev{left:-18px;}
.page_tabs .tabs_controls .control_item.next{right:-18px;}
.page_tabs.has_prev .tabs_controls .control_item.prev{display:block;}
.page_tabs.has_next .tabs_controls .control_item.next{display:block;}

.page_sub_tabs .tabs_inner{position:relative;height:36px;overflow:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.page_sub_tabs .tabs_inner::-webkit-scrollbar{display:none;}
.page_sub_tabs .tabs_inner > ul{position:absolute;display:flex;align-items:center;gap:20px;width:max-content;}
.page_sub_tabs .tabs_inner > ul > li > a{position:relative;display:flex;align-items:center;gap:4px;padding-bottom:12px;font-size:1rem;color:var(--color-gray-600);}
.page_sub_tabs .tabs_inner > ul > li.active > a{color:var(--color-gray-900);font-weight:bold;}
.page_sub_tabs .tabs_inner > ul > li.active > a:after{display:block;content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-gray-900);border-radius:3px;}
.page_sub_tabs.has_controls{position:relative;}
.page_sub_tabs .tabs_controls .control_item{position:absolute;bottom:6px;display:none;}
.page_sub_tabs .tabs_controls .control_btn{display:block;width:36px;height:36px;background-color:var(--color-white);border:1px solid var(--color-gray-100);box-shadow:0 2px 8px 0 rgba(37, 68, 91, 0.08);border-radius:50%;box-sizing:border-box;}
.page_sub_tabs .tabs_controls .control_btn .control_arrow{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.page_sub_tabs .tabs_controls .control_item.prev .control_btn .control_arrow{transform:rotate(-180deg);}
.page_sub_tabs .tabs_controls .control_item.prev{left:-18px;}
.page_sub_tabs .tabs_controls .control_item.next{right:-18px;}
.page_sub_tabs.has_prev .tabs_controls .control_item.prev{display:block;}
.page_sub_tabs.has_next .tabs_controls .control_item.next{display:block;}
.page_sub_tabs_line_group{border-bottom:1px solid var(--color-gray-75);}
.page_sub_tabs_line_group .page_sub_tabs{margin-bottom:-1px;}
.page_sub_tabs_line_group.use_layer{padding:12px 0 0 8px;}
.page_sub_tabs_line_group.use_layer .page_sub_tabs .tabs_inner > ul{padding-right:8px;}
.page_sub_tabs_line_group.use_box{padding:12px 0 0 20px;}
.page_sub_tabs_line_group.use_box .page_sub_tabs .tabs_inner > ul{padding-right:20px;}
.page_sub_tabs_chip_group .page_sub_tabs .tabs_inner{height:38px;}
.page_sub_tabs_chip_group .page_sub_tabs .tabs_inner .chip_list{position:absolute;gap:8px;}
.page_sub_tabs_chip_group .page_sub_tabs .tabs_controls .control_item{bottom:1px;}
.page_sub_tabs_chip_group .page_sub_tabs .tabs_controls .control_item.prev{left:-10px;}
.page_sub_tabs_chip_group.use_layer{padding:8px 0;}
.page_sub_tabs_chip_group.md .page_sub_tabs .tabs_inner{height:30px;}
.page_sub_tabs_chip_group.md .page_sub_tabs .tabs_controls .control_item{bottom:-3px;}

.flex_box{display:flex;}
.flex_box.flex-ai-start{align-items:flex-start;}
.flex_box.flex-ai-end{align-items:flex-end;}
.flex_box.flex-ai-center{align-items:center;}
.flex_box.flex-jc-space-between{justify-content:space-between;}
.flex_box.flex-jc-end{justify-content:flex-end;}
.flex_box.flex-jc-center{justify-content:center;}
.flex_box.flex-dir-col{flex-direction:column;}
.flex_box.flex-gap-20px{gap:20px;}
.flex_box.flex-gap-16px{gap:16px;}
.flex_box.flex-gap-12px{gap:12px;}
.flex_box.flex-gap-8px{gap:8px;}
.flex_box.flex-gap-4px{gap:4px;}
.flex_box.flex-gap-2px{gap:2px;}
.flex_box.flex-row-gap-4px{row-gap:4px;}
.flex_box.flex-row-gap-8px{row-gap:8px;}
.flex_box.flex-wrap{flex-wrap:wrap;}
.flex_box > .wide{flex-grow:1;width:0;min-width:0;}
.flex_box.flex-dir-col > .wide{width:initial;min-width:initial;}
.flex_box > .uniform{flex-basis:1px;}
.flex_box > .fix{flex-shrink:0;}
.flex_box > .scroll_base{overflow:hidden;}
.flex_box > .align_right{margin-left:auto;}
.flex_box > .align_center{margin-left:auto;margin-right:auto;}
.flex_box > .align_self_center{align-self:center;}

.dynamic-rows .dynamic-rows-item + .dynamic-rows-item{margin-top:12px;}
.dynamic-rows-add{padding-top:12px;margin-top:12px;border-top:1px solid var(--color-gray-75);}

.scroll_body{overflow:hidden;}
.scroll_body.both{width:100%;max-width:100%;height:100%;max-height:100%;overflow:auto;}
.scroll_body.x{width:100%;max-width:100%;overflow-x:auto;}
.scroll_body.y{height:100%;max-height:100%;overflow-y:auto;}
.scroll_body.both.inherit{width:inherit;max-width:inherit;height:inherit;max-height:inherit;}
.scroll_body.x.inherit{width:inherit;max-width:inherit;}
.scroll_body.y.inherit{height:inherit;max-height:inherit;}
.scroll_body.contain_abs{position:relative;width:100%;height:100%;}
.scroll_body.contain_abs .scroll_contents{position:absolute;top:0;left:0;}
.scroll_body.hide_bar,
.scroll_hide_bar{scrollbar-width:none;-ms-overflow-style:none;}
.scroll_body.hide_bar::-webkit-scrollbar,
.scroll_hide_bar::-webkit-scrollbar{display:none;}
.scroll_type_thin::-webkit-scrollbar{width:8px;height:8px;background-color:transparent;}
.scroll_type_thin::-webkit-scrollbar-thumb{background-color:var(--color-gray-100);border:2px solid var(--color-white);border-radius:20px;}
.scroll_type_thin::-webkit-scrollbar-button{width:0;height:0;display:none;}
.scroll_type_thin::-webkit-scrollbar-corner{background-color:transparent;}
.scroll_body_spacer{padding:8px 0;width:fit-content;}

.main_app_inforzone_slider_wrap .slick-list{padding-top:8px !important;padding-bottom:8px !important;}
.main_app_inforzone_slider_wrap .slick-slide{width:calc(100vw - 32px);width:calc(100dvw - 32px);}
.main_app_inforzone_slider_wrap .slick-slide:not(:first-child){margin-left:8px;}
.main_app_inforzone_slider_wrap .slick-dots{display:flex;justify-content:center;gap:6px;padding:12px 0;}
.main_app_inforzone_slider_wrap .slick-dots li{display:block;width:8px;height:8px;background-color:var(--color-gray-200);border-radius:50%;overflow:hidden;}
.main_app_inforzone_slider_wrap .slick-dots li button{display:inline-block;width:100%;height:100%;background:transparent;border:0 none;text-indent:110%;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;color:transparent;}
.main_app_inforzone_slider_wrap .slick-dots li.slick-active{width:24px;background-color:var(--color-blue-500);border-radius:6px;}

.layer_search_filter{display:none;position:fixed;top:50%;left:50%;width:min(560px, calc(100vw - 40px));z-index:100;background-color:var(--color-white);border:1px solid var(--color-gray-75);box-sizing:border-box;transform:translate(-50%, -50%);}
.layer_search_filter:before{display:none;}
.layer_search_filter .layer_body{padding:24px;}
.layer_search_filter .layer_body_inner{max-height:min(580px, calc(100vh - 90px));max-height:min(580px, calc(100dvh - 90px));}
.layer_search_filter .layer_body_inner .search_filter_text_wrap{margin-bottom:16px;}
.layer_search_filter .layer_body_inner .search_filter_btn_wrap{margin-top:24px;}

.modal_layer_wrap{display:none;position:fixed;top:50%;left:50%;width:100vw;max-width:350px;padding:20px;z-index:100;background-color:var(--color-white);box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.2);border-radius:5px;box-sizing:border-box;transform:translate(-50%, -50%);}
.modal_layer_wrap .layer_title{margin-top:20px;font-size:1.25rem;font-weight:bold;text-align:center;}
.modal_layer_wrap .layer_body{margin-top:35px;}
.modal_layer_wrap .layer_body .box_desc{text-align:center;}
.modal_layer_wrap .layer_body .box_form{margin-top:15px;}
.modal_layer_wrap .layer_bottom{margin-top:45px;}
.modal_layer_wrap .layer_bottom .flex_box .flex_item.cancel{flex:0 0 100px;}
.modal_layer_wrap .layer_bottom .flex_box .flex_item.save{flex:1 1 auto;}
.modal_layer_wrap .layer_bottom .v4_btn{width:100%;}
.modal_layer_wrap.modal_input .layer_body .box_form .v4_textarea{height:72px;resize:none;}
.modal_layer_wrap.modal_input .layer_body .box_form .max_len_text{margin-top:10px;font-size:0.9375rem;text-align:right;}
.modal_layer_wrap.modal_danger .bg_danger{padding-top:113px;background:url('../images/bg/bg_danger.png') center 0 / 78px 68px no-repeat;}
.modal_layer_wrap.modal_number .box_numbers{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:15px;}
.modal_layer_wrap.modal_number .box_numbers .v4_input{width:35px;height:35px;font-weight:bold;text-align:center;}
.modal_layer_wrap.bg-gray-50{background-color:var(--color-gray-50);}

.modal_layer_wrap.sm{width:calc(100vw - 20px);max-width:360px;padding:16px;border:1px solid var(--color-gray-75);border-radius:16px;}
.modal_layer_wrap.sm .layer_title{margin-top:16px;font-size:1.125rem;}
.modal_layer_wrap.sm .layer_body{margin-top:0;}
.modal_layer_wrap.sm .layer_body_inner{max-height:min(630px, calc(100vh - 20px));max-height:min(630px, calc(100dvh - 20px));}
.modal_layer_wrap.sm .layer_content{margin-top:12px;font-size:0.875rem;color:var(--color-gray-700);text-align:center;}
.modal_layer_wrap.sm .layer_content .point{color:var(--color-red-500);font-weight:bold;}
.modal_layer_wrap.sm .layer_btn{margin-top:16px;}

.modal_layer_wrap.md{max-width:560px;max-height:630px;padding:0;border:1px solid var(--color-gray-75);border-radius:16px;}
.modal_layer_wrap.md .layer_title{position:relative;margin-top:0;padding:24px 48px 16px 24px;font-size:1.25rem;text-align:left;border-bottom:1px solid var(--color-gray-100);}
.modal_layer_wrap.md .layer_body{margin-top:0;}
.modal_layer_wrap.md .layer_body_inner{max-height:min(630px, calc(100vh - 20px));max-height:min(630px, calc(100dvh - 20px));}
.modal_layer_wrap.md .layer_close{position:absolute;top:24px;right:24px;}
.modal_layer_wrap.md .layer_main_content{padding:16px 24px 0 24px;}
.modal_layer_wrap.md .layer_main_content.type_list{padding:0 24px 0 24px;}
.modal_layer_wrap.md .layer_tabs{padding:12px 24px 0 24px;border-bottom:1px solid var(--color-gray-75);}
.modal_layer_wrap.md .layer_search{padding:12px 24px;}
.modal_layer_wrap.md .layer_tools{padding:12px 24px;border-bottom:1px solid var(--color-gray-75);}
.modal_layer_wrap.md .layer_tools.layer_search_cnt{padding:8px 24px;}
.modal_layer_wrap.md .layer_btn{padding:24px;}

.modal_layer_wrap.lg{display:block;top:8px;left:auto;right:-100%;max-width:700px;height:100vh;height:100dvh;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:0;border:1px solid var(--color-gray-75);border-radius:16px;transform:none;transition:all 0.3s;}
.modal_layer_wrap.lg.modal_layer_open{right:8px;}
.modal_layer_wrap.lg .layer_title{position:relative;margin-top:0;padding:24px 48px 16px 24px;font-size:1.25rem;text-align:left;border-bottom:1px solid var(--color-gray-100);}
.modal_layer_wrap.lg .layer_body{height:100%;margin-top:0;}
.modal_layer_wrap.lg .layer_body_inner{height:100%;}
.modal_layer_wrap.lg .layer_close{position:absolute;top:24px;right:24px;}
.modal_layer_wrap.lg .layer_main_content{flex-grow:1;padding:16px 24px 0 24px;}
.modal_layer_wrap.lg .layer_main_content.type_list{padding-top:0;}
.modal_layer_wrap.lg .layer_main_content.has_bottom_margin{margin-bottom:24px;}
.modal_layer_wrap.lg .layer_tabs{padding:12px 24px 0 24px;border-bottom:1px solid var(--color-gray-75);}
.modal_layer_wrap.lg .layer_search{padding:12px 24px;}
.modal_layer_wrap.lg .layer_tools{padding:12px 24px;border-bottom:1px solid var(--color-gray-75);}
.modal_layer_wrap.lg .layer_tools.padding-16-24{padding:16px 24px;}
.modal_layer_wrap.lg .layer_btn{padding:24px;}

.modal_layer_wrap.full{display:block;top:auto;bottom:-100%;left:0;max-width:100%;height:100vh;height:100dvh;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:0;background-color:var(--color-gray-50);border:1px solid var(--color-gray-75);border-radius:16px 16px 0 0;transform:none;transition:all 0.3s;}
.modal_layer_wrap.full.modal_layer_open{bottom:0;}
.modal_layer_wrap.full .layer_title{position:relative;margin-top:0;padding:14px 48px 16px 14px;height:52px;font-size:1.125rem;text-align:left;background-color:var(--color-white);border-bottom:1px solid var(--color-gray-100);border-radius:inherit;box-sizing:border-box;}
.modal_layer_wrap.full .layer_body{height:100%;margin-top:0;border-radius:inherit;}
.modal_layer_wrap.full .layer_body_inner{height:100%;border-radius:inherit;}
.modal_layer_wrap.full .layer_back{display:none;position:absolute;top:11px;left:16px;}
.modal_layer_wrap.full .layer_close{position:absolute;top:14px;right:16px;}
.modal_layer_wrap.full .layer_main_content{flex-grow:1;padding:16px;}
.modal_layer_wrap.full .layer_main_content_inner{max-width:880px;margin:auto;}
.modal_layer_wrap.full .layer_main_content_inner:has(.write_form_opts_wrap){max-width:1180px;}
.modal_layer_wrap.full .layer_btn{padding:16px;background-color:var(--color-white);border-top:1px solid var(--color-gray-100);}
.modal_layer_wrap.full.wide .layer_main_content_inner{max-width:100%;}

.modal_layer_wrap.address{max-width:880px;height:100vh;height:100dvh;max-height:770px;}
.modal_layer_wrap.address .layer_body{height:100%;margin-top:0;}
.modal_layer_wrap.address .layer_body_inner{height:100%;max-height:100%;}
.modal_layer_wrap.address .layer_main_content{flex-grow:1;padding:0;}
.modal_layer_wrap.address .address_breadcrumbs{display:none;}
.modal_layer_wrap.address .address_breadcrumbs.active{display:block;}
.modal_layer_wrap.address .address_group_wrap{display:flex;height:100%;}
.modal_layer_wrap.address .address_group_box{flex:1;padding:8px;border-right:1px solid var(--color-gray-75);}
.modal_layer_wrap.address .address_group_box:last-child{border-right:0 none;}
.modal_layer_wrap.address .address_group_item{display:flex;align-items:center;gap:12px;padding:12px;}
.modal_layer_wrap.address .address_group_item:hover,
.modal_layer_wrap.address .address_group_item.active{background-color:var(--color-gray-50);border-radius:8px;}
.modal_layer_wrap.address .address_group_item .item_link{display:flex;align-items:center;gap:8px;}
.modal_layer_wrap.address .address_group_item .item_text{flex-grow:1;}
.modal_layer_wrap.address .address_group_item .item_text_block{display:flex;align-items:center;gap:4px;flex-grow:1;}
.modal_layer_wrap.address .address_group_item .item_text_title{font-size:0.9375rem;font-weight:500;}
.modal_layer_wrap.address .address_group_item .item_text_cnt{flex-shrink:0;font-size:0.9375rem;color:var(--color-gray-600);}
.modal_layer_wrap.address .address_group_item .control_arrow{flex-shrink:0;}
.modal_layer_wrap.address .address_group_title{padding:12px 12px 4px 12px;font-size:0.875rem;color:var(--color-gray-600);}
.modal_layer_wrap.address .address_selected_content{flex-shrink:0;}
.modal_layer_wrap.address .v4_check input[type="radio"] + label,
.modal_layer_wrap.address .v4_check input[type="checkbox"] + label{gap:12px;flex-grow:1;}
.modal_layer_wrap.address .v4_comp.expand_box .expand_box_wrap .expand_box_header,
.modal_layer_wrap.address .v4_comp.expand_box .expand_box_wrap .expand_box_con{padding-left:24px;padding-right:24px;}
.modal_layer_wrap.address .v4_comp.expand_box .expand_box_wrap{border-color:var(--color-gray-75);border-left:0 none;border-right:0 none;border-radius:0;}
.modal_layer_wrap.address .v4_comp.expand_box .expand_box_wrap .expand_box_con{height:42px;min-height:42px;}
.modal_layer_wrap.address .v4_comp.expand_box .expand_box_wrap .expand_box_con .empty_box{display:none;}
.modal_layer_wrap.address .v4_comp.expand_box.expand,
.modal_layer_wrap.address .v4_comp.expand_box.expand .expand_box_wrap{height:100%;}
.modal_layer_wrap.address .v4_comp.expand_box.expand .expand_box_wrap{border-top:0 none;}
.modal_layer_wrap.address .v4_comp.expand_box.expand .expand_box_wrap .expand_box_con{height:calc(100% - 33px);padding-top:16px;padding-bottom:16px;}
.modal_layer_wrap.address .v4_comp.expand_box.expand .expand_box_wrap .expand_box_con .empty_box{display:block;}
.modal_layer_wrap.address:has(.v4_comp.expand_box.expand) .layer_tools,
.modal_layer_wrap.address:has(.v4_comp.expand_box.expand) .layer_main_content{display:none;}
.modal_layer_wrap.address:has(.v4_comp.expand_box.expand) .address_selected_content{flex-grow:1;padding:0;}

.full_layer_open body{overflow:hidden;}
.full_layer_open .full_layer_wrap{position:fixed;width:100vw;height:100vh;height:100dvh;top:0;left:0;background-color:#fff;z-index:100;}
.full_layer_open .full_layer_wrap .layer_top{position:relative;height:55px;border-bottom:1px solid #e6e7f4;}
.full_layer_open .full_layer_wrap .layer_top .layer_title{position:absolute;width:100%;top:50%;left:0;margin-top:-0.5em;line-height:1;font-weight:500;text-align:center;z-index:0;}
.full_layer_open .full_layer_wrap .layer_top .layer_back{display:none;position:absolute;top:50%;left:20px;margin-top:-12px;z-index:10;}
.full_layer_open .full_layer_wrap .layer_top .layer_back img{display:block;width:24px;height:24px;}
.full_layer_open .full_layer_wrap .layer_top .layer_close{display:block;position:absolute;top:50%;right:20px;margin-top:-12px;z-index:10;}
.full_layer_open .full_layer_wrap .layer_top .layer_close img{display:block;width:24px;height:24px;}
.full_layer_open .full_layer_wrap .layer_inner{height:calc(100vh - 56px);height:calc(100dvh - 56px);overflow:hidden;overflow-y:auto;}
.full_layer_open .full_layer_wrap .layer_inner .layer_inner_wrap{max-width:740px;margin:0 auto;padding:20px 20px 60px 20px;box-sizing:border-box;}

.full_layer_open .full_layer_wrap.blackboard_layer .layer_inner .layer_inner_wrap{max-width:100%;height:100%;padding:0;}

.blackboard_ico_asset{display:block;background:url('../images/blackboardasset.png') 0 0 no-repeat;background-size:320px;text-indent:110%;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;color:transparent}
.blackboard_ico_asset.tools{width:40px;height:40px;background-position:0 0;}
.blackboard_ico_asset.tools.bold{background-position-x:0;}
.blackboard_ico_asset.tools.textcolor{background-position-x:-40px;}
.blackboard_ico_asset.tools.backcolor{background-position-x:-80px;}
.blackboard_ico_asset.tools.underline{background-position-x:-120px;}
.blackboard_ico_asset.tools.strike{background-position-x:-160px;}
.blackboard_ico_asset.tools.image{background-position-x:-200px;}
.blackboard_ico_asset.tools.active{background-position-y:-40px;}
.blackboard_ico_asset.trashcolor{width:30px;height:30px;background-position:0 -240px;}

.blackboard_color_asset{display:block;width:30px;height:30px;text-indent:110%;white-space:nowrap;overflow:hidden;font-size:0;line-height:0;color:transparent;border-radius:5px;box-sizing:border-box;}
.blackboard_color_asset.border{border:1px solid #e6e7f4;}

.backboard_wrap{display:flex;flex-direction:column;height:100%;}
.backboard_wrap .backboard_tools{padding:5px 20px;}
.backboard_wrap .backboard_tools > ul:after{display:block;content:'';clear:both;}
.backboard_wrap .backboard_tools > ul{margin-top:-5px;}
.backboard_wrap .backboard_tools > ul > li{position:relative;float:left;margin-top:5px;margin-right:5px;}
.backboard_wrap .backboard_tools > ul > li:last-child{margin-right:0;}
.backboard_wrap .backboard_tools > ul > li > a{display:block;width:40px;height:40px;overflow:hidden;}
.backboard_wrap .backboard_tools > ul > li select{width:100%;height:40px;padding:10px 37px 10px 12px;font-family:inherit;font-size:0.875rem;font-weight:bold;line-height:normal;color:initial;background:url(../images/asset/arrow_select_down2x2.png) no-repeat calc(100% - 10px) 50%;background-size:13px;background-color:#fff;border:1px solid #e6e7f4;border-radius:5px;box-sizing:border-box}
.backboard_wrap .backboard_tools > ul > li .color_box{display:none;position:absolute;top:45px;left:0;padding:8px;background-color:#fff;border:1px solid #e6e7f4;border-radius:5px;box-sizing:border-box;}
.backboard_wrap .backboard_tools > ul > li .color_box > ul:after{display:block;content:'';clear:both;}
.backboard_wrap .backboard_tools > ul > li .color_box > ul{margin-top:-4px;margin-left:-4px;}
.backboard_wrap .backboard_tools > ul > li .color_box > ul.col3{width:calc(34px * 3);}
.backboard_wrap .backboard_tools > ul > li .color_box > ul.col4{width:calc(34px * 4);}
.backboard_wrap .backboard_tools > ul > li .color_box > ul > li{float:left;margin-top:4px;margin-left:4px;}
.backboard_wrap .backboard_tools > ul > li .color_box > ul > li > a{display:block;width:30px;height:30px;overflow:hidden;}
.backboard_wrap .backboard_tools > ul > li.active .blackboard_ico_asset.tools{background-position-y:-40px;}
.backboard_wrap .backboard_tools > ul > li.active .color_box{display:block;}

.backboard_wrap .backboard_body{flex-grow:1;min-height:0;padding:40px;background:url('../images/blackboard_back.png') 0 0 no-repeat;background-size:cover;box-sizing:border-box;}
.backboard_wrap .backboard_body .backboard_body_con{height:100%;color:var(--color-white);overflow:hidden;overflow-y:auto;}

.full_layer_open .full_layer_wrap.global_layer_img_view{animation:0.3s linear 1 layeropen;}
.full_layer_open .full_layer_wrap.global_layer_img_view{background-color:var(--color-gray-900);}
.full_layer_open .full_layer_wrap.global_layer_img_view .layer_top{height:52px;border-bottom:0 none;}
.full_layer_open .full_layer_wrap.global_layer_img_view .layer_inner{height:calc(100vh - 52px);height:calc(100dvh - 52px);overflow-y:hidden;}
.full_layer_open .full_layer_wrap.global_layer_img_view .layer_inner .layer_inner_wrap{width:100%;height:100%;max-width:100%;padding:0;}
.global_layer_img_view .layer_top{padding:0 16px;}
.global_layer_img_view .layer_top .top_tit{max-width:430px;margin-left:8px;font-size:0.875em;color:var(--color-white);}
.global_layer_img_view .layer_top .stat_cnt{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;font-size:0.875rem;font-weight:500;color:var(--color-white);text-align:center;}
.global_layer_img_view .layer_top .stat_cnt .current{color:var(--color-blue-400);}
.global_layer_img_view .layer_top .stat_cnt .slick-dots li{display:none;}
.global_layer_img_view .layer_top .stat_cnt .slick-dots li.slick-active{display:block;}
.global_layer_img_view .layer_top .left,
.global_layer_img_view .layer_top .right{position:absolute;top:0;left:16px;display:flex;align-items:center;height:100%;z-index:10;}
.global_layer_img_view .layer_top .right{left:auto;right:16px;}
.global_layer_img_view .layer_top .right .layer_top_btn{margin-left:16px;}
.global_layer_img_view .layer_top .layer_top_btn{position:relative;display:block;width:24px;height:24px;color:transparent;font-size:0;overflow:hidden;}
.global_layer_img_view .layer_top .layer_top_btn i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.global_layer_img_view .img_viewer{position:relative;width:100%;height:100%;}
.global_layer_img_view .img_viewer .img_nav{display:none;position:absolute;top:calc(50% - 48px);left:24px;margin-top:-24px;z-index:10;}
.global_layer_img_view .img_viewer .img_nav .img_nav_btn{position:relative;display:block;width:48px;height:48px;color:transparent;font-size:0;overflow:hidden;border-radius:50%;}
.global_layer_img_view .img_viewer .img_nav .img_nav_btn i{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.global_layer_img_view .img_viewer .img_nav .img_nav_btn:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-white);opacity:0.3;}
.global_layer_img_view .img_viewer .img_nav.next{left:auto;right:24px;}
.global_layer_img_view .img_viewer .img_box,
.global_layer_img_view .img_viewer .img_box .slide_list,
.global_layer_img_view .img_viewer .img_box .slide_list .slick-list{width:100%;height:100%;}
.global_layer_img_view .img_viewer .img_box .slick-track{display:flex;align-items:center;height:100%;}
.global_layer_img_view .img_viewer .img_box .slick-track .slick-slide{display:flex;align-items:center;justify-content:center;}
.global_layer_img_view .img_viewer .img_box .slide_list .slide_item img{display:block;max-width:calc(100vw - 180px);max-height:calc(100vh - 52px);max-height:calc(100dvh - 52px);object-fit:cover;}
.global_layer_img_view .img_viewer .img_nav_slider{display:none;position:fixed;bottom:0;left:0;width:100%;padding:8px 16px;overflow:hidden;box-sizing:border-box;}
.global_layer_img_view .img_viewer .img_nav_slider:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-gray-900);}
.global_layer_img_view .img_viewer .img_nav_slider .img_nav_slider_lists{position:relative;overflow-x:auto;}
.global_layer_img_view .img_viewer .img_nav_slider .img_nav_slider_lists::-webkit-scrollbar{display:none;}
.global_layer_img_view .img_viewer .img_nav_slider .img_nav_slider_lists{scrollbar-width:none;-ms-overflow-style:none;}
.global_layer_img_view .img_viewer .img_nav_slider .img_nav_slider_lists .slide_list{width:max-content;margin:0 auto;}
.global_layer_img_view .img_viewer .img_nav_slider .img_nav_slider_lists .slide_list .slide_item{float:left;width:60px;height:60px;margin-left:4px;border-radius:8px;box-sizing:border-box;overflow:hidden;}
.global_layer_img_view .img_viewer .img_nav_slider .img_nav_slider_lists .slide_list .slide_item:first-child{margin-left:0;}
.global_layer_img_view .img_viewer .img_nav_slider .img_nav_slider_lists .slide_list .slide_item a{position:relative;display:block;width:100%;height:100%;}
.global_layer_img_view .img_viewer .img_nav_slider .img_nav_slider_lists .slide_list .slide_item img{display:block;width:100%;height:100%;object-fit:cover;}
.global_layer_img_view .img_viewer .img_nav_slider .img_nav_slider_lists .slide_list .slide_item.active a:after{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid var(--color-blue-500);border-radius:8px;box-sizing:border-box;}

.global_layer_img_view .img_viewer{position:relative;width:100%;height:100%;overflow:hidden;overflow-y:auto;}
.global_layer_img_view .img_viewer .pdf_box{width:max-content;max-width:100%;max-height:100%;margin:0 auto;padding:16px;box-sizing:border-box;}
.global_layer_img_view .img_viewer .pdf_box .pdf_doc{max-width:100%;margin-bottom:16px;}
.global_layer_img_view .img_viewer .pdf_box .pdf_doc:last-child{margin-bottom:0;}

.global_loading{display:none;}
.global_loading .loading_mask{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:90}
.global_loading .loading_content{position:fixed;top:50%;left:50%;width:200px;height:160px;padding:10px;z-index:100;background-color:rgba(36, 38, 44, 0.7);border-radius:24px;box-sizing:border-box;transform:translate(-50%, -50%);}

.body_clicked .global_layer_img_view .img_viewer .img_nav,
.body_clicked .global_layer_img_view .img_viewer .img_nav_slider{display:block;}

@keyframes layeropen {
    0% {
        top:100vh;
        top:100dvh;
    }
    100% {
        top:0;
    }
}