body {
	word-break: keep-all;
	/*word-wrap: break-word;*/
	padding-top: 50px;
}

.expert_field > ol > li {
	word-break: keep-all !important;
	word-wrap: break-word;
	box-decoration-break: clone;
}


main {
	margin-bottom: 100px;
}
main > .container {
	padding: 0px 15px 0;
}

main > .container_nf {
	padding: 100px 15px 0;
}

main > .container .main_body_top {
	padding-top: 100px;
}



main > .container .estimae_body_top {
	padding-top: 0px;
}

.top_rela {
	position: relative;
	padding-top: 100px;
	margin-top: 0px;
	margin-bottom: 150px;
}

.top_rela_zero {
	position: relative;
	padding-top: 10px;
	margin-top: 0px;
}

.top_rela p {
	margin-top: 10px;
}

.top_rela .grey_txt {
	margin-top: 10px;
	font-weight: 400;
}


.step02 {
	margin-top: 100px;
}

.step02 p {
	font-family: "Noto Sans KR";
}

.product_name {
	font-family: 'yg-jalnan', sans-serif;
}
.product_name {
	font-family: 'yg-jalnan 2', sans-serif;
}
/*.imgbox img {*/
/*	margin-top: 130px;!important;*/
/*}*/

/*.top_rela .modal_body p {*/
/*	margin-top: 0px;*/
/*}*/


.header_fixed {
	position: fixed;
	background-color: white;
	width: 100%;
	height: 80px;
	z-index: 3;

	/*margin-bottom: 10px;*/
}

.progressTag {
	/*-webkit-appearance: none;*/
	/*-moz-appearance: none;*/
	/*appearance: none;*/
	/*display: block;*/
	/*width: 150px;*/
	/*height: 20px;*/
	/*border-radius: 50px;*/
	/*color: #ffc928;*/
}


.ser_center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 100px;
}

.massageList {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/*margin-top: 100px;*/
}

.bd_none { border: 0px !important; }

.footer {
	background-color: white;
}


.footer > .container {
	line-height: 1.2rem;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}

.footer > .container a {
	/*color: #ffffff;*/
	text-decoration: none;
	background-color: transparent;
}

.footer > .container a:hover {
	color: #dddddd;
	text-decoration: none;
	background-color: transparent;
}

code {
	font-size: 80%;
}

.ellipsis-1 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: keep-all;}

.ellipsis-2sm { position: relative; max-height: calc(12.5 * 1.4 * 2 * 1px); word-break: keep-all !important; overflow: hidden; }
.ellipsis-2sm::before, .ellipsis-2sm::after { position: absolute; background: #fff; }
.ellipsis-2sm::before { content: '...'; top: calc(12.5 * 1.4 * (2 - 1) * 1px); right: 0; width: 1.3em; }
.ellipsis-2sm::after { content: ''; width: 100%; height: 100%; }

.ellipsis-2 { position: relative; max-height: calc(16.8 * 1.4 * 2 * 1px); word-break: normal; overflow: hidden; }
.ellipsis-2::before, .ellipsis-2::after { position: absolute; background: #fff; }
.ellipsis-2::before { content: '...'; top: calc(16.8 * 1.4 * (2 - 1) * 1px); right: 0; width: 1.3em; }
.ellipsis-2::after { content: ''; width: 100%; height: 100%; }

.ellipsis-3 { position: relative; max-height: calc(25* 1.4 * 2 * 1px); word-break: normal; overflow: hidden; }
.ellipsis-3::before, .ellipsis-3::after { position: absolute; background: #fff; }
.ellipsis-3::before { content: '...'; top: calc(25 * 1.4 * (2 - 1) * 1px); right: 0; width: 1em; }
.ellipsis-3::after { content: ''; width: 100%; height: 100%; }

/**font**/
.skyblue{color: #0095d0 !important;}
.indigo{color: #276bab !important;}
.brown{color: #764b00 !important;}
.grey9 {color: #999999 !important;}
.grey6 {color: #666666 !important;}

/* 한글 주석: 요청자·전문가 좌상단 페이지명 — .grey6 등과 분리(색·굵기 독립) */
.wf-page-title {
	color: #212529 !important;
	font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	line-height: 1.4;
	margin: 0;
	letter-spacing: -0.02em;
}

/* 한글 주석: .contants_wrap_noline(0.85rem/400) 내부에 타이틀이 있을 때도 페이지명 스타일 유지 */
.contants_wrap_noline .wf-page-title,
main .wf-page-title {
	color: #212529 !important;
	font-size: 1.25rem !important;
	font-weight: 600 !important;
}

/* 한글 주석: 모바일에서도 페이지명 색·굵기·크기 고정(전문가 계정 등 소형 래퍼 간섭 방지) */
@media (max-width: 768px) {
	main .wf-page-title,
	.contants_wrap_noline .wf-page-title,
	/* 한글 주석: 전문가 탭(요청서·채팅·정보관리) — 홈 .dashboard_wrap 과 동일 시각 */
	main .main_body_top .wf-page-title,
	main .main_body_top h3.wf-page-title,
	main > .container > .row.mb-4 .wf-page-title,
	main .dashboard_wrap > .wf-page-title {
		color: #212529 !important;
		font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif !important;
		font-size: 1.25rem !important;
		font-weight: 600 !important;
		line-height: 1.4 !important;
		letter-spacing: -0.02em !important;
		-webkit-font-smoothing: antialiased;
	}
}

.grey3 {color: #333333 !important;}
.grey4 {color: #bbbbbb !important;}
.red {color: #e20000 !important;}
.green {color: #28a745 !important;}
.yellow {color: #f0b500 !important;}
.dodgerblue {color: dodgerblue !important;}
.black {color: black !important;}
.whitsmoke {color: whitesmoke !important;}
.pink {color: rgb(232, 69, 102) !important;}

.font20 {font-size: 0.2rem !important; font-weight: 200;}
.font30 {font-size: 0.3rem !important; font-weight: 300;}
.font40 {font-size: 0.4rem !important; font-weight: 400;}
.font50 {font-size: 0.5rem !important; font-weight: 500;}
.font60 {font-size: 0.6rem !important; font-weight: 600;}
.font70 {font-size: 0.7rem !important; font-weight: 600;}
.font75 {font-size: 0.75rem !important; font-weight: 600;}
.font80 {font-size: 0.8rem !important; font-weight: 600;}
.font85 {font-size: 0.85rem !important; font-weight: 600;}
.font90 {font-size: 0.9rem !important; font-weight: 600;}
.font90_50 {font-size: 0.9rem !important; font-weight: 500;}
.font95 {font-size: 0.95rem !important; font-weight: 600;}
.font95_50 {font-size: 0.95rem !important; font-weight: 500;}
.font10 {font-size: 1rem !important; font-weight: 600;}
.font11 {font-size: 1.1rem !important; font-weight: 600;}
.font22 {font-size: 1.2rem !important; font-weight: 600;}
.font23 {font-size: 1.3rem !important; font-weight: 600;}

.fontW4 {font-weight: 400;}
.fontW5 {font-weight: 500;}
.fontW6 {font-weight: 600;}


.font80 tr:not(:first-child):not(:last-child) + tr td {
	/*border-top: 1px dotted #95999c; !* 검은색 점선 추가 *!*/
	padding-top: 5px; /* 상단 패딩 */
}
.font80 tr td {
	padding-bottom: 5px; /* 하단 패딩 */
}


.wf-font12 {
	font-size: 16px !important;
	margin-top: 30px;
	margin-bottom: 200px;
	text-align: center;
}

.wf-font13 {
	font-size: 17px !important;
	margin-top: 30px;
	margin-bottom: 200px;
	text-align: center;
}

.line-through {
	font-size: 0.7rem;
	color: #999999;
	text-decoration:line-through;
}
/**colorbox**/
.cb {
	border-radius: 0.3rem;
	padding: 5px 15px;
	height: 30px !important;
}
.cb2 {
	border-radius: 0.3rem;
	padding: 10px 15px;
}
.cb_lightgrey {background-color:#f5f5f5; color:#666666;}
.cb_grey {background-color:#6c757d; color:#ffffff;}
.cb_indigo {background-color:#276bab; color:#ffffff;}
.cb_yellow {background-color:#f0b500; color:#ffffff;}
.cb_yellow:hover{color: #ffffff;}
.cb_green {background-color:#28a745; color:#ffffff;}
.cb_skyblue {background-color:#0095d0; color:#ffffff;}
.cb_black {background-color: black; color: white;}
.cb_red {background-color: #e20000; color:#ffffff;}
.cb_grey2 {background-color: #aaaaaa; color:#ffffff;}
.cb_pink {background-color: rgb(232, 69, 102); color:#ffffff;}

/* 모바일에서 cb 클래스 텍스트 표시 문제 해결 */
@media (max-width: 768px) {
	.cb {
		white-space: nowrap !important;
		overflow: visible !important;
		text-overflow: unset !important;
		min-width: fit-content !important;
	}
}


.btn_indigo {background-color: #276bab; border-color: #276bab;}
.btn_indigo:hover {background-color: #276bab; border-color: #276bab;}

/**main**/
.top {
	height: 50px !important;
	border-top: 3px solid #333333;
	/*background-color: #0095d0;*/
	background: linear-gradient(135deg, #17a2b8 0%, #667eea 100%); /* 반전된 그라데이션 */
	margin-bottom: 0px;

}

.top > .container {
	padding-top: 0.4rem;
	max-width: 768px;
}

.join {
	padding-top: 10px;
	font-size: 0.85rem;
	font-weight: 600;
	color: #ffffff;

}

.join a {
	color: #ffffff;
	text-decoration: none;
}

.choice_wrap {
	margin-top: 50px;
}

.choice_type {
	text-align: center;
}

.choice_type span {
	display: block;
}


.choice_box_wrap {
	position: relative;
	float: left;
	width: 100%;
	height: 150px;
	padding: 6px 6px;
}

.choice_box {
	width: 100%;
	height: 100%;

	text-align: center;
	/* 한글 주석: 내정보 바로가기(.mypage-dashboard-nav-card)와 동일한 박스 스타일 */
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.choice_box_wrap a:hover .choice_box {
	border-color: #0b8fce;
	box-shadow: 0 4px 14px rgba(11, 143, 206, 0.15);
}

.choice_box p {
	display: inline-block;
	margin-top: 40px;
}

.choice_box img {transform: translate(0%, 80%);
	padding-bottom: 0px;
	margin: 0px auto;
	display: block;
}

.product_after img {
	width: 100%;
	height: 150px;
	border-radius: 0.2rem;
	background-repeat: no-repeat;
	background-size: auto;
	margin-bottom: 5px;
}
.product_after img:hover {
	border: 4px solid #129FEA;
}

.product_after h4 {
	text-align: center;
	font-size: 0.8rem !important;
}


@media (max-width: 414px){
	.choice_box img {
		width: 20%;}
	.choice_box_wrap {
		height: 120px;}
	.choice_box p {
		margin-top: 25px;}
	.product_after img {
		width: 130%;
		height: 70px;
		border-radius: 0.2rem;
		background-repeat: no-repeat;
		background-size: auto;
		margin-left: -10px;
		margin-bottom: 5px;
	}

}
@media (min-width: 415px){
	.choice_box img {
		width: 20%;}
	.choice_box_wrap {
		height: 120px;}
	.choice_box p {
		margin-top: 25px;}
	.product_after img {
		width: 120%;
		height: 100px;
		border-radius: 0.2rem;
		background-repeat: no-repeat;
		background-size: auto;
		margin-left: -13px;
		margin-bottom: 5px;
	}
	.newGallery_wrap .gallery_picture_paper {
		padding: 0px !important;
		margin: 1px !important;
		height: 80px !important;
		width: 24.25%;
		position: relative;
	}
}

@media (min-width: 768px){
	.product_after img {
		width: 120%;
		height: 120px;
		border-radius: 0.3rem;
		background-repeat: no-repeat;
		background-size: auto;
		margin-left: -10px;
		margin-bottom: 5px;
	}
	.newGallery_wrap .gallery_picture_paper {
		padding: 0px !important;
		margin: 1px !important;
		height: 150px !important;
		width: 24.25%;
		position: relative;
	}
}

@media (max-width: 322px){
	.choice_box img {
		width: 30%;}
	.product_after img {
		width: 100%;
		height: 50px;
		border-radius: 0.3rem;
		background-repeat: no-repeat;
		background-size: auto;
		margin-bottom: 5px;
	}
}



.main_copy_wrap {
	margin-top: 30px;
	text-align: left;
	padding: 10px 30px;
	position: relative;
	z-index: 1;
}

.main_copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
}

.pro_main_copy_wrap {
	margin-top: 0px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
}

.pro_main_copy {
	display: flex;
	flex-direction: column;
	/*align-items: flex-start;*/
	gap: 15px;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -0.08rem;
}

.main_copy_wrap span {
	margin-top: 5px;
	padding-left: 30px;
	display: block;
	letter-spacing: 0rem;
	color: #999999;
	font-size: 0.85rem;
	font-weight: 400;
}

.main_copy {
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -0.08rem;
}

.main_copy p{
	margin-bottom: -2px !important;
	vertical-align: bottom;
	display: inline-block;
}

.pro_main_copy p{
	margin-bottom: -2px !important;
	vertical-align: bottom;
	display: inline-block;
}



@media(max-width: 768px){
	.text_down {padding-left:28px;}
	.main_copy_wrap span {font-size: 0.68rem;}
	.main_copy p{margin-bottom: -3px !important;}

}

.search_wrap {
	position:relative;
	margin-top: 20px;
	margin-left: -15px;
	margin-right: -15px;
	width: auto;
	height : 500px;
	/*background : url(../../images/common/home_main14_web.jpg) center center / cover no-repeat;*/
}
@media (min-width: 1200px) {
	.search_wrap {
		height: 490px;
	}
}

@media (max-width: 1199px) {
	.search_wrap {
		height: 360px;
	}
}

@media (max-width: 991px) {
	.search_wrap {
		height: 240px;
	}
}

@media (max-width: 767px) {
	.search_wrap {
		height: 200px;
	}
}

@media (max-width: 575px) {
	.search_wrap {
		height: 250px;
	}
}

.pro_search_wrap {
	position:relative;
	margin-top: 20px;
	margin-left: -15px;
	margin-right: -15px;
	width: auto;
	height : 400px;
	background : url(../../images/common/team01_web.jpg) center center / cover no-repeat;
}

.search {
	width: 60%;
	position: absolute;
	bottom: 40px;
	right: 25px !important;
}

.search input {
	padding-left: 16px;
	height: 2.7rem;
	border-radius: 5rem !important;
	border: 3px solid #0095d0;
}

.amber {
	padding: 10px;
	height: 2.7rem;
	width: 2.7rem;
	border-radius: 5rem !important;
	background-color: #0095d0;
}

.copy {
	margin-left: 15px;
	margin-right: 15px;
	text-align: right !important;
	font-weight: 600;
	line-height: 0.4rem;
}
.copy span {
	font-size: 0.95rem;
	float: right;
	margin-bottom: 20px;
	text-align: right !important;
}
.num {
	font-size: 1.8rem !important;
	margin-top: -2px;
}

@media(min-width: 574px){
	.search_wrap {height: 490px;}
	.choice_box img {
		transform: translate(0%, 80%);
		padding-bottom: 0px;
		margin: 0px auto;
		display: block;
		width: 20%;}
	.choice_box_wrap {
		height: 120px;}
	.choice_box p {
		margin-top: 25px;}
}

@media(max-width: 768px){
	.text_down {padding-left:28px;}
	.main_copy_wrap span {font-size: 0.68rem;}
	.search_wrap {height: 360px;}
	.pro_search_wrap {height: 230px;}
	.copy {font-weight: 600;line-height: 0.4rem;}
	.num {font-size: 1.5rem;}
	.copy span {font-size: 0.8rem;}
	.search {width: 50%; right: 15px !important;bottom: 15px;}
	.newGallery_wrap .gallery_picture_paper {
		padding: 0px !important;
		margin: 1px !important;
		height: 100px !important;
		width: 24.25%;
		position: relative;
	}
}
@media(max-width: 375px){
	.search_wrap {height: 240px;}
	.pro_search_wrap {height: 200px;}
	.search {width: 92%; right: 15px !important;bottom: 15px;}
	.newGallery_wrap .gallery_picture_paper {
		padding: 0px !important;
		margin: 1px !important;
		height: 70px !important;
		width: 24.25%;
		position: relative;
	}
}
@media(max-width: 280px){
	.text_down {padding-left:28px;}
	.main_copy_wrap span {font-size: 0.68rem;}
	.main_copy {
		font-size: 1rem;
		letter-spacing: -0.08rem;
	}
	.newGallery_wrap .picture_paper {
		padding: 0px !important;
		margin: 1px !important;
		height: 80px !important;
		width: 32.17%;
		position: relative;
	}
	.newGallery_wrap .gallery_picture_paper {
		padding: 0px !important;
		margin: 1px !important;
		height: 60px !important;
		width: 24.25%;
		position: relative;
	}

	.newGallery_wrap .ptitle {
		position: absolute;
		bottom: 0px;
		width: 100%;
		background-color: rgba(0,0,0,0.5);
		color: #ffffff;
		font-size: 0.6rem !important;
		font-weight: 400 !important;
		padding: 5px;
		/* text-align: center; */
		/*border-radius: 0.25rem;*/
	}

	.newGallery_wrap .ptitle_none {
		position: absolute;
		bottom: 0px;
		width: 100%;
		background-color: rgba(0,0,0,0.0);
		color: #ffffff;
		font-size: 0.6rem !important;
		font-weight: 400 !important;
		padding: 5px;
		/* text-align: center; */
		/*border-radius: 0.25rem;*/
	}

	.newGallery_wrap .gallery_picture_paper .ptitle {
		position: absolute;
		bottom: 0px;
		width: 100%;
		background-color: rgba(0,0,0,0.5);
		color: #ffffff;
		font-size: 0.5rem !important;
		font-weight: 400 !important;
		padding: 3px;
		/* text-align: center; */
		/*border-radius: 0.25rem;*/
	}
	.modal_item p {
		margin-top: 0px !important;
		text-align: justify;
		font-size: 12px ;
	}
}



.head_copy {
	font-weight: 500;
	font-size: 1rem;
}

.head_copy_sm {

	font-weight: 400;
	font-size: 0.85rem;
}

.items_search input {
	padding-left: 16px;
	height: 2.7rem;
	border-radius: 5rem !important;
	border: 3px solid #0095d0;
}
.info {
	display: block;
	font-weight: 400;
	font-size: 0.7rem;
	color: #999999;
	margin: 7px 0 0 8px;
}

.tit_wrap {
	margin-top: 50px;
	border-bottom: 3px solid #0095d0;
	margin-bottom: 30px;
}

.tit_sm {
	display: block;
	font-weight: 400;
	font-size: 0.7rem;
	color: #666666;
	margin-bottom: 5px;
}

.tit_lg {
	display: block;
	font-weight: 600;
	font-size: 1.1rem;
	color: #333333;
	margin-bottom: 15px;
}

.tit_indigo_topline {
	width: 100%;
	height: 6px;
	background: repeating-linear-gradient(90deg, #ffffff, #ffffff 2px, #ddd 0, #ddd 5px);
	margin-left: 0px;
	margin-top: 10px;
}

.tit_indigo {
	text-align: left;
	display: block;
	font-weight: 600;
	font-size: 1.1rem;
	color: #276bab;
	margin-top: 5px;
	margin-bottom: 0px;
}

.btn_group a {
	font-size: 0.85rem;
	font-weight: 600;
}

.wfbtn {
	padding-right: 0px;
	padding-left: 0px;
	margin: 5px;
	width: 15.3% !important;
}

.wf_fig {
	font-size: 1rem;
	color: black;
	text-align: center;
}




.wf-btn-grey {
	color: #ffffff;
	background-color: darkgray;
	border-color: darkgray;}

.wf-btn-greyblue {
	color: #ffffff;
	background-color: #27AAE1;
	border-color: #27AAE1;}

@media(max-width: 768px){
	.wfbtn {margin: 5px;width: 30% !important;}
}

@media(max-width: 329px){
	.search_wrap {height: 200px;}
	.pro_search_wrap {height: 200px;}
	.wfbtn {margin: 5px;width: 46% !important;}

}
@media(max-width: 279px){
	.wfbtn {margin: 5px;width: 100% !important;}
	.newGallery_wrap .picture_paper {
		padding: 0px !important;
		margin: 1px !important;
		height: 80px !important;
		width: 32.17%;
		position: relative;
	}
	.newGallery_wrap .gallery_picture_paper{
		padding: 0px !important;
		margin: 1px !important;
		height: 60px !important;
		width: 24.25%;
		position: relative;
	}

}


/* Check breakpoint at http://getbootstrap.com/css/#grid-media-queries */
@media (min-width: 992px) {
	.space-100-px > .row > .col-md-6:first-child {
		padding: 0 50px 0 0; /* The first half of 100px */
	}
	.space-100-px > .row > .col-md-6:last-child {
		padding: 0 0 0 50px; /* The second half of 100px */
	}
}

/* The result will be easier to see. */
.space-100-px img {
	width: 100%;
	height: auto;
}

/**프로모션 carousel****/
.sp_wrap {
	border:1px solid #dddddd;
	width: 100%;
}

.btn_text {
	font-weight: 500;
	font-size: 0.75rem;
	color: #aaa;
}

#wf_Promotion, #wf_print_Promotion, #wf_design_Promotion, #wf_photo_Promotion {
	margin-bottom: 50px;
	position: relative;
}

.expert-d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
	margin-top: 1px !important;
}

.card_line {
	/*height: 230px;*/
	overflow: hidden;
	/*outline: 1px solid #ffffff;*/
	outline-offset: -8px;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.card_line_two {
	/*height: 250px;*/
	overflow: hidden;
	/*outline: 1px solid #ffffff;*/
	outline-offset: -8px;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.card_height {
	height: 150px;
	outline-offset: -8px;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.subj_sm {
	font-size: 0.7rem;
	color: #666666;
	font-weight: 600;
}
.subj_lg {
	font-size: 0.95rem;
	color: #000;
	font-weight: 600;
}

.con_txt {
	height: 54px;
	font-size: 0.78rem;
	color: #333;
	font-weight: 400;
	overflow: hidden;
	margin-bottom: 0px;
}

.border_top {
	border-top: 5px solid #0095d0;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

a#topBtn {
	width: 50px;
	height: 50px;
	background-color: rgba(0, 0, 0, 30%);
	color: #ffffff;
	border-radius: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 0.85rem;
	padding-top: 8px;
	line-height: 0.95rem;
	position: fixed; /* 포지션 고정 */
	right: 1rem;
	bottom: 1rem;
	display: none; /* 보여지지 없음 - 기본적으로 안보여지게 */
	z-index: 9999; /* 포지션을 먼저 지정후 z-좌표(레이어) : 9999입니다. */
}

a#topBtn:hover {
	background-color: rgba(0, 0, 0, 70%);
	color: #ffffff;

}

.contants_wrap {
	padding: 40px 20px 50px 20px;
	margin-top: 30px;
	border-radius: 0.5rem;
	border: 5px solid #f5f5f5;
	font-size: 0.85rem;
	font-weight: 600;
	color: #333333;
}
.contants_wrap_ex {
	text-align: center;
}
.contants_wrap_ex p {
	font-size: 1rem;
}

.contants_wrap_noline {
	font-size: 0.85rem;
	font-weight: 400;
	color: #333333;
}

.border_none {
	border: none;
	padding: none;
	margin: none;
}
.productionType_wrap {
	padding: 40px 20px 50px 20px;
	margin-top: 30px;
	border-radius: 0.5rem;
	border: 5px solid #f5f5f5;
	font-size: 0.85rem;
	font-weight: 600;
	color: #333333;
	margin-bottom: 50px;
}

.productionType {
	text-align: center;
}

.productionType p {
	font-size: 1rem;
}
.optionSelect_wrap {
	margin-top: 30px;
}

.product_after img {
	/*border: 2.5px ridge rgba(255, 255, 255, 0.5);*/
}


.wfCheckBox {
	margin-top: 50px;
}

.wfCheckBox > input[type="checkbox"]{
	width:1px;
	height:1px;
	padding:0;
	border:0 none;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	clip:rect(0 0 0 0);
}

.wfCheckBox > label{
	height:15px;
	line-height:15px;
	padding-left:20px;
	display:inline-block;
	background:url(../../images/common/wf_checkbox.png) no-repeat 0 0;
	vertical-align:middle;
	cursor:pointer;
}

.wfCheckBox > input[type="checkbox"]:checked + label{
	background-position: 0 -15px;
}

.wfCheckBoxNomal {
	margin-top: 50px;
}

.wfCheckBoxNomal > input[type="checkbox"]{
	width:1px;
	height:1px;
	padding:0;
	border:0 none;
	margin:0;
	overflow:hidden;
	clip:rect(0 0 0 0);
}

.wfCheckBoxNomal > label{
	height:15px;
	line-height:15px;
	padding-left:20px;
	display:inline-block;
	background:url(../../images/common/wf_checkboxNomal.png) no-repeat 0 0;
	vertical-align:middle;
	cursor:pointer;
}

.wfCheckBoxNomal > input[type="checkbox"]:checked + label{
	background-position: 0 -15px;
}

.check_con {
	margin-top: 10px;
}

.margin_center {
	margin: 0 auto !important;
	text-align: center !important;
}

.bookCoverType{}

.sq-crousal .carousel-indicators li::before {
	width: 15px;
	height: 15px;
	background: #333;
	border-radius: 50%;
	border: solid 2px #AAACAE;
	transition: all 0.3s ease 0s;
	box-shadow: 6px 6px 8px #E9E0E0 inset;
}
.sq-crousal .carousel-indicators li.active::before {
	background: #000;
	box-shadow: 2px 3px 2px #e5edf8 inset;
	border-color: #1870ed;
}
.sq-crousal .carousel-indicators {
	bottom: -40px;
}
.sq-crousal li {
	width: 20px;
}
.sq-crousal .fa-angle-left {
	width: 30px;
	height: 44px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	background-color: rgba(0,0,0,50%);
	font-size: 40px;
	color: #fff;
	left: -20px;
	position: relative;
	top: -17px;
}
.sq-crousal .fa-angle-right {
	width: 30px;
	height: 44px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	background-color: rgba(0,0,0,50%);
	font-size: 40px;
	color: #fff;
	right: -20px;
	position: relative;top: -17px;
}

.sq_indi_color {
	background-color: #333 !important;
}
.sq_foot {
	border-top: none;
}
.sq_wrap {
	float: left;
	width: 100%;
	font-size: 0.8rem;
	font-weight: 600;
}
.border_b {
	border-bottom: 1px solid #dddddd;
}
.border_t {
	border-top: 1px solid #dddddd;
}
.sq_wrap img {
	display: block;
	object-fit: cover;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	height: 250px !important;
}

.sq_table {
	display: block;
}
.sq_table td {
	vertical-align: top;
	padding: 10px;
}

.btn_wrap {
	margin: 0 auto !important;
	padding-top: 50px;
	padding-bottom: 20px;
}

.btn_wrap_deal {
	margin: 0 auto !important;
	padding-top: 50px;
	padding-bottom: 4px;
}

.btn_wrap2 {
	margin: 0 auto !important;
	padding: 10px 15px;
	max-width: 768px;
}

.tabs {
	max-width: 100%;
	margin: 0 auto;
}
#tab-button {
	text-align: center;
	font-size: 0.8rem;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
#tab-button li {
	display: table-cell;
	align-items:center;
	width: 20%;
}
@media(max-width: 412px){
	#tab-button li {
		vertical-align: top !important;
	}
	#tab-button li a {
		height: 52px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

}
#tab-button li a {
	display: block;
	padding: .5em;
	background: #eee;
	border: 1px solid #ddd;
	text-align: center;
	color: #000;
	text-decoration: none;
}
#tab-button li:not(:first-child) a {
	border-left: none;
}
#tab-button li a:hover,
#tab-button .is-active a {
	border-bottom-color: transparent;
	background: #fff;
}
.tab-contents {
	padding: 0;
}

.modal_tit {
	padding:10px;
	text-align: center;
	background-color: #666666;
	color: #ffffff;
	font-size: 1.1rem;
	font-weight: 600;
}

.modal_item p {
	margin-top: 0px !important;
	text-align: justify;
}


.modal img {
	margin-bottom: 3px;
}

.tip_pc {
	margin-top: -20px;
}

.tip_pc strong {
	color: #2e8ece ;
}

.tip_pc p {
	text-align: left;
	font-size: 13px;
}

.tip_pc li {
	text-align: left;
	font-size: 13px;
}

.tip_pc_silsa strong {
	color: #2e8ece ;
}

.tip_pc_silsa p {
	text-align: left;
	font-size: 13px;
}

.tip_pc_silsa li {
	text-align: left;
	font-size: 13px;
}

.tip_pc_mat strong {
	color: #2e8ece ;
}
.tip_pc_mat p {
	text-align: left;
	font-size: 13px;
}
.tip_pc_mat li {
	text-align: left;
	font-size: 13px;
}


.tip_bag {
	margin-top: -20px;
	flex: 2;
	padding: 10px;
}

.tip_bag strong {
	color: #2e8ece ;
}

.tip_bag p {
	text-align: left;
	font-size: 13px;
}

.sample_img_00 {
	flex: 1;
	padding: 10px;
	position: relative;
}

.sample_img_00 img {
	width: 100%;
	background-size: cover;
	height: auto;
	align-content: center;
	padding-right: 5px;
	transform: scale(1.5) translateY(15%);
}

.more {
	margin: 0 0 0 10px;
}

/* 필요에 따라 CSS를 추가하거나 수정하세요. */
#hiddenContent {
	margin-top: 20px;
	/*color: #0da0e9;*/
}
#showMore {

	margin: 5px 0 20px 0;
	padding: 3px 10px;
	/*background-color: #f2f2f2; !* 박스 배경색 *!*/
	/*border: 2px solid #cccccc; !* 테두리 색상 및 두께 *!*/
	/*border-radius: 5px; !* 둥근 모서리의 반지름 *!*/
	/*height: auto; !* 박스의 높이, 내용물에 따라 자동 조절 *!*/
}
#showMore:hover {
	color: #0da0e9;
}


#hiddenExplan {
	margin-top: 20px;
	/*color: #0da0e9;*/
}
#showExpan {

	margin: 5px 0 20px 0;
	padding: 3px 10px;
	/*background-color: #f2f2f2; !* 박스 배경색 *!*/
	/*border: 2px solid #cccccc; !* 테두리 색상 및 두께 *!*/
	/*border-radius: 5px; !* 둥근 모서리의 반지름 *!*/
	/*height: auto; !* 박스의 높이, 내용물에 따라 자동 조절 *!*/
}
#showExpan:hover {
	color: #0da0e9;
}

#hiddenExplan_mat {
	margin-top: 20px;
	/*color: #0da0e9;*/
}
#showExpan_mat {
	margin: 5px 0 20px 0;
	padding: 3px 10px;
	/*background-color: #f2f2f2; !* 박스 배경색 *!*/
	/*border: 2px solid #cccccc; !* 테두리 색상 및 두께 *!*/
	/*border-radius: 5px; !* 둥근 모서리의 반지름 *!*/
	/*height: auto; !* 박스의 높이, 내용물에 따라 자동 조절 *!*/
}
#showExpan_mat:hover {
	color: #0da0e9;
}

#hiddenContentDigital {
	margin-top: 20px;
	/*color: #0da0e9;*/
}
#showMoreDigital {

	margin: 5px 0 20px 0;
	padding: 3px 10px;
	/*background-color: #f2f2f2; !* 박스 배경색 *!*/
	/*border: 2px solid #cccccc; !* 테두리 색상 및 두께 *!*/
	/*border-radius: 5px; !* 둥근 모서리의 반지름 *!*/
	/*height: auto; !* 박스의 높이, 내용물에 따라 자동 조절 *!*/
}
#showMoreDigital:hover {
	color: #0da0e9;
}

#showMoreFour:hover {
	color: #0da0e9;
}

#showMoreFour {
	margin: 5px 0 20px 0;
	padding: 3px 10px;
	/*background-color: #f2f2f2; !* 박스 배경색 *!*/
	/*border: 2px solid #cccccc; !* 테두리 색상 및 두께 *!*/
	/*border-radius: 5px; !* 둥근 모서리의 반지름 *!*/
	/*height: auto; !* 박스의 높이, 내용물에 따라 자동 조절 *!*/
}

#showMoreFour_set:hover {
	color: #0da0e9;
}

#showMoreFour_set {
	margin: 5px 0 20px 0;
	padding: 3px 10px;
	/*background-color: #f2f2f2; !* 박스 배경색 *!*/
	/*border: 2px solid #cccccc; !* 테두리 색상 및 두께 *!*/
	/*border-radius: 5px; !* 둥근 모서리의 반지름 *!*/
	/*height: auto; !* 박스의 높이, 내용물에 따라 자동 조절 *!*/
}

#showMoreTwo:hover {
	color: #0da0e9;
}

#showMoreTwo {
	margin: 5px 0 20px 0;
	padding: 3px 10px;
	/*background-color: #f2f2f2; !* 박스 배경색 *!*/
	/*border: 2px solid #cccccc; !* 테두리 색상 및 두께 *!*/
	/*border-radius: 5px; !* 둥근 모서리의 반지름 *!*/
	/*height: auto; !* 박스의 높이, 내용물에 따라 자동 조절 *!*/
}

#showMoreTwo_set:hover {
	color: #0da0e9;
}

#showMoreTwo_set {
	margin: 5px 0 20px 0;
	padding: 3px 10px;
	/*background-color: #f2f2f2; !* 박스 배경색 *!*/
	/*border: 2px solid #cccccc; !* 테두리 색상 및 두께 *!*/
	/*border-radius: 5px; !* 둥근 모서리의 반지름 *!*/
	/*height: auto; !* 박스의 높이, 내용물에 따라 자동 조절 *!*/
}

#showMoreSpot:hover {
	color: #0da0e9;
}

#showMoreSpot {
	margin: 5px 0 20px 0;
	padding: 3px 10px;
	/*background-color: #f2f2f2; !* 박스 배경색 *!*/
	/*border: 2px solid #cccccc; !* 테두리 색상 및 두께 *!*/
	/*border-radius: 5px; !* 둥근 모서리의 반지름 *!*/
	/*height: auto; !* 박스의 높이, 내용물에 따라 자동 조절 *!*/
}

#showMoreSpot_set:hover {
	color: #0da0e9;
}

#showMoreSpot_set {
	margin: 5px 0 20px 0;
	padding: 3px 10px;
	/*background-color: #f2f2f2; !* 박스 배경색 *!*/
	/*border: 2px solid #cccccc; !* 테두리 색상 및 두께 *!*/
	/*border-radius: 5px; !* 둥근 모서리의 반지름 *!*/
	/*height: auto; !* 박스의 높이, 내용물에 따라 자동 조절 *!*/
}


.paper_g {
	margin-top: -20px;
}

.paper_g strong {
	color: #2e8ece ;
}

.paper_g p {
	font-size: 13px;
}

.paper_link {
	margin-top: 10px;
	margin-bottom: 10px;
}

.paper_link a {
	color: #17a2b8  !important;
}

.paper_tip {
	display: inline-block;
	margin-bottom: 50px;
}

.paper_tip .tip_link {
	position: absolute;
	right: 15px;
	margin-bottom: 15px;
}

.paper_tip a {
	color: #17a2b8;
	border: 1px solid #17a2b8;
	padding: 5px 10px;
	border-radius: 2rem;
}

.paper_tip a:hover {
	color: #0056b3;
	border: 1px solid #0056b3;

}

#showMore {
	font-family: "Noto Sans KR";
	padding: 5px;
	margin-bottom: 10px;
}

.frame_link {
	margin-top: 10px;
	margin-bottom: 10px;
}



.contants_wrap blockquote {
	border: 1px solid #ddd;
}

.printOption {
	margin: 10px 0px 0px 13px;
}

.printOption .tit {
	padding-left: 10px;
	border-left: 3px solid #0095d0;
}

.sub_option {
	margin-top: 5px;
}

.divider {
	border-top: 1px solid #dddddd;
}

.subOptionBg {
	background-color: #f5f5f5;
	padding: 10px 15px 15px 10px;
	border-radius: 5px;
}


.border-none {
	border: none !important;
	border-bottom: 1px solid #dddddd !important;
	padding: 0px;
}

.list_review{
	font-size: 0.75rem;
	font-weight: 400;
	color: #666;
	display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:18px; height:38px; ;
}
.list_review span{
	font-weight: 500;
	color: #956e00;
}
.list_user {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}
.list_user img{
	border-radius: 0.5rem;
	width: 4.1rem;
	height: 4.1rem;
	object-fit: cover;
}

.list_producer_info {
	width: 100% !important;
	margin-left: 10px;
}
.list_producer {
	display: flex;
	justify-content: space-between;
}

.list_producer span {
	font-size: 0.8rem;
	float: right;
	color: #0095d0;
	font-weight: 600;
}

.x_btn {
	font-size: 1.25rem !important;
	color: #000 !important;
}

.starR{
	background: url('../../images/common/ico_review.png') no-repeat right 0;
	background-size: auto 90%;
	width: 16px;
	height: 16px;
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;
	margin-right: -3px !important;
}

.bigstar {
	width: 17px;
	height: 18px;
}

.m_star {
	width: 20px;
	height: 20px;
}
.starR.on{background-position:0 0;}

.expert_intro {
	text-align: center;
}

.expert_intro > .thumb img {
	border-radius: 1rem;
	width: 12rem;
	height: 12rem;
	object-fit: cover;
}

.expert_info p, .expert_field p, .expert_review_block p {
	margin-top: 15px;
	font-size: 0.8rem;
	line-height: 1.3rem;
	color: #666666;
	font-weight: 400;
}

/*.expert_field ol li {*/
/*	word-break: keep-all;!important;*/
/*}*/


.expert_field ol span {
	background-color: white;
	border: solid 0.8px darkgrey;
	border-radius: 0.5rem;
	font-size: 0.8rem;
	font-weight: 450;
	color: #888888;
	padding: 1.5px 8px;
	margin: 2px 3px;
	word-break: keep-all !important;
}

.modal_item {
	margin-bottom: 30px;
}

.modal_item .paper_ex {
	font-size: 0.9rem;

}

.modal_item .bag_tit {
	color: #4F5155;

}





.modal_item .frame_ex {
	font-size: 0.9rem;

}

/*.modal_item2 {*/
/*	margin-bottom: 30px;*/
/*}*/

/*.madal_item2 h3 {*/
/*	text-align: left !important;*/
/*}*/

.madal_item p {
	margin-top: 10px;
}

#image-gallery .modal-footer{
	display: block;
}

.pf_thumb{
	position: relative;
	width: 100%;
	margin: 10px 0px;
	padding: 2px;
}

.pf_thumb span {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	border-bottom-left-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
	position: absolute;
	bottom: 0;
	width: 95.5%;
	background-color: rgba(0, 0, 0, 0.6);
	color: #ffffff;
	font-size: 0.7rem;
	font-weight: 400;
	margin: 0 8px 4px 4px;
	padding: 5px 2px 4px 6px;
}

.pf_thumb img {
	border-radius: 0.5rem;
	width: 100%;
	height: 16vh;
	object-fit: cover;
	border: none;
}

@media (max-width: 768px){
	.pf_thumb img {height: 15vh;}
}

.expert_review_block {
	margin-top: 15px;
	border-bottom: 1px solid #dddddd;

}

.separation {
	margin: 10px 0px;
	border-bottom: 1px solid #dddddd;
}

.profileThumbnail


.custom-file-upload {
	border: 1px solid #ccc;
	width: 5rem;
	height: 5rem;
	display: inline-block;
	cursor: pointer;
	border-radius: 5rem;
	text-align: center;
	vertical-align: center;
	background-color: #dddddd;
	font-size:2rem;
	line-height:4.5rem;
}

.filebox label {
	display: inline-block;
	width: 7rem;
	height: 7rem;
	color: #666666;
	font-size: 2rem;
	line-height: 7rem;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 0.5em;
	background-color: #e5e5e5;
	border:1px solid #dddddd;
}

.filebox input[type="file"] {
	/* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0); border: 0;
}

.filebox img {
	border-radius: 0.5em;
	width: 7rem;
	height: 7rem;
	object-fit: cover;
}

.portfoliobox {
	/* 한글 주석: 포트폴리오 업로드 박스 — 이미지가 영역 전체를 채우도록 고정 */
	position: relative;
	display: block;
	width: 100%;
	max-width: 335px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	border-radius: 0.2em;
	background-color: #e5e5e5;
	border: 1px solid #dddddd;
	cursor: pointer;
}

.portfoliobox label.add_file {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #666666;
	font-size: 2rem;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	border-radius: 0;
	background-color: transparent;
	border: none;
	margin: 0;
}

.portfoliobox label {
	display: inline-block;
	width: 335px;
	height: 200px;
	color: #666666;
	font-size: 2rem;
	line-height: 12rem;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 0.2em;
	background-color: #e5e5e5;
	border:1px solid #dddddd;
}

@media (max-width: 415px){
	.portfoliobox {
		max-width: 295px;
		height: 176px;
	}
	.portfoliobox label { width: 295px; height: 176px; }
	.search_wrap {height: 250px;}
	.pro_search_wrap {height: 200px;}

}
@media (max-width: 280px){
	.portfoliobox {
		max-width: 200px;
		height: 119px;
	}
	.portfoliobox label { width: 200px; height: 119px; }
	.search_wrap { width: 280px; height: 180px;}

}

.portfoliobox input[type="file"] {
	/* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0); border: 0;
}

.portfoliobox img {
	/* 한글 주석: 박스 영역 전체 채움(한쪽 쏠림 방지) */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0.2em;
	display: block;
}

/* 한글 주석: 포트폴리오 이미지창 — 우측 하단 원형 카메라 아이콘 */
.portfoliobox__camera {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92);
	color: #333;
	border: 1px solid rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	pointer-events: none;
	font-size: 14px;
	line-height: 1;
}

.portfoliobox__camera .fa {
	font-size: 14px;
	line-height: 1;
}

/* 한글 주석: 포트폴리오 수정 — 삭제(좌)·수정(우) 버튼 */
.portfolio-edit-actions {
	gap: 12px;
}

.portfolio-btn--delete {
	background: #fff;
	color: #111;
	border: 1px solid #111;
	font-weight: 600;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.portfolio-btn--delete:hover,
.portfolio-btn--delete:focus {
	background: #f3f3f3;
	color: #000;
	border-color: #000;
}

.portfolio-btn--edit {
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.8);
	font-weight: 600;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.portfolio-btn--edit:hover,
.portfolio-btn--edit:focus {
	background: rgba(0, 0, 0, 1);
	border-color: #000;
	color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.reviewimg label {
	display: inline-block;
	width: 80px;
	height: 80px;
	color: #aaa;
	font-size: 0.7rem;
	padding-top: 1.3rem;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 0.2em;
	background-color: #e5e5e5;
	border:1px solid #dddddd;
	font-weight: 400;
}

.reviewimg input[type="file"] {
	/* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0); border: 0;
}

.reviewimg img {
	border-radius: 0.5em;
	width: 3rem;
	height: 3rem;
	object-fit: cover;
}

.listGroup {
	display: flex;
	margin:25px 0;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 10px;
}
.listGroup img {
	border-radius: 0.5rem;
	width: 42px;
	height: 42px;
	object-fit: cover;
}

.listGroup_info {
	display: flex;
}

.listGroup_info .nrma-img-set {
	position: relative;
}

.listGroup_info .no-read-message-amount {
	width: 20px;
	height: 20px;
	/* 한글 주석: 읽지 않은 메시지 뱃지 색상을 오렌지로 변경하여 거래 취소(빨간색)와 혼동 방지 */
	background-color: #FF6A00;
	color: white;
	text-align: center;
	position: absolute;
	top: -10px;
	right: 5px;
	border-radius: 15px;
}

.listGroup_info span {
	display: block;
}

.listGroup_time {
	font-size: 0.8rem;
	color: #999999;
	text-align: right;
	position: relative;
	margin-right: 10px;
}

.badge_round {
	content:"";
	width: 8px;
	height: 8px;
	background-color: #ee8484;
	border-radius: 100%;
	position: absolute;
	top:0;
	right: -10px;
	z-index: 10000;
	padding-left:1px;
}

.chat_wrap h4 {
	text-align: center;
}
.chat_date {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	color: rgba(0, 0, 0, 0.35);
	font-size: 0.8rem;
	color: #666666;
	margin: 0px 0px;
}
.chat_date::before,
.chat_date::after {
	content: "";
	flex-grow: 1;
	background: rgba(0, 0, 0, 0.35);
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 10px;
}
.noline {
	border: none;
	background-color: #ffffff !important;
}
/*------------------------------------
  Messages
------------------------------------*/
.unread {
	cursor: pointer;
}

.messages-box {
	max-height: 28rem;
	overflow: auto;
}

.online-circle {
	border-radius: 3rem;
	width: 3rem;
	height: 3rem;
}
.img-circle img {
	border-radius: 0.5rem;
	width: 50px;
	height: 50px;
	object-fit: cover;
}
.messages-title {
	margin: 0px 5px;
}

.message-img {
	margin: 0px 5px;
}

.message-header {
	margin-bottom: 0.5rem;
}

.text-editor {
	min-height: 18rem;
}

.messages-list li.messages-you .messages-title {
	float: left;
}

.messages-list li.messages-you .message-img {
	float: left;
}

.messages-list li.messages-you p {
	margin-bottom: 1.5rem;
	background-color: #f5f5f5;
	float: left;
	text-align: left;
}

.messages-list li.messages-you .message-header {
	text-align: left;
}

.messages-list li p {
	padding: 10px;
	border: #e6e7e9 1px solid;
}

.messages-list li.messages-me p {
	margin-bottom: 1.5rem;
	float: right;
}

.ql-editor p {
	font-size: 1rem;
}

.messages-p {
	padding: 20px;
	font-size: 0.75rem !important;
}

.time-messages {
	font-size: 0.7rem;
	color: #666666;
	line-height: 0.5rem;
	word-break: keep-all;
}

.img-circle img {
	border-radius: 0.5rem;
	width: 52px;
	height: 52px;
	object-fit: cover;
}

.img-circle-chat img {
	border-radius: 0.5rem;
	width: 45px;
	height: 45px;
	object-fit: cover;
}

.mylist_wrap {
	margin-top: 7px;
	border-radius: 0.3rem;
	padding: 15px;
}

.mylist_info {
	word-break: keep-all;
	overflow: hidden;
	font-size: 0.8rem;
	color: #666666;
	margin-right: 10px;
}

.w_97 {
	text-align: center;
	width: 97px;
}

.customBtn {
	font-size: 0.9rem;
	font-weight: 600;
	color: #334155;
	cursor: pointer;
	/* 한글 주석: 내정보 바로가기(.mypage-dashboard-nav-card)와 동일한 박스 라운드·테두리 */
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
	text-align: center;
	padding: 1.25rem 0.5rem;
	margin: 3px !important;
	text-decoration: none !important;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, color .15s ease;
	/* 한글 주석: OS 글자 확대 시 2열 그리드 안에서 줄바꿈·높이 자동 확장 */
	min-width: 0;
	min-height: 6.75rem;
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.35;
	word-break: keep-all;
	overflow-wrap: break-word;
	box-sizing: border-box;
}

a.customBtn:hover,
a.customBtn:focus {
	color: #0b4f6d !important;
	border-color: #0b8fce;
	box-shadow: 0 4px 14px rgba(11, 143, 206, 0.15);
	transform: translateY(-1px);
}

.customBtn i {
	display: block;
	margin-bottom: 5px;
	color: #0b8fce;
	flex-shrink: 0;
}

/* 한글 주석: 전문가·마이페이지 설정 — 2열 그리드(OS 글자 확대 시 minmax(0,1fr)로 칸 넘침 방지) */
.wf-setting-nav-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.wf-setting-nav-grid .customBtn {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
}

@media (min-width: 768px) {
	.wf-setting-nav-grid--desktop-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* 한글 주석: 마이페이지 바로가기·내정보관리·고객센터 등 라운드 박스 네비게이션 공통 */
.mypage-dashboard-nav-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	max-width: 720px;
}

.mypage-dashboard-nav-grid--two-col {
	grid-template-columns: repeat(2, 1fr);
	max-width: 560px;
}

/* 한글 주석: 고객센터 4메뉴 — 데스크톱 1행 4열, 모바일은 2열(아래 미디어쿼리) */
.mypage-dashboard-nav-grid--four-col {
	grid-template-columns: repeat(4, 1fr);
	max-width: none;
	width: 100%;
}

@media (max-width: 576px) {
	.mypage-dashboard-nav-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.mypage-dashboard-nav-grid--four-col {
		grid-template-columns: repeat(2, 1fr);
	}
}

.mypage-dashboard-nav-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 108px;
	padding: 16px 10px;
	border-radius: 16px;
	border: 1px solid #e2e8f0;
	background: #fff;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
	text-decoration: none !important;
	color: #334155 !important;
	font-weight: 600;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.mypage-dashboard-nav-card:hover,
.mypage-dashboard-nav-card:focus {
	border-color: #0b8fce;
	box-shadow: 0 4px 14px rgba(11, 143, 206, 0.15);
	transform: translateY(-1px);
	color: #0b4f6d !important;
}

/* 한글 주석: 고객센터 4메뉴 — 얇은 라운드 탭 1행, 활성 탭 아이콘색(#0b8fce) */
.wf-customer-center-tabs {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0.5rem;
	width: 100%;
}

.wf-customer-center-tab {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(2.1rem + 2px);
	padding: 0.45rem 0.55rem;
	border: 1px solid #d1d5db;
	border-radius: 0.5rem;
	background: #fff;
	color: #334155;
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1.25;
	text-align: center;
	text-decoration: none !important;
	word-break: keep-all;
	transition: border-color .15s ease, color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.wf-customer-center-tab:hover,
.wf-customer-center-tab:focus {
	border-color: #0b8fce;
	color: #0b8fce;
	text-decoration: none !important;
}

.wf-customer-center-tab.is-active {
	border-color: #0b8fce;
	background: #0b8fce;
	color: #fff !important;
	box-shadow: 0 1px 4px rgba(11, 143, 206, 0.25);
}

@media (max-width: 767.98px) {
	.wf-customer-center-tab {
		font-size: 0.72rem;
		padding: 0.4rem 0.35rem;
	}
}

@media (max-width: 399.98px) {
	.wf-customer-center-tabs {
		gap: 0.35rem;
	}

	.wf-customer-center-tab {
		font-size: 0.66rem;
	}
}

.mypage-dashboard-nav-icon {
	font-size: 1.65rem;
	color: #0b8fce;
	margin-bottom: 8px;
	line-height: 1;
}

.mypage-dashboard-nav-title {
	font-size: 0.95rem;
	letter-spacing: -0.02em;
}

.mypage-dashboard-nav-sub {
	display: block;
	font-size: 0.72rem;
	font-weight: 500;
	color: #64748b;
	margin-top: 4px;
}

.subj {
	width: 90px;
	color: #666666;
	padding: 8px 0;
}

.height-36 {
	height: 36px;
}

.subj2 {
	width: 120px;
	color: #666666;
	padding: 8px 0;
	list-style-type: decimal;
}
.subj2:before {
	content: "\f101";  /* 원하는 아이콘의 번호로 대체 가능 */
	padding-right: 7px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.border_wrap {
	border: 1px solid #dddddd;
	border-radius: 0.3rem;
	padding: 20px;
}

.priceBox {
	border-radius: 0.3rem;
	background-color: #ed6767;
	padding: 7px 15px;
	font-size: 1rem;
	color: #ffffff;
	margin-top: 10px;
}

.searchWidth {
	width: 91.7% !important;
	margin-right: 5px;
}
@media (max-width: 768px){
	.searchWidth {width: 82.5% !important;}
}
@media (max-width: 374px){
	.searchWidth {width: 79% !important;}
}

.boardList {
	padding-bottom: 20px;
	border-bottom: 1px solid #dddddd;
}

.boardList p {
	font-size: 1rem;
	margin-top: 20px;
	margin-bottom: 5px;
	width:100%;
	padding:0 5px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	line-height: 1.3em;
}

.boardList span {
	font-size: 0.8rem;
	color: #999999;
	font-weight: 500;
}

.boardView {
	font-size: 0.85rem;
	font-weight: 400;
	color: #666666;
	line-height: 1.5rem !important;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	padding: 30px 0;
}


#tabs.nav{
	padding: 25px;
}

#tabs.nav-tabs {
	border-bottom: none !important;
}

#tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #336683 !important;
	border-color: transparent transparent #f3f3f3;
}
#tabs .nav-tabs .nav-link {
	border: 1px solid transparent;
	color: #eee;
	font-size: 0.9rem;
	border: 1px solid #276bab;
	color: #276bab;
	padding: 7px 0;
}

#tabs .nav-item {
	border-radius: 0 !important;
}

#tabs .nav-item:last-child {
	border-left:1px solid transparent !important;
	border-top-right-radius: .3rem !important;
	border-bottom-right-radius: .3rem !important;
}

#tabs .nav-item:first-child {
	border-right:1px solid transparent !important;
	border-top-left-radius: .3rem !important;
	border-bottom-left-radius: .3rem !important;
}

#tabs .nav-tabs .nav-link.active{
	color: #ffffff !important;
	background-color: #276bab !important;
}


.userimg img {
	border-radius: 0.5rem;
	width: 50px;
	height: 50px;
	object-fit: cover;
}

.userimg p{
	display: inline-block;
}

.userimg p span{
	display: inline-block;
}

.replytxt {
	font-weight: 400;
	font-size: 0.85rem;
	color: #666666;
	line-height: 1.4rem;
	margin-top: 5px;
}

.dashboard_wrap {}


.dashboard span {
	padding-top: 5px;
	font-size: 1rem;
	font-weight: 700;
	/*display: block;*/
}

.dashboard {
	font-size: 0.8rem;
	font-weight: 300;
	color: #333;
	cursor: pointer;
	border: 1px solid;
	border-radius: 0.3rem;
	text-align: left;
	padding: 5px 15px;
	margin: 3px !important;
	background-color: #eaf0f5;
}


.dashboard_t {
	font-size: 0.8rem;
	font-weight: 300;
	color: #333;
	cursor: pointer;
	border-top: 0.5px solid;
	/*border-radius: 0.5rem;*/
	text-align: left;
	padding: 5px 15px;
	margin: 3px !important;
	background-color: #eaf0f5;
}

.dashboard_tb {
	font-size: 0.8rem;
	font-weight: 300;
	color: #333;
	cursor: pointer;
	border-top: 0.5px solid;
	border-bottom: 0.5px solid;
	/*border-radius: 0.5rem;*/
	text-align: left;
	padding: 7px 15px;
	margin: 3px !important;
	background-color: #eaf0f5;
}

.dashboard_b {
	font-size: 0.8rem;
	font-weight: 300;
	color: #333;
	cursor: pointer;
	border-bottom: 0.5px solid;
	/*border-radius: 0.5rem;*/
	text-align: left;
	padding: 5px 15px;
	margin: 3px !important;
	background-color: #eaf0f5;
}

.dashboard_t span {
	padding-top: 5px;
	font-size: 1rem;
	font-weight: 700;
	/*display: block;*/
}

.dashboard_tb span {
	padding-top: 5px;
	font-size: 1rem;
	font-weight: 700;
	/*display: block;*/
}

.dashboard_b span {
	padding-top: 5px;
	font-size: 1rem;
	font-weight: 700;
	/*display: block;*/
}

.management {
	border-bottom: 1px solid #dddddd;
	margin-top: 1rem;
	font-size: 0.85rem;
}

.management span {
	font-weight: 500;
	font-size: 0.8rem;
	color: #666666;
}

.period {
	background-color: #f5f5f5
}

.navfix {
	margin-top: 50px !important;
	background-color: #ffffff;
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

/*.fixed-bottom-chat {*/
/*	position: fixed;*/
/*	right: 0;*/
/*	bottom: -10px;*/
/*	left: 0;*/
/*	z-index: 1030;*/
/*}*/

.fixed-bottom .btn_back {
	background-color: whitesmoke;
	height: 60px !important;
}

.en_active {
	background-color: #0095d0;
	color: #ffffff !important;
	border-color: #0095d0 !important;
}
.en_active:hover {
	background-color: #27AAE1 !important;
	color: #FFFFFF !important;
	border-color: #27AAE1 !important;
}

.estimateBtn {
	font-size: 13px !important;
	color: #999999 !important;
	margin-top: 1rem !important;
	cursor: pointer;
	padding: 1px 8px 2px;
	height: 20px;
}

.estimateBtn:not(.collapsed) .rotate-icon {
	transform: rotate(180deg);
}

button, html [type="button"] {
	-webkit-appearance: none;
}

button .tip {
	color: black;
}

/*input {*/
/*	-webkit-appearance: none;*/
/*	-webkit-border-radius: 0;*/
/*}*/

.newGallery_wrap {
}
.newGallery_wrap .picture {
	padding: 0px !important;
	margin: 1px !important;
	height: 120px;
	width: 32.17%;
	position: relative;
}

.newGallery_wrap .picture_paper {
	padding: 0px !important;
	margin: 1px !important;
	height: 120px;
	width: 32.17%;
	justify-content: space-between;
	position: relative;
}

.newGallery_wrap .gallery_picture_paper {
	padding: 0px !important;
	margin: 1px !important;
	height: 150px;
	width: 24.25%;
	justify-content: space-between;
	position: relative;
}


.newGallery_wrap .type_picture {
	display: flex;
	flex-wrap: wrap;
	padding: 0px !important;
	margin: 2px !important;
	height: 100%;
	width: 48.8%;
	position: relative;
}

.newGallery_wrap .type_picture_paper {
	display: flex;
	flex-wrap: wrap;
	padding: 0px !important;
	margin: 2px !important;
	height: 100%;
	width: 32%;
	position: relative;
}

.newGallery_wrap .type_picture img {
	width: 100%;
	height: 100%;
	border-radius: 0.25rem;
	object-fit: cover;
}

.newGallery_wrap .type_picture_paper img {
	width: 100%;
	height: 100%;
	/*border-radius: 0.25rem;*/
	object-fit: cover;
}

.newGallery_wrap .picture img {
	width: 100%;
	height: 100%;
	border-radius: 0.25rem;
	object-fit: cover;
}

.newGallery_wrap .picture_paper img {
	width: 100%;
	height: 100%;
	/*border-radius: 0.25rem;*/
	object-fit: cover;
}

.newGallery_wrap .gallery_picture_paper img {
	width: 100%;
	height: 100%;
	/*border-radius: 0.25rem;*/
	object-fit: cover;
}

.newGallery_wrap .ptitle {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
	font-size: 0.7rem;
	font-weight: 500;
	padding: 5px;
	/* text-align: center; */
	/*border-radius: 0.25rem;*/
}

.newGallery_wrap .ptitle_none {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: rgba(0,0,0,0.0);
	color: #ffffff;
	font-size: 0.7rem;
	font-weight: 500;
	padding: 5px;
	/* text-align: center; */
	/*border-radius: 0.25rem;*/
}

.newGallery_wrap .gallery_picture_paper .ptitle {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
	font-size: 0.58rem;
	font-weight: 400;
	padding: 3px;
	/* text-align: center; */
	/*border-radius: 0.25rem;*/
}

.bg_trans {
	background-color: transparent !important;
}

/*후가공*/

#coating_direct {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*코팅입력창*/

#coating_direct_two {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*코팅2입력창*/

#eyelet_direct {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*아일렛 입력창*/

#eyelet_direct_two {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*아일렛 2 입력창*/

#epoxy_front_direct {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px
} /*에폭시사이즈 입력창*/

#epoxy_front_direct_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px
} /*에폭시2사이즈 입력창*/

#epoxy_back_direct {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px
} /*에폭시사이즈 입력창*/

#epoxy_back_direct_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px
} /*에폭시2사이즈 입력창*/

#press_direct {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*형압사이즈 입력창*/

#press_direct_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*형압사이즈 2 입력창*/

#bak_front_size {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*박사이즈단면 입력창*/

#bak_front_size_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*박2사이즈단면 입력창*/

#bak_back_size {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*박사이즈양면 입력창*/

#bak_back_size_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*박2사이즈양면 입력창*/

#tomson_direct {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*도무송사이즈 입력창*/

#tomson_direct_two {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*도무송2사이즈 입력창*/

#tomson_image {
	display:none;
	margin-bottom: 20px;
	padding-left: 50px;
} /*도무송이미지 업로드*/

#tomson_image_two {
	display:none;
	margin-bottom: 20px;
	padding-left: 50px;
} /*도무송2이미지 업로드*/

#tomsonType_image {
	display:none;
	margin-bottom: 20px;
	padding-left: 50px;
} /*도무송이미지 업로드*/

#tomsonType_image_two {
	display:none;
	margin-bottom: 20px;
	padding-left: 50px;
} /*도무송2이미지 업로드*/

#round_direct {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*귀도리사이즈 입력창*/

#round_direct_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*귀도리2사이즈 입력창*/

#push_line_direct {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*오시선 수 입력창*/

#push_line_direct_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*오시선 수 2 입력창*/

#cuting_direct {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*재단사이즈 입력창*/

#cuting_direct_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*재단사이즈 2 입력창*/

#numbering_direct {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*넘버링입력창*/

#numbering_direct_two {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*넘버링 2 입력창*/

#tape_direct {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*양면테이프입력창*/

#tape_direct_two {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*양면테이프 2 입력창*/

#missing_direct {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*미싱라인 수 입력창*/

#missing_direct_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*미싱라인 수 2 입력창*/

#punch_direct {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*타공사이즈 입력창*/

#punch_direct_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*타공사이즈 2 입력창*/

#inswaeji_direct {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*인쇄지 입력창*/

#add_up_direct {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*합지 종이사이즈 입력창*/

#add_up_direct_two {
	display: none;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 50px;
} /*합지 종이사이즈 2 입력창*/

#fold_direct {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*접지 직접 입력창*/

#fold_direct_two {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*접지 2 직접 입력창*/

#binding_direct {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*제본입력창*/

#direction_direct {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*제본방향창*/

#binding_direct_two {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*제본 2 입력창*/

#packing_direct {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*포장입력창*/

#packing_direct_two {
	display: none;
	margin-top: 15px;
	padding-left: 50px;
} /*포장 2 입력창*/


#add_up_direct h5 {
	margin: 5px 0px;
	display: block;
}

#add_up_direct_two h5 {
	margin: 5px 0px;
	display: block;
}

.playground{
	position: fixed;
	right:30px;
	list-style: none;
}

/* 데스크톱 우측 레일(챗봇) 사용 시: 진행률 UI가 레일을 침범하지 않도록 본문 영역 안쪽에 고정 */
@media (min-width: 1200px) {
	ul.playground {
		right: calc(var(--wf-chat-rail-reserve, 0px) + 20px) !important;
	}
}

.playground label {
	font-size: 0.7rem;
}

.progressTag {
	vertical-align: middle  !important;
}

/* 구글지도 위치정보 표시 */
#location{
	padding: 4% 0;
}
#location_work{
	padding: 1% 0;
}

#location .wrapper {
	display: flex;
	justify-content: space-between;
}
.location-info {
	width: 22%;
}
.location-info p {
	padding: 12px 10px;
}
.location-map {
	width: 74%;
}

/* iframe */
iframe {
	width: 100%;
}

/* 구글지도 위치정보 표시 sns 반응형 */
@media (max-width: 600px) {
	#location .wrapper,
	#sns .wrapper {
		flex-direction: column;
	}

	.location-info,
	.location-map,
	.sns-box {
		width: 100%;
	}

	.sns-box {
		margin-bottom: 30px;
	}
}

.zoom-view-btn {
	border: none;
	background: none;
	padding: 0;
}

.management.closed {
	position: relative;
}

.closed_panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.5;
}

.pagination {
	margin-top: 30px;
	margin-bottom: 15px;
}

/* 한글 주석: 요청리스트·공지/FAQ/가이드 등 목록 하단 페이징(카드형 버튼) 공통 스타일 */
.requestlist-pagination-wrap .pagination,
.whafac-list-pagination-wrap .pagination {
	margin-top: 20px;
	margin-bottom: 8px;
	gap: 6px 8px;
}

.requestlist-pagination-wrap .pagination .page-item,
.whafac-list-pagination-wrap .pagination .page-item {
	list-style: none;
}

.requestlist-pagination-wrap .pagination .page-item .page-link,
.whafac-list-pagination-wrap .pagination .page-item .page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	min-height: 36px;
	padding: 0 10px;
	border: 1px solid #dee2e6;
	border-radius: 8px;
	background: #ffffff;
	color: #333333;
	font-size: 13px;
	font-weight: 500;
	font-family: "NanumGothic", "Nanum Gothic", sans-serif;
	font-variant-numeric: tabular-nums;
	line-height: 1.2;
	text-decoration: none;
	box-shadow: none;
}

/* Cfunc 페이징은 a 태그가 page-link 내부에 중첩되므로 동일 색상을 강제로 맞춘다. */
.requestlist-pagination-wrap .pagination .page-item .page-link a,
.whafac-list-pagination-wrap .pagination .page-item .page-link a {
	color: inherit;
	text-decoration: none;
}

.requestlist-pagination-wrap .pagination .page-item.active .page-link,
.whafac-list-pagination-wrap .pagination .page-item.active .page-link {
	background: #0b8fce;
	border-color: #0b8fce;
	color: #ffffff;
	font-weight: 700;
}

.requestlist-pagination-wrap .pagination .page-item.disabled .page-link,
.whafac-list-pagination-wrap .pagination .page-item.disabled .page-link {
	background: #f3f3f3;
	color: #b6b6b6;
	border-color: #e0e0e0;
}

.requestlist-pagination-wrap .pagination .page-item .sr-only,
.whafac-list-pagination-wrap .pagination .page-item .sr-only {
	display: none;
}

@media (max-width: 767px) {
	.requestlist-pagination-wrap,
	.whafac-list-pagination-wrap {
		margin-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
		padding-bottom: 4px;
	}

	.requestlist-pagination-wrap .pagination,
	.whafac-list-pagination-wrap .pagination {
		gap: 3px 4px;
	}

	.requestlist-pagination-wrap .pagination .page-item .page-link,
	.whafac-list-pagination-wrap .pagination .page-item .page-link {
		width: 36px;
		min-width: 36px;
		max-width: 36px;
		height: 36px;
		min-height: 36px;
		padding: 0;
		font-size: 12px;
		font-weight: 600;
		border-radius: 6px;
	}

	.requestlist-pagination-wrap .pagination .page-item:first-child .page-link,
	.requestlist-pagination-wrap .pagination .page-item:last-child .page-link,
	.whafac-list-pagination-wrap .pagination .page-item:first-child .page-link,
	.whafac-list-pagination-wrap .pagination .page-item:last-child .page-link {
		width: auto;
		min-width: 52px;
		max-width: none;
		padding: 0 10px;
	}
}

.custom-footer {
	height: 50px;
	width: 100%;
	padding-top: 14px;
	text-align: center;
	background-color: white;
}

.file-upload-area {
	margin-top: -15px;
}

.file-upload-area > .mt-4 {
	margin-top: 0px !important;
}

.file-upload-area div {
	clear: both;
	overflow: hidden;
}

.newbtn {
	position: relative;
	text-align: center;
	cursor: pointer;
	margin: 5px 10px 16px 0 !important;
	border-radius: 10px;
	border: 2px dashed #e6e6e6;
	background : url(/assets/images/common/addimg.png) 50% 43% / auto no-repeat;
	width: 33.333%;
	height: 235px;
	overflow: hidden;
}

.newbtn:last-child {
	margin-right: 0px !important;
}


@media (max-width: 768px) {
	.newbtn {
		background : url(/assets/images/common/addimg.png) 50% 50% / auto no-repeat;
		height: 100px;
	}
}

.file-upload-area label {
	max-width: 100%;
	font-weight: 400;
}

.file-upload-area input {
	-webkit-writing-mode: horizontal-tb !important;
	text-rendering: auto;
	color: -internal-light-dark(black, white);
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	appearance: textfield;
	background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
	-webkit-rtl-ordering: logical;
	cursor: text;
	margin: 0em;
	padding: 2px 2px;
	border-width: 2px;
	border-style: inset;
	border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	border-image: initial;
}

#mypage-dashboard-estimate-list {
	flex-direction: row;
	display: flex;
	width: 230px;
	justify-content: start ;
}

.management .exmate-part-new-wrapper .new {
	color: red;
	font-weight: bold;
}

.review.modal .modal-title {
	font-size: 30px;
}

.starWrapper {
	display: flex;
	width: 100%;
	align-items: center;
}

.starTitle {
	font-size: 24px;
	width: 100px;
	text-align: right;
}

.starWrapper .starRev {
	padding-left: 10px;
}

.starWrapper .starR {
	width: 30px;
	height: 25px;
}

#review-input-area {
	width: 100%;
	resize: none;
}

.review .modal-footer {
	height: 67px;
	display: flex;
	justify-content: center;
}

.review .modal-footer button {
	width: 100%;
}

.review.modal > div > div > div.modal-body > div:nth-child(2) {
	margin-bottom: 0;
}

.dividing-line-right {
	border-right: 2px solid gray;
}

#pick_check {
	margin: 0 0 0 15px;
}

#shot_jongsu_v2 {
	margin: 0 0 0 15px;
}

#shot_jongsu_v3 {
	margin: 0 0 0 15px;
}

.exmate-part-new-wrapper {
	display: flex;
	align-items: center;
}

.circle {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	margin-left: 5px;
}

.bg-skyblue {
	background: #0095d0 !important;
}



#wf_Promotion .main_copy_wrap,
#wf_design_Promotion .main_copy_wrap,
#wf_photo_Promotion .main_copy_wrap {
	text-align: left;
}

#wf_Promotion .main_copy,
#wf_design_Promotion .main_copy,
#wf_photo_Promotion .main_copy {
	align-items: flex-start;
}

.visual {
	background: linear-gradient(45deg, #0da0e9, #27AE60);
	height: 300px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.pro_visual {
	background: linear-gradient(45deg, #764ba2, #0da0e9);
	height: 300px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.home_copy_wrap {
	/*position: absolute;*/
	position: static;
	top: auto;
	left: auto;
	/*transform: translate(-50%, -50%);*/
	margin: 0;
	width: 100%;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	box-sizing: border-box;
}

.main_header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
}

.main_text {
	text-align: right;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.main_text h3 {
	font-family: SBAggroB;
	font-size: 32px;
	color: #fff;
	margin: 0;
	line-height: 1.2;
	white-space: nowrap;
	display: flex;
	align-items: center;
}

.main_text h3 span {
	font-family: 'yg-jalnan', sans-serif;
	font-size: 4rem;
	color: #fff;
	margin: 0;
	line-height: 1.2;
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
}

.main_text strong {
	color: #fff;
	font-size: 32px;
	display: inline;
	margin-left: 5px;
}

#wf_Promotion .main_copy_wrap,
#wf_design_Promotion .main_copy_wrap,
#wf_photo_Promotion .main_copy_wrap {
	text-align: left;
}

#wf_Promotion .main_copy,
#wf_design_Promotion .main_copy,
#wf_photo_Promotion .main_copy {
	align-items: flex-start;
}

.mobile-text {
	display: none;
}

.desktop-text {
	display: block;
}

@media (max-width: 768px) {
	.main_header {
		flex-direction: column;
		gap: 10px;
	}

	.main_text {
		text-align: center;
		padding: 0 20px;
		max-width: 100%;
	}

	.desktop-text {
		display: none;
	}

	.mobile-text {
		display: block;
	}

	.mobile-text h3 {
		font-size: 28px;
		line-height: 1.4;
		white-space: nowrap !important;
	}
}

@media (max-width: 340px) {
	.mobile-text h3 {
		font-size: 24px;
		line-height: 1.3;
		white-space: nowrap !important;
	}
}

.mobile-subrow {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.title-part {
	font-size: 1.5rem;
	font-weight: bold;
	color: rgb(0, 3, 7);
}

.guide-part {
	display: inline-block;
	vertical-align: middle;
}

.main_text h3 {
	font-family: 'yg-jalnan', 'SBAggroB', sans-serif;
	font-size: 1.8rem;
	margin: 0;
	font-weight: 700;
}

/* 데스크탑 기본 */
.desktop-text {
	display: block;
}
.mobile-text {
	display: none;
}

/* 모바일에서 두 번째 줄 정렬 */
@media screen and (max-width: 767px) {
	.desktop-text {
		display: none !important;
	}
	.mobile-text {
		display: block !important;
	}

	.mobile-second-line {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px; /* 텍스트와 버튼 간격 */
	}

	.guide_button_mobile {
		display: inline-block;
		vertical-align: middle;
	}
}
@media screen and (max-width: 767px) {
	.desktop-text {
		display: none !important;
	}

	.mobile-text {
		display: block !important;
	}

	.mobile-second-line {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}

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

	.mobile-second-line h3 {
		font-size: 2.7rem; /* 기존 1.8rem보다 50% 증가 */
		font-family: 'yg-jalnan', 'SBAggroB', sans-serif;
		font-weight: 700;
		margin: 0;
	}
}



  /*프로모션 스타일*/
/*.swiper-container {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/

.swiper-container {
	position: relative;
	margin: 0 10px 0 10px;
	padding: 0 20px; /* 좌우 여백 추가 */
	position: relative;
	z-index: 0;
}

.swiper-container-banner {
	/*margin: 20px 10px 0 10px;*/
	/*padding: 0 20px; !* 좌우 여백 추가 *!*/
	position: relative;
	z-index: 0;
}

.swiper-wrapper {
	display: flex;
}

.swiper-slide {
	margin-top: 1rem;
	text-align: left;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: stretch;
}

/*.swiper-slide {*/
/*	!*margin-top: 1rem;*!*/
/*	!*text-align: left;*!*/
/*	display: flex;*/
/*	justify-content: center;*/
/*	align-items: stretch;*/
/*}*/

.card {
	width: 100%;
	border: none;
	border-radius: 0;
	overflow: hidden;
	transition: transform 0.3s ease;
	background-color: #f9f9f9;
}

.card:hover {
	transform: translateY(-5px);
}

#search-bar {
	width: 100%;
	max-width: 600px;
	margin: 40px auto 20px auto;
	text-align: center;
	display: none; /* toggle 시 block */
	z-index: 1;
	position: relative; /* 흐름 안에서 밀어내는 위치 */
}


.main_text_wrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap; /* 모바일 시 줄바꿈 */
	gap: 10px;
}

.main_title {
	margin: 0;
	color: whitesmoke;
	font-family: yg-jalnan;
	font-size: 1.6rem; /* 원래 폰트 유지 */
	display: inline-flex;
	align-items: center;
}

.sub_info {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.position_title {
	color: black;
	font-family: yg-jalnan;
	font-size: 2.3rem; /* 제목과 동일한 크기 */
}

/* 전문가 홈 — 우측 챗봇 레일 제외 본문 열 */
@media (min-width: 1200px) {
	body.d-flex > main.expert-home-main {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
		overflow-x: hidden;
	}

	.expert-home-main > .expert-home-main__inner {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
		overflow-x: hidden;
	}
}

/* 한글 주석: 어그로 무료폰트(SBAggroB) — 「업무 자동화」 강조용 */
@font-face {
	font-family: 'SBAggroB';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* 한글 주석: 웨이브 파도체(눈누) — 슬로건 일반 문구용 */
@font-face {
	font-family: 'Wave';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/WavvePADO-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* 전문가 홈 상단 배너 — 첨부 시안(그라데이션·도형·CTA) */
.expert-home-hero.pro_visual {
	position: relative;
	/* 한글 주석: 세로 overflow hidden 시 flex 중앙 정렬과 함께 슬로건 상단이 잘리므로 가로만 숨김 */
	overflow-x: hidden;
	overflow-y: visible;
	min-height: 320px;
	height: auto !important;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0;
	/* 한글 주석: 고정 헤더 아래 슬로건 여백 — 개발자도구 조정값(상 55px·하 50px) */
	margin: 55px 0 50px 0;
	display: flex;
	flex-direction: column;
	/* 한글 주석: legacy .pro_visual(align-items:center) 덮어써 상단부터 콘텐츠 배치 */
	align-items: stretch !important;
	justify-content: flex-start !important;
	background: linear-gradient(105deg, #0c2d5e 0%, #1565a8 38%, #2a9fd4 72%, #5ec8d8 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.expert-home-hero__decor {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}

.expert-home-hero__orb,
.expert-home-hero__pill {
	position: absolute;
	display: block;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	backdrop-filter: blur(2px);
}

.expert-home-hero__orb--1 {
	width: 220px;
	height: 220px;
	left: -4%;
	top: 18%;
	opacity: 0.55;
}

.expert-home-hero__orb--2 {
	width: 140px;
	height: 140px;
	left: 22%;
	bottom: -12%;
	opacity: 0.35;
}

.expert-home-hero__orb--3 {
	width: 180px;
	height: 180px;
	right: 8%;
	top: -8%;
	opacity: 0.42;
	background: rgba(255, 255, 255, 0.18);
}

.expert-home-hero__orb--4 {
	width: 96px;
	height: 96px;
	right: 28%;
	bottom: 22%;
	opacity: 0.28;
}

@media (min-width: 1200px) {
	/* 한글 주석: 장식 도형을 레일 쪽으로 치우치지 않게 좌측·중앙 위주로 배치 */
	.expert-home-hero__orb--3 {
		right: auto;
		left: 58%;
		top: -6%;
	}

	.expert-home-hero__orb--4 {
		right: auto;
		left: 42%;
		bottom: 18%;
	}

	.expert-home-hero__pill--1 {
		right: auto;
		left: 52%;
		top: 40%;
	}
}

.expert-home-hero__pill {
	border-radius: 999px;
	height: 56px;
	background: rgba(255, 255, 255, 0.12);
}

.expert-home-hero__pill--1 {
	width: 200px;
	right: 6%;
	top: 38%;
	transform: rotate(-8deg);
}

.expert-home-hero__pill--2 {
	width: 120px;
	left: 48%;
	bottom: 14%;
	transform: rotate(12deg);
	opacity: 0.5;
}

/* 한글 주석: legacy .home_copy_wrap(left:50% 등) 간섭 방지 — 본문 열 안 중앙 정렬 */
.expert-home-hero__inner {
	position: relative;
	z-index: 1;
	left: auto;
	right: auto;
	top: auto;
	transform: none;
	width: 100%;
	max-width: 100%;
	margin: 0;
	height: auto;
	margin-top: 0;
	padding: 48px 24px 52px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.expert-home-hero__copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: min(720px, 100%);
	margin: 0 auto;
	padding: 0 12px;
	text-align: center;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	/* 한글 주석: 데스크톱·태블릿 — 버튼만 아래로 내려 상·하 여백 균형 */
	.expert-home-hero__cta-group .expert-home-hero__cta {
		margin-top: 40px;
	}
}

@media (min-width: 1200px) {
	.expert-home-hero__inner {
		padding: 44px clamp(20px, 4vw, 40px) 56px;
	}

	.expert-home-hero__copy {
		max-width: min(680px, 100%);
		padding: 0 12px;
	}

	.expert-home-hero__cta-group .expert-home-hero__cta {
		margin-top: 44px;
	}
}

/* 한글 주석: 슬로건·CTA 기준 글자 크기(2번째 줄과 버튼 너비 맞춤) */
.expert-home-hero__slogan {
	font-size: clamp(1.728rem, 5.184vw, 2.808rem);
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 100%;
}

.expert-home-hero__title {
	margin: 0;
	width: 100%;
	max-width: 100%;
	/* 한글 주석: 자식 span에서 웨이브·어그로 각각 지정 */
	font-family: sans-serif;
	font-size: inherit;
	font-weight: normal;
	line-height: 1.18;
	letter-spacing: -0.02em;
	color: #fff;
	word-break: keep-all;
	overflow-wrap: break-word;
	white-space: normal;
	text-shadow: 0 2px 24px rgba(0, 20, 60, 0.25);
	display: flex;
	flex-direction: column;
	align-items: center;
	/* 한글 주석: 슬로건 위·아래 줄 간격 — 이전보다 약간 넓힘 */
	gap: 0.14em;
	/* 한글 주석: 첫 줄 높이 고정 — 타자기 삭제·입력 중 아래 CTA 줄 흔들림 방지 */
	min-height: 1.416em;
	flex-shrink: 0;
}

.expert-home-hero__title-line {
	/* 한글 주석: block 중앙 정렬 — flex 재계산으로 「파트너스를 위한」이 흔들리지 않음 */
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1.18;
}

/* 한글 주석: 첫 줄 — 고정 높이 + 세로 중앙 정렬 */
.expert-home-hero__title-line--headline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	column-gap: 0.4em;
	row-gap: 0.08em;
	min-height: 1.416em;
	flex-shrink: 0;
}

.expert-home-hero__title-line--headline .expert-home-hero__title-wave {
	flex-shrink: 0;
	line-height: 1.18;
	/* 한글 주석: 문구 단위 유지 — 글자 확대 시 「파트너스를 위한」 내부 줄바꿈 방지 */
	white-space: nowrap;
}

/* 한글 주석: 「파트너스를 위한」「지금 시작해 보세요」— 웨이브 파도체 */
.expert-home-hero__title-wave {
	font-family: 'Wave', sans-serif;
	font-weight: normal;
	font-size: 1em;
	color: #fff;
	text-shadow: 0 2px 24px rgba(0, 20, 60, 0.25);
	line-height: 1.18;
}

/* 한글 주석: 「업무 자동화」↔「디지털 전환」교체 영역 — 크기 고정 슬롯 */
.expert-home-hero__title-em-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	overflow: visible;
	flex: 0 0 auto;
	flex-shrink: 0;
	text-align: left;
	height: 1.416em;
	min-height: 1.416em;
	min-width: 6.5em;
	max-width: none;
	line-height: 1.18;
	box-sizing: border-box;
}

/* 한글 주석: 「업무 자동화」만 20% 확대 + 검정(어그로) */
.expert-home-hero__title-em {
	font-family: 'SBAggroB', sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
	text-shadow: none;
}

/* 한글 주석: 슬로건 교체 문구 — 한 줄 유지(「업무 자동화」내부 줄바꿈 방지) */
.expert-home-hero__title-em--rotate {
	display: block;
	line-height: 1.18;
	white-space: nowrap;
	word-break: keep-all;
}

/* 한글 주석: 2번째 슬로건 줄 + 버튼 — 더 넓은 쪽 기준으로 가로 맞춤(CTA 줄바꿈 방지) */
.expert-home-hero__cta-group {
	display: inline-flex;
	flex-direction: column;
	align-items: stretch;
	width: max-content;
	max-width: 100%;
	margin-top: 0.14em;
	font-size: inherit;
	box-sizing: border-box;
}

.expert-home-hero__cta-anchor {
	width: auto;
	max-width: 100%;
	text-align: center;
	white-space: nowrap;
}

/* 한글 주석: 「시작」강조 — CTA 버튼 배경색(#ffe14d)과 동일 */
.expert-home-hero__cta-anchor .expert-home-hero__cta-highlight {
	color: #ffe14d;
	text-shadow: 0 2px 16px rgba(0, 20, 60, 0.2);
}

/* 한글 주석: 「시작해」— span 경계 공백 없이 붙여 표시 */
.expert-home-hero__cta-verb {
	display: inline;
	white-space: nowrap;
	letter-spacing: inherit;
}

.expert-home-hero__cta-group .expert-home-hero__cta {
	margin-top: 26px;
	text-align: center;
	white-space: nowrap;
}

.expert-home-hero__brand {
	font-weight: 800;
	color: #fff;
}

.expert-home-hero__subtitle {
	margin: 0 0 26px;
	width: 100%;
	max-width: 100%;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: clamp(0.82rem, 2.4vw, 1rem);
	font-weight: 500;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.92);
	word-break: keep-all;
	overflow-wrap: break-word;
	white-space: normal;
}

.expert-home-hero__cta {
	display: inline-block;
	min-width: 0;
	padding: 14px 20px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: clamp(0.88rem, 2.2vw, 1rem);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.02em;
	color: #1a1a1a;
	text-decoration: none;
	/* 한글 주석: CTA — 밝은 노란색 배경 */
	background: #ffe14d;
	border: none;
	border-radius: 999px;
	box-shadow: 0 8px 28px rgba(0, 30, 80, 0.22);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.expert-home-hero__cta:hover,
.expert-home-hero__cta:focus {
	color: #1a1a1a;
	text-decoration: none;
	background: #fff08a;
	box-shadow: 0 12px 32px rgba(0, 30, 80, 0.28);
	transform: translateY(-2px);
}

.expert-home-hero__cta:active {
	transform: translateY(0);
}

@media (max-width: 767px) {
	/* 한글 주석: 모바일 — 본문·배너가 뷰포트 밖으로 밀리지 않도록 */
	.expert-home-main,
	.expert-home-main__inner,
	.expert-home-main .main_body_top,
	.expert-home-main .contants {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: hidden;
		box-sizing: border-box;
	}

	.expert-home-hero.pro_visual {
		min-height: auto;
		height: auto !important;
		width: 100%;
		max-width: 100%;
	}

	.expert-home-hero__inner {
		width: 100%;
		max-width: 100%;
		left: 0;
		right: 0;
		transform: none;
		padding: 72px 16px 40px;
	}

	.expert-home-hero__copy {
		width: 100%;
		max-width: 100%;
		padding: 0 8px;
	}

	.expert-home-hero__slogan {
		font-size: clamp(1.512rem, 6.48vw, 1.944rem);
		/* 한글 주석: 모바일 — 텍스트·버튼 영역 90% 축소(줄바꿈·잘림 방지) */
		transform: scale(0.9);
		transform-origin: center top;
		margin-bottom: -0.55em;
		width: 100%;
		max-width: 100%;
	}

	/* 한글 주석: 모바일 — 배너·버튼 위치는 유지, 첫 줄 슬로건만 위로 */
	.expert-home-hero__title {
		margin-top: -14px;
		margin-bottom: 0;
		padding-top: 6px;
		line-height: 1.22;
		gap: 0.14em;
		word-break: keep-all;
		overflow-wrap: break-word;
		min-height: 1.464em;
	}

	.expert-home-hero__title-line {
		line-height: 1.22;
	}

	.expert-home-hero__title-line--headline {
		min-height: 1.464em;
		line-height: 1.22;
		flex-wrap: nowrap;
	}

	.expert-home-hero__title-line--headline .expert-home-hero__title-wave {
		line-height: 1.22;
		white-space: nowrap;
	}

	/* 한글 주석: 모바일 — 교체 문구 슬롯(문구 전체 한 줄, 필요 시 flex-wrap으로 다음 줄 이동) */
	.expert-home-hero__title-em-wrap {
		height: auto;
		min-height: 1.464em;
		min-width: 6.2em;
		max-width: none;
		flex-shrink: 0;
		line-height: 1.22;
		overflow: visible;
	}

	.expert-home-hero__title-em--rotate {
		line-height: 1.22;
		white-space: nowrap;
		word-break: keep-all;
	}

	.expert-home-hero__cta-group {
		/* 한글 주석: 모바일 — 1·2번째 슬로건 줄 사이 간격 */
		margin-top: 0.28em;
		max-width: 100%;
		width: 100%;
	}

	.expert-home-hero__cta-anchor {
		white-space: nowrap;
		line-height: 1.35;
		word-break: keep-all;
		max-width: 100%;
		/* 한글 주석: 행간 확보 — 위로 당기지 않음(버튼 margin-top은 그대로) */
		transform: none;
	}

	.expert-home-hero__cta-group .expert-home-hero__cta {
		margin-top: 20px;
		padding: 12px 8px;
		font-size: clamp(0.78rem, 3.1vw, 0.88rem);
		line-height: 1.35;
		letter-spacing: -0.04em;
		white-space: nowrap;
		max-width: 100%;
		box-sizing: border-box;
	}

	.expert-home-hero__orb--1 {
		width: 120px;
		height: 120px;
		left: -8%;
	}

	.expert-home-hero__pill--1 {
		display: none;
	}
}

@media (max-width: 380px) {
	.expert-home-hero__inner {
		padding: 64px 12px 36px;
	}

	.expert-home-hero__title {
		margin-top: -12px;
	}

	.expert-home-hero__slogan {
		font-size: 1.556rem;
	}

	.expert-home-hero__cta-group .expert-home-hero__cta {
		padding: 11px 6px;
		font-size: 0.76rem;
		letter-spacing: -0.05em;
	}
}

/* 모바일 반응형 처리 */
@media (max-width: 767px) {
	.main_text_wrap {
		flex-direction: column;
		align-items: flex-start; /* 좌측 정렬 */
	}

	.sub_info {
		margin-top: -10px;
	}
}

/* 한글 주석: OS 글자·화면 확대(접근성) — rem·그리드·줄바꿈으로 레이아웃 유지 */
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.wf-setting-nav-grid,
.mypage-dashboard-nav-grid {
	min-width: 0;
}

.mypage-dashboard-nav-card {
	min-width: 0;
	min-height: 6.75rem;
	height: auto;
	word-break: keep-all;
	overflow-wrap: break-word;
	line-height: 1.35;
}