@charset "utf-8";
/*************************************************************************
* @ 서비스명   : main
* @ 파일명     : /css/main.css
* @ 페이지설명  : main.css
**************************************************************************/

body{margin:0px;}

.main{background:#f5f6fa;}
.main .layout{position: relative;overflow: hidden;max-width:480px;margin:0 auto;background:#fff;border-right:1px solid #dbdfea;border-left:1px solid #dbdfea;padding:20px;}
.main .layout .section01{display:flex;justify-content: space-between;align-items: center;}
.main .layout .section01 .lv01{font-size:25px;font-weight:700;display:flex;align-items:center;gap:5px;}
.main .layout .section01 .lv01 img{width:17px;}
.main .layout .section01 .lv02 img{width:15px;height:15px;object-fit:cover;}
.main .layout .section02{margin-top:40px;}
.main .layout .section02 .bt1{display:block;width:100%;border-radius:4px;line-height:55px;text-align:center;font-size:18px;color:#fff;background:#af9c6d;}
.main .layout .section02 .bt1 i{margin-right:5px;}
.main .layout .section02 .bt2{margin-top:10px;display:block;width:100%;border-radius:4px;line-height:55px;text-align:center;font-size:18px;color:#fff;background:#ababab;}
.main .layout .section02 .bt2 i{margin-right:5px;}
.main .layout .section02 .bt3{margin-top:20px;font-size:17px;display:block;text-align:center;font-weight:400;border:1px solid #d7d7d7;padding:10px;border-radius:4px;}
.main .layout .section03{margin-top:100px;}
.main .layout .section03 .lv03{font-size:19px;}
.main .layout .section03 .from{padding:15px;border-radius:4px;background:#f9f9f9;margin-top:10px;}
.main .layout .section03 .from .lv05{font-size:17px;}
.main .layout .section03 .from .lv06{font-size:14px;margin-top:5px;font-weight:300;}
.main .layout .section04{margin-top:100px;}
.main .layout .section04 .lv07{font-size:16px;}
.main .layout .section04 .lv08{font-size:15px;margin-top:5px;font-weight:400;}
.main .layout .section04 .lv09{font-size:14px;margin-top:5px;font-weight:300;}
.main .layout .section05{margin-top:90px;}
.main .layout .section05 .lv10{font-size:18px;font-weight:500;line-height:1.8;text-align:center;}
.overlay {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.45);z-index: 10;}
.overlay.active {display: block;}
.nav-menu {position: absolute;top: 0;right: -280px;width:280px;height: 100%;background: #fff;border-left: 1px solid #ccc;transition: 0.3s;padding:20px;z-index: 11;}
.nav-menu.active {right: 0;}
.nav-menu .top{display:flex;justify-content: space-between;align-items:center;}
.nav-menu .top .navi01{display:flex;gap:5px;font-size:25px;align-items:center;font-weight:700;}
.nav-menu .top .navi01 img{width:17px;}
.nav-menu .top .navi02{float:right;font-size:20px;}
.nav-menu ul{line-height:3;margin-top:50px;}
.nav-menu ul a{font-size:18px;}
.nav-menu .navi03{background:#af9c6d;color:#fff;text-align:center;line-height:45px;border-radius:4px;display:block;margin-top:10px;}
.nav-menu .navi04{background:#ababab;color:#fff;text-align:center;line-height:45px;border-radius:4px;display:block;margin-top:35px;}

.bugo{background:#f5f6fa;}
.bugo .layout{max-width:480px;margin:0 auto;background:#fff;border-right:1px solid #dbdfea;border-left:1px solid #dbdfea;padding:20px;}
.bugo .layout .section01{padding-bottom:50px;}
.bugo .layout .section02{padding-bottom:50px;}
.bugo .layout .section03{padding-bottom:50px;}
.bugo .layout .section04{padding-bottom:50px;}
.bugo .layout .lv01{font-size:18px;margin-bottom:15px;}
.bugo .layout .lv01 span{font-size:12px;padding-left:5px;color:#af9c6d;}
.bugo .layout .lv02{font-size:16px;margin-bottom:10px;margin-top:10px;}
.bugo .layout .lv02 span{font-size:12px;padding-left:5px;color:#af9c6d;}
.bugo .layout input{width:100%;font-size:15px;border:1px solid #dbdfea;border-radius:4px;height:45px;padding:0px 15px;margin-bottom:10px;}
.bugo .layout textarea{width:100%;font-size:15px;border:1px solid #dbdfea;border-radius:4px;height:150px;padding:15px;margin-bottom:10px;}
.bugo .layout select{width:100%;font-size:15px;border:1px solid #dbdfea;border-radius:4px;height:45px;padding:0px 15px;margin-bottom:10px;}
.bugo .layout .add{display:flex;gap:10px;}
.bugo .layout .add input{width:calc(100% - 70px);}
.bugo .layout .add button{width:60px;background:#af9c6d;margin-bottom:10px;border-radius:4px;font-size:15px;color:#fff;}
.bugo .layout .line00{display:flex;gap:10px;}
.bugo .layout .line01{display:flex;gap:10px;}
.bugo .layout .line01 select{width:50%;}
.bugo .layout .form{display:flex;gap:10px;}
.bugo .layout .form select{width:50%;}
.bugo .layout .form2{display:flex;gap:0px;flex-direction: column;}
.bugo .layout .form2 .line02{display:flex;gap:10px;}
.bugo .layout .form2 .line02 select{width:50%;}
.bugo .layout .bt01{display:flex;gap:5px;justify-content: flex-end;}
.bugo .layout .bt01 .sj-plus{width:100px;background:#af9c6d;padding:10px;border-radius:4px;font-size:15px;font-weight:400;color:#fff;}
.bugo .layout .bt01 .sj-del{width:100px;background:#5c5c5c;padding:10px;border-radius:4px;font-size:15px;font-weight:400;color:#fff;}
.bugo .layout .bt01 .acc-plus{width:100px;background:#af9c6d;padding:10px;border-radius:4px;font-size:15px;font-weight:400;color:#fff;}
.bugo .layout .bt01 .acc-del{width:100px;background:#5c5c5c;padding:10px;border-radius:4px;font-size:15px;font-weight:400;color:#fff;}
.bugo .layout .save{display:block;width:100%;border-radius:4px;line-height:55px;text-align:center;font-size:18px;color:#fff;background:#af9c6d;}

.search{background:#f5f6fa;}
.search .layout{min-height:100vh;position: relative;overflow: hidden;max-width:480px;margin:0 auto;background:#fff;border-right:1px solid #dbdfea;border-left:1px solid #dbdfea;padding:20px;}
.search .layout .section01{display:flex;justify-content: space-between;align-items: center;}
.search .layout .section01 .lv01{font-size:25px;font-weight:700;display:flex;align-items:center;gap:5px;}
.search .layout .section01 .lv01 img{width:17px;}
.search .layout .section01 .lv02{font-size:17px;font-weight:400;}
.search .layout .section01 .lv02 img{width:15px;height:15px;object-fit:cover;}
.search .layout .section02{margin-top:50px;}
.search .layout .section02 .list{padding-bottom:15px;border-bottom:1px solid #dbdfea;margin-bottom:15px;}
.search .layout .section02 .list .lv03{font-size:18px;}
.search .layout .section02 .list .lv04{font-size:16px;font-weight:400;margin-top:5px;}
.search .layout .section02 .list .lv05{font-size:15px;font-weight:400;margin-top:5px;}
.search .layout .section02 .list .fo{display:flex;justify-content: space-between;}

.shop{background:#f5f6fa;}
.shop .layout{max-width:480px;margin:0 auto;background:#fff;border-right:1px solid #dbdfea;border-left:1px solid #dbdfea;padding:20px;}
.shop .layout .section01{display:flex;justify-content: space-between;align-items: center;}
.shop .layout .section01 .lv01{font-size:25px;font-weight:700;display:flex;align-items:center;gap:5px;}
.shop .layout .section01 .lv01 img{width:17px;}
.shop .layout .section01 .lv02{font-size:17px;font-weight:400;}
.shop .layout .section02{margin-top:50px;}
.shop .layout .section02 .line{display:flex;flex-wrap: wrap;gap:30px 15px;}
.shop .layout .section02 .line .form{width:calc(50% - 8px);}
.shop .layout .section02 .line .form img{border-radius:8px;}
.shop .layout .section02 .line .form .lv02{font-size: 18px;}
.shop .layout .section02 .line .form .lv02 span{margin-left:5px;background:#af9c6d;border-radius:3px;padding:3px 10px;color:#fff;font-size:14px;}
.shop .layout .section02 .line .form .lv03{font-size: 15px;font-weight:400;}
.shop .layout .section02 .line .form .lv03 span{margin-left:5px;font-size:14px;color:#afafaf;text-decoration:line-through }
.shop .layout .section03{margin-top:50px;}
.shop .layout .section03 .lv04{font-size:16px;margin-top:25px;}
.shop .layout .section03 ul{list-style: square;padding-left: 20px;margin-top:5px;}
.shop .layout .section03 ul li{font-size: 15px;padding-top:5px;font-weight:400;}

.shop .layout .section04{margin-top:100px;}
.shop .layout .section04 .lv07{font-size:16px;}
.shop .layout .section04 .lv08{font-size:15px;margin-top:5px;font-weight:400;}
.shop .layout .section04 .lv09{font-size:14px;margin-top:5px;font-weight:300;}

.order{background:#f5f6fa;}
.order .layout{max-width:480px;height:100%;margin:0 auto;background:#fff;border-right:1px solid #dbdfea;border-left:1px solid #dbdfea;padding:20px;}
.order .layout .lv01{font-size:18px;margin-bottom:10px;}
.order .layout .section01 .box{display:flex;gap:25px;align-items: center;border:1px solid #dbdfea;padding:10px 10px 6px 10px;}
.order .layout .section01 .box .img{width:90px;}
.order .layout .section01 .box .right .lv02{font-size: 18px;}
.order .layout .section01 .box .right .lv03{margin-top:5px;font-size: 16px;font-weight:400;}
.order .layout .section01 .box .right .lv03 span{margin-left:10px;font-size:15px;}
.order .layout .section01 .box2{border:1px solid #dbdfea;padding:15px;border-top:0px;background:#f9f9f9;}
.order .layout .section01 .box2 .lv06{font-size:15px;font-weight:400;}
.order .layout .section02{margin-top:30px;}
.order .layout .section03{margin-top:20px;}
.order .layout .section04{margin-top:20px;}
.order .layout .section05{margin-top:20px;}
.order .layout .section06{margin-top:20px;padding-bottom:50px;}
.order .layout input{width:100%;font-size:15px;border:1px solid #dbdfea;border-radius:4px;height:45px;padding:0px 15px;margin-bottom:10px;}
.order .layout select{width:100%;font-size:15px;border:1px solid #dbdfea;border-radius:4px;height:45px;padding:0px 15px;margin-bottom:10px;}
.order .layout .section05 .lv04{width:100%;font-size:15px;border:1px solid #dbdfea;border-radius:4px;line-height:45px;padding:0px 15px;margin-bottom:10px;}
.order .layout .section05 .lv05{font-size:17px;margin-bottom:10px;margin-top:20px;}
.order .layout .section06 .order_bt{background:#2c3782;border-radius:4px;width:100%;line-height:50px;font-size:18px;color:#fff;text-align:center;}

.order-done{background:#f5f6fa;height:100vh;}
.order-done .layout{height:100%;max-width:480px;height:100%;margin:0 auto;background:#fff;border-right:1px solid #dbdfea;border-left:1px solid #dbdfea;padding:20px;}
.order-done .layout .section01{margin-top:30px;}
.order-done .layout .section01 .lv01{font-size:20px;font-weight:700;text-align:center;}
.order-done .layout .section01 .lv02{margin-top:5px;font-size:16px;font-weight:400;text-align:center;}
.order-done .layout .section02{margin-top:30px;}
.order-done .layout .section02 .box{border:1px solid #dbdfea;border-bottom:0px;}
.order-done .layout .section02 .box .line{display:flex;border-bottom:1px solid #dbdfea;padding:15px;}
.order-done .layout .section02 .box .line .left{width:100px;font-size:16px;font-weight:400;}
.order-done .layout .section02 .box .line .right{width:calc(100% - 100px);font-size:16px;font-weight:400;}
.order-done .layout .section02 .copy{width:100%;text-align:center;line-height:45px;font-size:16px;color:#fff;background:#7b7b7b;}
.order-done .layout .section03{margin-top:50px;padding-bottom:30px;}
.order-done .layout .section03 .order_bt{width:100%;display:block;text-align:center;line-height:45px;font-size:16px;color:#fff;background:#2c3782;}

.faq{background:#f5f6fa;}
.faq .layout{min-height:100vh;position: relative;overflow: hidden;max-width:480px;margin:0 auto;background:#fff;border-right:1px solid #dbdfea;border-left:1px solid #dbdfea;padding:20px;}
.faq .layout .section01{display:flex;justify-content: space-between;align-items: center;}
.faq .layout .section01 .lv01{font-size:25px;font-weight:700;display:flex;align-items:center;gap:5px;}
.faq .layout .section01 .lv01 img{width:17px;}
.faq .layout .section01 .lv02 img{width:15px;height:15px;object-fit:cover;}
.faq .layout .section02{margin-top:40px;}
.faq .layout .section02 .lv03{font-size:19px;}
.faq .layout .section02 .from{padding:15px;border-radius:4px;background:#f9f9f9;margin-top:10px;}
.faq .layout .section02 .from .lv05{font-size:17px;}
.faq .layout .section02 .from .lv06{font-size:14px;margin-top:5px;font-weight:300;}
.faq .layout .section03{margin-top:30px;padding-bottom:20px;}
.faq .layout .section03 a{display:block;width:100%;border-radius:4px;line-height:55px;text-align:center;font-size:18px;color:#fff;background:#af9c6d;}

.funeral_list{background:#f5f6fa;}
.funeral_list .layout{min-height:100vh;position: relative;overflow: hidden;max-width:480px;margin:0 auto;background:#fff;border-right:1px solid #dbdfea;border-left:1px solid #dbdfea;padding:20px;}
.funeral_list .layout .section01{display:flex;justify-content: space-between;align-items: center;}
.funeral_list .layout .section01 .lv01{font-size:25px;font-weight:700;display:flex;align-items:center;gap:5px;}
.funeral_list .layout .section01 .lv01 img{width:17px;}
.funeral_list .layout .section01 .lv02 img{width:15px;height:15px;object-fit:cover;}
.funeral_list .layout .search{margin-top:40px;}
.funeral_list .layout .search input{width:100%;font-size:15px;border:1px solid #dbdfea;border-radius:4px;height:45px;padding:0px 15px;}
.funeral_list .layout .section02{margin-top:20px;}
.funeral_list .layout .section02 a{width:100%;display:block;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #dbdfea;}
.funeral_list .layout .section02 .lv03{font-size:18px;}
.funeral_list .layout .section02 .lv04{font-size:16px;font-weight:400;margin-top:5px;}


@media all and (max-width:1200px) {
.main .layout{max-width:100%;}
.bugo .layout{max-width:100%;}
.faq .layout{max-width:100%;min-height:auto;}
.search .layout{max-width:100%;min-height:auto;}
.shop .layout{max-width:100%;}
.order .layout{max-width:100%;}
.order-done .layout{max-width:100%;}
.funeral_list .layout{max-width:100%;min-height:auto;}
}