/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;

}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
 legend,
fieldset,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,

video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    word-break: keep-all
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    word-break: keep-all
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: local("Noto Sans Light"), local("NotoSans-Light"), url("../../font/noto/NotoSans-Light.eot");
    src: url("../../font/noto/NotoSans-Light.eot?#iefix") format("embedded-opentype"), url("../../font/noto/NotoSans-Light.woff2") format("woff2"), url("../../font/noto/NotoSans-Light.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("../../font/noto/NotoSans-Regular.eot");
    src: url("../../font/noto/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../../font/noto/NotoSans-Regular.woff2") format("woff2"), url("../../font/noto/NotoSans-Regular.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local("Noto Sans Medium"), local("NotoSans-Medium"), url("../../font/noto/NotoSans-Medium.eot");
    src: url("../../font/noto/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../../font/noto/NotoSans-Medium.woff2") format("woff2"), url("../../font/noto/NotoSans-Medium.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../../font/noto/NotoSans-Bold.eot");
    src: url("../../font/noto/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../../font/noto/NotoSans-Bold.woff2") format("woff2"), url("../../font/noto/NotoSans-Bold.woff") format("woff")
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local("Noto Sans Black"), local("NotoSans-Black"), url("../../font/noto/NotoSans-Black.eot");
    src: url("../../font/noto/NotoSans-Black.eot?#iefix") format("embedded-opentype"), url("../../font/noto/NotoSans-Black.woff2") format("woff2"), url("../../font/noto/NotoSans-Black.woff") format("woff")
}

fieldset,
img {
    border: 0 none;
    vertical-align: top
}

img {
    image-rendering: -webkit-optimize-contrast
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    width: 100%;
    text-align: left
}

button:focus,
button:active {
    padding: 0
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
button {
    padding: 0;
    font-family: "Noto Sans KR", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #363636
}

a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none
}

caption {
    overflow: hidden;
    width: 1px;
    height: 1px;
    font-size: 20px;
    line-height: 1px;
    margin-top: -1px
}

select,
input,
button,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    border: 0 none;
    font-size: 15px;
    font-weight: 400;
    font-family: "Noto Sans KR", sans-serif
}

select[type="checkbox"],
input[type="checkbox"],
button[type="checkbox"],
textarea[type="checkbox"] {
    -webkit-appearance: checkbox
}

select[type="radio"],
input[type="radio"],
button[type="radio"],
textarea[type="radio"] {
    -webkit-appearance: radio
}

select::-ms-expand,
input::-ms-expand,
button::-ms-expand,
textarea::-ms-expand {
    display: none
}

textarea {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

html,
body {
    font-family: "Noto Sans KR", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #363636
}

strong,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

label,
button {
    cursor: pointer;
    overflow: hidden
}

a:focus,
input:focus {
    outline: 1px dotted #222
}

::-webkit-input-placeholder {
    color: #d7d7d7;
    font-weight: 400
}

::-moz-placeholder {
    color: #d7d7d7;
    font-weight: 400
}

:-ms-input-placeholder {
    color: #d7d7d7;
    font-weight: 400
}

:-moz-placeholder {
    color: #d7d7d7;
    font-weight: 400
}

body {
    -webkit-backface-visibility: hidden
}

html {
    overflow-y: scroll;
    height: 100%
}

html.no-scroll {
    overflow: hidden;
    padding-right: 17px
}

body {
    height: 100%
}

#wrap {
    position: relative;
    width: 100%;
    min-width: 1200px;
    min-height: 100%;
    padding-bottom: 204px;
    box-sizing: border-box
}


#wrap.print-popup {
    min-width: auto;
    padding-bottom: 0
}

#wrap.print-popup #container.popup #content {
    width: 910px;
    margin: unset;
    padding: 40px 30px 40px
}

#wrap.print-popup #container.popup #content .content {
    float: none
}

#wrap.print-popup #container.popup #content .print-bt {
    text-align: center;
    margin-top: 100px
}

#wrap.print-popup #container.popup #content .print-bt a {
    width: 250px;
    height: 60px;
    line-height: 60px;
    font-style: italic;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    background-color: #0461ad;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

button {
    padding: 0
}

button span {
    position: relative
}

* {
    -webkit-tap-highlight-color: transparent
}

.bg-btn {
    overflow: hidden;
    text-indent: -999px
}

.icon {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-indent: -999px
}

.icon img {
    width: 100%
}

#skipNavigation {
    position: absolute;
    width: 100%
}

#skipNavigation a {
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 100;
    width: 100%;
    margin: 0 auto
}

#skipNavigation a:active,
#skipNavigation a:focus {
    position: absolute;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    background: #f8f7f3;
    line-height: 50px;
    text-align: center
}

.icon {
    display: inline-block
}

 #spot {
 
    width: 100%;

}

 #spot .slider {
    width: 100%;	
    margin: 0 auto;
    height: 610px;
    min-width: 1200px;
overflow: visible;

	background: url(../../images/main/main_back.jpg) no-repeat center center;
	background-size: cover;
}


 #spot .slider .slick-slide>a {
    display: block;
    width: 100%;
    height: 100%;
 z-index: 0;
}




#contentArea.main #content {
    padding-bottom: 0;
    padding-top: 0;
}

#contentArea.main #content .content.main {
    overflow: hidden
}

#contentArea.main #content .content.main .section01 {
    position: relative;
    background: url("../../images/main/video_area_bg.png") 50% 50% no-repeat #fff
}

#contentArea.main #content .content.main .section01 .inner {
    width: 1200px;
    height: 510px;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

#contentArea.main #content .content.main .section01 .inner .txt-area {
    padding-top: 108px
}

#contentArea.main #content .content.main .section01 .inner .txt-area .tit {
    font-weight: 700;
    font-size: 50px;
    color: #0464b2;
    letter-spacing: -2.5px
}

#contentArea.main #content .content.main .section01 .inner .txt-area .txt1 {
    font-weight: 700;
    font-size: 26px;
    color: #1d1d1d;
    letter-spacing: -1px;
    margin-top: 42px
}

#contentArea.main #content .content.main .section01 .inner .txt-area .txt2 {
    font-size: 26px;
    color: #1d1d1d;
    font-weight: 100;
    letter-spacing: -0.5px;
    line-height: 34px;
    margin-top: 13px
}

#contentArea.main #content .content.main .section01 .inner .txt-area .more-bt {
    margin-top: 35px
}

#contentArea.main #content .content.main .section01 .inner .txt-area .more-bt a {
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #0461ad;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#contentArea.main #content .content.main .section01 .inner .txt-area .more-bt a span {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-right: 53px
}

#contentArea.main #content .content.main .section01 .inner .txt-area .more-bt a span:before {
    position: absolute;
    top: 12px;
    right: 0;
    width: 45px;
    height: 7px;
    content: "";
    background: url("../../images/main/view_more_arrow3.png") no-repeat
}

#contentArea.main #content .content.main .section01 .inner .video-area {
    position: absolute;
    top: 80px;
    right: 0;
    width: 620px;
    height: 349px;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #000;
    -moz-box-shadow: 6px 7px 27px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 6px 7px 27px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 6px 7px 27px 0 rgba(0, 0, 0, 0.3)
}

#contentArea.main #content .content.main .section01 .inner .video-area a {
    width: 100%;
    height: 100%;
    display: block
}

#contentArea.main #content .content.main .section01 .inner .video-area a img {
    display: block;
    width: 100%;
    height: 100%
}

#contentArea.main #content .content.main .section01 .inner .video-area a i {
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -45px;
    margin-top: -45px;
    top: 50%;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #0361ad;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1LjY4NDM0MTg4NjA4MDhlLTE0JSIgeTE9Ii02LjM5NDg4NDYyMTg0MDllLTE0JSIgeDI9Ijk5Ljk5OTk5OTk5OTk5OTklIiB5Mj0iMTAwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDlkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmUxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    background-image: -o-linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    background-image: -webkit-linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    background-image: linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    text-align: center;
    line-height: 90px;
    color: #fff;
    font-weight: 700;
    font-size: 20px
}

#contentArea.main #content .content.main .section02 {
    background: url("../../images/main/academic_bg.jpg") 50% 50% no-repeat;
    padding-top: 80px;
    background-size: 100% 100%;
}

#contentArea.main #content .content.main .section02 .inner {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 600px;
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap {
    position: relative;
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .title {
    font-weight: 700;
    font-size: 30px;
    color: #1d1d1d;
    margin-bottom: 24px
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit {
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit:first-child {
    margin-top: 0
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-bt {
    padding-left: 11px;
    position: relative
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-bt:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #b2b2b2;
    content: ""
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-bt button {
    height: 33px;
    font-size: 20px;
    color: #888;
    position: relative;
    letter-spacing: -1px;
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-bt button:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #0461ad;
    content: "";
    opacity: 0;
    filter: alpha(opacity=0)
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-bt.active button {
    color: #0461ad;
    font-weight: 700
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-bt.active button:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-bt.active:before {
    background-color: #0461ad
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con {
    position: absolute;
    top: 50%;
    margin-top: 27px;
    transform: translateY(-50%);
    right: 0;
    display: table;
    width: 870px;
    height: 360px;
    overflow: hidden;
    display: none;
    padding-left: 255px;
    box-sizing: border-box;
    z-index: 10;
    border-radius: 16px;
    background-clip: padding-box;
    background-color: #fff;
    box-shadow: 6px 7px 27px 0 rgba(0, 0, 0, 0.1)
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con.active {
    display: table;
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con .bg-area {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 16px 0 0 16px;
    overflow: hidden;
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con .thumb-area {
    position: absolute;
    left: 47px;
    top: 50%;
    margin-top: -80px;
    z-index: 1
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con .txt-area {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con .txt-area .tit {
    color: #0461ad;
    font-weight: 700;
    font-size: 40px;
    letter-spacing: -2px
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con .txt-area .txt {
    font-size: 18px;
    color: #1d1d1d;
    line-height: 28px;
    letter-spacing: -0.9px;
    margin-top: 30px
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con .txt-area .bt {
    margin-top: 23px
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con .txt-area .bt a span {
    font-weight: 700;
    font-size: 16px;
    color: #1b1b1b;
    position: relative;
    padding-right: 54px
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con .txt-area .bt a span:after {
    position: absolute;
    right: 0;
    top: 9px;
    width: 45px;
    height: 7px;
    background: url("../../images/main/view_more_arrow4.png") no-repeat;
    content: ""
}

#contentArea.main #content .content.main .section03 .inner {
    width: 1200px;
    margin: 0 auto;
    height: 497px;
    padding-top: 77px;
    box-sizing: border-box
}

#contentArea.main #content .content.main .section03 .inner .title {
    font-weight: 700;
    font-size: 30px;
    color: #1b1b1b;
    letter-spacing: -1.5px
}

#contentArea.main #content .content.main .section03 .inner .adm-list {
    margin-top: 26px
}

#contentArea.main #content .content.main .section03 .inner .adm-list:after {
    display: block;
    content: "";
    clear: both
}

#contentArea.main #content .content.main .section03 .inner .adm-list li {
    width: 224px;
    float: left;
    margin-left: 20px
}

#contentArea.main #content .content.main .section03 .inner .adm-list li:first-child {
    margin-left: 0
}

#contentArea.main #content .content.main .section03 .inner .adm-list li a {
    display: block
}

#contentArea.main #content .content.main .section03 .inner .adm-list li a:hover .thumb-wrap .thumb-area .hover-area {
    opacity: 1;
    filter: alpha(opacity=100)
}

#contentArea.main #content .content.main .section03 .inner .adm-list li a .thumb-wrap {
    width: 224px;
    height: 224px;
    position: relative
}

#contentArea.main #content .content.main .section03 .inner .adm-list li a .thumb-wrap .thumb-area {
    overflow: hidden;
    width: 224px;
    height: 224px;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#contentArea.main #content .content.main .section03 .inner .adm-list li a .thumb-wrap .thumb-area .hover-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 224px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    background: url("../../images/main/adm_img_hover.png") no-repeat
}

#contentArea.main #content .content.main .section03 .inner .adm-list li a .thumb-wrap .thumb-area .hover-area span {
    position: relative;
    padding-right: 54px;
    color: #fff
}

#contentArea.main #content .content.main .section03 .inner .adm-list li a .thumb-wrap .thumb-area .hover-area span:after {
    position: absolute;
    content: "";
    width: 45px;
    height: 7px;
    right: 0;
    top: 7px;
    background: url("../../images/main/view_more_arrow3.png") no-repeat
}

#contentArea.main #content .content.main .section03 .inner .adm-list li a .thumb-wrap .thumb-area img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}

#contentArea.main #content .content.main .section03 .inner .adm-list li a .thumb-wrap .num {
    width: 50px;
    height: 50px;
    font-size: 30px;
    color: #0461ad;
    font-style: italic;
    font-weight: 700;
    line-height: 50px;
    position: absolute;
    left: 20px;
    bottom: -25px;
    display: inline-block;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    -moz-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 7px 14px 0 rgba(0, 0, 0, 0.07)
}

#contentArea.main #content .content.main .section03 .inner .adm-list li a .tit {
    font-size: 22px;
    color: #1b1b1b;
    padding-left: 20px;
    margin-top: 43px
}

#contentArea.main #content .content.main .section04 {
    background: url("../../images/main/only_gcu_bg.jpg") 50% 50% no-repeat
}

#contentArea.main #content .content.main .section04 .inner {
    width: 1200px;
    margin: 0 auto;
    height: 554px;
    position: relative;
    padding-top: 80px;
    box-sizing: border-box
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap {
    width: 677px;
    float: left;
    position: relative
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .title {
    font-weight: 700;
    font-size: 30px;
    color: #1b1b1b;
    letter-spacing: -1px
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .more-bt {
    position: absolute;
    right: 0;
    top: 4px
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .more-bt span {
    position: relative;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 700;
    padding-right: 54px;
    letter-spacing: -0.5px
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .more-bt span:after {
    position: absolute;
    right: 0;
    top: 8px;
    content: "";
    width: 45px;
    height: 7px;
    background: url("../../images/main/view_more_arrow4.png") no-repeat
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area {
    padding-top: 24px
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a {
    display: block;
    position: relative;
    margin-top: 20px;
    min-height: 160px
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a:first-child {
    margin-top: 0
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a.blue-tp dl dt {
    color: #0461ad
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a.blue-tp dl dd p:before {
    background-color: #0461ad
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a.blue-tp .thumb-wrap .plus-icon {
    background-color: #0461ad
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a.green-tp dl dt {
    color: #6eb92b
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a.green-tp dl dd p:before {
    background-color: #6eb92b
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a.green-tp .thumb-wrap .plus-icon {
    background-color: #6eb92b
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a dl dt {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 30px
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a dl dd {
    padding-top: 12px
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a dl dd p {
    font-size: 18px;
    color: #1b1b1b;
    line-height: 27px;
    letter-spacing: -1px;
    padding-left: 9px;
    position: relative
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a dl dd p:before {
    position: absolute;
    content: "";
    left: 0;
    top: 13px;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a .thumb-wrap {
    width: 355px;
    height: 160px;
    position: absolute;
    right: 0;
    top: 0
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a .thumb-wrap .thumb-area {
    overflow: hidden;
    width: 355px;
    height: 160px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a .thumb-wrap .thumb-area img {
    display: block;
    width: 100%;
    height: 100%
}

#contentArea.main #content .content.main .section04 .inner .only-gcu-wrap .con-area a .thumb-wrap .plus-icon {
    display: inline-block;
    z-index: 1;
    width: 50px;
    height: 50px;
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -25px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-image: url("../../images/main/plus_bt_icon.png");
    background-position: 50% 50%
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap {
    width: 473px;
    float: right;
    position: relative
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .title {
    font-weight: 700;
    font-size: 30px;
    color: #1b1b1b;
    letter-spacing: -1px
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .sns-list {
    position: absolute;
    left: 224px;
    top: 6px
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .sns-list li {
    float: left;
    margin-left: 21px
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .sns-list li:first-child {
    margin-left: 0
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .sns-list li a {
    display: inline-block
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .more-bt {
    position: absolute;
    right: 0;
    top: 4px
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .more-bt span {
    position: relative;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 700;
    padding-right: 54px;
    letter-spacing: -0.5px
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .more-bt span:after {
    position: absolute;
    right: 0;
    top: 8px;
    content: "";
    width: 45px;
    height: 7px;
    background: url("../../images/main/view_more_arrow4.png") no-repeat
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area {
    font-size: 0;
    padding-top: 24px
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area a {
    display: inline-block;
    width: 227px;
    float: right
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area a:first-child {
    float: left
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area a:first-child .thumb-area {
    height: 97px
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area a .thumb-area {
    width: 100%;
    height: 160px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #05afa9;
    overflow: hidden
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area a .thumb-area img {
    display: block;
    width: 100%;
    height: 100%
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area a .txt-area {
    padding-top: 18px
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area a .txt-area .tit {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
    color: #1d1d1d
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area a .txt-area .tit img {
    vertical-align: initial;
    margin-right: 5px
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area a .txt-area .txt {
    font-size: 18px;
    margin-top: 12px;
    color: #1b1b1b;
    line-height: 27px;
    height: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.main #content .content.main .section04 .inner .gcu-media-wrap .con-area a .txt-area .date {
    color: #888888;
    font-weight: 500;
    font-size: 16px;
    margin-top: 11px
}

#contentArea.main #content .content.main .section05 .inner {
    width: 1200px;
    margin: 0 auto;
    height: 517px;
    position: relative;
    padding-top: 80px;
    box-sizing: border-box
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap {
    width: 446px;
    float: left;
    position: relative
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .title {
    font-weight: 700;
    font-size: 30px;
    color: #1b1b1b;
    letter-spacing: -1px
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .more-bt {
    position: absolute;
    right: 0;
    top: 4px
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .more-bt span {
    position: relative;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 700;
    padding-right: 54px;
    letter-spacing: -0.5px
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .more-bt span:after {
    position: absolute;
    right: 0;
    top: 8px;
    content: "";
    width: 45px;
    height: 7px;
    background: url("../../images/main/view_more_arrow4.png") no-repeat
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .con-area {
    padding-top: 24px
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .con-area a {
    display: block;
    position: relative;
    min-height: 160px
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .con-area a .txt-area {
    padding-top: 27px
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .con-area a .txt-area .tit {
    font-weight: 700;
    color: #1b1b1b;
    font-size: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .con-area a .txt-area .date {
    font-size: 16px;
    color: #888888;
    margin-top: 15px
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .con-area a .thumb-wrap {
    width: 100%;
    height: 180px
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .con-area a .thumb-wrap .thumb-area {
    overflow: hidden;
    width: 100%;
    height: 180px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#contentArea.main #content .content.main .section05 .inner .notice-wrap .con-area a .thumb-wrap .thumb-area img {
    display: block;
    width: 100%;
    height: 100%
}

#contentArea.main #content .content.main .section05 .inner .news-wrap {
    width: 730px;
    float: right;
    position: relative
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .title {
    font-weight: 700;
    font-size: 30px;
    color: #1b1b1b;
    letter-spacing: -1px;
    padding-left: 23px
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .more-bt {
    position: absolute;
    right: 0;
    top: 4px
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .more-bt span {
    position: relative;
    font-size: 16px;
    color: #1b1b1b;
    font-weight: 700;
    padding-right: 54px;
    letter-spacing: -0.5px
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .more-bt span:after {
    position: absolute;
    right: 0;
    top: 8px;
    content: "";
    width: 45px;
    height: 7px;
    background: url("../../images/main/view_more_arrow4.png") no-repeat
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .con-area {
    padding-top: 24px
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .con-area a {
    display: block;
    float: left;
    position: relative;
    height: 285px;
    width: 230px;
    margin-left: 20px;
    padding: 0 23px;
    box-sizing: border-box
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .con-area a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffe100;
    content: "";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .con-area a:first-child {
    margin-left: 0
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .con-area a .txt-area {
    padding-top: 24px;
    z-index: 1;
    position: relative
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .con-area a .txt-area .tit {
    font-weight: 700;
    color: #1b1b1b;
    font-size: 20px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .con-area a .txt-area .txt {
    font-size: 18px;
    margin-top: 21px;
    color: #1b1b1b;
    line-height: 27px;
    height: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .con-area a .txt-area .date {
    font-size: 16px;
    color: #888888;
    margin-top: 13px
}

#contentArea.main #content .content.main .section05 .inner .news-wrap .con-area a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

#contentArea.main #spot .slider .txt-area {
    box-sizing: border-box;
    padding: 132px 41px 0;
    height: 100%
}

#contentArea.main #spot .slider .txt-area .txt {
    position: relative;
    top: auto;
    color: #1d1d1d;
    letter-spacing: -0.5px;
    filter: alpha(opacity=100);
    opacity: 1;
    transition: none
}

#contentArea.main #spot .slider .txt-area .txt .top {
    position: relative;
    top: 40px;
    display: block;
    line-height: 38px;
    font-weight: 700;
    font-size: 28px;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.8s ease-in-out
}

#contentArea.main #spot .slider .txt-area .txt .emphasis {
    position: relative;
    top: 40px;
    display: block;
    padding: 10px 0 7px;
    line-height: 70px;
    font-weight: 700;
    font-size: 60px;
    color: #0197d9;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.2s
}

#contentArea.main #spot .slider .txt-area .txt .sub {
    position: relative;
    top: 40px;
    display: block;
    line-height: 38px;
    font-weight: 400;
    font-size: 28px;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.4s
}

#contentArea.main #spot .slider .txt-area .img {
    position: relative;
    top: 40px;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 0.8s ease-in-out;
    transition-delay: 0.6s;
    margin-top: 44px
}

#contentArea.main #spot .slider .roll-unit1 .txt-area .txt,
#contentArea.main #spot .slider .roll-unit1 .txt-area .img {
    float: right;
    width: 627px
}

#contentArea.main #content .content.main .section01 .inner .txt-area .more-bt a span {
    font-style: italic
}

#contentArea.main #content .content.main .section02 .inner .acdm-tab-wrap .tab-unit .tab-con .thumb-area {
    border-radius: 10px;
    overflow: hidden
}


    #contentArea.main #spot .slider .roll-unit2 {
        background-color: #f5f5f5;
        background-position: 80% 100%;
        background-size: auto 90%
    }


@media all and (max-width: 1396px) {
    #contentArea.main #spot .slider .txt-area {
        padding-left: 130px
    }
    #contentArea.main #spot .slider .slick-arrow.slick-prev {
        left: 0;
        margin-left: 0
    }
    #contentArea.main #spot .slider .slick-arrow.slick-next {
        right: 0;
        margin-right: 0
    }
}


/*   KBBC 소개 서브 상단이미지  */

#contentArea.sub #subVisual {
    height: 230px;
    background: url("../../images/about_kbbc/about_kbbc_subvisual.jpg") 50% 50% no-repeat
}
#contentArea.sub #content #lnb dl dt {
    background: url("../../images/about_kbbc/about_kbbc_lnb.png") no-repeat
}


#contentArea.sub #content {
    width: 1200px;
    margin: 0 auto
}


#contentArea.sub #content .about-gcu-area{padding-top:100px;}


#contentArea.sub #content .about-gcu-area .main-copy {
    text-align: center;
    padding-top: 70px;
    height: 362px;
    background: url("../../images/about_kbbc/about_gcu_bg.png") 557px 100% no-repeat;
    box-sizing: border-box;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub #content .about-gcu-area .main-copy .txt {
    color: #1d1d1d;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-top: 24px
}

#contentArea.sub #content .about-gcu-area .text {
    font-size: 17px;
    color: #333333;
    font-weight: 400;
    line-height: 25px
}

#contentArea.sub #content .about-gcu-area .text.text1 {
    *margin-top: 44px; line-height:20pt;
}

#contentArea.sub #content .about-gcu-area .text.text2 {
    margin-top: 44px
}

#contentArea.sub #content .about-gcu-area dl {
    padding: 30px 0 30px 31px;
    margin-top: 43px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f9f9f9
}

#contentArea.sub #content .about-gcu-area dl dt {
    font-size: 17px;
    font-weight: 700;
    color: #0464b3
}

#contentArea.sub #content .about-gcu-area dl dd {
    margin-top: 13px
}

#contentArea.sub #content .about-gcu-area dl dd ul li {
    font-size: 17px;
    font-weight: 500;
    color: #333333;
    position: relative;
    padding-left: 14px;
    margin-top: 9px
}

#contentArea.sub #content .about-gcu-area dl dd ul li:first-child {
    margin-top: 0
}

#contentArea.sub #content .about-gcu-area dl dd ul li:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    background-color: #0464b3;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    content: ""
}

/*  폰트색*/

.h_c4{color:#00baee;}
.h_c5{color:#e76813;}
.h_c6{color:#c1f13c;}

.line10{clear:both;height:10px}
.ine20{clear:both;height:20px}
.line30{clear:both;height:30px}
.line40{clear:both;height:30px}
.line50{clear:both;height:30px}
.line60{clear:both;height:60px}
.line70{clear:both;height:65px}
.line80{clear:both;height:80px}
.line90{clear:both;height:90px}
.line100{clear:both;height:135px}
.line150{clear:both;height:150px}

/* 인사말*/
.lab_about1 {	margin-top:80px;}
.lab_about1 .ceo_name{position:absolute;padding-top:450px;z-index:200;margin-left:120px; line-height:18pt;font-weight:400;}
.lab_about1 .ceo_name .name{font-weight:500;font-size: 20px;}
.lab_about1 .ceo_msg{font-weight:400;margin-top:60px;padding-left:450px;background:url("../../images/about_kbbc/kbbc_manager.jpg") no-repeat 100px 150px}
.lab_about1 .ceo_msg p{line-height:1.5;margin-bottom:30px}
.lab_about1 .ceo_msg .sign{background:url(/images/ceo_sign.jpg) no-repeat 90px 30px}

.ac{line-height:1.6;margin-top:20px}
.quot{font-size:22px;}
.quot:before,.quot:after{content:'';display:inline-block;width:25px;height:27px;background:url("../../images/about_kbbc/ico_quot.png") no-repeat;vertical-align:top}
.quot:before{margin-right:10px;background-position:0 50%}
.quot:after{margin-left:10px;background-position:100% 50%}






/* 소개 */
.rnd-layout {
	display: table;
	margin-top:80px;
}
.rnd-layout .left,
.rnd-layout .right {
	display: table-cell;
	vertical-align: middle;
}
.rnd-layout.layout-1 .left {
	width: 500px;
}
.rnd-layout.layout-1 .right {
	width: 600px;
	padding-left: 60px;
	text-align:center;
	line-height:20pt;
}
.rnd-layout.layout-2 .left {
	width: 600px;
		text-align:center;
}
.rnd-layout.layout-2 .right {
	width: 500px;
	padding-left: 100px;
}

.institute-text-1 {
	font-size: 20px;
	font-weight:500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
 padding-bottom:15px;
}
.institute-text-2 {
	font-size: 28px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
color:#00baee;
}

.institute-text-3 {
	font-size: 23px;
	font-weight:400;
	font-stretch: normal;
	font-style: normal;

 padding-bottom:8px;
}
.institute-text-4 {
	font-size: 23px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.35;
color:#00baee;
}


/* 연혁 */

.history-contents-wrap {
	
}
.history-contents-wrap:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0px;
	height: 100%;
	border-right: solid 1px #e4e4e4;
}
.history-item {
	display: table;
	width: 100%;
	padding-top: 100px;
}
.history-item:last-child {
	padding-bottom: 150px;
}
.history-item > div {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.history-item .left {
	padding-right: 50px;
	text-align: right;
}
.history-item .right {
	padding-left: 50px;
	text-align: left;
}
.history-item-text-1 {
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	letter-spacing: -1px;
	color: #000000;
	position: relative;
}
.history-item-text-1:after {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	right: -54.5px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #144085;
}
.history-item-text-2 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
/*	letter-spacing: -1px; */
	color: #000000;
	margin-top: 10px;
}



#contentArea.sub #content .contents-wrap {
    position: relative;
   width: 910px;
    float: right
}

/* 프로그램 */

.contents-wrap {
	position: relative;
	width: 910px;
	height: 100%;
	margin: 0 auto;
}



.overview-layout {
	display: table;
	margin-top:70px;
}


 .overview-layout  li {padding-left: 13px; line-height: 25px;padding-left: 13px; background: url("../../images/etc/dot_blue.jpg") no-repeat left 11px;}

.overview-layout:first-child {
	margin-top: 100px;
}
.overview-layout .left,
.overview-layout .right {
	display: table-cell;
	vertical-align: top;
}
.overview-layout .left {
	width: 170px;
}
.overview-layout .left.green {
	border-top: solid 2px #51cd6b;
}
.overview-layout .left.blue {
	border-top: solid 2px #0464b3;
}
.overview-layout .right {
width: 700px;
	padding-left:50px;
	*margin-top: 10px;
}

.overview-text-1 {
		font-weight: 400;
	margin-top:80px;
	padding:0 45px 0 45px;
	width:910px;
background: url("../../images/program/title_back1.png") no-repeat left 11px;
line-height:23pt;
}



.overview-text-2 {
font-size: 20px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.15;


	margin-top: 20px;
}
.overview-text-3 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.88;
	letter-spacing: -1px;

	margin-top: 10px;
}
.overview-text-4 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;

}
.overview-text-5 {
	font-family: Assistant;
	font-size: 26px;
	font-weight: 800;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.38;
	letter-spacing: 7.12px;
	color: #144085;
}
.overview-text-6 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.69;
	letter-spacing: -1px;

	margin-top: 20px;
}

.overview-text-7 {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #fc7171;
	margin-top: 120px;
	margin-left:30px;
	line-height:18pt;
}
.overview-text-8 {
		font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #2da88a;
	margin-top: 120px;
	margin-left:30px;
	line-height:18pt;
}

.overview-text-9 {
		font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #1e75ad;
	margin-top: 120px;
    margin-left:17px;
	line-height:18pt;
}

.overview-text-10 {
		font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #3b5883;
	margin-top: 120px;
    margin-left:35px;
	line-height:18pt;
}

.overview-text-11 {
	font-size: 14px;
	font-weight: 300;
line-height:18pt;
	text-align: center;
	color: #FFFFFF;
	margin-top:50px;
	margin-left:32px;
	letter-spacing: -1px;
}


.overview-text-12{
		font-weight:500;
		font-size:25px;
	margin-top:80px;
	padding:10px 15px 0 0px;
	width:600px; margin-left:150px;
	height:150px;
	text-align: center;
background: url("../../images/program/title_back2.png") no-repeat left 11px;
line-height:30pt;
}
.overview-text-13{
		font-weight:500;
		font-size:25px;
	margin-top:80px;
	padding:10px 15px 0 0px;
	width:910px; 
	height:150px;
	text-align: center;	letter-spacing: -1px;
background: url("../../images/program/title_back3.png") no-repeat left 11px;
line-height:30pt;
}

.overview-text-14{
		font-weight:500;
		font-size:23px;
	margin-top:80px;
	padding:10px 15px 0 0px;
	width:910px; 
	height:150px;
	text-align: center;
background: url("../../images/program/title_back3.png") no-repeat left 11px;
line-height:30pt; 	letter-spacing: -1px;
}

.ethic-ul {
	margin-top:0px;
}
.ethic-ul li {
	display: table;
	margin-bottom:50px;
	margin-left:30px;
}
.ethic-ul li > div {
	display: table-cell;
	vertical-align: middle;
}
.ethic-ul li > div.left {
	width: 400px;
	padding-right:10px;
}
.ethic-ul li > div.right {

}
.ethic-text-2 {
	font-size: 25px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.35;
	letter-spacing: -2px;
	color: #000000;
}
.ethic-text-3 {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #000000;
	margin-top: 30px;
}


.ethic-ul2 {
	margin-top:0px;
}
.ethic-ul2 li {
	display: table;
	margin-bottom:70px;
	margin-left:30px;
}
.ethic-ul2 li > div {
	display: table-cell;
	vertical-align: middle;
}
.ethic-ul2 li > div.left {
	width:220px;
	padding-right:10px;
}
.ethic-ul2 li > div.right {

}
.ethic-text-4 {
	font-size: 20px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: -2px;
	color: #000000;
}
.ethic-text-5 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.94;
	letter-spacing: -1px;
	color: #000000;
	margin-top:15px;
}




.teacher{
	width:910px;
	height:270px;
	background: url("../../images/program/teacher_back.jpg") no-repeat left ;}

.teacher .profile{padding:40px 0px 40px 0;}

.teacher .profile li{letter-spacing: -1px;
	float: left; line-height:20pt;	white-space: nowrap; font-size:15px;	font-weight:400; margin-left:25px;color:#FFF;}

.teacher .profile .name_b{background-color:#787878;text-align: center; padding:5px; font-size:18px;color:#FFF;margin-top:5px; vertical-align:middle;}




.sub-title-text-wrap {
	position: relative;
	margin-top: 80px;
	margin-bottom:40px;
}
.sub-title-text-wrap:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: -20px;
	display: inline-block;
	width: 30px;
	height: 3px;
	background-color: #3c286e;
}
.sub-title-text-wrap:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: 0;
	display: inline-block;
	width: 30px;
	height: 3px;
	background-color: #54cccc;
}
.sub-title-text {
	font-size: 40px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2px;
	text-align: center;

}

.drop-in-centre {
	display: table;
	width: 100%;
	padding-top: 80px;
}
.drop-in-centre .center_name{background-color:#e5e5e5; color:#0464b3; line-height:40px;padding:35px 0 30px 15px;width:150px; font-size:18px; font-weight:300;}
.drop-in-centre .s_img{text-align: right;}

.drop-in-centre > div {
	display: table-cell;
	
	vertical-align: top;
}

.overview-ul {
	height:370px;
	width: 100%;
	background: url("../../images/program/p_back_img1.png") no-repeat left ;
	
}
.clear:after {
	content: "";
	display: block;
	clear: both;
}

.overview-ul li {
	float: left;
	text-align: center;
	margin-left:90px;
	white-space: nowrap;
}
.overview-ul li:first-child {
	margin-left:10px;
}

.overview-ul li:nth-of-type(3)  {
	margin-left:75px;
		letter-spacing: -2px;
}
.overview-ul li:nth-of-type(4)  {
	margin-left:50px;
}

.overview1{height:186px;
	width: 100%;
	background: url("../../images/program/p_back_img2.png") no-repeat left ;
}
.overview1 li {
	float: left;

	white-space: nowrap;
	padding:50px 2px 0 0px;	font-size: 15px;line-height: 18pt; letter-spacing: -1px;
}

.overview1 li:first-child {
	margin-left:40px;
}

.overview1 li:nth-of-type(2)  {
	margin-left:140px;
		
}



.overview2{height:85px;
	width: 100%;
	background: url("../../images/program/p_back_img3.png") no-repeat left ;
}
.overview2 li {
	float: left;
	font-weight:500;
color:#FFF;
margin-left:200px;
margin-top:20px;
	white-space: nowrap;
line-height: 18pt;
}

.overview2 li:first-child {
	margin-left:100px;
}


.overview2 li:nth-of-type(2)  {
	margin-left:230px;
		
}
.overview2 li:nth-of-type(3)  {
	margin-left:200px;
		
}

.arrow_img{	text-align:center;}




.pipeline-table {
	width:100%;
	border-top: solid 2px #000000;
	border-bottom: solid 1px #000000;
	
}
.pipeline-table caption {
	font-size: 26px;
	font-weight: 500;
	line-height: 18pt;
	letter-spacing: -2px;
	text-align: left;
	color: #000000;
	margin-bottom: 30px;
}
.pipeline-table th {
	font-size: 16px;
	font-weight: 500;
	line-height: 18pt;
	text-align: center;

	background-color: #f7f8fb;
}
.pipeline-table td {
	font-size: 16px;
	font-weight: 300;
	line-height: 18pt;
	text-align: center;
	padding:20px;	
	border: solid 1px #dedede;
	position: relative;
	vertical-align: middle;
}


.pipeline-table .table-2{width:950px;}

.pipeline-table .align{text-align:left;}


.pipeline-table .border{border-right: solid 0px ;}

.pipeline-table .border2{border-right: solid 1px #dedede;border-bottom: solid 1px #dedede;vertical-align: middle; width:120px;}

.pipeline-table td:nth-of-type(1) {
	border-left: 0;
}
.pipeline-table td:nth-of-type(7) {
	border-right: 0;
}
.pipeline-table.table-1 th {
	padding:20px;
}
.pipeline-table.table-1 th:nth-of-type(1) {
	padding:2px;
}
	.clear_area:before,.clear_area:after{content:" ";display:table}
	.clear_area:after{clear:both}
	.clear_area{*zoom:1}

/* 게시판 리스트*/

	.bbs_wrap .bbs_category{height:20px;line-height:20px;overflow:hidden}
	.bbs_wrap .bbs_category li{float:left;padding:0 10px;background:url("/resource/image/board/ico_category_split.gif") no-repeat left center}
	.bbs_wrap .bbs_category li:first-child{padding-left:0;background:none}
	.bbs_wrap .bbs_category a{color:#333;font-size:120%}
	.bbs_wrap .bbs_category a:hover{text-decoration:underline}
	.bbs_wrap .bbs_category .on{}
	.bbs_wrap .bbs_header{*padding:8px 0;display:none }
	.bbs_wrap .bbs_header .total{*float:left;*height:30px}
	.bbs_wrap .bbs_header .total p{float:left;line-height:30px;font-size:15px;color:#333;}
	.bbs_wrap .bbs_header .total span{color:#cc3300}
	.bbs_wrap .bbs_header .total .select{margin:0 0 0 10px;width:25px}
	.bbs_wrap .bbs_header .search_wrap{float:right}
	.bbs_wrap .bbs_header .select{position:relative;float:left;padding:0 30px 0 8px;width:60px;height:26px;border:1px solid #d7d7d7;background:#fff url("/resource/image/board/ico_select_arrow.gif") no-repeat right center}
	.bbs_wrap .bbs_header .select .label{display:block;height:26px;line-height:26px;font-size:15px;color:#333;overflow:hidden;white-space:nowrap}

	.bbs_wrap .bbs_header .select select{position:absolute;left:0;top:0;width:100%;height:26px;line-height:26px;font-size:15px;color:#333;border:0;z-index:10}
	
	.bbs_wrap .bbs_header .input_search{float:left;margin:0 5px;padding:0 10px;width:124px;height:26px;font-size:15px;color:#333;border:1px solid #d7d7d7;background:#fff;*line-height:26px;line-height:26px\9}
	.bbs_wrap .bbs_header .btn_search{float:left}
	.bbs_wrap .bbs_tab_header{padding:0;overflow:hidden}
	.bbs_wrap .bbs_tab_header .tab_menu{float:left}
	.bbs_wrap .bbs_tab_header .search_wrap{margin-bottom:10px}
	.bbs_wrap .bbs_table{margin-bottom:30px;width:100%;text-align:center;border-collapse:collapse;border-spacing:0;border-top:2px solid #999; }
	.bbs_wrap .bbs_table th{padding:15px;*height:40px;font-size:15px;border-bottom:1px solid #e6e6e6;background:#f9f9f9;white-space:nowrap}
	.bbs_wrap .bbs_table td{padding:10px 5px;font-size:15px;border-bottom:1px solid #e6e6e6;line-height:18px;font-size:15px;font-weight:300;} 
	.bbs_wrap .bbs_table td b{color:#000;} 
	.bbs_wrap .bbs_table tbody{font-weight:300;}
	.bbs_wrap .bbs_table .link{padding:5px 10px;text-align:left;}
	.bbs_wrap .bbs_table .link .title{font-size:12pt;margin-bottom:5px;color:#333;font-weight:300;}
	.bbs_wrap .bbs_table .link a {color:#333; display: block; }
	
	.bbs_wrap .bbs_table{margin-top:80px;}
	.bbs_wrap .bbs_table a {display: block; font-weight:300;}
	.bbs_wrap .bbs_table a:hover{text-decoration:underline; display: block; }
	.bbs_wrap .bbs_table td .ico_notice{display:inline-block;width:36px;height:19px;line-height:19px;text-align:center;font-size:100%;color:#fff;background:#b40001;*display:inline;zoom:1}
	.bbs_wrap .bbs_table td .bbs_re {color:#ca200a;}
	.bbs_wrap .bbs_table tr.notice .link{ height:35px;font-weight:300;}/*default  게시판 리스트 칸 높이 */
	.bbs_wrap .bbs_table tr.notice .link img{margin:-1px 0 0 3px;vertical-align:middle}

	.bbs_wrap .bbs_paging{height:50px;line-height:20px;text-align:center}
	.bbs_wrap .bbs_paging a{display:inline-block;margin:0 4px;width:20px;height:24px;line-height:25px;vertical-align:top;border:1px solid #fff}
	.bbs_wrap .bbs_paging img{display:block; margin-top:5px;}
	.bbs_wrap .bbs_paging .link{font-size:15px;color:#333}
	.bbs_wrap .bbs_paging .link.on,.bbs_paging .link:hover{color:#ef0010;border:1px solid #ef0010}
    .bbs_wrap table tr td.btn_wrap{padding:20px 0;text-align:center}
	.bbs_wrap .btn_wrap.right{text-align:right}
	.bbs_wrap .btn_wrap.center{text-align:center}
	.bbs_wrap .btn{display:inline-block;margin:0 1px;padding:0 20px;height:28px;line-height:28px;font-size:15px;color:#333;border:1px solid #ccc;background:url("/resource/image/board/btn_line.gif") repeat-x;*display:inline;zoom:1}

	.bbs_wrap .btn-btn{display:inline-block;margin:0 1px;padding:0 10px;height:28px;line-height:28px;font-size:15px;color:#333;border:1px solid #ccc;background:url("/resource/image/board/btn_line.gif") repeat-x;*display:inline;zoom:1}
	/* 게시판 코멘트 */
	.bbs_wrap .bbs_comment{padding-top:40px}
	.bbs_wrap .bbs_comment .comment_title{margin-bottom:10px;line-height:20px;font-size:15px;color:#333}
	.bbs_wrap .bbs_comment .comment_title b{margin-right:10px;font-size:15px;}
	.bbs_wrap .bbs_comment .comment_title span{margin: 5px;color:#333}
	.bbs_wrap .bbs_comment .comment_wrap{position:relative;padding:20px 120px 20px 60px;border:1px solid #e6e6e6;border-top:2px solid #171717}
	.bbs_wrap .bbs_comment .comment_wrap .label{position:absolute;left:16px;top:20px;width:45px;font-size:15px;color:#333;}
	.bbs_wrap .bbs_comment .comment_wrap .btn_wrap{position:absolute;right:16px;top:20px}
	.bbs_wrap .bbs_comment .comment_wrap .btn_comment{cursor:pointer;margin-bottom:8px;width:75px;height:50px;text-align:center;font-size:15px;color:#333;border:1px solid #ccc;background:#fff url("/resource/image/ico/center_btn_line.gif") repeat-x}
	.bbs_wrap .bbs_comment .comment_wrap .input_textarea{margin-bottom:8px;padding:5px;width:100%;height:38px;font-size:15px;color:#333;border:1px solid #ccc;overflow:hidden;overflow-y:auto;resize:vertical}
	.bbs_wrap .bbs_comment .comment_wrap .warn{font-size:110%;color:#333}
	.bbs_wrap .bbs_comment .comment_wrap .count{font-size:110%;color:#333}
	.bbs_wrap .bbs_comment .comment_wrap .count b{}
	.bbs_wrap .bbs_comment .comment_list{border-bottom:1px solid #a3a3a3}
	.bbs_wrap .bbs_comment .comment_list li{padding:20px 0;border-top:1px solid #d7d7d7}
	.bbs_wrap .bbs_comment .comment_list li:first-child{border-top:0}
	.bbs_wrap .bbs_comment .comment_list p{line-height:20px;font-size:15px;color:#333}
	.bbs_wrap .bbs_comment .comment_list .name{margin-bottom:5px}
	.bbs_wrap .bbs_comment .comment_list .name b{margin-right:15px;font-size:15px;}
	/* 게시판 포토 */
	.bbs_wrap .bbs_photo_wrap{padding-top:30px; overflow:hidden;border-bottom:#e6e6e6 solid 1px;} /* border-top:2px solid #999; */
    .bbs_wrap .bbs_photo_wrap .list_red li a{ font-size:100%; line-height:20px;}

    .bbs_wrap .bbs_photo_wrap .bbs_photo  .j_img{display:block;margin-bottom:8px;padding:6px;border:1px solid #e6e6e6;overflow:hidden;}
	.bbs_wrap .bbs_photo_wrap .bbs_photo  .j_img{display:block;width:200px; height:138px;}

	.bbs_wrap .bbs_photo_wrap .title > span.sub {font-size:80%; font-weight:normal;}
	.bbs_wrap .bbs_photo {margin-left:-22px;overflow:hidden; margin-top:15px;}

	.bbs_wrap .bbs_photo > li > .bbs_btn{text-align:left;}
	.bbs_wrap .bbs_photo > li > .bbs_btn a{display:inline-block; padding:2px 5px; margin:0px 3px; background-color:#999; color:#fff !important;font-size:15px;}

	.bbs_wrap .bbs_photo > li {float:left;margin:0 0 0 22px;width:190px;min-height: 215px;}
	.bbs_wrap .bbs_photo > li .title > span.sub {font-size:90%; font-weight:normal;}
	.bbs_wrap .bbs_photo .img{display:block;margin-bottom:8px;padding:6px;width:181px;height:115px;border:1px solid #e6e6e6;overflow:hidden;height:125px;}
	.bbs_wrap .bbs_photo .img img{display:block;width:181px;}

	.bbs_wrap .bbs_photo .link{line-height:25px;font-size:15px;color:#333}


	.bbs_wrap .bbs_photo .link:hover{text-decoration:underline}
	/* 게시판 자료실 */
	.bbs_wrap .bbs_pds_wrap{position:relative;margin-top:-1px;padding-top:30px;margin-bottom:30px;border-top:1px solid #d2d2d2;border-bottom:1px solid #e6e6e6;overflow:hidden;z-index:10}
	.bbs_wrap .bbs_pds{margin-left:-22px;overflow:hidden}
	.bbs_wrap .bbs_pds li{float:left;margin:0 0 0 22px;width:195px;height:200px}
	.bbs_wrap .bbs_pds .img{display:block;position:relative;margin-bottom:8px;padding:6px;width:179px;height:112px;border:1px solid #e6e6e6;overflow:hidden}
	.bbs_wrap .bbs_pds .img img{display:block;width:179px}
	.bbs_wrap .bbs_pds .btn_play{position:absolute;left:50%;top:50%;margin:-26px 0 0 -23px;width:57px;height:57px;background:url("/resource/image/ico/vod_play.png") no-repeat;z-index:20}
	.bbs_wrap .bbs_pds .link{line-height:25px;font-size:15px;color:#333}
	.bbs_wrap .bbs_pds .link:hover{text-decoration:underline}
	/* 게시판 보기 */
	.bbs_wrap .bbs_view_table{width:100%;text-align:left;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:2px solid #999;margin-top:80px;}
	.bbs_wrap .bbs_view_table th,.bbs_view_table td{padding:10px 15px;text-align:left;border-bottom:1px solid #e6e6e6}
	.bbs_wrap .bbs_view_table thead th,
	.bbs_wrap .bbs_view_table thead td,
	.bbs_wrap .bbs_view_table tbody th,
	.bbs_wrap .bbs_view_table tbody td,
	.bbs_wrap .bbs_view_table tfoot th,
	.bbs_wrap .bbs_view_table tfoot td{line-height:25px;font-size:15px;}
	.bbs_wrap .bbs_view_table thead .label, 
	.bbs_wrap .bbs_view_table tbody .label{width:15%;background:#f9f9f9}
	.bbs_wrap .bbs_view_table .ico{margin:-1px 5px 0 0;vertical-align:middle}
	.bbs_wrap .bbs_view_table tbody td.bbs_view{padding:20px 15px}
	.bbs_wrap .bbs_view_table tbody .bbs_view_wrap{min-height:150px;line-height:22px;font-weight:300;}
	.bbs_wrap .bbs_view_table tfoot .label{width:15%;background:url("/resource/image/board/label_line.gif") no-repeat right center}
	.bbs_wrap .bbs_view_table tfoot .link{color:#333}
	.bbs_wrap .bbs_view_table tfoot .link:hover{text-decoration:underline}
    .bbs_wrap .bbs_view_table .bbs_subject{background:#ececec;font-size:15px;}
	.bbs_wrap .bbs_wrap .bbs_view_table thead .first th { border-bottom: 1px solid #bfbfbf; }
	.bbs_wrap .bbs_view_table thead th { border: 1px solid  #e6e6e6; text-align: center; background: #fafafa; }
	.bbs_wrap .bbs_view_table thead th:first-child { border-left: 0; }

	.bbs_wrap .bbs_view_table td:before{position:absolute;top:2px;left:0;width:27%;content:attr(data-title);background:#f9f9f9;color:#333;line-height:2.8em;text-align:center;}
	.bbs_wrap .bbs_view_table td.space{height:18px;}


	/* 게시판 보도자료실 */
	.bbs_wrap .bbs_board_table .img_wrap img{width:100%;min-width:80px;height:auto;border:1px solid #ccc}
	.bbs_wrap .bbs_board_table .text_wrap span{display:block;line-height:25px;color:#333}

	
	
	.bbs_wrap .bbs_board_table td.link{padding:15px 10px}
	.bbs_wrap .bbs_board_table td{padding-left:10px;padding-right:10px; font-size:15px;vertical-align:middle; }
	.bbs_wrap .bbs_board_table td .bbs_title{margin-bottom:10px; font-weight:400;font-size:110%;  letter-spacing:-0.5px;}
	.bbs_wrap .bbs_board_table td .bbs_title a { font-weight:400;}
	.bbs_wrap .bbs_board_table td .bbs_wrap {overflow:hidden;line-height:18pt;}
	.bbs_wrap .bbs_board_table td .bbs_img {float:left; display:inline-block; width:120px; border: 1px solid #ccc; margin-right:10px;margin-top:5px;}
	.bbs_wrap .bbs_board_table td .bbs_txt {}
	.bbs_wrap .bbs_board_table td .bbs_btn {text-align:right;}
	.bbs_wrap .bbs_board_table td .bbs_btn a {display:inline-block; padding:2px 5px; margin:0px 3px; background-color:#999; color:#fff !important;}
	/* 게시판  */
	.bbs_wrap .bbs_list_wrap{padding-top:0px;padding-bottom:30px;margin-top:-1px;border-top:2px solid #999;overflow:hidden;margin-top:80px; width:100%;}

	.bbs_wrap .bbs_list_wrap li{float:left;padding:30px 0;width:43%;height:130px;border-bottom:1px solid #e5e5e5; margin-left:50px; }
	.bbs_wrap .bbs_list_wrap .img_wrap{display:block;float:left;border:2px solid #e5e5e5;height:55px;width:170px;padding-top:0px;margin-bottom:10px;}
	.bbs_wrap .bbs_list_wrap .text_wrap{position:relative;float:left;width:430px}
	.bbs_wrap .bbs_list_wrap .text_wrap dl{margin-bottom:10px;}
	.bbs_wrap .bbs_list_wrap .text_wrap dt{clear:both;float:left;width:65px;font-weight:400; background-position:left center;margin-bottom:20px;}
	.bbs_wrap .bbs_list_wrap .text_wrap dd{float:left;width:110px; margin-bottom:20px;}
	.bbs_wrap .bbs_list_wrap .text_wrap dd.name{width:auto;padding:-5px 0 0 5px;color:#333;font-size:15px;}


	.bbs_wrap .bbs_list_wrap .text_wrap .btn_link{display:block;position:relative;margin-top:0px;padding-left:20px;width:100px;height:20px;line-height:20px;color:#ca200a;border:1px solid #c5c5c5;}
	.bbs_wrap .bbs_list_wrap .text_wrap .btn_link .ico{display:block;position:absolute;right:16px;top:50%;margin-top:-5px;width:12px;height:9px;background:url("../../images/etc/link_arrow.gif") no-repeat}
	.bbs_wrap .bbs_list_wrap .text_wrap .modify_wrap{position:absolute;left:0;*bottom:-30px;padding-left:220px;line-height:20px;margin-top:30px; width:120px;}
	.bbs_wrap .bbs_list_wrap .text_wrap .modify_wrap a{margin:0 5px;font-size:100%}
	.bbs_wrap .bbs_list_wrap .text_wrap .modify_wrap a:hover{text-decoration:underline}
	.bbs_wrap .bbs_list_wrap .text_wrap .modify_wrap .bbs_btn {text-align:right;}
	.bbs_wrap .bbs_list_wrap .text_wrap .modify_wrap .bbs_btn a {display:inline-block; padding:2px 5px; margin:0px 3px; background-color:#999; color:#fff !important;}
	
	/* 게시판 쓰기 */
	.bbs_wrap .bbs_write_table{width:100%;text-align:left;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:2px solid #999;margin-top:80px;}
	.bbs_wrap .bbs_write_table th,.bbs_write_table td{padding:10px 15px;text-align:left;line-height:25px;font-size:15px;color:#333}
	.bbs_wrap .bbs_write_table thead .label{width:15%;background:#f9f9f9;vertical-align:middle;}
	.bbs_wrap .bbs_write_table thead th,.bbs_write_table thead td{border-bottom:1px solid #e6e6e6}
	.bbs_wrap .bbs_wrap .bbs_write_table thead td{padding-right:0;padding-left:15px}
	.bbs_wrap .bbs_write_table thead .input{margin-left:-2px;width:100%;height:21px;font-size:15px;border:1px solid #d9d9d9;background:#fff;*line-height:21px;line-height:21px;}
	.bbs_wrap .bbs_write_table thead .input_subject{text-indent:10px}
	.bbs_wrap .bbs_write_table thead .btn_file{display:block;margin-bottom:5px;max-width:300px}
	.bbs_wrap .bbs_write_table tbody .bbs_write{padding:15px 0 0 0}
	.bbs_wrap .bbs_write_table .attach_list li{line-height:20px}
	.bbs_wrap .bbs_write_table .attach_list .input_check{margin:2px 5px 0 10px;vertical-align:middle}
	.bbs_wrap .bbs_write_table .attach_list .btn_delete{color:#ca200a}
	.bbs_wrap .bbs_write_table .attach_list .btn_delete:hover{text-decoration:underline}
	.bbs_wrap .bbs_write_table .check_wrap{padding-top:5px}
	.bbs_wrap .bbs_write_table .check_wrap .input_check{vertical-align:middle}	
    .bbs_wrap .bbs_write_table .input_history{margin-left:-2px;height:180px;width:100%;font-size:15px;border:1px solid #d9d9d9;background:#fff;*resize:vertical;*overflow:hidden;*overflow-y:auto} 
	.bbs_wrap .bbs_write_table thead .input_date{width:90px}

textarea{overflow:auto;}

legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}


/* 보이지 않는 텍스트 */
.blindtext {visibility:visible; width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-3000em; position:absolute;}
.blind{visibility:visible; width:0; height:0; overflow:hidden; font-size:0; line-height:0; text-indent:-3000em; position:absolute;}


/*  교육문의*/

 .contact_wrap{position:absolute;margin-top:40px; width:100%;padding:20px;margin-left:100px;}
 .contact_wrap .tel{background:url("../../images/etc/tel_img.png") no-repeat 0 0; height:40px;}
 .contact_wrap .tel span{color:#000; margin-left:50px;font-size:28px;}
  .contact_wrap .time{color:#4b4b4b;margin-left:50px;font-size:16px;}
 
.contact_wrap .email{background:url("../../images/etc/email_img.png") no-repeat ;height:100px;margin-left:350px;margin-top:-56px;vertical-align:middle;}
.contact_wrap .email span{position:absolute;color:#000; margin-left:50px;font-size:20px;margin-top:8px;}

.edu_table{margin-bottom:30px;width:910px;text-align:center;border-collapse:collapse;border-spacing:0;border-top:2px solid #000; }
.edu_table tbody{width:100%;}
.edu_table th{padding:15px;height:30px;font-size:15px;border-bottom:1px solid #e6e6e6;background:#f9f9f9; font-weight:500;vertical-align:middle;}
.edu_table td{float:left; padding:15px;font-size:15px;border-bottom:1px solid #e6e6e6;line-height:18px;font-weight:300;} 
.edu_table td select{border:1px solid #d9d9d9;background:#fff;}
.edu_table td textarea {border:1px solid #d9d9d9;background:#fff;}


 .input{ margin-left:10px;height:25px;font-size:120%;color:#333;border:1px solid #d9d9d9;background:#fff;line-height:21px;}
.input_subject1{width:300px;}
 .input_subject2{width:150px;}
.input_subject3{width:150px}
.input_history{margin-left:10px;width:100%;height:180px;font-size:120%;color:#333;border:1px solid #d9d9d9;background:#fff;resize:vertical;overflow:hidden;overflow-y:auto}

.e_title{font-weight:700; color:#000; font-size:25px; margin-bottom:20px;}
.e_box{background-color:#f5f5f5; width:875px;padding:35px;}
.e_box .e_box2{background-color:#FFF; padding:35px;font-weight:200; font-size:15px; line-height:20pt;width:800px;;}
.join_check{text-align: left; padding: 20px 10px 15px 30px;vertical-align:middle;}

 .edu_btn{background-color:#52b8e9;font-weight:500; font-size:25px;text-align:center; width:150px; margin:0 auto; padding:10px;margin-top:20px; color:#fff }
 .edu_btn a{color:#fff }


.tb_cs{width:910px;margin:30px 0 0;margin-bottom:30px;text-align:center;border-collapse:collapse;border-spacing:0;border-top:2px solid #000;}
.tb_cs th{text-align:left;font-size:20px;color:#000;padding:15px;height:30px;font-size:15px;border-bottom:1px solid #e6e6e6;background:#f9f9f9; font-weight:500;vertical-align:middle;}
.tb_cs td{float:left;padding:15px;font-size:15px;border-bottom:1px solid #e6e6e6;line-height:18px;font-weight:300;}
.tb_cs .agT{vertical-align:top;padding-top:10px}
.tb_cs .ipt-date{margin-right:10px}
.tb_cs .vg_t{vertical-align:top;padding-top:10px}
.tb_cs_tx .dot{background-position:0 11px;line-height:1.5;margin:20px 0 15px}
.tb_cs_tx .dot_bar{font-size:16px;margin:7px 0 7px 12px}
.tb_cs_tx .agree_wp{text-align:right;margin-top:45px}

.textar{width:100%;padding:10px;box-sizing:border-box;font-size:16px;border:1px solid #e6e6e6;}
.ipt{margin-left:10px;padding:15px;border:1px solid #e6e6e6;height:30px;box-sizing:border-box;font-size:16px}



#contentArea.sub #content .vision-area {
    padding-top: 39px
}

#contentArea.sub #content .vision-area .text {
    font-size: 17px;
    color: #333333;
    font-weight: 500;
    line-height: 25px
}

#contentArea.sub #content .vision-area .diagram-area {
    text-align: center;
    padding-top: 49px;
    border-top: 1px solid #ebebeb;
    margin-top: 44px
}

#contentArea.sub #content .philosophy-area {
    padding-top: 62px;
    background: url("../../images/about_gcu/about_gcu_bg.png") 557px 62px no-repeat;
    box-sizing: border-box
}

#contentArea.sub #content .philosophy-area .main-copy {
    text-align: center
}

#contentArea.sub #content .philosophy-area .text-box.text-box1 {
    padding-top: 43px
}

#contentArea.sub #content .philosophy-area .text-box p {
    font-size: 17px;
    color: #333333;
    font-weight: 500;
    line-height: 25px;
    margin-top: 27px
}

#contentArea.sub #content .philosophy-area .text-box p:first-child {
    margin-top: 0
}

#contentArea.sub #content .philosophy-area .img-box {
    text-align: center;
    padding: 46px 0 45px
}

#contentArea.sub #content .gcu-info-area {
    padding-top: 43px
}

#contentArea.sub #content .gcu-info-area .gcu-info-box {
    margin-top: 78px
}

#contentArea.sub #content .gcu-info-area .gcu-info-box:first-child {
    margin-top: 0
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .s-tit {
    font-size: 17px;
    font-weight: 700
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .info-list {
    margin-top: 21px;
    padding: 30px 0 30px 31px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f9f9f9
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .info-list li {
    font-size: 17px;
    font-weight: 500;
    color: #333333;
    position: relative;
    padding-left: 14px;
    margin-top: 9px
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .info-list li:first-child {
    margin-top: 0
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .info-list li:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 4px;
    background-color: #0464b3;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    content: ""
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .board-type1 {
    border-top: 1px solid #2aa8b9;
    margin-top: 18px
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .board-type1 table th {
    border-bottom: 1px solid #ebebeb;
    vertical-align: middle;
    background-color: #fafafa;
    text-align: center;
    font-size: 15px;
    color: #333333;
    font-weight: 700;
    height: 50px;
    border-left: 1px solid #ebebeb
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .board-type1 table th:first-child {
    border-left: 0
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .board-type1 table td {
    border-bottom: 1px solid #ebebeb;
    font-size: 17px;
    color: #333333;
    font-weight: 500;
    line-height: 26px;
    vertical-align: middle;
    padding: 20px 24px;
    border-left: 1px solid #ebebeb
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .board-type1 table td:first-child {
    border-left: 0;
    text-align: center
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .board-type2 {
    border-top: 1px solid #c9c71e;
    margin-top: 18px
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .board-type2 table th {
    border-bottom: 1px solid #ebebeb;
    background-color: #fafafa;
    text-align: center;
    font-size: 15px;
    color: #333333;
    font-weight: 700;
    vertical-align: middle;
    height: 50px
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .board-type2 table td {
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    font-size: 17px;
    color: #333333;
    font-weight: 500;
    line-height: 26px;
    vertical-align: middle;
    padding: 20px 0;
    border-left: 1px solid #ebebeb
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .board-type2 table td.bdn {
    border-left: 0
}

#contentArea.sub #content .gcu-info-area .gcu-info-box .board-type2 table td.tal {
    text-align: left;
    padding: 20px 24px
}

#contentArea.sub #content .president-message-area {
    background: url("../../images/about_gcu/about_gcu_bg.png") 557px 110px no-repeat
}

#contentArea.sub #content .president-message-area .main-copy {
    text-align: center;
    padding-top: 70px
}

#contentArea.sub #content .president-message-area .main-copy .txt {
    color: #1d1d1d;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    margin-top: 24px
}

#contentArea.sub #content .president-message-area .txt-box.txt-box1 {
    margin-top: 44px
}

#contentArea.sub #content .president-message-area .txt-box.txt-box2 {
    overflow: hidden;
    margin-top: 25px
}

#contentArea.sub #content .president-message-area .txt-box.txt-box2 .txt-area {
    float: left;
    width: 480px
}

#contentArea.sub #content .president-message-area .txt-box.txt-box2 .txt-area .sign {
    margin-top: 44px
}

#contentArea.sub #content .president-message-area .txt-box.txt-box2 .pic-area {
    float: right
}

#contentArea.sub #content .president-message-area .txt-box p {
    font-size: 17px;
    color: #333333;
    font-weight: 500;
    line-height: 25px;
    margin-top: 25px
}

#contentArea.sub #content .president-message-area .txt-box p:first-child {
    margin-top: 0
}

#contentArea.sub #content .president-message-area .banner {
    margin-top: 67px
}

#contentArea.sub #content .president-message-area .banner a img {
    display: block
}

#contentArea.sub #content .history-area .txt {
    padding-top: 70px;
    color: #1d1d1d;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px
}

#contentArea.sub #content .history-area .history-list {
    margin-top: 45px
}

#contentArea.sub #content .history-area .history-list ol>li {
    padding-left: 290px;
    border-top: 1px solid #ebebeb;
    position: relative
}

#contentArea.sub #content .history-area .history-list ol>li i {
    position: absolute;
    left: 0;
    top: 80px
}

#contentArea.sub #content .history-area .history-list ol>li dl {
    padding: 70px 0 23px 0
}

#contentArea.sub #content .history-area .history-list ol>li dl dt .year {
    font-size: 50px;
    color: #0464b3;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -4px
}

#contentArea.sub #content .history-area .history-list ol>li dl dd {
    padding-top: 10px
}

#contentArea.sub #content .history-area .history-list ol>li dl dd ul li {
    border-top: 1px solid #ebebeb;
    padding: 20px 0
}

#contentArea.sub #content .history-area .history-list ol>li dl dd ul li:first-child {
    border-top: 0
}

#contentArea.sub #content .history-area .history-list ol>li dl dd ul li .issue-con {
    padding-left: 72px;
    position: relative
}

#contentArea.sub #content .history-area .history-list ol>li dl dd ul li .issue-con .month {
    position: absolute;
    left: 3px;
    top: 0;
    color: #0464b3;
    font-size: 17px;
    font-weight: 700;
    line-height: 25px
}

#contentArea.sub #content .history-area .history-list ol>li dl dd ul li .issue-con .issue {
    font-size: 17px;
    color: #333333;
    line-height: 25px
}

#contentArea.sub #content .contact-us-area {
    padding-top: 40px
}

#contentArea.sub #content .contact-us-area .contact-us-unit {
    margin-top: 78px
}

#contentArea.sub #content .contact-us-area .contact-us-unit.type1 .tit {
    color: #0464b3;
    padding-left: 25px;
    position: relative
}

#contentArea.sub #content .contact-us-area .contact-us-unit.type1 .tit:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 16px;
    height: 21px;
    background: url("../../images/about_gcu/contact_us_map1.gif") no-repeat
}

#contentArea.sub #content .contact-us-area .contact-us-unit.type1 .con-box {
    border-top: 1px solid #0464b3
}

#contentArea.sub #content .contact-us-area .contact-us-unit.type2 .tit {
    color: #29a8bb;
    padding-left: 25px;
    position: relative
}

#contentArea.sub #content .contact-us-area .contact-us-unit.type2 .tit:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 16px;
    height: 21px;
    background: url("../../images/about_gcu/contact_us_map2.gif") no-repeat
}

#contentArea.sub #content .contact-us-area .contact-us-unit.type2 .con-box {
    border-top: 1px solid #29a8bb
}

#contentArea.sub #content .contact-us-area .contact-us-unit:first-child {
    margin-top: 0
}

#contentArea.sub #content .contact-us-area .contact-us-unit .tit {
    font-weight: 700;
    font-size: 20px
}

#contentArea.sub #content .contact-us-area .contact-us-unit .con-box {
    overflow: hidden;
    margin-top: 17px
}

#contentArea.sub #content .contact-us-area .contact-us-unit .con-box .info-area {
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
    position: relative;
    padding: 35px 0 38px
}

#contentArea.sub #content .contact-us-area .contact-us-unit .con-box .info-area .info dl {
    margin-top: 12px;
    padding-left: 192px;
    position: relative
}

#contentArea.sub #content .contact-us-area .contact-us-unit .con-box .info-area .info dl:first-child {
    margin-top: 0
}

#contentArea.sub #content .contact-us-area .contact-us-unit .con-box .info-area .info dl dt {
    font-weight: 700;
    font-size: 17px;
    color: #333;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 26px
}

#contentArea.sub #content .contact-us-area .contact-us-unit .con-box .info-area .info dl dd {
    font-size: 17px;
    color: #333333;
    line-height: 26px;
    letter-spacing: -0.5px
}

#contentArea.sub #content .contact-us-area .contact-us-unit .con-box .info-area .info dl dd .email {
    color: #29a8bb;
    text-decoration: underline;
    font-style: italic
}



#contentArea.sub .notice-wrap {
    padding-top: 49px
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap {
    font-size: 0
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap .select-area {
    display: inline-block;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap .select-area:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 34px;
    height: 6px;
    content: "";
    background: url("../../images/gcu_news/select_arrow.gif") no-repeat
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap .select-area select {
    width: 178px;
    height: 53px;
    padding-left: 25px;
    font-size: 18px;
    color: #1b1b1b;
    outline: none
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap .srch-area {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    overflow: hidden;
    border: 1px solid #ebebeb;
    width: 360px;
    height: 55px;
    padding-right: 80px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-sizing: border-box
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap .srch-area input {
    width: 100%;
    height: 100%;
    outline: none;
    padding-left: 25px;
    font-size: 18px;
    color: #1b1b1b
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap .srch-area input::-webkit-input-placeholder {
    color: #888888
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap .srch-area input::-moz-placeholder {
    color: #888888
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap .srch-area input:-ms-input-placeholder {
    color: #888888
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap .srch-area input:-moz-placeholder {
    color: #888888
}

#contentArea.sub .notice-wrap .list-wrap .sort-wrap .srch-area .srch-bt {
    position: absolute;
    right: 0;
    top: 0;
    width: 68px;
    height: 54px;
    background: url("../../images/gcu_news/input_srch_bt.png") no-repeat
}

#contentArea.sub .notice-wrap .list-wrap .list-area {
    border-top: 1px solid #0461ad;
    margin-top: 20px
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul {
    overflow: hidden
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul li {
    float: left;
    padding: 20px 0 40px 19px;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul li:first-child,
#contentArea.sub .notice-wrap .list-wrap .list-area ul li:nth-child(5) {
    padding: 20px 0 40px 0
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul li a {
    display: block;
    position: relative;
    height: 274px;
    width: 213px;
    padding: 0 20px;
    box-sizing: border-box
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul li a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffe100;
    content: "";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul li a:first-child {
    margin-left: 0
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul li a .txt-area {
    padding-top: 19px;
    z-index: 1;
    position: relative
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul li a .txt-area .tit {
    font-weight: 700;
    color: #1b1b1b;
    font-size: 20px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul li a .txt-area .txt {
    font-size: 18px;
    margin-top: 16px;
    color: #1b1b1b;
    line-height: 28px;
    height: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul li a .txt-area .date {
    font-size: 16px;
    color: #888888;
    margin-top: 9px
}

#contentArea.sub .notice-wrap .list-wrap .list-area ul li a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 {
    border-top: 1px solid #0461ad;
    margin-top: 20px
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul {
    overflow: hidden
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li {
    float: left;
    padding: 20px 0 36px 24px;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li:first-child,
#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li:nth-child(3) {
    padding: 20px 24px 36px 0
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li a {
    display: block;
    position: relative;
    width: 431px;
    height: 255px;
    box-sizing: border-box;
    outline: none
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li a.img-type .tit {
    margin-top: 22px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li a:first-child {
    margin-left: 0
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li a .img {
    display: block
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li a .img img {
    display: block;
    width: 100%
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li a .tit {
    font-weight: 700;
    font-size: 20px;
    color: #1b1b1b;
    display: block;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li a .txt {
    display: block;
    margin-top: 14px;
    font-size: 18px;
    color: #1b1b1b;
    line-height: 28px;
    max-height: 112px;
    min-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub .notice-wrap .list-wrap .list-area2 ul li a .date {
    font-size: 16px;
    color: #888888;
    position: absolute;
    bottom: 0;
    left: 0
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 {
    border-top: 1px solid #0461ad;
    margin-top: 20px
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul {
    overflow: hidden
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li {
    float: left;
    padding: 20px 0 40px 19px;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li:first-child,
#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li:nth-child(4) {
    padding: 20px 0 40px 0
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a {
    display: block;
    position: relative;
    width: 290px;
    height: 318px;
    box-sizing: border-box
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a:first-child {
    margin-left: 0
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .img-area {
    width: 290px;
    height: 160px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .img-area img {
    display: block;
    width: 100%;
    height: 100%
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .txt-area {
    padding-top: 16px;
    z-index: 1;
    position: relative
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .txt-area .tit {
    font-weight: 700;
    color: #1b1b1b;
    font-size: 20px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    position: relative;
    padding-left: 24px;
    box-sizing: border-box;
    width: 100%
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .txt-area .tit i {
    position: absolute;
    left: 0;
    top: 6px
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .txt-area .txt {
    font-size: 18px;
    margin-top: 3px;
    color: #1b1b1b;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .txt-area .util {
    font-size: 0;
    margin-top: 11px
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .txt-area .util span {
    font-size: 16px;
    color: #888888;
    position: relative;
    margin-left: 10px;
    padding-left: 10px
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .txt-area .util span:first-child {
    margin-left: 0;
    padding-left: 0
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .txt-area .util span:first-child:before {
    display: none
}

#contentArea.sub .notice-wrap .list-wrap .list-area3 ul li a .txt-area .util span:before {
    position: absolute;
    left: 0;
    top: 7px;
    width: 1px;
    height: 12px;
    background-color: #ebebeb;
    content: ""
}

#contentArea.sub .notice-wrap .list-wrap .paging-area {
    font-size: 0;
    text-align: center;
    margin-top: 40px;
    position: relative;
    display: block;
    width: 100%
}

#contentArea.sub .notice-wrap .list-wrap .paging-area>a {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 40px;
    text-align: center;
    border: 1px solid #0461ad;
    line-height: 40px;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#contentArea.sub .notice-wrap .list-wrap .paging-area>a span {
    position: relative;
    font-weight: 700;
    color: #0461ad;
    font-size: 13px
}

#contentArea.sub .notice-wrap .list-wrap .paging-area>a.back-bt {
    margin-right: 38px
}

#contentArea.sub .notice-wrap .list-wrap .paging-area>a.back-bt span {
    padding-left: 16px
}

#contentArea.sub .notice-wrap .list-wrap .paging-area>a.back-bt span:before {
    position: absolute;
    left: 0;
    width: 6px;
    height: 9px;
    top: 50%;
    margin-top: -5px;
    content: "";
    background: url("../../images/gcu_news/paging_back_arrow.png") no-repeat
}

#contentArea.sub .notice-wrap .list-wrap .paging-area>a.next-bt {
    margin-left: 38px
}

#contentArea.sub .notice-wrap .list-wrap .paging-area>a.next-bt span {
    padding-right: 16px
}

#contentArea.sub .notice-wrap .list-wrap .paging-area>a.next-bt span:before {
    position: absolute;
    right: 0;
    width: 6px;
    height: 9px;
    top: 50%;
    margin-top: -5px;
    content: "";
    background: url("../../images/gcu_news/paging_next_arrow.png") no-repeat
}

#contentArea.sub .notice-wrap .list-wrap .paging-area ul {
    font-size: 0;
    display: inline-block
}

#contentArea.sub .notice-wrap .list-wrap .paging-area ul li {
    display: inline-block;
    margin: 0 2px
}

#contentArea.sub .notice-wrap .list-wrap .paging-area ul li a {
    display: inline-block;
    font-weight: 500;
    color: #888888;
    font-size: 16px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#contentArea.sub .notice-wrap .list-wrap .paging-area ul li a.active {
    color: #fff;
    background-color: #0461ad
}

#contentArea.sub .notice-wrap .list-wrap .paging-area .enroll-bt {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #0464b3;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 38px
}

#contentArea.sub .notice-wrap .view-wrap {
    border-top: 1px solid #0461ad
}

#contentArea.sub .notice-wrap .view-wrap .title-area {
    font-size: 26px;
    color: #1d1d1d;
    font-weight: 700;
    text-align: center;
    padding: 28px 0 26px
}

#contentArea.sub .notice-wrap .view-wrap dl {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub .notice-wrap .view-wrap dl dt {
    background-color: #f9f9f9;
    padding-left: 20px;
    line-height: 54px;
    height: 54px
}

#contentArea.sub .notice-wrap .view-wrap dl dt .util {
    font-size: 0
}

#contentArea.sub .notice-wrap .view-wrap dl dt .util span {
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    margin-left: 10px;
    padding-left: 10px;
    position: relative
}

#contentArea.sub .notice-wrap .view-wrap dl dt .util span:first-child {
    margin-left: 0;
    padding-left: 0
}

#contentArea.sub .notice-wrap .view-wrap dl dt .util span:first-child:before {
    display: none
}

#contentArea.sub .notice-wrap .view-wrap dl dt .util span:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background-color: #ebebeb;
    content: ""
}

#contentArea.sub .notice-wrap .view-wrap dl dd {
    border-top: 1px solid #ebebeb;
    padding: 50px 30px 72px
}

#contentArea.sub .notice-wrap .view-wrap dl dd .img {
    text-align: center;
    margin-bottom: 23px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden
}

#contentArea.sub .notice-wrap .view-wrap dl dd .txt {
    font-size: 16px;
    color: #000000;
    line-height: 26px
}

#contentArea.sub .notice-wrap .view-wrap dl dd .video-area {
    display: block;
    text-align: center;
    margin-bottom: 23px
}

#contentArea.sub .notice-wrap .view-wrap dl dd .video-area a {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden
}

#contentArea.sub .notice-wrap .view-wrap dl dd .video-area a img {
    display: inline-block
}

#contentArea.sub .notice-wrap .view-wrap dl dd .video-area a i {
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -45px;
    margin-top: -45px;
    top: 50%;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #0361ad;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1LjY4NDM0MTg4NjA4MDhlLTE0JSIgeTE9Ii02LjM5NDg4NDYyMTg0MDllLTE0JSIgeDI9Ijk5Ljk5OTk5OTk5OTk5OTklIiB5Mj0iMTAwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDlkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmUxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    background-image: -o-linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    background-image: -webkit-linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    background-image: linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    text-align: center;
    line-height: 90px;
    color: #fff;
    font-weight: 700;
    font-size: 20px
}

#contentArea.sub .notice-wrap .view-wrap .list-bt {
    text-align: center;
    margin-top: 50px
}

#contentArea.sub .notice-wrap .view-wrap .list-bt a {
    display: inline-block;
    width: 200px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #fff;
    background-color: #0464b3;
    font-weight: 700;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#contentArea.sub .notice-wrap .write-wrap {
    border-top: 1px solid #0461ad
}

#contentArea.sub .notice-wrap .write-wrap .title-area {
    padding: 22px 0 22px;
    text-align: left
}

#contentArea.sub .notice-wrap .write-wrap .title-area.title-ver {
    padding: 10px 0 10px 70px !important;
    position: relative
}

#contentArea.sub .notice-wrap .write-wrap .title-area.title-ver span {
    position: absolute;
    left: 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 42px
}

#contentArea.sub .notice-wrap .write-wrap .title-area input {
    width: 100%;
    font-size: 26px;
    color: #1d1d1d;
    font-weight: 700
}

#contentArea.sub .notice-wrap .write-wrap .text-area {
    border-top: 1px solid #ebebeb;
    height: 460px;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub .notice-wrap .write-wrap .text-area textarea {
    *width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box
}

#contentArea.sub .notice-wrap .write-wrap .add-file-area {
    padding: 9px 0 9px 19px;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub .notice-wrap .write-wrap .add-file-area .tit {
    font-size: 16px;
    color: #888888;
    line-height: 34px;
    height: 34px;
    display: inline-block
}

#contentArea.sub .notice-wrap .write-wrap .add-file-area .fileBox {
    display: inline-block;
    vertical-align: top;
    margin-left: 48px
}

#contentArea.sub .notice-wrap .write-wrap .add-file-area .fileBox .fileName {
    display: none
}

#contentArea.sub .notice-wrap .write-wrap .add-file-area .fileBox .btn_file {
    display: inline-block;
    border: 1px solid #ebebeb;
    width: 80px;
    height: 34px;
    font-size: 15px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    color: #888888;
    font-weight: 500;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box
}

#contentArea.sub .notice-wrap .write-wrap .add-file-area .fileBox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

#contentArea.sub .notice-wrap .write-wrap .bt-area {
    margin-top: 40px
}

#contentArea.sub .notice-wrap .write-wrap .bt-area .list-bt {
    float: left;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    width: 160px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #f9f9f9;
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#contentArea.sub .notice-wrap .write-wrap .bt-area span {
    float: right;
    font-size: 0
}

#contentArea.sub .notice-wrap .write-wrap .bt-area span a {
    display: inline-block
}

#contentArea.sub .notice-wrap .write-wrap .bt-area span a.write-bt {
    width: 160px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #0464b3;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    border: 1px solid #0464b3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#contentArea.sub .notice-wrap .write-wrap .bt-area span a.cancel-bt {
    width: 160px;
    margin-left: 10px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #f9f9f9;
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}


#contentArea.sub .only-gcu-area {
    padding-top: 40px
}

#contentArea.sub .only-gcu-area .txt-area p {
    color: #333333;
    font-size: 17px;
    line-height: 26px;
    margin-top: 24px;
    font-weight: 500
}

#contentArea.sub .only-gcu-area .txt-area p:first-child {
    margin-top: 0
}

#contentArea.sub .only-gcu-area .btn-area {
    font-size: 0;
    overflow: hidden;
    border-top: 1px solid #ebebeb;
    margin-top: 77px;
    padding-top: 50px
}

#contentArea.sub .only-gcu-area .btn-area a {
    display: inline-block;
    overflow: hidden;
    width: 430px;
    height: 160px;
    position: relative;
    float: right;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #000
}

#contentArea.sub .only-gcu-area .btn-area a:first-child {
    float: left
}

#contentArea.sub .only-gcu-area .btn-area a p {
    position: absolute;
    width: 100%;
    z-index: 1;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    line-height: 160px;
    left: 0;
    top: 0
}

#contentArea.sub .only-gcu-area .btn-area a img {
    display: block;
    width: 100%;
    height: 100%
}

#contentArea.sub .only-gcu-area .btn-area a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50)
}

#contentArea.sub .h-u-area {
    padding-top: 67px;
    background: url("../../images/only_gcu/h_u_bg.png") 100% 67px no-repeat
}

#contentArea.sub .h-u-area .tit-area {
    text-align: center
}

#contentArea.sub .h-u-area .tit-area.mt-tp {
    margin-top: 75px
}

#contentArea.sub .h-u-area .txt-area {
    margin-top: 43px
}

#contentArea.sub .h-u-area .txt-area p {
    color: #333333;
    font-size: 17px;
    line-height: 26px;
    margin-top: 24px;
    font-weight: 500
}

#contentArea.sub .h-u-area .txt-area p:first-child {
    margin-top: 0
}

#contentArea.sub .h-u-area .txt-area p.tit {
    font-style: italic;
    color: #0464b3
}

#contentArea.sub .h-u-area .img-area {
    margin-top: 44px
}




/* 심리진단서비스 서브 상단 이미지 */
#contentArea.sub #container.service #subVisual {
    height: 230px;
    background: url("../../images/service/service_subvisual.jpg") 50% 50% no-repeat
}
/* 
#contentArea.sub #container.service #content {
    width:1200px;
    margin: 0 auto
}*/

#contentArea.sub #container.service #content #lnb dl dt {
    background: url("../../images/service/service_lnb.png") no-repeat
}



/* 프로그램 서브 상단 이미지 */
#contentArea.sub #container.program #subVisual {
    height: 230px;
    background: url("../../images/program/program_subvisual.jpg") 50% 50% no-repeat
}

#contentArea.sub #container.program #content #lnb dl dt {
    background: url("../../images/program/program_lnb.png") no-repeat
}


/* kbbc 소식 서브 상단 이미지 */
#contentArea.sub #container.kbbc_news #subVisual {
    height: 230px;
    background: url("../../images/kbbc_news/kbbc_news_subvisual.jpg") 50% 50% no-repeat
}

#contentArea.sub #container.kbbc_news #content #lnb dl dt {
    background: url("../../images/kbbc_news/kbbc_news_lnb.png") no-repeat
}

/* 교육문의 서브 상단 이미지 */
#contentArea.sub #container.edu_inquire #subVisual {
    height: 230px;
    background: url("../../images/edu_inquire/edu_inquire_subvisual.jpg") 50% 50% no-repeat
}

#contentArea.sub #container.edu_inquire #content #lnb dl dt {
    background: url("../../images/edu_inquire/edu_inquire_lnb.png") no-repeat
}


#contentArea.sub .academics-about-area {
    padding-top: 40px
}

#contentArea.sub .academics-about-area .text {
    font-size: 17px;
    color: #333333;
    font-weight: 500;
    line-height: 25px
}

#contentArea.sub .academics-about-area dl {
    padding-top: 121px
}

#contentArea.sub .academics-about-area dl dt {
    font-size: 30px;
    font-weight: 700;
    color: #1d1d1d
}

#contentArea.sub .academics-about-area dl dd {
    padding-top: 27px
}

#contentArea.sub .academics-about-area dl dd ul {
    overflow: hidden
}

#contentArea.sub .academics-about-area dl dd ul li {
    float: left;
    margin-left: 27px;
    margin-top: 40px
}

#contentArea.sub .academics-about-area dl dd ul li:nth-child(1),
#contentArea.sub .academics-about-area dl dd ul li:nth-child(2),
#contentArea.sub .academics-about-area dl dd ul li:nth-child(3),
#contentArea.sub .academics-about-area dl dd ul li:nth-child(4),
#contentArea.sub .academics-about-area dl dd ul li:nth-child(5) {
    margin-top: 0
}

#contentArea.sub .academics-about-area dl dd ul li:first-child,
#contentArea.sub .academics-about-area dl dd ul li:nth-child(6),
#contentArea.sub .academics-about-area dl dd ul li:nth-child(11) {
    margin-left: 0
}

#contentArea.sub .academics-about-area dl dd ul li a {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    width: 160px;
    height: 160px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#contentArea.sub .academics-about-area dl dd ul li a div {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    z-index: 1;
    display: table
}

#contentArea.sub .academics-about-area dl dd ul li a div span {
    color: #fff;
    width: 100%;
    z-index: 1;
    font-weight: 700;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
    line-height: 24px;
    letter-spacing: -1px
}

#contentArea.sub .academics-about-area dl dd ul li a img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

#contentArea.sub .academics-about-area dl dd ul li a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    filter: alpha(opacity=50);
    content: ""
}

#contentArea.sub .social-welfare-area {
    padding-top: 47px
}

#contentArea.sub .social-welfare-area .g-text {
    background-color: #fafafa;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 18px;
    color: #333;
    line-height: 28px;
    padding: 22px 30px 26px;
    letter-spacing: -0.5px;
    text-align: justify;
    font-weight: 500
}

#contentArea.sub .social-welfare-area .introduction-box {
    padding-top: 47px
}

#contentArea.sub .social-welfare-area .introduction-box h4 {
    font-weight: 700;
    color: #1d1d1d;
    font-size: 30px;
    letter-spacing: -1px
}

#contentArea.sub .social-welfare-area .introduction-box .text {
    padding-top: 16px
}

#contentArea.sub .social-welfare-area .introduction-box .text p {
    font-size: 17px;
    color: #333333;
    text-align: justify;
    line-height: 26px;
    margin-top: 25px;
    font-weight: 500
}

#contentArea.sub .social-welfare-area .introduction-box .text p:first-child {
    margin-top: 0
}

#contentArea.sub .social-welfare-area .introduction-box .diagram {
    padding-top: 74px
}

#contentArea.sub .social-welfare-area .introduction-box .diagram img {
    display: block
}

#contentArea.sub .social-welfare-area .department-features-box {
    border-top: 1px solid #ebebeb;
    margin-top: 80px;
    padding-top: 47px;
    background: url("../../images/academics/df_box_bg.png") 100% 100% no-repeat
}

#contentArea.sub .social-welfare-area .department-features-box h4 {
    font-weight: 700;
    color: #1d1d1d;
    font-size: 30px;
    margin-bottom: 22px;
    letter-spacing: -1px
}

#contentArea.sub .social-welfare-area .department-features-box .unit {
    margin-top: 0;
    padding-top: 77px
}

#contentArea.sub .social-welfare-area .department-features-box .unit:nth-child(2) {
    padding-top: 0
}

#contentArea.sub .social-welfare-area .department-features-box .unit .tit {
    font-weight: 700;
    font-size: 17px;
    color: #0464b3
}

#contentArea.sub .social-welfare-area .department-features-box .unit .diagram {
    padding-top: 49px
}

#contentArea.sub .social-welfare-area .department-features-box .unit .list {
    border: 1px solid #ebebeb;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-top: 29px
}

#contentArea.sub .social-welfare-area .department-features-box .unit .list li {
    position: relative;
    line-height: 73px;
    font-size: 17px;
    height: 73px;
    font-weight: 500;
    border-top: 1px solid #ebebeb;
    padding-left: 65px;
    box-sizing: border-box
}

#contentArea.sub .social-welfare-area .department-features-box .unit .list li:first-child {
    border-top: 0
}

#contentArea.sub .social-welfare-area .department-features-box .unit .list li span {
    position: absolute;
    left: 32px;
    top: 0;
    font-style: italic;
    font-weight: 700;
    font-size: 16px;
    color: #0464b3
}

#contentArea.sub .social-welfare-area .courses-box {
    border-top: 1px solid #ebebeb;
    margin-top: 80px;
    padding-top: 46px
}

#contentArea.sub .social-welfare-area .courses-box h4 {
    font-weight: 700;
    color: #1d1d1d;
    font-size: 30px;
    margin-bottom: 22px;
    letter-spacing: -1px
}

#contentArea.sub .social-welfare-area .courses-box .board.c-tp1 {
    border-top: 1px solid #c8c71f
}

#contentArea.sub .social-welfare-area .courses-box .board.c-tp1 table th {
    color: #c8c71f
}

#contentArea.sub .social-welfare-area .courses-box .board.c-tp2 {
    border-top: 1px solid #2aa8b9
}

#contentArea.sub .social-welfare-area .courses-box .board.c-tp2 table th {
    color: #2aa8b9
}

#contentArea.sub .social-welfare-area .courses-box .board.c-tp3 {
    border-top: 1px solid #0464b3;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub .social-welfare-area .courses-box .board.c-tp3 table th {
    color: #0464b3
}

#contentArea.sub .social-welfare-area .courses-box .board table {
    display: block;
    table-layout: fixed
}

#contentArea.sub .social-welfare-area .courses-box .board table tr:first-child td {
    border-top: 0
}

#contentArea.sub .social-welfare-area .courses-box .board table th {
    vertical-align: middle;
    background-color: #fafafa;
    text-align: center
}

#contentArea.sub .social-welfare-area .courses-box .board table th span {
    font-weight: 700;
    font-size: 15px;
    vertical-align: middle
}

#contentArea.sub .social-welfare-area .courses-box .board table td {
    vertical-align: middle;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    padding: 17px 0 17px 25px
}

#contentArea.sub .social-welfare-area .courses-box .board table td p {
    font-size: 17px;
    color: #333;
    line-height: 24px;
    font-weight: 500
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp1 dt {
    background-color: #09499f
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp1 dd .list-unit {
    width: calc(100% / 3);
    height: 537px
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp1 dd .list-unit .tit {
    color: #09499f
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp1 dd .list-unit ul li:before {
    background-color: #09499f
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp2 {
    margin-top: 50px
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp2 dt {
    background-color: #2ba8ba
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp2 dd .list-unit {
    height: 395px
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp2 dd .list-unit .tit {
    color: #2ba8ba
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp2 dd .list-unit ul li:before {
    background-color: #2ba8ba
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp3 {
    margin-top: 50px
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp3 dt {
    background-color: #c9c61f
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp3 dd .list-unit {
    height: 322px
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp3 dd .list-unit .tit {
    color: #2ba8ba
}

#contentArea.sub .social-welfare-area .courses-box .dl-list.c-tp3 dd .list-unit ul li:before {
    background-color: #c9c61f
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dt {
    height: 109px;
    vertical-align: middle;
    display: table;
    width: 100%;
    -moz-border-radius: 10px 10px 0 0;
    text-align: center;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dt .title {
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dt .title .l-tit {
    color: #fff;
    font-weight: 700;
    font-size: 24px
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dt .title .s-tit {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    margin-top: 12px
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dd {
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dd .list-unit {
    padding: 16px 24px 24px;
    width: calc(100% / 4);
    float: left;
    border-left: 1px solid #ebebeb;
    box-sizing: border-box
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dd .list-unit:nth-child(odd) {
    background-color: #fafafa
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dd .list-unit:first-child {
    border-left: 0
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dd .list-unit .tit {
    font-size: 17px;
    font-weight: 700;
    line-height: 27px
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dd .list-unit ul {
    margin-top: 10px
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dd .list-unit ul li {
    font-size: 17px;
    color: #333;
    padding-left: 13px;
    letter-spacing: -1px;
    position: relative;
    line-height: 24px;
    margin-top: 14px
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dd .list-unit ul li:first-child {
    margin-top: 0
}

#contentArea.sub .social-welfare-area .courses-box .dl-list dd .list-unit ul li:before {
    position: absolute;
    left: 0;
    top: 11px;
    width: 4px;
    height: 4px;
    content: "";
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

#contentArea.sub .social-welfare-area .faculty-box {
    border-top: 1px solid #ebebeb;
    margin-top: 80px;
    padding-top: 46px
}

#contentArea.sub .social-welfare-area .faculty-box h4 {
    font-weight: 700;
    color: #1d1d1d;
    font-size: 30px;
    margin-bottom: 22px;
    letter-spacing: -1px
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list {
    padding-top: 5px
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer {
    margin-top: 45px
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer:first-child {
    margin-top: 0
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer:first-child .unit-inner .thumb-area {
    top: 0
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer:first-child .unit-inner .info-area {
    border-top: 0;
    padding-top: 0
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer .unit-inner {
    padding-left: 180px;
    position: relative;
    box-sizing: border-box
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer .unit-inner .thumb-area {
    position: absolute;
    left: 0;
    top: 52px;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer .unit-inner .thumb-area img {
    width: 100%;
    height: 100%;
    display: block
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer .unit-inner .info-area {
    border-top: 1px solid #ebebeb;
    padding-top: 52px
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer .unit-inner .info-area ul li {
    position: relative;
    padding-left: 160px;
    margin-top: 14px
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer .unit-inner .info-area ul li:first-child {
    margin-top: 0
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer .unit-inner .info-area ul li span {
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 15px;
    font-weight: 700;
    color: #0464b3;
    padding-left: 10px
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer .unit-inner .info-area ul li span:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #0464b3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer .unit-inner .info-area ul li p {
    font-size: 17px;
    color: #1d1d1d;
    line-height: 26px;
    letter-spacing: -0.5px;
    font-weight: 500
}

#contentArea.sub .social-welfare-area .faculty-box .unit-list .unit-outer .unit-inner .info-area ul li p a {
    font-style: italic;
    font-size: 16px;
    color: #1d1d1d;
    text-decoration: underline
}

#contentArea.sub #content #lnb {
    width: 250px;
    float: left
}

#contentArea.sub #content #lnb dl dt {
    height: 130px;
    text-align: center;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #000
}

#contentArea.sub #content #lnb dl dt p {
    line-height: 130px;
    font-weight: 700;
    color: #ffffff;
    font-size: 30px;
    letter-spacing: -1px
}

#contentArea.sub #content #lnb dl dd {
    border-bottom: 1px solid #0464b3
}

#contentArea.sub #content #lnb dl dd ul li {
    border-top: 1px solid #e5e5e5
}

#contentArea.sub #content #lnb dl dd ul li .two-depth-bt {
    padding: 19px 0 19px 21px;
    display: block;
    position: relative
}

#contentArea.sub #content #lnb dl dd ul li .two-depth-bt span {
    font-weight: 500;
    color: #1d1d1d;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -1px
}

#contentArea.sub #content #lnb dl dd ul li .two-depth-bt:after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 9px;
    content: "";
    background: url("../../images/common/lnb_bt_arrow.png") no-repeat
}

#contentArea.sub #content #lnb dl dd ul li .two-depth-bt.active span {
    color: #0464b3
}

#contentArea.sub #content #lnb dl dd ul li .two-depth-bt.active:after {
    background: url("../../images/common/lnb_bt_arrow_a.png") no-repeat
}

#contentArea.sub #content #lnb dl dd ul li .thr-depth-bt {
    border-top: 1px solid #e5e5e5;
    padding: 25px 0 25px 21px
}

#contentArea.sub #content #lnb dl dd ul li .thr-depth-bt p {
    padding-left: 13px;
    position: relative;
    margin-top: 23px
}

#contentArea.sub #content #lnb dl dd ul li .thr-depth-bt p:first-child {
    margin-top: 0
}

#contentArea.sub #content #lnb dl dd ul li .thr-depth-bt p:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    content: "";
    height: 4px;
    background: #0464b3;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

#contentArea.sub #content #lnb dl dd ul li .thr-depth-bt p a {
    color: #1d1d1d;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px
}

#contentArea.sub #content #lnb dl dd ul li .thr-depth-bt p a.active {
    color: #0464b3
}

#contentArea.sub #content .content {
    position: relative;
    width: 910px;
    float: right
}

#contentArea.sub #content .content h3 {
    font-weight: 700;
    font-size: 40px;
    color: #0464b3;
    letter-spacing: -2px
}


#contentArea.sub #content .content h4 {
    font-weight:500;
    font-size: 25px;
    color: #010101;
   
}


#contentArea.sub #content .content #utilArea {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #ebebeb;
    width: 154px;
    font-size: 0;
    height: 50px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-sizing: border-box
}

#contentArea.sub #content .content #utilArea a {
    display: inline-block;
    border-left: 1px solid #ebebeb;
    width: 50px;
    height: 48px;
    outline: none
}

#contentArea.sub #content .content #utilArea a:first-child {
    border-left: 0
}

#contentArea.sub #content .content #utilArea a.icon-facebook {
    background: url("../../images/common/sns_util_icon1.png") no-repeat
}

#contentArea.sub #content .content #utilArea a.icon-twitter {
    background: url("../../images/common/sns_util_icon2.png") no-repeat
}

#contentArea.sub #content .content #utilArea a.icon-print {
    background: url("../../images/common/sns_util_icon3.png") no-repeat
}

#contentArea.sub #content .list-area {
    border-top: 1px solid #0461ad;
    margin-top: 20px
}

#contentArea.sub #content .list-area ul {
    overflow: hidden
}

#contentArea.sub #content .list-area ul li {
    float: left;
    padding: 20px 0 40px 19px;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub #content .list-area ul li:first-child,
#contentArea.sub #content .list-area ul li:nth-child(5) {
    padding: 20px 0 40px 0
}

#contentArea.sub #content .list-area ul li a {
    display: block;
    position: relative;
    height: 274px;
    width: 213px;
    padding: 0 20px;
    box-sizing: border-box
}

#contentArea.sub #content .list-area ul li a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffe100;
    content: "";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

#contentArea.sub #content .list-area ul li a:first-child {
    margin-left: 0
}

#contentArea.sub #content .list-area ul li a .txt-area {
    padding-top: 19px;
    z-index: 1;
    position: relative
}

#contentArea.sub #content .list-area ul li a .txt-area .tit {
    font-weight: 700;
    color: #1b1b1b;
    font-size: 20px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub #content .list-area ul li a .txt-area .txt {
    font-size: 18px;
    margin-top: 16px;
    color: #1b1b1b;
    line-height: 28px;
    height: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub #content .list-area ul li a .txt-area .date {
    font-size: 16px;
    color: #888888;
    margin-top: 9px
}

#contentArea.sub #content .list-area ul li a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100)
}

#contentArea.sub #content .list-area2 {
    border-top: 1px solid #0461ad;
    margin-top: 20px
}

#contentArea.sub #content .list-area2 ul {
    overflow: hidden
}

#contentArea.sub #content .list-area2 ul li {
    float: left;
    padding: 20px 0 36px 24px;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub #content .list-area2 ul li:first-child,
#contentArea.sub #content .list-area2 ul li:nth-child(3) {
    padding: 20px 24px 36px 0
}

#contentArea.sub #content .list-area2 ul li a {
    display: block;
    position: relative;
    width: 431px;
    height: 255px;
    box-sizing: border-box;
    outline: none
}

#contentArea.sub #content .list-area2 ul li a.img-type .tit {
    margin-top: 22px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub #content .list-area2 ul li a:first-child {
    margin-left: 0
}

#contentArea.sub #content .list-area2 ul li a .img {
    display: block;
    border-radius: 10px;
    height: 174px;
    overflow: hidden; 
}

#contentArea.sub #content .list-area2 ul li a .img img {
    display: block;
    width: 100%
}

#contentArea.sub #content .list-area2 ul li a .tit {
    font-weight: 700;
    font-size: 20px;
    color: #1b1b1b;
    display: block;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub #content .list-area2 ul li a .txt {
    display: block;
    margin-top: 14px;
    font-size: 18px;
    color: #1b1b1b;
    line-height: 28px;
    max-height: 112px;
    min-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub #content .list-area2 ul li a .date {
    font-size: 16px;
    color: #888888;
    position: absolute;
    bottom: 0;
    left: 0
}

#contentArea.sub #content .list-area3 {
    border-top: 1px solid #0461ad;
    margin-top: 20px
}

#contentArea.sub #content .list-area3 ul {
    overflow: hidden
}

#contentArea.sub #content .list-area3 ul li {
    float: left;
    padding: 20px 0 40px 19px;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub #content .list-area3 ul li:first-child,
#contentArea.sub #content .list-area3 ul li:nth-child(4) {
    padding: 20px 0 40px 0
}

#contentArea.sub #content .list-area3 ul li a {
    display: block;
    position: relative;
    width: 290px;
    height: 318px;
    box-sizing: border-box
}

#contentArea.sub #content .list-area3 ul li a:first-child {
    margin-left: 0
}

#contentArea.sub #content .list-area3 ul li a .img-area {
    width: 290px;
    height: 160px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden
}

#contentArea.sub #content .list-area3 ul li a .img-area img {
    display: block;
    width: 100%;
    height: 100%
}

#contentArea.sub #content .list-area3 ul li a .txt-area {
    padding-top: 16px;
    z-index: 1;
    position: relative
}

#contentArea.sub #content .list-area3 ul li a .txt-area .tit {
    font-weight: 700;
    color: #1b1b1b;
    font-size: 20px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    position: relative;
    padding-left: 24px;
    box-sizing: border-box;
    width: 100%
}

#contentArea.sub #content .list-area3 ul li a .txt-area .tit i {
    position: absolute;
    left: 0;
    top: 6px
}

#contentArea.sub #content .list-area3 ul li a .txt-area .txt {
    font-size: 18px;
    margin-top: 3px;
    color: #1b1b1b;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

#contentArea.sub #content .list-area3 ul li a .txt-area .util {
    font-size: 0;
    margin-top: 11px
}

#contentArea.sub #content .list-area3 ul li a .txt-area .util span {
    font-size: 16px;
    color: #888888;
    position: relative;
    margin-left: 10px;
    padding-left: 10px
}

#contentArea.sub #content .list-area3 ul li a .txt-area .util span:first-child {
    margin-left: 0;
    padding-left: 0
}

#contentArea.sub #content .list-area3 ul li a .txt-area .util span:first-child:before {
    display: none
}

#contentArea.sub #content .list-area3 ul li a .txt-area .util span:before {
    position: absolute;
    left: 0;
    top: 7px;
    width: 1px;
    height: 12px;
    background-color: #ebebeb;
    content: ""
}

#contentArea.sub #content .paging-area {
    font-size: 0;
    text-align: center;
    margin-top: 40px;
    position: relative;
    display: block;
    width: 100%
}

#contentArea.sub #content .paging-area>a {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 40px;
    text-align: center;
    border: 1px solid #0461ad;
    line-height: 40px;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#contentArea.sub #content .paging-area>a span {
    position: relative;
    font-weight: 700;
    color: #0461ad;
    font-size: 13px
}

#contentArea.sub #content .paging-area>a.back-bt {
    margin-right: 38px
}

#contentArea.sub #content .paging-area>a.back-bt span {
    padding-left: 16px
}

#contentArea.sub #content .paging-area>a.back-bt span:before {
    position: absolute;
    left: 0;
    width: 6px;
    height: 9px;
    top: 50%;
    margin-top: -5px;
    content: "";
    background: url("../../images/gcu_news/paging_back_arrow.png") no-repeat
}

#contentArea.sub #content .paging-area>a.next-bt {
    margin-left: 38px
}

#contentArea.sub #content .paging-area>a.next-bt span {
    padding-right: 16px
}

#contentArea.sub #content .paging-area>a.next-bt span:before {
    position: absolute;
    right: 0;
    width: 6px;
    height: 9px;
    top: 50%;
    margin-top: -5px;
    content: "";
    background: url("../../images/gcu_news/paging_next_arrow.png") no-repeat
}

#contentArea.sub #content .paging-area ul {
    font-size: 0;
    display: inline-block
}

#contentArea.sub #content .paging-area ul li {
    display: inline-block;
    margin: 0 2px
}

#contentArea.sub #content .paging-area ul li a {
    display: inline-block;
    font-weight: 500;
    color: #888888;
    font-size: 16px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#contentArea.sub #content .paging-area ul li a.active {
    color: #fff;
    background-color: #0461ad
}

#contentArea.sub #content .paging-area .enroll-bt {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #0464b3;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 38px
}

#contentArea.sub #content .view-wrap {
    border-top: 1px solid #0461ad
}

#contentArea.sub #content .view-wrap .title-area {
    font-size: 26px;
    color: #1d1d1d;
    font-weight: 700;
    text-align: center;
    padding: 28px 0 26px
}

#contentArea.sub #content .view-wrap dl {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub #content .view-wrap dl dt {
    background-color: #f9f9f9;
    padding-left: 20px;
    line-height: 54px;
    height: 54px
}

#contentArea.sub #content .view-wrap dl dt .util {
    font-size: 0
}

#contentArea.sub #content .view-wrap dl dt .util span {
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    margin-left: 10px;
    padding-left: 10px;
    position: relative
}

#contentArea.sub #content .view-wrap dl dt .util span:first-child {
    margin-left: 0;
    padding-left: 0
}

#contentArea.sub #content .view-wrap dl dt .util span:first-child:before {
    display: none
}

#contentArea.sub #content .view-wrap dl dt .util span:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background-color: #ebebeb;
    content: ""
}

#contentArea.sub #content .view-wrap dl dd {
    border-top: 1px solid #ebebeb;
    padding: 50px 30px 72px
}

#contentArea.sub #content .view-wrap dl dd .img {
    text-align: center;
    margin-bottom: 23px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden
}

#contentArea.sub #content .view-wrap dl dd .txt {
    font-size: 16px;
    color: #000000;
    line-height: 26px
}

#contentArea.sub #content .view-wrap dl dd .video-area {
    display: block;
    text-align: center;
    margin-bottom: 23px
}

#contentArea.sub #content .view-wrap dl dd .video-area a {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden
}

#contentArea.sub #content .view-wrap dl dd .video-area a img {
    display: inline-block
}

#contentArea.sub #content .view-wrap dl dd .video-area a i {
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -45px;
    margin-top: -45px;
    top: 50%;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #0361ad;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1LjY4NDM0MTg4NjA4MDhlLTE0JSIgeTE9Ii02LjM5NDg4NDYyMTg0MDllLTE0JSIgeDI9Ijk5Ljk5OTk5OTk5OTk5OTklIiB5Mj0iMTAwJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDlkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmUxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    background-image: -o-linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    background-image: -webkit-linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    background-image: linear-gradient(top left, #009ddd 0%, #ffe100 100%);
    text-align: center;
    line-height: 90px;
    color: #fff;
    font-weight: 700;
    font-size: 20px
}

#contentArea.sub #content .view-wrap .list-bt {
    text-align: center;
    margin-top: 50px;
    font-size: 0
}

#contentArea.sub #content .view-wrap .list-bt a {
    display: inline-block;
    width: 200px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #fff;
    background-color: #0464b3;
    border: 1px solid #0464b3;
    font-weight: 700;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box
}

#contentArea.sub #content .view-wrap .list-bt a.shift-bt {
    color: #1d1d1d !important;
    border: 1px solid #ebebeb;
    background-color: #f9f9f9 !important;
    margin: 0 10px
}

#contentArea.sub #content .write-wrap {
    border-top: 1px solid #0461ad
}

#contentArea.sub #content .write-wrap .title-area {
    padding: 10px 20px !important;
    text-align: left
}

#contentArea.sub #content .write-wrap .title-area input {
    width: 100%;
    font-size: 26px;
    color: #1d1d1d;
    font-weight: 700;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

#contentArea.sub #content .write-wrap .text-area {
    border-top: 1px solid #ebebeb;
    height: 460px;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub #content .write-wrap .text-area textarea {
    *width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box
}

#contentArea.sub #content .write-wrap .add-file-area {
    padding: 9px 0 9px 19px;
    border-bottom: 1px solid #ebebeb
}

#contentArea.sub #content .write-wrap .add-file-area .tit {
    font-size: 16px;
    color: #888888;
    line-height: 34px;
    height: 34px;
    display: inline-block
}

#contentArea.sub #content .write-wrap .add-file-area .fileBox {
    display: inline-block;
    vertical-align: top;
    margin-left: 48px
}

#contentArea.sub #content .write-wrap .add-file-area .fileBox .fileName {
    display: none
}

#contentArea.sub #content .write-wrap .add-file-area .fileBox .btn_file {
    display: inline-block;
    border: 1px solid #ebebeb;
    width: 80px;
    height: 34px;
    font-size: 15px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    color: #888888;
    font-weight: 500;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box
}

#contentArea.sub #content .write-wrap .add-file-area .fileBox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

#contentArea.sub #content .write-wrap .bt-area {
    margin-top: 40px
}

#contentArea.sub #content .write-wrap .bt-area .list-bt {
    float: left;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    width: 160px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #f9f9f9;
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#contentArea.sub #content .write-wrap .bt-area span {
    float: right;
    font-size: 0
}

#contentArea.sub #content .write-wrap .bt-area span a {
    display: inline-block
}

#contentArea.sub #content .write-wrap .bt-area span a.write-bt {
    width: 160px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #0464b3;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    border: 1px solid #0464b3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#contentArea.sub #content .write-wrap .bt-area span a.cancel-bt {
    width: 160px;
    margin-left: 10px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background-color: #f9f9f9;
    font-size: 24px;
    font-weight: 700;
    color: #333333;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#contentArea {
    min-height: 100%;
    position: relative;
    z-index: 100
}

#contentArea #subVisual {
    height: 200px;
    position: relative
}

#contentArea #subVisual h2 {
    color: #fff;
    font-size: 60px;
    z-index: 1;
    position: relative;
    font-weight: 700;
    opacity: .5;
    filter: alpha(opacity=50);
    text-align: center;
    letter-spacing: -2.5px;
    line-height: 200px
}

#contentArea #subVisual .path-area {
    width: 1200px;
    left: 50%;
    height: 280px;
    margin-left: -600px;
    top: 0;
    position: absolute
	
}

#contentArea #subVisual .path-area ul {
    position: absolute;
    right: 0;
    bottom: 24px;
    z-index: 2;
    font-size: 0
}

#contentArea #subVisual .path-area ul li {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    padding-left: 16px;
	    font-size: 15px;
    color: #3c3c3c;
}

#contentArea #subVisual .path-area ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    top: 1px;

}

#contentArea #subVisual .path-area ul li:first-child:before {
    display: none
}

#contentArea #subVisual .path-area ul li:before {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 4px;
    height: 7px;
    content: "";
    background: url("../../images/common/path_arrow_icon.png") no-repeat
}

#contentArea #subVisual .path-area ul li a {
    font-size: 15px;
    color: #3c3c3c;
}

#contentArea #content {
    position: relative;
    padding-top: 80px;
    padding-bottom: 100px
}

#contentArea #content:after {
    display: block;
    content: "";
    clear: both
}

#dimmed {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 100;
    opacity: .7;
    filter: alpha(opacity=70);
    display: none
}

#dimmed.active {
    display: block
}

#header {
   margin-top: 0px;
    left: 0;
    width: 100%;
    min-width: 1200px;
    z-index: 120;
    height: 90px;
    
}


#header .inner {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 335px;
    height: 90px
}

#header .inner h1 {
    position: absolute;
    left: 0;
    top: 28px
}

#header .inner h1 a {
    display: inline-block;
    width: 250px;
    height: 37px;
    background: url("../../images/layout/logo.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
	
}

#header .inner .gnb>li {
    float: left;
    position: relative;
    margin-left: 80px;
    padding-top: 35px
}

#header .inner .gnb>li:first-child {
    margin-left: 0
}

#header .inner .gnb>li .one-depth-bt {
    display: inline-block;
    letter-spacing: -1px;
    position: relative;
    text-align: center;
    color: #3c3c3c;
    font-size: 20px;
    font-weight: 500;
    font-family: "Noto Sans KR", sans-serif
}

#header .inner .util-area {
    position: absolute;
    right: 0;
    top:29px;
    font-size: 0
}

#header .inner .util-area .site {
	 position: relative;
  
   margin-right:60px

}

#header .inner .util-area .util-bt {
    display: inline-block;
    margin-right: 10px
}

#header .inner .util-area .util-bt a {
    display: inline-block;
    width: 60px;
    height: 30px;
    vertical-align: top;
    line-height: 28px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box
}





#header .inner .util-area .util-bt a.lan-bt span {
    position: relative;
    padding-right: 14px
}

#header .inner .util-area .util-bt a.lan-bt  span:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 5px;
    height: 7px;
    content: ""
}

#header .inner .util-area .menu-trigger {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px
}

#header .inner .menu-trigger,
#header .inner .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box
}

#header .inner .menu-trigger {
    position: relative;
    right: 0;
    width: 24px;
    height: 20px
}

#header .inner .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #3c3c3c;
}

#header .inner .menu-trigger span:nth-of-type(1) {
    top: 0
}

#header .inner .menu-trigger span:nth-of-type(2) {
    top: 9px
}

#header .inner .menu-trigger span:nth-of-type(3) {
    bottom: 0
}

#header .inner .menu-trigger.n-active span:nth-of-type(1) {
    -webkit-animation: menu-bar01 .75s forwards;
    animation: menu-bar01 .75s forwards
}

@-webkit-keyframes menu-bar01 {
    0% {
        -webkit-transform: translateY(9px) rotate(45deg)
    }
    50% {
        -webkit-transform: translateY(9px) rotate(0)
    }
    100% {
        -webkit-transform: translateY(0) rotate(0)
    }
}

@keyframes menu-bar01 {
    0% {
        transform: translateY(9px) rotate(45deg)
    }
    50% {
        transform: translateY(9px) rotate(0)
    }
    100% {
        transform: translateY(0) rotate(0)
    }
}

#header .inner .menu-trigger.n-active span:nth-of-type(2) {
    transition: all .25s .25s;
    opacity: 1
}

#header .inner .menu-trigger.n-active span:nth-of-type(3) {
    -webkit-animation: menu-bar02 .75s forwards;
    animation: menu-bar02 .75s forwards
}

@-webkit-keyframes menu-bar02 {
    0% {
        -webkit-transform: translateY(-9px) rotate(-45deg)
    }
    50% {
        -webkit-transform: translateY(-9px) rotate(0)
    }
    100% {
        -webkit-transform: translateY(0) rotate(0)
    }
}

@keyframes menu-bar02 {
    0% {
        transform: translateY(-9px) rotate(-45deg)
    }
    50% {
        transform: translateY(-9px) rotate(0)
    }
    100% {
        transform: translateY(0) rotate(0)
    }
}

#header .inner .menu-trigger.active span:nth-of-type(1) {
    -webkit-animation: active-menu-bar01 .75s forwards;
    animation: active-menu-bar01 .75s forwards
}

@-webkit-keyframes active-menu-bar01 {
    0% {
        -webkit-transform: translateY(0) rotate(0)
    }
    50% {
        -webkit-transform: translateY(9px) rotate(0)
    }
    100% {
        -webkit-transform: translateY(9px) rotate(45deg)
    }
}

@keyframes active-menu-bar01 {
    0% {
        transform: translateY(0) rotate(0)
    }
    50% {
        transform: translateY(9px) rotate(0)
    }
    100% {
        transform: translateY(9px) rotate(45deg)
    }
}

#header .inner .menu-trigger.active span:nth-of-type(2) {
    opacity: 0
}

#header .inner .menu-trigger.active span:nth-of-type(3) {
    -webkit-animation: active-menu-bar03 .75s forwards;
    animation: active-menu-bar03 .75s forwards
}

@-webkit-keyframes active-menu-bar03 {
    0% {
        -webkit-transform: translateY(0) rotate(0)
    }
    50% {
        -webkit-transform: translateY(-9px) rotate(0)
    }
    100% {
        -webkit-transform: translateY(-9px) rotate(-45deg)
    }
}

@keyframes active-menu-bar03 {
    0% {
        transform: translateY(0) rotate(0)
    }
    50% {
        transform: translateY(-9px) rotate(0)
    }
    100% {
        transform: translateY(-9px) rotate(-45deg)
    }
}

#header .all-menu-wrap {
    position: absolute;
    left: 0;
    top:90px;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 1000;
}

#header .all-menu-wrap:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height:84%;
    background-color: #000;
    content: "";
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    opacity: .8;
    filter: alpha(opacity=80)
}

#header .all-menu-wrap .all-menu-area {
    height: 730px;
}

#header .all-menu-wrap .all-menu-area .all-menu-div {
    width: 1200px;
    margin: 0 auto
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit {
    width: 240px;
    height: 730px;
    float: left;
    position: relative;
    padding-left: 20px;
    padding-top: 50px;
    box-sizing: border-box;
    border-left: 1px solid rgba(254,254,254,0.15);
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit:last-child {
    border-right: 1px solid rgba(254,254,254,0.15);
    box-sizing: border-box; 
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit:hover:before {
    opacity: .1;
    filter: alpha(opacity=10)
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    content: "";
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    opacity: 0;
    filter: alpha(opacity=0)
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dt {
    position: relative;
    z-index: 1;
    letter-spacing: -1px
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dt .cate-name {
    font-size: 18px;
    color: #fff;
    opacity: .3;
    filter: alpha(opacity=30)
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dd {
    position: relative;
    z-index: 1;
    margin-top: 29px
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dd ul li {
    margin-top: 26px
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dd ul li:first-child {
    margin-top: 0
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dd ul li a {
    display: block;
    font-size: 15px;
    position: relative;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    letter-spacing: -0.8px
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dd ul li a:hover {
    color: #0d7cd7
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dd ul li .three-depth {
    margin-top: 22px
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dd ul li .three-depth p {
    padding-left: 14px;
    position: relative;
    margin-top: 14px
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dd ul li .three-depth p:first-child {
    margin-top: 0
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dd ul li .three-depth p:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background-color: #ffe100
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dt .cate-name {
    font-size: 18px;
    color: #6f6f6f;
    filter: alpha(opacity=100);
    opacity: 1;
    transition: all 0.3s ease
}

#header .all-menu-wrap .all-menu-area .all-menu-div .cate-unit dt .cate-name:hover {
    color: #0d7cd7
}



#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1500;
    background-color: #151e2d;
}

#footer .inner {
    width: 1200px;
    height: 180px;
    margin: 0 auto;
    position: relative;
    padding-left: 60px;
    padding-top: 30px;
    box-sizing: border-box;

	
}

#footer .inner .relate_site {float:right; width:165px; position:relative;  padding-top:0px; margin-left:5px;}
#footer .inner .relate_site a {display:block; box-sizing:border-box; text-decoration:none; padding:0 8%; font-size:14px; height:38px; position:relative;  line-height:36px; color:#fff;background-color:#464c57;}
#footer .inner .relate_site a:after {content:""; display:block; position:absolute; right:7%; top:50%; margin-top:-5px; width:18px; height:11px; background:url(/resource/image/ico/relate_site_arrow.png) no-repeat center 50%;}
#footer .inner .relate_site a.on:after {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
#footer .inner .relate_site ul {margin:0; box-sizing:border-box; border:1px solid #595959; border-bottom:0; position:absolute; left:0; bottom:37px; z-index:1500; background:#2f2f2f; width:100%; display:none; max-height:420px; overflow:none;}
#footer .inner .relate_site ul li {display:block; margin:0; border-bottom:1px solid #525259; float:none; width:auto;}
#footer .inner .relate_site ul li a {width:auto; border:0; padding:9px 7%; height:auto; color:#fff; font-size:14px; line-height:19px;}
#footer .inner .relate_site ul li a:after {display:none;}
#footer .inner .relate_site ul li a:hover,
#footer .inner .relate_site ul li a:active {background:#111;}


#footer .inner .logo {
    position: absolute;
    left: 0;
    top:35px
}

#footer .inner .logo i {
    width: 300px;
    height: 47px;
    display: inline-block;
    background: url("../../images/layout/f_logo.png") no-repeat
}

#footer .inner .link-list {
    text-align: left;
    font-size: 0;
    width:700px;
    float: right;
}

#footer .inner .link-list li {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    padding-left: 16px
}



#footer .inner .link-list li:first-child {
    margin-left: 0;
    padding-left: 0px
}

#footer .inner .link-list li:first-child:before {
    display: none
}

#footer .inner .link-list li a {
    font-size:15px;
    color: #FFF;
    font-weight: 400;
}

#footer .inner .address-box {
    line-height: 18px;
    text-align: left;
    margin-top: 24px;
    float: right;
    width: 700px;
}

#footer .inner .address-box  .copyright {
 
    font-size: 14px;
    color: #606569;
    margin-top: 10px;

}


#footer .inner .address-box .info-list {
    font-size: 0;

}

#footer .inner .address-box .info-list span {
    font-size: 14px;
    color: #b9bcc0;
    font-weight: 400;
    margin-left: 7px;
    padding-left: 9px;
    position: relative;
   
}

#footer .inner .address-box .info-list span:before {
    position: absolute;
    left: 0;
    top: 6px;
    width: 1px;
    height: 11px;
    background-color: #dbdbdb;
    content: ""
}

#footer .inner .address-box .info-list span:first-child {
    margin-left: 0;
    padding-left: 0
}

#footer .inner .address-box .info-list span:first-child:before {
    display: none
}


/*팝업*/

#mov_popup_brc {width:400px; height:495px; position:absolute; top:30px; left:50%; margin-left:-200px; text-align:center; *border:2px solid #a0a0a0 ;z-index:901;}
#mov_popup_brc img{padding:0px;}
#mov_popup_brc .btn{margin-top:0px;}
#close_brc{height:20px;font-size:15px; padding:3px;background:#5e5e5e;color:#FFF;font-family: 'Nanum Gothic Bold';text-align:center;top:40px;margin-top:0px;}
#close_brc a:link {color:#FFF;}

/*팝업*/


/*# sourceMappingURL=../map/common.css.map */