/* c2-wrap */
.c2-wrap {padding: 95px 0 120px; margin-left: 210px; height: 100vh; border-left: 1px solid rgba(255, 255, 255, .2); overflow: hidden;}
.c2-wrap .title-group {margin-bottom: 120px;}
.c2-wrap.about .content .label {width: 220px;}
.c2-wrap .content-group {display: flex; justify-content: space-between;}
.c2-wrap .content-group > div {width: calc(50% - 40px);}
.c2-wrap .content-group .left {position: relative;}
.c2-wrap .content {}
.c2-wrap .left .content {position: relative; padding: 100px 67px; border-radius: 10px; z-index: 1; width: 586px;}
.c2-wrap .left .content::before , .c2-wrap .left .content::after {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 10px; z-index: -1;}
.c2-wrap .left .content::before {right: -40px;top: -40px;background: #2e2c2d;}
.c2-wrap .left .content::after {left: 0; top: 0; background: #fff url("../img/about_bg2.jpg");}
.c2-wrap .content .description:nth-of-type(1)::before, .c2-wrap .content .description:nth-of-type(2)::after {content: ''; position: absolute; width: 65px; height: 48px; background-repeat: no-repeat; background-position: center;}
.c2-wrap .content .description:nth-of-type(1)::before {left: -81px; top: -66px; background-image: url("../img/about_obj2.png");}
.c2-wrap .content .description:nth-of-type(2)::after {right: -81px; bottom: -66px; background-image: url("../img/about_obj3.png");}
.c2-wrap .content .description {position: relative;}
.c2-wrap .content .description:nth-of-type(1) {font-family: 'S-CoreDream-4Regular'; font-weight: 400; font-size: 22px; color: #000; line-height: 38px;}
.c2-wrap .content .description:nth-of-type(1) strong {font-family: 'S-CoreDream-7ExtraBold'; font-weight: 800;}
.c2-wrap .content .description:nth-of-type(2) {font-size: 16px; font-weight: 300; line-height: 33px; color: #000;}
.c2-wrap .content .description:nth-of-type(2)::before {content: ''; display: block; width: 30px; height: 3px; background: #000; margin: 25px 0;}
.c2-wrap .right .title-group {display: block; margin-bottom: 75px;}
.c2-wrap .content-group .right {}
.c2-wrap .contet-group .label  {}
.c2-wrap .contet-group .txt  {}
.c2-wrap .contet-group .txt strong {}
/* .c2-wrap .circle-box {position: relative; width: 450px; height: 450px;} */
.c2-wrap .right .circle-box {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.c2-wrap .right .circle-box::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 253px; height: 251px; background: url("../img/c2_obj.png") no-repeat center/cover; z-index: -1; animation: rotate 8s linear infinite;}
.c2-wrap .circle-box .obj {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 120px; height: 120px; background: #fff; border-radius: 50%; box-shadow: 0 0 7.8px 0.2px rgb(0 0 0 / 49%);}
.c2-wrap .circle-box .obj::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 27px; height: 27px; background: url("../img/about_obj.png") no-repeat center;}
/* .c2-wrap .circle-box .box {position: absolute; width: 150px; height: 150px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #ddd; border-radius: 50%;}
.c2-wrap .circle-box .box:nth-of-type(1) {left: 50%; top: 0; transform: translateX(-50%);}
.c2-wrap .circle-box .box:nth-of-type(2) {right: 0; top: 50%; transform: translateY(-50%);}
.c2-wrap .circle-box .box:nth-of-type(3) {left: 0; top: 50%; transform: translateY(-50%);}
.c2-wrap .circle-box .box:nth-of-type(4) {left: 50%; bottom: 0; transform: translateX(-50%);}
.c2-wrap .circle-box .box::before,.c2-wrap .circle-box .box:nth-of-type(1)::after {content: ''; position: absolute; width: 43px; height: 41px; background-repeat: no-repeat; background-position: center;}
.c2-wrap .circle-box .box:nth-of-type(1)::before {left: -54px; top: 94px; background-image: url("../img/arrow1.png");}
.c2-wrap .circle-box .box:nth-of-type(1)::after {right: -54px; top: 94px; background-image: url("../img/arrow2.png");}
.c2-wrap .circle-box .box:nth-of-type(2)::before {left: 8px; top: 157px; background-image: url("../img/arrow3.png");}
.c2-wrap .circle-box .box:nth-of-type(4)::before {left: -54px; top: 11px; background-image: url("../img/arrow4.png");} */
.c2-wrap .circle-box .box {width: 150px; padding: 29px 15px; border-radius: 5px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.45); width: calc(50% - 36.5px); text-align: center; opacity: .9;}
.c2-wrap .right .circle-box .box:nth-of-type(n+3) {margin-top: 60px;}
.c2-wrap .circle-box em {position: relative; font-size: 18px; font-weight: 700; color: #000;}
.c2-wrap .circle-box em::before {content: ''; display: block; width: 10px; height: 1px; margin: 0 auto 7px; background: #000;}
.c2-wrap .circle-box p {font-size: 13px; font-weight: 300; color: #333; margin-top: 13px;}
.c2-wrap .circle-box p br {display: none;}

@keyframes rotate {
  100% {transform: translate(-50%, -50%) rotate(360deg);}
}

/* 미디어쿼리 */
@media screen and (max-width: 1700px) {
  .c2-wrap {margin-left: 0; border-left: none;}
  .c2-wrap .inner {padding: 0 60px;}
}

@media screen and (max-width: 1300px) {
  .c2-wrap {height: auto; padding: 80px 0;}
  .c2-wrap .title-group {margin-bottom: 100px;}
  .c2-wrap .left .content {width: auto; padding: 60px;}
  .c2-wrap .content .description:nth-of-type(1)::before {top: -45px;}
  .c2-wrap .content .description:nth-of-type(2)::after {bottom: -45px;}
}

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

}

@media screen and (max-width: 1023px) {
  .c2-wrap .inner {}
  .c2-wrap .title-group {margin-bottom: 90px;}
  .c2-wrap .content-group {display: block;}
  .c2-wrap .content-group > div {width: 100%;}
  .c2-wrap .content-group > div + div {margin-top: 80px;}
  .c2-wrap .content {text-align: center;}
  .c2-wrap .content .description:nth-of-type(2)::before {margin: 25px auto;}
  .c2-wrap .circle-box {margin: 0 auto;}

}

@media screen and (max-width: 767px) {
  .c2-wrap {padding: 60px 0;}
  .c2-wrap .inner {padding: 0 40px;}
  .c2-wrap .content-group .title-group {margin-bottom: 50px;}
  .c2-wrap .left .content {padding: 50px;}
  .c2-wrap .left .content::before {display: none;}
  .c2-wrap .content .description br {display: none;}
  .c2-wrap .content .description:nth-of-type(1) {font-size: 21px;}
  .c2-wrap .content .description:nth-of-type(2) {font-size: 15px; line-height: 2em;}
  .c2-wrap .content .description:nth-of-type(1)::before, .c2-wrap .content .description:nth-of-type(2)::after {display: none;}
  .c2-list li {padding: 0 15px;}
  .c2-list .desc {font-size: 14px;}
  .c2-list .desc br {display: none;}
  .c2-wrap .circle-box em {font-size: 17px;}
}

@media screen and (max-width: 550px) {
  .c2-wrap .circle-box {width: auto; height: auto;}
  .c2-wrap .circle-box .obj {width: 120px; height: 120px; box-shadow: 0 0 7.8px 0.2px rgb(0 0 0 / 49%);}
  .c2-wrap .left .content {padding: 40px;}
  .c2-wrap .content .description:nth-of-type(1) {font-size: 19px; line-height: 1.8em;}
  .c2-wrap .content .description:nth-of-type(2) {font-size: 14px; line-height: 1.8em;}
  /* .c2-wrap .right .circle-box {display: flex; flex-wrap: wrap; justify-content: space-between;} */
  /* .c2-wrap .right .circle-box .box {position: static; transform: none; border-radius: 5px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.45); width: calc(50% - 36.5px); height: auto; padding: 24px 10px;} */
  /* .c2-wrap .right .circle-box .box {position: static; transform: none; border-radius: 5px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.45); width: calc(50% - 36.5px); height: auto; padding: 24px 10px;} */
  /* .c2-wrap .right .circle-box .box:nth-of-type(n+3) {margin-top: 60px;} */
  /* .c2-wrap .right .circle-box .box::before ,.c2-wrap .right .circle-box .box::after {display: none;} */
}

@media screen and (max-width: 480px) {
  .c2-wrap {padding: 50px 0;}
  .c2-wrap .inner {padding: 0 20px;}
  .c2-wrap .content-group .title-group {margin-bottom: 35px;}
  .c2-wrap .right .title-group {margin-bottom: 35px;}
  .c2-wrap .content-group {}
  .c2-wrap .content-group > div + div {margin-top: 50px;}
  .c2-list {flex-wrap: wrap; margin-top: 35px;}
  .c2-list li {flex-basis: 100%; padding: 30px 0; border: 1px solid #333;}
  .c2-list li + li {margin-top: 15px;}
  .c2-wrap .icon {margin: 20px auto; width: 46px; height: 45px;}
  .c2-list .desc {font-size: 13px;}
  .c2-wrap .circle-box .box {padding: 25px;}
}