@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,table,th,td,pre{margin:0;padding:0;}
body {font-family: "Nanum Gothic", sans-serif; font-size:14px; color:#222;}
 
.serif {font-family: "Noto Serif KR", serif;}

textarea { width:100%;}
select,input,img, button {vertical-align:middle;}
ul, ol, li {list-style-type:none; }
legend,hr,caption {position:absolute; left:-3000%;}
em, address { font-style:normal;}
table { border-spacing:0; width:100%;}
a { color:#666; text-decoration:none;}
a:focus,
a:hover { text-decoration:none;}
fieldset, img, button{border:0;}

input[type=text]::-ms-clear {display: none;}

select { padding:0 0 0 2px; border: 1px solid #ccc; border-radius: 0px; box-sizing: border-box; }
input { padding:0 0 0 2px; box-sizing: border-box; border-radius: 0px; }

textarea,
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="text"] { text-indent:2px; border:1px solid #efefef; box-sizing: border-box; -moz-appearance: none; appearance: none; border-radius: 0px; -webkit-border0radius:0; -webkit-appearance:none; }

select { height:30px \0IE8;} 

select:focus, textarea:focus,
input[type="number"],
input[type="tel"],
input[type="password"]:focus,
input[type="button"]:focus,
input[type="text"]:focus { outline: none; }

textarea[readonly="readonly"],
button[readonly="readonly"],
select[readonly="readonly"],
input[readonly="readonly"],
 
textarea[disabled="disabled"],
button[disabled="disabled"],
select[disabled="disabled"],
input[disabled="disabled"] { background:#f5f5f5; border-color:#d4d4d4;}
 
input[type="password"],
input[type="text"] { -webkit-appearance: none;}
input[type="submit"] { -webkit-appearance: none; box-sizing: border-box; }
input[type="file"] { }
input[type="radio"] {  }
 
.clear { zoom:1;clear:both;}
.clear:after { content:""; display:block; clear:both;}

.skip, { position: absolute; left:-3000%; font-size: 0px; }
.skip:focus { top:0;}

.hidden, .hide{ display:none; }

#skipnavigation a{position: absolute; left:-3000%; font-size: 14px;}
#skipnavigation a:focus{display: block; position: absolute; top:0; left:0; width:100%; height: 20px; color:#fff; text-align: center; background-color: #0e3091; z-index: 9999;}

.root_daum_roughmap { padding:0 !important; border:0 !important; }


/* ���ټ� �ؽ�Ʈ ���� Ŭ���� */
.link-text { position: absolute; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; top: 50%; }

/* SCROLL */
body::scrollbar { width: 8px; height:12px; }
body::-webkit-scrollbar { width: 8px; height:12px; }
body::scrollbar-track { background-color: #f1fafe; }
body::-webkit-scrollbar-track { background-color: #f1fafe; }
body::scrollbar-thumb {
    background: #314f4e;
}
body::-webkit-scrollbar-thumb {
    background: #314f4e;
}
body::scrollbar-button { display: none; }
body::-webkit-scrollbar-button { display: none; }




.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }


/*모바일버거메뉴*/
#allmenubt .slide-open{
  position:relative;
  width:40px;
  height:40px;
  background-color:rgba(0,0,0,0);
  cursor:pointer;
  text-align:center;
}
#allmenubt .burgur{
   top:50%; left:50%; transform:translate(-50%,-50%); 
  position: absolute;
  width: 20px;
  height: 2px;
  background: #fff;
}
#allmenubt .burgur .top-line{
    width: 20px;
    height: 2px;
    background-color: #fff;
    bottom: -5px;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transition:  -webkit-transform .3s;
    transition: transform .3s;

}
#allmenubt .burgur .bot-line {
    width: 20px;
    height: 2px;
    background-color: #fff;
    top: -5px;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transition:  -webkit-transform .3s;
    transition: transform .3s;
}

header.on #allmenubt .burgur .bot-line, header.on #allmenubt .burgur .top-line, header.on #allmenubt .burgur  { background-color: #314f4e;}

  
#allmenubt .burgur.on {
    width: 0;
}
#allmenubt .burgur.on .bot-line {
    -webkit-transform: translateY(5px) rotate(135deg);
    transform: translateY(5px) rotate(135deg);
}
#allmenubt .burgur.on .top-line{
    -webkit-transform: translateY(-5px) rotate(-135deg);
    transform: translateY(-5px) rotate(-135deg);
}


/* web font �������� ũ�ν�����¡ */
.noto-serif kr-extralight {
  font-family: "Noto Serif KR", serif;
  font-weight: 200;
  font-style: normal;
}

.noto-serif kr-light {
  font-family: "Noto Serif KR", serif;
  font-weight: 300;
  font-style: normal;
}

.noto-serif kr-regular {
  font-family: "Noto Serif KR", serif;
  font-weight: 400;
  font-style: normal;
}

.noto-serif kr-medium {
  font-family: "Noto Serif KR", serif;
  font-weight: 500;
  font-style: normal;
}

.noto-serif kr-semibold {
  font-family: "Noto Serif KR", serif;
  font-weight: 600;
  font-style: normal;
}

.noto-serif kr-bold {
  font-family: "Noto Serif KR", serif;
  font-weight: 700;
  font-style: normal;
}

.noto-serif kr-black {
  font-family: "Noto Serif KR", serif;
  font-weight: 900;
  font-style: normal;
}