/* c6-wrap */
.c6-wrap {position: relative; margin-left: 210px; padding: 95px 0 180px; height: 100vh; border-left: 1px solid rgba(255, 255, 255, .2); overflow: hidden;}
.c6-wrap::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 483px; background: url("../img/contact_bg.png") no-repeat center/cover;}
.c6-wrap .title-group {margin-bottom: 95px;}
.c6-wrap .content {}
.c6-wrap p.text {font-size: 17px; font-weight: 100; color: #bbb; line-height: 32px;}
.contact-info {display: flex; justify-content: space-between; margin-top: 110px;}
.contact-info .item {width: calc(33.33% - 40px); border-top: 2px solid #fff; padding-top: 45px;}
.contact-info .item em {position: relative; font-size: 20px; font-weight: 700; color: #fff; padding-left: 35px;}
.contact-info .item em::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center;}
.contact-info .item:nth-child(1) em::before {width: 16px; height: 23px; background-image: url("../img/contact_icon1.png");}
.contact-info .item:nth-child(2) em::before {width: 23px; height: 20px; background-image: url("../img/contact_icon2.png");}
.contact-info .item:nth-child(3) em::before {width: 21px; height: 21px; background-image: url("../img/contact_icon3.png");}
.contact-info .item p {font-size: 16px; font-weight: 300; line-height: 33px; color: #bbb; margin-top: 15px;}

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

@media screen and (max-width: 1300px) {
  .c6-wrap {height: auto; padding: 80px 0; border-top: 1px solid rgba(255, 255, 255, .7);}


}

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

}

@media screen and (max-width: 1023px) {
  .c6-wrap .inner {}

}

@media screen and (max-width: 767px) {
  .c6-wrap {padding: 60px 0;}
  .c6-wrap .inner {padding: 0 40px;}
  .c6-wrap .title-group {margin-bottom: 45px;}
  .c6-wrap p.text {font-size: 16px;}
  .contact-info {flex-wrap: wrap; margin-top: 70px;}
  .contact-info .item {width: 100%; padding: 30px 0;}
  .contact-info .item em {font-size: 18px;}
  .contact-info .item p {font-size: 15px; line-height: 2em; margin-top: 10px;}

}

@media screen and (max-width: 480px) {
  .c6-wrap {padding: 50px 0;}
  .c6-wrap .inner {padding: 0 20px;}
  .c6-wrap .title-group {margin-bottom: 35px;}
  .c6-wrap p.text {font-size: 15px;}
  .contact-info {margin-top: 50px;}
  .contact-info .item em {font-size: 16px;}
  .contact-info .item p {font-size: 14px;}
}