.gi { font-family: "Gilda Display", serif; } 
.pre { font-family: "Pretendard", serif; } 

body.menu-open:after { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(110, 97, 79, 0.1); pointer-events: none; } 

.inner { max-width: 1140px; padding: 0 10px; margin: 0 auto; } 
.container.full { max-width: 100%; } 

.footer { background: #f6f4f2; } 
.footer .footerTop { padding: 100px 10px; display: flex; justify-content: space-between; } 
.footer .footerTop .footLogo { margin-bottom: 32px; } 
.footer .footerTop .footLogo img { width: 100px; } 
.footer .footerTop .text { color: #8f8373; } 
.footer .footerTop .text div:first-child { margin-bottom: 5px; } 
.footer .footerTop .right .link { margin-bottom: 15px; padding-top: 20px; } 
.footer .footerTop .right .link a { display: inline-block; vertical-align: top; font-weight: 500; font-size: 16px; color: #3e2c14; padding-left: 28px; } 
.footer .footerTop .right .link a.chat { background: url("/html/images/ico_footer01.png") left center no-repeat; margin-right: 20px; background-size:20px auto; } 
.footer .footerTop .right .link a.instar { background: url("/html/images/ico_footer02.png") left center no-repeat; background-size:20px auto; margin-right: 20px; } 
.footer .footerTop .right .link a.youtube { background: url("/html/images/ico_footer03.png") left center no-repeat; background-size:20px auto; } 
.footer .footerBototm { padding: 45px 0; border-top: 1px solid #e8e5e2; font-size: 13px; color: #8f8373; } 
.footer .footerBototm span { color: #3e2c14; } 

.slider-fade .owl-dots { position: absolute; text-align: center; top: 50%; right: 75px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 4px; line-height: 0; } 

.slider-fade .owl-dots .owl-dot { width: 4px; height: 4px; background: rgba(255, 255, 255, 0.3); margin-bottom: 10px; vertical-align: top; } 
.slider-fade .owl-dots .owl-dot:last-child { margin-bottom: 0; } 
.slider-fade .owl-dots .owl-dot.active { height: 15px; background: #fff; } 
.slider-fade .owl-dots .owl-dot span { display: none; } 

.owl-nav { display: none; } 

.banner-header { height: 375px; } 
.banner-header .caption { margin-top: 0 !important; padding-top: 185px; } 
.banner-header .caption .bar { margin:0 10px; } 
.banner-header.viewHeader h1 { font-family: "Pretendard", serif; font-size: 30px; font-weight: 500; } 
.banner-header .post { font-size: 15px; letter-spacing: 1px; } 

.gridWrap { margin: 0 -10px; } 

.gridWrap .grid-item { width: calc(25% - 10px); margin: 0 10px 10px 0; text-align: center; } 
.gridWrap .grid-item a { display: block; position: relative; font-size: 15px; color: #fff; } 
.gridWrap .grid-item a .text { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); transition: 0.3s all; opacity: 0; z-index: 10; padding: 0 10px; } 
.gridWrap .grid-item a:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); transition: 0.3s all; opacity: 0; } 
.gridWrap .grid-item a:hover .text { opacity: 1; } 
.gridWrap .grid-item a:hover:after { opacity: 1; } 

.aboutWrap { padding: 70px 0 120px 0; } 
.aboutWrap .introTop { text-align: center; margin-bottom: 70px; } 
.aboutWrap .introTop .txt01 { color: #8f8373; font-weight: 300; margin-bottom: 20px; } 
.aboutWrap .introTop .txt02 { position: relative; font-size: 26px; color: #7c5827; padding-bottom: 100px; } 
.aboutWrap .introTop .txt02:after { content: ""; position: absolute; left: 50%; bottom: 35px; width: 1px; height: 30px; background: #7c5827; } 
.aboutWrap .introTop .txt03 { color: #3e2c14; font-weight: 300; margin-bottom: 20px; line-height: 26px; } 
.aboutWrap .introTop .txt03 div:first-child { margin-bottom: 30px; } 

.aboutWrap .aboutInfo { padding: 70px 0; } 
.aboutWrap .aboutInfo .inner { display: flex; } 
.aboutWrap .aboutInfo .inner .box { width: 50%; } 
.aboutWrap .aboutInfo .inner .box.left { padding-right: 10px; } 
.aboutWrap .aboutInfo .inner .box.right { padding-left: 10px; } 
.aboutWrap .aboutInfo .inner.first { margin-bottom: 45px; } 
.aboutWrap .aboutInfo .inner.first .left img { width: auto; } 
.aboutWrap .aboutInfo .inner.first .txt01 { color: #3e2c14; font-weight: 500; margin-bottom: 20px; } 
.aboutWrap .aboutInfo .inner.first .txt02 { color: #8f8373; font-weight: 300; } 
.aboutWrap .aboutInfo .inner.second .bg { background: #f9f8f6; border: 1px solid #f3f1ee; border-radius: 10px; display: flex; align-items: center; } 
.aboutWrap .aboutInfo .inner.second .bg .tit { width: 217px; height: 88px; border-right: 1px solid #f3f1ee; font-weight: 300; color: #3e2c14; display: flex; justify-content: center; align-items: center; } 
.aboutWrap .aboutInfo .inner.second .bg .tit .bold { font-weight: 500; margin-right: 8px; } 
.aboutWrap .aboutInfo .inner.second .bg .info { color: #8f8373; line-height: 24px; padding-left: 35px; } 

.aboutWrap .aboutImgList ul { display: flex; margin: 0 -10px; flex-wrap: wrap; } 
.aboutWrap .aboutImgList li { position: relative; padding: 0 5px 10px 5px; width: 50%; } 
.aboutWrap .aboutImgList li .text { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; } 
.aboutWrap .aboutImgList li .text .txt01 { font-weight: 300; color: #fff; line-height: 26px; padding-bottom: 40px; position: relative; } 
.aboutWrap .aboutImgList li .text .txt01:after { content: ""; position: absolute; left: 50%; bottom: 15px; width: 1px; background: #757473; height: 10px; } 
.aboutWrap .aboutImgList li .text .txt02 { color: #fff; opacity: 0.3; font-size: 17px; } 

.aboutWrap .lastAbout { padding-top: 120px; text-align: center; } 
.aboutWrap .lastAbout .tit01 { font-size: 17px; line-height: 30px; color: #3e2c14; font-weight: 500; margin-bottom: 20px; } 
.aboutWrap .lastAbout .tit02 { font-size: 17px; line-height: 26px; color: #bf9b70; } 

.notiBox { background: #f6f4f2; border-radius: 10px; padding: 44px; margin-bottom: 35px; } 
.notiBox .tit01 { color: #3e2c14; margin-bottom: 20px; font-weight: 600; } 
.notiBox .tit02 { color: #8f8373; } 
.notiBox a { text-decoration:underline !important;}

.noticeTable { margin-bottom: 70px; } 
.noticeTable table { width: 100%; border: none; border-top: 1px solid #8f8373; } 
.noticeTable table tr { border: none; } 
.noticeTable table td { border: none; border-bottom: 1px solid #8f8373; color: #3e2c14; font-weight: 300; padding: 20px 15px; } 
.noticeTable table td a { color: #3e2c14; font-weight: 300; } 
.noticeTable table td .noti { display: inline-block; margin-right: 15px; background: #3e2c14; font-size: 13px; font-weight: 600; color: #fff; width: 32px; height: 19px; line-height: 19px; text-align: center; } 
.noticeTable table .date { font-size: 13px; color: #8f8373; font-weight: 300; text-align: right; } 
.noticeTable table tr:not(.noticeTr) td { border-bottom:1px solid #eaeaea; } 

.paging { text-align: center; display: flex; justify-content: center; align-items: center; } 
.paging .ico { width: 15px; height: 8px; text-indent: -999em; } 
.paging .ico.prev { background: url("/html/images/btnPaging01.png") center no-repeat; } 
.paging .ico.next { background: url("/html/images/btnPaging02.png") center no-repeat; } 
.paging .num { margin: 0 10px; } 
.paging .num a { margin: 0 13px; font-size: 13px; color: #8f8373; font-weight: 300; } 
.paging .num a.active { position: relative; font-weight: 600; color: #3e2c14; } 
.paging .num a.active:after { content: ""; position: absolute; left: 50%; bottom: -0; width: 10px; height: 2px; margin-left: -5px; background: #3e2c14; } 

.locationWrap { padding: 75px 0 190px; } 
.locationWrap .locaTit { text-align: center; } 
.locationWrap .locaTit .tit01 { font-size: 26px; color: #7c5827; margin-bottom: 30px; } 
.locationWrap .locaTit .tit02 { color: #8f8373; font-weight: 300; position: relative; padding-bottom: 100px; } 
.locationWrap .locaTit .tit02:after { content: ""; position: absolute; left: 50%; bottom: 35px; width: 1px; height: 30px; background: #7c5827; } 
.locationWrap .locaInfo .inner { display: flex; } 
.locationWrap .locaInfo .inner .box { width: 50%; } 
.locationWrap .locaInfo .inner .left { padding-right: 10px; } 
.locationWrap .locaInfo .inner .right { padding-left: 15px; } 
.locationWrap .locaInfo .top { padding: 45px 0; border-bottom: 1px solid #eaeaea; } 
.locationWrap .locaInfo .top .tit { color: #3e2c14; font-weight: 600; margin-bottom: 20px; padding-left: 20px; } 
.locationWrap .locaInfo .top .tit.ico01 { background: url("/html/images/ico_loca01.png") left center no-repeat; } 
.locationWrap .locaInfo .top .tit.ico02 { background: url("/html/images/ico_loca02.png") left center no-repeat; } 
.locationWrap .locaInfo .top .txt { color: #8f8373; line-height: 26px; } 
.locationWrap .locaInfo .top .inner .right { padding-left: 34px; } 
.locationWrap .locaInfo .bottom { padding-top: 50px; } 
.locationWrap .locaInfo .bottom .etc { font-weight: 300; line-height: 26px; margin-bottom: 15px; color: #8f8373; padding-left: 20px; } 
.locationWrap .locaInfo .bottom .etc.ico03 { background: url("/html/images/ico_loca03.png") left 5px no-repeat; } 
.locationWrap .locaInfo .bottom .etc.ico04 { background: url("/html/images/ico_loca04.png") left 5px no-repeat; } 
.locationWrap .locaInfo .bottom .etc.ico05 { background: url("/html/images/ico_loca05.png") left 5px no-repeat; } 
.locationWrap .locaInfo .bottom .link { display: flex; } 
.locationWrap .locaInfo .bottom .link a { width: 50%; background: #f1eae4; height: 49px; display: flex; align-items: center; justify-content: center; } 
.locationWrap .locaInfo .bottom .link a span { padding-left: 20px; font-size: 13px; color: #7c5827; font-weight: 300; } 
.locationWrap .locaInfo .bottom .link a.instar span { background: url("/html/images/ico_loca06.png") left center no-repeat; } 
.locationWrap .locaInfo .bottom .link a.kakao span { background: url("/html/images/ico_loca07.png") left center no-repeat; } 
.locationWrap .locaInfo .bottom .link a:first-child { margin-right: 10px; } 

.faqWrap { padding: 70px 0 120px 0; } 
.faqWrap p { color: inherit; font-weight: inherit; } 
.faqToggle { display:flex; width:100%; } 
.faqToggle .faqLeft { min-width:280px; padding-right:20px; } 
.faqToggle .faqLeft .tit { font-size: 42px; line-height: 42px; height: 60px; color:#3e2c14; padding-bottom: 20px; border-bottom: 1px solid #3e2c14; } 
.faqToggle .faqLeft .titList ul li { margin-top:20px; font-size:16px; color:#8f8373; font-weight: 300; cursor:pointer; } 
.faqToggle .faqLeft .titList ul li.active { color:#3e2c14; padding-left: 20px; font-weight: 600; background: url('/html/images/ico_check01.png') left center no-repeat; background-size:12px auto; } 
.faqToggle .faqCont { width:100%; } 
.faqToggle .faqCont ul { border-top:1px solid #eaeaea; } 
.faqToggle .faqCont .box { display:none; } 
.faqToggle .faqCont .box:first-child { display: block; } 
.faqToggle .faqCont ul li { } 
.faqToggle .faqCont ul li .mainTit { position: relative; height: 60px; line-height: 60px; border-bottom:1px solid #eaeaea; color:#3e2c14; font-weight: 600; padding:0 30px 0 12px; cursor:pointer; } 
.faqToggle .faqCont ul li .mainTit:after { content:''; position: absolute; right:15px; top:50%; margin-top:-3px; width:12px; height: 6px; background: url('/html/images/ico_faq.png') center no-repeat; background-size:12px auto; } 
.faqToggle .faqCont ul li.active .mainTit:after { background: url('/html/images/ico_faq_active.png') center no-repeat; background-size:12px auto; } 
.faqToggle .faqCont ul li .contBox { display:none; color:#8f8373; font-weight: 300; padding:22px 12px; border-bottom:1px solid #eaeaea; } 
.faqToggle .faqCont ul li .contBox .base { margin-bottom: 30px; } 
.faqToggle .faqCont ul li .contBox .descBox { margin-bottom: 30px; } 
.faqToggle .faqCont ul li .contBox .descBox:last-child { margin-bottom: 0; } 
.faqToggle .faqCont ul li .contBox .descBox .tit { padding-left: 20px; font-weight: 600; color:#7c5827; background:url('/html/images/ico_check02.png') left center no-repeat; background-size:14px auto; margin-bottom:10px; } 
.faqToggle .faqCont ul li .contBox .descBox .text { color:#8f8373; font-weight: 300; } 
.faqToggle .faqCont ul li .contBox .descBox .text img { width:auto; } 



.mob { display: none; } 


.textPaging { border-top: 1px solid #eaeaea; margin-top: 75px; } 
.textPaging .lst a { display:flex; width:100%; padding:21px 0; border-bottom: 1px solid #eaeaea; align-items:center; } 
.textPaging .lst a .label { min-width:50px; font-size: 13px; line-height: 13px; color:#8f8373; font-weight: 300; text-align: center; } 
.textPaging .lst a .title { padding:0 12px; width:100%; font-size: 15px; line-height: 15px; color:#3e2c14; font-weight: 300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 

.btnRight { text-align: right; margin-top: 25px; } 

.btType01 { display: inline-block; vertical-align: top; width: 100px; height: 42px; line-height: 42px; text-align: center; font-size: 13px; color:#7c5827; font-weight: 300; background: #f1eae4; } 


.gallery-item.end .gallery-box .gallery-img:after { background: rgba(0,0,0,.5); } 

.section-padding .container .row iframe { width:1024px; height:576px; max-width:100%; } 



/* .mfp-arrow mfp-arrow-left mfp-prevent-close
.mfp-arrow mfp-arrow-right mfp-prevent-close */


.mfp-arrow {width:20px; height:18px; position: fixed; top:50% !important; margin-top:-9px !important; opacity:1;}
.mfp-arrow:after {display: none;}
.mfp-arrow:before {display: none;}
.mfp-arrow.mfp-arrow-left {left:50px !important; background: url('/html/images/ico_gal01.png') left top no-repeat; background-size:20px auto;}
.mfp-arrow.mfp-arrow-right {right:50px !important; background: url('/html/images/ico_gal02.png') left top no-repeat; background-size:20px auto;}

.mfp-close {width:20px !important; height:20px; position: fixed; top :50px !important; margin-top:0 !important;  right:50px !important; padding:0 !important; background: url('/html/images/ico_galClose.png') center no-repeat !important; text-align: left !important; background-size:20px auto !important; text-indent:-999em; opacity:1;}

.mfp-counter {position: fixed; left:50px !important; top:50px !important; font-size: 17px; font-weight: 300; color:#fff;  font-family: "Pretendard", serif;}


@media all and (max-width:1024px) {
 .pc { display: none; } 
 .mob { display: block; } 

 .section-padding .container .row iframe { height:388px; } 



 .inner { padding:0 15px; } 
 

 .header { min-height:200px; height:auto; } 


 .slider-fade .owl-item { height:auto; } 
 .slider-fade .owl-item video { width:100%; } 
 .slider-fade .owl-item iframe { width:100%; } 

 .slider-fade .owl-dots { right:15px; } 
 
body { font-size: 12px; line-height: 1.45em; } 
 body.menu-open { overflow-y:hidden; } 


 .section-padding { padding:20px 0 30px 0; overflow-x:hidden; } 

 .banner-header.section-padding { height: 200px; padding:50px 0 0 0; } 
 .banner-header .caption { padding-top: 0; } 
 .banner-header.section-padding h1 { margin-bottom: 15px; font-size: 21px; line-height: 27px; } 
 .banner-header .post { margin-top: 10px; } 
 

 .progress-wrap { right:10px; bottom:10px; transform:translateY(20px) scale(.8); transform-origin:right bottom; } 
 .progress-wrap.active-progress { transform: translateY(0) scale(.8); } 


 .cappa-wrap { width:80% } 
 .cappa-menu ul { margin-top: 90px; } 
 .cappa-menu ul li { margin:12px 0; padding-bottom:10px; } 
 .cappa-menu ul ul { margin-top: 5px; } 
 .cappa-menu > ul > li > a { font-size: 16px; } 
 .cappa-menu > ul > li.open > a { font-size: 16px; } 

 .cappa-header { padding-top: 15px; } 
 .cappa-header.scrolled { padding:10px 0; } 
 .cappa-header .cappa-logo img { width: 100px; } 
 .cappa-nav-toggle { top:-5px !important } 

 .galType1 .gallery-item { padding :0 2px 20px 0; } 
 .galType1 .gallery-item:nth-child(2n) { padding-left:2px; padding-right: 0; } 
 .galType1.row { margin:0; } 

 .footer .footerTop { padding: 50px 15px; display: block; } 
 .footer .footerTop .footLogo { margin-bottom: 15px; } 
 .footer .footerTop .footLogo img { width: 120px; } 
 .footer .footerTop .text { line-height:20px; } 
 .footer .footerTop .text div:first-child { margin-bottom: 10px; } 
 .footer .footerTop .right { margin-top: 20px; } 
 .footer .footerTop .right .link { margin-bottom: 10px; padding-top: 10px; } 
 .footer .footerTop .right .link a { font-size: 12px; color: #3e2c14; line-height:12px; padding:3px 0 3px 20px; } 
 .footer .footerTop .right .link a.chat { background-size:15px; margin-right: 15px; } 
 .footer .footerTop .right .link a.instar { background-size:15px;margin-right: 15px; } 
 .footer .footerTop .right .link a.youtube { background-size:15px; } 
 .footer .footerBototm { padding:25px 0 25px 5px;; font-size: 12px; } 


 .gridWrap { } 
 .gridWrap .grid-item { width:calc(50%); margin:0; padding: 2px; } 
 .gridWrap .grid-item:nth-child(2n) { } 


 .notiBox { background: #f6f4f2; border-radius: 10px; padding: 20px; margin-bottom: 15px; } 
.notiBox .tit01 { color: #3e2c14; margin-bottom: 10px; font-weight: 600; } 
.notiBox .tit02 { color: #8f8373; } 


 .faqWrap { padding: 20px 10px 30px 10px; } 
.faqToggle { display:block; width:100%; margin-top: 30px; } 
.faqToggle .faqLeft { min-width:100%; padding-right:0; margin-bottom: 20px; } 
.faqToggle .faqLeft .tit { font-size: 21px; line-height: 21px; height: auto; padding-bottom: 10px; border-bottom: 1px solid #3e2c14; } 
.faqToggle .faqLeft .titList ul li { margin-top:10px; font-size:13px; color:#8f8373; font-weight: 300; cursor:pointer; } 
.faqToggle .faqLeft .titList ul li.active { padding-left: 18px; font-weight: 600; background-size:12px auto; } 
.faqToggle .faqCont ul li .mainTit { position: relative; height: auto; line-height: inherit; padding:15px 10px; cursor:pointer; } 
.faqToggle .faqCont ul li .mainTit:after { content:''; position: absolute; right:10px; top:50%; margin-top:-3px; width:8px; height: 6px; background-size:12px auto; } 
.faqToggle .faqCont ul li.active .mainTit:after { background-size:12px auto; } 
.faqToggle .faqCont ul li .contBox { padding:12px 10px; } 
.faqToggle .faqCont ul li .contBox .base { margin-bottom: 15px; } 
.faqToggle .faqCont ul li .contBox .descBox { margin-bottom: 15px; } 
.faqToggle .faqCont ul li .contBox .descBox:last-child { margin-bottom: 0; } 
.faqToggle .faqCont ul li .contBox .descBox .tit { padding-left: 15px; font-weight: 600; color:#7c5827; background-size:12px auto; margin-bottom:10px; } 
.faqToggle .faqCont ul li .contBox img { width:auto; max-width:100%; } 


.locationWrap { padding: 35px 10px 35px; } 
.locationWrap .locaTit .tit01 { font-size: 15px; color: #7c5827; margin-bottom: 15px; } 
.locationWrap .locaTit .tit02 { color: #8f8373; font-weight: 300; position: relative; padding-bottom: 50px; } 
.locationWrap .locaTit .tit02:after { content: ""; position: absolute; left: 50%; bottom: 17px; width: 1px; height: 15px; background: #7c5827; } 
.locationWrap .locaInfo .inner { display: block; } 
.locationWrap .locaInfo .inner .box { width: 100%; } 
.locationWrap .locaInfo .inner .left { padding-right: 0; } 
.locationWrap .locaInfo .inner .right { padding-left: 0; } 
.locationWrap .locaInfo .top { padding: 25px 0; border-bottom: 1px solid #eaeaea; } 
.locationWrap .locaInfo .top .tit { color: #3e2c14; font-weight: 600; margin-bottom: 10px; padding-left: 13px; } 
.locationWrap .locaInfo .top .tit.ico01 { background-size:8px auto; } 
.locationWrap .locaInfo .top .tit.ico02 { background-size:8px auto; } 
.locationWrap .locaInfo .top .txt { color: #8f8373; line-height: 18px; } 
.locationWrap .locaInfo .top .inner .right { padding-left: 0; margin-top: 20px; } 
.locationWrap .locaInfo .bottom { padding-top: 25px; } 
.locationWrap .locaInfo .bottom .etc { font-weight: 300; line-height:18px; margin-bottom: 10px; color: #8f8373; padding-left: 13px; } 
.locationWrap .locaInfo .bottom .etc.ico03 { background-size:8px auto; } 
.locationWrap .locaInfo .bottom .etc.ico04 { background-size:8px auto; } 
.locationWrap .locaInfo .bottom .etc.ico05 { background-size:8px auto; } 
.locationWrap .locaInfo .bottom .link { display: flex; } 
.locationWrap .locaInfo .bottom .link a { width: 50%; background: #f1eae4; height: 39px; display: flex; align-items: center; justify-content: center; } 
.locationWrap .locaInfo .bottom .link a span { padding-left: 13px; font-size: 13px; color: #7c5827; font-weight: 300; } 
.locationWrap .locaInfo .bottom .link a.instar span { background-size:8px auto; } 
.locationWrap .locaInfo .bottom .link a.kakao span { background-size:8px auto; } 
.locationWrap .locaInfo .bottom .link a:first-child { margin-right: 10px; } 
.locationWrap #map { height: 200px !important; } 

.aboutWrap { padding: 35px 0 35px 0; } 
.aboutWrap .introTop { text-align: center; margin-bottom: 30px; padding:0 10px; } 
.aboutWrap .introTop .txt01 { color: #8f8373; font-weight: 300; margin-bottom: 10px; } 
.aboutWrap .introTop .txt02 { position: relative; font-size: 15px; line-height: 18px; color: #7c5827; padding-bottom: 50px; } 
.aboutWrap .introTop .txt02:after { content: ""; position: absolute; left: 50%; bottom: 15px; width: 1px; height: 15px; background: #7c5827; } 
.aboutWrap .introTop .txt03 { color: #3e2c14; font-weight: 300; margin-bottom: 10px; line-height: 18px; } 
.aboutWrap .introTop .txt03 div:first-child { margin-bottom: 15px; } 

.aboutWrap .aboutInfo { padding: 30px 0; } 
.aboutWrap .aboutInfo .inner { } 
.aboutWrap .aboutInfo .inner .box { } 
.aboutWrap .aboutInfo .inner .box.left { padding-right: 0; margin-bottom: 30px; } 
.aboutWrap .aboutInfo .inner .box.right { padding-left: 0; } 
.aboutWrap .aboutInfo .inner.first { margin-bottom: 25px; display: block; } 
.aboutWrap .aboutInfo .inner.first .box { width:100%; } 
.aboutWrap .aboutInfo .inner.first .left img { width: 150px; } 
.aboutWrap .aboutInfo .inner.first .txt01 { color: #3e2c14; font-weight: 500; margin-bottom: 10px; } 
.aboutWrap .aboutInfo .inner.first .txt02 { color: #8f8373; font-weight: 300; } 
.aboutWrap .aboutInfo .inner.second .box:first-child { margin-right:5px; } 
.aboutWrap .aboutInfo .inner.second .bg { background: #f9f8f6; border: 1px solid #f3f1ee; border-radius: 10px; padding-bottom: 20px; display: block; align-items: center; } 
.aboutWrap .aboutInfo .inner.second .bg .tit { width: 100%; height: auto; padding:20px 0 10px 8px; border-right: none; font-weight: 300; color: #3e2c14; justify-content: flex-start; display: flex; align-items: center; } 
.aboutWrap .aboutInfo .inner.second .bg .tit .bold { font-weight: 500; margin-right: 8px; } 
.aboutWrap .aboutInfo .inner.second .bg .info { color: #8f8373; line-height: 20px; padding-left: 8px; font-size: 10px; } 

.aboutWrap .aboutImgList { overflow:hidden; } 
.aboutWrap .aboutImgList ul { display: block; margin: 0; flex-wrap: wrap; overflow:hidden; } 
.aboutWrap .aboutImgList li { position: relative; padding: 0 0 5px 0; width: 100%; } 
.aboutWrap .aboutImgList li .text { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; } 
.aboutWrap .aboutImgList li .text .txt01 { font-weight: 300; color: #fff; line-height: 20px; padding-bottom: 20px; position: relative; } 
.aboutWrap .aboutImgList li .text .txt01:after { content: ""; position: absolute; left: 50%; bottom: 8px; width: 1px; background: #757473; height: 5px; } 
.aboutWrap .aboutImgList li .text .txt02 { color: #fff; opacity: 0.3; font-size: 13px; } 

.aboutWrap .lastAbout { padding-top: 40px; text-align: center; } 
.aboutWrap .lastAbout .tit01 { font-size: 13px; line-height: 18px; color: #3e2c14; font-weight: 500; margin-bottom: 10px; } 
.aboutWrap .lastAbout .tit02 { font-size: 12px; line-height: 18px; color: #bf9b70; } 


.textPaging { margin-top: 45px; } 
.textPaging .lst a { padding:15px 0; } 
.textPaging .lst a .label { min-width:50px; font-size: 12px; line-height: 12px; } 
.textPaging .lst a .title { padding:0 12px; width:100%; font-size: 13px; line-height: 13px; } 
.btnRight { margin-top: 15px; } 
.btType01 { width: 90px; height: 40px; line-height: 40px; font-size: 12px; } 


.noticeTable { margin-bottom: 30px; } 



.mfp-arrow {width:18px; height:15px; position: fixed; top:50% !important; margin-top:-9px !important; opacity:1; transform:none;}
.mfp-arrow:after {display: none;}
.mfp-arrow:before {display: none;}
.mfp-arrow.mfp-arrow-left {left:20px !important; background: url('/html/images/ico_gal01.png') left top no-repeat; background-size:18px auto;}
.mfp-arrow.mfp-arrow-right {right:20px !important; background: url('/html/images/ico_gal02.png') left top no-repeat; background-size:18px auto;}
.mfp-close {width:15px !important; height:15px; position: fixed; top :20px !important; margin-top:0 !important;  right:20px !important; padding:0 !important; background: url('/html/images/ico_galClose.png') center no-repeat !important; text-align: left !important; background-size:15px auto !important; text-indent:-999em; opacity:1;}
.mfp-counter {position: fixed; left:20px !important; top:20px !important; font-size: 13px; font-weight: 300; color:#fff;  font-family: "Pretendard", serif;}

}


@media all and (max-width:768px){
 .section-padding .container .row iframe { height:194px; } 
 }


.container p { margin:0px !important; }