/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{font-family: 'Pretendard', 'Malgun Gothic', 'Arial' ; letter-spacing: -0.015em !important; word-break: keep-all;}

/* header */
main#main {padding-top: 66px;}
.header-c {position:fixed; width:100%; background-color:#ffffffD9;-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
.breadcrumbs-c, .breadcrumbs-c a, .breadcrumbs-c span {color:#021410B3;font-size: 14px;}

.menu-item a.hfe-sub-menu-item {padding: 15px 25px !important;}

.language-g .menu-item a.hfe-menu-item {width:108px !important;}
.language-g .menu-item a.hfe-sub-menu-item {padding: 15px 20px !important;}
.language-g:hover .menu-item a.hfe-menu-item {}

.language-g .hfe-nav-menu .sub-menu {min-width: auto;}

.language-g .hfe-submenu-animation-slide_up .hfe-layout-horizontal .menu-item-has-children > ul.sub-menu {width:108px;}
.language-g .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children.focus > .sub-menu {min-width: 108px;max-width: 108px;width: 100% !important;}

.language-g .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu, .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children.focus > .sub-menu, .language-g:hover .menu-item-has-children > .sub-menu, .language-g .sub-menu:hover {-webkit-transition: all 500ms ease-out;transition: all 500ms ease-out;visibility: visible; 
    opacity: 1;}
.language-g .hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu, .hfe-submenu-action-hover .hfe-layout-vertical .hfe-nav-menu .sub-menu {
    -webkit-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

/* header-mobile */
div#hfe-flyout-content-id-528d7ad {
    height: 100vh;
    margin: 0;
}
.hfe-flyout-overlay.elementor-clickable {
height:100vh;
}
.elementor-clickable.hfe-flyout-close {
    right: 10px;
    top: 10px;
}

/* 반응형 요소 공개 */
.mobile-view{display:none;}
.desktop-view{display:block;}

/* 공통 */
::selection {background-color: #ea755b;}
.btn-g a.elementor-button {width:100%;}

.w100 a{width:100%;}
.p-m0 p{margin:0;}

.current-menu-ancestor, .current-menu-item  {
    border-bottom: 3px solid #E96E53;
}
.h330{height:324px;}


.right-arrow a {position: relative}
.right-arrow a:after{
	position:absolute;
	content:"";
	width:6px;
	height:11px;
	right:0px;
	top:50%;
	transform:translatey(-50%);
	background:url("https://www.gloim.co.kr/wp-content/uploads/2022/09/Group-505-min.jpg");
}
/* 인덱스 카드 이미지 텍스트 높이 맞춤*/
.index-card h3{
	margin-top: -7px;
}
/* Service 카드 호버 */
.hover-card:hover > .elementor-element-populated h4 {
    color: #fff !important;
}
.hover-card:hover > .elementor-element-populated p {
    color: #fff !important;
}
/* ceo 소개, 회사개요 초록 점*/
.green-dot{position:relative !important;background-color: transparent !important;}
.green-dot:after{
	background: url("https://www.gloim.co.kr/wp-content/uploads/2022/09/Ellipse-45.jpg");
    width: 12px !important;
    height: 12px !important;
    content: "";
    left: 5px;
    top: 50%;
    display: block;
    position: absolute !important;
    transform: translate(-100%,0);
}
/* main page */
.elementor-element.elementor-element-8c4e7a6.elementor-widget__width-auto.line-c.elementor-widget.elementor-widget-text-editor {
    display: inline-block;
    width: auto;
    height: 2px;
    flex: auto;
    background-color: #fff;
    margin: 0 2%;
}

/* responsive 태블릿 */
@media screen and (max-width: 1023px){
	/* 공통 */
	.h330{height:304px;}
	/* 	header */
	main#main {padding-top: 54px;}
}
/* responsive 모바일 */
@media screen and (max-width: 767px) {
	/* 	header */
	
	/* 공통 */
	.h330{height:284px;}
	/* 인덱스 페이지 카드 이미지 하단 여백 */
	.index-card figure.elementor-image-box-img {
		padding-bottom: 25px;
	}
	/* ceo 소개, 회사개요 초록 점 */
	.green-dot:after{left:1px;}
	/* 반응형 요소 공개 */
	.mobile-view{display:block;}
	.desktop-view{display:none;}
}
.elementor-element.elementor-element-9a2d352.elementor-widget.elementor-widget-text-editor ul{text-align:left !important;}
@media screen and (min-width: 1024px) {
	/* 	header */
	.elementor-20 .header-c .elementor-element.elementor-element-90fc745 {width: 26% ;}
	
}

 /* Move reCAPTCHA v3 badge to the left */
 .grecaptcha-badge {
	width: 70px !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
	left: 4px !important;
	bottom: 4px !important;
	opacity: 0.2 !important;
}
.grecaptcha-badge:hover {
	opacity: 1 !important;
	width: 256px !important;
}

.agree {
	width: 100% !important;
	height: 180px !important;
	line-height: 20px !important;
	padding: 30px 20px !important;
	margin: 10px 0px 10px 0px !important;
	border: 1px solid #dadbdd !important;
	border-radius: 7px !important;
	overflow-y: scroll !important;
}

/* faq */
.helpie-faq.accordions .accordion .accordion__item .accordion__header {padding:20px;}
.helpie-faq.accordions .accordion .accordion__item .accordion__header div.accordion__title {font-size: 18px;}
.helpie-faq.accordions .accordion .accordion__item .accordion__body {font-size: 18px; padding: 10px 20px 20px;font-weight: 300;}
.helpie-faq.accordions .accordion .accordion__item {border-bottom:1px solid #DBDBDB;}

/* top 버튼 */
@media screen and (max-width:768px) {
	#scroll-top {display: none !important;}	
}

.post-date{font-size:16px; color:#888; font-family: Noto Sans KR;}

.next-post-list .list-left,
.prev-post-list .list-left{width:80%}

.prev-post-list,
.next-post-list {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 20px 10px 20px; display: flex; justify-content: space-between;}

.next-post-list span,
.prev-post-list span{font-size: 16px; font-weight: medium; color: #000;}

.next-post-list .next-post-date,
.prev-post-list .prev-post-date{font-size: 18px;  font-weight: 400; color: #000;}

.next-post-list a,
.prev-post-list a {font-size: 16px; font-weight: 400; color: #000; width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left:50px;}

.next-post-list{border-bottom: 0;}

@media screen and (max-width:1024px){
	.post-date{font-size:16px;}
	
	.prev-post-list,
	.next-post-list{padding:20px;}
	
	.next-post-list span,
	.prev-post-list span{font-size:16px;}
	
		.next-post-list a,
	.prev-post-list a{font-size:16px; margin-left:20px;}
	
	.next-post-list .next-post-date,
	.prev-post-list .prev-post-date{font-size:14px;}
}
@media screen and (max-width:767px){
	.post-date{font-size:14px; text-align:center;}
}