@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;
}nav
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:90%; font-stretch: inherit; color:#737373; font-style:normal; line-height:140%; text-align:center; margin-top:22px;
}
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: 13.5px; background-color: rgb(255, 255, 255); letter-spacing:-0.03em; color:#474747;
}
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:35px; 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:#20b0d3; border-bottom-width: 4px; border-bottom-style: solid; box-sizing:border-box;
}
#wrapper #head #headtop { width:1024px; margin:0 auto; height: 81px; border-bottom-color: rgb(122, 122, 122); border-bottom-width: 4px; border-bottom-style: solid; }
#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:#626262; font-weight:bold; width:100%; margin-top:10px;
}
#wrapper #nav ul li { width:16.66%; 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:#626262; text-decoration: none;
}
#wrapper #nav a:visited {
color:#626262; text-decoration: none;
}
#wrapper #nav a:active {
color:#626262; text-decoration: none;
}
#wrapper #nav a:hover {
color:#626262; 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;width:1024px; margin:0 auto;}
#main_contents {width:100%;}
#main_contents h2 img{ display:none;}
#main_contents span { margin-left:810px; }
#main_contents ul{ width:100%; }
#main_contents ul li { float:left; width:100%; }
#main_contents ul> li >ul { width:23%; float:left; }
#main_contents ul> li >ul> li:first-child { width:100%; margin-top:15px; }
#main_contents ul> li >ul> li:last-child { width:100%; margin-top:5px; letter-spacing:-0.05em; font-size:98%; font-weight:bold; line-height:16px; margin-bottom:30px; text-align:center; }
#main_contents ul> li >ul:nth-child(1) { margin-left:1%; margin-right:2%; }
#main_contents ul> li >ul:nth-child(2) { margin-right:2%; }
#main_contents ul> li >ul:nth-child(3) { margin-right:2%; }
#main_contents ul> li >ul:nth-child(4) { margin-right:0%; }
#main_contents1 {width:100%; }
#main_contents1 h2 img{ display:none; z-index: 100;}
#main_contents1 span { margin-left:810px; }
#main_contents1 ul{ width:100%; }
#main_contents1 ul li { float:left; width:100%; }
#main_contents1 ul> li >ul { width:23%; float:left; }
#main_contents1 ul> li >ul> li:first-child { width:100%; margin-top:15px; }
#main_contents1 ul> li >ul> li:last-child { width:100%; margin-top:5px; letter-spacing:-0.05em; font-size:98%; font-weight:bold; line-height:16px; margin-bottom:30px; text-align:center; }
#main_contents1 ul> li >ul:nth-child(1) { margin-left:1%; margin-right:2%; }
#main_contents1 ul> li >ul:nth-child(2) { margin-right:2%; }
#main_contents1 ul> li >ul:nth-child(3) { margin-right:2%; }
#main_contents1 ul> li >ul:nth-child(4) { margin-right:0%; }
#main_contents2 {width:52%; float:left; margin-top:0px;}
#main_contents2 h2 img{ display:none;}
#main_contents2 span { }
#main_contents2 ul{ width:100%; float:left; }
#main_contents2 ul li { float:left; width:100%; }
#main_contents2 ul> li >ul { width:44%; float:left; }
#main_contents2 ul> li >ul> li:first-child { width:100%; margin-top:15px; }
#main_contents2 ul> li >ul> li:last-child { width:100%; margin-top:5px; letter-spacing:-0.05em; font-size:98%; font-weight:bold; line-height:15px; margin-bottom:30px; text-align:center; }
#main_contents2 ul> li >ul:nth-child(1) { margin-left:2%; margin-right:3.8%; }
#main_contents2 ul> li >ul:nth-child(2) { margin-right:0%; }
/* 메인 ICT트렌드 */
#main_contents4 {width:52%; float:left; margin-top:0px; overflow:hidden; }
#main_contents4 h2 img{ display:none;}
#main_contents4 ul{ width:100%; float:left; }
#main_contents4 ul li { float:left; margin-bottom:10px;}
#main_contents4 ul li .img_ict { float:left; width:45%; margin-left:1%; }
#main_contents4 ul li .txt_ict { float:left; width:47.5%; margin-right:6.5%; font-size:98%; line-height:130%; }
#main_contents4 ul li .txt_ict a { width:100%; margin-top:5px;}
#main_contents4 ul li em { color:#000; font-weight:bold;}
.mr29{ margin-right:1%;}
.mr30{ margin-right:1.5%;}
#main_oline { width:43%; float:left; margin-left:2%; }
#main_oline h2 { display:none;}
#main_oline ul:first-child {width:70%; float:left; margin-top:63px;}
#main_oline ul:last-child {width:30%; float:left; margin-top:16px; }
#main_oline ul>li{ float:left; display:inline-block; padding:5px 0;}
#main_oline ul:first-child > li{ border-bottom:1px dotted #9c9c9b; font-size:98%; }
/*----*/
#mo_contents {display:none;}
#mo_ict { display:none;}
#mo_oline { display:none;}
#mo_oline span { 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_ict{ width:1024px; margin:0 auto; padding-top:15px; }
#main_ict h2 { margin:0; border:0; margin-bottom:-17px;}
.os{ margin-left:50px; }
#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:105%; 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:105%; 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 {
height:93px; width:100%; float:left; background-image:url(../img/footer_bg.jpg); background-repeat: repeat-x; padding-top:0px; margin-top:30px;}
footer a:link {
color:#737373; text-decoration: none; font-weight:bold;
}
footer a:visited {
color:#737373; text-decoration: none; font-weight:bold;
}
footer a:active {
color:#737373; text-decoration: none; font-weight:bold;
}
footer a:hover {
color:#737373; 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:1024px; margin:0 auto;}
#sub_contents { float:left; margin-top:28px;width:1024px; }
#sub_contents h2{ }
#sub_contents .st_title{ box-sizing:border-box; height:77px; width:1024px; margin-bottom:5px;}
#sub_contents .st_title h2 {margin:0; padding-top:0;}
#sub_contents .st_title2{ box-sizing:border-box; height:77px; width:1024px; background:url(../img/sub_t02.jpg) no-repeat;}
#sub_contents .st_title2 h2{ display:none; }
.body .bstitle{ display:none;}
.body .bsstitle{ display:none;}
/*--공통--*/
.mostitle { display:none;}
.mo2stitle{ display:none;}
.mo3stitle{ display:none;}
.mostitle2 { display:none;}
.stitle{ width:50%; font-size:130%; font-weight:bold;color:#d06940; float:right; margin-top:17px; margin-right:15px; }
.stitle img { padding-bottom:5px;}
.stitle .btndown {
border-image: none; float:right; z-index: 2;}
.stitle .btndown > a {
padding: 6px 18px; border-radius: 20px; color:#17348c; letter-spacing: -0.05em; font-size: 13px; font-weight: bold; position: relative; background-color: rgb(255, 255, 255);
}
.stitle .btndown > a.on {
background-color:#f0cc56;
}
.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:105%; font-weight:bold; color:#188599; line-height:180%; text-decoration:underline;}
.t_t1{ font-size:103%; line-height:160%; color:#4b4b4b; display:inline-block; margin-bottom:20px;}
.t_t2{ font-size:103%; line-height:160%; color:#4b4b4b; display:inline-block; margin-bottom:50px;}
.t_s{font-size:105%; font-weight:bold; color:#5c72c6; line-height:180%; text-decoration:underline;}
.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:7px; width:100%; margin-bottom:5px; text-align:center; box-shadow:0px 0px 0px 0px #b2b2b2;}
.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:0; margin-top:20px; border-color:#737373;}
.mline{width:100%; height:7px; float:left; border-top: dotted 1px ; border-color:#959696;}
.mline1{width:100%; height:7px; float:left; border-top: dotted 1px ; margin-bottom:13px; margin-top:0; 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;}
/*--기관동향--*/
#insti{ display:inline-block; width:96%;float:left; margin:0 2%;}
#insti ul { position:relative; height:250px;}
#insti ul:last-child { margin-bottom:20px; }
#insti ul li:nth-child(1) { width:100%; font-size:400%; font-weight:bold; color:#6cc0d6; }
#insti ul li:nth-child(2) { width:100%; font-size:150%; font-weight:bold; color:#5dabc6; letter-spacing:-0.07em;}
#insti ul li:nth-child(3) { width:100%; color:#777; font-weight:bold; font-size:95%; margin-bottom:20px;}
#insti ul li:nth-child(4) { width:62%; text-align:justify;}
#insti ul li:nth-child(5) { position:absolute; top:30px; right:0; width:35%; }
#insti ul li:nth-child(5) img { width:100%; height:100%;}
#insti_r{ display:inline-block; width:96%; float:right; margin:0 2%;}
#insti_r ul { position:relative; height:250px; }
#insti_r ul li:nth-child(1) { width:100%; font-size:400%; font-weight:bold; color:#677cf8; text-align:right;}
#insti_r ul li:nth-child(2) { width:100%; font-size:150%; font-weight:bold; color:#676fb4; letter-spacing:-0.07em; text-align:right;}
#insti_r ul li:nth-child(3) { width:100%; color:#777; font-weight:bold; font-size:95%; margin-bottom:20px; text-align:right;}
#insti_r ul li:nth-child(4) { width:62%; float:right; text-align:justify; }
#insti_r ul li:nth-child(5) { position:absolute; top:30px; left:0; width:35%; }
#insti_r ul li:nth-child(5) img { float:left; width:100%; height:100%; }
/*--기관동향-1 --*/
/*#insti{ display:inline-block; width:96%;float:left; margin:0 2%;}
#insti ul li {float:left; }
#insti ul > li:nth-child(1){ width:52.5%; }
#insti ul > li:nth-child(2){ width:47.5%; }
#insti ul > li:nth-child(2) img { margin-bottom:10px; width:48%; height:48%; float:left; margin-left:2%;}
#insti ul > li:nth-child(3){ width:100%; margin-top:5px; letter-spacing:-0.03em;}
.insti_s {float:left; width:98%; display:block; margin-right:1%;}
#insti ul >li > .insti_s ul li {float:left; }
#insti ul >li > .insti_s ul > li:nth-child(1){ width:100%; font-size:400%; font-weight:bold; color:#6cc0d6; }
#insti ul >li > .insti_s ul > li:nth-child(2){ width:100%; font-size:150%; font-weight:bold; color:#5dabc6; letter-spacing:-0.07em;}
#insti ul >li > .insti_s ul > li:nth-child(3){ width:100%; color:#777; font-weight:bold; font-size:95%; }
#insti_r{ display:inline-block; width:96%; float:right; margin:0 2%;}
#insti_r ul li {float:right; }
#insti_r ul > li:nth-child(1){ width:52.5%; text-align:right;}
#insti_r ul > li:nth-child(2){ width:47.5%;}
#insti_r ul > li:nth-child(2) img { margin-right:2%; margin-bottom:10px; width:48%; height:48%;}
#insti_r ul > li:nth-child(3){ width:100%; margin-top:5px; letter-spacing:-0.03em; }
.insti_r_s {float:right; width:98%; display:block; margin-right:1%;}
#insti_r ul >li > .insti_r_s ul li {float:left; }
#insti_r ul >li > .insti_r_s ul > li:nth-child(1){ width:100%; font-size:400%; font-weight:bold; color:#677cf8; }
#insti_r ul >li > .insti_r_s ul > li:nth-child(2){ width:100%; font-size:150%; font-weight:bold; color:#676fb4; letter-spacing:-0.07em;}
#insti_r ul >li > .insti_r_s ul > li:nth-child(3){ width:100%; color:#777; font-weight:bold; font-size:95%; }
*/
/*--혜안뉴스--*/
#insight{ display:inline-block; width:96%;float:left; margin:0 2%;}
#insight ul li {float:left; text-align:justify; }
#insight ul > li:nth-child(1){ width:72%; margin-right:3%;}
#insight ul > li:nth-child(2){ width:25%; float:left; }
#insight ul > li:nth-child(2) p { margin-top:90px;}
#insight ul > li:nth-child(2) img { margin-bottom:15px; width:100%; float:left; }
.insight_s {float:left; width:100%; display:block;}
#insight ul >li > .insight_s ul li {float:left; }
#insight ul >li > .insight_s ul > li:nth-child(1){ width:100%; font-size:300%; font-weight:bold; color:#61AFAF; }
#insight ul >li > .insight_s ul > li:nth-child(2){ width:100%; font-size:145%; font-weight:bold; color:#10828C; letter-spacing:-0.08em; margin-bottom:5px;}
#insight ul >li > .insight_s ul > li:nth-child(3){ width:100%; margin-bottom:10px; }
#insight ul >li > .insight_s ul > li:nth-child(4){ width:100%; margin-bottom:10px; }
#insight img { box-shadow:1px 0px 3px 0px #b2b2b2;}
#insight_f img { box-shadow:0px 0px 3px 0px #b2b2b2;}
#insight_f{ display:inline-block; width:96%;float:left; margin:0 2%;}
#insight_f ul li {float:left; width:100%; text-align:justify; }
.insight_f_s {float:left; width:100%; display:block;}
#insight_f ul >li > .insight_f_s ul li {float:left; }
#insight_f ul >li > .insight_f_s ul > li:nth-child(1){ width:100%; font-size:300%; font-weight:bold; color:#61AFAF; }
#insight_f ul >li > .insight_f_s ul > li:nth-child(2){ wi
dth:100%; font-size:145%; font-weight:bold; color:#10828C; letter-spacing:-0.08em;}
#insight_f ul >li > .insight_f_s ul > li:nth-child(3){ width:100%; margin-bottom:20px; margin-top:5px; }
#insight_f ul >li > .insight_f_s ul > li:nth-child(4) img{ width:24.5%; margin-right:0.5%; margin-bottom:8px;}
/*--한줄뉴스--*/
.td3{ font-size:100%; color: #666; width:100%; margin-top:10px; text-align:left; font-weight:bold; }
.o_tt2{ font-size:115%; font-weight:bold; margin-bottom:15px;}
#o_tbox{float:left; width:96%; margin:5px 2%;}
.body { font-size:105%; line-height:135%; letter-spacing:-0.03em; text-align:justify;}
/*--배우고갑니다--*/
#learn_n { position:relative; width:100%; display:inline-block; margin:20px 0.5%; }
#learn_n ul {float:left; width:46.5%; margin-left:1.5%; margin-right:1.5%; margin-bottom:30px;}
#learn_n ul li img{ width:100%; width:100%;}
/*#learn_n { float:left; width:100%; display:inline-block; margin:20px 0.5%;}
#learn_n ul {float:left; width:30%; margin-left:1.5%; margin-right:1.5%; margin-bottom:15px; }
#learn_n ul li img{ width:100%; width:100%;}*/
/*#learn_n ul:nth-child(2) {float:left; width:30%; margin-right:4%; margin-left:4%; }
#learn_n ul:nth-child(5) {float:left; width:30%; margin-right:4%; margin-left:4%;}
#learn_n ul:nth-child(8) {float:left; width:30%; margin-right:4%; margin-left:4%;}
*/
.learn_box{ float:left; width:50%;}
.lstitle{font-size:105%; font-weight:bold; color:#616161; display:inline-block; margin-bottom:0px; width:100%; letter-spacing:-0.05em; text-align:center; line-height:1.4em; }
.wel_bg { position:absolute; top:370px; right:40px;}
/*--ICT트렌드게시판--*/
.ble { width:74%; margin-bottom:20px; background-color:#FFF; margin:0 auto; }
.ble th { width:17%; text-align:center; border-top:1px solid #ccc; background-color:#9f9e9a; font-weight:bold; font-size:105%; vertical-align: middle; color:#fff; border-left:1px dotted #ccc; }
.ble th:last-child { background-color:#FFF; color:#5a5955; font-size:90%; height:35px; border-left:none }
.ble td { width:84%; text-align:left; border-top:1px solid #CCC; padding:1% 1.1%; font-size:83%; font-weight:normal; letter-spacing:-0.04em; background-color:#F9F9F9; border-left:1px solid #ccc; border-right:1px solid #ccc; line-height:125%;}
.ble td:last-child { border-bottom:1px solid #CCC;}
.spe { margin:10px 30px 20px 30px;}
.bst { color:#5a5c90; letter-spacing:-0.04em; font-weight:600; font-size:103%; line-height:160%; }
.bst_1 { color:#188599; letter-spacing:-0.04em; font-weight:600; font-size:103%; line-height:160%; }
.t_dl { font-size:98%; font-style:italic; }
.t_dl2 a { font-weight:bold; color:#5a5c90; text-decoration:underline;}
/*--모바일버전 --*/
@media all and (max-width:680px)
{
#wrapper #nav { height: 100vh;
}
#sub_contents .st_title2 { display:none;}
#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
}
#wrapper #head { border:none;
}
#wrapper #head #headtop { width:1024px; margin:0 auto; height: 81px; border-bottom-color: rgb(122, 122, 122); border-bottom-width: 0px; border-bottom-style: solid;}
/*
#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);
}
*/
h3 {display:none;}
#wrapper header {
height: 70px; width:100%; float:left; margin-top:8px;
}
#wrapper #head {
width: 100%; height: 70px; border-bottom-color: rgb(121, 121, 121); 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 li:nth-child(3){ display:none;}
#wrapper #head #topmenu li:nth-child(4){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(27,72,112); 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 {}
#main_contents span {}
#main_contents ul{ }
#main_contents ul > li { float:left; width:100%; }
#main_contents ul> li >ul { width:47%; float:left; font-size:90%; }
#main_contents ul> li >ul:nth-child(1){}
#main_contents ul> li >ul> li { margin-top:5px; letter-spacing:-0.08em; font-weight:bold; line-height:15px; text-align:center; }
#main_contents ul> li >ul:nth-child(3){ display:none;}
#main_contents ul> li >ul:nth-child(4){ display:none;}
.mr29{ margin-right:1%;}
#main_contents ul> li >ul> li:first-child { width:100%; margin-top:0px; }
#main_contents ul> li >ul> li:last-child { width:100%; margin-bottom:5px; }
#main_contents h2 img{ width:100%; display:inline-block; }
#main_contents h2 { margin-bottom:15px;}
#main_contents .h2 { display:none;}
#main_contents1 { }
#main_contents1 span {}
#main_contents1 ul{ }
#main_contents1 ul > li { float:left; width:100%;}
#main_contents1 ul> li >ul { width:47%; float:left; font-size:90%;}
#main_contents1 ul> li >ul:nth-child(3){ margin-left:2% }
#main_contents1 ul> li >ul> li { margin-top:5px; letter-spacing:-0.08em; font-weight:bold; line-height:15px; text-align:center; }
#main_contents1 ul> li >ul:nth-child(1){ display:none;}
#main_contents1 ul> li >ul:nth-child(2){ display:none;}
.mr29{ margin-right:1%;}
#main_contents1 ul> li >ul> li:first-child { width:100%; margin-top:0px; }
#main_contents1 ul> li >ul> li:last-child { width:100%; margin-bottom:20px; }
#main_contents1 h2 img{ width:100%; display:inline-block; }
#main_contents1 h2 { margin-bottom:15px;}
#main_contents1 .h2 { display:none;}
#main_contents2 {float:left; width:100%;}
#main_contents2 ul{ }
#main_contents2 ul > li { width:100%; }
#main_contents2 ul> li >ul { width:47%; float:left; font-size:90%;}
#main_contents2 ul> li >ul> li { width:100%; margin-top:5px; letter-spacing:-0.05em; font-weight:bold; line-height:15px; text-align:center; }
#main_contents2 ul> li >ul:nth-child(3){ display:none;}
#main_contents2 ul> li >ul:nth-child(4){ display:none;}
.mr29{ margin-right:1%;}
#main_contents2 ul> li >ul> li:first-child { width:100%; margin-top:0px; }
#main_contents2 ul> li >ul> li:last-child { width:100%; margin-bottom:5px; }
#main_contents2 h2 img{ width:100%; display:inline-block; }
#main_contents2 h2 { margin-bottom:15px;}
#main_contents2 .h2 { display:none;}
#main_contents2 ul> li >ul:nth-child(1) { margin-left:2%; margin-right:2%; }
#main_contents2 ul> li >ul:nth-child(2) { margin-right:0; }
/* 메인 ICT트렌드 */
#main_contents4 {width:100%;}
#main_contents4 h2 img{ width:100%; display:inline-block;}
#main_contents4 .h2 { display:none;}
#main_contents4 ul li .img_ict img { width:100%;}
#main_contents4 ul li .txt_ict { font-size:100%; line-height:150%; }
#main_contents4 ul li .txt_ict img { width:70%;}
#main_ict{ display:none; }
#main_con_news { display:none;}
#main_insi{ display:none; }
#main_visi{ display:none; }
#main_oline{ display: block; margin-left:0; }
#mo_contents { margin-top:10px; width:100%; display:inline-block;float:left; margin-bottom:5px;}
#mo_contents > ul { margin:0 auto; width:99%; margin-left:1%; }
#mo_contents > ul > li:first-child { float:left; width:49%; background-color:#399; margin-right:1%;}
#mo_contents > ul > li:last-child { float:left; width:49%; background-color:#000; margin-left:1%;}
#main_contents ul> li >ul:nth-child(1) { margin-left:2%; margin-right:2%; }
#main_contents ul> li >ul:nth-child(2) { margin-right:0; }
#main_oline { width:100%; float:left; margin-bottom:10px;}
#main_oline h2 { display: inline-block; width:100%; margin-bottom:10px;}
#main_oline h2 img{ width:100%;}
#main_oline ul:first-child {width:100%; float:left; margin-top:2px;}
#main_oline ul:last-child { display:none; }
#main_oline ul>li{ float:left; display:inline-block; width:93%; }
#main_oline ul>li:last-child{ float:left;}
#main_oline ul> li:first-child{ float:left; margin-top:2px; }
#main_oline ul:first-child > li{ border-bottom:1px dotted #9c9c9b; letter-spacing:-0.07em; font-size:95%; line-height:160%; margin-left:1.5%; margin-right:1.5%; padding-left:2%; padding-right:2%}
/*----*/
#mo_contents > ul > li img { width:100%; height:100%;}
#mo_ict { width:100%; display:inline-block; margin-top:10px; margin-bottom:-20px;}
#mo_ict > ul { margin:0 auto; width:98%; }
#mo_ict > ul > li img { float:left; width:100%; height:100%;}
#mo_con_news {display:inline-block; float:left; width:98%;}
#mo_con_news h2 { margin:16px 0px 3px 3px;}
#mo_con_news h2 img{ width:100%; height:100%;}
#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:90%; padding:2%; text-align:center; font-weight:bold; letter-spacing:-0.03em; line-height:120%;}
#mo_oline { float:right; width:98%; display:inline-block;}
#mo_oline h2 { width:32%; float:right;}
#mo_oline h2 img{ width:100%; height:100%; }
#mo_oline ul { width:65%; float:left; margin-left:1%; margin-top:13%;}
#mo_oline li{ line-height:150%; border-bottom:1px dotted #666; padding-left:5px; font-size:90%; letter-spacing:-0.09em; width:100%; padding:6px 0px; }
#mo_oline li:last-child{ border-bottom:0px dotted #666;margin-bottom:6px;}
a.close {
background: url("../img/close.png") no-repeat center / 15px rgb(93, 171, 198); 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:89px; border-radius:0px; margin-bottom:0px;
}
footer address {
font-size: 90%; width:96%; margin-top:25px; line-height:125%; text-align:center;
}
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;}
#sub_contents .st_title{ 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:#797979; }
#s_vol ul li:last-child { float:right; color:#43698a; }
#s_vol ul li:last-child span { color:#5dabc6;}
.mostitle{ width:100%; font-size:125%; font-weight:bold;color:#195486; clear:both; margin-top:0px; padding:7px 5px 3px 10px; margin-bottom:5px; display:inline-block; border-bottom: 1px dotted #c0bbbb; }
.mostitle2{ width:100%; font-size:125%; font-weight:bold;color:#195486;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:#195486;float:left; margin-top:0px; padding:8px 10px 12px 10px; margin-bottom:15px; display:inline-block; border-bottom: 1px dotted #c0bbbb; }
.mo3stitle{ width:100%; font-size:125%; font-weight:bold;color:#195486;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(64, 144, 171);
}
.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:120%; font-weight:bold; color:#517ea6; display:inline-block; width:98%; letter-spacing:-0.04em; margin-bottom:4px;}
.body .bsstitle{font-size:95%; font-weight:bold; color:#5dabc6; display:inline-block; margin-bottom:25px; width:98%; letter-spacing:-0.01em; }
.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%;}
.line{width:100%; height:7px; float:left; border-top: dotted 1px ; margin-top:15px; border-color:#737373;}
.mline{width:100%; height:7px; float:left; border-top: dotted 0px ; margin-bottom:5px; margin-top:0px; border-color:#737373;}
.mline1{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:97%; margin-top:15px; margin-bottom:15px; }
#learn_n ul:nth-child(2) {float:left; width:97%;}
#learn_n ul:nth-child(5) {float:left; width:97%;}
#learn_n ul:nth-child(8) {float:left; width:97%;}
#learn_n ul:last-child { float:left; width:97%;}
#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:#616161; display:inline-block; margin-bottom:0px; width:100%; letter-spacing:-0.01em; text-align:center; line-height:1.2em; }
.wel_bg { display:none; }
/*--기관동향--*/
#insti ul { height:200%;}
#insti ul li:nth-child(4) { width:100%; margin-bottom:20px;}
#insti ul li:nth-child(5) { position:static; width:100%; }
#insti_r ul li:nth-child(1) { text-align:left;}
#insti_r ul li:nth-child(2) { text-align:left;}
#insti_r ul li:nth-child(3) { text-align:left;}
#insti_r ul li:nth-child(4) { width:100%; margin-bottom:20px;}
#insti_r ul li:nth-child(5) { position:static; width:100%; }
/*
#insti{ display:inline-block; width:96%;float:left; margin:0 2%;}
#insti ul { position:relative; height:260px;}
#insti ul li:nth-child(1) { width:100%; font-size:400%; font-weight:bold; color:#6cc0d6; }
#insti ul li:nth-child(2) { width:100%; font-size:150%; font-weight:bold; color:#5dabc6; letter-spacing:-0.07em;}
#insti ul li:nth-child(3) { width:100%; color:#777; font-weight:bold; font-size:95%; margin-bottom:20px;}
#insti ul li:nth-child(4) { width:50%; text-align:justify;}
#insti ul li:nth-child(5) img { position:absolute; top:0; right:0; width:47.5%; }
#insti_r{ display:inline-block; width:96%; float:right; margin:0 2%;}
#insti_r ul { position:relative; height:260px; }
#insti_r ul li:nth-child(1) { width:100%; font-size:400%; font-weight:bold; color:#677cf8; text-align:right;}
#insti_r ul li:nth-child(2) { width:100%; font-size:150%; font-weight:bold; color:#676fb4; letter-spacing:-0.07em; text-align:right;}
#insti_r ul li:nth-child(3) { width:100%; color:#777; font-weight:bold; font-size:95%; margin-bottom:20px; text-align:right;}
#insti_r ul li:nth-child(4) { width:50%; float:right; text-align:justify;}
#insti_r ul li:nth-child(5) img { float:left; position:absolute; top:0; left:0; width:47.5%; }
*/
/*--기관동향-1 --*/
/*
#insti{ display:inline-block; width:96%;float:left;}
#insti ul li {float:left; }
#insti ul > li:nth-child(1){ width:100%; }
#insti ul > li:nth-child(2){ width:100%; }
#insti ul > li:nth-child(2) img { margin-left:0; margin-bottom:10px; margin-top:5px; width:100%; height:100%;}
#insti ul > li:nth-child(3){ width:97%; margin-left: 1.5%; margin-right:1.5%; margin-top:5px; border-bottom:1px dotted #5dabc6; padding-bottom:20px; text-align:justify;}
.insti_s {float:left; width:98%; display:block; margin-right:1%;}
#insti ul >li > .insti_s ul li {float:left; }
#insti ul >li > .insti_s ul > li:nth-child(1){ width:100%; font-size:200%; font-weight:bold; color:#6cc0d6; }
#insti ul >li > .insti_s ul > li:nth-child(2){ width:100%; font-size:120%; font-weight:bold; color:#5dabc6; letter-spacing:-0.08em;}
#insti ul >li > .insti_s ul > li:nth-child(3){ width:100%; color:#777; font-weight:bold; border-bottom:none; }
#insti_r{ display:inline-block; width:96%;float:left;}
#insti_r ul li {float:left; }
#insti_r ul > li:nth-child(1){ width:100%; text-align:left;}
#insti_r ul > li:nth-child(2){ width:100%;}
#insti_r ul > li:nth-child(2) img { margin-left:0; margin-bottom:10px; width:100%; margin-top:5px;}
#insti_r ul > li:nth-child(3){ width:97%; margin-left: 1.5%; margin-right:1.5%; border-bottom:1px dotted #677cf8; padding-bottom:15px; padding-bottom:20px; text-align:justify;}
.insti_r_s {float:right; width:98%; display:block; margin-right:1%;}
#insti_r ul >li > .insti_r_s ul li {float:left; }
#insti_r ul >li > .insti_r_s ul > li:nth-child(1){ width:100%; font-size:200%; font-weight:bold; color:#677cf8; }
#insti_r ul >li > .insti_r_s ul > li:nth-child(2){ width:100%; font-size:120%; font-weight:bold; color:#676fb4; letter-spacing:-0.08em;}
#insti_r ul >li > .insti_r_s ul > li:nth-child(3){ width:100%; color:#777; font-weight:bold; border-bottom:none; }
*/
/*--혜안뉴스 모바일--*/
#insight{ display:inline-block; width:96%;float:left;}
#insight ul li {float:left; }
#insight ul > li:nth-child(1){ width:100%; margin-right:0%;}
#insight ul > li:nth-child(2){ width:100%; float:left; }
#insight ul > li:nth-child(2) p { margin-top:8px;}
#insight ul > li:nth-child(2) img { margin-bottom:8px; width:100%; float:left; }
.insight_s {float:left; width:100%; display:block;}
#insight ul >li > .insight_s ul li {float:left; }
#insight ul >li > .insight_s ul > li:nth-child(1){ width:100%; font-size:200%; font-weight:bold; color:#6cc0d6; }
#insight ul >li > .insight_s ul > li:nth-child(2){ width:100%; font-size:125%; font-weight:bold; color:#5dabc6; letter-spacing:-0.08em;}
#insight ul >li > .insight_s ul > li:nth-child(3){ width:100%; margin-top:5px; }
#insight_f{ display:inline-block; width:96%;float:left;}
#insight_f ul li {float:left; width:100%; float:left;}
.insight_f_s {float:left; width:100%; display:block;}
#insight_f ul >li > .insight_f_s ul li {float:left; }
#insight_f ul >li > .insight_f_s ul > li:nth-child(1){ width:100%; font-size:200%; font-weight:bold; color:#6cc0d6; }
#insight_f ul >li > .insight_f_s ul > li:nth-child(2){ width:100%; font-size:125%; font-weight:bold; color:#5dabc6; letter-spacing:-0.08em;}
#insight_f ul >li > .insight_f_s ul > li:nth-child(3){ width:100%; margin-bottom:10px; margin-top:5px; }
#insight_f ul >li > .insight_f_s ul > li:nth-child(4) img{ width:100%; margin-right:0%; margin-bottom:5px;}
/*--게시판--*/
.ble { width:98%; float:left;}
.ble th { width:28%; text-align:center; border-top:1px solid #80E0E0; background-color:#C8E9ED; font-weight:bold; font-size:98%; vertical-align: middle;padding:1.5%; color:#069;}
.ble th:last-child { background-color:#FFF; line-height:18px; color:#09C; font-size:95%; }
.ble td { width:55%; text-align:left; border-top:1px solid #CCC; padding:1.5%; font-size:85%; font-weight:normal; letter-spacing:-0.07em; background-color:#F9F9F9; border-left:none; }
.ble td:last-child { border-bottom:1px solid #CCC;}
.spe { margin:0 10px 10px 10px}
/*
.t_t{ font-weight:bold; color:#188599; line-height:180%; text-decoration:underline;}
.t_s{ font-weight:bold; color:#5c72c6; line-height:180%; text-decoration:underline;}
*/
.t_t{ font-size:103%;}
.t_t1{ font-size:100%; line-height:140%; margin-bottom:20px;}
.t_t2{ font-size:100%; line-height:140%; margin-bottom:50px;}
}
.bst { color:#5a5c90; letter-spacing:-0.04em; font-weight:600; font-size:100%; line-height:160%; }
.bst_1 { color:#188599; letter-spacing:-0.04em; font-weight:600; font-size:100%; line-height:160%; }
@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;}
/* 메인 ICT트렌드 */
#main_contents4 ul li .txt_ict em { display:none; }
#main_contents4 ul li .txt_ict img { width:100%; margin-top:20px;}
#mo_oline span { display:inline-block; margin:1% 0 -10px -5px;}
#mo_oline span img{ width:100%; height:100%; }
#mo_oline { float:right; width:98%; display:inline-block;}
#mo_oline h2 { display:none;}
#mo_oline h2 img{ width:100%; height:100%; }
#mo_oline ul { width:100%; float:left; margin-left:0%; margin-top:2%;}
#mo_oline li{ line-height:200%; border-bottom:1px dotted #666; padding-left:5px; font-size:90%; letter-spacing:-0.1em; width:100%;}
#mo_oline li:last-child{ border-bottom:0px dotted #666;margin-bottom:6px;}
}