.inner{width: 1640px}
.inner2{width: 1680px;margin: 0 auto}
.sub_visual{position: relative;height: 800px;overflow: hidden;display: flex;align-items: center;justify-content: center}
.sub_visual:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%; z-index: 1;background: linear-gradient(to top, #402D0E, #E5D9C4);mix-blend-mode: multiply}
.sub_visual .vis_img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
.sub_visual .vis_txt{position: relative;z-index: 5;overflow: hidden}
.sub_visual .vis_txt strong{font-size: 120px;color: #FFFFFF;font-family: "ivymode", sans-serif;}
.sub_visual .loc{position: absolute;z-index: 5;bottom: 0;width: 100%}
.sub_visual .loc ul{display: flex;align-items: center;justify-content: center;gap: 100px;}
.sub_visual .loc ul li:hover a{color: #fff}
.sub_visual .loc ul li a{display: block;padding: 27px 0;color: rgba(255,255,255,0.5);position: relative;transition: 0.5s;font-size: 18px;}
.sub_visual .loc ul li a:after{content: '';display: block;width: 100%;height: 4px;background: #E8AB4F;border-radius: 4px 4px 0 0;position: absolute;bottom: 0;left: 0;width: 0}
.sub_visual .loc ul li.on a:after{width: 100%}
.sub_visual .loc ul li.on a:before{content: '';display: block;width: 93px;height: 98px;background: url(/img/sub/sv_dot.png);left: 50%;margin-left: -46px;position: absolute;top: -60px;}
.sub_visual .loc ul li.on a{color: rgba(255,255,255,1)}
.sub_con{padding: 180px 0;position: relative}
#sub .sub_title{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 80px;}
#sub .sub_title strong{font-size: 80px;color: #6D655B;margin-bottom: 9px;display: block}
#sub .sub_title p{font-size: 22px;color: #807C78}
#sub .sch{position: relative;}
#sub .sch input{width: 500px;height: 60px;border: 1px solid #E9E8E7;border-radius: 10px;font-size: 18px;color: #333;padding-left: 25px}
#sub .sch input::placeholder{color: #AAAAAA}
#sub .sch button{position: absolute;top: 0;right: 0;height: 100%;padding-right: 30px;}
#sub .sch button svg{display: block}
#sub.list_board .list table{width: 100%;border-collapse: inherit;border-spacing: 0 10px !important;border-collapse: inherit;}
#sub.list_board .list td:nth-child(1){border-left: 1px solid #E9E8E7;border-radius: 10px 0 0 10px}
#sub.list_board .list td:last-child{border-right: 1px solid #E9E8E7;border-radius: 0 10px 10px 0 }
#sub.list_board .list td{height: 124px;vertical-align: middle;border-top: 1px solid #E9E8E7;border-bottom: 1px solid #E9E8E7;font-size: 18px;color: #807C78;text-align: center}
#sub.list_board .list th{background: #FAF9F6;height: 84px;font-size: 22px;color: #6D655B;vertical-align: middle}
#sub.list_board .list th:nth-child(1){border-radius: 10px 0 0 10px}
#sub.list_board .list th:last-child{border-radius: 0 10px 10px 0 }
#sub.list_board .list th.tit{width: 50%}
#sub.list_board .list td a{display: block;text-align:left;color: #6D655B;font-weight: 500}
#sub.list_board .list td span{display: flex;width: 72px;height: 44px;border: 1px solid #E8AB4F;border-radius: 4px;align-items: center;justify-content: center;font-size: 18px;color: #E8AB4F;font-weight: 600;margin: 0 auto}
#sub .paging{margin-top: 100px;}
#sub .paging ul{display: flex;align-items: center;justify-content: center}
#sub .paging ul li a{display: flex;width: 47px;height: 56px;align-items: center;justify-content: center;font-size: 18px;color: #564938}
#sub .paging ul li.m_prev a{background: url(/img/sub/m_next.png) no-repeat center center}
#sub .paging ul li.prev a{background: url(/img/sub/prev.png) no-repeat center center}
#sub .paging ul li.next a{background: url(/img/sub/next.png) no-repeat center center}
#sub .paging ul li.m_next a{background: url(/img/sub/m_prev.png) no-repeat center center}
#sub .paging ul li.on a{background: url(/img/sub/paging_on.png) no-repeat center center;color: #fff}
#sub.view .view_tit{display: flex;justify-content: space-between;height: 100px;align-items: center;border: 1px solid #E9E8E7;border-radius: 10px;padding: 0 40px;margin-bottom: 20px;}
#sub.view .view_tit span{display: flex;width: 70px;height: 44px;align-items: center;justify-content: center;border: 1px solid #E8AB4F;border-radius: 4px;font-size: 18px;color: #E8AB4F;}
#sub.view .view_tit strong{font-size: 22px;color: #6D655B;}
#sub.view .view_tit div{display: flex;align-items: center;gap: 24px}
#sub.view .view_tit ul{display: flex;gap: 40px;}
#sub.view .view_tit ul li{font-size: 18px;color: #847D75;display: flex;align-items: center;gap: 40px;}
#sub.view .view_tit ul li:after{content: '';display: block;width: 1px;height: 16px;background: #DFDFDF;}
#sub.view .view_tit ul li:last-child:after{display: none}
#sub.view .view_con{min-height: 420px;border: 1px solid #E9E8E7;border-radius: 10px;padding: 40px;}
#sub.view .view_con img{max-width: 100%}
#sub .list_btn{margin-top: 100px;}
#sub .list_btn > *{display: flex;align-items: center;justify-content: center;width: 290px;height: 91px;position: relative;margin: 0 auto;}
#sub .list_btn > * .bg{position: absolute;top: 0;left: 0}
#sub .list_btn > * .bg path{transition: 0.5s}
#sub .list_btn > * .bg_line{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub .list_btn > * .bg_line svg{display:block;transition: 0.5s}
#sub .list_btn > * .t{height: 33px;position: relative;z-index: 5;overflow: hidden}
#sub .list_btn > * .t strong{line-height: 33px;color: #fff;font-size: 22px;display: block;transition: 0.5s}
#sub .list_btn > *:hover .t strong{transform: translateY(-100%)}
#sub .list_btn > *:hover .bg path{fill: #564938}
#sub .list_btn > *:hover .bg_line svg{transform: scale(1.19)}
#sub.contact .con01{border-top: 1px solid #E9E8E7;padding-top: 100px;}
#sub.contact .con01 .priv_t{margin-bottom: 120px;}
#sub.contact .con01 .priv_t strong{font-size: 22px;color: #6D655B;font-weight: 600;display: block;margin-bottom: 20px;}
#sub.contact .con01 .priv_t .priv_c{padding: 40px;background: #FAF9F6;border-radius: 20px;height: 360px;}
#sub.contact .con01 .priv_t .priv_c > div{overflow-y: scroll;height: 100%}
#sub.contact .con01 .priv_t .priv_c p{font-size: 16px;color: #847D75;line-height: 30px;white-space: pre-wrap}
#sub.contact .con01 .priv_t .priv_b{display: flex;align-items: center;gap: 12px;margin-top: 25px}
#sub.contact .con01 .priv_t .priv_b input{width: 25px;height: 25px;position: relative}
#sub.contact .con01 .priv_t .priv_b input:after{content: '';display: block;width: calc(100% + 1px);height: calc(100% + 1px);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url(/img/sub/check.png);background-size: 100% 100%}
#sub.contact .con01 .priv_t .priv_b input:checked:after{background: url(/img/sub/check_on.png)}
#sub.contact .con01 .priv_t .priv_b label{font-size: 18px;color: #847D75;}
#sub.contact .con01 .c ul{display: flex;flex-wrap: wrap;gap: 40px 80px;}
#sub.contact .con01 .c ul:nth-child(2){margin-top: 40px;}
#sub.contact .con01 .c strong + ul{margin-top: 0 !important}
#sub.contact .con01 .c ul li{width: calc(50% - 40px)}
#sub.contact .con01 .c ul li input{display: block;width: 100%;height: 70px;border-radius: 10px;border: 1px solid #E9E8E7;font-size: 18px;color: #847D75;padding-left: 20px;}
#sub.contact .con01 .c ul li textarea{display: block;width: 100%;height: 70px;border-radius: 10px;border: 1px solid #E9E8E7;font-size: 18px;color: #847D75;padding:20px;padding-top: 25px;height: 300px;}
#sub.contact .con01 .c ul li strong{font-size: 22px;color: #6D655B;display: block;margin-bottom: 20px;}
#sub.contact .con01 .c ul li strong i{flex-wrap: inherit;color: #E8AB4F}
#sub.contact .con01 .c02{padding-top: 100px;margin-top: 100px;border-top: 1px solid #6D655B;}
#sub.contact .con01 .c_mt{padding-top: 100px;margin-top: 100px;border-top: 1px solid #6D655B;}
#sub.contact .con01 .c.c02 ul li{width: 100%} 
#sub.contact .con01 .c ul li .file{display: flex;display: flex;justify-content: space-between;position: relative}
#sub.contact .con01 .c ul li .file input{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;opacity: 0}
#sub.contact .con01 .c ul li .file button{border: 1px solid #847D75;width: 200px;height: 70px;border-radius: 10px;font-size: 18px;color: #847D75;justify-content: space-between;display: flex;align-items: center;padding: 0 40px;}
#sub.contact .con01 .c ul li.ch_list{width: 100%; display: flex;gap: 40px}
#sub.contact .con01 .c ul li.ch_list > *{width: 100%}
#sub.contact .con01 .c ul li .chk ul{display: flex;gap: 80px;}
#sub.contact .con01 .c ul li .chk ul li{width: auto;display: flex;align-items: center;height: 70px;gap: 12px;}
#sub.contact .con01 .c ul li .chk ul li label{font-size: 18px;color: #847D75;}
#sub.contact .con01 .c ul li .chk ul li input{width: 25px;height: 25px;position: relative}
#sub.contact .con01 .c ul li .chk ul li input:after{content: '';display: block;width: calc(100% + 1px);height: calc(100% + 1px);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url(/img/sub/check.png);background-size: 100% 100%}
#sub.contact .con01 .c ul li .chk ul li input:checked:after{background: url(/img/sub/check_on.png)}
#sub.contact .con01 .c ul li .area{display: flex;gap: 20px}
#sub.contact .con01 .c ul li .file p{width: calc(100% - 220px);display: flex;height: 70px;border: 1px solid #E9E8E7;border-radius: 10px;padding-left: 20px;color: #847D75;font-size: 18px;align-items: center}
#sub.contact .con01 .c select{width: 100%;height: 70px;border: 1px solid #E9E8E7;border-radius: 10px;padding-left: 20px;font-size: 18px;color: #847D75}
#sub.gal_board .list ul{display: flex;flex-wrap: wrap;gap: 80px 40px;}
#sub.gal_board .list ul li{width: calc(33.33% - 26.66px)}
#sub.gal_board .list ul li .thumb{overflow: hidden}
#sub.gal_board .list ul li .thumb img{transition: 0.7s}
#sub.gal_board .list ul li:hover .thumb img{transform: scale(1.05)}
#sub.gal_board .list ul li a{display: block;border: 1px solid #E9E8E7;border-radius: 20px;overflow: hidden;transition: 0.7s}
#sub.gal_board .list ul li:hover a{border-color: #E8AB4F}
#sub.gal_board .list ul li a .thumb img{display: block;width: 100%}
#sub.gal_board .list ul li a .txt{padding: 30px;padding-top: 20px;}
#sub.gal_board .list ul li a .txt span{display: flex;width: 87px;height: 44px;align-items: center;justify-content: center;border: 1px solid #AAAAAA;font-size: 18px;color: #AAAAAA;font-weight: 600;border-radius: 4px;}
#sub.gal_board .list ul li a .txt span.on{border-color: #E8AB4F;color: #E8AB4F}
#sub.gal_board .list ul li a .txt div{border-top: 1px solid #E9E8E7;padding-top: 30px;margin-top: 20px;}
#sub.gal_board .list ul li a .txt div strong{font-size: 22px;color: #6D655B;display: block;margin-bottom: 13px;}
#sub.gal_board .list ul li a .txt div p{font-size: 16px;color: #807C78;display: block;}
#sub .s_tit{margin-bottom: 60px}
#sub .s_tit strong{display: block;font-weight: 400;color: #6D655B;font-size: 32px;}
#sub .s_tit strong span{font-weight: 600}
#sub.process .con01{border-top: 1px solid #E9E8E7;padding-top: 100px;}
#sub.process .con01 ul{display: flex;flex-wrap: wrap;gap: 60px 80px }
#sub.process .con01 ul li{width: calc(50% - 40px);gap: 40px;display: flex;align-items: center}
#sub.process .con01 ul li div{width: calc(100% - 200px)}
#sub.process .con01 ul li div strong{font-size: 22px;color: #6D655B;display: block;margin-bottom: 30px;}
#sub.process .con01 ul li div p{font-size: 18px;color: #847D75;line-height: 30px;}
#sub.process .con02{margin-top: 100px;padding-top: 100px;border-top: 1px solid #E9E8E7}
#sub.process .con02 ul{display: flex;flex-wrap: wrap;gap: 120px}
#sub.process .con02 ul li{width: calc(33.33% - 80px);border: 1px solid #E9E8E7;border-radius: 20px;background: #fff;height: 230px;padding: 30px 40px ;position: relative}
#sub.process .con02 ul li:last-child{border-color: #E8AB4F}
#sub.process .con02 ul li .tit{display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center}
#sub.process .con02 ul li .tit span{font-size: 40px;color: #ECE7DF;font-weight: 600}
#sub.process .con02 ul li .tit strong{font-size: 22px;color: #6D655B;}
#sub.process .con02 ul li .txt p{font-size: 18px;line-height: 30px;color: #847D75;letter-spacing: -0.5px}
#sub.process .con02 ul li:nth-child(1){order: 1}
#sub.process .con02 ul li:nth-child(2){order: 2}
#sub.process .con02 ul li:nth-child(3){order: 3}
#sub.process .con02 ul li:nth-child(4){order: 6}
#sub.process .con02 ul li:nth-child(5){order: 5}
#sub.process .con02 ul li:nth-child(6){order: 4}
#sub.process .con02 ul li:nth-child(7){order: 7}
#sub.process .con02 ul li:nth-child(8){order: 8}
#sub.process .con02 ul li:nth-child(9){order: 9}
#sub.process .con02 ul li:after{content: '';display: block;width: 120px;height: 40px;background: url(/img/sub/line.png);position: absolute;right: -120px;top: 50%;margin-top: -20px;}
#sub.process .con02 ul li:nth-child(6):before{content: '';display: block;width: 120px;height: 40px;background: url(/img/sub/line.png);position: absolute;right: -120px;top: 50%;margin-top: -20px;top: auto; transform: rotate(90deg);transform-origin: top left;bottom: -40px;left: 50%;margin-left: 6px;margin-top: 0}
#sub.process .con02 ul li:nth-child(3):after{top: auto; transform: rotate(90deg);transform-origin: top left;bottom: -40px;left: 50%;margin-left: 6px;margin-top: 0}
#sub.process .con02 ul li:nth-child(4):after, #sub.process .con02 ul li:nth-child(9):after{display: none}
#sub.process .con02 ul li:nth-child(5):after, #sub.process .con02 ul li:nth-child(6):after{transform: rotate(180deg)}
#sub.menu .list ul{display: flex;flex-wrap: wrap;gap:95px 20px;}
#sub.menu .list ul li{width: calc(25% - 15px)}
#sub.menu .list ul li .img{background: #FFFCF8;border: 1px solid #E9E8E7;border-radius: 20px;overflow: hidden;width: 100%;position: relative;padding-top: 57%;transition: 0.7s}
#sub.menu .list ul li:hover .img{border-color: #E8AB4F;background: #fff}
#sub.menu .list ul li .img img{position: absolute;top: 0;left: 0;width: 100%;display: block;transition: 0.7s}
#sub.menu .list ul li:hover .img img{transform: translateY(-20%)}
#sub.menu .list ul li .txt{padding-top: 20px;text-align: center}
#sub.menu .list ul li .txt span{display: block;font-size: 18px;color: #E8AB4F;font-weight: 600;margin-bottom: 8px;}
#sub.menu .list ul li .txt strong{font-size: 22px;color: #564938;margin-top: 10px;}
#sub.history .his{display: flex;padding-top: 70px;padding-bottom: 100px;border-top: 1px solid #E9E8E7;transition: 0.5s}
#sub.history .his.on{background: #FAF9F6;border-top-color: #564938}
#sub.history .his:last-child{border-bottom: 1px solid #E9E8E7;}
#sub.history .his > div{width: 50%}
#sub.history .his .left{padding-left: 65px;}
#sub.history .his .left div{display: flex;align-items: center;gap: 40px;}
#sub.history .his .left span{display: block;font-size: 40px;color: #E8AB4F;font-weight: 600}
#sub.history .his .left strong{font-size: 120px;color: #564938;}
#sub.history .his .left i{display: block;width: 272px;height: 1px;background: #E9E8E7}
#sub.history .his .right{padding-left: 40px;padding-top: 60px;}
#sub.history .his .right ul {display: flex;flex-direction: column;gap: 32px}
#sub.history .his .right ul li span{display: block;font-size: 32px;color: #6D655B;font-weight: 600}
#sub.history .his .right ul li p{font-size: 22px;color: #807C78;margin-top: 17px;}
#sub .sub_title2{text-align: center;margin-bottom: 230px}
#sub .sub_title2 strong{display: block;font-size: 80px;color: #6D655B;margin-bottom: 9px;}
#sub .sub_title2 p{font-size: 22px;color: #807C78;}
#sub .sc_bg{position: absolute;left: 50%;transform: translateX(-50%);top: 0;z-index: -1}
#sub.bi .b_tit{margin-bottom: 40px;}
#sub.bi .b_tit span{display: block;color: #E8AB4F;font-size: 22px;}
#sub.bi .b_tit strong{display: block;color: #6D655B;font-size: 40px;}
#sub.bi .con01{display: flex;gap: 30px;}
#sub.bi .con01 .img{border-radius: 20px;overflow: hidden;border: 1px solid #564938}
#sub.bi .con01 .img img{display: block;max-width: 100%}
#sub.bi .con02{margin-top: 30px;}
#sub.bi .con02 ul{display: flex;border-radius: 20px;overflow: hidden}
#sub.bi .con02 ul li{width: 50%;display: flex;justify-content: space-between;height: 70px;align-items: center;padding: 0 40px;}
#sub.bi .con02 ul li:nth-child(1){background: #FFD503;}
#sub.bi .con02 ul li:nth-child(2){background: #473025;}
#sub.bi .con02 ul li span{display: block;font-size: 22px;color: #473025;font-weight: 600}
#sub.bi .con02 ul li strong{display: block;font-size: 22px;color: #473025;font-weight: 600}
#sub.bi .con02 ul li:nth-child(2) > *{color: #FFD503 !important}
#sub.bi .con03{margin-top: 150px;}
#sub.bi .con03 ul{display: flex;gap: 30px;}
#sub.bi .con03 ul li div{border-radius: 20px;overflow: hidden;background: #FAF9F6}
#sub.bi .con03 ul li div img{display: block;max-width: 100%}
#sub.bi .con03 .b_tit{display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 1px solid #E9E8E7;}
#sub.bi .con03 .b_tit p{font-size: 22px;color: #807C78;padding-left: 40px;}
#sub.bi .con03 .b_tit p, #sub.bi .con03 .b_tit div{position: relative;top: 2px;background: #fff}
#sub.bi .con03 .b_tit div{padding-right: 60px;}
#sub.brand .con01 > div{display: flex;justify-content: space-between;align-items: flex-end;width: 1453px}
#sub.brand .con01 .a_title .b{display: flex;gap: 70px}
#sub.brand .con01 .a_title .swiper{height: 120px;width: 283px}
#sub.brand .con01 .a_title .b .swiper strong{color: #E8AB4F}
#sub.brand .con01 .a_title .b strong{display: block;color: #6D655B;font-size: 80px;}
#sub.brand .con01 p{font-size: 40px;color: #564938;padding-bottom: 25px;}
#sub.brand .con02 {padding: 0 120px;}
#sub.brand .con02 .wrap{display: flex;justify-content: space-between;height: 100vh;align-items: center}
#sub.brand .con02 .wrap .txt{padding-left: 80px;position: relative}
#sub.brand .con02 .wrap .txt i{position: absolute;left: 0;top: -163px;z-index: -1}
#sub.brand .con02 .img_w{position: relative}
#sub.brand .con02 .img_w .img02{position: absolute;top: 0;left: 0}
#sub.brand .con02 .tit_w{height: 100px;overflow: hidden;margin-bottom: 40px;}
#sub.brand .con02 .tit_w strong{font-size: 40px;color: #847D75;line-height: 50px;display: block;}
#sub.brand .con02 .tit_w strong b{color: #564938}
#sub.brand .con02 .txt_w{height: 215px;overflow: hidden}
#sub.brand .con02 .txt_w p{font-size: 22px;line-height: 38px;color: #807C78;height: 100%}
#sub.brand .con03{padding-bottom: 230px;padding-top: 290px;position: relative;overflow: hidden}
#sub.brand .con03 .bg{position: absolute;left: 50%;top: 100px;margin-left: 34px;z-index: -1}
#sub.brand .con03 .tit{margin-bottom: 85px;}
#sub.brand .con03 .tit strong{font-size: 80px;color: #E8AB4F;}
#sub.brand .con03 .tit strong span{color: #6D655B;}
#sub.brand .con03 ul{display: flex;width: 2000px;gap: 100px;transform: translateX(270px)}
#sub.brand .con03 ul li .txt{margin-bottom: 50px;}
#sub.brand .con03 ul li .txt strong{color: #6D655B;;font-size: 40px;display: block;margin-bottom: 30px;}
#sub.brand .con03 ul li .txt p{font-size: 22px;line-height: 38px;color: #807C78;}
#sub.brand .con03 ul li .img{display: block;border-radius: 10px;overflow: hidden}
#sub.brand .con03 ul li .img img{display: block;}
#sub.brand .con03 .txt_w{display: block;padding-top: 80px;display: flex;justify-content: flex-end;padding-right: 80px}
#sub.brand .con03 .txt_w p{font-size: 22px;line-height: 38px;color: #807C78;}
#sub.brand .con04{padding: 0 65px;}
#sub.brand .con04 .con{position: relative;border-radius: 20px;overflow: hidden}
#sub.brand .con04 .con:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,1));mix-blend-mode: multiply;z-index: 1}
#sub.brand .con04 .con img{display: block}
#sub.brand .con04 .txt{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;left: 0;z-index: 3}
#sub.brand .con04 strong{font-size: 40px;color: #FFFFFF;;line-height: 66px;text-align: center}

#sub.brand .con04 strong span{color: #E8AB4F}

#sub.about .con01{margin-bottom: 265px}
#sub.about .con01 .title{display: flex;justify-content: center;align-items: center}
#sub.about .con01 .title strong{font-size: 40px;line-height: 66px;color: #847D75;text-align: center;display: block;text-align: center;position: relative}
#sub.about .con01 .title strong i{position: absolute;top: 50%;transform: translateY(-50%)}
#sub.about .con01 .title strong i:nth-child(1){left: -135px}
#sub.about .con01 .title strong i:nth-child(2){right: -135px}
#sub.about .con01 .title strong b{color: #E8AB4F}
#sub.about .con01 .banner_w {position: relative;margin-top: 145px;margin-bottom: 235px}
#sub.about .con01 .banner_w i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3}
#sub.about .con01 .banner_w i img{display: block}
#sub.about .con01 .flow_banner {overflow: hidden;display: flex;max-width: 100%;}
#sub.about .con01 .flow_banner .list {display: flex;}
#sub.about .con01 .flow_banner .list > li {font-size: 18px;color: #fff;padding: 0 55px;}
@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* 반응형 스타일 */
@media (max-width: 1280px) {
    .flow_banner .list > li {font-size: 16px;padding: 10px;}
}

@media (max-width: 767px) {
    .flow_banner .list > li {font-size: 14px;padding: 5px;}
}
#sub.about .con01 .flow_banner .list > li {font-size: 18px;color: #fff;padding: 0 55px;}
#sub.about .con01 .txt_w{display: flex;justify-content: space-between;position: relative}
#sub.about .con01 .txt_w:before{content: '';display: block;width: 100%;height: 1px;background: #6D655B;position: absolute;top: 20px;left: 0}
#sub.about .con01 .txt_w strong{font-size: 40px;color: #564938;background: #fff;padding-right: 40px;position: relative;z-index: 2}
#sub.about .con01 .txt_w p{font-size: 22px;line-height: 38px;color: #807C78;;padding-left: 40px;background: #fff;position: relative;z-index: 2}
#sub.about .con02{display: flex;align-items: center}
#sub.about .con02 > div{width: 100%}
#sub.about .con02 > div.left{padding-right: 60px;}
#sub.about .con02 > div .img{overflow: hidden;border-radius: 10px;}
#sub.about .con02 > div .img img{display: block}
#sub.about .con02 > div strong{font-size: 80px;line-height: 96px;color: #6D655B;}
#sub.about .con02 > div span{color: #E8AB4F;}
#sub.about .con02 > div i{display: block;width: calc(100% + 360px);height: 1px;transform: translateX(-360px);background: #E9E8E7;margin-top: 55px;margin-bottom: 95px}
#sub.about .con02 > div p{font-size: 22px;line-height: 38px;color: #807C78;}
#sub.about .con03{text-align: center;background: #FBFAF8;padding-top: 105px;margin-top: 190px}
#sub.about .con03 i{display: block;text-align: center;margin-bottom: 30px;}
#sub.about .con03 .title{margin-bottom: 70px;}
#sub.about .con03 .title p{font-size: 32px;line-height: 48px;color: #847D75;text-align: center;font-weight: 500;font-weight: 600}
#sub.about .con03 .title p b{color: #564938}
#sub.about .con03 .al{position: relative;margin-bottom: 90px;}
#sub.about .con03 .al:before{content: '';display: block;width: 100%;height: 1px;background: #E9E8E7;position: absolute;top: 50%;left: 0}
#sub.about .con03 .al strong{display: inline-block;padding: 0 75px; color: #F8EBD8;font-size: 120px;position: relative;z-index: 5;background: #FBFAF8}
#sub.about .con03 .txt{display: flex;flex-direction: column;gap: 40px;}
#sub.about .con03 .txt p{font-size: 22px;line-height: 38px;color: #847D75;}
#sub.about .con03 .txt p b{color: #564938}
#sub.store .con{display: flex;border: 1px solid #E9E8E7;border-radius: 20px;overflow: hidden}
#sub.store .con .on path{fill : #f8e6cc}
#sub.store .con .list_w{width: calc(100% - 660px);padding-left: 70px;padding-top: 40px;}
#sub.store .con .search_list{padding-right: 40px;display: flex;justify-content: space-between;align-items: center}
#sub.store .con .search_list .sc{display: flex;gap: 20px}
#sub.store .con .search_list .sc select{width: 160px;height: 60px;border-radius: 12px;border: 1px solid #E9E8E7;font-size: 18px;color: #AAAAAA;}
#sub.store .con .search_list .tot strong{font-size: 18px;color: #807C78;display: flex;align-items: center;justify-content: center;gap: 20px;}
#sub.store .con .search_list .tot strong span{color: #E8AB4F;font-weight: 600}
#sub.store .con .search_list .tot strong i{width: 1px;height: 16px;display: block;background: #DFDFDF;}
#sub.store .con .list{height: 548px;overflow-x: scroll;margin-top: 40px;}
#sub.store .con .list ul li a{display: flex;height: 145px;border-top: 1px solid #E9E8E7;flex-direction: column;justify-content: center;padding-right: 40px;}
#sub.store .con .list ul li a .info{display: flex;justify-content: space-between}
#sub.store .con .list ul li a .tit{margin-bottom: 15px;}
#sub.store .con .list ul li a .tit strong{font-size: 24px;color: #6D655B;}
#sub.store .con .list ul li a .info p{font-size: 18px;color: #807C78;line-height: 19px;}
#sub.store .con .list ul li a .info p i{display: inline-block;margin-right: 10px;position: relative;top: 2px}
#sub.store .con .list ul li a .info p i img{display: block}
#sub.store .con .list ul li a .info span{color: #B1ACA7;font-size: 18px;}
#sub.company .con01{display: flex;height: 100vh;overflow: hidden;align-items: center}
#sub.company .con01 > div{width: 50%;align-items: center}
#sub.company .con01 > div .mot_wrap{position: relative;display: inline-block}
#sub.company .con01 > div .mot_wrap .img02{position: absolute;top: 0;left: 0}
#sub.company .con01 > div .mot_wrap .img03{position: absolute;top: 0;left: 0}
#sub.company .con01 > div .mot_wrap .img div{position: relative}
#sub.company .con01 > div .mot_wrap .img div .dim{position: absolute;top: 0;left: 0}
#sub.company .con01 > div .mot_wrap .img01 .dim{opacity: 0}
#sub.company .con01 > div .mot_wrap .img02{transform: translateX(-75%) translateY(106.3%)}
#sub.company .con01 > div .mot_wrap .img03{transform: translateX(-75%) translateY(212.6%)}
#sub.company .con01 > div .mot_wrap .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub.company .con01 > div .mot_wrap .bg img{display: block}
#sub.company .con01 .txt_wrap{display: flex;justify-content: flex-end}
#sub.company .con01 .txt_wrap .txt_w{width: 840px;padding-left: 80px}
#sub.company .con01 .txt_wrap .txt_w .title{height: 50px;overflow: hidden;margin-top: -65px;position: relative;z-index: 5}
#sub.company .con01 .txt_wrap .txt_w .title strong{font-size: 40px;color: #564938;line-height: 50px;display: block;}
#sub.company .con01 .txt_wrap .txt_w .title strong span{color: #847D75;}
#sub.company .con01 .txt_wrap .txt_w .txt{height: 152px;overflow: hidden;margin-top: 35px;}
#sub.company .con01 .txt_wrap .txt_w .txt p{font-size: 22px;line-height: 38px;color: #807C78;}
#sub.company .con01 .txt_wrap .txt_w .eng_w{width: 630px;overflow: hidden;margin-left: -80px}
#sub.company .con01 .txt_wrap .txt_w .eng_w > div{display: flex;width: 300%;transform: translateX(-66%)}
#sub.company .con01 .txt_wrap .txt_w .eng_w p{font-weight: 600; font-size: 120px;color: #F9F6EE;display: block;width: 33.33%}
#sub.company .con02{padding: 0 65px;overflow: hidden}
#sub.company .con02 .wr{position: relative}
#sub.company .con02 .wr:before{content: '';display: block;width: 50%;height: 100%;position: absolute;top: 0;left: ;background: url(/img/sub/line_con.png)}
#sub.company .con02 .wr:after{content: '';display: block;width: 50%;height: 100%;position: absolute;top: 0;right :0 ;background: url(/img/sub/line_con.png) right top}
#sub.company .con02 .wr img{display: block}
#sub.company .con02 .wr .bg_line{position: absolute}
#sub.company .con02 .wr .bg_line01{top: -1px;left: -60px}
#sub.company .con02 .wr .bg_line02{top: -1px;right: -60px}
#sub.company .con02 .wr .bg{overflow: hidden}
#sub.company .con02 .txt_w{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 30px;}
#sub.company .con02 .txt_w strong{display: block;font-size: 40px;color: #FFFFFF;}
#sub.company .con02 .txt_w strong span{color: #E8AB4F;}
#sub.company .con02 .txt_w p{font-size: 22px;color: #FFFFFF;font-weight: 500}
/*모션*/
.sub_visual .vis_txt strong{
  transform: translate3d(0px, 200%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 10deg);transform-style: preserve-3d;transition: 1s; display: block;
}

.sub_visual.on .vis_txt strong{
  transform: translate3d(0px, 0, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0); 
}
.sub_visual .vis_img img{display: block;transform: scale(1.05);}
.sub_visual.on .vis_img img{display: block;transform: scale(1);transition: 3s}

#sub.brand .con01 .a_title{transform: translateY(70px);opacity: 0;transition: 1s;}
#sub.brand .con01.on .a_title{transform: translateY(0);opacity: 1;}
#sub.brand .con01 p{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.brand .con01.on p{transform: translateY(0);opacity: 1;}


#sub.brand .con02 .img_w .img02{clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);}

#sub.brand .con03 .tit{transform: translateY(70px);opacity: 0;transition: 1s;}
#sub.brand .con03.on .tit{transform: translateY(0);opacity: 1;}

#sub.brand .con03 ul li{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.brand .con03 ul li{transform: translateY(0);opacity: 1;}

#sub.brand .con04 .con img{transform: scale(1.05);transition: 3s;}
#sub.brand .con04.on .con img{transform: scale(1);}

#sub.brand .con04 strong{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub.brand .con04.on strong{transform: translateY(0);opacity: 1;}
#sub.about .con01 .banner_w{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.about .con01.on .banner_w{transform: translateY(0);opacity: 1;}

#sub.about .con01 .title strong{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.about .con01.on .title strong{transform: translateY(0);opacity: 1;}

#sub.about .con01 .txt_w strong{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.about .con01.on .txt_w strong{transform: translateY(0);opacity: 1;}
#sub.about .con01 .txt_w p{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.9s}
#sub.about .con01.on .txt_w p{transform: translateY(0);opacity: 1;}

#sub .sub_title2 strong{filter: blur(20px);opacity: 0;transition: 1s;letter-spacing: 3px}
#sub .sub_title2.on strong{filter: blur(0);opacity: 1;transition: 1s;letter-spacing: 0}


#sub.about .con02 > div.left{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub.about .con02.on > div.left{transform: translateY(0);opacity: 1;}
#sub.about .con02 > div.right{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.about .con02.on > div.right{transform: translateY(0);opacity: 1;}


#sub.about .con03 i{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub.about .con03.on i{transform: translateY(0);opacity: 1;}
#sub.about .con03 .title p{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.about .con03.on .title p{transform: translateY(0);opacity: 1;}
#sub.about .con03 .al{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.about .con03.on .al{transform: translateY(0);opacity: 1;}
#sub.about .con03 .txt{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.9s}
#sub.about .con03.on .txt{transform: translateY(0);opacity: 1;}


#sub.bi .b_tit{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub .sub_title2 p{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.bi .on .b_tit{transform: translateY(0);opacity: 1;}
#sub .sub_title2.on p{transform: translateY(0);opacity: 1;}
#sub.bi .con01 .img{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.bi .con01.on .img{transform: translateY(0);opacity: 1;}
#sub.bi .con02{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub.bi .con02.on{transform: translateY(0);opacity: 1;}

#sub.bi .con03 ul li{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub.bi .con03.on ul li{transform: translateY(0);opacity: 1;}
#sub.bi .con03.on ul li:nth-child(1){transition-delay: 0.3s}
#sub.bi .con03.on ul li:nth-child(2){transition-delay: 0.6s}
#sub.bi .con03.on ul li:nth-child(3){transition-delay: 0.9s}
#sub.bi .con03.on ul li:nth-child(4){transition-delay: 1.2s}

#sub .sub_title strong{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub .sub_title.on strong{transform: translateY(0);opacity: 1;}
#sub .sub_title p{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub .sub_title.on p{transform: translateY(0);opacity: 1;}

#sub .s_tit strong{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub .on .s_tit strong{transform: translateY(0);opacity: 1;}


#sub.store .con{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub.store .con.on{transform: translateY(0);opacity: 1;}
#sub.process .con01 ul li{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.process .con01.on ul li{transform: translateY(0);opacity: 1;}
#sub.process .con01.on ul li:nth-child(1){transition-delay: 0.3s}
#sub.process .con01.on ul li:nth-child(2){transition-delay: 0.5s}
#sub.process .con01.on ul li:nth-child(3){transition-delay: 0.7s}
#sub.process .con01.on ul li:nth-child(4){transition-delay: 0.9s}
#sub.process .con01.on ul li:nth-child(5){transition-delay: 1.1s}
#sub.process .con01.on ul li:nth-child(6){transition-delay: 1.3s}
#sub.process .con01.on ul li:nth-child(7){transition-delay: 1.5s}
#sub.process .con01.on ul li:nth-child(8){transition-delay: 1.7s}
#sub.process .con01.on ul li:nth-child(9){transition-delay: 1.9s}
#sub.process .con01.on ul li:nth-child(10){transition-delay: 2.1s}

#sub.process .con02 ul li{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub.process .con02.on ul li{transform: translateY(0);opacity: 1;}
#sub.process .con02.on ul li:nth-child(1){transition-delay: 0.3s}
#sub.process .con02.on ul li:nth-child(2){transition-delay: 0.5s}
#sub.process .con02.on ul li:nth-child(3){transition-delay: 0.7s}
#sub.process .con02.on ul li:nth-child(4){transition-delay: 0.9s}
#sub.process .con02.on ul li:nth-child(5){transition-delay: 1.1s}
#sub.process .con02.on ul li:nth-child(6){transition-delay: 1.3s}
#sub.process .con02.on ul li:nth-child(7){transition-delay: 1.5s}
#sub.process .con02.on ul li:nth-child(8){transition-delay: 1.7s}
#sub.process .con02.on ul li:nth-child(9){transition-delay: 1.9s}
#sub.process .con02.on ul li:nth-child(10){transition-delay: 2.1s}

@media (max-width: 1700px){
    .inner2 {width: 100%;padding: 0 20px;}
    #sub.brand .con02 .wrap .txt{padding-left: 0}
}
@media (max-width: 1660px){
    .inner{width: 100%;padding: 0 20px;}
    #sub .store .sch input{width: 300px;}
    #sub.store .con .map{width: 500px;height: auto}
    #sub.store .con .map svg{width: 100%;height: auto}
    #sub.store .con .list {height: 378px;}
    #sub.store .con .list_w {width: calc(100% - 500px);}
    #sub.process .con01 ul li div p br, #sub.process .con02 ul li .txt p br{display: none}
    #sub.process .con01 ul li div p, #sub.process .con02 ul li .txt p{word-break: keep-all}
    #sub.process .con02 ul li{height: auto;}
    #sub.history .his .left strong{font-size: 90px;}
    #sub.history .his .right ul li p{font-size: 19px;}
    #sub.history .his .right ul li span{font-size: 27px;}
}

@media (max-width: 1520px){
    #sub.brand .con01 > div{width: 100%;padding: 0 20px;}
    #sub.brand .con02{padding: 0 20px;}
    #sub.brand .con02 .img_w img{width: 550px;}
    #sub.brand .con02 .wrap .txt{padding-left: 0}
    #sub.brand .con03 .tit{padding: 0 20px;}
    #sub .sub_title strong{font-size: 60px;}
    #sub .sub_title p{font-size: 19px;}
    #sub .sch input{width: 400px;}
    #sub.store .con .search_list .tot{display: none}
        #sub.company .con01 > div .mot_wrap .img img{width: 550px;}
    #sub.company .con01 .txt_wrap .txt_w .txt p{font-size: 16px;line-height: 1.5}
    #sub.company .con01 .txt_wrap .txt_w .txt{height: 96px}
    #sub.company .con01 .txt_wrap .txt_w .title strong{font-size: 36px}
    #sub.company .con01 .txt_wrap .txt_w .eng_w p{font-size: 90px;}
    #sub.company .con01 > div .mot_wrap .bg img {width: 600px;}

}
@media (max-width: 1440px){
    #sub.about .con02{flex-wrap: wrap;gap: 25px;}
    #sub.about .con02 > div i{margin: 20px 0}
    #sub.about .con02 > div img{width: 100%}
}
@media (max-width: 1240px){
    #sub.company .con01 .txt_wrap .txt_w{position: absolute;left: 0;padding-left: 20px;z-index: 2}
    #sub.bi .con01 .img{border-radius: 10px;}
    #sub.process .con02 ul li .tit span{font-size: 30px;}
    #sub.process .con02 ul li .txt p{font-size: 16px;line-height: 1.5}
    #sub.process .con02 ul li .tit strong{font-size: 19px;}
    #sub.process .con02 ul li .tit{margin-bottom: 15px;}
    #sub.process .con02 ul{gap: 60px;}
    #sub.process .con02 ul li:nth-child(1){order: 1}
    #sub.process .con02 ul li:nth-child(2){order: 2}
    #sub.process .con02 ul li:nth-child(3){order: 3}
    #sub.process .con02 ul li:nth-child(4){order: 4}
    #sub.process .con02 ul li:nth-child(5){order: 5}
    #sub.process .con02 ul li:nth-child(6){order: 6}
    #sub.process .con02 ul li:nth-child(7){order: 7}
    #sub.process .con02 ul li:nth-child(8){order: 8}
    #sub.process .con02 ul li:nth-child(9){order: 9}
    #sub.process .con02 ul li:nth-child(10){order: 10}
    #sub.process .con02 ul li:nth-child(11){order: 11}
    #sub.process .con02 ul li:nth-child(12){order: 12}
    #sub.process .con02 ul li:nth-child(13){order: 13}
    #sub.process .con02 ul li:nth-child(6):before{display: none}
    #sub.process .con02 ul li:after{display: none}
    #sub.process .con02 ul li{width: calc(50% - 30px)}
    #sub.process .con02 ul li .tit{flex-direction: column;justify-content: flex-start;gap: 15px;align-items: flex-start}
    #sub.process .con01 ul li{gap: 20px;}
    #sub.process .con01 ul li img{width: 140px;}
    #sub.process .con01 ul li div p{font-size: 15px;line-height: 1.5}
    #sub .s_tit strong{font-size: 29px;}
    #sub.process .con01 ul li div strong{font-size: 19px;margin-bottom: 10px;}
    #sub.brand .con01 > div{flex-direction: column;align-items: flex-start;justify-content: flex-start}
    #sub.brand .con01 .a_title .b strong{font-size: 60px;}
    #sub.brand .con01 p{font-size: 30px;}
    #sub.brand .con01 .a_title .swiper{height: 80px;}
    #sub.brand .con01 .a_title .b{gap: 0 30px;margin-bottom: 15px;}
    #sub.brand .con02 .txt_w p{font-size: 18px;line-height: 1.7}
    #sub.brand .con02 .tit_w strong{font-size: 32px;line-height: 1.5}
    #sub.brand .con03 .tit strong{font-size: 60px;line-height: 1.5}
    #sub.brand .con03 ul{width: 100%;transform: none !Important;gap: 20px;}
    #sub.brand .con03 ul li{width: 100%}
    #sub.brand .con03 ul img{width: 100%}
    #sub.brand .con03 ul li .txt strong{font-size: 30px;margin-bottom: 10px;}
    #sub.brand .con03 ul li .txt p, #sub.brand .con03 .txt_w p{font-size: 18px;line-height: 1.5}
    #sub.brand .con03 ul li .txt{margin-bottom: 20px;}
    #sub.brand .con03 .tit{margin-bottom: 15px;}
    #sub.brand .con03{padding: 60px 0}
    #sub.brand .con03 .txt_w{padding-top: 20px;padding-right: 0}
    #sub.brand .con04 strong{font-size: 30px;line-height: 1.5}
    #sub.brand .con04{padding: 0 20px;}
    #sub.brand .con04 .con img{width: 1240px}
}

@media (max-width: 960px){
    #sub.store .con .list ul li a{padding-right: 0}
    #sub.contact .con01 .c select{height: 40px;
        font-size: 12px;
        border-radius: 8px;
        padding-left: 15px;
    }
    #sub.contact .con01 .c ul li .area{gap: 10px}
    #sub.contact .con01 .c ul:nth-child(2){margin-top: 20px}
    #sub.contact .con01 .c ul li.ch_list{gap: 20px}
    #sub.contact .con01 .c ul li .chk ul{gap: 10px;}
    #sub.contact .con01 .c ul li .chk ul li input{width: 16px;height: 16px}
    #sub.contact .con01 .c ul li .chk ul li{height: 40px}
    #sub.contact .con01 .c ul li .chk ul li label{font-size: 12px}
    #sub.contact .con01 .c ul li.ch_list{flex-wrap: wrap}
    #sub.contact .con01 .c_mt{margin-top: 20px;padding-top: 20px}
    #sub.company .con01 .txt_wrap .txt_w .title{margin-top: -40px}
    #sub.company .con01 .txt_wrap .txt_w .eng_w p{font-size: 60px;}
    #sub.company .con01 .txt_wrap .txt_w .txt{margin-top: 10px;}
    #sub.company .con01 > div .mot_wrap .img img{width: 400px;}
    #sub.company .con01 > div .mot_wrap .bg img{width: 430px;}
    #sub.company .con01 .txt_wrap .txt_w .title{height: 40px;}
    #sub.company .con01 .txt_wrap .txt_w .title strong{font-size: 24px;}
    #sub.company .con01 .txt_wrap .txt_w .txt p{font-size: 13px}
    #sub.about .con02 > div.left{padding-right: 0}
    #sub.about .con02 > div p{font-size: 14px;line-height: 1.5}
    #sub.about .con02 > div strong{font-size: 45px;line-height: 1}
    #sub.about .con01 .txt_w:before{display: none}
    #sub.about .con01 .txt_w strong{font-size: 20px;}
    #sub.about .con01 .txt_w p{font-size: 14px;line-height: 1.5;padding-left: 0;margin-top: 15px;}
    #sub.about .con01 .banner_w{margin: 40px 0}
    #sub.about .con01 .txt_w{flex-wrap: wrap}
    #sub.about .con01 .title strong{font-size: 24px;line-height: 1.5}
    #sub.about .con01 .title strong i:nth-child(1){left: -40px}
    #sub.about .con01 .title strong i:nth-child(2){right: -40px}
    #sub.about .con01 .flow_banner .list img{width: 220px}
    #sub.about .con01 .banner_w i img{width: 280px}
    #sub.about .con01 .flow_banner .list > li{padding: 0 25px }
    #sub.about .con01 .title strong i svg{width: 15px;height: auto}
    #sub.bi .con03{margin-top: 50px;}
    #sub.bi .con01, #sub.bi .con03 ul{gap: 20px;}
    #sub.bi .con02 ul li{height: 40px;padding: 0 20px;}
    #sub.bi .con02 ul li span{font-size: 13px;}
    #sub.bi .con02 ul li strong{font-size: 13px;}
    #sub.bi .con03 ul li div{border-radius: 10px;}
    #sub.bi .b_tit{margin-bottom: 15px;}
    #sub.bi .con03 .b_tit p{font-size: 13px;padding-left: 15px}
    #sub.bi .con03 .b_tit div{padding-right: 15px;}
    #sub.bi .b_tit span{font-size: 13px;}
    #sub.bi .b_tit strong{font-size: 25px;}
    #sub .sub_title2 strong{font-size: 40px;}
    #sub .sub_title2 p{font-size: 13px;}
    #sub .sub_title2{margin-bottom: 60px;}
    #sub.history .his{padding: 30px 0}
    #sub.history .his .right ul li span{font-size: 15px;}
    #sub.history .his .left span{font-size: 22px;}
    #sub.history .his .right ul li p{font-size: 13px;margin-top: 12px;}
    #sub.history .his .left strong{font-size: 40px}
    #sub.history .his{flex-wrap: wrap}
    #sub.history .his > div{width: 100%}
    #sub.history .his .left i{display: none;width: 30px;}
    #sub.history .his .left{padding-left: 20px}
    #sub.history .his .right{padding: 20px;}
    #sub.history .his .right ul{gap: 10px;}
    #sub.history .his .left div{flex-wrap: wrap;gap: 12px;}
    #sub.history .his .left div > *{display: block;width: 100%}
    #sub.history .his .left div > i{width: 30px}
    #sub.process .con01 ul li div {
            width: calc(100% - 120px);
        }
    #sub.process .con01 ul li div strong{font-size: 16px;}
    #sub.process .con01 ul li div p{font-size: 13px;}
    #sub.process .con01 ul li img{width: 100px;}
    #sub .s_tit{margin-bottom: 25px}
    #sub.process .con01 ul li {width: calc(50% - 10px);}
    #sub.process .con01 ul{gap: 20px;}
    #sub .s_tit strong{font-size: 20px;}
    #sub.process .con02 ul li .tit{gap: 10px;}
    #sub.process .con02 ul li .tit{margin-bottom: 7px;}
    #sub.process .con02 ul li .txt p{font-size: 13px;}
    #sub.process .con02 ul li .tit strong{font-size: 15px;}
    #sub.process .con02 ul li .tit span{font-size: 20px;}
    #sub.process .con02 ul li{border-radius: 8px;padding: 15px;}
    #sub.process .con02 ul{gap: 20px;}
    #sub.process .con02 ul li{width: calc(50% - 10px)}
    #sub.store .con .list ul li a .tit{margin-bottom: 7px;}
    #sub.store .con .list ul li a .info p i{margin-right: 5px;}
    #sub.store .con .list ul li a .info p i img{height: 12px;}
    #sub.store .con .list ul li a .info span{font-size: 12px;}
    #sub.store .con .list ul li a .info p{font-size: 12px;}
    #sub.store .con .list ul li a .tit strong{font-size: 15px;}
    #sub.store .con .list ul li a{height: 90px;}
    #sub.store .con .list{margin-top: 20px;}
    #sub.store .con .search_list{padding-right: 0}
    #sub.store .con .search_list .sc{width: 100%}
    #sub.store .con .search_list .sch input{width: 100%}
    #sub.store .con .search_list .sc select{height: 45px;width: 90px;font-size: 13px;border-radius: 5px}
    #sub .sch input{width: 100%;border-radius: 5px;}
    #sub.store .sch{width: calc(100% - 100px)}
    #sub.store .con .list_w{width: 100%;padding: 20px}
    #sub.store .con .map{display: none}
    #sub.store .con .list ul li a .tit strong{font-size: 19px;}
    #sub .paging{margin-top: 40px;}
    #sub .sub_title{margin-bottom: 20px;}
    #sub .paging ul li{transform: scale(0.7)}
    #sub.menu .list ul li .txt{padding-top: 10px;}
    #sub.menu .list ul li .txt span{font-size: 12px;}
    #sub.menu .list ul li .txt strong{font-size: 14px;}
    #sub.menu .list ul li .img{border-radius: 10px;}
    #sub .sch button{padding-right: 15px}
    #sub .sch button svg{width: 17px;}
    #sub .sch input{width: 300px;height: 45px;font-size: 13px;padding-left: 15px;}
    #sub .sub_title p{font-size: 14px;line-height: 1.5;word-break: keep-all}
    #sub .sub_title{flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 15px}
    #sub .sub_title strong{font-size: 40px;}
    #sub.brand .con02 .wrap{flex-direction: column}
    #sub.brand .con02 .tit_w strong{font-size: 22px;}
    #sub.brand .con02 .tit_w{height: 66px;margin-bottom: 20px;}
    #sub.brand .con02 .txt_w p{font-size: 14px;}
    #sub.brand .con02 .txt{height: 50vh;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center}
    #sub.brand .con02 .txt_w{height: 115px;}
    #sub.brand .con02 .img_w{height: 50vh}
    #sub.brand .con01 .a_title .b strong{font-size: 36px;}
    #sub.brand .con01 p{font-size: 20px;}
    #sub.brand .con02 .img_w img{height: 50vh;width: auto}
    .sub_con{padding: 80px 0}
    #sub.brand .con01 .a_title .swiper {height: 50px;width: 133px;}
    #sub .sc_bg img{width: 500px;}
    #sub.brand .con03 .tit strong{font-size: 32px;}
    #sub.brand .con03 ul li .txt strong{font-size: 20px;}
    #sub.brand .con03 ul li .txt p, #sub.brand .con03 .txt_w p{font-size: 13px;}
    #sub.brand .con03 ul li .img{border-radius: 5px;}
    #sub.brand .con04 .con{border-radius: 8px;}
    #sub.brand .con04 strong{font-size: 19px;}
    #sub.brand .con04 .con img{width: 940px}
    #sub.process .con02{margin-top: 40px;padding-top: 40px;}
    #sub.process .con01{padding-top: 40px;}
    #sub.gal_board .list ul li a .txt{padding: 20px;}
    #sub.gal_board .list ul li a .txt span{width: 57px;height: 31px;font-size: 12px;}
    #sub.gal_board .list ul li a .txt div{margin-top: 10px;padding-top: 10px;}
    #sub.gal_board .list ul li a .txt div strong{font-size: 15px;margin-bottom: 10px;}
    #sub.gal_board .list ul li a .txt div p{font-size: 12px;}
    #sub.gal_board .list ul li a{border-radius: 8px;}
    #sub.view .view_tit{height: auto;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding: 20px;border-radius: 8px;gap: 7px}
    #sub.view .view_tit strong{font-size: 15px;}
    #sub.view .view_tit ul li{font-size: 12px;}
    #sub.view .view_con{border-radius: 8px;padding: 20px;min-height: 300px}
    #sub.view .view_tit{margin-bottom: 10px;}
    #sub.list_board .list th, #sub.list_board .list td{height: 50px;font-size: 12px;}
    #sub.contact .con01{padding-top: 40px;}
    #sub.contact .con01 .priv_t strong{font-size: 14px;}
    #sub.contact .con01 .priv_t .priv_c{height: 140px;border-radius: 8px;padding: 10px;}
    #sub.contact .con01 .priv_t .priv_c p{font-size: 12px;line-height: 1.5}
    #sub.contact .con01 .priv_t .priv_b input{width: 16px;height: 16px;}
    #sub.contact .con01 .priv_t .priv_b label{font-size: 12px;}
    #sub.contact .con01 .priv_t .priv_b{margin-top: 12px;}
    #sub.contact .con01 .priv_t{margin-bottom: 40px;}
    #sub.contact .con01 .c ul{gap: 20px;}
    #sub.contact .con01 .c ul li{width:calc(50% - 10px)}
    #sub.contact .con01 .c ul li input{height: 40px;font-size: 12px;border-radius: 8px;padding-left: 15px}
    #sub.contact .con01 .c ul li strong{font-size: 13px;margin-bottom: 10px;}
    #sub.contact .con01 .c02{margin-top: 25px;padding-top: 25px;}
    #sub.contact .con01 .c ul li textarea{padding-top: 15px;border-radius: 8px;height: 150px;font-size: 12px;}
    #sub .list_btn .bg svg{width: 200px;height: auto}
    #sub .list_btn > * .bg_line svg{width: 191px;height: auto}
    #sub .list_btn > *{width: 200px;height: 62px;}
    #sub .list_btn > * .t strong{font-size: 14px;}
    .sub_visual .vis_txt strong{font-size: 40px;}
    .sub_visual{height: 500px;}
    .sub_visual .vis_img img{height: 500px;}
    .sub_visual .loc ul li a{font-size: 12px;padding: 12px 0}
    .sub_visual .loc ul li a:after{height: 2px;}
    .sub_visual .loc ul{gap: 20px}
    #sub.about .con01{margin-bottom: 50px;}
    #sub.about .con03{padding-top: 50px;margin-top: 50px}
    #sub.about .con03 .title p{font-size: 20px;line-height: 1.7}
    #sub.about .con03 .al strong{font-size: 60px;padding: 0 30px}
    #sub.about .con03 .title{margin-bottom: 25px;}
    #sub.about .con03 .txt p{font-size: 16px;line-height: 1.7}
    #sub.about .con03 .al{margin-bottom: 20px;}
    #sub.about .con03 .txt{gap: 15px;}
    #sub.brand .con03 .bg{left: 20%;}
    #sub.brand .con03 .bg img{width: 600px}
    #sub.brand .con02 .wrap .txt i{top: 10px;left: 50%;margin-left: -40px}
    #sub.brand .con02 .wrap .txt i img{width: 80px}
    #sub.company .con02{padding: 0 20px}
    #sub.company .con02 .wr img{height: 300px}
    #sub.company .con02 .wr .bg_line02 {top: -1px;right: -40px;}
    #sub.company .con02 .wr .bg_line01 {top: -1px;left: -40px;}
    #sub.company .con02 .wr .bg_line img{height: 302px;}
    #sub.company .con02 .wr:before, #sub.company .con02 .wr:after{background-size: auto 100%}
    #sub.company .con02 .txt_w strong{font-size: 24px}
    #sub.company .con02 .txt_w p{font-size: 14px;}
    #sub.company .con02 .txt_w{gap: 15px}
    #sub.list_board .list td span{width: 40px;height: 23px;font-size: 10px}
    #sub.view .view_tit span{width: 40px;height: 23px;font-size: 10px}
    #sub.view .view_tit div{flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 10px}
    #sub.view .view_tit ul{gap: 5px}
}
@media (max-width: 660px){
    #sub.about .con02 > div strong{font-size: 32px;}
    #sub.about .con02 > div p, #sub.about .con01 .txt_w p {font-size: 13px;line-height: 1.5;word-break: keep-all}
    #sub.about .con02 > div p br, #sub.about .con01 .txt_w p br{display: none}
    #sub.bi .con01 .img img{display: block;margin: 0 auto;}
    #sub.bi .con01 > div:nth-child(2) .img img{display: block;margin: 0 auto;width: 150px;}
    #sub.bi .con03 ul, #sub.bi .con01{flex-wrap: wrap;}
    #sub.bi .con01 > div{width: 100%}
    #sub.bi .con03 ul li{width: calc(50% - 10px)}
    #sub .sub_title2 strong{font-size: 32px;}
    #sub .sub_title strong{font-size: 32px;}
    #sub.process .con01 ul li div p{font-size: 12px;}
    #sub.brand .con03 ul{flex-wrap: wrap}
    #sub.brand .con04 .con img{width: 660px;}
    #sub.brand .con03 .tit{padding: 0}
    #sub.menu .list ul{gap: 20px 10px}
    #sub.menu .list ul li {width: calc(50% - 5px)}
    #sub.store .con .list_w{padding: 10px;border-radius: 5px}
    #sub.store .con{border-radius: 7px;}
    #sub.process .con01 ul li{flex-direction: column;align-items: flex-start;justify-content: flex-start}
    #sub.process .con01 ul li div {width: calc(100%); }
    #sub.process .con01 ul li img{width: 50px;}
    #sub.process .con01 ul li{gap: 10px;}
    #sub.gal_board .list ul {border-radius: 20px;}
    #sub.gal_board .list ul li {width: calc(50% - 10px);}
    #sub.contact .con01 .c ul li{width: 100%;gap: 10px}
    #sub.contact .con01 .c ul li .file button{padding: 0;width: 100px;height: 40px;font-size: 12px;gap: 5px;padding: 0 10px;}
    #sub.contact .con01 .c ul li .file p {
        width: calc(100% - 110px);height: 40px;padding-left: 10px;border-radius: 8px;font-size: 12px;}
    #sub .list_btn{margin-top: 40px;}
    #sub .sc_bg img{width: 90vw}
    #sub.process .con01 ul li div strong{font-size: 14px;}
    #sub.process .con02 ul li .txt p{font-size: 12px;}
    #sub.about .con03 .title p{font-size: 16px;padding: 0 20px;word-break: keep-all}
    #sub.about .con03 .title p br{display: none}
    #sub.about .con03 .al strong{font-size: 40px;}
    #sub.about .con03 .txt p{font-size: 13px;}
    #sub.about .con03 i img{width: 30px;}
    #sub.company .con02 .wr img{height: 200px}
    #sub.company .con02 .wr .bg_line02 {top: -1px;right: -28px;}
    #sub.company .con02 .wr .bg_line01 {top: -1px;left: -28px;}
    #sub.company .con02 .wr .bg_line img{height: 202px;}

    #sub.about .con01 .title strong{font-size: 18px;}
    #sub.store .con .list ul li a .info{flex-direction: column;justify-content: flex-start;align-items: flex-start;gap: 5px}
    #sub.store .con .list ul li a .info span{padding-left: 15px;}
}

@media (max-width: 500px){
    #sub.brand .con03 .tit strong{line-height: 1.2;font-size: 26px;}
    #sub.process .con02 ul li{width: 100%}
    #sub.bi .con02 ul li strong, #sub.bi .con02 ul li p{font-size: 12px;}
    #sub.bi .con02 ul{border-radius: 10px}
    #sub.about .con01 .banner_w i img{width: 220px;}
    #sub.about .con01 .flow_banner .list img{width: 160px}
    #sub.company .con02 .txt_w strong{font-size: 20px;}
    #sub.company .con02 .txt_w p{font-size: 12px;}
}