@charset "utf-8";
/*============================================================
font
=============================================================*/
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../css/font/IBMPlexSans-Regular.ttf) format('truetype'),
    url(../css/font/IBMPlexSans-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../css/font/IBMPlexSans-Medium.ttf) format('truetype'),
    url(../css/font/IBMPlexSans-Medium.woff2) format('woff2');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../css/font/IBMPlexSans-SemiBold.ttf) format('truetype'),
    url(../css/font/IBMPlexSans-SemiBold.woff2) format('woff2');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../css/font/IBMPlexSans-Bold.ttf) format('truetype'),
    url(../css/font/IBMPlexSans-Bold.woff2) format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('../css/font/Pretendard-Medium.eot'),
        url('../css/font/Pretendard-Medium.woff2') format('woff2'),
        url('../css/font/Pretendard-Medium.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src: url('../css/font/Pretendard-Black.eot');
    src: url('../css/font/Pretendard-Black.eot?#iefix') format('embedded-opentype'),
        url('../css/font/Pretendard-Black.woff2') format('woff2'),
        url('../css/font/Pretendard-Black.woff') format('woff'),
        url('../css/font/Pretendard-Black.ttf') format("truetype");
    font-display: swap;
}

/*============================================================
reset
=============================================================*/
html,body{-webkit-text-size-adjust:100%;word-break:break-all;}
html.layer_activated,body.layer_activated{overflow:hidden;height:100%;}
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hgroup,p,blockquote,figure,form,fieldset,input,legend,pre,abbr,button{margin:0;padding:0;}
body,button,input,select,table,textarea,pre{margin:0;padding:0;font-family:'IBM Plex Sans', sans-serif;color:#000;font-size:14px;font-weight:400;line-height:normal;}
fieldset,iframe,img{border:0;}
img{width:100%;height:auto;border:none;vertical-align:top;}
ol,ul,li{list-style:none;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
article,aside,footer,header,nav,main,section,summary,details,hgroup,figure,figcaption{display:block;}
button{overflow:visible;border:0;background:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer;}
button:focus{outline:none;}
button:disabled{cursor:default;}
a{color:#000;text-decoration:none;}
a:active,a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
.blind,caption{overflow:hidden;position:absolute;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
caption{position:static;}
input,textarea,select{border-radius:0;border:0;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;}
input::-ms-clear,
input::-ms-reveal{display:none;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none;}
input::-webkit-inner-spin-button {appearance: none;-moz-appearance: none;-webkit-appearance: none;}

html{height:100%;}
body{height:100%;background:#fff;}
body.bg_gray{background:#F2F2F2;}
.wrap{min-width:1600px;height:100%;}

.skip{position:absolute;top:-2.188rem;left:50%;z-index:3;width:12.5rem;height:2.188rem;margin-left:-6.25rem;background:rgba(0, 0, 0, 0.7);outline:0;font-size:15px;color:#fff;line-height:2.188rem;letter-spacing:-0.025rem;text-align:center;opacity:0;}
.skip:focus{top:0;margin-top:constant(safe-area-inset-top); margin-top:env(safe-area-inset-top);opacity:1;}
.blind{position:absolute;left:-10000px;top:-10000px;width:0;height:0;font-size:0;}
.dim{background: rgba(0, 0, 0, 0.5) !important;cursor:pointer;}

/*============================================================
scroll
=============================================================*/

/*============================================================
tab
=============================================================*/
.tab_btn_wrap_1depth{display:flex;}
.tab_btn_wrap_1depth li{flex:1;}
.tab_btn_wrap_1depth li .btn_tab{width:100%;height:48px;padding:8px;background:#eee;font-size:20px;font-weight:700;color:#666;}
.tab_btn_wrap_1depth li .btn_tab .num{padding-left:8px;font-weight:400;}
.tab_btn_wrap_1depth li:first-child .btn_tab{border-radius:24px 0 0 0;}
.tab_btn_wrap_1depth li:last-child .btn_tab{border-radius:0 24px 0 0;}
.tab_btn_wrap_1depth li.active .btn_tab{background:#fff;color:#000;}
.tab_btn_wrap_1depth li.active .btn_tab .num{color:#FB7870;}

.tab_btn_wrap_2depth::after{content:'';display:block;clear:both;}
.tab_btn_wrap_2depth li{float:left;margin-right:4px;}
.tab_btn_wrap_2depth .btn_tab{min-width:96px;height:32px;padding:8px;border-radius:100px;background:#F2F2F2;font-weight:600;color:#666;line-height:14px;}
.tab_btn_wrap_2depth .new .btn_tab span{position:relative;}
.tab_btn_wrap_2depth .new .btn_tab span::after{content:'';position:absolute;top:-2.5px;right:-7.5px;width:6px;height:6px;border-radius:100%;background:#FB7870;}
.tab_btn_wrap_2depth .active .btn_tab{background:#000;color:#fff;font-weight:700;}

.tab_btn_wrap_3depth::after{content:'';display:block;clear:both;}
.tab_btn_wrap_3depth li{float:left;margin-right:20px;}
.tab_btn_wrap_3depth .btn_tab{padding-bottom:8px;border-bottom:1px solid transparent;color:#666;}
.tab_btn_wrap_3depth .new .btn_tab{position:relative;}
.tab_btn_wrap_3depth .new .btn_tab::after{content:'';position:absolute;top:-2.5px;right:-7.5px;width:6px;height:6px;border-radius:100%;background:#FB7870;}
.tab_btn_wrap_3depth .active .btn_tab{border-color:#000;font-weight:700;color:#000;}

/*============================================================
form
=============================================================*/
/* text */
.col_primary{color:#6364FF;}
.col_primary2{color:#E0E0FF;}
.col_primary3{color:#EFF0FF;}
.col_secondary{color:#FBA270;}
.col_secondary2{color: #FEECE2;}
.col_secondary3{color:#FFF6F1;}
.col_red{color:#FB7870;}
.col_navy{color:#1E3050;}
.col_point{color:#666;}
.col_point2{color:#25C898;}
 
.msg_list{margin-top:6px;}
.msg_list .txt_help{position:relative;margin-top:2px;padding-left:15px;font-size:14px;color:#666;}
.msg_list .txt_help:first-child{margin-top:0;} 
.msg_list .txt_help::before{content:'';position:absolute;top:8px;left:5px;width:3px;height:3px;border-radius:50%;background:#666;}
.msg_list.error .txt_help{color:#FB7870;}
.msg_list.error .txt_help::before{background:#FB7870;}

.msg_error{margin-top:32px;padding:16px 20px;border-radius:4px;background: rgba(213, 88, 88, 0.10);color:#FB7870;font-weight:500;}

/* input */
.inp_box{position:relative;}
.inp_base{width:100%;height:56px;padding:16px 40px 16px 20px;border:1px solid #ccc;background:#FFF;border-radius:12px;font-size:16px;color:#000;box-sizing:border-box;}
.inp_base::placeholder{color:#000;opacity:0.3;}
.inp_base:focus{border:1px solid #6364FF;}
.inp_base:read-only:focus{border:1px solid #ccc;}
.inp_box.error .inp_base{border: 1px solid #FB7870;}
.inp_base:disabled{border:1px solid #CCC;background:#F2F2F2;color:#666;}
.inp_box .btn_delete{display:none;overflow:hidden;position:absolute;top:50%;right:20px;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:url(../image/common/16/ico_delete.svg)no-repeat 0 0/100% 100%;color:transparent;}

.form_grid_item dt{font-weight:500;}
.form_grid_item dt label{font-weight:500;}
.form_grid_item dt .label.essential{position:relative;}
.form_grid_item dt .label.essential::before{content:'';position:absolute;top:0;right:-8.5px;width:6px;height:6px;border-radius:50%;background:#FB7870;}
.form_grid_item dd{padding-top:8px;}

.login_box .inp_base{height:58px;padding:16px 28px 16px 8px;border:none;border-bottom:2px solid #000;border-radius:0;background:transparent;font-size:20px;}
.login_box .inp_base::placeholder{font-size:20px;font-weight:700;}
.login_box .inp_base:focus{border:none;border-bottom:2px solid #6364FF;}
.login_box .inp_box.error .inp_base{border:none;border-bottom:2px solid #FB7870;}
.login_box .inp_base:disabled{border:none;border-bottom:2px solid #CCC;color:#ccc;}
.login_box .inp_box .btn_delete{right:8px;}

.login_box .form_grid_item dt{font-size:16px;font-weight:400}
.login_box .form_grid_item dd{padding-top:0;}

/* checkbox */
.form_wrap{display:inline-block;position:relative;}
.form_wrap input[type="checkbox"]{position:absolute;width:20px;height:20px;margin:0;}
.form_wrap input[type="checkbox"] + label{display:inline-block;padding-left:28px;font-size:16px;}
.form_wrap input[type="checkbox"] + label::before{content:'';position:absolute;top:0;left:0;width:20px;height:20px;background:url(../image/common/20/ico_check_off.svg)no-repeat 0 0/100% 100%;}
.form_wrap input[type="checkbox"]:checked + label::before{background:url(../image/common/20/ico_check_on.svg)no-repeat 0 0/100% 100%;}

/* radio */
.form_wrap input[type="radio"]{position:absolute;width:20px;height:20px;margin:0;}
.form_wrap input[type="radio"] + label{display:inline-block;padding-left:28px;font-size:16px;}
.form_wrap input[type="radio"] + label::before{content:'';position:absolute;top:0;left:0;width:20px;height:20px;background:url(../image/common/20/ico_radio_off.svg)no-repeat 0 0/100% 100%;}
.form_wrap input[type="radio"]:checked + label{font-weight:500;}
.form_wrap input[type="radio"]:checked + label::before{background:url(../image/common/20/ico_radio_on.svg)no-repeat 0 0/100% 100%;}

/* button */
.btn_type_primary{min-width:100px;height:35px;padding:9px;border-radius:8px;background:#6364FF;font-size:13px;color:#fff;}
.btn_type_primary:hover,.btn_type_primary:active{background:#8190FF;}
.btn_type_primary:disabled{background:#999}

.btn_type_secondary{min-width:100px;height:35px;padding:9px;border:1px solid #6364FF;border-radius:8px;background:#fff;font-size:13px;color:#6364FF;}
.btn_type_secondary:hover, .btn_type_secondary:active{border:1px solid #8190FF;color:#8190FF;}
.btn_type_secondary:disabled{border:1px solid #E0E0FF;color:#E0E0FF;}

.btn_type_negative{min-width:100px;height:35px;padding:9px;border:1px solid #666;border-radius:8px;background:#fff;font-size:13px;color:#666;}
.btn_type_negative:hover, .btn_type_negative:active{border:1px solid #999;color:#999;}
.btn_type_negative:disabled{border:1px solid #E6E6E6;color:#ccc;}

.btn_type_m{min-width:120px;height:40px;padding:11px 16px;border-radius:12px;font-size:14px;}
.btn_type_l{min-width:140px;height:48px;padding:13px 16px;border-radius:12px;font-size:17px;}
.btn_type_xl{min-width:102px;height: 56px;padding:13px 14px;border-radius:12px;font-size: 17px;}

.btn_type_primary.type2 {width: 120px;height: 40px;border-radius: 12px;}

.btn_prev{display:inline-block;overflow:hidden;width:40px;height:40px;border-radius:50%;background:url(../image/common/etc/ico_prev_circle.svg)no-repeat 50% 50%/100% 100%;color:transparent;box-shadow:2px 4px 12px rgba(0, 0, 0, 0.10);}
.btn_prev_page{display:inline-block;overflow:hidden;width:32px;height:32px;background: url(../image/common/etc/ico_prev.svg)no-repeat 0 0 / 100% 100%;color:transparent;}

.btn_info{overflow:hidden;width:16px;height:16px;border-radius:50%;background:url(../image/common/16/ico_info.svg)no-repeat 0 0/100% 100%;color:transparent;}
 
.btn_reset{overflow:hidden;width:24px;height:24px;background:url(../image/common/24/ico_reset.svg)no-repeat 0 0/100% 100%;color:transparent;} 

.btn_txt{display:inline-block;font-size:12px;font-weight:500;color:#70A8FB;text-decoration:underline !important;}
.btn_txt em{font-size:16px;}
.btn_txt.thin{font-size:13px;font-weight:400;letter-spacing:-0.45px;}
.btn_txt2{display:inline-block;font-size:12px;font-weight:500;color:#666;text-decoration:underline !important;}
.btn_txt2 em{font-size:16px;}

/* select */
.sel_base{display:inline-block;position:relative;width:200px;height:36px;padding:8px 35px 8px 14px;border-radius:100px;background:#F2F2F2 url(../image/common/20/ico_arw_down.svg)no-repeat right 14px center/20px 20px;box-sizing:border-box;cursor:pointer;}
.sel_base span{display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.sel_base .list{display:none;position:absolute;bottom:40px;right:0;left:0;z-index:1;overflow-y:auto;max-height:179px;padding:6px;border-radius:8px;border:1px solid #E6E6E6;background:#FFF;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);box-sizing:border-box;cursor:auto;scrollbar-width:thin;scrollbar-color:#666 transparent;}
.sel_base .list::-webkit-scrollbar{width:7px;}
.sel_base .list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:50px;background-clip:padding-box;background-color:#666;}
.sel_base .list::-webkit-scrollbar-track{background-color:transparent;}

.sel_base .list li{overflow:hidden;padding:8px 12px;border-radius:8px;font-size:13px;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.contents.register .operation_area .form_grid_item .sel_box span.placeholder{color:#b3b3b3;}    
.contents.register .operation_area .form_grid_item .sel_box .selected span.placeholder{color:#000;}    
.sel_base.active{background:#F2F2F2 url(../image/common/20/ico_arw_up.svg)no-repeat right 14px center/20px 20px;}
.sel_base.active .list li:hover{background:#EFF0FF;color:#6364FF;}

.sel_base.type2{width:226px;height:40px;padding:10px 36px 10px 16px;border:1px solid #E6E6E6;border-radius:12px;background:#fff url(../image/common/20/ico_arw_down.svg)no-repeat right 14px center/20px 20px;}
.sel_base.type2 span{font-size:16px;}
.sel_base.type2 .list{top:44px;bottom:auto;max-height:197px;}
.sel_base.type2 .list li{font-size:16px;}
.sel_base.type2.active{border:1px solid #6364FF;background:#fff url(../image/common/20/ico_arw_up.svg)no-repeat right 14px center/20px 20px;}
.sel_base.type2.active li:hover{background:#EFF0FF;}
.sel_base.type2.selected{border:1px solid #6364FF;}
.sel_base.type2.selected span{color:#6364FF;}

.filter_sel_box{position:relative;}
.filter_sel_box .filter_area{display:none;position:absolute;top:44px;left:0;z-index:20;}
.filter_sel_box .filter_area .filter_con{position:relative;padding:14px 18px;width:360px;min-height:130px;border:1px solid #e6e6e6;border-radius:8px;text-align:center;background:#fff;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);box-sizing:border-box;}
.filter_sel_box .filter_area .filter_con.active::after{content:'';position:absolute;bottom:-320px;left:18px;display:block;width:614px;height:329px;background:transparent;}
.filter_sel_box .filter_area .form_wrap.select .sel_base.type2{display:none;}
.filter_sel_box .filter_area .form_wrap.date .date_wrap{display:none;}
.filter_sel_box .filter_area .form_wrap.tag .tag_list_area{display:none;padding-left:8px;vertical-align:top;}
.filter_sel_box .filter_area .form_wrap.tag .tag_btn_wrap{gap:4px;}
.filter_sel_box .filter_area .form_wrap.tag .tag_btn_wrap .btn_sel_box .option_list{top:20px;width:232px;}

.filter_sel_box .filter_area .form_wrap.tag .tag_list_area.has_tag{padding-left:0;padding-top:8px;vertical-align:unset;}

.btn_filter_sel {overflow:hidden;float:left;position:relative;width:226px;height:40px;padding:9px 33px 9px 16px;border:1px solid #ddd;border-radius:12px;background:#fff;font-size:16px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;box-sizing:border-box;}
.btn_filter_sel.open {border:1px solid #6364FF;}
.btn_filter_sel.select{background:#6364FF;color:#fff;}
.btn_filter_sel.select::after{background:url(../image/common/20/ico_down_wh.svg)no-repeat 50% 50%/100% 100%}
.btn_filter_sel.select .bold{padding-left:2px;font-weight:700;}
.btn_filter_sel::after{content:'';position:absolute;top:50%;right:16px;width:20px;height:20px;margin-top:-10px;background:url(../image/common/20/ico_arw_down.svg)no-repeat 50% 50%/100% 100%}
.btn_filter_sel.open::after{background:url(../image/common/20/ico_arw_up.svg)no-repeat 50% 50%/100% 100%}
.btn_filter_sel.open.select::after{background:url(../image/common/20/ico_down_wh.svg)no-repeat 50% 50%/100% 100%}
.btn_filter_sel::after{content:'';display:block;clear:both;}
.btn_filter_sel.copy{display:flex;align-items:center;}
.btn_filter_sel.copy span{float:left;}
.btn_filter_sel.copy .tag_btn_wrap{float:left;align-items:flex-start;margin-left:8px;gap:4px;}
.btn_filter_sel.copy .tag_btn_wrap p{max-width:112px;color:#000 !important;}
.btn_filter_sel.copy .btn_sel_box{padding-top:0;}
.btn_filter_sel.copy .btn_sel_box .option_list.hidden_tag.active .tag_btn_wrap{margin-bottom:6px;}

.search_box{display:inline-block;position:relative;}
.search_box .sel_base{position:absolute;top:1px;left:40px;bottom:1px;z-index:10;width:123px;height:38px;padding:8px 20px 8px 8px;background:#fff url(../image/common/20/ico_arw_down.svg)no-repeat 100% 50%/20px 20px;}
.search_box .sel_base span{font-size:16px;}
.search_box .sel_base .list{overflow-y:unset;top:44px;right:0;bottom:auto;left:auto;width:133px;height:auto;max-height:none;}
.search_box .sel_base .list li{font-size:16px;}
.search_box .sel_base.selected span{color:#6364FF;}
.search_box .sel_base.active{background:#fff url(../image/common/20/ico_arw_up.svg)no-repeat 100% 50%/20px 20px;}
.search_box .inp_box .inp_base{width:440px;height:40px;padding:9px 38px 9px 179px;border:1px solid #E6E6E6;border-radius:100px;background:#fff;font-size:16px;}
.search_box .inp_box .inp_base::placeholder{color:#999;opacity:1;}
.search_box .inp_box .inp_base.active{border:1px solid #6364FF;}
.search_box .inp_box::before{content:'';position:absolute;top:50%;left:20px;width:20px;height:20px;margin-top:-10px;background:url(../image/common/20/ico_search.svg)no-repeat 0 0/100% 100%;}

.search_box .search_more_list_wrap{display:none;position:absolute;top:44px;right:0;z-index:11;width:303px;border-radius:8px;border:1px solid #e6e6e6;background:#fff;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);box-sizing:border-box;}
.search_box .search_more_list{overflow-y:auto;max-height:370px;margin:6px;scrollbar-width:thin;scrollbar-color:#666 transparent;}
.search_box .search_more_list::-webkit-scrollbar{width:3px;}
.search_box .search_more_list::-webkit-scrollbar-thumb{border-radius:50px;background-color:#666;}
.search_box .search_more_list::-webkit-scrollbar-track{background-color:transparent;}
.search_box .search_more_list li{position:relative;}
.search_box .search_more_list li a{display:block;position:relative;height:37px;padding:8px 12px 8px 36px;border-radius:8px;font-size:16px;box-sizing:border-box;}
.search_box .search_more_list .btn_del{display:none;overflow:hidden;position:absolute;top:50%;right:8px;width:30px;height:30px;margin-top:-15px;background:url(../image/common/16/ico_close.svg)no-repeat 50% 50%/16px 16px;color:transparent;}
.search_box .search_more_list li:hover a{background:#EFF0FF;color:#6364FF;}
.search_box .search_more_list li:hover .btn_del{display:block;}
.search_box .search_more_list .related a::before{content:'';position:absolute;top:50%;left:12px;width:16px;height:16px;margin-top:-8px;background:url(../image/common/16/ico_clock_search.svg)no-repeat 0 0/100% 100%;}
.search_box .search_more_list .history a::before{content:'';position:absolute;top:50%;left:12px;width:16px;height:16px;margin-top:-8px;background:url(../image/common/16/ico_search.svg)no-repeat 0 0/100% 100%;}

.search_box.none_select .search_more_list_wrap{right:13px;}
.search_box.none_select .inp_box .inp_base{width:321px;padding-left:48px;}

.btn_sel_box * { box-sizing:border-box;}
.btn_sel_box + .btn_sel_box {padding-top:8px;}
.btn_sel_box {position:relative;}
.btn_sel_box > .btn_delete{display:none;overflow:hidden;position:absolute;top:50%;right:44px;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:url(../image/common/16/ico_delete.svg)no-repeat 0 0/100% 100%;color:transparent;}

.btn_sel_box .btn_sel {display:inline-block;overflow:hidden;position:relative;width:100%;height:56px;padding:18px 66px 18px 16px;border:1px solid #ccc;border-radius:12px;background:#fff url(../image/common/24/ico_arw_down.svg)no-repeat right 20px center/24px 24px;font-size:16px;color:#b3b3b3;line-height:18px;text-align:left;white-space:nowrap;text-overflow:ellipsis;}
.btn_sel_box .btn_sel.essential::before {content:'';position:absolute;top:0;right:-8.5px;width:6px;height:6px;border-radius:50%;background:#D55858;}
.btn_sel_box.filled .btn_sel{color:#000;}
.btn_sel_box.active .btn_sel {border:1px solid #6364FF;background:#fff url(../image/common/24/ico_arw_up.svg)no-repeat right 20px center/24px 24px;color:#000;}
.btn_sel_box.select .btn_sel {border:1px solid #6364FF;color:#6364FF;} 
.btn_sel_box.error .btn_sel{border:1px solid #FB7870;color:#FB7870}
.btn_sel_box .btn_sel:disabled{border:1px solid #CCC;background:#F2F2F2 url(../image/common/24/ico_arw_down.svg)no-repeat right 14px center/24px 24px; color:#666;}
.btn_sel_box .option_list {display:none;position:absolute;top:60px;left:0;width:100%;border:1px solid #e6e6e6;background:#fff;color:#000;list-style-type:none;padding:0 6px;border-radius:6px;overflow:hidden;z-index:1000;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);}
.btn_sel_box .option_list .search_box.none_select {display:block;margin-bottom:12px;}
.btn_sel_box .option_list .search_box.none_select .inp_box {margin:20px 8px 0;}
.btn_sel_box .option_list .search_box.none_select .inp_box .inp_base {width:100%;border-radius:100px;}
.btn_sel_box .option_list .scroll_list {height:185px;overflow-y:auto;margin-bottom:6px;scrollbar-width:thin;scrollbar-color:#666 transparent;}
.btn_sel_box .option_list .scroll_list::-webkit-scrollbar{width:3px;}
.btn_sel_box .option_list .scroll_list::-webkit-scrollbar-thumb{border-radius:50px;background-color:#666;}
.btn_sel_box .option_list .scroll_list::-webkit-scrollbar-track{background-color:transparent;}

.btn_sel_box .option_list .tag_btn_wrap{gap:4px;padding:0 8px 12px;}
.btn_sel_box .option_list .tag_btn_wrap .btn_txt {position: relative;}
.btn_sel_box .option_item .btn_item {display:block;overflow: hidden;width:100%;padding:8px 12px;border-radius:8px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;line-height:normal;text-align:left;transition:0.5s;}
.btn_sel_box .option_item:hover .btn_item {background:#EFF0FF;color:#6364FF;}

.btn_sel_box .option_list .search_none {position:relative;width:100%;height:185px;margin-bottom:6px;}
.btn_sel_box .option_list .search_none p {position:absolute;top:50%;left:50%;width:100px;height:18px;margin-top:-9px;margin-left:-50px;font-size:13px;color:#666;text-align:center;}

.btn_sel_box .option_list.type_edit .scroll_list{margin-bottom:12px;}
.btn_sel_box .option_list.type_edit .option_item{position:relative;}
.btn_sel_box .option_list.type_edit .btn_edit{overflow:hidden;position:absolute;top:10px;right:12px;width:16px;height:16px;background:url(../image/common/16/ico_edit.svg)no-repeat 50% 50%/100% 100%;color:transparent;}
.btn_sel_box .option_list.type_edit .btn_add_wrap{padding-bottom:14px;text-align:center;}

.btn_sel_box .option_list.hidden_tag{width:232px;}
.btn_sel_box .option_list.hidden_tag .tag_btn_wrap{display:none;}
.btn_sel_box .option_list.hidden_tag.active{width:399px;}
.btn_sel_box .option_list.hidden_tag.active::after{content:'';display:block;clear:both;}
.btn_sel_box .option_list.hidden_tag.active .tag_btn_wrap{display:block;float:left;width:155px;margin:20px 12px 14px 0;padding:6px 10px 0 10px;border:1px solid #e6e6e6;border-radius:8px;}
.btn_sel_box .option_list.hidden_tag.active .hidden_list{overflow-y:auto;height:259px;scrollbar-width:thin;scrollbar-color:#666 transparent;}
.btn_sel_box .option_list.hidden_tag.active .hidden_list::-webkit-scrollbar{width:7px;}
.btn_sel_box .option_list.hidden_tag.active .hidden_list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:50px;background-clip:padding-box;background-color:#666;}
.btn_sel_box .option_list.hidden_tag.active .hidden_list::-webkit-scrollbar-track{background-color:transparent;}
.btn_sel_box .option_list.hidden_tag.active .hidden_list li{margin-bottom:6px;}
.btn_sel_box .option_list.hidden_tag.active .list{float:left;width:calc(100% - 167px);} 

.btn_sel_box.size_s .btn_sel{height:40px;padding:11px 35px 11px 16px;}
.btn_sel_box.size_s .option_list{top:43px;}

.filter_list{float:left;display:flex;gap:8px;}
.filter_list::after{content:'';display:block;clear:both;}

.access .filter_sel_box .filter_area .filter_con{min-height:unset;}

/*============================================================
etc
=============================================================*/
/* accordion */
.accordion_wrap {width:100%;margin-top:8px;border:1px solid #ccc;border-radius:12px;background:url(../image/common/24/ico_arw_down.svg)no-repeat right 24px top 28px /24px 24px;box-sizing:border-box;}
.accordion_wrap.active {background:url(../image/common/24/ico_arw_up.svg)no-repeat right 24px top 28px /24px 24px;}
.accordion_wrap .btn_toggle {display:block;position:relative;width:100%;padding:28px 45px 28px 20px;font-size:16px;text-align:left;} 
.accordion_wrap .accordion_con {display:none;padding:0 20px 28px;margin-top:-20px;}
.accordion_wrap.active .accordion_con {display:block;}
.accordion_wrap .accordion_con .inp_box {margin-top:8px;}
.accordion_wrap .accordion_con .inp_base {width:100%;}
.accordion_wrap .accordion_con > .inp_base:first-child {margin-top:16px;}
.accordion_wrap .accordion_con .con_grid::after {content:'';display:block;clear:both;}
.accordion_wrap .accordion_con .con_grid .inp_box {float:left;width:calc(50% - 4px);}
.accordion_wrap .accordion_con .con_grid .inp_box:first-child {margin-right:8px;}
.accordion_wrap .accordion_con .con_grid .sel_base {float:left;width:calc(50% - 4px);margin-right:8px;margin-top:8px;}
.accordion_wrap .accordion_con .con_grid .btn_sel_box {float:left;width:calc(50% - 4px);margin-right:8px;margin-top:8px;}
.accordion_wrap .accordion_con .con_grid .btn_sel_box .inp_box {float:none;width:calc(100% - 16px)}
.accordion_wrap .sel_base.type2 {width:100%;height:56px;padding:18px 36px 18px 16px;border:1px solid #ccc;}
.accordion_wrap .sel_base.type2.active{border:1px solid #6364FF;}
.accordion_wrap .sel_base.type2.selected {border:1px solid #6364FF;}
.accordion_wrap .sel_base.type2.selected .current {color:#6364FF;}
.accordion_wrap .sel_base.type2 .current {color:#b3b3b3;}
.accordion_wrap .sel_base.type2 .list{top:60px;}
.accordion_wrap .sel_base.type2 .list .option.placeholder{display:none;}

/* Calendar */
.date_wrap {display:inline-block;width:auto;height:32px;margin-top:4px;padding:6px 12px;border:1px solid #e6e6e6;border-radius:100px;box-sizing:border-box;cursor:pointer;}
.date_wrap span {position:relative;padding-left:24px;font-size:14px;font-weight:400;text-align:left;}
.date_wrap span::before {content:'';position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-8px;background:url(../image/common/16/ico_clock.svg)no-repeat 50% 50%/100% 100%;}
.date_wrap span em{font-weight:600;}
.daterangepicker{box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);}
.daterangepicker .calendar-table .prev {width:16px;height:16px;background:url(../image/common/16/ico_arw_left.svg)no-repeat 50% 50%/19px 27px;}
.daterangepicker .calendar-table .prev span{display:none;}
.daterangepicker .calendar-table .next {width:16px;height:16px;background:url(../image/common/16/ico_arw_right.svg)no-repeat 50% 50% /19px 27px;}
.daterangepicker .calendar-table .next span{display:none;}

.form_grid_item.calendar::after {content:'';display:block;clear:both;}
.form_grid_item.calendar dt .info_txt {padding-left:25px;font-size:12px;font-weight:400;color:#FB7870;}
.form_grid_item.calendar .form_wrap {width:100%;}
.form_grid_item.calendar .form_wrap .date_wrap {position:relative;width:100%;height:56px;margin-top:0;padding:0;border:1px solid #ccc;border-radius:12px;background:#fff;}
.form_grid_item.calendar .form_wrap .date_wrap::before {content:'';position:absolute;top:50%;right:20px;width:24px;height:24px;margin-top:-12px;background:url(../image/common/24/ico_calendar.svg)no-repeat 50% 50%;} 
.form_grid_item.calendar .form_wrap .date_wrap span {display:block;padding:18px 50px 18px 20px;}
.form_grid_item.calendar .form_wrap .date_wrap span::before {display:none;}
.form_grid_item.calendar .form_wrap .date_wrap.active{border:1px solid #6364FF;}
.form_grid_item.calendar .form_wrap .date_wrap:disabled{border:1px solid#CCC;background:#F2F2F2;color:#666;}

.form_grid_item.registration .date_wrap{position:relative;height:40px;margin-top:0;padding:9px 44px 9px 16px;border:1px solid #6364FF;border-radius:12px;font-size:16px;}
.form_grid_item.registration .date_wrap::after{content:'';position:absolute;right:16px;top:10px;width:20px;height:20px;background:url(../image/common/20/ico_arw_down.svg)no-repeat 0 0 /100% 100%;}
.form_grid_item.registration .date_wrap.active::after{background:url(../image/common/20/ico_arw_up.svg)no-repeat 0 0 /100% 100%;}
.form_grid_item.registration .date_wrap span{padding-left:16px;font-size:16px;}
.form_grid_item.registration .date_wrap span::before{left:8px;top:3px;width:1px;height:14px;margin-top:0;background:#ccc}
.date_wrap span em.calendar_placeholder{font-size:16px;font-weight:400;color:#999;}

/* paging */
.paging_wrap{display:flex;justify-content:center;align-items:center;margin-top:20px;}
.paging_wrap .btn_paging{overflow:hidden;width:20px;height:30px;color:transparent;}
.btn_paging.first{margin-right:8px;background:url(../image/common/16/ico_double_arw_left.svg)no-repeat 50% 50% /16px 16px;}
.btn_paging.prev{background:url(../image/common/16/ico_arw_left.svg)no-repeat 50% 50% /16px 16px;}
.btn_paging.next{background:url(../image/common/16/ico_arw_right.svg)no-repeat 50% 50% /16px 16px;}
.btn_paging.last{margin-left:8px;background: url(../image/common/16/ico_double_arw_right.svg)no-repeat 50% 50% /16px 16px;}
.paging{padding:0 12px;}
.paging a{padding:6px 8px;color:#666;font-size:14px;line-height:20px;}
.paging a.active {font-weight:500;color:#000;}

/* tooltip */
.tooltip_box{display:inline-block;position:relative;}
.tooltip_box .tooltip_con{display:none;position:absolute;top:22px;left:-2px;z-index:20;width:250px;padding:16px;border:1px solid #e6e6e6;border-radius:8px;background:#fff;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);box-sizing:border-box;}
.tooltip_box .tooltip_con.size_s{width:152px;}
.tooltip_box .tit{padding-bottom:8px;font-weight:500;color:#000;}
.tooltip_box .list li{padding-bottom:4px;font-size:12px;color:#666;}
.tooltip_box .list li:last-child{padding-bottom:0;}
.tooltip_box .tooltip_con .btn_txt{margin-top:8px;}
.tooltip_box .btn_close{overflow:hidden;position:absolute;top:12px;right:12px;width:24px;height:24px;background:url(../image/common/24/ico_close.svg)no-repeat 0 0/100% 100%;color:transparent;}

/* tag */
.tag_btn_wrap {display:flex;align-items:center;gap:4px 8px;flex-wrap:wrap;}
.tag_btn_wrap p {overflow:hidden;position:relative;height:25px;padding:4px 30px 4px 12px;border-radius:24px;font-size:13px;line-height:normal;text-align:left;background:#f2f2f2;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;}
.tag_btn_wrap .btn_tag_close {content:'';position:absolute;right:10px;top:5px;width:16px;height:16px;background:url(../image/common/16/ico_close.svg)no-repeat 0 0 /16px 16px;color:transparent;}
.tag_btn_wrap .btn_txt {position:relative;}

/*============================================================
table
=============================================================*/
.tbl_wrap table {margin-top:16px;}
.tbl_wrap table thead tr {border-bottom:1px solid #444;}
.tbl_wrap table thead th {position:relative;padding:20px 12px;background:#F4F4F4;font-size:13px;font-weight:600;color:#000;letter-spacing:-0.45px;text-align:left;cursor:pointer;}
.tbl_wrap table thead th:first-child {border-top-left-radius:12px;}
.tbl_wrap table thead th.emphasis span{position:relative;}
.tbl_wrap table thead th.emphasis span::before{content:'';position:absolute;top:0;right:-8.5px;width:6px;height:6px;border-radius:50%;background:#FB7870;}
.tbl_wrap table thead th.sorting {cursor:pointer;}
.tbl_wrap table thead th.sorting span {position:relative;}
.tbl_wrap table thead th.sorting span::after{content:'';position:absolute;top:50%;right:-17px;width:7px;height:11px;margin-top:-6px;background:url(../image/common/etc/ico_sorting.svg)0 0 / 100%;}
.tbl_wrap table thead th.emphasis.sorting span::after{right:-25px;}
.tbl_wrap table thead th.sort_down span::after{background:url(../image/common/etc/ico_sort_down.svg) no-repeat 0 0 / 100%;}
.tbl_wrap table thead th.sort_up span::after{background:url(../image/common/etc/ico_sort_up.svg)no-repeat 0 0 / 100%;}
.tbl_wrap table thead th:last-child {border-top-right-radius:12px}
.tbl_wrap table tbody tr {border-top:1px solid #e6e6e6;box-sizing:border-box;}
.tbl_wrap table tbody tr:last-child {border-bottom: 1px solid #e6e6e6;}
.tbl_wrap table tbody tr:first-child {border-top:none;}
.tbl_wrap table tbody tr:hover {background:#FFF6F1;}
.tbl_wrap table tbody td{height:34px;padding:12px;font-size:13px;font-weight:400;letter-spacing:-0.45px;text-align:left;} 

.tbl_wrap table tbody .more_info_wrap{display:none;}
.tbl_wrap table tbody .more_info_wrap td{padding:0;height:auto;background: #F4F4F4;}
.tbl_wrap table tbody .more_info_wrap .info_inner{position:relative;padding:24px 61px;}
.tbl_wrap table tbody .more_info_wrap .info_inner .btn_close{overflow:hidden;position:absolute;top:24px;right:24px;width:24px;height:24px;background:url(../image/common/24/ico_close.svg)no-repeat 50% 50%/100% 100%;color:transparent;}
.tbl_wrap table tbody .more_info_wrap .info_list{display:flex;flex-wrap:wrap;gap:12px;}
.tbl_wrap table tbody .more_info_wrap .info_list > li{width:calc(50% - 6px);padding:24px;border-radius:12px;background:#fff;box-sizing:border-box;}
.tbl_wrap table tbody .more_info_wrap .info_list .tit_box{position:relative;}
.tbl_wrap table tbody .more_info_wrap .info_list .tit_box .tit{font-size:18px;font-weight:700;color:#6364FF;line-height:24px;letter-spacing:0;}
.tbl_wrap table tbody .more_info_wrap .info_list .tit_box .btn_wrap{position:absolute;top:4px;right:0;font-size:0;}
.tbl_wrap table tbody .more_info_wrap .info_list .tit_box .btn_wrap button{margin-left:8px;}
.tbl_wrap table tbody .more_info_wrap .info_list .tit_box .btn_wrap button:first-child{margin-left:0px;}
.tbl_wrap table tbody .more_info_wrap .info_list .con_box{display:flex;padding-top:20px;}
.tbl_wrap table tbody .more_info_wrap .info_list dl{flex:1;position:relative;padding:0 24px;}
.tbl_wrap table tbody .more_info_wrap .info_list dl:first-child{padding-left:0;}
.tbl_wrap table tbody .more_info_wrap .info_list dl:last-child{padding-right:0;}
.tbl_wrap table tbody .more_info_wrap .info_list dl::before{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#e6e6e6;}
.tbl_wrap table tbody .more_info_wrap .info_list dl:last-child::before{display:none;}
.tbl_wrap table tbody .more_info_wrap .info_list dt{font-size:16px;font-weight:600;line-height:14px;letter-spacing:0;}
.tbl_wrap table tbody .more_info_wrap .info_list dd{padding-top:12px;font-size:14px;color:#666;line-height:13px;letter-spacing:0;}
.tbl_wrap table tbody .more_info_wrap .info_list .cycle{position:relative;padding-left:24px;font-size:14px;color:#666;line-height:20px;}
.tbl_wrap table tbody .more_info_wrap .info_list .cycle::before{content:'';position:absolute;top:0;left:0;width:20px;height:20px;background:url(../image/common/20/ico_reset.svg)no-repeat 50% 49%/100% 100%;}
.tbl_wrap table tbody .more_info_wrap .info_list li.management .list{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tbl_wrap table tbody .more_info_wrap .info_list li.management .list::after{content:'';display:block;clear:both;}
.tbl_wrap table tbody .more_info_wrap .info_list li.management .list li{display:inline-block;margin-left:12px;}
.tbl_wrap table tbody .more_info_wrap .info_list li.management .list li:first-child{margin-left:0;}
.tbl_wrap table tbody .more_info_wrap .info_list li.management .tit_box{padding-right:25px;}
.tbl_wrap table tbody .more_info_wrap .info_list li.management dl:first-child{width:46%;}
.tbl_wrap table tbody .more_info_wrap .info_list li.management dl:last-child{width:54%;min-width:60%;}
.tbl_wrap table tbody .more_info_wrap .info_list li.management dl:first-child .edit_wrap .option_list{min-width:232px;}
.tbl_wrap table tbody .more_info_wrap .info_list li.management dl:last-child .edit_wrap .option_list{min-width:608px;}
.tbl_wrap table tbody .more_info_wrap .info_list li.status{width:100%;}
.tbl_wrap table tbody .more_info_wrap .info_list li.status .list li{font-size:12px;line-height:13px;}
.tbl_wrap table tbody .more_info_wrap.active{height:auto;}
.tbl_wrap table tbody .tag_btn_wrap .btn_sel_box .option_list{top:24px;}
/* .tbl_wrap table tbody .tag_btn_wrap .btn_sel_box .option_list.type_edit{width:232px;} */
/* .tbl_wrap table tbody .tag_btn_wrap .btn_sel_box .option_list.hidden_tag{width:399px;} */
.tbl_wrap table tbody .tag_btn_wrap .btn_sel_box + .btn_sel_box{padding-top:0;}

/*============================================================
popup
=============================================================*/
.layer_wrap{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;}
.layer_wrap .dim{position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;}

.alert_pop .pop_con{position:fixed;top:50%;left:50%;z-index:1002;width:340px;transform:translate( -50%, -50%);-webkit-transform:translate( -50%, -50%);}
.alert_pop .pop_con .inner{border:1px solid#E6E6E6;border-radius:8px;background:#fff;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.10);box-sizing:border-box;}
.alert_pop .pop_con .tit_box{padding:24px 50px 20px 20px;}
.alert_pop .pop_con .tit_box .tit{font-size:18px;font-weight:700;}
.alert_pop .pop_con .con_box{padding:8px 20px 24px 20px;}
.alert_pop .pop_con .con_box .txt_main{font-size:16px;}
.alert_pop .pop_con .con_box .txt_main em{color:#6364FF;}
.alert_pop .pop_con .con_box .txt_sub{padding-top:12px;color:#666;}
.alert_pop .pop_con .btn_wrap{display:flex;justify-content:center;gap:8px;padding:0 20px 32px 20px;}
.alert_pop .pop_con .btn_wrap button:first-child{margin-left:0px;}
.alert_pop .pop_con .btn_pop_close{position:absolute;top:24px;right:20px;width:24px;height:24px;background:url(../image/common/24/ico_close.svg)no-repeat 50% 50%/100% 100%;}

.alert_pop .pop_con .form_grid_wrap .msg_error{margin-top:20px;}
.alert_pop .pop_con .form_grid_wrap .form_grid_item{margin-top:20px;}
.alert_pop .pop_con .form_grid_wrap .form_grid_item + .form_grid_item{margin-top:12px;}
.alert_pop .pop_con .form_grid_wrap .id_result{text-align:center;}
.alert_pop .pop_con .form_grid_wrap .id_result dt{display:inline-block;font-size:16px;}
.alert_pop .pop_con .form_grid_wrap .id_result dd{display:inline-block;font-size:16px;color:#6364FF;}

.alert_pop.none_title .pop_con .con_box {padding:48px 20px 24px 20px;text-align: center;word-break: keep-all;}
.alert_pop .pop_con .con_box.reset_complete {padding:164px 20px 24px 20px;background: url(../image/login/ico_reset.png) no-repeat 50% 50% / 100px 100px;}

.alert_pop.size_m .pop_con{width:542px;}
.alert_pop.size_l .pop_con{width:740px;}

/*============================================================
header
=============================================================*/
.header{position:fixed;top:0;left:280px;z-index:100;width:calc(100% - 280px);height:64px;border-bottom:1px solid #E6E6E6;background:#fff;}
.header .inner{position:relative;height:100%;padding:12px 32px;box-sizing:border-box;}
.header .user_box{position:absolute;top:12px;right:32px;}
.header .user_box::after{content:'';display:block;clear:both;}
.header .user_box .account_wrap{position:relative;float:left;border-radius:100px;background:#F2F2F2;}
.header .user_box .account_wrap > .thumb{overflow:hidden;position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:50%;}
.header .user_box .account_wrap > .thumb img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;object-position:center center;}
.header .user_box .account_wrap .btn_account{overflow:hidden;position:relative;width:185px;height:40px;padding:9px 30px 9px 44px;font-size:16px;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.header .user_box .account_wrap .btn_account::after{content:'';position:absolute;top:50%;right:15px;width:20px;height:20px;margin-top:-10px;background:url(../image/common/20/ico_arw_down.svg)no-repeat 0 0/100% 100%;}
.header .user_box .account_wrap .list{display:none;position:absolute;top:45px;left:0;right:0;padding:6px;border:1px solid #e6e6e6;border-radius:8px;background:#fff;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);}
.header .user_box .account_wrap .list li a{display:block;position:relative;padding:8px 12px 8px 36px;border-radius:8px;font-size:16px;}
.header .user_box .account_wrap .list li a:hover{background:#EFF0FF;color:#6364FF;}  
.header .user_box .account_wrap .list .id{position:relative;padding:8px 12px 8px 44px;}
.header .user_box .account_wrap .list .id .thumb{overflow:hidden;position:absolute;top:50%;left:12px;width:24px;height:24px;border-radius:50%;transform:translateY(-50%);}
.header .user_box .account_wrap .list .id .thumb img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;object-position:center center;}
.header .user_box .account_wrap .list .id strong{display:block;overflow:hidden;font-size:13px;font-weight:400;text-overflow:ellipsis;white-space:nowrap;}
.header .user_box .account_wrap .list .id dl{position:relative;padding-left:16px;}
.header .user_box .account_wrap .list .id dt{position:absolute;top:0;left:0;font-size:12px;font-weight:600;color:#666;}
.header .user_box .account_wrap .list .id dd{overflow:hidden;font-size:12px;color:#666;white-space:nowrap;text-overflow:ellipsis;}
.header .user_box .account_wrap .list .my_page a::after{content:'';position:absolute;top:50%;left:12px;width:16px;height:16px;margin-top:-8px;background:url(../image/common/16/ico_mypage.svg)no-repeat 0 0/100% 100%;}
.header .user_box .account_wrap .list .sign_out a::after{content:'';position:absolute;top:50%;left:12px;width:16px;height:16px;margin-top:-8px;background:url(../image/common/16/ico_signout.svg)no-repeat 0 0/100% 100%;}
.header .user_box .account_wrap.active .btn_account::after{background:url(../image/common/20/ico_arw_up.svg)no-repeat 0 0/100% 100%;}
.header .user_box .btn_full_screen{overflow:hidden;float:right;width:40px;height:40px;margin-left:8px;border-radius:50%;background:#f2f2f2 url(../image/common/20/ico_full_screen.svg)no-repeat 50% 50%/20px 20px;color:transparent;}
.header .user_box .btn_full_screen.active{background:#1E3050 url(../image/common/20/ico_normal_screen.svg)no-repeat 50% 50%/20px 20px;}

/*============================================================
lnb
=============================================================*/
.lnb{position:fixed;top:0;left:0;z-index:200;width:280px;height:100%;border-right:1px solid rgba(204, 204, 204, 0.80);background:#fff;box-sizing:border-box;}
.lnb .inner{height:100%;}
.lnb .logo_wrap{height:219px;padding:66px 32px 20px 32px;box-sizing:border-box;}
.lnb .logo{width:160px;}
.lnb .logo a{display:block;}
.lnb .menu_wrap{display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;position:relative;height:calc(100% - 219px);scrollbar-width:thin;scrollbar-color:#666 transparent;}
.lnb .menu_wrap::-webkit-scrollbar{width:15px;}
.lnb .menu_wrap::-webkit-scrollbar-thumb{border:6px solid transparent;border-radius:50px;background-clip:padding-box;background-color:#666;}
.lnb .menu_wrap::-webkit-scrollbar-track{background-color:transparent;}
.lnb .menu_wrap .main_menu{padding:20px 32px 30px;}
.lnb .menu_wrap .main_menu li{margin-top:32px;}
.lnb .menu_wrap .main_menu li:first-child{margin-top:0;}
.lnb .menu_wrap .main_menu li a{display:block;position:relative;padding-left:36px;font-size:24px;font-weight:700;color:#999;line-height:24px;}
.lnb .menu_wrap .main_menu li a::before{content:'';position:absolute;top:0;left:0;width:24px;height:24px;}
.lnb .menu_wrap .main_menu .menu1 a::before{background:url(../image/common/24/ico_dashboard.svg)no-repeat 0 0 /100% 100%;}
.lnb .menu_wrap .main_menu .menu2 a::before{background:url(../image/common/24/ico_shipment.svg)no-repeat 0 0 /100% 100%;}
.lnb .menu_wrap .main_menu .menu3 a::before{background:url(../image/common/24/ico_smart_label.svg)no-repeat 0 0 /100% 100%;}
.lnb .menu_wrap .main_menu .menu4 a::before{background:url(../image/common/24/ico_access.svg)no-repeat 0 0 /100% 100%;}

.lnb .menu_wrap .main_menu .menu5 a::before{background:url(../image/common/24/ico_box.svg)no-repeat 0 0 /100% 100%;}
.lnb .menu_wrap .main_menu .menu5.active a::before{background:url(../image/common/24/ico_box_active.svg)no-repeat 0 0 /100% 100%;}

.lnb .menu_wrap .main_menu li.active a{color:#000;}
.lnb .menu_wrap .main_menu .menu1.active a::before{background:url(../image/common/24/ico_dashboard_active.svg)no-repeat 0 0 /100% 100%;}
.lnb .menu_wrap .main_menu .menu2.active a::before{background:url(../image/common/24/ico_shipment_active.svg)no-repeat 0 0 /100% 100%;}
.lnb .menu_wrap .main_menu .menu3.active a::before{background:url(../image/common/24/ico_smart_label_active.svg)no-repeat 0 0 /100% 100%;}
.lnb .menu_wrap .main_menu .menu4.active a::before{background:url(../image/common/24/ico_access_active.svg)no-repeat 0 0 /100% 100%;}

.lnb .menu_wrap .clock_box{display:flex;justify-content:flex-end;flex-direction:column;flex:1;padding:0 32px 33px;}
.lnb .menu_wrap .clock_box .time{margin-top:-2px;font-size:32px;font-weight:700;}
.lnb .menu_wrap .clock_box .sel_box{align-self:flex-start;margin-top:8px;}

/*============================================================
contents
=============================================================*/
.container{padding:64px 0 0 280px;box-sizing:border-box;}
.contents{padding:32px;}
.page_tit_wrap{padding-bottom:20px;}
.page_tit_wrap::after{content:'';display:block;clear:both;}
.page_tit{float:left;font-size:32px;font-weight:700;line-height:32px;letter-spacing:-1px;}
.page_tit_wrap .btn_prev_page{float:left;margin-right:12px;}
.bot_btn_wrap{font-size:0;text-align:right;}
.bot_btn_wrap button{margin-left:8px;}
.bot_btn_wrap button:first-child{margin-left:0;}

/* 로그인 */
.login_wrap{display:flex;align-items:center;justify-content:center;min-width:900px;min-height:680px;height:100%;}
.login_wrap .fixed_vid_wrap{position:fixed;top:0;left:0;width:100%;height:100%;}
.login_wrap .fixed_vid_wrap img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;object-position:center center;}
.login_wrap .fixed_vid_wrap video{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;object-position:center center;}
.login_wrap .login_box{position:relative;width:592px;padding:40px 56px;border-radius:32px;background:rgba(255, 255, 255, 0.70);box-shadow:16px 24px 32px 0px rgba(0, 0, 0, 0.15);backdrop-filter:blur(6px);box-sizing:border-box;}
.login_wrap .login_box .logo{max-width:320px;margin:0 auto;}
.login_wrap .login_box .logo a{display:block;}
.login_wrap .login_box .form_grid_item{padding-top:32px;}
.login_wrap .login_box .btn_login_wrap{padding-top:32px;}
.login_wrap .login_box .btn_login_wrap .btn_type_primary{width:100%;height:56px;padding:11px 16px;border-radius:12px;font-size:24px;font-weight:700;}
.login_wrap .login_box .setting_wrap{padding-top:16px;}
.login_wrap .login_box .setting_wrap::after{content:'';display:block;clear:both;}
.login_wrap .login_box .setting_wrap .form_wrap{float:left;}
.login_wrap .login_box .setting_wrap .account_list{float:right;}
.login_wrap .login_box .setting_wrap .account_list::after{content:'';display:block;clear:both;}
.login_wrap .login_box .setting_wrap .account_list li{float:left;position:relative;padding:0 12px;}  
.login_wrap .login_box .setting_wrap .account_list li::after{content:'';position:absolute;top:50%;right:0;width:1px;height:11px;background:#999;transform:translateY(-50%);}
.login_wrap .login_box .setting_wrap .account_list li:last-child{padding-right:0;}
.login_wrap .login_box .setting_wrap .account_list li:last-child::after{display:none;}
.login_wrap .login_box .setting_wrap .account_list li button{font-size:16px;}

/* 대시보드 */
.item_wrap{display:flex;gap:20px;flex-direction:column;}
.item_wrap .item_list{display:flex;gap:20px;flex-direction:row;}
.item_wrap .con_box{display:flex;flex-direction:column;justify-content:space-between;flex:1;position:relative;min-height:100px;padding:24px;border-radius:24px;border:1px solid #e6e6e6;background:#fff;box-sizing:border-box;}
.item_wrap .con_box_wrap{display:flex;flex-direction:column;gap:20px;}
.item_wrap .tit_wrap{position:relative;} 
.item_wrap .tit_wrap .tit{font-size:20px;font-weight:700;line-height:24px;} 
.item_wrap .tit_wrap .tit span{display:block;padding-top:3px;font-size:12px;color:#666;line-height:normal;}
.item_wrap .tit_wrap .btn_reset{position:absolute;top:0;right:0;} 

.item_wrap .smart_label{margin-top:49px;}
.item_wrap .smart_label strong{font-family:'Pretendard';font-size:56px;font-weight:900;line-height:56px;letter-spacing:-1.5px;}
.item_wrap .smart_label em{font-family:'Pretendard';font-size:56px;font-weight:900;line-height:56px;letter-spacing:-1.5px;}
.item_wrap .smart_label span{display:inline-block;margin-bottom:7px;padding-left:8px;font-size:20px;font-weight:500;line-height:20px;}

.item_wrap .chart_wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:8px 0 4px;padding:0 23px 0 13px;}
.item_wrap .chart_wrap .chart_contents{width:181px;height:180px;}
.item_wrap .chart_wrap .graph_wrap{flex:1;}
.item_wrap .chart_wrap .graph_wrap dl{position:relative;margin-top:12px;padding-left:88px;}
.item_wrap .chart_wrap .graph_wrap dl:first-child{margin-top:0;}
.item_wrap .chart_wrap .graph_wrap dt{position:absolute;top:50%;left:0;font-size:14px;font-weight:600;transform:translateY(-50%);}
.item_wrap .chart_wrap .graph_wrap dt.two_lines{line-height:14px;}
.item_wrap .chart_wrap .graph_wrap dd{width:100%;}
.item_wrap .chart_wrap .graph_wrap .bar_bg{overflow:hidden;position:relative;width:100%;height:28px;border-radius:8px;background:linear-gradient(180deg, #EBEBEB 0%, #F6F6F6 100%);}
.item_wrap .chart_wrap .graph_wrap .bar_value{position:relative;height:100%;border-radius:8px;transform:translateX(-100%);animation:barValue 1s linear forwards;}
.item_wrap .chart_wrap .graph_wrap .bar_value.type1{background:#FB7070;}
.item_wrap .chart_wrap .graph_wrap .bar_value.type2{background:#8C70FB;}
.item_wrap .chart_wrap .graph_wrap .bar_value.type3{background:#FBED70;}
.item_wrap .chart_wrap .graph_wrap .bar_value.type4{background:#ADFB70;}
.item_wrap .chart_wrap .graph_wrap .bar_value.type5{background:#70EAFB;}
.item_wrap .chart_wrap .graph_wrap .value{position:absolute;top:5px;right:12px;font-weight:600;}
.item_wrap .chart_wrap .graph_wrap .percentage{padding-left:2px;font-weight:400;}
@keyframes barValue {
    0%{transform:translateX(-100%)}
    100%{transform:translateX(0)}
  }
.item_wrap .log_wrap{padding:44px 0 70px 0;}
.item_wrap .log_wrap .notification_list{display:flex;align-items:center;justify-content:center;}
.item_wrap .log_wrap .notification_list li{position:relative;margin:0 20px;}
.item_wrap .log_wrap .notification_list li button{width:200px;height:200px;border-radius:50%;filter:drop-shadow(2px 4px 24px rgba(0, 0, 0, 0.20));}
.item_wrap .log_wrap .notification_list li .flag{display:block;font-size:24px;font-weight:600;color:#fff;}
.item_wrap .log_wrap .notification_list li .num{margin-top:-8px;font-size:64px;font-weight:700;color:#fff;text-decoration:underline;}
.item_wrap .log_wrap .notification_list li .num em{font-weight:700;}
.item_wrap .log_wrap .notification_list li .circle{display:inline-block;position:absolute;border-radius:50%;}
.item_wrap .log_wrap .notification_list .alert button{background:#FB7078;}
.item_wrap .log_wrap .notification_list .alert .circle{background:#FB7078;}
.item_wrap .log_wrap .notification_list .alert .circle.type1{top:107px;left:-217px;width:13px;height:13px;opacity:0.2;animation:moving 1.2s infinite;-webkit-animation:moving 1.2s infinite;}
.item_wrap .log_wrap .notification_list .alert .circle.type2{top:150px;left:-133px; width:25px;height:25px;opacity:0.5;animation:moving 1.2s 0.4s infinite;-webkit-animation:moving 1.2s 0.4s infinite;}
.item_wrap .log_wrap .notification_list .alert .circle.type3{top:90px;left:-57px;width:17px;height:17px;opacity:0.3;animation:moving 1.2s 0.6s infinite;-webkit-animation:moving 1.2s 0.6s infinite;}
.item_wrap .log_wrap .notification_list .alert .circle.type4{top:151px;left:7px;width:54px;height:54px;opacity:0.2;animation:moving 1.2s 0.8s infinite;-webkit-animation:moving 1.2s 0.8s infinite;}
.item_wrap .log_wrap .notification_list .signal button{background:#7081FB;}
.item_wrap .log_wrap .notification_list .signal .circle{background:#7081FB;}
.item_wrap .log_wrap .notification_list .signal .circle.type1{top:41px;left:170px;width:69px;height:69px;opacity:0.2;animation:moving 1.2s infinite;-webkit-animation:moving 1.2s infinite;}
.item_wrap .log_wrap .notification_list .signal .circle.type2{top:128px;left:264px;width:29px;height:29px;opacity:0.3;animation:moving 1.2s 0.4s infinite;-webkit-animation:moving 1.2s 0.4s infinite;}
.item_wrap .log_wrap .notification_list .signal .circle.type3{top:84px;left:368px;width:28px;height:28px;opacity:0.5;animation:moving 1.2s 0.6s infinite;-webkit-animation:moving 1.2s 0.6s infinite;}
.item_wrap .log_wrap .notification_list .signal .circle.type4{top:107px;left:461px;width:17px;height:17px;opacity:0.2;animation:moving 1.2s 0.8s infinite;-webkit-animation:moving 1.2s 0.8s infinite;}

@keyframes moving {
    0% {transform:translateY(0);-webkit-transform:translateY(0)}
    50% { transform:translateY(-8px);-webkit-transform:translateY(-8px)}
    100% {transform:translateY(0);-webkit-transform:translateY(0)}
}

.item_wrap .notification_con_wrap{display:none;padding:16px 64px 0 24px;}
.item_wrap .notification_con_wrap .top_wrap::after{content:'';display:block;clear:both;}
.item_wrap .notification_con_wrap .tab_btn_wrap_2depth{float:left;}
.item_wrap .notification_con_wrap .event_period_area{float:left;}
.item_wrap .notification_con_wrap .event_period_area .date_wrap{margin-top:0;}
.item_wrap .notification_con_wrap .board_area{padding-top:16px;}
.item_wrap .notification_con_wrap .board_area::after{content:'';display:block;clear:both;}
.item_wrap .notification_con_wrap .board_list_wrap{float:left;width:calc(50% - 32px);margin-left:64px;}
.item_wrap .notification_con_wrap .board_list_wrap:first-child{margin-left:0;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list{display:none;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list.active{display:block;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list li{margin-top:3px;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list li:first-child{margin-top:0;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list a{display:block;position:relative;padding:12px 55px 12px 0;border-bottom:1px solid #ddd;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list li:last-child a{border-bottom:0;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list a::after{content:'';position:absolute;top:50%;right:12px;width:20px;height:20px;margin-top:-10px;background:url(../image/common/20/ico_arw_right.svg)no-repeat 0 0/100% 100%;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list .tit{font-weight:400;line-height:14px;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list .tit .temperature{padding-left:8px;font-weight:400;color:#FB7870;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list .date{padding-top:6px;font-size:13px;color:#999;line-height:13px;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list .date span{padding-left:12px;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list li.new a ::before{content:'';position:absolute;top:44%;right:44px;width:6px;height:6px;border-radius:50%;background:#FB7870;}

.item_wrap .notification_con_wrap .tab_con_wrap .board_list.none {display:none;align-items:center;justify-content:center;min-height:256px}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list.none.active {display:flex}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list.none span {display:block;position:relative;padding-top:29px;font-size:14px;color:#999;line-height:18px;}
.item_wrap .notification_con_wrap .tab_con_wrap .board_list.none span::before {content:'';position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;background:url(../image/common/24/ico_none.svg) no-repeat 0 0 / 100% 100%}

.item_wrap .log_more_wrap{display:none;}

.item_wrap .item_list .con_box.type2{justify-content:flex-start;border-color:#ccc;border-radius:12px;}
.item_wrap .item_list .con_box.type_bg{min-height:120px;border:none;border-radius:12px;background:#EFF0FF;}
.item_wrap .item_list .con_box.pd_none{padding:0;}

.item_wrap .item_list.notification_tab{display:none;}

/* shipment / smart label */
.tbl_top_area {position:relative;}
.tbl_top_area::after {content:'';display:block;clear:both;}
.tbl_top_area .right_area {float:right;}
.tbl_top_area .right_area::after {content:'';display:block;clear:both;}
.tbl_top_area .right_area li {float:left;}
.tbl_top_area .right_area li + li {margin-left: 8px;}

.form_list > li{margin-top:16px;text-align:left;}
.form_list > li:first-child {margin-top:0;} 
.form_list > li .sel_box {margin-top:4px;}

/* shipment import / smart label register */
.upload_wrap{display: flex;flex-direction:column;justify-content:center;padding:140px 158px 60px;}
.upload_wrap .dropzone {display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:102px 0;border:1px solid #E6E6E6;border-radius:12px;background:#FFF;box-sizing:border-box;}
.upload_wrap .dropzone .txt_wrap {order:1;color:#666;text-align:center;font-size:18px;font-weight:500;}
.upload_wrap .dropzone .dz-message {margin:0;font-size:18px;font-weight:500;color:#666;text-align:center;}
.upload_wrap .dropzone .txt {padding-top:20px;font-size:16px;font-weight:400;text-align:center;} 
.upload_wrap .dropzone span {font-weight:600;color:#6364FF;}
.upload_wrap .dropzone .search_wrap {order: 2;padding-top:20px;}
.upload_wrap .dropzone .search_wrap label {display:inline-block;text-align:center;cursor:pointer;}
.upload_wrap .dropzone .search_wrap input{display:none;}
.upload_wrap .dropzone .dz-preview {margin:0;}
.upload_wrap .btn_txt {align-self:flex-end;padding-top:12px;}

/* shipment import list / smart label register list */
.upload_list_wrap{padding:20px 158px 60px;}
.upload_list_wrap .name_wrap{margin:0 auto;padding:16px 24px;border-radius:12px;background:#fff;}
.upload_list_wrap .name_wrap dl{font-size:13px;font-weight:500;letter-spacing:-0.45px;}
.upload_list_wrap .name_wrap dl::after{content:'';display:block;clear:both;}
.upload_list_wrap .name_wrap dt{float:left;color:#666;}
.upload_list_wrap .name_wrap dd{float:right;}

.upload_list_wrap .tbl_wrap{overflow:hidden;margin:0 auto;margin-top:12px;height:456px;padding:24px;border-radius:12px;background:#fff;}
.upload_list_wrap .tbl_wrap:first-child{margin-top:0;}
.upload_list_wrap .tbl_wrap table{margin-top:0;}
.upload_list_wrap .tbl_wrap table thead th{letter-spacing:-0.25px;}
.upload_list_wrap .tbl_wrap .tbody_wrap{max-height:473px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#666 transparent;}
.upload_list_wrap .tbl_wrap .tbody_wrap::-webkit-scrollbar{width:3px;height:100px;}
.upload_list_wrap .tbl_wrap .tbody_wrap::-webkit-scrollbar-thumb{border-radius:50px;background-color:#666;}
.upload_list_wrap .tbl_wrap .tbody_wrap::-webkit-scrollbar-track{background-color:transparent;}
.upload_list_wrap .tbl_wrap table tbody td{word-break:break-word;}

.upload_list_wrap .list_info{display:flex;gap:12px;margin:12px auto 0;}
.upload_list_wrap .list_info dl{flex:1;padding:16px 24px;border-radius:12px;background:#fff;letter-spacing:-0.45px;}
.upload_list_wrap .list_info dl::after{content:'';display:block;clear:both;}
.upload_list_wrap .list_info dt{float:left;font-size:13px;font-weight:500;color:#666;}
.upload_list_wrap .list_info dd{float:right;font-size:16px;font-weight:700;}

.upload_list_wrap .bot_btn_wrap{padding-top:44px;}

/* shipment register template list */
.template_wrap{display:flex;gap:12px;padding:140px 158px 416px;}
.template_wrap .template_con{flex:1;padding:48px 106px 41px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;text-align:center;}
.template_wrap .template_con .tit{font-size:18px;font-weight:500;text-align:center;}
.template_wrap .template_con .con{position:relative;margin-top:20px;padding-top:116px;}
.template_wrap .template_con .con::after{content:'';position:absolute;left:50%;top:0;width:100px;height:100px;margin-left:-50px;background:url(../image/temp/ico_shipment.png)no-repeat 0 0 / 100% 100%;}
.template_wrap .template_con .btn_sel_box{width:250px;margin:0 auto;}
.template_wrap .template_con .btn_sel_box.size_s.select .btn_sel{border:none;background:#6563FF url(../image/common/20/ico_down_wh.svg)no-repeat right 16px center / 20px 20px ;color:#fff}
.template_wrap .template_con .btn_sel_box.size_s .btn_sel_del{display:none;overflow:hidden;position:absolute;top:50%;right:42px;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:url(../image/common/20/ico_del_m.svg) no-repeat 0 0 / 100% 100%;font-size:0;color:transparent;}
.template_wrap .template_con.new_template .con{padding-top:156px;}
.template_wrap .template_con.new_template .con::after{background:url(../image/temp/ico_template.png)no-repeat 0 0 /100% 100%;}
.template_wrap .template_con .btn_type_secondary{margin-top:16px;}
.template_wrap .template_con .btn_sel_box .option_list{width:250px;}
.template_wrap .template_con .btn_sel_box .option_list .search_box.none_select .inp_box{margin:6px 0 0;}
.template_wrap .template_con .btn_sel_box .scroll_list li:hover .btn_del{display:block;}
.template_wrap .template_con .btn_sel_box .scroll_list li:hover .btn_edit{display:block;}
.template_wrap .btn_sel_box .option_list.type_edit .btn_edit{display:none;right:35px;}
.template_wrap .btn_sel_box .option_list.type_edit .btn_del{content:'';display:none;position:absolute;right:9px;top:10px;width:16px;height:16px;background:url(../image/common/16/ico_close.svg)no-repeat 0 0 /16px 16px;color:transparent;}


/* shipment register,edit / access register,edit */
.contents.register{display:flex;flex-direction:column;height:calc(100vh - 96px);margin-top:32px;padding-top:0;padding-bottom:0;position:relative;}
.contents.register .register_wrap{flex:1;}
.contents.register .register_wrap::after {content:'';display:block;clear:both;}
.contents.register .page_tit_wrap{padding-bottom:40px;}
.contents.register .left_area {float:left;width: calc(50% - 20px)}
.contents.register .bot_btn_wrap {padding:32px 0 60px;}
.contents.register .tit {font-size:20px;font-weight:700;color:#6364FF;letter-spacing:-1px;line-height:32px;}
.contents.register .form_grid_item {padding-top:24px;}
.contents.register .top_area .form_grid_item {padding-top:0;}
.contents.register .tit + .form_grid_item{padding-top:28px;}

.contents.register .shipment_area .inp_box::after {content:'';display:block;clear:both;}
.contents.register .shipment_area .form_wrap {margin-left:16px;}
.contents.register .shipment_area .sel_base.type3 {margin-top:8px;}

.contents.register .form_grid_item.calendar .form_wrap {float:left;width:calc(50% - 4px);margin-left:0;}
.contents.register .form_grid_item.calendar .form_wrap:last-child {margin-left:8px;}

.contents.register .flight_area .sub_tit_wrap .tit {position:relative;margin-bottom:8px;padding:0;font-size:14px;font-weight:500;color:#000;}
.contents.register .flight_area .sub_tit_wrap .tit.essential::before {content:'';position:absolute;top:0;right:-8.5px;width:6px;height:6px;border-radius:50%;background:#D55858;}
.contents.register .flight_area .inp_box {float:left;width:calc(50% - 4px);}
.contents.register .flight_area .inp_box:last-child {margin-top:8px;}
.contents.register .flight_area .inp_box .inp_base{height:56px;padding:18px 50px 18px 20px;border-radius:12px;background:#fff;}
.contents.register .flight_area .form_grid_item.calendar .form_wrap {margin-right:8px;}
.contents.register .flight_area .form_grid_item.calendar .form_wrap .date_wrap {margin-right:8px;}

.contents.register .flight_area .btn_wrap{padding-top:16px;font-size:0;}
.contents.register .flight_area .btn_type_m{width:calc(50% - 8px);margin-right:8px;}
.contents.register .flight_area .btn_type_m:last-child{margin-right:0;}
.contents.register .flight_area .btn_type_m.active{border:none;background:#6364FF;color:#fff}
.contents.register .flight_area .btn_type_m.active::after{background:#6364FF}
.contents.register .flight_area .btn_type_m{position:relative;border:1px solid #666;background:#fff;font-size:13px;color:#666;}
.contents.register .flight_area .btn_type_m::after{content:'';position:absolute;left:117px;top:9px;width:20px;height:20px;}
.contents.register .flight_area .btn_on::after{background:url(../image/common/20/ico_on.svg) no-repeat 0 0 / 100% 100%;}
.contents.register .flight_area .btn_on.active::after{background:url(../image/common/20/ico_on_active.svg) no-repeat 0 0 / 100% 100%;}
.contents.register .flight_area .btn_off::after{background:url(../image/common/20/ico_off.svg) no-repeat 0 0 / 100% 100%;}
.contents.register .flight_area .btn_off.active::after{background:url(../image/common/20/ico_off_active.svg) no-repeat 0 0 / 100% 100%;}

.contents.register .right_area {float:left;width:calc(50% - 20px);margin-left:40px;}
.contents.register .operation_area .form_grid_item .temperature_con .sel_base.type2 .list {top:44px;}
.contents.register .operation_area{padding-top:40px;}
.contents.register .operation_area .form_grid_item .desc {font-size:14px;font-weight:500;color:#000;line-height:18px;}
.contents.register .operation_area .form_grid_item .inp_base {width:85px;height:56px;padding:16px 18px;}
.contents.register .operation_area .form_grid_item .inp_box span {padding-left:8px;font-size:16px;font-weight:400;color:#000;line-height:20px;}
.contents.register .operation_area .form_grid_item .sel_base {width:117px;height:56px;padding:16px 18px;border:1px solid #ccc;}
.contents.register .operation_area .form_grid_item .sel_box span {padding-left:8px;font-size:16px;font-weight:400;color:#000;line-height:20px;}
.contents.register .operation_area .form_grid_item .sel_base.type2 .list{top:60px;}
.contents.register .operation_area .form_grid_item .form_wrap {display:block;margin-top:20px;}
.contents.register .operation_area .form_grid_item .form_wrap + .form_wrap {margin-top:16px;}
.contents.register .operation_area .form_grid_item .percent {padding-left:8px;}
.contents.register .operation_area .btn_up {overflow:hidden;position:absolute;top:14px;right:20px;width:7px;height:4px;background:url(../image/common/etc/btn_up.svg)no-repeat 50% 50% / 100%;color:transparent;}
.contents.register .operation_area .btn_down {overflow:hidden;position:absolute;bottom:14px;right:20px;width:7px;height:4px;background:url(../image/common/etc/btn_down.svg)no-repeat 50% 50% / 100%;color:transparent;}

.contents.register .operation_area .tilde{padding:0 16px;}
.contents.register .operation_area .temperature_con {display:flex;align-items:center;margin-top:12px;}
.contents.register .operation_area .form_grid_item .temperature_con .inp_box {position:relative;margin-left:16px;margin-top:0;}
.contents.register .operation_area .form_grid_item .temperature_con .inp_base {width:77px;height:40px;padding:8px 30px 8px 16px;}
.contents.register .operation_area .form_grid_item .temperature_con .inp_base::placeholder{color:#000;opacity:1;}
.contents.register .operation_area .temperature_con .sel_base.type2 {margin-left:8px;width:77px;height:40px;padding:8px 36px 8px 16px;}

.contents.register .operation_area .form_grid_item .hummidity_con {display:flex;align-items:center;margin-top:12px;}
.contents.register .operation_area .form_grid_item .hummidity_con .inp_box {position:relative;margin-left:16px;margin-top:0;}
.contents.register .operation_area .form_grid_item .hummidity_con .inp_base {width:77px;height:40px;padding:8px 30px 8px 16px;}
.contents.register .operation_area .form_grid_item .hummidity_con .inp_base::placeholder{color:#000;opacity:1;}

.contents.register .operation_area .form_grid_item .battery_con {display:flex;align-items:center;margin-top:12px;}
.contents.register .operation_area .form_grid_item .battery_con .inp_box {position:relative;margin-left:16px;margin-top:0;}
.contents.register .operation_area .form_grid_item .battery_con .inp_base {width:77px;height:40px;padding:8px 30px 8px 16px;}
.contents.register .operation_area .form_grid_item .battery_con .inp_base::placeholder{color:#000;opacity:1;}

.contents.register .operation_area .cycle_con {display:flex;align-items:center;margin-top:12px;}
.contents.register .operation_area .cycle_con .form_wrap {margin-left:32px; margin-top:0px;}

.contents.register .smart_area {padding-top:40px;}
.contents.register .smart_area .tit_wrap{display:flex;align-items:center;gap:28px}
.contents.register .smart_area .label_wrap .label_con.assign_bulk{display:none;margin-top:0;}
.contents.register .smart_area .upload_wrap{padding:16px}
.contents.register .smart_area .upload_wrap .dropzone{padding:84px 0;border:none;border-radius:unset;}
.contents.register .smart_area .upload_wrap .dropzone.dz-started{padding:36px 0;}
.contents.register .smart_area .btn_file_del{width:24px;height:24px;background:url(../image/common/24/ico_file_del.svg)no-repeat 0 0 / 100% 100%;} 
.contents.register .smart_area .upload_list_wrap{padding:0;} 
.contents.register .smart_area .upload_list_wrap .tbl_wrap{height:unset;margin-top:8px;padding:0;} 
.contents.register .smart_area .upload_list_wrap .tbl_wrap table thead th{background:#fff;}
.contents.register .smart_area .upload_list_wrap .tbl_wrap .tbody_wrap{height:305px;}
.contents.register .smart_area .upload_list_wrap .list_info dl:after{display:none;}
.contents.register .smart_area .upload_list_wrap .list_info dt{float:unset;}
.contents.register .smart_area .upload_list_wrap .list_info dd{float:unset;}
.contents.register .smart_area .upload_list_wrap .bot_btn_wrap{padding:8px 0 0;}
.contents.register .smart_area .upload_list_wrap .btn_type_negative{width:100px;}
.contents.register .smart_area .upload_list_wrap .btn_type_primary{width:100px;}

.contents.register .label_wrap {overflow-y:auto;overflow-x:hidden;width:100%;max-height:1072px;margin-top:16px;padding:16px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#666 transparent;}
.contents.register .label_wrap .label_con {position:relative;width:100%;height:442px;border:1px solid #ccc;border-radius:8px;background:#fff;}
.contents.register .label_wrap .label_con + .label_con {margin-top:12px;}
.contents.register .label_wrap .label_con .smart_tit {padding:28px 60px 21px 20px;border-bottom:1px solid #e6e6e6;font-size:18px;font-weight:700;color:#000;line-height:23px;}
.contents.register .label_wrap .label_con .btn_wrap {position:absolute;top:28px;right:20px;font-size:0;}
.contents.register .label_wrap .label_con .btn_wrap::after {content: '';display:block;clear:both;}
.contents.register .label_wrap .label_con .btn_wrap button {float:left;margin-left:8px;}
.contents.register .label_wrap .label_con .btn_wrap button:first-child{margin-left:0;}
.contents.register .label_wrap .label_con .btn_wrap .btn_minus{overflow:hidden;width:24px;height:24px;background:url(../image/common/24/btn_minus.svg)no-repeat 50% 50% / 100% 100%;color:transparent;}
.contents.register .label_wrap .label_con .btn_wrap .btn_plus{overflow:hidden;width:24px;height:24px;background:url(../image/common/24/btn_plus.svg)no-repeat 50% 50% / 100% 100%;color:transparent;}

.contents.register .label_wrap .label_con:has(.btn_wrap_under:not([style*="display: none"])) {margin-bottom: 56px;}
.contents.register .label_wrap .label_con .btn_wrap_under {position:absolute;font-size:0;bottom:-52px;left: 0px;}
.contents.register .label_wrap .label_con .btn_wrap_under::after {content: '';display:block;clear:both;}
.contents.register .label_wrap .label_con .btn_wrap_under button {float:left;margin-left:8px;}
.contents.register .label_wrap .label_con .btn_wrap_under button:first-child{margin-left:0;}
.contents.register .label_wrap .label_con .btn_wrap_under .btn_minus{overflow:hidden;width:48px;height:48px;background:url(../image/common/24/btn_minus.svg)no-repeat 50% 50% / 100% 100%;color:transparent;}
.contents.register .label_wrap .label_con .btn_wrap_under .btn_plus{overflow:hidden;width:48px;height:48px;background:url(../image/common/24/btn_plus.svg)no-repeat 50% 50% / 100% 100%;color:transparent;}

.contents.register  .tit_wrap .btn_plus{overflow:hidden;width:48px;height:48px;background:url(../image/common/24/btn_plus.svg)no-repeat 50% 50% / 100% 100%;color:transparent;}

.contents.register .label_wrap .label_con .sub_tit {font-size:14px;font-weight:400;line-height:18px;}
.contents.register .label_wrap .label_con .con {padding:16px 16px 28px;}
.contents.register .label_wrap .label_con .con::after {content: '';display:block;clear:both;}
.contents.register .label_wrap .label_con .avaliable_wrap{float:left;width:calc(44% - 6px);height:326px;margin-right:12px;border:1px solid #e6e6e6;border-radius:8px;box-sizing:border-box;}
.contents.register .label_wrap .label_con .avaliable_wrap::after {content: '';display:block;clear:both;}
.contents.register .label_wrap .label_con .avaliable_wrap .count_wrap {padding:20px 18px 8px;}
.contents.register .label_wrap .label_con .avaliable_wrap .count_wrap::after{content:'';display:block;clear:both;}
.contents.register .label_wrap .label_con .avaliable_wrap p {float:left;}
.contents.register .label_wrap .label_con .avaliable_wrap .count {float:right;font-size:14px;font-weight:500;color:#000;line-height:18px;}
.contents.register .label_wrap .label_con .avaliable_wrap .form_grid_item {position:relative;padding:0 6px 12px;}
.contents.register .label_wrap .label_con .avaliable_wrap .form_grid_item .item_area{overflow-y:auto;height:222px;scrollbar-width:thin;scrollbar-color:#666 transparent;}
.contents.register .label_wrap .label_con .avaliable_wrap .form_grid_item .item_area::-webkit-scrollbar{width:3px;}
.contents.register .label_wrap .label_con .avaliable_wrap .form_grid_item .item_area::-webkit-scrollbar-thumb{border-radius:50px;background-color:#666;}
.contents.register .label_wrap .label_con .avaliable_wrap .form_grid_item .item_area::-webkit-scrollbar-track{background-color:transparent;}
.contents.register .label_wrap .label_con .avaliable_wrap .form_wrap {display:block;}
.contents.register .label_wrap .label_con .avaliable_wrap .search_box {display:block;padding-bottom:12px;}
.contents.register .label_wrap .label_con .avaliable_wrap .search_box.none_select .inp_box {margin:0 14px;}
.contents.register .label_wrap .label_con .avaliable_wrap .search_box.none_select .inp_box .inp_base {width:100%;}
.contents.register .label_wrap .label_con .select_wrap{float:left;width:calc(56% - 6px);}
.contents.register .label_wrap .label_con .select_wrap .selected .select_con {display:flex;position:relative;width:100%;height:74px;margin-top:8px;padding:16px 20px;border:1px solid #ccc;border-radius:8px;background:#f2f2f2;box-sizing:border-box;}
.contents.register .label_wrap .label_con .select_wrap .selected .select_con p{font-size:16px;color:#666;}
.contents.register .label_wrap .label_con .select_wrap .selected .select_con .btn_delete{overflow:hidden;position:absolute;top:18px;left:208px;width:16px;height:16px;border-radius:50%;background:url(../image/common/16/ico_delete.svg)no-repeat 0 0/100% 100%;color:transparent;}
.contents.register .label_wrap .label_con .select_wrap .invoice {padding-top:16px;}
.contents.register .label_wrap .label_con .select_wrap .invoice .invoice_con {display:flex;flex-wrap:wrap;gap:8px;width:100%;padding-top:8px;}
.contents.register .label_wrap .label_con .select_wrap .invoice .invoice_con .inp_box {width:calc(50% - 4px);}
.contents.register .label_wrap .label_con .select_wrap .invoice .invoice_con .inp_box .inp_base {width:100%;padding:17px 24px 17px 20px;border-radius:12px;text-align:center;}
.contents.register .label_wrap .label_con .select_wrap .invoice .invoice_con .inp_box .btn_delete {right:8px;}
.contents.register .label_wrap .label_con .search_none {position: absolute;top:50%;left:50%;width:100px;height:18px;margin-top:-9px;margin-left:-50px;font-size:13px;color:#666;text-align:center;}

.contents.register .label_wrap .label_con .form_wrap input[type="radio"] {top:12px;left:16px;width:16px;height:16px;}
.contents.register .label_wrap .label_con .form_wrap input[type="radio"] + label {width:100%;padding:8px 8px 8px 36px;box-sizing:border-box;}
.contents.register .label_wrap .label_con .form_wrap input[type="radio"] + label::before {width:16px;height:16px;left:12px;top:10px;}
.contents.register .label_wrap .label_con .form_wrap input[type="radio"]:checked + label{border-radius:8px;background: #EFF0FF;font-weight:400;color:#6364FF;}

.contents.register .label_wrap::-webkit-scrollbar{width:15px;}
.contents.register .label_wrap::-webkit-scrollbar-thumb{border:6px solid transparent;border-radius:50px;background-clip:padding-box;background-color:#666;}
.contents.register .label_wrap::-webkit-scrollbar-track{background-color:transparent;}

.contents.register .form_grid_item.chk_wrap{padding-top:0;}
.contents.register .form_grid_item.chk_wrap dd{padding-top:25px;font-size:0;}
.contents.register .form_grid_item.chk_wrap dd .form_wrap{margin-left:16px;} 
.contents.register .form_grid_item.chk_wrap dd .form_wrap:first-child{margin-left:0;} 

.contents.register .form_grid_item.has_btn dd::after{content: '';display:block;clear:both;}

.contents.register .form_grid_item.has_btn dd .inp_box{float:left;width:calc(100% - 134px);}
.contents.register .form_grid_item.has_btn dd .btn_type_secondary{float:left;width:126px;margin-left:8px;}

.contents.register .form_grid_item.pwd_wrap .desc{margin-top:6px;}
.contents.register .form_grid_item.pwd_wrap .desc .circle{position:relative;padding-left:15px;font-size:14px;color:#666;}
.contents.register .form_grid_item.pwd_wrap .desc .circle:last-child{margin-top: 2px;}
.contents.register .form_grid_item.pwd_wrap .desc .circle::before{content: '';position:absolute;top:50%;left:5px;width:2px;height:2px;margin-top:-1px;border-radius:50%;background:#666;}

.contents.register .right_area .form_grid_item.chk_wrap{padding-top:24px;}

.contents.register .info_area{padding-top:40px;}
.contents.register .form_grid_item.info .form_wrap{float:left;width:calc(50% - 4px);margin-left:0;}
.contents.register .form_grid_item.info .form_wrap:last-child{margin-left:8px;}
.contents.register .form_grid_item.info::after{content: '';display:block;clear:both;}

.contents.register .route_area{padding-top:40px;}
.route_area .sel_route{display:flex;justify-content:space-between;gap:30px;padding-top:28px;}
.route_area .sel_route .btn_sel_box{width:489px;}
.route_area .sel_route .btn_sel_box > .btn_sel_del{display:none;overflow:hidden;position:absolute;top:50%;right:44px;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:url(../image/common/16/ico_delete.svg) no-repeat 0 0 / 100% 100%;color:transparent}
.contents.register .route_area .sel_route + .form_grid_item{padding-top:28px;}
.contents.register .route_area .sel_route .option_item{position:relative;}
.contents.register .route_area .sel_route .option_item .btn_del{display:none;position:absolute;top:50%;right:8px;width:16px;height:16px;margin-top:-8px;background:url(../image/common/16/ico_close.svg) no-repeat 50% 50% /16px 16px;font-size:0;color:transparent;}
.contents.register .route_area .sel_route .option_item:hover .btn_del{display:block;}
.route_list .address_con{display:none;position:absolute;top:60px;left:0;width:100%;padding:28px 24px;border:1px solid #e6e6e6;background:#fff;color:#000;list-style-type:none;border-radius:6px;overflow:hidden;z-index:1000;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);}
.alert_pop.route .route_list .address_con{display:none;position:absolute;top:44px;left:0;width:100%;padding:28px 24px;border:1px solid #e6e6e6;background:#fff;color:#000;list-style-type:none;border-radius:6px;overflow:hidden;z-index:1000;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);}
.address_con .btn_sel_box .btn_sel{color:rgba(0, 0, 0, 0.3);border:1px solid #ccc;background:#fff url(../image/common/24/ico_arw_down.svg) no-repeat right 14px center / 24px 24px;}
.address_con .btn_sel_box.select .btn_sel{border:1px solid #6364FF;color:#6364FF;}
.address_con .btn_sel_box.active .btn_sel{border:1px solid #ccc;background:#fff url(../image/common/24/ico_arw_up.svg) no-repeat right 14px center / 24px 24px;}
.route_area.active .route_list .address_con {display:block;}
.route_list .address_con .inp_box {margin-top:8px;}
.route_list .address_con .inp_base {width:100%;padding:16px 48px 16px 20px;}
.route_list .address_con .inp_base:read-only {background:#f2f2f2;color:#666;opacity:unset;}
.route_list .address_con > .inp_base:first-child {margin-top:16px;}
.route_list .address_con .btn_delete {right:20px;}
.route_list .address_con .con_grid::after {content: '';display:block;clear:both;}
.route_list .address_con .con_grid .inp_box {float:left;width:calc(50% - 4px);}
.route_list .address_con .con_grid .mg_right {margin-right:8px;}
.route_list .address_con .con_grid .sel_base {float:left;width:calc(50% - 4px);margin-right:8px;margin-top:8px;}
.route_list .address_con .con_grid .btn_sel_box {float:left;width:calc(50% - 4px);margin-right:8px;margin-top:8px;}
.route_list .address_con .con_grid .btn_sel_box .inp_box {float:none;width:calc(100% - 16px)}
.route_list{padding-left:44px;}
.route_list li{position:relative;}
.route_list li::before{content:'';position:absolute;left:-44px;top:28px;width:15px;height:15px;background:url(../image/common/etc/ico_transit.svg)no-repeat 0 0 / 100% 100%;}
.route_list li:first-child::before{left:-47px;width:20px;height:20px;background:url(../image/common/20/ico_origin.svg)no-repeat 0 0 / 100% 100%;}
.route_list li:last-child::before{left:-47px;width:20px;height:20px;background:url(../image/common/20/ico_destination.svg)no-repeat 0 0 / 100% 100%;}
.route_list li::after{content: '';position:absolute;top:54px;bottom:-21px;left:-36px;transform: translateX(-50%);width:2px;border-left:1px dashed #000;}
.route_list li:last-child:after{content: '';display:none;}

.route_list .form_grid_item dt{display:flex;align-items:center;gap:8px}
.route_list .form_grid_item.transit dt .label.essential::before{display:none}
.route_list .btn_minus{display:none;overflow:hidden;width:24px;height:24px;background:url(../image/common/24/btn_minus.svg)no-repeat 50% 50% / 100% 100%;font-size:0;color:transparent;}
.route_list .btn_plus{overflow:hidden;width:24px;height:24px;background:url(../image/common/24/btn_plus.svg)no-repeat 50% 50% / 100% 100%;font-size:0;color:transparent;}

.contents.register .route_list .form_grid_item.calendar .form_wrap:last-child{margin-left:0;}
.contents.register .route_list .form_grid_item.calendar .form_wrap{float:unset;width:100%;}
.contents.register .route_list .form_grid_item.calendar + .form_grid_item{padding-top:8px;}

.alert_pop.route .pop_con .con_box {overflow-y:auto;max-height:340px;min-height:426px;scrollbar-width:thin;scrollbar-color:#666 transparent;}
.alert_pop.route .pop_con .con_box::-webkit-scrollbar{width:3px;}
.alert_pop.route .pop_con .con_box::-webkit-scrollbar-thumb{border-radius:50px;background-color:#666;}
.alert_pop.route .pop_con .con_box::-webkit-scrollbar-track{background-color:transparent;}
.alert_pop.route .pop_con .form_grid_wrap > .form_grid_item{margin-top:0;}
.alert_pop.route .inp_base{height:40px;border-radius:8px;}
.alert_pop.route .btn_sel_box .option_list {top:44px;}
.alert_pop.route .btn_sel_box .btn_sel{height:40px;padding:9px 66px 9px 20px;border-radius:8px;}
.alert_pop .pop_con .route_list .btn_wrap{padding:0;gap:0;}
.alert_pop.route .pop_con .btn_type_primary.btn_type_m{margin-top:10px;}
.alert_pop.route .route_list li::after{top:25px;bottom:-17px;}
.alert_pop.route .route_list li::before{top:3px;}




/* shipment Tracking */
.contents.tracking{display:flex;display:flex;flex-direction:column;height:calc(100vh - 96px);margin-top:32px;padding-top:0;padding-bottom:0;}
.contents.tracking .item_wrap{flex:1;}
.contents.tracking .bot_btn_wrap{padding:32px 0 60px;}
.item_wrap .con_box_wrap.label_info{width:32.33%;}
.item_wrap .con_box_wrap.settings{width:15.3%;}
.item_wrap .tracking_map_wrap{position:relative;width:100%;}
.item_wrap .tracking_map_wrap .map_info_box{position:absolute;top:20px;right:20px;left:20px;z-index:10;}
.item_wrap .tracking_map_wrap .map_label_wrap::after{content:'';display:block;clear:both;}
.item_wrap .tracking_map_wrap .map_label_wrap .btn_prev{float:left;margin-right:12px;}
.item_wrap .tracking_map_wrap .map_label_wrap .label{float:left;width:440px;padding:9.5px 20px;margin-right:8px;border-radius:100px;background:#fff;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);box-sizing:border-box;}
.item_wrap .tracking_map_wrap .map_label_wrap .label::after{content:'';display:block;clear:both;}
.item_wrap .tracking_map_wrap .map_label_wrap .label dt{float:left;font-size:16px;}
.item_wrap .tracking_map_wrap .map_label_wrap .label dd{float:left;margin-left:16px;font-size:16px;font-weight:500;color:#6364FF;}
.item_wrap .tracking_map_wrap .map_btn_wrap{position:absolute;top:0;right:0;font-size:0;}
.item_wrap .tracking_map_wrap .map_btn_wrap button{margin-left:8px;}
.item_wrap .tracking_map_wrap .map_btn_wrap button:first-child{margin-left:0;}
.item_wrap .tracking_map_wrap .map_btn_wrap .btn_type_map{padding:9.5px 20px;border-radius:40px;background:#fff;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);font-size:16px;}
.item_wrap .tracking_map_wrap .map_btn_wrap .btn_type_map.active{background:#6364FF;color:#fff;}
.item_wrap .tracking_map_wrap .map_area{overflow:hidden;position:relative;width:100%;height:540px;}
/* .item_wrap .tracking_map_wrap .map_area img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;object-position:center center;} */

.item_wrap .tracking_map_wrap .zoom_control {display:flex;flex-direction:column;gap:8px;position:absolute;bottom:20px;right:32px;z-index:20;}
.item_wrap .tracking_map_wrap .zoom_control .btn_zoom {position:relative;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.1);}
.item_wrap .tracking_map_wrap .zoom_control .btn_zoom::after {content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px}
.item_wrap .tracking_map_wrap .zoom_control .zoom_in::after {background:url(../image/common/24/btn_zoom_in.svg) no-repeat 0 0 / 100% 100%}
.item_wrap .tracking_map_wrap .zoom_control .zoom_out::after {background:url(../image/common/24/btn_zoom_out.svg) no-repeat 0 0 / 100% 100%}

.item_wrap .tracking_map_wrap .pin {position:absolute;}
.item_wrap .tracking_map_wrap .pin button {display:block;filter:drop-shadow(2px 4px 24px rgba(0,0,0,0.2))}
.item_wrap .tracking_map_wrap .pin .pin_location_stroke_x1 {width:36px;height:44px;background:url(../image/common/etc/pin_location_stroke_x1.png) no-repeat 0 0 / 100% 100%}
.item_wrap .tracking_map_wrap .pin .pin_location_stroke_x2 {width:36px;height:44px;background:url(../image/common/etc/pin_location_stroke_x2.png) no-repeat 0 0 / 100% 100%} 
.item_wrap .tracking_map_wrap .pin .pin_location_stroke_x3 {width:36px;height:44px;background:url(../image/common/etc/pin_location_stroke_x3.png) no-repeat 0 0 / 100% 100%}
.item_wrap .tracking_map_wrap .pin .pin_tranfer_stroke_x1 {width:36px;height:44px;background:url(../image/common/etc/pin_tranfer_stroke_x1.png) no-repeat 0 0 / 100% 100%}
.item_wrap .tracking_map_wrap .pin .pin_tranfer_stroke_x2 {width:36px;height:44px;background:url(../image/common/etc/pin_tranfer_stroke_x2.png) no-repeat 0 0 / 100% 100%}
.item_wrap .tracking_map_wrap .pin .pin_tranfer_stroke_x3 {width:36px;height:44px;background:url(../image/common/etc/pin_tranfer_stroke_x3.png) no-repeat 0 0 / 100% 100%}
.item_wrap .tracking_map_wrap .pin .pin_tracker_stroke_x1 {width:16px;height:20px;background:url(../image/common/etc/pin_tracker_stroke_x1.png) no-repeat 0 0 / 100% 100%}
.item_wrap .tracking_map_wrap .pin .pin_tracker_stroke_x2 {width:16px;height:20px;background:url(../image/common/etc/pin_tracker_stroke_x2.png) no-repeat 0 0 / 100% 100%}
.item_wrap .tracking_map_wrap .pin .pin_destination_stroke_x1 {width:36px;height:45px;background:url(../image/common/etc/pin_destination_stroke_x1.png) no-repeat 0 0 / 100% 100%}
.item_wrap .tracking_map_wrap .pin .pin_destination_stroke_x2 {width:36px;height:45px;background:url(../image/common/etc/pin_destination_stroke_x2.png) no-repeat 0 0 / 100% 100%}

.item_wrap div.row_info_box{display:flex;}
.item_wrap .row_info_box{margin:4px 0;}
.item_wrap .row_info_box > li{display:flex;margin-top:8px;}
.item_wrap .row_info_box > li:first-child{margin-top:0px;}
.item_wrap .row_info_box dl{width:50%;}
.item_wrap .row_info_box dt{font-size:16px;font-weight:600;line-height:14px;}
.item_wrap .row_info_box dd{padding-top:12px;color:#999;}
.item_wrap .row_info_box .tooltip_box{margin-left:5px;}
.item_wrap .row_info_box .tooltip_box .tooltip_con{left:-100px;}
.item_wrap .row_info_box .tooltip_box .tooltip_con .list{overflow-y:auto;max-height:186px;scrollbar-width:thin;scrollbar-color:#666 transparent;}
.item_wrap .row_info_box .tooltip_box .tooltip_con .list::-webkit-scrollbar{width:3px;}
.item_wrap .row_info_box .tooltip_box .tooltip_con .list::-webkit-scrollbar-thumb{border-radius:50px;background-color:#666;}
.item_wrap .row_info_box .tooltip_box .tooltip_con .list::-webkit-scrollbar-track{background-color:transparent;}

.item_wrap .row_info_box dd .cycle{position:relative;padding-left:24px;font-size:14px;color:#666;line-height:20px;}
.item_wrap .row_info_box dd .cycle::before{content:'';position:absolute;top:0;left:0;width:20px;height:20px;background:url(../image/common/20/ico_reset.svg)no-repeat 50% 49%/100% 100%;}

.item_wrap .row_info_box.type2{flex-direction:column;min-width:144px;padding-top:20px;}
.item_wrap .row_info_box.type2 dl{position:relative;width:100%;padding:44px 0;}
.item_wrap .row_info_box.type2 dl::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#e6e6e6;}
.item_wrap .row_info_box.type2 dl:last-child::after{display:none;}

.item_wrap .row_info_box.has_btn{position:relative;padding-right:30px;justify-content:space-between;}
.item_wrap .row_info_box.has_btn dl + dl{width:calc(50% - 16px);}
.item_wrap .row_info_box .btn_more{display:none;overflow:hidden;position:absolute;top:10px;right:0;width:24px;height:24px;background:url(../image/common/24/ico_arw_down.svg)no-repeat 50% 50%/100% 100%;color:transparent;}
.item_wrap .row_info_box .btn_more.active{background:url(../image/common/24/ico_arw_up.svg)no-repeat 50% 50%/100% 100%;}
.item_wrap .row_info_box.has_btn .btn_more{display:block;}

.item_wrap .hidden_box{display:none;border:1px solid transparent;}
.item_wrap .hidden_box .row_info_box{overflow:hidden auto;max-height:412px;margin:0;padding:0 18px 0 18px;scrollbar-width:thin;scrollbar-color:#666 transparent;}
.item_wrap .hidden_box .row_info_box::-webkit-scrollbar{width:3px;}
.item_wrap .hidden_box .row_info_box::-webkit-scrollbar-thumb{border-radius:50px;background-color:#666;}
.item_wrap .hidden_box .row_info_box::-webkit-scrollbar-track{background-color:transparent;}
.item_wrap .hidden_box .row_info_box > li{padding:16px;border-radius:8px;background:#f2f2f2;}
.item_wrap .row_info_box.has_btn + .hidden_box.active{position:absolute;top:calc(100% - 12px);right:-1px;left:-1px;z-index:10;padding:0 6px 28px;border:1px solid #ccc;border-top:0;border-radius:0 0 12px 12px;background:#fff;box-sizing:border-box;}

.item_wrap .col_info_box{display:flex;gap:36px;margin:4px 0;}
.item_wrap .col_info_box > div{position:relative;box-sizing:border-box;}
.item_wrap .col_info_box dl{margin-top:28px;}
.item_wrap .col_info_box dl:first-child{margin-top:0;}
.item_wrap .col_info_box dt{font-size:16px;font-weight:600;}
.item_wrap .col_info_box dd{padding-top:12px;color:#999;}
.item_wrap .col_info_box .tooltip_box{margin-left:4px;} 
.item_wrap .col_info_box .tooltip_box .btn_info{vertical-align:middle;}
.item_wrap .col_info_box .transit .tit{font-size:10px;line-height:13px;color:#999;}
.item_wrap .col_info_box .transit .img_box{position:relative;}
.item_wrap .col_info_box .transit .img_box::before{content:'';display:inline-block;width:31px;height:136px;background:url(../image/common/etc/tracking_line.png) no-repeat 100% 100%;}
.item_wrap .col_info_box .transit.case_1 .img_box::before{height: 164px;background:url(../image/common/etc/tracking_line_none.png) no-repeat 100% 100%;}
.item_wrap .col_info_box .transit .img_box .location{display:flex;position:absolute;left:50%;margin-left:-8px;}
.item_wrap .col_info_box .transit .img_box .location.site_middle{top:50%;margin-top:-8px;}
.item_wrap .col_info_box .transit .img_box .location.site_top{top:23%;}
.item_wrap .col_info_box .transit .img_box .location.site_bottom{bottom:23%;}
.item_wrap .col_info_box .transit .img_box .location.site_top1{top:15%;}
.item_wrap .col_info_box .transit .img_box .location.site_bottom1{bottom:15%;}

.item_wrap .col_info_box .transit .img_box .location .btn_dot{width:16px;height:16px;color:transparent;background:url(../image/common/etc/ico_positon.png) no-repeat 100% 100%;}
.item_wrap .col_info_box .transit .img_box .location .tooltip_con{display:none;position:absolute;top:-18px;left:32px;z-index:20;width:260px;padding:16px;border:1px solid #000000;border-radius:8px;background:#fff;box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);box-sizing:border-box;}
.item_wrap .col_info_box .transit .img_box .location .tooltip_con::before{content:'';position:absolute;top:16px;left:-16px;width:16px;height:19px;background:url(../image/common/etc/ico_tooltip2.svg) no-repeat 100% 100%;}
.item_wrap .col_info_box .transit .img_box .tooltip_con .tooltip_tit{font-size:16px;font-weight:700;line-height:20px;}
.item_wrap .col_info_box .transit .img_box .tooltip_con .desc{font-size:13px;line-height:17px;color:#666;margin-top:8px;}
.item_wrap .col_info_box .transit .img_box .tooltip_con .btn_close{overflow:hidden;position:absolute;top:12px;right:12px;width:24px;height:24px;background:url(../image/common/24/ico_close.svg) no-repeat 0 0 / 100% 100%;color:transparent;}

.item_wrap .col_info_box.type2{margin:0;}
.item_wrap .col_info_box.type2 li{margin-left:12px;width:calc(50% - 6px);}
.item_wrap .col_info_box.type2 li:first-child{margin-left:0;padding-right:0;}
.item_wrap .col_info_box.type2 li:last-child{margin-left:12px;padding-left:0;}
.item_wrap .col_info_box.type2 li::before{display:none;}
.item_wrap .col_info_box.type2 dl{margin-top:0;padding-top:20px;}
.item_wrap .col_info_box.type2 dd{padding-top:16px;}

.item_wrap .info_box{flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.item_wrap .info_box dt{font-size:14px;color:#666;line-height:13px;}
.item_wrap .info_box dd{font-size:24px;font-weight:500;}
.item_wrap .info_box dd .list li{font-size:14px;}

/* my page */
.contents.mypage{padding:80px;}
.contents.mypage .account_wrap{padding:60px;border-radius:24px;background:#FFF;}
.contents.mypage .item_top{display: flex;gap: 40px;align-items: center;position: relative;padding-top: 20px;}
.contents.mypage .item_top .thumb{overflow:hidden;position:relative;width:160px;height:160px;border-radius:50%;}
.contents.mypage .item_top .thumb img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%;width:0;height:0;margin:auto;object-fit:cover;object-position:center center;}
.contents.mypage .item_top .btn_edit{overflow:hidden;position: absolute;left: 124px;bottom: 0;width: 36px;height: 36px;border-radius:50%;background: #FFF url(../image/common/16/ico_edit.svg)no-repeat 50% 50% / 16px 16px;color: transparent;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.10);}
.contents.mypage .item_top .info_wrap dl{position:relative;margin-top:16px;padding-left:120px;}
.contents.mypage .item_top .info_wrap dl:first-child{margin-top:0;}
.contents.mypage .item_top .info_wrap dt{position:absolute;top:0;left:0;font-size:18px;color:#666;}
.contents.mypage .item_top .info_wrap dd{font-size:18px;}
.contents.mypage .item_bottom::after{content: '';display: block;clear: both;}
.contents.mypage .item_bottom{padding-top: 40px;}
.contents.mypage .item_bottom .btn_wrap{padding-top:28px;text-align: center;}
.contents.mypage .left_area{float: left; width: calc(50% - 20px)}
.contents.mypage .tit{font-size: 20px;font-weight: 700;color: #6364FF;letter-spacing:-1px;line-height:32px;}
.contents.mypage .form_grid_item{padding-top:24px;}
.contents.mypage .tit + .form_grid_item{padding-top:28px;}
.contents.mypage .right_area{float: left; width: calc(50% - 20px);margin-left: 40px;}

/* error */
.error_wrap {display:flex;justify-content:center;align-items:center;height:100vh}
.error_wrap .error_con {text-align:center}
.error_wrap .error_con::before {content:'';display:block;width:234px;height:251px;margin:0 auto;background:url(../image/common/etc/ico_error404.svg) no-repeat 0 0 / 100% 100%}
.error_wrap.error500 .error_con::before {width:222px;height:250px;background:url(../image/common/etc/ico_error500.svg) no-repeat 0 0 / 100% 100%}
.error_wrap .error_con .tit_wrap {margin-top:40px}
.error_wrap .error_con .tit_wrap h2 {font-size:32px;font-weight:700;line-height:32px;letter-spacing:-1px;}
.error_wrap .error_con .tit_wrap .desc {margin-top:20px;font-size:18px;color:#666;line-height:23px;letter-spacing:-1px;}
.error_wrap .error_con .btn_wrap {margin-top:40px}

/* dashboard */
body.bg {background:#b9cbe2}
.contents.dashboard {padding:0;}
.dashboard_map_wrap {position:relative}
.dashboard_map_wrap .map_btn_wrap {position:absolute;top:32px;right:32px;z-index: 10;}
.dashboard_map_wrap .map_btn_wrap button{margin-left:8px;}
.dashboard_map_wrap .map_btn_wrap button:first-child{margin-left:0;}
.dashboard_map_wrap .map_btn_wrap .btn_type_map{padding:9.5px 20px;border-radius:40px;background: rgba(255, 255, 255, 0.7);box-shadow:2px 4px 12px 0px rgba(0, 0, 0, 0.10);font-size:16px;}
.dashboard_map_wrap .map_btn_wrap .btn_type_map.active{background:rgba(0,0,0,.7);color:#fff;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.1);}
.dashboard_map_wrap .map_area {overflow:hidden;position:relative;height:490px}
.dashboard_map_wrap .map_area::before {content:'';position:absolute;bottom:0;left:0;right:0;z-index:10;height:60px;background: linear-gradient(180deg, rgba(185, 203, 226, 0) 0%, #B9CBE2 90.22%);}
.dashboard_map_wrap .pin {position:absolute;}
.dashboard_map_wrap .pin button {display:block;filter:drop-shadow(2px 4px 24px rgba(0,0,0,0.2))}
.dashboard_map_wrap .pin .pin_alert_x2 {width:36px;height:44px;background:url(../image/common/etc/pin_alert_x2.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_alert_x3 {width:44px;height:52px;background:url(../image/common/etc/pin_alert_x3.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_alert_x4 {width:60px;height:68px;background:url(../image/common/etc/pin_alert_x4.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_alert_x5 {width:72px;height:82px;background:url(../image/common/etc/pin_alert_x5.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_signal_x2 {width:36px;height:44px;background:url(../image/common/etc/pin_signal_x2.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_signal_x3 {width:44px;height:52px;background:url(../image/common/etc/pin_signal_x3.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_signal_x4 {width:60px;height:68px;background:url(../image/common/etc/pin_signal_x4.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_signal_x5 {width:72px;height:82px;background:url(../image/common/etc/pin_signal_x5.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_alert_stroke_x1 {width:32px;height:40px;background:url(../image/common/etc/pin_alert_stroke_x1.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_alert_stroke_x2 {width:36px;height:44px;background:url(../image/common/etc/pin_alert_stroke_x2.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_alert_stroke_x3 {width:44px;height:52px;background:url(../image/common/etc/pin_alert_stroke_x3.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_alert_stroke_x4 {width:60px;height:68px;background:url(../image/common/etc/pin_alert_stroke_x4.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_alert_stroke_x5 {width:72px;height:82px;background:url(../image/common/etc/pin_alert_stroke_x5.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_signal_stroke_x1 {width:32px;height:40px;background:url(../image/common/etc/pin_signal_stroke_x1.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_signal_stroke_x2 {width:36px;height:44px;background:url(../image/common/etc/pin_signal_stroke_x2.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_signal_stroke_x3 {width:44px;height:52px;background:url(../image/common/etc/pin_signal_stroke_x3.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_signal_stroke_x4 {width:60px;height:68px;background:url(../image/common/etc/pin_signal_stroke_x4.png) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .pin .pin_signal_stroke_x5 {width:72px;height:82px;background:url(../image/common/etc/pin_signal_stroke_x5.png) no-repeat 0 0 / 100% 100%}

.dashboard_map_wrap .pop {position:absolute;top:100%;z-index:10;min-width:160px;padding:16px;background:#fff;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.1);border-radius:8px;}
.dashboard_map_wrap .pop.alert  {border:1px solid #fb7870}
.dashboard_map_wrap .pop.signal {border:1px solid #6364ff}
.dashboard_map_wrap .pop span {display:block;white-space: nowrap;}
.dashboard_map_wrap .pop .tit {position:relative;padding-left:14px;font-size:16px;font-weight:700;line-height:20px;}
.dashboard_map_wrap .pop .tit::before {content:'';position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;border-radius:50%;}
.dashboard_map_wrap .pop.alert .tit::before {background-color:#fb7870}
.dashboard_map_wrap .pop.signal .tit::before {background-color:#6364ff}
.dashboard_map_wrap .pop .tit strong {color:#fb7078}
.dashboard_map_wrap .pop .device {margin-top:16px;font-size:13px;line-height:16px;}
.dashboard_map_wrap .pop .date {margin-top:8px;font-size:13px;color:#999;line-height:13px;}
.dashboard_map_wrap .pop ul {margin-top:16px}
.dashboard_map_wrap .pop ul li {display:flex;justify-content: space-between;margin-top:8px;}
.dashboard_map_wrap .pop ul li .txt {font-size:13px;line-height:16px;}
.dashboard_map_wrap .pop ul li .num {font-size:13px;font-weight:700;line-height:16px;}

.dashboard_map_wrap .pop_scroll {display:block;min-width:auto;padding:0;border:0}
.dashboard_map_wrap .pop_scroll .inner {padding:28px 20px}
.dashboard_map_wrap .pop_scroll ul {overflow-y:auto;max-height:223px;margin-top:8px;padding-right:12px}
.dashboard_map_wrap .pop_scroll ul::-webkit-scrollbar {width:3px;}
.dashboard_map_wrap .pop_scroll ul::-webkit-scrollbar-thumb {background:#666;border-radius:4px;}
.dashboard_map_wrap .pop_scroll ul li {min-width:273px}
.dashboard_map_wrap .pop_scroll ul li a {padding:16px;border-radius:8px;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.1)}
.dashboard_map_wrap .pop_scroll.alert ul li a {flex:1;border:1px solid #fb7870}
.dashboard_map_wrap .pop_scroll.signal ul li a {flex:1;border:1px solid #6364ff}
.dashboard_map_wrap .pop_scroll ul li:first-child {margin-top:0}
.dashboard_map_wrap .pop_scroll .btn_close {position:absolute;top:12px;right:12px;width:24px;height:24px;background:url(../image/common/24/ico_close.svg) no-repeat 0 0 / 100% 100%}

.dashboard_map_wrap .zoom_control {display:flex;flex-direction:column;gap:8px;position:absolute;bottom:20px;right:32px;z-index:20;}
.dashboard_map_wrap .zoom_control .btn_zoom {position:relative;width:40px;height:40px;border-radius:50%;background: rgba(255, 255, 255, 0.7);box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.1);}
.dashboard_map_wrap .zoom_control .btn_zoom::after {content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin-top:-12px;margin-left:-12px}
.dashboard_map_wrap .zoom_control .zoom_in::after {background:url(../image/common/24/btn_zoom_in.svg) no-repeat 0 0 / 100% 100%}
.dashboard_map_wrap .zoom_control .zoom_out::after {background:url(../image/common/24/btn_zoom_out.svg) no-repeat 0 0 / 100% 100%}

.dashboard_panel_wrap {display:flex;gap:20px;padding:0 32px 32px;}
.dashboard_panel_wrap .panel {display:flex;gap:20px;flex-direction:column;flex:1;}
.dashboard_panel_wrap .panel:first-child {min-width:720px}
.dashboard_panel_wrap .panel .info_wrap {position:absolute;top:0;right:0;}
.dashboard_panel_wrap .panel .btn_info {width:24px;height:24px;background:url(../image/common/24/btn_info.svg) no-repeat 0 0 / 100% 100%}
.dashboard_panel_wrap .panel .btn_info:hover + .info_box {display:block}
.dashboard_panel_wrap .panel .info_box {display:none;position:absolute;top:40px;left:-20px;z-index:10;padding:16px;background:#fff;border-radius:8px;border:1px solid #000;box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.1)}
.dashboard_panel_wrap .panel .info_box::before {content:'';position:absolute;top:-12px;left:20px;width:18px;height:13px;background:url(../image/common/etc/ico_tooltip.svg) no-repeat 0 0 / 100% 100%}
.dashboard_panel_wrap .panel .info_box p {font-size:13px;font-weight:400;line-height:16px;white-space:nowrap;}
.dashboard_panel_wrap .panel .info_box dl + dl {margin-top:12px;white-space:nowrap;}
.dashboard_panel_wrap .panel .info_box dl dt {font-size:13px;font-weight:400;line-height:16px;}
.dashboard_panel_wrap .panel .info_box dl dd {margin-top:4px;font-size:13px;font-weight:400;color:#999;line-height:16px;}
.dashboard_panel_wrap .con_wrap {display:flex;gap:20px;}
.dashboard_panel_wrap .con_wrap + .con_wrap .con_box {padding:26px 24px}
.dashboard_panel_wrap .con_wrap .con_box {display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:196px;padding:24px;background:#fff;border-radius:24px;box-sizing: border-box;}
.dashboard_panel_wrap .tit_wrap {position:relative;}
.dashboard_panel_wrap .tit_wrap .tit {padding-right:26px;font-size:20px;font-weight:700;line-height:24px}
.dashboard_panel_wrap .smart_label strong {font-family: 'Pretendard';font-size:52px;font-weight:500;line-height:56px;letter-spacing:-1.5px;}
.dashboard_panel_wrap .smart_label .col_point {color:#6364ff}
.dashboard_panel_wrap .smart_label span {display:block;margin-top:12px;font-size:20px;font-weight:500;color:#666;line-height:20px}
.dashboard_panel_wrap .chart_wrap {display:flex;align-items:center;gap:32px;margin-top:20px;}
.dashboard_panel_wrap .chart_wrap .legend_list {flex:1}
.dashboard_panel_wrap .chart_wrap .legend_list li {position:relative;padding-left:14px;font-size:14px;font-weight:600;color:#666;line-height:18px}
.dashboard_panel_wrap .chart_wrap .legend_list li + li {margin-top:8px}
.dashboard_panel_wrap .chart_wrap .legend_list li::before {content:'';position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;border-radius:50%;}
.dashboard_panel_wrap .chart_wrap .legend_list li.legend1::before {background-color:#fb7070}
.dashboard_panel_wrap .chart_wrap .legend_list li.legend2::before {background-color:#8c70fb}
.dashboard_panel_wrap .chart_wrap .legend_list li.legend3::before {background-color:#ffd480}
.dashboard_panel_wrap .chart_wrap .legend_list li.legend4::before {background-color:#a2d47b}
.dashboard_panel_wrap .chart_wrap .legend_list li.legend5::before {background-color:#30c5d9}
.dashboard_panel_wrap .chart_wrap .margin_l {margin-left:10px}
.dashboard_panel_wrap .chart_wrap .icon_tooltip {display:flex;align-items:center;gap:8px;}
.dashboard_panel_wrap .chart_wrap .icon_tooltip .data span {display:block}
.dashboard_panel_wrap .chart_wrap .icon_tooltip .data b {margin-top:4px}
.dashboard_panel_wrap .chart_wrap .icon_tooltip .icon span {display:block;width:60px;height:60px;color:transparent}
.dashboard_panel_wrap .chart_wrap .icon_tooltip .icon1 {background:url(../image/common/60/icon1.svg) no-repeat 0 0 / 100% 100%}
.dashboard_panel_wrap .chart_wrap .icon_tooltip .icon2 {background:url(../image/common/60/icon2.svg) no-repeat 0 0 / 100% 100%}
.dashboard_panel_wrap .chart_wrap .icon_tooltip .icon3 {background:url(../image/common/60/icon3.svg) no-repeat 0 0 / 100% 100%}
.dashboard_panel_wrap .chart_wrap .icon_tooltip .icon4 {background:url(../image/common/60/icon4.svg) no-repeat 0 0 / 100% 100%}
.dashboard_panel_wrap .chart_wrap .icon_tooltip .icon5 {background:url(../image/common/60/icon5.svg) no-repeat 0 0 / 100% 100%}

/* .dashboard_panel_wrap .tab_wrap {position:relative}
.dashboard_panel_wrap .tab_btn_wrap {position:absolute;top:0;right:0;z-index:10;width:186px;background:#fff;border-radius:24px;}
.dashboard_panel_wrap .tab_btn_wrap ul {display:flex;gap:4px;padding:12px}
.dashboard_panel_wrap .tab_btn_wrap ul li .btn_tab {width:79px;height:60px;background:#f2f2f2;border-radius:12px;font-size:14px;font-weight:600;color:#666;line-height:14px;}
.dashboard_panel_wrap .tab_btn_wrap ul li.alert.active .btn_tab {background:#fb7870;color:#fff}
.dashboard_panel_wrap .tab_btn_wrap ul li.signal.active .btn_tab {background:#6364ff;color:#fff}
.dashboard_panel_wrap .tab_con_wrap {display:none}
.dashboard_panel_wrap .tab_con_wrap.active {display:block}
.dashboard_panel_wrap .tab_con_wrap .top_area {position:relative;margin-right:196px;padding:24px 24px 0;background:#fff;border-radius:24px;border-bottom-left-radius: 0;border-bottom-right-radius:0;}
.dashboard_panel_wrap .tab_con_wrap .top_area::before {content:'';position:absolute;bottom:0;right:-186px;z-index:1;width:186px;height:84px;background:#b9cbe2;border-radius:24px;}
.dashboard_panel_wrap .tab_con_wrap .top_area::after {content:'';position:absolute;bottom:0;right:-20px;width:50px;height:50px;background:#fff;}
.dashboard_panel_wrap .tab_con_wrap .top_area .tab_btn_wrap_depth {display:flex;gap:16px;}
.dashboard_panel_wrap .tab_con_wrap .top_area .tab_btn_wrap_depth li {position:relative;}
.dashboard_panel_wrap .tab_con_wrap .top_area .tab_btn_wrap_depth li .btn_tab {padding-bottom:8px;font-size:14px;font-weight:400;color:#666;line-height:18px;}
.dashboard_panel_wrap .tab_con_wrap .top_area .tab_btn_wrap_depth li.active .btn_tab {font-weight:700;color:#000;border-bottom:1px solid}
.dashboard_panel_wrap .tab_con_wrap .top_area .tab_btn_wrap_depth li .info_wrap {display:inline-block;position:relative;margin-left:8px;vertical-align:top;}
.dashboard_panel_wrap .tab_con_wrap .top_area .event_period_area {margin-top:8px}
.dashboard_panel_wrap .tab_con_wrap .board_list {display:none;min-height:357px;padding:24px 15px 17px 24px;background:#fff;border-radius:24px;border-top-left-radius:0;}
.dashboard_panel_wrap .tab_con_wrap .board_list.active {display:block}
.dashboard_panel_wrap .tab_con_wrap .board_list ul {overflow-y:auto;max-height:357px;padding-right:20px;}
.dashboard_panel_wrap .tab_con_wrap .board_list ul::-webkit-scrollbar {width:3px;}
.dashboard_panel_wrap .tab_con_wrap .board_list ul::-webkit-scrollbar-thumb {background:#666;border-radius:4px;}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a {display:block;position:relative;padding:12px 0;border-bottom:1px solid #ddd;}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li:last-child a {border-bottom:0}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a::after {content:'';position:absolute;top:50%;right:12px;width:20px;height:20px;margin-top:-10px;background:url(../image/common/20/ico_arw_right.svg)no-repeat 0 0/100% 100%}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a .tit {font-size:14px;font-weight:400;line-height:14px;}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a .tit strong {margin-left:8px;font-weight:400;color:#fb7870}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a .date {margin-top:6px;font-size:13px;font-weight:400;color:#999;line-height:13px}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a .date span {margin-left:12px;} */


.dashboard_panel_wrap .tab_wrap {background:#fff;border:1px solid #e6e6e6;border-radius:24px;}
.dashboard_panel_wrap .tab_btn_wrap ul {display:flex;}
.dashboard_panel_wrap .tab_btn_wrap ul li {flex:1}
.dashboard_panel_wrap .tab_btn_wrap ul li .btn_tab {width:100%;height:60px;background:#f2f2f2;font-size:20px;font-weight:700;color:#666;line-height:26px;}
.dashboard_panel_wrap .tab_btn_wrap ul li .btn_tab .num {padding-left:8px;font-weight:500}
.dashboard_panel_wrap .tab_btn_wrap ul li.alert .btn_tab {border-top-left-radius:24px;}
.dashboard_panel_wrap .tab_btn_wrap ul li.signal .btn_tab {border-top-right-radius:24px;}
.dashboard_panel_wrap .tab_btn_wrap ul li.active .btn_tab {background:#fff}
.dashboard_panel_wrap .tab_btn_wrap ul li.active .btn_tab .num {font-weight:700}
.dashboard_panel_wrap .tab_btn_wrap ul li.alert.active .btn_tab {color:#fb7870}
.dashboard_panel_wrap .tab_btn_wrap ul li.signal.active .btn_tab {color:#6364ff}
.dashboard_panel_wrap .tab_con_wrap {display:none}
.dashboard_panel_wrap .tab_con_wrap.active {display:block}
.dashboard_panel_wrap .tab_con_wrap .top_area {padding:24px 24px 0;background:#fff;border-radius:24px;border-bottom-left-radius: 0;border-bottom-right-radius:0;}
.dashboard_panel_wrap .tab_con_wrap .top_area .tab_btn_wrap_depth {display:flex;gap:16px;}
.dashboard_panel_wrap .tab_con_wrap .top_area .tab_btn_wrap_depth li {position:relative;}
.dashboard_panel_wrap .tab_con_wrap .top_area .tab_btn_wrap_depth li .btn_tab {padding-bottom:8px;font-size:14px;font-weight:400;color:#666;line-height:18px;}
.dashboard_panel_wrap .tab_con_wrap .top_area .tab_btn_wrap_depth li.active .btn_tab {font-weight:700;color:#000;border-bottom:1px solid}
.dashboard_panel_wrap .tab_con_wrap .top_area .tab_btn_wrap_depth li .info_wrap {display:inline-block;position:relative;top:-4px;margin-left:8px;vertical-align:top;}
.dashboard_panel_wrap .tab_con_wrap .top_area .event_period_area {margin-top:8px}
.dashboard_panel_wrap .tab_con_wrap .board_list {display:none;min-height:334px;padding:24px 15px 17px 24px;background:#fff;border-radius:24px;border-top-left-radius:0;box-sizing: border-box;}
.dashboard_panel_wrap .tab_con_wrap .board_list.active {display:block}
.dashboard_panel_wrap .tab_con_wrap .board_list ul {overflow-y:auto;max-height:293px;padding-right:20px;}
.dashboard_panel_wrap .tab_con_wrap .board_list ul::-webkit-scrollbar {width:3px;}
.dashboard_panel_wrap .tab_con_wrap .board_list ul::-webkit-scrollbar-thumb {background:#666;border-radius:4px;}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a {display:block;position:relative;padding:12px 0;border-bottom:1px solid #ddd;}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li:last-child a {border-bottom:0}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a::after {content:'';position:absolute;top:50%;right:12px;width:20px;height:20px;margin-top:-10px;background:url(../image/common/20/ico_arw_right.svg)no-repeat 0 0/100% 100%}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a .tit {font-size:14px;font-weight:400;line-height:14px;}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a .tit strong {margin-left:8px;font-weight:400;color:#fb7870}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a .date {margin-top:6px;font-size:13px;font-weight:400;color:#999;line-height:13px}
.dashboard_panel_wrap .tab_con_wrap .board_list ul li a .date span {margin-left:12px;}
.dashboard_panel_wrap .tab_con_wrap .board_list .board_none {display:flex;align-items:center;justify-content:center;min-height:293px;}
.dashboard_panel_wrap .tab_con_wrap .board_list .board_none span {display: block;position: relative;padding-top: 29px;font-size: 14px;color: #999;line-height: 18px;}
.dashboard_panel_wrap .tab_con_wrap .board_list .board_none span::before { content: '';position: absolute;top: 0;left: 50%;width: 24px;height: 24px;margin-left: -12px;background: url(../image/common/24/ico_none.svg) no-repeat 0 0 / 100% 100%}

.dashboard_map_wrap .gm-style-iw-t:has(.pop) .gm-style-iw-chr  {display: none !important}
.dashboard_map_wrap .gm-style-iw-t:has(.pop) .gm-style-iw-tc  {display:none !important}
.dashboard_map_wrap .gm-style-iw-t:has(.pop) .gm-style-iw-d  {overflow:auto !important; max-height:unset !important}
.dashboard_map_wrap .gm-style .gm-style-iw-c:has(.pop)  {top:50px !important;position:relative !important;display: block !important;transform: none !important;overflow:visible !important;box-sizing:unset !important;}
.dashboard_map_wrap .gm-style .gm-style-iw-t:has(.pop) {right:auto !important;width: auto !important}

.dashboard_map_wrap .gm-style .gm-style-iw-c:has( .pop) {padding:0px;}