@charset "utf-8";
/* CSS Document */

html {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
body {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit; 
}
div {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
span {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
applet {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
object {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
iframe {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
/*
h1 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}

h2 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h3 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
*/
h4 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h5 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h6 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
p {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
blockquote {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
pre {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}

/*
a {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}*/
abbr {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
acronym {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
address {
	 vertical-align: baseline; font-size: 11px; font-stretch: inherit; color:#846335; font-family: "돋움"; font-style:normal; line-height:130%; text-align:center; margin-top:54px;
}
big {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
cite {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
code {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
del {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dfn {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
em {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
img {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ins {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
kbd {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
q {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
s {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
samp {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
small {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
strike {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
strong {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
sub {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
sup {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tt {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
var {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
b {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
u {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
i {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
center {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dl {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dt {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dd {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ol {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ul {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
li {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
fieldset {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
form {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
label {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
legend {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
table {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
caption {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tbody {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tfoot {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
thead {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tr {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
th {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
td {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
article {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
aside {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
canvas {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
details {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
embed {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
figure {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
figcaption {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
footer {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
header {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
hgroup {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
menu {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
nav {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
output {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ruby {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
section {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
summary {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
time {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
mark {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
audio {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
video {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
a:link {
	color: rgb(74, 74, 74); text-decoration: none; border:0;
}
a:visited {
	color: rgb(74, 74, 74); text-decoration: none;border:0;
}
a:active {
	color: rgb(74, 74, 74); text-decoration: none;border:0;
}
a:hover {
	color: rgb(74, 74, 74); text-decoration: none;border:0;
}
body {
	margin: 0px; padding: 0px; line-height: 1.4em; font-family: Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif; font-size: 13px; background-color: rgb(255, 255, 255);
}
div {
	color: inherit;
}
p {
	color: inherit;
}
span {
	color: inherit;
}
td {
	color: inherit;
}
th {
	color: inherit;
}
li {
	color: inherit;
}
dd {
	color: inherit;
}
dt {
	color: inherit;
}
a {
	color: inherit; border:0;
}
form {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px; list-style-type: none;
}
li {
	margin: 0px; padding: 0px; line-height: 1.4em;
}
dl {
	margin: 0px; padding: 0px; line-height: 1.4em;
}
dt {
	margin: 0px; padding: 0px; line-height: 1.4em;
}
dd {
	margin: 0px; padding: 0px; line-height: 1.4em;
}
hr {
	display: none;
}
table caption {
	width: 0px; height: 0px; overflow: hidden; font-size: 0px; visibility: hidden; position: relative;
}
table {
	width: 100%; border-collapse: collapse; border-spacing: 0;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
img {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
type-image {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
fieldset {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
legend {
	display: none;
}
a:link {
	color: rgb(74, 74, 74); text-decoration: none; border:0;
}
a:visited {
	color: rgb(74, 74, 74); text-decoration: none;border:0;
}
a:active {
	color: rgb(74, 74, 74); text-decoration: none;border:0;
}
a:hover {
	color: rgb(74, 74, 74); text-decoration: none;border:0;
}
select {
	margin: 0px; padding: 0px; border: 1px solid rgb(218, 218, 218); border-image: none;
}
input.type-text {
	background: rgb(255, 255, 255); padding: 1px; border: 1px solid rgb(221, 221, 221); border-image: none;
}
textarea {
	background: rgb(255, 255, 255); padding: 1px; border: 1px solid rgb(221, 221, 221); border-image: none;
}
input.type-text:hover {
	background-color: rgb(255, 255, 255);
}
input.type-text:focus {
	background-color: rgb(255, 255, 255);
}
textarea:hover {
	background-color: rgb(255, 255, 255);
}
textarea:focus {
	background-color: rgb(255, 255, 255);
}
select:hover {
	background-color: rgb(255, 255, 255);
}
select:active {
	background-color: rgb(255, 255, 255);
}
input {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif; vertical-align: middle;
}
select {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif; vertical-align: middle;
}
textarea {
	margin: 0px; padding: 0px; color: rgb(51, 51, 51); font-family: Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif; vertical-align: middle;
}
h1 {
	margin: 0px; padding: 0px;
}
/*
h2 {
	margin: 0px; padding: 0px;
}
*/
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
img {
	border: currentColor; border-image: none; vertical-align: middle;
}
blockquote {
	quotes: none;
}
q {
	quotes: none;
}
blockquote::before {
	content: none;
}
blockquote::after {
	content: none;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
.ir {
	left: 9999px; top: auto; width: 1px; height: 1px; overflow: hidden; position: absolute;
}
.mg_t05 {
	margin-top: 5px;
}
.mg_t10 {
	margin-top: 10px;
}
.mg_t20 {
	margin-top: 20px;
}
#skipnavi a {
	left: 0px; top: -10000px; overflow: hidden; display: block; position: absolute;
}
#skipnavi a:hover {
	padding: 15px 0px; top: 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 120%; z-index: 500; background-color: rgb(55, 96, 201);
}
#skipnavi a:focus {
	padding: 15px 0px; top: 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 120%; z-index: 500; background-color: rgb(55, 96, 201);
}
#skipnavi a:active {
	padding: 15px 0px; top: 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); font-size: 120%; z-index: 500; background-color: rgb(55, 96, 201);
}


mr10{ margin-top:10px;}



/* mail */

#mail_wrap { width:100%; margin:0 auto;  }
.mail { width:660px; margin:0 auto; margin-bottom:30px;}
.mail h1 { text-align:center;  }




#wrapper {
	width: 100%; overflow: hidden; margin-top:50px; float:left;
}
#wrapper header {
	height: 115px;  width: 100%; float:left; 
}
#s_vol { display:none;}
#wrapper #head {
	margin: 0px auto; width: 100%; height: 85px; border-bottom-color: rgb(160, 127, 82); border-bottom-width: 4px; border-bottom-style: solid; box-sizing:border-box;
}



#wrapper #head  #headtop { width:1024px; margin:0 auto; }


#wrapper #head h1 { margin:0 auto; text-align:center; width:280px;
	
}
#wrapper #head h1 img { text-align:center; 
 height:100%; /*--로고영역--*/
}

#wrapper #head  #vol { float:left; margin-left:12px; 
}

#wrapper #head  #vol  li:first-child{margin:14px 0  7px 0px;
}

#wrapper #head  #topmenu{ float:right;  width:140px; margin-right:12px; margin-top:-20px; }
#wrapper #head  #topmenu li { float:left;
}
#wrapper #head  #topmenu li:nth-child(1){ margin-right:10px;
}

#wrapper #head  #topmenu li:nth-child(2){ margin-right:12px;
}
#wrapper #head  #topmenu a:link { border:none;}


#wrapper #nav { height: auto;
	width: 1024px;  margin:0 auto; 
}


#wrapper #nav  ul { font-size:120%; color:#a07f52; font-weight:bold; width:100%; margin-top:10px;
}

#wrapper #nav  ul li { width:20%; float:left; background:url(../img/seper.gif) no-repeat right 4px; text-align:center; 
}

#wrapper #nav  ul li:last-child { background-image:none;
}

#wrapper #nav  a:link {
	color:#a07f52;  text-decoration: none; 
}
#wrapper #nav  a:visited {
	color:#a07f52;  text-decoration: none;
}
#wrapper #nav  a:active {
	color:#a07f52;  text-decoration: none;
}
#wrapper #nav  a:hover {
	color:#a07f52; text-decoration: none;
}



/*
#nav nav ul > li {
	padding: 0px 10px; font-size: 14px; font-weight: bold; float: left; position: relative;
}



#nav nav ul  ul {
	padding: 0px 10px; font-size: 12px; font-weight: bold; display:none; position:relative;
}

 

#nav nav ul > li::before {
	left: 0px; top: 7px; width: 1px; height: 16px; position: absolute; content: ""; background-color: rgb(217, 217, 217);
}
#nav nav ul > li:first-child::before {
	display: none;
}
#nav nav ul > li:first-child {
	padding-left: 0px;
}
#nav nav ul > li:last-child {
	padding-right: 0px;
}
#nav nav li a {
	color: rgb(51, 51, 51);
}
#nav nav li a:hover {
	color: rgb(29, 128, 195); text-decoration: underline;
}


*/


#nav .navtop {
	display: none;
}


#head > .snstop {
	top: 5px; right: 0px; position: absolute;
}
#nav > .snstop {
	display: none;
}
.snstop li {
	width: 30px; height: 20px; margin-left: 10px; float: left;
}
.snstop li a {
	background: url("../img/top_snsset.png") no-repeat 0px 0px / 120px 40px; text-indent: -9999px; display: block;
}
.snstop li a:hover {
	background-position: 0px -20px;
}
.snstop li:nth-child(2) a {
	background-position: -30px 0px;
}
.snstop li:nth-child(2) a:hover {
	background-position: -30px -20px;
}
.snstop li:nth-child(3) a {
	background-position: -60px 0px;
}
.snstop li:nth-child(3) a:hover {
	background-position: -60px -20px;
}
.snstop li:nth-child(4) a {
	background-position: -90px 0px;
}
.snstop li:nth-child(4) a:hover {
	background-position: -90px -20px;
}
#main_wrap { clear:both;}
#main_contents {
	background: url("../img/m_top_bg.jpg") no-repeat; height:446px;width:1024px; margin:0 auto;
} 
/*----*/
#mo_contents{ display:none;}


#main_contents  h2{ float:left; } 

a:link {
	color: rgb(74, 74, 74); text-decoration: none; border:0;
}
a:visited {
	color: rgb(74, 74, 74); text-decoration: none;border:0;
}
a:active {
	color: rgb(74, 74, 74); text-decoration: none;border:0;
}
a:hover {
	color: rgb(74, 74, 74); text-decoration: none;border:0;
}


#main_contents  .hm01{ margin:60px 0px 85px 50px;}

#main_contents  a { display:block;}
#main_contents  .hm02{ margin:60px 0px 85px 180px;}
#main_contents  .hm03{ margin:0px 0px 0px 50px;}
#main_contents  .hm04{ margin:0px 0px 0px 160px;}

#main_contents  ul{ padding:70px 40px 0px 40px; } 
#main_contents  ul li { float:left;} 
.os{ margin-left:50px; }
#main_contents   li:nth-child(1){ }
#main_contents   li:nth-child(2){ float:right; }
#main_contents   li:nth-child(3){ margin-top:75px;}
#main_contents   li:nth-child(4){ float:right; margin-top:75px;}

#main_con_news { 
	width:1024px; margin:0 auto; background:url(../img/main_con_news_bg.gif) repeat-x; height:360px;
} 
#mo_con_news{ display:none;}


#main_con_news  ul{ width:334px; float:left; margin-top:10px;
} 
#main_con_news  .space{ margin-right:11px;}
#main_con_news  li{ width:334px; float:left;
} 
#main_con_news  li:last-child{ float:left; height:49px; border-top: #e2e2e2 solid 1px;  border-bottom: #e2e2e2 solid 1px; font-size:110%; color:#666; text-align:center; line-height:130%; letter-spacing:-0.03em;  font-weight:bold; padding-top:10px;} 

#main_con_news   h2 { text-align:center; margin:0; padding:0;} 


#main_content h3 {
	padding-top: 23px; padding-bottom: 12px; font-size: 18px; font-weight: bold; display: block;
}
#main_content span {
	color: rgb(102, 102, 102); font-size: 14px; display: block;
}
#main_content > div {
	text-align: center;
}
#main_content .main_top {
	height: 430px;
}
/*
#main_content .main_top h2 {
	margin: 10px 0px 140px -300px;  color: rgb(255, 255, 255); line-height: 1.3; letter-spacing: -0.05em; padding-top: 10px; font-size: 30px; font-weight: bold; display: block; position: relative;
}
#main_content .main_top h2 br {
	display: none;
}

#main_content .main_top_m > h2 { display:none;
 
}
*/



#main_content .

::before {
	left: 50%; top: 0px; width: 30px; height: 4px; margin-left: -15px; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
#main_content .main_top > div[class^='main_box'] {
	border-radius: 8px; border: 2px solid rgb(255, 255, 255); border-image: none; width: 140px; height: 110px; margin-bottom: 5px; margin-left: 20px; display: inline-block;
}
#main_content .main_top > div[class^='main_box']:first-child {
	margin-left: 0px;
}
#main_content .main_top > div[class^='main_box'] a {
	height: 70px; padding-top: 40px;
}
#main_content .main_top > div[class^='main_box']:hover {
	transition:0.3s; background-color: rgb(7, 114, 169);
}
#main_content .main_bottom {
	height: 160px; text-align: center;
}
#main_content .main_bottom > div[class^='main_box'] {
	margin: 0px 20px; border-radius: 127px; width: 127px; height: 127px; display: inline-block;margin-right: 10px;
}
#main_content .main_bottom > div[class^='main_box']:hover {
	transition:0.5s; background-color: rgb(7, 114, 169);
}
#main_content div[class^='main_box'] h3 {
	letter-spacing: -0.05em; padding-top: 33px; font-size: 16px; position: relative;
}
#main_content div[class^='main_box'] a {
	color: rgb(255, 255, 255); padding-top: 55px; display: block;
}
#main_content div[class^='main_box'] a:hover {
	text-decoration: underline;
}
#main_content .main_box1 {
	background: url("../img/main_box_icon11.png") no-repeat center 20px rgb(109, 189, 229);
}
#main_content .main_box2 {
	background: url("../img/main_box_icon33.png") no-repeat center 20px rgb(109, 189, 229);
}
#main_content .main_box33 {
	background: url("../img/main_box_icon22.png") no-repeat center 20px rgb(109, 189, 229);
}

#main_content .main_box3 {
	background: url("../img/main_box_icon44.png") no-repeat center 25px rgb(54, 190, 160);
}
#main_content .main_box4 {
	background: url("../img/main_box_icon55.png") no-repeat center 25px rgb(253, 80, 87);
}
#main_content .main_box5 {
	background: url("../img/main_box_icon66.png") no-repeat center 25px rgb(141, 199, 60);
}
#main_content .main_box6 {
	background: url("../img/main_box_icon77.png") no-repeat center 25px rgb(92, 133, 221);
}
#main_content .main_bottom > [class^='main_box'].main_box7 {
	background: url("../img/main_event.png") no-repeat center 0px; margin: 0px; border-radius: 0px; top: 0px; width: 131px; height: 236px; right: 20px; position: absolute;
}
#main_content .main_bottom > [class^='main_box'].main_box7 a {
	width: 132px; height: 140px; color: rgb(51, 51, 51); padding-top: 95px;
}
#main_content .main_bottom > [class^='main_box'].main_box7:hover {
	transition:none; background-color: inherit;
}
#sub_content {
	background: rgb(222, 229, 235); padding: 20px 0px; overflow: hidden;
}
#content {
	background: rgb(255, 255, 255); margin: 0px auto; padding: 25px 30px; width: 930px; overflow: hidden; position: relative; min-height: 600px;
}
.conbox {
	position: relative;
}



.conbox >p{ font-size: 14px; float:left; display:inline; padding-right:10px; color:#666;}
.conbox img{ width: auto;}


.o_tbox {  float:left; width:100%; }
.o_tbox  ul { border: 1px  dotted #f5f5f5; float:left;margin-bottom:10px; width:100%;}
.o_tbox  li.tit01 { border-bottom: 1px solid #CCC; float:left; width:100%; font-size:115%; font-weight:bold;  margin-bottom:10px; padding-bottom:5px;color:#9aa539;}
.o_tbox  li.tit02 { border-bottom: 1px solid #CCC; float:left; width:100%; font-size:115%; font-weight:bold;  margin-bottom:10px; padding-bottom:5px;color:#309eb2;}


.o_tbox  li.txt {  float:left; padding-bottom:5px;  }
.o_tbox  li.img {  float:left; margin-bottom:10px; }
.o_tbox img {}


.o_tbox2 {  width:100%;float:left; margin-bottom:10px;    }
.o_tbox2  ul { border: 1px  dotted #f5f5f5; float:left;margin-bottom:10px; width:100%;display:inline-block; }
.o_tbox2  li.tit01 { float:left; width:100%; font-size:115%; font-weight:bold;  margin-bottom:10px; padding-bottom:5px;color:#9aa539;text-align:center; margin:0 auto;}
.o_tbox2  li.tit02 {  float:left; width:100%; font-size:115%; font-weight:bold;  margin-bottom:10px; padding-bottom:5px;color:#309eb2;text-align:center; margin:0 auto;}


.o_tbox2  li.txt {  padding-bottom:5px;  }
.o_tbox2  li.img { margin:0 auto; text-align:center;}
.o_tbox2 img { width:auto;}


.event{  width:100%;}


.conbox >p.st{ font-size: 12px; text-align:center; padding:15px; font-weight: bold; color:#666666;  width:98%;border-top:1px dotted #000; margin-top:10px;}
.conbox >p img{ text-align:center; margin-right:20px; margin-top:20px; float:left; }

#content h3 {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 28px; font-weight: bold; display: inline-block;
}
#content h4 {
	color: rgb(51, 51, 51); line-height: 28px; padding-top: 14px; font-size: 18px; font-weight: bold; margin-bottom: 20px; display: block; position: relative;
}


#content h4::before {
	left: 0px; top: 7px; width: 28px; height: 5px; position: absolute; content: ""; background-color: rgb(29, 128, 195);
}
#content .title {
	padding-bottom: 15px; margin-bottom: 20px; border-bottom-color: rgb(202, 202, 202); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.share_box {
	top: 5px; right: 0px; position: absolute;
}
.share_box img {
	width: 27px;
}
.share_box ul {
	top: 0px; width: 150px; text-align: right; right: 0px; display: none; position: absolute;
}
.share_box li {
	padding-left: 2px; display: inline-block;
}
#content section {
	margin: 0px auto; color: rgb(102, 102, 102); font-size: 14px;
}

.sub1_info {
	
}
.sub1_info > div {
	background-position: 20px 20px; padding: 20px 0px 10px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 49.5%; margin-bottom: 8px; float: left; min-height: 160px; box-sizing: border-box; background-repeat: no-repeat;
}
.sub1_info > div:nth-child(2n) {
	margin-left: 1%;
}
.sub1_info > div:nth-child(3) {
	min-height: 215px;
}
.sub1_info > div:nth-child(4) {
	min-height: 215px;
}
.sub1_info > div strong {
	padding: 0px 10px 18px 120px; color: rgb(51, 51, 51); line-height: 1.4; letter-spacing: -0.05em; font-size: 18px; font-weight: bold; display: block;
}
.sub1_info > div ul {
	padding: 0px 10px 0px 120px; margin-left: 5px;
}
.sub1_info > div li {
	color: rgb(102, 102, 102); padding-left: 10px; font-size: 14px; margin-bottom: 7px; position: relative;
}
.sub1_info > div li::before {
	border-radius: 10px; left: 0px; top: 8px; width: 4px; height: 4px; margin-top: -2px; position: absolute; content: ""; background-color: rgb(65, 65, 65);
}
.sub1_info > div.info1 {
	background-image: url("../img/sub1_icon1.jpg");
}
.sub1_info > div.info2 {
	background-image: url("../img/sub1_icon2.jpg");
}
.sub1_info > div.info3 {
	background-image: url("../img/sub1_icon3.jpg");
}
.sub1_info > div.info4 {
	background-image: url("../img/sub1_icon4.jpg");
}
.sub1_info > div.info5 {
	background-image: url("../img/sub1_icon5.jpg");
}
.sub1_info > div.info6 {
	background-image: url("../img/sub1_icon6.jpg");
}
.sub1_info > div.info7 {
	background-image: url("../img/sub1_icon7.jpg");
}
.sub1_info > div.info8 {
	background-image: url("../img/sub1_icon8.jpg");
}
.infobox {
	background: rgb(250, 250, 250); padding: 20px; border: 1px solid rgb(214, 214, 214); border-image: none; margin-bottom: 15px; margin-left: 13px;
}
.ing {
	background: url("../img/ingimg2.png") no-repeat center 10px; padding: 160px 10px 20px; text-align: center; margin-top: 100px;
}
.ing strong {
	color: rgb(29, 128, 195); letter-spacing: -0.05em; font-size: 26px; font-weight: bold;
}
p.btn {
	margin-top: 5px; float: right;
}


footer { background: url(../img/footer_bg.jpg) repeat-x;
	 height:129px; width:100%; float:left;
}

footer a:link {
	color:#a07f52;  text-decoration: none; font-weight:bold;
}
footer a:visited {
	color:#a07f52;  text-decoration: none; font-weight:bold;
}
footer  a:active {
	color:#a07f52;  text-decoration: none; font-weight:bold;
}
footer a:hover {
	color:#a07f52; text-decoration: none; font-weight:bold;
}


#footer {
	margin: 0px auto; width: 990px; color: rgb(255, 255, 255); font-size: 12px; position: relative; text-align:center; vertical-align:bottom;
}
#footer a {
	top: 0px; right: 0px; display: block; position: absolute;
}
.topbtn {
	width: 100%; bottom: 0px; position: fixed;
}
.topbtn p {
	margin: 0px auto; position: relative; max-width: 990px;
}
.topbtn p a {
	right: -60px; bottom: 10px; display: inline-block; position: absolute;
}
#main_wrap .topbtn p a {
	bottom: 20px;
}
.topbtn p a img {
	width: 42px;
}
.noticebox {
	text-align: center; padding-top: 50px;
}
.menuicon {
	display: none;
}
.close {
	display: none;
}
.infoG img {
	width: 100%;
}
.cardN {
	margin: 0px auto; padding: 20px; width: 670px; text-align: center; overflow: hidden; position: relative;
}
.cardN img {
	max-width: 100%;
}
.webT {
	text-align: center; overflow: hidden; padding-top: 20px;
}
.webT img {
	max-width: 100%;
}
.webT li {
	padding-bottom: 10px;
}
.slide_page a {
	background: rgb(255, 255, 255); margin: 15px 2px; padding: 7px 12px; border: 1px solid rgb(221, 221, 221); border-image: none; color: rgb(51, 51, 51); font-size: 15px; display: inline-block;
}
.slide_page a:hover {
	border: 1px solid rgb(204, 204, 204); border-image: none; font-weight: bold; text-decoration: underline;
}
.slide_page a.on {
	background: rgb(29, 128, 195); border: currentColor; border-image: none; color: rgb(255, 255, 255);
}
.slide_test ul {
	width: 100%; overflow: hidden; position: relative;
}
.slide_test ul li {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.slide_btn {
	left: 0px; top: 40%; width: 100%; position: absolute;
}
.slide_btn img {
	width: 25px;
}
.slide_btn a {
	background: rgb(0, 0, 0); padding: 10px 15px; opacity: 0.3; -moz-opacity: 0.3;
}
.slide_btn a {
	float: right;
}
.slide_btn a:first-child {
	float: left;
}
.mov {
	width: 100%; position: relative;
}
.center.mov {
	text-align: center;
}
.center.mov iframe {
	margin: 15px auto;
}
.mov iframe {
	background: rgb(238, 238, 238);
}
.mov_caption {
	background: rgb(250, 250, 250); margin: 0px; padding: 20px 10px 20px 20px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 330px; height: 267px; line-height: 1.6em; float: right; position: relative; -ms-overflow-y: auto;
}
.mov_caption strong {
	font-weight: bold !important;
}
.mov_caption p {
	margin-bottom: 10px;
}
.clear {
	clear: both;
}
.pd_l0 {
	padding-left: 0px !important;
}
.mg_l0 {
	margin-left: 0px !important;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.tabcon li {
	display: none;
}
.tabcon li.on {
	display: block;
}
.tabmenu {
	overflow: hidden; margin-bottom: 35px;
}
.tabmenu li {
	text-align: center; padding-bottom: 0px; font-size: 15px; float: left; display: block;
}
.tabmenu .tab2 li {
	width: 50%;
}
.tabmenu .tab3 li {
	width: 33.33%;
}
.tabmenu .tab4 li {
	width: 25%;
}
.tabmenu .tab5 li {
	width: 20%;
}
.tabmenu .tab6 li {
	width: 16.66%;
}
.tabmenu li a {
	background: rgb(249, 249, 249); border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) currentColor; padding: 12px 0px; border-image: none; width: 100%; float: left; display: block; box-sizing: border-box;
}
.tabmenu li:first-child a {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.tabmenu li.on a {
	background: rgb(255, 255, 255); padding: 11px 0px 12px; color: rgb(51, 51, 51); font-weight: 900; border-top-color: rgb(29, 128, 195); border-top-width: 2px; border-top-style: solid;
}
.imgbox {
	margin: 10px auto; text-align: center; clear: both;
}
.imgbox p {
	margin-bottom: 10px;
}
.sub1.imgbox {
	padding: 10px; background-color: rgb(26, 69, 85);
}
.sub1.imgbox img {
	width: auto;
}
.imgbox img {
	max-width: 80%;
}
address {
	list-style: none; vertical-align: middle;
}
#main_wrap .topbtn {
	display: none;
}


/*-- 서브페이지--*/

#sub_wrap { width:1000px;  margin:0 auto;}
#sub_contents {  float:left; margin-top:15px;width:1000px;  } 

#sub_contents  h2{ border:0px solid #F90; box-sizing:border-box; margin-bottom:25px;} 

.body  .bstitle{ display:none;}


/*--공통--*/
.mostitle { display:none;}
.mo2stitle{ display:none;}
.mo3stitle{ display:none;}
.mostitle2 { display:none;}


.stitle{ width:100%; font-size:130%; font-weight:bold;color:#d06940;float:left; margin-top:0px;  background:url(../img/title_bg.gif) repeat-x; height:44px; padding-top:5px; margin-bottom:10px; display:inline-block; padding-left:0px;  }
.stitle img { padding-bottom:5px;}
.stitle .btndown {
    border-image: none; float:right;z-index: 2;}

.stitle .btndown > a {
	padding: 6px 11px; border-radius: 0px; color: rgb(255, 255, 255); letter-spacing: -0.05em; font-size: 13px;  font-weight: bold; position: relative; background-color: rgb(143, 143, 143);
}
.stitle .btndown > a.on {
	background-color: rgb(214, 115, 57);
}

.mactive{ font-size:15px; font-weight:bold; color:#1c8e9c; border-radius:9px; border:1px solid #CCC; float:left; width:98%; padding:50px 0px 50px 15px; margin-bottom:10px; background-color:#FFF; box-sizing:borer-box; }

.mactive a:link {color:#1c8e9c; text-decoration:none; font-weight:bold;}
.mactive a:visited {color:#1c8e9c; text-decoration:none;font-weight:bold;}
.mactive a:hover, a:focus {color:#3c539d; text-decoration:none;font-weight:bold;}
.mactive a:active {color:#1c8e9c;text-decoration:none;font-weight:bold;}

.mactive:last-child{   margin-bottom:30px;  }


.sotong{ font-size:15px;  margin-bottom:5px;border-radius:9px; border:1px solid #CCC;  float:left; width:698px; margin-bottom:15px; padding:50px 50px 5px 50px; background:url(../img/sub_bottom2.png) 0px bottom no-repeat; margin-bottom:40px;}

.soto_num{ float:left; width:100%; }

.soto_sp{ font-size:13px; }

.so_local{ font-size:14px;  margin-bottom:5px;border-radius:9px; border:1px solid #CCC;  float:left; width:100%; margin-bottom:15px; padding:50px 50px 5px 50px; background:url(../img/sub_bottom3.png) 0px bottom no-repeat; margin-bottom:40px;box-sizing:border-box; background-color:#FFF;}



.local{ font-size:14px; font-weight:bold; margin-bottom:5px;border-radius:9px; border:1px solid #CCC;   float:left; width:758px; padding:20px; margin-bottom:15px; letter-spacing:1px;  background:url(../img/star_bg.gif) 0px 10px no-repeat;}

.local_t{ float:left; margin:0px 0px 10px 22px;}
.mb20{ margin-bottom:20px;}



.td2{font-family:"돋움"; font-size:12px; color:#666; width:100%; margin-top:10px; text-align:left; font-weight:bold; }

.t_t{ font-size:20px; font-weight:bold; color:#a56262;}
.t_s{font-family:"돋움"; font-size:14px; font-weight:bold; color:#79b638;}



.photo01{ margin-top:25px; width:100%;float:left; margin-bottom:15px;}

.photo01 img {box-shadow:2px 2px 6px 0px #b2b2b2;}
.phspace { margin:0px 15px 0px 0px;}



.photo02{ margin-top:0px; width:100%;float:left; margin-bottom:15px;}

.photo02 img {box-shadow:2px 2px 6px 0px #b2b2b2;}

.photo03{ margin-top:25px; width:100%;float:left; margin-bottom:5px;}

.photo03 img {box-shadow:2px 2px 6px 0px #b2b2b2;}



.photo05 img {box-shadow:2px 2px 6px 0px #b2b2b2;}
.photo04{ margin-top:15px; width:100%; margin-bottom:5px; text-align:center;}
.photo05{ margin-top:15px; width:100%;float:left; margin-bottom:0px;}



.photo011{ margin-top:14px; width:100%;float:left; margin-bottom:5px; font-size:15px; line-height:22px; padding-top:10px;}

.photo012{ width:100%;float:left; }

.photo021{ margin-top:15px; width:100%;float:left; margin-bottom:15px; margin-left:250px;}

.photo021 img {box-shadow:2px 2px 6px 0px #b2b2b2;}



.mr17{ margin-right:10px;}
.mr18{ margin-right:35px;}
.mr19{ margin-right:19px;}


.photo02{ margin-top:20px; margin-bottom:20px; width:110%;}




#o_tbox2{float:left; margin-bottom:0px;}

.o_tt0{ font-size:17px; font-weight:bold; color:#856651; }
.o_tt1{ font-size:16px; font-weight:bold; color:#467d68; margin-bottom:5px;}

.ls { letter-spacing:-0.05em;}
.ls2{  letter-spacing:0.05em;}


.o_tt3{ font-size:16px; font-weight:bold; color:#615e33; margin-bottom:5px;}
.o_tt4{ font-size:16px; font-weight:bold; color:#856651; margin-bottom:5px;}




.o_td3{float:left; margin-top:20px;}
.o_td33{float:left; margin-top:5px;width:345px;}
.o_td7{float:left; margin-top:8px;width:98%;}


.o_td8{float:left; margin-top:8px;width:100%; }


.o_td{float:left; margin-top:8px;width:70%;}
.o_td44{float:left; margin-top:5px;width:54%;}
.o_td55{float:left; margin-top:5px;width:400px;}
.o_td6{float:left; margin-top:10px;width:620px;}
.o_td2{ clear:both; margin-top:30px;}
.o_td22{ clear:both; margin-top:5px;width:98%;}
.o_tp{float:left; margin-right:10px; }
.o_tp img{ box-shadow:0px 0px 10px 0px #b2b2b2;}


.o_tp3{float:left; margin-right:10px; margin-top:40px;}
.o_tp2{float:right; margin-left:10px;}
.o_td4{ float:left; margin-top:20px;}

.line{width:100%; height:7px; float:left; border-top: dotted 1px ; margin-bottom:5px; margin-top:7px; border-color:#737373;}

.mline{width:100%; height:7px; float:left; border-top: dotted 1px ; margin-bottom:5px; margin-top:7px; border-color:#959696;}

.no_line{width:800px; height:7px; float:left; margin-bottom:10px;}

.t_tt{  font-weight:normal; color: rgb(11, 99, 203); font-size:14px;}
.t_ss{ font-weight:bold; color:#79b638;}
.t_sss{  font-weight:bold; color:#79b638;}
.t_sp{  color:#d6736e;}
.t_sp2{  color:#d42b47;}

.t_un{font-family:"돋움"; font-size:12px; font-weight:bold; color:#195ab5; text-decoration:underline;}

.t_sn{ font-size:95%; color: inherit; }


.l_tp{float:left; margin-left:70px;}
.p_tt1{font-family:"돋움"; font-size:14px; font-weight:bold; color:#79b638; margin-bottom:10px;}
.p_tt2{font-family:"돋움"; font-size:14px; font-weight:bold; color:#79b638;margin-bottom:10px;}
.p_sp3{font-family:"돋움"; font-size:11px; color:#d42b47; font-weight:bold;}



.p_sp4{font-family:"돋움"; font-size:11px; color:#d42b47; font-weight:bold; vertical-align:text-top;}


.pline{width:660px; height:4px;background:url(../img/dot3.gif) repeat-x; }
.p_tt{font-size:90%;}
.p_sp5{font-family:"돋움"; font-size:14px; color:#5896dc; font-weight:bold; text-align:center; }

.p_sp6{font-family:"돋움"; font-size:11px; color:#5896dc;  vertical-align:text-top;}

.learn{ float:left; text-align:center;width:100%; margin-bottom:0px;}
.learn  ul {width:352px; float:left; margin-left:0px;margin-bottom:10px;}



.learn  li {width:352px; text-align:center;margin-bottom:10px; }
.learn li img {box-shadow:2px 2px 6px 0px #b2b2b2;}
.m28 { margin-right:28px;}



.ltext{font-size:16px; font-weight:bold; color:#686d6d; margin-top:5px; margin-bottom:10px; }

.odd{ margin-left:170px;}


.ltex{font-size:14px; font-weight:bold; color:#686d6d; margin-top:5px; margin-bottom:10px; }
.ltex a:link {color:#686d6d; text-decoration:none; font-weight:bold;}
.ltex a:visited {color:#686d6d; text-decoration:none;font-weight:bold;}
.ltex a:hover, a:focus {color:#686d6d; text-decoration:none;font-weight:bold;}
.ltex a:active {color:#686d6d;text-decoration:none;font-weight:bold;}




.learn2{  text-align:center;width:100%;}
.learn2  ul {  margin:0 auto; margin-bottom:10px; width:570px; }
.learn2  li {text-align:center; }

.learn2 li img {box-shadow:2px 2px 6px 0px #666;}


.t_d{ text-align:center;font-size:100%; color:#666; width:100%; font-weight:bold; margin-bottom:15px; }

.td2{font-size:12px; color:#666; width:100%; margin-top:10px; text-align:left; font-weight:bold; }





.m28{ margin-right:28px;}
.ltext2{font-size:15px; font-weight:bold; color:#5da19e;  margin-bottom:20px;text-align:center;}

.issue { margin:0 auto; text-align:center; margin-top:10px; margin-bottom:10px; font-size:0px;}

.pn{ line-height:20px;}





/*--한줄뉴스--*/

.td3{ font-size:100%; color: #666; width:100%; margin-top:10px; text-align:left; font-weight:bold; }

.o_tt2{ font-size:120%; font-weight:bold; color:#655137; margin-bottom:15px;}

#o_tbox{float:left;  width:100%;  }
.body { font-size:110%; line-height:140%; letter-spacing:-0.03em;}

/*--알려드려요--*/
.visual { height:317px; width:1000px; background:url(../img/sub02_bg.jpg) no-repeat; float:left; margin-top:0px;}

/*--NIRS가 쏜다--*/
.quiz { width:100%; float:left; }
.moquiz { display:none;}

/*--배우고갑니다--*/
#learn_n { float:left; width:100%; display:inline-block;}
#learn_n  ul {float:left; width:48%; margin-bottom:15px; }
#learn_n  ul:nth-child(1) {float:left; width:48%; margin-bottom:15px; margin-right:3%;}
#learn_n  ul:nth-child(3) {float:left; width:48%; margin-bottom:15px; margin-right:3%;}
#learn_n  ul:last-child { margin-left:250px; }
#learn_n  ul li:first-child{ float:left; line-height:1.4em; margin-bottom:5px;}

.learn_box{ float:left; width:50%;}
.lstitle{font-size:120%; font-weight:bold; color:#8b4f14; display:inline-block; margin-bottom:0px; width:100%; letter-spacing:-0.01em; text-align:center; }


/*--모바일버전 --*/
@media all and (max-width:680px)
{
#wrapper #nav { height: 100vh;
	
}


#wrapper {
	width: 100%; margin:0 auto;
}

#footer {
	padding: 0px 10px; width: auto; min-width: 300px;
}
.topbtn p {
	padding: 0px 10px; width: auto; min-width: 300px;
}
#wrapper header {
	background: rgb(255, 255, 255); height: inherit
}
/*
#main_content {
	margin: 0px auto; width: auto;
}



#main_wrap {
	background: url("../img/mian_bgline0.gif") repeat-x top rgb(255, 255, 255); overflow: hidden;
}
#main_content {
	background: url("../img/main_topvimg4.gif") repeat-x top; margin: 0px auto; width: auto;}


#main_content .main_top_m >h2 {
	 text-align: center; color:#3496b0; line-height: 1.3; letter-spacing: -0.01em; padding-top: 15px; font-size: 20px; font-weight: bold;  
}
#main_content .main_top_m >h2 {display: block;margin: 10px 0px 10px 0px;}


#main_content .main_top h2 {
	font-size: 20px; margin-top:-80px;  
}
#main_content .main_top h2 img {
	 display: none;
}
#main_content .main_top h2 br {
	display: block;
}
#main_content .main_top > div[class^='main_box'] {
	width: 85.5%; height: 110px; padding-top: 0px; margin-left:-2px; 
 max-width:380px;}
#main_content .main_bottom {
	margin: 0px auto 30px; padding: 0px 20px; max-width: 400px;
}
#main_content .main_bottom > [class^='main_box'].main_box7 a {
	width: 100%; height: 60px; padding-top: 55px;
}
#main_content .main_bottom > [class^='main_box'].main_box7 a:hover {
	color: rgb(255, 255, 255);
}
#main_content .main_bottom > [class^='main_box'].main_box7 br {
	display: none;
}
#main_content .main_bottom {
	height: auto; margin-top:50px;
}


#main_content .main_bottom > div[class^='main_box'] {
	margin: 5px 2px; border-radius: 8px; width: calc(100% /2 - 10px); height: auto; box-sizing: border-box;
}
#main_content .main_bottom > [class^='main_box'].main_box7 {
	background: url("../img/main_box_icon7.png") no-repeat center 10px rgb(254, 205, 26); margin: 5px auto; border-radius: 8px; top: auto; width: calc(100% - 10px); height: inherit; right: auto; position: relative;
}
#main_content .main_bottom > [class^='main_box'].main_box7:hover {
	transition:0.3s; background-color: rgb(7, 114, 169);
}

*/



#wrapper header {
	height: 70px;  width:100%; float:left; margin-top:8px;
}

#wrapper #head {
	 width: 100%; height: 70px; border-bottom-color: rgb(160, 127, 82); border-bottom-width: 4px; border-bottom-style: solid; box-sizing:border-box; padding: 0px 10px;  min-width: 350px;
}



#wrapper #head  #headtop { padding: 0 1% 0 1%; width:100%; float:left; }


#wrapper #head #headtop  h1 { margin:0 auto;}


#wrapper #head #headtop  h1 img { width:80%; text-align:center; margin-top:4px;}

#wrapper #head  #vol { display:none;}


#wrapper #head  #topmenu { margin-top:-16px; margin-right:1%; width:72px;}
#wrapper #head  #topmenu li { margin-top:-6px;}
#wrapper #head  #topmenu li:nth-child(1){ display:none;}
#wrapper #head  #topmenu li:nth-child(2){display:none;}
#wrapper #head  #topmenu a:link { border:none;}


#wrapper #nav { }
#wrapper #nav  ul li { width:100%; float:left; background-image:none; text-align:left;}
#nav  ul { font-size:110%; color:#a07f52; font-weight:bold; width:100%;}


#nav {
 	left: 0px; top: 0px; width: 100%;  display: none; position: absolute; z-index: 100; background-color: rgba(6, 23, 37, 0.7); }

#nav nav {
	background: rgb(255, 255, 255); width: 250px; float: left; z-index: 100; background-image:none; }


#nav nav ul > li {
	background: rgb(255, 255, 255); border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; float:none; position: relative;  }

#nav nav ul > li:first-child{ margin-top:-10px;}


#nav nav li a {
	background: url("../img/navbg.png") no-repeat 226px / 9px 16px; padding: 12px 5px 12px 12px; color: rgb(51, 51, 51); display: block;  }


#nav .navtop {
	background: rgb(211,127, 13); width: 250px; text-align: left; color: rgb(255, 255, 255); display: block; position: relative; height:42px; border-bottom:1px dotted #7b4a07; box-sizing:border-box;}

#nav .navtop h2 {
	padding: 12px 10px 10px 10px; font-size: 120%; font-weight: bold; color:#fff;
 }

#wrapper #nav  h2 a:link {
	color:#ffff;  text-decoration: none; 
}
#wrapper #nav  h2 a:visited {
	color:#fff;  text-decoration: none;
}
#wrapper #nav  h2 a:active {
	color:#fff;  text-decoration: none;
}
#wrapper #nav  h2 a:hover {
	color:#fff; text-decoration: none;
}



#main_wrap { width:98%; margin:0 auto;}

#main_contents { display:none;} 
#main_con_news { display:none;} 

#mo_contents { margin-top:10px; width:100%; display:inline-block;float:left; }

#mo_contents > ul { margin:0 auto; width:98%; height:290px;}
#mo_contents > ul > li { float:left; width:50%; height:145px;}



#mo_contents > ul > li:nth-child(1) { background:url(../img/mo_one_bg.jpg) no-repeat; background-size:auto 145px;} 
#mo_contents > ul > li:nth-child(2) { background:url(../img/mo_one_bg.jpg) no-repeat;  background-size:auto 145px;} 
 
#mo_contents > ul > li:nth-child(3) { background:url(../img/mo_two_bg.jpg) no-repeat; background-size:auto 145px;} 
 #mo_contents > ul > li:nth-child(4) { background:url(../img/mo_two_bg.jpg) no-repeat; background-size:auto 145px;} 
 
#mo_contents > ul > li >  ul >li {  display:inline-block; }


#mo_contents > ul > li >  ul > li:last-child{ float:right; }

#mo_con_news {display:inline-block; float:left; width:98%;}
#mo_con_news h2 { margin:0 auto; text-align:center; margin:16px 0px 13px 0px;}
#mo_con_news h2  img{ width:35%; }

#mo_con_news > ul { margin:0 auto; width:100%;  }
#mo_con_news  img { width:100%;  }

#mo_con_news > ul > li { float:left; width:49%; margin-bottom:6px; }
#mo_con_news > ul > li:nth-child(1) { margin-right:6px;}
#mo_con_news > ul > li:nth-child(3) { margin-right:6px;}
#mo_con_news > ul > li:nth-child(5) { margin-right:6px;}

#mo_con_news > ul > li > ul > li { float:left; width:100%; font-size:100%; padding:2%; text-align:center; font-weight:bold; letter-spacing:-0.05em;}




a.close {
	background: url("../img/close.png") no-repeat center / 15px  rgb(53, 32, 3); padding: 12px 18px; top: 0px; right: 0px; color: rgb(255, 255, 255); text-indent: -9999px; display: inline-block; position: absolute;
}
#nav nav ul > li::before {
	display: none;
}
.menuicon {
	 display: block; position: absolute; margin-top:29px;
}
.menuicon img {
	width: 100%; 
}


#head > .snstop {
	display: none;
}
#nav > .snstop {
	background: rgb(255, 255, 255); margin: 0px; padding: 10px 0px; width: 250px; text-align: center; overflow: hidden; display: block;
}
.snstop li {
	padding: 0px 5px; float: none; display: inline-block;
}
.snstop li img {
	width: 25px;
}
#content {
	min-height: 610px;
}
#content h4 {
	font-size: 18px; float: left;
}
#content h4::before {
	top: 9px; width: 20px; height: 4px;
}
/*
.btndown {
	margin-bottom: 10px; float: right; position: relative; width:90%;
}
.btndown > strong {
	padding-right: 10px; font-size: 15px;
}
.btndown > a {
	font-size: 11px;
}
.btndown > a::after {
	right: 8px; background-size: 12px 10px;
}

*/

.sub1_info > div {
	width: 100%; min-height: 100px;
}
.sub1_info > div:nth-child(2n) {
	margin-left: 0px;
}
.sub1_info > div:nth-child(3) {
	min-height: inherit;
}
.sub1_info > div:nth-child(4) {
	min-height: inherit;
}
footer {
	 padding: 0px 0x; height:99px;
}
footer address {
	font-size: 90%;  width:96%; margin-top:45px; line-height:125%;
}
footer address span { display:none;
}

#sub_content {
	background: rgb(255, 255, 255); padding: 10px; min-width: 300px;
}
#content {
	padding: 0px; border: currentColor; border-image: none; width: 100%;
}
#content h3 {
	padding-top: 5px; font-size: 20px;
}
#content h4 {
	font-size: 16px; margin-bottom: 5px;
}
#content .title {
	padding-bottom: 5px; margin-bottom: 20px;
}
a.down {
	background: url("../img/planmoi_icon3.png") no-repeat 95% 10px; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(170, 170, 170); margin: 0px auto 5px; padding: 5px 25px 7px 10px; border-image: none; width: 85%; display: block;
}
.path {
	top: 0px; right: 10px; font-size: 90%;
}
p.btn {
	margin-top: 0px; float: none;
}
.cardN {
	padding: 0px; width: 100%;
}
.slide_btn {
	top: 38%;
}
.slide_btn img {
	width: 15px;
}
.slide_page a {
	margin: 10px 2px; padding: 2px 7px; font-size: 90%;
}
.cardN .slide_test > ul img {
	width: 100%;
}
.webT {
	text-align: center; overflow: hidden; padding-top: 0px;
}
.webT img {
	width: 100%;
}
.tabmenu li {
	font-size: 12px;
}
.topbtn p a {
	right: 20px; bottom: 10px;
}
.mov_caption {
	height: 100px;
}
#main_wrap .topbtn {
	display: block;
}
.imgbox img {
	max-width: 100%;
}
.tabmenu .tab3 li {
	width: 100%; margin-top: -1px;
}
.tabmenu .tab3 li br + br {
	display: none;
}
.tabmenu li a {
	border-left-color: rgb(221, 221, 221); border-left-width: 1px; border-left-style: solid;
}
.tabmenu li:first-child {
	border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.tabmenu li:first-child.on {
	margin-top: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none;}

/* 서브페이지*/

#sub_wrap { width:96%; margin:0 auto; }
#sub_contents {  margin:0 auto; width:100%;  } 
#sub_contents  h2{ display:none;}

#s_vol { width:100%; background:url(../img/s_vol_bg.jpg) repeat-x; display:inline-block; }
#s_vol  ul { margin:0 auto; width:96%; height:36px;}
#s_vol  ul li { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; padding-top:10px; letter-spacing:-0.03em; }
#s_vol  ul li:first-child { float:left; color:#7c6647; }
#s_vol  ul li:last-child { float:right; color:#c25a3e; }

#s_vol  ul li:last-child span { color:#cca35f;}




.mostitle{ width:100%; font-size:125%; font-weight:bold;color:#d06940;float:left; margin-top:0px;  padding:7px 5px 3px 10px; margin-bottom:20px; display:inline-block; border-bottom: 1px dotted #c0bbbb;   }

.mostitle2{ width:100%; font-size:125%; font-weight:bold;color:#d06940;float:left; margin-top:0px;  padding:7px 5px 3px 10px; margin-bottom:20px; display:inline-block; border-bottom: 1px dotted #c0bbbb;   }



.mbb{ margin-bottom:8px;}

.mo2stitle{ width:100%; font-size:125%; font-weight:bold;color:#d06940;float:left; margin-top:0px;  padding:8px 10px 12px 10px; margin-bottom:30px; display:inline-block; border-bottom: 1px dotted #c0bbbb;   }

.mo3stitle{ width:100%; font-size:125%; font-weight:bold;color:#d06940;float:left; margin-top:0px;  padding:8px 10px 12px 10px; margin-bottom:10px; display:inline-block; border-bottom: 1px dotted #c0bbbb;   }



.mostitle .btndown {
    border-image: none; float:right;z-index: 2; }

.mostitle .btndown > a {
	padding: 4px 8px; border-radius: 0px; color: rgb(255, 255, 255); letter-spacing: -0.05em; font-size: 11px;  font-weight: bold; position: relative; background-color: rgb(143, 143, 143);
}
.mostitle .btndown > a.on {
	background-color: rgb(214, 115, 57);
}


.mostitle p { float:right;}
.mostitle img { padding-top:-0px; }

.mostitle ul{}
.mostitle ul li{ float:left; }
.mostitle ul li:first-child{ float:left; }
.mostitle ul li:last-child{ float:right; padding-right:18px;padding-bottom:5px;  }



.mostitle2 .btndown { display:none;
    border-image: none; float:right;z-index: 2; }

.mostitle2 .btndown > a {display:none;
	padding: 4px 8px; border-radius: 0px; color: rgb(255, 255, 255); letter-spacing: -0.05em; font-size: 11px;  font-weight: bold; position: relative; background-color: rgb(143, 143, 143);
}
.mostitle2 .btndown > a.on {
	background-color: rgb(214, 115, 57);
}


.mostitle2 p { float:right;}
.mostitle2 img { padding-top:-0px; }

.mostitle2 ul{}
.mostitle2 ul li{ float:left; margin-bottom:6px;}
.mostitle2 ul li:first-child{ float:left; }
.mostitle2 ul li:last-child{ float:right; padding-right:18px;padding-bottom:5px;  }











.stitle{ display:none;}
.body  .bstitle{font-size:110%; font-weight:bold; color:#8b4f14; display:inline-block; margin-bottom:10px; width:98%; letter-spacing:-0.05em; }



.photo01{ margin-top:15px; width:100%;float:left; margin-bottom:0px;}

.photo01 img {box-shadow:0px 0px 0px 0px #b2b2b2; width:100%;}



.photo02{ margin-top:15px; width:100%;float:left; margin-bottom:0px;}

.photo02 img {box-shadow:0px 0px 0px 0px #b2b2b2; width:100%;}


.photo03{ margin-top:15px; width:100%;float:left; margin-bottom:0px;}

.photo03 img {box-shadow:0px 0px 0px 0px #b2b2b2; width:100%;}


.photo04{ margin-top:15px; width:100%;float:left; margin-bottom:0px;}

.photo04 img {box-shadow:0px 0px 0px 0px #b2b2b2; width:100%;}

.phspace { margin:0px 0px 14px 0px;}
.visual { width:100%; background:url(../img/sub02_bg2.jpg) repeat-x; float:left; margin-top:0px;}


.photo021{ margin-top:15px; width:100%;float:left; margin-bottom:15px;  margin-left:0px;}

.photo021 img {box-shadow:0px 0px 0px 0px #b2b2b2;  width:100%;}




/*--NIRS가 쏜다--*/
.quiz { display:none;}
.moquiz { width:100%; display:inline-block; float:left; border:1px dotted #deccb2; box-sizing:border-box;}

.moquiz img { width:100%;}

.line{width:100%; height:7px; float:left; border-top: dotted 1px ; margin-bottom:5px; margin-top:10px; border-color:#737373;}

.mline{width:100%; height:7px; float:left; border-top: dotted 0px ; margin-bottom:5px; margin-top:0px; border-color:#737373;}


/*--배우고갑니다--*/
#learn_n { float:left; width:100%; display:inline-block;}
#learn_n  ul {float:left; width:100%; margin-bottom:15px; }
#learn_n  ul:nth-child(1) {float:left; width:100%; margin-bottom:15px; margin-right:3%;}
#learn_n  ul:nth-child(3) {float:left; width:100%; margin-bottom:15px; margin-right:3%;}
#learn_n  ul:last-child { float:left; width:100%; margin-left:0px;}
#learn_n  ul li:first-child{ float:left; line-height:1.4em; margin-bottom:-5px;}
.learn_box{ float:left; width:50%;}
.lstitle{font-size:110%; font-weight:bold; color:#8b4f14; display:inline-block; margin-bottom:0px; width:100%; letter-spacing:-0.01em; text-align:center; }


}

@media all and (max-width:370px)
{

#wrapper { min-width:320px;}


#wrapper #head  #topmenu { display:none;}
#mo_con_news h2  img{ width:45%; }



#mo_con_news {}
#mo_con_news > ul > li > ul > li { float:left; width:100%; font-size:90%; padding:2%; text-align:center; font-weight:bold; letter-spacing:-0.05em;}
		
	
}