@charset "utf-8";

/* 
 * content CSS Document
 *
 */

:root{
	--font15:15rem;
	--font16:16rem;
	--font17:17rem;
	--font18:18rem;
	--font20:20rem;
	--font22:22rem;
	--font23:23rem;
	--font25:25rem;
	--font30:30rem;
	--font35:35rem;
	--font40:40rem;
	--font45:45rem;
	--font60:60rem;
	--font70:70rem;	

	--r:10rem;
	--font-kor:'Pretendard', Sans-serif;
}
@media (max-width:1024px){
	:root{
		--font-base:clamp(14rem, 1.563vw, 16rem);
		--font15:clamp(14rem, 1.465vw, 15rem);
		--font16:clamp(14rem, 1.563vw, 15rem);
		--font17:clamp(15rem, 1.66vw, 17rem);
		--font18:clamp(16rem, 1.758vw, 18rem);
		--font20:clamp(18rem, 1.953vw, 20rem);
		--font22:clamp(18rem, 2.148vw, 22rem);
		--font23:clamp(18rem, 2.246vw, 23rem);
		--font25:clamp(20rem, 2.441vw, 25rem);
		--font30:clamp(22rem, 2.93vw, 30rem);
		--font35:clamp(22rem, 3.418vw, 35rem);
		--font40:clamp(25rem, 3.906vw, 40rem);
		--font45:clamp(28rem, 4.395vw, 45rem);
		--font60:clamp(35rem, 5.859vw, 60rem);
		--font70:clamp(45rem, 6.836vw, 70rem);
	}
}

#header .gnb > li > a {height: 145rem;}
#header .head-box {padding: 0 50rem;}

#content {padding: 170rem 0 140rem; min-height: 800rem;}
body.bt0 #content {padding: 170rem 0 0;}

.area-subVisual {position: relative; top: 20rem; width: 98%; margin: 0 auto;}
.area-subVisual__inr {border-radius: 10rem; overflow: hidden;} 
.area-subVisual i {display: block; width: 100%; height: 630rem; animation: visual-Scale 8s both;}
.area-subVisual[data-subLayout="about"] i {background: url('../images/content/sub_visual01.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="business"] i {background: url('../images/content/sub_visual02.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="case"] i {background: url('../images/content/sub_visual03.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="news"] i {background: url('../images/content/sub_visual04.jpg') no-repeat center/cover;}
.area-subVisual[data-subLayout="customer"] i {background: url('../images/content/sub_visual05.jpg') no-repeat center/cover;}

.visual-tit {position: absolute; top: 42%; left: 0; width: 100%;}
.visual-tit__inr {max-width: 1580rem; margin: 0 auto; padding: 0 50rem;}
.visual-tit span {display: block; font-size: 24rem; font-weight: 300; color: #fff; animation: visual-ani 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.visual-tit h2 {padding-top: 28rem; font-size: 70rem; font-weight: 600; color: #fff; animation: visual-ani 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.3s;}

.sub-tit {padding-bottom: 65rem; text-align: center; font-size: 48rem; font-weight: #101010;}

[data-width] {margin: 0 auto; padding: 0 30rem;}
[data-width="1580"] {max-width: 1580rem;}
[data-width="1380"] {max-width: 1380rem;}
[data-width="1300"] {max-width: 1300rem;}
[data-width="1200"] {max-width: 1200rem;}
[data-width="1180"] {max-width: 1180rem;}

@keyframes visual-ani {
	from {opacity: 0; -webkit-transform: translateY(50rem); transform: translateY(50rem);}
	to {opacity: 1.0; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes visual-Scale{
	0%{transform:scale(1.13)}
	100%{transform:scale(1)}
}

@media (max-width:1300px) {
    #header .head-box {height: 120rem;}
    #header .btn_menu {right: 40rem;}
    .area-subVisual {width: 97%;}
}
@media (max-width:1024px) {
    .area-subVisual__inr > i {height: 500rem;}
    .visual-tit span {font-size: 20rem;}
    .visual-tit h2 {padding-top: 22rem; font-size: 60rem;}
    .sub-tit {font-size: 40rem;}
}
@media (max-width:768px) {
    #content {padding: 150rem 0 100rem;}
    body.bt0 #content {padding: 150rem 0 0;}
    .area-subVisual__inr {top: 15rem; width: 96%;}
    .sub-tit {padding-bottom: 45rem; font-size: 35rem;}
}
@media (max-width:620px) {
    .area-subVisual__inr i {height: 400rem;}
    .visual-tit span {font-size: 18rem;}
    .visual-tit h2 {padding-top: 20rem; font-size: 50rem;}
}
@media (max-width:540px) {
    #header .head-box {height: 90rem; padding: 0 30rem;}
    #header .btn_menu {right: 20rem;}
    #content {padding: 120rem 0 100rem;}
    body.bt0 #content {padding: 120rem 0 0;}
    .area-subVisual {top: 10rem;}
    .area-subVisual[data-subLayout="about"] i {background-position-x: -230rem;}
    .visual-tit__inr {padding: 0 30rem;}
    .sub-tit {padding-bottom: 45rem; font-size: 30rem;}
    [data-width] {padding: 0 20rem;}
}


/* lnb */
.lnb {--sizeHig:93rem; position: absolute; bottom:calc(var(--sizeHig) / 2 * -1); left: 50%; display: flex; height: var(--sizeHig); background: #fff; border-radius: 8rem; transform: translateX(-50%); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; z-index: 8;}
.lnb .home {position: relative; width: 93rem; height: 93rem; border-radius: 8rem 0 0 8rem; background: #d71414; flex: none;}
.lnb .home::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../images/content/ic-home.svg') no-repeat; width: 22rem; height: 22rem;} 
.lnb .home a {display: block; overflow: hidden; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; font-size: 0; text-indent: 100%; white-space: nowrap;}
.lnb .dept {display: flex; align-items: center; justify-content: center; height: 100%; flex: auto;}
.lnb .dept > li {position: relative; width:370rem; height: 100%;}
.lnb .dept > li:nth-child(2) {border-left: 1rem solid #eee;}
.lnb .dept > li a {display: flex; align-items: center; justify-content: space-between; padding: 0 44rem; height: 100%; color: #101010; font-size: 20rem; font-weight: 600;}
.lnb .dept > li i {display: none;}
.lnb .dept_tit {height: 100%;}
.lnb .dept_tit a::after {content:''; display:block; width: 15rem; height: 8rem; background:url('../images/content/ic-lnb-arrow.svg') no-repeat;}
.lnb .dept_tit a.active::after {transform: rotate(180deg); margin-top: -3rem;}
.lnb .dept_list {display: none; position: absolute; top: 88rem; left: 50%; background: #fff; border-radius: 8rem; box-shadow: rgba(100, 100, 111, 0.2) 0rem 7rem 29rem 0rem; width: 100%; transform: translateX(-50%); z-index: 9;}
.lnb .dept_list > li > .box {display: none;}
.lnb .dept .dept_list li:nth-child(n+2) {border-top: 1rem solid var(--color-gray);}
.lnb .dept .dept_list li a {padding: 14rem 20rem; font-size: 16rem; color: #666;}
.lnb .dept .dept_list li a:hover,
.lnb .dept .dept_list li a.on {background: #fff9f9; color: #101010;}

@media screen and (max-width:1300px) {
    .lnb {--sizeHig:90rem;}
    .lnb .home {width: 90rem; height: 90rem;}
}
@media screen and (max-width:768px) {
    .lnb {width: 80%;}
    .lnb .home {display: none;}
    .lnb .dept {justify-content: space-between;}
    .lnb .dept > li {width:50%;}
    .lnb .dept > li:nth-child(2) {margin: 0;}
    .lnb .dept > li a {font-size: 16rem;}
	.lnb.once{background-color:transparent; border-radius:0; box-shadow:none;}
	.lnb.once .dept{justify-content:center;}
	.lnb.once .dept > li{background-color:#fff; border-radius:8rem; box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;}
}
@media screen and (max-width:620px) {
    .lnb {--sizeHig:60rem;}
}
@media screen and (max-width:540px) {
    .lnb {width: 80%;}
    .lnb .dept > li {width: 100%;}
    .lnb:not(.once) .dept > li:nth-child(1) {display: none;}
    .lnb:not(.once) .dept > li:nth-child(2) {border-left: 0;}
    .lnb .dept > li a {padding: 0 28rem;}
	.lnb.once{display:none;}
}

/* title custom */
[data-title="custom"]{font-size: 45rem; font-weight: 600; line-height: 1.4;}
@media screen and (max-width:1024px) {
	[data-title="custom"]{font-size: 38rem;}
}
@media screen and (max-width:768px) {
	[data-title="custom"]{font-size: 32rem;}
}
@media screen and (max-width:540px) {
	[data-title="custom"]{font-size: 26rem;}
}

/* ceo 인사말 */
.greeting-tit {display: block; text-align: center; font-size: 45rem; font-weight: 600; line-height: 1.4;}
.greeting-img {display: block; margin-top: 58rem; overflow: hidden; border-radius: 10rem;}
.greeting-img i {display: block; background: url('../images/content/greeting.jpg') center/cover no-repeat; height: 500rem;}
.greeting-img i.active {animation: visual-Scale 8s both;}
.greeting-txt {display: flex; justify-content: center; align-items: flex-start; margin-top: 60rem;}
.greeting-txt__lt {flex:1 0 35%; font-size: 30rem; font-weight: 500; color: #222; line-height: 1.4;}
.greeting-txt__rt {margin-left: 7%;}
.greeting-txt__rt p {font-size: 18rem; font-weight: 300; color: #444; line-height: 1.7; word-break:keep-all;}
.greeting-txt__rt p:nth-child(n+2) {padding-top: 40rem;}
.greeting-txt__rt p:last-child {display: flex; align-items: center; padding-top: 68rem;}
.greeting-txt__rt .ceo-name {display: block; padding-left: 15rem; font-weight:700;}
.greeting-txt__rt .ceo-name img {height: 45rem;}

@media screen and (max-width:1580px) {
    .greeting-txt__lt {width: 40%;}
    .greeting-txt__lt br {display: none;}
    .greeting-txt__rt {width: 40%;}
    .greeting-txt__rt p br {display: none;}
}
@media screen and (max-width:1024px) {
    .greeting-tit {font-size: 38rem;}
    .greeting-img {margin-top: 40rem;}
    .greeting-txt {flex-direction: column; justify-content: unset; text-align: center;}
    .greeting-txt__lt {width: 100%;}
    .greeting-txt__lt br {display: block;}
    .greeting-txt__rt {width: 100%; margin-left: 0; margin-top: 40rem;}
    .greeting-txt__rt p br {display: block;}
    .greeting-txt__rt p:last-child {justify-content: center;}
}
@media screen and (max-width:768px) {
    .greeting-img i {height: 400rem;}
    .greeting-tit {font-size: 32rem;}
    .greeting-txt__lt {font-size: 25rem;}
    .greeting-txt__rt p {font-size: 17rem;}
    .greeting-txt__rt p br {display: none;}
    .greeting-txt__rt p:nth-child(n+2) {padding-top: 28rem;}
    .greeting-txt__rt p:last-child {padding-top: 50rem;}
}
@media screen and (max-width:620px) {
    .greeting-img i {height: 300rem;}
}
@media screen and (max-width:540px) {
    .greeting-img i {height: 250rem;}
    .greeting-tit {font-size: 26rem;}
    .greeting-tit br {display: none;}
    .greeting-txt__lt br {display: none;}
    .greeting-img {margin-top: 30rem;}
    .greeting-txt {margin-top: 40rem; text-align: left;}
    .greeting-txt__lt {font-size: 21rem;}
    .greeting-txt__lt span {display: block;}
    .greeting-txt__rt {margin-top: 28rem;}
    .greeting-txt__rt p {font-size: 16rem;}
    .greeting-txt__rt p:nth-child(n+2) {padding-top: 20rem;}
    .greeting-txt__rt p:last-child {padding-top: 50rem; justify-content: start;}
    .greeting-txt__rt .ceo-name img {height: 35rem;}
}

/* 사업비전 및 연혁 */
.area-vision .sub-tit{padding-bottom:0;}
.vision-diagram {position: relative; display: table; margin: 60rem auto 0;}
.vision-diagram > img {height: 344rem;}
.vision-diagram__list {position: absolute; top: 0; width: 97rem; height: 97rem;}
.vision-diagram__list i {display: flex; align-items: center; justify-content: center; height: 100%;}
.vision-diagram__list p {position: absolute; top: -50rem;  left: 50%; transform: translateX(-50%); width: 100%; text-align: center; font-size: 20rem; font-weight: 600;}
.vision-diagram__list.item01 {top: 26.4%; left: 2.4%;}
.vision-diagram__list.item02 {top: 4.3%; left: 42%;}
.vision-diagram__list.item03 {top: 26.4%; right: 2.4%;}
.vision-diagram__list.item01 i img {height: 38rem;}
.vision-diagram__list.item02 i img {height: 35rem;}
.vision-diagram__list.item03 i img {height: 38rem;}
.vision-diagram__list.item01 p {color: #b5b6be;}
.vision-diagram__list.item02 p {color: #c53025;}
.vision-diagram__list.item03 p {color: #418dd6;}
.vision-diagram__tit {position: absolute; bottom: 25rem; left: 50%; transform: translateX(-50%);}
.vision-diagram__tit span {display: flex; gap: 10rem; justify-content: center;}
.vision-diagram__tit span i {display: block; width: 8rem; height: 8rem; border-radius: 100%;}
.vision-diagram__tit span i:nth-child(1) {background: #b3b4bc;}
.vision-diagram__tit span i:nth-child(2) {background: #c53025;}
.vision-diagram__tit span i:nth-child(3) {background: #418dd6;}
.vision-diagram__tit strong {display: block; padding-top: 10rem; font-size: 50rem;}

.vision-img {display: grid; grid-template-columns: repeat(3, 1fr); gap: 34rem; margin-top: 110rem;}
.vision-imgBox {height: 435rem; border-radius: 10rem;}
.vision-imgBox.ibox1 {background: url('../images/content/img-vision01.jpg') no-repeat center/cover;}
.vision-imgBox.ibox2 {background: url('../images/content/img-vision02.jpg') no-repeat center/cover;}
.vision-imgBox.ibox3 {background: url('../images/content/img-vision03.jpg') no-repeat center/cover;}
.vision-imgBox__cont {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.vision-imgBox__cont strong {font-size: 35rem; color: #fff; font-weight: 600;}
.vision-imgBox__cont ul {display: flex; justify-content: center; align-items: center; gap: 10rem; padding-top: 38rem;}
.vision-imgBox__cont ul li {font-size: 20rem; font-weight: 300; text-align: center; padding: 7rem 10rem; border-radius: 100rem; background: rgba(255,255,255,.1); color: #fff;}

.area-history {padding: 114rem 0; margin-top: 114rem; background: #f9f9f9;}
.area-history h4 {padding-bottom: 75rem; font-size: 42rem; font-weight: 600; text-align: center;}
.history-list {display: flex; justify-content: space-between;}
.history-list__tit {position: sticky; top: 30rem; height: 100%;}
.history-list__tit strong {display: block; font-size: 80rem; font-weight: 600; color: #c40d0d; letter-spacing: -3rem;}
.history-list__tit p {padding-top: 22rem; font-size: 16rem; font-weight: 600;}
.history-list__cont {width: 65%;}
.history-list__cont ul li {display: flex; align-items: center; padding: 26rem 0; font-size: 20rem; font-weight: 300; color: #666;}
.history-list__cont ul li:nth-child(n+2) {border-top: 1rem solid #e7e7e7;}
.history-list__cont ul li:last-child {border-bottom: 1rem soldi #e7e7e7;}
.history-list__cont ul li span {display: inline-block; min-width:130rem; padding-right: 38rem; font-size: 25rem; font-weight: 600; color: #101010;}

@media screen and (max-width:1300px) {
    .vision-img {gap: 20rem;}
    .vision-imgBox {height: 380rem;}
}
@media screen and (max-width:1024px) {
    .vision-imgBox__cont strong {font-size: 30rem;}
    .vision-imgBox__cont ul {flex-direction: column; padding-top: 28rem;}
    .vision-imgBox__cont ul li {font-size: 17rem;}

    .area-history {padding: 70rem 0; margin-top: 100rem;}
    .area-history h4 {font-size: 35rem;}
    .history-list__tit strong {font-size: 60rem;}
    .history-list__cont ul li {font-size: 18rem;}
    .history-list__cont ul li span {font-size: 22rem;}
}
@media screen and (max-width:768px) {
    .vision-img {grid-template-columns: 1fr; margin-top: 90rem;}
    .vision-imgBox {height: 280rem;}
    .vision-imgBox__cont ul {flex-direction: unset;}

    .area-history h4 {padding-bottom: 45rem; font-size: 30rem;}
    .history-list {flex-direction: column;}
    .history-list__cont {width: 100%; margin-top: 35rem;}
    .history-list__tit {position: unset; padding: 30rem 20rem; box-sizing: border-box; background: #fff; border-radius: 10rem; border: 1rem solid #c40d0d; text-align: center;}
    .history-list__tit strong {font-size: 45rem; letter-spacing: -1rem;}
    .history-list__tit p {padding-top: 6rem;}
}
@media screen and (max-width:620px) {
	.area-vision .sub-tit h3{word-break:keep-all;}
	.area-vision .sub-tit h3 br{display:none;}
    .vision-diagram {margin: 50rem auto 0;}
    .vision-diagram > img {width: 100%; height: 319rem;}
    .vision-diagram__list {width: 90rem; height: 90rem;}
    .vision-diagram__list p {font-size: 18rem;}
    .vision-diagram__tit strong {font-size: 40rem;}
}
@media screen and (max-width:540px) {
    .vision-diagram > img {height: 225rem;}
    .vision-diagram__list {width: 65rem; height: 64rem;}
    .vision-diagram__list.item01 i img {height: 27rem;}
    .vision-diagram__list.item02 i img {height: 25rem;}
    .vision-diagram__list.item03 i img {height: 27rem;}
    .vision-diagram__list p {font-size: 17rem; top: -40rem;}
    .vision-diagram__list p span {display: block;}
    .vision-diagram__list.item03 p {top: -60rem;}
    .vision-diagram__tit span {gap: 8rem;}
    .vision-diagram__tit span i {width: 6rem; height: 6rem;}
    .vision-diagram__tit strong {font-size: 30rem;}

    .vision-img {margin-top: 45rem; gap: 12rem;}
    .vision-imgBox {height: 230rem;} 
    .vision-imgBox__cont strong {font-size: 24rem;}
    .vision-imgBox__cont ul {padding-top: 22rem;}
    .vision-imgBox__cont ul li {font-size: 15rem;}

    .area-history {padding: 60rem 0; margin-top: 85rem;}
    .area-history h4 {padding-bottom: 35rem;}
    .history-list__cont ul li {padding: 22rem 0; font-size: 17rem;}
    .history-list__cont ul li span {min-width:100rem; padding-right: 18rem; font-size: 20rem;}
    .history-list__tit strong {font-size: 35rem;}
}

/* 인증현황 */
.cf-list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 40rem;}
.cf-list__imgBox {display: block; height: 426rem; background: #f8f8f8;}
.cf-list__img {display: flex; align-items: center; justify-content: center; height: 100%;}
.cf-list__img img {height: 80%;}
.cf-list__txt {padding-top: 30rem; font-size: 22rem; font-weight: 500; text-align: center;}

body:has(.certificate-dialog[open]){ overflow: clip; }
.certificate-dialog{ border: 0; }
.dialog-close{ float: right; position: sticky; top: 0; right: 0; width: 45rem; aspect-ratio: 1; background: #222; }
.dialog-close::before, .dialog-close::after{ content: ''; position: absolute; inset: 0; margin: auto; width: 60%; height: 2px; background: #fff; }
.dialog-close::before{ rotate: 45deg; }
.dialog-close::after{ rotate: -45deg; }
.dialog-img{ display: block; max-width: 100%; width: 100%; height: auto; }
@media screen and (max-width:768px) {
    .cf-list__imgBox {height: 300rem;}
    .cf-list ul {gap: 15rem;}
    .cf-list__txt {font-size: 20rem;}
}
@media screen and (max-width:620px) {
    .cf-list ul {grid-template-columns: repeat(2,1fr); gap: 40rem 15rem;}
}
@media screen and (max-width:540px) {
    .cf-list__imgBox {height: 250rem;}
    .cf-list__txt {padding-top: 18rem; font-size: 17rem;}
}

/* 오시는 길 */
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap_landing {border-radius: 10rem;}
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {border: 0 !important; background-color: transparent !important;}
.loation-info {display: flex; justify-content: center; margin-top: 62rem;}
.loation-info__txt {width: 65%;}
.loation-info__txt p {font-size: 30rem; font-weight: 600;}
.loation-info__txt ul {display: flex; margin-top: 30rem; padding-top: 49rem; border-top: 1rem solid #ddd;}
.loation-info__txt ul li {font-size: 20rem; font-weight: 500; color: #101010;}
.loation-info__txt ul li:nth-child(n+2) {padding: 0 0 0 45rem;} 
.loation-info__txt ul li span {display: inline-block; padding: 0 8rem 0 0; font-weight: 600; color: #c3c3c3;}
.loation-info__btn {display: flex; justify-content: center; align-items: center; width: 149rem; height: 133rem; margin: 0 0 0 4%; border-radius: 5rem; background: #d71414;}
.loation-info__btn span {color: #fff; font-size: 18rem; font-weight: 600;}
.loation-info__btn i {display: block; background: url('../images/content/ic-location.svg') no-repeat; width: 17rem; height: 22rem; margin: 0 auto 12rem;}

@media screen and (max-width:1300px)  {
    .root_daum_roughmap .wrap_map {height: 450rem !important;}
}
@media screen and (max-width:1024px) {
    .loation-info__txt {width: 80%;}
    .loation-info__txt p {font-size: 25rem;}
    .loation-info__txt ul li {font-size: 18rem;}
}
@media screen and (max-width:768px) {
    .loation-info__txt ul {flex-direction: column; margin-top: 25rem; padding-top: 25rem;}
    .loation-info__txt ul li:nth-child(n+2) {padding: 10rem 0 0;}
}
@media screen and (max-width:620px) {
    .root_daum_roughmap .wrap_map {height: 350rem !important;}
    .loation-info {flex-direction: column;}
    .loation-info__btn {margin: 35rem 0 0; width: 100%; height: auto; padding: 20rem; box-sizing: border-box;}
    .loation-info__btn span {display: flex; align-items: center;}
    .loation-info__btn i {margin: 0 15rem 0 0;}
    .loation-info__txt {width: 100%;}
}
@media screen and (max-width:540px) {
    .root_daum_roughmap .wrap_map {height: 280rem !important;}
    .loation-info__txt p {font-size: 20rem;}
    .loation-info__txt ul li {font-size: 16rem;}
    .loation-info__btn span {font-size: 16rem;}
}

/* board-list */
.board-list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 95rem 43rem;}
.board-list ul li .img {overflow: hidden;}
.board-list ul li span {display: block; padding-top: 10rem; text-align: center; font-size: 15rem; font-weight: 500; color: #666;}
.board-list ul li:hover .img img {transform: scale(1.1); transition: all .3s;}
.board-list ul li:hover .img {border: 2rem solid #d71414; transition: all .3s;}
.board-list .img {display: block; aspect-ratio: 249/190; border-radius: 7rem; background: #f8f8f8; border: 2rem solid #eee; transition: all .3s;}
.board-list .img img {object-fit: cover; width: 100%; height: 100%; transition: all .3s;}
.board-list p {padding-top: 35rem; text-align: center; font-size: 20rem; font-weight: 500;}
@media screen and (max-width:1300px) {
    .board-list ul {gap: 90rem 30rem;}
}
@media screen and (max-width:1024px) {
    .board-list p {font-size: 18rem;}
}
@media screen and (max-width:768px) {
    .board-list ul {grid-template-columns: repeat(2,1fr); gap: 60rem 20rem;}
}
@media screen and (max-width:540px) {
    .board-list ul {gap: 40rem 15rem;}
    .board-list p {padding-top: 20rem; font-size: 15rem;}
    .board-list ul li span {padding-top: 6rem; font-size: 14rem;}
}

/* 상세페이지 */
.product-detail__slide {overflow: hidden; width: 42%; box-sizing:border-box; border:1rem solid #ddd;}
.product-detail__top {display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.product-detail__top .detailSwiper2 {position: relative;}
.product-detail__top .detailSwiper2 .swiper-slide {width: 100% !important; aspect-ratio: 290 / 219; }
.product-detail__top .detailSwiper2 .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

.product-detail__top .detailSwiper .swiper-slide {aspect-ratio: 25/19; box-sizing: border-box; border: 1rem solid #ddd;}
.product-detail__top .detailSwiper .swiper-slide-thumb-active {border: 2rem solid #d71414;}
.product-detail__top .detailSwiper .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

.product-detail__slide-info {width: 52%; overflow: hidden;}
.product-detail__tit {margin-bottom: 70rem;}
.product-detail__tit span {display: block; font-size: 16rem; font-weight: bold; color: #d71414;}
.product-detail__tit strong {display: block; padding-top: 18rem; font-size: 33rem; color: #101010; font-weight: 600;}

.detail-control {display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 27rem; width: 100%; padding: 0 34rem; box-sizing: border-box;}
.detail-control .swiper-button-next,
.detail-control .swiper-button-prev {display: block; position: unset; color: #cecece; margin-top: 0; width: unset; height: unset;}
.detail-control .swiper-button-next:after,
.detail-control .swiper-button-prev:after {font-size: 25rem;}
.detail-control .swiper-pagination {position: unset;}
.detail-control .swiper-pagination {position: unset; width: auto; font-size: 0;}
.detail-control .swiper-pagination span {font-size: 16rem; font-weight: bold; color: #000;}
.detail-control .swiper-pagination-total {position: relative; padding-left: 14rem; margin-left: 14rem; color: #ccc !important;}
.detail-control .swiper-pagination-total::before {content: ''; position: absolute; top: 50%; left: -3rem; transform: translateY(-50%); width: 5rem; height: 5rem; border-radius: 100%; background: #e4e4e4;}

.product-detail__info {margin-top: 115rem;} 
.detail-infoBox:nth-child(2) {padding-top: 100rem;}
.detail-infoBox strong {display: block; font-size: 26rem; font-weight: 600; padding-bottom: 20rem; border-bottom: 1rem solid #101010;}
.detail-infoBox .edit-wrap {margin-top: 35rem;}
@media screen and (max-width:768px) {
    .product-detail__tit {margin-bottom: 50rem;}
    .product-detail__tit span {font-size: 14rem;}
    .product-detail__tit strong {padding-top: 12rem; font-size: 26rem;}
    .product-detail__slide {width: 44%;}
    .detail-control {bottom: 16rem;}
    .detail-control .swiper-button-next:after,
    .detail-control .swiper-button-prev:after {font-size: 17rem;}
    .detail-control .swiper-pagination span {font-size: 13rem;}
    .detail-control .swiper-pagination-total::before  {width: 3rem; height: 3rem;}
    .detail-infoBox strong {font-size: 22rem;}
}
@media screen and (max-width:620px) {
    .product-detail__top {flex-direction: column;}
    .product-detail__slide {width: 100%;}
    .product-detail__slide-info {width: 100%; margin-top: 40rem;}
    .product-detail__tit {margin-bottom: 30rem;}
    .product-detail__info {margin-top: 85rem;}

    .swiper.detailSwiper {height: 200rem;}
}

/* 사업분야 */
.area-business{font-family:var(--font-kor);}
.title-line{position:relative; margin-top:80rem; margin-bottom:35rem; padding-left:30rem; font-size:var(--font40); word-break:keep-all;}
.title-line:before{content:''; display:block; position:absolute; left:0; top:2rem; width:5rem; height:40rem; background-color:var(--color-point);}
article .title-line:nth-of-type(1){margin-top:0;} 
@media (max-width:768px){
	.title-line:before{height:clamp(20rem, 3.91vw, 30rem);}
}
@media (max-width:540px){
	.title-line{margin-top:60rem; margin-bottom:20rem; padding-left:20rem;}
	.title-line:before{width:3rem; height:23rem;}
}
.check-list{
	&{display:flex; flex-direction:column; gap:10rem;}
	> li{position:relative; padding-left:25rem; font-size:var(--font20); word-break:keep-all;}
	> li:before{content:'\e92b'; display:block; position:absolute; top:2rem; left:0; font-family:var(--font-xi); font-size:var(--font20); color:#1d51c6;}
	&.type-box{
		> li{display:flex; align-items:center; min-height:80rem; padding:10rem 50rem; border:2rem solid #ececec; border-radius:var(--r);}
		> li:before{left:25rem; top:50%; transform:translateY(-50%);}
	}

	@media (max-width:540px){
		&.type-box > li{min-height:60rem; padding:10rem 20rem 10rem 35rem;}
		&.type-box > li:before{left:10rem;}
	}
}
.biz-box__group{
	&{display:grid; grid-template-columns:1fr 1fr; gap:60rem;}
	.box{display:flex; flex-direction:column; align-items:center; gap:15rem; padding:50rem 60rem; border-radius:var(--r); background-color:#f5f5f5; text-align:center;}
	h5{font-size:var(--font30); letter-spacing:-0.5rem;}
	p{margin-bottom:10rem; font-size:var(--font20); letter-spacing:-0.5rem; line-height:1.5; word-break:keep-all;}
	p strong{font-weight:600; color:var(--color-point);}
	.img{overflow:hidden; display:block; border-radius:var(--r); aspect-ratio:122/69;}
	.img img{object-fit:cover; width:100%; height:100%;}

	@media (max-width:1024px){
		&{gap:30rem;}
		.box{padding:30rem;}
	}
	@media (max-width:768px){
		&{grid-template-columns:1fr;}
		.box{padding:30rem 20rem;}
	}
}
.biz-line__group{
	&{display:grid; grid-template-columns:1fr 1fr; gap:30rem; border-top:1px solid rgba(0,0,0,0.1);}
	.box{display:flex; align-items:flex-start; gap:40rem; padding:30rem;}
	.img{flex:none; overflow:hidden; display:block; border-radius:var(--r); aspect-ratio:7/5;}
	.img img{object-fit:cover; width:100%; height:100%;}
	.img.line{border:1rem solid #dbdbdb;}
	ul{display:flex; flex-direction:column; gap:10rem; margin-top:30rem;}
	ul li{display:flex; align-items:center; gap:5rem; font-size:var(--font20);}
	ul li em{min-width:80rem; font-weight:700; color:var(--color-point);}
	ul li span{word-break:keep-all;}
	@media (max-width:1500px){
		.img{flex:0 0 35%;}
	}
	@media (max-width:1024px){
		&{grid-template-columns:1fr; gap:30rem; border-top-width:0;}
		.box{border-top:1px solid rgba(0,0,0,0.1);}
		ul li span br{display:none;}
	}
	@media (max-width:620px){
		&{gap:0;}
		.box{padding:30rem 20rem; gap:30rem;}
		ul{margin-top:10rem;}
		ul li{flex-direction:column; justify-content:flex-start; align-items:flex-start; gap:5rem;}
	}
	@media (max-width:540px){
		.box{flex-direction:column; gap:15rem;}
		.img{flex:auto; width:100%;}
	}
}
.biz-sec02__conts{
	&{padding:50rem 60rem; border-radius:var(--r); background-color:#f5f5f5;}
	h5{margin-bottom:30rem; font-size:var(--font30); font-weight:700; text-align:center;}
	h5 strong{color:var(--color-point); font-weight:700;}
	h5 br{display:none;}
	.group{
		&{display:grid; grid-template-columns:1fr 1fr; gap:60rem;}
		.img{overflow:hidden; display:block; position:relative; border-radius:var(--r); aspect-ratio:122/69;}
		.img img{object-fit:cover; width:100%; height:100%;}
		.img em{display:flex; justify-content:center; align-items:center; position:absolute; left:50%; bottom:30rem; min-width:170rem; height:46rem; border-radius:50em; background-color:#1d51c6; font-size:var(--font20); font-weight:700; color:#fff; text-align:center; transform:translateX(-50%);}
		p{margin-top:30rem; font-size:var(--font30); color:var(--color-point); text-align:center; font-weight:700;}
		p small{display:block; font-size:var(--font20);}
	}
	> p{margin-top:40rem; font-size:var(--font20); text-align:center; word-break:keep-all;}

	@media (max-width:1024px){
		.group{gap:30rem;}
		.group .img em{bottom:10rem; min-width:130rem; font-size:var(--font18);}
	}
	@media (max-width:620px){
		&{padding:40rem 30rem;}
		h5 br{display:block;}
		.group{grid-template-columns:1fr;}
	}
	@media (max-width:540px){
		&{padding:40rem 20rem;}
		> p{margin-top:20rem;}
	}
}
.biz-sec03{
	.greeting-img{
		&{position:relative; margin-top:150rem; margin-bottom:30rem;}
		i{height:452rem; background-image:url(../images/content/biz03_img02.jpg);}
		em{display:block; position:absolute; left:50%; top:50%; z-index:5; width:100%; font-size:var(--font40); font-weight:700; text-align:center; color:#fff; word-break:keep-all; text-shadow:0 5rem 10rem rgba(0,0,0,0.4); transform:translate(-50%, -50%);}
	}
	.title-line + p{font-size:var(--font20); line-height:1.4;}
	.group{
		&{margin-top:40rem; display:grid; grid-template-columns:1fr 1fr; gap:60rem;}
		.box .img{display:block; width:619rem; margin:0 auto;}
		.box .img img{width:100%;}
		.box.info{
			&{padding:20rem; border-radius:var(--r); background-color:#f5f5f5;}
			.info-sec{display:flex; flex-direction:column; align-items:center; gap:20rem; margin-bottom:20rem; padding:60rem 20rem; background-color:#fff; border:3rem solid var(--color-point); border-radius:var(--r); text-align:center;}
			.info-sec p{font-size:var(--font30); font-weight:600;}
			.info-sec p strong{display:block; font-weight:600; color:var(--color-point);}
			.info-sec span{font-size:var(--font20);}
		}
	}
	@media (max-width:1300px){
		.group .box .img{width:auto;}
	}
	@media (max-width:1024px){
		.group{grid-template-columns:1fr; gap:40rem;}
		.group .box .img{text-align:center;}
		.group .box .img img{width:auto; max-width:100%;}
		.group .box.info .check-list li br{display:none;}

		.greeting-img{margin-top:100rem;}
	}
	@media (max-width:768px){
		.greeting-img i{height:350rem;}
	}
	@media (max-width:620px){
		.greeting-img i{height:300rem;}
	}
	@media (max-width:540px){
		.group .box.info .info-sec{padding:40rem 10rem;}
		.group .box.info .info-sec p{font-size:var(--font25);}
	}
}