@charset "utf-8";
/*
Theme Name: Korea National Park
Description: Korea National Park THEME
Author: css3studio
Version:1.0
*/


@import url(../fonts/SpoqaHanSansNeo.css); 

:root {
    --knp-green:#00A33F;
    --knp-green-m:#7CC16D;
    --knp-green-l:#B5D78D;
    --knp-blue:#004EA2;
    --knp-blue-m:#007BC7;
    --knp-blue-l:#A0D8EF;
    --knp-black:#0D1508;
    --knp-gray:#72787C;
    --knp-gray-d:#CFCFD0;
    --gray-50:#FAFAFA;
    --gray-100:#F4F4F5;
    --gray-200:#E4E4E7;
    --gray-300:#D4D4D8;
    --gray-400:#A1A1AA;
    --gray-500:#71717A;
    --gray-600:#52525B;
    --gray-700:#3F3F46;
    --gray-800:#27272A;
    --gray-900:#18181B;
}

/* Foundation */
html{font-family:'Spoqa Han Sans Neo',sans-serif;font-size:16px;color:var(--knp-black);line-height:1.5;scroll-behavior:smooth;overflow-x:hidden}
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,menu,a{font-family:'Spoqa Han Sans Neo',sans-serif;margin:0;padding:0}
header,nav,article,section,footer,address,aside{display:block;}
b,strong,h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--knp-black)}
img,fieldset{border:0}
ul,ol,menu{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:var(--knp-black)}
a:hover,a:active{text-decoration:underline}
input[type=text],
input[type=number],
input[type=password],
input[type=date],
input[type=email]{font-family:'Spoqa Han Sans Neo',sans-serif;font-size:0.875rem;height:2rem;text-indent:0.5rem;color:var(--gray-900);border:1px solid var(--gray-200);margin:0;box-sizing:border-box}
textarea{font-size:0.875rem;padding:0.5rem;border:1px solid var(--gray-200);color:var(--gray-900);box-sizing:border-box}
input[type=text].error,
input[type=password].error,
input[type=email].error{border-color:red;color:red}
input[readonly=readonly]{background-color:var(--gray-300);color:var(--gray-900);}
input::-webkit-input-placeholder {font-family:'Spoqa Han Sans Neo',sans-serif;color:var(--gray-400)}
input:-ms-input-placeholder {font-family:'Spoqa Han Sans Neo',sans-serif;color:var(--gray-400)}
input::-webkit-input-placeholder {font-family:'Spoqa Han Sans Neo',sans-serif;color:var(--gray-400)}
input:-ms-input-placeholder {font-family:'Spoqa Han Sans Neo',sans-serif;color:var(--gray-400)}
textarea.error{border-color:red;color:red}
button{cursor:pointer}

.site-title h1{font-family:'Spoqa Han Sans Neo',sans-serif}

h2{
    color:var(--gray-900);
    font-size:2.25rem;
    line-height:1.1111;
    margin-bottom:1.5rem;
    font-weight:700;
}

.button01{
    display:inline-block;
    border:1px solid var(--gray-200);
    color:var(--gray-800);
    height:3.25rem;
    line-height:3.25rem;
    padding:0 1.75rem;
    border-radius:1.625rem;
    font-size:1.125rem;
}
.button01:hover{
    text-decoration:none;
    border:1px solid var(--knp-green);
    color:var(--knp-green);
}
.button01:after{
    content:"\e907";
    font-size:1.125rem;
    font-family:xeicon;
    margin-left:0.5rem;
}
/* layout */
.inner{
    max-width: 77.5rem;
    margin:0 auto;
}
.blocks{
    margin:0;
    width:100%;
}
#content {
    max-width: 77.5rem;
    padding:3rem 0 7.5rem;
}
#section-content {
    padding-left:0 !important;;
}
.browse-controls{
    margin:0 0 2rem;
    padding:0;
    transition:padding 0.3s;
}
body.scrolling .browse-controls{
    position:fixed;
    top:0;
    background-color:#fff;
    width:77.5rem;
    padding:0.5rem 0;
    border-bottom:1px solid var(--gray-200)
}
body.scrolling .browse-controls:last-of-type{
    display:none;
}
body:not(.browse) #content{
    max-width: 77.5rem;
    padding:3rem 0 7.5rem;
}

header .top-bar{
    background-color:transparent;
    padding:0 4rem;
    height:4rem;
}
header .top-bar .title-bar{
    display:none
}
header .top-bar h1 span{
    display:block;
    width:10.625rem;
    height:2.5rem;
    text-indent: -9999px;
    background:url(../images/logo-sub.png) no-repeat center center;
    background-size:contain;  
}
header .top-bar ul{
    background-color:transparent;
}
header .dropdown.menu > li > a{
    color:var(--gray-700);
    padding:0;
    margin-left:2.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a{
    padding-right:0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a:after{
    content:none;
}
header .dropdown.menu > li.active > a,
header .dropdown.menu > li > a:hover{
    color:var(--knp-green);
    background-color:transparent;
    text-decoration:none;
}
.dropdown.menu>li.is-dropdown-submenu-parent.active>a{
	padding-right:0
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
	border:inset 5px;
	border-color:transparent var(--knp-blue) transparent transparent;
	right:auto;
	left:0px;
    top:1.3rem;
}
.dropdown.menu a:hover{
	text-decoration:none;
}
.dropdown.menu>li.is-dropdown-submenu-parent.active>a:after{
	content:none;
}
.dropdown.menu>li.is-dropdown-submenu-parent.active:hover>a,
.dropdown.menu>li.is-dropdown-submenu-parent.active.is-active>a{
	background-color:transparent;
    color:var(--knp-green)
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu{
    top:1.5rem;
    background-color:#fff;
}
.dropdown .is-dropdown-submenu.is-active a {
	background-color:var(--knp-green);
}
.dropdown.menu .nested.is-dropdown-submenu{
    background-color:#fff;
}

footer{
    background-color:var(--gray-100);
    max-width:9999rem;
    padding:6.25rem 0;
}
footer .inner{
    display:flex;   
    flex-direction:row-reverse;
}
body[class*="ex3-"] footer .inner{  
    max-width: 77.5rem;
}
footer .menu-footer{
    width:50%;
    display:flex;  
}
footer .menu-footer dl{
    width:33.3333%;
}
footer .menu-footer dl dt{
    color:var(--gray-700);
    margin-bottom:0.75rem;
}
footer .menu-footer dl dd li{
    margin-bottom:0.75rem;
}
footer .menu-footer dl dd a{
   color:var(--gray-500);
}
footer .info-area{
    width:50%;
}
footer .logo{
    display:block;
    width:13.125rem;
    height:3.125rem;
    text-indent: -9999px;
    background:url(../images/logo-sub.png) no-repeat center center;
    background-size:contain;  
    margin-bottom:1.75rem;
}
footer .contacts{
    font-size:0.75rem;
    color:var(--gray-400);
    line-height:1.3333;
}

/* main page */

body.main header{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:10;
    background: transparent;
}
body.main.user-bar header{
    top:38px;
}
body.main.pc header .top-bar h1{
    margin-top:1rem;
}
body.main header .top-bar h1 span{
    background:url(../images/logo.png) no-repeat center center;
    background-size:contain;  
}

body.main header .top-bar ul.dropdown.menu > li > a{
    color:#fff
}

body.main #content {
    padding:0;
    margin:0;
    max-width:9999px;
}
.banner-main-search{
    background:url(../images/main-banner-search.png) no-repeat center center;
    background-size:cover;
    background-color:var(--gray-900);
}
.banner-main-search .inner{
    text-align:center;
    height:40.125rem;
    display:flex;
    justify-content: center;;
    align-items: center;
    color:#fff;
}
.banner-main-search .title-area{
    margin-bottom:1.5rem;
}
.banner-main-search .title-area h2{
    color:#fff;
}
.banner-main-search .title-area h2 br{
    display:none;
}
.banner-main-search .title-area p{
    font-size:1.125rem;
    line-height:1.5;
    color:#fff;
}
.banner-main-search .form-search{
    background-color:#fff;
    display:flex;
    width:35rem;
    height:3.25rem;
    border-radius:1.625rem;
    justify-content: space-between;
    align-items: center;
    padding:0 0.375rem 0 1.5rem;
    box-sizing: border-box;
}
.banner-main-search .form-search label{
    font-size:0;
    padding-right:1.5rem;
    width:0;
    overflow:hidden;
}
.banner-main-search .form-search label:after{
    content:"\e97a";
    font-size:1.125rem;
    color:var(--knp-green);
    font-family:xeicon;
    text-indent:0
}
.banner-main-search .form-search input{
    flex-grow: 1;
    border:none;
    box-shadow: none;
    text-indent:0
}
.banner-main-search .form-search button{
    width:4.875rem;
    height:2.5rem;
    border-radius:1.25rem;
    color:#fff;
    background-color:var(--knp-green)
}
.banner-main-search .inner{
    position:relative;
}
/*
.banner-main-search .play-asmr{
    position:absolute;
    bottom:2rem;
    left:0;
    display:flex;
    justify-content: space-between;
    align-items: center;    
    height:3.5rem;
    padding:0 0.5rem 0 1rem;
    background-color:rgba(24, 24, 27, 0.5);
    border-radius:1.75rem;
}
.banner-main-search .play-asmr p{
    font-size:0.75rem;
    color:var(--gray-100);
    width:8.25rem;
    text-align:left;
    margin-right:1rem;
}
.banner-main-search .play-asmr a{
    width:2.5rem;
    height:2.5rem;
    line-height:2.5rem;
    background-color:var(--knp-green);
    font-size:0;
    text-align:center;
    border-radius:1.25rem;
}
.banner-main-search .play-asmr a:hover{
    text-decoration:none;
}
.banner-main-search .play-asmr a:after{
    content:"\ea3e";
    font-family:xeicon;
    color:#fff;
    font-size:1.8rem;
}
.banner-main-search .play-asmr.playing a:after{
    content:"\ea3b";
}
.banner-main-search .play-asmr:not(.playing) a:after{
    position:relative;
    left:2px
}
.banner-main-search .play-asmr audio{
    visibility: hidden;
    position:absolute;
    width:0;
}
*/

.banner-main-search .play-asmr-new{
    position:absolute;
    bottom:2rem;
    left:0;
    width:18.875rem;
}
.banner-main-search .play-asmr-new .player{
    display:flex;
    justify-content: space-between;
    align-items: center;    
    height:3.5rem;
    width:18.875rem;
    padding:0 0.5rem 0 3.5rem;
    background-color:rgba(24, 24, 27, 0.5);
    border-radius:1.75rem;
}
.banner-main-search .play-asmr-new .player p{
    font-size:0.75rem;
    color:var(--gray-100);
    width:8.25rem;
    text-align:left;
    margin-right:1rem;
}
.banner-main-search .play-asmr-new .player a{
    width:2.5rem;
    height:2.5rem;
    line-height:2.5rem;
    background-color:var(--knp-green);
    font-size:0;
    text-align:center;
    border-radius:1.25rem;
}
.banner-main-search .play-asmr-new .player a:hover{
    text-decoration:none;
}
.banner-main-search .play-asmr-new .player a:after{
    content:"\ea3e";
    font-family:xeicon;
    color:#fff;
    font-size:1.8rem;
}
.banner-main-search .play-asmr-new .player.playing a:after{
    content:"\ea3b";
}
.banner-main-search .play-asmr-new .player:not(.playing) a:after{
    position:relative;
    left:2px
}
.banner-main-search .play-asmr-new .player audio{
    visibility: hidden;
    position:absolute;
    width:0;
}
.banner-main-search .play-asmr-new .rolling{
    position:absolute;
    left:1rem;
    top:0.6rem;
    font-size:0;
}
.banner-main-search .play-asmr-new .rolling:after {
    content: "\e977";
    font-size: 1.5rem;
    font-family: xeicon;
    color:var(--gray-300);
}
.banner-main-search .play-asmr-new .rolling:hover{
    text-decoration:none;
}
.banner-main-search .play-asmr-new .rolling:hover:after{
    text-decoration:none;
    color:var(--knp-green);
}

.title-area{
    margin-bottom:2.5rem;
}
.title-area h2{
    margin-bottom:1.5rem;   
}

.title-area p{
    color:var(--gray-600);
    font-size:1.125rem;
}
.menu-quick-main{
    padding:5rem 0;
}
.menu-quick-main ul{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.menu-quick-main ul li{
    width:23.79%;
    margin-bottom:1.25rem;
}
.menu-quick-main ul li a{
    display:block;
    background:var(--gray-50) url(../images/icon-quick-1.png) no-repeat;
    background-position:1rem center;
    height:5rem;
    line-height:5rem;
    text-align:right;
    padding:0 1rem;
    border-radius:1rem;
    font-size:1.125rem;
    color:var(--gray-800);
    border:1px solid var(--gray-200);
}
.menu-quick-main ul li.l1 a{
    background-image:url(../images/icon-quick-1.png);
    background-size:2rem 2rem;
}
.menu-quick-main ul li.l2 a{
    background-image:url(../images/icon-quick-2.png);
    background-size:2.25rem 1.5rem;
}
.menu-quick-main ul li.l3 a{
    background-image:url(../images/icon-quick-3.png);
    background-size:2.25rem 2rem;
}
.menu-quick-main ul li.l4 a{
    background-image:url(../images/icon-quick-4.png);
    background-size:1.75rem 2.25rem;
}
.menu-quick-main ul li.l5 a{
    background-image:url(../images/icon-quick-5.png);
    background-size:2.25rem 2.25rem;
}
.menu-quick-main ul li.l6 a{
    background-image:url(../images/icon-quick-6.png);
    background-size:2rem 2.25rem;
}
.menu-quick-main ul li.l7 a{
    background-image:url(../images/icon-quick-7.png);
    background-size:2.25rem 2.375rem;
}
.menu-quick-main ul li.l8 a{
    background-image:url(../images/icon-quick-8.png);
    background-size:2.125rem 0.375rem;
}
.menu-quick-main ul li a:hover{
    text-decoration:none;
    background-color:var(--gray-100)
}

.slider-carousel-main{
    background-color:var(--gray-50);
    padding:5rem 0;
}
.slider-carousel-main .slick-list{
    margin:0 -1.25em;
    overflow:visible;
}
.slider-carousel-main .slider-area{
    position:relative;
}
.slider-carousel-main .slick-arrow{
    position:absolute;
    top:-3.8rem
}
.slider-carousel-main .slick-arrow:hover:before{
    color:var(--knp-green)
}
.slider-carousel-main .slick-next{
    right:0
}
.slider-carousel-main .slick-next:before{
    content:"\e93f";
    font-size:2rem;
    font-family:xeicon;
    text-indent:0
}
.slider-carousel-main .slick-prev{
    left:initial;
    right:4rem
}
.slider-carousel-main .slick-prev:before{
    content:"\e93c";
    font-size:2rem;
    font-family:xeicon;
    text-indent:0
}

.slider-carousel-main ul li{
    padding:0 1.25rem;
}
.slider-carousel-main ul li a{
    display:block;
    text-align:center;
    width:8.75rem;
    text-decoration:none;
}
.slider-carousel-main ul li a:hover b{
    color:var(--knp-green)
}
.slider-carousel-main ul li a img{
    width:8.75rem;
    height:8.75rem;
    display:block;
    margin-bottom:1rem;
}
.slider-carousel-main ul li a b{
    color:var(--gray-700);
    font-weight:normal;
}

.menu-quick-content{
    padding:5rem 0;
}
.menu-quick-content .content-area ul{
    display:flex;
    justify-content: space-between;
}
.menu-quick-content .content-area ul > li{
    flex-basis:32.258%
}
.menu-quick-content .content-area ul > li .thumb-area{
    margin-bottom:1rem;
}
.menu-quick-content .content-area ul > li .thumb-area img{
    width:100%;
    display:block;
}
.menu-quick-content .content-area ul > li dl{
    padding:0 1rem
}
.menu-quick-content .content-area ul > li dt{
    font-size:1.25rem;
    margin-bottom:0.5rem;
    color:var(--gray-900);
}
.menu-quick-content .content-area ul > li dd p{
    margin-bottom:1.5rem;
    color:var(--gray-600);
    line-height:1.75;
}
.menu-quick-content .content-area ul > li dd a{
    font-size:0.875rem;
    color:var(--gray-900);
    display:flex;
    align-items: center;
}
.menu-quick-content .content-area ul > li dd a:after{
    content:"\e907";
    font-size:1rem;
    font-family:xeicon;
    margin-left:0.75rem;
    position:relative;
    top:-1px
}
.menu-quick-content .content-area ul > li dd a:hover{
    color:var(--knp-green);
    text-decoration:none;
}

/**** 기록 ****/
body.search-page header{
    position:relative
}
body.search-page header:after{
    content:"";
    display:block;
    width:100%;
    height:20.25rem;
    background-color:var(--gray-100);
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
body.search-page .title-area {
    display:flex;
    align-items: center;
}
body.search-page .title-area h2{
    margin-bottom:0;
}
body.search-page .title-area a{
    margin-left:1rem;
    color:var(--knp-blue);
    display:flex;
    align-items: center;
}
body.search-page .title-area a:after{
    content:"\e9ad";
    font-family:xeicon;
    font-size:1.2rem;
}
body.search-page .title-area a:hover{
    text-decoration:none;
    color:var(--black);
}
body.search-page #searchModal{
    padding:1.5rem;
    max-width:50rem;
}
body.search-page #searchModal h3{
    font-size:1.5rem;
    margin:0 0 1.5rem;
    line-height:1.35;
}
body.search-page #searchModal p{
    margin:0 0 1rem;
    line-height:1.7;
}
body.search-page #searchModal .close-button{
    padding:0;
    top:1rem;
    right:1rem;
    width:auto;
    height:auto;
    background:none !important;
    color:var(--gray-500) !important;
    font-size:2rem;
    line-height:1;
    font-weight:300;
    border:0;
    box-shadow:none;
}


body.search-page .search-box-area{
    height:auto;
    min-height:9.25rem;
    padding-bottom:0.75rem;
}
body.search-page .field{
    margin-bottom:0;
}
body.search-page .form-search{
    background-color:#fff;
    border:1px solid var(--gray-200);
    display:flex;
    height:3.25rem;
    border-radius:1.625rem;
    justify-content: space-between;
    align-items: center;
    padding:0 0.375rem 0 1.5rem;
    box-sizing: border-box;
    margin-bottom:0.5rem !important;
}
body.search-page .search-facets .facet-items{
    margin-left:0 !important;
}
body.search-page .form-search .field:first-of-type{
    flex-grow: 1;
    display:flex;
    align-items: center;
}

body.search-page .form-search .field:last-of-type{
    flex-basis:5.875rem;
}
body.search-page .form-search .field-meta{
    margin-bottom:0
}
body.search-page .field label{
    font-size:0;
    padding-right:1.5rem;
    width:0;
    overflow:hidden;
    line-height:1
}
body.search-page .field label:after{
    content:"\e97a";
    font-size:1.125rem;
    color:var(--knp-green);
    font-family:xeicon;
    text-indent:0
}
body.search-page .form-search .inputs{
     flex-grow: 1;
}
body.search-page .form-search input[type="search"]{
    border:none;
    box-shadow: none;
    text-indent:0;
    border-radius:0;
    padding:0;
    width:100%;
    height:auto;
    color: var(--gray-900);
    font-weight:normal;
    font-size:1rem;
    margin-bottom:0;
}

body.search-page .field button{
    display:inherit;
    width:4.875rem;
    height:2.5rem;
    border-radius:1.25rem;
    color:#fff;
    background-color:var(--knp-green);
    margin-bottom:0;
}

body.search-page .form-search .search-submit{
    display:flex;
    align-items:center;
    justify-content:center;
    width:4.875rem;
    height:2.5rem;
    padding:0;
    border:0;
    border-radius:1.25rem;
    color:#fff;
    background-color:var(--knp-green);
    margin:0;
}
body.search-page .form-search input[type="search"]::placeholder{
    color:var(--gray-500);
    opacity:1;
}
body.search-page .search-active-facets{
    margin-top:0;
}
body.search-page .search-active-facets .search-facets-active{
    margin:0;
}


body.search-page .search-facets-active{
    display:flex;
    flex-wrap: wrap;
}
body.search-page .search-facets-active > li{
    margin:0.25rem 0 0 0;
}
body.search-page .search-facets-active > li > a{
    height:2rem;
    background-color:#fff;
    border:1px solid var(--gray-200);
    border-radius:1rem;
    padding:0 1rem;
    font-size:0.875rem;
    display:flex;
    align-items: center;
}
body.search-page .search-facets-active > li > a:hover{
    text-decoration:none;
    border-color:var(--knp-green);
}
body.search-page .search-facets-active > li > a:after{
    content:none;
}

body.search-page .search-facets-active > li > a > span:after{
    content:"\e93e";
    color:var(--gray-color);
    font-family:xeicon;
    margin:0 0.3rem;
}
body.search-page .search-facets-active > li > a > b{
    font-weight:normal;
    color:var(--knp-green)
}
body.search-page .search-active-facets .search-facets-active > li > a{
    height:2rem;
    display:flex;
    align-items:center;
    gap:0;
    padding:0 1rem;
    background:#fff;
    border:1px solid var(--gray-200);
    border-radius:1rem;
    color:var(--gray-700);
    text-decoration:none;
    font-size:0.875rem;
}
body.search-page .search-active-facets .search-facets-active > li > a b{
    font-weight:normal;
    color:var(--knp-green);
    line-height:1;
}

body.search-page .search-results-wrapper {
    gap:0;
    padding-top:2.5rem;
}
body.search-page .search-results-wrapper .search-results{
    min-width:0;
    position:relative;
    gap:0 !important;
}
body.search-page .search-results-wrapper .search-results > h5{
    position:absolute;
    top:0.6rem;
    font-size:1.25rem;
    color:var(--gray-600)
}
body.search-page .search-results-header {
    display:flex;
    justify-content:space-between;
    align-items: center;
    flex-wrap:nowrap;
}
body.search-page.scrolling .search-results-header {
    position:fixed;
    top:0;
    padding:0.5rem 0;
    background-color:#fff;
    z-index:20;
}
body.search-page .search-results-header .search-sort{
    display:flex;
    align-items: center;
    margin-right:2.5rem;
}
body.search-page .search-results-header .search-sort label{
    margin-right:0.5rem;
    font-size:1.125rem;
}
body.search-page select{
  width:auto;
  padding:0.5rem 2.125rem 0.5rem 1rem !important;
  color:var(--gray-700);
  font-weight:normal;
  border: 1px solid var(--gray-200);
  border-radius:1.25rem;
  font-family: inherit;
  font-size:1rem;
  background: url(../images/bl-down.png) no-repeat;
    background-position:right 1rem center;
  background-size:12px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
body.search-page .search-results-header .search-view-option{
    display:flex;
    align-items: center;
    margin-left:auto;
}
body.search-page .search-results-header .search-view-option label{
    font-size:1.125rem;
}

body.search-page .search-results-header .search-view-option a{
    font-size:1.5rem;
    margin-left:0.5rem;
    border:1px solid var(--gray-200);
    width:3rem;
    height:2.5rem;
    border-radius:1.25rem;
    display:flex;
    align-items: center;
    justify-content:center;
    padding:0 1.125rem;
}
body.search-page .search-results-header .search-view-option a i{
    font-family:xeicon !important;
    font-style:normal;
    font-size:1.25rem;
    line-height:1;
}
body.search-page .search-results-header .search-view-option > span{
    display:none;
}
body.search-page .search-results-header .search-view-option a:hover{
    border-color:var(--knp-green);
    color:var(--gray-700);
    text-decoration:none;
}
body.search-page .search-results-header .search-view-option a:focus{
    text-decoration:none;
}
body.search-page .search-results-header .search-view-option a:hover,
body.search-page .search-results-header .search-view-option a:focus,
body.search-page .search-results-header .search-view-option a:active{
    text-decoration:none;
}

body.search-page #search-facets .search-facet-items input[type="checkbox"]{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border:0;
    opacity:0;
    pointer-events:none;
}
body.search-page #search-facets .facet-items input[type="checkbox"],
body.search-page #search-facets .facet-item input[type="checkbox"]{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    opacity:0 !important;
    pointer-events:none !important;
}
body.search-page #search-facets .facet-items > .facet-item{
    display:flex;
    align-items:flex-start;
    margin-bottom:0.75rem;
    line-height:1.35;
}
body.search-page #search-facets .facet-item::before,
body.search-page #search-facets .facet-item:before{
    content:none !important;
    display:none !important;
}
body.search-page #search-facets .search-facet-items li a::before,
body.search-page #search-facets .search-facet-items li a:before,
body.search-page #search-facets .facet-item > a::before,
body.search-page #search-facets .facet-item > a:before{
    content:none !important;
    display:none !important;
}
body.search-page #search-facets .search-facet-items li a,
body.search-page #search-facets .facet-item > a{
    display:block;
    width:100%;
    color:var(--gray-700) !important;
    font-size:0.875rem !important;
    font-weight:400 !important;
    line-height:1.35 !important;
    text-decoration:none !important;
}
body.search-page #search-facets .search-facet-items li a > span,
body.search-page #search-facets .facet-item > a > span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    font-size:0.875rem !important;
    line-height:1.35 !important;
}
body.search-page #search-facets .search-facet-items li a .count,
body.search-page #search-facets .facet-item > a .count{
    flex-shrink:0;
    margin-left:0.5rem;
    color:var(--knp-green) !important;
    background-color:rgba(0, 163, 63, 0.08) !important;
    font-size:0.8125rem !important;
    font-weight:400 !important;
    line-height:1.5rem !important;
    height:1.5rem;
    padding:0 0.5rem;
    border-radius:0.75rem;
    white-space:nowrap;
}
body.search-page #search-facets .facet-items > .facet-item > label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    margin:0;
    color:var(--gray-700);
    font-size:1rem;
    cursor:pointer;
}
body.search-page #search-facets .facet-items > .facet-item > label > span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}
body.search-page #search-facets .facet-items > .facet-item > label .count{
    flex-shrink:0;
    margin-left:0.5rem;
    color:var(--knp-green) !important;
    background-color:rgba(0, 163, 63, 0.08);
    font-size:0.875rem !important;
    line-height:1.5rem;
    height:1.5rem;
    padding:0 0.5rem;
    border-radius:0.75rem;
    white-space:nowrap;
}
body.search-page #search-facets .search-facet-items label{
    display:flex;
    align-items:flex-start;
    width:100%;
    margin:0;
    cursor:pointer;
    font-size:1rem;
    line-height:1.35;
}
body.search-page #search-facets .search-facet-items label > span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    color:var(--gray-700);
    font-size:1rem;
    line-height:1.35;
}
body.search-page #search-facets .search-facet-items label .count{
    flex-shrink:0;
    margin-left:0.5rem;
    color:var(--knp-green) !important;
    background-color:rgba(0, 163, 63, 0.08);
    font-size:0.875rem !important;
    line-height:1.5rem;
    height:1.5rem;
    padding:0 0.5rem;
    border-radius:0.75rem;
    white-space:nowrap;
}
body.search-page #search-facets .facet-items .search-facet-items label > span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}
body.search-page #search-facets > .mobile-toggle{
    display:none;
}

.pagination{
    display:flex;
    align-items: center;
    margin:0 !important;
}
.pagination h4{
    font-size:1.25rem;
    color:var(--gray--600);
    margin-right:2.5rem;
}
.pagination form{
    display:flex;
    align-items: center;
    margin-right:2rem;
}
.pagination form input{
    margin-right:0.5rem;
    box-shadow: none;
    width:3rem !important;
    text-align:center;
    text-indent:0;
}
.pagination form span{
    color:var(--gray-500);
}
.pagination > .button{
    background:#fff;
    border:1px solid var(--gray-200);
    height:2.5rem;
    display:flex;
    align-items: center;
    padding: 0 1.125rem;
    border-radius: 1.25rem;
    margin-bottom:0;
}
.pagination > .button:hover{
    border-color:var(--knp-green);
    background:#fff;
}
.pagination > .button:before{
	content:"\e93e";
	font-size:1rem;
	font-family:xeicon;
    color:var(--gray-700)
}
.pagination > .button.previous{
    margin-right:0.5rem;
}
.pagination > .button.previous:before{
	content:"\e93b";
	font-size:1rem;
	font-family:xeicon;
}

.sorting-list{
    margin-bottom:0 !important;
}
.sorting-list select{
  width:auto;
  padding:0.5rem 2.125rem 0.5rem 1rem !important;
  color:var(--gray-700);
  font-weight:normal;
  border: 1px solid var(--gray-200);
  border-radius:1.25rem;
  font-family: inherit;
  font-size:1rem;
  background: url(../images/bl-down.png) no-repeat;
    background-position:right 1rem center;
  background-size:12px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    margin-left:0.4rem;
}


body.search-page .search-facets {
    flex-basis: 20.64%;
    flex-shrink: 0;
    order: -1;
    padding: 0 2.5rem 0 0;
    min-width: 240px;
}
body.search-page .search-facets .mobile-toggle{
    display:none;
}
.accordion-item{
    margin-bottom:1rem;
    border:1px solid var(--gray-200);
    border-radius:1rem;
    padding:1rem;
}
.accordion-item > a{
    border:none;
    padding:0;
    font-size:1.25rem;
    font-weight:bold;
    color:var(--gray-900);
}
.accordion-item:last-child .accordion-title{
    border-bottom:none;
}
.accordion-item > a:hover{
    text-decoration:none;
    color:var(--knp-green);
}
.accordion-item > a:before{
    content:"\e941";
    font-size:1rem;
    font-family:xeicon;
    right:0
}
.accordion-item.is-active > a:before{
    content:"\e944";
    font-size:1rem;
}
.accordion-item .accordion-content{
    padding:1rem 0 0;
}
.accordion-item .search-facet-items li{
    padding:0 !important;
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:0.75rem !important;
    line-height:1.1
}
.accordion-item .search-facet-items li a{
    color:var(--gray-700) !important;
    font-weight:400 !important;
}
.accordion-item .search-facet-items li span{
    color:var(--gray-700) !important;
    font-weight:400 !important;
    background-color:transparent;
    font-size:1rem !important;
    height:auto;
    line-height:1.1;
    padding:0;
    border-radius:0;
}
.accordion-item .search-facet-items input[type="checkbox"]{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.accordion-item .search-facet-items label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    margin:0;
    cursor:pointer;
}
.accordion-item .search-facet-items label > span:first-child{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}
.accordion-item .search-facet-items label .count{
    flex-shrink:0;
    margin-left:0.5rem;
    color:var(--knp-green) !important;
    background-color:rgba(0, 163, 63, 0.08);
    font-size:0.875rem !important;
    height:1.5rem;
    line-height:1.5rem;
    padding:0 0.5rem;
    border-radius:0.75rem;
}

/* AdvancedSearch 4.x may render facet groups with .facet instead of the
 * legacy .accordion-item wrapper. Keep the old badge layout for both. */
body.search-page #search-facets .search-facet-items input[type="checkbox"]{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
body.search-page #search-facets .search-facet-items label{
    display:flex;
    align-items:center;
    width:100%;
    margin:0;
    cursor:pointer;
}
body.search-page #search-facets .search-facet-items label > span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    color:var(--gray-700);
    line-height:1.2;
}
body.search-page #search-facets .search-facet-items label .count{
    flex-shrink:0;
    margin-left:0.5rem;
    color:var(--knp-green) !important;
    background-color:rgba(0, 163, 63, 0.08);
    font-size:0.875rem !important;
    line-height:1.5rem;
    height:1.5rem;
    padding:0 0.5rem;
    border-radius:0.75rem;
    white-space:nowrap;
}


body.search-page .search-results .resource-list {
    display: flex;
    border:none;
}
body.search-page .search-results .resource-list.list {
    flex-direction: column;
}
body.search-page .resource-list.list .resource {
    margin:0;
    border-bottom: 1px solid var(--gray-200);
    padding:0.75rem 0;
    display:flex;
}
body.search-page .resource-list.list .resource {
    margin:0;
    border-bottom: 1px solid var(--gray-200);
    padding:0.75rem 0;
    display:flex;
    align-items: center;
}

body.search-page .resource-list.list .resource-thumbnail{
    width:7.5rem;
    flex-shrink:0;
    padding:0;
    margin:0 1rem 0 0;
    height:auto;
    position:relative;
    overflow:hidden;
    background-color:var(--gray-200);
    border-radius:4px;
}
body.search-page .resource-list.list .resource-thumbnail:before{
    content: "";
    display: block;
    padding-top:100%
}
body.search-page .resource-list.list .resource-thumbnail img {
    width:auto;
    min-height:auto;
    position:absolute;
    top:50%;
    left:50%;
    max-height:9999px;
    max-width:9999px;
    transform: translate(-50%,-50%)
}
body.search-page .resource-list.list .resource-thumbnail img.fillwidth{
    height:100%;
    width:auto;
}
body.search-page .resource-list.list .resource-thumbnail img.fillheight{
    width:100%;
    height:auto;
}
body.search-page .search-results .resource-list.list .resource-metadata{
    flex-grow: 1;
}
body.search-page .search-results .resource-list.list .resource-metadata > a {
    color:var(--gray-900);
    margin-bottom:0.5rem;
    display:block;
    line-height:1.5;
}
body.search-page .search-results .resource-list.list .description {
    display: block;
    color:var(--gray-700);
    font-size:0.875rem;
    max-height:2.8rem;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}

body.search-page.scrolling .search-results .resource-list{
    padding-top:2.5rem;
}
body.search-page .search-results .resource-list.grid {
    gap:0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: stretch;
    align-content: start;
    margin-top:1.5rem;
}
body.search-page .search-results-list > h3{
    display:none;
}

body.search-page .search-results .resource-list.grid > li {
    flex-grow:0;
    flex-shrink:0;
    min-width:0;
    flex-basis:22.4576%;
    margin:0 3.3895% 2rem 0;
    padding:0
}
body.search-page .search-results .resource-list.grid > li:nth-child(4n){
    margin-right:0;
}
body.search-page .search-results .resource-list.grid .resource {
    width: auto;
    display: initial;
    padding-top:0;
    padding-right:0;
    border-bottom:none
}
body.search-page .search-results ul.resource-list.grid .resource:first-child {
    border-top: none;
}
body.search-page .search-results .resource-list.grid .resource-thumbnail {
    display: block;
    padding:0;
    width:100%;
    height:auto;
    margin-bottom:1rem;
    position:relative;
    overflow:hidden;
    background-color:var(--gray-200);
    border-radius:4px;
}
body.search-page .search-results .resource-list.grid .resource-thumbnail:before{
    content: "";
    display: block;
    padding-top:100%
}
body.search-page .search-results .resource-list.grid .resource-thumbnail img {
    width:auto;
    min-height:auto;
    position:absolute;
    top:50%;
    left:50%;
    max-height:9999px;
    max-width:9999px;
    transform: translate(-50%,-50%)
}
body.search-page .search-results .resource-list.grid .resource-thumbnail img.fillwidth{
    height:100%;
    width:auto;
}
body.search-page .search-results .resource-list.grid .resource-thumbnail img.fillheight{
    width:100%;
    height:auto;
}

body.search-page .search-results .resource-list.grid .resource-metadata {
    max-width:9999px;
}
body.search-page .search-results .resource-list.grid .resource-metadata > a {
    color:var(--gray-900);
    margin-bottom:0.5rem;
    display:block;
    line-height:1.5;
}
body.search-page .search-results .resource-list.grid .resource-heading{
    margin-bottom:0.5rem;
}
body.search-page .search-results .resource-list.grid .resource-heading > a{
    color:var(--gray-900);
    display:block;
    line-height:1.5;
}
body.search-page .search-results .resource-list.grid .description {
    display: block;
    color:var(--gray-700);
    font-size:0.875rem;
    max-height:4.1875rem;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}

/*
nav.pagination {
	margin-bottom:0;
    text-align:center;
}
ul.pagination {
	background-color:var(--gray-100);
    display:inline-block;
    padding:0.5rem;
    border-radius:1.625rem
}
.pagination li {
	margin-right:.5rem;
	border-radius:0;
	font-size:.875rem;
	display:none
}
.pagination li:last-child,.pagination li:first-child {
	display:inline-block
}
@media print,screen and (min-width:40em) {
	.pagination li {
		display:inline-block
	}
}
.pagination a,.pagination button {
	width:2.25rem;
	height:2.25rem;
	line-height:2.25rem;
	padding:0;
	border-radius:1.125rem;
	color:var(--gray-900)
}
.pagination a:hover,.pagination button:hover {
	background-color:var(--knp-green);
    text-decoration:none;
}
.pagination .current {
	width:2.25rem;
	height:2.25rem;
	line-height:2.25rem;
	padding:0;
	border-radius:1.125rem;
	background:var(--knp-green);
	color:#fff;
	cursor:default
}

.pagination-previous a::before,.pagination-previous.disabled::before {
	content:none
}
.pagination-next a::after,.pagination-next.disabled::after {
	content:none
}
body.search-page .pagination-next a{
    font-size:0
}
body.search-page .pagination-next a:after{
    content:"\e93e";
    font-size:1rem;
    color:var(--gray-color);
    font-family:xeicon;
    margin:0 0.3rem;
}
body.search-page .pagination-previous a{
    font-size:0
}
body.search-page .pagination-previous a:after{
    content:"\e93b";
    font-size:1rem;
    color:var(--gray-color);
    font-family:xeicon;
    margin:0 0.3rem;
}
*/

/*** 탐방코스 취향찾기 ***/
.facets-container{
    margin-bottom:4.75rem;
}
.facets-container .facet {
    margin-bottom:0;
}
.facets-container legend{
    display:none;
}
.facets-container > #facets{
    background-color:var(--gray-50);
    border-radius:1rem;
    overflow:hidden;
}
.facets-container dl{
    border-bottom:1px solid var(--gray-200);
    display:flex;
}
.facets-container dl > dt{
    flex-basis:10.25rem;
    flex-shrink: 0;
    background-color:var(--knp-green);
    display:flex;
    align-items: center;
    padding-left:1rem;
    margin-bottom:0;
}
.facets-container dl > dt b{
    color:#fff;
    font-size:1.25rem;
}
.facets-container dl > dd{
    padding:1rem 1rem 0.25rem 1rem;
}

.facets-container dl {
    margin: 0 !important;
}


.facets-container .expanded-area{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.4s;
}
.facets-container.expanded .expanded-area{
    max-height:2000px;
    transition:max-height 0.8s;    
}
.facets-container .controls a.facets-category-more{
    display:block;
    height:4.5rem;
    line-height:4.5rem;
    text-align:center;
    color:var(--knp-green);
    font-size:1.125rem;
}
.facets-container .controls a.facets-category-more:after{
    content:"\e941";
    font-size:1.125rem;
    vertical-align:middle;
    font-family:xeicon;
    margin-left:0.5rem;
}
.facets-container.expanded .controls a.facets-category-more:after{
    content:"\e944";
}
.facets-container .controls a.facets-category-more:hover{
    text-decoration:none
}

.facets-container .controls a.expanded{
    display:none
}
.facets-container.expanded .controls a{
    display:none
}
.facets-container.expanded .controls a.expanded{
    display:block
}
.facets-container .facets-reset{
    margin-top:1rem;
    text-align:right;
}
.facets-container .facets-reset a{
    color:var(--knp-green);
    font-size:1.125rem;
    position:relative;
    padding-right:1.7rem;
}
.facets-container .facets-reset a:after{
    content:"\e977";
    font-size:1.5rem;
    font-family:xeicon;
    position:absolute;
    right:0;
    top:-0.5rem;
}

body.faceted-browse-page .facet label {
	margin-top:0;
	margin-bottom:0.75rem;
    margin-right:0.4rem;
	background-color:transparent;
    padding:0 1.5rem;
	border: 1px solid var(--gray-300);
    border-radius:1.25rem;
    color: var(--gray-700);
    height:2.5rem;
    line-height:2.5rem;
    cursor:pointer;
}
body.faceted-browse-page .facet label.checked{
    border-color:var(--knp-green);
    color:var(--knp-green);
    background-color:#D9F6DF;
}


body.faceted-browse-page.scrolling #section-content > ul{
    padding-top:4.5rem;
}
body.faceted-browse-page #section-content > ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: start;
    align-items: stretch;
    align-content: start;
}
body.faceted-browse-page #section-content > ul > li {
    flex-basis:22.4576%;
    margin:0 3.3895% 2rem 0;
    padding:0
}
body.faceted-browse-page #section-content > ul > li:nth-child(4n){
    margin-right:0;
}
body.faceted-browse-page #section-content > ul > li .resource-link img{
    width:100%;
    border-radius:4px;
    display:block;
    margin-bottom:1rem;
}

body.faceted-browse-page #section-content > ul > li .resource-link .resource-name {
    color:var(--gray-900);
    margin-bottom:0.5rem;
    display:block;
    line-height:1.5;
}
body.faceted-browse-page #section-content > ul > li .description {
    display: block;
    color:var(--gray-700);
    font-size:0.875rem;
    max-height:4.1875rem;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
}

.search-no-result{
    height:31.25rem;
    display:flex;
    align-items: center;
    justify-content: center;
}
.search-no-result .center-middle{
    text-align:center
}
.search-no-result .center-middle .thumb{
    margin-bottom:1.5rem;
}
.search-no-result .center-middle p{
    margin-bottom:1.5rem;
    font-size:1.875rem;
}
.search-results-wrapper .search-no-result{
    transform: translate(-8rem,0);
}
/*** item view ***/
body.item header{
    position:relative;
}
body.item header:after{
    content:"";
    display:block;
    width:100%;
    height:2.25rem;
    background-color:var(--gray-100);
    border-top:1px solid var(--gray-200);
    border-bottom:1px solid var(--gray-200);
    position:absolute;
    bottom:-2.25rem;
    left:0;
    z-index:-1;
}
body.item #content {
    padding-right:0;
    padding-left: 0;
    padding-top:0;
}

body.item .breadcrumbs{
    background-color:transparent;
}

.item-container{
    padding:3rem 0 0 0;
}
.item-container .contents-area{
    padding:0 59.35% 0 0;
    position:relative;
}
.item-container .resource-title{
    margin-bottom:0.5rem;
    margin-right:18%;
}
.item-container .resource-title h2{
    color:var(--gray-900);
    font-size:2.25rem;
    margin-bottom:0
}

.item-container .main-info{
    margin-bottom:3.75rem;
}
.item-container .default-meta{
    font-size:0.875rem;
    color:var(--gray-500);
    margin-bottom:1.5rem;
}
.item-container .main-info .description{
    margin-bottom:1.5rem;
}
.item-container .main-info .description p{
    color:var(--gray-700);
    font-size:1rem;
    word-break:keep-all;
}
.item-container .main-info .link-button{
    margin-bottom:3rem;
}
.item-container .main-info .link-button .button01{
    display:block;
    text-align:center;
    background-color:var(--knp-green);
    color:white;
    border:none;
}
.item-container .main-info .link-button .button01:hover{
    background-color:var(--knp-blue);
}
.item-container .main-info .keyword{
    margin-bottom:1.5rem;
}
.item-container .main-info .keyword h4{
    margin-bottom:0.5rem;
    color:var(--gray-900);
    font-size:1rem;
}
.item-container .main-info .keyword ul{
    display:flex;
    flex-wrap: wrap;
}
.item-container .main-info .keyword li{
    margin-right:0.5rem;
    margin-bottom:0.5rem;
    line-height:1.8;
}
.item-container .main-info .keyword li a{
    background-color:#D9F6DF;
    color:var(--knp-green);
    font-size:0.875rem;
    padding:0.375rem 1rem;
    border-radius:1rem;
}
.item-container .main-info .keyword li a:hover{
    text-decoration: none;
    background-color:var(--knp-green);
    color:#fff;
}

.info-box{
    margin-bottom:1rem;
}
.info-box h4{
    border-bottom:1px solid var(--gray-200);
    color:var(--gray-900);
    font-size:1.5rem;
    padding-bottom:1rem;
    margin-bottom:1rem;
}
.info-box table{
    border-collapse:initial;
}
.info-box table th{
    text-align:left;
    color:var(--gray-400);
    padding-left:0;
}

.info-box .tabs-content{
    border:none;
    margin-bottom:2rem;
}
.info-box .tabs{
    border:none;
    background:none;
    margin-bottom:0.5rem;
}
.info-box .tabs li{
    margin-right:0.5rem;
    margin-bottom:0.5rem;
}

.info-box .tabs li a{
    background-color:#fff;
    border:1px solid var(--gray-200);
    color:var(--gray-800);
    font-size:0.875rem;
    padding:0.375rem 1rem;
    border-radius:1rem;
    line-height:1.3;
}
.info-box .tabs li.is-active a,
.info-box .tabs li a:hover{
    background-color:var(--knp-green);
    border-color:var(--knp-green);
    color:#fff;
    text-decoration:none;
}

.info-box .tabs-panel{
    background-color:var(--gray-50);
    border-radius:1rem;
}

.info-box .cards{
    display:flex;
    flex-wrap: wrap;
}
.info-box .cards{
    display:flex;
    flex-wrap: wrap;
}
.info-box .cards a{
   display:block !important;
   width:18%;
   margin-right:2.5%;
   margin-bottom:2.5% !important;
}
.info-box .cards a:nth-of-type(5n){
    margin-right:0;
}
.info-box .cards a img{
    display:block;
    width:100%;
    margin-bottom:0.5rem;
}
.info-box .cards a span{
    display:block;
    text-align:left;
}


.item-container .media-info{
    position:absolute;
    top:-1rem;
    right:0;
    width:58%;
}
.item-container .media-info .sns-area{
    text-align:right;
    margin-bottom:1.5rem;
}
.item-container .media-info .sns-area > a{
    display:inline-block;
    margin-left:0.5rem;
    border:1px solid var(--gray-200);
    font-size:0.875rem;
    color:var(--gray-800);
    padding:0.375rem 1rem;
    border-radius:1rem;
}
.item-container .media-info .sns-area > a:hover{
    text-decoration:none;
    border-color:var(--knp-green);
    color:var(--knp-green);
}
.item-container .media-info .sns-area > a i{
    margin-left:0.3rem;
}
.reveal-overlay .reveal{
    width:19rem;
}
.reveal-overlay .reveal:before{
    content:"SNS 공유하기";
    display:block;
    text-align:center;
    font-weight:bold;
    margin-bottom:1rem;
}
.reveal-overlay .Sharing .inner-box{
    text-align:center
}
.reveal-overlay .Sharing .inner-box > a img{
    width:3rem;
    height:3rem;
}

.item-container .media-area .lSSlideOuter {
    margin-bottom:3rem;
}
.item-container .media-area .lSSlideOuter .lSSlideWrapper{
    margin-bottom:1rem;
}
.item-container .lSSlideOuter .media-render img{
    width:100%
 }
.media-area .media-render{
    position:relative; 
    width:100%; 
    height:0; 
    padding-bottom:56.25%;
    background-color:var(--gray-200);
    text-align:center;
}
.media-area .media-render iframe{
    position:absolute; 
    left:0;
    width:100%; 
    height:100%;
}



/*** contents 인트로 ***/
.menu-navigation-contents > li{
    margin-bottom:1.5rem;
    border-radius:0.75rem;
    overflow:hidden;
    height:25rem;
    background:url(../images/bg-contents-01.png) no-repeat center center;
    background-size:cover;
    color:#fff;
    padding:2.5rem;
    box-sizing:border-box;
}
.menu-navigation-contents > li.map{
    background-image:url(../images/bg-contents-01.png);
}
.menu-navigation-contents > li.course{
    background-image:url(../images/bg-contents-02.png);
}
.menu-navigation-contents > li.suggest{
    background-image:url(../images/bg-contents-03.png);
}
.menu-navigation-contents dl{
    margin-bottom:1.5rem;
    width:31.25rem;
}
.menu-navigation-contents dl dt{
    margin-bottom:0.5rem;
    font-weight:700;
    font-size:2.25rem;
}
.menu-navigation-contents > li > a{
    display:inline-block;
    color:#fff;
    font-size:1.125rem;
    height:3.25rem;
    line-height:3.25rem;
    padding:0 3.5rem 0 1.75rem;
    border:1px solid #fff;
    border-radius:1.625rem;
    position:relative;
}
.menu-navigation-contents > li > a:after{
    content:"\e907";
    font-size:1.5rem;
    font-family:xeicon;
    position:absolute;
    right:1.7rem;
    top:-0.1rem;
}
.menu-navigation-contents > li > a:hover{
    text-decoration:none;
    border-color:var(--knp-green);
    color:var(--knp-green);
}

/* 기록으로 보는 탐방지도 */
body.ex1 .breadcrumbs{
    display:none;
}
.slider-archive-map{
    position:relative;
    overflow:hidden;
}
.slider-archive-map > .map-slider .slick-slide{
    padding:0;
   position:relative;
}
.slider-archive-map > .map-slider .thumb{
    width:100%;
    height:48.4375rem;
}
.slider-archive-map > .map-slider .thumb img{
    width:100%;
    display:block;
    /*transform: scale(1.07);   */
}
.slider-archive-map > .map-slider .thumb + a{
    background-color:#fff;
    position:absolute;
    display:block;
    left:50%;
    bottom:21%;
    transform: translate(-50%,0);
    padding:1rem;
    border-radius:1rem;
    color:var(--knp-green);
    font-size:1.25rem;
    font-weight:bold;
    z-index:10;
    box-shadow:2px 3px 5px rgba(1,1,1,0.3);
}
.slider-archive-map > .map-slider .thumb + a:hover{
    text-decoration:none;
    color:#000;
}
.slider-archive-map > .map-slider .thumb + a:after{
    content:"\e907";
    font-size:1.125rem;
    margin-left: 0.6rem;
    font-family:xeicon
}
.slider-archive-map > .map-slider .thumb + a:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.slider-archive-map .slider-paging{
    position:absolute;
    bottom:1rem;
    left:0;
    width:100%;
}
.slider-archive-map .slider-paging .slick-list{
    width:6rem;
    margin:0 auto;
    overflow: visible;
}
.slider-archive-map .slider-paging .slick-slide{
    padding:0 0.25rem;
    max-width:6rem;
}
.slider-archive-map .slider-paging a{
    display:block;
    padding:0.5rem 0.375rem 1rem 0.375rem ;
    background-color:#fff;
    border-radius:3rem;
    text-align:center;
    border:0.125rem solid #fff;
    box-sizing: border-box;
    transition:background-color 0.5s, border 0.5s;
}
.slider-archive-map .slider-paging .slick-current a,
.slider-archive-map .slider-paging a:hover{
    border:0.125rem solid var(--knp-green);
    background-color:#D9F6DF;
    text-decoration:none;
}

.slider-archive-map .slider-paging .slick-current a b{
    color:var(--knp-green);    
}
.slider-archive-map .slider-paging a img{
    display:inline-block;
    width:100%;
    margin-bottom:0.5rem;
}
.slider-archive-map .slider-paging a b{
    display:block;
    font-weight:normal;
    white-space:nowrap; 
    word-break:keep-all
}

.slider-archive-map .slider-paging .slick-prev {
    left: 1rem;
}
.slider-archive-map .slider-paging .slick-next {
    right: 1rem;
}

.slider-archive-map .slider-paging .slick-prev, 
.slider-archive-map .slider-paging .slick-next {
    width: 2.75rem;
    height: 2.75rem;
    border-radius:1.375rem;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    z-index:20;
}
.slider-archive-map .slider-paging .slick-prev:before, 
.slider-archive-map .slider-paging .slick-next:before {
    font-family: 'xeicon';
    font-size: 1.25rem;
}
.slider-archive-map .slider-paging .slick-prev:before{
    content:"\e93c"
}
.slider-archive-map .slider-paging .slick-next:before{
    content:"\e93f"
}

/* 기록으로 보는 탐방지도  - 컨텐츠 */
body[class*="ex1-"] #content{
    max-width:9999px;
    padding-top:0;
}
body[class*="ex1-"] #content > .inner{
    max-width: 77.5rem;
    margin: 0 auto;
}
body[class*="ex1-"] .mapping-block{
    max-width: 77.5rem;
    margin: 0 auto;
}

nav.breadcrumbs{
    background-color:var(--gray-50);
    margin-bottom:0;
}
nav.breadcrumbs > .breadcrumbs{
    max-width: 77.5rem;
    margin: 0 auto;
    height:2.25rem;
    display:flex;
    align-items: center;
}
nav.breadcrumbs > .breadcrumbs li:not(:last-child)::after{
    font-family:xeicon;
    content:"\e93e";
    font-size:0.875rem;
}
nav.breadcrumbs > .breadcrumbs li > a{
    color:var(--gray-400);
    font-size:0.875rem
}
nav.breadcrumbs > .breadcrumbs li,
nav.breadcrumbs > .breadcrumbs li.active{
    color:var(--knp-green);
    font-size:0.875rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
}

.archive-mountain .title-banner {
    margin-bottom:2.5rem;
}
.archive-mountain .title-banner .inner{
    height:24.75rem;
    display:flex;
    align-items:end;
}
.carousel-block .slick-list{
    margin:0 -8px;
}
.archive-mountain .title-banner h2{
    color:#fff;
    font-size:3rem;
}
.archive-mountain .summary-area{
    display:flex;
    justify-content: space-between;
    align-items: flex-start; 
    margin-bottom:5rem;
}
.archive-mountain .summary-area p{
    width:42.5rem;
    word-break:keep-all;
    font-size:1.125rem;
}
.archive-mountain .summary-area a{
    background-color:var(--knp-green);
    color:#fff;
    font-size:1.125rem;
    padding:0.75rem 1.75rem;
    border-radius:1.625rem;
}
.archive-mountain .summary-area a:after{
    content:"\e907";
    font-size:1.125rem;
    font-family:xeicon;
    margin-left:0.2rem
}
.archive-mountain .summary-area a:hover{
    background-color:var(--knp-blue);
    text-decoration:none;
}
.archive-mountain .course-area .header-title{
    margin-bottom:2rem;
}
.archive-mountain .course-area .header-title h3{
    margin-bottom:1.5rem;
    font-size:2.25rem;
}
.archive-mountain .course-area .header-title p{
    font-size:1.125rem;
    color:var(--gray-600)
}
.archive-mountain .course-area .menu-tab02{
    margin-bottom:2.5rem;
}
.archive-mountain .course-area .menu-tab02 ul{
    display:flex;
}
.archive-mountain .course-area .menu-tab02 li{
    margin-right:1rem;
}

.archive-mountain .course-area .menu-tab02 li a{
    background-color:#fff;
    border:1px solid var(--gray-200);
    color:var(--gray-800);
    font-size:1.125rem;
    padding:0.75rem 1.75rem;
    border-radius:1.625rem;
}
.archive-mountain .course-area .menu-tab02 li.current a,
.archive-mountain .course-area .menu-tab02 li a:hover{
    background-color:var(--knp-green);
    border-color:var(--knp-green);
    color:#fff;
    text-decoration:none;
}
body[class*="ex1-"] .item-showcase{
    max-width:77.5rem;
    margin:0 auto;
    padding-top:0;
}
body[class*="ex1-"] .item-showcase h2{
    font-size:2.25rem;
    margin-bottom:1rem;
}


/* 탐방 추천코스 인트로 */
body.ex3 .breadcrumbs{
    display:none;
}
.menu-navigation-recomm{
    display:flex;
    justify-content: space-between;
    border-top:1px solid var(--gray-200);
    padding-top:3.375rem;
}
.menu-navigation-recomm li{
    flex-basis:32.258%;
    height:29.375rem;
    position:relative;
    border-radius:1rem;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position: center bottom;
}

.menu-navigation-recomm li .info-area{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:1.5rem;
    color:#fff;
}
.menu-navigation-recomm li .info-area .bg{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.1) url(../images/menu-recomm-1.png) no-repeat center bottom;
    background-size:120% auto;
    background-position: center bottom;
    filter: blur(4px);
}

.menu-navigation-recomm li .info-area dl{
    position:relative;
    margin-bottom:1rem;
}
.menu-navigation-recomm li .info-area dl dt{
    font-size:1.5rem;
    margin-bottom:1rem;
}
.menu-navigation-recomm li .info-area a{
    position:relative;
    color:#fff
}
.menu-navigation-recomm li .info-area a:after{
    content:"\e907";
    font-size:1rem;
    font-family:xeicon;
    margin-left:0.5rem
}
.menu-navigation-recomm li .info-area a:hover{
    text-decoration:none;
    color:var(--knp-green-l)
}

/* 탐방추천코스  - 컨텐츠 뷰 */
body[class*="ex3-"] header{
    position:relative;
}
body[class*="ex3-"] header:after{
    content:"";
    display:block;
    width:100%;
    height:2.25rem;
    background-color:var(--gray-100);
    border-top:1px solid var(--gray-200);
    border-bottom:1px solid var(--gray-200);
    position:absolute;
    bottom:-2.25rem;
    left:0;
    z-index:-1;
}
body[class*="ex3-"] #content {
    padding-right:0;
    padding-left: 0;
    padding-top:0;
}
body[class*="ex3-"] .inner {
    max-width: 50rem;
    margin:0 auto;
}

body[class*="ex3-"] nav.breadcrumbs{
    background-color:transparent;
    margin-bottom:5rem;
}

body[class*="ex3-"] .blocks .text-content{
    max-width: 42.5rem;
    margin:0 auto;
    color:var(--gray-900);
    line-height:1.75;
}
body[class*="ex3-"] .title-area{
    margin-bottom:2rem !important;
}

body[class*="ex3-"] .blocks iframe{
    max-width:100%;
}
body[class*="ex3-"] .blocks img{
    max-width:100%;
    border-radius:1rem;
}

body[class*="ex3-"] .blocks .guide-book iframe{
    height:43.75rem;
}
body[class*="ex3-"] .blocks .responsive-embed{
    position:relative; 
    width:100%; 
    height:0; 
    padding-bottom:56.25%;
    margin-bottom:0
}
body[class*="ex3-"] .blocks .responsive-embed iframe{
    position:absolute; 
    width:100%; 
    height:100%;
}
body[class*="ex3-"] .blocks br{
    margin-bottom:2rem;
    height:0;
    display:block;
}
.item-showcase{
    display:flex;
    flex-wrap:wrap;
    position:relative;
    padding-top:3.5rem;
}

.item-showcase h2{
    position:absolute;
    top:0;
    width:100%;
    font-size:1.5rem;
    text-align:left;
    border-bottom:1px solid var(--gray-200);
    padding-bottom:0.5rem;
    margin-bottom:1rem;
}

.item-showcase .item{
   width:18%;
   margin-right:2.5%;
   margin-bottom:2.5%;
}
.item-showcase .item:nth-of-type(5n){
    margin-right:0;
}
.item-showcase .item a{
    display:block;
    text-align:left;
}
.item-showcase .item a:first-of-type{
    height:10rem;
    overflow:hidden;
    position:relative;
    border-radius:0.5rem;
    margin-bottom:0.5rem;
}
.item-showcase .item a:last-of-type{
    padding-left:0.5rem
}
.item-showcase .item a img{
    position:absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    width:100%;
    margin-bottom:0.5rem;
}
body[class*="ex3-"] .carousel{
    margin-bottom:2rem;
}

body[class*="ex3-"] .carousel .slick-dots{
    bottom:-3rem;
}

body[class*="ex3-"] .carousel .slick-slide .slide-text{
    width:auto !important;
}


.carousel-block .slick-prev {
    left: -1rem;
}
.carousel-block .slick-next {
    right: -1rem;
}

.carousel-block .slick-prev, 
.carousel-block .slick-next {
    width: 2.75rem;
    height: 2.75rem;
    border-radius:1.375rem;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    z-index:20;
}
.carousel-block .slick-prev:focus, 
.carousel-block .slick-next:focus {
    background-color:#fff;
}
.carousel-block .slick-prev:hover, 
.carousel-block .slick-next:hover{
    background-color:#eee;
}

.carousel-block .slick-prev:before, 
.carousel-block .slick-next:before {
    font-family: 'xeicon';
    font-size: 1.25rem;
}
.carousel-block .slick-prev:before{
    content:"\e93c"
}
.carousel-block .slick-next:before{
    content:"\e93f"
}


/* 소개 */
body[class*="about-"]  .breadcrumbs{
    display:none;
}
body[class*="about-"] #content{
    max-width:9999px;
}
body[class*="about-"] #content > .inner{
    max-width: 77.5rem;
    margin: 0 auto;
}

.menu-tab03{
    border-top:1px solid var(--gray-200);
    border-bottom:1px solid var(--gray-200);
    margin-bottom:3.75rem;
}
.menu-tab03 ul{
    display:flex;
}
.menu-tab03 ul li a{
    display:block;
    height:3.5rem;
    line-height:3.5rem;
    padding:0 2rem;
     color:var(--gray-900);
    position:relative;
}
.menu-tab03 ul li.current a,
.menu-tab03 ul li a:hover{
    color:var(--knp-green);
    text-decoration:none;
}
.menu-tab03 ul li.current a:after{
    content:"";
    display:block;
    height:4px;
    width:100%;
    background-color:var(--knp-green);
    position:absolute;
    left:0;
    bottom:0;
}

.sub-title{
    margin-bottom:2rem;
}
.sub-title h3{
    font-size:1.875rem;
    color:var(--gray-900);
}
.sub-title p{
    font-size:1.125rem;
    margin-top:2rem;
    width:50%;
    color:var(--gray-700);
    word-break:keep-all;
}

body[class*="about-"] .about-01 .thumb{
    height:23.75rem;
    text-align:center;
    margin-bottom:2.5rem;
}
body[class*="about-"] .about-01 .thumb img{
    height:100%;
}
body[class*="about-"] .about-02 .thumb{
    margin-bottom:2.5rem;
}
body[class*="about-"] .about-02 .thumb img{
    width:100%;
}

body[class*="about-"] .description p{
    width:50%;
    margin-bottom:2rem;
    word-break:keep-all;
    color:var(--gray-700);
}
.contents-about .button{
    background-color:#fff;
    border:1px solid var(--gray-200);
    color:var(--gray-800);
    font-size:0.875rem;
    padding:0.375rem 1rem;
    border-radius:1rem;
    line-height:1.3;
    margin-right:0.5rem;
}
.contents-about .button:hover{
    background-color:var(--knp-green);
    border-color:var(--knp-green);
    color:#fff;
    text-decoration:none;
}

.skip-navigation a { display: none; }
.skip-navigation a:focus,
.skip-navigation a:active { display: block; }


.carousel-title h2 {
    font-size: 1.5rem;
    text-align: left;
    border-bottom: 1px solid var(--gray-200);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}
/* AdvancedSearch 4.2 facet controls own collapse and pagination state. */
body.search-page #search-facets [hidden] {
    display:none !important;
}
body.search-page #search-facets .facet-elements:not([hidden]) {
    display:block;
}
/* SimpleBar owns scrolling for long facet value lists. */
body.search-page #search-facets .facet-scroll {
    max-height:320px;
}
body.search-page #search-facets .facet-scroll > .facet-items {
    list-style:none;
    margin:0;
    padding:0;
}
body.search-page #search-facets .facet-button,
body.search-page #search-facets .facet > h4 {
    font-size:1.25rem;
    font-weight:bold;
    color:var(--gray-900);
    margin:0;
}
body.search-page #search-facets .facet-button {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    border:0;
    border-radius:0;
}
body.search-page #search-facets .facet-button:hover {
    color:var(--knp-green);
}
body.search-page #search-facets .facet-button:before {
    content:"\e941";
    display:inline-block;
    order:2;
    flex:0 0 auto;
    margin-left:auto;
    font-family:xeicon;
    font-size:1rem;
    line-height:1;
}
body.search-page #search-facets .facet-button.collapse:before,
body.search-page #search-facets .facet-button[aria-expanded="true"]:before {
    content:"\e944";
}
body.search-page #search-facets .facet-button:after {
    content:none;
}
/* New resource-heading/body wrappers retain the original card geometry. */
body.search-page .search-results .resource-list.grid .resource-body {
    display:block;
}
body.search-page .search-results .resource-list .resource-heading {
    font-weight:normal;
    color:var(--gray-900);
    line-height:1.5;
}
body.search-page .search-results .resource-list.list .resource {
    display:grid;
    grid-template-columns:7.5rem minmax(0, 1fr);
    grid-template-rows:auto 1fr;
    align-items:start;
    column-gap:1rem;
}
body.search-page .resource-list.list .resource-thumbnail {
    grid-row:1 / span 2;
    margin:0;
}
body.search-page .resource-list.list .resource-heading,
body.search-page .resource-list.list .resource-body {
    grid-column:2;
    min-width:0;
}
body.search-page .search-results .resource-list.list .resource-thumbnail .resource-link img {
    max-width:9999px;
    max-height:9999px;
}
body.search-page .search-results .resource-list.list .resource.no-thumbnail {
    grid-template-columns:minmax(0, 1fr);
}
body.search-page .resource-list.list .no-thumbnail .resource-heading,
body.search-page .resource-list.list .no-thumbnail .resource-body {
    grid-column:1;
}

body.search-page .search-results .resource-list.list .resource-thumbnail .resource-link img.fillheight {
    width:100%;
    height:auto;
}

body.search-page .search-results .resource-list.list .resource-thumbnail .resource-link img.fillwidth {
    width:auto;
    height:100%;
}
body.search-page .resource-list.list .no-thumbnail .resource-thumbnail {
    display:none;
}

/* Keep configured visibility above the theme's description/body display rules. */
body.search-page .search-results .resource-list.grid .only-list,
body.search-page .search-results .resource-list.list .only-grid,
body.search-page .search-results .resource-list.grid .hidden-both,
body.search-page .search-results .resource-list.list .hidden-both {
    display:none;
}