/* Enter Your Custom CSS Here */
/* notosans */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;900&display=swap');


/* 견적의뢰서제목 */
.et_pb_text_inner {
	font-family: 'Noto Sans KR', sans-serif !important;
}


div.wpforms-container-full, div.wpforms-container-full .wpforms-form * {
	font-family: 'Noto Sans KR', sans-serif !important;
}


/* 견적문의페이지 */
body #page-container .et_pb_section .et_pb_button_0 {
	border-radius: 50px;
}
body #page-container .et_pb_section .et_pb_button_1 {
	border-radius: 50px;
}

/* 견적타이틀간격수정 */
.et_pb_text_inner {
	line-height: 1.6em;
}

/*  제출버튼마진삭제 */
.et_contact_bottom_container {
	margin-top: 0;
}
.et_pb_contact_submit, .et_pb_button {
	background: #57b7d7;
	color: #fff;
}

/* 제출버튼 */
.submit_btn {
	background: #e94558 !important;
	color: #fff !important;
}

/* 스티키메뉴관련 */

#ssb-btn-0, #ssb-btn-1, #ssb-btn-2, #ssb-btn-3, #ssb-btn-3, #ssb-btn-4 {
	background: rgba(255,255,255,0.8);
	border-radius: 15px;
	margin: 10px 0 !important;
}
#ssb-btn-0:hover, #ssb-btn-1:hover, #ssb-btn-2:hover, #ssb-btn-3:hover, #ssb-btn-4:hover{
	background: #d1e5eb;
}

#ssb-container {
    position: fixed;
    z-index: 99;
    top: 50%;
		right: 3%;
}
#ssb-container ul li a {
    padding: 3px 10px;
    display: block;
	text-align: center;
}
#ssb-container ul li span {
    line-height: 45px;
    text-align: center;
		display: block;
}
#ssb-container ul li p {
	font-family: 'Noto Sans KR', sans-serif;
}


/*  갤러리임시 */
.item-desc {
	background-color: transparent !important;
	bottom: 0px !important;
	color: #888 !important;
}
.thumbnail {
	padding: 0px !important;
    background-color: #fff;
    border: 0 !important;
}


/* Responsive */
@media (max-width: 640px) {
    .ssb-disable-on-mobile {
        display: none;
    }
	#ssb-btn-0, #ssb-btn-2, #ssb-btn-3 {
	display: none;
}
	#ssb-container {
    top: 68%;
}
	
	/* 정부지원사 */
	.et_pb_text_20 p {
		line-height: 1.2em !important;
	}
	
}

	/* menu text space */
.et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li {
    padding-left: 3px;
    padding-right: 3px;
}

html body #page-container #top-menu li.red-menu-item > a,
html body #page-container .et_pb_menu ul li.red-menu-item > a {
    color: red !important;
}
/* class-btn-center-fix */
.et_pb_button_module_wrapper.et_pb_button_alignment_center{display:block !important;text-align:center !important;}


/* mobile-menu-collapsible-fix: подпункты бургер-меню — скрыть до тапа, показать по .reveal-items (JS в TB header) */
.et_mobile_menu .sub-menu { opacity: 1 !important; }
.et_mobile_menu .menu-item-has-children .sub-menu li { display: none; }
.et_mobile_menu .sub-menu li.reveal-items { display: block !important; }
.et_mobile_menu .first-level > a { position: relative; }
.et_mobile_menu .first-level > a:after { content: "+"; position: absolute; right: 10px; top: 10px; font-weight: 700; }
.et_mobile_menu .first-level > a.icon-switch:after { content: "\2212"; }


/* mobile-menu-fullwidth: панель бургер-меню на всю ширину экрана + подпункты в одну строку */
@media (max-width: 980px) {
  .nav0310 .et_pb_menu__wrap, .nav0310 .et_pb_menu, .nav0310 .et_pb_menu_inner_container, .nav0310 .et_pb_row, .nav0310 .et_pb_column { position: static !important; }
  .nav0310 .et_pb_menu .et_mobile_menu { width: 100vw !important; left: 0 !important; top: 100% !important; margin-top: 0 !important; }
  .et_mobile_menu br { display: none; }
}


/* mobile-logo-fit: лого в мобильной шапке — вписывать в колонку, колонке больше места */
@media (max-width: 767px) {
  .nav0310 .et_pb_row .et_pb_column:first-child { width: 45% !important; }
  .nav0310 .et_pb_row .et_pb_column:nth-child(2) { width: 55% !important; }
  .nav0310 .et_pb_row .et_pb_column .et_pb_image .et_pb_image_wrap img { width: auto !important; max-width: 100% !important; height: auto !important; }
}


/* mobile-korean-keepall: корейский текст на мобильных — перенос по словам, не по слогам */
@media (max-width: 980px) {
  #page-container { word-break: keep-all; overflow-wrap: break-word; }
}


/* mobile-whatis-linespacing: WHAT IS HEROTOWN на главной — одинаковый интервал между всеми строками (моб.) */
@media (max-width: 980px) {
  .home .et_pb_text_1 p, .home .et_pb_text_3 p { margin-bottom: 0 !important; line-height: 2.1em !important; }
}


/* mobile-portfolio-filter-wrap: кнопки-категории портфолио на мобильных — перенос в несколько строк */
@media (max-width: 767px) {
  #composite .et_pb_column { flex-wrap: wrap; row-gap: 8px; justify-content: center; }
  #composite .et_pb_button_module_wrapper { margin-bottom: 0; }
}