@charset "UTF-8";

/*기술사업화*/
.c020500 .schematic {padding: 5rem 0 7rem;}
.c020500 .schematic .depth1 {background-color:#182346; border-radius:100%; color:#fff; font-size:2.6rem; text-align:center; width:29.5rem; height:29.5rem; line-height:normal; margin:0 auto; position:relative}
.c020500 .schematic .depth1:after {content:''; border:1px solid #dcdcdc; border-radius:100%; width:42.5rem; height:42.5rem; position:absolute; left:50%; top:50; transform:translate(-50%, -50%)}
.c020500 .schematic .depth1 strong {display:block; padding:7rem 0 2rem} 
.c020500 .schematic .depth1 small {color:#f9f9f9; display:block; font-weight:100; font-size:1.6rem}
.c020500 .schematic .depth2 {display:flex; align-items:center; position:relative; top:-13rem}
.c020500 .schematic .depth2 > li {flex:1 1; position:relative}
.c020500 .schematic .depth2 i {background:linear-gradient(100deg, #9a5fa4, #1197d1); border-radius:100%; display:block; width:7rem; height:7rem; text-align:center; position:absolute}
.c020500 .schematic .depth2 i img {position:relative; top:50%; transform:translateY(-50%)}
.c020500 .schematic .depth2 strong {font-size:2rem; font-weight:normal}

.c020500 .schematic .depth2 .item1 {padding-right:10rem}
.c020500 .schematic .depth2 .item1 div {text-align:right}
.c020500 .schematic .depth2 .item1 ul.dep03 > li {padding-right:1.5rem}
.c020500 .schematic .depth2 .item1 ul.dep03 > li:before {left:auto; right:0}
.c020500 .schematic .depth2 .item1 i {right:0; top:0}

.c020500 .schematic .depth2 .item2 {padding-top:10rem; position:relative; top:15rem}
.c020500 .schematic .depth2 .item2 div {margin:0 auto ;width:12rem}
.c020500 .schematic .depth2 .item2 i {top:0; left:50%; transform:translateX(-50%)}

.c020500 .schematic .depth2 .item3 {padding-left:10rem}
.c020500 .schematic .depth2 .item3 div {margin:0 auto}
.c020500 .schematic .depth2 .item3 i {left:0}

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

		.c020500 .schematic {overflow:hidden; overflow-x:scroll; padding:7rem 0 5rem}
		.c020500 .schematic > ul {min-width: 120rem;}
}

/*마케팅 컨설팅*/
.c020200 .flex-box.type2 .num {top:-6px}
.c020200 .flex-box.type2 .num:after {content:'.';}

/*전시컨텐츠 개발 및 실행총괄*/
.c020700 .schematic {margin-top:13rem}
.c020700 .schematic .depth1 {position:relative; }
.c020700 .schematic .depth1:before {content:''; background-color:rgba(255,255,255,0.5); width:42.5rem; height:21.25rem; position:absolute; left:50%;top: -6.5rem; transform:translateX(-50%); z-index:1}
.c020700 .schematic .depth1:after {content:''; background-color:#e9e9e9; border-radius:100%; width:42.5rem; height:42.5rem; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.c020700 .schematic .depth1 .desc {background-color:#182346; border-radius:100%;  outline:2.6rem solid #fff; color:#fff; font-size:2.6rem; text-align:center; width:29.5rem; height:29.5rem; line-height:normal; margin:0 auto; position:relative;z-index: 1;}
.c020700 .schematic .depth1 strong {display:block; padding:7rem 0 2rem} 
.c020700 .schematic .depth1 small {color:#f9f9f9; display:block; font-weight:100; font-size:1.6rem}

.c020700 .flex-box {border-radius:3rem; padding:5rem 3rem; position:relative; margin-top:-14.7rem; z-index:-1}
.c020700 .flex-box:before {content:''; background-color:#f8f8f8; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -2;}
.c020700 .flex-box > * {margin-top:23rem; align-items:baseline}
.c020700 .flex-box > * > * {border:none; border-right:1px solid #e5e5e5; width:calc(20% - 2rem); flex: 1 1 !important; text-align:left; margin:0; padding:0 3rem}
.c020700 .flex-box > * > * strong {line-height:inherit}
.c020700 .flex-box > * > *:last-child {border-right:0}
.c020700 .i-info {margin-top:2rem}
.c020700 .flex-box > * > * ul.dep03 li {font-size:1.6rem}
@media screen and (max-width:768px){

		.c020700 .flex-box {padding:2rem}
		.c020700 .flex-box > * {display:block}
		.c020700 .flex-box > * > * {border-right:0; border-bottom:1px solid #e5e5e5; width:calc(100% - 2rem); padding:3rem 0}
		.c020700 .flex-box > * > *:last-child {border-bottom:0}
}




/*도시재생 컨설팅*/
.c020800 .group {display:flex}
.c020800 .group div {background-color:#e7f0f7; border-radius:.5rem; color:#666; flex:1 1; padding:2rem 1rem; align-items:center; text-align:center}
.c020800 .group div i {display:inline-block; width:auto; height:auto}
.c020800 .group div .xi-long-arrow-right {color:transparent; font-size:0}
.c020800 .group div .xi-long-arrow-right:before {color:#666; font-size:1.4rem; margin:0 .3rem}
.c020800 .group > span {color:transparent; font-size:0; position:relative; width:9rem}
.c020800 .group > span i {color:#b2d6f1; font-size:6rem; text-align:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:auto}
@media screen and (max-width:768px){

		.c020800 .group {display:block}
		.c020800 .group > span {display:block; height:8rem; width:100%}
}