@charset "utf-8";

*{padding:0;margin:0;outline:0px solid #ccc;}
html,body{width:100%;height:100%;}
html{}
body{ font-family:'Pretendard', 'Noto Sans KR', 'Noto Sans', sans-serif;letter-spacing:-0.3px;font-weight:200;color:#333;}
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;
}
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;}
.eff {
-webkit-transition : all 0.3s ease;
-moz-transition : all 0.3s ease;
-o-transition : all 0.3s ease;
transition : all 0.3s ease;
}

/* skipNavi */
#skipNavi{position:relative;left:0;top:0;width:100%}
#skipNavi a{overflow:hidden;display:block;width:1px;height:1px;margin-bottom:-1px;color:#0068b0;font-size:16px;text-align:center;text-decoration:none}
#skipNavi a:active,
#skipNavi a:focus{width:100%;height: auto;padding:5px 0;background-color:#ddd} 
:focus {outline: 2px solid #ffba00;}

@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");
}


@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/Pretendard-Thin.eot?") format("eot"),
  url("../fonts/Pretendard-Thin.otf") format("opentype"),
  url("../fonts/Pretendard-Thin.woff") format("woff"),
  url("../fonts/Pretendard-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/Pretendard-Light.eot?") format("eot"),
  url("../fonts/Pretendard-Light.otf") format("opentype"),
  url("../fonts/Pretendard-Light.woff") format("woff"),
  url("../fonts/Pretendard-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/Pretendard-DemiLight.eot?") format("eot"),
  url("../fonts/Pretendard-DemiLight.otf") format("opentype"),
  url("../fonts/Pretendard-DemiLight.woff") format("woff"),
  url("../fonts/Pretendard-DemiLight.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/Pretendard-Regular.eot?") format("eot"),
  url("../fonts/Pretendard-Regular.otf") format("opentype"),
  url("../fonts/Pretendard-Regular.woff") format("woff"),
  url("../fonts/Pretendard-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/Pretendard-Medium.eot?") format("eot"),
  url("../fonts/Pretendard-Medium.otf") format("opentype"),
  url("../fonts/Pretendard-Medium.woff") format("woff"),
  url("../fonts/Pretendard-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  src: url("../fonts/Pretendard-Black.eot?") format("eot"),
  url("../fonts/Pretendard-Black.otf") format("opentype"),
  url("../fonts/Pretendard-Black.woff") format("woff"),
  url("../fonts/Pretendard-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-style: normal;
  src: url("../fonts/Pretendard-Bold.eot?") format("eot"),
  url("../fonts/Pretendard-Bold.otf") format("opentype"),
  url("../fonts/Pretendard-Bold.woff") format("woff"),
  url("../fonts/Pretendard-Bold.woff2") format("woff2");
}