@charset "utf-8";

/* Nanum Sqaure - 400, 700 */
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css?wv_res=true&tid=RELIGION&trev=1);
/* NanumBarunGothic - 200, 300, 400, 700 */
/*@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css?wv_res=true&tid=RELIGION&trev=1);*/
/* Nanum Myeongjo - 400, 600, 700 */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css?wv_res=true&tid=RELIGION&trev=1);
/* Poppins Font - 300, 400, 500, 600, 700 */
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&wv_res=true&tid=RELIGION&trev=1);

.nm    {font-family:"Nanum Myeongjo", "돋움", Sans-serif; font-weight: 400; letter-spacing:0em;}
.nm600 {font-family:"Nanum Myeongjo", "돋움", Sans-serif; font-weight: 600; letter-spacing:0em;}
.nm700 {font-family:"Nanum Myeongjo", "돋움", Sans-serif; font-weight: 700; letter-spacing:0em;}

.en    {font-family: Poppins, sans-serif; font-weight: 300; letter-spacing:0em;}
.en400 {font-family: Poppins, sans-serif; font-weight: 400; letter-spacing:0em;}
.en500 {font-family: Poppins, sans-serif; font-weight: 500; letter-spacing:0em;}
.en600 {font-family: Poppins, sans-serif; font-weight: 600; letter-spacing:0em;}
.en700 {font-family: Poppins, sans-serif; font-weight: 700; letter-spacing:0em;}

body {background-color:#fff; color:#000; line-height: 1.2; font-weight: 300; font-family:'Nanum Square',/*"Nanum Barun Gothic", */"돋움", Sans-serif; letter-spacing:0em;}



.wrapper {position:relative; overflow: hidden;}
.wrapper.sub .footer_title{display:none;}

.mw-1200{max-width:1200px;}
.mw-1950{max-width:1950px;}

.section{}
.section .section_seperate_line{position: absolute; top:0; left:50%; z-index: 2; margin-top:-35px; height:70px; overflow: hidden;}
.section .section_border{width:32px; border-bottom:1px solid #000; opacity: 0.3; filter:alpha(opacity=30);}
.section h3{letter-spacing: -0.085em;}
.section h3.color_white{color:#fff;}
.section .h_desc3{letter-spacing: 0.4em;}
.section .h_desc3.color_white{color:#fff;}
.section .more_btn{letter-spacing:-0.065em; position: absolute; right:0; top:-21px;}
.section .more_btn:hover{color:#ac865b;}
.sub .section .more_btn{display:none;}
.section .more_btn.color_white{color:#fff;}
.section .more_btn.webzine_more_btn{position: static;}
.section .section_arrow{position: absolute; top:50%; cursor: pointer;}
.section .section_arrow.left_arrow{left:0;}
.section .section_arrow.right_arrow{right:0;}
.section .rolling_btn_con{}
.section .rolling_btn{border:1px solid #e1e1e1; border-radius: 50%; box-sizing: border-box; width:10px; height:10px; background-color: transparent;}
.section .rolling_btn.active{border-color:#434343; background-color: #434343; }
/* half line */
.section .line_wrap{position: absolute; z-index: -1;}
.section .section_half_line{border-right:1px solid #eeeeee; position: absolute; left:50%; margin-left:-0.5px; width:auto; display:none;}

.section h4{letter-spacing: -0.045em;}
.section .h_subtitle4{ letter-spacing: -0.085em;}
.section .h_line4{ border-bottom:1px solid #cccccc; width:90px; }
.section .h_desc4{ color:#434343;}

/* list_style_0 */
.section .list_style_0{}
.section .list_style_0 > li{list-style-type: decimal; color:#fff; margin-top:3px; margin-bottom:4px;}
.section .list_style_0 > li:first-child{margin-top:0;}


/* list_style_1 */
.section .list_style_1{width:320px; font-size: 0;}
.section .list_style_1 > li{width:50%; text-align: center; background-color: #fcfcfc; font-size:15px; font-size:1.5rem; line-height:21px; line-height:2.1rem;
color:#a2a1a1; letter-spacing: 0.025em; display:inline-block;}
.section .list_style_1 > li > a{transition:0s; padding-top:13px; padding-bottom:13px; display:block; box-sizing: border-box; border:1px solid #ececec; border-left:none; font-weight:500;}
.section .list_style_1 > li:first-child > a{border-left:1px solid #ececec;}
.section .list_style_1 > li > a:hover{border:1px solid #c69e70; color:#a47f54; background-color: #fff; border-bottom:1px solid transparent;
margin-left:-1px; position:relative; padding-right:2px; padding-left:2px;}
.section .list_style_1 > li > a.active{border:1px solid #c69e70; color:#a47f54; background-color: #fff; border-bottom:1px solid transparent;
margin-left:-1px; position:relative; padding-right:2px; padding-left:2px;}
.section .list_style_1 > li:first-child > a:hover{margin-left:0;}
.section .list_style_1 > li:first-child > a.active{margin-left:0;}

/* list_style_2 */
.section .list_style_2{width:100%; font-size: 0; height: 4000px;}
.section .list_style_2 > li { width: 33%; text-align: center; background-color: #fcfcfc;
    font-size: 15px; font-size:1.5rem; line-height: 21px; line-height: 2.1rem; color: #a2a1a1; letter-spacing: 0.025em; display:inline-block;}
.section .list_style_2 > li > a.active + ul{ display: block;}
.section .list_style_2 > li > a { transition: 0s;
    padding-top: 13px; padding-bottom: 15px; display:block; box-sizing: border-box; border:1px solid #ececec; border-left:none; border-bottom:1px solid #c69e70;}
.section .list_style_2 > li:first-child > a {border-left:1px solid #ececec;}
.section .list_style_2 > li > a:hover {border:1px solid #c69e70;
    color: #c69e70; background-color: #fff; border-left:1px solid #c69e70; border-bottom:1px solid transparent;
    margin-left: -1px; position: relative; padding-right: 1px; padding-left: 2px;}
.section .list_style_2 > li > a.active{border:1px solid #c69e70;
    color: #c69e70; background-color: #fff; border-left:1px solid #c69e70; border-bottom:1px solid transparent;
    margin-left: -1px; position: relative; padding-right: 1px; padding-left: 2px;}
.section .list_style_2 > li:first-child > a:hover {margin-left:0;}
.section .list_style_2 > li:first-child > a.active{margin-left:0;}
/*.section .list_style_2 > li > a:hover + ul { display: block;}*/
.section .list_style_2 > li > ul { display: none; font-size: 0px; width: 100%; color: #000; background-color: #fff; text-align: left; position: absolute; left: 0; padding-top: 36px; }
.section .list_style_2 > li > ul > li{ display: block; padding-top: 22px;  padding-bottom: 22px; border-bottom: 1px solid #ececec; }
.section .list_style_2 > li > ul > li:last-child { padding-bottom: 0; border-bottom: none; }
.section .list_style_2 > li > ul > li .list_date0 { width: 135px; font-size: 14px; font-size:1.4rem; line-height: 20px; line-height: 2.0rem;}
.section .list_style_2 > li > ul > li .list_date1 { width: 37px; }
.section .list_style_2 > li > ul > li .list_month { color:#a2a1a1; }
.section .list_style_2 > li > ul > li .list_desc{ width: calc(100% -  163px); font-size: 14px; font-size:1.4rem; line-height: 20px; line-height: 2.0rem;}


/* list_style_3 */
.section .list_style_3{}
.section .list_style_3 > li { font-size: 0; margin-bottom: 11px; }
.section .list_style_3 > li .list_desc {width: calc(100% -  108px); font-size: 14px; font-size:1.4rem; line-height: 20px; line-height: 2.0rem;}
.section .list_style_3 > li:last-child { margin-bottom: 0; }
.section .list_style_3 > li .list_date { width: 108px; font-size: 14px; font-size:1.4rem; line-height: 20px; line-height: 2.0rem;}


/* list_style_4 */
.section .list_style_4 {}
.section .list_style_4 > li > span { padding-left: 16px; background: url(../img/list_desc0.png?wv_res=true&tid=RELIGION&trev=1) no-repeat left 12px;}


/* table.style_0 */
.section .table_style_0_wrap{max-width:690px; border-radius: 7px; border:1px solid #eeeeee;}
.section table.style_0{width:100%; max-width:690px; box-sizing: border-box; margin-right: auto; margin-left: auto; }
.section table.style_0 th{ font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; background-color: #f9f9f9; padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #eeeeee;
    padding-left:2%; padding-right:2%; font-weight:400;}
.section table.style_0 tr{ border-bottom: 1px solid #eeeeee;}
.section table.style_0 tr:last-child{ border-bottom:none;}
.section table.style_0 td{ font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; padding-top: 14px; padding-bottom: 16px; color:#434343; border:1px solid #eeeeee; border-bottom: none;
    padding-left:2%; padding-right:2%; text-align: center;}
.section table.style_0 td.detail_text{ text-align: left;}
.section table.style_0 td:first-child{ border-left:none;}


.stl000 {}
.stl000 .default_line{border-bottom:50px solid #60b5d4;}
.stl000 .default_desc{color:#3495ba; letter-spacing: -0.085em;}


.dsc008 {}
.dsc008 .default_desc{color:#434343;}


/* 구글지도 */
.section_google_map_con { height:420px; }
.section_google_map_con .wveditor_map { height:420px; }

/* 이미지 팝업 뷰어 */
.img_viewer_popup { position: fixed; top:0; left:0; width:100%; height: 100%; box-sizing: border-box; z-index: 999; display: none;background:rgba(0, 0, 0, 0.9); cursor:pointer; }
.img_viewer_popup .img_viewer{ max-height:100%; cursor:pointer; }


.section .point0{color:#a47f54;}
.section .point1{color:#3495ba;}
.section .point2{color:#6fb537;}
.section .point3{color:#ed484f;}
.section .point4{color:#434343;}



/* link_circle_style */
.link_circle_wrap{ width: 137px; height: 137px; border: 1px solid #efefef; border-radius: 50%; box-sizing: border-box; }
.arrow_off {display: inline;}
.arrow_on {display: none;}
.link_circle_con{ letter-spacing:-0.045em;}



/* tab_style_0 */
.section .tab_style_0 {max-width:511px; font-size:0; margin-left:auto; margin-right:auto; height: 2456px;}
.section .tab_style_0 > li {float:left; width:33.33%; text-align: center; font-size:14px; font-size:1.4rem; line-height:20px; line-height:2.0rem; color:#a2a1a1;
    display:inline-block; /* li의 height 스크립트 조절 */}
.section .tab_style_0 > li > a{ transition: border 0s; background-color: #fcfcfc; padding-top:13px; padding-bottom:13px; border-right:1px solid #ececec; border-bottom:1px solid transparent; border-top:1px solid #ececec;
    box-sizing: border-box; display:block; z-index: 2; font-weight:500; cursor: pointer;}
.section .tab_style_0 > li:first-child > a{ border-left:1px solid #ececec;}
.section .tab_style_0 > li > a.active{ border-color:#c69e70; margin-left:-1px; position: relative; padding-right:1px; padding-left:1px; color:#c69e70;border-bottom:1px solid transparent; background-color: #fff;
    border-left:1px solid #c69e70;}
.section .tab_style_0 > li:first-child > a.active{ padding-left:1px; margin-left:0;}
.section .tab_style_0 > li > a + .tab_child{ border-top:1px solid #c69e70; position: absolute; left:0; margin-top:-1px;}
.section .tab_style_0 > li > a + .tab_child .h_desc4.font_modify{ font-size:14px; font-size:1.4rem; line-height:28px; line-height:2.8rem; }
.section .tab_style_0 > li > a.active + .tab_child{ display:block;}





@media all and (min-width:768px){
    /* list_style_2 */
    .section .list_style_2 > li > ul > li .list_date0 { width: 162px; }

    /* link_circle_style */
    .link_circle_wrap:hover{background-color: #3495ba;}
    .link_circle_wrap:hover .link_circle_con { color: #3495ba; color: #ffffff;}
    .link_circle_wrap:hover .arrow_off {display: none;}
    .link_circle_wrap:hover .arrow_on {display: inline;}

    /* list_style_1 */
    .section .list_style_1{width:409px; font-size: 0;}

}


@media all and (min-width:992px){
    /* 섹션 공통 */
    .section .section_seperate_line{margin-top:-50px; height:auto;}
    .section .section_half_line{display:inline-block;}

    /* 구글지도 */
    .section_google_map_con { height:616px; }
    .section_google_map_con .wveditor_map { height:616px; }


    /* 성모기사 소개 */
    .section .tab_style_0 > li > a + .tab_child .h_desc4.font_modify{ font-size:18px; font-size:1.8rem; line-height:30px; line-height:3.0rem; }


}