*, body {font-family:'Noto Sans KR', 'sans-serif'; margin: 0; padding: 0;  }
html { font-size: 14px; font-weight:400;  }
a, a:hover, a:focus, a:active, a:link { text-decoration: none; cursor: pointer; color: inherit; }
img { border: 0; vertical-align: middle; }
ol, ul { list-style: none; margin: 0; padding: 0; }
fieldset { border: 0; }
button { border: 0; background: none; cursor: pointer; }
button:focus { outline: none; }
strong, b { color: inherit; font-size: inherit; }
i, em { font-style: normal; }
mark { color: inherit; background: none; }
button { -webkit-appearance: none; }
input { -webkit-border-radius: 0; }
table { border-collapse: collapse; }
body {overflow-x:hidden; overflow-y:auto; -max-width:1920px;margin:0 auto;}

.quick {position:absolute;top:420px;right:10px;z-index:111;}
.quick ul {padding:12px 0 4px;background:#fff;width:144px;text-align:center;}
.quick ul li {margin-bottom:12px;}

/* gnb */
header {position: relative;}
.gnb-area {position: absolute; top:0; left: 0; z-index:9999; width:100%;}
.gnb-area img {vertical-align:top;}
.scroll .gnb-area {background:#fff;}
.logo { width: 168px; height: 19px; position: absolute; top: 42px; left: 5%; z-index:99; }
.logo a {display: block; width: 100%; height: 100%;  background:url(../../images/logo.png) no-repeat; text-indent:-9999px; background-size: 100%;}
.gnb {position:absolute; top:40px; left: 50%; transform: translate(-65%); z-index:2; overflow:hidden; min-width:680px; letter-spacing:0; }
.gnb>ul>li {position:relative; float:left; text-align:center; margin: 0 37px;}
.gnb .depth1 {position:relative; display:block; color:#2a2a2a; font-size:15px; font-weight: 400; line-height: 30px; padding: 0 0; }
.gnb.open .depth1 {}
.gnb.open>ul>li>a:hover {color:#a00e15; font-weight:500;}
.gnb>ul>li>ul {display:block; margin-top:40px; opacity:0; }
.gnb>ul>li>ul>li {float:none; margin-top:10px; width:auto;}
.gnb>ul>li>ul>li>a { font-size:13px; color:#9d9d9d; line-height:18px; font-weight: 400; letter-spacing:-0.7px;}
.gnb>ul>li>ul>li>a:hover {color:#a00e15;font-weight:500;}
.navi-bg {position:fixed; width:100%; height:0px; left: 0; top: 0; z-index:1; overflow: hidden;  }
.navi-bg .white-bg {width:100%; height: 360px; background:rgba(240,240,240,1); box-sizing:border-box;  overflow: hidden;}
.head_tel {position:absolute;top:41px;right:5%;}
.head_open {position:absolute;top:42px;right:calc(5% + 205px);z-index:11;padding-right:24px;}
.head_open:after {content:'';position:absolute;top:2px;right:0;width:1px;height:16px;background:rgba(0,0,0,.5);}
.head_link {position:absolute;top:26px;right:calc(10% + 400px);z-index:11;}

.quick- {animation: rotate 5s infinite linear; }
@keyframes rotate {
	from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 1630px) {

}

/* main visual */
.main_visual_box { width: 100%; -max-width:1920px; -height: 1000px; position: relative; z-index: 99; box-sizing:border-box;}
.main_visual_box .swiper1 { width: 100%; height: 100%; position: relative; left: 0; bottom: 0; margin-bottom: 0; }
.main_visual_box .main_slide_bg01 { width: 100%; height: 100%; background: url(../../images/main_visual.jpg) center no-repeat; background-size: cover; }
.main_visual_box .main_txt01 { position: absolute; left: 0; top: 0;  width:100%;height:100%;  text-align:center; z-index: 1000; }
.main_visual_box .txt1 { position: absolute; left: 50%; top: 50%; opacity: 0; margin: -281px 0 0 -76px;}
.main_visual_box .txt2 { position: absolute; left: 50%; top: 50%; opacity: 0; margin: -180px 0 0 -76px;}
.main_visual_box .txt3 { position: absolute; left: 50%; top: 50%; opacity: 0; margin: -67px 0 0 147px;}
.main_visual_box .txt4 { position: absolute; left: 50%; top: 50%; opacity: 0; margin: 43px 0 0 450px;}
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .main_slide_bg01 { animation: main_img 5s 0.2s both; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt1 { animation: main_txt 1.6s 1.0s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt2 { animation: main_txt 1.6s 1.5s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt3 { animation: main_txt 1.6s 2.0s both; animation-timing-function :ease-out ; }
.main_visual_box .swiper1 .swiper-slide.swiper-slide-active .txt4 { animation: main_txt 1.6s 2.5s both; animation-timing-function :ease-out ; }
.main_visual_box .visual_icon {position:absolute;right:35px;bottom:21px;z-index:1;}
.main_visual_box .visual_icon ul li {float:left;margin-left:10px;}
    
@keyframes main_img {
    from { transform: scale(1.2); }
    to {  }
}
@keyframes main_txt {
    from { opacity: 0; transform: translateY(80px);  }
    to { opacity: 1; }
}

.main_visual_box .swiper-pagination {left: 50% !important; bottom: auto !important; top: 50%; width:auto !important; margin: 124px 0 0 -676px;}
.main_visual_box .swiper-pagination-bullet { width: 94px; height: 94px; opacity: 1; border-radius:0;margin:20px 13px 0 0 !important;}
.main_visual_box .swiper-pagination-bullet:nth-child(1) { background:url(../../images/main_img01of.png) no-repeat; }
.main_visual_box .swiper-pagination-bullet:nth-child(2) { background:url(../../images/main_img02of.png) no-repeat; }
.main_visual_box .swiper-pagination-bullet-active { opacity: 1; } 
.main_visual_box .swiper-pagination-bullet-active:nth-child(1) { background:url(../../images/main_img01on.png) no-repeat; }
.main_visual_box .swiper-pagination-bullet-active:nth-child(2) { background:url(../../images/main_img02on.png) no-repeat; }
.main_visual_box .swiper-button-next { width: 17px; height: 33px; background: url(../images/visual_right.png) no-repeat; top: 94.6% !important; right:43% !important}
.main_visual_box .swiper-button-prev { width: 17px; height: 33px; background: url(../images/visual_left.png) no-repeat; top: 94.6% !important; left:43% !important}
.swiper-button-next::after, .swiper-button-prev::after { display: none; }

.mcont_wrap .mcont, .cycle-carousel-wrap {
    width: 100%;
    height: 100%;
}
.scont_wrap {width:100%; height:100% !important;}
.scont_wrap .scont {width:100%; height:100%; overflow:hidden; position:relative !important;}
.scont_wrap .scont_bottom {
    overflow: hidden;
}

.main_pre {position:relative;height:991px;background:url(../../images/main_pre_bg.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.main_pre .title {padding-top:220px;text-align:center;}
.main_pre .swiper2 {left: 50%; margin-left: -752px; margin-top:64px;}
.main_pre .s2-prev {position:absolute;top:850px;left:50%;margin-left:-741px;width:12px;height:20px;background:url(../../images/main_pre_prev.png) no-repeat center;}
.main_pre .s2-next {position:absolute;top:850px;left:50%;margin-left:-692px;width:12px;height:20px;background:url(../../images/main_pre_next.png) no-repeat center;}
.main_pre .swiper-pagination2 {position:absolute;top:850px;left:50%;margin-left:-645px;width:48px;}
.main_pre .swiper-pagination2:after {content:'/ 6';position:absolute;top:0;right:0;font-size:20px;color:#919191;line-height:20px;}
.main_pre .swiper-pagination2 .swiper-pagination-bullet {position:absolute;top:0;left:0;background:transparent;opacity:0;border-radius:0;}
.main_pre .swiper-pagination2 .swiper-pagination-bullet-active {opacity:1;}
.main_pre .swiper-pagination2 .swiper-pagination-bullet:nth-child(1):after {content:'1';font-size:20px;color:#a00e15;line-height:20px;font-weight:500;}
.main_pre .swiper-pagination2 .swiper-pagination-bullet:nth-child(2):after {content:'2';font-size:20px;color:#a00e15;line-height:20px;font-weight:500;}
.main_pre .swiper-pagination2 .swiper-pagination-bullet:nth-child(3):after {content:'3';font-size:20px;color:#a00e15;line-height:20px;font-weight:500;}
.main_pre .swiper-pagination2 .swiper-pagination-bullet:nth-child(4):after {content:'4';font-size:20px;color:#a00e15;line-height:20px;font-weight:500;}
.main_pre .swiper-pagination2 .swiper-pagination-bullet:nth-child(5):after {content:'5';font-size:20px;color:#a00e15;line-height:20px;font-weight:500;}
.main_pre .swiper-pagination2 .swiper-pagination-bullet:nth-child(6):after {content:'6';font-size:20px;color:#a00e15;line-height:20px;font-weight:500;}

.main_map {height:1009px;background:#f4efe4;position:relative;}
.main_map .con {position:absolute;top:425px;left:50%;margin-left:-754px;}
.main_map .img {position:absolute;top:181px;left:50%;margin-left:-164px;}



/* sub visual */
.sub_visual_box { width: 100%; height: 503px; background: url(../../images/sub_visual.jpg) center no-repeat; text-align:center; padding-top:177px; box-sizing:border-box;}


    
    

/* sub content */
.content {position: relative; width: 100%; margin: 0 auto; text-align: center; }
    
/* footer */
#footer {background:#fff; position:relative; width:100%; padding:35px 5%; box-sizing:border-box; display: flex; justify-content: space-between; align-items: flex-end;}
#footer .foot-left {font-size:12px;color:#999;line-height:14px;position:relative;}
#footer .foot-left .t1 {margin-top:15px;}
#footer .foot-left .t2 {margin-top:5px;}
#footer .foot-left .t3 {margin-top:8px;}
#footer .foot-right {}