/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/

/* Font */
html body{font-family: "Nanum Gothic", sans-serif;}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p{word-break:keep-all;}

/* Font Design */
span.s50{font-size:50%;}
span.s120{font-size:120%;}
span.s140{font-size:140%;}
span.s150{font-size:150%;}
span.s160{font-size:160%;}
span.s180{font-size:180%;}
span.s200{font-size:200%;}

/* Header */
#site-header{box-shadow: 0px 0px 5px rgba(0,0,0,0.1);}
#site-header #site-header-inner{display:flex;align-items:center;}

#site-header-sticky-wrapper{height:auto !important;}
#site-header-sticky-wrapper.is-sticky header#site-header{background:white;}
#site-header-sticky-wrapper.is-sticky header#site-header #site-header-inner{height:60px;}

#site-header #site-logo{padding:0;margin-right:45px;}
#site-header .sf-menu li.menu-item{font-size:16px; font-weight:800;margin-left:15px;color:#333333;}
#site-header .sf-menu li.menu-item:hover a{color:#19de9c;}
#site-header .sf-menu li.menu-item a{line-height: 1;}
#site-header-sticky-wrapper.is-sticky #site-header .sf-menu li.menu-item a .link-inner{color:#555;}
#site-header #site-navigation-wrap{position:relative;right:0;display:inline-block;}
#site-header #site-navigation .dropdown-menu .link-inner{font-weight:500;font-size:14px;padding-top:0;padding-bottom:0;}

#site-header .action-wrapper {display:inline-block;margin-left: auto;}
#site-header .action-wrapper a{display:inline-block;background:#3BD684;border:1px solid #3BD684;border-radius: 100px;padding:6px 20px;color:white;transition:0.3s;font-size:14px;font-weight: 600;}
#site-header .action-wrapper a:hover{text-decoration:none;background:white;color:#6eefb1;}

@media (max-width:767px){
    #site-header #site-navigation-wrap{display:none;}
    #site-header .action-wrapper {display:none;}
}


/* Padding & Maring */
.padding-top-1x{padding-top:45px;}
.padding-top-2x{padding-top:90px;}
.padding-top-3x{padding-top:135px;}
.padding-top-4x{padding-top:180px;}
.padding-top-5x{padding-top:225px;}
.padding-top-6x{padding-top:270px;}
.padding-bottom-1x{padding-bottom:45px;}
.padding-bottom-2x{padding-bottom:90px;}
.padding-bottom-3x{padding-bottom:135px;}
.padding-bottom-4x{padding-bottom:180px;}
.padding-bottom-5x{padding-bottom:225px;}
.padding-bottom-6x{padding-bottom:270px;}
.padding-left-1x{padding-left:45px;}
.padding-right-1x{padding-right:45px;}
.padding-left-2x{padding-left:90px;}
.padding-right-2x{padding-right:90px;}

.margin-top-1x{margin-top:45px;}
.margin-top-2x{margin-top:90px;}
.margin-top-3x{margin-top:135px;}
.margin-top-4x{margin-top:180px;}
.margin-top-5x{margin-top:225px;}
.margin-top-6x{margin-top:270px;}
.margin-bottom-1x{margin-bottom:45px;}
.margin-bottom-2x{margin-bottom:90px;}
.margin-bottom-3x{margin-bottom:135px;}
.margin-bottom-4x{margin-bottom:180px;}
.margin-bottom-5x{margin-bottom:225px;}
.margin-bottom-6x{margin-bottom:270px;}
@media(max-width:767px){
    .padding-top-1x{padding-top:30px;}
    .padding-bottom-1x{padding-bottom:30px;}
    .padding-top-2x{padding-top:60px;}
    .padding-bottom-2x{padding-bottom:60px;}
    .padding-top-3x{padding-top:90px;}
    .padding-bottom-3x{padding-bottom:90px;}
    .padding-top-4x{padding-top:120px;}
    .padding-bottom-4x{padding-bottom:120px;}
    .padding-top-5x{padding-top:150px;}
    .padding-bottom-5x{padding-bottom:150px;}
    .padding-top-6x{padding-top:180px;}
    .padding-bottom-6x{padding-bottom:180px;}
    .padding-left-1x{padding-left:30px;}
    .padding-right-1x{padding-right:30px;}
    .padding-left-2x{padding-left:60px;}
    .padding-right-2x{padding-right:60px;}

    .margin-top-1x{margin-top:30px;}
    .margin-bottom-1x{margin-bottom:30px;}
    .margin-top-2x{margin-top:60px;}
    .margin-bottom-2x{margin-bottom:60px;}
    .margin-top-3x{margin-top:90px;}
    .margin-bottom-3x{margin-bottom:90px;}
    .margin-top-4x{margin-top:120px;}
    .margin-bottom-4x{margin-bottom:120px;}
    .margin-top-5x{margin-top:150px;}
    .margin-bottom-5x{margin-bottom:150px;}
    .margin-top-6x{margin-top:180px;}
    .margin-bottom-6x{margin-bottom:180px;}
}