/* 
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 */

/**********************************/
/* champion.or.kr */
/* 한국과학기술상용화협회 */
/* 2024-02-15 */
/**********************************/

/*****************/
/*     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(fullmenu)
/*****************/
.header-menu-wrap {max-width: 1480px; margin: auto;}
.header-menu-wrap,
.header-menu-wrap > .elementor-widget-wrap,
.header-menu-wrap > .elementor-widget-wrap > .elementor-widget-shortcode {position: unset;}
.header-menu-wrap .header-left {min-width: 200px;}
.header-menu-wrap .header-center {min-width: calc(100% - 400px);}
.header-menu-wrap .header-right {min-width: 200px;}
.header-menu-wrap > .elementor-widget-wrap {display: flex; flex-wrap: nowrap; width: 100%;}
.header-menu-wrap .elementor-widget {margin-bottom: unset;}

.header-menu-wrap .mobile-menu {position: absolute; top: 0px;background-color: #ffffff; height: 92px;}
.header-menu-wrap .mobile-menu .elementor-menu-toggle {z-index: 1;}
.header-menu-wrap .mobile-menu .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
    height: 100vh;
    position: absolute;
    top: 80px;
    left: -15px;
    right: -15px;
	display: flex;
    justify-content: center;
}
.header-menu-wrap .mobile-menu .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container .elementor-nav-menu {
    height: fit-content;
    margin-top: 30px;
	width: calc(100% - 50px);
}
.header-menu-wrap .mobile-menu .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container .elementor-nav-menu li {border-bottom: solid 1px #ddd;}
.header-menu-wrap .mobile-menu .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container .elementor-nav-menu .sub-menu li {border-bottom: none; width: calc(50% - 2px); display: inline-block;}
.header-menu-wrap .mobile-menu .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container .elementor-nav-menu .sub-menu li .elementor-sub-item.elementor-item-active {background-color: #004b98;}
.header-menu-wrap .mobile-menu .elementor-nav-menu--dropdown .elementor-item.highlighted,
 .elementor-nav-menu--dropdown .elementor-item:focus,
 .elementor-nav-menu--dropdown .elementor-item:hover,
.header-menu-wrap .mobile-menu .elementor-item.elementor-item-active {background-color: unset; color: #0e7b80;}
.header-menu-wrap .mobile-menu .sub-menu .elementor-sub-item {font-size: 14px !important; font-weight: 400 !important; border-left: none;}
.header-menu-wrap .mobile-menu .sub-menu li:last-child {margin-bottom:25px;}


.elementor-location-header {
    position: fixed;
    z-index: 11;
    width: 100%;
    background-color: #fff;
}
.header-menu-wrap .mobile-menu .elementor-nav-menu__container:after {
    content: " ";
    display: block;
	border: solid 1px #eee;
    height: 80px;
    margin-top: 25px;
}

.section {/*padding-top:120px;*/}
.section:last-child {padding-top:0px;}

.header-menu-wrap .header-call-mobile {
	height: 92px;
	position: absolute;
	top: 0;
    align-items: center;
    justify-content: center;
}
.header-menu-wrap .call-icon {
    position: absolute;
    right: 120px;
    width: auto;
    padding-bottom: 5px;
}


/*------------------------*/

#top_menu {
	display: flex;
	column-gap: 0px;
	height: 120px; /* .bottom_menu top값과 같게 */
	width: 100%;
	padding-inline-start: 0;
}
#top_menu li {
    display: flex;
    align-items: center;
    font-size: 21px;
    font-weight: 500;
	width:inherit;
    justify-content: center;
	text-align: center;
	line-height: 1.3;
	padding-top: 10px;
}
#top_menu li.hold {pointer-events: none; opacity: 0.4;}
#top_menu li a {color:#333333;}
#top_menu .hidden, .bottom_menu .hidden {display:none;}
#container_wr {
	display: flex;
	column-gap: 0px;
	justify-content: center;
	max-width: 800px;
    margin: auto;
}
.bottom_menu {
    position: absolute;
    top: 120px;
    left: 0;
    background-color:#ffffff;
    width: 100%;
	border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
}

.bottom_menu #container_wr ul {
    width: 100%;
	max-width: inherit;
    text-align: center;
	padding: 21px 0 30px 0;
    list-style: none;
}
.bottom_menu #container_wr ul li {font-size: 1.05rem; line-height: 2.3;}
.bottom_menu #container_wr ul li a {color:#333333; }
.bottom_menu #container_wr ul li.hold {pointer-events: none; opacity: 0.4;}
.bottom_menu #container_wr ul li:hover a {color: #333333 !important; font-weight: 600;}

/*모바일메뉴 하단 이미지*/
.header-menu-wrap .mobile-menu .menu-item-1053 {border-bottom: none !important;}
.header-menu-wrap .mobile-menu .menu-item-1053 .elementor-item,
.header-menu-wrap .mobile-menu .menu-item-1053 .elementor-item.elementor-item-active,
.header-menu-wrap .mobile-menu .menu-item-1053 .elementor-item.highlighted,
.header-menu-wrap .mobile-menu .menu-item-1053 .elementor-item:focus,
.header-menu-wrap .mobile-menu .menu-item-1053 .elementor-item:hover {background-color: transparent; padding: 15px 40px 15px 5px;}
/* 헤더 기타 */
.elementor-nav-menu .sub-arrow {display:none !important;}




/*********************/
/* titlebar
/*********************/
#titlebar .banner-wrap {
    width: 335px;
    height: 136px;
    position: absolute;
    top: 0;
    right: 0;
}
#titlebar .txt-wrap.titlebar-heading h1 {font-size: 3.4em; font-weight: 800;}
#titlebar .txt-wrap.titlebar-heading p {font-size: 1.1em; line-height: 1.3;}


/*********************/
/* common
/*********************/
.title-wrap > .elementor-widget-container {height: auto !important;}
.title-wrap h1 {
    color: #000;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 2em;
}
.title-wrap p {
    font-size: 21px;
    font-weight: 400;
    color: #444;
}
.title-wrap:after {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background-color: #000000;
    margin: 15px auto 15px;
}
#titlebar .titlebar-title p span {
	color: #1fc7a0 !important;
}
#titlebar .titlebar-title img {
	filter: hue-rotate(340deg);
}
/* button */
.btn-img .elementor-button-icon svg {width: 1.2em;}

/*********************/
/* MAIN
/*********************/
#main-s1 .elementor-widget-slides {}
#main-s1 .elementor-widget-slides .swiper-slide-bg {background-position: bottom;}
#main-s1 .elementor-widget-slides .swiper-slide-inner {align-items: flex-start; padding:180px 0 0;}
#main-s1 .elementor-widget-slides .swiper-slide-inner .swiper-slide-contents {width:100%; height: calc(100% - 10px); display: flex; align-items: flex-end;}
#main-s1 .elementor-widget-slides .swiper-slide-inner .swiper-slide-contents .elementor-slide-heading {text-align: left;}
#main-s1 .elementor-widget-slides .swiper-slide-inner .swiper-slide-contents .elementor-slide-description {text-align: right;padding-right:15px}

#main-s1 .main-slide-banner {
    position: absolute;
    top: auto;
    right: 0;
    z-index: 1;
    width: 535px;
    height: 155px;
}

#main-s1 .icon-notice {
    position: absolute;
    top: 230px;
    left: 67px;
    z-index: 1;
}
#main-s1 .swiper-pagination {z-index: 1;margin-bottom: 20px;}
#main-s1 .swiper-pagination:before {
    content: '';
    background-image: url(/wp-content/uploads/icon-scroll.png);
    display: block;
    width: 39px;
    height: 86px;
    background-repeat: no-repeat;
    background-position: center;
    margin:0 auto 10px;
}

#main-s2 .item-wrap,
#main-s3 .item-wrap {padding: 5px 35px 35px;}
#main-s2 .item-wrap .txt-wrap.title h2,
#main-s3 .item-wrap .txt-wrap.title h2 {font-size: 1.75em; font-weight: 500; color: #000;}


/*********************/
/* SIDE-BAR
/*********************/
.side-wrap #page-submenu {background-color: #ffffff; border-radius: 45px; padding: 23px;}
.side-wrap #page-submenu ul {
	list-style: none;
	padding-inline-start: unset;
	justify-content: center;
	flex-direction: column;
	display: none;
	font-size: 18px;
}
.side-wrap #page-submenu ul.on {display: flex; justify-content: flex-start;}
.side-wrap #page-submenu ul li {padding: 13px 25px 14px; font-weight: 500; border-radius: 30px;}
.side-wrap #page-submenu ul li a {color:#666666;}

.side-wrap #page-submenu ul.on li.on {background-color: #25acdb;}
.side-wrap #page-submenu ul.on li.on a {color: #FFFFFF;}


/*********************/
/* PAGE
/*********************/
/* 주요사업 */
.page-id-581 .titlebar,
.page-id-710 .titlebar,
.page-id-718 .titlebar,
.page-id-723 .titlebar,
.page-id-728 .titlebar {background-image: url('/wp-content/uploads/titlebar-bg2.jpg') !important;}

/* 알림마당 */
.page-id-597 .titlebar,
.page-id-606 .titlebar,
.page-id-611 .titlebar,
.page-id-616 .titlebar,
.page-id-621 .titlebar {background-image: url('/wp-content/uploads/titlebar-bg2.jpg') !important;}


/* 고객지원 */
.page-id-650 .titlebar,
.page-id-655 .titlebar,
.page-id-660 .titlebar,
.page-id-670 .titlebar,
.page-id-675 .titlebar {background-image: url('/wp-content/uploads/titlebar-bg3.jpg') !important;}

.page-wrap {padding-bottom:80px;}
.page-wrap .content-wrap {background-color: #ffffff; border-radius: 45px; padding: 25px 45px 100px;}
.page-wrap .content-wrap > .txt-wrap.title {font-size: 1.75em; font-weight: 500; color: #000;}

.page-wrap .content-wrap {padding-bottom:90px;}

.txt-wrap.history h3 {
	background-color: #25acdb;
    color: #fff;
    padding: 5px 25px 10px;
    border-radius: 25px;
    width: fit-content;
	margin:0;
	font-size: 21px;
}
.txt-wrap.history  ul {
    list-style: none;
    border-left: solid 1px #25acdb;
    margin-left: 35px;
    padding: 15px 0px 20px 20px;
}
.txt-wrap.history  ul li strong {color: #25acdb;}
.items-wrap.col3 .item {width: calc(100% / 3 - 15px);}

.page-wrap .content-wrap .txt-wrap.title h2 {
	font-size: 1.0em; 
	position: relative; 
	width: max-content;
	margin-bottom: 0;
}
.page-wrap .content-wrap .txt-wrap.title h2:before {
    content: '';
    width: 100%;
    height: 6px;
    background-color: #b9edff;
    display: block;
    bottom: 0;
    border-radius: 5px;
    margin-bottom: -30px;
    margin-top: 30px;
}
.page-wrap .content-wrap .elementor-widget-text-editor h5 {
    color: #0071bb;
    border-bottom: solid 2px #0071bb;
    width: fit-content;
    padding: 25px 0px 4px;
	font-size: 18px;
}

.page-wrap .content-wrap .item-head {
    width: 260px;
	text-align: center;
	display: flex;
    justify-content: center;
}
.page-wrap .content-wrap .item-head .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-wrap .content-wrap .item-head h5 {
    color: #1d4484;
    border-bottom: none;
	width: auto;
	padding: unset;
	margin-top: 5px;
	font-weight: 500;
}
.page-wrap .content-wrap .item-head h5  strong {
	color:#16b9ec;
	font-weight: 500;
}
.page-wrap .content-wrap .elementor-widget-text-editor.item p {
	color: #000;
    margin-bottom: 3px;
    margin-top: 15px;
    font-weight: 500;
}
.page-wrap .content-wrap .elementor-widget-text-editor.item ul p { 
	color: unset;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: unset;
    font-size: 14px;
}
.page-wrap .content-wrap .elementor-widget-text-editor.item2 h4 {font-size: 1.3em;}
.items-wrap.step .item {
	width:calc(90% / 4 - 10px) !important;
}
.items-wrap.step .item .elementor-image-box-title p.cap {
	position: absolute;
    top: 0;
    background-color: #1b75bb;
    color: #fff;
    font-size: 0.8em;
    font-weight: 500;
    padding: 2px 7px;
    border-radius: 15px;
}
.items-wrap.step .item .elementor-image-box-title {
    font-size: 18px;
    font-weight: 600;
    color: #0071bb;
    margin-bottom: 10px;
}
.items-wrap.step .item ul {
    font-size: 14px;
    text-align: left;
    padding-inline-start: 25px;
}

/*********************/
/* 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;}


/** 메인 최근글 **/
#kboard-default-latest table thead {display: none;}
#kboard-default-latest table tr td {background: #ffffff;}
#kboard-default-latest table .kboard-latest-title {font-size: 16px !important; padding: 8px 0;}
#kboard-default-latest table .kboard-latest-date {font-size: 16px !important;}
#kboard-default-latest table tr:first-child td {border-top:none;}
#kboard-default-latest table {border-bottom:none !important;}
#kboard-default-latest table td {border-top-color: #dddddd !important;}

/*********************/
/* Elementor 테마관련
/*********************/
#kboard-default-latest table .kboard-latest-title a {color:#000000 !important;}
.kboard-default-new-notify {background-color: #0387e2 !important; padding: 2px 3px 4px !important; border-radius: 3px; vertical-align: text-bottom;}


/*********************/
/* 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 .sub-arrow {display:none;}
	#header .elementor-widget-nav-menu ul.elementor-nav-menu>li {border-bottom: solid 1px #ddd;}
	#header .elementor-widget-nav-menu ul.elementor-nav-menu {padding: 0 10px;}
	#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;}

}

@media (max-width: 767px) {

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

	.header-menu-wrap .header-left {min-width: 150px;}
	.header-right .item1 {z-index: 1; width: 80px; margin-right: 60px;}
	.header-right .login-item {left: -70px;}

	#titlebar {--min-height: 180px;}
	#titlebar > .e-con-inner > .elementor-widget-spacer {--spacer-size:80px;}
	#titlebar .titlebar {border-radius: 20px; padding: 20px; min-height: 180px; height:210px;}
	#titlebar .titlebar  > .e-con-inner {padding: 0px;}
	#titlebar .banner-wrap {background-size: contain; width: 180px; height: 80px; padding: 0;}
	#titlebar .banner-wrap > .e-con-inner {gap:5px;}
	#titlebar .banner-wrap .elementor-widget-image img {width: 46px;}
	#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;}

	#titlebar .txt-wrap.titlebar-heading h1 {font-size: 1.5em; margin-bottom: 8px;}
	#titlebar .txt-wrap.titlebar-heading p {font-size: 14px;}

	.side-wrap #page-submenu ul {flex-direction: row; flex-wrap: wrap; font-size: 14px;}
	.side-wrap #page-submenu ul li {padding: 6px 10px;}
	.side-wrap #page-submenu {border-radius: 20px; padding: 10px;}

	.page-wrap .content-wrap {border-radius: 20px; padding: 15px 10px;}
	.page-wrap .side-wrap {gap:5px; }
	.page-wrap .e-con-inner {gap:5px; padding-top: 0;}

	
	#main-s1 .elementor-widget-slides {}
	#main-s1 .elementor-slides .elementor-slide-button img {height: 30px; width: auto;}
	#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: 50%;}
	#main-s1 .elementor-slides .swiper-slide-inner .elementor-slide-heading {margin-bottom: 5px !important;}


	#main-s1 .img-right img {width: 160px;}
	#main-s1 .main-slide-banner {background-image: none; pointer-events: none;}
	#main-s1 .main-slide-banner .slide-banner1 img {width: 230px; margin-top: -110px;}
	#main-s2 .item-wrap, #main-s3 .item-wrap {padding: 5px 15px 15px;}
	#main-s2 .item-wrap .txt-wrap.title h2, #main-s3 .item-wrap .txt-wrap.title h2 {font-size: 1.2em;}

	.btn-img img {height: 30px; width: auto;}
	.btn-img .elementor-button-icon  {margin-right:10px !important;}
	.btn-img .elementor-button-icon svg {width: 1.0em;}

	.page-wrap .content-wrap .txt-wrap.title h2 {font-size: 18px;}
	.page-wrap .content-wrap .elementor-widget-text-editor h5 {padding: 15px 0px 4px; font-size: 16px; margin-bottom: 10px;}
	.page-wrap .content-wrap .elementor-widget-text-editor.item p {font-size: 14px; margin-top: 10px;}
	.page-wrap .content-wrap .elementor-widget-text-editor.item ul {font-size: 14px; padding-inline-start: 25px;}
	.page-wrap .content-wrap .item-head {width: 100%;}
	.page-wrap .content-wrap .item-head h5 {text-align: left; width: 100%; font-size: 18px; padding: 10px 0px 2px;}
	.page-wrap .content-wrap .item-head img {max-width: 80px;}
	.page-wrap .content-wrap .item-head .elementor-widget-container {flex-direction: row-reverse; justify-content: flex-start; width: 100%;}

	.page-wrap .content-wrap .elementor-widget-text-editor.item ul p {font-size: 14px;}
	.page-wrap .content-wrap .elementor-widget-text-editor.item2 p {font-size: 14px;}
	.page-wrap .content-wrap .elementor-widget-text-editor.item2 h4 {font-size: 16px;}
	.items-wrap.step .item {width: calc(100% / 2 - 4px) !important;}
	.items-wrap.step .item .elementor-image-box-title {font-size: 14px;}
	.items-wrap.step .item ul {font-size: 12px; padding-inline-start: 15px;}





	
}