/* include 공통 CSS */

/************************* 공통 시작*************************/
.inner {width: 100%; max-width:1612px; margin: 0 auto; padding:0 16px;}

.sub-container {padding-top: 7.55em;}
@media(max-width:1080px){
	.sub-container {padding-top: 6.25em;}
}
@media(max-width:768px){
	.sub-container {padding-top: 5em;}
}
@media(max-width:500px){
	.sub-container {padding-top: 3.75em;}
}

.int-tit {font-size: 2.625em; font-weight: 600; line-height: 1.4; letter-spacing: -0.024em; overflow: hidden;}
.int-tit span {display: block;}
.cont-tit {font-size: 1.5em; font-weight: 600; line-height: 1.4; letter-spacing: -0.04em;}
.cate-tit {font-size: 1.5em; font-weight: 700; color: var(--main-color); font-family: "Poppins", sans-serif; letter-spacing: -0.03em;}
.item-tit {font-size: 1.25em; font-weight: 600; line-height: 1.4; letter-spacing: -0.04em;}
@media(max-width:1080px){
	.int-tit {font-size: 2.25em;}
	.cont-tit {font-size: 1.375em;}
	.cate-tit {font-size: 1.375em;}
	.item-tit {font-size: 1.125em;}
}
@media(max-width:768px){
	.int-tit {font-size: 2em;}
	.cont-tit {font-size: 1.25em;}
	.cate-tit {font-size: 1.25em;}
	.item-tit {font-size: 1.0625em;}
}
@media(max-width:500px){
	.int-tit {font-size: 1.75em;}
	.cont-tit {font-size: 1.125em;}
	.cate-tit {font-size: 1.125em;}
	.item-tit {font-size: 1em;}
}

.pnt-text {font-size: 2em; font-weight: 600; line-height: 1.4; letter-spacing: -0.03em;}
.pnt-text span {display: block;}
.pnt-text--line {text-align: center; --width: 100px}
.pnt-text--line:before {content:''; display: block; margin: 0 auto 1.9em; width: var(--width); height: 3px; background-color: var(--main-color);}
.pnt-text--sm {font-size: 1.625em; letter-spacing: -0.038em;}
.pnt-text--sm:before {margin-top: 2.32em; margin-bottom: 2.3em;}
@media(max-width:1080px){
	.pnt-text {font-size: 1.875em;}
	.pnt-text--line {--width: 80px;}
	.pnt-text--sm {font-size: 1.5em;}
	.pnt-text--sm:before {margin-top: 2em; margin-bottom: 2em;}
}
@media(max-width:768px){
	.pnt-text {font-size: 1.75em;}
	.pnt-text--line {--width: 80px;}
	.pnt-text--sm {font-size: 1.375em;}
	.pnt-text--sm:before {margin-top: 1.5em; margin-bottom: 1.5em;}
}
@media(max-width:500px){
	.pnt-text {font-size: 1.625em;}
	.pnt-text--line {--width: 80px;}
	.pnt-text--sm {font-size: 1.25em;}
	.pnt-text--sm:before {margin-top: 1em; margin-bottom: 1em;}
}


.arr-link {display: inline-flex; align-items: center; font-size: 1.25em; font-weight: 500; line-height: 1.4; letter-spacing: -0.035em; gap:.5em;}
.arr-link--white {color: #fff;}
.arr-link:after {content:''; display: inline-block; width: 1.2em; height: 1.2em; background: url('./img/arr_icon.svg') no-repeat center / cover;}
.arr-link--white:after {filter:invert(1)}

.exp-text {font-size: 1.25em; font-weight: 500; line-height: 1.6; letter-spacing: -0.05em; color: var(--dark-soft);}
.exp-text--pnt {font-weight: 600; color: var(--main-color); line-height: 1.4;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
.header__fix {position: fixed; left:0; top:0; z-index: 100;width:100%;  height: var(--hd-gap); font-size: var(--fz); transition: .3s ease-in-out all;}
.header__fix--active {backdrop-filter: blur(5px); background-color: rgba(0,0,0,0.4);}
.header__inner {display: flex; justify-content: space-between; align-items: center; height: inherit}

.header-home__logo {width: 11.4163em; transition: .3s ease-in-out all;}

.header-navi {position: relative; height: inherit;}
.header-navi__m-list {display: flex; height: inherit; gap:5.05em;}
.header-navi__m-item {height: inherit;}
.header-navi__m-item:last-child {margin-right: 0;}
.header-navi__m-btn {display: flex; align-items: center; height: inherit; font-size: 1.125em; font-weight: 500; color: #fff; letter-spacing: -0.035em; transition: .3s ease-in-out all;}
@media(hover:hover) {
	.header-navi__m-btn:hover {color: var(--main-color);}
}
@media(max-width:768px){
	.header-navi__m-list {gap:1.5em;}
}
@media(max-width:500px){
	.header-navi {display: none;}
}

.header-drawer {display: none; position: relative; margin-left: 1.5em;}
.header-drawer__btn {position: relative; width: 20px; height: 14px; z-index: 0; transition:.3s ease-in-out all;}
.header-drawer__line {position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; transition:.3s ease-in-out all;}
.header-drawer__line--top {top: 0;}
.header-drawer__line--middle {top: 50%; transform:translateY(-50%)}
.header-drawer__line--bottom {bottom: 0;}
@media(hover:hover){
	.header-drawer__btn:hover .header-drawer__line--top{left: -0.25em;}
	.header-drawer__btn:hover .header-drawer__line--middle{left: 0.25em;}
	.header-drawer__btn:hover .header-drawer__line--bottom{left: -0.125em;}
}
@media(max-width:500px){	
	.header-drawer {display:block;}
}


/************************* header_inc 끝*************************/

/************************* footer_inc 시작 *************************/
.footer {padding:2.5em 0 3.37em; font-size: var(--fz); background-color: var(--main-black); color: #fff;} 
.footer__panel {display: flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-start; margin-bottom: 2.45em; padding-bottom: 2.5em; border-bottom: 1px solid #dddddd40;}
.footer__panel:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom:none; align-items: flex-end;}

.footer-home {display: block;}
.footer-home__logo {width: 11.4163em;}

.footer-nav {display: flex; gap:1em;}
.footer-nav__link {color: var(--dark-soft); font-size: 0.875em; letter-spacing: -0.035em; line-height: 1;}
.footer-nav__link--policy {color: #fff;}

.footer-info__item {margin-bottom: 0.75em; display: flex; flex-wrap:wrap; align-items: center; gap:2em;}
.footer-info__item:last-child {margin-bottom: 0;}
.footer-info__detail {display: flex; align-items: center; gap:1.05em; font-size: 0.875em; letter-spacing: -0.03em;}
.footer-info__cate {color: var(--dark-soft);}
@media(max-width:768px){
	.footer__panel {margin-bottom: 1.75em; padding-bottom: 1.75em;}
}
@media(max-width:500px){
	.footer-info__item {gap:1em;}
}

.footer-adm {display: flex; gap:1em;}
.footer-adm__cont {font-size: 0.875em; color: var(--dark-soft); letter-spacing: -0.035em; line-height: 1; color: var(--dark-soft);}
.footer-adm__cont--cprt {color: var(--main-gray);}
.footer-adm__nav {display: flex; gap:1em;}
@media(max-width:768px){
	.footer-adm {margin-top: 1em;}
}
/************************* footer_inc 끝 *************************/

  .expert {overflow: hidden;}
  .expert__int {text-align: center;}
  .expert__panel {margin-bottom: 12.75em;}
  .expert__panel:last-child {margin-bottom: 0;}
  .expert__split {display: flex; flex-wrap:wrap; justify-content: space-between; gap:2em; --opacity:1}
  .expert__split:before {content:''; display: block; width: 100%; opacity: var(--opacity); height: 30em; margin:3.75em 0 3.5em; background-repeat: no-repeat; background-size: cover; background-position: center;}
	.expert__split--12:before {background-image: url('./img/expert_img12.jpg');}
	.expert__split--13:before {background-image: url('./img/expert_img13.jpg');}
	.expert__split--14:before {background-image: url('./img/expert_img14.jpg');}
	.expert__split--15:before {background-image: url('./img/expert_img15.jpg');}
	.expert__split--16:before {background-image: url('./img/expert_img16.jpg');}
  .expert__list {width: 49.3671%; display: grid; grid-template-columns: repeat(2, 1fr); gap:1.25em;}
  .expert__item {display: flex; justify-content: space-between; align-items: center; padding: 1.2em 1.8em; border:4px solid var(--line); font-size: 1.25em; font-weight: 500; letter-spacing: -0.03em; }
  .expert__num {color: var(--main-color); min-width: 4em;}
	.expert__desc {flex:1;}
  .expert__ment {margin-top: 1.25em; font-size: 1.5em; font-weight: 500; line-height: 1.4; letter-spacing: -0.035em;}
  .expert__contact {margin-top: 12.5407em; padding:8.2813em 0 8.25em; text-align: center; background: url('./img/expert_img03.jpg') no-repeat center / cover; color: #fff;}
  .expert__greet {margin:1em 0 0.9em;}
  .expert__logo {width: 11.4163em;}
  @media(max-width:1080px){
    .expert__panel {margin-bottom: 10em;}
    .expert__list {width: 62.5%;}
    .expert__item {font-size: 1.1875em;}
    .expert__ment {font-size: 1.375em;}
  }
  @media(max-width:768px){
    .expert__panel {margin-bottom: 7.25em;}
    .expert__split:before {height: 20em;}
    .expert__list {width: auto; flex:1;}
    .expert__item {font-size: 1.125em; border-width:2px; padding-right: 1em; padding-left: 1em;}
    .expert__ment {font-size: 1.25em;}
  }
  @media(max-width:500px){
    .expert__panel {margin-bottom: 4.5em;} 
    .expert__split {flex-direction:column;}
    .expert__split:before {margin-bottom: 0;}
    .expert__item {font-size: 1.0625em}
    .expert__ment {font-size: 1.125em;}
  }