/* noto-sans-kr-100 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../font/noto-sans-kr-v27-korean_latin-100.eot'); /* IE9 Compat Modes */
  src: url('../font/noto-sans-kr-v27-korean_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-kr-v27-korean_latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-100.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-kr-v27-korean_latin-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../font/noto-sans-kr-v27-korean_latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../font/noto-sans-kr-v27-korean_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-kr-v27-korean_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-kr-v27-korean_latin-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../font/noto-sans-kr-v27-korean_latin-700.eot'); /* IE9 Compat Modes */
  src: url('../font/noto-sans-kr-v27-korean_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/noto-sans-kr-v27-korean_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/noto-sans-kr-v27-korean_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/noto-sans-kr-v27-korean_latin-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'SUITE';
  font-weight: 300;
  src: url('../font/SUITE-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'SUITE';
  font-weight: 400;
  src: url('../font/SUITE-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'SUITE';
  font-weight: 500;
  src: url('../font/SUITE-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'SUITE';
  font-weight: 600;
  src: url('../font/SUITE-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'SUITE';
  font-weight: 700;
  src: url('../font/SUITE-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'SUITE';
  font-weight: 800;
  src: url('../font/SUITE-ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'SUITE';
  font-weight: 900;
  src: url('../font/SUITE-Heavy.woff2') format('woff2');
}
/* reset */
body{font-family:'Noto Sans KR', sans-serif; letter-spacing: -0.05px;}
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{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
textarea{resize:none; font-family:'Noto Sans KR', sans-serif;     box-sizing: border-box;}

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

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

.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;}

.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;}

.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;}

.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;}

.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;}
.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;}


/********** 색상 **********/
:root{
  --main-color-classicblue:#184c88;/*클래식블루*/
  --main-color-blue:#20409a;
  --main-color-lightblue:#dcecff;
  --main-color-white:#fff;
  --main-color-black:#111;
  --main-color-gray:#ccc;
  --main-color-lightgray:#555;
  --main-color-lightergray:#edeff3;
  --main-color-lightpurple:#eeedf2;
  --lnb-color-arrow:#999;
  --info-box1-bg:#4a48a5;/*정보마당박스1번째*/
  --info-box1-border:#474592;
  --info-box2-bg:#2e8f94;/*정보마당박스2번째*/
  --info-box2-border:#2e7376;
  --highlighter-yellow:#ffe27f;
  --check-bg-color:#b3b9c6;
  --table-head-color:#273d6b;
  --table-border-color:#e0e0e0;
  --table-point-color:#f8f7fe;
  --parking-state-1:#ff2a00;/*매우혼잡*/
  --parking-state-2:#8e119d;/*혼잡*/
  --parking-state-3:#001eff;/*여유*/
  --parking-btn-bg:#4a5977;
  --parking-btn-border:#364665;
  --fc02-color:#ed2d2d;
}

/* 포인트컬러 */
.fontWt{color:var(--main-color-white);}
.fontBl{color:var(--main-color-classicblue);}
.fontGray{color:var(--main-color-lightgray);}
.fc01{color:var(--main-color-blue);} /* 파랑 */
.fc02{color:var(--fc02-color);} /* 빨강 */

@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;}
}

/* common */
body{height:100%; font-size:16px; line-height:1.5em; font-family:'Noto Sans KR', sans-serif; color:var(--main-color-black);
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 */
}
#wrap{position:relative; padding-top:100px; width: 100%; }
.layout{width:100%; max-width:1400px; margin:0 auto;}
.conTit2{position:relative; padding-top:15px; font-size:1.429em;/*40px*/ font-weight:bold; margin-bottom:20px; text-align: center;}
.conTit2:before{position:absolute; content:''; top:0; left:50%; transform: translateX(-50%); width:14px; height:2px; background:var(--main-color-black);}
.conTit3{font-size:1.429em;/*20px*/ font-weight:normal; margin-bottom:20px; text-align: center;}
.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;}

/* input */
input{padding:10px;}
input, select, textarea{border:1px solid var(--main-color-gray); border-radius: 5px; font-size:1em; font-family:'Noto Sans KR', sans-serif; border:1px solid var(--table-border-color);}
input[type="file"]{border:0;}
select {padding:12px 16px 12px 10px ;-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; min-width:130px; background:var(--main-color-white) url(../img/arrow_close.gif) no-repeat center right 10px; background-size:15px;}
select::-ms-expand{ display:none;/*for IE10,11*/}
.ipW100{width:100%;}
.check_wrap{margin-top:10px; display:flex; align-items: center; }
.check_wrap label{margin-left:4px;}

/* 기본 버튼 */
.basicbtn{padding:12px 40px; display:inline-block; text-align:center; border-radius:5px;}
.btnBl{background:var(--main-color-blue);} /*파란버튼 .btnBl*/ 
.btnBk{background:var(--main-color-black); color:var(--main-color-white);} /*흰+검버튼 .btnBk*/ 
.btnGr{background:var(--main-color-lightgray); color:var(--main-color-white); } /*회색버튼 .btnGr*/
.btn_sm{width:auto!important; padding:10px!important; margin:0!important;} /* 작은 사이즈 버튼 */

/********** 체크박스 **********/
/*input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--check-bg-color); border-radius: 5px; border-style: none; cursor: pointer; height: 20px; width: 20px;
  outline: 0; position: relative; padding:0;}
input[type="checkbox"]::before,
input[type="checkbox"]::after {border:0; content: "\e903"; font-family: 'icomoon'; display: none; font-size:1.2em; position: absolute; top: 0; left: 0; height:100%; width: 100%; color:var(--main-color-white);}
input[type="checkbox"]:before,
input[type="checkbox"]:checked::after{display: block;}
input[type="checkbox"]:checked {background: var(--main-color-pink);}*/
input[type="checkbox"]{margin-right:5px; width:16px; height:16px; border-radius: 3px; background:var(--main-color-white); border:1px solid var(--login-gray);}
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/new_window.gif) no-repeat center; border:1px solid var(--table-border-color);}

.al_between{display:flex; align-items: center; justify-content: space-between;}

/* ~ 1440px */
@media screen and (max-width:1440px){

}

/* ~ 1023px */
@media screen and (max-width:1023px){
  #wrap{padding-top:70px;}
}

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