@charset "utf-8";

/*
Template Name: Callie HTML Template
Author: yaminncco

Colors:
	Body 		  : #505050
	Headers 	: #11151c
	Primary 	: #ee4266
	Dark 		  : #1b1c1e
	Grey 		  : #e8eaed #97989b #323335

Fonts: Montserrat & Muli

Table OF Contents
------------------------------------
GENERAL
NAVIGATION
PAGE HEADER
POST
POST PAGE
ASIDE
FOOTER
RESPONSIVE
------------------------------------*/

/*=========================================================
	GENERAL
===========================================================*/

/*----------------------------*\
	typography
\*----------------------------*/

body {
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    color: #505050;
    font-weight: 400;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: #11151c;
    font-weight: 700;
    margin: 0px 0px 15px;
}

h1 {
    font-size: 32.437px;
}

h2 {
    font-size: 25.629px;
}

h3 {
    font-size: 20.25px;
}

h4 {
    font-size: 16px;
}

h5 {}

p {
    margin: 0px 0px 20px;
}

a {
    color: #11151c;
    -webkit-transition: 0.2s color;
    transition: 0.2s color;
}

a:hover, a:focus {
    color: #ee4266;
    text-decoration: none;
    outline: none;
}

::-moz-selection {
    background-color: #ee4266;
    color: #FFF;
}

::selection {
    background-color: #ee4266;
    color: #FFF;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none
}

ul.list-style, ol.list-style {
    padding-left: 15px;
    margin-bottom: 10px;
}

ul.list-style {
    list-style-type: disc;
}

ol.list-style {
    list-style-type: decimal;
}

blockquote.blockquote {
    padding: 30px;
    margin: 0px 0px 20px;
    border: 2px solid #e8eaed;
}

blockquote.blockquote:before {
    content: "\f10d";
    font-family: fontAwesome;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    color: #ee4266;
    font-size: 30px;
    background: #fff;
    border: 2px solid #e8eaed;
    float: left;
    margin-right: 10px;
}

blockquote.blockquote .blockquote-footer {
    color: #97989b;
}

figure {
    margin-bottom: 20px;
}

figure>img {
    width: 100%;
}

figure.pull-right {
    margin-left: 15px;
}

figure.pull-left {
    margin-right: 15px;
}

figure>figcaption {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    font-style: italic;
    color: #97989b;
}

/*----------------------------*\
	section
\*----------------------------*/

.section {
    padding-top: 30px;
}

.section-row {
    margin-bottom: 30px;
}

.section-title {
    position: relative;
    margin-bottom: 20px;
}

.section-title .title {
    position: relative;
    display: inline-block;
    background-color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 10px;
    z-index: 20;
}

.section-title:after {
    content: "";
    display: inline-block;
    height: 2px;
    background-color: #e8eaed;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    z-index: 10;
}

/*----------------------------*\
	input
\*----------------------------*/

.input {
    width: 100%;
    height: 40px;
    padding: 0px 15px;
    background-color: #fff;
    border-radius: 2px;
    border: 2px solid #e8eaed;
}

textarea.input {
    padding: 15px;
    height: 90px;
}

/*----------------------------*\
	button
\*----------------------------*/

.primary-button, .secondary-button {
    display: inline-block;
    padding: 10px 40px;
    border-radius: 2px;
    border: none;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.primary-button {
    background-color: #ee4266;
    color: #fff;
    -webkit-box-shadow: 0px 0px 0px 2px #ee4266 inset;
    box-shadow: 0px 0px 0px 2px #ee4266 inset;
}

.secondary-button {
    background-color: #353535;
    color: #fff;
    -webkit-box-shadow: 0px 0px 0px 2px #353535 inset;
    box-shadow: 0px 0px 0px 2px #353535 inset;
}

.primary-button:hover, .primary-button:focus {
    background-color: transparent;
    color: #ee4266;
}

.secondary-button:hover, .secondary-button:focus {
    background-color: transparent;
    color: #353535;
}

/*----------------------------*\
	social colors
\*----------------------------*/

.social-facebook {
    background: #225b99 !important;
}

.social-twitter {
    background: #00adf2 !important;
}

.social-google-plus {
    background: #dc4d2d !important;
}

.social-pinterest {
    background: #cc2127 !important;
}

.social-instagram {
    background: #d341b2 !important;
}

/*=========================================================
	NAVIGATION
===========================================================*/

#nav {
    border-bottom: 1px solid #e8eaed;
}

#nav:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 90;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

#nav.shadow-active:after {
    opacity: 1;
    visibility: visible;
}

#nav-top {
    text-align: center;
}

#nav-top>.container {
    position: relative;
}

#nav-bottom {
    border-top: 1px solid #e8eaed;
}

/*----------------------------*\
	social
\*----------------------------*/

.nav-social {
    float: left;
    padding: 10px 0px;
}

.nav-social li {
    display: inline-block;
}

.nav-social li a {
    display: block;
    padding: 15px;
    line-height: 20px;
}

/*----------------------------*\
	logo
\*----------------------------*/

.nav-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.nav-logo .logo {
    display: inline-block;
    line-height: 70px;
    height: 70px;
}

.nav-logo .logo>img {
    width: 100%;
    max-height: 70px;
}

/*----------------------------*\
	search
\*----------------------------*/

.nav-btns {
    float: right;
    padding: 10px 0px;
}

.nav-btns>button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: none;
    background: transparent;
}

#nav-search {
    position: fixed;
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    opacity: 0;
    visibility: hidden;
    max-width: 960px;
    width: 100%;
    padding: 60px 5%;
    background: #1b1c1e;
    z-index: 999;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

#nav-search.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

#nav-search form .input {
    height: 80px;
    background: transparent;
    border: 2px solid #323335;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding: 15px 25px;
}

/*----------------------------*\
	menu
\*----------------------------*/

.nav-menu {
    position: relative;
    text-align: center;
    float: none;
}

.nav-menu>li {
    float: none;
    display: inline-block;
}

.nav-menu>li>a {
    display: block;
    padding: 25px 15px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

/*----------------------------*\
	dropdown
\*----------------------------*/

.nav-menu li.has-dropdown {
    position: relative;
}

.nav-menu li.has-dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f0d7";
    margin-left: 5px;
}

.nav-menu li.has-dropdown>.dropdown {
    position: absolute;
    left: 0;
    width: 200px;
    text-align: left;
    z-index: 60;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.nav-menu li.has-dropdown:hover>.dropdown {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}

.nav-menu li.has-dropdown>.dropdown .dropdown-body {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-top: 2px solid #ee4266;
}

.dropdown .dropdown-list li {
    border-bottom: 1px solid #e8eaed;
}

.dropdown .dropdown-list li a {
    display: block;
    padding: 10px;
    line-height: 20px;
}

.dropdown .dropdown-heading {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 30px;
}

/*----------------------------*\
	mega dropdown
\*----------------------------*/

.nav-menu li.has-dropdown.megamenu {
    position: static;
}

.nav-menu li.has-dropdown.megamenu>.dropdown {
    width: 100%;
}

.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-body {
    padding: 30px;
}

.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-list {
    margin-bottom: 30px;
}

.nav-menu li.has-dropdown.megamenu>.dropdown .dropdown-list li a {
    padding-left: 0px;
    padding-right: 0px;
}

/*----------------------------*\
	tab dropdown
\*----------------------------*/

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-content {
    z-index: 70;
    position: relative;
    margin-left: -30px;
}

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav {
    background-color: #1b1c1e;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 60;
}

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li {
    border-bottom: 1px solid #323335;
}

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li a {
    display: block;
    padding: 15px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li.active {
    background: #ee4266
}

.nav-menu li.has-dropdown.megamenu>.dropdown.tab-dropdown .tab-nav li.active a {
    color: #fff;
}

/*----------------------------*\
	nav aside
\*----------------------------*/

#nav-aside {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #1b1c1e;
    max-width: 360px;
    width: 100%;
    padding: 80px 20px;
    overflow-y: scroll;
    z-index: 99;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 0.4s all cubic-bezier(.77, 0, .18, 1);
    transition: 0.4s all cubic-bezier(.77, 0, .18, 1);
}

#nav-aside.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.nav-aside-menu li a {
    display: block;
    padding: 15px 0px;
    color: #fff;
    border-bottom: 1px solid #323335;
}

.nav-aside-menu li a:hover, .nav-aside-menu li a:focus {
    color: #ee4266;
}

.nav-aside-menu li.has-dropdown>a {
    cursor: pointer;
}

.nav-aside-menu li.has-dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f0d7";
    float: right;
}

.nav-aside-menu li.has-dropdown>.dropdown {
    display: none;
    margin-left: 30px;
    border-left: 1px solid #323335;
}

.nav-aside-menu li.has-dropdown.active>.dropdown {
    display: block;
}

.nav-aside-menu li.has-dropdown>.dropdown a {
    padding: 15px;
}

.nav-close {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    right: 15px;
    background-color: transparent;
    border: none;
}

.nav-close span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.nav-close span:before, .nav-close span:after {
    content: "";
    display: block;
    width: 30px;
    background-color: #fff;
    height: 2px;
}

.nav-close span:before {
    -webkit-transform: translateY(0px) rotate(-135deg);
    -ms-transform: translateY(0px) rotate(-135deg);
    transform: translateY(0px) rotate(-135deg);
}

.nav-close span:after {
    -webkit-transform: translateY(-2px) rotate(135deg);
    -ms-transform: translateY(-2px) rotate(135deg);
    transform: translateY(-2px) rotate(135deg);
}

/*=========================================================
	PAGE HEADER
===========================================================*/

.page-header {
    position: relative;
    margin: 0;
    padding-top: 120px;
    padding-bottom: 80px;
    background-color: #1b1c1e;
}

#post-header {
    padding-top: 240px;
    padding-bottom: 80px;
}

.page-header .page-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.page-header .page-header-bg:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 28, 30, 0)), color-stop(90%, rgba(27, 28, 30, 0.8)));
    background: linear-gradient(180deg, rgba(27, 28, 30, 0) 0%, rgba(27, 28, 30, 0.8) 90%);
}

.page-header h1 {
    font-size: 41.053px;
    color: #FFF;
}

.page-header p.lead {
    font-size: 20.25px;
    color: #FFF;
}

/*=========================================================
	POST
===========================================================*/

.post {
    position: relative;
    margin-bottom: 30px;
}

.post .post-body {
    position: relative;
    margin: -50px 0px 0px 3%;
    padding: 5%;
    background: #fff;
    z-index: 10;
}

.post .post-img {
    display: block;
    overflow: hidden;
}

.post-img>img {
    width: 100%;
    -webkit-transition: 1.6s -webkit-transform;
    transition: 1.6s -webkit-transform;
    transition: 1.6s transform;
    transition: 1.6s transform, 1.6s -webkit-transform;
}

.post-img:hover>img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.post .post-title {
    font-size: 18px;
}

.post .post-title.title-sm {
    font-size: 16px;
}

.post .post-title.title-lg {
    font-size: 25.629px;
}

.post .post-category {
    margin-bottom: 10px;
}

.post-category a {
    color: #ee4266;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.post-category a:after {
    content: ',';
    display: inline-block;
}

.post-category a:last-child:after {
    display: none;
}

.post .post-meta {
    margin-bottom: 10px;
}

.post-meta li {
    display: inline-block;
    color: #97989b;
    font-size: 12px;
    text-transform: uppercase;
}

.post-meta li a {
    color: #97989b;
    font-weight: 700;
}

.post-meta li a:hover, .post-meta li a:focus {
    color: #ee4266;
}

.post-meta li:after {
    content: '•';
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.post-meta li:last-child:after {
    display: none;
}

/*----------------------------*\
	hot post
\*----------------------------*/

.hot-post {
    padding: 0 15px;
}

.hot-post .hot-post-left {
    padding-right: 0px;
    padding-left: 0px;
}

.hot-post .hot-post-right {
    padding-right: 0;
    padding-left: 5px;
}

.hot-post .post {
    margin-bottom: 7px;
}

.hot-post {
    margin-bottom: 25px;
}

/*----------------------------*\
	post thumb
\*----------------------------*/

.post.post-thumb .post-img:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(27, 28, 30, 0)), color-stop(90%, rgba(27, 28, 30, 0.8)));
    background: linear-gradient(180deg, rgba(27, 28, 30, 0) 0%, rgba(27, 28, 30, 0.8) 90%);
}

.post.post-thumb .post-body {
    position: absolute;
    margin: 0px;
    padding: 0px 5%;
    z-index: 20;
    bottom: 5%;
    background-color: transparent;
}

.post.post-thumb .post-title a {
    color: #fff;
}

.post.post-thumb .post-title a:hover, .post.post-thumb .post-title a:focus {
    color: #ee4266;
}

.post.post-thumb .post-meta li {
    color: #fff;
}

.post.post-thumb .post-meta li a {
    color: #fff;
}

.post.post-thumb .post-meta li a:hover, .post.post-thumb .post-meta li a:focus {
    color: #ee4266;
}

/*----------------------------*\
	post small
\*----------------------------*/

.post.post-sm .post-body {
    margin: 15px 0px 0px;
    background: transparent;
    padding: 0;
}

/*----------------------------*\
	post widget
\*----------------------------*/

.post.post-widget:after {
    content: "";
    display: table;
    clear: both;
}

.post.post-widget .post-img {
    float: left;
    width: 130px;
}

.post.post-widget .post-body {
    position: relative;
    background: transparent;
    margin: 0px 0px 0px 150px;
    padding: 0;
}

.post.post-widget .post-title {
    font-size: 16px;
    margin-bottom: 0px;
}

/*----------------------------*\
	post row
\*----------------------------*/

.post.post-row:after {
    content: '';
    display: table;
    clear: both;
}

.post.post-row .post-img {
    width: 40%;
    float: left;
}

.post.post-row .post-body {
    margin: 0px 0px 0px calc(40% + 30px);
    padding: 0;
}

/*=========================================================
	POST PAGE
===========================================================*/

.page-header .post-category {
    margin-bottom: 10px;
}

.page-header .post-meta li {
    color: #fff;
}

.page-header .post-meta li a {
    color: #fff;
}

.page-header .post-meta li a:hover, .page-header .post-meta li a:focus {
    color: #ee4266;
}

.post-share a {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
    color: #fff;
    background-color: #97989b;
    margin-right: 4px;
    margin-bottom: 6px;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.post-share a:hover {
    opacity: 0.9;
}

.post-share a i {
    width: 20px;
    text-align: center;
}

.post-share a span {
    padding-left: 10px;
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px;
}

.post-content .post-attachement.pull-left {
    margin-right: 15px;
}

.post-content .post-attachement.pull-right {
    margin-left: 15px;
}

.post-tags ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}

.post-tags ul li:first-child {
    font-weight: 400;
}

.post-tags ul li:after {
    content: ',';
    display: inline-block;
}

.post-tags ul li:first-child:after {
    display: none;
}

.post-tags ul li:last-child:after {
    display: none;
}

/*----------------------------*\
	post nav
\*----------------------------*/

.post-nav:after {
    content: "";
    display: table;
    clear: both;
}

.post-nav .post-title {
    font-size: 14px;
    margin: 0px;
}

.post-nav .prev-post {
    float: left;
    width: 50%;
    padding-right: 15px;
}

.post-nav .next-post {
    float: right;
    width: 50%;
    text-align: right;
    padding-left: 15px;
}

.post-nav .post-img {
    display: block;
    width: 100px;
    overflow: hidden;
}

.post-nav .prev-post .post-img {
    float: left;
    margin-right: 15px;
}

.post-nav .next-post .post-img {
    float: right;
    margin-left: 15px;
}

.post-nav .next-post span, .post-nav .prev-post span {
    font-weight: 700;
    color: #97989b;
    text-transform: uppercase;
    font-size: 12px;
}

.post-nav .next-post:after, .post-nav .prev-post:after {
    content: '';
    display: table;
    clear: both;
}

/*----------------------------*\
	author
\*----------------------------*/

.author.media .media-left {
    position: relative;
    padding-right: 30px;
}

.author .author-img {
    width: 100px;
    border-radius: 50%;
    margin-bottom: 15px;
;
}

.author .author-social li {
    display: inline-block;
    margin-right: 10px;
}

.author .author-social li a {
    display: block;
}

.page-header .author .author-social li a {
    color: #fff;
}

.page-header .author .author-social li a:hover, .page-header .author .author-social li a:focus {
    color: #ee4266;
}

/*----------------------------*\
	comments
\*----------------------------*/

.post-comments .media {
    margin-top: 30px;
}

.post-comments .media:nth-child(1) {
    margin-top: 0px;
}

.post-comments .media .media-left {
    position: relative;
    padding-right: 15px;
}

.post-comments .media .media-left .media-object {
    width: 50px;
    border-radius: 50%;
    position: relative;
    z-index: 20;
}

.post-comments .media .media-left:after {
    content: '';
    position: absolute;
    left: calc(50% - 9px);
    top: 80px;
    bottom: 15px;
    width: 1px;
    background-color: #e8eaed;
}

.post-comments .media .media-heading h4 {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
}

.post-comments .media .media-heading .time {
    color: #97989b;
    margin-left: 10px;
    font-size: 12px;
}

.post-comments .media .reply {
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 13px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #323335;
    border-radius: 2px;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.post-comments .media .reply:hover {
    opacity: 0.9;
}

.post-comments .media.media-author .media-heading h4 {
    color: #ee4266;
}

.post-comments .media.media-author .media-left:after {
    background-color: #ee4266;
}

/*=========================================================
	ASIDE
===========================================================*/

.aside-widget {
    margin-bottom: 30px;
}

/*----------------------------*\
	social widget
\*----------------------------*/

.social-widget ul {
    overflow: auto;
}

.social-widget ul li {
    float: left;
    width: 33.33%;
}

.social-widget ul li a {
    display: block;
    text-align: center;
    padding: 30px 15px;
    color: #fff;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.social-widget ul li a:hover {
    opacity: 0.9;
}

.social-widget ul li a span {
    font-weight: 700;
    font-size: 14px;
}

.social-widget ul li a i {
    display: block;
    font-size: 30px;
    margin-bottom: 10px;
}

/*----------------------------*\
	newsletter widget
\*----------------------------*/

.newsletter-widget {
    position: relative;
    padding: 0px 30px 30px;
    border-left: 2px dashed #e8eaed;
    border-right: 2px dashed #e8eaed;
}

.aside-widget:last-child .newsletter-widget {
    border-bottom: 2px dashed #e8eaed;
}

.newsletter-widget form {
    position: relative;
    z-index: 20;
}

.newsletter-widget .input {
    margin-bottom: 15px;
}

.newsletter-widget:after {
    content: "\f003";
    font-family: FontAwesome;
    position: absolute;
    bottom: -25px;
    right: 27px;
    font-size: 160px;
    color: #e8eaed;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
}

.footer-widget .newsletter-widget {
    padding: 0px;
    border: none;
}

.footer-widget .newsletter-widget:after {
    color: #323335;
}

/*----------------------------*\
	category widget
\*----------------------------*/

.category-widget ul li {
    padding: 15px 0px;
    border-bottom: 1px solid #e8eaed;
}

.category-widget ul li a {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
}

.category-widget ul li a span {
    float: right;
    font-size: 14px;
    color: #97989b;
    margin-left: 15px;
}

.footer-widget .category-widget ul li {
    border-color: #323335;
}

/*----------------------------*\
	tags widget
\*----------------------------*/

.tags-widget ul li {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 6px;
}

.tags-widget ul li a {
    text-transform: uppercase;
    display: block;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 700;
    color: #97989b;
    background-color: #323335;
    border-radius: 2px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

.tags-widget ul li a:hover, .tags-widget ul li a:focus {
    color: #fff !important;
    background-color: #ee4266;
}

/*----------------------------*\
	galery widget
\*----------------------------*/

.galery-widget ul {
    margin: -2px -2px;
}

.galery-widget ul li {
    display: inline-block;
    width: 33.33%;
    padding: 2px;
    margin-right: -4px;
}

.galery-widget ul li a {
    display: block;
    overflow: hidden;
}

.galery-widget ul li a img {
    width: 100%;
    -webkit-transition: 1.6s -webkit-transform;
    transition: 1.6s -webkit-transform;
    transition: 1.6s transform;
    transition: 1.6s transform, 1.6s -webkit-transform;
}

.galery-widget ul li a:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/*=========================================================
	FOOTER
===========================================================*/

#footer {
    margin-top: 40px;
    padding-top: 80px;
    padding-bottom: 40px;
    /*background-color: #1b1c1e;*/
    background-color: #f3f3f3;
}

#footer {
    color: #97989b;
}

#footer a {
    color: #97989b;
}

#footer a:hover, #footer a:focus {
    color: #ee4266;
}

.footer-widget {
    margin-bottom: 30px;
}

.footer-widget .footer-title {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.footer-logo {
    margin-bottom: 30px;
}

.footer-logo .logo {
    display: inline-block;
    -height: 70px;
    height: 70px;
}

.footer-bottom {
    margin-top: -81px;
    /*padding-top: 30px;*/
    border-top: 1px solid #323335;
}

.footer-nav {
    text-align: right;
}

.footer-nav li {
    display: inline-block;
    margin-right: 10px;
}

/*----------------------------*\
	CONTACT
\*----------------------------*/

.contact li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 55px;
    padding-top: 5px;
    min-height: 40px;
}

.contact li i {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    text-align: center;
    height: 40px;
    background: #fff;
    color: #ee4266;
    border: 1px solid #e8eaed;
    line-height: 40px;
    border-radius: 50%;
}

.footer-widget .contact li i {
    color: #97989b;
    background-color: #353535;
    border: none;
}

.contact-social li {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 6px;
}

.contact-social li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    color: #fff !important;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
}

.contact-social li a:hover {
    opacity: 0.9;
}

/*=========================================================
	RESPONSIVE
===========================================================*/

@media only screen and (max-width: 991px) {
    #nav-bottom {
        display: none;
    }
    .nav-social {
        display: none;
    }
    .nav-logo {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        left: 0;
        display: inline-block;
        float: left;
    }
    .footer-nav {
        text-align: left;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .page-header h1 {
        font-size: 32.437px;
    }
    .post-nav .prev-post {
        float: none;
        width: 100%;
        margin-bottom: 15px;
        padding-right: 0px;
    }
    .post-nav .prev-post:last-child {
        margin-bottom: 0px;
    }
    .post-nav .next-post {
        float: none;
        width: 100%;
    }
    .post-nav .next-post {
        float: none;
        width: 100%;
        padding-left: 0px;
        text-align: left;
    }
    .post-nav .next-post .post-img {
        margin-right: 15px;
        float: left;
        margin-left: 0px;
    }
}

/* Default Setting */

* {margin: 0; padding: 0; box-sizing: border-box;}
html, body, div, input, label, select, textarea, button, h1, h2, h3, h4, h5, h6, strong, p, span, a, ul, li, dl, dt, dd, a, ::after, ::before {line-height: 1.4em; /*font-family: 'Nanum Gothic', 'Malgun Gothic', 'Dotum', sans-serif;*/ font-size: 14px; color: #000; font-weight: 400; letter-spacing: -1px;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, strong, address {display: block;}
ul, ol, li {list-style: none;}
a {display: inline-block; text-decoration: none; vertical-align: top;}
span {display: inline-block; vertical-align: top;}
img {max-width: 100%; border: 0; vertical-align: top;}
em, address {font-style: normal;}
hr {border: 0; margin: 30px 0; padding: 0; border-bottom: 1px solid #000;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ""; content: none;}
table {width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all;}
textarea {resize: none; outline: 0; vertical-align: top;}
button {display: inline-block; font-family: inherit; text-decoration: none; background: transparent; border: none; outline: 0; white-space: nowrap; vertical-align: top; cursor: pointer;}


/* common */

body {position: relative;}

.blind {display: block; width: 100%; height: 100%; text-indent: 101%; background-position: 0 0; white-space: nowrap; overflow: hidden;}

.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}


/* style */

.content {padding-bottom: 50px;}
.content .visual {text-align: center;}

.content .post {}

.content .pack {margin: 0 auto; max-width: 1300px; _max-width: 90%;}
.content .pack + .pack {_margin-top: 110px;}

.content .paper {}
.content .paper + .paper {margin-top: 75px;}

.content .txt {margin-top: 60px;}

.content .div {}
.content .div + .div {margin-top: 40px;}

.content .box_green {position: relative; margin-top: 60px; padding: 22px 0;}
.content .box_green:before,
.content .box_green:after {display: block; content: ""; position: absolute; left: 0; width: 100%; height: 22px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
.content .box_green:before {top: 0; background-image: url(/cyberedu/images/webzine/bgBoxGreenTop.jpg);}
.content .box_green:after {bottom: 0; background-image: url(/cyberedu/images/webzine/bgBoxGreenBottom.jpg);}
.content .box_green .txt {margin-top: 0; font-size:16px; padding: 0 45px; background-image: url(/cyberedu/images/webzine/bgBoxGreenbg.jpg);}

.box_postion{position: relative; padding-bottom:46px}
.content .box_red {position: relative; width:993px; height:837px;  background-image: url(/cyberedu/images/webzine/red_box_bg.jpg); margin: 0 auto 0 auto; padding: 42px 58px;}
.content .box_red1:before,
.content .box_red1:after {display: block; content: ""; position: absolute; left: 0; width: 100%; height: 39px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
.content .box_red:before {top: 0; }
.content .box_red:after {bottom: 0; }
.content .box_red .txt {margin-top: 0; }
.content .box_red .num{width:100%;margin-bottom: 30px;  font-weight: 800; font-size: 35px; line-height:36px; color: #d14c3d; background-image: url(/cyberedu/images/webzine/red_box_arrow.jpg); background-repeat: no-repeat; background-position: 130px 7px}
.content .box_red .box_text{ font-weight: 500; font-size: 28px;  color: #221816;}
.content .box_red .box_text span{display:inline; font-weight: 600; font-size: 28px;  color: #231816;}
.content .box_red .box_foot_text{ margin-top: 50px; font-weight: 500; font-size: 22px;  color: #221816;}

.box_postion .prev{position: absolute; top: 380px;}
.box_postion .next{position: absolute; top: 380px; right:0}

.content .float {position: relative; margin-top: 50px; font-size: 0;}
.content .float .txt {margin-top: 0;}
.content .float .image {position: absolute; top: 0; margin-top: 0; _width: 480px;}
.content .float .image img {max-width: 100%;}
.content .float.img_lt {padding-left: 500px;}
.content .float.img_rt {padding-right: 500px;}
.content .float.img_lt .image {left: 0;}
.content .float.img_rt .image {right: 0;}

.content .inline_lt{position: relative; margin-top: 50px; font-size: 0;  }
.content .inline_lt .txt {width:950px; display:inline-block; vertical-align:top; margin-top: 0; float:right;}
.content .inline_lt .image { display:inline-block; vertical-align:top; margin-top: 0;}
.content .inline_rt{position: relative; margin-top: 40px; }
.content .inline_rt .txt {width:634px; display:inline-block; vertical-align:top; ; margin-top: 0;}
.content .inline_rt .image {width:496px; display:inline-block; vertical-align:top; margin-top: 0; float:right;}
.content .inline_rt img {max-width: 100%;}

.content .w167 .image{width:167px;}
.content .w167 .txt{width:965px;}

.content .w300 .image{width:300px;}
.content .w300 .txt{width:835px;}
.content .w330 .image{width:330px;}
.content .w330 .txt{width:950px;}
.content .w430 .image{width:430px;}
.content .w430 .txt{width:710px;}
.content .w430 .txt .image_text{width:90%; margin:65px auto 0 auto; text-align:center;}

.content .title {margin-bottom: 20px;}
.content .titleS {margin-bottom: 30px;}
.content .subject {margin-bottom: 12px; padding: 5px 15px; width: 450px; max-width: 100%; font-size: 16px; font-weight: 600; border: 2px solid #d0101b; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;}
.content .subjectC {margin-bottom: 12px; padding: 5px 0; width: 240px; max-width: 100%;  font-size: 16px; font-weight: 600; border: 2px solid #d0101b; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; text-align:center;}
.content .subjectR {margin-bottom: 24px;  padding-top: 10px; font-weight: 800; font-size: 27px; color: #231816; background-image: url(/cyberedu/images/webzine/subjectR.jpg); background-repeat: no-repeat;}

.content .desc {line-height: 26px; font-size: 16px; color:#231f20; _color: #6d6e70;}
.content .desc.em {_color: #717171; font-weight: 600;  word-break: keep-all; text-align: justify;}
.content .num_text{font-size: 36px; font-weight: 800; color: #231816; padding-bottom:25px;}
.content .num_content{line-height: 26px; font-size: 16px; color: #211715; font-weight: 500; padding-left:40px; padding-bottom:55px;}

.youtube {position:relative;  _margin-bottom:64px; width:565px;}
.youtube .player{text-align: center;}
.youtube .prev{position: absolute; top: 156px;}
.youtube .next{position: absolute; top: 156px; right:0}

.youtube_title{background-image: url(/cyberedu/images/webzine/youtube_title_bg.jpg); width:110px; height:37px; line-height:37px; text-align:center; color:#fff; font-weight:bold; font-size: 13px;  margin-bottom:17px;}

.youtube_text{position:relative; margin:0 auto 5px auto; }
.youtube_text1{position:relative; margin:0 auto 25px auto;}
.youtube_text .play_bg{padding-left: 25px; background-image: url(/cyberedu/images/webzine/page4_img7.jpg); background-repeat: no-repeat; background-position: 0 3px; vertical-align:top; font-weight:600; line-height: 25px; font-size: 17px; color: #a26141;}
.youtube_text1 .play_text{padding-left: 25px; font-weight:600; line-height: 25px; font-size: 17px; color: #717171;}
.youtube_foot{width:573px; height:89px; background-image: url(/cyberedu/images/webzine/youtube_foot.jpg); background-repeat: no-repeat; padding-left: 120px; margin-top:60px; padding-top:10px; vertical-align:top; line-height: 26px; font-weight:600; font-size: 14px;  }

.content .caption {margin-top: 10px; font-size: 16px; color: #595556; font-weight: 800; font-style: italic;}

.content .image {margin-top: 50px; text-align: center;}
.content .image_0{margin-bottom: 60px; text-align: center;}
.content .url {margin-top: 60px; padding-top:6px; width:902px; height:49px; line-height: 18px; font-weight: 600; font-size: 13px; color: #585755; padding-left:115px; margin-bottom:120px; background-image: url(/cyberedu/images/webzine/url_box.jpg); background-repeat: no-repeat; background-size: 100% 100%;}
.content .url a{ height:49px; _line-height: 41px; font-weight: 600; font-size: 13px; color: #585755; }
.content .green_title{margin-bottom:17px; }

.content .title_leftbg{padding-left:19px;  background-image: url(/cyberedu/images/webzine/titleleft_line.png); background-repeat: repeat-y;}
.content .sub_title1{line-height: 18px; font-size: 18px; font-weight: 600; padding-bottom:12px;}
.content .sub_title2{line-height: 28px; font-size: 28px; font-weight: 800; padding-bottom:25px; color:#063386;}
.content .talk_blue{padding-left: 40px; vertical-align:top; line-height: 26px; font-weight:600; font-size: 16px; color: #093387; margin: 30px 0}
.content .longleft{width:800px}

.content ul {}
.content ul li {position: relative; padding-left: 25px; line-height: 26px; font-size: 16px; color: #231f20; font-weight: 600; word-break: keep-all; text-align: justify;}
.content ul li .link{line-height: 26px; font-size: 16px;font-weight: 600; color: #df7c2d;}
.content ul li .link2{vertical-align:middle; font-size: 14px;font-weight: 400; color: #231f20;}
.content ul li:before {display: block; content: ""; position: absolute; top:10px; left: 10px; width: 5px; height: 5px; background-color: #231a15; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

.table_bg{width:963px; /*height:190px;*/ background:#dcdcde; margin:0 auto;}
.content .gray_bg{width:100%;  background:#dcdcde; margin:0 auto; padding:35px 25px}
.content .gray_title{font-size: 16px;font-weight: 800; color: #231f20; padding-bottom:15px;}
.content .gray_text{font-size: 14px; line-height:20px; font-weight: 600; color: #231f20;}
.content .gray_text span{font-size: 14px; line-height:20px; font-weight: 800; color: #231f20;}


.top_60{top:60px !important;}
.mt_110{margin-top:110px !important;}
.mt_90{margin-top:90px !important;}
.mt_95{margin-top:95px !important;}
.mb_50{margin-bottom:50px !important }
.mt_55{margin-top:55px !important }
.mt_240{margin-top:240px !important;}

.inline_center{display: inline-block;  font-size: 0;  }
.inline_center .txt {width:561px; display:inline-block; vertical-align:top; margin-top: 0; float:right; }
.inline_center .image {width:579px; display:inline-block; vertical-align:top; margin-top: 0; }
.inline_center:after {display: block; content: ""; }

.inline_text {width:1380px;}
.inline_text .txt {width:640px; margin-right:18px; display:inline-block; vertical-align:top; margin-top: 0;}

.table_full{width:100%;}
/*.table_full tr th {position: relative; width:95px; text-align:left; padding-left: 24px; vertical-align:top; line-height: 26px; font-weight:600; font-size: 16px; color: #231816;}*/
.table_full tr th {position: relative;width: 105px;text-align:left;padding-left: 24px;vertical-align:top;line-height: 26px;font-weight:600;font-size: 16px;color: #231816;}
.table_full tr th:before {display: block; content: ""; position: absolute; top: 10px; left: 14px; width: 5px; height: 5px; background-color: #231a15; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.table_full tr td {font-weight:600; font-size: 16px; color: #231f20; }
.table_top{ padding-left: 10px; padding-top:13px; padding-bottom:15px; vertical-align:top; line-height: 26px; font-weight:800; font-size: 16px; color: #231f20;}
.table_info{ padding-left: 24px; vertical-align:top; line-height: 26px; font-weight:600; font-size: 16px; color: #231f20;}


/* style 01 */

.content2 {padding-bottom: 50px;}
.content2 .visual {text-align: center;}
.content2 .post {}
.content2 .pack {margin: 0 auto; max-width: 1300px; _max-width: 90%;}
.content2 .pack + .pack {_margin-top: 110px;}
.content2 .paper {}
.content2 .paper + .paper {margin-top: 75px;}
.content2 .txt {margin-top: 60px; line-height:180%;}
.content2 .div {}
.content2 .div + .div {margin-top: 40px;}
.content2 .box_green {position: relative; margin-top: 60px; padding: 22px 0;}
.content2 .box_green:before,
.content2 .box_green:after {display: block; content: ""; position: absolute; left: 0; width: 100%; height: 22px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
.content2 .box_green:before {top: 0; background-image: url(/cyberedu/images/webzine/bgBoxGreenTop.jpg);}
.content2 .box_green:after {bottom: 0; background-image: url(/cyberedu/images/webzine/bgBoxGreenBottom.jpg);}
.content2 .box_green .txt {margin-top: 0; font-size:16px; padding: 0 45px; background-image: url(/cyberedu/images/webzine/bgBoxGreenbg.jpg);}

.content2 .box_red {position: relative; width:993px; height:837px;  background-image: url(/cyberedu/images/webzine/red_box_bg.jpg); margin: 0 auto 0 auto; padding: 42px 58px;}
.content2 .box_red1:before,
.content2 .box_red1:after {display: block; content: ""; position: absolute; left: 0; width: 100%; height: 39px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
.content2 .box_red:before {top: 0; }
.content2 .box_red:after {bottom: 0; }
.content2 .box_red .txt {margin-top: 0; }
.content2 .box_red .num{width:100%;margin-bottom: 30px;  font-weight: 800; font-size: 35px; line-height:36px; color: #d14c3d; background-image: url(/cyberedu/images/webzine/red_box_arrow.jpg); background-repeat: no-repeat; background-position: 130px 7px}
.content2 .box_red .box_text{ font-weight: 500; font-size: 28px;  color: #221816;}
.content2 .box_red .box_text span{display:inline; font-weight: 600; font-size: 28px;  color: #231816;}
.content2 .box_red .box_foot_text{ margin-top: 50px; font-weight: 500; font-size: 22px;  color: #221816;}

.box_postion2{position: relative; padding-bottom:46px}
.box_postion2 .prev{position: absolute; top: 380px;}
.box_postion2 .next{position: absolute; top: 380px; right:0}

.content2 .float {position: relative; margin-top: 50px; font-size: 0;}
.content2 .float .txt {margin-top: 0;}
.content2 .float .image {position: absolute; top: 0; margin-top: 0; _width: 480px;}
.content2 .float .image img {max-width: 100%;}
.content2 .float.img_lt {padding-left: 500px;}
.content2 .float.img_rt {padding-right: 500px;}
.content2 .float.img_lt .image {left: 0;}
.content2 .float.img_rt .image {right: 0;}

.content2 .inline_lt{position: relative; margin-top: 50px; font-size: 0;  }
.content2 .inline_lt .txt {width:950px; display:inline-block; vertical-align:top; margin-top: 0; float:right;}
.content2 .inline_lt .image { display:inline-block; vertical-align:top; margin-top: 0;}
.content2 .inline_rt{position: relative; margin-top: 40px; }
.content2 .inline_rt .txt {width:730px; display:inline-block; vertical-align:top; ; margin-top: 0;}
.content2 .inline_rt .image {width:550px; display:inline-block; vertical-align:top; margin-top: 0; float:right;}
.content2 .inline_rt img {max-width: 100%;}

.content2 .w330 .image{width:330px;}
.content2 .w330 .txt{width:950px;}
.content2 .w430 .image{width:430px;}
.content2 .w430 .txt{width:850px;}
.content2 .w430 .txt .image_text{width:90%; margin:65px auto 0 auto; text-align:center;}

.content2 .title {margin-bottom: 20px;}
.content2 .titleS {margin-bottom: 30px;}
.content2 .subject {margin-bottom: 15px; padding: 5px 15px; width: 450px; max-width: 100%; font-size: 18px; font-weight: 600; border: 2px solid #d0101b; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;}
.content2 .subjectC {margin-bottom: 15px; padding: 5px 0; width: 420px; max-width: 100%;  font-size: 18px; font-weight: 600; border: 2px solid #d0101b; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px; text-align:center;}
.content2 .subjectR {margin-bottom: 10px;  padding-top: 10px; font-weight: 800; font-size: 30px; color: #231816; background-image: url(/cyberedu/images/webzine/subjectR.jpg); background-repeat: no-repeat;}
.content2 .subjectR2 {margin-bottom: 10px;  padding-top: 10px; font-weight: 800; font-size: 24px; color: #231816; background-image: url(/cyberedu/images/webzine/subjectR.jpg); background-repeat: no-repeat; text-align:left;}

.content2 .desc {line-height: 26px; font-size: 16px; color:#231f20; _color: #6d6e70;}
.content2 .desc.em {_color: #717171; font-weight:  normal; word-break: keep-all; text-align: justify;}

.content2 .num_text{font-size: 36px; font-weight: 800; color: #231816; padding-bottom:25px;}
.content2 .num_content{line-height: 26px; font-size: 16px; color: #211715; font-weight: 500; padding-left:40px; padding-bottom:55px;}

.youtube2 {position:relative;  margin-bottom:43px; }
.youtube2 .player{margin-top: 50px; text-align: center;}
.youtube2 .prev{position: absolute; top: 305px;}
.youtube2 .next{position: absolute; top: 305px; right:0}

.youtube2_text{position:relative; width:978px; margin:0 auto 30px auto; }
.youtube2_text1{position:relative; width:978px; margin:0 auto;}
.youtube2_text .play_bg{padding-left: 54px; padding-top:5px; background-image: url(/cyberedu/images/webzine/page4_img7.jpg); background-repeat: no-repeat; vertical-align:top; min-height:54px; font-weight:600; line-height: 47px; font-size: 28px; color: #717171;}
.youtube2_text1 .play_text{font-weight:600; line-height: 47px; font-size: 33px; color: #a26141; text-align:center;}
.youtube2_text1 .play_text:before,
.youtube2_text1 .play_text:after {display: block; content: ""; text-align:center; _position: absolute; _left: 0; _width: 36px;  height: 31px; background-position: center center; background-repeat: no-repeat; _background-size: 100% 100%;}
.youtube2_text1 .play_text:before {top: 0; margin:0 0 20px 0; background-image: url(/cyberedu/images/webzine/page4_img5.jpg); }
.youtube2_text1 .play_text:after {bottom: 0; margin:20px 0 48px 0; background-image: url(/cyberedu/images/webzine/page4_img6.jpg);}

.content2 .caption {margin-top: 10px; font-size: 16px; color: #595556; font-weight: 800; font-style: italic;}

.content2 .image {margin-top: 50px; text-align: center;}
.content2 .url {margin-top: 60px; width:100%; height:41px; line-height: 41px; font-weight: 600; font-size: 24px; color: #585755; padding-left:15px; margin-bottom:120px; background-image: url(/cyberedu/images/webzine/url_box.png); background-repeat: no-repeat; background-size: 100% 100%;}
.content2 .url a{ height:41px; line-height: 41px; font-weight: 600; font-size: 24px; color: #585755; }
.content2 .green_title{margin-bottom:43px; }

.content2 .title_leftbg{padding-left:19px; min-height:219px; background-image: url(/cyberedu/images/webzine/titleleft_line.png); background-repeat: repeat-y;}
.content2 .sub_title1{line-height: 36px; font-size: 36px; font-weight: 600; padding-bottom:20px;}
.content2 .sub_title2{line-height: 52px; font-size: 52px; font-weight: 800; padding-bottom:42px; color:#063386;}
.content2 .talk_blue{padding-left: 77px; vertical-align:top; line-height: 47px; font-weight:600; font-size: 26px; color: #093387; margin:60px 0}
.content2 .talk_blue2{ padding-left:5%; right:0; text-align:right;vertical-align:top; line-height: 160%; word-break: keep-all; text-align: justify; font-weight: 600; font-size: 16px; color: #114dc5; margin:30px 0}
.content2 .longleft{width:800px}

.content2 ul {}
.content2 ul li {position: relative; /*padding-left: 25px;*/ line-height: 26px; font-size: 16px; color: #231f20; font-weight: 600;}
.content2 ul li .link{line-height: 26px; font-size: 16px;font-weight: 600; color: #df7c2d;}
.content2 ul li .link2{vertical-align:middle; font-size: 14px;font-weight: 400; color: #231f20;}
.content2 ul li:nth-child(2n) {padding-left:25px;}
/*.content ul li:before {display: block; content: ""; position: absolute; top:10px; left: 10px; width: 5px; height: 5px; background-color: #231a15; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} 20190626*/

.top_60{top:60px !important;}
.mt_110{margin-top:110px !important;}
.mt_90{margin-top:90px !important;}
.mt_95{margin-top:95px !important;}
.mb_50{margin-bottom:50px !important }
.mt_240{margin-top:240px !important;}

.table2_full{width:100%;}
.table2_full tr th {position: relative; width:140px; padding-left: 15px; vertical-align:top; line-height: 1.6em; font-weight:600; font-size: 24px; color: #231816;}
.table2_full tr th:before {display: block; content: ""; position: absolute; top: 15px; left: 10px; width: 5px; height: 5px; background-color: #231a15; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.table2_full tr td {line-height: 1.6em; font-size: 24px; color: #717171; font-weight:600;}

/**/
@media only screen and (max-width :1300px) {
    .content .float {padding: 0 !important;}
    .content .float .txt {margin-top: 90px;}
    .content .float .image {position: static; width: 100%;}

    .content .inline_lt .txt {width:100%; display:inline-block; vertical-align:top; margin-top: 0; float:none;}
    .content .inline_lt .image { display:inline-block; vertical-align:top; margin-top: 0;}
    .content .inline_rt{position: relative; margin-top: 40px; }
    .content .inline_rt .txt {width:100%; display:inline-block; vertical-align:top; ; margin-top: 0;}
    .content .inline_rt .image {width:100%; display:inline-block; vertical-align:top; margin-top: 0; float:none; text-align:center;}


    .content .w330 .image{width:100%; margin-bottom:20px}
    .content .w330 .txt{width:100%;}
    .content .w430 .image{width:100%; margin-bottom:20px}
    .content .w430 .txt{width:100%;}
    .content .w430 .txt .image_text{width:90%; margin:65px auto 0 auto; text-align:center;}

    .content2 .float {padding: 0 !important;}
    .content2 .float .txt {margin-top: 90px;}
    .content2 .float .image {position: static; width: 100%;}

    .content2 .inline_lt .txt {width:100%; display:inline-block; vertical-align:top; margin-top: 0; float:none;}
    .content2 .inline_lt .image { display:inline-block; vertical-align:top; margin-top: 0;}
    .content2 .inline_rt{position: relative; margin-top: 40px; }
    .content2 .inline_rt .txt {width:100%; display:inline-block; vertical-align:top; ; margin-top: 0;}
    .content2 .inline_rt .image {width:100%; display:inline-block; vertical-align:top; margin-top: 0; float:none; text-align:center;}


    .content2 .w330 .image{width:100%; margin-bottom:20px}
    .content2 .w330 .txt{width:100%;}
    .content2 .w430 .image{width:100%; margin-bottom:20px}
    .content2 .w430 .txt{width:100%;}
    .content2 .w430 .txt .image_text{width:90%; margin:65px auto 0 auto; text-align:center;}

}

/*추가*/
.page801{}

/*공통*/
.mat05{margin-top:05px !important;}
.mat10{margin-top:10px !important;}
.mat20{margin-top:20px !important;}
.mat30{margin-top:30px;}
.mat45{margin-top:45px !important;}
.mat45 img{ width:100%;}
.mat50{margin-top:50px;}
.mab50{margin-bottom:50px;}
.mab10{margin-bottom:10px !important;}
.mar10{margin-right:10px;}
.pat10{padding-top:10px;}
.pat20{padding-top:20px;}
.pat30{padding-top:30px;}
.pat45{padding-top:45px !important;}
.pab30{padding-bottom:30px;}
.fl{float:left;}
.fr{float:right;}
.oh{overflow:hidden;}
.cl{clear:both !important;}
.font14{font-size:14px;color:#555;}
.font16{font-size:16px;color:#555;}
.font30{font-size:30px !important;color:#555;}
.imgw img{width:100%;}
.img100 { text-align:center;}
.img100 img{ width:auto;}
.tc{ text-align:center;}
.w80{width:80%;}
.w20{width:20%;}
.w50{width:49%;}
.box01{clear:both;overflow:hidden; margin-top:50px;}
.box01 li{float:left; width:49.5%; padding:0.5%;list-style:none !important;}
.box01 li img{ width:100%;}
.font16{ color:#666; font-size:14px; line-height:160%;}
h4{border-top:1px solid #3dad48;border-left:1px solid #3dad48;border-right:1px solid #3dad48; padding:10px 10px 0px 10px; font-size:25px; width:28%; font-weight:600;}
h5{font-size:20px;font-weight:600;}
h5 img{ vertical-align:middle;}
.footertext{border-top:1px solid #666; padding-top:20px;}
.typeA{clear:both;width:100%;margin-top:10px;border:1px solid #32438c;}
.typeA th{background-color:#32438c;color:#fff; text-align:left;}
.typeA thead tr th{padding:15px 0;padding-left:15px;text-align:left;color:#fff;background:#32438c; font-size:18px;}
.typeA thead tr th img{margin-left:3px;}
.typeA tbody tr td p{ padding:5px; background:#8788b8; color:#fff; text-align:center;}
.typeA tbody tr td{padding:10px 5px 10px 15px;min-height:35px;color:#555;font-size:14px; line-height:160%;}
.typeA tbody tr td img{ width:auto;}
.typeA thead tr th,
.typeA tbody tr td.lnone{border-left:0px;}
.typeA tbody tr th{color:#222;font-size:14px;}
.graybox{ background:#dcddde; padding:25px; overflow:hidden;}
.list_bl {padding-top:10px;}
.list_bl li{line-height:160%; font-size:14px; font-weight:100 !important; width:100%; text-align:left;}
.list_bl li p{ display:inline;}

/*
* 2019.12.16 17호 웹진 관련 css추가
*/
@media screen and (max-width:768px) {

    .post2019 .c_txt a{font-size:14px;}
    .post0501_1912 .point dl{display:table;width:100%;margin:0;}
    .post0501_1912 .point dl:first-child{margin-bottom:40px;}
    .post0501_1912 .point dt{display:table-cell;width:197px;padding:0 20px;}
    .post0501_1912 .point dd{display:table-cell;height:auto;width:auto;padding-left:30px;vertical-align:top;border-left:1px solid #e5e5e5;}

    .box01 li{ width:100%; clear:both !important; float:none;}
    h4{width:80%;}
    .w80{width:100%;}
    .w20{width:100%;}
    .w50{width:100%;}
}

#footer {clear:both; margin-top:30px; height:103px; background:#f3f3f3; border-top:2px solid #626262}
#footer #footin {width:910px; position:relative; height:92px; padding-top:13px; margin:0 auto; overflow:hidden}
#footer #footin ul {margin-left:-8px; background:url(../../images/common/layout/footer_menu_bg.gif) bottom repeat-x; height:24px; margin-bottom:11px}
#footer #footin ul li {float:left; display:inline; background:url(../../images/common/layout/footer_menu_bar.gif) no-repeat left top; margin-right:6px; padding-left:8px}
#footer #footin img {margin-top:0; vertical-align:top}
#footer #footin span.logo {vertical-align:bottom; padding:2px 6px 0 2px}
#footer #footin span.logo img {margin-right:5px}
#footer #footin address {display:inline}
#footer #footin p {padding:4px 0 0 204px}
#footer #footin span.siteinfo {position:absolute; bottom:8px; right:1px; letter-spacing:-1px}
#footer #footin span.siteinfo img {vertical-align:middle}

/*==============================================================================================*/
/*2019 09 add*/
/* 폰트설정 */
/* 폰트설정 */
@font-face{
    font-family:NG;src:url(../../font/NanumGothic.eot);src:local(※),url(../../font/NanumGothic.woff) format('woff')}
@font-face{
    font-family:NGB;src:url(../../font/NanumGothicBold.eot);src:local(※),url(../../font/NanumGothicBold.woff) format('woff')}
@font-face{
    font-family:NGEB;src:url(../../font/NanumGothicExtraBold.eot);src:local(※),url(../../font/NanumGothicExtraBold.woff) format('woff')}

.contL{float:left;width:50%;padding-right:25px;}
.contR{float:right;width:50%;padding-left:25px;}
.clear{clear:both;}
.taR{text-align:right !important;}
.taL{text-align:left !important;}
.taC{text-align:center !important;}
.mt0{margin-top:0 !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.c_0d2859{color:#0d2859 !important;}
.c_9e9e9e{color:#9e9e9e !important;}

.post2019 .c_txt{margin:35px 0 -6px;font:normal 16px/26px NG;letter-spacing:-0.03em;color:#404040;}
.post2019 .c_txt_20{margin-top:15px !important;}
.post2019 .c_txt_30{margin-top:25px !important;}
.post2019 .c_txt sup{color:#be2c2c;}
.post2019 .webzine h3{margin:44px 0 -6px;padding:0;font:bold 25px/36px NGB;letter-spacing:-0.03em;color:#0c3061;word-break:keep-all;word-wrap:break-word;}
.post2019 .webzine h3 span{display:inline;padding-left:21px;margin-left:20px;font-size:16px;color:#6f2626;vertical-align:middle;background:url('/cyberedu/images/webzine/bg_bar01.jpg') no-repeat 0 center;}
.post2019 .webzine h4{width:100%;margin:36px 0 -3px;padding:0;font:bold 20px/26px NGB;letter-spacing:-0.03em;color:#0c3061;border:none;}
.post2019 .webzine h4.arrow{margin-bottom:-14px;padding-left:23px;background:url('/cyberedu/images/webzine/icon_arrow02.jpg') no-repeat 0 4px;}
.post2019 .webzine h4.iconQ{margin-top:40px;margin-bottom:-10px;padding-left:33px;background:url('/cyberedu/images/webzine/icon_q.jpg') no-repeat 0 0px;}
.post2019 .webzine .h4_40{margin-top:37px;}
.post2019 .img{margin-top:40px;}
.post2019 .img img{display:block;max-width:100%;margin:0 auto;}
.post2019 .img_desc{margin-top:15px;padding-left:11px;font:normal 16px/26px NG;letter-spacing:-0.03em;color:#566d8c;word-break:keep-all;word-wrap:break-word;background:url('/cyberedu/images/webzine/icon_img_desc.jpg') no-repeat 0 11px;}
.post2019 .img_t{margin:40px 0;padding-bottom:20px;border-bottom:1px solid #e5e5e5;}
.post2019 .img_t img{display:block;}

.post2019 .tbType01{margin-top:40px;border-top:1px solid #000;}
.post2019 .tbType01 table{width:100%;border-right:1px solid #e5e5e5;}
.post2019 .tbType01 table caption{display:none;}
.post2019 .tbType01 th{height:41px;font:bold 18px/26px NGB;letter-spacing:-0.03em;color:#000;word-break:keep-all;word-wrap:break-word;text-align:center;border:1px solid #e5e5e5;border-width:0 0 1px 1px;background:#f7f7f7;}
.post2019 .tbType01 td{padding:15px 20px 14px;font:normal 16px/26px NG;letter-spacing:-0.03em;color:#404040;word-break:keep-all;word-wrap:break-word;border:1px solid #e5e5e5;border-width:0 0 1px 1px;}

.post2019 ul.listType01 li{padding-left:8px;font:normal 16px/26px NG;letter-spacing:-0.03em;color:#404040;text-align:left;word-break:keep-all;word-wrap:break-word;background:url('/cyberedu/images/webzine/icon_dot01.jpg') no-repeat 0 11px;}
.post2019 ul.listType01 li a{font:normal 16px/26px NG;letter-spacing:-0.03em;color:#2570d7;}
.post2019 ul li:before{display:none;}

.post2019 .btn_c{margin-top:20px;text-align:center;}
.post2019 .btn_c a.btnDown{display:inline-block;padding:0 30px;height:40px;font:normal 16px/40px NG;color:#fff;border-radius:19px;background:#224058;}
.post2019 .btn_c a.btnDown img.icon{margin:11px 0 0 10px;vertical-align:top;}

.post2019 a.btnGo{display:inline-block;height:32px;padding:0 20px;font:normal 16px/30px NG;letter-spacing:-0.03em;color:#404040;background:#fff;border:1px solid #e5e5e5;}
.post2019 a.btnGo img{margin:9px 0 0 10px;vertical-align:top;}

.post2019 .cover .c_txt{margin-top:45px;font-family:NGB;color:#000;}
.post2019 .cover .author{margin:60px 0 -6px;padding-top:15px;font:normal 16px/26px NG;letter-spacing:-0.03em;color:#9e9e9e;text-align:right;border-top:1px solid #e5e5e5;}
.post2019 .cover02{padding-bottom:50px;border-bottom:1px solid #e5e5e5;}
.post2019 .box01{margin-top:40px;padding:35px 40px 40px;font:normal 16px/26px NG;letter-spacing:-0.03em;color:#515e6b;background:#eff2f5;border-radius:8px;}
.post2019 .box01 .btn_l{margin-top:14px;}
.post2019 .box01  ul.listType01{margin-top:14px;margin-bottom:-5px;}
.post2019 .box01  ul.listType01 li{float:none;width:100%;margin-top:4px ;color:#515e6b;background-position:0 15px;}
.post2019 .box01  ul.listType01 li img{width:auto;max-width:100%;}
.post2019 .box02{margin-top:40px;padding:34px 40px 36px;font:normal 14px/24px NG;letter-spacing:-0.03em;color:#9e9e9e;background:#f6f6f6;border-radius:8px;}

.post2019 .link01{margin-top:50px;padding:51px 40px 0;background:url('/cyberedu/images/webzine/bg_arrow01.jpg') no-repeat 50% 0;}
.post2019 .link01 .inner{display:table;width:100%;table-layout:fixed;}
.post2019 .link01 .thumb{display:table-cell;width:140px;vertical-align:middle;}
.post2019 .link01 dl{display:table-cell;width:auto;padding-left:40px;vertical-align:middle;}
.post2019 .link01 dt{margin-bottom:15px;font:bold 16px/26px NGB;letter-spacing:-0.03em;color:#154a7e;}
.post2019 .link01 dt span{padding-left:10px;vertical-align:middle;}
.post2019 .link01 dd{margin-top:9px;padding-left:8px;font:normal 16px/26px NG;letter-spacing:-0.03em;color:#404040;background:url('/cyberedu/images/webzine/icon_dot01.jpg') no-repeat 0 11px;}
.post2019 .link01 dd a{font:normal 16px/26px NG;color:#2570d7;}
.post2019 .link01 dd span{padding-left:10px;vertical-align:middle;}
.post2019 .link01 dd a.btnGo{line-height:30px;color:#404040;}


.post2019 .w288 .contL{width:25.27%;padding:0;text-align:center;}
.post2019 .w288 .contR{width:74.73%;padding:0;}
.post2019 .w335 .contL{width:32.22%;}
.post2019 .w335 .contR{width:67.78%;}
.post2019 .w365 .contL{width:32.02%;padding-right:20px;}
.post2019 .w365 .contR{width:67.98%;padding-left:20px;}
.post2019 .w590 .contL{width:51.75%;padding-right:20px;}
.post2019 .w590 .contR{width:48.25%;padding-left:20px;}
.post2019 .w590_r .contL{width:48.25%;padding-right:20px;}
.post2019 .w590_r .contR{width:51.75%;padding-left:20px;}



.post2019 .tipBox{margin:0;margin-top:50px;}
.post2019 .tipBox>dt{text-align:center;}
.post2019 .tipBox>dt strong{display:inline-block;padding:12px 30px;font:bold 22px/26px NGB;letter-spacing:-0.03em;color:#000;background:#f0f4f6;border-radius:8px 8px 0 0;}
.post2019 .tipBox>dd{padding:10px 40px;background:#f0f4f6;}
.post2019 .tipBox>dd li{padding:30px 0;border-top:1px solid #d8dbdd;text-align:left;}
.post2019 .tipBox>dd li:first-child{border-top:none;}
.post2019 .tipBox>dd li .inner{display:table;width:100%;table-layout:fixed;}
.post2019 .tipBox>dd li .inner .thumb{display:table-cell;width:146px;vertical-align:middle;}
.post2019 .tipBox>dd li .inner dl{display:table-cell;width:auto;margin:0;padding-left:40px;word-break:keep-all;word-wrap:break-word;vertical-align:middle;}
.post2019 .tipBox>dd li .inner dt strong{font:bold 18px/26px NGB;letter-spacing:-0.03em;color:#17495b;}
.post2019 .tipBox>dd li .inner dd{margin-top:9px;font:normal 16px/26px NG;letter-spacing:-0.03em;color:#455e67;}

.post2019 .tip h3{font-size:22px;color:#000;}
.post2019 .tip h3 img{margin-right:10px;vertical-align:middle;}
.post2019 .tip .inner{margin-top:18px;padding:40px 40px 35px;border:1px solid #e5e5e5;border-top:1px solid #000;}
.post2019 .tip .inner .c_txt{margin-top:-5px;}
.post2019 .tip .inner dl{padding-top:5px;margin-bottom:0;}
.post2019 .tip .inner dt span{display:inline-block;width:134px;height:30px;margin:24px 0 15px;font:normal 16px/30px NG;letter-spacing:-0.03em;color:#fff;text-align:center;background:#394a63;border-radius:3px;}
.post2019 .vodInterview{margin-bottom:-30px;}
.post2019 .vodInterview dt{margin-top:-5px;padding-left:10px;font:bold 16px/26px NGB;color:#000;letter-spacing:-0.03em;word-break:keep-all;word-wrap:break-word;background:url('/cyberedu/images/webzine/icon_arrow03.png') no-repeat 0 10px;}
.post2019 .vodInterview dd{margin:9px 0 24px;font:normal 16px/26px NG;color:#000;letter-spacing:-0.03em;}


.post2019 .post0202 .contL iframe{width:100%;max-width:550px;height:321px;margin:0 auto;}
.post2019 .tipList01{overflow:hidden;padding-top:20px;}
.post2019 .tipList01 li{float:left;width:50%;padding-left:10px;margin-top:20px;}
.post2019 .tipList01 li:nth-child(2n+1){padding-left:0;padding-right:10px;}
.post2019 .tipList01 li dl{height:184px;margin:0;padding:35px 40px 10px;background:#f2f9e6;border-radius:8px;}
.post2019 .tipList01 li dt{padding-left:11px;font:bold 16px/26px NGB;color:#000;letter-spacing:-0.03em;background:url('/cyberedu/images/webzine/icon_arrow03.png') no-repeat 0 11px;}
.post2019 .tipList01 li dd{margin:9px 0 24px;font:normal 16px/26px NG;color:#6d7462;letter-spacing:-0.03em;}

.post2019 .post0401 .cover03 h2{margin:10px 0 0;height:35px;font-size:0;text-indent:-9999px;background:url('/cyberedu/images/webzine/sub0401_img00.jpg') no-repeat 50% 0;}
.post2019 .post0401 .cover03 h3{margin:23px 0 0;font:bold 30px/40px NGB;color:#000;text-align:center;}
.post2019 .post0401 .cover03 p{margin:9px 0 44px;font:normal 16px/26px NG;color:#404040;text-align:center;}



.post0501_1909 .tb .inner{display:table;width:100%;table-layout:fixed;margin-top:40px;}
.post0501_1909 .tb .img{display:table-cell;width:240px;vertical-align:middle;}
.post0501_1909 .tb dl{display:table-cell;width:auto;padding-left:40px;vertical-align:middle;}
.post0501_1909 .tb dt{margin-bottom:10px;font:bold 18px/28px NGB;color:#404040;letter-spacing:-0.03em;}
.post0501_1909 .tb dd{padding-left:17px;font:normal 16px/26px NG;color:#404040;letter-spacing:-0.03em;background:url('/cyberedu/images/webzine/icon_check01.jpg') no-repeat 0 7px;}
.post0501_1909 .point{margin-top:40px;}
.post0501_1909 .point>ul>li{padding:40px 0 0;background:url('/cyberedu/images/webzine/sub0501_arrow.jpg') no-repeat 183px 10px;}
.post0501_1909 .point>ul>li:first-child{padding-top:0;background:none;}
.post0501_1909 .point .inner{padding:40px 0;border:3px solid #e5e5e5;}
.post0501_1909 .point dl{display:table;width:100%;table-layout:fixed;}
.post0501_1909 .point dt{display:table-cell;width:401px;border-right:1px solid #e5e5e5;vertical-align:middle;}
.post0501_1909 .point dt img{display:block;margin:0 auto;}
.post0501_1909 .point dd{display:table-cell;width:auto;padding:0 50px;vertical-align:middle;}
.post0501_1909 .point dd p{margin:0;padding:0;padding-left:10px;font:normal 16px/26px NG;color:#404040;}

.post0502_1909 .tb .inner{display:table;width:100%;table-layout:fixed;margin-top:40px;}
.post0502_1909 .tb .img{display:table-cell;width:146px;vertical-align:middle;}
.post0502_1909 .tb dl{display:table-cell;width:auto;padding-left:40px;vertical-align:middle;}
.post0502_1909 .tb dt h4{margin-top:0;}
.post0502_1909 .tb dt em{display:inline-block;vertical-align:middle;margin-left:20px;padding-left:16px;font:normal 16px/26px NG;color:#0287a7;background:url('/cyberedu/images/webzine/sub0502_icon_stay.jpg') no-repeat 0 50%;}
.post0502_1909 .tb dt em.up{background:url('/cyberedu/images/webzine/sub0502_icon_up.jpg') no-repeat 0 50%;}
.post0502_1909 .tb dt em.down{color:#e1674b;background:url('/cyberedu/images/webzine/sub0502_icon_down.jpg') no-repeat 0 10px;}
.post0502_1909 .tb dd{margin-top:25px;}

.post2019 .post0401 .webzine{position:relative;margin:0;z-index:10;}
.post2019 .post0401 .carousel-indicators{display:none;}
.post2019 .post0401 .carousel-control .glyphicon-chevron-left,
.post2019 .post0401 .carousel-control .glyphicon-chevron-right,
.post2019 .post0401 .carousel-control .icon-next,
.post2019 .post0401 .carousel-control .icon-prev{width:35px;height:68px;margin-top:-34px;}
.post2019 .post0401 .carousel-control .glyphicon-chevron-left{left:0;margin-left:0;width:35px;height:68px;background:url('/cyberedu/images/webzine/sub0401_prev2.png') no-repeat 0 50%;}
.post2019 .post0401 .carousel-control .glyphicon-chevron-right{right:0;margin-right:0;width:35px;height:68px;background:url('/cyberedu/images/webzine/sub0401_next2.png') no-repeat 0 50%;}

.post2019 .post0401 .glyphicon-chevron-right:before{content:"";}
.post2019 .post0401 .glyphicon-chevron-left:before{content:"";}

.post2019 .webzine h4.iconQ{letter-spacing:-0.05em;}
.post2019 .c_txt a{font-size:16px;}
.post2019 .vodInterview dd{padding-left:10px;}
.post0201_1912 h4 img{vertical-align:top;}
.post0201_1912 h4 span.btn{margin-top:25px;margin-left:10px;vertical-align:top;}
.post0201_1912 .listType01{margin-top:40px;padding:24px 30px 25px;background:#eef8fb;border-radius:8px;}
.post0201_1912 .listType01 strong{display:inline;font-weight:bold;font-size:inherit;color:inherit;}
.post0501_1912 .notions dt{margin-top:45px;border-top:1px solid #e5e5e5;}
.post0501_1912 .notions dt span{display:inline-block;margin-top:-10px;padding-right:10px;font-weight:bold;color:#000;font-size:16px;background:#fff;}
.post0501_1912 .notions dd .listType01 li{color:#9e9e9e;}
.post0501_1912 .point .inner{display:table;width:100%;table-layout:fixed;}
.post0501_1912 .point dl{display:table-cell;width:50%;vertical-align:top;}
.post0501_1912 .point dt{width:237px;padding:0 40px;vertical-align:top;}
.post0501_1912 .point dt a{color:#2570d7;}
.post0501_1912 .point dd{width:auto;height:340px;padding:0 30px 0 40px;vertical-align:top;}
.post0501_1912 .point dd .listType01 li{letter-spacing:-0.05em;}
.post0102_1912 .w785 .contL{width:70.61%;padding-right:20px;}
.post0102_1912 .w785 .contR{width:29.39%;padding-left:20px;}
.post0301_1912 .contL{padding-right:20px;}
.post0301_1912 .contR{padding-left:20px;}

@media screen and (max-width:768px) {
    .contL{float:none;width:100% !important;padding:0 !important;}
    .contR{float:none;width:100% !important;padding:0 !important;}

    .post2019 .c_txt{margin-top:21px;font-size:14px;}
    .post2019 .c_txt_20{margin-top:2px;}
    .post2019 .tbType01 th, .post0501_1909 .tb dt, .post2019 .tipList01 li dt{font-size:16px;}
    .post2019 .tbType01 td, .post2019 ul.listType01 li, .post2019 .btn_c a.btnDown, .post2019 .cover .author, .post2019 .img_desc, .post0501_1909 .tb dd, .post2019 .tipList01 li dd, .post0501_1909 .point dd p,
    .post2019 .link01 dt, .post2019 .link01 dd, .post2019 .link01 dd a{font-size:14px;}


    .post2019 .tbType01{overflow-x:auto;}
    .post2019 .tbType01 td{padding:15px 10px 14px;}

    .post2019 .webzine h3{font-size:20px;}
    .post2019 .webzine h3 span{padding-left:11px;margin-left:10px;font-size:14px;vertical-align:middle;}
    .post2019 .webzine h4{font-size:18px;}

    .post2019 .tipBox>dt strong{padding:12px 20px;font-size:19px;}
    .post2019 .tipBox>dd{padding:10px 30px;}
    .post2019 .tipBox>dd li{padding:20px 0;}
    .post2019 .tipBox>dd li .inner .thumb{width:80px;}
    .post2019 .tipBox>dd li .inner dl{padding-left:30px;}
    .post2019 .tipBox>dd li .inner dt strong{font-size:16px;}
    .post2019 .tipBox>dd li .inner dd{margin-top:7px;font-size:14px;}

    .post2019 .tip h3{font-size:19px;}
    .post2019 .tip .inner{margin-top:18px;padding:30px 30px 35px;}
    .post2019 .tip .inner dt span{font-size:14px;}
    .post2019 .tipList01 li{float:none;width:100%;padding:0 !important;}
    .post2019 .tipList01 li dl{height:auto;}

    .post2019 .vodInterview{margin-top:30px;}
    .post2019 .post0401 .cover03 h3{font-size:24px;}
    .post2019 .post0401 .cover03 p{font-size:14px;}


    .post0501_1909 .tb .img{display:block;width:100%;margin-top:0;text-align:center;}
    .post0501_1909 .tb dl{display:block;padding:0;margin-top:36px;}
    .post0501_1909 .point>ul>li{background-position:50% 10px;}
    .post0501_1909 .point .inner{padding:30px 0 10px;}
    .post0501_1909 .point dt{display:block;width:100%;border:none;}
    .post0501_1909 .point dd{display:block;margin-top:30px;padding:0 30px;}
    .post0501_1909 .point dd span{padding-left:0;}

    .post0502_1909 .tb .img{display:block;width:100%;margin-top:0;text-align:center;}
    .post0502_1909 .tb dl{display:block;padding:0;margin-top:36px;}
    .post0502_1909 .tb dt em{font-size:14px;}


    .post2019 .link01{padding:31px 20px 0;}
    .post2019 .link01 .thumb{width:100px;}
    .post2019 .link01 .thumb img{max-width:100%;}
    .post2019 .link01 dl{padding-left:20px;}


}

/* 2020 03 16 추가 작업분 */
/* reset */
.page-cover {margin-bottom: 40px;}
.page-cover img {width: 100%;}

.page-content div, .page-content p, .page-content a, .page-content span, .page-content ul, .page-content li, .page-content dt, .page-content dd {font-size: 16px; line-height: 1.6; letter-spacing: -.05em; color: #444;}
.page-content p {margin: 0;}
.page-content a {text-decoration: none; color: #337ab7;}
.page-content a:focus, .page-content a:hover {text-decoration: underline;}
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6,
.page-content .h1, .page-content .h2, .page-content .h3, .page-content .h4, .page-content .h5, .page-content .h6 {margin: 0; line-height: inherit;}
.page-content img {vertical-align: middle;}

/* height */
.page-content .mh292 {min-height: 292px;}

/* white space */
.page-content .mt0 {margin-top: 0 !important;}
.page-content .mt5 {margin-top: 5px !important;}
.page-content .mt10 {margin-top: 10px !important;}
.page-content .mt15 {margin-top: 15px !important;}
.page-content .mt20 {margin-top: 20px !important;}
.page-content .mt30 {margin-top: 30px !important;}
.page-content .mt40 {margin-top: 40px !important;}
.page-content .mt50 {margin-top: 50px !important;}
.page-content .mt60 {margin-top: 60px !important;}
.page-content .mt70 {margin-top: 70px !important;}
.page-content .mt80 {margin-top: 80px !important;}
.page-content .mt90 {margin-top: 90px !important;}
.page-content .mt100 {margin-top: 100px !important;}

.page-content .mb0 {margin-bottom: 0 !important;}
.page-content .mb5 {margin-bottom: 5px !important;}
.page-content .mb10 {margin-bottom: 10px !important;}
.page-content .mb15 {margin-bottom: 15px !important;}
.page-content .mb20 {margin-bottom: 20px !important;}
.page-content .mb30 {margin-bottom: 30px !important;}
.page-content .mb40 {margin-bottom: 40px !important;}
.page-content .mb50 {margin-bottom: 50px !important;}
.page-content .mb60 {margin-bottom: 60px !important;}
.page-content .mb70 {margin-bottom: 70px !important;}
.page-content .mb80 {margin-bottom: 80px !important;}
.page-content .mb90 {margin-bottom: 90px !important;}
.page-content .mb100 {margin-bottom: 100px !important;}

.page-content .mr10 {margin-right: 10px !important;}
.page-content .mr25 {margin-right: 25px !important;}

/* font size */
.page-content .fs12 {font-size: 12px !important;}
.page-content .fs14 {font-size: 14px !important;}
.page-content .fs15 {font-size: 15px !important;}
.page-content .fs17 {font-size: 17px !important;}
.page-content .fs18 {font-size: 18px !important;}
.page-content .fs20 {font-size: 20px !important;}
.page-content .fs22 {font-size: 22px !important;}

/* font weight */
.page-content .fw.bold {font-weight: bold !important;}

/* font color */
.page-content .fc.red {color: #f03e3e !important;}
.page-content .fc.violet {color: #7048e8 !important;}
.page-content .fc.lime {color: #66a80f !important;}
.page-content .fc.gray {color: #666 !important;}
.page-content .fc.black {color: #222 !important;}
.page-content .fc.indigo {color: #364fc7 !important;}
.page-content .fc.d-indigo {color: #2553b9 !important;}

/* text align */
.page-content .text-left {text-align: left !important;}
.page-content .text-right {text-align: right !important;}
.page-content .text-center {text-align: center !important;}

.page-content .ul {z-index: 0; display: inline-block; position: relative; padding: 0 3px; font-size: inherit; font-weight: bold; color: #222;}
.page-content .ul:after {z-index: -1; content: ''; display: block; position: absolute; left: 0; bottom: 2px; width: 100%; height: 12px;}
.page-content .ul.violet:after {background-color: #ede7fd;}
.page-content .ul.d-indigo:after {background-color: #e7edfc;}

.page-content {margin-bottom: 100px; font: normal 16px/1.6 '맑은 고딕'; letter-spacing: -.05em; color: #222;}

.page-content .cont-tit {position: relative; margin-bottom: 20px; padding-left: 10px; font: bold 18px/1.6 '맑은 고딕'; letter-spacing: -.05em; color: #222;}
.page-content .cont-tit.tip {padding-left: 52px;}

.page-content .cont-tit:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 6px; height: 6px;}
.page-content .cont-tit.red:before {background-color: #fa5252;}
.page-content .cont-tit.pink:before {background-color: #e64980;}
.page-content .cont-tit.violet:before {background-color: #7950f2;}
.page-content .cont-tit.indigo:before {background-color: #4c6ef5;}
.page-content .cont-tit.blue:before {background-color: #228be6;}
.page-content .cont-tit.cyan:before {background-color: #22b8cf;}
.page-content .cont-tit.teal:before {background-color: #20c997;}
.page-content .cont-tit.green:before {background-color: #40c057;}
.page-content .cont-tit.lime:before {background-color: #82c91e;}
.page-content .cont-tit.orange:before {background-color: #fd7e14;}
.page-content .cont-tit.apricot:before {background-color: #f66f4e;}
.page-content .cont-tit.l-blue:before {background-color: #5ba8ec;}
.page-content .cont-tit.d-indigo:before {background-color: #4973d2;}
.page-content .cont-tit.yellow:before {background-color: #f5b302;}
.page-content .cont-tit.b-gay:before {background-color: #838c93;}

.page-content .cont-tit.d-violet:before {background-color: #7e33b6;}
.page-content .cont-tit.d-violet strong {display: inline-block; font-size: inherit; font-weight: bold; color: #7030a0;}
.page-content .cont-tit.d-blue:before {background-color: #228be6;}
.page-content .cont-tit.d-blue strong {display: inline-block; font-size: inherit; font-weight: bold; color: #1272cb;}
.page-content .cont-tit.d-lime:before {background-color: #74b816;}
.page-content .cont-tit.d-lime strong {display: inline-block; font-size: inherit; font-weight: bold; color: #60a308;}

.page-content .cont-tit.pink .color {font-size: inherit; font-weight: bold; color: #c2255c;}
.page-content .cont-tit.indigo .color {font-size: inherit; font-weight: bold; color: #364fc7;}
.page-content .cont-tit.blue .color {font-size: inherit; font-weight: bold; color: #1971c2;}

.page-content .cont-tit.tip:before {width: 43px; height: 31px; background: url(/cyberedu/images/webzine/icon_tip.png) no-repeat center;}

.page-content .cont-tit .round-hlt {padding: 0 8px; border-radius: 50em; background-color: #fff3bf; font-size: inherit; font-weight: inherit; color: inherit;}

.page-content .cont-stit {width: 100%; margin-bottom: 15px; padding: 0; border: 0; font: bold 16px/2 '맑은 고딕'; letter-spacing: -.05em; color: #222;}
.page-content .cont-stit .number {display: inline-block; width: 35px; height: 35px; margin-right: 10px; padding: 4px; font: bold 16px/1.6 '맑은 고딕'; letter-spacing: 0; text-align: center; color: #fff;}
.page-content .cont-stit .number.one {background-color: #4d65c4;}
.page-content .cont-stit .number.two {background-color: #7657bb;}
.page-content .cont-stit .number.three {background-color: #d05589;}
.page-content .cont-stit .number.four {background-color: #d85c5c;}
.page-content .cont-stit .number.five {background-color: #80b654;}
.page-content .cont-stit .number.six {background-color: #2181bd;}
.page-content .cont-stit .number.red {background-color: #f03e3e;}
.page-content .cont-stit .number.blue {background-color: #1c7ed6;}
.page-content .cont-stit .number.apricot {background-color: #f14e24;}

.page-content .cont-subtit {font: bold 18px/1.6 '맑은 고딕'; letter-spacing: -.05em; color: #222;}
.page-content .cont-subtit .underline {z-index: 0; display: inline-block; position: relative; padding: 0 3px; font-size: inherit; font-weight: bold; color: #222;}
.page-content .cont-subtit .underline:after {z-index: -1; content: ''; display: block; position: absolute; left: 0; bottom: 2px; width: 100%; height: 12px;}
.page-content .cont-subtit .underline.red:after {background-color: #ffe9e9;}
.page-content .cont-subtit .underline.pink:after {background-color: #ffdeeb;}
.page-content .cont-subtit .underline.blue:after {background-color: #def1ff;}
.page-content .cont-subtit .underline.cyan:after {background-color: #d1f8fb;}
.page-content .cont-subtit .underline.green:after {background-color: #dcfae0;}
.page-content .cont-subtit .underline.lime:after {background-color: #e6f2d5;}
.page-content .cont-subtit .underline.orange:after {background-color: #ffedd6;}

.page-content .cont-subtit .circle {z-index: 0; display: inline-block; position: relative; padding-left: 15px; font: bold 18px/1.6 '맑은 고딕'; color: #222;}
.page-content .cont-subtit .circle:before {z-index: -1; content: ''; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 50%;}
.page-content .cont-subtit .circle.violet:before {background-color: #f3f0ff;}
.page-content .cont-subtit .circle.blue:before {background-color: #d9efff;}
.page-content .cont-subtit .circle.green:before {background-color: #d3f9d8;}
.page-content .cont-subtit .circle.yellow:before {background-color: #fff3bf;}
.page-content .cont-subtit .circle.d-indigo:before {background-color: #e7edfc;}

.page-content .cont-subtit .center {display: inline-block; position: relative; padding: 0 16px; font-size: 18px; font-weight: bold; color: #222;}
.page-content .cont-subtit .center:before, .page-content .cont-subtit .center:after {content: ''; display: block; position: absolute; top: 8px; width: 4px; height: 16px;}
.page-content .cont-subtit .center:before {left: 0;}
.page-content .cont-subtit .center:after {right: 0;}
.page-content .cont-subtit .center.cyan:before, .page-content .cont-subtit .center.cyan:after {background-color: #a3d9d0;}

.page-content .cont-txt {font: normal 14px/1.6 '맑은 고딕'; letter-spacing: -.05em; text-align: justify; color: #444;}
.page-content .cont-txt.line {padding-top: 60px; background: url(/cyberedu/images/webzine/line.png) no-repeat top;}
.page-content .cont-txt > sup {font-weight: bold;}
.page-content .cont-txt > sup.red {color: #f03e3e;}
.page-content .cont-txt > sup.indigo {color: #4263eb;}
.page-content .cont-txt > sup.apricot {color: #f35f39;}
.page-content .cont-sup-box {padding: 20px; background-color: #f4f4f4;}
.page-content .cont-sup-box p {font: normal 12px/1.6 '맑은 고딕'; letter-spacing: -.05em; color: #666;}
.page-content .cont-sup-box sup {font-weight: bold;}
.page-content .cont-sup-box sup.red {color: #f03e3e;}

.page-content .cont-img {display: block; max-width: 100%; margin: 0 auto;}
.page-content .cont-img.shadow {box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .12);}

.page-content .cont-img-box {position: relative; margin-bottom: 40px; padding: 20px 20px 40px;}
.page-content .cont-img-box:before {z-index: -1; content: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 720px;}
.page-content .cont-img-box.cyan {background-color: #ecf8f9;}
.page-content .cont-img-box.cyan:before {background-color: #ecf8f9;}
.page-content .cont-img-box.lime {background-color: #f5fbe8;}
.page-content .cont-img-box.lime:before {background-color: #f5fbe8;}

.page-content .cont-link {position: relative; padding: 20px 20px 40px; background-color: #f4f4f4;}
.page-content .cont-link:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 280px; background-color: #f4f4f4;}
.page-content .cont-link .link-btn {position: relative; margin-bottom: 20px; padding: 5px 10px; background-color: #222; font-size: 13px; color: #fff;}
.page-content .cont-link .link-btn:after {content: ''; display: none; position: absolute; top: 50%; right: -30px; width: 50px; height: 11px; margin-top: -10px; background: url(/cyberedu/images/webzine/link_arrow.png);}

.page-content .cont-qna .question-box {position: relative; padding: 20px; background-color: #444c66; color: #fff;}
.page-content .cont-qna .question-box:before {content: ''; display: block; position: absolute; bottom: -11px; right: -11px; width: 22px; height: 22px; border: 11px solid transparent; border-left-color: #444c66; transform: rotate(-45deg);}
.page-content .cont-qna .question-box dl {margin: 0;}
.page-content .cont-qna .question-box dl dt {display: none; width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; background-color: #fff; font: bold 22px/1.6 '맑은 고딕'; text-align: center; vertical-align: middle; color: #394057;}
.page-content .cont-qna .question-box dl dd {display: inline-block; font: bold 14px/1.6 '맑은 고딕'; vertical-align: middle; color: #fff;}
.page-content .cont-qna .answer-box {padding: 20px; background: #f4f4f4 url(/cyberedu/images/webzine/bg_qna.jpg) repeat;}
.page-content .cont-qna .answer-box .answer {position: relative; padding-left: 0; padding-right: 0;}
.page-content .cont-qna .answer-box .answer:before {content: none; display: block; position: absolute; top: 0; left: 0; width: 40px; height: 40px; padding: 1px; border-radius: 50%; font: bold 22px/1.6 '맑은 고딕'; text-align: center; color: #fff;}
.page-content .cont-qna .answer-box .answer.red:before {background-color: #ff5147;}
.page-content .cont-qna .answer-box .answer.pink:before {background-color: #f6518a;}
.page-content .cont-qna .answer-box .answer.indigo:before {background-color: #5c7cfa;}
.page-content .cont-qna .answer-box .answer.cyan:before {background-color: #22b8cf;}
.page-content .cont-qna .answer-box .answer.teal:before {background-color: #12b886;}
.page-content .cont-qna .answer-box .answer.orange:before {background-color: #fd7e14;}
.page-content .cont-qna .answer-box .answer.l-blue:before {background-color: #3b98ea;}
.page-content .cont-qna .answer-box .company-info {margin-top: 10px;}
.page-content .cont-qna .answer-box .company-info strong {display: block; margin-bottom: 5px; font: bold 13px/1.6 '맑은 고딕'}
.page-content .cont-qna .answer-box .company-info p {font: normal 12px/1.6 '맑은 고딕'}

.page-content .cont-hrd {padding: 20px; border: 10px solid #f4f4f4;}
.page-content .cont-hrd .step {display: block; position: relative; margin-top: 30px; margin-bottom: 10px; padding-left: 16px; font-size: 18px; font-weight: bold;}
.page-content .cont-hrd .step:before {z-index: -1; content: ''; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 50%; background-color: #e6f2d5;}
.page-content .cont-hrd p {padding-left: 0; color: #444;}

.page-content .cont-info {padding: 20px; background-color: #f4f4f4;}

.page-content .cont-video-info {padding: 20px; border: 10px solid #f4f4f4;}
.page-content .cont-video-info .cont-tit {font-size: 18px;}
.page-content .cont-video-info p {margin-top: 8px;}

.page-content .cont-job-info {padding: 15px 20px; background-color: #f4f4f4; font-size: 14px;}

.page-content .cont-report {padding: 20px; background-color: #f8f8f8;}
.page-content .cont-report .report-box {display: block;}
.page-content .cont-report .report-box .report-img {width: 100%; text-align: center;}
.page-content .cont-report .report-box .cont-txt {width: 100%; padding-top: 20px; padding-left: 0;}
.page-content .cont-report .kjob-title {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; font-size: 18px; font-weight: bold; text-align: center;}
.page-content .cont-report .kjob-table {margin-top: 15px;}
.page-content .cont-report .kjob-table thead th {padding: 8px 0; border-top-left-radius: 15px; border-top-right-radius: 15px; background-color: #e4e4e4; text-align: center; color: #444;}
.page-content .cont-report .kjob-table thead th:nth-child(even) {border-left: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8;}
.page-content .cont-report .kjob-table tbody td {padding: 6px 0; border-bottom: 1px solid #ddd; text-align: center;}
.page-content .cont-report .kjob-table tbody td:nth-child(odd) {background-color: #fff;}
.page-content .cont-report .kjob-table tbody tr:nth-child(3) td {border-bottom: 3px double #ddd;}

.page-content .cont-page {position: relative; margin-top: 20px; padding: 20px; background-color: #f4f4f4;}
.page-content .cont-page:before {z-index: -1; content: none; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 230px; background-color: #f4f4f4;}
.page-content .cont-page .page-img > img {box-shadow: 0 20px 40px rgba(0, 0, 0, .08);}
.page-content .cont-page .page-cont {margin-top: 20px;}
.page-content .cont-page .page-cont .tit {font-size: 18px; font-weight: bold; text-align: center; color: #444;}
.page-content .cont-page .page-cont .txt {margin-top: 10px; font-size: 14px;}

.page-content .cont-interview {font: bold 14px/1.7 'NanumMyeongjo'; letter-spacing: .02em; text-align: justify; color: #009b6b;}
.page-content .cont-interview.green {color: #2a933f;}
.page-content .cont-interview.lime {color: #4a790b;}

.page-content .cont-card {padding: 15px;}
.page-content .cont-card.blue {background-color: #e9f4fb;}
.page-content .cont-card.teal {background-color: #ebf7f3;}
.page-content .cont-card.lime {background-color: #f3f8e8;}
.page-content .cont-card.orange {background-color: #f9f3eb;}
.page-content .cont-card .card-tit {position: relative; margin-bottom: 20px; padding-left: 13px; font-size: 18px;}
.page-content .cont-card .card-tit:before {content: ''; display: block; position: absolute; top: 8px; left: 0; width: 5px; height: 14px;}
.page-content .cont-card.blue .card-tit:before {background-color: #228be6;}
.page-content .cont-card.lime .card-tit:before {background-color: #82c91e;}
.page-content .cont-card.teal .card-tit:before {background-color: #12b886;}
.page-content .cont-card.orange .card-tit:before {background-color: #fd7e14;}

.page-content .cont-center {padding: 20px; background-color: #fbf3f6;}
.page-content .cont-center.gray {background-color: #f4f4f4;}
.page-content .cont-center .center-top {border-bottom: 1px solid #e4e4e4;}
.page-content .cont-center.gray .center-top {border-bottom: 0;}
.page-content .cont-center .center-top .center-tit {font-size: 18px;}
.page-content .cont-center .center-top .go-link {margin-top: 20px; padding: 6px 13px; border: 1px solid #333; font-size: 14px; color: #222;}
.page-content .clearfix:before, .page-content .clearfix:before, .page-content .clearfix:after, .page-content .clearfix:after {content: ''; display: table;}
.page-content .clearfix:after, .page-content .clearfix:after {clear: both;}
.page-content .cont-center .center-top .left {float: left;}
.page-content .cont-center .center-top .right {float: left; padding-left: 28px;}
.page-content .cont-center .center-top .right .subtit {font-size: 16px; font-weight: bold; color: #222;}
.page-content .cont-center .center-top .right .tit {font-weight: bold; letter-spacing: 0; color: #222;}
.page-content .cont-center .center-top .right .tit.call {margin-bottom: 5px; font-size: 18px;}
.page-content .cont-center .center-top .right .tit.time {margin-top: 5px; margin-bottom: 10px; font-size: 18px; line-height: 1.2;}
.page-content .cont-center .center-top .right .txt {font-size: 14px; color: #222;}
.page-content .cont-center .center-bottom {padding-top: 25px;}

.page-content .cont-dia .dia-box {padding: 30px;}
.page-content .cont-dia .dia-box:nth-child(odd) {background-color: #f8f8f8;}
.page-content .cont-dia .dia-box:nth-child(even) {border: 1px solid #e4e4e4;}
.page-content .cont-dia .dia-box ~ .dia-box {margin-top: 20px;}
.page-content .cont-dia .dia-box .dia-tit {font-size: 18px; font-weight: bold;}
.page-content .cont-dia .dia-box .dia-tit .dia {display: inline-block; position: relative; width: 33px; height: 33px; padding-left: 11px; margin-right: 8px; font-size: 18px; font-weight: bold;}
.page-content .cont-dia .dia-box .dia-tit .dia:before {content: ''; display: block; position: absolute; top: 4px; left: 4px; width: 20px; height: 20px; border: 2px solid #c4c4c4; border-radius: 6px; box-sizing: content-box; transform: rotate(45deg);}
.page-content .cont-dia.pink .dia-box .dia-tit .dia {color: #d6336c;}
.page-content .cont-dia.indigo .dia-box .dia-tit .dia {color: #4263eb;}

.page-content .cont-guide {padding: 16px 20px; border: 1px solid #e4e4e4; background-color: #f8f8f8;}
.page-content .cont-guide.blue .color {text-decoration: underline; color: #228be6;}
.page-content .cont-guide.green .color {text-decoration: underline; color: #0ab128;}

.page-content .cont-ai-guide {border: 10px solid #f4f4f4; padding: 20px;}
.page-content .cont-ai-guide .title {margin-top: 20px; margin-bottom: 15px; font-size: 18px; font-weight: bold; text-align: center;}

.page-content .cont-talk {position: relative; margin-top: 10px; margin-left: 10px; padding: 30px 40px;}
.page-content .cont-talk:before {content: ''; display: block; position: absolute; top: -23px; width: 46px; height: 46px; border: 23px solid transparent; transform: rotate(-45deg);}
.page-content .cont-talk.left:before {left: -23px;}
.page-content .cont-talk.right:before {right: -23px;}
.page-content .cont-talk.violet {background-color: #f1f3fb;}
.page-content .cont-talk.violet:before {border-left-color: #f1f3fb;}
.page-content .cont-talk.green {background-color: #ebf8ee;}
.page-content .cont-talk.green:before {border-bottom-color: #ebf8ee;}
.page-content .cont-talk.yellow {background-color: #fef9e4;}
.page-content .cont-talk.yellow:before {border-left-color: #fef9e4;}
.page-content .cont-talk .nnbp {font: bold 20px/1.6 'NanumBarunpen'; letter-spacing: 0;}

.page-content .cont-number-list li ~ li {margin-top: 10px;}
.page-content .cont-number-list .number {margin-right: 10px; font-weight: bold;}
.page-content .cont-number-list .number.violet {color: #5f3dc4;}

.page-content .cont-seven-list .number-box {position: relative; padding: 25px 20px; font-size: 18px; font-weight: bold; color: #333;}
.page-content .cont-seven-list .number-box.one {background-color: #d1efe5;}
.page-content .cont-seven-list .number-box.two {background-color: #d1eeef;}
.page-content .cont-seven-list .number-box.three {background-color: #d1e6ef;}
.page-content .cont-seven-list .number-box.four {background-color: #d1deef;}
.page-content .cont-seven-list .number-box.five {background-color: #ced0e9;}
.page-content .cont-seven-list .number-box.six {background-color: #ddd6e9;}
.page-content .cont-seven-list .number-box.seven {background-color: #e9d6e8;}
.page-content .cont-seven-list .number-box > span {display: inline-block; position: absolute; right: 15px; bottom: -27px; font-size: 72px; font-weight: bold; color: #fff;}
.page-content .cont-seven-list .list-box {display: flex; position: relative; flex-flow: column; justify-content: center; height: auto;}
.page-content .cont-seven-list .list-box:before {content: none; display: block; position: absolute; top: -29px; left: -10px; font-size: 80px; color: #ddd;}
.page-content .cont-seven-list .list-box li ~ li {margin-top: 5px;}

.page-content .cont-star-box {padding: 15px; border: 1px solid #ddd;}
.page-content .cont-star-box .star-tit {padding-left: 25px; background: url(/cyberedu/images/webzine/icon_star.png) no-repeat top 8px left; font-size: 18px; font-weight: bold;}

.page-content .cont-more-box .more-tit {padding: 8px 15px; background-color: #445061; font-size: 18px; font-weight: bold; color: #fff;}
.page-content .cont-more-box .more-box {padding: 30px; border: 1px solid #445061; background: url(/cyberedu/images/webzine/bg_slash.png) repeat;}
.page-content .cont-more-box .more-box .more-list li {padding-left: 30px; background: url(/cyberedu/images/webzine/icon_check.png) no-repeat center left;}
.page-content .cont-more-box .more-box .more-list li ~ li {margin-top: 15px;}

.page-content .cont-capa-point {padding: 20px 20px 40px; border: 10px solid #f4f4f4; text-align: center;}
.page-content .cont-capa-point .point-tit {display: inline-block; position: relative; margin-top: -40px; padding: 0 35px 0 80px; background-color: #fff; font-size: 19px; font-weight: bold;}
.page-content .cont-capa-point .point-tit:before {content: ''; display: block; position: absolute; top: -10px; left: 30px; width: 43px; height: 31px; background: url(/cyberedu/images/webzine/img/icon_new.png);}
.page-content .cont-capa-point .point-list li {display: flex; width: 100%; text-align: left;}
.page-content .cont-capa-point .point-list li .number {font-size: 21px; font-weight: bold; letter-spacing: .02em; color: #4567bc;}
.page-content .cont-capa-point .point-list li .txt {padding: 3px 0 0 16px;}

.page-content .cont-capa-info {padding: 20px; background-color: #eef2fa;}
.page-content .cont-capa-info .info-tit {margin-bottom: 25px; font-size: 18px; font-weight: bold;}
.page-content .cont-capa-info .info-list li {position: relative; padding-left: 15px;}
.page-content .cont-capa-info .info-list li:before {content: ''; display: block; position: absolute; top: 9px; left: 0; width: 4px; height: 14px; background-color: #4567bc;}
.page-content .cont-capa-info .info-list li strong, .page-content .cont-capa-info .info-list li span {display: block;}
.page-content .cont-capa-info .info-list li strong {font-size: 16px; font-weight: bold; color: #2f4f9d;}
.page-content .cont-capa-info .info-list li span {margin-top: 5px; padding-left: 0;}
.page-content .cont-capa-info .info-list li ~ li {margin-top: 18px;}
.page-content .cont-capa-info .info-notice {margin-top: 25px; padding-top: 20px; border-top: 1px solid #d1d8e5;}

.page-content .cont-capa-days .day-tit {position: relative; margin-bottom: 20px; padding-left: 46px; font-size: 18px; font-weight: bold;}
.page-content .cont-capa-days .day-tit:before {content: ''; display: block; position: absolute; top: -2px; left: 0; width: 33px; height: 33px; background: url(/cyberedu/images/webzine/img/icon_calendar.png);}

.page-content .cont-meet-video {padding: 20px; background-image: none; background-color: #eef3ff;}
.page-content .cont-meet-video .cont-tit {display: block; margin-bottom: 15px;}
.page-content .cont-meet-video .video-group ul {overflow: hidden;}
.page-content .cont-meet-video .video-group li {display: block; padding: 10px; border-radius: 15px; background-color: #fff;}
.page-content .cont-meet-video .video-group li a:hover {text-decoration: none;}
.page-content .cont-meet-video .video-group li ~ li {margin-top: 10px;}
.page-content .cont-meet-video .video-group .person-img {display: inline-block;}
.page-content .cont-meet-video .video-group .person-tit {display: inline-block; margin-left: 20px;}
.page-content .cont-meet-video .video-group .person-tit span {display: block;}
.page-content .cont-meet-video .video-group .person-tit .person-job {margin-bottom: 5px; font-size: 19px; font-weight: bold;}
.page-content .cont-meet-video .video-group .person-more {display: none;}

.page-content .cont-job-center {display: flex; flex-flow: column; flex: 1;}
.page-content .cont-job-center .left {padding: 20px; background: #545759 url(/cyberedu/images/webzine/icon_info.png) no-repeat bottom 74px right -38px;}
.page-content .cont-job-center .left .center-tit {font-size: 18px; font-weight: bold; color: #fff;}
.page-content .cont-job-center .right {flex: 1; padding: 20px; border: 10px solid #f0f0f0;}
.page-content .cont-job-center .right dl {margin-bottom: 0;}
.page-content .cont-job-center .right dt, .page-content .cont-job-center .right dd {display: block;}
.page-content .cont-job-center .right dt .center-subtit {display: block; margin-bottom: 12px; padding-left: 25px; background: url(/cyberedu/images/webzine/icon_star.png) no-repeat top 8px left; font-size: 18px; font-weight: bold;}
.page-content .cont-job-center .right dd strong {display: block; margin-bottom: 12px; font-size: 17px; font-weight: bold; color: #364fc7;}
.page-content .cont-job-center .right dd p ~ p {margin-top: 5px;}

.page-content .cont-poster-box {display: flex; padding: 20px; background-color: #f8f8f8;}
.page-content .cont-poster-box .poster-img {display: none; position: relative; width: 170px;}
.page-content .cont-poster-box .poster-img:after {content: ''; display: block; position: absolute; top: 10px; right: -32px; width: 69px; height: 40px; background: url(/cyberedu/images/webzine/pointer_bl.png);}
.page-content .cont-poster-box .poster-cont {flex: 1;}
.page-content .cont-poster-box .poster-cont .tit {margin-bottom: 15px; font-size: 19px; font-weight: bold;}
.page-content .cont-poster-box .poster-cont .link {margin-top: 20px; padding: 6px 32px 8px 12px; border: 1px solid #ddd; background: #fff url(/cyberedu/images/webzine/icon_link.png) no-repeat center right 12px; color: #666;}
.page-content .cont-poster-box ~ .cont-poster-box {margin-top: 25px;}

.page-content .cont-campus .tit {padding: 15px 0; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 19px; font-weight: bold; text-align: center; color: #fff;}
.page-content .cont-campus .tit.blue {background-color: #1c7ed6;}
.page-content .cont-campus .tit.cyan {background-color: #0db3cb;}
.page-content .cont-campus .tit.teal {background-color: #12b886;}
.page-content .cont-campus .tit.green {background-color: #37b24d;}
.page-content .cont-campus .cont {padding: 35px 25px 25px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #f8f8f8;}
.page-content .cont-campus .cont li {position: relative; padding: 30px 20px 20px; border: 2px dashed #ddd; border-top-right-radius: 20px; background-color: #fff;}
.page-content .cont-campus .cont li strong {display: inline-block; position: absolute; top: -18px; left: -2px; padding: 7px 12px 8px; background-color: #333; font-size: 15px; font-weight: bold; color: #fff;}
.page-content .cont-campus .cont li strong:after {content: ''; display: block; position: absolute; top: 0; right: -17px; width: 19px; height: 36px; border: 18px solid transparent; border-top-color: #333; border-bottom-color: #333;}
.page-content .cont-campus .cont li p {font-size: 14px;}
.page-content .cont-campus .cont li ~ li {margin-top: 30px;}

.page-content .table-title {margin-bottom: 20px; font-size: 18px; font-weight: bold; text-align: center;}

.page-content .table-radius thead th {padding: 8px 0; border-top-left-radius: 15px; border-top-right-radius: 15px; text-align: center;}
.page-content .table-radius thead th:nth-child(even) {border-left: 1px solid #fff; border-right: 1px solid #fff;}
.page-content .table-radius.pink thead th {background-color: #d6336c; color: #fff;}
.page-content .table-radius.teal thead th {background-color: #0caf7e; color: #fff;}
.page-content .table-radius.green thead th {background-color: #37b24d; color: #fff;}
.page-content .table-radius.orange thead th {background-color: #f76707; color: #fff;}
.page-content .table-radius.orange.gray thead th {background-color: #e4e4e4; color: #444;}
.page-content .table-radius.orange.gray thead th:first-child {background-color: #f76707; color: #fff;}
.page-content .table-radius.orange.gray tbody tr:nth-child(even) {background-color: #f8f8f8;}
.page-content .table-radius.apricot thead th {background-color: #f3613c; color: #fff;}
.page-content .table-radius.navy thead th {background-color: #5c697c; color: #fff;}
.page-content .table-radius.brown thead th {background-color: #534b3f; color: #fff;}
.page-content .table-radius thead th.navy {background-color: #5c697c;}
.page-content .table-radius thead tr + .gray th {border-top-left-radius: 0; border-top-right-radius: 0; background-color: #e8e8e8; color: #444;}
.page-content .table-radius tbody th.gray {border: 1px solid #e8e8e8; background-color: #e8e8e8; font-weight: bold; text-align: center;}
.page-content .table-radius tbody td {padding: 6px; border: 1px solid #ddd; border-top: none; text-align: center;}
.page-content .table-radius tbody tr.section th.gray, .page-content .table-radius tbody tr.section td {border-top: 2px solid #bbb;}
.page-content .table-radius tbody tr.bg.navy td {background-color: #f4f7fc;}

.page-content .dot-list li {position: relative; padding-left: 16px; text-align: left;}
.page-content .dot-list li:before {content: '•'; position: absolute; top: 3px; left: 6px;}
.page-content .dot-list.brown li:before {color: #534b3f;}
.page-content .dot-list.black li:before {color: #444;}
.page-content .dot-list li ~ li {margin-top: 3px;}

.page-content .list-left, .page-content .list-right {padding: 10px;}
.page-content .list-left {border-top: 2px solid #222; font-weight: bold;}
.page-content .list-right {padding-top: 0;}

.page-content .meant {margin-top: 10px; font-size: 13px; text-align: left; color: #666;}

.page-content .chart-img-box .title {z-index: 0; display: inline-block; position: relative; font-size: inherit; font-weight: bold; color: #222;}
.page-content .chart-img-box .title:after {z-index: -1; content: ''; display: block; position: absolute; left: 0; bottom: 3px; width: 100%; height: 12px; background-color: #ffefdb;}
.page-content .chart-img-box .per {margin-bottom: 10px;}
.page-content .chart-img-box .cont-img {display: none;}

.page-content .column-info {padding: 15px; border: 1px solid #ddd; background: none; font: normal 13px/1.6 '맑은 고딕'; letter-spacing: -.05em;}
.page-content .column-info p {font-size: 13px;}
.page-content .column-info .title {margin-bottom: 10px; font-weight: bold; color: #1971c2;}
.page-content .column-info p > a {font: normal 13px/1.6 '맑은 고딕';}

.page-content .cont-ref {overflow: hidden; padding: 16px 20px 10px; border: 1px solid #ddd;}
.page-content .cont-ref .r-tit {float: left; position: relative; margin-bottom: 10px; padding-top: 2px; padding-left: 30px; padding-right: 18px; font-size: 16px; font-weight: bold; color: #444;}
.page-content .cont-ref .r-tit:before {content: ''; display: block; position: absolute; top: 3px; left: 0; width: 19px; height: 20px;}
.page-content .cont-ref .r-tit.indigo:before {background: url(/cyberedu/images/webzine/icon_clip_indigo.png) no-repeat;}
.page-content .cont-ref .r-tit.blue:before {background: url(/cyberedu/images/webzine/icon_clip_blue.png) no-repeat;}
.page-content .cont-ref .r-tit.orange:before {background: url(/cyberedu/images/webzine/2020_06/icon_clip_orange.png) no-repeat;}
.page-content .cont-ref .r-tit.violet:before {background: url(/cyberedu/images/webzine/icon_clip_violet.png) no-repeat;}
.page-content .cont-ref .r-cont {float: left; font-size: 16px;}
.page-content .cont-ref .r-cont > span {display: block; color: #666;}
.page-content .cont-ref .r-cont > span ~ span {margin-top: 5px;}

.page-content .cont-top {position: relative; margin-bottom: 50px; padding-bottom: 10px;}
.page-content .cont-top:after {content: ''; display: block; position: absolute; bottom: -10px; left: 0; width: 100%; height: 10px; background: url(/cyberedu/images/webzine/line.png) no-repeat bottom;}
.page-content .cont-top .cont-txt {padding-bottom: 20px;}
.page-content .cont-top .writer {padding-bottom: 20px; text-align: right; color: #999;}

.page-content .cont-bottom {margin-top: 40px; padding-top: 30px; background: url(/cyberedu/images/webzine/line.png) no-repeat top;}
.page-content .cont-bottom .reference .r-tit {float: left; position: relative; margin-bottom: 10px; padding-top: 2px; padding-left: 30px; padding-right: 18px; font-weight: bold; color: #444;}
.page-content .cont-bottom .reference .r-tit:before {content: ''; display: block; position: absolute; top: 3px; left: 0; width: 19px; height: 20px;}
.page-content .cont-bottom .reference .r-tit.red:before {background: url(/cyberedu/images/webzine/icon_clip_red.png) no-repeat;}
.page-content .cont-bottom .reference .r-tit.indigo:before {background: url(/cyberedu/images/webzine/icon_clip_indigo.png) no-repeat;}
.page-content .cont-bottom .reference .r-tit.indigo:before {background: url(/cyberedu/images/webzine/icon_clip_indigo.png) no-repeat;}
.page-content .cont-bottom .reference .r-tit.blue:before {background: url(/cyberedu/images/webzine/icon_clip_blue.png) no-repeat;}
.page-content .cont-bottom .reference .r-tit.orange:before {background: url(/cyberedu/images/webzine/2020_06/icon_clip_orange.png) no-repeat;}
.page-content .cont-bottom .reference .r-cont {float: left; font-size: 16px;}
.page-content .cont-bottom .reference .r-cont > span {display: block; color: #666;}
.page-content .cont-bottom .reference .r-cont > span ~ span {margin-top: 5px;}
.page-content .cont-bottom .column-info-sm {padding: 15px; border: 1px solid #ddd; font-size: 13px; color: #666;}
.page-content .cont-bottom .column-info-sm.covid-19 {border: none; background-color: #f4f4f4;}
.page-content .cont-bottom .sup-box {padding: 15px; background-color: #f4f4f4;}
.page-content .cont-bottom .sup-box p {font: normal 12px/1.6 '맑은 고딕'; letter-spacing: -.05em; color: #666;}
.page-content .cont-bottom .sup-box sup {font-weight: bold;}
.page-content .cont-bottom .sup-box sup.red {color: #f03e3e;}
.page-content .cont-bottom .sup-box sup.indigo {color: #4263eb;}
.page-content .cont-bottom .sup-box sup.apricot {color: #f35f39;}

/* --------------------------
 *    css kwon
 * --------------------------
**/

/* --------------------------
 *    1_Career_Insight_02
 * --------------------------
**/

.page-content img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.text-blue {color:blue;}

.page-content .cont-subtit-sm {font-size: 18px; font-weight: bold;}

.same {font-size:14px;  font-weight: bold; color:#228be6; margin-left:45px; line-height: 30px}

.same:after {
    content: '';
    display: block;
    margin-left: -19px;
    margin-top: -16px;
    width: 12px;
    height: 3px;
    background-color: #228be6;
}

.inc {font-size:14px;  font-weight: bold; color:#04a978; margin-left:25px; line-height: 30px}
.dec {font-size:14px;  font-weight: bold; color:#fa5252; margin-left:25px; line-height: 30px}

.fl {float:left;}
.text-justify {text-align: justify;}

.cont-bottom-text {
    background: #f4f4f4;
    font-size: 14px;
    padding: 30px;
    margin-top: 20px;
}

.font-gray {color: #666;}

/* --------------------------
 *    2_Career_Information_01
 * --------------------------
**/

.fs-20 {font-size:20px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb118 {margin-bottom: 118px !important;}
.mb87 {margin-bottom: 87px !important;}
.cont-line {border:10px solid #eee; padding:20px;}
.page-content .cont-tit-nn {position: relative; margin-bottom: 20px; font-size: 22px; font-weight: bold;}
.half-line {width: 245px;background: #d1f8fb;padding: 0 2px;height: 14px;line-height: 0;}
.half-line2{width: 130px;background: #d1f8fb;padding: 0 2px;height: 14px;line-height: 0;}
.half-line3{width: 212px;background: #d1f8fb;padding: 0 2px;height: 14px;line-height: 0;}
.half-line4{width: 245px;background: #dcf0ff;padding: 0 2px;height: 14px;line-height: 0;}
.half-line5{width: 130px;background: #dcf0ff;padding: 0 2px;height: 14px;line-height: 0;}
.half-line6{width: 162px;background: #dcf0ff;padding: 0 2px;height: 14px;line-height: 0;}
.half-line7{width: 245px;background: #dcfae0;padding: 0 2px;height: 14px;line-height: 0;}
.half-line8{width: 130px;background: #dcfae0;padding: 0 2px;height: 14px;line-height: 0;}
.half-line9{width: 99px;background: #dcfae0;padding: 0 2px;height: 14px;line-height: 0;}

.fl {float:left;}
.fr {float:right;}
.tac {text-align: center;}
.lh0 {line-height: 0}
.lh0 img {width: 100%;}
.exam-title {padding:20px 30px; font-weight: bold;}
.wi01{display: inline-block;width: 113px;vertical-align: middle;text-align: center;}
.wi02{display: inline-block;width: 201px;vertical-align: middle;text-align: center;}
.wi03{display: inline-block;width: 164px;vertical-align: middle; text-align: center;}

.page-content .cont-line span img {
    display: inline-block;
    max-width: 34px;
}

/* --------------------------
 *    2_Career_Information_02
 * --------------------------
**/

.cont-line-inbox {border:10px solid #eee; padding:25px 38px;}
.cont-line-inbox .center-box {height: auto; width: 100%; background: #fff;  margin:-50px auto; padding: 50px 0;}
.page-content .cont-tit.blue-circle:before {    background-color: #e7f5ff;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    z-index: -1;
    top: 1px;
    left: -5px;}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.cont-blockbox {padding:35px 38px; background: url(/cyberedu/images/webzine/02_02_04.jpg); text-align: center;}
.blocks {    width: 175px;
    background: #fff;
    display: inline-block;
    margin: 7px;
    text-align: center;
    padding: 25px 0; font-size: 17px;
    color: #000;}

.cont-blockbox .underline {z-index: 0; display: inline-block; position: relative; padding: 0 3px;font-size: 22px; font-weight: bold;}
.cont-blockbox .underline:after {z-index: -1; content: ''; display: block; position: absolute; left: 0; bottom: 2px; width: 100%; height: 12px;}
.cont-blockbox .underline.blue:after {background-color: #d0ebff;}

.cont-blockbox .shadow {
    box-shadow: 0 10px 20px 0 rgba(28, 126, 214, .1);
}

@media (max-width: 768px) {
    .blocks {
        width: 150px; font-size:15px;
    }
}


@font-face {
    font-family: 'seoulhangangregular';
    src: url('/cyberedu/images/webzine/SeoulHangang.eot');
    src: url('/cyberedu/images/webzine/SeoulHangang.eot?#iefix') format('embedded-opentype'),
    url('/cyberedu/images/webzine/SeoulHangang.woff2') format('woff2'),
    url('/cyberedu/images/webzine/SeoulHangang.woff') format('woff'),
    url('/cyberedu/images/webzine/SeoulHangang.ttf') format('truetype'),
    url('/cyberedu/images/webzine/SeoulHangang.svg#seoulhangangregular') format('svg');
    /*src: url('/cyberedu/images/webzine/SeoulHangang.eot');*/
    /*src: url('/cyberedu/images/webzine/SeoulHangang.eot?#iefix') format('embedded-opentype'),*/
    /*url('/cyberedu/images/webzine/SeoulHangang.woff2') format('woff2'),*/
    /*url('/cyberedu/images/webzine/SeoulHangang.woff') format('woff'),*/
    /*url('/cyberedu/images/webzine/SeoulHangang.ttf') format('truetype'),*/
    /*url('/cyberedu/images/webzine/SeoulHangang.svg#seoulhangangregular') format('svg');*/
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NanumMyeongjo';
    /*src: url('/cyberedu/font/webzine/NanumMyeongjo.eot');*/
    /*src: url('/cyberedu/font/webzine/NanumMyeongjo.eot?#iefix') format('embedded-opentype'),*/
    /*url('/cyberedu/font/webzine/NanumMyeongjo.woff') format('woff'),*/
    /*url('/cyberedu/font/webzine/NanumMyeongjo.ttf') format('truetype');*/

    src: url('/cyberedu/font/webzine/NanumMyeongjo2.eot');
    src: url('/cyberedu/font/webzine/NanumMyeongjo2.eot?#iefix') format('embedded-opentype'),
    url('/cyberedu/font/webzine/NanumMyeongjo2.woff') format('woff'),
    url('/cyberedu/font/webzine/NanumMyeongjo2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NanumBarunpen';
    src: url('/cyberedu/font/webzine/NanumBarunpenR.eot');
    src: url('/cyberedu/font/webzine/NanumBarunpenR.eot?#iefix') format('embedded-opentype'),
    url('/cyberedu/font/webzine/NanumBarunpenR.woff') format('woff'),
    url('/cyberedu/font/webzine/NanumBarunpenR.woff2') format('woff2'),
    url('/cyberedu/font/webzine/NanumBarunpenR.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.line-bg {background: url(/cyberedu/images/webzine/03_02_02.jpg);
    font-family: 'seoulhangangregular';
    font-size: 14px;
    letter-spacing: 2px;
    padding: 55px 50px 50px 100px;
    position: relative;
}

.line-bg:before {
    position:absolute;
    left:20px;
    top:20px;
    content:"";
    width:46px;
    height:33px;
    background:url('/cyberedu/images/webzine/dq.png') no-repeat left top;
}

/* --------------------------
 *    media
 * --------------------------
**/

@media (min-width: 768px) {
    .page-content .meant {
        margin-top: 0;
        font-size: 14px;
        text-align: right;
    }
    
    .page-content .list-left, .page-content .list-right {
        padding: 20px;
    }
    
    .page-content .list-right {
        padding: 20px;
        border-top: 1px solid #222;
    }
    
    .page-content .cont-star-box {
        padding: 30px;
    }
    
    .page-content .cont-capa-point {
        padding: 20px 50px 40px;
    }
    
    .page-content .cont-capa-info {
        padding: 35px 40px;
    }
    
    .page-content .cont-capa-info .info-list li strong,
    .page-content .cont-capa-info .info-list li span {
        display: inline-block;
        vertical-align: middle;
    }
    
    .page-content .cont-capa-info .info-list li span {
        margin-top: 0;
        padding-left: 10px;
    }
    
    .page-content .cont-poster-box {
        padding: 40px;
    }
    
    .page-content .cont-poster-box .poster-img {
        display: block;
    }
    
    .page-content .cont-poster-box .poster-cont {
        padding-left: 40px;
    }
}

@media (max-width: 768px) {
    .page-content div, .page-content p, .page-content a, .page-content span, .page-content ul, .page-content li, .page-content dt, .page-content dd {
        font-size: 14px;
    }
    
    /* white space */
    .page-content .mt30 {margin-top: 15px !important;}
    .page-content .mt40 {margin-top: 20px !important;}
    .page-content .mt50 {margin-top: 25px !important;}
    .page-content .mt60 {margin-top: 30px !important;}
    .page-content .mt70 {margin-top: 35px !important;}
    .page-content .mt80 {margin-top: 40px !important;}
    .page-content .mt90 {margin-top: 45px !important;}
    .page-content .mt100 {margin-top: 50px !important;}

    .page-content .mb30 {margin-bottom: 15px !important;}
    .page-content .mb40 {margin-bottom: 20px !important;}
    .page-content .mb50 {margin-bottom: 25px !important;}
    .page-content .mb60 {margin-bottom: 30px !important;}
    .page-content .mb70 {margin-bottom: 35px !important;}
    .page-content .mb80 {margin-bottom: 40px !important;}
    .page-content .mb90 {margin-bottom: 45px !important;}
    .page-content .mb100 {margin-bottom: 50px !important;}
}

@media (min-width: 992px) {
    
    .page-cover {
        margin-bottom: 40px;
    }
    
    .page-content .pl0 {
        padding-left: 0 !important;
    }
    
    .page-content .pr0 {
        padding-right: 0 !important;
    }
    
    .page-content .row-20 {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .page-content .row-40 {
        margin-left: -20px;
        margin-right: -20px;
    }
    
    .page-content .col-pd-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .page-content .col-pd-20 {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .page-content .cont-tit {
        margin-bottom: 40px;
        padding-left: 12px;
        font-size: 22px;
    }
    
    .page-content .cont-tit:before {
        width: 8px;
        height: 8px;
    }
    
    .page-content .cont-subtit {
        font-size: 22px;
    }
    
    .page-content .cont-subtit-sm {
        font-size: 20px;
    }
    
    .page-content .cont-stit {
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 3;
    }
    
    .page-content .cont-stit .number {
        width: 60px;
        height: 60px;
        margin-right: 18px;
        padding: 10px;
        font-size: 22px;
    }
    
    .page-content .cont-txt {
        font-size: 16px;
    }
    
    .page-content .cont-img-box {
        padding: 50px;
        margin-bottom: 80px;
        background-color: transparent;
    }
    
    .page-content .cont-img-box:before {
        content: '';
    }
    
    .page-content .cont-link {
        background: none;
        padding: 50px 30px;
    }
    
    .page-content .cont-link .cont-txt {
        padding: 0 20px;
    }
    
    .page-content .cont-link .link-btn {
        position: absolute;
        bottom: -60px;
        right: 70px;
        width: 160px;
        margin-bottom: 0;
        padding: 13px 20px;
        border: 1px solid #222;
        background-color: transparent;
        font-size: 14px;
        color: #222;
    }
    
    .page-content .cont-link .link-btn:after {
        display: block;
    }
    
    .page-content .cont-line {
        padding: 55px 38px;
    }
    
    .page-content .line-bg {
        font-size: 17px;
        padding: 55px 50px 50px 100px;
    }

    .page-content .line-bg:before {
        left: 40px;
        top: 30px;
    }
    
    .page-content .cont-qna .question-box {
        padding: 20px 30px;
    }

    .page-content .cont-qna .question-box dl dt {
        display: inline-block;
    }
    
    .page-content .cont-qna .question-box dl dd {
        font-size: 18px;
    }
    
    .page-content .cont-qna .answer-box {
        padding: 30px;
    }

    .page-content .cont-qna .answer-box .answer {
        padding-left: 55px;
        padding-right: 10px;
    }

    .page-content .cont-qna .answer-box .answer:before {
        content: 'A'
    }
    
    .page-content .cont-hrd {
        padding: 50px;
    }
    
    .page-content .cont-hrd .step {
        margin-bottom: 30px;
    }
    
    .page-content .cont-hrd p {
        padding-left: 16px;
    }
    
    .page-content .cont-info {
        padding: 30px;
    }
    
    .page-content .cont-video-info {
        height: 342px;
        padding: 40px 50px;
    }
    
    .page-content .cont-report {
        padding: 40px;
    }
    
    .page-content .cont-report .report-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .page-content .cont-report.kjob .report-box .report-img {
        width: 130px;
    }
    
    .page-content .cont-report.youth .report-box .report-img {
        width: 200px;
    }
    
    .page-content .cont-report .report-box .cont-txt {
        padding-top: 10px;
        padding-left: 40px;
    }
    
    .page-content .cont-report.youth .report-box .cont-txt {
        width: calc(100% - 200px);
        padding-top: 20px;
        padding-right: 10px;
    }
    
    .page-content .cont-report .kjob-title {
        margin-bottom: 25px;
    }
    
    .page-content .cont-report .kjob-table {
        margin-top: 25px;
    }
    
    .page-content .cont-report .kjob-table thead th {
        padding: 10px 0;
    }
    
    .page-content .cont-report .kjob-table tbody td {
        padding: 10px 0;
    }
    
    .page-content .cont-page {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 30px;
        background-color: transparent;
    }
    
    .page-content .cont-page:before {
        content: '';
    }
    
    .page-content .cont-page .page-img {
        position: relative;
        width: 170px;
    }
    
    .page-content .cont-page .page-img:after {
        content: '';
        display: block;
        position: absolute;
        top: 14px;
        right: -32px;
        width: 69px;
        height: 40px;
        background: url(/cyberedu/images/webzine/2020_06/pointer.png);
    }
    
    .page-content .cont-page .page-cont {
        width: calc(100% - 170px);
        margin-top: 5px;
        padding-left: 40px;
    }
    
    .page-content .cont-page .page-cont .tit {
        text-align: left;
    }
    
    .page-content .cont-page .page-cont .txt {
        margin-top: 20px;
    }
    
    .page-content .cont-interview {
        font-size: 16px;
    }
    
    .page-content .cont-card {
        padding: 30px;
    }
    
    .page-content .cont-card.h285 {
        min-height: 285px;
    }
    
    .page-content .cont-center {
        padding: 40px;
    }
    
    .page-content .cont-center .center-top .center-tit {
        font-size: 22px;
    }
    
    .page-content .cont-center .center-top .right .subtit {
        font-size: 18px;
    }
    
    .page-content .cont-center .center-top .right .tit.call {
        font-size: 32px;
    }
    
    .page-content .cont-center .center-top .right .tit.time {
        font-size: 24px;
    }
    
    .page-content .cont-ai-guide {
        padding: 30px 60px 60px;
    }
    
    .page-content .cont-sup-box p {
        font-size: 14px;
    }
    
    .page-content .table-radius thead th {
        padding: 10px 0;
    }
    
    .page-content .table-radius tbody td {
        padding: 10px;
    }
    
    .page-content .chart-img-box .title {
        font-size: 18px;
        font-weight: bold;
    }
    
    .page-content .chart-img-box .per {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    
    .page-content .chart-img-box .cont-img {
        display: block;
    }
    
    .page-content .cont-seven-list .list-box {
        height: 78px;
        padding-left: 25px;
    }
    
    .page-content .cont-seven-list .list-box:before {
        content: '{';
    }
    
    .page-content .cont-meet-video {
        padding: 50px;
    }
    
    .page-content .cont-top {
        margin-bottom: 70px;
        padding-bottom: 20px;
    }
    
    .page-content .cont-top .cont-txt {
        padding-bottom: 40px;
    }
    
    .page-content .cont-bottom {
        margin-top: 80px;
        padding-top: 50px;
    }
    
    .page-content .column-info {
        min-height: 160px;
        padding: 30px;
        padding-left: 160px;
        background: url(/cyberedu/images/webzine/icon_column.jpg) no-repeat top 30px left 30px;
        font-size: 14px;
    }

    .page-content .column-info.kjob {
        background: url(/cyberedu/images/webzine/2020_06/202006_01_01_07.jpg) no-repeat top 32px left 30px;
    }
    
    .page-content .column-info.youth {
        background: url(/cyberedu/images/webzine/2020_12/202012_01_02_06.png) no-repeat top 18px left 22px;
    }
    
    .page-content .column-info p {
        font-size: 14px;
    }
    
    .page-content .column-info p > a {
        font-size: 14px;
    }
    
    .page-content .cont-bottom .column-info-sm {
        font-size: 14px;
    }
    
    .page-content .cont-bottom .sup-box {
        padding: 30px;
    }
    
    .page-content .cont-bottom .sup-box p {
        font-size: 14px;
    }
    
    .page-content .cont-bottom .reference .r-tit {
        font-size: 16px;
    }
    
    .page-content .md-mt40 {
        margin-top: 40px !important;
    }
    
    .page-content .md-mt20 {
        margin-top: 20px !important;
    }
}

@media (max-width: 992px) {
    .page-content div, .page-content p, .page-content a, .page-content span, .page-content ul, .page-content li, .page-content dt, .page-content dd {font-size: 14px;}
    
    .page-content .md-mt0 {margin-top: 0px !important;}
    
    .page-content .md-mb10 {margin-bottom: 10px !important;}
    .page-content .md-mb15 {margin-bottom: 15px !important;}
    .page-content .md-mb20 {margin-bottom: 20px !important;}
    .page-content .md-mb40 {margin-bottom: 40px !important;}
}

@media (min-width: 1200px) {
    .page-content .cont-meet-video {height: 805px; padding: 185px 80px 0; background: url(/cyberedu/images/webzine/2020_12/202012_02_02_12.png) no-repeat top left;}
    .page-content .cont-meet-video .cont-tit {display: none;}
    .page-content .cont-meet-video .video-group li {float: left; width: 25%; padding: 25px 10px; border-radius: 0; background-color: none; text-align: center;}
    .page-content .cont-meet-video .video-group li ~ li {margin-top: 0;}
    .page-content .cont-meet-video .video-group .person-img {display: block;}
    .page-content .cont-meet-video .video-group .person-tit {display: block; margin-top: 15px; margin-left: 0;}
    .page-content .cont-meet-video .video-group .person-more {display: block;}
    
    .page-content .cont-job-center {flex-flow: row;}
    .page-content .cont-job-center .left {width: 300px; padding: 45px 100px 0 35px;}
    .page-content .cont-job-center .left .center-tit {font-size: 23px;}
    .page-content .cont-job-center .right {padding: 40px 35px; border-left: none;}
    .page-content .cont-job-center .right dt, .page-content .cont-job-center .right dd {display: inline-block; vertical-align: top;}
    .page-content .cont-job-center .right dt .center-subtit {margin-bottom: 0; margin-right: 35px;}
}

@charset "utf-8";

/* --------------------------
 *    W. seungmin
 * --------------------------
**/

.color-444 {color: #444 !important;}

.page-content .small {font-size: 13px; vertical-align: baseline; color: #777;}

.page-content .cont-top:after {background-image: url(/cyberedu/images/webzine/202106/line.png);}
.page-content .cont-top .writer .tit {font-weight: bold; color: #888;}

.page-content .cont-bottom {background-image: url(/cyberedu/images/webzine/202106/line.png);}
.page-content .cont-bottom .sup-box {padding: 20px;}
.page-content .cont-bottom .sup-box p {font-size: 13px;}
.page-content .cont-bottom .sup-box sup.orange {color: #f76707;}
.page-content .cont-bottom .sup-box a {font-size: inherit;}
.page-content .cont-bottom .reference {overflow: hidden;}
.page-content .cont-bottom .reference .r-tit.cyan:before {background: url(/cyberedu/images/webzine/202106/icon_clip_cyan.png) no-repeat;}
.page-content .cont-bottom .reference .r-tit.red:before {background: url(/cyberedu/images/webzine/202106/icon_clip_red.png) no-repeat;}

.page-content .cont-tit.bubble-tit {padding-left: 0;}
.page-content .cont-tit.bubble-tit:before {content: none;}
.page-content .cont-tit.bubble-tit .bubble {display: inline-block; position: relative; margin-bottom: 10px; padding: 6px 12px 5px; border-radius: 10px; font-family: 'Binggrae'; font-size: 14px; letter-spacing: 1.5px;}
.page-content .cont-tit.bubble-tit .bubble:after {content: ''; display: block; position: absolute; bottom: -7px; left: -7px; width: 14px; height: 14px; border: 7px solid transparent; transform: rotate(45deg);}
.page-content .cont-tit.bubble-tit .underline {z-index: 0; position: relative; font-size: inherit; font-weight: inherit;}
.page-content .cont-tit.bubble-tit .underline:after {z-index: -1; content: ''; display: block; position: absolute; left: 0; bottom: 2px; width: 100%; height: 10px;}
.page-content .cont-tit.bubble-tit.cyan .bubble {background-color: #d8f7fa; color: #009fb5;}
.page-content .cont-tit.bubble-tit.cyan .bubble:after {border-top-color: #d8f7fa; border-right-color: #d8f7fa;}
.page-content .cont-tit.bubble-tit.cyan .underline:after {background-color: #d6f9fc;}
.page-content .cont-tit.bubble-tit.blue .bubble {background-color: #e1f0ff; color: #177fd8;}
.page-content .cont-tit.bubble-tit.blue .bubble:after {border-top-color: #e1f0ff; border-right-color: #e1f0ff;}
.page-content .cont-tit.bubble-tit.blue .underline:after {background-color: #dbedff;}
.page-content .cont-tit.bubble-tit.indigo .bubble {background-color: #ebf0ff; color: #4361de;}
.page-content .cont-tit.bubble-tit.indigo .bubble:after {border-top-color: #ebf0ff; border-right-color: #ebf0ff;}
.page-content .cont-tit.bubble-tit.indigo .underline:after {background-color: #e2e9ff;}

.page-content .cont-tit.bubble-tit .tag {width: 218px; height: 38px; margin-bottom: 15px; padding: 8px 35px; font-family: 'NanumSquareRound'; font-size: 15px; font-weight: 700; letter-spacing: 1.5px; color: #fff;}
.page-content .cont-tit.bubble-tit.red .tag {background: url(/cyberedu/images/webzine/202106/02_02_10.png);}
.page-content .cont-tit.bubble-tit.cyan .tag {background: url(/cyberedu/images/webzine/202106/02_02_11.png);}
.page-content .cont-tit.bubble-tit.indigo .tag {background: url(/cyberedu/images/webzine/202106/02_02_12.png);}
.page-content .cont-tit.bubble-tit.red .underline:after {background-color: #ffe3e3;}

.page-content .cont-tit.number {display: flex; align-items: center; padding-left: 0;}
.page-content .cont-tit.number .red {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin-right: 8px; background: url(/cyberedu/images/webzine/202106/number_red.png) no-repeat; font-size: 19px; font-weight: bold; color: #fff;}

.page-content .cont-txt > sup.orange {color: #f76707;}

.page-content .cont-kua {display: flex; flex-flow: column;}
.page-content .cont-kua > div {display: flex; width: 100%; padding: 30px 40px; box-shadow: 0px 12px 25px 0px rgba(0, 0, 0, .08); background-color: #fff;}
.page-content .cont-kua > div img {max-width: none; margin: 0 40px 0 0;}
.page-content .cont-kua .info {margin-top: 10px;}
.page-content .cont-kua .info p {font-family: 'Binggrae'; font-weight: bold; letter-spacing: -.03em;}
.page-content .cont-kua .info .tit {font-size: 20px; color: #1864ab;}
.page-content .cont-kua .info .txt {display: flex; flex-flow: column; align-items: flex-start; font-size: 18px; color: #444;}
.page-content .cont-kua > div:first-child .info .txt {margin-top: 7px;}
.page-content .cont-kua .info .txt .btn-s-link {display: flex; margin-top: 10px}
.page-content .cont-kua .info .txt .btn-s-link span {padding: 8px 12px;font-size: 16px; font-weight: bold; letter-spacing: -.03em; color: #fff;}
.page-content .cont-kua .info .txt .btn-s-link span:nth-child(1) {border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: #1c7ed6;}
.page-content .cont-kua .info .txt .btn-s-link span:nth-child(2) {border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #1971c2;}

.page-content .cont-kua-info {padding: 20px; background-color: #eff6fb;}
.page-content .cont-kua-info .tit {margin-bottom: 20px; font-size: 18px; font-weight: bold;}
.page-content .cont-kua-info .subtit {margin-bottom: 10px; font-weight: bold; color: #1864ab;}
.page-content .cont-kua-info .bottom {margin-top: 20px; padding-top: 20px; border-top: 1px solid #dfdaec;}

.page-content .cont-ref {padding: 16px 20px;}
.page-content .cont-ref .r-tit {margin-bottom: 0;}
.page-content .cont-ref .r-tit.blue:before {background-image: url(/cyberedu/images/webzine/202106/icon_clip_blue.png);}
.page-content .cont-ref .r-tit.red:before {background: url(/cyberedu/images/webzine/202106/icon_clip_red.png);;}

.page-content .cont-4u-step {position: relative;}
.page-content .cont-4u-step:before {z-index: -1; content: ''; display: block; position: absolute; top: -30px; right: 10px; width: 62px; height: 32px; background: url(/cyberedu/images/webzine/202106/postit.png) no-repeat;}
.page-content .cont-4u-step .step {padding: 25px 15px 20px; background: #f4f4f4 url(/cyberedu/images/webzine/202106/bg_qna.jpg) repeat;}
.page-content .cont-4u-step .step ~ .step {margin-top: 20px;}
.page-content .cont-4u-step .step img {display: inline-block; max-width: none; margin: 0 2px 0 0;}
.page-content .cont-4u-step .step.one img {margin-top: -15px;}
.page-content .cont-4u-step .step.two img {margin-top: -20px;}
.page-content .cont-4u-step .step.three img {margin-top: -25px;}

.page-content .cont-capa-info.fouru {background-color: #f2f0f7;}
.page-content .cont-capa-info.fouru .info-list li:before {background-color: #5336a9;}
.page-content .cont-capa-info .info-list li:before {top: 5px;}
.page-content .cont-capa-info.fouru .info-list li strong {color: #5336a9;}

.page-content .cont-capa-info.blue {background-color: #eff6fb;}
.page-content .cont-capa-info.blue .info-list li:before {background-color: #1864ab;}
.page-content .cont-capa-info .info-list li:before {top: 5px;}
.page-content .cont-capa-info.blue .info-list li strong {color: #1864ab;}

.page-content .cont-job-qna {position: relative; margin-left: 25px; padding-left: 40px; padding-bottom: 40px; border-left: 1px solid #dbdcdf; border-bottom: 1px solid #dbdcdf;}
.page-content .cont-job-qna .list {position: relative;}
.page-content .cont-job-qna .list:before {content: ''; display: block; position: absolute; top: -8px; left: -65px; width: 50px; height: 50px;}
.page-content .cont-job-qna .list.type-1:before {background: url(/cyberedu/images/webzine/202106/icon_job1.png);}
.page-content .cont-job-qna .list.type-2:before {background: url(/cyberedu/images/webzine/202106/icon_job2.png);}
.page-content .cont-job-qna .list ~ .list {margin-top: 20px;}
.page-content .cont-job-qna .list .job-q {margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #383d51;}
.page-content .cont-job-qna .job-btn-group {display: flex; position: relative; margin-top: 20px;}
.page-content .cont-job-qna .job-btn-group .btn-link {display: flex;}
.page-content .cont-job-qna .job-btn-group .btn-link ~ .btn-link {margin-left: 15px;}
.page-content .cont-job-qna .job-btn-group .btn-link:hover, .page-content .cont-job-qna .job-btn-group .btn-link:focus {text-decoration: none;}
.page-content .cont-job-qna .job-btn-group .btn-link span {padding: 10px 18px 12px; font-weight: bold; color: #fff;}
.page-content .cont-job-qna .job-btn-group .btn-link span:nth-child(1) {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.page-content .cont-job-qna .job-btn-group .btn-link span:nth-child(2) {border-top-right-radius: 10px; border-bottom-right-radius: 10px; font-family: 'Binggrae';}
.page-content .cont-job-qna .job-btn-group .btn-link.cyan span:nth-child(1) {background-color: #14aec5;}
.page-content .cont-job-qna .job-btn-group .btn-link.cyan span:nth-child(2) {background-color: #0da6be;}
.page-content .cont-job-qna .job-btn-group .btn-link.blue span:nth-child(1) {background-color: #1d84de;}
.page-content .cont-job-qna .job-btn-group .btn-link.blue span:nth-child(2) {background-color: #1b7ed4;}
.page-content .cont-job-qna .job-btn-group .btn-link.indigo span:nth-child(1) {background-color: #4765df;}
.page-content .cont-job-qna .job-btn-group .btn-link.indigo span:nth-child(2) {background-color: #425ed1;}
.page-content .cont-job-qna .job-btn-group .btn-link.red span:nth-child(1) {background-color: #f54c4c;}
.page-content .cont-job-qna .job-btn-group .btn-link.red span:nth-child(2) {background-color: #f03e3e;}

.page-content .cont-tip-box {position: relative; padding-top: 22px;}
.page-content .cont-tip-box:before, .page-content .cont-tip-box:after {content: ''; display: block; position: absolute;}
.page-content .cont-tip-box:after {top: 0; left: 50%; width: 123px; height: 44px; margin-left: -62px; background: url(/cyberedu/images/webzine/202106/tip.png);}
.page-content .cont-tip-box .cont-tip {padding: 40px 20px 20px; background-color: #ecf9fa;}
.page-content .cont-tip-box .cont-tip .tit {margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.page-content .cont-tip-box .cont-tip .info {position: relative; box-shadow: 0px 15px 20px 0px rgba(44, 201, 199, .1); background-color: #fff;}
.page-content .cont-tip-box .cont-tip .info img {box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);}
.page-content .cont-tip-box .cont-tip .info .subtit {font-weight: bold;}
.page-content .cont-tip-box .cont-tip .row-box .info {padding: 20px;}
.page-content .cont-tip-box .cont-tip .row-box .info img {display: none; position: absolute; right: 30px; bottom: 25px;}
.page-content .cont-tip-box .cont-tip .row-box .info .subtit {margin-bottom: 18px;}
.page-content .cont-tip-box .cont-tip .column-box {display: flex; flex: 1; flex-flow: column; margin-top: 25px;}
.page-content .cont-tip-box .cont-tip .column-box .column:nth-child(2) {margin-top: 25px;}
.page-content .cont-tip-box .cont-tip .column-box .info {display: flex; padding: 20px;}
.page-content .cont-tip-box .cont-tip .column-box .info img {max-width: none; margin: 0;}
.page-content .cont-tip-box .cont-tip .column-box .info.one .right {padding-left: 30px;}
.page-content .cont-tip-box .cont-tip .column-box .info.one .right .subtit {margin-bottom: 25px;}
.page-content .cont-tip-box .cont-tip .column-box .info.two {flex-flow: column;}
.page-content .cont-tip-box .cont-tip .column-box .info.two > div {display: flex; align-items: center;}
.page-content .cont-tip-box .cont-tip .column-box .info.two > div ~ div {margin-top: 15px;}
.page-content .cont-tip-box .cont-tip .column-box .info.two .right {margin-left: 20px;}
.page-content .cont-tip-box .cont-tip .column-box .info.two .right .subtit {margin-bottom: 15px;}
.page-content .cont-tip-box .cont-tip .column-box .info.two .right .txt {font-size: 14px;}
.page-content .cont-tip-box .cont-tip .column-box .info.two .right .txt > a {font-size: inherit;}

.page-content .cont-qna.type-2 .question-box {margin-bottom: 15px; padding: 15px; background-color: #f6f0e6;}
.page-content .cont-qna.type-2 .question-box:before {content: none;}
.page-content .cont-qna.type-2 .question-box dl dt {width: 50px; height: 50px; margin-right: 15px; border-radius: 20px; background-color: #d0c0a6; line-height: 46px; color: #7f735b;}
.page-content .cont-qna.type-2 .question-box dl dd {color: #333;}
.page-content .cont-qna.type-2 .answer-box {padding: 0; background: none;}
.page-content .cont-qna.type-2 .answer-box .answer {padding: 0;}
.page-content .cont-qna.type-2 .answer-box .answer:before {width: 50px; height: 50px; border-radius: 20px; background-color: #e9ecef; line-height: 44px; color: #6e7780;}
.page-content .cont-qna.type-2 .answer-box .answer.lh {line-height: 1.75;}
.page-content .cont-qna.type-2 .answer-box .answer .hl {display: inline; padding: 0 2px; background-color: #fcfadf; font-weight: bold;}

.page-content .cont-qna .answer-box .answer.lh1625 {line-height: 1.625;}
.page-content .cont-qna .answer-box .answer .fw.bold {display: inline;}

.page-content .cont-qna .answer-box {background: #f4f4f4 url(/cyberedu/images/webzine/202106/bg_qna.jpg) repeat;}
.page-content .cont-qna .answer-box .answer.yellow:before {background-color: #fab005;}
.page-content .cont-qna .answer-box .answer .hl {display: inline; padding: 0 2px; background-color: #fff3bf; font-weight: bold;}
.page-content .cont-qna .answer-box .answer .box {padding: 12px 15px; background-color: #e8e8e8;}
.page-content .cont-qna .answer-box .answer .box p {font-size: 14px;}
.page-content .cont-qna .answer-box .answer .box .tit {font-weight: bold;}

.page-content .cont-interview.indigo {color: #475ab6;}

.page-content .cont-card.indigo {background-color: #f0f2fb;}
.page-content .cont-card.indigo .card-tit:before {background-color: #4263eb;}

.cont-nav-center {padding: 15px; border: 1px solid #e4e4e4; background-color: #f8f8f8; text-align: center;}
.cont-nav-center a:hover, .cont-nav-center a:focus {text-decoration: none;}
.cont-nav-center a.cyan {border-bottom: 1px solid #1098ad; color: #1098ad;}

.page-content .gray-box {padding: 20px; background-color: #f4f4f4;}
.page-content .gray-box.sm {padding: 15px 20px; font-size: 13px; color: #555;}
.page-content .gray-box.stw {display: flex; flex: 1; flex-wrap: wrap; padding: 20px;}
.page-content .gray-box.stw .right {display: none; margin-left: auto;}
.page-content .gray-box.stw .tit {margin-bottom: 12px; font-weight: bold;}
.page-content .gray-box.stw .txt {font-size: 14px;}
.page-content .gray-box.stw .bottom {width: 100%; margin-top: 25px; padding-top: 25px; border-top: 1px solid #ddd;}
.page-content .gray-box.stw .bottom dl {display: flex; flex: 1; margin-bottom: 0;}
.page-content .gray-box.stw .bottom dt {margin-right: 15px; font-size: 14px; font-weight: bold; line-height: 1.6; color: #444;}
.page-content .gray-box.stw .bottom dd p {font-size: 14px; color: #666;}
.page-content .gray-box.stw .bottom dd p ~ p {margin-top: 5px;}
.page-content .gray-box.stw .bottom dd p a {margin-left: 10px; font-size: 14px;}

.page-content .cont-kdt {display: flex; padding: 15px; background-color: #f0f3f9;}
.page-content .cont-kdt .left {display: none; margin-right: 30px;}
.page-content .cont-kdt .title {margin-bottom: 5px; font-family: 'NanumSquareRound'; font-size: 15px; font-weight: bold; letter-spacing: 0; color: #333;}
.page-content .cont-kdt .title span {font-size: 15px; font-weight: bold; letter-spacing: 0;}
.page-content .cont-kdt .text {font-size: 14px;}

.page-content .cont-kdc {width: 100%; border: 1px solid #9494a6; font-family: 'NanumSquareRound'; font-size: 15px; letter-spacing: 0; text-align: center; color: #333;}
.page-content .cont-kdc thead th {border-bottom: 1px solid #9494a6;}
.page-content .cont-kdc thead th > span {display: flex; flex: 1; justify-content: center; padding: 15px 50px; background-color: #eef0f6; background-image: url(/cyberedu/images/webzine/202106/01_02_10.png), url(/cyberedu/images/webzine/202106/01_02_10.png); background-position: top 25px left 25px, top 25px right 25px; background-repeat: no-repeat; font-size: 19px; font-weight: 700; letter-spacing: 0; text-align: center; color: #34354b;}
.page-content .cont-kdc tbody tr.row-1 {background-color: #e8f6f3;}
.page-content .cont-kdc tbody tr.row-2 {background-color: #f9eeee;}
.page-content .cont-kdc tbody tr.row-3 {background-color: #f9f0e4;}
.page-content .cont-kdc tbody tr.row-4 {background-color: #e9f6fc;}
.page-content .cont-kdc tbody tr.row-5 {background-color: #eaf6ec;}
.page-content .cont-kdc tbody tr.row-6 {background-color: #f7f9df;}
.page-content .cont-kdc tbody tr.row-7 {background-color: #eff3fa;}
.page-content .cont-kdc tbody th {border: 1px solid #9494a6; background-color: #ffda47; text-align: center;}
.page-content .cont-kdc tbody th > span {font-size: 16px; font-weight: 700; letter-spacing: 0; color: #333;}
.page-content .cont-kdc tbody td {padding: 5px 8px; border: 1px solid #9494a6;}
.page-content .cont-kdc tbody td > a {font-size: 15px; letter-spacing: 0;}

.page-content .cont-kdc-info {position: relative; padding: 0 20px 20px; border: 1px solid #ddd; font-family: 'NanumSquareRound'; letter-spacing: 0; text-align: center;}
.page-content .cont-kdc-info .title {display: inline-block; width: 234px; height: 42px; margin-top: -15px; background: url(/cyberedu/images/webzine/202106/01_02_05.png); font-size: 16px; font-weight: 700; line-height: 42px; letter-spacing: 0; color: #fff;}
.page-content .cont-kdc-info .step-group {margin-top: 15px;}
.page-content .cont-kdc-info .step-group .step {display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 0;}
.page-content .cont-kdc-info .step-group .step ~ .step {margin-top: 25px;}
.page-content .cont-kdc-info .step-group .step dt {display: flex; align-items: center; color: #333;}
.page-content .cont-kdc-info .step-group .step dt .num {display: flex; align-items: center; width: 80px; height: 57px; padding-left: 20px; font-size: 24px; font-weight: 700; text-align: left; color: #fff;}
.page-content .cont-kdc-info .step-group .step.one dt .num {background: url(/cyberedu/images/webzine/202106/01_02_06.png);}
.page-content .cont-kdc-info .step-group .step.two dt .num {background: url(/cyberedu/images/webzine/202106/01_02_07.png);}
.page-content .cont-kdc-info .step-group .step.three dt .num {background: url(/cyberedu/images/webzine/202106/01_02_08.png);}
.page-content .cont-kdc-info .step-group .step.four dt .num {background: url(/cyberedu/images/webzine/202106/01_02_09.png);}
.page-content .cont-kdc-info .step-group .step dt .text {padding-left: 15px; font-size: 16px; font-weight: 700; letter-spacing: 0;}
.page-content .cont-kdc-info .step-group .step dd {margin-top: 15px; font-size: 14px; letter-spacing: 0; text-align: left; color: #444;}
.page-content .cont-kdc-info .step-group .step dd a {letter-spacing: 0;}

.page-content .cont-safety {display: flex; font-family: 'NanumSquareRound';}
.page-content .cont-safety .right {flex: 1;}
.page-content .cont-safety .right p {padding-left: 28px; letter-spacing: 0;}
.page-content .cont-safety .right .title {margin-top: 5px; font-size: 18px; font-weight: 700; color: #222;}
.page-content .cont-safety .right .text {margin-top: 10px; color: #444;}
.page-content .cont-safety .right .text a {letter-spacing: 0;}
.page-content .cont-safety .right .nav {display: flex; align-items: center; margin-top: 15px; padding: 16px 28px; background: #f6f6f6;}
.page-content .cont-safety .right .nav .right {padding-left: 12px; font-size: 15px; font-weight: 700; letter-spacing: 0;}
.page-content .cont-safety .right .nav .right span {margin: 0 8px; font-weight: 300; color: #999;}
.page-content .cont-safety .right .nav .right a {letter-spacing: 0;}

.page-content .cont-saeil {padding: 35px; border: 8px solid #f2f2f2;}
.page-content .cont-saeil .top .tit {display: flex; justify-content: space-between; margin-bottom: 30px;}
.page-content .cont-saeil .top .tit .link-group span, .page-content .cont-saeil .top .tit .link-group a {padding: 10px 22px; border-radius: 50em; background-color: #74b816; font-weight: bold; text-align: center; color: #fff;}
.page-content .cont-saeil .top .txt {font-size: 14px; color: #444;}
.page-content .cont-saeil .bottom {margin-top: 20px; padding-top: 20px; border-top: 1px solid #e4e4e4;}
.page-content .cont-saeil .bottom p {font-size: 14px; color: #444;}
.page-content .cont-saeil .bottom p a {font-size: 14px;}
.page-content .cont-saeil .bottom .tit {margin-bottom: 6px; font-weight: bold;}

.page-content .cont-nosa {padding: 30px 40px; border: 3px solid #eee; border-radius: 20px; text-align: right;}
.page-content .cont-nosa .title {height: 37px; margin-bottom: 18px; padding-top: 4px; padding-left: 40px; background: url(/cyberedu/images/webzine/202106/03_03_07.png) no-repeat 0; font-family: 'NanumSquareRound'; font-size: 19px; font-weight: 800; letter-spacing: 0; text-align: left; color: #333;}
.page-content .cont-nosa table tbody th {border-bottom: 1px solid #ccc; text-align: center; color: #333;}
.page-content .cont-nosa table tbody td {border-bottom: 1px solid #ccc; border-left: 1px dashed #c4c4c4; border-right: none; text-align: left;}
.page-content .cont-nosa table tbody td div {display: inline-block; vertical-align: top;}
.page-content .cont-nosa table tbody td div:first-child {margin-right: 30px;}
.page-content .cont-nosa .nosa-apply {margin-top: 15px; font-weight: bold; color: #e8590c;}

.page-content .cont-cedefop {display: flex; align-items: center; padding: 20px 25px; background-color: #f7f6fb;}
.page-content .cont-cedefop .left {margin-right: 25px;}
.page-content .cont-cedefop .right p {font-family: 'NanumSquareRound'; font-size: 15px; letter-spacing: 0;}
.page-content .cont-cedefop .right p a {letter-spacing: 0;}
.page-content .cont-cedefop .right .tit {margin-bottom: 10px; font-size: 17px; font-weight: 700; color: #333;}

.page-content .cont-case .img {text-align: right;}
.page-content .cont-case .img img {display: inline-block;}
.page-content .cont-case .bubble-tit .tag2 {width: 169px; height: 42px; margin-bottom: 15px; padding-top: 9px; padding-left: 18px; background: url(/cyberedu/images/webzine/202106/05_01_05.png); font-family: 'NanumSquareRound'; font-size: 17px; font-weight: 700; letter-spacing: 0; color: #fff;}
.page-content .cont-case .case-info {position: relative; margin-bottom: 40px; padding-left: 26px;}
.page-content .cont-case .case-info:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 8px; height: 100%; border-radius: 50em; background-color: #eee;}
.page-content .cont-case .case-info .tit {margin-bottom: 10px; font-weight: bold; color: #333;}
.page-content .cont-case .case-info > p {text-align: justify;}
.page-content .cont-case .case-info > a {display: block; margin-top: 20px;}
.page-content .cont-case .case-info > a ~ a {margin-top: 10px;}
.page-content .cont-case .case-info .list-row {display: flex;}
.page-content .cont-case .case-info .list-row .tit {width: 80px; margin-bottom: 0;}
.page-content .cont-case .case-info .list-row ~ .list-row {margin-top: 8px;}
.page-content .cont-case .case-info .oracle-box {margin-top: 15px; padding: 10px 15px; background-color: #f8f8f8;}
.page-content .cont-case .case-info .oracle-box p {font-size: 14px;}
.page-content .cont-case .case-info .oracle-box .title {margin-bottom: 5px; font-weight: bold;}

.page-content .table-blue {text-align: center; color: #444;}
.page-content .table-blue thead th {padding: 8px; border-left: 1px solid #cfcfcf; background-color: #317bbf; text-align: center; color: #fff;}
.page-content .table-blue thead th.bg {background-color: #e0f2ff; color: #444;}
.page-content .table-blue tbody td {padding: 8px; border: 1px solid #ddd;}

.page-content .ivhl {display: inline; font-weight: bold;}
.page-content .ivhl.lime {background-color: #eefad6;}

/* --------------------------
 *    font
 * --------------------------
**/

@font-face {
    font-family: 'Binggrae';
    src: url(../../font/Binggrae.eot);
    src: url(../../font/Binggrae.eot?#iefix) format('embedded-opentype'),
    url(../../font/Binggrae.woff) format('woff'),
    url(../../font/Binggrae.woff2) format('woff2'),
    url(../../font/Binggrae.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Binggrae';
    src: url(../../font/webzine/Binggrae-Bold.eot);
    src: url(../../font/webzine/Binggrae-Bold.eot?#iefix) format('embedded-opentype'),
    url(../../font/webzine/Binggrae-Bold.woff) format('woff'),
    url(../../font/webzine/Binggrae-Bold.woff2) format('woff2'),
    url(../../font/webzine/Binggrae-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'NanumSquareRound';
    font-style: normal;
    font-weight: 300;
    src: local('NanumSquareRoundL'), /* computer */
         url(../../font/webzine/NanumSquareRoundL.eot), /* IE9 Compat Modes */
         url(../../font/webzine/NanumSquareRoundL.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(../../font/webzine/NanumSquareRoundL.woff2) format('woff2'), /* Modern Browsers */
         url(../../font/webzine/NanumSquareRoundL.woff) format('woff'), /* Modern Browsers */
         url(../../font/webzine/NanumSquareRoundL.ttf) format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'NanumSquareRound';
    font-style: normal;
    font-weight: 400;
    src: local('NanumSquareRoundR'), /* computer */
         url(../../font/webzine/NanumSquareRoundR.eot), /* IE9 Compat Modes */
         url(../../font/webzine/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(../../font/webzine/NanumSquareRoundR.woff2) format('woff2'), /* Modern Browsers */
         url(../../font/webzine/NanumSquareRoundR.woff) format('woff'), /* Modern Browsers */
         url(../../font/webzine/NanumSquareRoundR.ttf) format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'NanumSquareRound';
    font-style: normal;
    font-weight: 700;
    src: local('NanumSquareRoundB'), /* computer */
         url(../../font/webzine/NanumSquareRoundB.eot), /* IE9 Compat Modes */
         url(../../font/webzine/NanumSquareRoundB.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(../../font/webzine/NanumSquareRoundB.woff2) format('woff2'), /* Modern Browsers */
         url(../../font/webzine/NanumSquareRoundB.woff) format('woff'), /* Modern Browsers */
         url(../../font/webzine/NanumSquareRoundB.ttf) format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'NanumSquareRound';
    font-style: normal;
    font-weight: 800;
    src: local('NanumSquareRoundEB'), /* computer */
         url(../../font/webzine/NanumSquareRoundEB.eot), /* IE9 Compat Modes */
         url(../../font/webzine/NanumSquareRoundEB.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
         url(../../font/webzine/NanumSquareRoundEB.woff2) format('woff2'), /* Modern Browsers */
         url(../../font/webzine/NanumSquareRoundEB.woff) format('woff'), /* Modern Browsers */
         url(../../font/webzine/NanumSquareRoundEB.ttf) format('truetype'); /* Safari, Android, iOS */
}

/* --------------------------
 *    media
 * --------------------------
**/

@media (min-width: 768px) {
    .page-content .cont-kua .info .txt {
        flex-flow: row;
        align-items: center;
    }
    
    .page-content .cont-kua .info .txt .btn-s-link {
        margin-top: 0px;
        margin-left: 20px;
    }
    
    .page-content .cont-kua-info {
        padding: 30px 35px;
    }
}

@media (max-width: 768px) {
    .page-content .cont-ref .r-tit {
        margin-bottom: 10px;
    }
    
    .page-content .cont-kdc thead th > span {
        background-position: top 20px left 20px, top 20px right 20px;
        font-size: 16px;
    }
    
    .page-content .cont-kdc tbody th > span {
        font-size: 14px;
    }
    
    .page-content .cont-kdc tbody td {
        font-size: 14px;
    }
    
    .page-content .cont-saeil {
        padding: 15px;
    }
    
    .page-content .cont-saeil .top .tit {
        flex-direction: column;
        margin-bottom: 15px;
    }
    
    .page-content .cont-saeil .top .tit .link-group {
        margin-top: 12px;
        text-align: center;
    }
    
    .page-content .cont-saeil .top .tit .link-group span,
    .page-content .cont-saeil .top .tit .link-group a {
        padding: 6px 18px;
    }
    
    .page-content .cont-saeil .bottom {
        margin-top: 15px;
        padding-top: 15px;
    }
    
    .page-content .cont-nosa {
        padding: 20px;
    }
    
    .page-content .cont-cedefop {
        padding: 15px;
    }
    
    .page-content .cont-cedefop .right .tit {
        font-size: 16px;
    }
    
    .page-content .cont-cedefop .right p {
        font-size: 14px;
    }
    
    .page-content .cont-case .img {
        text-align: center;
    }
    
    .page-content .cont-case .case-info {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .page-content .cont-tit {
        margin-bottom: 30px;
    }
    
    .page-content .col-pd-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .page-content .cont-kua {
        flex-flow: row;
    }
    
    .page-content .cont-kua > div {
        width: 50%;
    }
    
    .page-content .cont-4u-step .step {
        padding: 40px 30px 35px;
    }
    
    .page-content .cont-4u-step .step ~ .step {
        margin-top: 20px;
    }
    
    .page-content .cont-capa-info .info-list li:before {
        top: 9px;
    }
    
    .page-content .cont-tit.bubble-tit .bubble {
        padding: 7px 12px;
        font-size: 15px;
    }
    
    .page-content .cont-job-qna {
        padding-bottom: 60px;
    }
    
    .page-content .cont-job-qna .list ~ .list {
        margin-top: 50px;
    }
    
    .page-content .cont-job-qna .list .job-q {
        margin-bottom: 25px;
        font-size: 19px;
    }
    
    .page-content .cont-job-qna .job-btn-group {
        position: absolute;
        bottom: -24px;
        right: 0;
        margin-top: 0;
    }
    
    .page-content .cont-tip-box {
        padding-top: 110px;
    }
    
    .page-content .cont-tip-box:before {
        top: 0;
        left: 50%;
        width: 4px;
        height: 62px;
        margin-left: -2px;
        background-color: #d3f1f5;
    }
    
    .page-content .cont-tip-box:after {
        top: 88px;
    }
    
    .page-content .cont-tip-box .cont-tip {
        padding: 50px 40px 40px;
        border-top-right-radius: 70px;
    }
    
    .page-content .cont-tip-box .cont-tip .tit {
        margin-bottom: 20px;
        font-size: 19px;
    }
    
    .page-content .cont-tip-box .cont-tip .row-box .info {
        padding: 25px 30px;
    }
    
    .page-content .cont-tip-box .cont-tip .row-box .info img {
        display: block;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box {
        flex-flow: row;
        margin-top: 50px;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box .column {
        width: 50%;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box .column:nth-child(1) {
        padding-right: 15px;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box .column:nth-child(2) {
        margin-top: 0;
        padding-left: 15px;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box .info.one {
        justify-content: center;
        align-items: center;
        height: 295px;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box .info.two {
        padding: 25px;
    }
    
    .page-content .cont-qna.type-2 .question-box {
        margin-bottom: 40px;
        padding: 20px;
        border-radius: 38px;
    }
    
    .page-content .cont-qna.type-2 .answer-box {
        padding-left: 20px;
    }
    
    .page-content .cont-qna.type-2 .answer-box .answer {
        padding-left: 70px;
    }
    
    .page-content .gray-box.sm {
        font-size: 14px;
    }
    
    .page-content .gray-box.stw {
        padding: 30px;
    }
    
    .page-content .gray-box.stw .right {
        display: block;
    }
    
    .page-content .gray-box.stw .txt {
        font-size: 15px;
    }
    
    .page-content .cont-kdt {
        padding: 30px;
    }
    
    .page-content .cont-kdt .left {
        display: block;
    }
    
    .page-content .cont-kdt .title {
        font-size: 17px;
    }
    
    .page-content .cont-kdt .title span {
        font-size: 17px;
    }
    
    .page-content .cont-kdc tbody th {
        padding-top: 25px;
        border: none;
        background-color: transparent;
        text-align: center;
        vertical-align: bottom;
    }
    
    .page-content .cont-kdc tbody th > span {
        display: inline-block;
        position: relative;
        padding: 10px 8px 8px;
        border: 1px solid #717185;
        border-bottom: none;
        border-radius: 13px 13px 0 0;
        background-color: #ffda47;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
        color: #333;
    }
    
    .page-content .cont-kdc tbody th > span:after {
        z-index: -1;
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        right: -6px;
        width: 6px;
        height: 37px;
        background: url(/cyberedu/images/webzine/202106/01_02_11.png);
    }
    
    .page-content .cont-kdc-info {
        padding: 0 0 40px 65px;
    }
    
    .page-content .cont-kdc-info .title {
        font-size: 18px;
    }
    
    .page-content .cont-kdc-info .step-group {
        margin-top: 30px;
    }
    
    .page-content .cont-kdc-info .step-group .step {
        flex-direction: row;
        align-items: center;
    }
    
    .page-content .cont-kdc-info .step-group .step dt {
        width: 360px;
        border-right: 3px solid #edeff7;
    }
    
    .page-content .cont-kdc-info .step-group .step dt .text {
        font-size: 17px;
    }
    
    .page-content .cont-kdc-info .step-group .step dd {
        margin-top: 0;
        padding-left: 20px;
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .page-content .mb40 {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 1200px) {
    
}

@charset "utf-8";

/* --------------------------
 *    W. seungmin
 * --------------------------
**/

.color-444 {color: #444 !important;}

.page-content .small {font-size: 13px; vertical-align: baseline; color: #777;}

.page-content .cont-top:after {background-image: url(/cyberedu/images/webzine/img/line.png);}
.page-content .cont-top .writer .tit {font-weight: bold; color: #888;}

.page-content .cont-bottom {background-image: url(/cyberedu/images/webzine/img/line.png);}
.page-content .cont-bottom .sup-box {padding: 20px;}
.page-content .cont-bottom .sup-box p {font-size: 13px;}
.page-content .cont-bottom .sup-box sup.orange {color: #f76707;}
.page-content .cont-bottom .sup-box a {font-size: inherit;}
.page-content .cont-bottom .reference {overflow: hidden;}
.page-content .cont-bottom .reference .r-tit.cyan:before {background: url(/cyberedu/images/webzine/img/icon_clip_cyan.png) no-repeat;}
.page-content .cont-bottom .reference .r-tit.red:before {background: url(/cyberedu/images/webzine/img/icon_clip_red.png) no-repeat;}

.page-content .cont-tit.bubble-tit {padding-left: 0;}
.page-content .cont-tit.bubble-tit:before {content: none;}
.page-content .cont-tit.bubble-tit .bubble {display: inline-block; position: relative; margin-bottom: 10px; padding: 6px 12px 5px; border-radius: 10px; font-family: 'Binggrae'; font-size: 14px; letter-spacing: 1.5px;}
.page-content .cont-tit.bubble-tit .bubble:after {content: ''; display: block; position: absolute; bottom: -7px; left: -7px; width: 14px; height: 14px; border: 7px solid transparent; transform: rotate(45deg);}
.page-content .cont-tit.bubble-tit .underline {z-index: 0; position: relative; font-size: inherit; font-weight: inherit;}
.page-content .cont-tit.bubble-tit .underline:after {z-index: -1; content: ''; display: block; position: absolute; left: 0; bottom: 2px; width: 100%; height: 10px;}
.page-content .cont-tit.bubble-tit.cyan .bubble {background-color: #d8f7fa; color: #009fb5;}
.page-content .cont-tit.bubble-tit.cyan .bubble:after {border-top-color: #d8f7fa; border-right-color: #d8f7fa;}
.page-content .cont-tit.bubble-tit.cyan .underline:after {background-color: #d6f9fc;}
.page-content .cont-tit.bubble-tit.blue .bubble {background-color: #e1f0ff; color: #177fd8;}
.page-content .cont-tit.bubble-tit.blue .bubble:after {border-top-color: #e1f0ff; border-right-color: #e1f0ff;}
.page-content .cont-tit.bubble-tit.blue .underline:after {background-color: #dbedff;}
.page-content .cont-tit.bubble-tit.indigo .bubble {background-color: #ebf0ff; color: #4361de;}
.page-content .cont-tit.bubble-tit.indigo .bubble:after {border-top-color: #ebf0ff; border-right-color: #ebf0ff;}
.page-content .cont-tit.bubble-tit.indigo .underline:after {background-color: #e2e9ff;}

.page-content .cont-tit.bubble-tit.violet .tag {background: url(/cyberedu/images/webzine/02_02_10.png);}
.page-content .cont-tit.bubble-tit.violet .underline:after {background-color: #e8e0fc;}

.page-content .cont-job-qna .job-btn-group .btn-link.violet span:nth-child(1) {background-color: #775bc9;}
.page-content .cont-job-qna .job-btn-group .btn-link.violet span:nth-child(2) {background-color: #7156be;}

.page-content .cont-tit.number {display: flex; align-items: center; padding-left: 0;}
.page-content .cont-tit.number .red {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin-right: 8px; background: url(../img/number_red.png) no-repeat; font-size: 19px; font-weight: bold; color: #fff;}

.page-content .cont-txt > sup.orange {color: #f76707;}
.page-content .cont-txt sup.orange {font-weight: bold; color: #f76707;}

.page-content .cont-kua {display: flex; flex-flow: column;}
.page-content .cont-kua > div {display: flex; width: 100%; padding: 30px 40px; box-shadow: 0px 12px 25px 0px rgba(0, 0, 0, .08); background-color: #fff;}
.page-content .cont-kua > div img {max-width: none; margin: 0 40px 0 0;}
.page-content .cont-kua .info {margin-top: 10px;}
.page-content .cont-kua .info p {font-family: 'Binggrae'; font-weight: bold; letter-spacing: -.03em;}
.page-content .cont-kua .info .tit {font-size: 20px; color: #1864ab;}
.page-content .cont-kua .info .txt {display: flex; flex-flow: column; align-items: flex-start; font-size: 18px; color: #444;}
.page-content .cont-kua > div:first-child .info .txt {margin-top: 7px;}
.page-content .cont-kua .info .txt .btn-s-link {display: flex; margin-top: 10px}
.page-content .cont-kua .info .txt .btn-s-link span {padding: 8px 12px;font-size: 16px; font-weight: bold; letter-spacing: -.03em; color: #fff;}
.page-content .cont-kua .info .txt .btn-s-link span:nth-child(1) {border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: #1c7ed6;}
.page-content .cont-kua .info .txt .btn-s-link span:nth-child(2) {border-top-right-radius: 10px; border-bottom-right-radius: 10px; background-color: #1971c2;}

.page-content .cont-kua-info {padding: 20px; background-color: #eff6fb;}
.page-content .cont-kua-info .tit {margin-bottom: 20px; font-size: 18px; font-weight: bold;}
.page-content .cont-kua-info .subtit {margin-bottom: 10px; font-weight: bold; color: #1864ab;}
.page-content .cont-kua-info .bottom {margin-top: 20px; padding-top: 20px; border-top: 1px solid #dfdaec;}

.page-content .cont-ref {padding: 16px 20px;}
.page-content .cont-ref .r-tit {margin-bottom: 0;}
.page-content .cont-ref .r-tit.blue:before {background-image: url(/cyberedu/images/webzine/icon_clip_blue.png);}
.page-content .cont-ref .r-tit.red:before {background: url(../img/icon_clip_red.png);}

.page-content .cont-4u-step {position: relative;}
.page-content .cont-4u-step:before {z-index: -1; content: ''; display: block; position: absolute; top: -30px; right: 10px; width: 62px; height: 32px; background: url(../img/postit.png) no-repeat;}
.page-content .cont-4u-step .step {padding: 25px 15px 20px; background: #f4f4f4 url(../img/bg_qna.jpg) repeat;}
.page-content .cont-4u-step .step ~ .step {margin-top: 20px;}
.page-content .cont-4u-step .step img {display: inline-block; max-width: none; margin: 0 2px 0 0;}
.page-content .cont-4u-step .step.one img {margin-top: -15px;}
.page-content .cont-4u-step .step.two img {margin-top: -20px;}
.page-content .cont-4u-step .step.three img {margin-top: -25px;}

.page-content .cont-capa-info.fouru {background-color: #f2f0f7;}
.page-content .cont-capa-info.fouru .info-list li:before {background-color: #5336a9;}
.page-content .cont-capa-info .info-list li:before {top: 5px;}
.page-content .cont-capa-info.fouru .info-list li strong {color: #5336a9;}

.page-content .cont-job-qna {position: relative; margin-left: 25px; padding-left: 40px; padding-bottom: 40px; border-left: 1px solid #dbdcdf; border-bottom: 1px solid #dbdcdf;}
.page-content .cont-job-qna .list {position: relative;}
.page-content .cont-job-qna .list:before {content: ''; display: block; position: absolute; top: -8px; left: -65px; width: 50px; height: 50px;}
.page-content .cont-job-qna .list.type-1:before {background: url(/cyberedu/images/webzine/icon_job1.png);}
.page-content .cont-job-qna .list.type-2:before {background: url(/cyberedu/images/webzine/icon_job2.png);}
.page-content .cont-job-qna .list ~ .list {margin-top: 20px;}
.page-content .cont-job-qna .list .job-q {margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #383d51;}
.page-content .cont-job-qna .job-btn-group {display: flex; position: relative; margin-top: 20px;}
.page-content .cont-job-qna .job-btn-group .btn-link {display: flex;}
.page-content .cont-job-qna .job-btn-group .btn-link ~ .btn-link {margin-left: 15px;}
.page-content .cont-job-qna .job-btn-group .btn-link:hover, .page-content .cont-job-qna .job-btn-group .btn-link:focus {text-decoration: none;}
.page-content .cont-job-qna .job-btn-group .btn-link span {padding: 10px 18px 12px; font-weight: bold; color: #fff;}
.page-content .cont-job-qna .job-btn-group .btn-link span:nth-child(1) {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.page-content .cont-job-qna .job-btn-group .btn-link span:nth-child(2) {border-top-right-radius: 10px; border-bottom-right-radius: 10px; font-family: 'Binggrae';}
.page-content .cont-job-qna .job-btn-group .btn-link.cyan span:nth-child(1) {background-color: #14aec5;}
.page-content .cont-job-qna .job-btn-group .btn-link.cyan span:nth-child(2) {background-color: #0da6be;}
.page-content .cont-job-qna .job-btn-group .btn-link.blue span:nth-child(1) {background-color: #1d84de;}
.page-content .cont-job-qna .job-btn-group .btn-link.blue span:nth-child(2) {background-color: #1b7ed4;}
.page-content .cont-job-qna .job-btn-group .btn-link.indigo span:nth-child(1) {background-color: #4765df;}
.page-content .cont-job-qna .job-btn-group .btn-link.indigo span:nth-child(2) {background-color: #425ed1;}

.page-content .cont-tip-box {position: relative; padding-top: 22px;}
.page-content .cont-tip-box:before, .page-content .cont-tip-box:after {content: ''; display: block; position: absolute;}
.page-content .cont-tip-box:after {top: 0; left: 50%; width: 123px; height: 44px; margin-left: -62px; background: url(/cyberedu/images/webzine/tip.png);}
.page-content .cont-tip-box .cont-tip {padding: 40px 20px 20px; background-color: #ecf9fa;}
.page-content .cont-tip-box .cont-tip .tit {margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.page-content .cont-tip-box .cont-tip .info {position: relative; box-shadow: 0px 15px 20px 0px rgba(44, 201, 199, .1); background-color: #fff;}
.page-content .cont-tip-box .cont-tip .info img {box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);}
.page-content .cont-tip-box .cont-tip .info .subtit {font-weight: bold;}
.page-content .cont-tip-box .cont-tip .row-box .info {padding: 20px;}
.page-content .cont-tip-box .cont-tip .row-box .info img {display: none; position: absolute; right: 30px; bottom: 25px;}
.page-content .cont-tip-box .cont-tip .row-box .info .subtit {margin-bottom: 18px;}
.page-content .cont-tip-box .cont-tip .column-box {display: flex; flex: 1; flex-flow: column; margin-top: 25px;}
.page-content .cont-tip-box .cont-tip .column-box .column:nth-child(2) {margin-top: 25px;}
.page-content .cont-tip-box .cont-tip .column-box .info {display: flex; padding: 20px;}
.page-content .cont-tip-box .cont-tip .column-box .info img {max-width: none; margin: 0;}
.page-content .cont-tip-box .cont-tip .column-box .info.one .right {padding-left: 30px;}
.page-content .cont-tip-box .cont-tip .column-box .info.one .right .subtit {margin-bottom: 25px;}
.page-content .cont-tip-box .cont-tip .column-box .info.two {flex-flow: column;}
.page-content .cont-tip-box .cont-tip .column-box .info.two > div {display: flex; align-items: center;}
.page-content .cont-tip-box .cont-tip .column-box .info.two > div ~ div {margin-top: 15px;}
.page-content .cont-tip-box .cont-tip .column-box .info.two .right {margin-left: 20px;}
.page-content .cont-tip-box .cont-tip .column-box .info.two .right .subtit {margin-bottom: 15px;}
.page-content .cont-tip-box .cont-tip .column-box .info.two .right .txt {font-size: 14px;}
.page-content .cont-tip-box .cont-tip .column-box .info.two .right .txt > a {font-size: inherit;}

.page-content .cont-qna.type-2 .question-box {margin-bottom: 15px; padding: 15px; background-color: #f6f0e6;}
.page-content .cont-qna.type-2 .question-box:before {content: none;}
.page-content .cont-qna.type-2 .question-box dl dt {width: 50px; height: 50px; margin-right: 15px; border-radius: 20px; background-color: #d0c0a6; line-height: 46px; color: #7f735b;}
.page-content .cont-qna.type-2 .question-box dl dd {color: #333;}
.page-content .cont-qna.type-2 .answer-box {padding: 0; background: none;}
.page-content .cont-qna.type-2 .answer-box .answer {padding: 0;}
.page-content .cont-qna.type-2 .answer-box .answer:before {width: 50px; height: 50px; border-radius: 20px; background-color: #e9ecef; line-height: 44px; color: #6e7780;}

.page-content .cont-qna .answer-box {background: #f4f4f4 url(/cyberedu/images/webzine/bg_qna.jpg) repeat;}
.page-content .cont-qna .answer-box .answer.yellow:before {background-color: #fab005;}

.page-content .cont-interview.indigo {color: #475ab6;}

.page-content .cont-card.indigo {background-color: #f0f2fb;}
.page-content .cont-card.indigo .card-tit:before {background-color: #4263eb;}

.cont-nav-center {padding: 15px; border: 1px solid #e4e4e4; background-color: #f8f8f8; text-align: center;}
.cont-nav-center a:hover, .cont-nav-center a:focus {text-decoration: none;}
.cont-nav-center a.cyan {border-bottom: 1px solid #1098ad; color: #1098ad;}

.page-content .gray-box {padding: 20px; background-color: #f4f4f4;}
.page-content .gray-box.sm {padding: 15px 20px; font-size: 13px; color: #555;}
.page-content .gray-box.stw {display: flex; flex: 1; flex-wrap: wrap; padding: 20px;}
.page-content .gray-box.stw .right {display: none; margin-left: auto;}
.page-content .gray-box.stw .tit {margin-bottom: 12px; font-weight: bold;}
.page-content .gray-box.stw .txt {font-size: 14px;}
.page-content .gray-box.stw .bottom {width: 100%; margin-top: 25px; padding-top: 25px; border-top: 1px solid #ddd;}
.page-content .gray-box.stw .bottom dl {display: flex; flex: 1; margin-bottom: 0;}
.page-content .gray-box.stw .bottom dt {margin-right: 15px; font-size: 14px; font-weight: bold; line-height: 1.6; color: #444;}
.page-content .gray-box.stw .bottom dd p {font-size: 14px; color: #666;}
.page-content .gray-box.stw .bottom dd p ~ p {margin-top: 5px;}
.page-content .gray-box.stw .bottom dd p a {margin-left: 10px; font-size: 14px;}

.page-content .cont-txt .text-indent {text-indent: 14px;}
.page-content .cont-interview .text-indent {text-indent: 14px;}

.page-content .cont-kua-info.kdt {background-color: #f2f5fc;}
.page-content .cont-kua-info.kdt .tit {margin-bottom: 10px; font-family: 'NanumSquareRound'; font-size: 19px; letter-spacing: 0;}
.page-content .cont-kua-info.kdt .bottom {margin-top: 25px; padding-top: 25px;}

.page-content .cont-qna.type-2 .answer-box .answer .text-indent.lh {line-height: 1.75;}

.page-content .word-hl {z-index: 1; display: inline; position: relative; font-weight: bold; color: inherit;}
.page-content .word-hl:before {z-index: -1; content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background-color: #dbe4ff;}

.page-content .cont-qna.type-2 .answer-box .answer .hl {font-weight: normal;}

.page-content .cont-dic {position: relative; padding: 30px 35px; border: 1px solid #e4e4e4; background: url(/cyberedu/images/webzine/point_bar.png) no-repeat top left;}
.page-content .cont-dic:before {content: ''; display: none; position: absolute; top: -6px; right: 30px; width: 82px; height: 95px; background: url(/cyberedu/images/webzine/03_01_08.png);}
.page-content .cont-dic .top {margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #f4f4f4;}
.page-content .cont-dic .top .tit {margin-right: 25px; font-family: 'NanumSquareRound'; font-size: 22px; font-weight: 800; letter-spacing: 0; color: #6b542e;}
.page-content .cont-dic .top p {display: inline-block; vertical-align: top; color: #666;}
.page-content .cont-dic .bottom dl {padding-left: 15px; border-left: 4px solid #d5cab7;}
.page-content .cont-dic .bottom dl ~ dl {margin-top: 25px;}
.page-content .cont-dic .bottom dl dt {margin-bottom: 10px; font-size: 16px; font-weight: bold; color: #222;}
.page-content .cont-dic .bottom dl dd {font-size: 14px; color: #333;}
.page-content .cont-dic .bottom dl dd ul li {position: relative; padding-left: 10px; font-size: 14px; color: #333;}
.page-content .cont-dic .bottom dl dd ul li:before {content: '-'; display: block; position: absolute; left: 0;}

.page-content .cont-qna .question-box dl dd .color {font-size: inherit; font-weight: inherit; color: #fff7b5;}
.page-content .cont-qna .answer-box .answer .hl.light {background-color: #fcfadf;}
.page-content .cont-qna .answer-box .answer .lh175 {line-height: 1.75;}

.page-content .cont-job-center.new5060 .left {display: flex; flex-direction: row; justify-content: space-between; background-image: -moz-linear-gradient( 135deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%); background-image: -webkit-linear-gradient( 135deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%); background-image: -ms-linear-gradient( 135deg, rgba(242,142,38,0.99608) 0%, rgb(253,100,79) 100%); background-position: top left;}
.page-content .cont-job-center.new5060 .left .center-tit {font-family: 'NanumSquareRound'; font-size: 25px; font-weight: 800; letter-spacing: 0;}
.page-content .cont-job-center.new5060 .left a {position: relative; padding: 12px 15px; border: 1px solid #fff; font-family: 'NanumSquareRound'; letter-spacing: 0; color: #fff;}
.page-content .cont-job-center.new5060 .left a:before {content: ''; display: block; position: absolute; top: 80%; right: -10px; width: 70px; height: 9px; background: url(../img/arrow_5060.png);}
.page-content .cont-job-center.new5060 .right dl {display: flex; flex-direction: column;}
.page-content .cont-job-center.new5060 .right dt .center-subtit {background-image: url(/cyberedu/images/webzine/icon_star_green.png);}

.page-content .cont-txt .itv-hl {display: inline; padding: 0 2px; background-color: #fcfadf;}
.page-content .cont-txt .itv-hl.blue {background-color: #e7f4f6;}

.page-content .cont-interview .text-indent {font-weight: inherit; letter-spacing: inherit; color: #004996;}

.lh1625 {line-height: 1.625 !important;}

.hl-wrd {display: inline; padding: 0 2px; background-color: #dbe4ff; font-weight: bold; color: inherit;}

.cont-sep2021-info {padding: 15px;}
.cont-sep2021-info .tit {position: relative; margin-bottom: 15px; padding-left: 13px; font-size: 18px; font-weight: bold;}
.cont-sep2021-info .tit:before {content: ''; display: block; position: absolute; top: 8px; left: 0; width: 5px; height: 14px;}
.cont-sep2021-info p {font-size: 14px;}
.cont-sep2021-info ul {margin-top: 15px;}
.cont-sep2021-info ul li {display: flex; flex-direction: column; align-items: flex-start; position: relative; padding-left: 12px;}
.cont-sep2021-info ul li ~ li {margin-top: 8px;}
.cont-sep2021-info ul li:before {content: ''; display: block; position: absolute; top: 8px; left: 0; width: 4px; height: 4px;}
.cont-sep2021-info ul li strong {margin-right: 15px; font-size: 14px; font-weight: bold; color: #444;}
.cont-sep2021-info ul li span {font-size: 14px; color: #444;}
.cont-sep2021-info .btn-more {margin-top: 20px; padding: 10px 15px; padding-right: 35px; border-radius: 50em; background: url(../img/arrow_btn_more.png) no-repeat center right 15px; font-size: 14px; font-weight: bold; color: #fff;}

.cont-sep2021-info.blue {background-color: #f0f6fd;}
.cont-sep2021-info.blue .tit:before {background-color: #509aeb;}
.cont-sep2021-info.blue ul li:before {background-color: #69809a;}
.cont-sep2021-info.blue .btn-more {background-color: #4f92dc;}

.cont-sep2021-info.violet {background-color: #f7f4fa;}
.cont-sep2021-info.violet .tit:before {background-color: #a479ce;}
.cont-sep2021-info.violet ul li:before {background-color: #816e91;}
.cont-sep2021-info.violet .btn-more {background-color: #9d77c3;}

.cont-eis-guide {padding: 20px; border: 5px solid #f4f4f4; border-radius: 20px;}
.cont-eis-guide .step ~ .step {margin-top: 40px;}
.cont-eis-guide .step .tit {margin-bottom: 20px; padding-left: 58px; font-size: 19px; font-weight: bold; line-height: 45px;}
.cont-eis-guide .step .step2 {position: relative; width: 100%;}
.cont-eis-guide .step .step2 p {margin-top: 15px;}
.cont-eis-guide .step .step4 {position: relative; width: 100%;}
.cont-eis-guide .step .step4 p {margin-top: 15px;}
.cont-eis-guide .step.one .tit {background: url(/cyberedu/images/webzine/2021_09/05_01_02.png) no-repeat top left;}
.cont-eis-guide .step.two .tit {background: url(/cyberedu/images/webzine/2021_09/05_01_03.png) no-repeat top left;}
.cont-eis-guide .step.three .tit {background: url(/cyberedu/images/webzine/2021_09/05_01_04.png) no-repeat top left;}
.cont-eis-guide .step.four .tit {background: url(/cyberedu/images/webzine/2021_09/05_01_05.png) no-repeat top left;}
.cont-eis-guide .step.five .tit {background: url(/cyberedu/images/webzine/2021_09/05_01_06.png) no-repeat top left;}

.eis-menu {height: 52px; padding-top: 17px; padding-left: 115px; font-size: 19px; font-weight: bold;}
.eis-menu.one {background: url(/cyberedu/images/webzine/2021_09/05_01_19.png) no-repeat top left;}
.eis-menu.two {background: url(/cyberedu/images/webzine/2021_09/05_01_20.png) no-repeat top left;}
.eis-menu.three {background: url(/cyberedu/images/webzine/2021_09/05_01_21.png) no-repeat top left;}

.eis-menu-table th, .eis-menu-table td {padding: 15px; border: 1px solid #cfcfcf;}
.eis-menu-table th {background-color: #eee; font-weight: bold;}

.page-content .cont-part-tit {margin-bottom: 20px; font-size: 18px; font-weight: bold;}
.page-content .cont-part-tit span {display: block; position: relative; margin-bottom: 5px; padding-left: 40px; font-size: 19px; font-weight: bold; letter-spacing: 0;}
.page-content .cont-part-tit span:before, .cont-part-tit span:after {content: ''; display: block; position: absolute; border-radius: 50%;}
.page-content .cont-part-tit span:before {top: 8px; left: 0; width: 17px; height: 17px;}
.page-content .cont-part-tit span:after {top: 12px; left: 22px; width: 9px; height: 9px;}
.page-content .cont-part-tit.one span {color: #f88609;}
.page-content .cont-part-tit.one span:before {border: 3px solid #f88609;}
.page-content .cont-part-tit.one span:after {background-color: #f88609;}
.page-content .cont-part-tit.two span {color: #0659a7;}
.page-content .cont-part-tit.two span:before {border: 3px solid #0659a7;}
.page-content .cont-part-tit.two span:after {background-color: #0659a7;}
.page-content .cont-part-tit.three span {color: #f0353c;}
.page-content .cont-part-tit.three span:before {border: 3px solid #f0353c;}
.page-content .cont-part-tit.three span:after {background-color: #f0353c;}
.page-content .cont-part-tit.four span {color: #0da244;}
.page-content .cont-part-tit.four span:before {border: 3px solid #0da244;}
.page-content .cont-part-tit.four span:after {background-color: #0da244;}

.page-content .cont-part-page {display: flex; justify-content: center; width: 100%; padding: 30px 30px 20px; background-color: #f4f4f4; text-align: center;}
.page-content .cont-part-page div ~ div {margin-left: 80px;}
.page-content .cont-part-page p {margin-top: 15px; color: #666;}

.page-content .cont-strtg-tit {margin-bottom: 20px; padding-top: 22px; padding-left: 62px; font-size: 18px; font-weight: bold;}
.page-content .cont-strtg-tit.one {background: url(/cyberedu/images/webzine/2021_09/01_02_05.png) no-repeat;}
.page-content .cont-strtg-tit.two {background: url(/cyberedu/images/webzine/2021_09/01_02_06.png) no-repeat;}
.page-content .cont-strtg-tit.three {background: url(/cyberedu/images/webzine/2021_09/01_02_07.png) no-repeat;}

/* --------------------------
 *    font
 * --------------------------
**/

@font-face {
    font-family: 'Binggrae';
    src: url(../../font/webzine/Binggrae.eot);
    src: url(../../font/webzine/Binggrae.eot?#iefix) format('embedded-opentype'),
    url(../../font/webzine/Binggrae.woff) format('woff'),
    url(../../font/webzine/Binggrae.woff2) format('woff2'),
    url(../../font/webzine/Binggrae.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Binggrae';
    src: url(../../font/webzine/Binggrae-Bold.eot);
    src: url(../../font/webzine/Binggrae-Bold.eot?#iefix) format('embedded-opentype'),
    url(../../font/webzine/Binggrae-Bold.woff) format('woff'),
    url(../../font/webzine/Binggrae-Bold.woff2) format('woff2'),
    url(../../font/webzine/Binggrae-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* --------------------------
 *    media
 * --------------------------
**/

@media (min-width: 768px) {
    .page-content .cont-kua .info .txt {
        flex-flow: row;
        align-items: center;
    }
    
    .page-content .cont-kua .info .txt .btn-s-link {
        margin-top: 0px;
        margin-left: 20px;
    }
    
    .page-content .cont-kua-info {
        padding: 30px 35px;
    }
}

@media (max-width: 768px) {
    .page-content .cont-ref .r-tit {
        margin-bottom: 10px;
    }
    
    .page-content .sm-mb20 {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .page-content .cont-tit {
        margin-bottom: 30px;
    }
    
    .page-content .col-pd-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .page-content .cont-kua {
        flex-flow: row;
    }
    
    .page-content .cont-kua > div {
        width: 50%;
    }
    
    .page-content .cont-4u-step .step {
        padding: 40px 30px 35px;
    }
    
    .page-content .cont-4u-step .step ~ .step {
        margin-top: 20px;
    }
    
    .page-content .cont-capa-info .info-list li:before {
        top: 9px;
    }
    
    .page-content .cont-tit.bubble-tit .bubble {
        padding: 7px 12px;
        font-size: 15px;
    }
    
    .page-content .cont-job-qna {
        padding-bottom: 60px;
    }
    
    .page-content .cont-job-qna .list ~ .list {
        margin-top: 50px;
    }
    
    .page-content .cont-job-qna .list .job-q {
        margin-bottom: 25px;
        font-size: 19px;
    }
    
    .page-content .cont-job-qna .job-btn-group {
        position: absolute;
        bottom: -24px;
        right: 0;
        margin-top: 0;
    }
    
    .page-content .cont-tip-box {
        padding-top: 110px;
    }
    
    .page-content .cont-tip-box:before {
        top: 0;
        left: 50%;
        width: 4px;
        height: 62px;
        margin-left: -2px;
        background-color: #d3f1f5;
    }
    
    .page-content .cont-tip-box:after {
        top: 88px;
    }
    
    .page-content .cont-tip-box .cont-tip {
        padding: 50px 40px 40px;
        border-top-right-radius: 70px;
    }
    
    .page-content .cont-tip-box .cont-tip .tit {
        margin-bottom: 20px;
        font-size: 19px;
    }
    
    .page-content .cont-tip-box .cont-tip .row-box .info {
        padding: 25px 30px;
    }
    
    .page-content .cont-tip-box .cont-tip .row-box .info img {
        display: block;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box {
        flex-flow: row;
        margin-top: 50px;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box .column {
        width: 50%;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box .column:nth-child(1) {
        padding-right: 15px;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box .column:nth-child(2) {
        margin-top: 0;
        padding-left: 15px;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box .info.one {
        justify-content: center;
        align-items: center;
        height: 295px;
    }
    
    .page-content .cont-tip-box .cont-tip .column-box .info.two {
        padding: 25px;
    }
    
    .page-content .cont-qna.type-2 .question-box {
        margin-bottom: 40px;
        padding: 20px;
        border-radius: 38px;
    }
    
    .page-content .cont-qna.type-2 .answer-box {
        padding-left: 20px;
    }
    
    .page-content .cont-qna.type-2 .answer-box .answer {
        padding-left: 70px;
    }
    
    .page-content .gray-box.sm {
        font-size: 14px;
    }
    
    .page-content .gray-box.stw {
        padding: 30px;
    }
    
    .page-content .gray-box.stw .right {
        display: block;
    }
    
    .page-content .gray-box.stw .txt {
        font-size: 15px;
    }
    
    .page-content .cont-txt .text-indent {
        text-indent: 16px;
    }
    
    .page-content .cont-interview .text-indent {
        text-indent: 16px;
    }
    
    .page-content .cont-safety .right .nav .right {
        font-size: 16px;
    }
    
    .page-content .cont-dic:before {
        display: block;
    }
    
    .page-content .cont-job-center.new5060 .right dl {
        flex-direction: row;
    }
    
    .page-content .cont-job-center.new5060 .right dt {
        width: 20%;
    }
    
    .page-content .cont-job-center.new5060 .right dd {
        width: 80%;
    }
    
    .cont-sep2021-info {
        padding: 30px;
    }
    
    .cont-sep2021-info p {
        font-size: 15px;
    }
    
    .cont-sep2021-info ul li {
        flex-direction: row;
        align-items: center;
    }
    
    .cont-sep2021-info ul li strong {
        font-size: 15px;
    }
    
    .cont-sep2021-info ul li span {
        font-size: 15px;
    }
    
    .cont-eis-guide {
        padding: 30px;
    }
    
    .cont-eis-guide .step .tit {
        margin-bottom: 25px;
    }
    
    .cont-eis-guide .step .step2 {
        height: 240px;
    }
    
    .cont-eis-guide .step .step2 p {
        position: absolute;
        top: 70px;
        right: 38px;
        margin-top: 0;
        padding-left: 105px;
        background: url(/cyberedu/images/webzine/2021_09/05_01_10.png) no-repeat top 12px left 0;
    }
    
    .cont-eis-guide .step .step4 {
        height: 240px;
    }
    
    .cont-eis-guide .step .step4 p {
        position: absolute;
        top: 70px;
        right: 186px;
        margin-top: 0;
        padding-left: 105px;
        background: url(/cyberedu/images/webzine/2021_09/05_01_16.png) no-repeat top 12px left 0;
    }
    
    .page-content .column-info {
        background: url(/cyberedu/images/webzine/icon_column.jpg) no-repeat top 30px left 30px;
    }
    
    .page-content .cont-part-tit {
        margin-bottom: 30px;
        font-size: 22px;
    }
    
    .page-content .cont-strtg-tit {
        margin-bottom: 30px;
        font-size: 22px;
    }
}

@media (max-width: 992px) {
    
}

@media (min-width: 1200px) {
    .page-content .cont-job-center.new5060 .left {
        flex-direction: column;
        padding: 45px 40px 45px 35px;
    }
    
    .page-content .cont-job-center.new5060 .left a:before {
        top: 50%;
        right: -25px;
    }
}