@charset "UTF-8";
@font-face {
  font-family: 'Pretendard';
  font-weight: 300;
  src: local('Pretendard Light'), url(../font/Pretendard-Light.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 400;
  src: local('Pretendard Regular'), url(../font/Pretendard-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 500;
  src: local('Pretendard Medium'), url(../font/Pretendard-Medium.woff) format('woff');
}
@font-face {
  font-family: 'Pretendard';
  font-weight: 600;
  src: local('Pretendard Bold'), url(../font/Pretendard-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  /* src: url(https://fonts.gstatic.com/icon/font?kit=kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsKTDoM3bH7skskmQ7k&skey=b8dc2088854b122f&v=v220) format('woff2'); */
  src: url(../font/font.woff2) format('woff2');
}
/* reset */
/* body.open{
  min-width: 800px;
} */
.open_window_wrap{
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;box-sizing: border-box; word-break: keep-all;word-wrap: break-word}
body,button,input,select,table,textarea{font-family: 'Pretendard';font-size:1em;font-weight:400;color:#000;line-height:1.3;letter-spacing: -0.08em}
html{height:100%;}
body{
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */}
button,fieldset,img{border:0 none}
fieldset,img{border:0}
img,li{vertical-align:top}
ol, ul, dl, menu ,li{list-style:none}
address,em{font-style:normal}
a{color:inherit;text-decoration:none;}
a:active,a:focus,a:hover{text-decoration:none; }
button{border:0;background:0 0;cursor:pointer}
table{margin:0;padding:0;border:0;border-spacing:0;border-collapse: collapse;}
input,select,textarea{border:0;background:0;appearance:none;border-radius:0;box-shadow:none}
embed,iframe,img,object,video{max-width:100%}
input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{appearance:none;border-radius:0;background-color:transparent}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{appearance:button;border-radius:0}
*,*:before,*:after{box-sizing: border-box;}
form {margin:0;padding:0;}
fieldset {margin:0;padding:0;border:0 none;}
caption,legend,.blind { position: absolute!important; margin: -1px !important; padding: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; clip: rect(0, 0, 0, 0); word-break: normal; word-wrap: normal;}
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
body.modal{overflow:hidden;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
button { border: 0 none; background-color: transparent; cursor: pointer; }
a { text-decoration: none; }
a:active, a:focus, a:hover { text-decoration: none; }
embed, iframe, img, object, video { max-width: 100%; }
figure {margin:0;}
img {image-rendering: crisp-edges;}
/* 입력서식 */
input, button, label, textarea, select {vertical-align:middle; }
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type=text][disabled], input[type=password][disabled], input[type=number][disabled], input[type=tel][disabled], input[type=email][disabled], textarea[disabled] {background: transparent;}
input[type=text][readonly=readonly], input[type=password][readonly=readonly], input[type=number][readonly=readonly], input[type=tel][readonly=readonly], input[type=email][readonly=readonly] { background: transparent;}
select {box-sizing: border-box; appearance: none;}
select::-ms-expand {display: none;}
textarea {width:100%; min-height:60px;resize:none;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
select[style], input[style], input[size] {width:auto; min-width:0;}
button, input[type=submit] {border:0; padding:0; cursor:pointer; background:transparent;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input[type=file] {margin: auto;}
input::placeholder { font-size: 1em;}
input[type=text]::-ms-clear { display:none;}
input:focus::placeholder, textarea:focus::placeholder { color:transparent; }
.bf::before, .af::after { display: block; content: "";}

/* ============================== //reset.css ============================== */

/* 본문바로가기 */
#accessibility a {  overflow: hidden; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background: #000; color: #fff; text-align: center; z-index: 1100;}
#accessibility a:focus, #accessibility a:active { width: 100%; height: 45px; padding: 10px}
.btn_wrap :is(button, a){
  transition: 0.3s;
  height: 39px;
}
.btn-by_gr{
  border: 1px solid #b6b6b6;
  color: #000;
}
.btn-by_gr:hover{
  background-color: #b6b6b6;
  color: #fff;
}
.btn-bn_gr{
  background-color: #414141;
  color: #fff;
  border: 1px solid #414141;
}
.btn-bn_gr:hover{
  background-color: #fff;
  color:  #414141;
}
.btn-bn_sky{
  background-color: #0080cc;
  color: #fff;
  border: 1px solid #0080cc;
}
.btn-bn_sky:hover{
  background-color: #fff;
  color: #0080cc;
}
.btn-bn_og{
  background-color: #c75e1d;
  color: #fff;
  border: 1px solid  #c75e1d;
}
.btn-bn_og:hover{
  background-color: #fff;
  color:  #c75e1d;
}
.btn-bn_nv{
  background-color: #26498b;
  color: #fff;
  border: 1px solid  #26498b;
}
.btn-bn_nv:hover{
  background-color: #fff;
  color:  #26498b;
}

.mobile{
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile{
    display: block !important;
  }
  .pc{
    display: none !important;
  }
}