@font-face {
  font-family: NanumSquare;
  src: url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareR.woff) format('woff'),
       url(/font/NanumSquareR.ttf) format('truetype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: NanumSquare;
  src: url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareB.woff) format('woff'),
       url(/font/NanumSquareB.ttf) format('truetype');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: NanumSquare;
  src: url(/font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareEB.woff) format('woff'),
       url(/font/NanumSquareEB.ttf) format('truetype');
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: NotoSansKR;
  src: url(/font/NotoSansKR-Light.woff2) format('woff2'),
	   url(/font/NotoSansKR-Light.woff) format('woff'),
       url(/font/NotoSansKR-Light.otf) format('opentype');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: NotoSansKR;
  src: url(/font/NotoSansKR-DemiLight.woff2) format('woff2'),
	   url(/font/NotoSansKR-DemiLight.woff) format('woff'),
       url(/font/NotoSansKR-DemiLight.otf) format('opentype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: NotoSansKR;
  src: url(/font/NotoSansKR-Medium.woff2) format('woff2'), 
	   url(/font/NotoSansKR-Medium.woff) format('woff'),
       url(/font/NotoSansKR-Medium.otf) format('opentype');
  font-style: normal;
  font-weight: 800;
}


* { margin:0; padding:0; border:0; outline:0;}
html{width:100%;}
body{font-size:14px; font-family:NanumSquare,NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif; width:100%; color:#fff; word-spacing:normal; letter-spacing:normal; background:#131313;}
a,a:link,a:visited{color:#333333; text-decoration:none;}
a:hover{color:#000;}
ul,ol{list-style:none}
img, video{ border:0; vertical-align:top; }
input, select{ vertical-align:middle; font-family:NotoSansKR,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
legend,hr{ display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
.blind,caption{overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* Layout base */
#wrap {position:relative; width:100%; margin:0 auto; min-width:1300px;}
#header_wrap {position:fixed; width:100%; height:120px; left:0px; top:0px; z-index:1000; transition:all 0.2s ease 0s;}
#footer_wrap {position:relative; width:100%; box-sizing:border-box; border-top:solid 1px rgba(255,255,255,.12); padding:0px 50px 90px 50px;}

.cfixed:after {display:block; content:""; clear:both;}
.body_style {overflow-y:hidden;}

/* drag */
::selection {background:#14b1b6; color:#FFF; text-shadow:none;}
::-moz-selection {background:#14b1b6; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#14b1b6; color: #FFF; text-shadow: none;}

/* ÆäÀÌÁö¹øÈ£*/
.spu_page_wrap {position:relative; width:100%; height:30px; box-sizing:border-box; text-align:center; margin-top:30px;}
.list_pagenum {position:relative; display:inline-block; height:30px;}
.list_pagenum ul li {position:relative; float:left; width:30px; height:30px; line-height:30px; box-sizing:border-box; border-top:solid 1px #e9e9e9; border-left:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; text-align:center; cursor:pointer; color:#999; font-size:12px; font-family:NanumSquare,nanumbarungothic,"Nanum Gothic","¸¼Àº °íµñ","Malgun Gothic","µ¸¿ò",Dotum,sans-serif;}
.list_pagenum ul li:nth-child(1) {border-top-left-radius:3px; border-bottom-left-radius:3px;}
.list_pagenum ul li:nth-last-child(1) {border-top-right-radius:3px; border-bottom-right-radius:3px; border-right:solid 1px #e9e9e9;}
.list_pagenum ul li:hover {background:#f4f2f2;}
.list_pagenum ul li.page_on {background:#e9e9e9;}

.navi_bg {background:#131313; transition:all 0.2s ease 0s;}