@charset "utf-8";
@import url(/css/font.css);

*{-webkit-text-size-adjust:none}


html{
    font-size:20px !important;  height: 100%;
}

@media all and (min-width:411px) {
   html{ font-size:23px !important; }
}

@media all and (min-width:360px) and (max-width:374px) {
   html{ font-size:20px !important; }
}

@media all and (min-width:375px) and (max-width:410px) {
   html{ font-size:21px !important; }
}


@media all and (min-width:320px) and (max-width:359px) {
   html{ font-size:18px !important; }
}
h1{
    margin:0; padding:0;
}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:'Noto Sans KR', 'Malgun Gothic', 'AppleSDGothicNeo', Arial, Helvetica, serif , sans-serif;letter-spacing:-.4px; }
body{
    -webkit-user-select:none;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
     -webkit-text-size-adjust:none;
     color:#000000;
     word-break:break-all;
     line-height:1;
     letter-spacing:-.4px;
     height:auto !important;display:block;
     min-width: 320px;
     max-width: 1080px;
     margin: 0 auto;
     background-color:#ffffff;    
     line-height:1;
     
     height: 100%; 
}


input:focus {outline:none;}
button{border:none;}
.color1{color:#ffffff;}
.bg1{background-color:#f9f9f9;}
.bg2{background-color:#0d1132;}

/*
@media only screen and (min-device-width:320px)  {
    html{font-size:9px} 
}
@media only screen and (min-device-width:360px)  {
    html{font-size:10px} 
}
@media only screen and (min-device-width:375px)  {
    html{font-size:10.4167px} 
}
@media only screen and (min-device-width:384px)  {
    html{font-size:10.6667px} 
}
@media only screen and (min-device-width:412px)  {
    html{font-size:11.4444px} 
}
@media only screen and (min-device-width:414px)  {
    html{font-size:11.5px}
}
@media only screen and (min-device-width:480px)  {
    html{font-size:13.3333px} 
}
@media only screen and (min-device-width:600px)  {
    html{font-size:16.6667px} 
}
@media only screen and (min-device-width:768px)  {
    html{font-size:10px} 
}*/
.hide{display:none;}

li{list-style:none}
a:active, a:visited, a:hover, a:link{text-decoration:none}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
img{border:0;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
input[type="checkbox"]{-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}
select{-webkit-appearance:menulist-text}

.oh{overflow:hidden}
.cl{clear:both}
.fl{float:left;}
.fr{float:right} 
.ellipsis{
overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap; 
}
.ellipsis_multi{
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */    
    -webkit-box-orient: vertical; 
    word-wrap:break-word;
}

.font_default{font-family: sans-serif;}
.font_no_default{font-family:'Noto Sans KR', 'Malgun Gothic', 'AppleSDGothicNeo', Arial, Helvetica, serif , sans-serif;letter-spacing:-.4px}





input:focus::-webkit-input-placeholder {color:transparent; }