@charset "utf-8";
/* reset style */
*{box-sizing: border-box}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;}
html, body, div,  p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, textarea, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template {margin: 0;padding: 0;border: 0;font-size: inherit;font-family: inherit;vertical-align: baseline;box-sizing: border-box;word-break: keep-all;}
a, span, em{box-sizing: border-box;}
a:link,a:visited{color:#494949}
a,a:active,a:hover,a:link,a:visited{text-decoration:none;outline:none;}
a:focus {outline:none;}
img{border:none;}
img, video, audio {max-width:100%; max-height:100%;}
figure, figcaption{margin:0;padding:0}
b, strong{ font-weight: 600; }
em, dfn, cite, address,i{font-style: normal;}
mark {background-color: #ff0; color: #000;}
small {font-size: 90%;}
sup,sub{position: relative;font-size: 0.9em;line-height: 0;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
del{color: #aaa !important; text-decoration: line-through; }
label{cursor:pointer;}
switch{display: none}
ul, ul>li,
ol, ol>li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;display:table}
caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}
fieldset {border:none;min-width: 0;}
hr {overflow:hidden; position:absolute; height:0; width:0;}
template {display:none;}
.clearfix {display: block;}
.clearfix:after{content: "";display: table;clear: both;}
.clear {clear:both;}
.hide {display:none;}
.sr-only, .skip, .blind {position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;}
br{font-size:0;}
:lang(ko) body{background: url(../images2/main/body_bg.png) repeat-x 0 0;position:relative;color:#555;font-family:'Pretendard','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;letter-spacing: -0.03em;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;}
:lang(ko) body.sub_bg{height:auto;background: url(../images2/sub/sub_bg.png) repeat-x 0 0;position:relative;color:#555;font-family:'Pretendard','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;letter-spacing: -0.03em;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;}
:lang(ko) body.login_body{background: none;position:relative;color:#555;font-family:'Pretendard','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;letter-spacing: -0.03em;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;}
:lang(zh-CN) body{font-family:"Helvetica Neue","Helvetica","Arial",sans-serif}
:lang(ja) body{font-family:Hiragino Kaku Gothic Pro,osaka,sans-serif}
:lang(en) body{font-family: 'Roboto','Frutiger Linotype',sans-serif;}

/* 입력 form */
input{font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle;font-family:'Pretendard','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}
input[type="text"],input[type="search"]{-webkit-border-radius:0; -webkit-appearance:none;}
input[type="file"]{border:none}
input[type="radio"],input[type="checkbox"]{border:none}
button{text-transform: none; vertical-align: middle}
button,[type="button"],[type="reset"],[type="submit"] {background-color:transparent; cursor: pointer; -webkit-border-radius:0; -webkit-appearance:none;}
select{padding:0 5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif;}
select::-ms-expand {display: none;}
textarea{font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle; resize:none;}
input[disabled="disabled"]{background-color:#ebebeb; color:#959595}
select[disabled="disabled"]{background-color:#ebebeb; color:#959595}
/* 스킵내비게이션 */
#skipnavi{position:absolute;top:-1px;left:0;background-color:#333;z-index:999999}
#skipnavi a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000;}
#skipnavi a:link{color:#333;}
#skipnavi a:focus{margin-top:0;text-decoration:underline;color:#fff}
#accessibility a:active,
#accessibility a:focus,
#accessibility a:hover{color:#000;text-decoration:underline}.clearfix{width:100%}.clearfix:after,.clearfix:before{content:"";display:block;visibility:hidden;clear:both}
.ui-border{border:1px solid #ededed;}
.message-icon2,.ui-message .message-icon{border-radius:50%;background-color:#efefef;}
.ui-message{clear:both;margin:0 auto;padding:70px 50px;}
.ui-message p,.ui-message strong{display:block;font-size:20px;line-height:1.4;text-align:center;}
.ui-message strong{color:#000;font-size:32px;}
.ui-message .message-icon{margin:0 auto 20px;padding:20px;width:100px;height:100px;}
.ui-message strong.small-text{font-size:20px;}
.message-icon2,.ui-message .message-icon{border-radius:50%;background-color:#efefef}
.ui-message{clear:both;margin:0 auto;padding:70px 50px}
.ui-message p,.ui-message strong{display:block;font-size:20px;line-height:1.4;text-align:center}
.ui-message strong{color:#000;font-size:32px}
.ui-message .message-icon{margin:0 auto 20px;padding:20px;width:100px;height:100px}
.ui-message strong.small-text{font-size:20px}
.message-icon2{width:200px;height:200px;margin:0 auto 40px;padding:60px 30px}
.message-icon2 svg{display:block;overflow:hidden}
.message-icon2 svg #screen{overflow:hidden}
.message-icon2 svg #XMLID_2_{transform:translateY(100%)}
.message-icon2 svg #XMLID_2_.run-animation{animation:slide_top 5s forwards;animation-delay:1.5s;-webkit-animation:slide_top 5s forwards;-webkit-animation-delay:2s}
.message-icon2 svg #XMLID_1_{transform:translateX(-50%)}
.message-icon2 svg #XMLID_1_.run-animation{animation:slide_left .5s forwards;animation-delay:1s;-webkit-animation:slide_left .5s forwards;-webkit-animation-delay:1s}
@-webkit-keyframes slide_top {20%,80%{transform:translateY(80%)}100%{transform:translateY(0)}}
@keyframes slide_top {20%,80%{transform:translateY(20%)}100%{transform:translateY(0)}}
@-webkit-keyframes slide_left {100%{transform:translateX(0)}}
@keyframes slide_left {100%{transform:translateX(0)}}
#run{display:inline-block;position:relative;margin-top:100px;margin-bottom:60px;padding:1em 2em;border:none;border-radius:4px;background-color:#ff0081;box-shadow:0 2px 25px rgba(255,0,130,.5);color:#fff;font-size:1em;font-family:Helvetica,Arial,sans-serif;cursor:pointer;appearance:none;transition:transform ease-in .1s,box-shadow ease-in .25s;-webkit-appearance:none}
#run:after,#run:before{position:absolute;z-index:-1000;left:-20%;width:140%;height:100%;background-repeat:no-repeat;content:'';transition:all ease-in-out .5s}
#run:before{display:none;top:-75%;background-image:radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,transparent 20%,#ff0081 20%,transparent 30%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,transparent 10%,#ff0081 15%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}
#run:after{display:none;bottom:-75%;background-image:radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,transparent 10%,#ff0081 15%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%),radial-gradient(circle,#ff0081 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}
#run:active{background-color:#e60074;box-shadow:0 2px 25px rgba(255,0,130,.2);transform:scale(.9)}
#run.animate:before{display:block;animation:topBubbles ease-in-out .75s forwards}
#run.animate:after{display:block;animation:bottomBubbles ease-in-out .75s forwards}
@keyframes topBubbles {0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}
@keyframes bottomBubbles {0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}}



/*팝업창 관련*/
.pop_font{text-indent:15px; margin-left:10px; float:left;}
.pop_font a:link{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:visited{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:active{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF;}
.pop_font a:hover{ font-size:14px; line-height:26px; letter-spacing:0; color:#FFFFFF; font-weight:bold;}

.pop_font{}
.pop_font button{color:#fff !important; background:none !important;}
.pop_close{width:48px; float:right;}
.pop_close img{margin-top:4px;margin-bottom: 0px;}
.pop_close button{background:none !important;}
.pop_close a {display: block;line-height: 26px;padding:0;border: none;background: none !important;}
.pop_con_box{ background:#ffffff; margin-left:6px;margin-right:6px;}
.pop_con_box img{margin:0}
.pop_bt_bg{height:26px; background:#000000; }
.pop_bg{background: #ddd;padding:6px 0px 6px 0px;}

/* width */
.w50 {width: 50px !important;}
.w80 {width: 80px !important;}
.w120 {width: 120px !important;}
.w146 {width: 146px !important;}
.w160 {width: 160px !important;}
.w180 { width:180px;}
.w200 { width:200px !important;}
.w220 { width:220px !important;}
.w240 { width:240px !important;}
.w260 { width:260px !important;}
.w280 { width:280px !important;}
.w300 { width:300px !important;}
.w175 { width:175px !important;}
.w397 { width:397px !important;}
.w415 { width:415px !important;}
.w475 { width:475px !important;}

/* hide style */
/* .hidden, legend, caption {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;} */
/* header.css 랑 중복으로 주석처리 */

/* Button */

.btn{ /* margin:10px 0 0 0; */ border-radius:4px;padding:8.5px 45px 8.5px 22px;}
.box_btn_wrap {display:flex;flex-wrap:wrap;align-items:center;gap:5px; padding-top:10px;}
.box_btn_wrap.no_wrap{flex-wrap:nowrap}
.box_btn_wrap.align_top{align-items: flex-start;}
.box_btn_wrap.sm_gap {display:flex;align-items:center;gap:8px}
.box_btn_wrap .type_r {margin-left:auto}
.box_btn_wrap .type_l {margin-right:auto}
.box_btn_wrap.flex_al_c {justify-content:center !important;}
.box_btn_wrap.flex_al_r {justify-content:flex-end !important;}
.box_btn_wrap.flex_al_l {justify-content:flex-start !important;min-height:43px;}
.box_btn_wrap.flex_al_s {justify-content:space-between !important;}
.box_btn_wrap.flex_al_s .cell {display:inline-flex;gap:16px}

[class^='btn'] {position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;letter-spacing:-0.02em;border-radius:4px}

[class^='btn'].type01 {border:1px solid var(--col_navy);color:var(--col_cyan);font-weight:600}
[class^='btn'].type02 {background-color:var(--col_cyan);border:1px solid var(--col_cyan);color:var(--col_cyan)}
[class^='btn'].type03 {background-color:var(--col_bg);border:1px solid var(--col_bg) !important;color:var(--col_gray);font-weight:400 !important}
[class^='btn'].type05 {background-color:var(--col_homegreen);color:var(--col_white)!important;}
/* [class^='btn'].type06 {border: 1px solid var(--col_red);color: var(--col_red);font-weight: 600} */
[class^='btn'].color_type {color:var(--col_blue)}

[class^='btn'].big {padding:0 24px;min-width:112px;height:56px;font-size:16px;font-weight:600}
[class^='btn'].large {padding:0 16px;min-width:96px;height:48px;font-size:16px}
[class^='btn'].medium {padding:0 16px;min-width:60px;height:30px;font-size:14px; line-height:20px;}
[class^='btn'].default {padding:0 12px;min-width:90px;height:36px;font-size:14px}
[class^='btn'].small, [class^='btn'].xsmall {padding:0 12px;min-width:76px;height:32px;font-size:14px}
[class^='btn'].xxsmall {padding:0 8px;height:24px;font-size:12px;font-weight:400}
[class^='btn'].xsmall {padding:0 4px;min-width:40px}
[class^='btn'].r30 {border-radius:30px}
[class^='btn'].fill {background-color:var(--col_white)}
/* 조회, 검색 */ [class^='btn'].fill.type01 {background-color:var(--col_navy);color:var(--col_white);font-weight:400 !important}
/* 화면이동, 팝업호출 등 */ [class^='btn'].fill.type02 {background-color:var(--col_lightgreen);border:none;color:var(--col_white);font-weight:400 !important}
/* 등록, 수정 등 일반적인 CU 기능 */ [class^='btn'].fill.type03 {background-color:var(--col_green2);color:var(--col_white);font-weight:600 !important}
/* 취소, 닫기 */ [class^='btn'].fill.type04 {background-color:var(--col_gray);color:var(--col_white);font-weight:400 !important}
/* 엑셀다운로드 */ [class^='btn'].fill.type05 {background-color:var(--col_cyan);color:var(--col_white);font-weight:400 !important}
/* 저장, 승인 등 특별한 기능 */ [class^='btn'].fill.type06 {background-color:var(--col_blue);color:var(--col_white);font-weight:400 !important}
/* 삭제 */ [class^='btn'].fill.type07 {background-color:#e35141;color:var(--col_white);font-weight:400 !important}
[class^='btn'].fill.type08 {background-color:var(--col_skyblue);color:var(--col_white);font-weight:400 !important}
[class^='btn'].fill.type09 {background-color:var(--col_body);color:var(--col_white);font-weight:400 !important}

:root {
	--width:1900;
	--designWidth:1248;
	--col_blue:#4D65E1;
	--col_skyblue:#4195e3;
	--col_skyblue_light:#F3F8FF;
	--col_green:#62D491;
	--col_green2:#389870;
	--col_lightgreen:#6aa10a;
	--col_orange:#F0651F;
	--col_navy:#5c6c9c;
	--col_cyan:#06a0aa;
	--col_pink:#FF0046;
	--col_pink2:#E77BC8;
	--col_magenta:#FF00D6;
	--col_yellow:#af8f1b;
	--col_purple:#9E00FF;
	--col_h:#111;
	--col_body:#333;
	--col_p:#555;
	--col_dis:#888;
	--col_white:#fff;
	--col_tabe:#ccc;
	--col_btn:#ddd;
	--col_border:#eee;
	--col_bg:#f5f5f5;
	--col_box_bg:#f8f8f8;
	--col_red:#EE2E62;
	--col_gray:#757575;
	--col_brown:#A95A12;
	--col_brown2:#af8f1b;
	--col_header_line:#5DC488;
	--col_homegreen:#29C78E;
	
	--transparent: transparent;
    --point-white: #fff;
    --point-color01: #FFB648;
    --point-color02: #97A9EB;
    --point-color03: #53C6EA;
    --point-color04: #FF93CE;
    --point-color05: #FFB648;
    --point-color06: rgba(238, 117, 184, 0.5);
    --point-color07: #FFD76F;
    --point-color08: #8ED3F7;
    --point-color09: #C8CCFA;
    --point-color10: #FFC927;
    --point-color11: #FFF2F7;
    --point-color12: #E8F7FF;
    --point-color13: #F3FCEC;
    --point-color14: #FFBF5E;
    --point-color15: #FFA566;
    --point-color16: #4CA6FA;
    --point-color17: #FFC289;
    --point-color18: #FFDF8C;
    --point-color19: #FFBBCE;
    --point-color20: #90CDFA;
    --point-color21: #CAB7FF;
    --point-color22: #ACE3EF;
    --point-color23: #92CCFC;
    --point-color24: #8BDCF5;
    --point-color25: #FFCB7D;
    --point-color26: #BCB3F4;
    --point-color27: #F0A2BB;
    --point-color28: #82DEA7;
    --point-color29: #8CABF2;
    --point-color30: #85CCF0;
    --point-color31: #79C7D2;
    --point-color32: #3AB64A;
    --point-color33: #CEA43A;
    --point-color34: #3A5DB6;
    --point-color35: #E64F46;
    --point-color36: #51BCD3;
    --point-color37: #FF8282;
    --point-color38: #C791E0;
    --point-color39: #61CC85;
    --point-color40: #C1ABFF;
    --point-color41: #FF5959;
    --point-color42: #53C6CA;
    --point-color43: #FA6D6D;
    --point-color44: #A2DF54;
    --point-color45: #A5DB60;
    --border-color01: #ddd;
    --border-color02: #ccc;
    --border-color03: #eee;
    --border-color04: #D9D9D9;
    --black-color00: #000;
    --black-color01: #111;
    --black-color02: #222;
    --black-color03: #333;
    --black-color04: #444;
    --black-color05: #555;
    --black-color06: #666;
    --black-color07: #777;
    --black-color08: #888;
    --black-color09: #999;
    --black-color10: #aaa;
    --gray-bg: #F5F5F5;
    --gray-bg02: #F8F8F8;
    --point-bg: #FCFAF4;
    --point-bg02: #FFF6F9;
    --point-bg03: #FFFBEC;
    --point-bg04: #F0F8FB;
    --point-bg05: #F8FCFE;
    --point-bg06: #F9F8FF;
    --point-bg07: #FFF4F4;
}


/* 프로그램 added */
.pointer{cursor:pointer;}

.w50 {width: 50px !important;}
.w80 {width: 80px !important;}
.w120 {width: 120px !important;}
.w146 {width: 146px !important;}
.w160 {width: 160px !important;}
.w180 { width:180px !important;}
.w200 { width:200px !important;}
.w220 { width:220px !important;}
.w240 { width:240px !important;}
.w260 { width:260px !important;}
.w280 { width:280px !important;}
.w300 { width:300px !important;}
.w175 { width:175px !important;}
.w397 { width:397px !important;}
.w415 { width:415px !important;}
.w475 { width:475px !important;}

.hasDatepicker{width:120px !important;}