@charset "UTF-8";

/***** reset *****/
/*html{scroll-behavior:smooth}*/
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{color:#1d2329}
input[disabled] ~ label{cursor:default !important}
input,select,textarea,button{font-size:16px;font-family:inherit;vertical-align:middle;box-sizing:border-box}
input,select,textarea{width:100%;padding:0 15px;border:1px solid #b8c3cc;border-radius:4px;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
input:focus,select:focus,textarea:focus{border-color:#7614cc}
::placeholder{color:#959ea6;text-align:left;opacity:1}
:-ms-input-placeholder{color:#959ea6;text-align:left;vertical-align:top}
::-ms-input-placeholder{color:#959ea6;text-align:left}
::-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:#959ea6;border-color:#b8c3cc;background-color:#f2f8fc;outline:none;cursor:default}
input{overflow:hidden;height:44px;line-height:42px;text-overflow:ellipsis;white-space:nowrap}
input[type=number]{-moz-appearance:textfield}
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)}
input:-webkit-autofill,
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:15px;padding-bottom:15px}
button,input[type=submit]{padding:0;border:0;border-radius:0;background-color:transparent;cursor:pointer}
address,em,i{font-style:normal}
a{color:#000;text-decoration:none}

/***** 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}
.aic{align-items:center !important}
.aifs{align-items:flex-start !important}
.aife{align-items:flex-end !important}
.dfjcai{display:flex;justify-content:space-evenly;align-items:center}
/*** 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}
.w400{width:400px !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}
/*** min-width ***/
.mwa{min-width:auto !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}
.mla{margin-left: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}.mt28{margin-top:28px !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}.ml28{margin-left:28px !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}.pl13{padding-left:13px !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}
.pt80{padding-top:80px !important}
/*** font color ***/
.fc_primary{color:#7614CC !important}
.fc_primary10{color:#e7ccff !important}
.fc_primary20{color:#b17be0 !important}
.fc_primary40{color:#470680 !important}
.fc_primary50{color:#2e0057 !important}
.fc_secondary_blue{color:#30f6df !important}
.fc_secondary_green{color:#23EB96 !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_cool_grey70{color:#6a7075 !important}
.fc_cool_grey80{color:#505559 !important}
.fc_cool_grey90{color:#1d2329 !important}
.fc_black{color:#000 !important}
.fc_blue{color:#6155f5 !important}
.fc_success{color:#5f93fa !important}
.fc_success10{color:#f2f6ff !important}
.fc_success20{color:#b2cbff !important}
.fc_success40{color:#4171d9 !important}
.fc_success50{color:#1843a8 !important}
.fc_progress{color:#83bf30 !important}
.fc_progress10{color:#f2fae8 !important}
.fc_progress20{color:#b6e577 !important}
.fc_progress40{color:#62a30d !important}
.fc_progress50{color:#437a00 !important}
.fc_error{color:#e56784 !important}
.fc_error10{color:#ffeded !important}
.fc_error20{color:#f28d8e !important}
.fc_error30{color:#eb464b !important}
.fc_error40{color:#9e2022 !important}
.fc_error50{color:#730606 !important}
.fc_caution{color:#f2ac0c !important}
.fc_caution10{color:#fcf9e8 !important}
.fc_caution20{color:#fad157 !important}
.fc_caution40{color:#e08300 !important}
.fc_caution50{color:#ad5802 !important}
.fc_light_purple{color:#be62f5 !important}
.fc_blue_green{color:#21bad9 !important;}

/*** font size ***/
.fz0{font-size:0 !important}
.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}.fw500{font-weight:500 !important}.fw600{font-weight:600 !important}.fw700{font-weight:700 !important}.fw900{font-weight:900 !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}
/* line-height */
.lh0{line-height:1 !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}
.bdr1{border-right:1px solid #dae3eb !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;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.eps3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.eps4{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.wesp2 img{display:none}
/*** scrollbar ***/
.jq_scrollbar{overflow-y:auto;scrollbar-width:none}
.jq_scrollbar::-webkit-scrollbar{display:none}
.scroll-wrapper > .scroll-content{box-sizing:border-box !important}
.scroll-wrapper > .scroll-content.scroll-scrolly_visible{padding-right:20px !important}
.scroll-wrapper > .scroll-content.scroll-scrollx_visible{padding-bottom:20px}
.scroll-wrapper > .scroll-element{background-color:transparent}
.scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar{background-color:#858d94}
.scroll-wrapper > .scroll-element .scroll-element_track{background-color:#dae3eb}
.scroll-wrapper > .scroll-element .scroll-bar{background-color:#959ea6}
.scroll-wrapper > .scroll-element.scroll-y{top:0;right:0;width:8px;max-height:100%;border-radius:20px}
.scroll-wrapper > .scroll-y .scroll-bar{left:0 !important;width:100% !important}
.scroll-wrapper > .scroll-y .scroll-element_outer{top:0;height:100%;border-radius:0}
.scroll-wrapper > .scroll-element.scroll-x{bottom:0;left:0;width:100%;max-width:100%;height:3px}
.scroll-wrapper > .scroll-x .scroll-bar{top:0 !important;height:100% !important}
.scroll-wrapper > .scroll-x .scroll-element_outer{top:0;left:0;width:100%;height:100%}
.scroll-wrapper > .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_inner-wrapper{left:0;width:8px}
/*** tip ***/
.tip{color:#6a7075;font-size:16px}
.tip.type01{color:#505559;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}
.ico_headphone{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%3Cg fill="none" stroke="%231d2329" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Crect width="5" height="7" x="4" y="13" rx="2"%2F%3E%3Crect width="5" height="7" x="15" y="13" rx="2"%2F%3E%3Cpath d="M4 15v-3a8 8 0 0 1 16 0v3"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 0}
.ico_time{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%3Cg fill="none" stroke="%231d2329" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="12" cy="12" r="9"%2F%3E%3Cpath d="M12 7v5l3 3"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 0}
.ico_nodata{display:inline-block;padding-left:25px;background: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="%23767676" d="m21.71 20.29l-18-18a1 1 0 0 0-1.42 1.42L4 5.41V19a3 3 0 0 0 3 3h10a3 3 0 0 0 2.39-1.2l.9.91a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42ZM17 20H7a1 1 0 0 1-1-1V7.41l11.93 11.93A1 1 0 0 1 17 20ZM8.66 4H12v3a3 3 0 0 0 3 3h3v3.34a1 1 0 1 0 2 0v-4.4a1.31 1.31 0 0 0-.06-.27v-.09a1.07 1.07 0 0 0-.19-.28l-6-6a1.07 1.07 0 0 0-.28-.19h-.09L13.06 2h-4.4a1 1 0 0 0 0 2ZM14 5.41L16.59 8H15a1 1 0 0 1-1-1Z"%2F%3E%3C%2Fsvg%3E') no-repeat 0 50%}
.ico_alert_triangle{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="56" height="56" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23eb464b" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4v.01M5 19h14a2 2 0 0 0 1.84-2.75L13.74 4a2 2 0 0 0-3.5 0l-7.1 12.25A2 2 0 0 0 4.89 19"%2F%3E%3C%2Fsvg%3E') !important;background-size:100%}
.ico_check{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%235f93fa" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m5 12l5 5L20 7"%2F%3E%3C%2Fsvg%3E') !important;background-size:100%}
.ico_question{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23f2ac0c" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 8a3.5 3 0 0 1 3.5-3h1A3.5 3 0 0 1 16 8a3 3 0 0 1-2 3a3 4 0 0 0-2 4m0 4v.01"%2F%3E%3C%2Fsvg%3E') !important;background-size:100%}
.ico_mouse{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%235f93fa" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Crect width="12" height="18" x="6" y="3" rx="4"%2F%3E%3Cpath d="M12 7v4"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important}
/*** 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,
[data-title]:focus: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,
[data-title]:focus: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{position:relative}
.input input{width:100% !important}
.input .btn_del{display:none;position:absolute;top:50%;right:20px;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%3Cg fill="none" stroke="%23858d94" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="12" cy="12" r="9"%2F%3E%3Cpath d="m10 10l4 4m0-4l-4 4"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input .btn_del:has(+ .btn_pw_view){right:2.813rem}
.input .btn_pw_view{position:absolute;top:50%;right:0.813rem;width:1.5rem;height:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='m16.1 13.3l-1.45-1.45q.225-1.175-.675-2.2t-2.325-.8L10.2 7.4q.425-.2.863-.3T12 7q1.875 0 3.188 1.313T16.5 11.5q0 .5-.1.938t-.3.862m3.2 3.15l-1.45-1.4q.95-.725 1.688-1.587T20.8 11.5q-1.25-2.525-3.588-4.012T12 6q-.725 0-1.425.1T9.2 6.4L7.65 4.85q1.025-.425 2.1-.638T12 4q3.775 0 6.725 2.087T23 11.5q-.575 1.475-1.513 2.738T19.3 16.45m.5 6.15l-4.2-4.15q-.875.275-1.762.413T12 19q-3.775 0-6.725-2.087T1 11.5q.525-1.325 1.325-2.463T4.15 7L1.4 4.2l1.4-1.4l18.4 18.4zM5.55 8.4q-.725.65-1.325 1.425T3.2 11.5q1.25 2.525 3.588 4.013T12 17q.5 0 .975-.062t.975-.138l-.9-.95q-.275.075-.525.113T12 16q-1.875 0-3.188-1.312T7.5 11.5q0-.275.038-.525t.112-.525zm4.2 4.2'/%3E%3C/svg%3E") no-repeat 0 50%;background-size:100%;transform:translateY(-50%)}
.input .btn_pw_view.active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M12 16q1.875 0 3.188-1.312T16.5 11.5t-1.312-3.187T12 7T8.813 8.313T7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.788T9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2m0 4.8q-3.65 0-6.65-2.037T1 11.5q1.35-3.425 4.35-5.462T12 4t6.65 2.038T23 11.5q-1.35 3.425-4.35 5.463T12 19m0-2q2.825 0 5.188-1.487T20.8 11.5q-1.25-2.525-3.613-4.012T12 6T6.813 7.488T3.2 11.5q1.25 2.525 3.613 4.013T12 17'/%3E%3C/svg%3E")}
.input label:not(.blind) ~ .btn_del, .input label:not(.blind) ~ .btn_pw_view{margin-top:0.875rem}
.input.active input,.input.error input,.input.success input{padding-right:55px}
.input.active:not(.success):not(.error) .btn_del{display:block}
.input.success:after{content:'';position:absolute;top:50%;right:20px;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%3Cg fill="none" stroke="%235f93fa" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="12" cy="12" r="9"%2F%3E%3Cpath d="m9 12l2 2l4-4"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.error:after{content:'';position:absolute;top:50%;right:20px;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%3Cg fill="none" stroke="%23eb464b" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="12" cy="12" r="9"%2F%3E%3Cpath d="M12 8v4m0 4h.01"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.error input{border-color:#eb464b}
.input input[readonly] + .btn_del,.input input[disabled] + .btn_del{display:none !important}
.input_xs input{height:32px;padding:0 7px;font-size:12px;line-height:30px}
.input_xs .btn_del, .input_xs.success:after, .input_xs.success:after{right:12px;width:16px;height:16px}
.input_xs.active input,.input_xs.error input,.input_xs.active input{padding-right:39px}
.input_sm input{height:36px;padding:0 11px;font-size:14px;line-height:34px}
.input_sm .btn_del, .input_sm.success:after, .input_sm.success:after{right:16px;width:20px;height:20px}
.input_sm.active input,.input_sm.error input,.input_sm.active input{padding-right:47px}
.input_lg input{height:56px;padding:0 19px;font-size:18px;line-height:54px}
.input_lg .btn_del, .input_lg.success:after, .input_lg.error:after{right:24px;width:28px;height:28px}
.input_lg.active input{padding-right:53px}
.input_lg.active input,.input_lg.error input,.input_lg.success input{padding-right:53px}
.input-number-password {-webkit-text-security: disc;}
.input.txt{display:flex;align-items:center;justify-content:normal}
.input.txt input{margin-right:5px}
.input.txt_info input{width:217px !important;padding-right:47px}
.input.txt_info span{position:absolute;top:50%;right:48px;color:#505559;padding-left:9px;transform:translateY(-50%)}
.input.txt_info span.first{right:auto;left:20px}
.input.txt_info span:before{content:'';display:block;position:absolute;top:50%;left:0;width:3px;height:3px;background-color:#959ea6;border-radius:50%;transform:translateY(-50%)}
.input.txt_info span:last-child{color:#1d2329}
.input.txt_info span.no_dot{padding-left:0}
.input.txt_info span.no_dot:before{display:none}
/*** 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:#b8c3cc !important;font-weight:400 !important;cursor:default}
.checkbox label,.radio label{display:block;min-height:24px;padding-left:24px;color:#1d2329;cursor:pointer}
.checkbox label:before,.radio label:before{content:'';position:absolute;top:50%;left:0;width:24px;height:24px;transform:translateY(-50%)}
.checkbox label:before{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%3Crect width="16" height="16" x="4" y="4" fill="none" stroke="%23858d94" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" rx="2"%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.checkbox label:hover:before,
/*.checkbox :focus ~ label:before{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%3Crect width="16" height="16" x="4" y="4" fill="none" stroke="%237614cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" rx="2"%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}*/
.checkbox :checked ~ label:before{background-image: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%3Cg fill="none" stroke="%237614cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Crect width="16" height="16" x="4" y="4" rx="2"%2F%3E%3Cpath d="m9 12l2 2l4-4"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important}
.checkbox input[disabled] ~ label:before,
.checkbox input[disabled] ~ label:hover:before,
.checkbox input[disabled]:focus ~ label:before{background-image: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%3Crect width="16" height="16" x="4" y="4" fill="none" stroke="%23b8c3cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" rx="2"%2F%3E%3C%2Fsvg%3E') !important}
.checkbox input[disabled]:checked ~ label:before{background-image: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%3Cg fill="none" stroke="%23b8c3cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Crect width="16" height="16" x="4" y="4" rx="2"%2F%3E%3Cpath d="m9 12l2 2l4-4"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important}
.radio label:before{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%3Ccircle cx="12" cy="12" r="9" fill="none" stroke="%23858d94" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.radio label:hover:before,
/*.radio :focus ~ label:before{background-image: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%3Ccircle cx="12" cy="12" r="9" fill="none" stroke="%237614cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%2F%3E%3C%2Fsvg%3E')}*/
.radio :checked ~ label:before{background-image: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%3Cg fill="none" stroke="%237614cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="12" cy="12" r="1"%2F%3E%3Ccircle cx="12" cy="12" r="9"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.radio input[disabled] ~ label:before,
.radio input[disabled] ~ label:hover:before,
.radio input[disabled]:focus ~ label:before{background-image: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%3Ccircle cx="12" cy="12" r="9" fill="none" stroke="%23b8c3cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%2F%3E%3C%2Fsvg%3E')}
.radio input[disabled]:checked ~ label:before{background-image: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%3Cg fill="none" stroke="%23b8c3cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="12" cy="12" r="1"%2F%3E%3Ccircle cx="12" cy="12" r="9"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.checkbox.txt label,.radio.txt label{padding-left:28px;line-height:24px}
.checkbox.txt label:hover,.radio.txt label:hover,
.checkbox.txt :checked ~ label,.radio.txt :checked ~ label{color:#7614cc;font-weight:700}
.checkbox.size_sm label,.radio.size_sm label{min-height:20px;font-size:14px}
.checkbox.txt.size_sm label,.radio.txt.size_sm label{padding-left:22px;line-height:20px}
.checkbox.size_sm label:before,.radio.size_sm label:before{width:20px;height:20px;background-size:100%}
/*** select ***/
.nice-select{display:inline-block;position:relative;width:158px;text-align:left;vertical-align:top}
.nice-select .current{display:block;overflow:hidden;position:relative;height:44px;padding:0 43px 0 15px;color:#1d2329;line-height:42px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #b8c3cc;border-radius:4px;background-color:#fff;cursor:pointer}
.nice-select .current:after{content:'';position:absolute;top:0;right:10px;bottom:0;width:24px;background:url(../images/icon/ico_caret_down.svg) no-repeat 50% 50%;background-size:100%;transition:transform ease .3s}
.nice-select .current + .list{display:none;overflow-y:auto;position:absolute !important;top:44px;left:0;width:100%;max-height:200px !important;border:1px solid #b8c3cc;border-top:none !important;border-radius:0 0 4px 4px;background-color:#fff;box-shadow:4px 4px 10px rgba(0, 0, 0, .07);z-index:11}
.nice-select .list li{padding:7px 15px;color:#1d2329;font-size:16px;cursor:pointer}
.nice-select .list li:first-child.disabled{display:none}
.nice-select .list li:hover,
.nice-select .list li.focus{background-color:#f7f0fc}
.nice-select .list li.selected{color:#7614cc;font-weight:500}
.nice-select.placeholder .current{color:#959595}
.nice-select.open:not(.disabled) .current{border-radius:4px 4px 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:#b8c3cc;border-color:#dae3eb;cursor:default}
.nice-select.disabled .current:after{background-image:url(../images/icon/ico_caret_down_disabled.svg)}
.nice-select .scroll-wrapper > .scroll-content.scroll-scrolly_visible{padding-right:0 !important}
.nice-select .scroll-wrapper > .scroll-element.scroll-y{top:8px;right:7px;width:3px;height:calc(100% - 16px)}
.nice-select .scroll-wrapper > .scroll-element .scroll-element_track{background:none}
.nice-select .scroll-wrapper > .scroll-element .scroll-bar{right:0;left:auto;border-radius:6px;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{transform:none}
.sel_xs{width:111px}
.sel_xs .current{height:32px;padding-left:7px;padding-right:31px;font-size:12px;line-height:30px}
.sel_xs .current:after{right:8px;width:16px;background-size:16px}
.sel_xs .current + .list{top:32px;max-height:141px !important}
.sel_xs .list li{padding:5px 7px;font-size:12px}
.sel_sm{width:133px}
.sel_sm .current{height:36px;padding-right:35px;padding-left:11px;font-size:14px;line-height:34px}
.sel_sm .current:after{right:8px;width:20px;background-size:20px}
.sel_sm .current + .list{top:36px;max-height:161px !important}
.sel_sm .list li{padding:5.5px 11px;font-size:14px}
.sel_lg{width:191px}
.sel_lg .current{height:56px;padding-right:55px;padding-left:19px;font-size:18px;line-height:54px}
.sel_lg .current:after{right:14px;width:28px;background-size:28px}
.sel_lg .current + .list{top:56px;max-height:221px !important}
.sel_lg .list li{padding:8.5px 19px;font-size:18px}
.type02.nice-select .scroll-wrapper > .scroll-element.scroll-y{width:10px}
.type02.nice-select .scroll-wrapper > .scroll-element.scroll-y > .scroll-element_outer > .scroll-bar{background-color: #7614CC !important}
/*** textarea ***/
.scroll-textarea{border-color:#b8c3cc;border-radius:4px}
.scroll-textarea > .scroll-content > textarea{padding:15px}
.scroll-textarea > .scroll-content.scroll-scrolly_visible > textarea{padding-right:0}
.scroll-textarea > .scroll-element.scroll-y{top:8px;right:8px;width:6px;height:calc(100% - 16px)}
.scroll-textarea > .scroll-element .scroll-element_outer{top:0;height:100%;border-radius:0}
.scroll-textarea > .scroll-element .scroll-arrow{display:none}
.scroll-textarea > .scroll-element .scroll-element_track .scroll-element_inner-bottom{background:none}
.scroll-textarea > .scroll-element .scroll-bar{right:0;left:auto;width:2px;border-radius:6px;transition:width .4s,background-color .4s}
.scroll-textarea > .scroll-element .scroll-bar:hover,
/*.scroll-textarea > .scroll-element.scroll-draggable .scroll-bar{width:100%;background-color:#66f;transform:none}*/ /*스크롤 over효과 bg추가*/
.scroll-textarea > .scroll-element.scroll-draggable .scroll-bar{width:100%;transform:none}
.scroll-textarea.active{border-color:#7614cc}
/*** btn ***/
.btn{display:inline-flex;justify-content:center;align-items:center;position:relative;height:44px;padding:0 19px;font-size:16px;font-weight:500;vertical-align:top;text-align:center;border:1px solid;border-radius:4px;transition:all ease .3s}
.btn span{position:relative}
.btn.disabled,
.btn[disabled]{color:#b8c3cc !important;cursor:default}
.btn.disabled svg path,
.btn[disabled] svg path,
.btn.disabled svg g,
.btn[disabled] svg g{stroke:#b8c3cc !important}
.btn.btn_icon{padding:0 9px}
.btn svg{width:24px;height:24px}
.btn svg:first-child:not(:only-child){margin-right:4px}
.btn svg:last-child:not(:only-child){margin-left:4px}
/* 버튼 사이즈 */
.btn_xs{height:32px;padding:0 15px;font-size:12px}
.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 7px}
.btn_sm{height:36px;padding:0 15px;font-size:14px}
.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 7px}
.btn_lg{height:56px;padding:0 27px;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 13px}
/* only icon */
.btn.btn_icon{padding:0 9px}
.btn_lg.btn_icon svg{padding:0 13px}
/* 알약 */
.pill{border-radius:2em !important}
/* 밑줄 버튼 */
.btn_txt{padding:0 4px !important;border:0;border-bottom:1px solid;border-radius:0}
/* 상단 버튼 */
.btn_top{display:block;width:48px;height:48px;margin-top:8px;background:#fff url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%236a7075" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5v14m4-10l-4-4M8 9l4-4"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;border-radius:8px 0 0 8px;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.12);z-index:100;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(:only-child):not(:last-child){margin-right: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}
/* toggle */
.toggle ~ label .txt, .map_view.toggle .txt{margin-right:4px;line-height:1}
.toggle_switch{position:relative;display:block;width:38px;height:20px;border-radius:999px;background-color:#c5d1db;cursor:pointer}
.toggle_switch .toggle_btn{position:absolute;top:50%;left:2px;width:16px;height:16px;transform:translateY(-50%);border-radius:50%;background-color:#fff;transition:all 0.2s ease-in;background-image:none}
.toggle:checked ~ label .toggle_switch,
.toggle.active .toggle_switch{background:linear-gradient(90.06deg, #5e2bb8 0.13%, #23eb96 173.26%, #211338 173.28%);transition:all 0.2s ease-in}
.toggle:checked ~ label .toggle_switch .toggle_btn,
.toggle.active .toggle_switch .toggle_btn{left:calc(100% - 18px)}
.map_view.toggle{display:flex;align-items:center}
/* chip */
.chip{display:inline-flex;justify-content:center;align-items:center;color:#fff;border:1px solid #000;border-radius:4px;transition:border-color  linear .3s, background-color linear .3s}
.chip span{display:inline-block;padding:5px 7px;font-size:14px;line-height:1;font-weight:500;white-space:nowrap}
.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.dot span{position:relative;padding-left:9px;padding-right:9px !important;font-weight:400}
.chip.dot span + span{padding-left:6px !important}
.chip.dot span:before{content:'';display:block;position:absolute;top:50%;right:0;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background-color:#1d2329}
.chip.dot span:last-child:before{display:none}
.chip.filter{border-radius:20px;color:#505559 !important}
.chip.filter span{padding:11px 19px;font-size:16px;font-weight:400;line-height:1;letter-spacing:-0.64px}
/* 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_gra{color:#fff !important;color:#fff;background-image:linear-gradient(90.06deg, #5e2bb8 0.13%, #23eb96 173.26%, #211338 173.28%)}
.fill_primary{color:#fff !important;border-color:#7614cc;background-color:#7614cc}
.fill_secondary{color:#fff !important;border-color:#7951f2;background-color:#7951f2}
.fill_tertiary{color:#fff !important;border-color:#1595af;background-color:#1595af}
.fill_success{color:#fff !important;border-color:#5f93fa;background-color:#5f93fa}
.fill_progress{color:#fff !important;border-color:#83bf30;background-color:#83bf30}
.fill_error{color:#fff !important;border-color:#eb464b;background-color:#eb464b}
.fill_error10{color:#eb464b !important;border-color:#fff2f2;background-color:#fff2f2}
.fill_caution{color:#fff !important;border-color:#f2ac0c;background-color:#f2ac0c}
.fill_black{color:#fff !important;border-color:#000;background-color:#000}
.fill_pink{color:#1d2329 !important;border-color:#fff5fb !important;background-color:#fff5fb !important;}
.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:#f2f8fc !important;background-color:#f2f8fc !important}
.fill_blue_green{background-color:#52a8dc !important;border-color:#52a8dc}
.fill_green{background-color:#009b75 !important;border-color:#009b75}
.fill_blue_green_two{background-color:#00a0e9 !important;border-color:#00a0e9}
.fill_blue_green_three{color:#fff !important;background-color:#21bad9 !important;border-color:#21bad9}
.fill_light_purple{background-color:#be62f5 !important;border-color:#be62f5}
.fill_blue{background-color:#6155f5 !important;border-color:#6155f5}
.fill_light_blue{background-color:#52a8dc !important;border-color:#52a8dc}
.fill_purple{background-color:#5e2bb8 !important;border-color:#5e2bb8}
.fill_red{background-color:#db3a40 !important;border-color:#db3a40}
.fill_red2{background-color:#da291c !important;border-color:#da291c}
.fill_thunderbird{background-color:#c81517 !important;border-color:#c81517}
.fill_cod_gay{background-color:#0d0d0d !important;border-color:#0d0d0d}
.fill_lima{background-color:#58d20a !important;border-color:#58d20a}
.fill_plus{background-color:#133a68 !important;border-color:#133a68}
.fill_hpass{background-color:#fb5018 !important;border-color:#fb5018}
.fill_cool_grey10{color:#b8c3cc !important;background-color:#f2f8fc !important;border-color:#f2f8fc}
.fill_cool_grey30{color:#858d94 !important;background-color:#f2f8fc !important;border-color:#c5d1db}
.fill_cool_grey40{color:#fff !important;background-color:#b8c3cc !important;border-color:#b8c3cc}
.fill_cool_grey50{color:#fff !important;background-color:#959ea6 !important;border-color:#959ea6}
.fill_cool_grey60{color:#fff !important;background-color:#505559 !important;border-color:#505559}
.fill_cool_grey90{color:#fff !important;background-color:#1d2329 !important;border-color:#1d2329}
.fill_samsung{color:#1428A0 !important;}

/*** 라인 컬러 ***/
.line_primary{color:#7614cc !important;border-color:#7614cc;background-color:#fff}
.line_secondary{color:#7951f2 !important;border-color:#7951f2;background-color:#fff}
.line_tertiary {color:#1595af !important;border-color:#1595af;background-color:#fff}
.line_success{color:#5f93fa !important;border-color:#5f93fa;background-color:#fff}
.line_success40{color:#4171d9 !important;border-color:#5f93fa;background-color:#fff}
.line_progress{color:#83bf30 !important;border-color:#83bf30;background-color:#fff}
.line_progress40{color:#62a30d !important;border-color:#83bf30;background-color:#fff}
.line_error{color:#eb464b !important;border-color:#eb464b;background-color:#fff}
.line_grey20{color:#000 !important;border-color:#eaeaea;background-color:#fff}
.line_black{color:#000 !important;border-color:#000;background-color:#fff}
.line_cool_grey20{color:#b8c3cc !important;border-color:#dae3eb;background-color:#fff}
.line_cool_grey30{color:#1d2329 !important;border-color:#c5d1db;background-color:#fff}
.line_cool_grey40{color:#1d2329 !important;border-color:#b8c3cc;background-color:#fff}
.btn.line_cool_grey40{font-weight:400}
.line_cool_grey40_two{color:#1d2329 !important;border-color:#dae3eb;background-color:#fff}
.line_cool_grey50{color:#858d94 !important;border-color:#959ea6;background-color:#fff}
.line_cool_grey60{color:#858d94 !important;border-color:#c5d1db;background-color:transparent}
.line_cool_grey90{color:#1d2329 !important;background-color:#fff;border-color:#1d2329}
.line_primary svg path,.line_primary svg g{stroke:#7614cc !important}
.line_secondary svg path,.line_secondary svg g{stroke:#7951f2 !important}
.line_tertiary svg path,.line_tertiary svg g{stroke:#1595af !important}
.line_cool_grey40 svg path, .line_cool_grey40 svg g{stroke:#858d94 !important}
.fill_cool_grey90 svg path, .fill_cool_grey90 svg g{stroke:#fff !important}
.line_primary.disabled,.line_primary[disabled],
.line_secondary.disabled,.line_secondary[disabled],
.line_tertiary.disabled,.line_tertiary[disabled],
.line_cool_grey40.disabled,.line_cool_grey40[disabled]{border-color:#dae3eb !important;background-color:#fff !important}
.line_primary.disabled,.line_primary[disabled] svg g,
.line_secondary.disabled,.line_secondary[disabled] svg g,
.line_tertiary.disabled,.line_tertiary[disabled] svg g,
.line_cool_grey40.disabled svg path, .line_cool_grey40[disabled] svg g{stroke:#c5d1db !important}
/*** tab ***/
.tab{display:flex;width:100%}
.tab.fw{flex-wrap:wrap}
.tab.fw > li{width:16.66%}
.tab > li a{display:block}
.tab > li.active a{}
.tab_cont .cont{display:none}
.tab_cont .cont.active{display:block}
/*** table ***/
/* list */
/*.tbl_list{border-top:2px solid #66f}*/
.tbl_list thead th{height:56px;line-height:21px;text-align:center;vertical-align:middle;color:#1d2329;font-weight:400;border-bottom:1px solid #dae3eb;border-right:1px solid #dae3eb;background-color:#f2f8fc}
.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{height:49px;padding:20px 10px 19px;line-height:20px;text-align:center;vertical-align:middle;color:#1d2329;border-bottom:1px solid #dae3eb;border-right:1px solid #dae3eb;background-color:#fff}
.tbl_list tbody td{word-break:break-all}
.tbl_list tbody td.tal{padding-left:24px}
.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}
/* write */
.tbl_write tbody th{height:56px;padding:5px 16px;color:#1d2329;font-weight:400;border-right:1px solid #dae3eb;border-bottom:1px solid #dae3eb;background-color:#f2f8fc;vertical-align:middle}
.tbl_write tbody th .aster{color:#66f;font-weight:700}
.tbl_write tbody th:last-child{border-right:0}
.tbl_write tbody td{height:56px;padding:5px 24px;color:#1d2329;font-size:16px;word-break:break-word;vertical-align:middle;border-bottom:1px solid #dae3eb;border-right:1px solid #dae3eb;background-color:#fff}
.tbl_write tbody td:last-child{border-right:0}
.tbl_write tbody td .btn_sm{line-height:31px}
.tbl_write tbody td + th{border-left:1px solid #dae3eb}
.tbl_write tbody td.em{color:#7614cc}
.tbl_write tbody tr.hotel_thum_area th{padding:20px 22px 19px}
.tbl_write + .tip, dl.list + .tip{margin-top:12px}
/* view */
.board_view > dt{display:table;width:100%;border-top:2px solid #66f;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:#66f}
.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}
/* 리스트 */
dl.list{display:flex;align-items:center;min-height:64px;color:#1d2329;border-bottom:1px solid #dae3eb}
dl.list dt{min-width:94px;text-align:center;font-weight:500}
dl.list dd{padding:4px;word-break:break-all}
/* 이전글,다음글 */
.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{min-width:120px;min-width:152px;padding-right:43px;color:#1d2329 !important;background:#fff 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%3Cg fill="none" stroke="%236a7075" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Crect width="16" height="16" x="4" y="5" rx="2"%2F%3E%3Cpath d="M16 3v4M8 3v4m-4 4h16M8 15h2v2H8z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat right 10px top 50% !important;cursor:pointer !important}
.datepicker[disabled]{color:#b8c3cc !important;border-color:#dae3eb;background:#fff 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%3Cg fill="none" stroke="%23b8c3cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Crect width="16" height="16" x="4" y="5" rx="2"%2F%3E%3Cpath d="M16 3v4M8 3v4m-4 4h16M8 15h2v2H8z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat right 10px top 50% !important}
.term_form{display:inline-flex;align-items:center}
.term_form input{width:152px}
.term_form .swung{margin:0 12px}
.term_form .slash{margin:0 8px}
.term_sm input{height:36px;width:137px;padding-right:40px;font-size:14px}
.term_sm input.datepicker{background-size:20px !important;background-position:right 8px top 50% !important}
.range_form{position:relative;min-width:270px}
.range_form .daterangepicker{display:inline;position:relative;top:0;left:0;width:240px;margin-top:0;padding-right:52px;padding-left:15px;color:#333 !important;background:#fff 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%3Cg fill="none" stroke="%236a7075" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Crect width="16" height="16" x="4" y="5" rx="2"%2F%3E%3Cpath d="M16 3v4M8 3v4m-4 4h16M8 15h2v2H8z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat right 14px top 50% !important;cursor:pointer !important;z-index:0}
.range_form.txt_info{display:flex;justify-content:flex-end;align-items:center;position:relative;min-width:240px;max-width:330px;height:44px;padding-left:221px}
.range_form .daterangepicker.type2{width:100%;padding-right:47px;padding-left:15px;font-family:'Pretendard';color:#505559 !important;font-size:16px;line-height:44px}
.range_form.txt_info #rangeDt{position:absolute !important;width:100%}
.range_form.txt_info .daterangepicker.type2{position:absolute !important;width:100%;font-size:16px;line-height:5}
.range_form.txt_info span.night{position:relative;padding-left:9px;padding-right:47px;color:#1d2329;white-space:nowrap}
.range_form.type2{min-width:inherit}
.range_form.type2 input.datepicker{display:none}
.range_form.type2 div.datepicker{height:44px;line-height:42px;padding-left:15px;border:1px solid #b8c3cc;border-radius:4px}
.range_form.type2.search_date div.datepicker{padding:0 30px 0 10px;background-position: right 5px top 50% !important}

.range_form.txt_info span.night:before{content:'';display:block;position:absolute;top:50%;left:0;width:3px;height:3px;background-color:#959ea6;border-radius:50%;transform:translateY(-50%)}
.range_form.txt_info .night{}
div.daterangepicker [data-title]:hover:before,
div.daterangepicker [data-title]:hover:after,
div.daterangepicker [data-title]:focus:before,
div.daterangepicker [data-title]:focus:after{display:none}
/* 휴대전화 폼 */
.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{display:flex;align-items:center;position:relative;font-size:14px;line-height:18px}
.file .file_name{overflow:hidden;position:relative;padding-left:26px;text-overflow:ellipsis;white-space:nowrap}
.file .file_name:before{content:'';position:absolute;top:0;left:0;width:18px;height:18px;background:url(../images/icon/sp_ico_filename.svg) no-repeat 0 0}
.file .file_size{flex-shrink:0;margin:0 8px;color:#a5a5a5;font-size:12px}
.file.file_doc .file_name:before,
.file.file_docx .file_name:before{background-position:-28px 0}
.file.file_hwp .file_name:before{background-position:-56px 0}
.file.file_pdf .file_name:before{background-position:-84px 0}
.file.file_ppt .file_name:before,
.file.file_pptx .file_name:before{background-position:-112px 0}
.file.file_xls .file_name:before,
.file.file_xlsx .file_name:before{background-position:-140px 0}
.file.file_zip .file_name:before{background-position:-168px 0}
.file_form{position:relative;min-height:72px;border:1px dashed #a5aaf2;border-radius:4px;background-color:#f2f4ff}
.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:19px;right:19px;z-index:1;cursor:pointer}
.file_form :focus + .line_primary{background-color:#f2f4ff}
.file_form :focus + .fill_primary{background-color:#4646eb}
.file_form .file_tip{display:flex;align-items:center;position:absolute;top:0;left:19px;height:70px;color:#66f;line-height:1}
.file_form .file_tip .dragover{display:none}
.file_form .file_tip span{display:block;margin-top:8px;color:#959595;font-size:12px}
.file_form .drop_zone{position:relative;min-height:70px;padding:59px 19px 0}
.file_form .file{margin-top:8px;padding:8px 10px;border-radius:4px;background-color:#fff}
.file_form .file:last-child{margin-bottom:19px}
.file_form .file .btn_del{flex-shrink:0;width:18px;height:18px;margin-left:auto;padding:0;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="18" height="18" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23a5a5a5" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.file_form.dragover .file_tip p{display:none}
.file_form.dragover .file_tip p.dragover{display:block}
.file_form.file_icon{min-height:74px}
.file_form.file_icon .btn_file{top:20px}
.file_form.file_icon .file_tip{height:72px;padding-left:40px;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="%2366f" d="M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5l-5 5z"%2F%3E%3C%2Fsvg%3E') no-repeat 0 50%}
.file_form.file_icon .drop_zone{min-height:72px}
.file_form.file_icon .drop_zone .area{position:relative;padding:0 6px}
.file_form.file_icon .file{margin-top:0}
.file_form.file_icon.upload .drop_zone .area{margin-top:15px;padding-top:8px;padding-bottom:8px}
.file_form.file_icon.upload .drop_zone .area:before{content:'';position:absolute;top:0;right:0;bottom:19px;left:0;border-radius:4px;background-color:#fff}
.file_form.file_input{min-height:48px;border:0;background:none}
.file_form.file_input .btn_file{top:0;right:0;border-radius:0 4px 4px 0}
.file_form.file_input .file_tip{top:0;left:0;width:calc(100% - 100px);height:48px;padding-left:15px;color:#a5a5a5;border:1px solid #dbdbdb;border-right:0;border-radius:4px 0 0 4px;background-color:#fff}
.file_form.file_input .drop_zone{min-height:48px;padding:48px 0 0}
.file_form.file_input .file{padding:4px 0 4px 26px;background:none}
.file_form.file_input .file:first-child{margin-top:12px}
.file_form.file_input .file:last-child{margin-bottom:0}
.file_form.file_input .file .btn_del{position:absolute;top:4px;left:0}
.file_form.file_input .file .file_size{margin-right:0;margin-left:auto}
/* 첨부 파일 리스트 */
.file_list li{margin-top:8px;line-height:1}
.file_list li:first-child{margin-top:0}
.file_list li a .file_size{margin-right:0}
/* 검색폼 */
.search{display:flex;position:relative;width:100%}
.search>form{width:100%}
.search input{width:100%;padding-right:43px}
.search .btn_search{position:absolute;top:1px;right:10px;bottom:1px;width: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%3Cg fill="none" stroke="%237614cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="10" cy="10" r="7"%2F%3E%3Cpath d="m21 21l-6-6"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%;background-size:100%}
.search input[readonly] ~ .btn_search,
.search input[disabled] ~ .btn_search{background-image: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="%23dbdbdb" d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5A6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5S14 7.01 14 9.5S11.99 14 9.5 14z"%2F%3E%3C%2Fsvg%3E')}
.srch_xs input{height:32px;padding-right:31px;padding-left:7px;font-size:12px;line-height:30px}
.srch_xs .btn_search{right:8px;width:16px}
.srch_sm input{height:36px;padding-right:35px;padding-left:11px;font-size:14px;line-height:34px}
.srch_sm .btn_search{right:8px;width:20px}
.srch_lg input{height:56px;padding-right:55px;padding-left:19px;font-size:18px;line-height:54px}
.srch_lg .btn_search{right:14px;width:28px}
/*** pagination ***/
.pagination{display:flex;justify-content:center;align-items:center;padding-top:48px;color:#858d94;font-size:16px;text-align:center}
.pagination a,
.pagination span{display:block;min-width:26px;color:#505559;padding:0 4px}
.pagination span.blank{position:relative;height:24px}
.pagination span.blank:after{content:'';position:absolute;display:block;left:50%;bottom:5px;width:10px;height:1px;margin-left:-5px;background-color:#858d94}
.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination a.active,
.pagination span.active{color:#7614cc;font-weight:700}
.pagination p{display:flex}
.pagination p span{min-width:auto;padding:0}
.pagination .page_nav{width:44px;height:44px;padding:0;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;transition:.3s;background-size:24px}
.pagination .page_nav.disabled{cursor:default}
.pagination .first{margin-right:8px;background-image: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="%23767676" d="M11.46 8.29a1 1 0 0 0-1.42 0l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L9.16 12l2.3-2.29a1 1 0 0 0 0-1.42Zm3.2 3.71L17 9.71a1 1 0 0 0-1.42-1.42l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .prev{margin-right:12px;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23858d94" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 6l-6 6l6 6"%2F%3E%3C%2Fsvg%3E')}
.pagination .next{margin-left:12px;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23858d94" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 6l6 6l-6 6"%2F%3E%3C%2Fsvg%3E')}
.pagination .last{margin-left:8px;background-image: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="%23767676" d="M8.46 8.29A1 1 0 1 0 7 9.71L9.34 12L7 14.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 0-1.42Zm8.5 3l-3-3a1 1 0 0 0-1.42 1.42l2.3 2.29l-2.3 2.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 .04-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .first:hover,
.pagination .first:focus{background-image: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="%23b17be0" d="M11.46 8.29a1 1 0 0 0-1.42 0l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L9.16 12l2.3-2.29a1 1 0 0 0 0-1.42Zm3.2 3.71L17 9.71a1 1 0 0 0-1.42-1.42l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .prev:hover,
.pagination .prev:focus{background-image: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="%23b17be0" d="M8.29 11.29a1 1 0 0 0-.21.33a1 1 0 0 0 0 .76a1 1 0 0 0 .21.33l3 3a1 1 0 0 0 1.42-1.42L11.41 13H15a1 1 0 0 0 0-2h-3.59l1.3-1.29a1 1 0 0 0 0-1.42a1 1 0 0 0-1.42 0ZM2 12A10 10 0 1 0 12 2A10 10 0 0 0 2 12Zm18 0a8 8 0 1 1-8-8a8 8 0 0 1 8 8Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .next:hover,
.pagination .next:focus{background-image: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="%23b17be0" d="M15.71 12.71a1 1 0 0 0 .21-.33a1 1 0 0 0 0-.76a1 1 0 0 0-.21-.33l-3-3a1 1 0 0 0-1.42 1.42l1.3 1.29H9a1 1 0 0 0 0 2h3.59l-1.3 1.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0ZM22 12a10 10 0 1 0-10 10a10 10 0 0 0 10-10ZM4 12a8 8 0 1 1 8 8a8 8 0 0 1-8-8Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .last:hover,
.pagination .last:focus{background-image: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="%23b17be0" d="M8.46 8.29A1 1 0 1 0 7 9.71L9.34 12L7 14.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 0-1.42Zm8.5 3l-3-3a1 1 0 0 0-1.42 1.42l2.3 2.29l-2.3 2.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 .04-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .first.disabled{background-image: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="%23eaeaea" d="M11.46 8.29a1 1 0 0 0-1.42 0l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L9.16 12l2.3-2.29a1 1 0 0 0 0-1.42Zm3.2 3.71L17 9.71a1 1 0 0 0-1.42-1.42l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .prev.disabled{background-image: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="%23eaeaea" d="M8.29 11.29a1 1 0 0 0-.21.33a1 1 0 0 0 0 .76a1 1 0 0 0 .21.33l3 3a1 1 0 0 0 1.42-1.42L11.41 13H15a1 1 0 0 0 0-2h-3.59l1.3-1.29a1 1 0 0 0 0-1.42a1 1 0 0 0-1.42 0ZM2 12A10 10 0 1 0 12 2A10 10 0 0 0 2 12Zm18 0a8 8 0 1 1-8-8a8 8 0 0 1 8 8Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .next.disabled{background-image: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="%23eaeaea" d="M15.71 12.71a1 1 0 0 0 .21-.33a1 1 0 0 0 0-.76a1 1 0 0 0-.21-.33l-3-3a1 1 0 0 0-1.42 1.42l1.3 1.29H9a1 1 0 0 0 0 2h3.59l-1.3 1.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0ZM22 12a10 10 0 1 0-10 10a10 10 0 0 0 10-10ZM4 12a8 8 0 1 1 8 8a8 8 0 0 1-8-8Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .last.disabled{background-image: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="%23eaeaea" d="M8.46 8.29A1 1 0 1 0 7 9.71L9.34 12L7 14.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 0-1.42Zm8.5 3l-3-3a1 1 0 0 0-1.42 1.42l2.3 2.29l-2.3 2.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 .04-1.42Z"%2F%3E%3C%2Fsvg%3E')}

.pagination .prev.disabled{background-image: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="none" stroke="%23c5d1db" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 6l-6 6l6 6"%2F%3E%3C%2Fsvg%3E')}
.pagination .next.disabled{background-image: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="none" stroke="%23c5d1db" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 6l6 6l-6 6"%2F%3E%3C%2Fsvg%3E')}
.page_xs{font-size:12px}
.page_xs a,
.page_xs span{min-width:22px}
.page_xs span.blank{height:18px}
.page_xs .page_nav{width:32px;height:32px;background-size:16px}
.page_xs .prev{margin-right:20px}
.page_xs .next{margin-left:20px}
.page_sm{font-size:14px}
.page_sm a,
.page_sm span{min-width:24px}
.page_sm span.blank{height:21px}
.page_sm .page_nav{width:36px;height:36px;background-size:20px}
.page_sm .prev{margin-right:16px}
.page_sm .next{margin-left:16px}
.page_lg{font-size:18px}
.page_lg a,
.page_lg span{min-width:28px}
.page_lg span.blank{height:27px}
.page_lg .page_nav{width:56px;height:56px;background-size:28px}
.page_lg .prev{margin-right:29px}
.page_lg .next{margin-left:29px}
/*** 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 ***/
.nodata{margin:75px 0 110px;padding-top:270px;text-align:center}
.nodata > dt{font-size:27px;font-weight:900}
.nodata > dd{margin-top:15px;line-height:24px}
/*** write_dot ***/
.dot_txt{display:flex;align-items:center;flex-wrap:wrap;margin-top:-4px}
.dot_txt span{display:flex;align-items:center;margin-top:4px}
.dot_txt span:not(:last-child):after{content:'';display:block;width:3px;height:3px;margin:0 6px;background-color:#959ea6;border-radius:999px}
.dot_type2 .dot_txt span:after{background-color:#1d2329}
/*** no image ***/
.no_image{position:relative;width:432px;height:268px;border-radius:12px 12px 4px 4px;background-color:#dae3eb}
.no_image:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/common/no_img_hana.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:180px}
.no_image.type2{border-radius:8px;background-color:#f2f8fc;border:1px solid #dae3eb}
.no_image.type2:before{background-image:url(../images/common/no_img02.svg);background-size:87px}
.no_image.size_xs{width:220px;height:132px}
.no_image.size_sm{width:302px;height:200px}
.no_image.size_lg{width:516px;height:380px}
/***** 약관 *****/
.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:not(.scroll-content){background-color:#fff}
.popup .pop_tit{display:block;font-size:18px;font-weight:500}
.popup .pop_foot{display:flex;justify-content:center}
/***** system alert *****/
.system_alert{display:none;position:fixed;top:0;right:0;left:0;height:100vh;z-index:1000}
.system_alert.active{display:block}
.system_alert .dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5)}
.system_alert .dim3{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5)}
.system_alert .popup{overflow:hidden;position:absolute;top:50%;left:50%;width:440px;box-shadow:5px 5px 20px rgba(0, 0, 0, 0.2);border-radius:16px;transform:translate(-50%,-50%)}
.system_alert .popup .pop_cont{padding:32px 24px 24px;text-align:center}
.system_alert .popup .pop_cont .ico{width:56px;height:56px;border-radius:50%;background-size:32px !important;background-repeat:no-repeat;background-position:50% 50%}
.system_alert .popup .pop_cont .ico_alert_triangle{background-color:#fff2f2}
.system_alert .popup .pop_cont .ico_check{background-color:#f2f6ff}
.system_alert .popup .pop_cont .ico_question{background-color:#fcf9e8}
.system_alert .popup .pop_cont .ico + .pop_tit{margin-top:24px}
.system_alert .popup .pop_cont .ico + p{margin-top:12px;font-size:16px}
.system_alert .popup .pop_cont .pop_tit{display:block;font-weight:500;font-size:18px}
.system_alert .popup .pop_cont .pop_tit + p{margin-top:8px;font-size:16px;color:#505559}
.system_alert .popup .pop_foot{padding-bottom:32px}
.system_alert .popup .pop_foot .btn:not(:last-child){margin-right:12px}
/***** 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:10000}
.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.5)}
.pop_layer .dim2{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5)}
.pop_layer .dim3{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5)}
.pop_layer .popup{position:absolute;top:50%;left:50%;width:1000px;max-width:calc(100% - 40px);max-height:calc(100% - 40px);transform:translate(-50%, -50%)}
.pop_layer .popup.hg{width:1600px}
.pop_layer .popup.lg{width:1200px}
.pop_layer .popup.md{width:1000px}
.pop_layer .popup.sm{width:660px}
.pop_layer .popup .btn_close{position:absolute;top:40px;right:40px;width:24px;height:24px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23959595" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6L6 18M6 6l12 12"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;background-size:100%}
.pop_layer .popup .pop_head{position:relative;padding:40px 40px 0}
.pop_layer .popup .pop_tit{color:#1d2329;font-size:24px;font-weight:600;line-height:1}
.pop_layer .popup .pop_head:after{content:'';display:block;height:1px;margin-top:19px;background-color:#dae3eb}
.pop_layer .popup .pop_cont{max-height:calc(100vh - 360px);padding:0 40px;margin:32px 0 40px;word-break:break-all}
.pop_layer .popup .pop_cont .sec:not(:first-child){margin-top:32px}
.pop_layer .popup .pop_cont .sec_top{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 0 11px 0;border-bottom:1px solid #1d2329}
.pop_layer .popup .pop_cont .sec_top.type1{display:block;padding-bottom:19px}
.pop_layer .popup .pop_cont .sec_top.type2{padding-bottom:15px}
.pop_layer .popup .pop_cont .sec_top .btn_area{padding-top:0}
.pop_layer .popup .pop_cont .sec_tit{display:block;font-size:20px;color:#1d2329;font-weight:500;line-height:1}
.pop_layer .popup .pop_cont .sec_tit em{font-weight:600;color:#7614cc}
.pop_layer .popup .pop_cont .sec_tit + .txt{color:#6a7075;margin-top:10px;line-height:1}
.pop_layer .popup .pop_cont .tbl_list{table-layout:auto}
.pop_layer .popup .pop_cont.scroll-content{margin-left:0 !important;margin:0 !important;padding:0 !important}
.pop_layer .popup .pop_cont.scroll-wrapper > .scroll-element.scroll-y{right:40px !important;width:4px !important}
.pop_layer .popup .pop_cont.scroll-content.scroll-scrolly_visible{padding-right:20px !important}
.pop_layer .popup .pop_cont.scroll-wrapper > .scroll-element .scroll-element_track{background-color:#f2f8fc}
.pop_layer .popup .pop_cont.scroll-wrapper > .scroll-y .scroll-bar{background-color:#c5d1db}
.pop_layer .popup .pop_foot{padding:20px 0 40px}
.pop_layer .popup .pop_foot .btn{margin-right:8px}
.pop_layer .popup .pop_foot .btn:last-child{margin-right:0}
.pop_layer .popup .pop_cont .product_detail .search_op{margin-top:24px}
.pop_layer .popup.type01 .pop_cont{margin-bottom:20px}
.pop_layer .popup.type01 .pop_foot{padding-top:0}
/***** system message *****/
.system_msg_area{position:fixed;right:0;width:100%;height:100vh;top:0;z-index:10000;pointer-events:none}
/*** toast ***/
.toast{visibility:hidden;position:relative;display:inline-block;left:50%;top:30%;max-width:314px;margin-top:10px;padding:16px 24px;border-radius:4px;background-color:rgba(0,0,0,.8);opacity:0;transition:all ease-out .3s;transform:translateX(-50%)}
.toast.active{visibility:visible;top:39.5%;opacity:1}
.toast .toast_cont{display:flex;color:#fff;font-size:16px;line-height:24px}
.toast .toast_cont .ico{flex-shrink:0;width:24px;height:24px;margin-right:8px;background-size:100%}
.toast .toast_cont .ico_success{background-image: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%3Cg fill="none" stroke="%235f93fa" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="12" cy="12" r="9"%2F%3E%3Cpath d="m9 12l2 2l4-4"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.toast.mouse{position:absolute;top:110px;max-width:inherit;margin-top:0;z-index:1000}
.toast.mouse .toast_cont p{position:relative;padding-left:28px}
.toast.mouse .toast_cont p:before{content:'';position:absolute;top:50%;left:0;display:block;width:20px;height:4px;background:url(../images/icon/ico_dots.svg) no-repeat 50% 50%;transform:translateY(-50%)}
.toast.mouse.active2{display:none}
/*** 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')}

.highlight > em{color: #7614cc;}

/*** after 요소 제거 ***/
.no-after{cursor:auto !important}
.no-after:after{width:0;height:0;display:none !important}

/*** 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}


@media (hover: hover) and (pointer:fine) {
    input:hover{border-color:#7614cc}
    input[readonly]:hover,input[disabled]{border-color:#b8c3cc}
    .pagination .page_nav:not(.disabled):hover{background-color:#f7f0fc}
    .scroll-wrapper > .scroll-element .scroll-bar:hover{background-color:#959ea6;transform:none}

    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 0 1000px transparent inset !important}


    .nice-select .list li:hover,
    .nice-select .list li.focus{background-color:#f7f0fc}
    .nice-select .list li.selected{color:#7614cc;font-weight:500}

    .btn.fill_primary:hover,
    a.chip.fill_primary:hover, button.chip.fill_primary:hover,
    .btn.fill_primary:focus,
    a.chip.fill_primary:focus, button.chip.fill_primary:focus{border-color:#420a73;background-color:#420a73}
    .btn.fill_secondary:hover,
    a.chip.fill_secondary:hover, button.chip.fill_secondary:hover,
    .btn.fill_secondary:focus,
    a.chip.fill_secondary:focus, button.chip.fill_secondary:focus{border-color:#5d1ee5;background-color:#5d1ee5}
    .btn.fill_tertiary:hover,
    a.chip.fill_tertiary:hover, button.chip.fill_tertiary:hover,
    .btn.fill_tertiary:focus,
    a.chip.fill_tertiary:focus, button.chip.fill_tertiary:focus{border-color:#196e8c;background-color:#196e8c}
    .btn.fill_success:hover,
    a.chip.fill_success:hover, button.chip.fill_success:hover,
    .btn.fill_success:focus,
    a.chip.fill_success:focus, button.chip.fill_success:focus{border-color:#2e62d1;background-color:#2e62d1}
    .btn.fill_progress:hover,
    a.chip.fill_progress:hover, button.chip.fill_progress:hover,
    .btn.fill_progress:focus,
    a.chip.fill_progress:focus, button.chip.fill_progress:focus{border-color:#62a30d;background-color:#62a30d}
    .btn.fill_error:hover,
    a.chip.fill_error:hover, button.chip.fill_error:hover,
    .btn.fill_error:focus,
    a.chip.fill_error:focus, button.chip.fill_error:focus{border-color:#9e2022;background-color:#9e2022}
    .btn.fill_caution:hover,
    a.chip.fill_caution:hover, button.chip.fill_caution:hover,
    .btn.fill_caution:focus,
    a.chip.fill_caution:focus, button.chip.fill_caution:focus{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}
    .btn.fill_grey20:hover,
    a.chip.fill_grey20:hover, button.chip.fill_grey20:hover,
    .btn.fill_grey20:focus,
    a.chip.fill_grey20:focus, button.chip.fill_grey20:focus{border-color:#ccc;background-color:#ccc}

    .btn.fill_blue_green_three:hover,
    a.chip.fill_blue_green_three:hover, button.chip.fill_blue_green_three:hover,
    .btn.fill_blue_green_three:focus,
    a.chip.fill_blue_green_three:focus, button.chip.fill_blue_green_three:focus{border-color:#420a73;background-color:#420a73}



    .btn.line_primary:hover,
    a.chip.line_primary:hover, button.chip.line_primary:hover,
    .btn.line_primary:focus,
    a.chip.line_primary:focus, button.chip.line_primary:focus{background-color:#f2f8fc}
    .btn.line_secondary:hover,
    a.chip.line_secondary:hover, button.chip.line_secondary:hover,
    .btn.line_secondary:focus,
    a.chip.line_secondary:focus, button.chip.line_secondary:focus{background-color:#f0edff}
    .btn.line_tertiary:hover,
    a.chip.line_tertiary:hover, button.chip.line_tertiary:hover,
    .btn.line_tertiary:focus,
    a.chip.line_tertiary:focus, button.chip.line_tertiary:focus{background-color:#edf8ff}
    .btn.line_success:hover,
    a.chip.line_success:hover, button.chip.line_success:hover,
    .btn.line_success:focus,
    a.chip.line_success:focus, button.chip.line_success:focus{background-color:#ebf1ff}
    .btn.line_progress:hover,
    a.chip.line_progress:hover, button.chip.line_progress:hover,
    .btn.line_progress:focus,
    a.chip.line_progress:focus, button.chip.line_progress:focus{background-color:#f2fae8}
    .btn.line_error:hover,
    a.chip.line_error:hover, button.chip.line_error:hover,
    .btn.line_error:focus,
    a.chip.line_error:focus, button.chip.line_error:focus{background-color:#ffeded}
    .line_caution{color:#f2ac0c !important;border-color:#f2ac0c;background-color:#fff}
    .btn.line_caution:hover,
    a.chip.line_caution:hover, button.chip.line_caution:hover,
    .btn.line_caution:focus,
    a.chip.line_caution:focus, button.chip.line_caution:focus{background-color:#fffbeb}
    .btn.line_grey20:hover,
    a.chip.line_grey20:hover, button.chip.line_grey20:hover,
    .btn.line_grey20:focus,
    a.chip.line_grey20:focus, button.chip.line_grey20:focus{background-color:#f7f7f7}
    .btn.line_cool_grey40:hover,
    a.chip.line_cool_grey40:hover, button.chip.line_cool_grey40:hover,
    .btn.line_cool_grey40:focus,
    a.chip.line_cool_grey40:focus, button.chip.line_cool_grey40:focus{background-color:#f2f8fc}
    .btn.line_cool_grey30:hover,
    a.chip.line_cool_grey30:hover, button.chip.line_cool_grey30:hover,
    .btn.line_cool_grey30:focus,
    a.chip.line_cool_grey30:focus, button.chip.line_cool_grey30:focus{background-color:#f2f8fc}


    .pagination .prev:hover,
    .pagination .prev:focus{background-image: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="none" stroke="%237614cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 6l-6 6l6 6"%2F%3E%3C%2Fsvg%3E')}
    .pagination .next:hover,
    .pagination .next:focus{background-image: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="none" stroke="%237614cc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 6l6 6l-6 6"%2F%3E%3C%2Fsvg%3E')}

}