@charset "utf-8";

/* =========================== MAIN */
#mainVisual{position:relative;overflow:hidden;position:relative;width:100%;min-width:1320px;background:#222;font-family:'SUITE', sans-serif}
#mainVisual:after{position:absolute;content:'';z-index:10;bottom:0;width:100%;height:100px;background:url(../img/main/bottom_bg.png) no-repeat}

/* 텍스트 */
#mainVisual .main_txt{opacity:0;display:flex;flex-flow:column;position:absolute;left:50%;bottom:180px;z-index:101;text-align:center;color:#fff;text-transform:uppercase;transform:translateX(-50%)}
#mainVisual .main_txt p{margin:7% 0 10%;white-space:pre-line;font-size:50px;font-weight:900;line-height:1.35}
#mainVisual .main_txt p b{font-weight:900;color:var(--primary)}
#mainVisual .main_txt .txt{font-size:17px;color:rgba(255,255,255,.6);white-space:pre-line;line-height:1.8}
#mainVisual .main_txt .pager span{width:10px;height:10px;margin:0 3px;border-radius:50px;opacity:.5;background:#fff;transition:all .3s}
#mainVisual .main_txt .pager .on{width:20px;opacity:1}

/* 배경이미지 */
#mainVisual ul:after{display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35)}
#mainVisual ul li{height:100vh;min-height:850px;overflow:hidden;filter:brightness(.5)}
#mainVisual ul li video{min-width:100%;min-height:100%;width:auto;height:auto}
#mainVisual ul li .bg{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:center no-repeat;background-size:cover;transition:all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)}
#mainVisual ul li .bg01{background-image:url("../img/main/main_img1.png")}
#mainVisual ul li .bg02{background-image:url("../img/main/main_img2.png")}
#mainVisual ul li .bg03{background-image:url("../img/main/main_img3.png")}
#mainVisual ul li.on .bg{width:101%;height:101%;opacity:1}
@media (max-width:1320px){
#mainVisual{min-width:100%}
#mainVisual .main_txt{width:100%}
#mainVisual .main_txt p{font-size:45px;word-break:keep-all}
}
@media (max-width:1024px){
#mainVisual .main_txt{padding:0 50px}
#mainVisual .main_txt p{font-size:40px}
#mainVisual ul li{max-height:700px;min-height:initial}
#mainVisual ul li video{width:100%;object-fit:cover}
}
@media (max-width:768px){
#mainVisual .main_txt{padding:0 20px}
#mainVisual .main_txt p{margin:20px 0;font-size:30px}
#mainVisual ul li{max-height:550px}
}
@media (max-width:480px){
#mainVisual .main_txt .txt{font-size:15px;word-break:keep-all}
#mainVisual .main_txt p{font-size:22px}
#mainVisual ul li{max-height:500px}
}

/* =========================== atc01 */
#atc01{position:relative;z-index:10;display:flex;align-items:flex-start;gap:30px;margin:-100px auto 0 !important}
#atc01 *{word-break:keep-all}
#atc01>div{width:50%}
#atc01 .top_box .s_tit{position:absolute;top:50px;left:50px}
#atc01 .top_box svg{position:absolute;top:50px;right:50px;color:#111}
#atc01 .top_box img{width:100%}
#atc01 .top_box .info{height:340px;padding:50px}
#atc01 .top_box .txt p{margin:50px 0 10px}
#atc01 .top_box .hash{display:flex;gap:5px;margin-top:35px}
#atc01 .top_box .hash li{display:inline-block;padding:7px 15px;border-radius:80px;font-size:13px;font-weight:500;color:#777;background:#f2f2f2;transition:all .3s}
#atc01 .top_box .hash li:hover{color:var(--primary);background:#111}
#atc01 .top_box .img_wrap{overflow:hidden}
#atc01 .top_box a:hover img{transform: scale(1.1)}
#atc01 .top_box img{width:100%;transition:all .3s}
#atc01 .l_cont{overflow:hidden;height:606px;border-radius:10px;color:#777;background:#fff}
#atc01 .l_cont .bnr .txt p{font-size:27px;font-weight:700;color:#111}
#atc01 .s_tit{margin-bottom:10px;font-size:13px;font-weight:800;color:var(--primary);text-transform:uppercase}
#atc01 .s_txt{font-size:18px;font-weight:500;white-space:pre-line}
#atc01 .top_bnr{margin-bottom:20px;padding:50px;border-radius:10px;background:var(--primary) url(../img/main/inc01/top_bnr_bg.png) right center no-repeat}
#atc01 .top_bnr .s_tit{color:#fff}
#atc01 .top_bnr .s_txt{margin:20px 0 40px}
#atc01 .top_bnr a{display:inline-flex;gap:10px;color:#fff;opacity:.5;transition:all .3s}
#atc01 .top_bnr a:hover{gap:20px;opacity:1}
#atc01 .top_bnr a svg{width:20px}
#atc01 .btm_bnr{display:flex;justify-content:space-between;gap:20px}
#atc01 .btm_bnr a{overflow:hidden}
#atc01 .btm_bnr a span{position:relative}
#atc01 .btm_bnr a svg{position:absolute;top:50%;left:50%;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform:translate(-50%, -50%)}
#atc01 .btm_bnr a svg.on{opacity:0;top:30px;right:47px}
#atc01 .btm_bnr a:hover{border-color:#fff;background-color:#fff}
#atc01 .btm_bnr a:hover svg.on{opacity:1;top:50%;left:50%}
#atc01 .btm_bnr a:hover svg.off{opacity:0;top:30%;left:80%}
#atc01 .l_box{position:relative;display:flex;flex-wrap:wrap;width:60%;padding:50px;border-radius:10px;background:var(--primary) url(../img/main/inc01/top_bnr_bg01.png) right center no-repeat}
#atc01 .l_box .s_txt{width:100%;margin-top:auto;color:#fff}
#atc01 .l_box a{position:absolute;top:40px;right:40px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50px;color:var(--primary);background:#fff}
#atc01 .r_box li{overflow:hidden;border-radius:10px}
#atc01 .r_box li+li{margin-top:20px}
#atc01 .r_box li img{width:100%;transition:all .3s}
#atc01 .r_box li:hover img{transform:scale(1.1)}
@media (max-width:1320px){
#atc01 .l_cont{height:100%}
#atc01 .l_box{padding:30px}
#atc01 .l_box a{top:30px;right:30px}
}
@media (max-width:1024px){
#atc01{height:450px}
#atc01 .top_box .info{padding:30px;height:100%}
#atc01 .top_box .s_tit{top:30px;left:30px}
#atc01 .top_box svg{top:30px;right:30px}
#atc01 .top_box img{height:210px;object-fit:cover}
#atc01 .l_cont .bnr .txt p{font-size:22px;margin:30px 0 10px}
#atc01 .r_cont{display:flex;flex-direction:column;height:100%}
#atc01 .l_box{width:100%}
#atc01 .s_txt{font-size:16px}
#atc01 .top_bnr{padding:30px}
#atc01 .btm_bnr{height:100%}
#atc01 .btm_bnr .r_box{display:none}
}
@media (max-width:768px){
#atc01{flex-direction:column;height:100%}
#atc01>div{width:100%}
#atc01 .top_box .info{padding:20px;height:270px}
#atc01 .top_box .s_tit{top:20px;left:20px}
#atc01 .top_box svg{top:20px;right:20px}
#atc01 .top_bnr,#atc01 .l_box{padding:20px}
}
@media (max-width:480px){
#atc01 .top_box .info{height:240px}
#atc01 .top_box .hash{margin-top:20px}
#atc01 .l_cont .bnr .txt p{font-size:17px}
#atc01 .top_bnr .s_txt{margin:20px 0}
}

/* =========================== atc02 */
#atc02{padding:200px 0}
#atc02 .b_tit{text-align:center}
#atc02 .l_bnr li{overflow:hidden;position:sticky;top:200px;display:flex;flex-wrap:wrap;align-content:space-between;width:100%;height:410px;padding:80px 0 70px 70px;border-radius:20px;background-size:cover;background-image:url(../img/main/inc02/bnr_bg01.jpg)}
#atc02 .l_bnr li:nth-child(2){transform:translateY(70px);background:url(../img/main/inc02/bnr_bg02.jpg)}
#atc02 .l_bnr li:nth-child(3){transform:translateY(140px);background-image:url(../img/main/inc02/bnr_bg03.jpg)}
#atc02 .l_bnr li.space{padding-top:10%}
#atc02 .l_bnr .r_txt{position:absolute;top:30px;right:40px;font-size:13px;font-weight:800;text-align:right;text-transform:uppercase}
#atc02 .l_bnr li>div{width:100%}
#atc02 .l_bnr div p{margin-bottom:15px;font-size:40px;font-weight:700;line-height:1.2;white-space:pre-line}
#atc02 .l_bnr div>div{white-space:pre-line;opacity:.5}
#atc02 .l_bnr a{overflow:hidden;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50px;background:#fff;transition:all .3s}
#atc02 .l_bnr a span{position:relative}
#atc02 .l_bnr a svg{position:absolute;top:50%;left:50%;transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform:translate(-50%, -50%)}
#atc02 .l_bnr a svg.on{opacity:0;top:30px;right:47px}
#atc02 .l_bnr a:hover{width:80px;border-color:#fff;background-color:#fff}
#atc02 .l_bnr a:hover svg.on{opacity:1;top:50%;left:50%}
#atc02 .l_bnr a:hover svg.off{opacity:0;top:30%;left:80%}
@media (max-width:1320px){
#atc02{padding:150px 50px !important}
}
@media (max-width:1024px){
#atc02{padding:100px 50px !important}
#atc02 .l_bnr li{height:320px;padding:60px 0 50px 30px}
#atc02 .l_bnr div p{font-size:30px}
}
@media (max-width:768px){
#atc02{padding:70px 20px!important}
#atc02 .l_bnr div p{font-size:25px}
}
@media (max-width:480px){
#atc02 .l_bnr li{top:15vh;height:280px;padding:40px 30px}
#atc02 .l_bnr div p{font-size:20px;word-break:keep-all}
#atc02 .l_bnr div>div{word-break:keep-all}
#atc02 .l_bnr .r_txt{right:30px}
#atc02 .l_bnr a{width:30px;height:30px}
#atc02 .l_bnr a svg{width:20px}
#atc02 .l_bnr .r_txt{display:none}
}

/* =========================== atc03 */
#atc03{margin-top:150px}
#atc03 .tit_inner{display:flex;align-items:flex-end;justify-content:space-between}
#atc03 .b_tit{margin-bottom:0 !important}
#atc03 .img_area{position:relative;margin-top:100px}
#atc03 .img_area a{display:block;height:100%;color:#fff}
#atc03 .img_area a img{width:100%;height:100%;transition:all .3s;object-fit:cover}
#atc03 .img_area a:hover img{transform:scale(1.1)}
#atc03 .img_area li{overflow:hidden;width:410px;height:300px;border-radius:10px}
#atc03 .img_area li.bg{background:url(../img/main/inc03/slide_bg.jpg) no-repeat;background-size:cover}
#atc03 .img_area li.bg a{padding:50px;font-weight:700}
#atc03 .img_area li.bg a:hover span{gap:20px}
#atc03 .img_area li.bg p{margin:30px 0 50px;font-size:27px;line-height:1.3;white-space:pre-line}
#atc03 .img_area li.bg span{display:flex}
#atc03 .img_area span{display:flex;gap:10px;align-items:center;font-size:17px;transition:all .3s}
#atc03 .img_area span svg{width:20px}
#atc03 .control{position:absolute;z-index:10;top:42%;width:100%;max-width:1420px;left:50%;transform:translateX(-50%)}
#atc03 .control span{position:absolute;display:flex;padding:15px 28px;border-radius:50px;border:1px solid #f4f4f4;cursor:pointer;box-shadow:0px 9px 4px 0px rgba(0,0,0,50%);background:rgba(0,0,0,70%)}
#atc03 .control span:hover{transform:translateY(-10px)}
#atc03 .control span.next{right:0}
@media (max-width:1450px){
#atc03 .img_area li.bg a{display:flex;flex-direction:column;justify-content:space-around;padding:30px;word-break:keep-all}
#atc03 .img_area li.bg p{margin:0;font-size:22px;word-break:keep-all}
#atc03 .control{padding:0 50px}
#atc03 .control span.next{right:50px}
}
@media (max-width:1024px){
#atc03 .img_area li{height:270px}
#atc03 .img_area li.bg a{padding:20px}
#atc03 .img_area li.bg p{font-size:18px}
#atc03 .control{padding:0 20px}
#atc03 .control span.next{right:20px}
}
@media (max-width:768px){
#atc03 .tit_inner{flex-direction:column;align-items:center;text-align:center}
}
@media (max-width:480px){
#atc03 .control{display:none}
}

/* =========================== atc04 */
#atc04{padding:200px 0}
#atc04 .tit_inner{display:flex;justify-content:space-between}
#atc04 .tit_inner .more_btn{margin-top:70px}
#atc04 .lt_area{width:50%;border-top:2px solid #999}
#atc04 .lt_area li{border-bottom:1px solid rgba(255,255,255,.1)}
#atc04 .lt_area a{display:block;height:88px;padding:30px;color:#000;transition:all .3s}
#atc04 .lt_area .lt_tit{display:flex;align-items:center;justify-content:space-between}
#atc04 .lt_area .sh_notice{font-size:18px;font-weight:700}
#atc04 .lt_area .date{font-size:13px;font-weight:500}
#atc04 .lt_area a:hover{height:150px}
#atc04 .lt_area a:hover .lt_cont{opacity:.5}
#atc04 .lt_area .lt_cont{margin-top:30px;opacity:0;transition:all .3s}
@media (max-width:1320px){
#atc04{padding:150px 50px !important}
}
@media (max-width:1024px){
#atc04{padding:100px 50px 0 !important}
#atc04 .lt_area{width:60%;margin-left:20px}
#atc04 .lt_area a{padding:25px 0;height:78px}
#atc04 .lt_area .sh_notice{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:768px){
#atc04{padding:70px 20px 0 !important}
#atc04 .tit_inner{flex-direction:column}
#atc04 .tit_inner .more_btn{margin-top:30px}
#atc04 .lt_area{width:100%;margin-left:0}
#atc04 .lt_area .sh_notice{font-size:16px}
}
@media (max-width:480px){
#atc04{padding-bottom:60px !important}
#atc04 .lt_area .data{display:none}
}