@charset "utf-8";
/****************************************/
/* Name: 금샘도서관
/* PART: BASE STYLE 
/* Version: 1.0 / day: 2021-07-13
/* Author: imtec 
/****************************************/

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/css/font/NanumGothic-Bold.eot);
  src: url(/css/font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumGothic-Bold.woff) format('woff'),
       url(/css/font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/css/font/NanumGothic-Regular.eot);
  src: url(/css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumGothic-Regular.woff) format('woff'),
       url(/css/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/css/font/NanumGothic-ExtraBold.eot);
  src: url(/css/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/css/font/NanumGothic-ExtraBold.woff) format('woff');
}


@font-face {
    font-family: 'GmarketSans';
	font-style: normal;
	font-weight: 300;
    src: url(/css/font/GmarketSansLight.woff) format('woff');
    
}

@font-face {
	font-style: normal;
	font-weight: 400;
    font-family: 'GmarketSans';
    src: url(/css/font/GmarketSansMedium.woff) format('woff');
   
}

@font-face {
	font-style: normal;
	font-weight: 500;
    font-family: 'GmarketSans';
    src: url(/css/font/GmarketSansBold.woff) format('woff');
}



/* Common */
body{text-align: left;font-size:15px;color:#555;line-height:1.4;font-family:'Nanum Gothic',sans-serif;font-weight:400;letter-spacing:-0.5px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-family:'GmarketSans',sans-serif;font-size:16px;color:#000;font-weight:400;box-sizing: border-box;}
input,button,textarea,select,table{font-family:'Nanum Gothic',sans-serif;font-size:16px;box-sizing: border-box;}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
input[type=radio]{border-radius:0px 0px;-webkit-border-radius: 50%;}
input[type=radio]:checked{background:#333;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:2px;position: relative;}
button{margin:0;padding:0;border:0;background:none}
a,::after,::before{box-sizing: border-box}
a{text-decoration: none;color: #555;color: inherit;}
a:hover{text-decoration:underline}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
p{word-wrap: break-word;}
dt,dd,li{word-wrap: break-word;}
table {width:100%;font-weight:400;border-spacing:0}
input::-webkit-input-placeholder { color:#898989 }
input::-moz-placeholder { color:#898989 }
input::-ms-input-placeholder { color:#898989 }

/* hidden contents */
.skip,.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
.skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:14px;line-height:40px;color:#fff;background:#007cc3;z-index:10}

#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:999;} 
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_navi a:focus, 
#skip_navi a:active {display:block;top:0;width:100%;height:45px;padding:10px 0;background:#021b87;}