body{background-color:#a0341f}


.content{background-color:#fff}
.binggrae{font-family:'Binggrae';font-weight:700}
.together{font-family:'Together';font-weight:700}
.layer_title{font-family:'Binggrae';font-weight:700;font-size:60px;line-height:1.2;letter-spacing:-0.08em;color:#0b2541}
.layer_title em{color:#a0341f}
.head_dot span{position:relative}
.head_dot span::before{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%}

.footer{background-color:#fff}

.bokk_lnb_wrap{position:fixed;top:-80px;left:0;z-index:100;width:100%;height:80px;background-color:#f8fbf4;transition:all 0.5s}
.bokk_lnb_wrap.scroll{top:0}
.bokk_lnb_bi{position:absolute;left:0;top:8px;width:130px;height:64px;background:url('../img/common/bokk_bi.png?20211012')no-repeat center;font-size:0}
.bokk_lnb{padding-top:31px}
.bokk_lnb li{position:relative;margin-right:54px}
.bokk_lnb li a{font-size:18px;color:#0b2541}

/* first */
.first{height:760px;margin:148px 50px 0;border-radius:10px}
.first_bg{top:0;left:0;width:100%;height:100%;background-image:url('../img/page/udon/first_bg.jpg')}
.first_stamp1{position:absolute;top:40px;left:80px}
.first_title_wrap{padding-top:412px;padding-left:80px}
.first_logo{margin-bottom:8px}
.first_video_thumb{position:absolute;bottom:40px;right:40px;width:324px;height:205px;cursor:pointer}
.thumb_video{position:absolute;top:0;left:0;width:100%;height:100%}
.thumb_video:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5) url('../img/page/udon/first_thumb_cover.png')no-repeat center}
.first_video{opacity:0;transform:scale(0.7);transform-origin:right bottom;position:absolute;bottom:0;right:0;width:790px;height:500px;background-color:#000;pointer-events:none;transition:all 0.5s}
.first_video_thumb:hover .first_video{opacity:1;transform:scale(1)}
.first_stamp2{position:absolute;top:20px;left:20px}

/* casual */
.casual{padding-top:100px}
.casual .layer_stitle_wrap{top:120px}
.casual .layer_stitle{background-color:#0b2541}
.casual_slide_wrap{height:760px;margin:0 50px;border-radius:500px;background-color:#a0341f}
.casual_title{top:148px;margin-left:-479px}
.casual_balloon{top:383px;margin-left:-628px}
.casual_slide{top:420px;z-index:1}
.casual_slide .swiper-container{width:882px;height:534px;}
.casual_paging{position:absolute;top:368px;right:0;}
.casual_paging li{width:12px;height:12px;margin-left:20px}
.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{position:absolute;bottom:0;left:0;width:100%;height:338px;background:url('../img/page/udon/casual_wave.png') repeat left top}
.casual_bot{padding-top:267px}
.casual_bot_title{padding-bottom:18px}
.casual_bot_title.head_dot span::before{background-color:#0b2541}
.casual_graph_wrap{top:206px;left:0;width:750px;height:243px}
.casual_graph_comment{font-weight:400;font-size:14px;color:#0b2541}
.casual_graph_bar{position:absolute;bottom:0;width:20px;border-radius:50px 50px 0 0;background-color:#0b2541}
.casual_graph_bar:nth-child(1){left:80px;height:80px}
.casual_graph_bar:nth-child(2){left:280px;height:95px}
.casual_graph_bar:nth-child(3){left:480px;height:120px}
.casual_graph_bar:nth-child(4){left:680px;height:185px;background-color:#a0341f}
.casual_graph_bar_num{position:absolute;top:-43px;left:50%;transform:translateX(-50%);width:125px;font-family:'Binggrae';font-weight:700;font-size:30px;letter-spacing:-0.07em;text-align:center;color:#0b2541}
.casual_graph_bar:nth-child(4) .casual_graph_bar_num{top:-130px;font-size:50px;color:#a0341f}
.casual_graph_bar:nth-child(4) .casual_graph_bar_num span{font-family:'NotoSansKR';font-weight:350;font-size:16px;letter-spacing:-0.025em}
.casual_graph_bar_scale{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:30px;font-size:18px;text-align:center;color:#0b2541}
.casual_circle_big{position:absolute;top:-133px;left:50%;border-radius:50%;margin-left:-65px;width:130px;height:130px;background-color:#f5eae8}
.casual_circle_small{position:absolute;top:0;left:0;border-radius:50%;width:130px;height:130px;background-color:rgba(160,52,31,0.1)}
.casual_receipt{top:29px;right:2px;width:375px;height:427px;background-image:url('../img/page/udon/receipt.png')}
.casual_receipt_num{position:relative;z-index:1;padding-top:203px;font-family:'binggrae';font-weight:700;font-size:43px;letter-spacing:-0.03em;text-align:center;color:#a0341f}
.casual_receipt_highlight{top:224px;left:57px;width:270px;height:28px;background-color:rgba(222,209,5,0.3)}
.casual_line_wrap{margin-top:95px;padding-bottom:115px}
.casual_line{width:100%;height:1px;background-color:#0b2541}
.casual_line01, .casual_line02{margin-bottom:99px}
.casual_line03{height:2px}
.casual_box_cont{padding-bottom: 100px;}
.casual_box_cont_title{padding-bottom: 75px;font-size: 50px;}
.casual_box_top_txt{top: 0;margin-left: -35px;}
.casual_box_side_txt{padding-top: 284px;padding-right: 213px;}
.casual_flow{height:150px}
.casual_flow .swiper-slide{width:270px;height:160px;background:no-repeat center / cover}

/* all */
.all{padding-top:176px;padding-bottom:150px;background-color:#222222}
.all_fire{top:-12px;margin-left:429px;width:174px;height:231px;background-image:url('../img/page/udon/all_fire.png')}
.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:120px}
.all .layer_stitle{background-color:#a0341f}
.all_title{color:#fff}
.all_title.head_dot span::before{background-color:#fff}
.all_text{padding-top:19px;color:#9e9e9e}
.all_lists{padding-top:55px}
.all_list{position:relative;width:324px;height:84px;margin:0 15px;border-radius:20px;background-color:#fff;font-family:'Binggrae';line-height:84px;font-size:0}
.all_list::before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:20px;border:1px solid}
.all_list em{display:inline-block;vertical-align:middle;font-weight:700;font-size:45px;letter-spacing:-0.08em;line-height:1}
.all_list span{display:inline-block;width:148px;height:55px;margin-left:5px;border-radius:20px;vertical-align:middle;font-size:45px;letter-spacing:-0.08em;line-height:55px;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){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:150px 0}
.zero_top{display:flex;justify-content:space-between}
.zero_title{padding-top:15px;font-size:50px;color:#0b2541}
.zero_title.head_dot span::before{background-color:#0b2541}
.zero_text{padding-top:15px}
.zero_founded{width:625px;height:232px;background-image:url('../img/page/udon/zero_founded_frame.png');font-family:'binggrae';font-weight:700;line-height:232px}
.zero_founded_num{width:126px;height:137px;margin-right:7px;border-radius:10px;background-color:#a0341f;font-size:134px;vertical-align:middle;line-height:144px;text-align:center;color:#fff}
.zero_founded_text{font-size:80px;letter-spacing:-0.05em;color:#a0341f}
.zero_boxs_wrap{z-index:1;padding:0 30px}
.zero_boxs{max-width:1500px;margin:80px auto 0}
.zero_box{float:left;width:32%;height:514px;border-radius:20px;text-align:center;}
.zero_box:not(:last-child){margin-right:2%}
.zero_box:nth-child(1){background-color:#0b2541}
.zero_box:nth-child(2){background-color:#111f2e}
.zero_box:nth-child(3){background-color:#222}
.zero_box_ico{padding-top:50px}
.zero_box_title{padding-top:28px;font-family:'binggrae';font-weight:700;font-size:35px;letter-spacing:-0.08em;color:#fff}
.zero_box_text{padding-top:13px;color:#8f959e}
.zero_wave{position:absolute;bottom:0;left:0;width:100%;height:685px;background:url('../img/page/udon/zero_wave.png') repeat left top}

/* three */
.three{padding-top:141px;padding-bottom:150px;background:url('../img/page/udon/three_bg.jpg') no-repeat center / cover}
.three_img01{top:0;left:0}
.three_img02{top:356px;right:0}
.three_title.head_dot span::before{background-color:#0b2541}
.three_text{padding-top:19px}
.three_circles_wrap{width:668px;height:668px;margin:-25px auto 0;padding-bottom:176px}
.three_items{z-index:1}
.three_way{top:129px;margin-left:-123px}
.three_plus{top:290px;margin-left:-64px}
.three_hall{top:200px;margin-left:-334px}
.three_deli{top:419px;margin-left:-95px}
.three_pack{top:200px;margin-left:144px}
.three_circle{top:174px;margin-left:-180px;width:360px;height:360px;border-radius:50%;background-color:#e8e8e6}
.three_circle_dash{position:absolute;left:50%;border-radius:50%;border:1px dashed}
.three_circle_dash01{top:82px;margin-left:-272.5px;width:545px;height:545px;border-color:#0b2541}
.three_circle_dash02{top:-35px;margin-left:-388.5px;width:777px;height:777px;border-color:rgba(11,37,65,0.4)}
.three_circle_dash03{top:-146px;margin-left:-499px;width:998px;height:998px;border-color:rgba(11,37,65,0.2)}

.review_head{display:flex;justify-content:space-between}
.review_title{font-size:75px;line-height:1.2;letter-spacing:-0.08em;color:#0b2541}
.review_sub{padding-top:5px;padding-bottom:10px;font-size:30px;letter-spacing:-0.08em;color:#a0341f}
.review_num_wrap span{font-size:160px;letter-spacing:-0.08em;color:#a0341f}
.review_flow{padding-top:63px;padding-bottom:120px}
.review_flow .swiper-slide{position:relative;width:280px;height:280px;margin:0 5px;background:no-repeat center / cover}
.review_flow .review_insta{position:absolute;top:10px;left:10px;width:41px;height:40px;background-image:url('../img/page/udon/review_insta.png')}
.review_phone{top:33px;margin-left:-200px}
.review_lists{display:flex;padding:42px 0 44px 0;border-radius:20px;justify-content:space-between;background-color:#fff}
.review_list{width:400px;text-align:center}
.review_list:not(:last-child){border-right:1px solid rgba(11,37,65,0.4)}
.review_list_title{padding-top:11px;font-family:'binggrae';font-weight:700;font-size:40px;line-height:1.25;letter-spacing:-0.08em;color:#0b2541}
.review_list_title em{color:#a0341f}
.review_list_text{padding-top:20px;padding-bottom:10px}

/* 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.jpg')}
.different_cover{width:100%;height:100%;background-image:url('../img/page/udon/different_cover.png')}
.different_logo{bottom:309px;left:80px}
.different_title{bottom:147px;left:80px;color:#fff}

.different_inner{position:relative;max-width:1500px;margin:0 auto}
.different_twrap{position:relative;width:395px;margin-left:auto;padding:50vh 0}
.different_twrap > div:not(:last-child){padding-bottom:85px}
.different_num{padding-top:12px;width:30px;font-family:'Binggrae';font-weight:700;color:#fff}
.different_twrap_title{padding-bottom:32px;font-weight:700;font-size:30px;line-height:1.333;color:#fff}
.different_sub{padding-top:34px;padding-bottom:15px;font-weight:350;font-size:20px;color:#fff}
.different_text{line-height:1.7777;color:#dcbfbc}
.different_empty{height:100vh}

/* easy */
.easy{padding-top:142px;padding-bottom:145px}
.easy_title.head_dot span::before{background-color:#0b2541}
.easy_inner_wrap{padding:0 30px}
.easy_inner{position:relative;max-width:1470px;margin:48px auto 0}
.easy_icons{padding-top:30px;padding-bottom:39px;border-top:1px;border-bottom:1px;border-style:solid;border-color:rgba(11,37,65,0.5)}
.easy_icon{margin:0 62.5px}
.easy_ico_text{padding-top:10px;font-weight:350;font-size:18px;color:#666}
.easy_lists{margin-top:60px}
.easy_list{float:left;width:30.6122%;margin-right:4.0816%;text-align:center}
.easy_list:last-child{margin-right:0}
.easy_list_thumb{height:300px;border-radius:20px;background:no-repeat center / cover}
.easy_list_title{padding-top:33px;font-weight:700;font-size:30px;line-height:1.3333;color:#0b2541}
.easy_list_text{padding-top:19px}

/* trendy */
.trendy{padding-top:142px;padding-bottom:150px;background-color:#0b2541}
.trendy_title{color:#fff}
.trendy_title.head_dot span::before{background-color:#fff}
.trendy .menu_tab{margin-top:47px}
.trendy .menu_tab li{width:260px;margin-left:20px}
.trendy .menu_tab li:first-child{margin-left:0}
.trendy .menu_tab a{display:block;line-height:56px;border:1px solid rgba(255,255,255,0.2);border-radius:40px;box-sizing:border-box;font-family:'NotoSansKR';font-weight:500;font-size:22px;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:50px}
.trendy_slide .swiper-slide{position:relative;overflow:hidden;width:502px;height:549px;border-radius:10px;transition:background 0.7s}
.trendy_slide .swiper-slide.swiper-slide-active{background-color:#a0341f}
.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:50px;left:0;width:1462px;height:80px;overflow:hidden;opacity:0;transition:all 0.7s}
.trendy_rolling{display:inline-block;font-size:80px;letter-spacing:0.09em;font-style:oblique;color:#0b2541;animation:trendy_rolling 4s linear infinite}
.trendy_sl_name{padding-top:458px;font-weight:500;font-size:30px;text-align:center;color:#fff}
@keyframes trendy_rolling {
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-100%);
    }
}
.trendy_wave{position:absolute;bottom:0;left:0;width:100%;height:596px;background:url('../img/page/udon/wave.png') repeat left top}

/* inter */
.inter{padding-top:142px;padding-bottom:150px}
.inter_title{padding-bottom:45px}
.inter_slide .swiper-slide{opacity:0.3;width:1000px;height:600px;border-radius:20px;background:no-repeat center / cover}
.inter_slide .swiper-slide-active{opacity:1}
.inter_btns{position:absolute;top:255px;left:50%;width:90px;height:90px;background-repeat:no-repeat;background-position:center;font-size:0;}
.inter_btns.inter_prev{margin-left:-600px;background-image:url('../img/page/udon/inter_prev.jpg')}
.inter_btns.inter_next{margin-left:510px;background-image:url('../img/page/udon/inter_next.jpg')}
.inter_paging{padding-top:40px}
.inter_paging li{width:11px;height:11px;margin-left:20px}
.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:142px;padding-bottom:139px;background-color:#f4f2ef}
.cost_title{padding-bottom:6px}
.cost_table_wrap{width:1126px;height:768px;margin:0 auto;background-image:url('../img/page/udon/cost_table_wrap.png')}
.cost_table_popup{padding-top:96px}

/* inquiry */
.inquiry{padding-top:142px;padding-bottom:150px;background-color:#0b2541}
.inquiry_wave{position:absolute;top:0;width:200px;height:100%;background:url('../img/page/udon/wave_ver.png') repeat-y}
.inquiry_wave01{left:0;background-position:right center}
.inquiry_wave02{right:0;background-position:left center}
.inquiry_head{padding-bottom:50px}
.inquiry_title{padding-bottom:25px;color:#fff}
.inquiry_text{line-height:1;color:#e6e6e6}

/* store */
.store{padding-top:142px;padding-bottom:125px}
.store_title{padding-bottom:45px}
.store .map{max-width:1560px;height:700px;margin:0 auto;background-color:#ccc}