@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:400;
    src:url('../assets/fonts/noto-sans-kr/noto-sans-kr-400.eot');
    src:url('../assets/fonts/noto-sans-kr/noto-sans-kr-400.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-400.woff2') format('woff2'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-400.woff') format('woff'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-400.svg#NotoSansKR') format('svg');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src:url('../assets/fonts/noto-sans-kr/noto-sans-kr-300.eot');
    src:url('../assets/fonts/noto-sans-kr/noto-sans-kr-300.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-300.woff2') format('woff2'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-300.woff') format('woff'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-300.svg#NotoSansKR') format('svg');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:url('../assets/fonts/noto-sans-kr/noto-sans-kr-500.eot');
    src:url('../assets/fonts/noto-sans-kr/noto-sans-kr-500.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-500.woff2') format('woff2'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-500.woff') format('woff'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-500.svg#NotoSansKR') format('svg');
}
@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:700;
    src:url('../assets/fonts/noto-sans-kr/noto-sans-kr-700.eot');
    src:url('../assets/fonts/noto-sans-kr/noto-sans-kr-700.eot?#iefix') format('embedded-opentype'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-700.woff2') format('woff2'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-700.woff') format('woff'),
    url('../assets/fonts/noto-sans-kr/noto-sans-kr-700.svg#NotoSansKR') format('svg');
}
@font-face{
    font-family:'Lato';
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url('../assets/fonts/lato/lato-400.woff2') format('woff2');
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
    font-family:'Lato';
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url('../assets/fonts/lato/lato-400-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
    font-family:'Lato';
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url('../assets/fonts/lato/lato-700.woff2') format('woff2');
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
    font-family:'Lato';
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url('../assets/fonts/lato/lato-700-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
    font-family:'Lato';
    font-style:normal;
    font-weight:900;
    font-display:swap;
    src:url('../assets/fonts/lato/lato-900.woff2') format('woff2');
    unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
    font-family:'Lato';
    font-style:normal;
    font-weight:900;
    font-display:swap;
    src:url('../assets/fonts/lato/lato-900-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
    --main-color:#e21837;
    --sub-color:#f48025;
    --white:#ffffff;
    --dark:#111111;
    --dark-gray:#444444;
    --light-gray:#999999;
    --white-gray:#ebebeb;
    --placeholder:#bbbbbb;
    --default-menu:#888888;
    --default-bg:#f7f7f7;
    --band-dark:#2a2a2a;
    --band-light:#ececec;
    --term-bg:#fef8ee;
    --info-bg:#f8f8f8;
    --font-noto-sans:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
    --font-lato:'Lato','Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
}
/*-- Reset. --*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,main,hgroup,menu,nav,section{display:block}
audio,canvas,progress,video{display:inline-block}
a,abbr,address,article,aside,audio,b,blockquote,body,br,button,canvas,caption,cite,code,col,data,datalist,dd,del,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,main,mark,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,select,small,span,strong,sub,sup,table,td,textarea,th,time,u,ul,var,video{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-ms-content-zooming:none;-ms-touch-action:pan-x pan-y}
body{-webkit-text-size-adjust:none}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote::before,blockquote::after,q::before,q::after{content:'';content:none}
input,select,textarea,button{font-size:100%;vertical-align:middle;outline:none}
button{border:0 none;background-color:transparent;cursor:pointer;overflow:hidden}
table{border-collapse:collapse;border-spacing:0}
input[type="text"],input[type="tel"],input[type="password"],input[type="submit"],input[type="search"],input[type="number"]{background-color:transparent;border-radius:0;box-shadow:0 0 0 0 transparent inset;transition:color .1s ease,border-color .1s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type="date"]{text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type="date"]:invalid::-webkit-datetime-edit{color:var(--dark)}
input[type="date"]::-webkit-clear-button{display:none}
input[type="date"]::-webkit-inner-spin-button{display:none}
input[type="date"]::-webkit-calendar-picker-indicator{color:var(--dark)}
input[type="date"]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
textarea{background-color:transparent;border:none;resize:none}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a,a:active,a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}
i{font-style:normal}
a,button{position:relative;-webkit-tap-highlight-color:transparent}
input{border-radius:0;border:none;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{opacity:1}
a{color:#111111;-webkit-transition:color 180ms ease-in-out;-moz-transition:color 180ms ease-in-out;-ms-transition:color 180ms ease-in-out;-o-transition:color 180ms ease-in-out;transition:color 180ms ease-in-out}
a:focus,input:focus,textarea:focus,button:focus{outline:none;box-shadow:none}
.visually-hidden{overflow:hidden;display:none;visibility:hidden;position:absolute;clip:rect(0,0,0,0);height:0;width:0;padding:0;border:0}
html,body,th,td,input,select,textarea,button{color:var(--dark);text-size-adjust:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:var(--font-noto-sans)}
html{font-size:12px;line-height:1.5}
input[autocomplete="off"]::-webkit-contacts-auto-fill-button{display:none !important;visibility:hidden;height:0;width:0;margin:0;pointer-events:none}
html{min-width:1360px;width:100%;height:100%}
body.modal-open{overflow:hidden;height:100%}
body{min-width:1360px;width:100%;background-color:var(--default-bg);font-size:1rem;font-weight:400;line-height:1.5}
body.page-account{background-color:var(--white)}
body.view-fit{display:-ms-flexbox;display:flex;width:100%;min-width:1024px;height:100vh;min-height:600px;max-height:100vh;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}

#wrap{position:relative}
#band-popup-list{overflow:hidden;max-height:160px}
#band-popup-list .band-popup{overflow:hidden;width:100%;height:80px;background-color:var(--band-light)}
#band-popup-list .band-popup.type-light{background-color:var(--band-light)}
#band-popup-list .band-popup.type-dark{background-color:var(--band-dark)}
#band-popup-list .band-popup.type-main{background-color:var(--main-color)}
#band-popup-list .band-popup.type-sub{background-color:var(--sub-color)}
#band-popup-list .band-popup.type-gray{background-color:var(--light-gray)}
#band-popup-list .band-popup .band-popup-wrap{display:-ms-flexbox;display:flex;width:1320px;height:80px;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;align-items:center;flex-direction:row}
#band-popup-list .band-popup .band-popup-wrap strong{color:var(--white);font-size:1.333rem;line-height:2rem}
#band-popup-list .band-popup .band-popup-wrap a{color:var(--white);font-size:1.333rem;line-height:2rem}
#band-popup-list .band-popup .band-popup-wrap strong + a{margin-left:20px}
#band-popup-list .band-popup.type-light .band-popup-wrap strong,
#band-popup-list .band-popup.type-light .band-popup-wrap a{color:var(--dark)}
#band-popup-list .band-popup .band-popup-wrap a span{display:inline-block;vertical-align:middle}
#band-popup-list .band-popup .band-popup-wrap a span.icon svg{display:block;width:14px;height:14px}
#band-popup-list .band-popup .band-popup-wrap a span.icon svg path{fill:var(--white)}
#band-popup-list .band-popup.type-light .band-popup-wrap a span.icon svg path{fill:var(--dark)}
#band-popup-list .band-popup .band-popup-wrap a span + span.icon{margin-left:10px}
#band-popup-list .band-popup .band-popup-wrap .btn-close{width:40px;height:40px;margin-left:auto;background-color:var(--white);border-radius:20px}
#band-popup-list .band-popup .band-popup-wrap .btn-close span,
#band-popup-list .band-popup .band-popup-wrap .btn-close svg{display:block;width:40px;height:40px}
#band-popup-list .band-popup .band-popup-wrap .btn-close svg path{fill:var(--dark-gray)}

/*-- Component --*/
.btn:focus,.btn.focus{box-shadow:none}
.btn-primary{color:var(--white);background-color:var(--main-color);border-color:var(--main-color)}
.btn-primary:hover{color:var(--white);background-color:var(--main-color);border-color:var(--main-color)}
.btn-primary:focus,
.btn-primary.focus{color:var(--white);background-color:var(--main-color);border-color:var(--main-color)}
.btn-primary.disabled,
.btn-primary:disabled{color:var(--white);background-color:var(--main-color);border-color:var(--main-color);opacity:0.4;cursor:default}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle{color:var(--white);background-color:var(--main-color);border-color:var(--main-color)}
.btn-second{color:var(--white);background-color:var(--sub-color);border-color:var(--sub-color)}
.btn-second:hover{color:var(--white);background-color:var(--sub-color);border-color:var(--sub-color)}
.btn-second:focus,
.btn-second.focus{color:var(--white);background-color:var(--sub-color);border-color:var(--sub-color)}
.btn-second.disabled,
.btn-second:disabled{color:var(--white);background-color:var(--sub-color);border-color:var(--sub-color);opacity:0.4;cursor:default}
.btn-second:not(:disabled):not(.disabled):active,
.btn-second:not(:disabled):not(.disabled).active,
.show > .btn-second.dropdown-toggle{color:var(--white);background-color:var(--sub-color);border-color:var(--sub-color)}
.btn-dark{color:var(--white);background-color:var(--dark);border-color:var(--dark)}
.btn-dark:hover{color:var(--white);background-color:var(--dark);border-color:var(--dark)}
.btn-dark:focus,
.btn-dark.focus{color:var(--white);background-color:var(--dark);border-color:var(--dark)}
.btn-dark.disabled,
.btn-dark:disabled{color:var(--white);background-color:var(--dark);border-color:var(--dark);opacity:0.4;cursor:default}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle{color:var(--white);background-color:var(--dark);border-color:var(--dark)}
.btn-default{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-default:hover{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-default:focus,
.btn-default.focus{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-default.selected{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray);cursor:default!important}
.btn-default.disabled,
.btn-default:disabled{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray);opacity:0.4;cursor:default}
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-delete{color:var(--main-color);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-delete:hover{color:var(--main-color);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-delete:focus,
.btn-delete.focus{color:var(--main-color);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-delete.selected{color:var(--main-color);background-color:var(--white-gray);border-color:var(--white-gray);cursor:default!important}
.btn-delete.disabled,
.btn-delete:disabled{color:var(--main-color);background-color:var(--white-gray);border-color:var(--white-gray);opacity:0.4;cursor:default}
.btn-delete:not(:disabled):not(.disabled):active,
.btn-delete:not(:disabled):not(.disabled).active,
.show > .btn-delete.dropdown-toggle{color:var(--main-color);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-gray{color:var(--white);background-color:var(--dark-gray);border-color:var(--dark-gray)}
.btn-gray:hover{color:var(--white);background-color:var(--dark-gray);border-color:var(--dark-gray)}
.btn-gray:focus,
.btn-gray.focus{color:var(--white);background-color:var(--dark-gray);border-color:var(--dark-gray)}
.btn-gray.selected{color:var(--white);background-color:var(--dark-gray);border-color:var(--dark-gray);cursor:default!important}
.btn-gray.disabled,
.btn-gray:disabled{color:var(--white);background-color:var(--dark-gray);border-color:var(--dark-gray);opacity:0.4;cursor:default}
.btn-gray:not(:disabled):not(.disabled):active,
.btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle{color:var(--white);background-color:var(--dark-gray);border-color:var(--dark-gray)}
.btn-select{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-select:hover{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-select:focus,
.btn-select.focus{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-select.selected:not(:disabled):not(.disabled):active,
.btn-select.selected:not(:disabled):not(.disabled).active,
.btn-select.selected{color:var(--white);background-color:var(--sub-color);border-color:var(--sub-color)}
.btn-select.disabled,
.btn-select:disabled{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray);opacity:0.4;cursor:default}
.btn-select:not(:disabled):not(.disabled):active,
.btn-select:not(:disabled):not(.disabled).active,
.show > .btn-select.dropdown-toggle{color:var(--dark-gray);background-color:var(--white-gray);border-color:var(--white-gray)}
.btn-select span.default{display:block}
.btn-select span.select{display:none}
.btn-select.selected span.default{display:none}
.btn-select.selected span.select{display:block}
.btn-text-primary{color:var(--main-color)}
.btn-text-primary:hover{color:var(--main-color)}
.btn.btn-bold{font-weight:700}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus{box-shadow:none}
.form-group{position:relative}
.form-group label.form-label{margin-bottom:0;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.form-group .form-title{position:relative;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.form-group .form-value{font-size:1.083rem;line-height:1.583rem}
.form-group .form-value.form-value-mid{min-width:125px}
.form-group .form-value{padding-top:16px;padding-bottom:16px}
.form-group + .download-list{margin-top:15px}
.download-list.download-list-row{display:-ms-flexbox;display:flex;flex-wrap:wrap}
.download-list + .form-group{margin-top:20px}
.download-list.download-list-row .form-group + .form-group{margin-top:0;margin-left:20px}
.price-unit{}
.price-unit span{display:inline-block;vertical-align:top}
.price-unit span + span.unit{margin-left:10px}
.form-subject{margin-left:14px;font-size:1.25rem;font-weight:700;line-height:1.833rem}
.form-subject span{display:inline-block;position:relative;padding-left:14px;vertical-align:top}
.form-subject span::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;background-color:var(--dark);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.form-group + .form-list{margin-top:20px}
.form-list + .form-group{margin-top:30px}
.form-list .form-item{padding:15px 30px 20px;background-color:var(--default-bg);border:1px solid var(--white-gray);border-radius:8px}
.form-list .form-item .radio-list{margin-right:initial;flex:initial}
.form-list .form-item + .form-item{margin-top:15px}
.form-list .form-item .form-group + .form-group.form-group--divide{margin-top:15px;padding-top:15px;border-top:1px solid var(--white-gray)}
.form-list .form-item .form-group > .form-check:first-child{min-width:125px}
.form-list .form-item .form-group > .form-check.form-check-mid:first-child{min-width:175px}
.form-list .form-item .form-group.form-group-row .form-select{flex:initial}
.form-list .form-item .form-group.form-group--divide ~ .form-group{margin-top:15px}
.form-group label.form-label + input.form-control,
.form-group label.form-label + textarea.form-control,
.form-group label.form-label + .form-radio{margin-top:10px}
.form-group label.form-label.form-label-bullet,
.form-group .form-title.form-title-bullet{position:relative;padding-left:14px}
html[lang=ko] .form-group.form-group-row label.form-label.form-label-bullet,
html[lang=ko] .form-group.form-group-row .form-title.form-title-bullet{width:145px}
.form-group label.form-label.form-label-bullet::before,
.form-group .form-title.form-title-bullet::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;background-color:var(--light-gray);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.form-group.form-group-row label.form-label + input.form-control,
.form-group.form-group-row label.form-label + textarea.form-control,
.form-group.form-group-row label.form-label + .form-radio{margin-top:0}
/*.form-group textarea.form-control + .form-check{margin-top:8px}*/
.form-group.form-group-row label.form-label,
.form-group.form-group-row .form-title{width:125px}
.form-group.form-group-row label.form-label.form-label-fit,
.form-group.form-group-row .form-title.form-title-fit{width:auto;margin-right:30px}
.form-group.form-group-row label.form-label-sm,
.form-group.form-group-row .form-title.form-title-sm{width:95px}
.form-group.form-group-row input.form-control + button.btn{margin-left:10px}
.form-group.form-group-row button.btn.btn-r{margin-left:auto}
.form-group.form-group-row button.btn.btn-space{margin-left:20px}
.form-group button.btn.btn-mid{width:160px}
.form-group .form-title.required span,
.form-group label.form-label.required span,
.form-select label.form-label.required span{display:inline-block;position:relative;vertical-align:top}
.form-group .form-title.required span::before,
.form-group label.form-label.required span::before,
.form-select label.form-label.required span::before{content:'';display:block;position:absolute;top:0;right:-9px;width:4px;height:4px;background-color:var(--main-color);border-radius:50%}
.form-group label.form-label.form-label-start{padding-top:10px;padding-bottom:10px;align-self:flex-start}
.form-group.form-textarea-group label.form-label.form-label-start{padding-top:15px;padding-bottom:15px;align-self:flex-start}
.form-group{margin-bottom:0}
.form-group .form-control{border:1px solid var(--white-gray);border-radius:10px;outline:none;background-color:var(--white);color:var(--dark)}
.form-group .form-select .form-control{border:none}
.form-group input.form-control{height:40px;padding:9px 19px;font-size:1.083rem;line-height:1.583rem}
.account-form .form-group input.form-control{height:50px;padding:13px 19px 14px;font-size:1.25rem;line-height:1.833rem}
.form-group input.form-control.form-control-min{width:120px;flex:initial}
.form-group input.form-control.form-control-short{width:200px;flex:initial}
.form-group input.form-control.form-control-mid{width:315px;flex:initial}
.form-group input.form-control.form-control-search{width:265px;flex:initial}
.form-group input.form-control.form-control-phone{width:285px;flex:initial}
.form-select .bootstrap-select.form-control.form-control-min{width:120px}
.form-select .bootstrap-select.form-control.form-control-short{width:200px}
.form-group textarea.form-control{padding:15px 19px}
.form-group input.form-control,
.form-group textarea.form-control{flex:1}
.form-group .form-control-unit + .form-group-notice{margin-left:20px}
.form-group .form-control-unit{position:relative}
.modal .form-group.form-group-row .form-control-unit{flex:1}
.form-group .form-control-unit input.form-control{padding-right:69px}
.form-group .form-control-unit .unit{position:absolute;top:0;right:0;height:40px;padding:10px 20px;color:var(--light-gray);font-size:1.083rem;line-height:1.583rem}
.form-check{position:relative;padding:0}
.form-check.form-check-fix{position:absolute;top:0;right:0}
.form-check.form-check-fit{width:40px;height:40px}
.form-check + .form-check{margin-top:12px}
.form-check input[type=checkbox].form-check-input,
.form-check input[type=radio].form-check-input{width:0;height:0;margin:0;padding:0;clip:rect(0,0,0,0)}
.form-check input[type=checkbox].form-check-input ~ span.icon{position:absolute;top:50%;left:0;width:16px;height:16px;
    background-color:var(--white);border:1px solid var(--placeholder);border-radius:5px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transition:background-color 120ms ease-in-out,border-color 120ms ease-in-out;-webkit-transition:background-color 120ms ease-in-out,border-color 120ms ease-in-out;-moz-transition:background-color 120ms ease-in-out,border-color 120ms ease-in-out;-o-transition:background-color 120ms ease-in-out,border-color 120ms ease-in-out}
.form-check input[type=checkbox].form-check-input:checked ~ span.icon{background-color:var(--dark);border-color:var(--dark)}
.form-check input[type=checkbox].form-check-input ~ span.icon svg{display:block;width:14px;height:14px;opacity:0;transition:opacity 120ms ease-in-out;-webkit-transition:opacity 120ms ease-in-out;-moz-transition:opacity 120ms ease-in-out;-o-transition:opacity 120ms ease-in-out}
.form-check input[type=checkbox].form-check-input:checked ~ span.icon svg{opacity:1}
.form-check input[type=checkbox].form-check-input ~ span.icon svg path{fill:var(--white)}
.form-check label.form-check-label{position:relative;padding-left:25px;cursor:pointer;user-select:none;-webkit-user-select:none;transition:color 120ms ease-in-out;-webkit-transition:color 120ms ease-in-out;-moz-transition:color 120ms ease-in-out;-o-transition:color 120ms ease-in-out}
.form-check.form-check-sm label.form-check-label{padding-left:23px}
.form-check.form-check-fit{width:16px;height:16px;line-height:16px}
.form-check.form-check-fit label.form-check-label{display:inline-block;width:100%;height:100%;padding-left:0;vertical-align:top;line-height:16px}
.form-check input[type=checkbox].form-check-input ~ span.label{display:inline-block;color:var(--dark);font-size:1.083rem;font-weight:700;line-height:1.583rem}
.form-check.form-check-sm input[type=radio].form-check-input ~ span.label{font-size:1.083rem;line-height:1.583rem}
.form-check input[type=radio].form-check-input ~ span.label{color:var(--light-gray);font-size:1.25rem;line-height:1.833rem}
.form-check input[type=radio].form-check-input ~ span.label::before,
.form-check input[type=radio].form-check-input ~ span.label::after{content:'';display:block;position:absolute;top:50%;border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
/*.form-check input[type=radio].form-check-input ~ span.label::before,*/
/*.form-check input[type=radio].form-check-input ~ span.label::after{content:'';display:block;position:absolute;border-radius:50%}*/
/*.form-check input[type=radio].form-check-input ~ span.label::before{top:2.5px}*/
/*.form-check input[type=radio].form-check-input ~ span.label::after{top:6.5px}*/
.form-check input[type=radio].form-check-input ~ span.label::before{left:0;width:16px;height:16px;background-color:var(--white);border:1px solid var(--placeholder);transition:background-color 120ms ease-in-out,border-color 120ms ease-in-out;-webkit-transition:background-color 120ms ease-in-out,border-color 120ms ease-in-out;-moz-transition:background-color 120ms ease-in-out,border-color 120ms ease-in-out;-o-transition:background-color 120ms ease-in-out,border-color 120ms ease-in-out}
.form-check.form-check-sm input[type=radio].form-check-input ~ span.label::before{width:14px;height:14px}
.form-check input[type=radio].form-check-input ~ span.label::after{left:4px;width:8px;height:8px;background-color:var(--white);opacity:0;transition:opacity 120ms ease-in-out;-webkit-transition:opacity 120ms ease-in-out;-moz-transition:opacity 120ms ease-in-out;-o-transition:opacity 120ms ease-in-out}
.form-check.form-check-sm input[type=radio].form-check-input ~ span.label::after{left:4px;width:6px;height:6px}
.form-check input[type=radio].form-check-input:checked ~ span.label{color:var(--dark);cursor:default}
.form-check input[type=radio].form-check-input:checked ~ span.label::before{background-color:var(--dark);border-color:var(--dark)}
.form-check input[type=radio].form-check-input:checked ~ span.label::after{opacity:1}
.form-group.form-group-row button.btn,
.form-button button.btn{min-width:90px;height:40px;border-radius:10px;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.form-group.form-group-row .form-select button.btn{font-weight:400}
.form-group.form-group-row button.btn.btn-add,
.form-button button.btn.btn-add{width:80px;min-width:80px}
.form-group.form-group-row .form-select + .form-radio,
.form-group.form-group-row .form-radio + .form-select,
.form-group.form-group-row .form-radio + .form-control-unit,
.form-group.form-group-row input.form-control ~ .form-radio,
.form-group.form-group-row input.form-control ~ button.btn.btn-add{margin-left:20px}
.form-group.form-group-row .form-select + .form-select{margin-left:15px}
.form-group.form-group-row .form-select{flex:1}
.form-group.form-group-row .form-select.inline{flex:initial}
.account-form .form-button button.btn{height:70px;padding:0;border-radius:10px;font-size:1.667rem;font-weight:700;line-height:2.417rem}
.form-button button:focus{outline:none;box-shadow:none}
.form-date{position:relative}
.form-date.form-date-inline{display:-ms-inline-flexbox;display:inline-flex}
.form-date span.icon{position:absolute;top:50%;left:20px;pointer-events:none;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.form-date span.icon,
.form-date span.icon svg{display:block;width:16px;height:16px}
.form-date span.icon svg path{fill:var(--dark)}
.form-date input.form-control{height:40px;padding:9px 19px 9px 45px;background-color:var(--white);border:1px solid var(--white-gray);border-radius:10px;outline:none !important;color:var(--dark);font-family:var(--font-lato);font-size:1.083rem;line-height:1.583rem;cursor:pointer;box-shadow:none!important}
.form-date input.form-control{width:135px}
.form-upload{position:relative}
.form-upload input.form-file{position:absolute;top:0;left:0;width:0;height:0;clip:rect(0,0,0,0)}
.form-upload button.btn-upload{min-width:58px!important;width:58px!important;height:38px;padding:0;background-color:var(--default-bg);border-radius:10px;border:1px solid var(--white-gray)}
.form-upload button.btn-upload.disabled{opacity:0.6;pointer-events:none}
.form-upload button.btn-upload span.icon{display:inline-block;vertical-align:top}
.form-upload button.btn-upload svg{display:block;width:20px;height:20px}
.form-upload button.btn-upload svg path{fill:var(--dark)}
.form-description{font-size:1.25rem;line-height:2rem}
.form-description.quest span{display:inline-block;position:relative;padding-left:14px;vertical-align:top}
.form-description.quest span::before{content:'※';display:block;position:absolute;top:0;left:0}
.form-notice{color:var(--dark-gray);font-size:1.25rem;line-height:2rem}
.form-comment,
.form-group-notice{color:var(--light-gray);font-size:1.083rem;line-height:1.583rem}
.form-comment.warning{color:var(--main-color)}
.form-control + .form-note{margin-top:10px}
.form-note{padding-left:10px;color:var(--light-gray)}
.form-note span{position:relative;padding-left:10px;display:inline-block;vertical-align:top}
.form-note span::before{content:'';display:block;position:absolute;top:9px;left:0;width:2px;height:2px;background-color:var(--light-gray);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.form-group + .form-group-notice{margin-top:10px}
.form-group-notice.form-group-notice-space{padding-left:125px}
.form-group-notice span{display:inline-block;position:relative;padding-left:14px;vertical-align:top}
.form-group-notice span::before{content:'※';display:block;position:absolute;top:0;left:0}
.form-group-notice.emphasis span{color:var(--sub-color)}
.form-group + .form-tool,
.form-description + .form-tool,
.form-description + .form-radio{margin-top:20px}
.form-description + .form-group{margin-top:25px}
.form-radio + .form-radio{margin-top:10px}
.form-check.form-check-inline + .form-check.form-check-inline{margin-top:0}
.form-group + .form-note{margin-top:10px}
.form-notice + .form-group,
.form-note + .form-group{margin-top:30px}
.form-additional{padding-top:20px;border-top:1px solid var(--white-gray)}
.form-button + .form-additional{margin-top:40px}
.form-additional .form-notice{line-height:1.833rem}
.form-additional .form-notice + .form-button{margin-top:15px}
.form-additional .form-button button.btn{height:42px;font-size:1.25rem;line-height:1.833rem}
.form-select.form-select-block{width:100%}
.bootstrap-select.form-control{background-color:transparent}
.bootstrap-select > .dropdown-toggle{height:40px;padding:8px 20px;border:1px solid var(--white-gray) !important;border-radius:10px;box-shadow:none!important}
.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active{background-color:var(--white) !important;color:var(--dark);outline:none !important}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active{color:var(--placeholder) !important}
/*.bootstrap-select .dropdown-toggle .filter-option{height:100%;font-size:1.083rem;line-height:1.583rem}*/
.bootstrap-select .dropdown-toggle .filter-option{height:100%;font-size:1.083rem;line-height:22px}
.bootstrap-select .dropdown-toggle::after{display:block;width:10px;height:6px;margin:0;vertical-align:top;border:none;background-image:url(../assets/img/icon/icon-arrow.svg);background-size:10px 6px;transition:transform 180ms ease-in-out;-webkit-transition:-webkit-transform 180ms ease-in-out;-moz-transition:-moz-transform 180ms ease-in-out;-o-transition:-o-transform 180ms ease-in-out}
.bootstrap-select.show .dropdown-toggle::after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg)}
.dropdown-toggle:empty::after{margin-left:0}
.dropdown-menu{margin:0;padding:0;border:none;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.05)}
.dropdown-item{padding:10px 28px;color:var(--dark-gray);font-size:1.25rem;line-height:1.833rem}
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active{background-color:var(--default-bg);color:var(--dark-gray)}
.dropdown-item.active{background-color:var(--main-color);color:var(--white)}
.form-group .form-control:focus{outline:none;box-shadow:none}
.form-group .form-control:not([readonly]):focus{border-color:var(--light-gray)}
.form-group .form-date .form-control:not([readonly]):focus{border-color:var(--white-gray)}
.form-group .form-control::-webkit-input-placeholder,
.form-group .form-control::placeholder{color:var(--placeholder)}
.form-group.form-attachment-group label.form-label{padding-top:2px;padding-bottom:2px;align-self:flex-start}
.form-photo,
.form-attachment{display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-align:center;align-items:center}
.form-photo .form-upload +  .form-comment,
.form-attachment .form-upload +  .form-comment{margin-left:10px}
.form-group.form-photo-group label.form-label + .form-photo,
.form-group.form-attachment-group label.form-label + .form-attachment,
.form-group.form-download-group label.form-label + .form-download{margin-top:15px}
.form-group.form-group-row.form-photo-group label.form-label + .form-photo,
.form-group.form-group-row.form-attachment-group label.form-label + .form-attachment,
.form-group.form-group-row.form-download-group label.form-label + .form-download{margin-top:0}
.form-photo .form-photo-list,
.form-attachment .form-attachment-list{width:100%;margin-top:10px}
.form-photo .form-photo-list{display:-ms-flexbox;display:flex;flex-direction:row}
.form-group.form-group-row .form-photo .form-photo-list{margin-top:20px}
.form-group.form-group-row .form-attachment .form-attachment-list{margin-top:30px}
.form-photo .form-photo-list.disabled,
.form-attachment .form-attachment-list.disabled{display:none}
.form-photo-list .form-photo-item{display:-ms-flexbox;display:flex;position:relative}
.form-photo-list .form-photo-item input.form-file{position:absolute;top:0;left:0;width:0;height:0;clip:rect(0,0,0,0)}
.form-photo-list .form-photo-item + .form-photo-item{margin-left:5px}
.form-photo-list .form-photo-item img{overflow:hidden;width:70px;height:70px;border-radius:4px;object-fit:cover}
.form-photo-list .form-photo-item button.btn-delete-file{display:block;width:20px;height:20px}
.form-photo-list .form-photo-item button.btn-delete-file span{min-width:20px!important;padding:0!important}
.form-photo-list .form-photo-item button.btn-delete-file span,
.form-photo-list .form-photo-item button.btn-delete-file svg{display:block;width:20px;height:20px}
.form-photo-list .form-photo-item button.btn-delete-file svg path{fill:var(--main-color)}
.form-attachment-list .form-attachment-item{display:-ms-flexbox;display:flex;position:relative}
.form-attachment-list .form-attachment-item input.form-file{position:absolute;top:0;left:0;width:0;height:0;clip:rect(0,0,0,0)}
.form-attachment-list .form-attachment-item + .form-attachment-item{margin-top:10px}
.form-attachment-list .form-attachment-item span.file-name{display:inline-block;vertical-align:top;font-size:1.083rem;line-height:1.583rem}
.form-attachment-list .form-attachment-item button.btn-delete-file{display:block;width:20px;height:20px;margin-left:10px}
.form-attachment-list .form-attachment-item button.btn-delete-file span{min-width:20px!important;padding:0!important}
.form-attachment-list .form-attachment-item button.btn-delete-file span,
.form-attachment-list .form-attachment-item button.btn-delete-file svg{display:block;width:20px;height:20px}
.form-attachment-list .form-attachment-item button.btn-delete-file svg path{fill:var(--main-color)}
.form-group.form-code-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.form-group.form-code-group .code{height:50px;padding:15px 20px;background-color:var(--default-bg);border-radius:10px;color:var(--dark-gray);font-size:1.25rem;font-weight:700;line-height:1.833rem}
.form-group.form-code-group .code + .form-control{margin-left:16px;flex:1}
.form-group.form-code-group button.btn-reload{width:50px;height:50px}
.form-group.form-code-group button.btn-reload span.icon{display:block;width:50px;height:50px;padding:10px}
.form-group.form-code-group button.btn-reload span.icon svg{display:block;width:30px;height:30px}
.form-group.form-code-group button.btn-reload span.icon svg path{fill:var(--dark-gray)}
.form-group + .form-group,
.form-group-notice + .form-group,
.form-group-notice + .form-tool,
.form-group + .form-button{margin-top:20px}
.result-content-form + .form-group.form-group--divide,
.form-group + .form-group.form-group--divide{margin-top:30px;padding-top:30px;border-top:1px solid var(--white-gray)}
.form-group.form-group-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.form-group.form-group-row .form-group-col{display:-ms-flexbox;display:flex;width:50%;-ms-flex-align:center;align-items:center}
.form-group.form-group-row.form-group-row--gap .form-group-col + .form-group-col{margin-left:40px}
.form-group.form-group-row .form-group-col.form-group-col-fit{width:auto;flex:1;white-space:nowrap}
.form-group.form-group-row .form-comment{margin-left:10px}
.form-group.form-group-row .form-value + .form-comment,
.form-group.form-group-row .form-upload + .form-comment{margin-left:20px}
.qna-section{}
.qna-section + .modal-item,
.attachment-item + .modal-item,
.qna-section + .attachment-item{margin-top:30px}
.qna-section .qna-title{font-size:1.25rem;font-weight:700;line-height:2rem}
.qna-section .qna-content{margin-top:20px;padding:20px 15px;border-top:1px solid var(--dark);border-bottom:1px solid var(--dark)}
.qna-section .qna-content p{font-size:1.25rem;line-height:1.833rem}
.qna-section .qna-content p + p{margin-top:8px}
.qa-section + .modal-item{margin-top:40px;padding-top:30px;border-top:1px solid var(--placeholder)}
.qa-section .qa-title{font-size:1.25rem;font-weight:700;line-height:2rem}
.qa-section .qa-list{margin-top:20px}
.qa-section .qa-list > li{display:-ms-flexbox;display:flex;width:100%;flex-direction:row}
.qa-section .qa-list li{font-size:1.25rem;line-height:1.833rem}
.qa-section .qa-list li + li{margin-top:15px}
.qa-section .qa-list > li > strong{position:relative;min-width:80px}
.qa-section .qa-list li strong{font-weight:700}
.qa-section .qa-list + .qa-contents{margin-top:30px}
.qa-section .qa-contents .qa-content-title{font-size:1.25rem;font-weight:700;line-height:1.833rem}
.qa-section .qa-contents .qn-content{margin-top:15px;padding:20px 15px;border-top:1px solid var(--dark);border-bottom:1px solid var(--dark);font-size:1.25rem;line-height:1.833rem}
.detail-title + .download-list{margin-top:20px}
.download-title{font-size:1.25rem;line-height:1.833rem}
.download-title + .download-list{margin-top:20px}
/*.form-download .btn-download{display:-ms-flexbox;display:flex;width:60px!important;height:40px;padding:0;-ms-flex-align:center;align-items:center;border-radius:10px}*/
.form-download .btn-download{display:-ms-flexbox;display:flex;height:40px;padding:0;-ms-flex-align:center;align-items:center;border-radius:10px}
.form-download{display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-align:center;align-items:center}
.form-download .btn-download span.label{margin-right:30px;color:var(--dark);font-size:1.083rem;font-weight:700;line-height:1.583rem}
.form-download .btn-download span.icon,
table.dataTable td .detail-view .btn-download span.icon{display:-ms-flexbox;display:flex;vertical-align:top;width:58px;height:38px;background-color:var(--default-bg);border:1px solid var(--white-gray);border-radius:10px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.form-download .btn-download span.icon svg,
table.dataTable td .detail-view .btn-download span.icon svg{display:block;width:20px;height:20px}
.form-download .btn-download span.icon svg path,
table.dataTable td .detail-view .btn-download span.icon svg path{fill:var(--dark)}
.form-download .btn-download + .form-comment{margin-left:10px}
.datepicker-dropdown:before,
.datepicker-dropdown:after{display:none!important}
.datepicker{width:265px;padding:10px}
.datepicker.datepicker-orient-top{margin-top:8px}
.datepicker{border:none;margin:0;box-shadow:0 10px 30px rgba(0,0,0,0.05)}
.datepicker table{width:100%}
.datepicker td,
.datepicker th{font-weight:400;width:35px;height:35px;border-radius:5px}
.datepicker thead th{color:var(--dark-gray)}
.datepicker thead th.prev,
.datepicker thead th.datepicker-switch,
.datepicker thead th.next{font-family:var(--font-lato);font-weight:700;color:var(--dark);transition:background-color 120ms ease-in-out,color 120ms ease-in-out;-webkit-transition:background-color 120ms ease-in-out,color 120ms ease-in-out;-moz-transition:background-color 120ms ease-in-out,color 120ms ease-in-out;-o-transition:background-color 120ms ease-in-out,color 120ms ease-in-out}
.datepicker thead th.prev,
.datepicker thead th.next{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.datepicker thead th.prev span.icon,
.datepicker thead th.next span.icon,
.datepicker thead th.prev span.icon svg,
.datepicker thead th.next span.icon svg{display:block;width:30px;height:30px;transition:fill 120ms ease-in-out;-webkit-transition:fill 120ms ease-in-out;-moz-transition:fill 120ms ease-in-out;-o-transition:fill 120ms ease-in-out}
.datepicker thead th.prev span.icon svg path,
.datepicker thead th.next span.icon svg path{fill:var(--light-gray)}
.datepicker thead th.prev:hover span.icon svg path,
.datepicker thead th.next:hover span.icon svg path{fill:var(--dark)}
.datepicker thead th.prev i,
.datepicker thead th.datepicker-switch i,
.datepicker thead th.next i{font-size:1.2rem;color:var(--dark)}
.datepicker thead th.prev i:before,
.datepicker thead th.datepicker-switch i:before,
.datepicker thead th.next i:before{line-height:0;vertical-align:middle}
.datepicker thead th.prev:hover,
.datepicker thead th.next:hover{background:var(--white-gray);color:var(--dark)}
.datepicker thead th.datepicker-switch:hover{background:transparent}
.datepicker thead th.dow{color:var(--dark-gray);font-family:var(--font-lato);font-weight:400}
.datepicker tbody tr > td.day{color:var(--dark-gray);font-family:var(--font-lato);transition:background-color 120ms ease-in-out,color 120ms ease-in-out;-webkit-transition:background-color 120ms ease-in-out,color 120ms ease-in-out;-moz-transition:background-color 120ms ease-in-out,color 120ms ease-in-out;-o-transition:background-color 120ms ease-in-out,color 120ms ease-in-out}
.datepicker tbody tr > td.day:hover{background:var(--white-gray);color:var(--dark)}
.datepicker tbody tr > td.day.old,
.datepicker tbody tr > td.day.new{color:var(--placeholder)}
.datepicker tbody tr > td.day.old:hover,
.datepicker tbody tr > td.day.new:hover{background:var(--default-bg);color:var(--light-gray)}
.datepicker tbody tr > td.day.selected,
.datepicker tbody tr > td.day.selected:hover,
.datepicker tbody tr > td.day.active,
.datepicker tbody tr > td.day.active:hover{background:var(--main-color);color:var(--white);font-weight:900;background-image:none;border-color:initial;text-shadow:none}
.datepicker tbody tr > td.day.today{position:relative;background:var(--default-bg)!important;color:var(--dark)!important}
.datepicker tbody tr > td.day.today:before{display:none}
.datepicker tbody tr > td.day.today.selected,
.datepicker tbody tr > td.day.today.selected:hover,
.datepicker tbody tr > td.day.today.active,
.datepicker tbody tr > td.day.today.active:hover{background:var(--main-color)!important;color:var(--white)!important}
.datepicker tbody tr > td.day.range{background:var(--default-bg)}
.datepicker tbody tr > td span.year,
.datepicker tbody tr > td span.hour,
.datepicker tbody tr > td span.minute,
.datepicker tbody tr > td span.month{color:var(--light-gray);font-family:var(--font-lato)}
.datepicker tbody tr > td span.year:hover,
.datepicker tbody tr > td span.hour:hover,.datepicker tbody tr > td span.minute:hover,
.datepicker tbody tr > td span.month:hover{background:var(--white-gray);color:var(--dark)}
.datepicker tbody tr > td span.year.focused,
.datepicker tbody tr > td span.year.focused:hover,
.datepicker tbody tr > td span.year.active:hover,
.datepicker tbody tr > td span.year.active.focused:hover,
.datepicker tbody tr > td span.year.active,
.datepicker tbody tr > td span.hour.focused,
.datepicker tbody tr > td span.hour.focused:hover,
.datepicker tbody tr > td span.hour.active:hover,
.datepicker tbody tr > td span.hour.active.focused:hover,
.datepicker tbody tr > td span.hour.active,
.datepicker tbody tr > td span.minute.focused,
.datepicker tbody tr > td span.minute.focused:hover,
.datepicker tbody tr > td span.minute.active:hover,
.datepicker tbody tr > td span.minute.active.focused:hover,
.datepicker tbody tr > td span.minute.active,
.datepicker tbody tr > td span.month.focused,
.datepicker tbody tr > td span.month.focused:hover,
.datepicker tbody tr > td span.month.active:hover,
.datepicker tbody tr > td span.month.active.focused:hover,
.datepicker tbody tr > td span.month.active{background:var(--main-color);color:var(--white);font-weight:900;background-image:none;border-color:initial;text-shadow:none}
.datepicker tfoot tr > th.today,
.datepicker tfoot tr > th.clear{border-radius:3px;font-weight:500}
.datepicker tfoot tr > th.today:hover,
.datepicker tfoot tr > th.clear:hover{background:var(--default-bg)}
.datepicker.datepicker-inline{border:1px solid var(--white-gray)}
.datepicker table tr td span{color:var(--light-gray);font-family:var(--font-lato);transition:background-color 120ms ease-in-out,color 120ms ease-in-out;-webkit-transition:background-color 120ms ease-in-out,color 120ms ease-in-out;-moz-transition:background-color 120ms ease-in-out,color 120ms ease-in-out;-o-transition:background-color 120ms ease-in-out,color 120ms ease-in-out}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled]{background:var(--main-color);color:var(--white);font-weight:900;background-image:none;border-color:initial;text-shadow:none}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused{background:var(--white-gray);color:var(--dark)}
/*.portlet .bootstrap-select > .dropdown-toggle{border:0 !important}*/
/*.portlet .form-group .form-control{height:60px;padding:19px 20px;background-color:var(--white);border:none;color:var(--dark);box-shadow:0 10px 30px rgba(0,0,0,0.05)}*/
.portlet .dataTables_wrapper{width:100%}
div.dt_top,
div.dt_middle,
div.dt_bottom{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.portlet table.dataTable{width:100%;margin:0 !important;table-layout:fixed}
.modal table.dataTable{width:100% !important;margin:0 !important;table-layout:fixed}
table.dataTable th{padding-bottom:20px;border-bottom:1px solid var(--placeholder);color:var(--light-gray);font-size:1.25rem;line-height:1.833rem}
table.menu-datatable.dataTable th,
table.price-datatable.dataTable th{border-bottom:1px solid var(--white-gray)}
table.menu-datatable.dataTable tr:first-child th,
table.price-datatable.dataTable tr:first-child th{border-top:1px solid var(--dark)}
table.menu-datatable.dataTable tr:first-child td,
table.price-datatable.dataTable tr:first-child td{border-top:1px solid var(--dark)}
table.menu-datatable.dataTable,
table.price-datatable.dataTable{border-bottom:1px solid var(--dark)}
table.menu-datatable.dataTable th,
table.price-datatable.dataTable th{padding-top:15px;padding-bottom:15px}
table.dataTable th.th-sm{font-size:1.083rem}
table.dataTable th.th-min{font-size:1rem}
table.dataTable th.th-center{text-align:center}
table.dataTable th.th-right{text-align:right}
table.dataTable th strong{color:var(--dark)}
table.dataTable th span.small{color:var(--dark-gray)}
table.dataTable td{height:68px;padding-top:6px;padding-bottom:6px;border-bottom:1px solid var(--white-gray);color:var(--dark);font-size:1.25rem;line-height:1.833rem}
table.dataTable td.td-center{text-align:center}
table.dataTable td.td-right{text-align:right}
table.dataTable td span.small{display:inline-block;vertical-align:top;color:var(--dark-gray);padding-right:20px;font-size:1.167rem;line-height:1.667rem;word-wrap:normal;word-break:break-all}
table.dataTable td span.email{display:inline-block;vertical-align:top;color:var(--dark-gray);padding-right:20px;font-size:1.083rem;line-height:1.583rem;word-wrap:normal;word-break:break-all}
table.dataTable.sub-datatable td span.small{color:var(--dark-gray);font-size:1.083rem;line-height:1.583rem}
table.dataTable.sub-datatable th{padding-bottom:10px;font-size:1.083rem;line-height:1.833rem}
table.dataTable.sub-datatable td{height:52px;padding-top:4px;padding-bottom:4px;font-size:1.167rem;line-height:1.667rem}
table.dataTable.price-datatable td button.btn,
table.dataTable.sub-datatable td button.btn{height:30px;border-radius:8px}
table.dataTable.sub-datatable td .bootstrap-select{max-width:calc(100% - 10px) !important}
table.dataTable.sub-datatable td .bootstrap-select button.btn{height:40px}
table.dataTable.sub-datatable td .bootstrap-select .dropdown-menu span{padding-left:0}
table.dataTable.sub-datatable td span.select-value{padding-left:20px}
table.dataTable.sub-datatable td .form-group{margin-right:10px}
table.dataTable div.dataTables_wrapper div.dataTables_paginate{padding-top:20px}
table.dataTable td.dataTables_empty{position:relative}
table.dataTable .loading-bar{position:absolute;top:20px;left:50%;padding:9px 20px;background-color:var(--white);border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,0.1);transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%)}
table.dataTable .loading-bar .loading-bar-wrap{display:-ms-flexbox;display:flex;text-align:center;color:var(--main-color);font-weight:700;-ms-flex-pack:center;justify-content:center}
table.dataTable .loading-bar .loading-bar-wrap span{padding:0!important;}
table.dataTable .loading-bar .loading-bar-wrap .spinner{display:inline-block;position:relative;width:22px;height:22px;margin-left:10px}
table.dataTable .loading-bar .loading-bar-wrap .spinner .circle{display:block;top:3px;width:20px;height:20px;border:2px solid var(--main-color);border-top:2px solid white;border-radius:50%;-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1.2s;-webkit-animation-name:rotate;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-transition-property:-moz-transform;-moz-animation-name:rotate;-moz-animation-duration:1.2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;transition-property:transform;animation-name:rotate;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:linear}
@-webkit-keyframes rotate {
    from {-webkit-transform:rotate(0deg)}
    to {-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate {
    from {-moz-transform:rotate(0deg)}
    to {-moz-transform:rotate(360deg)}
}
@keyframes rotate {
    from {transform:rotate(0deg)}
    to {transform:rotate(360deg)}
}
.modal table.dataTable th{padding-bottom:10px}
.modal table.dataTable td{height:60px}
table.dataTable tr:last-child td{border-bottom:none}
table#menu-datatable.dataTable tr td,
table.price-datatable.dataTable tr td{border-bottom:1px solid var(--white-gray)}
table.dataTable tr.selected td{font-weight:700}
table.dataTable td.detail-control,
table.dataTable td.data-control{text-align:right}
table.dataTable td.data-status,
table.dataTable td.data-reply{text-align:center}
table.dataTable td > strong{color:var(--main-color)}
table.dataTable td > strong span.small{color:var(--dark)}
table.dataTable td button.btn{height:40px;border-radius:10px;font-size:1.083rem;font-weight:700;line-height:1.583rem}
table.dataTable td .detail-util button.btn{min-width:90px}
table.dataTable td button.btn-request{width:90px;text-transform:uppercase}
table.dataTable td.status button.btn{min-width:80px}
table.dataTable td.select-control button.btn-select{min-width:80px}
table.dataTable td.data-control span{display:block;text-align:center;color:var(--light-gray);font-size:1.083rem;line-height:1.583rem}
table.dataTable td .price-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
table.dataTable td .price-row span{margin-left:10px}
table.dataTable td .price-row .btn{margin-left:auto}
table.dataTable td.data-status button.btn{min-width:100px}
table.dataTable td.data-reply button.btn{min-width:100px}
table.dataTable td.data-control button.btn{min-width:80px}
table.dataTable td.data-control button.btn + button.btn{margin-left:10px}
table.dataTable td.data-control button.btn-delete{color:var(--main-color)}
table.dataTable td.detail-control button.btn-detail-view{width:40px;padding:0;border:none}
table.dataTable td.detail-control button.btn-detail-view span.icon,
table.dataTable td.detail-control button.btn-detail-view span.icon svg{display:block;width:40px;height:40px}
table.dataTable td.detail-control button.btn-detail-view span.icon svg path{fill:var(--dark-gray)}
table.dataTable td.detail-control button.btn-detail-view span.icon{transition:transform 180ms ease-in-out;-webkit-transition:-webkit-transform 180ms ease-in-out;-moz-transition:-moz-transform 180ms ease-in-out;-o-transition:-o-transform 180ms ease-in-out}
table.dataTable tr.details td.detail-control button.btn-detail-view span.icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg)}
/*table.dataTable>thead.thead-none{display:none}*/
table.dataTable>thead .sorting{color:var(--dark)}
table.dataTable>thead .sorting_asc,
table.dataTable>thead .sorting_desc{color:var(--main-color)}
table.dataTable>thead .sorting_disabled{color:var(--light-gray);cursor:default}
table.dataTable>thead .sorting_disabled::before,
table.dataTable>thead .sorting_disabled::after{display:none!important}
table.dataTable>thead>tr>th:not(.sorting_disabled),
table.dataTable>thead>tr>td:not(.sorting_disabled){padding-right:0}
table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:after{content:'';right:20px;top:1px;bottom:initial;width:20px;height:20px;opacity:0;background-size:20px 20px}
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:after{opacity:1}
table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_asc:before,
table.dataTable>thead .sorting_desc:before,
table.dataTable>thead .sorting_asc_disabled:before,
table.dataTable>thead .sorting_desc_disabled:before{background-image:url(../assets/img/icon/icon-arrow-up.svg)}
table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_desc:after,
table.dataTable>thead .sorting_asc_disabled:after,
table.dataTable>thead .sorting_desc_disabled:after{background-image:url(../assets/img/icon/icon-arrow-down.svg)}
table.dataTable tr.details td{border-bottom-color:var(--dark);font-weight:700}
table.dataTable tr.details td span.small{font-weight:700}
table.dataTable td .detail-view{display:-ms-flexbox;display:flex;padding-top:30px;padding-bottom:50px}
table.dataTable td .detail-view.detail-view-column{-ms-flex-direction:column;flex-direction:column}
table.dataTable td .detail-view .detail-title{font-size:1.25rem;font-weight:700;line-height:1.833rem}
table.dataTable td .detail-view .detail-location{width:280px;padding-right:20px;padding-left:20px}
table.dataTable td .detail-view .detail-info{padding-right:20px;padding-left:20px}
table.dataTable td .detail-view .detail-info.detail-info-admin{width:340px}
table.dataTable td .detail-view .detail-location + .detail-info{width:360px;margin-left:100px}
table.dataTable td .detail-view .detail-more{padding-right:20px;padding-left:20px}
table.dataTable td .detail-view .detail-info + .detail-more{width:360px}
table.dataTable td .detail-view.detail-view-column .detail-util{display:-ms-flexbox;display:flex;width:100%;justify-content:flex-end}
table.dataTable td .detail-view .detail-title + .location-map,
table.dataTable td .detail-view .detail-title + .info-list,
table.dataTable td .detail-view .detail-title + .contact-list,
table.dataTable td .detail-view .detail-title + .chart-view{margin-top:20px}
table.dataTable td .detail-view .detail-info.detail-info-admin .detail-title + .info-list{margin-top:30px}
table.dataTable td .detail-view .detail-info + .detail-chart{margin-left:60px}
table.dataTable td .detail-view .detail-chart{width:300px}
table.dataTable td .detail-view .detail-chart + .detail-chart{margin-left:80px}
#main.main .content-view table.dataTable td .detail-view .detail-chart .chart-view{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:300px;height:300px;padding:0}
table.dataTable td .detail-view .detail-chart .chart-view .annual-order-chart{margin-left:-10px}
table.dataTable td .detail-view .detail-chart .chart-legend{}
table.dataTable td .detail-view .location-map{overflow:hidden;position:relative;width:240px;height:240px;border-radius:10px}
table.dataTable td .detail-view .location-map::after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--white-gray);border-radius:10px;pointer-events:none}
table.dataTable td .detail-view .location-map img{display:inline-block;width:100%;vertical-align:top}
table.dataTable td .detail-view .location-map .anchor{display:block;position:absolute;top:50%;left:50%;width:80px;height:80px;background-color:var(--main-color);border-radius:35px;mix-blend-mode:multiply;box-shadow:0 10px 40px rgba(0,0,0,0.1);transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%)}
table.dataTable td ul.info-list{padding-top:20px;padding-right:30px;padding-bottom:20px;font-size:1.083rem;line-height:1.833rem}
table.dataTable td ul.info-list li{}
table.dataTable td ul.info-list li span{position:relative;padding-left:10px;display:inline-block;vertical-align:top}
table.dataTable td ul.info-list li span::before{content:'';display:block;position:absolute;top:11px;left:0;width:4px;height:0;border-top:1px solid var(--dark);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
table.dataTable td ul.info-list li + li{margin-top:4px}
table.dataTable tr.status-confirmed td,
table.dataTable tr.disabled td{color:var(--light-gray);pointer-events:none}
table.dataTable td.no-hidden{overflow:hidden;text-indent:-9999rem}
table.dataTable tr.total-price td{background-color:var(--default-bg);border-bottom:1px solid var(--white-gray);font-weight:700}
.quotation-wizard-item table.dataTable tr th:first-child span,
.quotation-wizard-item table.dataTable tr td:first-child span,
.quotation-wizard-item table.dataTable tr th:first-child strong,
.quotation-wizard-item table.dataTable tr td:first-child strong{padding-left:20px}
table.dataTable td .detail-view span.icon,
table.dataTable td .detail-view span.icon svg{display:block;width:30px;height:30px}
table.dataTable td .detail-view span.icon svg path{fill:var(--dark)}
table.dataTable td .detail-view .info-list{}
table.dataTable td .detail-view .form-util{display:-ms-flexbox;display:flex}
table.dataTable td .detail-view .form-util button.btn + button.btn{margin-left:10px}
table.dataTable td .detail-view .util-list{padding-top:41px}
table.dataTable td .detail-view .info-list .info-item,
table.dataTable td .detail-view .util-list .util-item,
table.dataTable td .detail-view .contact-list .contact-item{display:-ms-flexbox;display:flex;font-size:1.25rem;line-height:1.5rem;-ms-flex-align:center;align-items:center}
table.dataTable td .detail-view .info-list .info-item + .info-item,
table.dataTable td .detail-view .util-list .util-item + .util-item{margin-top:15px}
table.dataTable td .detail-view .info-list .info-item + .info-figure-item{margin-top:40px}
table.dataTable td .detail-view .info-list .info-item + .info-item.info-note{margin-top:30px}
table.dataTable td .detail-view .info-list .info-figure-item figure{overflow:hidden;width:80px;height:80px;border-radius:10px}
table.dataTable td .detail-view .info-list .info-figure-item figure + figure{margin-left:10px}
table.dataTable td .detail-view .info-list .info-figure-item figure img{display:block;width:100%;height:100%;object-fit:cover}
table.dataTable td .detail-view button.btn-util{height:24px;padding:3px 4px;background-color:var(--default-bg);border:1px solid var(--white-gray);border-radius:5px;color:var(--dark-gray);font-size:0.9167rem;font-weight:700;line-height:1.417rem}
table.dataTable.sub-datatable td .btn.btn-reply{margin-left:14px;height:24px;padding:2px 6px 3px;border-radius:4px;background-color:var(--white-gray);color:var(--dark-gray);font-size:0.9167rem;font-weight:400;line-height:1.417rem}
table.dataTable td .detail-view .info-list .info-item span.icon + span.value{margin-left:15px}
table.dataTable td .detail-view .info-list .info-item span.value.on{color:var(--main-color)}
table.dataTable td .detail-view .info-list .info-item span.label::after{content:':';display:inline-block;position:relative;color:var(--light-gray);padding-right:4px;padding-left:4px}
table.dataTable td .detail-view .info-list .info-note{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}
table.dataTable td .detail-view .info-list .info-note > span{display:block;position:relative;padding-left:10px;vertical-align:top}
table.dataTable td .detail-view .info-list .info-note > span::before{content:'';display:block;position:absolute;top:9px;left:0;width:2px;height:2px;background-color:var(--light-gray);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
table.dataTable td .detail-view .info-list .info-note .sub-info-list{margin-top:10px}
table.dataTable td .detail-view .sub-info-list{display:block;width:100%;padding-left:10px}
table.dataTable td .detail-view .sub-info-list li{}
table.dataTable td .detail-view .sub-info-list li + li{margin-top:4px}
table.dataTable td .detail-view .sub-info-list li span{position:relative;padding-left:10px;display:inline-block;vertical-align:top}
table.dataTable td .detail-view .sub-info-list li span::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:0;border-bottom:1px solid var(--dark);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
table.dataTable td .detail-view .util-list .util-item span.icon + span.name{margin-left:15px}
table.dataTable td .detail-view .util-list .util-item span.name{min-width:50px}
table.dataTable td .detail-view .util-list .util-item span.name + span.count{margin-left:6px}
table.dataTable td .detail-view .util-list .util-item span.count{min-width:10px;color:var(--main-color)}
table.dataTable td .detail-view .util-list .util-item span.count + button{margin-left:30px}
table.dataTable td .detail-view .util-list + .contact-info{margin-top:54px}
table.dataTable td .detail-view .contact-list .contact-item span.icon + span.name,table.dataTable td .detail-view .contact-list .contact-item span.icon + a{margin-left:15px}
table.dataTable td .detail-view .contact-list .contact-item p.qna{margin-left:auto}
table.dataTable td .detail-view .contact-list .contact-item + .contact-item{margin-top:10px}
table.dataTable td .detail-view .contact-list .contact-item p.qna em{color:var(--sub-color);font-weight:700}
table.dataTable td .detail-view .contact-list .contact-item p.qna em + button{margin-left:15px}
table.dataTable td form.detail-view-form .detail-view .detail-section{padding-right:30px;padding-left:30px}
table.dataTable td .detail-view .detail-section{}
table.dataTable td .detail-view .detail-section .section-item.section-item--divide{margin-top:30px;padding-top:20px;border-top:1px solid var(--white-gray)}
table.dataTable td .detail-view .detail-section + .detail-util{margin-top:30px}
table.dataTable td .detail-view .detail-section .section-item{}
table.dataTable td .detail-view .detail-section .section-item + .section-item{margin-top:30px}
table.dataTable td .detail-view .detail-section .section-item + .section-item.section-item--divide{margin-top:40px;padding-top:30px}
table.dataTable td .detail-view .section-item .section-header{display:-ms-flexbox;display:flex;flex-direction:row;-ms-flex-align:center;align-items:center}
table.dataTable td .detail-view .section-item .section-tool{display:-ms-flexbox;display:flex;margin-left:auto}
table.dataTable td .detail-view .section-item .section-tool .btn{min-width:80px}
table.dataTable td .detail-view .section-item .section-tool .btn + .btn{margin-left:10px}
table.dataTable td .detail-view .section-item .section-title{}
table.dataTable td .detail-view .section-item .section-title strong.title{position:relative;padding-left:25px;font-size:1.25rem;font-weight:700;line-height:1.833rem}
table.dataTable td .detail-view .section-item .section-title strong.title::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;background-color:var(--dark);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
table.dataTable td .detail-view .section-item h4.section-title span.title{color:var(--sub-color);font-size:1.25rem;font-weight:700;line-height:1.833rem}
table.dataTable td .detail-view .section-item h4.section-title span.subject{color:var(--light-gray);font-size:1.25rem;font-weight:700;line-height:1.833rem}
table.dataTable td .detail-view .section-item h4.section-title span.title + span.subject{margin-left:10px}
table.dataTable td .detail-view .section-item .section-title .explain{display:inline-block;vertical-align:top;font-size:1.083rem;line-height:1.833rem}
table.dataTable td .detail-view .section-item .section-title .explain::before,
table.dataTable td .detail-view .section-item .section-title .explain::after{display:inline-block;vertical-align:top}
table.dataTable td .detail-view .section-item .section-title .explain::before{content:'(*'}
table.dataTable td .detail-view .section-item .section-title .explain::after{content:')'}
table.dataTable td .detail-view .section-item .section-title .explain strong{color:var(--main-color);font-weight:700}
table.dataTable td .detail-view .section-item .section-title span.title + .explain,
table.dataTable td .detail-view .section-item .section-title strong.title + .explain{margin-left:10px}
table.dataTable td .detail-view .section-item .section-header + .section-subject{margin-top:20px}
table.dataTable td .detail-view .section-item .section-subject{}
table.dataTable td .detail-view .section-item .section-subject strong{display:inline-block;position:relative;vertical-align:top;color:var(--sub-color);font-size:1.25rem;line-height:1.833rem}
table.dataTable td .detail-view .section-item .section-content{}
table.dataTable td .detail-view .section-item .section-header + .section-content{margin-top:10px;padding-left:25px}
table.dataTable td .detail-view .section-item .section-header + .section-content.section-content-fit{margin-top:30px}
table.dataTable td .detail-view .section-item .section-subject + .section-content{margin-top:20px}
table.dataTable td .detail-view .section-item .section-content.section-content-fit{padding-left:initial}
table.dataTable td .detail-view .section-item .section-content .order-title strong,
table.dataTable td .detail-view .section-item .section-content .order-title span,
table.dataTable td .detail-view .section-item .section-content .order-subject strong{display:inline-block;position:relative;vertical-align:top;font-size:1.25rem;line-height:1.833rem}
table.dataTable td .detail-view .section-item .section-content .order-title strong{color:var(--sub-color)}
table.dataTable td .detail-view .section-item .section-content .order-title strong + span{margin-left:10px;padding-left:18px}
table.dataTable td .detail-view .section-item .section-content .order-title strong + span::before{content:'';display:block;position:absolute;width:8px;height:0;top:50%;left:0;border-bottom:1px solid var(--dark); transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.order-subject{}
table.dataTable td .detail-view .section-item .section-content .order-title + .order-subject{margin-top:20px}
table.dataTable td .detail-view .section-item .section-content .order-title + .order-list,
table.dataTable td .detail-view .section-item .section-content .order-subject + .order-list{margin-top:20px}
table.dataTable td .detail-view .section-item .section-content .order-list > li{display:-ms-flexbox;display:flex;flex-direction:row}
table.dataTable td .detail-view .section-item .section-content .order-list li{font-size:1.25rem;line-height:1.833rem}
table.dataTable td .detail-view .section-item .section-content .order-list li + li{margin-top:8px}
table.dataTable td .detail-view .section-item .section-content .order-list > li span,
table.dataTable td .detail-view .section-item .section-content .order-list > li > strong{position:relative;padding-left:20px;min-width:250px}
html[lang=ko] table.dataTable td .detail-view .section-item .section-content .order-list > li > strong{min-width:210px}
table.dataTable td .detail-view .section-item .section-content .order-list li strong{font-weight:700}
table.dataTable td .detail-view .section-item .section-content .order-list li strong > span.value{color:var(--sub-color)}
table.dataTable td .detail-view .section-item .section-content .order-list > li > span.label::before,
table.dataTable td .detail-view .section-item .section-content .order-list > li > strong.label::before{content:'';display:block;position:absolute;top:8px;left:0;width:4px;height:4px;background-color:var(--dark);border-radius:50%}
table.dataTable td .detail-view .section-item .section-content .order-list > li p.note{position:relative;margin-left:20px;padding-left:20px}
table.dataTable td .detail-view .section-item .section-content .order-list > li p.note::before{content:'';display:block;position:absolute;top:50%;left:0;width:12px;height:0;border-bottom:1px solid var(--dark);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
table.dataTable td .detail-view .section-item .section-content .order-list > li strong + p.note{margin-top:8px}
table.dataTable td .detail-view .section-item .section-content .order-list ul{position:relative;margin-left:20px}
table.dataTable td .detail-view .section-item .section-content .order-list ul > li span,
table.dataTable td .detail-view .section-item .section-content .order-list ul > li > strong{position:relative;padding-left:initial}
table.dataTable td .detail-view .section-item .section-content .section-requests{margin-top:20px;padding:15px 20px;background-color:var(--default-bg);border-radius:8px}
table.dataTable td .detail-view .section-item .section-content .section-comments .comment-title{font-size:1.25rem;font-weight:700;line-height:1.833rem}
table.dataTable td .detail-view .section-item .section-content .section-comments .section-comment{margin-top:15px;padding:15px 20px;background-color:var(--default-bg);border-radius:8px}
table.dataTable td .detail-view .section-item .section-content + .section-util{margin-top:20px}
table.dataTable td .detail-view .section-item .section-util{display:-ms-flexbox;display:flex;width:100%;justify-content:flex-end}
table.dataTable td .detail-view .section-item .section-util button.btn{min-width:90px}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty{height:auto;padding-top:30px!important;padding-bottom:30px!important;text-align:left;color:var(--light-gray);font-size:1.25rem;line-height:1.833rem}
table.dataTable.sub-datatable td.dataTables_empty,
table.dataTable.sub-datatable th.dataTables_empty{padding-top:20px!important;padding-bottom:20px!important}
div.dataTables_wrapper div.dataTables_paginate{padding-top:50px;text-align:left}
.modal div.dataTables_wrapper div.dataTables_paginate{padding-top:40px}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{-ms-flex-pack:start;justify-content:flex-start}
.dataTables_paginate.disabled{display:none}
.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:0.25rem}
.pagination .page-item + .page-item{margin-left:5px}
.page-link{height:40px;min-width:40px;margin-left:0;padding:11px 5px;background-color:var(--white-gray);border-radius:5px;border:none;color:var(--light-gray);text-align:center;font-family:var(--font-lato);font-size:1.25rem;font-weight:700;line-height:1.5rem;transition:background-color 180ms ease-in-out,color 180ms ease-in-out;-webkit-transition:background-color 180ms ease-in-out,color 180ms ease-in-out;-moz-transition:background-color 180ms ease-in-out,color 180ms ease-in-out;-o-transition:background-color 180ms ease-in-out,color 180ms ease-in-out}
.page-link:hover{background-color:var(--white-gray);color:var(--dark);border-color:var(--white-gray)}
.page-link:focus{box-shadow:none}
.page-item:first-child .page-link,
.page-item:last-child .page-link{width:40px;padding:0;border-radius:5px}
.page-item:first-child .page-link span.icon,
.page-item:last-child .page-link span.icon,
.page-item:first-child .page-link span.icon svg,
.page-item:last-child .page-link span.icon svg{display:block;width:40px;height:40px}
.page-item:first-child .page-link span.icon svg path,
.page-item:last-child .page-link span.icon svg path{fill:var(--light-gray);transition:background-color 180ms ease-in-out,fill 180ms ease-in-out;-webkit-transition:background-color 180ms ease-in-out,fill 180ms ease-in-out;-moz-transition:background-color 180ms ease-in-out,fill 180ms ease-in-out;-o-transition:background-color 180ms ease-in-out,fill 180ms ease-in-out}
.page-item:first-child .page-link:hover span.icon svg path,
.page-item:last-child .page-link:hover span.icon svg path{fill:var(--dark)}
.page-item.active .page-link{background-color:var(--dark);border-color:var(--dark)}
.page-item.disabled .page-link{background-color:var(--white-gray);border-color:var(--white-gray);color:var(--light-gray);opacity:0.5}
.modal.modal-static .modal-dialog{-webkit-transform:none;transform:none}
.modal div.dt_bottom .dt_form-util{margin-left:auto;padding-top:40px}
.modal div.dt_bottom .dt_form-util button.btn,
.modal .form-util button.btn{width:120px;height:50px;border-radius:10px;font-size:1.25rem;font-weight:700;line-height:1.833rem}
.modal div.dt_bottom .dt_form-util button.btn + button.btn,
.modal .form-util button.btn + button.btn{margin-left:10px}
.modal .modal-subject{font-size:1.25rem;line-height:2rem}
.modal .modal-subject + .form-description{margin-top:10px}
.modal .modal-subject + .search-form,
.modal .form-description + .search-form{margin-top:30px}
.modal .modal-subject + .form-tool,
.modal .modal-subject + .form-radio{margin-top:20px}
.modal .modal-subject + .form-group{margin-top:25px}
.modal .modal-item + .modal-item,
.modal .attachment-item + .modal-item{margin-top:25px;padding-top:30px;border-top:1px solid var(--placeholder)}
.modal .search-form{display:-ms-flexbox;display:flex;width:365px}
.modal .search-form-fit{flex:1}
.modal .search-form .keyword-input{flex:1}
.modal .search-form .keyword-input + .form-button{margin-left:10px}
.modal .search-form .form-button button.btn{width:90px;height:40px;padding:10px 18px 11px;border-radius:10px;text-transform:uppercase;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.modal .form-description + .filter-form{margin-top:30px}
.modal .filter-form + .dataTables_wrapper,
.modal .filter-form + table{margin-top:50px}
.modal .filter-form .keyword-input span.title{min-width:65px;color:var(--light-gray);font-size:1.083rem;font-weight:700;line-height:1.583rem}
.modal .filter-form .keyword-input span.title + .form-control{margin-left:10px}
.modal .filter-form .keyword-input .form-group .form-control{min-width:326px;height:40px;padding:8px 19px;background-color:var(--white);color:var(--dark);font-size:1.083rem;line-height:1.583rem}
.modal .filter-form .keyword-input + .form-button{margin-left:10px}
/*.modal .search-form .form-button button.btn{width:90px;height:40px;padding:10px 18px 11px;border-radius:10px;text-transform:uppercase;font-size:1.083rem;font-weight:700;line-height:1.583rem;box-shadow:0 2px 20px rgba(226,24,55,0.3)}*/
.modal .search-form + .dataTables_wrapper,
.modal .search-form + table{margin-top:50px}
.modal .modal-subject + .result-content,
.modal .form-description + .result-content{margin-top:20px}
.modal .result-content{border-top:1px solid var(--placeholder)}
.modal .result-content.result-content-form{border:none}
.modal .result-content .result-title:first-child,
.modal .result-content .result-subject:first-child,
.modal .result-content .result-list:first-child{margin-top:30px}
.modal .result-content .result-title strong,
.modal .result-content .result-title span,
.modal .result-content .result-subject strong{display:inline-block;position:relative;vertical-align:top;font-size:1.25rem;line-height:1.833rem}
.modal .result-content .result-title strong{color:var(--sub-color)}
.modal .result-content .result-title strong + span{margin-left:10px;padding-left:18px}
.modal .result-content .result-title strong + span::before{content:'';display:block;position:absolute;width:8px;height:0;top:50%;left:0;border-bottom:1px solid var(--dark); transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.order-subject{}
.modal .result-content .result-title + .result-subject{margin-top:20px}
.modal .result-content .result-title + .result-list,
.modal .result-content .result-subject + .result-list{margin-top:20px}
.modal .result-content .result-list > li{display:-ms-flexbox;display:flex;width:100%;flex-direction:row}
.modal .result-content .result-list li{font-size:1.25rem;line-height:1.833rem}
.modal .result-content .result-list li .form-group{width:100%}
.modal .result-content.result-content-form .result-list li + li{margin-top:20px}
.modal .result-content .result-list li + li{margin-top:8px}
.modal .result-content .result-list > li span,
.modal .result-content .result-list > li > strong{position:relative;padding-left:20px;min-width:250px}
.modal .result-content .result-list > li > .form-group-row .form-label{min-width:250px}
.modal .result-content .result-list.result-list-short > li > strong,
.modal .result-content .result-list.result-list-short > li > .form-group-row .form-label{min-width:140px}
html[lang=ko] .modal .result-content .result-list > li > strong{min-width:210px}
html[lang=ko] .modal .result-content .result-list.result-list-short > li > strong,
html[lang=ko] .modal .result-content .result-list.result-list-short > li > .form-group-row .form-label{min-width:140px}
.modal .result-content .result-list li strong{font-weight:700}
.modal .result-content .result-list > li > strong + span{padding-left:initial}
.modal .result-content .result-list > li > span.label::before,
.modal .result-content .result-list > li > strong.label::before{content:'';display:block;position:absolute;top:8px;left:0;width:4px;height:4px;background-color:var(--dark);border-radius:50%}
.modal .result-content .result-list > li > .form-group .form-label span{position:relative;padding-left:20px;min-width:250px}
.modal .result-content .result-list > li > .form-group .form-label span::before{content:'';display:block;position:absolute;top:8px;left:0;width:4px;height:4px;background-color:var(--dark);border-radius:50%}
.modal .result-content .result-list > li p.note{position:relative;margin-left:20px;padding-left:20px}
.modal .result-content .result-list > li p.note::before{content:'';display:block;position:absolute;top:50%;left:0;width:12px;height:0;border-bottom:1px solid var(--dark);transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.modal .result-content .result-list > li strong + p.note{margin-top:8px}
.modal .result-content .result-list ul{position:relative;margin-left:20px}
.modal .result-content .result-list ul > li span,
.modal .result-content .result-list ul > li > strong{position:relative;padding-left:initial}
.modal .result-requests{margin-top:30px;padding-top:20px;border-top:1px solid var(--white-gray)}
.modal .result-requests strong.title{position:relative;padding-left:25px;font-size:1.25rem;font-weight:700;line-height:1.833rem}
.modal .result-requests strong.title::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;background-color:var(--dark);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.modal .result-requests p.requests{margin-top:20px;margin-left:20px;padding:15px 20px;background-color:var(--default-bg);border-radius:8px}
.modal .result-content + .form-result,
.modal .form-result + .form-note,
.modal .result-content + .form-group{margin-top:30px}
.modal .result-content + .form-util{margin-top:50px}
.modal .form-result{color:var(--sub-color);font-size:1.333rem;line-height:2rem}
.modal-subject + .quotation-wizard-form{margin-top:30px}
.quotation-wizard-form{}
.quotation-wizard-form .quotation-wizard-item{}
.quotation-wizard-form .quotation-wizard-item + .quotation-wizard-item{margin-top:40px;padding-top:30px;border-top:1px solid var(--dark)}
.quotation-wizard-form .quotation-wizard-item .quotation-header{}
.quotation-wizard-form .quotation-wizard-item .quotation-header span.step{color:var(--main-color);font-size:1.333rem;font-weight:700;line-height:2rem}
.quotation-wizard-form .quotation-wizard-item .quotation-header span.step::before{content:'Step';display:inline-block;margin-right:4px;vertical-align:top}
.quotation-wizard-form .quotation-wizard-item .quotation-header span.title{display:block;padding:15px 20px;background-color:var(--default-bg);border:1px solid var(--white-gray);border-radius:8px;font-size:1.25rem;line-height:1.833rem}
.quotation-wizard-form .quotation-wizard-item .quotation-header span.step + span.title{margin-top:15px}
.quotation-wizard-form .quotation-wizard-item .quotation-header + .quotation-content{margin-top:30px;padding-top:30px;border-top:1px solid var(--white-gray)}
.modal-backdrop.show{opacity:.2}
.modal-backdrop + .modal-backdrop{z-index:1110}
.modal-backdrop + .modal-backdrop + .modal-backdrop{z-index:1210}
.modal-backdrop + .modal-backdrop + .modal-backdrop + .modal-backdrop{z-index:1310}
.modal-alert.priority{z-index:1400}
.modal-confirmed.priority,
.modal-alert{z-index:1300}
.modal-confirm-quotation.priority,
.modal-quotation.priority{z-index:1200}
.modal-confirm,
.modal-confirmed{z-index:1200}
.modal-alert .modal-dialog{width:400px;min-width:400px;max-width:400px;margin-right:auto;margin-left:auto}
.modal-alert.modal-first .modal-dialog,
.modal-register-hw .modal-dialog,
.modal-modify-hw .modal-dialog,
.modal-add .modal-dialog,
.modal-confirmed .modal-dialog,
.modal-confirm .modal-dialog,
.modal-modify .modal-dialog,
.modal-delete .modal-dialog,
.modal-change .modal-dialog{width:520px;min-width:520px;max-width:520px;margin-right:auto;margin-left:auto}
.modal-qa .modal-dialog,
.modal-closing-order .modal-dialog,
.modal-approval .modal-dialog,
.modal-confirm-quotation .modal-dialog,
.modal-account-info .modal-dialog,
.modal-confirm-result .modal-dialog,
.modal-add-cart .modal-dialog,
.modal-add-company .modal-dialog,
.modal-order .modal-dialog{width:620px;min-width:620px;max-width:620px;margin-right:auto;margin-left:auto}
.modal-level-up .modal-dialog,
.modal-qna .modal-dialog,
.modal-management .modal-dialog{width:700px;min-width:700px;max-width:700px;margin-right:auto;margin-left:auto}
.modal-modify-account .modal-dialog,
.modal-inquiry .modal-dialog{width:800px;min-width:800px;max-width:800px;margin-right:auto;margin-left:auto}
.modal .modal-dialog.modal-dialog-layout{width:1030px;min-width:1030px;max-width:1030px;margin-right:auto;margin-left:auto}
.modal-content{border-radius:20px;border:none}
.modal-content .form-util{margin-top:30px}
.modal-header{padding:60px 40px 0;border-bottom:0}
.modal-header.modal-header-centered{display:-ms-flexbox;display:flex;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.modal-header .modal-title{font-size:1.667rem;font-weight:700;line-height:2rem}
.modal-body{padding:40px;border-radius:0}
.modal-inquiry .modal-body{padding-right:60px;padding-left:60px}
.modal-body.modal-body-centered{display:-ms-flexbox;display:flex;text-align:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.modal-body p.message{font-size:1.25rem;line-height:2rem}
.modal-body p.message em{display:inline-block;vertical-align:top;color:var(--main-color);font-size:1.083rem;line-height:1.583rem}
.modal-body p.message br + em{margin-top:6px}
.modal-body p.message + .form-select{margin-top:30px}
.modal-footer{position:relative;border-top-color:var(--white-gray);border-radius:0}
.modal-footer.modal-footer-fit{display:-ms-flexbox;display:flex;padding:0}
.modal-footer.modal-footer-fit button{flex:1;height:100%;margin:0;padding:0}
.modal-alert .modal-header{padding:40px 40px 0}
.modal-alert .modal-body{padding:40px}
.modal-alert .modal-header + .modal-body{padding-top:20px}
.modal-confirm .modal-header{padding:60px 60px 0}
.modal-confirm .modal-body{padding:60px}
.modal-confirm .modal-header + .modal-body{padding-top:30px}
.modal-alert .modal-body{min-height:144px}
.modal-alert .modal-footer{height:71px}
.modal-confirm .modal-footer{height:91px}
.modal-confirm .modal-footer::before{content:'';display:block;position:absolute;top:0;left:50%;width:0;height:100%;border-right:1px solid var(--white-gray);translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);pointer-events:none}
.modal-alert .modal-footer button{position:relative}
.modal-alert .modal-footer button.btn-alert{font-size:1.25rem;line-height:1.833rem}
.modal-confirm .modal-footer button.btn-confirm{font-size:1.667rem;line-height:2.417rem}
.modal .form-tool{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}
.modal .form-tool.form-tool-start{-ms-flex-pack:start;justify-content:flex-start}
.modal .form-tool .tool-notice span{display:inline-block;position:relative;padding-left:14px;vertical-align:top;color:var(--light-gray)}
.modal .form-tool .tool-notice span::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;background-color:var(--light-gray);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.modal .form-tool .btn{min-width:80px;height:40px;border-radius:10px;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.modal .form-tool .btn + .btn{margin-left:10px}
.modal .form-tool .btn + .form-download{margin-left:20px}
.modal .form-tool .btn + .tool-notice{margin-left:20px}
.modal .form-tool .form-download .btn-download span.label{margin-right:10px}
.modal .form-quotation-view{min-height:400px}
.form-quotation-view{border-top:2px solid var(--white-gray)}
.form-quotation-view .quotation-docs{overflow:hidden;border-radius:10px}
.form-quotation-view .quotation-container{margin-right:auto;margin-left:auto;padding-right:60px;padding-left:60px}
.form-quotation-view .quotation-header{padding-top:60px}
.form-quotation-view .quotation-header .quotation-container{display:flex;flex-direction:row}
.form-quotation-view .quotation-header h1.title{padding-top:15px;border-top:4px solid var(--sub-color);color:var(--dark);font-size:26px;line-height:40px}
.form-quotation-view .quotation-header .brand{margin-left:auto}
.form-quotation-view .quotation-header .brand span.bi svg.svg-bi{width:125px;height:40px}
.form-quotation-view .quotation-body{margin-top:40px;padding-bottom:40px}
.form-quotation-view .quotation-body .quotation-summary{display:flex;font-size:16px;line-height:24px;flex-direction:row}
.form-quotation-view .quotation-summary .send-info .info-item strong,
.form-quotation-view .quotation-summary .send-info .info-item span,
.form-quotation-view .quotation-summary .send-info .info-item a{display:inline-block;vertical-align:top;color:var(--dark)}
.form-quotation-view .quotation-summary .send-info .info-item strong + a,
.form-quotation-view .quotation-summary .send-info .info-item strong + span{margin-left:8px}
.form-quotation-view .quotation-summary .send-info .info-item + .info-item{margin-top:4px}
.form-quotation-view .quotation-summary .date-info{margin-left:auto}
.form-quotation-view .quotation-summary .date-info strong + span{margin-left:8px}
.form-quotation-view .quotation-summary + .quotation-notice{margin-top:30px}
.form-quotation-view .quotation-notice{color:var(--light-gray);font-size:14px;font-weight:300;line-height:22px}
.form-quotation-view .quotation-notice span{display:inline-block;vertical-align:top}
.form-quotation-view .quotation-notice + .quotation-list{margin-top:30px}
.form-quotation-view .quotation-list .quotation-item + .quotation-item{margin-top:40px}
.form-quotation-view .quotation-list .quotation-item .item-header{position:relative}
.form-quotation-view .quotation-list .quotation-item .item-header h2.subject{color:var(--main-color);font-size:16px;font-weight:400;line-height:24px}
.form-quotation-view .quotation-list .quotation-item .item-header h2.subject::before{content:attr(data-order)'.';margin-right:4px}
.form-quotation-view .quotation-list .quotation-item .item-header h2.subject span{display:inline-block;vertical-align:top}
.form-quotation-view .quotation-list .quotation-item .item-header .note{position:absolute;top:0;right:0;color:var(--dark-gray);font-size:14px;font-weight:300;line-height:24px}
.form-quotation-view .quotation-list .quotation-item .item-header + .item-content{margin-top:10px}
.form-quotation-view .quotation-list .quotation-item .item-content{border-top:2px solid var(--main-color);padding-top:8px}
.form-quotation-view table{width:100%;table-layout:fixed}
.form-quotation-view table thead tr th{padding-bottom:10px;text-align:left;font-size:14px;line-height:22px;border-bottom:1px solid var(--sub-color) !important}
.form-quotation-view table thead tr th.th-center{text-align:center}
.form-quotation-view table thead tr th span{display:inline-block;vertical-align:top;color:var(--dark)!important}
/*.form-quotation-view table tbody{border-top:1px solid var(--sub-color) !important}*/
.form-quotation-view table tbody tr td{height:40px !important;padding-top:9px;padding-bottom:9px;text-align:left;font-size:14px;line-height:22px;border:none!important;box-sizing:border-box}
.form-quotation-view table tbody tr td.td-center{text-align:center}
.form-quotation-view table tbody tr td span{display:inline-block;vertical-align:top}
.form-quotation-view table tbody tr.total-price td{height:34px;padding-top:6px;padding-bottom:6px;font-size:14px;line-height:22px;background-color:var(--white);border-top:1px solid var(--sub-color) !important;border-bottom:1px solid var(--sub-color)!important}
/*.form-quotation-view table tfoot{border-top:1px solid var(--sub-color) !important;border-bottom:1px solid var(--sub-color)}*/
.form-quotation-view table tfoot tr td{height:34px;padding-top:6px;padding-bottom:6px;text-align:left;font-size:14px;line-height:22px;border-top:1px solid var(--sub-color) !important;border-bottom:1px solid var(--sub-color)!important}
.form-quotation-view table tfoot tr td.td-center{text-align:center}
.form-quotation-view table tfoot tr td span{display:inline-block;vertical-align:top;font-weight:600}
.form-quotation-view table tfoot tr td span.price{color:var(--main-color)}
.form-quotation-view .item-content .dataTables_wrapper + .note,
.form-quotation-view .item-content table + .note{margin-top:8px}
.form-quotation-view .item-content .note{position:relative;margin-left:6px;padding-left:12px;color:var(--dark-gray);font-size:14px;line-height:22px}
.form-quotation-view .item-content .note span::before{content:'※';display:block;position:absolute;top:0;left:0}
.form-quotation-view .item-content .note span{display:inline-block;vertical-align:top}
.form-quotation-view .item-content p + .item-list,
.form-quotation-view .item-list li + li{margin-top:4px}
.form-quotation-view .item-content p,
.form-quotation-view .item-list li span,
.form-quotation-view .item-list li a{display:inline-block;vertical-align:top;font-size:14px;line-height:22px}
.form-quotation-view .item-list li > span:first-child::after{content:':';display:inline-block;margin-right:2px;margin-left:2px; vertical-align:top}
.form-quotation-view .quotation-footer .quotation-term{padding-top:30px;padding-bottom:50px;background-color:var(--term-bg)}
.form-quotation-view .quotation-footer .quotation-term .term-title{display:inline-block;vertical-align:top;height:24px;margin-left:-10px;padding:3px 10px;background-color:var(--dark);border-radius:10px;color:var(--white);font-size:12px;font-weight:500;line-height:18px}
.form-quotation-view .quotation-term .term-title span{display:inline-block;vertical-align:top}
.form-quotation-view .quotation-footer .quotation-term .term-info{margin-top:15px;counter-reset:order}
.form-quotation-view .quotation-term .term-info .info-item{counter-increment:order;position:relative;padding-left:16px;color:var(--dark-gray);font-size:12px;line-height:20px}
.form-quotation-view .quotation-term .term-info .info-item + .info-item{margin-top:10px}
html[lang=ko] .form-quotation-view .quotation-term .term-info .info-item + .info-item{margin-top:8px}
.form-quotation-view .quotation-term .term-info .info-item::before{content:counter(order)'.';display:block;position:absolute;top:0;left:0}
.form-quotation-view .quotation-term .term-info .info-item span{display:inline-block;vertical-align:top}
.form-quotation-view .quotation-footer .footer-info{padding-top:20px;padding-bottom:40px;background-color:var(--info-bg)}
.form-quotation-view .footer-info .company,
.form-quotation-view .footer-info .info,
.form-quotation-view .footer-info .copyright{color:var(--light-gray)}
.form-quotation-view .footer-info div + div{margin-top:4px}
.modal .form-tool + .form-quotation-view,
.modal .form-tool + .dataTables_wrapper,
.modal .quotation-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}
.modal .form-tool + .form-quotation-view{margin-top:30px}
.modal .quotation-row .quotation-tool{margin-left:auto}
.modal .quotation-tool .btn{min-width:80px;height:40px;border-radius:10px;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.modal .form-tool + .dataTables_wrapper{margin-top:20px}
.modal .quotation-row + .dataTables_wrapper,
.modal .quotation-subject + .dataTables_wrapper,
.modal .form-quotation-view + .form-tool{margin-top:30px}
.modal .form-note.required + .form-group{margin-top:25px}
.modal .quotation-subject span.title{color:var(--sub-color);font-size:1.25rem;font-weight:700;line-height:1.833rem}
.modal .quotation-subject span.explain{display:inline-block;vertical-align:top;font-size:1.083rem;line-height:1.833rem}
.modal .quotation-subject span.title + span.explain{margin-left:10px}
.modal .quotation-subject span.explain::after{display:inline-block;vertical-align:top}
.modal .quotation-subject span.explain::before{content:'(*'}
.modal .quotation-subject span.explain::after{content:')'}
.modal .form-note.required{position:absolute;top:43px;right:60px;color:var(--light-gray);font-size:1.083rem;line-height:1.333rem}
.modal .form-note.required span{display:inline-block;position:relative;padding-left:14px;vertical-align:top}
.modal .form-note.required span::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;background-color:var(--main-color);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.modal .form-select:not(.form-select-flat) .bootstrap-select > .dropdown-toggle{height:60px;padding:19px 30px;border:none;box-shadow:0 10px 30px rgba(0,0,0,0.05) !important}
/*.modal .form-select:not(.form-select-flat) .bootstrap-select .dropdown-toggle .filter-option{font-size:1.25rem;line-height:1.833rem}*/
.modal .form-select:not(.form-select-flat) .bootstrap-select .dropdown-toggle .filter-option{font-size:1.25rem;line-height:22px}
.modal .form-select:not(.form-select-flat) .dropdown-item{padding:12px 30px}
form.datatable-search-form .form-select .bootstrap-select > .dropdown-toggle{border:none !important}
/*.modal .form-select.form-select-flat .bootstrap-select > .dropdown-toggle{border:none !important}*/
.modal .dataTables_wrapper .form-select{width:180px}

/*-- Brand --*/
#skb-dccp-bi{width:200px;margin:0}
#skb-dccp-bi span.bi{display:block}
#skb-dccp-bi span.bi svg{display:block;width:200px;height:64px}
#skb-dccp-bi span.brand{display:block;text-align:center;color:var(--sub-color);font-size:1.083rem;font-weight:700;line-height:1.583rem}
#skb-dccp-bi span.bi ~ span.brand{margin-top:20px}
#skb-dccp-bi-horizontal{display:-ms-flexbox;display:flex;height:36px;margin:0}
#skb-dccp-bi-horizontal span.bi{display:block}
#skb-dccp-bi-horizontal span.bi svg{display:block;width:100px;height:32px}
#skb-dccp-bi-horizontal span.brand{position:relative;margin-top:18px;color:var(--sub-color);font-size:1rem;font-weight:700;line-height:1.5rem}
#skb-dccp-bi-horizontal span.bi ~ span.brand{padding-left:21px}
#skb-dccp-bi-horizontal span.bi ~ span.brand::before{content:'';display:block;position:absolute;top:3.5px;left:10px;width:0;height:11px;border-right:1px solid var(--sub-color);border-radius:1px}

/*-- Global Header --*/
#global-header{position:absolute;top:0;right:0;left:0;z-index:1000;min-width:1360px;width:100%;height:172px;background-color:var(--white)}
#global-header::before{content:'';display:block;position:absolute;bottom:0;right:0;left:0;border-top:1px solid var(--white-gray)}
#global-header .gh-wrap{width:1320px;height:100%;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}
#global-header .gh-wrap .gh-view{display:-ms-flexbox;display:flex;width:100%;padding-top:30px}
#global-header .gh-wrap .gh-view .link-home{display:block;height:36px}
#global-header .gh-wrap .gh-view .search-bar{width:620px;max-width:620px;height:50px;margin-left:40px;flex:1}
#global-header .search-form{width:100%;height:100%}
#global-header .search-form-group{position:relative;height:100%}
#global-header .search-form-group .form-control{height:100%;padding:15px 70px 15px 20px;background-color:var(--default-bg);border:none;border-radius:10px;color:var(--dark);font-size:1.083rem;line-height:1.583rem}
#global-header .search-form-group .form-control:focus{outline:none;box-shadow:none}
#global-header .search-form-group .form-control::-webkit-input-placeholder,.search-form-group .form-control::placeholder{color:var(--placeholder)}
#global-header .search-form-group button.btn-search{position:absolute;top:50%;right:20px;width:30px;height:30px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
#global-header .search-form-group button.btn-search span.icon,
#global-header .search-form-group button.btn-search span.icon svg{display:block;width:30px;height:30px}
#global-header .search-form-group button.btn-search span.icon svg path{fill:var(--dark)}
#global-header .gh-wrap .gh-view .profile{margin-left:auto}
#global-header .profile{display:-ms-flexbox;display:flex;position:relative;height:50px;-ms-flex-align:center;align-items:center}
#global-header .profile .greeting{font-size:1.083rem;line-height:1.583rem}
#global-header .profile .greeting strong{font-weight:700}
#global-header .profile .profile-image{overflow:hidden;position:relative;width:50px;height:50px;margin-left:20px;border-radius:10px;background-color:var(--default-bg);cursor:pointer}
#global-header .profile .profile-image button.btn-area{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:transparent}
#global-header .profile .profile-image img{display:block;width:100%;height:100%;object-fit:cover}
#global-header .profile .profile-util{position:absolute;z-index:1000;top:100%;right:0;padding-top:15px;transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);opacity:0;pointer-events:none;transition:transform 180ms ease-in-out,opacity 180ms ease-in-out;-webkit-transition:-webkit-transform 180ms ease-in-out,opacity 180ms ease-in-out;-moz-transition:-moz-transform 180ms ease-in-out,opacity 180ms ease-in-out;-o-transition:-o-transform 180ms ease-in-out,opacity 180ms ease-in-out}
#global-header .profile .profile-util .profile-util-box{position:relative;background-color:var(--dark);border-radius:10px;color:var(--white)}
#global-header .profile .profile-util.active{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1;pointer-events:auto}
#global-header .profile .profile-util .profile-util-box::before{content:'';display:block;position:absolute;top:-6px;right:10px;width:14px;height:14px;border-radius:2px;background-color:var(--dark);transform:translateX(-50%) rotate(45deg);-webkit-transform:translateX(-50%) rotate(45deg);-moz-transform:translateX(-50%) rotate(45deg);-o-transform:translateX(-50%) rotate(45deg)}
#global-header .profile .profile-util .profile-util-box button.btn-logout{height:100%;padding:13px 15px 16px;background-color:var(--dark);border-radius:10px;color:var(--white);font-size:1.25rem;font-weight:700;line-height:1.75rem}
#global-header .gh-wrap .gh-menu{display:-ms-flexbox;display:flex;height:90px;padding-top:36px}
#global-header .gh-wrap .gh-menu .gh-navigation{padding-top:4px}
#global-header .gh-wrap .gh-menu .gh-navigation .gn-menu{display:-ms-flexbox;display:flex}
#global-header .gn-menu li{position:relative;padding-bottom:29px}
#global-header .gn-menu li + li{margin-left:40px}
#global-header .gn-menu li a{display:block;position:static;height:22px;color:var(--default-menu);font-size:1.25rem;line-height:1.833rem}
#global-header .gn-menu li a:focus{color:var(--default-menu)}
#global-header .gn-menu li a:hover{color:var(--dark)}
#global-header .gn-menu.all li a{color:var(--dark)}
#global-header .gn-menu.all li a:focus{color:var(--dark)}
#global-header .gn-menu li a::after{content:'';display:block;position:absolute;bottom:0;left:50%;width:0;border-top:2px solid var(--main-color);transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);pointer-events:none;transition:width 180ms ease-in-out;-webkit-transition:width 180ms ease-in-out;-moz-transition:width 180ms ease-in-out;-o-transition:width 180ms ease-in-out}
#global-header .gn-menu li a:hover::after{width:100%}
#global-header .gn-menu li a.selected{color:var(--main-color);cursor:default}
#global-header .gn-menu li a.selected::after{width:100%;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none}
#global-header .gh-wrap .gh-util{display:-ms-flexbox;display:flex;margin-left:auto}
#global-header .gh-wrap .gh-util .util-list{display:-ms-flexbox;display:flex}
#global-header .gh-util .time-zone button.btn-time-zone{display:-ms-flexbox;display:flex;height:30px;-ms-flex-align:center;align-items:center}
#global-header .gh-util .time-zone button.btn-time-zone span.icon,
#global-header .gh-util .time-zone button.btn-time-zone span.icon svg{display:block;width:30px;height:30px}
#global-header .gh-util .time-zone button.btn-time-zone span.icon svg path{fill:var(--dark)}
#global-header .gh-util .time-zone span.time{margin-left:5px;color:var(--light-gray);font-size:1.083rem;line-height:1.583rem}
#global-header .gh-util .time-zone + .util-list{margin-left:40px}
#global-header .gh-util .util-list li{position:relative}
#global-header .gh-util .util-list li + li{margin-left:20px}
#global-header .gh-util .util-list li button{position:relative;width:30px;height:30px}
#global-header .gh-util .util-list li button span.icon,
#global-header .gh-util .util-list li button span.icon svg{display:block;width:30px;height:30px}
#global-header .gh-util .util-list li button span.icon svg path{fill:var(--dark)}
#global-header .gh-util .util-list li button.active::after{content:'';display:block;position:absolute;top:3px;right:0;width:10px;height:10px;border-radius:50%;background-color:var(--main-color)}
#global-header .gh-util .util-list li button.btn-bag span.count{display:block;position:absolute;bottom:1px;right:1px;width:17px;height:17px;text-align:center;background-color:var(--white);border-radius:50%;font-size:0.8333rem;line-height:17px}
#global-header .gh-util .util-list li button.btn-bag span.count svg{display:block;position:absolute;width:17px;height:17px}
#global-header .gh-util .util-list li button.btn-bag span.count svg path{fill:var(--dark)}
#global-header .gh-util .util-list li button.btn-bag span.count strong{display:block;width:100%;height:100%;text-align:center;font-weight:700}
#global-header .gh-util .notification-util{position:absolute;top:40px;right:0;width:380px;padding:20px 20px 30px;background-color:var(--dark);border:1px solid var(--white-gray);border-radius:20px;white-space:nowrap;color:var(--white);opacity:0;pointer-events:none;box-shadow:0 2px 20px rgba(0,0,0,0.05);transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);transition:transform 180ms ease-in-out,opacity 180ms ease-in-out;-webkit-transition:-webkit-transform 180ms ease-in-out,opacity 180ms ease-in-out;-moz-transition:-moz-transform 180ms ease-in-out,opacity 180ms ease-in-out;-o-transition:-o-transform 180ms ease-in-out,opacity 180ms ease-in-out}
#global-header .gh-util .notification-util.active{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1;pointer-events:auto}
#global-header .gh-util .notification-util button.btn-close{position:absolute;top:16px;right:16px;width:30px;height:30px;padding:0;background-color:var(--dark-gray);border:none;border-radius:50%}
#global-header .gh-util .notification-util button.btn-close span.icon svg{display:block;width:30px;height:30px}
#global-header .gh-util .notification-util button.btn-close span.icon svg path{fill:var(--white)}
#global-header .gh-util .notification-util span.title{font-size:1.25rem;line-height:1.833rem}
#global-header .gh-util .notification-util span.title + ul{margin-top:12px}
#global-header .gh-util .notification-util li{padding-left:12px}
#global-header .gh-util .notification-util li::before{content:'';display:block;position:absolute;top:50%;left:0;width:3px;height:3px;background-color:var(--white);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
#global-header .gh-util .notification-util li + li{margin:0}
#global-header .gh-util .notification-util li a{display:inline-block;position:relative;color:var(--white);font-size:1.083rem;font-weight:700;line-height:1.583rem}
#global-header .gh-util .notification-util li a::before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:0;border-top:1px solid var(--white)}
#global-header .gh-util .notification-util li a span{display:inline-block;vertical-align:top}
#global-header .gh-util .notification-util li a span + span{margin-left:3px}

/*-- Main --*/
.main{position:relative;width:100%;padding-top:172px;min-height:calc(100vh - 206px)}
html[lang=ko] .main{min-height:calc(100vh - 304px)}
.main .main-grid{display:-ms-flexbox;display:flex;width:100%}
.main .main-grid .main-grid-aside{width:200px;margin-right:50px;padding-top:60px}
.main .main-navigation{position:sticky;top:60px;left:0}
.main .main-grid .main-grid-aside.fixed .main-navigation{position:fixed;top:60px;left:initial}
.main .main-navigation .main-menu{}
.main .main-navigation .main-menu li{display:block}
.main .main-navigation .main-menu li + li{margin-top:25px}
.main .main-navigation .main-menu li a{display:inline-block;vertical-align:top;color:var(--placeholder)}
.main .main-navigation .main-menu li a.selected,.main .main-navigation .main-menu li a:hover{color:var(--dark)}
.main .main-navigation .main-menu li a span{display:inline-block;vertical-align:top;font-size:1.333rem;font-weight:700;line-height:2rem}
.main .main-grid .main-grid-content{width:1030px}
.main .main-wrap{width:1320px;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}
.main .main-header{display:-ms-flexbox;display:flex;width:100%;padding-top:30px;-ms-flex-align:end;align-items:flex-end}
.main .main-grid .main-header{padding-top:60px}
.main .main-header.main-header-column{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}
.main .main-header .header-title{color:var(--main-color);font-size:3.333rem;font-weight:700;line-height:4.917rem}
.main .main-grid .main-header .header-title{font-size:1.667rem;line-height:2.417rem}
.main .main-header .header-description{font-size:1.667rem;line-height:2.417rem}
.main .main-grid .main-header .header-description{font-size:1.25rem;line-height:1.833rem}
.main .main-header .header-title + .header-description{margin-top:20px}
.main .main-grid .main-header .header-title + .header-description{margin-top:15px}
.main .main-header .header-tool{margin-left:auto}
.main .main-header .header-tool button.btn{height:45px;padding:13px 21px;border-radius:10px;font-size:1.083rem;font-weight:700;line-height:1.583rem;box-shadow:0 10px 30px rgba(0,0,0,0.05)}
.main .main-header + .main-content{margin-top:40px}
.main .main-header.main-header-column + .main-content{margin-top:30px}
.main .main-content .content-filter,
.main .main-content .content-filter form,
.main .main-content .content-filter form .form-row,
.main .main-content .datatable-filter,
.main .main-content .datatable-filter form,
.main .main-content .datatable-filter form .form-row{display:-ms-flexbox;display:flex;width:100%}
.main .main-content .content-filter form .form-row,
.main .main-content .datatable-filter form .form-row{margin-right:0;margin-left:0}
.main .main-content .content-filter form .form-row + .form-row,
.main .main-content .datatable-filter form .form-row + .form-row{margin-top:20px}
.main .main-content .content-filter form,
.main .main-content .datatable-filter form{-ms-flex-direction:column;flex-direction:column}
.main .main-content .content-filter + .content-view{margin-top:20px;padding-top:30px;border-top:1px solid var(--white-gray)}
.main form .period-select{overflow:hidden;display:-ms-flexbox;display:flex;margin-right:40px;-ms-flex-align:center;align-items:center;flex:1}
.main form .period-select span.title{min-width:65px;color:var(--light-gray);font-size:1.083rem;font-weight:700;line-height:1.583rem}
.main form .period-select .period-list-scroll{overflow:hidden;position:relative;width:100%;height:36px;flex:1}
.main form .period-select span.title + .period-list-scroll{margin-left:10px}
.main form .period-select .period-list-scroll::before,
.main form .period-select .period-list-scroll::after{content:'';display:block;position:absolute;z-index:100;top:0;bottom:0;width:50px;height:100%;pointer-events:none;opacity:0;transition:opacity 120ms ease-in-out;-webkit-transition:opacity 120ms ease-in-out;-moz-transition:opacity 120ms ease-in-out;-o-transition:opacity 120ms ease-in-out}
.main form .period-select .period-list-scroll::before{left:0;background:-moz-linear-gradient(270deg,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);background:-webkit-linear-gradient(270deg,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);background:linear-gradient(270deg,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%)}
.main form .period-select .period-list-scroll::after{right:0;background:-moz-linear-gradient(90deg,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);background:-webkit-linear-gradient(90deg,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%);background:linear-gradient(90deg,rgba(247,247,247,0) 0%,rgba(247,247,247,1) 100%)}
.main .portlet-content form .period-select .period-list-scroll::before{background:-moz-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)}
.main .portlet-content form .period-select .period-list-scroll::after{right:0;background:-moz-linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%)}
.main form .period-select .period-list-scroll.direction-right::before{opacity:1}
.main form .period-select .period-list-scroll.direction-left::after{opacity:1}
.main form .period-select .period-list-scroll-wrap{overflow-x:auto;overflow-y:hidden;display:flex;position:relative;width:100%;height:86px;padding-bottom:50px}
.main form .period-select .period-list{display:-ms-flexbox;display:flex;white-space:nowrap;flex-shrink:0;flex-grow:0}
.main form .period-select .period-list li + li{margin-left:5px}
.main form .period-select .period-list li button{height:36px;padding:7px 15px;border-radius:18px;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.main form .date-select{display:-ms-flexbox;display:flex;width:265px;-ms-flex-align:center;align-items:center}
.main form .form-row .date-select:first-child{margin-left:75px}
.main form .date-select .form-date span.icon{left:10px}
.main form .date-select .form-date .form-control{width:120px;height:40px;padding:14px 14px 14px 32px}
.main form .period-select + .date-select{margin-left:auto}
.main form .date-select .form-date + .form-date{margin-left:25px}
.main form .date-select .form-date + .form-date::before{content:'';display:block;position:absolute;top:50%;left:-15px;width:5px;height:2px;background-color:var(--dark);border-radius:1px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.main form .category-select{margin-right:40px}
.main form .form-select{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.main form .form-select span.title,
.main form .form-select .form-label{min-width:65px;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.main form .form-select.form-select-mid .form-label{min-width:125px}
.main form .category-select .form-select span.title{color:var(--light-gray)}
.main form .form-select span.title + .bootstrap-select.form-control,
.main form .form-select .form-label + .bootstrap-select.form-control{margin-left:10px}
.main form .category-select .form-select .bootstrap-select.form-control{width:326px}
.main form .category-select .form-select .bootstrap-select.form-control.form-control-short{width:200px}
.main form .form-select .dropdown-item{padding:8px 20px;font-size:1.083rem;line-height:1.583rem}
.main form .radio-list{overflow:hidden;display:-ms-flexbox;display:flex;margin-right:40px;-ms-flex-align:center;align-items:center;flex:1}
.main form .radio-list.inline{flex:initial;margin-right:10px}
.main form .radio-list span.title{min-width:75px;color:var(--light-gray);font-size:1.083rem;font-weight:700;line-height:1.583rem}
.main form .radio-list span.title + .form-radio{margin-left:10px}
.main form .radio-list .form-radio .form-check{min-width:initial !important}
.main form .check-inline{overflow:hidden;display:-ms-flexbox;display:flex;margin-right:40px;-ms-flex-align:center;align-items:center}
.main form .check-inline + .keyword-input{margin-left:auto}
.main form .period-select span.title{min-width:65px;color:var(--light-gray);font-size:1.083rem;font-weight:700;line-height:1.583rem}
.main form .keyword-input span.title{min-width:65px;color:var(--light-gray);font-size:1.083rem;font-weight:700;line-height:1.583rem}
.main form .keyword-input span.title + .form-control{margin-left:10px}
.main form .keyword-input ~ .form-util{margin-left:auto}
.main form .date-select + .keyword-input,
.main form .date-select + .category-select,
.main form .category-select + .keyword-input,
.main form .filter-select + .keyword-input{margin-left:auto}
.main form .date-select + .category-select{margin-right:0}
.main form .keyword-input .form-group .form-control{min-width:326px;height:40px;padding:8px 19px;background-color:var(--white);color:var(--dark);font-size:1.083rem;line-height:1.583rem}
/*.main .content-util{padding:20px 60px;background-color:var(--white);border-radius:10px}*/
.main .content-util .rolling-content{overflow:hidden;display:-ms-flexbox;display:flex;height:60px;padding-right:10px;padding-left:20px;border-top:1px solid var(--white-gray);border-bottom:1px solid var(--white-gray);-ms-flex-align:center;align-items:center}
.main .content-util .rolling-content + .rolling-content{margin-top:-1px}
.main .content-util .rolling-content > span.icon{margin-right:40px}
.main .content-util .rolling-content > span.icon svg{display:block;width:30px;height:30px}
.main .content-util .rolling-content > span.icon svg path{fill:var(--dark)}
.main .content-util .rolling-content .rolling-list{position:relative;width:1040px;height:60px}
.main .content-util .rolling-list .rolling-list-wrap{position:absolute;top:0;left:0}
.main .content-util .rolling-list .rolling-item{height:60px}
.main .content-util .rolling-list .rolling-item a{overflow:hidden;display:inline-block;height:60px;padding-top:20px;padding-bottom:20px;white-space:nowrap;color:var(--dark)}
.main .content-util .rolling-list .rolling-item a:hover{color:var(--dark)}
.main .content-util .rolling-list .rolling-item a span{display:inline-block;vertical-align:top;font-size:1.333rem;line-height:1.667rem}
.main .content-util .rolling-list .rolling-item a span.date{width:100px}
.main .content-util .rolling-list .rolling-item a span.description{font-weight:700}
.main .content-util .rolling-content .rolling-tool{margin-left:auto;padding-left:20px}
.main .content-util .rolling-tool .btn{height:40px;padding:10px;border-radius:10px;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.main .content-util + .content-view{margin-top:50px}
.main .content-filter .form-button,
.main .datatable-filter .form-button{height:40px}
.main form .date-select + .form-button,
.main form .keyword-input + .form-button,
.main form .search-input + .form-button{margin-left:10px}
.main .content-filter .form-button button.btn,
.main .datatable-filter .form-button button.btn{width:90px;height:40px;padding:10px 18px 11px;border-radius:10px;text-transform:uppercase;font-size:1.083rem;font-weight:700;line-height:1.583rem;box-shadow:0 2px 20px rgba(226,24,55,0.3)}
.main .content-filter .form-button button.btn.btn-dark,
.main .datatable-filter .form-button button.btn.btn-dark{box-shadow:none}
.main .content-view .portlet{width:100%}
.main .content-view .portlet,
.main .content-view .portlet .portlet-status,
.main .content-view .portlet .portlet-visualize,
.main .content-view .portlet .portlet-group,
.main .content-view .portlet .portlet-head,
.main .content-view .portlet .portlet-body,
.main .content-view .portlet .portlet-body .portlet-tool,
.main .content-view .portlet .portlet-filter form{display:-ms-flexbox;display:flex}
.main .content-view .portlet .portlet-body{position:relative;padding:40px 60px}
.main .content-view .portlet .portlet-body.portlet-body-fit{padding:0}
.main .content-view .portlet .portlet-body.portlet-body-column{-ms-flex-direction:column;flex-direction:column}
.main .content-view .portlet .portlet-body .portlet-title{color:var(--sub-color);font-size:1.25rem;font-weight:700;line-height:1.833rem}
.main .content-view .portlet .portlet-body .portlet-title::before{content:attr(data-order)'.';margin-right:5px}
.main .content-view .portlet .portlet-body .portlet-title.required span{display:inline-block;position:relative;vertical-align:top}
.main .content-view .portlet .portlet-body .portlet-title.required span::before{content:'';display:block;position:absolute;top:2px;right:-9px;width:4px;height:4px;background-color:var(--main-color);border-radius:50%}
.main .content-view .portlet .portlet-body .portlet-description{font-size:1.25rem;line-height:2rem}
.main .content-view .portlet .portlet-body .portlet-tool{-ms-flex-align:center;align-items:center}
.main .content-view .portlet .portlet-body .content-wizard-field legend ~ .portlet-tool,
.main .content-view .portlet .portlet-body .portlet-title ~ .portlet-tool{margin-top:10px}
.main .content-view .portlet .portlet-body .portlet-title ~ .portlet-description{margin-top:15px}
.main .content-view .portlet .portlet-body .portlet-tool .form-button{margin-left:auto}
.main .content-view .portlet .portlet-body .portlet-note{position:absolute;top:43px;right:60px;color:var(--light-gray);font-size:1.083rem;line-height:1.333rem}
.main .content-view .portlet .portlet-body .portlet-note.required span{display:inline-block;position:relative;padding-left:14px;vertical-align:top}
.main .content-view .portlet .portlet-body .portlet-note.required span::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;background-color:var(--main-color);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.main .content-view .portlet .portlet-body .content-wizard-field legend:not(.visually-hidden) ~ .portlet-content,
.main .content-view .portlet .portlet-body .portlet-title ~ .portlet-content{margin-top:30px}
.main .content-view .portlet .portlet-body .content-wizard-item legend:not(.visually-hidden) ~ .portlet-content,
.main .content-view .portlet .portlet-body .content-wizard-item .portlet-title ~ .portlet-content{margin-top:20px}
.main .content-view .portlet .portlet-body .content-wizard-item + .content-wizard-item{margin-top:30px;padding-top:30px;border-top:1px solid var(--white-gray)}
.main .content-view .portlet .portlet-body .content-wizard-item.content-wizard-item--no-border{border-top:none}
.form-radio-regular .form-check{min-width:180px}
.main .content-view .portlet .portlet-body .portlet-content ~ .portlet-util{margin-top:60px}
.main .content-view .portlet .portlet-body .content-wizard-item .portlet-content ~ .portlet-util{margin-top:50px}
.main .content-view .portlet .portlet-body .content-wizard-item .portlet-util{margin-bottom:10px}
.main .content-view .portlet .portlet-body .content-wizard-item:last-child .portlet-util{margin-bottom:0}
.main .content-view .portlet .portlet-body .portlet-util{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.main .content-view .portlet .portlet-body .portlet-util button.btn{width:120px;height:50px;border-radius:10px;font-size:1.25rem;font-weight:700;line-height:1.833rem}
.main .content-view .portlet .portlet-body .portlet-util button.btn + button.btn{margin-left:10px}
.main .content-view .portlet .portlet-body .portlet-util ~ .portlet-notice{margin-top:30px;margin-bottom:10px}
.main .content-view .portlet .portlet-body .portlet-content + .portlet-notice{margin-top:50px}
.main .content-view .portlet .portlet-body .portlet-notice{position:relative;color:var(--light-gray);text-align:center;font-size:1.083rem;line-height:1.333rem}
.main .content-view .portlet .portlet-body .portlet-notice span{display:inline-block;position:relative;padding-left:14px;vertical-align:top}
.main .content-view .portlet .portlet-body .portlet-notice span + span{margin-top:8px}
.main .content-view .portlet .portlet-body .portlet-notice span::before{content:'';display:block;position:absolute;top:50%;left:0;width:4px;height:4px;background-color:var(--light-gray);border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.main .content-view .portlet .rack-info{position:relative;padding-top:10px}
.main .content-view .portlet .rack-info .rack-row{display:-ms-flexbox;display:flex;position:relative;padding-top:10px;padding-bottom:10px;-ms-flex-direction:row;flex-direction:row}
.main .content-view .portlet .rack-info .rack-row::before{content:'';display:block;position:absolute;top:0;left:50%;width:0;height:100%;border-right:1px solid var(--placeholder);transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%)}
.main .content-view .portlet .rack-info .rack-row .rack-col{width:50%;padding-right:30px;padding-left:30px}
.main .content-view .portlet .rack-info .rack-row .rack-col.disabled{pointer-events:none;opacity:0.3}
.main .content-view .portlet .rack-info .rack-point,
.main .content-view .portlet .rack-info .rack-item{display:-ms-flexbox;display:flex;font-size:1.25rem;line-height:1.833rem;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}
.main .content-view .portlet .rack-info .rack-point + .rack-item{margin-top:20px}
.main .content-view .portlet .rack-info .rack-item + .rack-item{margin-top:10px}
.main .content-view .portlet .rack-info .rack-point span,
.main .content-view .portlet .rack-info .rack-item span{min-width:125px}
.main .content-view .portlet .rack-info .rack-point span::after{content:'';display:inline-block;margin-left:6px;vertical-align:top}
.main .content-view .portlet .rack-info .rack-row .rack-col:nth-child(1) .rack-point span::after{content:'A'}
.main .content-view .portlet .rack-info .rack-row .rack-col:nth-child(2) .rack-point span::after{content:'B'}
.main .content-view .portlet .rack-info .rack-point .rack-number{min-width:240px;height:30px;background-color:var(--default-bg);border:1px solid var(--white-gray);border-radius:2px;text-align:center;font-size:1.25rem;line-height:30px}
.main .content-view .portlet .rack-info .rack-item strong{font-weight:700}
.main .content-view .portlet .rack-info .rack-row + .rack-cloud{margin-top:30px}
.main .content-view .portlet .rack-info .rack-cloud{margin-left:50%;padding-left:30px}
.main .content-view .portlet .rack-info .rack-cloud .form-group-notice + .form-group{margin-top:15px}
.main .content-view .portlet .rack-info .rack-cloud .form-check + .form-select{margin-left:20px}
.main .content-view .portlet .portlet-filter .form-select{width:414px}
.main .content-view .portlet .portlet-filter .form-select .bootstrap-select > .dropdown-toggle{height:60px;padding:19px 30px;border:none;box-shadow:0 10px 30px rgba(0,0,0,0.05) !important}
.main .content-view .portlet .portlet-filter .form-select .bootstrap-select .dropdown-toggle .filter-option{font-size:1.25rem;line-height:1.833rem}
.main .content-view .portlet .portlet-filter .form-select .dropdown-menu{margin-top:1px}
.main .content-view .portlet .portlet-filter .form-select .dropdown-item{padding:12px 30px}
.main .content-view .portlet .portlet-filter .form-group{width:414px;margin-left:20px}
.main .content-view .portlet .portlet-filter .form-group:first-child{margin-left:0}
.main .content-view .portlet .portlet-filter .form-group input.form-control{height:60px;padding:19px 30px;border:none;font-size:1.25rem;line-height:1.833rem;box-shadow:0 10px 30px rgba(0,0,0,0.05) !important}
.main .content-view .portlet .portlet-filter .form-button{width:120px;margin-top:0;margin-left:20px}
.main .content-view .portlet .portlet-filter .form-button button.btn{height:60px;padding:19px 29px 20px;text-transform:uppercase;font-size:1.25rem;line-height:1.833rem}
.main .content-view .portlet .portlet-head .portlet-head-title{color:var(--sub-color);font-size:1.667rem;font-weight:600;line-height:2.417rem}
.main .content-view .portlet .portlet-head + .portlet-filter,
.main .content-view .portlet .portlet-head + .portlet-body{margin-top:20px}
.main .content-view .portlet .portlet-filter + .portlet-body{margin-top:30px}
.main .content-view .portlet .portlet-body{background-color:var(--white);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.05)}
.main .content-view .portlet .portlet-status .portlet-body{height:166px}
.main .content-view .portlet + .portlet,
.main .content-view .portlet .portlet-group + .portlet-group{margin-top:50px}
#search.main .content-view .portlet{margin-top:30px}
.main .content-view .portlet.portlet-column,
.main .content-view .portlet .portlet-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
.main .content-view .portlet .portlet-status{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column}
#main.main .content-view .portlet .portlet-status{width:950px}
#main.main .content-view .portlet .portlet-visualize{width:300px}
.main .content-view .portlet .portlet-visualize .portlet-body{height:100%}
.main .content-view .portlet .portlet-group{width:100%}
.main .content-view .portlet .portlet-head{-ms-flex-align:center;align-items:center}
.main .content-view .portlet .portlet-head .note{margin-left:20px;color:var(--dark-gray);font-size:1.25rem;line-height:1.833rem}
.main .content-view .portlet .portlet-head .note span.label::after{content:':';display:inline-block;position:relative;color:var(--light-gray);padding-right:4px;padding-left:4px}
.main .content-view .portlet .portlet-status + .portlet-visualize{margin-left:24px}
.main .content-view .status-content{display:-ms-flexbox;display:flex;width:100%;height:100%}
.main .content-view .status-content .status-item{display:-ms-flexbox;display:flex;position:relative;padding:40px;flex:1;-ms-flex-direction:column;flex-direction:column}
.main .content-view .status-content .status-item + .status-item::before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;margin-left:-1px;border-left:2px solid var(--white-gray)}
.main .content-view .status-content .status-item > .title{font-size:1.333rem;line-height:2rem}
.main .content-view .status-content .status-item > .title strong + span{margin-left:10px}
.main .content-view .status-content .status-item > .title + .status-count{margin-top:15px}
.main .content-view .status-content .status-item .status-count{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--main-color)}
.main .content-view .status-content .status-item .status-count span.subject{font-size:1.333rem;line-height:2rem}
.main .content-view .status-content .status-item .status-count span.count{font-size:2.917rem;line-height:3.5rem}
.main .content-view .status-content .status-item .status-count span.count strong{font-weight:700}
.main .content-view .status-content .status-item .status-count span.subject + strong.count{margin-top:5px}
.main .content-view .status-content .status-item .status-count + .note{margin-top:30px}
.main .content-view .status-content .status-item .note{color:var(--dark-gray);font-size:1.25rem;line-height:1.833rem}
.main .content-view .status-list{display:-ms-flexbox;display:flex;width:100%;height:100%}
.main .content-view .status-list .status-item,
.main .content-view .status-list .status-item a{display:-ms-flexbox;display:flex;position:relative;width:100%;height:100%;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.main .content-view .status-list .status-item.selected a{cursor:default}
.main .content-view .status-list .status-item + .status-item::before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;margin-left:-1px;border-left:2px solid var(--white-gray)}
.main .content-view .status-list .status-item span.title{color:var(--dark-gray);font-size:1.333rem;line-height:2rem}
.main .content-view .status-list .status-item strong.count{color:var(--dark-gray);font-family:var(--font-lato);font-size:2.917rem;font-weight:900;line-height:3.5rem}
.main .content-view .status-list.selection .status-item span.title,
.main .content-view .status-list.selection .status-item strong.count{opacity:0.5;transition:color 120ms ease-in-out,opacity 120ms ease-in-out;-webkit-transition:color 120ms ease-in-out,opacity 120ms ease-in-out;-moz-transition:color 120ms ease-in-out,opacity 120ms ease-in-out;-o-transition:color 120ms ease-in-out,opacity 120ms ease-in-out}
.main .content-view .status-list.selection .status-item.selected span.title,
.main .content-view .status-list.selection .status-item.selected strong.count,
.main .content-view .status-list.selection .status-item a:hover span.title,
.main .content-view .status-list.selection .status-item a:hover strong.count{color:var(--main-color);opacity:1}
.main .content-view .status-list .status-item span.title + strong.count{margin-top:20px}
.guide{position:absolute;top:15px;right:15px;left:15px;pointer-events:none}
.guide.guide-wide{right:20px;left:20px}
.guide button.btn-guide{position:absolute;top:0;right:0;width:20px;height:20px;background-color:var(--white-gray);border-radius:50%;pointer-events:auto}
.guide button.btn-guide span.icon,
.guide button.btn-guide span.icon svg{display:block;width:20px;height:20px}
.guide button.btn-guide span.icon svg path{fill:var(--dark)}
.guide .guide-content{position:absolute;top:30px;right:0;left:0;padding:15px 15px 25px;background-color:var(--white-gray);border-radius:20px;font-size:1.083rem;line-height:1.75rem;pointer-events:none;opacity:0;transform:translateY(-15px);-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-o-transform:translateY(-15px);transition:transform 120ms ease-in-out,opacity 120ms ease-in-out;-webkit-transition:-webkit-transform 120ms ease-in-out,opacity 120ms ease-in-out;-moz-transition:-moz-transform 120ms ease-in-out,opacity 120ms ease-in-out;-o-transition:-o-transform 120ms ease-in-out,opacity 120ms ease-in-out}
.guide .guide-content.guide-sm{font-size:1rem;line-height:1.583rem}
.guide button.btn-guide:hover ~ .guide-content{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0)}
.chart-view{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
#main.main .content-view .chart-view{height:300px;padding:45px}
#main.main .content-view .chart-legend{padding-right:50px;padding-left:50px}
#main.main .content-view .chart-legend.chart-legend-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;flex-wrap:wrap;padding-right:10px;padding-left:10px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.chart-legend .chart-legend-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.chart-legend .chart-legend-item + .chart-legend-item{margin-top:10px}
.chart-legend.chart-legend-row .chart-legend-item{padding-right:10px;padding-left:10px}
.chart-legend.chart-legend-row.chart-legend-row-equals .chart-legend-item{flex:1}
.chart-legend.chart-legend-row .chart-legend-item + .chart-legend-item{margin-top:0}
.chart-legend .chart-legend-item span.color{width:20px;height:6px;border-radius:3px}
.chart-legend .chart-legend-item span.value{margin-left:15px;font-family:var(--font-lato);font-size:1.333rem;font-weight:900;line-height:1.583rem}
.chart-legend .chart-legend-item span.name{margin-left:10px;color:var(--light-gray);font-size:1.083rem;line-height:1.583rem}
.main .content-view .portlet .portlet-search{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column}
.main .content-view .portlet-search + .portlet-search{margin-top:80px}
.main .content-view .portlet-search .search-head{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.main .content-view .portlet-search .search-head .search-head-title{color:var(--main-color);font-size:1.25rem;font-weight:700;line-height:1.833rem}
.main .content-view .portlet-search .search-head .count{margin-left:10px;color:var(--sub-color);font-family:var(--font-lato);font-size:1.25rem;font-weight:700;line-height:1.833rem}
.main .content-view .portlet-search .search-head .head-tool{margin-left:auto}
.main .content-view .portlet-search .search-head .head-tool button.btn{width:78px;height:40px;padding:10px 19px 11px;border-radius:10px;text-transform:uppercase;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.main .content-view .portlet-search .search-body{margin-top:20px;border-top:1px solid var(--placeholder)}
.main .content-view .portlet-search .search-result-list .search-result-item{display:-ms-flexbox;display:flex;width:100%;padding-top:20px;padding-bottom:20px;-ms-flex-align:center;align-items:center}
.main .content-view .portlet-search .search-result-list .search-result-item + .search-result-item{border-top:1px solid var(--white-gray)}
.main .content-view .portlet-search .search-body table p.search-description,
.main .content-view .portlet-search .search-result-item p.search-description{overflow:hidden;margin-right:40px;font-size:1.25rem;line-height:1.833rem;flex:1;white-space:nowrap;text-overflow:ellipsis}
.main .content-view .portlet-search .search-result-item p.search-no-list{margin-right:40px;color:var(--light-gray);font-size:1.25rem;line-height:1.833rem;flex:1}
.main .content-view .portlet-search .search-body table p.search-description strong,
.main .content-view .portlet-search .search-result-item p.search-description strong{color:var(--main-color)}
.main .content-view .portlet-search .search-body table a.btn-go,
.main .content-view .portlet-search .search-result-item a.btn-go{width:78px;height:40px;margin-left:auto;padding:10px 19px 11px;background-color:var(--default-bg);color:var(--dark);border-radius:10px;text-transform:uppercase;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.main .content-view .portlet-search .search-result-item a.btn-go.disabled{opacity:0.4;pointer-events:none}
.main .content-view .portlet-search .search-result-list + .board-pagination{margin-top:80px}
.main .content-view .datatable-filter .search-form{display:-ms-flexbox;display:flex;width:365px;-ms-flex-direction:row;flex-direction:row}
.main .content-view .datatable-filter .form-util{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.main .content-view .datatable-filter .search-form ~ .form-util{margin-left:auto}
.main .content-view .datatable-filter .form-util button.btn{width:auto;min-width:80px;height:40px;margin:0;border-radius:10px;font-size:1.083rem;font-weight:700;line-height:1.583rem}
.main .content-view .datatable-filter .form-util button.btn + button.btn{margin-left:10px}
.main .content-view .datatable-filter + .dataTables_wrapper,
.main .content-view .form-group + .dataTables_wrapper,
.main .content-view .datatable-filter + table{margin-top:50px}
.main .content-view.content-wizard .portlet + .portlet{margin-top:30px}

/*-- Global Footer --*/
#global-footer{width:100%;padding-top:100px;padding-bottom:50px;text-align:center}
#account + #global-footer{margin-top:auto;justify-self:flex-end}
#global-footer .gf-wrap{width:1320px;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}
#global-footer .gf-wrap .gf-row{display:-ms-flexbox;display:flex;justify-content:space-between;-ms-flex-align:center;align-items:center}
#global-footer .links,
#global-footer .related,
#global-footer .socials{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
#global-footer .links a{display:inline-block;vertical-align:top;font-size:1.25rem;line-height:1.833rem}
#global-footer .links li + li{margin-left:24px}
#global-footer .links a strong{color:var(--light-gray)}
#global-footer .links a span{color:var(--dark-gray)}
#global-footer .socials li + li{margin-left:20px}
#global-footer .socials a{display:block;width:30px;height:30px;padding:3px}
#global-footer .socials a span.icon{display:block;width:24px;height:24px;background-repeat:no-repeat;background-position:0 -25px}
#global-footer .socials a:hover span.icon{background-position:0 0}
#global-footer .socials a.facebook span.icon{background-image:url(../assets/img/icon/icon-facebook.png)}
#global-footer .socials a.youtube span.icon{background-image:url(../assets/img/icon/icon-youtube.png)}
#global-footer .socials a.instagram span.icon{background-image:url(../assets/img/icon/icon-instagram.png)}
#global-footer .socials a.blog span.icon{background-image:url(../assets/img/icon/icon-blog.png)}
#global-footer .socials a.naver span.icon{background-image:url(../assets/img/icon/icon-naver.png)}
#global-footer .family-site{position:relative}
#global-footer .socials + .family-site{margin-left:20px}
#global-footer .family-site .btn-family-site{overflow:hidden;display:-ms-flexbox;display:flex;position:relative;width:180px;height:40px;padding:10px 50px 11px 20px;color:var(--dark-gray);font-size:1.083rem;line-height:1.583rem;-ms-flex-align:center;align-items:center;background-color:var(--white);border-radius:10px;border:1px solid var(--white-gray)}
#global-footer .family-site .btn-family-site::after{content:'';display:block;position:absolute;top:50%;right:20px;width:10px;height:6px;margin:0;margin-top:-3px;vertical-align:top;border:none;background-image:url(../assets/img/icon/icon-arrow.svg);background-size:10px 6px;transition:transform 180ms ease-in-out;-webkit-transition:-webkit-transform 180ms ease-in-out;-moz-transition:-moz-transform 180ms ease-in-out;-o-transition:-o-transform 180ms ease-in-out}
#global-footer .family-site.open .btn-family-site::after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg)}
#global-footer .family-site .view-family-site{display:none;position:absolute;bottom:40px;right:0;left:0;background-color:var(--white);border-radius:10px;text-align:left;box-shadow:0 -10px 30px rgba(0,0,0,0.05)}
#global-footer .family-site.open .view-family-site{display:block}
#global-footer .family-site .view-family-site .site-list li a{display:block;padding:10px 28px;color:var(--dark-gray);font-size:1.25rem;line-height:1.833rem}
#global-footer .family-site .view-family-site .site-list li a:focus,
#global-footer .family-site .view-family-site .site-list li a:hover,
#global-footer .family-site .view-family-site .site-list li a:active{background-color:var(--default-bg);color:var(--dark-gray)}
#global-footer .gf-row + .gf-row{margin-top:20px}
#global-footer .gf-info{text-align:left}
#global-footer .gf-info li{display:inline-block;position:relative;vertical-align:top;color:var(--light-gray);font-size:1.25rem;line-height:1.833rem}
#global-footer .gf-info li + li{margin-left:20px;padding-left:20px}
#global-footer .gf-info li + li::before{content:'';display:block;position:absolute;top:50%;left:0;width:0;height:12px;border-right:1px solid var(--light-gray);transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%)}
#global-footer .gf-info br ~ li{margin-top:4px}
#global-footer .gf-info li > span{display:inline-block;vertical-align:top}
#global-footer .gf-info li > a{display:inline-block;position:relative;vertical-align:top;color:var(--light-gray)}
#global-footer .gf-info li > a::before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:0;border-top:1px solid var(--light-gray)}
#global-footer .languages{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
#global-footer .gf-info + .languages{margin-bottom:10px;align-self:flex-end}
#global-footer .languages li{position:relative;padding-right:11px;padding-left:11px}
#global-footer .languages li + li::before{content:'';display:block;position:absolute;top:50%;left:0;width:0;height:10px;border-right:1px solid var(--light-gray);border-radius:1px;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%)}
#global-footer .languages li a{display:block;color:var(--light-gray);font-size:1.083rem;line-height:1.583rem}
#global-footer .languages li a.selected{color:var(--dark);cursor:default;pointer-events:none}
#global-footer .copyright{color:var(--light-gray);font-size:1.083rem;line-height:1.583rem}
#global-footer .languages + .copyright{margin-top:20px}
#global-footer .gf-row + .copyright{margin-top:30px}
#global-footer .copyright a{display:inline-block;vertical-align:top;color:var(--light-gray)}

/*-- Scroll Top --*/
#scroll-top{position:fixed;bottom:0;right:0;left:0;pointer-events:none}
#scroll-top .scroll-top-wrap{position:relative;width:1320px;margin-right:auto;margin-left:auto}
#scroll-top .scroll-top-wrap .btn-scroll-top{position:absolute;z-index:1000;right:-120px;bottom:50px;width:40px;height:40px;background-color:var(--white);border:1px solid var(--white-gray);border-radius:50%;opacity:0;pointer-events:auto;transform:translateY(10px);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);transition:transform 180ms ease-in-out,opacity 180ms ease-in-out;-webkit-transition:-webkit-transform 180ms ease-in-out,opacity 180ms ease-in-out;-moz-transition:-moz-transform 180ms ease-in-out,opacity 180ms ease-in-out;-o-transition:-o-transform 180ms ease-in-out,opacity 180ms ease-in-out}
#scroll-top.active .scroll-top-wrap .btn-scroll-top{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);opacity:1}
#scroll-top .scroll-top-wrap .btn-scroll-top span.icon,
#scroll-top .scroll-top-wrap .btn-scroll-top span.icon svg{display:block;width:38px;height:38px}
#scroll-top .scroll-top-wrap .btn-scroll-top span.icon svg path{fill:var(--light-gray);transition:fill 120ms ease-in-out;-webkit-transition:fill 120ms ease-in-out;-moz-transition:fill 120ms ease-in-out;-o-transition:fill 120ms ease-in-out}
#scroll-top .scroll-top-wrap .btn-scroll-top:hover span.icon svg path{fill:var(--dark)}

/*-- Account --*/
#account{margin-top:auto}
#account .account-wrap{width:460px;margin-right:auto;margin-left:auto}
#account .account-header{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
#account .account-header + .account-content{margin-top:80px}
#account .account-content .form-button ~ .util-list{margin-top:30px}
#account .account-content .util-list{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
#account .account-content .util-list li{position:relative;padding-right:21px;padding-left:21px}
#account .account-content .util-list li + li::before{content:'';display:block;position:absolute;top:50%;left:0;width:0;height:12px;border-right:1px solid var(--light-gray);border-radius:1px;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%)}
#account .account-content .util-list li a{display:block;color:var(--dark);font-size:1.25rem;line-height:1.833rem}
.dual-listbox-form{opacity:1.0;transition:opacity 120ms ease-in-out;-webkit-transition:opacity 120ms ease-in-out;-moz-transition:opacity 120ms ease-in-out;-o-transition:opacity 120ms ease-in-out}
.dual-listbox-form.disabled{pointer-events:none!important;opacity:0.5}
.dual-listbox .dual-listbox__search{max-width:initial;border:1px solid var(--white-gray);border-radius:10px;outline:none;background-color:var(--white);color:var(--dark);height:40px;padding:9px 19px;font-size:1.083rem;line-height:1.583rem}
.dual-listbox .dual-listbox__title{margin-top:0;padding:10px;background-color:var(--default-bg);border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid var(--white-gray);border-bottom:none;text-align:center;color:var(--dark);font-size:13px;font-weight:700;line-height:19px}
.dual-listbox .dual-listbox__container{display:flex;margin-top:15px;justify-content:center}
.dual-listbox .dual-listbox__container > div:first-child,
.dual-listbox .dual-listbox__container > div:last-child{flex:1}
.dual-listbox .dual-listbox__available, .dual-listbox .dual-listbox__selected{width:auto;height:170px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:1px solid var(--white-gray)}
.dual-listbox .dual-listbox__search::-webkit-input-placeholder,
.dual-listbox .dual-listbox__search::placeholder{color:var(--placeholder)}
.dual-listbox .dual-listbox__item{padding:4px 10px;font-size:15px;line-height:22px;text-align:center;border-bottom:none}
.dual-listbox .dual-listbox__item.dual-listbox__item--selected{background-color:var(--dark);color:var(--white);font-weight:700}
.dual-listbox .dual-listbox__buttons{margin-right:40px;margin-left:40px}
.dual-listbox .dual-listbox__button{overflow:hidden;display:flex;width:60px;height:40px;padding:0;margin-bottom:0;background-color:var(--default-bg);border-radius:10px;border:1px solid var(--white-gray);justify-content:center;align-items:center}
.dual-listbox__search.dual-listbox__search--hidden{display:none}
.dual-listbox__search.dual-listbox__search--hidden + .dual-listbox__container{margin-top:0}
.dual-listbox .dual-listbox__button span{display:inline-block;vertical-align:top}
.dual-listbox .dual-listbox__button span svg{display:block}
.dual-listbox .dual-listbox__button span svg path{fill:var(--dark)}
.dual-listbox .dual-listbox__button + .dual-listbox__button{margin-top:10px}
.dual-listbox .dual-listbox__button:hover{background-color:var(--default-bg)}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background-color:var(--default-bg)!important;border:none!important}
.apexcharts-tooltip.apexcharts-theme-light{background-color:var(--white)!important;border:none!important;box-shadow:0 10px 30px rgba(0,0,0,0.05)!important}
@media only screen and (max-width:1360px) {
    body{overflow-x:scroll}
    .main .main-grid .main-grid-aside.fixed .main-navigation{position:sticky !important}
}
#page-loading{position:absolute;display:block;z-index:900;top:0;right:0;bottom:0;left:0;width:100%;padding-top:172px;height:100%;background-color:var(--default-bg)}
#page-loading .page-loading-wrap{display:-ms-flexbox;display:flex;width:1320px;height:100%;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;justify-content:center;align-items:center}
#page-loading .page-loading-wrap img{width:120px;height:30px}