@charset "utf-8";

*{padding:0;margin:0;outline:0px solid #ccc;}
html,body{width:100%;height:100%;}
html{}
body{ font-family:'Noto Sans KR', 'Noto Sans', sans-serif;letter-spacing:-0.1px;font-weight:200;color:#333;word-break:keep-all;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{position:relative;border:none;background:none;}
hr,legend {display:none;}
img,fieldset,iframe {border:none;}
img{vertical-align:top;}
textarea{}
caption {display:none;}
input,select,button{vertical-align:middle;
/*
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
*/
}
select {background:#fff;}
button{margin:0;padding:0;}
table{border:none;border-collapse:collapse;padding:0;border-spacing:0;border-color: gray}
a{text-decoration:none;color:#333;}
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;}
input {border:0;outline:0;}
strong {font-weight:500;}
h3 {font-weight: 500;}
.eff {
-webkit-transition : all 0.3s ease;
-moz-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease;
}



@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NanumSquareRoundL.eot") format("eot"),
    url("../fonts/NanumSquareRoundL.woff2") format("woff2"),
    url("../fonts/NanumSquareRoundL.woff") format("woff"),
    url("../fonts/NanumSquareRoundL.ttf") format("truetype");
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NanumSquareRoundR.eot") format("eot"), 
    url("../fonts/NanumSquareRoundR.woff2") format("woff2"),   
    url("../fonts/NanumSquareRoundR.woff") format("woff"), 
    url("../fonts/NanumSquareRoundR.ttf") format("truetype");
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NanumSquareRoundB.eot") format("eot"), 
    url("../fonts/NanumSquareRoundB.woff2") format("woff2"), 
    url("../fonts/NanumSquareRoundB.woff") format("woff"), 
    url("../fonts/NanumSquareRoundB.ttf") format("truetype");
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/NanumSquareRoundEB.eot") format("eot"), 
    url("../fonts/NanumSquareRoundEB.woff2") format("woff2"), 
    url("../fonts/NanumSquareRoundEB.woff") format("woff"), 
    url("../fonts/NanumSquareRoundEB.ttf") format("truetype");
}



@font-face {
  font-family: "Noto Sans KR";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/NotoSans-Thin.eot?") format("eot"),
  url("../fonts/NotoSans-Thin.otf") format("opentype"),
  url("../fonts/NotoSans-Thin.woff") format("woff"),
  url("../fonts/NotoSans-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/NotoSans-Light.eot?") format("eot"),
  url("../fonts/NotoSans-Light.otf") format("opentype"),
  url("../fonts/NotoSans-Light.woff") format("woff"),
  url("../fonts/NotoSans-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/NotoSans-DemiLight.eot?") format("eot"),
  url("../fonts/NotoSans-DemiLight.otf") format("opentype"),
  url("../fonts/NotoSans-DemiLight.woff") format("woff"),
  url("../fonts/NotoSans-DemiLight.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/NotoSans-Regular.eot?") format("eot"),
  url("../fonts/NotoSans-Regular.otf") format("opentype"),
  url("../fonts/NotoSans-Regular.woff") format("woff"),
  url("../fonts/NotoSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/NotoSans-Medium.eot?") format("eot"),
  url("../fonts/NotoSans-Medium.otf") format("opentype"),
  url("../fonts/NotoSans-Medium.woff") format("woff"),
  url("../fonts/NotoSans-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/NotoSans-Black.eot?") format("eot"),
  url("../fonts/NotoSans-Black.otf") format("opentype"),
  url("../fonts/NotoSans-Black.woff") format("woff"),
  url("../fonts/NotoSans-Black.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans KR";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/NotoSans-Bold.eot?") format("eot"),
  url("../fonts/NotoSans-Bold.otf") format("opentype"),
  url("../fonts/NotoSans-Bold.woff") format("woff"),
  url("../fonts/NotoSans-Bold.woff2") format("woff2");
}
