@charset "utf-8";
/* --------------------------------------------------
index only
----------------------------------------------------- */
/* index common */
.section { width:100%; }
.section .inner { height:min( calc(100vh - var(--header-height)), calc(var(--section-height) - var(--header-height)) ); }
#wrap #main { position: relative; }
#wrap #main .inner { position: relative; height: 45vw !important; }
#wrap #main .inner .mainTitBx { position: absolute; top: 10vw; left: 50%; transform: translateX(-50%); padding: 0 10px; width: 100%; max-width: 1260px; z-index: 3000; }
#wrap #main .inner .mainTitBx h2 { margin-bottom: 20px; font-size: 32px; font-size: clamp(32px, 4.527vw, 67px); color: #fff; text-align: left; letter-spacing: -1px; font-style: italic; }
#wrap #main .inner .mainTitBx p { font-size: 26px; font-size: clamp(18px, 1.824vw, 27px); color: #fff; line-height: 1.5em; }
#wrap #main .inner .dotBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/index/btn-dot.png) repeat; background-color: rgba(0,0,0,.25); z-index: 10; }
#wrap #main .inner .wideSlide { position: relative; display: block; width: 100%; }
#wrap #main .inner .wideSlide ul li video { display: block; min-width: 100%; height: 45vw; }
#wrap #main .inner .wideSlide .swiper-pagination { position: absolute; left: 50%; transform: translateX(-50%); bottom: 150px; z-index: 1000; }
#wrap #main .inner .wideSlide .swiper-pagination .swiper-pagination-bullet { margin: 15px; width: 16px; height: 16px; border-radius: 50%; background-color: #8b8a92; opacity: 1; }
#wrap #main .inner .wideSlide .swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; }
#wrap #main .inner .wideSlide .quickMenu { position: absolute; bottom: 0; left: 0; display: flex; justify-content: center; width: 100%; background-color: #666; z-index: 1000; }
#wrap #main .inner .wideSlide .quickMenu button { cursor: pointer; }
#wrap #main .inner .mobileSlide { position: relative; display: none; background-color: lightblue; width: 100%; }
#wrap #main .inner .mobileSlide .swiper-slide { position: relative; width: 100%; }
#wrap #main .inner .mobileSlide .swiper-slide img { position: relative; width: 100%; }
#wrap #main .inner .mobileSlide .swiper-pagination { position: absolute; left: 50%; transform: translateX(-50%); bottom: 25vw; z-index: 1100; }
#wrap #main .inner .mobileSlide .swiper-pagination .swiper-pagination-bullet { margin: 15px; width: 16px; height: 16px; border-radius: 50%; background-color: #8b8a92; opacity: 1; }
#wrap #main .inner .mobileSlide .swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; }
@media all and (max-width: 1480px){
    #wrap #main .inner .mainTitBx h2 { margin-bottom: 10px; }
}
@media all and (max-width: 1260px){
    #wrap #main .inner .mainTitBx { max-width: 1140px; }
    #wrap #main .inner .wideSlide .swiper-pagination { bottom: 90px; }
}
@media all and (max-width: 767px){
    #wrap #main { padding-top: 60px; }
    #wrap #main .inner { height: 100vw !important; }
    #wrap #main .inner .dotBg { display: none; }
    #wrap #main .inner .mainTitBx { display: none; }
    #wrap #main .inner .wideSlide { display: none; }
    #wrap #main .inner .mobileSlide { display: block; }
}
/* Business tap */
#business { position: relative; padding: 1% 0 2%; background: url(../img/index/bg_business.gif) no-repeat center; background-size: cover; z-index: 5000; }
#business .inner { position: relative; padding: 7% 10px 9%; margin: 0 auto; width: 100%; max-width: 1260px; }
#business .inner .pcview { position: relative; }
.inner h2 { position: relative; font-size: clamp(24px, 3.968vw, 50px); color: #fff; text-align: center; }
#business .inner .pcview .inBx { position: relative; display: flex; flex-flow: row nowrap; gap: 30px; margin-top: 5%; }
#business .inner .pcview .inBx .bx { position: relative; display: flex; flex-flow: column; justify-content: flex-start; align-items: center; padding: 5% 3% 15%; width: calc(50% - 30px / 2); background: url(../img/index/bg_business_01.gif) no-repeat center; background-size: cover; }
#business .inner .pcview .inBx .bx:nth-child(1) { background-image: url(../img/index/bg_business_01.gif); }
#business .inner .pcview .inBx .bx:nth-child(2) { background-image: url(../img/index/bg_business_03.gif); }
#business .inner .pcview .inBx .bx h3 { font-size: clamp(23px, 2.381vw, 30px); color: #fff; text-align: center; font-family: 'PreGOV_Me'; font-weight: 500; }
#business .inner .pcview .inBx .bx p { margin-top: 9%; font-size: 18px; color: #fff; text-align: center; line-height: 1.6; width: 100%; }
#business .inner .pcview .inBx .bx .btnWrap { position: absolute; left: 50%; transform: translateX(-50%); bottom: 14%; text-align: center; }
#business .inner .pcview .inBx .bx .btnWrap a { display: inline-block; padding: 13px; font-size: 17px; color: #fff; text-align: center; width: 160px; }
#business .inner .pcview .inBx .bx:nth-child(1) .btnWrap a { background-color: #E76184; }
#business .inner .pcview .inBx .bx:nth-child(2) .btnWrap a { background-color: #458ACF; }
#business .inner .moview { display: none; flex-flow: row nowrap; justify-content: center; gap: 10px; }
#business .inner .moview a { display: block; }
@media all and (max-width: 767px){
    #business .inner { padding: 0!important; height: auto !important; background-color: #2765A0; }
    #business .inner .pcview { display: none; }
    #business .inner .moview { display: flex; }
}
/* Global Performance */
#performance .inner { position: relative; padding: 7% 10px 9%; margin: 0 auto; width: 100%; height: auto !important; max-width: 1260px; }
#performance .inner h2 { color: #000; }
#performance .inner p { position: relative; margin-top: 5%; margin-bottom: 5%; font-size: 18px; color: #000; text-align: center; line-height: 1.6; }
#performance .inner .inBx { position: relative; display: flex; flex-flow: row wrap; gap: 30px 20px; margin: 0 auto; padding: 0 10px; max-width: 1260px; }
#performance .inner .inBx .bx { width: calc(33.3333% - 40px / 3); background: #c9c9c9 no-repeat center; background-size: cover; }
#performance .inner .inBx .bx a { position: relative; display: block; width: 100%; height: 230px; box-sizing: border-box; }
#performance .inner .inBx .bx a h6 { position: absolute; left: 0; bottom: 0; padding: 10px; font-size: 18px; font-family: 'PreGOV_Bo'; font-weight: 700; color: #fff; width: 100%; background: rgba(50, 50, 50, 0.7); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media all and (max-width: 767px){
    #performance .inner .inBx { gap: 20px; }
    #performance .inner .inBx .bx { width: calc(50% - 20px / 2); }
}
@media all and (max-width: 599px){
    #performance .inner .inBx .bx { width: 100%; }
}
/* PR center */
#pr { background-color: #4b4c4b; }
#pr .inner { position: relative; padding: 7% 10px 9%; margin: 0 auto; width: 100%; height: auto !important; max-width: 1260px; }
#pr .inner .inBx { position: relative; display: flex; flex-flow: row nowrap; gap: 4%; margin-top: 5%; }
#pr .inner .inBx .bx { position: relative; width: calc(50% - 4% / 2); min-height: 340px; }
#pr .inner .inBx .bx img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
#pr .inner .inBx .bx h4 { font-size: 30px; color: #fff; }
#pr .inner .inBx .bx ul { margin-top: 30px; }
#pr .inner .inBx .bx ul li + li { margin-top: 24px; }
#pr .inner .inBx .bx ul li a { position: relative; display: block; }
#pr .inner .inBx .bx ul li a h6 { font-size: 18px; font-family: 'PreGOV_Me'; font-weight: 500; color: #d9d9d9; }
#pr .inner .inBx .bx ul li a p { margin-top: 5px; font-size: 15px; color: #ccc; font-family: 'PreGOV_Li'; font-weight: 300; }
#pr .inner .prDecoBx { position: relative; display: flex; flex-flow: row nowrap; margin-top: 50px; padding: 20px 10px; background-color: #2e2f2e; }
#pr .inner .prDecoBx li { width: 33.3333%; }
#pr .inner .prDecoBx li a { position: relative; display: flex; flex-flow: row nowrap; align-items: flex-start; gap: 8px; }
#pr .inner .prDecoBx li a img { height: auto; }
#pr .inner .prDecoBx li a .txtBx { flex: 1; }
#pr .inner .prDecoBx li a .txtBx h6 { font-size: 16px; font-family: 'PreGOV_Bo'; font-weight: 700; color: #2664a7; }
#pr .inner .prDecoBx li a .txtBx p { margin-top: 5px; font-size: 15px; color: #808080; line-height: 1.4; }
@media all and (max-width: 1024px){
    #pr .inner .prDecoBx li a img { width: 32%; }
}
@media all and (max-width: 767px){
    #pr .inner { padding-left: 20px; padding-right: 20px; }
    #pr .inner .inBx { flex-flow: row wrap; gap: 30px; }
    #pr .inner .inBx .bx { width: 100%; min-height: inherit; }
    #pr .inner .inBx .bx img { position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 100%; height: auto; object-fit: inherit; }
    #pr .inner .prDecoBx { flex-flow: row wrap; gap: 10px; padding: 0; background-color: transparent; }
    #pr .inner .prDecoBx li { padding: 15px; width: calc(50% - 10px / 2); background-color: #2e2f2e; }
}
@media all and (max-width: 480px){
    #pr .inner .inBx .bx ul { margin-top: 20px; }
    #pr .inner .inBx .bx ul li a h6 { font-size: 16px;}
    #pr .inner .inBx .bx ul li a p { font-size: 14px; line-height: 1.4; }
}
@media all and (max-width: 375px){
    #pr .inner .prDecoBx li { padding: 15px; width: 100%; }
    #pr .inner .prDecoBx li a img { width: 70px; }
}
/* recruiting */
#recruiting { position: relative; background: url(../img/index/bg_recruit.jpg) no-repeat right center; background-size: cover; }
#recruiting .inner { position: relative; padding: 7% 10px 9%; margin: 0 auto; width: 100%; height: auto !important; max-width: 1260px; }
#recruiting .inner h2 { text-align: left; color: var(--mainClr); }
#recruiting .inner p { position: relative; margin-top: 3%; margin-bottom: 5%; font-size: 18px; color: var(--mainClr); text-align: left; line-height: 1.6; }
#recruiting .inner .recruitBx { position: relative; }
#recruiting .inner .recruitBx h4 { font-size: 20px; font-family: 'PreGOV_Bo'; font-weight: 700; color: #000; }
#recruiting .inner .recruitBx ul { margin-top: 20px; margin-bottom: 40px; max-width: 50%; }
#recruiting .inner .recruitBx ul li a { display: block; width: 100%; }
#recruiting .inner .recruitBx ul li a span { display: block; font-size: 18px; font-family: 'PreGOV_Re'; font-weight: 400; color: #000; width: 100%; }
#recruiting .inner .recruitBx .btnBx { display: flex; flex-flow: row nowrap; gap: 10px; }
#recruiting .inner .recruitBx .btnBx a { position: relative; display: inline-block; padding: 10px 10px; font-size: 16px; font-weight: 400; font-family: 'PreGOV_Re'; color: #000; background-color: white; border: 1px solid #d8d8d8; }
#recruiting .inner .recruitBx .btnBx a:last-child { color: #fff; background-color: #e66184; border-color: #e66184; }
@media all and (max-width: 767px){
    #recruiting .inner p { font-size: 15px; }
    #recruiting .inner .recruitBx ul li a span { font-size: 15px; text-shadow: 3px 3px 5px rgb(255,255,255); }
}
@media all and (max-width: 599px){
    #recruiting .inner .recruitBx ul { max-width: 100%; }
}
@media all and (max-width: 480px){
    #recruiting { background-position: left top; }
}

/* nav */
#fp-nav { position: fixed; top: 50%; left: 20px; transform: translateY(-50%); z-index: 8000; border-radius: 13px; }
#fp-nav button { display: flex; align-items: center; gap: 12px; margin: 15px 0; background: none; border: none; cursor: pointer;  }
#fp-nav button span { width: 12px; height: 12px; border-radius: 50%; background: #929BA0; transition: .3s; }
#fp-nav button em { font-style: normal; font-size: 14px; color: transparent; transition: .3s; }
#fp-nav button.active span { background: #fff; }
#fp-nav button.active em { color: #fff; font-weight: 700; }
#fp-nav button:hover em { color: #fff; }
#fp-nav.dark button.active span { background-color: #000; }
#fp-nav.dark button.active em { color: #000; }
#fp-nav.dark button:hover em { color: #000; }
@media all and (max-width: 1260px){
    #fp-nav { display: none; }
}
/* 미디어쿼리 */
@media all and (max-width:991px){
    html { scroll-behavior:smooth; }
    #fp-nav, #sectionName { display:none; }
}

/* popup */
.popup { position: fixed; background-color: #fff; z-index: 9000; visibility:hidden; }
.popup .imgWrap img { width: 450px; }
.popup .checkWrap .check label { font-size: 16px; color: #000; font-family: 'PreGOV_Re'; font-size: 400; cursor: pointer; user-select: none; -webkit-user-select: none; }
.popup .checkWrap .close a { display: inline-block; font-size: 16px; color: #000; font-family: 'PreGOV_Re'; font-size: 400; transform: translateY(1px); user-select: none; -webkit-user-select: none; }
/* popup01 */
#popup01.popup { top: 120px; left: 30px; }
/* popup02 */
#popup02.popup { top: 150px; left: 60px; }

@media all and (max-width: 767px){
    .popup .imgWrap img { width: 350px; }
    #popup01.popup { top: 80px; left: 20px; }
    #popup02.popup { top: 110px; left: 50px; }

}
@media all and (max-width: 599px){
    .popup .imgWrap img { width: 58.43vw; min-width: 187px; }
    .popup .checkWrap #check label { font-size: 14px; }
    .popup .checkWrap #close a { font-size: 14px; }
}