@charset "utf-8";

/* =========================== MAIN */
#mainVisual{overflow:hidden;position:relative;width:100%;height:772px;background-color:#222}

/* 이미지 */
#mainVisual .mainSwiper{position:absolute;left:0;top:0;z-index:1001;width:100%;height:772px;min-height:650px}
#mainVisual .main_img:after{position:absolute;left:0;bottom:103px;width:100%;height:1px;content:'';background-color:rgba(255,255,255,.3)}
#mainVisual .main_img li{width:100%;height:100%;background:url(/kr/theme/basic/img/main/img1.jpg) top center no-repeat;background-size:cover}
#mainVisual .main_img li.img02{background-image:url(/kr/theme/basic/img/main/img2.jpg)}
#mainVisual .main_img li.img03{background-image:url(/kr/theme/basic/img/main/img3.jpg)}
#mainVisual .main_img li.img04{background-image:url(/kr/theme/basic/img/main/img4.jpg)}
#mainVisual .main_img li.img05{background-image:url(/kr/theme/basic/img/main/img5.jpg)}
#mainVisual .main_img li.img06{background-image:url(/kr/theme/basic/img/main/img6.jpg)}
#mainVisual .main_img li.img07{background-image:url(/kr/theme/basic/img/main/img7.jpg)}

#mainVisual .txt{position:relative;max-width:1400px;height:100%;margin:0 auto;z-index:9999}
#mainVisual .txt .txt1{position:absolute;left:0;top:160px;margin-top:30px;font-weight:600;font-size:26px;line-height:1.2;color:#fff;letter-spacing:-1.1px;opacity:0}
#mainVisual .txt .txt1 span{display:block;font-weight:600}
#mainVisual .txt .txt2{position:absolute;left:0;top:240px;margin-top:30px;line-height:1.6;font-size:18px;color:rgba(255,255,255,.8);opacity:0}
#mainVisual .txt .go_btn{display:block;position:absolute;left:80px;top:425px;padding:20px 43px;border-radius:30px;margin-top:35px;border:solid 1px rgba(255,255,255,.3);font-size:13px;font-weight:700;color:#fff;letter-spacing:.2px;text-transform:uppercase;transition:all .2s;font-family:'Montserrat'}
#mainVisual .txt .go_btn:hover{color:#ff5a2b;background-color:#fff}

/* 페이저 */
#mainVisual .swiper-pager{position:absolute;left:0;bottom:83px;z-index:1002;margin-top:-55px}
#mainVisual .swiper-pager span{display:inline-block;position:relative;text-align:center;width:50px;height:38px;margin:20px 0;border-radius:0;opacity:.5;background:none;transition:all .5s}
#mainVisual .swiper-pager span:after{font-size:14px;font-weight:600;color:#fff;font-family:'Montserrat'}
#mainVisual .swiper-pager span:nth-child(1):after{content:'01'}
#mainVisual .swiper-pager span:nth-child(2):after{content:'02'}
#mainVisual .swiper-pager span:nth-child(3):after{content:'03'}
#mainVisual .swiper-pager span:nth-child(4):after{content:'04'}
#mainVisual .swiper-pager span:nth-child(5):after{content:'05'}
#mainVisual .swiper-pager span:nth-child(6):after{content:'06'}
#mainVisual .swiper-pager span:nth-child(7):after{content:'07'}
#mainVisual .swiper-pager span.swiper-pagination-bullet-active{width:50px;border-bottom:solid 1px #ff5a2b;opacity:1}

.slide_btn{position:absolute;left:0;top:460px;z-index:1}
.slide_btn button{all:unset;cursor:pointer;width:57px;height:57px;border-radius:50%;text-align:center;background-color:rgba(255,255,255,.3)}

.inq_btn{display:none;position:absolute;right:0;bottom:0;width:340px;height:156px;z-index:9999;font-size:15px;background-color:#ff5a2b}
.inq_btn a{display:block;height:100%;padding:40px 35px;color:rgba(255,255,255,.7)}
.inq_btn a p{padding-bottom:10px;font-weight:600;font-size:18px;color:#fff}
.inq_btn a .arr{position:absolute;right:0;top:0;width:52px;height:100%;background-color:#e65025}
.inq_btn a .arr:before,.inq_btn a .arr:after{position:absolute;top:72px;width:15px;height:25px;font-size:20px;content:'\f105';color:#fff;font-family:FontAwesome;transition:all .2s}
.inq_btn a .arr:before{left:23px}
.inq_btn a .arr:after{left:8px;opacity:0} 
.inq_btn:hover .arr:before{left:38px;opacity:0;transition-delay:0s}
.inq_btn:hover .arr:after{left:23px;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}  

/* 반응형 [s] */
@media (max-width:1600px){
#mainVisual{padding:0 45px}
#mainVisual .txt{width:92%}
}
@media (max-width:1024px){
#mainVisual{height:652px}
#mainVisual .txt .txt1{top:160px;font-size:38px}
#mainVisual .txt .txt2{top:303px}
.slide_btn{top:400px}
#mainVisual .txt .go_btn{top:365px}
#mainVisual .swiper-pager{bottom:63px}
#mainVisual .main_img:after{bottom:203px}
}
@media (max-width:768px){
.slide_btn{display:none}
#mainVisual{height:500px;width:100%}
#mainVisual .swiper-pager{bottom:auto;left:auto;right:0;top:50%;margin:0;transform:translateY(-50%)}
#mainVisual .swiper-pager span{display:block;width:8px;height:8px;border-radius:50%;background:#fff}
#mainVisual .swiper-pager span.swiper-pagination-bullet-active{width:8px;border:none;opacity:1}
#mainVisual .swiper-pager span:after{display:none}
#mainVisual .main_img:after{display:none}
#mainVisual .txt .go_btn{left:0}
#mainVisual .txt .txt1{font-size:25px;top:75px}
#mainVisual .txt .txt2{top: 150px; font-size: 18px;}
#mainVisual .txt .go_btn{top:297px;border:none;background-color:#ff5a2b}
.inq_btn{display:none}
}
@media (max-width:480px){
#mainVisual{height:460px;padding:0 20px}
#mainVisual .txt .txt1{font-size:20px}
#mainVisual .txt .txt2{font-size:15px}
#mainVisual .txt .go_btn{top:258px;padding:20px 40px}
}
@media (max-width:380px){
#mainVisual .txt .txt2{white-space:normal; word-break:keep-all}
#mainVisual .swiper-pager{top:auto;left:50%;right:auto;bottom:30px;transform:translate(-50%,0)}
#mainVisual .swiper-pager span{display:inline-block;margin:0 6px}
}
/* 반응형 [e] */

/* =========================== INC01 */
#inc01{position:relative;max-width:1400px;margin:100px auto 150px}
#inc01 .tit_area{font-size:20px;color:#222;text-align:center}
#inc01 .tit_area span{font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;font-family:'Montserrat'}
#inc01 .tit_area p{font-weight:600;font-size:30px}
#inc01 .img_slider{width:100%;margin:60px auto 0;padding-bottom:70px}
#inc01 .img_slider ul li{position:relative;width:100%;height:560px}
#inc01 .img_slider ul li .img{width:878px;margin:0 auto}
#inc01 .img_slider ul li .txt_box{position: absolute; left: 50%; bottom: 0; width: 460px; height: 280px; margin-left: -680px; font-size: 17px; background-color: #1d2228;}
#inc01 .img_slider ul li .txt_box a{display:block;height:100%;padding:80px 40px;color:rgba(255,255,255,.7)}
#inc01 .img_slider ul li .txt_box a .tit{padding-bottom:30px;font-weight:300;font-size:20px;color:#fff}
#inc01 .img_slider ul li .txt_box a .tit strong {padding-bottom:30px;font-weight:700;font-size:20px;color:#fff}
#inc01 .img_slider ul li .txt_box a span{display:inline-block;position:relative;margin-top:22px;font-weight:500;font-size:15px;line-height:2.5;color:#fff;overflow:hidden}
#inc01 .img_slider ul li .img{width:878px;height:100%;margin:0 auto;background-size:cover;background-position:center;background-repeat:no-repeat}
#inc01 .img_slider ul .s01{background-image:url(/kr/theme/basic/img/main/inc01/img1.jpg)}
#inc01 .img_slider ul .s02{background-image:url(/kr/theme/basic/img/main/inc01/img2.jpg)}
#inc01 .img_slider ul .s03{background-image:url(/kr/theme/basic/img/main/inc01/img3.jpg)}
#inc01 .img_slider ul .s04{background-image:url(/kr/theme/basic/img/main/inc01/img4.jpg)}
#inc01 .img_slider ul .s05{background-image:url(/kr/theme/basic/img/main/inc01/img4.jpg)}
#inc01 .swiper-button-next::after,#inc01 .swiper-button-prev::after{display:none}
#inc01 .next_btn,#inc01 .prev_btn{margin-top:-222px}
#inc01 .next_btn{right:14px}
#inc01 .prev_btn{left:14px}
#inc01 .swiper-pager{position:absolute;bottom:0;height:27px;text-align:center}
#inc01 .swiper-pagination-bullet{position:relative;margin:0 12px;width:6px;height:6px}
#inc01 .swiper-pagination-bullet:after{position:absolute;left:-9px;top:-9px;width:24px;height:24px;border:solid 1px #ff5a2b;border-radius:50%;content:'';opacity:0;transition:all .3s}
#inc01 .swiper-pagination-bullet-active{background-color:#ff5a2b}
#inc01 .swiper-pagination-bullet-active:after{opacity:1}
#inc01 .preview_img{right:0;bottom:70px;top:auto;width:261px;height:210px;background-color:#000;background-size:cover;background-repeat:no-repeat;background-position:center;filter:grayscale(100%);transition:all .5s}
 
#inc01 .img_slider ul li .txt_box a span:before,#inc01 .img_slider ul li .txt_box a span:after{position:absolute;bottom:0px;width:100%;height:2px;content:'';background-color:#fff;transition:all .2s}
#inc01 .img_slider ul li .txt_box a span:before{left:0}
#inc01 .img_slider ul li .txt_box a span:after{left:-100%;opacity:0} 
#inc01 .img_slider ul li .txt_box:hover span:before{left:100%;opacity:0;transition-delay:0s}
#inc01 .img_slider ul li .txt_box:hover span:after{left:0;opacity:1;transition-delay:.2s}  

/* 반응형 [s] */
@media (max-width:1400px){
#inc01{margin:70px auto 110px}
#inc01 .img_slider ul li .img{width:68%}
#inc01 .img_slider ul li .txt_box{width:35%;left:0;margin-left:0}
#inc01 .preview_img{width:16%}

}
@media (max-width:1024px){
#inc01{padding:0 20px;margin:80px 0}
#inc01 .tit_area .tit{font-size:31px}
#inc01 .tit_area{font-size:17px}
#inc01 .img_slider{height:680px;margin:40px auto 0} 
#inc01 .img_slider ul li .img{width:50%;height:100%;float:left}
#inc01 .img_slider ul li{height:100%}
#inc01 .img_slider ul li .txt_box{width:50%;height:100%;right:0;top:0;left:auto}
#inc01 .img_slider ul li .txt_box a{padding:62px 35px}
#inc01 .next_btn, #inc01 .prev_btn{display:none}
#inc01 .preview_img{height:43%;width:50%}
#inc02 .cont_txt span{color:#9d9d9d}
}
@media (max-width:768px){
#inc01{margin:50px 0}
#inc01 .tit_area{font-size:15px}
#inc01 .tit_area .tit{font-size: 28px; line-height: 34px;}
#inc01 .tit_area .cont{margin-top:10px;line-height:26px;white-space:pre-line}
#inc01 .img_slider{height:600px;margin-top:20px}

#inc01 .img_slider ul li .img{width:100%;height:50%}
#inc01 .img_slider ul li .txt_box{height:270px;width:100%;top:50%}
#inc01 .img_slider ul li .txt_box a{padding:40px 35px}
#inc01 .preview_img{display:none}
}
@media (max-width:480px){
#inc01 .tit_area p{ word-break:keep-all}
#inc01 .tit_area .tit{font-size: 25px; line-height: 30px;}
#inc01 .img_slider ul li .txt_box a{padding:40px 25px}
}
@media (max-width:380px){
#inc01 .tit_area .tit{font-size:23px;line-height:32px;white-space:pre-line}
#inc01 .img_slider ul li .txt_box p{white-space:normal}
#inc01 .img_slider ul li .txt_box p br {display:none}
#inc01 .img_slider ul li .txt_box a .tit{padding-bottom:12px;font-size:23px}
#inc01 .tit_area .cont{ white-space:normal}
}
/* 반응형 [e] */ 

/* =========================== INC02 */
#inc02{position:relative;height:710px}
#inc02:after{position:absolute;left:50%;bottom:100px;z-index:1;/*width:50%;*/height:1px;margin-left:-532px;content:'';background-color:#e1e1e1}
#inc02 .txtSwiper{position:relative;max-width:1300px;height:100%;margin:0 auto}
#inc02 .txtSwiper ul li{background:#fff}
#inc02 .tit_area{font-size:45px;color:#222}
#inc02 .tit_area p{padding-bottom:15px;font-size:65px;line-height:1.1;font-weight:800;font-family:'Montserrat'}
#inc02 .cont_txt{position: absolute; left: 0; top: 270px; font-size: 15px;}
#inc02 .cont_txt p{padding-bottom:10px;font-weight:500;font-size:17px;line-height:27px;color:#222}
#inc02 a {border-radius: 50%; border: 1px solid #666; font-family: 'Montserrat'; font-size: 18px; padding: 14px; color: #353535; font-weight: 600; text-align: center; display: block; margin-top: 39px; line-height: 44px; width: 70px; height: 70px;}
#inc02 .imgSwiper{position:absolute;left:50%;bottom:0;width:50%;height:532px}
#inc02 .imgSwiper:after{position:absolute;left:0;bottom:100px;width:100%;height:1px;content:'';z-index:999;background-color:rgba(255, 255, 255, 0.25)}
#inc02 .imgSwiper li{width:100%;height:100%;background:url(/kr/theme/basic/img/main/inc02/img1.jpg) center no-repeat;background-size:cover}
#inc02 .imgSwiper li.img02{background-image:url(/kr/theme/basic/img/main/inc02/img2.jpg)}
#inc02 .imgSwiper li.img03{background-image:url(/kr/theme/basic/img/main/inc02/img3.jpg)}
#inc02 .imgSwiper li.img04{background-image:url(/kr/theme/basic/img/main/inc02/img4.jpg)}
#inc02 .imgSwiper li.img05{background-image:url(/kr/theme/basic/img/main/inc02/img5.jpg)}
#inc02 .imgSwiper li.img06{background-image:url(/kr/theme/basic/img/main/inc02/img6.jpg)}
#inc02 .swiper-hero-progress {position:absolute;left:50%;bottom:100px;width:0;height:1px;background:#ff5a2b;z-index:5;margin-left:-530px}
#inc02 .swiper-pagination{position:absolute;left:calc((100% - 1300px) / 2);bottom:67px;z-index:1002;width:73px;height:73px;border-radius:50%;cursor:default;background-color:#ff5a2b}
#inc02 .swiper-pagination span{position: absolute; left: 20px; top: 18px; cursor: default; background: none; width: 34px;}
#inc02 .swiper-pagination span:after{font-size:20px;font-weight:600;color:#fff;opacity:0;font-family:'Montserrat'}
#inc02 .swiper-pagination span:nth-child(1):after{content:'01'}
#inc02 .swiper-pagination span:nth-child(2):after{content:'02'}
#inc02 .swiper-pagination span:nth-child(3):after{content:'03'}
#inc02 .swiper-pagination span:nth-child(4):after{content:'04'}
#inc02 .swiper-pagination span:nth-child(5):after{content:'05'}
#inc02 .swiper-pagination span:nth-child(6):after{content:'06'}
#inc02 .swiper-pagination span.swiper-pagination-bullet-active:after{opacity:1}

/* 반응형 [s] */
@media (max-width:1400px){
#inc02{padding:0 20px}
#inc02 .swiper-hero-progress{left:auto;margin:auto;right:0}
#inc02 .swiper-pagination{left:20px}
#inc02:after{left:0;margin-left:auto}
}
@media (max-width:1024px){
#inc02{height:auto;padding:0}
#inc02 a {border-radius: 50%; border: 1px solid #fff; font-family: 'Montserrat'; font-size: 18px; padding: 9px; color: #fff; font-weight: 600; text-align: center; display: block; line-height: 30px; width: 50px; height: 50px; margin: 20px auto 0;}
#inc02 .tit_area{margin-bottom:40px;font-size:17px;background:#fff}
#inc02 .tit_area p{padding-bottom:10px;font-size:39px}
#inc02 .imgSwiper{position:relative;left:auto;bottom:auto;z-index:0;width:100%;height:490px}
#inc02 .imgSwiper:after{bottom:0;height:3px}
#inc02 .txtSwiper {overflow:visible}
#inc02 .txtSwiper ul li{background:none}
#inc02 .cont_txt{opacity:0;left:20px;bottom:auto;top:50%;padding:60px 35px 50px;margin-top:208px;z-index:5;color:rgba(255,255,255,.5);background:rgba(30, 35, 41, 0.81); transition: all .3s;}
#inc02 .cont_txt p{color:#fff}
#inc02 .txtSwiper ul li.on .cont_txt{opacity:1}
#inc02 .swiper-pagination{bottom:auto;top:50%;left:20px;width:30px;height:30px;margin-top:-37px;border-radius:0}
#inc02 .swiper-pagination span{left:5px;top:7px}
#inc02 .swiper-pagination span:after{font-size:15px}
#inc02 .swiper-hero-progress{bottom:0;height:3px}
#inc02 .txt_area{text-align:center}
#inc02:after{display:none}
}
@media (max-width:768px){
#inc02 .tit_area{margin-bottom:20px;font-size:22px}
#inc02 .cont_txt{margin-top:196px}
#inc02 .swiper-pagination{margin-top:-49px;}
}
@media (max-width:480px){
#inc02 .tit_area p{font-size:31px}
#inc02 .imgSwiper{height:450px}
#inc02 .cont_txt{width:92%;left:50%;padding:70px 0 40px;margin-top:174px;transform:translateX(-50%)}
#inc02 .swiper-pagination{margin-top:-51px;left:50%;transform:translateX(-50%)}
}
@media (max-width:380px){
#inc02 .cont_txt{padding:62px 15px 40px}
#inc02 .cont_txt p{ white-space:normal}
#inc02 .cont_txt span{ white-space:normal}
}
/* 반응형 [e] */

/* =========================== INC03 */
#atc03{position:relative;max-width:1300px;margin:140px auto}

#atc03 .tit_area{font-size:20px;color:#222;text-align:center}
#atc03 .tit_area span{font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;font-family:'Montserrat'}
#atc03 .tit_area p{font-weight:600;font-size:30px}

#atc03 .icon_cont{margin-top:40px;border-top:solid 2px #000;border-bottom:solid 1px #000}
#atc03 .icon_cont:after{display:block;visibility:hidden;clear:both;content:""}
#atc03 .icon_cont li{position:relative;float:left;width:calc(100% / 3);height:348px;text-align:center;transition:all .3s}
#atc03 .icon_cont li+li:before{position: absolute; left: 0; top: 40px; width: 1px; height: 270px; content: ''; background-color: #e1e1e1;}
#atc03 .icon_cont li a{display:block;height:100%;padding-top:179px;color:#777;transition:all .3s}
#atc03 .icon_cont li p{padding-bottom:5px;font-weight:600;font-size:20px;color:#222;transition:all .3s}
#atc03 .icon_cont li img{position:absolute;bottom:204px;left:50%;margin-left:-30px;transition:all .3s}
#atc03 .icon_cont li:hover{background-color:#ed643d;box-shadow:0 5px 24px rgba(0, 0, 0, 0.23)}
#atc03 .icon_cont li:hover a{padding-top:171px;color:rgba(255,255,255,.7)}
#atc03 .icon_cont li:hover p{color:#fff}
#atc03 .icon_cont li:hover img{bottom:212px}

#atc03 .lt_area{padding:80px 0 100px;overflow:hidden}
#atc03 .lt_area .tit{margin-bottom:15px;font-size:28px;font-weight:800;color:#222; text-transform:uppercase;font-family:'Montserrat'}

#atc03 .news{float:left;width:calc(100% - (100% / 3))}
#atc03 .news .gall_img{width:100%;height:174px;background-repeat:no-repeat;background-position:center;background-size:cover}
#atc03 .news .lt_news ul{overflow:hidden}
#atc03 .news .lt_news ul li{float:left;width:380px;height:308px;margin-right:53px }
#atc03 .news .lt_news ul li a{display:block;height:100%}
#atc03 .news .lt_news ul li .gall_tit{padding:18px 0 3px;font-weight:500;font-size:17px;color:#222}

#atc03 .event{position:relative;float:left;width:calc(100% / 3)}
#atc03 .event .event_slider li{width:100%;height:308px;background-repeat:no-repeat;background-position:center;background-size:cover}
#atc03 .event .event_slider li a{display:block;height:100%}
#atc03 .event .event_slider li .gall_tit{opacity:0}
#atc03 .event .swiper-button-next, #atc03 .event .swiper-button-prev{width:26px;top:23px;font-size:19px;color:#999;text-align:center;transition:all .2s}
#atc03 .event .swiper-button-next{right:0}
#atc03 .event .swiper-button-next:before{position:absolute;top:18px;left:-11px;content:'';width:1px;height:10px;background-color:#ddd}
#atc03 .event .swiper-button-prev{left:auto;right:48px}
#atc03 .event .swiper-button-next:after, #atc03 .event .swiper-button-prev:after{display:none}
#atc03 .event .swiper-button-next:hover, #atc03 .event .swiper-button-prev:hover{color:#222}

/* 반응형 [s] */
@media (hover:hover) {
#atc03 .icon_cont li:hover{background-color:#ed643d;box-shadow:0 5px 24px rgba(0, 0, 0, 0.23)}
#atc03 .icon_cont li:hover a{padding-top:171px;color:rgba(255,255,255,.7)}
#atc03 .icon_cont li:hover p{color:#fff}
#atc03 .icon_cont li:hover img{bottom:212px}
}
@media (max-width:1300px){
#atc03{padding:0 20px}
#atc03 .lt_area{padding:40px 0 80px}
}
@media (max-width:1024px){
#atc03{margin:80px 0 80px 0}
#atc03 .tit_area .tit{font-size:31px}
#atc03 .tit_area{font-size:17px}
#atc03 .icon_cont li{height:390px}
#atc03 .icon_cont li:hover a{padding-top:143px;}
#atc03 .icon_cont li+li:before{display:none}
#atc03 .icon_cont li a{padding-top:158px}
#atc03 .icon_cont li img{top:52px}
#atc03 .news{width:49%;margin-right:2%}
#atc03 .news .lt_news ul li{width:100%}
#atc03 .event{width:49%}
}
@media (max-width:768px){
#atc03{margin:50px 0 100px 0}
#atc03 .tit_area{font-size:15px}
#atc03 .tit_area .tit{font-size:28px}
#atc03 .tit_area .cont{margin-top:10px;line-height:26px;white-space:pre-line}
#atc03 .icon_cont{margin-top:20px;border:none}
#atc03 .icon_cont li{float:none;width:100%;height:auto;margin-bottom:5px;border:solid 1px #e1e1e1;text-align:left}
#atc03 .icon_cont li:hover a{padding-top:50px;}
#atc03 .icon_cont li a{padding:25px 0 25px 30px}
#atc03 .icon_cont li img{margin-left:auto;left:auto;top:30px;right:30px}
#atc03 .news{width:100%;margin-right:0}
#atc03 .event{width:100%}
#atc03 .lt_area .tit{font-size:23px}
}
@media (max-width:480px){
#atc03{margin:70px 0 10px}
#atc03 .tit_area p{ word-break:keep-all}
#atc03 .tit_area .tit{font-size:25px}
#atc03 .icon_cont li a{padding-left:15px}
#atc03 .icon_cont li:hover a{padding-top:50px;}
#atc03 .icon_cont li img{max-width:61px;max-height:61px;top:41px;right:15px}
#atc03 .lt_area{padding-bottom:40px}
#inc01 .img_slider ul li .txt_box a .tit{font-size:20px}
}
@media (max-width:380px){
#atc03 .tit_area .tit{font-size:23px;line-height:32px;white-space:pre-line}
#atc03 .tit_area .cont{ white-space:normal}
#atc03 .icon_cont li img{max-width:30px;max-height:30px;top:20px}
}
/* 반응형 [e] */