body {
	opacity:0;
	animation-name: fadeIn;
	animation-duration: 0.2s;
	animation-delay:0s;
	animation-iteration-count:1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;  
	font-family:'Noto Sans KR';
	overflow-x:hidden;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}


/* font-family:Pretendard */
/* font-weight : 100 ~ 900 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
* {font-family:Pretendard !important;}

.wrap {font-family:'Pretendard'; letter-spacing:-0.05em;}
header {position:fixed; top:0; left:0; right:0; background-color:#fff; border-bottom:1px solid #f9f9f9; transition:all 0.2s ease; z-index:2;}
header .inner {display:flex; justify-content:center; align-items:center; max-width:1200px; height:78px; margin:0 auto; transition:all 0.2s ease;}
header .inner img {width:222px; transition:width 0.2s ease;}
header.active {box-shadow:0 0 4px rgba(0,0,0,0.16);}
header.active .inner {height:58px;}
header.active .inner img {width:180px;}

.ani {opacity:0; transition:0.35s all ease-in-out; transform:translateY(100%);}
.ani.active {opacity:1; transform:translateY(0);}


.section {}
.section .section_inner {width:100%; max-width:1200px; margin:0 auto;}
.section .sectionTit {padding:0 20px;}
.section .sectionTit div.tit {color:#333; font-size:48px; line-height:1.33333em; font-weight:bold; word-break:keep-all;}
.section .sectionTit p.txt {margin-top:26px; font-size:22px; line-height:1.54545em;}
.section .sectionTit p.txt strong.em {color:#167DC9;}
.section .sectionTit .tag_wrap {margin-top:35px;}
.section .sectionTit .tag_wrap .inner {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; width:100%;}
.section .sectionTit .tag_wrap span {display:inline-flex; justify-content:center; align-items:center; height:48px; padding:0 24px; background-color:#fff; border:2px solid #167DC9; border-radius:100px; color:#167DC9; font-size:20px; font-weight:500; white-space:nowrap;}
@media only screen and (max-width:1024px) {
	.section .sectionTit div.tit {font-size:36px;}
	.section .sectionTit p.txt {font-size:20px;}
	.section .sectionTit .tag_wrap span {height:36px; padding:0 12px; font-size:14px;}
}
@media only screen and (max-width:767px) {
	.section .sectionTit div.tit {font-size:24px;}
	.section .sectionTit p.txt {font-size:18px;}
	.section .sectionTit .tag_wrap span {height:36px; padding:0 12px; font-size:14px;}
}


#section1 {display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:100vh;}
@media only screen and (max-width:1280px) {
	#section1 {padding:0 24px;}
}
@media only screen and (max-width:767px) {
	#section1 {padding:70px 24px;}	
}

#section2 {background-color:#f9fafb;}
#section3.section {background-color:#f9fafb;}
#section4 {padding:108px 0;}
#section4 .section4_group {display:flex; flex-direction:column; gap:100px; width:100%;}
@media only screen and (max-width:1280px) {
	#section4 {padding:108px 24px;}
	#section4 .section4_group {gap:80px}
}
@media only screen and (max-width:767px) {
	#section4 {padding:80px 24px;}
}
#section5 {padding:108px 0; background: #083799; background: linear-gradient(180deg, rgba(8, 55, 153, 1) 0%, rgba(50, 103, 212, 1) 100%);}
@media only screen and (max-width:1280px) {
	#section5 {padding:108px 24px;}
}
@media only screen and (max-width:767px) {
	#section5 {padding:80px 24px;}
}



/* footer */
#section6 {padding:80px 0 30px; background-color:#333; color:#fff;}
#section6 div.footer {display:flex; justify-content:space-between; flex-wrap:wrap; gap:50px 0; width:100%; padding:0 18px; width:calc(100% - 72px);}
#section6 div.footer .item {width:25%; min-width:25%; padding:0 6px;}
#section6 div.footer .item div.tit {margin-bottom:26px; font-size:22px; line-height:1.54545em; font-weight:bold;}
#section6 div.footer .item ul {}
#section6 div.footer .item ul li {font-size:16px; line-height:1.75em;}
#section6 div.footer .item address {font-size:16px; line-height:1.75em;}
#section6 div.footer .item p {font-size:16px; line-height:1.75em;}
#section6 div.footer .item a {display:inline-block; color:#fff !important; text-decoration:none;}
#section6 div.copyright {margin-top:100px; font-size:16px; line-height:1.75em; text-align:center; letter-spacing: 0;}
/* // footer */
@media only screen and (max-width:751px) {
	#section6 div.footer .item {width:50%; min-width:50%; padding:0 20px;}
	#section6 div.footer .item div.tit {margin-bottom:16px;}
}






/* footer */
footer {background-color:#000; color:#888;}
footer .row {display:flex; justify-content:space-around; max-width:1480px; margin:0 auto; padding:3.4em 5.625em; transition:all 0.2s ease;}
footer .row > div {}
footer .row .f_logo {width:20%;}
/*footer .row .f_logo img {width:auto; height:27px;}*/
footer .row .f_logo svg {width:auto; height:27px; fill:#fff;}

footer .row .info {width:36%; font-size:0.9375em; line-height:1.33333em;;}
footer .row .info p {margin-bottom:1em;}
footer .row .info p + p {}
footer .row .info p:last-of-type {margin-bottom:0;}

footer .row .contact {width:29%; font-size:0.9375em;}
footer .row .contact ul {}
footer .row .contact ul li {display:flex; margin-bottom:1em;}
footer .row .contact ul li span {display:inline-block; width:1.5em; line-height:1.33333em; font-weight:bold;}
footer .row .contact ul li p {display:inline-block; line-height:1.33333em;}
footer .row .contact ul li p a {color:#fff !important;}

footer .row .contact div {margin-top:1em;}
footer .row .contact div a {display:inline-block; position:relative; padding:0.75em 1.125em; background-color:rgba(255,255,255,0.15); border-radius:1px; color:#fff; text-decoration:none;}
footer .row .contact div a span {font-size:1.125em; font-weight:bold; letter-spacing:0;}
footer .row .contact div a + a {}

footer .row .f_site {position:relative; width:20%;}
footer .row .f_site select {width:100%; height:1.25em;}
@media screen and (max-width:1000px) {
	footer .row {flex-direction:column; padding:3.4em 1.125em;}
	footer .row > div {width:auto !important;}
	footer .row .f_logo {margin-bottom:2.5em;}
	footer .row .info {margin-bottom:2.5em;}
	/* footer .row .contact {margin-bottom:2.5em;} */
}

@media screen and (min-width:1025px) {
	footer .row .info {margin-right:0.5em;}
}



/* footer - isms 관련 추가 */
footer {background-color:#000; color:#fff;}
footer .row2 {display:flex; justify-content:space-around; max-width:1480px; margin:0 auto; padding:0 5.625em 3.4em; transition:all 0.2s ease;}
footer .row2 .space {width:30%; padding-top:20px;}
footer .row2 .other {width:81%;}
/*footer .row2 .f_logo img {width:auto; height:27px;}*/

footer .row2 .isms_wrap {display:flex; align-items:center; margin-top:-30px; padding:1em 0; border-radius:2px;;}
footer .row2 .isms_wrap strong.icon {display:inline-block; width:90px;}
footer .row2 .isms_wrap strong.icon img {background-color:#fff; border-radius:8px;;}
footer .row2 .isms_wrap div.txt {flex:1; padding-left:1.25em;}
footer .row2 .isms_wrap div.txt p {font-size:14px; line-height:1.5em; letter-spacing:0;}

footer div.privacy {margin-top:1em; text-align:right;}
footer div.privacy a {display:inline-block; position:relative; padding:0.75em 1.125em; background-color:rgba(255,255,255,0.15); border-radius:1px; color:#fff; text-decoration:none;}
footer div.privacy a span {font-size:0.875em; font-weight:bold; letter-spacing:0;}

@media screen and (max-width:1000px) {
	footer .row2 {flex-direction:column; padding:0em 1.125em 3.4em;}
	footer .row2 > div {width:auto !important;}
	footer div.privacy {position:relative;}
}
/* // footer - isms 관련 추가 */



/* footer select */
.select_wrap {position:relative;}
.select_wrap div.triger {position:relative; z-index:1;}
.select_wrap div.triger button {display:flex; align-items:center; width:100%; padding:5px 0 5px 7px; border:1px solid #ccc; border-radius:3px; color:#fff; text-align:left; transition:all 0.1s ease;}
.select_wrap div.triger button:hover {background-color:#009ddf; border-color:#009ddf;}
.select_wrap div.triger.active button {background-color:#009ddf; border-color:#009ddf; color:#fff; border-radius:0 0 3px 3px;}
.select_wrap div.triger button span {display:block; padding-right:2em; line-height:1.875em; font-size:0.875em;}
.select_wrap div.triger button span::before {content:""; position:absolute; top:45%; right:1em; border:4px solid transparent; border-top-color:rgba(255,255,255,0.5); line-height:1; vertical-align:top;}
.select_wrap div.triger button:hover span::before {border-top-color:#fff;}
.select_wrap div.triger.active button span::before {content:""; margin-top:-5px; border-color:transparent; border-bottom-color:rgba(255,255,255,1);}

.select_wrap ul {display:none; position:absolute; bottom:100%; width:100%; max-height:200px; padding:4px; background-color:#fff; overflow-x:hidden; overflow-y:auto; box-shadow:0 0 6px rgba(0,0,0,0.15); z-index:1; animation:fadeIn 0.2s ease;}
.select_wrap div.triger.active + ul {display:block;}
.select_wrap ul {}
.select_wrap ul li {padding:0 2px; color:#000;}/*▼▲*/
.select_wrap ul li a {display:block; padding:10px 0.75em; color:#000; font-size:0.875em; border-radius:2px; text-decoration:none; transform:skewX(-0.03deg); transition:0.1s background-color ease-in-out;}
.select_wrap ul li a:hover {background-color:#f1f1f1;}
.select_wrap ul li a:visited {color:inherit;}

.select_wrap .select_dim {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; z-index:0; opacity:0;}
.select_wrap div.triger.active ~ .select_dim {display:block;}







/* orbit security */


/* 가로형 기본 컨텐츠 */
.orbit_flexGroup {display:flex; justify-content:space-between; align-items:center; gap:20px; width:100%; max-width:1400px; margin:0 auto;}
.orbit_flexGroup.c-reverse {flex-direction:row-reverse;}
.orbit_flexGroup div.txt_group {text-align:left;}
.orbit_flexGroup div.txt_group div.catogory_txt {color:#3267d4; font-size:28px; line-height:1.28571em; font-weight:bold;}
.orbit_flexGroup div.txt_group h3.tit {margin-top:1em; color:#0a0a0a; font-size:58px; line-height:1.20689em; font-weight:800;}
.orbit_flexGroup div.txt_group h3.tit em {color:#3267d4;}
.orbit_flexGroup div.txt_group p.txt {margin-top:2em; color:#0a0a0a; font-size:28px; line-height:1.5em; font-weight:bold;}
.orbit_flexGroup div.txt_group ul.txt_list {margin-top:2em; display:flex; flex-direction:column; gap:12px;}
.orbit_flexGroup div.txt_group ul.txt_list li {display:flex; justify-content:space-between; align-items:flex-start; gap:12px; position:relative; font-size:20px; line-height:1.5em;}
.orbit_flexGroup div.txt_group ul.txt_list li::before {display:inline-flex; content:""; width:20px; height:30px; background:url('/img/orbitsecurity/checkbox-038b571fe7eb3ed2225b2015affdc251.svg') no-repeat left center / 20px;}
/* .orbit_flexGroup div.txt_group ul.txt_list li span.ico {} */
.orbit_flexGroup div.txt_group ul.txt_list li strong {display:inline-block; width:140px;}
.orbit_flexGroup div.txt_group ul.txt_list li p {flex:1;}
.orbit_flexGroup .visual_group {line-height:1; text-align:right;}
.orbit_flexGroup .visual_group div.video {width:614px; max-width:100%; border-radius:16px; overflow:hidden; line-height:0; box-shadow:2px 2px 8px rgba(0,0,0,0.16);}
.orbit_flexGroup .visual_group div.video video {width:inherit;}
.orbit_flexGroup .visual_group div.img {width:576px; max-width:100%; border:1px solid #ddd; border-radius:16px; overflow:hidden;}

@media only screen and (max-width:1280px) {
	.orbit_flexGroup div.txt_group div.catogory_txt {font-size:24px;;}
	.orbit_flexGroup div.txt_group h3.tit {font-size:44px;}
	.orbit_flexGroup div.txt_group p.txt {font-size:23px;}
	.orbit_flexGroup div.txt_group ul.txt_list li {font-size:17px;}
	.orbit_flexGroup div.txt_group ul.txt_list li::before {width:17px; height:25.5px; background-size:17px;}

	.orbit_flexGroup .visual_group div.video {width:45vw;}
	.orbit_flexGroup .visual_group div.img {width:45vw;}
}
@media only screen and (max-width:767px) {
	.orbit_flexGroup {flex-direction:column !important; justify-content:center; gap:20px; width:100%;}
	.orbit_flexGroup div.txt_group {width:100%;}
	.orbit_flexGroup div.txt_group div.catogory_txt {font-size:20px;}
	.orbit_flexGroup .visual_group {width:100%;}
	.orbit_flexGroup div.txt_group h3.tit {font-size:30px; word-break:keep-all;}
	.orbit_flexGroup div.txt_group h3.tit br {display:none;}
	.orbit_flexGroup div.txt_group p.txt {font-size:18px;}
	.orbit_flexGroup div.txt_group ul.txt_list li {gap:10px; font-size:14px;}
	.orbit_flexGroup div.txt_group ul.txt_list li::before {width:14px; height:21px; background-size:14px;}
	.orbit_flexGroup div.txt_group ul.txt_list li strong {width:90px;}
	.orbit_flexGroup div.txt_group ul.txt_list li p {word-break:keep-all;}
	.orbit_flexGroup div.txt_group ul.txt_list li p br {display:none;}
	.orbit_flexGroup .visual_group {padding:0 0%; text-align:center;}
	.orbit_flexGroup .visual_group div.video {width:100%;}
	.orbit_flexGroup .visual_group div.img {width:100%;}
}

/* // 가로형 기본 컨텐츠 */



/* 도전 과제 */
.challenges_wrap {}
.challenges_wrap .challenges_inner {padding:5em 0; background-color: #083799; background: linear-gradient(180deg, rgba(8, 55, 153, 1) 0%, rgba(50, 103, 212, 1) 100%);}
.challenges_wrap .challenges_inner h2.tit {width:100%; max-width:1440px; margin:0 auto; padding-bottom:1em; color:#fff; font-size:58px; line-height:1.2931em;}
.challenges_wrap .challenges_inner h2.tit em {color:#53e9fd;}
.challenges_wrap .challenges_list {display:flex; flex-wrap:wrap; justify-content:space-between; gap:40px; max-width:1440px; margin:0 auto;}
.challenges_wrap .challenges_list .challenges_item {width:50%; width:calc(50% - 20px)}
.challenges_wrap .challenges_list .challenges_item .inner_box {display:flex; flex-direction:column; gap:36px; width:100%; height:100%; padding:70px; border:1px solid #e5e5e5; border-radius:20px; background-color:#162455; color:#fff;}
.challenges_wrap .challenges_list .challenges_item .inner_box span.ico {display:inline-block; width:78px; height:78px;}
.challenges_wrap .challenges_list .challenges_item .inner_box div.txt_wrap {display:flex; flex-direction:column; gap:36px;}
.challenges_wrap .challenges_list .challenges_item .inner_box div.tit {font-size:36px; line-height:1.27777em; font-weight:bold;}
.challenges_wrap .challenges_list .challenges_item .inner_box div.tit strong {color:#53e9fd;}
.challenges_wrap .challenges_list .challenges_item .inner_box p.sub_tit {font-size:22px; line-height:1.5em;}
.challenges_wrap .challenges_list .challenges_item .inner_box p.txt {padding-top:2em; border-top:1px solid #fff; color:#d0fae5; font-size:18px; line-height:1.5em; font-weight:400; word-break:keep-all;}
@media only screen and (max-width:1280px) {
	.challenges_wrap .challenges_inner {padding:4em 1.5em;}
	.challenges_wrap .challenges_inner h2.tit {font-size:44px;}
	.challenges_wrap .challenges_list {gap:4vw}
	.challenges_wrap .challenges_list .challenges_item {width:calc(50% - 2vw)}
	.challenges_wrap .challenges_list .challenges_item .inner_box {gap:20px; padding:30px;}
	.challenges_wrap .challenges_list .challenges_item .inner_box span.ico {width:60px; height:60px;}
	.challenges_wrap .challenges_list .challenges_item .inner_box div.txt_wrap {gap:24px;}
	.challenges_wrap .challenges_list .challenges_item .inner_box div.tit {font-size:29px;}
	.challenges_wrap .challenges_list .challenges_item .inner_box p.sub_tit {font-size:19px;}
	.challenges_wrap .challenges_list .challenges_item .inner_box p.txt {font-size:16px;}
}
@media only screen and (max-width:767px) {
	.challenges_wrap .challenges_inner h2.tit {font-size:30px;}
	.challenges_wrap .challenges_list {flex-direction:column;}
	.challenges_wrap .challenges_list .challenges_item {width:100%;}
	.challenges_wrap .challenges_list .challenges_item .inner_box {word-break: keep-all; letter-spacing:0;}
	.challenges_wrap .challenges_list .challenges_item .inner_box div.tit {font-size:22px;}
	.challenges_wrap .challenges_list .challenges_item .inner_box div.tit br {display:none;}
	.challenges_wrap .challenges_list .challenges_item .inner_box p.sub_tit {font-size:16px;}
	.challenges_wrap .challenges_list .challenges_item .inner_box br {}
	.challenges_wrap .challenges_list .challenges_item .inner_box p.txt {font-size:14px;}
}
/* // 도전 과제 */



/* 클라우드 보안 영역 통합 분석 */
.cloud_native_app_wrap {display:flex; flex-direction:column; gap:60px; width:100%; max-width:1400px; padding:80px; margin:0 auto; border-radius:16px; background: #083799; background: linear-gradient(135deg, rgba(8, 55, 153, 1) 0%, rgba(50, 103, 212, 1) 100%); color:#fff;}
.cloud_native_app_wrap div.tit {font-size:40px; line-height:1.5em; font-weight:bold; text-align:left; text-shadow:0 2px 6px rgba(0,0,0,0.16);}
.cloud_native_app_wrap ul {display:flex; justify-content:space-around; align-items:flex-start; width:100%;}
.cloud_native_app_wrap ul li {display:flex; flex-direction:column; position:relative; width:100%; padding:32px; text-align:left;}
.cloud_native_app_wrap ul li:first-of-type {padding-left:0;}
.cloud_native_app_wrap ul li:last-of-type {padding-right:0;}
.cloud_native_app_wrap ul li + li::before {content:""; display:block; position:absolute; top:0; left:0; width:1px; height:100%; background: #2A7B9B; background: linear-gradient(180deg, rgba(255,2550255, 1) 0%, rgba(255,255,255,0) 100%);}
.cloud_native_app_wrap ul li span.ico img {display:inline-block; width:48px; height:auto;}
.cloud_native_app_wrap ul li h3.tit {padding:1em 0 0.5em; color:#53e9fd; font-size:24px; line-height:1.5em;}
.cloud_native_app_wrap ul li p.txt {padding-bottom:0.5em; color:#fff; font-size:22px; font-weight:bold; line-height:1.25em;}
.cloud_native_app_wrap ul li p.sub_txt {color:#bddbff; font-size:14px; line-height:1.5em;}
@media only screen and (max-width:1280px) {
.cloud_native_app_wrap {padding:60px; gap:40px;}
.cloud_native_app_wrap div.tit {font-size:32px;}
.cloud_native_app_wrap ul li {padding:26px;}
.cloud_native_app_wrap ul li h3.tit {font-size:21px;}
.cloud_native_app_wrap ul li p.txt {font-size:18px; word-break:keep-all;}
.cloud_native_app_wrap ul li p.sub_txt {word-break:keep-all;}

}
@media only screen and (max-width:767px) {
	.cloud_native_app_wrap {padding:36px; gap:24px;}
	.cloud_native_app_wrap div.tit {font-size:24px;}
	.cloud_native_app_wrap ul {flex-direction:column;}
	.cloud_native_app_wrap ul li {padding:20px 0;}
	.cloud_native_app_wrap ul li + li {padding-top:26px;}
	.cloud_native_app_wrap ul li + li::before {width:100%; height:1px; background: linear-gradient(90deg, rgba(255,255, 255, 0.3) 0%, rgba(255,255,255,0) 100%);}
	.cloud_native_app_wrap ul li br {display:none}
	.cloud_native_app_wrap ul li h3.tit {font-size:18px;}
	.cloud_native_app_wrap ul li p.txt {font-size:18px;}
	.cloud_native_app_wrap ul li p.sub_txt {font-size:14px;}

}
/* // 클라우드 보안 영역 통합 분석 */

/* // orbit security */






.solution_wrap {padding:108px 24px;}
.solution_wrap div.txt_group {position:relative; max-width:1440px; width:100%; margin:0 auto; text-align:left;}
.solution_wrap div.txt_group div.btns {display:flex; align-items:center; gap:20px;  position:absolute; right:0; bottom:0; height:70px;}
.solution_wrap div.txt_group div.btns button {display:inline-flex; justify-content:center; align-items:center; width:70px; height:70px; border-radius:100%; background-color:#3267d4;}
.solution_wrap div.txt_group div.btns button span {display:inline-block; width:71.428%; height:71.428%;}
.solution_wrap div.txt_group div.btns button span svg {display:inline-block; width:100%; height:100%; border-color:#fff;}
.solution_wrap div.txt_group div.btns button span path {border-color:#fff;}
.solution_wrap div.txt_group div.btns button:disabled {background-color:rgba(0,0,0,0.4);}
.solution_wrap div.txt_group div.catogory_txt {color:#3267d4; font-size:28px; line-height:1.28571em; font-weight:bold;}
.solution_wrap div.txt_group h3.tit {margin-top:0.5em; color:#0a0a0a; font-size:58px; line-height:1.20689em; font-weight:800;}
.solution_wrap div.txt_group h3.tit em {display:inline-block; color:#3267d4;}

.solution_list_wrap {position:relative; overflow-x:hidden; width:100%; max-width:1440px; margin:0 auto; overflow-x:visible;;}
.solution_list_wrap .item_list {display:flex; margin:50px 0; padding:40px 0; transition:transform 0.5s ease-in-out;}
.solution_list_wrap .item_list .item {position:relative; padding:20px;}
.solution_list_wrap .item_list .item div.inner {display:flex; flex-direction:column; justify-content:space-between; position:relative; min-width:440px; width:440px; height:514px; padding:50px 58px; border:1px solid #e6e4e3; background-color:#fff; border-radius:12px;}
.solution_list_wrap .item_list .item:nth-child(odd) {top:-20px;}
.solution_list_wrap .item_list .item:nth-child(even) {top:20px;}
.solution_list_wrap .item_list .item:nth-child(odd) div.inner {box-shadow:0 4px 20px rgba(0,0,0,0.06);}
.solution_list_wrap .item_list .item:nth-child(even) div.inner {box-shadow:0 -4px 20px rgba(0,0,0,0.06);}
.solution_list_wrap .item_list .item:first-of-type {margin-left:-24px;}
.solution_list_wrap .item_list .item div.inner .txt_wrap {display:flex; flex-direction:column; gap:16px;}
.solution_list_wrap .item_list .item div.inner .txt_wrap span.num {color:#3267d4; font-size:22px; line-height:1.5em; font-weight:bold;}
.solution_list_wrap .item_list .item div.inner .txt_wrap div.tit {color:#111; font-size:40px; line-height:1.5em; font-weight:bold; word-break:keep-all;}
.solution_list_wrap .item_list .item div.inner .txt_wrap div.tit em {display:inline-block; color:#3267d4;}
.solution_list_wrap .item_list .item div.inner .txt_wrap p.txt {color:#0a0a0a; font-size:16px; line-height:1.5em;}
.solution_list_wrap .item_list .item div.inner div.ico {line-height:1; text-align:right;}
.solution_list_wrap .item_list .item div.inner div.ico img {display:inline-block; width:96px; line-height:1em;}

@media only screen and (max-width:1280px) {
	.solution_wrap {padding:108px 24px;}
	.solution_wrap div.txt_group div.catogory_txt {font-size:32px;}
	.solution_wrap div.txt_group h3.tit {font-size:44px;}
	.solution_wrap div.txt_group div.btns {height:54px;}
	.solution_wrap div.txt_group div.btns button {width:54px; height:54px;}
	.solution_list_wrap .item_list .item div.inner .txt_wrap div.tit {font-size:34px;}
	.solution_list_wrap .item_list .item div.inner .txt_wrap p.txt {font-size:15px;}
}
@media only screen and (max-width:767px) {
	.solution_wrap {padding:50px 24px;}
	.solution_wrap div.txt_group div.catogory_txt {font-size:20px}
	.solution_wrap div.txt_group h3.tit {font-size:30px;}
	.solution_wrap div.txt_group div.btns {gap:0.5em; height:40px;}
	.solution_wrap div.txt_group div.btns button {width:40px; height:40px;}
	.solution_list_wrap .item_list {margin:0;}
	.solution_list_wrap .item_list .item {padding:0 20px}
	.solution_list_wrap .item_list .item div.inner {width:440px; height:400px; padding:36px 24px;}
	.solution_list_wrap .item_list .item:nth-child(odd),
	.solution_list_wrap .item_list .item:nth-child(even) {top:0;}
	.solution_list_wrap .item_list .item div.inner .txt_wrap div.tit {font-size:28px;}
	/* .solution_list_wrap .item_list .item div.inner .txt_wrap p.txt {font-size:14px;} */
	.solution_list_wrap .item_list .item div.inner div.ico img {width:60px;}
}
@media only screen and (max-width:540px) {
	.solution_wrap div.txt_group h3.tit {word-break:keep-all;}
	.solution_wrap div.txt_group div.btns {position:relative; top:0; transform:unset; margin-top:1em;}
	.solution_list_wrap .item_list .item div.inner {width:360px; min-width:calc(100vw - 40px); height:360px;}
}
@media only screen and (max-width:400px) {
	.solution_list_wrap .item_list .item div.inner {width:100%;}
}






/* 가치 제안 */
.value_wrap div.txt_group {position:relative; max-width:1440px; width:100%; margin:0 auto; margin-bottom:80px; text-align:left;}
.value_wrap div.txt_group h3.tit {color:#fff; font-size:58px; line-height:1.20689em; font-weight:800;}
.value_wrap div.txt_group h3.tit em {color:#53e9fd;}
.value_wrap div.txt_group div.btns {display:flex; align-items:center; gap:20px;  position:absolute; top:50%; right:0; height:70px; transform:translateY(-50%);}
.value_wrap div.txt_group div.btns button {display:inline-flex; justify-content:center; align-items:center; width:70px; height:70px; border-radius:100%; background-color:rgba(255,255,255,1);}
.value_wrap div.txt_group div.btns button span {display:inline-block; font-size:0; width:71.428%; height:71.428%;}
.value_wrap div.txt_group div.btns button span svg {width:100%; height:100%;}
.value_wrap div.txt_group div.btns button:disabled {background-color:rgba(255,255,255,0.5);}

.value_wrap .value_list_wrap {position:relative; overflow-x:hidden; width:100%; max-width:1440px; margin:0 auto; overflow-x:visible;;}
.value_wrap .item_list {display:flex; transition:transform 0.5s ease-in-out;}
.value_wrap .item_list .item {padding:0 24px; opacity:0.6; transition:opacity 0.2s ease-in;}
.value_wrap .item_list .item:first-of-type {margin-left:-24px;}
.value_wrap .item_list .item.active {opacity:1;}
.value_wrap .item_list .item div.inner {display:flex; flex-direction:column; gap:24px; min-width:680px; width:680px;}
.value_wrap .item_list .item div.inner h3 {color:#fff; font-size:46px; line-height:1em; font-weight:bold;}
.value_wrap .item_list .item div.inner div.value_inner_box {display:flex; flex-direction:column; gap:32px; padding:56px 64px; border-radius:16px; background-color:#fff; box-shadow:1px 2px 6px rgba(0,0,0,0.16);}
.value_wrap .item_list .item div.inner div.value_inner_box div.tit {display:flex;}
.value_wrap .item_list .item div.inner div.value_inner_box div.tit p {flex:1; font-size:32px; line-height:1.5em; font-weight:bold;}
.value_wrap .item_list .item div.inner div.value_inner_box div.tit span.ico {width:96px;}
.value_wrap .item_list .item div.inner div.value_inner_box ul.txt_list {display:flex; flex-direction:column; gap:0.5em;}
.value_wrap .item_list .item div.inner div.value_inner_box ul.txt_list li p {color:#0a0a0a; font-size:22px; line-height:1.5em;}

@media only screen and (max-width:1280px) {
	.value_wrap .item_list .item div.inner {width:600px;}
	.value_wrap .item_list .item div.inner div.value_inner_box {padding:50px;}

	.value_wrap .item_list .item div.inner h3 {font-size:37px;}
	.value_wrap .item_list .item div.inner div.value_inner_box div.tit p {font-size:26px;}
	.value_wrap .item_list .item div.inner div.value_inner_box div.tit span.ico {width:52px; height:52px;}
	.value_wrap .item_list .item div.inner div.value_inner_box ul.txt_list li p {font-size:19px;}
}
@media only screen and (max-width:767px) {
	.value_wrap div.txt_group {margin-bottom:2em;}
	.value_wrap div.txt_group h3.tit {font-size:30px;}
	.value_wrap div.txt_group h3.tit br {display:none;}
	.value_wrap div.txt_group div.btns {gap:0.5em; height:40px;}
	.value_wrap div.txt_group div.btns button {width:40px; height:40px;}

	.value_wrap .item_list .item div.inner {gap:16px; width:calc(80vw - 48px); min-width:calc(80vw - 48px);}
	.value_wrap .item_list .item div.inner h3 {font-size:28px;}
	.value_wrap .item_list .item div.inner div.value_inner_box {gap:1.5em; padding:36px 24px;}
	.value_wrap .item_list .item div.inner div.value_inner_box div.tit p {font-size:20px;}
	.value_wrap .item_list .item div.inner div.value_inner_box div.tit span.ico {width:60px; height:60px;}
	.value_wrap .item_list .item div.inner div.value_inner_box ul.txt_list li p {font-size:16px;}
}
@media only screen and (max-width:540px) {
	.value_wrap div.txt_group h3.tit {font-size:30px;}
	.value_wrap div.txt_group h3.tit br {display:block;}
	.value_wrap div.txt_group div.btns {position:relative; top:0; transform:unset; margin-top:1em;}
	.value_wrap .item_list .item div.inner {width:360px; min-width:calc(100vw - 48px);}
}
@media only screen and (max-width:440px) {
	.value_wrap .item_list .item div.inner div.value_inner_box div.tit {flex-direction:column-reverse; gap:10px;}
}
@media only screen and (max-width:400px) {
	.value_wrap .item_list .item div.inner {width:100%;}
}
/* // 가치 제안 */