/* -------- 사용자 지정 css (사이트에 맞게 변경하세요) -------- */
/* font */
.f_blue { color:#1d5695; }
.center { text-align:center; }

/* layout */
#container { width:100%; padding:0px; margin:0px auto;}
#header { position:relative; margin:0 auto; padding:0; width:100%; height:128px; background:#323232; min-width:1100px;  }
#header .wrapper { width:1100px; margin:0 auto; }
#header .wrapper:after { content:""; display:block; clear:both; }
.lang_nav { float:right; margin-top:19px; height:40px; }
.lang_nav li { float:left; height:24px; border:2px solid #999999; padding:0 7px; font-size:12px; line-height:18px; font-weight:700; color:#fff; }
.lang_nav li:first-child { margin-right:8px; } 
.lang_nav li a { color:#fff; font-size:12px; }
.lang_nav li.on { border:2px solid #00a2e3;}
.lang_nav li.on a { color:#00a2e3;}

.gnb { clear:both; margin:0 auto; width:1100px; height:68px; min-width:1100px; }
.gnb h1 { float:left; width:224px; height:46px; }
.gnb ul { float:right; width:850px; }
.gnb ul li {float:left; width:150px; height:45px; line-height:45px; text-align:center; font-size:17px; font-weight:700; }
.gnb ul li:last-child { width:100px; text-align:right; }
.gnb ul li a { color:#fff;}
.gnb ul li a:hover, .gnb ul li.on a { color:#00a2e3; }

.snb { display:none; width:100%; height:200px; border-bottom:1px solid #dddddd; background:url(/images/submenu_bg.jpg) #fff repeat-x; position:absolute; z-index:500000; min-width:1100px;}
.snb div { width:1100px; height:190px; margin:0 auto; }
.snb .snb_wrap { float:right; width:850px; height:200px; }
.snb .submenu { float:left; width:149px; height:200px; border-left:1px solid #ddd; }
.snb .snb_wrap li:last-child { width:104px;}
.snb .submenu:hover { background:url(/images/submenu_ov.jpg) #eeeeee left top repeat-x;}

.snb .submenu ul { width:100%; margin:20px 0 0 20px; padding:0; list-style:none; }
.snb .submenu ul li { height:28px; line-height:28px; }
.snb .submenu ul li a { color:#595959; }
.snb .submenu ul li a:hover { color:#121212; }

#footer { clear:both; width:100%; /*height:130px;*/ background:#323232; padding-top:20px; padding-bottom:20px; min-width:1100px;  }
#footer:after { content:""; display:block; clear:both; }
#footer ul { width:400px; height:30px; margin:0 auto; }
#footer ul li { float:left; text-align:center; padding:0 5px; font-size:14px; color:#dddddd; }
#footer ul li a { color:#ddd; }
#footer .wrap { clear:both; margin:0 auto; padding-top:10px; width:1100px; }
#footer .wrap h1 { float:left; }
#footer .wrap div { float:right; width:890px; }
#footer .wrap div p { font-size:12px; line-height:18px; color:#666; }

/* TOP */
.scrollToTop{
	width:60px; 
	height:60px;
	position:fixed;
	bottom:40px;
	right:40px;
	display:none;
	background:url('/images/btn_top.png') left center no-repeat;
	text-indent:-50000px;
}
.scrollToTop:hover{
	text-decoration:none;
}

/* main */
#main-content { width:100%; clear:both; min-height:520px;  }

/*메인 이미지*/
#mainVisual { position:relative; width:100%; height:472px; }
.main_img1 { background-image:url(/images/main_img1.jpg); height:472px;}
.main_img2 { background-image:url(/images/main_img2.jpg); height:472px;}
.main_img3 { background-image:url(/images/main_img3.jpg); height:472px;}
.main_img4 { background-image:url(/images/main_img4.jpg); height:472px;}

#maintheme {width:100%; overflow: hidden; position: relative; min-width:1100px;}
.mainimg#maintheme {position: relative;}
.mVisual {width: 100%; height: 472px; overflow: hidden; position: relative;}
.mVisual .left.contBt {left:100px; top: 240px; position: absolute; z-index: 900;}
.mVisual .right.contBt {top: 240px; right: 70px; position: absolute; z-index: 900;}
.mVisual .rollU {left: 0px; top: 0px; width: 70%; height: 472px; position: absolute;}
.mVisual .rollU .obj {margin: auto; width: 1100px; height: 472px; position: relative;}

.mVisual .one.rollU {background: url("/images/main_img1.jpg") no-repeat center 0px; width: 100%; height:472px;}
.mVisual .one.rollU .obj {margin: auto; width:1100px; height: 472px; position: relative;}
.mVisual .one.rollU .obj .txt {position: absolute; left:105px; top:104px; }

.mVisual .two.rollU {background: url("/images/main_img2.jpg") no-repeat center 0px; width: 100%; height: 472px;}
.mVisual .two.rollU .obj {margin: auto; width: 1100px; height: 472px; position: relative;}
.mVisual .two.rollU .obj .txt {right:50px; top:141px; position: absolute;}

.mVisual .thr.rollU {background: url("/images/main_img3.jpg") no-repeat center 0px; width: 100%; height: 472px;}
.mVisual .thr.rollU .obj {margin: auto; width: 1100px; height: 472px; position: relative;}
.mVisual .thr.rollU .obj .txt {right:90px; top: 141px; position: absolute;}

.mVisual .fou.rollU {background: url("/images/main_img4.jpg") no-repeat center 0px; width: 100%; height: 472px;}
.mVisual .fou.rollU .obj {margin: auto; width: 1100px; height: 472px; position: relative;}
.mVisual .fou.rollU .obj .txt {right:90px; top: 141px; position: absolute;}


.mVisual .rollU .obj img {background: none; -ms-zoom: 1;}
.mVisual .numBt {position: absolute; left:50%; top:310px; width: 100%; text-align:left; z-index: 400;width:1200px;margin-left:-600px;}
.mVisual .numBt a {vertical-align: middle; display: inline-block;}
.mVisual .numBt a.play {margin-right: 6px; cursor: pointer;}
.mVisual .numBt a img {vertical-align: middle;}

.mVisual .rollU .obj .line1, .mVisual .rollU .obj .line2, .mVisual .rollU .obj .line3, .mVisual .rollU .obj .btn2, .mVisual .rollU .obj .btn1, .mVisual .rollU .obj .btn3, .mVisual .rollU .obj .btn4{display:none;}



#main_cont1 { margin:40px auto; width:1100px; min-width:1100px; }
.cont1 { float:left; width:340px; height:290px; margin-right:40px; }
.cont2 { float:left; width:340px; height:290px;}
.cont3 { float:right; width:340px; height:290px;}
.cont4 { float:left; width:340px; height:290px; margin-right:40px; }
.cont5 { float:left; width:340px; height:290px;}
.cont6 { float:right; width:340px; height:290px;}
.main_title1 { width:100%; height:30px; }
.main_title1:after { content:""; display:block; clear:both; }
.main_title1 h2 { float:left; font-size:17px; font-weight:bold; color:#121212; }
.main_title1 h2 a { color:#121212; }
.main_title1 span { float:right; padding-top:5px; width:16px; }
.main_title2 { margin-bottom:10px; width:100%; height:30px; border-bottom:1px solid #dadada; }
.main_title2:after { content:""; display:block; clear:both; }
.main_title2 h2 { float:left; font-size:17px; font-weight:bold; color:#121212; }
.main_title2 span { float:right; padding-top:5px; width:16px; }
.main_title3 { height:30px; font-size:17px; font-weight:bold; color:#fff; }
.main_title3 a { color:#fff; }
.gallary_main dt img { width:100%-2px; border:1px solid #eee; }
.gallary_main dd { padding-top:5px; text-align:center; font-size:13px; }
.main_basic_list { width:100%; }
.main_basic_list li { padding-left:14px; height:30px; line-height:30px; background:url(/images/bullet_list.jpg) left center no-repeat; }
.main_basic_list li:after { content:""; display:block; clear:both; }
.main_basic_list li > a { float:left; }
.main_basic_list li > span { float:right; text-align:right; color:#1d5695;}

#main_cont2 { clear:both; padding-top:40px; width:100%; background:#6a7c8f; min-width:1100px; }
#main_cont2 .wrap { margin:0 auto; width:1100px; }
#main_cont2 .wrap:after { content:""; display:block; clear:both; }
.cont7 { float:left; width:340px; height:310px; margin-right:40px; }
.cont8 { float:left; width:355px; height:310px;}
.cont9 { float:right; width:340px; height:310px;}
.webzine_main { margin-top:10px;}
.webzine_main li { height:75px; }
.webzine_main li:after { content:""; display:block; clear:both; }
.webzine_main .img { float:left; width:120px; }
.webzine_main .img img { width:120px; height:70px; border:1px solid #52657a; }
.webzine_main .cont { padding-top:4px; float:right; width:205px; }
.webzine_main .cont > .title, .webzine_main .cont > .title a { color:#a3adb9; }
.webzine_main .cont > .title a:hover { color:#fff; }
.webzine_main .cont > .name { color:#fff; }
.webzine_main .cont > .date { color:#78b8fb; }
.gallery2_main { margin-top:10px; }
.gallery2_main li { float:left; margin-right:5px; width:112px; height:75px; }
.gallery2_main li img { width:110px; height:70px; border:1px solid #52657a;}
.main_basic_list2 { width:100%; }
.main_basic_list2 li { padding:5px 0px 5px 14px; background:url(/images/bullet_list2.png) left 14px no-repeat; border-bottom:1px solid #788da2; line-height:18px; color:#a3adb9; }
.main_basic_list2 li:last-child { border:none; }
.main_basic_list2 li a { color:#a3adb9; }
.main_basic_list2 li a:hover { color:#fff; }
.main_basic_list2 li span { color:#78b8fb; }

/* sub */
#sub_visual_top { width:100%; height:150px; background:url(/images/sub_visual_top_bg.jpg) center top no-repeat; }
.sub_visual_img { margin:0 auto; width:1100px; height:150px; background:url(/images/sub_visual_top.png) right top no-repeat; }
.sub_visual_img_company { margin:0 auto; width:1100px; height:150px; background:url(/images/sub_visual_top1.png) right top no-repeat; }
.sub_visual_img_notice { margin:0 auto; width:1100px; height:150px; background:url(/images/sub_visual_top2.png) right top no-repeat; }
.sub_visual_img_video { margin:0 auto; width:1100px; height:150px; background:url(/images/sub_visual_top3.png) right top no-repeat; }
.sub_visual_img_gallery { margin:0 auto; width:1100px; height:150px; background:url(/images/sub_visual_top4.png) right top no-repeat; }
.sub_visual_img_community { margin:0 auto; width:1100px; height:150px; background:url(/images/sub_visual_top5.png) right top no-repeat; }
.sub_visual_img_member { margin:0 auto; width:1100px; height:150px; background:url(/images/sub_visual_top6.png) right top no-repeat; }
.sub_top_title { padding-top:45px; text-align:center; }
.sub_top_title span { color:#bbd1ef; font-size:17px; line-height:20px; font-weight:bold;}
.sub_top_title p { color:#fff; font-size:30px; font-weight:bold; }

.sub_container { margin:0 auto; padding:40px 0; width:1100px; min-height:520px; }
.sub_container:after { content:""; display:block; clear:both; }
#sub_menu { float:left; width:200px; }
#sub_menu h2 { margin-bottom:20px; width:200px; height:100px; background:url(/images/submenu_h2_bg.png) no-repeat; font-size:22px; line-height:100px; font-weight:bold; color:#6a7c8f; text-align:center; }
#sub_menu ul li { height:40px; line-height:40px; border-top:1px solid #dadada; text-indent:20px; }
#sub_menu ul li:last-child { border-bottom:1px solid #dadada; }
#sub_menu ul li.on { background:url(/images/submenu_arrow.png) #1d5695 170px center no-repeat; }
#sub_menu ul li.on a { color:#fff; }
#sub_contents { float:right; width:860px; }
#sub_contents .title { margin-bottom:40px; width:100%; height:78px; border-bottom:1px solid #dadada; }
#sub_contents .title:after { content:""; display:block; clear:both; }
#sub_contents .title h3 { float:left; font-size:36px; font-weight:bold; color:#333333; }
#sub_contents .title p { padding-top:20px; float:right; text-align:right; color:#666; }
#sub_contents .sub_contents {}
#sub_contents .sub_contents h4 { height:40px; background:url(/images/i_h4.png) left 5px no-repeat; text-indent:23px; font-size:18px; color:#555555; }
#sub_contents .sub_contents p { font-size:14px; line-height:24px; color:#666; }
.h_space { clear:both; display:block; height:40px; border:0; }
.about_text { font-size:14px; line-height:24px; color:#666; }
.vision li { float:left; width:192px; height:229px; margin-right:90px; }
.vision li:first-child { margin-left:50px; }
.vision li:last-child { margin-right:0px; }
.vision1 { background:url(/images/vision_01.jpg) left center no-repeat; }
.vision2 { background:url(/images/vision_02.jpg) left center no-repeat; }
.vision3 { background:url(/images/vision_03.jpg) left center no-repeat; }
.vision dl { margin:50px auto; width:146px; height:105px; }
.vision dl dt { height:38px; font-size:24px; line-height:28px; font-weight:bold; text-align:center; }
.vision dl dd { padding-top:10px; font-size:13px; line-height:18px; color:#666; text-align:center; }
.vision1 dt { color:#12b3d0; border-bottom:1px solid #12b3d0; }
.vision2 dt { color:#076cb3; border-bottom:1px solid #076cb3; }
.vision3 dt { color:#19d8cc; border-bottom:1px solid #19d8cc; }
.worship_time { border-collapse:collapse; }
.worship_time th, .worship_time td { border:1px solid #dadada; padding:10px; font-size:14px; text-align:center; }
.worship_time th { width:180px; background:#f0f4f8; color:#121212; }
.worship_time td { color:#666; }
.worship_time .location { color:#1d5695; }

.people { width:860px; }
.people ul li { float:left; margin-right:40px; }
.people ul li:last-child { margin-right:0px; }
.people dt { font-size:18px; color:#555; font-weight:bold; }
.people dt img { margin-top:3px; margin-right:5px; }
.people dd img { border:1px solid #dadada; }
.people dd { padding-top:5px; text-align:center; font-size:14px; color:#666; }