@charset "utf-8";

@import url("reset.css");
@import url("swiper.min.css");
@import url("layout.css");
@import url("sub.css");

@media (min-width: 1024px) {
    .video_desc {
        width: 996px;
    }

    .board_view01 {
        width: 996px;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
}

@media (max-width: 1919px) {
	#lnb .sub_tit:before{width: 268px;height: 82px;background-size: cover;right:30px}
}

@media (max-width: 1440px) {
	.section_01 .col:nth-child(2){padding-left: 35px}
	.section_01 .link01{height: calc(39.473% - 35px);}
	
	.section_09 .flex,
	.text_small{justify-content: left;}
	.section_09 dl,
	.text_small > li{margin-left: 15px}

	.sitemap_area .sub > li{width: calc(20% - 20px);}
}

@media (max-width: 1279px) {
	#header .gnb_bar .box{z-index: 1}
	/*
	#header .util_bar .col:nth-child(1){display: none}
	#header .util_bar .col:nth-child(2){text-align: left;}
	#header .util_bar .col:nth-child(2),
	#header .util_bar .col:nth-child(3){max-width: 50%;flex: 1 1 50%;}
	*/
	#header .util_bar .col{max-width:100%;}
	
	.total_nav .total_inner > ul{gap:16px}
	.total_nav .total_inner > ul > li > a{font-size: var(--font-size05);}
	.total_nav .sub > li > a{font-size: var(--font-size01);}
	
	#lnb .sub > li{flex: 0 1 calc(25% - 30px);margin-left: 30px;}
	#lnb .sub_tit{width: 230px}
	#lnb .sub_tit:before{width: 220px;height: 68px;}
	
	.section_01 .resp_inner{display: block;}
	.section_01 .col:nth-child(1){width: 100%}
	.main_visual{max-width: 100%}
	.section_01 .col:nth-child(2){padding-left: 0;width: 100%;margin-top: 30px;}
	.section_01 .col:nth-child(2) .inner{position: relative;}
	.section_01 .link01{position: relative;height: 126px;padding: 16px;margin-top: 30px}
	.sermon_slider .swiper-slide{border-radius: var(--radius03);overflow: hidden;width: calc(50% - 20px)}
	
	.quick_link > li > a{font-size: var(--font-size02);}
	
	.weekly_box .cont{width: 190px}
	.weekly_box .cont{padding-left: 10px;padding-right: 0}
	.weekly_box .btns.t1{left: 10px}
	
	/* SUB START */
	#sub_container > .resp_inner{display: block}
	#sub_container .snb_area{display: none}
	#sub_container .content_area{padding-left: 0;}
	
	.gallery_list03 > li > a{display: block;}
	.gallery_list03 .img,
	.gallery_list03 .cont{width: 100%}
	.gallery_list03 .cont{padding: 10px 0}
	.gallery_list03 .cont .tit{margin-bottom: 2px}
	.gallery_list03 .cont .info{margin-top: 15px}
	
	.category_main .calendar_area {margin-bottom: 30px;}
	.category_main .calendar_area .top_row {padding-top: 5px;padding-bottom: 14px;}
	
	.sub_explain,
	.sub_explain .col{display: block;}
	.sub_explain .col:nth-child(2) {padding-left: 65px;}
	.sub_explain .title{margin-bottom: 20px;}
	
	.link_box{background: #f3f6fb;}
	.link_box .resp_inner{flex-wrap: wrap;}
	.link_box .resp_inner .col{flex: 1 1 40%;}
	.total_nav .sub > li.has_sub.active > a{background-color: #fff;color: #444;background-image: url("/resource/usr/image/icon_arrow06.svg");}

	.sitemap_area .sub > li{width: calc(25% - 20px);}
	/* SUB END */
}

@media (max-width: 1023px) {
	#wrap{padding-top: 162px;}
	#header .sns_link,
	.lnb_area{display: none}
	#header .head{border-bottom: 1px solid #ddd}
	
	#wrap{padding-top: 162px;}
	.total_nav{top:162px;height: calc(100% - 162px);}
	.total_nav .total_inner{padding: 0;height: 100%;background-color: #fff;}
	.total_nav .total_inner > ul{display: block;width: 180px;min-height: 100%;background-color: #F3F6FB;}
	.total_nav .total_inner > ul > li{width: 100%;}
	.total_nav .sub_nav{display:none;position: absolute;top:0;left:180px;width: calc(100% - 180px);min-height: 100%;background-color: #fff;border-left: 1px solid #ddd;}
	.total_nav .total_inner > ul > li > a{font-size: var(--font-size03);color: #444;font-weight: 500;margin-bottom: 0;display: flex;align-items: center;height: 54px;padding-left: 20px}
	.total_nav .sub > li{margin-bottom: 0;}
	.total_nav .sub > li{border-bottom: 1px solid #ddd}
	.total_nav .sub > li > a{border-radius: 0;border: 0}
	.total_nav .total_inner > ul > li.on .sub_nav{display: block}
	.total_nav .total_inner > ul > li.on > a{background-color: #567DB0;color: #fff;}
	.total_nav .sub > li > a{font-weight: 500;font-size: var(--font-size02);height: 54px;padding-left: 18px;}
	.total_nav .sub > li.has_sub.active > a{background-color: #fff;color: #444;/*background-image: url("/resource/usr/image/icon_arrow06.svg");*/}
	.total_nav .depth02{padding-top: 6px;padding-bottom: 6px;margin-bottom: 0;border-top: 1px solid #ddd;background-color: #F7F7F7}
	.total_nav .sub .depth02 a{font-size: var(--font-size02);}
	
	.section_02{padding: 45px 0 20px;height: auto;background: #f3f6fb;}
	.quick_link{flex-wrap: wrap;}
	.quick_link > li{flex: 1 1 25%;margin-bottom: 28px;}
	.quick_link > li > a{font-size: var(--font-size03);}
	
	.section_03 .resp_inner{display: block;}
	.section_03 .col{width: 100%}
	.weekly_box .cont{width: 218px}
	
	.compt_tabs01,
	.compt_tabs01 .col{display: block;}
	.compt_tabs01 .col.right,
	.section_06 .compt_tabs01 .col.right{padding-left: 0}
	.compt_tabs01 .col.left{width: 100%;margin-bottom: 54px;}

	.tab01{display: flex;flex-wrap: wrap;width: 100%}
	.tab01 > li{flex: 0 1 33.3%;border: 1px solid #ddd;box-sizing: border-box;margin-left:-1px;margin-top: -1px}
	.tab01 > li.on{border-color: #344C6C;position: relative;z-index: 1}
	.tab01 > li:hover, .tab01 > li:hover{border-color: #ccd8e7;}
	.tab01 > li a, 
	.tab01 > li button{border-radius: 0;white-space: nowrap;padding: 0}
	.tab01 span{border: 0;justify-content: center;padding: 0}
	.tab01 span:after{display: none}
	.swiper-option.t1{top: -33px;}
	
	.section_06{height: auto;background: #f3f6fb;}
	.section_06 .resp_inner{margin-bottom: 50px}
	
	.section_07 .resp_inner{display: block;}
	.section_07 .col{width: 100%}
	
	.section_08 .resp_inner{display: block;}
	.section_08 .col:nth-child(1),
	.section_08 .col:nth-child(2){width: 100%;}
	.section_08 .col:nth-child(1){margin-bottom: 60px}

	/* SUB START */
	.popup_slide{padding: 0 62px;}
	.popup_slide .swiper-button-next, 
	.popup_slide .swiper-button-prev{margin-top: -21px;width: 43px;height: 43px;background-size: 86px;left: 10px;}
	.popup_slide .swiper-button-next{background-position: -43px 0;left: auto;right:10px}
	.popup_slide .swiper-button-prev:hover{background-position: 0 -43px}
	.popup_slide .swiper-button-next:hover{background-position: -43px -43px}
	
	.join_step{gap: 70px}
	.join_step .no{font-size: 45px;margin-right: 20px;}
	.join_step > li{font-size: var(--font-size04);padding-bottom: 5px;}
	.join_step > li:after{width: 32px;height: 32px;margin-top: -16px;right: -49px;}
	
	.live_item{display: block;}
	.live_item .img, 
	.live_item .cont{width: 100%}
	.live_item .img{margin-bottom: 30px}
	
	#aside_container .quick_section{padding: 45px 0 20px;height: auto;background: #f3f6fb;}
	
	.list_type06 > li:after{width: 60px;height: 60px;}
	
	.reverend_area{padding-right: 0}
	
	.priest_list{margin: 0 -10px}
	.priest_list > li{margin-bottom: 20px;padding: 0 10px;}
	.priest_list .cont{padding-left: 12px}
	
	.list_type09{gap:20px}
	.list_type09 > li{width: calc(33.333% - 14px);}
	
	.floor_pictogram{gap:30px}
	
	.time_capsule .item{padding-left: 30px}
	
	.greeting_box{gap:20px;}
	.greeting_box .col:first-child{padding-right: 10px;}
	
	.list_type04 .year_box .year{font-size: 120px;}
	
	.sermon_sketch .row{display: block;}
	.sermon_sketch .col{width: 100%}
	.sermon_sketch .right{padding: 30px 20px}
	.sermon_sketch .n04 .right{display: table;}
	.sermon_sketch .n04 .right .thumbs,
	.sermon_sketch .n04 .right .cont{display: table-cell;vertical-align: middle;}
	.sermon_sketch .n04 .right .cont{padding-left: 20px}
	
	.worship_schedule .schedule{flex-wrap: wrap;}
	.worship_schedule .schedule .item{width: 49%;min-height: auto;}
	.worship_schedule .schedule .item:nth-child(1){width: 100%}

	.sitemap_area .sub > li{width: calc(33.333% - 20px);}
    /* SUB END */
}

@media (max-width: 911px) {
	.member_nav,
	#header .util_bar .col:nth-child(3),
	#header .gnb_bar.off .bar{display: none}
	#header .util_bar .col:nth-child(2){max-width: 100%;flex: 0 0 100%;}
	#header .gnb_bar .box{width: calc(100% - 40px);display: flex;justify-content: space-between;}
	#header .home{display: inline-flex;align-items: center;}
	.total_nav .total_inner > ul > li.m{display: block;}
	.total_nav .total_inner > ul > li.m.line{border-top: 1px solid #ddd;padding-top: 9px;}
	.total_nav .total_inner > ul > li.m > a{font-size: var(--font-size02);height: 32px;}
	.total_nav .total_inner > ul > li.m.on > a{background: none;color: #222}
	
	#footer .addr_list{flex-wrap: wrap;gap: 20px;}
	#footer .addr_list > li{flex: 1 1 calc(50% - 10px);}
	
	#footer .related_site .inner {padding-top: 16px;padding-bottom: 10px;}
	#footer .related_site .site_list{display: block;position: relative}
	#footer .related_site .site_list > li{position: relative;margin: 4px 0;}
	#footer .related_site .label,
	#footer .related_site .list a{position:relative;width: 100%;border: 1px solid #444;height: 38px;border-radius: 4px;padding: 0 12px;box-sizing: border-box;font-weight: 500;font-size: 13px;color: #222;text-align: left}
	#footer .related_site .label:after{display: block;content: '';width: 14px;height: 9px;background: url("/resource/usr/image/icon_arrow06.svg") no-repeat 0 0;position: absolute;top:50%;right:12px;margin-top: -5px;}
	#footer .related_site .list{display: none;position: absolute;top: 43px;left:0;width: 100%;z-index: 1;background-color: #fff;border: 1px solid #444;border-radius: 4px;padding: 0;overflow: hidden;box-sizing: border-box}
	#footer .related_site .list > li{display: block;margin: 0;padding: 0}
	#footer .related_site .list > li:before{display: none}
	#footer .related_site .list a{display: flex;border: 0;align-items: center;color: #444;font-weight: 300;font-size: 13px;border-radius: 0}
	#footer .related_site .list a:hover{text-decoration: none;background-color: #E6EFFB;font-weight: 500;}
	#footer .related_site .on .label:after{transform:rotate(180deg);}
	#footer .related_site .on .list{display: block;}
	
	.quick_right .sns_link .btn_sns, 
	.btn_top{width: 38px;height: 38px;background-size: cover}
	.btn_top{background-size: 17px auto}
	
	.section_09 .resp_inner{display: block;padding-top: 40px;padding-bottom: 25px;}
	.section_09 dl, .text_small > li {margin-right:10px;margin-left: 0;}
	
	/* SUB START */
	.tbl_list01,
	.tbl_list01 tbody,
	.tbl_list01 tr,
	.tbl_list01 td{display: block;text-align: left}
	.tbl_list01 .colgroup{display: none}
	.tbl_list01.type01 .no,
	.tbl_list01.type01 .writer,
	.tbl_list01.type01 .hits,
	.tbl_list01.type01 .answer,
	.tbl_list01.type01 .date{width: auto}
	.tbl_list01 tr{border-bottom: 1px solid #ddd;padding: 12px 0}
	.tbl_list01 td,
	.tbl_list01 tr:last-of-type td{height: auto;border-bottom: 0;padding: 1px 0;}
	.tbl_list01 .title{padding-left: 0;display: block;margin-bottom: 5px}
	.tbl_list01 .icon_notice{height: 20px;width: 40px;font-size: 11px}
	.tbl_list01 .hits,
	.tbl_list01 .answer,
	.tbl_list01.type01 .date{display: inline-block;margin-right: 10px}
	.tbl_list01 .notice td.hits,
	.tbl_list01 .notice td.writer,
	.tbl_list01 .notice td.answer{font-size: 0;margin-right: 0;display: none}
	.tbl_list01 .re.title{padding-top: 3px;padding-bottom: 0;margin-bottom: 2px;}
	.tbl_list01 .reply_row{padding-top: 2px;}
	
	.tbl_list01.type02 .no,
	.tbl_list01.type02 .date,
	.tbl_list01.type02 .btn{width: auto}
	.tbl_list01.type02 tr{position: relative}
	.tbl_list01.type02 .btn{position: absolute;right:0;bottom:8px}
	.tbl_list01.type02 .title{margin-bottom: 8px}
	
	.blog_list .cont,
	.video_list .cont{padding-left: 18px}
	
	.video_list{margin: 0 -15px}
	.video_list > li{padding: 0 15px;box-sizing: border-box;}
	
	.gallery_list02 > li,
	.gallery_list02 > li:nth-child(4){width: 33.333%;margin-top: 28px}
	
	.slide_type04{margin: 0 -20px;padding: 0 20px}
	.slide_type04 .slide_outer{overflow: visible}
	
	.swiper-option.t2{top:-74px;right: 12px;}
	
	.mypage_board{display: block;}
	.mypage_board .col{margin-top: 35px;width:100%;}
	.mypage_board .title08.t1{padding-bottom: 15px}
	
	.intro_visual{padding-top: 40px;min-height: 320px;}
	.intro_visual .title{font-size: 48px;padding-top: 28px;}
	
	.form_type05 > table,
	.form_type05 > table > tbody,
	.form_type05 > table > tbody > tr,
	.form_type05 > table > tbody > tr > th,
	.form_type05 > table > tbody > tr > td{display: block;text-align: left}
	.form_type05 > table > thead,
	.form_type05 > table > colgroup{display: none}
	.form_type05 > table > tbody > tr > th,
	.form_type05 > table > tbody > tr > td,
	.form_type05 > table > tbody > tr:last-child th, 
	.form_type05 > table > tbody > tr:last-child td{height: auto;border: 0;padding: 0}
	.form_type05 > table > tbody > tr{border-bottom: 1px solid #ddd;}
	.form_type05 > table > tbody > tr{padding: 10px 0}
	.form_type05 > table > tbody > tr > td:not(.row){display: block;width: 100%;margin-bottom: 6px}
	.form_type05 > table > tbody > tr > td:not(.row):last-child{margin-bottom: 0}
	.form_type05 td:not(.row) .tit,
	.form_type05 td.not(.row) .cont{display: block;vertical-align: top;text-align: left;padding: 0}
	.form_type05 td.not(.row) .tit{padding-bottom: 1px}
	.form_type05 td.row .tit{display: block;padding-top: 4px}
	.form_type05 .tit{font-weight: 600;padding-right: 4px !important;width: 100%;white-space: nowrap;}
	.form_type05 .a_left{padding-left: 0}
	.form_type05 .btns.t9{width:100%;height: 34px;margin-top: 5px}
	.form_type05 td.no_data{margin-bottom: 0 !important}
	.form_type05 > table > thead.mo_show,
	.form_type05 > table > thead.mo_show tr,
	.form_type05 > table > thead.mo_show th.mo_show{display: block;width: 100%;height: 42px}
	.form_type05 > table > thead.mo_show th{display: none}
	.form_type05 > table > thead.mo_show th.mo_show{display: flex;align-items: center;justify-content: end;padding: 0 16px}
	
	.form_type05 > table > tbody > tr > td:not(.row){display: flex;width: 100%;flex-wrap: wrap;align-items: center;}
	.form_type05 > table > tbody > tr > td:not(.row) .tit{width: auto;margin-right: 5px;}
	.form_type05 > table > tbody > tr > td:not(.row) .cont{width: 100%;font-size: 13px}
	.form_type05 > table > tbody > tr > td:not(.row) .tit + .cont{width: auto}
	
	.form_type05 .no_data{justify-content: center;font-size: var(--font-size02);height: 50px !important}
	.form_type05 > table > tbody > tr > td.point {padding-top: 3px;padding-bottom: 3px;}
	
	.list_type02 .img{padding-right: 25px;vertical-align: top}
	.list_type03 .img{padding-right: 25px;width: 180px;}
	
	.list_type04 .img{width: 350px;}
	.list_type04 .cont{padding-left: 35px;}
	.list_type04 .tit:before{left: -35px}
	
	.list_type06{gap:20px}
	.list_type06 > li{flex: 1 1 40%;}
	
	.story_section01 .pc{display: none}
	.story_section01 .mo{display: block}
	.story_section01,
	.story_section01 .txt.n02{display: block;}
	.story_section01 .img{padding: 10px 0}
	.story_section01 .img img{width: 152px}
	.story_section01 .txt.n02 .tit{margin-bottom: 17px;margin-top: 0;}
	.story_section01 .txt.n02 .extract{margin-top: 18px;margin-bottom: 0;}
	
	.word_box {padding: 52px 50px 25px;}
	
	.priest_list.t1 > li{width: 50%;}

	.grid_type04 .img{display: none}
	
	.grid_type05{display: block;}
	.grid_type05 .col{width: 100%;margin-bottom: 25px}
	.grid_type05 .col:last-child{margin-bottom: 0}
	
	.worship_schedule .grid_type05 .title06{margin-bottom: 15px}
	
	.layer_zone.layer02 .layer_cont{padding: 27px 20px 20px;}
	.layer_zone.layer02 .facilities_slide .tit{margin-bottom: 15px;}
	.layer_zone.layer02 .close{top:20px;right:12px;padding: 10px;}
	.layer_zone.layer02 .close img{width: 22px}
	
	.time_capsule .list .tit{font-size: var(--font-size04);}
	
	.analects_area{padding-left: 30px;padding-right: 30px}
	
	.catalog_area .catalog{display: block}
	.catalog_area .catalog .item{min-height: auto;padding: 30px 15px;}
	.catalog_area .catalog .item:nth-child(1){margin-bottom: 10px}
	.catalog_area .catalog .item:nth-child(1),
	.catalog_area .catalog .item:nth-child(2){width: 100%}
	.catalog_area .catalog .item {padding: 20px 15px;}
	.catalog_area .title11{font-size: var(--font-size04);margin-bottom: 20px;}
	.catalog_area .catalog .title04{font-size: var(--font-size03);}
	.catalog_area .catalog ul > li{margin-bottom: 10px}
    /* SUB END */
}

@media (max-width: 767px) {
	:root {
	  --font-size01: 12px;
	  --font-size02: 14px;
	  --font-size03: 16px;
	  --font-size04: 18px;
	  --font-size05: 20px;
	  --font-size06: 22px;
	  --font-size07: 24px;
	  --font-size08: 26px;
	  --font-size09: 28px;
	  --font-size10: 30px;
	  --font-size11: 32px;
	  --font-size12: 34px;
	}

	html, body{font-size: 14px;}
	
	.pc,
	.pc.inline{display: none;}
	.mo{display: block;}
	.mo.inline{display: inline;}
	
	colgroup.pc,
	col.pc,
	th.pc,
	td.pc{display: none}
	
	colgroup.mo{display: table-column-group}
	
	#wrap{padding-top: 159px;}
	.total_nav{top:160px;height: calc(100% - 160px);}
	.total_nav .total_inner > ul{width: 135px;min-height: 100%;}
	.total_nav .sub_nav{left:135px;width: calc(100% - 135px);}
	.total_nav .total_inner > ul > li > a{font-size: var(--font-size03);height: 47px;padding-left: 12px}
	.total_nav .sub > li > a{font-size: 15px;height: 47px;}
	.total_nav .depth02{padding-top: 6px;padding-bottom: 6px;}
	.total_nav .sub .depth02 a{font-size: var(--font-size02);}
	.total_nav .total_inner > ul > li.m{display: block;}
	.total_nav .total_inner > ul > li.m.line{border-top: 1px solid #ddd;padding-top: 9px;}
	.total_nav .total_inner > ul > li.m > a{font-size: var(--font-size02);height: 32px;}
	.total_nav .total_inner > ul > li.m.on > a{background: none;color: #222}
	
	#header{padding-top: 44px}
	#header .util_bar .resp_inner,
	#header .gnb_bar.off:before{height: 44px;}
	.dl01{display: flex}
	.dl01 dt {padding-right: 15px;width: 74px;}
	.dl01 dd{display: flex;align-items: center;justify-content: center;}
	#header .util_bar.off .close{top: 24px}
	#header .util_bar.off .close:before{top: 28px}
	#header .util_bar .close{width: 48px;height: 48px;top: 13px;display:none}
	#header .util_bar .close:before{width: 15px;height: 9px;background-size: cover;top: 29px}
	#header .home{padding-left: 22px;color:#444;}
	#header .home:before{width: 15px;height: 14px;background-size: cover;margin-top: -7px;}
	#header .gnb_bar{background-color: #F7F7F7;}
	#header .gnb_bar .box{top: /*-47px*/ 0;position: relative;left:0;width: 100%;padding-top: 8px;padding-bottom:8px}
	#header .gnb_bar .custom_option .label {border-color: #444;color: #444;}
	#header .gnb_bar .home:before{background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9688 8C17.9688 8.5625 17.5 9 16.9688 9H15.9688L16 14C16 14.0938 16 14.1875 16 14.25V14.75C16 15.4688 15.4375 16 14.75 16H14.25C14.1875 16 14.1562 16 14.125 16C14.0938 16 14.0312 16 14 16H12.25C11.5312 16 11 15.4688 11 14.75V12C11 11.4688 10.5312 11 10 11H8C7.4375 11 7 11.4688 7 12V14.75C7 15.4688 6.4375 16 5.75 16H4C3.9375 16 3.90625 16 3.84375 16C3.8125 16 3.78125 16 3.75 16H3.25C2.53125 16 2 15.4688 2 14.75V11.25C2 11.25 2 11.2188 2 11.1875V9H1C0.4375 9 0 8.5625 0 8C0 7.71875 0.09375 7.46875 0.3125 7.25L8.3125 0.28125C8.53125 0.0625 8.78125 0 9 0C9.21875 0 9.46875 0.09375 9.65625 0.25L17.625 7.25C17.875 7.46875 18 7.71875 17.9688 8Z' fill='%23444444'/%3E%3C/svg%3E%0A");}
	.gnb_bar .bar{display:none}
	#header .gnb_bar .custom_option .label:after {background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.48483 1.00045L5.24219 5.24309L0.999547 1.00045' stroke='%23444444' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
	#header .util_bar.off{top:0}

	.custom_option{width: 130px}
	.custom_option .label{height: 29px;padding-left: 10px}
	
	#header .head{height: 70px}
	#header .head .col{gap:18px}
	#header .head .col:first-child{gap:5px}
	#header .logo > a{width: 102px;height: 32px;}
	#header .logo.online > a{width: 81px;}
	#header .logo.tschool > a{width: 76px;}
	#header .logo.nursery > a{width: 104px;}
	#header .logo.toddler > a{width: 105px;}
	#header .logo.infant > a{width: 91px;}
	#header .logo.kindergarten > a{width: 98px;}
	#header .logo.elementary > a{width: 91px;}
	#header .logo.special_needs > a{width: 101px;}
	#header .logo.boys > a{width: 101px;}
	#header h1 img{height: 35px;}
	
	.onair{width: 61px;height: 23px;font-size: var(--font-size01);}
	.onair span{padding-left: 9px}
	.onair span:before{width: 3px;height: 3px;margin-top: -1.5px;}
	
	.online .tit{font-size: var(--font-size01);margin-right: 8px;}
	.online .onair{width: 61px;height: 23px;font-size: var(--font-size01);}
	.online .onair span{padding-left: 9px}
	.online .onair span:before{width: 3px;height: 3px;margin-top: -1.5px;}
	
	.hamburger{width: 38px;height: 38px}
	.hamburger .btn_total{width: 16px;height:1px;margin-left: -8px;}
	.hamburger .btn_total:before {top: -6px;}
	.hamburger .btn_total:after {top: 6px;}
	.hamburger.show .btn_total{width: 20px;margin-left: -10px;}
	
	#footer > .resp_inner{padding-bottom: 36px;}
	#footer .util_nav {padding: 13px 20px;display: flex;margin: 0 -20px;justify-content: space-between;}
	#footer .util_nav a{font-size: 13px;    margin-right: 0px;padding: 0 20px}
	#footer .copy{display: block;text-align: center;padding-top: 16px;}
	#footer .copy h1{margin-bottom: 10px}
	#footer .copy p{line-height: 1.5}
	
	#footer .addr_list{font-size: 13px;gap: 10px}
	#footer .addr_list > li{flex: 1 1 100%;}
	#footer .addr_list .tit{margin-bottom: 3px}

	#footer .visitant{border-bottom: 1px solid #888;position:relative;top:auto;right:auto;text-align:center;margin: 0 -20px;padding: 13px 20px}
	
	.site_go{height: 38px}
	.quick_right .sns_link{margin-bottom: 12px;}
	
	.section_01 .link01 {height: 114px;padding: 10px 16px;}
	.section_01 .link01 ul > li > div{font-size: var(--font-size03);}
	
	.slide_type01 .slide_outer{overflow: visible}
	.slide_type01 .cont_box {padding: 18px 20px 20px;}
	.slide_type01 .tit{margin-bottom: 8px}
	.slide_type02 .swiper-slide .slide_inner{padding: 25px 25px 30px;}
	.slide_type02 .tit{margin-bottom: 54px;}
	
	.section_08 .col:nth-child(1){gap:20px}
	.section_08 .calendar, .section_08 .visitors {width: calc(50% - 10px);flex: 0 1 calc(50% - 10px);}
	
	.tab01 span,
	.notice_box .tit,
	.notice_box .cont,
	.board_box .tab_btns button,
	.board_list01 > li a,
	.section_09 dt, .section_09 dd{font-size: 15px;}
	.tab01 > li a, 
	.tab01 > li button,
	.notice_box .tit{height: 45px}
	.text_small{font-size: var(--font-size02);}
	
	.board_list01{padding-bottom: 36px}
	.notice_box .cont{height: auto;}
	.notice_box .cont li{margin-bottom: 16px}
	.board_box, .notice_box .inner{min-height: auto;height: auto}
	
	.container {padding-bottom: 50px;}
	#sub_container{padding-bottom: 80px;}
	
	.tab01{display: flex;flex-wrap: wrap;width: 100%}
	.tab01 > li{flex: 0 1 33.3%;}
	
	.base_paging .number a, 
	.base_paging .number .on{min-width: 30px;font-size: 14px}
	.base_paging a.page.prev:before {background-position: 0 0;}
	.base_paging a.page.next:before {background-position: -32px 0;margin-top: -5px;}
	
	/* SUB START */
	.tbl_list01 .no{font-size: 11px}
	.tbl_list01 .icon_secret{margin-left: 1px}
	.tbl_list01 .icon_secret img{width: 12px}
	.board_write01 .tbl_write > tbody > tr > th.mid, 
	.board_write01 .tbl_write > tbody > tr > td.mid{height: 44px;padding: 5px 0;}
	
	.board_view01 .info{gap: 0 20px;}
	.basic_tbl th, .basic_tbl td{height: 48px;}
	.basic_tbl th{padding-left: 14px;}
	
	.file_box .file_name{font-size: var(--font-size02);}
	
	.board_write01{font-size: 15px;}
	.board_write01 .tbl_write .flex_box{flex-wrap: wrap;gap:10px}
	.board_write01 .tbl_write .content_row {padding-top: 10px;}
	
	.int, 
	.textarea, 
	.sel{height: 44px;padding-left: 12px;}
	.file_box .file_name{padding-left: 12px;}
	
	.blog_list,
	.video_list{margin: 0}
	.blog_list > li,
	.video_list > li{width: 100%;padding: 0}
	.blog_list > li:nth-child(2),
	.video_list > li:nth-child(2){margin-top: 30px}
	
	.radio label{padding-left:27px;}
	.radio input[type='radio'] + label:before{margin-top:-10px;content:'';width:20px;height:20px;background-size: 20px auto;}
	.radio input[type='radio']:checked + label:before{background-position: 0 -20px;}
	.radio + .radio {margin-left: 14px;}
	
	.gallery_list01{margin: 0 -8px}
	.gallery_list01 > li{padding: 0 8px;}
	
	.calendar_area .top_row > .date {margin: 0 15px;}
	
	.join_area{font-size: 15px}
	
	.join_area{padding-top: 70px;padding-bottom: 50px;}
	.join_step{gap: 60px}
	.join_step .no{font-size: 35px;margin-right: 10px;}
	.join_step > li{font-size: var(--font-size03);}
	.join_step > li:after{width: 28px;height: 28px;margin-top: -14px;right: -43px;background-size: 6px auto;}
	
	.btns.t3{padding: 0 10px;font-size: 13px;}
	
	.title08.t1{padding-bottom: 15px;margin-bottom: 20px;}
	
	.form_type03 .int,
	.form_type03 .sel,
	.form_type03 .text01,
	.form_type03 .text02,
	.form_type03 > tbody > tr > td,
	.form_type03 .form_type04 > tbody > tr > th,
	.form_type05 > table > tbody > tr > td{font-size: 14px;}
	.form_type03 > tbody > tr > th{width: 100px}
	.form_type03 .form_type04 > tbody > tr > th{width: 76px;}
	.form_type03 .col2 {width: 160px;}
	.form_type03 > thead > tr > th, 
	.form_type03 > tbody > tr > th{height: 50px}
	
	.join_complete .title06{margin-bottom: 24px;}
	
	.video_area{display: block;}
	.video_area .video_player,
	.video_area .aside_info,
	.category_main .video_area .video_player,
	.category_main .video_area .aside_info{width: 100%}
	.video_area .aside_info{padding-top: 35px}
	.video_area .aside_info .inner{display: flex;gap:25px}
	.video_area .aside_info .thumb{width: 45%}
	.video_area .aside_info .cont{width: 55%;padding-top: 10px}
	.video_area .aside_info .thumb{padding-bottom: 0;height: auto}
	.video_area .aside_info .thumb img{position: relative}
	.video_area .aside_info table th, 
	.video_area .aside_info table td{font-size: var(--font-size02);padding-top: 1px;padding-bottom: 1px}
	.video_area .aside_info .info{margin-top: 15px;padding-top: 15px;}
	
	.audio_player{padding: 20px 20px 30px;}
	.audio_player .tit_row{padding-left: 58px;}
	.audio_player .mejs__playpause-button {top: -47px;width: 42px;height: 42px;}
	.audio_player .mejs__volume-button,
	.audio_player .mejs__volume-button > button, 
	.audio_player .audio_download{width: 36px;height: 36px;}
	.audio_player .audio_download{top: 24px;right: 20px}
	.audio_player .mejs__volume-button{top: -45px;right: 43px;}
	.audio_player .mejs__horizontal-volume-slider{right: 90px}
	
	.video_desc{padding: 20px;}
	.video_desc .desc_list {margin-bottom: 30px;}
	.video_desc .desc_list > li{padding-left: 54px;}
	.video_desc .desc_list .no{width:40px;height: 40px;top: 0.1em;}
	
	.gallery_list03{margin: 0 -8px;}
	.gallery_list03 > li{width: 50%;padding: 0 8px}
	.gallery_list03 > li:nth-child(1),
	.gallery_list03 > li:nth-child(2){margin-top: 0}
	
	.category_main .video_area .aside_info{padding-top: 30px}
	.category_main .part{margin-top: 40px;margin-bottom: 50px}
	
	.slide_type04 .cont{padding: 12px 0 0;}
	.slide_type04 .tit{font-size: var(--font-size03);}
	
	.tbl02 th{width: 110px;}
	
	.sub_visual{height: 180px;font-size: var(--font-size03);line-height: 1.6;}
	.sub_visual .point{font-size: var(--font-size06);letter-spacing: -0.02em}
	.sub_visual.mypage{padding: 28px 0 0 5.2%;}
	.sub_visual.offering,
	.sub_visual.qt{height: 240px;font-size: var(--font-size06);}
	
	.sub_visual.t1{font-size: var(--font-size02);line-height: 1.3;align-items: center;padding-top: 20px;padding-bottom: 20px;}
	.sub_visual.t1 .point{font-size: var(--font-size06);margin-bottom: 10px;}
	.sub_visual.t1,
    .congratulations_area .visual{height:auto;min-height: 240px;}
	
	.board_list02 .icon_secret img{width: 10px;}
	
	.sub_explain .title span{padding-left: 40px;padding-right: 15px;font-size: var(--font-size07);white-space: nowrap}
	.sub_explain .title span:before{width: 28px;height: 38px}
	.sub_explain .col{font-size: 15px;line-height: 1.5}
	.sub_explain .col:nth-child(2){padding-left: 0}
	
	.link_box .link > li{font-size: 15px;height: 45px;}
	
	.account_num{display: block}
	.account_num .tbl04{width:100%;margin-top: 25px}
	
	#aside_container .board_section02{height: auto;min-height: auto}
	
	.grid_type01 .part{margin-bottom: 45px;}
	.grid_type01 .btn_center{margin-top: 45px;}
	
	.form_type03,
	.custom_style01,
    .list_type01 + .list_type01{margin-top: 18px;}
    
    .tab02 ul{flex-wrap: wrap;border-left: 1px solid #ddd;border-top: 1px solid #ddd;border-bottom: 0}
    .tab02 li {width: 16.666%;max-width: 16.666%}
    .tab02 li a{height: 42px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: var(--font-size02);}
    .tab02 li a:after{display: none}
    .tab02 li.on a:after{display: block;}
    
    .tab_slider .swiper-slide a{height: 42px;font-size: var(--font-size02);}
    
    .think_area .member_area{margin-bottom: 50px}
    
    .layer_zone.layer01 .layer_cont > .title {padding: 5px 38px 5px 15px;min-height: 60px;font-size: var(--font-size04);}
    .layer_zone.layer01 .layer_cont .close {top: 12px;right: 10px;background-size: 18px 18px;}
    .layer_zone.layer01 .layer_cont > .layer_inner{padding: 15px}
    .layer_zone.layer01 .layer_cont .layer_terms{height: 340px}
    
    .gallery_list02 .cont{padding-top: 10px;}
    .gallery_list02 .tit{margin-bottom: 10px;}
    
    .online_offering .btn_center {margin-top: 60px;}
    
    .tab_slider .swiper-slide{min-width: 100px;}
    .tab_slider .swiper-slide a{padding: 0 15px;text-align: center}
    
    .grid_type01{padding-bottom: 80px;}
    
    .list_type04 > li{height: auto;margin-bottom: 30px;}
    .list_type04 > li,
    .list_type04 .img,
	.list_type04 .cont{display: block;}
	.list_type04 .img{width: 100%;height: 0;padding-bottom: 70%;position: relative}
	.list_type04 .img img{position: absolute;top: 0;left: 0}
	.list_type04 .cont{font-size: var(--font-size02);padding: 30px 20px 30px 35px;}
	.list_type04 .tit{margin-bottom: 25px;font-size: var(--font-size05);}
	
	.list_type05{flex-wrap: wrap;}
	.list_type05 > li{flex: 1 1 28%;}
	
	.word_box {padding: 42px 30px 20px;}
	.list_type08{margin: 0 -10px}
	.list_type08 > li{width: 50%;padding: 0 10px;margin-bottom: 20px;}
	
	.ci_area .img.mo{margin-top: 15px}
	
	.reverend_area{display: block;}
	.reverend_area .inner{padding-right: 0}
	.reverend_area .cont{padding-top: 20px}
	.reverend_area .img{text-align: right}
	.reverend_area .part{margin-bottom: 60px}
	.reverend_area .part:last-child{margin-bottom: 0}
	.reverend_area td{padding-bottom: 40px}
	.reverend_area tr:last-child td{padding-bottom: 0}
	.reverend_area .list01 li {margin-bottom: 24px;}
	
	.broadcast_area .part {margin-bottom: 50px;}
	.broadcast_list{gap:14px;margin-top: 15px}
	.broadcast_list > li{width:calc(50% - 7px);}
	.broadcast_list .img{border-radius: 8px}
	
	.priest_list > li{width: 50%}
	
	.grid_type03 > li{width: 100%;flex: 1 1 100%;}
	
	.worship_schedule .part{margin-bottom: 40px;}
	
	.list_type09{gap: 16px;}
	.list_type09 > li{width: calc(50% - 8px);}
	.list_type09 .inner{padding: 22px 25px 130px}
	
	.btns.t11 {padding: 0 5px;min-width: 70px;height: 36px;}
	
	.floor_area .floor,
	.time_capsule .label{width: 59px;height: 28px;top: -7px;left: 16px;font-size: var(--font-size02);}
	.floor_area .floor:before,
	.time_capsule .label:before{width: 7px;height: 10px;left: -5px;margin-top: -5px}
	.floor_area .item{padding: 54px 0 60px 20px;}
	.time_capsule .label{width: auto;min-width: 100px}
	
	.floor_pictogram .mo{display: none}
	
	.tab_type01{gap: 0 12px;padding: 0;margin-bottom: 30px;}
	
	.btns.t12{min-width: 110px;height: 40px;}
	
	.map_area{padding-left: 0}
	.map_area .map{height: 280px}
	.map_area .info{position: relative;width: 100%;padding: 24px 24px 15px}
	.map_area .info table th, .map_area .info table td{padding-bottom: 10px}
	
	.title15{font-size: var(--font-size04);margin-bottom: 25px;}
	.title15 span{padding-left: 50px;}
	.title15 .subway:before,
	.title15 .bus:before,
	.title15 .parking:before,
	.title15 .shuttle:before{width: 40px;height: 40px;margin-top: -20px;background-size: cover}
	.title15 .shuttle:before{width: 50px}
	.title15 .shuttle{padding-left: 60px}
	
	.title16 span {padding-left: 48px;}
	.title16 .bus:before{width: 38px;height: 39px;margin-top: -19px;background-size: cover}
	.title17{font-size: var(--font-size10);margin-bottom: 12px;}
	
	.route_list{padding: 20px 25px;}
	.route_list .tit{margin-right: 10px;}
	.route_list .tit.subway img{width: 48px;}
	.route_list .col.w01{width: 80px;}
	.route_list .col.w02{width: 65px;}
	
	.public_transportation {margin-top: 50px;font-size: var(--font-size02);}
	
	.list09 > li{font-size: var(--font-size02);margin-bottom: 6px;}
	
	.grid_type06 .cont,
	.grid_type06 .col,
	.grid_type07,
	.grid_type07 > .col,
	.grid_type08,
	.grid_type08 > .col{display: block;width: 100%;box-sizing: border-box}
	.grid_type06 .col:first-child{padding-bottom: 10px}
	.grid_type06 .col:last-child{padding-top: 10px}
	.grid_type07 > .col:first-child{padding-right: 0;border-bottom: 1px solid #999;padding-bottom: 25px}
	.grid_type07 > .col:last-child{padding-left: 0;padding-top: 30px;}
	
	.grid_type08 > .col{padding:0 0 15px;}
	.grid_type08 > .col:first-child{padding-right: 0;border-bottom: 0}
	.grid_type08 > .col:last-child{padding-left: 0;padding-top: 0;}
	.grid_type08 .grid_type06 .col:first-child{padding: 15px 10px;}
	.grid_type08 + .grid_type08{margin-top: 0}
	
	.title16{font-size: var(--font-size02);margin-bottom: 25px;}
	
	.parking_info {padding-top: 10px;}
	.parking_info .part {margin-bottom: 30px;}
	
	.greeting_box{display: block;padding-top: 40px}
	.greeting_box .col:first-child{padding-right: 0;}
	.greeting_box .col:last-child{width: 100%;text-align: center}
	
	.greeting_10th p{line-height: 1.4}
	
	.congratulations_area .visual{font-size: var(--font-size06);line-height: 1.4;}
	
	.btn_slider,
	.btn_slider .swiper{overflow: visible}
	.btn_slider.t1{margin-bottom: 0}
	
	.wooridle_story .txt01{margin-bottom: 20px}
	.wooridle_story .txt02{font-size: var(--font-size02);margin-bottom: 30px}
	
	.list_type10{border-radius: 12px;overflow: hidden;border: 1px solid #E6EFFB;}
	.list_type10 .col{width: 100%;border-radius: 0;overflow: visible;border: 0;}
	.list_type10 .col:first-child{margin-top: 0}
	.list_type10 .item{min-height: auto}
	.list_type10 .col:last-child .item.bl{background-color: #fff}
	.list_type10 .col:last-child .item.wh{background-color: #E6EFFB}
	.list_type10 .col:last-child .wh .title:before{background-image: url("data:image/svg+xml,%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.8153 24.0964L32.9958 19.9233C33.5902 19.3233 33.303 18.0896 32.6419 17.5368C32.0675 17.0582 31.2061 17.1458 30.6785 17.6784L26.5648 21.8312C25.4763 22.9301 24.8552 24.4132 24.8419 25.9705L24.7617 33.211L29.8371 36.6762L30.1175 31.9503L36.6754 23.0986C37.5703 21.8919 38.0311 20.4222 37.9977 18.9188L37.8307 11.9346C37.8107 11.1256 37.1429 10.4851 36.3415 10.5053H36.2814C35.4801 10.5256 34.8456 11.1997 34.8657 12.0087L34.9458 15.2784C34.9925 17.1997 34.1511 18.8649 32.7554 20.166L28.8287 24.0964H28.8153Z' fill='%23E35D68' stroke='%23E6EFFB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.7349 29.7424L20.6641 34.4644L30.5503 38.8828L32.6212 34.1609L22.7349 29.7424Z' fill='%23E35D68' stroke='%23E6EFFB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1841 24.0964L6.00358 19.9233C5.40923 19.3233 5.69639 18.0896 6.35752 17.5368C6.93184 17.0582 7.79331 17.1458 8.32088 17.6784L12.4346 21.8312C13.5231 22.9301 14.1442 24.4132 14.1575 25.9705L14.2377 33.211L9.16232 36.6762L8.88184 31.9503L2.32396 23.0986C1.42909 21.8919 0.968304 20.4222 1.00169 18.9188L1.16865 11.9346C1.18868 11.1256 1.85649 10.4851 2.65786 10.5053H2.71796C3.51933 10.5256 4.15375 11.1997 4.13372 12.0087L4.05358 15.2784C4.00683 17.1997 4.84827 18.8649 6.24399 20.166L10.1707 24.0964H10.1841Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.37448 34.1599L8.44531 38.8818L18.3316 34.4634L16.2608 29.7414L6.37448 34.1599Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.1333 6.79776H21.6706V1H17.3365V6.79776H11.8672V11.173H17.3365V23.2472H21.6706V11.173H27.1333V6.79776Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}
	.list_type10 .col:last-child .bl .title:before{background-image: url("data:image/svg+xml,%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.8153 24.0964L32.9958 19.9233C33.5902 19.3233 33.303 18.0896 32.6419 17.5368C32.0675 17.0582 31.2061 17.1458 30.6785 17.6784L26.5648 21.8312C25.4763 22.9301 24.8552 24.4132 24.8419 25.9705L24.7617 33.211L29.8371 36.6762L30.1175 31.9503L36.6754 23.0986C37.5703 21.8919 38.0311 20.4222 37.9977 18.9188L37.8307 11.9346C37.8107 11.1256 37.1429 10.4851 36.3415 10.5053H36.2814C35.4801 10.5256 34.8456 11.1997 34.8657 12.0087L34.9458 15.2784C34.9925 17.1997 34.1511 18.8649 32.7554 20.166L28.8287 24.0964H28.8153Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.7349 29.7424L20.6641 34.4644L30.5503 38.8828L32.6212 34.1609L22.7349 29.7424Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1841 24.0964L6.00358 19.9233C5.40923 19.3233 5.69639 18.0896 6.35752 17.5368C6.93184 17.0582 7.79331 17.1458 8.32088 17.6784L12.4346 21.8312C13.5231 22.9301 14.1442 24.4132 14.1575 25.9705L14.2377 33.211L9.16232 36.6762L8.88184 31.9503L2.32396 23.0986C1.42909 21.8919 0.968304 20.4222 1.00169 18.9188L1.16865 11.9346C1.18868 11.1256 1.85649 10.4851 2.65786 10.5053H2.71796C3.51933 10.5256 4.15375 11.1997 4.13372 12.0087L4.05358 15.2784C4.00683 17.1997 4.84827 18.8649 6.24399 20.166L10.1707 24.0964H10.1841Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.37448 34.1599L8.44531 38.8818L18.3316 34.4634L16.2608 29.7414L6.37448 34.1599Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.1333 6.79776H21.6706V1H17.3365V6.79776H11.8672V11.173H17.3365V23.2472H21.6706V11.173H27.1333V6.79776Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
	
	.analects_area{padding-bottom: 50px;padding-left: 20px;padding-right: 20px;margin-left: -20px;margin-right: -20px}
	.analects_area .title17{margin-bottom: 20px}
	
	.list10 > li{font-size: var(--font-size02);}
	.list10 > li:before{top: 0.55em;}
	
	.catalog_area .catalog .item {font-size: var(--font-size02);}
	
	.president_forum .part {margin-bottom: 40px;}
	.president_forum .grid_type08 .col:first-child,
	.president_forum .grid_type08 .col:last-child{width: 100%}
    /* SUB END */
}

@media (max-width: 620px){
	:root {
	  --radius01: 3px;
	  --radius02: 5px;
	  --radius03: 12px;
	}
	
	.section_08 .col:nth-child(1){display: block;}
	.section_08 .calendar,
	.section_08 .visitors{width: 100%}
	.section_08 .calendar{margin-bottom: 50px}
	
	.weekly_box .inner,
	.weekly_box .cont, 
	.weekly_box .thumbnail{display: block;width: 100%;height: auto}
	.weekly_box .cont{position: relative;padding: 5px 0 20px;}
	.weekly_box .btns.t1{display: none}
	.weekly_box .img_list{gap: 10px;height: auto;}
	.weekly_box .cont .num {margin-bottom: 3px;}
	.weekly_box .cont .date{margin-bottom: 14px}
	
	.btn_left{gap:15px}
	.btn_right .btns{width: 100%}
	.btns.t1 {min-width: 82px;height: 36px;padding: 0 12px 0 15px;font-size: 13px;}
	.btns.t1 span{padding-right: 30px;}
	.btns.t1 span:after{background-size: cover;width: 7px;height: 12px;margin-top: -6px;}
	.btns.t3{padding: 0 8px;min-width: 75px;font-size: var(--font-size01);}
	.btns.t5{height: 48px}
	.btns.t6{height: 42px}
	.btns.t7{height: 46px;}
	
	.slide_type02 .slide_outer{overflow: visible}
	
	.section_01{padding: 20px 0 20px}
	.section_01 .col:nth-child(2),
	.section_01 .link01{margin-top: 15px;}
	
	.title01{font-size: var(--font-size07);margin-bottom: 20px;}
	.title03{height: 100px;font-size: var(--font-size07);}
	.title04{margin-bottom: 7px}
	
	#aside_container .title01{margin-bottom: 48px}
	.swiper-option{height: 34px}
	
	.quick_link i{width: 80px}
	.quick_link > li > a {font-size: var(--font-size02);}
	
	.board_list01 {padding-top: 23px;padding-bottom: 28px;}
	.board_list01 > li{padding-left: 9px;margin-bottom: 15px}
	.board_box .tab_btns button{height: 52px}
	.board_box .tab_btns button,
	.board_list01 > li a{font-size: var(--font-size03);}
	.board_list01 > li a{max-width: 80%}
	.board_box, .notice_box .inner{min-height: auto;height: auto}
	.board_box .tab_panel {padding: 0 20px;}
	
	.weekly_box .cont .date{font-size: var(--font-size04);}
	
	.notice_box .cont{font-size: var(--font-size03);padding: 20px 25px 25px;}
	
	/* SUB START */
	#sub_container {padding-top: 25px;}
	.sub_top{padding-bottom: 35px;}
	.module_box a, .module_box button{width: 32px;height: 32px;margin-left: 6px;}
	.module_box{top: auto;bottom: 10px}
	.text_box01{padding: 14px 20px;} 
	
	.base_paging a.page{width:30px;height:30px;}
	.base_paging .number{margin: 0 5px;}
	.base_paging .number a,
	.base_paging .number .on{width:30px;line-height:30px;}
	.base_paging .number a, .base_paging .number .on{font-size: 12px}
	.base_paging a.page{margin: 0 1px}
	
	.board_view01 .comment_list .comment_info{padding-right: 120px}
	.board_view01 .comment_write textarea{font-size: 13px;}
	.board_view01 .gallery_row > li{width: 50%}
	.board_view01 .cont_row,
	.basic_tbl td{font-size: 15px}
	
	.board_write01 .tbl_file,
	.board_write01 .tbl_file tbody,
	.board_write01 .tbl_file tbody tr,
	.board_write01 .tbl_file tbody th,
	.board_write01 .tbl_file tbody td{display: block;width: 100%}
	.board_write01 .tbl_file tbody th{text-align: left;display: flex;align-items: center;padding: 12px 0 15px}
	.board_write01 .tbl_file tbody th .btns.t4{width: 88px;margin-top: 0;margin-left: 10px}
	.board_write01 .tbl_file td{padding-left: 0}
	.board_write01 .tbl_file .file_list .btns.t3{width: 48px}
	.board_write01 .tbl_file .file_box .btn_file{width: 64px}
	
	.gallery_list01{margin: 0 -8px}
	.gallery_list01 > li{width: 50%}
	.gallery_list01 > li,
	.gallery_list01 > li:nth-child(3),
	.gallery_list01 > li:nth-child(4){margin-top: 18px}
	.gallery_list01 > li:nth-child(1),
	.gallery_list01 > li:nth-child(2){margin-top: 0}
	.gallery_list01 .cont{padding-top: 8px;}
	
	.gallery_list02 {margin: 0 -8px;}
	.gallery_list02 > li{padding: 0 8px}
	.gallery_list02 > li,
	.gallery_list02 > li:nth-child(3),
	.gallery_list02 > li:nth-child(4){width: 50%;margin-top: 28px}
	
	.popup_slide{padding: 0 20px;}
	.popup_slide .swiper-button-prev{left:0}
	.popup_slide .swiper-button-next{left: auto;right:0}
	
	.member_area{margin-top: 50px;}
	.member_area .inner{padding: 38px 25px;}
	.idpw_box .inner{padding: 40px 25px 35px;}
	.login_form + .btn_center{margin-top: 32px;padding-top: 25px;}
	
	.form_type01{margin-bottom: 32px;}
	.form_type01 .row{margin-bottom: 12px;}
	.form_type01,
	.form_type01 .check label,
	.login_form a,
	.form_type02{font-size: 13px}
	
	.form_type02 th,
	.form_type02 td{padding: 4px 0}
	
	.idpw_box .title01{margin-bottom: 25px}
	
	.tab03 > li a,
	.tab03 > li button{height: 48px;font-size: var(--font-size03);line-height: 1.25}
	
	.join_area{padding-top: 40px;padding-bottom: 50px;}
	.join_area .part{margin-bottom: 40px;}
	.join_area .last_text {margin-top: 45px;padding-top: 20px}
	.join_area .last_text .check input[type='checkbox'] + label:before{top:0;margin-top: 0}
	.join_area .last_text .list02 {margin-top: 10px;}
	.join_area .btn_center {gap: 12px;margin-top: 50px;}
	
	.join_step{gap: 15px;margin-bottom: 35px;}
	.join_step .no{font-size: var(--font-size05);margin-right: 5px;}
	.join_step > li{font-size: var(--font-size02);}
	.join_step > li:after{display: none}
	
	.terms_box{margin-top: 20px;padding: 18px 20px;}
    .terms_box .grp{margin-bottom: 12px;}
    
    .title06{margin-bottom: 3px;}
    
    .form_type03,
    .form_type05,
    .list_type01 + .list_type01,
    .custom_style01{margin-top: 15px;}
    .form_type03:not(.st1) colgroup,
    .form_type03:not(.st1) col{display: none}
    .form_type03:not(.st1) > thead,
    .form_type03:not(.st1) > thead > tr,
    .form_type03:not(.st1) > thead > tr > th,
    .form_type03:not(.st1) > tbody,
    .form_type03:not(.st1) > tbody > tr,
    .form_type03:not(.st1) > tbody > tr > th,
    .form_type03:not(.st1) > tbody > tr > td{display: block;}
    .form_type03:not(.st1) > tbody > tr > th{width: 100%;box-sizing: border-box}
    .form_type03:not(.st1) > thead > tr > th,
    .form_type03:not(.st1) > tbody > tr > th{display: flex;align-items: center;}
    .form_type03:not(.st1) > thead > tr > th{justify-content: center;}
    .form_type03 > thead > tr > th,
    .form_type03 > tbody > tr > th{height: 40px}
    .form_type03 > tbody > tr > td{min-height: 42px;padding-top: 10px;padding-bottom: 10px;padding-right: 16px;}
    .form_type03 .int, 
    .form_type03 .sel,
    .form_type03 .btns.t3{height: 39px}
    .form_type03 .flex{gap: 8px;}
    .form_type03:not(.st1) > tbody > tr:last-child th,
    .form_type03 > tbody > tr:last-child *:nth-child(2){border-bottom-color: #ddd}
    .form_type03 .col1{width: 18%}
	.form_type03 .col2{width: 24%}
	.form_type03 .int, 
	.form_type03 .sel{max-width: 100%}
	.form_type03 .tbl_tit{background: none;height: 44px;font-size: 15px;}
	
	.custom_style01 .form_type03 > tbody > tr > td{padding: 8px 10px}
	
	.notice_txt01{margin-top: 12px;padding-top: 0;border-top: 0}
	.notice_txt01,
	.notice_txt02{font-size: 13px}
	.notice_txt01 li,
	.notice_txt02 li{padding-left: 0.6em;text-indent: -0.6em}
    
    .join_complete .cont_box{font-size: 15px;line-height: 1.4}
    .join_complete .text01{margin-bottom: 6px}
    
    .audio_player .tit_row{padding-left: 0;margin-bottom: 42px;}
    .audio_player .mejs__playpause-button{top: -38px;}
    .audio_player .audio_download{top: 75px}
    .audio_player .mejs__volume-button{top:-36px}
    .audio_player .mejs__horizontal-volume-slider{top: -18px}
    
    .tbl01 th{width: 100px;height: 60px;}
    
    .tbl02,
    .tbl02 tbody,
    .tbl02 tr,
    .tbl02 th,
    .tbl02 td{display: block;padding: 0;border: 0}
    .tbl02 th{width: 100%;height: auto;padding-top:12px;padding-bottom: 3px;font-size: 15px;border-bottom: 0;background: none;}
    .tbl02 td{font-size: var(--font-size02);padding-bottom: 12px}
    .tbl02 .photo{padding: 5px;border-right: 1px solid #ddd;border-top: 1px solid #ddd}
    .tbl02 tbody tr:last-child th,
	.tbl02 tbody tr:last-child td{border-bottom: 0}
	.tbl02 tr{border-bottom: 1px solid #ddd;}
	.tbl02{border-top: 1px solid #222;}
    .tbl02 tbody tr:last-child{border-bottom: 1px solid #222;}
    
    .live_area .part{margin-top: 40px;}
    
    .live_top{padding-bottom: 20px;}
    
    .live_item .live_box .text{font-size: var(--font-size03);}
    .live_item .live_box .text:before{width: 80px;height: 83px;background-size: cover;margin-bottom: 12px}
    
    .title09{padding: 5px 14px 6px;font-size: var(--font-size05);}
    .title10{font-size: var(--font-size09);}
    .title11{font-size: var(--font-size05);}
    
    .tab04{margin-top: 0;margin-bottom: 35px}
    
    #calendar.fc .fc-col-header,
    #calendar.fc .fc-scrollgrid-sync-table td.fc-daygrid-day{font-size: var(--font-size01);}
    #calendar.fc .fc-scrollgrid-sync-table td.fc-daygrid-day{height: 100px}
    #calendar.fc .fc-daygrid-day-number {width: 22px;height: 22px;}
    #calendar.fc .fc-scrollgrid-sync-table td.fc-daygrid-day{padding: 5px;}
    
    .board_list02 > li{height: 48px;padding: 0 10px;}
    
    .text_box02{padding: 25px 15px;font-size: var(--font-size02);}
    .text_box02 .btns.t7{margin-top: 22px;}
    
    .terms_area .part {margin-bottom: 25px;}
    .terms_area .tbl03{margin-top: 15px;margin-bottom: 15px;}
    
    .tbl03 thead th{height: 42px;}
    .tbl03 th, 
    .tbl03 td{padding: 8px 5px;}
    
    .intro_visual{margin-bottom: 48px;padding-top: 30px;min-height: 240px;font-size: var(--font-size03);}
	.intro_visual .title{font-size: 36px;margin-top: 21px;padding-top: 18px;}
	.intro_visual .title:before{width: 52px}
	
	.sub_visual.mypage{height: 145px;padding: 25px 0 0 5.2%;}
    .sub_visual.offering,
    .sub_visual.qt{height: 180px;font-size: var(--font-size05);}
    
    .sub_visual.t1,
    .congratulations_area .visual{min-height: 210px;}
	
	.sub_explain .title span{padding-left: 36px;font-size: var(--font-size06);}
	.sub_explain .title span:before{width: 26px;height: 36px}
	.link_box .resp_inner .col{flex: 1 1 100%;min-height: 280px;}
	
	.link_box,
	#aside_container .board_section02{padding: 60px 0 90px;}
	
	.tab05{gap:20px;padding: 25px 0;}
	
	.list04 > li{font-size: var(--font-size02);line-height: 1.5;}
	
	.online_offering .part{margin-top: 45px}
	.account_num .tbl04:nth-child(1){margin-top: 0}
	
	.tbl04 th,
	.tbl04 td{padding: 3px 0;}
	.tbl04 th{width: 96px}
	.tbl04 th span{height: 32px;}
	.tbl04 td{padding-left: 20px}
	
	.grid_type01 .part{margin-bottom: 40px;}
	.grid_type01 .btn_center{margin-top: 40px;}
	
	.tab02 li {width: 33.333%;max-width: 33.333%}
	
	.video_desc .desc_list > li{padding-left: 48px;font-size: 15px;margin-bottom: 16px;}
	.video_desc .desc_list .no {width: 34px;height: 34px;font-size: var(--font-size02);top: 0}
	
	.qt_explain {padding-top: 15px;padding-bottom: 50px;}
    
	.list_type02 > li,
	.list_type02 .img,
	.list_type02 .cont{display: block;}
	.list_type02 .img{margin: 0 auto 18px;padding-right: 0;text-align: center}
	.list_type02 .img img{width: 200px}
	.list_type02 .tit br{display: none}
	
	.list_type03 > li,
	.list_type03 .img,
	.list_type03 .cont{display: block;}
	.list_type03 .img{margin: 0 auto 20px;width: 160px}
	
	.grid_type02{padding-top: 40px;padding-bottom: 35px;}
	
	.vision_area{padding-top: 40px;}
	.vision_area .part {margin-bottom: 45px;}
	.vision_area .part:first-child .title11{margin-bottom: 10px;}
	.list_type02.t1 > li{display: flex;}
	.list_type02.t1 .img{padding-right: 15px;}
	.list_type02.t1 .img img{width: 75px}
	
	.story_area .part{margin-bottom: 50px}
	.story_area .p01{padding: 20px 0;}
	
	.story_section01 .tit,
	.story_section01 .txt.n02 .tit{margin-bottom: 10px;}
	.story_section01 .extract,
	.story_section01 .txt.n02 .extract{margin-top: 14px;}
	
	.word_area .part {margin-bottom: 50px;}
	
	.list_type07 > li{margin-bottom: 25px;}
	.list_type07 .img{padding-right: 15px;}
	.list_type07 .img img{width: 80px;}
	.list_type07 .tit{margin-bottom: 10px;}
	.list_type07 .tit .church{font-size: 13px;margin-left: 7px;padding-left: 8px;}
	
	.list_type08{margin: 0}
	.list_type08 > li{width: 100%;padding: 0;}
	
	.ci_area .part{margin-bottom: 38px;padding-bottom: 40px;}
	.ci_area .cont{margin-top: 20px}
	.ci_area dd + .tit{margin-top: 15px}
	.ci_area .grid_box{display: block;}
	.ci_area .grid_box .col{padding-bottom: 30px;}
	.ci_area .grid_box .col:last-child{padding-bottom: 0}
	
	.reverend_area .title10 {margin-bottom: 25px;}
	.reverend_area .cont{font-size: var(--font-size02);}
	.reverend_area .part {margin-bottom: 40px;}
	.reverend_area table,
	.reverend_area tbody,
	.reverend_area tr,
	.reverend_area th,
	.reverend_area td{display: block;}
	.reverend_area th{padding-bottom: 10px}
	.reverend_area .list01 .txt{margin-bottom: 10px;display: block;margin-right: 0}
	
	.broadcast_list{gap:15px 0;}
	.broadcast_list > li{width:100%;}
	
	.serve_area .title06 {margin-bottom: 20px;}
	.priest_list,
	.priest_list.t1,
	.priest_list.t2{margin: 0}
	.priest_list .inner {padding: 16px 0;}
	.priest_list > li,
	.priest_list.t1 > li,
	.priest_list.t2 > li{width: 100%;padding: 0}
	.priest_list .cont{padding: 10px 5px 10px 15px;}
	.priest_list .img,
	.priest_list.t1 .img,
	.priest_list.t2 .img{width: 28%}
	.priest_list .info > span{font-size: 13px;}
	.priest_list .name{font-size: 20px;margin-top: 2px;}
	
	.list_type09{gap: 15px 0}
	.list_type09 > li {width: 100%;}
	.list_type09 .icn{bottom: 20px}
	
	.floor_area{margin-top: 60px;}
	
	.floor_pictogram{display: block;text-align: center;padding: 10px 0;}
	.floor_pictogram img{width: auto !important;height: 34px;margin: 5px}
	.floor_pictogram .mo{display: block}
	
	.btn_slider{padding: 10px 0 25px;margin-bottom: 25px;}
	
	.layer_zone.layer02 .layer_cont{padding: 20px 15px 15px;}
	.layer_zone.layer02 .facilities_slide .tit{margin-bottom: 12px;font-size: var(--font-size03);}
	.layer_zone.layer02 .close{top:14px;right:12px;padding: 5px;}
	.layer_zone.layer02 .close img{width: 18px}
	
	.route_list {padding: 10px 15px;}
	.route_list > li{display: block;padding: 16px 0;}
	.route_list .tit{margin-right: 0;margin-bottom: 10px;font-size: 15px;}
	.route_list .tit br{display: none;}
	
	.list08 > li:before{top: 0.15em;}
	
	.time_capsule .item{padding-bottom: 40px;padding-top: 50px}
	.time_capsule .list > li{width: 100%;display: block;margin: 0 auto 35px}
	.time_capsule .list .year{font-size: 80px;}
	.time_capsule .list .img{margin-bottom: 10px}
	.time_capsule .list small{font-size: 13px}
	
	.list_type04 .year_box .year{font-size: 90px;}
	
	.list11 > li{width: 100%;margin-bottom: 20px}
	.list11 > li:last-child{margin-bottom: 0}
	.list11 .tit{margin-bottom: 14px}
	
	.thanksgiving_service .part{margin-bottom: 20px;}
	.thanksgiving_service .img_list{display: block;}
	.thanksgiving_service .img_list > li{margin-bottom: 15px}
	.thanksgiving_service .img_list > li:last-child{margin-bottom: 0}
	
	.worship_schedule{padding: 40px 15px 15px;}
	.worship_schedule .schedule .item{padding: 20px 10px 30px;}
	.worship_schedule .schedule .item:nth-child(1) ul{display: block;}
	.sermon_sketch .n03 .right, 
	.sermon_sketch .n04 .right,
	.sermon_sketch .n04 .right .thumbs, 
	.sermon_sketch .n04 .right .cont{display: block;}
	.sermon_sketch .tit br{display: none;}
	.sermon_sketch .right,
	.sermon_sketch .n03 .right .cont, 
	.sermon_sketch .n04 .right .cont{padding: 30px 15px}
	.sermon_sketch .n03 .right .thumbs, 
	.sermon_sketch .n04 .right .thumbs{width: 100%;text-align: center;padding: 10px 0}
	.sermon_sketch .n03 .right .thumbs img, 
	.sermon_sketch .n04 .right .thumbs img{width: 134px}
	
	.catalog_area{padding: 25px 15px 15px;}
	
	.president_forum .forum_article{padding: 20px 20px;}
	.president_forum .forum_article .thumb{height: 170px;margin-bottom: 18px;}
	
	.list_type11 > li{padding: 10px 0}
	.list_type11 > li,
	.list_type11 .label, 
	.list_type11 .cont{display: block;width: 100%;height: auto}
	.list_type11 .label:after{display: none}
	.list_type11 .cont{padding-left: 18px}
	
	.sitemap_area {padding: 10px 0 50px;}
	.sitemap_area > ul > li {padding: 15px 0 0;}
	.sitemap_area .sub > li{width: calc(50% - 20px);}
	.sitemap_area > ul > li > a{font-size:20px;margin-bottom: 15px;}
	.sitemap_area .sub > li > a{height:40px;font-size: 15px;}
	.sitemap_area .sub .depth02 a{font-size:14px}
    /* SUB END */
}

@media (max-width: 479px){
	.section_01 .link01 {padding: 10px;}
	.section_01 .link01 ul > li > div {font-size: var(--font-size02);}
	.section_01 .link01 ul > li:nth-child(1), .section_01 .link01 ul > li:nth-child(3) {padding-left: 5px;padding-right: 15px;}
	.section_01 .link01 ul > li:nth-child(2), .section_01 .link01 ul > li:nth-child(4) {padding-left: 15px;padding-right: 5px;}
	
	.quick_link i {width: 64px;}
	.quick_link > li > a {font-size: var(--font-size01);}
	
	.board_list01 > li{padding-left: 6px;}
	.board_list01 > li a{font-size: var(--font-size02);max-width: 72%}
	
	/* SUB START */
	.board_view01 .file_row td{padding-left: 6px;}
	.board_view01 .comment_list .comment_info{padding-right: 116px}
	
	.btns.t4{width: 50px;height: 23px;}
	.btns.t4 span{padding-right: 13px}
	
	.board_write01 .tbl_write > tbody > tr > th {width: 70px;}
	.board_write01 .tbl_write > tbody > tr > th{padding-top: 22px}
	.board_write01 .tbl_write > tbody > tr > td{padding: 10px 0}
	.board_write01 .tbl_write .content_row {padding-top: 5px;}
	
	.blog_list > li,
	.blog_list > li:nth-child(2),
	.video_list > li,
	.video_list > li:nth-child(2){margin-top: 20px}
	.blog_list .cont,
	.video_list .cont{padding-top: 0;padding-left: 15px;}
	.blog_list .cont .tit,
	.video_list .cont .tit{margin-bottom: 10px;}
	.blog_list .cont p,
	.video_list .cont p{height: 5.8em;-webkit-line-clamp: 4;margin-bottom: 15px;}
	
	.quick_right{right: 10px;}
	
	.gallery_list02 {margin: 0}
	.gallery_list02 > li{padding: 0}
	.gallery_list02 > li,
	.gallery_list02 > li:nth-child(2),
	.gallery_list02 > li:nth-child(3),
	.gallery_list02 > li:nth-child(4){width: 100%;margin-top: 30px}
	
	.select_calendar_pop{max-width: 300px}
	.select_calendar_pop > .date{height: 58px}
	.select_calendar_pop .select_inner{padding: 20px 45px 30px;}
	.select_calendar_pop .btn_center{margin-top: 20px;}
	
	.idpw_box .result_box{margin: 0 0 30px;padding: 28px 10px 30px;}
	
	.video_area .video_player .inner{padding-bottom:56.25%;}
	.video_area .aside_info .inner,
	.video_area .aside_info .title04.pc{display: block}
	.video_area .aside_info .thumb,
	.video_area .aside_info .cont{width: 100%}
	.video_area .aside_info .title04.mo{display: none;}
	.video_area .aside_info .title04{margin-bottom: 16px}
	.video_area .aside_info .cont{padding-top: 12px;}
	.video_area .aside_info .info{margin-top: 12px;padding-top: 12px;}
	.video_area .aside_info .info div > span{font-size: 12px}
	.audio_area{padding-top: 40px}
	
	.tbl01 th{width: 85px;}
	.tbl01 td{padding-left: 10px;}
	
	.calendar_view .tbl01 th{width: 25%;font-size: 13px;}
	
	.mypage_board .title08.t1{font-size: var(--font-size05);}
	
	.terms_area{font-size: var(--font-size02);}
	.terms_area .part {margin-bottom: 20px;}
	.terms_area .tit01{font-size: var(--font-size03);}
	.terms_area .part > p, 
	.terms_area .list01 > li {margin-bottom: 4px;}

	.tbl03 thead th{font-size: 13px}
	
	.intro_visual{margin-bottom: 30px;padding-top: 30px;min-height: 210px;font-size: var(--font-size03);}
	.intro_visual .title{font-size: 32px;margin-top: 21px;padding-top: 18px;}
	.intro_visual .title:before{width: 52px}
	
	.sub_visual.offering,
	.sub_visual.qt{font-size: 15px;}
	
	.sub_explain{padding-bottom: 50px;padding-top: 10px}
	
	#aside_container{padding-top: 25px;}
	.link_box,
	#aside_container .board_section02{padding: 50px 0 80px;}
	#aside_container .board_section01{padding-top: 50px}
	
	.list_type06 > li{flex: 1 1 100%;height: 215px;}
	
	.word_box {padding: 22px 20px 10px;}
	
	.list_type08 .inner{padding-top: 25px}
	.list_type08 .cont{min-height: 36px;}
	 /* SUB END */
}

/* 모바일에서 테이블 헤더 숨김 */
@media screen and (max-width: 767px) {
    .tbl_list01 thead {
        display: none !important;
    }
}