/* CSS reset  */
/*******************************************************************************************************************************************/
@charset "EUC-KR";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+Kr');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

html,body, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-family:'Noto Sans Kr','nanum Gothic'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family: 'Noto Sans Kr','nanum Gothic','Malgun Gothic', dotum, sans-serif;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans Kr','nanum Gothic','Malgun Gothic', dotum, sans-serif;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;}
a {color:#222;text-decoration:none}

img { max-width:100%; }
/*
* { font-weight:300; }
*/
h1, h2, h3, h4, h5, h6, strong { font-weight:500; }

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


a, div { -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

select{
   -webkit-border-radius: 0;
   border:0;
}

table { border-spacing:0; border-collapse:collapse; }

body { position:relative; padding:0; margin:0; }

#contents { width:95%; max-width:1400px; margin:0 auto; }
.ls1 { letter-spacing:1px; }
.fs10 { font-size:10px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }

.fc7 { color:#777; }
.fc5 { color:#555; }
.fc3 { color:#222; }
.fcf { color:#fff; }


*:focus {outline:none;}

.flex_center { display:flex; justify-content:center; align-items:center; }









.modal{ 
  position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; display:none; z-index:9999999; }

.modal > div { width:100%; height:100vh; }

.modal_content{
  width:400px; height:200px;
  background:#fff; border-radius:10px;
  position:relative; top:50%; left:50%;
  margin-top:-100px; margin-left:-200px;
  text-align:center;
  box-sizing:border-box; padding:54px 0;
  line-height:23px; cursor:pointer;
	font-size:20px;

}

.modal_content ul { display:flex; justify-content:center; margin:30px 0 0; }
.modal_content ul li {  margin:0 3px; }
.modal_content ul li a { background:#222; color:#fff; font-size:16px; display:block; width:100px; border-radius:5px; padding:6px 0 7px; }
.modal_close { position:absolute; top:10px; right:10px; width:40px; }



@media(max-width:900px){
.modal_content{
  width:300px; height:200px;
  background:#fff; border-radius:10px;
  position:relative; top:50%; left:50%;
  margin-top:-100px; margin-left:-150px;
  text-align:center;
  box-sizing:border-box; padding:54px 0;
  line-height:23px; cursor:pointer;
	font-size:20px;

}
}




.mo_ver { display:none; }
.pc_ver { display:block; }
@media(max-width:900px){
.mo_ver { display:block; }
.pc_ver { display:none; }
}


.overflow_hidden {overflow:hidden; height:100% }


table td { word-break:break-all; }