@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap);

#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:middle;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#3b3b3b;
font-size:16px;
line-height:1.5;
letter-spacing:-.08em;
font-family: 'Noto Sans KR', sans-serif;
font-weight:400;
}

:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}

.pc-gnb .gnb:after,.sub-content:after {
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}





.header-tnb-ul,.header-link-ico,.slick-slide {
display:inline-block;
}

header {
width:100%;
background-size:cover;
position:relative;
z-index:999;
}

.header-logo{
margin:0 auto;
z-index:100;
box-sizing:border-box;
width:370px;
padding:15px 0 20px;
}

.header-logo a{
display:block;
}

.header-logo img {
width:100%;
}

.header-gnb {
width:100%;
height:55px;
background:#fff;
position:relative;
z-index:99;
transition:all .5s;
border-top:1px #e3e3e3 solid;
}

.pc-gnb .gnb {
width:1200px;
text-align:center;
position:relative;
height:auto;
box-sizing:border-box;
margin:0 auto;
}

.pc-gnb .gnb > li {
display:inline-block;
position:relative;
line-height:55px;
text-align:center;
box-sizing:border-box;
vertical-align:top;
padding:0 45px;
}

/*.pc-gnb .gnb > li:after{
position:absolute;
content:"";
display:block;
width:1px;
height:16px;
background:#d2d2d2;
left:0;
top:50%;
margin-top:-8px;
}*/

.pc-gnb .gnb > li:first-child:after{
display:none;
}

.pc-gnb .gnb > li > a:after{
content:""; 
display:block; 
position:absolute; 
width:0%; 
height:4px; 
left:50%; 
margin-left:-25px; 
bottom:-1px; 
background:#724710; 
z-index:9;
transform: scaleX(0);
transform-origin: center;
transition: .1s ease-out;
}
.pc-gnb .gnb > li:hover > a:after{
width:50px;
transform:scaleX(1);
transition: .3s ease-out;
}

.pc-gnb .gnb > li:hover > a{
color:#724710;
font-weight:600;
}

.pc-gnb .gnb > li > a {
display:block;
font-size:18px;
color:#444;
position:relative;
font-weight:500;
}

.pc-gnb .gnb > li > ul {
display:none;
position:absolute;
left:50%;
margin-left:-80px;
width:160px;
overflow:hidden;
z-index:5;
background:#fff;
box-sizing:border-box;
padding:10px 0;
border:1px #e0e0e0 solid;
}
.pc-gnb .gnb > li.current > a{
font-weight:600;
color:#724710;
}

.pc-gnb .gnb > li:hover > ul {
height:auto;
display:block;
}

.pc-gnb .gnb > li > ul li {
height:32px;
line-height:32px;
border-top:1px rgba(255,255,255,0.6) solid;
}

.pc-gnb .gnb > li > ul li a {
display:block;
color:#999;
font-size:15px;
}

.pc-gnb .gnb > li > ul li a:hover{
color:#222;
font-weight:500;
}

.header-login{
position:absolute;
left:50%;
margin-left:400px;
top:35px;
z-index:111;

text-align:right;
}

.header-login a{
display:inline-block;
color:#555;
padding:5px 15px;
}

.header-login i{
font-size:21px;
}

.header-lang{
position:absolute;
left:50%;
margin-left:-600px;
top:35px;
z-index:111;

}

.header-lang a{
display:inline-block;
font-family: 'Titillium Web', sans-serif;
font-weight:400;
letter-spacing:0em;
font-size:18px;
position:relative;
padding:5px 16px;
color:#555;
}

.header-lang a:first-child:after{
content:"";
display:block;
position:absolute;
width:1px;
height:14px;
background:#cecece;
right:0;
top:50%;
margin-top:-7px;
}

.header-login a:hover,
.header-lang a:hover{
font-weight:600;
color:#775427;
}

/*side quick*/
#side-quick {
position:fixed;
top:150px;
z-index:99999;
left:50%;
margin-left:650px;
height:100%; 
width:110px;
}

#side-quick li {
text-align:center;
}

#side-quick li{
display:block;
width:inherit;
}

#side-quick li a{
display:block;
width:100%;
font-size:28px;
padding:3px 0;
font-weight:500;
line-height:1em;
color:#4d4339;
}

#side-quick li a img{
width:25px;
}




/*footer*/
footer{
width:100%;
background:#474747;
padding:50px 0 60px;
}

.foot-area{
width:96%; 
max-width:1200px;
margin:0 auto;
box-sizing:border-box;
font-weight:500;
color:#fff;
background:url(img/foot-logo.gif) no-repeat 50% 0;
background-size:95px 95px;
padding-top:120px;
text-align:center;
}

.foot-sns li{
display:inline-block;
}

.foot-sns li a{
display:block;
width:35px;
height:35px;
line-height:35px;
background:#5a5a5a;
color:#fff;
font-size:22px;
border-radius:2px;
}

.foot-sns li a img{
width:20px;
vertical-align:-1px;
}

.foot-info{
opacity:0.7;
margin-bottom:15px;
}

.foot-info p{
display:inline-block;
margin:0px 7px;
letter-spacing:-0.02em;
font-weight:400;
font-size:17px;
}

.foot-tit{
font-size:19px;
margin-top:15px;
margin-bottom:5px;
}

.fi-eng{
font-family: 'Titillium Web', sans-serif;
font-weight:600;
letter-spacing:0em;
text-transform: uppercase;
font-size:20px;
}

.foot-copy{
letter-spacing:0em;
font-weight:600;
opacity:0.3;
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase;
}


.contain {
overflow-y:hidden;
width:100%;

}

/********************* visual *********************************/
.slick-list {
position:relative;
z-index:1;
}

.slick-arrow {
background:transparent;
}

#visual {
position:relative;
height:100%;
overflow:hidden;
margin-bottom:-5px;
}

.visual-img {
position:relative;
}

.visual-img-bg {
position:relative;
overflow:hidden;
}
.visual-text{
position: absolute;
left:50%;
margin-left:-600px;
top:30%;
text-align:left;
width: 1200px;
line-height: 1.75em;
font-size:20px;
z-index:99;
color:rgba(56,41,14,0.8);
}

.visual-text p{
color:#38290e;
font-size:30px;
font-weight:600;
margin-bottom:30px;
}


.visual-img-bg img {
position:relative;
left:50%;
margin-left:-1000px;
}


.slick-dots {
position:absolute;
bottom:50px;
z-index:999;
text-align:center;
width:100%;
background:transparent;
}

.slick-dots li {
display:inline-block;
margin:0 5px;
}

.slick-dots li button {
display:block;
background:transparent;
width:15px;
height:15px;
font-size:0;
box-sizing:border-box;
border:2px #5c534a solid;
border-radius:9999px;
}

.slick-dots li.slick-active button {
background:#5c534a;
}

#visual .slick-active .visual-img-text {
opacity:0;
-moz-transform:translatey(20%);
-ms-transform:translatey(20%);
transform:translatey(20%);
animation-timing-function:ease-out;
animation-name:vt-ani;
animation-duration:.5s;
animation-delay:.2s;
animation-fill-mode:both;
}

/********************* main-content *********************************/
#betania{
background:url(img/betania-bg.gif);
background-position:50%;
padding:35px 0;
}

#betania dl{
width:96%;
max-width:1200px;
margin:0 auto;
display:table;
table-layout:fixed;
}

#betania dt{
display:table-cell;
width:200px;
}

#betania dd{
display:table-cell;
font-size:20px;
line-height:60px;
text-align:right;
vertical-align:middle;
}

#betania dd p{
display:inline-block;
color:rgba(255,255,255,0.7);
}

#betania dd a{
display:inline-block;
font-weight:500;
line-height:inherit;
background:#ac9b84;
padding:0 28px;
color:#fff;
margin-left:90px;
}


.center-box{
width:96%;
max-width:1216px;
margin:0 auto;
padding:70px 0 75px;
}

.center-box a:hover .mt-tit2{
font-weight:600;
}

.center-box a:hover  .mt-tit{
font-weight:600;
} 
.center-box a:hover  .mt-txt{
color:#38290e;
text-decoration:underline;
}
.main-tit{
margin-bottom:20px;
margin-left:8px;
}
.main-tit h2{
display:inline-block;
font-size:24px;
font-weight:600;
color:#111;
}

.main-tit p{
display:inline-block;
font-family: 'Titillium Web', sans-serif;
font-weight:300;
letter-spacing:0em;
color:#777;
font-size:17px;
text-transform:uppercase;
margin-left:14px;
}

.gallery-type1{
width:100%;
overflow:hidden;
position:relative;
padding-top:60px;
margin-top:-60px;
}

.gallery-type1 li {
padding:20px;
border:1px #eaeaea solid;
box-sizing:border-box;
background:#fff;

}
.gallery-type1  .slick-slide{
padding:0 8px;
}

.gallery-type1 li a{
display:block;
height:274px;
overflow:hidden;

}

.gt1-text{
margin-top:12px;
}

.gt1-img{
position:relative;
padding-top:62%;
overflow:hidden;
}

.gt1-img img{
max-width:100%;
position:absolute;
left:50%;
top:50%;
display:block;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}

.gallery-type1 li a:hover img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}

.mt-num{
font-size:14px; 
color:#888;
font-family: 'Titillium Web', sans-serif;
font-weight:400;
letter-spacing:0em;
margin-bottom:5px;
display:block;
}

.mt-tit{
font-size:18px;
margin-bottom:5px;
line-height:1.5em;
height:1.5em;
overflow:hidden;
}



.mt-txt{
font-size:16px;
color:#666;
overflow:hidden;
line-height:1.75em;
}


.gallery-type1 .slick-arrow{
position:absolute;
right:0;
top:0px;
width:40px;
height:40px;
cursor:pointer;
background:url(img/sa-next.png);
font-size:0;
}

.gallery-type1 .slick-arrow.slick-prev{
background:url(img/sa-prev.png);
right:40px;
}

.inquiry-group{
background:#ece9e5;
}

.inquiry-group .center-box{
display:table;
table-layout:fixed;
}

#inquiry{
display:table-cell;
width:30.6666%;
}

#group{
display:table-cell;
padding-left:4%;
}
.notice-type1{
border-top:1px #d0cbc5 solid;
margin-left:8px;
}
.notice-type1 a{
display:block;
position:relative;
height:50px;
line-height:50px;
overflow:hidden;
box-sizing:border-box;
padding-right:130px;
border-bottom:1px #d0cbc5 solid;
}

.notice-type1 .mt-num{
position:absolute; 
right:0;
}

.notice-type2 {
margin-left:8px;
border-top:1px #d0cbc5 solid;
}
.notice-type2 li{
padding:21px 0;
border-bottom:1px #d0cbc5 solid;
}
.notice-type2 a{
display:table;
width:100%;
table-layout:fixed;
height:44px;

}

.nt2-img{
display:table-cell;
width:134px;
position:relative;
overflow:hidden;
padding-right:20px;
}
.nt2-img-box {
position:relative;
width:100%;
height:100%;
overflow:hidden;
}
.nt2-img-box img{
max-width:100%;
position:absolute;
left:50%;
top:50%;
display:block;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}

.notice-type2 a:hover .nt2-img img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}

.nt2-txt{
display:table-cell;
vertical-align:middle;
}

.nt2-txt .mt-txt{
height:1.5em;
line-height:1.5em;
overflow:hidden;
}
.board .center-box:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}

.board section{
float:left;
width:30.666%;
margin-left:4%;
}

.board #notice{
margin-left:0;
}

.board #gallery{
float:left;
margin-left:0;
margin-top:50px;
width:100%;
}

.board #gallery .gallery-type1 li{
height:auto;
padding:0;
}
.board #gallery .gallery-type1 li a{
height:auto;
overflow:auto;
}

#millemani{
background:#ece9e5;
}







/***********************sub******************************/
    
    
#sub-top {
width:100%;
display:table;
table-layout:fixed;
height:250px;
position:relative;
box-sizing:border-box;
background-color:#333;
background-repeat:no-repeat;
background-size:cover;
background-position:50% 50%;
margin:0 auto;
background-image:url(img/sub-visual.jpg);
}
.st-text-box {
text-align:center;
display:table-cell;
vertical-align:middle;
width:100%;
height:inherit;
box-sizing:border-box;
}

.sttb-t1 {
font-size:40px;
font-weight:600;
color:#fff;
letter-spacing:-0.08em;
}


.sub-nav-list {
margin-top:0px;
}

.sub-nav-list > li {
display:inline-block;
font-size:13px;
position:relative;
margin-right:7px;
font-weight:300;
color:#fff;
}

.sub-nav-list > li i{
display:inline-block;
margin-right:7px;
}

.sub-nav-list > li i.xi-home-o{
margin-right:2px;
}

.sub-content{
padding:70px 0;
width:96%;
max-width:1200px;
margin:0 auto;
}


/*ÀÏÁ¤Ç¥*/
.calendar-top{position:relative; padding-bottom:20px; }
.calendar-top ul{border:1px #c8c8c8 solid; display:inline-block;  padding:0 10px;background: rgb(249,249,249);
background: linear-gradient(0deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);}
.calendar-top ul:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.calendar-top li{float:left; border-left:1px #c8c8c8 solid; text-align:center; line-height:43px;  padding:0 5px}
.calendar-top li:first-child{border-left:0;}
.calendar-top li.ct-day{font-size:17.5px; font-weight:700; padding:0 20px; }
.calendar-top li.ct-day a{display:block;vertical-align:10px}
.calendar-top li.ct-day i{margin-right:5px;}
.calendar-tab{position:absolute; right:0;}
.calendar-tab a{display:block; position:relative; float:left; border:1px #c6c6c6 solid; padding:10px 10px; background:#fff; margin-left:5px;}
.calendar-tab a i{font-size:20px; margin-right:5px; vertical-align:-2px;}
.calendar-tab a.selected{border-color:#386dd7; color:#386dd7;;}
.calendar-tab a.selected:after{display:block; position:absolute; width:100%; height:3px; background:#386dd7; content:""; left:0; top:0px;}

.calendar-box{width:100%; border-collapse:collapse; table-layout: fixed;}
.calendar-box th,
.calendar-box td{border:1px #d6d6d6 solid; width:14%; border-collapse:collapse; box-sizing:border-box; position:relative;}
.calendar-box th{background:#ebedf1; padding:10px; }
.calendar-box td{padding:10px 10px 10px 30px; height:95px;}
.c-day{text-align:center; font-size:10px; color:#103f9b; width:25px; height:25px; line-height:25px; border:1px #d6d6d6 solid; border-width:0 1px 1px 0; position:absolute; left:0; top:0;}
.c-schedule{font-size:12px; display:block; box-sizing:border-box; padding:0 5px; position:relative; }
.c-schedule > p{overflow:hidden;width:100%; height:20px; line-height:20px;  }
.cs-notice{background:#386dd7; color:#fff; border-radius:5px; }
.c-schedule-box{display:none; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); position:absolute; z-index:99; background:#fff; border:1px #386dd7 solid; border-radius:10px;padding:10px; box-sizing:border-box; width:170px; right:-175px; top:-55px;}
.c-schedule-box:after {display:block; position:absolute; content:""; width:8px; height:20px; background:url(../../images/sub/comment-img.png); left:-8px; top:50%; margin-top:-10px;}
.c-schedule:hover .c-schedule-box{display:block;}
.csb-text01{font-size:13.5px; color:#103f9b;}
.csb-text02{font-size:12.5px; margin:2px 0;}
.csb-text02 span{background:#386dd7; padding:1px 3px; color:#fff; display:inline-block; margin-left:2px; font-size:11px;}
.csb-text03{border-top:1px #d6d6d6 dashed; margin-top:10px; padding-top:10px; font-size:12.5px; display:-webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;  line-height:20px; height:40px;}

.event-list{margin-top:50px;}/*margin-top:-20px;*/
.event-list-box{position:relative; background:#f3f3f3; padding:20px; margin-bottom:5px; border-radius:5px;}
.event-list-box dt{position:absolute; width:80px; height:80px; box-sizing:border-box; left:20px; background:#386dd7; color:#fff; text-align:center; border-radius:5px;}
.event-list-box dt p{font-size:25px; padding-top:20px; font-weight:700; line-height:0.75; }
.event-list-box dt span{}
.event-list-box dd{padding-left:90px;}
.event-list-box-ul li{border:1px #c5c8d0 solid; box-sizing:border-box; padding:14px; margin-top:10px; background:#fff; border-radius:0 5px 0 5px;}
.event-list-box-ul li:first-child{margin-top:0;}
.event-header{position:relative; cursor:pointer;  }
.eh01{font-weight:700; font-size:17.5px; color:#13419e; margin-bottom:5px; padding-right:50px;}
.eh02{font-size:14px;}
.eh-p{background:#386dd7; color:#fff; border-radius:20px; padding:0 10px; margin-left:5px; }
.eh-btn01{position:absolute; right:-14px; top:-14px; font-size:0; width:50px; height:50px; text-align:center;  border-radius:0 0 0 5px; border:1px #c5c8d0 solid; border-width:0 0 1px 1px;}
.eh-btn01 i{font-size:25px; color:#8192b3;line-height:50px; }
.event-summary{border-top:1px #c8c8c8 dashed; padding-top:20px; margin-top:10px;}
.event-summary-btn{text-align:right; padding-top:20px;}
.event-summary-btn a{display:inline-block; padding:10px 20px; border:1px #386dd7 solid; color:#386dd7; background:#fff;}
.open-close{text-align:right; margin-bottom:10px; position:relative; z-index:99;}
.open-close span{cursor:pointer; display:inline-block; border:1px #cdcdcd solid; border-radius:99999px; padding:5px 15px; font-size:12.5px; margin-left:5px;}
.open-close span i{font-size:14px; margin-right:2px;}

/*ÀÏÁ¤Ç¥/°¶·¯¸® view page*/
.view-title{border-top:2px #333 solid; border-bottom:1px #c8c8c8 solid; font-size:25px; padding:15px 10px; line-height:1.2em;}
.view-title span{font-size:15.5px;}
.view-cont{padding:20px 10px; border-bottom:1px #c8c8c8 solid;}
.view-btn{position:relative; margin-top:20px;}
.view-prev-next a{border:1px #c8c8c8 solid; padding:10px 25px; display:inline-block; background:#ebedf1;}
.view-list-a{display:inline-block; position:absolute; right:0; top:0; padding:10px 25px; background:#555; color:#fff;}
.view-list-b{display:inline-block; position:absolute; left:0; top:0; padding:10px 25px; background:#555; color:#fff;}
.view-cont-t01{margin-bottom:10px;}
.view-cont-t01 p{display:inline-block; padding:7px 10px;color:#12367c; font-size:15.5px; background:#ebedf1;}
.view-cont-t01 span{display:inline-block; font-size:13px; vertical-align:1px;border-radius:9999px; padding:0 5px; background:#386dd7; color:#fff;}