@charset "UTF-8";

/***** font *****/
@font-face {
    font-family:'Montserrat';
    src:url('../font/Montserrat/Montserrat-Black.woff') format('woff');
    font-weight:900;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../font/Montserrat/Montserrat-ExtraBold.woff') format('woff');
    font-weight:800;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../font/Montserrat/Montserrat-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../font/Montserrat/Montserrat-SemiBold.woff') format('woff');
    font-weight:600;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../font/Montserrat/Montserrat-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../font/Montserrat/Montserrat-Regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../font/Montserrat/Montserrat-Light.woff') format('woff');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../font/Montserrat/Montserrat-ExtraLight.woff') format('woff');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../font/Montserrat/Montserrat-Thin.woff') format('woff');
    font-weight:100;
    font-style:normal;
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'),
     url('../font/Pretendard/Pretendard-Black.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Black.woff') format('woff')
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url('../font/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'), url('../font/Pretendard/Pretendard-ExtraBold.woff') format('woff')
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'),
    url('../font/Pretendard/Pretendard-Bold.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Bold.woff') format('woff')
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'),
    url('../font/Pretendard/Pretendard-SemiBold.woff2') format('woff2'), url('../font/Pretendard/Pretendard-SemiBold.woff') format('woff')
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'),
    url('../font/Pretendard/Pretendard-Medium.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Medium.woff') format('woff')
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'),
    url('../font/Pretendard/Pretendard-Regular.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Regular.woff') format('woff')
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'),
    url('../font/Pretendard/Pretendard-Light.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Light.woff') format('woff')
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url('../font/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'), url('../font/Pretendard/Pretendard-ExtraLight.woff') format('woff')
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'),
    url('../font/Pretendard/Pretendard-Thin.woff2') format('woff2'), url('../font/Pretendard/Pretendard-Thin.woff') format('woff')
}
@font-face {
    font-family:'NanumMyeongjo';
    src:url(../font/NanumMyeongjo/NanumMyeongjo.otf) format("opentype"),
        url(../font/NanumMyeongjo/NanumMyeongjo.ttf) format("truetype");
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'NanumMyeongjo';
    src:url(../font/NanumMyeongjo/NanumMyeongjoBold.otf) format("opentype"),   url(../font/NanumMyeongjo/NanumMyeongjoBold.ttf) format("truetype");
    font-weight:700;
    font-style:normal;
}

@font-face {
    font-family:'NanumMyeongjo';
    src:url(../font/NanumMyeongjo/NanumMyeongjoExtraBold.otf) format("opentype"),  url(../font/NanumMyeongjo/NanumMyeongjoExtraBold.ttf) format("truetype");
    font-weight:800;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSans';
    font-weight:300;
    font-style:normal;
    src:url('../font/GmarketSans/GmarketSansLight.eot');
    src:url('../font/GmarketSans/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
    url('../font/GmarketSans/GmarketSansLight.woff2') format('woff2'),
    url('../font/GmarketSans/GmarketSansLight.woff') format('woff'),
    url('../font/GmarketSans/GmarketSansLight.ttf') format("truetype");
    font-display:swap;
}
@font-face {
    font-family:'GmarketSans';
    font-weight:500;
    font-style:normal;
    src:url('../font/GmarketSans/GmarketSansMedium.eot');
    src:url('../font/GmarketSans/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
    url('../font/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
    url('../font/GmarketSans/GmarketSansMedium.woff') format('woff'),
    url('../font/GmarketSans/GmarketSansMedium.ttf') format("truetype");
    font-display:swap;
}
@font-face {
    font-family:'GmarketSans';
    font-weight:700;
    font-style:normal;
    src:url('../font/GmarketSans/GmarketSansBold.eot');
    src:url('../font/GmarketSans/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
    url('../font/GmarketSans/GmarketSansBold.woff2') format('woff2'),
    url('../font/GmarketSans/GmarketSansBold.woff') format('woff'),
    url('../font/GmarketSans/GmarketSansBold.ttf') format("truetype");
    font-display:swap;
}
@font-face {
    font-family:'NotoSansKR';
    src:url('../font/NotoSansKR/notokr-bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'NotoSansKR';
    src:url('../font/NotoSansKR/notokr-medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'NotoSansKR';
    src:url('../font/NotoSansKR/notokr-regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family: 'MBC1961';
    font-weight: 400;
    font-style: normal;
    src: url('../font/MBC1961M/MBC1961M.otf') format("opentype"),
    url('../font/MBC1961M/MBC1961M.ttf') format("truetype");
}
@font-face {
    font-family: 'Ttangsbudaejjigae';
    font-weight: 300;
    font-style: normal;
    src: url('../font/Ttangsbudaejjigae/Ttangsbudaejjigae-Light.otf') format("opentype"),
    url('../font/Ttangsbudaejjigae/Ttangsbudaejjigae-Light.ttf') format("truetype");
}
@font-face {
    font-family: 'Ttangsbudaejjigae';
    font-weight: 700;
    font-style: normal;
    src: url('../font/Ttangsbudaejjigae/Ttangsbudaejjigae-Bold.otf') format("opentype"),
    url('../font/Ttangsbudaejjigae/Ttangsbudaejjigae-Bold.ttf') format("truetype");
}

/***** 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}
html{font-size:1rem}
h1{margin:0 !important}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
fieldset,img{vertical-align:top;border:0}
fieldset{min-inline-size:auto}
img{max-width:100%}
svg{vertical-align:top}
hr,legend,caption{display:none}
table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}
label{vertical-align:top}
input{overflow:hidden;height:3rem;padding:0 0.937rem;color:#000;line-height:1rem;text-overflow:ellipsis;white-space:nowrap}
input,select,textarea,button{font-size:1rem;font-family:inherit;vertical-align:middle;box-sizing:border-box}
input,select,textarea{width:100%;border:1px solid #dbdbdb;border-radius:0;background-color:#fff;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
input:not([readonly]):not([disabled]):focus,select:focus,textarea:focus{border-color:#000}
:-webkit-autofill,:-webkit-autofill:hover,:-webkit-autofill:focus,:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #fff inset !important;-webkit-text-fill-color:#000}
::placeholder{color:#767676;text-align:left;opacity:1}
:-ms-input-placeholder{color:#767676;text-align:left;vertical-align:top}
::-ms-input-placeholder{color:#767676;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],textarea[readonly]{outline:none;cursor:default}
input[disabled],textarea[disabled]{color:#a5a5a5 !important;outline:none;cursor:default}
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:3.25rem;cursor:pointer}
select:required:invalid{color:#a5a5a5}
select::-ms-expand{display:none}
option{color:#1d2329}
option[disabled]{display:none}
textarea{padding:1rem;resize:none}
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}
body{color:#000;font-size:1rem;font-family:'Pretendard','Noto Sans KR',Malgun Gothic,'맑은고딕',Dotum,'굴림',Gulim,Helvetica,sans-serif;line-height:1.5;background-color:#fff}
html:has(body.ovh){overflow:hidden}

/***** 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)}
.blind{overflow:hidden;position:absolute;width:0;height:0;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}
.ovh{overflow:hidden !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}
.fxg1{flex-grow:1 !important}
.fxg0{flex-grow:0 !important}
.fxb100{flex-basis:100% !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}
.posc{position:sticky !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:25rem !important}.w300{width:18.75rem !important}.w200{width:12.5rem !important}.w160{width:10rem !important}.w150{width:9.375rem !important}.w140{width:8.75rem !important}.w130{width:8.125rem !important}.w120{width:7.5rem !important}.w100{width:6.25rem !important}.w80{width:5rem !important}.w64{width:4rem !important}.w60{width:3.75rem !important}.w50{width:3.125rem !important}.w40{width:2.5rem !important}
/*** min-width ***/
.mwa{min-width:auto !important}

/*** height ***/
.ha{height:auto !important}
.h100p{height:100% !important}
.h300{height:18.75rem !important}.h200{height:12.5rem !important}.h100{height:6.25rem !important}
/*** margin,padding ***/
.ma{margin:auto !important}
.mla{margin-left:auto !important}
.m0{margin:0 !important}
.mt0{margin-top:0 !important}.mt4{margin-top:0.25rem !important}.mt5{margin-top:0.3125rem !important}.mt8{margin-top:0.5rem !important}.mt10{margin-top:0.625rem !important}.mt12{margin-top:0.75rem !important}.mt15{margin-top:0.9375rem !important}.mt16{margin-top:1rem !important}.mt20{margin-top:1.25rem !important}.mt24{margin-top:1.5rem !important}.mt25{margin-top:1.5625rem !important}.mt28{margin-top:1.75rem !important}.mt30{margin-top:1.875rem !important}.mt35{margin-top:2.1875rem !important}.mt40{margin-top:2.5rem !important}.mt45{margin-top:2.8125rem !important}.mt50{margin-top:3.125rem !important}.mt55{margin-top:3.4375rem !important}.mt60{margin-top:3.75rem !important}
.mr0{margin-right:0 !important}.mr5{margin-right:0.3125rem !important}.mr10{margin-right:0.625rem !important}.mr12{margin-right:0.75rem !important}.mr15{margin-right:0.9375rem !important}.mr20{margin-right:1.25rem !important}.mr25{margin-right:1.5625rem !important}.mr30{margin-right:1.875rem !important}.mr35{margin-right:2.1875rem !important}.mr40{margin-right:2.5rem !important}.mr45{margin-right:2.8125rem !important}.mr50{margin-right:3.125rem !important}.mr55{margin-right:3.4375rem !important}.mr60{margin-right:3.75rem !important}
.mb0{margin-bottom:0 !important}.mb5{margin-bottom:0.3125rem !important}.mb10{margin-bottom:0.625rem !important}.mb15{margin-bottom:0.9375rem !important}.mb20{margin-bottom:1.25rem !important}.mb25{margin-bottom:1.5625rem !important}.mb30{margin-bottom:1.875rem !important}.mb35{margin-bottom:2.1875rem !important}.mb40{margin-bottom:2.5rem !important}.mb45{margin-bottom:2.8125rem !important}.mb50{margin-bottom:3.125rem !important}.mb55{margin-bottom:3.4375rem !important}.mb60{margin-bottom:3.75rem !important}
.ml0{margin-left:0 !important}.ml3{margin-left:0.1875rem !important}.ml5{margin-left:0.3125rem !important}.ml10{margin-left:0.625rem !important}.ml15{margin-left:0.9375rem !important}.ml20{margin-left:1.25rem !important}.ml25{margin-left:1.5625rem !important}.ml28{margin-left:1.75rem !important}.ml30{margin-left:1.875rem !important}.ml35{margin-left:2.1875rem !important}.ml40{margin-left:2.5rem !important}.ml45{margin-left:2.8125rem !important}.ml50{margin-left:3.125rem !important}.ml55{margin-left:3.4375rem !important}.ml60{margin-left:3.75rem !important}
.p0{padding:0 !important}
.pt0{padding-top:0 !important}.pt5{padding-top:0.3125rem !important}.pt10{padding-top:0.625rem !important}.pt15{padding-top:0.9375rem !important}.pt16{padding-top:1rem !important}.pt20{padding-top:1.25rem !important}.pt25{padding-top:1.5625rem !important}.pt30{padding-top:1.875rem !important}.pt32{padding-top:2rem !important}.pt35{padding-top:2.1875rem !important}.pt40{padding-top:2.5rem !important}.pt45{padding-top:2.8125rem !important}.pt50{padding-top:3.125rem !important}.pt55{padding-top:3.4375rem !important}.pt60{padding-top:3.75rem !important}
.pr0{padding-right:0 !important}.pr5{padding-right:0.3125rem !important}.pr10{padding-right:0.625rem !important}.pr15{padding-right:0.9375rem !important}.pr20{padding-right:1.25rem !important}.pr25{padding-right:1.5625rem !important}.pr30{padding-right:1.875rem !important}.pr35{padding-right:2.1875rem !important}.pr40{padding-right:2.5rem !important}.pr45{padding-right:2.8125rem !important}.pr50{padding-right:3.125rem !important}.pr55{padding-right:3.4375rem !important}.pr60{padding-right:3.75rem !important}
.pb0{padding-bottom:0 !important}.pb5{padding-bottom:0.3125rem !important}.pb10{padding-bottom:0.625rem !important}.pb15{padding-bottom:0.9375rem !important}.pb20{padding-bottom:1.25rem !important}.pb25{padding-bottom:1.5625rem !important}.pb30{padding-bottom:1.875rem !important}.pb35{padding-bottom:2.1875rem !important}.pb40{padding-bottom:2.5rem !important}.pb45{padding-bottom:2.8125rem !important}.pb48{padding-bottom:3rem !important}.pb50{padding-bottom:3.125rem !important}.pb55{padding-bottom:3.4375rem !important}.pb60{padding-bottom:3.75rem !important}.pb80{padding-bottom:5rem !important}.pb100{padding-bottom:6.25rem !important}
.pl0{padding-left:0 !important}.pl5{padding-left:0.3125rem !important}.pl10{padding-left:0.625rem !important}.pl13{padding-left:0.8125rem !important}.pl15{padding-left:0.9375rem !important}.pl20{padding-left:1.25rem !important}.pl25{padding-left:1.5625rem !important}.pl30{padding-left:1.875rem !important}.pl35{padding-left:2.1875rem !important}.pl40{padding-left:2.5rem !important}.pl45{padding-left:2.8125rem !important}.pl50{padding-left:3.125rem !important}.pl55{padding-left:3.4375rem !important}.pl60{padding-left:3.75rem !important}
/*** font color ***/
.fc_primary{color:#1927a8 !important}
.fc_primary10{color:#e7ccff !important}
.fc_primary20{color:#b17be0 !important}
.fc_primary40{color:#470680 !important}
.fc_primary50{color:#2e0057 !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_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:#eb2f34 !important}
.fc_error10{color:#fff2f2 !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{color:#005fc8 !important}
.fc_green{color:#96dc00 !important}
.fc__sky{color:#00a0ff !important}
.fc_mint{color:#00c7c2 !important}
/*** font size ***/
.fz0{font-size:0 !important}
.fz10{font-size:0.625rem !important}.fz11{font-size:0.6875rem !important}.fz12{font-size:0.75rem !important}.fz13{font-size:0.8125rem !important}.fz14{font-size:0.875rem !important}.fz15{font-size:0.9375rem !important}
.fz16{font-size:1rem !important}.fz17{font-size:1.0625rem !important}.fz18{font-size:1.125rem !important}.fz19{font-size:1.1875rem !important}.fz20{font-size:1.25rem !important}.fz21{font-size:1.3125rem !important}
.fz22{font-size:1.375rem !important}.fz23{font-size:1.4375rem !important}.fz24{font-size:1.5rem !important}.fz25{font-size:1.5625rem !important}.fz26{font-size:1.625rem !important}.fz27{font-size:1.6875rem !important}.fz28{font-size:1.75rem !important}.fz29{font-size:1.8125rem !important}.fz30{font-size:1.875rem !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}.fw800{font-weight:800 !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}
/*** text-decoration ***/
.t_underline{text-decoration:underline}
/*** white-space ***/
.whspw{white-space:pre-wrap}
/*** 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}
.lh140{line-height:1.4 !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:0.25rem !important}.bdrs5{border-radius:0.3125rem !important}.bdrs10{border-radius:0.625rem !important}.bdrs999{border-radius:999px !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:4;-webkit-box-orient:vertical}
/*** scrollbar ***/
::-webkit-scrollbar-track{border-radius:0.25rem;background-color:#fff}
::-webkit-scrollbar{width:0.438rem;height:0.438rem}
::-webkit-scrollbar-thumb{border-radius:0.25rem;background-color:#dbdbdb;cursor:pointer}
/*** tip ***/
.tip{margin-top:0.5rem;font-size:0.875rem}
.txt_inform{display:flex;align-items:flex-start;font-weight:500;font-size:0.875rem;color:#eb2f34}
.txt_inform .ico_error{flex-shrink:0;width:1rem;height:1rem;margin-top:0.156rem;margin-right:0.25rem}
.txt_inform.fc_grey70 .ico_error{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}
/*** icon ***/
.ico{display:inline-block;width:1.5rem;height:1.5rem;vertical-align:top}
.ico_success{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%235f93fa' d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20m0-8'/%3E%3C/svg%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;background-size:100%}
.ico_error.ico_wh{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}
.ico_help{width:1.125rem;height:1.125rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M12 4c4.411 0 8 3.589 8 8s-3.589 8-8 8s-8-3.589-8-8s3.589-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m4 8a4 4 0 0 0-8 0h2c0-1.103.897-2 2-2s2 .897 2 2s-.897 2-2 2a1 1 0 0 0-1 1v2h2v-1.141A3.991 3.991 0 0 0 16 10m-3 6h-2v2h2z'/%3E%3C/svg%3E") no-repeat 0 0}
.ico_arr_down{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_del{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_add{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_post_new{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:2px;background-color:#e1eaff}
.ico_post_new:before{content:'N';display:block;position:absolute;font-weight:600;font-size:0.625rem;color:#5f93fa}
.fill_black .ico_add{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z'/%3E%3C/svg%3E")}
.ico_detail{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='m19.6 21l-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l6.3 6.3zM9.5 14q1.875 0 3.188-1.312T14 9.5t-1.312-3.187T9.5 5T6.313 6.313T5 9.5t1.313 3.188T9.5 14'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.fill_black .ico_notify{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='%23fff' d='M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2m6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5z'/%3E%3C/svg%3E")}
.ico_email{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0l-8 5l-8-5zm0 12H4V8l8 5l8-5z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_download{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='m12 16l-5-5l1.4-1.45l2.6 2.6V4h2v8.15l2.6-2.6L17 11zm-6 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_close{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_pin{width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M12 12q.825 0 1.413-.587T14 10t-.587-1.412T12 8t-1.412.588T10 10t.588 1.413T12 12m0 10q-4.025-3.425-6.012-6.362T4 10.2q0-3.75 2.413-5.975T12 2t5.588 2.225T20 10.2q0 2.5-1.987 5.438T12 22'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_pay_credit{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='%23000000' d='M22 6v12q0 .825-.587 1.413T20 20H4q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6M4 8h16V6H4zm0 4v6h16v-6zm0 6V6z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_pay_account{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='%23333' d='M6 19.75q-2.6-.675-4.3-2.8T0 12t1.7-4.95T6 4.25v2.1q-1.775.6-2.887 2.15T2 12t1.113 3.5T6 17.65zm8 .25q-3.325 0-5.663-2.337T6 12t2.338-5.663T14 4q1.65 0 3.1.625t2.55 1.725l-1.4 1.4q-.825-.825-1.912-1.287T14 6q-2.5 0-4.25 1.75T8 12t1.75 4.25T14 18q1.25 0 2.338-.462t1.912-1.288l1.4 1.4q-1.1 1.1-2.55 1.725T14 20m6-4l-1.4-1.4l1.6-1.6H13v-2h7.2l-1.6-1.6L20 8l4 4z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_inform, .ico_exclamation{width:2.25rem;height:2.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_question{width:2.25rem;height:2.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m-.9-3.85h1.85q0-.825.188-1.3t1.062-1.3q.65-.65 1.025-1.238T15.55 8.9q0-1.4-1.025-2.15T12.1 6q-1.425 0-2.312.75T8.55 8.55l1.65.65q.125-.45.563-.975T12.1 7.7q.8 0 1.2.438t.4.962q0 .5-.3.938t-.75.812q-1.1.975-1.35 1.475t-.25 1.825M12 22q-2.075 0-3.9-.787t-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_check{width:2.25rem;height:2.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_chk_complete{width:2.5rem;height:2.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath fill='%235F93FA' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_add_circle{width:1.125rem;height:1.125rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%2396DC00' d='M11 17h2v-4h4v-2h-4V7h-2v4H7v2h4zm1 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_add_circle02{width:1.5rem;height:1.5rem;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='%23767676' d='M11 17h2v-4h4v-2h-4V7h-2v4H7v2h4zm1 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}
.ico_remove_circle{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='none' stroke='%23db2f34' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12h8m-4 9a9 9 0 1 1 0-18a9 9 0 0 1 0 18'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:100%}
.ico_coin{width:1rem;height:1rem;background:url(../images/icon/ico_cash.png) no-repeat 0 0 /cover}
.ico_chip{width:1.25rem;height:1.25rem;background:url(../images/icon/ico_point.png) no-repeat 0 0 /cover}
.ico_sale{width:1.25rem;height:1.25rem;background:url(../images/icon/ico_coupon.png) no-repeat 0 0 /cover}
.ico_done{width:1.125rem;height:1.125rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.ico_kakaopay{width:3.625rem;height:1.5rem;background:url(../images/icon/ico_kakaopay.svg) no-repeat 0 0 /cover}
.ico_naverpay{width:1.5rem;height:1.5rem;background:url(../images/icon/ico_naverpay.svg) no-repeat 0 0 /cover}
/*** 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% + 0.5625rem);left:50%;width:max-content;color:#fff;font-size:0.75rem;padding:0.3125rem 0.625rem;border-radius:0.3125rem;background-color:rgba(0,0,0,.5);transform:translateX(-50%)}
[data-title]:hover:after,
[data-title]:focus:after{content:'';position:absolute;top:calc(100% + 0.1875rem);left:50%;border-width:0 0.375rem 0.375rem;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;padding-right:2.5rem}
.input .btn_del{display:none;position:absolute;top:50%;right:0.813rem;width:1.25rem;height:1.25rem;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='m8.4 17l3.6-3.6l3.6 3.6l1.4-1.4l-3.6-3.6L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4l3.6 3.6L7 15.6zm3.6 5q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22'/%3E%3C/svg%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.input_pw .btn_del{right:2.813rem}
.input > input + .btn{flex-shrink:0;min-width:3.25rem;background-color:#f6f6f6;border-color:#dbdbdb;font-weight:500;font-size:0.875rem;color:#333;margin-left:-1px;padding:0}
.input > input + .btn .txt{padding:0 1.25rem}
.input > input + .btn + .btn_del{right:4.063rem}


input:not([readonly]):not([disabled]):not([type="file"]):focus + .btn:not(.pill){border-color:#000;border-left-color:#dbdbdb}
.input.active input, .input.input_pw input{padding-right:2.438rem}
.input.input_pw.active input{padding-right:4.313rem}
.input.active:not(.success):not(.error) .btn_del{display:block}
.input.error:after{content:'';position:absolute;top:50%;right:0.938rem;width:1rem;height:1rem;background:url(../images/icon/ico_error.svg) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.error input{border-color:#eb2f34 !important}
.input.error.input_pw .btn_del{right:4.126rem}
.input.error.input_pw input{padding-right:3.813rem}
.input.error.input_pw.active input{padding-right:5.688rem}
.input.error .btn_pw_view{right:2.313rem}
.input input[readonly] + .btn_del,.input input[disabled] + .btn_del{display:none !important}
/*** 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:#a5a5a5 !important;font-weight:400 !important;cursor:default}
.checkbox label,.radio label{display:block;position:relative;min-height:1.25rem;padding-left:1.25rem;color:#000;font-size:0.875rem;cursor:pointer}
.checkbox label:before,.radio label:before{content:'';position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;background-size:100% !important}
.checkbox label:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5z'/%3E%3C/svg%3E") no-repeat 0 0}
.checkbox :checked ~ label{color:#000;font-weight:400}
.checkbox :checked ~ label:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m10.6 16.2l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z'/%3E%3C/svg%3E")}
.checkbox :not(:checked) ~ label:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5z'/%3E%3C/svg%3E")}
.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://www.w3.org/2000/svg' width='20px' height='20px' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='M19 3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 2v14H5V5z'/%3E%3C/svg%3E")}
.checkbox input[disabled]:checked ~ label:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='m10.6 16.2l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z'/%3E%3C/svg%3E")}
.radio label:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E") no-repeat 0 0}
.radio :checked ~ label{color:#000;font-weight:400}
.radio :checked ~ label:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 17q2.075 0 3.538-1.463T17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17m0 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}
.radio :not(:checked) ~ label:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%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://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}
.radio input[disabled]:checked ~ label:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='M12 17q2.075 0 3.538-1.463T17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17m0 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}
.checkbox.txt label,.radio.txt label{padding-left:1.5rem;line-height:1.25rem}
.chk_list{display:flex;flex-wrap:wrap;gap:0.5rem;width:100%}
.chk_list > li{width:100%}
.chk_list .radio{width:100%;border-radius:0.75rem}
.chk_list .radio label{border-radius:0.75rem;background-color:#fff;box-shadow:0 0 0.437rem 0 rgba(0,0,0,0.04), 0 0 1.562rem 0 rgba(0,0,0,0.07);padding:1rem}
.chk_list .radio label:before{display:none}
.chk_list .radio :checked ~ label{font-weight:600}
.chk_list .radio :checked ~ label:after{content:' ';display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0 0 2px inset #000;border-radius:0.75rem;box-sizing:border-box}
.chk_list .radio label > .info{display:flex;align-items:center;position:relative;line-height:1}
.chk_list .radio label > .info:before{content:'';width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100% !important}
.chk_list .radio :checked ~ label .info:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 17q2.075 0 3.538-1.463T17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17m0 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}
.chk_list .radio .info > p{padding-left:0.25rem}
.chk_list .radio .info > p .sub_txt{display:inline-block;font-weight:500;font-size:0.75rem;color:#767676;line-height:1;padding-left:0.312rem}
.chk_list .radio .info > .mla{text-align:right}
.chk_list .radio .info .badge{color:#db2f34 !important;margin-top:0.5rem}
.chk_list .radio .txt_cash{display:block}
.chk_list .radio .guide{display:flex;column-gap:0.5rem;border-top:1px solid #f0f0f0;margin-top:1rem;padding-top:0.687rem}
.chk_list .radio .guide .hashtag{flex-shrink:0;height:fit-content;padding:0.312rem}
.chk_list .radio .guide .txt{font-weight:500;font-size:0.75rem;color:#333;line-height:1.5;margin-bottom:0 !important}
.chk_list.type02 .radio label{background-color:#f9f9f9;font-size:0.812rem;line-height:1.375rem;padding:0.75rem;box-shadow:none}
.chk_list.type02 .radio :checked ~ label .info:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%2300c7c2' d='M12 17q2.075 0 3.538-1.463T17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17m0 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}
.chk_list.type02 .radio :checked ~ label:after{border:1px dashed #00c7c2;box-shadow:none}

/*** select ***/
.select{display:inline-block;position:relative;width:10rem;vertical-align:top;z-index:10}
.select .current{overflow:hidden;display:block;position:relative;width:100%;height:3rem;padding:0 0.937rem;line-height:calc(3rem - 2px);text-overflow:ellipsis;white-space:nowrap;border:1px solid #dbdbdb}
.select .current:after{content:'';position:absolute;top:0;bottom:0;right:0.937rem;width: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='%23000' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E") no-repeat 0 50%;background-size:100%}
.select .dim{display:none;position:fixed}
.select .list{overflow-y:auto;width:100%;background-color:#fff}
.select .list li a{display:block;padding:0 0.938rem;line-height:3.25rem}
.select.placeholder .current{color:#767676}
.select.disabled .current{color:#a5a5a5;cursor:default;pointer-events:none}
.select.disabled .current:after{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 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E")}
.select .option{position:fixed;bottom:-100%;left:50%;width:100%;padding:1rem 1.5rem 2.5rem;border-radius:1.25rem 1.25rem 0 0;background-color:#fff;transform:translateX(-50%);transition:bottom ease-in-out .5s}
.select.open{z-index:112}
.select.open .dim{display:block}
.select.open .current{border-color:#000}
.select.open .current:after{transform:rotate(180deg)}
.select.open .option{bottom:0}
.select .option .tit{display:block;padding:0.75rem 0 1.25rem;font-size:1.25rem;line-height:1}
.select .option .btn_close{position:absolute;top:1.75rem;right:1.5rem}
.select .list{max-height:23.438rem}
.select .list li a{padding:0 2.75rem 0 0;color:#333;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E") no-repeat 100% 50%;background-size:1.25rem}
.select .list li.selected a{color:#1927a8;font-weight:700;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%231927a8' d='M12 17q2.075 0 3.538-1.463T17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17m0 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E")}
.sel_sm .current{height:2.25rem;padding-right:1.938rem;padding-left:0.688rem;line-height:calc(2.25rem - 2px)}
.sel_sm .current:after{right:0.688rem;width:1.25rem}
.sel_arr{width:5.625rem;font-size:0.875rem}
.sel_arr .current{height:1.5rem;color:#333;padding:0 2rem 0 0.5rem;line-height:1.5rem;border:0}
.sel_arr .current:after{right:0.5rem;width:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E")}
.check_wrap{margin-top:1.25rem}
/*** textarea ***/
.textarea{position:relative;height:6.25rem;padding-bottom:2.188rem;border:1px solid #dbdbdb}
.textarea textarea{height:100%;border:0;font-size:0.875rem;padding:0.687rem 0.937rem}
.textarea .txt_limit{position:absolute;right:1rem;bottom:0.75rem;color:#a5a5a5;font-size:0.75rem;line-height:1}
.textarea.focus{border-color:#000}
.textarea.focus .txt_limit span{color:#000}
/*** btn ***/
.btn{display:inline-flex;justify-content:center;align-items:center;position:relative;height:3rem;padding:0 1.187rem;font-size:1rem;font-weight:500;vertical-align:top;text-align:center;border:1px solid;border-radius:0;transition:background-color ease .3s}
.btn span:not(.blind){position:relative}
.btn.disabled,
.btn[disabled]{color:#a5a5a5 !important;cursor:default}
.btn.disabled svg path,
.btn[disabled] svg path,
.btn.disabled svg g,
.btn[disabled] svg g{stroke:#a5a5a5 !important}
.btn svg{width:1.5rem;height:1.5rem}
.btn svg:first-child:not(:only-child){margin-right:0.5rem}
.btn svg:last-child:not(:only-child){margin-left:0.5rem}
/* only icon */
.btn.btn_icon{padding:0 0.5625rem}
.btn.btn_icon i{margin-right:0}
.btn_icon_del:before{content:'';display:inline-block;width:1.5rem;height:1.5rem;vertical-align:top;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='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.btn_like{display:inline-flex;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='%23ffffff' d='m12 21l-1.45-1.3q-2.525-2.275-4.175-3.925T3.75 12.812T2.388 10.4T2 8.15Q2 5.8 3.575 4.225T7.5 2.65q1.3 0 2.475.55T12 4.75q.85-1 2.025-1.55t2.475-.55q2.35 0 3.925 1.575T22 8.15q0 1.15-.387 2.25t-1.363 2.412t-2.625 2.963T13.45 19.7zm0-2.7q2.4-2.15 3.95-3.687t2.45-2.675t1.25-2.026T20 8.15q0-1.5-1-2.5t-2.5-1q-1.175 0-2.175.662T12.95 7h-1.9q-.375-1.025-1.375-1.687T7.5 4.65q-1.5 0-2.5 1t-1 2.5q0 .875.35 1.763t1.25 2.025t2.45 2.675T12 18.3m0-6.825'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.btn_like.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='%23ffffff' d='m12 21l-1.45-1.3q-2.525-2.275-4.175-3.925T3.75 12.812T2.388 10.4T2 8.15Q2 5.8 3.575 4.225T7.5 2.65q1.3 0 2.475.55T12 4.75q.85-1 2.025-1.55t2.475-.55q2.35 0 3.925 1.575T22 8.15q0 1.15-.387 2.25t-1.363 2.412t-2.625 2.963T13.45 19.7z'/%3E%3C/svg%3E")}
.btn_bookmark{width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='m17 18l-5-2.18L7 18V5h10m0-2H7a2 2 0 0 0-2 2v16l7-3l7 3V5a2 2 0 0 0-2-2'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.btn_bookmark.active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M17 3H7a2 2 0 0 0-2 2v16l7-3l7 3V5a2 2 0 0 0-2-2'/%3E%3C/svg%3E")}
.btn_share{width:1.5rem;height:1.5rem;background:url(../images/common/btn_share.svg) no-repeat 0 0;background-size:100%}
.btn_close{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='%23000' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.btn_cart{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='%23000' d='M5 22q-.825 0-1.412-.587T3 20V8q0-.825.588-1.412T5 6h2q0-2.075 1.463-3.537T12 1t3.538 1.463T17 6h2q.825 0 1.413.588T21 8v12q0 .825-.587 1.413T19 22zm0-2h14V8H5zm7-6q2.075 0 3.538-1.463T17 9h-2q0 1.25-.875 2.125T12 12t-2.125-.875T9 9H7q0 2.075 1.463 3.538T12 14M9 6h6q0-1.25-.875-2.125T12 3t-2.125.875T9 6M5 20V8z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.btn_reply{position:relative;width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H6l-2 2V4h16zM7 9h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.btn_reply.active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H6l-2 2V4h16zM7 9h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z'/%3E%3C/svg%3E")}
.btn_reply > .badge{position:absolute;top:-0.438rem;right:-0.75rem;font-weight:600;font-size:0.625rem;border-color:#000;background-color:#000;color:#fff;padding:0.062rem 0.125rem}
.btn_reply.count,
.btn_like.count{align-items:center;width:auto !important;height:auto !important;padding-left:1.5rem;color:#767676;font-size:0.813rem;font-weight:500;line-height:1.25rem;background-size:1.25rem}
/* btn icon */
.btn_arr_down{display:inline-flex;align-items:center;column-gap:0.25rem}
.btn_arr_down:after{content:'';width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.btn_arr_down span{color:#767676;font-size:0.875rem}
.btn_arr_down.close:after{transform:rotate(180deg)}
.btn_arr_down:not(.close) .txt_close, .btn_arr_down.close span:not(.txt_close){display:none}
.btn_download{display:inline-flex;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='white' d='M19 9h-4V3H9v6H5l7 7zM5 18v2h14v-2z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.btn.btn_challenge_alarm{height:1.75rem;border-radius:0.25rem;border-color:#000;color:#000}
.btn.btn_challenge_alarm > span{display:flex;align-items:center;column-gap:0.25rem}
.btn.btn_challenge_alarm > span:before{content:'';width:0.75rem;height:0.75rem;background-repeat:no-repeat;background-position:50% 50%;background-size:100%}
.btn.btn_challenge_alarm.on{border-bottom-width:0.125rem}
.btn.btn_challenge_alarm:not(.on){border-color:#f6f6f6;background-color:#f6f6f6;color:#767676}
.btn.btn_challenge_alarm.on > span:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='m22 5.72l-4.6-3.86l-1.29 1.53l4.6 3.86zM7.88 3.39L6.6 1.86L2 5.71l1.29 1.53zM12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9a9 9 0 0 0 0-18m0 16c-3.87 0-7-3.13-7-7s3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7m-1.46-5.47L8.41 12.4l-1.06 1.06l3.18 3.18l6-6l-1.06-1.06z'/%3E%3C/svg%3E")}
.btn.btn_challenge_alarm:not(.on) > span:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='m19.95 17.25l-1.5-1.5q.275-.675.413-1.312T19 13.1q0-2.9-2.05-5T12 6q-.7 0-1.35.113t-1.3.387L7.85 5q.95-.5 1.988-.75T12 4q1.85 0 3.488.7t2.862 1.938t1.938 2.887T21 13.1q0 1.125-.275 2.163t-.775 1.987M21.25 8L17 3.75l1.4-1.4l4.25 4.25zm-.75 15.4l-3.15-3.15q-1.125.825-2.488 1.288T12 22q-1.85 0-3.488-.7T5.65 19.4t-1.937-2.825T3 13.1q0-1.55.463-2.912T4.8 7.7l-.85-.85l-1.2 1.2l-1.4-1.4l1.2-1.2L.7 3.6l1.4-1.4L21.9 22zM12 20.025q1.05 0 2.05-.325t1.85-.9L6.2 9.15q-.575.875-.887 1.888T5 13.1q0 2.9 2.05 4.913T12 20.025m1.9-8.9'/%3E%3C/svg%3E")}
.btn.btn_challenge_alarm.on .txt_off,
.btn.btn_challenge_alarm:not(.on) .txt_on{display:none}
.btn_use_cancel{background-color:#f6f6f6}
.btn_menu_more{width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M12 20q-.825 0-1.412-.587T10 18t.588-1.412T12 16t1.413.588T14 18t-.587 1.413T12 20m0-6q-.825 0-1.412-.587T10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14m0-6q-.825 0-1.412-.587T10 6t.588-1.412T12 4t1.413.588T14 6t-.587 1.413T12 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 50%;background-size:100%}
/* btn 사이즈 */
.btn_xs{height:1.5rem;padding:0 0.563em;font-size:0.813rem;font-weight:700}
.btn_xs.arr{padding-right:0.125rem}
.btn_xs.arr:after{content:'';width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E") no-repeat 0 0 / 100%}
.btn_sm{height:2rem;padding:0 0.687rem;font-size:0.75rem;font-weight:500}
.btn_sm i{margin-right:0.25rem}
.btn_sm.pill i{width:1.25rem;height:1.25rem}
.btn_sm.pill i + span{padding-right:0.313rem}
.btn_sm.btn_icon{padding:0 0.5rem}
.btn_sm.btn_icon i{width:1.125rem;height:1.125rem}
.btn_md{height:2.25rem;font-weight:700;font-size:0.875rem;padding:0 0.75rem}
/* 알약 */
.pill{border-radius:99px !important}

/* 버튼 영역 */
.btn_area{display:flex;align-items:center;justify-content:center;margin-top:1.25rem}
.btn_area .btn:not(:only-child):not(:last-child){margin-right:0.75rem}
.btn_area.fixed{position:fixed;bottom:0;left:0;width:100%;background-color:#fff}
.btn_area .btn{width:100%}
.btn_area .btn_more{display:inline-flex;height:1.75rem;align-items:center;column-gap:0.125rem;padding:0 0.25rem 0 0.625rem;color:#767676;font-size:0.75rem;font-weight:600;border-radius:0.25rem;background-color:#f9f9f9}
.btn_area .btn_more:after{content:'';width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='m12 15l-5-5h10z'/%3E%3C/svg%3E") no-repeat 0 0 / 100%}
.btn_area .btn_more.active:after{transform:rotate(180deg)}
.btn_area.type_tab{border-bottom-left-radius:0.75rem;border-bottom-right-radius:0.75rem;margin-top:0;overflow:hidden}
.btn_area.type_tab .btn:not(:only-child):not(:last-child){margin-right:0}
.btn_area.type_tab .btn + .btn:before{content:'';display:block;position:absolute;top:0;left:-1px;width:1px;height:100%;background-color:rgba(255,255,255,0.15)}
.btn_area.type_tab .btn_md{font-weight:600;font-size:0.75rem}
/*** badge ***/
.badge{display:inline-flex;padding:0.188rem 0.438rem;color:#1927a8;font-size:0.75rem;font-weight:500;line-height:1;border:1px solid #1927a8;border-radius:0.625rem}
/* toggle */
.toggle{display:inline-flex;align-items:center;justify-content:flex-start}
.toggle .txt,
.toggle ~ label .txt{margin-right:0.25rem;font-size:0.875rem;line-height:1}
.toggle_switch{position:relative;display:block;width:2.375rem;height:1.25rem;border-radius:999px;background-color:#c5d1db;cursor:pointer}
.toggle_switch .toggle_btn{position:absolute;top:50%;left:0.125rem;width:1rem;height:1rem;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% - 1.125rem)}
.toggle_check{display:inline-flex;position:relative}
/* chip */
.chip{display:inline-flex;justify-content:center;align-items:center;padding:0.438rem 0.688rem;font-size:0.875rem;line-height:1;border:1px solid #f6f6f6;border-radius:99px;background-color:#f6f6f6}
.chip .chip_del{width:1rem;height:1rem;margin:0 -0.25rem 0 0.125rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.chip_area{display:flex;flex-wrap:wrap;gap:0 0.5rem}
/* hashtag */
.hashtag{flex:0 0 auto;padding:0.313rem 0.438rem;color:#fff;font-size:0.75rem;font-weight:500;line-height:1;border:1px solid #000;border-radius:99px;background-color:#000}
.hashtag_area{display:flex;flex-wrap:wrap;align-items:center;gap:0.25rem}
/*** 컬러 ***/
.fill_primary{color:#fff !important;border-color:#1927a8;background-color:#1927a8}
.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_success10{color:#4171d9 !important;border-color:#f2f6ff;background-color:#f2f6ff}
.fill_success20{color:#000 !important;border-color:#b2cbff;background-color:#b2cbff}
.fill_success40{color:#fff !important;border-color:#4171d9;background-color:#4171d9}
.fill_success50{color:#fff !important;border-color:#1843a8;background-color:#1843a8}
.fill_progress{color:#fff !important;border-color:#83bf30;background-color:#83bf30}
.fill_progress10{color:#333 !important;border-color:#f2fae8;background-color:#f2fae8}
.fill_progress20{color:#000 !important;border-color:#b6e577;background-color:#b6e577}
.fill_progress40{color:#fff !important;border-color:#62a30d;background-color:#62a30d}
.fill_progress50{color:#fff !important;border-color:#437a00;background-color:#437a00}
.fill_error{color:#fff !important;border-color:#eb2f34;background-color:#eb2f34}
.fill_error10{color:#333 !important;border-color:#fff2f2;background-color:#fff2f2}
.fill_error20{color:#000 !important;border-color:#f28d8e;background-color:#f28d8e}
.fill_error40{color:#fff !important;border-color:#9e2022;background-color:#9e2022}
.fill_error50{color:#fff !important;border-color:#730606;background-color:#730606}
.fill_caution{color:#fff !important;border-color:#f2ac0c;background-color:#f2ac0c}
.fill_caution10{color:#000 !important;border-color:#fcf9e8;background-color:#fcf9e8}
.fill_caution20{color:#000 !important;border-color:#fad157;background-color:#fad157}
.fill_caution30{color:#fff !important;border-color:#e08300;background-color:#e08300}
.fill_caution40{color:#fff !important;border-color:#ad5802;background-color:#ad5802}
.fill_black{color:#fff !important;border-color:#000;background-color:#000}
.fill_black.disabled{color:#a5a5a5 !important;border-color:#dbdbdb;background-color:#dbdbdb}
.fill_white{color:#000 !important;border-color:#fff;background-color:#fff}
.fill_grey10{color:#767676 !important;border-color:#f7f7f7;background-color:#f7f7f7}
.fill_grey20{color:#000 !important;border-color:#eaeaea;background-color:#eaeaea}
.fill_grey70{color:#fff !important;border-color:#767676;background-color:#767676}
.fill_bg20{color:#767676 !important;border-color:#f6f6f6;background-color:#f6f6f6}
.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{color:#fff !important;border-color:#96dc00;background-color:#96dc00}
.fill_blue_green_two{background-color:#00a0e9 !important;border-color:#00a0e9}
.fill_light_purple{background-color:#be62f5 !important;border-color:#be62f5}
.fill_blue{color:#fff !important;border-color:#005fc8;background-color:#005fc8}
.fill_sky{color:#fff !important;border-color:#00a0ff;background-color:#00a0ff}
.fill_light_blue{background-color:#52a8dc !important;border-color:#52a8dc}
.fill_indigo{background-color:#4644b4 !important;border-color:#4644b4}
.fill_purple{background-color:#5e2bb8 !important;border-color:#5e2bb8}
.fill_red{background-color:#db3a40 !important;border-color:#db3a40}
.fill_torch_red{background-color:#fb2626 !important;border-color:#fb2626}
.fill_thunderbird{background-color:#c81517 !important;border-color:#c81517}
.fill_yellow{background-color:#eb8d18;border-color:#eb8d18}
.fill_cod_gay{background-color:#0d0d0d !important;border-color:#0d0d0d}
.fill_lima{background-color:#58d20a !important;border-color:#58d20a}
.fill_mint{color:#fff !important;background-color:#00c7c2 !important;border-color:#00c7c2}
.fill_violet{color:#fff !important;background-color:#a63ef7 !important;border-color:#a63ef7}
.fill_yellow{color:#000 !important;background-color:#ffcb02 !important;border-color:#ffcb02}
.fill_aqua{color:#fff !important;background-color:#1fafcc !important;border-color:#1fafcc}
.fill_orange_violet{background:linear-gradient(102deg, #EEC02D 1.09%, #DA00E9 100%)}
.fill_sky_blue{background:linear-gradient(102deg, #6DC2CC 0%, #4B71F9 100%)}
.fill_purple_blue{background:linear-gradient(102deg, #DA41F9 0%, #3E3BF5 100%)}
.fill_sky_green{background:linear-gradient(102deg, #60A8FB 0%, #68B82B 100%)}
/*** 라인 컬러 ***/
.line_primary{color:#1927a8 !important;border-color:#1927a8;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:transparent}
.line_progress{color:#83bf30 !important;border-color:#83bf30;background-color:#fff}
.line_progress40{color:#62a30d !important;border-color:#83bf30;background-color:transparent}
.line_error{color:#eb2f34 !important;border-color:#eb2f34;background-color:#fff}
.line_caution{color:#f2ac0c !important;border-color:#f2ac0c;background-color:#fff}
.line_caution40{color:#e08300 !important;border-color:#e08300;background-color:#fff}
.line_grey30{color:#333 !important;border-color:#dbdbdb;background-color:#fff}
.line_grey50{color:#a5a5a5 !important;border-color:#a5a5a5;background-color:#fff}
.line_grey70{color:#000 !important;border-color:#767676;background-color:#fff}
.line_black{color:#000 !important;border-color:#000;background-color:#fff}
.line_blue{color:#005fc8 !important;border-color:#005fc8;background-color:#fff}
.line_sky{color:#00a0ff !important;border-color:#00a0ff;background-color:#fff}
.line_green{color:#96dc00 !important;border-color:#96dc00;background-color:#fff}
.line_mint{color:#07b294 !important;background-color:#fff;border-color:#07b294}
.line_violet{color:#a63ef7 !important;background-color:#fff;border-color:#a63ef7}
.line_yellow{color:#ffcb02 !important;background-color:#fff;border-color:#ffcb02}
.line_aqua{color:#1fafcc !important;background-color:#fff;border-color:#1fafcc}
.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_primary.disabled,.line_primary[disabled],
.line_secondary.disabled,.line_secondary[disabled],
.line_tertiary.disabled,.line_tertiary[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{stroke:#c5d1db !important}
/*** tab ***/
.tab{overflow-x:auto;display:flex;column-gap:0.75rem;position:relative;width:100%;background-color:#fff;padding:0 1.25rem}
.tab li{flex:0 0 auto}
.tab li a{display:block;position:relative;padding:0.875rem 0.5rem;font-size:1rem;color:#000;line-height:1}
.tab li.active a{font-weight:700}
.tab li.active a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0.187rem;background-color:#000}
.tab.type02{border-bottom:1px solid #f0f0f0}
.tab_cont .cont{display:none}
.tab_cont .cont.active{display:block}
.tab_cont .board_view{padding-top:1.25rem}
.tab_wrap .tab_inner{overflow:hidden}
.tab_wrap .btn_arr_down{justify-content:center;width:100%;height:2rem;background-color:#f9f9f9;border:1px solid #dbdbdb;border-top:0}
.tab_wrap.active .btn_arr_down:after{transform:rotate(180deg)}
.fixed .tab_area{padding-top:2.75rem}
.fixed .tab_wrap{position:fixed;top:3.75rem;left:50%;width:100%;margin:0;transform:translateX(-50%);z-index:20}
.tab_wrap.posc{top:3.75rem;left:0;z-index:2}
.main .fixed .tab_area{padding-top:2.25rem}
.main .tab li a{padding-top:0.375rem}
/*** form ***/
/* 날짜 폼 */
.datepicker, .daterangepicker{padding-right:2.938rem;color:#000 !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5zM5 8h14V6H5zm0 0V6z'/%3E%3C/svg%3E") no-repeat right 0.938rem top 50% !important;background-size:1.25rem !important;cursor:pointer !important}
.datepicker[readonly]{color:#000 !important}
.datepicker[disabled], .daterangepicker[disabled]{color:#a5a5a5 !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5zM5 8h14V6H5zm0 0V6z'/%3E%3C/svg%3E") no-repeat right 0.938rem top 50% !important}
.litepicker_area{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}
.litepicker_area.active{display:block}
.litepicker{top:50% !important;left:50% !important;width:calc(100% - 2.5rem);max-width:28rem;font-size:1rem;font-family:'Pretendard';transform:translate(-50%, calc(-50% + 0.5px))}
.litepicker .container__main{width:100%;border:1px solid #000;border-bottom:0}
.litepicker .container__months{width:100%;border-radius:0;background-color:#fff;box-shadow:none}
.litepicker .container__months .month-item{width:100%;padding:1.438rem 1.938rem}
.litepicker .container__months .month-item-header{justify-content:center;column-gap:0.75rem;height:2rem;margin-bottom:1.25rem;padding:0}
.litepicker .container__months .month-item-header > div{display:flex;flex:0 0 auto;align-items:center;justify-content:center;column-gap:0.25rem;color:#000;font-size:1.25rem;font-weight:700;line-height:1}
.litepicker .container__months .month-item-header div>.month-item-name{order:2;margin-right:0}
.litepicker .container__months .month-item-header div>.month-item-year{order:1}
.litepicker .container__months .month-item-header div>.month-item-year:after{content:'년'}
.litepicker .container__months .month-item-header > button{width:1.5rem;height:1.5rem;padding:0 !important;border-radius:0 !important;background-repeat:no-repeat;background-position:50% 50%;background-size:100%}
.litepicker .container__months .month-item-header > button svg{display:none}
.litepicker .container__months .month-item-header .button-previous-month{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='%23767676' d='m14 18l-6-6l6-6l1.4 1.4l-4.6 4.6l4.6 4.6z'/%3E%3C/svg%3E")}
.litepicker .container__months .month-item-header .button-next-month{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='%23767676' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E")}
.litepicker .container__months .month-item-weekdays-row{align-items:center;column-gap:calc((100% - 14.875rem) / 6);height:2rem}
.litepicker .container__months .month-item-weekdays-row>div{width:2.125rem;color:#000;font-size:0.75rem}
.litepicker .container__months .month-item-weekdays-row>div:nth-child(1),
.litepicker .container__days>div:nth-child(7n+1){color:#eb2f34 !important}
.litepicker .container__months .month-item-weekdays-row>div:nth-child(7),
.litepicker .container__days>div:nth-child(7n){color:#1843a8 !important}
.litepicker .container__days{overflow:hidden;gap:1rem calc((100% - 14.875rem) / 6);padding:0.5rem 0}
.litepicker .container__days>div, .litepicker .container__days>a{position:relative;width:2.125rem;font-weight:500}
.litepicker .container__days .day-item.is-today{color:#fff !important;border-radius:50% !important;background-color:#000 !important}
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date{color:#000}
.litepicker .container__days .day-item.is-start-date.is-flipped{border-radius:0 1.063rem 1.063rem 0}
.litepicker .container__days .day-item.is-end-date.is-flipped{border-radius:1.063rem 0 0 1.063rem}
.litepicker .container__days .day-item.is-start-date{border-radius:1.063rem 0 0 1.063rem;background-color:#dbdbdb}
.litepicker .container__days .day-item.is-in-range{background-color:#dbdbdb}
.litepicker .container__days .day-item.is-end-date{border-radius:0 1.063rem 1.063rem 0;background-color:#dbdbdb}
.litepicker .container__days .day-item.is-start-date.is-end-date{border-radius:50%}
.litepicker .container__days .day-item.is-start-date:has(+.is-in-range):after,
.litepicker .container__days .day-item.is-start-date:has(+.is-end-date):after,
.litepicker .container__days .day-item.is-end-date.is-flipped:has(+.is-in-range):after,
.litepicker .container__days .day-item.is-end-date.is-flipped:has(+.is-start-date):after,
.litepicker .container__days .day-item.is-in-range:after{content:'';position:absolute;top:0;right:calc(((100% - 14.875rem) / 6) + 1px);bottom:0;left:100%;background-color:#dbdbdb}
.litepicker .container__days .day-item.is-start-date:has(+.is-today:not(.is-end-date, .is-flipped)):after,
.litepicker .container__days .day-item.is-in-range:has(+.is-today:not(.is-end-date, .is-flipped)):after{width:200%}
.litepicker .container__days>div:hover, .litepicker .container__days>a:hover{color:#000 !important;box-shadow:none !important}
.litepicker .container__days>div:nth-child(7n+1):hover{color:#eb2f34 !important}
.litepicker .container__days>div:nth-child(7n):hover{color:#1843a8 !important}
.litepicker .container__days .day-item.is-today:hover{color:#fff !important}
.litepicker .container__footer{margin:0;padding:0;border-radius:0;background-color:#fff;box-shadow:none}
.litepicker .container__footer .preview-date-range,
.litepicker .container__footer .button-cancel{display:none}
.litepicker .container__footer .button-apply{display:flex;align-items:center;justify-content:center;width:100%;height:3.25rem;margin:0;padding:0;color:#000;font-weight:500;border:1px solid #000;border-radius:0;background-color:#fff}
.litepicker .container__footer .button-apply:disabled{color:#a5a5a5;opacity:1}
.litepicker .container__tooltip{display:none}
.term_form{display:inline-flex;align-items:center}
.term_form input{width:calc(50% - 0.875rem)}
.term_form .swung{margin:0 0.5rem;font-weight:500}
/* 휴대전화 폼 */
.phone_form{display:inline-flex;align-items:center}
.phone_form input{width:4rem}
.phone_form .nice-select{width:5.25rem}
.phone_form .bar{margin:0 0.625rem}
/* 이메일 폼 */
.email_form{display:inline-flex;align-items:center}
.email_form input{width:12.5rem}
.email_form .nice-select{width:10.625rem}
.email_form .at{margin:0 0.625rem}
.email_form .email_inp{display:none;margin-left:0.625rem}
.email_form .email_inp.active{display:block}
/* 주소 폼 */
.address_form{width:100%}
.address_form .row{display:flex;align-items:center}
.address_form .row + .row{margin-top:0.75rem}
.address_form .row > *:not(:first-child){margin-left:0.75rem}
.address_form .row .input{flex-grow:1}
.address_form + .checkbox{margin-top:0.75rem}
/* 파일첨부 폼 */
.file{display:flex;align-items:center;column-gap:0.25rem;position:relative;width:100%;font-size:0.875rem}
.file .file_name{overflow:hidden;position:relative;color:#333;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.file .file_size{flex-shrink:0;color:#a5a5a5}
.file .btn_del{flex-shrink:0;width:1rem;height:1rem;margin-left:auto;padding:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:100%}
.file .btn_download{flex-shrink:0;width:1rem;height:1rem;margin-left:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M5 20h14v-2H5m14-9h-4V3H9v6H5l7 7z'/%3E%3C/svg%3E")}
.input_file{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0}
.file_form{position:relative;padding:0.938rem;border:1px dashed #dbdbdb;background-color:#f9f9f9}
.file_form .btn_file{position:absolute;top:1.1875rem;right:1.1875rem;z-index:1;cursor:pointer}
.file_form .file_tip .txt{display:flex;column-gap:0.5rem;color:#767676;line-height:1.25rem;cursor:pointer}
.file_form .file_tip .txt:before{content:'';width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M18 15.75q0 2.6-1.825 4.425T11.75 22t-4.425-1.825T5.5 15.75V6.5q0-1.875 1.313-3.187T10 2t3.188 1.313T14.5 6.5v8.75q0 1.15-.8 1.95t-1.95.8t-1.95-.8t-.8-1.95V6h2v9.25q0 .325.213.538t.537.212t.538-.213t.212-.537V6.5q-.025-1.05-.737-1.775T10 4t-1.775.725T7.5 6.5v9.25q-.025 1.775 1.225 3.013T11.75 20q1.75 0 2.975-1.237T16 15.75V6h2z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%;transform:rotate(90deg)}
.file_form .file_list li:before,
.file_form .file_modify li:before{display:none}
.file_form .file_list li .file,
.file_form .file_modify li .file{width:100%;line-height:1.5}
.file_form .file_list li .file img,
.file_form .file_modify li .file img{width:100%;height:100%;object-fit:cover;object-position:top}
.file_form:not(.img_type) .file_list li .file_img,
.file_form:not(.img_type) .file_modify li .file_img{display:none}
.file_form.img_type{overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;column-gap:0.5rem;border:0;background-color:transparent;padding:0}
.file_form.img_type .btn_file_box{flex-shrink:0}
.file_form.img_type .btn_file{position:static;width:3.75rem;height:3.75rem;border:1px dashed #000;padding:0}
.file_form.img_type .btn_file:before{content:'';display:block;width:1.75rem;height:1.75rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%2300000' d='M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z'/%3E%3C/svg%3E") no-repeat 50% 50% / cover}
.file_form.img_type .file_list,
.file_form.img_type .file_modify{display:flex;flex-wrap:nowrap;column-gap:0.5rem}
.file_form.img_type .file_list:empty,
.file_form.img_type .file_modify:empty{display:none}
.file_form.img_type .file_list li,
.file_form.img_type .file_modify li,
.file_form.img_type .view_attach_img li{display:flex;flex:none;column-gap:0;position:relative;box-shadow:none;width:3.75rem;height:3.75rem;margin-top:0;border-radius:0;padding:0}
.file_form.img_type .file_list li + li,
.file_form.img_type .file_modify li + li{margin-top:0}
.file_form.img_type .view_attach_img{display:flex;flex-wrap:nowrap;column-gap:0.5rem;margin-top:0}
.file_form.img_type .file{overflow:hidden;column-gap:0;width:100%;height:100%}
.file_form.img_type .file .file_img{width:100%;height:100%}
.file_form.img_type .file .btn_del{position:absolute;top:0;right:0;width:1.25rem;height:1.25rem;background:rgba(0,0,0,0.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23f7f7f7' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E") no-repeat 50% 50% / 0.75rem 0.75rem}
/* 첨부 파일 리스트 */
.file_list li,
.file_modify li{display:flex;align-items:center;column-gap:0.5rem;height:3rem;margin-top:1rem;padding:0 1rem;border-radius:0.5rem;background-color:#fff;box-shadow:0 0 12.8px 0 rgba(0, 0, 0, 0.08)}
.file_modify li,
.file_list li + li,
.file_modify li + li{margin-top:0.5rem}
.file_list li:before,
.file_modify li:before{content:'';flex-shrink:0;width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M8.25 18q-2.6 0-4.425-1.825T2 11.75t1.825-4.425T8.25 5.5h9.25q1.875 0 3.188 1.313T22 10t-1.312 3.188T17.5 14.5H8.75q-1.15 0-1.95-.8T6 11.75t.8-1.95T8.75 9H18v2H8.75q-.325 0-.537.213T8 11.75t.213.538t.537.212h8.75q1.05-.025 1.775-.737T20 10t-.725-1.775T17.5 7.5H8.25q-1.775-.025-3.012 1.225T4 11.75q0 1.75 1.238 2.975T8.25 16H18v2z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.file_list li .file,
.file_modify li .file{width:calc(100% - 1.75rem)}
/* 검색폼 */
.search{overflow:hidden;display:flex;position:relative;width:100%;padding-right:2.5rem;border-radius:999px;background-color:#f6f6f6}
.search>form,.search>form>fieldset{display:flex;width:100%}
.search input{flex-grow:1;height:2.5rem;padding:0 1.25rem;font-size:0.875rem;border:0;background:none}
.search input.input_sm{height:2.5rem}
.search input::placeholder{font-weight:500}
.search .btn_del{display:none;position:absolute;top:0;right:2.5rem;width:1.25rem;height:100%;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='m8.4 17l3.6-3.6l3.6 3.6l1.4-1.4l-3.6-3.6L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4l3.6 3.6L7 15.6zm3.6 5q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:100%}
.search .btn_search{position:absolute;top:0;right:0.75rem;width:1.25rem;height:100%;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='%23000' d='m19.6 21l-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.888T3 9.5q0-2.725 1.888-4.612T9.5 3q2.725 0 4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l6.3 6.3zM9.5 14q1.875 0 3.188-1.312T14 9.5q0-1.875-1.312-3.187T9.5 5Q7.625 5 6.313 6.313T5 9.5q0 1.875 1.313 3.188T9.5 14'/%3E%3C/svg%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');cursor:default}
.search.active .btn_del{display:block}
.search_wrap{padding:1rem 1.25rem 0}
.search_wrap .result {padding:1.812rem 0 0.562rem}
.search_wrap .result > p{font-size:0.875rem;line-height:1}
.search_wrap .result > p strong{display:inline-block;padding-right:0.25rem}
.txt_search_result{line-height:1;margin-top:1rem;padding:0 1.75rem}
.txt_search_result strong{display:inline-block;color:#1927a8}
.search_layer + .txt_search_result{padding-top:1rem;margin-top:0}

/*** pagination ***/
.pagination{display:flex;justify-content:center;align-items:center;padding-top:1.5rem;color:#858d94;font-size:0.875rem;text-align:center}
.pagination a, .pagination button,
.pagination span{display:block;padding:0 0.5rem;color:#767676;font-size:0.875rem;font-weight:500;line-height:1.5rem;font-family:'Montserrat';transition:.3s}
.pagination a.active, .pagination button.active,
.pagination span.active{position:relative;color:#000;font-weight:700}
.pagination a.active:before, .pagination button.active:before{content:'';position:absolute;top:0;left:50%;width:0.188rem;height:0.188rem;background-color:#000;border-radius:50%;transform:translateX(-50%)}

.pagination .page_nav{padding:0;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%;transition:.3s;background-size:1.5rem}
.pagination .page_nav.disabled{cursor:default;pointer-events:none}
.pagination .prev{width:1.5rem;height:1.5rem;margin-right:1.5rem;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='M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z'/%3E%3C/svg%3E")}
.pagination .next{width:1.5rem;height:1.5rem;margin-left:1.5rem;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='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%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" viewBox="0 0 24 24"%3E%3Cpath fill="%23dae3eb" d="m14 18l-6-6l6-6l1.4 1.4l-4.6 4.6l4.6 4.6z"%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" viewBox="0 0 24 24"%3E%3Cpath fill="%23dae3eb" d="M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z"%2F%3E%3C%2Fsvg%3E')}
.pagination .page_num{display:flex;align-items:center}
.pagination .page_num li+li{margin-left:0.5rem}
/*** list ***/
/* 블릿 타입 */
.list_bull > li{position:relative;padding-left:0.75rem;font-size:0.875rem;font-weight:500}
.list_bull > li + li{margin-top:0.75rem}
.list_bull > li:before{content:'';position:absolute;top:0.437rem;left:0;width:0.25rem;height:0.25rem;background-color:#333;border-radius:50%}
/* 체크 타입 */
.list_chk > li{padding-left:1.375rem;font-size:0.875rem;font-weight:500;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E") no-repeat 0 0.156rem;background-size:1rem}
.list_chk > li + li{margin-top:0.75rem}
/*** no data ***/
.nodata{display:flex;flex-wrap:wrap;align-items:center;row-gap:0.5rem;height:calc((var(--vh, 1vh) * 100) - 10rem);text-align:center}
.nodata div{width:100%}
.nodata div:not(.btn_area):before{content:'';display:block;width:3.25rem;height:3.25rem;margin:0 auto 1rem;background:url(../images/contents/bg_nodata_search.svg) no-repeat 0 0;background-size:100%}
.nodata strong{display:block;width:100%;font-size:1.125rem;font-weight:600;line-height:1.5}
.nodata p{color:#767676;font-size:0.875rem}
.nodata strong + p{margin-top:0.5rem}
.contents .nodata{height:calc((var(--vh, 1vh) * 100) - 10.313rem)}
.board_top + .nodata{height:calc((var(--vh, 1vh) * 100) - 12.563rem);padding-bottom:2.25rem}
.filter_area + .nodata{height:calc((var(--vh, 1vh) * 100) - 12.313rem);padding-bottom:4.5rem}
.nodata.search_nodata{height:calc((var(--vh, 1vh) * 100) - 24.749rem);padding-top:8.75rem}
.main .nodata{height:calc((var(--vh, 1vh) * 100) - 9.5rem)}
.li_nodata{flex-direction:column;width:100%;border-bottom:0 !important;}
/*** hide data ***/
.hide_data{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;background-color:#f9f9f9;border:1px solid #f0f0f0;padding:1.937rem}
.hide_data div{width:100%}
.hide_data div:not(.btn_area):before{content:'';display:block;width:2rem;height:2rem;margin:0 auto 1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M2.81 2.81L1.39 4.22l2.27 2.27A9.9 9.9 0 0 0 2 12c0 5.52 4.48 10 10 10c2.04 0 3.93-.61 5.51-1.66l2.27 2.27l1.41-1.41zM12 20c-4.41 0-8-3.59-8-8c0-1.48.41-2.86 1.12-4.06l10.94 10.94C14.86 19.59 13.48 20 12 20M7.94 5.12L6.49 3.66A9.9 9.9 0 0 1 12 2c5.52 0 10 4.48 10 10c0 2.04-.61 3.93-1.66 5.51l-1.46-1.46A7.87 7.87 0 0 0 20 12c0-4.41-3.59-8-8-8c-1.48 0-2.86.41-4.06 1.12'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%}
.hide_data strong{display:block;width:100%;font-size:1rem;font-weight:500;line-height:1.5;color:#767676;text-align:center}
.hide_data .btn_area{margin-top:0.5rem}
.hide_data .btn_hide_cancel{display:flex;align-items:center;min-height:1.125rem;font-weight:500;font-size:0.875rem;color:#767676;line-height:1}
/*** write_dot ***/
.dot_txt{display:flex;align-items:center;flex-wrap:wrap}
.dot_txt span{display:flex;align-items:center}
.dot_txt span:not(:last-child):after{content:'';display:block;width:0.1875rem;height:0.1875rem;margin:0 0.375rem;background-color:#959ea6;border-radius:999px}
/*** no image ***/
/***** popup *****/
.popup{background-color:#fff;box-shadow:0 0 1.563rem 0 rgba(0, 0, 0, 0.15)}
.popup .pop_tit{display:block;font-size:1.125rem;font-weight:600;line-height:1;text-align:center;padding-top:1.312rem}
.popup .pop_foot{display:flex;justify-content:center}
.popup .pop_foot .btn{flex:1;width:100%;padding:0 1rem}
.popup .pop_foot .btn.w100 + .btn{flex:none;width:calc(100% - 100px)}
.dim{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.6)}
/***** system alert *****/
.system_alert{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}
.system_alert.active{display:block}
.system_alert .popup{overflow:hidden;position:absolute;top:50%;left:50%;width:calc(100% - 2.5rem);max-width:400px;transform:translate(-50%,-50%)}
.system_alert .popup .pop_cont{padding:1.25rem 1.5rem 1.5rem;text-align:center}
.system_alert .popup .pop_cont .pop_tit{display:block;line-height:1.5;padding-top:0}
.system_alert .popup .pop_cont .pop_tit:not(:last-child){margin-bottom:0.5rem}
.system_alert .popup .pop_cont .alert_msg{word-break:keep-all}
.system_alert .popup .pop_cont .txt{font-size:0.875rem}
.system_alert .popup .pop_cont input{height:3.25rem}
.system_alert .popup .pop_cont .ico{margin-bottom:0.75rem}
.system_alert .popup .pop_cont .ico_help{width:2.25rem;height:2.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m1 17h-2v-2h2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41c0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25'/%3E%3C/svg%3E") no-repeat 0 0 / 100%;margin-bottom:0.75rem}
.system_alert .popup .pop_cont .ico_chk_complete{width:2.25rem;height:2.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z'/%3E%3C/svg%3E") 0 0 / 100%;margin-bottom:0.75rem}
.system_alert .popup .pop_foot .btn{height:3.5rem}
.system_alert .popup .pop_foot .btn.fill_black + .btn.fill_black:before{content:'';display:block;position:absolute;top:0;left:-1px;width:1px;height:100%;background-color:rgba(255,255,255,0.20)}
/***** 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 .popup{position:absolute;width:100%;padding:0 1.25rem 2.5rem}
.pop_layer .popup .pop_head{height:3.75rem}
.pop_layer .popup .pop_head .date{margin-left:0.5rem;color:#767676;font-size:0.875rem;line-height:1}
.pop_layer .popup .btn_back{position:absolute;top:1.125rem;left:1.25rem;width:1.5rem;height:1.5rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16 22L6 12L16 2l1.775 1.775L9.55 12l8.225 8.225z'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:100%;margin-right:0.75rem}
.pop_layer .popup .btn_back + .pop_tit{margin-left:-1.25rem}
.pop_layer .popup .btn_close{position:absolute;top:1.125rem;right:1.25rem;width:1.5rem;height:1.5rem;margin-left:auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.5rem' height='1.5rem' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:100%}
.pop_layer .popup .pop_cont{overflow-y:auto;word-break:break-all}
.pop_layer .popup .pop_cont .pop_tit{font-weight:700;font-size:1.5rem;line-height:1.5;text-align:left;padding-bottom:1.25rem}
.pop_layer .popup .pop_cont .product_detail .search_op{margin-top:1.5rem}
.pop_layer .popup .pop_cont .txt:not(.checkbox,.radio){margin-bottom:0.75rem}
.pop_layer .popup .pop_cont .txt_guide{font-size:0.875rem;color:#0085ff;margin-top:0.25rem}
.pop_layer .popup .pop_cont .swiper-pagination{display:flex;justify-content:center;position:static;margin-top:1.25rem}
.pop_layer .popup .pop_cont .swiper-pagination span{font-size:0.875rem}
.pop_layer .popup .pop_cont .slide_bottom{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem}
.pop_layer .popup .pop_cont .slide_bottom .swiper-pagination{margin-top:0;padding:0}
.pop_layer .popup .pop_cont .slide_bottom .color_choice{display:flex;align-items:center;column-gap:1.25rem;font-size:0.875rem;margin-left:auto}
.pop_layer .popup .pop_cont .slide_bottom .color_choice .btn_color{position:relative;width:1rem;height:1rem;border-radius:50%}
.pop_layer .popup .pop_cont .slide_bottom .color_choice .btn_color.active:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:0.188rem solid rgba(255,255,255,0.5);border-radius:50%;box-sizing:border-box}
.pop_layer .popup .pop_cont .slide_bottom .color_choice .btn_color.btn_pk{background-color:#f97597}
.pop_layer .popup .pop_cont .slide_bottom .color_choice .btn_color.btn_pu{background-color:#425cc7}
.pop_layer .popup .pop_cont .slide_bottom .color_choice .btn_color.btn_gn{background-color:#0fcec9}
.pop_layer .popup .pop_cont .slide_bottom .color_choice .btn_color.btn_sb{background-color:#1ba4e7}
.pop_layer .popup .pop_foot{column-gap:0.5rem;padding-top:1.25rem}
.pop_layer .popup.pb0 .pop_foot{width:calc(100% + 2.5rem);margin-left:-1.25rem}
.pop_layer .popup_img{position:absolute;top:50%;left:50%;width:16.875rem;transform:translate(-50%,-50%)}
.pop_layer .popup_img .btn_close{position:absolute;top:-2.25rem;right:-2.25rem;width:2rem;height:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E")}
.pop_layer .popup_img img{width:100%}
.pop_layer:not(.dialog):not(.calendar) .popup{top:0;min-height:calc(var(--vh, 1vh) * 100)}
.pop_layer:not(.dialog):not(.calendar) .popup .pop_head .tit{font-size:1.125rem}
.pop_layer:not(.dialog):not(.calendar) .popup .pop_cont{height:calc((var(--vh, 1vh) * 100) - 10.25rem)}
.pop_layer:not(.dialog):not(.calendar) .popup .pop_cont{height:calc((var(--vh, 1vh) * 100) - 10rem)}
.pop_layer:not(.dialog):not(.calendar) .popup .pop_foot.wide{width:calc(100% + 2.5rem);margin:0 -1.25rem;}
.pop_layer:not(.calendar) .popup .pop_foot:not(.defalut) .btn{height:5rem;font-weight:700;font-size:1.125rem;padding-bottom:1rem}
.pop_layer.dialog{visibility:hidden;display:block;opacity:0}
.pop_layer.dialog .popup{overflow-x:hidden;overflow-y:auto;top:auto;bottom:-100%;left:0;max-height:calc(var(--vh, 1vh) * 80);padding:1.75rem 1.5rem 2.5rem;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 0 0.938rem 0 rgba(0, 0, 0, 0.25);transform:none;transition:bottom ease-in-out .5s}
.pop_layer.dialog .popup .pop_head{display:flex;align-items:center;column-gap:1.25rem;height:auto;margin-bottom:1.25rem}
.pop_layer.dialog .popup .pop_tit{font-weight:700;text-align:left;padding-top:0}
.pop_layer.dialog .popup .btn_close{position:relative;top:auto;right:auto}
.pop_layer.dialog .popup .pop_cont{max-height:calc(70vh - 12.25rem)}
.pop_layer.dialog .popup.type01{border-radius:0}
.pop_layer.dialog .popup.pb0 .pop_foot{width:calc(100% + (1.5rem * 2));margin-left:-1.5rem}
.pop_layer.dialog.active{visibility:visible;opacity:1}
.pop_layer.dialog.active .popup{bottom:0}
.pop_layer.calendar .popup{top:50%;left:50%;width:calc(100% - 2.5rem);max-width:28rem;padding:0;transform:translate(-50%, -50%)}
.pop_layer.calendar .popup .pop_cont{overflow-y:hidden}
.pop_layer.calendar .popup .comment_write_area{column-gap:0;padding-top:0}
#popSearchChallenge .challenge_list.list_type > li + li{margin-top:1rem}
#popSearchChallenge .chk_challenge .challenge{border-bottom:0;padding-bottom:0}
#popSearchChallenge .challenge > .df .thumb{width:6.25rem;height:6.25rem}
#popSearchChallenge .challenge > .df .thumb.no_img{background-size:1.75rem}
#popSearchBook .challenge_list.list_type > li + li{margin-top:0.5rem}
#popSearchBook .challenge.data{padding:1.25rem}
#popSearchBook .challenge .chk_challenge > .df .thumb{width:3.75rem;height:5.437rem}
#popSearchBook .challenge .chk_challenge > .df .thumb.no_img{background-size:1.25rem}
#popMissionComplete .popup{background-color:transparent;padding-bottom:0}
#popMissionComplete .popup .pop_cont{display:flex;align-items:center;justify-content:center;height:calc(var(--vh, 1vh) * 100)}
#popMissionComplete .complete{position:relative;margin-top:-0.562rem}
#popMissionComplete .complete .data{position:absolute;bottom:6.29rem;left:50%;width:max-content;background-color:#000;border-radius:6.187rem;font-weight:700;font-size:1.25rem;color:#ecf100;line-height:1;padding:0.75rem 1rem;margin-left:0.721rem;transform:translateX(-50%) rotate(-7.221deg);transform-origin:left}
#popMissionDownload .img_wrap{aspect-ratio:1/1}
#popMissionDownload .img_wrap img{width:100%;height:100%;object-fit:cover}
.pop_complete .popup .pop_cont{height:auto !important;padding-top:6.25rem}
.pop_complete .popup .pop_cont .pop_tit{padding-bottom:0.5rem}
.pop_complete .popup .pop_foot{padding-top:2.5rem}
.pop_detail_img .popup .pop_cont{width:calc(100% + (1.25rem * 2));height:calc((var(--vh, 1vh) * 100) - 3.375rem) !important;margin-left:-1.25rem;padding:1.25rem 0}
.pop_detail_img .popup .pop_cont .img_wrap img{width:100%}
.pop_img_view .popup{display:flex;flex-direction:column;justify-content:center;background-color:transparent;padding-top:5.25rem;padding-bottom:0}
.pop_img_view .popup .pop_head{height:auto}
.pop_img_view .popup .pop_cont{height:auto !important;overflow:initial}
.pop_img_view .popup .pop_cont .img_wrap .thumb{height:16.562rem;border-radius:0.25rem;border:1px solid #f0f0f0;background-color:#fff}
.pop_img_view .popup .pop_cont .img_wrap .thumb.no_img{background-size:2rem;background-color:#f6f6f6}
.pop_img_view .popup .pop_cont .img_wrap .thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.pop_img_view .popup .pop_foot .btn_close{position:relative;top:auto;right:auto;width:4rem;height:4rem;background:rgba(0,0,0,0.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E") no-repeat 50% 50% / 2rem;border-radius:50%;margin:0 auto}
#popMainLayer .popup{max-height:calc(var(--vh, 1vh) * 90);border-radius:1rem 1rem 0 0;overflow:hidden;padding:0}
#popMainLayer .popup .swiper-slide > a{display:block;width:100%;aspect-ratio:1/1}
#popMainLayer .popup .swiper-slide > a img{width:100%}
#popMainLayer .popup .pop_cont{max-height:calc((var(--vh, 1vh) * 90) - 3.5rem)}
#popMainLayer .popup .pop_cont .swiper-pagination{column-gap:0.125rem;position:absolute;top:1.25rem;bottom:auto;right:1.25rem;height:1.375rem;background-color:rgba(0,0,0,0.5);border-radius:6.062rem;margin-top:0;padding:0 0.5rem}

#popMainLayer .popup .pop_cont .swiper-pagination-fraction{font-size:0.75rem;color:#dbdbdb}
#popMainLayer .popup .pop_cont .swiper-pagination span{font-size:0.75rem}
#popMainLayer .popup .pop_cont .swiper-pagination-fraction > span + span:before{display:none}
#popMainLayer .popup .pop_cont .swiper-pagination-fraction .swiper-pagination-current{color:#fff;font-weight:700}
#popMainLayer .pop_foot{justify-content:space-between;width:100%;height:3.5rem;background-color:#000;margin-left:0;padding:0 1.25rem}
#popMainLayer .pop_foot button{line-height:1;font-weight:500;color:#fff}
#popMainLayer .pop_foot .btn_today_close{color:#a5a5a5}
#checkPrivateCodePop .popup .pop_cont .input{margin-top:0.75rem}

#popDownload.pop_layer .popup{max-height:calc(var(--vh, 1vh) * 90)}
#popDownload.pop_layer .popup .pop_cont{max-height:calc((var(--vh, 1vh) * 90) - 12.25rem)}
.pop_layer.dialog .popup .pop_cont:has(.mission_complete){max-height:none}

#popPostReport .pop_cont .radio{display:flex;align-items:center;min-height:3rem}
#popPostReport .pop_foot{width:100%;margin-left:0;margin-bottom:2.5rem;padding-top:1.75rem}
#popPostReport .pop_foot .btn{height:3.25rem}
#popAccountBlock .pop_head .pop_tit{display:flex;flex-wrap:wrap}
#popAccountBlock .pop_head .name{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;white-space:nowrap;max-width:9.062rem}
#popAccountBlock .pop_cont .txt{font-size:0.75rem;color:#767676;margin-bottom:1.25rem}
#popAccountBlock .pop_cont .bull_list{border-top:0;padding:0;}
#popAccountBlock .pop_cont .bull_list li{font-weight:500;color:#000;padding-left:0.562rem}
#popAccountBlock .pop_cont .bull_list li:before{top:0.562rem;width:0.187rem;height:0.187rem;background-color:#000;}
#popAccountBlock .pop_foot{width:100%;margin-left:0;margin-bottom:2.5rem;padding-top:1.75rem}
#popAccountBlock .pop_foot .btn{height:3.25rem}

/***** system message *****/
.system_msg_area{display:none;position:fixed;top:0;left:0;width:100%;height:calc(var(--vh, 1vh) * 100);z-index:10000;pointer-events:none}
.system_msg_area.active{display:block}
.system_msg_area.active .toast{pointer-events:auto}
/*** toast ***/
.toast{visibility:hidden;display:flex;align-items:center;position:fixed;right:1.25rem;bottom:7.5rem;left:50%;width:22.062rem;padding:0.968rem 1.25rem 0.968rem 1.5rem;border-radius:6.187rem;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(0.937rem);backdrop-filter:blur(0.937rem);margin-left:calc(-22.062rem / 2);outline:none;opacity:0;transition:opacity ease-out .3s;z-index:1000}
.toast.active{visibility:visible;opacity:1}
.toast .toast_cont{display:flex;padding-right:1.25rem;color:#fff;font-size:0.875rem;font-weight:500;line-height:1.5rem}
.toast .btn_close{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;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='%23ffffff' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E")}
/*** snackbar ***/
.snackbar{visibility:hidden;display:flex;align-items:center;position:fixed;right:1.25rem;bottom:7.5rem;left:1.25rem;padding:0.968rem 1.25rem 0.968rem 1.5rem;border-radius:6.187rem;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(0.937rem);backdrop-filter:blur(0.937rem);opacity:0;transition:opacity ease-out .3s;z-index:1000}
.snackbar.active{visibility:visible;opacity:1}
.snackbar .snackbar_cont{display:flex;padding-left:1.375rem;color:#fff;font-size:0.875rem;line-height:1.125rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E") no-repeat 0 0 / 1.125rem}
.snackbar .btn{flex-shrink:0;height:auto;margin-left:auto;padding:0;color:#00c7c2;font-size:0.875rem;font-weight:700;line-height:1;border:0}
.snackbar .btn:after{content:'';width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%2300c7c2' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E") no-repeat 0 0 / 100%}
.snackbar .link{display:inline-flex;align-items:center;position:relative;font-weight:700;font-size:0.875rem;color:#fff;line-height:1}
.snackbar .link:after{content:'';display:inline-block;position:relative;width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E") no-repeat 0 0 / 100%}


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

/*** loading ***/
.loading_layer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(255, 255, 255, 0.70);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1001}
.loading_layer .loading{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 3.438rem))}
.loading_layer .loading .logo{display:block;width:4.078rem;height:1.5rem;margin-bottom:1.25rem;background:url(../images/common/logo.svg) no-repeat 0 0;background-size:100%}
.loading_layer .loading .spinner_circle{width:2.5rem;height:2.5rem;border:4px solid #eaeaea;border-top:4px solid #333;border-radius:50%;margin:0 auto;transition-property:transform;animation:spinner 1.2s infinite linear}
.loading_layer.active{display:block}
@keyframes spinner{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

/*** 공유하기 ***/
.share_list{display:flex;justify-content:center;column-gap:1.75rem;padding:1.438rem 0 2.5rem;border-top:1px solid #f0f0f0}
.share_list li a{display:block;text-align:center}
.share_list li a:before{content:'';display:block;width:3.5rem;height:3.5rem;margin:0 auto;background-repeat:no-repeat;background-position:0 0;background-size:100%}
.share_list li a span{display:block;margin-top:0.75rem;font-size:0.875rem;line-height:1}
.share_list li a.kas:before{background-image:url(../images/icon/ico_share_kakao.svg)}
.share_list li a.insta:before{background-image:url(../images/icon/ico_share_insta.svg)}
.share_list li a.facebook:before{background-image:url(../images/icon/ico_share_facebook.svg)}
.share_list li a.twitter:before{background-image:url(../images/icon/ico_share_twitter.png)}
.link_copy{display:flex;align-items:center;position:relative;height:3.25rem;border:1px solid #dbdbdb}
.link_copy:before{content:'';position:absolute;top:0;right:5.375rem;bottom:0;width:1px;background-color:#dbdbdb}
.link_copy .link{padding:0.688rem;font-size:0.875rem;line-height:1;word-break:break-all}
.link_copy .btn_copy{flex-shrink:0;margin-left:auto;padding:0 1.188rem;color:#333;font-size:0.875rem}

/*thumbnail*/
.thumb.no_img{background-color:#f6f6f6 !important;background-image:url(../images/contents/no_img.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:3.25rem}
.thumb.no_img > img, .thumb.no_img > a > img{display:none}
.user_img.no_img{background:#f6f6f6 url(../images/contents/user_no_img.svg) no-repeat 50% 50% / 1.25rem}
.user_img.no_img img{display:none}

/*privacy*/
.privacy .section{color:#333;font-size:0.875rem;font-weight:400;line-height:1.8}
.privacy .section > .tit + ol > li:first-child,
.privacy .section > .tit + ul > li:first-child{margin-top:0}
.privacy .section ol,
.privacy .section ul{padding-left:0.75rem}
.privacy .section > .tit + ol, .privacy .section > .tit + ul{padding-left:0}
.privacy .policy_list{color:#333;font-size:0.875rem;font-weight:400;line-height:1.8}
.privacy .policy_list > li{margin-top: 0;}
.privacy .policy_list > li + li{margin-top:2.5rem;}
.privacy .policy_list > li .txt{padding-left: 0;}
.privacy .policy_list > li ul,
.privacy .policy_list > li ol{padding-left: 0.75rem;}
.privacy .policy_list > li br{display:none}
.privacy li{margin-top:1rem}
.privacy li li li{margin-top:0.75rem}
.privacy li li li:first-child{margin-top:0.5rem}
.privacy li b{display:block;padding-left:0.875rem;text-indent:-0.875rem}
.privacy li b span{margin-left:0.5rem;text-indent:0}
.privacy li b + div{margin-top:0.25rem}
.privacy li div{margin-top:0.75rem;padding-left:0.75rem}
.privacy .bull li{position:relative;padding-left:0.688rem}
.privacy .bull li:before{content:'';position:absolute;top:0.625rem;left:0;width:0.188rem;height:0.188rem;border-radius:50%;background-color:#000}
.privacy a{font-weight:inherit;color:inherit}
.privacy a[target="_blank"]{text-decoration:underline}
.privacy .tit{display:block;margin-bottom:0.75rem;color:#000;font-size:1rem;font-weight:700}
.privacy .table_wrap{overflow-x:auto;overflow-y:hidden;;margin-top:0.75rem}
.privacy .table_wrap table{min-width:43.75rem;}
.privacy table{border-top:2px solid #000}
.privacy table + table{margin-top:0.75rem}
.privacy table thead th{border-bottom:1px solid #000}
.privacy table tbody th{border-bottom:1px solid #dbdbdb}
.privacy table th{font-weight:600;text-align:center;line-height:1.5;vertical-align:middle;padding:0.75rem 0.5rem}
.privacy table td{border-bottom:1px solid #dbdbdb;text-align:center;line-height:1.5;vertical-align:middle;padding:0.75rem 0.5rem}
.privacy table td.bdl,
.privacy table.td_bdl td{border-left:1px solid #dbdbdb}
.privacy table.td_tal td{text-align:left}
.pop_cont .privacy .section,
.pop_cont .privacy .policy_list{color:#000}
.pop_cont .privacy .section + .section,
.pop_cont .privacy .policy_list > li + li{margin-top:1.25rem}
.pop_cont .privacy .section ol,
.pop_cont .privacy .section ul{padding-left:0.5rem}
.pop_cont .privacy .tit{margin-bottom:0.5rem;font-size:0.875rem;font-weight:600}
.pop_cont .privacy li{margin-top:0.75rem}
.pop_cont .privacy li li li{margin-top:0.5rem}
.pop_cont .privacy li li li:first-child{margin-top:0.375rem}
.pop_cont .privacy li b + div{margin-top:0.125rem}
.pop_cont .privacy li div{margin-top:0.5rem;padding-left:0.5rem}

/* 캐시 */
.txt_cash{display:inline-block;font-weight:700;font-size:0.875rem;color:#00c7c2}
.hold_cash{font-weight:500;font-size:0.875rem;color:#767676;line-height:1}
.hold_cash .txt_cash{padding-left:0.25rem}

/* 공지사항 */
.board_top + .notice_list{margin-top:1rem}
.notice_list + .btn_area{margin-top:2rem}
.notice_list > li{position:relative}
.notice_list > li + li{margin-top:1rem}
.notice_list > li > .btn_xs{font-weight:500}
.notice_list > li > .btn_xs,
.notice_list > li > .etc{position:absolute;right:1.25rem;bottom:1.25rem}
.notice{display:block;width:100%;border-radius:0.75rem;background-color:#fff;box-shadow:0 0 0.437rem 0 rgba(0,0,0,0.04), 0 0 1.562rem 0 rgba(0,0,0,0.07);padding:1.25rem}
.notice .category{display:block;font-weight:700;font-size:0.75rem;color:#00c7c2;line-height:1;margin-bottom:0.5rem}
.notice .tit,
.notice .tit > a{overflow:hidden;display:-webkit-box;font-weight:500;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left;color:#000}
.notice .tit + .df{align-items:center;margin-top:0.5rem}
.notice .tit + .df.mih20{min-height:1.25rem}
.notice .tit + .df.mih24{min-height:1.5rem}
.notice .date{font-size:0.75rem;color:#767676;line-height:1}
.notice .date + div,
.notice .date + .btn{margin-left:auto}
.notice .etc,
.notice_list .etc{display:flex;align-items:center;column-gap:0.75rem}
.notice .etc > .df,
.notice_list .etc > .df{align-items:center}
.notice .etc .num,
.notice_list .etc .num{display:inline-block;font-weight:500;font-size:0.812rem;color:#767676;line-height:1;padding-left:0.25rem}
.notice_list.type02 > li + li{margin-top:0.5rem}
.notice_list.type02 .notice{padding:1rem}
.notice_list.type02 .notice .tit{font-size:0.875rem}
.notice_list.type02 .notice .tit + .df{margin-top:0.25rem}
.notice_list.type_link li{position:relative}
.notice_list.type_link .notice .tit + .df:has(>.btn_xs){}
.notice_list.type_link .notice .tit + .df:has(>.etc){}
.bull_list{padding:1.25rem;border-top:0.5rem solid #f9f9f9}
.bull_list li{position:relative;padding-left:0.75rem;color:#767676;font-size:0.875rem}
.bull_list li + li{margin-top:0.75rem}
.bull_list li:before{content:'';position:absolute;top:0.531rem;left:0;width:0.25rem;height:0.25rem;border-radius:50%;background-color:#767676}

/*FAQ*/
.faq_list{margin-top:1.25rem}
.faq_list > li{border-bottom:1px solid #dbdbdb}
.faq_list .faq_header{display:flex}
.faq_list .faq.active .faq_header{background-color:#f9f9f9}
.faq_list .faq_header a{position:relative;display:block;width:100%;padding:1rem 3.25rem 0.938rem 1.25rem}
.faq_list .faq_header a:before{content:'';display:block;position:absolute;top:1.625rem;right:1.25rem;width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E") no-repeat 0 0 / cover}
.faq_list .faq.active .faq_header a:before{transform:rotate(180deg)}
.faq_list .faq_header .tit{display:block;width:100%;color:#00c7c2;font-weight:600}
.faq_list .faq:not(.active) .faq_header .tit{overflow:hidden;color:#000;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.faq_list .faq_header .category{display:block;margin-bottom:0.25rem;color:#767676;font-size:0.75rem;line-height:1}
.faq_list .faq_body{display:none;padding:1px 1.25rem 1.188rem;background-color:#f9f9f9}
.faq_list .faq_body .desc,
.faq_list .faq_body .desc pre{color:#333;font-size:0.875rem;font-family:'Pretendard';word-break:break-all}

/* 이벤트 */
.event_list > li + li{margin-top:1rem}
.event{background-color:#fff;border-radius:0.75rem;box-shadow:0 0 0.437rem 0 rgba(0,0,0,0.04), 0 0 1.562rem 0 rgba(0,0,0,0.07);overflow:hidden}
.event .event_header{display:flex}
.event .thumb{flex-shrink:0;width:100%;height:12.5rem}
.event .thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.event .info .tit{overflow:hidden;display:-webkit-box;font-weight:600;;line-height:1.3;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.event .info .desc{font-weight:500;font-size:0.875rem;color:#767676;margin-top:0.25rem}
.event .event_foot{padding:1rem 1.25rem}
.event .event_foot .etc{display:flex;align-items:center;margin-top:0.75rem}
.event .event_foot .state{font-weight:700;font-size:0.75rem;color:#00c7c2;line-height:1}
.event .event_foot .period{font-size:0.75rem;color:#767676; line-height:1}
.event .event_foot .etc > span + span{position:relative;padding-left:0.937rem}
.event .event_foot .etc > span + span:before{content:'';display:inline-block;position:absolute;top:50%;left:0.375rem;width:0.187rem;height:0.187rem;border-radius:50%;background-color:#dbdbdb;transform:translateY(-50%)}
.event.finish .info .tit,
.event.finish .event_foot .state{color:#767676}
.event.finish .event_foot{padding-top:1.25rem;padding-bottom:1.25rem}
.event.finish .info .desc{color:#a5a5a5}
.event.finish .event_header{display:none}
.event.finish .event_foot .etc{border-top:1px solid #f0f0f0;margin-top:0.937rem;padding-top:1rem}

/* rate progress*/
.reading_rate{border-radius:0.75rem;padding:1.25rem}
.reading_rate > .tit{display:block;line-height:1;margin-bottom:1rem}
.reading_rate + .btn_area{margin-top:1rem}
.rate{display:flex;flex-wrap:wrap;align-items:center;column-gap:0.75rem}
.rate > p{font-size:0.875rem;line-height:1}
.rate .progress_bar{flex-grow:1;position:relative;height:0.312rem;background:rgba(0,0,0,0.1);-webkit-backdrop-filter:blur(0.625rem);backdrop-filter:blur(0.625rem);border-radius:6.187rem}
.rate .progress_bar .bar{position:absolute;top:0;left:0;max-width:100%;height:100%;background-color:#000;border-radius:6.187rem}

/* mission_state */
.mission_state{display:flex;align-items:center;height:2.5rem;border:1px solid #000;border-radius:0.75rem;padding:0 0.687rem}
.mission_state > p{position:relative;font-size:0.875rem;line-height:1}
.mission_state > .txt_ico{padding-left:1.25rem}
.mission_state > .txt_ico:before{content:'';display:block;position:absolute;top:-1px;left:0;width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0;background-size:cover}
.mission_state > p > strong{display:inline-block}
.mission_state.ongoing{border-color:#f0f0f0}
.mission_state.complete{border-color:#4171d9}
.mission_state.complete > p{color:#4171d9}
.mission_state.complete > p:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%234171D9' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z'/%3E%3C/svg%3E")}
.mission_state + ul{margin-top:1.25rem}
.mission_state .btn.pill{flex-shrink:0}
.mission_state:not(.complete) .btn.pill,
.mission_state:not(.ongoing) .btn.pill{display:none}

/* relay_list */
.relay_list > li + li{margin-top:1.25rem}

/* review_list */
.review_list > li + li{margin-top:1.25rem}

/* user_list */
.user_list > li{display:flex;align-items:center;border-bottom:1px solid #f0f0f0;padding:1rem 0 0.937rem}
.user_list > li .link{display:block;width:100%;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='%23767676' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E") no-repeat 100%   / 1.5rem 15rem}
.user_list .user{display:flex;align-items:center;column-gap:0.5rem;min-width:0;padding-right:2rem}
.user_list .user .user_img{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;overflow:hidden}
.user_list .user .user_img > a{display:block}
.user_list .user .user_img img{width:100%;height:100%;object-fit:cover}
.user_list .user .name{overflow:hidden;font-weight:600;font-size:0.875rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}
.user_list .user .name a{font-weight:inherit;color:inherit}
.user_list .btn_like{width:1.25rem;height:1.25rem;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='%23767676' d='m12 21l-1.45-1.3q-2.525-2.275-4.175-3.925T3.75 12.812T2.388 10.4T2 8.15Q2 5.8 3.575 4.225T7.5 2.65q1.3 0 2.475.55T12 4.75q.85-1 2.025-1.55t2.475-.55q2.35 0 3.925 1.575T22 8.15q0 1.15-.387 2.25t-1.363 2.412t-2.625 2.963T13.45 19.7zm0-2.7q2.4-2.15 3.95-3.687t2.45-2.675t1.25-2.026T20 8.15q0-1.5-1-2.5t-2.5-1q-1.175 0-2.175.662T12.95 7h-1.9q-.375-1.025-1.375-1.687T7.5 4.65q-1.5 0-2.5 1t-1 2.5q0 .875.35 1.763t1.25 2.025t2.45 2.675T12 18.3m0-6.825'/%3E%3C/svg%3E");margin-left:auto}
.user_list .btn_like.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='%23767676' d='m12 21l-1.45-1.3q-2.525-2.275-4.175-3.925T3.75 12.812T2.388 10.4T2 8.15Q2 5.8 3.575 4.225T7.5 2.65q1.3 0 2.475.55T12 4.75q.85-1 2.025-1.55t2.475-.55q2.35 0 3.925 1.575T22 8.15q0 1.15-.387 2.25t-1.363 2.412t-2.625 2.963T13.45 19.7z'/%3E%3C/svg%3E")}

/* step_list */
.step_list{display:flex;justify-content:center}
.step_list li{display:flex;align-items:center;position:relative}
.step_list li:after{content:'';display:inline-block;width:1.75rem;height:1px;background-color:#a5a5a5}
.step_list li:last-child:after{display:none}
.step_list li span{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#fff;border-radius:50%;border:1px solid #a5a5a5;font-family:'Montserrat';color:#a5a5a5;padding-top:0.125rem}
.step_list li.complete:after{background-color:#000}
.step_list li.current span{border-color:#000;font-weight:600;color:#000}
.step_list li.complete span{background-color:#000;border-color:#000;font-weight:600;color:#fff}

/*comment*/
.comment_list:not(.active){display:none}
.comment_box + .comment_box,
.comment_box .comment + .comment{margin-top:1.5rem}
.comment_box .comment{position:relative}
.comment_box .comment .comment_inner{display:flex;align-items:flex-start;flex-grow:1;transition:transform 0.3s}
.comment_box .comment .comment_inner + .comment_inner{margin-top:1.25rem}
.comment_box .comment.reply .comment_inner:before{content:'';flex-shrink:0;display:inline-block;position:relative;width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='m14 21l-1.425-1.425l3.6-3.575H5V4h2v10h9.175l-3.6-3.6l1.4-1.425L20 15z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%;margin-right:0.5rem}
/*.comment_box .comment.reply:not(.active) > .comment_inner:not(:first-child):before,*/
/*.comment_box .comment.reply:not(.active) > .comment_inner:not(:first-child) .btn_reply_view{display:none}*/
.comment_box .comment.reply.active .comment_inner + .comment_inner{margin-top:1.25rem}
.comment_box .comment.reply > .comment{margin-top:1.25rem}
.comment_box .comment .user{display:flex;flex:1;align-items:flex-start;column-gap:0.5rem}
.comment_box .comment .user .user_img{flex-shrink:0;overflow:hidden;width:1.75rem;height:1.75rem;border-radius:50%}
.comment_box .comment .user .user_img img{width:100%;height:100%;object-fit:cover;object-position:top}
.comment_box .comment .user .user_img.no_img{background-size:1rem}
.comment_box .comment .user .name{font-weight:500;font-size:0.875rem;color:#767676;line-height:1}
.comment_box .comment .btn_reply_delete{position:absolute;top:0;right:0}
.comment_box .comment .ico_del{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23a5a5a5' d='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z'/%3E%3C/svg%3E")}
.comment_box .comment .btn_reply_view{font-weight:500;font-size:0.75rem;color:#767676;line-height:1}
.comment_box .comment .btn_reply_view:before{content:'';flex-shrink:0;display:inline-block;position:relative;width:1.25rem;height:1.25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23dbdbdb' d='m14 21l-1.425-1.425l3.6-3.575H5V4h2v10h9.175l-3.6-3.6l1.4-1.425L20 15z'/%3E%3C/svg%3E") no-repeat 0 0;background-size:100%;margin-right:0.5rem;vertical-align:middle}
.comment_box .comment .btn_reply_remove{align-self:stretch;height:inherit;background-color:#eb2f34;padding:0 1.5rem;transition:transform 0.3s}
.comment_box .comment .btn_reply_remove .ico_del{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='%23ffffff' d='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z'/%3E%3C/svg%3E")}
.comment_box .comment .comment_inner.delete{transform:translate(calc(-1.25rem - 2rem),0)}
.comment_box .comment .comment_inner:not(.delete) .btn_reply_remove{transform:translate(calc(4.5rem + 1.25rem))}
.comment_box .comment .comment_inner:not(.view_btns) .btns{transform:translate(calc(9rem + 1.25rem))}
.comment_box .comment .comment_inner > .btns{display:flex;align-self:stretch;height:inherit;transition:transform 0.3s;}
.comment_box .comment .comment_inner > .btns > button{min-width:4.5rem;height:100%;font-weight:600;font-size:0.875rem;color:#fff}
.comment_box .comment .btn_report{background-color:#e08300}
.comment_box .comment .btn_account_block{background-color:#eb2f34}
.comment_box .comment .comment_inner.view_btns{transform:translate(-7.75rem,0)}
.comment_info{padding-top:0.375rem}
.comment_info .date{font-size:0.75rem;color:#a5a5a5;line-height:1}
.comment_info .txt{font-weight:500;font-size:0.875rem;color:#333;line-height:1.8;margin-top:0.25rem;word-break:break-all}
.comment_info .img_wrap{width:7.5rem;margin-top:0.5rem}
.comment_info .img_wrap img{width:100%}
.comment_info .df{align-items:center;column-gap:0.5rem;margin-top:0.375rem}
.comment_info .num,
.comment_info .btn_write{font-weight:500;font-size:0.75rem;color:#767676;line-height:1}
.pop_comment.dialog .popup{padding:2rem 0 0}
.pop_comment.dialog .popup .touch_area{position:absolute;top:0;left:0;width:100%;height:3.875rem}
.pop_comment.dialog .popup .touch_area:before{content:'';display:block;position:absolute;top:0.75rem;left:50%;width:2.5rem;height:0.25rem;background-color:#d9d9d9;border-radius:6.187rem;transform:translate(-50%,0)}
.pop_comment.dialog .popup .pop_head{justify-content:center;padding:0 0 1rem;margin-bottom:0}
.pop_comment.dialog .popup .pop_tit{font-weight:500;font-size:0.875rem;text-align:center}
.pop_comment.dialog .popup .pop_cont{display:flex;flex-direction:column;height:calc((var(--vh, 1vh) * 80) - 3.875rem);max-height:initial;border-top:1px solid #f0f0f0}
.pop_comment.dialog .popup .pop_cont > .comment_list_area{overflow-y:auto;flex:1;padding:1.25rem 0 1.5rem}
.pop_comment.dialog .nodata{flex:1;height:auto}
.pop_comment.dialog .comment_list{display:block;overflow:hidden}
.pop_comment.dialog .popup .pop_cont .comment_info .txt{font-weight:400;color:#000;margin-bottom:0}
.pop_comment.dialog .comment{padding-left:1.25rem;padding-right:1.25rem}
.pop_comment.dialog .comment + .comment{margin-top:1.25rem}
.pop_comment.dialog .comment_box .comment .btn_reply_remove{margin-right:-4.55rem}
.pop_comment.dialog .comment_box .comment .btns{margin-right:-9rem}
.pop_comment.dialog .comment_box .comment .view_btns .btns,
.pop_comment.dialog .comment_box .comment .delete .btn_reply_remove{margin-left:1.25rem}
.pop_layer.pop_comment.dialog .comment_write_area{display:block;width:100%;box-shadow:0 0.25rem 1.25rem 0 rgba(0,0,0,0.08);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding-top:0;margin-left:0}
.pop_comment.dialog .comment_write{display:flex;align-items:center;column-gap:0.5rem;background:rgba(255, 255, 255, 0.70);padding:0.75rem 1.25rem}
.pop_comment.dialog .comment_write .btn_file{flex-shrink:0;width:1.5rem;height:1.5rem}
.pop_comment.dialog .comment_write .btn_file label{display:block;width:100%;height:100%;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='%23767676' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zm1-2h12l-3.75-5l-3 4L9 13zm-1 2V5z'/%3E%3C/svg%3E") no-repeat 0 0 / cover}
.pop_comment.dialog .comment_write .textarea_box{flex-grow:1;position:relative;width:calc(100% - 2rem)}
.pop_comment.dialog .comment_write .textarea_cont{overflow:hidden;position:relative;height:100%;padding:0.625rem 3rem 0.563rem 0.938rem;font-size:0.875rem;font-weight:400;line-height:1.5;border:1px solid #f0f0f0;border-radius:1.375rem;background-color:#f6f6f6}
.pop_comment.dialog .comment_write .textarea_cont .textarea_comment{width:100%;height:100%;overflow-y:auto;position:relative;max-height:3.938rem;min-height:1.313rem;word-break:break-all;outline:0;z-index:1}
.pop_comment.dialog .comment_write [contenteditable]:empty:before{content:attr(placeholder);color:#a5a5a5;font-size:0.875rem}
.pop_comment.dialog .comment_write .textarea_cont .textarea_comment::-webkit-scrollbar{display:none}
.pop_comment.dialog .comment_write .textarea_cont .textarea_comment img{width:1.313rem;height:1.313rem;margin-right:0.25rem}
.pop_comment.dialog .comment_write .mention{display:inline-block;padding-right:0.25rem;font-weight:600;color:#4171d9}
.pop_comment.dialog .comment_write .mention input[type="hidden"]{width:0;height:0}
.pop_comment.dialog .comment_write .btn_register{position:absolute;top:50%;right:0.5rem;width:1.75rem !important;height:1.75rem !important;margin-top:-0.875rem;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M13 20h-2V8l-5.5 5.5l-1.42-1.42L12 4.16l7.92 7.92l-1.42 1.42L13 8z'/%3E%3C/svg%3E");background-position:50% 50%;background-size:1.25rem;padding:0}
.pop_comment.dialog .comment_write .textarea_img{width:7.5rem}
.pop_comment.dialog .comment_write .textarea_img img{width:100%;margin-bottom:0.5rem}
.pop_comment.dialog .comment_write .placeholder{position:absolute;top:0.625rem;left:0.938rem;color:#a5a5a5;font-size:0.875rem;pointer-events:none}
.pop_comment.dialog .comment_write.writing .placeholder{display:none}
.pop_comment.dialog.active ~ .system_msg_area .toast{bottom:1.25rem}

/* view_attach_img */
.view_attach_img{margin-top:1.25rem}
.view_attach_img > ul{display:flex;flex-wrap:wrap;gap:0.75rem}
.view_attach_img > ul > li{width:calc((100% / 3) - 0.5rem)}
.view_attach_img .img_wrap,
.view_attach_img .img_wrap > button{width:100%;height:100%}
.view_attach_img .img_wrap img{width:100%;height:100%;object-fit:cover;object-position:top;aspect-ratio:1/1}

/* view_etc */
.view_etc{border-top:1px solid #f0f0f0;margin-top:1.75rem;padding-top:0.687rem;padding-bottom:0.75rem}
.view_etc > .etc{display:flex;justify-content:flex-end;column-gap:0.75rem}

/* page_error */
.page_error{padding-top:6.25rem}
.page_error div:not(.btn_area):before{content:'';display:block;width:7.5rem;height:7.5rem;margin:0 auto 1rem;background:url(../images/contents/bg_page_error.png) no-repeat 0 0;background-size:100%}
.page_error strong{display:block;width:100%;font-size:1.5rem;font-weight:700;line-height:1.5;text-align:center}
.page_error p{color:#000;font-size:1rem;text-align:center}
.page_error strong + p{margin-top:0.5rem}
.page_error .btn_area{margin-top:2.5rem}
.page_error .btn_area .btn{height:3rem}
.page_error .btn_area .btn:not(:only-child):not(:last-child){margin-right:0.5rem}

/* my menu area */
.my_menu_area{position:relative}
.my_menu_area .my_menu{display:none;position:absolute;top:1.125rem;right:0;width:5.5rem;padding:0.187rem 0.438rem 0.25rem;text-align:center;border:1px solid #000;background-color:#fff;z-index:1}
.my_menu_area .my_menu li + li{border-top:1px solid #f0f0f0}
.my_menu_area .my_menu li a{display:block;padding:0.75rem 0;font-size:1rem;font-weight:500;line-height:1}
.my_menu_area.active .my_menu{display:block}

@media (hover:hover) and (pointer:fine) {
    input:not([readonly]):not([disabled]):not([type="file"]):hover{border-color:rgba(0, 0, 0, 0.50)}
    input:not([readonly]):not([disabled]):not([type="file"]):hover + .btn:not(.pill){border-color:rgba(0, 0, 0, 0.50);border-left-color:#dbdbdb}
    .scroll-wrapper > .scroll-element .scroll-bar:hover{background-color:#959ea6;transform:none}

    .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_success10:hover,
    a.chip.fill_success10:hover, button.chip.fill_success10:hover,
    .btn.fill_success10:focus,
    a.chip.fill_success10:focus, button.chip.fill_success10:focus{border-color:#a5aaf2;background-color:#a5aaf2}
    .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_progress10:hover,
    a.chip.fill_progress10:hover, button.chip.fill_progress10:hover,
    .btn.fill_progress10:focus,
    a.chip.fill_progress10:focus, button.chip.fill_progress10:focus{border-color:#b6e577;background-color:#b6e577}
    .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_error10:hover,
    a.chip.fill_error10:hover, button.chip.fill_error10:hover,
    .btn.fill_error10:focus,
    a.chip.fill_error10:focus, button.chip.fill_error10:focus{border-color:#f28d8e;background-color:#f28d8e}
    .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}
    .btn.fill_black:not(.disabled):hover,
    a.chip.fill_black:not(.disabled):hover, button.chip.fill_black:not(.disabled):hover,
    .btn.fill_black:not(.disabled):focus,
    a.chip.fill_black:not(.disabled):focus, button.chip.fill_black:not(.disabled):focus{border-color:#1927a8;background-color:#1927a8}
    .btn.fill_grey10:hover,
    a.chip.fill_grey10:hover, button.chip.fill_grey10:hover,
    .btn.fill_grey10:focus,
    a.chip.fill_grey10:focus, button.chip.fill_grey10:focus{color:#000 !important;border-color:#dbdbdb;background-color:#dbdbdb}
    .btn.fill_grey70:hover,
    a.chip.fill_grey70:hover, button.chip.fill_grey70:hover,
    .btn.fill_grey70:focus,
    a.chip.fill_grey70:focus, button.chip.fill_grey70:focus{border-color:#333;background-color:#333}



    .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_grey30:hover,
    a.chip.line_grey30:hover, button.chip.line_grey30:hover,
    .btn.line_grey30:focus,
    a.chip.line_grey30:focus, button.chip.line_grey30:focus{background-color:#f6f6f6}
    .btn.line_grey70:hover,
    a.chip.line_grey70:hover, button.chip.line_grey70:hover,
    .btn.line_grey70:focus,
    a.chip.line_grey70:focus, button.chip.line_grey70:focus{background-color:#fff;color:#000;border-color:#000}

    .pagination .prev:hover:not(.disabled),
    .pagination .prev:focus:not(.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="%23000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 6l-6 6l6 6"%2F%3E%3C%2Fsvg%3E')}
    .pagination .next:hover:not(.disabled),
    .pagination .next:focus:not(.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="%23000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 6l6 6l-6 6"%2F%3E%3C%2Fsvg%3E')}
    .pagination .page_num li:hover a{color:#000;font-weight:700}

    .btn_like:hover{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='%23ffffff' d='m12 21l-1.45-1.3q-2.525-2.275-4.175-3.925T3.75 12.812T2.388 10.4T2 8.15Q2 5.8 3.575 4.225T7.5 2.65q1.3 0 2.475.55T12 4.75q.85-1 2.025-1.55t2.475-.55q2.35 0 3.925 1.575T22 8.15q0 1.15-.387 2.25t-1.363 2.412t-2.625 2.963T13.45 19.7z'/%3E%3C/svg%3E")}
}

@media screen and (min-width:489px){
    .pop_layer{max-width:488px;left:50%;margin-left:-244px}
}
@media screen and (max-width:488px){
    ::-webkit-scrollbar{display:none}
}
@media screen and (max-width:392px){
    html{font-size:0.9rem}
}
@media screen and (max-width:370px){
    html{font-size:0.85rem}
}
@media screen and (max-width:359px){
    html{font-size:0.8rem}
}
@media screen and (max-width:319px){
    html{font-size:0.75rem}
}