@font-face{font-family:'ng';src:url('nanum.gothic.eot');src:local('?'), url('nanum.gothic.woff') format('woff'), url('nanum.gothic.ttf') format('truetype');font-style:normal;font-weight:normal;}
@font-face{font-family:'ngb';src:url('nanum.gothic.bold.eot');src:local('?'), url('nanum.gothic.bold.woff') format('woff'), url('nanum.gothic.bold.ttf') format('truetype');font-style:normal;font-weight:normal;}

* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

body::-webkit-scrollbar { 
display: none; 
font-family:'ng';}

#wrap {
    position: relative;
    width: 100%;
}

.btn_gotop {
	display:none;
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:999;
	outline:none;
	background-color:#666666;
	color:#ffffff;
	cursor:pointer;
	padding:10px 10px;
	border-radius:10px;
}

.subtitle {
	height:410px; 
	text-align:center;
}

.subtitle > span {
	font-family:'ngb'; 
	font-size:50px; 
	color:#ffffff;
	display:inline-block;
	margin-top:190px;
}

.borderbottom {border-bottom:3px solid #3f99d5; width:50px; height:0; margin:0 auto;}

/* 메인 콘텐츠 */
#main_content {
    position: relative;
    /*float: left;            */
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
	margin-bottom:300px;
	clear: both;
}

#main_content > article {
    float: left;
    width: 100%;
	margin: 0 auto;
}

#main_content article .main1 {
	width:1200px; 
	height:100%;
	position:relative;
	margin:0 auto;
	text-align:center;
}

#main_content article ul{
	position:absolute;
}

#main_content article ul li {
	list-style: none;
}

#main_content article ul li a {
    text-decoration: none;
	font-size:15px;
	color:#3f99d5;
	line-height:25px;
}

#main_content article .main_month tr td {
	color:#6f6f6f; line-height:25px; padding-top:30px;
	
}

.main_month tr .month {
	font-family:'ngb'; text-align:center; font-size:25px;
}

.main_month tr td span {
	font-family:'ngb'; font-size:15px; 
}

#main_content article .main_month2 tr td {
	color:#6f6f6f; line-height:40px; padding-top:30px;
	
}

.main_month2 tr .month {
	font-family:'ngb'; text-align:center; font-size:25px;
}

.main_month2 tr td span {
	font-family:'ngb'; font-size:15px; 
}
#lnb2 {
  list-style:none; text-decoration: none; margin:0 auto; width:1200px;
}

#lnb2 li {
  float:left; width:600px; height:40px; line-height:40px;
}


#lnb2 a:hover {
	font-weight:bold;
 
}
#lnb2 .active {
	 font-weight:bold; border-bottom:3px solid #eeeeee;
}

#lnb3 {
  list-style:none; text-decoration: none; margin:0 auto; width:1000px; position: fixed;
}

#lnb3 li {
  float:left; width:333px; height:40px; line-height:40px;
}


#lnb3 a:hover {
	font-weight:bold;
 
}
#lnb3 .active {
	 font-weight:bold; background:#f1f1f1;
}

#lnb3 .active a {
	 color:#3f99d5;
}

.intable tr td img {width:135px;}

.intable {width:1200px; height:100%; text-align:center; 
			font-size:12px; margin:0 auto; padding-top:40px;
}

.tabletitle {
	width:1000px; position:relative; margin:0 auto; color:#3f99d5; font-family:'ngb';
	font-size:20px; margin-top:50px;
}

.tabletitle div {width:235px; text-align:center; height:40px; line-height:40px;
background: #eeeeee; 
}

.intable2 tr td img {width:115px;}

.intable2 {border:3px solid #eeeeee; width:1000px; height:100%; text-align:center; 
			font-size:12px; margin:0 auto; padding-top:30px;
}

.tabletitle2 {
	width:800px; position:relative; margin:0 auto; color:#555555; font-family:'ngb';
	font-size:20px; margin-top:100px;
}

.tabletitle2 div {width:800px; text-align:left; height:40px; line-height:40px;
background:none;; 
}

.intable3 {background:#f1f1f1; width:800px; height:100%; text-align:center; 
			font-size:12px; margin:0 auto; padding-top:30px; padding-bottom:30px;
}

.intable4 {background:#ffffff; width:800px; height:100%; text-align:left; 
			margin:0 auto; padding-top:20px; padding-bottom:20px; 
			font-size:15px; 
			border-right:none; border-left:none; line-height:25px;
}


#layerPopup1 , #layerPopup2 , #layerPopup3 , #layerPopup4 , #layerPopup5 , #layerPopup6 , #layerPopup7
 , #layerPopup8 , #layerPopup9 , #layerPopup10 , #layerPopup11 , #layerPopup12 , #layerPopup13 , #layerPopup14
 , #layerPopup15 , #layerPopup16 , #layerPopup17 , #layerPopup18 , #layerPopup19 , #layerPopup20 , #layerPopup21
 , #layerPopup22, #layerPopup23, #layerPopup24
 {position:absolute; z-index:1000; top:0; width:100%; height:100%; background-color: rgba( 0, 0, 0, 0.8 );}

.button {width:700px; margin-left:30%; margin-top:100px;}

#nav {
    width:130px;
    position: fixed;
	height:125px;
	z-index:99;
	top:285px;
	left:300px;
	display:none;
}

#nav nav {
    position: fixed;
    width: 130px;
	list-style:none;
}

#nav a {
    border-bottom: 1px solid #666;
    color: #4b4b4b;
    padding: 10px;
    text-align: center;
	text-decoration: none;
	display:block;
	width:130px;
	background:#ffffff;	
	font-size:12px;
	transition: background-color 0.3s, color 0.3s;
}

#nav a:hover, #nav a.active {
    background: #666;
    color: #fff;
	font-family:'ngb';
}

#nav1 {
    width:130px;
    position: absolute;
	height:125px;
	z-index:99;
	top:285px;
	left:300px;
	display: none;
}

#nav1 nav {
    position: fixed;
    width: 130px;
	list-style:none;
}


#nav1 a {
    border-bottom: 1px solid #666;
    color: #4b4b4b;
    padding: 10px;
    text-align: center;
	text-decoration: none;
	display:inline-block;
	width:130px;
	background:#ffffff;	
	font-size:12px;
}

#nav1 a:hover, #nav1 a.active {
    background: #666;
    color: #fff;
	font-family:'ngb';
}

.intable4 tr td a {
	text-decoration: none;
	font-size:12px;
	background:#666;
	border-radius:10px;
	float:right;
	color:#ffffff;
	width:120px;
	height:25px;
	line-height:25px;
	text-align:center;
	margin-top:10px;
}

footer {
	background:#212121;
	font-family:'ngb';
    clear:both;
    width: 100%;
	height:160px;
	position:fixed;
	bottom:0;
}

footer .body {
	position:relative;
    width: 100%;
}

footer .bottom {
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	height:50px;
    width: 1200px;
    margin: 0 auto;
	padding-top:30px;
}

footer .bottom img {
	float:right;
	margin-top:-10px;
}

/*@media screen and (max-width:1720px){
	#main_content article .slider{ width:100%;}
	#nav > nav {display:none;}
	#nav1 > nav {display:none;}
}

@media screen and (max-width:1200px){
	footer .bottom {width:1000px;}
	#main_content article .main1 {width:1030px;}
	#main_content article .intable {width:1030px;}
	#lnb2 {width:1030px;}
	#lnb2 li {width:515px;}
	#main_content article .main1 img {width:800px;}
	#main_content article .main1 .greeting {display:none;}
}

@media screen and (max-width:1110px){
	footer .bottom {width:800px;}
}

@media screen and (max-width:1030px){
	#wrap div #header nav ul {width:800px; font-size:12px;}
	#wrap div #header nav ul > li > a {width:130px;}
	#wrap div #header nav ul .inmenu1 {margin-left:260px;}
	#wrap div #header nav ul .inmenu2 {margin-left:405px;}
	#wrap div #header nav ul .inmenu3 {margin-left:513px;}
	#wrap div #header nav ul .inmenu4 {margin-left:660px;}
	#main_content article .main1 {width:800px;}
	
	#main_content article .main1 .greeting {display:none;}
	#lnb2 {width:800px;}
	#lnb2 li {width:400px;}
	#main_content article .intable {width:800px;}
	#layer div > a > img {width:50%;}
	#main_content article .tabletitle {width:800px;}
	#main_content article .intable2 {width:800px;}
}

@media screen and (max-width:800px){
	#wrap div #header nav ul {width:700px;}
	#wrap div #header nav ul > li > a {width:105px;}
	#wrap div #header nav ul .inmenu1 {margin-left:230px;}
	#wrap div #header nav ul .inmenu2 {margin-left:346px;}
	#wrap div #header nav ul .inmenu3 {margin-left:435px;}
	#wrap div #header nav ul .inmenu4 {margin-left:553px;}
}

@media screen and (max-width:720px){
	.pcver {display:none;}
	.mover {display:block;}
	#header > nav.mover > a > img {width:100px; margin-top:30px; margin-left:10px;}
	#wrap div #header nav ul {width:155px; line-height:30px; height:100%;}
	#header > nav.mover ul > li {font-family:'ng'; color:#ffffff; text-align:center; margin-top:10px; border-bottom:1px solid #cacaca;}
	#header > nav.mover ul > li ol {position:relative; margin-left:0; top:0; display:none;}
	nav ol > li > a {color:#fefefe;}
	nav ul {margin-right:35px; top:0;}
	nav ul > li {float:none; width:180px; font-size:16px;}
	#header > nav.mover div {position:absolute; right:-20px; width:200px; background: rgba(0,0,0,0.9); box-shadow: 0px 0px 20px #000; padding-bottom:10px; top:45px; display:none;}
	#header > nav.mover > span {color:#ffffff; font-size:42px; position:absolute; right:20px; z-index:999; top:15px;}
	#momenu1:hover > .momenu {display:inline-block;}
	
	#main_content article .main1 {width:420px;}
	
	#main_content article .main_month tr td {font-size:14px;}
	.main_month tr td span {font-size:12px;}
	#lnb2 li {width:210px;}
	#main_content article .intable {width:420px;}
	.intable tr td img {width:90px;}
	#layer div > a > img {width:90%;}
	.button {margin-left:5%;}
	#main_content article .intable2 {width:420px;}
	.intable2 tr td img {width:81px;}
	.intable4, .intable3 {width:420px; padding:15px;}
	#main_content > article > table.intable3 > tbody > tr > td > img {width:390px;}
	.main_month2 tr .month {font-size:16px;}
	
	#wrap > footer > div > div.bottom.mover {width:420px; text-align:center;}
	#wrap > footer {height:210px;}
}*/