@charset "UTF-8";

/***** font *****/
@font-face {
    font-family:'Pretendard';
    src:url('../../font/Pretendard/Pretendard-Black.woff') format('woff');
    font-weight:900;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../font/Pretendard/Pretendard-ExtraBold.woff') format('woff');
    font-weight:800;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../font/Pretendard/Pretendard-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../font/Pretendard/Pretendard-SemiBold.woff') format('woff');
    font-weight:600;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../font/Pretendard/Pretendard-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../font/Pretendard/Pretendard-Regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../font/Pretendard/Pretendard-Light.woff') format('woff');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../font/Pretendard/Pretendard-ExtraLight.woff') format('woff');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../../font/Pretendard/Pretendard-Thin.woff') format('woff');
    font-weight:100;
    font-style:normal;
}
@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:'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:'MBC1961GulimM';
    font-weight:400;
    font-style:normal;
    src:url('../../font/MBC1961GulimM/MBC1961GulimM.woff2') format('woff2'),
    url('../../font/MBC1961GulimM/MBC1961GulimM.ttf') format("truetype");
    font-display:swap;
}
@font-face {
    font-family:'Hakgyoansim';
    font-weight:400;
    font-style:normal;
    src:url('../../font/Hakgyoansim/HakgyoansimMonggeulmonggeulOTFR.otf') format('HakgyoansimMonggeulmonggeulOTFR'),
    url('../../font/Hakgyoansim/HakgyoansimMonggeulmonggeulR.ttf') format("truetype");
    font-display:swap;
}

/***** reset *****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;box-sizing:border-box;-webkit-text-size-adjust:none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
fieldset,img,svg{vertical-align:top;border:0}
fieldset{min-inline-size:auto}
hr,legend,caption{display:none}
table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}
label{vertical-align:top}
input,select,textarea,button{font-size:16px;font-family:inherit;vertical-align:middle;box-sizing:border-box}
input,select,textarea{width:100%;padding:0 0.937rem;border:1px solid #dbdbdb;border-radius:0.5rem;box-shadow:none;font-weight:500;font-size:0.875rem;color:#333;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
input:focus,select:focus,textarea:focus{border-color:#767676}
::placeholder{color:#a5a5a5;font-size:inherit;text-align:left;opacity:1}
:-ms-input-placeholder{color:#a5a5a5;text-align:left;vertical-align:top}
::-ms-input-placeholder{color:#a5a5a5;text-align:left}
::-moz-focus-inner{padding:0;border:0}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{height:auto;-webkit-appearance:none}
input::-webkit-search-cancel-button,input::-webkit-search-decoration{-webkit-appearance:none}
input::-ms-clear{display:none}
input[readonly],input[disabled],textarea[readonly],textarea[disabled]{color:#ccc;border-color:#dbdbdb;background-color:#fff;outline:none;cursor:default}
input{overflow:hidden;height:2.25rem;line-height:calc(2.25rem - 2px);text-overflow:ellipsis;white-space:nowrap}
input[type=number]{-moz-appearance:textfield}
input[type=radio],input[type=checkbox]{overflow:hidden;position:absolute;width:0 !important;height:0 !important;margin:-1px;padding:0;clip:rect(0,0,0,0)}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 9999s ease-out;-webkit-box-shadow:0 0 0 1000px transparent inset !important}
select{height:2.25rem;cursor:pointer;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' fill-rule='evenodd' d='M7 9a1 1 0 0 0-.707 1.707l5 5a1 1 0 0 0 1.414 0l5-5A1 1 0 0 0 17 9z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat calc(100% - 0.875rem) 50% / 1rem}
select:required:invalid{color:#a5a5a5}
select::-ms-expand{display:none}
select[disabled]{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='%23dbdbdb' fill-rule='evenodd' d='M7 9a1 1 0 0 0-.707 1.707l5 5a1 1 0 0 0 1.414 0l5-5A1 1 0 0 0 17 9z' clip-rule='evenodd'/%3E%3C/svg%3E");border-color:#dbdbdb;color:#a5a5a5;opacity:1}
option{color:#333}
option[disabled]{display:none}
textarea{padding-top:15px;padding-bottom:15px}
button,input[type=submit]{padding:0;border:0;border-radius:0;background-color:transparent;cursor:pointer}
address,em,i{font-style:normal}
a{color:#333;text-decoration:none}
a[data-disabled="true"]{pointer-events:none}
body{color:#333;font-size:1rem;font-family:'Pretendard','Noto Sans KR',Malgun Gothic,'맑은고딕',Dotum,'굴림',Gulim,Helvetica,sans-serif;line-height:1.5}

/***** component *****/
.clearfix:after{content:'';display:block;clear:both}
.clearfix > *{float:left}
.clb{clear:both}
.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0)}
.no_after:after{display:none !important}
.no_before:after{display:none !important}
/*** display ***/
.dn{display:none !important}
.db{display:block !important}
.dib{display:inline-block !important}
.dt{display:table !important}
.dtc{display:table-cell !important}
.df{display:flex !important}
.dif{display:inline-flex !important}
.vh{visibility:hidden !important}
.vv{visibility:visible !important}
/*** flex ***/
.fxww{flex-wrap:wrap !important}
.jcc{justify-content:center !important}
.jcfs{justify-content:flex-start !important}
.jcfe{justify-content:flex-end !important}
.aic{align-items:center !important}
.aifs{align-items:flex-start !important}
.aife{align-items:flex-end !important}
.fdc{flex-direction:column !important}
/*** float ***/
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
/*** position ***/
.posr{position:relative !important}
.posa{position:absolute !important}
.posf{position:fixed !important}
.poss{position:static !important}
/*** width ***/
.wa{width:auto !important}
.w100p{width:100% !important}.w90p{width:90% !important}.w80p{width:80% !important}.w70p{width:70% !important}.w60p{width:60% !important}.w50p{width:50% !important}.w40p{width:40% !important}.w30p{width:30% !important}.w20p{width:20% !important}.w10p{width:10% !important}
.w300{width:300px !important}.w200{width:200px !important}.w160{width:160px !important}.w150{width:150px !important}.w120{width:120px !important}.w100{width:100px !important}.w90{width:90px !important}.w60{width:60px !important}.w50{width:50px !important}
/*** height ***/
.ha{height:auto !important}
.h100p{height:100% !important}
.h300{height:300px !important}.h200{height:200px !important}.h100{height:100px !important}
/*** margin,padding ***/
.ma{margin:auto !important}
.mla{margin-left:auto !important}
.m0{margin:0 !important}
.mt0{margin-top:0 !important}.mt5{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt35{margin-top:35px !important}.mt40{margin-top:40px !important}.mt45{margin-top:45px !important}.mt50{margin-top:50px !important}.mt55{margin-top:55px !important}.mt60{margin-top:60px !important}
.mr0{margin-right:0 !important}.mr5{margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr20{margin-right:20px !important}.mr25{margin-right:25px !important}.mr30{margin-right:30px !important}.mr35{margin-right:35px !important}.mr40{margin-right:40px !important}.mr45{margin-right:45px !important}.mr50{margin-right:50px !important}.mr55{margin-right:55px !important}.mr60{margin-right:60px !important}
.mb0{margin-bottom:0 !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.mb55{margin-bottom:55px !important}.mb60{margin-bottom:60px !important}
.ml0{margin-left:0 !important}.ml5{margin-left:5px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml25{margin-left:25px !important}.ml30{margin-left:30px !important}.ml35{margin-left:35px !important}.ml40{margin-left:40px !important}.ml45{margin-left:45px !important}.ml50{margin-left:50px !important}.ml55{margin-left:55px !important}.ml60{margin-left:60px !important}
.p0{padding:0 !important}
.pt0{padding-top:0 !important}.pt5{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt40{padding-top:40px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pt55{padding-top:55px !important}.pt60{padding-top:60px !important}
.pr0{padding-right:0 !important}.pr5{padding-right:5px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr20{padding-right:20px !important}.pr25{padding-right:25px !important}.pr30{padding-right:30px !important}.pr35{padding-right:35px !important}.pr40{padding-right:40px !important}.pr45{padding-right:45px !important}.pr50{padding-right:50px !important}.pr55{padding-right:55px !important}.pr60{padding-right:60px !important}
.pb0{padding-bottom:0 !important}.pb5{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.pb55{padding-bottom:55px !important}.pb60{padding-bottom:60px !important}
.pl0{padding-left:0 !important}.pl5{padding-left:5px !important}.pl10{padding-left:10px !important}.pl15{padding-left:15px !important}.pl20{padding-left:20px !important}.pl25{padding-left:25px !important}.pl30{padding-left:30px !important}.pl35{padding-left:35px !important}.pl40{padding-left:40px !important}.pl45{padding-left:45px !important}.pl50{padding-left:50px !important}.pl55{padding-left:55px !important}.pl60{padding-left:60px !important}
/*** font color ***/
.fc_primary{color:#1A8DFF !important}
.fc_primary10{color:#f2f4ff !important}
.fc_primary20{color:#a5aaf2 !important}
.fc_primary40{color:#4646eb !important}
.fc_primary50{color:#110452 !important}
.fc_secondary{color:#7951f2 !important}
.fc_secondary10{color:#f0edff !important}
.fc_secondary20{color:#bcadff !important}
.fc_secondary40{color:#5d1ee5 !important}
.fc_secondary50{color:#22044d !important}
.fc_tertiary{color:#1595af !important}
.fc_tertiary10{color:#edf8ff !important}
.fc_tertiary20{color:#8cc9db !important}
.fc_tertiary40{color:#196e8c !important}
.fc_tertiary50{color:#043347 !important}
.fc_white{color:#fff !important}
.fc_grey10{color:#f7f7f7 !important}
.fc_grey20{color:#eaeaea !important}
.fc_grey30{color:#dbdbdb !important}
.fc_grey40{color:#ccc !important}
.fc_grey50{color:#a5a5a5 !important}
.fc_grey60{color:#959595 !important}
.fc_grey70{color:#767676 !important}
.fc_grey80{color:#5a5a5a !important}
.fc_grey90{color:#333 !important}
.fc_black{color:#000 !important}
.fc_success{color:#5f93fa !important}
.fc_success10{color:#ebf1ff !important}
.fc_success20{color:#8aabf2 !important}
.fc_success40{color:#2e62d1 !important}
.fc_success50{color:#1843a8 !important}
.fc_progress{color:#8dc73c !important}
.fc_progress10{color:#f2fae8 !important}
.fc_progress20{color:#b6e577 !important}
.fc_progress40{color:#62a30d !important}
.fc_progress50{color:#437a00 !important}
.fc_error{color:#eb464b !important}
.fc_error10{color:#ffeded !important}
.fc_error20{color:#f28d8e !important}
.fc_error40{color:#9e2022 !important}
.fc_error50{color:#400303 !important}
.fc_caution{color:#f2ac0c !important}
.fc_caution10{color:#fffbeb !important}
.fc_caution20{color:#fad157 !important}
.fc_caution40{color:#e08300 !important}
.fc_caution50{color:#ad5802 !important}
.fc_purple{color:#8936e0 !important}
.fc_green{color:#13C285 !important}
/*** font size ***/
.fz10{font-size:10px !important}.fz11{font-size:11px !important}.fz12{font-size:12px !important}.fz13{font-size:13px !important}.fz14{font-size:14px !important}.fz15{font-size:15px !important}
.fz16{font-size:16px !important}.fz17{font-size:17px !important}.fz18{font-size:18px !important}.fz19{font-size:19px !important}.fz20{font-size:20px !important}.fz21{font-size:21px !important}
.fz22{font-size:22px !important}.fz23{font-size:23px !important}.fz24{font-size:24px !important}.fz25{font-size:25px !important}.fz26{font-size:26px !important}.fz27{font-size:27px !important}.fz28{font-size:28px !important}.fz29{font-size:29px !important}.fz30{font-size:30px !important}
/*** font weight ***/
.fw300{font-weight:300 !important}.fw400{font-weight:400 !important}.fw500{font-weight:500 !important}.fw700{font-weight:700 !important}.fw900{font-weight:900 !important}
/*** letter spacing ***/
.ls0{letter-spacing:0 !important}.ls_05{letter-spacing:-0.5px}.ls_1{letter-spacing:-1px !important}
/*** align ***/
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}
.taj{text-align:justify !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}
/*** border ***/
.bd0{border:0 !important}
.bdt0{border-top:0 !important}
.bdr0{border-right:0 !important}
.bdb0{border-bottom:0 !important}
.bdl0{border-left:0 !important}
/*** border radius ***/
.bdrs0{border-radius:0 !important}.bdrs4{border-radius:4px !important}.bdrs5{border-radius:5px !important}.bdrs10{border-radius:10px !important}
/*** 말줄임 ***/
.eps1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eps2{display:-webkit-box;overflow:hidden;max-height:48px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.eps3{display:-webkit-box;overflow:hidden;max-height:72px;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
/*** scrollbar ***/
.jq_scrollbar{overflow-y:auto;scrollbar-width:none}
.jq_scrollbar::-webkit-scrollbar{display:none}
/*** tip ***/
.tip{color:#959595;font-size:14px}
/*** icon ***/
.ico{display:inline-block;width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;vertical-align:top}
.ico_insta{width:1rem;height:1rem;background-image:url(../images/icon/ico_insta.svg)}
.ico_home{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='%23fff' d='M11.25 18a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-1.5 0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 1.25c-.725 0-1.387.2-2.11.537c-.702.327-1.512.81-2.528 1.415l-1.456.867c-1.119.667-2.01 1.198-2.686 1.706C2.523 6.3 2 6.84 1.66 7.551c-.342.711-.434 1.456-.405 2.325c.029.841.176 1.864.36 3.146l.293 2.032c.237 1.65.426 2.959.707 3.978c.29 1.05.702 1.885 1.445 2.524c.742.64 1.63.925 2.716 1.062c1.056.132 2.387.132 4.066.132h2.316c1.68 0 3.01 0 4.066-.132c1.086-.137 1.974-.422 2.716-1.061c.743-.64 1.155-1.474 1.445-2.525c.281-1.02.47-2.328.707-3.978l.292-2.032c.185-1.282.332-2.305.36-3.146c.03-.87-.062-1.614-.403-2.325C22 6.84 21.477 6.3 20.78 5.775c-.675-.508-1.567-1.039-2.686-1.706l-1.456-.867c-1.016-.605-1.826-1.088-2.527-1.415c-.724-.338-1.386-.537-2.111-.537M8.096 4.511c1.057-.63 1.803-1.073 2.428-1.365c.609-.284 1.047-.396 1.476-.396c.43 0 .867.112 1.476.396c.625.292 1.37.735 2.428 1.365l1.385.825c1.165.694 1.986 1.184 2.59 1.638c.587.443.91.809 1.11 1.225c.199.416.282.894.257 1.626c-.026.75-.16 1.691-.352 3.026l-.28 1.937c-.246 1.714-.422 2.928-.675 3.845c-.247.896-.545 1.415-.977 1.787c-.433.373-.994.593-1.925.71c-.951.119-2.188.12-3.93.12h-2.213c-1.743 0-2.98-.001-3.931-.12c-.93-.117-1.492-.337-1.925-.71c-.432-.372-.73-.891-.977-1.787c-.253-.917-.43-2.131-.676-3.845l-.279-1.937c-.192-1.335-.326-2.277-.352-3.026c-.025-.732.058-1.21.258-1.626c.2-.416.521-.782 1.11-1.225c.603-.454 1.424-.944 2.589-1.638z' clip-rule='evenodd'/%3E%3C/svg%3E")}
.ico_pin{width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 256 256'%3E%3Cpath fill='%231ad292' d='m235.33 104l-53.47 53.65c4.56 12.67 6.45 33.89-13.19 60A15.93 15.93 0 0 1 157 224h-1.13a16 16 0 0 1-11.32-4.69L96.29 171l-42.63 42.66a8 8 0 0 1-11.32-11.32L85 159.71l-48.3-48.3A16 16 0 0 1 38 87.63c25.42-20.51 49.75-16.48 60.4-13.14L152 20.7a16 16 0 0 1 22.63 0l60.69 60.68a16 16 0 0 1 .01 22.62'/%3E%3C/svg%3E") no-repeat 0 0 / 1rem}
.ico_location{width:0.875rem;height:0.875rem;background-image:url(../images/icon/ico_location.svg)}
.ico_calling{width:0.875rem;height:0.875rem;background-image:url(../images/icon/ico_calling.svg)}
.ico_bus{width:1.25rem;height:1.062rem;background-image:url(../images/icon/ico_bus.svg)}
.ico_subway{width:0.937rem;height:1.25rem;background-image:url(../images/icon/ico_subway.svg)}
.ico_car{width:1.25rem;height:1rem;background-image:url(../images/icon/ico_car.svg)}
.ico_clock{width:1rem;height:1rem;background-image:url(../images/icon/ico_clock.svg)}
.ico_user{width:1rem;height:1rem;background-image:url(../images/icon/ico_user.svg)}
.ico_send{width:1rem;height:1rem;background-image:url(../images/icon/ico_send.svg)}
.ico_link{width:1rem;height:1rem;background-image:url(../images/icon/ico_link.svg)}
.ico_layer{width:1rem;height:1rem;background-image:url(../images/icon/ico_layer.svg)}
.ico_calendar{width:1rem;height:1rem;background-image:url(../images/icon/ico_calendar.svg)}
.ico_success{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2366f%22%20d%3D%22M16.59%207.58L10%2014.17l-3.59-3.58L5%2012l5%205l8-8zM12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.ico_error{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23eb464b%22%20d%3D%22M11%2015h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
/*** avatars ***/
.avatars{display:inline-flex;overflow:hidden;border-radius:50%}
.avatars img{width:100%;height:100%}
.avatars_group{display:flex}
/* avatars 사이즈 */
/*** tooltip ***/
[data-title]:hover:before,
[data-title]:focus:before{content:attr(data-title);position:absolute;top:calc(100% + 9px);left:50%;width:max-content;color:#fff;font-size:12px;padding:5px 10px;border-radius:5px;background-color:rgba(0,0,0,.5);transform:translateX(-50%)}
[data-title]:hover:after,
[data-title]:focus:after{content:'';position:absolute;top:calc(100% + 3px);left:50%;border-width:0 6px 6px;border-style:solid;border-color:transparent;border-bottom-color:rgba(0,0,0,.5);transform:translateX(-50%)}
/*** Popover ***/
.popover{}
/*** input ***/
.input{position:relative}
.input input{padding-right:44px}
.input .btn_del{display:none;position:absolute;top:50%;right:15px;width:24px;height:24px;background:url(../images/button/btn_inp_delete.svg) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.active:not(.success):not(.error) .btn_del{display:block}
.input input[readonly] + .btn_del,.input input[disabled] + .btn_del{display:none !important}
.input + .tip{margin-top:4px}
.input + .tip.fc_error{display:none}
.input.success:after{content:'';position:absolute;top:50%;right:15px;width:24px;height:24px;background:url(../images/icon/ico_success.svg) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.error:after{content:'';position:absolute;top:50%;right:15px;width:24px;height:24px;background:url(../images/icon/ico_error.svg) no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.error input{border-color:#eb464b}
.input.error + .tip.fc_error{display:block}
/*** checkbox,radio ***/
.checkbox,.radio{display:inline-block;position:relative;vertical-align:top}
.checkbox input[disabled] + label,.checkbox input[readonly] + label,.radio input[disabled] + label,.radio input[readonly] + label{color:#ccc !important;font-weight:400 !important;cursor:default}
.checkbox label,.radio label{display:block;min-height:24px;padding-left:24px;cursor:pointer}
.checkbox label:before,.radio label:before{content:'';position:absolute;top:0;left:0;width:24px;height:24px}
.checkbox label:before{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.checkbox label:hover:before,
.checkbox :focus ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2366f%22%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E')}
.checkbox :checked ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2366f%22%20d%3D%22M19%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V5a2%202%200%200%200-2-2zm-9%2014l-5-5l1.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22%2F%3E%3C%2Fsvg%3E')}
.radio label:before{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23959595%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.radio label:hover:before,
.radio :focus ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2366f%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E')}
.radio :checked ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2366f%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%20fill%3D%22%2366f%22%2F%3E%3C%2Fsvg%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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E')}
.checkbox input[disabled]:checked ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M19%203H5a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V5a2%202%200%200%200-2-2zm-9%2014l-5-5l1.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22%2F%3E%3C%2Fsvg%3E')}
.radio input[disabled] ~ label:before,
.radio input[disabled] ~ label:hover:before,
.radio input[disabled]:focus ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E')}
.radio input[disabled]:checked ~ label:before{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ccc%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%20fill%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E')}
.checkbox.txt label,.radio.txt label{padding-left:28px;line-height:24px}
.checkbox.txt :checked ~ label,.radio.txt :checked ~ label,
.checkbox.txt label:hover,.radio.txt label:hover,
.checkbox.txt :focus ~ label,.radio.txt :focus ~ label{color:#66f;font-weight:500}
/*** select ***/
.nice-select{display:inline-block;position:relative;width:10rem;vertical-align:top}
.nice-select .current{display:block;overflow:hidden;position:relative;height:2.25rem;padding:0 2.75rem 0 0.937rem;line-height:2.25rem;font-weight:500;font-size:0.875rem;text-overflow:ellipsis;white-space:nowrap;border:1px solid #dbdbdb;border-radius:0.5rem ;background-color:#fff;cursor:pointer}
.nice-select .current:before{content:'';position:absolute;top:50%;right:0.937rem;width:1rem;height:1rem;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' fill-rule='evenodd' d='M7 9a1 1 0 0 0-.707 1.707l5 5a1 1 0 0 0 1.414 0l5-5A1 1 0 0 0 17 9z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat 0 0 / cover;transition:transform 0.3s;transform:rotate(0deg) translateY(-50%);transform-origin:top}
.nice-select .current + .list{display:none;overflow-y:auto;position:absolute !important;top:calc(2.25rem - 1px);left:0;width:100%;max-height:222px;border:1px solid #dbdbdb;border-radius:0 0 0.5rem 0.5rem;background-color:#fff;z-index:1}
.nice-select .list li{padding:0.75rem 0.937rem;color:#333;font-weight:500;font-size:0.875rem;line-height:1;cursor:pointer}
.nice-select .list li:first-child.disabled{display:none}
.nice-select .list li:hover,
.nice-select .list li.focus{color:#0073dd}
.nice-select.placeholder .current{color:#333}
.nice-select.open:not(.disabled) .current{border-radius:0.5rem 0.5rem 0 0}
.nice-select.open:not(.disabled) .current:before{transform:rotate(180deg) translateY(-50%)}
.nice-select.open:not(.disabled) .current + .list{display:block}
.nice-select.disabled .current{color:#a5a5a5;cursor:default}
.nice-select.disabled .current:before{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='%23dbdbdb' fill-rule='evenodd' d='M7 9a1 1 0 0 0-.707 1.707l5 5a1 1 0 0 0 1.414 0l5-5A1 1 0 0 0 17 9z' clip-rule='evenodd'/%3E%3C/svg%3E")}
.nice-select .scroll-wrapper > .scroll-element.scroll-y{top:8px;right:8px;width:6px;height:calc(100% - 16px)}
.nice-select .scroll-wrapper > .scroll-element .scroll-element_outer{top:0;height:100%;border-radius:0}
.nice-select .scroll-wrapper > .scroll-element .scroll-bar{right:0;left:auto;width:2px;border-radius:6px;background-color:#ccc;transition:width .4s,background-color .4s}
.nice-select .scroll-wrapper > .scroll-element .scroll-bar:hover,
.nice-select .scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar{width:6px;background-color:#66f;transform:none}
.sel_xs .scroll-wrapper > .scroll-element.scroll-y,
.sel_sm .scroll-wrapper > .scroll-element.scroll-y{top:6px;right:6px;height:calc(100% - 12px)}
.sel_xs{width:140px}
.sel_xs .current{height:32px;padding-right:35px;padding-left:7px;font-size:12px;line-height:30px}
.sel_xs .current:before{width:27px}
.sel_xs .current:after{width:26px;background-size:16px}
.sel_xs .current + .list{top:31px;max-height:142px}
.sel_xs .list li{padding:5px 7px;font-size:12px}
.sel_sm{width:160px}
.sel_sm .current{height:40px;padding-right:47px;padding-left:11px;font-size:14px;line-height:38px}
.sel_sm .current:before{width:35px}
.sel_sm .current:after{width:34px;background-size:20px}
.sel_sm .current + .list{top:39px;max-height:182px}
.sel_sm .list li{padding:8px 11px 7px;font-size:14px}
.sel_lg{width:200px}
.sel_lg .current{height:56px;padding-right:71px;padding-left:19px;font-size:18px;line-height:54px}
.sel_lg .current:before{width:51px}
.sel_lg .current:after{width:50px;background-size:28px}
.sel_lg .current + .list{top:55px;max-height:262px}
.sel_lg .list li{padding:13px 19px 12px;font-size:18px}
/*** textarea ***/
.textarea{position:relative;height:15rem;padding-bottom:2.188rem;border:1px solid #dbdbdb}
.textarea textarea{height:100%;border:0}
.textarea .txt_limit{position:absolute;right:1rem;bottom:1rem;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;vertical-align:top;text-align:center;border:1px solid #dbdbdb;color:#333;border-radius:0.5rem;transition:all ease .3s}
.btn span{position:relative}
.btn .ico + span{padding-left:0.5rem}
.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_xs{height:32px;padding:0 11px;font-size:12px}
.btn_xs svg{width:16px;height:16px}
.btn_xs svg:first-child:not(:only-child){margin-right:4px}
.btn_xs svg:last-child:not(:only-child){margin-left:4px}
.btn_xs.btn_icon{padding:0 5px}
.btn_sm{height:40px;padding:0 15px;font-size:14px}
.btn_sm svg{width:20px;height:20px}
.btn_sm svg:first-child:not(:only-child){margin-right:4px}
.btn_sm svg:last-child:not(:only-child){margin-left:4px}
.btn_sm.btn_icon{padding:0 7px}
.btn_md{height:2.25rem;font-size:0.875rem;padding:0 0.937rem}
.btn_md svg{width:24px;height:24px}
.btn_md svg:first-child:not(:only-child){margin-right:4px}
.btn_md svg:last-child:not(:only-child){margin-left:4px}
.btn_md.btn_icon{padding:0 9px}
.btn_lg{height:3.25rem;border-radius:0.75rem;padding:0 1.437rem;font-weight:500}
.btn_lg svg{width:28px;height:28px}
.btn_lg svg:first-child:not(:only-child){margin-right:8px}
.btn_lg svg:last-child:not(:only-child){margin-left:8px}
.btn_lg.btn_icon{padding:0 11px}
/* 알약 */
.pill{border-radius:2em !important}
/* 버튼 영역 */
.btn_area{display:flex;align-items:center;justify-content:center;padding-top:2rem}
.btn_area .btn:not(:only-child):not(:last-child){margin-right:0.75rem}
/*** badge ***/
.badge{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;min-width:20px;height:1.375rem;padding:0 0.312rem;font-weight:500;font-size:0.875rem;line-height:1;vertical-align:top;border:1px solid;border-radius:0.375rem;transition:all linear .3s}
.badge.circle{padding:0;font-size:10px;border-radius:50%}
.badge.circle svg{width:12px;height:12px}
.badge.dot{width:8px;min-width:auto;height:8px;padding:0;border-radius:50%}
/* badge 사이즈 */
.badge_md{min-width:26px;padding:0 7px;line-height:24px}
.badge_md.circle{font-size:12px}
.badge_md.circle svg{width:14px;height:14px}
.badge_md.dot{width:12px;height:12px}
/* chip */
.chip{display:inline-flex;justify-content:center;align-items:center;border:1px solid;border-radius:2em;transition:all linear .3s}
.chip span:first-child:not(:only-child){padding-right:4px}
.chip span:last-child:not(:only-child){padding-left:4px}
.chip svg{vertical-align:top}
.chip.disabled{color:#ccc !important;cursor:pointer}
.chip.disabled svg path,
.chip.disabled svg g{stroke:#ccc !important}
/* chip 사이즈 */
.chip_sm{height:24px;padding:0 3px;font-size:12px}
.chip_sm span{padding:0 8px}
.chip_sm .avatars,.chip_sm svg{width:16px;height:16px}
.chip_md{height:32px;padding:0 5px;font-size:14px}
.chip_md span{padding:0 10px}
.chip_md .avatars,.chip_md svg{width:20px;height:20px}
.chip_lg{height:40px;padding:0 7px;font-size:16px}
.chip_lg span{padding:0 8px}
.chip_lg .avatars,.chip_lg svg{width:24px;height:24px}
/*** 컬러 ***/
.fill_primary{color:#fff !important;border-color:#13c285;background-color:#13c285}
.fill_secondary{color:#fff !important;border-color:#005fc8;background-color:#005fc8}
.fill_bg20{color:#000 !important;border-color:#f6f6f6;background-color:#f6f6f6}
.fill_primary svg path,.fill_primary svg g,
.fill_secondary svg path,.fill_secondary svg g{stroke:#fff !important}
.fill_primary.disabled,.fill_primary[disabled],
.fill_secondary.disabled,.fill_secondary[disabled]{border-color:#dbdbdb !important;background-color:#dbdbdb !important;color:#767676 !important}
/*** 라인 컬러 ***/
.line_primary{color:#11a672 !important;border-color:#11a672;background-color:#fff}
.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]{border-color:#a5a5a5 !important;background-color:#fff !important;color:#767676 !important}
.line_secondary.disabled,.line_secondary[disabled],
.line_tertiary.disabled,.line_tertiary[disabled]{border-color:#dbdbdb !important;background-color:#fff !important;color:#a5a5a5 !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{display:flex;width:100%}
.tab > li + li{margin-left:-1px}
.tab > li a{display:inline-flex;align-items:center;justify-content:center;min-width:4.75rem;height:3rem;background-color:#fff;border:1px solid #dbdbdb;color:#767676;text-align:center;line-height:1;padding:0 1rem;overflow:hidden;transition:0.3s}
.tab > li.active a{border-color:#333;background-color:#333;font-weight:500;color:#fff}
.tab > li:first-child > a{border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem}
.tab > li:last-child > a{border-top-right-radius:0.75rem;border-bottom-right-radius:0.75rem}
.tab_cont .cont{display:none}
.tab_cont .cont.active{display:block}
/*** table ***/
/* list */
.tbl_list{border-collapse:initial;border:1px solid #f0f0f0;border-radius:0.5rem;overflow:hidden}
.tbl_list thead th{background-color:#f9f9f9;font-weight:500;font-size:0.75rem;color:#767676;text-align:center;vertical-align:middle;padding:0.437rem 1.687rem 0.5rem}
.tbl_list tbody td{text-align:center;vertical-align:middle;padding:0.75rem 0.687rem}
.tbl_list tbody tr:last-child td{padding-bottom:0.937rem}
.tbl_list tbody td strong{font-weight:500;color:#000}
.jq_scrollbar .tbl_list{border-top:0}
.jq_scrollbar .tbl_list thead th{position:sticky;top:0;z-index:1}
.div_list .tbody .tr{border-bottom:1px solid rgba(0,0,0,.1);padding:0.75rem 0 0.687rem}
.div_list .tbody .td_tit{display:inline-flex;min-width:0;font-weight:500;font-size:1rem;color:#000}
.div_list .tbody .td_tit a{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;font-weight:inherit;font-size:inherit;color:inherit}
.div_list .tbody .td_date{font-size:0.875rem;color:#a5a5a5;line-height:1}
.div_list .tbody .ico_pin{display:flex;align-items:flex-start;height:100%;background-position-y:0.187rem;margin-right:0.5rem}
/* write */
.tbl_write{border-top:2px solid #66f}
.tbl_write tbody th{height:48px;padding:16px 0;vertical-align:middle;border-right:1px solid #e7e8e9;border-bottom:1px solid #e7e8e9;background-color:#f8fafb}
.tbl_write tbody th .aster{color:#66f;font-weight:700}
.tbl_write tbody td{height:48px;padding:8px 30px;color:#4a4a4a;font-size:14px;line-height:20px;vertical-align:middle;border-bottom:1px solid #e7e8e9;background-color:#fff}
.tbl_write tbody td .btn_sm{line-height:31px}
.tbl_write tbody td + th{border-left:1px solid #e7e8e9}
/* view */
.board_view_thumb{border-radius:0.5rem;text-align:center;overflow:hidden}
.board_view_thumb.no_img{background-color:#f9f9f9;background-image:url(../images/icon/ico_no_img.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:3rem;border:1px solid rgba(0,0,0,.1);aspect-ratio:1/1}
.board_view_thumb + .board_view{margin-top:0.25rem}
.board_view > dt{word-break:break-all;border-bottom:1px solid #f0f0f0;padding-top:0.75rem;padding-bottom:1.187rem}
.board_view > dt .tit{display:block;font-weight:700;font-size:1.25rem;color:#000;text-align:center}
.board_view > dt .title_wrap .tit{text-align:left}
.board_view > dt .info{display:flex;align-items:center;justify-content:center;margin-top:0.75rem}
.board_view > dt .info > p{display:inline-flex;column-gap:0.375rem;position:relative;font-size:0.875rem;color:#767676;line-height:1}
.board_view > dt .info > p + p{padding-left:1.5rem}
.board_view > dt .info > p + p:before{content:'';display:inline-block;position:absolute;top:0;left:0.75rem;width:1px;height:0.875rem;background-color:#dbdbdb}
.board_view > dt .info > p > span{display:inline-block}
.board_view > dd{padding:1.5rem 0 0;line-height:1.8;color:#000}
.board_view > dd .info .summary{display:flex;flex-direction:column;row-gap:1rem}
.board_view .info .summary > dl{display:flex;align-items:center;column-gap:0.5rem}
.board_view .info .summary > dl dt{min-width:3.75rem;font-size:0.875rem;color:#767676;line-height:1}
.board_view .info .summary > dl dd{font-weight:500;font-size:0.875rem;line-height:1}
.board_view .info .btn_area{padding-top:1.25rem}
.board_view > dd div + .editor{border-top:1px solid #f0f0f0;margin-top:0.937rem;padding-top:1rem}
.board_view > dd .editor{min-height:10rem;margin-bottom:1rem}
.board_view > dd .editor img{border-radius:0.5rem}
.board_view .attched_file{border-top:1px solid #f0f0f0;padding-top:0.937rem;margin-top:0}
/* 이전글,다음글 */
.board_prev_next{margin-top:3rem}
.board_prev_next > li{border-bottom:1px solid rgba(0,0,0,.1)}
.board_prev_next > li:first-child{border-top:1px solid rgba(0,0,0,.1)}
.board_prev_next > li dl{position:relative;padding-left:3rem}
.board_prev_next > li dl dt{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:3rem;height:100%;color:#4a4a4a;line-height:42px;text-align:center}
.board_prev_next > li dl dd{height:3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:0.875rem;color:#a5a5a5;line-height:1;padding:1rem 1rem 0.937rem 0.5rem}
.board_prev_next > li > a dl dd{color:#000}
.board_prev_next > li dl dt .ico{width:1rem;height:1rem}
.board_prev_next > li > dl dt .ico_prev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23767676' d='m2.931 10.843l4.685-4.611a.546.546 0 0 1 .768 0l4.685 4.61a.55.55 0 0 0 .771 0a.53.53 0 0 0 0-.759l-4.684-4.61a1.65 1.65 0 0 0-2.312 0l-4.684 4.61a.53.53 0 0 0 0 .76a.55.55 0 0 0 .771 0'/%3E%3C/svg%3E")}
.board_prev_next > li > a dl dt .ico_prev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='m2.931 10.843l4.685-4.611a.546.546 0 0 1 .768 0l4.685 4.61a.55.55 0 0 0 .771 0a.53.53 0 0 0 0-.759l-4.684-4.61a1.65 1.65 0 0 0-2.312 0l-4.684 4.61a.53.53 0 0 0 0 .76a.55.55 0 0 0 .771 0'/%3E%3C/svg%3E")}
.board_prev_next > li > dl dt .ico_next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23767676' fill-rule='non-zero' d='M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.55.55 0 0 0-.771 0a.53.53 0 0 0 0 .759l4.684 4.61a1.65 1.65 0 0 0 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76a.55.55 0 0 0-.771 0'/%3E%3C/svg%3E")}
.board_prev_next > li > a dl dt .ico_next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' fill-rule='non-zero' d='M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.55.55 0 0 0-.771 0a.53.53 0 0 0 0 .759l4.684 4.61a1.65 1.65 0 0 0 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76a.55.55 0 0 0-.771 0'/%3E%3C/svg%3E")}
.board_prev_next + .btn_area > .btn_md{font-weight:500}
/*** form ***/
/* 파일첨부 폼 */
.file{display:flex;align-items:center;position:relative;font-size:14px;line-height:18px}
.file .file_name{overflow:hidden;position:relative;padding-left:26px;text-overflow:ellipsis;white-space:nowrap}
.file .file_name:before{content:'';position:absolute;top:0;left:0;width:18px;height:18px;background:url(../images/icon/sp_ico_filename.svg) no-repeat 0 0}
.file .file_size{flex-shrink:0;margin:0 8px;color:#a5a5a5;font-size:12px}
.input_file{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0}
.file_default{display:flex;flex-wrap:wrap;align-items:center;width:100%;min-width:0}
.file_default > *:not(:first-child){margin-left:15px}
.file_default .file_name{flex:1 0 0;overflow:hidden;height:48px;padding:0 15px;line-height:46px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #dbdbdb;border-radius:5px;background-color:#fff}
.file_default .file_name .placeholder{color:#959ea6}
.file_default .btn_file{flex-shrink:0;cursor:pointer}
.file_default .btn_file:before{content:'';display:inline-block;width:24px;height:24px;margin-right:4px;vertical-align:top;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='%2366f' 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}
.file_default .file_img{display:flex;flex-wrap:wrap;align-items:center;width:100%;margin-top:8px;margin-left:0}
.file_default .file_img > li{width:7.5rem;height:11.25rem;border:1px solid #f7f7f7}
.file_default .file_img > li img{width:100%;height:100%}
.file_default .file_img:only-child{margin-top:0}
.file_default.active .file_name{color:#000}
.file_default.active .file_name .placeholder{display:none}
/* 첨부 파일 리스트 */
.file_list li{position:relative;line-height:1rem;padding-left:1.375rem}
.file_list li:before{content:'';display:block;position:absolute;top:0.125rem;left:0;width:0.875rem;height:0.875rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23767676' stroke-linecap='round' stroke-width='1.5' d='m12.95 11.009l-2.94 2.926a4.125 4.125 0 0 0 0 5.853a4.17 4.17 0 0 0 5.88 0l3.675-3.658a8.25 8.25 0 0 0 0-11.706c-3.248-3.232-8.512-3.232-11.76 0L4.132 8.082a7.22 7.22 0 0 0 0 10.243'/%3E%3C/svg%3E") no-repeat 0 0 / cover}
.file_list li + li{margin-top:0.5rem}
.file_list li a{display:inline-flex;width:100%;padding-right:1.25rem;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='M14.47 10.47a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V4a.75.75 0 0 1 1.5 0v8.19z'/%3E%3Cpath fill='%23767676' d='M20.75 12a.75.75 0 0 0-1.5 0a7.25 7.25 0 1 1-14.5 0a.75.75 0 0 0-1.5 0a8.75 8.75 0 1 0 17.5 0'/%3E%3C/svg%3E") no-repeat 100% 50%/ 1rem;font-size:0.875rem;color:#333}
.file_list li a > span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file_list li a .file_size{margin-right:0}
.attched_file{display:flex;align-items:center;column-gap:1rem;margin-top:0.937rem}
.attched_file dt{font-size:0.875rem;color:#767676;line-height:1}
.attched_file dd{flex-grow:1;width:calc(100% - 65px);background-color:#f9f9f9;border-radius:0.5rem;padding:0.75rem 1rem}
/* 검색폼 */
.search{display:flex;position:relative;width:100%}
.search form{width:100%;background-color:#fff}
.search input{width:100%;background-color:#fff;padding-right:2rem}
.search .btn_search{position:absolute;top:1px;right:0.937rem;bottom:1px;width:1rem;background:url(../images/icon/ico_search.svg) no-repeat 50% 50%;background-size:0.875rem}
.search input[readonly] ~ .btn_search,
.search input[disabled] ~ .btn_search{background-image:url(../images/icon/ico_search_disabled.svg)}
/*** pagination ***/
.pagination{display:flex;justify-content:center;align-items:center;padding-top:2.5rem;color:#858d94;font-size:0.875rem;text-align:center}
.pagination a,
.pagination button,
.pagination span{display:block;color:#767676;font-size:1rem;font-weight:500;line-height:1;transition:.3s}
.pagination a.active,
.pagination button.active,
.pagination span.active{position:relative;width:2.25rem;height:2.25rem;border-radius:0.75rem;background-color:#1a8dff;color:#fff}
.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,
.pagination .next{flex-shrink:0;width:2.25rem;height:2.25rem;background-size:1rem;border:1px solid #dbdbdb;border-radius:0.75rem}
.pagination .prev{margin-right:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16'%3E%3Cpath fill='%23767676' d='M10.843 13.069L6.232 8.384a.546.546 0 0 1 0-.768l4.61-4.685a.55.55 0 0 0 0-.771a.53.53 0 0 0-.759 0l-4.61 4.684a1.65 1.65 0 0 0 0 2.312l4.61 4.684a.53.53 0 0 0 .76 0a.55.55 0 0 0 0-.771'/%3E%3C/svg%3E")}
.pagination .next{margin-left:1.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16'%3E%3Cpath fill='%23767676' d='m5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.55.55 0 0 1 0-.771a.53.53 0 0 1 .759 0l4.61 4.684a1.65 1.65 0 0 1 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0a.55.55 0 0 1 0-.771'/%3E%3C/svg%3E")}
.pagination .prev.disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16'%3E%3Cpath fill='%23dae3eb' d='M10.843 13.069L6.232 8.384a.546.546 0 0 1 0-.768l4.61-4.685a.55.55 0 0 0 0-.771a.53.53 0 0 0-.759 0l-4.61 4.684a1.65 1.65 0 0 0 0 2.312l4.61 4.684a.53.53 0 0 0 .76 0a.55.55 0 0 0 0-.771'/%3E%3C/svg%3E")}
.pagination .next.disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16'%3E%3Cpath fill='%23dae3eb' d='m5.157 13.069l4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.55.55 0 0 1 0-.771a.53.53 0 0 1 .759 0l4.61 4.684a1.65 1.65 0 0 1 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0a.55.55 0 0 1 0-.771'/%3E%3C/svg%3E")}
.pagination .page_num{display:flex;align-items:center}
.pagination .page_num li + li > button,
.pagination .page_num li + li > span{margin-left:1.75rem}
.pagination .page_num li:not(:last-child) > button.active{margin-right:-0.5rem}
.pagination .page_num li:not(:first-child) > button.active{margin-left:1.25rem}
/*** list ***/
/* 블릿 타입 */
.list_bull > li{position:relative;line-height:1.8;color:#000; padding-left:0.875rem}
.list_bull > li:before{content:'';position:absolute;top:0.562rem;left:0;width:0.375rem;height:0.375rem;border-radius:50%;border:1px solid #000;box-sizing:border-box}
.list_bull > li + li{margin-top:0.5rem}
/*** no data ***/
.nodata{ text-align:center}
.nodata .text_box{position:relative;text-align:center;padding-top:0.875rem}
.nodata .text_box:before{content:'';display:block;width:13.937rem;height:11.625rem;background:url(../images/common/character_nodata.png) no-repeat 50% 50% / cover;margin:0 auto 0.75rem}
.nodata .text_box strong{font-weight:600;font-size:1.25rem;line-height:1}
/***** 약관 *****/
.policy_area .tr .btn_sm{line-height:31px}
.policy_area .policy_list > li + li{margin-top:30px}
.policy_area .policy_list > li .policy_sec > dt{font-size:16px;font-weight:900}
.policy_area .policy_list > li .policy_sec > dd{padding-top:10px;line-height:24px}
.policy_area .policy_list > li .policy_sec > dd > .mt{margin-top:10px}
.policy_area .policy_list > li .policy_sec > dd a{text-decoration:underline}
.policy_area .policy_list > li .policy_sec strong{display:block;margin:10px 0 -5px;font-weight:normal}
.policy_area .policy_list > li .policy_sec li{word-break:keep-all}
.policy_area .policy_list > li .policy_sec .alpha_list > li > *,
.policy_area .policy_list > li .policy_sec .num_list > li > *,
.policy_area .policy_list > li .policy_sec .dash_list > li > *{padding-left:0;text-indent:0}
.policy_area .policy_list > li .policy_sec .alpha_list > li{margin-top:10px;padding-left:20px;text-indent:-20px}
.policy_area .policy_list > li .policy_sec .alpha_list.parenthesis > li{margin-top:0;padding-left:27px;text-indent:-27px}
.policy_area .policy_list > li .policy_sec .num_list > li{padding-left:20px;text-indent:-20px}
.policy_area .policy_list > li .policy_sec .alpha_list > li ol,
.policy_area .policy_list > li .policy_sec .dash_list{margin-top:5px}
.policy_area .policy_list > li .policy_sec .dash_list > li{padding-left:10px;text-indent:-10px}
/***** popup *****/
.popup:not(.scroll-content){box-shadow:-3px -3px 10px rgba(0,0,0,0.05),3px 3px 10px rgba(0,0,0,0.06)}
.popup .pop_tit{display:block;font-size:18px;font-weight:500}
.popup .pop_foot{display:flex;}
/***** 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{position:absolute;top:50%;left:50%;width:320px;padding:40px;transform:translate(-50%,-50%)}
.system_alert .popup .pop_cont{text-align:center}
.system_alert .popup .pop_cont .ico + .pop_tit{margin-top:12px}
.system_alert .popup .pop_cont .ico + p{margin-top:16px}
.system_alert .popup .pop_cont .pop_tit{margin-top:-4px}
.system_alert .popup .pop_cont .pop_tit + p{margin-top:10px}
.system_alert .popup .pop_foot{margin-top:16px}
.system_alert .popup .pop_foot .btn{margin-right:8px}
.system_alert .popup .pop_foot .btn:last-child{margin-right:0}
/***** layer popup *****/
.pop_layer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}
.pop_layer.active{display:block}
.pop_layer .dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.7)}
.pop_layer > .popup{position:absolute;top:50%;left:50%;;max-width:calc(100% - (1.75rem * 2));max-height:calc(100% - (1.75rem * 2));transform:translate(-50%,-50%)}
.pop_layer > .popup.hg{width:1600px}
.pop_layer > .popup.lg{width:1200px}
.pop_layer > .popup.md{width:800px}
.pop_layer > .popup .btn_close{position:absolute;top:-3rem;left:50%;background-color:rgba(255,255,255,0.1);border:0;border-radius:6.187rem;font-weight:400;font-size:1rem;color:#fff;line-height:1;padding:0.5rem 0.75rem;transform:translate(-50%,0)}
.pop_layer > .popup .btn_close .ico_close{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='white' d='M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59L7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12L5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4'/%3E%3C/svg%3E") no-repeat 0 0 / cover}
.pop_layer > .popup .pop_head{position:relative}
.pop_layer > .popup .pop_cont{max-height:calc(100vh - 176px);line-height:1.8;background-color:#fff;word-break:break-all;border-radius:0.75rem 0.75rem 0 0;overflow:hidden;}
.pop_layer > .popup .pop_head + .pop_cont{border-radius:0.75rem}
.pop_layer > .popup .pop_cont .tbl_list{table-layout:auto}
.pop_layer > .popup .pop_cont .scroll-element.scroll-y{top:14px;right:0;max-height:calc(100% - 28px)}
.pop_layer > .popup .pop_cont.scroll-content{width:100%;/*max-height:none;*/margin:0;padding:0}
.pop_layer > .popup .pop_cont > div{max-height:inherit}
.pop_layer > .popup .pop_cont .img_wrap,
.pop_layer > .popup .pop_cont .img_wrap img{max-height:inherit}
.pop_layer > .pop_foot .btn:last-child{margin-right:0}
.pop_layer .pop_foot{background-color:#fff;border-radius:0 0 0.75rem 0.75rem;overflow:hidden;padding:1.25rem 1.5rem}
.pop_layer .pop_foot .btn{border-radius:0;border:0;font-size:1rem;font-weight:400;line-height:1}
.pop_layer .pop_foot .btn.btn_today_clos + .btn{margin-left:auto}
.popup .scroll-content.tbl_responsive.scroll-scrollx_visible{padding-bottom:25px}
.popup .scroll-content.tbl_responsive > div{min-width:386px}
.popup.md .scroll-content.tbl_responsive > div{min-width:720px}
.popup.lg .scroll-content.tbl_responsive > div{min-width:1120px}
.popup.hg .scroll-content.tbl_responsive > div{min-width:1520px}
.popup .scroll-wrapper.tbl_responsive > .scroll-element.scroll-x{bottom:0;left:0;max-width:calc(100% - 30px)}
.popup .scroll-wrapper.tbl_responsive > .scroll-element.scroll-y{top:0;right:0;max-height:100%}
/***** system message *****/
.system_msg_area{position:fixed;right:40px;bottom:40px;z-index:10000;pointer-events:none}
/*** toast ***/
.toast{visibility:hidden;position:relative;left:20px;width:320px;margin-top:10px;padding:16px 20px;border-radius:4px;background-color:rgba(0,0,0,.8);opacity:0;transition:all linear .3s}
.toast.active{visibility:visible;left:0;opacity:1}
.toast .toast_cont{display:flex;color:#fff;font-size:14px}
.toast .toast_cont .ico{flex-shrink:0;width:20px;height:20px;margin-right:4px;background-size:100%}
.toast .toast_cont .ico_success{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8s8%203.59%208%208s-3.59%208-8%208zm4.59-12.42L10%2014.17l-2.59-2.58L6%2013l4%204l8-8z%22%2F%3E%3C%2Fsvg%3E')}
/*** snackbar ***/
.snackbar{display:flex;align-items:flex-start;visibility:hidden;position:relative;left:20px;width:320px;margin-top:10px;padding:18px 20px 18px 10px;font-size:14px;border-left:10px solid #5f93fa;border-radius:4px;background-color:#fff;opacity:0;transition:all linear .3s}
.snackbar.active{visibility:visible;left:0;opacity:1}
.snackbar dl{padding-left:28px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%235f93fa%22%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8s8%203.59%208%208s-3.59%208-8%208zm4.59-12.42L10%2014.17l-2.59-2.58L6%2013l4%204l8-8z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.snackbar dl dt{font-weight:500}
.snackbar dl dd{margin-top:1px;color:#767676;font-size:12px}
.snackbar .btn_area{flex-shrink:0;margin-left:auto;padding-top:0}
.snackbar .btn_area > *{margin-left:4px;line-height:1;pointer-events:auto}
.snackbar.progress{border-left-color:#8dc73c}
.snackbar.progress dl{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%238dc73c%22%20d%3D%22M12%206v3l4-4l-4-4v3c-4.42%200-8%203.58-8%208c0%201.57.46%203.03%201.24%204.26L6.7%2014.8A5.87%205.87%200%200%201%206%2012c0-3.31%202.69-6%206-6zm6.76%201.74L17.3%209.2c.44.84.7%201.79.7%202.8c0%203.31-2.69%206-6%206v-3l-4%204l4%204v-3c4.42%200%208-3.58%208-8c0-1.57-.46-3.03-1.24-4.26z%22%2F%3E%3C%2Fsvg%3E')}
.snackbar.error{border-left-color:#eb464b}
.snackbar.error dl{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23eb464b%22%20d%3D%22M14.59%208L12%2010.59L9.41%208L8%209.41L10.59%2012L8%2014.59L9.41%2016L12%2013.41L14.59%2016L16%2014.59L13.41%2012L16%209.41L14.59%208zM12%202C6.47%202%202%206.47%202%2012s4.47%2010%2010%2010s10-4.47%2010-10S17.53%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8s8%203.59%208%208s-3.59%208-8%208z%22%2F%3E%3C%2Fsvg%3E')}
.snackbar.caution{border-left-color:#f2ac0c}
.snackbar.caution dl{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23f2ac0c%22%20d%3D%22M11%2015h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E')}
/*** skipnav ***/
#skipnav a{position:absolute;left:-3000%}
#skipnav a:focus{display:block;top:0;left:0;width:100%;height:30px;color:#fff;line-height:30px;text-align:center;background-color:#039;z-index:100000}
/*** img ***/
img{max-width:100%}
.img_wrap img{width:100%;height:100%;object-fit:cover;object-position:top}
.thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.thumb.no_img{background-color:#f9f9f9;background-image:url(../images/icon/ico_no_img.svg);background-repeat:no-repeat;background-position:50% 50%;background-size:3rem;border:1px solid rgba(0,0,0,.1)}
/*** accordion ***/
.js_accordion_switch{display:block;position:relative;width:100%;line-height:inherit;cursor:pointer;text-align:left}
.js_accordion_content{display:none;width:100%}
.active .js_accordion_content{}
/*** data_list ***/
.data_list{display:flex;flex-wrap:wrap;gap:2.5rem 1.062rem}
.data_list > li{width:calc((100% / 2) - (1.062rem / 2))}
/*** swiper custom ***/
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction{position:relative;bottom:0 !important}
.swiper-pagination-bullet{background-color:transparent;opacity:1}
.swiper-pagination-bullets.swiper-pagination-horizontal{display:flex}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{position:relative;width:0.375rem;height:0.375rem;border-radius:50%;background-color:#000;margin:0 0.375rem}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;border:1px solid #000;margin:0 0.687rem}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before{content:'';display:block;position:absolute;top:50%;left:50%;width:1rem;height:1rem;background-color:transparent;border:1px solid #000;border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%)}
.swiper-start{width:0.562rem;height:0.625rem;background:url(../images/icon/ico_play.svg) no-repeat 0 0 / cover}
.swiper-stop{width:0.687rem;height:0.625rem;background:url(../images/icon/ico_pause.svg) no-repeat 0 0 / cover}
.swiper_controls{justify-content:center;margin-top:0.937rem ;padding-bottom:0.187rem}
.swiper_controls,
.swiper_controls .btn_control{display:flex;align-items:center}
.swiper_controls .btn_control{justify-content:flex-end;width:0.687rem;height:0.625rem;margin-left:0.625rem}
.swiper_controls .swiper-pagination{width:auto;font-size:0}
.swiper-button-next,
.swiper-button-prev{display:block;position:absolute;top:50%;width:3.75rem;height:3.75rem;margin-top:calc(-3.75rem / 2);background-color:#fff;border-radius:50%;box-shadow:0 0 24px 0 rgba(0,0,0,0.16);transform:translateY(-50%);opacity:1}
.swiper-button-next{right:calc(50% - ((1200px / 2) + 1.875rem))}
.swiper-button-prev{left:calc(50% - ((1200px / 2) + 1.875rem))}
.swiper-button-next:after,
.swiper-button-prev:after{content:'';display:block;position:absolute;top:50%;left:50%;width:2rem;height:2rem;background-repeat:no-repeat;background-position:0 0;background-size:cover;transform:translate(-50%,-50%)}
.swiper-button-next:after{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='%23333' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E")}
.swiper-button-prev:after{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='%23333' d='m14 18l-6-6l6-6l1.4 1.4l-4.6 4.6l4.6 4.6z'/%3E%3C/svg%3E")}

/* use_detail_info */
.use_detail_info > dl{display:flex;align-items:flex-start;gap:0.5rem 0.75rem}
.use_detail_info > dl + dl{margin-top:1rem}
.use_detail_info > dl > dt{display:flex;align-items:center;column-gap:0.375rem;flex-shrink:0;width:6.25rem;font-weight:600;font-size:0.875rem;color:#000}
.use_detail_info > dl > dt .ico{flex-shrink:0}
.use_detail_info > dl > dd{width:100%;color:#000}
.use_detail_info > dl:not(.how_to_use) > dd{line-height:1.8}
.use_detail_info > dl > dd > a{color:inherit}
.use_detail_info > dl > dd .tbl_list thead th{line-height:1.5;vertical-align:top}
.use_detail_info > dl > dd .tbl_list tbody td{color:#333;line-height:1.5;vertical-align:top}
.use_detail_info .way{display:flex;flex-wrap:wrap;gap:0.25rem}
.use_detail_info .way > p{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0.25rem}
.use_detail_info .way > p:not(:last-child):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 16 16'%3E%3Cpath fill='%23a5a5a5' fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E") no-repeat 0 0 / cover}


@media (hover:hover) and (pointer:fine) {
    .btn:not(.disabled):hover,
    .btn:not([disabled]):hover,
    .btn:not(.disabled):focus,
    .btn:not([disabled]):focus{background-color:#f9f9f9;border-color:#dbdbdb}

    .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:#11a672;background-color:#11a672}

    .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:#f9f9f9;border-color:#11a672;color:#11a672 !important}

    .btn:not(.fill_primary).disabled:hover,
    .btn[disabled]:not(.fill_primary):hover,
    .btn:not(.fill_primary).disabled:focus,
    .btn[disabled]:not(.fill_primary):focus{color:#a5a5a5 !important}
}

/*PC*/
@media screen and (min-width:1024px){
    .mo{display:none}
    input,select,textarea{font-size:16px;border-radius:12px}
    input{height:48px}

    /*** img ***/
    .img_wrap > a:not(.mo){display:block}

    /*** btn ***/
    /* 버튼 영역 */
    .btn_area{padding-top:28px}
    /*** icon ***/
    .ico_bus{width:28px;height:23px}
    .ico_subway{width:21px;height:28px}
    .ico_car{width:28px;height:22px}
    /*** table ***/
    /* list */
    .tbl_list thead th{font-size:14px;padding-top:11px;padding-bottom:11px}
    .tbl_list tbody td{padding:16px 27px}
    .tbl_list tbody tr:last-child td{padding-bottom:19px}
    .div_list .tr{display:flex;flex-wrap:wrap;align-items:center;column-gap:20px}
    .div_list .thead{background-color:#f7f7f7;border:1px solid rgba(0,0,0,.1);border-top-left-radius:12px;border-top-right-radius:12px}
    .div_list .thead .tr{padding:15px 23px}
    .div_list .thead .th{color:#767676;line-height:1;text-align:center}
    .div_list .tbody .tr{min-height:74px;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);padding:28px 27px 27px}
    .div_list .tbody .tr:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
    .div_list .tbody .td_tit{font-size:18px}
    .div_list .tbody .td_tit a{-webkit-line-clamp:1}
    .div_list .tbody .ico_pin{width:18px;background-position-y:4px;background-size:18px}
    .div_list .tbody .td_date{font-size:16px}
    .div_list .tbody .tr:first-child{border-top-left-radius:12px;border-top-right-radius:12px;border-top:1px solid rgba(0,0,0,.1)}
    .div_list .thead + .tbody .tr:first-child{border-radius:0;border-top:0}
    .div_list .w100p{flex:1}
    /* view*/
    .board_view_thumb.no_img{background-size:80px}
    .board_view_thumb + .board_view{margin-top:40px}
    .board_view > dt{border:1px solid rgba(0,0,0,.1);border-top-left-radius:12px;border-top-right-radius:12px;padding:23px 39px 31px}
    .board_view > dt .tit{font-size:24px}
    .board_view > dt .info > p{font-size:16px}
    .board_view > dt .info > p + p:before{height:16px}
    .board_view > dd{border:1px solid rgba(0,0,0,.1);border-top:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:40px 39px 27px}
    .board_view > dt .badge{margin-bottom:12px}
    .board_view > dd .info .summary{row-gap:20px}
    .board_view > dd .editor{margin-bottom:13px}
    .board_view .attched_file{margin-top:11px;padding-top:27px}
    .board_view .info .summary > dl dt,
    .board_view .info .summary > dl dd{font-size:16px}
    .board_view .info .btn_area{padding-top:32px}
    .board_view > dd div + .editor{margin-top:23px;padding-top:24px}
    .board_prev_next{margin-top:40px}
    .board_prev_next > li{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);padding-left:16px;padding-right:40px}
    .board_prev_next > li:first-child{border-top-right-radius:12px;border-top-left-radius:12px}
    .board_prev_next > li:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}
    .board_prev_next > li dl{padding-left:64px}
    .board_prev_next > li dl dt{width:64px}
    .board_prev_next > li dl dd{height:64px;font-size:16px;padding:24px 0 23px}
    /*** pagination ***/
    .pagination a.active,
    .pagination button.active,
    .pagination span.active{width:40px;height:40px}
    .pagination .prev,
    .pagination .next{width:40px;height:40px;background-size:18px}
    .pagination .prev{margin-right:24px}
    .pagination .next{margin-left:24px}
    /* 블릿 타입 */
    .list_bull > li{padding-left:18px}
    .list_bull > li:before{top:10px}
    /* nodata */
    .nodata .text_box{padding-top:20px}
    .nodata .text_box:before{width:334px;height:280px;margin-bottom:20px}
    .nodata .text_box strong{font-size:32px}
    /*** btn ***/
    /* 버튼 사이즈 */
    .btn_md{height:48px;border-radius:12px;font-size:16px;padding:0 23px}
    /*** form ***/
    /* 첨부 파일 리스트 */
    .file_list li{line-height:18px;padding-left:24px}
    .file_list li:before{width:16px;height:16px}
    .file_list li a{background-size:20px 20px;font-size:16px;padding-right:32px}
    .attched_file{column-gap:20px}
    .attched_file dt{font-size:16px}
    .attched_file dd{min-height:44px;width:calc(100% - 76px)}
    /* 검색폼 */
    .search .btn_search{right:19px;background-size:16px}
    /*** swiper custom ***/
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;margin:0 8px}
    .swiper-pagination-bullet.swiper-pagination-bullet-active:before{width:28px;height:28px}
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{margin:0 18px}
    .swiper_controls .btn_control{margin-left:8px}
    .swiper_controls{margin-top:33px;padding-bottom:10px}

    /* use_detail_info */
    .use_detail_info > dl{gap:12px 20px;position:relative}
    .use_detail_info > dl + dl{margin-top:24px}
    .use_detail_info > dl > dt{column-gap:0.5rem;width:140px;font-size:18px}
    .use_detail_info > dl > dt .ico{width:1.125rem;height:1.125rem}
    .use_detail_info .way{gap:8px}
    .use_detail_info .way > p{gap:8px}

    .pop_layer > .popup .btn_close{width:32px;height:32px;top:-16px;left:auto;right:-16px;background-color:#333;padding:0;transform:translate(0,0)}

    @media screen and (max-width:1360px) {
        .swiper-button-next{right:4.411764705882353vw}
        .swiper-button-prev{left:4.411764705882353vw}
    }
    @media screen and (max-width:1280px) {
        .swiper-button-next{right:20px}
        .swiper-button-prev{left:20px}
    }
}
/*MOBILE*/
@media screen and (max-width:1023px){
    .pc{display:none}

    /*** img ***/
    .img_wrap > a:not( .pc){display:block}

    /*** tab ***/
    .tab_wrap{flex-grow:1}

    /*** table ***/
    /* list */
    .tbl_list tbody td{font-size:0.875rem}
    .div_list .thead{display:none}
    .div_list .thead + .tbody .tr:first-child{border-top:1px solid rgba(0,0,0,.1)}
    .div_list .tbody .td_date{width:100% !important;margin-top:0.5rem}
    /* view */
    .board_view > dt .title_wrap{display:flex;column-gap:1.25rem}
    .board_view > dt .title_wrap .badge{margin-top:0.25rem}
    .board_view > dd .editor img{width:auto !important;height:auto !important}
    /* 블릿 타입 */
    .list_bull > li{font-size:0.875rem}

    /* use_detail_info */
    .use_detail_info > dl > dt{line-height:1.8}
    .use_detail_info > dl > dd{font-size:0.875rem}
    .use_detail_info > dl.how_to_use{flex-direction:column}
    .use_detail_info > dl.how_to_use > dd{margin-top:0.75rem}

    /*** popup ***/
    .pop_layer > .popup{width:100%;}

    @media screen and (max-width:360px){
        .pagination .page_num li + li > button,
        .pagination .page_num li + li > span{margin-left:1.25rem}
        .tbl_list thead th{padding-left:1.25rem;padding-right:1.25rem}
        .data_list > li{width:100%}
        .use_detail_info > dl{column-gap:0.5rem}
    }
    @media (orientation: landscape) {
        .pop_layer > .popup{width:auto;max-height:inherit}
        .pop_layer > .popup .pop_cont{max-height:calc(100vh - 6.25rem)}
        .pop_layer > .popup .pop_cont .img_wrap > a{max-height:inherit}
        .pop_layer > .popup .pop_cont .img_wrap img{width:100%;height:auto}
        .pop_layer .pop_foot{padding:1rem}
    }
}