/*Style.CSS*/
/* All logos and logo sizes are edited in this CSS*/

#preloader h1{
    background-size:100px 100px;
    background-repeat: no-repeat;
    background-position:center bottom;
    height:100px;
}

/* p{color:#818181;} */
/* p strong{color:#1f1f1f;} */
a{color:#2980b9;}

::-webkit-scrollbar { 
    display: none; 
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    font-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: subpixel-antialiased!important;
    -webkit-transform: translate3d(1,1,1);
    transform:translate3d(1,1,1);    
    text-rendering: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*:focus {outline: none;}
*,*:after,*:before {	
    -webkit-box-sizing: border-box;	
    -moz-box-sizing: border-box;	
    box-sizing: border-box;	
    padding: 0;	
    margin: 0;
}

body{
    margin: 0;
    padding: 0;
    overflow-x:hidden;
    font-size:15px;
/*     font-family:'NanumGothic', sans-serif; */
    line-height:30px;
    font-weight:400;
}

::selection {background-color:#CCC; color:#000;}
div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
    display: block;
    position:relative;
}

textarea, input {outline: none;}
input[type="submit"]{appearance:none;   -webkit-appearance: none;}
input{border-radius: 0!important; -webkit-border-radius:0px!important; display:inline-block;}
textarea{-webkit-appearance: none!important; border-radius: 0!important; -webkit-border-radius:0px!important;}
label a{display:inline-block;}

/*---Page Content Settings---*/
/*---------------------------*/

.page-content{margin-bottom:0px; background-color:#FFFFFF; overflow-x:hidden;}

/*---Typography---*/ 
/*----------------*/ 

p{line-height: 1.8; margin-bottom: 0px; font-size:16px;}
p > a {	display: inline; text-decoration: none;}
p > a:hover{text-decoration: underline;}
p > span {display: inline;}
/* p strong{font-size:14px; font-weight:500;} */
span > a {display: inline;}
a > span {display: inline;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
strong a, em a{display:inline;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {display: inline;}
table {bborder-collapse: separate; border-spacing: 0; width: 100%; clear: both; margin-bottom: 27px;}
th {vertical-align: middle; font-weight: bold;}
tr {line-height: 18px;}
td {padding:9px 0px 9px 0px; line-height: 36px; height:36px; max-width: 36px !important;	vertical-align: middle;}
.table tr.even td{background: #efefef;}
/* .table tr:hover td{background: #f8f8f8;} */
/* tr:hover > td {background: #fff;} */
/* th{	border-bottom: 1px solid #e9e9e9; color: #1f1f1f; line-height:45px;	background-color: #f6f6f6;} */
/* td{ color: #666; background-color: none;} */
table{/* background-color: #f6f6f6;  font-size:12px;*/ border-collapse: collapse; }
table td{border: 1px solid #bfbfbf;}
.table-borders-light *{border-color:rgba(255,255,255,0.1)!important;}
/* ul, ol{color:#666666; font-size:13px;} */
ul {margin-bottom: 30px;}
ul ul{margin-bottom:5px;}
ol ol{margin-bottom:5px;}
ol {margin-bottom: 30px;}
li {line-height: 24px;	margin-bottom:5px;}
ol > li:last-child, ul > li:last-child {margin-bottom:0px;}
textarea{font-family:'NanumGothic', sans-serif;}
sub, sup{font-size: 50%; line-height: 0;  position: relative;  vertical-align: baseline;}
sup{top: -15px;} sub{bottom: 0px;}
.disabled{display:none!important;}
.center-item{margin-left:auto!important; margin-right:auto;}
.font-8{font-size:8px!important;}
.font-9{font-size:9px!important;}
.font-10{font-size:10px!important;}
.font-11{font-size:11px!important;}
.font-12{font-size:12px!important;}
.font-13{font-size:13px!important;}
.font-14{font-size:14px!important;}
.font-15{font-size:15px!important;}
.font-16{font-size:16px!important;}
.font-17{font-size:17px!important;}
.font-18{font-size:18px!important;}
.font-19{font-size:19px!important;}
.font-20{font-size:20px!important;}
.font-21{font-size:21px!important;}
.font-22{font-size:22px!important;}
.font-23{font-size:23px!important;}
.font-24{font-size:24px!important;}
.font-25{font-size:25px!important;}
.font-26{font-size:26px!important;}
.font-27{font-size:27px!important;}
.font-28{font-size:28px!important;}
.font-29{font-size:29px!important;}
.font-30{font-size:30px!important;}
.font-31{font-size:31px!important;}
.font-32{font-size:32px!important;}
.font-33{font-size:33px!important;}
.font-34{font-size:34px!important;}
.font-35{font-size:35px!important;}
.font-36{font-size:36px!important;}
.font-37{font-size:37px!important;}
.font-38{font-size:38px!important;}
.font-39{font-size:39px!important;}
.font-40{font-size:40px!important;}
.font-41{font-size:41px!important;}
.font-42{font-size:42px!important;}
.font-43{font-size:43px!important;}
.font-44{font-size:44px!important;}
.font-45{font-size:45px!important;}
.font-46{font-size:46px!important;}
.font-47{font-size:47px!important;}
.font-48{font-size:48px!important;}
.font-49{font-size:49px!important;}
.font-50{font-size:50px!important;}

.border-round{border-radius:100px; overflow:hidden;}

.float-left{float:left; margin-top:10px; margin-right:10px;}
.float-right{float:right; margin-top:10px; margin-left:10px;}

/*---Responsive Classes---*/
/*------------------------*/

.top-0{margin-top:0px!important;}
.top-5{margin-top:5px!important;}
.top-10{margin-top:10px!important;}
.top-15{margin-top:15px!important;}
.top-20{margin-top:20px!important;}
.top-25{margin-top:25px!important;}
.top-30{margin-top:30px!important;}
.top-40{margin-top:40px!important;}
.top-50{margin-top:50px!important;}
.top-60{margin-top:60px!important;}
.top-70{margin-top:70px!important;}
.top-80{margin-top:80px!important;}
.top-90{margin-top:90px!important;}
.top-100{margin-top:100px!important;}
.bottom-0{margin-bottom:0px!important;}
.bottom-5{margin-bottom:5px!important;}
.bottom-10{margin-bottom:10px!important;}
.bottom-15{margin-bottom:15px!important;}
.bottom-20{margin-bottom:20px!important;}
.bottom-25{margin-bottom:25px!important;}
.bottom-30{margin-bottom:30px!important;}
.bottom-40{margin-bottom:40px!important;}
.bottom-50{margin-bottom:50px!important;}
.bottom-60{margin-bottom:60px!important;}
.bottom-70{margin-bottom:70px!important;}
.bottom-80{margin-bottom:80px!important;}
.bottom-90{margin-bottom:90px!important;}
.bottom-100{margin-bottom:100px!important;}
.left-0{margin-left:0px!important;}
.left-5{margin-left:5px!important;}
.left-10{margin-left:10px!important;}
.left-15{margin-left:15px!important;}
.left-20{margin-left:20px!important;}
.left-25{margin-left:25px!important;}
.left-30{margin-left:30px!important;}
.right-0{margin-right:0px!important;}
.right-5{margin-right:5px!important;}
.right-10{margin-right:10px!important;}
.right-15{margin-right:15px!important;}
.right-20{margin-right:20px!important;}
.right-25{margin-right:25px!important;}
.right-30{margin-right:30px!important;}


.pt-0{padding-top:0px!important;}
.pt-5{padding-top:5px!important;}
.pt-10{padding-top:10px!important;}
.pt-15{padding-top:15px!important;}
.pt-20{padding-top:20px!important;}
.pt-25{padding-top:25px!important;}
.pt-30{padding-top:30px!important;}
.pt-40{padding-top:40px!important;}
.pt-50{padding-top:50px!important;}
.pt-60{padding-top:60px!important;}
.pt-70{padding-top:70px!important;}
.pt-80{padding-top:80px!important;}
.pt-90{padding-top:90px!important;}
.pt-100{padding-top:100px!important;}
.pb-0{padding-bottom:0px!important;}
.pb-5{padding-bottom:5px!important;}
.pb-10{padding-bottom:10px!important;}
.pb-15{padding-bottom:15px!important;}
.pb-20{padding-bottom:20px!important;}
.pb-25{padding-bottom:25px!important;}
.pb-30{padding-bottom:30px!important;}
.pb-40{padding-bottom:40px!important;}
.pb-50{padding-bottom:50px!important;}
.pb-60{padding-bottom:60px!important;}
.pb-70{padding-bottom:70px!important;}
.pb-80{padding-bottom:80px!important;}
.pb-90{padding-bottom:90px!important;}
.pb-100{padding-bottom:100px!important;}
.ps-0{padding-left:0px !important;}
.ps-5{padding-left:5px !important;}
.ps-10{padding-left:10px !important;}
.ps-15{padding-left:15px !important;}
.ps-20{padding-left:20px !important;}
.ps-25{padding-left:25px !important;}
.ps-30{padding-left:30px !important;}
.ps-40{padding-left:40px !important;}
.ps-50{padding-left:50px !important;}
.pe-0{padding-right:0px !important;}
.pe-5{padding-right:5px !important;}
.pe-10{padding-right:10px !important;}
.pe-15{padding-right:15px !important;}
.pe-20{padding-right:20px !important;}
.pe-25{padding-right:25px !important;}
.pe-30{padding-right:30px !important;}
.pe-40{padding-right:40px !important;}
.pe-50{padding-right:50px !important;}

.clear{clear:both!important;}
.last-column{margin-right:0%!important;}
.responsive-image{display:block; width:100%; margin-bottom:15px;}
.rounded-image{border-radius:15px; overflow: hidden;}

.content{padding:0px 20px 0px 20px; margin-bottom:30px;}
.container, .container-fullscreen{margin-bottom:30px; display:block;}

.center-text{text-align:center!important; display:block;}
.left-text{text-align:left!important; display:block;}
.right-text{text-align:right!important; display:block;}

/*---Buttons---*/
/*-------------*/

.button{transition:all 250ms ease;}
.button:hover, .button-round:hover{text-decoration: none!important;}
@media(max-width:560px){.demo-socials a{width:100%;}}
@media(min-width:560px) and (max-width:760px){.demo-socials a{width:45%;}}
@media(min-width:760px) and (max-width:1280px){.demo-socials a{width:31%;}}
@media(min-width:1280px){.demo-socials a{width:18%;}}    

.icon{display:inline-block; margin:0px 5px 5px 5px; border:none!important;}
.button, .button-round{
    color:#FFFFFF;
    height:45px;
    line-height:42px;
    text-align:center;
    font-size:13px;
    display:inline-block;
    margin:0px 10px 10px 0px;
    padding:0px 20px 0px 20px;
}

.button-teal{background-color:#A0CECB; border:solid 2px #A0CECB; }
.button-teal:hover{background-color:#7DB1B1; border:solid 2px #7DB1B1;}
.button-teal:active{background-color:#628d8d; border-bottom:solid 2px #628d8d!important;}

.button-mint{background-color:#48CFAD; border:solid 2px #48CFAD; }
.button-mint:hover{background-color:#37BC9B; border:solid 2px #37BC9B;}
.button-mint:active{background-color:#2fa285; border-bottom:solid 2px #2fa285!important;}

.button-white{background-color:#FFFFFF; border:solid 1px #e5e7ec; color:#1f1f1f; }
.button-white:hover{background-color:rgba(255,255,255,0.8); border:solid 1px #e5e7ec;}
.button-white:active{background-color:#FFFFFF; border-bottom:solid 1px #e5e7ec!important;}

.button-green{background-color:#8CC152; border:solid 2px #8CC152;}
.button-green:hover{background-color:#A0D468; border:solid 2px #A0D468;}
.button-green:active{background-color:#77a346; border:solid 2px #77a346;}

.button-blue{background-color:#4A89DC; border:solid 2px #4A89DC;}
.button-blue:hover{background-color:#5D9CEC; border:solid 2px #5D9CEC;}
.button-blue:active{background-color:#3a71b9; border:solid 2px #3a71b9;}

.button-blue2{background-color:#4FC1E9; border:solid 2px #4FC1E9;}
.button-blue2:hover{background-color:#3BAFDA; border:solid 2px #3BAFDA;}
.button-blue2:active{background-color:#3ba3c9; border:solid 2px #3ba3c9;}

.button-magenta{background-color:#AC92EC; border:solid 2px #AC92EC;}
.button-magenta:hover{background-color:#967ADC; border:solid 2px #967ADC;}
.button-magenta:active{background-color:#8a70cc; border:solid 2px #8a70cc;}

.button-magenta2{background-color:#8067B7; border:solid 2px #8067B7;}
.button-magenta2:hover{background-color:#6A50A7; border:solid 2px #6A50A7;}
.button-magenta2:active{background-color:#503a84; border:solid 2px #503a84;}

.button-dark{background-color:#3C3B3D; border:solid 2px #3C3B3D;}
.button-dark:hover{background-color:#323133; border:solid 2px #323133;}
.button-dark:active{background-color:#000000; border:solid 2px #000000;}

.button-dark2{background-color:#656D78; border:solid 2px #656D78;}
.button-dark2:hover{background-color:#656D78; border:solid 2px #656D78;}
.button-dark2:active{background-color:#3a404a; border:solid 2px #434A54;}

.button-yellow{background-color:#F6BB42; border:solid 2px #F6BB42;}
.button-yellow:hover{background-color:#d8a02e; border:solid 2px #d8a02e;}
.button-yellow:active{background-color:#cb9527; border:solid 2px #cb9527;}

.button-kakao{background-color:#fbea4f; border:solid 2px #fbea4f; color: #000 !important;}
.button-kakao:hover{background-color:#efd056; border:solid 2px #efd056;}
.button-kakao:active{background-color:#e8ca57; border:solid 2px #e8ca57;}

.button-gray{background-color:#eff1f4; border:solid 2px #eff1f4; color: #4c5563 !important;}
.button-gray:hover{background-color:#eff1f4; border:solid 2px #eff1f4;}
.button-gray:active{background-color:#eff1f4; border:solid 2px #eff1f4;}

.button-orange{background-color:#FC6E51; border:solid 2px #FC6E51;}
.button-orange:hover{background-color:#E9573F; border:solid 2px #E9573F;}
.button-orange:active{background-color:#c6442f; border:solid 2px #c6442f;}

.button-red{background-color:#ED5565; border:solid 2px #ED5565;}
.button-red:hover{background-color:#DA4453; border:solid 2px #DA4453;}
.button-red:active{background-color:#BF263C; border:solid 2px #BF263C;}

.button-pink{background-color:#FB3365; border:solid 2px #FB3365;}
.button-pink:hover{background-color:#ff4876; border:solid 2px #e22c59;}
.button-pink:active{background-color:#e22c59; border:solid 2px #e22c59;}

.button-pink2{background-color:#EC87C0; border:solid 2px #EC87C0;}
.button-pink2:hover{background-color:#D770AD; border:solid 2px #D770AD;}
.button-pink2:active{background-color:#ba5992; border:solid 2px #ba5992;}

.button-full{display:block; width:100%!important;}
.button-round{border-radius:40px!important;}

.button-rounded{border-radius:10px!important;}



/*---Page Plugins---*/
/*------------------*/

/* @url https://github.com/feimosi/baguetteBox.js*/
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0, 0, 0, 1);-webkit-transition:opacity .35s ease;transition:opacity .35s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center; background-color:#fff;}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;/* -webkit-box-shadow:0 0 8px rgba(0, 0, 0, .6);-moz-box-shadow:0 0 8px rgba(0, 0, 0, .6);box-shadow:0 0 8px rgba(0, 0, 0, .6) */}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;top:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#333;background-color:#fff !important;font-family:sans-serif;height:50px;margin-top:20px;font-size:12px}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease, -webkit-transform .4s ease;transition:left .4s ease, -webkit-transform .4s ease;transition:left .4s ease, transform .4s ease;transition:left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
@-webkit-keyframes "bounceFromRight"{0%,100%{margin-left:0;}50%{margin-left:-30px;}}
@keyframes "bounceFromRight"{0%,100%{margin-left:0;}50%{margin-left:-30px;}}
@-webkit-keyframes "bounceFromLeft"{0%,100%{margin-left:0;}50%{margin-left:30px;}}
@keyframes "bounceFromLeft"{0%,100%{margin-left:0;}50%{margin-left:30px;}}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{width:50px;height:60px;bottom:0px;background-color:transparent}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50, 50, 50, .5);color:#333;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50, 50, 50, .9)}.baguetteBox-button#next-button{right:0px;width:33.3%;font-size:16px;text-align:right;padding-right:20px}.baguetteBox-button#previous-button{width:33.3%;left:0px;font-size:16px;text-align:left;padding-left:20px}.baguetteBox-button#close-button{font-size:14px;bottom:0px;width:50px;left:50%;margin-left:-16.7%;height:60px;background-color:transparent;width:33.3%}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes "bounce"{0%,100%{-webkit-transform:scale(0);transform:scale(0);}50%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes "bounce"{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);}}.baguetteBox-button{display:block !important}

/*----Preloader----*/ 
/*-----------------*/
.hide-preloader{pointer-events: none; opacity:0!important; transition:all 500ms ease;}
.preloader-dark{background-color:#1b1d26!important;}
.preloader-dark .cp1, .preloader-dark .cp2{opacity:0.05; background-color:#FFFFFF!important;}
.preloader-dark em{color:rgba(255,255,255,0.3);}

.preloader-light{background-color:#FFFFFF!important;}
.preloader-light .cp1, .preloader-dark .cp2{opacity:0.05; background-color:#000000!important;}
.preloader-light em{color:rgba(0,0,0,0.8);}



.page-change-preloader{
    opacity:0;
    pointer-events:none;
    background-color:#1b1d26;
    position:fixed;
    background-size:100px; 60px;
    background-repeat: no-repeat;
    background-position: center center;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:9999999;
    pointer-events: none;
    transition:all 250ms ease!important;
}
.show-change-preloader{opacity:1; transition:all 250ms ease!important;}

#preload-spinner, .preload-spinner {
    animation: preload-spin1 1.2s ease infinite;
    clip: rect(0, 40px, 40px, 20px); 
    height: 40px;
    width: 40px;
    position: absolute;
    left: 50%;
    margin-left:-20px;
    top:50%;
    margin-top:-20px;
}

#preload-spinner:after, .preload-spinner:after {
    animation: preload-spin2 1.2s ease-in-out infinite;
    clip: rect(0, 40px, 40px, 20px);
    content:'';
    border-radius: 50%; 
    height: 40px;
    width: 40px;
    position: absolute; 
    box-shadow:inset #5D9CEC 0 0 0 2px;

} 
@keyframes preload-spin1 {25% {transform: rotate(0deg)}  100% {transform: rotate(185deg)}}
@keyframes preload-spin2 {0% {transform: rotate(-175deg);}	100% {transform: rotate(175deg);}}

#preloader h1{
    width:100%;
    margin-top:150px;
}

#preloader em{
    position:fixed;
    width:100%;
    bottom:20px;
    font-style: normal;
    text-align:center;
    font-size:10px;
    line-height:22px;
}

#preloader p{text-align:center;	font-size:12px;}
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#FFF; 
    z-index:999999999!important; 
    pointer-events: none;
    opacity:1;
    transition:all 500ms ease;
}


/*---Menu---*/
/*----------*/
.menu-box{
    position:fixed;
    overflow: auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
    background-color:#FFFFFF;
    z-index:9999;
    display:none;
    border-radius:15px;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    outline:none;
    border:none;
    text-decoration:none;
}
.menu-box .menu-wrapper{background-color:#FFFFFF; border-radius:15px; overflow:auto;}
.menu-box.bg-transparent{border-radius:0px;}

.menu-bottom{
    position:fixed;
    left:7px;
    right:7px;
    bottom:0px;
    border-radius:15px;
    transform:translateY(110%);
}

.menu-modal{
    position:fixed;
    top:50%!important;
    left:50%!important;
    background-color:#FFFFFF;
    z-index:999;
    transform:scale(0.8,0.8);
    opacity:0;
    border-radius:15px;
    pointer-events:none;
}
.menu-modal.menu-box-active{opacity:1!important; pointer-events:all!important; transform:scale(1,1)!important;}

.hide-menu{transform:translateY(100%)!important; transition:all 350ms ease;}

.menu-sidebar-left-push, .menu-sidebar-left-over, .menu-sidebar-left-parallax, .menu-sidebar-left-full{
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    width:310px;
    border-radius:0px!important;
    transform:translateX(-310px);
}
.menu-sidebar-right-push, .menu-sidebar-right-over, .menu-sidebar-right-parallax, .menu-sidebar-right-full{
    position:fixed;
    top:0px;
    bottom:0px;
    right:0px;
    width:310px;
    border-radius:0px!important;
    transform:translateX(310px);
}
.menu-sidebar-left-full{width:100%!important; transform:translateX(-100%); border-radius:0px!important;}
.menu-sidebar-right-full{width:100%!important; transform:translateX(100%); border-radius:0px!important;}

.menu-overlay-instant{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    opacity:0;
    pointer-events:none;
    transition:all 200ms ease!important;
}

.move-contents-left{transform:translateX(310px)!important;}
.move-contents-right{transform:translateX(-310px)!important;}
.parallax-contents-left{transform:translateX(calc(100% - 80%))!important;}
.parallax-contents-right{transform:translateX(calc(-100% + 80%))!important;}

.menu-sidebar-left-push.menu-box-active{transform:translateX(0px)!important;}
.menu-sidebar-right-push.menu-box-active{transform:translateX(0px)!important;}
.menu-sidebar-left-over.menu-box-active{transform:translateX(0px)!important;}
.menu-sidebar-right-over.menu-box-active{transform:translateX(0px)!important;}
.menu-sidebar-left-parallax.menu-box-active{transform:translateX(0px)!important;}
.menu-sidebar-right-parallax.menu-box-active{transform:translateX(0px)!important;}
.menu-bottom.menu-box-active{transform:translateY(-20px);}
.menu-sidebar-left-full.menu-box-active{transform:translateX(0%)!important;}
.menu-sidebar-right-full.menu-box-active{transform:translateX(0%)!important;}
.menu-overlay-instant.menu-box-active{opacity:1; pointer-events:all; transition:all 200ms ease!important;}

#menu-hider{
    position:fixed;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    z-index:1999;
    background-color:rgba(0,0,0,0.4);
    opacity:0;
    pointer-events:none;
}


/*Action Sheets*/
/*-------------*/
.sheet-share-horizontal {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding:20px 10px 10px 10px;
}
.sheet-share-horizontal a {flex: 0 0 auto; flex-direction: column;}
.sheet-share-horizontal a, .sheet-share-thumbnails a{width:25%; float:left;}
.sheet-share-horizontal a span, .sheet-share-thumbnails a span{
    font-size:11px;
    text-align: center;
    display:block;
    color:#808080;
}

.sheet-share-horizontal a i, .sheet-share-thumbnails a i{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    display:block;
    margin:0 auto;
    font-size:22px;
    border-radius:10px;
}

.sheet-share-thumbnails{width:300px;  margin:0px auto 20px auto;}
.sheet-share-thumbnails a{width:100px; margin:25px 0px 0px 0px;}

.sheet-share-thumbnails a i{
    width:55px;
    height:55px;
    line-height:55px;
    border-radius:15px;
}

.sheet-share-list a{
    display:block;
    border-bottom:solid 1px rgba(0,0,0,0.05);
    height:47px;
    line-height:46px;
}
.sheet-share-list span{font-size:14px;}
.sheet-share-list a i:first-child{
    margin-left:20px;
    width:25px;
    height:25px;
    line-height:23px;
    border-radius:5px;
    text-align:center;
    margin-right:17px;
    font-size:12px;
}

.sheet-share-list .fa-angle-right{
    font-size:10px;
    position:absolute;
    right:0px;
    height:50px;
    line-height:50px;
    width:70px;
    text-align:center;
    color:#b1b1b1;
}
.sheet-share-list a span{color:#808080;}

/*Menu Styles*/
.menu-hider-active{opacity:1!important; pointer-events:all!important;}
.menu-bottom, .menu-bottom-active, #menu-hider, .menu-hider-active{transition:all 280ms cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.menu-page{padding-top:5px;}
.menu-title{padding:13px 20px; border-bottom:solid 1px rgba(0,0,0,0.05);}
.menu-title h1{
/*     font-family:'NanumGothic', sans-serif; */
    font-size:20px;
    font-weight:800;
    letter-spacing:-1.5px;
}
.menu-title span{
    color:#c3c3c3;
    font-size:10px;
    letter-spacing:0.4px;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:-7px; 
    display:block;
    padding-left:2px;
}

.menu-list{
    list-style:none;
    padding-left:20px;
}

.menu-list li{line-height:55px;}
.menu-list .menu-active i:last-child{display:none;}
.menu-list .menu-active::after{
    font-family: "Font Awesome 5 Free"; 
    content: "\f111";
    font-weight:800;
    font-size:8px;
    position:absolute;
    height:70px;
    line-height:75px;
    margin-top:-58px;
    right:33px;
    color:#8CC152;
}
.menu-list li a{
    color:#1f1f1f;
}

.menu-list li span{
    font-size:15px;
    padding-left:40px;
    font-weight:600;
}

.menu-list li em{
    position:absolute;
    left:0px;
    margin-top:18px;
    padding-left:40px;
    font-style:normal;
    font-size:11px;
    color:#8c8c8c;
}

.menu-list li i:first-child{
    position:absolute;
    height:70px;
    line-height:73px;
    font-size:18px;
}

.menu-list li i:last-child{
    position:absolute;
    right:9px;
    height:55px;
    line-height:55px;
    width:55px;
    text-align:center;
    font-size:10px;
    color:#777777;
    margin-top:10px;
}

.menu-hide{
    position:absolute;
    right:-5px;
    top:0px;
    height:90px;
    line-height:90px;
    width:80px;
    text-align:center;
    font-size:20px;
    color:#BF263C;
}

.menu-list-boxed li{
    margin-right:20px;
    padding-bottom:18px;
    margin-bottom:12px;
    border-radius:10px;
    line-height:40px;
    border:solid 1px rgba(0,0,0,0.07);
}
.menu-list-boxed li i:last-child{
    right:-10px!important;
    top:-8px;
}
.menu-list-boxed li i:first-child{
    width:20px;
    text-align:center;
    margin-left:15px;
    font-size:18px;
    margin-top:-6px;
}
.menu-list-boxed span{padding-left:57px!important;}
.menu-list-boxed em{padding-left:57px!important; opacity: 0.76;}

/*---Footer---*/
/*------------*/
.footer{padding:5px 20px 5px 20px; overflow:hidden; z-index:11; /*background-color:#4a4d5d;  border-top:1px solid #393d4d;  font-family: 'NanumGothic', serif;*/}
.footer strong i{padding:0px 5px;}
.footer .footer-text{text-align:center; padding:10px 10px 0px 10px; font-size:11px; margin-bottom:30px !important;}
@media(min-width:330px){.footer .footer-text{font-size:13px!important; color:#fff !important; line-height: 1.2;}}
.footer strong{
    font-size:10px;
    /* display:block; */
    text-align:center;
    color:#acacac;
    font-weight:700;
    margin-top:0px;
    text-transform: uppercase;
}

.footer-socials{max-width:300px; margin:0 auto; text-align: center;}
.footer-socials a{
/* 	float:left; */
    font-size:14px;
    text-align:center;
    color:#FFFFFF;
    margin-right:1px;
}

.footer-socials:after {
    content: "";
    display: table;
    clear: both;
}
    
.footer-socials a i{
    width:35px;
    height:35px;
    line-height:34px;
    text-align:center;
    font-size:18px;
    border-radius:5px;
}

.footer-copyright{
    border-top:solid 1px rgba(0,0,0,0.05);
    text-align:center;
    margin-top:20px;
    padding-top:15px;
    margin-bottom:15px;
    padding-top:15px;
    font-size:11px;
    line-height:24px;
}

.footer .footer-logo{
    background-repeat: no-repeat;
    background-size: 155px 155px;
    background-position: center center;
    position:relative;
    width:100%;
    min-height:155px;
    left:auto;
    margin:0 auto;
}

/*Apptastic 2.0 Update*/

.header-clear-tiny{padding-top:20px;}
.is-ios #footer-menu{
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
    background-color:#fefefe;
    transition:all 250ms ease;
    min-height:calc(75px + (constant(safe-area-inset-bottom)));
    min-height:calc(75px + (env(safe-area-inset-bottom)));
    transition:all 250ms ease;
    box-shadow:0 -5px 10px 0 rgba(0,0,0,0.1)!important;
}

.is-not-ios #footer-menu{
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;
    background-color:#fefefe;
    transition:all 250ms ease;
    min-height:60px;
    transition:all 250ms ease;
    box-shadow:0 -5px 10px 0 rgba(0,0,0,0.06)!important;
}

.is-not-ios .footer{padding-bottom:30px;}
.is-not-ios #footer-menu a i{padding-top:13px;}
.is-not-ios #footer-menu a span{padding-top:28px;}
/*
.is-ios .footer{
    padding-bottom: calc(75px + (constant(safe-area-inset-bottom)))!important;
    padding-bottom: calc(75px + (env(safe-area-inset-bottom)))!important;
}
*/
.footer-no-padding{padding-bottom:0px!important;}

#footer-menu a{
    color:#1f1f1f;
    float:left;
    text-align:center;
}

.footer-menu-1-icons a{width:100%;}
.footer-menu-2-icons a{width:50%;}
.footer-menu-3-icons a{width:33.3%;}
.footer-menu-4-icons a{width:25%;}
.footer-menu-5-icons a{width:20%;}
.footer-menu-6-icons a{width:16.6666%;}

#footer-menu a span{
    position:absolute;
    left:0px;
    right:0px;
    text-align:center;
    /* font-size:10px; */
    padding-top:35px;
}

#footer-menu a i{
    padding-top:18px;
    font-size:18px;
}

.dark-skin #footer-menu{background-color:#0a0c0f;}
.dark-skin #footer-menu a i{color:#FFF;}
.dark-skin #footer-menu a span{color:#FFF;}

.notch-hider{
    background-color:#FFF;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    z-index:999;
}