/*
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: 3.5.0.1698466170
Updated: 2023-10-28 13:09:30

*/



/*--------------------------------------
 * Default
**--------------------------------------*/
/*@font-face {
	font-family: ONE-Mobile-POP;
	src: url(./fonts/ONE-Mobile-POP.woff) format('woff'),
         url(./fonts/ONE-Mobile-POP-OTF.otf) format('opentype'),
		 url(./fonts/ONE-Mobile-POP.ttf) format('truetype');         
}*/

@font-face {
	font-family: ONE-Mobile-POP;
	src: local('ONE Mobile POP'), 
         url(./fonts/ONE-Mobile-POP.woff) format('woff');         
}

html, body, button, input, select, textarea, pre, a, p, span, div {
	font-family: '나눔고딕', NanumGothic, 'Nanum Gothic', '맑은 고딕', 'malgun gothic', AppleGothicNeoSD, 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic',  'Droid sans', sans-serif !important;
}
h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a, h1 span, h2 span, h3 span, h4 span, h5 span, .rpwwt-post-title, .cut-title {
	font-family: ONE-Mobile-POP, '나눔고딕', NanumGothic, 'Nanum Gothic', '맑은 고딕', 'malgun gothic', AppleGothicNeoSD, 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic',  'Droid sans', sans-serif !important;
}

.fa, .icon-magnifier, .icon-home, .icon-folder, .icon-user, .icon-close, .text::before, .sidr-class-menu-item > a::before {
    font-family: fontAwesome !important;
    font-style: normal;
}

.icon-magnifier::before {
    content: "\f002";
}
.icon-home::before {
    content: "\f015";
}
.icon-folder::before {
    content: "\f07b";
}
.icon-user::before {
    content: "\f007";
}
.icon-close::before {
    content: "\f00d";
    color: red;
}
.text::before {
    content: "\f2ce" !important;
    color: #FF5722 !important;
}

.float-wrap {
    overflow: hidden;
}

.short_recent {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}

a:focus {
    outline: none !important;
}


/*--------------------------------------
 * Header
**--------------------------------------*/
#site-logo {
    float: left !important;
}

#site-navigation {
    width: 100%;
}
.search-toggle-li {
    float: right !important;
}

#site-header.medium-header #site-navigation-wrap {
    border-top: 2px solid #c1c153;
    border-bottom: 1px solid #fefeba;
    background: rgba(232,216,96,1);
    background: -moz-linear-gradient(left, rgba(232,216,96,1) 0%, rgba(255,240,107,1) 20%, rgba(245,236,166,1) 41%, rgba(227,211,93,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,216,96,1)), color-stop(20%, rgba(255,240,107,1)), color-stop(41%, rgba(245,236,166,1)), color-stop(100%, rgba(227,211,93,1)));
    background: -webkit-linear-gradient(left, rgba(232,216,96,1) 0%, rgba(255,240,107,1) 20%, rgba(245,236,166,1) 41%, rgba(227,211,93,1) 100%);
    background: -o-linear-gradient(left, rgba(232,216,96,1) 0%, rgba(255,240,107,1) 20%, rgba(245,236,166,1) 41%, rgba(227,211,93,1) 100%);
    background: -ms-linear-gradient(left, rgba(232,216,96,1) 0%, rgba(255,240,107,1) 20%, rgba(245,236,166,1) 41%, rgba(227,211,93,1) 100%);
    background: linear-gradient(to right, rgba(232,216,96,1) 0%, rgba(255,240,107,1) 20%, rgba(245,236,166,1) 41%, rgba(227,211,93,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8d860', endColorstr='#e3d35d', GradientType=1 );
    box-shadow: 18px 3px 20px #dedcb9;
}

.nav-content {
    display: none;
}

/* mega menu */
@media only screen and (min-width: 1281px) {
    .megamenu {
        /* display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        left: -596px !important;
        width: 1200px !important; */
        height: 282px;
        overflow: hidden;
        transition: all 1s !important;
    }
    .megamenu::before {
        content: "";
        display: block;
        width: 20%;
        height: 100%;
        background-color: #000;
        border-right: 1px solid #3d3d3d;
        position: absolute;
        top: 0;
        left: 0;
    }
    .megamenu > .menu-item {
        width: 100% !important;
        position: static !important;
        display: none;
    }
    .megamenu > .menu-item.active {
        display: block;    
    }
    .megamenu > .menu-item.active > .menu-link {
        color: #fff;
        border-top: 1px solid #3d3d3d;
        border-bottom: 1px solid #3d3d3d;
    }
    
    .short_recent_list {
        overflow: hidden;
    }
    .megamenu .short_recent_list {
        padding-left: 20%;
        display: none !important;
    }
    .megamenu > .menu-item.active > .short_recent_list {
        display: block !important;
    }
    
    .short-li {
        float: left;
        width: 25%;
        padding: 10px 15px !important;
    }
    .megamenu .recent-title {
        height: 42px;
        overflow: hidden;
    }
    .short-li .wp-post-image {
        display: block;
        width: 100%;
    }
    
    .megamenu .menu-link {
        position: absolute !important;
        top: 0;
        width: 20%;
        padding: 15px 20px !important;
        color: #7d7d7d;
        text-align: right;
    }
    .megamenu .menu-link:hover {
        background-color: #000 !important;
    }
    .megamenu > .menu-item:nth-child(2) > .menu-link {
        top: 46px;
    }
    .megamenu > .menu-item:nth-child(3) > .menu-link {
        top: 92px;
    }
    
    .megamenu .wp-post-image {
        height: 200px;
        margin-bottom: 10px;
    }
    /* 얘가 없으면 안 보임 */
    .mega-cat-post {
        position: relative;
        z-index: 9;
    }
}

.banner-header, .banner-header p {
    margin-bottom: 0;
}


/*--------------------------------------
 * Category
**--------------------------------------*/
.archive #content-wrap {
    padding-top: 20px !important;
}

.archive #primary {
    position: relative;
    top: -10px;
}
#blog-entries {
    position: relative;
    left: -4px;
}

.archive-title {
    margin-bottom: 10px;
}
.tax-desc {
    display: none;
}

/* 카테고리 위 5개 글 */
#category-posts-5 {
    margin-bottom: 50px;
}
.cat-post {
    position: relative;
    padding: 0;
    margin: 0;
    float: left;
    width: 50%;
    padding: 2px;
}

.cat-post a {
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.cat-post a::before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    box-shadow: inset 0px -115px 25px -41px #000000b8;
}

.cat-post .wp-post-image {
    width: 100%;
}

.cat-post .cut-title {
    position: absolute;
    left: 0;
    bottom: -6px;
    padding: 0 20px;
    color: #fff;
    font-size: 20px;
}

#first-post, #short_recent_list3 {
    float: left;
    width: 50%;
}

/* 검색 */
.search .oceanwp-breadcrumb {
    position: relative;
    top: -20px;
}



/*--------------------------------------
 * Sidebar
**--------------------------------------*/
.widget-title {
    border-left: 0;
    padding-left: 0;
    border-bottom: 2px solid #222;
}
.widget-title-inner {
    background-color: #222;
    padding: 7px 12px 4px;
    position: relative;
    top: -4px;
    color: #eee;
    font-size: 17px;
}

.sidebar-slider {
    max-height: 362px;
    overflow: hidden;
}

/* 최신글 */
.rpwwt-widget li {
    margin-bottom: 5px !important;
}
.rpwwt-post-title {
    display: block;
    word-break: break-all;
    text-align: justify;
}

#rpwwt-recent-posts-widget-with-thumbnails-2 li {
    float: left;
    width: 47%;
    margin-right: 15px;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 li:nth-child(2n) {
    margin-right: 0;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 .rpwwt-post-title {
    position: relative;
    top: -6px;
}

#rpwwt-recent-posts-widget-with-thumbnails-3 .rpwwt-post-title {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 10px;
}


/*--------------------------------------
 * Footer
**--------------------------------------*/
.footer-logo {
    margin-right: 3em;
}


/* ---------------------------------------------
 * 슬라이더
** --------------------------------------------- */
/* 숏코드에 임의로 추가해 준 class */
.slide-betting-sites {
    overflow: hidden;
    height: 358px;
}

.slick-dots li button:before {
	font-size: 12px !important;
}
.slick-dots li.slick-active button:before {
	width: 7px;
	height: 7px;
	color: #fd4f00 !important;
}

.slide-item {
	margin: 0 5px;
	font-size: 1.2em;
}
.slide-item-top {
	background-color: #253341;
    color: #ffc800;
    padding: 10px;
    overflow: hidden;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.1;
}
.slide-item-logo {
	width: 120px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.slide-item-body {
	background-color: #15202b;
    padding: 20px 15px;
    text-align: center;
    color: #eee;
}
.slide-item-body > p {
	font-size: 1.2em !important;
}
.check-list {
	padding-left: 0;
}
.check-list > li {
	list-style-type: none;
    text-align: left;
    margin-bottom: 10px;
    word-break: break-all;
}
.check-list > li::before {
	content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(https://www.lagerbet.com/wp-content/uploads/2023/01/check.png) no-repeat;
	background-size: cover;
    float: left;
	margin-right: 10px;  
}
.slide-item-btn > a {
	display: block;
	color: #fff !important;
	font-weight: 600;
    background-color: #fd4f00!important;
    border: 1px solid #d24301!important;
    border-radius: 5px;
    padding: 8px 12px;
    margin: 20px 40px;
}
.slide-item-link {
	color: #fff !important;
	text-decoration: underline;
}





/*--------------------------------------
 * Media query
**--------------------------------------*/
@media only screen and (max-width: 1440px) {
    
}
@media only screen and (max-width: 1280px) {
    
}
@media only screen and (max-width: 1024px) {
    .main-menu .menu-link {
        padding: 0 5px !important;
    }

    .container {
        max-width: 96%;
    }
}
@media only screen and (max-width: 960px) {
    #site-navigation {
        left: 0 !important;
    }
}
@media only screen and (max-width: 768px) {
    .top-header-wrap {
        padding: 0 !important;
    }
    .top-header-wrap > .container {
        max-width: 100%;
    }
    .top-header-inner {
        display: flex !important;
        flex-wrap: wrap;
    }
    .logo-col {
        order: 2;
    }
    .banner-header {
        order: 1;
        width: 100%;
    }
    .banner-header img {
        width: 100%;
        height: 75px;
    }

    #site-logo {
        float: none !important;
    }
    .custom-logo {
        max-width: 200px !important;
    }

    .bottom-header-wrap {
        position: relative;
    }
    #site-header.medium-header .oceanwp-mobile-menu-icon {
        position: absolute;
        top: -57px;
        right: 0 !important;
        z-index: 999;
        background-color: #000 !important;
    }
    .mobile-menu {
        color: #eee !important;
        font-size: 1.8em !important;
    }

    #sidr-id-ocean-mobile-search-2 {
        border-radius: 30px;
    }

    #content-wrap {
        padding-bottom: 0 !important;
    }
    .rk-tax-desc {
        line-height: 1.4;
    }

    #category-posts-5 {
        margin-bottom: 20px;
    }
    #first-post, #short_recent_list3 {
        float: none;
        width: 100%;
    }
    #category-posts-5 .cut-title {
        line-height: 1.2;
    }
    .cat-post {
        /*float: none;*/
        width: 300px;
        padding: 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    #short_recent_list3 > .cat-post, #short_recent_list3 .wp-post-image {
        height: 170px;
    }

    #blog-entries {
        position: static;
    }
    #blog-entries > .blog-entry {
        padding: 0;
    }
}
@media only screen and (max-width: 480px) {
    #rpwwt-recent-posts-widget-with-thumbnails-2 img {
        width: 100%;
        margin-right: 0;
    }
    #recent-posts-widget-with-thumbnails-3 {
        margin-bottom: 20px;
    }

    .footer-logo {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .footer-txt {
        line-height: 1.8;
    }

    #scroll-top {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
@media only screen and (max-width: 393px) {
    
}