/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.1.5.1772515364
Updated: 2026-03-03 14:22:44

*/


/*-----------------------------------------------
** Default
*------------------------------------------------*/
.color-red {
    color: red !important;
}
.color-blue {
    color: #13aff0 !important;
}
.color-blue2 {
    color: blue;
}
.color-pink {
    color: #f013c2 !important;
}

.label-under {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.bg-blue {
    background-color: #9b5000;
    color: #eee;
    font-weight: 500;
    padding: 3px 0;
}

a:focus {
    outline: none !important;
}

table {
    min-width: 50%;
	text-align: center;
	border: 1px solid #878787;
	border-collapse : collapse;
    padding: 5px;
    margin-bottom: 20px;
}
th, td {
	border: 1px solid #878787 !important;
	padding: 5px;
	text-align: center;
}


/*--------------------------------------
 * 폰트 적용
**--------------------------------------*/
/*@font-face {
    font-family: "Trebuchet MS";
    font-style: normal;
    font-weight: normal;
    src: local("Trebuchet MS"),
        url("https://linescash.com/wp-content/themes/oceanwp-child/fonts/trebuc.woff") format("woff");
}

@font-face {
    font-family: "Trebuchet MS Italic";
    font-style: normal;
    font-weight: normal;
    src: local("Trebuchet MS Italic"),
        url("https://linescash.com/wp-content/themes/oceanwp-child/fonts/Trebuchet-MS-Italic.woff") format("woff");
}*/

html, body, button, input, select, textarea, pre, a, h1, h2, h3, h4, h5, p, span, ul, ol {
	/*font-family: 'Trebuchet MS', '나눔고딕', NanumGothic, 'Nanum Gothic', '맑은 고딕', 'malgun gothic', AppleGothicNeoSD, 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic',  'Droid sans', sans-serif !important;*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

.fa, .fa-brands, .fab, .icon-home, .icon-folder, .icon-clock, .sidr-class-menu-item > a {
    font-family: fontAwesome !important;
    font-style: normal;
}

.icon-home::before {
    content: "\f015";
}
.icon-folder::before {
    content: "\f114";
}
.icon-clock::before {
    content: "\f017";
}


/*-----------------------------------------------
** Header
*------------------------------------------------*/
#site-navigation-wrap {
    width: 65%;
    left: 60% !important;
}

.site-title {
    color: #eee !important;
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    top: 5px;
    left: 10px;
}

.site-breadcrumbs {
    top: 68%;
}

#content-wrap {
    padding: 30px 0 !important;
}

.page-header-inner {
    position: relative
}

.trail-items, .trail-item > a {
    color: #eee !important;
}


/*-----------------------------------------------
** Single
*------------------------------------------------*/
.entry-content a, .entry a {
    color: blue !important;    
    font-weight: bold;
    text-underline-offset: 4px !important;
}

.entry-content h2 {
    margin-top: 50px;
    position: relative;
    padding-bottom: 10px;
    overflow: hidden;
}
.entry-content h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 4px solid #288ff2;
}
.entry-content h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 4px solid #d8d8d8;
}

.entry-content h2:first-child {
    margin-top: 0;
}

.entry-content h3 {
    border-left: 5px solid #288ff2;
    padding-left: 10px;
    margin-top: 50px;
}

.entry-content li {
    margin-bottom: 10px;
}

.contact {
    background-color: #ff812d;
    border: 2px solid #bb500a;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    color: #eee;	
}
.contact > a {
	color: #f5f5f5 !important;
    font-weight: bold;
    text-decoration: none !important;
}
.entry-content .contact {
    margin-top: 50px;
}

.page-header-title {
    font-size: 26px !important;
}
.page-header-title > .contact {
    max-width: 500px;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.cat-list-btn {
    text-align: center;
}
.cat-list-btn > a {
    background-color: #1b243a;
    padding: 10px 20px;
    color: #eee !important;
    border-radius: 20px;
    border: 1px solid #223054;
    text-decoration: none !important;
}

/* 관련글 */
.related-posts-title > .text::before {
    font-family: fontAwesome !important;
    content: "\f0f6";
    font-size: 1.2em;
}
.related-post-title {
    margin-bottom: 20px;    
}
.related-post-title > a {
    color: #333 !important;
}
.related-post .published {
    display: none;
}

.comment-date {
    display: none;
}


/*-----------------------------------------------
** Archive
*------------------------------------------------*/
.tax-desc a {
    color: blue;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 4px;
}

@media only screen and (min-width: 1025px) {
	.blog-entry-title {
        height: 65px;
        overflow: hidden;
    }
}

.entry-title > a {
    color: #333 !important;
}

.blog-entry .meta {
    padding-bottom: 0;
    margin-bottom: 0 !important;
}
.icon-note::before {
    font-family: fontAwesome !important;
    font-style: normal;
    content: "\f017";
    position: relative;
    top: 1px;
}

/* 댓글 (숏코드) */
.short_comments_list > .cut-title {
    color: #999;
    margin-bottom: 10px;
}
.short_comments_list > .cut-title > a {
    font-size: 15px;
}


/* -----------------------------------------------
 * 숏코드
** ----------------------------------------------- */
.short_recent_thumb {
    overflow: hidden;
    margin: 15px 0 !important;
}
.short_recent_thumb > li {
    list-style-type: none !important;
    box-sizing: border-box;
    float: left;
    width: 33%;
    padding: 10px;
}
.short_recent_thumb .wp-post-image {
    width: 100%;
    max-height: 143px;
}
.short_recent_thumb .thumb-title {
    display: block;
    color: #333;
    text-decoration: none !important;
    border-bottom: none !important;
    font-size: 15px;
    text-align: center;
}

/* 사이드바 */
.textwidget > .short_recent_thumb > li {
    float: none;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.textwidget > .short_recent_thumb .wp-post-image {
    float: left;
    width: 100px;
    height: 68px;
    margin: .3em .75em .75em 0;
}
.textwidget > .short_recent_thumb .thumb-title {
    text-align: left;
    font-weight: normal;
    line-height: 1.6;
    height: 56px;
    overflow: hidden;
}
.modify-date {
    font-size: 12px;
    color: #999;
    position: relative;
    top: -10px;
}




/*-----------------------------------------------
** Footer
*------------------------------------------------*/
.f-title {
    font-size: 1.1em;
    margin-left: 1em;
    color: #f0ae13;
}
.footer-widget a {
    font-weight: 500;
}
.footer-widget > .widget-title {
    border-bottom: 1px solid #F09B1B;
    padding-bottom: 13px;
}

.fixed-contact {
    position: fixed;
    bottom: 0;
    left: 5%;
    width: 90%;
    text-align: center;
    font-weight: 500;
}
.fixed-contact > a {
    display: block;
    margin-top: 10px;
    background-color: #4caf50;
    color: #fff;
    padding: 10px;
    text-decoration: none;
}


/*--------------------------------------
 * 후기
**--------------------------------------*/
.page-id-12 .wp-image-57 {
    border: 5px solid #1b243a;
}

#reply-title > .fa-commenting-o {
    font-weight: bold;
    font-size: 2em;
    color: #ff812d;
}
.comments-title > .text::before {
    font-family: fontAwesome !important;
    content: "\f27a";
}


/*--------------------------------------
 * 커뮤니티
**--------------------------------------*/




/*--------------------------------------
 * 중요 구문
**--------------------------------------*/
.important {
    position: relative;
    padding: 10px;
    margin-bottom: 20px;
}
.important-inner {
    position: relative;
    z-index: 1;
	color: #eee !important
}
.important-inner > a, .important-inner > div {
    color: #56ff6c !important;
    background-color: transparent;
    text-decoration: none !important;
    border-bottom: 2px solid #56ff6c;
    padding-bottom: 4px;    
}
.important-inner > strong {
    color: #ffd600;;
}
.important-inner > .color-red {
    color: #ff9191 !important;
    text-shadow: 1px 1px #355757;
}

.important:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: 0;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    /*opacity: 0;
    transition: opacity .3s ease-in-out;*/
    border-radius: 10px;
}

.important:active {
    color: #000
}

.important:active:after {
    background: transparent;
}

.important:after {
    z-index: 0;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #4b7272;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}



/*-----------------------------------------------
** Media
*------------------------------------------------*/
@media only screen and (min-width: 1025px) {
	
}
@media only screen and (min-width: 960px) {
	
}
/* 이하 */
@media only screen and (max-width: 1024px) {
	
}
@media only screen and (max-width: 960px) {
    .custom-logo-link {
        display: none;
    }

	.responsive-logo-link {
        display: inline-block !important;
    }
    .site-title {
        font-size: 1.2em;
    }

    .oceanwp-mobile-menu-icon a {
        font-size: 1em;
    }

    .sidr-class-toggle-sidr-close:focus {
        outline: none !important;
    }
    .icon-close::before {
        font-family: fontAwesome !important;
        content: "\f00d";
        font-style: normal;
        color: red;
    }
}
@media only screen and (max-width: 768px) {
	.fixed-contact {
        width: 100%;
        left: 0;
    }
    .fixed-contact > a {
        margin-top: 7px;
    }
}
@media only screen and (max-width: 480px) {
	.mobile-menu {
        position: relative;
        top: 3px;
    }

    #content-wrap {
        padding: 40px 0 0 !important;
    }
    
    .site-breadcrumbs {
        position: absolute;
        left: 0;
        bottom: -44px;
        font-size: 14px;
    }
    .trail-items, .trail-item > a {
        color: #333 !important;
    }

    .page-id-12 .site-breadcrumbs {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        font-size: 1.2em;
    }
    .page-id-12 .trail-items, .page-id-12 .trail-item > a {
        color: #eee !important;
    }

    #related-posts .related-post {
        float: left !important;
        width: 49% !important;
        margin-right: 2% !important;
    }
    #related-posts .oceanwp-row > .related-post:nth-child(2n) {
        margin-right: 0 !important;
    }
    .related-post.col-1 {
        clear: initial;
    }

    .textwidget > .today-wrap {
        font-size: 1.2em;
    }
}