/* font-family */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
*{font-family:"Noto Sans KR", Sans-serif;}

#menu-item-510 .dropdown-menu,
#menu-item-50 .dropdown-menu{left:-17px !important;}
#menu-item-46 .dropdown-menu{left:-11px !important;}

/* main slider 가운데정렬 */
.swiper-slide-inner .swiper-slide-contents{width: 100%;}

/* 단어위주 줄바꿈 */
div, b, p, span, h1, h2, h3, h4, h5, tr, td {word-break:keep-all !important;}

/* br tag media query */
@media screen and (min-width:769px){
    .onlytablet{display:none;}
  	.onlymobile{display:none;}
		#menu-item-50 > a{padding:17px 0px 17px 28px;}
   }
@media screen and (min-width:451px) and (max-width:768px){
    .onlypc{display:none;}
 		.onlymobile{display:none}
		}
@media screen and (max-width:450px){
    .onlypc{display:none;}
  	.onlytablet{display:none;}
    }

/* basic gallery */
.elementor-slideshow__footer {display: none;}

/* 게시판 미디어 추가-삭제 */
#insert-media-button {display: none;}

/* 좋아요 & 싫어요 */
#kboard-default-document .kboard-document-action,
#kboard-ask-one-document .kboard-document-action {display: none;}

/* 카카오맵 */ 
.root_daum_roughmap {
    width: 100% !important;
    border: 0px !important;
    padding: 0 !important;
}

/* nav */
.navbar.hestia_left>.container{padding: 12px 15px; }
.navbar {border-bottom: 3px solid #0a3d8d;}
.navbar .navbar-nav>li>a{font-weight: 600; font-size: 16px; padding: 17px 28px; color: #333333 !important;}
.navbar .dropdown-menu li>a{font-size: 13px;}
.navbar .navbar-nav .dropdown a .caret{border-color: #ffffff;}
@media screen and (min-width:768px) {
.dropdown-menu{border-radius: 0px; border-bottom: 3px solid #0a3d8d !important; box-shadow: 0 5px 3px rgba(0,0,0,0.175)!important;}
.dropdown-menu li{border-bottom: 1px solid #f8f8f8;}
}
@media screen and (max-width:768px) {
	.navbar-collapse{box-shadow: 0px 7px 5px rgba(0,0,0,.3); padding: 0;}
	.dropdown-menu.open{background-color: #f9f9f9!important;}
}
@media screen and (max-width:400px) {
  .header{margin-bottom: 68px!important;}
}
.navbar .title-logo-wrapper{max-width:400px;}
.navbar .navbar-header .navbar-brand img{max-height:54px !important}
/* footer */
footer.footer.footer-black hr,
.hestia-bottom-footer-content {display: none;}
.footer .col-md-4 {width: 100%;}
.footer-big p,
footer.footer.footer-black a {color: #222; text-align: center;}
footer.footer.footer-black {background: #323437;}
#block-2{margin-top:10px}
#block-2 p, #block-2 a{color:#fff}
#block-3{margin-bottom:10px !important}
footer p{margin-bottom: 0px}
@media screen and (max-width:414px){
		.footer-big p {text-align: left;}
}

/* 서브타이틀 */
.sub_tit:before{position: absolute; content: ''; width: 3px; height: 11px; background: #0A3D8D; left: 0; top: 2px;}
.sub_tit:after{position: absolute; content: ''; width: 3px; height: 11px; background: #adadad; left: 0; top: 13px;}

/* 리스트스타일 */
.list li{list-style: none; position: relative;}
.list ul{padding: 0 0 0 15px;}
.list ul>li:before{position: absolute; content: ''; width: 5px; height: 5px; background: #595959; left: -15px; top: 46%;}

/* 보더 탑 */
.border_top .elementor-element-populated{border-top: 3px solid #999999 !important;}

/*divider*/
.elementor-widget .elementor-divider-separator{width:auto; border-top: 1px solid #cccccc;}
.elementor-widget-divider--view-line_text .elementor-divider-separator:after, .elementor-widget-divider--view-line_text .elementor-divider-separator:before{width:auto; border-top: 1px solid #cccccc;}
.elementor-widget-divider--view-line_text .elementor-divider-separator:after{margin-left:5px;}
.elementor-widget-divider--view-line_text .elementor-divider-separator:before{margin-right:5px;}

	/* 패밀리사이트 */
	.family{
		width: 250px;
		height: auto;
		margin: 0 auto;
	}
	.family p{
		font-weight: 500;
		padding: 5px 15px;
		background-color: #fff;
		border: 1px solid #ddd;
		display: flex;
		justify-content: space-between;
		background-color: #fff;
		border: 1px solid #ddd;
		box-sizing: border-box;
		align-items: center;
		cursor: pointer;
	}
	.family p:after{
		width: 10px;
		height: 10px;
		background-image: url(/wp-content/uploads/2025/03/icon.svg);
		content: "";
		display: block;
		transform: rotate(180deg);
		background-size: contain;
		background-repeat: no-repeat;
		transition: transform 0.3s ease;
	}
	.family p.active::after {
        transform: rotate(0deg);
		transform: translateY(5px);
    }
	.family_ul{
		border: 1px solid #ddd;
		border-bottom: 0;
		box-sizing: border-box;
		padding-left: 0 !important;
		width: 250px;
		position: absolute;
		bottom: 115px;
		display: none;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		z-index:10
	}
	.family_ul li{
		width: 100%;
		height: 100%;
		background-color: #fff;
		border-bottom: 1px solid #ddd;
		box-sizing: border-box;
		padding: 0 !important;
	}
	.family_ul li:last-child{
		border-bottom: 0px;
	}
	.family_ul li a{
		text-align: center;
		color: #222;
		width: 100%;
		height: 100%;
		display: block;
		font-weight: 400 !important;
		font-size: 13.5px !important;
		padding: 2px 0 !important;
		transition: 0.3s;
		border-radius: 0 !important;
	}
	.family_ul li a:hover{
		background-color: #ddd;
	}
@media screen and (max-width:991px){
	.family_ul{
			bottom:104px;
		}
}



/*********************************************** kboard CSS START ***********************************************/

/* kboard default */
.kboard-default-new-notify{display: none;}
#kboard-default-document .kboard-document-action{display: none;}
.kboard-default-cut-strings{color: #000000;}
#kboard-default-list .kboard-list table td.kboard-list-user{width: 120px;}
#kboard-default-list .kboard-search button.kboard-default-button-small {box-shadow: none;}
#kboard-default-document .kboard-content .content-view p {color: #222; font-size: 15px; font-weight: 400;}

/* pure gallery  */
#kboard-pure-gallery-list .kboard-control a {opacity: 1 !important}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-user {display: none;}
.kboard-list-new{visibility:hidden}
#kboard-pure-gallery-document .kboard-content .content-view p {color: #222; font-size: 15px; font-weight: 400;}
#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item:hover .kboard-list-thumbnail .kboard-list-thumbnail-child { 
		-moz-transform: unset; 
		-webkit-transform: unset; 
		-o-transform: unset; 
		-ms-transform: unset; 
		transform: unset; 
		-ms-filter: unset;
}
.kboard-pure-gallery-list .kboard-list-title{font-weight:400}
@media screen and (min-width:415px) and (max-width:768px){
		#kboard-pure-gallery-list.mw600 .kboard-pure-gallery-list .kboard-list-item {
				margin: 0 1% 0 0;
				width: 49%;
		}
}

/* 에스크원 */
.kboard-ask-one-new-notify{display: none;}
#kboard-ask-one-document .kboard-document-action{display: none;}
a.kboard-ask-one-button-small, input.kboard-ask-one-button-small, button.kboard-ask-one-button-small{background: #333333 !important;}
a.kboard-ask-one-button-search, input.kboard-ask-one-button-search, button.kboard-ask-one-button-search{background: #333333;}
#kboard-ask-one-list .kboard-list table td.kboard-list-user{width: 120px;}
a.kboard-ask-one-button-small, input.kboard-ask-one-button-small, button.kboard-ask-one-button-small{color: #545861 !important; background: #eaeaea;}
#kboard-ask-one-list .kboard-list thead tr td{background-color: #ffffff; border-top: none;}
#kboard-ask-one-list .kboard-list-header{display: none;}
.kboard-ask-one-status.status-1{background-color: #333333;}
#kboard-ask-one-latest table .kboard-latest-status{display: none;}
#kboard-ask-one-list .kboard-search button.kboard-ask-one-button-search {box-shadow: none;}
#kboard-ask-one-document .kboard-content .content-view p {color: #222; font-size: 15px; font-weight: 400;}

/*  원더풀 프로젝트 SHOP */
a.storelink{background: #000000; width: 100%; color: #ffffff; font-weight: bold; text-align: center; display: block; padding: 10px 0;}
#kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-option-field .kboard-document-add-option-value-wrap .kboard-document-add-option .option-name{font-weight: bold;}
#kboard-wonderful-product-document .kboard-wonderful-product-wrap .kboard-wonderful-product-option-field .kboard-document-add-option-value-wrap .kboard-document-add-option .option-value{padding-left: 15px}
.kboard-wonderful-product-new-notify{display: none!important;}
#kboard-wonderful-product-list .kboard-list .kboard-list-item .kboard-wonderful-product-wrap .kboard-wonderful-product-title{text-align: center;}
a.kboard-wonderful-product-button-small, input.kboard-wonderful-product-button-small, button.kboard-wonderful-product-button-small{color: #545861 !important; background: #eaeaea !important;}
#kboard-wonderful-product-list .kboard-pagination .kboard-pagination-pages li:hover a, #kboard-wonderful-product-list .kboard-pagination .kboard-pagination-pages li.active a{color: #545861 !important; background: #eaeaea ; border-color: #eaeaea;}
#kboard-wonderful-product-list .kboard-list .kboard-list-item .kboard-wonderful-product-wrap .kboard-wonderful-product-title{text-align: center;}

/* 다운로드 게시판 */
.kboard-download-new-notify{display: none;}
.kboard-download-button-small, .kboard-download-button-small:link, .kboard-download-button-small:visited,
.kboard-control a,.kboard-control button, .kboard-control input,
.kboard-control a:hover,.kboard-control button:hover, .kboard-control input:hover
{color: #545861 !important; background: #eaeaea !important;border:1px solid #e3e3e3}
#kboard-download-list .kboard-list table td.kboard-list-download button{color: #999999; font-weight: bold;}
#kboard-download-list .kboard-list table td.kboard-list-language{display: none;}
#kboard-download-list .kboard-list table td.kboard-list-date{width: 130px;}
#kboard-download-document .kboard-attach button{color: #999999;}
#kboard-download-list .kboard-list table{border-top: none;}
#kboard-download-list .kboard-search select{padding: 4px 2px !important;}
#kboard-download-list .kboard-search input{padding: 5px 2px !important}
#kboard-download-editor .kboard-attr-row .attr-name{width: auto !important}
#kboard-download-list .kboard-list table td.kboard-list-download button,
#kboard-download-document .kboard-attach button{
		width: fit-content !important;
    margin: 0 auto;
    background-color: #0A3D8D;
    padding: 0px 9px !important;
    color: #fff !important;
    font-size: 13px !important
}
.kboard-download-cut-strings{
		font-weight:400;
}
@media screen and (min-width:500px) {
	#kboard-play-video-list .kboard-search input{width:200px !important}
}


/* 디스커버 FAQ 게시판 */
.kboard-discover-faq-list .kboard-list-action .left{display: none;}
#kboard-discover-faq-document .kboard-document-action{display: none;}
body:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close):hover{color: #aaaaaa; box-shadow: none !important;}
body:not(.woocommerce-page) button:not([class^="fl-"]):not(.hestia-scroll-to-top):not(.navbar-toggle):not(.close) {box-shadow: none !important;}
.kboard-discover-faq-list .kboard-list .kboard-list-item.active .kboard-list-button{background-color: #333333;}

/* 컨텍트폼 게시판 (메일폼) 숏코드에 아이디값 #register 추가 */
#register .kboard-control .left{width: 100%; text-align: center;}
#register .kboard-control .right{display: none;}
#register .form-group button{background-color: #E1670B; color: #ffffff; padding: 12px 24px; font-size: 15px; border-radius: 3px; text-align: center; transition: all .3s;}
#register .kboard-control .left button{background: #E1670B!important;; padding: 0px 24px!important;color: #ffffff!important; border-radius: 3px!important;}
@media screen and (min-width:400px) {
	#register .kboard-attr-author{width: 32%!important; margin-right: 1%;}
	#register .kboard-attr-title{width: 33%!important; margin-right: 1%;}
	#register .meta-key-5fffcff95e040{width: 33%!important; margin-top: 1px;}/* 이메일필드 메타키 수정 */
}

/*video*/
a.kboard-play-video-button-small, input.kboard-play-video-button-small, button.kboard-play-video-button-small{color: #545861 !important; background: #eaeaea !important;}
a.kboard-play-video-button-small:hover, input.kboard-play-video-button-small:hover, button.kboard-play-video-button-small:hover{color: #545861 !important; background: #eaeaea !important;}

@media screen and (max-width:400px) {
	.meta-key-agree_checkbox .attr-value{line-height: 22px!important; font-size: 13px!important;}
}
/*쪽수 아이콘 통일*/
.kboard-pagination .kboard-pagination-pages li.active a 
{font-weight: bold !important;
    border: 1px solid #a9a9a9 !important;
    color: black !important;
    text-decoration: none !important;
   background-color: white !important;
}
.kboard-pagination .kboard-pagination-pages li a {
    color: black !important;
    /*padding: 5px 10px !important;*/
    border: 1px solid #e0e0e0 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    line-height: 27px !important;
    background-color: white !important;
}


@media screen and (max-width:600px){
.kboard-search select { float: left; margin-right: 1% !important; width: 29% !important; min-width: 29%; height: 28px !important; line-height: 28px !important; box-sizing: border-box; }
.kboard-search input { float: left; margin-right: 1% !important; width: 49% !important; min-width: 49%; height: 28px !important; line-height: 28px !important; box-sizing: border-box; }
.kboard-search button { float: left; width: 20% !important; min-width: 20% !important; box-sizing: border-box; height: 28px !important; line-height: 28px !important;color: #000 !important;
    background: #fafafa !important;
    border: 1px solid #ddd !important;}
}

input,textarea{background:none !important;}

/*게시판 전체 아이콘 안보일때*/
.kboard-search select{
   appearance: menulist !important;
}
a:hover{opacity: 1 !important;}
.kboard-control-write a,
.kboard-control-search a{
    background: none !important
}
/*********************************************** kboard CSS END ***********************************************/





/* media query */
@media screen and (min-width:769px){
    .onlytablet{display:none;}
    .onlymobile{display:none;}
}
@media screen and (min-width:415px) and (max-width:768px){
    .onlypc{display:none;}
    .onlymobile{display:none}
}
@media screen and (max-width:414px){
    .onlypc{display:none;}
    .onlytablet{display:none;}
}

/* popup */
.popup-content img{
		margin-bottom: 0 !important;
}

/* login - other pages */
.page_restriction, .page_restriction_permission{
		margin-top: 200px !important;
}
form[action*="/?page_id=21"], form[action*="/?page_id=505"], form[action*="/?page_id=29"], form[action*="/?page_id=31"], form[action*="/?page_id=35"]{
		margin-bottom: 100px !important;
}

@media screen and (max-width:768px){
		.page_restriction, .page_restriction_permission{
				margin-top: 80px !important;
				padding-left: 10px;
				padding-right: 10px;
		}
		form[action*="/?page_id=21"], form[action*="/?page_id=505"], form[action*="/?page_id=29"], form[action*="/?page_id=31"], form[action*="/?page_id=35"]{
				margin-bottom: 100px !important;
				padding-left: 10px;
				padding-right: 10px;
		}
}

/* footer sns */
.sns{
		width: 250px;
		margin: 0 auto;
		text-align: center;
		margin-top: 20px;
}

.sns_blog, .sns_youtube{
		display: inline-block;
		margin: 0 10px;
}
.sns img{
		width:50px;
}
.sns a{
		opacity: 1 !important;
}
.sns a:hover{
		opacity: 0.8 !important;
}