@charset "UTF-8";
/*** 
작성일 : 2022년 03월 1일
***/

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),
    url(/css/font/NotoSansKR-Thin-Hestia.eot),
    url(/css/font/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Thin-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Thin-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(/css/font/NotoSansKR-Light-Hestia.eot),
    url(/css/font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Light-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url(/css/font/NotoSansKR-DemiLight-Hestia.eot),
    url(/css/font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(/css/font/NotoSansKR-Regular-Hestia.eot),
    url(/css/font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(/css/font/NotoSansKR-Medium-Hestia.eot),
    url(/css/font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),
    url(/css/font/NotoSansKR-Bold-Hestia.eot),
    url(/css/font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Bold-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url(/css/font/NotoSansKR-Black-Hestia.eot),
    url(/css/font/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/css/font/NotoSansKR-Black-Hestia.woff) format('woff'),
    url(/css/font/NotoSansKR-Black-Hestia.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 100;
  src: local('NotoSerifCJKkr-ExtraLight');
  src: url('/css/font/NotoSerifCJKkr-ExtraLight.otf') format('opentype'),
      url('/css/font/NotoSerifCJKkr-ExtraLight.woff2') format('woff2'),
      url('/css/font/NotoSerifCJKkr-ExtraLight.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 300;
  src: local('NotoSerifCJKkr-Regular');
  src: url('/css/font/NotoSerifCJKkr-Regular.otf') format('opentype'),
      url('/css/font/NotoSerifCJKkr-Regular.woff2') format('woff2'),
      url('/css/font/NotoSerifCJKkr-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight:600;
  src: local('NotoSerifCJKkr-Bold');
  src: url('/css/font/NotoSerifCJKkr-Bold.otf') format('opentype'),
      url('/css/font/NotoSerifCJKkr-Bold.woff2') format('woff2'),
      url('/css/font/NotoSerifCJKkr-Bold.woff') format('woff');
}

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight:400;
  src: local('NanumGothic');
  src: url('/css/font/NanumGothic.otf') format('opentype'),
      url('/css/font/NanumGothic.woff2') format('woff2'),
      url('/css/font/NanumGothic.woff') format('woff');
}

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight:600;
  src: local('NanumGothic');
  src: url('/css/font/NanumGothicBold.otf') format('opentype'),
      url('/css/font/NanumGothicBold.woff2') format('woff2'),
      url('/css/font/NanumGothicBold.woff') format('woff');
}

  
/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea, figure, figcaption, header, footer, menu, nav, section, summary, audio, video, button{margin:0; padding:0; -webkit-print-color-adjust:exact;}
hr  {display:none;}
ul, ol, li{list-style:none;}
img, fieldset{border:none; vertical-align:middle;} 
table{width:100%; border-collapse:collapse; font-size:100%;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle; border-radius:0; outline:none}
article, aside, details, hgroup, main, figure, figcaption, header, footer, menu, nav, section, summary{display:block;}
audio, canvas, progress, video{display:inline-block; vertical-align:baseline;}

article, aside, audio, body, canvas, caption, cite, dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, img, label, legend, li, menu, nav, object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, thead, tr, ul, video,button {
    font-family:"Noto Sans KR", Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;
}
body {font-size:0.87em;line-height:1.6;font-family:"Nanum Gothic","shm","돋움",dotum, sans-serif; } 
button  { cursor:pointer}
button:hover,
button:active,
button:focus{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{height:14px; width:14px; vertical-align:middle;}
span  {display:inline-block;}
span, button, input, select  {vertical-align:middle;}

/* linkStyle */
a {color:#333;  background-color:transparent; text-decoration: none; cursor:pointer;} /** * IE10에서 활성화(active)된 링크의 회색 배경을 제거. */
a:hover{ color:#0066ff;  }
a:active,
a:focus,
a:hover{ }
a[href^="tel"]{color:inherit; ;}

::-webkit-input-placeholder{color:rgba(0,0,0,0.4);}
:-ms-input-placeholder{color:rgba(0,0,0,0.4);}
::placeholder{color:rgba(0,0,0,0.4);}
::selection{background:#e1d2f9; color:#333;}

/* div, p, span {cursor:default} */

/* font */
input[type="date"],input[type="number"],input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;}
input[type="date"],input[type="number"],input[type="text"],input[type="password"],input[type="email"],select{  box-sizing:border-box; }

input, textarea{
	-webkit-ime-mode:active; 
	-moz-ime-mode:active; 
	-ms-ime-mode:active; 
	ime-mode:active; 
}
textarea{ -webkit-appearance:none; box-sizing:border-box;}

/* skip */
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

button:disabled {opacity: 0.6}

.block {display: block;}
/*line-height*/
.lh15 {line-height: 1.5 !important}

/*선*/
hr.ccc {background: #ccc;display: block;width: 100%;height: 1px !important;}

/* css reset */
* {margin:0;padding:0;border:0;box-sizing:border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, 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 { font:inherit; background:none;}
div  {box-sizing:border-box;}
table, tr, td, th {border-collapse:collapse;border-spacing:0px;}
ol, ul, li{list-style:none;}
hr,legend {display:none;}
caption {width:0;height:0;font-size:0;overflow:hidden;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
strong, b {font-weight:bold;}
select, button {cursor:pointer;}
input,textarea,select {font-size:inherit; font-weight:inherit;font-family:'Noto Sans KR', sans-serif}

label {cursor:pointer;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}

 
.fW {color:#ffffff;}
.blue{color:#0033cc;}
.red{color:#d5525e;}
.pink{color:#ff0090;}
.purple{color:#5b5194;}
.orange{color:#d56c00;}
.green{color:#008494;}

.bg_blue {background:#006699;}
.bg_adm  {background:#e8e8e8;}

/*정렬*/
.taC{text-align:center !important;}
.taL{text-align:left  !important;}
.taR{text-align:right !important;}
.vaM  {vertical-align:middle;  !important;}

/* float */
.clear{clear:both; width:100%; box-sizing:border-box;}
.fL{float:left;}
.fR{float:right;}

/* font */
.fs14 { font-size:14px !important; font-weight:400 !important;}
.fs15 { font-size:15px !important; font-weight:400 !important;}
.fs16 { font-size:16px !important; font-weight:400 !important;}
.fs18 { font-size:18px !important; font-weight:400 !important;}
.fs20 { font-size:20px !important; font-weight:400 !important;}
.fs25 { font-size:25px !important; font-weight:500 !important;}
.fs30 { font-size:30px !important; font-weight:500 !important;}
.fs35 { font-size:35px !important; font-weight:500 !important;}
.fs40 { font-size:40px !important; font-weight:500 !important;}
.fs50 { font-size:50px !important; font-weight:500 !important;}


.form_50 {width:50px; padding:0 5px;}.form_60 {width:60px; padding:0 5px;} .form_80 {width:80px; padding:0 10px;}
.form_90 {width:90px; padding:0 10px;}.form_100 {width:100px; padding:0 10px;}	
.form_100 {width:100px; padding:0 10px;}.form_130 {width:130px; padding:0 10px;}.form_140 {width:140px; padding:0 10px;}
.form_150 {width:150px; padding:0 10px;}.form_180 {width:180px; padding:0 10px;}
.form_200 {width:200px; padding:0 10px;}.form_230 {width:230px; padding:0 10px;}.form_250 {width:250px; padding:0 10px;}.form_280 {width:280px; padding:0 10px;}
.form_300 {width:300px; padding:0 10px;}.form_350 {width:350px; padding:0 10px;}.form_340 {width:340px; padding:0 10px;}.form_350 {width:350px; padding:0 10px;}
.form_360 {width:360px; padding:0 10px;}.form_370 {width:370px; padding:0 10px;}.form_380 {width:380px; padding:0 10px;}
.form_400 {width:400px; padding:0 10px;}.form_450 {width:450px; padding:0 10px;}
.form_500 {width:500px; padding:0 10px;}.form_580 {width:580px; padding:0 10px;}
.form_600 {width:600px; padding:0 10px;}.form_610 {width:610px; padding:0 10px;} 
.form_700 {width:800px; padding:0 10px;}.form_800 {width:800px; padding:0 10px;}

.bl1  {border-bottom:1px solid #ccc;}
.blr  {border-right:1px solid #ccc;}
.dsn {display:none !important;}

/* width */
.wd10{width:10%}.wd11{width:11%}.wd12{width:12%}.wd13{width:13%}.wd14{width:14%}.wd15{width:15%}.wd16{width:16%}.wd17{width:17%}.wd18{width:18%}.wd19{width:19%}
.wd20{width:20%}.wd21{width:21%}.wd22{width:22%}.wd23{width:23%}.wd24{width:24%}.wd25{width:25%}.wd26{width:26%}.wd27{width:27%}.wd28{width:28%}.wd29{width:29%}
.wd30{width:30%}.wd33{width:33%}.wd34{width:34%}.wd35{width:35%}.wd38{width:38%}.wd40{width:40%}.wd45{width:45%}.wd48{width:48%}.wd50{width:50%}.wd58{width:58%} 
.wd60{width:60%}.wd65{width:65%}.wd68{width:68%}.wd70{width:70%}.wd80{width:80%}.wd85{width:85%}.wd90{width:90%}
.wd100{width:100%}


.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;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !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;}


.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;}
.pl01{padding-left:10%}

.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;}
.pr40{padding-right:40px}.pr48{padding-right:48px}
.pr50{padding-right:50px}


.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;}.mt40{margin-top:40px !important;}

.mb5{margin-bottom:5px !important;}.mb8{margin-bottom:8px !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;}
.mb50{margin-bottom:50px !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;}

.ml5{margin-left:5px !important;}.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}.ml16{margin-left:16px !important;}.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}.ml30{margin-left:30px !important;}



/* 다크 모드 자동 감지 */
@media (prefers-color-scheme: dark) {
/* linkStyle */
a {color:#ccc; }
a:hover{ color:#ccc;  } 
}