body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p {margin:0;padding:0;font-size:12px;color:#999;font-family:'Malgun Gothic','맑은 고딕','Nanum Gothic','나눔 고딕',sans-serif;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;padding:0;}
img {vertical-align:top;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
form {margin:0;}

a {text-decoration:none;color:#999;}
a:hover {text-decoration:underline;}
ul, ol, li, dl, dt, dd {list-style:none;padding:0;margin:0;}

/* 플롯 해제 */
.clearFix:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearFix {display:inline-block;}
* html .clearFix {height:1%;}
.clearFix {display:block;}
/* 플롯 해제 */

caption, legend, .skip, hr {display:none;}
input, textarea {outline-style:none; resize:none;}

body{background-color:#3e3a3a;}
#container{background-color:#fff;}
#header{padding:15px 0 0 0; text-align:center; position:relative; z-index:10;}
#header h1{padding:0 0 10px 0;}
#header .nav{background:#f8f8f8; border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
#header .nav ul{width:776px; padding:0 0 0 248px; margin:0 auto 0;}
#header .nav ul li{float:left; position:relative;}
#header .nav ul li .depth-1{display:block; height:33px; overflow:hidden;}
#header .nav ul li .menu-1{width:182px;}
#header .nav ul li .menu-2{width:124px;}
#header .nav ul li .menu-3{width:134px;}
#header .nav ul li .menu-4{width:142px;}
#header .nav ul li .depth-1:hover img, #header .nav ul li .sect img{margin-top:-33px;}
#header .nav ul li .depth2{height:30px; padding:17px 0 0 0; overflow:hidden; position:absolute; top:28px; display:none;}
#header .nav ul li .depth2 div{height:30px; overflow:hidden;}
#header .nav ul li .depth2 div a{float:left;}
#header .nav ul li .depth2 div a:hover img, #header .nav ul li .depth2 div a.sect img{margin-top:-30px;}
#header .nav ul li .depth2-menu-1{width:376px; left:30px; background:url(../images/ico_menu1_bg.png) no-repeat left 10px;}
#header .nav ul li .depth2-menu-2{width:152px; left:-15px; background:url(../images/ico_menu2_bg.png) no-repeat left 10px;;}
#header .quick{height:18px; overflow:hidden; position:absolute; top:42px; right:30px;}
#header .quick li{float:left; margin-left:12px;}
#contents{width:1024px; margin:0 auto 0;}
#contents .contents h2, #contents .contents h3, #contents .contents .cts{float:left;}
#contents .contents h2{width:194px; padding:17px 0 0 100px;}
#contents .contents h3{width:140px; padding:68px 0 0 0;}
#contents .contents .cts{padding:75px 0 0 0;}
#footer{text-align:center; background-color:#3e3a3a;}



.history{margin-bottom:20px;}
.history th, .history td{padding:0 0 40px 0; color:#000;}
.history th{width:115px; font-size:30px;}
.history td{width:280px; font-size:13px;}
.thumnail-list{width:556px; padding:0 0 25px 0;}
.thumnail-list li{float:left; width:126px; margin-right:13px;}
.thumnail-list li p{padding:5px 0 10px 0;}
.thumnail-list li p a, .thumnail-list li p strong{color:#000; display:block;}

.paging{text-align:center; padding:0 0 30px 0;}
.paging a{color:#000;}
.paging a, .paging img{vertical-align:middle;}
.paging a.num{padding:0 5px;}

.view{width:543px; text-align:center; padding:0 0 40px 0;}
.view .images{position:relative;}
.view .images a{display:block; width:24px; height:47px; position:absolute; top:50%; margin-top:-24px;}
.view .images a.prev{left:15px;}
.view .images a.next{right:15px;}
.view .text{text-align:left; padding:15px 0 0 73px;}
.view .text strong, .view .text p{color:#000;}
.view .text p{padding:7px 0 0 0;}