@charset "utf-8";
 
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap'); 
/* font-family:'Roboto',sans-serif */

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');  
/* font-family: 'Nanum Gothic', sans-serif; */


* { margin:0px ; padding:0px ; font-size:1em ; line-height:0px ; color:#595959 ; word-break:break-all ; vertical-align:top ;
	font-family:'Noto Sans KR', sans-serif ; text-decoration:none ; font-weight:300 ; border:0px  }
	
html , body {width:100% ; height:100% }	
body { background-color:#ffffff }
img , legend , fieldset { border:0px }
ul,li,dt,dd,dl,ol { list-style:none ; vertical-align:top }
a , button { cursor:pointer }
 
.sound , legend { font-size:0px ; line-height:0px ; overflow:hidden ; height:0px ; text-indent:-9999px }



/* SKIP MENU */
#skipMenu   { width:100% ; overflow:hidden ; position:fixed ; z-index:99} 
#skipMenu a { display:block ; font-size:0px ; height:0px ; line-height:0px ; overflow:hidden ; text-align:center }
.foucs_btn { display:block ; overflow:hidden ; font-size:0px ; text-indent:-9999px ; width:100% ; height:0px }
.foucs_btn:focus , .foucs_btn:hover , .foucs_btn:active ,
#skipMenu a:focus , #skipMenu a:hover , #skipMenu a:active { 
    background-color:#555555 ; color:#ffffff ; font-size:1em ; line-height:2em ; height:auto ; padding:5px 0px ; box-sizing:border-box ; text-align:center  } 
#skipMenu a:hover , .foucs_btn:hover { background-color:#000000 }
.foucs_btn:focus , .foucs_btn:hover { position:fixed ; left:0px ; top:0px ; z-index:99 ; text-indent:0px }