@charset "utf-8";
 
/* font-family:'Noto Sans KR',sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); 
 
* { margin:0 ; padding:0 ; color:#444444 ; word-break:break-all ; vertical-align:top ;
	font-family: 'Noto Sans KR', sans-serif ; text-decoration:none ; font-weight:400 ; font-style:normal ;
    border:0 ; border-radius:0 ; box-sizing:border-box ; background:none }
 
html { font-size:0.625em }
body { font-size:1rem ; background-color:#ffffff }

img , legend , fieldset { border:0 }
ul,li,dt,dd,dl,ol { list-style:none ; vertical-align:top }
a , button { cursor:pointer }
 
.sound , legend { 
    display:block ; overflow:hidden ; width:0 ; height:0 ; 
    position:fixed ; z-index:9999 ; left:-10px ; top:-10px ;
    font-size:0 ; line-height:0 ; height:0 ; color:transparent }



/* SKIP */
#top_skip , #top_skip > a , .skip { display:block ; width:100% ; overflow:hidden }
#top_skip , .skip { position:fixed ; left:0 ; top:0 ; z-index:100 }
#top_skip > a , .skip { font-size:0 ; color:transparent ; line-height:0 ; text-align:center ; padding:0 ; opacity:0 ; height:0 }
#top_skip > a:focus , #top_skip > a:hover , .skip:focus , .skip:hover { 
    font-size:1.6rem ; line-height:2.4rem ; color:#ffffff ; 
    padding:1rem ; padding-bottom:1.2rem ; height:auto ; opacity:1 }
#top_skip > a:focus , .skip:focus { background-color:#000000 } 
#top_skip > a:hover , .skip:hover { background-color:#002157 }