/*! 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
}<strong></strong>

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,
fieldset,
form,
label,
legend,
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 80px
}

#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
}

#contentArea.main #spot {
    background-color: #fff;
    width: 100%;
    position: relative; 
}
.slide_fixed_btn {
    position: absolute;
    top: 10px;
    right: 50%;
    z-index: 999;
    margin-right: -600px;
}

#contentArea.main #spot .slider {
    width: 100%;
    margin: 0 auto;
    height: 670px;
    min-width: 1200px;
    position: relative
}

#contentArea.main #spot .slider .roll-unit1 {
    width: 100%;
    height: 670px
}

#contentArea.main #spot .slider .roll-unit2 {
    width: 100%;
    height: 670px
}

#contentArea.main #spot .slider .slick-slide>a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: red
}

#contentArea.main #spot .slider .txt-area {
    width: 1200px;
    margin: 0 auto;
    padding-top: 132px;
    padding-left: 130px
}

#contentArea.main #spot .slider .txt-area .txt {
    font-size: 70px;
    color: #1d1d1d;
    font-weight: 700;
    line-height: 77px;
    letter-spacing: -3px;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 40px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -ms-transition: all .8s ease
}

#contentArea.main #spot .slider .txt-area .img {
    margin-top: 40px;
    position: relative;
    top: 40px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition-delay: .3s
}

#contentArea.main #spot .slider .txt-area .img a {
    display: inline-block;
    text-align: center;
    width: 200px;
    height: 46px;
    line-height: 46px;
    background-color: #0464b3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

#contentArea.main #spot .slider .txt-area .img a span {
    color: #fff;
    font-size: 16px;
    font-style: italic;
    font-weight: 100;
    padding-right: 54px;
    position: relative
}

#contentArea.main #spot .slider .txt-area .img a span:after {
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 0;
    content: "";
    width: 45px;
    height: 7px;
    background: url("../../images/main/view_more_arrow.png") no-repeat
}

#contentArea.main #spot .slider .slick-arrow {
    width: 89px;
    top: 285px;
    height: 54px;
    position: absolute;
    z-index: 1;
    text-indent: -9999px;
    overflow: hidden
}

#contentArea.main #spot .slider .slick-arrow.slick-prev {
    left: 50%;
    margin-left: -689px;
    background: url("../../images/main/main_visual_prev.png") no-repeat
}

#contentArea.main #spot .slider .slick-arrow.slick-next {
    right: 50%;
    margin-right: -689px;
    background: url("../../images/main/main_visual_next.png") no-repeat
}

#contentArea.main #spot .visual-bt-area {
    height: 150px;
    background-color: #333333
}

#contentArea.main #spot .visual-bt-area .bt-list {
   * width: 1200px;
   width: 1200px;
    margin: 0 auto;
    color: #fff
}

#contentArea.main #spot .visual-bt-area .bt-list li {
    *width: 25%;
	 width: 33%;
    float: left
}

#contentArea.main #spot .visual-bt-area .bt-list li a {
    padding-top: 29px;
    padding-left: 32px;
    position: relative;
    display: block;
    height: 150px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    box-sizing: border-box
}

#contentArea.main #spot .visual-bt-area .bt-list li a:hover {
    background-color: #1d1d1d
}

#contentArea.main #spot .visual-bt-area .bt-list li a:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
    content: "";
    opacity: .1;
    filter: alpha(opacity=10)
}

#contentArea.main #spot .visual-bt-area .bt-list li a:first-child:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
    content: "";
    opacity: .1;
    filter: alpha(opacity=10)
}

#contentArea.main #spot .visual-bt-area .bt-list li a .cate {
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

#contentArea.main #spot .visual-bt-area .bt-list li a .tit {
    font-size: 16px;
    color: #dfdfdf;
    font-weight: 100;
    height: 60px;
    line-height: 25px;
    margin-top: 6px;
    letter-spacing: -0.4px
}

#contentArea.main #spot .visual-bt-area .bt-list li a .view-more span {
    font-size: 14px;
    font-weight: 100;
    color: #f4f9fe;
    font-style: italic;
    position: relative;
    padding-right: 42px
}

#contentArea.main #spot .visual-bt-area .bt-list li a .view-more span:before {
    position: absolute;
    top: 8px;
    right: 0;
    width: 32px;
    height: 5px;
    content: "";
    background: url("../../images/main/view_more_arrow2.png") no-repeat
}

#contentArea.main #spot .visual-bt-area .bt-list li a .icon1 {
    position: absolute;
    right: 30px;
    top: 46px
}

#contentArea.main #spot .visual-bt-area .bt-list li a .icon2 {
    position: absolute;
    right: 29px;
    top: 46px
}

#contentArea.main #spot .visual-bt-area .bt-list li a .icon3 {
    position: absolute;
    right: 27px;
    top: 46px
}

#contentArea.main #spot .visual-bt-area .bt-list li a .icon4 {
    position: absolute;
    right: 34px;
    top: 47px
}

#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: 30px; /*26px, 2022.03.03 수정*/
    color: #1d1d1d;
    letter-spacing: -1px;
    margin-top: 10px /*margin-top: 42px*/
}

#contentArea.main #content .content.main .section01 .inner .txt-area .txt2 {
    font-size: 20px;/*26px, 2022.03.03 수정*/
    color: #1d1d1d;
    font-weight: 100;
    letter-spacing: -0.5px;
    line-height: 28px;
    margin-top: 32px /*margin-top: 13px*/
}

#contentArea.main #content .content.main .section05 .inner .txt-area {
    padding-top: 50px
}

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

#contentArea.main #content .content.main .section05 .inner .txt-area .txt1 {
    font-weight: 700;
    font-size: 30px; /*26px, 2022.03.03 수정*/
    color: #1d1d1d;
    letter-spacing: -1px;
    margin-top: 10px /*margin-top: 42px*/
}


#contentArea.main #content .content.main .section05 .inner .txt-area .txt2 {
    font-size: 20px;/*26px, 2022.03.03 수정*/
    color: #1d1d1d;
    font-weight: 100;
    letter-spacing: -0.5px;
    line-height: 28px;
    margin-top: 32px /*margin-top: 13px*/
}


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

#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 .section05 .inner .txt-area .more-bt {
    margin-top: 25px
}

#contentArea.main #content .content.main .section05 .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 .section05 .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 .section05 .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 .notice-wrap_list {
    width: 500px;
    float: left;
    position: relative
}
#contentArea.main #content .content.main .section05 .inner .notice-wrap_list .title {
    font-weight: 700;
    font-size: 30px;
    color: #1b1b1b;
    letter-spacing: -1px;
	width: 400px;
	height: 33px;
}

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

#contentArea.main #content .content.main .section05 .inner .notice-wrap_list .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_list .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_list .con-area {
    padding-top: 24px
}

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

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

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

#contentArea.main #content .content.main .section05 .inner .notice-wrap_list .con-area a .txt-area .date {
    font-size: 16px;
    color: #888888;
    margin-top: -35px;
	text-align: right;
}


#contentArea.main #content .content.main .section05 .inner .Learn_Korean-wrap {
    width: 610px;
    float: left;
    position: relative; 
	margin-left: 70px;
}

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

#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
}

@media all and (max-width: 1736px) {
    #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
    }
}

#contentArea.sub #subVisual {
    height: 200px;
    background: url("../../images/about_gcu/about_gcu_subvisual.jpg") 50% 50% no-repeat
}

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

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

#contentArea.sub #content .about-gcu-area .main-copy {
    text-align: center;
    padding-top: 70px;
    height: 362px;
    background: url("../../images/about_gcu/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: 500;
    line-height: 25px
}

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

#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: ""
}

#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.type3 .tit {
    color: #c9c71e;
    padding-left: 25px;
    position: relative
}

#contentArea.sub #content .contact-us-area .contact-us-unit.type3 .tit:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 16px;
    height: 21px;
    background: url("../../images/about_gcu/contact_us_map3.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.type3 .con-box {
    border-top: 1px solid #c9c71e
}

#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 #container.gcu-news #subVisual {
    height: 200px;
    background: url("../../images/gcu_news/gcu_news_subvisual.jpg") 50% 50% no-repeat
}

#contentArea.sub #container.gcu-news #content {
    width: 1200px;
    margin: 0 auto
}

#contentArea.sub #container.gcu-news #content #lnb dl dt {
    background: url("../../images/gcu_news/gcu_news_lnb.png") no-repeat
}

#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 #container.only-gcu #subVisual {
    height: 200px;
    background: url("../../images/only_gcu/only_gcu_subvisual.jpg") 50% 50% no-repeat
}

#contentArea.sub #container.only-gcu #content {
    width: 1200px;
    margin: 0 auto
}

#contentArea.sub #container.only-gcu #content #lnb dl dt {
    background: url("../../images/only_gcu/only_gcu_lnb.png") no-repeat
}

#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.academics #subVisual {
    height: 200px;
    background: url("../../images/academics/academics_subvisual.jpg") 50% 50% no-repeat
}

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

#contentArea.sub #container.academics #content #lnb dl dt {
    background: url("../../images/academics/academics_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 .process-box h4 {
    font-weight: 700;
    color: #1d1d1d;
    font-size: 30px;
    margin-bottom: 22px;
    letter-spacing: -1px
}

#contentArea.sub .process-box .process-info-box{
	height:220px;
 background: url(../../images/admission/process_bg1.png) no-repeat;
	}



#contentArea.sub .process-box .process-info-box .l_title{
	font-size: 17px;
color:#546183;
    font-weight:400;
	text-align:center;
	width:165px;

vertical-align:middle;  left: 0; padding-top:80px;
	
	}
#contentArea.sub .process-box .process-info-box .r_info-list{  width:670px;float:right; padding-right:50px;margin-top:-115px; height:145px;  vertical-align: middle;padding-top:10px;}
#contentArea.sub .process-box .process-info-box .r_info-list li{
 font-size: 14px;    font-weight:300;
  right: 0;
    color: #333333;
    position: relative;
    padding-left: 10px;
    padding-top:4px;
    line-height: 25px;	vertical-align:middle;

	}
#contentArea.sub .process-box .process-info-box .r_info-list li:before {
    position: absolute; vertical-align:middle;
    left: 0;
   margin-top: 10px;
    width: 4px;
    background-color: #0464b3;
    height: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    content: ""
}

#contentArea.sub .process-box .process-info-box .r_info-list .info_align{padding-top:50px;}





#contentArea.sub .process-box .process-info-box2{
	height:400px;
 background: url(../../images/admission/process_bg2.png) no-repeat;
 margin-bottom:20px;
	}
#contentArea.sub .process-box .process-info-box2 .l_title{
	font-size: 17px;
color:#546183;
    font-weight:400;
	text-align:center;
	width:165px;

vertical-align:middle;  left: 0; padding-top:80px;
	
	}
#contentArea.sub .process-box .process-info-box2 .r_info-list{ width:690px;float:right; padding-right:30px;margin-top:-115px;}
#contentArea.sub .process-box .process-info-box2 .r_info-list li{
 font-size: 14px;    font-weight:300;
  right: 0;
    color: #333333;
    position: relative;
    padding-left: 10px;
    padding-top:13px;
    line-height: 25px;	

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




#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: 180px;
    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: 17px;
    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: 15px;
    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: 230px;
    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;
    padding-top:35px;
}

#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 #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: 230px;/*height: 318px; 2022.03.03 수정*/
    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: 0px;
    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.sub .K-Meditation-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 .K-Meditation-area .Meditation-box {
    padding-top: 47px
}

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

#contentArea.sub .K-Meditation-area .Meditation-box .text {
    padding-top: 16px
}

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

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


#contentArea.sub .K-Meditation-area .faculty-box {
    /*border-top: 1px solid #ebebeb;*/
    margin-top: 80px;
    padding-top: 46px
}

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

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

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

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

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

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

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

#contentArea.sub .K-Meditation-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 .K-Meditation-area .faculty-box .unit-list .unit-outer .unit-inner .thumb-area img {
    width: 100%;
    height: 100%;
    display: block
}

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

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

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

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

#contentArea.sub .K-Meditation-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 .K-Meditation-area .faculty-box .unit-list .unit-outer .unit-inner .info-area ul li p {
    font-size: 15px;
    color: #1d1d1d;
    line-height: 26px;
    letter-spacing: -0.5px;
    font-weight: 500
}

#contentArea.sub .K-Meditation-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 {
    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: 200px;
    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
}

#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: #fff
}

#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: 89px;
    background: url("../../images/layout/header_bg.jpg") 50% 50% no-repeat
}

/*
#header0 {
    margin-top:0px;
    left: 0;
    width: 100%;
    min-width: 1200px;
    z-index: 1200;
    height:30px;
	background-color: #fff;   
  
}
*/


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


#header0{padding-top:0px; width:100%; min-width:1200px;  }
#header0 .gnb_wrap{position:relative;height:30px;width:1200px;margin: 0 auto;}
#header0 .tnb_wrap{position:absolute;right:0;}
#header0 .tnb_wrap a{display:block;float:left;margin-left:3px;line-height:30px;text-align:center}
#header0 .tnb_wrap .home{width:35px;text-indent:-9999px;background:#da3137 url("/resource/image/language/ico/home.gif") no-repeat center center}
#header0 .tnb_wrap .link{width:95px;font-size:12px;color:#666;background:#f4f4f4}
#header0 .tnb_wrap .link.on{width:95px;font-size:12px;color:#666;/*background:#da3137;*/}







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

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

#header .inner h1 a {
    display: inline-block;
    width: 300px;
    height: 47px;
    background: url("../../images/layout/logo.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px
}
#header .inner .gnb{margin-left:20px;}
#header .inner .gnb>li {
 float: left;
    position: relative;
    margin-left: 60px;
    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: #fff;
    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.log-bt {
	width: 100px;
    background-color: #ffe100;
    border: 1px solid #ffe100;
    font-size: 12px;
    color: #1d1d1d;
    font-weight: 500;
	text-align:center;
    margin-right: 10px;
*margin-bottom:5px
}





#header .inner .util-area .util-bt a.lan-bt {
    width: 100px;
	background-color: #ffe100;
    border: 1px solid #ffe100;
    font-size: 14px;
    color: #1d1d1d;
    font-weight: 500;
     text-align:center;	
     /*padding-left:10px;*/
	*margin-bottom:5px
}

/* CLASSROOM 버튼    */
#header .inner .util-area .util-bt a.lan-bt2 {
	width:85px;
    height: 30px;
    background-color: #028dd3;
    border: 1px solid #fff;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-align:center;	

	
}





#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;
*    background: url("../../images/layout/lan_bt_arrow.png") no-repeat;
    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: #fff
}

#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:119px;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 1000;
}

#header .all-menu-wrap:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    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: 820px;
}

#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: 300px;
    height: 820px;
    float: left;
    position: relative;
    padding-left: 20px;
    padding-top:20px;
    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:25px
}

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

#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: 19px;
    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: 23px;
    color: #ccc;
    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
}

#contentArea.company .spot-area {
    background-image: url(../../images/company/bg_spot_company.jpg)
}

#contentArea.etc .spot-area {
    background-image: url(../../images/etc/bg_spot_etc.jpg)
}

#contentArea.bi .spot-area {
    background-image: url(../../images/bi/bg_spot_bi.jpg)
}

#contentArea.careers .spot-area {
    background-image: url(../../images/careers/bg_spot_careers.jpg)
}

#contentArea.ii .spot-area {
    background-image: url(../../images/ii/bg_spot_ii.jpg)
}

#contentArea.pr .spot-area {
    background-image: url(../../images/pr/bg_spot_pr.jpg)
}

#contentArea.sm .spot-area {
    background-image: url(../../images/sm/bg_spot_sm.jpg)
}

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 20;
    background-color: #ececec
}

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

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

#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: 800px;
    float: right;
}

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

#footer .inner .link-list li:before {
    position: absolute;
    left: 0;
    top: 2px;
    width: 1px;
    height: 11px;
    background-color: #dbdbdb;
    content: ""
}

#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: 14px;
    color: #333333;
    font-weight: 500
}

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

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

}

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

#footer .inner .address-box .info-list span:before {
    position: absolute;
    left: 0;
    top: 4px;
    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
}

#footer .inner .copyright {
    text-align: left;
    font-size: 12px;
    color: #888888;
    margin-top: 27px;
    letter-spacing: -0.6px;
    float: right;
    width: 800px;
}



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