@charset "utf-8";
:root{
	--default-color:#716d6a;
	--white-color:#fff;
	--black-color:#000;
	--gray-color:#8d8986;
	--gray2-color:#d7d6d5;
	--gray2-alpha3-color:rgba(215,214,213,0.3);
	--gray3-color:#2a2828;
	--gray3-alpha5-color:rgba(42,40,40,0.05);
	--gray4-color:#2f2d2d;
	--gray4-alpha3-color:rgba(47,45,45,0.3);
	--gray5-color:#f8f7f7;
	--gray6-color:#121619;
	--gray7-color:#b5b2b0;
	--gray8-color:#e9e8e7;
	--gray9-color:#ede7e3;
	--gray10-color:#121315;
	--gray11-color:#f5f5ef;
	--gray12-color:#d6dbe1;
	--gray13-color:#242a34;
	--gray14-color:#716d6a;
	--gray15-color:#4f4c4a;
	--gray16-color:#f5f2ef;
	--gray17-color:#f0f0ef;
	--gray18-color:#f2f5fd;
	--gray19-color:#e1e6ec;
	--error-color:#eb5757;
	--blue-color:#5370d4;
	--blue1-color:#e7edf6;
	--blue2-color:#4186B1;
	--red-color:#ed2525;
	--pupple-color:#c26da2;
	--primary-color:#a6886e;
	--primary1-color:#856951;
	--primary2-color:#8D7661;
	--primary3-color:#e0d6cc;
	--primary4-color:#ad927a;
	--secondary-color:#d78455;
}

*,*::before,*::after{color:var(--default-color);}
html{font-size:10px;line-height:1.4;height:100vh;scroll-behavior: smooth;}
body{font-size:1.4rem;-webkit-touch-callout:none;}
#app{height:100%;}

/* 말줄임 - 한줄 */
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
/* .ellipsis{display:block;display:-webkit-box;overflow:hidden;white-space:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;} */

/* 말줄임 - 멀티 */
.multiline{position:relative;width:100%;max-height:4.2rem;margin:auto;overflow:hidden;text-align:justify;line-height:1.4;text-overflow:ellipsis;word-break:normal;word-wrap:normal;}
.multiline::before,.multiline::after{content:'...';position:absolute;top:3em;right:0;line-height:1;-ms-wrap-flow:start;} /* IE */
.multiline::after{background:currentColor;color:white;top:auto;}
@supports (-webkit-line-clamp:2){ /* 멀티라인이 2줄일 경우 */
	.multiline{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
	.multiline::before, .multiline::after{content:normal;}
}

/* PLACEHOLDER */
input,select,textarea{outline:none;}
::placeholder{font-size:1.6rem;color:var(--gray-color);line-height:1.4;}
::-webkit-input-placeholder{font-size:1.6rem;color:var(--gray-color);line-height:1.4;}
::-moz-placeholder{font-size:1.6rem;color:var(--gray-color);line-height:1.4;}
:-moz-placeholder{font-size:1.6rem;color:var(--gray-color);line-height:1.4;}
::-ms-input-placeholde{font-size:1.6rem;color:var(--gray-color);line-height:1.4;}
:-ms-input-placeholder{font-size:1.6rem;color:var(--gray-color);line-height:1.4;}

.ui-group.small ::placeholder{font-size:1.4rem;color:var(--gray-color);line-height:1.4;}
.ui-group.small ::-webkit-input-placeholder{font-size:1.4rem;color:var(--gray-color);line-height:1.4;}
.ui-group.small ::-moz-placeholder{font-size:1.4rem;color:var(--gray-color);line-height:1.4;}
.ui-group.small :-moz-placeholder{font-size:1.4rem;color:var(--gray-color);line-height:1.4;}
.ui-group.small ::-ms-input-placeholde{font-size:1.4rem;color:var(--gray-color);line-height:1.4;}
.ui-group.small :-ms-input-placeholder{font-size:1.4rem;color:var(--gray-color);line-height:1.4;}

/* INPUT IE9이하 */
input:clear,
input:-ms-clear,
input:-ms-reveal,
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;-webkit-appearance:none;-moz-appearance:none;}
input::-ms-clear{display:none;}/*ie11*/
select::-ms-expand{display:none;}/*ie11*/
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
textarea{resize:none;}

/* DISPLAY */
.flex{display:flex!important;}
.flex-wrap{display:flex!important;flex-wrap:wrap!important;}
.inline-flex{display:inline-flex!important;}
.block{display:block!important;}
.inline-block{display:inline-block!important;}
.inline{display:inline;}
.none{display:none!important;}
.relative{position:relative!important;}
.hidden{overflow:hidden!important;}
.visible{overflow:visible!important;}
.justify-end{justify-content:flex-end!important;}
.justify-start{justify-content:flex-start!important;}
.justify-center{justify-content:center!important;}
.justify-between{justify-content:space-between!important;}
.align-start{align-items:flex-start!important;}
.align-center{align-items:center!important;}
.align-end{align-items:flex-end!important;}
.flex-none{flex:none!important;}
.scroll-auto{overflow:auto;-webkit-overflow-scrolling:touch;}

/* COLUMN */
.col-1 {width:8.3%!important;}
.col-2 {width:16.6%!important;}
.col-3 {width:24.9%!important;}
.col-4 {width:33.2%!important;}
.col-5 {width:41.5%!important;}
.col-6 {width:49.8%!important;}
.col-7 {width:58.1%!important;}
.col-8 {width:66.4%!important;}
.col-9 {width:74.7%!important;}
.col-10 {width:83%!important;}
.col-11 {width:91.3%!important;}
.col-12 {width:100%!important;}
.col-auto{width:auto!important;}

/* RADIUS */
.radius12{border-radius:1.2rem!important;}

/* MARGIN, PADDING */
.pdt-0{padding-top:0;}
.pdt-8{padding-top:0.8rem;}
.pdt-10{padding-top:1rem;}
.pdt-16{padding-top:1.6rem;}
.pdt-24{padding-top:2.4rem;}
.pdt-32{padding-top:3.2rem;}
.pdb-0{padding-bottom:0!important;}

.mgt-4{margin-top:0.4rem;}
.mgt-8{margin-top:0.8rem;}
.mgt-10{margin-top:1rem;}
.mgt-16{margin-top:1.6rem;}
.mgt-20{margin-top:2rem;}
.mgt-24{margin-top:2.4rem;}
.mgt-32{margin-top:3.2rem;}

.mgl-8{margin-left:0.8rem;}

/* FONT-WEIGHT */
.font-normal{font-weight:normal!important;}
.font-weight-300{font-weight:300!important;}
.font-weight-400{font-weight:400!important;}
.font-weight-500{font-weight:500!important;}
.font-weight-600{font-weight:600!important;}
.font-weight-700{font-weight:700!important;}

/* FONT-SIZE */
.font-14{font-size:1.4rem!important;}
.font-16{font-size:1.6rem!important;}

/* WIDTH, HEIGHT */
.h100{height:100%!important;}
.h100vh{height:100vh!important;}
.h32{height:3.2rem;}
.h48{height:4.8rem;}
.h-auto{height:auto!important;}

/* TEXT ALIGN */
.text-left{text-align:left !important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}

/* TEXT UNDERLINE */
.text-under{text-decoration:underline;}

/* COLOR */
.bg-gray5{background-color:var(--gray5-color)!important;}

/* 숨김 텍스트 */
.blind{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip:rect(1px 1px 1px 1px);word-break:initial;word-wrap:initial;}
.hr{padding-top:2.4rem;padding-bottom:2.4rem;}
.hr::before{content:"";display:block;height:0.8rem;margin-left:-2rem;margin-right:-2rem;background-color:var(--gray5-color);}

/* WRAPPER, CONTAINER */
.wrapper{width:100%;height:100%;min-height:100%;}
.container{width:100%;overflow-x:hidden;}

/* HEADER */
.header{position:fixed;z-index:1000;left:0;top:0;width:100%;background-color:#fff;}
.header-group{display:flex;width:100%;position:relative;padding-left:2rem;padding-right:2rem;height:4.9rem;height:calc(constant(safe-area-inset-top) + 4.9rem);height:calc(env(safe-area-inset-top) + 4.9rem);padding-top:0;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);}
.header-heading{display:flex;justify-content:flex-start;align-items:center;flex:1;}
.header-body{display:flex;align-items:center;}
.header-body .btn+.btn{margin-left:1.6rem;}
.header-body .btn-close{position:absolute;right:1.7rem;top:1.1rem;top:calc(constant(safe-area-inset-top) + 1.1rem);top:calc(env(safe-area-inset-top) + 1.1rem);z-index:2500;width:3rem;height:3rem;background:url(../ui_images/ico/ico_close.png)no-repeat center center/2.4rem auto;}
.main .header{background-color:transparent;}
.main .header .h2{font-family:'OneShinhan';font-weight:500;margin-left:2rem;}
/* .header.type2 .header-group{padding-bottom:1.6rem;} */
.login-info-group{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-radius:1.2rem;margin-top:1.6rem;margin-left:1.6rem;margin-right:1.6rem;background-color:var(--gray11-color);}
.login-info-heading .status{font-size:1.2rem;color:var(--gray15-color);}
.swiper-anchor{position:relative;width:calc(100% - 6rem);padding-bottom:0.8rem;margin-left:2rem;margin-top:2.4rem;}
.swiper-anchor.no-extend{width:calc(100% - 4rem);}
.swiper-anchor::after{content:"";position:absolute;z-index:9;top:0;right:-4rem;display:block;width:4rem;height:4rem;background-color:var(--white-color);}
.swiper-anchor .swiper-group.wrap .swiper-wrapper{flex-wrap:wrap;gap:8px 0;}
.swiper-anchor .swiper-group.wrap .swiper-wrapper li{margin-right:0.8rem;}
.swiper-anchor .swiper-slide:last-child{margin-right:4rem}
.swiper-anchor .btn-extend{position:absolute;z-index:10;top:0;right:-2.4rem;background:url(../ui_images/ico/ico_extend.png)no-repeat center center/100% auto; box-shadow:0 0 2rem var(--white-color),0 0 3rem var(--white-color),0 0 3rem var(--white-color);transition:all 0.3s;}
.swiper-anchor .btn-extend.on{transform:rotate(180deg);}
.swiper-anchor .swiper-notification{display:none;}

/* HEADDING */
.h1.title{font-family:"OneShinhan";font-size:1.6rem;font-weight:500;color:var(--gray6-color);}/*상단 메뉴 명에 사용*/
.home .h1.title{font-family:"OneShinhan";font-size:1.6rem;font-weight:500;color:var(--gray6-color);}
.h1{font-size:2.8rem;font-weight:700;color:var(--gray10-color);}
.h2{font-size:2.4rem;font-weight:700;color:var(--gray10-color);}
.h3{font-size:2.2rem;font-weight:700;color:var(--gray10-color);}
.h4{font-size:2rem;font-weight:700;color:var(--gray10-color);}
.h5{font-size:1.8rem;font-weight:700;color:var(--gray10-color);}
.h6{font-size:1.6rem;font-weight:700;color:var(--gray10-color);}

/* FONT */
.font16{font-size:1.6rem;}

/* NAV */
.nav-group{position:fixed;left:0;bottom:0;width:100%;padding-top:0.4rem;padding-bottom:0.4rem;padding-bottom:calc(constant(safe-area-inset-bottom) + 0.4rem);padding-bottom:calc(env(safe-area-inset-bottom) + 0.4rem);background-color:var(--white-color);}
.nav-lists-group{display:flex;justify-content:space-between;}
.nav-lists-group li{display:flex;justify-content:center;width:20%;}

/* BUTTON */
button,a{position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0.05);}
.btn-group{position:relative;}
.btn-group[class*="mix-"]{display:flex;align-items:center;}
.btn-group[class*="mix-"] .btn+.btn{margin-left:0.9rem;}
.btn-group[class*="mix-"] .btn{flex:1;}
.btn-group.mix-less .btn:nth-of-type(1){width:35%;flex:initial;}
[class*="btn-"] span{word-break:keep-all;}
[class*="btn-"].small{height:3.2rem;padding:0 0.8rem;border-radius:0.6rem;}
[class*="btn-"].small span{font-size:1.4rem;}
[class*="btn-"].xsmall{height:2.4rem;padding:0 0.8rem;border-radius:0.4rem;}
[class*="btn-"].xsmall span{font-size:1.3rem;}
[class*="btn-"].medium{height:4rem;padding:0 1.6rem;border-radius:0.8rem;}
[class*="btn-"].medium span{font-size:1.6rem;}
[class*="btn-"].large{height:4.8rem;}
[class*="btn-"].large span{font-size:1.6rem;}
.btn-primary{display:flex;justify-content:center;align-items:center;width:100%;height:5.6rem;padding:0 2.8rem;border-radius:1.2rem;background-color:var(--gray3-color);text-align:center;}
.btn-primary span{font-size:2rem;font-weight:600;color:var(--white-color);line-height:1;}
.btn-primary:disabled{background-color:var(--gray8-color);}
.btn-primary:disabled span{color:var(--gray-color);}
.btn-secondary{display:flex;justify-content:center;align-items:center;width:100%;height:5.6rem;padding:0 2.8rem;border-radius:1.2rem;background-color:var(--gray9-color);text-align:center;}
.btn-secondary span{font-size:2rem;font-weight:600;color:var(--gray3-color);line-height:1;}
.btn-secondary:disabled{background-color:var(--gray8-color);}
.btn-secondary:disabled span{color:var(--gray4-color);}
.btn-teritory{display:flex;justify-content:center;align-items:center;width:100%;height:4.8rem;padding:0 1.2rem; border-radius:0.8rem;border:0.1rem solid var(--gray3-color);background-color:var(--white-color);}
.btn-teritory span{font-size:1.6rem;color:var(--gray4-color);line-height:1;}
.btn-teritory:disabled{background-color:var(--gray8-color);border:none;}
.btn-teritory:disabled span{color:var(--gray7-color)}
.btn-teritory.medium{height:4rem;padding:0 0.8rem;}
.btn-teritory.medium span{font-size:1.4rem;}
.btn-teritory.small{height:3.2rem;padding:0 0.8rem;border-radius:0.6rem;}
.btn-teritory.small span{font-size:1.4rem;}
.btn-teritory.xsmall{height:2.4rem;padding:0 0.8rem;border-radius:0.4rem;}
.btn-teritory.xsmall span{font-size:1.3rem;}
.btn-quaternary{display:flex;justify-content:center;align-items:center;width:100%;height:4.8rem;padding:0 1.2rem;border-radius:0.8rem;background-color:var(--gray9-color);}
.btn-quaternary span{font-size:1.6rem;font-weight:600;color:var(--primary-color);line-height:1;}
.btn-quaternary:disabled{opacity:0.5;}
.btn-quinary{display:flex;justify-content:center;align-items:center;width:100%;height:4.8rem;padding:0 1.2rem;border-radius:0.8rem;border:0.1rem solid var(--gray7-color);background-color:var(--white-color);}
.btn-quinary span{font-size:1.6rem;color:var(--gray4-color);line-height:1;}
.btn-quinary:disabled{background-color:var(--gray8-color);border:none;}
.btn-quinary:disabled span{color:var(--gray7-color)}
.btn-senary{display:flex;justify-content:center;align-items:center;width:100%;height:4.8rem;padding:0 1.2rem;border-radius:0.8rem;background-color:var(--gray8-color);}
.btn-senary span{font-size:1.6rem;color:var(--gray3-color);line-height:1;}
.btn-senary:disabled{background-color:var(--gray8-color);border:none;}
.btn-senary:disabled span{color:var(--gray7-color)}
.btn-septenary{display:flex;justify-content:center;align-items:center;width:100%;height:4.8rem;padding:0 1.2rem;border-radius:0.8rem;background-color:var(--gray9-color);}
.btn-septenary span{font-size:1.6rem;color:var(--primary-color);line-height:1;}
.btn-septenary:disabled{background-color:var(--gray8-color);border:none;}
.btn-septenary:disabled span{color:var(--gray7-color);}
.btn-octonary{display:flex;justify-content:center;align-items:center;width:100%;height:4.8rem;padding:0 1.2rem;border-radius:0.8rem;border:0.1rem solid var(--gray2-color);background-color:var(--white-color);}
.btn-octonary span{font-size:1.6rem;color:var(--gray4-color);line-height:1;}
.btn-octonary.medium span{font-size:1.4rem;}
.btn-octonary.large{height:5.6rem;}
.btn-octonary:disabled{background-color:var(--gray8-color);border:none;}
.btn-octonary:disabled span{color:var(--gray7-color)}
.btn-nonary{display:flex;justify-content:center;align-items:center;width:100%;height:4.8rem;padding:0 1.2rem;border-radius:0.8rem;background-color:var(--gray11-color);}
.btn-nonary span{font-size:1.6rem;color:var(--primary1-color);line-height:1;}
.btn-nonary.medium span{font-size:1.4rem;}
.btn-nonary:disabled{background-color:var(--gray8-color);border:none;}
.btn-nonary:disabled span{color:var(--gray7-color)}
.btn-select{width:100%;height:5.4rem;padding:0 2.4rem 0 1.6rem;background:url(../ui_images/ico/ico_select_arrow.png) no-repeat right center/2.4rem auto;text-align:left;}
.btn-select.underline{height:4.8rem;padding:0;border-bottom:0.1rem solid var(--gray2-color);}
.btn-group.focused .btn-select.underline{border-color:var(--gray3-color)}
.btn-select span{font-size:1.6rem;}
.btn-select.type2{height:2.4rem;padding-left:0;background:url(../ui_images/ico/ico_select_arrow2.png) no-repeat right center/2.4rem auto;}
.btn-select.type2 span{font-family:"OneShinhan";font-weight:500;color:var(--gray3-color);}
.btn.icon-left-plus::before{content:"";display:block;width:1.2rem;height:1.2rem;margin-right:0.4rem;background:url(../ui_images/ico/ico_plus.png)no-repeat center center/1.2rem auto;}
.btn.icon-left-arrow::before{content:"";transform:rotate(180deg);display:block;width:1.6rem;height:1.6rem;margin-right:0.4rem;background:url(../ui_images/ico/ico_right_arrow_small.png)no-repeat center center/1.2rem auto;}
.btn.icon-right-arrow::after{content:"";display:block;width:1.6rem;height:1.6rem;margin-left:0.4rem;background:url(../ui_images/ico/ico_right_arrow_small.png)no-repeat center center/1.2rem auto;}
.btn-text{display:flex;justify-content:center;align-items:center;height:2rem;}
.btn-text span{line-height:1;}
.btn-text.large{height:2.4rem;}
.btn-text.large span{font-size:1.6rem;}
.btn-underline{display:flex;justify-content:center;align-items:center;height:2.4rem;}
.btn-underline span{border-bottom:0.1rem solid var(--gray3-color);color:var(--gray3-color);}
.btn-underline.large span{height:2.4rem;font-size:1.6rem;}
.btn-underline.blue span{border-color:var(--blue-color);color:var(--blue-color);}
.btn-back{width:3.2rem;height:3.2rem;margin-left:-0.9rem;background:url(../ui_images/ico/ico_back.png)no-repeat center center/3.2rem auto;}
.btn-chatbot{width:3.2rem;height:3.2rem;background:url(../ui_images/ico/ico_chatbot.png)no-repeat center center/3.2rem auto;}
.btn-profile{width:3.2rem;height:3.2rem;background:url(../ui_images/ico/ico_profile.png)no-repeat center center/3.2rem auto;}
.btn-alarm{width:3.2rem;height:3.2rem;background:url(../ui_images/ico/ico_alarm.png)no-repeat center center/3.2rem auto;}
.btn-home{width:3.2rem;height:3.2rem;background:url(../ui_images/ico/ico_home.png)no-repeat center center/3.2rem auto;}
.btn-setting{width:3.2rem;height:3.2rem;background:url(../ui_images/ico/ico_setting.png)no-repeat center center/3.2rem auto;}
.btn-share{width:3.2rem;height:3.2rem;background:url(../ui_images/ico/ico_share.png)no-repeat center center/3.2rem auto;}
.btn-delete{display:none;width:3rem;height:3rem;margin-right:1.1rem;margin-left:0.5rem; background:url(../ui_images/ico/ico_delete.png)no-repeat center center/2rem auto;}
.mix-search .btn-delete{margin-right:0;}
.btn-link-list{display:flex;justify-content:space-between;align-items:center;}
.btn-link-list::after{content:"";display:block;width:1.2rem;height:1.2rem;background:url(../ui_images/ico/ico_arrow_link2.png)no-repeat center center/100% auto;}
.btn-link-list span{font-size:1.6rem;color:var(--gray10-color);font-weight:600;}
.btn-dots{width:2.4rem;height:2.4rem;background:url(../ui_images/ico/ico_dots.png)no-repeat center center/100% auto;}
.btn-search{width:3rem;height:3rem;margin-right:1.1rem;background:url(../ui_images/ico/ico_search2.png)no-repeat center center/2.4rem auto;}
.ui-group .btn-search{margin-right:0.9rem;}
.btn-calendar{width:3rem;height:3rem;margin-right:1.3rem;background:url(../ui_images/ico/ico_calendar.png)no-repeat center center/2.4rem auto;}
.btn-pray{width:100%;padding:2rem;border-radius:1.2rem;border:1px solid var(--gray2-color);box-shadow:0 0.4rem 2rem rgba(0,0,0,0.06);}
.btn-pray .pray-list-heading{display:flex;justify-content:space-between;}
.pray-list-heading .flag{display:flex;align-items:center;height:2rem;padding:0 0.6rem;border-radius:0.2rem;border:0.1rem solid var(--primary-color);font-size:1.2rem;color:var(--primary-color);line-height:1;}
.pray-list-heading .flag.live{border-color:var(--blue-color);color:var(--blue-color)}
.pray-list-heading .flag.secondary{border-color:var(--secondary-color);color:var(--secondary-color);}
.pray-list-heading .status-live{display:flex;align-items:center;height:2rem;padding:0 0.8rem;border-radius:1rem;background-color:var(--red-color);font-size:1.3rem;line-height:1;color:var(--white-color)}
.pray-list-heading+.pray-list-body{margin-top:0.8rem;}
.pray-list-body .title{font-size:1.8rem;font-weight:600;color:var(--gray6-color);}
.pray-list-body .title+.name{margin-top:0.2rem;}
.pray-list-body .detail{margin-top:0.2rem;}
.pray-list-body+.pray-list-footer{margin-top:1.6rem;}
.pray-list-footer .ui-dl{display:flex;flex-wrap:wrap;}
.pray-list-footer .ui-dl>*{display:flex;align-items:center;width:50%;}
.pray-list-footer .ui-dl dd{justify-content:flex-end;}
.pray-list-footer .ui-dl dt:nth-child(n+2){margin-top:0.8rem;}
.pray-list-footer .ui-dl dd:nth-child(n+3){margin-top:0.8rem;}
.pray-list-footer .name{font-size:1.6rem;font-weight:600;color:var(--gray3-color);}
.btn-list{display:flex;align-items:center;width:100%;height:5.5rem;padding:0 5.2rem 0 2rem;text-align:left;}
.btn-list.line{position:relative;}
.btn-list.line::after{content:"";position:absolute;left:2rem;bottom:0;display:block;width:calc(100% - 4rem);height:0.1rem;background-color:var(--blue1-color);}
.btn-list span{font-size:1.6rem;color:var(--gray4-color);line-height:1;}
.btn-list.on{background:var(--gray11-color) url(../ui_images/ico/ico_list_on.png) no-repeat right 2rem center/2.4rem auto;}
.btn-list.on span{color:var(--primary1-color);font-weight:600;}
.btn-accordion-arrow{position:relative;}
.btn-accordion-arrow{content:"";position:absolute;right:0;top:0;display:block;width:2.4rem;height:2.4rem;background:url(../ui_images/ico/ico_accordion_arrow.png) no-repeat center center/1.2rem auto;}
.btn-accordion-arrow[aria-expanded="false"]{transform:rotate(-180deg);}
.btn-link-search{display:flex;align-items:center;width:100%;height:5.6rem;padding:0 4.8rem 0 1.6rem;border:0.1rem solid var(--gray2-color);border-radius:1.2rem;background-color:var(--white-color);}
.btn-link-search span{font-size:1.6rem;color:var(--gray-color);line-height:1;}
.btn-link-search::after{content:"";position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);display:block;width:2.4rem;height:2.4rem;background:url(../ui_images/ico/ico_search2.png)no-repeat center center/100% auto;}
.btn-user{display:flex;align-items:center;font-size:2rem;font-weight:600;color:var(--gray6-color);}
.btn-user span{font-size:2rem;font-weight:600;color:var(--gray6-color);}
.btn-user::after{content:"";display:block;width:1.2rem;height:1.2rem;background:url(../ui_images/ico/ico_arrow_link.png)no-repeat center center/100% auto;}
.btn-extend{width:3.2rem;height:3.2rem;border-radius:50%;background-color:var(--gray5-color);}
.btn-quick-link{display:flex;justify-content:space-between; align-items:center;height:6.4rem;padding-left:2rem;padding-right:2.6rem;border-radius:1.2rem;background-color:var(--white-color);}
.btn-quick-link::after{content:"";display:block;width:1.2rem;height:1.2rem;background:url(../ui_images/ico/ico_right_arrow_small.png)no-repeat center center/100% auto;}
.btn-quick-link span{font-size:1.6rem;font-weight:600;color:var(--gray4-color)}
.btn-member-picture{width:7.2rem;height:9.6rem;background:var(--gray9-color) url(../ui_images/ico/ico_picture_man.png)no-repeat center center/4.2rem auto;;border-radius:0.4rem;overflow:hidden;}
.btn-member-picture img{width:100%;height:100%;}
.btn-input{width:100%;height:4.8rem;border-bottom:0.1rem solid var(--gray2-color);text-align:left}
.btn-input span{font-size:1.6rem;}
.btn-moneny{padding:0.6rem 0.8rem;border-radius:0.8rem;background-color:var(--gray16-color);}
.btn-moneny span{font-size:1.4rem;color:var(--primary1-color);line-height:2rem;}
.btn-select-home span{font-family:'OneShinhan';font-size:2rem;font-weight:700;color:var(--gray10-color);margin-right:1rem;}
.btn-select-home{padding-left:0;}
/* .btn:active{background:#000;opacity:0.1;} */

/* COMPONENT */
/* UI-GROUP COMMON*/
.ui-input-mix2{display:flex;align-items:center;}
.ui-group{position:relative;display:flex;align-items:center;border:0.1rem solid var(--gray2-color);border-radius:1.2rem;background-color:var(--white-color);}
.ui-group.no-line{border-radius:0;border:none;background-color:transparent;}
.ui-group.underline{border-radius:0;border:none;border-bottom:0.1rem solid var(--gray2-color);}
.ui-group.underline input{height:4.7rem;padding:0;}
.ui-group input,
.ui-group select{font-size:1.6rem;}
.ui-group.focused{border-color:var(--gray3-color);}
.ui-group.error{border-color:var(--error-color);}
.ui-group.selected .ui-select{color:var(--gray4-color)!important;}
.ui-group.disabled,
.ui-group.readonly{border-color:var(--gray2-color);background-color:var(--gray5-color);}
.ui-group .ui-input:disabled~.btn-delete,
.ui-group .ui-input:read-only~.btn-delete{display:none!important;}
.ui-group+.message-group{margin-top:0.4rem;}
.ui-group .jumin-left,
.ui-group .jumin-right{display:flex;align-items:center;border:none;background-color:transparent;}
.ui-group.disabled *{color:var(--gray-color)}
.ui-group.small{border-radius:0.4rem;}
.ui-group.small .ui-input{height:3.6rem;font-size:1.4rem;padding-left:1.4rem;}
.ui-group.small .ui-select{height:3.6rem;font-size:1.4rem;padding-left:1.4rem;padding-right:5rem}
.money-group .ui-group .ui-input{height:2.4rem;}
.money-group .hidden-money{position:absolute;left:0;top:0;height:0;font-size:1.6rem;overflow:hidden;}
.money-group .ui-group{justify-content:flex-end;height:4.8rem;}
.money-group .ui-group.on .ui-input{position:absolute;left:0;top:0;}
.money-group .ui-group .money-text{position:absolute;left:0;bottom:0;display:none;height:2rem;font-size:1.2rem;color:var(--gray-color);line-height:2rem;}
.money-group .ui-group .hidden-won{position:absolute;left:0;top:0.1rem;display:none;height:2.4rem;padding-left:0.2rem;font-size:1.6rem;color:var(--gray4-color);line-height:2.4rem;}
.money-group .ui-group.on .money-text{display:block;}
.money-group .ui-group.on .hidden-won{display:block;}
.money-group .ui-group+.btn-group{margin-top:0.8rem;}
.money-group .money-btns{display:flex;align-items:center;}
.money-group .money-btns .btn+.btn{margin-left:1.6rem;}

/* UI-GROUP MIX */
.ui-group.readonly .ui-select{opacity:1;color:var(--gray4-color)!important;}
.ui-group.mix-jumin{display:flex;}
.ui-group.mix-button [class*="btn-"].small,
.ui-group.mix-mobile [class*="btn-"].small{margin-right:1.6rem;line-height:1;}
.ui-group.mix-button .btn-delete,
.ui-group.mix-mobile .btn-delete{margin-right:0.5rem;}
.ui-group.mix-mobile .btn-select{width:13rem;}
.ui-group.mix-time .time{margin-right:1.8rem;color:var(--gray4-color);line-height:1;color:var(--gray4-color);}
.ui-group.mix-time .btn-delete{margin-right:0.7rem;}
.ui-group.mix-time .icon-complete{display:none;}
.ui-group.mix-time.complete .time,
.ui-group.mix-time.disabled .time,
.ui-group.mix-time.readonly .time{display:none;}
.ui-group.mix-time.complete .icon-complete,
.ui-group.mix-time.disabled .icon-complete,
.ui-group.mix-time.readonly .icon-complete{display:block;}
.ui-group.mix-time.complete .btn-delete,
.ui-group.mix-time.disabled .btn-delete,
.ui-group.mix-time.readonly .btn-delete{display:none!important;}
.ui-group.mix-certification .ui-input{flex:1;padding-right:3.8rem;}
.ui-group.mix-certification .btn-delete{right:13.8rem;}
.ui-group.mix-certification .ui-input{padding-right:0;}
.ui-group.mix-certification .btn-delete{position:relative;transform:initial;top:initial;right:initial;margin:0 0.2rem;}
.ui-group.mix-certification .icon-complete{display:none;position:relative;top:initial;right:initial;transform:initial;margin-right:0.3rem;}
.ui-group.mix-certification.complete .icon-complete{display:block;}
.ui-group.mix-certification [class*="btn-"].small{position:relative;margin-right:1.6rem;word-break:keep-all;}
.ui-group.mix-certification .time{margin-right:0.8rem;color:var(--gray4-color);line-height:1;}
.ui-group.mix-jumin .dash{display:flex;justify-content:center;align-items:center;width:1.2rem;}
.ui-group.mix-jumin .dash::before{content:"";display:block;width:0.8rem;height:0.2rem;background-color:var(--gray3-color);}
.ui-group.mix-jumin>[class*="jumin-"]{position:relative;width:calc(50% - 0.6rem);flex:1;}
.ui-group.mix-jumin .jumin-right.one .ui-input{flex:initial;width:3.2rem;padding-right:0;}
.ui-group.mix-jumin .jumin-right{display:flex;align-items:center;}
.ui-group.mix-jumin .circle-group{flex:1;display:flex;margin-bottom:0.1rem;}
.ui-group.mix-jumin .circle-group .circle{width:1.2rem;height:1.2rem;border-radius:50%;background-color:var(--gray4-color);}
.ui-group.mix-jumin .circle-group .circle+.circle{margin-left:0.2rem;}
.ui-group.mix-mobile .ui-select{width:14rem;padding-right:3rem;background-position:right 1rem center;}
.ui-group.mix-mobile .ui-input{flex:1;padding-left:0;}

/* SELECT */
.ui-select{width:100%;height:5.6rem;padding:0 4.8rem 0 1.6rem;background:url(../ui_images/ico/ico_select_arrow.png) no-repeat right 1.6rem center/2.4rem auto;color:var(--gray-color);line-height:1;}
.ui-group.small .ui-select{padding:0 4.8rem 0 1.4rem;background:url(../ui_images/ico/ico_select_arrow.png) no-repeat right 1.6rem center/2.2rem auto;}

/* INPUT : TEXT, PASSWORD */
.ui-input{flex:1;width:100%;height:5.4rem;padding:0 0.2rem 0 1.6rem;background-color:transparent;color:var(--gray4-color);line-height:1;}
.ui-input.small{height:3.6rem;}

/* TEXT AREA */
.ui-textarea{width:100%;padding:1.2rem 1.6rem;background-color:transparent;font-size:1.6rem;}
.ui-group .ui-textarea{padding:1.2rem 1.4rem;font-size:1.4rem;}
/* INPUT : CHECKBOX, RADIO - COMMON */
.lists-group:not([class*="flex"]) li+li{margin-top:0.8rem;}
.lists-group.flex li+li{margin-left:2rem;}
.lists-group[class*="divide"] .check-group .ui-radio+.ui-label,
.lists-group[class*="divide"] .radio-group .ui-radio+.ui-label{min-width:initial;width:100%;}
.lists-group.divide2 li{width:calc(50% - 0.8rem);}
.lists-group.divide2 li+li{margin-left:0.8rem;}
.lists-group.divide2 li:nth-child(2n+1){margin-left:0;}
.lists-group.divide2 li:nth-child(n+3){margin-top:0.8rem;}
.lists-group.divide3 li{width:calc(33.333% - 0.8rem);}
.lists-group.divide3 li+li{margin-left:0.8rem;}
.lists-group.divide3 li:nth-child(3n+1){margin-left:0;}
.lists-group.divide3 li:nth-child(n+4){margin-top:0.8rem;}
.lists-group.divide4 li{width:calc(25% - 0.8rem);}
.lists-group.divide4 li+li{margin-left:0.8rem;}
.lists-group.divide4 li:nth-child(4n+1){margin-left:0;}
.lists-group.divide4 li:nth-child(n+5){margin-top:0.8rem;}

/* LABLE GROUP */
.label-group .ui-label{font-size:1.6rem;font-weight:600;color:var(--gray10-color);}
.label-group .ui-label+.ui-group{margin-top:0.8rem;}

/* UI LABEL GROUP */
.ui-label-group{display:flex;align-items:center;}
.ui-label-group.type1{align-items:flex-start;}
.ui-label-group.type1 .label-heading{padding-top:1.2rem;}
.ui-label-group .label-heading{width:6.4rem;}
.ui-label-group .label-heading .ui-label{font-size:1.6rem;}
.ui-label-group .label-heading+.label-body{margin-left:1.6rem;}
.ui-label-group .label-body{flex:1;}

/* INPUT : CHKECKBOX */
.check-group{position:relative;display:inline-block;width:auto;}
.check-group.no-text .ui-checkbox+.ui-label{padding-left:2.4rem;}
input[type="checkbox"].ui-checkbox{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip:rect(1px 1px 1px 1px);word-break:initial;word-wrap:initial;}
.ui-checkbox+.ui-label{display:flex;align-items:center;min-height:2.4rem;padding-left:3.2rem;}
.ui-checkbox+.ui-label span{padding-top:0.1rem;font-size:1.6rem;}
.ui-checkbox+.ui-label::before{content:"";position:absolute;left:0;top:0;display:block;width:2.4rem;height:2.4rem;background:url(../ui_images/ico/ico_checkbox.png)no-repeat center center/2.4rem auto;}
.ui-checkbox:checked+.ui-label::before{background-image:url(../ui_images/ico/ico_checkbox_on.png);}
.ui-checkbox:disabled+.ui-label::before{opacity:0.3;}
.check-group.right-side .ui-label{padding-right:3.2rem;padding-left:0;}
.check-group.right-side .ui-label::before{right:0;left:initial;}
.check-group[class*="mix-button"] label{width:calc(100% - 2.4rem);}
.check-group[class*="mix-button"] .btn-arrow{position:absolute;right:0;top:0;width:2.4rem;height:2.4rem;background:url(../ui_images/ico/ico_link_arrow.png)no-repeat center center/1.2rem auto;}
.check-group[class*="mix-button"] .ui-checkbox+.ui-label span{padding-top:0;font-weight:600;font-size:1.8rem;color:var(--gray4-color);}
.check-group.mix-button2 .ui-checkbox+.ui-label{padding-left:2.8rem;}
.check-group.mix-button2 .ui-checkbox+.ui-label::before{top:0;background-image:url(../ui_images/ico/ico_checkbox2.png);}
.check-group.mix-button2 .ui-checkbox:checked+.ui-label::before{top:0;background-image:url(../ui_images/ico/ico_checkbox2_on.png);}
.check-group.mix-button2 .ui-checkbox+.ui-label span{padding-top:0.1rem;font-weight:400;font-size:1.6rem;color:var(--gray3-color);}
.check-group[class*="toggle"] .ui-checkbox+.ui-label{width:4.6rem;height:2.4rem;border-radius:1.2rem;background-color:var(--gray7-color);}
.check-group[class*="toggle"] .ui-checkbox+.ui-label::before{display:none;}
.check-group[class*="toggle"] .ui-checkbox+.ui-label::after{content:"";position:absolute;left:0.1rem;top:0.1rem;display:block;width:2.2rem;height:2.2rem;border-radius:50%;background-color:var(--white-color);transition:all 0.2s ease-out}
.check-group[class*="toggle"] .ui-checkbox:checked+.ui-label{background-color:var(--primary-color);}
.check-group[class*="toggle"] .ui-checkbox:checked+.ui-label::after{left:calc(100% - 2.3rem);}
.check-group.toggle-text .ui-checkbox+.ui-label{width:5.2rem;}
.check-group.toggle-text .ui-checkbox+.ui-label span{position:absolute;top:50%;left:calc(100% - 2.7rem);transform:translateY(-50%);line-height:1;font-size:1.1rem;color:var(--white-color);transition:left 0.2s ease-out;}
.check-group.toggle-text .ui-checkbox:checked+.ui-label span{left:0.7rem;}

/* INPUT : RADIO */
.radio-group{position:relative;}
input[type="radio"].ui-radio{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip:rect(1px 1px 1px 1px);word-break:initial;word-wrap:initial;}
.ui-radio+.ui-label{position:relative;display:inline-flex;align-items:center; width:auto;min-height:2.4rem;padding-left:3.2rem;}
.ui-radio+.ui-label::before{content:"";position:absolute;top:0;left:0;display:block;width:2.4rem;height:2.4rem;border-radius:50%;border:0.1rem solid var(--primary-color);background-color:var(--white-color);}
.ui-radio+.ui-label::after{content:"";position:absolute;top:0.6rem;left:0.6rem;display:block;width:1.2rem;height:1.2rem;border-radius:50%;background-color:var(--white-color);}
.ui-radio:checked+.ui-label::after{background-color:var(--primary-color);}
.ui-radio+.ui-label span{padding-top:0.2rem;font-size:1.6rem;}
.ui-radio:disabled+.ui-label::before,
.ui-radio:disabled+.ui-label::after{opacity:0.3;}
.radio-group.icon-none .ui-radio+.ui-label{width:100%!important;padding-right:1.2rem!important;}
.radio-group.icon-none .ui-radio+.ui-label::after{display:none!important;}
.radio-group.box .ui-radio+.ui-label{min-width:16.4rem;padding:1.2rem 4rem 1.2rem 1.2rem;border-radius:0.8rem;border:0.1rem solid var(--gray2-color);background-color:var(--white-color);color:var(--gray4-color);}
.radio-group.box .ui-radio+.ui-label:before,
.radio-group.box .ui-radio+.ui-label:after{display:none;}
.radio-group.box .ui-radio:checked+.ui-label{padding:1.1rem;border:0.2rem solid var(--primary-color)}
.radio-group.box .ui-radio:checked+.ui-label::after{content:"";position:absolute;left:initial;right:1.2rem;top:50%;transform:translateY(-50%);display:block;width:2.4rem;height:2.4rem;background:url(../ui_images/ico/ico_checkbox2_on.png)no-repeat center center/2.4rem auto;}
.radio-group.box .ui-radio:checked+.ui-label span{color:var(--primary-color);}
.radio-group.box .ui-radio:disabled+.ui-label{border-color:var(--gray2-alpha3-color);background-color:var(--gray5-color);}
.radio-group.box .ui-radio:disabled+.ui-label span{color:var(--gray-color);}
.radio-group.round .ui-radio+.ui-label{align-items:center;height:3.2rem;padding:0 1.6rem 0;border-radius:1.6rem;background-color:var(--gray5-color);}
.radio-group.round .ui-radio+.ui-label:before,
.radio-group.round .ui-radio+.ui-label:after{display:none;}
.radio-group.round .ui-radio+.ui-label span{padding-top:0;font-size:1.4rem;}
.radio-group.round .ui-radio:checked+.ui-label{background-color:var(--primary-color);}
.radio-group.round .ui-radio:checked+.ui-label span{color:var(--white-color);line-height:1;}

/* MESSAGE TEXT */
.message-group{display:flex;justify-content:space-between;padding-left:1.2rem;font-size:1.4rem;}
.message-group .error{color:var(--error-color);}
.count-group{display:flex;justify-content:flex-end;align-items:center;padding-right:0.4rem;}
.count-group .current{color:var(--primary-color);}
.count-group .current.error{color:var(--error-color);}

/* ICON */
.icon-complete{position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);}
.icon-complete::before{content:"";display:block;width:2.4rem;height:2.4rem;background:url(../ui_images/ico/ico_complete.png)no-repeat center center/2.4rem auto;}

/* SWIPER-GROUP */
/* .swiper-group{} */
.swiper-inlineflex{padding:0 2rem;margin-right:-2rem;margin-left:-2rem;overflow:hidden;}
.swiper-inlineflex~.pray-listgroup{margin-top:1.6rem;}

/* CONTAINER */
.container{height:auto;min-height:100%;padding-top:5rem;padding-top:calc(constant(safe-area-inset-top) + 5rem);padding-top:calc(env(safe-area-inset-top) + 5rem);}

/* CONTENTS */
.contents{min-height:calc(100vh - 5rem - 1.6rem);min-height:calc(100vh - 5rem - 1.6rem - constant(safe-area-inset-top));min-height:calc(100vh - 5rem - 1.6rem -env(safe-area-inset-top));padding:1.6rem 2rem 1.6rem;padding-bottom:calc(constant(safe-area-inset-bottom) + 1.6rem);padding-bottom:calc(env(safe-area-inset-bottom) + 1.6rem);}
.contents.gap{height:calc(100% - 7.2rem);height:calc(100% - 7.2rem - constant(safe-area-inset-bottom));height:calc(100% - 7.2rem - env(safe-area-inset-bottom));padding:1.6rem 2rem 1.6rem;margin-bottom:7.2rem;margin-bottom:calc(constant(safe-area-inset-bottom) + 7.2rem);margin-bottom:calc(env(safe-area-inset-bottom) + 7.2rem);overflow-y:auto;}
.os-android .contents.gap{overflow-y:initial;}
.contents.footer-gap{margin-bottom:3.9rem;}
.contents.church-detail~.fix-btn::after{background-color:var(--gray5-color);}
.contents.church-detail .banner-group.swiper .swiper-slide{width:100%;padding-top:44.17910447761194%;border-radius:1.7rem;overflow:hidden;}
.contents.church-detail .banner-group.swiper .swiper-slide>a{position:absolute;left:0;top:0;width:100%;height:100%;}
.contents.church-detail .banner-group.swiper .swiper-slide img{position:absolute;left:0;top:0;width:100%;height:100%;}
.platform .banner-group.swiper .swiper-slide{width:100%;padding-top:44.17910447761194%;border-radius:1.7rem;overflow:hidden;}
.platform .banner-group.swiper .swiper-slide>a{position:absolute;left:0;top:0;width:100%;height:100%;}
.platform .banner-group.swiper .swiper-slide img{position:absolute;left:0;top:0;width:100%;height:100%;}
.platform .banner-group .pagination{text-align:center;margin-top:1rem;}
.platform .banner-group .pagination .swiper-pagination-bullet{background:none;border:1px solid var(--gray7-color);opacity:1;}
.platform .banner-group .pagination .swiper-pagination-bullet-active{background:var(--gray14-color);border:none;}
.contents.h100 .tabpanel-group.h100 .tab-body{height:calc(100% - 4.8rem);}
.contents.h100 .tabpanel-group.h100 .tabpanel{height:100%;}
.contents.h100 .tabpanel-group.h100 .tabpanel .terms-group{height:100%;padding-right:2rem;margin-right:-2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.contents.h100.gap .tabpanel-group.h100 .tabpanel{padding-bottom:0;}
.wrapper.allmenu .contents{height:100%;min-height:initial;padding:1.6rem 2rem 0;padding-bottom:calc(constant(safe-area-inset-bottom) + 0);padding-bottom:calc(env(safe-area-inset-bottom) + 0);}
.youtube-channel-section{position:relative;}
.pray-listgroup-section{position:relative;margin-right:-2rem;margin-left:-2rem;padding-right:2rem;padding-left:2rem;padding-bottom:2rem;overflow-y:auto;}
.pray-listgroup li+li{margin-top:0.8rem;}

/* TAB PANEL */
.wide{width:calc(100% + 4rem)!important;margin-left:-2rem!important;margin-right:-2rem!important;}
/* .tabpanel-group{} */
.tab-list{position:relative;display:flex;justify-content:space-between;align-items:center;}
.tab-list .tab{display:flex;justify-content:center;}
.tab-list .tab span{display:inline-flex;justify-content:center;align-items:center;width:auto;height:4.8rem;padding:0 1.2rem;font-size:1.8rem;font-weight:600;color:var(--default-color);}
.tab-list .tab[role="tab"]{position:relative;z-index:1;}
.tab-list .tab[role="tab"][aria-selected="true"] span{border-bottom:0.2rem solid var(--gray3-color);color:var(--gray3-color);}
.tab-list .tab[role="tab"][aria-selected="false"] span{border-bottom:0.2rem solid transparent;}
.tab-list::before{content:"";position:absolute;z-index:0;left:0;bottom:0;display:block;width:100%;height:0.1rem;background-color:var(--gray8-color);}
.tabpanel{padding:1.6rem 0;}
.tabpanel[aria-expanded="false"]{display:none;}
/* .tabpanel-group.secondary{} */
.tabpanel-group.secondary .tab-heading{height:4.8rem;padding:0.4rem;border-radius:0.8rem;background-color:var(--gray5-color);}
.tabpanel-group.secondary .tab[role="tab"]{flex:1;}
.tabpanel-group.secondary .tab-list::before{display:none;}
.tabpanel-group.secondary .tab-list .tab[role="tab"],
.tabpanel-group.secondary .tab-list .tab[role="tab"] span{height:4rem;font-size:1.6rem;}
.tabpanel-group.secondary .tab-list .tab[role="tab"]{border:none;}
.tabpanel-group.secondary .tab-list .tab[role="tab"][aria-selected="true"]{border-radius:0.4rem;background-color:var(--white-color);box-shadow:0 0 0.2rem rgba(0,0,0,0.25);}
.tabpanel-group.secondary .tab-list .tab[role="tab"][aria-selected="true"] span,
.tabpanel-group.secondary .tab-list .tab[role="tab"][aria-selected="false"] span{border-bottom:none;}
.tabpanel-group.secondary .tab-list .tab[role="tab"][aria-selected="false"] span{font-weight:400;}
.tabpanel-group.secondary .tab-list .tab[role="tab"]+.tab[role="tab"]{margin-left:0.4rem;}

/* ACCORDION GROUP */
.accordion-group{border:0.1rem solid var(--gray12-color);border-radius:0.6rem;}
.accordion-heading{height:5.9rem;padding:1.6rem 1rem 1.6rem 1.6rem;}
.accordion-body{padding:1.6rem 1.2rem 1.6rem 1.6rem;border-top:0.1rem solid var(--gray12-color);}
.accordion-body li+li{margin-top:1.6rem;}

/* FOOTER MENU */
.footer-menu{position:fixed;z-index:100;width:100%;left:0;bottom:0;padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);border-top:0.1rem solid var(--gray3-alpha5-color);padding-left:2rem;padding-right:2rem;background-color:var(--white-color);box-shadow:0 0 1.5rem rgba(0,0,0,0.02);}
.footer-menu ul{display:flex;justify-content:space-between; width:100%;height:5.8rem;}
.footer-menu ul li{padding-top:0.4rem;}
.safearea .footer-menu ul{display:flex;justify-content:space-between; width:100%;height:6.1rem;}
.safearea .footer-menu ul li{padding-top:0.7rem;}

[class*="btn-footer-"]{position:relative;width:5.2rem;height:4.8rem;padding-top:3.2rem;text-align:center;}
[class*="btn-footer-"]::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;width:3.2rem;height:3.2rem;}
[class*="btn-footer-"] span{font-family:"OneShinhan";font-size:1.1rem;font-weight:500;color:var(--gray7-color);line-height:1;}
[class*="btn-footer-"].on span{color:var(--gray3-color);}
.btn-footer-home::before{background:url(../ui_images/ico/ico_nav_home.png)no-repeat center center/100% auto;}
.btn-footer-home.on::before{background-image:url(../ui_images/ico/ico_nav_home_on.png);}
.btn-footer-news::before{background:url(../ui_images/ico/ico_nav_news.png)no-repeat center center/100% auto;}
.btn-footer-news.on::before{background-image:url(../ui_images/ico/ico_nav_news_on.png);}
.btn-footer-worship::before{background:url(../ui_images/ico/ico_nav_worship.png)no-repeat center center/100% auto;}
.btn-footer-worship.on::before{background-image:url(../ui_images/ico/ico_nav_worship_on.png);}
.btn-footer-offering::before{background:url(../ui_images/ico/ico_nav_offering.png)no-repeat center center/100% auto;}
.btn-footer-offering.on::before{background-image:url(../ui_images/ico/ico_nav_offering_on.png);}
.btn-footer-menu::before{background:url(../ui_images/ico/ico_nav_menu.png)no-repeat center center/100% auto;}
.btn-footer-menu.on::before{background-image:url(../ui_images/ico/ico_nav_menu_on.png);}

/* POPUP */
.popup-group{display:none;position:fixed;left:0;top:0;z-index:5000;width:100%;height:100%;}
.popup-group.active{display:block;}
.popup-group .popup-cover{background-color:var(--white-color);}
.popup-group.slide .popup-content{position:absolute;top:100%;transform:translateY(0);}
.popup-group.alert .popup-content{background-color:transparent;}
.popup-group.alert .popup-cover{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4rem);height:auto;min-height:10rem;border-radius:1rem;}
.popup-group.error .popup-content{background-color:transparent;}
.popup-group.error .popup-cover{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4rem);height:auto;max-width:36rem;min-height:10rem;border-radius:1rem;}
.popup-group.error .popup-inner{padding-top:3.2rem;}
.popup-group.error .popup-inner:before{content:"";display:block;width:100%;height:5.6rem;margin-bottom:2.4rem;background:url(../ui_images/ico/ico_info.png)no-repeat center center/5.6rem auto;}
.popup-group.error .title{font-size:1.8rem;font-weight:600;text-align:center;color:var(--gray6-color)}
.popup-group.error .title~.message{margin-top:1.2rem;}
.popup-group.error .message{font-size:1.6rem;text-align:center;}
.popup-group.error .error-box{padding:1.2rem 2rem;border-radius:0.6rem;margin-top:1.6rem;margin-bottom:3.2rem; background-color:var(--gray11-color);}
.popup-group.error .code{color:var(--error-color);}
.popup-group.medium .popup-content{background-color:transparent;}
.popup-group.medium .popup-cover{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4rem);max-width:36rem;height:auto;min-height:10rem;border-radius:1rem;}
.popup-group.medium .popup-inner img{width:100%;}
.popup-group .dim{position:absolute;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:var(--black-color);opacity:0.5;}
.popup-group.half .popup-content{height:50%;}
.popup-group.top .popup-content{height:calc(100% - 5rem);height:calc(100% - 5rem - constant(safe-area-inset-top));height:calc(100% - 5rem - env(safe-area-inset-top));}
.popup-group.auto .popup-content{height:auto; min-height:5.2rem;min-height:calc(5.2rem + constant(safe-area-inset-top));min-height:calc(5.2rem + env(safe-area-inset-top));}
.popup-content{position:absolute;z-index:2000;left:0;top:0;top:constant(safe-area-inset-top);top:env(safe-area-inset-top);width:100%;height:100%;height:calc(100% - constant(safe-area-inset-top));height:calc(100% - env(safe-area-inset-top));border-top-left-radius:1.6rem;border-top-right-radius:1.6rem;overflow:hidden;background-color:var(--white-color);}
.popup-group .popup-cover~.btn-close{position:absolute;right:1.7rem;top:1.1rem;z-index:2500;width:3rem;height:3rem;background:url(../ui_images/ico/ico_close.png)no-repeat center center/2.4rem auto;}
.popup-group .popup-cover .btn-close{position:absolute;right:1.7rem;top:1.1rem;z-index:2500;width:3rem;height:3rem;background:url(../ui_images/ico/ico_close.png)no-repeat center center/2.4rem auto;}
.popup-group.full .popup-content{height:100%;border-radius:0;}
.popup-group.full .popup-heading{padding-top:0;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);}
.popup-group.full .popup-inner{height:100%;}
.popup-heading .popup-title{display:flex;align-items:center; height:5.2rem;padding-left:2rem;padding-right:5.2rem;}
.popup-title{font-size:1.8rem;font-weight:600;color:var(--gray3-color);}
.popup-cover{height:100%;}
.popup-body{height:calc(100% - 5.2rem);padding-top:0.8rem;padding-left:2rem;padding-right:2rem;padding-bottom:3rem;padding-bottom:calc(3rem + constant(safe-area-inset-bottom));padding-bottom:calc(3rem + env(safe-area-inset-bottom));}
.popup-inner+.btn{margin-top:1.6rem;}
.popup-group.alert .popup-body{padding-bottom:1.6rem;}
.popup-group.error .popup-body{padding-bottom:1.6rem;}
.popup-group.auto .popup-body{height:auto;}
.popup-group .popup-lists{margin-left:-2rem;margin-right:-2rem;}
.popup-group .popup-lists.type2 li .btn-list{border-bottom:0.1rem solid var(--blue1-color);}
.toast-popup{position:fixed;z-index:10;bottom:7.6rem;bottom:calc(constant(safe-area-inset-bottom) + 7.6rem);bottom:calc(env(safe-area-inset-bottom) + 7.6rem);width:100%;padding:0 2rem;opacity:0;}
.toast-popup .text{width:100%;padding:1.6rem;border-radius:0.8rem;background-color:rgba(0,0,0,0.6);color:var(--white-color);text-align:center;}
.dim-layer{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:var(--black-color);opacity:0.5;}

/* 전체메뉴 */
.allmenu-group{height:100%;overflow-y:auto;padding-right:2rem;padding-bottom:2rem;margin-right:-2rem;-webkit-overflow-scrolling:touch;}
.allmenu-group .first-group{padding-top:1.2rem;font-size:1.4rem;color:var(--gray14-color);}
.allmenu-group .first-group+.second-group{margin-top:1.2rem;}
.allmenu-group .second-group{padding-bottom:1.2rem;}
.allmenu-group>li+li{padding-top:1.2rem;border-top:0.1rem solid var(--gray8-color)}
.wrapper.allmenu .container{padding-top:19.7rem;padding-top:calc(19.7rem + constant(safe-area-inset-top));padding-top:calc(19.7rem + env(safe-area-inset-top));}
.btn-allmenu-link{position:relative;display:flex;align-items:center;height:4.8rem}
.btn-allmenu-link span{font-size:1.6rem;font-weight:600;color:var(--gray13-color)}
.btn-allmenu-link.link::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;width:2.4rem;height:2.4rem;}

/* ALARM */
.alarm-lists-section{position:relative;}
.alarm-lists-section .alarm-lists.skeleton-group{height:auto;}
.alarm-lists li{padding:2rem;border-radius:1.6rem;background-color:var(--white-color);}
.alarm-lists li+li{margin-top:1.6rem;}
.alarm-lists li{position: relative;}
.alarm-lists .skeleton-group{padding:2rem;}
.alarm-lists .skeleton-group .item{height:2rem;}
.alarm-lists .date{font-size:1.4rem;font-weight:600;color:var(--blue-color)}
.alarm-lists .date+.alarm-list-group{margin-top:1.6rem;}
.alarm-lists .alarm-list-group+.alarm-list-group{margin-top:1.6rem;}
.alarm-list-group .divisioin{display:flex;align-items:center;font-size:1.4rem;color:var(--gray14-color);}
.alarm-list-group .divisioin::before{content:"";display:block;width:2.4rem;height:2.4rem;margin-right:0.8rem;}
.alarm-list-group .news::before{background:url(../ui_images/ico/ico_alarm_notice.png)no-repeat center center/100%;}
.alarm-list-group .happy::before{background:url(../ui_images/ico/ico_alarm_happy.png)no-repeat center center/100%;}
.alarm-list-group .sad::before{background:url(../ui_images/ico/ico_alarm_sad.png)no-repeat center center/100%;}
.alarm-list-group .divisioin+.btn-link-list{margin-top:0.2rem;}
.alarm-list-group .btn-link-list{width:calc(100% - 3.3rem);margin-left:3.3rem;}

/* CHRUCH NEWS */
.news-lists-section{position:relative;margin-right:-2rem;margin-left:-2rem;padding-right:2rem;padding-left:2rem;padding-bottom:2rem;overflow-y:auto;border-top:0.1rem solid var(--gray8-color);}
.news-lists-section .skeleton-group{height:auto;padding:0 2rem;}
.news-lists-section .skeleton-group li{padding:0 2rem;border-bottom:0.1rem solid var(--gray8-color);}
.news-lists-section .skeleton-group .text-area{position:relative;width:100%;padding:1.6rem 0;}
.news-lists-section .skeleton-group .text-area .title{display:block;width:50%;height:2.2rem;}
.news-lists-section .skeleton-group .text-area .sub-title{display:block;width:60%;height:1.9rem;margin-top:0.4rem;}
.news-lists-section .skeleton-group .text-area .date{display:block;width:30%;height:1.8rem;margin-top:0.4rem;}
.news-lists li{padding:0 2rem;border-bottom:0.1rem solid var(--gray8-color);}
.btn-news-list{position:relative;width:100%;padding:1.6rem 0;}
.btn-news-list::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;width:1.2rem;height:1.2rem;background:url(../ui_images/ico/ico_right_arrow_small.png)no-repeat center center/1.2rem auto;}
.btn-news-list .title{width:100%;font-size:1.6rem;font-weight:600;color:var(--gray13-color);text-align:left;}
.btn-news-list .title em{font-size:inherit;font-weight:inherit;color:var(--blue-color);}
.btn-news-list .sub-title{width:100%;font-size:1.4rem;color:var(--gray14-color);text-align:left;}
.btn-news-list .date{display:flex;align-items:center;width:100%;font-size:1.3rem;color:var(--gray14-color);text-align:left;}
.btn-news-list .date.file::after{content:"";display:inline-block;width:2rem;height:2rem;margin-left:0.4rem;background:url(../ui_images/ico/ico_file.png)no-repeat center center/2rem auto;}
.btn-news-list .title~.sub-title{margin-top:0.4rem;}
.btn-news-list .title~.date{margin-top:0.4rem;}
.btn-news-list .text-area{width:calc(100% - 2rem);}
.search-list-section{position:relative;}
.search-list-group{position:relative;display:flex;align-items:center;width:100%;padding:1.6rem 0;}
.search-list-group .title{width:100%;font-size:1.6rem;font-weight:600;color:var(--gray13-color);text-align:left;}
.search-list-group .church-set{display:flex;align-items:center;margin-bottom:0.8rem;}
.search-list-group .church-set .title{width:auto;}
.search-list-group .title em{font-size:inherit;font-weight:inherit;color:var(--blue-color);}
.search-list-group .sub-title{width:100%;font-size:1.4rem;color:var(--gray14-color);text-align:left;}
.search-list-group .sub-title span{font-size:inherit;color:inherit}
.search-list-group .address{display:flex;align-items:center;width:100%;color:var(--gray14-color);text-align:left;}
.search-list-group .title~.sub-title{margin-top:0.4rem;}
.search-list-group .title~.address{margin-top:0.4rem;}
.search-list-group .text-area{width:calc(100% - 2rem);}
.search-list-group .btn{margin-left:1rem;}
.news-lists .notice{background-color:var(--gray18-color);}
.el-scrolling-y{height:calc(100vh - 5rem - 1.6rem);height:calc(100vh - 5rem - 1.6rem - constant(safe-area-inset-bottom));height:calc(100vh - 5rem - 1.6rem - env(safe-area-inset-bottom));overflow-y:auto;}
.el-scrolling-y.el-search{height:calc(100vh - 5rem - 1.6rem - 5.6rem - 1.6rem);height:calc(100vh - 5rem - 1.6rem - 5.6rem - 1.6rem - constant(safe-area-inset-bottom));height:calc(100vh - 5rem - 1.6rem - 5.6rem - 1.6rem - env(safe-area-inset-bottom));}
.el-scrolling-y.el-search.el-panel{height:calc(100vh - 5rem - 1.6rem - 5.6rem - 1.6rem - 4.8rem - 1.6rem);height:calc(100vh - 5rem - 1.6rem - 5.6rem - 1.6rem - 4.8rem - 1.6rem - constant(safe-area-inset-bottom));height:calc(100vh - 5rem - 1.6rem - 5.6rem - 1.6rem - 4.8rem - 1.6rem - env(safe-area-inset-bottom));}
.commu-lists-section.el-scrolling-y.el-search.el-panel{height:calc(100vh - 5rem - 1.6rem - 3.2rem - 1.6rem - 4.8rem - 1.6rem)!important;height:calc(100vh - 5rem - 1.6rem - 3.2rem - 1.6rem - 4.8rem - 1.6rem - constant(safe-area-inset-bottom))!important;height:calc(100vh - 5rem - 1.6rem - 3.2rem - 1.6rem - 4.8rem - 1.6rem - env(safe-area-inset-bottom))!important;}
.el-scrolling-y.el-search.el-panel.el-swiper{height:calc(100vh - 5rem - 1.6rem - 5.6rem - 1.6rem - 4.8rem - 3.2rem - 1.6rem - 1.6rem);height:calc(100vh - 5rem - 1.6rem - 5.6rem - 1.6rem - 4.8rem - 3.2rem - 1.6rem - 1.6rem - constant(safe-area-inset-bottom));height:calc(100vh - 5rem - 1.6rem - 5.6rem - 1.6rem - 4.8rem - 3.2rem - 1.6rem - 1.6rem - env(safe-area-inset-bottom));}
.pray-listgroup-section.el-scrolling-y.el-panel{height:calc(100vh - 5rem - 1.6rem - 4.8rem - 1.6rem);height:calc(100vh - 5rem - 1.6rem - 4.8rem - 1.6rem - constant(safe-area-inset-bottom));height:calc(100vh - 5rem - 1.6rem - 4.8rem - 1.6rem - env(safe-area-inset-bottom));}
.pray-listgroup-section.el-youtube-chennel.el-scrolling-y.el-panel{height:calc(100vh - 5rem - 1.6rem - 4.8rem - 1.6rem - 9.2rem - 1.6rem);height:calc(100vh - 5rem - 1.6rem - 4.8rem - 1.6rem - 9.2rem - 1.6rem - constant(safe-area-inset-bottom));height:calc(100vh - 5rem - 1.6rem - 4.8rem - 1.6rem - 9.2rem - 1.6rem - env(safe-area-inset-bottom));}

.jubo-img.no-data{background:var(--gray8-color) url(../ui_images/ico/ico_picture_nodata.png)no-repeat center center/2.4rem auto;width:100%; height: 21.1rem;}
.jubo-img.no-data img{display:none;}
/* SKELETON */
.search-list-group .skeleton-group{z-index:10;display:flex;align-items:center;padding:1.6rem 0;}
.search-list-group .skeleton-heading .title{width:50%;height:2.2rem;margin-bottom:0.8rem;}
.search-list-group .skeleton-heading .sub-title{width:70%;height:1.9rem;}
.search-list-group .skeleton-heading .address{width:90%;height:1.9rem;}
.search-list-group .skeleton-btn{width:5rem;height:3.2rem;margin-left:1rem;}
.thumb-lists-section{position:relative;margin-right:-2rem;padding-right:2rem;padding-bottom:2rem;overflow-y:auto;}
.thumb-lists{display:flex;flex-wrap:wrap;}
.thumb-lists li{width:calc(50% - 0.65rem);}
.thumb-lists li+li{margin-left:1.3rem;}
.thumb-lists li:nth-child(2n+1){margin-left:0;}
.thumb-lists li:nth-child(n+3){margin-top:1.6rem;}
.thumb-lists.skeleton-group .picture{width:100%;padding-top:74.842%;}
.thumb-lists.skeleton-group .date{margin-top:0.2rem;}
.btn-thumb-list{width:100%;}
.btn-thumb-list .picture{position:relative;display:block;width:100%;padding-top:74.842%;border:0.1rem solid var(--gray8-color);border-radius:1.2rem;overflow:hidden;background:var(--gray8-color);}
.btn-thumb-list .picture img{position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;}
.btn-thumb-list .picture.no-data{background:var(--gray8-color) url(../ui_images/ico/ico_picture_nodata.png)no-repeat center center/2.4rem auto;}
.btn-thumb-list .picture.no-data img{display:none;}
.btn-thumb-list .picture+.title{margin-top:0.8rem;}
.btn-thumb-list .title{font-size:1.6rem;font-weight:600;color:var(--gray13-color);text-align:left;}
.btn-thumb-list .title em{font-size:inherit;font-weight:inherit;color:var(--blue-color);}
.btn-thumb-list .date{display:block;text-align:left;font-size:1.3rem;color:var(--gray-color);}
.detail-view{position:relative;}
.detail-view .detail-heading{padding-top:1.6rem;padding-bottom:2.4rem;}
.detail-view .detail-heading .h4{max-width: 100%;word-break: break-all;}
.detail-view .detail-heading .h4+.detail-info{margin-top:0.8rem;}
.detail-view .detail-date{font-size:1.4rem;margin-top:0.8rem;}
.detail-view .detail-info{display:flex;justify-content:space-between;}
.detail-view .detail-info .right-side{display:flex;align-items:center;}
.detail-view .detail-content{height:calc(100% - 10.6rem);padding:2.4rem 0 0;border-top:1px solid var(--gray3-color);overflow-y:auto;}
.detail-view .detail-content p{font-size:1.6rem;line-height:1.5;color:var(--gray3-color);}
.detail-view .file-group{padding-top:2.4rem;border-top:0.1rem solid var(--gray8-color);margin-top:2.4rem;}
.detail-view .file-group .h6+.file-list{margin-top:0.8rem;}
.detail-view .file-list li+li{margin-top:0.8rem;}
.detail-view img{max-width:100%!important;}
#summernote .table th, #summernote .table td{border:0.1rem solid var(--gray7-color);}
.btn-filedownload{position:relative;display:block;width:100%;padding:1rem 4.8rem 1rem 1.6rem;border:1px solid var(--gray2-color);border-radius:0.8rem;color:var(--gray4-color);text-align:left;}
.btn-filedownload:after{content:'';width:1.6rem;height:1.6rem;position:absolute;right:1.2rem;top:calc(50% - 0.8rem);background:url(../ui_images/ico/ico_download.png)no-repeat center center/1.6rem auto;}
.result-msg{padding-top:3.2rem;margin-top:9rem;}
.result-msg:before{content:'';display:block;width:5.6rem;height:5.6rem;margin:0 auto;}
.result-msg.sch-none:before{background:url(../ui_images/ico/ico_info.png)no-repeat center center/5.6rem auto;}
.result-msg .txt{font-size:1.6rem;line-height:1.5;text-align:center;color:var(--gray-color);margin-top:1.2rem;}
.result-msg.small{margin-top:0;}
.home .header, .home .container, .church-detail{background-color:var(--gray5-color);}
.home .h1, .home .h1 .btn-select span{font-family:'OneShinhan';font-size:2rem;font-weight:700;color:var(--gray10-color);}
.home .h1 .btn-select{padding-left:0;}
.home .h1 .btn-select span{margin-right:1rem;}
.home .h1 img.logo{height:2.3rem;}
.mypage-message{position:absolute;right:2rem;bottom:-4rem;display:none;transform-origin:calc(100% - 2rem) -0.6rem;transform:scale(0);}
.mypage-message .mypage-tooltip{position:relative;background-color:var(--blue-color);padding:0.8rem 1.6rem;border-radius:0.8rem;}
.mypage-message .mypage-tooltip::before{content:'';position: absolute;right:0.8rem;top:-0.8rem;border-bottom:1.2rem solid var(--blue-color);border-left:0.8rem solid transparent;border-right:0.8rem solid transparent;}
.mypage-message .mypage-tooltip .txt{text-align:center;color:var(--white-color);}
.platform .platform-banner{position:relative;}
.platform .platform-banner img{width:100%;height:auto;} 
.platform .platform-banner .skeleton-group{border-radius:1rem;}
.platform .platform-banner .skeleton-group .el{border-radius:1rem;}
.platform .church-sch-banner{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:36.2rem;background-image:linear-gradient(180deg, #b38d6c,#d9b79a);text-align:center;border-radius:0.8rem;box-shadow:0 0.4rem 2rem rgba(0,0,0,0.06);padding:3.2rem 2rem 2.4rem 2rem;margin-top:2rem;}
.platform .church-sch-banner::before{content:'';position:absolute;left:calc(50% - 9rem);bottom:7.2rem;width:18rem;height:15rem;background:url(../ui_images/bg/bg_platform_sch.png)no-repeat center center/18rem auto;}
.platform .church-sch-banner .title{font-size:1.6rem;color:var(--gray16-color);}
.platform .church-sch-banner .txt{font-size:2rem;font-weight:700;color:var(--white-color);margin-top:0.4rem;}
.fix-btn{position:fixed;left:0;bottom:0;z-index:10;width:100%;padding:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
.fix-btn::after{content:"";position:absolute;left:2rem;bottom:0;display:block;width:calc(100% - 4rem);height:2rem;height:calc(constant(safe-area-inset-bottom) + 2rem);height:calc(env(safe-area-inset-bottom) + 2rem);background-color:var(--white-color);}
.fix-btn .btn-group{position:relative;z-index:1;padding:1.6rem 2rem;}
.church-home .church-menbership{display:flex;justify-content:space-between;background-color:var(--gray14-color);border-radius:1.2rem;padding:1.2rem 2rem;margin-bottom:0.8rem;}
.church-home .church-menbership .txt{position:relative;color:var(--white-color);padding-left:2.8rem;}
.church-home .church-menbership .txt::before{content:'';position:absolute;;left:0;top:calc(50% - 1.2rem);width:2.4rem;height:2.4rem;background:url(../ui_images/ico/ico_join_pen.png)no-repeat center center/2.4rem auto;}
.church-home .church-menbership.ing .txt::before{background:url(../ui_images/ico/ico_join_note.png)no-repeat center center/2.4rem auto;}
.church-home .church-menbership .btn{text-decoration:underline;color:var(--white-color);}
.church-home .banner-group .pagination{text-align:center;margin-top:1rem;}
.church-home .banner-group .pagination .swiper-pagination-bullet{background:none;border:1px solid var(--gray7-color);opacity:1;}
.church-home .banner-group .pagination .swiper-pagination-bullet-active{background:var(--gray14-color);border:none;}
.church-home .banner-list li img{width:100%;height:auto;}
.church-home .notice-group{background-color:var(--gray17-color);border-radius:1.2rem;}
.church-home .notice-group::before{content:"";position:absolute;left:0;top:calc(50% - 1.2rem);width:4.4rem;height:2.4rem;background:var(--gray17-color) url(../ui_images/ico/ico_notice.png)no-repeat right center/2.4rem auto;z-index:10;}
.church-home .notice-group .skeleton-group .element{width:100%;height:100%;}
.church-home .notice-list li a{display:block;position:relative;padding:1.2rem 3.2rem 1.2rem 5.2rem;}
.church-home .notice-list li a::after{content:"";position:absolute;right:1.6rem;top:calc(50% - 0.6rem);width:1.2rem;height:1.2rem;background:url(../ui_images/ico/ico_arrow_link.png)no-repeat center center/100% auto;}
.banner-group .skeleton-group .church-menbership-banner{width:100%;padding-top:44.179%;border-radius:1rem;}
.banner-group .skeleton-group .church-menbership-pagination{width:100%;height:1.9rem;border-radius:1rem;margin-top:1rem;}
.church-home .worship-group{position:relative;}
.church-home .worship-group .thumbnail{position:relative;padding-top:56.27118644067797%}
.church-home .worship-group .thumbnail>*{position:absolute;left:0;top:0;width:100%;height:100%;}
.church-home .worship-group .thumbnail a{display:block;}
.church-home .worship-group .thumbnail img{width:100%;height:auto;}
.church-home .worship-group .thumbnail.no-data{background:var(--gray8-color) url(../ui_images/ico/ico_picture_nodata.png)no-repeat center center/2.4rem auto;}
.church-home .worship-group .thumbnail.no-data img{display:none;}
.church-home .worship-group .skeleton-group{padding:2rem;}
.church-home .worship-group .skeleton-group .menu-tit{width:50%;height:1.9rem;margin-bottom:0.4rem;border-radius:0.6rem;}
.church-home .worship-group .skeleton-group .title{width:100%;height:2.5rem;border-radius:0.6rem;}
.church-home .worship-group .skeleton-group .thumbnail{width:100%;padding-top:56.271%;border-radius:0;}
.church-home .worship-group .skeleton-group .skeletion-btn{width:100%;height:4rem;border-radius:0.8rem;}
.church-home .content-box{background-color:var(--white-color);border-radius:0.8rem;box-shadow:0 0.4rem 2rem rgba(0,0,0,0.06);padding:2rem;margin-bottom:0.4rem}
.church-home .content-box .menu-tit{color:var(--primary1-color);margin-bottom:0.4rem;}
.church-home .content-box .title{font-size:1.8rem;font-weight:600;color:var(--gray6-color);}
.church-home .quick-group .content-box{position:relative;box-shadow:none;padding-bottom:2.4rem;}
.church-home .quick-group .skeleton-group{height:auto;padding:0 2.2rem 2.4rem 2.2rem;margin-top:6.5rem;}
.church-home .quick-group .skeleton-group{display:flex;flex-wrap:wrap;}
.church-home .quick-group .skeleton-group li{width:calc(33.333% - 0.6rem);height:8.2rem;}
.church-home .quick-group .skeleton-group li+li{margin-left:0.8rem}
.church-home .quick-group .skeleton-group li:nth-child(4n){margin-left:0;}
.church-home .quick-group .skeleton-group li:nth-child(n + 4){margin-top:2.4rem;}
.church-home .quick-group .quickmenu-list{margin-top:2rem;}
.church-home .quick-group .skeleton-loading li{display:flex;align-items:center;flex-direction:column;}
.church-home .quick-group .skeleton-loading .img{width:5.6rem;height:5.6rem;border-radius:50%;margin-bottom:0.5rem}
.church-home .quick-group .skeleton-loading .el{width:100%;height:1.6rem;}
.church-home .quickmenu-list{display:flex;flex-wrap:wrap;}
.church-home .quickmenu-list li{width:calc(33.333% - 0.6rem);height:8.2rem;}
.church-home .quickmenu-list li+li{margin-left:0.8rem}
.church-home .quickmenu-list li:nth-child(3n + 1){margin-left:0;}
.church-home .quickmenu-list li:nth-child(n + 4){margin-top:2.4rem;}
.church-home .quickmenu-list li a{display:flex;flex-direction:column;align-items:center;font-size:1.6rem;color:var(--gray6-color);}
.church-home .quickmenu-list li a::before{content:'';display:block;width:5.6rem;height:5.6rem;margin-bottom:0.4rem;}
.church-home .quickmenu-list .menu01 a:before{background:url(../ui_images/ico/ico_quick_guide.png)no-repeat center center/5.6rem auto;}
.church-home .quickmenu-list .menu02 a:before{background:url(../ui_images/ico/ico_quick_contact.png)no-repeat center center/5.6rem auto;}
.church-home .quickmenu-list .menu03 a:before{background:url(../ui_images/ico/ico_quick_album.png)no-repeat center center/5.6rem auto;}
.church-home .quickmenu-list .menu04 a:before{background:url(../ui_images/ico/ico_quick_report.png)no-repeat center center/5.6rem auto;}
.church-home .quickmenu-list .menu05 a:before{background:url(../ui_images/ico/ico_quick_mission.png)no-repeat center center/5.6rem auto;}
.church-home .quickmenu-list .menu06 a:before{background:url(../ui_images/ico/ico_quick_community.png)no-repeat center center/5.6rem auto;}
.church-home .quickmenu-list .menu07 a:before{background:url(../ui_images/ico/ico_quick_offering.png)no-repeat center center/5.6rem auto;}
.sort-search{display:flex;justify-content:space-between;align-items:center;}
.sort-search .btn-select{width:auto;height:2.4rem;padding:0 3.2rem 0 0;}
.sort-search .btn-link-search{width:2.4rem;height:2.4rem;background:url(../ui_images/ico/ico_search2.png)no-repeat center center/100% auto;border:none;padding:0;}
.sort-search .btn-link-search::after{content:none;}
.commu-lists-section{position:relative;margin-right:-2rem;margin-left:-2rem;padding-right:2rem;padding-left:2rem;padding-bottom:2rem;padding-bottom:calc(2rem + constant(safe-area-inset-bottom));padding-bottom:calc(2rem + env(safe-area-inset-bottom));overflow-y:auto;border-top:0.1rem solid var(--gray8-color);}

.commu-lists{border-top:1px solid var(--gray8-color);}
.commu-lists.result{border-top:none;}
.commu-lists>li{border-bottom:1px solid var(--gray8-color);}
.commu-lists .notice{background-color:var(--gray18-color);}
.commu-lists .notice .text-area{display:inline-flex;align-items:center;width:100%;}
.commu-lists .notice .flag{height:2.2rem;background-color:var(--blue-color);font-size:1.2rem;text-align:center;color:var(--white-color);border-radius:0.4rem;padding:0 0.6rem;margin-right:0.8rem;line-height:2.2rem;}
.commu-lists .btn-commu-list{position:relative;width:100%;padding:1.6rem 5.2rem 1.6rem 2rem;}
.commu-lists .btn-commu-list::after{content:"";position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:block;width:1.2rem;height:1.2rem;background:url(../ui_images/ico/ico_right_arrow_small.png)no-repeat center center/1.2rem auto;}
.commu-lists.skeleton-group .btn-commu-list::after{content:"";position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:block;width:2rem;height:2rem;border-radius:0.4rem;background:initial;background-color:#e5e5e5;}
.commu-lists.skeleton-group.wide{width:100%!important;margin-left:0!important;margin-right:0!important;}
.commu-lists .btn-commu-list .title{font-size:1.6rem;font-weight:600;color:var(--gray13-color);}
.commu-lists .btn-commu-list .title em{font-size:inherit;font-weight:inherit;color:var(--blue-color);}
.commu-lists .btn-commu-list .info{display:flex;margin-top:0.6rem;}
.commu-lists .btn-commu-list .info li{position:relative;color:var(--gray-color);padding:0 0.8rem;}
.commu-lists .btn-commu-list .info li::after{content:"";position:absolute;right:0;top:0.4rem;width:1px;height:1rem;background-color:var(--gray2-color);}
.commu-lists .btn-commu-list .info li:first-child{padding-left:0;}
.commu-lists .btn-commu-list .info li:last-child{padding-right:0;}
.commu-lists .btn-commu-list .info li:last-child::after{content:none;}
.commu-lists .btn-commu-list .info li em{font-size:inherit;font-weight:inherit;color:var(--blue-color);}
.commu-lists .btn-commu-list .info .comment{padding-left:3.2rem;}
.commu-lists .btn-commu-list .info .comment::before{content:"";position:absolute;left:0;top:-0.3rem;width:2.4rem;height:2.4rem;background:url(../ui_images/ico/ico_balloon.png)no-repeat center center/2.4rem auto;margin-left:0.4rem;}
.fix-right{position:fixed;right:2rem;bottom:7rem;}
.fix-right .btn-write{display:block;width:4.8rem;height:4.8rem;background-color:var(--primary-color);border-radius:50%;box-shadow:0 0.2rem 0.4rem rgba(0,0,0,0.25);background:var(--primary-color) url(../ui_images/ico/ico_pencil.png)no-repeat center center/2.4rem auto;}
.commu_write .title-group{border-top:none;border-left:none;border-right:none; border-radius:0;}
.commu_write .title-group .ui-input{font-size:1.8rem;font-weight:600;color:var(--gray3-color);padding:0;}
.commu_write .title-group .ui-input::placeholder{font-size:1.8rem;color:var(--gray-color);}
.commu_write .title-group .btn-imgfile{width:4rem;height:4rem;background:url(../ui_images/ico/ico_picture.png)no-repeat center center/2.4rem auto;border:1px solid var(--gray2-color);border-radius:0.8rem;}
.commu_write .content-group{height:calc(100% - 10.3rem);margin-bottom:2.4rem;/*overflow-y:auto;*/}
.commu_write .content-group p{font-size:1.6rem;color:var(--gray3-color);}
.commu_write .content-group img{width:100%;}
.chr-editor{height:100%!important;}
.contact-info-section{position:relative;}
.contact-info-section .skeleton-group dl{padding-left:0;width:calc(100% - 3.6rem);}
.contact-info-section .skeleton-group dl::before{display:none;}
.contact-info-section .skeleton-group .contact-info li{display:flex;}
.contact-info-section .skeleton-group .icon{width:2.4rem;height:2.4rem;border-radius:50%;margin-right:1.2rem;}
.contact-info{border-top:0.1rem solid var(--gray8-color);padding-top:3.2rem;}
.contact-info li+li{margin-top:2.4rem;}
.contact-info dl{position:relative;padding-left:3.6rem;}
.contact-info dl::before{content:"";width:2.4rem;height:2.4rem;position:absolute;left:0;top:0;}
.contact-info dl.address::before{background:url(../ui_images/ico/ico_location.png)no-repeat center center/2.4rem auto;}
.contact-info dl.tel::before{background:url(../ui_images/ico/ico_telephone.png)no-repeat center center/2.4rem auto;}
.contact-info dl.pastor::before{background:url(../ui_images/ico/ico_person.png)no-repeat center center/2.4rem auto;}
.contact-info dt{font-size:1.6rem;font-weight:600;color:var(--gray3-color);}
.contact-info dd{margin-top:0.4rem;}
.contact-info dd > span{display:inline;font-size:1.6rem;vertical-align:middle;}
.contact-info dd .btn{display:inline-flex;}
.youtube-channel{background-image:linear-gradient(84.7deg, #b58f6e 26.91%,#dcbda2 74.1%);border-radius:1.6rem;box-shadow:0 0.2rem 0.6rem rgba(57,39,31,0.1);}
.youtube-channel .youtube-link{display:block;position:relative;min-height:8.4rem;font-size:1.6rem;font-weight:600;color:var(--white-color);padding:2.4rem 13rem 2.4rem 2rem;}
.youtube-channel .youtube-link::after{content:"";position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:6.4rem;height:6.9rem;background:url(../ui_images/bg/bg_youtube.png)no-repeat center center/6.4rem auto;}
.youtube-channel .youtube-link span{display:block;font-size:1.6rem;font-weight:600;color:var(--white-color);}

/* CHURCH GUIDE */
.church-info-group{position:relative; margin-top:-1.6rem;}
.church-info-group .skeleton-group .church-info-heading{padding-top:100%;}
.church-info-heading{margin-left:-2rem;margin-right:-2rem;}
.church-info-heading img{width:100%;}
.church-info-heading+.church-info-body{margin-top:2.4rem;}
.church-info-body{color:var(--gray3-color);line-height:1.5;}
.church-info-body *{color:inherit;line-height:inherit}
.church-member-group{position:relative;}
.church-member-group .heading-group+.member-lists{margin-top:1rem;}
.member-lists+.heading-group{position:relative;padding-top:3.2rem;}
.member-lists+.heading-group::before{content:"";position:absolute;left:-2rem;top:0;display:block;width:calc(100% + 4rem);height:0.8rem;background-color:var(--gray5-color);}
.member-lists li+li{margin-top:1.6rem;}
.member-group{display:flex;justify-content:space-between;padding:1.6rem;border:0.1rem solid var(--gray19-color);border-radius:1.2rem;}
.member-group .member-right{width:7.2rem;height:9.6rem;margin-left:0.8rem;}
[class*="member-"].flag{padding:0.3rem 0.6rem;border-radius:0.4rem;border:0.1rem solid var(--primary2-color);font-size:1.2rem;color:var(--primary2-color);line-height:1;}
.member-left{display:flex;justify-content:center;flex-direction:column; width:calc(100% - 8rem);}
.member-left .flag.member-secondary{border-color:var(--blue2-color);color:var(--blue2-color);}
.member-left .flag.member-teritory{border-color:var(--pupple-color);color:var(--pupple-color);}
.member-left .flag+.user{margin-top:0.8rem;}
.member-left .user{font-size:1.8rem;font-weight:600;color:var(--gray3-color);}
.member-left .user+.info{margin-top:1.6rem;}
.member-left .info{display:flex;align-items:center;}
.member-left .info .part{padding-right:0.8rem;}
.member-left .info span{position:relative;font-size:1.4rem;color:var(--gray14-color)}
.member-left .info span+span{padding-left:0.9rem;}
.member-left .info span+span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:0.1rem;height:1rem;background-color:var(--gray2-color);}
.worship-time-group{position:relative;}
.worship-time-group .skeleton-group{margin-top:1.6rem;}
.worship-time-group .skeleton-group .worship-time-heading{position:relative;padding-top:49.533%;}
.worship-time-group .skeleton-group .worship-time-heading span{position:absolute;top:1.9rem;left:2rem;width:calc(100% - 4rem);height:calc(100% - 3.4rem);border-radius:2rem 2rem 5rem 2rem;}
.worship-time-heading{margin-top:-1.6rem;margin-left:-2rem;margin-right:-2rem;padding:1.9rem 2rem 1.5rem;background-color:var(--gray9-color);}
.worship-time-heading img{width:100%;}
.worship-time-heading+.worship-time-body{margin-top:2.4rem;}
.worship-time-body .heading-group+.table-group{margin-top:1rem;}
.new-family-group{position:relative;}
.new-family-group .skeleton-group .new-family-heading{position:relative;}
.new-family-group .skeleton-group .new-family-heading span{width:100%;padding-top:47.761%}
.new-family-heading img{width:100%;}
.new-family-heading+.new-family-body{margin-top:2.4rem;}
.new-family-body .heading-group+.new-family-area{margin-top:1.6rem;}
.picture-area{margin-top:-0.8rem;padding:0 1rem}

/* WORSHIP AND PRAISE */
.youtube-view{position:relative;}
.youtube-view .youtube-play{width:100%;height:21.1rem;}
.youtube-view .youtube-play+.pray-list-body{margin-top:2.4rem;}
.youtube-view .pray-list-body+.pray-list-footer{margin-top:1.2rem;}
.youtube-view .pray-list-footer{border-top:0.1rem solid var(--gray3-color);border-bottom:0.1rem solid var(--gray8-color);padding-bottom:1.6rem;}
.youtube-view .pray-list-footer .ui-dl{margin-top:1.6rem;}
.youtube-view .pray-list-footer .ui-dl > *{font-size:1.6rem;width:calc(100% - 6rem);}
.youtube-view .pray-list-footer .ui-dl dt{width:6rem;}
.youtube-view .pray-list-footer .ui-dl dd{text-align:right;}
.youtube-view .pray-info{background-color:var(--gray5-color);border-radius:1.2rem;padding:1.6rem 2rem;margin-top:3.2rem;}

/* COMMUNITY */
.swiper-flex{position:relative;}
.swiper-wrapper~.swiper-notification{position:absolute;left:0;top:0;display:none;}
.swiper-flex::before{content:"";position:absolute;left:-2rem;bottom:0;display:block;width:calc(100% + 4rem);height:0.1rem;background-color:var(--blue1-color);}
.swiper-flex::after{content:"";position:absolute;z-index:1;top:0;right:-2rem;width:3rem;height:4.8rem;background:linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));}
.swiper-flex .swiper-slide{width:auto;}
.swiper-flex .swiper-wrapper{padding-left:1.2rem;}
.swiper-flex .swiper-wrapper::before{display:none;}
.swiper-flex .swiper-slide span{border-bottom:0.2rem solid transparent;}
.swiper-flex .swiper-slide.swiper-slide-active span{border-bottom-color:var(--gray3-color)}
.swiper-flex .swiper-slide:first-child{padding-left:0;}
.comment-lists-section{position:relative;}
.comment-lists .comment-lists .comment-group{padding-left:2.6rem}
.comment-lists .comment-lists .comment-group .title-heading{position:relative;}
.comment-lists .comment-lists .comment-group .title-heading::before{content:"";position:absolute;left:-1.6rem;top:0.7rem;display:block;width:0.7rem;height:0.7rem;border-left:0.1rem solid var(--gray-color);border-bottom:0.1rem solid var(--gray-color)}
.comment-heading{display:flex;align-items:center;height:4.8rem;padding:0 2rem;margin-left:-2rem;margin-right:-2rem;font-size:1.6rem;font-weight:600;color:var(--gray3-color);background-color:var(--gray5-color);}
.comment-heading .num{margin-left:0.8rem;font-size:inherit;font-weight:inherit;color:var(--primary-color);}
.write-group{display:none;padding:2rem 0;}
.write-heading{display:flex;align-items:center;height:5.6rem;padding:0 1.6rem;border-radius:1.2rem;border:0.1rem solid var(--gray2-color);}
.write-heading .ui-textarea{flex:1;height:100%;line-height:5.4rem;padding:0;font-size:1.6rem;color:var(--gray3-color);}
.write-heading .ui-textarea::placeholder{font-size:1.6rem;color:var(--gray-color);line-height:5.4rem;}
.write-heading .ui-textarea::-webkit-input-placeholder{font-size:1.6rem;color:var(--gray-color);line-height:5.4rem;}
.write-heading.focused{align-items:flex-end;}
.write-heading.focused{height:9.6rem;padding-top:1.6rem;padding-bottom:1.6rem;}
.write-heading.focused .ui-textarea{line-height:1.4;}
.write-heading.focused .ui-textarea::placeholder{font-size:1.6rem;color:var(--gray-color);line-height:1.4;}
.write-heading.focused .ui-textarea::-webkit-input-placeholder{font-size:1.6rem;color:var(--gray-color);line-height:1.4;}
.comment-write-group{position:relative; padding:1.6rem 0 1.6rem 2.6rem;border-bottom:0.1rem solid var(--gray8-color)}
.comment-write-group::before{content:"";position:absolute;left:1rem;top:2.3rem;display:block;width:0.7rem;height:0.7rem;border-left:0.1rem solid var(--gray-color);border-bottom:0.1rem solid var(--gray-color)}
.comment-write-heading{display:flex;align-items:flex-end;height:9.6rem;padding:1.2rem 1.6rem 1.2rem;}
.comment-write-heading::placeholder{font-size:1.6rem;color:var(--gray-color);line-height:1.4;}
.comment-write-heading::-webkit-input-placeholder{font-size:1.6rem;color:var(--gray-color);line-height:1.4;}
.comment-write-heading .ui-textarea{height:100%;padding:0;}
.comment-group{position:relative;padding:1.6rem 0;border-bottom:0.1rem solid var(--gray8-color)}
.comment-title{display:flex;justify-content:space-between;align-items:center;}
.comment-title .title-heading{display:flex;align-items:center;}
.comment-title .title-heading .name{font-size:1.6rem;font-weight:600;color:var(--gray4-color);}
.comment-title .title-heading .date{position:relative;padding-left:1.9rem;}
.comment-title .title-heading .date::before{content:"";position:absolute;left:0.8rem;top:50%;transform:translateY(-50%);width:0.1rem;height:1rem;background-color:var(--gray2-color);}
.comment-title .title-heading .writer{padding:0 0.4rem;border-radius:0.4rem;border:0.1rem solid var(--gray-color);}
.comment-title .title-heading .name+.writer{margin-left:0.8rem;}
.comment-title+.comment-content{margin-top:0.6rem;}
.comment-content{font-size:1.6rem;color:var(--gray3-color);max-width: 100%;word-break: break-all;}
.comment-content em{font-size:inherit;color:var(--blue-color)}

/* MY PAGE */
.myinfo-group{min-height:31.4rem;border-radius:1.6rem;background-color:var(--white-color);}
.myinfo-group .ui-table.skeleton-group{width:calc(100% - 4rem);height:auto;margin-left:2rem;margin-right:2rem;}
.myinfo-group>.heading-group{padding:1.6rem 0;margin:0 2rem;border-bottom:0.1rem solid var(--gray8-color);}
.myinfo-group>.heading-group+.table-group{margin-top:0.5rem;}
.table-group{position:relative;padding:0 2rem 1.4rem;}
.ui-table tbody th,
.ui-table tbody td{padding:1rem 0.4rem;text-align:left;}
.ui-table tbody th:first-child{padding-left:0;}
.ui-table tbody th{font-size:1.6rem;color:var(--gray14-color);}
.ui-table tbody td{font-size:1.6rem;color:var(--gray3-color);}
.table-group.type1{padding:0;border-top:0.1rem solid var(--black-color);}
.table-group.type1 .ui-table thead th{padding:1.2rem;border-right:0.1rem solid var(--gray7-color);border-bottom:0.1rem solid var(--gray7-color);background-color:var(--gray5-color);font-size:1.6rem;color:var(--gray3-color);}
.table-group.type1 .ui-table thead th:last-child{border-right:none;}
.table-group.type1 .ui-table tbody th,
.table-group.type1 .ui-table tbody td{padding:1.2rem 1.2rem;text-align:center;}
.table-group.type1 .ui-table tbody th{border-right:0.1rem solid var(--gray7-color);border-bottom:0.1rem solid var(--gray7-color);background-color:var(--gray5-color);text-align:left;color:var(--gray3-color);}
.table-group.type1 .ui-table tbody th:first-child{padding-left:1.2rem;}
.table-group.type1 .ui-table tbody td{border-right:0.1rem solid var(--gray8-color);border-bottom:0.1rem solid var(--gray8-color);color:var(--gray14-color)}
.table-group.type1 .ui-table tbody tr:nth-child(2n) td{border-bottom:0.1rem solid var(--gray7-color)}
.table-group.type1 .ui-table tbody td:last-child{border-right:none;}

/* MARKER GROUP */
.marker-group.dot>.list{position:relative;padding-left:1.2rem;text-align:left;line-height:2rem;color:var(--gray14-color);}
.marker-group.dot>.list::before{content:"";position:absolute;left:0;top:0.8rem;display:block;width:0.4rem;height:0.4rem;border-radius:50%;background-color:var(--gray-color);}
.marker-group.dash>.list{position:relative;padding-left:1.2rem;text-align:left;line-height:2rem;color:var(--gray14-color);}
.marker-group.dash>.list::before{content:"";position:absolute;left:0;top:0.9rem;display:block;width:0.6rem;height:0.1rem;background-color:var(--gray-color);}
.marker-group.number>.list{padding-left:2rem;text-indent:-1.5rem;}
.marker-group.number>.list>.marker-group.dot{text-indent:initial;}
.marker-group.number>.list>.marker-group.dash{text-indent:initial;}
.marker-group.number>.list>p{text-indent:initial;}
.marker-group.inner>.list{padding-left:1.2rem;line-height:2rem;color:var(--gray14-color);}
.marker-group>.list em{display: inline;}

/* TERMS */
.terms-group.divide{overflow:initial!important;}
.terms-section{height:calc(50% - 7rem);overflow-y:auto;margin:1.6rem -2rem 0 0;padding-right:2rem;}
.terms-group .h3 em{font-size:1.8rem;font-weight:700;color:var(--gray10-color);}
.terms-group .h4{font-size:1.6rem;}
.terms-group .h6{font-size:1.4rem;}
.terms-group .table-group.type1 .ui-table tbody th{color:var(--gray4-color);}
.terms-group .table-group.type1 .ui-table tbody td{border-right: 0.1rem solid var(--gray7-color);border-bottom: 0.1rem solid var(--gray7-color);}
.terms-group .table-group.type1 .ui-table tbody td:last-child,
.terms-group .table-group.type1 .ui-table tbody th:last-child{border-right:none;}
.terms-group .table-group.type1 .ui-table th{text-align:center;}
.terms-group .table-group.type1 .ui-table td{text-align:left;}
.terms-group .table-group.type1 .ui-table th,
.terms-group .table-group.type1 .ui-table td{font-size:1.4rem;}

/* Loading */
.skeleton-group{position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;}
.skeleton-group.thumb-lists{position:inherit !important}
.skeleton-group .el{width:100%;height:100%;}
.skeleton-loading{width:100%;height:100%;}
.skeleton-loading .item,
.skeleton-btn{border-radius:0.6rem;background:linear-gradient(120deg,#eaeaea 30%,#f0f0f0 38%,#f0f0f0 40%,#eaeaea 48%);background-size:200% 100%;background-position:100% 0;animation:load 1s infinite;}
@keyframes load{
	100%{
		background-position:-100% 0;
	}
}
.note-editor *{margin:initial;padding:initial;border:initial;font-family:initial;font-weight:initial;font-variant-numeric:tabular-nums;box-sizing:initial;color:initial;line-height:initial;letter-spacing:initial;font-size:inherit;}
.wrapper.bridge{background-color:var(--gray5-color);}
.wrapper.bridge .container{padding-top:0;}
.wrapper.bridge .contents{height:100vh;}
.bridge-group{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;}
.bridge-heading{display:flex;flex-direction:column;justify-content:center;width:100%;height:calc(100% - 17.2rem);height:calc(100% - 17.2rem - constant(safe-area-inset-bottom));height:calc(100% - 17.2rem - env(safe-area-inset-bottom));}
.bridge-heading .heading-group+.ico-church{margin-top:3.2rem;}
.bridge-heading .ico-church{padding-bottom:8rem;text-align:center;}
.bridge-heading .ico-church img{width:13.6rem;}
.h1-bridge{text-align:center;}
.h1-bridge span{display:block;font-size:2.4rem;color:var(--primary1-color);font-weight:600;}
.h1-bridge span+img{margin-top:2rem;}
.h1-bridge img{width:11.5666rem;}
.bridge-body{width:100%;height:17.2rem;height:calc(constant(safe-area-inset-bottom) + 17.2rem);height:calc(env(safe-area-inset-bottom) + 17.2rem);}
.bridge-body p{text-align:center;}
.bridge-body p~.btn-group{margin-top:2.9rem;}

/* mobile-offering */
.mobile-offering{padding-bottom:2.4rem;}
.mobile-offering .offer-box{position:relative;border-radius:0.2rem;padding-top:3.2rem;}
.mobile-offering .offer-box::before{content:"";position:absolute;left:0.6rem;top:0;transform: skewX(-20deg);display:block;width:60%;height:3.2rem;border-top-left-radius:0.8rem;border-top-right-radius:0.8rem;background-color:var(--primary3-color);}
.mobile-offering .offer-box::after{content:"";position:absolute;right:0.6rem;top:0;transform: skewX(20deg);display:block;width:60%;height:3.2rem;border-top-left-radius:0.8rem;border-top-right-radius:0.8rem;background-color:var(--primary3-color);}
.mobile-offering .offer-body{position:relative;border:0.2rem solid var(--primary3-color);padding:2.4rem 1.8rem 1.8rem;}
.mobile-offering .offer-title, .mobile-offering .offer-title > span{font-size:2.2rem;font-weight:700;color:var(--gray10-color);}
.mobile-offering .offer-title::before{content:"";display:block;width:5.5rem;height:4.5rem;background:url(../ui_images/bg/bg_offering_title.png) no-repeat center center/5.5rem auto;margin-bottom:0.3rem;}
.mobile-offering .offer-info{background-color:var(--gray16-color);border:0.1rem solid var(--primary3-color);border-radius:1.2rem;padding:2rem;}
.mobile-offering .ui-dl{display:flex;flex-wrap:wrap;}
.mobile-offering .ui-dl>*{display:flex;align-items:center;width:50%;font-size:1.6rem;}
.mobile-offering .ui-dl dd{justify-content:flex-end;color:var(--gray6-color);}
.mobile-offering .ui-dl dt:nth-child(n+2){margin-top:1.6rem;}
.mobile-offering .ui-dl dd:nth-child(n+3){margin-top:1.6rem;}
.mobile-offering .ui-dl dd.money{font-weight:600;color:var(--blue-color);}
.mobile-offering .offer-info .ui-dl dd{font-weight:600;color:var(--gray3-color);}
.mobile-offering .offer-info .ui-dl dt:nth-child(n+2){margin-top:1.2rem;}
.mobile-offering .offer-info .ui-dl dd:nth-child(n+3){margin-top:1.2rem;}
.mobile-offering .offer-form li+li{margin-top:2.4rem;}
.mobile-offering .hr::before{margin-left:-1.8rem;margin-right:-1.8rem;}
.mobile-offering .offer-pray .ui-label-group .label-body{display:flex;justify-content:flex-end;}
.mobile-offering .offer-pray .accordion-group{border:none;border-radius:0;}
.mobile-offering .offer-pray .accordion-heading{height:4.8rem;padding:1.2rem 0;}
.mobile-offering .offer-pray .accordion-body{border-top:none;padding:0;}
.mobile-offering .offer-pray .btn-accordion-arrow{content:none;position:relative;;width:auto;height:auto;background:none;transform:rotate(0deg);padding-right:1.6rem;}
.mobile-offering .offer-pray .btn-accordion-arrow::after{content:"";position:absolute;right:0;top:0.3rem;display:block;width:1.2rem;height:1.2rem;background:url(../ui_images/ico/ico_accordion_arrow.png) no-repeat center center/1.2rem auto;}
.mobile-offering .offer-pray .btn-accordion-arrow[aria-expanded="false"]::after{transform:rotate(-180deg);}
.mobile-offering .offer-pray .ui-group .ui-textarea{font-size:1.6rem;color:var(--gray4-color);}
.mobile-offering .offer-pray .ui-group.readonly{background-color:var(--white-color);}
.mobile-offering .offer-pray .ui-group+.message-group{justify-content: flex-end;}
.mobile-offering .offer-guide{background-color:var(--gray5-color);border-radius:1.2rem;padding:1.6rem;}
.mobile-offering .offer-guide .h6{font-weight:600;}
.mobile-offering .offer-guide .marker-group li+li{margin-top:0.4rem;}
.mobile-offering.complete{display:flex;flex-direction:column;justify-content:flex-end;background:url(../ui_images/bg/bg_offering_complete.png) no-repeat center 0/26.6rem auto;padding-top:19.3rem;margin-top:1.8rem;}
.mobile-offering.complete .offer-title::before{content:none;}
.mobile-offering.complete .offer-subtitle{font-size:1.3rem;color:var(--primary4-color);}

/* 404 error */
.page-error{display:flex;flex-direction:column;align-items:center;padding-top:5.4rem;}
.page-error::before{content:"";;display:block;width:16.7rem;height:14.9rem;background:url(../ui_images/ico/ico_error.png) no-repeat center center/16.7rem auto;}
.page-error .error-title{font-size:2.2rem;font-weight:600;color:var(--gray3-color);margin-top:4.2rem;}
.page-error .error-subtitle{font-size:1.6rem;}
.form-control_bottom {
	width: 100%;
	border: 1px solid #ccc;
	background-color: #fff;
	min-height: 3.5rem;
	padding: 1rem;
	margin-right: 1rem;
	text-align: left;
	background-size: 1rem;
	border-radius: 0.375rem;}

.form-control_bottom > select {
	margin-right: 1rem;
	background: url(../ui_images/ico/ico_arrow_drop.svg) no-repeat 100% center;
	text-align: left;
	background-size: 1rem;
	background-position-x: right;
	width: 100%;
}
.form-control_bottom_wrap {
	margin: 1rem 0rem ;
	float: right;
	padding-bottom: 2rem;

}