/* CSS reset  */
/*******************************************************************************************************************************************/
@charset "EUC-KR";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');



@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700,800');
/*
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,700,800');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+Kr');
@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700,800');
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");
@import url('https://fonts.googleapis.com/css2?family=Vidaloka&display=swap');
*/

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


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}

h1, h2, h3, h4, h5, h6 { font-weight:500; }

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


img { max-width:100%; }
a, div { -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

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


.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; }



@media(min-width:1000px){
body { min-width:1000px !important }
}




.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;
  overflow:hidden;
  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:150px;
	  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:40px 0 0;
	  overflow:hidden;
	  line-height:23px; cursor:pointer;
		font-size:15px;}
	.modal_content ul { display:flex; justify-content:center; margin:10px 0 0; }
	.modal_close { position:absolute; top:10px; right:10px; width:40px; }
	.modal_content ul li a { font-size:14px; }
	.modal_close img { max-width:20px; }
}



.scroll_no { overflow:hidden; width:100%; height:100%; }

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