/*
Theme Name: Enfold-Child
Template: enfold
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Princess+Sofia&display=swap');

/*html[lang="en_US"] body, h1, h2, h3, h4, h5, h6, p, span, a, input,div,th,td,select,textarea,label,strong,
.special_amp{
    font-family: 'Roboto', sans-serif;
}

html[lang="ko_KR"] body, h1, h2, h3, h4, h5, h6, p, span, a, input,div,th,td,select,textarea,label,strong,.special_amp{
    font-family: 'Noto Sans KR', sans-serif;
}

*/
@font-face {
	font-family: 'Paperlogy8';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Paperlogy5';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Paperlogy6';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Paperlogy4';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}


:lang(en-US) {
	font-family: 'Pretendard', dashicons, sans-serif;
}

:lang(zh-hans) {
	font-family: 'Roboto', dashicons, sans-serif;
}

:lang(ja) {
	font-family: 'Roboto', dashicons, sans-serif;
}

:lang(ko-KR) {
	font-family: 'Pretendard', 'Noto Sans KR', 'Paperlogy5', 'Paperlogy8', dashicons, sans-serif;
}


/* @font-face {
	font-family: 'Noto Sans KR';
	nicode-range: U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF;
}*/

::selection {
	background-color: #0C4DA2;
	color: white;
}

.template-shop .product-sorting {
	display: none;
}

#after_section_1 {
	border-top-width: 0px;
}

/*post_date_del*/
.avia-content-slider .avia-content-slider-inner .post_date {
	display: none;
}

/*Ja_Ch_fw*/
:lang(ja) #mega-menu-wrap-avia #mega-menu-avia>li.mega-menu-item>a.mega-menu-link {
	font-weight: 600 !important;
}

:lang(zh-hans) #mega-menu-wrap-avia #mega-menu-avia>li.mega-menu-item>a.mega-menu-link {
	font-weight: 600 !important;
}



@media screen and (max-width:768px) {
	/* :lang(en-US) #top .av-main-nav-wrap ul.sub-menu {
		display: block;
	} */

	:lang(en-US) #top #wrap_all #header #av-burger-menu-ul>li.av-active-burger-items {
		font-size: 16px;
	}

	:lang(en-US) #top .av-main-nav-wrap ul.sub-menu li a {
		font-size: 16px;
	}
}

@media (max-width: 1024px) {
	#top .main_menu {
		padding-left: 150px;
	}

	#socket .container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*메뉴*/
@media screen and (max-width:768px) {
	.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
		padding: 15px 48px;
		font-size: 18px;
	}

	.html_visible_cart .cart_dropdown {
		right: 50px;
		display: none;
	}

	.responsive #top #wrap_all .main_menu {
		top: 25px;
		right: -20px;
	}

	#mega-menu-wrap-avia .mega-menu-toggle {
		background: #18462c;
	}

	#mega-menu-wrap-avia .mega-menu-open {
		background: #f4f4f4;
	}

	#mega-menu-wrap-avia .mega-menu-toggle+#mega-menu-avia {
		background: #f4f4f4;
	}

	#mega-menu-wrap-avia #mega-menu-avia>li.mega-menu-item>a.mega-menu-link {
		color: black;
	}

	#mega-menu-wrap-avia #mega-menu-avia>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
	#mega-menu-wrap-avia #mega-menu-avia>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
	#mega-menu-wrap-avia #mega-menu-avia>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
		background: #18462c;
	}

	#mega-menu-wrap-avia #mega-menu-avia>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
		background: #18462c;
	}

	.widget_media_image {
		display: none !important;
	}
}

.logo img {
	display: inline-block;
	vertical-align: middle;
}

#top .main_menu {
	position: static;
	text-align: center;
}

#top .av-main-nav-wrap {
	float: none;
}

#top .av-main-nav-wrap ul {
	text-align: center;
	width: 100%;
}

#top .av-main-nav>li {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

#mega-menu-wrap-avia #mega-menu-avia>li.mega-menu-item>a.mega-menu-link {
	font-weight: 500 !important;
}

#top .av-main-nav>li.av-burger-menu-main {
	display: none;
}

#top .av-main-nav>li>a {
	padding: 0 30px;
	color: #444;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.22px;
}

:lang(en) #top .av-main-nav>li>a {
	padding: 0 25px;
}

.logo.avia-standard-logo {
	width: 220px !important;
}

#full_menu_bg {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 260px;
	background: #fff;
	border-bottom: 1px solid #ededed;
	display: none;
}

:lang(en) #full_menu_bg {
	height: 290px;
}

.current-menu-parent>a>.avia-menu-text {
	color: #034EA2;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.22px;
}

.sub-menu .current-menu-item>a>.avia-menu-text {
	color: #034EA2 !important;
}

.home h2.av-special-heading-tag {
	font-size: 42px;
	line-height: 1.5;
	margin: 0;
	font-weight: bold;
	color: #121212;
	text-transform: none;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.main-title {
	margin-bottom: 45px;
}

.main-title-white .av-special-heading-tag,
.main-title-white .av-subheading p {
	color: white !important;
}

.home h2.av-special-heading-tag::after {
	content: "";
	display: block;
	width: 44px;
	height: 6px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	/*  background: rgb(12,77,162);
    background: -moz-linear-gradient(90deg, rgba(12,77,162,1) 0%, rgba(49,190,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(12,77,162,1) 0%, rgba(49,190,255,1) 100%);
    background: linear-gradient(90deg, rgba(12,77,162,1) 0%, rgba(49,190,255,1) 100%);*/
	background: #d60d17
}

.home .av-subheading p {
	font-size: 18px;
	font-weight: 400;
	color: #505050;
	padding: 0;
}

.special_amp {
	font-family: inherit;
	font-size: inherit;
	color: inherit !important;
	font-weight: inherit;
	font-style: inherit;
}

#top.home .main_color .avia-color-theme-color.avia-button {
	color: #212121;
	background: #fff;
	border: 1px solid #ccc;
	padding: 15px 40px;
	font-size: 15px;
	letter-spacing: -1px;
}

@media (min-width: 769px) {
	#top .av-main-nav-wrap ul.sub-menu {
		border: none;
		box-shadow: none;
		margin: 0;
		display: none !important;
		background: none;
		padding: 10px 0 0;
	}
}

#top .av-main-nav-wrap ul.sub-menu {
	border: none;
	box-shadow: none;
	margin: 0;
	display: none;
	background: none;
	padding: 10px 0 0;
}

#top .av-main-nav-wrap ul.sub-menu.active {
	opacity: 1 !important;
	visibility: visible !important;
	display: block !important;
}

#top .av-main-nav-wrap ul.sub-menu li {
	background: none;
}

#top .av-main-nav-wrap ul.sub-menu li a {
	text-align: center;
	border: none;
	padding: 10px 0;
	background: none;
	color: #444;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -0.22px;
	justify-content: center;
}

.avia-slideshow-dots {
	display: none;
}

#fp-nav ul li .fp-tooltip {
	color: #212121;
	font-weight: bold;
}

#main_slider h2.avia-caption-title {
	text-transform: none;
	color: #fff;
	font-size: 60px;
	font-weight: 800;
}

#main_slider .avia-caption-content p {
	font-size: 23px;
	font-weight: 300;
	line-height: 30px;
	margin: 30px 0 0;
}

#top .logo {
	z-index: 111;
	margin: 0;
}

.avia-fullscreen-slider .caption_container {
	max-width: none !important;
}

.caption_bottom .slideshow_caption .slideshow_inner_caption {
	padding: 0 80px;
}

#top .avia-slideshow-arrows a {
	opacity: 1;
	position: static;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #777;
	font-size: 20px;
	border: 1px solid #ccc;
	border-radius: 100px;
	margin: 0 4px;
}

.avia-slideshow-arrows a:before {
	position: static;
	background: none;
	height: auto;
	line-height: 39px;
	width: 40px;
}

#top .avia-slideshow-arrows {
	position: absolute;
	bottom: -6%;
	text-align: center;
	width: 100%;
	z-index: 111111111;
}

.avia-fullscreen-slider .avia-slideshow {
	overflow: visible;
}

#top .av-flex-placeholder {
	width: 2%;
}

#top .av-caption-image-overlay-bg {
	display: none;
}

.av-image-caption-overlay-position {
	background: rgba(255, 255, 255, 0.95);
	position: absolute;
	top: 80%;
	left: 20%;
	width: 80%;
	height: 70%;
	text-align: left;
}

.av-image-caption-overlay-position h5 {
	color: #82a74d;
	font-weight: bold;
	margin: 0 0 15px;
	font-size: 21px;
}

.av-image-caption-overlay-position h3 {
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 34px;
}

.av-image-caption-overlay-position h3:after {
	content: '';
	background: #82a74d;
	height: 4px;
	display: block;
	width: 35px;
	margin: 20px 0 0;
	border-radius: 1px;
}

#main1 .avia_textblock p {
	color: #9e9e9e;
	font-weight: normal;
	font-size: 17px;
	letter-spacing: -1px;
	line-height: 25px;
	margin: 140px 0 0;
}

#top #main2 .av-flex-placeholder {
	width: 0.5%;
}

#main3 .avia-content-slider .slide-entry-title {
	color: #5e5e5e;
	font-size: 15px;

	font-weight: 400;
	line-height: 27px;
}

#main3 .avia-content-slider .post_date {
	color: #9d9d9d;
	font-size: 15px;
	margin: 5px 0;
}

#main3 .slide-content {
	padding: 10px 20px;
}


#main3 div .av_one_fourth {
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	width: 23.5%;
	margin-left: 2%;
}

#main3 .avia-content-slider {
	overflow: visible;
}

#top #main3 .avia-slideshow-arrows {
	bottom: -80px;
}

#top #main3 .avia-content-slider .avia-slideshow-arrows a {
	margin: 0 4px;
}

#main3 div .av_one_fourth.first {
	margin-left: 0;
}

#main3 .avia-content-slider .slide-image,
#main3 .avia-content-slider .slide-image img {
	width: 100%;
	border-radius: 0;
}

#socket .sub_menu_socket {
	float: none;
	position: absolute;
	left: 50px;
	top: 40px;
}

#socket .sub_menu_socket ul {
	margin: 0;
}

#socket .sub_menu_socket ul li {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	border: none;
	margin: 0 40px 0 0;
}

#socket .sub_menu_socket ul li a {
	color: #555555;
	font-size: 14px;
	/* letter-spacing: -1px;*/
}

#footer_content {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 23px;
}

#socket .copyright {
	float: none;
	display: block;
	margin: 70px 0 0;
}

#footer_right {
	position: absolute;
	right: 0;
	top: 50px;
}

#footer_right .family_site,
#footer_right .open_sitemap {
	position: relative;
	border: 1px solid #dedede;
	text-transform: uppercase;
	padding: 7px 50px 7px 20px;
	font-size: 13px;
	cursor: pointer;
	display: inline-block;
	margin: 0 0 0 15px;
}

#footer_right .family_site .dashicons,
#footer_right .open_sitemap .dashicons {
	position: absolute;
	right: 10px;
}

#footer_right .family_site ul {
	display: none;
	position: absolute;
	bottom: 100%;
	margin: 0;
	width: 101.5%;
	left: -1px;
}

#footer_right .family_site ul.active {
	display: block;
}


#footer_right .family_site ul li a {
	border: 1px solid #dedede;
	display: block;
	padding: 6px 12px;
	color: #333;
	border-bottom: none;
}

#footer_right .family_site ul li a:hover {
	background: #f9f9f9;
}


.sitemap_wrap {
	display: none;
	background: rgba(113, 148, 48, 0.8);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	padding: 100px;
}

.sitemap_wrap.active {
	display: block;
}

.sitemap_wrap h3 {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	margin: 0 0 40px;
}

.sitemap_wrap ul#sitemap_menu {
	margin: 0;
	font-size: 0;
}

.sitemap_wrap ul#sitemap_menu>li {
	display: inline-block;
	vertical-align: top;
	width: 20%;
}

.sitemap_wrap ul#sitemap_menu>li>a {
	color: #fff;
	font-size: 23px;
	letter-spacing: -1px;
	font-weight: 500;
}

.sitemap_wrap .sub-menu {
	margin: 30px 0 0;
}

.sitemap_wrap .sub-menu li a {
	color: #fff;
	font-size: 19px;
	letter-spacing: -1px;
}

.close {
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	text-decoration: none;
}

.close .dashicons {
	font-size: 50px;
	width: 50px;
	height: 50px;
}

.title_container {
	background: #f9f9f9;
	border-bottom: 1px solid #ededed;
}

#top .title_container .container {
	padding: 0;
	min-height: 42px;
}

.breadcrumb-trail span,
.bbp-breadcrumb-current a {
	font-size: 13px;
	font-weight: 300;
	letter-spacing: -1px;
}

#sub_top_wrap h1.av-special-heading-tag {
	font-size: 38px;
	font-weight: bold;
}

#sub_top_wrap .av-subheading p {
	font-size: 17px;
	font-weight: 300;
	letter-spacing: -1px;
	margin: 10px 0 0;
	line-height: 26px;
}

#top #menu-item-search {
	position: absolute;
	right: 4%;
	top: 26%;
}

#top .menu-item-search-dropdown>a,
#searchform #searchsubmit,
.av_ajax_search_image,
.iconfont {
	font-size: 26px;
	color: #212121;
}

#mega-menu-wrap-avia #mega-menu-avia li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
	display: none;
}

.av-language-switch-item {
	display: none !important;
}

/* 선 바이오 리뉴얼 */
#top .ls-v6 .ls-bottom-slidebuttons a {
	width: 20px !important;
}

#menu-item-search {
	display: none !important;
}

@media screen and (max-width:768px) {

	#av-layout-grid-1 {
		height: 300px !important;
	}

	#av-layout-grid-1 .fp-tableCell {
		height: 300px !important;
	}

	.responsive #top #wrap_all .main_menu {
		top: 0;
	}

	.langKo,
	.langEng {
		position: relative !important;
		right: 0;
		width: 25%;
		display: inline-block;
		margin-top: 20px !important;
	}

	.langKo a,
	.langEng a {
		text-align: center !important;
		border-bottom: none !important;
		background-color: white !important;
	}

	.langlang :after {
		right: 0;
	}

	.langlang .avia-menu-text::after {
		display: none;
	}

}

.ls-v6 .ls-nav-prev:hover,
.ls-v6 .ls-nav-next:hover {
	transform: scaleX(1) scaleY(1) !important;
}

.ls-fullwidth .ls-nav-next,
.ls-fullwidth .ls-nav-prev {
	background-image: none !important;
}

.main-4col-Box {
	height: 466px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	text-align: center;
}

.main-4col-Box h3 {
	color: white;
}

.main-4col-txtBox h3 {
	font-size: 32px;
	margin-bottom: 20px;
}

.main-4col-txtBox .txt {
	font-size: 16px;
}

.main-4col section {
	-webkit-transition: all 0.2s ease-in-out;
}

.main-4col section:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	/*background: rgb(12,77,162);
    background: -moz-linear-gradient(120deg, rgba(12,77,162,1) 0%, rgba(49,190,255,1) 100%);
    background: -webkit-linear-gradient(120deg, rgba(12,77,162,1) 0%, rgba(49,190,255,1) 100%);
    background: linear-gradient(120deg, rgba(12,77,162,1) 0%, rgba(49,190,255,1) 100%);*/
	background: rgb(23, 22, 103);
	background: -moz-linear-gradient(120deg, rgba(23, 22, 103, 1) 0%, rgba(74, 76, 166, 1) 100%);
	background: -webkit-linear-gradient(120deg, rgba(23, 22, 103, 1) 0%, rgba(74, 76, 166, 1) 100%);
	background: linear-gradient(120deg, rgba(23, 22, 103, 1) 0%, rgba(74, 76, 166, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0c4da2", endColorstr="#31beff", GradientType=1);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: -1;
}

.main-4col section:hover:before {
	left: -12px;
	top: -12px;
	right: -12px;
	bottom: -12px;
	opacity: 0.95;
}

.hover-arrow {
	display: none;
}

.main-4col section:hover .hover-arrow {
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 100%;
	background: url(/wp-content/uploads/2023/02/01_02_img_arrow_01.png) 50% 50% no-repeat #0e0c53;
	margin: 12px auto 0;
}

.main-3col {
	margin-left: 1% !important;
	width: 24% !important;
}

.main-3col-txtBox {
	background: white;
	position: relative;
	height: 446px;
}

.main-3col-txtBox .thumb {
	overflow: hidden;
}

.main-3col-txtBox .thumb img {
	transform: scale(1);
	transition: all 2s;
}

.main-3col-txtBox:hover .thumb img {
	transform: scale(1.2);
	transition: all 2s;
}

.main-3col-txtBox .txt-box {
	padding: 30px 20px;
	position: relative;
}

.main-3col-txtBox:hover .txt-box {
	/*background: linear-gradient(90deg, rgba(12,77,162,1) 0%, rgba(49,190,255,1) 100%);*/
	background: #d60d17;
	color: white;
}

.main-3col-txtBox:hover .txt-box h3 {
	color: white !important;
}

.main-3col-txtBox .txt-box:hover {
	/*background: linear-gradient(90deg, rgba(12,77,162,1) 0%, rgba(49,190,255,1) 100%);*/
	background: #d60d17;
	color: white;
	height: 147px;
}

.main-3col-txtBox .txt-box:hover h3 {
	color: white !important;
}

.txt-box h3 .small-title {
	font-size: 14px;

}

.plus-box {
	position: absolute;
	font-size: 34px;
	right: 40px;
	top: 15%;
}

#main3 div .av_one_half {
	margin-left: 1%;
	width: 49%;
	margin-top: 15px !important;
}


.main-news-box {
	display: flex;
	align-items: center;
	padding: 32px 39px;
	background: white;
	border: 1px solid #dfdfdf !important;
}

.main-news-title {
	width: 24%;
	position: relative;
}

.main-news-title:before {
	content: "";
	display: block;
	width: 30px;
	height: 5px;
	/*background: #2058a1;*/
	background: #d60d17;
	position: absolute;
	left: 0;
	top: -20px;
}

.main-news-title h3 {
	font-size: 28px
}

.main-news-title a {
	display: block;
	text-decoration: none;
	width: 80px;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: -0.06em;
	color: #878787;
	border: 1px solid #dfdfdf;
}

.main-news-title a:hover {
	color: #fff;
	background: #0c4da2;
	border-color: #0c4da2;
}

.main-news-list {
	width: 76%
}

.main-news-list table {
	margin-bottom: 0px !important;
	border-bottom: 0px !important;
}

.main-news-list table tr {
	background: white !important;
}

.main-news-list table tr td {
	padding: 8px 0 !important;
	font-size: 16px !important;
	color: #333 !important;
	border: none !important;
}

.main-news-list table tr td a {
	color: #333 !important;
}

.main3LogoCa {
	margin-left: 1% !important;
	width: 99% !important;
	margin-top: 15px !important;
}

.main-logos-title {
	width: 12%;
}

.main-logos-list {
	width: 88%;
}


/*게시판*/
.kboard-list table {
	border-top: 2px solid #333 !important;
}

.kboard-list tr:hover .board-title:after {
	background: #0c4da2;
	color: #fff;
}

.kboard-total-count {
	display: flex !important;
	align-items: center;
}

#kboard-search-form-21,
#kboard-search-form-22,
#kboard-search-form-23 {
	display: flex;
}

#kboard-search-form-21 input,
#kboard-search-form-22 input,
#kboard-search-form-23 input {
	height: 44px !important;
}

/* #kboard-search-form-21 button,
#kboard-search-form-22 button,
#kboard-search-form-23 button {
	height: 46px;
	float: left;
	display: block;
	width: 80px;
	height: 46px;
	text-indent: -9999em;
	overflow: hidden;
	border: 0;
	background: url(/wp-content/uploads/2023/01/search.png) 50% 50% no-repeat #0c4da2 !important;
} */

.top-board {
	display: flex;
	justify-content: space-between;
}

#kboard-default-list .kboard-list table tr {
	background: white !important;
}

#kboard-default-list .kboard-list table td {
	padding: 20px 0 !important;
}

#kboard-default-list .kboard-list table td.kboard-list-uid {
	color: #333;
}

.board-title {
	position: relative;
}

.board-title a {
	display: inline-block;
	transition: all 0.2s ease-in-out;
}

/* .board-title a:hover {
	color: #115eba !important;
}

.board-title:after {
	content: "+";
	display: block;
	width: 54px;
	line-height: 54px;
	font-size: 28px;
	font-weight: 400;
	letter-spacing: -0.04em;
	color: #2c2c2c;
	border-radius: 100%;
	text-align: center;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
} */

.board-title .kboard-default-cut-strings {
	font-size: 18px;
}

.list-sub-info {
	color: #333;
	font-size: 12px;
}

.kboard-document-action {
	display: none;
}

.detail-writer-renew {
	padding-right: 0 !important;
}

.detail-writer-renew .detail-value {
	position: relative;
}

.detail-writer-renew .detail-value::after {
	content: '';
	width: 1px;
	height: 100%;
	background: black;
	position: absolute;
	right: -12px;
}

.detail-date-renew .detail-name,
.detail-writer-renew .detail-name {
	display: none;
}

.kboard-detail-renew .detail-value {
	padding-left: 0 !important;
}

.detail-view-renew {
	float: right !important;
	;
}

.detail-view-renew .detail-name {
	padding-right: 10px;
}

.kboard-content-new {
	border-bottom: 2px solid #333;
}

.kboard-document-navi-renew {
	display: flex;
	flex-flow: column;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding-top: 0px !important;
}

.kboard-prev-document,
.kboard-next-document {
	width: 100% !important;
	float: inherit !important;
	padding: 10px 0px;

}

.kboard-document-navi-renew a {
	display: flex !important;
}

.kboard-document-navi-renew a .navi-arrow {
	position: relative !important;
	padding: 0 20px 0 10px;
	display: flex !important;
	align-items: center;
}

.kboard-document-navi-renew .kboard-prev-document {
	border-bottom: 1px solid #eee;
}

.kboard-document-navi-renew .kboard-prev-document .navi-document-title {
	padding-left: 0px !important;
	;
}

.show-list {
	display: inline-block;
	padding: 15px 0;
}

#kboard-default-document .show-list a {
	height: 35px;
	padding: 0 12px;
	line-height: 34px;
	font-size: 15px;
	background: white !important;
	border: 1px solid #ccc;
}

.fa-angle-left:before,
.fa-angle-right:before {
	font-family: 'FontAwesome';
}

.logo-carousel-free .sp-lc-pagination {
	text-align: right;
}

#logo-carousel-free-8157.sp-lc-container .sp-lc-button-prev:hover,
#logo-carousel-free-8157.sp-lc-container .sp-lc-button-next:hover {
	background-color: #0f4498;
	color: #ffffff;
	border-color: #0f4498;
}

#logo-carousel-free-8157.sp-lc-container .sp-lc-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #0f4498
}

div#logo-carousel-free-8157.logo-carousel-free .sp-lc-logo {
	border: 0px;
}

.logoHover {
	cursor: pointer;
}

@media screen and (min-width:1024px) and (max-width:1100px) {
	#top .av-main-nav>li>a {
		padding: 0 30px;
	}
}

@media screen and (max-width:768px) {
	#full_menu_bg {
		DISPLAY: NONE !IMPORTANT;
	}

	.menu-item {
		display: none !important;
	}

	#top .av-main-nav>li.av-burger-menu-main {
		display: block !important;
		text-align: right;
		padding-right: 10%;

	}

	#main1,
	#main2,
	#main3 {
		background-size: cover;
	}

	.main-3col {
		margin-left: 0% !important;
		width: 100% !important;
	}

	.main-news-box {
		flex-flow: column;
	}

	.main-news-box .main-news-title {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.main-news-title:before {
		top: -10px;
	}

	.main-news-box .main-news-list {
		width: 100%;
	}
}



/*서브페이지 타이틀*/
#sub_top_wrap .template-page {
	padding: 0px !important;
}

#txt-subTitle p {
	margin-bottom: 0px !important;
	font-size: 18px;
	text-align: center;
}

.SubMenuContainer {
	background: rgba(30, 30, 42, 0.9) !important;
	top: -72px;
	height: 72px;
	border: 0px;
}




/*서브페이지 서브메뉴*/
.subSubMenu {
	padding: 0px;
}

.subpage-subMenu-Box {
	position: absolute;
	top: 0;
}

.subpage-subMenu ul {
	margin: 0px;
	display: flex;
	text-align: center;
	height: 72px;
	align-items: center;
	justify-content: center;
}

.subpage-subMenu ul li {
	list-style: none;
	font-size: 18px;
	color: white;
	margin: 0;
	word-break: keep-all;
}


.subpage-subMenu ul li.active a:after {
	display: block;
}

@media screen and (max-width:768px) {

	.subpage-subMenu ul li a {
		font-size: 16px;
	}

	.prodSubMenu {
		overflow-x: auto;
		overflow-y: hidden;
	}

	.prodSubMenu ul li {
		width: 85px !important;
	}

	.prodSubMenu ul li a {
		width: 85px;
		word-break: break-all;
	}

}

/*회사소개*/

.greetingTitleBox {
	background: url('/wp-content/uploads/2024/11/Group-4042.png');
	height: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.greetingTitleBox h2 {
	margin: 0;
	color: #FFF !important;
	text-align: center;
	font-size: 28px;
	font-weight: 300;
	line-height: 40px;
}

.greetingTitleBox h2>.name {
	color: #FFF;
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
}

.ResearchTitleBox {
	background: url(/wp-content/uploads/2024/11/ResearchTitleBox.png);
}

.LabTitleBox {
	background: url(/wp-content/uploads/2025/11/lab-titlebox-1.png);
}

.certTitleBox {
	background: url(/wp-content/uploads/2024/11/cer-titlebox.png);
}

.greeing4colBox {
	display: flex;
	position: relative;
	top: -70px;
	padding: 0 6%;
	margin-bottom: -20px;
}

.greeing4col {
	width: 25%;
	background: white;
	text-align: center;
	padding-top: 3%;
	position: relative;
}

.greeing4col::after {
	content: '';
	bottom: -10px;
	height: 90%;
	width: 2px;
	background: #d7d7d7;
	position: absolute;
	right: 0;
}

.greeing4colBox div:last-child::after {
	display: none;
}

.greeing4col h3 {
	margin: 0;
}

.greeing4col p {
	margin: 0;
}

.greeing4col span {
	color: #777;
	font-size: 16px;
}


.greetingBox p {
	color: #444;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	margin: 26px 0;
	word-break: keep-all;
}

.greetingBox strong {
	color: #034EA2;
	font-family: 'Paperlogy6' !important;
	font-size: 25px;
	font-weight: 600;
	line-height: 27px;
	word-break: keep-all;
}

.greetingBox .employee .empTxt {
	color: #034EA2;
	font-size: 20px;
	font-weight: 500;
	line-height: 27px;
}

.greetingBox .employee strong {
	color: #444;
	font-size: 20px;
	font-weight: 500;
	line-height: 27px;
}

.saupTitleBox {
	position: relative;
}

.saupTitleBox::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background: #d7d7d7;
	left: 0;
	top: 12px;
}

.saupTitleBox h3 {
	z-index: 1;
	background: white;
	display: inline-block;
	padding: 0 38px !important;
	position: relative;
	color: #222;
	font-size: 30px;
	font-weight: 600 !important;
	line-height: 27px;
}

.saupiconList {
	display: flex;
	justify-content: center;
}

.saupiconList .saupicon {
	width: 20%;
	text-align: center;
	position: relative;
}

.saupicon::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	background: #d7d7d7;
	right: 0;
	top: 0;
}

.saupiconList div:last-child::after {
	display: none;
}

.saupiconSubTitle {
	color: #777;
	font-size: 17px;
}


.saup3colTxtBox {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.saup3colTxtBox strong {
	color: #FFF !important;
	font-size: 40px;
	font-weight: 300;
	line-height: 27px;
	opacity: 0.8;
}

.saup3colTxtBox h4 {
	color: #FFF !important;
	font-size: 30px;
	font-weight: 500;
}

.text-line {
	width: 30px;
	height: 4px;
	opacity: 0.8;
	background: #FFF;
	margin: 30px 0;
}

@media screen and (max-width:768px) {
	.greetingBox {
		padding: 0;
	}

	.greeing4colBox {
		flex-wrap: wrap;
	}

	.greeing4col {
		width: 50%;
	}

	.greeing4col::after {
		display: none;
	}

	.saup3colBox {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.saupiconList {
		flex-wrap: wrap;
	}

	.saupiconList .saupicon {
		width: 50%;
		margin: 10px 0;
	}

	.saupicon::after {
		display: none;
	}

	.page-id-16 .flex_column.av-lduxwp1j-fd02da3ef51376941b101361ea12485d,
	.page-id-16 .flex_column.av-lduxwz6b-49d811f34ef0e1f93390f4eeff7ddb10,
	.page-id-16 .flex_column.av-lduxx7yn-bebea8fe41a5fa672306141d80f75b78 {
		background-position: 50% 0%;
	}
}


.page-id-16 .flex_column.av-lduxwz6b-49d811f34ef0e1f93390f4eeff7ddb10,
.page-id-16 .flex_column.av-lduxx7yn-bebea8fe41a5fa672306141d80f75b78 {
	min-height: 534px !important
}

/*조직도*/

.page-id-18 .greetingTitleBox,
.page-id-1328 .greetingTitleBox {
	background: url('/wp-content/uploads/2024/11/Group-4043.png');
	height: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
}


/*오시는길*/

.mapBox .root_daum_roughmap {
	width: 100% !important;
}

.map-container .wrap_controllers {
	display: none;
}

.map-4col {
	text-align: center;
}

.map-4col .map-4col-txt {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	margin-top: 30px;
	margin-bottom: 80px;
}

.map-4col .map-4col-txt br {
	display: none;
}

.map-4col .map-4col-txt .map-txt br {
	display: block;
}

.map-4col .map-4col-txt strong {
	font-size: 20px;
	color: #123c6b;
	font-weight: 600;
}

.map-4col .map-4col-txt span {
	font-size: 18px;
	line-height: 24px;
	color: #444444;
	font-weight: 400;
	margin-top: 5px;
}

/* @media screen and (max-width:768px) {
	.map4colBox {
		width: 50% !important;
	}
} */




/*연구분야*/
.processing {
	position: relative;
}

.processing::after {
	content: url(/wp-content/uploads/2023/02/sunbio_sub_02_01_research_03_07.png);
	position: absolute;
	width: 64px;
	height: 71px;
	top: 40%;
	clear: none;
	visibility: visible;
	right: -20%;
}

.processing-last::after {
	display: none;
}

.processingList .processingImg img {
	vertical-align: middle;
}

.processingImg {
	text-align: center;
}

.processingTxt {
	width: 274px;
	margin: 0 auto;
	text-align: center;
	background: #4950bf;
	color: #fff;
	padding: 20px;
	font-size: 17px;
}

.facilityTxt {
	width: 274px;
	margin: 0 auto;
	text-align: center;
	background: #4950bf;
	color: #fff;
	padding: 20px;
	font-size: 17px;
	position: absolute;
	top: 0;
	left: 22px;
}


.fieldTitleBox {
	background: url(/wp-content/uploads/2023/02/sunbio_sub_02_01_research_img_01.jpg);
	height: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fieldTitleBox h2 {
	color: #fff;
	text-align: center !important;
	line-height: initial;
	margin: 0;
	letter-spacing: 0px !important;
}

@media screen and (max-width:768px) {
	.facilityTxt {
		left: 0;
	}

	.fieldTitleBox {
		padding: 20px;
		word-break: keep-all;
	}

	.fieldTitleBox h2 {
		font-size: 24px;
	}

	.fieldTitleBox h2 br {
		display: none;
	}

	.researchFieldContainer .entry-content-wrapper {
		display: flex;
		flex-flow: column;
	}

	.processing::after {
		display: none;
	}


}


/*핵심기술*/
.coretechTitleBox {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_02_02_img_01.jpg');
	height: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.coretechTitleBox h2 {
	color: white;
	text-align: center;
	line-height: initial;
	margin: 0;
	letter-spacing: 0px !important;

}

.coreTech4colBox {
	display: flex;
	position: relative;
	top: -70px;
	padding: 0 6%;
	margin-bottom: -20px;
}

.coreTech4col {
	width: 25%;
	background-color: #fff;
	padding-top: 3%;
	padding-left: 2%;
	padding-bottom: 3%;
	position: relative;
}

.coreTech4col2 {
	width: 25%;
	background-color: #545ac7;
	padding: 2%;
	position: relative;
}

.coreTech4col:not(.coreTech4col:last-child)::after {
	content: '';
	bottom: 0px;
	height: 100%;
	width: 1px;
	background: #e1e1e1;
	position: absolute;
	right: 0;
}

.coreTech4col li {
	font-size: 16px;
	color: #666666;
}

.coreTech4col2 h3 {
	color: #fff;
}

.coreTech4col2 p {
	margin: 0;
	text-align: right;
	padding-top: 10px;
}

.coreTech4col2:not(.coreTech4col2:last-child)::after {
	content: '';
	bottom: 0px;
	height: 100%;
	width: 2px;
	background: #fff;
	position: absolute;
	right: 0;
}


.corTech5colImg {
	text-align: center;
}

.coreTech5col .coreTech5colTxt {
	color: #fff;
	text-align: center;
	padding: 5px 8px;
	position: absolute;
	bottom: 20px;
	left: 1%;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}


.coreTech5col .coreTech5colTxt strong {
	color: #fff;
	font-size: 20px;
}

.subTxt {
	font-family: 'Roboto';
	font-size: 17px;
}

.coreTechTable tr th {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	background-color: #343595;
	border: 1px solid #343595;
	color: #fff;
	height: 65px;
}

.coreTechTable tr:nth-child(2) td {
	font-size: 18px;
	font-weight: 500;
	color: #343595;
	text-align: center;
	background-color: #f7f7ff;
	border-top: 1px solid #f7f7ff;
	border-right: 1px solid #f7f7ff;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #f7f7ff;
}


.coreTechTable tr:nth-child(3) td {
	background-color: #fff;
	color: #666666;
	height: 240px;
	padding: 30px;
	font-size: 16px;
	border: 1px solid #ddd;
	vertical-align: middle;
	height: 300px;
}

.coreTechTable td ul {
	margin: 0;
}

.coreTechTable td li {
	list-style-type: '- ';
}

@media screen and (max-width:768px) {
	.coretechTitleBox {
		padding: 20px;
		word-break: keep-all;
	}

	.coretechTitleBox h2 {
		font-size: 24px;
	}

	.coretechTitleBox h2 br {
		display: none;
	}

	.coreTech4col {
		border: 1px solid #ddd;
	}

	.coreTech4colBox {
		flex-direction: column;
	}

	.coreTech4col,
	.coreTech4col2 {
		width: 100%;
	}

	.coreTech4col2:not(.coreTech4col2:last-child)::after {
		display: none;
	}

	.coreTech4col:not(.coreTech4col:last-child)::after {
		display: none;
	}

	.coreTech4colBox {
		flex-flow: wrap;
	}

	.coreTech4col,
	.coreTech4col2 {
		width: 55%;
		margin-bottom: 5%;
	}

	.coreTech4col2 {
		width: 45%;
	}

	.coreTech4col ul {
		margin-bottom: 0;
	}

	.coreTech4col li {
		font-size: 14px;
		word-break: keep-all;
	}

	.coreTechnologyContainerStrains .entry-content-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.coreTechnologyContainerStrains .entry-content-wrapper .coreTechnology5col {
		width: 49% !important;
	}
}


/*연구사업현황*/

.statusTitleBox {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_02_research-project_01_img-1.png');
	height: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.statusTitleBox h2 {
	color: white;
	text-align: center;
	line-height: initial;
	margin: 0;
	letter-spacing: 0px !important;

}

.researchProjectTable tr th,
.researchProjectTable tr td {
	text-align: center;
	vertical-align: middle;
	padding: 12px;
}

.researchProjectTable thead th {
	background-color: #3b3d9f;
	font-size: 17px;
	font-weight: normal;
	color: #fff;
	border: 0;
}

.researchProjectTable thead th:first-child {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

.researchProjectTable thead th:last-child {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}


.researchProjectTable tbody td {
	font-size: 16px;
	background-color: #fff;
	color: #333;

}

.researchProjectTable tbody td:first-child {
	border-top: 0px solid #fff;
	border-left: 0px solid #fff;
}

.researchProjectTable tbody td:last-child {
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
}

.researchProjectTable tbody td:nth-child(2n) {
	background-color: #f8f8ff;
	color: #555;
}

.researchProjectTable tbody td:nth-child(2n+1) {
	color: #777;
}

.researchProjectTable tbody td:nth-child(3n) {
	text-align: left;
}

@media screen and (max-width:768px) {
	.statusTitleBox {
		padding: 20px;
		word-break: keep-all;
	}

	.statusTitleBox h2 {
		font-size: 24px;
	}

	.statusTitleBox h2 br {
		display: none;
	}

	.researchBox {
		overflow: auto;
	}

	.researchProjectTable thead th {
		font-size: 14px;
		word-break: keep-all;
	}

	.researchProjectTable tbody td {
		font-size: 12px;
	}

}



/*특허보유현황*/
.patentTitleBox {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_02_Patent_01_img.png');
	height: 340px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.patentTitleBox h2 {
	color: white;
	text-align: center;
	line-height: initial;
	margin: 0;
	letter-spacing: 0px !important;

}

.patentHoldingTable tr th,
.patentHoldingTable tr td {
	text-align: center;
	vertical-align: middle;
	padding: 12px;
	word-break: keep-all;
}

.patentHoldingTable thead th {
	background-color: #3b3d9f;
	font-size: 17px;
	font-weight: normal;
	color: #fff;
	border: 0;
}

.patentHoldingTable thead th:first-child {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

.patentHoldingTable thead th:nth-child(2) {
	width: 55%;
}

.patentHoldingTable thead th:last-child {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}


.patentHoldingTable tbody td {
	font-size: 16px;
	background-color: #fff;
	color: #333;

}

.patentHoldingTable tbody td:first-child {
	border-top: 0px solid #fff;
	border-left: 0px solid #fff;
}

.patentHoldingTable tbody td:last-child {
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
}

.patentHoldingTable tbody td:nth-child(2n) {
	background-color: #f8f8ff;
	color: #555;
}

.patentHoldingTable tbody td:nth-child(2n+1) {
	color: #777;
}


@media screen and (max-width:768px) {
	.patentTitleBox {
		padding: 20px;
		word-break: keep-all;
	}

	.patentTitleBox h2 {
		font-size: 24px;
	}

	.patentTitleBox h2 br {
		display: none;
	}

	.patentBox {
		overflow-x: auto;
	}

	.patentHoldingTable thead th {
		font-size: 14px;
		word-break: keep-all;
	}

	.patentHoldingTable tbody td {
		font-size: 12px;
	}
}


/*제품*/
.productTitleBox {
	width: 100%;
	margin: auto;
	margin-top: 50px;
}

.sunproContainer .notMainPage {
	max-width: 1105px !important;
}

.prodTitleBox {
	height: 175px;
	background-position: center !important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	background-repeat: no-repeat !important;
	width: 100%;
	margin: auto;
}

.prodTitleBox h2 {
	color: white;
	text-align: center;
	line-height: initial;
	margin: 0;
	letter-spacing: 0px !important;
}

.prodTitleBox .prodSubTitle {
	color: white;
	font-size: 18px;
	word-break: keep-all;
	text-align: center;
	display: block;
}


/*선프로*/
.sunProTitleBox {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_03_sunpro_01_img.png');

}

.sunproEffect {
	width: 65%;
	margin: auto;
	word-break: keep-all;
}

.sunproEffect li {
	font-size: 16px;
	position: relative;
	margin: 0;
	list-style: none;
	margin-bottom: 15px;
}

.sunproEffect li::before {
	content: url(/wp-content/uploads/2023/02/sunbio_sub_03_sunpro_02_icon.png);
	position: absolute;
	top: 4px;
	left: -30px;
}

.sunproPatent {
	display: flex;
	align-items: center;
}

.sunproPatent .sunproPatentTable {
	width: 40%;
	margin-left: 10%;
}

.sunproPatent .sunproPatentTable tr th {
	font-size: 16px;
	background: #4950bf;
	color: white;
	font-weight: 500;
	vertical-align: middle;
}

.sunproPatent .sunproPatentTable tr td {
	color: #333;
}

.sunproIngredients {
	display: flex;
	align-items: center;
}

.sunproIngredients .sunproIngredientsTable {
	width: 62%;
}

.sunproIngredients .sunproIngredientsTable tr th {
	font-size: 16px;
	background: #4950bf;
	color: white;
	font-weight: 500;
	vertical-align: middle;
}

.sunproIngredients .sunproIngredientsTable tr td {
	font-size: 14px;
	color: #333;
	background: white;
	vertical-align: middle;
}

.sunproIngredients .sunproIngredientsImg {
	width: 40%;
	margin-left: 5%;
	text-align: center;
}

.sunproUsage {
	display: flex;
	justify-content: space-between;
}

.sunproUsage .sunproUsage4colBox {
	width: 24%;
	height: 403px;
}

.sunproUsage .sunproUsage4colBox1 {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_03_sunpro_06_img_01.png');
}

.sunproUsage .sunproUsage4colBox2 {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_03_sunpro_06_img_02.png');
}

.sunproUsage .sunproUsage4colBox3 {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_03_sunpro_06_img_03.png');
}

.sunproUsage .sunproUsage4colBox4 {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_03_sunpro_06_img_04.png');
}

.sunproUsage .sunproUsage4colBox strong {
	height: 25%;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: end;
	color: white;
	font-size: 18px;
}

.sunproUsage .sunproUsage4colBox .usage1 {
	height: 45%;
	color: white;
	padding: 33px 0 0px 33px;
}

.sunproUsage .sunproUsage4colBox .usage2 {
	height: 30%;
	color: white;
	padding: 0px 0 0px 33px;
}

@media screen and (max-width:768px) {

	.sunproEffect {
		width: 80%;
	}

	.sunproPatent {
		flex-flow: column;
	}

	.sunproPatent .sunproPatentTable {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.sunproIngredients {
		flex-flow: column-reverse;
	}

	.sunproIngredients .sunproIngredientsTable {
		width: 100%;
		word-break: keep-all;
	}

	.sunproIngredients .sunproIngredientsTable tr th {
		font-size: 14px;
	}

	.sunproIngredients .sunproIngredientsImg {
		width: 100%;
		margin-left: 0;
	}

	.sunproUsage {
		flex-wrap: wrap;
	}

	.sunproUsage .sunproUsage4colBox {
		width: 49%;
		margin-bottom: 2%;
		height: 320px;
		background-size: cover;
	}

	.sunproUsage .sunproUsage4colBox strong {
		height: 15%;
	}

	.sunproUsage .sunproUsage4colBox .usage1 {
		height: 50%;
		padding: 15px 0 0 10px;
		word-break: keep-all;
	}

	.sunproUsage .sunproUsage4colBox .usage2 {
		padding: 0px 0 0 10px;
		word-break: keep-all;
	}
}

/*비에스선*/
.bsSunTitleBox {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_03_bs-sun_01_img.png');
}

.effectSubList li {
	margin-bottom: inherit
}

.effectSubList li::before {
	content: '-';
	left: -15px;
}

.bssunIngredient {
	display: flex;
	justify-content: space-between;
}

.bssunIngredient .bssunIngredientTbBox {
	width: 55%;
}

.bssunIngredientTbBox .bssunIngredientTable1 {
	border: none;
}

.bssunIngredientTbBox .bssunIngredientTable1 tr th {
	font-size: 16px;
	background: #4950bf;
	color: white;
	font-weight: 500;
	border: none;
	vertical-align: middle;
}

.bssunIngredientTbBox .bssunIngredientTable1 tr td {
	color: #333;
	font-size: 14px;
	border: none;
	background: white;
}

.bssunUsageBox {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.bssunUsageBox .bssunUsageImg {
	margin-right: 7%;
	display: flex;
	align-items: center;
}

.bssunUsageBox .bssunUsageImg .bssunUsagebg {
	display: flex;
	height: 144px;
	background-repeat: no-repeat;
	width: 143px;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: white;
	font-size: 18px;
}

.bssunUsageBox .bssunUsageImg .bssunUsagebg1 {
	background: url(/wp-content/uploads/2023/02/sunbio_sub_03_bs-sun_04_img_01.png);
}

.bssunUsageBox .bssunUsageImg .bssunUsagebg2 {
	background: url(/wp-content/uploads/2023/02/sunbio_sub_03_bs-sun_04_img_02.png);
}

.bssunUsageBox .bssunUsageImg .bssunUsagebg3 {
	background: url(/wp-content/uploads/2023/02/sunbio_sub_03_bs-sun_04_img_03.png);
}

.bssunUsageBox .bssunUsageTxt {
	display: flex;
	align-items: center;
	width: 45%;
	border-bottom: 1px solid #333;
	padding: 30px 0;
}

.bssunUsage div:first-child .bssunUsageTxt {
	border-top: 1px solid #333;
}

.bssunUsageBox .bssunUsageTxt div {
	width: 50%;
}

.bssunUsageBox .bssunUsageTxt div ul {
	margin-bottom: 0px;
}

.bssunUsageBox .bssunUsageTxt div ul li {
	list-style: none;
}

@media screen and (max-width:768px) {
	.bssunIngredient {
		flex-flow: column-reverse;
	}

	.bssunIngredient .bssunIngredientTbBox {
		width: 100%;
	}

	.bssunUsageBox {
		flex-flow: column;
	}

	.bssunUsageBox .bssunUsageImg {
		margin-right: 0px;
		justify-content: center;
	}

	.bssunUsage div:first-child .bssunUsageTxt {
		border-top: 0px;
	}

	.bssunUsageBox .bssunUsageTxt {
		width: 100%;
	}

	.bssunUsageBox .bssunUsageTxt div ul li {
		margin: 0;
	}
}

/*쿨샷*/
.coolShotTitleBox {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_03_cool-shot_01_img.png');
}

.coolShot3colTitle {
	margin: 30px 0 50px 0;
	text-align: center;
	font-size: 20px;
}

.coolShot3col {
	display: flex;
	justify-content: space-between;
}

.coolShot3colBox .subBox {
	position: relative;
	color: white;
	top: -30px;
	width: 80%;
	display: block;
	margin: auto;
	background: #4950bf;
	text-align: center;
	font-size: 16px;
	padding: 11px 0;
}

.coolShot3colBox ul li {
	margin-left: 40px;
	list-style: none;
	position: relative;
	font-size: 14px;
}

.coolShot3colBox ul li::before {
	content: '-';
	position: absolute;
	left: -10px;
	top: 3px
}

.coolShotHowUse {
	display: flex;
}

.coolShotHowUse .coolShotHowBox {
	width: 33.3333%;
	border: 1px solid #dadada;
	padding: 50px;
	text-align: center;
	font-size: 16px;
	border-right: 0px;
}

.coolShotHowUse div:last-child {
	border-right: 1px solid #dadada;
}

.coolShotIngredient {
	display: flex;
	justify-content: center;
	align-items: center;
}

.coolShotIngredient .coolShotIngredientTable {
	width: 55%;
}

.coolShotIngredient .coolShotIngredientTable tr th {
	font-size: 16px;
	background: #4950bf;
	color: white;
	font-weight: 500;
	vertical-align: middle;

}

.coolShotIngredient .coolShotIngredientTable tr td {
	font-size: 14px;
	color: #333;
	background: white;
}

.coolShotIngredient .coolShotIngredientImg {
	margin-left: 15%;
}

.coolShotCaution {
	display: flex;
}

.coolShotCaution .coolShotCautionBox {
	width: 20%;
	text-align: center;
}

.coolShotCaution .coolShotCautionBox img {
	margin-bottom: 10px;
}

.bssunUsageBox .bssunUsageImg .coolShotUsagebg1 {
	background: url(/wp-content/uploads/2023/02/sunbio_sub_03_cool-shot_07_img_01.png);
	width: 158px;
	height: 158px;
	text-align: center;
}

.bssunUsageBox .bssunUsageImg .coolShotUsagebg2 {
	background: url(/wp-content/uploads/2023/02/sunbio_sub_03_cool-shot_07_img_02.png);
	width: 158px;
	height: 158px;
	text-align: center;
}

.bssunUsageBox .bssunUsageImg .coolShotUsagebg3 {
	background: url(/wp-content/uploads/2023/02/sunbio_sub_03_cool-shot_07_img_03.png);
	width: 158px;
	height: 158px;
	text-align: center;
}

.coolShotUsageTxt ul li {
	text-align: center;
}

.greybgBox {
	background: #f0f1f6;
	font-size: 16px;
	color: #141263;
	padding: 20px;
	text-align: center;
	font-weight: 500;
}

@media screen and (max-width:768px) {
	.coolShot3col {
		flex-wrap: wrap;
		justify-content: center;
	}

	.coolShot3colBox ul li {
		margin-left: 0;
		font-size: 16px;
	}

	.coolShotHowUse {
		flex-wrap: Wrap;
	}

	.coolShotHowUse .coolShotHowBox {
		width: 100%;
		border: 1px solid #dadada;
		border-bottom: 0px;
	}

	.coolShotHowUse div:last-child {
		border-bottom: 1px solid #dadada
	}

	.coolShotIngredient {
		flex-flow: column-reverse;
	}

	.coolShotIngredient .coolShotIngredientTable {
		width: 100%;
	}

	.coolShotCaution {
		flex-wrap: wrap;
	}

	.coolShotCaution .coolShotCautionBox {
		width: 50%;
		margin: 10px 0;
	}

}

/*네추럴 플러스*/
.naturePlusTitleBox {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_03_natural-plus_01_img.png');
}

/*락토스타*/
.rockstarTitleBox {
	background: url('/wp-content/uploads/2023/02/sunbio_sub_03_lactostar_01_img.png');
}

.rockstargreybgBox {
	margin-bottom: 50px;
}

.rockstartHowUse {
	display: flex;
	margin-bottom: 50px;
}

.rockstartHowUse .rockstartHowBox {
	width: 50%;
	border: 1px solid #dadada;
	text-align: center;
	padding: 30px 0;
	font-size: 16px;
	border-right: 0px;
}

.rockstartHowUse div:last-child {
	border-right: 1px solid #dadada;
}

@media screen and (max-width:768px) {
	.rockstartHowUse .rockstartHowBox {
		word-break: keep-all;
	}
}

/*잘그로*/
.jalgroTitleBox {
	background: url('/wp-content/uploads/2023/02/sunbio_product_06_img_01.png');
}

.jalgroEffectList {
	display: flex;
}

.jalgroEffectList .jalgroEffectListBox {
	width: 50%;
}

.jalgroPoint {
	text-align: center;
	font-size: 18px;
	line-height: 50px;
	word-break: keep-all;
}

.jalgroHowUse table tr th {
	font-size: 16px;
	background: #4950bf;
	color: white;
	font-weight: 500;
	vertical-align: middle;
	text-align: center;
}

.jalgroHowUse table tr td {
	font-size: 15px;
	color: #666;
	background: white
}

.jalgroHowUse table tr td:first-child {
	text-align: center;
	vertical-align: middle;
	color: #4950bf;
	font-size: 16px;
	border-lefT: 0px;
	word-break: keep-all;
}

.jalgroHowUse table tr td:last-child {
	border-right-color: white;
}

.jalgroHowUse table tr:last-child td {
	color: #666;
}

.jalgroHowUse table tr td strong {
	color: #555;
}

.jalgroHowUse table tr td ul {
	margin: 0;
}

.jalgroHowUse table tr td ul li::marker {
	color: #4950bf
}

@media screen and (max-width:768px) {
	.jalgroEffectList {
		display: block;
	}

	.jalgroEffectList .jalgroEffectListBox {
		width: 100%;
	}

	.jalgroIngredients {
		flex-flow: column;
	}
}


/*문의하기*/
#mytextarea {
	resize: none;
}

.contactSubTitle {
	text-align: center;
	font-size: 18px;
}

.inquiry-form {
	border-top: 1px solid #7b81dc !important;
	border-bottom: 1px solid #7b81dc !important;
	padding: 15px 50px;
	padding-top: 35px;
}

.inquiry-form input {
	margin-bottom: 20px !important;
}

.form-col {
	display: flex;
}

.form-col .name {
	width: 10%;
	text-align: right;
	padding-righT: 20px;
	color: #141263;
	font-size: 16px;
	font-weight: 500;
}

.form-col div:last-child {
	width: 88%;
}

.inquiry-form div p {
	margin: 0 !important;
}

.mytextareaBox {
	text-align: right;
	margin-top: 50px;
}

#mytextarea {
	margin-bottom: 5px !important;
}

.mytextareaBox label {
	display: flex;
	align-items: center;
}

.submitBox {
	text-align: center;
}

.submitBox input {
	background: #7b81dc !important;
	padding: 7px 60px;
	font-size: 16px;
}

@media screen and (max-width:768px) {
	.contactSubTitle {
		margin-bottom: 50px;
		word-break: keep-all
	}

	.inquiry-form {
		padding: 15px 25px;
	}

	.form-col {
		flex-flow: column;
	}

	.form-col .name {
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
	}

	.form-col div:last-child {
		width: 100%;
	}

	.submitBox .wpcf7-spinner {
		display: none;
	}
}

/*서브서브타이틀 모바일*/

@media screen and (max-width:768px) {
	.greetingTitleBox h2 {
		font-size: 20px;
		padding: 10px;
		line-height: normal;
	}

	.visionTitleBox h2 {
		font-size: 24px;
	}

	.hisTitleBox h2 {
		font-size: 24px;
	}
}


/*푸터*/
#socket .copyright {
	margin-top: 20px;
	margin-bottom: 20px;
}

footer .sub_menu_socket {
	display: none;
}

footer .container {
	max-width: 1400px !important;
	padding-left: 0;
	padding-right: 0;
}

.footerBox {
	display: flex;
}

.footerBox div {
	padding: 0 7px;
	position: relative;
}

.footerBox strong {
	font-size: 18px;
	font-weight: bold;
	display: block;
	color: #0c4da2;
	margin-bottom: 5px;
}

.footerBox span {
	font-size: 16px;
	padding: 0 5px;
}

.footerBox .footer-logoBox {
	width: 265px;
	border-right: 1px solid #dfdfdf
}

.footerBox .footer-contents {
	margin-left: 50px;
	font-size: 16px;
	line-height: 24px;
	color: #888;
}

.footerBox .footer-contents a {
	color: #888;
}



@media screen and (max-width:768px) {
	#avia3-menu {
		display: none;
	}

	.footerBox {
		display: block;
	}

	.footerBox div {
		padding: 0;
	}

	.footerBox .footer-logoBox {
		border-right: 0px;
	}

	.footerBox .footer-contents {
		margin-left: 0px;
		font-size: 14px;
		line-height: 20px;
	}
}

/*영문*/

/*영문-메인*/
.main-3col-txtBox-en .txt-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 142px;
}

.main-3col-txtBox-en .txt-box .txt br {
	display: none;
}

.main-3col-txtBox-en .txt-box .plus-box {
	top: 0%;
}

/*영문-선프로*/
.sunproUsage .sunproUsage4colBox-en {
	height: 394px;
}

.sunproUsage .sunproUsage4colBox-en .usage1 {
	height: 60%
}


@media screen and (max-width:768px) {
	#kboard-default-list .kboard-search button {
		width: 33% !important
	}

	#kboard-default-list form {
		display: flex;
		justify-content: center;
	}
}


/*영문-공지사항*/
#kboard-search-form-24,
#kboard-search-form-25,
#kboard-search-form-26 {
	display: flex;
}

#kboard-search-form-24 input,
#kboard-search-form-25 input,
#kboard-search-form-26 input {
	height: 44px !important;
}

#kboard-search-form-24 button,
#kboard-search-form-25 button,
#kboard-search-form-26 button {
	height: 46px;
	float: left;
	display: block;
	width: 80px;
	height: 46px;
	text-indent: -9999em;
	overflow: hidden;
	border: 0;
	background: url(/wp-content/uploads/2023/01/search.png) 50% 50% no-repeat #0c4da2 !important;
}

/*영문 - 문의하기*/
.form-colEn .nameEn {
	width: 16%;
}

@media screen and (max-width:768px) {
	.form-colEn .nameEn {
		width: 100%;

	}

}


#main .section {
	height: 100vh;
}

#main .section .container {
	height: 100%;
}

#main .section .container .template-page {
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.research-table {
	margin-top: 50px;
}

.research-table table {

}


.research-table table thead tr td {
    background-color: #007eb0;
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding: 15px 10px;
}

.research-table table tbody tr td {
	text-align: center;
    font-size: 18px;
    background-color: #fff;
    vertical-align: middle;
    color: #333;
	padding: 20px 10px;
}

#kboard-ocean-gallery-list .kboard-list {
  display: flex;
  justify-content: flex-start;
}

#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item {
  width:30% !important;
}

#kboard-ocean-gallery-list .kboard-list .kboard-gallery-item a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail {
  width: 100% !important;
  height: 300px !important;
}

#kboard-ocean-gallery-list .kboard-list .kboard-gallery-thumbnail img {
  width: 100% !important;
  height: 300px !important;
}

#kboard-ocean-gallery-list .kboard-list .kboard-date {
  font-size: 14px !important;
  color: #777 !important;
}

#kboard-ocean-gallery-list .kboard-list .kboard-gallery-title {
  white-space: nowrap !important;
  height: auto !important;
  font-size: 22px;
  margin: 16px 0;
  font-weight: 600;
  text-align: start;
}

#kboard-ocean-gallery-list .kboard-list .kboard-gallery-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: left;
  font-size: 16px;
  color: #444;
  line-height: 24px;
}

#kboard-ocean-gallery-list .kboard-pagination .kboard-pagination-pages li a {
  border-radius: 50% !important;
  background-color: #eaeaea !important;
  border: none !important;
  height: 28px !important;
  line-height: 28px !important;
  font-size: 14px !important;
  padding: 0 11px !important;
  display: block;
  font-weight: 300 !important;
}

#kboard-ocean-gallery-list .kboard-search select {
  max-width: 150px !important;
  width: 110px !important;
  height: 40px !important;
  font-size: 18px !important;
  color: #333 !important;
  border-radius: 5px !important;
  appearance: menulist !important;
  background: none !important;
  background-color: #fff;
  padding: 0 5px !important;
}

#kboard-ocean-gallery-list .kboard-search input {
  max-width: 300px !important;
  width: 300px !important;
  height: 40px !important;
  font-size: 18px !important;
  color: #333 !important;
  border-radius: 5px !important;
  padding: 0 5px !important;
}

#kboard-ocean-gallery-list .kboard-search button {
  max-width: 70px !important;
  width: 70px !important;
  height: 40px !important;
  font-size: 18px !important;
  color: #fff !important;
  border-radius: 5px !important;
  background-color: #3583c1 !important;
  padding: 0 10px !important;
}

@media (max-width: 1000px) {
	 #main .section {
		height: 100%;
	}
}

@media (max-width: 768px) {
  #kboard-ocean-gallery-list .kboard-list {
    flex-direction: column;
  }

  #kboard-ocean-gallery-list .kboard-list .kboard-gallery-item {
    width: auto !important;
  }

  #kboard-ocean-gallery-list .kboard-search select {
    display: none !important;
  }

  #kboard-ocean-gallery-list .kboard-search input {
    width: 244px !important;
  }

 
}