@charset "utf-8";

.con_box1{width:1200px; height:auto; box-sizing:border-box; margin:0 auto; position:relative; z-index:2;}
.con_box1::after{content:""; display:block; width:0; height:0; clear:both;}
.con_box2{width:100%; height:auto; box-sizing:border-box; position:relative; z-index:1;}

/* 메인 비주얼 */
#visual{width:100%; height:809px; overflow:hidden; position:relative;}
#visual .mainVisual{width:100%; height:809px; position:relative; z-index:1;}
#visual .mainVisual .visualBox{width:100%; height:809px;}
#visual .mainVisual .visualItem{width:100%; height:809px;}
#visual .mainVisual .visualItem.visual1{background:url("../img/main/visual1.jpg?ver=230823") no-repeat center top;}
#visual .mainVisual .visualItem.visual2{background:url("../img/main/visual2.jpg?ver=221121") no-repeat center top; padding-top:79.73px;}
#visual .mainVisual .visualItem.visual3{background:url("../img/main/visual3.jpg") no-repeat center top; padding-top:95.73px;}
#visual .mainVisual .visualItem.visual4{background:url("../img/main/visual4.jpg") no-repeat center top; padding-top:83.73px;}
#visual .mainVisual .visualItem .visualTitleBg{width:1200px; height:auto; margin:0 auto; box-sizing:border-box;}
#visual .mainVisual .visualItem .visualTitleBox{text-align:center;}
#visual .mainVisual .visualItem .visualTitleBox .visualTitle{display:inline-block; vertical-align:top; position:relative; opacity:0; -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px);}
#visual .mainVisual .visualItem .visualTitleBox .visualTitle > span{display:inline-block; vertical-align:top; font-size:13px; font-weight:400; letter-spacing:-1.3px; line-height:1; color:#ff5900; position:absolute; left:0;}
#visual .mainVisual .visualItem .visualTitleBox .visualTitle > .title{font-size:90px; font-weight:700; letter-spacing:-4px; color:#000; line-height:102px;}
#visual .mainVisual .visualItem .visualTitleBox .text{font-size:29.39px; font-weight:700; letter-spacing:-1.3px; line-height:40px; color:#000; margin-top:20.4px; opacity:0; -webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px)}
#visual .mainVisual .visualItem.swiper-slide-active .visualTitleBox .visualTitle{-webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
#visual .mainVisual .visualItem.swiper-slide-active .visualTitleBox .text{-webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.7s; animation-duration:.7s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:.2s; animation-delay:.2s;}
#visual .mainVisual .visualItem.visual2 .visualTitleBox .visualTitle > span{top:-18px;}
#visual .mainVisual .visualItem.visual3 .visualTitleBox{text-align:left; padding-left:10px;}
#visual .mainVisual .visualItem.visual3 .visualTitleBox .visualTitle > span{top:-35px;}
#visual .mainVisual .visualItem.visual4 .visualTitleBox .visualTitle > span{top:-21px;}
#visual .mainVisual .visualItem.visual4 .visualTitleBox .visualTitle > .title{font-size:84px;}
#visual .visualPager{display:inline-block; position:absolute; width:auto; bottom:155px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); font-size:0; z-index:5;}
#visual .visualPager .swiper-pagination-bullet{vertical-align:top; width:9px; height:9px; background:#fff; opacity:1; margin:8px 11px; box-sizing:border-box;}
#visual .visualPager .swiper-pagination-bullet-active{width:24px; height:24px; margin:0 3px; border:4px solid #f17431; background:transparent;}
#visual .visualTab{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; box-sizing:border-box; width:1130px; height:88px; box-sizing:border-box; background-color:#fff; border-radius:44px; -webkit-box-shadow:-5px -5px 7px rgba(0,0,0,.26); box-shadow:-5px -5px 7px rgba(0,0,0,.26); position:absolute; bottom:54px; left:50%; margin-left:-565px; z-index:5;}
#visual .visualTab button{-ms-flex-preferred-size:25%;flex-basis:25%; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; height:88px; text-align:center; font-size:23px; font-weight:900; letter-spacing:0; line-height:33px; color:#000; position:relative;}
#visual .visualTab button:nth-child(2)::after, #visual .visualTab button:nth-child(3)::after{content:""; display:block; width:1px; height:27px; background-color:#dbdbda; position:absolute; top:50%; right:0; margin-top:-13.5px;}
#visual .visualTab button img{display:inline-block; margin-right:15px;}
#visual .visualTab button.on{color:#ff6633;}

@-webkit-keyframes textmove {
    0% {opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
    100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}
@keyframes textmove {
    0% {opacity:0; -webkit-transform:translateY(10px); transform:translateY(10px);}
    100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0);}
}

#container{width:100%; height:auto; margin:0 auto;}