@charset "UTF-8";

html, body, #wrap{height:100%}

.header_wrap{position:fixed}

/* 메인배너 */
.main_visual{height:100%;padding-top:120px;box-sizing:border-box}
.mv-slider-items{overflow:hidden}
.mv1{background:url('../img/main/mv_temp.jpg') no-repeat center;background-size:cover}
.main_visual .swiper-slide a{display:block;width:100%;height:100%}
.mv_paging{right:44px;margin-top:60px}
.mv_paging li{margin-bottom:30px}
.mv_paging li:last-child{margin-bottom:0}
.mv_paging a{display:block;width:12px;height:12px;border-radius:50%;background:rgba(87,64,39,0.2)}
.mv_paging li.on a, .mv_paging a:hover{background:#1d4b2f}

/* 배너1 */
.mv1{background-image:url('../img/main/mv1_bg.jpg')}
.mv1_text{left:35.5556%;top:15.9091%;width:28.6111%}
.mv1_text .ttl_txt{left:0;top:0}
.mv1_hover{z-index:5;cursor:pointer;border-radius:50%}
.mv1_hover1{left:4.8333%;top:13.5227%;width:28.7778%;height:58.8636%}
.mv1_hover2{left:66.4%;top:-11%;width:25%;height:51.1364%;z-index:5}
.mv1_mimg1{left:3.5556%;top:10.2273%;width:34.6667%}
.mv1_vid{box-shadow:3px 3px 13px rgba(7,0,2,0.3);opacity:0;transition:all .3s}
.mv1_mvid1{left:7.6111%;top:23.8636%;width:23.3333%;height:38.6360%;background-image:url('../img/main/mv1_vid1.jpg')}
.mv1_mimg2{left:64.5%;top:0;width:30.8333%}
.mv1_mvid2{left:65.7778%;top:6.8182%;width:28.8889%;height:38.6364%;background-image:url('../img/main/mv1_vid.jpg')}
.mv1_bimg{left:0;bottom:0;width:100%}
.mv1_img_sh{left:29.4444%;bottom:0;width:48.9444%}
.mv1_mid_img{left:33.3333%;top:49.545%;width:33.7778%}
.mv1_hover:hover + .mv1_vid{opacity:1}

/* 메인배너2 */
.mv2_half{top:0;width:50%;height:100%}
.mv2_left{left:0;background-image:url('../img/main/mv2_left_bg.jpg')}
.mv2_right{right:0;background-image:url('../img/main/mv2_right_bg.jpg')}
.mv2_ttl{left:23.3333%;top:14.7727%;width:7.2778%}
.mv2_txt{left:31.6667%;top:14.7727%;width:2.5556%}
.mv2_video_wrap{left:41.6667%;top:14.7727%;width:43.3333%;height:57.9545%}
.mv2_video_wrap .mv2_video{position:relative;padding-top:65.3846%}
.mv2_video iframe{position:absolute;left:0;top:0;box-shadow:4px 4px 6px rgba(7,0,2,0.5)}
.mv2_slide{left:0;bottom:0;width:100%;height:120px;background:rgba(163,128,43,0.9)}
.mv2_slide li{width:auto;padding:0 25px}

/* intro */
.intro{height:926px;z-index:5}
.intro_tabs{left:0;top:260px;z-index:3}
.intro_tabs a{display:block;width:150px;line-height:58px;border:1px solid #485d45;border-bottom:0;box-sizing:border-box;font-family:'NotoSansKR-Light';font-size:18px;color:#a7ab9e}
.intro_tabs li:last-child a{border-bottom:1px solid #485d45}
.intro_tabs li.on a, .intro_tabs a:hover{background:#fff;font-family:'NotoSansKR-Bold';color:#254132}
.intro_bg_slide{left:0;top:0;width:100%;height:700px}
.intro_tabconts .bg{left:0;top:0;width:100%;height:700px}
.intro1 .bg{background-image:url('../img/main/intro_bg1.jpg')}
.intro2 .bg{background-image:url('../img/main/intro_bg2.jpg')}
.intro3 .bg{background-image:url('../img/main/intro_bg3.jpg')}
.intro_tabconts .wide{height:926px;margin:0 auto}
.intro_tabconts .bg_text{padding:100px 0 0 18px}
.intro_tabconts .ttl{top:100px;margin-left:-600px}
.intro_tabconts .text_area_rt{padding:380px 80px 0 0}
.intro_tabconts .text{padding:0 0 55px;color:#a7ab9e}
.intro_tabconts .link{color:#a7ab9e}
/* .intro1 .img1{top:0;margin-left:-537px} */
.intro_tabconts .img2{top:337px;margin-left:-312px}

/* story */
.story{height:780px}
.story .color_bg{left:0;top:0;width:calc(100% - 100px);height:700px;background:#b58e31}
.story .img_title{right:50%;top:100px;margin-right:-750px}
/* .story_slide{padding-top:100px} */
.story .visual_area_wrap{overflow:hidden;position:relative;width:50%;height:680px;margin-top:100px;margin-right:230px;background-image:url('../img/main/story_sl_img1.jpg')}
.story .visual_area{position:absolute;left:50%;top:50%;margin-left:-640px;margin-top:-435px;width:1280px;height:870px}
.story_slide{width:calc(50% - 230px);height:680px;padding-top:100px}
/* .story_slide .text_area.no_title{padding-top:237px} */
.story_slide .slide_title{padding:80px 0 35px}
.story_slide .stext{color:#fff}
.story_slide .text{padding:20px 0 45px;color:#f5eddb}
.story_slide a{color:#f5eddb}
.story .controls{left:50%;bottom:0;width:50%;height:80px}
.story_btns{width:80px;height:80px;background-repeat:no-repeat;background-position:center}
.story_btns.story_prev{position:relative;background-image:url('../img/main/story_prev.png')}
.story_btns.story_next{background-image:url('../img/main/story_next.png')}
.story_btns.story_prev:after{content:'';position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background:rgba(55,85,53,0.2)}
.story_paging{padding:28px 0 0 75px}
.story_paging li{position:relative;float:left;margin-right:38px}
.story_paging li:last-child{margin-right:0}
.story_paging img.on{left:0;top:0;opacity:0}
.story_paging li.swiper-pagination-bullet-active img.on, .story_paging a:hover img.on{opacity:1}
.story_paging li.swiper-pagination-bullet-active img.off, .story_paging a:hover img.off{opacity:0}

@media screen and (max-width:1800px) {
    .story .color_bg{width:100%}
}
@media screen and (max-width:1600px) {
    .story .img_title{display:none}
    .story .visual_area_wrap{margin-right:100px}
}

/* 성공경쟁력 */
.success{height:780px}
.success .color_bg{right:0;bottom:0;width:calc(100% - 100px);height:455px;background:#d4d2c8}
.success .img_title{padding:100px 0 45px}
.success .wide{padding:0 20px}
.sc_btns{top:85px;width:80px;height:80px;border:1px solid #c5c5bc;box-sizing:border-box;background-repeat:no-repeat;background-position:center;font-size:0;line-height:0}
.sc_btns.sc_prev{right:100px;background-image:url('../img/main/story_prev.png');border-right:0}
.sc_btns.sc_next{right:20px;background-image:url('../img/main/story_next.png')}
.sc_slide{width:1460px}
.sc_slide .swiper-container{margin:0;overflow:visible}
.sc_slide .swiper-slide{width:426px;opacity:0;
-webkit-transition:opacity .3s
transition:opacity .3s
}
.sc_slide .swiper-slide-active, .sc_slide .swiper-slide-active ~ .swiper-slide{opacity:1}
.sc_slide .slide_in{width:390px;opacity:0;
-webkit-transform:translateX(-426px);
transform:translateX(-426px);
-webkit-transition:opacity .2s, transform .4s;
transition:opacity .2s, transform .4s
}
.sc_slide li.swiper-slide:first-child{z-index:20}
.sc_slide li:nth-child(2){z-index:19}
.sc_slide li:nth-child(3){z-index:18}
.sc_slide li:nth-child(4){z-index:17}
.sc_slide .sl_title{right:-36px;top:0}
.sc_slide .text_area{height:225px;padding:40px 0 0 40px;box-sizing:border-box;background:#fff}
.sc_slide .text{padding-top:20px}
.sc_slide .swiper-slide.active .slide_in{opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}

@media screen and (max-width:1550px) {
    .sc_slide{width:100%}
}

/* 브랜드영상 */
.brand_video{position:relative;padding-top:42.5%;margin-top:100px}
.brand_video > iframe{position:absolute;left:0;top:0}
.no-video .brand_video{background-image:url('../img/main/brand_vid.jpg')}
.brand_video .brv_ttl{top:50%;right:12.5%;z-index:10;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* 메인게시판 */
.main_board{height:784px;margin-top:100px;padding-top:200px;background-image:url('../img/main/board_bg.jpg');box-sizing:border-box}
.main_board .title_area .img_title{width:733px;margin:0 auto 25px}
.main_board .title_area .img_title span{left:0;top:0}
.main_board .title_area > .text{color:#c9c9c9}
.main_board .wide{padding:55px 20px 0}
.board_box{width:48%;height:240px;border:1px solid rgba(255,255,255,0.2)}
.board_box .img_title{padding:62px 40px 0 130px}
.ns_slide{width:410px;margin-top:55px}
.new_store .img{width:180px;height:130px;vertical-align:middle}
.new_store .text_area{width:200px;margin-left:30px;vertical-align:middle}
.new_store .new_st_name, .new_store .new_st_addr{color:#fffefe}
.new_store .new_st_addr{margin-top:12px;line-height:156%}
.notice .img_title{padding-right:50px}
.notice ul{width:380px;margin-top:60px}
.notice li{margin-bottom:10px}
.notice .text{color:#fffefe}
.notice .notice_text{width:calc(100% - 100px)}
.notice .date{width:100px}

@media screen and (max-width:1500px) {
    .board_box .img_title{padding-left:80px}
}

/* SNS */
.sns .swiper-slide{width:256px}
.sns a{display:block;position:relative;height:257px}
.sns span.ico{position:absolute;right:10px;top:10px}

.footer_wrap{margin-top:165px}

/* .inquiry_bar{position:absolute;left:50%;bottom:580px;width:1500px;margin-left:-750px}

@media screen and (max-width:1500px) {
    .inquiry_bar{left:0;width:100%;margin-left:0}
} */