@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */
html{scroll-behavior:smooth;}
#wrapper{padding-top:100px;position:relative;}
#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}



/* header */
#header {position:fixed;left:0;top:0;right:0;z-index:102;background-color: #fec40d;}
#header .contain{height:100px;}
#header .sitelogo {position:absolute; top:4px; left:30px; z-index:2}
#header .sitelogo a {display:block;}

#gnb{padding-right:400px;}
#gnb>ul {display:flex; justify-content:flex-end;margin:0 -38px;} 
#gnb>ul>li {position:relative; text-align:center; padding:0 38px;}
#gnb>ul>li>a {position:relative; display:inline-block; color:#fff; font-size:22px; line-height:100px; font-weight:700;letter-spacing:0;}

#header .tel{display:flex;justify-content:center;align-items:center;position: absolute;right:30px;top:50%;transform:translateY(-50%);width:290px;height:52px;border-radius:26px;background-color: #fff;font-weight:700;}
#header .tel .wrap{font-size:20px;letter-spacing:0;color:#fec40d;line-height:1em;padding-top:4px;}
#header .tel .wrap span{position:relative;padding-left:42px;margin-right:10px;color:#515151;}
#header .tel .wrap span:before{content:'';position: absolute;left:0;top:-5px;width:34px;height:30px;background:url('../images/common/tel.png')no-repeat 0 50%/contain;}

#header .baemin{position: absolute;right:30px;top:50%;margin-top:-24px;}

#container {overflow: hidden;}
.contain {position:relative; max-width:1460px;width:100%;padding-left:30px; padding-right:30px; margin:0 auto;}
#contArea {max-width:160px; padding-left:30px; padding-right:30px; margin:0 auto;}
#contArea.wide {max-width:100%; padding-left:0; padding-right:0;}


/* main */ 
.main-vis{display:flex;align-items:center;height:calc(100vh - 100px);background-color: #ffedb3;position:relative;z-index:101;}
.main-vis .contain{display:flex;align-items:center;max-width:1560px;}
.main-vis .tt-wrap{min-width:0;width:1%;flex:1 1 auto;margin-right:50px;}
.main-vis .tt-wrap .tt{color: #000;font-weight:700;}
.main-vis .tt-wrap .tt .dot{color: #ff7302;}
.main-vis .tt-wrap .tt .dot:before{width:17px;height:17px;top:-35px;background-color: #ff7302;}
.main-vis .tt-wrap .radi-tt{display:inline-block;margin-top:40px;padding:10px 50px 0;line-height:80px;border-radius:45px;background-color: #343434;color: #fff;font-size:50px;font-weight:700;letter-spacing:0;}
.main-vis .img{}
.main-visual {position:relative; overflow:hidden;}
.main-visual .item {position:relative;}
.main-visual .item .video-js{width:100%;}
.visaul-img{position:relative;text-align:center;}
.visaul-img .img{z-index:-1;position:relative;}
.visaul-img .bg{background:url('../images/main/vis-gif2.gif')repeat 50% 50%/contain;position: absolute;left:0;top:0;right:0;bottom:0;}


.main-vis2{position:relative;z-index:101;}
.main-vis2 .bg .pic{position:relative;height:calc(100vh - 100px);/* padding-bottom:51.042%; */overflow:hidden; transition: all 0.2s ease-in-out;}
.main-vis2 .bg .pic img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); /* width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; */width:100%;height:100%;}
/* .main-vis2 .bg.only-mobile .pic{padding-bottom:136.113%;} */
.main-vis2 .contain{display:flex;align-items:center;max-width:1460px;padding:0 30px;width:100%;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.main-vis2 .tt-wrap{min-width:0;width:1%;flex:1 1 auto;padding-right:50px;padding-top:20px;}
.main-vis2 .tt-wrap p{font-size:90px;line-height:1.08em;color: #5ea31a;font-weight:700;letter-spacing:0;text-shadow:0 0 30px rgba(0,0,0,1);}
.main-vis2 .tt-wrap p strong{display:inline-block;font-size:120px;color: #ef661b;margin-top:30px;margin-bottom:20px;}
.main-vis2 .tt-wrap p .dot:before{top:-37px;background-color: #ef661b;}
.main-vis2 .img{width:500px;}
.main-vis2 .img img{width:100%;}


.section{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.section.vh{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:100px 0;}
.sec1{background-image:url('../images/main/sec1-bg.jpg');}
.fz60{font-size:60px;font-weight:700;letter-spacing:0;line-height:1.2em;}
.fz80{font-size:80px;font-weight:700;letter-spacing:0;line-height:1.2em;}
.dot{position:relative;}
.dot:before{content:'';position: absolute;left:50%;transform:translateX(-50%);top:-30px;width:20px;height:20px;border-radius:50%;background-color: #faa819;}
.sec1{text-align:center;}
.sec1 .title{margin-bottom:60px;}
.sec1 ul{display:flex;justify-content:center;margin:0 -48px 40px;}
.sec1 ul li{padding:0 48px;}
.sec1 ul li .cc{display:flex;justify-content:center;align-items:center;width:300px;height:300px;border-radius:50%;background-color:rgba(255,196,13,.8);}
.sec1 ul li .cc p{font-size:36px;font-weight:700;color:#fff;line-height:1.2em;}
.fz40{font-size:40px;font-weight:500;letter-spacing:-.04em;line-height:1.4em;}

.sec2{position:relative;background-image:url('../images/main/sec2-bg.jpg');overflow:hidden;}
/* .sec2:before{content:'';position: absolute;left:50%;top:0;width:50%;height:100%;background-color:rgba(0,0,0,.5);} */
.sec2 .contain{display:flex;justify-content:flex-end;max-width:1780px;}
.sec2 .con{position:relative;width:50%;padding-left:125px;}
.sec2 .con .in-wrap{position:relative;z-index:1;}
.sec2 .con:after{content:'';width:50vw;height:300vh;background-color:rgba(0,0,0,.5);position: absolute;left:0;top:50%;transform:translateY(-50%);}
.sec2 .con:before{content:'';position: absolute;left:0;top:35px;width:91px;height:53px;background:url('../images/main/sec2-arr.png')no-repeat 0 50%/contain;z-index:1;}
.sec2 .con .why{font-size:160px;line-height:.9em;font-weight:700;}
.sec2 .con .fz80{letter-spacing:-.05em;}
.sec2 .con .wrap .row{margin-bottom:40px;}
.sec2 .con .wrap .row:last-child{margin-bottom:0;}
.sec2 .con .wrap .row .tt{font-size:34px;line-height:1.47em;color: #fff;font-weight:500;}

.sec3 .title{padding:90px 0 70px;background-color:#fdf5d0;color:#000;letter-spacing:-.05em;text-align:center;}
.sec3 .title .eng{margin-bottom:15px;font-size:30px;line-height:1.2em;}
.sec3 .content{position:relative;padding:90px 0 80px;background:url('../images/main/sec3-bg.jpg')no-repeat 50% 80%/cover;}
.sec3 .content .best{position:absolute;top:-50px;left:50%;transform:translateX(-50%);text-align:center;}
.sec3 .content .best span{display:inline-block;padding:0 60px;line-height:100px;border-radius:50px;font-size:60px;font-weight:700;color:#fff;background-color: #000;}
.sec3 .content .top-con{margin-bottom:70px;text-align:center;}
.sec3 .content .top-con .contain{max-width:1780px;}
.sec3 .content .top-con .wrap{position:relative;}
.sec3 .content .top-con .wrap .menu{position: absolute;z-index:50; animation:move_up_down 1.5s linear infinite;}
.sec3 .content .top-con .wrap .menu1{left:25%;top:5%;}
.sec3 .content .top-con .wrap .menu2{left:43%;top:5%;}
.sec3 .content .top-con .wrap .menu3{left:58%;top:5%;}
.sec3 .content .top-con .wrap .menu4{left:33%;top:25%;}
.sec3 .content .top-con .wrap .menu5{left:15%;top:32%;}
.sec3 .content .top-con .wrap .menu6{left:48%;top:32%;}
.sec3 .content .top-con .wrap .menu7{left:62%;top:34%;}
.sec3 .content .top-con .wrap .menu8{left:28%;top:48%;}
.sec3 .content .top-con .wrap .menu9{left:20%;top:68%;}
.sec3 .content .top-con .wrap .menu10{left:41%;top:68%;}
.sec3 .content .top-con .wrap .menu11{left:58%;top:67%;}

@keyframes move_up_down { 
  0%,100%{ 
    transform:translateY(0); 
  } 
  50% { 
    transform:translateY(10px); 
  } 
}
.sec3 .btm-con ul{display:flex;margin:0 -5px;}
.sec3 .btm-con ul li{width:33.3333%;padding:0 5px;text-align:center;}
.sec3 .btm-con .txt {color: #fff; font-size: 40px; font-weight: 600; line-height: 1.25em; text-align: center; padding: 20px; background: rgba(0, 0, 0, 0.7); margin: 0 auto; margin-top: -28px; display: inline-block; position: relative; z-index: 1;}
.sec3 .btm-con .txt .primary {color: #fec40d;}

.sec3 .m-top-con{margin-bottom:40px;}
.sec3 .m-top-con .wrap{position:relative;text-align:center;}
.sec3 .m-top-con .wrap .menu{position: absolute;z-index:50; animation:move_up_down2 1.5s linear infinite;}
.sec3 .m-top-con .wrap .menu img{height:80px;}
.sec3 .m-top-con .wrap .menu1{left:37%;top:5%;}
.sec3 .m-top-con .wrap .menu2{left:9%;top:16%;}
.sec3 .m-top-con .wrap .menu3{right:7%;top:16%;}
.sec3 .m-top-con .wrap .menu4{left:25%;top:28%;}
.sec3 .m-top-con .wrap .menu5{right:27%;top:28%;}
.sec3 .m-top-con .wrap .menu6{left:7%;top:46%;}
.sec3 .m-top-con .wrap .menu7{left:37%;top:50%;}
.sec3 .m-top-con .wrap .menu8{right:7%;top:46%;}
.sec3 .m-top-con .wrap .menu9{left:8%;top:70%;}
.sec3 .m-top-con .wrap .menu10{left:37%;top:72%;}
.sec3 .m-top-con .wrap .menu11{right:8%;top:70%;}

@keyframes move_up_down2 { 
  0%,100%{ 
    transform:translateY(0); 
  } 
  50% { 
    transform:translateY(5px); 
  } 
}

.sec3 .btm-con ul li{text-align:center;}
.sec3 .btm-con ul li .paper{position:relative;z-index:1;margin-top:-30px;}

.sec4{position:relative;padding:80px 0;background-color: #fdf5d0;overflow:hidden;}
.sec4 .contain{max-width:100%;padding:0 7%;}
.sec4 .contain:after{content:'';position: absolute;left:calc(-93% + 350px);top:0;width:100%;height:100%;background-color: #fdf5d0;}
.sec4 .row{display:flex;align-items:center;margin-bottom:80px;}
.sec4 .row:last-child{margin-bottom:0;}
.sec4 .row .title{display:flex;justify-content:flex-start;position:relative;width:305px;text-align:center;}
.sec4 .row .title h2{position:relative;z-index:2;display:inline-block;font-size:50px;line-height:1.2em;color: #000;}
.sec4 .row .con{min-width:0;width:1%;flex:1 1 auto;}
.store-sld .slick-list{overflow:visible;margin:0 -38px -25px;}
.store-sld .item{padding:0 38px;margin-bottom:25px;}
.store-sld .item .wrap{position:relative;text-align:center;}
.store-sld .item .wrap .name{display:inline-block;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:110px;line-height:36px;border-radius:18px;padding:2px 10px 0;background-color: #e65a2b;font-size:18px;font-weight:700;color:#fff;}

/* .sec5{padding:100px 0;background-image:url('../images/main/sec5-bg.jpg');} */
.sec5{padding:100px 0; background: #ffe6c8;}
.sec5 .contain{display:flex;max-width:1780px;}
.sec5 .img{width:50%;text-align:right;position:relative;}
.sec5 .img .none-img{opacity:0;}
.sec5 .img .ani-img{position: absolute;left:0;top:0;right:0;bottom:0;}
.sec5 .m-img{text-align:right;position:relative;order:2;}
.sec5 .m-img .none-img{opacity:0;}
.sec5 .m-img .ani-img{position: absolute;left:0;top:0;right:0;bottom:0;}
.sec5 .tt-wrap {display:flex;justify-content: center;padding:80px 80px 30px 40px;width:50%;}
.sec5 .tt-wrap .tit{margin-bottom:10px;font-size:90px;line-height:1.2em;color: #000;text-align:center;}
.sec5 .tt-wrap .tt {padding: 14px 10px 9px; font-size:30px; line-height:1.33em;font-weight:700;color: #000; background: #fff; text-align: center; border-radius: 10px; max-width: 578px; width: 90%; margin: 0 auto; margin-bottom: 30px;}
.sec5 .tt-wrap .cnt{display:flex;justify-content:center;margin-bottom:110px;}
.sec5 .tt-wrap .cnt .box-con{margin-right:25px;}
.sec5 .tt-wrap .cnt .box-con ul{display:flex;margin:0 -35px;}
.sec5 .tt-wrap .cnt .box-con ul li{position:relative;padding:0 35px;}
.sec5 .tt-wrap .cnt .box-con ul li:after{content:'';position: absolute;right:-20px;top:50%;margin-top:-17px;width:41px;height:35px;background:url('../images/main/sec5-arr.png')no-repeat 50% 50%/contain;}
.sec5 .tt-wrap .cnt .box-con ul li:last-child:after{display:none;}
.sec5 .tt-wrap .cnt .box-con ul li .box {display:flex;justify-content:center;align-items:center;background-color: #ff8316;width:190px;height:190px;border-radius:42px;text-align:center;font-weight:700;color: #000;}
.sec5 .tt-wrap .cnt .box-con ul li .box .inner .num{font-size:64px;line-height:1.1em;}
.sec5 .tt-wrap .cnt .box-con ul li .box .inner p{font-size:32px;line-height:1.2em;}
.sec5 .tt-wrap .cnt .box-con ul li.type2 .box{background-color: #000;color: #fff;}
.sec5 .tt-wrap .btm-tt{text-align:center;font-weight:700;}
.sec5 .tt-wrap .btm-tt p{display:inline-block;position:relative;color:#000;font-size:90px;line-height:1.3em;}
.sec5 .tt-wrap .btm-tt p:before,
.sec5 .tt-wrap .btm-tt p:after {content:'';position: absolute;width:35px; aspect-ratio: 35 / 30; background-repeat:no-repeat;background-size:contain;}
.sec5 .tt-wrap .btm-tt p:before {left:-40px;top:10px;background-image:url('../images/main/sec5-rest1.svg');background-position:0 50%;}
.sec5 .tt-wrap .btm-tt p:after {right: -40px; top:10px;background-image:url('../images/main/sec5-rest2.svg');background-position:100% 50%;}
.sec5 .tt-wrap .btm-tt p strong{font-size:110px;}
.sec5 .tt-wrap .btm-tt p strong .cl{color: #ff8316;}
.sec5 .tt-wrap .btm-tt p strong .dot:before{width: 30px; height: 30px; top: -50px; background: url('/images/main/sec5-dot.svg') no-repeat center / contain;}

.sec6{background-image:url('../images/main/sec6-bg.jpg');}
.sec6 .tit{text-align:center;margin-bottom:40px;}
.sec6 .img{max-width:1400px;width:100%;margin-left:auto;margin-right:auto;margin-bottom:70px;}
.sec6 .img .flex-wrap{display:flex;position:relative;margin:0 -140px;}
.sec6 .img .flex-wrap .in-img{width:50%;padding:0 140px;z-index:3;}
.sec6 .img .flex-wrap .in-img img{border-radius:60px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.3);}
.sec6 .img .flex-wrap .in-img.type2{z-index:1;}
.sec6 .img .flex-wrap .arr{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;}
.sec6 .tt{text-align:center;font-size:40px;line-height:1.33em;font-weight:600;}
.sec6 .tt strong{font-size:60px;}

.sec7{background-image:url('../images/main/sec7-bg.jpg');overflow:hidden;}
.sec7 .tit{text-align:center;margin-bottom:40px;font-size:60px;line-height:1.5em;color: #fdf5d0;}
.sec7 .tit .red{font-size:120px;color: #f94919;}
.sec7 .tit .pri{color: #fbc211;font-size:100px;}
.sec7 .con ul{display:flex;justify-content:center;margin:0 -255px;}
.sec7 .con ul li{position:relative;padding:0 255px;}
.sec7 .con ul li .cc{position:relative;z-index:3;border:20px solid #edd9c4;border-radius:50%;}
.sec7 .con ul li .arr{position: absolute;right:-430px;top:50%;margin-top:-174px;width:978px;height:349px;background:url('../images/main/sec7-time.png')no-repeat 50% 50%/contain;z-index:2;}
/* .sec7 .con ul li:after{content:'';position: absolute;right:-430px;top:50%;margin-top:-174px;width:978px;height:349px;background:url('../images/main/sec7-time.png')no-repeat 50% 50%/contain;z-index:2;} */
.sec7 .con ul li:last-child:after{display:none;}
.sec7 .con ul li.type2{z-index:1;}
.sec7 .con ul li.type2 .cc:after{content:'';position: absolute;right:-100px;bottom:-50px;width:292px;height:346px;background:url('../images/main/sec7-img3.png')no-repeat 100% 50%/contain;}

.sec8{padding:50px 0;background-color: #ffe6c8;}
.sec8 .contain{max-width:1460px;}
.sec8 .row{display:flex;align-items:center;margin-bottom:-80px;}
.sec8 .row:last-child{margin-bottom:0;}
.sec8 .row .tt-wrap{position:relative;padding-left:70px;min-width:0;width:1%;flex:1 1 auto;z-index:1;}
.sec8 .row .tt-wrap .tit{margin-bottom:30px;font-size:36px;font-weight:500;line-height:1.5em;}
.sec8 .row .tt-wrap .tit strong{font-size:46px;}
.sec8 .row .tt-wrap .tit .strong{font-weight:700;}
.sec8 .row .tt-wrap .txt{position:relative;font-weight:500;line-height:1.6em;}
.sec8 .row .tt-wrap .txt strong{font-size:24px;}
.sec8 .row .tt-wrap .txt .tt{position:relative;padding:0 55px;display:inline-block;}
.sec8 .row .tt-wrap .txt .tt:before,
.sec8 .row .tt-wrap .txt .tt:after{content:'';position: absolute;width:36px;height:31px;background-repeat:no-repeat;background-size:contain;}
.sec8 .row .tt-wrap .txt .tt:before{left:0;top:0px;background-image:url('../images/main/sec8-rest1.png');background-position:0 50%;}
.sec8 .row .tt-wrap .txt .tt:after{background-image:url('../images/main/sec8-rest2.png');right:0;bottom:0px;background-position:100% 50%;}
.sec8 .row:nth-child(even){flex-direction:row-reverse;}
.sec8 .row:nth-child(even) .tt-wrap{padding-right:70px;}

.sec8 .row.type1 .tt-wrap:before{content:'';position: absolute;right:-137px;top:75px;width:320px;height:143px;background:url('../images/main/sec8-deco1.png')no-repeat 50% 50%/contain;}
.sec8 .row.type2 .tt-wrap:before{content:'';position: absolute;left:-45px;top:-50px;width:99px;height:145px;background:url('../images/main/sec8-deco2.png')no-repeat 50% 50%/contain;}
.sec8 .row.type3 .tt-wrap:before{content:'';position: absolute;right:100px;bottom:-30px;width:95px;height:74px;background:url('../images/main/sec8-deco3.png')no-repeat 50% 50%/contain;}
.sec8 .row.type4 .tt-wrap:before{content:'';position: absolute;right:165px;top:-55px;width:109px;height:98px;background:url('../images/main/sec8-deco4.png')no-repeat 50% 50%/contain;}

.sec8 .row.type3 .tt-wrap .txt .tt:after{right:210px;}

.sec9{background-image:url('../images/main/sec9-bg.jpg');}
.sec9 .title{margin-bottom:80px;text-align:center;}
.sec9 .menu-cate{margin-bottom:50px;}
.sec9 .menu-cate ul{display:flex;justify-content:center;margin:0 -5px;}
.sec9 .menu-cate ul li{max-width:170px;width:100%;padding:0 5px;}
.sec9 .menu-cate ul li a{display:flex;justify-content:center;align-items:center;height:60px;border-radius:30px;background-color: #fff;border:1px solid #ddd;font-size:20px;color: #000;font-weight:700;line-height:1.2em;padding-top:4px;}
.sec9 .menu-cate ul li.active a{background-color: #faa819;border-color: #faa819;color: #fff;}
.sec9 .menu-sld{position:relative;max-width:1615px;width:100%;margin:0 auto;padding:0 150px;}
.sec9 .menu-sld .slick-list{margin:0 -30px;}
.sec9 .menu-sld .item{padding:0 30px;text-align:center;}
.sec9 .menu-sld .item .img{border-radius:30px;overflow:hidden;}
.sec9 .menu-sld .item p{font-size:32px;line-height:1.3em;font-weight:700;color: #000;margin-top:15px;letter-spacing:-.05em;}
.sec9 .menu-sld .slick-arrow{position: absolute;top:50%;transform:translateY(-50%);font-size:0;width:70px;height:70px;background-color: #fff;border-radius:50%;border:1px solid #ddd;transition:.3s;background-repeat:no-repeat;background-size:16px;background-position:50% 50%;}
.sec9 .menu-sld .slick-prev{left:-150px;background-image:url('../images/main/sec9-prev.png');}
.sec9 .menu-sld .slick-next{right:-150px;background-image:url('../images/main/sec9-next.png');}
.sec9 .menu-sld .slick-arrow:hover{background-color: #e27908;border-color: #e27908;}
.sec9 .menu-sld .slick-prev:hover{background-image:url('../images/main/sec9-prev-on.png');}
.sec9 .menu-sld .slick-next:hover{background-image:url('../images/main/sec9-next-on.png');}

.sec10{padding:80px 0;background-image:url('../images/main/sec10-bg.jpg');}
.sec10 .content ul{display:flex;flex-wrap:wrap;align-items:flex-end;margin:0 -50px -70px;}
.sec10 .content ul li{width:50%;padding:0 50px;margin-bottom:100px;}
.sec10 .content ul li .title{padding-bottom:40px;}
.sec10 .content ul li .cnt{display:flex;position:relative;border-bottom:1px solid rgba(255,255,255,.3);padding-right:240px;min-height:306px;}
.sec10 .content ul li .cnt .wrap{min-width:0;width:1%;flex:1 1 auto;color: #fff;padding-bottom:70px;}
.sec10 .content ul li .cnt .wrap .tit{margin-bottom:5px;font-size:36px;font-weight:700;line-height:1.4em;}
.sec10 .content ul li .cnt .img{position: absolute;right:0;top:-17%;}
.sec10 .content ul li:nth-child(2) .cnt .wrap{padding-bottom:100px;}
/* .sec10 .content ul li:nth-child(2) .cnt .img{top:30%;} */
.sec10 .content ul li:nth-child(5) .cnt,
.sec10 .content ul li:nth-child(6) .cnt{border-bottom:none;}
.sec10 .content ul li:nth-child(5) .cnt .wrap,
.sec10 .content ul li:nth-child(6) .cnt .wrap{padding-bottom:0;}

.sec11{background-image:url('../images/main/sec11-bg.jpg');}
.sec11 .title{margin-bottom:25px;font-size:70px;font-weight:700;text-align:center;line-height:1.2em;letter-spacing:-.05em;color: #000;}
.sec11 .top-tt{margin-bottom:40px;text-align:center;font-size:30px;line-height:1.2em;letter-spacing:-.05em;font-weight:700;color: #000;}
.sec11 .imgs{margin-bottom:45px;}
.sec11 .imgs ul{display:flex;justify-content:center;margin:0 -40px;}
.sec11 .imgs ul li{padding:0 40px;}
.sec11 .imgs ul li .img{border-radius:30px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.2);}
.sec11 .tt{margin-bottom:25px;font-size:26px;line-height:1.4em;font-weight:700;text-align:center;}
.sec11 .logo ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -10px -20px;}
.sec11 .logo ul li{padding:0 10px;margin-bottom:20px;}

.sec12{background-image:url('../images/main/sec12-bg.jpg');}
.sec12 .tit{margin-bottom:50px;text-align:center;color: #515151;letter-spacing:-.05em;}

.sec13{background-color: #f1edda;}
.sec13 .contain{max-width:1780px;}
.sec13 .tit{margin-bottom:50px;text-align:center;color: #515151;letter-spacing:-.05em;}
.sec13 ul{display:flex;margin:0 -40px;}
.sec13 ul li{width:50%;padding:0 40px;text-align:center;}
.sec13 ul li .box{border-radius:60px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,0.2);}
.sec13 ul li .box .top{padding:35px 20px 20px;background-color: #fdf2e6;}
.sec13 ul li .box .top .tit{margin-bottom:10px;color: #faa819;letter-spacing:-.05em;line-height:1.2em;font-size:50px;font-weight:700;}
.sec13 ul li .box .top .tit span{color: #e27908;margin-right:10px;}
.sec13 ul li .box .tt-wrap{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#e27908;min-height:235px;}
.sec13 ul li .box .tt-wrap p{margin-bottom:15px;font-size:24px;line-height:1.25em;letter-spacing:-.05em;font-weight:700;color: #fff;}
.sec13 ul li .box .tt-wrap p:last-child{margin-bottom:0;}
.sec13 ul li.type2 .box .tt-wrap{background-color: #903532;}

.sec14{background-image:url('../images/main/sec14-bg.jpg');}
.sec14 .title{margin-bottom:50px;text-align:center;letter-spacing:-.05em;color: #fff;}
.sec14 .title .tt{font-weight:700;}
.sec14 .bg-con{max-width:1200px;width:100%;margin:0 auto -315px;background:url('../images/main/sec14-con-bg.jpg')no-repeat 50% 50%/cover;text-align:center;letter-spacing:-.05em;font-weight:700;padding:55px 55px 350px;border-radius:60px;}
.sec14 .bg-con .tit{font-size:50px;line-height:1.2em;}
.sec14 .bg-con .tt{font-size:60px;line-height:1.2em;}
.sec14 .con ul{display:flex;margin:0 -12px;}
.sec14 .con ul li{width:33.3333%;padding:0 12px;}
.sec14 .con ul li .box{border-radius:30px;background-color: #fdf2e6;height:100%;overflow:hidden;text-align:center;box-shadow:0 0 30px rgba(0,0,0,.2);}
.sec14 .con ul li .box .tt-wrap{padding:25px 20px 15px;color:#515151;letter-spacing:-.05em;}
.sec14 .con ul li .box .tt-wrap .tit{font-size:26px;font-weight:700;line-height:1.2em;}
.sec14 .con ul li .box .tt-wrap .wrap{display:flex;justify-content:center;align-items:center;height:70px;font-weight:500;}

.sec15 img,
.sec16 img{width:100%;}

.sec3-paper {text-align: center;}
.sec3-paper .content {padding: 56px 0 80px;}
.sec3-paper .tit {color: #fff; font-size: 84px; font-weight: 600; line-height: 1.2; padding: 20px 20px 5px; background: #000; margin: 0 auto 60px; display: inline-block;}
.sec3-paper .tit .primary {color: #fec40d;}

/* footer */
#footer {padding:70px 0 50px;color: #515151;}
#footer .btns{margin-bottom:35px;}
#footer .btns ul{display:flex;margin:0 -5px;}
#footer .btns ul li{width:33.3333%;padding:0 5px;}
#footer .btns ul li a{display:flex;justify-content:center;align-items:center;padding:0 20px;height:66px;border-radius:20px;color: #515151;background-color: #ffe9c2;font-size:26px;font-weight:700;line-height:1.2em;padding-top:4px;transition:.3s;text-align:center;}
#footer .btns ul li a:hover{background-color: #faa819;color: #fff;}
#footer .foot-info{margin-bottom:30px;font-family:"Pretendard";}
#footer .foot-info ul{display:flex;margin:0 -5px;}
#footer .foot-info ul li{width:33.3333%;padding:0 5px;}
#footer .foot-info ul li .logo-wrap{display:flex;justify-content:center;align-items:center;}
#footer .foot-info ul li .logo-wrap .logo{margin-right:20px;}
#footer .foot-info ul li .logo-wrap .wrap .tt{font-size:16px;line-height:1.75em;}
#footer .foot-info ul li .logo-wrap .wrap .tel{font-size:36px;font-weight:700;line-height:1.2em;font-family:'GmarketSans';}
#footer .foot-info ul li .info-wrap{display:flex;justify-content:center;}
#footer .foot-info ul li .info-wrap address {font-style:normal;line-height:1.3em;}
#footer .foot-info ul li .info-wrap address p{display:inline-block;font-weight:500;font-size:16px;}
#footer .foot-info ul li .info-wrap address .bar{margin:0 5px;}
#footer .foot-info ul li .link-wrap{display:flex;justify-content:center;align-items:center;}
#footer .foot-info ul li .link-wrap .kakao{margin-right:30px;}
#footer .foot-info ul li .link-wrap .btn-cs{display:flex;justify-content:center;align-items:center;max-width:280px;width:100%;height:70px;border-radius:35px;font-size:20px;line-height:1.2em;font-weight:700;color: #fff;transition:.3s;background-color: #faa819;font-family:'GmarketSans';padding-top:2px;}
#footer .foot-info ul li .link-wrap .btn-cs:hover{background-color: #e27908;}
#footer .copy{text-align:center;color: #999;font-weight:500;letter-spacing:0;line-height:1.3em;font-size:16px;font-family:'Pretendard';}
#footer .copy a{display:inline-block;font-size:12px;color: #e9e9e9;}

.baemin2{position: fixed;right:30px; bottom:140px;display:block;border-radius:50%;z-index:101;box-shadow:3px 3px 10px rgba(0,0,0,.3);}
.kakaoquick{position: fixed;right:178px; bottom:140px;display:block;border-radius:50%;z-index:101;box-shadow:3px 3px 10px rgba(0,0,0,.3);}
#quick{position: fixed;z-index:100;right:30px;bottom:180px;padding:20px 10px;background-color: #1b1917;}
#quick .tit{margin-bottom:10px;font-size:18px;font-weight:700;color: #fff;text-align:center;letter-spacing:0;line-height:1.2em;}
#quick .tt{margin-bottom:15px;font-size:14px;font-weight:500;color: #fff;text-align:center;}
#quick .wrap{margin-bottom:10px;}
#quick .wrap .row{margin-bottom:3px;}
#quick .wrap .row:last-child{margin-bottom:0;}
#quick .wrap .row .input{max-width:231px;font-weight:500;height:40px;}
#quick .wrap .row .input::placeholder{font-weight:700;color: #999;}
#quick .check-list{display:block;margin-bottom:10px;}
#quick .check-list li{margin-bottom:5px;display:flex;margin-right:0;font-family:'Pretendard';color: #fff;font-size:14px;}
#quick .check-list li:last-child{margin-right:0;margin-bottom:0;}
#quick .check-list li .checkbox{display:block;}
#quick .btns li{margin-bottom:5px;}
#quick .btns li:last-child{margin-bottom:0;}
#quick .btns li .btn{display:flex;justify-content:center;align-items:center;height:40px;cursor:pointer;background-color: #de6700;color: #fff;font-size:18px;font-weight:700;border:none;width:100%;padding-top:4px;}
#quick .btns li.type2 .btn{background-color: #ffe800;color: #3a1c1c;}
#quick .btns li.type2 .btn span{position:relative;padding-left:35px;}
#quick .btns li.type2 .btn span:before{content:'';position: absolute;left:0;top:-1px;width:28px;height:26px;background:url('../images/common/q-kakao.png')no-repeat 0 50%/contain;}

/* for mobile */
.only-mobile {display:none;}
.btn-m-menu {display:none; position:absolute; top:50%; margin-top:-11px; right:30px; width:30px; height:22px;  text-align:center; text-indent:-9999em; z-index:99; transition:all 0.5s ease-in-out;}
.btn-m-menu span {position:absolute; right:0; top:50%; margin-top:-1px; height:2px; width:23px;background:#fff;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; right:0; width:30px; height:2px; background:#fff; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.btn-m-menu span:before {top:-10px; transition-property:top, transform;}
.btn-m-menu span:after {bottom:-10px; transition-property:bottom, transform;}
.mobile-navigation {position:fixed; top:0; right:0; padding:20px 0; width:400px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:202;}
.mobile-navigation .home {margin-bottom:20px; padding-left:15px;}
.mobile-navigation .home img {height:23px;}
.mobile-navigation .nav-menu>ul{margin-top:30px;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #dfdfdf;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:12px 15px; display:block; color:#454545; font-size:18px; font-weight:500; line-height:1.3em;}
.mobile-navigation .nav-menu>ul>li a:after{content:""; position:absolute; top:50%; right:15px; transform:translateY(-75%) rotate(45deg); width:10px; height:10px; border-right:2px solid #2c2c2c; border-bottom:2px solid #2c2c2c;display:none;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#e27908}
.mobile-navigation .nav-menu>ul>li.active>a:after {transform:translateY(-35%) rotate(-135deg); border-color:#e27908;}
.mobile-navigation .nav-menu .submenu {display:none; margin:-1px 0 0 0; padding:0 15px 15px;}
.mobile-navigation .nav-menu .submenu>ul:after {content:"";display:block;clear:both;}
.mobile-navigation .nav-menu .submenu>ul>li>a {display:block; position:relative; padding:5px 15px; color:#454545; font-size:16px; font-weight:400; line-height:1.3em;}
.mobile-navigation .nav-menu .submenu>ul>li>a:after {display:block; content:"";position:absolute; top:14px; left:5px; width:4px; height:4px; background:#dfdfdf; border-radius:50%; transition:.3s ease-in-out;}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover{color:#e27908}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover:after {background:#e27908}
.mobile-navigation .close {position:absolute; top:20px; right:15px; width:24px; height:24px; text-indent:-9999em; overflow:hidden;}
.mobile-navigation .close:before,
.mobile-navigation .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:2px; background:#2c2c2c;}
.mobile-navigation .close:before {transform:rotate(45deg);}
.mobile-navigation .close:after {transform:rotate(-45deg);}

.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:201;}

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0); }
html.menu-opened .mobile-overlay {display:block;}



/* 유지보수 241014 */
.edt-sec1{padding:115px 0 75px;background-color: #f8c500;}
.edt-sec1 .contain{display:flex;max-width:1880px;}
.edt-sec1 .left {margin-right:60px;}
.edt-sec1 .left .img {margin-top: -100px; text-align:center;}
.edt-sec1 .right{min-width:0;width:1%;flex:1 1 auto;}
.edt-sec1 .right .tit{display:flex;justify-content:center;align-items:flex-end;margin-bottom:45px;}
.edt-sec1 .right .tit .yt-logo{margin-right:35px;}
.edt-sec1 .right .tit p{font-size: clamp(1.5rem, 1.1382rem + 1.4474vw, 2.875rem);color: #000;line-height:1em;font-weight:700;}
.edt-sec1 .right .con {position:relative;border:10px solid #000;border-radius:5px;}

.edt-sec2 {background-color: #fff8e3;}
.edt-sec2 .contain{max-width:1660px;}
.edt-sec2 .tit-wrap{position:relative;padding:80px 0 0;text-align:center;z-index:1;}
.edt-sec2 .tit-wrap:before{content:'';width:100vw;height:100%;background:url('/images/main/edt-sec2-tit-bg.jpg')no-repeat 50% 100%/cover;position: absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1;}
.edt-sec2 .tit-wrap .top{color: #000;font-size:46px;font-weight:500;line-height:1.4em;}
.edt-sec2 .tit-wrap .top strong{color: #e14802;}
.edt-sec2 .tit-wrap .tit {display:flex;justify-content:center;font-size: 192px;line-height:1.2em;color: #000;font-weight:700;}
.edt-sec2 .tit-wrap .tit strong{display:inline-block;position:relative;color: #e14802;margin-right:40px;}
.edt-sec2 .tit-wrap .tit strong:before{content:'';width:206px;height:162px;background:url('/images/main/edt-sec2-tit-ic.png')no-repeat 100% 50%/contain;position: absolute;left:-90px;top:-70px;}
.edt-sec2 .con{padding:90px 0 95px;}
.edt-sec2 .con ul{display:flex;flex-wrap:wrap;margin:0 -8px -16px;}
.edt-sec2 .con ul li{width:20%;padding:0 8px;margin-bottom:16px;}
.edt-sec2 .con ul li .box{display:flex;border:2px solid #11110f;}
.edt-sec2 .con ul li .box .logo{border-right:2px solid #11110f;}
.edt-sec2 .con ul li .box .wrap{min-width:0;width:1%;flex:1 1 auto;}
.edt-sec2 .con ul li .box .tit{display:flex;align-items:center;padding:5px 5px 0 17px;height:calc(100% - 36px);border-bottom:2px solid #11110f;font-size: clamp(0.9375rem, 0.6908rem + 0.9868vw, 1.875rem);line-height:1.3em;color: #000;font-weight:500;letter-spacing:-.03em;}
.edt-sec2 .con ul li .box .date{display:flex;align-items:center;padding:3px 5px 0 17px;height:36px;font-size: clamp(0.875rem, 0.7105rem + 0.6579vw, 1.5rem);color: #000;font-weight:500;line-height:1.3em;background-color: #fbeec9;}

.edt-sec3 {padding:60px 0 20px;background:url('/images/main/edt-sec3-bg.jpg')no-repeat 50% 50%/cover;overflow:hidden;}
.edt-sec3 .title{margin-bottom:15px;text-align:center;}
.edt-sec3 .title .tit1{margin-bottom:60px;}
.edt-sec3 .sns-sld{position:relative;margin:0 -27.5%;}
.edt-sec3 .sns-sld .slick-list{margin:0 -15px;}
.edt-sec3 .sns-sld .item{padding:0 15px;text-align:center;}
.edt-sec3 .sns-sld .item .shadow{margin-top:20px;}

.edt-sec4{position:relative;padding:70px 0 80px;}
.edt-sec4:before{content:'';width:16.6666%;height:100%;background:url('/images/main/edt-sec4-side.svg')no-repeat 100% 50%/cover;position: absolute;left:0;top:0;}
.edt-sec4 .contain:before{content:'';width:302px;height:263px;background:url('/images/main/edt-sec4-ic.png')no-repeat 50% 50%/contain;position: absolute;left:-75px;bottom:-60px;}
.edt-sec4 .inner{padding-left:215px;}
.edt-sec4 .inner .title{margin: 0 auto; margin-bottom:40px;font-size:80px;color: #000;line-height:1.2em;font-weight:700; text-align: center;}
.edt-sec4 .inner .title span{color: #f8c500;}
.edt-sec4 .inner .table table{width:100%;border-spacing:0;border-top:3px solid #000;letter-spacing:-.03em;text-align:center;}
.edt-sec4 .inner .table table thead th {background-color: #faf2ce;font-size: clamp(1rem, 0.7697rem + 0.9211vw, 1.875rem);line-height:1.3em;font-weight:500;color: #000;}
.edt-sec4 .inner .table table thead th:last-child {border-right: 0;}
.edt-sec4 .inner .table table thead th p {display:flex;align-items:center;justify-content:center;}
.edt-sec4 .inner .table table thead th p .tag {margin-left:10px;padding-bottom:15px;}
.edt-sec4 .inner .table table th,
.edt-sec4 .inner .table table td {height:96px;border-right:1px solid #000;border-bottom:1px solid #000;padding:10px; font-size: clamp(0.875rem, 0.7105rem + 0.6579vw, 1.5rem);line-height:1.25em;color: #000;font-weight:500;}
.edt-sec4 .inner .table table td:last-child {border-right: 0;}
.edt-sec4 .inner .table table tfoot td{border-bottom:none;border-right:none;padding:0;}
.edt-sec4 .inner .table table tfoot td.nt{padding:25px;vertical-align:bottom;text-align:left;}
.edt-sec4 .inner .table table tfoot td .box{margin-right:4px;height: 150px;border-radius:0 0 30px 30px; display:flex;justify-content:center;align-items:center;background: #ee5300; color: #fff;}
.edt-sec4 .inner .table table tfoot td .box p{padding-top:10px;font-size: clamp(0.875rem, 0.6118rem + 1.0526vw, 1.875rem);line-height:1.3em;}
.edt-sec4 .inner .table table tfoot td .box p strong{font-size: clamp(1.125rem, 0.5987rem + 2.1053vw, 3.125rem);}
.edt-sec4 .inner .table table tfoot td .box.st2{margin-left:4px;margin-right:0;background: #723721;color: #000;}
.edt-sec4 .inner .table table tfoot td .box.st2 p{color: #fff;}

.edt-sec5{padding:70px 0 50px;background:url('/images/main/edt-sec5-bg.jpg')no-repeat 50% 50%/cover;letter-spacing:-.03em;}
.edt-sec5 .contain{display:flex;align-items:center;max-width:1530px;}
.edt-sec5 .tt-wrap{margin-right:70px;}
.edt-sec5 .tt-wrap .tit{margin-bottom:90px;font-size: clamp(1.125rem, 0.5987rem + 2.1053vw, 3.125rem);font-weight:700;color: #000;line-height:1.3em;display:inline-block;position:relative;z-index:1;}
.edt-sec5 .tt-wrap .tit:after{content:'';width:100%;height:clamp(0.375rem, -0.0197rem + 1.5789vw, 1.875rem);;background-color: #f5eac9;position: absolute;left:0;bottom:10px;z-index:-1;}
.edt-sec5 .tt-wrap .tel{margin-bottom:70px;font-size: clamp(1.5rem, 0.5789rem + 3.6842vw, 5rem);line-height:1.2em;font-weight:700;}
.edt-sec5 .tt-wrap .tel .tt{margin-bottom:10px;color: #000;}
.edt-sec5 .tt-wrap .tel .num{color: #de4702;}
.edt-sec5 .tt-wrap .wrap{position:relative;padding-top:25px;}
.edt-sec5 .tt-wrap .wrap:before{content:'';width:50px;height:1px;background-color: #333;position: absolute;left:0;top:0;}
.edt-sec5 .tt-wrap .wrap p{font-size: clamp(0.9375rem, 0.7895rem + 0.5921vw, 1.5rem);line-height:1.92em;font-weight:500;color: #000;}
.edt-sec5 .form{min-width:0;width:1%;flex:1 1 auto;padding:55px 60px;background-color: #fff;border-radius:32px;}
.edt-sec5 .form .title{margin-bottom:50px;font-size: clamp(1.25rem, 0.9868rem + 1.0526vw, 2.25rem);color: #000;font-weight:700;line-height:1.2em;}
.edt-sec5 .form .input-wrap .row{display:flex;align-items:center;margin-bottom:60px;border-bottom:1px solid #555;}
.edt-sec5 .form .input-wrap .row .tit{width:135px;padding-left:7px;}
.edt-sec5 .form .input-wrap .row .tit label{position:relative;display:inline-block;padding-right:16px;font-size:24px;color: #000;line-height:1.2em;font-weight:500;}
.edt-sec5 .form .input-wrap .row .tit label:after{content:'';width:7px;height:7px;background-color: #de4702;border-radius:50%;position: absolute;right:0;top:0px;}
.edt-sec5 .form .input-wrap .row .cnt{min-width:0;width:1%;flex:1 1 auto;}
.edt-sec5 .form .input-wrap .row input.input,
.edt-sec5 .form .input-wrap .row select.input{height:50px;border:none;padding:0 20px;font-size:18px;}
.edt-sec5 .form .input-wrap .row input.input:focus,
.edt-sec5 .form .input-wrap .row select.input:focus{outline:none;}
.edt-sec5 .form .form-agree{margin:50px 0 70px;border:4px solid #ccc;padding:15px 23px;}
.edt-sec5 .form .form-agree .check{display:flex;align-items:center;justify-content:space-between;margin:0;font-size:18px;font-weight:500;color: #999;line-height:1.4em;padding-top:5px;}
.edt-sec5 .form .form-agree .check .checkbox label:before{width:20px;height:20px;background-color: #fff;}
.edt-sec5 .form .form-agree .check .checkbox input:checked + label:before{background-color: #e27908;border-color: #e27908;}
.edt-sec5 .form .form-agree .check a{padding:0;font-weight:500;color: #333;margin:0;border:none;background-color:transparent;font-size:18px;line-height:1.4em;}
.edt-sec5 .form .btn{display:flex;justify-content:center;align-items:center;height:78px;background-color:#de4702;border-radius:39px;color: #fff;border:none;font-size:24px;font-weight:700;line-height:1.2em;width:100%;cursor:pointer;}


/* 유지보수 260316 */
.sec-sales {padding: 100px 0; background: #ffd243; position: relative;}
.sec-sales .ab {width: 1920px; height: 850px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.5; z-index: 9999; display: none;}
.sec-sales .primary {color: #fec40d;}
.sec-sales .contain {display: flex; align-items: center; justify-content: center; gap: 60px;}
.sec-sales .left {max-width: 50%; margin-left: auto; flex: 0;}
.sec-sales .tag-wrap {display: flex; flex-wrap: wrap; align-items: center; gap: 20px;}
.sec-sales .tag-wrap .tag {display: inline-flex; align-items: center; justify-content: center; padding: 17px 20px 11px; border-radius: 10px; background: rgba(255, 255, 255, 0.8); color: #000; font-size: 32px; font-weight: 500; line-height: 1em; letter-spacing: -0.06em;}
.sec-sales .left .tit-wrap {margin: 30px 0;}
.sec-sales .left .tit {display: inline-block; padding: 25px 20px 15px; background: #000; color: #fff; font-size: 100px; font-weight: 700; line-height: 1em; white-space: nowrap; letter-spacing: -0.03em;}
.sec-sales .left .tit1 {margin-bottom: 10px;}
.sec-sales .left .tit2 {font-size: 84px;}
.sec-sales .right {width: calc(50% - 30px); min-width: 510px; min-height: 650px; margin-bottom: auto; position: relative; display: flex; align-items: center; justify-content: center;}
.sec-sales .sales-list {margin: 0 auto auto; width: 510px; height: 650px; max-height: 0; overflow: hidden; background: url('/images/main/sales-img.png') no-repeat center top; padding: 25px 60px 90px; font-family: 'Pretendard', sans-serif; transition: max-height 1.2s ease-out;}
.sec-sales .sales-list.active {max-height: 650px;}
.sec-sales .sales-list .list-tit {color: #000; text-align: center; margin-bottom: 20px;}
.sec-sales .sales-list .list-tit div {padding: 11px 25px; border: 1px solid #000; font-size: 20px; font-weight: 700; text-align: center; display: inline-block; margin: 0 auto 20px;}
.sec-sales .sales-list .list-tit p {font-size: 16px; font-weight: 500; line-height: 1em;}
.sec-sales .sales-list .cont {padding: 18px 0; position: relative;}
.sec-sales .sales-list .cont::before {content: ''; width: calc(100% - 18px); height: 0; position: absolute; left: 50%; top: 0; transform: translateX(-50%); border-top: 1px dashed #000;}
.sec-sales .sales-list .cont::after {content: ''; width: calc(100% - 18px); height: 0; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-bottom: 1px dashed #000;}
.sec-sales .sales-list table {table-layout: fixed; width: 100%; border-spacing: 0; border-collapse: collapse; font-family: 'Pretendard', sans-serif; font-size: 16px; text-align: center; color: #000;}
.sec-sales .sales-list table thead th {font-weight: 800; padding-bottom: 8px;}
.sec-sales .sales-list table tbody td {padding: 1.5px 0; letter-spacing: -0.04em;}
@keyframes sales-row-up {from {opacity: 0; transform: translateY(14px);} to {opacity: 1; transform: translateY(0);}}
.sec-sales .sales-list.active .cont tbody tr {opacity: 0; animation: sales-row-up 0.4s ease-out forwards;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(1){animation-delay: 0.2s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(2){animation-delay: 0.26s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(3){animation-delay: 0.32s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(4){animation-delay: 0.38s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(5){animation-delay: 0.44s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(6){animation-delay: 0.5s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(7){animation-delay: 0.56s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(8){animation-delay: 0.62s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(9){animation-delay: 0.68s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(10){animation-delay: 0.74s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(11){animation-delay: 0.8s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(12){animation-delay: 0.86s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(13){animation-delay: 0.92s;}
.sec-sales .sales-list.active .cont tbody tr:nth-child(14){animation-delay: 0.98s;}

.edt-sec1 .video-container video {width: 100%; height: 100%; object-fit: cover;}

.edt-sec2 .stit {color: #fff; font-size: 40px; font-weight: 600; line-height: 1.25em; text-align: center; padding: 40px 20px 30px; background: #000; display: inline-block; margin-bottom: -50px;}
.edt-sec2 .stit strong {color: #fec40d; font-size: 50px;}
.edt-sec2 .stit span {font-size: 30px; font-weight: 400;}

.success .contain {position: relative;}
.success .success-tit {position: absolute; top: 70px; left: -160px; z-index: 1; padding-left: 20px; display: flex; align-items: center; justify-content: flex-start; color: #000; font-size: 30px; font-weight: 600; line-height: 1; text-align: left;}
.success .success-tit::before {content: ''; position: absolute; top: 5px; left: 0; width: 1px; height: calc(100% - 15px); background: #000;}
.success .success-tit .num {font-size: 70px; line-height: 1; margin-left: 10px;}

.subsidy {background: #fb0; text-align: center; position: relative; overflow: hidden;}
.subsidy .bg2 {position: absolute; left: 0; bottom: 0; width: 100%; height: 38%; background: #ea7500;}
.subsidy .contain {padding-top: 160px; padding-bottom: 120px;}
.subsidy .tit-wrap {color: #000;}
.subsidy .tit-wrap .tit {display: flex; align-items: center; justify-content: center; line-height: 1;}
.subsidy .tit-wrap .tit img {min-width: 250px;}
.subsidy .tit-wrap .tit p {margin-top: auto; margin-left: 23px; font-size: 60px; font-weight: 600;}
.subsidy .tit-wrap .txt {margin-top: 40px; font-size: 30px; font-weight: 400;}
.subsidy .img {margin-top: 40px;}

.autocook {position: relative; background: #fb0;}
.autocook .bg2 {position: absolute; left: 0; top: 0; width: 33%; height: 100%; background: #fff;}
.autocook .contain {padding-top: 85px; padding-bottom: 80px;}
.autocook .inner {display: flex;}
.autocook .left {width: 458px; padding-left: 30px; margin-top: 100px; flex: 1 0 auto;}
.autocook .left .video-wrap {width: 100%; aspect-ratio: 428 / 581;}
.autocook .left .video-wrap video {width: 100%; height: 100%; object-fit: cover;}
.autocook .right {padding-left: 96px; width: calc(100% - 458px); text-align: left;}
.autocook .right .wrap {text-align: center; width: min-content;}
.autocook .right .tit {margin-bottom: 30px;}
.autocook .right .tit img {min-width: 300px; max-width: 614px;}
.autocook .right .txt-wrap p {display: inline-block; color: #000; font-size: 28px; font-weight: 400; background: #fff; padding: 32px 28px 22px; border-radius: 10px; margin: 0 auto; margin-bottom: 10px; white-space: nowrap;}
.autocook .right .txt-wrap p:last-child {margin-bottom: 0;}
.autocook .right .txt-wrap p span {color: #ea7500; font-family: 'esamanru', sans-serif; font-size: 45px; font-weight: 700;}
.autocook .right .img {margin-top: 25px;}

.payroll {position: relative; background: #fb0; overflow: hidden;}
.payroll .bg2 {position: absolute; left: 0; bottom: 0; width: 100%; height: 32%; background: #ea7500;}
.payroll .contain {padding-top: 45px; padding-bottom: 45px;}
.payroll .inner {display: flex;}
.payroll .left {margin: 105px auto; text-align: center;}
.payroll .left .tit {margin-bottom: 35px;}
.payroll .left .tit img {min-width: 240px; max-width: 826px;}
.payroll .left .checklist {margin-bottom: 10px; padding: 40px; border: 4px solid #000; border-radius: 16px; background: #fff; text-align: left;}
.payroll .left .checklist li {color: #000; font-size: 28px; font-weight: 600; line-height: 1.58em; margin-bottom: 20px; padding-left: 64px; position: relative;}
.payroll .left .checklist li:last-child {margin-bottom: 0;}
.payroll .left .checklist li::before {content: ''; background: url('/images/main/payroll-check.svg') no-repeat center / contain; width: 44px; aspect-ratio: 1; position: absolute; left: 0; top: -2px;}
.payroll .left .desc {color: #fff; font-size: 24px; font-weight: 500; line-height: 1.45em; margin-bottom: 30px; border-radius: 16px; background: #000; padding: 36px 33px 33px;}
.payroll .left .tag-wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px;}
.payroll .left .tag {color: #000; font-size: 28px; font-weight: 500; line-height: 1; white-space: nowrap; font-family: 'esamanru', sans-serif; background: #fff; border-radius: 10px; padding: 25px 33px 20px;}
.payroll .right {flex: 1 0 auto; padding-left: 90px; width: 512px;}
.payroll .right .video-wrap {width: 100%; aspect-ratio: 512 / 910; overflow: hidden;}
.payroll .right .video-wrap iframe {width: 100%; height: 100%; object-fit: cover;}

.contain.default {max-width: 1460px;}

.process .contain.default {margin-bottom: 80px;}
.process.success .success-tit {top: -30px;}

.bizzone {position: relative; background: #ffbb00; overflow: hidden;}
.bizzone .bg2 {position: absolute; left: 0; bottom: 0; width: 100%; height: 38%; background: #fff;}
.bizzone .contain {padding-top: 120px; padding-bottom: 100px; text-align: center;}
.bizzone .cont .tit {margin-bottom: 45px;}
.bizzone .cont .tit img {max-width: 644px; min-width: 200px;}
.bizzone .cont .txt {color: #000; font-size: 26px; font-weight: 500; line-height: 1.38; font-family: 'esamanru', sans-serif; margin-bottom: 50px;}
.bizzone .vs-list {display: flex; justify-content: center; gap: 20px; margin-bottom: 50px;}
.bizzone .vs-list li {width: 50%; max-width: 426px; position: relative;}
.bizzone .vs-list .img {width: 100%; padding: 15px; padding-bottom: 0; background: #fff; border-radius: 14px 14px 0 0; border: 3px solid #e83828;}
.bizzone .vs-list .img img {width: 100%; height: 100%; object-fit: contain; aspect-ratio: 388 / 260;}
.bizzone .vs-list .desc {padding: 5px 5px 2px; border-radius: 0 0 14px 14px; background: #e83828; color: #fff; font-size: 29px; font-weight: 500; line-height: 1.2; text-align: center;}
.bizzone .vs-list .desc span {color: #000;}
.bizzone .vs-list .type2 .img {border-color: #ff8316;}
.bizzone .vs-list .type2 .desc {background: #ff8316; font-weight: 600;}
.bizzone .vs-list .logo {position: absolute; width: 106px; right: -50px; bottom: 30px;}
.bizzone .bot-txt {color: #000; font-size: 26px; font-weight: 500; line-height: 1.33; font-family: 'esamanru', sans-serif;}
.bizzone .bot-txt p {margin-bottom: 10px;}
.bizzone .bot-txt p:last-child {margin-bottom: 0;}
.bizzone .bot-txt p strong {font-size: 30px; font-weight: 500;}
.bizzone .bot-txt p strong span {color: #ff8316; font-weight: 700;}

.bestmenu {overflow: hidden; background: #fdf5d0; text-align: center;}
.bestmenu.success .success-tit {top: -20px;}
.bestmenu .eng {color: #000; font-size: 30px; line-height: 1.2; margin-top: 100px; margin-bottom: 20px;}
.bestmenu .tit {color: #000; font-weight: 700; line-height: 1.2; font-family: 'esamanru', sans-serif; margin-bottom: 80px;}
.bestmenu .swiper-slide {background: #fb0; width: 33.33%; height: 960px;}
.bestmenu .swiper-slide.even {background: #ea7500;}
.bestmenu .swiper-slide .tit-wrap {width: calc(100% - 160px); max-width: 480px; margin: 0 auto; position: relative; padding-top: 60px;}
.bestmenu .swiper-slide .tit-wrap::before {content: ''; position: absolute; left: 0; top: 0; width: 100%; aspect-ratio: 480 / 312; background: #fff; border-radius: 0 0 156px 156px; z-index: -1;}
.bestmenu .swiper-slide .tit-wrap .tit {color: #723900; font-size: 54px; font-weight: 700; line-height: 1.2; font-family: 'esamanru', sans-serif; margin-bottom: 35px;}
.bestmenu .swiper-slide .tit-wrap .img {margin: 0 auto; height: 348px; display: flex; align-items: flex-end; justify-content: center;}
.bestmenu .swiper-slide .list {color: #fff; font-size: 30px; font-weight: 300; line-height: 1.66; font-family: 'esamanru', sans-serif;}

.bestmenu .swiper-slide.overflow .tit-wrap {overflow: hidden; border-radius: 0 0 156px 156px; margin-bottom: 50px;}
.bestmenu .swiper-slide.overflow .tit-wrap::before {aspect-ratio: auto; height: 100%;}
.bestmenu .swiper-slide.overflow .tit-wrap .img {height: 453px; align-items: center;}

.bestmenu .swiper-button {position: absolute; top: 50%; transform: translateY(-50%); width: 40px; aspect-ratio: 1; cursor: pointer; z-index: 9;}
.bestmenu .swiper-button img {width: 100%; height: 100%; object-fit: contain;}
.bestmenu .swiper-button.prev {left: 40px;}
.bestmenu .swiper-button.next {right: 40px;}
 

.profit {background: #fff8f0; overflow: hidden;}
.profit .tit-wrap {background: #fdf5d0; color: #000; text-align: center; padding-top: 100px; padding-bottom: 50px; font-family: 'esamanru', sans-serif; font-size: 30px; font-weight: 300;}
.profit .tit-wrap .tit {font-size: 60px; font-weight: 700; line-height: 1; margin-bottom: 30px;}
.profit .cont {display: flex; justify-content: center; padding: 70px 0 100px;}
.profit .left {width: 50%; text-align: right;}
.profit .left .img {width: 605px; aspect-ratio: 605 / 516; margin-left: auto;}
.profit .left .img img {width: 100%; height: 100%; object-fit: contain;}
.profit .right {width: 50%; padding: 0 100px 0 120px; text-align: center;}
.profit table {width: 100%; border-collapse: collapse; font-family: 'Pretendard', sans-serif; font-size: 20px; text-align: center; color: #000; line-height: 1; border-spacing: 0;}
.profit table .arrow {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 15px; aspect-ratio: 1;}
.profit .main-table {margin-bottom: 12px;}
.profit .main-table thead th {height: 43px; background: #ffcd9a; position: relative; padding: 0 18px; padding-right: 32px; border-bottom: 1px solid #ea7500;}
.profit .main-table thead th:last-child {padding-right: 18px;}
.profit .main-table tbody td {position: relative; border-bottom: 1px solid #ea7500; padding: 0 18px; padding-right: 32px; height: 43px; font-weight: 600; white-space: nowrap;}
.profit .main-table tbody tr td:first-child {text-align: left;}
.profit .main-table tbody tr td:last-child {padding-right: 18px;}
.profit .sub-table {background: #ea7500; border-radius: 11px; color: #fff; height: 69px; font-weight: 900; line-height: 1; margin-bottom: 30px;}
.profit .sub-table tbody td {position: relative; padding: 0 18px; padding-right: 32px;}
.profit .sub-table tbody td:last-child {padding-right: 18px;}
.profit .desc {color: #000; font-size: 16px; font-weight: 600; font-family: 'Pretendard', sans-serif; text-align: right;}

.sv {background: url('/images/main/sv-bg.jpg') no-repeat center / cover;}
.sv .contain {padding: 100px 115px;}
.sv .tit-wrap {padding-bottom: 70px; margin-bottom: 70px; border-bottom: 1px solid #fff; position: relative; font-family: 'esamanru', sans-serif; font-weight: 300;}
.sv .tit-wrap .sub-txt {color: #fff; font-size: 60px; line-height: 1.16; margin-bottom: 40px;}
.sv .tit-wrap .tit {color: #fec40d; font-size: 90px; line-height: 1; font-weight: 700;}
.sv .tit-wrap .logo {position: absolute; right: 0; bottom: 70px; width: 158px; aspect-ratio: 158 / 157;}
.sv .tit-wrap .logo img {width: 100%; height: 100%; object-fit: contain;}
.sv .cont {display: flex; justify-content: space-between; align-items: flex-start; width: 100%; color: #fff; font-family: 'Pretendard', sans-serif;}
.sv .cont .question {display: flex; align-items: center; justify-content: center;}
.sv .cont .question .q {font-size: 90px; font-weight: 700; line-height: 1; margin-right: 24px;}
.sv .cont .question .txt {font-size: 30px; font-weight: 600; line-height: 1.2;}
.sv .cont .answer {font-size: 26px; font-weight: 600; line-height: 1.38; text-align: right;}
.sv .cont .answer p {margin-bottom: 40px;}
.sv .cont .answer p span {color: #fec40d;}
.sv .cont .answer p:last-child {margin-bottom: 0;}

.sq {background: #ffbb00;}
.sq .contain {padding-top: 125px; padding-bottom: 125px; display: flex; align-items: center; justify-content: center;}
.sq .tit-wrap {display: flex; align-items: center; justify-content: space-between; width: 50%;}
.sq .tit-wrap .tit {max-width: 417px; margin-left: auto; width: 61.3%;}
.sq .tit-wrap .logo {width: 34.3%; aspect-ratio: 240 / 237;}
.sq .tit-wrap .logo img {width: 100%; height: 100%; object-fit: contain;}
.sq .cont {width: 50%; padding-left: 38px; display: flex; align-items: center; font-family: 'esamanru', sans-serif;}
.sq .cont .txt-wrap {width: 100%; position: relative; padding-left: 48px; text-align: left;}
.sq .cont .txt-wrap::before {content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #000;}
.sq .cont .txt-wrap p {color: #000; font-size: 26px; font-weight: 300; line-height: 1.38; margin-bottom: 40px;}
.sq .cont .txt-wrap p:last-child {margin-bottom: 0;}

.promo {background: #fdf5d0; text-align: center; padding: 100px 0;}
.promo .tit {margin-bottom: 60px;}
.promo .tit img {max-width: 500px;}
.promo .promo-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; background: #fff; padding: 30px; border-radius: 28px; box-shadow: 0 4px 38.5px 0 rgba(0, 0, 0, 0.10); width: calc(100% - 30px); max-width: 1682px; margin: 0 auto;}

.quick {position: fixed; right: 30px; top: 50%; transform: translateY(-50%); z-index: 100;}
.quick a {background: #ff4e00; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 10px; text-align: center;}
.quick .tit {color: #fff; font-size: 16px; font-weight: 400; line-height: 1.25; margin-bottom: 8px;}
.quick .cont {display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; border-radius: 8px; padding: 16px 6px;}
.quick .img {width: 34px; aspect-ratio: 1; margin-bottom: 12px;}
.quick p {color: #000; font-size: 15px; font-weight: 600; line-height: 1.6; letter-spacing: -0.06em;}

#startup-form {scroll-margin-top: 100px;}

.fix-inquiry-toggle {position: sticky; left: 0; bottom: 0; width: 100%; z-index: 102; background: #de4702; padding: 11px 0; border: 0; display: none}
.fix-inquiry-toggle .contain {display: flex; align-items: center; justify-content: center;}
.fix-inquiry-toggle .left {display: flex; align-items: center; justify-content: center;}
.fix-inquiry-toggle .left .logo {width: 88px; aspect-ratio: 1; margin-right: 30px;}
.fix-inquiry-toggle .left .logo img {width: 100%; height: 100%; object-fit: contain;}
.fix-inquiry-toggle .left .tel {color: #fff; font-size: 26px; font-weight: 600; line-height: 1.25; margin-right: 30px; white-space: nowrap;}
.fix-inquiry-toggle .icon {width: 20px; aspect-ratio: 1;}
.fix-inquiry-toggle .icon img {width: 100%; height: 100%; object-fit: contain;}

.fix-inquiry {position: sticky; left: 0; bottom: 0; width: 100%; z-index: 102; background: #de4702; padding: 11px 0;}
.fix-inquiry .contain {display: flex; align-items: center; justify-content: center;}
.fix-inquiry .left {display: flex; align-items: center; justify-content: center;}
.fix-inquiry .left .logo {width: 88px; aspect-ratio: 1; margin-right: 30px;}
.fix-inquiry .left .logo img {width: 100%; height: 100%; object-fit: contain;}
.fix-inquiry .left .tel {color: #fff; font-size: 26px; font-weight: 600; line-height: 1.25; margin-right: 30px; white-space: nowrap;}
.fix-inquiry .input-wrap {display: flex; align-items: center; justify-content: center; gap: 10px; margin-right: 30px; width: 50%;}
.fix-inquiry .input-wrap .input {width: 100%; height: 40px; border-radius: 8px; border: 1px solid #fff; padding: 0 10px;}
.fix-inquiry .buttons {margin: 0; width: 100%;}
.fix-inquiry .buttons .btn {width: 100%; height: 40px; border-radius: 8px; border: 0; padding: 3px 10px 0; background: #000; color: #fff; font-size: 16px; font-weight: 600; line-height: 1.25; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.fix-inquiry .check {display: flex; align-items: baseline; justify-content: center; color: #fff;}
.fix-inquiry .check .checkbox label:before {width: 20px; height: 20px; border: 1px solid #000; margin-right: 6px;}
.fix-inquiry .check .checkbox input:checked + label:before {background-color: #000;}
.fix-inquiry .check a {padding: 0; font-weight: 600; margin-left: 4px;}