@charset "utf-8";

/* =========================== MAIN */
#mainVisual{position:relative;z-index:1;letter-spacing:-.2px;width:100%;height:845px;background:#222}
#mainVisual .main_slide{overflow:hidden;height:100%}
#mainVisual ul li{background:url(../../images/fs/main/main01.jpg) center no-repeat;background-size:cover}
#mainVisual ul li.bg02{background-image:url(../../images/fs/main/main02.jpg)}
#mainVisual ul li.bg03{background-image:url(../../images/fs/main/main03.jpg)}

/* 텍스트 */
#mainVisual .main_txt{position:absolute;bottom:22%;left:50%;z-index:101;transform:translateX(-50%);max-width:1600px;width:100%;font-size:18px;color:rgba(255,255,255,.6);line-height:1.5;font-family:'Paperlogy', sans-serif}
#mainVisual .main_txt .stit{display:block;font-size:20px;color:#fff;font-weight:500;text-align: center;}
#mainVisual .main_txt .btit{margin:0 0 15px;font-size:65px;font-weight:800;color:#fff;line-height:1.2;white-space:pre-line;text-align: center;}
#mainVisual .main_txt .btit em{color:var(--primary);}
#mainVisual .main_txt .btit b{font-weight:600}

/* 컨트롤 */
#mainVisual .pager{margin-top:30px;margin-left:-5px;text-align: center;}
#mainVisual .pager span{opacity:.3;position:relative;width:29px;height:29px;margin:0 5px;background-color:transparent;transition:all .3s}
#mainVisual .pager span.on{opacity:1}
#mainVisual .pager span:before{opacity:0;display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45px;height:45px;border:1px solid rgba(255,255,255,.3);border-radius:50%;transition:all .3s}
#mainVisual .pager span.on:before{opacity:1;width:100%;height:100%}
#mainVisual .pager span:after{display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}

/* 스크롤 */
#mainVisual .scroll_wrap{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:9;font-family:'Paperlogy', sans-serif}
#mainVisual .scroll_wrap .txt{margin-bottom:20px;text-align:center;font-size:14px;color:#fff;font-weight:600}
#mainVisual .scroll_wrap .scroll{position:relative;margin:0 auto;width:1px;height:60px;background-color:#ffffff20;z-index:9;overflow:hidden}
#mainVisual .scroll_wrap .scroll_ani{position:absolute;z-index:9;display:inline-block;background-color:#ffffff;width:1px;height:30px;top:-110px;left:0;animation:scroll-line 3s infinite;animation-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}

/* 프로그래스 바 */
#mainVisual .autoplay-progress {max-width: 160rem;margin:1rem auto 0 auto;width:100%;height:3px;background:#c1c1c1;z-index:100}
#mainVisual .autoplay-progress .progress-bar-fill {height:100%;width:0;background:var(--primary)}

@keyframes scroll-line{
0% {transform:translate3d(0, 0, 0)}
100% {transform:translate3d(0, 240px, 0)}
}

/* 반응형 [s] */
@media (max-width:1024px){
#mainVisual{height:580px}
#mainVisual .main_txt{width:95%;margin:auto;bottom:28%}
#mainVisual .main_txt .stit{font-size:18px}
#mainVisual .main_txt .btit{margin:25px 0 0;font-size:38px}
#mainVisual .scroll_wrap .txt{margin-bottom:18px}
#mainVisual .scroll_wrap .scroll{height:58px}
}
@media (max-width:768px){
#mainVisual{height:470px}
#mainVisual .main_txt{bottom:37%}
#mainVisual .main_txt .stit{text-align:center;font-size:17px}
#mainVisual .main_txt .btit{margin:20px 0 0;text-align:center;font-size:30px}
#mainVisual .pager{position:absolute;bottom:-110%;left:50%;transform:translateX(-50%);margin:0px;width:100%;text-align:center}
#mainVisual .scroll_wrap{display:none}
}
@media (max-width:480px){
#mainVisual{height:380px}
#mainVisual .main_txt{bottom:36%}
#mainVisual .main_txt .stit{font-size:15px}
#mainVisual .main_txt .btit{font-size:24px}
#mainVisual .pager{bottom:-100%}
}
@media (max-width:380px){
#mainVisual{height:350px}
#mainVisual .main_txt .stit{font-size:14px}
#mainVisual .main_txt .btit{font-size:22px}
}
/* 반응형 [e] */


/* =========================== atc01 */
#atc01 {position:relative;margin-top:24rem;}
#atc01 .l_inner {max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:17.5rem 10rem;}
#atc01 .bg_area {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../images/fs/main/inc01/bg.jpg) no-repeat center center;background-size:cover;z-index:-1;border-radius:30px;}
#atc01 .bg_area:after {content:"";position:absolute;top:-28px;right:10.8rem;z-index:1;width:7.2rem;height:7.2rem;border-radius:100%;background-color: var(--primary);}
#atc01 .left_area {width:50%;padding:8rem 0 8rem 0;}
#atc01 .left_area .tit_area {position: absolute;top:-13rem;}
#atc01 .sub_tit {font-size:2rem;color:var(--primary);font-weight:800;display:block;margin-bottom:1.5rem;}
#atc01 .main_tit {font-size:4.5rem;color:#111;font-weight:800;line-height:1.2;margin-bottom:4rem;word-break:keep-all;}
#atc01 .pager {display:flex;flex-direction:column;gap:1rem;width:280px;}
#atc01 .pager p {width:100%;height:50px;line-height:50px;background:rgba(255,255,255,0.5);border-radius:30px;padding:0 5rem;font-size:1.8rem;font-weight:600;color:#333;cursor:pointer;transition:all 0.3s; opacity:1 !important; position:relative;}
#atc01 .pager p.on {background:var(--primary);color:#fff;} 
#atc01 .pager p::after {content:''; position:absolute; right: -20px; top:50%; width:100px; height:1px; background:#fff; z-index:1; transform:scaleX(0); transform-origin:left center; transition:transform 1s ease;}
#atc01 .pager p.on::after {transform:scaleX(1);}
#atc01 .right_area {width:50%;padding:0 5rem;}
#atc01 .txt_slide {width:100%;background:rgba(255,255,255,0.85);border-radius:30px;overflow:visible;}
#atc01 .card {display:flex;padding:6rem 25rem 6rem 9rem;position:relative;cursor:pointer;}
#atc01 .card .txt {flex:1;}
#atc01 .card .txt .cat {font-size:1.4rem;color:#333;font-weight:600;display:block;text-transform:uppercase;}
#atc01 .card .txt strong {word-break:break-all;font-size:3.2rem;color:var(--primary);font-weight:800;display:block;margin-bottom:3rem;text-transform:uppercase;line-height: 1;}
#atc01 .card .txt b {font-size:2rem;color:#111;font-weight:700;line-height:1.4;display:block;margin-bottom:2rem;}
#atc01 .card .txt p {font-size:1.6rem;color:#888;line-height:1.6;word-break:keep-all;}
#atc01 .card .txt .btn_more {display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:#000;color:#fff;border-radius:25px;margin-top:3rem;font-size:2rem;transition:all 0.3s;}
#atc01 .card .txt .btn_more::after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}
#atc01 .card:hover .txt .btn_more {background:var(--primary);}
#atc01 .card .img {width:47%;display:flex;align-items:center;justify-content:center;position: absolute;right: -5rem;top: 3rem;height: 100%;}
#atc01 .card .img img {max-width:100%;height:auto;}

/* atc01 슬라이드 모션 복구 */
#atc01 .txt_slide .swiper-wrapper {align-items:center;transition: none !important;}
#atc01 .txt_slide .swiper-slide {opacity:0 !important; visibility:hidden; transition:opacity 0.8s ease, visibility 0.8s ease !important; z-index:1;}
#atc01 .txt_slide .swiper-slide-active {opacity:1 !important; visibility:visible; z-index:2;}
#atc01 .txt_slide .swiper-slide .card {opacity:0; transform:translateY(30px); transition:opacity 0.8s ease, transform 0.8s ease;}
#atc01 .txt_slide .swiper-slide-active .card {opacity:1; transform:translateY(0); transition-delay:0.3s;}

@media (max-width:1620px){
    #atc01.active {margin:13rem 6rem 0 6rem;}
    #atc01 .bg_area {width:auto;right:2rem;left:2rem;}
}
@media (max-width:1199px){
	#atc01.active {margin:10rem 5rem 0 5rem;}
    #atc01 .l_inner {flex-direction:column;padding:17.5rem 0;}
    #atc01 .left_area {width:100%;padding:5rem;}
    #atc01 .right_area {width:100%;padding:0 5rem 5rem 5rem;}
    #atc01 .pager {flex-direction:row;flex-wrap:wrap;width:100%;}
    #atc01 .pager p {width:calc(33.333% - 1rem);text-align:center;padding:0;}
    #atc01 .pager p::after {display:none;}
    #atc01 .card {padding:5rem 5rem;}
    #atc01 .card .img {position:relative; right:auto; top:auto; width:45%;}
    #atc01 .bg_area:after {right:5rem;}
}
@media (max-width:1023px){
	#atc01.active {margin:8rem 3rem 0 3rem;}
    #atc01 .l_inner {padding:15.5rem 0;}
}
@media (max-width:767px){
    #atc01 .l_inner {padding:7.5rem 0 3.5rem 0;}
    #atc01 .left_area {padding:3rem;}
    #atc01 .right_area {padding:0 3rem 3rem 3rem;}
    #atc01 .main_tit {font-size:2.8rem;}
    #atc01 .pager p {width:calc(50% - 0.5rem);font-size:1.4rem;height:45px;line-height:45px;}
    #atc01 .card {flex-direction:column;padding:3rem;}
    #atc01 .card .img {position:relative; right:auto; top:auto; width:70%;margin:3rem auto;}
    #atc01 .card .txt strong {font-size:2.4rem;}
    #atc01 .card .txt b {font-size:1.8rem;}
    #atc01 .card .txt .btn_more {width:50px;height:50px;border-radius:18px;margin-top:2rem;font-size:1.6rem;}
    #atc01 .bg_area:after {right:2rem; top:-2rem; width:4rem; height:4rem;}
}


/* =========================== atc02 */
#atc02 {margin-top:15rem;}
#atc02 .tit_wrap {text-align:center;margin-bottom:8rem;padding:0 2rem;}
#atc02 .tit_wrap .sub_tit {font-size:2rem;color:var(--primary);font-weight:800;margin-bottom:1.5rem;}
#atc02 .tit_wrap .main_tit {font-size:4rem;color:#111;font-weight:800;line-height:1.2;}
#atc02 .bg_wrap {background:url(../../images/fs/main/inc02/bg.jpg) no-repeat center center;background-size:cover;padding:17rem 0;}
#atc02 .bg_wrap .l_inner {max-width: 1600px;margin: 0 auto;width: 100%;}
#atc02 .card_list {display:flex;justify-content:center;gap:3rem;}
#atc02 .card_list li {flex:1;}
#atc02 .card_list li a {display:flex;flex-direction:column;justify-content:center;align-items:center;height:380px;background:rgba(20, 20, 20, 0.75);border-radius:30px;padding:4rem;color:#fff;text-align:center;position:relative;transition:all 0.3s ease;box-sizing:border-box;}
#atc02 .card_list li a:hover {background:rgba(0, 0, 0, 0.9);}
#atc02 .card_list li a .icon_btn {position:absolute;top:3rem;right:3rem;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1);opacity:0; transform:scale(0.5) rotate(0deg);}
#atc02 .card_list li a .icon_btn i {color:#fff;font-size:2rem;}
#atc02 .card_list li a:hover .icon_btn {opacity:1;background:var(--primary); transform:scale(1) rotate(360deg); border-radius:25px;}

#atc02 .card_list li a strong {font-size:3rem;font-weight:700;margin-bottom:1.2rem;display:block;line-height: 1;}
#atc02 .card_list li a p {font-size:2rem;line-height:1.6;color:#ccc;font-weight:500;word-break:keep-all;}
@media (max-width:1340px) {
    #atc02 .card_list {padding:0 2rem;}
}
@media (max-width:1199px) {
    #atc02 .card_list {flex-wrap:wrap;}
    #atc02 .card_list li {flex:1 1 calc(33.333% - 2rem);}
}
@media (max-width:1023px) {
    #atc02 .card_list li {flex:1 1 calc(50% - 2rem);}
    #atc02 .card_list li a {height:280px;}
}
@media (max-width:767px) {
    #atc02 {margin-top:8rem;}
    #atc02 .tit_wrap {margin-bottom:4rem;}
    #atc02 .tit_wrap .sub_tit {font-size:1.4rem;margin-bottom:1rem;}
    #atc02 .tit_wrap .main_tit {font-size:2.2rem;}
    #atc02 .bg_wrap {padding:6rem 0;}
    #atc02 .card_list {flex-direction:column;gap:2rem;}
    #atc02 .card_list li {flex:1 1 100%;}
    #atc02 .card_list li a {height:200px;padding:3rem;}
    #atc02 .card_list li a strong {font-size:2rem;}
    #atc02 .card_list li a p {font-size:1.4rem;}
    #atc02 .card_list li a .icon_btn {top:2rem;right:2rem;}
}

/* =========================== atc03 */
#atc03 {margin:15rem 0;padding:0 2rem;}
#atc03 .l_inner {max-width:1600px;margin:0 auto;}
#atc03 .inquiry_banner {background:url(../../images/fs/main/inc03/bg.jpg) no-repeat center center;background-size:cover;border-radius:50px;padding:8rem 10rem;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden;}
#atc03 .inquiry_banner::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);z-index:1;}
#atc03 .inquiry_banner .txt_box {position:relative;z-index:2;}
#atc03 .inquiry_banner .company {font-size:1.6rem;font-weight:600;margin-bottom:1.5rem;}
#atc03 .inquiry_banner strong {font-size:3rem;font-weight:700;line-height:1.4;display:block;margin-bottom:4rem;}
#atc03 .inquiry_banner .btn_inquiry {display:inline-flex;align-items:center;gap:1.5rem;color:#fff;font-size:1.8rem;font-weight:600;transition:all 0.3s ease;}
#atc03 .inquiry_banner .btn_inquiry .icon {width:50px;height:50px;border-radius:50%;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all 0.3s ease;}
#atc03 .inquiry_banner .btn_inquiry:hover .icon {background:var(--primary);color:#fff;}
@media (max-width:1199px) {
    #atc03 .inquiry_banner {padding:6rem 5rem;}
    #atc03 .inquiry_banner strong {font-size:2.6rem;}
}
@media (max-width:767px) {
    #atc03 {margin:8rem 0;}
    #atc03 .inquiry_banner {padding:4rem 3rem;border-radius:20px;}
    #atc03 .inquiry_banner .company {font-size:1.4rem;margin-bottom:1rem;}
    #atc03 .inquiry_banner strong {font-size:2rem;margin-bottom:3rem;word-break:keep-all;}
    #atc03 .inquiry_banner .btn_inquiry {font-size:1.6rem;}
    #atc03 .inquiry_banner .btn_inquiry .icon {width:40px;height:40px;font-size:1.6rem;}
}



/* 영문 */
[lang="en"] #atc01 .main_tit {font-size:3.2rem;padding-right:15rem;}
@media (max-width:767px){
    [lang="en"] #atc01 .l_inner {padding:12.5rem 0 3.5rem 0;}
    [lang="en"] #atc01 .main_tit {font-size:2.8rem;}
}
@media (max-width:529px){
    [lang="en"] #atc01 .main_tit {font-size:2.4rem;}
}
@media (max-width:379px){
    [lang="en"] #atc01 .main_tit {font-size:2.2rem;}
}

/* 중문 */
[lang="zh"] #atc01 .main_tit {word-break: break-all;padding-right:15rem;}
@media (max-width:767px){
    [lang="zh"] #atc01 .l_inner {padding:12.5rem 0 3.5rem 0;}
    [lang="zh"] #atc01 .main_tit {font-size:3.2rem;}
}
@media (max-width:379px){
    [lang="zh"] #atc01 .main_tit {font-size:2.6rem;}
}