h1, h2 {
	font-family: 'SCDream3';
	font-size:1.0rem
}
h3, h4, h5, h6 {
	font-family: 'SCDream3';
	font-size:0.9rem
}
body {
	font-family: 'SCDream2';
	font-size:0.8rem
}
.gnb_top{
	width: 100%;
    height: 102px;
	background: linear-gradient(to bottom, #0792cf, #76d3f0);
	display: block;
    box-sizing: border-box;
	position:relative;
	border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	background:unset;     border-radius:0;
}
.gnbnav {    display: flex; flex-flow: column;   align-items: center;}
.site-logo a {
    font-size: 2rem;
    display: inline-flex;
    justify-content: center;
    width: 125px;
	margin:10px auto 0;
}
.site-logo a img{
	width: 100%;
    height: auto;
	max-width: 230px;
    max-height: 75px;
}
.gnbnav .site-page { background-color:#0c95d1;   width: 100%;}
.gnbnav .site-page a{     color: #fefefe }

.logarea{
	display:none;
	background: url('/common/images23/icon/head_menu_bg.jpg') center center repeat;
	font-size: 0.98rem;
    color: #fff;
    font-weight: 600;
    font-family: 'SCDream3';
    position: absolute;
    width: 100%;
    bottom: 0;
	height: 35px;
}
.logarea li {height:100%;line-height:100%;}
.logarea li a{color:#fff; line-height:35px;}

.logarea .mygroup {
    padding: 0 30px;
	display: flex;
    flex-flow: row-reverse;
	justify-content: space-between;
    align-items: center;
}	
.logarea .mygroup li {
    margin-left: 0px;
}

.st01 {
    font-size: 0.8rem;
    color: #000;
    font-weight: 400;
}
 

footer.page-footer {
    width:100%
    height: 60px;
	
	/*background: url('/common/images23/icon/footer_bg.jpg') center center no-repeat;
    background-size: cover;
	*/
	background: linear-gradient(to top, #0792cf, #76d3f0);
	

    display: block;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
	padding: 10px 10px;
	border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.foot_wrap {
    display: flex;
    justify-content: space-between;
}
   
.foot_wrap button.mainbt {
    width: 25%;
    padding: 0;
    margin: 0;
	background: unset;
    color: #fff;
    font-size: 0.7rem;
    border-radius: 0;
	font-family: 'SCDream3';
}
.foot_wrap button.mainbt img{left:0;}
.foot_wrap button.mainbt span{display:block;margin-top: 5px;}
footer.page-footer img{width:18px;}

.copyright {
	display:none;
    color: rgb(200, 200, 200);
    font-size: 0.7rem;
    letter-spacing: -0.01em;
    text-transform: initial;
    position: relative;
    text-align: center;
    width: 100%;
    top: 10px;
    opacity: 0.5;
}

.conwrap {
	background: url('/common/images23/icon/main_bg2.jpg') center center no-repeat;
	background-size: cover;
    height: calc( 100% - 250px );
    min-height: 500px;
    padding: 0;
}
.conwrap43 {
	background: url('/common/images23/icon/sub43_bg.jpg') center center no-repeat;	
	background-size: cover;
}
.interface {
    display: flex;
    justify-content: space-around;
    flex-flow: wrap;
	background:unset;
	border:0;
	padding: 70px 20px 0 20px;
}
.interface .cont_item {
 border:0;
 padding:0;
 width: 20%;
 text-align: center;
 margin-bottom: 30px;
}
.interface .cont_item a{
	position:relative;
	display: inline-block;
    width: 100%;
}

.interface .cont_item a::after{
	content: "";
	background-image: url("/common/images23/icon/micon_split.png");
    background-size:30px 1px;
    height: 30px;
    width: 1px;
    position: absolute;
    color: #fff;
    top: 30%;
    right: 2px;
}

.interface .cont_item:nth-child(5n) a::after {
  content: none;
  background-image: unset;
}
.interface .cont_item:last-child a::after {
  content: none;
  background-image: unset;
}
.interface .cont_item dt img {
    width: 45%;
	max-width:80px;
}

.interface .cont_item .c_name{ 
	color:#fff; 
	font-family: 'SCDream3'; 
	font-weight:400;
	font-size:0.8rem;
	margin-top:1px;
}
div.conwrap43 {
	display: flex;
    flex-flow: column;
    justify-content: center;
}
div.conwrap43 .title43{width:100%;text-align:center;}
div.conwrap43 .title43 img{width:70%;}
div.conwrap43 .interface {
	padding: 30px 20px 0 20px;	
}
div.conwrap43 .interface .cont_item .c_name{ 
	color:#000; 
	font-weight: 600;
}
div.conwrap43 .interface .cont_item a:after {
  content: none;
  background-image: unset;
}
@media only screen and (max-width: 1024px){
	.interface .cont_item {
		width: 25%;
	}
	.interface .cont_item:nth-child(5n) a:after {
		content: "";
		background-image: url("/common/images23/icon/micon_split.png");
		background-size:30px 1px;
		height: 30px;
		width: 1px;
		position: absolute;
		color: #fff;
		top: 30%;
		right: -1px;
	}
	.interface .cont_item:nth-child(4n) a:after {
	   content: none;
	   background-image: unset;
	}			
}

#mobile_toggle {
    position: unset;
    left: unset;
    top: unset;
    z-index: unset;
    width: 25%;
    height: unset;
}
@media only screen and (max-width: 800px){
	.interface .cont_item {
	     width: 33%;
	}
	.interface .cont_item:nth-child(4n) a:after {
		content: "";
		background-image: url("/common/images23/icon/micon_split.png");
		background-size:30px 1px;
		height: 30px;
		width: 1px;
		position: absolute;
		color: #fff;
		top: 30%;
		right: -1px;
	}
	.interface .cont_item:nth-child(3n) a::after {
	  content: none;
	  background-image: unset;
	}
	
}
body {
    background: #fff;
}
/* 페이지 제목 아이콘*/
/*  성가  page */
.icotit01 {
    background: unset;
    background-size: 0px;
}
.container .top_title {
    border: 1px solid #ddd;
    padding: 0px;
    box-shadow: unset;
    display: flex;
    justify-content: space-between;
}
.content_title {  
	padding : 0px;
	font-size: 1.0rem;
	font-family: 'SCDream4';
    width: 100%;
    display: flex;
    justify-content: center;
}
.content_title a{
	width:100%;
	display: inline-block;  
	padding: 10px 10px 6px 10px;
	text-align: center;
	border-right:1px solid #ddd;}

.content_title a:last-child{border-right:0px;}


.content_title a.w50p{width:calc( 50% - 4px ); }
.content_title a.w33p { width: calc( 33% - 2px ); }

.content_title a.titleOn {
    color: #662d8e;
	border-top:2px solid #662d8e;
}
.content_title a.titleOff{
    color: #aaa;
}

.content_list li a{
	font-size: 0.85rem;
    font-family: 'SCDream4';
}

.listenAll {
    border: 1px solid #242e62;
    background-color: #fff;
    color: #242e62;
    border-radius: 5px;
    margin: 8px 5px 0 0;
    box-shadow: unset;
    font-size: 0.8rem;
	font-family: 'SCDream4';
	font-weight: 400;
	padding: 10px 10px 6px 10px;	
	display:inline-block;
}

.bt_song {
    display: inline-block;
    min-height: 30px;
	min-width:unset;
	height:30px;
    line-height: 30px;
    border: 0px;
    background: #777;
    vertical-align: unset;
    float: right;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-right: 5px;
    font-size: 0.7rem;
	font-family: 'SCDream2';
    border-radius: 15px;
    color: #fff;
    text-align: center;
    box-shadow: unset;
	padding: 1px 12px 0 12px;
	font-weight: 600;
}
.bt_chant_not {
    background: #ccc;
}
.content_list .icoplay {
    position: absolute;
    top: 14px;
    left: 5px;
    background-image: url('/common/images23/icon/btn_play_gray.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
	background-size:22px 22px;
    width: 23px;
    height: 23px;
    display: inline-block;
}

.content_list .default span, .content_list2 .default span {
    background-image: url('/common/images23/icon/btn_play_purple.png');
    background-repeat: no-repeat;
    background-position: 0px 0px; ;
}

.lyrics_wrap_2023 div.lyrics_cont, .lyrics_wrap_2023 div.lyrics_cont div, .lyrics_wrap_2023 div.lyrics_cont p {
    font-size: 0.85rem !important;
	font-family: 'SCDream2';
	font-weight: 600;
    line-height: 1.5rem;
}

.audio_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    height: 100px;
    display: block;
	background: url(/common/images23/icon/footer_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 10px 0 20px;
    box-sizing: border-box;
	}

button.closeaudio {
    width: 30px;
    height: 30px;
    top: -15px;
    right: 13px;
	border-radius: 15px;
    border: 0;
    padding: 10px;
    background-size: 20px 20px;
}
.audio_title{
	font-size: 0.7rem;
    font-family: 'SCDream4';
    margin-bottom: 2px;
}
.audiobtarea .audio_pre, .audiobtarea .audio_nex{
    width: 5vw;
    height: 5vh;
}
.audiobtarea .audio_playbt,.audiobtarea .audio_pause {
    width: 10vw;
    height: 7vh;
    text-indent: -9999999px;
    background-size: 100%;
}
.audiobtarea .audio_pause {
    width: 10vw;
    height: 7vh;
}
.content_list .default a, .content_list2 .default a {
    color: #662d8e;
}


.content_list2 li a {
    font-size: 0.85rem;
    font-family: 'SCDream4';
}
.content_list2 li a {
    padding: 0px 0 0px 35px;
    width: 95%;
	display: flex;
    align-items: center;
}
.content_list2 .icoplay {
   background-image: url(/images/contents/ico_playlist.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
	background-size:20px;
    width: 23px;
    height: 20px;
}

.calendarForm1 select, .calendarForm2 select {
	font-size: 0.8rem;
    font-family: 'SCDream4';
}
.calender_day {
  height:2.3rem;
  line-height: 2.3rem;
}
.calender_day span {
	font-size: 0.7rem;
    font-family: 'SCDream4';
}
.calender_day .tabon {
	color:red;
}
.fontsize_set{
	width:100%;
	text-align:right;
	margin-bottom: 20px;
    position: relative;
}

.zoomIn, .zoomOut, .detailListBtn {
	border: 0px;
	background:unset;
	background-color: #242e62;
    color: #fff;
    border-radius: 5px;
    font-size: 0.8rem;
	margin:0;
    text-indent: 0;
	height:30px;
	display: inline-flex;
    align-items: center;
	justify-content: center;
	padding:0 10px;
	font-family: 'SCDream2';
	font-weight: 500;
}

.zoomIn span, .zoomOut span{
	margin-right: 5px;
    font-size: 0.8rem;
	font-family: 'SCDream2';
	font-weight: 500;
}
.snsShareBtn{
	top:0;
	left:0;
	right:unset;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
	justify-content: center;
	height:30px;
	padding:0 10px;
	border:0;
	background: #242e62;
	font-family: 'SCDream2';
	font-weight: 500;
}
.zoomIn img, .zoomOut img, .detailListBtn img, .snsShareBtn img{width:13px;margin-right:2px;}

button.alone {
    float: right;
    display: block;
    color: #fff;
	background: #242e62;
    letter-spacing: -1px;
    font-size: 0.8rem;
	font-family: 'SCDream4';
	font-weight:unset;
	border:0;
	border-radius: 5px;
	height:30px;
	padding: 0 10px;
	line-height:30px;
	width:unset;
	position: absolute;
    right: 10px;
    bottom: 5px;
}

.parent_thum {
	width:40%;
	float:left;
    position: relative;
}
.parent_thum .playbtn{
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
}
div.parent_post span.title{
   font-size: 0.85rem;
   font-family: 'SCDream4';
   display:block;
}
div.parent_post span.subtitle{
   font-size: 0.75rem;
   font-family: 'SCDream4';
}
div.parent_thema li a {
    font-size: 0.75rem;
    font-family: 'SCDream4';
    width: 100%;
}
div.parent_thema .item_txt {
    padding: 12px 0 6px 28px;
}
div.principle_thema ul.pro-subList li a {
    font-size: 0.75rem;
    font-family: 'SCDream4';
}

button.reBtnIn, button.reBtnOut, button.reBtnPre, button.reBtnList, button.reBtnNext {
	background-color: unset;
}
.top_curpage{ 
	text-align:right;
	padding-right:20px;
}
.top_curpage span.curpage , .top_curpage span.totpage{
    font-size: 0.75rem;
    font-family: 'SCDream4';
}
.top_curpage span.curpage{
    font-weight: 600;
}

 

div.happy_thema .thum2023_item { width: calc( 100% - 20px );
    margin: 0px 10px;
    text-align: center;
	display: flex;
}
div.happy_thema .thum2023_item .thum_right{width:40%; max-width:250px;}
div.happy_thema .thum2023_item .thum_left{width:59%;    display: flex;
    flex-flow: column;
    justify-content: space-around; }
div.happy_thema .thum2023_item .thum_img{display: inline-block;
    height: 100px;
    border-radius: 5px;
    background-image: url(/images/contents/new_noimg.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
	position:relative;
	margin-bottom: 40px;
}
div.happy_thema .thum2023_item .thum_img .playbtn{ width: 50px;position: absolute;
    top: calc( 50% - 25px );
    left: 30%; }
div.happy_thema .thum2023_item .thum_post {padding:20px;}

div.happy_thema .thum2023_item .thum_subject{	display: block;
    font-size: 0.85rem;
    font-family: 'SCDream4';
	margin-bottom: 15px;
	font-weight: 400;
	margin-left:20px;
	text-align:left;
	color:#000;}
div.happy_thema .thum2023_item .thum_tit{
	display: block;
	margin-bottom: 5px;
	font-weight: 400;
	margin-left:20px;
	text-align:left;
    font-family: 'SCDream4';
	font-size: 0.7rem;
}
div.happy_thema h2{text-align:center;width:100%;margin: 15px 0 25px;color:#000;}
div.happy_thema h3{text-align:center;width:100%;margin: 15px 0 25px;}
div.happy_thema .title {
  font-weight: 600px;
  line-height: 1.8;
  font-size: 26px;
}
div.parent_thema .professor{
	display:block;
	margin-top:10px;
	 font-family: 'SCDream4';
	font-size: 0.75rem;
	text-align: right;
}

div.happy_thema .thum_btn {
	width: calc( 100% - 20px );
    background-color: #242e62;
    color: #fff;
    padding: 10px;
	margin-left:20px;
	border-radius: 5px;
	font-family: 'SCDream4';
	font-size: 0.85rem;
}
div.happy_thema .thum_name{
	position: absolute;
    bottom: -35px;
    width: 100%;
    display: block;
	color:#000;
	font-size: 0.85rem;
    font-family: 'SCDream4';
}

.login_stit, .lab_steady, .membership li a , .loginSns ul li a , .tit_agreement , .findId h3, .findPw h3, .joinInfo .tit_ss,  .finish .t2 {
	font-size: 0.8rem;
    font-family: 'SCDream4';
}
.login_htit, .joinInner .login_htit, .finish .t1 {
    font-size: 1.0rem;
    font-family: 'SCDream4';
}
.cont_agreement dl p, .cont_agreement dl dd {
	font-size: 0.7rem;
    font-family: 'SCDream4';
}
.info_btn button {
    font-size: 0.8rem;
    font-family: 'SCDream4';
	color:#fff;
	background-color:#242e62; 
	border-radius:5px;
}
.policywrap dt , .policywrap p, .policywrap dd , .policywrap ul.subli li , dl.stable dt.sstit {
	font-size: 0.8rem;
    font-family: 'SCDream4';
    text-align: justify;
	line-height: 1.2rem;
 }
.policywrap ul.subli li, table.private th, table.private td {
	text-indent: 10px;
	font-size: 0.7rem;
  font-family: 'SCDream4';
}
#btnJoinCancel, #btnMemCancel{
   background-color:#888; 
}
div.content_list, div.content_list2, div.content_view, .loginInner, .memo_write, .joincontainer {margin-bottom:100px;min-height:150px}
div.content_list_thm:last-child{margin-bottom:120px;}
div.pro_series1{
	margin-bottom:unset;
}
.loginInner, .memo_write {
   padding-bottom: 10px;
}

input[placeholder], [placeholder], *[placeholder] {
    font-family: 'SCDream4';
    font-size: 0.7rem !important;
	color: #000;
    letter-spacing: -1px;
}

.content_my h3 {
    font-size: 0.9rem;
    font-family: 'SCDream4';
}
.content_my ul li a {
   font-size: 0.8rem;
   font-family: 'SCDream4';
}

.mobile_navi_list_item ul li a {
    font-size: 0.8rem;
    font-family: 'SCDream4';
}
.lyrics_wrap_2023 button.close {
 border:0px;
 }

 img.audiopop {
    width: 40px;
    height: 40px;
	margin: 5px 0;
    background-color: #642e8e;
    border-radius: 20px;
}
.menu_close {position: absolute; top: -10px; right: 5px;cursor:pointer;}
.closeW:after {content: "\00d7"; font-size:40pt;color:#fff;}
.chant_audio_close{position: absolute;top: -5px;right: 10px;cursor: pointer;height: 20px;}
.closeW30:after {content: "\00d7"; font-size:30pt;color:#fff;}
.audiobtarea .audio_pre, .audiobtarea .audio_nex {
	max-width:25px;
	max-height: 45px;
}
.audiobtarea .audio_pause {
	max-width:55px;
	max-height: 65px;
}
/*
.audioTypePart{
	width:100%;
	margin-top:10px;
	display: flex;
	align-items: center; 
	justify-content: right; 
	-webkit-justify-content:right;
	-webkit-align-items:center;}

.audioTypePart button.on{
	background-color:#242e62; 
	color:#fff;
}
*/
.audioTypePart{  width: 100%;
	width: 100%;
    text-align: right;
    height: 50px;
}

.audioTypePart a.on{
	background-color:#242e62; 
	color:#fff;
}


div.happy_thema_list .item_txt {
 width:97%;
}
div.happy_thema_list div.parent_post { 
	width:60%;
   display: inline-block;
}
div.happy_thema_list  div.parent_post span.title {
	white-space: normal;
}
p.withdrawal_red {
	color:red;
	text-align:justify;
	width:100%;
	padding:0 10px;
	font-size: 0.8rem;
    font-family: 'SCDream4';
}
p.withdrawal_black {
	color:#000;
	text-align:justify;
	width:100%;
	padding:0 10px;
	font-size: 0.8rem;
    font-family: 'SCDream4';
}
.mt20px {margin-top:20px;}
p.wcenter{display: flex; width: 100%; justify-content: center; }

.btn_withdrawal{display: inline-block;
	margin: 10px; 
    padding: 10px 20px;
    border: 1px solid;
	background-color:#000;
	border-radius:5px;
	color:#fff;
    font-size: 0.7rem;
   font-weight: 600;
	}

.p10px {padding:0 10px;}
div.box_user{max-width:420px;margin: 0 auto;}

body.renew_v1 div.conwrap_s{background-color:#f9f9f9;}
body.renew_v1 .container .page_top { margin:20px 0; }
/* body.renew_v1 .container .page_menu {color:#f9f9f9;  font-size: 1rem; font-family:'SCDream4';text-align:center; width: calc(100% + 20px);
    transform: translateX(-10px); background-color:#1e5b88; padding:10px 0; margin-bottom:20px;} */
body.renew_v1 .container .page_menu {color:#006d95;  font-size: 1.5rem; font-family:'SCDream6';text-align:center; width:100%;
   padding:20px 0 30px; color:#085024; display:none;}



body.renew_v1 .site-page a{   
    font-size: 1.0rem;
    text-align: center;
    width: 100%;
    display: inline-block;
	padding: 10px 0;
	font-family: 'SCDream4';}
body.renew_v1 .gnb_top{ display: flex; align-items: center;   justify-content: center;}

body.renew_v1 .container .page_menu {color:#006d95;  font-size: 1.5rem; font-family:'SCDream6';text-align:center; width:100%;
   padding:20px 0 30px; color:#085024;}

body.renew_v1 .container .page_tab {display:flex;gap:15px;    justify-content: center;}
body.renew_v1 .container .tab_title{width: 40%;}
body.renew_v1 .container .tab_title button{width:100%; height:40px; border-radius:20px; display: inline-flex ; align-items: center; justify-content: center; 
    font-size: 0.9rem; letter-spacing: normal;     font-family: 'SCDream4'; padding-top: 2px;}
body.renew_v1 .tabbtn{color:#77838f;background-color:#fefefe; }
body.renew_v1 .tabbtn:hover{color:#0498d8;}
body.renew_v1 .tabbtn.on{background: linear-gradient(to bottom, #0ecde7, #05a4ce); color:#fefefe;
	background: linear-gradient(to bottom, #ee729c, #b7315e);
	box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}

body.renew_v1 .page_middle .page_list{display: block ;  width: 100%;  }
body.renew_v1 .page_middle .page_list li{ background-color: #f9f9f9; width: 100%; margin-bottom: 10px;}
body.renew_v1 .page_middle .page_list li a{}
body.renew_v1 .page_middle .page_list li a .thumb_img { width:100%; aspect-ratio: 16 / 9; overflow: hidden; 
	border-radius: 10px;}
body.renew_v1 .page_middle .page_list li a .thumb_img img{ width:100%;} 
body.renew_v1 .page_middle .page_list li a .thumb_info{    padding: 5px 0 10px; } 
body.renew_v1 .page_middle .page_list li a .thumb_info .tit{    font-family: 'SCDream4';
    font-size: 0.85rem;
    padding: 0 10px;
    color: #036082;} 
body.renew_v1 .container { padding-bottom: 60px; }
body.renew_v1 .topfixed {  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height:43px;
  box-shadow: 5px 5px 10px rgba(207, 230, 248, 0.5);
  background-color:#fefefe;
 }

 body.renew_v1 .topfixed .site-logo{display:none;}