﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;}
img {vertical-align:top;}

* {
  box-sizing: border-box;
  font-family:"Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif;
	letter-spacing:-1px;
	font-weight:400;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke:1px transparent;	
}

html {font-size:16px;}

.vtop {vertical-align:top;}
.vmid {vertical-align:middle;}
.vbott {vertical-align:bottom;}

.txtl {text-align:left;}
.txtc {text-align:center;}
.txtr {text-align:right;}

.h10 {height:10px;}
.h12 {height:12px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h23 {height:23px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.h55 {height:55px;}
.h60 {height:60px;}
.h65 {height:65px;}
.h70 {height:70px;}
.h100 {height:100px;}

.cboth {clear:both;}

html, body {height:100%;}
#wrap {width:100%;}

#wrap #container {position:relative; width:100%; margin:40px 0 0 0;}
#wrap #container .inner {width:1200px; margin:0 auto; position:relative;}
#wrap #container .inner:after {clear:both; display:block; content:'';}
#wrap #container .section {float:left; width:870px; padding-right:29px;}
#wrap #container .section.br {border-right:1px solid #ebebeb;}
#wrap #container .section:after {clear:both; display:block; content:'';}
#wrap #container .section .left {float:left;}
#wrap #container .section .right {float:right;}

#wrap #container .aside {float:right; width:300px;}
#wrap .page {text-align:center; margin-top:40px;}
#wrap .page span {display:inline-block; font-size:15px; line-height:25px; vertical-align:middle;}
#wrap .page span a {color:#000;}
#wrap .page .pager:after {clear:both; display:block; content:'';}
#wrap .page .pager {padding:0 10px;}
#wrap .page .pager > a:first-child {border-left:1px solid #ebebeb;}
#wrap .page .pager > a:first-child.on {border-left:1px solid #1f48a8;}
#wrap .page .pager > a {float:left; display:inline-block; text-align:center; width:25px; height:25px; line-height:23px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; font-size:15px; color:#000;}
#wrap .page .pager > a.on {background:#1f48a8; color:#fff; border-top:1px solid #1f48a8; border-bottom:1px solid #1f48a8; border-right:1px solid #1f48a8;}
/* 리스트 오버 공통 시작 */
.list_hover .title a:hover {color:#4b74d8 !important;}
.list_hover1 .title a:hover {color:#c3dcff !important;}
.thumb {overflow:hidden; text-align:center;}
.thumb img {width:auto!important; height:100%; display:inline-block!important;}
/* 리스트 오버 공통 끝 */
