@charset "utf-8";
/* Reset */
html,body{min-height:100%}
body{margin:0;}
body, table, input, textarea, select, button {font-family: "Apple SD 산돌고딕 Neo","Apple SD Gothic Neo","맑은 고딕","나눔 고딕","굴림","Gulim","돋움","Dotum","sans-serif";}
.xe_width{max-width:1400px;margin:0 auto;padding:0 10px}
.clearBoth{position:relative;*zoom:1;}
.clearBoth:after{content:"";display:block;clear:both;}
/* Skin to content */
.skip{margin:0}
.skip a{display:block;text-align:center;line-height:0;height:0;width:0;overflow:hidden}
.skip a:active,
.skip a:focus{position:relative;height:auto;width:auto;line-height:25px;}
.round4{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
a{text-decoration:none}
/* Layout */
.xe{padding-top:60px;background:#f6f6f6}
.content img{max-width:100%;height:auto}
.door_a:hover,
.door_a:focus{color:#526bbe}
/* Header */
.header{font-family:나눔고딕,NanumGothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif;position:fixed;_position:absolute;top:0;left:0;width:100%;height:87px;z-index:3;border-bottom:1px solid #d19722;/*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);box-shadow: 0 1px 3px rgba(0, 0, 0, .3);*/background-color:#526bbe;}
.header h1{float:left;margin:0;/*padding:15px 20px 15px 0;*/line-height:30px;font-size:28px;}
.header h1 a{float:left;line-height:87px;height:30px;color:#fff;}
.header h1 img{vertical-align:top;height:87px;}

/* Footer */
.footer{padding:20px 0 10px;color:#D9D9D9;border-top:2px solid #6c6a6a;}
.footer,
body{background-color: #5B6882 !important;}
.footer p{font-size:12px}
.footer a{text-decoration:none;color:#D9D9D9 !important}
.footer a:hover,
.footer a:focus{text-decoration:underline}
.footer_left{float:left;width:18%;text-align:center;padding-bottom:20px;}
.footer_left img{/*width:120px;*/}
.footer_right{float:right;width:82%}
.footer ul{margin:0;padding:0;list-style:none;}
.footer_li{float:left}
.footer .footer_li ul{padding-top:15px;font-size:12px;}
.footer .footer_li ul li{line-height:16px;}
.footer_li ul a{font-size: 0.9em;}
.copylight{color:#414141;margin-top:-10px;padding:0;line-height:1.8;}
/* GNB */
#gnb{padding-left:64px;}
#gnb .nav>li:after{content:"";position:absolute;clear:both;bottom:32%;height:36%;border-right:2px solid #000;}
.gnb{float:left;padding-top:23px;}
.navbar-right{float:right;}
.gnb:before{content:"";display:block;clear:both;}
.gnb ul{margin:0;padding:0;list-style:none;}
.gnb .nav li{position:relative;}
.nav li a.first_a{padding: 20px 20px;color:#000;font-size:17px !important;font-weight:500;border:0 !important;font-size:14px;float:left;line-height:20px;text-decoration:none;/*-webkit-text-shadow:1px 1px 0 rgba(0,0,0,0.1);-moz-text-shadow:1px 1px 0 rgba(0,0,0,0.1);text-shadow:1px 1px 0 rgba(0,0,0,0.1);*/}
.gnb li.dropdown,
.gnb li.total_act_li{float:left;}
.gnb .nav li a:hover, 
.gnb .nav li a:focus{background-color:/*#0b4328*/#f0c05e;color:#0b4328;font-weight:500}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 14px;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,0.15);-webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);box-shadow: 0 6px 12px rgba(0,0,0,0.175);background-clip: padding-box;}
.navbar-right .dropdown-menu {left: auto;right: 0;}
.dropdown-menu li a {display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #333;white-space: nowrap;}
.gnb .nav .open a.first_a{color: #0b4328;background-color: #ccc;}
.gnb .nav .open a.first_a:hover, .gnb .nav .open a.first_a:focus{color: #0b4328;background-color: #eee;}
.gnb .nav .open .dropdown-menu{display:block;border:0;padding:0;}
.gnb .nav .open .dropdown-menu a{padding:7px 20px;font-size:13px;}
.gnb .nav .open .dropdown-menu li:last-child a{-webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.fa14{font-size:14px;padding-left:5px;line-height:20px;}
.fa{font-size:14px;}
.navbar-right .nav li a.first_a{padding:20px 10px;}
.gnb .navbar-nav {float:left;margin: 0;white-space:nowrap}
/* 전체 메뉴 */
.total_menu{font-size:12px;display:none;background:#f1f1f1;border-bottom:1px solid #d1d1d1;overflow:hidden;position:relative;z-index:2;-webkit-text-shadow:1px 1px 0 rgba(0,0,0,0.1);-moz-text-shadow:1px 1px 0 rgba(0,0,0,0.1);text-shadow:1px 1px 0 rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.075);-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.075);box-shadow: inset 0 0 3px rgba(0,0,0,.075);
}
.total_menu ul{margin:30px 0 0;padding:0;list-style:none;}
.total_menu ul .H_first_li{float:left;width:162px;padding:15px 0;}
.H_second_li{padding:3px 0}
.total_menu a{text-decoration:none; color:#777;display:block;}
.total_menu a:hover,
.total_menu a:focus{color:#0b4328;}
.total_menu li{position:relative;}
.total_menu .total_first_a{font-size:13px;font-weight:bold;line-height:22px;background:url(../img/total_first_a.gif) repeat-x left bottom;display:block;padding-bottom:3px;margin:0 15px;}
.total_menu ul.total_sub1{margin-top:0;padding:5px 15px 0 15px;}
.total_menu ul li{line-height:18px;}
.total_menu ul li:hover{background-color:#f0c05e;}
.total_menu ul.total_sub1 i{font-size:11px;}
.Nav_i{position:absolute;width:16px;height:16px;line-height: 16px;border:0;padding:0;margin:0;right:15px;top:9px;cursor:pointer;display:none;background:none;color:#999;-webkit-text-shadow:1px 1px 0 rgba(0,0,0,0.1);-moz-text-shadow:1px 1px 0 rgba(0,0,0,0.1);text-shadow:1px 1px 0 rgba(0,0,0,0.1);}
.Nav_i .fa-minus-square{display:none;}
.hover .fa-minus-square{display:block;} 
.hover .fa-plus-square{display:none;} 
/* 슬라이드 */
.wrap_slides .slide_link{background:url(../img/empty.gif);}
.wrap_slides .in_caption {position:absolute; z-index:2;left:50px; top:20%; }
.wrap_slides .in_caption .h1 { font-size:66px;font-weight:bold; -webkit-text-shadow:1px 1px 3px rgba(0,0,0,0.3);-moz-text-shadow:1px 1px 3px rgba(0,0,0,0.3);text-shadow:1px 1px 3px rgba(0,0,0,0.3);text-align:left;padding:.5em 10px 0;}
.wrap_slides .in_caption .h2 { font-size:27px; -webkit-text-shadow:1px 1px 0 rgba(0,0,0,0.3);-moz-text-shadow:1px 1px 0 rgba(0,0,0,0.3);text-shadow:1px 1px 0 rgba(0,0,0,0.3); text-align:left; padding-left:17px;padding:.1em 10px .5em;}
/* 본문 */
.body{/*padding:20px 0;*/position:relative;z-index:1;margin-top:28px;}
.has_bg .in_content{padding:10px;}
/* 위젯 범위 */

element.style {
    width: 440px;
}
.wrap_widget{padding:30px 0}
.widgetDW{float:left;width:33.2%;}
.widgetDW_1{border-left:1px dotted #ddd;}
.h2_widget,
.in_widget{padding:0 15px}
.h2_widget{font-size:14px;height:34px;line-height:34px;margin-top:0;}
.h2_widget span{color:#fff;padding:0 20px;float:left;}
.h2_widget a{float:right;}
/* LNB */
.ec .wrap_lnb{float:left;width:20%;margin-top:34px;}
.ec .wrap_content{float:right;width:75%;margin-top:-10px;}
.ce .wrap_lnb{float:right;width:25%;}
.ce .wrap_content{float:left;width:75%;}
.ec .lnb,
.ce .content{padding-right:10px;}
.ce .lnb,
.ec .content{padding-left:10px;}
.lnb ul{list-style:none;margin:0;padding:0}
.in_lnb li{padding:10px 20px;}
.in_lnb li:hover{background-color:#f0c05e;}
.in_lnb li.active{background-color:#81a494;}
.lnb ul.in_lnb a{display:block;text-decoration:none;color:#2c3e35;font-size:14px;line-height:20px;}
.lnb ul a:hover,
.lnb ul a:focus{text-decoration:underline;}
.lnb ul .active a{color:#fff !important;}
.lnb_section{background:#fff;}
.wrap_gnb{padding-bottom:20px;}
.lnb .h2_widget{line-height:42px;height:42px;border-bottom:1px solid #ddd;margin-bottom:5px;}
.lnb .h2_widget span{background:none !important;color:#666;font-weight:bold;padding:0;}
.lnb .in_widget{padding:0 5px}
.lnb .widgetZineDW {padding:0 5px}
.lnb .widgetTableDW td.time{padding-right:5px;}
.lnb .widgetZineDW li p.text {margin-bottom:0;}
.lnb .widgetZineDW li p.thumbArea {width:100px;}
.widgetDW_sub{padding:15px 0 0 0}
.widgetDW_sub1{padding:30px 0 5px 0}
.lnb .h2_widget_a{color:#999}


/* 서브상단 배경이미지 처리 */
.animation-pulseBgSlow {
  animation-name: pulseBgSlow;
  -webkit-animation-name: pulseBgSlow;
  animation-duration: 30s;
  -webkit-animation-duration: 30s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
}
@keyframes pulseBgSlow {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 0 100%;
  }

  100% {
    background-position: 0 0;
  }
}
@-webkit-keyframes pulseBgSlow {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 0 100%;
  }

  100% {
    background-position: 0 0;
  }
}
.sub_header{/*height:130px;*/position:relative;z-index:1;
background-image: url(../img/bg004.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
background-color: transparent;
background: none\9 !important;
}
.sub_header .xe_width{z-index:2;position:relative;}
.ie_sub_header{position:absolute;z-index:1;left:0;top:0;width:100%;height:130px;display:none;display:block\9;overflow:hidden;text-align:center;}
.ie_sub_header img{vertical-align:middle;width:100%;}
.sub_header h1{display:none;margin:0;font-size:26px;line-height:32px;height:32px;color:#fff;padding:35px 0 0 15px;margin-bottom:25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*빵조각*/
.wrap_breadclumb{margin:0;padding:0;height:30px;position:relative;float:right;padding-top:40px;}
.wrap_breadclumb:after{content:"";display:block;clear:both;}
.breadclumb{margin:0;padding:6px 10px;list-style:none;}
.breadclumb li{float:left;padding-left:16px;height:18px;line-height:18px;background:url(../img/breadclumb.gif?0) no-repeat 6px 50%}
.breadclumb a{text-decoration:none;color:#2c3e35 !important;font-size:12px;}
.breadclumb li.first_breadclumb{background:none;padding-left:8px;}
.breadclumb li.first_breadclumb span{display:none;*display:inline}
/* 버튼 */
.bootstrap_body .btn-group .btn{background:#fff;border-color: #dbe1e8;height:34px!important;padding:4px 12px !important;}
.bootstrap_body .btn-group .btn:hover{background:#526bbe;color:#fff;text-shadow: 0 1px 1px rgba(0,0,0,.3);}
.fa18{font-size:18px;}
.control-group button, .control-group select, .control-group input,input[type=text]  {-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

#scrollUp {bottom: 20px;right: 20px;background: #555;background-color: #000000;opacity: 0.2; filter: alpha(opacity=20);width:42px;height:42px;background-image:url(../img/to-top.png);background-repeat:no-repeat;background-position:50% 50%;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#scrollUp:hover {background-color:#526bbe;opacity: 1;filter: alpha(opacity=100);}

@media screen and (max-width:900px){
#gnb,
.ec .wrap_lnb,
.ce .wrap_lnb{display:none;}
.ce .wrap_content,
.ec .wrap_content{width:100%;}
.content{padding:0 !important;}
.navbar-right {float: right !important;}
.header ul.Act_Total_menu {padding:0;}
.total_menu ul .H_first_li{width:100% !important;height:auto;padding:0;border-bottom:1px solid #d2d2d2;border-top:1px solid #fff}
.total_menu ul .H_first_li:first-child{border-top:0;}
.total_menu ul .H_first_li:last-child{border-bottom:0;}
.total_menu ul li{line-height:32px;}
.total_menu .total_first_a{background:none;font-size:14px;line-height:34px;padding:0;}
.total_menu a{border:0;font-size:14px;line-height:34px;padding-left:15px;display:block;}
.total_menu ul ul{padding:0 10px;}
.H_second_li{padding:0}
.H_second_li{border-top:1px dotted #d1d1d1;}
.total_sub1{display:none;}
.total_menu ul.total_sub1 i{font-size:14px;}
.total_menu .Nav_i{display:block;}
.total_menu ul.total_sub1 {padding:5px 5px 0 25px;}
#scrollUp {display:none !important;}
}

/* 20190725 inseon added */
.al_cen{text-align:center;}
.main_title{padding-bottom:10px;font-size:20px;color:#0d5b33;font-weight:600;text-decoration:underline;text-underline-position:under;}

.kyogu{padding-top:15px}
.kyogu>ul, .board>ul{list-style:none;padding:0;}
.kyogu>ul::after{content:"";display:block;clear:both;}
.kyogu>ul>li{float:left;padding-right:25px;}
.policy{padding-top:10px;}
.planner{width:278px;padding-right:0}
@media(max-width:600px){
.planner{width:100%;}
.board>ul>li{width:100% !important;float:none;padding-right:0;}
.widgetGalleryA{
  margin: 0 !important;
  padding: 0 !important;
}
}
.board{margin-top:30px}
.board>ul::after{content:"";display:block;clear:both;}
.board>ul>li{float:left;width:290px;padding-right:30px;}
.board>ul>li.photo{padding-right:0;width: 420px;}
.sites{padding-bottom:3%}
.sites a{padding-right:15px}
.sites .last a{padding-right:0}

/* 교구약사 */
.tkwon_history{padding:0;}
ul.tkwon_history li{list-style:none;border-bottom:1px solid #dbdbdb;overflow:hidden;padding:2px 0;}
ul.tkwon_history li.title{padding-bottom:30px;font-size:200%;}
ul.tkwon_history li span.day{display:block;width:20%;font-weight:600;float:left;clear:both;color:#d7bb57;}
ul.tkwon_history li span.text{display:block;float:left;width:77%;}
.prepare{background:#fafafa;border:1px solid #ddd;margin:30px auto;border-radius:6px;padding:25px;}
.piece {margin:10px 0;background:#fff;}
ul.tab_menu {padding:0px}
.tab_menu {display:table;width:100%;border:1px solid #ccc; padding:0;}
.tab_menu li {display:table-cell;/*width:20%;*/border-left:1px solid #ccc;text-align:center}
/*.director li{width:50%;}*/
.tab_menu li:first-child {border-left:0 none}
.tab_menu .tit {display:block;padding:5px 0;color:#888;background-color:#ededed;cursor:pointer;width:95px;}
.tab_menu .on .tit {color:#fff;background-color:#d7bb57}
.tab_cont {padding:5px;margin-top:5px;border:0px solid #d5d5d5;border-radius:5px}

/* 교구사무국 */
.office td{padding:0 8px;}
.box, .box0{position:relative;width:413px;height:299px;}
.box{margin:0 236px;}
.box1{background:#faedd2;}
.box2{background:#d0eaed;}
.box3{background:#e0eed1;}
.box ul, 
.box0 ul{padding:0;text-align:left;}
.box ul li, 
.box0 ul li{list-style:none;float:left;padding:20px;}
.box ul li:after, 
.box0 ul li:after{content:"";display:block;clear:both;}
.box ul li.cont, 
.box0 ul li.cont{padding-left:0;}
.box ul li .title, 
.box0 ul li .title{position:absolute;top:20px;width:146px;}
.box ul li .title .rect, 
.box0 ul li .title .rect{position:absolute;width:100%;padding:8px;text-align:center;color:#fff;font-size:16px;}
.box ul li .title .rect1,
.box0 ul li .title .rect1{background:#e9ae2b;border:1px solid #d99e1b;}
.box ul li .title .rect2, 
.box0 ul li .title .rect2{background:#358791;border:1px solid #28737b;}
.box ul li .title .rect3, 
.box0 ul li .title .rect3{background:#699b37;border:1px solid #588a27;}
.box ul li .txt,
.box0 ul li .txt{position:absolute;bottom:20px;font-size:14px;top:125px;padding-left:5px;}
.box ul li .txt .position,
.box0 ul li .txt .position{font-weight:600;margin-bottom:5px;display:inline-block;text-decoration:underline;text-underline-position: under;}
.box_phone{margin:0 auto;text-align:left;border:1px solid;width:400px;padding:20px;margin-bottom:30px;}
.box_phone>p>span{display:inline-block;}
.box_phone>p>span.division{width:100px;font-size:17px;}
.box_phone>p>span.number{font-size:19px;font-weight:600;}

.inaugural>p>span{font-weight:600;color:#d0910b;}
.emphasis{font-weight:600;color:#d0910b;text-align:center;font-size:18px;padding-bottom:4px;}
.sub_title{font-size:23px;}
.sub_title h1{font-size:24px;}

.tkwon_table{width:100%;border-collapse:collapse;}
.tkwon_table tr.gray_bg{background:#f9f9f9;}
.tkwon_table th, .tkwon_table td{border:1px solid #ddd;}
.tkwon_table th{background:#eee;padding:10px 5px;}
.tkwon_table td{text-align:center;padding:10px 5px;}

.document_popup_menu{display:none;}

/* 아이패드2- */
@media screen and (max-width:768px){
.navbar-nav>li>.dropdown-menu{display:none !important;}
.widgetDW{width:100%;}
.widgetDW_1{border:0;}
.h2_widget{padding:0;}
.widgetDW h2 span{border:1px solid #ddd;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.widgetDW .in_widget{margin-bottom:20px;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;background:#fff;border:1px solid #ddd;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1);padding:9px;margin-top:5px;}
.widgetGalleryDW li{max-height:100%}
.wrap_slides .in_caption { position:absolute; z-index:2;left:20px; top:auto; top:50%; }
.wrap_slides .in_caption .h1{font-size:36px;line-height:42px;}
.wrap_slides .in_caption .h2{font-size:16px;font-weight:bold;}
.footer{padding:0;}
.footer_left,
.footer_right ul{display:none;}
.footer_right{float:none;width:100%}
.da-slide h2 {font-size:24px !important;margin:40px 0 0 20px; !important;}
.da-slide p{font-size:14px !important;}
}


/* 안드로이드(진저+) landscape */
@media screen and (max-width:533px){
.footer_right .clearBoth{display:none;}
}

/* 아이폰4+ landscape */
@media screen and (max-width:480px){
}
/* 안드로이드(진저+), 아이폰4+ */
@media screen and (max-width:320px){

}
/* 구형 스마트폰 */
@media screen and (max-width:240px){

}

.slide-embed{ position:relative; width:100%; max-width:1180px; overflow:hidden; /* ← 부모에 스크롤 숨김 */ } /* 데스크톱 기본 비율: 1180×440 */ 
.slide-embed::before{ content:""; display:block; padding-top: calc(440 / 1180 * 100%); } 
.slide-embed > iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; /* 인라인 간격 제거용(옵션) */ } /* 모바일에서 더 높은 비율 적용 (예: 1180×560) */ 

@media (max-width:768px){ 
.slide-embed::before{ padding-top: calc(560 / 1180 * 100%); } 

.header h1 img{vertical-align:middle;height:65px;}


} /* 더 작은 화면에서 한 단계 더 (옵션) */ 
@media (max-width:420px){ 
.slide-embed::before{ padding-top: calc(620 / 1180 * 100%); } 
}