/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¸ð¹ÙÀÏ¿ë ÄÁÅÙÃ÷ ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ¸ð¹ÙÀÏ¿ë ¼­ºê¸Þ´º */
.mo-gnbmenu {float: left; width: 100%; margin-top: 1%;}
.mo-menulist {float: left; width: 100%; padding: 0 1%;}
.mo-menulist ul {float: left; width: 100%; text-align: center; border-top: 1px solid #dfdede; border-left: 1px solid #dfdede;}
.mo-menulist ul li {float: left; width: 33.3334%;}
.mo-menulist ul li a {display: block; width: 100%; height: 38px; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 14px; color: #252525; text-align: center; line-height: 38px; padding: 0 5px; border-right: 1px solid #dfdede; border-bottom: 1px solid #dfdede;}
.mo-menulist ul li.active a {color: #fff; cursor: pointer; background: #231f20;}

/* ¸ð¹ÙÀÏ¿ë ¼­ºê¸Þ´º ¹è¿­¼ö ¼³Á¤ */
.mo-menulist-2 ul li {width: 50%;} /* ¸Þ´º2°³ ½Ã */
.mo-menulist-4 ul li {width: 25%;} /* ¸Þ´º4°³ ½Ã */
.mo-menulist-5 ul li {width: 20%;} /* ¸Þ´º5°³ ½Ã */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¼­ºêÄÁÅÙÃ÷ °øÅë ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* sub-visual common */
.sub-visual {position: relative; display: table; table-layout: fixed; width: 100%; height: 250px; margin-top: 70px; background: url("../img/wowweb/images/sub_visual01.jpg") no-repeat; background-position: center top; background-size: cover;}
.sub-visual2 {background: url("../img/wowweb/images/sub_visual02.jpg") no-repeat; background-position: center top; background-size: cover;}
.sub-visual3 {background: url("../img/wowweb/images/sub_visual03.jpg") no-repeat; background-position: center top; background-size: cover;}
.sub-visual4 {background: url("../img/wowweb/images/sub_visual04.jpg") no-repeat; background-position: center top; background-size: cover;}
.sub-visual5 {background: url("../img/wowweb/images/sub_visual05.jpg") no-repeat; background-position: center top; background-size: cover;}

.subpage-title {margin: 0 auto; width: 100%; max-width: 1200px; text-align: center; display: table-cell; vertical-align: middle;}
.subpage-title h3.tit-txt {display: inline-block; width: 100%; font-family: "Gmarket Sans", sans-serif; transform: rotate(-0.04deg); font-size: 37px; font-weight: 500; color: #fff; line-height: 38px; letter-spacing: -0.5px; text-shadow: 3px 6px 16px rgba(0,0,0,0.38);}
.subpage-title p {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 22px; color: #fff; font-weight: 400; letter-spacing: -0.5px;}

/* PC subpage-navi common */
.subpage-navi {float: left; width: 100%; height: 55px; background: #fff; border-bottom: 1px solid #e1dfdf;}
.navi-area {margin:0 auto; width: 100%; max-width: 1200px;}
.navi-homebtn {float: left; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
.navi-homebtn li a {display: block; width: 60px; height: 55px; background: url("../img/wowweb/images/naviico_home.png") no-repeat center;}
.sub-gnbmenu {float: left; position: relative;}

.navi-mnlist {float: left; position: relative;}
.navi-mnlist .main-menu {float: left; width: auto; height: 55px; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 16px; color: #868788; font-weight: 400; line-height: 55px; padding: 0 80px 0 20px;}
.navi-mnlist .topnav {float: left; width: 250px; height: 55px; background: -webkit-linear-gradient(left, #00a2e5 0%, #60bb46 100%); background: -moz-linear-gradient(left, #00a2e5 0%, #60bb46 100%); background: linear-gradient(to right, #00a2e5 0%, #60bb46 100%);}
.navi-mnlist .topnav a {display: block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 16px; color: #fff; font-weight: 500; line-height: 55px; letter-spacing: 1px; padding: 0 20px; background: url("../img/wowweb/images/smmenu_arrow.png") no-repeat 89% center;}
.navi-mnlist .subnav {position: absolute; z-index: 3; left: 0; top: 55px; background: #fff; border: 1px solid #e1dfdf; border-top: 0px; display: none;}
.navi-mnlist .subnav li a {display: block; width: 248px; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.03deg); font-size: 15px; color:#565656; font-weight: 300; padding: 10px 0 10px 20px; text-align: left; border-top: 1px solid #d8d8d8; transition: all 0.3s ease;}
.navi-mnlist .subnav li a:hover {width: 248px; color: #000; font-weight: 500; text-align: left; background: #eee;}

/* ¼­ºêÆäÀÌÁö ·¹À̾ƿô °øÅë */
.inner-pagecontent {position: relative; float: left; width: 100%; margin: 70px 0;}
.inner-pagecontent .inner {margin: 0 auto; width: 100%; max-width: 1200px;}
.subpage-common {float: left; width: 100%; margin-top: 45px; min-height: 300px;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ °øÅë */
.titletxt-box {float: left; width: 100%; text-align: center;}
.title-bar {position: relative; display: inline-block;}
.title-bar:before {position: absolute; top: 0; left: 0; content: ""; display: block; width: 49px; height: 49px; border: 7px solid #00a2e5; z-index: 1;}
.title-bar span {position: relative; display: inline-block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 40px; color: #252525; font-weight: 500; line-height: 41px; letter-spacing: -0.08px; padding: 3px; margin-top: 18px; margin-left: 30px; background: #fff; z-index: 2;}

/* ¼­ºêÆäÀÌÁö ¹Ú½º¾È ŸÀÌƲ °øÅë */
.title-box {position: relative; float: left; width: 100%; height: 310px; text-align: center; margin-bottom: 30px;}
.title-box-history {background: url("../img/wowweb/introduce/images/s02_historyimg.jpg") no-repeat center top; background-size: 100% 100%;}
.title-box-worship {background: url("../img/wowweb/introduce/images/s03_worshipimg.jpg") no-repeat center top; background-size: 100% 100%;}
.title-box-edu {background: url("../img/wowweb/education/images/s01_systemimg01.jpg") no-repeat center top; background-size: 100% 100%;}
.title-box .title-area {position: absolute; display: block; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.title-box .title-area .tit {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 45px; color: #fff; font-weight: 700; margin-bottom: 10px;}
.title-box .title-area .stxt {font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 22px; color: #fff; font-weight: 400; line-height: 24px;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ¼­ºê °¢ ÄÁÅÙÃ÷ ¿µ¿ª */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Introduce s01-´ãÀÓ¸ñ»ç Àλ縻 */
.intro-area {float: left; width: 100%; padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #dddbdb;}
.intro-info {position: relative; float: left; width: 100%; z-index: 1;}
.intro-info .about-img {float: left; width: 100%; height: auto;}
.intro-info .about-img img {max-width: 100%;}
.intro-info .intro-txt {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); margin-top: 45px;}
.intro-info .intro-txt p {font-size: 17px; color: #525151; font-weight: 400; line-height: 26px; letter-spacing: -0.25px;}

.greeting-area {float: left; width: 100%;}
.greeting-area .greeting-img {float: left; width: 32.5%;}
.greeting-area .greeting-img img {width: 100%;}
.greeting-area ul {float: left; width: 67.5%; padding-left: 4.1667%;}
.greeting-area ul li {font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg);}
.greeting-area ul li.txt1 {float: left; width: 100%; margin-bottom: 35px;}
.greeting-area ul li.txt1 span {font-size: 35px; color: #00a2e5; font-weight: 400; line-height: 42px; letter-spacing: -0.25px;}
.greeting-area ul li.txt2 {float: left; width: 100%;}
.greeting-area ul li.txt2 p {font-size: 17px; color: #525151; font-weight: 400; line-height: 26px; letter-spacing: -0.25px; word-break: keep-all;}
.greeting-area ul li.sign {float: left; width: 100%; font-size: 15px; color: #949494; font-weight: 400; line-height: 22px; letter-spacing: -0.25px; margin-top: 40px;}
.greeting-area ul li.sign span {font-family: "NanumSquare", sans-serif; font-size: 26px; color: #3c3a3a; font-weight: 700; margin-left: 10px; vertical-align: -2px;}

/* Introduce s02-±³È¸¿¬Çõ */
.history-box {float: left; width: 100%;}
.history-contxt {float: left; width: 100%; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px dotted #e1e1e1;}
.history-contxt-last {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.year-tit li {float: left; transform: rotate(-0.04deg);}
.year-tit li:nth-child(1) {font-family: "Nanum Gothic", sans-serif; font-size: 38px; color: #07b0f6; font-weight: 800; line-height: 39px;}
.year-tit li:nth-child(2) {font-family: "Noto Sans KR", sans-serif; font-size: 20px; color: #bdbebf; font-weight: 400; line-height: 20px; margin-top: 13px; margin-left: 17px;}
.year-stxt {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); padding-left: 3.314917127071823%; margin-top: 10px; background: url("../img/wowweb/introduce/images/s02_year_bullet.jpg") no-repeat left 10px; box-sizing:border-box;}
.year-stxt li {float: left; width: 100%; margin-bottom: 5px;}
.days-date {float: left; width: 8%; font-size: 17px; color: #00bff3; font-weight: 500; vertical-align: top;}
.date-txt {float: left; width: 92%; font-size: 17px; color: #525151; font-weight: 400;}

/* Introduce s03-¿¹¹è¾È³» */
.worship-box {float: left; width: 100%;}
.wowtable-box {float: left; width: 100%;}
.wowtable-box .wowtable-title {font-family: "Noto Sans KR", sans-serif; font-size: 20px; color: #282828; font-weight: 500;}
.wowtable-tbl {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; border: 1px solid #dddddd; text-align: center; margin-top: 10px; margin-bottom: 20px;}
.wowtable-tbl2 {margin-bottom: 0;}
.wtable-th {border-top: 3px solid #464646; background-color: #fbfbfb;}
.wtable-th th {font-size: 17px; color: #282828; font-weight: 700; padding: 10px; border: 1px solid #dddddd;}
.col-01 {width: 30%;}
.col-02 {width: 40%;}
.col-03 {width: 30%;}
.col-04 {width: 50%;}
.col-05 {width: 20%;}
.wowtable-tbl td {font-size: 16px; color: #525151; font-weight: 400; letter-spacing: -0.5px; padding: 10px; border: 1px solid #dddddd;}
.wowtable-tbl td.wtable-tdtitle {font-weight: 500; background: #f3f6f8;}

/* Introduce s04-¼¶±â´Â À̵é */
.serve-box {float: left; width: 100%;}

/* ´ãÀÓ¸ñ»ç ¼Ò°³ */
.circle-tit-box {float: left; width: 100%; margin-bottom: 30px;}
.circle-tit-box2 {margin-top: 50px; margin-bottom: 15px;}
.tit-txt {float: left; width: 100%;}
.tit-txt ul {display: inline-block; width: 100%; text-align: center;}
.tit-txt ul li {display: inline-block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg);}
.tit-txt ul li.title-name {font-size: 23px; color: #009fe2; font-weight: 500; padding: 5px 30px 6px; border: 5px solid #009fe2; border-radius: 50px;}

.religious-large {float: left; width: 100%; padding-bottom: 50px; border-bottom: 1px dashed #ccc;}
.religious-img {float: left; width: 25.416667%;}
.religious-img img {width: 100%;}
.religious-contxt {float: right; width: 74.583334%; padding-left: 3.3334%; transform: rotate(-0.04deg);}
.religious-title {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 30px; color: #282828; font-weight: 500; margin-top: -10px; margin-bottom: 10px;}
.religious-title li {float: left; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg);}
.religious-title li:nth-child(2) {font-size: 18px; color: #000; font-weight: 300; margin-top: 13px; margin-left: 15px;}

.level-contxt {float: left; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #e1e1e1;}
.level-contxt2 {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
.level-tittxt {float: left;}
.level-tittxt li {font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 18px; color: #07b0f6; font-weight: 500;}
.level-sittxt {float: left; width: 100%; margin-top: 5px;}
.level-sittxt li {font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 17px; color: #525151; font-weight: 400; line-height: 26px;}

/* ±³¿ªÀÚ ¼Ò°³ */
.serve-people {float: left; width: 100%;}
.serve-thumb {float: left; width: 20%; padding: 1.5% 0.5%;}
.serve-thumb li {font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg);}
.serve-thumb li img {width: 100%;}
.serve-thumb li:nth-child(1) {width: 100%; height: auto;}
.serve-thumb li:nth-child(2) {height: 40px; font-size: 17px; color: #252525; font-weight: 500; line-height: 40px; text-align: center; border-bottom: 1px solid #e2e2e2;}
.serve-thumb li:nth-child(3) {font-size: 14px; color: #1e1e1e; font-weight: 500; margin-top: 10px;}
.serve-thumb li:nth-child(4) {font-size: 13px; color: #626060; font-weight: 300; line-height: 20px; margin-top: 5px;}

/* Introduce s05-ã¾Æ¿À½Ã´Â±æ */
.map-img {position: relative; float: left; width: 100%;}
.map-img div.map {position: relative; float: left; width: 100%; height: 100%; border: 1px solid #e8e7e7; overflow: hidden;}
.map-img .btnnaver {position: absolute; top: 20px; right: 20px; height: 40px; background: #00a651; transition: all 0.3s ease;}
.map-img .btnnaver a {display: block; font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #fff; font-weight: 400; line-height: 40px; padding: 0 18px;}
.map-img .btnnaver:hover {background: #111;}

.location-info {float: left; width: 100%;}
.location-info ul {float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #d7d7d7;}
.location-info ul li {float: left; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg);}
.location-info ul li:nth-child(1) {width: 13%; height: 34px; font-size: 16px; color: #fff; font-weight: 500; text-align: center; line-height: 34px; margin-right: 15px; background-color: #a6a6a6;}
.location-info ul li:nth-child(2) {width: 82%; font-size: 17px; color: #606060; font-weight: 400; margin-top: 3px;}
.location-info ul li.address-txt {color: #000; font-weight: 500;}

/* Education s01-¾çÀ°½Ã½ºÅÛ */
.education-box {float: left; width: 100%;}
.education-box .edu-txt {float: left; width: 100%; transform: rotate(-0.04deg);}
.education-box .edu-txt p {font-family: "Noto Sans KR", sans-serif; font-size: 17px; color: #525151; font-weight: 400; line-height: 26px; letter-spacing: -0.25px;}
.system_contxt li {float: left; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #585858; font-weight: 400; line-height: 23px; text-align: justify; word-break: break-all;}
.diagram-box {float: left; width: 100%; margin-top: 50px;}
.diagram-box .diagram-left {float: left; width: 47.916667%;}
.diagram-box .diagram-left li {width: 100%;}
.diagram-box .diagram-left li:nth-child(1) {margin-bottom: 25px;}
.diagram-box .diagram-left li img {width: 100%;}
.diagram-box .diagram-right {float: right; width: 50%;}
.diagram-box .diagram-right li {width: 100%;}
.diagram-box .diagram-right li img {width: 100%;}

/* Education s02-Àüµµ»ç¿ª */
.education-box .sub-contxt {float: left; width: 100%; transform: rotate(-0.04deg); margin-bottom: 30px;}
.education-box .sub-contxt p {font-family: "Noto Sans KR", sans-serif; font-size: 30px; color: #00a2e5; font-weight: 300; line-height: 38px; letter-spacing: -0.8px; text-align: center;}
.evangelism-box {float: left; width: 100%;}
.evangelism-imgarea {float: left; width: 100%; margin-top: 45px; margin-bottom: 30px;}
.evangelism-imgarea li {float: left; width: 31.6667%; margin-right: 2.5%;}
.evangelism-imgarea li:last-child {margin-right: 0;}
.evangelism-imgarea li img {width: 100%;}

/* Organization s01-À¯ÃʵîºÎ */
.organization-box {float: left; width: 100%;}
.organization-box .sub-contxt {float: left; width: 100%; transform: rotate(-0.04deg); margin-bottom: 30px;}
.organization-box .sub-contxt p {font-family: "Noto Sans KR", sans-serif; font-size: 30px; color: #00a2e5; font-weight: 300; line-height: 38px; text-align: center;}
.organization-box .edu-txt {float: left; width: 100%; transform: rotate(-0.04deg); margin-bottom: 25px;}
.organization-box .edu-txt p {font-family: "Noto Sans KR", sans-serif; font-size: 17px; color: #525151; font-weight: 400; line-height: 26px; letter-spacing: -0.25px;}

.depart-box {float: left; width: 100%;}
.depart-imgarea {float: left; width: 100%; margin-bottom: 20px;}
.depart-imgarea li {float: left; width: 31.6667%; margin-right: 2.5%;}
.depart-imgarea li:last-child {margin-right: 0;}
.depart-imgarea li img {width: 100%;}

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ã³¸®¹æħ ½ºÅ¸ÀÏ */
.member_usebox {float: left; width: 100%; padding: 1%; background-color: #eeeeee; border-top: 2px solid #000; border-bottom: 1px solid #dddddd; box-sizing: border-box;}
.member_usearea {float: left; white-space: pre-line; text-align: justify; background-color: #fff; box-sizing: border-box; padding: 2.5%; border: 1px solid #dddddd;}
.member_usearea p {float: left; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 15px; color: #525151; font-weight: 300; line-height: 23px; letter-spacing: -0.8px; margin-top: -20px;}
.user_point {font-size: 16px; color: #00a2e5; font-weight: 500;}
.user_point2 {font-size: 14px; color: #00a2e5; font-weight: 500;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

/* ¸ð¹ÙÀÏ¿ë ¼­ºê¸Þ´º */
.mo-menulist ul li a {font-size: 13px;}

/* sub-visual common */
.sub-visual {height: 100%; padding: 16% 3%; margin-top: 80px;}
.subpage-title h3.tit-txt {font-size: 22px; line-height: 26px; word-break: keep-all;}
.subpage-title p {font-size: 17px; line-height: 22px; word-break: keep-all;}

/* PC subpage-navi common */
.subpage-navi {display: none;}

/* ¼­ºêÆäÀÌÁö ·¹À̾ƿô °øÅë */
.inner-pagecontent {margin: 40px 0;}
.subpage-common {padding: 0 3%; margin-top: 40px;}

/* PC sub-gnbmenu common */
.sub-gnbmenu {display: none;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ °øÅë */
.title-bar:before {width: 39px; height: 39px; border: 6px solid #00a2e5;}
.title-bar span {font-size: 25px; line-height: 25px; margin-top: 15px; margin-left: 25px;}

/* Introduce s01-´ãÀÓ¸ñ»ç Àλ縻 */
.intro-area {padding-bottom: 40px; margin-bottom: 40px;}
.intro-info ul {width: 100%; height: auto;}
.intro-info .rightimg {width: 100%; height: auto;}
.intro-info:before {left: 20px; height: 90px;}
.intro-info ul {padding: 30% 4% 10%;}
.intro-info ul li.txt1 {font-size: 16px; line-height: 22px;}
.intro-info ul li.txt2 {font-size: 24px; line-height: 30px;}
.intro-info .intro-txt {margin-top: 30px;}
.intro-info .intro-txt p {font-size: 16px; line-height: 22px; word-break: keep-all;}

.greeting-area .greeting-img {width: 100%; padding: 0 10% 10%;}
.greeting-area ul {width: 100%; padding-left: 0;}
.greeting-area ul li.txt1 {margin-bottom: 25px;}
.greeting-area ul li.txt1 span {font-size: 26px; line-height: 32px; word-break: keep-all;}
.greeting-area ul li.txt1 span br {display: none;}
.greeting-area ul li.txt2 p {font-size: 16px; line-height: 22px; word-break: keep-all;}
.greeting-area ul li.sign span {font-size: 24px; vertical-align: -1px;}

/* Introduce s02-±³È¸¿¬Çõ */
.title-box {height: 100%; padding-bottom: 32%;}
.title-box .title-area .tit {font-size: 26px; margin-bottom: 5px;}
.title-box .title-area .stxt {font-size: 15px; line-height: 17px;}
.year-tit li:nth-child(1) {font-size: 33px; line-height: 34px;}
.year-tit li:nth-child(2) {font-size: 18px; margin-left: 13px;}
.year-stxt {padding-left: 9%;}
.days-date {width: 20%; font-size: 15px;}
.date-txt {width: 80%; font-size: 15px; letter-spacing: -0.8px;}

/* Introduce s03-¿¹¹è¾È³» */
.wtable-th th {font-size: 15px; padding: 10px 5px;}
.wowtable-tbl td {font-size: 14px; padding: 5px; word-break: keep-all;}

/* Introduce s04-¼¶±â´Â À̵é */
.tit-txt ul li.title-name {font-size: 16px;}
.religious-large {padding-bottom: 30px;}
.religious-img {width: 100%; padding: 0 10%;}
.religious-contxt {width: 100%; padding-left: 0; margin-top: 30px;}
.religious-title {font-size: 26px; text-align: center;}
.religious-title li {float: none; display: inline-block;}
.religious-title li:nth-child(2) {font-size: 16px; margin-top: 10px; margin-left: 5px;}
.level-sittxt li {font-size: 15px; line-height: 22px; word-break: keep-all;}
.circle-tit-box2 {margin-top: 30px; margin-bottom: 20px;}
.serve-thumb {width: 50%; padding: 3% 1.5%;}

/* Introduce s05-ã¾Æ¿À½Ã´Â±æ */
.location-info ul li:nth-child(1) {width: 20%; font-size: 15px; margin-right: 0;}
.location-info ul li:nth-child(2) {width: 80%; font-size: 15px; line-height: 34px; padding-left: 15px; margin-top: 0;}
.location-info ul li.address-txt {line-height: 20px;}
.location-info ul:nth-of-type(2) li:nth-child(2) {line-height: 20px;}
.map-img div.map {height: 500px;}
.map-img div.map img {position: absolute; top: 0; left: 50%; margin-top: -60px; margin-left: -600px;}
.map-img .btnnaver {top: 10px; right: 10px;}

/* Education s01-¾çÀ°½Ã½ºÅÛ */
.education-box .edu-txt p {font-size: 15px; line-height: 22px; word-break: keep-all;}
.diagram-box .diagram-left {width: 100%;}
.diagram-box .diagram-right {width: 100%; margin-top: 25px;}

/* Education s02-Àüµµ»ç¿ª */
.education-box .sub-contxt p {font-size: 20px; line-height: 26px; word-break: keep-all;}
.education-box .sub-contxt p br {display: none;}
.evangelism-imgarea li {width: 100%; margin-right: 0; margin-bottom: 20px;}
.evangelism-imgarea li:last-child {margin-bottom: 0;}

/* Organization s01-À¯ÃʵîºÎ */ 
.organization-box .sub-contxt p {font-size: 20px; line-height: 26px; word-break: keep-all;}
.organization-box .edu-txt p {font-size: 15px; line-height: 22px; word-break: keep-all;}
.depart-imgarea li {width: 100%; margin-right: 0; margin-bottom: 20px;}
.depart-imgarea li:last-child {margin-bottom: 0;}

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ã³¸®¹æħ ½ºÅ¸ÀÏ */
.member_usebox {padding: 2%;}
.member_usearea {padding: 3%;}
.member_usearea p {font-size: 14px; line-height: 18px; margin-top: -10px;}
.user_point {font-size: 15px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

/* sub-visual common */
.sub-visual {height: 100%; padding: 20% 3%; margin-top: 80px;}
.subpage-title h3.tit-txt {font-size: 25px; line-height: 30px; word-break: keep-all;}
.subpage-title p {font-size: 17px; line-height: 22px; word-break: keep-all;}

/* PC subpage-navi common */
.subpage-navi {display: none;}

/* ¼­ºêÆäÀÌÁö ·¹À̾ƿô °øÅë */
.inner-pagecontent {margin: 40px 0;}
.subpage-common {padding: 0 3%; margin-top: 40px;}

/* PC sub-gnbmenu common */
.sub-gnbmenu {display: none;}

/* ¼­ºêÆäÀÌÁö ŸÀÌƲ °øÅë */
.title-bar:before {width: 39px; height: 39px; border: 6px solid #00a2e5;}
.title-bar span {font-size: 25px; line-height: 25px; margin-top: 15px; margin-left: 25px;}

/* Introduce s01-´ãÀÓ¸ñ»ç Àλ縻 */
.intro-area {padding-bottom: 40px; margin-bottom: 40px;}
.intro-info ul {width: 100%; height: auto;}
.intro-info .rightimg {width: 100%; height: auto;}
.intro-info:before {left: 20px; height: 90px;}
.intro-info ul {padding: 30% 4% 10%;}
.intro-info ul li.txt1 {font-size: 16px; line-height: 22px;}
.intro-info ul li.txt2 {font-size: 24px; line-height: 30px;}
.intro-info .intro-txt {margin-top: 30px;}
.intro-info .intro-txt p {font-size: 16px; line-height: 22px; word-break: keep-all;}

.greeting-area .greeting-img {width: 100%; padding: 0 10% 10%;}
.greeting-area ul {width: 100%; padding-left: 0;}
.greeting-area ul li.txt1 {margin-bottom: 25px;}
.greeting-area ul li.txt1 span {font-size: 26px; line-height: 32px; word-break: keep-all;}
.greeting-area ul li.txt1 span br {display: none;}
.greeting-area ul li.txt2 p {font-size: 16px; line-height: 22px; word-break: keep-all;}
.greeting-area ul li.sign span {font-size: 24px; vertical-align: -1px;}

/* Introduce s02-±³È¸¿¬Çõ */
.title-box {height: 100%; padding-bottom: 32%;}
.title-box .title-area .tit {font-size: 26px; margin-bottom: 5px;}
.title-box .title-area .stxt {font-size: 15px; line-height: 17px;}
.year-tit li:nth-child(1) {font-size: 33px; line-height: 34px;}
.year-tit li:nth-child(2) {font-size: 18px; margin-left: 13px;}
.year-stxt {padding-left: 9%;}
.days-date {width: 16%; font-size: 15px;}
.date-txt {width: 84%; font-size: 15px; letter-spacing: -0.8px;}

/* Introduce s03-¿¹¹è¾È³» */
.wtable-th th {font-size: 15px; padding: 10px 5px;}
.wowtable-tbl td {font-size: 14px; padding: 5px; word-break: keep-all;}

/* Introduce s04-¼¶±â´Â À̵é */
.tit-txt ul li.title-name {font-size: 16px;}
.religious-large {padding-bottom: 30px;}
.religious-img {width: 100%; padding: 0 10%;}
.religious-contxt {width: 100%; padding-left: 0; margin-top: 30px;}
.religious-title {font-size: 26px; text-align: center;}
.religious-title li {float: none; display: inline-block;}
.religious-title li:nth-child(2) {font-size: 16px; margin-top: 10px; margin-left: 5px;}
.level-sittxt li {font-size: 16px; line-height: 24px; word-break: keep-all;}
.circle-tit-box2 {margin-top: 30px; margin-bottom: 20px;}
.serve-thumb {width: 50%; padding: 3% 1.5%;}

/* Introduce s05-ã¾Æ¿À½Ã´Â±æ */
.location-info ul li:nth-child(1) {width: 20%; font-size: 15px; margin-right: 0;}
.location-info ul li:nth-child(2) {width: 80%; font-size: 15px; line-height: 34px; padding-left: 15px; margin-top: 0;}
.location-info ul li.address-txt {line-height: 20px;}
.location-info ul:nth-of-type(2) li:nth-child(2) {line-height: 20px;}
.map-img div.map {height: 500px;}
.map-img div.map img {position: absolute; top: 0; left: 50%; margin-top: -60px; margin-left: -600px;}
.map-img .btnnaver {top: 10px; right: 10px;}

/* Education s01-¾çÀ°½Ã½ºÅÛ */
.education-box .edu-txt p {font-size: 16px; line-height: 22px; word-break: keep-all;}
.diagram-box .diagram-left {width: 100%;}
.diagram-box .diagram-right {width: 100%; margin-top: 25px;}

/* Education s02-Àüµµ»ç¿ª */
.education-box .sub-contxt p {font-size: 23px; line-height: 30px; word-break: keep-all;}
.education-box .sub-contxt p br {display: none;}
.evangelism-imgarea li {width: 100%; margin-right: 0; margin-bottom: 20px;}
.evangelism-imgarea li:last-child {margin-bottom: 0;}

/* Organization s01-À¯ÃʵîºÎ */ 
.organization-box .sub-contxt p {font-size: 23px; line-height: 30px; word-break: keep-all;}
.organization-box .edu-txt p {font-size: 16px; line-height: 22px; word-break: keep-all;}
.depart-imgarea li {width: 100%; margin-right: 0; margin-bottom: 20px;}
.depart-imgarea li:last-child {margin-bottom: 0;}

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ã³¸®¹æħ ½ºÅ¸ÀÏ */
.member_usebox {padding: 2%;}
.member_usearea {padding: 4%;}
.member_usearea p {font-size: 14px; line-height: 20px; margin-top: -10px;}
.user_point {font-size: 15px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

/* sub-visual common */
.sub-visual {height: 100%; padding: 14% 3%; margin-top: 80px;}
.subpage-title h3.tit-txt {line-height: 44px; word-break: keep-all;}

/* PC subpage-navi common */
.subpage-navi {display: none;}

/* ¼­ºêÆäÀÌÁö ·¹À̾ƿô °øÅë */
.inner-pagecontent {margin: 40px 0;}
.subpage-common {padding: 0 3%; margin-top: 40px;}

/* PC sub-gnbmenu common */
.sub-gnbmenu {display: none;}

/* ¸ð¹ÙÀÏ¿ë ¼­ºê¸Þ´º */
.mo-menulist ul li a {height: 50px; font-size: 16px; line-height: 50px;}

/* Introduce s01-´ãÀÓ¸ñ»ç Àλ縻 */
.intro-info:before {left: 30px; height: 80px;}
.intro-info ul {height: 280px; padding: 100px 0 0 25px;}
.intro-info ul li.txt1 {font-size: 18px;}
.intro-info ul li.txt2 {font-size: 28px; line-height: 34px;}
.intro-info .rightimg {height: 280px;}
.intro-info .rightimg img {width: auto;}
.greeting-area ul li.txt1 span {font-size: 30px; line-height: 38px;}
.greeting-area ul li.txt1 span br {display: none;}

/* Introduce s02-±³È¸¿¬Çõ */
.title-box {height: 100%; padding-bottom: 32%;}
.days-date {width: 12%;}
.date-txt {width: 88%;}

/* Introduce s04-¼¶±â´Â À̵é */
.religious-img {width: 35%;}
.religious-contxt {width: 65%;}
.serve-thumb {width: 25%;}

/* Introduce s05-ã¾Æ¿À½Ã´Â±æ */
.map-img div.map {height: 600px;}
.map-img div.map img {position: absolute; top: 0; left: 50%; margin-top: -10px; margin-left: -600px;}

/* Education s02-Àüµµ»ç¿ª */
.education-box .sub-contxt p br {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

/* sub-visual common */
.sub-visual {height: 100%; padding: 14% 3%; margin-top: 80px;}
.subpage-title h3.tit-txt {line-height: 44px; word-break: keep-all;}

/* PC subpage-navi common */
.subpage-navi {display: none;}

/* ¼­ºêÆäÀÌÁö ·¹À̾ƿô °øÅë */
.inner-pagecontent {margin: 40px 0;}
.subpage-common {padding: 0 3%; margin-top: 40px;}

/* PC sub-gnbmenu common */
.sub-gnbmenu {display: none;}

/* ¸ð¹ÙÀÏ¿ë ¼­ºê¸Þ´º */
.mo-menulist ul li a {height: 50px; font-size: 16px; line-height: 50px;}

/* Introduce s01-´ãÀÓ¸ñ»ç Àλ縻 */
.intro-info:before {left: 30px; height: 80px;}
.intro-info ul {height: 280px; padding: 100px 0 0 25px;}
.intro-info ul li.txt1 {font-size: 18px;}
.intro-info ul li.txt2 {font-size: 28px; line-height: 34px;}
.intro-info .rightimg {height: 280px;}
.intro-info .rightimg img {width: auto;}
.greeting-area ul li.txt1 span {font-size: 30px; line-height: 38px;}
.greeting-area ul li.txt1 span br {display: none;}

/* Introduce s02-±³È¸¿¬Çõ */
.title-box {height: 100%; padding-bottom: 32%;}
.days-date {width: 12%;}
.date-txt {width: 88%;}

/* Introduce s04-¼¶±â´Â À̵é */
.religious-img {width: 35%;}
.religious-contxt {width: 65%;}
.serve-thumb {width: 25%;}

/* Introduce s05-ã¾Æ¿À½Ã´Â±æ */
.map-img div.map {height: 600px;}
.map-img div.map img {position: absolute; top: 0; left: 50%; margin-top: -10px; margin-left: -600px;}

/* Education s02-Àüµµ»ç¿ª */
.education-box .sub-contxt p br {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

/* ¸ð¹ÙÀÏ¿ë ¼­ºê¸Þ´º */
.mo-gnbmenu {display: none;}

/* Introduce s04-¼¶±â´Â À̵é */
.religious-img {width: 30%;}
.religious-contxt {width: 70%;}

/* Introduce s05-ã¾Æ¿À½Ã´Â±æ */
.map-img div.map img {margin-left: -50px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb pc 1280 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) {

/* ¸ð¹ÙÀÏ¿ë ¼­ºê¸Þ´º */
.mo-gnbmenu {display: none;}

}