/* 메인 컨테이너 */
#container { position:relative; z-index:2; width:100%; }
#container *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;}
#container ::-webkit-scrollbar { width: 5px; }
#container ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }

.container:after { display: none; }

#container { letter-spacing: normal;}

#header {position: fixed;top: 0;left: 0;width: 100%;}

/* 상단팝업 */
.openPop #header {top: 7rem;}

/* 풀페이지 관련 css 수정 */
.fp-overflow { justify-content: flex-start; max-height: 100vh; }
.fp-scrollable .fp-auto-height .fp-overflow { max-height: none; }
.fp-is-overflow .fp-overflow.fp-auto-height-responsive,.fp-is-overflow .fp-overflow.fp-auto-height,.fp-is-overflow>.fp-overflow { overflow-y: auto; overflow-x: hidden; }
.fp-overflow { outline: none; }
.fp-overflow.fp-table { display: block; }
.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide { height: auto!important; min-height: auto!important; }
.fp-sr-only { position: absolute;width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0 }
.fp-scroll-mac .fp-overflow::-webkit-scrollbar { background-color: transparent; width: 9px; }
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track { background-color: transparent;}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.4); border-radius: 16px; border: 4px solid transparent;}

.fp-watermark { display: none; }
#fullpage .section { height: 100%; overflow: hidden; }
#fullpage .section.MC_wrap5 { height: auto; }
#fullpage .section .fp-overflow { height: 100%; }
#fullpage .section .section_inner { height: 100%; padding-top: 10.75rem; }

.MC_wrap2 .section_inner { display: flex; flex-direction: column; justify-content: center; gap: 2rem; }
.MC_wrap3 .section_inner { display: flex; flex-direction: column; justify-content: center; }
.MC_wrap4 .section_inner { display: flex; flex-direction: column; justify-content: center; }

.MC_box1 { height: 100%; }
.MC_box3 { flex: 1; padding: 2rem 0; }
.MC_box4 { flex: none; background: url('/images/web/ssi/main/section02_bg03.png'); width: 23rem; padding: 1.8rem 3rem; }
.MC_box5 { width: calc(100% - 26rem); }
.MC_box6 { width: 23rem; }
.MC_box8 { margin: 4rem 0; }

.con_wrap1 { background: url('/images/web/ssi/main/section02_bg01.png') no-repeat top center; }
.con_wrap1 .container { display: flex; justify-content: space-between; gap: 3rem; }
.MC_wrap3 .con_wrap2 { display: flex; gap: 3rem; margin: 0 0 3rem; }

.heading { font-size: 1.5rem; font-weight: 600; }

#fp-nav { position: fixed; top: calc(50% + 2.8rem); left: calc(50% - 47rem); z-index: 10; }
#fp-nav li { display: flex; }
#fp-nav li + li { margin-top: 1.25rem; }
#fp-nav li:last-child { display: none; }
#fp-nav li a { position: relative; display: block; padding-left: 1.5rem; color: #939393; font-size: 0.8rem; }
#fp-nav li a::before { position: absolute; top: 50%; transform: translateY(-50%); left: 5px; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #D8DDE2; content: ""; }
#fp-nav li a::after { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 0.9rem; height: 0.9rem; border-radius: 50%; border: 1px solid #256BEC; content: ""; opacity: 0; }
#fp-nav li a.active { color: #256BEC; }
#fp-nav li a.active::before { background: #256BEC; }
#fp-nav li a.active::after { opacity: 1; }
#fp-nav li a.active .fp-tooltip { color: #256BEC; font-weight: 600; }

@media (max-width:1920px) {
  #fp-nav { left: 1rem; }
}

@media (max-width:1670px) {
  #fp-nav { display: none; }
}

@media (max-width:1240px) {
  .con_wrap1 .container { gap: 2rem; }
  .MC_wrap2 { margin: 2.5rem 0; }
  .MC_box4 { width: 19rem; padding: 2rem; }
  .MC_box5 { width: calc(100% - 25.5rem); }
  .con_wrap2 { margin: 0; gap: 2.5rem; }
  .MC_box7 { margin-top: 2rem; }
  .MC_box8 { margin: 2rem 0; }
}
  
@media (max-width:1024px) {
  
  .con_wrap2 { flex-wrap: wrap; flex-direction: column; }
  .MC_box5 { width: 100%; }
  .MC_box6 { width: 100%; }
}

@media (max-width:768px) {
  .con_wrap1 .container { flex-wrap: wrap; flex-direction: column; }
  .MC_box3 { padding-bottom: 0; flex: none; width: 100%; }
  .MC_box4 { width: 100%; padding: 1.5rem; }
}

@media (max-width:580px) {
  .MC_wrap2 { margin: 1.5rem 0; }
  .MC_wrap2 .section_inner { gap: 1.5rem; }
  .MC_box3 { padding-top: 1.5rem; }
  .MC_box4 { padding: 1rem; }
  .con_wrap1 { background-size: auto 70%; }
  .con_wrap1 .container { gap: 1.5rem; }
  .con_wrap2 { gap: 1.5rem; }
}