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


.category .layout{max-width:1240px;margin:0 auto;}
.category .layout .section01{text-align:center;padding:50px 0px;}
.category .layout .section01 .lv01{font-size:30px;font-weight:500;}
.category .layout .section01 .lv02{font-size:18px;margin-top:5px;}
.category .layout .section02{display:flex;flex-wrap:wrap;gap:50px 30px;margin-bottom:100px;}
.category .layout .section02 .item{width:calc(33% - 16px)}
.category .layout .section02 .item .product-img img{aspect-ratio:1/1;object-fit:cover;}
.category .layout .section02 .item .product-name{font-size:18px;font-weight:500;margin-top:5px;}
.category .layout .section02 .item .product-price{display:flex;gap:15px;margin-top:2px;}
.category .layout .section02 .item .product-price .sell-price{font-size:17px;font-weight:500;}
.category .layout .section02 .item .product-price .ori-price{font-size:15px;color:#afafaf;text-decoration:line-through;}
.category .layout .section03{text-align:center;}
.category .layout .section03 .lv03{font-size:28px;font-weight:500;margin-bottom:20px;}
.category .slick{margin-bottom:100px;}
.category .quick-button{display:none;}

.order .layout{max-width:1240px;margin:0 auto;display:flex;gap:50px;padding-bottom:100px;}
.order .layout .left{width:60%;}
.order .layout .left .section01{margin-top:50px;}
.order .layout .left .section01 .lv01{font-size:19px;font-weight:500;}
.order .layout .left .section01 .box{margin-top:15px;display:flex;align-items: center;gap:20px;border:1px solid #dbdfea;padding:15px;}
.order .layout .left .section01 .box .left{width:120px;}
.order .layout .left .section01 .box .right .product-name{font-size:18px;font-weight:400;}
.order .layout .left .section01 .box .right .product-price{font-size:15px;}
.order .layout .left .section02{margin-top:40px;}
.order .layout .left .section02 .lv02{font-size:19px;font-weight:500;}
.order .layout .left input{width:100%;font-size:16px;border:1px solid #dbdfea;padding:12px;margin-top:10px;}
.order .layout .left select{width:100%;font-size:16px;border:1px solid #dbdfea;padding:12px;margin-top:10px;}
.order .layout .left .address_wrap{display:flex;gap:10px;}
.order .layout .left .address_wrap input{width:calc(100% - 80px);font-size:16px;border:1px solid #dbdfea;padding:12px;margin-top:10px;}
.order .layout .left .address_wrap button{width:70px;font-size:16px;padding:12px;background:#1e2a38;color:#fff;margin-top:10px;}
.order .layout .left .hidden {display: none;}
.order .layout .left .hidden.active {display: block;}
.order .layout .left .payment-wrap{margin-top:10px;}
.order .layout .left .payment-wrap input[type="radio"] {display: none;}
.order .layout .left .hidden .bank-number{width:100%;font-size:16px;border:1px solid #dbdfea;padding:12px;margin-top:20px;}
.order .layout .left .hidden .receipt-wrap{margin-top:10px;}
.order .layout .left .payment-btn {width:150px;font-size:15px;text-align:center;display: inline-block;padding: 14px 20px;border: 1px solid #ddd;cursor: pointer;margin-right: 10px;transition: all 0.2s ease;}
.order .layout .left .payment-btn:hover {border-color: #1e2a38;}
.order .layout .left .payment-wrap input[type="radio"]:checked + .payment-btn {background: #1e2a38;color: white;border-color:#1e2a38;}
.order .layout .left .receipt-toggle input {display:none;}
.order .layout .left .receipt-toggle {display:flex;align-items:center;gap:10px;cursor:pointer;}
.order .layout .left .toggle-ui{width:44px;height:24px;background:#ccc;border-radius:999px;position:relative;transition:0.25s;}
.order .layout .left .toggle-ui::before{content:'';width:18px;height:18px;background:white;border-radius:50%;position:absolute;top:3px;left:3px;transition:0.25s;}
.order .layout .left .receipt-toggle input:checked + .toggle-ui{background:#1e2a38;}
.order .layout .left .receipt-toggle input:checked + .toggle-ui::before{transform:translateX(20px);}
.order .layout .left #receiptInput{display:none;margin-top:10px;}
.order .layout .left #receiptInput.active{display:block;}
.order .layout .left .section02 .time{display:flex;gap:10px;}
.order .layout .left .section02 .ribon-wrap{display:flex;gap:10px;}
.order .layout .left .section02 .ribon-wrap input{width:calc(100% - 125px)}
.order .layout .left .section02 .ribon-wrap button{width:115px;font-size:16px;padding:12px;background:#1e2a38;color:#fff;margin-top:10px;}
.order .layout .left .section02 .modal-overlay{position: fixed; inset: 0;background: rgba(0,0,0,.45);display: none;align-items: center; justify-content: center;z-index: 9999;padding: 16px;}
.order .layout .left .section02 .modal-overlay.active{ display: flex; }
.order .layout .left .section02 .modal{width: 100%;max-width: 520px;background: #fff;overflow: hidden;}
.order .layout .left .section02 .modal-header{display:flex; align-items:center; justify-content:space-between;padding: 14px 16px;border-bottom: 1px solid #eee;}
.order .layout .left .section02 .modal-header .title{ font-weight:500;font-size:18px;}
.order .layout .left .section02 .close-btn{ border:0; background:transparent; font-size:18px; cursor:pointer; }
.order .layout .left .section02 .modal-tabs{display:flex;gap: 8px;padding: 12px 16px;}
.order .layout .left .section02 .tab-btn{flex:1;padding: 10px 12px;border: 1px solid #ddd;background: #f7f7f7;cursor:pointer;}
.order .layout .left .section02 .tab-btn.active{background:#1e2a38;color:#fff;border-color:#1e2a38;}
.order .layout .left .section02 .modal-body{ padding: 12px 16px 16px; }
.order .layout .left .section02 .tab-panel{ display:none; }
.order .layout .left .section02 .tab-panel.active{ display:block; }
.order .layout .left .section02 .phrase-list{display:flex;flex-wrap: wrap;gap: 10px;}
.order .layout .left .section02 .phrase-item{padding: 10px 12px;border: 1px solid #e5e5e5;cursor:pointer;background:#fff;}
.order .layout .left .section02 .phrase-item:hover{border-color:#111;}
.order .layout .right{width:40%;}
.order .layout .right .section03{margin-top:93px;background:#f5f5f5;padding:30px 25px}
.order .layout .right .section03 .total-price{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #dbdfea;margin-bottom:25px;}
.order .layout .right .section03 .total-price .text{font-size:17px;}
.order .layout .right .section03 .total-price .number{font-size:21px;font-weight:600;color:#1e2a38;}
.order .layout .right .section03 .price-detail{display:flex;justify-content:space-between;align-items:center;margin-top:15px;}
.order .layout .right .section03 .price-detail .text{font-size:16px;color:#3f3f3f;}
.order .layout .right .section03 .price-detail .number{font-size:16px;color:#3f3f3f;}
.order .layout .right .section04{background:#f5f5f5;padding:30px 25px}
.order .layout .right .section04 .lv04{font-size:17px;margin-top:30px;}
.order .layout .right .section04 .lv05{font-size:15px;color:#3f3f3f;margin-top:10px;}
.order .layout .right .order-bt{background: #1e2a38;font-size:22px;text-align:center;width:100%;color:#fff;padding:15px;}

.order_done .layout{max-width:450px;margin:0 auto;padding:50px 0px;}
.order_done .layout .section01{text-align:center;}
.order_done .layout .section01 .lv01{font-size:22px;font-weight:500;}
.order_done .layout .section01 .lv02{font-size:16px;margin-top:10px;}
.order_done .layout .section02{margin-top:30px;}
.order_done .layout .section02 .form{border:1px solid #dbdfea;border-bottom:0px;}
.order_done .layout .section02 .form .line{border-bottom:1px solid #dbdfea;display:flex;padding:15px;}
.order_done .layout .section02 .form .line .lv03{font-size:15px;width:120px;}
.order_done .layout .section02 .form .line .lv04{font-size:15px;width:calc(100% - 120px);}
.order_done .layout .section02 .copy{background: #1e2a38;color: white;text-align:center;font-size:16px;padding:12px;width:100%;}

.signin{height:calc(100vh - 80px);display:flex;align-items:center;}
.signin .layout{max-width:450px;margin:0 auto;padding-bottom:150px;}
.signin .layout .name{text-align:center;font-size:30px;font-weight:500;margin-bottom:30px;}
.signin .layout input{width:100%;font-size:16px;border:1px solid #dbdfea;padding:12px;margin-top:10px;}
.signin .layout .login{background: #1e2a38;font-size:16px;text-align:center;width:100%;color:#fff;padding:13px;margin-top:20px;}
.signin .layout .line{margin-top:10px;display:flex;justify-content:space-between;}
.signin .layout .line .right{display:flex;gap:10px;}
.signin .layout .line a{font-size:15px;}
.signin .layout .kakao{margin-top:30px;width:100%;background:#ffeb00;padding:13px;font-size:16px;color:#3c1e1c;position:relative;}
.signin .layout .kakao img{width:25px;position: absolute;left:20px;}
.signin .layout .non-member{display:block;text-align:center;margin-top:20px;width:100%;font-size:16px;padding:13px;background:#8d8d8d;color:#fff;}
.signin .layout .lv01{font-size:16px;}
.signin .layout .lv01 span{font-size:14px;padding-left:5px;}
.signin .layout .lv02{font-size:16px;margin-top:20px;}
.signin .layout .lv02 span{font-size:14px;padding-left:5px;}

.mypage .layout{max-width:1240px;margin:0 auto;}
.mypage .layout .lv01{font-size:30px;font-weight:500;text-align:center;padding:50px 0px;}
.mypage .layout .section01{display:flex;border-top:1px solid #dbdfea;border-bottom:1px solid #dbdfea;}
.mypage .layout .section01 .tab01{font-size:15px;text-align:center;padding:11px;width:15%;}
.mypage .layout .section01 .tab02{font-size:15px;text-align:center;padding:11px;width:55%;}
.mypage .layout .section01 .tab03{font-size:15px;text-align:center;padding:11px;width:15%;}
.mypage .layout .section01 .tab04{font-size:15px;text-align:center;padding:11px;width:15%;}
.mypage .layout .section02{min-height:430px;}
.mypage .layout .section02 .list{display:flex;align-items: center;padding:30px 0px;border-bottom:1px solid #dbdfea;}
.mypage .layout .section02 .list .tab01{width:15%;text-align:center;}
.mypage .layout .section02 .list .tab02{width:55%;padding-left:80px;}
.mypage .layout .section02 .list .tab03{width:15%;text-align:center;}
.mypage .layout .section02 .list .tab04{width:15%;display:flex;flex-direction:column;align-items:center;}
.mypage .layout .section02 .list .lv02{font-size:16px;line-height:1.6;}
.mypage .layout .section02 .list .lv03{font-size:20px;font-weight:500;margin-bottom:5px;}
.mypage .layout .section02 .list .lv04{font-size:15px;line-height:1.6;}
.mypage .layout .section02 .list .lv05{font-size:17px;font-weight:500;margin-bottom:2px;}
.mypage .layout .section02 .list .lv06{font-size:15px;}
.mypage .layout .section02 .list .lv07{font-size:16px;}
.mypage .layout .section02 .list .link{display:block;padding:8px 20px;font-size:15px;color:#fff;background:#1e2a38;margin-top:8px;width:120px;text-align: center;}

.funeral_list .layout{max-width:1240px;margin:0 auto;padding:50px 0px 100px 0px;}
.funeral_list .layout .section01{display:flex;justify-content:space-between;align-items:center;}
.funeral_list .layout .section01 .lv01{font-size:30px;font-weight:500;}
.funeral_list .layout .section01 .search{width:500px;border:1px solid #dbdfea;display:flex;}
.funeral_list .layout .section01 .search input{width:calc(100% - 40px);font-size:16px;padding:12px 15px;}
.funeral_list .layout .section01 .search button{width:25px;}
.funeral_list .layout .section02{margin-top:50px;}
.funeral_list .layout .section02 .line{display:flex;flex-wrap:wrap;gap:30px;}
.funeral_list .layout .section02 .line .list{width:calc(33% - 16px);border-bottom:1px solid #ebebeb;padding-bottom:25px;display:block;}
.funeral_list .layout .section02 .line .list .lv02{background:#f1f1f1;color:#1e2a38;font-size:13px;padding:4px 8px;display: inline;}
.funeral_list .layout .section02 .line .list .lv03{font-size:21px;font-weight:600;margin-top:10px;}
.funeral_list .layout .section02 .line .list .lv04{font-size:15px;margin-top:3px;color:#3f3f3f}

.funeral_view .layout{max-width:450px;margin:0 auto;padding:50px 0px 100px 0px;}
.funeral_view .layout .section01 .name{font-size:27px;font-weight:600;margin-bottom:20px;}
.funeral_view .layout .section01 .add{font-size:17px;margin-top:5px;display:flex;align-items: center;gap:10px;}
.funeral_view .layout .section01 .add img{width:15px;}
.funeral_view .layout .section02{margin-top:50px;}
.funeral_view .layout .section02 .info{font-size:19px;font-weight:600;margin-bottom:10px;}
.funeral_view .layout .section02 .line{margin-top:15px;display:flex;}
.funeral_view .layout .section02 .line .left{width:120px;font-size:17px;}
.funeral_view .layout .section02 .line .right{font-size:17px;}
.funeral_view .layout .section03{margin-top:50px;}
.funeral_view .layout .section03 .info{font-size:19px;font-weight:600;margin-bottom:10px;}
.funeral_view .layout .section03 .shop{display:flex;flex-wrap:wrap;gap:30px 15px;}
.funeral_view .layout .section03 .shop .porduct{width:calc(50% - 8px);}
.funeral_view .layout .section03 .shop .porduct .porduct_name{font-size:17px;font-weight:500;}
.funeral_view .layout .section03 .shop .porduct .porduct_price{font-size:16px;}
.funeral_view .layout .section03 .shop .porduct .porduct_price span{margin-left:8px;font-size:14px;color:#afafaf;text-decoration: line-through;}
.funeral_view .layout .section04{margin-top:50px;}
.funeral_view .layout .section04 .info{font-size:19px;font-weight:600;margin-bottom:10px;}
.funeral_view .layout .section04 .add{font-size:16px;}
.funeral_view .layout .section04 .navi{margin-top:15px;display:flex;gap:15px;}

.photo .layout{max-width:450px;margin:0 auto;padding:50px 0px 100px 0px;}
.photo .layout .section01 .lv01{text-align:center;font-size:22px;font-weight:500;margin-bottom:30px;}
.photo .layout .section01 img{width:100%;}
.photo .layout .section01 .lv02{text-align:center;font-size:17px;margin-top:15px;}
.photo .layout .section01 .lv03{text-align:center;font-size:15px;margin-top:20px;color:#818181;}

.index .layout{max-width:1240px;margin:0 auto;padding-bottom:100px;}
.index .layout .section01 .pc{display:block}
.index .layout .section01 .pc img{width:100%;}
.index .layout .section01 .mo{display:none}
.index .layout .section01 .mo img{width:100%;}
.index .layout .section02{margin-top:80px;}
.index .layout .section02 .lv01{font-size:27px;font-weight:600;display:flex;justify-content: space-between;align-items: flex-end;}
.index .layout .section02 .lv01 a{font-size:15px;font-weight:normal;color:#818181;}
.index .layout .section02 .lv02{font-size:27px;font-weight:600;margin-top:50px;display:flex;justify-content: space-between;align-items: flex-end;}
.index .layout .section02 .lv02 a{font-size:15px;font-weight:normal;color:#818181;}
.index .layout .section02 .line01{display:flex;gap:30px;margin-top:20px;}
.index .layout .section02 .line01 .porduct{width:calc(25% - 23px);}
.index .layout .section02 .line01 .porduct .porduct_name{font-size:17px;font-weight:500;margin-top:5px;}
.index .layout .section02 .line01 .porduct .porduct_price{font-size:16px;margin-top:2px;}
.index .layout .section02 .line01 .porduct .porduct_price span{margin-left:8px;font-size:14px;color:#afafaf;text-decoration: line-through;}
.index .layout .section03{margin-top:80px;}
.index .layout .section03 .box{display:flex;gap:30px;}
.index .layout .section03 .box .call{display:flex;justify-content: space-between;align-items:center;padding:30px 60px;background:#f0f2f5;width:100%;}
.index .layout .section03 .box .call .left .lv07{font-size:21px;font-weight:400;color:#3b3b3b;}
.index .layout .section03 .box .call .left .lv08{font-size:25px;font-weight:600;color:#2b2b2b;}
.index .layout .section03 .box .call img{width:60px;}
.index .layout .section03 .box .kakao{display:flex;justify-content: space-between;align-items:center;padding:30px 60px;background:#ffeb00;width:100%;}
.index .layout .section03 .box .kakao img{width:70px;}
.index .layout .section03 .box .kakao .left .lv07{font-size:21px;font-weight:400;color:#3b3b3b;}
.index .layout .section03 .box .kakao .left .lv08{font-size:25px;font-weight:600;color:#2b2b2b;}
.index .layout .section04{margin-top:80px;}
.index .layout .section04 .line02{display:flex;justify-content:space-between;align-items:center;}
.index .layout .section04 .line02 .lv03{font-size:27px;font-weight:600;}
.index .layout .section04 .line02 .search{width:500px;border:1px solid #dbdfea;display:flex;}
.index .layout .section04 .line02 .search input{width:calc(100% - 40px);font-size:16px;padding:12px 15px;}
.index .layout .section04 .line02 .search button{width:25px;}
.index .layout .section04 .line03{display:flex;flex-wrap: wrap;gap:30px;margin-top:30px;}
.index .layout .section04 .line03 .list{width:calc(33% - 16px);border-bottom:1px solid #ebebeb;padding-bottom:25px;display:block;}
.index .layout .section04 .line03 .list .lv04{background:#f1f1f1;color:#1e2a38;font-size:13px;padding:4px 8px;display: inline;}
.index .layout .section04 .line03 .list .lv05{font-size:21px;font-weight:600;margin-top:10px;}
.index .layout .section04 .line03 .list .lv06{font-size:15px;margin-top:3px;color:#3f3f3f}
.index .layout .quick-button{display:none;}




/* 페이징 */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {color:#9f9f9f;display:inline-block;float:left;padding: 0 13px;line-height:30px;text-decoration: none;border: 1px solid #ddd;margin-left:-1px}
.pg a:focus, .pg a:hover {background-color:#f3f3f3}
.pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pg_page {background:#fff;text-decoration:none}
.pg_start {background:url('/img/btn_first.gif') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_prev {background:url('/img/btn_prev.gif') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_next {background:url('/img/btn_next.gif') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_end {background:url('/img/btn_end.gif') 50% 50% no-repeat;width:32px;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#1e2a38;color:#fff;font-weight:normal}




/* tablet */
@media all and (max-width:1240px) {
.category .layout{max-width:100%;margin:0px;}
.category .layout .section01{padding:35px 0px;}
.category .layout .section01 .lv01{font-weight:600;font-size:25px;}
.category .layout .section01 .lv02{font-size:17px;}
.category .layout .section02{gap:25px 15px;padding:0px 20px;}
.category .layout .section02 .item{width:calc(50% - 8px);}
.category .layout .section02 .item .product-name{margin-top:0px;font-size:16px;}
.category .layout .section02 .item .product-price{gap:5px;}
.category .layout .section02 .item .product-price .sell-price{font-size:15px;}
.category .layout .section02 .item .product-price .ori-price{font-size:14px;}
.category .layout .section03{margin-top:70px;}
.category .layout .section03 .lv03{font-weight:600;font-size:22px;margin-bottom:15px;}
.category .slick{margin-bottom:50px;padding:0px 10px;}
.category .quick-button{display:block;}
.category .quick-button .fixed{width:100%;position:fixed;bottom:0;display:flex;justify-content:space-between;z-index:999;}
.category .quick-button .fixed a{display:block;text-align:center;width:100%;padding:12px 0px;font-size:17px;color:#fff;}
.category .quick-button .fixed .call{background:#1e2a38}
.category .quick-button .fixed .kakao{background:#f7d54a;color:#000;}
.category .quick-button .fixed .online{background:#2c3782}

.order .layout{max-width:100%;margin:0px;flex-direction:column;gap:0px;padding-bottom:50px;}
.order .layout .left{width:100%;}
.order .layout .left .section01{padding:0px 20px;margin-top:30px;}
.order .layout .left .section01 .lv01{font-size:17px;}
.order .layout .left .section01 .box{padding:10px;}
.order .layout .left .section02{padding:0px 20px;margin-top:30px;}
.order .layout .left .section02 .lv02{font-size:17px;}
.order .layout .left .address_wrap button{font-size:15px;}
.order .layout .left .section02 .ribon-wrap button{font-size:15px;}
.order .layout .left input{font-size:15px;}
.order .layout .left select{font-size:15px;}
.order .layout .left .section02 .payment-wrap{display:flex;gap:15px;}
.order .layout .left .section02 .payment-btn{width:100%;margin-right:0px;}
.order .layout .left .section02 .hidden .bank-number{font-size:15px;}
.order .layout .right{width:100%;}
.order .layout .right .section03{margin-top:65px;}
.order .layout .right .order-bt{position:fixed;width:100%;bottom:0;z-index:999;font-size:20px;padding:12px;}
.order .layout .right .section04{padding:0px 25px 30px 25px;}
.order .layout .right .section04 .lv04{font-size:15px;margin-top:0px;padding-top:30px;}
.order .layout .right .section04 .lv05{font-size:14px;}

.order_done .layout{max-width:100%;margin:0px;padding:30px 20px 50px 20px;}
.order_done .layout .section02 .form .line .lv03{width:95px;}
.order_done .layout .section02 .form .line .lv04{width:calc(100% - 95px);}

.signin{height:auto;display:block;}
.signin .layout{max-width:100%;margin:0px;padding:35px 20px;}
.signin .layout .name{font-size:25px;}
.signin .layout input{font-size:15px;}
.signin .layout .login{font-size:15px;}
.signin .layout .line a{font-size:14px;}
.signin .layout .kakao{font-size:15px;}
.signin .layout .non-member{font-size:15px;}
.signin .layout .lv01{font-size:15px;}
.signin .layout .lv02{font-size:15px;}

.mypage .layout{max-width:100%;margin:0px;}
.mypage .layout .lv01{padding:35px 0px 20px 0px;font-weight:600;font-size:25px;}
.mypage .layout .section01{display:none}
.mypage .layout .section02{padding:0px 20px;}
.mypage .layout .section02 .list{align-items:flex-start;flex-direction:column;padding:20px 0px}
.mypage .layout .section02 .list .tab01{width:100%;text-align:left;display:flex;justify-content:space-between;flex-direction:row;}
.mypage .layout .section02 .list .tab02{width:100%;padding-left:0px;margin-top:10px;}
.mypage .layout .section02 .list .tab03{width:100%;text-align:left;margin-top:10px;display:flex;gap:10px;align-items: center;}
.mypage .layout .section02 .list .tab04{width:100%;flex-direction: row;    justify-content: space-between;}
.mypage .layout .section02 .list .lv02{font-size:15px;line-height:auto;}
.mypage .layout .section02 .list .lv03{font-size:18px;}
.mypage .layout .section02 .list .lv04{font-size:15px;}
.mypage .layout .section02 .list .lv06{font-size:14px;}
.mypage .layout .section02 .list .lv07{font-size:15px;}
.mypage .layout .section02 .list .link{margin-top:0px;font-size:14px;padding:7px 12px;width:105px;}

.funeral_list .layout{max-width:100%;margin:0px;padding:50px 20px;}
.funeral_list .layout .section01{align-items:flex-start;flex-direction:column;gap:10px;}
.funeral_list .layout .section01 .lv01{font-size:25px;font-weight:600;}
.funeral_list .layout .section01 .search{width:100%;}
.funeral_list .layout .section01 .search input{font-size:15px;}
.funeral_list .layout .section01 .search button{width:22px;}
.funeral_list .layout .section02 .line{flex-direction:column;gap:30px;}
.funeral_list .layout .section02 .line .list{width:100%;}
.funeral_list .layout .section02 .line .list .lv02{padding:2px 6px;}
.funeral_list .layout .section02 .line .list .lv03{font-size:19px;}
.funeral_list .layout .section02 .line .list .lv04{font-size:14px;}

.funeral_view .layout{max-width:100%;margin:0px;padding:50px 20px;}
.funeral_view .layout .section01 .add{font-size:16px;}
.funeral_view .layout .section02 .line .left{width:100px;font-size:16px;}
.funeral_view .layout .section02 .line .right{font-size:16px;}

.index .layout{max-width:100%;margin:0px;padding-bottom:50px;}
.index .layout .section01 .pc{display:none;}
.index .layout .section01 .mo{display:block}
.index .layout .section02{margin-top:40px;padding:0px 20px;}
.index .layout .section02 .lv01{font-size:22px;}
.index .layout .section02 .lv01 a{font-size:14px;}
.index .layout .section02 .lv02{font-size:22px;margin-top:40px;}
.index .layout .section02 .lv02 a{font-size:14px;}
.index .layout .section02 .line01{flex-wrap: wrap;gap:20px 15px;margin-top:10px;}
.index .layout .section02 .line01 .porduct{width:calc(50% - 8px);}
.index .layout .section02 .line01 .porduct .porduct_name{margin-top:0px;font-size:16px;}
.index .layout .section02 .line01 .porduct .porduct_price{font-size:15px;}
.index .layout .section03{margin-top:60px;padding:0px 20px;}
.index .layout .section03 .box{flex-direction: column;gap:15px;}
.index .layout .section03 .box .call{padding:15px 20px;}
.index .layout .section03 .box .call .left .lv07{font-size:16px;}
.index .layout .section03 .box .call .left .lv08{font-size:19px;}
.index .layout .section03 .box .call img{width:35px;}
.index .layout .section03 .box .kakao{padding:15px 20px;}
.index .layout .section03 .box .kakao .left .lv07{font-size:16px;}
.index .layout .section03 .box .kakao .left .lv08{font-size:19px;}
.index .layout .section03 .box .kakao img{width:35px;}
.index .layout .section04{margin-top:60px;padding:0px 20px;}
.index .layout .section04 .line02{flex-direction:column;align-items:flex-start;gap:10px;}
.index .layout .section04 .line02 .lv03{font-size:22px;}
.index .layout .section04 .line02 .search{width:100%;}
.index .layout .section04 .line02 .search input{font-size:15px;}
.index .layout .section04 .line02 .search button{width:22px;}
.index .layout .section04 .line03{flex-direction: column;}
.index .layout .section04 .line03 .list{width:100%;}
.index .layout .section04 .line03 .list .lv04{padding:2px 6px;}
.index .layout .section04 .line03 .list .lv05{font-size:19px;}
.index .layout .section04 .line03 .list .lv06{font-size:14px;}
.index .layout .quick-button{display:block;}
.index .layout .quick-button .fixed{width:100%;position:fixed;bottom:0;display:flex;justify-content:space-between;z-index:999;}
.index .layout .quick-button .fixed a{display:block;text-align:center;width:100%;padding:12px 0px;font-size:17px;color:#fff;}
.index .layout .quick-button .fixed .call{background:#1e2a38}
.index .layout .quick-button .fixed .kakao{background:#f7d54a;color:#000;}


}


/* mobile */
@media all and (max-width:768px) {


}