@charset "utf-8";

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* CSS Document */
.mobile{display:none;}

.metaimg{display: none;}

#content{width:100%; min-height:750px; margin:0 auto; padding:20px 0;}
#content .contin{width:calc(100% - 40px); max-width:1160px; background:#fff; margin:0 auto; padding:30px 20px 0 20px; }

/* 서브네비게이션 */
.sub_nav{width:100%; padding:40px 0 30px 0; border-bottom:1px solid #e2e2e2; background:url(/img/sub_top.jpg) no-repeat center center;}
.sub_nav .sub_navin{width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.sub_nav .sub_navin span{font-size: 13px; line-height: 40px; color: #666; font-weight: 400; width:100%; display:block; text-align:right;}
.sub_nav .sub_navin h2{font-size: 40px; line-height: 74px; color: #333; width:100%; border-bottom: 1px solid #666; font-family: 'Noto Sans KR', sans-serif !important}

#sub_top{ width:100%; line-height:200px; text-align:center; border-bottom:1px solid #ccc; margin-bottom:20px;}
#sub_top h2{display:inline-block; font-size:50px; font-weight:400;}

#mainnav:hover .nav02{display: block;}
   
/*교회소개 */
.sub01_01{width:100%;}
.sub01_01 p{font-size: 14px; padding-bottom:30px; color:#666; word-break: keep-all;}
.sub01_01 p.tit{font-size:35px; line-height:50px; color: #333; font-weight: 400; text-align:center; padding-bottom:50px;}
.sub01_01 p.tit b{background:url(/img/sub01_01_img02.jpg) no-repeat left top; display:block; width:51px; height:42px;} 
.sub01_01 p.tit b.bg02{background-position:top right;}
.sub01_01 p.tit span{font-size:18px; display:block; font-weight:300;}
.sub01_01 p.last{text-align:right; margin-top:50px;}
.sub01_01 p.last strong{font-size:35px; margin-left:15px; color:#333; font-family: 'KyoboHandwriting2020A'; font-weight:500;}
.sub01_01 p span.titin{display:block;  padding-bottom: 8px; font-size: 20px; color:#1471b8; font-weight:500;}

.sub01_01.re{position: relative; }
.sub01_01.re:after{display:block; clear:both; content:""; position: absolute; left:0; bottom:-65px; width: 100%; height:823px; background: #F6F5FA; z-index: 1;}
.sub01_01.re .contin{letter-spacing: -0.1rem; position: relative; z-index: 2; background: none !important;}
.sub01_01.re .contin:after {display:block; clear:both; content:"";}
.sub01_01.re .contin .imgbox{float: left; width: 460px; position: relative;}
.sub01_01.re .contin .imgbox img{position: absolute; top:15px; left:9%; width:95%;}
.sub01_01.re .contin .text{width: calc(100% - 500px); float: right;}
.sub01_01.re .contin .text .top{position: relative; padding: 35px 0 10px 0; font-family: 'Cafe24Simplehae'; font-size: 35px; line-height: 1.3;}
.sub01_01.re .contin .text .top span{font-size: 24px; display: block;}
.sub01_01.re .contin .text .top img{position: absolute; width: 40px;}
.sub01_01.re .contin .text .top img:first-child{top:0; left: 0;}
.sub01_01.re .contin .text .top img:last-child{bottom:0; right: 0;}
.sub01_01.re .contin .text .bot{margin-top:100px; font-size: 18px; line-height: 1.3; font-family: 'S-CoreDream-3Light'; }
.sub01_01.re .contin .text .bot .slogan{font-size: 24px; font-family: 'S-CoreDream-4Regular';}
.sub01_01.re .contin .text .bot .slogan b{display: block; color:#3A78F3; font-size: 32px; font-family: 'S-CoreDream-7ExtraBold'; font-weight: bold; white-space: nowrap;}
.sub01_01.re .contin .text .bot .text_box{font-size: 18px; line-height: 2; margin-top: 30px; word-break: keep-all;}
.sub01_01.re .contin .text .bot .text_box i{font-style: normal; text-decoration: underline; color:#3A78F3; font-family: 'S-CoreDream-5Medium';}

/*교회연혁*/
.sub01_02{width:100%;}
.sub01_02 div.left{float:left; width:calc(100% - 760px); padding-right:50px; text-align:right;}
.sub01_02 div.left p{font-weight: 500; font-size:40px; color:#1471b8; padding:35px 0; height:240px; position:relative; top:15px; border-bottom:1px solid #fff; box-sizing: border-box;}
.sub01_02 div.left p.y1950{height:307px;}
.sub01_02 div.left p.y1960{height:307px;}
.sub01_02 div.left p.y1970{height:366px;}
.sub01_02 div.left p.y1980{height:366px;}
.sub01_02 div.left p.y1990{height:425px;}
.sub01_02 div.left p.y2000{height:720px;}
.sub01_02 div.left p.y2010{height:513.5px;}
.sub01_02 div.right{float:left; width:710px;}
.sub01_02 div.right > div{padding:35px 0; border-bottom: 1px solid #ddd; color: #555; font-size:15px;   }
.sub01_02 div.right > div:last-child{border-bottom:0;}
.sub01_02 div.right > div p{position: relative;line-height:1.3; padding: 5px 0 5px 100px;}
.sub01_02 div.right > div p b{font-weight:400; color:#1471b8; width:85px; margin-right:15px; display:inline-block; position: absolute; left: 0; top:5px;}

/*예배안내*/ 
.sub02_01{}
.sub02_01 p{width:100%; text-align:lfet; line-height:60px; border-bottom:1px solid #333; margin-bottom:15px; font-size:30px; font-weight:600;}
.sub02_01 table{width:100%; text-align:center; border:1px solid #ccc; border-collapse:collapse; margin-bottom:50px;}
.sub02_01 table tr td{border:1px solid #ccc; line-height:40px; font-size:15px; color:#555; width:25%;}
.sub02_01 table tr td:first-child{background:#ededed;}
.sub02_01 table tr.tit td{background:#badde1; color:#444; font-weight:500;}
.sub02_01 table tr td.txt03{line-height:25px;}

/*섬기는 분들*/
.sub01_03{text-align:center; line-height: 1;}
#content.sub01_03 .contin{max-width: 1360px;}
.sub01_03 .contin .box:nth-child(n + 2){margin-top:90px;}
.sub01_03 .contin .box p{font-size: 45px; font-family: 'S-CoreDream-6Bold'; }
.sub01_03 .contin .box ul{display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-top: 40px;}
.sub01_03 .contin .box ul li{width: 210px; padding: 20px 0 25px 0; background: #f2f2f2; border-radius:20px;}
.sub01_03 .contin .box ul li font{display: block; margin: 20px 0 5px 0; font-size: 20px; font-family: 'S-CoreDream-4Regular'; color:#3A78F3; }
.sub01_03 .contin .box ul li b{display: block; font-size: 25px; font-family: 'S-CoreDream-6Bold'; }

/*CI소개*/
#content.sub01_04{padding: 0;}
#content.sub01_04 .contin{max-width: 100%; padding:0; margin: 100px 0 0 0; width: 100%;}
#content.sub01_04 .contin .row{max-width: 1160px; margin: 0 auto; word-break: keep-all;}
#content.sub01_04 .contin .row:nth-child(n + 2){margin-top: 150px;}
#content.sub01_04 .contin .row p{font-family: 'S-CoreDream-6Bold'; font-size: 40px; line-height: 1;}
#content.sub01_04 .contin .row > span{font-family: 'S-CoreDream-4Regular'; line-height:1.5; font-size: 20px; display: block; margin-top: 10px;}
#content.sub01_04 .contin .row:after{display:block; clear:both; content:"";}
#content.sub01_04 .contin .row.row01 .imgbox{float: left; margin-top: 30px;}
#content.sub01_04 .contin .row.row01 .text{float: right; margin-top: 40px; width: calc(100% - 635px); font-size: 22px; line-height: 1.4; }
#content.sub01_04 .contin .row.row01 .text > div:nth-child(n + 2){margin-top: 20px;}
#content.sub01_04 .contin .row.row01 .text b{display: block; font-family: 'S-CoreDream-7ExtraBold';}
#content.sub01_04 .contin .row.box{max-width: 100%; background: #F6F6F6; padding:65px 0;}
#content.sub01_04 .contin .row.box > p{max-width: 1160px; margin: 0 auto;}
#content.sub01_04 .contin .row.box > span{max-width: 1160px; margin: 20px auto;}
#content.sub01_04 .contin .row .imgbox{display: flex; margin-top: 20px; padding: 10px 0; gap: 230px; justify-content: center;}
#content.sub01_04 .contin .row .imgbox{display: flex; margin-top: 20px; padding: 10px 0; justify-content: center;}
#content.sub01_04 .contin .row.row04 .imgbox{gap: 0;}

	/*오시는 길*/
.sub05_01{width:100%;}
.sub05_01 iframe{width:100%; height:500px; margin-bottom:30px;}
.sub05_01 p{font-size: 14px; padding-bottom:30px; color:#666; margin-bottom:10px;}
.sub05_01 p span{font-size:18px; display:block; font-weight:300;}
.sub05_01 p span.titin{display:block;  padding-bottom: 8px; font-size: 20px; color:#1471b8; font-weight:500;}

/*동영상 게시판*/
#gall_ul > li{width:calc((100% - 38px) / 4) !important;}
#gall_ul > li .gall_href a img{width: 100%; height: auto; min-height: 100%;}
#gall_ul > li .gall_href a span{max-height: 160px !important;;}
.vod_box{max-width:1200px; margin:0 auto; padding-top:50px;}
.file td{text-align:center;}
.file td p{text-align:center;}

.view_banner{margin-top:80px; text-align:center;}
.view_banner.list{margin-top:0; text-align:center;}



/* 사진게시판 */
h2#container_title{display:none;}
#bo_v_img a{display:block; text-align:center;}
#gallery_wrap .galleryin{width:calc((100% - 41px) / 4); margin:0 5px; padding-bottom:20px;}
#gallery_wrap .galleryin a{display:block; width:100%;}
#gallery_wrap .galleryin a img{width:100%;}
#bo_v_info{margin-bottom:20px;}

#bo_v_bot{margin:10px 0;}

/*일반게시판*/
#bo_list{padding:50px 0; width:100%; max-width:1200px; margin:0 auto;}

/*70주년 게시판*/
#bo_gall.gall02{}
#bo_gall.gall02 #gall_ul li.gall_li{width:calc((100% - 30px) / 3) !important; margin:0px 10px 0 0;}
#bo_gall.gall02 #gall_ul li.gall_li:nth-child(3n){margin-right:0; }
#bo_gall.gall02 #gall_ul li.gall_li:nth-child(n + 4){margin-top:10px;}
#bo_gall.gall02 #gall_ul li.gall_li .gall_con{position:relative; }
#bo_gall.gall02 #gall_ul li.gall_li .gall_con li.gall_text_href{background: rgba(0, 0, 0, 0.5); color:#fff; position:absolute; top:0; left:0; width:100% !important; height:100%; margin:0 !important;  padding:20px; box-sizing:border-box;}
#bo_gall.gall02 #gall_ul li.gall_li .gall_con li.gall_text_href a{color:#fff;  font-size:40px;  width:100%; height:100%; text-align:center; display:block;}
#bo_gall.gall02 #gall_ul li.gall_li .gall_con li.gall_text_href a span{transform: translate(0, -50%); position:absolute; top:50%; left:0%;  display:block; width:100%;}
#bo_gall.gall02 #gall_ul li.gall_li .gall_con li.gall_text_href img{display:none;}
#bo_gall.gall02 #gall_ul li.gall_li .gall_con li#list_info{display:none;}

#bo_v.gall02 #bo_v_con .img_wrap ul li{display:inline-block; position:relative; margin-top:20px; width:100%; max-width:600px;}
#bo_v.gall02 #bo_v_con .img_wrap ul li p{display:block; position:absolute; bottom:0; left:0; width:100%; line-height:28px; padding:10px; background: rgba(0, 0, 0, 0.65); color:#fff; box-sizing:border-box; font-size:22px; font-family: 'SBAggroB'; word-break: keep-all;}
#bo_v.gall02 #bo_v_con .img_wrap ul li p b{font-size:15px; display:inline-block; margin-right:10px; padding-right:10px; position:relative;}
#bo_v.gall02 #bo_v_con .img_wrap ul li p b:after {display:block; clear:both; content:""; position:absolute; width:1px; height:10px; right:0; top:8px; background:#9e9e9e;}
#bo_v.gall02 #bo_v_con .img_wrap ul li img{width:100%;}
#bo_v.gall02 #bo_v_info{display:none;}

@media only screen and (max-width: 1400px){

	#content.sub01_03 .contin{max-width: 1100px;}

}

@media only screen and (max-width: 720px){
	.mobile{display:block;}
	#fullpage{display:none;}

	.pop{z-index:999; width: 100%; background:rgba(0,0,0,0.5); height: 100%;}
	.pop table{position: absolute; width: 90%; left:50%; top:50%; transform: translate(-50%, -50%);}
	.pop img{width: 100%;}
	
	body{position:static;  overflow:auto !important; min-width:100% !important;}
	
	header{display:none;}
	
	header.mobile{width:100%; position:static; display:block;}
	header.mobile h1{height:60px; width:100%; text-align:center; background-size:auto 65%;}
	header.mobile h1 a{width:100%; height:100%; }
	header.mobile nav{background:#282828; width:100%; border:0;}
	header.mobile nav ul li{width:25%;}
	header.mobile nav ul li a{color:#fff; line-height:60px; font-size:13px; font-weight:500;}
	header.mobile nav ul li.on a{background:#1471b8; color:#fff;}
	header.mobile nav .nav02{display:block; position:static; padding:0;}
	header.mobile nav .nav02 ul{width:100%; display:none;}
	header.mobile nav .nav02 ul li{float:left; width:20%;}
	header.mobile nav .nav02 ul li a{color:#333; line-height:50px;}

	footer{padding:0; box-sizing:border-box;}
	footer .Fmenu{display:none;}
	footer .copy{background:#333; padding:35px 20px; box-sizing:border-box;}
	footer .copy p{width:100%;color:#fff; text-align:center; font-size:13px;}
	footer .copy p:last-child{margin-top:15px;}	
	
	.sub_nav{padding:10px 0;}
	.sub_nav .sub_navin span{text-align:center;}
	.sub_nav .sub_navin h2{line-height:45px; font-size:25px;}
	
	/* 교회소개 */
	.sub01_01 p.tit{font-size:20px; line-height:1.3; padding-bottom:30px;}
	.sub01_01 p.tit span{margin-top:10px; font-size:15px; line-height:1.5;}
	.sub01_01 p span.titin{font-size:15px;}
	.sub01_01 p.last{margin:15px 0 0 0; text-align:center;}
	.sub01_01 p.last strong{font-size:25px;}

	.sub01_01.re:after{display: none;}
	.sub01_01.re .contin{word-break: keep-all;}
	.sub01_01.re .contin .imgbox{width: 100%;}
	.sub01_01.re .contin .imgbox img{position: static; width: 100%; left: 0;}
	.sub01_01.re .contin .text{width: 100%;}
	.sub01_01.re .contin .text .top{margin-top: 40px; text-align: center; padding: 50px 0; font-size: 30px;}
	.sub01_01.re .contin .text .top br{display: none;}
	.sub01_01.re .contin .text .top img{right: initial; left:50% !important; transform: translate(-50%, 0);}
	.sub01_01.re .contin .text .bot{text-align: center; margin-top: 50px;}
	.sub01_01.re .contin .text .bot .slogan b{white-space: normal;}
	
	/* 교회연혁 */
	.sub01_02 div.left{display:none;}
	.sub01_02 div.right{width:calc(100% - 40px);}
	
	/*섬기는 분들*/
	#content.sub01_03 .contin{max-width: 100%;}
	.sub01_03 .contin .box p{font-size: 30px;}
	.sub01_03 .contin .box ul{gap:10px; justify-content: left; margin-top: 20px;}
	.sub01_03 .contin .box ul li{width: calc((100% - 10px) / 2)}
	.sub01_03 .contin .box ul li .img{width: 80%; display: inline-block;}
	.sub01_03 .contin .box ul li .img img{width: 100%;}
	.sub01_03 .contin .box ul li font{font-size: 15px;}
	.sub01_03 .contin .box ul li b{font-size: 20px;}

	/*cI소개*/
	#content.sub01_04 .contin{margin-top: 50px;}
	#content.sub01_04 .contin .row{padding: 0 10px;}
	#content.sub01_04 .contin .row:nth-child(n + 2){margin-top: 50px;}
	#content.sub01_04 .contin .row p{font-size: 30px; text-align: center;}
	#content.sub01_04 .contin .row .imgbox{gap:40px; flex-wrap: wrap;}
	#content.sub01_04 .contin .row .imgbox img{width: 100%;}
	#content.sub01_04 .contin .row.box{padding: 60px 20px;}
	#content.sub01_04 .contin .row > span{text-align: center; }
	#content.sub01_04 .contin .row > span br{display: none;}
	#content.sub01_04 .contin .row.row01 .text{width: 100%;}
	#content.sub01_04 .contin .row.row02 .imgbox img{width: 80%;}
	#content.sub01_04 .contin .row.row02 .imgbox img:last-child{display: none;}


	/*게시판 공동*/
	#bo_gall{padding:0 !important;}
	#bo_list_total{display:none;}
	
	.bo_fx{width:100%;}
	.view_banner.list{width:100%;}
	.view_banner.list img{width:100%;}
	
	/*전체게시판 뷰*/
	#bo_v{width:calc(100% - 20px) !important; margin:0 10px !important;}
	
	/*동영상 게시판*/
	#gall_ul{}
	#gall_ul > li{width:calc(100% - 20.5px) !important; margin:0 10px 10px 10px !important; }
	.gall_href a span{height:400px !important;}
	#video_link{width:100% !important; height:600px !important;}
	#bo_v_info{font-size:20px;padding-top:20px; line-height:50px;}
	#bo_v_info strong{font-size:20px !important;}
	#bo_v_con{font-size:35px; padding-top:50px;}
	
	
	#bo_vc, .bo_vc_w{display:none;}
	
	/* 사진게시판 */
	#gallery_wrap{}
	#gallery_wrap .galleryin{width:calc((100% - 21px) / 2);}
	#bo_v_img img{width:100%; height:auto;}
	#gbtn{width:100%; display:block;}
	#gbtn li{width:calc(50% - 10px); display:block; }
	#gbtn li a{width:100%; text-align:center; font-size:30px; line-height:50px;}
	
	/*일반게시판*/
	#news_wrap{font-size:35px; line-height:100px;}
	#news_wrap .td_num, #news_wrap .td_date, #news_wrap .td_name{display:none;}
	#bo_sch{display:none;}
	
	/*70주년*/
	#bo_gall.gall02 #gall_ul{padding:0 10px; box-sizing:border-box;}
	#bo_gall.gall02 #gall_ul li{margin-bottom:0;}
	#bo_gall.gall02 #gall_ul li.gall_li{width:calc((100% - 10px) / 2) !important; margin:0px 10px 10px 0 !important;}
	#bo_gall.gall02 #gall_ul li.gall_li:nth-child(2n){margin-right:0 !important;}
	#bo_gall.gall02 #gall_ul li.gall_li .gall_con li.gall_text_href a{font-size:25px;}
	#bo_v.gall02 #bo_v_con .img_wrap ul li p{position:static;     background: rgba(0, 0, 0, 1);}
	
	
}


/*빙고*/
.binggo{width:95%; margin:2.5%; border:1px solid #121212; display:none;}
.binggo:after{content:""; clear:both; display: block;}
.binggo li{float:left; width:calc(100% / 6); line-height:1.5; font-size:30px; position:relative; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; box-sizing:border-box;}
.binggo li:nth-child(6n){border-right:0;}
.binggo li a{display:block; width:100%; height:100%; text-align:center;}
.binggo li a span{display:block; width:100%;  background:#e7e7e7;   color:#999; position:absolute; left:0; top:0; line-height: 1.5;   padding: 45px 0; box-sizing: border-box;}
.binggo li a span.num{position:relative; z-index:2; line-height:180px; background:#fff; padding:0; font-weight:900; color:#121212;}
.binggo li a span.none{line-height:90px;}
.binggo li a span.on{color:#364dd5; border:1px solid #364dd5; background:#fff; padding: 44.5px 0;}

/*수강신청*/
.course{text-align:center;}
.course .logo{border-bottom:1px solid #cdcdcd;}
.course .logo img{width:150px; padding:10px 0;}
.course > .tit{text-align:center; margin:45px 0;}
.course > .tit p{font-size: 30px; font-weight: 700; color: #554ba0; text-align: center; line-height:1; letter-spacing:-0.05em;}
.course > .tit span{line-height:3; color: #1a1311; font-size:15px; font-weight: 700;}
.course .tab{border-bottom: 2px solid #554ba0; width:100%; padding:0 5%; text-align:center; box-sizing:border-box;}
.course .tab:after{content:""; clear:both; display: block;}
.course .tab div{overflow: hidden; width:50%; line-height:63px;  height: 63px;  border-bottom: 2px solid #554ba0; border-radius: 16px 16px 0 0; box-sizing: border-box; float:left; position:relative; top:2px;  opacity: .5; background-color: #f1f0f8; font-weight:900; cursor:pointer;}
.course .tab div.on{border:2px solid #554ba0; border-bottom:2px solid #fff; color:#554ba0; opacity: 1; background:#fff;}
.course .teacher .Tin{width:100%; text-align:center; margin-top:30px; display:none;}
.course .teacher .Tin.T01{display:block;}
.course .teacher .Tin .img{display:inline-block; width:250px; height:250px; border-radius:300px; overflow:hidden;}
.course .teacher .Tin .img img{width:100%;}
.course .teacher .Tin ul.info{margin-top:15px;}
.course .teacher .Tin ul.info li{font-size:16px; line-height:1.6; margin-bottom:15px; }
.course .teacher .Tin ul.info li b{display:block; line-height:1.8; font-size:18px;}
.course .teacher .Tin .inputs{ padding:30px 0; margin:30px 5% 0 5%; width:90%; border-top: 2px solid #f4f4f4; box-sizing:border-box;}
.course .teacher .Tin .inputs ul li{margin-bottom:30px;}
.course .teacher .Tin .inputs ul li span{display:block; margin-bottom:0px; position:relative;}
.course .teacher .Tin .inputs ul li span.tit {color: #554ba0; font-weight:600; font-size:16px; margin-bottom:12px; text-align:left; padding-left:10px;}
.course .teacher .Tin .inputs ul li span.tit font{padding-left:10px; font-weight:400; font-size:14px; color:#666;}
.course .teacher .Tin .inputs ul li span input{box-sizing: border-box; background: #f4f4f4;  width:100%; border:0; border-radius: 60px; height:50px; font-size: 15px; text-align:center;}
.course .teacher .Tin .inputs ul li span label{box-sizing: border-box; background:#f4f4f4 url(/img/down-arrow.png) no-repeat; background-position:90% center; background-size:auto 30%;  width:100%; border:0; border-radius: 60px; height:50px; line-height:50px; font-size: 15px; text-align:center; display:block;}
.course .teacher .Tin .inputs ul li span button{width: 240px; height: 60px; border-radius: 60px; font-size: 18px; border: 2px solid #554ba0; background-color: #554ba0; color: #fff; box-sizing: border-box;}
.course .teacher .Tin .inputs ul li:last-child{margin-bottom:0;}
.course .calendar{padding: 30px 0; margin:0 5%; width: 90%; border-top: 2px solid #f4f4f4; box-sizing: border-box;}
.course .calendar p{font-size: 24px; font-weight: 800; color: #554ba0; letter-spacing: -.05em; text-align: center; margin-bottom:30px; }
.course .calendar ul li{margin-bottom:20px; }
.course .calendar ul li .tit{display: inline-block; margin-bottom: 11px; padding: 5px 14px 5px 12px; border-radius: 13px; background-color: #f1f0f8; font-size: 14px; color: #554ba0;}
.course .calendar ul li .entry{height:18px; text-align:center;}
.course .calendar ul li .entry .span_wrap{width:auto; display:inline-block;}
.course .calendar ul li .entry .span_wrap:after{content:""; clear:both; display:block;}
.course .calendar ul li .entry .span_wrap span{display:block; margin-right:5px; position:relative; float:left;}
.course .calendar ul li .entry .span_wrap span:after{content:""; clear:both; display:inline-block;}
.course .calendar ul li .entry .span_wrap span b{display:block; float:left;}
.course .calendar ul li .entry .span_wrap span a{display:block; float:left; margin:5px 0 0 5px;}
.course .calendar ul li .entry .span_wrap span a img{height:10px;}
.course .calendar ul li .entry .span_wrap span:last-child{margin-right:0;}
.course .calendar ul li .entry .span_wrap span.no{top:0; opacity:0.7;}

/*골든벨*/
@font-face {
    font-family: 'twaysky';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.goldbell{background:#e8ecef; position:fixed; top:0; left:0; height:100%; width:100%; padding-top:10px;}
.goldbell p{width:100%; text-align:center; line-height:3; font-size:30px; font-family: 'twaysky'}
.goldbell ul{border-top:1px solid #cdcdcd; width:90%; margin:0 auto; background:#fff;}
.goldbell ul:after{content:""; clear:both; display: block;}
.goldbell ul li{width:calc(100% / 6); float:left; text-align:center; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; box-sizing:border-box; padding:10px 0 15px 0;}
.goldbell ul li:after{content:""; clear:both; display: block;}
.goldbell ul li:nth-child(6n){border-right:1px solid #cdcdcd;}
.goldbell ul li > b{font-size:13px; display:inline-block; font-weight:900; font-family: 'GmarketSansMedium'; background:#394a76; color:#fff; width:25px; line-height:25px; border-radius:25px;}
.goldbell ul li em{font-size:20px; display:inline-block; width:100%; font-family: 'GmarketSansMedium'; font-style:normal; margin-top:13px; font-weight:900; color:#0028b1; line-height:1; opacity:0;}
.goldbell ul li em font{display:none;}
.goldbell ul li em b{letter-spacing:-0.05em; display:block; color:#666; font-weight:200;}
.goldbell ul li input{font-size:20px; width:70%; height:25px; background:#fff; border:1px solid #cdcdcd; text-align:Center; margin:10px 0; border-radius:10px; font-family: 'GmarketSansMedium';}
.goldbell ul li a{font-size:15px; display:inline-block; width:auto; padding:0 20px;  font-family: 'GmarketSansMedium'; cursor:pointer; border:1px solid #e7e7e7; line-height:28px; height:25px; border-radius:10px; margin:0 10%; color:#999;}
.goldbell ul li a:hover{background:#394a76; color:#fff;}
.goldbell ul li.ok{background:#f9f9f9;}
.goldbell ul li.ok > b{background:#e7e7e7; color:#999;}
.goldbell ul li.ok input{background:#e7e7e7}
.goldbell ul li.ok em{opacity:1;} 
.goldbell ul li.ok a{background:#999; color:#fff;}
.goldbell ul li.on{background:#f9f9f9; }
.goldbell ul li.on input{border:1px solid #f9f9f9; background:none;}
.goldbell ul li.on em{opacity:1;} 
.goldbell ul li.on em font{display:block;} 
.goldbell ul li.on em b{display:none;} 
.goldbell ul li.on > b{background:#e7e7e7; color:#999;}
.goldbell ul li.on a{border:1px solid #f9f9f9; color:#0028b1; background:none;}
.goldbell ul li.on a:hover{background:none; color:#0028b1;}


.popup{position:fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); width:100%; height:100%; z-index:5; display:none;}
.popup .box{position: fixed; top: 50%; left: 50%; border: 2px solid #554ba0; background-color: #fff; z-index:6; transform: translate(-50%, -50%); width: 300px;  margin: 0 auto; box-sizing: border-box; }
.popup .box div{overflow-y:scroll; display:block; width:100%; max-height: 300px; padding: 23px 0px; box-sizing: border-box; }
.popup .box div font{display: block; width: 100%; line-height:55px; border-radius: 60px; color: #1a1311; text-align: center; box-sizing:border-box;}
.popup .box .btn{background:#fff; text-align:center; height:46px; overflow-y:initial; padding:0; margin:10px 0 15px 0;}
.popup .box .btn a{line-height:30px; height:30px; width:80px; border-radius:30px; padding:10px 20px; color:#554ba0; font-weight:700; border:1px solid #554ba0;}
.popup .box .btn a img{height:15px; position:relative; left:10px; top:8px;}

.popup.delete .box div p{padding:0 30px; text-align:center;}
.popup.delete .box div span{padding:0 30px; display:block; margin-top:30px;}
.popup.delete .box div span input{box-sizing: border-box; background: #f4f4f4;  width:100%; border:0; border-radius: 60px; height:50px; font-size: 15px; text-align:center;}