/*
 * optian reset
 * wireframe.css
 */
/* Font Family */
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
     font-weight: 100;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
     font-weight: 200;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
     font-weight: 300;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
     font-weight: 400;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
     font-weight: 500;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
     font-weight: 600;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
     font-weight: 700;
     font-display: swap;
}
 
@font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
     font-weight: 800;
     font-display: swap;
}
 
 @font-face {
     font-family: 'Pretendard';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
     font-weight: 900;
     font-display: swap;
 }

h1, h2, h3, h4, h5, h6, div, p, span, a, ul, ol {
	font-family: 'Pretendard' !important;
}

.fa, .far, .fas {
	font-family: "Font Awesome 5 Free" !important;
}

i.mce-i-aligncenter, i.mce-i-alignjustify, i.mce-i-alignleft, i.mce-i-alignright, i.mce-i-backcolor, i.mce-i-blockquote, i.mce-i-bold, i.mce-i-bullist, i.mce-i-charmap, i.mce-i-dashicon, i.mce-i-dfw, i.mce-i-forecolor, i.mce-i-fullscreen, i.mce-i-help, i.mce-i-hr, i.mce-i-indent, i.mce-i-italic, i.mce-i-link, i.mce-i-ltr, i.mce-i-numlist, i.mce-i-outdent, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-redo, i.mce-i-remove, i.mce-i-removeformat, i.mce-i-spellchecker, i.mce-i-strikethrough, i.mce-i-underline, i.mce-i-undo, i.mce-i-unlink, i.mce-i-wp-media-library, i.mce-i-wp_adv, i.mce-i-wp_code, i.mce-i-wp_fullscreen, i.mce-i-wp_help, i.mce-i-wp_more, i.mce-i-wp_page {
    font: normal 20px / 1 dashicons !important;
}
[class*=" eicon-"], [class^=eicon]  {
	font-family: eicons !important;
}

/* Layout */
.home .st-header-inner-box,
.single .st-header-inner-box,
.page .st-header-inner-box,
.category .st-header-inner-box,
.author .st-header-inner-box {
    width: 840px;
}
.home .st-main-section-content,
.single .st-main-section-content,
.page .st-main-section-content,
.category .st-main-section-content,
.author .st-main-section-content {
	width: 820px;
}
.category .st-main-title-heading {
    margin-top: 30px;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    body .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
        padding: 10px 14px;
    }
}



/* Navi */
.nav-img .st-gn-link-depth-1 .st-gn-link-depth-1-text-wrap {
	font-size: 12px;
	padding: 8px 12px;
	background-color: #e9f8fc;
	color: #4262ff;
	font-weight: 400;
}
.st-header-v1 .st-gn-list.st-justify-content-start .st-gn-item-depth-1.nav-img {
	margin-left: auto;
}
.home .st-header-v1-gn-item-left .m-r-45 {
	margin-right: 94px;
}
.st-gn-searchbox {
    width: 600px;
}
/* Mobile-Navi */
.nav-img .st-mobile-gn-link-depth-1 .st-mobile-gn-link-depth-1-text-wrap {
	font-size: 12px;
	padding: 8px 12px;
	background-color: #e9f8fc;
	color: #4262ff;
	font-weight: 400;
}
body .st-out-link::after {
    display: none;
}

/* Page */
.st-grid-col-content-script .st-article-title {
	display: -webkit-box;   
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}

/* Main Page */
.main-new-story .pt-cv-view .pt-cv-title,
.main-popular-post .st-article-title {
	display: -webkit-box;   
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2;
}
.pt-cv-view .pt-cv-title {
	margin-top: 16px !important;
}
.main-popular-post .st-grid-col-content-asset,
.main-popular-post .st-grid-col-content-figure {
	border-radius: 10px;
}
.main-popular-post .st-grid-col-content-script {
	padding: 16px 0 0;
}
.main-popular-post .st-article-title {
	font-weight: 600;
	font-size: 15px;
	line-height: 1.4em;
}
.main-popular-post .st-article-a:hover .st-article-title {
	color: #4262FF !important;
}
body .pt-cv-view .pt-cv-carousel-indicators li.active {
    background: #4d596f;
    border: none;
    width: 9px;
    height: 9px;
}
body .pt-cv-wrapper .pt-cv-carousel-indicators li {
    width: 9px;
    height: 9px;
    background: transparent;
    border: 1px solid #4d596f;
}
.pt-cv-scrollable.iscvblock .pt-cv-carousel {
    padding-bottom: 20px;
}
.pt-cv-scrollable .pt-cv-carousel .item {
    margin-left: 14px;
    margin-right: 14px;
}
body .pt-cv-thumb-wrapper {
    border-radius: 14px !important;
}
.home .st-article-type-col .st-grid-col-content-figure {
    border-radius: 14px;
}



.main-s .premium-blog-content-wrapper {
    position: relative;
    top: -450px;
    margin: 0;
    padding: 0;
}
.main-s .premium-blog-thumb-effect-wrapper {
    top: 165px;
}
.main-s .premium-blog-entry-title {
    margin-top: 0;
    text-align: center;
}
.main-s .premium-blog-post-content {
    text-align: center;
    margin-top: 0;
}
.main-s .premium-blog-post-container {
    height: 740px;
    margin-right: 7px;
    margin-left: 7px;
}
.main-s .premium-blog-post-outer-container {
    height: 740px;
}
.main-s .slick-dots {
    top: -125px;
}
.main-s ul.slick-dots li {
    margin: 3px;
    width: 6px;
    height: 5px;
}
.main-s .fa-circle:before {
    border: 1px solid #4d596f;
    border-radius: 50%;
    font-size: 7px;
}
.main-s .premium-blog-entry-title {
    display: -webkit-box;   
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
@media (max-width: 768px) {
    .st-main-sidebar-no-divider {
        padding-top: 50px;
    }
    .main-s .premium-blog-post-container:not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
        position: relative;
        top: -454px;
        margin: 0;
        padding: 0;
    }
    .main-s .premium-blog-thumb-effect-wrapper {
        top: 150px;
    }
    .main-s .slick-dots {
        top: -125px;
    }
    .st-article-title {
        font-size: 18px;
    }
}
@media (max-width: 500px) {
    .main-s .premium-blog-post-container:not(.premium-blog-skin-banner) .premium-blog-content-wrapper {
        top: -170px;
    }
    .main-s .slick-dots {
        top: -395px;
    }
    body .st-grid-col-content-figure.st-pos-abs {
        height: 14.134em;
    }
}
.main-s .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before,
.main-s .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after {
    display: none;
}

/* Author */
.st-archive-main-section.st-main-sidebar-no-divider ,
.st-category-main-section.st-main-sidebar-no-divider{
    padding-top: 0px;
}
.st-avartar img {
    background-color: #e1e7f1;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-bottom: 16px;
}
.st-profile-desc {
    font-size: 14px;
    line-height: 1em;
    color: #67748E;
    margin-top: 10px;
}

/* Blog */
.sub-title h3{
    border-left: 4px solid;
    padding-left: 10px;
}
.premium-blog-post-content {
    display: -webkit-box;   
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.st-has-no-comments .st-grid-col-content {
    padding-bottom: 24px;
}
.st-grid-col-content-script {
    padding: 24px 24px 0;
}
.st-not-mobile .st-article-type-col:hover .st-grid-col-content-asset::after {
    height: 0;
}
.elementor-element img {
    border-radius: 16px !important;
}

.single .elementor-element img {
    border-radius: 0px !important;
}
body.st-not-mobile .st-article-type-col:hover .st-article-title {
    transform: translateY(0px);
    color: #4262FF !important;
}
body .st-grid-col-content-script .st-article-title {
    font-size: 18px;
    line-height: 1.4em;
}
.home .st-grid-col-content-script {
    padding: 24px 0px 0;
}
.home .st-viewmore-icon {
    display: none;
}
.home .st-viewmore-text {
    font-size: 12px;
    font-weight: 700;
}
.home .st-article-viewmore-button {
    border: 1px solid #C8D2E4;
    border-radius: 6px;
    padding: 10px 20px;
    transition: all .4s;
}
.home .st-article-viewmore-button:hover {
    background-color: #4D596F;
}
.home .st-article-viewmore-button:hover .st-viewmore-text {
    color: #fff;
}
.home .elementor-17 .elementor-element.elementor-element-1160ce0 .st-article-viewmore-button-container {
    margin-top: 15px;
}
.pt-cv-thumb-default img {
    transition: all .4s;
}
.pt-cv-thumb-wrapper:hover .pt-cv-thumb-default img {
    transform: scale(110%);
}
.pt-cv-content-item:hover .pt-cv-title a {
    color: #4262FF !important;
}
body .st-grid-col-content-asset {
    background-color: #fff;
    background-image: none;
}

@media (max-width: 768px) {
    .st-grid-col-3 {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 500px) {
    .st-article-type-col-container {
        width: 100%;
    }
    .st-entry-content .elementor-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body .st-grid-col-content-script .st-article-title {
        font-size: 18px;
    }
    body .st-main-sidebar-no-divider {
        padding-top: 0;
    }
    .elementor-widget p {
        margin: 0;
    }
}

/* Copyright */
.coptright-box .box-1 {
	margin-bottom: 12px;
}
.coptright-box .box-2 ul {
	padding-left: 0;
	list-style-type: none;
	margin: 0;
}
.coptright-box .box-2 ul li {
	display: inline-block;
	padding-right: 10px;
	border-right: 1px solid #8694b1;
	margin-right: 9px;
	line-height: 1;
}
.coptright-box .box-2 ul li:last-child {
	padding-right: 0px;
	border-right: none;
	margin-right: 0px;
}
.coptright-box .box-2 {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #c8d2e4;
}
.coptright-box .box-3 {
	display: flex;
	justify-content: space-between;
}
.coptright-box .box-3 .box-copy p {
	margin: 0;
	line-height: 1.6;
}
.coptright-box .box-3 .box-sns ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 2px;
}
.coptright-box .box-3 .box-sns ul li {
	display: inline-block;
	margin-right: 9px;
	line-height: 1;
}
@media (max-width: 600px) {
	.coptright-box .box-3 {
		display: block;
	}
	.coptright-box .box-3 .box-sns ul {
		margin-top: 16px;
	}
}
@media (max-width: 480px) {
	.coptright-box .box-3 .box-copy p {
		font-size: 11px;
	}
}



