@charset "UTF-8";

/***** font *****/
@font-face {
    font-family:'NanumSquareRound';
    src:url('../../font/NanumSquareRound/NanumSquareRoundEB.woff') format('woff');
    font-weight:800;
    font-style:normal;
}
@font-face {
    font-family:'NanumSquareRound';
    src:url('../../font/NanumSquareRound/NanumSquareRoundB.woff') format('woff');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'NanumSquareRound';
    src:url('../../font/NanumSquareRound/NanumSquareRoundR.woff') format('woff');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'NanumSquareRound';
    src:url('../../font/NanumSquareRound/NanumSquareRoundL.woff') format('woff');
    font-weight:300;
    font-style:normal;
}

/***** reset *****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;box-sizing:border-box;-webkit-text-size-adjust:none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
fieldset,img,svg{vertical-align:top;border:0}
hr,legend,caption{display:none}
table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}
label{vertical-align:top}
input,select,textarea,button{font-family:inherit;vertical-align:middle;box-sizing:border-box}
input,select,textarea{width:100%;padding:0 15px;font-size:16px;border:1px solid #dbdbdb;border-radius:5px;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
input:focus,select:focus,textarea:focus{border-color:#fa4616}
::placeholder{color:#959595;opacity:1}
:-ms-input-placeholder{color:#959595;vertical-align:top}
::-ms-input-placeholder{color:#959595}
::-moz-focus-inner{padding:0;border:0}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{height:auto;-webkit-appearance:none}
input::-webkit-search-cancel-button,input::-webkit-search-decoration{-webkit-appearance:none}
input::-ms-clear{display:none}
input[readonly],input[disabled],textarea[readonly],textarea[disabled]{color:#a5a5a5;background-color:#eaeaea !important;outline:none;cursor:default}
input{overflow:hidden;height:40px;line-height:46px;text-overflow:ellipsis;white-space:nowrap}
input[type=number]{-moz-appearance:textfield}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 9999s ease-out;-webkit-box-shadow:0 0 0px 1000px transparent inset !important}
input[type=radio],input[type=checkbox]{overflow:hidden;position:absolute;width:0 !important;height:0 !important;margin:-1px;padding:0;clip:rect(0,0,0,0)}
select{height:48px;cursor:pointer}
select:required:invalid{color:#a5a5a5}
select::-ms-expand{display:none}
option{color:#333}
option[disabled]{display:none}
textarea{padding-top:19px;padding-bottom:19px;resize:none}
textarea::-webkit-scrollbar{width:18px}
textarea::-webkit-scrollbar-track{background-color:transparent}
textarea::-webkit-scrollbar-thumb{border:8px solid transparent;border-radius:9px;background-color:#ccc;background-clip:padding-box;transition:all linear .3s}
textarea::-webkit-scrollbar-thumb:hover{border-width:5px;background-color:#fa4616}
button,input[type=submit]{padding:0;border:0;border-radius:0;background-color:transparent;cursor:pointer}
address,em,i{font-style:normal}
a{color:#333;text-decoration:none}
body{color:#333;font-size:16px;font-family:'NanumSquareRound',Malgun Gothic,'맑은고딕',Dotum,'굴림',Gulim,Helvetica,sans-serif;line-height:1.5;background-color:#f7f8fa}

/***** component *****/
.clearfix:after{content:'';display:block;clear:both}
.clearfix > *{float:left}
.clb{clear:both}
.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0)}
.no_after:after{display:none !important}
.no_before:after{display:none !important}
/*** display ***/
.dn{display:none !important}
.db{display:block !important}
.dib{display:inline-block !important}
.dt{display:table !important}
.dtc{display:table-cell !important}
.df{display:flex !important}
.dif{display:inline-flex !important}
.vh{visibility:hidden !important}
.vv{visibility:visible !important}
/*** flex ***/
.fxww{flex-wrap:wrap !important}
.jcc{justify-content:center !important}
.jcfs{justify-content:flex-start !important}
.jcfe{justify-content:flex-end !important}
.jcsb{justify-content:space-between !important}
.jcsa{justify-content:space-around !important}
.aic{align-items:center !important}
.aifs{align-items:flex-start !important}
.aife{align-items:flex-end !important}
/*** float ***/
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
/*** position ***/
.posr{position:relative !important}
.posa{position:absolute !important}
.posf{position:fixed !important}
.poss{position:static !important}
/*** width ***/
.wa{width:auto !important}
.w100p{width:100% !important}.w90p{width:90% !important}.w80p{width:80% !important}.w70p{width:70% !important}.w60p{width:60% !important}.w50p{width:50% !important}.w40p{width:40% !important}.w30p{width:30% !important}.w20p{width:20% !important}.w10p{width:10% !important}
.w300{width:300px !important}.w200{width:200px !important}.w160{width:160px !important}.w150{width:150px !important}.w120{width:120px !important}.w100{width:100px !important}.w60{width:60px !important}.w50{width:50px !important}
/*** height ***/
.ha{height:auto !important}
.h100p{height:100% !important}
.h300{height:300px !important}.h200{height:200px !important}.h100{height:100px !important}
/*** margin,padding ***/
.ma{margin:auto !important}
.m0{margin:0 !important}
.mt0{margin-top:0 !important}.mt5{margin-top:5px !important}.mt8{margin-top:8px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt35{margin-top:35px !important}.mt40{margin-top:40px !important}.mt45{margin-top:45px !important}.mt50{margin-top:50px !important}.mt55{margin-top:55px !important}.mt60{margin-top:60px !important}
.mr0{margin-right:0 !important}.mr5{margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr20{margin-right:20px !important}.mr25{margin-right:25px !important}.mr30{margin-right:30px !important}.mr35{margin-right:35px !important}.mr40{margin-right:40px !important}.mr45{margin-right:45px !important}.mr50{margin-right:50px !important}.mr55{margin-right:55px !important}.mr60{margin-right:60px !important}
.mb0{margin-bottom:0 !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.mb55{margin-bottom:55px !important}.mb60{margin-bottom:60px !important}
.ml0{margin-left:0 !important}.ml5{margin-left:5px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml25{margin-left:25px !important}.ml30{margin-left:30px !important}.ml35{margin-left:35px !important}.ml40{margin-left:40px !important}.ml45{margin-left:45px !important}.ml50{margin-left:50px !important}.ml55{margin-left:55px !important}.ml60{margin-left:60px !important}
.p0{padding:0 !important}
.pt0{padding-top:0 !important}.pt5{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt40{padding-top:40px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pt55{padding-top:55px !important}.pt60{padding-top:60px !important}
.pr0{padding-right:0 !important}.pr5{padding-right:5px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr20{padding-right:20px !important}.pr25{padding-right:25px !important}.pr30{padding-right:30px !important}.pr35{padding-right:35px !important}.pr40{padding-right:40px !important}.pr45{padding-right:45px !important}.pr50{padding-right:50px !important}.pr55{padding-right:55px !important}.pr60{padding-right:60px !important}
.pb0{padding-bottom:0 !important}.pb5{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.pb55{padding-bottom:55px !important}.pb60{padding-bottom:60px !important}
.pl0{padding-left:0 !important}.pl5{padding-left:5px !important}.pl10{padding-left:10px !important}.pl15{padding-left:15px !important}.pl20{padding-left:20px !important}.pl25{padding-left:25px !important}.pl30{padding-left:30px !important}.pl35{padding-left:35px !important}.pl40{padding-left:40px !important}.pl45{padding-left:45px !important}.pl50{padding-left:50px !important}.pl55{padding-left:55px !important}.pl60{padding-left:60px !important}
/*** font color ***/
.fc_primary{color:#fa4616 !important}
.fc_primary10{color:#ffe2f3 !important}
.fc_primary20{color:#ffa3a6 !important}
.fc_primary40{color:#ba0209 !important}
.fc_primary50{color:#870005 !important}
.fc_secondary{color:#88807e !important}
.fc_secondary10{color:#eee9e7 !important}
.fc_secondary20{color:#d4c7c4 !important}
.fc_secondary40{color:#544f4e !important}
.fc_secondary50{color:#3b3736 !important}
.fc_tertiary{color:#1595af !important}
.fc_tertiary10{color:#edf8ff !important}
.fc_tertiary20{color:#8cc9db !important}
.fc_tertiary40{color:#196e8c !important}
.fc_tertiary50{color:#043347 !important}
.fc_white{color:#fff !important}
.fc_grey10{color:#f7f7f7 !important}
.fc_grey20{color:#eaeaea !important}
.fc_grey30{color:#dbdbdb !important}
.fc_grey40{color:#ccc !important}
.fc_grey50{color:#a5a5a5 !important}
.fc_grey60{color:#959595 !important}
.fc_grey70{color:#767676 !important}
.fc_grey80{color:#5a5a5a !important}
.fc_grey90{color:#333 !important}
.fc_black{color:#000 !important}
.fc_success{color:#5f93fa !important}
.fc_success10{color:#ebf1ff !important}
.fc_success20{color:#8aabf2 !important}
.fc_success40{color:#2e62d1 !important}
.fc_success50{color:#1843a8 !important}
.fc_success60{color:#4171d9 !important}
.fc_progress{color:#8dc73c !important}
.fc_progress10{color:#f2fae8 !important}
.fc_progress20{color:#b6e577 !important}
.fc_progress40{color:#62a30d !important}
.fc_progress50{color:#437a00 !important}
.fc_error{color:#fa4616 !important}
.fc_error10{color:#ffeded !important}
.fc_error20{color:#f28d8e !important}
.fc_error40{color:#9e2022 !important}
.fc_error50{color:#400303 !important}
.fc_caution{color:#f2ac0c !important}
.fc_caution10{color:#fffbeb !important}
.fc_caution20{color:#fad157 !important}
.fc_caution40{color:#e08300 !important}
.fc_caution50{color:#ad5802 !important}
/*** font size ***/
.fz10{font-size:10px !important}.fz11{font-size:11px !important}.fz12{font-size:12px !important}.fz13{font-size:13px !important}.fz14{font-size:14px !important}.fz15{font-size:15px !important}
.fz16{font-size:16px !important}.fz17{font-size:17px !important}.fz18{font-size:18px !important}.fz19{font-size:19px !important}.fz20{font-size:20px !important}.fz21{font-size:21px !important}
.fz22{font-size:22px !important}.fz23{font-size:23px !important}.fz24{font-size:24px !important}.fz25{font-size:25px !important}.fz26{font-size:26px !important}.fz27{font-size:27px !important}.fz28{font-size:28px !important}.fz29{font-size:29px !important}.fz30{font-size:30px !important}
/*** font weight ***/
.fw300{font-weight:300 !important}.fw400{font-weight:400 !important}.fw700{font-weight:700 !important}.fw800{font-weight:800 !important}
/*** letter spacing ***/
.ls0{letter-spacing:0 !important}.ls_05{letter-spacing:-0.5px}.ls_1{letter-spacing:-1px !important}
/*** align ***/
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.taj{text-align:justify !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}
/*** border ***/
.bd0{border:0 !important}
.bdt0{border-top:0 !important}
.bdr0{border-right:0 !important}
.bdb0{border-bottom:0 !important}
.bdl0{border-left:0 !important}
/*** border radius ***/
.bdrs0{border-radius:0 !important}.bdrs4{border-radius:4px !important}.bdrs5{border-radius:5px !important}.bdrs10{border-radius:10px !important}
/*** 말줄임 ***/
.eps1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eps2{display:-webkit-box;overflow:hidden;max-height:48px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.eps3{display:-webkit-box;overflow:hidden;max-height:72px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
/*** scrollbar ***/
.jq_scrollbar{overflow-y:auto;scrollbar-width:none}
.jq_scrollbar::-webkit-scrollbar{display:none}
/*** tip ***/
.tip{color:#959595;font-size:14px}
/*** icon ***/
.ico{display:inline-block;width:24px;height:24px;vertical-align:top}
.ico_success{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2366f%22%20d%3D%22M16.59%207.58L10%2014.17l-3.59-3.58L5%2012l5%205l8-8zM12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.ico_error{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23eb464b%22%20d%3D%22M11%2015h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
/*** avatars ***/
.avatars{display:inline-flex;overflow:hidden;border-radius:50%}
.avatars img{width:100%;height:100%}
.avatars_group{display:flex}
/* avatars 사이즈 */
/*** tooltip ***/
[data-title]:hover:before{content:attr(data-title);position:absolute;top:calc(100% + 9px);left:50%;width:max-content;color:#fff;font-size:12px;padding:5px 10px;border-radius:5px;background-color:rgba(0,0,0,.5);transform:translateX(-50%)}
[data-title]:hover:after{content:'';position:absolute;top:calc(100% + 3px);left:50%;border-width:0 6px 6px;border-style:solid;border-color:transparent;border-bottom-color:rgba(0,0,0,.5);transform:translateX(-50%)}
/*** Popover ***/
.popover{}
/*** input ***/
.input{display:flex;align-items:center;position:relative;background-color:#fff}
.input>label{padding-left:12px;color:#959595;font-weight:700;white-space:nowrap}
.input>label ~ input{padding-left:4px}
.input input{padding-left:12px;padding-right:12px;border:none}
.input .btn_del{display:none;position:absolute;top:50%;right:12px;width:16px;height:16px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23a5a5a5%22%20d%3D%22M14.59%208L12%2010.59L9.41%208L8%209.41L10.59%2012L8%2014.59L9.41%2016L12%2013.41L14.59%2016L16%2014.59L13.41%2012L16%209.41L14.59%208zM12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010s10-4.47%2010-10S17.53%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8s8%203.59%208%208s-3.59%208-8%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.active input, .input.error input, .input.success input{padding-right:32px}
.input.active:not(.success):not(.error) .btn_del{display:block}
.input input[readonly] + .btn_del,.input input[disabled] + .btn_del{display:none}
.input + .tip{margin-top:4px}
.input + .tip.fc_error{display:none;font-size:12px}
.input.success:after{content:'';position:absolute;top:50%;right:12px;width:16px;height:16px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%235f93fa%22%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019L21%207l-1.4-1.4L9%2016.2z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.active, .input.error{box-shadow:10px 10px 20px rgba(0, 0, 0, 0.05)}
.input:hover{box-shadow:10px 10px 20px rgba(0, 0, 0, 0.05)}
.input.error:after{content:'';position:absolute;top:50%;right:12px;width:16px;height:16px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23eb464b%22%20d%3D%22M11.99%2022C6.468%2021.994%201.996%2017.515%202%2011.993C2.004%206.472%206.482%201.998%2012.003%202C17.525%202.002%2022%206.478%2022%2012c-.003%205.525-4.485%2010.002-10.01%2010ZM4%2012.172A8%208%200%201%200%204%2012v.172ZM13%2017h-2v-2h2v2Zm0-4h-2V7h2v6Z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.error + .tip.fc_error{display:block}
.input .datepicker{background-position:right 12px top 50% !important}
/*input 사이즈*/
.input_xs{border-radius:8px}
.input_xs input{height:32px;padding-right:12px;padding-left:12px;font-size:12px;border-radius:8px}
.input_xs>label{padding-left:12px}
.input_xs>label ~ input{padding-left:4px}
.input_xs.active input, .input_xs.error input, .input_xs.success input{padding-right:32px}
.input_xs .btn_del{right:12px;width:16px;height:16px}
.input_xs.error:after{right:12px;width:16px;height:16px}
.input_xs.success:after{right:12px;width:16px;height:16px}
.input_xs .datepicker{background-position:right 12px top 50% !important}
.input_xs + .tip.fc_error{font-size:12px}
.input_sm{border-radius:12px}
.input_sm input{height:40px;padding-right:12px;padding-left:12px;font-size:14px;border-radius:8px}
.input_sm>label{padding-left:12px}
.input_sm>label ~ input{padding-left:8px}
.input_sm.active input, .input_sm.error input, .input_sm.sucess input{padding-right:36px}
.input_sm .btn_del{right:12px;width:20px;height:20px}
.input_sm.error:after{right:12px;width:20px;height:20px}
.input_sm.success:after{right:12px;width:20px;height:20px}
.input_sm .datepicker{background-position:right 12px top 50% !important}
.input_sm + .tip.fc_error{font-size:14px}
.input_md{border-radius:12px}
.input_md input{height:48px;padding-right:16px;padding-left:16px;font-size:16px;border-radius:12px}
.input_md>label{padding-left:16px;font-size:14px}
.input_md>label ~ input{padding-left:12px}
.input_md.active input, .input_md.error input, .input_md.success input{padding-right:44px}
.input_md .btn_del{right:16px;width:24px;height:24px}
.input_md.error:after{right:16px;width:24px;height:24px}
.input_md.success:after{right:16px;width:24px;height:24px}
.input_md + .tip.fc_error{font-size:14px}
.input_lg{border-radius:12px}
.input_lg input{height:56px;padding-right:20px;padding-left:20px;font-size:18px;border-radius:12px}
.input_lg>label{padding-left:20px}
.input_lg>label ~ input{padding-left:12px}
.input_lg.active input, .input_lg.error input, .input_lg.success input{padding-right:52px}
.input_lg .btn_del{right:20px;width:28px;height:28px}
.input_lg.error:after{right:20px;width:28px;height:28px}
.input_lg.success:after{right:20px;width:28px;height:28px}
.input_lg .datepicker{background-position:right 20px top 50% !important}
.input_lg + .tip.fc_error{font-size:14px}


/*** checkbox,radio ***/
.checkbox,.radio{display:inline-block;position:relative;vertical-align:top}
.checkbox input[disabled] + label,.checkbox input[readonly] + label,.radio input[disabled] + label,.radio input[readonly] + label{color:#ccc !important;font-weight:400 !important;cursor:default}
.checkbox label,.radio label{display:block;min-height:24px;padding-left:24px;cursor:pointer}
.checkbox label:before,.radio label:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px}
.checkbox label:before{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.checkbox label:hover:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fa4616%22%20d%3D%22M18%2019H6c-.55%200-1-.45-1-1V6c0-.55.45-1%201-1h12c.55%200%201%20.45%201%201v12c0%20.55-.45%201-1%201zm1-16H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E')}
.checkbox :checked ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fa4616%22%20d%3D%22M19%203H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm-8.29%2013.29a.996.996%200%200%201-1.41%200L5.71%2012.7a.996.996%200%201%201%201.41-1.41L10%2014.17l6.88-6.88a.996.996%200%201%201%201.41%201.41l-7.58%207.59z%22%2F%3E%3C%2Fsvg%3E')}
.checkbox :checked ~ label{color:#fa4616;font-weight:700}
.radio label:before{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.radio label:hover:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fa4616%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E')}
.radio :checked ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fa4616%22%20d%3D%22M12%207c-2.76%200-5%202.24-5%205s2.24%205%205%205s5-2.24%205-5s-2.24-5-5-5zm0-5C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E')}
.checkbox input[disabled] ~ label:before,
.checkbox input[disabled] ~ label:hover:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E')}
.checkbox input[disabled]:checked ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M19%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V5a2%202%200%200%200-2-2zm-9%2014l-5-5l1.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22%2F%3E%3C%2Fsvg%3E')}
.radio input[disabled] ~ label:before,
.radio input[disabled] ~ label:hover:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E')}
.radio input[disabled]:checked ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%20fill%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E')}
.checkbox.txt label,.radio.txt label{padding-left:28px;line-height:24px}
.checkbox.txt label:hover,.radio.txt label:hover{color:#fa4616;font-weight:700}
/*** select ***/
.nice-select{display:inline-block;position:relative;width:95px;vertical-align:top}
.nice-select .current{display:block;overflow:hidden;position:relative;padding:0 44px 0 12px;color:#767676;line-height:40px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;background-color:#fff;cursor:pointer}
.nice-select .current:before{content:'';position:absolute;top:0;right:0;bottom:0;width:44px}
.nice-select .current:after{content:'';position:absolute;top:0;right:0;bottom:0;width:44px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23767676%22%20d%3D%22M16.59%208.59L12%2013.17L7.41%208.59L6%2010l6%206l6-6z%22%2F%3E%3C%2Fsvg%3E') no-repeat 12px 50%}
.nice-select .current + .list{display:none;overflow-y:auto;position:absolute !important;top:40px;left:0;width:100%;max-height:200px;border-radius:0 0 12px 12px;background-color:#fff;z-index:1}
.nice-select .list li{padding:11px 12px 8px;color:#767676;font-size:14px;cursor:pointer}
.nice-select .list li:first-child.disabled{display:none}
.nice-select .list li:hover{background-color:#fff0f0}
.nice-select .list li.selected{color:#fa4616;font-weight:700}
.nice-select.placeholder .current{color:#a5a5a5}
.nice-select.open:not(.disabled) .current{border-radius:8px 8px 0 0}
.nice-select.open:not(.disabled) .current:after{transform:rotate(180deg)}
.nice-select.open:not(.disabled) .current + .list{display:block}
.nice-select.disabled .current{color:#ccc;cursor:default}
.nice-select.disabled .current:after{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23dbdbdb%22%20d%3D%22M16.59%208.59L12%2013.17L7.41%208.59L6%2010l6%206l6-6z%22%2F%3E%3C%2Fsvg%3E')}
.nice-select .scroll-wrapper > .scroll-element{background-color:transparent}
.nice-select .scroll-wrapper > .scroll-element.scroll-y{top:6px;right:6px;width:4px;max-height:calc(100% - 12px)}
.nice-select .scroll-wrapper > .scroll-element .scroll-bar{right:0;left:auto;width:2px;border-radius:20px;background-color:#ccc;transition:width .4s,background-color .4s}
.nice-select .scroll-wrapper > .scroll-element .scroll-bar:hover,
.nice-select .scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar{width:4px;background-color:#fa4616}
.sel_xs{width:73px}
.sel_xs .current{padding-right:32px;padding-left:8px;font-size:12px;line-height:32px;border-radius:8px}
.sel_xs.open:not(.disabled) .current{border-radius:8px 8px 0 0}
.sel_xs .current + .list{border-bottom-right-radius:8px}
.sel_xs .current:before{width:32px}
.sel_xs .current:after{width:32px;background-size:16px;background-position:8px 50%}
.sel_xs .current + .list{top:32px;max-height:160px}
.sel_xs .list li{padding:7px 8px;font-size:12px}
.sel_xs .scroll-wrapper > .scroll-element.scroll-y{top:6px;right:6px;width:4px;max-height:calc(100% - 12px)}
.sel_xs .scroll-wrapper > .scroll-element .scroll-bar:hover,
.sel_xs .scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar{width:4px}
.sel_sm{width:95px}
.sel_sm .current{padding-right:44px;padding-left:12px;font-size:14px;line-height:40px;border-radius:8px}
.sel_sm.open:not(.disabled) .current{border-radius:8px 8px 0 0}
.sel_sm .current + .list{border-bottom-right-radius:12px}
.sel_sm .current:before{width:44px}
.sel_sm .current:after{width:44px;background-size:20px;background-position:12px 50%}
.sel_sm .current + .list{top:40px;max-height:200px}
.sel_sm .list li{padding:11px 12px 8px;font-size:14px}
.sel_sm .scroll-wrapper > .scroll-element.scroll-y{top:6px;right:6px;width:4px;max-height:calc(100% - 12px)}
.scroll-wrapper > .scroll-element .scroll-element_outer{top:0;height:100%}
.sel_sm .scroll-wrapper > .scroll-element .scroll-bar:hover,
.sel_sm .scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar{width:4px}
.sel_md{width:116px}
.sel_md .current{padding-right:56px;padding-left:16px;font-size:16px;line-height:48px}
.sel_md .current:before{width:56px}
.sel_md .current:after{width:56px;background-size:24px}
.sel_md .current + .list{top:48px;max-height:240px}
.sel_md .list li{padding:13px 16px 11px;font-size:16px;background-position:16px 50%}
.sel_md .scroll-wrapper > .scroll-element.scroll-y{top:8px;right:8px;width:6px;;max-height:calc(100% - 16px)}
.sel_md .scroll-wrapper > .scroll-element .scroll-bar:hover,
.sel_md .scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar{width:6px}
.sel_lg{width:137px}
.sel_lg .current{padding-right:68px;padding-left:20px;font-size:18px;line-height:56px}
.sel_lg .current:before{width:68px}
.sel_lg .current:after{width:68px;background-size:28px}
.sel_lg .current + .list{top:56px;max-height:280px}
.sel_lg .list li{padding:15px 20px 14px;font-size:18px;background-position:20px 50%}
.sel_lg .scroll-wrapper > .scroll-element.scroll-y{top:8px;right:8px;width:6px;max-height:calc(100% - 16px)}
.sel_lg .scroll-wrapper > .scroll-element .scroll-bar:hover,
.sel_lg .scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar{width:6px}
/*** btn ***/
.btn{display:inline-flex;justify-content:center;align-items:center;position:relative;vertical-align:top;font-weight:700;text-align:center;border:1px solid;border-radius:12px;transition:all ease .3s}
.btn span{position:relative}
.btn.disabled,
.btn[disabled]{color:#ccc !important;cursor:default}
.btn.disabled svg path,
.btn[disabled] svg path,
.btn.disabled svg g,
.btn[disabled] svg g{stroke:#ccc !important}
/* 버튼 사이즈 */
.btn_xs{height:32px;padding:0 11px;font-size:12px;border-radius:8px}
.btn_xs svg{width:16px;height:16px}
.btn_xs svg:first-child:not(:only-child){margin-right:4px}
.btn_xs svg:last-child:not(:only-child){margin-left:4px}
.btn_xs.btn_icon{padding:0 8px}
.btn_sm{height:40px;padding:0 15px;font-size:14px;border-radius:8px}
.btn_sm svg{width:20px;height:20px}
.btn_sm svg:first-child:not(:only-child){margin-right:4px}
.btn_sm svg:last-child:not(:only-child){margin-left:4px}
.btn_sm.btn_icon{padding:0 10px}
.btn_md{height:48px;padding:0 19px;font-size:16px}
.btn_md svg{width:24px;height:24px}
.btn_md svg:first-child:not(:only-child){margin-right:4px}
.btn_md svg:last-child:not(:only-child){margin-left:4px}
.btn_md.btn_icon{padding:0 12px}
.btn_lg{height:56px;padding:0 23px;font-size:18px}
.btn_lg svg{width:28px;height:28px}
.btn_lg svg:first-child:not(:only-child){margin-right:8px}
.btn_lg svg:last-child:not(:only-child){margin-left:8px}
.btn_lg.btn_icon{padding:0 14px}
/* 알약 */
.pill{border-radius:2em !important}
/* 밑줄 버튼 */
.btn_txt{padding:0 4px !important;border:0;border-bottom:1px solid;border-radius:0}
/* 상단 버튼 */
.btn_top{position:fixed;right:40px;bottom:40px;width:50px;height:50px;border:1px solid #e7e8e9;background-color:#fff;z-index:990;opacity:0;transition:all ease-in-out .4s}
.btn_top.active{opacity:1}
/* 버튼 영역 */
.btn_area{display:flex;align-items:center;justify-content:center;padding-top:20px}
.btn_area .btn:not(:first-child){margin-left:8px}
/*** badge ***/
.badge{display:inline-flex;justify-content:center;align-items:center;position:absolute !important;top:0;left:100%;min-width:20px;padding:0 5px;font-size:14px;line-height:18px;vertical-align:top;border:1px solid;border-radius:2em;transform:translate(-50%,-50%);transition:all linear .3s}
.badge.circle{padding:0;font-size:10px;border-radius:50%}
.badge.circle svg{width:12px;height:12px}
.badge.dot{width:8px;min-width:auto;height:8px;padding:0;border-radius:50%}
/* badge 사이즈 */
.badge_md{min-width:26px;padding:0 7px;line-height:24px}
.badge_md.circle{font-size:12px}
.badge_md.circle svg{width:14px;height:14px}
.badge_md.dot{width:12px;height:12px}
/* chip */
.chip{display:inline-flex;justify-content:center;align-items:center;border:1px solid;border-radius:2em;transition:all linear .3s}
.chip span:first-child:not(:only-child){padding-right:4px}
.chip span:last-child:not(:only-child){padding-left:4px}
.chip svg{vertical-align:top}
.chip.disabled{color:#ccc !important;cursor:pointer}
.chip.disabled svg path,
.chip.disabled svg g{stroke:#ccc !important}
/* chip 사이즈 */
.chip_sm{height:24px;padding:0 3px;font-size:12px}
.chip_sm span{padding:0 8px}
.chip_sm .avatars,.chip_sm svg{width:16px;height:16px}
.chip_md{height:32px;padding:0 5px;font-size:14px}
.chip_md span{padding:0 10px}
.chip_md .avatars,.chip_md svg{width:20px;height:20px}
.chip_lg{height:40px;padding:0 7px;font-size:16px}
.chip_lg span{padding:0 8px}
.chip_lg .avatars,.chip_lg svg{width:24px;height:24px}
/*** 컬러 ***/
.fill_primary{color:#fff !important;border-color:#fa4616;background-color:#fa4616}
.btn.fill_primary:hover,.chip.fill_primary:hover{border-color:#ba0209;background-color:#ba0209}
.fill_primary20{border-color:#ffa3a6;background-color:#ffa3a6}
.fill_secondary{color:#fff !important;border-color:#88807e;background-color:#88807e}
.btn.fill_secondary:hover,.chip.fill_secondary:hover{border-color:#544f4e;background-color:#544f4e}
.fill_secondary10{color:#333 !important;border-color:#ccc;background-color:#ccc}
.fill_tertiary{color:#fff !important;border-color:#1595af;background-color:#1595af}
.btn.fill_tertiary:hover,.chip.fill_tertiary:hover{border-color:#196e8c;background-color:#196e8c}
.fill_success{color:#fff !important;border-color:#5f93fa;background-color:#5f93fa}
.btn.fill_success:hover,.chip.fill_success:hover{border-color:#2e62d1;background-color:#2e62d1}
.fill_success20{border-color:#b2cbff;background-color:#b2cbff}
.fill_progress{color:#fff !important;border-color:#8dc73c;background-color:#8dc73c}
.btn.fill_progress:hover,.chip.fill_progress:hover{border-color:#62a30d;background-color:#62a30d}
.fill_progress20{border-color:#b6e577;background-color:#b6e577}
.fill_error{color:#fff !important;border-color:#eb464b;background-color:#eb464b}
.btn.fill_error:hover,.chip.fill_error:hover{border-color:#9e2022;background-color:#9e2022}
.fill_caution{color:#fff !important;border-color:#f2ac0c;background-color:#f2ac0c}
.btn.fill_caution:hover,.chip.fill_caution:hover{border-color:#e08300;background-color:#e08300}
.fill_grey10{color:#767676 !important;border-color:#f7f7f7;background-color:#f7f7f7}
.fill_grey20{color:#000 !important;border-color:#eaeaea;background-color:#eaeaea}
.fill_grey50{color:#fff !important;border-color:#a5a5a5;background-color:#a5a5a5}
.fill_grey70{color:#fff !important;border-color:#767676;background-color:#767676}
.chip.fill_grey20:hover{border-color:#ccc;background-color:#ccc}
.fill_black{color:#fff !important;border-color:#000;background-color:#000}
.fill_primary svg path,.fill_primary svg g,
.fill_secondary svg path,.fill_secondary svg g,
.fill_tertiary svg path,.fill_tertiary svg g{stroke:#fff !important}
.fill_primary.disabled,.fill_primary[disabled],
.fill_secondary.disabled,.fill_secondary[disabled],
.fill_tertiary.disabled,.fill_tertiary[disabled]{border-color:#f7f7f7 !important;background-color:#f7f7f7 !important}
/*** 라인 컬러 ***/
.line_primary{color:#fa4616 !important;border-color:#fa4616;background-color:#fff}
.btn.line_primary:hover,.chip.line_primary:hover{background-color:#ffe7e7}
.line_secondary{color:#88807e !important;border-color:#88807e;background-color:#fff}
.btn.line_secondary:hover,.chip.line_secondary:hover{background-color:#eee6e7}
.line_tertiary {color:#1595af !important;border-color:#1595af;background-color:#fff}
.btn.line_tertiary:hover,.chip.line_tertiary:hover{background-color:#edf8ff}
.line_success{color:#5f93fa !important;border-color:#5f93fa;background-color:#fff}
.btn.line_success:hover,.chip.line_success:hover{background-color:#ebf1ff}
.line_progress{color:#8dc73c !important;border-color:#8dc73c;background-color:#fff}
.btn.line_progress:hover,.chip.line_progress:hover{background-color:#f2fae8}
.line_error{color:#eb464b !important;border-color:#eb464b;background-color:#fff}
.btn.line_error:hover,.chip.line_error:hover{background-color:#ffeded}
.line_caution{color:#f2ac0c !important;border-color:#f2ac0c;background-color:#fff}
.btn.line_caution:hover,.chip.line_caution:hover{background-color:#fffbeb}
.line_grey20{color:#000 !important;border-color:#eaeaea;background-color:#fff}
.line_grey40{color:#000 !important;border-color:#ccc;background-color:#fff}
.chip.line_grey20:hover{background-color:#f7f7f7}
.line_black{color:#000 !important;border-color:#000;background-color:#fff}
.line_primary svg path,.line_primary svg g{stroke:#fa4616 !important}
.line_secondary svg path,.line_secondary svg g{stroke:#88807e !important}
.line_tertiary svg path,.line_tertiary svg g{stroke:#1595af !important}
.line_primary.disabled,.line_primary[disabled],
.line_secondary.disabled,.line_secondary[disabled],
.line_tertiary.disabled,.line_tertiary[disabled]{border-color:#eaeaea !important;background-color:#fff !important}
/*** tab ***/
.tab{display:flex;width:100%}
.tab > li a{display:block}
.tab > li.active a{}
.tab_cont .cont{display:none}
.tab_cont .cont.active{display:block}
/*** table ***/
/* list */
.tbl_list{font-size:14px}
.tbl_list thead th{height:46px;line-height:21px;text-align:center;vertical-align:middle;color:#fff;border-right:1px solid #5185f5;background-color:#5f93fa}
.tbl_list thead th .checkbox{vertical-align:middle}
.tbl_list thead th .nice-select{}
.tbl_list tbody th{font-weight:normal}
.tbl_list tbody th,
.tbl_list tbody td{position:relative;height:46px;padding:9px 16px;text-align:center;vertical-align:middle;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;background-color:#fff}
.tbl_list thead th:last-child,.tbl_list tbody td:last-child{border-right:none}
.jq_scrollbar .tbl_list thead th{position:sticky;top:0;z-index:1}
.tbl_list thead tr:nth-child(1) th:first-child{border-radius:12px 0 0 0}
.tbl_list thead tr:nth-child(1) th:last-child{border-radius:0 12px 0 0}
.tbl_list thead tr:nth-child(1) th:only-child{border-radius:12px 12px 0 0}
.tbl_list tbody tr:last-child td{border-bottom:none}
.tbl_list tbody tr:last-child td:nth-child(1){border-bottom-left-radius:12px}
.tbl_list tbody tr:last-child td:last-child{border-bottom-right-radius:12px}
.tbl_list.type01 tbody th,
.tbl_list.type01 tbody td{padding:9px 7px}
/* write */
.tbl_write{}
.tbl_write tbody th{height:46px;line-height:21px;text-align:center;vertical-align:middle;color:#fff;border-bottom:1px solid #497ef2;border-right:1px solid #5185f5;background-color:#497ef2}
.tbl_write tbody th .aster{color:#fa4616;font-weight:700}
.tbl_write tbody td{height:64px;padding:12px;color:#4a4a4a;font-size:14px;line-height:20px;vertical-align:middle;border-bottom:1px solid #eaeaea;background-color:#fff}
.tbl_write tbody td .btn_sm{line-height:31px}
.tbl_write tbody td + th{border-left:1px solid #e7e8e9}
.tbl_write thead tr:nth-child(1) th:first-child{border-radius:12px 0 0 0}
.tbl_write thead tr:nth-child(1) th:last-child{border-radius:0 12px 0 0}

/* view */
.board_view > dt{display:table;width:100%;border-top:2px solid #fa4616;border-bottom:1px solid #e7e8e9;background-color:#f8fafb}
.board_view > dt .tit_area{display:table-cell;width:auto;padding:36px 30px 37px;font-weight:normal}
.board_view > dt .tit_area .tit{font-size:20px;font-weight:700;line-height:24px;vertical-align:middle;word-break:break-all}
.board_view > dt .tit_area .cate{display:block;margin-bottom:10px;color:#fa4616}
.board_view > dt .date{display:table-cell;width:140px;color:#4a4a4a;font-size:14px;text-align:center;vertical-align:middle}
.board_view > dd{min-height:300px;padding:30px;font-size:14px;line-height:24px;border-bottom:1px solid #e7e8e9}
.board_view > dd.attached_file{min-height:auto;padding-top:10px;padding-bottom:10px}
.board_view > dd.attached_file .file_tit{margin-right:30px}
.board_view > dd.answer{background-color:#f8fafb}
/* 이전글,다음글 */
.board_prev_next > li{border-bottom:1px solid #e7e8e9}
.board_prev_next > li dl{position:relative;padding-left:100px;font-size:13px}
.board_prev_next > li dl dt{position:absolute;top:0;left:0;width:100px;height:42px;color:#4a4a4a;line-height:42px;text-align:center}
.board_prev_next > li dl dd{padding:12px 15px;color:#808080;line-height:18px}
.board_prev_next > li dl dd a{display:inline-block;overflow:hidden;max-width:100%;color:#4a4a4a;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.board_prev_next > li:first-child dl dt:after{background-position:-17px 0}
/*** form ***/
/* 날짜 폼 */
.datepicker{padding-right:52px;color:#333 !important;background:#fff url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%235f93fa%22%20d%3D%22M19%204h-1V2h-2v2H8V2H6v2H5c-1.11%200-1.99.9-1.99%202L3%2020a2%202%200%200%200%202%202h14c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%2016H5V10h14v10zm0-12H5V6h14v2zM9%2014H7v-2h2v2zm4%200h-2v-2h2v2zm4%200h-2v-2h2v2zm-8%204H7v-2h2v2zm4%200h-2v-2h2v2zm4%200h-2v-2h2v2z%22%2F%3E%3C%2Fsvg%3E') no-repeat right 16px top 50% !important;cursor:pointer !important}
.term_form{display:inline-flex;align-items:center}
.term_form input{width:131px}
.term_form .swung{margin:0 8px}
/* 휴대전화 폼 */
.phone_form{display:inline-flex;align-items:center}
.phone_form input{width:64px}
.phone_form .nice-select{width:84px}
.phone_form .bar{margin:0 10px}
/* 이메일 폼 */
.email_form{display:inline-flex;align-items:center}
.email_form input{width:200px}
.email_form .nice-select{width:170px}
.email_form .at{margin:0 10px}
.email_form .email_inp{display:none;margin-left:10px}
.email_form .email_inp.active{display:block}
/* 주소 폼 */
.address_form .row + .row{margin-top:8px}
.address_form .row input{width:524px}
.address_form .row .inp_w200{width:200px}
.address_form .row .btn_zipcode{margin-left:10px;color:#4a4a4a !important;border-color:#cacaca}
/* 파일첨부 폼 */
.file_form{position:relative;min-height:50px;border:1px solid #f7f7f7;border-radius:5px;background-color:#f7f7f7}
.file_form .input_file{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0}
.file_form .btn_file{position:absolute;top:5px;right:10px;z-index:1;cursor:pointer}
.file_form .file_tip{position:absolute;top:15px;left:20px;color:#959595}
.file_form .file_tip.dragover{display:none;color:#fa4616}
.file_form .drop_zone{position:relative;min-height:50px;padding:47px 58px 0 18px}
.file_form .file{margin-top:10px}
.file_form .file:after{content:'';display:block;clear:both}
.file_form .file > *{float:left;font-size:16px;line-height:24px}
.file_form .file .btn_file_del{width:18px;height:18px;margin-top:3px;margin-right:5px;padding:0}
.file_form .file .file_name{overflow:hidden;position:relative;padding-left:25px;text-overflow:ellipsis;white-space:nowrap}
.file_form .file .file_name:before{content:'';position:absolute;top:3px;left:0;width:18px;height:18px}
.file_form .file .file_size{float:right;color:#959595;font-size:14px}
.file_form .file.file_doc .file_name:before,
.file_form .file.file_docx .file_name:before{background-position:-28px 0}
.file_form .file.file_hwp .file_name:before{background-position:-56px 0}
.file_form .file.file_pdf .file_name:before{background-position:-84px 0}
.file_form .file.file_ppt .file_name:before,
.file_form .file.file_pptx .file_name:before{background-position:-112px 0}
.file_form .file.file_xls .file_name:before,
.file_form .file.file_xlsx .file_name:before{background-position:-140px 0}
.file_form .file.file_zip .file_name:before{background-position:-168px 0}
.file_form.upload .btn_file{display:none}
.file_form.dragover{border-color:#fa4616}
.file_form.dragover .file_tip{display:none}
.file_form.dragover .file_tip.dragover{display:block}
/* 첨부 파일 리스트 */
.file_list li{}
.file_list li a{}
/* 검색폼 */
.search{display:flex;position:relative;width:100%}
.search input{width:100%;padding-right:64px;padding-left:20px;border:none;border-radius:12px}
.search .btn_search{position:absolute;top:1px;right:20px;bottom:1px;width:24px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fa4616%22%20d%3D%22M7%209H2V7h5v2zm0%203H2v2h5v-2zm13.59%207l-3.83-3.83c-.8.52-1.74.83-2.76.83c-2.76%200-5-2.24-5-5s2.24-5%205-5s5%202.24%205%205c0%201.02-.31%201.96-.83%202.75L22%2017.59L20.59%2019zM17%2011c0-1.65-1.35-3-3-3s-3%201.35-3%203s1.35%203%203%203s3-1.35%203-3zM2%2019h10v-2H2v2z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
/*검색폼 사이즈*/
.search_xs input{height:32px;padding-right:40px;padding-left:12px;font-size:12px;border-radius:8px}
.search_xs .btn_search{right:12px;width:16px;background-size:16px}
.search_sm input{height:40px;padding-right:52px;padding-left:16px;font-size:14px;border-radius:8px}
.search_sm .btn_search{right:16px;width:20px;background-size:20px}
.search_md input{height:48px;padding-right:64px;padding-left:20px;font-size:16px}
.search_md .btn_search{right:20px;width:24px;background-size:24px}
.search_lg input{height:56px;padding-right:76px;padding-left:24px;font-size:18px}
.search_lg .btn_search{right:24px;width:28px;background-size:28px}
/*** pagination ***/
.pagination{display:flex;justify-content:center;align-items:center;padding-top:40px;color:#959595;font-size:16px;text-align:center}
.pagination a,
.pagination span{display:block;min-width:40px;color:#959595;padding:0 4px}
.pagination a.active,
.pagination span.active{color:#fa4616;font-weight:700}
.pagination p{display:flex}
.pagination p span{min-width:auto;padding:0}
.pagination .page_nav{width:40px;height:40px;padding:0;border:1px solid #eaeaea;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%}
.pagination .page_nav.disabled{cursor:default}
.pagination .first{margin-right:8px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M17.59%2018L19%2016.59L14.42%2012L19%207.41L17.59%206l-6%206z%22%2F%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22m11%2018l1.41-1.41L7.83%2012l4.58-4.59L11%206l-6%206z%22%2F%3E%3C%2Fsvg%3E')}
.pagination .prev{margin-right:24px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M15.41%207.41L14%206l-6%206l6%206l1.41-1.41L10.83%2012l4.58-4.59z%22%2F%3E%3C%2Fsvg%3E')}
.pagination .next{margin-left:24px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M10%206L8.59%207.41L13.17%2012l-4.58%204.59L10%2018l6-6l-6-6z%22%2F%3E%3C%2Fsvg%3E')}
.pagination .last{margin-left:8px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M6.41%206L5%207.41L9.58%2012L5%2016.59L6.41%2018l6-6z%22%2F%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22m13%206l-1.41%201.41L16.17%2012l-4.58%204.59L13%2018l6-6z%22%2F%3E%3C%2Fsvg%3E')}
.pagination .first:hover{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23fa4616" d="M17.59 18L19 16.59L14.42 12L19 7.41L17.59 6l-6 6z"%2F%3E%3Cpath fill="%23fa4616" d="m11 18l1.41-1.41L7.83 12l4.58-4.59L11 6l-6 6z"%2F%3E%3C%2Fsvg%3E')}
.pagination .prev:hover{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23fa4616" d="m8.288 12l6.01 6.01l1.414-1.414l-4.6-4.6l4.6-4.6l-1.414-1.406L8.288 12Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .next:hover{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23fa4616" d="m15.713 12l-6.01-6.01l-1.415 1.414l4.6 4.6l-4.6 4.593l1.414 1.414L15.713 12Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .last:hover{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23fa4616" d="M6.41 6L5 7.41L9.58 12L5 16.59L6.41 18l6-6z"%2F%3E%3Cpath fill="%23fa4616" d="m13 6l-1.41 1.41L16.17 12l-4.58 4.59L13 18l6-6z"%2F%3E%3C%2Fsvg%3E')}
.pagination .first.disabled{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M17.59%2018L19%2016.59L14.42%2012L19%207.41L17.59%206l-6%206z%22%2F%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22m11%2018l1.41-1.41L7.83%2012l4.58-4.59L11%206l-6%206z%22%2F%3E%3C%2Fsvg%3E')}
.pagination .prev.disabled{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M15.41%2016.59L10.83%2012l4.58-4.59L14%206l-6%206l6%206l1.41-1.41z%22%2F%3E%3C%2Fsvg%3E')}
.pagination .next.disabled{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M8.59%2016.59L13.17%2012L8.59%207.41L10%206l6%206l-6%206l-1.41-1.41z%22%2F%3E%3C%2Fsvg%3E')}
.pagination .last.disabled{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M6.41%206L5%207.41L9.58%2012L5%2016.59L6.41%2018l6-6z%22%2F%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22m13%206l-1.41%201.41L16.17%2012l-4.58%204.59L13%2018l6-6z%22%2F%3E%3C%2Fsvg%3E')}
/*** editor ***/
.cke_contents{min-height:300px}
.editor em{font-style:italic}
.editor ol,.editor ul{padding:0 40px}
.editor ol li{list-style:decimal}
.editor ul li{list-style:disc}
.editor blockquote{padding:2px 8px 2px 20px;font-style:italic;border-left:5px solid #ccc}
.editor hr{display:block}
.editor h1{font-size:2em}
.editor h2{font-size:1.5em}
.editor h3{font-size:1.17em}
.editor h4{font-size:1em}
.editor h5{font-size:0.83em}
.editor h6{font-size:0.67em}
.editor table,.editor table td{border:1px solid gray}
/*** list ***/
/* 블릿 타입 */
.list_bull > li{position:relative;padding-left:13px;line-height:23px;text-align:left;word-break:keep-all}
.list_bull > li:before{content:'';position:absolute;top:9px;left:0;width:3px;height:3px;background-color:#4a4a4a}
/*** no data ***/
.no_data{margin:75px 0 110px;padding-top:270px;text-align:center}
.no_data > dt{font-size:27px;font-weight:900}
.no_data > dd{margin-top:15px;line-height:24px}
/***** 약관 *****/
.policy_area .tr .btn_sm{line-height:31px}
.policy_area .policy_list > li + li{margin-top:30px}
.policy_area .policy_list > li .policy_sec > dt{font-size:16px;font-weight:900}
.policy_area .policy_list > li .policy_sec > dd{padding-top:10px;line-height:24px}
.policy_area .policy_list > li .policy_sec > dd > .mt{margin-top:10px}
.policy_area .policy_list > li .policy_sec > dd a{text-decoration:underline}
.policy_area .policy_list > li .policy_sec strong{display:block;margin:10px 0 -5px;font-weight:normal}
.policy_area .policy_list > li .policy_sec li{word-break:keep-all}
.policy_area .policy_list > li .policy_sec .alpha_list > li > *,
.policy_area .policy_list > li .policy_sec .num_list > li > *,
.policy_area .policy_list > li .policy_sec .dash_list > li > *{padding-left:0;text-indent:0}
.policy_area .policy_list > li .policy_sec .alpha_list > li{margin-top:10px;padding-left:20px;text-indent:-20px}
.policy_area .policy_list > li .policy_sec .alpha_list.parenthesis > li{margin-top:0;padding-left:27px;text-indent:-27px}
.policy_area .policy_list > li .policy_sec .num_list > li{padding-left:20px;text-indent:-20px}
.policy_area .policy_list > li .policy_sec .alpha_list > li ol,
.policy_area .policy_list > li .policy_sec .dash_list{margin-top:5px}
.policy_area .policy_list > li .policy_sec .dash_list > li{padding-left:10px;text-indent:-10px}
/***** popup *****/
.popup{border-radius:16px;background-color:#fff;box-shadow:10px 10px 20px rgba(0, 0, 0, 0.05)}
.popup .pop_tit{display:flex;align-items:flex-start;padding:10px 0;font-size:20px;font-weight:800;line-height:1}
.popup .pop_tit:before{content:'';width:4.67px;height:7.77px;margin-right:8px;background-color:#fa4616;border-bottom-left-radius:8px}
.popup .pop_foot{display:flex;justify-content:center}
/***** system alert *****/
.system_alert{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}
.system_alert>.dim{width:100%;height:100%;background-color:rgba(0,0,0,0.4)}
.system_alert.active{display:block}
.system_alert .popup{position:absolute;top:50%;left:50%;width:400px;padding-top:44px;transform:translate(-50%,-50%)}
.system_alert .popup .pop_cont{padding:0 28px;text-align:center}
.system_alert .popup .pop_cont .ico + .pop_tit{margin-top:12px}
.system_alert .popup .pop_cont .ico + p{margin-top:16px}
.system_alert .popup .pop_cont .pop_tit{margin-top:-4px}
.system_alert .popup .pop_cont .pop_tit + p{margin-top:10px}
.system_alert .popup .pop_foot{display:flex;margin-top:32px}
.system_alert .popup .pop_foot .btn{width:100%}
.system_alert .popup .pop_foot .btn.fill_grey10{border-radius:0 0 0 16px}
.system_alert .popup .pop_foot .btn.fill_primary{border-radius:0 0 16px 0}
.system_alert .ico{width:64px;height:64px;margin-bottom:20px}
.system_alert .ico.lock{background-image:url(../images/icon/pop_ico_01.svg)}
.system_alert .ico.error{background-image:url(../images/icon/pop_ico_02.svg)}
.system_alert .ico.qa{background-image:url(../images/icon/pop_ico_03.svg)}
.system_alert .ico.success{background-image:url(../images/icon/pop_ico_04.svg)}
/***** main layer popup *****/
.main_layer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:464px;z-index:1000}
.main_layer.active{display:block}
.main_layer .popup{overflow:hidden;position:relative}
.main_layer .popup .pop_head{padding:24px 28px 0}
.main_layer .popup .pop_head:after{content:'';display:block;height:1px;margin-top:8px;background-color:#dbdbdb}
.main_layer .popup .pop_cont{padding:16px 28px;line-height:1.8}
.main_layer .popup .pop_cont .close_area{padding-top:16px}
.main_layer .popup .pop_foot .btn{width:100%;border-radius:0}
/***** layer popup *****/
.pop_layer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}
.pop_layer.active{display:block}
.pop_layer .dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4)}
.pop_layer .popup{position:absolute;top:50%;left:50%;width:800px;padding:28px;transform:translate(-50%,-50%)}
.pop_layer .popup .btn_close{position:absolute;top:12px;right:12px;width:24px;height:24px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="M17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41L17.59 5Z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;cursor:pointer}
.pop_layer .popup .pop_cont{margin-top:8px;line-height:1.8}
.pop_layer .popup .pop_foot .btn{width:100%}
.pop_layer .popup .pop_foot .btn:nth-child(1){border-radius:0 0 0 12px}
.pop_layer .popup .pop_foot .btn:nth-child(2){border-radius:0 0 12px 0}
/***** system message *****/
.system_msg_area{position:fixed;right:40px;bottom:40px;z-index:10000;pointer-events:none}
/*** toast ***/
.toast{visibility:hidden;position:relative;left:20px;width:320px;margin-top:10px;padding:16px 20px;border-radius:4px;background-color:rgba(0,0,0,.8);opacity:0;transition:all linear .3s}
.toast.active{visibility:visible;left:0;opacity:1}
.toast .toast_cont{display:flex;color:#fff;font-size:14px}
.toast .toast_cont .ico{width:20px;height:20px;margin-right:4px;background-size:100%}
.toast .toast_cont .ico_success{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8s8%203.59%208%208s-3.59%208-8%208zm4.59-12.42L10%2014.17l-2.59-2.58L6%2013l4%204l8-8z%22%2F%3E%3C%2Fsvg%3E')}
/*** snackbar ***/
.snackbar{display:flex;align-items:flex-start;visibility:hidden;position:relative;left:20px;width:320px;margin-top:10px;padding:18px 20px 18px 10px;font-size:14px;border-left:10px solid #5f93fa;border-radius:4px;background-color:#fff;opacity:0;transition:all linear .3s}
.snackbar.active{visibility:visible;left:0;opacity:1}
.snackbar dl{padding-left:28px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%235f93fa%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8s8%203.59%208%208s-3.59%208-8%208zm4.59-12.42L10%2014.17l-2.59-2.58L6%2013l4%204l8-8z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.snackbar dl dt{font-weight:500}
.snackbar dl dd{margin-top:1px;color:#767676;font-size:12px}
.snackbar .btn_area{flex-shrink:0;margin-left:auto;padding-top:0}
.snackbar .btn_area > *{margin-left:4px;line-height:1;pointer-events:auto}
.snackbar.progress{border-left-color:#8dc73c}
.snackbar.progress dl{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%238dc73c%22%20d%3D%22M12%206v3l4-4l-4-4v3c-4.42%200-8%203.58-8%208c0%201.57.46%203.03%201.24%204.26L6.7%2014.8A5.87%205.87%200%200%201%206%2012c0-3.31%202.69-6%206-6zm6.76%201.74L17.3%209.2c.44.84.7%201.79.7%202.8c0%203.31-2.69%206-6%206v-3l-4%204l4%204v-3c4.42%200%208-3.58%208-8c0-1.57-.46-3.03-1.24-4.26z%22%2F%3E%3C%2Fsvg%3E')}
.snackbar.error{border-left-color:#eb464b}
.snackbar.error dl{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23eb464b%22%20d%3D%22M14.59%208L12%2010.59L9.41%208L8%209.41L10.59%2012L8%2014.59L9.41%2016L12%2013.41L14.59%2016L16%2014.59L13.41%2012L16%209.41L14.59%208zM12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010s10-4.47%2010-10S17.53%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8s8%203.59%208%208s-3.59%208-8%208z%22%2F%3E%3C%2Fsvg%3E')}
.snackbar.caution{border-left-color:#f2ac0c}
.snackbar.caution dl{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23f2ac0c%22%20d%3D%22M11%2015h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E')}

/*** skipnav ***/
#skipnav a{position:absolute;left:-3000%}
#skipnav a:focus{display:block;top:0;left:0;width:100%;height:30px;color:#fff;line-height:30px;text-align:center;background-color:#039;z-index:100000}