html {overflow-y:scroll;overflow-x:hidden;}

@font-face {
    font-family: 'notokr-medium';
    src: url('/font/notokr-medium.eot');
    src: url('/font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('/font/notokr-medium.woff2') format('woff2'),
         url('/font/notokr-medium.woff') format('woff'),
         url('/font/notokr-medium.ttf') format('truetype'),
         url('/font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
      font-family: 'fontello';
      src: url('/font/fontello.eot?32232770');
      src: url('/font/fontello.eot?32232770#iefix') format('embedded-opentype'),
           url('/font/fontello.woff?32232770') format('woff'),
           url('/font/fontello.ttf?32232770') format('truetype'),
           url('/font/fontello.svg?32232770#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
#container {max-width:1280px; margin: 0 auto; padding: 10px 0;}
/*------------------------ MAIN 시작 --------------------------*/
/* header 시작 */
#info_menu {min-width:1280px;width: 100%; height: 40px; background: #d0cb37; /* Old browsers */
background: -moz-linear-gradient(left,  #d0cb37 0%, #6bae0c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d0cb37 0%,#6bae0c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d0cb37 0%,#6bae0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cb37', endColorstr='#6bae0c',GradientType=1 ); /* IE6-9 */
}
#info_menu #container ul {overflow: hidden;}
#info_menu #container ul li {float: right;  color: white;}
#info_menu #container ul li a {color: white;}
#info_menu #container ul li:after {content: '|'; padding:0 10px;}

/*------ GNB 시작 -------*/
/* Main menu */
nav {padding: 0 !important;}
#menu {min-width: 1280px; margin: 0;}
#menu li { float: left;	position: relative;}
#menu a {float: left;	padding: 50px 21px 40px; font-size: 2.0rem; font-weight:bold;}
.head_logo a {margin:15px 160px 0 0; padding: 0 !important;}
#menu li:hover > a{	color: #338502;}
*html #menu li a:hover, #menu li a:active /* IE6 */{ font-size: 2.1rem;	color: #338502;}
#menu li:hover > ul {display: block;}
/* Sub-menu */
#menu ul{  list-style: none;   margin: 0;   padding: 0; display: none; position: absolute; width:650px;  top: 117px;  z-index: 99999;  overflow: hidden;}
#menu li:nth-child(4) ul {left:-17px;}
#menu li:nth-child(6) ul {/*left:-320px;*/}
#menu li:last-child ul {left:-80px;}
#menu ul li{ float: left;  margin: 0;  padding: 10px 0;  display: block; }
#menu ul a { padding: 11px 20px; width: 100%; height: auto; font-size: 1.5rem; font-weight:normal;}
*html #menu ul a /* IE6 */ { height: 10px;}
*:first-child+html #menu ul a /* IE7 */{ height: 10px;}
/* Clear floated elements */
#menu:after {visibility: hidden; display: block; font-size: 0;	content: " "; clear: both;	height: 0;}
* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
.sub_menu_bg {clear: both; height: 61px; width: 1920px; background: white; display: none; position: absolute; z-index: 999;    border-bottom: 1px solid #ebebeb;  border-top: 1px solid #ebebeb;}
/*------ GNB 끝 -------*/

/* header 끝 */

/* main slide 시작 */
.container-fluid {padding: 0;}
.carousel {min-width:1280px;}
.carousel-control.right,.carousel-control.left {background-image: none;}
.carousel .item {width:100%; }
.carousel-inner>.item>img {/*min-width: 1920px;*/ margin: 0 auto; min-height:270px;}
.right.carousel-control {right:10px;}
/* Animation delays */
.slide1_txt {animation-delay: 1s; left: 220px; top:0px; position: relative;}
.slide2_txt {animation-delay: 1s; /*right: 220px;*/ top:0px; position: relative;}
/* Animation delays 캡션을 복수로 사용하여 각각 애니메이션 효과를 줄 수가 있다.
.carousel-caption h3:nth-child(2) {	animation-delay: 2s;}
.carousel-caption button {	animation-delay: 3s;}
*/
/* main slide 끝 */

/* lnb 시작 */
.lnb {min-width:1280px; height: 120px; background: #333; position: relative; top: -70px; color:white;}
.lnb ul {overflow: ;}
.lnb li {padding: 0px 35px 2px 65px;  float: left; margin: 35px 0px 30px 30px;}
.lnb .line {border-right: 1px solid #5b5b5b;}
.lnb .line:last-child {border: none;}
.lnb .lnb01 {background: url('/img/lnb01.png')left top no-repeat;}
.lnb .lnb01:hover {background: url('/img/lnb01_on.png')left top no-repeat;}
.lnb .lnb02 {background: url('/img/lnb02.png')left top no-repeat;}
.lnb .lnb02:hover {background: url('/img/lnb02_on.png')left top no-repeat;}
.lnb .lnb03 {background: url('/img/lnb03.png')left top no-repeat;}
.lnb .lnb03:hover {background: url('/img/lnb03_on.png')left top no-repeat;}
.lnb .lnb04 {background: url('/img/lnb04.png')left top no-repeat;}
.lnb .lnb04:hover {background: url('/img/lnb04_on.png')left top no-repeat;}
.lnb .lnb05 {background: url('/img/lnb05.png')left top no-repeat;}
.lnb .lnb05:hover {background: url('/img/lnb05_on.png')left top no-repeat;}
/* lnb 끝 */

/* latest 게시판 시작 */
.board {overflow: hidden;  min-width: 1280px; padding:20px 0px;}
.board > div {width:420px; height: 250px; float: left; margin: 0 3px; border-right: 1px solid #dfdfdf; padding: 20px 45px;}
.board > div:first-child {border-left: 1px solid #dfdfdf;}
.news_latest, .notice_latest {width: 100%; height: 160px;}
.board_pray { padding: 0 50px !important;}
.week {background:url('/img/week.jpg') no-repeat; height: 250px; color: white;}
.week small {color: white; opacity: 0.7;}
.photo_title { text-align: center; margin: 30px 0 50px;}
.photo_latest {width: 100%; height: 220px;}
/* latest 게시판 끝 */

/*게시판 시작 */
.board_bbs{width:970px; margin:40px 0;overflow:hidden;}
/* 게시판 끝 */

/* banner 시작 */
.banner {clear:both; margin-top:120px; min-width:1280px; padding: 30px 0 !important;}
.banner ul {overflow:hidden;}
.banner ul li {float:left; width:20%; display:block; text-align:center; }
.banner ul li:first-child { margin-right:5px;}
/*.banner ul li:after {content:''; border-right:1px solid #999; margin-left:78px;padding:5px 0;}*/
.banner ul .banner_last {text-align:right; width:13%; margin-left:39px;}
.banner ul .banner_last:after {content:''; border:none; margin:0;} 
/* banner 끝 */

/* footer 시작 */

.fab-container {  margin: 15px 30px 18px 0;  position: fixed;  bottom: -72px;  right: 0; z-index:100;}

.fab {  width: 56px;  height: 56px;  border-radius: 50%;  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);  position: relative;  cursor: pointer;  transition: .3s;}
.fab:before {  content: attr(tooltip);  background: #595959;  padding: 4px 8px;  border-radius: 2px;  position: absolute;  top: 16px;  
right: 100%;  color: white;  font: 400 15px notokr-medium;  opacity: 0;  visibility: hidden;  white-space: nowrap;  transition: .3s;}
.fab:hover {  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 3px 8px rgba(0, 0, 0, 0.12);}
.fab:hover:before {  right: 110%;  opacity: 1;  visibility: visible;}
.top {  background: #3E35B2 url("http://goo.gl/BDOwrt") center no-repeat;}


footer .footer #container div:nth-child(1) {width: 230px; float: left; margin: 30px 200px 20px 0;}
footer .footer #container div:nth-child(2) {width: 400px; float: left; margin: 40px 190px 20px 0;}
footer .footer #container div:nth-child(3) {width: 220px; float: left; margin: 40px 0px 20px 0;}
.footer_info {border-top: 1px solid #e8e8e8; margin-top: 50px; min-width:1280px;}
.footer_info #container ul {overflow: hidden;}
.footer_info #container ul li{ float: left; padding: 5px 50px 5px 0;}
.footer #container ul li:last-child {padding-top: 10px; font-size: 1.3rem; color: #999;}
.footer {background: #e8e8e8; min-width:1280px; height: 150px; }
/* footer 끝 */

/*------------------------ MAIN 끝 --------------------------*/

/*------------------------ SUB 시작 --------------------------*/
.sub_bg {max-width:1280px;min-width:1280px;margin: 0 auto; padding:10px 0;overflow:hidden;}
/*.sub_bg {max-width:1280px;width:100%; margin: 0 auto; overflow:hidden;}*/
.sub {min-width: 1280px; overflow: hidden; margin-top: 30px;}
.sub_lnb {width: 250px; margin-right: 60px; float: left;}
.sub_lnb h1 {background: url('/img/lnb_sub.png') left center no-repeat; padding-left: 30px; margin: 0 0 30px 10px;}
.sub_lnb ul li {padding: 15px; border-bottom: 1px solid #e8e8e8;}
.sub_lnb ul li:hover {background: #76b111; color: white;}
.sub_lnb ul .on {color: #76b111;}
.sub_lnb ul li i {float: right; padding-right: 10px;}
.sub_lnb table {font-size:1.3rem; margin-top:50px; letter-spacing:-1.1px;}
.sub_lnb table th {font-weight:bold;}
.table-hover>tbody>tr:hover {background:#f6ffe6 !important;}
.sub_lnb table tr:first-child th {text-align:center; letter-spacing:2px; color:#a8a8a8; font-weight:normal;  background-color: #f5f5f5;}
.sub_title {border-bottom: 1px solid #e8e8e8; overflow: hidden; height: 45px;}
.sub_title h1 {float: left;}
.sub_title small {float: right; padding-top: 20px;}
.sub_content img{ margin: 10px;}
/*------------------------ SUB 끝 --------------------------*/



/* 퀙메뉴 */
.fixed_wrap{width: 100px;position: fixed;bottom:30px;/*bottom: 120px;*/right:20px;z-index: 9999;display: flex;flex-direction: column;align-items: flex-end;}
.fixed_wrap img{width: 100%;}
.fixed_wrap .top_btn{width: 52px;height: 52px;}
.fixed_wrap a{display: inline-block;width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 100%;filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));overflow: hidden;transition: 0.5s;}
.fixed_wrap .fix_qa{margin-bottom: 10px;}
.fixed_wrap .hidden{opacity: 0;display: none;font-size: 16px;white-space: nowrap;padding-left: 10px;}
.fixed_wrap a:hover{width: 200px;border-radius: 50px;background-color: #ffff;/*background-color: #e1e1e1;*/}
.fixed_wrap a:hover .hidden{opacity: 1;display: block;}
.fixed_wrap .fix_mask{width: 32px;height: 32px;}
.top_btn{cursor: pointer;transition: 0.5s all;transform: translateY(100%);opacity: 0;}
.top_btn.on{transform: translateY(0);opacity: 1;}