/*서브*/

.contents {width:100%; min-height:var(--nvh); position:relative; overflow:hidden;}

.contents .sub-visual {width:100%; height:560px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; padding-bottom:130px; transition:height 0.3s ease;}
.contents .sub-visual > .wrap {width:92%; max-width:var(--max-w); height:100%; margin:0 auto; display:flex; align-items:flex-end;}
.contents .sub-visual .page-title {width:100%;}
.contents .sub-visual .page-title h1 {font-size:60px; color:#fff; font-weight:700; line-height:1.4; letter-spacing:-2px;}
.contents .sub-visual .page-title .nav {width:100%; display:flex; align-items:center; margin-top:var(--gap-8); gap:var(--gap-24); position:relative; padding-left:calc(6px + var(--gap-8));}
.contents .sub-visual .page-title .nav:before {content:""; width:6px; height:6px; border-radius:50%; background:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.contents .sub-visual .page-title .nav span {display:block; position:relative; font-size:var(--font-20); color:#fff;}
.contents .sub-visual .page-title .nav span:before {content:" > "; width:var(--gap-24); height:100%; display:flex; align-items:center; justify-content:center; position:absolute; left:calc(var(--gap-24) * -1); top:0;}
.contents .sub-visual .page-title .nav span:first-child:before {display:none;}

@media screen and (max-width: 1280px) {
	.contents .sub-visual {height:430px; padding-bottom:100px;}
	.contents .sub-visual .page-title h1 {font-size:55px;}
}

@media screen and (max-width: 1024px) {
	.contents .sub-visual {height:380px; padding-bottom:80px;}
	.contents .sub-visual .page-title h1 {font-size:52px;}
}

@media screen and (max-width: 768px) {
	.contents .sub-visual {height:320px; padding-bottom:var(--gap-80);}
	.contents .sub-visual .page-title h1 {font-size:46px; letter-spacing:-1px;}
}

@media screen and (max-width: 480px) {
	.contents .sub-visual {height:240px;}
	.contents .sub-visual .page-title h1 {font-size:32px;}
	.contents .sub-visual .page-title .nav {padding-left:calc(4px + var(--gap-8));}
	.contents .sub-visual .page-title .nav:before {width:4px; height:4px;}
	.contents .sub-visual .page-title .nav span {font-size:var(--font-14);}
}


/*공통*/
.contents span.point {color:var(--sub-color);}
.contents span.bold {font-weight:700;}
.contents span.under {text-decoration:underline;}


.contents .contents-area {width:100%; padding:calc(var(--gap-100) * 2) 0;}
.contents .contents-area.ty-2 {padding-top:0;}
/*.contents .contents-area .title-box {width:100%;}*/
.contents .contents-area .title-box {width:100%; margin-bottom:calc(var(--gap-80) * 1.2);}
.contents .contents-area .title-box h2 {font-size:var(--font-36); font-weight:700; text-align:center;}
.contents .contents-area .title-box .txt {font-size:var(--font-22); font-weight:300; margin-top:var(--gap-32); text-align:center; line-height:1.6;}

.contents .contents-area .section-wrap section {width:100%; position:relative; padding:var(--gap-100) 0;}
.contents .contents-area .section-wrap section:first-child {padding-top:0;}
.contents .contents-area .section-wrap section:last-child {padding-bottom:0;}
.contents .contents-area .section-wrap section > .inner {width:90%; max-width:var(--conts-w); margin:0 auto;}
.contents .contents-area .section-wrap section.bg {background:rgba(192,189,185,0.1);}

.contents section .com-main-conts {width:100%; text-align:center;}
.contents section .com-main-conts em {display:block; font-size:var(--font-22); color:var(--font-gray-2); margin-bottom:var(--gap-16);}
.contents section .com-main-conts .conts {font-size:var(--font-36); font-weight:700; line-height:1.4;}
.contents section .com-main-conts .txt {text-align:center; font-size:calc(var(--font-40) * 2.7); line-height:1.3; color:rgba(192,189,185,0.2); font-weight:700;}

.contents section .sec-title {width:100%; margin-bottom:calc(var(--gap-60) * 0.8);}
.contents section .sec-title span {display:block; font-size:var(--font-32); font-weight:700; margin-bottom:var(--gap-8); color:var(--sub-color);}
.contents section .sec-title h2 {font-size:var(--font-40); font-weight:700; line-height:1.35; position:relative;}
.contents section .sec-title h2.ty-2 {font-size:var(--font-36);}
.contents section .sec-title h2.bar {padding-top:calc(var(--gap-24) + 4px);}
.contents section .sec-title h2.bar:before {content:""; width:var(--gap-40); height:4px; background:var(--font-gray); position:absolute; left:0; top:0;}

.contents section .depth-title {width:100%; margin-bottom:var(--gap-32);}
.contents section .depth-title h3 {font-size:var(--font-28); font-weight:700; position:relative;}
.contents section .depth-title h3.dot {padding-left:calc(var(--gap-24) + var(--gap-16));}
.contents section .depth-title h3.dot:before {content:""; width:var(--gap-24); height:var(--gap-24); border-radius:50%; background:rgba(255,86,36,0.4); position:absolute; left:0; top:6px;}
.contents section .depth-title h3.dot:after {content:""; width:calc(var(--gap-24) * 0.58); height:calc(var(--gap-24) * 0.58); border-radius:50%; background:var(--sub-color); position:absolute; left:calc((var(--gap-24) - var(--gap-24) * 0.58) / 2); top:calc(((var(--gap-24) - var(--gap-24) * 0.58) / 2) + 6px);}

.contents section .com-title {width:100%; margin-bottom:var(--gap-32); text-align:center;}
.contents section .com-title span {display:block; font-size:var(--font-22); color:var(--sub-color); font-weight:700; margin-bottom:var(--gap-16);}
.contents section .com-title h2 {font-size:var(--font-36); font-weight:700; text-align:center; line-height:1.44;}
.contents section .com-title em {font-size:var(--font-22); text-align:center;}

.contents section *[data-mb="8"] {margin-bottom:var(--gap-8);}
.contents section *[data-mb="16"] {margin-bottom:var(--gap-16);}
.contents section *[data-mb="24"] {margin-bottom:var(--gap-24);}
.contents section *[data-mb="32"] {margin-bottom:var(--gap-32);}
.contents section *[data-mb="40"] {margin-bottom:var(--gap-40);}
.contents section *[data-mb="48"] {margin-bottom:calc(var(--gap-60) * 0.8);}
.contents section *[data-mb="56"] {margin-bottom:calc(var(--gap-80) * 0.7);}
.contents section *[data-mb="64"] {margin-bottom:calc(var(--gap-80) * 0.8);}
.contents section *[data-mb="72"] {margin-bottom:calc(var(--gap-80) * 0.9);}

.contents section *[data-mt="8"] {margin-top:var(--gap-8);}
.contents section *[data-mt="16"] {margin-top:var(--gap-16);}
.contents section *[data-mt="24"] {margin-top:var(--gap-24);}
.contents section *[data-mt="32"] {margin-top:var(--gap-32);}
.contents section *[data-mt="40"] {margin-top:var(--gap-40);}
.contents section *[data-mt="48"] {margin-top:calc(var(--gap-60) * 0.8);}
.contents section *[data-mt="56"] {margin-top:calc(var(--gap-80) * 0.7);}
.contents section *[data-mt="64"] {margin-top:calc(var(--gap-80) * 0.8);}
.contents section *[data-mt="72"] {margin-top:calc(var(--gap-80) * 0.9);}


.contents section .conts-wrap article {width:100%; margin-top:calc(var(--gap-100) * 2);}
.contents section .conts-wrap article:first-child {margin-top:0;}
.contents section .conts-wrap.ty-2 article {margin-top:calc((var(--gap-100) * 2) * 0.7);}
.contents section .conts-wrap.ty-2 article:first-child {margin-top:0;}

@media screen and (max-width: 1280px) {
	.contents section .com-main-conts .txt.ty-2 {font-size:calc(var(--font-40) * 2.2);}
	.contents section .com-main-conts .txt.ty-3 {font-size:calc(var(--font-40) * 2.1);}
}

@media screen and (max-width: 1024px) {
	.contents section .com-main-conts .txt.ty-3 {font-size:calc(var(--font-40) * 2);}
}

@media screen and (max-width: 900px) {
	.contents section .com-main-conts .txt.ty-2 {font-size:calc(var(--font-40) * 2);}
	.contents section .com-main-conts .txt.ty-3 {font-size:calc(var(--font-40) * 1.8);}
}

@media screen and (max-width: 768px) {
	.contents section .com-main-conts .blank {display:block;}
	.contents section .com-main-conts .txt  {font-size:calc(var(--font-40) * 2);}
	.contents section .com-main-conts .txt.ty-2 {font-size:calc(var(--font-40) * 1.7);}
	.contents section .com-main-conts .txt.ty-3 {font-size:calc(var(--font-40) * 1.5);}

	.contents section .sec-title h2 .br {display:inline-block;}

	.contents section .depth-title h3.dot:before {top:4px;}
	.contents section .depth-title h3.dot:after {top:calc(((var(--gap-24) - var(--gap-24) * 0.58) / 2) + 4px);}
}

@media screen and (max-width: 600px) {
	.contents section .com-main-conts .txt.ty-2 {font-size:calc(var(--font-40) * 1.5);}
	.contents section .com-main-conts .txt.ty-3 {font-size:calc(var(--font-40) * 1.2);}
}

@media screen and (max-width: 480px) {
	.contents section .com-main-conts em {font-size:var(--font-20);}
	.contents section .com-main-conts .conts {font-size:var(--font-32);}
	.contents section .com-main-conts .txt,
	.contents section .com-main-conts .txt.ty-2,
	.contents section .com-main-conts .txt.ty-3 {font-size:calc(var(--font-40) * 1.1);}

	.contents section .sec-title h2 {font-size:var(--font-28);}
	.contents section .sec-title h2 {font-size:var(--font-36);}

	.contents section .depth-title h3.dot {padding-left:calc(var(--gap-24) + var(--gap-16));}
	.contents section .depth-title h3.dot:before {top:2px;}
	.contents section .depth-title h3.dot:after {top:calc(((var(--gap-24) - var(--gap-24) * 0.58) / 2) + 2px);}
}




/*도식 공통*/
.contents .circle-schema-wrap {width:100%; margin-top:calc(var(--gap-80) * 1.2); position:relative;}
.contents .circle-schema-wrap .circle-schema .schema-wrap {position:relative; z-index:10;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap {display:flex; justify-content:center;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box {width:400px; height:400px; border-radius:50%; background:#fff; border:1px solid var(--gray); display:flex; align-items:center; justify-content:center; padding:var(--gap-16); text-align:center;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box .icon {width:33%; max-width:120px; margin:0 auto; margin-bottom:var(--gap-16);}
.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box .icon img {max-width:100%; margin:0 auto; display:block;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box .conts-box .tlt {font-size:var(--font-20); color:var(--sub-color); font-weight:600; margin-bottom:var(--gap-8);}
.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box .conts-box .conts {width:100%; max-width:300px; margin:0 auto; font-size:var(--font-14); font-weight:300; line-height:1.57;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box:first-child,
.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box:last-child {margin-top:267px;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap {width:100%; margin-top:63px; display:flex; justify-content:center;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle {width:400px; height:400px; position:relative; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:before,
.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:after {content:""; border-radius:50%; background:rgba(255,86,36,0.05); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:before {width:400px; height:400px; z-index:0;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:after {width:340px; height:340px; z-index:1;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle .point-circle-box {width:264px; height:264px; border-radius:50%; background:#fff; position:relative; display:flex; align-items:center; justify-content:center; padding:var(--gap-24); z-index:10;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle .point-circle-box:before {content:""; width:100%; height:100%; border-radius:50%; border:3px solid var(--sub-color); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle .point-circle-box .conts {width:70%; max-width:146px; margin:0 auto;}
.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle .point-circle-box .conts img {max-width:100%; display:block; margin:0 auto;}
.contents .circle-schema-wrap .circle-schema .base {width:760px; height:760px; border-radius:50%; background:#fff; box-shadow:0px -4px 20px rgba(0,0,0,0.1); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1; display:flex; align-items:center; justify-content:center; text-align:center;}
.contents .circle-schema-wrap .circle-schema .base:before {content:""; width:68%; max-width:511px; height:100%; background:url(/img/conts/schema_arrow.svg) center top 180px no-repeat; background-size:100% auto; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:0;}
.contents .circle-schema-wrap .circle-schema .base span {font-size:var(--font-22); color:var(--font-gray); position:relative; z-index:10;}

@media screen and (max-width: 1280px) {
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:before {width:300px; height:300px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:after {width:255px; height:255px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box:first-child,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box:last-child {margin-top:240px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box .conts-box .conts {padding:0 var(gap-16);}	
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap {margin-top:35px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle .point-circle-box {width:198px; height:198px;}
	.contents .circle-schema-wrap .circle-schema .base {width:570px; height:570px;}
	.contents .circle-schema-wrap .circle-schema .base:before {background-position:center top 140px;}
}

@media screen and (max-width: 1024px) {
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:before {width:260px; height:260px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:after {width:221px; height:221px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box:first-child,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box:last-child {margin-top:220px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box .conts-box .conts {font-size:11px; padding:0 20px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap {margin-top:20px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle .point-circle-box {width:172px; height:172px;}
	.contents .circle-schema-wrap .circle-schema .base {width:494px; height:494px;}
	.contents .circle-schema-wrap .circle-schema .base:before {background-position:center top 120px;}
}

@media screen and (max-width: 900px) {
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap {width:100%; max-width:400px; flex-wrap:wrap; margin:0 auto; gap:32px;}	
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:before {width:400px; height:400px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:after {width:340px; height:340px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box:first-child,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box:last-child {margin-top:0;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box .conts-box .conts {font-size:var(--font-14);}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap {margin-top:350px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle .point-circle-box {width:264px; height:264px;}
	.contents .circle-schema-wrap .circle-schema .base {width:100%; height:290px; background:transparent; box-shadow:none; top:auto; bottom:450px; transform:translateX(-50%);}
	.contents .circle-schema-wrap .circle-schema .base:before {width:100%; max-width:100%; height:100%; background-size:auto 100%; background-position:center bottom;}
}

@media screen and (max-width: 480px) {
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap {max-width:320px;}	
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:before {width:320px; height:320px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:after {width:272px; height:272px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap {margin-top:280px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle .point-circle-box {width:211px; height:211px;}
	.contents .circle-schema-wrap .circle-schema .base {height:240px; bottom:360px;}
}

@media screen and (max-width: 375px) {
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap {max-width:280px;}	
	.contents .circle-schema-wrap .circle-schema .schema-wrap .circle-wrap .circle-box,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle,
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:before {width:280px; height:280px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle:after {width:238px; height:238px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap {margin-top:220px;}
	.contents .circle-schema-wrap .circle-schema .schema-wrap .point-circle-wrap .point-circle .point-circle-box {width:185px; height:185px;}
	.contents .circle-schema-wrap .circle-schema .base {height:200px; bottom:300px;}
}


.contents .img-conts-layout {width:100%; display:flex; flex-wrap:wrap;}
.contents .img-conts-layout .layout-box .img-box {width:100%; margin-bottom:var(--gap-24);}
.contents .img-conts-layout .layout-box .img-box img {display:block; max-width:100%; margin:0 auto;}
.contents .img-conts-layout .layout-box .conts-box {width:100%;}
.contents .img-conts-layout .layout-box .conts-box .tlt {width:100%; margin-bottom:var(--gap-8); font-size:var(--font-26); font-weight:700;}
.contents .img-conts-layout .layout-box .conts-box .tlt span {background-image:linear-gradient(rgba(255,86,36,0.2), rgba(255,86,36,0.2)); background-repeat:no-repeat; background-position:left bottom; background-size:100% 55%;}
.contents .img-conts-layout .layout-box .conts-box .conts {font-size:var(--font-18); color:var(--font-gray-2); line-height:1.6;}
.contents .img-conts-layout.ty-count .layout-box .conts-box .conts {padding-left:calc((var(--font-26) * 2) - 2px);}

.contents .img-conts-layout[data-col="2"] {gap:calc(var(--gap-60) * 0.8) var(--gap-32);}
.contents .img-conts-layout[data-col="2"] .layout-box {width:calc((100% - var(--gap-32)) / 2);}

.contents .img-conts-layout[data-col="3"] {gap:var(--gap-32);}
.contents .img-conts-layout[data-col="3"] .layout-box {width:calc((100% - (var(--gap-32) * 2)) / 3);}


@media screen and (max-width: 1280px) {
	.contents .img-conts-layout[data-col="3"] .layout-box .conts-box .tlt {font-size:var(--font-24);}
}

@media screen and (max-width: 1024px) {
	.contents .img-conts-layout[data-col="3"] .layout-box .conts-box .tlt {font-size:var(--font-22);}
	.contents .img-conts-layout[data-col="3"] .layout-box .conts-box .conts {font-size:var(--font-16);}
}

@media screen and (max-width: 768px) {
	.contents .img-conts-layout[data-col="2"] .layout-box,
	.contents .img-conts-layout[data-col="3"] .layout-box {width:100%;}
	.contents .img-conts-layout[data-col="3"] .layout-box .conts-box {text-align:center;}
	.contents .img-conts-layout[data-col="3"] .layout-box .conts-box .tlt {font-size:var(--font-26);}
	.contents .img-conts-layout[data-col="3"] .layout-box .conts-box .conts {max-width:400px; margin:0 auto; font-size:var(--font-18);}
}

/*240726*/
.contents .program-itme-list {width:100%; display:flex; flex-wrap:wrap; gap:var(--gap-40) var(--gap-32);}
.contents .program-itme-list .item-box {width:calc((100% - var(--gap-32)) / 2); background:#fff; border-radius:10px; border:1px solid rgba(192,189,185,0.2); padding:var(--gap-40); cursor:pointer; overflow:hidden; position:relative;}
.contents .program-itme-list .item-box .tlt-box {width:100%; display:flex; align-items:center; gap:var(--gap-16);}
.contents .program-itme-list .item-box .tlt-box .icon {width:calc(var(--gap-80) * 0.7); height:calc(var(--gap-80) * 0.7); border-radius:50%; background:rgba(255,86,36,0.15); overflow:hidden;}
.contents .program-itme-list .item-box .tlt-box .icon img {display:block; max-width:100%; margin:0 auto;}
.contents .program-itme-list .item-box .tlt-box .tlt {font-size:var(--font-36); line-height:1.44;}
.contents .program-itme-list .item-box .conts-box {width:100%; padding:var(--gap-24) 0; border-bottom:1px solid rgba(192,189,185,0.6);}
.contents .program-itme-list .item-box .conts-box em {display:block; font-size:var(--font-18); margin-bottom:var(--gap-8);}
.contents .program-itme-list .item-box .conts-box ul li {font-size:var(--font-18); color:var(--font-gray); position:relative; padding-left:calc(var(--font-18) - 5px); text-indent:calc((var(--font-18) - 5px) * -1); margin-top:var(--gap-8);}
.contents .program-itme-list .item-box .conts-box ul li:before {content:"· "; font-weight:700;}
.contents .program-itme-list .item-box .conts-box ul li:first-child {margin-top:0;}
.contents .program-itme-list .item-box .more-box {width:100%; margin-top:var(--gap-24);}
.contents .program-itme-list .item-box .more-box a {font-size:var(--font-16); color:var(--font-gray-2); position:relative;}
.contents .program-itme-list .item-box .more-box span {position:relative; padding-right:calc(var(--font-16) * 1.875); font-size:var(--font-16); color:var(--font-gray-2);}
.contents .program-itme-list .item-box .more-box span:after {content:""; width:calc(var(--font-16) * 1.625); height:calc(var(--font-16) * 1.625); background:url(/img/conts/arrow_dir.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.contents .program-itme-list .item-box a {width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.contents .program-itme-list .item-box:hover {border-color:var(--sub-color);}
.contents .program-itme-list .item-box.ty-2 {background:#FFF5F2; position:relative;}
.contents .program-itme-list .item-box.ty-2 .conts-box {border-bottom:none; padding-bottom:0; display:flex;}
.contents .program-itme-list .item-box.ty-2 .conts-box .conts {width:47%; font-size:var(--font-18); color:var(--font-gray);}
.contents .program-itme-list .item-box.ty-2 .conts-box .img-box {width:55%; position:absolute; right:var(--gap-24); bottom:var(--gap-24);}
.contents .program-itme-list .item-box.ty-2 .conts-box .img-box img {display:block; max-width:100%; margin:0 auto;}
.contents .program-itme-list .item-box.ty-2 a {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

@media screen and (max-width: 1024px) {
	.contents .program-itme-list .item-box .tlt-box .tlt {font-size:var(--font-32);}
	.contents .program-itme-list .item-box.ty-2 .conts-box .conts {width:80%;}
}

@media screen and (max-width: 768px) {
	.contents .program-itme-list .item-box {width:100%;}
	.contents .program-itme-list .item-box.ty-2 .conts-box .conts {width:47%;}
	.contents .program-itme-list .item-box.ty-2 .conts-box .img-box {width:53%; position:relative; right:auto; bottom:auto;}
}

@media screen and (max-width: 480px) {
	.contents .program-itme-list .item-box.ty-2 .conts-box {flex-wrap:wrap; gap:var(--gap-24);}
	.contents .program-itme-list .item-box.ty-2 .conts-box .conts {width:100%;}
	.contents .program-itme-list .item-box.ty-2 .conts-box .img-box {width:53%; margin:0 auto;}
}

.contents .circle-diagram .circle-diagram-wrap {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-24); flex-wrap:wrap; padding-bottom:var(--gap-100); position:relative; margin-bottom:var(--gap-16);}
.contents .circle-diagram .circle-diagram-wrap:before {content:""; width:100%; height:var(--gap-100); background:url(/img/conts/diagram_arrow.svg) center bottom no-repeat; background-size:auto 100%; position:absolute; left:0; bottom:0;}
.contents .circle-diagram .circle-diagram-wrap .circle-box {width:calc((100% - (var(--gap-24) * 3)) / 4); padding:10px; position:relative; box-sizing:border-box; overflow:hidden; z-index:10;}
.contents .circle-diagram .circle-diagram-wrap .circle-box .circle-wrap {width:100%; height:0; padding-bottom:100%; position:relative; z-index:10;}
.contents .circle-diagram .circle-diagram-wrap .circle-box .circle-wrap:before {content:""; width:100%; height:100%; border-radius:50%; background:#fff; border:2px solid rgba(192,189,185,0.4); position:absolute; left:50%; top:50%; z-index:0; transform:translate(-50%,-50%);}
.contents .circle-diagram .circle-diagram-wrap .circle-box .circle-wrap .conts-box {width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:10; padding:var(--gap-24); box-sizing:border-box;}
.contents .circle-diagram .circle-diagram-wrap .circle-box .circle-wrap .conts-box .icon {width:40%; max-width:100px; margin:0 auto;}
.contents .circle-diagram .circle-diagram-wrap .circle-box .circle-wrap .conts-box .icon img {display:block; max-width:100%; margin:0 auto;}
.contents .circle-diagram .circle-diagram-wrap .circle-box .circle-wrap .conts-box .conts {text-align:center; font-size:var(--font-18); line-height:1.66; margin-top:var(--gap-24);}
.contents .circle-diagram .circle-diagram-wrap .circle-box .line {width:100%; height:50%; position:absolute; left:0; top:0; z-index:0; overflow:hidden;}
.contents .circle-diagram .circle-diagram-wrap .circle-box .line:before {content:""; width:100%; height:calc(100% * 2); border-radius:50%; box-sizing:border-box; border:4px solid var(--sub-color); position:absolute; left:0; top:0;}
.contents .circle-diagram .circle-diagram-txt-label {width:max-content; max-width:100%; min-height:100px; padding:var(--gap-16) 0; border-radius:100px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--font-28); font-weight:700; color:#fff; background:var(--font-gray); margin:0 auto; flex-wrap:wrap;}
.contents .circle-diagram .circle-diagram-txt-label span {padding:0 var(--gap-80); display:inline-block; vertical-align:middle;}

@media screen and (max-width: 1024px) {
	.contents .circle-diagram .circle-diagram-wrap .circle-box {width:calc((100% - (var(--gap-24) * 1)) / 2); max-width:300px;}
}

@media screen and (max-width: 480px) {
	.contents .circle-diagram .circle-diagram-wrap .circle-box .circle-wrap .conts-box .conts {font-size:10px;}
	.contents .circle-diagram .circle-diagram-txt-label {font-size:var(--font-22); min-height:80px;}
	.contents .circle-diagram .circle-diagram-txt-label span {padding:0 var(--gap-60);}
}


.contents .linear-diagram {width:100%; display:flex; align-items:center; justify-content:space-between; gap:var(--gap-32); position:relative;}
.contents .linear-diagram:after {content:""; width:100%; height:3px; background:var(--gray); position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0;}
.contents .linear-diagram .item-box {width:calc((100% - (var(--gap-32) * 4)) / 5); min-height:120px; border-radius:50px; display:flex; align-items:center; justify-content:center; text-align:center; padding:var(--gap-16); background:#fff; border:1px solid rgba(192,189,185,0.6); position:relative; z-index:10;}
.contents .linear-diagram .item-box .conts {font-size:var(--font-20); line-height:1.6;}
.contents .linear-diagram .item-box:last-child {border-color:var(--sub-color); border-width:2px;}
.contents .linear-diagram .item-box:last-child .conts {color:var(--sub-color); font-weight:700;}

@media screen and (max-width: 1280px) {
	.contents .linear-diagram .item-box .conts .br {display:inline-block;}
}

@media screen and (max-width: 1024px) {
	.contents .linear-diagram .item-box {min-height:100px; border-radius:40px;}
	.contents .linear-diagram .item-box .conts {font-size:var(--font-14);}
}

@media screen and (max-width: 900px) {
	.contents .linear-diagram {gap:var(--gap-16);}
	.contents .linear-diagram .item-box {width:calc((100% - (var(--gap-16) * 4)) / 5);}
	.contents .linear-diagram .item-box .conts {font-size:var(--font-14);}
}

@media screen and (max-width: 768px) {
	.contents .linear-diagram {gap:var(--gap-32); flex-wrap:wrap; max-width:300px; margin-left:auto; margin-right:auto;}
	.contents .linear-diagram:after {width:2px; height:100%; left:50%; top:0; transform:translateX(-50%);}
	.contents .linear-diagram .item-box {width:100%; max-width:300px; min-height:72px; box-shadow:0 4px 10px rgba(0,0,0,0.05);}
	.contents .linear-diagram .item-box .conts {font-size:var(--font-18);}
	.contents .linear-diagram .item-box .conts .br {display:block;}
}


.contents .case-list-wrap .case-box .case-wrap {width:100%; display:flex; align-items:center;}
.contents .case-list-wrap .case-box .case-wrap > * {width:50%;}
/* s : 240819 수정 */
.contents .case-list-wrap .case-box .case-wrap .img-box span {display:block; width:100%; height:0; padding-bottom:calc(374 / 664 * 100%); position:relative;}
.contents .case-list-wrap .case-box .case-wrap .img-box span img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
/* e : 240819 수정 */
.contents .case-list-wrap .case-box .case-wrap .conts-box {padding-left:calc(var(--gap-60) * 0.8);}
.contents .case-list-wrap .case-box .case-wrap .conts-box .title {font-size:var(--font-28); font-weight:700; margin-bottom:var(--gap-16);}
.contents .case-list-wrap .case-box .case-wrap .conts-box .conts {font-size:var(--font-20); color:var(--font-gray);}
.contents .case-list-wrap .case-box .case-wrap .conts-box .tag-wrap {width:100%; max-width:400px; margin-top:var(--gap-40); display:flex; flex-wrap:wrap; gap:var(--gap-8);}
.contents .case-list-wrap .case-box .case-wrap .conts-box .tag-wrap .tag {display:flex; height:46px; border-radius:100px; align-items:center; justify-content:center; background:#fff; border:1px solid var(--black); font-size:var(--font-18); padding:0 var(--gap-16);}
.contents .case-list-wrap .slick-arrow {width:50px; height:50px; font-size:0; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%);}
.contents .case-list-wrap .slick-arrow:before {content:""; width:100%; height:100%; background:url(/img/conts/arrow_left.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:0;}
.contents .case-list-wrap .slick-prev {left:-80px;}
.contents .case-list-wrap .slick-next {right:-80px;}
.contents .case-list-wrap .slick-next:before {transform:scaleX(-1);}

@media screen and (max-width: 1440px) {
	.contents .case-list-wrap {width:calc(100% - 160px); margin:0 auto;}
}

@media screen and (max-width: 1280px) {
	.contents .case-list-wrap .case-box .case-wrap .conts-box .tag-wrap .tag {font-size:var(--font-14); height:40px;}
}

@media screen and (max-width: 1024px) {
	.contents .case-list-wrap {width:calc(100% - 120px);}
	.contents .case-list-wrap .case-box .case-wrap {flex-wrap:wrap;}
	.contents .case-list-wrap .case-box .case-wrap > * {width:100%;}
	.contents .case-list-wrap .case-box .case-wrap .conts-box {padding-left:0; padding-top:var(--gap-40); text-align:center;}
	.contents .case-list-wrap .case-box .case-wrap .conts-box .tag-wrap {justify-content:center; margin-left:auto; margin-right:auto;}
	.contents .case-list-wrap .slick-arrow {width:40px; height:40px;}
	.contents .case-list-wrap .slick-prev {left:-60px;}
	.contents .case-list-wrap .slick-next {right:-60px;}
}

@media screen and (max-width: 480px) {
	.contents .case-list-wrap {width:calc(100% - 70px);}
	.contents .case-list-wrap .case-box .case-wrap .conts-box .conts {font-size:var(--font-18);}
	.contents .case-list-wrap .case-box .case-wrap .conts-box .tag-wrap .tag {height:36px;}
	.contents .case-list-wrap .slick-arrow {width:25px; height:25px;}
	.contents .case-list-wrap .slick-prev {left:-35px;}
	.contents .case-list-wrap .slick-next {right:-35px;}
}


.contents .solution-review-wrap {position:relative;}
/*.contents .solution-review-wrap:before {content:""; width:100%; height:calc(100% - ((var(--gap-80) * 0.8) + (var(--gap-60) * 0.8) + var(--gap-40))); background:rgba(192,189,185,0.2); position:absolute; left:0; top:0; z-index:0;}*/
.contents .solution-review-wrap .review-wrap {position:relative; z-index:10; padding-top:var(--gap-32);}
.contents .solution-review-wrap .review-detail-wrap {width:90%; max-width:var(--conts-w); position:absolute; left:50%; top:0; transform:translateX(-50%); padding-top:calc(var(--gap-80) * 0.8); z-index:10;}
.contents .solution-review-wrap .review-detail-wrap:before {content:""; width:300vw; height:calc(100% + var(--gap-40)); background:rgba(192,189,185,0.2); position:absolute; left:50%; top:0; z-index:0; transform:translateX(-50%);}
.contents .solution-review-wrap .review-detail-wrap .review-list {max-width:55%; overflow:hidden;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .logo {margin-bottom:var(--gap-60);}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .logo img {max-height:74px; display:block;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list {position:relative;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box {width:100%; padding-top:calc(var(--gap-80) * 0.7); padding-bottom:20px; position:relative; visibility:hidden; padding-left:var(--gap-24);}
/* s : 240819 수정 */
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box:before {content:""; width:2px; height:0; background:#9E9D9B; position:absolute; left:0; top:0; transition:height 0.4s ease-in-out; opacity:0;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box:after {content:""; width:2px; height:15px; background:#9E9D9B; position:absolute; left:4px; top:calc(100% - 14px); transform:rotate(35deg); transition:top 0.4s ease-in-out;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box:first-child {padding-top:0; visibility:visible;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box:first-child:before {height:100%;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box em {font-size:var(--font-28); font-weight:700; color:var(--sub-color); margin-bottom:var(--gap-8); display:block;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box .conts {font-size:var(--font-32); font-weight:300; transition:all 0.4s ease-in-out;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box .conts span {font-weight:400;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.active {visibility:visible;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.active:before {height:100%;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.active:after {animation:arrowTop 0.4s ease-in-out both;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.out:after {display:none;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.out em,
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.out .conts {opacity:0.6; transition:transform 0.4s ease-in-out; transform:scale(0.93); transform-origin:left top;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .line {width:2px; height:0; background:#9E9D9B; position:absolute; left:0; top:0; transition:height 0.4s ease-in-out;}
.contents .solution-review-wrap .review-detail-wrap .review-list .review-box.swiper-slide-active .conts-list .list-wrap .list-box:before {opacity:1;}

.contents .solution-review-wrap.ty-2 .review-detail-wrap {position:relative; left:auto; transform:none;}
.contents .solution-review-wrap.ty-2 .review-detail-wrap:before {display:none;}
.contents .solution-review-wrap.ty-2 .review-detail-wrap .review-list {max-width:70%;}
.contents .solution-review-wrap .review-media-wrap {max-width:600px; margin-left:auto; position:relative; z-index:11;}
.contents .solution-review-wrap .review-media-wrap .media-list {width:100%; overflow:hidden; margin:0 calc(var(--gap-16) * -1);}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box {width:100%;}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box > .inner {width:100%;}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box {width:400px; position:relative; overflow:hidden; border-radius:var(--gap-16);}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box .media-conts {width:100%;}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box .media-conts span {width:100%; height:0; padding-bottom:calc(769 / 432 * 100%); position:relative; display:block;}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box .media-conts img {display:block; margin:0 auto; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box .media-conts:after {content:""; width:100%; height:100%; background:rgba(255,255,255,0.5); position:absolute; left:0; top:0;}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box .thumbnail {width:100%; position:absolute; left:0; top:0;}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box .thumbnail span {width:100%; height:0; padding-bottom:calc(769 / 432 * 100%); position:relative; display:block;}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box .thumbnail img {display:block; margin:0 auto; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box .thumbnail:after {content:""; width:100%; height:100%; background:rgba(255,255,255,0.5); position:absolute; left:0; top:0;}
.contents .solution-review-wrap .review-media-wrap .media-list .swiper-slide {width:max-content; margin:0 var(--gap-16);}
.contents .solution-review-wrap .review-media-wrap .media-list .media-box.swiper-slide-active .media-conts-box .media-conts:after,
.contents .solution-review-wrap .review-media-wrap .media-list .media-box.swiper-slide-active .media-conts-box .thumbnail {display:none;}
.contents .solution-review-wrap .review-media-wrap .slide-control {display:flex; align-items:center; gap:var(--gap-8); position:absolute; left:calc((((var(--gap-60) * 0.8) * 2) + var(--gap-8) + var(--gap-40)) * -1); bottom:calc(var(--gap-80) * 0.8);}
.contents .solution-review-wrap .review-media-wrap .slide-control button {cursor:pointer; width:calc(var(--gap-60) * 0.8); height:calc(var(--gap-60) * 0.8); position:relative; font-size:0; border-radius:50%; border:1px solid var(--gray); overflow:hidden;}
.contents .solution-review-wrap .review-media-wrap .slide-control button:before {content:""; width:100%; height:100%; background:url(/img/conts/arrow_line.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:0;}
.contents .solution-review-wrap .review-media-wrap .slide-control button.next:before {transform:scaleX(-1);}
.contents .solution-review-wrap .review-media-wrap .slide-control button:hover {border-color:var(--black);}
.contents .solution-review-wrap .review-media-wrap .slide-control button:hover:before {background-image:url(/img/conts/arrow_line_on.svg);}
.contents .solution-review-wrap .review-media-wrap .slide-control.hide {display:none;}
.contents .solution-review-wrap .review-img-wrap {width:90%; max-width:var(--conts-w); margin:0 auto; display:flex; justify-content:flex-end; position:relative; z-index:11;}
.contents .solution-review-wrap .review-img-wrap .img-list {max-width:430px;}
.contents .solution-review-wrap .review-img-wrap .img-list li img {display:block; margin:0 auto; max-width:100%;}

@keyframes arrowTop {
	0% { top : 0; }
	100% { top : calc(100% - 14px); }
}

@media screen and (max-width: 1280px) {	
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .logo img {height:50px;}
	.contents .solution-review-wrap .review-media-wrap {max-width:500px;}
	.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box {width:340px;}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box {padding-top:calc(var(--gap-80) * 0.5);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box em {font-size:var(--font-20);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box .conts {font-size:var(--font-26);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.out em {font-size:var(--font-16);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.out .conts {font-size:var(--font-22);}
}

@media screen and (max-width: 1024px) {
	/* s : 240731 수정 */ 
	.contents .solution-review-wrap {padding:var(--gap-80) 0;}
	.contents .solution-review-wrap:before {height:100%;}
	.contents .solution-review-wrap .review-wrap {padding:var(--gap-40) 0 ; background:rgba(192,189,185,0.2);}
	/*.contents .solution-review-wrap .review-detail-wrap {position:relative; left:auto; top:0; transform:none; padding-top:var(--gap-40); margin:0 auto;}*/ 
	.contents .solution-review-wrap .review-detail-wrap {position:relative; left:auto; top:0; transform:none; padding-top:0; margin:0 auto;}
	.contents .solution-review-wrap .review-detail-wrap:before {display:none;}
	/* e : 240731 수정 */ 
	.contents .solution-review-wrap .review-detail-wrap .review-list,
	.contents .solution-review-wrap.ty-2 .review-detail-wrap .review-list {width:100%; max-width:500px; margin:0 auto;}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .logo img {height:60px;}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box {padding-top:calc(var(--gap-80) * 0.7);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box em {font-size:var(--font-28);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box .conts {font-size:var(--font-32);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.out em {font-size:var(--font-24);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.out .conts {font-size:var(--font-28);}
	.contents .solution-review-wrap .review-media-wrap {width:90%; margin:0 auto; margin-top:var(--gap-40);}
	.contents .solution-review-wrap .review-media-wrap .media-list {margin:0 auto;}
	.contents .solution-review-wrap .review-media-wrap .media-list .swiper-slide {margin:0 auto;}
	.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box {width:400px; margin:0 auto;}
	.contents .solution-review-wrap .review-media-wrap .slide-control {position:relative; left:auto; bottom:auto; margin-top:var(--gap-32); justify-content:center;}
	.contents .solution-review-wrap .review-img-wrap {margin-top:var(--gap-40);}
	.contents .solution-review-wrap .review-img-wrap .img-list {max-width:400px; margin:0 auto;}
}

@media screen and (max-width: 480px) {
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .logo img {height:40px;}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box {padding-top:calc(var(--gap-80) * 0.5);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box em {font-size:var(--font-28);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box .conts {font-size:var(--font-32);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box .conts .br {display:inline-block;} /* 240731 수정*/
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.out em {font-size:var(--font-24);}
	.contents .solution-review-wrap .review-detail-wrap .review-list .review-box .conts-list .list-wrap .list-box.out .conts {font-size:var(--font-28);}
	.contents .solution-review-wrap .review-media-wrap .media-list .media-box .media-conts-box {width:100%; margin:0 auto;}
	.contents .solution-review-wrap .review-media-wrap .slide-control button {width:30px; height:30px;}
}

/* e : 240819 수정 */


.contents .title-conts-layout {width:100%; display:flex; flex-wrap:wrap;}
.contents .title-conts-layout .title-box {width:25%; padding-right:var(--gap-16);}
.contents .title-conts-layout .title-box .title {font-size:var(--font-36); position:relative; font-weight:700;}
.contents .title-conts-layout .title-box .title.bar {padding-top:calc(var(--gap-8) + 2px);}
.contents .title-conts-layout .title-box .title.bar:before {content:""; width:calc(var(--gap-60) * 0.8); height:2px; background:var(--sub-color); position:absolute; left:0; top:0;}
.contents .title-conts-layout .layout-conts-box {width:75%; max-width:1012px;}
/* s : 240819 수정 */
.contents .title-conts-layout .layout-conts-box .layout-conts-list {width:100%;}
.contents .title-conts-layout .layout-conts-box .layout-conts-list > * {margin-top:calc(var(--gap-80) * 0.8);}
.contents .title-conts-layout .layout-conts-box .layout-conts-list > *:first-child {margin-top:0;}
/* e : 240819 수정 */

@media screen and (max-width: 768px) {
	.contents .title-conts-layout {gap:var(--gap-32);}
	.contents .title-conts-layout .title-box {width:100%; padding-right:0;}
	.contents .title-conts-layout .title-box .title.bar {width:max-content; margin:0 auto;}
	.contents .title-conts-layout .title-box .title.bar:before {left:50%; transform:translateX(-50%);}
	.contents .title-conts-layout .title-box .title .br {display:inline-block;}
	.contents .title-conts-layout .layout-conts-box {width:100%;}
}


.contents .com-conts.midium {font-size:var(--font-24);}


.contents .cs-review-wrap .cs-review-box {width:100%; margin-top:calc(var(--gap-80) * 1.2); display:flex; flex-wrap:wrap; gap:var(--gap-40);}
.contents .cs-review-wrap .cs-review-box:first-child {margin-top:0;}
.contents .cs-review-wrap .cs-review-box .icon {width:200px;}
.contents .cs-review-wrap .cs-review-box .icon img {max-width:100%; display:block; margin:0 auto;}
.contents .cs-review-wrap .cs-review-box .chat-conts-wrap {width:calc(100% - 400px - var(--gap-40)); display:flex;}
.contents .cs-review-wrap .cs-review-box .chat-conts-wrap .chat-wrap,
.contents .cs-review-wrap .cs-review-box .chat-conts-wrap .chat-wrap .chat-list {width:max-content; max-width:100%;}
.contents .cs-review-wrap .cs-review-box .chat-conts-wrap .chat-wrap .chat-list .chat-box {background:#fff; border:1px solid rgba(192,189,185,0.2); box-shadow:0 0 15px rgba(0,0,0,0.1); width:max-content; max-width:100%; padding:calc(var(--gap-60) * 0.8) calc(var(--gap-80) * 0.8); margin-top:var(--gap-24); font-size:var(--font-24); line-height:1.5; font-weight:700;}
.contents .cs-review-wrap .cs-review-box .chat-conts-wrap .chat-wrap .chat-list .chat-box:first-child {border-radius:var(--gap-16) var(--gap-16) var(--gap-16) 0; margin-top:0;}
.contents .cs-review-wrap .cs-review-box .chat-conts-wrap .chat-wrap .chat-list .chat-box:last-child {border-radius:0 var(--gap-16) var(--gap-16) var(--gap-16);}
.contents .cs-review-wrap .cs-review-box .chat-conts-wrap .chat-wrap .note {margin-top:var(--gap-24); font-size:var(--font-18); color:var(--font-gray);}
.contents .cs-review-wrap .cs-review-box:nth-child(even) {flex-direction:row-reverse;}
.contents .cs-review-wrap .cs-review-box:nth-child(even) .chat-conts-wrap {justify-content:flex-end;}
.contents .cs-review-wrap .cs-review-box:nth-child(even) .chat-conts-wrap .chat-wrap .chat-list .chat-box {margin-left:auto;}
.contents .cs-review-wrap .cs-review-box:nth-child(even) .chat-conts-wrap .chat-wrap .note {text-align:right;}

@media screen and (max-width: 1280px) {
	.contents .cs-review-wrap .cs-review-box .icon {width:17%;}
	.contents .cs-review-wrap .cs-review-box .chat-conts-wrap {width:calc(83% - var(--gap-40));}
}


@media screen and (max-width: 1200px) {
	.contents .cs-review-wrap .cs-review-box .chat-conts-wrap .chat-wrap .chat-list .chat-box .conts .br {display:inline-block;}
}

@media screen and (max-width: 600px) {
	.contents .cs-review-wrap .cs-review-box {gap:var(--gap-32);}
	.contents .cs-review-wrap .cs-review-box .icon {width:100px;}
	.contents .cs-review-wrap .cs-review-box .chat-conts-wrap {width:100%;}
}

@media screen and (max-width: 480px) {
	.contents .cs-review-wrap .cs-review-box .chat-conts-wrap .chat-wrap .chat-list .chat-box {font-size:var(--font-20);}
}


.contents .process-conts-wrap {display:flex; flex-wrap:wrap; gap:var(--gap-32); flex-direction:column-reverse;}
.contents .process-conts-wrap .note {font-size:var(--font-16); color:var(--font-gray);}
.contents .process-wrap {width:100%; padding:0 30px; position:relative; display:flex; align-items:center;}
.contents .process-wrap:before {content:""; width:100%; height:2px; background:#D9D7D5; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:11;}
.contents .process-wrap:after {content:""; width:0; height:0; border:solid transparent; border-width:7px 0; border-left:14px solid #D9D7D5; position:absolute; right:-2px; top:50%; transform:translateY(-50%);}
.contents .process-wrap .process-box {width:20%; position:relative; border-radius:50%; overflow:hidden;}
.contents .process-wrap .process-box:before {content:""; width:var(--gap-16); height:var(--gap-16); border-radius:50%; box-sizing:border-box; border:2px solid #fff; background:#FF9A7C; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:12;}
.contents .process-wrap .process-box .bg {width:100%; height:0; padding-bottom:100%; display:block; border-radius:50%; background:#fff; border:2px solid var(--gray);}
.contents .process-wrap .process-box .line {width:100%; height:50%; position:absolute; left:0; overflow:hidden; z-index:12;}
.contents .process-wrap .process-box .line:before {content:""; width:100%; height:calc(100% * 2); border-radius:50%; border:2px solid #FF9A7C; position:absolute; left:0; box-sizing:border-box;}
.contents .process-wrap .process-box .process-conts {width:100%; height:100%; position:absolute; left:0; top:0;}
.contents .process-wrap .process-box .process-conts > * {width:100%; height:50%; display:flex; align-items:center; justify-content:center; padding:var(--gap-24);}
.contents .process-wrap .process-box .process-conts .icon {width:34%; max-width:72px; margin:0 auto; padding-top:var(--gap-16);}
.contents .process-wrap .process-box .process-conts .icon img {display:block; max-width:100%; margin:0 auto;}
.contents .process-wrap .process-box .process-conts .conts {font-size:var(--font-18); padding-bottom:var(--gap-16); text-align:center;}
.contents .process-wrap .process-box:nth-child(odd) .line {border-radius:50% 50% 0 0; top:0;}
.contents .process-wrap .process-box:nth-child(odd) .line:before {top:0;}
.contents .process-wrap .process-box:nth-child(even) .line {border-radius:0 0 50% 50%; bottom:0;}
.contents .process-wrap .process-box:nth-child(even) .line:before {bottom:0;}

@media screen and (max-width: 1024px) {
	.contents .process-wrap {padding:0 20px;}
	.contents .process-wrap:after {border-width:7px 0; border-left-width:10px;}
	.contents .process-wrap .process-box .process-conts .conts {font-size:var(--font-14);}
	.contents .process-wrap .process-box:before {width:12px; height:12px;}
}

@media screen and (max-width: 768px) {
	.contents .process-conts-wrap {flex-direction:column;}
	.contents .process-wrap {padding:0; width:100%; max-width:200px; margin:0 auto; flex-wrap:wrap;}
	.contents .process-wrap:before, .contents .process-wrap:after {display:none;}
	.contents .process-wrap .process-box {width:100%;}
	.contents .process-wrap .process-box:before {display:none;}
	.contents .process-wrap .process-box .line {width:50%; height:100%;}
	.contents .process-wrap .process-box .line:before {width:calc(100% * 2); height:100%;}
	.contents .process-wrap .process-box .process-conts > * {padding:0 var(--gap-24);}
	.contents .process-wrap .process-box .process-conts .top {align-items:flex-end;}
	.contents .process-wrap .process-box .process-conts .bottom {align-items:flex-start;}
	.contents .process-wrap .process-box .process-conts .icon {padding-top:0; padding-bottom:var(--gap-8);}
	.contents .process-wrap .process-box .process-conts .conts {font-size:var(--font-18); padding-bottom:0; padding-top:var(--gap-8);}
	.contents .process-wrap .process-box:nth-child(odd) .line {border-radius:50% 0 0 50%; left:0;}
	.contents .process-wrap .process-box:nth-child(odd) .line:before {left:0;}
	.contents .process-wrap .process-box:nth-child(even) .line {border-radius:0 50% 50% 0; left:auto; right:0;}
	.contents .process-wrap .process-box:nth-child(even) .line:before {left:auto; right:0;}
}

@media screen and (max-width: 480px) {
	.contents .process-wrap {max-width:180px;}
}


.contents .video-layout .video-box {width:100%; position:relative;}
.contents .video-layout .video-box span {display:block; width:100%; height:0; padding-bottom:calc(315 / 560 * 100%); position:relative;}
.contents .video-layout .video-box span iframe {width:100%; height:100%; position:absolute; left:0; top:0;}
/* s : 240819 수정 */
.contents .video-layout .video-box span a {display:block; width:100%; height:100%; position:absolute; left:0; top:0; font-size:0;}
.contents .video-layout .video-box span a.hide {display:none;}
/* e : 240819 수정 */
.contents .video-layout .video-box .thumbnail {width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.contents .video-layout .video-box .thumbnail img {display:block; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
/*.contents .video-layout .video-box .thumbnail:after {content:""; width:96px; height:96px; border-radius:50%; background:url(/img/conts/icon_play_w.svg) center no-repeat; background-size:cover; position:absolute; left:50%; top:50%; z-index:10; transform:translate(-50%,-50%);}*/
.contents .video-layout .video-box .btn-play {width:96px; height:96px; border-radius:50%; background:url(/img/conts/icon_play_w.svg) center no-repeat; background-size:cover; position:absolute; left:50%; top:50%; z-index:10; transform:translate(-50%,-50%); cursor:pointer; font-size:0;}

@media screen and (max-width: 1024px) {
	.contents .video-layout .video-box .btn-play {width:75px; height:75px;}
}

@media screen and (max-width: 768px) {
	.contents .video-layout .video-box .btn-play {width:58px; height:58px;}
}

@media screen and (max-width: 480px) {
	.contents .video-layout .video-box .btn-play {width:36px; height:36px;}
}


.contents .space-process-wrap {width:100%; display:flex; gap:var(--gap-32); flex-wrap:wrap; position:relative;}
.contents .space-process-wrap:before {content:""; width:100vw; height:calc(100% - (var(--gap-60) * 2)); background:rgb(242,242,241); background: linear-gradient(90deg, rgba(242,242,241,0.4) 0%, rgba(242,242,241,1) 100%); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0;}
.contents .space-process-wrap .process-box {width:calc((100% - (var(--gap-32) * 3)) / 4); background:#fff; position:relative; box-shadow:0 0 15px rgba(0,0,0,0.1); overflow:hidden; z-index:10;}
.contents .space-process-wrap .process-box .num {width:76px; height:76px; display:flex; align-items:center; justify-content:center; font-size:var(--font-20); font-weight:700; position:absolute; left:0; top:0; color:#fff;}
.contents .space-process-wrap .process-box .num span {position:relative; z-index:1;}
.contents .space-process-wrap .process-box .num:before {content:""; width:calc(100% * 2); height:calc(100% * 2); border-radius:50%; position:absolute; left:-90%; top:-90%; z-index:0;}
.contents .space-process-wrap .process-box .process-conts {width:100%; min-height:380px; display:flex; align-items:center; justify-content:center; padding:var(--gap-24); text-align:center;}
.contents .space-process-wrap .process-box .process-conts em {display:block; font-size:var(--font-26); font-weight:700; line-height:1.46; margin-bottom:var(--gap-32);}
.contents .space-process-wrap .process-box .process-conts ul li {width:100%; margin-top:var(--gap-8); font-size:var(--font-20); color:var(--font-gray);}
.contents .space-process-wrap .process-box .process-conts ul li:first-child {margin-top:0;}
.contents .space-process-wrap .process-box:nth-child(1) .num {color:rgba(255,86,36,0.8);}
.contents .space-process-wrap .process-box:nth-child(1) .num:before {background:rgba(255,86,36,0.2);}
.contents .space-process-wrap .process-box:nth-child(2) .num:before {background:rgba(255,86,36,0.4);}
.contents .space-process-wrap .process-box:nth-child(3) .num:before {background:rgba(255,86,36,0.6);}
.contents .space-process-wrap .process-box:nth-child(4) .num:before {background:rgba(255,86,36,0.8);}

@media screen and (max-width: 1280px) {
	.contents .space-process-wrap .process-box .num {width:54px; height:54px; font-size:var(--font-16);}
	.contents .space-process-wrap .process-box .process-conts {min-height:300px;}
	.contents .space-process-wrap .process-box .process-conts em {font-size:var(--font-22);}
	.contents .space-process-wrap .process-box .process-conts ul li {font-size:var(--font-16);}
}

@media screen and (max-width: 1024px) {
	.contents .space-process-wrap {justify-content:center;}
	.contents .space-process-wrap .process-box {width:calc((100% - (var(--gap-32) * 1)) / 2); max-width:300px;}
	.contents .space-process-wrap .process-box .num {width:54px; height:54px; font-size:var(--font-20);}
	.contents .space-process-wrap .process-box .process-conts {min-height:320px;}
	.contents .space-process-wrap .process-box .process-conts em {font-size:var(--font-26);}
	.contents .space-process-wrap .process-box .process-conts ul li {font-size:var(--font-20);}
}

/* s : 240819 수정 */
@media screen and (max-width: 480px) {
	.contents .space-process-wrap {gap:15px;}
	.contents .space-process-wrap .process-box {width:calc((100% - 15px) / 2); max-width:240px; margin:0 auto; padding:0;}
	.contents .space-process-wrap .process-box .num {width:42px; height:42px; font-size:var(--font-14);}
	.contents .space-process-wrap .process-box .process-conts {min-height:220px; padding:10px;}
	.contents .space-process-wrap .process-box .process-conts em {font-size:var(--font-18);}
	.contents .space-process-wrap .process-box .process-conts ul li {font-size:var(--font-16);}
}
/* e : 240819 수정 */



.contents .contents-section-wrap {width:100%; margin-top:80px;}
.contents .contents-section-wrap section {width:100%; margin-top:var(--gap-100);}
.contents .contents-section-wrap section:first-child {margin-top:0;}
.contents .contents-section-wrap section > .inner {width:90%; max-width:var(--conts-w); margin:0 auto;}
.contents .contents-section-wrap section .title-box {width:100%; margin-bottom:var(--gap-24);}
.contents .contents-section-wrap section .title-box h2 {font-size:var(--font-32); font-weight:700; line-height:1.4; text-align:left;}

@media screen and (max-width: 480px) {
	.contents .contents-section-wrap {margin-top:70px;}
}



.program .sec-2 {position:relative;}
.program .sec-2:before {content:""; width:100%; height:100%; background:url(/img/conts/program_bg.png) center top no-repeat; background-size:100% auto; position:absolute; left:0; top:0; z-index:0;}
.program .sec-2 > .inner {position:relative; z-index:10;}

.space .space-solution-wrap {width:100%; display:flex; gap:var(--gap-32); flex-wrap:wrap;}
.space .space-solution-wrap .solution-box {width:calc((100% - (var(--gap-32) * 3)) / 4);}
.space .space-solution-wrap .solution-box .img-box {width:100%; box-shadow:0 0 8px rgba(0,0,0,0.2); margin-bottom:var(--gap-16);}
.space .space-solution-wrap .solution-box .img-box img {display:block; max-width:100%;}
.space .space-solution-wrap .solution-box .conts {width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:var(--gap-8) var(--gap-32);}
.space .space-solution-wrap .solution-box .conts > * {font-size:var(--font-22); position:relative;}
.space .space-solution-wrap .solution-box .conts em:after {content:""; width:2px; height:60%; background:var(--black); position:absolute; right:calc((var(--gap-32) / 2) * -1); top:50%; transform:translateY(-50%);}
.space .space-solution-wrap .solution-box .conts span {color:var(--font-gray-2);}

@media screen and (max-width: 1280px) {
	.space .space-solution-wrap .solution-box .conts > * {font-size:var(--font-16);}
}

@media screen and (max-width: 1024px) {
	.space .space-solution-wrap {justify-content:center;}
	.space .space-solution-wrap .solution-box {width:calc((100% - (var(--gap-32) * 1)) / 2); max-width:300px;}
}



/*외식*/
.eat-out.program .sub-visual {background-image:url(/img/conts/sub_visual_eatout.png);}

/*외식 상품R&D*/
.eat-out.rnd .sub-visual {background-image:url(/img/conts/sub_visual_eatout_rnd.png);}
/* s : 240731 수정 */
.eat-out.rnd .contents-area .section-wrap .sec-2 > .inner {width:100%; max-width:100%;}
.eat-out.rnd .sec-2 .sec-title {width:90%; max-width:var(--conts-w); margin-left:auto; margin-right:auto;}
/* e : 240731 수정 */

.eat-out.rnd .sec-2 .video-wrap {width:90%; margin:0 auto; max-width:1128px;}
.eat-out.rnd .sec-2 .video-wrap .video-box {width:100%; height:0; padding-bottom:calc(634 / 1128 * 100%); background:#000; position:relative;}
.eat-out.rnd .sec-2 .video-wrap .video-box .cover {width:100%; position:absolute; left:0; top:0; cursor:pointer;}
.eat-out.rnd .sec-2 .video-wrap .video-box .cover img {display:block; width:100%; position:relative; z-index:0;}
.eat-out.rnd .sec-2 .video-wrap .video-box .cover:after {content:""; width:96px; height:96px; background:url(/img/conts/icon_play.svg) center no-repeat; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10;}

@media screen and (max-width: 1024px) {
	.eat-out.rnd .sec-2 .video-wrap .video-box .cover:after {width:75px; height:75px;}
}

@media screen and (max-width: 768px) {
	.eat-out.rnd .sec-2 .video-wrap .video-box .cover:after {width:58px; height:58px;}
}

@media screen and (max-width: 480px) {
	.eat-out.rnd .sec-2 .video-wrap .video-box .cover:after {width:36px; height:36px;}
}


/*외식 마케팅*/
.eat-out.marketing .sub-visual {background-image:url(/img/conts/sub_visual_eatout_marketing.png);}
.eat-out.marketing .contents-area .section-wrap .sec-2 > .inner {width:100%; max-width:100%;}
.eat-out.marketing .sec-2 .sec-title {width:90%; max-width:var(--conts-w); margin-left:auto; margin-right:auto;}

.eat-out.marketing .sec-3 .marketing-solution {width:100%; display:flex; gap:var(--gap-32);}
.eat-out.marketing .sec-3 .marketing-solution .solution-box {width:calc((100% - (var(--gap-32) * 2)) / 3); background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); padding:40px 48px;}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .icon {width:48px; height:48px; border-radius:50%; background:rgba(255,86,36,0.1); overflow:hidden; margin-bottom:var(--gap-16);}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .icon img {display:block; margin:0 auto; max-width:100%;}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box {width:100%;}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .title {font-size:var(--font-28); font-weight:700; color:var(--sub-color);}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box ul {width:100%; margin-top:var(--gap-32);}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box ul li {font-size:var(--font-18); color:var(--font-gray); margin-top:var(--gap-8); padding-left:calc(var(--font-18) - 6px); text-indent:calc((var(--font-18) - 6px) * -1);}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box ul li:before {content:"- ";}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box ul li:first-child {margin-top:0;}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .sns-wrap {width:100%; display:flex; gap:var(--gap-8); margin-top:var(--gap-16);}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .sns-wrap span {display:block; width:32px; height:32px; background-size:cover; background-repeat:no-repeat; background-position:center; font-size:0;}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .sns-wrap .blog {background-image:url(/img/conts/icon_blog.svg);}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .sns-wrap .place {background-image:url(/img/conts/icon_naverplace.svg);}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .sns-wrap .youtube {background-image:url(/img/conts/icon_youtube.svg);}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .sns-wrap .instagram {background-image:url(/img/conts/icon_instagram.svg);}
.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .sns-wrap .facebook {background-image:url(/img/conts/icon_facebook.svg);}

@media screen and (max-width: 1440px) {
	.eat-out.marketing .sec-3 .marketing-solution .solution-box {padding:var(--gap-32);}
	.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .title {font-size:var(--font-24);}
}

@media screen and (max-width: 1024px) {
	.eat-out.marketing .sec-3 .marketing-solution {flex-wrap:wrap; max-width:400px; margin:0 auto;}
	.eat-out.marketing .sec-3 .marketing-solution .solution-box {width:100%; padding:var(--gap-40) calc(var(--gap-60) * 0.8);}
	.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .title {font-size:var(--font-28);}
}

@media screen and (max-width: 480px) {
	.eat-out.marketing .sec-3 .marketing-solution .solution-box .icon {width:42px; height:42px;}
	.eat-out.marketing .sec-3 .marketing-solution .solution-box .conts-box .sns-wrap span {width:28px; height:28px;}
}

/*외식 세일즈*/
.eat-out.sales .sub-visual {background-image:url(/img/conts/sub_visual_eatout_sales.png);}
/* s : 240819 수정 */
.eat-out.sales .sec-2 article .com-conts {margin-bottom:var(--gap-32); max-width:690px;}
/* e : 240819 수정 */
.eat-out.sales .sec-2 .at-2 .video-wrap {width:100%;}
.eat-out.sales .sec-2 .at-2 .tb-wrap {width:100%; margin-top:calc(var(--gap-80) * 0.7);}
.eat-out.sales .sec-2 .at-2 .tb-wrap ul.tb {width:100%; border-top:1px solid var(--black); position:relative;}
.eat-out.sales .sec-2 .at-2 .tb-wrap ul.tb:before {content:""; width:27%; height:100%; background:rgba(192,189,185,0.1); position:absolute; left:0; top:0; z-index:0;}
.eat-out.sales .sec-2 .at-2 .tb-wrap ul.tb li {width:100%; display:flex; align-items:center; flex-wrap:wrap; border-bottom:1px solid var(--gray); position:relative; z-index:10;}
.eat-out.sales .sec-2 .at-2 .tb-wrap ul.tb li > * {font-size:var(--font-18); display:flex; align-items:center; min-height:60px; padding:var(--gap-16) var(--gap-32); line-height:1.75;}
.eat-out.sales .sec-2 .at-2 .tb-wrap ul.tb li .th {width:27%; justify-content:center; text-align:center;}
.eat-out.sales .sec-2 .at-2 .tb-wrap ul.tb li .td {width:73%;}
.eat-out.sales .sec-2 .at-3 .photo-slide-wrap {width:100%;}
.eat-out.sales .sec-2 .at-3 .photo-slide-wrap .photo-slide li {width:100%;}
.eat-out.sales .sec-2 .at-3 .photo-slide-wrap .photo-slide li img {max-width:100%; display:block;}
.eat-out.sales .sec-2 .at-3 .photo-slide-wrap .slick-arrow {width:48px; height:48px; font-size:0; cursor:pointer; background:rgba(0,0,0,0.3); position:absolute; top:50%; transform:translateY(-50%); z-index:20;}
.eat-out.sales .sec-2 .at-3 .photo-slide-wrap .slick-arrow:before {content:""; width:100%; height:100%; background:url(/img/conts/arrow_left_w.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:0;}
.eat-out.sales .sec-2 .at-3 .photo-slide-wrap .slick-prev {left:0;}
.eat-out.sales .sec-2 .at-3 .photo-slide-wrap .slick-next {right:0;}
.eat-out.sales .sec-2 .at-3 .photo-slide-wrap .slick-next:before {transform:scaleX(-1);}

@media screen and (max-width: 768px) {
	.eat-out.sales .sec-2 article .com-conts {text-align:center;}
	.eat-out.sales .sec-2 .at-3 .photo-slide-wrap .slick-arrow {width:40px; height:40px;}
}

@media screen and (max-width: 480px) {
	.eat-out.sales .sec-2 .at-3 .photo-slide-wrap .slick-arrow {width:28px; height:28px;}
}


/*외식 위생안전&cs*/
.eat-out.cs .sub-visual {background-image:url(/img/conts/sub_visual_eatout_cs.png);}
.eat-out.cs .sec-2 .conts-wrap {padding:calc(var(--gap-80) * 0.8) 0; position:relative;}
.eat-out.cs .sec-2 .conts-wrap:before {content:""; width:300vw; height:100%; background:rgba(192,189,185,0.1); position:absolute; left:50%; top:0; transform:translateX(-50%);}


/*외식 it*/
.eat-out.it .sub-visual {background-image:url(/img/conts/sub_visual_eatout_it.png);}
/* s : 240731 수정 */
.eat-out.it .contents-area .section-wrap .sec-2 > .inner {width:100%; max-width:100%;}
.eat-out.it .sec-2 .sec-title {width:90%; max-width:var(--conts-w); margin-left:auto; margin-right:auto;}
/* e : 240731 수정 */
.eat-out.it .sec-2 .video-layout {max-width:1120px; margin:0 auto;}

.eat-out.it .sec-3 .it-solution-wrap {width:100%; display:flex; gap:var(--gap-32); flex-wrap:wrap;}
.eat-out.it .sec-3 .it-solution-wrap .solution-box {width:calc((100% - (var(--gap-32) * 2)) / 3); background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); padding:calc(var(--gap-60) * 0.8) var(--gap-40) var(--gap-32) var(--gap-40);}
.eat-out.it .sec-3 .it-solution-wrap .solution-box .title {font-size:var(--font-28); font-weight:700; color:var(--sub-color);}
.eat-out.it .sec-3 .it-solution-wrap .solution-box ul {margin:var(--gap-32) 0; min-height:92px;}
.eat-out.it .sec-3 .it-solution-wrap .solution-box ul li {font-size:var(--font-18); color:var(--font-gray); margin-top:var(--gap-8); padding-left:calc(var(--font-18) - 5px); text-indent:calc((var(--font-18) - 5px) * -1);}
.eat-out.it .sec-3 .it-solution-wrap .solution-box ul li:before {content:"- ";}
.eat-out.it .sec-3 .it-solution-wrap .solution-box .img-box {width:100%;}
.eat-out.it .sec-3 .it-solution-wrap .solution-box .img-box img {max-width:100%; display:block; margin:0 auto;}

@media screen and (max-width: 1280px) {
	.eat-out.it .sec-3 .it-solution-wrap .solution-box .title {font-size:var(--font-24);}
	.eat-out.it .sec-3 .it-solution-wrap .solution-box ul li {font-size:var(--font-16); padding-left:calc(var(--font-16) - 5px); text-indent:calc((var(--font-16) - 5px) * -1);}
}

@media screen and (max-width: 1024px) {
	.eat-out.it .sec-3 .it-solution-wrap {max-width:400px; margin:0 auto;}
	.eat-out.it .sec-3 .it-solution-wrap .solution-box {width:100%;}
	.eat-out.it .sec-3 .it-solution-wrap .solution-box .title {font-size:var(--font-28);}
	.eat-out.it .sec-3 .it-solution-wrap .solution-box ul li {font-size:var(--font-18); padding-left:calc(var(--font-18) - 5px); text-indent:calc((var(--font-18) - 5px) * -1);}
}

@media screen and (max-width: 480px) {
	.eat-out.it .sec-3 .it-solution-wrap .solution-box ul {min-height:70px;}
}

/*외식 공간컨설팅*/
.eat-out.space .sub-visual {background-image:url(/img/conts/sub_visual_eatout_space.png);}
.eat-out.space .sec-2 .conts-wrap {position:relative;}
.eat-out.space .sec-2 .conts-wrap:before {content:""; width:300vw; height:100%; background:rgba(192,189,185,0.2); position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:0;}
.eat-out.space .sec-2 .space-img-box {width:100%;}
.eat-out.space .sec-2 .space-img-box img {max-width:100%; display:block; margin:0 auto;}


/*외식 메뉴컨설팅*/
.eat-out.menu .sub-visual {background-image:url(/img/conts/sub_visual_eatout_menu.png);}
.eat-out.menu .contents-area .section-wrap .sec-2 > .inner {width:100%; max-width:100%;}
.eat-out.menu .sec-2 .sec-title {width:90%; max-width:var(--conts-w); margin-left:auto; margin-right:auto;}

.eat-out.menu .sec-3 .eatout-menu-solution {width:100%; display:flex; justify-content:space-between;}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box {display:flex; align-items:center; position:relative;}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box:after {content:""; width:180px; height:100%; background:url(/img/conts/menu_obj.png) left center no-repeat; background-size:auto 100%; position:absolute; right:-145px; top:0; z-index:0;}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout {position:relative; z-index:10;}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap {display:flex; align-items:center; gap:0 84px;}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box {width:334px; height:334px; border-radius:50%; background:rgb(192,189,185); background: linear-gradient(140deg, rgba(192,189,185,1) 0%, rgba(192,189,185,0) 100%); display:flex; align-items:center; justify-content:center; position:relative;}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box:before {content:""; width:calc(100% - 6px); height:calc(100% - 6px); background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0;}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box > .inner {width:100%; position:relative; z-index:10;}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box .icon {width:27%; max-width:88px; margin:0 auto; margin-bottom:var(--gap-24);}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box .icon img {max-width:100%; display:block; margin:0 auto;}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box .conts {position:relative; z-index:10; font-size:var(--font-20); text-align:center;}
.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box:first-child:after {content:""; width:0; height:0; border:solid transparent; border-width:14px 0; border-left:19px solid var(--gray); position:absolute; right:-52px; top:50%; transform:translateY(-50%);}
.eat-out.menu .sec-3 .eatout-menu-solution .rt-box {position:relative; z-index:10;}
.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout {width:386px;}
.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout .round-box {width:100%; height:96px; border-radius:100px; display:flex; align-items:center; justify-content:center; text-align:center; padding:var(--gap-8) var(--gap24); background: rgb(255,86,36); background: linear-gradient(115deg, rgba(255,86,36,1) 0%, rgba(255,86,36,0.7) 100%); font-size:var(--font-24); font-weight:700; color:#fff; margin-top:var(--gap-32);}
.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout .round-box:first-child {margin-top:0;}
.eat-out.menu .sec-3 .note {margin-top:calc(var(--gap-80) * 0.7); font-size:var(--font-16); color:var(--font-gray);}

@media screen and (max-width: 1440px) {
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap {gap:0 60px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box {width:280px; height:280px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box .conts {font-size:var(--font-20);}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box:first-child:after {border-width:10px 0; border-left-width:14px; right:-51px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout {width:320px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout .round-box {height:80px; font-size:var(--font-20);}
}

@media screen and (max-width: 1280px) {
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box {width:260px; height:260px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout {width:280px;}
}

@media screen and (max-width: 1024px) {
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap {gap:0 40px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box {width:220px; height:220px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box .conts {font-size:var(--font-18);}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box:first-child:after {border-width:8px 0; border-left-width:12px; right:-36px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout {width:220px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout .round-box {height:65px; font-size:var(--font-18);}
}

@media screen and (max-width: 900px) {
	.eat-out.menu .sec-3 .eatout-menu-solution {flex-wrap:wrap;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box {width:100%; margin-bottom:100px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box:after {width:180px; height:350px; right:auto; left:50%; top:auto; bottom:-200px; transform:translateX(-50%) rotate(90deg);}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout {width:90%; max-width:250px; margin:0 auto;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap {flex-wrap:wrap; gap:60px 0;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box {width:250px; height:250px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box .conts {font-size:var(--font-20);}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box:first-child:after {border:solid transparent; border-width:0 8px; border-top:12px solid var(--gray); right:auto; left:50%; top:auto; bottom:-35px; transform:translateX(-50%);}
	.eat-out.menu .sec-3 .eatout-menu-solution .rt-box {width:100%;}
	.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout {width:100%; max-width:360px; margin:0 auto;}
	.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout .round-box {height:72px; font-size:var(--font-20);}
}


@media screen and (max-width: 365px) {
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box {margin-bottom:60px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box:after {width:150px; height:325px; bottom:-170px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout {max-width:200px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap {gap:40px 0;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box {width:200px; height:200px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .lf-box .circle-layout .circle-layout-wrap .circle-box:first-child:after {border-width:0 7px; border-top-width:10px; bottom:-25px;}
	.eat-out.menu .sec-3 .eatout-menu-solution .rt-box .round-layout .round-box {height:60px;}
}



/*급식*/
.meals.program .sub-visual {background-image:url(/img/conts/sub_visual_meals.png);}

/*급식 상품R&D*/
.meals.rnd .sub-visual {background-image:url(/img/conts/sub_visual_meals_rnd.png);}

/*급식 마케팅*/
.meals.marketing .sub-visual {background-image:url(/img/conts/sub_visual_meals_marketing.png);}
.meals.marketing .contents-area .section-wrap .sec-2 > .inner {width:100%; max-width:100%;}
.meals.marketing .sec-2 .sec-title {width:90%; max-width:var(--conts-w); margin-left:auto; margin-right:auto;}

/*급식 위생안전&cs*/
.meals.cs .sub-visual {background-image:url(/img/conts/sub_visual_meals_cs.png);}
.meals.cs .sec-2 .conts-wrap {padding:calc(var(--gap-80) * 0.8) 0; position:relative;}
.meals.cs .sec-2 .conts-wrap:before {content:""; width:300vw; height:100%; background:rgba(192,189,185,0.1); position:absolute; left:50%; top:0; transform:translateX(-50%);}

/*급식 공간컨설팅*/
.meals.space .sub-visual {background-image:url(/img/conts/sub_visual_meals_space.png);}
.meals.space .sec-2 .conts-wrap {position:relative;}
.meals.space .sec-2 .conts-wrap:before {content:""; width:300vw; height:100%; background:rgba(192,189,185,0.2); position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:0;}
.meals.space .sec-2 .space-img-box {width:100%;}
.meals.space .sec-2 .space-img-box img {max-width:100%; display:block; margin:0 auto;}


/*급식 메뉴컨설팅*/
.meals.menu .sub-visual {background-image:url(/img/conts/sub_visual_meals_menu.png);}
.meals.menu .contents-area .section-wrap .sec-2 > .inner {width:100%; max-width:100%;}
.meals.menu .sec-2 .sec-title {width:90%; max-width:var(--conts-w); margin-left:auto; margin-right:auto;}

.meals.menu .sec-3 .school-menu-solution {width:100%; position:relative; padding:80px 0;}
.meals.menu .sec-3 .school-menu-solution .center-title {width:400px; height:400px; border-radius:50%; margin:0 auto; position:relative; display:flex; align-items:center; justify-content:center;}
.meals.menu .sec-3 .school-menu-solution .center-title:before,
.meals.menu .sec-3 .school-menu-solution .center-title:after {content:""; border-radius:50%; background:rgba(255,86,36,0.05); position:absolute; left:50%; top:50%; z-index:0; transform:translate(-50%,-50%);}
.meals.menu .sec-3 .school-menu-solution .center-title:before {width:400px; height:400px;}
.meals.menu .sec-3 .school-menu-solution .center-title:after {width:340px; height:340px;}
.meals.menu .sec-3 .school-menu-solution .center-title .conts-box {width:264px; height:264px; border-radius:50%; background:#fff; position:relative; box-shadow:0 4px 20px rgba(0,0,0,0.15); display:flex; align-items:center; justify-content:center; text-align:center; z-index:10;}
.meals.menu .sec-3 .school-menu-solution .center-title .conts-box > .inner {position:relative; z-index:10;}
.meals.menu .sec-3 .school-menu-solution .center-title .conts-box span {display:block; font-size:var(--font-16); color:var(--font-gray-2); margin-bottom:var(--gap-8);}
.meals.menu .sec-3 .school-menu-solution .center-title .conts-box em {display:block; font-size:var(--font-28); font-weight:700;}
.meals.menu .sec-3 .school-menu-solution .center-title .conts-box:before {content:""; width:100%; height:100%; border-radius:50%; border:3px solid var(--sub-color); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.meals.menu .sec-3 .school-menu-solution .solution-wrap {width:100%; height:100%; position:absolute; left:0; top:0; display:flex; flex-wrap:wrap;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box {width:50%; height:50%; position:relative; display:flex; }
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .line {width:120px; height:120px; position:absolute;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .line:after {content:""; width:10px; height:10px; border-radius:50%; background:var(--sub-color); position:absolute;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .line svg {width:100%; height:100%;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .line svg line {stroke:var(--sub-color); stroke-width:3; stroke-dasharray:10;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box {width:100%; display:flex; align-items:center; gap:var(--gap-32);}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .icon {width:160px; height:160px; border-radius:50%; border:1px solid var(--gray);}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .icon img {max-width:100%; display:block; margin:0 auto;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .conts-box {width:calc(100% - 160px - var(--gap-32)); display:flex;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .conts-box em {display:block; font-size:var(--font-22); font-weight:700; color:var(--sub-color); margin-bottom:var(--gap-8);}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .conts-box .conts {font-size:var(--font-18); font-weight:300; line-height:1.66;}

.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(odd) {padding-right:165px;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(odd) .solution-box {flex-direction:row-reverse;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(odd) .solution-box .conts-box {justify-content:flex-end; text-align:right;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(even) {padding-left:165px;}

.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(1) {align-items:flex-start;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(1) .line {right:50px; bottom:50px;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(1) .line:after {left:-5px; top:-5px;}

.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(2) {align-items:flex-start;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(2) .line {left:50px; bottom:50px;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(2) .line:after {right:-5px; top:-5px;}

.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(3) {align-items:flex-end;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(3) .line {right:50px; top:50px;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(3) .line:after {left:-5px; bottom:-5px;}

.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(4) {align-items:flex-end;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(4) .line {left:50px; top:50px;}
.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(4) .line:after {right:-5px; bottom:-5px;}


@media screen and (max-width: 1440px) {
	.meals.menu .sec-3 .school-menu-solution {padding:60px 0;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .icon {width:120px; height:120px;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .conts-box {width:calc(100% - 120px - var(--gap-32));}
}

@media screen and (max-width: 1280px) {
	.meals.menu .sec-3 .school-menu-solution .center-title {width:320px; height:320px;}
	.meals.menu .sec-3 .school-menu-solution .center-title:before {width:320px; height:320px;}
	.meals.menu .sec-3 .school-menu-solution .center-title:after {width:272px; height:272px;}
	.meals.menu .sec-3 .school-menu-solution .center-title .conts-box {width:212px; height:212px;}
	.meals.menu .sec-3 .school-menu-solution .center-title .conts-box em {font-size:var(--font-22);}

	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .line {width:80px; height:80px;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .line:after {width:8px; height:8px;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box {gap:var(--gap-24);}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .conts-box {width:calc(100% - 120px - var(--gap-24)); }
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .conts-box .conts {font-size:var(--font-16);}

	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(odd) {padding-right:120px;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(even) {padding-left:120px;}
}


@media screen and (max-width: 1024px) {
	.meals.menu .sec-3 .school-menu-solution {padding:50px 0;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .line {width:70px; height:70px;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .line:after {width:8px; height:8px;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box {gap:var(--gap-24);}	
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .icon {width:100px; height:100px;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .conts-box {width:calc(100% - 100px - var(--gap-24)); }
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .conts-box .conts {font-size:var(--font-14);}

	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(odd) {padding-right:105px;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(even) {padding-left:105px;}
}

@media screen and (max-width: 900px) {
	.meals.menu .sec-3 .school-menu-solution {padding:0;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap {position:relative; left:auto; top:auto; margin-top:var(--gap-40); gap:var(--gap-32) 0;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .line {display:none;}

	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(odd) {padding-right:10px;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(even) {padding-left:10px;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(odd) .solution-box {flex-direction:row;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(odd) .solution-box .conts-box {justify-content:flex-start; text-align:left;}
}

@media screen and (max-width: 768px) {
	.meals.menu .sec-3 .school-menu-solution .solution-wrap {display:block; max-width:100%; width:max-content; margin-left:auto; margin-right:auto;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box {max-width:100%; width:max-content; margin-top:var(--gap-32);}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:first-child {margin-top:0;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box {width:max-content; max-width:100%;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .conts-box {width:max-content; max-width:calc(100% - 100px - var(--gap-24));}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box .solution-box .conts-box .conts {font-size:var(--font-18);}

	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(odd) {padding-right:0;}
	.meals.menu .sec-3 .school-menu-solution .solution-wrap .layout-box:nth-child(even) {padding-left:0;}
}

@media screen and (max-width: 480px) {
	.meals.menu .sec-3 .school-menu-solution .center-title {width:260px; height:260px;}
	.meals.menu .sec-3 .school-menu-solution .center-title:before {width:260px; height:260px;}
	.meals.menu .sec-3 .school-menu-solution .center-title:after {width:208px; height:208px;}
	.meals.menu .sec-3 .school-menu-solution .center-title .conts-box {width:172px; height:172px;}
	.meals.menu .sec-3 .school-menu-solution .center-title .conts-box em {font-size:var(--font-22);}
}


.meals.menu .sec-4 .meals-solution-wrap {width:100%; display:flex; gap:var(--gap-32); flex-wrap:wrap;}
.meals.menu .sec-4 .meals-solution-wrap .solution-box {width:calc((100% - (var(--gap-32) * 2)) / 3); background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}
.meals.menu .sec-4 .meals-solution-wrap .solution-box .img-box {width:100%;}
.meals.menu .sec-4 .meals-solution-wrap .solution-box .img-box img {max-width:100%; display:block; margin:0 auto;}
.meals.menu .sec-4 .meals-solution-wrap .solution-box .conts-box {width:100%; min-height:100px; padding:var(--gap-24); display:flex; align-items:center;}
.meals.menu .sec-4 .meals-solution-wrap .solution-box .conts-box span {display:block; font-size:var(--font-14); color:var(--sub-color); font-weight:700; margin-bottom:var(--gap-8);}
.meals.menu .sec-4 .meals-solution-wrap .solution-box .conts-box .conts {font-size:var(--font-22);}


@media screen and (max-width: 768px) {
	.meals.menu .sec-4 .meals-solution-wrap .solution-box .conts-box {padding:var(--gap-16);}
	.meals.menu .sec-4 .meals-solution-wrap .solution-box .conts-box .conts {font-size:var(--font-18);}
}

@media screen and (max-width: 600px) {
	.meals.menu .sec-4 .meals-solution-wrap .solution-box {width:100%; max-width:430px; margin:0 auto;}
	.meals.menu .sec-4 .meals-solution-wrap .solution-box .conts-box {padding:var(--gap-24);}
	.meals.menu .sec-4 .meals-solution-wrap .solution-box .conts-box .conts {font-size:var(--font-22);}
}

@media screen and (max-width: 480px) {
	.meals.menu .sec-4 .meals-solution-wrap .solution-box .conts-box {min-height:80px;}
}



/*test 공통*/
.test .sub-visual {background-image:url(/img/conts/sub_visual_test.png);}

.test .test-form-layout {width:100%; border-top:1px solid rgba(192,189,185,0.4);}
.test .test-form-layout .form-box {width:100%; border-bottom:1px solid rgba(192,189,185,0.4); padding:calc(var(--gap-80) * 0.8) var(--gap-16);}
.test .test-form-layout .form-box .question {width:100%; text-align:center; font-size:var(--font-24); margin-bottom:var(--gap-32); opacity:0.5;}
.test .test-form-layout .form-box .answer {width:100%; max-width:1100px; margin:0 auto; padding-bottom:calc(var(--gap-16) + 30px); position:relative;}
.test .test-form-layout .form-box .answer:after {content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:20;}
.test .test-form-layout .form-box .answer ul.check-list {display:flex; align-items:center; justify-content:space-between; position:relative; opacity:0.5;}
.test .test-form-layout .form-box .answer ul.check-list:before {content:""; width:90%; height:2px; background:var(--gray); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.test .test-form-layout .form-box .answer ul.check-list li {position:relative; z-index:10;}
.test .test-form-layout .form-box .answer ul.check-list li .raido {position:relative;}
.test .test-form-layout .form-box .answer ul.check-list li .raido input[type="radio"] {width:0; height:0; opacity:0; visibility:hidden; position:absolute; left:0; top:0;}
.test .test-form-layout .form-box .answer ul.check-list li .raido input[type="radio"] + label {background:#fff; border:2px solid rgba(192,189,185,0.6); border-radius:50%; display:block; margin:0 auto; cursor:pointer; position:relative; box-sizing:border-box;}
.test .test-form-layout .form-box .answer ul.check-list li .raido input[type="radio"]:checked + label {border-color:var(--sub-color);}
.test .test-form-layout .form-box .answer ul.check-list li .raido input[type="radio"]:checked + label:after {content:""; width:100%; height:100%; background:url(/img/com/icon_check.svg) center no-repeat; background-size:45% auto; background-color:rgba(255,86,36,0.8); position:absolute; left:0; top:0; border-radius:50%;}
.test .test-form-layout .form-box .answer ul.check-list li span {width:max-content; font-size:var(--font-18); color:var(--font-gray); position:absolute; left:50%; bottom:calc((var(--gap-16) + 30px) * -1); transform:translateX(-50%); height:30px; display:flex; align-items:center;}
.test .test-form-layout .form-box .answer ul.check-list li:nth-child(1) .raido input[type="radio"] + label,
.test .test-form-layout .form-box .answer ul.check-list li:nth-child(7) .raido input[type="radio"] + label {width:72px; height:72px;}
.test .test-form-layout .form-box .answer ul.check-list li:nth-child(2) .raido input[type="radio"] + label,
.test .test-form-layout .form-box .answer ul.check-list li:nth-child(6) .raido input[type="radio"] + label {width:56px; height:56px;}
.test .test-form-layout .form-box .answer ul.check-list li:nth-child(3) .raido input[type="radio"] + label,
.test .test-form-layout .form-box .answer ul.check-list li:nth-child(5) .raido input[type="radio"] + label {width:40px; height:40px;}
.test .test-form-layout .form-box .answer ul.check-list li:nth-child(4) .raido input[type="radio"] + label {width:36px; height:36px;}
.test .test-form-layout .form-box.active .question,
.test .test-form-layout .form-box.active .answer ul.check-list{opacity:1;}
.test .test-form-layout .form-box.active .answer:after {display:none;}

@media screen and (max-width: 768px) {
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(1) .raido input[type="radio"] + label,
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(7) .raido input[type="radio"] + label {width:62px; height:62px;}
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(2) .raido input[type="radio"] + label,
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(6) .raido input[type="radio"] + label {width:46px; height:46px;}
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(3) .raido input[type="radio"] + label,
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(5) .raido input[type="radio"] + label {width:30px; height:30px;}
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(4) .raido input[type="radio"] + label {width:26px; height:26px;}
}

@media screen and (max-width: 480px) {
	.test .test-form-layout .form-box .answer {padding-bottom:calc(var(--gap-16) + 22px);}
	.test .test-form-layout .form-box .answer ul.check-list li span {font-size:var(--font-14); height:25px; bottom:calc((var(--gap-16) + 22px) * -1);}
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(1) .raido input[type="radio"] + label,
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(7) .raido input[type="radio"] + label {width:46px; height:46px;}
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(2) .raido input[type="radio"] + label,
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(6) .raido input[type="radio"] + label {width:32px; height:32px;}
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(3) .raido input[type="radio"] + label,
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(5) .raido input[type="radio"] + label {width:20px; height:20px;}
	.test .test-form-layout .form-box .answer ul.check-list li:nth-child(4) .raido input[type="radio"] + label {width:16px; height:16px;}
}



/*test intro*/
.test-intro .test-intro-conts-wrap {width:100%;}
.test-intro .test-intro-conts-wrap .img-box {width:90%; margin:0 auto calc(var(--gap-80) * 0.7) auto;}
.test-intro .test-intro-conts-wrap .img-box img {display:block; margin:0 auto; max-width:100%;}
.test-intro .test-intro-conts-wrap .button-wrap {width:100%;}
.test-intro .test-intro-conts-wrap .button-wrap ul {width:max-content; margin:0 auto;}
.test-intro .test-intro-conts-wrap .button-wrap ul li {margin-top:var(--gap-16);}
.test-intro .test-intro-conts-wrap .button-wrap ul li:first-child {margin-top:0;}
.test-intro .test-intro-conts-wrap .button-wrap ul li .button {width:100%;}



/*test result*/
.test-result .contents-area .section-wrap .sec-1 {background:rgba(192,189,185,0.1); margin-top:var(--gap-100); padding:var(--gap-40) 0;}
.test-result .sec-1 .chart-wrap {width:100%;}
.test-result .sec-1 .chart-wrap .resultChart,
.test-result .sec-1 .chart-wrap #resultChart {width:100%; height:600px;}


@media screen and (max-width: 768px) {
	.test-result .sec-1 .chart-wrap .resultChart,
	.test-result .sec-1 .chart-wrap #resultChart {height:500px;}
}

@media screen and (max-width: 480px) {
	.test-result .sec-1 .chart-wrap .resultChart,
	.test-result .sec-1 .chart-wrap #resultChart {height:350px;}
}

.test-result .sec-2 .solution-wrap {width:100%;}
.test-result .sec-2 .solution-wrap .solution-box {width:100%; margin-top:calc(var(--gap-80) * 0.8); background:#fff; border-radius:10px; box-shadow:0px 4px 40px rgba(0,0,0,0.1); padding:calc(var(--gap-80) * 0.8) var(--gap-24);}
.test-result .sec-2 .solution-wrap .solution-box:first-child {margin-top:0;}
.test-result .sec-2 .solution-wrap .solution-box .tlt-box {width:100%; text-align:center; margin-bottom:var(--gap-24);}
.test-result .sec-2 .solution-wrap .solution-box .tlt-box span {font-size:var(--font-14); font-weight:700; color:var(--sub-color); display:block;}
.test-result .sec-2 .solution-wrap .solution-box .tlt-box em {font-size:var(--font-26); font-weight:700; display:block;}
.test-result .sec-2 .solution-wrap .solution-box .conts-box {width:100%; text-align:center;}
.test-result .sec-2 .solution-wrap .solution-box .conts-box em {display:block; font-size:var(--font-16); margin-bottom:var(--gap-8); color:#424241;}
.test-result .sec-2 .solution-wrap .solution-box .conts-box .conts {font-size:var(--font-13); color:#5E5E5E; font-weight:300; margin-bottom:var(--gap-16);}
.test-result .sec-2 .solution-wrap .solution-box .conts-box .btn-detail {width:max-content; height:34px; background:#fff; border:1px solid var(--gray); border-radius:4px; display:flex; align-items:center; justify-content:center; padding:0 var(--gap-16); font-size:var(--font-13); margin:0 auto;}
.test-result .sec-2 .solution-wrap .solution-box .img-conts-wrap {width:100%; margin-top:var(--gap-40); display:flex; gap:var(--gap-32); justify-content:center;}
.test-result .sec-2 .solution-wrap .solution-box .img-conts-wrap .layout-box {flex-basis:calc((100% - (var(--gap-32) * 2)) / 3); max-width:354px;}
.test-result .sec-2 .solution-wrap .solution-box .img-conts-wrap .layout-box .img-box {width:100%;}
.test-result .sec-2 .solution-wrap .solution-box .img-conts-wrap .layout-box .img-box img {display:block; max-width:100%; margin:0 auto;}
.test-result .sec-2 .solution-wrap .solution-box .img-conts-wrap .layout-box .conts {font-size:var(--font-16); line-height:1.625; margin-top:var(--gap-16);}

@media screen and (max-width: 900px) {
	.test-result .sec-2 .solution-wrap .solution-box .img-conts-wrap {flex-wrap:wrap;}
	.test-result .sec-2 .solution-wrap .solution-box .img-conts-wrap .layout-box {width:100%; flex-basis:100%;}
	.test-result .sec-2 .solution-wrap .solution-box .img-conts-wrap .layout-box .conts {text-align:center;}
}



/*form*/

.form .list-top {width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:var(--gap-16); margin-bottom:var(--gap-24);}

@media screen and (max-width: 768px) {
	.form .list-top {flex-wrap:wrap; gap:var(--gap-24);}
	.form .list-top > * {width:100%;}
}

.form .list-wrap {width:100%;}
.form .list-tb {width:100%;}
.form .thumb-list-tb {display:flex; flex-wrap:wrap; gap:calc(var(--gap-80) * 0.7) var(--gap-32);}
.form .thumb-list-tb .list {position:relative;}
.form .thumb-list-tb .list .thumb {width:100%;}
.form .thumb-list-tb .list .thumb span {display:block; width:100%; height:0; position:relative; overflow:hidden; padding-bottom:calc(243 / 432 * 100%);}
.form .thumb-list-tb .list .thumb span img {max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.form .thumb-list-tb .list .list-conts {width:100%; margin-top:var(--gap-16);}
.form .thumb-list-tb .list .list-conts .category {width:100%; margin-bottom:var(--gap-8);}
.form .thumb-list-tb .list .list-conts .category span {font-size:var(--font-13); font-weight:700; padding-bottom:3px; background-image:linear-gradient(var(--black), var(--black)); background-repeat:no-repeat; background-position:left bottom; background-size:100% 1px;}
.form .thumb-list-tb .list .list-conts .subject {font-size:var(--font-20); font-weight:700; line-height:1.6; max-height:64px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.form .thumb-list-tb .list .list-conts .conts {font-size:var(--font-13); color:var(--font-gray); max-height:37px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.form .thumb-list-tb .list a {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

.form .thumb-list-tb[data-col="3"] .list {width:calc((100% - (var(--gap-32) * 2)) / 3);}

@media screen and (max-width: 1024px) {
	.form .thumb-list-tb .list .list-conts .subject {max-height:58px;}
	.form .thumb-list-tb[data-col="3"] .list {width:calc((100% - (var(--gap-32) * 1)) / 2);}
}

@media screen and (max-width: 768px) {
	.form .thumb-list-tb .list .list-conts .subject {max-height:52px;}
	.form .thumb-list-tb .list .list-conts .conts {max-height:34px;}
}

@media screen and (max-width: 480px) {
	.form .thumb-list-tb .list .list-conts .subject {max-height:52px;}
	.form .thumb-list-tb .list .list-conts .conts {max-height:31px;}

	.form .thumb-list-tb[data-col="3"] .list {width:100%;}
}

.form .list-wrap .button-box {width:100%; margin-top:calc(var(--gap-60) * 2); display:flex; align-items:center; justify-content:center; gap:var(--gap-16);}
.form .list-wrap .button-box .btn-more {font-size:var(--font-20); color:var(--font-gray); border:none; background:none; position:relative; padding-top:calc(var(--font-20) + 5px);}
.form .list-wrap .button-box .btn-more:before {content:""; width:var(--font-20); height:var(--font-20); background:url(/img/conts/icon_plus.svg) center no-repeat; background-size:cover; position:absolute; left:50%; top:0; transform:translateX(-50%);}


.form .list-wrap .non-contents-wrap {width:100%; padding-top:var(--gap-80); display:flex; align-items:center; justiy-content:center;}
.form .list-wrap .non-contents-wrap .none-contents {width:90%; position:relative; max-width:664px; margin:0 auto;} 
.form .list-wrap .non-contents-wrap .none-contents .bg {width:100%; height:0; padding-bottom:100%; border-radius:50%; background:rgba(192,189,185,0.1);}
.form .list-wrap .non-contents-wrap .none-contents .conts-box {width:100%; height:100%; position:absolute; left:0; top:0; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; padding:var(--gap-24);}
.form .list-wrap .non-contents-wrap .none-contents .conts-box > .inner {width:100%;}
.form .list-wrap .non-contents-wrap .none-contents .conts-box .img {width:75%; margin:0 auto; margin-bottom:var(--gap-40);}
.form .list-wrap .non-contents-wrap .none-contents .conts-box .img img {max-width:100%; display:block; margin:0 auto;}
.form .list-wrap .non-contents-wrap .none-contents .conts-box .conts {width:100%; padding:0 var(--gap-24);}
.form .list-wrap .non-contents-wrap .none-contents .conts-box .conts > * {display:block;}
.form .list-wrap .non-contents-wrap .none-contents .conts-box .conts em {font-size:var(--font-24); color:#424241;}
.form .list-wrap .non-contents-wrap .none-contents .conts-box .conts span {font-size:var(--font-18); color:var(--font-gray); margin-top:5px;}

@media screen and (max-width: 480px) {
	.form .list-wrap .non-contents-wrap .none-contents .conts-box .conts em {font-size:var(--font-22);}
	.form .list-wrap .non-contents-wrap .none-contents .conts-box .conts span {font-size:var(--font-16);}
}


.form .contents-view-top {width:100%; position:relative;}
.form .contents-view-top:before {content:""; width:100%; height:25%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); position:absolute; left:0; top:0; z-index:10; opacity:0.25;}
.form .contents-view-top:after {content:""; width:100%; height:40%; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); position:absolute; left:0; bottom:0; z-index:10; opacity:0.4;}
.form .contents-view-top .thumb {width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; max-height:894px; overflow:hidden; position:relative; z-index:0;}
.form .contents-view-top .thumb span {font-size:0; display:block; width:100%; height:0; padding-bottom:calc(894 / 1920 * 100%);}
.form .contents-view-top .top-conts-wrap {width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:flex-end; justify-content:center; padding:var(--gap-32) 0; z-index:11;}
.form .contents-view-top .top-conts-wrap .conts-box {width:90%; margin:0 auto; color:#fff; text-align:center;}
.form .contents-view-top .top-conts-wrap .conts-box .category {font-size:var(--font-16); font-weight:700;}
.form .contents-view-top .top-conts-wrap .conts-box .subject {font-size:calc(var(--font-40) * 1.3); font-weight:700; line-height:1.38; letter-spacing:-1px;}
.form .contents-view-top .top-conts-wrap .conts-box .conts,
.form .contents-view-top .top-conts-wrap .conts-box .date {font-size:var(--font-16); font-weight:400;}

@media screen and (max-width: 900px) {
	.form .contents-view-top .top-conts-wrap .conts-box .subject {font-size:calc(var(--font-40) * 1);}
}

@media screen and (max-width: 687px) {
	.form .contents-view-top .thumb {background-size:auto 100%;}
	.form .contents-view-top .thumb span {height:350px; padding-bottom:0;}
}


@media screen and (max-width: 480px) {
	.form .contents-view-top .thumb span {height:300px;}
}


.contents .view-template {padding-top:var(--gap-100); width:92%; max-width:1128px; margin:0 auto;}
.contents .view-template .template-wrap {width:100%;}
.contents .view-template .template-wrap article {width:100%; margin-top:calc(var(--gap-80) * 1.75);}
.contents .view-template .template-wrap article:first-child {margin-top:0;}
.contents .view-template .template-wrap article .title {text-align:center; margin-bottom:var(--gap-32); font-size:var(--font-30); font-weight:700;}
.contents .view-template .template-wrap article .template-conts {width:100%;}
.contents .view-template .template-wrap article .template-conts > * {margin-top:var(--gap-32);}
.contents .view-template .template-wrap article .template-conts > *:first-child {margin-top:0;}
.contents .view-template .template-wrap article .template-conts .conts {font-size:var(--font-18); font-weight:300; line-height:1.66; text-align:justify;}
.contents .view-template .template-wrap article .template-conts .img {width:100%;}
.contents .view-template .template-wrap article .template-conts .img img {max-width:100%; display:block; margin:0 auto;}

.contents .view-template .template-wrap article .template-conts .video {width:100%; height:0; padding-bottom:56.25%; position:relative;}
.contents .view-template .template-wrap article .template-conts .video iframe {width:100%; height:100%; position:absolute; left:0; top:0;}

.contents .view-template .template-wrap article .qna-layout {}
.contents .view-template .template-wrap article .qna-layout .qna-box {width:100%; margin-top:var(--gap-40);}
.contents .view-template .template-wrap article .qna-layout .qna-box:first-child {margin-top:0;}
.contents .view-template .template-wrap article .qna-layout .qna-box .question {font-size:var(--font-22); font-weight:700; color:var(--sub-color); position:relative; padding-left:calc((var(--gap-40) * 0.85) + var(--gap-8)); margin-bottom:var(--gap-16);}
.contents .view-template .template-wrap article .qna-layout .qna-box .question:before {content:""; width:calc(var(--gap-40) * 0.85); height:calc(var(--gap-40) * 0.85); border-radius:50%; background:url(/img/conts/question.svg) center no-repeat; background-size:cover; background-color:var(--sub-color); position:absolute; left:0; top:-3px;}
/* s : 240819 수정 */
.contents .view-template .template-wrap article .qna-layout .qna-box .answer {font-size:var(--font-18); font-weight:300; line-height:1.66; text-align:justify; word-break:normal;}

.contents .view-template .template-wrap article .title-box {width:100%; margin-bottom:var(--gap-40);}
.contents .view-template .template-wrap article .title-box .tlt {font-size:var(--font-32); color:var(--sub-color);}
.contents .view-template .template-wrap article .title-box .sub-tlt {font-size:var(--font-32);}

.contents .view-template .template-wrap article .title span,
.contents .view-template .template-wrap article .template-conts .conts span,
.contents .view-template .template-wrap article .qna-layout .qna-box .answer span {background-image:linear-gradient(rgba(255,192,77,0.8),rgba(255,192,77,0.8)); background-repeat:no-repeat; background-position:left bottom; background-size:100% 40%;}


.contents .view-template .note {width:100%; margin-top:var(--font-40); font-size:var(--font-18); color:var(--font-gray); font-weight:300;}

@media screen and (max-width: 480px) {
    .contents .view-template .template-wrap article .template-conts .conts {text-align:justify; word-break:normal;}
	.contents .view-template .template-wrap article .qna-layout .qna-box .question:before {top:-1px;}
}
/* e : 240819 수정 */

/* s:240812 추가 */
.contents .view-template .template-wrap article .template-conts:has(.video-wrap) {padding-top: var(--gap-40);}
.contents .view-template .template-wrap article .template-conts .video-wrap {width: 100%; position: relative; }
.contents .view-template .template-wrap article .template-conts .video-wrap.active .vod-thumb {display: none;}
.contents .view-template .template-wrap article .template-conts .video-wrap.active .btn-vod {display: none;}
.contents .view-template .template-wrap article .template-conts .video-wrap .vod-thumb {position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); z-index: 1;}
.contents .view-template .template-wrap article .template-conts .video-wrap .vod-thumb img {width: 100%; height: 100%; object-fit: cover; }
.contents .view-template .template-wrap article .template-conts .video-wrap .btn-vod {width: 96px; height: 96px; background: url(/img/conts/icon_play_w.svg) center no-repeat; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 1px; color: transparent; cursor: pointer; z-index: 1;}
.contents .view-template .template-wrap article .template-conts .vod {width: 100%;}
.contents .view-template .template-wrap article .template-conts .vod span {width: 100%; display: block; position: relative; padding-top: 56.2%;}
.contents .view-template .template-wrap article .template-conts .vod span #video {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.btn-area {text-align: center; margin-top: calc(var(--gap-80) * 1.75); margin-bottom: var(--gap-80);}
.btn-area a {color: #fff; width: fit-content; height: 3em; font-weight: bold; display: flex; margin: auto; border-radius: 32px; justify-content: center; align-items: center; font-size: 22px; padding: 0.2em 4em 0;} 

@media screen and (max-width:1024px){
	.contents .view-template .template-wrap article .template-conts .video-wrap .btn-vod {width: 75px; height: 75px;}
	.btn-area a {font-size: 18px;}
}
@media screen and (max-width:768px){
	.contents .view-template .template-wrap article .template-conts .video-wrap .btn-vod {width: 58px; height: 58px;}
}
@media screen and (max-width:480px){
	.contents .view-template .template-wrap article .template-conts .video-wrap .btn-vod {width: 36px; height: 36px;}
	.btn-area a {font-size: 14px;}
}
/* e:240812 추가 */

/* s : 240829 수정 */
.contents .view-com-wrap {width:100%;}
.contents .view-com-wrap .com-top {width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:var(--gap24); padding-bottom:var(--gap-32); border-bottom:1px solid var(--gray);}
.contents .view-com-wrap .tag-wrap {width:60%; display:flex; align-items:center; gap:var(--gap-8); flex-wrap:wrap;}
.contents .view-com-wrap .tag-wrap .tag {width:max-content; height:42px; border-radius:100px; display:flex; align-items:center; justify-content:center; text-align:center; padding:0 var(--gap-16); background:#fff; border:1px solid var(--font-gray); font-size:var(--font-18); color:var(--font-gray);}
.contents .view-com-wrap .com-menu {display:flex; align-items:center; justify-content:flex-end; gap:10px;}
.contents .view-com-wrap .com-menu > * {width:max-content; height:42px; border-radius:100px; display:flex; align-items:center; justify-content:center; padding:0 var(--gap-16); background:rgba(192,189,185,0.2); font-size:var(--font-18); color:var(--font-gray);}
.contents .view-com-wrap .com-menu > * span {position:relative; padding-left:calc(5px + var(--font-28));}
.contents .view-com-wrap .com-menu > * span:before {content:""; width:var(--font-28); height:var(--font-28); background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.contents .view-com-wrap .com-menu .btn-like span:before {background-image:url(/img/conts/icon_like.svg);}
.contents .view-com-wrap .com-menu .btn-like.on span:before {background-image:url(/img/conts/icon_like_on.svg);}
.contents .view-com-wrap .com-menu .btn-share span:before {background-image:url(/img/conts/icon_share.svg);}
.contents .view-com-wrap .conts-list-wrap {margin-top:calc(var(--gap-60) * 2);}
.contents .view-com-wrap .button-wrap {width:100%; margin-top:calc(var(--gap-60) * 0.8); display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.contents .view-com-wrap .button-wrap .btn {height:64px; box-sizing:border-box; border-radius:2px; border:1px solid rgba(119,119,118,0.5); background:#fff; display:flex; align-items:center; justify-content:center; font-size:var(--font-22); color:var(--font-gray); padding:0 var(--gap-40);}

@media screen and (max-width: 768px) {
	.contents .view-com-wrap .com-top {flex-wrap:wrap; gap:var(--gap-24);}
	.contents .view-com-wrap .com-top .tag-wrap {width:100%;}
	.contents .view-com-wrap .com-menu {width:100%;}
	.contents .view-com-wrap .button-wrap .btn {height:60px;}
}

@media screen and (max-width: 480px) {
	.contents .view-com-wrap .button-wrap .btn {height:52px;}
}
/* e : 240829 수정 */

.contents .view-com-wrap {width:100%;}
.contents .view-com-wrap .com-top {width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:var(--gap24); padding-bottom:var(--gap-32); border-bottom:1px solid var(--gray);}
.contents .view-com-wrap .tag-wrap {width:60%; display:flex; align-items:center; gap:var(--gap-8); flex-wrap:wrap;}
.contents .view-com-wrap .tag-wrap .tag {width:max-content; height:42px; border-radius:100px; display:flex; align-items:center; justify-content:center; text-align:center; padding:0 var(--gap-16); background:#fff; border:1px solid var(--font-gray); font-size:var(--font-18); color:var(--font-gray);}
.contents .view-com-wrap .com-menu {display:flex; align-items:center; justify-content:flex-end; gap:10px;}
.contents .view-com-wrap .com-menu > * {width:max-content; height:42px; border-radius:100px; display:flex; align-items:center; justify-content:center; padding:0 var(--gap-16); background:rgba(192,189,185,0.2); font-size:var(--font-18); color:var(--font-gray);}
.contents .view-com-wrap .com-menu > * span {position:relative; padding-left:calc(5px + var(--font-28));}
.contents .view-com-wrap .com-menu > * span:before {content:""; width:var(--font-28); height:var(--font-28); background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.contents .view-com-wrap .com-menu .btn-like span:before {background-image:url(/img/conts/icon_like.svg);}
.contents .view-com-wrap .com-menu .btn-like.on span:before {background-image:url(/img/conts/icon_like_on.svg);}
.contents .view-com-wrap .com-menu .btn-share span:before {background-image:url(/img/conts/icon_share.svg);}
.contents .view-com-wrap .conts-list-wrap {margin-top:calc(var(--gap-80) * 0.8);}

@media screen and (max-width: 768px) {
    .contents .view-com-wrap .com-top {flex-wrap:wrap; gap:var(--gap-24);}
    .contents .view-com-wrap .com-top .tag-wrap {width:100%;}
    .contents .view-com-wrap .com-menu {width:100%;}
}

.contents .form-wrap {width:100%;}
.contents .form-wrap article {width:100%; margin-top:calc(var(--gap-80) * 1.75);}
.contents .form-wrap article:first-child {margin-top:0;}

.contents .form-title {width:100%; padding:0 var(--gap-32); display:flex; align-items:flex-end; gap:var(--gap-8) var(--gap-16); flex-wrap:wrap; padding-bottom:var(--gap-24); border-bottom:1px solid var(--black); margin-bottom:var(--gap-40);}
.contents .form-title .title {font-size:var(--font-26); font-weight:700;}
.contents .form-title span {font-size:var(--font-14); color:var(--sub-color);}
.contents .form-conts-wrap {width:100%;}

.contents .form-tb {width:100%; padding:0 var(--gap-32);}
.contents .form-tb li.tr {width:100%; display:flex; flex-wrap:wrap; margin-top:var(--gap-40); align-items:flex-start;}
.contents .form-tb li.tr:first-child {margin-top:0;}
.contents .form-tb li.tr .head {width:30%; padding-right:var(--gap-16); font-size:var(--font-18); min-height:54px; display:flex; align-items:center;}
.contents .form-tb li.tr .head span {position:relative;}
.contents .form-tb li.tr .required:after {content:"*"; color:var(--sub-color);}
.contents .form-tb li.tr .input-area {width:70%; min-height:54px; display:flex; align-items:center;}
.contents .form-tb li.tr .input-area .input-list {width:100%;}
.contents .form-tb li.tr .input-area .input-list[data-col="1"] > * {width:100%; margin-top:var(--gap-32);}
.contents .form-tb li.tr .input-area .input-list[data-col="1"] > *:first-child {margin-top:0;}

@media screen and (max-width: 480px) {
    .contents .form-tb li.tr {gap:var(--gap-24); margin-top:var(--gap-60);}
    .contents .form-tb li.tr .head,
    .contents .form-tb li.tr .input-area {width:100%; min-height:100%;}
}


.contents .form-optionp-list {width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:var(--gap-24) calc(var(--gap-80) * 0.8);}
.contents .form-optionp-list.ty-2 {gap:var(--gap-24) var(--gap-40);}

.contents .radio-box {position:relative;}
.contents .radio-box input[type="radio"] {width:0; height:0; position:absolute; left:0; top:0; visibility:hidden;}
.contents .radio-box input[type="radio"] + label {position:relative; display:block; cursor:pointer; font-size:var(--font-18); padding-left:calc(var(--gap-16) + var(--gap-32));}
.contents .radio-box input[type="radio"] + label:before {content:""; width:var(--gap-32); height:var(--gap-32); border-radius:50%; box-sizing:border-box; background:#fff; border:1px solid var(--gray); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.contents .radio-box input[type="radio"]:checked + label:before {border:calc(var(--gap-32) * 0.22) solid #fff; background:var(--sub-color);}
.contents .radio-box input[type="radio"]:checked + label:after {content:""; width:var(--gap-32); height:var(--gap-32); border-radius:50%; box-sizing:border-box; border:2px solid var(--sub-color); position:absolute; left:0; top:50%; transform:translateY(-50%);}

.contents .check-box {position:relative;}
.contents .check-box input[type="checkbox"] {width:0; height:0; position:absolute; left:0; top:0; visibility:hidden;}
.contents .check-box input[type="checkbox"] + label {position:relative; display:block; cursor:pointer; font-size:var(--font-18); padding-left:calc(var(--gap-16) + var(--gap-32));}
.contents .check-box input[type="checkbox"] + label em,
.contents .check-box input[type="checkbox"] + label a {font-size:var(--font-18); color:var(--sub-color); background-image:linear-gradient(var(--sub-color), var(--sub-color)); background-repeat:no-repeat; background-position:left bottom; background-size:100% 1px;}
.contents .check-box input[type="checkbox"] + label:before {content:""; width:var(--gap-32); height:var(--gap-32); border-radius:2px; box-sizing:border-box; background:#fff; border:1px solid var(--gray); position:absolute; left:0; top:50%; transform:translateY(-50%);}
.contents .check-box input[type="checkbox"]:checked + label:before {background:url(/img/conts/icon_check.svg) center no-repeat; background-size:cover; background-color:var(--sub-color); border-color:var(--sub-color);}

.contents .input-area .input-box {height:54px;}
.contents .input-area .input-box[data-w="wid"] {width:100%;}
.contents .input-area .input-box input {width:100%; height:100%; border:1px solid var(--gray); padding:0 var(--gap-24); font-size:var(--font-18); border-radius:6px;}
.contents .input-area .input-box input::placeholder {color:#9E9D9B;}
.contents .input-area .textarea-box {width:100%; height:264px;}
.contents .input-area .textarea-box textarea {width:100%; height:100%; border:1px solid var(--gray); padding:10px var(--gap-24); font-size:var(--font-18); border-radius:6px; resize:none;}
.contents .input-area .textarea-box textarea::placeholder {color:#9E9D9B;}

.contents .input-area .button-layout {display:flex; align-items:center; gap:var(--gap-8);}
.contents .input-area .button-layout button {width:120px; height:54px; display:flex; align-items:center; justify-content:center; background:var(--font-gray-2); text-align:center; font-size:var(--font-18); color:#fff; border-radius:6px;}


.contents .form-button-wrap {width:max-content; max-width:100%; margin:0 auto; margin-top:calc(var(--gap-60) * 2); display:flex; align-items:center; gap:var(--gap-16); flex-wrap:wrap; justify-content:center;}

@media screen and (max-width: 480px) {
    .contents .input-area .input-box,
	.contents .input-area .button-layout button {height:46px;}
	.contents .input-area .input-box input {padding:0 10px;}
	.contents .input-area .textarea-box {height:220px;}
	.contents .input-area .textarea-box textarea {padding:10px;}
}


/*240731 수정*/
/*modal*/
.modal {width:100%; height:var(--nvh); position:fixed; left:0; top:0; z-index:1000; display:flex; align-items:center; justify-content:center; display:none;}
.modal:before {content:""; width:100%; height:100%; filter:blur(10px); background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:0;}
.modal .modal-layer {position:relative; z-index:10;} /*240801 수정*/
.modal.active {display:flex;}

.popup-share {width:90%; max-width:300px; border-radius:var(--gap-8); background:#fff; padding:var(--gap-32) var(--gap-24); margin:0 auto;}
.popup-share > .wrrap {width:100%;}
.popup-share .title-box {width:100%; display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--gap-24);}
.popup-share .title-box .popup-title {font-size:var(--font-18);}
.popup-share .title-box .btn-popup-colose {width:20px; height:20px; background:url(/img/conts/icon_close.svg) center no-repeat; background-size:cover; font-size:0; display:block; cursor:pointer;}
.popup-share .popup-conts .share-list-wrap {width:100%; display:flex; gap:40px; justify-content:center;}
.popup-share .popup-conts .share-list-wrap .share-box {width:calc((100% - 40px) / 3); max-width:60px;}
.popup-share .popup-conts .share-list-wrap .share-box a {display:block; padding-top:68px; position:relative; font-size:12px; text-align:center; font-weight:300;}
.popup-share .popup-conts .share-list-wrap .share-box a:before {content:""; width:60px; height:60px; background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:0;}
.popup-share .popup-conts .share-list-wrap .share-box a.kakao:before {background-image:url(/img/conts/icon_kakao.svg);}
.popup-share .popup-conts .share-list-wrap .share-box a.x:before {background-image:url(/img/conts/icon_x.svg);}
.popup-share .popup-conts .share-list-wrap .share-box a.email:before {background-image:url(/img/conts/icon_email.svg);}
.popup-share .popup-conts .btn-link-copy {width:100%; height:40px; border-radius:2px; background:#fff; border:1px solid rgba(192,189,185,0.4); display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--font-14); color:#424241; margin-top:var(--gap-24);}
.popup-share .popup-conts .btn-link-copy span {position:relative; padding-left:calc(var(--gap-8) + var(--gap-20));}
.popup-share .popup-conts .btn-link-copy span:before {content:""; width:var(--font-20); height:var(--font-20); background:url(/img/conts/icon_link.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:50%; transform:translateY(-50%);}

@media screen and (max-width: 480px) {
	.popup-share .popup-conts .share-list-wrap {gap:15px;}
    .popup-share .popup-conts .share-list-wrap .share-box {width:calc((100% - 30px) / 3); max-width:42px;}
    .popup-share .popup-conts .share-list-wrap .share-box a {padding-top:47px; font-size:11px;}
    .popup-share .popup-conts .share-list-wrap .share-box a:before {width:42px; height:42px;}
}
/*240731 수정*/


/*drop*/
.contents .drop-menu {width:max-content; position:relative;}
.contents .drop-menu .btn-dropdown {width:max-content; background:red; height:40px; display:flex; align-items:center; font-size:var(--font-20); padding:0 calc(var(--font-20) + var(--gap-8) + var(--gap-16)) 0 var(--gap-16); position:relative; background:url(/img/conts/arrow_down.svg) right var(--gap-16) center no-repeat; background-size:var(--font-20) auto; color:var(--font-gray);}
.contents .drop-menu .drop-option-list {width:max-content; border-radius:var(--gap-8); overflow:hidden; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.15); position:absolute; left:50%; top:40px; transform:translateX(-50%); display:none; z-index:900;}
.contents .drop-menu .drop-option-list ul li {width:100%; border-top:1px solid rgba(192,189,185,0.4);}
.contents .drop-menu .drop-option-list ul li:first-child {border-top:none;}
.contents .drop-menu .drop-option-list ul li .drop-option {min-width:180px; height:50px; display:flex; align-items:center; padding:0 var(--gap-20); color:#9E9D9B;}
.contents .drop-menu .drop-option-list ul li .drop-option.on {color:var(--black);}
.contents .drop-menu .drop-option-list ul li .drop-option:hover {background:rgba(192,189,185,0.1);}
.contents .drop-menu.active .drop-option-list {display:block;}

@media screen and (max-width: 768px) {
	.contents .drop-menu .drop-option-list ul li .drop-option {min-width:160px;}
}

@media screen and (max-width: 480px) {
	.contents .drop-menu .drop-option-list ul li .drop-option {min-width:120px; height:45px;}
}


.contents .thumb-layout {width:100%; display:flex; flex-wrap:wrap;}
.contents .thumb-layout .thumb {width:100%;}
.contents .thumb-layout .thumb img {max-width:100%; display:block; margin:0 auto;}

.contents .thumb-layout[data-col="3"] {gap:var(--gap-32);}
.contents .thumb-layout[data-col="3"] .layout-box {width:calc((100% - (var(--gap-32) * 2)) / 3);}
.contents .thumb-layout[data-col="3"] .layout-box .thumb {margin-bottom:var(--gap-24);}
.contents .thumb-layout[data-col="3"] .layout-box .conts-box {width:100%;}
.contents .thumb-layout[data-col="3"] .layout-box .conts-box span {display:block; font-size:var(--font-18); font-weight:700; color:var(--sub-color);}
.contents .thumb-layout[data-col="3"] .layout-box .conts-box .subject {font-size:var(--font-26); font-weight:700;}
.contents .thumb-layout[data-col="3"] .layout-box .conts-box .conts {width:100%; margin-top:var(--gap-16); font-size:var(--font-16); color:var(--font-gray);}

@media screen and (max-width: 768px) {
    .contents .thumb-layout[data-col="3"] {gap:var(--gap-60);}
    .contents .thumb-layout[data-col="3"] .layout-box {width:100%; max-width:400px; margin:0 auto;}
}

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


.contents .conts-tab-wrap {width:100%; display:flex; align-items:center; justify-content:center; gap:calc(var(--gap-60) * 0.8); overflow-x:auto; overflow-y:hidden;}
.contents .conts-tab-wrap::-webkit-scrollbar {height:5px; border-radius:10px;}
.contents .conts-tab-wrap::-webkit-scrollbar-thumb {background:rgba(192,189,182,0.5);}
.contents .conts-tab-wrap .tab {min-width:170px; height:64px; border-radius:50px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--font-22); background:#fff; color:var(--sub-color); border:1px solid var(--sub-color); cursor:pointer; white-space:nowrap;}
.contents .conts-tab-wrap .tab.on {background:var(--sub-color); color:#fff; font-weight:700;}

@media screen and (max-width: 768px) {
	.contents .conts-tab-wrap {gap:var(--gap-32);}
	.contents .conts-tab-wrap .tab {min-width:130px; height:60px;}
}

@media screen and (max-width: 768px) {
	.contents .conts-tab-wrap {justify-content:flex-start;}
	.contents .conts-tab-wrap .tab {min-width:auto; padding:0 var(--gap-40); height:52px;}
}

.contents .tab-conts-wrap {width:100%;}
.contents .tab-conts-wrap .tab-conts-box {display:none; width:100%;}
.contents .tab-conts-wrap .tab-conts-box.active {display:block;}


.contents .snb-tab-wrap {width:100%; height:96px; border-bottom:1px solid var(--gray); overflow-x:auto; overflow-y:hidden; display:flex; align-items:center; justify-content:center; gap:120px;}
.contents .snb-tab-wrap::-webkit-scrollbar {height:5px; border-radius:10px;}
.contents .snb-tab-wrap::-webkit-scrollbar-thumb {background:rgba(192,189,182,0.5);}
.contents .snb-tab-wrap .tab {position:relative; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--font-22); white-space:nowrap;}
.contents .snb-tab-wrap .tab.on:before {content:""; width:100%; height:3px; background:var(--sub-color); position:absolute; left:0; bottom:0;}

@media screen and (max-width: 1024px) {
	.contents .snb-tab-wrap {gap:80px;}
}

@media screen and (max-width: 768px) {
	.contents .snb-tab-wrap {height:80px; gap:60px; justify-content:flex-start; padding:0 var(--gap-32);}
}

@media screen and (max-width: 480px) {
	.contents .snb-tab-wrap {height:70px; gap:40px;}
}


.contents .depth-tab-wrap {width:92%; margin:0 auto; margin-top:calc(var(--gap-60) * 0.8); display:flex; align-items:center; justify-content:center; max-width:1128px;}
.contents .depth-tab-wrap .tab {flex:1; flex-basis:375px; height:74px; display:flex; align-items:center; justify-content:center; text-align:center; padding:var(--gap-8); font-size:var(--font-22); color:var(--font-gray); border:solid var(--gray); border-width:1px 1px 1px 0; position:relative;}
.contents .depth-tab-wrap .tab:before {content:""; width:100%; height:100%; border:1px solid var(--sub-color); position:absolute; left:-1px; top:-1px; display:none;}
.contents .depth-tab-wrap .tab:first-child {border-radius:4px 0 0 4px; border-width:1px;}
.contents .depth-tab-wrap .tab:last-child {border-radius:0 4px 4px 0;}
.contents .depth-tab-wrap .tab:first-child:before {border-radius:4px 0 0 4px;}
.contents .depth-tab-wrap .tab:last-child:before {border-radius:0 4px 4px 0;}
.contents .depth-tab-wrap .tab.on {background:rgba(255,86,36,0.05); color:var(--sub-color);}/* 240726 수정*/
.contents .depth-tab-wrap .tab.on:before {display:block;}

@media screen and (max-width: 768px) {
	.contents .depth-tab-wrap .tab {height:62px;}
}

@media screen and (max-width: 480px) {
	.contents .depth-tab-wrap .tab {height:56px; font-size:var(--font-18);}
}



/*360스토리 list*/
.story-list .list-main-contents {width:100%; display:flex; align-items:center; flex-wrap:wrap; flex-direction:row-reverse; justify-content:space-between; position:relative;}
.story-list .list-main-contents .img-box {width:66%; max-width:896px;}
/* s : 240819 수정 */
.story-list .list-main-contents .img-box span {display:block; width:100%; height:0; padding-bottom:calc(504 / 896 * 100%); position:relative;}
.story-list .list-main-contents .img-box span img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
/* e : 240819 수정 */

/* s : 240903 수정 */
.story-list .list-main-contents .conts-box {width:34%; padding-right:var(--gap-32);}
.story-list .list-main-contents .conts-box .category {margin-bottom:var(--gap-16);}
.story-list .list-main-contents .conts-box .category span {font-size:var(--font-13); font-weight:700; padding-bottom:3px; background-image:linear-gradient(var(--black), var(--black)); background-repeat:no-repeat; background-position:left bottom; background-size:100% 1px;}
.story-list .list-main-contents .conts-box .subject {font-size:var(--font-40); font-weight:700; line-height:1.35; width:100%;}
.story-list .list-main-contents .conts-box .conts {width:100%; margin-top:var(--gap-8); font-size:var(--font-16); color:var(--font-gray);}
.story-list .list-main-contents a {width:100%; height:100%; display:block; font-size:0; position:absolute; left:0; top:0;}
/* e : 240903 수정 */

@media screen and (max-width: 900px) {
	.story-list .list-main-contents {gap:var(--gap-32);}
	.story-list .list-main-contents .img-box,
	.story-list .list-main-contents .conts-box {width:100%;}
	.story-list .list-main-contents .conts-box {padding-left:0;}
}

.story-list .list-top .lf-box {flex-shrink:1;}
.story-list .list-category-wrap {overflow-x:auto; overflow-y:hidden;}
.story-list .list-category-wrap .cetegory-box {display:flex; align-items:center; gap:var(--gap-8); flex-wrap:wrap;}
.story-list .list-category-wrap .cetegory-box .btn-category {width:max-content; padding:0 var(--gap-16); height:40px; display:flex; align-items:center; justify-content:center; tect-align:center; background:#fff; border-radius:100px; border:1px solid var(--black); font-size:var(--font-14); white-space:nowrap;}
.story-list .list-category-wrap .cetegory-box .btn-category.on {background:var(--sub-color); border-color:var(--sub-color); color:#fff;}


@media screen and (max-width: 768px) {
	.story-list .list-top .drop-menu {margin-left:auto;}
}
/* 240731 수정 */


/*뉴스레터*/
.story.newsletter .sub-visual {background-image:url(/img/conts/sub_visual_newsletter.png);}
.story.newsletter .newsletter-conts-wrap {width:100%; display:flex; gap:var(--gap-24);}
.story.newsletter .newsletter-conts-wrap .conts-box {width:calc((100% - (var(--gap-24) * 2)) / 3); height:140px; border-radius:10px; background:rgba(192,189,185,0.1); padding:var(--gap-8) var(--gap-32); display:flex; align-items:center;}
.story.newsletter .newsletter-conts-wrap .conts-box span {display:block; font-size:var(--font-14); color:var(--sub-color); margin-bottom:var(--gap-8);}
.story.newsletter .newsletter-conts-wrap .conts-box em {display:block; font-size:var(--font-28);}

@media screen and (max-width: 1024px) {
    .story.newsletter .newsletter-conts-wrap .conts-box {height:120px;}
    .story.newsletter .newsletter-conts-wrap .conts-box em {font-size:var(--font-22);}
}

@media screen and (max-width: 480px) {
    .story.newsletter .newsletter-conts-wrap {gap:12px;}
    .story.newsletter .newsletter-conts-wrap .conts-box {width:calc((100% - 24px) / 3); padding:var(--gap-8) var(--gap-24);}
    .story.newsletter .newsletter-conts-wrap .conts-box em {font-size:var(--font-18);}
}

@media screen and (max-width: 360px) {
    .story.newsletter .newsletter-conts-wrap {gap:15px; flex-wrap:wrap;}
    .story.newsletter .newsletter-conts-wrap .conts-box {width:100%; max-width:240px; margin:0 auto; height:80px;}
    .story.newsletter .newsletter-conts-wrap .conts-box em {font-size:var(--font-24);}
}


/*삼성웰스톹리 공통*/
.company .company-com {width:100%; font-size:var(--font-22); text-align:center;}
/* s : 240819 수정 */
.company .company-com .tlt {width:100%; font-weight:700; margin-bottom:var(--gap-16); font-size:var(--font-36);}
.company .company-com .conts {font-weight:500;}
/* e : 240819 수정 */

@media screen and (max-width: 768px) {
	.company .company-com .conts .br {display:inline-block;}
}


/*회사소개*/
.company.about .sub-visual {background-image:url(/img/conts/sub_visual_about.png);}
.company.about .sec-1 .vision-wrap {width:100%;}
.company.about .sec-1 .vision-wrap .conts {width:90%; max-width:910px; margin:0 auto; font-size:var(--font-22); font-weight:300; text-align:center;}
.company.about .sec-1 .vision-wrap .img-box {width:100%;}
.company.about .sec-1 .vision-wrap .img-box img {max-width:100%; display:block; margin:0 auto;}

.company.about .sec-2 .company-about-wrap {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-32);}
.company.about .sec-2 .company-about-wrap .conts-box {width:calc((100% - var(--gap-32)) / 2); max-width:664px; min-height:315px; border-radius:10px; background:#fff; border:1px solid rgba(192,189,185,0.2); display:flex; align-items:center; justify-content:center; text-align:center; padding:var(--gap-16) var(--gap-24);}
.company.about .sec-2 .company-about-wrap .conts-box em {display:block; font-size:var(--font-36); color:var(--sub-color); margin-bottom:var(--gap-32);}
.company.about .sec-2 .company-about-wrap .conts-box .conts {font-size:var(--font-24); color:var(--font-gray-2);}

@media screen and (max-width: 1200px) {
    .company.about .sec-2 .company-about-wrap .conts-box .conts .br {display:inline-block;}
}

@media screen and (max-width: 1024px) {
    .company.about .sec-2 .company-about-wrap .conts-box {min-height:280px;}
    .company.about .sec-2 .company-about-wrap .conts-box em {font-size:var(--font-30);}
    .company.about .sec-2 .company-about-wrap .conts-box .conts {font-size:var(--font-22);}
}

@media screen and (max-width: 768px) {
    .company.about .sec-2 .company-about-wrap .conts-box {min-height:220px;}
    .company.about .sec-2 .company-about-wrap .conts-box .conts .blank {display:inline-block;}
}

@media screen and (max-width: 648px) {
    .company.about .sec-2 .company-about-wrap {flex-wrap:wrap;}
    .company.about .sec-2 .company-about-wrap .conts-box {width:100%; min-height:200px; max-width:400px; margin:0 auto;}
    .company.about .sec-2 .company-about-wrap .conts-box .conts .blank {display:block;}
}

@media screen and (max-width: 360px) {
    .company.about .sec-2 .company-about-wrap .conts-box {min-height:180px;}
}

.company.about .sec-2 .principle-wrap {width:100%; max-width:1080px; margin:0 auto; display:flex; gap:var(--gap-40); flex-wrap:wrap; justify-content:space-between;}
.company.about .sec-2 .principle-wrap .principle-box {position:relative;}
.company.about .sec-2 .principle-wrap .principle-box .icon {width:240px; height:240px; border-radius:50%; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.15); display:flex; align-items:center; justify-content:center; position:relative; margin:0 auto; margin-bottom:var(--gap-32);}
.company.about .sec-2 .principle-wrap .principle-box .icon span {display:block; width:67%; max-width:160px; margin:0 auto;}
.company.about .sec-2 .principle-wrap .principle-box .icon span img {display:block; margin:0 auto; max-width:100%;}
.company.about .sec-2 .principle-wrap .principle-box .conts {font-size:var(--font-22); color:var(--font-gray-2); text-align:center;}
.company.about .sec-2 .principle-wrap .principle-box .line {width:264px; height:132px; border-radius:50% 50% 0 0; position:absolute; left:50%; top:-12px; transform:translateX(-50%); overflow:hidden;}
.company.about .sec-2 .principle-wrap .principle-box .line:before {content:""; width:100%; height:calc(100% * 2); border-radius:50%; box-sizing:border-box; border:4px solid var(--sub-color); position:absolute; left:50%; top:0; transform:translateX(-50%);}

@media screen and (max-width: 1024px) {
    .company.about .sec-2 .principle-wrap .principle-box .icon {width:180px; height:180px;}
    .company.about .sec-2 .principle-wrap .principle-box .line {width:204px; height:102px;}
}

@media screen and (max-width: 768px) {
    .company.about .sec-2 .principle-wrap {max-width:300px; gap:var(--gap-60);}
    .company.about .sec-2 .principle-wrap .principle-box {width:100%;}
}

@media screen and (max-width: 480px) {
    .company.about .sec-2 .principle-wrap .principle-box .icon {width:140px; height:140px;}
    .company.about .sec-2 .principle-wrap .principle-box .line {width:164px; height:82px;}
    .company.about .sec-2 .principle-wrap .principle-box .line:before {border-width:3px;}
}

.company.about .sec-4 .top-txt {width:100%; text-align:right; margin-bottom:calc(var(--gap-60) * 0.8); font-weight:300;}
.company.about .sec-4 .about-wellstory-wrap {width:100%; display:flex; gap:var(--gap-24); justify-content:space-between;}
.company.about .sec-4 .about-wellstory-wrap .conts-box {width:max-content;}
.company.about .sec-4 .about-wellstory-wrap .conts-box .icon {width:200px; height:200px; border-radius:50%; background:#fff; box-shadow:0px 4px 20px rgba(0,0,0,0.15); display:flex; align-items:center; justify-content:center; margin:0 auto;}
.company.about .sec-4 .about-wellstory-wrap .conts-box .icon img {display:block; margin:0 auto; width:56%; max-width:112px;}
.company.about .sec-4 .about-wellstory-wrap .conts-box .conts {text-align:center; margin-top:var(--gap-32);}
.company.about .sec-4 .about-wellstory-wrap .conts-box .conts em {display:block; font-size:var(--font-20);}
.company.about .sec-4 .about-wellstory-wrap .conts-box .conts .count {font-size:var(--font-20); color:var(--font-gray); display:flex; align-items:center; justify-content:center; gap:var(--gap-8);}
.company.about .sec-4 .about-wellstory-wrap .conts-box .conts .count span {font-size:var(--font-28);}

@media screen and (max-width: 1024px) {
	.company.about .sec-4 .about-wellstory-wrap .conts-box .icon {width:150px; height:150px;}
}

@media screen and (max-width: 900px) {
	.company.about .sec-4 .about-wellstory-wrap {flex-wrap:wrap; gap:var(--gap-60) var(--gap-24);}
	.company.about .sec-4 .about-wellstory-wrap .conts-box {width:calc((100% - var(--gap-24)) / 2);}
}

@media screen and (max-width: 480px) {
	.company.about .sec-4 .about-wellstory-wrap .conts-box .icon {width:100px; height:100px;}
}


.company.about .sec-5 .history-wrap {width:100%; position:relative; padding-bottom:var(--gap-80);}
.company.about .sec-5 .history-wrap:before {content:""; width:3px; height:100%; background:rgba(192,189,185,0.6); position:absolute; left:50%; top:20px; transform:translateX(-50%); z-index:0;}
.company.about .sec-5 .history-wrap .history-box {width:50%; margin-top:calc(var(--gap-80) * 0.8); position:relative; display:flex; z-index:10;}
.company.about .sec-5 .history-wrap .history-box:first-child {margin-top:0;}
.company.about .sec-5 .history-wrap .history-box:nth-child(odd) {margin-left:auto; padding-left:52px;}
.company.about .sec-5 .history-wrap .history-box:nth-child(even) {margin-right:auto; padding-right:52px; justify-content:flex-end; text-align:right;}
.company.about .sec-5 .history-wrap .history-box .year {width:100%; position:relative; font-size:var(--font-36); color:var(--sub-color); margin-bottom:var(--gap-24);}
.company.about .sec-5 .history-wrap .history-box .year:before {content:""; width:14px; height:14px; border-radius:50%; background:#424241; position:absolute; top:50%; transform:translateY(-50%);}
.company.about .sec-5 .history-wrap .history-box:nth-child(odd) .year:before {left:-59px;}
.company.about .sec-5 .history-wrap .history-box:nth-child(even) .year:before {right:-59px;}
.company.about .sec-5 .history-wrap .history-box .history-conts-wrap {width:100%;}
.company.about .sec-5 .history-wrap .history-box .history-conts-wrap .history-conts-box {width:100%; margin-top:var(--gap-16); display:flex; gap:var(--gap-16); font-size:var(--font-18);}
.company.about .sec-5 .history-wrap .history-box .history-conts-wrap .history-conts-box:first-child {margin-top:0;}
.company.about .sec-5 .history-wrap .history-box .history-conts-wrap .history-conts-box .month {width:45px}
.company.about .sec-5 .history-wrap .history-box .history-conts-wrap .history-conts-box ul {width:calc(100% - var(--gap-16) - 45px);}
.company.about .sec-5 .history-wrap .history-box .history-conts-wrap .history-conts-box ul li {color:var(--font-gray);}
.company.about .sec-5 .history-wrap .history-box:nth-child(even) .history-conts-wrap .history-conts-box {flex-direction:row-reverse;}

@media screen and (max-width: 600px) {
	.company.about .sec-5 .history-wrap {padding-left:40px;}
	.company.about .sec-5 .history-wrap:before {width:2px; left:18px; transform:none;}
	.company.about .sec-5 .history-wrap .history-box {width:100%;}
	.company.about .sec-5 .history-wrap .history-box:nth-child(odd) {padding-left:0;}
	.company.about .sec-5 .history-wrap .history-box:nth-child(even) {padding-right:0; justify-content:flex-start; text-align:left;}
	.company.about .sec-5 .history-wrap .history-box .year:before {width:10px; height:10px;}
	.company.about .sec-5 .history-wrap .history-box:nth-child(odd) .year:before {left:-26px;}
	.company.about .sec-5 .history-wrap .history-box:nth-child(even) .year:before {left:-26px; right:auto;}
	.company.about .sec-5 .history-wrap .history-box .history-conts-wrap .history-conts-box .month {width:40px}
	.company.about .sec-5 .history-wrap .history-box .history-conts-wrap .history-conts-box ul {width:calc(100% - var(--gap-16) - 40px);}
	.company.about .sec-5 .history-wrap .history-box:nth-child(even) .history-conts-wrap .history-conts-box {flex-direction:row;}
}

@media screen and (max-width: 480px) {
	.company.about .sec-5 .history-wrap {padding-left:30px;}
	.company.about .sec-5 .history-wrap:before {left:9px;}
	.company.about .sec-5 .history-wrap .history-box .year:before {width:8px; height:8px;}
	.company.about .sec-5 .history-wrap .history-box:nth-child(odd) .year:before {left:-24px;}
	.company.about .sec-5 .history-wrap .history-box:nth-child(even) .year:before {left:-24px;}
	.company.about .sec-5 .history-wrap .history-box .history-conts-wrap .history-conts-box .month {width:35px}
	.company.about .sec-5 .history-wrap .history-box .history-conts-wrap .history-conts-box ul {width:calc(100% - var(--gap-16) - 35px);}
}


.contents .title-conts-template {width:100%; display:flex; padding-top:calc(var(--gap-16) + 2px); justify-content:space-between; flex-wrap:wrap;}
.contents .title-conts-template .title {width:25%; padding-right:var(--gap-24);}
.contents .title-conts-template .title h2 {font-size:var(--font-36); font-weight:700; position:relative;}
.contents .title-conts-template .title h2:before {content:""; width:calc(var(--gap-60) * 0.8); height:2px; background:var(--sub-color); position:absolute; left:0; top:calc((var(--gap-16) + 2px) * -1);}
.contents .title-conts-template .title .txt {width:100%; margin-top:var(--gap-8); font-size:var(--font-24); color:var(--font-gray);}
.contents .title-conts-template .template-conts-wrap {width:75%; max-width:1012px;}
.contents .title-conts-template .template-conts-wrap .template-conts {width:100%; margin-top:calc(var(--gap-60) * 2);}
.contents .title-conts-template .template-conts-wrap .template-conts:first-child {margin-top:0;}
.contents .title-conts-template .template-conts-wrap .template-conts .sub-title {width:100%; margin-bottom:var(--gap-8); font-size:var(--font-22); font-weight:700; color:var(--sub-color);}
.contents .title-conts-template .template-conts-wrap .template-conts .tlt-img-box {width:100%; margin-bottom:var(--gap-24);}
.contents .title-conts-template .template-conts-wrap .template-conts .tlt-img-box img {height:64px; display:block;}
.contents .title-conts-template .template-conts-wrap .template-conts .conts {font-size:var(--font-20); color:var(--font-gray);}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list {width:100%; margin-top:var(--gap-24); display:flex; gap:20px; justify-content:space-between; flex-wrap:wrap;}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box {width:calc((100% - 40px) / 3); position:relative;}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box .img-box {width:100%;}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box .img-box img {display:block; width:100%; margin:0 auto;}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box.ty-inner .img-box {position:relative; z-index:1;}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box.ty-inner .conts-box {width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; display:flex; padding:var(--gap-24); align-items:flex-end;}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box.ty-inner .conts-box:before {content:""; width:100%; height:100%; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%); position:absolute; left:0; top:0; z-index:0; opacity:0.4;}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box.ty-inner .conts-box .img-conts {font-size:var(--font-22); color:#fff; font-weight:700; z-index:10; letter-spacing:-1px;}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box.ty-tlt .conts-box {width:100%; margin-top:var(--gap-16); display:flex; gap:var(--gap-8); font-size:var(--font-22);}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box.ty-tlt .conts-box em {color:var(--sub-color);}
.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box.ty-tlt .conts-box .img-conts {flex-shrink:1;}
.contents .title-conts-template .template-conts-wrap .template-conts .conts-bx {width:100%; margin-top:var(--gap-100);}
.contents .title-conts-template .template-conts-wrap .template-conts .conts-bx .img-box {width:100%;}
.contents .title-conts-template .template-conts-wrap .template-conts .conts-bx .img-box img {display:block; max-width:100%; margin:0 auto;}

@media screen and (max-width: 1280px) {
	.contents .title-conts-template .title .txt .br,
	.contents .title-conts-template .template-conts-wrap .template-conts .conts .br,
	.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box.ty-tlt .conts-box .img-conts .br {display:inline-block;}
}

@media screen and (max-width: 900px) {
	.contents .title-conts-template {gap:var(--gap-24);}
	.contents .title-conts-template .title,
	.contents .title-conts-template .template-conts-wrap {width:100%;}
}

@media screen and (max-width: 768px) {
	.contents .title-conts-template .template-conts-wrap .template-conts .tlt-img-box img {height:52px;}
}

@media screen and (max-width: 600px) {
	.contents .title-conts-template .template-conts-wrap .template-conts .img-list .item-box {width:100%; max-width:350px; margin:0 auto;}
}

@media screen and (max-width: 480px) {
	.contents .title-conts-template .template-conts-wrap .template-conts .tlt-img-box img {height:40px;}
}



.contents .img-conts-template {width:100%;}
.contents .img-conts-template .template-box {width:100%; display:flex; align-items:center; flex-wrap:wrap; gap:var(--gap-32) 0; margin-top:var(--gap-100);}
.contents .img-conts-template .template-box:first-child {margin-top:0;}
.contents .img-conts-template .template-box:nth-child(even) {flex-direction:row-reverse;}
.contents .img-conts-template .template-box .img-box {width:50%;}
.contents .img-conts-template .template-box .img-box img {max-width:100%; display:block; margin:0 auto;}
.contents .img-conts-template .template-box .template-conts {width:50%; padding:0 calc(var(--gap-60) * 0.8);}
.contents .img-conts-template .template-box .template-conts em {display:block; width:100%; font-size:var(--font-22); color:var(--sub-color); margin-bottom:var(--gap-8);}
.contents .img-conts-template .template-box .template-conts .tlt {font-size:var(--font-36); line-height:1.44; margin-bottom:var(--gap-24);}
.contents .img-conts-template .template-box .template-conts .conts {font-size:var(--font-20); font-weight:300; width:100%; max-width:430px;}

@media screen and (max-width: 900px) {
	.contents .img-conts-template .template-box {flex-wrap:wrap; max-width:650px; margin-left:auto; margin-right:auto;}
	.contents .img-conts-template .template-box .img-box,
	.contents .img-conts-template .template-box .template-conts {width:100%;}
	.contents .img-conts-template .template-box .template-conts {text-align:center;}
	.contents .img-conts-template .template-box .template-conts .conts {margin:0 auto;}
}




/*식자재 서비스*/
.company.service .sub-visual {background-image:url(/img/conts/sub_visual_service.png);}


.company.infra .sec-2:before {content:""; width:100%; height:50%; background:rgba(192,189,182,0.1); position:absolute; left:0; top:0; z-index:0;}
.company.infra .sec-2:after {content:""; width:100%; height:50%; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); position:absolute; left:0; top:0; z-index:1;}
.company.infra .sec-2 > .inner {position:relative; z-index:10;}


.company.doremi .sec-1 .video-wrap {width:100%; max-width:1128px; margin:0 auto;}

.company.doremi .sec-2:before {content:""; width:100%; height:60%; background:rgba(192,189,182,0.1); position:absolute; left:0; top:0; z-index:0;}
.company.doremi .sec-2:after {content:""; width:100%; height:60%; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); position:absolute; left:0; top:0; z-index:1;}
.company.doremi .sec-2 > .inner {position:relative; z-index:10;}



/*wic*/
.company.wic .sub-visual {background-image:url(/img/conts/sub_visual_wic.png);}


/*esg 경영*/
.company.esg .sub-visual {background-image:url(/img/conts/sub_visual_esg.png);}

.company.esg .sec-1 .diagram-wrap {width:100%; display:flex; position:relative; gap:var(--gap-80) var(--gap-24); justify-content:space-between; margin-top:var(--gap-80);}
.company.esg .sec-1 .diagram-wrap:before {content:""; width:calc(100% - 200px); height:2px; background:var(--sub-color); position:absolute; left:50%; top:169px; z-index:0; transform:translateX(-50%);}
.company.esg .sec-1 .diagram-wrap .diagram-box {width:max-content; position:relative; z-index:10;}
.company.esg .sec-1 .diagram-wrap .diagram-box .circle {width:340px; height:340px; border-radius:50%; background:#fff; border:2px solid var(--sub-color); display:flex; align-items:center; justify-content:center; padding:var(--gap-24); text-align:center;}
.company.esg .sec-1 .diagram-wrap .diagram-box .circle .icon {width:55%; max-width:96px; margin:0 auto;}
.company.esg .sec-1 .diagram-wrap .diagram-box .circle .icon img {display:block; margin:0 auto; max-width:100%;}
.company.esg .sec-1 .diagram-wrap .diagram-box .circle .tlt {font-size:var(--font-32); font-weight:700; color:var(--sub-color);}
.company.esg .sec-1 .diagram-wrap .diagram-box .circle .conts {font-size:var(--font-18); color:#424241;}
.company.esg .sec-1 .diagram-wrap .diagram-box .round-list {width:340px; margin-top:var(--gap-40); position:relative; z-index:15; background:#fff;}
.company.esg .sec-1 .diagram-wrap .diagram-box .round-list .round-box {width:100%; min-height:60px; border-radius:40px; background:rgba(192,189,182,0.2); display:flex; align-items;center; justify-content:center; text-align:center; padding:var(--gap-16) var(--gap-24); font-size:var(--font-18); color:#424241; margin-top:var(--gap-16); align-items:center; position:relative; z-index:15;}
.company.esg .sec-1 .diagram-wrap .diagram-box .round-list .round-box:first-chlid {margin-top:0;}

@media screen and (max-width: 1280px) {
	.company.esg .sec-1 .diagram-wrap:before {top:139px;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle {width:280px; height:280px;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .round-list {width:280px;}
}

@media screen and (max-width: 1024px) {
	.company.esg .sec-1 .diagram-wrap:before {top:139px;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle {width:220px; height:220px; margin:0 auto;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle .icon {width:40%;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle .tlt {font-size:var(--font-24);}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle .conts {font-size:var(--font-14);}
	.company.esg .sec-1 .diagram-wrap .diagram-box .round-list {width:220px;}
}


@media screen and (max-width: 900px) {
	.company.esg .sec-1 .diagram-wrap {flex-wrap:wrap; overflow:hidden;}
	.company.esg .sec-1 .diagram-wrap:before {display:none;}
	.company.esg .sec-1 .diagram-wrap .diagram-box {width:100%; max-width:580px; display:flex; align-items:center; justify-content:center; gap:var(--gap-32); margin:0 auto;}
	.company.esg .sec-1 .diagram-wrap .diagram-box:first-child:before {content:""; width:2px; height:280%; background:var(--sub-color); position:absolute; left:124px; top:124px; z-index:0;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle {width:250px; height:250px; position:relative; z-index:10;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle .icon {width:40%;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle .tlt {font-size:var(--font-26);}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle .conts {font-size:var(--font-16);}
	.company.esg .sec-1 .diagram-wrap .diagram-box .round-list {width:calc(100% - var(--gap-32) - 250px); max-width:300px; margin-top:0;}
}

@media screen and (max-width: 600px) {
	.company.esg .sec-1 .diagram-wrap .diagram-box:first-child:before {left:99px; top:99px;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle {width:200px; height:200px;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .round-list {width:calc(100% - var(--gap-32) - 200px);}
}

@media screen and (max-width: 480px) {
	.company.esg .sec-1 .diagram-wrap:before {width:2px; height:calc(100% - 300px); top:0; display:block;}
	.company.esg .sec-1 .diagram-wrap .diagram-box {flex-wrap:wrap; gap:var(--gap-16);}
	.company.esg .sec-1 .diagram-wrap .diagram-box:first-child:before {display:none;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .circle {width:200px; height:200px;}
	.company.esg .sec-1 .diagram-wrap .diagram-box .round-list {width:100%;}
}


.company.esg .contents-area .section-wrap .sec-2 > .inner {width:100%; max-width:100%;}
.company.esg .sec-2 .esg-wrap {width:100%;}
.company.esg .sec-2 .esg-wrap .title-box {width:100%; height:calc(var(--gap-80) * 3); background-size:cover; background-repeat:no-repeat; background-position:center; display:flex; align-items:center; justify-content:center; text-align:center;}
.company.esg .sec-2 .esg-wrap .title-box > .wrap {width:90%; margin:0 auto;}
.company.esg .sec-2 .esg-wrap .title-box h2 {font-size:var(--font-40); color:#fff;}
.company.esg .sec-2 .esg-wrap .title-box .conts {font-size:var(--font-20); color:#fff; width:100%; margin-top:var(--gap-16);}

.company.esg .sec-2 .environment .title-box {background-image:url(/img/conts/esg_environment_title.png);}
.company.esg .sec-2 .social .title-box {background-image:url(/img/conts/esg_social_title.png);}
.company.esg .sec-2 .governance .title-box {background-image:url(/img/conts/esg_governance_title.png);}

@media screen and (max-width: 480px) {
	.company.esg .sec-2 .esg-wrap .title-box .conts {font-size:var(--font-16);}
}


.company.esg .sec-2 .esg-wrap .esg-conts-wrap {width:90%; max-width:var(--conts-w); margin:0 auto; padding-top:calc(var(--gap-100) * 0.96);}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .top-conts {width:100%; text-align:center; margin-bottom:calc(var(--gap-100) * 0.96);}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .top-conts .logo-box {width:50%; max-width:350px; margin:0 auto;}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .top-conts .logo-box img {max-width:100%; display:block; margin:0 auto;}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .top-conts .conts {width:100%; margin-top:var(--gap-16); font-size:var(--font-22); color:var(--font-gray-2);}

.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-com-layout {width:100%; display:flex; gap:calc(var(--gap-80) * 0.7) calc(var(--gap-60) * 0.8); flex-wrap:wrap;}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-com-layout .layout-box {width:calc((100% - (var(--gap-60) * 0.8)) / 2);}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-com-layout .layout-box .img-box {width:100%;}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-com-layout .layout-box .img-box img {display:block; max-width:100%; margin:0 auto;}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-com-layout .layout-box .conts-box {width:100%; margin-top:var(--gap-32);}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-com-layout .layout-box .conts-box em {display:block; width:100%; font-size:var(--font-28); font-weight:700; margin-bottom:var(--gap-8);}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-com-layout .layout-box .conts-box .conts {width:100%; font-size:var(--font-20); color:var(--font-gray);}

@media screen and (max-width: 768px) {	
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-com-layout .layout-box {width:100%;}
}


.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-conts-box {width:100%; margin-top:calc(var(--gap-80) * 2.25);}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-conts-box:first-child {margin-top:0;}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-conts-box .tlt-box {width:100%; text-align:center; margin-bottom:var(--gap-32);}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-conts-box .tlt-box h3 {font-size:var(--font-36); font-weight:700;}
.company.esg .sec-2 .esg-wrap .esg-conts-wrap .esg-conts-box .tlt-box .conts {width:100%; margin-top:var(--gap-8); font-size:var(--font-22); color:var(--font-gray-2);}

.company.esg .sec-2 .governance .organization-wrap {width:100%;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart {width:100%; max-width:11188px; margin:0 auto;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li {width:100%; position:relative;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(1) {margin-bottom:42px;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(1):after {content:""; width:1px; height:42px; box-sizing:border-box; border-left:1px solid var(--gray); position:absolute; left:50%; bottom:-42px; transform:translateX(-50%); z-index:0;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(2) {margin-bottom:64px;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(2):after {content:""; width:1px; height:64px; box-sizing:border-box; border-left:1px solid var(--gray); position:absolute; left:50%; bottom:-64px; transform:translateX(-50%); z-index:0;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle {width:190px; height:190px; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; margin:0 auto; z-index:10;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle:before,
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle:after {content:""; border-radius:50%; background:rgba(255,86,36,0.1); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle:before {width:100%; height:100%;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle:after {width:170px; height:170px;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle .conts-box {width:146px; height:146px; border-radius:50%; background:var(--sub-color); display:flex; align-items:center; justify-content:center; text-align:center; z-index:10;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle .conts-box .icon {width:57%; max-width:56px; margin:0 auto;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle .conts-box .icon img {display:block; max-width:100%; margin:0 auto;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle .conts-box .txt {width:100%; margin-top:2px; font-size:var(--font-18); font-weight:700; color:#fff;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .round-wrap {width:100%; display:flex; align-items:center; justify-content:center; gap:var(--gap-16); position:relative; z-index:10;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .round-wrap.ty-2 {justify-content:space-between;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .round-wrap .round-box {width:325px; max-width:calc((100% - (var(--gap-16) * 2)) / 3); background:#fff; position:relative;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .round-wrap .round-box .round {width:100%; height:64px; border-radius:100px; display:flex; align-items:center; justify-content:center; padding:var(--gap-16); font-size:var(--font-18); font-weight:700; text-align:center; margin-top:20px; padding:var(--gap-16);}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .round-wrap .round-box .round:first-child {margin-top:0;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .round-wrap .round-box .round.gray {background:rgba(192,189,182,0.2);}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .round-wrap .round-box .round.fill {background:var(--sub-color); color:#fff;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .round-wrap .round-box .round.shadow {box-shadow:0 0 10px rgba(255,86,36,0.32); font-weight:400;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(3) .round-wrap .round-box:first-child:after {content:""; width:200%; height:32px; box-sizing:border-box; border:solid var(--gray); border-width:1px 0 0 1px; border-radius:var(--gap-16) 0 0 0; position:absolute; left:50%; top:-32px;}
.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(3) .round-wrap .round-box:last-child:after {content:""; width:200%; height:32px; box-sizing:border-box; border:solid var(--gray); border-width:1px 1px 0 0; border-radius:0 var(--gap-16) 0 0; position:absolute; right:50%; top:-32px;}

@media screen and (max-width: 768px) {
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle {width:150px; height:150px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle:after {width:134px; height:134px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle .conts-box {width:115px; height:115px;}
}

@media screen and (max-width: 480px) {
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(1) {margin-bottom:25px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(1):after {height:25px; bottom:-25px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(2) {margin-bottom:50px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(2):after {height:50px; bottom:-50px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle {width:120px; height:120px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle:after {width:107px; height:107px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle .conts-box {width:92px; height:92px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .circle .conts-box .txt {font-size:11px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li .round-wrap .round-box .round {height:54px; font-size:11px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(2) .round-wrap .round-box {max-width:60%;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(3) .round-wrap .round-box:first-child:after {height:25px; top:-25px;}
	.company.esg .sec-2 .governance .organization-wrap ul.organization-chart li:nth-child(3) .round-wrap .round-box:last-child:after {height:25px; top:-25px;}
}

.company.esg .sec-2 .governance .tb {width:100%; border-top:1px solid var(--black); position:relative;}
.company.esg .sec-2 .governance .tb:before {content:""; width:27%; height:100%; background:rgba(192,189,185,0.1); position:absolute; left:18%; top:0; z-index:0;}
.company.esg .sec-2 .governance .tb li {min-height:70px; display:flex; align-items:center; border-bottom:1px solid var(--gray); position:relative; z-index:10;}
.company.esg .sec-2 .governance .tb li > * {padding:var(--gap-8) var(--gap-40); font-size:var(--font-18); color:#424241;}
.company.esg .sec-2 .governance .tb li .num {width:18%; text-align:center;}
.company.esg .sec-2 .governance .tb li .th {width:27%;}
.company.esg .sec-2 .governance .tb li .conts {width:55%;}

@media screen and (max-width: 768px) {
	.company.esg .sec-2 .governance .tb li > * {padding:var(--gap-8) var(--gap-24);}
}

@media screen and (max-width: 600px) {
	.company.esg .sec-2 .governance .tb:before {width:32%; left:0;}
	.company.esg .sec-2 .governance .tb li > * {font-size:var(--font-16);}
	.company.esg .sec-2 .governance .tb li .num {display:none;}
	.company.esg .sec-2 .governance .tb li .th {width:32%;}
	.company.esg .sec-2 .governance .tb li .conts {width:68%;}
}


.company.esg .sec-2 .governance .code-of-conduct {width:100%; display:flex; max-width:1200px; margin:0 auto; gap:var(--gap-60) var(--gap-32); justify-content:space-between;}
.company.esg .sec-2 .governance .code-of-conduct .conts-box {width:calc((100% - (var(--gap-32) * 4)) / 5); max-width:160px;}
.company.esg .sec-2 .governance .code-of-conduct .conts-box .icon {width:100%;}
.company.esg .sec-2 .governance .code-of-conduct .conts-box .icon img {display:block; max-width:100%; margin:0 auto;}
.company.esg .sec-2 .governance .code-of-conduct .conts-box .conts {width:100%; margin-top:var(--gap-16); text-align:center; font-size:var(--font-20); color:var(--font-gray);}

@media screen and (max-width: 600px) {
	.company.esg .sec-2 .governance .code-of-conduct {flex-wrap:wrap; justify-content:center;}
	.company.esg .sec-2 .governance .code-of-conduct .conts-box {width:calc((100% - (var(--gap-32) * 2)) / 3);}
}


/*상담신청*/
.site.counsel .sub-visual {background-image:url(/img/conts/sub_visual_counsel.png);}


/*이용약관*/
.site.terms .sub-visual {background-image:url(/img/conts/sub_visual_terms.png);}
.site.terms .contents-area .section-wrap section > .inner {max-width:1128px;}

.site.policy .policy-caption-wrap {width:100%; border-radius:10px; background:rgba(192,189,185,0.1); padding:var(--gap-40); display:flex; justify-content:center;}
.site.policy .policy-caption-wrap ul.policy-caption li {display:flex; gap:var(--gap-16); font-size:var(--font-16); margin-top:10px;}
.site.policy .policy-caption-wrap ul.policy-caption li:first-child {margin-top:0;}
.site.policy .policy-caption-wrap ul.policy-caption li span {font-weight:300;}

.site.policy .policy-caption-wrap.ty-terms {gap:160px;}
.site.policy .policy-caption-wrap.ty-terms ul.policy-caption li em {width:60px;}
.site.policy .policy-caption-wrap.ty-privacy {gap:130px;}
.site.policy .policy-caption-wrap.ty-privacy ul.policy-caption li em {width:27px; text-align:right;}

@media screen and (max-width: 1200px) {
	.site.policy .policy-caption-wrap.ty-privacy {gap:60px;}
}

@media screen and (max-width: 1024px) {
	.site.policy .sec-1 .policy-caption-wrap.ty-terms {gap:60px;}
}

@media screen and (max-width: 900px) {
	.site.policy .sec-1 .policy-caption-wrap.ty-privacy {flex-wrap:wrap; gap:10px;}
	.site.policy .sec-1 .policy-caption-wrap.ty-privacy ul.policy-caption {width:100%;}
}

@media screen and (max-width: 768px) {
	.site.policy .sec-1 .policy-caption-wrap.ty-terms ul.policy-caption li em {width:50px;}
}

@media screen and (max-width: 648px) {
	.site.policy .sec-1 .policy-caption-wrap.ty-terms {flex-wrap:wrap; gap:10px;}
	.site.policy .sec-1 .policy-caption-wrap.ty-terms ul.policy-caption {width:100%;}
}

@media screen and (max-width: 480px) {
	.site.policy .sec-1 .policy-caption-wrap.ty-terms ul.policy-caption li em {width:48px;}
	.site.policy .policy-caption-wrap.ty-privacy ul.policy-caption li {width:100%;}
	.site.policy .policy-caption-wrap.ty-privacy ul.policy-caption li em {width:25px;}
	.site.policy .policy-caption-wrap.ty-privacy ul.policy-caption li span {flex:1;}
}


.site.terms .sec-1 .policy-wrap {width:100%; margin-top:calc(var(--gap-100) * 0.96);}

.site.policy .policy-wrap .policy-box {width:100%; margin-top:var(--gap-80);}
.site.policy .policy-wrap .policy-box:nth-child(1) {margin-top:0;}
.site.policy .policy-wrap .policy-box h2 {font-size:var(--font-20); margin-bottom:var(--gap-16);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap {width:100%; font-size:var(--font-16); font-weight:300; line-height:1.6;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap > * {margin-top:var(--gap-16);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap > *:first-child {margin-top:0;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap .policy-conts > .policy-conts {padding-left:calc(var(--font-16) + 2px);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap .policy-conts > * {margin-top:var(--gap-16);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap .policy-conts > *:first-child {margin-top:0;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap .policy-conts.ty-2 > .policy-conts {padding-left:calc(var(--font-16) + 7px);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap .txt-conts {}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numbering {counter-reset:number;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numbering > li {padding-left:calc(var(--font-16) + 2px); text-indent:calc((var(--font-16) + 2px) * -1); margin-top:var(--gap-16);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numbering > li:before {counter-increment:number; content:counter(number)". ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numbering > li:first-child {margin-top:0;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ol.lower-alpha >  li {list-style-type:lower-alpha; display:list-item; list-style-position:inside;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.dot > li {padding-left:calc(var(--font-16) - 4px); text-indent:calc((var(--font-16) - 4px) * -1);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.dot > li:before {content:"· "; font-weight:700;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberA {counter-reset:numberA;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberA > li {padding-left:calc(var(--font-16) + 7px); text-indent:calc((var(--font-16) + 7px) * -1); margin-top:var(--gap-16);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberA > li:first-child {margin-top:0;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberA > li:before {counter-increment:numberA; content:"("counter(numberA)") ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberB {counter-reset:numberB;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberB > li {padding-left:calc(var(--font-16) + 3px); text-indent:calc((var(--font-16) + 3px) * -1); margin-top:var(--gap-8);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberB > li:before {counter-increment:numberB; content:counter(numberB)") ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li {padding-left:calc(var(--font-14) + 3px); text-indent:calc((var(--font-14) + 3px) * -1); margin-top:var(--gap-8); font-size:var(--font-14);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(1):before {content:"① ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(2):before {content:"② ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(3):before {content:"③ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(4):before {content:"④ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(5):before {content:"⑤ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(6):before {content:"⑥ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(7):before {content:"⑦ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(8):before {content:"⑧ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(9):before {content:"⑨ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(10):before {content:"⑩ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(11):before {content:"⑪ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(12):before {content:"⑫ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(13):before {content:"⑬ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(14):before {content:"⑭ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.numberC > li:nth-child(15):before {content:"⑮ ";}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.hypen > li {padding-left:calc(var(--font-14) - 3px); text-indent:calc((var(--font-14) - 3px) * -1); font-size:var(--font-14);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.hypen > li:before {content:"- "; font-weight:700;}

.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.com-tb {width:100%; border-top:1px solid var(--black);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.com-tb li {width:100%; display:flex; font-size:var(--font-14); border-bottom:1px solid var(--gray); padding-left:0; text-indent:0;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.com-tb li .th {width:100%; height:50px; display:flex; align-items:center; justify-content:center; text-align:center; background:rgba(192,185,182,0.1);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.com-tb li .td {width:100%; min-height:60px; display:flex; align-items:center; padding:var(--gap-16); font-weight:300;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.com-tb li > * {border-left:1px solid var(--gray);}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.com-tb li > *:first-child {border-left:none;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.com-tb[data-col="2"] li > * {width:50%;}
.site.policy .policy-wrap .policy-box .policy-conts-wrap ul.com-tb[data-col="4"] li > * {width:25%;}


/*개인정보처리방침*/
.site.privacy .sub-visual {background-image:url(/img/conts/sub_visual_privacy.png);}
.site.privacy .contents-area .section-wrap section > .inner {max-width:1128px;}

.site.privacy .sec-1 .privacy-conts-wrap {width:100%;}
.site.privacy .sec-1 .privacy-conts-wrap .txt-conts {font-size:var(--font-16); font-weight:300; line-height:1.6;}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb {width:100%; margin-top:var(--gap-32); margin-bottom:var(--gap-16); border-top:1px solid var(--black); border-bottom:1px solid var(--gray);}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .head {width:100%; height:50px; background:rgba(192,189,182,0.1); display:flex; align-items:center; justify-content:center; text-align:center; padding:0 var(--gap-16); font-size:var(--font-14); font-weight:700;}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap {width:100%; display:flex; flex-wrap:wrap;}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td {width:33.33%; border:solid var(--gray); border-width:1px 0 0 1px; padding:var(--gap-16); font-size:var(--font-14);}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td:nth-child(3n+1) {border-width:1px 0 0 0;}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td .conts-box {width:100%;}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td .conts-box em {display:block; text-align:center; width:100%; margin-bottom:var(--gap-8);}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td .conts-box .icon {width:40%; max-width:88px; margin:0 auto;}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td .conts-box .icon img {max-width:100%; display:block; margin:0 auto;}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td .conts-box .conts {margin-top:var(--gap-16); width:100%;}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td .conts-box .conts ul {width:max-content; max-width:100%; margin:0 auto;}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td .conts-box .conts ul li {font-size:var(--font-13); padding-left:calc(var(--font-13) - 4px); text-indent:calc((var(--font-13) - 4px) * -1);}
.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td .conts-box .conts ul li:before {content:"· ";}

@media screen and (max-width: 648px) {	
	.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td {width:50%;}
	.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td:nth-child(3n+1) {border-width:1px 0 0 1px;}
	.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td:nth-child(2n+1) {border-width:1px 0 0 0;}
}

@media screen and (max-width: 480px) {
	.site.privacy .sec-1 .privacy-conts-wrap .privacy-tb .tb-wrap .td .conts-box .conts ul li {font-size:9px;}
}


.site.privacy .sec-1 .privacy-list {width:100%; border-radius:10px; padding:var(--gap-40) calc(var(--gap-80) * 0.9); background:rgba(192,189,185,0.1);}
.site.privacy .sec-1 .privacy-list em {widht:100%; display:block; font-size:var(--font-18); margin-bottom:var(--gap-16);}
.site.privacy .sec-1 .privacy-list .list-wrap {width:100%;}
.site.privacy .sec-1 .privacy-list .list-wrap .list {width:100%; min-height:54px; border-radius:4px; background:#fff; display:flex; align-items:center; justify-content:space-between; padding:var(--gap-16) var(--gap-40); font-size:var(--font-14); font-weight:300; color:var(--font-gray-2); position:relative; margin-top:10px;}
.site.privacy .sec-1 .privacy-list .list-wrap .list:first-child {margin-top:0;}
.site.privacy .sec-1 .privacy-list .list-wrap .list a {display:block; width:100%; height:100%; border-radius:4px; position:absolute; left:0; top:0;}
.site.privacy .sec-1 .privacy-list .list-wrap .list:hover {box-shadow:0 4px 4px rgba(0,0,0,0.25);}

@media screen and (max-width: 648px) {
	.site.privacy .sec-1 .privacy-list {padding:var(--gap-40);}
}

@media screen and (max-width: 600px) {
	.site.privacy .sec-1 .privacy-list .list-wrap .list {flex-wrap:wrap;}
}


.site.search .search-title {width:100%; margin-bottom:var(--gap-40);}
.site.search .search-title h2 {font-size:var(--font-40);}

.site.search .search-result .search-result-wrap {width:100%; border-top:1px solid #9E9D9B; padding-top:var(--gap-80);}
.site.search .search-result .search-result-wrap article {width:100%; margin-top:var(--gap-120);}
.site.search .search-result .search-result-wrap article:first-child {margin-top:0;}
.site.search .search-result .search-result-wrap article .title-wrap {width:100%; display:flex; flex-wrap:wrap; gap:10px; margin-bottom:var(--gap-32);}
.site.search .search-result .search-result-wrap article .title-wrap > * {font-size:var(--font-28); font-weight:700;}
.site.search .search-result .search-result-wrap article .title-wrap em {color:var(--sub-color);}
.site.search .search-result .search-result-wrap article .search-result-conts {width:100%;}
.site.search .search-result .search-result-wrap article .search-result-conts ul.list-type {width:100%;}
.site.search .search-result .search-result-wrap article .search-result-conts ul.list-type li {width:100%; height:90px; border-bottom:1px solid var(--gray); padding:0 var(--gap-32); display:flex; align-items:center;}
.site.search .search-result .search-result-wrap article .search-result-conts ul.list-type li:hover {background:rgba(192,189,185,0.15);}
.site.search .search-result .search-result-wrap article .search-result-conts ul.list-type li a {font-size:var(--font-22); color:var(--font-gray-2);}
.site.search .search-result .search-result-wrap article .search-result-conts .button-box {margin-top:var(--gap-120);}
.site.search .search-result .non-conts {font-size:var(--font-24); font-weight:300; color:var(--font-gray);}

@media screen and (max-width: 768px) {
	.site.search .search-result .search-result-wrap article .search-result-conts ul.list-type li {height:70px;}
}


@media screen and (max-width: 480px) {
	.site.search .search-title h2 {font-size:var(--font-36);}
	.site.search .search-result .search-result-wrap article .search-result-conts ul.list-type li {height:60px;}
}

/* s : 240904 추가 */
.pagination {width:100%; margin-top:var(--gap-60);}
.pagination .pagination-wrap {width:100%; display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap;}
.pagination .pagination-wrap a {min-width:32px; height:32px; display:flex; align-items:center; justify-content:center; position:relative; font-size:14px; color:#424241;}
.pagination .pagination-wrap a.nav {border-radius:50%; font-size:0; border:1px solid var(--gray);}
.pagination .pagination-wrap a.nav:before {content:""; width:100%; height:100%; background-repeat:no-repeat; background-size:auto 60%; background-position:center; position:absolute; left:0; top:0;}
.pagination .pagination-wrap a.begin:before,
.pagination .pagination-wrap a.end:before {background-image:url(/img/conts/arrow_nav_double.svg);}
.pagination .pagination-wrap a.prev:before,
.pagination .pagination-wrap a.next:before {background-image:url(/img/conts/arrow_nav.svg);}
.pagination .pagination-wrap a.end:before,
.pagination .pagination-wrap a.next:before {transform:scaleX(-1);}
.pagination .pagination-wrap a.on {font-weight:7700; color:var(--sub-color);}
.pagination .pagination-wrap a.prev {margin-right:10px;}
.pagination .pagination-wrap a.next {margin-left:10px;}

@media screen and (max-width: 480px) {
	.pagination .pagination-wrap a {min-width:28px; height:28px; font-size:12px;}
}
/* e : 240904 추가 */

/* s : 240919 추가 */
.search .list-main-contents {width:90%; max-width:var(--conts-w); margin:0 auto; margin-bottom:var(--gap-80);}
.search .list-main-contents .list-main-conts-wrap {width:100%; display:flex; align-items:center; flex-wrap:wrap; flex-direction:row-reverse; justify-content:space-between; position:relative;}
.search .list-main-contents .list-main-conts-wrap .img-box {width:66%; max-width:896px;}
.search .list-main-contents .list-main-conts-wrap .img-box span {display:block; width:100%; height:0; padding-bottom:calc(504 / 896 * 100%); position:relative;}
.search .list-main-contents .list-main-conts-wrap .img-box span img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.search .list-main-contents .list-main-conts-wrap .conts-box {width:34%; padding-right:var(--gap-32);}
.search .list-main-contents .list-main-conts-wrap .conts-box .category {margin-bottom:var(--gap-16);}
.search .list-main-contents .list-main-conts-wrap .conts-box .category span {font-size:var(--font-13); font-weight:700; padding-bottom:3px; background-image:linear-gradient(var(--black), var(--black)); background-repeat:no-repeat; background-position:left bottom; background-size:100% 1px;}
.search .list-main-contents .list-main-conts-wrap .conts-box .subject {font-size:var(--font-40); font-weight:700; line-height:1.35; width:100%;}
.search .list-main-contents .list-main-conts-wrap .conts-box .conts {width:100%; margin-top:var(--gap-8); font-size:var(--font-16); color:var(--font-gray);}
.search .list-main-contents .list-main-conts-wrap a {width:100%; height:100%; display:block; font-size:0; position:absolute; left:0; top:0;}

@media screen and (max-width: 900px) {
	.search .list-main-contents .list-main-conts-wrap {gap:var(--gap-32);}
	.search .list-main-contents .list-main-conts-wrap .img-box,
	.search .list-main-contents .list-main-conts-wrap .conts-box {width:100%;}
	.search .list-main-contents .list-main-conts-wrap .conts-box {padding-left:0;}
}
/* e : 240919 수정 */

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

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

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