@charset "utf-8";


.detail_btn.md span{width:240px;}
 
@media only screen and (max-width:1400px) {
	.detail_btn.md span{width:230px;}
}
@media only screen and (max-width:1200px) {
	.detail_btn.md span{width:220px;}
}
@media only screen and (max-width:1024px) {
	.detail_btn.md span{width:210px;}
}
@media only screen and (max-width:860px) {
	.detail_btn.md span{width:200px;}
}
@media only screen and (max-width:640px) {
	.detail_btn.md span{width:190px;}
}
@media only screen and (max-width:479px) {
	.detail_btn.md span{width:180px;}
}


/*───────────────────────────────────────────────────────────

	Company common

───────────────────────────────────────────────────────────*/
	#wrap.sub_company .nav_wrap h6 {letter-spacing: 0.02em;}
	#wrap.sub_company .nav_wrap h2 {letter-spacing: inherit;}
	#wrap.sub_company .sub_title h2 {letter-spacing: -0.03em;}

	.dot_list {}
	.dot_list li {position: relative; padding-left: 9px; font-size: 17px; color: #222; letter-spacing: -0.03em; line-height: 1.5; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
	.dot_list li:before {content: ""; position: absolute; left: 0; top: 13px; width: 2px; height: 2px; background: #222; border-radius: 50%;}
	.dot_list li + li {margin-top: 14px;}

	@media only screen and (max-width:1200px) {
		.dot_list li {font-size: 16px;}
		.dot_list li:before {top: 12px;}
	}
	@media only screen and (max-width:860px) {
		.dot_list li {font-size: 15px;}
		.dot_list li:before {top: 11px;}
		.dot_list li + li {margin-top: 12px;}
	}
	@media only screen and (max-width:640px) {
		.dot_list li {font-size: 14px;}
		.dot_list li:before {top: 10px;}
	}
	@media only screen and (max-width:479px) {
		.dot_list li {font-size: 13px;}
		.dot_list li:before {top: 9px;}
		.dot_list li + li {margin-top: 10px;}
	}


/*───────────────────────────────────────────────────────────

	회사개요 | company/about.html

───────────────────────────────────────────────────────────*/
	.sub_about {margin-top: 48px;}
	.sub_about > div {position: relative; width: 100%; padding-top: 106px; padding-bottom: 120px;}
	.sub_about .about_cont {margin-top: 44px;}
	.sub_about .about_cont + .about_cont {margin-top: 50px;}

	@media only screen and (max-width:1024px) {
		.sub_about > div {padding-top: 80px; padding-bottom: 90px;}
		.sub_about .about_cont {margin-top: 34px;}
		.sub_about .about_cont + .about_cont {margin-top: 40px;}
	}
	@media only screen and (max-width:640px) {
		.sub_about > div { padding-top: 56px; padding-bottom: 60px;}
		.sub_about .about_cont {margin-top: 24px;}
		.sub_about .about_cont + .about_cont {margin-top: 30px;}
	}


	/** about_ceo **/
		.sub_about .about_ceo {padding-top: 0; padding-bottom: 142px;}
		.sub_about .about_ceo .sub_inr {position: relative; display: flex; justify-content: space-between; align-items: flex-start; z-index: 1;}
		.sub_about .about_ceo .txt_box {width: calc(100% - 34.5%); box-sizing: border-box; padding-top: 17px; padding-right: 60px;}
		.sub_about .about_ceo .txt_box h4 {margin-bottom: 34px; font-size: 36px; font-weight: 500; color: #222; letter-spacing: -0.04em; line-height: 1.38;}
		.sub_about .about_ceo .txt_box h4:before {content: ""; display: block; width: 60px; height: 2px; background: #000; margin-left: 10px; margin-bottom: 42px;}
		.sub_about .about_ceo .txt_box p {font-size: 20px; font-weight: 400; color: #555; letter-spacing: -0.05em; line-height: 1.7; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_about .about_ceo .txt_box p + p {margin-top: 15px;}
		.sub_about .about_ceo .txt_box p strong {font-size: inherit; font-weight: 500; color: #222;}
		.sub_about .about_ceo .txt_box .ceo {display: flex; align-items: center; margin-top: 67px; font-size: 18px; color: #222; letter-spacing: -0.04em;}
		.sub_about .about_ceo .txt_box .ceo strong {margin-left: 18px; font-size: 28px; font-weight: 500; color: inherit; letter-spacing: inherit;}
		.sub_about .about_ceo .img_box {width: 34.5%;}
		.sub_about .about_ceo .img_box:after {content: ""; position: absolute; right: -72%; top: 51.6%; transform: translateY(-50%); width: 100%; height: 55%; background: #bf9973; z-index: -1;}
		.sub_about .about_ceo .img_wrap {border-radius: 1.7em; overflow: hidden;}
		.sub_about .about_ceo .img_box img {width: 100%; height: 100%; object-fit: cover;}

		@media only screen and (max-width:1400px) {
			.sub_about .about_ceo .txt_box h4 {font-size: 33px;}
			.sub_about .about_ceo .txt_box p {font-size: 19px;}
			.sub_about .about_ceo .txt_box .ceo {font-size: 17px;}
			.sub_about .about_ceo .txt_box .ceo strong {font-size: 26px;}
			.sub_about .about_ceo .img_box:after {top: 21.5vw; height: 22.8vw;}
		}
		@media only screen and (max-width:1200px) {
			.sub_about .about_ceo .txt_box h4 {font-size: 30px;}
			.sub_about .about_ceo .txt_box p {font-size: 18px;}
			.sub_about .about_ceo .txt_box p br {display: none;}
			.sub_about .about_ceo .txt_box .ceo {font-size: 16px;}
			.sub_about .about_ceo .txt_box .ceo strong {font-size: 25px;}
		}
		@media only screen and (max-width:1024px) {
			.sub_about .about_ceo {padding-bottom: 112px;}
			.sub_about .about_ceo .txt_box {padding-top: 12px;}
			.sub_about .about_ceo .txt_box h4 {margin-bottom: 28px; font-size: 27px;}
			.sub_about .about_ceo .txt_box h4:before {width: 50px; margin-left: 5px; margin-bottom: 32px;}
			.sub_about .about_ceo .txt_box p {font-size: 17px;}
			.sub_about .about_ceo .txt_box .ceo {margin-top: 57px; font-size: 15px;}
			.sub_about .about_ceo .txt_box .ceo strong {font-size: 23px;}
		}
		@media only screen and (max-width:860px) {
			.sub_about .about_ceo .txt_box {padding-right: 40px;}
			.sub_about .about_ceo .txt_box h4 {font-size: 24px;}
			.sub_about .about_ceo .txt_box p {font-size: 16px;}
		}
		@media only screen and (max-width:820px) {
			.sub_about .about_ceo .sub_inr {flex-direction: column-reverse; align-items: center; padding-top: 130px;}
			.sub_about .about_ceo .txt_box {width: 100%; padding-top: 40px; padding-right: 0;}
			.sub_about .about_ceo .txt_box h4 {position: absolute; left: 0; top: 0; width: 100%; margin-bottom: 0;}
			.sub_about .about_ceo .txt_box h4 br,
			.sub_about .about_ceo .txt_box p br {display: block;}
			.sub_about .about_ceo .img_box {width: 50%;}
			.sub_about .about_ceo .img_box:after {top: 32vw; width: 100%; height: 35vw;}
		}
		@media only screen and (max-width:640px) {
			.sub_about .about_ceo {padding-bottom: 82px;}
			.sub_about .about_ceo .txt_box h4 {margin-bottom: 22px;}
			.sub_about .about_ceo .txt_box h4:before {width: 40px; margin-left: 0;}
			.sub_about .about_ceo .txt_box .ceo {margin-top: 47px;}
			.sub_about .about_ceo .txt_box .ceo strong {font-size: 22px;}
			.sub_about .about_ceo .img_box {width: 65%;}
			.sub_about .about_ceo .img_box:after {top: 42vw; height: 42vw;}
		}
		@media only screen and (max-width:550px) {
			.sub_about .about_ceo .txt_box P br {display: none;}
		}
		@media only screen and (max-width:495px) {
			.sub_about .about_ceo .sub_inr {padding-top: 160px;}
		}
		@media only screen and (max-width:479px) {
			.sub_about .about_ceo .sub_inr {padding-top: 120px;}
			.sub_about .about_ceo .txt_box h4 {font-size: 22px;}
			.sub_about .about_ceo .txt_box p {font-size: 15px;}
			/* .sub_about .about_ceo .txt_box p + p {margin-top: 12px;} */
			.sub_about .about_ceo .txt_box .ceo {margin-top: 37px; font-size: 14px;}
			.sub_about .about_ceo .txt_box .ceo strong {font-size: 20px;}
			.sub_about .about_ceo .img_box {width: 80%;}
			.sub_about .about_ceo .img_box:after {top: 49vw; height: 48vw;}
		}
		@media only screen and (max-width:457px) {
			.sub_about .about_ceo .sub_inr {padding-top: 150px;}
		}
		@media only screen and (max-width:360px) {
			.sub_about .about_ceo .txt_box h4 br {display: none;}
		}
		@media only screen and (max-width:280px) {
			.sub_about .about_ceo .txt_box h4 {font-size: 20px;}
		}

	/** about_history **/
		.sub_about .about_history {background: #fcf8f5; padding-top: 123px; padding-bottom: 130px;}
		.sub_about .about_history .sub_inr {display: flex; justify-content: space-between;}
		.sub_about .about_history .sub_inr:before {content: ""; position: absolute; right: 20px; top: -198px; width: 81px; height: 170px; background: url("../images/sub/sub_about_history_point.png") no-repeat center; background-size: auto 100%;}
		.sub_about .about_history .sub_inr > div {width: 100%;}
		.sub_about .about_history .left_box {box-sizing: border-box; padding-right: 60px;}
		.sub_about .about_history .left_box {box-sizing: border-box; padding-right: 60px;}
		.sub_about .about_history .history_buliding{font-size:18px; margin:20px 0;color:#333; font-weight:400;}
		.sub_about .about_history .sub_title {margin-bottom:50px;}
		.sub_about .about_history .sub_title h2 + p {margin-top: 24px; line-height: 1.6;}
		.sub_about .about_history .history_box {position: relative; padding-top: 8px;}
		.sub_about .about_history .history_box:before {content: ""; position: absolute; left: 0; top: 30px; width: 1px; height: 90.5%; background: #ccc;}
		.sub_about .about_history .history_box dl {position: relative; width: 100%; box-sizing: border-box; padding-left: 62px;}
		.sub_about .about_history .history_box dl:before,
		.sub_about .about_history .history_box dl:after {content: ""; position: absolute; left: 0; top: 0; background: #bf9973; border-radius: 50%;}
		.sub_about .about_history .history_box dl:before {left: -10px; top: 11px; width: 21px; height: 21px; opacity: 0.3;}
		.sub_about .about_history .history_box dl:after {left: -4px; top: 17px; width: 9px; height: 9px;}
		.sub_about .about_history .history_box dl + dl {margin-top: 39px;}
		.sub_about .about_history .history_box dt {font-size: 34px; font-weight: bold; color: #222; letter-spacing: -0.03em;}
		.sub_about .about_history .history_box dd {padding-top: 18px;}

		@media only screen and (max-width:1400px) {
			.sub_about .about_history .sub_inr:before {width: 5.8vw; height: 12.1vw;}
			.sub_about .about_history .sub_title h2 + p {margin-top: 18px;}
			.sub_about .about_history .history_box dt {font-size: 32px;}
		}
		@media only screen and (max-width:1200px) {
			.sub_about .about_history .sub_inr:before {top: -188px;}
			.sub_about .about_history .history_box dl:before {left: -9px; top: 9px; width: 19px; height: 19px;}
			.sub_about .about_history .history_box dl:after {left: -3px; top: 15px; width: 7px; height: 7px;}
			.sub_about .about_history .history_box dt {font-size: 30px;}
		}
		@media only screen and (max-width:1024px) {
			.sub_about .about_history {padding-top: 108px; padding-bottom: 100px;}
			.sub_about .about_history .sub_inr:before {right: 15px; top: -162px;}
			.sub_about .about_history .left_box {padding-right: 50px;}
			.sub_about .about_history .sub_title {margin-bottom: 28px;}
			.sub_about .about_history .history_box dl {padding-left: 52px;}
			.sub_about .about_history .history_box dl + dl {margin-top: 35px;}
			.sub_about .about_history .history_box dt {font-size: 29px;}
			.sub_about .about_history .history_box dd {padding-top: 15px;}
		}
		@media only screen and (max-width:916px) {
			.sub_about .about_history .history_box:before {height: 89%;}
		}
		@media only screen and (max-width:860px) {
			.sub_about .about_history .sub_inr:before {top: -154px;}
			.sub_about .about_history .sub_title h2 + p {margin-top: 12px;}
			.sub_about .about_history .history_box dt {font-size: 27px;}
			.sub_about .about_history .history_box dd {padding-top: 12px;}
		}
		@media only screen and (max-width:820px) {
			.sub_about .about_history .sub_inr {flex-direction: column;}
			.sub_about .about_history .left_box {padding-right: 0;}
			.sub_about .about_history .history_box {padding-top: 40px;}
			.sub_about .about_history .history_box:before {left: 10px; top: 56px; height: 88%;}
			.sub_about .about_history .history_box dl:before {left: 2px; top: 8px; width: 17px; height: 17px;}
			.sub_about .about_history .history_box dl:after {left: 7px; top: 13px;}
		}
		@media only screen and (max-width:640px) {
			.sub_about .about_history {padding-top: 73px; padding-bottom: 70px;}
			.sub_about .about_history .sub_inr:before {top: -108px; width: 38px; height: 78px;}
			.sub_about .about_history .history_box dl {padding-left: 47px;}
			.sub_about .about_history .history_box dl + dl {margin-top: 30px;}
			.sub_about .about_history .history_box dt {font-size: 25px;}
			.sub_about .about_history .history_box dl:after {left: 7px; top: 13px;}
		}
		@media only screen and (max-width:479px) {
			.sub_about .about_history .sub_title {margin-bottom: 22px;}
			.sub_about .about_history .history_box dl {padding-left: 42px;}
			.sub_about .about_history .history_box dl:before {left: 3px; top: 7px; width: 15px; height: 15px;}
			.sub_about .about_history .history_box dl:after {left: 8px; top: 12px; width: 5px; height: 5px;}
			.sub_about .about_history .history_box dt {font-size: 23px;}
		}
		@media only screen and (max-width:377px) {
			.sub_about .about_history .history_box:before {height: 86.5%;}
		}


	/** about_philosophy **/
		.sub_about .about_philosophy {}
		.sub_about .about_philosophy .sub_title h2 {font-weight: 500; letter-spacing: -0.04em !important;} 
		.sub_about .about_philosophy .sub_title h6 {margin-top: 24px;}
		.sub_about .about_philosophy .philosophy_list {margin-top: 58px; text-align: center;}
		.sub_about .about_philosophy .philosophy_list li {position: relative; display: inline-flex; width: 450px; height: 450px; background: #fbf9f7; border-radius: 50%;}
		.sub_about .about_philosophy .philosophy_list li:nth-child(1) {z-index: 2;}
		.sub_about .about_philosophy .philosophy_list li:after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 70px); height: calc(100% - 70px); box-sizing: border-box; border: 1px dashed #aaa; border-radius: 50%;}
		.sub_about .about_philosophy .philosophy_list li .dot {opacity: 0; transition: all 0.4s; position: absolute; right: -50px; top: 50%; transform: translateY(calc(-50% + 0.5px)); width: 10px; height: 10px; background: #bf9973; border-radius: 50%; z-index: 1;}
		.sub_about .about_philosophy .philosophy_list li dl {display: flex; flex-direction: column; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 112px); height: calc(100% - 112px); background: url("../images/sub/sub_about_philosophy_bg01.png") no-repeat center; background-size: cover; border-radius: 50%; z-index: 1;}
		.sub_about .about_philosophy .philosophy_list li dl:before {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 47px); height: calc(100% - 47px); background: #fff; border-radius: 50%; box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.31); z-index: -1;}
		.sub_about .about_philosophy .philosophy_list li dt {margin-bottom: 20px; font-size: 40px; font-weight: bold; color: #bf9973;}
		.sub_about .about_philosophy .philosophy_list li dd {font-size: 19px; color: #222; line-height: 1.47; letter-spacing: -0.04em;}
		/* type2 */
			.sub_about .about_philosophy .philosophy_list li + li {margin-left: 180px; background: #f4f6f7;}
			.sub_about .about_philosophy .philosophy_list li + li:before {opacity: 0; transition: all 0.4s; content: ""; position: absolute; left: -140px; top: 50%; transform: translateY(calc(-50% + 0.5px)); width: 100px; height: 2px; background: #ddd;}
			.sub_about .about_philosophy .philosophy_list li + li .dot {right: inherit !important; left: -50px; background: #191d22;} 
			.sub_about .about_philosophy .philosophy_list li + li dl {background: url("../images/sub/sub_about_philosophy_bg02.png") no-repeat center; background-size: cover;}
			.sub_about .about_philosophy .philosophy_list li + li dt {margin-bottom: 8px; color: #191d22;}
		/* animation */
			.sub_about .about_philosophy .philosophy_list li + li.aos-animate:before {opacity: 1; transition: all 0.4s; transition-delay: 0.4s;}
			.sub_about .about_philosophy .philosophy_list li.aos-animate .dot {opacity: 1; transition: all 0.4s; transition-delay: 0.4s;}

		@media only screen and (max-width:1400px) {
			.sub_about .about_philosophy .sub_title h6 {margin-top: 18px;}
			.sub_about .about_philosophy .philosophy_list li dt {font-size: 38px;}
			.sub_about .about_philosophy .philosophy_list li dd {font-size: 18px;}
		}
		@media only screen and (max-width:1240px) {
			.sub_about .about_philosophy .philosophy_list li {width: 425px; height: 425px;}
			.sub_about .about_philosophy .philosophy_list li .dot {right: -45px;}
			.sub_about .about_philosophy .philosophy_list li + li {margin-left: 160px;}
			.sub_about .about_philosophy .philosophy_list li + li:before {left: -125px; width: 90px;}
			.sub_about .about_philosophy .philosophy_list li + li .dot {left: -45px;}
			.sub_about .about_philosophy .philosophy_list li dt {font-size: 36px;}
			.sub_about .about_philosophy .philosophy_list li dd {font-size: 17px;}
		}
		@media only screen and (max-width:1140px) {
			.sub_about .about_philosophy .philosophy_list li {width: 400px; height: 400px;}
			.sub_about .about_philosophy .philosophy_list li .dot {right: -40px;}
			.sub_about .about_philosophy .philosophy_list li + li {margin-left: 140px;}
			.sub_about .about_philosophy .philosophy_list li + li:before {left: -110px; width: 80px;}
			.sub_about .about_philosophy .philosophy_list li + li .dot {left: -40px;}
			.sub_about .about_philosophy .philosophy_list li dt {font-size: 34px;}
			.sub_about .about_philosophy .philosophy_list li dd {font-size: 16px;}
		}
		@media only screen and (max-width:1080px) {
			.sub_about .about_philosophy .philosophy_list {margin-top: 43px;}
			.sub_about .about_philosophy .philosophy_list li {width: 375px; height: 375px;}
			.sub_about .about_philosophy .philosophy_list li:after {width: calc(100% - 60px); height: calc(100% - 60px);}
			.sub_about .about_philosophy .philosophy_list li .dot {right: -35px;}
			.sub_about .about_philosophy .philosophy_list li + li {margin-left: 120px;}
			.sub_about .about_philosophy .philosophy_list li + li:before {left: -95px; width: 70px;}
			.sub_about .about_philosophy .philosophy_list li + li .dot {left: -35px;}
			.sub_about .about_philosophy .philosophy_list li dl {width: calc(100% - 100px); height: calc(100% - 100px);}
			.sub_about .about_philosophy .philosophy_list li dl:before {width: calc(100% - 37px); height: calc(100% - 37px);}
		}
		@media only screen and (max-width:940px) {
			.sub_about .about_philosophy .philosophy_list li {width: 350px; height: 350px;}
			.sub_about .about_philosophy .philosophy_list li:after {width: calc(100% - 50px); height: calc(100% - 50px);}
			.sub_about .about_philosophy .philosophy_list li dl {width: calc(100% - 85px); height: calc(100% - 85px);}
			.sub_about .about_philosophy .philosophy_list li dl:before {width: calc(100% - 32px); height: calc(100% - 32px);}
		}
		@media only screen and (max-width:860px) {
			.sub_about .about_philosophy .sub_title h6 {margin-top: 12px;}
			.sub_about .about_philosophy .philosophy_list li {display: flex; margin: 0 auto;}
			.sub_about .about_philosophy .philosophy_list li + li {margin-left: auto; margin-top: 100px;}
			.sub_about .about_philosophy .philosophy_list li + li:before {width: 1px; height: 60px; top: -80px; left: 50%; transform: translateX(calc(-50% + 0.5px));} 
			.sub_about .about_philosophy .philosophy_list li .dot {top: inherit; right: inherit; left: 50%; bottom: -28px; transform: translateX(calc(-50% + 0.5px)); width: 8px; height: 8px;}
			.sub_about .about_philosophy .philosophy_list li + li .dot {bottom: inherit; left: 50%; top: -28px;}
			.sub_about .about_philosophy .philosophy_list li dt {font-size: 32px;}
			.sub_about .about_philosophy .philosophy_list li dd {font-size: 15px;}
		}
		@media only screen and (max-width:640px) {
			.sub_about .about_philosophy .philosophy_list {margin-top: 33px;} 
			.sub_about .about_philosophy .philosophy_list li {width: 320px; height: 320px;}
			.sub_about .about_philosophy .philosophy_list li:after {width: calc(100% - 45px); height: calc(100% - 45px);}
			.sub_about .about_philosophy .philosophy_list li dl {width: calc(100% - 70px); height: calc(100% - 70px);}
			.sub_about .about_philosophy .philosophy_list li dt {font-size: 30px;}
			.sub_about .about_philosophy .philosophy_list li dd {font-size: 14px;}
		}
		@media only screen and (max-width:479px) {
			.sub_about .about_philosophy .philosophy_list li dt {font-size: 28px;}
		}


	/** about_ci **/
		.sub_about .about_ci {background: #f5f5f5;}
		.sub_about .about_ci .sub_title h2 {font-weight: 600;}
		.sub_about .about_ci .sub_title h5.icon {margin-bottom: 22px;}
		.sub_about .about_ci .ci_cont {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;}
		.sub_about .about_ci .ci_cont li,
		.sub_about .about_ci .ci_cont dl {border-radius: 10px; overflow: hidden;}
		.sub_about .about_ci .ci_type li {background: #fff; box-sizing: border-box; padding: 10px; border: 1px solid #ddd; overflow: hidden;}
		.sub_about .about_ci .ci_type li .img_box {box-sizing: border-box; border-radius: 6px; overflow: hidden;}
		.sub_about .about_ci .ci_type li:nth-child(2) .img_box {background: #273890;}
		.sub_about .about_ci .ci_type li:nth-child(n+3) .img_box {border: 1px solid #ddd; background: url("../images/sub/sub_about_ci_bg.jpg") no-repeat center; background-size: cover;}
		.sub_about .about_ci .ci_type li p {padding: 18px 0 12px; font-size: 20px; color: #222; letter-spacing: -0.03em; text-align: center;}
		.sub_about .about_ci .ci_color dl {display: flex; justify-content: space-between; align-items: center; background: #273890; box-sizing: border-box; padding: 23.5px 35px 29.5px 30px; border-radius: 6px;}
		.sub_about .about_ci .ci_color dl + dl {background: #262a2d;}
		.sub_about .about_ci .ci_color dt,
		.sub_about .about_ci .ci_color dd {color: #fff; font-family: 'Lato','Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_about .about_ci .ci_color dt {font-size: 22px; font-weight: 500; color: #fff;}
		.sub_about .about_ci .ci_color dd {display: flex; align-items: center; font-size: 18px;}
		.sub_about .about_ci .ci_color dd span {font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit;}
		.sub_about .about_ci .ci_color dd span + span {margin-left: 24px;}

		@media only screen and (max-width:1400px) {
			.sub_about .about_ci .ci_type li p {font-size: 19px;}
			.sub_about .about_ci .ci_color dl {padding: 27px 35px 27px 30px;}
			.sub_about .about_ci .ci_color dt {font-size: 21px;}
			.sub_about .about_ci .ci_color dd {font-size: 17px;}
		}
		@media only screen and (max-width:1200px) {
			.sub_about .about_ci .ci_cont {gap: 25px;}
			.sub_about .about_ci .ci_type li p {font-size: 18px;}
			.sub_about .about_ci .ci_color dt {font-size: 20px;}
			.sub_about .about_ci .ci_color dd {font-size: 16px;}
			.sub_about .about_ci .ci_color dd span + span {margin-left: 20px;}
		}
		@media only screen and (max-width:1024px) {
			.sub_about .about_ci .ci_cont {gap: 20px;}
			.sub_about .about_ci .ci_type li p {padding: 16px 0 10px; font-size: 17px;}
			.sub_about .about_ci .ci_color dl {padding: 24px 30px 24px 25px;}
			.sub_about .about_ci .ci_color dt {font-size: 19px;}
			.sub_about .about_ci .ci_color dd {font-size: 15px;}
		}
		@media only screen and (max-width:860px) {
			.sub_about .about_ci .sub_title h5.icon {margin-bottom: 16px;}
			.sub_about .about_ci .ci_cont {gap: 15px;}
			.sub_about .about_ci .ci_type li p {padding: 14px 0 8px; font-size: 16px;}
			.sub_about .about_ci .ci_color dl {padding: 22px 25px 22px 20px;}
			.sub_about .about_ci .ci_color dt {font-size: 18px;}
			.sub_about .about_ci .ci_color dd {font-size: 14px;}
			.sub_about .about_ci .ci_color dd span + span {margin-left: 16px;}
		}
		@media only screen and (max-width:640px) {
			.sub_about .about_ci .ci_cont {grid-template-columns: repeat(1, 1fr);}
			.sub_about .about_ci .ci_type li p {font-size: 15px;}
			.sub_about .about_ci .ci_color dl {padding: 20px 25px 20px 20px;}
			.sub_about .about_ci .ci_color dt {font-size: 17px;}
			.sub_about .about_ci .ci_color dd {font-size: 13px;}
		}
		@media only screen and (max-width:479px) {
			.sub_about .about_ci .ci_type li p {font-size: 14px;}
			.sub_about .about_ci .ci_color dt {font-size: 16px;}
			.sub_about .about_ci .ci_color dd {font-size: 12px;}
		}


	/** about_location **/
		.sub_about .about_location {padding-bottom: 0;}
		.sub_about .about_location .sub_title h2 {font-weight: 500;}
		.sub_about .about_location .about_cont {margin-top: 50px;}
		.sub_about .about_location .about_cont + .about_cont {margin-top: 72px;}
		.sub_about .about_location .location_map .map_box {height: 540px; border-radius: 10px 10px 0 0; overflow: hidden;}
		.sub_about .about_location .location_map .info_list {width: 100%; background: #191d22 url("../images/sub/sub_location_logo.png") no-repeat 80px center; box-sizing: border-box; padding: 36px 40px 40px 380px; box-shadow: 0 0 30px 0 rgba(7, 45, 77, 0.15); border-radius: 0 0 10px 10px; overflow: hidden;}
		.sub_about .about_location .location_map .info_list li {display: flex; align-items: flex-start; font-size: 17px; font-weight: 500; color: #fff; letter-spacing: -0.02em;}
		.sub_about .about_location .location_map .info_list li:nth-child(1) {font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_about .about_location .location_map .info_list li + li {margin-top: 22px;}
		.sub_about .about_location .location_map .info_list li img {margin-top: 2px; margin-right: 16px;}
		.sub_about .about_location .location_map .info_list li:nth-child(1) img {margin-right: 14px;}
		.sub_about .about_location .location_traffic .sub_title h5 {margin-bottom: 24px; font-weight: 500;}
		.sub_about .about_location .location_traffic .traffic_list {display: flex; width: 100%; box-sizing: border-box; padding: 40px 0; border: 1px solid #ddd; border-radius: 10px;}
		.sub_about .about_location .location_traffic .traffic_list dl {width: 100%; box-sizing: border-box; padding: 0 40px;}
		.sub_about .about_location .location_traffic .traffic_list dl + dl {border-left: 1px solid #ddd;}
		.sub_about .about_location .location_traffic .traffic_list dt {margin-bottom: 30px; font-size: 20px; font-weight: bold; color: #333; letter-spacing: -0.03em;}
		.sub_about .about_location .location_traffic .traffic_list dt img {margin-right: 16px; transform: translateY(-1px);}
		.sub_about .about_location .location_traffic .traffic_list dd {display: flex; font-size: 16px; color: #444; letter-spacing: -0.03em; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
		.sub_about .about_location .location_traffic .traffic_list dd + dd {margin-top: 17px;}
		.sub_about .about_location .location_traffic .traffic_list dd span {display: inline-flex; justify-content: center; align-items: center; height: 30px; margin-top: -2px; margin-right: 13px; box-sizing: border-box; padding: 0 11px 1px; border: 1px solid transparent; border-radius: 15px; font-size: 15px; font-weight: 500; line-height: 1;}
		.sub_about .about_location .location_traffic .traffic_list .subway dd span {width: 120px;}
			.sub_about .about_location .location_traffic .traffic_list dd span.yellow {border-color: #d6b745; color: #d6b745;}
			.sub_about .about_location .location_traffic .traffic_list dd span.olive {border-color: #5a7742; color: #5a7742;}
			.sub_about .about_location .location_traffic .traffic_list dd span.blue {border-color: #354aaf; color: #354aaf;}
			.sub_about .about_location .location_traffic .traffic_list dd span.green {border-color: #059c00; color: #059c00;}
			.sub_about .about_location .location_traffic .traffic_list dd span.red {border-color: #df1d19; color: #df1d19;}

		@media only screen and (max-width:1400px) {
			.sub_about .about_location .location_traffic .traffic_list dt {font-size: 19px;}
		}
		@media only screen and (max-width:1200px) {
			.sub_about .about_location .location_map .map_box {height: 500px;}
			.sub_about .about_location .location_map .info_list {background-position: 70px center; padding: 32px 35px 35px 370px;}
			.sub_about .about_location .location_map .info_list li {font-size: 16px;}
			.sub_about .about_location .location_map .info_list li + li {margin-top: 20px;}
			.sub_about .about_location .location_traffic .traffic_list {padding: 35px 0;}
			.sub_about .about_location .location_traffic .traffic_list dl {padding: 0 35px;}
			.sub_about .about_location .location_traffic .traffic_list dt {margin-bottom: 28px; font-size: 18px;}
			.sub_about .about_location .location_traffic .traffic_list dt img {width: 38px; margin-right: 14px;}
			.sub_about .about_location .location_traffic .traffic_list dd {font-size: 15px;}
			.sub_about .about_location .location_traffic .traffic_list dd span {font-size: 14px;}
		}
		@media only screen and (max-width:1024px) {
			.sub_about .about_location .about_cont {margin-top: 40px;}
			.sub_about .about_location .about_cont + .about_cont {margin-top: 62px;}
			.sub_about .about_location .location_map .map_box {height: 470px;}
			.sub_about .about_location .location_map .info_list {background-position: 60px center; background-size: auto 47px; padding: 30px 30px 32px 320px;}
			.sub_about .about_location .location_map .info_list li + li {margin-top: 18px;}
			.sub_about .about_location .location_map .info_list li img {width: 20px; margin-top: 1px; margin-right: 12px;}
			.sub_about .about_location .location_map .info_list li:nth-child(1) img {margin-right: 10px;}
			.sub_about .about_location .location_traffic .sub_title h5 {margin-bottom: 20px;}
			.sub_about .about_location .location_traffic .traffic_list {padding: 30px 0;}
			.sub_about .about_location .location_traffic .traffic_list dl {padding: 0 30px;}
			.sub_about .about_location .location_traffic .traffic_list dt {margin-bottom: 26px; font-size: 17px;}
			.sub_about .about_location .location_traffic .traffic_list dt img {width: 36px;}
			.sub_about .about_location .location_traffic .traffic_list .subway dd span {width: 126px;}
		}
		@media only screen and (max-width:860px) {
			.sub_about .about_location .location_map .map_box {height: 440px;}
			.sub_about .about_location .location_map .info_list {background-position: 30px 35px; background-size: auto 42px; padding: 110px 30px 32px;}
			.sub_about .about_location .location_map .info_list li {font-size: 15px;}
			.sub_about .about_location .location_map .info_list li + li {margin-top: 16px;} 
			.sub_about .about_location .location_traffic .traffic_list {flex-direction: column;}
			.sub_about .about_location .location_traffic .traffic_list {padding: 30px;} 
			.sub_about .about_location .location_traffic .traffic_list dl {padding: 0;}
			.sub_about .about_location .location_traffic .traffic_list dl + dl {margin-top: 35px; padding-top: 28px; border-left: 0; border-top: 1px solid #ddd;}
			.sub_about .about_location .location_traffic .traffic_list dt {margin-bottom: 24px; font-size: 16px;}
			.sub_about .about_location .location_traffic .traffic_list dt img {width: 34px; margin-right: 12px;}
			.sub_about .about_location .location_traffic .traffic_list dd {font-size: 14px;}
			.sub_about .about_location .location_traffic .traffic_list dd + dd {margin-top: 14px;}
			.sub_about .about_location .location_traffic .traffic_list dd span {height: 28px; margin-top: -3px; font-size: 13px;}
			.sub_about .about_location .location_traffic .traffic_list .subway dd span {width: 118px;}
		}
		@media only screen and (max-width:640px) {
			.sub_about .about_location .about_cont {margin-top: 30px;}
			.sub_about .about_location .about_cont + .about_cont {margin-top: 52px;}
			.sub_about .about_location .location_map .map_box {height: 400px;}
			.sub_about .about_location .location_map .info_list {background-position: 25px 30px; background-size: auto 37px; padding: 96px 25px 28px;}
			.sub_about .about_location .location_map .info_list li {font-size: 14px;}
			.sub_about .about_location .location_map .info_list li img {width: 18px; margin-top: 0; margin-right: 10px;}
			.sub_about .about_location .location_map .info_list li:nth-child(1) img {margin-right: 8px;}
			.sub_about .about_location .location_traffic .traffic_list {padding: 30px 25px;}
			.sub_about .about_location .location_traffic .traffic_list dt {margin-bottom: 22px;}
			.sub_about .about_location .location_traffic .traffic_list dt img {width: 32px;}
			.sub_about .about_location .location_traffic .traffic_list dd {font-size: 13px;}
			.sub_about .about_location .location_traffic .traffic_list dd span {height: 26px; margin-right: 10px; font-size: 12px;}
		}
		@media only screen and (max-width:479px) {
			.sub_about .about_location .location_map .map_box {height: 360px;}
			.sub_about .about_location .location_map .info_list {background-position: 20px 27px; background-size: auto 35px; padding: 90px 20px 24px;}
			.sub_about .about_location .location_map .info_list li {font-size: 13px;}
			.sub_about .about_location .location_traffic .sub_title h5 {margin-bottom: 16px;}
			.sub_about .about_location .location_traffic .traffic_list {padding: 25px 20px;}
			.sub_about .about_location .location_traffic .traffic_list dl + dl {margin-top: 30px;}
			.sub_about .about_location .location_traffic .traffic_list dt img {width: 30px; transform: translateY(-3px);}
			.sub_about .about_location .location_traffic .traffic_list dd span {height: 25px;}
		}


/*───────────────────────────────────────────────────────────

	조직도 | company/work.html

───────────────────────────────────────────────────────────*/
	.sub_work .wide_bnr {margin-top: 48px; margin-bottom:0 !important;}
	.sub_work .work_chart {position: relative; width: 100%; background: url("../images/sub/sub_work_bg.png") no-repeat center -40px; padding-top: 105px;}
	.sub_work .work_chart h3,
	.sub_work .work_chart .chart_box .step_wrap h4 {display: flex; align-items: center; justify-content: center; margin: 0 auto;}
	.sub_work .work_chart h3 span,
	.sub_work .work_chart .chart_box .step_wrap h4 {font-weight: 500; color: #fff; letter-spacing: -0.03em; text-align: center;}
	.sub_work .work_chart h3 {position: relative; width: 230px; height: 230px; background: rgba(25,29,34,0.2); border-radius: 50%;}
	.sub_work .work_chart h3 span {display: inline-flex; align-items: center; justify-content: center; width: calc(100% - 30px); height: calc(100% - 30px); background: #191d22 url("../images/sub/sub_work_symbol.png") no-repeat center; background-size: 100%; border-radius: 50%; font-size: 30px; line-height: 1.6;}
	.sub_work .work_chart .chart_box {position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px; margin-top: 60px;}
	.sub_work .work_chart .chart_box .step_wrap {width: 100%; padding-top: 40px;}
	.sub_work .work_chart .chart_box .step_wrap h4 {position: relative; width: 280px; height: 80px; background: #bf9973; border-radius: 40px; font-size: 20px; line-height: 1.3;}
	.sub_work .work_chart .chart_box .step_wrap .step_list {position: relative; display: flex; justify-content: center; margin-top: 40px; padding-top: 40px;}
	.sub_work .work_chart .chart_box .step_wrap .step_list.step02 {justify-content: space-between;}
	.sub_work .work_chart .chart_box .step_wrap .step_list li {position: relative; width: 190px; background: #fff; box-sizing: border-box; padding: 14px 20px 18px; border: 1px solid #bf9973; border-radius: 30px; font-size: 18px; font-weight: 500; color: #333; letter-spacing: -0.03em; text-align: center;}

	/* line */
		.sub_work .work_chart:before,
		.sub_work .work_chart .chart_box:before,
		.sub_work .work_chart .chart_box .step_wrap h4:before,
		.sub_work .work_chart .chart_box .step_wrap .step_list.step02:before {content: ""; position: absolute; left: 50%; transform: translateX(calc(-50% + 0.5px));}
		/* 세로선 */
			.sub_work .work_chart:before,
			.sub_work .work_chart .chart_box .step_wrap h4:before {width: 1px; background: #ccc;}
			.sub_work .work_chart:before {top: 19%; height:calc(70% - 27px);}
			.sub_work .work_chart .chart_box .step_wrap h4:before {bottom: -40px; height: 40px;}
			.sub_work .work_chart .chart_box .step_wrap:nth-child(2) h4:before {display: none;}
		/* 라운드 박스 */
			.sub_work .work_chart .chart_box:before,
			.sub_work .work_chart .chart_box .step_wrap .step_list.step02:before {top: 0; height: 40px; box-sizing: border-box; border: 1px solid #ccc; border-bottom: 0; border-radius: 10px 10px 0 0;}
			.sub_work .work_chart .chart_box:before {width: 69%;}
			.sub_work .work_chart .chart_box .step_wrap .step_list.step02:before {width: 53.5%;}
	/* dot */
		.sub_work .work_chart .chart_box .step_wrap h4:after,
		.sub_work .work_chart .chart_box .step_wrap .step_list li:after {content: ""; position: absolute; left: 50%; top: -6px; transform: translateX(-50%); width: 12px; height: 12px; background: #bf9973; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%;}
		.sub_work .work_chart .chart_box .step_wrap .step_list li:after {top: -7px;}

	@media only screen and (max-width:1400px) {
		.sub_work .wide_bnr {margin-top: 4vw;}
		.sub_work .work_chart {background-size: 90% auto;}
		.sub_work .work_chart h3 span {font-size: 28px;}
		.sub_work .work_chart .chart_box .step_wrap h4 {width: 20vw; font-size: 19px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list li {width: 82.8%; font-size: 17px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list.step02 li {width: calc(50% - 12.5px);}
	}
	@media only screen and (max-width:1200px) {
		.sub_work .work_chart {background-position: center -20px; background-size: 95% auto; padding-top: 85px;}
		.sub_work .work_chart h3 {width: 210px; height: 210px;}
		.sub_work .work_chart h3 span {font-size: 27px;}
		.sub_work .work_chart .chart_box {margin-top: 50px;}
		.sub_work .work_chart .chart_box .step_wrap {padding-top: 35px;}
		.sub_work .work_chart .chart_box .step_wrap h4 {font-size: 18px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list {margin-top: 35px; padding-top: 35px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list li {font-size: 16px;}

		/* 세로선 */
			.sub_work .work_chart:before {height: calc(80% - 110px);}
			.sub_work .work_chart .chart_box .step_wrap h4:before {bottom: -35px; height: 35px;}
		/* 라운드 박스 */
			.sub_work .work_chart .chart_box:before,
			.sub_work .work_chart .chart_box .step_wrap .step_list.step02:before {height: 35px;}
	}
	@media only screen and (max-width:1024px) {
		.sub_work .work_chart {background-position: center top; background-size: 100% auto; padding-top: 65px;}
		.sub_work .work_chart h3 {width: 190px; height: 190px;}
		.sub_work .work_chart h3 span {font-size: 25px;}
		.sub_work .work_chart .chart_box {margin-top: 40px;}
		.sub_work .work_chart .chart_box .step_wrap {padding-top: 30px;}
		.sub_work .work_chart .chart_box .step_wrap h4 {height: 74px; font-size: 17px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list {margin-top: 30px; padding-top: 30px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list li {width: 89%; padding: 16px 20px 16px; font-size: 15px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list.step02 li {width: calc(50% - 10px);}

		/* 세로선 */
			.sub_work .work_chart:before {height: calc(81% - 105px);}
			.sub_work .work_chart .chart_box .step_wrap h4:before {bottom: -30px; height: 30px;}
		/* 라운드 박스 */
			.sub_work .work_chart .chart_box:before,
			.sub_work .work_chart .chart_box .step_wrap .step_list.step02:before {height: 30px;}
		/* dot */
			.sub_work .work_chart .chart_box .step_wrap h4:after,
			.sub_work .work_chart .chart_box .step_wrap .step_list li:after {top: -5.5px; width: 11px; height: 11px;}
			.sub_work .work_chart .chart_box .step_wrap .step_list li:after {top: -6.5px;}
	}
	@media only screen and (max-width:860px) {
		.sub_work .work_chart {background-size: 110% auto;}
		.sub_work .work_chart h3 {width: 180px; height: 180px;}
		.sub_work .work_chart h3 span {font-size: 24px;}
		.sub_work .work_chart .chart_box {grid-template-columns: repeat(1, 1fr); margin-top: 0;}
		.sub_work .work_chart .chart_box .step_wrap {padding-top: 40px;}
		.sub_work .work_chart .chart_box .step_wrap h4 {width: 250px; height: 70px; font-size: 16px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list li {width: 202px; padding: 14px 20px; font-size: 14px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list.step02 {justify-content: center;}
		.sub_work .work_chart .chart_box .step_wrap .step_list.step02 li {width: 202px; height:50px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list.step02 li + li {margin-left: 50px;}

		/* 세로선 */
			.sub_work .work_chart:before {bottom: inherit; top: 95px; height: calc(100% - 174px);}
		/* 라운드 박스 */
			.sub_work .work_chart .chart_box:before {display: none;}
			.sub_work .work_chart .chart_box .step_wrap .step_list.step02:before {width: 254px;}
	}
	@media only screen and (max-width:640px) {
		.sub_work .work_chart {background-size: 120% auto; padding-top: 45px;}
		.sub_work .work_chart h3 span {font-size: 22px;}
		.sub_work .work_chart .chart_box .step_wrap h4 {height: 68px; font-size: 15px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list li {font-size: 13px;}

		/* dot */
			.sub_work .work_chart .chart_box .step_wrap h4:after,
			.sub_work .work_chart .chart_box .step_wrap .step_list li:after {top: -5px; width: 10px; height: 10px;}
			.sub_work .work_chart .chart_box .step_wrap .step_list li:after {top: -6px;}
	}
	@media only screen and (max-width:490px) {
		.sub_work .work_chart {background-size: 130% auto;}
		.sub_work .work_chart h3 {width: 170px; height: 170px;}
		.sub_work .work_chart .chart_box .step_wrap {padding-top: 30px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list {margin-top: 25px; padding-top: 25px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list li {width: 45.6%;}
		.sub_work .work_chart .chart_box .step_wrap .step_list.step02 {justify-content: space-between;}
		.sub_work .work_chart .chart_box .step_wrap .step_list.step02 li {width: calc(50% - 20px);}
		.sub_work .work_chart .chart_box .step_wrap .step_list.step02 li + li {margin-left: 0;}

		/* 세로선 */
			.sub_work .work_chart .chart_box .step_wrap h4:before {bottom: -25px; height :25px;}
		/* 라운드 박스 */
			.sub_work .work_chart .chart_box:before,
			.sub_work .work_chart .chart_box .step_wrap .step_list.step02:before {height: 25px;}
			.sub_work .work_chart .chart_box .step_wrap .step_list.step02:before {width: 51.8vw;}
	}
	@media only screen and (max-width:479px) {
		.sub_work .work_chart {background-size: 140% auto;}
		.sub_work .work_chart h3 span {font-size: 21px;}
		.sub_work .work_chart .chart_box .step_wrap h4 {width: 210px; height: 64px; font-size: 14px;}
		.sub_work .work_chart .chart_box .step_wrap .step_list li {font-size: 12px;}
	}


/*───────────────────────────────────────────────────────────

	컨설턴트 소개 | company/introduce.html

───────────────────────────────────────────────────────────*/
	.sub_introduce .wide_bnr {margin-top: 48px; margin-bottom: 0 !important; background:url('../images/sub/sub_introduce_bnr.png') no-repeat center; height:100%; margin-bottom:50px!important;}
	.sub_introduce .wide_bnr .txt_box {width: calc(100% - 34.5%); box-sizing: border-box;  padding-right: 60px; padding-left:80px; min-height:400px;}
	.sub_introduce .wide_bnr .txt_box p {font-size: 26px; font-weight: 500; color: #bf9973; letter-spacing: -0.05em; line-height: 1.7; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;padding-top:50px;}
	.sub_introduce .wide_bnr .txt_box h4 { font-size: 50px; font-weight: 500; color: #fff; letter-spacing: -0.04em; line-height: 1.38;margin-top:10px;}
	.sub_introduce .wide_bnr .txt_box p + p {margin-top: 15px;}
	.sub_introduce .wide_bnr .txt_box p strong {font-size: inherit; font-weight: 500; color: #222;}
	.sub_introduce .wide_bnr .txt_box .career {font-size:16px; color:#eee; line-height:36px;padding-top:25px; font-weight:300;}
	.sub_introduce .wide_bnr .txt_box .career li {width:350px; display:inline-block;}
	.sub_introduce .consultant_sec {padding-top: 124px; padding-bottom: 140px;}
	.sub_introduce .consultant_sec .sub_title h2 {font-weight: 500; letter-spacing: -0.04em !important; font-size:50px;}
	.sub_introduce .consultant_sec .sub_title h3 {font-weight: 500; letter-spacing: -0.04em !important; font-size:36px; margin-top: 25px; color:#bf9973;}
	.sub_introduce .consultant_sec .consultant_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 50px;}
	.sub_introduce .consultant_sec .consultant_list li {position: relative; background: #f5f5f5; border-radius: 10px; overflow: hidden;}
	.sub_introduce .consultant_sec .consultant_list li .thumb img {width: 100%; height: 100%; object-fit: cover;}
	.sub_introduce .consultant_sec .consultant_list li .txt {position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; padding-left: 38px;}
	.sub_introduce .consultant_sec .consultant_list li .txt dt {margin-bottom: 4px; font-size: 20px; font-weight: 400; color: #bf9973; letter-spacing: -0.04em;}
	.sub_introduce .consultant_sec .consultant_list li .txt dd {padding-left: 1px; font-size: 36px; font-weight: 500; color: #222; letter-spacing: -0.04em;}

	/* 자산관리사업부 - asset */
		.sub_introduce .consultant_sec.asset {padding-top: 84px;}
	/* 빌딩 매매 및 투자사업부 - building */
		.sub_introduce .consultant_sec.building {background: #fcf8f5;}
		.sub_introduce .consultant_sec.building .consultant_list li {background: #fff;}
	/* 경영 지원부 - develop */
		.sub_introduce .consultant_sec.develop {padding-bottom: 0;}

	@media only screen and (max-width:1400px) {
		.sub_introduce .wide_bnr {margin-top: 4vw;}
		.sub_introduce .consultant_sec .consultant_list li .txt dt {font-size: 19px;}
		.sub_introduce .consultant_sec .consultant_list li .txt dd {padding-left: 0; font-size: 33px;}
	}
	@media only screen and (max-width:1200px) {
		.sub_introduce .consultant_sec .consultant_list {gap: 30px;}
		.sub_introduce .consultant_sec .consultant_list li .txt {padding-left: 33px;}
		.sub_introduce .consultant_sec .consultant_list li .txt dt {font-size: 18px;}
		.sub_introduce .consultant_sec .consultant_list li .txt dd {font-size: 30px;}

		/* 빌딩 매매 및 투자사업부 - building */
			.sub_introduce .consultant_sec.building .consultant_list li:nth-last-child(-n+3) {margin-top: 30px;} 
	}
	@media only screen and (max-width:1024px) {
		.sub_introduce .consultant_sec {padding-top: 94px; padding-bottom: 110px;}
		.sub_introduce .consultant_sec .consultant_list {gap: 25px; margin-top: 40px;}
		.sub_introduce .consultant_sec .consultant_list li .txt {padding-left: 28px;}
		.sub_introduce .consultant_sec .consultant_list li .txt dt {font-size: 17px;}
		.sub_introduce .consultant_sec .consultant_list li .txt dd {font-size: 27px;}

		/* 자산관리사업부 - asset */
			.sub_introduce .consultant_sec.asset {padding-top: 64px;}
		/* 빌딩 매매 및 투자사업부 - building */
			.sub_introduce .consultant_sec.building .consultant_list li:nth-last-child(-n+3) {margin-top: 25px;} 
	}
	@media only screen and (max-width:860px) {
		.sub_introduce .wide_bnr .txt_box {width: calc(100% - 5%); box-sizing: border-box;  padding-right: 60px; padding-left:8%;}
		.sub_introduce .consultant_sec .consultant_list {grid-template-columns: repeat(2, 1fr);}
		.sub_introduce .consultant_sec .consultant_list li .txt {padding-left: 33px;}

		/* 빌딩 매매 및 투자사업부 - building */
			.sub_introduce .consultant_sec.building .consultant_list li:last-child {margin-top: 0 !important;} 
	}
	@media only screen and (max-width:640px) {
		.sub_introduce .wide_bnr .txt_box {width: calc(100% - 5%); box-sizing: border-box;  padding-right: 60px; padding-left:8%;min-height: 200px;}
		.sub_introduce .wide_bnr .txt_box p { font-size:17px;}
		.sub_introduce .wide_bnr .txt_box h4 {font-size:32px;}
		.sub_introduce .wide_bnr .txt_box .career {display:none;}
		.sub_introduce .wide_bnr {height: 100%; object-fit: cover; background-position:58% 10%;background-size:cover; height:200px;}
		.sub_introduce .consultant_sec {padding-top: 64px; padding-bottom: 80px;}
		.sub_introduce .consultant_sec .consultant_list {gap: 20px; margin-top: 30px;}
		.sub_introduce .consultant_sec .consultant_list li .txt {padding-left: 20px;}
		.sub_introduce .consultant_sec .consultant_list li .txt dt {font-size: 16px;}
		.sub_introduce .consultant_sec .consultant_list li .txt dd {font-size: 24px;}

		/* 자산관리사업부 - asset */
			.sub_introduce .consultant_sec.asset {padding-top: 44px;}
		/* 빌딩 매매 및 투자사업부 - building */
			.sub_introduce .consultant_sec.building .consultant_list li:nth-last-child(-n+3) {margin-top: 20px;}
	}
	@media only screen and (max-width:560px) {
		.sub_introduce .consultant_sec .consultant_list li .txt dt {font-size: 15px;}
		.sub_introduce .consultant_sec .consultant_list li .txt dd {font-size: 22px;}

}
	}
	@media only screen and (max-width:479px) {

		.sub_introduce .wide_bnr {background-position: 50% 11%;}
		.sub_introduce .consultant_sec .consultant_list {grid-template-columns: repeat(1, 1fr);}
		.sub_introduce .consultant_sec .consultant_list li .thumb {width: 90%; margin-left: auto;}
		.sub_introduce .consultant_sec .consultant_list li .txt {padding-left: 33px;}
		.sub_introduce .consultant_sec .consultant_list li .txt dt {font-size: 16px;}
		.sub_introduce .consultant_sec .consultant_list li .txt dd {font-size: 26px;}

		/* 빌딩 매매 및 투자사업부 - building */
			.sub_introduce .consultant_sec.building .consultant_list li:nth-last-child(2) {margin-top: 0 !important;}
	}


/*───────────────────────────────────────────────────────────

	회사소식 - 일반형 게시판 | board/board_list?code=notice.html

───────────────────────────────────────────────────────────*/
	table.default_custom {border-top: 2px solid #000;}
	table.default_custom th {box-sizing: border-box; padding: 29px 12px; border-bottom-color: #000; font-size: 18px; font-weight: 500; color: #333; letter-spacing: -0.03em;}
	table.default_custom th:nth-child(1) {font-weight: bold;}
	table.default_custom td {box-sizing: border-box; padding: 28.5px 12px; font-size: 16px; color: #999;}
	table.default_custom td.left {padding-left: 0 !important; padding-right: 0 !important;}
	table.default_custom td .board_tit h3 {font-size: 18px; color: #333; letter-spacing: -0.03em;}
	table.default_custom td .board_tit h3 strong {position: relative; line-height: 1.4; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
	table.default_custom td .board_tit a:hover h3 {color: #bf9973;}
	table.default_custom td .board_tit a:hover h3 strong:after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #bf9973;}
	
	/* No */
		table.default_custom th:nth-child(1) {font-weight: bold;}
		table.default_custom th:nth-child(1),
		table.default_custom td:nth-child(1) {padding-left: 0 !important; padding-right: 0 !important;}
	/* 공지 */
		table.default_custom tr.board_notice td {padding: 24.5px 12px; background: #fff;}
		table.default_custom tr.board_notice td .notice {display: inline-block; background: #191d22; padding: 0 16px; border-radius: 15px; font-size: inherit; font-weight: 500; color: #fff; letter-spacing: -0.03em; line-height: 30px;}
		table.default_custom tr.board_notice td .board_tit h3 {font-weight: bold;}

	@media only screen and (max-width:1200px) {
		table.default_custom th {padding: 26.5px 12px; font-size: 17px;}
		table.default_custom td {padding: 26px 12px; font-size: 15px;}
		table.default_custom td .board_tit h3 {font-size: 17px;}

		/* 공지 */
			table.default_custom tr.board_notice td {padding: 22px 12px;}
	}
	@media only screen and (max-width:860px) {
		table.default_custom th {padding: 24px 12px; font-size: 16px;}
		table.default_custom td {padding: 23.5px 12px; font-size: 14px;}
		table.default_custom td .board_tit h3 {font-size: 16px;}

		/* 공지 */
			table.default_custom tr.board_notice td {padding: 19.5px 12px;}
			table.default_custom tr.board_notice td .notice {padding: 0 14px; border-radius: 14px; line-height: 28px;}
	}
	@media only screen and (max-width:767px) {
		/* No */
			table.default_custom col:first-child {width: 11.8%;}
	}
	@media only screen and (max-width:640px) {
		table.default_custom .m_dn {display: none;}
		table.default_custom th {padding: 21.5px 12px; font-size: 15px;}
		table.default_custom td {padding: 21px 12px; font-size: 13px;}
		table.default_custom td .board_tit h3 {font-size: 15px;}

		/* No */
			table.default_custom col:first-child {width: 13%;}
		/* 공지 */
			table.default_custom tr.board_notice td {padding: 18px 12px;}
			table.default_custom tr.board_notice td .notice {padding: 0 12px; border-radius: 13px; line-height: 26px;}
	}
	@media only screen and (max-width:479px) {
		table.default_custom th {padding: 19px 12px; font-size: 14px;}
		table.default_custom td {padding: 18.5px 12px; font-size: 12px;}
		table.default_custom td .board_tit h3 {font-size: 14px;}

		/* No */
			table.default_custom col:first-child {width: 17%;}
	}


/*───────────────────────────────────────────────────────────

	서비스 소개 | service/about.html

───────────────────────────────────────────────────────────*/
	.sub_service {}
	.sub_service .service_about {display: flex; align-items: flex-start; margin-top: 58px;}
	.sub_service .service_about > li {width: 100%; box-sizing: border-box; border-radius: 20px; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.14); text-align: center; overflow: hidden;}
	.sub_service .service_about > li + li {margin-left: 55px;}
	.sub_service .service_about > li .tit_box {background: #191d22; box-sizing: border-box; padding: 31px 10px;}
	.sub_service .service_about > li .tit_box span {font-size: 26px; color: #bf9973; letter-spacing: -0.04em;}
	.sub_service .service_about > li .tit_box h3 {margin-top: 7px; font-size: 34px; font-weight: 500; color: #fff; letter-spacing: -0.03em;}
	.sub_service .service_about > li .service_list {width: 100%; box-sizing: border-box; border: 1px solid #ddd; border-top: 0; border-bottom: 0; padding: 35px 10px 38px;}
	.sub_service .service_about > li .service_list li {font-size: 18px; color: #555; line-heighT: 1.45; letter-spacing: -0.035em;}
	.sub_service .service_about > li .service_list li + li {margin-top: 12px;}
	.sub_service .service_about > li .recommend_box {width: 100%; background: #f5f5f5; box-sizing: border-box; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 20px 20px; padding: 30px 10px 22px;}
	.sub_service .service_about > li .recommend_box .tooltip {opacity: 0; transition: opacity .6s; position: relative; display: inline-block; background: #fff; box-sizing: border-box; padding: 3px 12px 6px; border: 1px solid #bf9973; border-radius: 4px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.13); font-size: 17px; color: #bf9973; letter-spacing: -0.04em;}
	.sub_service .service_about > li .recommend_box .tooltip.aos-animate {opacity: 1; transition: opacity .6s; animation: tooltipAni 1.6s ease infinite;}
	.sub_service .service_about > li .recommend_box .tooltip:after {content: ""; position: absolute; left: 13px; bottom: -8px; width: 8px; height: 8px; background: url("../images/sub/sub_service_recommend_tail.png") no-repeat center; background-size: 100%;}
	.sub_service .service_about > li .recommend_box h4 {margin-top: 19px; font-size: 24px; font-weight: 300; color: #191d22; line-height: 1.5; letter-spacing: -0.04em;}
	.sub_service .service_about + .detail_wrap {margin-top: 60px;}

	@keyframes tooltipAni {0% {transform: translateY(1px);} 50% {transform: translateY(-1px);} 100% {transform: translateY(1px);}}

	@media only screen and (max-width:1400px) {
		.sub_service .service_about > li + li {margin-left: 45px;}
		.sub_service .service_about > li .tit_box span {font-size: 24px;}
		.sub_service .service_about > li .tit_box h3 {font-size: 32px;}
		.sub_service .service_about > li .service_list li {font-size: 17px;}
		.sub_service .service_about > li .recommend_box h4 {font-size: 23px;}
	}
	@media only screen and (max-width:1200px) {
		.sub_service .service_about > li + li {margin-left: 35px;}
		.sub_service .service_about > li .tit_box span {font-size: 22px;}
		.sub_service .service_about > li .tit_box h3 {font-size: 29px;}
		.sub_service .service_about > li .service_list li {font-size: 16px;}
		.sub_service .service_about > li .recommend_box .tooltip {padding: 4px 12px 5px; font-size: 15px;}
		.sub_service .service_about > li .recommend_box h4 {font-size: 21px;}
	}
	@media only screen and (max-width:1120px) {
		.sub_service .service_about > li + li {margin-left: 25px;}
		.sub_service .service_about > li .tit_box {padding: 26px 10px;}
		.sub_service .service_about > li .tit_box span {font-size: 20px;}
		.sub_service .service_about > li .tit_box h3 {font-size: 27px;}
		.sub_service .service_about > li .service_list {padding: 30px 10px 34px;}
		.sub_service .service_about > li .service_list li {font-size: 15px;}
		.sub_service .service_about > li .recommend_box {padding: 24px 10px 20px;}
		.sub_service .service_about > li .recommend_box .tooltip {font-size: 14px;}
		.sub_service .service_about > li .recommend_box h4 {margin-top: 16px; font-size: 20px;}
	}
	@media only screen and (max-width:1024px) {
		.sub_service .service_about {margin-top: 48px;}
		.sub_service .service_about + .detail_wrap {margin-top: 50px;}
	}
	@media only screen and (max-width:940px) {
		.sub_service .service_about > li + li {margin-left: 20px;}
		.sub_service .service_about > li .tit_box span {font-size: 19px;}
		.sub_service .service_about > li .tit_box h3 {font-size: 25px;}
		.sub_service .service_about > li .recommend_box h4 {font-size: 19px;}
	}
	@media only screen and (max-width:860px) {
		.sub_service .service_about {flex-direction: column;}
		.sub_service .service_about > li + li {margin-left: 0; margin-top: 40px;}
	}
	@media only screen and (max-width:640px) {
		.sub_service .service_about {margin-top: 38px;}
	}
	@media only screen and (max-width:479px) {
		.sub_service .service_about > li + li {margin-top: 30px;}
		.sub_service .service_about > li .tit_box {padding: 23px 10px;}
		.sub_service .service_about > li .service_list {padding: 26px 10px 28px;}
		.sub_service .service_about > li .recommend_box {padding: 20px 10px 16px;}
		.sub_service .service_about > li .recommend_box .tooltip {font-size: 13px;}
		.sub_service .service_about > li .recommend_box h4 {margin-top: 14px;}
		.sub_service .service_about + .detail_wrap {margin-top: 40px;}
	}