@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

body{background: #fbfbfa;font-family: 'Josefin Sans';-ms-overflow-style: none;scrollbar-width: none;}
body::-webkit-scrollbar {display: none;}

#wrap{float:right;width: calc(100% - 320px);}

#sec1{height:100vh;width:100%;transition: .5s;overflow:hidden; }
#sec1 .sec1_slide{height:100%;width:100%;}
 
#sec1 .sec1_slide .swiper-slide{background: #fff;position: relative;}

#sec1 .sec1_slide .swiper-slide .tit{position: absolute;left:50%;top:50%;z-index: 10;color:#fff;transform: translate(-50%,-50%);text-align: center;width:800px;padding:20px;opacity: 0;}
#sec1 .sec1_slide .swiper-slide .tit h2{font-size:40px;font-weight: 700;line-height:1.3em;opacity:.8;}
#sec1 .sec1_slide .swiper-slide .tit h3{font-size:16px;line-height:1.3em;font-weight: 400;letter-spacing: 2px;opacity:.8;}
#sec1 .sec1_slide .swiper-slide .tit span{position: absolute;width:100%;height:100%;left:0;top:0;}

#sec1 .sec1_slide .swiper-slide .tit .frame_1:before{content: '';display: block;position: absolute;left:0;top:0;width:20px;height:20px;opacity: 0.8;border-top:5px solid #fff;border-left:5px solid #fff;}
#sec1 .sec1_slide .swiper-slide .tit .frame_1:after{content: '';display: block;position: absolute;left:0;bottom:0;width:20px;height:20px;opacity: 0.8;border-bottom:5px solid #fff;border-left:5px solid #fff;}

#sec1 .sec1_slide .swiper-slide .tit .frame_2:before{content: '';display: block;position: absolute;right:0;top:0;width:20px;height:20px;opacity: 0.8;border-top:5px solid #fff;border-right:5px solid #fff;}
#sec1 .sec1_slide .swiper-slide .tit .frame_2:after{content: '';display: block;position: absolute;right:0;bottom:0;width:20px;height:20px;opacity: 0.8;border-bottom:5px solid #fff;border-right:5px solid #fff;}

@keyframes tit_top{
    0%{transform: translate(-50%,-10%);opacity: 0;}
    100%{opacity: 1;}
}

#sec1 .sec1_slide .swiper-slide-active .tit{animation: tit_top .5s .8s ease-in-out forwards;}


#sec1 .sec1_slide .img1{background: url(../img/main/image1.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img2{background: url(../img/main/image2.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img3{background: url(../img/main/image3.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img4{background: url(../img/main/image4.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img5{background: url(../img/main/image5.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img6{background: url(../img/main/image6.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img7{background: url(../img/main/image7.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img8{background: url(../img/main/image8.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img9{background: url(../img/main/image9.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img10{background: url(../img/main/image10.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img11{background: url(../img/main/image11.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img12{background: url(../img/main/image12.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img13{background: url(../img/main/image13.jpg)no-repeat 50% 50%;background-size: cover;}
#sec1 .sec1_slide .img14{background: url(../img/main/image14.jpg)no-repeat 50% 50%;background-size: cover;}


#sec1 .sec1_slide .sec1_pagi{left:auto;right:66px;color:#fff;font-size:24px;letter-spacing: 1px;width:auto;bottom:44px;line-height:42px;opacity: 0;transition: all .4s ease-in-out;}
#sec1 .sec1_slide .sec1_prev{left:auto;top:auto;bottom:44px;right:145px;width:44px;height:44px;opacity: 0;transition: all .4s ease-in-out;outline: none;}
#sec1 .sec1_slide .sec1_prev:after{display: none;}
#sec1 .sec1_slide .sec1_prev:before{content: '';width:15px;height:30px;background: url(../img/btn/prev_2.png)no-repeat 50% 50%;}
#sec1 .sec1_slide .sec1_next{left:auto;top:auto;bottom:44px;right:20px;width:44px;height:44px;opacity: 0;transition: all .4s ease-in-out;outline: none;}
#sec1 .sec1_slide .sec1_next:after{display: none;}
#sec1 .sec1_slide .sec1_next:before{content: '';width:15px;height:30px;background: url(../img/btn/next_2.png)no-repeat 50% 50%;}

#sec1 .sec1_slide:hover .sec1_pagi,#sec1 .sec1_slide:hover .sec1_prev,#sec1 .sec1_slide:hover .sec1_next{opacity: 1;}

#sec1 .sec1_slide .scroll_wrap{position: absolute;right:30px;bottom:12px;line-height:30px;margin-top:-15px;font-size:10px;font-weight: bold;z-index: 10;}
#sec1 .sec1_slide .scroll_wrap .box{width:20px;height:30px;float:left;border:2px solid rgba(255,255,255,1);border-radius: 5px;margin-right: 20px;}
#sec1 .sec1_slide .scroll_wrap .box .scr{width:2px;height:6px;background: #fff;position: relative;left:50%;top:6px;margin-left:-1px;border-radius: 25%;animation: scrollDown 1s ease-in-out infinite;}
#sec1 .sec1_slide .scroll_wrap span{position: relative;color:#fff;}
#sec1 .sec1_slide .scroll_wrap span:before{content: '';width:34px;height:2px;background: #fff;position: absolute;bottom:-5px;left:0;}
@keyframes scrollDown{
    0%{top:6px}
    100%{opacity: 0;top: 14px;}
}


/*sec2*/

#sec2{height:572px;width:100%;}
#sec2 .sec2_in{position: relative;width:100%;height:100%;padding:0 15px;background: url(http://richeche.cdn3.cafe24.com/sub1/le_bt_img.png)no-repeat left bottom, url(http://richeche.cdn3.cafe24.com/sub1/ri_tp_img.png)no-repeat top right;}
#sec2 .sec2_in .tit{text-align: center;color:#4e4e4e;position: absolute;left:50%;top:50%;transform: translate(-50% , -50%);width:580px;}
#sec2 .sec2_in .tit h2{font-size:44px;font-family: 'NanumSquare';line-height:2em;position: relative;margin-bottom:30px;}
#sec2 .sec2_in .tit h2:after{content: '';width:80px;height:1px;background: #d4d4d4;position: absolute;left:50%;bottom:0;margin-left:-40px;}
#sec2 .sec2_in .tit h3{font-family: 'NanumSquare';font-size:22px;letter-spacing: .5px;line-height:1.3em;margin-bottom:13px;}
#sec2 .sec2_in .tit h4{font-family: 'NanumSquare';font-size:28px;letter-spacing: 4.2px;line-height:.8em;margin-bottom:60px;position: relative;}
#sec2 .sec2_in .tit h4:after{content: '';width:20px;height:1px;position: absolute;left:50%;margin-left:-10px;bottom:-25px;;background: #d4d4d4;}
#sec2 .sec2_in .tit p{font-size:14px;line-height:26px;font-family: 'Noto Sans KR';font-weight: 300;letter-spacing: 0px;}

/*sec3*/

#sec3{width:100%;padding:15px 0;}
#sec3 .sec3_slide{width:100%;padding-bottom:30px;}
#sec3 .sec3_slide .swiper-slide{position: relative;}
#sec3 .sec3_slide .swiper-slide-prev{margin-left:25%;}
#sec3 .sec3_slide .swiper-slide a{display: block;overflow: hidden;}

#sec3 .sec3_slide .swiper-slide a .img{width:100%;height:100%;position: relative;}
#sec3 .sec3_slide .swiper-slide a .img img{width:100%;height:100%;transition: all .4s ease-in-out;}
#sec3 .sec3_slide .swiper-slide a:first-child:hover .img img{transform: scale(1.2);}
#sec3 .sec3_slide .swiper-slide a:first-child .img .cover{position: absolute;left:0;top:0;background: rgba(0,0,0,0);width:100%;height:100%;transition: all .4s ease-in-out;}
#sec3 .sec3_slide .swiper-slide a:first-child:hover .img .cover{background: rgba(0,0,0,.3);}


#sec3 .sec3_slide .swiper-slide a:first-child .img .cover .bor_w{width:60px;height:1px;background: #fff;position: absolute;left:-10%;top:50%;margin-top:-.5px;margin-left:-30px;transition: all .3s ease-in-out;}
#sec3 .sec3_slide .swiper-slide a:first-child .img .cover .bor_h{width:1px;height:60px;background: #fff;position: absolute;left:50%;top:-10%;margin-top:-30px;margin-left:-0.5px;transition: all .3s ease-in-out;}

#sec3 .sec3_slide .swiper-slide a:first-child:hover .img .cover .bor_w{left:50%;}
#sec3 .sec3_slide .swiper-slide a:first-child:hover .img .cover .bor_h{top:50%;}

#sec3 .sec3_slide .swiper-slide a:last-child{padding:20px;}
#sec3 .sec3_slide .swiper-slide a:last-child{text-align: center;color:#333;}
#sec3 .sec3_slide .swiper-slide a:last-child h2{font-family: 'Muli';color:#bababa;font-size:18px;line-height:24px;letter-spacing: 1px;position: relative;}

#sec3 .sec3_slide .swiper-slide a:last-child h2:after{content: '';width:30px;height:1px;background: #333;position: absolute;bottom:-12px;right:50%;margin-right:-45px;opacity:.5;}
#sec3 .sec3_slide .swiper-slide a:last-child h2:before{content: '';width:30px;height:1px;background: #333;position: absolute;bottom:-12px;left:50%;margin-left:-45px;opacity:.5;}

#sec3 .sec3_slide .swiper-slide a:last-child h3{font-family: 'NanumSquare';font-size:22px;letter-spacing: 2px;opacity: .7;font-weight: bold;}
#sec3 .sec3_slide .swiper-slide a:last-child img{margin:0px 0 5px;opacity: .8;}

#sec3 .sec3_slide .sec3_pagi{bottom:0;}

/*sec4*/

#sec4{margin:100px 0 120px;overflow: hidden;}
#sec4 .sec4_in{max-width:1260px;margin:auto;width:100%;min-width:910px;}
#sec4 .sec4_in .left{width:50%;float:left}
#sec4 .sec4_in .left .left_in{padding:0 15px;width:100%;}
#sec4 .sec4_in .left .left_in .wrap{}
#sec4 .sec4_in .left .left_in .wrap .tit{color:#494949;letter-spacing: .5px;margin-bottom:32px;}
#sec4 .sec4_in .left .left_in .wrap .tit h2{font-size:64px;letter-spacing: .5px;height:62px;text-indent: -5px;margin-bottom:8px;}
#sec4 .sec4_in .left .left_in .wrap .tit h3{font-size:24px;line-height:30px;margin-bottom:20px;}
#sec4 .sec4_in .left .left_in .wrap .tit h4{font-size:14px;font-family: 'Noto Sans KR';font-weight: 300;line-height:18px;margin-bottom:40px;position: relative;}
#sec4 .sec4_in .left .left_in .wrap .tit h4:before{content: '';height:22px;width:1px;background: #5c7798;position: absolute;left:2px;bottom:-30px;}
#sec4 .sec4_in .left .left_in .wrap .tit h5{font-size:11px;line-height:13px;color:#d4d4d4;}

#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs{padding-bottom:80px;padding-top:20px;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide{width:100%;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide img{width:100%;}

#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide a{display: block;position: relative;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide a .cover{width:100%;height:100%;position: absolute;left:0;top:0;right:0;bottom:0;opacity: 0; transition: all .4s ease-in-out;}

#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide:hover a .cover{opacity: 1;}

#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide a .co1{background: url(../img/sub3/1/1.jpg)no-repeat 50% 50%;background-size: cover;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide a .co2{background: url(../img/sub3/2/1.jpg)no-repeat 50% 50%;background-size: cover;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide a .co3{background: url(../img/sub3/3/1.jpg)no-repeat 50% 50%;background-size: cover;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide a .co4{background: url(../img/sub3/4/1.jpg)no-repeat 50% 50%;background-size: cover;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide a .co5{background: url(../img/sub3/5/1.jpg)no-repeat 50% 50%;background-size: cover;}

#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide{transition: all .4s ease-in-out;bottom:0;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide:hover{bottom:20px;}

#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide-thumb-active{bottom:20px;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide-thumb-active a .cover{opacity: 1;}


#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .thumbs_next{bottom:0;top:auto;border:1px solid #333;z-index: 10;width:53px;height:53px;right:0;outline: none;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .thumbs_next:after{display: none;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .thumbs_next:before{content: '';width:25px;height:15px;background: url(../img/btn/next.png)no-repeat 50% 50%;background-size: cover;transition: all .4s ease-in-out;}

#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .thumbs_prev{bottom:0;top:auto;border:1px solid #333;z-index: 10;width:53px;height:53px;right:68px;left:auto;outline: none;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .thumbs_prev:after{display: none;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .thumbs_prev:before{content: '';width:25px;height:15px;background: url(../img/btn/prev.png)no-repeat 50% 50%;background-size: cover;transition: all .4s ease-in-out;}

#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .thumbs_next:hover{border:1px solid #4e4e4e; background: #4e4e4e;transition: all .4s ease-in-out;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .thumbs_prev:hover{border:1px solid #4e4e4e ; background: #4e4e4e;transition: all .4s ease-in-out;}

#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .thumbs_next:hover:before{background: url(../img/btn/next_w.png);width:25px;height:15px;background-size: cover;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .thumbs_prev:hover:before{background: url(../img/btn/prev_w.png);width:25px;height:15px;background-size: cover;}

#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .more{border:1px solid #333;display:block;width:143px;height:53px;line-height:53px;position: absolute;text-align: center;bottom:0;left:0;color:#333;letter-spacing: 1px;transition: all .4s ease-in-out;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .more a{display: block;color:#333;font-family: 'Noto Sans KR';font-size:14px;font-weight: 300;position: relative;position: absolute;left:50%;transform: translateX(-50%);z-index: 10;transition: all .3s ease-in-out;width:100%;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .more .bg{background: #4e4e4e;position: absolute;left:0;top:0;right:0;transition: all .3s ease-in-out;height:0%;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .more:hover .bg{bottom:0;height:100%}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .more:hover a{color:#fff;}
#sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .more:hover{border:1px solid #4e4e4e;}


#sec4 .sec4_in .right{width:50%;float:right;}
#sec4 .sec4_in .right .right_in{background-position: 50% 50% !important;background-repeat:no-repeat;padding:0 15px;width:100%;position: relative;}
#sec4 .sec4_in .right .right_in .back_co{background:url(../img/doto_bg2.png);z-index: -1;display: block;height:100%;position: absolute;background-repeat:no-repeat;background-position: center;left:-100px;top:0;right:-100px;}

#sec4 .sec4_in .right .right_in .gallery-top{max-width: 494px;height:auto;vertical-align: middle;}
#sec4 .sec4_in .right .right_in .gallery-top .swiper-slide{width:100%;}
#sec4 .sec4_in .right .right_in .gallery-top .swiper-slide img{width:100%;}

/*sec5*/

#sec5{width:100%;display: flex;position: relative;padding:0 15px;padding-top:100px;margin-bottom:100px;}
#sec5 .sec5_in{background-color: transparent;background-image:  linear-gradient(90deg,#fbfbfa 19%,#4e4e4e 19%);width:100%;display: flex;}

#sec5 .sec5_in .left{width:60%;position: relative;}
#sec5 .sec5_in .left .left_in{margin:-70px 0 0;}
#sec5 .sec5_in .left .left_in img{width:100%;}

#sec5 .sec5_in .right{width:40%;position: relative;}
#sec5 .sec5_in .right .right_in{padding:110px 0px 130px 40px;}
#sec5 .sec5_in .right .right_in .tit{color:#fff;}
#sec5 .sec5_in .right .right_in .tit h2{line-height:64px;font-size:62px;margin-bottom:8px;margin-left: -4px;}
#sec5 .sec5_in .right .right_in .tit h3{line-height:18px;position: relative;display: inline-block;padding-bottom:10px; margin-bottom:24px;font-size:11px;opacity: .5;}
#sec5 .sec5_in .right .right_in .tit h3:before{content: '';width:100%;height:1px;background: #fff;position: absolute;bottom:0;}
#sec5 .sec5_in .right .right_in .tit h4{font-size:14px;font-weight: 300;line-height:22px;margin-bottom:45px; font-family: 'Noto Sans KR'; }
#sec5 .sec5_in .right .right_in .tit img{width:100%;display: none;}
#sec5 .sec5_in .right .right_in .tit a{padding:15px 82px;display: inline-block;border:1px solid #fff;color:#fff;font-size:14px;font-weight: 400;letter-spacing: 1px;transition: all .4s ease-in-out;}
#sec5 .sec5_in .right .right_in .tit a:hover{color:#5c7798;background: #fff;}

/*태블릿 화면*/
@media (max-width:1240px){    
    /*메인*/
    #wrap{width:100%;}
    
    #sec1 .sec1_slide .sec1_pagi, #sec1 .sec1_slide .sec1_prev, #sec1 .sec1_slide .sec1_next{opacity: 1}
    
    #sec2 .sec2_in{padding:0;}
    
    #sec4 .sec4_in{max-width:100%;min-width: auto;}    
    
    #sec5 .sec5_in .right .right_in{padding:55px 0 75px 20px;}
    #sec5 .sec5_in .right .right_in .tit h2{font-size:48px;line-height:52px;}
    #sec5 .sec5_in .right .right_in .tit h3{line-height:22px;margin-bottom:12px;letter-spacing: 0;}
    #sec5 .sec5_in .right .right_in .tit h4{line-height:22px;margin-bottom:24px;}
}
/*모바일*/
@media (max-width:767px){
    #sec1{height:65vh;}
    #sec1 .sec1_slide .swiper-slide .tit{width:80%;}
    
    #sec2{height:380px;}
    #sec2 .sec2_in{background: url(http://richeche.cdn3.cafe24.com/sub1/le_bt_img.png)no-repeat left bottom;}
    #sec2 .sec2_in .tit{width:100%;}
    #sec2 .sec2_in .tit h2{font-size:32px;margin-bottom:15px;}
    #sec2 .sec2_in .tit h2:after{width:60px;margin-left:-30px;}
    #sec2 .sec2_in .tit h3{font-size:16px;margin-bottom:7px;}
    #sec2 .sec2_in .tit h4{font-size:20px;margin-bottom:30px;line-height:1.2em;}
    #sec2 .sec2_in .tit h4:after{bottom:-10px;}
    
    #sec3{padding:8px 0;}
    #sec3 .sec3_slide{padding-bottom:15px;}
    #sec3 .sec3_slide .swiper-slide a:first-child .img .cover .bor_w{left:-50%}
    #sec3 .sec3_slide .swiper-slide a:first-child .img .cover .bor_h{top:-50%}
    
    #sec3 .sec3_slide .swiper-slide a:last-child{padding:10px;}
    #sec3 .sec3_slide .swiper-slide a:last-child h2{font-size:16px;}
    #sec3 .sec3_slide .swiper-slide a:last-child h3{font-size:18px;}
    
    #sec3 .sec3_slide .swiper-slide-prev{margin-left:0%;}
    
    #sec4{margin:25px 0 30px;}
    #sec4 .sec4_in .left{width:100%;}
    #sec4 .sec4_in .left .left_in .wrap .tit{margin-bottom:16px;}
    #sec4 .sec4_in .left .left_in .wrap .tit h2{font-size:34px;line-height:44px;height:auto;text-indent:0;margin-bottom:4px;}
    #sec4 .sec4_in .left .left_in .wrap .tit h3{font-size:18px;line-height:26px;margin-bottom:10px;}
    #sec4 .sec4_in .left .left_in .wrap .tit h4{font-size:12px;line-height:16px;margin-bottom:24px;}
    #sec4 .sec4_in .left .left_in .wrap .tit h4:before{height:11px;bottom:-15px;}
    #sec4 .sec4_in .left .left_in .wrap .tit h5{font-size:10px;opacity: .7}
    #sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide-thumb-active{bottom:0;}
    #sec4 .sec4_in .left .left_in .wrap .gallery-thumbs .swiper-slide:hover{bottom:0;}
    
    #sec4 .sec4_in .right{width:100%;position: absolute;left:-999999px;height:0;}
    #sec4 .sec4_in .right .right_in{padding: 15px;}
    
    #sec5{padding-top:20px;overflow: hidden;margin-bottom:0px;padding:0;}
    #sec5 .sec5_in{background: none;display: block;}
    #sec5 .sec5_in .left{width:100%;display: none;}
    #sec5 .sec5_in .left .left_in{margin:0;}
    
    #sec5 .sec5_in .right{width:100%;background: #5c7798;}
    #sec5 .sec5_in .right .right_in{padding:50px 15px;}
    #sec5 .sec5_in .right .right_in .tit h2{font-size:34px; line-height:44px;}
    
    #sec5 .sec5_in .right .right_in .tit img{display: block;margin-bottom:20px;}
}