@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,700&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');

/* 완도희망체(제목용)- 완도군 전용서체(완도청정바다체, 완도희망체)의 지적 재산권은 완도군(www.wando.go.kr)에 있습니다.  */
@font-face {
	font-family: 'WandohopeB';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/WandohopeB.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'WandohopeR';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/WandohopeR.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
	
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}


/* 초기화 */
html {overflow-y: scroll;}

body{margin:0;padding:0;font-family:'WandohopeB', 'NanumBarunGothic','Noto Sans', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img{margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6{font-family:'WandohopeB', 'NanumBarunGothic', 'Noto Sans',sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
br { font-family:dotum;}

ul{margin:0;padding:0;list-style:none;}
legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select, img{vertical-align:middle;}
input, button{margin:0;padding:0;font-family:'Calibri','NanumBarunGothic',sans-serif;font-size:1em;}
button{cursor:pointer;}

textarea, select{font-family:dotum;font-size:1em;}
select{margin:0;}
p{margin:0;padding:0;}
hr{display:none;}
pre{overflow-x:scroll;font-size:1.1em;}
a:link, a:visited{text-decoration:none;}
a:hover, a:focus, a:active{text-decoration:none;}

section{min-width:1190px;border-top:1px solid #003366}

.wdh{font-family: 'WandohopeR' !important;}
.wdhb{font-family: 'WandohopeB' !important;}
.c_wi{color:#fff}
.c_bk{color:#000}
.c_gn{color:#009e26}
.c_rd{color:#bf0505}
.c_red{color:#f00}
.c_bl{color:#0038ab}
.c_yel{color:#ffff00}
.c_bl2{color:#0070c0}

.f14{font-size:14px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f30{font-size:30px}

.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt50{padding-top:50px}

.lh1{line-height:1;}
.lh1_2{line-height:1.2;}
.lh1_5{line-height:1.5;}

section{margin:0 auto;background-repeat:no-repeat}
.mail_to{color:#7c7cd0;}
.icon_zellet{ mask: ur(/images/zelle-logo-w.svg);}


	.welcome_to{background:#3f3f3f;}
	.potter_house, .founder{background:#3f3f3f}
	.nav{position:fixed;top:20px;right:0px;z-index:100}
	
	
	.cp_area{font-family:'Noto Sans', 'NanumBarunGothic', sans-serif;text-transform:uppercase;position:absolute;font-size:14px;text-align:center;}
	.dona_area{position:absolute;font-family:'Noto Sans',sans-serif;font-size:14px;z-index:1;text-align:right}
	.church_schedule{font-family:'Noto Sans', 'NanumBarunGothic', sans-serif; font-size:14px;}
	#wrap {overflow: hidden;min-width: 1190px;}
	
	.welcome_to_wrapper, .moving_church_wrapper .church_vision_wrapper, .church_pursuing_wrapper,
	.potter_house_wrapper, .founder_wrapper, .worship_wrapper, .come_see_wrapper{position:relative;width:1190px;height:720px;margin:0 auto;}


	/* welcome_to ------------------------------------------------------------------------------------------------------------------------------------------------ */	  	
	.welcome_to{position:relative; }
	.welcome_to_wrapper{font-size:14px;margin:0 auto;text-align:center;}
	.welcome_to_text {width:100%;height:720px;position:relative;margin:0;}
	.welcome_to_text img{width:100%}	
	.welcome_to_text .idx_img1{position:absolute;width:35%;top:0px;left:0px;z-index:1}
	.welcome_to_text .idx_img2{position:absolute;width:22%;bottom:0px;left:0px;z-index:2}
	
	.welcome_to_text .idx_img2-1{display:none}
	.welcome_to_text .idx_img3{position:absolute;width:22%;top:46%;left:250px;z-index:3}
	.welcome_to_text .idx_name{position:absolute;width:450px;font-family:'WandohopeB' !important;font-size:1.6rem;color:#92d051;}
	.welcome_to_text .idx_name{text-align:center;padding:20px 0 20px;right:200px;line-height:1.2;letter-spacing:0px}
	.welcome_to_text .idx_name p{padding:10px}
	
	.welcome_to_text .church_schedule{position:absolute;font-size:13.5px;bottom:50px;right:20px;letter-spacing:-0.2px;color:#fff}
	.welcome_to_text .church_schedule div{float:left;text-align:left;padding:0 20px 0 10px;line-height:120%}
	.welcome_to_text .cp_area{position:absolute;bottom:15px;left:350px;letter-spacing:-0.2px;color:#fff}
	.welcome_to_text .cp_area br{display: none}
	
	.idx_area{position:absolute;background:#5b9bd5;padding:15px;top:50%;margin-top:-160px;right:30px;width:600px;height:350px;border-radius:50%;z-index:20}
	.idx_area .idx_text{width:500px;text-align:center;margin:50px auto 30px;font-size:20px;line-height:1.2;font-weight:bold}
	.idx_area .idx_text p{padding:5px 0}
	.idx_area .idx_text .bul{padding-right:10px;font-size:14px;color:#f00}
	
	/* moving_church ----------------------------------------------------------------------------------------------------------------------------------------- */	  	
	.moving_church{position:relative; }
	.moving_church .l_area{display:none;position:absolute;top:15px;left:10px;width:70px;z-index:1;font-size:13px;color:#000;text-align:left;line-height:1.4;
			font-family:'Noto Sans', 'NanumBarunGothic', sans-serif;
			writing-mode:vertical-rl;
			-webkit-writing-mode:vertical-rl;
	        -ms-writing-mode:tb-rl;
	        }
	.moving_church .r_area{display:none;position:absolute;top:15px;right:15px;width:70px;z-index:1;font-size:13px;color:#000;text-align:left;line-height:1.4;
		font-family:'Noto Sans', 'NanumBarunGothic', sans-serif;
		writing-mode:vertical-rl;
		-webkit-writing-mode:vertical-rl;
	    -ms-writing-mode:tb-rl;
	    }
	.moving_church .dona_area{display:none;position:absolute;bottom:50px;right:0px;z-index:1;color:#000;}
	.moving_church .dona_area{margin:0 auto;font-size:13px;}
	.moving_church_wrapper{position:relative;width:1190px;height:720px;font-size:14px;margin:0 auto;text-align:center;}
	.moving_church_wrapper{background-image:url('/images/2page.jpg');background-size:1300px;background-position:center top;background-repeat:no-repeat;}
	.mc_content{font-size:17px; line-height:140%;font-family:'Calibri', sans-serif;}
	.moving_church_text {height:100%}
	.moving_church_text .c_name1{display:none}
	.moving_church_text .c_tit{font-size:1.2rem;padding:20px 0 10px;}
	.moving_church_text .c_timg{position:relative;margin:0 auto;max-width:230px; width:50%;padding:30px 0 50px}
	.moving_church_text .c_timg img{width:240px}
	.moving_church_text .c_name{position:absolute;font-size:1.2rem;top:50px;left:20px;letter-spacing:-0.5px;line-height:1.5;z-index:2}
	
	.moving_church_text .kr_area{padding:0 0 20px}
	.moving_church_wrapper .cp_area{position:absolute;width:100%;bottom:15px;left:0;letter-spacing:-0.2px;}
	.moving_church_wrapper .cp_area br{display: none}
	
	.kr_area{padding:5px 0}
	.en_area{padding:15px 0 5px;font-family:'Calibri', sans-serif;}
		
	
	/* church_vision ----------------------------------------------------------------------------------------------------------------------------------------- */
	.church_vision{position:relative; background-image:url('/images/2page.jpg');background-size:1280px;background-position:center top;}
	.church_vision_wrapper{position:relative;max-width:1190px;height:720px;margin:0 auto;}
	.church_vision_text {position:relative;width:1190px;font-size:14px;margin:0 auto;text-align:center;line-height:1.3;padding:30px 0 0;letter-spacing:0.5px}
	.church_vision_text .kr_area{}
	.church_vision_text .en_area{padding:5px 0;font-weight: bold;letter-spacing:0.02em}
	.church_vision_text p{padding:5px 0;line-height:140%}
	.church_vision_text .c_tit{font-size:1rem;padding:20px 0 10px;}
	.church_vision_text .c_timg{position:relative;margin:0 auto;max-width:230px; width:50%;padding:0px 0 10px}
	.church_vision_text .c_timg img{width:240px}
	.church_vision_text .cv_name{position:absolute;font-size:1.3rem;top:60px;left:20px;letter-spacing:-0.5px;line-height:1.5}
	
	.church_vision .dona_area{display: none;position:absolute;color:#000;bottom:60px;right:20px;z-index:1;}
	.church_vision .cp_area{position:absolute;color:#000;bottom:5px;left:0px;width:100%;padding:10px 0;z-index:12;}
	.church_vision .cp_area br{display:none}

	/* church_pursuing --------------------------------------------------------------------------------------------------------------------------------------- */
	.church_pursuing{position:relative; background-image:url('/images/2page.jpg');background-size:1280px ;background-position:center top;}
	.church_pursuing_wrapper{position:relative;width:1190px;height:720px;margin:0 auto;}
	.church_pursuing_text {position:relative;width:1190px;font-size:14px;margin:0 auto;text-align:center;line-height:1.3;padding:30px 0 0;letter-spacing:0.5px}
	.church_pursuing_text .kr_area{line-height:1.5}
	.church_pursuing_text .en_area{padding:10px 0 5px;font-weight: bold;letter-spacing:0.02em}
	.church_pursuing_text p{padding:5px 0 10px;line-height:140%}
	.church_pursuing_text .c_tit{font-size:1rem;padding:20px 0 10px;}
	.church_pursuing_text .c_timg{position:relative;margin:0 auto;max-width:230px; width:50%;padding:0px 0 10px}
	.church_pursuing_text .c_timg img{width:240px}
	.church_pursuing_text .cp_name{position:absolute;font-size:1.3rem;top:60px;left:10px;letter-spacing:-0.5px;line-height:1.5}
	.church_pursuing .dona_area{display:none;position:absolute;color:#000;bottom:60px;right:20px;z-index:1;}
	.church_pursuing .cp_area{position:absolute;color:#000;bottom:5px;left:0px;width:100%;padding:10px 0;z-index:12;}
	.church_pursuing .cp_area br{display:none}
	
	/* potter_house --------------------------------------------------------------------------------------------------------------------------------------- */		
	.potter_house{position:relative;}
	.potter_house_wrapper{position:relative;width:1190px;height:720px;margin:0 auto;}
	.potter_house_left img{width:100%}
	.potter_house_text .idx_img1{position:absolute;width:34%;top:0px;left:0px;z-index:1}
	.potter_house_text .idx_img2{position:absolute;width:28%;bottom:0px;left:0px;z-index:2}
	.potter_house_text .idx_img2-1{display:none}
	.potter_house_text .idx_img3{position:absolute;width:25%;top:260px;left:350px;z-index:3}		
	.potter_house_text .ph_name{position:absolute;width:450px;top:100px;font-family:'WandohopeB' !important;font-size:1.6rem;}
	.potter_house_text .ph_name{text-align:center;padding:30px 0 20px;left:350px;line-height:1.2}
	.potter_house_text .kr_area{line-height:140%}
	.potter_house_text .en_area{font-weight: bold;letter-spacing:0.02em}
	.potter_house .dona_area{position:absolute;bottom:80px;left:400px;z-index:1;color:#fff;text-align:center;font-weight: bold;font-size: 12px;line-height: 160%}
	.potter_house .dona_area a{color:#ffff00}
	.potter_house .dona_area img{fill:#ffff00}
	.potter_house .dona_area form{display: inline-block}
	.potter_house .cp_area{position:absolute;bottom:10px;left:350px;z-index:1;color:#fff;}
	.potter_house .cp_area br{display:none}
	.ph_area{position:absolute;background:#212d6f;margin:20px;top:0;right:0;width:380px;padding:15px;z-index:20;text-align:center}
	.ph_area{color:#fff;font-size:13px;line-height:1.20}
	.ph_area ul{margin:10px 0;padding:0}
	.ph_area ul li{text-align:left;list-style: disc;margin-left:20px;padding:3px 0}
	.ph_area ul li .bul{padding-right:20px;font-size:12px;}	
	.ph_area .sub_ul {padding-left:10px;margin:0;}
	.ph_area .sub_ul li {list-style-type:none;margin-left:0px;padding-left: 1.3em;text-indent: -1.3em;}
	.ph_area .sub_ul li:before {content: "-"; padding:0 8px}
	.ph_area .mail_to{color:#ffff00;text-decoration: underline}
	
	/* founder --------------------------------------------------------------------------------------------------------------------------------------- */	
	.founder{position:relative;}
	.founder_wrapper{width:1190px;height:720px;margin:0 auto;}

	.founder_left{float:left;position:relative;width:500px;height:720px;display:inline-block}
	.founder_left img{width:100%}
	.founder_left .idx_img1{position:absolute;width:70%;top:0px;left:0px;z-index:1}
	.founder_left .idx_img2{position:absolute;width:50%;bottom:0px;left:0px;z-index:2}
	.founder_left .idx_img2-1{display:none}
	.founder_left .idx_img3{position:absolute;width:55%;top:40%;left:200px;z-index:3}		

	.founder_left_text .ej_name{font-family:'WandohopeB' !important;font-size:1.6rem;text-align:center}
	.founder_left_text .ej_name{text-align:center;padding:30px 0 0;line-height:1.0}
	
	.founder_right{float:right;}
	
	.founder_right .ej_area{background:#212d6f;margin: 20px;top: 0;right: 0;width:620px;padding:10px 10px;z-index: 20;text-align:justify;word-break:keep-all}
	.founder_right .ej_area{color:#fff;font-size:13px;}
	.founder_right .ej_area p{text-align:left;text-indent:1em;padding:3px 0;line-height:110%}

	.founder_right .kr_area{line-height:1.5;padding:0;text-align:justify;}
	.founder_right .en_area{font-weight: bold;font-size:13px;letter-spacing:0.02em;padding: 5px 0 0;text-align:justify;}
	
	.founder .dona_area{display:none;position:absolute;bottom:80px;left:400px;z-index:1;color:#fff;}
	.founder .cp_area{position:absolute;bottom:10px;left:300px;z-index:1;color:#fff;}
	.founder .cp_area br{display:none;}
	

	/* worship --------------------------------------------------------------------------------------------------------------------------------------- */
	.worship{position:relative;}
	.worship_wrapper{position:relative;width:1190px;height:720px;margin:0 auto;}
	.worship_wrapper .cp_area{position:absolute;bottom:0;width:100%;text-align:center;padding:10px 0;font-size:14px;text-transform:uppercase}
	.worship_wrapper .cp_area br{display:none}
	.worship{background:#fff;border-bottom:1px solid #f6f6f6}
	.worship .nav{position:absolute;top:10px;right:20px;z-index:100}
	.ws-center .ws_name{background:#5b9bd5;padding:20px 40px;height:70px;border-radius:50%;margin:20px auto 0}
	.ws-center .ws_name{font-size:20px;color:#fff;line-height:30px;line-height:1.2;text-align:center}
	.ws-left{float:left;width:23%;height:100%;text-align:center}
	.ws-left .ws-img1 img{width:80%;padding-top:50px}
	.ws-left .ws-img2{padding-top:80px;font-size:12px}
	.ws-left .ws-img2 img{width:70%}
	.ws-left .ws-img3 {display:none;}
	.ws-left .ws-img4 {display:none;}
	.ws-center{float:left;width:55%;height:100%;position:relative}
	.ws-center .church_schedule{width:100%;margin:0;padding:0}
	.ws-center .church_schedule div{font-size:16px;text-align:left;color:#333;line-height:140%}
	.ws-center .cp_area{position:absolute;bottom:20px;z-index:10;color:#000;font-size:20px;margin:0 auto}
	.ws-center .church_schedule ul{margin-left: 20px;padding:20px 0px 10px 0px;}
	.ws-center .church_schedule ul li{list-style:disc;}
	.ws-center .church_schedule .place_data{width:100%;padding-bottom:30px;}
	.ws-center .church_schedule .worship_time{padding:3px 0;font-weight:bold} 
	.ws-center .church_schedule .worship_place{overflow:hidden}
	.ws-center .church_schedule .place_title{float:left;width:18%;letter-spacing:1px}
	.ws-center .church_schedule .place_addr{float:left;width:81%;letter-spacing:0px}
	
	.ws-right{float:right;position:relative;width:22%;height:100%;text-align:center}
	.ws-right .ws-img3 {padding-top:200px;}
	.ws-right .ws-img4 {padding-top:100px;}
	.ws-right .ws-img3 img{width:100%}
	.ws-right .ws-img4 img{width:40%;display:none;}
	
	.ws-center .dona_area{width:100%;padding-top:10px;font-size:15px !important}
	.ws-center .dona_area .dona_part {margin:0;padding:10px 0;}
	.ws-center .dona_area .dona_part li{list-style:none;float:left;padding:0 10px }
	.ws-center .dona_area .dona_part li:first-child{margin-right:10px;border-right:4px solid #4fafea}
	.zelle_btn, .paypal_btn{font-size:15px !important;padding:3px 0;}
	.zelle_btn img, .paypal_btn img{vertical-align:bottom}
	.paypal_btn{margin:15px 5px 0;float:left}
	.paypal_btn form{display: inline-block;}

	/* come see --------------------------------------------------------------------------------------------------------------------------------------- */
	.come_see{position:relative;}
	.come_see_wrapper{position:relative;width:1190px;height:720px;margin:0 auto; background-image:url('/images/come_see_bg.jpg');background-size:1100px;background-position:left 0px;background-repeat: no-repeat;}
	.come_see_wrapper .cp_area{position:absolute;bottom:0;width:100%;text-align:center;padding:10px 0;font-size:14px;text-transform:uppercase}
	
	.come_see_text{width:100%;display: inline-block;padding:10px 0}
	.comesee_txt{padding-top:100px}
	.cs-left{float:left;width:420px;height:100%;}
	.cs-left .comesee_logo{text-align:center}
	.cs-left .comesee_logo img{width:320px;}
	
	.cs-left .comesee_txt{font-size:26px;text-align:center}
	.cs-left .comesee_txt{width:100%;height:340px;/*border-radius:50%;background:#ccdff9;padding:30px 30px 20px;margin:0 auto;box-shadow:-2px -2px 2px 1px rgba(0, 0, 0, 0.2);border:1px solid #214a24*/}
	.cs-left .comesee_txt div{padding:10px 0;}
	.cs-left .comesee_txt p b{color:#000000;font-size:24px}
	.cs-left .comesee_txt p{padding:15px 0;font-size:18px}
	.cs-left .comesee_txt .cs_red{color:#b02418}
	.cs-left .comesee_txt .cs_mint{color:#50aeea}
	.cs-left .comesee_txt .cs_org{color:#de8344}
	
	.come_see_wrapper .top_img{display:none;}
	.come_see_wrapper .top_img .col2{float:left;width: 16.666667%;}
	.come_see_wrapper .top_img .smile_people{font-size:13px;font-weight:bold;line-height:1.5;padding:20px;letter-spacing:-1px;text-align:left}

	.cs-center{float:left;width:370px;height:100%;margin-top:30px;text-align:center}
	.cs-center .col6{float:left;width:50%; }
	.cs-center .col{float:none;width:100%}
	.cs-center .smile_people{display:inline-block;font-size:13px;font-weight:bold;line-height:1.5;padding:10px 0;letter-spacing:0px;text-align:left}
	.cs-center .smile_people a{color:#000}
	
	.cs-right{float:right;position:relative;width:400px;height:100%;}
	.cs-right .csmenu_title{margin:0 auto;font-size:32px;color:#c00000;padding:30px 0 20px;line-height:40px;overflow:hidden;text-align:center}
	.cs-right .csmenu{width:300px;margin:0 auto;list-style:none}
	.cs-right .csmenu .sm_div{width:auto;margin:0 auto 3px;padding:5px;background-color:#5b9bd5;text-align:center;line-height:16px;}
	.cs-right .csmenu .sm_div a{font-size:14px;color:#ffff00}
	.cs-right .csmenu .sm_div a span{color:#c10000;font-size:16px}
	.cs-right .csmenu .sm_div a p{line-height:100%}
	.cs-right .dona_area{width:100%;text-align:center;font-weight: bold;font-size: 12px;line-height: 160%;margin-top:20px;font-weight: bold}
	.cs-right .dona_area form{display: inline-block}