.content{background-color: #a0341f}
.binggrae{font-family: 'Binggrae';font-weight: 700}
.together{font-family: 'Together';font-weight: 700}
.layer_title{font-family: 'Binggrae';font-weight: 700;font-size: 8.6666vw;line-height: 1.3076;letter-spacing: -0.08em;color: #0b2541}
.layer_title em{color: #a0341f}

/* first */
.first{height: 149.4666vw;padding-bottom: 4vw;background-color: #fff}
.first_inner{margin: 0 4vw}
.first_bg{top: 0;left: 0;width: 100%;height: 100%;border-radius: 2vw}
.first_bg video{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.first_title{top: 87.4666vw;left: 0;z-index: 1}

/* casual */
.casual{padding-top: 20.5333vw;margin-top: 4vw;border-radius: 1vw;background-color: #fff}
.casual_slide_wrap{height: 106.6666vw;border-radius: 8vw;background-color: #a0341f}
.casual .layer_stitle_wrap{top: 8vw}
.casual .layer_stitle{background-color: #0b2541}
.casual_title{padding-top: 20vw;padding-bottom: 0.2666vw}
.casual_slide .swiper-container{width: 81.3333vw;height: 47.4666vw}
.casual_slide .swiper-slide{background: no-repeat center / cover}
.casual_paging{padding-top: 4.2666vw}
.casual_paging li{width:2vw;height:2vw;margin-left:2.6666vw}
.casual_paging li:first-child{margin-left:0}
.casual_paging li a{display:block;width:100%;height:100%;border-radius:50%;background-color: transparent;border: 2px solid #0b2541;box-sizing: border-box}
.casual_paging li.swiper-pagination-bullet-active a{background-color:#0b2541}
.casual_wave{bottom: 0;left: 0;width: 100%}
.casual_bot{padding-top: 50vw;padding-bottom: 16.6666vw}
.casual_bot_title{padding-bottom: 2.9333vw}
.casual_bot_title.head_dot span::before{background-color: #0b2541}
.casual_receipt{position: relative;width: 100%;height: 64.4vw;margin-top: 7.0666vw;background: url('../img/page/udon/casual_receipt.png') no-repeat center / cover}
.casual_receipt_num{position: relative;z-index: 1;padding-top: 30.5555vw;font-family: 'binggrae';font-weight: 700;font-size: 6.6666vw;letter-spacing: -0.03em;text-align: center;color: #a0341f}
.casual_receipt_highlight{top: 33.7333vw;left: 0;right: 0;width: 40.8vw;height: 4.1333vw;margin: 0 auto;background-color: rgba(222,209,5,0.3)}
.casual_graph_wrap{padding-top: 20.2666vw;width: 100%;height: 48.6666vw}
.casual_graph_comment{padding-left: 8vw;font-weight: 350;font-size: 3.4666vw;color: #0b2541}
.casual_graph_bar{position: absolute;bottom: 0;width: 2.6666vw;border-radius: 5vw 5vw 0 0;background-color: #0b2541}
.casual_graph_bar:nth-child(1){left: 16.6666vw;height: 14.8vw}
.casual_graph_bar:nth-child(2){left: 35.3333vw;height: 17.3333vw}
.casual_graph_bar:nth-child(3){left: 54vw;height: 22.6666vw}
.casual_graph_bar:nth-child(4){left: 72.6666vw;height: 36vw;background-color: #a0341f}
.casual_graph_bar_num{position: absolute;top: -7.3333vw;left: 50%;transform: translateX(-50%);width: 10.6666vw;font-family: 'Binggrae';font-weight: 700;font-size: 4vw;letter-spacing: -0.025em;text-align: center;color: #0b2541}
.casual_graph_bar:nth-child(4) .casual_graph_bar_num{top: -20vw;width: 21.3333vw;font-size: 8vw;color: #a0341f}
.casual_graph_bar:nth-child(4) .casual_graph_bar_num span{font-family: 'NotoSansKR';font-weight: 350;font-size: 3.4666vw;letter-spacing: -0.025em}
.casual_graph_bar_scale{position: absolute;bottom: -7.2222vw;left: 50%;transform: translateX(-50%);width: 5.3333vw;font-weight: 500;font-size: 3.4666vw;text-align: center;color: #0b2541}
.casual_circle_big{position: absolute;top: -26.2666vw;left: 50%;border-radius: 50%;margin-left: -15.5333vw;width: 31.0666vw;height: 31.0666vw;background-color: #f5eae8}
.casual_circle_small{position: absolute;top:2.9333vw;left:2.9333vw;border-radius: 50%;width: 25.2vw;height: 25.2vw;background-color: rgba(160,52,31,0.1)}
.casual_graph_bar .bar_year{position:absolute;bottom:-6.8888vw;left:50%;transform: translateX(-50%);width:28vw;font-weight:500;font-size:3.4666vw;letter-spacing:-0.025em;color:#0b2541;text-align:center}
.casual_graph_bar .bar_value{position:absolute;top:-6.4444vw;left:50%;transform: translateX(-50%);width:7.3333vw;text-align:center;color:#0b2541}
.casual_graph_bar .bar_value_num{font-weight:700;font-size:8vw;letter-spacing:-0.025em}
.casual_graph_bar5 .bar_value{top:-17.2vw;width: 19.3333vw;color:#a0341f}
.casual_graph_bar5 .bar_value_text{padding-bottom: 2vw;font-weight: 350;font-size:3.4666vw;letter-spacing:-0.025em}
.casual_graph_bar5 .bar_value_circle1{position:absolute;top:50%;left:50%;width:25.2vw;height:25.2vw;border-radius:50%;background-color:rgba(160,52,31,0.1);transform:translate(-50%,-50%)}
.casual_graph_bar5 .bar_value_circle2{position:absolute;top:50%;left:50%;width:25.2vw;height:25.2vw;border-radius:50%;background-color:rgba(160,52,31,0.1);transform:translate(-50%,-50%)}
.casual_line_wrap{top: 31.3333vw;left: 0;width: 100%}
.casual_line{width: 100%;height: 1px;background-color: #0b2541}
.casual_line01, .casual_line02{margin-bottom: 18.6666vw}
.casual_box_cont{padding-bottom: 9.3333vw;}
.casual_box_cont_title{padding-bottom: 6.9333vw}
.casual_box_side_txt{padding-bottom: 5.3333vw;}
.casual_box_top_txt{padding-top: 5.6vw;}
.casual_line03{height: 2px}
.casual_flow{height: 18.6666vw}
.casual_flow .swiper-slide{width: 32vw;height: 18.6666vw;background: no-repeat center / cover}

/* all */
.all{padding-top: 20.2666vw;padding-bottom: 20vw;background-color: #222222}
.all_fire_text{padding-top: 82px;font-size: 45px;letter-spacing: -0.08em;color: #fff}
.all_fire_text em{font-family: 'NotoSansKR';font-weight: 500;font-size: 18px;line-height: 1.3333;letter-spacing: -0.025em}
.all .layer_stitle_wrap{top: 61.3333vw}
.all .layer_stitle{background-color: #a0341f}
.all_title{padding-top: 20vw;padding-bottom: 3.0666vw;color: #fff}
.all_title.head_dot span::before{background-color: #fff}
.all_text{color: #9e9e9e}
.all_lists{padding-top: 8vw}
.all_list{position: relative;width: 56vw;height: 13.8666vw;margin: 0 auto 4vw;border-radius: 3vw;background-color: #fff;font-family: 'Binggrae';line-height: 13.8666vw;font-size:0}
.all_list::before{content: "";position: absolute;top: 0.8vw;left: 0.8vw;right: 0.8vw;bottom: 0.8vw;border-radius: 3vw;border: 1px solid}
.all_list em{display:inline-block;vertical-align:middle;font-weight: 700;font-size: 7.3333vw;letter-spacing: -0.08em;line-height:1}
.all_list span{display: inline-block;width: 24.2666vw;height: 9.0666vw;margin-left:2.6666vw;border-radius: 2.5vw;vertical-align: middle;font-size: 7.3333vw;letter-spacing: -0;line-height: 9.0666vw;color: #fff}
.all_list:nth-child(1){color: #a0341f}
.all_list:nth-child(1) span{background-color: #a0341f}
.all_list:nth-child(2){color: #de9405}
.all_list:nth-child(2) span{background-color: #de9405}
.all_list:nth-child(3){margin-bottom: 0;color: #0b2541}
.all_list:nth-child(3) span{background-color: #0b2541}
.all_list:nth-child(1)::before{border-color: #a0341f}
.all_list:nth-child(2)::before{border-color: #de9405}
.all_list:nth-child(3)::before{border-color: #0b2541}

/* zero */
.zero{padding-top: 17.8888vw;padding-bottom: 20vw;background-color: #fff}
.zero_title{font-size: 8vw;line-height: 1.3333;letter-spacing: -0.08em;color: #0b2541}
.zero_title.head_dot span::before{background-color: #0b2541}
.zero_text{padding-top: 3.4444vw}
.zero_founded{width: 81.3333vw;height: 28vw;margin: 6.4444vw auto 0;background: url('../img/page/udon/zero_founded_frame.png') no-repeat center / cover;font-family: 'binggrae';font-weight: 700;line-height: 28vw}
.zero_founded_num{width: 15.0666vw;height: 16.5333vw;margin-right: 0;border-radius: 3vw;background-color: #a0341f;font-size: 16vw;vertical-align: middle;line-height: 17.5333vw;text-align: center;color: #fff}
.zero_founded_text{font-size: 11.8vw;letter-spacing: -0.05em;vertical-align: middle;color: #a0341f}
.zero_founded_mark{width: 5.0666vw;margin-left: 1.0666vw}
.zero_boxs{width: 69.3333vw;margin: 13.3333vw auto 0}
.zero_box{width: 100%;height: 85.0666vw;margin-bottom: 5.3333vw;border-radius: 2vw;text-align: center;}
.zero_box:nth-child(1){background-color: #0b2541}
.zero_box:nth-child(2){background-color: #111f2e}
.zero_box:nth-child(3){margin-bottom: 0;background-color: #222}
.zero_box_ico{width: 26.5333vw;padding-top: 8vw;margin: 0 auto}
.zero_box_title{padding-top: 4.5333vw;padding-bottom: 4.2666vw;font-family: 'binggrae';font-weight: 700;font-size: 6.6666vw;letter-spacing: -0.08em;color: #fff}
.zero_box_text{color: #8f959e}
.zero_wave{bottom: 0;left: 0;width: 100%;height: 91.3333vw}

/* three */
.three{padding-top: 14.8vw;padding-bottom: 20vw;background-color: #f4f2ef}
.three_title.head_dot span::before{background-color: #0b2541}
.three_text{padding-top: 2.9333vw}
.three_circles_wrap{width: 82.6666vw;height: 82.6666vw;margin: 0.4vw auto 0}
.three_items{z-index: 1}
.three_item{position: absolute;top: 0;left: 0;width: 100%;height: 100%}
.three_circle{top: 16.9333vw;margin-left: -22.2666vw;width: 44.2666vw;height: 44.2666vw;border-radius: 50%;background-color: #e8e8e6}
.three_circle_dash{position: absolute;left: 50%;border-radius: 50%;border: 1px dashed}
.three_circle_dash01{top: 5.6vw;margin-left: -33.5333vw;width: 67.0666vw;height: 67.0666vw;border-color: #0b2541}
.three_circle_dash02{top: -8.8vw;margin-left: -47.7333vw;width: 95.4666vw;height: 95.4666vw;border-color: rgba(11,37,65,0.4)}
.three_circle_dash03{top: -22.4vw;margin-left: -61.3333vw;width: 122.6666vw;height: 122.6666vw;border-color: rgba(11,37,65,0.2)}
.review{padding-top: 18.5555vw}
.review_title{padding-bottom: 6.8888vw;line-height: 1;letter-spacing: -0.08em;color: #0b2541}
.review_num_wrap span{font-size: 21.3333vw;letter-spacing: -0.08em;color: #a0341f}
.review_sub{padding-top: 1.9999vw;font-size: 5.3333vw;letter-spacing: -0.08em;color: #a0341f}
.review_flow{padding-top: 23.2222vw;padding-bottom: 13.3333vw}
.review_flow .swiper-slide{position: relative;width: 32.2666vw;height: 32.2666vw;margin: 0 0.5333vw;background: no-repeat center / cover}
.review_flow .review_insta{position: absolute;top: 1.3333vw;left: 1.3333vw;width: 4.8vw;height: 4.5333vw;background: url('../img/page/udon/review_insta.png') no-repeat center / cover}
.review_phone{top: 72.5333vw;left: 0;width: 100%}
.review_lists{margin: 0 5.3333vw;padding: 5.3333vw 4vw;border-radius: 3vw;background-color: #fff}
.review_list{text-align: center}
.review_list:not(:last-child){border-bottom: 1px solid rgba(11,37,65,0.4)}
.review_list_title{padding-top: 6.4vw;font-family: 'binggrae';font-weight: 700;font-size: 6.6666vw;line-height: 1.3;letter-spacing: -0.08em;color: #0b2541}
.review_list_title em{color: #a0341f}
.review_list_text{padding-top: 3.0666vw;padding-bottom: 6.5333vw}

/* different */
.different{background-color:#000}
.different_back{position:absolute;top:0;left:0;width:100%;height:100vh;background-image:url('../img/page/udon/different_bg_230113.jpg')}
.different_cover{width:100%;height:100%;background-image:url('../img/page/udon/different_cover.png')}
.different_logo{top: 19.2vw;left: 0}
.different_title{top: 37.8666vw;left: 0;right: 0;text-align: center;color: #fff}
.different_twrap{position: relative;width: 82.6666vw;margin: 0 auto;padding: 50vh 0}
.different_twrap > div:not(:last-child){padding-bottom: 10.5333vw}
.different_num{padding-top: 1.6vw;width: 10vw;font-family: 'Binggrae';font-weight: 700;font-size: 5.3333vw;color: #fff}
.different_twrap_title{padding-bottom: 4.5555vw;font-weight: 700;font-size: 5.3333vw;line-height: 1.5;color: #fff}
.different_sub{padding-top: 4.8888vw;padding-bottom: 3.8666vw;font-weight: 350;font-size: 4.8vw;color: #fff}
.different_text{line-height: 1.7777;color: #dcbfbc}
.different_empty{height:100vh}

/* easy */
.easy{padding-top: 18.4vw;padding-bottom: 20vw;background-color: #fff}
.easy_title.head_dot span::before{background-color: #0b2541}
.easy_icons{padding-top: 7.2vw}
.easy_icon{position: relative}
.easy_ico_img{width: 12.6666vw;margin: 0 4vw 0}
.easy_ico_text{position: absolute;top: 14.2666vw;left: 50%;transform: translateX(-50%);width: 21vw;font-weight: 350;font-size: 3.4666vw;line-height: 1.5384;text-align: center;color: #666}
.easy_slide{margin-top: 18.9333vw}
.easy_slide .swiper-slide{width: 69.3333vw;margin: 0 2vw;text-align: center}
.easy_list_thumb{height: 50.6666vw;border-radius: 3vw;background: no-repeat center / cover}
.easy_list_title{padding-top: 6.7333vw;font-weight: 700;font-size: 5.3333vw;line-height: 1.375;color: #0b2541}
.easy_list_text{padding-top: 2.2vw}
.easy_slide .easy_progresbar{margin-top: 9.3333vw}
.easy_slide .swiper-pagination{position:relative;height:2px;background:rgba(137,150,163,0.2)}
.easy_slide .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:#c2c2c2;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transform-origin:left top;
-ms-transform-origin:left top;
transform-origin:left top
}

/* trendy */
.trendy{padding-top: 18.4vw;padding-bottom: 20vw;background-color: #0b2541}
.trendy_wave{bottom: 0;left: 0;width: 100%}
.trendy_title{color: #fff}
.trendy_title.head_dot span::before{background-color: #fff}
.trendy .menu_tab{margin-top:7.2vw}
.trendy .menu_tab li{width:29.3333vw;margin-left: 4vw}
.trendy .menu_tab li:first-child{margin-left: 0}
.trendy .menu_tab a{display:block;line-height:9.3333vw;border:2px solid rgba(255,255,255,0.2);border-radius: 32vw;box-sizing: border-box;font-family:'NotoSansKR';font-weight:500;font-size:3.4666vw;letter-spacing:-0.05em;color:#fff}
.trendy .menu_tab li.on a{background:#a0341f;color:#fff;border-color:#fff}
.trendy_slide{z-index: 1;padding-top: 9.3333vw}
.trendy_slide .swiper-slide{}
.trendy_slide .slide_inner{position: relative;overflow: hidden;width: 69.3333vw;height: 73.2vw;margin:0 auto;border-radius: 1vw;background-color: #a0341f;transition: all 0.7s}
.trendy_slide .swiper-slide.swiper-slide-active .slide_inner{background-color: #a0341f;transition: all 0.7s}
.trendy_slide .swiper-slide.swiper-slide-active .trendy_sl_menu{opacity: 1;transition: all 0.7s}
.trendy_sl_thumb{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: no-repeat center / cover}
.trendy_sl_menu{position: absolute;top: 6.4444vw;left: 0;width: 189vw;height: 10.6666vw;overflow: hidden;transition: all 0.7s}
.trendy_rolling{display: inline-block;font-size: 10.6666vw;letter-spacing: 0.09em;font-style: oblique;color: #0b2541;animation: trendy_rolling 4s linear infinite}
.trendy_sl_name{padding-top: 61.0666vw;font-weight: 500;font-size: 4vw;text-align: center;color: #fff}
@keyframes trendy_rolling {
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-100%);
    }
}
.trendy_slide .trendy_progresbar{margin-top: 10.6666vw}
.trendy_slide .swiper-pagination{position:relative;height:2px;background:rgba(255,255,255,0.3)}
.trendy_slide .swiper-pagination-progressbar-fill{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0);
-webkit-transform-origin:left top;
-ms-transform-origin:left top;
transform-origin:left top
}

/* inter */
.inter{padding-top: 18.4vw;padding-bottom: 20vw;background-color:#fff}
.inter_title{padding-bottom: 7.2vw}
.inter_slide .swiper-slide{opacity:0.3;width:77.3333vw}
.inter_slide .swiper-slide-active{opacity:1}
.inter_slide .slide_inner{width: 69.3333vw;height: 50.6666vw;margin: 0 auto;border-radius: 3vw;background: no-repeat center / cover;background-color: #fff}
.inter_btns{position: absolute;top:19.3333vw;left: 50%;width:12vw;height:12vw;background-repeat:no-repeat;background-position:center;font-size:0;}
.inter_btns.inter_prev{margin-left: -40.6666vw;background-image:url('../img/page/udon/inter_prev.jpg')}
.inter_btns.inter_next{margin-left: 28.6666vw;background-image:url('../img/page/udon/inter_next.jpg')}
.inter_paging{padding-top: 10.6666vw}
.inter_paging li{width:2vw;height:2vw;margin-left:2.6666vw}
.inter_paging li:first-child{margin-left:0}
.inter_paging li a{display:block;width:100%;height:100%;border-radius:50%;background-color: rgba(0,0,0,0.15)}
.inter_paging li.swiper-pagination-bullet-active a{background-color:#0b2541}

/* cost */
.cost{padding-top: 18.4vw;padding-bottom: 18.9333vw;background-color: #f4f2ef}
.cost_title{padding-bottom: 3.2vw}

/* inquiry */
.inquiry{padding-top: 18.4vw;background-color: #0b2541}
.inquiry_head{padding-bottom: 1vw}
.inquiry_title{padding-bottom: 3.3333vw;color: #fff}
.inquiry_text{line-height: 1;color: #e6e6e6}

/* store */
.store{padding-top: 18.4vw;padding-bottom: 20vw;background-color: #fff}
.store_title{padding-bottom: 6.5555vw}
.store .map{}