@charset "UTF-8";

/***** font *****/
/* @font-face {
    font-family:'Pretendard';
    src:url('../fonts/jedoportal/Pretendard/Pretendard-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../fonts/jedoportal/Pretendard/Pretendard-SemiBold.woff') format('woff');
    font-weight:600;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../fonts/jedoportal/Pretendard/Pretendard-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../fonts/jedoportal/Pretendard/Pretendard-Regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../fonts/jedoportal/Pretendard/Pretendard-Light.woff') format('woff');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family:'Pretendard';
    src:url('../fonts/jedoportal/Pretendard/Pretendard-Thin.woff') format('woff');
    font-weight:100;
    font-style:normal;
}

@font-face {
    font-family:'Montserrat';
    src:url('../fonts/jedoportal/Montserrat/Montserrat-ExtraBold.woff') format('woff');
    font-weight:800;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../fonts/jedoportal/Montserrat/Montserrat-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../fonts/jedoportal/Montserrat/Montserrat-SemiBold.woff') format('woff');
    font-weight:600;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../fonts/jedoportal/Montserrat/Montserrat-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'Montserrat';
    src:url('../fonts/jedoportal/Montserrat/Montserrat-Regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
}

@font-face {
    font-family:'Montserrat';
    src:url('../fonts/jedoportal/Montserrat/Montserrat-Light.woff') format('woff');
    font-weight:300;
    font-style:normal;
} */

/* Noto Sans KR */
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 200;
 src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'), 
 url(../fonts/NotoSansKR-Thin.woff) format('woff'), 
 url(../fonts/NotoSansKR-Thin.otf) format('opentype');
 }
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 300;
 src: url(../fonts/NotoSans-Light.woff2) format('woff2'), 
 url(../fonts/NotoSans-Light.woff) format('woff'), 
 url(../fonts/NotoSans-Light.otf) format('opentype');
 }
 @font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 400;
 src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'), 
 url(../fonts/NotoSansKR-Regular.woff) format('woff'), 
 url(../fonts/NotoSansKR-Regular.otf) format('opentype');
 }
 @font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 500;
 src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'), 
 url(../fonts/NotoSansKR-Medium.woff) format('woff'), 
 url(../fonts/NotoSansKR-Medium.otf) format('opentype');
 }
 @font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 600;
 src: url(../fonts/NotoSansKR-Bold.woff) format('woff'), 
 url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 }
 @font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 700;
 src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'), 
 url(../fonts/NotoSansKR-Black.woff) format('woff'), 
 url(../fonts/NotoSansKR-Black.otf) format('opentype');
 }




/***** 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%;border:0;box-sizing:border-box;-webkit-text-size-adjust:none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
fieldset,img,svg{vertical-align:top;border:0}
/* hr,legend,caption{display:none} [오상자이엘] 웹접근성 검사로 인한 추가 (2024.01.25 안영희)*/
table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}
th{font-weight: 500;}
table.hover tr:hover td {font-weight: bold;font-size: 13px;background-color: #8080801a;}
label{vertical-align:top}
input,select,textarea,button{font-size:14px;font-family:inherit;vertical-align:middle;box-sizing:border-box}
input[type="text"], input[type="password"], input,select,textarea{width:100%;padding:0 11px;border:1px solid #c5d1db;border-radius:4px;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
input:hover,select:hover,textarea:hover{border-color:#5963ff}
input:focus,select:focus,textarea:focus{border-color:#5963ff}
::placeholder{color:#a5a5a5;text-align:left;opacity:1;letter-spacing:-0.04em}
:-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:#959ea6 !important;border-color:#c5d1db;background-color:#e6ecf0;outline:none;cursor:default}
input{overflow:hidden;height:30px;line-height:38px;text-overflow:ellipsis;white-space:nowrap;border-radius:4px}
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:48px;cursor:pointer} */
select {width: 175px;padding: 3px 5px;height: 30px;border-radius: 4px;border: 1px solid #c5d1db;box-sizing: border-box;}
select:required:invalid{color:#a5a5a5}
select::-ms-expand{display:none}
option{color:#333}
option[disabled]{display:none}
textarea{padding-top:15px;padding-bottom:15px}
button,input[type=submit]{padding:0;border:0;border-radius:0;background-color:transparent;cursor:pointer}
address,em,i{font-style:normal}
a{color:#20272e;text-decoration:none}
/* body{color:#20272e;font-size:16px;font-family:'Pretendard',Malgun Gothic,'맑은고딕',Dotum,'굴림',Gulim,Helvetica,sans-serif;line-height:1.5} */
/* 폰트 통일 - yhan */
body {
    font-family: 'Noto Sans KR', MalgunGothic, '맑은 고딕','돋움', Dotum, AppleGothic, Sans-serif, Arial;
    font-size: 16px;
    line-height: 1;
    color:#20272e;
    letter-spacing: -1px;
    font-weight: 400;
}
.xdsoft_noselect *{font-family:'Pretendard',Malgun Gothic,'맑은고딕',Dotum,'굴림',Gulim,Helvetica,sans-serif !important}
/***** component *****/
.clearfix:after{content:'';display:block;clear:both}
.clearfix > *{float:left}
.clb{clear:both}
.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0)}
.no_after:after{display:none !important}
.no_before:after{display:none !important}
/*** display ***/
.dn{display:none !important}
.db{display:block !important}
.dib{display:inline-block !important}
.dt{display:table !important}
.dtc{display:table-cell !important}
.df{display:flex !important}
.dif{display:inline-flex !important}
.vh{visibility:hidden !important}
.vv{visibility:visible !important}
/*** flex ***/
.fxww{flex-wrap:wrap !important}
.jcc{justify-content:center !important}
.jcfs{justify-content:flex-start !important}
.jcfe{justify-content:flex-end !important}
.jcsb{justify-content:space-between !important}
.jcsa{justify-content:space-around !important}
.aic{align-items:center !important}
.aifs{align-items:flex-start !important}
.aife{align-items:flex-end !important}
/*** float ***/
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
/*** position ***/
.posr{position:relative !important}
.posa{position:absolute !important}
.posf{position:fixed !important}
.poss{position:static !important}
/*** width ***/
.wa{width:auto !important}
.w100p{width:100% !important}.w90p{width:90% !important}.w80p{width:80% !important}.w70p{width:70% !important}.w60p{width:60% !important}.w50p{width:50% !important}.w40p{width:40% !important}.w30p{width:30% !important}.w20p{width:20% !important}.w10p{width:10% !important}
.w300{width:300px !important}.w200{width:200px !important}.w160{width:160px !important}.w150{width:150px !important}.w120{width:120px !important}.w100{width:100px !important}.w60{width:60px !important}.w50{width:50px !important}
/*** height ***/
.ha{height:auto !important}
.h100p{height:100% !important}
.h300{height:300px !important}.h200{height:200px !important}.h100{height:100px !important}
/*** margin,padding ***/
.ma{margin:auto !important}
.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:#8d006b !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:#eb2f34 !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_bright_blue{color:#5963ff !important}
.fc_bright_green{color:#36b25f !important}
.fc_bright_violet{color:#8f4cff !important}
.fc_cool_grey40{color:#6a7075 !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;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 ***/
.jq_scrollbar{overflow-y:auto;scrollbar-width:none}
.jq_scrollbar::-webkit-scrollbar{display:none}
/*** tip ***/
.tip{color:#959595;font-size:14px}
/*** icon ***/
.ico{display:inline-block;width:24px;height:24px;vertical-align:top}
.ico_success{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2366f%22%20d%3D%22M16.59%207.58L10%2014.17l-3.59-3.58L5%2012l5%205l8-8zM12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010s10-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
.ico_error{background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23eb464b%22%20d%3D%22M11%2015h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8s8%203.58%208%208s-3.58%208-8%208z%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0}
/*** avatars ***/
.avatars{display:inline-flex;overflow:hidden;border-radius:50%}
.avatars img{width:100%;height:100%}
.avatars_group{display:flex}
/* avatars 사이즈 */
/*** tooltip ***/
[data-title]:hover:before{content:attr(data-title);position:absolute;top:calc(100% + 9px);left:50%;width:max-content;color:#fff;font-size:12px;padding:5px 10px;border-radius:5px;background-color:rgba(0,0,0,.5);transform:translateX(-50%)}
[data-title]:hover:after{content:'';position:absolute;top:calc(100% + 3px);left:50%;border-width:0 6px 6px;border-style:solid;border-color:transparent;border-bottom-color:rgba(0,0,0,.5);transform:translateX(-50%)}
/*** Popover ***/
.popover{}
/*** input ***/
.input{position:relative}
.input input{color:#333}
.input .btn_del{display:none;position:absolute;top:50%;right:12px;width:16px;height:16px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath d="M0 0h24v24H0z"%2F%3E%3Cpath fill="%236a7075" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-6.489 5.8a1 1 0 0 0-1.218 1.567L10.585 12l-1.292 1.293l-.083.094a1 1 0 0 0 1.497 1.32L12 13.415l1.293 1.292l.094.083a1 1 0 0 0 1.32-1.497L13.415 12l1.292-1.293l.083-.094a1 1 0 0 0-1.497-1.32L12 10.585l-1.293-1.292l-.094-.083z"%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') 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}
.input + .tip{margin-top:4px}
.input + .tip.fc_error{display:none}
.input.success:after{content:'';position:absolute;top:50%;right:12px;width:16px;height:16px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%235f93fa" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Ccircle cx="12" cy="12" r="9"%2F%3E%3Cpath d="m9 12l2 2l4-4"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.error:after{content:'';position:absolute;top:50%;right:12px;width:16px;height:16px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath d="M0 0h24v24H0z"%2F%3E%3Cpath fill="%23eb2f34" d="M12 2c5.523 0 10 4.477 10 10a10 10 0 0 1-19.995.324L2 12l.004-.28C2.152 6.327 6.57 2 12 2zm.01 13l-.127.007a1 1 0 0 0 0 1.986L12 17l.127-.007a1 1 0 0 0 0-1.986L12.01 15zM12 7a1 1 0 0 0-.993.883L11 8v4l.007.117a1 1 0 0 0 1.986 0L13 12V8l-.007-.117A1 1 0 0 0 12 7z"%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 0;background-size:100%;transform:translateY(-50%)}
.input.error input{border-color:#eb464b;padding-right:38px}
.input.active input,.input.success input{padding-right:38px}
.input.error + .tip.fc_error{display:block}

.input_xs input{height:32px;padding:0 11px;font-size:12px}
.input_xs.active input, .input_xs.error input, .input_xs.success input{padding-right:31px}
.input_xs .btn_del,.input_xs.error:after,.input_xs.success:after{right:12px;width:20px;height:20px}
.input_sm input{height:36px;padding:0 15px;font-size:14px}
.input_sm.active input, .input_sm.error input, .input_sm.success input{padding-right:39px}
.input_sm .btn_del,.input_sm.error:after,.input_sm.success:after{right:16px;width:20px;height:20px}
.input_lg input{height:56px;padding:0 23px;font-size:18px}
.input_lg.active input, .input_lg.error input, .input_lg.success input{padding-right:59px}
.input_lg .btn_del,.input_lg.error:after,.input_lg.success:after{right:24px;width:28px;height:28px}
/*** 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:16px;padding-left:20px;cursor:pointer}
.checkbox label:before,.radio label:before{content:'';position:absolute;top:50%;left:0;width:16px;height:16px;transform:translateY(-50%)}
.checkbox label:before{background:url('../images/jedoportal/icon/ico_square.png') no-repeat 0 0}
.checkbox label:hover:before{background-image:url('../images/jedoportal/icon/ico_square_h.png')}
.checkbox :checked ~ label:before{background-image:url('../images/jedoportal/icon/ico_square_chk.png')}
.checkbox :checked ~ label:hover:before{background-image:url('../images/jedoportal/icon/ico_square_chk_h.png')}
/* .checkbox :checked ~ label{color:#8d006b;font-weight:700} [오상자이엘] 웹접근성 검사로 인한 추가 (2024.01.25 안영희)*/
.radio label:before{background:url('../images/jedoportal/icon/ico_radio.png') no-repeat 0 0}
.radio label:hover:before{background-image:url('../images/jedoportal/icon/ico_radio_h.png') !important}
.radio :checked ~ label:before{background:url('../images/jedoportal/icon/ico_radio_chk.png') no-repeat 0 0}
.radio :checked ~ label:hover:before{background-image:url('../images/jedoportal/icon/ico_radio_chk_h.png') !important}
.checkbox input[disabled] ~ label:before,
.checkbox input[disabled] ~ label:hover:before{background-image:url('../images/jedoportal/icon/ico_square_dis.png')}
.checkbox input[disabled]:checked ~ label:before{background-image:url('../images/jedoportal/icon/ico_square_chk_dis.png')}
.radio input[disabled] ~ label:before,
.radio input[disabled] ~ label:hover:before{background-image:url('../images/jedoportal/icon/ico_radio_dis.png')}
.radio input[disabled]:checked ~ label:before{background-image:url('../images/jedoportal/icon/ico_radio_chk_dis.png')}
.checkbox.txt label,.radio.txt label{padding-left:20px;line-height:24px}
.checkbox.txt label:hover,.checkbox.txt :checked ~ label,
.radio.txt label:hover,.radio.txt :checked ~ label{color:#5963ff;font-weight:600}
.chk_sm label{min-height:20px;padding-left:20px;line-height:20px}
.chk_sm label:before{background-size:20px}
.chk_sm.txt label{padding-left:22px;line-height:22px;font-size:14px}
.radio_sm label{min-height:20px;padding-left:20px;line-height:20px}
.radio_sm label:before{background-size:20px}
.radio_sm.txt label{padding-left:22px;line-height:22px;font-size:14px}
/*** select ***/
.nice-select{display:inline-block;position:relative;width:162px;vertical-align:top}
.nice-select .current{display:block;overflow:hidden;position:relative;height:40px;padding:0 39px 0 11px;color:#333;line-height:38px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #e6ecf0;border-radius:4px;background-color:#fff;cursor:pointer} 
.nice-select .current:hover{border-color:#6a7075}
.nice-select:focus-visible{outline:none;}
.nice-select:focus-visible .current{border-color:#5963ff !important}
.nice-select .current:after{content:'';position:absolute;top:0;right:12px;bottom:0;width:24px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cpath fill="none" stroke="%2320272e" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%;transition:all 0.5s}
.nice-select .current + .list{display:none;overflow-y:auto;position:absolute !important;top:calc(100% + 12px);left:0;width:100%;max-height:176px;font-size:14px;line-height:1;border:1px solid #c5d1db;border-radius:4px;background-color:#fff;z-index:1}
.nice-select .list li{padding:15px 15px 15px;color:#333;font-size:14px;cursor:pointer}
.nice-select .list li:first-child.disabled{display:none}
.nice-select .list li:hover{background-color:#f2f6ff;color:#5963ff;font-weight:500}
.nice-select .list li.selected{color:#5963ff;font-weight:700}
.nice-select.placeholder .current{color:#a5a5a5}
.nice-select.open:not(.disabled) .current:after{transform:rotate(180deg)}
.nice-select.open:not(.disabled) .current + .list{display:block}
.nice-select.disabled .current{color:#959ea6;background-color:#e6ecf0;border-color:#c5d1db !important;cursor:default}
.nice-select.disabled .current:after{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cpath fill="none" stroke="%23959ea6" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 9l6 6l6-6"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')}
.nice-select .scroll-wrapper > .scroll-element.scroll-y{top:6px;right:6px;width:2px;height:calc(100% - 12px);max-height:calc(100% - 12px)}
.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:2px;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:2px}
.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:114px}
.sel_xs .current{height:32px;padding-right:39px;padding-left:11px;font-size:12px;line-height:30px}
.sel_xs .current:after{right:12px;width:16px;background-size:16px}
.sel_xs .current + .list{top:40px;max-height:142px}
.sel_xs .list li{padding:5px 11px;font-size:12px}
.sel_sm{width:136px}
.sel_sm .current{height:36px;padding-right:51px;padding-left:15px;font-size:14px;line-height:34px}
.sel_sm .current:after{right:16px;width:20px;background-size:20px}
.sel_sm .current + .list{top:44px;max-height:162px}
.sel_sm .list li{padding:6px 11px 5px;font-size:14px}
.sel_lg{width:191px}
.sel_lg .current{height:56px;padding-right:75px;padding-left:23px;font-size:18px;line-height:54px}
.sel_lg .current:after{right:24px;width:28px;background-size:28px}
.sel_lg .current + .list{top:64px;max-height:202px}
.sel_lg .list li{padding:7px 19px 6px;font-size:18px}
/*** textarea ***/
.scroll-textarea{border-color:#dbdbdb;border-radius:5px}
.scroll-textarea > .scroll-content > textarea{padding:15.5px 15px}
.scroll-textarea > .scroll-content.scroll-scrolly_visible > textarea{padding-right:0}
.scroll-textarea > .scroll-element.scroll-y{top:8px;right:8px;width:6px;height:calc(100% - 16px)}
.scroll-textarea > .scroll-element .scroll-element_outer{top:0;height:100%;border-radius:0}
.scroll-textarea > .scroll-element .scroll-arrow{display:none}
.scroll-textarea > .scroll-element .scroll-element_track .scroll-element_inner-bottom{background:none}
.scroll-textarea > .scroll-element .scroll-bar{right:0;left:auto;width:4px;border-radius:999px;transition:width .4s,background-color .4s}
.scroll-textarea > .scroll-element .scroll-bar:hover,
.scroll-textarea > .scroll-element.scroll-draggable .scroll-bar{width:100%;background-color:#8d006b;transform:none}
.scroll-textarea.active{border-color:#8d006b} 
/*** btn ***/
.btn{display:inline-flex;justify-content:center;align-items:center;position:relative;height:28px;padding:0 11px;font-size:14px;font-weight:500;vertical-align:top;text-align:center;border:1px solid;border-radius:4px;transition:all ease .5s}
.btn:before{display:inline-block;background-size:14px}
.btn span{position:relative;font-weight:500}
.btn svg{width:16px;height:16px}
.btn svg:first-child:not(:only-child){margin-right:4px}
.btn svg:last-child:not(:only-child){margin-left:4px}
.btn.btn_icon{padding:0 5px}
.btn.btn_icon svg{margin:0 !important}
.btn.disabled,
.btn[disabled]{color:#c5d1db !important;cursor:default;border-color:#e6ecf0 !important;background-color:#e6ecf0 !important;box-shadow:none !important}
.btn.disabled svg path,
.btn[disabled] svg path,
.btn.disabled svg g,
.btn[disabled] svg g{stroke:#c5d1db !important}
.btn.square{border-radius:4px}
/* 버튼 사이즈 */
 
.btn_lg{min-width:120px;height:40px;padding:0 19px;font-size:16px;border-radius:8px}
.btn_lg svg{width:20px;height:20px}
.btn_lg:before{background-size:20px}
.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;min-width:auto}
.btn.line_grey20 svg path,.btn.line_grey20 svg g{fill:#131416}
.btn.line_grey20.btn.disabled{color:#ccc !important;border-color:#eaeaea}
.btn.line_grey20.btn.disabled svg path, .btn.line_grey20.btn.disabled g{fill:#ccc;stroke:#ccc}
/* 알약 */
.pill{border-radius:2em !important}
/* 밑줄 버튼 */
.btn_txt{padding:0 4px !important;border:0;border-bottom:1px solid;border-radius:0}
/* 상단 버튼 */
.btn_top{position:fixed;right:40px;bottom:40px;width:50px;height:50px;border:1px solid #e7e8e9;background-color:#fff;z-index:990;opacity:0;transition:all ease-in-out .4s}
.btn_top.active{opacity:1}
/* 버튼 영역 */
.btn_area{display:flex;align-items:center;justify-content:center;padding-top:12px}
/*** badge ***/
.badge{display:inline-flex;justify-content:center;align-items:center;position:absolute !important;top:0;left:100%;min-width:20px;padding:0 6px;font-size:12px;line-height:20px;vertical-align:top;border:1px solid;border-radius:2em;transform:translate(-50%,-50%);transition:all linear .3s}
.badge.circle{padding:0;font-size:10px;border-radius:50%}
.badge.circle svg{width:12px;height:12px}
.badge.dot{width:8px;min-width:auto;height:8px;padding:0;border-radius:50%}
/* badge 사이즈 */
.badge_md{min-width:26px;padding:0 7px;line-height:24px}
.badge_md.circle{font-size:12px}
.badge_md.circle svg{width:14px;height:14px}
.badge_md.dot{width:12px;height:12px}
/* chip */
.chip{display:inline-flex;justify-content:center;align-items:center;border:1px solid;border-radius:2em;transition:all linear .3s}
.chip span:first-child:not(:only-child){padding-right:4px}
.chip span:last-child:not(:only-child){padding-left:4px}
.chip svg{vertical-align:top}
.chip.disabled{color:#ccc !important;cursor:pointer}
.chip.disabled svg path,
.chip.disabled svg g{stroke:#ccc !important}
/* chip 사이즈 */
.chip_sm{height:24px;padding:0 3px;font-size:12px}
.chip_sm span{padding:0 8px}
.chip_sm .avatars,.chip_sm svg{width:16px;height:16px}
.chip_md{height:32px;padding:0 5px;font-size:14px}
.chip_md span{padding:0 10px}
.chip_md .avatars,.chip_md svg{width:20px;height:20px}
.chip_lg{height:40px;padding:0 7px;font-size:16px}
.chip_lg span{padding:0 8px}
.chip_lg .avatars,.chip_lg svg{width:24px;height:24px}
/*** 컬러 ***/

.fill_primary{color:#fff;border-color:transparent;background-color:#8d006b;border-color:#8d006b}
.fill_gra{color:#fff;background-image:linear-gradient(270.53deg, #991F7B 22.37%, #44498D 89.96%), linear-gradient(270.53deg, #991F7B 22.37%, #44498D 89.96%);background-origin:border-box;background-clip:content-box, border-box}
.fill_secondary{color:#fff !important;border-color:#7951f2;background-color:#7951f2}
.btn.fill_secondary:hover,.chip.fill_secondary:hover{border-color:#5d1ee5;background-color:#5d1ee5}
.fill_tertiary{color:#fff !important;border-color:#1595af;background-color:#1595af}
.btn.fill_tertiary:hover,.chip.fill_tertiary:hover{border-color:#196e8c;background-color:#196e8c}
.fill_success{color:#fff !important;border-color:#5f93fa;background-color:#5f93fa}
.btn.fill_success:hover,.chip.fill_success:hover{border-color:#2e62d1;background-color:#2e62d1}
.fill_progress{color:#fff !important;border-color:#8dc73c;background-color:#8dc73c}
.btn.fill_progress:hover,.chip.fill_progress:hover{border-color:#62a30d;background-color:#62a30d}
.fill_error{color:#fff !important;border-color:#eb464b;background-color:#eb464b}
.btn.fill_error:hover,.chip.fill_error:hover{border-color:#9e2022;background-color:#9e2022}
.fill_caution{color:#fff !important;border-color:#f2ac0c;background-color:#f2ac0c}
.btn.fill_caution:hover,.chip.fill_caution:hover{border-color:#e08300;background-color:#e08300}
.fill_grey10{color:#767676 !important;border-color:#f7f7f7;background-color:#f7f7f7}
.fill_grey20{color:#5a5a5a;border-color:#eaeaea;background-color:#eaeaea}
.fill_cool_grey30{color:#fff;border-color:#959ea6;background-color:#959ea6}
.fill_cool_grey40{color:#fff;border-color:#6a7075;background-color:#6a7075}
.btn.fill_grey20 svg{color:#131416}
.btn.fill_grey20:hover{color:#fff !important;background-color:#767676;border-color:#767676}
.btn.fill_grey20:hover svg{color:#fff}
.chip.fill_grey20:hover{border-color:#dbdbdb;background-color:#eaeaea}
.fill_black{color:#fff !important;border-color:#000;background-color:#000}
.fill_primary svg path,.fill_primary svg g,
.fill_secondary svg path,.fill_secondary svg g,
.fill_tertiary svg path,.fill_tertiary svg g{stroke:#fff !important}
.fill_primary.disabled,.fill_primary[disabled],
.fill_secondary.disabled,.fill_secondary[disabled],
.fill_tertiary.disabled,.fill_tertiary[disabled]{color:#ccc !important;border-color:#f7f7f7 !important;background-image:none;background-color:#f7f7f7 !important;background-clip:inherit}
.fill_bright_blue{color:#fff;border-color:#5963ff !important;background-image:none;background-color:#5963ff !important}
.fill_bright_green{color:#fff;border-color:#36b25f !important;background-image:none;background-color:#36b25f !important}
.fill_bright_violet{color:#fff;border-color:#8f4cff !important;background-image:none;background-color:#8f4cff  !important}
/*** 라인 컬러 ***/
.line_primary{color:#8d006b !important;border-color:#8d006b;background-color:#fff}
.line_secondary{color:#7951f2 !important;border-color:#7951f2;background-color:#fff}
.btn.line_secondary:hover,.chip.line_secondary:hover{background-color:#f0edff}
.line_tertiary {color:#1595af !important;border-color:#1595af;background-color:#fff}
.btn.line_tertiary:hover,.chip.line_tertiary:hover{background-color:#edf8ff}
.line_success{color:#5f93fa !important;border-color:#5f93fa;background-color:#fff}
.btn.line_success:hover,.chip.line_success:hover{background-color:#ebf1ff}
.line_progress{color:#8dc73c !important;border-color:#8dc73c;background-color:#fff}
.btn.line_progress:hover,.chip.line_progress:hover{background-color:#f2fae8}
.line_error{color:#eb464b !important;border-color:#eb464b;background-color:#fff}
.btn.line_error:hover,.chip.line_error:hover{background-color:#ffeded}
.line_caution{color:#f2ac0c !important;border-color:#f2ac0c;background-color:#fff}
.btn.line_caution:hover,.chip.line_caution:hover{background-color:#fffbeb}
.line_grey20{color:#5a5a5a !important;border-color:#eaeaea;background-color:#fff}
.line_black{color:#000 !important;border-color:#000;background-color:#fff}
.line_primary svg path,.line_primary svg g{fill:#8d006b !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:#eaeaea !important;background-color:#fff !important}
/*** tab ***/
.tab{display:flex;width:100%}
.tab > li a{display:block}
.tab > li.active a{}
.tab_cont .cont{display:none}
.tab_cont .cont.active{display:block}
/*** table ***/
/* list */
.tbl_list{font-size:14px;border:1px solid #c5d1db}
.tbl_responsive .tbl_list{border:none}
.tbl_responsive{border:1px solid #c5d1db}
.tbl_list thead th{height:30px;font-weight:500;line-height:28px;text-align:center;vertical-align:middle;letter-spacing:-0.28px;border:1px solid #d5dee5;border-bottom:1px solid #c5d1db;background-color:#f2f5f7}
.tbl_responsive .tbl_list thead th{border-top:none}
.tbl_list thead th:not(:last-child){border-right:1px solid #c5d1db}
.tbl_list thead th:not(:first-child){border-left:1px solid #c5d1db}
.tbl_list thead th:first-child{border-left:none}
.tbl_list thead th .checkbox{vertical-align:middle}
.tbl_list thead th .nice-select{}
.tbl_list tbody th{font-weight:normal}
.tbl_list{border:1px solid #c5d1db;border-top:1px solid #d5dee5}
.tbl_list tbody td{height:38px;padding:12px 8px 11px 7px;line-height:16px;text-align:center;vertical-align:middle;letter-spacing:-0.28px;border-right:1px solid #e6ecf0;border-top:1px solid #e6ecf0;background-color:#fff}
.tbl_list tbody td:not(:first-child){border-left:1px solid #e6ecf0}
.tbl_list thead th:last-child,.tbl_list tbody td:last-child{border-right:none}
.tbl_list tbody td:first-child{border-right:1px solid #e6ecf0}
.tbl_list tbody td:last-child{border-left:1px solid #e6ecf0}
.tbl_list tbody td:only-child{border-right:none;border-left:none}
.jq_scrollbar .tbl_list thead th{position:sticky;top:0;z-index:1}
/* 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 > dt{display:table;width:100%;border-top:2px solid #66f;border-bottom:1px solid #e7e8e9;background-color:#f8fafb}
.board_view > dt .tit_area{display:table-cell;width:auto;padding:36px 30px 37px;font-weight:normal}
.board_view > dt .tit_area .tit{font-size:20px;font-weight:700;line-height:24px;vertical-align:middle;word-break:break-all}
.board_view > dt .tit_area .cate{display:block;margin-bottom:10px;color:#66f}
.board_view > dt .date{display:table-cell;width:140px;color:#4a4a4a;font-size:14px;text-align:center;vertical-align:middle}
.board_view > dd{min-height:300px;padding:30px;font-size:14px;line-height:24px;border-bottom:1px solid #e7e8e9}
.board_view > dd.attached_file{min-height:auto;padding-top:10px;padding-bottom:10px}
.board_view > dd.attached_file .file_tit{margin-right:30px}
.board_view > dd.answer{background-color:#f8fafb}
/* 이전글,다음글 */
.board_prev_next > li{border-bottom:1px solid #e7e8e9}
.board_prev_next > li dl{position:relative;padding-left:100px;font-size:13px}
.board_prev_next > li dl dt{position:absolute;top:0;left:0;width:100px;height:42px;color:#4a4a4a;line-height:42px;text-align:center}
.board_prev_next > li dl dd{padding:12px 15px;color:#808080;line-height:18px}
.board_prev_next > li dl dd a{display:inline-block;overflow:hidden;max-width:100%;color:#4a4a4a;vertical-align:top;text-overflow:ellipsis;white-space:nowrap}
.board_prev_next > li:first-child dl dt:after{background-position:-17px 0}
/*** form ***/
/* 날짜 폼 */
.datepicker{width:151px;padding-left :31px;color:#333;font-size:14px;background:#fff url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="%23959ea6" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath d="M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16"%2F%3E%3Cpath d="M8 15h2v2H8z"%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat left 8px top 50% !important;cursor:pointer !important}
.datepicker2{width:151px;padding-right:51px;color:#333;font-size:14px;background:#fff url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%23767676" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Crect width="18" height="18" x="3" y="4" rx="2" ry="2"%2F%3E%3Cpath d="M16 2v4M8 2v4m-5 4h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat right 19px top 50% !important;cursor:pointer !important}
.datepicker.lock{color:#ccc !important;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="%23ccc" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Crect width="18" height="18" x="3" y="4" rx="2" ry="2"%2F%3E%3Cpath d="M16 2v4M8 2v4m-5 4h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important}
.term_form{display:inline-flex;align-items:center}
.term_form input{width:151px}
.term_form .swung{margin:0 10px}
.term_form .pole{margin:0 4px}
/* 휴대전화 폼 */
.phone_form{display:inline-flex;align-items:center}
.phone_form input{width:64px}
.phone_form .nice-select{width:84px}
.phone_form .bar{margin:0 10px}
/* 이메일 폼 */
.email_form{display:inline-flex;align-items:center}
.email_form input{width:310px}
.email_form .nice-select{width:170px}
.email_form .at{margin:0 10px}
.email_form .email_inp{display:none;margin-left:10px}
.email_form .email_inp.active{display:block}
/* 주소 폼 */
.address_form .row + .row{margin-top:8px}
.address_form .row input{width:524px}
.address_form .row .inp_w200{width:200px}
.address_form .row .btn_zipcode{margin-left:10px;color:#4a4a4a !important;border-color:#cacaca}
/* 파일첨부 폼 */
.file{display:flex;align-items:center;position:relative;font-size:14px;line-height:18px}
.file .file_name{overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}
.file .file_name:before{content:'';position:absolute;top:0;left:0;width:18px;height:18px;background:url(../images/jedoportal/iconsp_ico_filename.svg) no-repeat 0 0}
.file .file_size{flex-shrink:0;margin-left:4px}
.file.file_doc .file_name:before,
.file.file_docx .file_name:before{background-position:-28px 0}
.file.file_hwp .file_name:before{background-position:-56px 0}
.file.file_pdf .file_name:before{background-position:-84px 0}
.file.file_ppt .file_name:before,
.file.file_pptx .file_name:before{background-position:-112px 0}
.file.file_xls .file_name:before,
.file.file_xlsx .file_name:before{background-position:-140px 0}
.file.file_zip .file_name:before{background-position:-168px 0}
.file_form{position:relative;display:flex;align-items:center}
.file_form .btn{cursor:pointer}
.file_form .input_file{position:absolute;width:0;height:0;margin:0;padding:0;border:0;opacity:0}
.file_form .btn_file{z-index:1;cursor:pointer;margin-right:12px}
.file_form .file_tip{display:flex;align-items:center;position:absolute;top:0;left:19px;height:70px;color:#66f;line-height:1}
.file_form .file_tip .dragover{display:none}
.file_form .file_tip span{display:block;margin-top:8px;color:#959595;font-size:12px}
.file_form .drop_zone{position:relative}
.file_form .file .btn_del{flex-shrink:0;width:16px;height:16px;margin-left:4px;padding:0;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath d="M0 0h24v24H0z"%2F%3E%3Cpath fill="%236a7075" d="M17 3.34a10 10 0 1 1-14.995 8.984L2 12l.005-.324A10 10 0 0 1 17 3.34zm-6.489 5.8a1 1 0 0 0-1.218 1.567L10.585 12l-1.292 1.293l-.083.094a1 1 0 0 0 1.497 1.32L12 13.415l1.293 1.292l.094.083a1 1 0 0 0 1.32-1.497L13.415 12l1.292-1.293l.083-.094a1 1 0 0 0-1.497-1.32L12 10.585l-1.293-1.292l-.094-.083z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 50% 50%}
.file_form.dragover .file_tip p{display:none}
.file_form.dragover .file_tip p.dragover{display:block}
.file_form.file_icon .file_tip{background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%2366f" d="M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5l-5 5z"%2F%3E%3C%2Fsvg%3E') no-repeat 0 50%}
.file_form.file_icon .drop_zone{}
.file_form.file_icon .drop_zone .area{position:relative}
.file_form.file_icon .file{margin-top:0}
.file_form.file_input{min-height:48px;border:0;background:none}
.file_form.file_input .btn_file{top:0;right:0;border-radius:0 4px 4px 0}
.file_form.file_input .file_tip{top:0;left:0;width:calc(100% - 100px);height:48px;padding-left:15px;color:#a5a5a5;border:1px solid #dbdbdb;border-right:0;border-radius:4px 0 0 4px;background-color:#fff}
.file_form.file_input .drop_zone{min-height:48px;padding:48px 0 0}
.file_form.file_input .file{padding:4px 0 4px 26px;background:none}
.file_form.file_input .file:first-child{margin-top:12px}
.file_form.file_input .file:last-child{margin-bottom:0}
.file_form.file_input .file .btn_del{position:absolute;top:4px;left:0}
.file_form.file_input .file .file_size{margin-right:0;margin-left:auto}
/* 첨부 파일 리스트 */
.file_list li{margin-top:8px;line-height:1}
.file_list li:first-child{margin-top:0}
.file_list li a{display:inline-flex;padding-right:30px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="18" height="18" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%2366f" d="M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zm-1-4l-1.41-1.41L13 12.17V4h-2v8.17L8.41 9.59L7 11l5 5l5-5z"%2F%3E%3C%2Fsvg%3E') no-repeat 100% 50%}
.file_list li a .file_size{margin-right:0}
/* 검색폼 */
.search{display:flex;position:relative;width:100%}
.search input{width:100%;padding-right:63px}
.search .btn_search{position:absolute;top:1px;right:20px;bottom:1px;width:24px;background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23767676" stroke-linecap="round" stroke-width="2" d="m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0Z"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;background-size:24px}
.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="none" stroke="%23ccc" stroke-linecap="round" stroke-width="2" d="m21 21l-4.486-4.494M19 10.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0Z"%2F%3E%3C%2Fsvg%3E')}
.srch_xs input{height:32px;padding:0 39px 0 11px;font-size:12px;line-height:30px}
.srch_xs .btn_search{right:12px;width:16px;background-size:16px}
.srch_sm input{height:36px;padding:0 51px 0 15px;font-size:14px;line-height:34px}
.srch_sm .btn_search{right:16px;width:20px;background-size:20px}
.srch_lg input{height:56px;padding:0 75px 0 23px;font-size:18px;line-height:54px}
.srch_lg .btn_search{right:24px;width:28px;background-size:28px}
/*** pagination ***/
.pagination{display:flex;justify-content:center;align-items:center;padding-top:40px;color:#959595;font-size:16px;text-align:center}
.pagination a,
.pagination span{display:block;min-width:40px;color:#959595;padding:0 4px}
.pagination a.active,
.pagination span.active{color:#8d006b;font-weight:700}
.pagination p{display:flex}
.pagination p span{min-width:auto;padding:0}
.pagination .page_nav{width:40px;height:40px;padding:0;border:1px solid #eaeaea;background-color:#fff;border-radius:50%;background-repeat:no-repeat;background-position:50% 50%}
.pagination .page_nav.disabled{cursor:default}
.pagination .first{margin-right:8px;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="M11.46 8.29a1 1 0 0 0-1.42 0l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L9.16 12l2.3-2.29a1 1 0 0 0 0-1.42Zm3.2 3.71L17 9.71a1 1 0 0 0-1.42-1.42l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .prev{margin-right:24px;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="m11.29 12l3.54-3.54a1 1 0 0 0 0-1.41a1 1 0 0 0-1.42 0l-4.24 4.24a1 1 0 0 0 0 1.42L13.41 17a1 1 0 0 0 .71.29a1 1 0 0 0 .71-.29a1 1 0 0 0 0-1.41Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .next{margin-left:24px;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="m14.83 11.29l-4.24-4.24a1 1 0 0 0-1.42 0a1 1 0 0 0 0 1.41L12.71 12l-3.54 3.54a1 1 0 0 0 0 1.41a1 1 0 0 0 .71.29a1 1 0 0 0 .71-.29l4.24-4.24a1 1 0 0 0 0-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .last{margin-left:8px;background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23959595" d="M8.46 8.29A1 1 0 1 0 7 9.71L9.34 12L7 14.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 0-1.42Zm8.5 3l-3-3a1 1 0 0 0-1.42 1.42l2.3 2.29l-2.3 2.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 .04-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .first:hover{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%238d066b" d="M11.46 8.29a1 1 0 0 0-1.42 0l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L9.16 12l2.3-2.29a1 1 0 0 0 0-1.42Zm3.2 3.71L17 9.71a1 1 0 0 0-1.42-1.42l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .prev:hover{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%238d006b" d="m11.29 12l3.54-3.54a1 1 0 0 0 0-1.41a1 1 0 0 0-1.42 0l-4.24 4.24a1 1 0 0 0 0 1.42L13.41 17a1 1 0 0 0 .71.29a1 1 0 0 0 .71-.29a1 1 0 0 0 0-1.41Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .next:hover{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%238d006b" d="m14.83 11.29l-4.24-4.24a1 1 0 0 0-1.42 0a1 1 0 0 0 0 1.41L12.71 12l-3.54 3.54a1 1 0 0 0 0 1.41a1 1 0 0 0 .71.29a1 1 0 0 0 .71-.29l4.24-4.24a1 1 0 0 0 0-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .last:hover{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%238d006b" d="M8.46 8.29A1 1 0 1 0 7 9.71L9.34 12L7 14.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 0-1.42Zm8.5 3l-3-3a1 1 0 0 0-1.42 1.42l2.3 2.29l-2.3 2.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 .04-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .first.disabled{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23eaeaea" d="M11.46 8.29a1 1 0 0 0-1.42 0l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42L9.16 12l2.3-2.29a1 1 0 0 0 0-1.42Zm3.2 3.71L17 9.71a1 1 0 0 0-1.42-1.42l-3 3a1 1 0 0 0 0 1.42l3 3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .prev.disabled{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23eaeaea" d="m11.29 12l3.54-3.54a1 1 0 0 0 0-1.41a1 1 0 0 0-1.42 0l-4.24 4.24a1 1 0 0 0 0 1.42L13.41 17a1 1 0 0 0 .71.29a1 1 0 0 0 .71-.29a1 1 0 0 0 0-1.41Z"%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="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23eaeaea" d="m14.83 11.29l-4.24-4.24a1 1 0 0 0-1.42 0a1 1 0 0 0 0 1.41L12.71 12l-3.54 3.54a1 1 0 0 0 0 1.41a1 1 0 0 0 .71.29a1 1 0 0 0 .71-.29l4.24-4.24a1 1 0 0 0 0-1.42Z"%2F%3E%3C%2Fsvg%3E')}
.pagination .last.disabled{background-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23eaeaea" d="M8.46 8.29A1 1 0 1 0 7 9.71L9.34 12L7 14.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 0-1.42Zm8.5 3l-3-3a1 1 0 0 0-1.42 1.42l2.3 2.29l-2.3 2.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0 .04-1.42Z"%2F%3E%3C%2Fsvg%3E')}
/*** editor ***/
.cke_contents{min-height:300px}
.editor em{font-style:italic}
.editor ol,.editor ul{padding:0 40px}
.editor ol li{list-style:decimal}
.editor ul li{list-style:disc}
.editor blockquote{padding:2px 8px 2px 20px;font-style:italic;border-left:5px solid #ccc}
.editor hr{display:block}
.editor h1{font-size:2em}
.editor h2{font-size:1.5em}
.editor h3{font-size:1.17em}
.editor h4{font-size:1em}
.editor h5{font-size:0.83em}
.editor h6{font-size:0.67em}
.editor table,.editor table td{border:1px solid gray}
/*** list ***/
/* 블릿 타입 */
.list_bull > li{position:relative;padding-left:13px;line-height:23px;text-align:left;word-break:keep-all}
.list_bull > li:before{content:'';position:absolute;top:9px;left:0;width:3px;height:3px;background-color:#4a4a4a}


/***** 약관 *****/
.policy_area .tr .btn_sm{line-height:31px}
.policy_area .policy_list > li + li{margin-top:30px}
.policy_area .policy_list > li .policy_sec > dt{font-size:16px;font-weight:900}
.policy_area .policy_list > li .policy_sec > dd{padding-top:10px;line-height:24px}
.policy_area .policy_list > li .policy_sec > dd > .mt{margin-top:10px}
.policy_area .policy_list > li .policy_sec > dd a{text-decoration:underline}
.policy_area .policy_list > li .policy_sec strong{display:block;margin:10px 0 -5px;font-weight:normal}
.policy_area .policy_list > li .policy_sec li{word-break:keep-all}
.policy_area .policy_list > li .policy_sec .alpha_list > li > *,
.policy_area .policy_list > li .policy_sec .num_list > li > *,
.policy_area .policy_list > li .policy_sec .dash_list > li > *{padding-left:0;text-indent:0}
.policy_area .policy_list > li .policy_sec .alpha_list > li{margin-top:10px;padding-left:20px;text-indent:-20px}
.policy_area .policy_list > li .policy_sec .alpha_list.parenthesis > li{margin-top:0;padding-left:27px;text-indent:-27px}
.policy_area .policy_list > li .policy_sec .num_list > li{padding-left:20px;text-indent:-20px}
.policy_area .policy_list > li .policy_sec .alpha_list > li ol,
.policy_area .policy_list > li .policy_sec .dash_list{margin-top:5px}
.policy_area .policy_list > li .policy_sec .dash_list > li{padding-left:10px;text-indent:-10px}
/***** popup *****/
.popup:not(.scroll-content){background-color:#fff;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:24px;font-weight:500;line-height:1}
.popup .pop_foot{display:flex;justify-content:center}
/***** system alert *****/
/* .system_alert{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}
.system_alert.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} */

.system_alert{display:none;position:fixed;top:0;right:0;left:0;height:100vh;z-index:1000}
.system_alert.active{display:block}
.system_alert .dim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.4)}
.system_alert .popup{overflow:hidden;position:absolute;top:50%;left:50%;width:440px;transform:translate(-50%,-50%);border-radius:4px}
.system_alert .popup .pop_cont{padding:28px;text-align:center} 
.system_alert .popup .pop_cont .ico{width:56px;height:56px}
.system_alert .popup .pop_cont .ico + .pop_tit{margin-top:12px}
.system_alert .popup .pop_cont .ico + p{margin-top:12px;font-size:18px}
.system_alert .popup .pop_foot .btn{width:100%;border-radius:0}
.system_alert .popup .pop_foot .btn:nth-child(1){border-radius:0 0 0 4px}
.system_alert .popup .pop_foot .btn:last-child{border-radius:0 0 4px 0}
.system_alert .popup .pop_foot .btn:only-child{border-radius:0 0 4px 4px}
.ico_message{background:url(../images/jedoportal/icon/ico_message.png) no-repeat 0 0;background-size:100%}
.ico_bookmark{background:url(../images/jedoportal/icon/ico_bookmark.png) no-repeat 0 0;background-size:100%}

.system_alert.mo_style .popup{width:374px}
.system_alert.mo_style .popup .pop_cont .ico{width:48px;height:48px}
.system_alert.mo_style .popup .pop_cont .ico + p{font-size:16px}
/***** main layer popup *****/
.main_layer{display:none;position:fixed;top:16px;left:16px;width:500px;z-index:1000;border-radius:12px 12px 20px 20px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12)}
.main_layer.active{display:block}
.main_layer .popup{overflow:hidden;position:relative;border-radius:12px 12px 20px 20px}
.main_layer .popup .pop_head{padding:28px 30px 0}
.main_layer .popup .pop_tit{font-size:24px;font-weight:700;line-height:1.5}
.main_layer .popup .pop_head{position:relative}
.main_layer .popup .pop_head .close{position:absolute;right:30px;top:28px;width:26px;height:26px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="26" height="26" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="%23333" d="M6.225 4.811a1 1 0 0 0-1.414 1.414L10.586 12L4.81 17.775a1 1 0 1 0 1.414 1.414L12 13.414l5.775 5.775a1 1 0 0 0 1.414-1.414L13.414 12l5.775-5.775a1 1 0 0 0-1.414-1.414L12 10.586L6.225 4.81Z"%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat}
.main_layer .popup .pop_head:after{content:'';display:block;height:1px;margin-top:12px;background-color:#dbdbdb}
.main_layer .popup .editor{padding:0 8px}
.main_layer .popup .pop_cont{padding:20px 30px 0;line-height:1.8}
.main_layer .popup .pop_cont .close_area{padding-top:16px}
.main_layer .popup .pop_foot .btn{width:100%;border-radius:0}
.main_layer .popup .checkbox label{padding-left:32px}
.main_layer .close_area{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 30px;background-color:#fff;border-radius:0 0 12px 12px}
.main_layer.type2 .close_area{padding:8px 12px}
.main_layer.type2 .close_area label{padding-left:32px;font-weight:500}
.main_pop_1 .checkbox label{line-height:22px}
.main_pop.main_layer.type2{width:auto}
#mainPop2{left:374px}


/***** 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%;width:600px;max-width:calc(100% - 40px);max-height:calc(100% - 40px);border:1px solid #000;transform:translate(-50%,-50%)}
.pop_layer > .popup.lg{width:800px}
.pop_layer > .popup .btn_close{position:absolute;top:50%;right:28px;width:24px;height:24px;background:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="none" stroke="%23959595" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 6L6 18M6 6l12 12"%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50%;transform:translateY(-50%)}
.pop_layer > .popup .pop_head{position:relative;padding:27px 27px 28px;color:#fff;background-color:#000}
.pop_layer > .popup .pop_cont{width:100%;max-height:calc(100vh - 176px);padding:27px 27px 28px;line-height:1.8;word-break:break-all}
.pop_layer > .popup .pop_cont .tbl_list{table-layout:auto}
.pop_layer > .popup .pop_cont>.scroll-element.scroll-y{top:0;right:0;max-height:100%}
.pop_layer > .popup .pop_cont.scroll-content{width:100%;max-height:none;height:auto !important;margin:0;padding:0}
.pop_layer > .popup .pop_foot{padding:0 27px 27px}
.pop_layer > .popup .pop_foot .btn{margin-right:8px}
.pop_layer > .popup .pop_foot .btn:last-child{margin-right:0}
/***** system message *****/
.system_msg_area{position:fixed;right:40px;bottom:40px;z-index:10000;pointer-events:none}
/*** toast ***/
.toast{visibility:hidden;position:relative;left:20px;width:320px;margin-top:10px;padding:16px 20px;border-radius:4px;background-color:rgba(0,0,0,.8);opacity:0;transition:all linear .3s}
.toast.active{visibility:visible;left:0;opacity:1}
.toast .toast_cont{display:flex;color:#fff;font-size:14px}
.toast .toast_cont .ico{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;}
#skipnav a:focus{outline: 3px solid #ff0000;margin: 5px; width: calc(100vw - 26px);}/*[오상자이엘] 웹접근성 검사로 인한 추가 (2024.01.25 유지인)*/
button{letter-spacing:-0.04em}


/* 팝업 */
.pop_layer .tel_duble_chk>div{margin-bottom:20px}
.pop_layer .tel_duble_chk>div .input_box{display:flex}
.pop_layer .tel_duble_chk>div .input_box .input{width:100%}
.pop_layer .tel_duble_chk>div .input_box .input:not(:only-child){width:calc(100% - 101px);margin-right:12px}
.pop_layer .tel_duble_chk ~ .txt{color:#5a5a5a;font-size:14px;line-height:1.5}


.pop_layer.type2 > .popup{width:700px;border:none}
.pop_layer.type2 > .popup .pop_head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 15px;background-color:#fff;border-bottom:1px solid #333}
.pop_layer.type2 > .popup>.pop_cont{padding:40px}
.pop_layer.type2 .popup .pop_tit{display:flex;align-items:center;color:#333;font-size:20px}
.pop_layer.type2 .popup .pop_tit:before{content:'';display:block;width:32px;height:32px;margin-right:8px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}
.pop_layer.type2 > .popup .pop_head .btn_area{padding-top:0}
.pop_layer.type2 > .popup .pop_head .btn_area .btn{margin-left:8px}
.pop_layer.type2 .article_box{padding-bottom:19px;color:#767676;border-bottom:1px solid #000}
.pop_layer.type2 .article_box>p{line-height:1}
.pop_layer.type2 .article_box>div{margin-top:16px;color:#000;font-size:20px;font-weight:700}
.pop_layer.type2 .email_form{width:100%}
.pop_layer.type2 .email_form>div{width:100%}
.pop_layer.type2 .email_form h2{padding:30px 0 16px 8px;font-size:24px;font-weight:700;line-height:1}
.pop_layer.type2 .email_form .box{margin-top:16px}
.pop_layer.type2 .email_form .box .input{margin-top:12px}
.pop_layer.type2 .email_form .scroll-textarea{height:128px;border-radius:28px}
.pop_layer.type2 .email_form textarea{padding:19px 23px;font-size:18px}
.pop_layer.type2  > .popup .pop_cont>.scroll-element.scroll-y{max-height:calc(100% - 32px);top:16px;right:16px}
.pop_layer .scroll-wrapper > .scroll-element.scroll-y{width:4px}
.pop_layer .scroll-wrapper > .scroll-element .scroll-bar:hover{width:4px}
.pop_layer .scroll-textarea.scroll-wrapper > .scroll-element.scroll-y{right:8px;top:20px;max-height:calc(100% - 40px)}
.fxg0{flex-grow:0 !important}
.fxg1{flex-grow:1 !important}

 

.line_grey30{color:#20272e !important;border-color:#a5a5a5;background-color:#fff}
.btn.line_grey30.disabled{color:#c5d1db;border-color:#c5d1db !important;background-color:#e6ecf0 !important}
.btn.line_grey30.disabled svg{}
/* 탭 */
.tab{display:flex;flex-wrap:wrap}
.tab>li{border:1px solid #c5d1db;cursor:pointer;border-radius:999px}
.tab>li + li{margin-left:8px}
.tab>li>a{display:block;text-align:center;font-size:14px;padding:0 15px;line-height:30px;border-radius:999px;background-color:#fff}
.tab>li.active>a{color:#fff;background-color:#20272e}
.tab>li>a:hover{color:#fff;background-color:#20272e;}

/* 탭 디자인 추가 - 20240222 오상자이엘 안영희 */
.divi-tab.tab{display:flex;flex-wrap:wrap;width:474px;}
.divi-tab.tab>li{border:1px solid #e6ecf0;cursor:pointer;border-radius:999px}
.divi-tab.tab>li + li{margin-left:5px}
.divi-tab.tab>li>a{display:block;text-align:center;font-size:12px;padding:0 15px;line-height:30px;border-radius:999px;background-color:#fff}
.divi-tab.tab>li.active>a{color:#fff;background-color:#20272e}
.divi-tab.tab>li>a:hover{color:#fff;background-color:#20272e;}

/* 기타 기본 탭 */
ul.jedoportal_cmmTab {display: flex;overflow: hidden;width: 100%;padding-left : 0px !important;margin-bottom: 10px;}
ul.jedoportal_cmmTab li{display: block;float: left;border-right: none;background-color: #fff;text-align: left;cursor: pointer;font-size: 14px;color: #000;line-height: 1;font-weight: 400; border-right: 1px solid #c5d1db;border-top: 1px solid #c5d1db;border-bottom: 1px solid #c5d1db;}
ul.jedoportal_cmmTab li:hover { background-color: white;border-top: 2px solid #000;border-bottom: none;}
ul.jedoportal_cmmTab li:first-child{ border-left: 1px solid #c5d1db;}
ul.jedoportal_cmmTab li a { display: block;color: #20272e;font-size: 14px;text-decoration: none;text-align: center;line-height: 1;padding: 15px 13px 16px;min-width: 75px;}	
ul.jedoportal_cmmTab li.on { border-top: 2px solid #000;border-bottom: 0;}
ul.jedoportal_cmmTab li.on a { color: #000;background: #fff;border-bottom: 0;font-weight: 500;}
.jedoportal_cmmTabCont [data-tab] {display:none;}
.jedoportal_cmmTabCont .on[data-tab] {display:block;}

.btn_area .btn + .btn{margin-left:8px}

.btn.fill:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;background-color:#00000033;opacity:0;z-index:0;transition:0.3s opacity}
.btn.fill>span{z-index:1}
.btn.icon:before{content:'';display:block;width:16px;height:16px;margin-right:4px}

@media (hover: hover) and (pointer:fine) {
.btn.fill_gra:hover{background:linear-gradient(270.53deg, #7B1963 22.37%, #2C3177 89.96%);box-shadow:0px 4px 12px rgba(0, 0, 0, 0.15)}  
.btn.line_grey30:hover{color:#20272e !important;border-color:#959ea6 !important;background-color:#e6ecf0}
.chip.line_grey30:hover{color:#20272e !important;border-color:#959ea6 !important;background-color:#e6ecf0}
.btn.fill_primary:hover,.chip.fill_primary:hover{color:#131416;border-color:#8aabf2;background-image:none;background-color:#fff}
.btn.line_grey20:hover{background-color:#f7f7f7}
.chip.line_grey20:hover{background-color:#f7f7f7}
.btn.line_primary:hover,.chip.line_primary:hover{background-color:#f7f7f7}
.btn.fill:hover:after{opacity:1}
}