@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

body {box-sizing:border-box;font-family:'noto sans kr';font-size:14px;line-height:normal;}
p {margin:0;}
a {text-decoration:none;color:#0a0a0a;}
a:hover {text-decoration:none;}
.cont-pd {padding:12px 16px;}
.pd-16 {padding:0 16px;}
.flex {display:flex;}
.align-ct {align-items:center;}
.btw {justify-content:space-between;}
.ovf {overflow:hidden;}
.dim {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.34);z-index:10;
	max-width:420px;left:auto;margin-left:-16px;display:none;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px #fff inset;}

#all {position:relative;min-height:100vh;}
#bg {width:100%;min-height:100vh;background:linear-gradient(0deg, #f7f2ee, #e7e2da);position:fixed;z-index:-1;}
#mobile {width:100%;height:100vh;background:#fff;max-width:420px;padding:0 16px;position:absolute;top:0;left:56vw;
    box-sizing:border-box;overflow:auto;z-index:1;}
#mobile::-webkit-scrollbar {width:6px;}
#mobile::-webkit-scrollbar-thumb {background:#cac6be;border-radius:100vw;}
#mobile::-webkit-scrollbar-track {background:#ebe9e8;}
#pc {height:100vh;position:relative;}
#pc .pc_bg {position:absolute;bottom:0;left:0;width:calc(5vw + 140px);height:calc(6vw + 340px);
	background:url('/img/bugo/pc_bg.png')no-repeat center/100%;}
#pc .swiper-wrapper {width:52%;}
#pc .swiper-slide {padding:38px 0 80px calc(30vw - 276px);box-sizing:border-box;}
#pc .swiper-slide .text_logo {font-size:28px;margin-bottom:150px;}
#pc .swiper-slide .s1_title {font-size:50px;font-family:'jeju myeongjo';font-weight:700;line-height:72px;
	color:#333;margin-bottom:140px;}
#pc .swiper-slide .wheel_ani {display:inline-block;margin-left:190px;background:none;
	box-shadow:none;opacity:1;width:auto;cursor:pointer;pointer-events:all;margin-bottom:140px;}
#pc .swiper-slide .wheel_ani::after {display:none;}
#pc .swiper-slide .wheel_ani .mouse {display:block;position:relative;width:30px;height:50px;
	border:2px solid #333;border-radius:100vw;box-sizing:border-box;}
#pc .swiper-slide .wheel_ani .mouse::before {content:'';position:absolute;top:10px;left:50%;width:6px;height:6px;
	margin-left:-3px;background:#333;border-radius:100vw;animation:sdb 2s infinite;box-sizing:border-box;}
@keyframes sdb {
	0% {transform:translate(0, 0);opacity: 0;}
	40% {opacity:1;}
	80% {transform:translate(0, 20px);opacity:0;}
	100% {opacity:0;}
}
#pc .swiper-slide .wheel_ani .down {width:20px;height:14px;display:block;margin:4px 0 0 5px;
	background:url('/img/down_b.png')no-repeat center/100%;transition:all .4s ease;}
#pc .swiper-slide .wheel_ani:hover .down {transform:translateY(6px);}
#pc .swiper-slide .s2_title {font-size:42px;font-family:'jeju myeongjo';font-weight:700;line-height:62px;
	color:#333;margin-bottom:84px;margin-top:-20px;}
#pc .swiper-slide .s2_ul {display:flex;align-items:center;justify-content:center;margin-left:calc(-25vw + 300px);
	margin-bottom:170px;}
#pc .swiper-slide .s2_ul li {padding-right:92px;position:relative;}
#pc .swiper-slide .s2_ul li:last-child {padding:0;}
#pc .swiper-slide .s2_ul li::after {content:"";position:absolute;top:50%;right:30px;width:28px;height:16px;
	background:url('/img/bugo/down_g.png')no-repeat center/100%;transform:translateY(-50%) rotateZ(-90deg);}
#pc .swiper-slide .s2_ul li:last-child::after {display:none;}
#pc .swiper-slide .s2_ul li div {width:100px;height:100px;border-radius:100vw;margin-bottom:8px;
	box-shadow:2px 2px 4px rgba(0,0,0,0.14);}
#pc .swiper-slide .s2_ul .li_1 div {
	background:#fff  url('/img/bugo/bugo_write.png')no-repeat top 40% left 65%/56px;}
#pc .swiper-slide .s2_ul .li_2 div {
	background:#fff  url('/img/bugo/bugo_rewrite.png')no-repeat top 40% left 65%/56px;}
#pc .swiper-slide .s2_ul .li_3 div {
	background:#fff  url('/img/bugo/s2_li3.png')no-repeat top 60% left 74%/68px;}
#pc .swiper-slide .s2_ul li p {text-align:center;font-size:18px;font-weight:600;color:#59544e;}
#pc .swiper-slide .s3_a {display:inline-block;font-size:16px;color:#666;position:relative;transition:all .3s ease;
	padding:3px 24px 3px 4px;margin-bottom:280px;}
#pc .swiper-slide .s3_a::before {content:'';position:absolute;left:0;bottom:0;border-bottom:1px solid #666;
	width:100%;height:1px;}
#pc .swiper-slide .s3_a::after {content:'';position:absolute;right:-6px;bottom:10px;border-bottom:1px solid #666;
	width:26px;height:1px;transform:rotate(54deg);}
#pc .swiper-slide .s3_a:hover {padding-right:34px;}
#pc .swiper-pagination {left:calc(25vw - 260px);right:auto;}
#pc .swiper-pagination span.swiper-pagination-bullet-active {background:#333;}
#pc .doip {background:#f3efea;padding:8px 14px;border-radius:8px;margin-bottom:14px;width:310px;
	box-shadow:3px 3px 4px rgb(223 215 207), -3px -3px 6px rgb(255 253 250);display:block;}
#pc .doip_t {font-size:16px;font-weight:500;line-height:28px;color:#444;margin-bottom:6px;}
#pc .doip_a {font-size:18px;font-weight:500;line-height:28px;display:flex;align-items:center;
	justify-content:space-between;color:#0a0a0a;}
#pc .doip_a::before {content:'';width:calc(100% - 160px);height:32px;display:block;
	background:url('/img/bugo/red8_logo.png')no-repeat center/100%;}




section {background:#fff;box-sizing:border-box;min-height:calc(100vh - 221px);}
.layer {position:fixed;top:50%;transform:translateY(-50%);width:92%;max-width:388px;background:#fff;
	border-radius:14px;z-index:11;display:none;}
.layer .top {display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin-bottom:6px;}
.layer .top p {font-size:18px;font-weight:500;line-height:46px;}
.layer .top .close {border:0;width:18px;height:18px;background:url('/img/close.png')no-repeat center/100%;}
.layer .art {padding:0 16px;margin-bottom:16px;max-height:55vh;overflow:auto;}

.rolldate-mask {max-width:420px;left:60vw!important;}
.rolldate-panel {max-width:420px;left:60vw!important;}


/* 헤더 */
header.header {padding:10px 0;box-shadow:none;}
header .hd {margin-bottom:10px;}
.text_logo {display:block;font-size:20px;font-weight:600;font-family:'jeju myeongjo';padding:8px 0 7px;
	color:#535353;}
.hd .hd-logo {width:112px;height:40px;}
.hd .hd-hamburger {position:static;}
.hd .hd-hamburger span {display:block;width:24px;height:3px;background:#333;border-radius:100vw;margin:0 auto;
    margin-bottom:5px;}
.hd .hd-hamburger span:last-child {margin-bottom:0;}
.hd .hd-hamburger span:nth-child(1) {-webkit-animation:menu-bar07-01 .75s forwards;
	animation:menu-bar07-01 .75s forwards;}
.ham_wrap {position:relative;margin-left:-16px;width:calc(100% + 32px);height:calc(100vh - 66px);z-index:2;
	background:linear-gradient(180deg, #353535, #5d5d5df2);display:none;}
.ham_wrap li {}
.ham_wrap li a {display:block;font-size:18px;font-weight:500;line-height:72px;padding:0 16px;box-sizing:border-box;
	transition:background .3s ease;color:#fff;}
.ham_wrap li a:hover {background:#515151;}

@-webkit-keyframes menu-bar07-01 {
	0% {-webkit-transform:translateY(8px) rotate(45deg);}
	50% {-webkit-transform:translateY(8px) rotate(0);}
	100% {-webkit-transform:translateY(0) rotate(0);}
}
@keyframes menu-bar07-01 {
	0% {transform:translateY(8px) rotate(45deg);}
	50% {transform:translateY(8px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
.hd .hd-hamburger span:nth-child(2) {
	transition : all .25s .25s;
	opacity : 1;
}
.hd .hd-hamburger span:nth-child(3) {
	-webkit-animation : menu-bar07-02 .75s forwards;
	animation : menu-bar07-02 .75s forwards;
}
@-webkit-keyframes menu-bar07-02 {
	0% {-webkit-transform:translateY(-8px) rotate(-45deg);}
	50% {-webkit-transform:translateY(-8px) rotate(0);}
	100% {-webkit-transform:translateY(0) rotate(0);}
}
@keyframes menu-bar07-02 {
	0% {transform:translateY(-8px) rotate(-45deg);}
	50% {transform:translateY(-8px) rotate(0);}
	100% {transform:translateY(0) rotate(0);}
}
.hd .hd-hamburger.active span:nth-child(1) {
	-webkit-animation : active-menu-bar07-01 .75s forwards;
	animation : active-menu-bar07-01 .75s forwards;
}
@-webkit-keyframes active-menu-bar07-01 {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {-webkit-transform:translateY(8px) rotate(0);}
	100% {-webkit-transform:translateY(8px) rotate(45deg);}
}
@keyframes active-menu-bar07-01 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(8px) rotate(0);}
	100% {transform:translateY(8px) rotate(45deg);}
}
.hd .hd-hamburger.active span:nth-child(2) {
	opacity : 0;
}
.hd .hd-hamburger.active span:nth-child(3) {
	-webkit-animation : active-menu-bar07-02 .75s forwards;
	animation : active-menu-bar07-02 .75s forwards;
}
@-webkit-keyframes active-menu-bar07-02 {
	0% {-webkit-transform:translateY(0) rotate(0);}
	50% {-webkit-transform:translateY(-8px) rotate(0);}
	100% {-webkit-transform:translateY(-8px) rotate(-45deg);}
}
@keyframes active-menu-bar07-02 {
	0% {transform:translateY(0) rotate(0);}
	50% {transform:translateY(-8px) rotate(0);}
	100% {transform:translateY(-8px) rotate(-45deg);}
}

.bugo_confirm_layer {position:fixed;top:50%;transform:translateY(-50%);width:92%;max-width:388px;background:#fff;
	border-radius:14px;z-index:11;display:none;}
.bugo_confirm_layer .top {display:flex;justify-content:space-between;align-items:center;padding:0 16px;
	margin-bottom:6px;}
.bugo_confirm_layer .top p {font-size:18px;font-weight:500;line-height:46px;}
.bugo_confirm_layer .top .close {border:0;width:18px;height:18px;
	background:url('/img/close.png')no-repeat center/100%;}
.bugo_confirm_layer .bc_box {padding:0 16px;margin-bottom:10px;}
.bugo_confirm_layer .bc_box p {font-size:16px;font-weight:500;margin-bottom:2px;}
.bugo_confirm_layer .bc_box input {display:block;width:100%;padding:0 8px;border:1px solid #ccc;
	border-radius:8px;height:38px;box-sizing:border-box;}
.bugo_confirm_layer .confirm {display:block;width:calc(100% - 32px);margin:24px 0 16px 16px;border:0;
	background:#c7b69b;line-height:42px;font-size:16px;font-weight:500;border-radius:8px;margin-top:24px;}

/* 메인 */
.main_top_art {position:relative;height:300px;}
.main_top_art::before {content:"";position:absolute;top:0;left:-16px;width:calc(100% + 32px);height:100%;
    background:url('/img/bugo/main_art_bg.jpg')no-repeat center/100%;}
.main_top_art::after {content:"";position:absolute;top:0;left:-16px;width:calc(100% + 32px);height:100%;
    background:linear-gradient(0deg, white, transparent)}
.main_top_art .small {font-size:16px;top:20%;left:2px;color:#555;text-shadow:1px 1px 2px rgb(167 167 167 / 40%);}
.main_top_art span {color:#333;z-index:1;font-size:32px;font-weight:600;position:absolute;
    top:40%;left:0;transform:translateY(-50%);font-family:'jeju myeongjo';line-height:42px;}
.main_btn_wrap {display:flex;justify-content:space-between;align-items:center;margin:-82px -6px 42px;
	position:relative;}
.main_btn_wrap a {display:block;width:33.333%;padding:6px;}
.main_btn_wrap a div {text-align:center;background:#fff;border-radius:12px;padding:4px 0 8px;
	font-size:15px;font-weight:500;line-height:24px;box-shadow:2px 2px 6px rgba(0,0,0,0.2);}
.main_btn_wrap a div::before {content:'';display:block;width:54px;height:54px;margin:0 auto 4px;}
.main_btn_wrap .quick-1 div::before {background:url('/img/bugo/bugo_write.png')no-repeat top 50% left 110%/44px;}
.main_btn_wrap .quick-2 div::before {background:url('/img/bugo/bugo_rewrite.png')no-repeat top 50% left 110%/44px;}
.main_btn_wrap .quick-3 div::before {background:url('/img/bugo/thank_send.png')no-repeat top 70% left 50%/36px;}
.main_notice_wrap {margin-bottom:56px;}
.main_notice_wrap .top {display:flex;justify-content:space-between;align-items:center;padding:6px 0;
	margin-bottom:8px;}
.main_notice_wrap .top p {font-size:22px;font-weight:500;}
.main_notice_wrap .top button {background:none;border:0;font-size:13px;color:#888;padding:0 8px;margin-right:-6px;}
.main_notice_wrap li {}
.main_notice_wrap li a {display:block;font-size:16px;font-weight:400;line-height:46px;border-bottom:1px solid #ddd;
	padding:0 58px 0 8px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.main_notice_wrap .layer .top {padding:0 16px;margin-bottom:6px;}
.main_notice_wrap .layer .top p {font-size:18px;}
.main_notice_wrap .layer .top .close {padding:0;margin:0;}
.main_faq_wrap {margin-bottom:56px;}
.main_faq_wrap .top {display:flex;justify-content:space-between;align-items:center;padding:6px 0;
	margin-bottom:8px;}
.main_faq_wrap .top p {font-size:22px;font-weight:500;}
.main_faq_wrap .top button {background:none;border:0;font-size:13px;color:#888;padding:0 8px;margin-right:-6px;}
.main_faq_wrap li {border-radius:8px;padding:18px;margin:12px 0;
	box-shadow:1px 1px 6px rgba(0,0,0,0.14);}
.main_faq_wrap li p {display:flex;align-items:center;font-size:16px;font-weight:500;}
.main_faq_wrap li p::before {content:'';display:block;width:14px;height:8px;margin-right:12px;
	background:url('/img/bugo/down_g.png')no-repeat center/100%;transition:all .3s ease;}
.main_faq_wrap li p.active::before {transform:rotateZ(-180deg);}
.main_faq_wrap li span {display:block;font-size:15px;color:#666;font-weight:500;margin-top:12px;padding-left:26px;
	display:none;}
.main_cs_wrap {margin-bottom:26px;}
.main_cs_wrap .top {margin-bottom:8px;}
.main_cs_wrap .top p {font-size:22px;font-weight:500;}
.main_cs_wrap .cs_bg {display:flex;align-items:center;justify-content:space-between;padding:14px 14px;
	background:url('/img/bugo/main_cs.png')no-repeat center/100%;border-radius:8px;}
.main_cs_wrap .cs_bg .call_numb {font-size:24px;font-weight:500;color:#fff;letter-spacing:-0.4px;}
.main_cs_wrap .cs_bg .cs_info {text-align:center;padding:6px 14px;background:#ffffff9c;}
.main_cs_wrap .cs_bg .cs_info p {font-size:15px;font-weight:600;line-height:16px;color:#3d3d3d;}


/* 부고만들기 리스트 */
.bugo_list {margin:0 -16px;padding:0 16px;background:#f9f9f9;min-height:calc(100vh - 200px);}
.bugo_list_ul {padding-top:36px;}
.bugo_list_ul li {background:#fff;margin:36px 0;padding:18px 24px;border-radius:14px;border:1px solid #f1f1f1;
    box-shadow:0px 0px 6px rgb(0 0 0 / 5%);}
.bugo_list_ul li:first-child {margin-top:0;}
.bugo_list_ul li .flex.btw {}
.bugo_list_ul li .flex.btw p {font-size:16px;font-weight:500;}
.bugo_list_ul li .flex.btw a {display:block;line-height:28px;padding:0 16px;border-radius:100vw;background:#e5e5e5;
    font-size:13px;}
.bugo_list_ul li .sample_img_wrap {display:flex;justify-content:center;margin:16px 0 24px;position:relative;
	height:180px;}
.bugo_list_ul li .sample_img {position:relative;border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,0.14);}
.bugo_list_ul li .sample_img img {width:100%;height:100%;object-fit:cover;}
.bugo_list_ul li .write_btn {display:block;line-height:48px;text-align:center;font-size:18px;font-weight:500;
    border-radius:6px;background:#e8e3db;color:#333;}


/* 부고 만들기 글쓰기*/
.bugo_write {margin:-0 -16px;background:#f9f9f9;padding:26px 16px;}
.bugo_write .bw_wrap {border-radius:14px;box-shadow:1px 1px 6px rgba(0,0,0,0.12);margin:26px 0;
	padding:8px 16px;background:#fff;}
.bugo_write .bw_wrap:first-child {margin-top:0;}
.bugo_write .bw_wrap:last-child {margin-bottom:0;}
.bugo_write .bw_wrap .bw_t1 {font-size:22px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;
	justify-content:space-between;}
.bugo_write .bw_wrap .bw_t1 span {font-size:13.5px;font-weight:500;color:#0c408d;margin-bottom:-4px;
	letter-spacing:-0.4px;}
.bugo_write .bw_wrap .bw_box {margin:12px 0;}
.bugo_write .bw_wrap .bw_box.flex.btw {align-items:center;margin-bottom:4px;}
.bugo_write .bw_wrap .bw_box #provision_chk {display:none;}
.bugo_write .bw_wrap .bw_box #provision_chk+label {display:flex;align-items:center;}
.bugo_write .bw_wrap .bw_box #provision_chk+label::before {content:"";display:block;width:18px;height:18px;
	background:url('/img/chk.png')no-repeat center/100%;margin-right:4px;}
.bugo_write .bw_wrap .bw_box #provision_chk:checked+label::before {
	background:url('/img/chk_on.png')no-repeat center/100%;}
.bugo_write .bw_wrap .bw_t2 {font-size:16px;font-weight:500;margin-bottom:4px;display:flex;align-items:center;
	justify-content:space-between;}
.bugo_write .bw_wrap .bw_t2 span {font-size:13px;color:#ff4848;}
.bugo_write .bw_wrap .bw_t2 button {font-size:12px;border:0;background:#c1af93;border-radius:100vw;padding:0 8px;
	line-height:20px;margin-left:6px;color:#fff;}
.bugo_write .bw_wrap .select_wrap {width:100%;height:42px;border:1px solid #e1e1e1;border-radius:6px;
	overflow:hidden;margin:4px 0;}
.bugo_write .bw_wrap .select_wrap select {display:block;width:100%;height:100%;border:0;padding:0 36px 0 8px;
	background-size:12px;}
.bugo_write .bw_wrap input {display:block;width:100%;height:42px;border:1px solid #e9e9e9;border-radius:8px;
	padding:0 10px;box-sizing:border-box;}
.bugo_write .bw_wrap textarea {display:block;width:100%;height:100px;border:1px solid #e9e9e9;border-radius:8px;
	resize:none;padding:6px 10px;box-sizing:border-box;}
.bugo_write .bw_wrap .time_box {display:flex;align-items:center;justify-content:center;font-size:15px;
	font-weight:500;}
.bugo_write .bw_wrap .time_box input {width:60px;margin:0 8px 0 18px;text-align:center;}
.bugo_write .write_ok {display:block;border:0;border-radius:8px;width:100%;line-height:46px;font-size:18px;
	font-weight:500;background:#e8e3db;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.bugo_write .write_ok:disabled {background:#ededed;}


/* 부고 작성목록 */
.bugo_record {margin:0 -16px;background:#f9f9f9;padding:26px 16px 0;min-height:calc(100vh - 200px);}
.bugo_record ul {margin:-24px 0 0;}
.bugo_record li {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
	padding:24px 0;border-bottom:1px dashed #ccc;}
.bugo_record li.empty {justify-content:center;font-size:18px;font-weight:500;color:#888;padding:80px 0;}
.bugo_record li:first-child {margin-top:0;}
.bugo_record li:last-child {margin-bottom:0;border-bottom:0;}
.bugo_record li .bugo_preview {display:block;padding:12px 18px;border-radius:12px;
	box-shadow:2px 2px 6px rgba(0,0,0,0.12);border:0;text-align:left;
	background:#fff;width:calc(100% - 36px);box-sizing:border-box;margin-bottom:10px;}
.bugo_record li .bugo_preview .flex.btw {align-items:center;margin-bottom:6px;}
.bugo_record li .bugo_preview .flex.btw p {font-size:18px;font-weight:500;}
.bugo_record li .bugo_preview .flex.btw span {font-size:14px;color:#555;}
.bugo_record li .bugo_preview .address {color:#666;}
.bugo_record li .bugo_del {display:block;width:24px;height:24px;border:0;margin-top:-10px;
	background:url('/img/close.png')no-repeat center/16px;}
.bugo_record li .btn_wrap {display:flex;justify-content:space-between;width:calc(100% - 36px);}
.bugo_record li .btn_wrap button {border:0;background:#c7b69b;color:#fff;width:48.5%;line-height:38px;
	border-radius:6px;font-size:16px;font-weight:500;}
.bugo_record li .btn_wrap .bugo_send {background:#8b8267;}
.preview_layer {position:fixed;top:49%;left:56vw;z-index:10;width:90%;
	transform:translateY(-50%);max-width:300px;margin-left:60px;display:none;}
.preview_wrap {background:#fff;border-radius:16px;overflow:hidden;padding-bottom:4px;
	margin-bottom:16px;box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.preview_wrap .bugo_thumb {width:100%;height:300px;position:relative;overflow:hidden;}
.preview_wrap .bugo_thumb img {width:100%;position:absolute;top:50%;left:50%;object-fit:cover;
	transform:translate(-50%,-50%);}
.preview_wrap .pl_t1 {font-size:14px;font-weight:500;line-height:32px;padding:0;
	margin:0 10px;border-bottom:1px solid #ebebeb;margin-bottom:6px;}
.preview_wrap .pl_flex {display:flex;align-items:center;letter-spacing:-0.2px;font-size:13px;
	padding:2px 10px;}
.preview_wrap .pl_flex span {color:#888;margin-right:8px;}
.preview_wrap .pl_t2 {padding:6px 10px;}
.preview_wrap .pl_gray {padding:6px 10px;color:#888;}
.preview_layer .btn_wrap {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%!important;}
.preview_layer .btn_wrap a {display:block;width:49%;line-height:38px;font-size:16px;
	font-weight:500;background:#c7b69b;text-align:center;border-radius:6px;margin-bottom:18px;color:#fff;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.preview_layer .btn_wrap .send {display:block;width:49%;line-height:38px;font-size:16px;
	font-weight:500;background:#8b8267;text-align:center;border-radius:6px;border:0;color:#fff;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);margin-bottom:18px;}
.preview_layer .btn_wrap .close {width:46px;height:46px;margin:0 auto;border-radius:100vw;
	background:#000000bf url('/img/bugo/close_w.png')no-repeat center/20px;border:0;}
.preview_layer .btn_wrap .close.send {background:#8b8267;width:49%;height:auto;margin:0 0 18px;
	border-radius:6px;}
.bugo_record .alert_layer {position:fixed;top:49%;left:56vw;z-index:10;width:90%;background:none;
	transform:translateY(-50%);max-width:300px;margin-left:60px;display:block;border-radius:0;}
.bugo_record .alert_layer div {background:#fff;border-radius:14px;padding:12px 16px;}
.bugo_record .alert_layer button {display:block;width:46px;height:46px;margin:14px auto 0;border:0;
	background:#000000bf url('/img/bugo/close_w.png')no-repeat center/20px;border-radius:100vw;}




/* 감사장만들기 리스트 */
.appreciation_list {margin:0 -16px;padding:0 16px;background:#f9f9f9;min-height:calc(100vh - 200px);}
.appreciation_list {padding-top:36px;}
.appreciation_list li {background:#fff;margin:36px 0;padding:18px 24px;border-radius:14px;border:1px solid #f1f1f1;
    box-shadow:0px 0px 6px rgb(0 0 0 / 5%);}
.appreciation_list li:first-child {margin-top:0;}
.appreciation_list li .flex.btw {}
.appreciation_list li .flex.btw p {font-size:16px;font-weight:500;}
.appreciation_list li .flex.btw a {display:block;line-height:28px;padding:0 16px;border-radius:100vw;background:#e5e5e5;
    font-size:13px;}
.appreciation_list li .sample_img {display:flex;justify-content:center;margin:16px 0 24px;}
.appreciation_list li .sample_img img {max-height:180px;border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,0.14);}
.appreciation_list li .write_btn {display:block;line-height:48px;text-align:center;font-size:18px;font-weight:500;
    border-radius:6px;background:#e8e3db;color:#333;}
.appreciation_list li  .preview_layer .view_appr {display:block;border:0;border-radius:6px;margin:6px 10px 4px;
	width:calc(100% - 20px);line-height:34px;text-align:center;font-size:13px;font-weight:500;color:#222;}
.appreciation_list li  .preview_layer .bugo_thumb {height:300px;}
.appreciation_list li  .preview_layer .bugo_thumb img {width:100%;height:110%;object-fit:cover;}


/* 감사장 자세히보기 */
.appreciation_view {position:relative;padding:180px 0;font-size:14px;line-height:24px;font-weight:500;color:#333;
	min-height:100vh;display:flex;align-items:center;}
.appreciation_view .art {padding:0 32px;width:calc(100% - 64px);}
.appreciation_view .appr_top {position:absolute;top:0;left:0;width:100%;height:160px;overflow:hidden;}
.appreciation_view .appr_bottom {position:absolute;bottom:0;right:0;width:100%;height:160px;overflow:hidden;}
.appreciation_view img {width:100%;}
.appreciation_view .appr_top img {position:absolute;top:0;left:0;}
.appreciation_view .appr_bottom img {position:absolute;bottom:0;right:0;}


/* 화환 리스트 */
.flower_list {}
.flower_list .inquiry {padding:0;background:#e8e3db;display:inline-block;padding:0 16px;
	line-height:32px;border-radius:6px;font-size:16px;font-weight:500;}
.flower_list_ul {margin:-12px 0 0;padding:0 32px;}
.flower_list_ul li {border-radius:14px;box-shadow:0 0 4px rgba(0,0,0,0.2);margin:28px 0;}
.flower_list_ul li a {display:block;padding:2px 16px 12px;}
.flower_list_ul .thumb_img {width:100%;height:240px;position:relative;margin-bottom:4px;}
.flower_list_ul .thumb_img img {display:block;margin:0 auto;}
.flower_list_ul .item_name {font-size:18px;font-weight:500;line-height:36px;}
.flower_list_ul .item_price {font-size:20px;font-weight:600;letter-spacing:-0.4px;}
.flower_list_ul .item_price .cost {font-size:15px;text-decoration:line-through;margin-left:6px;color:#ababab;
	font-weight:500;}


/* 화환 결제 페이지*/
.flower_payment {padding:14px 0 24px;}
.flower_payment .item_info {display:flex;justify-content:space-between;align-items:center;
	border-radius:14px;overflow:hidden;box-shadow:0 0 6px rgba(0,0,0,0.2);margin-bottom:14px;}
.flower_payment .item_info .thumb_img {width:120px;height:120px;position:relative;}
.flower_payment .item_info img {width:100%;height:100%;object-fit:cover;}
.flower_payment .item_info .right {width:calc(100% - 134px);}
.flower_payment .item_info .item_name {font-size:16px;font-weight:500;line-height:25px;}
.flower_payment .item_info .item_price {font-size:16px;font-weight:600;letter-spacing:-0.4px;line-height:25px;
	width:calc(100% - 14px);border-bottom:1px solid #e9e9e9;padding-bottom:8px;margin-bottom:8px;}
.flower_payment .item_info .item_price span {font-size:13px;font-weight:400;margin-left:4px;
	text-decoration:line-through;color:#ababab;}
.flower_payment .item_info .delivery_price {font-size:16px;font-weight:500;}
.flower_payment .fp_box {margin:0 -16px;padding:18px 16px;border-bottom:4px solid #ededed;}
.flower_payment .fp_box:nth-last-child(2) {border:0;}
.flower_payment .fp_box .fp_p1 {font-size:18px;font-weight:500;margin-bottom:12px;}
.flower_payment .fp_box .fp_art1 {font-size:15px;line-height:24px;}
.flower_payment .fp_box .fp_art1 span {display:block;color:#999;}
.flower_payment .fp_box input {border:1px solid #e1e1e1;border-radius:6px;width:100%;height:42px;padding:0 8px;
	box-sizing:border-box;margin:4px 0;}
.flower_payment .fp_box .ribbon {display:none;margin-top:8px;}
.flower_payment .fp_box .select_wrap {width:100%;height:42px;border:1px solid #e1e1e1;border-radius:6px;
	overflow:hidden;margin:4px 0;}
.flower_payment .fp_box .select_wrap select {display:block;width:100%;height:100%;border:0;padding:0 36px 0 8px;
	background-size:12px;}
.flower_payment .pay_btn {display:block;width:100%;font-size:18px;font-weight:600;line-height:46px;
	text-align:center;background:#dbd1c1;border-radius:6px;margin-top:18px;color:#573c11;}


/* 주문조회 */
.orderlist {}
.orderlist ul {margin:-16px 0 24px;}
.orderlist li {padding:12px 16px;border:1px solid #ededed;border-radius:14px;margin:16px 0;}
.orderlist li p {font-size:15px;display:flex;align-items:center;justify-content:space-between;
	padding:2px 0;color:#999;}
.orderlist li p span {font-weight:500;color:#333;}





/* 공지사항 */
.bugo_notice {min-height:calc(100vh - 200px);}
.bugo_notice ul {margin-bottom:28px;}
.bugo_notice li {border-bottom:1px solid #ededed;}
.bugo_notice li .cont {display:flex;line-height:26px;cursor:pointer;}
.bugo_notice li.top {display:flex;line-height:26px;text-align:center;border-bottom:2px solid #ddd;line-height:24px;}
.bugo_notice li.top p {font-size:16px;color:#888;line-height:36px;}
.bugo_notice li p {font-size:16px;color:#333;padding:0 6px;}
.bugo_notice .t1-p1 {width:calc(100% - 90px);font-size:16px;line-height:42px;overflow:hidden;text-overflow:ellipsis;
	white-space:nowrap;}
.bugo_notice .t1-p2 {width:90px;font-size:14px;text-align:center;line-height:42px;}
.notice_title {padding:0 16px;font-size:16px;font-weight:500;line-height:34px;margin-bottom:6px;}
.notice_art {padding:0 16px;font-size:14px;margin-bottom:16px;max-height:55vh;overflow:auto;}

/* 자주묻는 질문 */
.bugo_faq {min-height:calc(100vh - 212px);}
.bugo_faq ul {margin-bottom:28px;}
.bugo_faq li {border-radius:8px;padding:18px;margin:12px 0;
	box-shadow:1px 1px 6px rgba(0,0,0,0.14);}
.bugo_faq li p {display:flex;align-items:center;font-size:16px;font-weight:500;}
.bugo_faq li p::before {content:'';display:block;width:14px;height:8px;margin-right:12px;
	background:url('/img/bugo/down_g.png')no-repeat center/100%;transition:all .3s ease;}
.bugo_faq li p.active::before {transform:rotateZ(-180deg);}
.bugo_faq li span {display:block;font-size:15px;color:#666;font-weight:500;margin-top:12px;padding-left:26px;
	display:none;}







/* 푸터 */
footer.footer {position:static;height:auto;padding:0;border:0;box-shadow:none;padding:18px;margin:0 -16px;
	width:calc(100% + 32px);background:#f9f9f8;transform:none;}
footer.footer .f_logo {width:120px;height:46px;margin-bottom:16px;}
footer.footer .f_logo img {width:100%;height:100%;object-fit:cover;}
footer.footer ul {flex-wrap:wrap;margin:0 -10px;}
footer.footer ul li {width:auto;color:#333;font-size:12px;padding:2px 10px;position:relative;}
footer.footer ul li.bd-right::after {content:"";width:1px;height:12px;position:absolute;top:50%;right:0;
	margin-top:-6px;background:#d1d1d1;}
footer.footer .doip {background:#f9f9f9;padding:8px 14px;border-radius:8px;margin-bottom:14px;
	box-shadow:3px 3px 4px rgb(0 0 0 / 9%), -3px -3px 6px rgb(255 255 255 / 80%);display:block;}
footer.footer .doip_t {font-size:16px;font-weight:500;line-height:28px;color:#444;margin-bottom:6px;}
footer.footer .doip_a {font-size:18px;font-weight:500;line-height:28px;display:flex;align-items:center;
	justify-content:space-between;color:#0a0a0a;}
footer.footer .doip_a::before {content:'';width:calc(100% - 210px);height:32px;display:block;
	background:url('/img/bugo/red8_logo.png')no-repeat center/100%;}











@media (max-width:1200px) {
	#pc {display:none;}
    #mobile {left:50%;margin-left:-210px;}
	.rolldate-mask {left:50%!important;transform:translateX(-50%)!important;}
	.rolldate-panel {left:50%!important;transform:translateX(-50%)!important;}
	.preview_layer {left:50%;transform:translate(-50%,-50%);margin:0;}
	.bugo_record .alert_layer {left:50%;transform:translate(-50%,-50%);margin:0;}
}

@media (max-width:420px) {
	#mobile {left:50%;margin-left:-50vw;}
}