/********** 색상 **********/
:root{
  /* 기본 색상 */
  --main-color-white:#fff;
  --main-color-black:#000;
  --main-color-gray:#ccc;
  --main-color-gray01:#111;
  --main-color-gray02:#222;
  --main-color-gray03:#333;
  --main-color-gray04:#444;
  --main-color-gray05:#555;
  --main-color-gray06:#666;
  --main-color-gray07:#777;
  --main-color-gray08:#888;
  --main-color-gray09:#999;

  --main-color-lightergray:#dfdfdf;
  --main-color-lightpurple:#eeedf2;
  --main-color-darkpurple:#5a6077;

  --main-color-blue: #1394d6;
  --main-color-mint: #1baea5;
  --main-color-green: #82b41a;
  --main-color-lightgreen: #a1de22;

  --rgb-red: red;
  --rgb-yellow: yellow;
  --rgb-green: green;
  --rgb-blue: blue;
  --rgb-skyblue: skyblue;
  --rgb-purple: purple;

  --highlighter-yellow:#ff900d;
  --highlighter-pink:#ff0090;
  --highlighter-blue:#008ccd;
  --highlighter-green:#33cb7a;

/* 원래 색상  --point-color:#e5142b;*/
  --point-color:#046ec0;
  --point-color2:#0a215d;
  --bg-color:#10245b;

  /*원래 테이블 색상 --table-head-color:#273d6b;*/
  --table-head-color:#0a4096;
  --table-head-color2: #f8f8f8;
  --table-border-color:#e0e0e0;
  --table-point-color:#eff5fe;
  --table_hover:#e7f5fb;
  --check-bg-color:#b3b9c6;

  /* 버튼 타입 */
  --btn-search:#2063de;
  --btn-submit:#26438d;
  --btn-delete:#ed2d2d;
  --btn-excel:#206f44;
  --btn-etc:#14a8a3;


  /*각 사이트에서 쓰는 색상*/
  --adm-nav-on-bg: linear-gradient(90deg, rgba(22,119,192,1) 0%, rgba(16,156,218,1) 100%);
  --adm-nav-arrow:#060d21;
  --adm-nav-bg:#0e1646;
  --adm-depth2-bullet:#b6c8cf;
  --adm-border-color:#e0e0e0;
  --adm-border-color2:#d7e5ec;
  --adm-lightgray:#4f6888;
  --box-blue_bg:#e9f7fe;
  --adm-skyblue:#a7daf0;

  /* 캘린더 */
  --calendar_btn:#37526d;
  --calendar_btn_on:#0c161e;
  --calendar_today_bg:rgba(255,220,40,.15);

  --box-shadow:rgba(32,64,154,0.2);
}

/* reset */
body{font-family:'SUIT Variable', sans-serif; letter-spacing: -0.08px; cursor: none;}
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, input {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  vertical-align: baseline;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

table caption{
  display:none;
}

table tr th, 
table tr td{
  vertical-align: middle;
}

a{
  text-decoration: none;
  color:inherit;
}

em{
  font-style:normal;
}

button{font-family:'SUIT Variable', sans-serif; background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
textarea{resize:none; font-family:'SUIT Variable', sans-serif; box-sizing: border-box;}

input:disabled,
textarea:disabled{opacity:0.8;}

form{width:100%;}

video::-webkit-media-controls {
  display: none !important;
  -webkit-appearance: none;
}
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
  opacity: 0;
  pointer-events: none;
}


/*글자정렬*/
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}

/*정렬*/
[class*="fl"]{display:flex;}
.flcolumn{flex-direction: column;}
.al_between{justify-content: space-between;}
.al_center{justify-content: center;}

.ai_center{align-items: center;}
.ai_start{align-items: flex-start;}
.ai_end{align-items: flex-start;}

.w100{width:100%}
 
/* margin */
.nomg{margin:0!important;}
.nomb{margin-bottom:0!important;}
.nomt{margin-top:0!important;}
.m0{margin:0;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt100{margin-top:100px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml100{margin-left:100px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr100{margin-right:100px;}

/* padding */
.p0{padding:0;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}

.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt100{padding-top:100px;}

.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb100{padding-bottom:100px;}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl100{padding-left:100px;}

.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr100{padding-right:100px;}


/* 포인트컬러 */
.fontWt{color:var(--main-color-white);}
.fontBl{color:var(--main-color-classicblue);}
.fontGray{color:var(--main-color-gray05);}

@keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
  from {opacity:0;}
  to {opacity: 1;}
}
@-moz-keyframes fadein { /* Firefox */
  from {opacity:0;}
  to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {opacity:0;}
  to {opacity:1;}
}

/* 커서 기본 스타일 */
.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, height 0.2s ease, border 0.2s, background 0.2s;
  mix-blend-mode: difference;
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  font-family: sans-serif;
  color: #000;
  z-index:9999;
}

/* 클릭 시 확대 */
.custom-cursor.click {
  width: 40px;
  height: 40px;
}

.custom-cursor.hover {
  width:60px; height:60px;
}
/* 호버 대상 위에서 확대 + 텍스트 표시 
.custom-cursor.hover {
  width: 80px;
  height: 80px;
  background:var(--main-color-black);
  color:var(--main-color-white);
  mix-blend-mode:  normal;
}

.custom-cursor.hover::after {
  content: "more";
  color:var(--main-color-white);
  font-size: 0.9em;
  mix-blend-mode:  difference;
}*/
/* common */
body{height:auto!important;
overflow: auto!important;
 font-size:18px;
animation: fadein 300ms ease-in;
-o-animation: fadein 300ms ease-in; /* Opera */
-moz-animation: fadein 300ms ease-in; /* Firefox */
-webkit-animation: fadein 300ms ease-in; /* Safari and  Chrome */
}
.hide{display:none;}
.pcNone{display:block;}
.mobNone{display:none;}
.scrollDisable{height:100%; min-height:100%; overflow:hidden !important; touch-action: none;}
.nowrap{white-space: nowrap;}
.nobr{border-radius: 0!important;}


.fsSm{font-size:0.9em;}
.fsMd{font-size:1em;}
.fsLg{font-size:1.25em;}
.fsXl{font-size:1.6em;}


/* input */
input, select, textarea{padding:25px 20px;border:1px solid var(--main-color-gray); border-radius: 10px; font-size:1em; font-family:'SUIT Variable', sans-serif; border:1px solid var(--table-border-color);}
input[type="file"]{border:0;}
select {position:relative; padding:25px 45px 25px 20px ;-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; min-width:130px; background:var(--main-color-white) url(../../../img/2025/arrow_close.gif) no-repeat center right 20px; background-size:25px;}
select::-ms-expand{ display:none;/*for IE10,11*/}
select:after{position:absolute; top:50%; right:20px; width:20px; height:20px;}
.ipW100{width:100%;}
.check_wrap{margin-top:10px; display:flex; align-items: center; }
.check_wrap label{margin-left:4px;}
.checkList li{display:flex; align-items: center;}
textarea{width:100%;}
label .required{color:var(--main-color-green); font-size:1.3em; font-weight:600;}



/* 기본 버튼 */
.basicbtn{font-size:0.9em; padding:20px 30px; display:flex; align-items: center; border-radius:50px; background:var(--main-color-white); white-space: nowrap; border:1px solid var(--main-color-black); color:var(--main-color-black); transition: all 0.3s;} 
.basicbtn span{color:var(--main-color-black);}
.basicbtn:hover{background: var(--main-color-black); color:var(--main-color-white); border:1px solid var(--main-color-white);}
.basicbtn:hover span{color:var(--main-color-white);}
.basicbtn .ico{margin-left:30px; width:24px; height:24px;}

.basicbtn.downBtn .ico{background:url(../../../img/2025/download_bk.svg); background-size: cover;}
.basicbtn.downBtn:hover .ico{background:url(../../../img/2025/download_wt.svg); background-size: cover;}

.basicbtn.submitBtn{color:var(--main-color-white);border-radius: 10px; background:var(--main-color-black); display:flex; justify-content: center; align-items: center;}
.basicbtn.submitBtn .ico{display:flex; background:url(../../../img/2025/arrow_right_wt.svg); background-size: cover;}
.basicbtn.submitBtn:hover .ico{background:url(../../../img/2025/arrow_right_bk.svg); background-size: cover;}
.basicbtn.submitBtn:hover{ background:var(--main-color-white); border:1px solid var(--main-color-black); color:var(--main-color-black); }

.basicbtn.moreBtn{justify-content: center;}
.basicbtn.moreBtn .ico{background:url(../../../img/2025/arrow_right_bk.svg); background-size: cover;}
.basicbtn.moreBtn:hover .ico{background:url(../../../img/2025/arrow_right_wt.svg); background-size: cover;}

/* size */
.basicbtn.xs{padding:2px 4px; font-size:1em;}
.input_sm,
.basicbtn.sm{padding:4px 10px; font-size:0.9em;}
.basicbtn.lg{padding:15px 60px; font-size:1.1em;}


/********** 체크박스 **********/
input[type="checkbox"]{margin-right:5px; width:16px; height:16px; border-radius: 3px; background:var(--main-color-white); border:1px solid var(--main-color-lightgray );}
input[type="checkbox"]:before{display:none;}
input[type="checkbox"]:checked{background:var(--main-color-blue); border:none;}
input[type="checkbox"]:checked:after{color:var(--main-color-white); font-size:1em;}
input[type="checkbox"] + label{font-size:1em;}
.termCheck{display:flex; align-items: center;}

/* 새창 아이콘 */
.new_window{display:inline-block; position:relative; padding-right:26px;}
.new_window:after{position:absolute;  right:-10px; top:0; width:24px; height:24px; content:''; background:url(../../../img/2025/new_window.gif) no-repeat center; border:1px solid var(--table-border-color);}

/* 스크롤 커스텀 */
*::-webkit-scrollbar{width:6px; height:6px;}
*::-webkit-scrollbar-thumb{background:var(--main-color-gray06);}
*::-webkit-scrollbar-track{background:rgba(0,0,0,0.1);}

/* ~ 1440px */
@media screen and (max-width:1440px){
    body{font-size:16px;}

    /* input */
  input, select, textarea{padding:15px 20px;}
  select {padding:15px 25px 15px 20px;}
  .basicbtn{padding:15px 20px;}
  .basicbtn.downBtn .ico{margin-left:20px;}
}

/* ~ 1023px */
@media screen and (max-width:1023px){
  .basicbtn.downBtn .ico{margin-left:10px;}
  .basicbtn{padding:12px 15px;}
}

/* ~ 767px */
@media screen and (max-width:768px){
    body{font-size:14px;}
  /* 기본 버튼 */
  .basicbtn{padding:15px; font-size:1.125em;}

  select, input, textarea{padding:12px 10px;}
  select{min-width:auto;}

}