/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/**********************************/
/* onmaum20.com */
/* 수바이오젠 */
/* 2023-12-26 */
/**********************************/

/*****************/
/*     FONTS     */
/*****************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body, h1, h2, h3, h4, h5, h6, p, span, input, textarea, select, figcaption, a, li { 
	font-family: dashicons, IcoMoon,'Roboto','Noto Sans KR'!important; 
	/*letter-spacing: -0.01em!important;*/
	word-break: keep-all;
	/*transform:rotate(-0.03deg);*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	text-decoration: none !important;
}
/*
strong {font-weight: 700 !important;}
.normal		{ font-weight: 400 }
.bold		{ font-weight: 700 }
.bolder		{ font-weight: 800 }
.light		{ font-weight: 300 }
*/

/*********************/
/* header 
/*********************/
.sub-menu.elementor-nav-menu--dropdown {width: 100% !important;}
.elementor-menu-toggle .elementor-menu-toggle__icon--open {
    filter: brightness(0.0);
}
#header {background-color: #ffffff;  z-index: 2;}
#header .elementor-nav-menu--main .elementor-item {padding: unset; justify-content: center;}
#header .elementor-widget-nav-menu {width: 100%;}
#header .elementor-widget-nav-menu ul.elementor-nav-menu {width: 100%; flex-wrap: nowrap; justify-content: space-evenly !important; height: 100px; max-width: 860px;}
#header .elementor-widget-nav-menu ul.elementor-nav-menu:after {display:none;}
#header .elementor-widget-nav-menu ul.elementor-nav-menu>li {justify-content: center;}
#header .elementor-widget-nav-menu ul.elementor-nav-menu>li ul.sub-menu {width: auto !important;}
#header .elementor-widget-nav-menu ul.elementor-nav-menu>li ul.sub-menu li a {justify-content: center; border-left: none !important;}


/*********************/
/* titlebar
/*********************/
.titlebar .contents-wrap {position: absolute;  bottom: 0;}
.titlebar .contents-wrap > .elementor-element-populated {position: absolute; bottom: 0; padding-bottom: 0;}

.titlebar-title {margin-bottom: 110px !important;}
.titlebar-title h1 {
	color: #637c7f;
    font-size: 48px;
    font-weight: 200;
    letter-spacing: 0.13em;
	margin-bottom: 20px;
}
.titlebar-title h1 strong {color: #FFFFFF; font-weight: 600;}
.titlebar-title p {padding-left: 5px; margin-bottom: 10px;}
.titlebar #page-submenu ul {
	list-style: none;
	padding-inline-start: unset;
	justify-content: center;
	flex-wrap: wrap;
	display: none;
	width: fit-content;
	font-size: 18px;
}
.titlebar #page-submenu ul.on {display: flex; justify-content: flex-start;}
.titlebar #page-submenu ul li {padding: 17px 35px 17px; font-weight: 500;}
.titlebar #page-submenu ul li a {color: #FFFFFF;}

.titlebar #page-submenu ul.on li.on {background-color: #FFFFFF;}
.titlebar #page-submenu ul.on li.on a {color: #121212;}



/*********************/
/* common
/*********************/
.title-wrap h1 {
    color: #000;
    margin-bottom: 10px;
    font-weight: 600;
}
.title-wrap p {
    font-size: 21px;
    font-weight: 400;
    color: #444;
}
.title-wrap:after {
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background-color: #000000;
    margin: 0 auto 15px;
}
#titlebar .titlebar-title p span {
	color: #1fc7a0 !important;
}
#titlebar .titlebar-title img {
	filter: hue-rotate(340deg);
}


/*********************/
/* MAIN
/*********************/
#main-s1 .elementor-slides .elementor-slide-button {border: none;  padding: unset;}
#main-s1 .elementor-slides .elementor-slide-description {}
#main-s1 .elementor-slides .swiper-slide-inner {max-width: 1460px;padding-bottom:180px;}

#main-s1 .elementor-slides .elementor-repeater-item-8277138 .elementor-slide-button:after {
    content: '';
    background-image: url(/wp-content/uploads/2023/12/icon-set1.png);
    display: inline-block;
    width: 200px;
    height: 59px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 30px;
}
#main-s1 .elementor-slides .elementor-repeater-item-171c60e .elementor-slide-button:after {
    content: '';
    background-image: url(/wp-content/uploads/2023/12/icon-set2.png);
    display: inline-block;
    width: 200px;
    height: 59px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 30px;
}
#main-s1 .icon-notice {
    position: absolute;
    top: 157px;
    left: 67px;
    z-index: 1;
}
#main-s1 .swiper-pagination {z-index: 1;}
#main-s1 .swiper-pagination:before {
    content: '';
    background-image: url(/wp-content/uploads/2023/12/icon-scroll.png);
    display: block;
    width: 39px;
    height: 86px;
    background-repeat: no-repeat;
    background-position: center;
    margin:0 auto 10px;
}
#main-s1 .swiper-pagination:after {
    content: '';
    background-image: url(/wp-content/uploads/2023/12/main-s1-bottom1.png);
    display: block;
    width: 317px;
    height: 53px;
    background-repeat: no-repeat;
    background-position: center;
    margin:15px auto 80px;
}

#main-s2 .item-wrap .txt-wrap {
	color: #FFFFFF;
    font-size: 18px;
    font-weight: 5400;
}
#main-s2 .item-wrap .elementor-widget-image-box .elementor-image-box-description {
	color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
}

#main-s3 .btn-iconset1 .elementor-button-wrapper:after {
    content: '';
    background-image: url(/wp-content/uploads/2023/12/icon-set1.png);
    display: inline-block;
    width: 200px;
    height: 59px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 30px;
}
#main-s3 .btn-iconset2 .elementor-button-wrapper:before {
    content: '';
    background-image: url(/wp-content/uploads/2023/12/icon-set2.png);
    display: inline-block;
    width: 200px;
    height: 59px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 30px;
}


/*********************/
/* PAGE
/*********************/
/*동물치료*/
.page-id-286 .titlebar,
.page-id-358 .titlebar,
.page-id-363 .titlebar,
.page-id-368 .titlebar {background-image: url('/wp-content/uploads/page-titlebar-bg02.jpg') !important;}

/*곤충판매*/
.page-id-295 .titlebar,
.page-id-373 .titlebar {background-image: url('/wp-content/uploads/page-titlebar-bg03.jpg') !important;}

/*커뮤니티*/
.page-id-303 .titlebar,
.page-id-381 .titlebar,
.page-id-389 .titlebar {background-image: url('/wp-content/uploads/page-titlebar-bg04.jpg') !important;}

.page-wrap {
    padding-top: 70px;
    padding-bottom: 120px;
}
#greeting .txt-wrap h5 {margin-top: 0;}
#greeting .txt-wrap h5 strong {
	font-size: 1.5em;
    font-weight: 800;
}
#greeting .txt-wrap hr {
    margin: 30px 0 25px;
    border-width: 0;
    border-top: solid 2px #233760;
    width: 70px;
}
#goal .target.items-wrap .item {
    width: calc(100% / 3);
}
#goal .way.items-wrap .item {
    width: calc(100% / 4 - 4px);
	border: solid 1px;
	overflow: hidden;
    border-radius: 10px;
}
#goal .way.items-wrap .item:nth-child(1) {border-color: #5ea201;}
#goal .way.items-wrap .item:nth-child(2) {border-color: #060953;}
#goal .way.items-wrap .item:nth-child(3) {border-color: #703600;}
#goal .way.items-wrap .item:nth-child(4) {border-color: #f59b20;}

#goal .way.items-wrap .item h6 {padding-top:15px; font-weight: 400;}
#goal .way.items-wrap .item h5 {padding-top: 5px; padding-bottom: 15px;}
#goal .way.items-wrap .item h6, #goal .way.items-wrap .item h5 {color: #fff; margin: 0;}
#goal .way.items-wrap .item:nth-child(1) h6, #goal .way.items-wrap .item:nth-child(1) h5 {background-color: #5ea201;}
#goal .way.items-wrap .item:nth-child(2) h6, #goal .way.items-wrap .item:nth-child(2) h5 {background-color: #060953;}
#goal .way.items-wrap .item:nth-child(3) h6, #goal .way.items-wrap .item:nth-child(3) h5 {background-color: #703600;}
#goal .way.items-wrap .item:nth-child(4) h6, #goal .way.items-wrap .item:nth-child(4) h5 {background-color: #f59b20;}
#goal .way.items-wrap .item ul {margin: 10px 0 15px;}

#goal .target.items-wrap .item {border:solid 1px #ccc;}
#goal .target.items-wrap .item ul {margin-bottom:30px;}

#history .txt-wrap.history h4 {
    color: #1f6ea9;
    display: inline-block;
    width: 90px;
    vertical-align: top;
    font-size: 2.0em;
    font-weight: 300;
}
#history .txt-wrap.history ul {
	list-style: none;
    padding-inline-start: 17px;
    display: inline-block;
    width: calc(100% - 90px);
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    padding-top: 15px;
    padding-bottom: 30px;
    border-left: solid 1px #1f6eb1;
}
#history .txt-wrap.history ul:before {
    content: '';
    width: 11px;
    height: 11px;
    border: solid 2px #1f6eb1;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    left: -6px;
    top: 24px;
}
#history .txt-wrap.history ul li strong {
    color: #2ea581;
    margin-right: 5px;
}

#contact .elementor-widget-image-box {width: calc(100% / 4 - 15px); margin-bottom: 35px;}
#contact .elementor-widget-image-box .elementor-image-box-img {margin-bottom: 0px;}
#contact .elementor-widget-image-box h3 {font-size: 1.2em; color: #1f6ea9; margin: 10px 0;}
#contact .elementor-widget-image-box h3 .use {font-weight: 400;margin: 0;}

#service .elementor-widget-image-box {width: calc(100% / 4 - 15px); margin-bottom: 35px;}
#service .elementor-widget-image-box .elementor-image-box-img {margin-bottom: 10px; width: 100%;}
#service .elementor-widget-image-box .elementor-image-box-content {display: flex; flex-direction: column-reverse;}
#service .elementor-widget-image-box .elementor-image-box-content h3 {font-size: 1.0em; color: #2ea581; margin: 0px 0;}
#service .elementor-widget-image-box .elementor-image-box-content h3 .use {font-weight: 400;margin: 0;}

#product .elementor-widget-image-box {width: calc(100% / 4 - 15px); border: solid 1px #ddd; padding: 0 0 20px;}
#product .elementor-widget-image-box .elementor-image-box-img {margin-bottom: 10px; width: 100%;}
#product .elementor-widget-image-box .elementor-image-box-content {display: flex; flex-direction: column-reverse;}
#product .elementor-widget-image-box .elementor-image-box-content h3 {font-size: 1.0em; color: #2ea581; margin: 0px 0;}
#product .elementor-widget-image-box .elementor-image-box-content h3 .use {font-weight: 400;margin: 0;}

#members .elementor-widget-image-box {width: calc(100% / 4 - 15px); margin-bottom: 35px;}
#members .elementor-widget-image-box .elementor-image-box-img {margin-bottom: 0px;}
#members .elementor-widget-image-box h3 {font-size: 1.2em; color: #1f6ea9; margin: 10px 0;}
#members .elementor-widget-image-box h3 .use {font-weight: 400;margin: 0;}

#sitemap {padding: 15px 10px 40px;}
#sitemap .sitemap-title {text-align: center;}
#sitemap .contents-wrap {display: flex;}
#sitemap .contents-wrap dl {width: calc(100% / 4); text-align: center;}
#sitemap .contents-wrap dl dt {
    font-size: 1.2em;
    border-bottom: solid 1px;
    padding: 10px 0;
    margin-bottom: 15px;
	font-weight: 500;
}
#sitemap .contents-wrap dl a {color: #000000;}
#sitemap .contents-wrap dl dd {margin-inline-start: 0; padding: 5px 5px;}

#onmaum .item-wrap {padding: 35px 35px 50px;  border-radius: 30px; height: 100%;}
#onmaum .item-wrap.item1 {background-color: #26BFA2;}
#onmaum .item-wrap.item2 {background-color: #52A3DB;}
#onmaum .item-wrap .txt-wrap {color: #ffffff; }
#onmaum .item-wrap .elementor-widget-image-gallery:before {
    content: 'Photo Gallery ';
    position: absolute;
    bottom: -22px;
    right: 2px;
    font-size: 12px;
    font-weight: 700;
    color: #3f79a1;
}

#cs .items-wrap .elementor-widget-image-box {border: solid 1px #ccc;  padding: 25px 0;}
#cs .items-wrap .elementor-widget-image-box .elementor-image-box-title {font-weight: 600; color: #03407e;}


/*********************/
/* K-BOARD
/*********************/
/*작성자, poweredby 삭제*/
#kboard-default-list .kboard-list table td.kboard-list-user {display:none;}
.kboard-cross-link-poweredby ,
.kboard-contact-form-poweredby, 
.kboard-default-poweredby, 
.kboard-thumbnail-poweredby, 
.kboard-pure-gallery-poweredby,
.kboard-play-video-poweredby,
.kboard-ocean-gallery-poweredby { display: none; }

/*스킨별 k-board width값*/
#kboard-default-list, #kboard-default-editor { max-width: 1200px; margin: auto;display: block;}
.kboard-vote {display: none;}

/*폰트 스타일 수정 2020-03-24 toedge*/
#kboard-default-list .kboard-list thead tr td {font-size: 15px; font-weight: 400;}
#kboard-default-list .kboard-list table a {font-size: 15px;}

/*********************/
/* RESPONSIVE
/* Mobile
/*********************/
@media (max-width: 1600px) {

}
@media (max-width: 1400px) {
}
@media (max-width: 1280px) {


}
@media (max-width: 1024px) {
	#header  .elementor-widget-nav-menu {
		width: auto;
		position: absolute;
		top: 20px;
		left: 0;
		right: 0;
		z-index: 1;
	}

	#header  .container-right {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 120px;
	}
	#header  .container-right .elementor-menu-toggle {
		margin: 0 10px; 
		width: fit-content;
	}
	#header  .container-right .elementor-nav-menu--dropdown {border: none;}
	#header  .container-right .elementor-widget-nav-menu .elementor-widget-container {align-items: flex-end;}
	#header  .container-right .elementor-nav-menu--dropdown.elementor-nav-menu__container {
		margin: 0;
		position: absolute;
		left: 0;
		right: 0;
		top: 58px;
		border: none;
	}
	#header .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown {
		height: calc(100vh - 80px);
	    padding-top: 30px;
	}
	#header .elementor-widget-nav-menu ul.elementor-nav-menu>li ul.sub-menu {background-color: #f2f2f2;}
	#header .elementor-widget-nav-menu ul.elementor-nav-menu>li ul.sub-menu li a {font-size: 14px;}

	#titlebar .titlebar-title {margin-bottom: 60px !important;}

	#main-s1 .elementor-slides .elementor-slide-button {text-align: left;}
	#main-s1 .elementor-slides .elementor-slide-button img {max-width: 180px;}
	#main-s1 .elementor-slides .elementor-slide-button:after {width: 180px !important; margin-left: 0px !important; background-size: contain;}

	#main-s2 .item-wrap {padding: 20px 15px 30px;}
	#main-s2 .item-wrap .img-title img {max-height: 60px; width: auto;}
	#main-s2 .item-wrap .txt-wrap {font-size: 12px;} 
	#main-s2 .item-wrap .items-wrap {margin: 25px 0 35px;}
	#main-s2 .item-wrap .items-wrap>.e-con-inner {flex-wrap: nowrap; gap: 3px;}
	#main-s2 .item-wrap .items-wrap>.e-con-inner .elementor-widget-image-box .elementor-image-box-img {margin-bottom: 10px;}
	#main-s2 .item-wrap .items-wrap>.e-con-inner .elementor-widget-image-box .elementor-image-box-img img {max-width: 80%;}
	#main-s2 .item-wrap .items-wrap>.e-con-inner .elementor-widget-image-box .elementor-image-box-description {font-size: 12px;}
	#main-s2 .item-wrap .btn img {max-width: 140px;}


}

@media (max-width: 767px) {

	.title-wrap h1 {font-size: 1.4em;}
	.title-wrap:after {height: 20px;}
	.page-wrap {padding-top: 25px; padding-bottom: 70px;}
	.txt-wrap.title h2 {font-size: 1.2em;}
	.txt-wrap.title h4 {font-size: 0.95em;}
	.txt-wrap.title h5 {font-size: 0.95em;}
	.txt-wrap.title p {font-size: 12px;}

	#titlebar .titlebar-title {margin-bottom: 30px !important;}
	#titlebar .titlebar-title h1 {font-size: 21px; margin-bottom: 5px;}
	#titlebar .titlebar-title p {font-size: 12px; padding-left: 0;margin-bottom: 4px;}
	#titlebar .titlebar-title img {max-width: 160px;}
	#titlebar #page-submenu ul {font-size: 14px;}
	#titlebar #page-submenu ul li {padding: 10px 10px;}

	
	#main-s1 .elementor-widget-slides {}
	#main-s1 .elementor-slides .elementor-slide-button img {max-width: 140px;}
	#main-s1 .elementor-slides .elementor-slide-button:after {width: 140px !important; margin-left: 30px;}

	#main-s1 .swiper-pagination:before {width: 39px; height: 60px;  background-size: contain; margin: 0 auto 10px;}
	#main-s1 .swiper-pagination:after {width: 180px; height:35px; background-size: contain;margin: 5px auto 80px;}
	#main-s1 .swiper .elementor-swiper-button {font-size: 21px;top: 75%;}
	#main-s1 .elementor-slides .swiper-slide-inner {padding-bottom: 40%;}
	#main-s1 .elementor-slides .swiper-slide-inner .elementor-slide-heading {margin-bottom: 5px !important;}

	#main-s3 .img-title img {max-height: 70px;  width: auto;}
	#main-s3 .txt-wrap p {font-size: 12px;}
	#main-s3 .btn .elementor-button-wrapper {}
	#main-s3 .btn .elementor-button-wrapper img {max-width: 140px;}
	#main-s3 .btn .elementor-button-wrapper:after,
	#main-s3 .btn .elementor-button-wrapper:before {width: 110px !important; height: 40px; margin-left: 20px !important; margin-right: 20px !important; background-size: contain;}

	#main-s4 .txt-wrap.title h2 {font-size: 1.3em; margin-bottom: 2px;}
	#main-s4 .txt-wrap.title p {font-size: 12px;}
	#main-s4 .txt-wrap.description h5 {font-size: 16px;}
	#main-s4 .txt-wrap.description p {font-size: 12px;}

	#goal .target.items-wrap {flex-direction: column;}
	#goal .target.items-wrap .item {width: 100%; max-width:600px;}
	#goal .target.items-wrap .item h5 {font-size: 1em;}
	#goal .target.items-wrap .item ul {font-size: 12px;}

	#goal .way.items-wrap {gap: 5px;}
	#goal .way.items-wrap .item {width: calc(100% / 2 - 3px);}
	#goal .way.items-wrap .item h6 {font-size: 12px;}
	#goal .way.items-wrap .item h5 {font-size: 15px;}
	#goal .way.items-wrap .item ul {font-size: 12px; padding-inline-start: 25px;}

	#history .txt-wrap.history h4 {width: 70px; font-size: 1.5em;}
	#history .txt-wrap.history ul {width: calc(100% - 70px); font-size: 12px;}

	#contact .txt-wrap p {font-size: 12px;}
	#contact .wrap_map {height: 320px !important;}

	#onmaum .item-wrap {padding: 10px 5px 20px; border-radius: 15px; height: auto;}
	#onmaum .item-wrap .txt-wrap h4 img {height: 80px; width: auto;}
	#onmaum .item-wrap .txt-wrap h5 img {height: 32px; width: auto;}
	#onmaum .item-wrap .txt-wrap ul {font-size: 12px;}

	#onmaum .item-wrap .elementor-widget-image-gallery .gallery-item {width:calc(100% / 3 - 2px);}

	#members .items-wrap > .e-con-inner {gap: 10px;}
	#members .elementor-widget-image-box {width: calc(100% / 2 - 5px);  margin-bottom: 15px;}
	#members .elementor-widget-image-box .elementor-image-box-content h3 {font-size: 14px; margin: 5px;}
	#members .elementor-widget-image-box .elementor-image-box-content p {font-size: 12px;}
	
	#service .txt-wrap.title h4 {margin: 0;}
	#service .items-wrap > .e-con-inner {gap: 10px;}
	#service .elementor-widget-image-box {width: calc(100% / 2 - 5px);  margin-bottom: 15px;}
	#service .elementor-widget-image-box .elementor-image-box-content h3 {font-size: 14px; margin: 5px;}
	#service .elementor-widget-image-box .elementor-image-box-content p {font-size: 12px;}
	
	#service .txt-wrap.title img {height: 30px; width: auto;}
	#product .items-wrap > .e-con-inner {gap: 10px;}
	#product .elementor-widget-image-box {width: calc(100% / 2 - 5px);  margin-bottom: 15px;}
	#product .elementor-widget-image-box .elementor-image-box-content h3 {font-size: 14px; margin: 5px;}
	#product .elementor-widget-image-box .elementor-image-box-content p {font-size: 12px;}




	
}