/*
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.1771614478
Updated: 2026-02-21 04:07:58

*/


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

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

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

a:focus {
    outline: none !important;
}


/*--------------------------------------
 * 폰트 적용
**--------------------------------------*/
html, body, button, input, select, textarea, pre, a, h1, h2, h3, h4, h5, p, span, ul, ol {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-size: 16px; 
}

.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";
}

/* 스크롤 약간 높게 */
.hashtag {
    scroll-margin-top: 70px;
}


/*-----------------------------------------------
** Header
*------------------------------------------------*/
#site-header.medium-header .top-header-wrap, #site-navigation-wrap {
    padding: 0;
}
#site-logo {
    text-align: left;
}
#site-logo-inner {
    display: inline-block;
}
.top-header-wrap > .container {    
    padding: 20px;
}

#site-navigation {
    left: 0 !important;
    width: 100%;
}

#site-navigation-wrap .menu-item a::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    position: relative;
    top: 5px;
}
#site-navigation-wrap .menu-item-194 > a::before {
    background: url(https://wego88sbotop.com/wp-content/uploads/2026/03/1.svg) no-repeat;
}
#site-navigation-wrap .menu-item-500 > a::before {
    background: url(https://wego88sbotop.com/wp-content/uploads/2026/03/2.svg) no-repeat;
}
#site-navigation-wrap .menu-item-554 > a::before {
    background: url(https://wego88sbotop.com/wp-content/uploads/2026/03/3.svg) no-repeat;
}
#site-navigation-wrap .menu-item-584 > a::before {
    background: url(https://wego88sbotop.com/wp-content/uploads/2026/03/4.svg) no-repeat;
}


.right-menu {
    float: right !important;
}
.menu-item-203 > .menu-link > .text-wrap {
    padding: 10px 12px;
    border-radius: 50%;
    background: linear-gradient(180deg, #87ba34 0%, #49771b 100%);
}
.menu-item-204 > .menu-link > .text-wrap {    
    padding: 10px;
    border-radius: 50%;
    background: linear-gradient(180deg, #cf56d5 0%, #9248b5 100%);
}
.right-menu .menu-link {
    padding: 0 !important;
}
.right-menu .fa {
    font-size: 1.2em;
    position: relative;
    left: 2px;
}


/* loginout, register */
.login-area {
    text-align: right;
}
.login-area > img {
    width: 30px;
}
.btn_narmal {
    padding: 3px;
    margin: 3px;
    font-size: 14px;
    width: 90px;
    display: inline-block;
    text-align: center;
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid #31c46e;
    border-radius: 25px;
}
.bg_blue {
    background-color: #31c46e;
}
.bg_red {
    background-color: #01030B;
}




/*-----------------------------------------------
** Home
*------------------------------------------------*/
#content-wrap {
    padding: 0 !important;
}

.elementor-element a {
    color: #03B580;
    font-weight: 500;
}
.elementor-element a:hover {
    color: #03B580 !important;
}
.accordion a, .accordion2 a, .btn-black, .btn-black2 {
    color: #fff !important;
}
.accordion a:hover, .accordion2 a:hover, .elementor-element .btn-black:hover, .elementor-element .btn-black2:hover {
    color: #fff !important;
}


/* section1 */
.site-title {
    font-size: 40px !important;
    color: #fff !important;
}

.section1 .elementor-widget-html {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.btn-black {
    background-color: #000;
    padding: 10px 32px;
    border-radius: 25px;
}
.btn-black > img {
    position: relative;
    top: -3px;
}


/* section2 */

/* 목차 (아코디언) */
.tab {
  position: relative;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab-body {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.tab input:checked ~ .tab-body {
  max-height: 20rem;
}

/* Visual styles */
.accordion {
  color: #4d69d3;
  border: 2px solid;
  border-radius: 0.5rem;
  overflow: hidden;
}
.tab-label {
  display: flex;
  color: white;
  background: #4d69d3;
  cursor: pointer;
  justify-content: space-between;
  padding: 1rem;
}
.tab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.tab input:checked + .tab-label::after {
  transform: rotate(270deg);
}

/* Arrow animation */
.tab input:not(:checked) + .tab-label:hover::after {
  animation: bounce 0.5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(0.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-0.25rem);
  }
}

.tab-body a {
    display: block;
    margin-bottom: 10px;
}
.tab-body > .float-wrap {
    margin-bottom: 0;
    padding: 20px;
}
.tab-body > .float-wrap > div {
    float: left;
    width: 50%;
}


/* 배너 */
.sec-banner {
    display: flex;
    align-items: center;
}
.sec-banner .elementor-widget-image {
    position: relative;
    top: -4px;
}
.big-txt {
    font-size: 30px;
}
.btn-test {
    display: inline-block;
    padding: 6px 14px 6px 8px;
    background: rgba(186, 250, 5, 0.1);
    border: 1px solid #BAFA05;
    border-radius: 32px;
    line-height: 1.2;
    position: relative;
    top: -6px;
    left: 10px
}
.btn-black2 {
    display: inline-block;
    padding: 6px 40px;
    background-color: #000;
    border-radius: 10px;
    font-size: 20px;
}

/* grid-list */
.grid-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    list-style-type: none;
}
.grid-list > li {
    position: relative;
    padding-left: 24px;
    font-weight: 500;
}
.grid-list > li:not(:last-child) {
    margin-bottom: 12px;
}
.grid-list > li::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(https://wego88sbotop.com/wp-content/uploads/2026/03/li-icon.svg) no-repeat center;
    position: absolute;
    left: 0;
    top: 7px;
}

/* number-list */
.number-list {
    list-style-type: none;
    counter-reset: num;
    margin-left: 56px;
    margin-bottom: 0;
}
.number-list li {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
}
.number-list li:not(:last-child):before {
    content: "";
    display: inline-block;
    width: 1px;
    background: url(https://wego88sbotop.com/wp-content/uploads/2026/03/dashed-line-blue.svg) repeat-y top;
    position: absolute;
    left: -32px;
    top: 40px;
    bottom: -36px;
    z-index: 0;
    height: 44px;s
}
.number-list li:after {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: -56px;
    width: 46px;
    height: 46px;
    font-size: 20px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    color: #F70094;
    background: rgba(247, 0, 148, 0.1);
    border: 1px solid #F70094;
    border-radius: 50%;
    z-index: 1;
}

/* table */
table {
    width: 100%;
    margin-bottom: 24px;
    font-size: 14px;
    border-collapse: collapse;
    background: rgba(170, 170, 170, 0.1);
    border-radius: 8px;
    overflow: hidden;
}
th, td {
    padding: 16px 12px;
}
table tr:nth-child(even) {
    background: #fff;
}

.accordion2 {
    margin-bottom: 50px;
}


/*-----------------------------------------------
** Sidebar, Page
*------------------------------------------------*/






/*-----------------------------------------------
** Footer
*------------------------------------------------*/
#nav_menu-2, #nav_menu-4 {
    padding-left: 60px;
}
#nav_menu-2 .menu-item-185, #nav_menu-2 .menu-item-193, .footer-box .right-menu {
    display: none;
}
#nav_menu-4 .menu-item-194, #nav_menu-4 .menu-item-186 {
    display: none;
}


.float-wrap {
    overflow: hidden;
    margin-bottom: 20px;
}
.float-wrap > img, .float-wrap > i {
    float: left;
    margin-right: 20px;
}
.float-wrap > i {
    padding: 10px;
    border-radius: 50%;
    background-color: #ff9900;
}
.wp-image-212 {
    position: relative;
    top: 6px;
}
.fa-facebook:before {    
    display: inline-block;
    width: 16px;
    position: relative;
    left: 2px;
}

#footer-bottom-inner {
    padding-top: 20px;
    border-top: 1px solid #2b2b2b;
}
#copyright {
    line-height: 1.4 !important;
}
#copyright a {
    font-size: 13px;
}

/* footer banner */
.shortcodely_widget {
    margin-bottom: 0 !important;
}
.footer-popup-wrap {    
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    /*background: rgba(255, 255, 255, 0.95);*/ /* 배경색 및 투명도 */
    background-color: #E33232;
    color: #fff;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    z-index: 9999;
    display: none; /* 초기 상태는 숨김 */
}
.footer-popup {
    display: flex;
    justify-content: space-between;
    /*justify-content: space-around;*/ /* 자식 요소들 간격 균등 분할 */
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
}
.footer-popup > div {
    width: 25%;
}
.footer-popup2 {
    width: 50%;
}

.footer-popup1 {
    position: relative;
}
.footer-popup1 > div {
    position: absolute;
    top: -16px;
    right: 0;
}
.footer-popup-logo {
    max-width: 55%;
}
.footer-popup .fa-star {
    font-size: 1.2em !important;
    color: yellow;
}

#close-banner {
    font-size: 2.2em !important;
    position: absolute;
    top: -15px;
    right: 0;
    cursor: pointer;
    background-color: #000;
    border-radius: 50%;
    padding: 2px 5px;
}





/*-----------------------------------------------
** 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) {
    .sidr-class-toggle-sidr-close {
        border-bottom: 1px solid #252d68;
    }
    .sidr-class-toggle-sidr-close::before {
        font-family: fontAwesome !important;
        content: "\f00d";
        color: #d73a3a;
    }
    .sidr-class-dropdown-menu ul a:before, .sidr-class-right-menu {
        display: none !important;
    }

    .container {
        max-width: 100%;
    }

    .elementor-heading-title {
        line-height: 1.3 !important;
    }

    .section1 .elementor-widget-image {
        position: relative;
        top: -20px;
    }
    .section1 .elementor-widget-html {
        bottom: 45px;
    }

    .tab-body > .float-wrap > div {
        float: none;
        width: 100%;
    }
    .tab input:checked ~ .tab-body {
        max-height: 30rem;
    }

    .sec-banner > div {
        text-align: center;
    }

    .grid-list {
        grid-template-columns: repeat(1, 1fr);
        margin-left: 0 !important;
    }

    .number-list li:not(:last-child):before {
        top: 27px;
    }
    .number-list li:after {
        top: 1px;
        left: -48px;
        width: 30px;
        height: 30px;
        line-height: 27px;
    }

    .accordion2 img {
        display: none;
    }

    .footer-box.col-2, .footer-box.col-3 {
        float: left !important;
        width: 48% !important;
    }

    .footer-box .float-wrap {
        width: fit-content;
        margin: 0 auto 20px;
        overflow: hidden;
    }

    #footer-bottom-inner {
        padding: 20px 20px 0 20px;
    }

    /* footer-banner */
    .footer-popup {
        display: block;
        text-align: center;
    }
    .footer-popup > div {
        width: 100%;
        padding: 5px 10px;
    }
    .footer-popup-logo {
        max-width: 40%;
    }
    .footer-popup1 > div {
        position: absolute;
        top: -8px;
        right: 50px;
    }
    .footer-popup .big-txt {
        font-size: 18px;
    }
    .footer-popup .btn-black2 {
        font-size: 16px;
    }
}
@media only screen and (max-width: 768px) {
	
}
@media only screen and (max-width: 480px) {
	
}