@charset "UTF-8";
@import url("./reset.css");
@import url("./main.css");
@import url("./contents.css");
@import url("https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css");
.img-g { display: inline-block; overflow: hidden; background-image: url(../../images/img-comm.png); text-indent: -9999px; }

.container-fluid { position: relative; }

.container { max-width: 1458px; width: 100%; padding: 0; }

@media screen and (max-width: 1024px) { .container { width: auto; padding: 0 15px; } }

.post__image-container { width: 100%; height: 100%; }

.post__image-container.compat-object-fit { background-size: cover; background-position: center center; }

.post__image-container.compat-object-fit .post__featured-image { opacity: 0; }

.post__featured-image { width: 100%; height: 100%; object-fit: cover; }

@media screen and (max-width: 1024px) { .post__image-container.compat-object-fit .post__featured-image { opacity: 1; }
  .fancybox-caption__body { font-size: 1.3rem; } }

header .container { height: 80px; }

.txt-wrap b { font-size: 1.500rem; color: #009944; font-weight: 400; }

.line { margin-top: 80px; padding-top: 80px; border-top: 1px solid #d2d2d2; }

.topTo { display: block; width: 100%; padding: 50px 0; text-align: center; letter-spacing: 0; }

.topTo i { display: block; font-weight: bold; font-size: 1.5rem; }

.bg-white { background: #fff; }

.wrap-header { margin: 0 auto; }

.jumbotron-sub { max-width: 1800px; width: 100%; height: 390px; margin: 0 auto; }

.jumbotron-sub.about { background-image: url(../../images/header-about.png); background-size: cover; background-position: center 0; }

.header-float .logo .navbar-brand { background: url(../../images/logo.svg) 0 0 / contain no-repeat; }

.header-float .navbar-toggler.collapsed::before { color: #000; }

.header-float .navbar-toggler.collapsed span { background: #000; }

.header-float .navbar-header { background: #fff; }

header { position: relative; background-position: center 0; background-repeat: no-repeat; background-size: cover; text-align: center; }

header .affix .logo .navbar-brand { background: url(../../images/logo.svg) 0 0 no-repeat; }

header .affix .navbar-toggler.collapsed::before { color: #000; }

header .affix .navbar-toggler.collapsed span { background: #000; }

header .navbar { border: none; background: none; padding: 0; }

header .container { position: relative; max-width: 100%; width: 100%; margin: 0 auto; text-align: center; }

header .navbar-header { position: absolute; top: 0; left: 0; right: 0; height: 80px; }

header .logo { position: absolute; top: 16px; left: 4%; z-index: 100; }

header .logo .navbar-brand { float: none; display: block; width: 180px; height: 45px; padding: 0; background: url(../../images/logo-w.svg) 0 0 / contain no-repeat; background-size: contain; text-indent: -9999px; }

header .navbar-toggler { display: block; position: relative; border-color: transparent; color: #fff !important; }

header .navbar-toggler.collapsed span { background: #fff; }

header .navbar-toggler::before { position: absolute; top: 30px; left: -20px; content: '메뉴'; display: inline-block; margin-bottom: -10px; font-size: 1.325rem; color: #000; vertical-align: middle; font-weight: 500; }

header .navbar-toggler.collapsed::before { color: #fff; }

header .navbar .navbar-toggler:focus, header .navbar .navbar-toggler:hover { background: transparent; }

header .navbar .navbar-toggler .icon-bar { height: 4px; background-color: #000; }

header .navbar .navbar-toggler:hover .icon-bar { background-color: #000; }

header .navbar .navbar-nav > li > a { color: #000; }

header .navbar .navbar-nav > li > a:hover { color: #000; }

header .collapse { transition: height .5s; }

header .collapse.in { height: 100vh; transition: height .5s; }

header .area-logo { position: relative; z-index: 600; height: 80px; background: #fff; padding: 11px 0 0 17px; }

header .area-logo .navbar-brand { display: block; padding: 0; margin: 0; background: url(../../images/logo.svg) 0 0 /contain no-repeat; text-indent: -9999px; }

header .navbar .navbar-nav { position: relative; z-index: 600; }

header .overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 500; background: transparent; }

header .gnb { position: relative; z-index: 200; width: 100%; overflow: hidden; }

header .gnb .nav-today { position: relative; z-index: 600; padding: 18px 40px 13px; background: rgba(255, 255, 255, 0.9); }

header .gnb .txt-today { display: -webkit-flex; display: -ms-flex; display: flex; text-align: left; }

header .gnb .txt-today .today { position: relative; margin-top: 7px; padding: 0 50px; font-size: 1.125rem; letter-spacing: -1px; }

header .gnb .txt-today .today data { display: block; font-size: 1.250rem; font-weight: bold; }

header .gnb .txt-today .today.time::before { position: absolute; top: 7px; left: -10px; width: 40px; height: 40px; background: url(../../images/img-comm.png) -240px 0 no-repeat; content: ''; }

header .gnb .txt-today .today.date { display: none; border-left: 1px solid #000; }

header .gnb .txt-today .today.date::before { position: absolute; top: 7px; right: -10px; width: 40px; height: 40px; background-image: url(../../images/img-comm.png); background-repeat: no-repeat; content: ''; }

header .gnb .txt-today .today.date.clear::before { background-position: 0 -260px; }

header .gnb .txt-today .today.date.cloud::before { background-position: -40px -260px; }

header .gnb .txt-today .today.date.cloud2::before { background-position: -80px -260px; }

header .gnb .txt-today .today.date.fadee::before { background-position: -120px -260px; }

header .gnb .txt-today .today.date.rain::before { background-position: -160px -260px; }

header .gnb .txt-today .today.date.sleet::before { background-position: -200px -260px; }

header .gnb .txt-today .today.date.snow::before { background-position: -240px -260px; }

header .gnb .lst-sns { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; float: right; width: 240px; }

header .gnb .lst-sns .img-g { width: 66px; height: 66px; }

header .gnb .lst-sns li:first-child .img-g { background-position: 0 -40px; }

header .gnb .lst-sns li:nth-child(2) .img-g { background-position: -160px -40px; }

header .gnb .lst-sns li:last-child .img-g { background-position: -240px -40px; }

header .nav-depth1 { float: none; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-around; flex-direction: row; }

header .nav-depth1 > li { flex-grow: 1; float: left; padding: 40px 0 40px; background: transparent; }

header .nav-depth1 > li:nth-child(odd) { background: rgba(214, 224, 218, 0.9); }

header .nav-depth1 > li:nth-child(even) { background: rgba(235, 242, 238, 0.9); }

header .nav-depth1 > li > a { font-size: 1.875rem; color: #000; font-weight: bold; }

header .nav-depth2 { margin-top: 30px; }

header .nav-depth2 li { background: inherit; }

header .nav-depth2 li.none a { pointer-events: none; cursor: default; }

header .nav-depth2 li.none a:hover::before { width: 100%; transform: scaleX(0); }

header .nav-depth2 a { position: relative; display: block; width: 60%; height: 100%; margin: 0 auto; font-size: 1.500rem; font-weight: normal; line-height: 2; color: #000; }

header .nav-depth2 a:hover { color: #0f8c5c; }

header .nav-depth2 a:hover::before { width: 100%; transform: scaleX(1); }

header .nav-depth2 a:before { display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; transform: scaleX(0); transition: transform .3s; background-color: #0f8c5c; }

header .util { position: absolute; top: 0; right: 38px; z-index: 300; }

header .util span.txt { display: inline-block; margin-bottom: -10px; font-size: 1.325rem; color: #fff; vertical-align: middle; font-weight: 500; }

header .util a { position: relative; height: 22px; font-size: 0.875rem; color: #fff; line-height: 22px; vertical-align: middle; }

header .util a img { display: block; }

header .util a + a { margin-left: 10px; padding-left: 11px; }

header .util a + a:before { display: block; content: ''; width: 1px; height: 8px; background-color: #e0e0e0; position: absolute; top: 50%; left: 0; margin-top: -4px; }

header .util button { width: 80px; height: 80px; padding: 0; margin: -2px 0 0 10px; vertical-align: middle; border: none; outline: none; }

header .util button .animated-icon1 { margin: 0 auto; }

header .util button .icon-bar { width: 28px; background-color: #000; }

header .snb { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); max-width: 870px; width: 100%; margin: 0 auto; text-align: center; }

header .snb li { float: left; width: calc(100% / 4); background-color: rgba(0, 153, 68, 0.5); }

header .snb li.active { background-color: #fff; }

header .snb li.active a { color: #000; }

header .snb a { display: block; font-size: 1.125rem; height: 65px; line-height: 65px; color: #fff; }

@media screen and (max-width: 1000px) { header .gnb .nav-depth2 { display: none; } }

@media screen and (max-width: 1024px) { header .container { width: auto; padding: 0; } }

/* Icon 1 */
.animated-icon1, .animated-icon2, .animated-icon3 { width: 30px; height: 20px; position: relative; margin: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span { display: block; position: absolute; height: 4px; width: 100%; opacity: 1; left: 0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.animated-icon1 span { background: #000; }

.animated-icon1 span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.animated-icon1 span:nth-child(2) { opacity: 0; left: 60px; top: 8px; }

.animated-icon1 span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.collapsed .animated-icon1 span:nth-child(1) { top: 0px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

.collapsed .animated-icon1 span:nth-child(2) { opacity: 1; left: 0; top: 8px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

.collapsed .animated-icon1 span:nth-child(3) { top: 16px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

.affix { top: 0; width: 100%; height: 80px; z-index: 9999 !important; background-color: #fff !important; }

.affix a { color: #000 !important; }

.affix .util button .icon-bar { background-color: #000; }

.affix .navbar-brand { background-image: url(../../images/logo-b.png); }

.affix.navbar-fixed-top { border-bottom: 1px solid #ececec; }

#breadcrumb { font-size: 0; width: 100%; max-width: 1170px; margin: 0 auto; padding: 70px 0 50px; }

#breadcrumb a, #breadcrumb button, #breadcrumb span { display: inline-block; font-size: 1rem; color: #666; vertical-align: middle; line-height: 16px; position: relative; }

#breadcrumb a.home, #breadcrumb button.home, #breadcrumb span.home { width: 16px; height: 16px; background: url("../../images/spr-common.png") 0 0 no-repeat; overflow: hidden; text-indent: -9999px; }

#breadcrumb a + a, #breadcrumb a button, #breadcrumb a span { padding-left: 14px; margin-left: 10px; cursor: text; }

#breadcrumb button + a, #breadcrumb button button, #breadcrumb button span { padding-left: 14px; margin-left: 10px; cursor: text; }

#breadcrumb span + a, #breadcrumb span button, #breadcrumb span span { padding-left: 14px; margin-left: 10px; cursor: text; }

#breadcrumb a + a:before, #breadcrumb a button:before, #breadcrumb a span:before { display: block; content: ''; width: 5px; height: 7px; background: url("../../images/spr-common.png") -16px 0 no-repeat; position: absolute; top: 50%; left: 0; margin-top: -3px; }

#breadcrumb button + a:before, #breadcrumb button button:before, #breadcrumb button span:before { display: block; content: ''; width: 5px; height: 7px; background: url("../../images/spr-common.png") -16px 0 no-repeat; position: absolute; top: 50%; left: 0; margin-top: -3px; }

#breadcrumb span + a:before, #breadcrumb span button:before, #breadcrumb span span:before { display: block; content: ''; width: 5px; height: 7px; background: url("../../images/spr-common.png") -16px 0 no-repeat; position: absolute; top: 50%; left: 0; margin-top: -3px; }

#breadcrumb a + a:before, #breadcrumb a button:before, #breadcrumb a span:before { display: block; content: ''; width: 5px; height: 7px; background: url("../../images/spr-common.png") -16px 0 no-repeat; position: absolute; top: 50%; left: 0; margin-top: -3px; }

#breadcrumb button + a:before, #breadcrumb button button:before, #breadcrumb button span:before { display: block; content: ''; width: 5px; height: 7px; background: url("../../images/spr-common.png") -16px 0 no-repeat; position: absolute; top: 50%; left: 0; margin-top: -3px; }

#breadcrumb span + a:before, #breadcrumb span button:before, #breadcrumb span span:before { display: block; content: ''; width: 5px; height: 7px; background: url("../../images/spr-common.png") -16px 0 no-repeat; position: absolute; top: 50%; left: 0; margin-top: -3px; }

@media (max-width: 1023px) { #breadcrumb { width: 100%; padding: 0; margin: 0; position: absolute; top: 186px; left: 0; text-align: center; }
  #breadcrumb a, #breadcrumb button, #breadcrumb span { height: 13px; line-height: 13px; font-size: 0.750rem; }
  #breadcrumb a.home, #breadcrumb button.home, #breadcrumb span.home { width: 13px; height: 13px; background: url("../../images/spr-common-m.png") -88px 0 no-repeat; background-size: 250px; }
  #breadcrumb a + a, #breadcrumb a button, #breadcrumb a span { padding-left: 10px; margin-left: 7px; color: #fff; }
  #breadcrumb button + a, #breadcrumb button button, #breadcrumb button span { padding-left: 10px; margin-left: 7px; color: #fff; }
  #breadcrumb span + a, #breadcrumb span button, #breadcrumb span span { padding-left: 10px; margin-left: 7px; color: #fff; }
  #breadcrumb a + a:before, #breadcrumb a button:before, #breadcrumb a span:before { width: 4px; height: 5px; margin-top: -2px; background: url("../../images/spr-common-m.png") -101px 0 no-repeat; background-size: 250px; }
  #breadcrumb button + a:before, #breadcrumb button button:before, #breadcrumb button span:before { width: 4px; height: 5px; margin-top: -2px; background: url("../../images/spr-common-m.png") -101px 0 no-repeat; background-size: 250px; }
  #breadcrumb span + a:before, #breadcrumb span button:before, #breadcrumb span span:before { width: 4px; height: 5px; margin-top: -2px; background: url("../../images/spr-common-m.png") -101px 0 no-repeat; background-size: 250px; } }

.necessary { text-align: right; font-size: 1rem; padding-right: 30px; line-height: 100%; margin-top: -20px; margin-bottom: 30px; }

.necessary rem { font-size: 1.125rem; color: #3f7ac6; }

footer { background: #e5e5e5; padding: 62px 0 73px; position: relative; font-family: "Noto Sans KR"; }

footer .pc { max-width: 1458px; margin: 0 auto; }

footer h1 { margin-bottom: 17px; font-family: "Noto Sans KR"; font-size: 1.500rem; color: #767676; letter-spacing: -.5px; font-weight: 500; }

footer .copy-wrap address { font-size: 1.125rem; letter-spacing: -.5px; margin: 10px 0 59px; color: #767676; line-height: 1.7; }

footer .copy-wrap p { font-weight: 400; font-size: 1.125rem; letter-spacing: -.5px; color: #767676; line-height: 1.7; }

footer .copy-wrap .copy { color: #767676; }

footer .logo { margin: 10px 0 54px; text-align: right; }

footer .lst-sns { float: right; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 240px; }

footer .lst-sns .img-g { width: 56px; height: 56px; }

footer .lst-sns li:nth-child(1) .img-g { background-position: 0 -120px; }

footer .lst-sns li:nth-child(2) .img-g { background-position: -80px -120px; }

footer .lst-sns li:last-child .img-g { background-position: -240px -120px; }

@keyframes load-in { 0% { opacity: 0;
    transform: translateY(50px); }
  100% { opacity: 1;
    transform: translateY(0); } }

.btn-top { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; background-color: #242429; height: 80px; text-align: center; padding-top: 30px; }

.btn-top button { font-weight: 700; font-size: 0.750rem; letter-spacing: 0.05rem; color: #fff; text-transform: uppercase; line-height: 100%; }

.btn-top button:after { content: ''; width: 12px; height: 6px; display: inline-block; background: url("/images/common/spr-footer.png") -17px 0 no-repeat; vertical-align: middle; margin-left: 10px; }

.btn-top button i { margin-right: 5px; }

.nav--pc { display: block; }

.nav--mobile { display: none; }

@media screen and (max-width: 1023px) { .nav--pc { display: none; }
  .nav--mobile { display: block; }
  .btn-top { display: none; }
  header .navbar-header { height: 60px; }
  header .logo { top: 7px; left: 3%; transform: scale(0.6); transform-origin: 0 50%; }
  header .util { top: -7px; right: 0; }
  header .gnb .nav-today { padding: 10px 30px; background: white; border-top: 1px solid #eee; }
  header .gnb .txt-today { justify-content: space-between; }
  header .gnb .txt-today .today { width: 50%; }
  header .gnb .txt-today .today.time { padding: 0 10px 0 40px; }
  header .gnb .txt-today .today.date { padding: 0 30px 0 20px; }
  header .gnb .txt-today .today::before { transform: scale(0.7) translateY(-7px); }
  header .gnb .lst-sns { float: none; width: auto; transform: scale(0.7); margin-top: 10px; }
  header .nav-depth1 { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; position: relative; margin: 0; background: #ebf2ee; }
  header .nav-depth1 > li { position: static; width: 43%; padding: 0; }
  header .nav-depth1 > li > a { display: block; height: 100%; padding: 20px 26px; text-align: left; font-weight: 500; }
  header .nav-depth1 > li:nth-child(1) > a, header .nav-depth1 > li:nth-child(2) > a, header .nav-depth1 > li:nth-child(3) > a, header .nav-depth1 > li:nth-child(4) > a, header .nav-depth1 > li:nth-child(5) > a { pointer-events: none; cursor: default; }
  .wrap-header { width: 100%; }
  header .nav-depth1 > li:nth-child(odd) { background: #d6e0da; }
  header .nav-depth1 > li:nth-child(even) { background: #ebf2ee; }
  header .nav-depth1 > li.on { background: #556B40; }
  header .nav-depth1 > li.on > a { color: #fff !important; }
  header .nav-depth1 > li:nth-child(2) .nav-depth2 a { /* line-height: 4.1; */ }
  header .on .nav-depth2 { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; }
  header .nav-depth2 { display: none; position: absolute; top: 0; right: 0; width: 57%; height: 100%; margin: 0; background: #fff; border: 1px solid #d6e0da; }
  header .nav-depth2 li { flex-grow: 1; border-bottom: 1px solid #eee; }
  header .nav-depth2 li:last-child { border-bottom: none; }
  header .nav-depth2 a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; width: 100%; height: 100%; padding: 0 0 0 30px; text-align: left; /* line-height: 3.4; */ }
  header .area-close { background: rgba(0, 0, 0, 0.5); }
  header .affix { height: 70px; }
  header .overlay { background: rgba(0, 0, 0, 0.5); }
  header .area-logo { height: 70px; }
/*   header .area-logo .logo { top: 9px; left: -85px; transform: scale(0.6); } */
  header .navbar-toggler::before { top: 33px; left: -22px; content: ''}
  .reserve {
    top: 12px !important;
    right: 70px !important;
 }
  header .affix .area-logo .navbar-brand { transform: scale(0.6); }
  .topTo { padding-top: 0; }
  footer { padding: 5rem 1rem; }
  footer .copy-wrap address { margin-bottom: 30px; }
  footer .logo { margin: 20px 0 40px; }
  footer .lst-sns { float: none; width: 90%; margin: 0 auto; } }


.reserve {
    color: #fff;
    background-color: #04cf5c; 
    z-index: 999;
    font-size: 1.325rem;
    position: absolute;
    top: 17px;
    right: 160px;
    padding: 7px 20px;
    border-radius: 25px;
}

.reserve:hover {
	color: #111;
}