@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.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;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {font-size:10px;}
.space{padding:0;}
p {margin:0; color:#282828;}
ul {margin:0;}
/*기본 css*/


div.con_wrap{overflow:hidden;}
/*.tab{padding: 1rem 2.5rem 0 2.5rem;}*/
/*sub기본*/
h3.sub_con_tit{font-family:GmarketSansLight; color:#282828; font-size:3.5rem; font-weight:500; line-height:1.3; margin:0; letter-spacing:-2px;}
p.sub_con_mtit{font-size:5rem; font-weight:800; margin: -5px 0 0 0; color:#01a783;}
p.sub_con_pastor{font-family:GmarketSansLight; font-size:1.8rem; margin: 100px 0 30px 0; padding-left:30px;}
p.sub_con_pastor>span.name{font-family:GmarketSansMedium; font-size:4rem;}
h4.emphasis_tit{font-size:2.4rem; font-weight:500; margin:30px 0 10px 0; line-height:1.67;
letter-spacing:-1px;
}
h4.emphasis_tit span{
background:linear-gradient(to top, #beff0e 40%, transparent 40%);
color:#282828;}
p.con_des{font-size:1.8em; line-height:1.67; color: #555; letter-spacing:-0.5px;
}

span.emphasis_stit{font-size:1.8rem;}

/*담임목사 소개*/

div.recommendation_part{margin-bottom:50px;}
div.recommendation_part.last{margin:0;}
div.recommendation_part h4{line-height:3rem; margin:20px 0 5px 0;}
div.recommendation_part div.col-md-9.space{padding-left:30px;}
div.recommendation_part p.con_des{border-bottom: 2px solid #eee; padding-bottom:30px;}
div.recommendation_part p.recommendation_row_last{padding-bottom:58px;}
div.recommendation_part p.emphasis_stit{color:#01a783; font-weight:500; line-height:1.67;}

/*추천사*/

div.worship_part div.sub_header_img{background:url(/page_images/worship_bg.jpg)no-repeat;
position:relative;
    }
div.sub_header_img p.worship_bible{
	color:#282828;
	text-align:center;
	font-family:GmarketSansMedium; font-size:2.5rem;
	line-height:1.67;

	}





.guidance{width:100%; line-height:1.67; word-break:keep-all;}

  .tm-last {
        border-right: 0 !important;
    }
    .guidance thead, .guidance tr th {
        border-top: 2px solid #01a783;
    }
	
	  .guidance thead tr th, .guidance tr th	 {
        text-align: center;
        font-size: 1.8rem;
        border-right: 1px solid #dedede;
		padding:5px 0;
		width:30%;
    }
	
	 .guidance thead tr, .guidance tr th {
        border-bottom: 1px solid #dedede;
        background-color: #f5f5f5;
		color:#404040;
    }

    .guidance tbody tr {
        border-bottom: 1px solid #dedede;
		color:#404040;
    }
	
	.guidance tbody tr td {
        text-align: center;
        font-size: 1.8rem;
        border-right: 1px solid #dedede;
		padding:10px 0;
    }
	
	.guidance .line_contour{border-bottom:2px solid #01a783;}

/*예배안내*/
	h4.emphasis_tit.first_tit{margin:0 0 10px 0;}
	table.guidance.course thead tr th{width:25%;}
	ul.sub_notice li::marker{font-size:1rem;}
	ul.sub_notice li{font-size:1.5rem; list-style-position: inside; margin-top:-3px; line-height:1.67;}
	ul.sub_notice{background-color:#eee; border:1px solid #d7d7d7; padding:10px 15px; margin-bottom:15px;}
	ul.sub_notice li span{color:#01a783; font-weight:500;}
	div.vehicle_operation div.icon_part,
	div.church_school div.icon_part {margin:40px 0; text-align:center;}
	div.circle{text-align:center; padding:8px; display:inline-block; border-radius:30px;background:#eee; width:35px; height:35px; box-shadow: 2px 2px 3px #dadada;}
	div.vehicle_operation div.icon_part i,
	div.church_school div.icon_part i
	{ padding-top:10px; text-align:center; font-size:2rem;}
	p.icon_tit{color:#282828; margin:15px 0 10px 0;text-align:center; font-weight:500; line-height:1.5;}
	p.icon_tit span {font-family:GmarketSansMedium; color:#01a783;}

/*오시는 길 및 차량운행*/



div.register div.sub_header_img{background:url(/page_images/new_family_bg.jpg)no-repeat 0 58%;
 position:relative;
 background-size:cover;}

p.round_box{background-color: rgba(255, 255, 255, 0.6);
	border-radius:20px;
	padding:30px 50px;}
	
div.sub_header_img p.resister_tit{
	text-align:center;
	color:#282828;
	font-weight:500;
	line-height:1.67;
}
div.sub_header_img p.resister_tit span{

	font-family:GmarketSansBold; font-size:3rem;
	line-height:1.67;
	color:#01a783;

	}

div.register div.box_coutour{border:1px solid #d7d7d7; border-radius:10px; position: relative; width:100%; float:left;}
div.register div.box_coutour.first{margin:10px 0 30px 0;}
div.register div.box_coutour.last{margin:30px 0 0 0;}
ul.happytime_list{float:left; margin:0;}
ul.happytime_list li{list-style:none; float:left;}



ul.happytime_list li:last-child:after{display:none;}
div.register div.icon_part {margin:30px 0;}
.icon_des{color:#282828; font-weight:500; line-height:1.5; padding:20px; }
div.register div.icon_part i{text-align:center; font-size:1.8rem;}
div.bottom_arrow:after{
	content: '';
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    border-top: 2px solid #d7d7d7;
    border-left: 2px solid #d7d7d7;
    -webkit-transform: rotate(223deg);
    transform: rotate(223deg);
    position: absolute;
	bottom: -25%;
    left:50%; }


div.half_full span{font-family:GmarketSansMedium; color:#01a783; padding-left:10px;}
div.half_full{background-color:#eee; border-radius:8px 8px 0 0; padding:20px;}


    
/*새가족등록*/

div.bible_program div.box_coutour{border:1px solid #d7d7d7; border-radius:10px; width:32%; margin-bottom:20px; float:left;}
div.bible_program div.box_coutour:hover{background: #bbeabb; cursor: pointer}
div.bible_program div.box_coutour.box_type{width:100%;}
div.bible_program div.box_coutour.right_m{margin-right:2%;}
div.bible_program div.half_full.tit {font-family:GmarketSansMedium; color:#282828; font-size:1.8rem; padding:15px 20px 10px 20px}
div.bible_program div.half_full.tit span{color:#01a783; padding:0;}

ul.program_list{list-style:none; padding:20px;}
ul.program_list li:before{content:'';
background:url('/page_images/circle_bullet.gif')no-repeat 0 52%;
	width:3px; padding-left:10px;

 }
ul.program_list li{font-size:1.6rem; color:#282828; list-style-position: inside; line-height:1.67;}

div.box_coutour.box_type.last{margin:0;}
div.bible_program h4.second_tit{float:left; margin-top:20px; overflow:hidden;}

	div.bible_program ul.sub_notice li {
    list-style:none;}

div.bible_program ul.sub_notice span{color:#01a783; font-weight:500;}


/*교육-소개*/

.guidance2{width:100%; line-height:1.67; word-break:keep-all;}

.guidance2 th.first_line {

        border-top: 2px solid #01a783;
		padding:5px 0;
		
		}

.guidance2 th{
        text-align: center;
        font-size: 1.8rem;
		padding:10px 0;
		background-color:#f5f5f5;
		border-bottom: 1px solid #dedede;
		
}

.guidance2 th.second_left{border-left: 1px solid #dedede;}
.guidance2 td{border-bottom: 1px solid #dedede; border-left:1px solid #dedede; font-size:1.8rem; padding:15px;}
.guidance2 td.first_con_line{border-top: 2px solid #01a783; font-size:1.}

ol li{list-style:none;}
ol.program_list{margin:0; padding:0;}
ol.program_list li:before{
	content:'';
	background:url('/page_images/circle_bullet.gif')no-repeat 0 52%;
	width:3px; padding-left:10px;}
ol.program_list li{list-style:none; font-size:1.8rem; line-height:1.67;}


/*교육-내용*/

div.mission_part div.sub_header_img{background:url(/page_images/mission_bg.jpg)no-repeat 0 58%;
background-size:cover;
padding:12%;
}

p.mission_con{line-height:1.8; color:#555;}
div.sub_header_img p.mission_tit{
	color:#fff;
	text-align:center;
	font-family:GmarketSansBold; font-size:5rem;
	line-height:1.67;
	text-shadow: 2px 2px 8px black;
}
div.sub_header_img p.mission_tit span{
	color:#01a783;
}
ul.mission_list {
	padding:0;
	margin-top:20px;}
ul.mission_list li{list-style:none; line-height:1.8;}


ul.mission_list li.mission_first{
	font-family:GmarketSansMedium;
	font-size:2rem;
	font-weight:500;
	}
ul.mission_list li.mission_second{
	color:#555;
	
}
	ul.mission_list li.mission_first span{
		color:#01a783;
}
div.sub_header_img p.mission_tit span.middle_color{
	color:#ff780b;
	
}

ul.mission_list li.mission_first i{padding:0 5px 0 0; font-size:1.6rem;}
/*선교-소개*/

h3.sub_con_tit2{font-family:GmarketSansMedium;
font-size:4rem; text-align:center; color:#01a783;}

/*교회학교 타이틀*/

@media (min-width: 1281px) {

div.sub_header_tit{border-bottom:2px solid #eee;
overflow: hidden;
position:relative;
padding-bottom:20px;}
h3.sub_con_tit{font-size:4rem; padding-left: 30px;}
img.greeting_img{float:right; width:32%; position:absolute; bottom:30px; right:0px;}



div.sub_header_img{padding:15%;}


div.sub_header_img p.worship_bible{
	position:absolute;
	top: 30%;
    left: 18%;
	margin:-30px 0 0 -114px;
}


div.sub_header_img p.resister_tit {
    position: absolute;
    top: 33%;
    left: 25%;
    margin: -30px 0 0 -114px;
}

ul.happytime_list li:after{
	content: '---';
	font-weight:bold;
	padding:0 10px;
	color:#ddd;
	
}
	div.right_coutour {
    border-right: 1px dotted #282828;
}
}

@media (min-width: 1025px) and (max-width: 1280px) {
  

div.sub_header_img{padding:10%;}
div.worship_part div.sub_header_img{background:url(/page_images/worship_bg.jpg)no-repeat;}


ul.happytime_list li:after{
	content: '---';
	font-weight:bold;
	padding:0 10px;
	color:#ddd;
	
}

	div.right_coutour {
    border-right: 1px dotted #282828;
}
}


/*오시는 길 및 교회학교 아이콘파트*/
@media (min-width: 992px) and (max-width: 1024px) {
			div.right_coutour {
    border-right: 1px dotted #282828;
}

	
}

@media (min-width: 767px) and (max-width: 991px) {
div.vehicle_operation div.middle_line
{border-top:1px dotted #282828;
border-bottom:1px dotted #282828; padding:40px 0;}

div.church_school div.middle_line{
	border-top:1px dotted #282828; padding:40px 0;
	
}

}

@media (min-width: 768px) and (max-width: 1024px) {
  
	div.sub_header_tit {overflow: hidden; border-bottom:2px solid #eee; position:relative;
	padding-bottom: 10px;}  
    p.sub_con_pastor {margin: 50px 0 30px 0;}
	img.greeting_img{float:right; width:35%; position:absolute; bottom:20px; right:0px;}
	img.recommendation_img{width:33%;}
	div.col-md-12.space.recommendation_part{width:100%; float:left; margin-bottom:20px;}
	div.recommendation_part img.col-md-3.space {float:left;}
	div.recommendation_part div.col-md-9.space {float:right; width:67%;}
	

	
	div.worship_part div.sub_header_img {
    padding: 10%;
}
	div.sub_header_img{padding:45px 82px;}
	
	div.sub_header_img p.worship_bible{
	font-size:2.2rem;
	padding:20px;
	}

  ul.happytime_list li:after{
	content: '---';
	font-weight:bold;
	padding:0 10px;
	color:#ddd;
	
}

div.bible_program div.box_coutour{width:100%;}


}

/*모바일가로*/
@media (min-width: 481px) and (max-width: 767px) {
		div.sub_header_tit {overflow: hidden; border-bottom:2px solid #eee; position:relative;
	padding-bottom: 70px;}
		h3>p.sub_con_pastor{margin: 80px 0 10px 0; }
		img.greeting_img{float:right; width:40%; position:absolute; bottom:30px; right:0px;}
	
	div.recommendation_part{border-bottom:1px solid #eee; overflow:hidden; margin-bottom: 32px;}
    div.recommendation_part div.col-md-9.space {padding:0;}
	
	img.recommendation_img{display : block; margin :0 auto; width:45%;}
	div.recommendation_part h4.emphasis_tit{float:left;}
	div.recommendation_part p.emphasis_stit{float:left; padding-left:10px; margin: 25px 0 0 0;}
	div.recommendation_part p.emphasis_stit.p_2rows{padding:0; margin:0; }
	div.recommendation_part p.con_des {clear:both; border-bottom: none; }
	div.recommendation_part p.con_des{padding:0 0 20px 0;}

	div.recommendation_part p.recommendation_row_last{padding-bottom:20px;}

	div.sub_header_img{padding:50px 40px;}
	
	div.sub_header_img p.round_box{
	font-size:2rem;
	padding:20px;
	word-break: keep-all;}
	
	ul.sub_notice{padding:15px;}
	ul.sub_notice li{margin-top:5px; line-height:1.4;}
	div.icon_part {
    margin: 20px 0;

}
	p.icon_tit{font-size:2rem;}
	div.vehicle_operation div.middle_line{border-top:1px dotted #282828; border-bottom:1px dotted #282828;
	padding:30px 0;}
	
	div.church_school div.middle_line{
	border-top:1px dotted #282828;
	padding:30px 0;
		}

	div.worship_part div.sub_header_img{background:url(/page_images/worship_bg.jpg)0% 30%;
background-size:cover;	}
		div.register div.sub_header_img {
    background: url(/page_images/new_family_bg.jpg)no-repeat 50% 59%;
}
	
	div.bottom_arrow.third:after{
	bottom: -22%;
    }
	p.icon_tit{margin:10px 0 0 0;}
	
	ul.happytime_list li:after{
	content: '---';
	font-weight:bold;
	padding:0 10px;
	color:#ddd;
	
}

div.bible_program div.box_coutour{width:100%;}
div.sub_header_img p.mission_tit{line-height:1.3;}
}

/*모바일세로*/
@media (min-width: 320px) and (max-width: 480px){
	body{font-size:8px;}
	img{width:100%;}
	/*기본 css*/
	div.con_wrap{padding:3rem 1rem 1rem 1rem;}
	/*sub기본*/
	h3.sub_con_tit{font-size:2.8rem;}
	h4.emphasis_tit{font-size:20px; margin:20px 0 10px 0; }
	h3>p.sub_con_mtit{font-size:4rem;}
	h3>p.sub_con_pastor{margin: 30px 0 10px 0;}
	h3>p.sub_con_pastor>span.name{font-size:3rem;}
	
	img.greeting_img{width:100%;}
	
	div.recommendation_part p.con_des
	{border-bottom: none; padding:0px;}
	div.recommendation_part div.col-md-9.space{padding:0px;}
	div.recommendation_part{margin-bottom:30px; }
	div.recommendation_part h4.emphasis_tit{text-align:right; margin:-5px 0 3px 0; padding-right:15px;}
	div.recommendation_part p.emphasis_stit{text-align:right; padding-right:15px;}
	
	div.sub_header_img{ padding:30px;}
	div.worship_part div.sub_header_img{background:url(/page_images/worship_bg.jpg)55% 50%;}
	
	.guidance thead tr th, .guidance tbody tr td{font-size:1.6rem;}
	div.sub_header_img p.round_box{
	font-size:1.8rem;
	padding:20px;
	word-break: keep-all;
	}
	
		ul.sub_notice{padding:10px;}
		ul.sub_notice li{margin-top:5px; line-height:1.4;}
	div.vehicle_operation div.middle_line{border-top:1px dotted #282828; border-bottom:1px dotted #282828;
	padding:20px 0;}
	
	div.church_school h3.sub_con_tit2 {font-size:2.5rem; word-break:keep-all;}
	div.church_school div.middle_line{
	border-top:1px dotted #282828;
	padding:20px 0;
		}
		div.icon_part {
    margin: 20px 0;
}

div.vehicle_operation div.icon_part, div.church_school div.icon_part {
margin: 20px 0;}
	
	div.worship_part div.sub_header_img{background:url(/page_images/worship_bg.jpg)50% 59%;
	background-size:cover;	}
	div.register div.sub_header_img {
    background: url(/page_images/new_family_bg.jpg)no-repeat 50% 59%;
}

.icon_des {
font-size:1.6rem;
}

div.register div.icon_part {
    margin: 15px 0;
}

div.register div.box_coutour.first {
    margin: 10px 0 10px 0;
}
div.register div.box_coutour.last {
    margin: 15px 0 0 0;
}


div.bottom_arrow:after {
    content: '';

    width: 15px;
    height: 15px;
    position: absolute;
    bottom: -12%;
}


	p.icon_tit{margin:10px 0 0 0;}

	
	div.bible_program div.box_coutour{width:100%;}

	ul.program_list {
    padding: 10px;
}
	.guidance2 th{font-size:1.6rem; line-height:1.67;}
	ol.program_list li{font-size:1.6rem;}
	.guidance2 td{font-size:1.6rem; line-height:1.67;}


ul.mission_list li.mission_first{
font-size:1.8rem;}
p.mission_con, ul.mission_list li.mission_second{
	font-size:1.6rem;
	line-height:1.67;
}

div.sub_header_img p.mission_tit{font-size:4rem; line-height:1.3;}
}