/*
	Theme Name: Hello Elementor Child
	Template: hello-elementor
*/

/* ##Better Docs Setting - reset## */
@font-face {
    font-family: 'OpenSans';
    src: url(/wp-content/uploads/fonts/Open-Snas/OpenSans-Regular.eot?);
    src: url(/wp-content/uploads/fonts/Open-Snas/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),
         url(/wp-content/uploads/fonts/Open-Snas/OpenSans-Regular.woff2) format('woff2'),
         url(/wp-content/uploads/fonts/Open-Snas/OpenSans-Regular.woff) format('woff'),
         url(/wp-content/uploads/fonts/Open-Snas/OpenSans-Regular.ttf) format('truetype');
	unicode-range: U+0041-005A;
	unicode-range: U+0061-007A;
}

@font-face {
    font-family: 'OpenSans';
    src: url(/wp-content/uploads/fonts/Open-Snas/OpenSans-ExtraBold.eot?);
    src: url(/wp-content/uploads/fonts/Open-Snas/OpenSans-ExtraBold.eot?#iefix) format('embedded-opentype'),
         url(/wp-content/uploads/fonts/Open-Snas/OpenSans-ExtraBold.woff2) format('woff2'),
         url(/wp-content/uploads/fonts/Open-Snas/OpenSans-ExtraBold.woff) format('woff'),
         url(/wp-content/uploads/fonts/Open-Snas/OpenSans-ExtraBold.ttf) format('truetype');
	unicode-range: U+0041-005A;
	unicode-range: U+0061-007A;
	font-weight: 900 !important;
}

@font-face {
    font-family: 'NanumSquareRaleWayRegular';
    src: url(/wp-content/uploads/fonts/NanumSquareRaleWay/NanumSquareRaleWayRegular.eot?);
    src: url(/wp-content/uploads/fonts/NanumSquareRaleWay/NanumSquareRaleWayRegular.eot?#iefix) format('embedded-opentype'),
         url(/wp-content/uploads/fonts/NanumSquareRaleWay/NanumSquareRaleWayRegular.woff2) format('woff2'),
         url(/wp-content/uploads/fonts/NanumSquareRaleWay/NanumSquareRaleWayRegular.woff) format('woff'),
         url(/wp-content/uploads/fonts/NanumSquareRaleWay/NanumSquareRaleWayRegular.ttf) format('truetype');
	unicode-range: U+AC00-D7A3;
}

@font-face {
    font-family: 'NanumSquareRaleWayBold';
    src: url(/wp-content/uploads/fonts/NanumSquareRaleWay/NanumSquareRaleWayBold.eot?);
    src: url(/wp-content/uploads/fonts/NanumSquareRaleWay/NanumSquareRaleWayBold.eot?#iefix) format('embedded-opentype'),
         url(/wp-content/uploads/fonts/NanumSquareRaleWay/NanumSquareRaleWayBold.woff) format('woff2'),
         url(/wp-content/uploads/fonts/NanumSquareRaleWay/NanumSquareRaleWayBold.woff) format('woff'),
         url(/wp-content/uploads/fonts/NanumSquareRaleWay/NanumSquareRaleWayBold.ttf) format('truetype');
	unicode-range: U+AC00-D7A3;
    font-weight: bold;
}
/* @font-face{font-family:Pretendard-Light;src:url(/wp-content/uploads/fonts/Pretendard/Pretendard-Light.woff) format('woff')}
@font-face{font-family:Pretendard-Regular;src:url(/wp-content/uploads/fonts/Pretendard/Pretendard-Regular.woff) format('woff')}
@font-face{font-family:Pretendard-Medium;src:url(/wp-content/uploads/fonts/Pretendard/Pretendard-Medium.woff) format('woff')} */

/* Font Default */
body, h1, h2, h3, h4, h5, h6, p, a, input, button, select, div, th, td, select {
    font-family: 'Open Sans', 'NanumSquareRaleWayRegular', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', 'NanumSquareRaleWayBold', sans-serif !important;
    font-weight: bold;
}

h2>strong[data-number],
h3>strong[data-number] {
    font-family: 'Open Sans', 'NanumSquareRaleWayBold', sans-serif !important;
    font-weight: 500;
    color: inherit;
}

strong, blockquote strong {
    font-family: 'Open Sans', 'NanumSquareRaleWayRegular', sans-serif !important;
    text-decoration-line: none;
    color: #333;
}

h1.betterdocs-content-heading, h1 {font-size: 2em; color: #111;}
h2.betterdocs-content-heading, h2 {font-size: 1.5em;}
h3.betterdocs-content-heading, h3 {font-size: 1.17em;}
h4, h5, h6 {font-size: 1em;}
a{text-decoration:none;color:#528fff}

.docs-single-title .betterdocs-entry-title{font-family: 'Open Sans', 'NanumSquareRaleWayBold', sans-serif !important; color:#111; font-weight: 900;}
.fa{font-family:FontAwesome!important}
.ewd-ufaq-post-margin-symbol,.ewd-ufaq-toggle-all-symbol{font-family:ewd-toggle-icon!important}

.docs-template-default ul{list-style-type:none}
/* a,body,button,div,h1,h2,h3,h4,h5,h6,input,p,select,td,th{font-family:Pretendard-Light!important}
a{text-decoration:none;color:#528fff}
h1{font-size:26px:}
.betterdocs-content-heading,h2{font-family:Pretendard-Regular!important;font-size:22px;color:#111}
h3,h4{font-size:18px}
strong{font-family:Pretendard-Medium!important;font-weight:400!important;color:#111}

.docs-single-title .betterdocs-entry-title{font-family:Pretendard-Regular!important;font-size:26px;color:#111}
.fa{font-family:FontAwesome!important}
.ewd-ufaq-post-margin-symbol,.ewd-ufaq-toggle-all-symbol{font-family:ewd-toggle-icon!important}

.docs-template-default ul{list-style-type:none}
.docs-template-default ul ul li{padding:16px 0 0}
.betterdocs-toc .toc-list li{padding:0} */

/* Header */
.helpdesk a{display:inline-block;background-color:#0093e9;color:#fff!important;border-radius:15px;padding:15px 30px!important}
.helpdesk a:hover{background-color:#0073b6}
.helpdesk a:hover::after{display:none}

@media (max-width: 768px) {
	.helpdesk a {background-color: inherit; color: inherit !important; border-radius: unset; padding: 10px 20px !important;}
}

/* Live Search */
.betterdocs-live-search .betterdocs-searchform .search-submit{border:none}
.betterdocs-search-form-wrap{background-color:#0093e9;background-image:linear-gradient(270deg,#0093e9 0,#80d0c7 100%)}
.betterdocs-searchform .betterdocs-search-category {max-width: 148px;}
.betterdocs-popular-search-keyword .popular-search-title {font-weight: 900;}

/* Docs Page */
.docs-cat-title-wrap .docs-cat-title-inner {padding: 10px 20px 0 !important;}
.docs-cat-title-inner .docs-cat-heading {padding-left: 15px;}
.single-kb .docs-cat-title-inner .docs-cat-heading {font-weight: 700;}
.betterdocs-categories-wrap.single-kb .docs-single-cat-wrap .docs-item-container .docs-cat-link-btn {line-height: 16px;}
.betterdocs-categories-wrap.single-kb .docs-item-container ul {border-radius: 10px;}
.betterdocs-categories-wrap.single-kb .docs-item-container li, .betterdocs-popular-list.single-kb ul li, .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-item-container li {align-items: flex-start;}
.betterdocs-categories-wrap.single-kb .docs-item-container li svg {margin-top: 9px;}
.docs-cat-title, .docs-cat-title .docs-cat-heading {font-weight: 900;}
.docs-category-listing .docs-list ul li {padding: 0;}
.docs-category-listing .docs-list ul li a {line-height: 1.5;}
/* .betterdocs-categories-wrap.single-kb .docs-item-container ul{border-radius:10px;height:210px;overflow-y:auto;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.betterdocs-categories-wrap.single-kb .docs-item-container li,.betterdocs-popular-list.single-kb ul li{align-items:flex-start}
.betterdocs-categories-wrap.single-kb .docs-item-container li svg{margin-top:9px}
.betterdocs-categories-wrap.single-kb .docs-item-container ul::-webkit-scrollbar{width:7px}
.betterdocs-categories-wrap.single-kb .docs-item-container ul::-webkit-scrollbar-track{height:8px;background-color:#d9e6fd;border-right:3px solid transparent;border-radius:10px}
.betterdocs-categories-wrap.single-kb .docs-item-container ul::-webkit-scrollbar-thumb{background-color:#8bb3ff;border-right:2px solid transparent;border-radius:10px} */

/* Multiple KB */
.el-betterdocs-category-box-post .el-betterdocs-cb-cat-icon {margin-bottom: 10px !important; width: 48px!important; height: 48px !important;}

/* Single Docs Page */
#betterdocs-sidebar .betterdocs-categories-wrap .docs-single-cat-wrap .docs-cat-title-wrap .docs-cat-title-inner {padding: 0!important;}
.betterdocs-el-single-sidebar .sticky-toc-container .betterdocs-toc, .betterdocs-single-layout1 .sticky-toc-container .betterdocs-toc {max-height: 100%; overflow-y: unset;}
.betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li svg {margin-top: 4px;}
.docs-cat-title-inner .docs-cat-heading, .betterdocs-toc > .toc-title {font-weight: 900;}
.betterdocs-toc .toc-list li {padding: 0;}
.betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-item-container li {max-width: 350px;}
.betterdocs-article-reactions {align-items: center;}
.betterdocs-article-reactions .betterdocs-article-reactions-heading h5 {font-weight: 900;}
/* .docs-template-default .betterdocs-content ul{margin-bottom:15px}
.betterdocs-el-single-sidebar .sticky-toc-container .betterdocs-toc,.betterdocs-single-layout1 .sticky-toc-container .betterdocs-toc{overflow-y:hidden}
.betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a{word-break:keep-all} */

/* Code Color */
code {
	display:inline !important;
    font-family: Pretendard-Light !important;
    line-height: 1.3em;
	padding:2px 4px;
    background-color: #ffc1ce50;
    border-radius: 4px;
    margin: 10px 0;
	color: #202020 !important;
}
/* pre Default */
.betterdocs-entry-content pre {
    font-family: Pretendard-Light;
    font-size: 14px;
    line-height: 1.5em;
    background-color: #f3f3f7;
    border: 1px solid #00000026;
    padding: 8.5px;
}

/* 주의 문구 */
.red-text{color:#ef4d4d}
.fs_blue,.fs_purple{font-size:16px;text-decoration-line:none;color:#333;padding:0 5px}
.fs_purple{
	background-color: #f1e6ff;
	border: 2px solid #f1e6ff;
	box-shadow: 0 2px 0 #dcd1ea;
}
.fs_blue{
	background-color:#dbe7ff;
	border: 2px solid #dbe7ff;
	box-shadow: 0 2px 0 #c1cee8;
}

blockquote,blockquote *{color:#777}
blockquote{padding:3px 10px;border-left:5px solid #ddd;margin:15px 0}
blockquote a{font-weight:700}
blockquote p {margin-bottom: 0}

/* 툴팁 */
a.fs_blue, [data-tooltip] {
    color: #111;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    top: 0;
    padding: 0 5px 2px 5px;
    margin: 0 2px;
	background-color:#dbe7ff;
	border: 2px solid #dbe7ff;
	box-shadow: 0 2px 0 #c1cee8;
}
a.fs_blue strong, [data-tooltip] strong {
    color: #111;
    font-weight: 400;
}
[data-tooltip]{position:relative;color:#4d4d4d}
[data-tooltip]::after,[data-tooltip]::before{left:50%;text-transform:none;font-size:.9em;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0;transform:translate(-50%,-.5em)}
[data-tooltip]::before{content:'';font-size:inherit!important;border:5px solid transparent;z-index:1001;bottom:100%;border-bottom-width:0;border-top-color:#333;margin:0!important}
[data-tooltip]::after{content:attr(data-tooltip);bottom:calc(100% + 5px);font-weight:400;word-break:break-all;text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;border-radius:.3ch;background:#333;color:#fff;z-index:1000}
[data-tooltip]:hover::after,[data-tooltip]:hover::before{animation:.3s ease-out forwards tooltips-vert;display:block}
.demo[data-tooltip]::after{content:'데모 페이지로 이동'!important}
.manual[data-tooltip]::after{content:'매뉴얼 페이지로 이동'!important}
.plugin[data-tooltip]::after{content:'플러그인 구매 페이지로 이동'!important}
/* KEYFRAMES */
@keyframes tooltips-vert{to{opacity:.9;transform:translate(-50%,0)}}
@keyframes tooltips-horz{to{opacity:.9;transform:translate(0,-50%)}}

/* img */
#betterdocs-single-content img{border:1px solid #ddd;margin-top:10px;margin-bottom:20px;padding:5px;background:#f9f9f9}

/* Tabs */
.manual-tabs.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab{cursor:pointer}
.manual-tabs.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a{background-color:#0093e9;color:#fff}
.manual-tabs.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a{background-color:#eee;padding:5px 30px}

/* List Style */
ol,h2>strong[data-number],h3>strong[data-number]{padding-left:35px;counter-reset:number 0}li{list-style:none;padding-bottom:10px}
ol>li{margin: 25px 0;}
ol>li::before{content:counter(number);counter-increment:number 1;}
h2>strong[data-number]::before,h3>strong[data-number]::before{content:attr(data-number);}
ol>li::before,h3>strong[data-number]::before{position:absolute;left:15px;width:1.4rem;height:1.4rem;border-radius:50%;background:#eaeaf0;font-size:14px;line-height:1.4rem;font-weight:700;text-align:center}
h2>strong[data-number]::before {position:absolute;left:15px;top:12px;width:1.6rem;height:1.6rem;border-radius:50%;background:#eaeaf0;font-size:14px;line-height:1.6rem;font-weight:700;text-align:center}
ol>li:has(h2)::before{width:1.7rem;height:1.7rem;line-height:1.7rem}
ol li ul li:first-child, ul > li > ul > li > ul {margin-top: 10px;}

/* Flex Style */
.flex{display: flex;flex-wrap: wrap;margin: auto !important;}
.flex>p{text-align: center;padding: 0 10px;}
.flex.col-50>p{width: 50%;}
@media(max-width: 767px){.flex.col-50>p{width: 100%;}}