/* Framework.CSS

    Template Name:      Enabled Mobile Templates
    Template URL:       http://enableds.com
    Author:             Enabled
    Author URI:         http://themeforest.net/user/Enabled?ref=Enabled
    Version:            10.0
    License:            Regular or Extended via ThemeForest
    Structure:          Each chapter from the structure can be located using
                        CTRL + F ( Windows ) or CMD + F ( Mac ) The titles are
                        copy pasted as they are in the code.
	Table Of Contents:

	1. Reset
	2. Page Content Settings
	3. Typography Reset
	4. Backgrounds & Colors
	5. Image Effects
	6. Typography Custom
	7. Lists
	8. Responsive Classes
	9. Decorations
	10. Hover + Rotate Effects
	11. Input Styles
	12. Switches
	13. Range sliders
	14. Checkbox and Radios
	15. Dropcaps
	16. Chips
	17. Link Lists
	18. Sortable List
	19. Search
	20. Buttons
	21. Back to Top Badge
	22. Content Strip
	23. Icon Column
	24. Home Call To Action
	25. Pricing Table
	26. Block Quotes
	27. Reviews
	28. Article Cards
	29. Contact Page
	30. Header & Menu icons
	31. Footer
	32. Custom Menu Canvas Elements
	33. Menu Wrappers
	34. Menu Cookie
	35. Accordion
	36. Tabs
	37. Toggles
	38. FAQ
	39. Snackbar
	40. Toast Box
	41. Notification Boxes
	42. Reading Box
	43. Pagination
	44. Progress Bar
	45. Media Pages
	46. Full Page
	47. Page 404
	48. Page Countdown
	49. Page Login
	50. Page VCard
	51. Page Timeline
	52. Page Profile
	53. Page System
	54. Page TEam
	55. Calendar
	56. Chat
	57. Coverpage
	58. Map FullScreen
	59. Store Pages ( Delete these if not needed to increase load speed )
	60. News Pages ( Delete these if not needed to increase load speed )
	61. Blog Pages ( Delete these if not needed to increase load speed )
	62. Page Plugins
	63. 27 November 2017 - Page Udated - Added 3D Sidebar
	62. Demo Elements -  Delete these

	Deleting the mentioned items above can be done by going to the CSS chapter below
	and deleting all the lines in the content. This will help increase loading speed!
*/
@font-face {
    font-family: 'Pretendard Variable';
    font-weight: 45 920;
    font-style: normal;
    font-display: swap;
    src: url('./fonts/pretendard/public/variable/PretendardVariable-872a6c5775ec910058a9a409a201972a.ttf') format('woff2-variations');
}

p{color:#666666;}
p strong{color:#1f1f1f;}
a{color:#2980b9;}

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

html, body{
    overflow-x:hidden!important; letter-spacing:-1px;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    /*
        폰트 수정 이은섭 20191219  이민기 과장요청
        font-size: 100%;
        font-size: 104%; // 폰트 수정 이수정 20191224 이은섭 차장요청
    */
    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: antialiased!important;
    -webkit-transform: translate3d(1,1,1);
    transform:translate3d(1,1,1);
    text-rendering: auto;
    -webkit-font-smoothing: 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:13px;
    font-family:'Malgun Gothic', 'Roboto', 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;
    -webkit-appearance: none;
}

textarea, input {font-weight: 700;outline: none;-webkit-appearance: none;}

input{border-radius: 0!important;
    -webkit-border-radius:0px!important;
    display:inline-block;
    -webkit-appearance: none;
}
textarea{-webkit-appearance: none!important; border-radius: 0!important; -webkit-border-radius:0px!important;}
label a{display:inline-block;}

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

#page-transitions{left:0px; right:0px; display:block; overflow:hidden;}
#page-content{margin-bottom:0px; background-color:#FFFFFF;}
/*.dark-mode #page-content{background-color:#0a0a0a!important;}*/
.dark-mode #page-content{background-color:#16191c!important;}
.page-content-gray{background-color:#e1e0e6!important;}
.transparent-bg{background-color:rgba(255,255,255,0)!important; transition:all 250ms ease;}
.header-clear{padding-top:20px!important;}
.header-clear-large{padding-top:20px!important;}
.header-clear-larger{padding-top:30px!important;}

/*---Typography---*/
/*----------------*/
/*
폰트 사이즈 수정 이은섭 20191219 이민기 과장요청
p{line-height: 28px; margin-bottom: 30px; font-size:13px;}
*/
p{line-height: 28px; margin-bottom: 30px; font-size:13px;}
p > a {	display: inline; text-decoration: none;}
p > a:hover{text-decoration: underline;}
p > span {display: inline;}
p strong{font-size:13px; 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 {border-collapse: separate; border-spacing: 0; width: 100%; clear: both; margin-bottom: 27px;}
th {vertical-align: middle; font-weight: bold;}
tr {line-height: 18px;}
td {text-align: center; padding:9px 5px 9px 5px; line-height: 18px;	vertical-align: middle;}
.table tr.even td{background: #efefef;}
.table tr:hover td{background: #f8f8f8;}
/* tr:hover > td {background: #fff;} */
/* 2020-09-25 youth 안내페이지 hover 제어 */
tr:hover > td:not(.content__wrap td) {background: #fff;}
th{	border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;	color: #1f1f1f; line-height:18px; padding:8px 0; background-color: #f6f6f6;}
td{ border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;   color: #666;	background-color: #fdfdfd;}
table{    background-color: #f6f6f6; border-left: 1px solid #e9e9e9;    	border-top: 1px solid #e9e9e9;}
.table-borders-light *{border-color:rgba(255,255,255,0.1)!important;}
ul, ol{color:#666666;}
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:'Roboto', 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;}
.disabled-box{display:none;}
.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;}

/*---Background & Colors---*/
/*-------------------------*/
.bg-full{position:fixed; top:-20px; left:-20px; right:-20px; bottom:-20px; overflow:hidden;}
.bg-cover{background-size:cover; background-position:center center;}
.bg-transparent{background:rgba(0,0,0,0)!important;}
.bg-dark{background-color:rgba(0,0,0,0.3)!important;}
.bg-1{background-image:url(../images/pictures/1.jpg)}
.bg-2{background-image:url(../images/pictures/2.jpg)}
.bg-3{background-image:url(../images/pictures/3.jpg)}
.bg-4{background-image:url(../images/pictures/4.jpg)}
.bg-5{background-image:url(../images/pictures/5.jpg)}
.bg-6{background-image:url(../images/pictures/6.jpg)}
.bg-7{background-image:url(../images/pictures/7.jpg)}
.bg-8{background-image:url(../images/pictures/8.jpg)}
.bg-9{background-image:url(../images/pictures/9.jpg)}

.vertical-bg-0{background-image:url(../images/pictures_vertical/bg0.jpg);}
.vertical-bg-1{background-image:url(../images/pictures_vertical/bg1.jpg);}
.vertical-bg-2{background-image:url(../images/pictures_vertical/bg2.jpg);}
.vertical-bg-3{background-image:url(../images/pictures_vertical/bg3.jpg);}
.vertical-bg-4{background-image:url(../images/pictures_vertical/bg4.jpg);}
.vertical-bg-5{background-image:url(../images/pictures_vertical/bg5.jpg);}
.vertical-bg-6{background-image:url(../images/pictures_vertical/bg6.jpg);}
.vertical-bg-7{background-image:url(../images/pictures_vertical/bg7.jpg);}
.vertical-bg-8{background-image:url(../images/pictures_vertical/bg8.jpg);}
.vertical-bg-9{background-image:url(../images/pictures_vertical/bg9.jpg);}
.vertical-bg-10{background-image:url(../images/pictures_vertical/bg10.jpg);}

.overlay, .overlay-image{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:9;
    background-size:cover;
}
.overlay-image{z-index:8;}
.above-overlay{position: relative; z-index:10!important;}
.dark-overlay{    background-color:rgba(0,0,0,0.7);}
.medium-overlay{    background-color:rgba(0,0,0,0.6);}
.light-overlay{    background-color:rgba(255,255,255,0.85);}
.overlay-dark{    background-color:rgba(0,0,0,0.8);}
.overlay-medium{    background-color:rgba(0,0,0,0.65);}
.overlay-light{    background-color:rgba(255,255,255,0.75);}
.overlay-gradient{background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 20%,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.7) 70%,rgba(0,0,0,1) 100%);}
.overlay-gradient-small{background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 30%,rgba(0,0,0,0.1) 40%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.8) 100%);}

.bg-teal-light{ background-color: #A0CECB!important; color:#FFFFFF;}
.bg-teal-dark{  background-color: #7DB1B1!important; color:#FFFFFF;}
.border-teal-light{ border:solid 1px #A0CECB!important;}
.border-teal-dark{  border:solid 1px #7DB1B1!important;}
.bg-hover-teal-light:hover{ background-color: #A0CECB!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-teal-dark:hover{  background-color: #7DB1B1!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-teal-light{ color: #A0CECB!important;}
.color-teal-dark{  color: #7DB1B1!important;}

.bg-green-light{background-color: #A0D468!important; color:#FFFFFF;}
.bg-green-dark{background-color: #8CC152!important; color:#FFFFFF;}
.border-green-light{border:solid 1px #A0D468!important;}
.border-green-dark{ border:solid 1px #8CC152!important;}
.bg-hover-green-light:hover{background-color: #A0D468!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-green-dark:hover{background-color: #8CC152!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-green-light{color: #A0D468!important;}
.color-green-dark{color: #8CC152!important;}

.bg-green2-light{background-color: #2ECC71!important; color:#FFFFFF;}
.bg-green2-dark{background-color: #2ABA66!important; color:#FFFFFF;}
.border-green2-light{border:solid 1px #2ECC71!important;}
.border-green2-dark{ border:solid 1px #2ABA66!important;}
.bg-hover-green2-light:hover{background-color: #2ECC71!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-green2-dark:hover{background-color: #2ABA66!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-green2-light{color: #2ECC71!important;}
.color-green2-dark{color: #2ABA66!important;}

.bg-blue-light{background-color: #5D9CEC!important; color:#FFFFFF;}
.bg-blue-dark{background-color: #4A89DC!important; color:#FFFFFF;}
.border-blue-light{border:solid 1px #5D9CEC!important;}
.border-blue-dark{ border:solid 1px #4A89DC!important;}
.bg-hover-blue-light:hover{background-color: #5D9CEC!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-blue-dark:hover{background-color: #4A89DC!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-blue-light{color: #5D9CEC!important;}
.color-blue-dark{color: #4A89DC!important;}

.bg-blue2-light{background-color: #4FC1E9!important; color:#FFFFFF;}
.bg-blue2-dark{background-color: #3BAFDA!important; color:#FFFFFF!important;}
.border-blue2-light{border:solid 1px #4FC1E9!important;}
.border-blue2-dark{ border:solid 1px #3BAFDA!important;}
.bg-hover-blue2-light:hover{background-color: #4FC1E9!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-blue2-dark:hover{background-color: #3BAFDA!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-blue2-light{color: #4FC1E9!important;}
.color-blue2-dark{color: #3BAFDA!important;}

.bg-magenta-light{background-color: #8067B7!important; color:#FFFFFF;}
.bg-magenta-dark{background-color: #6A50A7!important; color:#FFFFFF;}
.border-magenta-light{border:solid 1px #8067B7!important;}
.border-magenta-dark{ border:solid 1px #6A50A7!important;}
.bg-hover-magenta-light:hover{background-color: #8067B7!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-magenta-dark:hover{background-color: #6A50A7!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-magenta-light{color: #8067B7!important;}
.color-magenta-dark{color: #6A50A7!important;}

.bg-night-light{background-color: #656D78!important; color:#FFFFFF;}
.bg-night-dark{background-color: #434A54!important; color:#FFFFFF;}
.border-night-light{border:solid 1px #656D78!important;}
.border-night-dark{ border:solid 1px #434A54!important;}
.bg-hover-night-light:hover{background-color: #656D78!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-night-dark:hover{background-color: #434A54!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-night-light{color: #656D78!important;}
.color-night-dark{color: #434A54!important;}

.bg-yellow-light{background-color: #FFCE54!important; color:#FFFFFF;}
.bg-yellow-dark{background-color: #F6BB42!important; color:#FFFFFF;}
.border-yellow-light{border:solid 1px #FFCE54!important;}
.border-yellow-dark{ border:solid 1px #F6BB42!important;}
.bg-hover-yellow-light:hover{background-color: #FFCE54!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-yellow-dark:hover{background-color: #F6BB42!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-yellow-light{color: #FFCE54!important;}
.color-yellow-dark{color: #F6BB42!important;}

.bg-yellow2-light{background-color: #E8CE4D!important; color:#FFFFFF;}
.bg-yellow2-dark{background-color: #E0C341!important; color:#FFFFFF;}
.border-yellow2-light{border:solid 1px #E8CE4D!important;}
.border-yellow2-dark{ border:solid 1px #E0C341!important;}
.bg-hover-yellow2-light:hover{background-color: #E8CE4D!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-yellow2-dark:hover{background-color: #E0C341!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-yellow2-light{color: #E8CE4D!important;}
.color-yellow2-dark{color: #E0C341!important;}

.bg-orange-light{background-color: #FC6E51!important; color:#FFFFFF;}
.bg-orange-dark{background-color: #E9573F!important; color:#FFFFFF;}
.border-orange-light{border:solid 1px #FC6E51!important;}
.border-orange-dark{ border:solid 1px #E9573F!important;}
.bg-hover-orange-light:hover{background-color: #FC6E51!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-orange-dark:hover{background-color: #E9573F!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-orange-light{color: #FC6E51!important;}
.color-orange-dark{color: #E9573F!important;}

.bg-red-light{background-color: #e74c3c!important; color:#FFFFFF;}
.bg-red-dark{background-color: #c0392b!important; color:#FFFFFF;}
.border-red-light{border:solid 1px #e74c3c!important;}
.border-red-dark{ border:solid 1px #c0392b!important;}
.bg-hover-red-light:hover{background-color: #e74c3c!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-red-dark:hover{background-color: #c0392b!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-red-light{color: #e74c3c!important;}
.color-red-dark{color: #c0392b!important;}

.bg-pink-light{background-color: #fa6a8e !important; color:#FFFFFF;}
.bg-pink-dark{background-color: #FB3365 !important; color:#FFFFFF;}
.border-pink-light{border:solid 1px #fa6a8e !important;}
.border-pink-dark{ border:solid 1px #FB3365 !important;}
.bg-hover-pink-light:hover{background-color: #f85d84!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-pink-dark:hover{background-color: #fa6a8e!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-pink-light{color: #fa6a8e!important;}
.color-pink-dark{color: #FB3365!important;}

.bg-brown-light{background-color: #BAA286 !important; color:#FFFFFF;}
.bg-brown-dark{background-color: #AA8E69 !important; color:#FFFFFF;}
.border-brown-light{border:solid 1px #BAA286 !important;}
.border-brown-dark{ border:solid 1px #AA8E69 !important;}
.bg-hover-brown-light:hover{background-color: #BAA286!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-brown-dark:hover{background-color: #AA8E69!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-brown-light{color: #BAA286!important;}
.color-brown-dark{color: #AA8E69!important;}

.bg-brown2-light{background-color: #8E8271 !important; color:#FFFFFF;}
.bg-brown2-dark{background-color: #7B7163 !important; color:#FFFFFF;}
.border-brown2-light{border:solid 1px #8E8271 !important;}
.border-brown2-dark{ border:solid 1px #7B7163 !important;}
.bg-hover-brown2-light:hover{background-color: #8E8271!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-brown2-dark:hover{background-color: #7B7163!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-brown2-light{color: #8E8271!important;}
.color-brown2-dark{color: #7B7163!important;}

.bg-gray-light{background-color: #bdc3c7!important; color:#FFFFFF;}
.bg-gray-dark{background-color: #95a5a6!important; color:#FFFFFF;}
.border-gray-light{border:solid 1px #bdc3c7!important;}
.border-gray-dark{ border:solid 1px #95a5a6!important;}
.bg-hover-gray-light:hover{background-color: #bdc3c7!important; color:#FFFFFF!important; transition:all 200ms ease;}
.bg-hover-gray-dark:hover{background-color: #95a5a6!important; color:#FFFFFF!important; transition:all 200ms ease;}
.color-gray-light{color: #bdc3c7!important;}
.color-gray-dark{color: #95a5a6!important;}

.bg-white{background-color:#FFFFFF!important;}
.bg-hover-black:hover{background-color:#FFFFFF!important; color:#000000!important;}
.color-white{color:#FFFFFF!important;}
.border-white{border:solid 1px #FFFFFF!important;}
.border-light{border-color:rgba(255,255,255,0.05)!important;}

.bg-black{background-color:#000000!important;}
.bg-hover-black:hover{background-color:#000000!important; color:#FFFFFF!important;}
.color-black{color:#000000!important;}
.border-black{border:solid 1px #000000!important;}

.opacity-05{opacity:0.05;}
.opacity-10{opacity:0.1;}
.opacity-20{opacity:0.2;}
.opacity-25{opacity:0.25;}
.opacity-30{opacity:0.3;}
.opacity-40{opacity:0.4;}
.opacity-50{opacity:0.5;}
.opacity-60{opacity:0.6;}
.opacity-70{opacity:0.7;}
.opacity-75{opacity:0.75;}
.opacity-80{opacity:0.8;}
.opacity-90{opacity:0.9;}
.border-round{border-radius:100px; overflow:hidden;}

.bg-green-light i,
.bg-green-dark i,
.bg-teal-light i,
.bg-teal-dark i,
.bg-magenta-light i,
.bg-magenta-dark i,
.bg-yellow-light i,
.bg-yellow-dark i,
.bg-orange-light i,
.bg-orange-dark i,
.bg-red-dark i,
.bg-red-light i,
.bg-gray-light i,
.bg-gray-dark i{color:#FFFFFF;}



.float-left{float:left; margin-top:10px; margin-right:10px;}
.float-right{float:right; margin-top:10px; margin-left:10px;}
.read-more-right{float:right; display:block;}
.read-more-right i{padding-left:10px;}

/*---Image Effects---*/
/*-------------------*/

.polaroid-effect{ border:solid 1px rgba(0,0,0,0.15); background-color:#FFFFFF; padding:8px; box-shadow:0px 2px 5px rgba(0,0,0,0.15);}
.dark-mode .polaroid-effect{background-color:rgba(255,255,255,0.1)!important;}
.polaroid-effect-small{padding:5px;}
.polaroid-effect p{margin-bottom:-5px!important;}

.blur-effect-caption, .scale-effect-caption, .grayscale-effect-caption{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:9;
    pointer-events: none;
    opacity:0;
    transition:all 250ms ease;
    padding:15px;
}
.grayscale-effect strong, .blur-effect-caption strong, .scale-effect-caption strong{z-index:10; position: relative; display:block;}
.grayscale-effect em, .blur-effect-caption em, .scale-effect-caption em{z-index:10; position:relative; display:block; line-height:24px;}

.scale-effect{overflow:hidden; transition:all 500ms ease;}
.scale-effect img:hover{transform:scale(1.2, 1.2)!important; transition:all 500ms ease;}
.scale-effect img:hover ~ .scale-effect-caption{opacity:1!important; transition:all 500ms ease;	transition-delay: 150ms;}

.blur-effect{overflow:hidden; transition:all 250ms ease;}
.blur-effect img:hover{filter: blur(2px); transition:all 500ms ease;}
.blur-effect img:hover ~ .blur-effect-caption{opacity:1!important; transition:all 500ms ease;	transition-delay: 150ms;}

.grayscale-effect{overflow:hidden; transition:all 250ms ease;}
.grayscale-effect img:hover{filter: grayscale(100%); transition:all 500ms ease;}
.grayscale-effect img:hover ~ .grayscale-effect-caption{opacity:1!important; transition:all 500ms ease;	transition-delay: 150ms;}


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

h1{ font-size:24px; line-height:26px; font-weight:500; margin-bottom:5px;}
h2{ font-size:21px; line-height:25px; font-weight:500; margin-bottom:5px;}
h3{ font-size:20px; line-height:24px; font-weight:500; margin-bottom:5px;}
h4{ font-size:18px; line-height:23px; font-weight:500; margin-bottom:5px;}
h5{ font-size:15px; line-height:22px; font-weight:500; margin-bottom:5px;}
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6{color:#FFFFFF;}

.small-heading{font-size:12px;	margin:-10px 0px 10px 0px; display:block;}
.heading-style h4{text-align:center;}
.heading-style p{width:90%!important; margin-left:auto; margin-right:auto;}

.heading-style .line{
    z-index:1;
    width:280px;
    margin:30px auto 25px auto;
    display:block;
    height: 1px;
}
.heading-title{padding-top:50px;}
.dark-mode .heading-style .line{background-color:rgba(255,255,255,0.1)!important;}

.heading-style i{
    font-size:32px!important;
    height:40px;
    width:50px;
    text-align:center;
    line-height:40px;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-25px;
    z-index:2;
    background-color:transparent!important;
}

.heading-style p{
    width:300px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

/*---Lists---*/
/*-----------*/

.font-icon-list li{list-style:none;	padding-left:0px; margin-left:-20px; line-height:30px;}
.font-icon-list i{margin-right:10px; width:20px; text-align:center;	display:inline-block;}
.font-icon-list .font-icon-list{padding-left:30px;}
.icon-list{list-style: none;    padding-left:0px;}
.icon-list i{width:20px; text-align:center; margin-left:-5px;}
.icon-list ul{padding-left:40px;}

ul{padding-left:20px; list-style-type:disc;}
ul ul, ol ol{padding-top:10px; padding-bottom:10px;}
ol{padding-left:20px; list-style-type: decimal;}
ol ol{list-style-type:lower-alpha;}
ol ol ol{list-style-type:disc;}

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

.clear{clear:both!important;}
.last-column{margin-right:0%!important;}
.no-bottom{margin-bottom:0px!important;}
.no-top{margin-top:0px!important; padding-top:0px!important;}
.half-bottom{margin-bottom:15px!important; display:block;}
.quarter-bottom{margin-bottom:5px!important;}
.quarter-top{margin-top:5px!important;}
.small-bottom{margin-bottom:10px!important; display:block;}
.small-top{margin-top:10px!important; display:block;}
.half-top{margin-top:15px!important; display:block;}
.full-bottom{margin-bottom:30px!important; display:block;}
.full-top{margin-top:30px!important; display:block;}
.left-padding{padding-left:30px;}
.right-padding{padding-right:30px;}
.padding-right{padding-right:20px;}
.padding-left{padding-left:20px;}
.no-border{border:none!important;}
.responsive-image{display:block; width:100%; margin-bottom:15px;}
.rounded-image{border-radius:300px; max-width:300px; overflow: hidden;}
.no-shadow{box-shadow:none!important;}
.center-object{margin: auto; background-position:center!important;}
.box-shadow{box-shadow: 0px 2px 10px rgba(0,0,0,0.15);}
.icon-clear-left{padding-left:15px;}
.icon-clear-right{padding-right:15px;}

.maps{min-height:250px;}
.responsive-video{position:relative; min-height:220px; width:100%; overflow:hidden;}
.responsive-video iframe, .responsive-video object, .responsive-video embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.content-padding{padding:20px 20px;}
.content-large{margin-top:40px!important; margin-bottom:40px!important;}
.content-boxed{border-radius:5px!important; overflow: hidden; background-color:#FFFFFF; box-shadow: 0px 2px 5px rgba(0,0,0,0.15);}
.content-boxed-padding{padding:15px 20px; margin-bottom:30px;}
.content-boxed-shadow{box-shadow: 0px 2px 5px rgba(0,0,0,0.15);}
.content-boxed .owl-dots{margin-bottom:0px!important;}

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

.last-column:after, container:after{
    visibility: hidden!important;
    display: block!important;
    content: ""!important;
    clear: both!important;
    height: 0!important;
}

.container, .container-fullscreen{margin-bottom:30px; display:block;}
.hide-if-mobile{display:none!important;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.capitalize{text-transform:capitalize!important;}
.thin{font-weight:300!important;}
.ultrathin{font-weight:100!important;}
.thiner{font-weight:400!important;}
.bold{font-weight:600!important;}
.regular{font-weight:400!important;}
.regularbold{font-weight:500!important;}
.ultrabold{font-weight:900!important;}
.justify{text-align:justify!important;}
.italic{font-style: italic;}
.pointer{cursor:pointer;}

.ultrasmall-text{font-size:10px!important;}
.small-text{font-size:12px!important; margin-top:-5px; display:block; line-height:24px;}
.smaller-text{font-size:11px!important; margin-top:-5px; display:block;}
.normal-text{font-size:14px!important;}
.larger-text{font-size:26px!important;}
.large-text{font-size:28px!important;}
.huge-text{font-size:30px!important;}
.boxed-text{max-width:80%; margin:0 auto; text-align:center;}
.boxed-text-small{max-width:200px; margin:0 auto; text-align:center;}
.boxed-text-large{max-width:300px; margin:0 auto; text-align:center;}
.medium-line-height{line-height:30px;}
.large-line-height{line-height:40px;}
.small-text-icon i{padding-left:15px; width:25px; padding-right:10px;}
.small-text-icon i:first-child{padding-left:0px;}
.border-text{border-width:4px!important; padding:5px 0px 5px 15px; border-right:none!important; border-top:none!important; border-bottom:none!important;}

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

.center-stars i{font-size:16px; padding:0px 5px 0px 5px;}
.center-stars{width:155px; margin:0 auto;}
.space-left{padding-left:10px;}
.space-right{padding-right:10px;}

.center-boxed-content{max-width:600px!important;}
.center-boxed-text, .center-boxed-content{
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;
}

.one-half{width:48%; float:left; margin-right:4%;}
.one-third{width:33%; float:left; margin-right:2%;}

/*---Decorations---*/
/*-----------------*/
.decoration-margins{margin:0px 20px 0px 20px;}
.decoration{height:1px; display:block; margin-bottom:30px; clear:both!important;background-color:rgba(0,0,0,0.1);}
.dark-mode .decoration{background-color:rgba(255,255,255,0.07)}
.decoration-boxed{margin:0px 20px 0px 20px;}
.decoration-lines div{height:5px; width:10%; float:left;}
.decoration-lines-thin div{height:3px; width:10%; float:left;}
.deco-0{background-color:#c0392b;}
.deco-1{background-color:#2ecc71;}
.deco-2{background-color:#3498db;}
.deco-3{background-color:#bdc3c7;}
.deco-4{background-color:#f1c40f;}
.deco-5{background-color:#e67e22;}
.deco-6{background-color:#9b59b6;}
.deco-7{background-color:#34495e;}
.deco-8{background-color:#16a085;}
.deco-9{background-color:#95a5a6; margin-bottom:30px;}
.deco-thick{height:3px; width:60px; margin:0 auto;}
.heading-icon{height:50px; width:50px; background-color:#FFFFFF; line-height:27px!important;}

.decoration-small{height:3px; width:100px; margin:0px auto 30px auto;}
.decoration-shadow{height: 5px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);}
.decoration-line-fade{border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
.decoration-zig-zag{height: 6px; background: url(../images/framework/deco-zig.png) repeat-x 0 0; border: 0;}
.decoration-slash{height: 6px; background: url(../images/framework/deco-slash.png) repeat-x 0 0; border: 0;}

/*---Hover + Rotate Effects---*/
/*----------------------------*/
.rotate-45{-webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important;}
.rotate-90{-webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important;}
.rotate-135{ -webkit-transform: rotate(135deg) !important; transform: rotate(135deg) !important;}
.rotate-180{ -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important;}
.rotate-225{ -webkit-transform: rotate(225deg) !important; transform: rotate(225deg) !important;}
.rotate-270{ -webkit-transform: rotate(270deg) !important; transform: rotate(270deg) !important;}
.rotate-315{ -webkit-transform: rotate(315deg) !important; transform: rotate(315deg) !important;}
.rotate-45, .rotate-90, .rotate-135, .rotate-180, .rotate-225, .rotate-270, .rotate-315{transition:all 500ms ease;}
.scale-hover:hover{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
.scale-out{-webkit-transform: scale(0,0); transform: scale(0,0); transition:all 250ms ease;    }
.opacity-out{opacity:0; transition:all 250ms ease;}

/*Input Style*/
/*-----------*/
.input-simple-1.has-icon i{
    position:absolute;
    z-index:2;
    left:0px;
    font-size:102%;
    /*	font-size:12px;*/
    height:40px;
    width:12px;
    line-height:41px;
    text-align:center;
    color:#666666;
    -webkit-appearance: none;
}

.input-simple-1.textarea.has-icon i{margin-top:28px;}
.input-simple-1.textarea textarea{
    padding:5px 30px 10px 0px;
    height:40px;
    line-height:28px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    background-color:transparent;
    transition:all 250ms ease;
    -webkit-appearance: none;
}

.input-simple-1.textarea textarea:focus{height:120px;}
.input-simple-1 em, .select-box-1 em{
    font-style: normal;
    display:block;
    font-size:11px;
    -webkit-appearance: none;
}

.input-simple-1 strong, .select-box-1 strong{
    position:absolute;
    right:0px;
    font-size:10px;
    font-style:italic;
    font-weight:400;
    color:#cacaca;
    -webkit-appearance: none;
}

.input-simple-1 input{
    height:40px;
    line-height:40px;
    border-bottom:solid 1px rgba(0,0,0,0.1);
    border-left:none!important;
    border-right:none!important;
    border-top:none!important;
    display:block;
    width:100%;
    padding-left:25px;
    box-shadow: none;
    background-color:transparent;
    transition:all 250ms ease;
    -webkit-appearance: none;
    font-size:102%;
}

.input-simple-1.has-icon input{text-indent:0px!important;}
.input-simple-1 input::placeholder, .input-simple-1 textarea::placeholder{color:#b7b7b7;}
.input-simple-1.input-blue input:focus{border-bottom:solid 1px #5D9CEC!important;}
.input-simple-1.input-green input:focus{border-bottom:solid 1px #A0D468!important;}
.input-simple-1.input-red input:focus{border-bottom:solid 1px #D8334A!important;}

.input-simple-1 .textarea-simple-1{
    width:100%;
    display:block;
    padding:0px;
    text-indent: 0px;
    transition:all 250ms ease;
    -webkit-appearance: none;

}

/*Select Box*/
.select-box {
    border: 1px solid rgba(0,0,0,0.1);
    background: #FFFFFF url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 95% 50%;
    box-sizing: border-box;
    margin-bottom:0px;
    height:40px;
    line-height:40px;
    width:100%;
    box-shadow: none;
    -webkit-appearance: none;
    background-color:transparent;
    font-weight:700;
}

.select-box select {
    width:99.9%;
    height:40px;
    padding-left:20px;
    line-height:40px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight:700;
}

.select-box-1{margin-top:0px; border:none; border-bottom:solid 1px rgba(0,0,0,0.1); padding-top:0px;}
.select-box-1 select{padding-left:0px!important; color:#666666;}
.select-box-1{background-position:center right;}
.select-box-1 em{position:absolute; margin-top:-35px;}
.select-box-1 strong{margin-top:-35px;}
.select-box select:focus {outline: none; color:#666666;}
.select-style select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}

/*Classic Style*/
.input-simple-2.has-icon i{
    position:absolute;
    z-index:2;
    right:0px;
    /*	font-size:12px;*/
    font-size:102%;
    height:50px;
    width:50px;
    line-height:50px;
    text-align:center;
    color:#666666;
    -webkit-appearance: none;
}

.input-simple-2{
    box-sizing: border-box;
    display:block;
    width:100%;
    -webkit-appearance: none;
}

.input-simple-2 input{
    border:solid 1px rgba(0,0,0,0.1);
    background-color:transparent;
    height:50px;
    line-height:50px;
    border-radius:3px!important;
    text-indent:15px;
    box-sizing: border-box;
    display:block;
    width:100%;
    /*	font-size:12px;*/
    font-size:102%;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    transition:all 250ms ease;
}

.input-simple-2.textarea.has-icon i{margin-top:0px;}
.input-simple-2.textarea textarea{
    padding-top:5px;
    padding-right:30px;
    height:50px;
    border-radius:3px!important;
    padding-top:10px;
    padding-left:15px;
    line-height:28px;
    background-color:transparent;
    border:solid 1px rgba(0,0,0,0.1);
    transition:all 250ms ease;
    -webkit-appearance: none;
}

.input-simple-2.textarea textarea:focus{height:130px;}
.input-simple-2.has-icon input{text-indent:15px!important;}
.input-simple-2 input::placeholder, .input-simple-2 textarea::placeholder{color:#959595;}
.input-simple-2.input-blue input:focus{border:solid 1px #5D9CEC!important;}
.input-simple-2.input-green input:focus{border:solid 1px #A0D468!important;}
.input-simple-2.input-red input:focus{border:solid 1px #FC6E51!important;}

.select-box-2{border:solid 1px rgba(0,0,0,0.1); border-radius:3px!important;}
.select-box-2 select{padding-left:15px!important; color:#a3a3a3;}
.select-box-2{background-position:center 10;}

.textarea-simple-2{
    width:100%;
    display:block;
    padding:0px;
    text-indent: 0px;
    transition:all 250ms ease;
    -webkit-appearance: none;
}

.dark-mode .range-slider i{color:#FFFFFF;}
.dark-mode .range-slider .classic-slider{background-color:rgba(255,255,255,0.1)!important;}
.dark-mode .fac label{color:#666666!important;}
.dark-mode .select-box strong, .dark-mode .select-box em{color:#666666!important;}
.dark-mode .select-box select{border-bottom:solid 1px rgba(255,255,255,0.1);}
.dark-mode .input-simple-1 strong, .dark-mode .input-simple-1 em{color:#666666!important;}
.dark-mode .input-simple-1 input{border-bottom:solid 1px rgba(255,255,255,0.1);}
.dark-mode .input-simple-2 input{border:solid 1px rgba(255,255,255,0.1);}
.dark-mode .input-simple-1 textarea{border-bottom:solid 1px rgba(255,255,255,0.1)!important;}
.dark-mode .select-box-2 select{border:solid 1px rgba(255,255,255,0.1)!important;}
.dark-mode .input-simple-2 textarea{border:solid 1px rgba(255,255,255,0.1)!important;}

/*---Switches---*/
/*--------------*/

.switch-box h5{
    float:left;
    width:200px;
    font-weight:400;
    font-size:15px;
    -webkit-appearance: none;
}

.switch-box div{float:right;}
.switch-box:after {
    content: '';
    display: block;
    clear: both;
    -webkit-appearance: none;
}

/*iOS Style*/
.ios-switch {
    position: relative; width: 45px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.ios-switch-checkbox {display: none;}
.ios-switch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 27px; padding: 0; line-height: 20px;
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    background-color: #FFFFFF;
    transition: all 250ms ease;
    -webkit-appearance: none;
}
.ios-switch-label:before {
    content: "";
    display: block; width: 25px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 19px;
    border: 2px solid #E3E3E3;
    border-radius: 20px;
    -webkit-appearance: none;
    transition: all 250ms ease;
}
.ios-switch-checkbox:checked + .ios-switch-label {background-color: #A0D468;}
.ios-switch-checkbox:checked + .ios-switch-label, .ios-switch-checkbox:checked + .ios-switch-label:before {border-color: #A0D468;}
.ios-switch-checkbox:checked + .ios-switch-label:before {right: 0px;}

/*Material Style*/
.material-switch {position: relative; width: 40px; margin-left:1px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.material-checkbox {display: none;}
.material-label {
    display: block;  cursor: pointer;
    height: 16px; padding: 0; line-height: 16px;
    border: 0px solid #FFFFFF; border-radius: 22px;
    background-color: #9E9E9E;
}
.material-label:before {
    content: "";
    display: block; width: 22px; margin: -3px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 25px;
    border-radius: 22px;
    box-shadow: 0 6px 12px 0px #757575;
    transition:all 250ms ease;
}
.material-checkbox:checked + .material-label {background-color: #68A3F0;}
.material-checkbox:checked + .material-label, .material-checkbox:checked + .material-label:before {border-color: #68A3F0;}
.material-checkbox:checked + .material-label .onoffswitch-inner {margin-left: 0;}
.material-checkbox:checked + .material-label:before {right: 0px; background-color: #3A76C4; box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);}

/*---Range Sliders---*/
/*-------------------*/

.range-slider input{width:100%;}
input[type="range"]{
    -webkit-appearance:none;
    height:20px;
    outline: none;
}

input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:20px;
    height:20px;
    background:#F26B5E;
    position:relative;
    z-index:3;
}

input[type="range"]::-webkit-slider-thumb:after{
    content:" ";
    height:10px;
    position:absolute;
    z-index:1;
    right:20px;
    top:5px;
    background: #ff5b32;
    background: linear-gradient(to right, #f088fc 1%, #AC6CFF 70%);
    -webkit-appearance: none;

}

.ios-slider{
    height:40px!important;
    background: linear-gradient(to right, #5D9CEC 0%, #5D9CEC 100%);
    background-size:100% 3px;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-appearance: none;
}

.ios-slider::-webkit-slider-thumb{
    background-color:#FFFFFF!important;
    border:solid 1px rgba(0,0,0,0.1);
    border-radius:30px;
    height:25px!important;
    width:25px!important;
    box-shadow: -3px 3px 10px 1px rgba(0,0,0,0.2)!important;
    -webkit-appearance: none;
}

.material-slider{
    height:40px!important;
    background: linear-gradient(to right, #CCD1D9 0%, #CCD1D9 100%);
    background-size:100% 18px;
    background-position:center;
    background-repeat:no-repeat;
    padding:0px 3px 0px 3px;
    -webkit-appearance: none;
}

.material-slider::-webkit-slider-thumb{
    background-color:#434A54!important;
    border:solid 1px rgba(0,0,0,0.1);
    height:10px!important;
    width:30px!important;
}

.classic-slider{
    height:20px!important;
    background-color:#FFFFFF;
    border:solid 1px rgba(0,0,0,0.1);
    border-radius:30px!important;
    background-size:100% 25px;
    background-position:center;
    background-repeat:no-repeat;
    background-color:transparent;
    padding:0px 3px 0px 3px;
    -webkit-box-shadow:inset 0 2px 2px 1px rgba(0,0,0,0.1);
    box-shadow:inset 0 2px 2px 1px rgba(0,0,0,0.1);
}

.classic-slider::-webkit-slider-thumb{
    background-color:#5D9CEC!important;
    border:solid 1px rgba(0,0,0,0.0);
    height:16px!important;
    border-radius:20px;
    width:16px!important;
    box-shadow: -3px 3px 10px 1px rgba(0,0,0,0.2)!important;
}

.range-slider-icons{padding:0px 30px 0px 30px;}
.range-slider.range-slider-icons i{
    position:absolute;
    top:0px;
    height:44px;
    line-height:44px;
    text-align:center;
}

.range-slider .fa-range-icon-1{left:0px;}
.range-slider .fa-range-icon-2{right:0px;}

/*---Checkboxes & Radios---*/
/*-------------------------*/

.fac {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size:14px;
    -webkit-appearance: none;
}

.fac label {
    margin: 0em 1em 0em 0em;
    padding-left: 1.5em;
    cursor:pointer;
    font-weight:inherit;
}

.fac > input + label:before,
.fac > span::after {
    font-family: "Font Awesome 5 Free";
    font-weight:900;
    position:absolute;
    left:0;
    margin-top:0.5px;
}

.fac > input + label:before {transition: opacity 150ms ease-in-out;}
.fac input{display:none;}
.checkboxes-demo .fac{display:block;}

.fac-checkbox > input + label:before, .fac-checkbox-round > input + label:before {opacity: 0;}/* 디인 수정 1이였음 */
.fac-checkbox > input:checked + label:before, .fac > input:checked + label:before {opacity: 1;}/* 디인 수정 0이였음 */

.fac-radio > input + label:before,
.fac-checkbox-o > input + label:before,
.fac-checkbox-round-o > input + label:before {opacity: 0;}
.fac-radio > input:checked + label:before,
.fac-checkbox-o > input:checked + label:before,
.fac-checkbox-round-o > input:checked + label:before {opacity: 1;}

/*.fac-default > input + label:before, .fac-default > span::after {color: #9d9d9d;} 200102 기본 색상 변경*/
.fac-default > input + label:before, .fac-default > span::after {color: #428bca;}
.fac-blue > input + label:before,    .fac-blue > span::after {color: #428bca;}
.fac-green > input + label:before,   .fac-green > span::after {color: #5cb85c;}
.fac-orange > input + label:before,  .fac-orange > span::after {color: #f0ad4e;}
.fac-red > input + label:before,     .fac-red > span::after {color: #d9534f;}

.fac-checkbox > span::after {content: ""; opacity:1; display: block; width: 14px; height: 14px; margin-top: 0; border: 1px solid #428bca; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.fac-checkbox-disabled > span::after {content: ""; opacity:1; display: block; width: 14px; height: 14px; margin-top: 0; border: 1px solid #dddddd; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);background-color: #dddddd;}
.fac-checkbox > input[type=checkbox] + label:before {content: "\f00c"; font-size:12px!important; padding-left:1px;}
.fac-checkbox-round > span::after {content: "\f111";}
.fac-checkbox-round > input[type=checkbox] + label:before {content: "\f00c"; color:#FFFFFF!important; font-size:8px!important; padding-left:3px;}
.fac-radio > span::after {content: "\f45c";}
.fac-radio > input[type=radio] + label:before {content: "\f00c";  color:#FFFFFF!important; font-size:10px!important; padding-left:2px;}
.fac-radio-full > span::after { content: "\f00c"; display: block; font-size: 11px!important; width: 13px; text-align: center;}
.fac-radio-full > input[type=radio] + label:before { content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #428bca; background: #fff; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }

/*200102 Add*/
.fac-checkbox.fac-default > input[type=checkbox] + label:before {content: "\f00c"; color:#428bca!important; font-size:12px!important; padding-left:1px; padding-right: 5px; line-height:1; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
/*---Dropcaps---*/
/*--------------*/

.dropcaps-1:first-child:first-letter{
    float:left;
    font-size: 60px;
    margin-right:10px;
    padding:15px 10px 15px 0px;
    font-family: Georgia;
    color:#000000;
}

.dropcaps-2:first-child:first-letter{
    float: left;
    font-size: 60px;
    margin-right:15px;
    padding:15px 5px 15px 0px;
    color:#000000;
    font-weight:800;
}

.dropcaps-3:first-child:first-letter{
    float: left;
    font-size: 60px;
    margin-right:15px;
    padding:15px 5px 15px 0px;
    color:#000000;
    font-weight:300;
}
.dark-mode .dropcaps-1:first-child:first-letter,
.dark-mode .dropcaps-2:first-child:first-letter,
.dark-mode .dropcaps-3:first-child:first-letter{color:#FFFFFF;}

.text-highlight{margin-bottom:15px;}
.text-highlight span{
    display:block;
    float:left;
    padding:0px 8px;
    margin-right:5px;
}

/*---Chips---*/
/*-----------*/

.chips-dark{background-color:#242631!important;	color:#FFFFFF!important;}
.chips a{background-color:#ececec; border:solid 1px rgba(0,0,0,0.03); display:inline-block;}
.chips .chips-icon, .chips img{
    border-radius:20px;
    font-size:12px;
    text-align:center;
    margin-right:10px;
    position:absolute;
    left:-2px;
    top:-1px;
}

.chips-large a{
    padding:0px 20px 0px 45px;
    border-radius:20px;
    margin-right:5px;
    margin-bottom:5px;
}
.chips-large .chips-icon, .chips-large img{width:32px; height:32px;	line-height:32px;}

.chips-small a{
    padding:1px 10px 1px 35px;
    border-radius:24px;
    margin:0px 5px 5px 0px;
    font-size:12px;
    line-height:24px;
}

.chips-small .chips-icon, .chips-small img{width:28px; height:28px;	line-height:29px;}
.chips-hide{
    margin-left:10px;
    font-size:12px!important;
    opacity:0.5;
    width:20px;
    height:20px;
    background-color:rgba(0,0,0,0.1);
    text-align:center;
    display:block;
}

/*---Link List---*/
/*---------------*/

.link-list{
    list-style:none;
    padding-left:0px;
    display:block;
    position:relative;
}

.link-list a{
    padding-left:35px;
    line-height:50px;
    font-size:14px;
    font-weight:500;
    color:#000000;
    border-bottom:solid 1px rgba(0,0,0,0.1);
}

.link-list .link-list{display:none;}
.link-list .link-list a{border:none; padding-left:35px; line-height:35px;}
.link-list .link-list a i{padding-left:0px; font-size:10px; line-height:38px;}
.link-list .link-list a span{line-height:35px!important; font-size:13px; color:#666666; font-weight:400;}
.link-list li{background-color:rgba(255,255,255,255,0); margin:0px; padding-top:5px;}

.link-list a i{
    font-size:18px;
    position:absolute;
    height:50px;
    width:30px;
    line-height:50px;
    left:-5px;
    text-align:center;
}

.link-list .fa-angle-right, .link-list .fa-angle-down{
    right:-8px!important;
    left:auto!important;
    padding:0px!important;
    font-size:12px;
}
.dark-mode #page-content .link-list a{color:#FFFFFF; border-bottom:solid 1px rgba(255,255,255,0.06);}

/*---Sortable List---*/
/*-------------------*/
.sortable-ghost, .sortable-chosen{background-color:rgba(0,0,0,0.05)!important;}

/*---Search---*/
/*------------*/

.disabled-search{
    opacity:0;
    height:0px!important;
    overflow:hidden;
    transition:all 200ms ease;
}

.search-results{overflow:scroll; transition:all 200ms ease;}
.disabled-search-list{max-height:0px!important;	overflow:hidden; transition:all 200ms ease;}
.search-icon-list div{line-height:40px;	transition:all 250ms ease;}
.search-icon-list i{line-height:40px; width:30px; text-align:center;}
.search-input-square .search input{-webkit-appearance: none;}
.search-input-round .search input{border-radius:65px!important; -webkit-appearance: none;}
.search-input-large input, .search-input-large .search i{height:60px!important; line-height:60px!important;}
.search [data-search]{margin-bottom:20px!important;}

.search-input-container .search i{
    position:absolute;
    height:45px;
    line-height:45px;
    width:40px;
    text-align:center;
    font-size:11px;
    z-index:2;
    -webkit-appearance: none;
}

.search-input-container .search input{
    height:45px;
    line-height:45px;
    width:100%;
    background-color:transparent;
    padding:0px 0px 0px 40px;
    margin:0px 0px 0px 0px;
    border:solid 1px rgba(0,0,0,0.15);
    -webkit-appearance: none;
}

.search-input-dark .search input::placeholder{font-size:12px; color:#cacaca}
.search-input-dark .search input{background-color:#242631; color:#cacaca;}
.search-input-dark .search i{color:#cacaca;}

.search-input-light .search input::placeholder{font-size:12px; color:#888888}
.search-input-light .search input{background-color:#FFFFFF; color:#1f1f1f; }
.search-input-light .search i{color:#1f1f1f;}

.search-input-transparent .search input::placeholder{font-size:12px; color:#888888}
.search-input-transparent .search input{background-color:rgba(255,255,255,0.1); color:#666666; }
.search-input-transparent .search i{color:#666666;}

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

.button{transition:all 250ms ease;}
@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;}
.button, .button-round{
    color:#FFFFFF;
    height:45px;
    line-height:42px;
    text-align:center;
    /*
    폰트사이즈 수정 이은섭 20191219 이민기 과장 요청
        font-size:13px;
    */

    font-size:17px;
    display:inline-block;
    margin:0px 10px 10px 0px;
    padding:0px 20px 0px 20px;
}

.button-ghost{
    text-align:center;
    font-size:13px;
    display:inline-block;
    margin:0px 5px 10px 5px;
    padding:0px 20px 0px 20px;
    background-color:transparent;
    color:#ffffff;
    padding-top:1px;
}

.button-ghost:hover{background-color:#FFFFFF!important; color:#1f1f1f!important;}
.icon i{display:block; text-align:center;}
.button-bold{font-weight:700!important;}
.button-xl{font-size:18px; height:70px!important; line-height:68px!important;}
.button-xl.button-icon i{font-size:12px; height:70px!important; width:68px!important; border-radius:70px!important; line-height:70px!important;}
.button-l{font-size:16px; height:60px!important; line-height:60px!important;}
.button-l.button-icon i{font-size:20px; height:60px!important; width:55px!important; line-height:60px!important;}
.button-l.button-icon{line-height:60px!important;}
.button-m{font-size:15px; height:55px!important; line-height:55px!important;}
.button-m.button-icon i{font-size:16px; height:55px!important; width:55px!important; line-height:55px!important;}
.button-m.button-icon{line-height:55px!important;}
.button-sm{font-size:12px; height:45px!important; line-height:41px!important;}
.button-sm.button-icon i{font-size:14px; height:45px!important; width:45px!important; line-height:45px!important;}
.button-sm.button-icon{line-height:45px!important;}
.button-s{font-size:12px; height:40px!important; line-height:36px!important;}
.button-s.button-icon i{font-size:14px; height:40px!important; width:40px!important; line-height:40px!important;}
.button-s.button-icon{line-height:40px!important;}
.button-xs{font-size:11px; height:35px!important; line-height:31px!important;}
.button-xs.button-icon i{font-size:14px; height:35px!important; width:35px!important; line-height:35px!important;}
.button-xs.button-icon{line-height:35px!important;}
.button-icon.button-center-large{padding-left:40px;}

.icon-xxl{width:100px!important; height:100px!important; line-height:100px!important; font-size:40px!important;}
.icon-xxl i{width:100px!important; height:100px!important; line-height:100px!important; font-size:40px;}
.icon-xl{width:70px!important; height:70px!important; line-height:70px!important; font-size:32px!important;}
.icon-xl i{width:70px!important; height:70px!important; line-height:70px!important; font-size:32px;}
.icon-l{width:60px!important; height:60px!important; line-height:60px!important; font-size:24px!important;}
.icon-l i{width:60px!important; height:60px!important; line-height:60px!important; font-size:24px;}
.icon-m{width:55px!important; height:55px!important; line-height:55px!important; font-size:20px!important;}
.icon-m i{width:55px!important; height:55px!important; line-height:55px!important; font-size:20px;}
.icon-s{width:40px!important; height:40px!important; line-height:38px!important; font-size:16px!important;}
.icon-s i{width:40px!important; height:40px!important; line-height:39px!important; font-size:16px;}
.icon-xs i{width:35px!important; height:35px!important; line-height:35px!important; font-size:14px; margin-left:-1px;}
.icon-xs{width:35px!important; height:35px!important; line-height:35px!important; font-size:14px!important;}
.icon-round{border-radius:3px;}
.icon-circle{border-radius:100%;}
.icon-center{margin:0 auto; display:block;}

.center-icons{margin:20px auto 30px auto;}
.center-3-icons{width:142px;}
.center-2-icons{width:94px;}

.button-teal{background-color:#A0CECB; border:solid 2px #A0CECB; }
.button-teal-3d{border:none!important; border-bottom:solid 5px #7DB1B1!important; padding:0px 22px;}
.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-3d{border:none!important; border-bottom:solid 5px #37BC9B!important; padding:0px 22px;}
.button-mint:hover{background-color:#37BC9B; border:solid 2px #37BC9B;}
.button-mint:active{background-color:#2fa285; border-bottom:solid 2px #2fa285!important;}

.button-green{background-color:#8CC152; border:solid 2px #8CC152;}
.button-green-3d{border:none!important; border-bottom:solid 5px #77a346!important; padding:0px 22px;}
.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-3d{border:none!important; border-bottom:solid 5px #3a71b9!important; padding:0px 22px;}
.button-blue:hover{background-color:#5D9CEC; border:solid 2px #5D9CEC;}
.button-blue:active{background-color:#3a71b9; border:solid 2px #3a71b9;}

.button-blue-line{background-color:#fff; border:solid 1px #5987d5; color:#5987d5;}
.button-blue-line:hover{background-color:#fff; border:solid 1px #5987d5; color:#5987d5;}
.button-blue-line:active{background-color:#fff; border:solid 1px #5987d5; color:#5987d5;}

.button-white-line{background-color:#fff; border:solid 1px #fff; color:#5987d5;}
.button-white-line:hover{background-color:#fff; border:solid 1px #fff; color:#5987d5;}
.button-white-line:active{background-color:#fff; border:solid 1px #fff; color:#5987d5;}

.button-blue2{background-color:#4FC1E9; border:solid 2px #4FC1E9;}
.button-blue2-3d{border:none!important; border-bottom:solid 5px #3ba3c9!important; padding:0px 22px;}
.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-3d{border:none!important; border-bottom:solid 5px #8a70cc!important; padding:0px 22px;}
.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-3d{border:none!important; border-bottom:solid 5px #503a84!important; padding:0px 22px;}
.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-3d{border:none!important; border-bottom:solid 5px #000000!important; padding:0px 22px;}
.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-3d{border:none!important; border-bottom:solid 5px #434A54!important; padding:0px 22px;}
.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-3d{border:none!important; border-bottom:solid 5px #cb9527!important; padding:0px 22px;}
.button-yellow:hover{background-color:#d8a02e; border:solid 2px #d8a02e;}
.button-yellow:active{background-color:#cb9527; border:solid 2px #cb9527;}

.button-orange{background-color:#FC6E51; border:solid 2px #FC6E51;}
.button-orange-3d{border:none!important; border-bottom:solid 5px #c6442f!important; padding:0px 22px;}
.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-3d{border:none!important; border-bottom:solid 5px #BF263C!important; padding:0px 22px;}
.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-3d{border:none!important; border-bottom:solid 5px #d9315b!important; padding:0px 22px;}
.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-3d{border:none!important; border-bottom:solid 5px #ba5992!important; padding:0px 22px;}
.button-pink2:hover{background-color:#D770AD; border:solid 2px #D770AD;}
.button-pink2:active{background-color:#ba5992; border:solid 2px #ba5992;}

.button-icon{padding-left:50px; height:50px; line-height:50px; border:none!important;}
.button-full{display:block; width:100%!important; margin-left:-1px}
.button-round{border-radius:40px;}
.button-social{text-align:left!important; width:100%; padding-left:70px!important;}
.button-social i{text-align:center!important;}
.button-social-center{text-align:center!important; padding-left:40px!important;}

.button-center-large{
    display:block;
    width:250px;
    margin-left:auto;
    margin-right:auto;
}

.button-center{
    width:150px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.button-center-small{
    width:100px;
    margin:0 auto;
    display:block;
}

.button-rounded{border-radius:4px;}
.button-round.button-icon i{border-radius:50px;}
.button-icon i{
    width:50px;
    line-height:50px!important;
    height:100%;
    top:0px;
    left:0px;
    position:absolute;
    font-size:16px;
    background-color:rgba(0,0,0,0.1);
}
.button-icon.button-full{padding-left:20px;}

/*---Back To Top Badge---*/
/*-----------------------*/

.footer-clear-top{
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    z-index:9!important;
}

.footer-clear-top.back-to-top-badge-visible{
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
}

.back-to-top-badge{
    width:34px;
    height:34px;
    border-radius:4px;
    font-size:12px;
    position:fixed;
    z-index:9;
    right:15px;
    bottom:5px;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    color:#FFFFFF;
    text-align:center;
    line-height:32px;
    background: #499bea; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.back-to-top-badge:hover{color:#FFFFFF;}
.back-to-top-badge i{
    height:34px;
    line-height:35px;
    text-align:center;
    width:34px;
    font-size:18px;
}

.back-to-top-badge-visible{
    pointer-events:all;
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.back-to-top-small{overflow:hidden; bottom:-3px;}
.back-to-top-large{
    width:130px;
    height:32px;
    border-radius:18px;
    font-size:12px;
    position:fixed;
    left:50%;
    margin-left:-65px;
    bottom:-5px;
    color:#FFFFFF;
    text-align:center;
    line-height:28px;
    background: #499bea; /* Old browsers */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom,  #499bea 0%,#207ce5 100%); /* W3C */
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.back-to-top-header{top:-50px;}
.back-to-top-header.back-to-top-badge-visible{transform: translateY(120px)!important;}

.back-to-top-large i{
    height:32px;
    line-height:32px!important;
    padding-right:17px;
    text-align:center;
    width:23px;
    font-size:13px;
}

/*---Content Strips---*/
/*-------------------*/
.content-strip{margin-bottom:30px;}
.content-strip .container, .content-strip .owl-carousel{padding:0px 20px; z-index:90; margin-bottom:0px;}
.content-strip{padding:40px 0px 40px 0px;}

.content-strip-round{
    width:310px;
    height:310px;
    border-radius:310px;
    overflow: hidden;
    margin:0px auto 30px auto;
    box-shadow:0px 0px 8px rgba(0,0,0,0.4);
    border:solid 8px #FFFFFF;
}
.dark-mode .content-strip-round{border:solid 8px rgba(255,255,255,0.08)!important;}

.content-strip-bg{
    position:absolute;
    background-size:cover;
    background-position: center center;
    z-index:8;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
}

.content-strip-arrow{
    z-index:15;
    height:10px;
    width:10px;
    position:absolute;
    left:50%;
    margin-left:-5px;
    bottom:25px;
}

.content-strip-arrow i{
    color:rgba(255,255,255,0.2);
    height:5px;
    line-height:5px;
    display:block;
    font-size:12px;
}

.content-strip-arrow i:nth-child(1){animation:bounce1 2s infinite;}
.content-strip-arrow i:nth-child(2){animation:bounce2 2s infinite;  animation-delay:0.1s;}
.content-strip-arrow i:nth-child(3){animation:bounce3 2s infinite;  animation-delay:0.2s;}
@keyframes bounce1{25%{opacity:0} 50%{opacity:1} 75%{opacity:0} 100%{opacity:1}}
@keyframes bounce2{25%{opacity:0} 50%{opacity:1} 75%{opacity:0} 100%{opacity:1}}
@keyframes bounce3{25%{opacity:0} 50%{opacity:1} 75%{opacity:0} 100%{opacity:1}}

/*---Icon Columns---*/
/*------------------*/

.icon-column img{width:80px; position:absolute;}
.icon-column h1{padding-left:75px; font-size:18px; padding-top:0px}
.icon-column p{	padding-left:75px;}

.icon-with-bg i{margin-top:15px!important;}
.icon-column i{
    font-size:40px;
    left:-10px;
    margin-top:-14px;
    width:70px;
    height:70px;
    border-radius:70px;
    line-height:67px;
    padding-top:3px;
    text-align:center;
    position:absolute;
}

.icon-column-center i{
    position:relative;
    display:block;
    margin:10px auto 20px auto;
    left:0px;
    font-size:40px;
    width:80px!important;
    height:80px!important;
    line-height:75px!important;
}

.icon-column-center h3{text-align:center; padding:0px; font-size:22px;}
.icon-column-center p{ text-align:center; padding:0px; width:80%; margin:10px auto 30px auto;}

/*---Homepage Call To Action---*/
/*-----------------------------*/
.homepage-cta h1{
    font-weight:900;
    text-transform: uppercase;
    font-size:24px;
    padding-top:10px;
}

.homepage-cta-socials{width:142px;margin:7.5px auto;}
.homepage-cta h2{
    font-size:12px;
    font-weight:400;
    margin-bottom:10px;
}

.homepage-cta .cta-buttons a{
    float:left;
    width:120px;
    text-align:center;
    margin:20px 7px 0px 7px;
    border-radius:40px;
    font-size:12px;
    text-transform:uppercase;
    font-weight:900;
    color:#FFFFFF;
}

.homepage-cta.cta-buttons{width:275px; margin:0 auto;}
.homepage-cta-or{max-width:300px;	margin:0 auto;}
.homepage-cta-or a{max-width:130px;	float:left;}
.homepage-cta-or span{
    float:left;
    display:block;
    text-align:center;
    width:40px;
    margin-bottom:30px;
    font-size:11px;
    line-height:35px;
}

.homepage-slider-round{
    border-radius:100%!important;
    border-radius:500px!important;
    overflow:hidden;
    max-width:90%;
    margin:0 auto;
}

/*---Pricing Table---*/
/*-------------------*/

.pricing-1, .pricing-2, .pricing-3, .pricing-4{max-width:280px;	margin:0 auto;}
.pricing-single{max-width:280px; margin: 0 auto;}
.pricing-double-1{width:48%; float:left; margin-right:4%;}
.pricing-double-2{width:48%; float:left;}

.pricing-1{border:solid 1px rgba(0,0,0,0.1); padding:20px 0px 10px 0px; background}
.pricing-1 *{list-style:none;}
.pricing-1 .pricing-icon{font-size:50px;}
.pricing-1 .pricing-title{font-size:32px; padding:20px 0px 0px 0px;}
.pricing-1 .pricing-value{font-size:40px; font-weight:300; padding:20px 0px 0px 0px;}
.pricing-1 .pricing-value sup{font-size:12px; top:-18px;}
.pricing-1 .pricing-value sup:first-child{padding-right:5px; top:-13px; font-size:20px;}
.pricing-1 .pricing-subtitle{opacity:0.6; font-size:11px; line-height:18px; font-weight:300; padding:0px 0px 10px 0px;}
.pricing-1 .pricing-list{padding:0px;}
.pricing-1 .pricing-list li{line-height:40px; border-bottom:solid 1px rgba(0,0,0,0.1); font-size:14px; font-weight:500;}
.pricing-1 .pricing-list li:last-child{border-bottom:none; margin-bottom:-20px;}
.dark-mode .pricing-1 .pricing-list li{border-bottom:solid 1px rgba(255,255,255,0.1)!important;}

.pricing-2{border:solid 1px rgba(0,0,0,0.2); padding:0px 0px 10px 0px;}
.pricing-2 *{list-style:none;}
.pricing-2 .pricing-icon{font-size:50px; padding:10px 0px 10px 0px;}
.pricing-2 .pricing-title{font-size:25px; padding:15px 0px 15px 0px; margin:-10px 0px 20px 0px;}
.pricing-2 .pricing-overtitle{font-size:25px; padding:15px 0px 15px 0px; margin:-10px 0px 0px 0px;}
.pricing-2 .pricing-value{font-size:43px; padding:15px 0px 0px 0px;}
.pricing-2 .pricing-value sup{font-size:12px; top:-18px;}
.pricing-2 .pricing-value sup:first-child{padding-right:5px; top:-13px; font-size:20px;}
.pricing-2 .pricing-subtitle{font-size:11px; line-height:18px; font-weight:400; padding:0px 0px 0px 0px;}
.pricing-2 .pricing-list{padding:0px;}
.pricing-2 .pricing-list li{line-height:40px; border-bottom:solid 1px rgba(0,0,0,0.07); font-size:14px; font-weight:500;}
.pricing-2 .pricing-list li:last-child{border-bottom:none;}
.dark-mode .pricing-2 .pricing-list li{border-bottom:solid 1px rgba(255,255,255,0.1)!important;}

.pricing-3{border:solid 1px rgba(0,0,0,0.1); padding:0px 0px 10px 0px; background}
.pricing-3 *{list-style:none;}
.pricing-3 .button{max-width:90%; margin:-10px auto 10px auto;}
.pricing-3 .pricing-icon{font-size:50px;}
.pricing-3 .pricing-title{font-size:28px; padding:30px 0px 0px 20px;}
.pricing-3 .pricing-value{text-align:center; font-size:40px; font-weight:300; padding:20px 0px 20px 0px;}
.pricing-3 .pricing-value sup{font-size:12px; top:-18px;}
.pricing-3 .pricing-value sup:first-child{padding-right:5px; top:-13px; font-size:20px;}
.pricing-3 .pricing-subtitle{opacity:0.6; font-size:12px; line-height:18px; font-weight:400; padding:0px 0px 30px 20px; border-bottom:solid 1px rgba(0,0,0,0.1);}
.pricing-3 .pricing-list{padding:0px;}
.pricing-3 .pricing-list i{padding-right:20px; width:30px;}
.pricing-3 .pricing-list li{line-height:50px; border-bottom:solid 1px rgba(0,0,0,0.1); font-size:14px; font-weight:500; padding:0px 0px 0px 20px;}
.dark-mode .pricing-3 .pricing-list li{border-bottom:solid 1px rgba(255,255,255,0.1)!important;}

.pricing-4{border:solid 1px rgba(0,0,0,0.2); padding:0px 0px 10px 0px;}
.pricing-4 *{list-style:none;}
.pricing-4 .pricing-title{font-size:18px; padding:15px 0px 15px 0px; margin:0px 0px 0px 0px;}
.pricing-4 .pricing-value{font-size:43px; padding:30px 0px 20px 0px;}
.pricing-4 .pricing-value sup{font-size:12px; top:-18px;}
.pricing-4 .pricing-value sup:first-child{padding-right:5px; top:-13px; font-size:20px;}
.pricing-4 .pricing-subtitle{font-size:11px; line-height:18px; font-weight:400; padding:0px 0px 20px 0px; margin-top:-10px;}
.pricing-4 .pricing-list{padding:0px; margin-bottom:20px;}
.pricing-4 .pricing-list li{line-height:40px; border-bottom:solid 1px rgba(0,0,0,0.07); font-size:14px; font-weight:500;}
.pricing-4 .pricing-list li:last-child{border-bottom:none;}
.dark-mode .pricing-4 .pricing-list li{border-bottom:solid 1px rgba(255,255,255,0.1)!important;}

.dark-mode .pricing-1, .dark-mode .pricing-2, .dark-mode .pricing-3, .dark-mode .pricing-4{border:solid 1px rgba(255,255,255,0.1);}

/*---Block Quotes---*/
/*------------------*/

.blockquote-1 p{
    font-size:15px;
    line-height:32px;
    font-weight:300;
    color:#535353;
}

.blockquote-1 a{font-size:12px;}
.blockquote-border-left{
    border-right:none!important;
    border-bottom:none!important;
    border-top:none!important;
    padding:5px 10px 5px 20px;
    border-left-width: 4px!important;
}

.blockquote-border-right{
    border-left:none!important;
    border-bottom:none!important;
    border-top:none!important;
    padding:5px 20px 5px 10px;
    border-right-width: 4px!important;
}

.blockquote-2 p{
    font-size:14px;
    line-height:27px;
    font-weight:300;
    padding-left:90px;
    color:#000000;
}

.blockquote-2 i, .blockquote-2 img{
    position:absolute;
    margin-top:4px;
    height:70px;
    width:70px;
    line-height:70px;
    text-align:center;
    font-size:32px;
    border-radius:50px;
}

.blockquote-2 a{font-size:11px;}
.blockquote-3 i{
    display:block;
    font-size:40px;
    line-height:102px;
    width:100px;
    height:100px;
    border-radius:60px;
    margin:0px auto 20px auto;
    text-align:center;
}

.blockquote-3 p{
    text-align:center;
    max-width:300px;
    margin:20px auto 20px auto;
    font-size:18px;
    font-weight:300;
    line-height:34px;
    color:#000000;
}

.blockquote-4 p{
    font-size:16px;
    font-weight:300;
    line-height:34px;
    font-style: italic;
    color:#1f1f1f;
}

.blockquote-4 .fa-quote-left{
    position:absolute;
    top:0px;
    height:100px;
    line-height:100px;
    font-size:95px;
    margin-top:5px;
    opacity:0.08;
}
.blockquote-4 .fa-quote-right{
    position:absolute;
    top:0px;
    right:0px;
    height:100px;
    line-height:100px;
    font-size:95px;
    margin-top:5px;
    opacity:0.08;
}

.dark-mode .blockquote-1 p, .dark-mode .blockquote-2 p, .dark-mode .blockquote-3 p, .dark-mode .blockquote-4 p{color:#FFFFFF;}
.dark-mode .blockquote-4 i{color:#959595;}
.dark-mode .blockquote-1 a{color:#666666!important;}
/*---Reviews---*/
/*-------------*/

.review-1 img{width:60px; border-radius:60px; position:absolute; top:0px;}
.review-1 h1{font-size:16px;  padding-left:80px; line-height:30px;}
.review-1 .review-stars{margin-left:85px; color:#f39c12;}
.review-1 p{padding-top:20px; margin-bottom:10px;}
.review-1 em{display:block; font-size:12px; text-align:right;}

.review-2 img{width:120px; margin:20px auto; border-radius:120px;}
.review-2 h1{text-align:center; font-size:18px; font-weight:600;}
.review-2 .review-stars{width:115px; margin:10px auto; color:#f39c12;}
.review-2 .review-stars i{font-size:18px;}

.review-2 p{
    width:95%;
    text-align:center;
    margin:30px auto;
    margin-top:10px;
    font-size:15px;
    font-weight:300;
}

.review-2 em{text-align:center; display:block; font-size:12px;}
.review-3 .review-icon{
    text-align:center;
    font-size:36px;
    width:100px!important;
    height:100px!important;
    line-height:100px;
    text-align:center;
    border-radius:100px;
    margin:0 auto;
    display:block;
}

.review-3 p{
    width:90%;
    margin:20px auto;
    text-align:center;
    font-size:17px;
    line-height:40px;
    font-weight:300;
}

.review-3 a{text-align:center; font-weight:800;}
.review-3 .review-stars i{font-size:23px;}
.review-3 .review-stars{
    width:145px;
    margin:20px auto;
    color:#f39c12;
}

.review-4 h1{font-size:30px; font-weight:800;}
.review-4 h2{
    font-size:12px;
    position:absolute;
    top:7px;
    margin-left:70px;
}

.review-4 a{text-align:right;}
.review-4 .review-stars{color:#f39c12;}
.review-4 .review-stars i{
    margin-right:5px;
    font-size:18px;
    margin-bottom:20px;
}

.review-4 img{
    width:50px;
    border-radius:50px;
    position:absolute;
    top:0px;
    right:0px;
}

.review-4 p{
    font-style:italic;
    font-weight:300;
    font-size:15px;
    margin-bottom:20px;
    line-height:32px;
}

.review-5 h1{
    font-size:50px;
    font-weight:800;
}

.review-5 h2{
    font-size:10px;
    position:absolute;
    top:-10px;
    margin-left:110px;
}

.review-5 .review-stars{
    color:#f39c12;
    margin-left:110px;
    margin-top:-25px;
}

.review-5 .review-stars i{
    margin-right:2px;
    font-size:16px;
    margin-bottom:20px;
}

.review-5 img{
    width:55px;
    border-radius:55px;
    position:absolute;
    top:-15px;
    right:0px;
}

.review-5 p{
    font-style:italic;
    font-weight:300;
    font-size:15px;
    margin-bottom:20px;
    line-height:32px;
}

.review-5 a{text-align:right;}
.review-6 h1{
    font-size:20px;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:-5px;
}

.review-6 em{
    font-size:12px;
    padding-bottom:10px;
    display:block;
}

.review-6 h3{
    float:left;
    font-size:15px;
    font-weight:300;
    line-height:30px;
}

.review-6 .review-stars{
    float:right;
    color:#f39c12;
    line-height:30px;
}
.review-6 .review-stars i{padding-left:5px;}


/*Instant Article*/
.dark-mode .instant-box.bg-white{background-color:#16191c!important;}
.instant-box-clone{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:-15px;
    z-index:99999;
    overflow:scroll;
    transform:translateX(99.9%);
    transition:all 300ms cubic-bezier(0.1, 0.2, 0.1, 1);
    -webkit-overflow-scrolling: touch;
}
.instant-hidden-small{display:none;}
.instant-box-clone .instant-hidden-small{display:block!important;}
.instant-hidden-large{display:block;}
.instant-box-clone .instant-hidden-large{display:none!important;}
.active-instant{transform:translateX(0px)!important; transition:all 300ms cubic-bezier(0.1, 0.2, 0.1, 1);}
.dark-mode .instant-hidden-large span{color:#666666;}

/*---Article Cards---*/
/*-------------------*/
.article-card.article-full, .article-card.article-full .article-header{margin:0px; border:none; height:200px;}
.article-card.article-full .article-image, .article-card.article-full .article-overlay{height:200px!important;}
.article-card.article-card-round .article-category{border-radius:30px;}
.article-card.article-card-round{border-radius:5px!important; overflow:hidden;}
.article-card .article-header{position:relative; height:150px;}
.article-category{z-index:2; font-size:11px; left:20px; top:20px; line-height:25px; padding:0px 15px; font-weight:600; background-color:rgba(0,0,0,0.8)}
.article-card{border:solid 1px rgba(0,0,0,0.1); height:100%; margin:0px 20px 30px 20px;}
.dark-mode .article-card{border:solid 1px rgba(255,255,255,0.1);}
.article-card .article-image, .article-card .article-overlay, .article-card .article-category, .article-card .article-close{position:absolute;}
.article-card .article-content{padding:10px 15px 0px 15px;}
.article-content-clear{height:40px; margin:0px 0px 20px 0px; border-bottom:solid 1px rgba(0,0,0,0.1);}

.article-card .article-title{
    font-size:16px;
    line-height:20px;
    z-index:5;
    bottom:10px;
    left:20px;
}
.dark-mode .article-card.bg-white .article-title{color:#000000;}

.article-card .article-close, .article-instant .article-close{
    display:none;
    z-index:3;
    right:0px;
}

.article-card .article-image{
    width:100%;
    height:150px;
    background-size: cover;
    background-position:center;
    z-index:1;
    transition:all 500ms ease;
}

.article-card .article-overlay{
    width:100%;
    height:150px;
    z-index:2;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,1) 100%);
}

.article-author i{padding-right:10px;}
.article-author{
    position:absolute;
    font-size:11px;
    padding:5px 20px;
    bottom:0px;
    z-index:2;
}

.article-time i{padding-left:10px;}
.article-time{
    position:absolute;
    font-size:11px;
    padding:5px 20px;
    bottom:0px;
    z-index:2;
    right:0px;
}

/*Article Clone*/
.article-clone{
    position:fixed;
    top:0px;
    z-index:999;
    margin-left:0px;
    margin-right:0px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow:scroll;
    transform:translateX(99.9%);
    transition:all 300ms cubic-bezier(0.1, 0.2, 0.1, 1);
    -webkit-overflow-scrolling: touch;
}

.article-clone .article-overlay{display:none;}
.article-clone{border:none!important;}
.article-card .article-content-hidden{display:none; padding:0px 15px 0px 15px;}
.article-clone .article-content-hidden{display:block!important;}
.active-card{transform:translateX(0px)!important; transition:all 300ms cubic-bezier(0.1, 0.2, 0.1, 1);}
.article-clone .article-header, .article-clone .article-image{height:300px;}
.article-clone .article-time, .article-clone .article-author{bottom:-40px; color:#666666!important;}
.article-clone .article-content{margin-top:40px; border-top:solid 1px rgba(0,0,0,0.1);}
.article-clone .article-category{right:20px; left:auto;}
.article-clone .article-back i{padding-right:10px;}
.article-clone .article-back{
    z-index:15;
    font-size:11px;
    left:20px;
    top:20px;
    line-height:25px;
    border-radius:30px;
    padding:0px 15px;
    font-weight:600;
    background-color:rgba(0,0,0,0.8);
    position:absolute;
    color:#FFFFFF;
    text-transform:uppercase;
}

/*---Contact Page---*/
/*------------------*/

.contactForm input{
    padding-left:10px;
    border:solid 1px rgba(0,0,0,0.1);
}
.dark-mode .contactForm input{border:solid 1px rgba(255,255,255,0.08); background-color:rgba(255,255,255,0.05);}

.contactForm textarea{
    border:solid 1px rgba(0,0,0,0.1);
}
.dark-mode .contactForm textarea{border:solid 1px rgba(255,255,255,0.08); background-color:rgba(255,255,255,0.05);}


.field-title{padding-left:0px!important; margin-left:0px!important;}
.contactField, .contactTextarea{
    font-size:12px;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.contactField:focus, .contactTextarea:focus{
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.contactSubmitButton{
    font-family:'Roboto',sans-serif;
    display:block!important;
    margin-right:4px;
    width:100%;
    font-weight:700!important;
}

.contactNameField{padding-bottom:5px; font-size:12px;}
.contactNameField span{	float:right; opacity:0.2;}
.contactEmailField{	padding-bottom:5px;	font-size:12px;}
.contactEmailField span{float:right; opacity:0.2;}
.contactMessageTextarea{padding-bottom:5px;	font-size:12px;}
.contactMessageTextarea span{float:right; opacity:0.2;}
.formFieldWrap{margin-top:-5px;}
#contactNameField{text-transform:capitalize;}

.dark-mode .contactNameField, .dark-mode .contactEmailField, .dark-mode .contactMessageTextarea{color:#FFFFFF;}

.contactField{
    min-width:100%;
    display:block;
    box-sizing:border-box;
}

.contactTextarea{
    min-width:100%;
    display:block;
    box-sizing:border-box;
}

.buttonWrap{-webkit-appearance:none;
    line-height:20px;
    padding-bottom:24px;
    min-width:43%;
    display:inline-block;
    margin-left:-1px;
}

.formSubmitButtonErrorsWrap a{
    width:25%;
    text-align:center;
    padding:8px 10px!important;
}

.contactFormButton #contactSubmitButton{
    margin-bottom:30px;
}

.formValidationError{
    height:40px;
    line-height:40px;
    margin-bottom:20px;
    background-color:#c0392b;
    text-align:center;
    color:#FFFFFF;
    text-transform: uppercase;
    font-weight:800;
    font-size:12px;
}

.formValidationError p{line-height:40px;}

.contactField{height:40px; padding:0px 10px 0px 10px; margin-bottom:10px;}
.contactTextarea{
    margin:0px 0px 20px 0px;
    padding:9px 12px 9px 12px;
    margin-bottom: 20px;
    line-height: 18px;
    height: 80px;
}

/*---Contact Icons---*/

.contact-information a i{display:inline-block; padding-right:20px;}
.contact-information a{display:block; width:100%; line-height:40px; color:#666666;}
.contact-information strong{color:#000000;}
.dark-mode .contact-information strong{color:#FFFFFF;}

/*---Header & Menu Icons---*/
/*-------------------------*/
/*Header*/
#header{
    height:55px;
    line-height:55px;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    z-index:998;
    transition:all 350ms ease;
}

.header-mask{
    position:fixed;
    height:55px;
    top:0px;
    left:0px;
    right:0px;
    z-index:997;
    transition:all 350ms ease;
}

.header-mask .header-logo{background-position: center center; width:100%;}
.header-icon{
    width:50px;
    height:55px;
    line-height:55px;
    text-align:center;
    font-size:13px;
    position:absolute;
}

/*Menu Ball*/
.header-icon-ball{
    font-size:8px;
    position:absolute;
    width:13px;
    height:13px;
    line-height:13px;
    border-radius:13px;
    top:12px;
    right:7px;
}

.header-logo{
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
}

#header *{transition:all 250ms ease;}
.header-logo-center .header-logo{left:50%;	margin-left:-37px;}
.header-logo-center .header-icon-1{border-right:solid 1px; left:0px;}
.header-logo-center .header-icon-2{ left:50px;}
.header-logo-center .header-icon-3{right:50px;}
.header-logo-center .header-icon-4{border-left:solid 1px; right:0px;}

.header-logo-left .header-logo{left:20px;}
.header-logo-left .header-icon-4{right:150px;}
.header-logo-left .header-icon-3{right:100px; border-left:solid 1px;}
.header-logo-left .header-icon-2{right:50px; border-left:solid 1px;}
.header-logo-left .header-icon-1{right:0px; border-left:solid 1px;}

.header-logo-right .header-logo{right:20px;}
.header-logo-right .header-icon-4{left:150px;}
.header-logo-right .header-icon-3{left:100px; border-left:solid 1px;}
.header-logo-right .header-icon-2{left:50px; border-left:solid 1px;}
.header-logo-right .header-icon-1{left:0px; border-left:solid 1px;}

.header-logo-app .header-logo{left:60px;}
.header-logo-app .header-title{left:50%; margin-left:-150px; position:absolute; text-align:center; width:300px;}
.header-logo-app .header-icon-4{right:0px; border-left:solid 0px;}
.header-logo-app .header-icon-3{right:100px; border-left:solid 1px;}
.header-logo-app .header-icon-2{right:50px; border-left:solid 1px;}
.header-logo-app .header-icon-1{left:0px; border-left:solid 0px;}

.header-title{
    height:55px;
    line-height:55px;
    font-size:15px;
    font-weight:500;
}
body .wrapper #header .header-title.type-line {
    max-width: calc(100% - 50px);
    line-height: 1.4;
    padding: 1rem 1.25rem 0 2.25rem;
    word-break: keep-all;
    font-size: 1rem;
}
.header-light{background-color:#FFFFFF; border-bottom:solid 1px rgba(0,0,0,0.1); box-shadow: 1px 0 10px 1px rgba(0,0,0,0.015);}
.header-light .header-icon{color:#1f1f1f;}
.header-light .header-icon i{color:#1f1f1f;}
.header-light .header-icon em{background-color:#1f1f1f;}
.header-light .header-icon{border-color:rgba(0,0,0,0.05);}
.header-light .header-title{color:#1f1f1f;}

.header-dark{background-color:#242631;}
.dark-mode .header-dark{background-color:#0c1117;}
.header-dark .header-icon{color:rgba(255,255,255,0.7);}
.header-dark .header-icon{border-color:rgba(255,255,255,0.04);}
.header-dark em{background-color:rgba(255,255,255,0.7)!important;}
.header-dark .header-title{color:#FFFFFF;}

/*Footer*/
.footer-dark{background-color:#0c1117;}
.footer-dark .decoration{background-color:rgba(255,255,255,0.05);}
.footer-light{background-color:#f5f5f5; border-top:solid 1px rgba(0,0,0,0.05);}
.footer-light .decoration{background-color:rgba(0,0,0,0.1);}
.footer-light{box-shadow:0px -5px 5px rgba(0,0,0,0.03);}
.footer{padding:40px 20px 20px 20px;}
.footer .decoration{margin-bottom:20px;}

.footer-logo{
    width:100%;
    background-repeat:no-repeat;
    background-position:center center;
    margin-bottom:20px;
}

.footer-socials a{
    width:16.7%;
    float:left;
    margin-left:5px;
    margin-right:5px;
    text-align:center;
}

.footer-socials i{margin-left:0px!important;}
.footer-socials{width:270px; margin:30px auto 20px auto;}
.footer-socials:after {content: ''; display: block; clear: both;}
.footer p{text-align:center; max-width:80%;	margin:0 auto;}
.footer .copyright-text{opacity:0.7; font-size:11px!important;}

/*Dark Mode Toggles*/
.dark-mode-toggle, .dark-menu-toggle{
    height:40px;
    border-top:solid 1px rgba(0,0,0,0.1);
}

.dark-mode-toggle a, .dark-menu-toggle a{
    position:absolute;
    right:10px;
    transform:scale(0.7, 0.7);
    z-index:10;
    margin-top:5px;
}

.dark-mode-toggle u, .dark-menu-toggle u{
    background-color: #8CC152;
    text-decoration: none;
    font-size: 13px;
    margin-right: 15px;
    color: #FFFFFF;
    padding: 1px 10px;
    border: none!important;
    border-radius: 5px;
}

.dark-mode-toggle strong,
.dark-menu-toggle strong{
    position:absolute;
    width:280px;
    left:-275px;
    padding-top:0px;
    font-size:16px!important;
    padding-left:20px;
    font-weight:500;
    color:#484848;
    bottom:-2px;
}

/*---Custom Menu Canvas Elements---*/
/*---------------------------------*/
.deploy-menu{
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    height:50px;
    line-height:50px;
    z-index:999;
}

.remove-scroll{overflow:hidden!important;}
.menu-wrapper{pointer-events: none;}
.active-menu{pointer-events:all!important;}
.activate-page{display:block!important;}

/*Animated Menu Icons*/
.plushide-animated *, .dropdown-animated *, .hamburger-animated *{transition:all 350ms ease;}

/*Hamburger Animated*/
.hamburger-animated .hm1,
.hamburger-animated .hm2,
.hamburger-animated .hm3{
    position:absolute;
    top:50%;
    left:50%;
    height:1px;
    width:14px;
    z-index:998;
    background-color:#000000;
}

.hm1{margin-top:3px; margin-left:-7px;}
.hm2{margin-top:-1px; margin-left:-7px;}
.hm3{margin-top:-5px; margin-left:-7px;}

.hm1a, .hm2a, .hm3a{background-color:#e74c3c!important;}
.hm1a{-webkit-transform:rotate(-45deg);transform:translateY(-4px) rotate(-45deg);}
.hm2a{opacity:0;}
.hm3a{-webkit-transform:rotate(45deg);transform:translateY(4px) rotate(45deg);}

/*Dropdown Animated*/
.dropdown-animated .dm1,
.dropdown-animated .dm2{
    position:absolute;
    width:6px;
    height:1px;
    top:50%;
    left:50%;
    margin-top:0px;
}

.dm1{margin-left:-5px;  transform:rotate(40deg);}
.dm2{margin-left:0px;   transform:rotate(-40deg);}
.dm1a{transform:rotate(-40deg)!important; background-color:#e74c3c!important;}
.dm2a{transform:rotate(40deg)!important; background-color:#e74c3c!important;}

/*Plus Hide Animated*/
.ph1{
    height:11px;
    width:1px;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-6px;
}

.ph2{
    height:1px;
    width:11px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-5px;
    margin-top:-1px;
}
.ph1a, .ph2a{transform:rotate(45deg); background-color:#e74c3c!important;}

/*Menu Wrappers*/
/*/////////////*/
#page-content-scroll{transition:all 350ms ease;}
.page-content{transition:all 350ms ease; padding-top:55px; margin-top:0px;}
.page-content-full{padding-top:0px!important;}
.menu-wrapper{position:fixed;}

/* 211025 추가 */
.page-content-height-100vh {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(95vh - 101px);
    padding: 0 !important;
    margin: 0 !important;
}

.menu-scroll{
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:9;
    overflow:scroll;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch!important;
}

.delete-menu{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:998;
    background-color:rgba(0,0,0,0.5);
    opacity:0;
    pointer-events:none;
    transition:all 500ms ease;
}

.delete-menu-active{
    opacity:1!important;
    pointer-events:all!important;
    transition:all 500ms ease;
}

.menu-top{
    top:-1px;
    left:0px;
    right:0px;
    z-index:999;
    transition:all 400ms ease;
}

.close-menu-bottom{
    position:absolute;
    right:0px;
    top:0px;
    height:50px;
    width:50px;
    text-align:center;
    line-height:50px;
    font-size:12px;
    margin-top:-25px;
    color:red;
    border-radius:50px;
    z-index:9999;
}

.menu-bottom{
    bottom:-1px;
    left:0px;
    right:0px;
    z-index:999;
    background-color:#1f1f1f;
    transition:all 350ms ease;
}

.menu-modal.menu-large{padding:0px!important;}
.menu-modal-square{border-radius:0px!important;}
.menu-modal{
    top:50%;
    left:0px;
    right:0px;
    bottom:30px;
    z-index:999;
    max-width:300px;
    left:50%;
    margin-left:-150px;
    transform:scale(0,0);
    border-radius:5px;
    padding:15px;
    overflow:scroll;
    transition:all 250ms ease;
}

.menu-modal-full, .menu-modal-fade{
    top:0px!important;
    left:0px!important;
    right:0px!important;
    bottom:0px!important;
    margin-left:0!important;
    margin-right:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    max-width:100%!important;
    height:auto!important;
    z-index:999;
    transform:scale(0,0);
    border-radius:0px;
    padding:15px;
    transition:all 250ms ease;
}
.menu-modal-fade{
    opacity:0;
    transform:scale(1,1);
}

.menu-sidebar-left{
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:250px;
    z-index:999;
    transform:translateX(-270px);
    transition:all 450ms ease;
}

.menu-sidebar-left-full{
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:999;
    transform:translateX(-100%);
    transition:all 450ms ease;
}

.menu-sidebar-left-small{
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:70px;
    z-index:999;
    transform:translateX(-70px);
    transition:all 450ms ease;
}

.menu-sidebar-right{
    top:0px;
    right:0px;
    bottom:0px;
    width:250px;
    z-index:999;
    transform:translateX(270px);
    transition:all 450ms ease;
}

.menu-sidebar-right-full{
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:999;
    transform:translateX(100%);
    transition:all 450ms ease;
}

.menu-sidebar-right-small{
    top:0px;
    right:0px;
    bottom:0px;
    width:70px;
    z-index:999;
    transform:translateX(70px);
    transition:all 470ms ease;
}

.dismiss-menu-icon{
    position:absolute;
    top:0px;
    right:0px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    z-index:9999;
}

.header-original{display:none;}

/*---Menu Cookie---*/
/*-----------------*/

#menu-cookie{
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:165px!important;
    z-index:9998;
    transition:all 350ms ease!important;
    transform:translateY(200px);
    box-shadow: 5px 0 20px 1px rgba(0,0,0,0.2);
    border-top:solid 1px rgba(0,0,0,0.1)
}

#menu-cookie .cookie-buttons{
    width:200px!important;
    margin:0 auto;
    display:block;
    opacity:0.8;
}

#menu-cookie .cookie-buttons a{float:left; width:100px; text-align:center;}
.active-cookie{
    transform:translateY(0px)!important;
    transition-delay:1500ms;
}

/*Menu Effects*/
/*------------*/

.active-menu.menu-top, .active-menu.menu-bottom{transform:translateY(0px)!important;}
.active-menu.menu-sidebar-left,
.active-menu.menu-sidebar-left-full,
.active-menu.menu-sidebar-right-full,
.active-menu.menu-sidebar-right,
.active-menu.menu-sidebar-left-small,
.active-menu.menu-sidebar-right-small{
    transform:translateX(0px)!important;
}
.active-menu.menu-modal, .active-menu.menu-modal-full{transform:scale(1,1)!important;}
.active-menu.menu-modal-fade{opacity:1!important; pointer-events:all!important;}

.body-left{transform:translateX(50px)!important; transition:all 350ms ease;}
.body-right{transform:translateX(-50px)!important; transition:all 350ms ease;}
.body-top{transform:translateY(80px)!important; transition:all 350ms ease;}
.body-bottom{transform:translateY(-80px)!important; transition:all 350ms ease;}
.body-scale{transform:scale(1.1, 1.1); transition:all 350ms ease;}

/*Menu Dark & Light*/
.menu-dark{background-color:#242631;}
.menu-light{background-color:#F8F8F8;}
.menu-dark .link-list li{background-color:transparent;}
.menu-light .link-list li{background-color:transparent;}
.menu-dark .link-list a{color:#FFFFFF;}

.menu-dark .menu-divider{
    color:#51585e;
    background-color:rgba(0,0,0,0.1);
    border-bottom:solid 1px rgba(255,255,255,0.02);
    border-top:solid 1px rgba(255,255,255,0.03);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.07);
}
.menu-dark .menu-divider span{color:#51585e!important;}
.menu-dark .decoration{background-color:rgba(255,255,255,0.1)!important;}
.menu-dark .dark-mode-toggle strong, .menu-dark .dark-menu-toggle strong{color:#c9c9c9;}
.menu-dark .dark-mode-toggle,
.menu-dark .dark-menu-toggle{
    border-top:solid 1px rgba(255,255,255,0.04)!important;
}
.menu-light .menu-divider{
    color:#1f1f1f;
    background-color:rgba(0,0,0,0.02);
    border-top:solid 1px rgba(0,0,0,0.08);
    border-bottom:solid 1px rgba(0,0,0,0.08);
    box-shadow:none;
}
.menu-light .menu-divider span{color:#1f1f1f!important;}


/*---Menu Divider---*/
.menu-divider{
    font-family:'Roboto', sans-serif;
    display:block;
    height:40px;
    line-height:40px;
    font-size:9px;
    text-transform: uppercase;
    font-weight:700;
    font-style: normal;
    padding-left:20px;
    margin-bottom:-1px;
    margin-top:-1px;
    z-index:999;
    position:relative;
}
.menu-divider i{position:absolute; right:25px; height:40px;	line-height:40px!important;}

/*---Notification Menu Style---*/
/*-----------------------------*/

.menu-notification a i{
    width:30px;
    height:50px;
    line-height:20px;
    text-align:center;
    border-radius:5px;
    margin-top:16px;
    font-size:16px;
    border:none!important;
}

.menu-notification a{margin:8px 15px 8px 15px;}
.menu-notification a strong{
    position:absolute;
    padding-left:20px;
    text-transform:uppercase;
    margin-top:10px;
    font-size:14px;
    font-weight:600;
}

.menu-notification a em{
    position:absolute;
    padding-top:7px;
    line-height:15px;
    font-size:11px;
    margin-top:30px;
    padding-left:20px;
    font-style:normal;
}

.menu-dark.menu-notification a i{border-bottom:solid 3px rgba(255,255,255,0.2);}
.menu-dark.menu-notification a strong{color:#FFFFFF!important;}
.menu-dark.menu-notification a em{color:#94999e;}

.menu-light.menu-notification a i{border-bottom:solid 3px rgba(0,0,0,0.3);}
.menu-light.menu-notification a strong{color:#404040!important;}
.menu-light.menu-notification a em{color:#94999e;}

/*Sidebar Large Menu Style*/
.menu-large .menu-socials:after {content: ''; display: block; clear: both;}
.menu-large .menu-socials a{
    font-size:12px;
    width:16.6%;
    height:55px;
    line-height:55px;
    text-align:center;
    float:left;
}

.menu-large .menu-logo{
    padding:40px 0px 40px 0px;
    background-repeat: no-repeat;
    background-position: left 20px center;
    display:block;
    float:none;
    clear:both;
    width:100%;
    height:70px;
    z-index:999999999;
    position:relative;
    pointer-events: all!important;
}

.menu-large .menu-item{
    height:55px;
    line-height:55px;
    display:block;
    transition:all 350ms ease;
}

.menu-large .menu-item strong{
    font-family:'Roboto', sans-serif!important;
    font-weight:300;
    font-size:13px;
    transition:all 350ms ease;
    position:absolute;
    padding-left:10px;
}

.submenu-item .active-item{font-weight:600;}
.menu-large .active-item strong,
.menu-large .active-item i{transition:all 350ms ease;}

.menu-large .menu-item i{
    width:50px;
    height:55px;
    text-align:center;
    line-height:55px;
    transition:all 250ms ease;
    font-size:15px;
}

.menu-large .menu-item i:first-child{padding-left:10px;}
.menu-large .plushide-animated{
    position:absolute;
    width:50px;
    height:50px;
    right:5px;
    margin-top:2px;
    transform:scale(0.6, 0.6);
}

.menu-large .submenu-item a{
    font-family:'Roboto', sans-serif!important;
    font-size:12px!important;
    height:50px;
    line-height:50px;
    padding-left:60px;
}

.menu-large .submenu-item a:nth-child(1){margin-top:-1px;}
.menu-large .submenu-item .fa-angle-right{
    position:absolute;
    left:0px;
    height:50px;
    line-height:50px;
    width:60px;
    text-align:center;
    font-size:10px;
    opacity:0.5;
}

.menu-large .menu-item .fa-circle{
    position:absolute;
    width:50px;
    height:50px;
    right:5px;
    font-size:4px;
    text-align:center;
    opacity:0.3;
}

.menu-large .submenu-item .fa-circle{
    position:absolute;
    width:50px;
    height:50px;
    right:5px;
    font-size:4px;
    margin-top:23px;
    text-align:center;
    opacity:0.3;
}

.menu-large .menu .submenu-items{
    width:17px;
    height:17px;
    border-radius:17px;
    line-height:18px;
    position:absolute;
    right:0px;
    text-align:center;
    font-size:9px;
    font-style:normal;
    z-index:99;
    margin-top:19px;
    margin-right:21px;
    font-weight:300;
}

[data-submenu] .fa-circle{display:none;}
.menu-large .submenu-item{height:0px; overflow:hidden; transition:all 400ms ease;}
.menu-large .menu .submenu-item a:last-child{border-bottom:solid 1px rgba(0,0,0,0.05);}

.menu-dark.menu-large .menu-socials{background-color:rgba(0,0,0,0.1);}
.menu-dark.menu-large .menu-socials:after{border-bottom:solid 1px rgba(0,0,0,0.1);box-shadow: 0 1px 0 0 rgba(255,255,255,0.04);}
.menu-dark.menu-large .menu-socials a i{color:#c3c9d0!important;}
.menu-dark.menu-large .menu-sub-logo{margin:-30px 20px 20px 20px; display:block; font-size: 11px; font-style: normal; color:#646464;}
.menu-dark.menu-large .menu-item{color:#94999e; border-top:solid 1px rgba(255,255,255,0.03); border-bottom:solid 1px rgba(0,0,0,0.2);}
.menu-dark.menu-large .menu-item strong{color:#a6aeb5;}
.menu-dark.menu-large .menu-item i{color:#FFFFFF!important;}
.menu-dark.menu-large .fa-circle{font-size:4px!important;}
.menu-dark.menu-large .active-item strong{color:#FFFFFF; font-weight:700;}
.menu-dark.menu-large .submenu-item .active-item{color:#FFFFFF;}
.menu-dark.menu-large .active-item i{color:#FFFFFF!important;}
.menu-dark.menu-large .active-item .fa-circle{color:#c0392b!important; opacity:1!important;}
.menu-dark.menu-large .plushide-animated *{background-color:#65686c;}
.menu-dark.menu-large .submenu-item a{color:#94999e;}
.menu-dark.menu-large .menu .submenu-items{background-color:#BF263C; color:#FFFFFF;}
.menu-dark .menu-divider-contrast{color:rgba(255,255,255,0.8); font-size:10px}

.menu-light.menu-large{box-shadow: 5px 0 20px 1px rgba(0,0,0,0.1);}
.menu-light.menu-large .menu-socials{background-color:rgba(0,0,0,0.01);}
.menu-light.menu-large .menu-socials:after{border-bottom:solid 1px rgba(0,0,0,0.08); box-shadow:none;}
.menu-light.menu-large .menu-socials a{color:rgba(0,0,0,1);}
.menu-light.menu-large .menu-sub-logo{margin:-30px 20px 20px 20px; display:block; font-size: 11px; font-style: normal; color:#808080;}
.menu-light.menu-large .menu-item{color:#1f1f1f; border-top:solid 1px rgba(255,255,255,0.01); border-bottom:solid 1px rgba(0,0,0,0.05);}
.menu-light.menu-large .menu-item strong{color:rgba(0,0,0,1); font-weight:400;}
.menu-light.menu-large .menu-item i{color:#1f1f1f;}
.menu-light.menu-large .active-item{}
.menu-light.menu-large .active-item strong{color:#000000; font-weight:700;}
.menu-light.menu-large .submenu-item .active-item{color:#000000;}
.menu-light.menu-large .active-item .fa-circle{color:#e74c3c!important; font-size:5px!important; opacity:1!important;}
.menu-light.menu-large .active-item i{color:#000000;}
.menu-light.menu-large .plushide-animated *{background-color:#65686c;}
.menu-light.menu-large .submenu-item a{color:#4a5055;}
.menu-light.menu-large .submenu-item .fa-angle-right{color:#8c9eb1;}
.menu-light.menu-large .menu .submenu-items{background-color:#BF263C; color:#FFFFFF;}



/*Menu Share*/

.menu-share{height:150px; transform:translateY(150px);}
.menu-share strong{
    display:block;
    line-height:45px;
    text-align:center;
    color:#FFFFFF;
    text-transform: uppercase;
    font-size:14px;
    font-weight:900;
    border-bottom:solid 1px rgba(255,255,255,0.05);
}

.menu-share-icons a em{display:block; font-size:11px; text-align:center; font-style:normal;}
.menu-share-icons{margin:13px auto 20px auto;}
.menu-share-icons a{
    width:20%;
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:16px;
    float:left;
    box-sizing: border-box;
}

.menu-share-icons a i{
    width:50px;
    height:49px;
    border-radius:4px;
    display:block;
    margin:0 auto;
    line-height:46px;
    margin-top:5px;
    margin-bottom:-5px;
    font-size:16px;
    transition:all 250ms ease;
}

.menu-dark.menu-share a i{	border-bottom:solid 4px rgba(255,255,255,0.1);}
.menu-dark.menu-share .menu-share-icons a{color:#FFFFFF;}
.menu-dark.menu-share .menu-divider{border-bottom:solid 1px rgba(255,255,255,0.10);}

.menu-light.menu-share a i{border-bottom:solid 3px rgba(0,0,0,0.4);}
.menu-light.menu-share .menu-share-icons a{color:#000000;}
.menu-light.menu-share .menu-divider{border-bottom:solid 1px rgba(0,0,0,0.10);}

/*Menu Contact*/

.menu-contact .contactForm{margin:0px 10px 0px 10px;}
.menu-contact .contactNameField:before{
    content: "\f007 ";
    font-family: 'Font Awesome 5 Free';
    position:absolute;
    font-weight:800;
    margin-top:10px;
    margin-left:1px;
}

.menu-contact .contactEmailField:before{
    content: "\f1fa ";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position:absolute;
    margin-top:10px;
    margin-left:1px;
}

.menu-contact .contactMessageTextarea:before{
    content: "\f0e0 ";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position:absolute;
    margin-top:9px;
}
.menu-contact #contactNameField,
.menu-contact #contactEmailField,
.menu-contact #contactMessageTextarea{padding-left:30px!important;}

.menu-contact .menu-contact-title h4{
    text-align:center;
    height:40px;
    line-height:40px;
    font-size:18px;
    text-transform:uppercase;
    font-weight:900;
}

.menu-contact .menu-contact-title h5{
    text-align:center;
    padding:0px 12px 0px 12px;
    font-size:13px;
    margin-bottom:15px;
    line-height:24px;
    font-weight:400;
}

.menu-contact .menu-contact-title i{
    font-size:16px;
    padding-bottom:15px;
    padding-top:15px;
    display:block;
    text-align:Center;
    font-size:24px;
}

.menu-contact form i{padding-right:10px;padding-left:3px;}
.menu-contact .formFieldWrap input, .menu-contact textarea{
    background-color:transparent;
    border:none;
}

.menu-contact span{font-size:10px;}
.menu-contact input{
    height:40px;
    line-height:40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent:1px;
    padding:0px!important;
}

.menu-contact input::placeholder, .menu-contact textarea::placeholder{font-size:12px;}
.menu-contact .formFieldWrap, .menu-contact .formTextareaWrap, .menu-contact .contactFormButton{margin:0px 10px 0px 10px;}

.menu-contact textarea{
    min-height:40px;
    max-height:40px;
    font-size:13px;
    text-indent:1px!important;
    padding-left:0px!important;
}

.menu-contact textarea:focus{min-height:92px!important;}
.menu-contact .formFieldWrap input:focus, .menu-contact textarea:focus{
    border-left:none!important;
    border-right:none!important;
    border-top:none!important;
}

.menu-contact .buttonWrap{
    text-transform:uppercase;
    font-size:12px!important;
    height:40px!important;
    line-height:35px!important;
    border-radius:40px!important;
    margin-top:30px!important;
}

.dark-mode .menu-contact input,
.dark-mode .menu-contact textarea{border-left:none!important; border-right:none!important; border-top:none!important; background-color:transparent!important;}

.menu-contact .formSuccessMessageWrap{padding-top:30px;}

.menu-dark.menu-contact .menu-contact-title h4{color:#FFFFFF;}
.menu-dark.menu-contact .menu-contact-title h5{color:#a5a5a5;}
.menu-dark.menu-contact .menu-contact-title i{color:#FFFFFF;}
.menu-dark.menu-contact .formFieldWrap input, .menu-dark.menu-contact textarea{border-bottom:solid 1px rgba(255,255,255,0.03);}
.menu-dark.menu-contact .field-title{color:#ededed!important;}
.menu-dark.menu-contact input{color:#FFFFFF;}
.menu-dark.menu-contact input::placeholder, .menu-dark.menu-contact textarea::placeholder{color:rgba(255,255,255,0.5);}
.menu-dark.menu-contact textarea{color:#FFFFFF;}
.menu-dark.menu-contact .formFieldWrap input:focus, .menu-dark.menu-contact textarea:focus{border-bottom:solid 1px rgba(39, 174, 96,0.3)!important;}
.menu-dark.menu-contact .buttonWrap{background-color:#2980b9!important;}
.menu-dark #formSuccessMessageWrap i{color:#FFFFFF;}
.menu-dark #formSuccessMessageWrap h4{color:#FFFFFF;}

.menu-light.menu-contact .menu-contact-title h4{color:#000000;}
.menu-light.menu-contact .menu-contact-title h5{color:#a5a5a5;}
.menu-light.menu-contact .menu-contact-title i{color:#1f1f1f;}
.menu-light.menu-contact .contactNameField{border-top:solid 1px rgba(0,0,0,0.1);}
.menu-light.menu-contact .formFieldWrap input, .menu-light.menu-contact textarea{border-bottom:solid 1px rgba(0,0,0,0.1);}
.menu-light.menu-contact .field-title{color:#ededed!important;}
.menu-light.menu-contact input{color:#1f1f1f;}
.menu-light.menu-contact input::placeholder, .menu-light.menu-contact textarea::placeholder{color:rgba(0,0,0,0.5);}
.menu-light.menu-contact textarea{color:#1f1f1f;}
.menu-light.menu-contact .formFieldWrap input:focus, .menu-light.menu-contact textarea:focus{border-bottom:solid 1px rgba(39, 174, 96,0.3)!important;}
.menu-light.menu-contact .buttonWrap{background-color:#2980b9!important; color:#FFFFFF;}
.menu-light #formSuccessMessageWrap i{color:#000000;}
.menu-light formSuccessMessageWrap h4{color:#FFFFFF;}
.menu-light.menu-contact .contactNameField:before{color:#1f1f1f;}
.menu-light.menu-contact .contactEmailField:before{color:#1f1f1f;}
.menu-light.menu-contact .contactMessageTextarea:before{color:#1f1f1f;}


/*Menu Thumbnails*/

.menu-thumbnails .menu{margin-bottom:-1px;}
.menu-thumbnails .menu a{
    width:33.3%;
    float:left;
    height:120px;
    box-sizing: border-box;
    border-top:none!important;
}

.menu-thumbnails .menu a:nth-child(3n+2){border-left:none!important;border-right:none!important;}
.menu-thumbnails .menu a:nth-child(3n+1){border-left:none!important;}
.menu-thumbnails .menu a:nth-child(3n+3){border-right:none!important;}

.menu-thumbnails .menu a i{
    position:absolute;
    font-size:26px;
    width:100%;
    height:100%;
    line-height:90px;
    text-align:center;
}

.menu-thumbnails .menu a em{
    display:block;
    text-align:center;
    height:100px;
    line-height:170px;
    font-size:11px;
    font-style:normal;
    text-transform:uppercase;
    font-weight:700;
}

.menu-thumbnails .menu .menu-logo{
    width:100%!important;
    display:block!important;
    height:100px;
}

.menu-thumbnails .menu-logo{margin-top:30px; padding-bottom:10px;}
.menu-thumbnails .menu-logo .menu-logo-image{
    width:100%;
    display:block;
    background-repeat:no-repeat;
    background-position:center center;
    margin-top:10px;
}

.menu-thumbnails .menu-logo .menu-logo-text{
    text-align:center;
    display:block;
    font-size:11px;
    font-style:normal;
    margin-bottom:20px;
}

.menu-dark.menu-thumbnails .menu a{border:solid 1px rgba(255,255,255,0.03);}
.menu-dark.menu-thumbnails .menu a i{text-shadow:0px 1px 0px #000000; color:#7f8488;}
.menu-dark.menu-thumbnails .menu a em{color:#a7a7a7; text-shadow:0px 1px 0px #000000;}
.menu-dark.menu-thumbnails .menu-logo{border-bottom:solid 1px rgba(255,255,255,0.05);}
.menu-dark.menu-thumbnails .menu-logo .menu-logo-text{color:rgba(255,255,255,0.5);}
.menu-dark.menu-thumbnails .menu .active-item {background-color:#22242f;}
.menu-dark.menu-thumbnails .menu .active-item i{color:#FFFFFF;}
.menu-dark.menu-thumbnails .menu .active-item em{color:#FFFFFF!important;}

.menu-light.menu-thumbnails .menu a{border:solid 1px rgba(0,0,0,0.1);}
.menu-light.menu-thumbnails .menu a i{ color:#1f1f1f;}
.menu-light.menu-thumbnails .menu a em{color:#1f1f1f; font-weight:500;}
.menu-light.menu-thumbnails .menu-logo{border-bottom:solid 1px rgba(0,0,0,0.1);}
.menu-light.menu-thumbnails .menu-logo .menu-logo-text{color:rgba(0,0,0,0.5);}
.menu-light.menu-thumbnails .active-item{background-color:rgba(0,0,0,0.05);}

/*Menu Small*/

.menu-small{transition:all 350ms ease!important;}
.menu-small .menu a{width:70px; height:70px;}

.menu-small .menu a i{
    position:absolute;
    line-height:50px;
    height:70px;
    width:100%;
    display:block;
    text-align:center;
    font-size:18px;
}

.menu-small .menu em{
    display:block;
    font-size:9px;
    text-align:center;
    font-style:normal;
    text-transform: uppercase;
    height:70px;
    line-height:100px;
    font-weight:600;
}
.menu-small .active-item .fa-caret-left{
    right:-7px;
    font-size:24px;
    height:20px;
    width:20px;
    top:10px;
    z-index:99999;
}

.menu-dark.menu-small .active-item .fa-caret-left{	color:#FFFFFF!important; font-size:16px;}
.menu-dark.menu-small .menu a{border-bottom:solid 1px rgba(0,0,0,0.1); border-top:solid 1px rgba(255,255,255,0.05);}
.menu-dark.menu-small .menu a i{color:#ffffff!important;}
.menu-dark.menu-small .menu em{color:#b1b1b1;}

.menu-light.menu-small .active-item .fa-caret-left{	color:#000000!important;}
.menu-light.menu-small{box-shadow: -5px 0 20px 1px rgba(0,0,0,0.1);}
.menu-light.menu-small .menu a{border-top:solid 1px rgba(0,0,0,0.1);}
.menu-light.menu-small .menu a i{color:#2a2a2a;}
.menu-light.menu-small .menu em{color:rgba(0,0,0,0.5);}

/*--Modal Menu--*/
.menu-dark.menu-modal h1,
.menu-dark.menu-modal h2,
.menu-dark.menu-modal h3,
.menu-dark.menu-modal h4,
.menu-dark.menu-modal h5,
.menu-dark.menu-modal h6{color:#FFFFFF;}
.menu-dark.menu-modal .close-text{color:rgba(255,255,255,0.3); font-size:11px;}

.menu-light.menu-modal{box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);}
.menu-light.menu-modal h1,
.menu-light.menu-modal h2,
.menu-light.menu-modal h3,
.menu-light.menu-modal h4,
.menu-light.menu-modal h5,
.menu-light.menu-modal h6{color:#000000;}
.menu-light.menu-modal .close-text{color:rgba(0,0,0,0.4); font-size:11px;}

/*---Menu List---*/
.menu-dark.menu-list{background-color:rgba(0,0,0,0.9)!important;}
.menu-dark .menu-list-items a{color:#FFFFFF;}
.menu-dark .menu-list-socials a{color:#FFFFFF;}
.menu-dark span{color:rgba(255,255,255,0.4);}

.menu-light.menu-list{background-color:rgba(255,255,255,0.9)!important;}
.menu-light .menu-list-items a{color:#000000;}
.menu-light .menu-list-socials a{color:#000000;}
.menu-light span{color:rgba(0,0,0,0.5);}

.menu-list-logo{	margin:0 auto;}
.menu-list span{
    text-align:center;
    display:block;
    font-size:12px;
    margin:5px 0px 30px 0px;
}

.menu-list-items a{
    line-height:55px;
    font-size:22px;
    font-weight:300;
    opacity:0.6;
}

.menu-list-items .active-item{
    opacity:1!important;
    font-weight:900!important;
}

.menu-list-socials{width:158px; margin:40px auto 0px auto;}
.menu-list-socials a{width:50px; text-align:center; display:inline-block;}

/*---Menu Fixed---*/
.menu-dark.menu-fixed i{color:#FFFFFF;}
.menu-dark.menu-fixed a{
    color:#FFFFFF;
    border-left:solid 1px rgba(255,255,255,0.06);
    border-right:solid 1px rgba(0,0,0,0.25);
}

.menu-light.menu-fixed i{color:#1f1f1f;}
.menu-light.menu-fixed a{
    color:#1f1f1f;
    border-top:solid 1px rgba(0,0,0,0.08);
    border-right:solid 1px rgba(0,0,0,0.08);
}

.menu-fixed{
    transition:all 350ms ease;
    position:fixed;
    bottom:0px!important;
    left:0px;
    right:0px;
    background-color:#000000;
    height:60px;
    z-index:91;
}

.menu-fixed a i{
    display:block;
    text-align:center;
    padding-top:14px;
    font-size:15px;
}

.menu-fixed *{box-sizing: border-box;}
.menu-fixed a{
    display:block;
    width:100%;
    text-align:center;
}

.menu-fixed a em{
    font-size:9px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    font-style: normal;
    display:block;
    text-align:center;
}




/*---Tabs---*/
/*----------*/

.tab-item{display:none;}
.active-tab-button{
    background-color:#FFFFFF!important;
    color:#000000!important;
    border-bottom:solid 1px #A0D468!important;
    transition:all 500ms ease;
    z-index:9;
    font-weight:900!important;
}
.dark-mode .active-tab-button{background-color:rgba(255,255,255,0.2)!important; color:#FFFFFF!important;}

.tab-titles a{
    display:inline-block;
    padding:5px 15px;
    background-color:rgba(0,0,0,0.05);
    color:#666666;
    margin-right:-4px;
    transition:all 500ms ease;
    border-top:solid 1px rgba(0,0,0,0.1);
    border-left:solid 1px rgba(0,0,0,0.1);
    border-bottom:solid 1px rgba(0,0,0,0);
    z-index:8;
    font-size:12px;
}

.tab-titles a:last-child{
    border-right:solid 1px rgba(0,0,0,0.1);
}

.tab-content{
    margin-top:-1px;
    padding:15px 15px;
    border:solid 1px rgba(0,0,0,0.1);
}

/*Tabs Pills*/
.tab-pill-titles{
    display: table;
    width: 100%;
    margin-bottom:20px;
}

.tab-pill-titles a{
    color:#1f1f1f;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-left:solid 1px rgba(0,0,0,0.1);
    border-top:solid 1px rgba(0,0,0,0.1);
    border-bottom:solid 1px rgba(0,0,0,0.1);
    height:36px;
    transition:all 250ms ease;
}
.active-tab-pill-button{color:#FFFFFF!important;}
.tab-pill-titles a:last-child{border-right:solid 1px rgba(0,0,0,0.1); border-top-right-radius: 7px; border-bottom-right-radius: 7px;}
.tab-pill-titles a:first-child{	border-top-left-radius: 7px; border-bottom-left-radius: 7px;}

.dark-mode .tab-titles a{background-color:rgba(255,255,255,0.05); color:#FFFFFF;}
.dark-mode .tab-content{background-color:rgba(255,255,255,0.05);}
.dark-mode .tab-pill-titles a{background-color:rgba(255,255,255,0.05); color:#FFFFFF;}