@charset "UTF-8";

.gap-box{display:flex; flex-direction:column}
.gap-box.gap10{gap:1rem}
.gap-box.gap20{gap:2rem}
.gap-box.gap20{gap:2rem}

.sec-group + .sec-group{margin-top:5rem}


/* **************************************** *
 * nrich-layout
 * **************************************** */
.nrich-layout{display:flex; flex-direction:column; position:relative; height:100%; box-sizing:border-box}

body.fixed #nrich-header{position:fixed}
body.header-change #nrich-header{top:-5.6rem}
body.header-change #nrich-mcontainer{padding-top:9.4rem}
body.header-change #nrich-container{padding-top:9.4rem}
body.top-banner-open #nrich-header{top:12rem}
body.top-banner-open.fixed .nrich-top-banner{position:fixed; top:0; left:0; right:0}
body.top-banner-open .floating-side{top:34.4rem}
body.index #gnb:before{display:none}
body.region-open{overflow:hidden}
body.mobile-gnb-open{overflow:hidden}


/* **************************************** *
 * nrich-top-banner
 * **************************************** */
.nrich-top-banner{display:none; background-color:#04173a; z-index:9}
.nrich-top-banner.active{display:block}
.nrich-top-banner .banner-inner{display:flex; align-items:center; width:160rem; height:12rem; margin:0 auto; overflow:hidden}
.nrich-top-banner .banner-tit{flex:none; min-width:18rem; max-width:38rem}
.nrich-top-banner .banner-tit .tit{display:flex; align-items:center; gap:1.2rem; color:#fff; line-height:2.7rem; font-family: FlightSans; font-size:2.3rem; font-weight:300; letter-spacing:-0.05rem; word-break:keep-all}
.nrich-top-banner .banner-tit .tit i{font-size:3rem}
.nrich-top-banner .banner-info{flex:1; display:flex; align-items:center; position:relative; margin-left:8rem}
.nrich-top-banner .banner-info:before{content:''; position:absolute; left:0; top:0; height:40rem; width:1px; background-color:rgba(255,255,255,.3)}
.nrich-top-banner .banner-info .info{display:-webkit-box; position:relative; padding-left:1.2rem; line-height:2.6rem; color:rgba(255,255,255,.9); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.nrich-top-banner .banner-info .info:before{content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background-color:#fff}
.nrich-top-banner .banner-info .more{flex:none; display:flex; align-items:center; height:4.9rem; margin-left:4rem; padding:0 2.2rem; background-color:rgba(255,255,255,.1); border:0; box-sizing:border-box}
.nrich-top-banner .banner-info .more span{line-height:2.6rem; color:var(--krds-color-light-gray-0); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}

.nrich-top-banner .banner-close .today-close{display:flex; align-items:center; gap:1rem; justify-content:center; margin-left:8rem; padding:0; background:transparent; border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.nrich-top-banner .banner-close .today-close span{line-height:2.6rem; color:#fff; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}
.nrich-top-banner .banner-close .today-close:after{content:'\eb99'; display:flex; align-items:center; justify-content:center; width:4.9rem; height:4.9rem; color:#fff; font-family:remixicon; font-size:2.1rem; background-color:rgba(255,255,255,.1)}


/* **************************************** *
 * nrich-header
 * **************************************** */
#nrich-header{position:absolute; top:0; left:0; right:0; height:15rem; background-color:var(--krds-color-light-gray-0);  z-index:9; box-sizing:border-box}
#nrich-header .header-top .top-inner{display:flex; align-items:center; width:160rem; height:5.6rem; margin:0 auto; box-sizing:border-box}
#nrich-header .header-coe .bom-inner{display:flex; align-items:center; width:160rem; height:9.4rem; margin:0 auto; box-sizing:border-box}

/* 누리집 안내 */
#nrich-header .gov-info p{display:inline-flex; align-items:center; line-height:1.5rem; color:var(--krds-color-light-gray-60); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
#nrich-header .gov-info p:before{content:''; width:2.1rem; height:1.4rem; margin-right:1rem; background:url('../img/layout/ico-korea-flag.svg') 50% 50% no-repeat; background-size:2.1rem 1.4rem; border:1px solid var(--krds-color-light-gray-10)}

/* 화면크기, 언어 */
.global-util{display:flex; align-items:center; gap:2.2rem; height:5.6rem; margin-left:auto}
.global-util .util-zoom{position:relative}
.global-util .util-zoom .toggle-btn{display:inline-flex; align-items:center; height:3rem; margin:0; padding:0; background:none; border:0; border-radius:0; cursor:pointer}
.global-util .util-zoom .toggle-btn span{line-height:1.6rem; color:var(--krds-color-light-gray-60); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
.global-util .util-zoom .toggle-btn:after{content:'\ea4e'; color:var(--krds-color-light-gray-60); font-family:remixicon; font-size:2rem; font-weight:normal}
.global-util .util-zoom .toggle-btn:before{content:''; width:1.8rem; height:1.8rem; margin-right:0.5rem; background:url('../img/layout/ico-zoom-screen.svg') 50% 50% no-repeat; background-size:1.8rem 1.8rem}
.global-util .util-zoom .toggle-btn.active:after{transform:rotate(-180deg)}

.global-util .util-archive{display:flex; align-items:center}
.global-util .util-archive .archive-btn{display:inline-flex; align-items:center; min-width:13.3rem; min-height:5.6rem; margin:0; padding:0; background:url("../img/layout/ico-nrich-archive.svg") no-repeat 50% 50%; background-size:13.3rem 1.9rem; border:0; border-radius:0; cursor:pointer}

.global-util .util-language .language-btn{display:inline-flex; align-items:center; height:3rem; margin:0; padding:0; background:none; border:0; border-radius:0; cursor:pointer}
.global-util .util-language .language-btn span{line-height:1.6rem; color:var(--krds-color-light-gray-60); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
.global-util .util-language .language-btn:before{content:'\edcf'; margin-right:0.2rem; color:var(--krds-color-light-gray-60); font-family:remixicon; font-size:2rem; font-weight:normal}

.global-util .zoom-layer{display:none; position:absolute; top:100%; left:50%; margin-top:0.8rem; padding:2rem; background-color:var(--krds-color-light-gray-0); border:1px solid var(--krds-color-light-gray-95); border-radius:0.8rem; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); transform:translateX(-50%); z-index:3; box-sizing:border-box}
.global-util .zoom-layer.active{display:block}
.global-util .zoom-layer .layer-tip-arrow{position:absolute; left:50%; margin-left:-0.6rem; top:-0.6rem; width:0; height:0; border-top:0.6rem solid none; border-bottom:0.6rem solid var(--krds-color-light-gray-95); border-right:0.6rem solid transparent; border-left:0.6rem solid  transparent}
.global-util .zoom-layer .layer-tip-arrow:before{content:''; position:absolute; left:-0.5rem; top:0.1rem; width:0; height:0; border-top:0.5rem solid none; border-bottom:0.5rem solid var(--krds-color-light-gray-0); border-right:0.5rem solid transparent; border-left:0.5rem solid  transparent}
.global-util .zoom-layer .zoom-size .size-option{display:flex; flex-direction:column; gap:1rem}
.global-util .zoom-layer .zoom-size .size-option .option-btn{display:flex; align-items:center; margin:0; padding:0; background-color:transparent; border:0; cursor:pointer; box-sizing:border-box}
.global-util .zoom-layer .zoom-size .size-option .option-btn span{line-height:1.6rem; color:var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; white-space:nowrap}
.global-util .zoom-layer .zoom-size .size-option .option-btn .zoom-ico{display:flex; align-items:center; min-width:3.8rem}
.global-util .zoom-layer .zoom-size .size-option .option-btn .zoom-ico:before{content:'가'; display:flex; align-items:center; justify-content:center; color:var(--krds-color-light-gray-95); font-style:normal; background-color:var(--krds-color-light-gray-0); border:1px solid var(--krds-color-light-gray-10); border-radius:0.6rem; box-sizing:border-box}
.global-util .zoom-layer .zoom-size .size-option .option-btn.zoom-small .zoom-ico:before{width:2.6rem; height:2.6rem; font-size:1.5rem}
.global-util .zoom-layer .zoom-size .size-option .option-btn.zoom-basic .zoom-ico:before{width:2.8rem; height:2.8rem; font-size:1.6rem}
.global-util .zoom-layer .zoom-size .size-option .option-btn.zoom-large .zoom-ico:before{width:3rem; height:3rem; font-size:1.7rem}
.global-util .zoom-layer .zoom-size .size-option .option-btn.zoom-xlarge .zoom-ico:before{width:3.2rem; height:3.2rem; font-size:1.9rem}
.global-util .zoom-layer .zoom-size .size-option .option-btn.zoom-xxlarge .zoom-ico:before{width:3.4rem; height:3.4rem; font-size:2.1rem}
.global-util .zoom-layer .zoom-size .size-option .option-btn.active .zoom-ico:before{color:var(--krds-color-light-gray-0); background-color:var(--krds-color-light-gray-95); border:1px solid var(--krds-color-light-gray-95)}

.global-util .zoom-layer .zoom-size .size-reset{margin-top:1rem; border-top:1px solid var(--krds-color-light-gray-20)}
.global-util .zoom-layer .zoom-size .size-reset .zoom-reset{display:flex; align-items:center; justify-content:center; width:100%; margin-top:1rem; padding:0; background-color:transparent; border:0; cursor:pointer; box-sizing:border-box}
.global-util .zoom-layer .zoom-size .size-reset .zoom-reset span{line-height:1.6rem; color:var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; white-space:nowrap}
.global-util .zoom-layer .zoom-size .size-reset .zoom-reset:before{content:'\f544'; margin-right:0.2rem;  color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:2rem; font-weight:normal}

.global-util .language-layer{display:none; position:absolute; top:100%; left:50%; margin-top:0.8rem; padding:2rem; background-color:var(--krds-color-light-gray-0); border:1px solid var(--krds-color-light-gray-95); border-radius:0.8rem; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); transform:translateX(-50%); z-index:3; box-sizing:border-box}
.global-util .language-layer.active{display:block}
.global-util .language-layer .layer-tip-arrow{position:absolute; left:50%; margin-left:-0.6rem; top:-0.6rem; width:0; height:0; border-top:0.6rem solid none; border-bottom:0.6rem solid var(--krds-color-light-gray-95); border-right:0.6rem solid transparent; border-left:0.6rem solid  transparent}
.global-util .language-layer .layer-tip-arrow:before{content:''; position:absolute; left:-0.5rem; top:0.1rem; width:0; height:0; border-top:0.5rem solid none; border-bottom:0.5rem solid var(--krds-color-light-gray-0); border-right:0.5rem solid transparent; border-left:0.5rem solid  transparent}
.global-util .language-layer .language-option{display:flex; flex-direction:column; gap:1.4rem}
.global-util .language-layer .language-option .option-btn{display:flex; align-items:center; margin:0; padding:0; background-color:transparent; border:0; cursor:pointer; box-sizing:border-box}
.global-util .language-layer .language-option .option-btn span{line-height:1.6rem; color:var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; white-space:nowrap}
.global-util .language-layer .language-option .option-btn:after{content:'\eb87'; margin-left:0.5rem;  color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:1.4rem; font-weight:normal}

/* 로고 */
#nrich-header #logo{display:inline-flex; align-items:center; z-index:9}
#nrich-header #logo a{display:block; width:27.9rem; height:7.6rem; background:url("../img/layout/logo-top.svg") no-repeat 50% 50%; background-size:27.9rem 7.6rem}
#nrich-header #logo.nrich-gj a{display:block; width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-gj/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
#nrich-header #logo.nrich-by a{display:block; width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-by/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
#nrich-header #logo.nrich-gy a{display:block; width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-gy/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
#nrich-header #logo.nrich-nj a{display:block; width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-nj/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
#nrich-header #logo.nrich-jw a{display:block; width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-jw/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
#nrich-header #logo.nrich-so a{display:block; width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-so/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
#nrich-header #logo.nrich-wj a{display:block; width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-wj/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
#nrich-header #logo.nrich-cv a{display:block; width:29.4rem; height:5.8rem; background:url("../img/layout/nrich-cv/logo-top.svg") no-repeat 50% 50%; background-size:29.4rem 5.8rem}


/* 지도로 보는 소속기관 */
.region-lab{position:absolute; right:50%; top:7.8rem; margin-right:-74rem}
.region-lab .toggle-btn{display:inline-flex; align-items:center; height:5rem; margin:0; padding:0 2rem 0 3rem; background:var(--krds-color-light-secondary-5); border:0; border-radius:20rem; cursor:pointer; box-sizing:border-box}
.region-lab .toggle-btn span{line-height:1.6rem; color:var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem}
.region-lab .toggle-btn i{font-style:normal}
.region-lab .toggle-btn:before{content:'\f08e'; margin-right:0.5rem; color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:2rem; font-weight:normal}
.region-lab .toggle-btn:after{content:'\ea4e'; margin-left:1.5rem; color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:1.8rem; font-weight:normal}
.region-lab.active .toggle-btn:after{transform:rotate(-180deg)}

.region-layer{display:none; position:absolute; top:14.9rem; left:0; right:0; background:#eef2f7 url('../img/common/heritage-pattern01.png') 50% 50% repeat; z-index:2}
.region-layer.active{display:block}
.region-layer .region-wrap{display:flex; flex-direction:column; position:relative; width:160rem; margin:0 auto; padding-top:5.5rem; box-sizing:border-box}
.region-layer .region-core{display:flex; gap:6rem; padding:2.5rem 0; box-sizing:border-box}
.region-layer .region-pick{display:flex; flex-direction:column; flex:1; gap:2.5rem}

.region-layer .region-pick .pick-top{display:flex; align-items:center}
.region-layer .region-pick .pick-top .top-tit .tit{display:inline-flex; align-items:center}
.region-layer .region-pick .pick-top .top-tit .tit:before{content:'\f08e'; display:inline-flex; align-items:center; margin-right:0.8rem; color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:3.6rem; font-weight:normal}
.region-layer .region-pick .pick-top .top-tit .tit span{line-height:2.1rem; color:var(--krds-color-light-gray-95); font-family:FlightSans; font-size:2.1rem; font-weight:300; letter-spacing:-0.08rem}
.region-layer .region-pick .pick-top .top-tip{position:relative; margin-left:0; width:26rem; height:2px; background-color:var(--krds-color-light-gray-95)}
.region-layer .region-pick .pick-top .top-tip:after{content:'\ea6e'; position:absolute; right:-1rem; top:-1.1rem; color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:2.5rem; font-weight:normal}

.region-layer .region-pick .pick-map{flex:1; position:relative; min-width:62rem; min-height:52rem; background:rgba(255,255,255,.1) url("../img/layout/map-region.svg") no-repeat 50% 50%; background-size:31.2rem 42.1rem; border:2px solid #fff; border-radius:2.2rem; box-sizing:border-box}
.region-layer .region-pick .pick-map .tab-box{position:absolute}
.region-layer .region-pick .pick-map .tab-box button{display:inline-flex; align-items:center; position:relative; margin:0; padding:1rem 1.5rem; background-color:#808080; border:0; border-radius:0; cursor:pointer; outline:none; z-index:1; box-sizing:border-box}
.region-layer .region-pick .pick-map .tab-box button span{line-height:1.5rem; color:var(--krds-color-light-gray-0); font-size:1.5rem; font-weight:300; letter-spacing:-0.05rem}

.region-layer .region-pick .pick-map .tab-box.cultural button{background-color:var(--krds-color-light-gray-0); border-radius:20rem; box-shadow:0.1rem 0.1rem 0.1rem 0 rgba(0,0,0,.15)}
.region-layer .region-pick .pick-map .tab-box.cultural button span{color:#202020}

.region-layer .region-pick .pick-map .tab-box .poly-line{position:absolute}
.region-layer .region-pick .pick-map .tab-box .poly-line svg{position:relative; stroke:#808080; fill:none; stroke-miterlimit:10; stroke-width:2; stroke-linejoin: round;  stroke-linecap: round;}
.region-layer .region-pick .pick-map .tab-box .poly-line .poly-point{position:absolute; width:0.9rem; height:0.9rem; background-color:#808080}
.region-layer .region-pick .pick-map .tab-box .poly-line .poly-point:before{content:''; display:none; position:absolute; top:50%; left:50%; width:2.7rem; height:2.7rem; margin-top:-1.35rem; margin-left:-1.35rem; background-color:rgba(0,0,0,.2)}


.region-layer .region-pick .pick-map .tab-box.active button,
.region-layer .region-pick .pick-map .tab-box:hover button{background-color:var(--krds-color-light-gray-95)}
.region-layer .region-pick .pick-map .tab-box.cultural.active button,
.region-layer .region-pick .pick-map .tab-box.cultural:hover button{background-color:var(--krds-color-light-gray-0)}
.region-layer .region-pick .pick-map .tab-box.active.cross,
.region-layer .region-pick .pick-map .tab-box:hover.cross{z-index:2}
.region-layer .region-pick .pick-map .tab-box.active .poly-line svg,
.region-layer .region-pick .pick-map .tab-box:hover .poly-line svg{stroke:var(--krds-color-light-gray-95)}
.region-layer .region-pick .pick-map .tab-box.active .poly-line .poly-point,
.region-layer .region-pick .pick-map .tab-box:hover .poly-line .poly-point{background-color:var(--krds-color-light-gray-95)}
.region-layer .region-pick .pick-map .tab-box.active .poly-line .poly-point:before,
.region-layer .region-pick .pick-map .tab-box.active .poly-line .poly-point:after{display:block}
.region-layer .region-pick .pick-map .tab-box:hover .poly-line .poly-point:before,
.region-layer .region-pick .pick-map .tab-box:hover .poly-line .poly-point:after{display:block}

.region-layer .region-pick .pick-map .tab-box.map-target01{left:50%; top:50%; margin-left:-20rem; margin-top:-8.2rem}
.region-layer .region-pick .pick-map .tab-box.map-target01 button{right:-0.2rem}
.region-layer .region-pick .pick-map .tab-box.map-target01 .poly-line{top:50%; right:-3.8rem; width:3.8rem; height:7.5rem}
.region-layer .region-pick .pick-map .tab-box.map-target01 .poly-line svg{width:3.9rem; height:7.5rem}
.region-layer .region-pick .pick-map .tab-box.map-target01 .poly-line .poly-point{bottom:-0.55rem; right:-0.45rem}

.region-layer .region-pick .pick-map .tab-box.map-target02{right:50%; top:50%; margin-right:-28rem; margin-top:-0.3rem}
.region-layer .region-pick .pick-map .tab-box.map-target02 .poly-line{bottom:-3.5rem; left:1.5rem; width:2.2rem; height:3.5rem}
.region-layer .region-pick .pick-map .tab-box.map-target02 .poly-line svg{width:2.2rem; height:3.5rem}
.region-layer .region-pick .pick-map .tab-box.map-target02 .poly-line .poly-point{bottom:-0.45rem; left:-0.45rem}

.region-layer .region-pick .pick-map .tab-box.map-target03{left:50%; top:50%; margin-left:-24rem; margin-top:5.2rem}
.region-layer .region-pick .pick-map .tab-box.map-target03 .poly-line{top:-3.6rem; right:0; width:2.5rem; height:3.7rem}
.region-layer .region-pick .pick-map .tab-box.map-target03 .poly-line svg{width:2.5rem; height:3.7rem}
.region-layer .region-pick .pick-map .tab-box.map-target03 .poly-line .poly-point{top:-0.45rem; right:-0.45rem}

.region-layer .region-pick .pick-map .tab-box.map-target04{right:50%; top:50%; margin-right:-27rem; margin-top:11.5rem}
.region-layer .region-pick .pick-map .tab-box.map-target04 .poly-line{top:1.6rem; left:-3.9rem; width:5rem; height:0.1rem}
.region-layer .region-pick .pick-map .tab-box.map-target04 .poly-line svg{width:5rem; top:-0.9rem}
.region-layer .region-pick .pick-map .tab-box.map-target04 .poly-line .poly-point{top:-0.45rem; left:-0.45rem}

.region-layer .region-pick .pick-map .tab-box.map-target05{left:50%; top:50%; margin-left:-24rem; margin-top:18.3rem}
.region-layer .region-pick .pick-map .tab-box.map-target05 .poly-line{top:-4.9rem; left:11.5rem; width:2.6rem; height:5rem}
.region-layer .region-pick .pick-map .tab-box.map-target05 .poly-line svg{width:2.6rem; height:5rem}
.region-layer .region-pick .pick-map .tab-box.map-target05 .poly-line .poly-point{top:-0.45rem; right:-0.45rem}

.region-layer .region-pick .pick-map .tab-box.map-target06{right:50%; top:50%; margin-right:-24rem; margin-top:-10.5rem}
.region-layer .region-pick .pick-map .tab-box.map-target06 .poly-line{top:50%; left:-5.7rem; width:5.7rem; height:3.4rem}
.region-layer .region-pick .pick-map .tab-box.map-target06 .poly-line svg{width:5.7rem; height:3.4rem}
.region-layer .region-pick .pick-map .tab-box.map-target06 .poly-line .poly-point{bottom:-0.45rem; left:-0.45rem}

.region-layer .region-pick .pick-map .tab-box.map-target07{left:50%; top:50%; margin-left:-24rem; margin-top:-15.5rem}
.region-layer .region-pick .pick-map .tab-box.map-target07 .poly-line{top:50%; right:-3rem; width:4.6rem; height:2.4rem}
.region-layer .region-pick .pick-map .tab-box.map-target07 .poly-line svg{width:4.6rem; height:2.4rem}
.region-layer .region-pick .pick-map .tab-box.map-target07 .poly-line .poly-point{bottom:-0.45rem; right:-0.45rem}

.region-layer .region-pick .pick-map .tab-box.map-target08{right:50%; top:50%; margin-right:-24rem; margin-top:7.5rem}
.region-layer .region-pick .pick-map .tab-box.map-target08 .poly-line{top:-2.3rem; left:-10.8rem; width:10.8rem; height:4.1rem}
.region-layer .region-pick .pick-map .tab-box.map-target08 .poly-line svg{width:10.8rem; height:4.2rem}
.region-layer .region-pick .pick-map .tab-box.map-target08 .poly-line .poly-point{top:-0.45rem; left:-0.45rem}

.region-layer .region-pick .pick-map .tab-box.map-target09{left:50%; top:50%; margin-left:-23.5rem; margin-top:-4.2rem}
.region-layer .region-pick .pick-map .tab-box.map-target09 .poly-line{top:50%; right:-6rem; width:6rem; height:3.6rem}
.region-layer .region-pick .pick-map .tab-box.map-target09 .poly-line svg{width:6rem; height:3.6rem}
.region-layer .region-pick .pick-map .tab-box.map-target09 .poly-line .poly-point{bottom:-0.45rem; right:-0.45rem}

.region-layer .region-pick .pick-map .tab-box.map-target10{right:50%; top:50%; margin-right:-17rem; margin-top:16rem}
.region-layer .region-pick .pick-map .tab-box.map-target10 .poly-line{top:-3.6rem; left:1.5rem; width:2.5rem; height:3.7rem}
.region-layer .region-pick .pick-map .tab-box.map-target10 .poly-line svg{width:2.5rem; height:3.7rem}
.region-layer .region-pick .pick-map .tab-box.map-target10 .poly-line .poly-point{top:-0.45rem; right:-0.45rem}


.region-layer .region-pick .pick-brick{flex:1; display:flex; flex-direction:column}
.region-layer .region-pick .pick-brick .brick-top{display:flex; align-items:center; margin-bottom:3rem}
.region-layer .region-pick .pick-brick .brick-top .top-tit .tit{display:inline-flex; align-items:center}
.region-layer .region-pick .pick-brick .brick-top .top-tit .tit:before{content:'\f08e'; display:inline-flex; align-items:center; margin-right:0.8rem; color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:3.6rem; font-weight:normal}
.region-layer .region-pick .pick-brick .brick-top .top-tit .tit span{line-height:2.1rem; color:var(--krds-color-light-gray-95); font-family:FlightSans; font-size:2.1rem; font-weight:300; letter-spacing:-0.08rem}
.region-layer .region-pick .pick-brick .brick-top .top-tip{position:relative; margin-left:auto; width:26rem; height:2px; background-color:var(--krds-color-light-gray-95)}
.region-layer .region-pick .pick-brick .brick-top .top-tip:after{content:'\ea6e'; position:absolute; right:-1rem; top:-1.1rem; color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:2.5rem; font-weight:normal}
.region-layer .region-pick .pick-brick .brick-list{display:flex; flex-wrap:wrap; margin-left:-2.1rem; margin-top:-2.1rem}
.region-layer .region-pick .pick-brick .brick-list .brick-align{width:50%}
.region-layer .region-pick .pick-brick .brick-list .brick-align .tab-box{margin-left:2.1rem; margin-top:2.1rem}
.region-layer .region-pick .pick-brick .brick-list .brick-align .tab-box button{display:inline-flex; align-items:center; width:100%; height:7rem; margin:0; padding:0 2.5rem 0 2.5rem; background:var(--krds-color-light-secondary-5); border:0; border-radius:0; cursor:pointer; outline:none; box-sizing:border-box}
.region-layer .region-pick .pick-brick .brick-list .brick-align .tab-box button span{line-height:1.7rem; color:var(--krds-color-light-gray-95); font-size:1.7rem; font-weight:300; letter-spacing:-0.05rem}
.region-layer .region-pick .pick-brick .brick-list .brick-align .tab-box button:after{content:'\ea6e'; margin-left:auto; color:#d4dde5; font-family:remixicon; font-size:2.1rem; font-weight:normal}
.region-layer .region-pick .pick-brick .brick-list .brick-align .tab-box:hover button,
.region-layer .region-pick .pick-brick .brick-list .brick-align .tab-box.active button{background:var(--krds-color-light-gray-95)}
.region-layer .region-pick .pick-brick .brick-list .brick-align .tab-box:hover button span,
.region-layer .region-pick .pick-brick .brick-list .brick-align .tab-box.active button span{color:var(--krds-color-light-gray-0)}
.region-layer .region-pick .pick-brick .brick-list .brick-align .tab-box:hover button:after,
.region-layer .region-pick .pick-brick .brick-list .brick-align .tab-box.active button:after{color:var(--krds-color-light-gray-0)}

.region-layer .region-intro{display:flex; flex:none; min-width:70rem; max-width:70rem}
.region-layer .region-intro .region-tab-cont{display:none; width:100%; box-sizing:border-box}
.region-layer .region-intro .region-tab-cont.active{display:block}

.region-layer .region-intro .intro-box{display:flex; flex-direction:column; position:relative; padding-top:6rem; box-sizing:border-box}
.region-layer .region-intro .intro-box .intro-sum{display:flex; flex-direction:column}
.region-layer .region-intro .intro-box .intro-sum .sum-tit{display:flex; align-items:center}
.region-layer .region-intro .intro-box .intro-sum .sum-tit .tit{display:inline-flex; align-items:center}
.region-layer .region-intro .intro-box .intro-sum .sum-tit .tit span{line-height:3.5rem; color:var(--krds-color-light-gray-95); font-family:FlightSans; font-size:3.5rem; font-weight:300; letter-spacing:-0.08rem}
.region-layer .region-intro .intro-box .intro-sum .sum-contact{margin-top:2.5rem}
.region-layer .region-intro .intro-box .intro-sum .sum-contact li{position:relative; padding:0.8rem 0; padding-left:3rem; line-height:1.7rem; color:var(--krds-color-light-gray-60); font-size:1.7rem; font-weight:normal; letter-spacing:-0.02rem}
.region-layer .region-intro .intro-box .intro-sum .sum-contact li:before{position:absolute; left:0; top:0.8rem; color:var(--krds-color-light-gray-50); font-family:remixicon; font-size:2rem}
.region-layer .region-intro .intro-box .intro-sum .sum-contact li.address:before{content:'\ef0a'}
.region-layer .region-intro .intro-box .intro-sum .sum-contact li.tel:before{content:'\efec'}

.region-layer .region-intro .intro-box .intro-connect{display:flex; gap:0.4rem; margin-top:3.5rem}
.region-layer .region-intro .intro-box .intro-connect .connect-link{flex:1; display:flex; flex-direction:column; margin-top:auto}
.region-layer .region-intro .intro-box .intro-connect .connect-link .link-box{margin-bottom:1.2rem; padding:1rem 0; border-bottom:2px solid var(--krds-color-light-gray-95)}
.region-layer .region-intro .intro-box .intro-connect .connect-link .link-box:last-child{margin-bottom:0}
.region-layer .region-intro .intro-box .intro-connect .connect-link .link-box span{line-height:1.6rem; color:var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}
.region-layer .region-intro .intro-box .intro-connect .connect-img{flex:none; position:relative; min-width:38rem; max-width:38rem; height:22rem; background-color:#808080}
.region-layer .region-intro .intro-box .intro-connect .connect-img:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1)}
.region-layer .region-intro .intro-box .intro-connect .connect-img img{display:block; width:38rem; height:auto; display:none}

.region-layer .region-intro .intro-box .intro-cultural-group{margin-top:7rem; padding-left:3rem; border-left:2px solid #101010}
.region-layer .region-intro .intro-box .intro-cultural{display:flex; flex-direction:column}
.region-layer .region-intro .intro-box .intro-cultural .cultural-tit{display:flex; align-items:center}
.region-layer .region-intro .intro-box .intro-cultural .cultural-tit .tit{display:inline-flex; align-items:center}
.region-layer .region-intro .intro-box .intro-cultural .cultural-tit .tit span{line-height:2.1rem; color:var(--krds-color-light-gray-95); font-family:FlightSans; font-size:2.1rem; font-weight:300; letter-spacing:-0.08rem}
.region-layer .region-intro .intro-box .intro-cultural-group .intro-connect{margin-top:2rem}

.region-layer .region-foot{display:flex; align-items:center; width:100%; box-sizing:border-box}
.region-layer .region-foot .foot-r{margin-left:auto}
.region-layer .region-foot .close-btn{display:inline-flex; align-items:center; height:5.6rem; margin:0; padding:0 2.5rem 0 2.5rem; background:var(--krds-color-light-gray-95); border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.region-layer .region-foot .close-btn:before{content:'\eb99'; color:var(--krds-color-light-gray-0); font-family:remixicon; font-size:2.2rem; font-weight:normal}
.region-layer .region-foot .close-btn span{line-height:1.6rem; color:var(--krds-color-light-gray-0); font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem}

.region-overlay{display:none; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.5); z-index:1}
.region-overlay.active{display:block}


/* 누리집 안내지도, 모바일 메뉴 */
.allgnb-handle{position:absolute; right:50%; top:7.8rem; margin-right:-80rem}

.allgnb-handle .sitemap-open{display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:0.7rem; position:relative; width:5rem; height:5rem; background:none; border:0; cursor:pointer; box-sizing:border-box}
.allgnb-handle .sitemap-open:before,
.allgnb-handle .sitemap-open:after{content:''; width:3rem; height:0.3rem; background:var(--krds-color-light-gray-95); transition:all .20s ease}
.allgnb-handle .sitemap-open strong{width:2.2rem; height:0.3rem; background:var(--krds-color-light-gray-95); transition:all .20s ease}
.allgnb-handle .sitemap-open:hover:before,
.allgnb-handle .sitemap-open:hover:after{width:2.2rem}
.allgnb-handle .sitemap-open:hover strong{width:3rem}

.allgnb-handle .allgnb-open{display:none; flex-direction:column; justify-content:center; align-items:flex-end; gap:0.7rem; position:relative; width:5rem; height:5rem; background:none; border:0; cursor:pointer; box-sizing:border-box}
.allgnb-handle .allgnb-open:before,
.allgnb-handle .allgnb-open:after{content:''; width:3rem; height:0.3rem; background:var(--krds-color-light-gray-95); transition:all .20s ease}
.allgnb-handle .allgnb-open strong{width:2.2rem; height:0.3rem; background:var(--krds-color-light-gray-95); transition:all .20s ease}
.allgnb-handle .allgnb-open:hover:before,
.allgnb-handle .allgnb-open:hover:after{width:2.2rem}
.allgnb-handle .allgnb-open:hover strong{width:3rem}

.allgnb-handle .allgnb-close{display:none}


/* gnb */
#gnb{position:absolute; top:5.6rem; right:0; left:0; background-color:var(--krds-color-light-gray-0); overflow:hidden}
#gnb:before{content:''; position:absolute; top:9.3rem; left:0; right:0; height:1px; background-color:var(--krds-color-light-gray-20)}
#gnb .gnb-inner{display:flex; align-items:center; justify-content:center; position:relative; width:160rem; margin:0 auto; box-sizing:border-box}
#gnb .gnb-inner .gnb-menu{display:flex; align-items:center}
#gnb .gnb-inner .gnb-menu > li > a{display:flex; align-items:center; justify-content:center; position:relative; height:9.4rem; margin:0 4.8rem; box-sizing:border-box}
#gnb .gnb-inner .gnb-menu > li > a:before{content:''; position:absolute; left:50%; bottom:1rem; width:0; height:0.4rem; background-color:var(--krds-color-light-primary-90); transition:all .10s ease}
#gnb .gnb-inner .gnb-menu > li:last-child > a:after{display:none}
#gnb .gnb-inner .gnb-menu > li > a > span{color:var(--krds-color-light-gray-95); font-family:FlightSans; font-size:2.1rem; font-weight:300; letter-spacing:-0.08rem; transition:all .35s ease}
#gnb .gnb-inner .gnb-menu > li.active > a:before{width:100%; margin-left:-50%}

#gnb .gnb-depth{display:none; position:absolute; left:0; right:0; top:100%; padding-top:4rem; background-color:var(--krds-color-light-gray-0); box-sizing:border-box}
#gnb .gnb-depth.active{display:flex}
#gnb .gnb-depth .depth-fx{position:relative; min-width:28rem; max-width:28rem; padding-top:5rem; background-color:var(--krds-color-light-primary-90)}
#gnb .gnb-depth .depth-fx:before{content:''; position:absolute; right:100%; top:0; width:200rem; height:100%; background-color:var(--krds-color-light-primary-90)}

#gnb .gnb-depth .depth-fx .depth1-tit{display:flex; flex-direction:column}
#gnb .gnb-depth .depth-fx .depth1-tit .tit{line-height:3.9rem; color:var(--krds-color-light-gray-0); font-family:FlightSans; font-size:3.9rem; font-weight:300; letter-spacing:-0.1rem}
#gnb .gnb-depth .depth-fx .depth1-pattern{display:block; position:absolute; right:-12rem; top:-4rem; width:40rem; height:40rem; opacity:.04; transform:rotate(45deg); transform-origin:center center}

#gnb .gnb-group1 .gnb-depth .depth-fx .depth1-pattern{background:url("../img/layout/ico-gnb-fx02.svg") no-repeat 50% 50%; background-size:40rem 40rem}
#gnb .gnb-group2 .gnb-depth .depth-fx .depth1-pattern{background:url("../img/layout/ico-gnb-fx02.svg") no-repeat 50% 50%; background-size:40rem 40rem}
#gnb .gnb-group3 .gnb-depth .depth-fx .depth1-pattern{background:url("../img/layout/ico-gnb-fx02.svg") no-repeat 50% 50%; background-size:40rem 40rem}
#gnb .gnb-group4 .gnb-depth .depth-fx .depth1-pattern{background:url("../img/layout/ico-gnb-fx02.svg") no-repeat 50% 50%; background-size:40rem 40rem}

#gnb .gnb-depth .depth-menu{flex:1; min-height:25rem; padding:0 0 8rem 6rem; box-sizing:border-box}
#gnb .gnb-depth .depth-menu .depth-list{display:flex; flex-wrap:wrap; margin-left:-3rem; margin-top:-4rem}
#gnb .gnb-depth .depth-menu .depth-list .depth-align{width:25%}

#gnb .gnb-depth .depth-menu .depth-box{display:flex; flex-direction:column; margin-left:3rem; margin-top:4rem}
#gnb .gnb-depth .depth-menu .depth-box .depth2-box{display:flex; align-items:center; justify-content:center; position:relative; height:6.5rem; padding:0 2.2rem; background-color:var(--krds-color-light-secondary-5); border:1px solid var(--krds-color-light-secondary-5); overflow:hidden; box-sizing:border-box}
#gnb .gnb-depth .depth-menu .depth-box .depth2-box.blank:after{content:'\f0f4'; position:relative; top:-1px; margin-left:0.5rem;  color:#a47e4f; font-family:remixicon; font-size:1.5rem; font-weight:normal}
#gnb .gnb-depth .depth-menu .depth-box .depth2-box strong{display:inline-flex; flex-direction:column; align-items:center}
#gnb .gnb-depth .depth-menu .depth-box .depth2-box strong,
#gnb .gnb-depth .depth-menu .depth-box .depth2-box span{display:inline-flex; position:relative; line-height:1.5em; letter-spacing:-0.05rem}
#gnb .gnb-depth .depth-menu .depth-box .depth2-box strong{color:var(--krds-color-light-gray-95); font-size:1.7rem; font-weight:600}
#gnb .gnb-depth .depth-menu .depth-box .depth2-box span{color:var(--krds-color-light-gray-60); font-size:1.6rem; font-weight:normal}

#gnb .gnb-depth .depth-menu .depth3-box{display:flex; flex-direction:column; padding:2rem 1rem}
#gnb .gnb-depth .depth-menu .depth3-box a{display:flex; align-items:center; position:relative; padding:0.8rem 0; padding-left:1.2rem}
#gnb .gnb-depth .depth-menu .depth3-box a:before{content:''; position:absolute; left:0; top:1.6rem; width:0.4rem; height:0.2rem; background-color:var(--krds-color-light-gray-95)}
#gnb .gnb-depth .depth-menu .depth3-box a.blank:after{content:'\f0f4'; position:relative; top:-1px; margin-left:0.5rem;  color:#a47e4f; font-family:remixicon; font-size:1.5rem; font-weight:normal}
#gnb .gnb-depth .depth-menu .depth3-box a span{line-height:1.6rem; color: var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem}
#gnb .gnb-depth .depth-menu .depth3-box a:hover span{color:#a47e4f}

#gnb.gnb-hover:before{display:none}

.gnb-overlay{display:none; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,.5); z-index:1}
.gnb-overlay.active{display:block}


/* mobile-gnb */
.mobile-gnb-layer{display:none; position:fixed; top:0; right:0; bottom:0; left:0; background-color:var(--krds-color-light-gray-0); z-index:90}
.mobile-gnb-layer.active{display:block}
.mobile-gnb-layer .mobile-gnb-wrap{display:flex; flex-direction:column; height:100%; box-sizing:border-box}

.mobile-gnb-layer .mobile-gnb-top{display:flex; flex-direction:column; padding:0 2.4rem; background-color:var(--krds-color-light-gray-5); box-sizing:border-box}
.mobile-gnb-layer .top-sns .sns-item{display:flex; gap:2.2rem; overflow:hidden}
.mobile-gnb-layer .top-sns .sns-item a{display:flex; align-items:center; height:7rem; border-radius:0.4rem 0 0 0.4rem; box-sizing:border-box}
.mobile-gnb-layer .top-sns .sns-item a:after{font-family:remixicon; font-size:3.1rem}
.mobile-gnb-layer .top-sns .sns-item a.facebook:after{content:'\ecbc'; color:#2b66ff}
.mobile-gnb-layer .top-sns .sns-item a.twitter:after{content:'\f3e6'; color:#101010}
.mobile-gnb-layer .top-sns .sns-item a.instagram:after{content:'\ee66'; color:#101010; background:linear-gradient(120deg, #f9ce34, #f8416b, #8428c2); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.mobile-gnb-layer .top-sns .sns-item a.youtube:after{content:'\f2d4'; color:#f40633}
.mobile-gnb-layer .top-sns .sns-item a.blog:after{content:''; width:3rem; height:2.5rem; background:url('../img/layout/floating-sns-blog.png') 50% 50% no-repeat; background-size:3rem 2.5rem}

.mobile-gnb-layer .top-link{display:flex; align-items:center; justify-content:space-between; padding:2rem 0; border-top:1px solid var(--krds-color-light-gray-10)}
.mobile-gnb-layer .top-link .link-eum{display:inline-flex; align-items:center; margin:0; padding:0; border:0; cursor:pointer; box-sizing:border-box}
.mobile-gnb-layer .top-link .link-eum span{line-height:1.5em; color:var(--krds-color-light-gray-60); font-size:2.1rem; font-weight:normal; letter-spacing:-0.05rem}
.mobile-gnb-layer .top-link .link-eum:before{content:''; position:relative; top:-0.1rem; min-width:5.2rem; min-height:5.2rem; margin-right:0.5rem; background:var(--krds-color-light-gray-0) url("../img/main/quick-eum.svg") no-repeat 50% .2rem; background-size:5.2rem; border:.2rem solid #000; border-radius:50%; overflow:hidden; box-sizing:border-box}
.mobile-gnb-layer .top-link .link-eum:after{content:'\f0f4'; position:relative; top:-0.1rem; margin-left:0.5rem; color:var(--krds-color-light-gray-40); font-family:remixicon; font-size:2rem; font-weight:normal}

.mobile-gnb-layer .top-link .link-archive{display:inline-flex; align-items:center; min-width:18rem; min-height:3.6rem; margin:0; padding:0; background:url("../img/layout/ico-nrich-archive.svg") no-repeat 50% 50%; background-size:18rem 2.6rem; border:0; border-radius:0; cursor:pointer}

.mobile-gnb-layer .top-link .link-eng{display:inline-flex; align-items:center; margin:0; padding:0; background:none; border:0; border-radius:0; cursor:pointer}
.mobile-gnb-layer .top-link .link-eng span{line-height:1.5em; color:var(--krds-color-light-gray-60); font-size:2.1rem; font-weight:normal; letter-spacing:-0.05rem}
.mobile-gnb-layer .top-link .link-eng:before{content:'\edcf'; position:relative; margin-right:0.2rem; color:var(--krds-color-light-gray-60); font-family:remixicon; font-size:2.2rem; font-weight:normal}

.mobile-gnb-layer .mobile-gnb-container{flex:1; overflow:hidden; overflow-y:auto}
.mobile-gnb-layer #mobile-gnb{display:flex; flex-direction:column; padding-bottom:2rem}
.mobile-gnb-layer #mobile-gnb .mobile-gnb-box{background:#fff; overflow:hidden}
.mobile-gnb-layer #mobile-gnb .depth1-tit{display:flex; align-items:center; position:relative; width:100%; margin:0; padding:2.2rem 1.6rem; padding-right:10rem; border:0; border-bottom:2px solid var(--krds-color-light-gray-95); background:none; cursor:pointer; outline:none; box-sizing:border-box}
.mobile-gnb-layer #mobile-gnb .depth1-tit:before{content:'\ea13'; margin-right:0.5rem; color:var(--krds-color-light-gray-90); font-family:remixicon; font-size:2.2rem}
.mobile-gnb-layer #mobile-gnb .depth1-tit:after{content:'\ea4e'; display:flex; align-items:center; justify-content:center; position:absolute; right:1.5rem; top:2.2rem; width:3.6rem; height:3.6rem; color:#202020; font-family:remixicon; font-size:2.4rem; background-color:transparent; border-radius:50%; box-sizing:border-box}
.mobile-gnb-layer #mobile-gnb .depth1-tit span{position:relative; line-height:1.6em; color:var(--krds-color-light-gray-90); font-size:2.3rem; font-weight:300; text-align:left; letter-spacing:-0.05rem}
.mobile-gnb-layer #mobile-gnb .depth1-tit.active{background:var(--krds-color-light-gray-90) url('../img/common/heritage-pattern04.png') 50% 50% repeat}
.mobile-gnb-layer #mobile-gnb .depth1-tit.active:before{content:'\f1af'; color:var(--krds-color-light-gray-0)}
.mobile-gnb-layer #mobile-gnb .depth1-tit.active:after{top:2rem; color:#fff; transform:rotate(-180deg)}
.mobile-gnb-layer #mobile-gnb .depth1-tit.active span{color:var(--krds-color-light-gray-0)}

.mobile-gnb-layer #mobile-gnb .mobile-gnb-depth{display:none; position:relative; background-color:#fff; box-sizing:border-box}
.mobile-gnb-layer #mobile-gnb .depth-menu .depth-box{display:flex; flex-direction:column; position:relative; border-bottom:1px solid var(--krds-color-light-secondary-5)}
.mobile-gnb-layer #mobile-gnb .depth-menu .depth-box.active:before{content:''; position:absolute; left:0; top:2.2rem; bottom:2.2rem; width:0.3rem; background-color:#a47e4f}

.mobile-gnb-layer #mobile-gnb .depth-menu .depth2-box{display:flex; align-items:center; position:relative; padding:2.2rem 2.2rem; box-sizing:border-box}
.mobile-gnb-layer #mobile-gnb .depth-menu .depth2-box.blank:after{content:'\f0f4'; position:relative; top:-1px; margin-left:0.5rem;  color:#a47e4f; font-family:remixicon; font-size:1.7rem; font-weight:normal}
.mobile-gnb-layer #mobile-gnb .depth-menu .depth2-box span{display:inline-flex; position:relative; line-height:1.6em; color:var(--krds-color-light-gray-95); font-size:2.1rem; font-weight:normal; letter-spacing:-0.05rem}
.mobile-gnb-layer #mobile-gnb .depth-menu .depth2-box.active span{color:#a47e4f; font-weight:300}

.mobile-gnb-layer #mobile-gnb .depth-menu .depth3-box{display:flex; flex-direction:column; padding:0 2.2rem; padding-bottom:2.2rem}
.mobile-gnb-layer #mobile-gnb .depth-menu .depth3-box a{display:flex; align-items:center; position:relative; padding:0.8rem 0; padding-left:1.2rem}
.mobile-gnb-layer #mobile-gnb .depth-menu .depth3-box a:before{content:''; position:absolute; left:0; top:1.5rem; width:0.4rem; height:0.2rem; background-color:var(--krds-color-light-gray-95)}
.mobile-gnb-layer #mobile-gnb .depth-menu .depth3-box a.blank:after{content:'\f0f4'; position:relative; top:-1px; margin-left:0.5rem; color:#a47e4f; font-family:remixicon; font-size:1.7rem; font-weight:normal}
.mobile-gnb-layer #mobile-gnb .depth-menu .depth3-box a span{line-height:1.6rem; color: var(--krds-color-light-gray-95); font-size:1.9rem; font-weight:normal; letter-spacing:-0.02rem}
.mobile-gnb-layer #mobile-gnb .depth-menu .depth3-box a.active span{color:#a47e4f; font-weight:300}


.mobile-gnb-layer .mobile-gnb-close{display:flex; align-items:center; justify-content:center; position:absolute; top:0; right:0; width:7rem; height:7rem; margin:0; padding:0; background-color:transparent; border:0; cursor:pointer; box-sizing:border-box}
.mobile-gnb-layer .mobile-gnb-close .more-ico{position:relative; width:100%; height:100%; transform: rotate(225deg)}
.mobile-gnb-layer .mobile-gnb-close .more-ico:before,
.mobile-gnb-layer .mobile-gnb-close .more-ico:after{content:''; position:absolute; left:50%; top:50%; background-color:var(--krds-color-light-gray-95); transition: all .35s ease}
.mobile-gnb-layer .mobile-gnb-close .more-ico:before{width:2.4rem; height:0.2rem; margin-left:-1.2rem; margin-top:-0.1rem}
.mobile-gnb-layer .mobile-gnb-close .more-ico:after{width:0.2rem; height:2.4rem; margin-left:-0.1rem; margin-top:-1.2rem}





/* **************************************** *
 * container
 * **************************************** */
#nrich-mcontainer{flex:1; padding-top:15rem; box-sizing:border-box}
#nrich-mcontainer .page-content{padding:3.5rem 0 12rem}

#nrich-container{flex:1; padding-top:15rem; box-sizing:border-box}
#nrich-container .page-content{position:relative; width:160rem; /* min-height:40rem;*/ margin:0 auto; padding:6rem 0 12rem; box-sizing:border-box}
#nrich-container .dev-content{padding:5rem 5rem 0 5rem}



/* **************************************** *
 * current-top
 * **************************************** */
.current-top{display:flex; align-items:center; min-height:7.7rem; border-bottom:0.3rem solid var(--krds-color-light-gray-95); box-sizing:border-box}
.current-top .current-tit .tit{color:var(--krds-color-light-gray-95); font-family:'FlightSans','PretendardGOV'; font-size:3.9rem; font-weight:300; letter-spacing:-0.08rem}
.current-top .current-util{display:flex; align-items:center; margin-left:auto; box-sizing:border-box}

/* breadclumb */
.breadclumb{display:flex; align-items:center; box-sizing:border-box}
.breadclumb .home{position:relative; top:-1px; box-sizing:border-box}
.breadclumb .home:after{content:"\ee1a"; font-family:"remixicon"; color:var(--krds-color-light-gray-60); font-size:1.8rem}
.breadclumb ul{display:flex; align-items:center}
.breadclumb ul li .depth{display:inline-flex; position:relative; margin-left:1.5rem; padding-left:1.7rem; line-height:135%; color:var(--krds-color-light-gray-60); letter-spacing:-0.02rem; font-size:1.6rem; font-weight:normal; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.breadclumb ul li .depth:after{content:"\ea6e"; position:absolute; left:-0.8rem; top:0; color:#808080; font-family:"remixicon"; font-size:1.8rem}
.breadclumb ul li a.depth:hover{color:var(--krds-color-light-gray-95)}
.breadclumb ul li:last-child .depth{color:var(--krds-color-light-gray-95); font-weight:300; text-decoration:underline; text-underline-offset:0.4rem}

/* action-tool */
.action-tool{display:flex; align-items:center; gap:1rem; position:relative; margin-left:4rem}
.action-tool .tool-share{position:relative}
.action-tool .tool-share > button,
.action-tool .tool-print > button{display:flex; align-items:center; justify-content:center; width:4.6rem; height:4.6rem; margin:0; padding:0; background:transparent; border:0; border-radius:50%; cursor:pointer; box-sizing:border-box}
.action-tool .tool-share > button.active,
.action-tool .tool-share > button:hover,
.action-tool .tool-print > button.active,
.action-tool .tool-print > button:hover{background-color:var(--krds-color-light-gray-5)}
.action-tool .tool-share > button:before,
.action-tool .tool-print > button:before{color:var(--krds-color-light-gray-95); font-family:"remixicon"; font-size:2.8rem}
.action-tool .tool-share > button:before{content:"\f0fe"; position:relative; left:-0.1rem}
.action-tool .tool-print > button:before{content:"\f029"}

.action-tool .share-layer{display:none; position:absolute; top:100%; left:50%; min-width:21rem; min-height:8rem; margin-top:0.8rem; padding:2rem; padding-right:4rem; background-color:var(--krds-color-light-gray-0); border:1px solid var(--krds-color-light-gray-95); border-radius:0.8rem; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); transform:translateX(-50%); z-index:1; box-sizing:border-box}
.action-tool .share-layer.active{display:block}
.action-tool .share-layer .layer-tip-arrow{position:absolute; left:50%; margin-left:-0.6rem; top:-0.6rem; width:0; height:0; border-top:0.6rem solid none; border-bottom:0.6rem solid var(--krds-color-light-gray-95); border-right:0.6rem solid transparent; border-left:0.6rem solid  transparent}
.action-tool .share-layer .layer-tip-arrow:before{content:''; position:absolute; left:-0.5rem; top:0.1rem; width:0; height:0; border-top:0.5rem solid none; border-bottom:0.5rem solid var(--krds-color-light-gray-0); border-right:0.5rem solid transparent; border-left:0.5rem solid  transparent}

.action-tool .share-layer .share-sns{display:flex; flex-wrap:wrap; gap:1rem}
.action-tool .share-layer .share-sns a{display:flex; align-items:center; justify-content:center; min-width:3.8rem; height:3.8rem; background-color:var(--krds-color-light-gray-5); border-radius:50%; box-sizing:border-box}
.action-tool .share-layer .share-sns a span{line-height:1.6rem; color:var(--krds-color-light-gray-0); font-family:Poppins; font-size:1.4rem; font-weight:300; letter-spacing:-0.02rem}
.action-tool .share-layer .share-sns a:after{color:var(--krds-color-light-gray-0); font-family:remixicon; font-size:2.2rem}
.action-tool .share-layer .share-sns a.facebook{background-color:#2b66ff}
.action-tool .share-layer .share-sns a.facebook:after{content:'\ecbd'}
.action-tool .share-layer .share-sns a.twitter{background-color:#101010}
.action-tool .share-layer .share-sns a.twitter:after{content:'\f3e6'}
.action-tool .share-layer .share-sns a.url{background-color:#9c794f}

.action-tool .share-layer .share-close{display:inline-flex; align-items:center; position:absolute; right:1.9rem; top:1.9rem; margin:0; padding:0; background-color:transparent; border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.action-tool .share-layer .share-close:after{content:"\f4c8"; margin:0; padding:0; color:var(--krds-color-light-gray-95); font-family:"remixicon"; font-size:1.5rem}


/* **************************************** *
 * nrich-footer
 * **************************************** */
.footer-relate{border-top:1px solid var(--krds-color-light-gray-20); border-bottom:1px solid var(--krds-color-light-gray-20); box-sizing:border-box}
.footer-relate .relate-inner{position:relative; width:160rem; margin:0 auto}
.footer-relate .relate-list{display:flex}
.footer-relate .relate-box{position:relative; min-width:24rem}
.footer-relate .relate-box.etc{position:static}
.footer-relate .relate-box .toggle-btn{display:flex; align-items:center; width:100%; height:5.4rem; margin:0; padding:0 2.5rem; background-color:transparent; border:0; border-right:1px solid var(--krds-color-light-gray-20); border-radius:0; cursor:pointer; outline:none; box-sizing:border-box}
.footer-relate .relate-box .toggle-btn .btn-txt{line-height:1.6rem; color:var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}
.footer-relate .relate-box .toggle-btn .btn-ico{display:inline-flex; position:relative; width:1.4rem; height:1.4rem; margin-left:auto}
.footer-relate .relate-box .toggle-btn .btn-ico:before,
.footer-relate .relate-box .toggle-btn .btn-ico:after{content:''; position:absolute; background-color:var(--krds-color-light-gray-60)}
.footer-relate .relate-box .toggle-btn .btn-ico:before{width:100%; height:2px; top:50%; margin-top:-1px}
.footer-relate .relate-box .toggle-btn .btn-ico:after{width:2px; height:100%; left:50%; margin-left:-1px}
.footer-relate .relate-box .toggle-btn.active .btn-ico:after{display:none}
.footer-relate .relate-box:first-child .toggle-btn{border-left:1px solid var(--krds-color-light-gray-20)}

.footer-relate .relate-connect-layer{display:none; position:absolute; bottom:-1px; left:0; right:0; padding:3.5rem 2.5rem; background-color:var(--krds-color-light-gray-95); border:1px solid var(--krds-color-light-gray-95); overflow:hidden; overflow-y:auto; z-index:9; box-sizing:border-box}
.footer-relate .relate-connect-layer.active{display:block}
.footer-relate .relate-connect-layer .relate-top{margin-bottom:3rem}
.footer-relate .relate-connect-layer .relate-top .top-tit{color:var(--krds-color-light-gray-0); line-height:1.9rem; font-size:1.9rem; font-weight:300; letter-spacing:-0.02rem}
.footer-relate .relate-connect-layer .relate-option{display:flex; flex-direction:column; gap:1.4rem}
.footer-relate .relate-connect-layer .relate-option .option-btn{display:flex; align-items:center; position:relative; margin:0; padding:0; background-color:transparent; border:0; cursor:pointer; box-sizing:border-box}
.footer-relate .relate-connect-layer .relate-option .option-btn span{line-height:1.7rem; color:var(--krds-color-light-gray-20); font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; white-space:nowrap}
.footer-relate .relate-connect-layer .relate-option .option-btn.blank:after{content:'\f0f4'; position:relative; top:-1px; margin-left:0.5rem;  color:var(--krds-color-light-gray-20); font-family:remixicon; font-size:1.4rem; font-weight:normal}
.footer-relate .relate-connect-layer .relate-option .option-btn:hover span{color:var(--krds-color-light-gray-0)}
.footer-relate .relate-connect-layer .relate-option .option-btn:before{content:''; position:absolute; right:100%; top:0.7rem; width:0; height:0.2rem; margin-right:0.5rem; background-color:var(--krds-color-light-gray-0)}
.footer-relate .relate-connect-layer .relate-option .option-btn:hover:before{width:1rem}
.footer-relate .relate-connect-layer .relate-close{display:inline-flex; align-items:center; position:absolute; right:1.9rem; top:1.9rem; margin:0; padding:0; background-color:transparent; border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.footer-relate .relate-connect-layer .relate-close:after{content:"\f4c8"; margin:0; padding:0; color:var(--krds-color-light-gray-0); font-family:"remixicon"; font-size:1.5rem}

.footer-relate .relate-banner-layer{display:none; position:absolute; bottom:7.6rem; left:0; right:0; padding:3.5rem 3.5rem; background-color:var(--krds-color-light-gray-0); border:1px solid var(--krds-color-light-gray-95); border-radius:0.8rem; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); z-index:9; box-sizing:border-box}
.footer-relate .relate-banner-layer.active{display:block}
.footer-relate .relate-banner-layer .relate-top{margin-bottom:3rem}
.footer-relate .relate-banner-layer .relate-top .top-tit{color:var(--krds-color-light-gray-95); line-height:2.5rem; font-family:FlightSans; font-size:2.5rem; font-weight:300; letter-spacing:-0.05rem}
.footer-relate .relate-banner-layer .relate-option{max-height:37.2rem; overflow-y:auto; overflow-x:hidden; scrollbar-gutter:stable; scrollbar-width:thin}
.footer-relate .relate-banner-layer .relate-option .option-container{display:flex; flex-wrap:wrap; margin-left:-2rem; margin-top:-2rem}
.footer-relate .relate-banner-layer .relate-option .option-align{width:16.66666%}
.footer-relate .relate-banner-layer .relate-option .option-btn{display:flex; align-items:center; justify-content:center; height:7.8rem; margin-left:2rem; margin-top:2rem; border:1px solid #e6e8ea}
.footer-relate .relate-banner-layer .relate-option .option-btn img{max-height:6.4rem}
.footer-relate .relate-banner-layer .relate-close{display:inline-flex; align-items:center; position:absolute; right:2.5rem; top:3.7rem; margin:0; padding:0; background-color:transparent; border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.footer-relate .relate-banner-layer .relate-close:after{content:"\f4c8"; margin:0; padding:0; color:var(--krds-color-light-gray-95); font-family:"remixicon"; font-size:2.5rem}

.footer-info{background-color:var(--krds-color-light-gray-5)}
.footer-info .info-inner{width:160rem; margin:0 auto; padding:5rem 0 8rem}
.footer-info .info-gov{display:flex; padding-bottom:5rem}
.footer-info .info-gov .gov-address{display:flex; flex-direction:column}
.footer-info .info-gov .gov-address .logo{position:relative; width:34.9rem; height:6.1rem; background:url('../img/layout/logo-footer.svg') 50% 50% no-repeat; background-size:34.9rem 6.1rem}
.footer-info .info-gov .gov-address .logo.nrich-gj{width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-gj/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
.footer-info .info-gov .gov-address .logo.nrich-by{width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-by/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
.footer-info .info-gov .gov-address .logo.nrich-gy{width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-gy/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
.footer-info .info-gov .gov-address .logo.nrich-nj{width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-nj/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
.footer-info .info-gov .gov-address .logo.nrich-jw{width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-jw/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
.footer-info .info-gov .gov-address .logo.nrich-so{width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-so/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
.footer-info .info-gov .gov-address .logo.nrich-wj{width:31.6rem; height:5.8rem; background:url("../img/layout/nrich-wj/logo-top.svg") no-repeat 50% 50%; background-size:31.6rem 5.8rem}
.footer-info .info-gov .gov-address .logo.nrich-cv{width:29.4rem; height:5.8rem; background:url("../img/layout/nrich-cv/logo-top.svg") no-repeat 50% 50%; background-size:29.4rem 5.8rem}

.footer-info .info-gov .gov-address .address{display:flex; flex-direction:column; gap:1.5rem; margin-top:3rem}
.footer-info .info-gov .gov-address .address p,
.footer-info .info-gov .gov-address .address p .tit{line-height:1.4em; color:var(--krds-color-light-gray-95); font-size:1.7rem; font-weight:normal; letter-spacing:-0.05rem}
.footer-info .info-gov .gov-address .address p .tit{font-weight:300}

.footer-info .info-gov .gov-address .desk{display:flex; align-items:center; gap:2rem; margin-top:1.2rem}
.footer-info .info-gov .gov-address .desk .desk-item{display:flex; align-items:center; gap:0.8rem}
.footer-info .info-gov .gov-address .desk .desk-item span{line-height:1.7rem; color:var(--krds-color-light-gray-95); font-size:1.7rem; font-weight:normal; letter-spacing:-0.05rem}

.footer-info .info-gov .gov-link{display:flex; flex-direction:column; min-width:30rem; margin-left:auto}
.footer-info .info-gov .gov-link .link-connect{display:flex; flex-direction:column; align-items:flex-start; gap:1.2rem}
.footer-info .info-gov .gov-link .link-connect a{display:flex; align-items:center; min-width:11rem; line-height:1.7rem; color:var(--krds-color-light-gray-95); font-size:1.7rem; font-weight:normal; letter-spacing:-0.05rem}
.footer-info .info-gov .gov-link .link-connect a:after{content:'\ea6e'; margin-left:auto; color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:1.7rem}

.footer-info .info-gov .gov-link .link-sns{display:flex; align-items:center; gap:0.8rem; margin-top:auto}
.footer-info .info-gov .gov-link .link-sns a{display:flex; align-items:center; justify-content:center; min-width:3.8rem; height:3.8rem; background-color:var(--krds-color-light-gray-0); border:1px solid var(--krds-color-light-gray-20); border-radius:50%; transition:all .35s ease; box-sizing:border-box}
.footer-info .info-gov .gov-link .link-sns a:after{color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:2.2rem}
.footer-info .info-gov .gov-link .link-sns a.facebook:after{content:'\ecbc'}
.footer-info .info-gov .gov-link .link-sns a.twitter:after{content:'\f3e6'}
.footer-info .info-gov .gov-link .link-sns a.instagram:after{content:'\ee66'}
.footer-info .info-gov .gov-link .link-sns a.youtube:after{content:'\f2d4'}
.footer-info .info-gov .gov-link .link-sns a.blog:after{content:''; position:relative; top:0.2rem; width:2.6rem; height:2.3rem; background:url('../img/layout/sns-blog.png') 50% 50% no-repeat; background-size:2.6rem 2.3rem}
.footer-info .info-gov .gov-link .link-sns a:hover{border:1px solid var(--krds-color-light-gray-95)}

.footer-info .info-local{display:flex; align-items:center; padding-top:2.5rem; border-top:1px solid var(--krds-color-light-gray-20)}
.footer-info .info-local .fnb{display:flex; align-items:center; gap:2rem}
.footer-info .info-local .fnb > a{position:relative; line-height:1.5rem; color:var(--krds-color-light-gray-95); font-size:1.5rem; font-weight:normal; letter-spacing:-0.02rem}
.footer-info .info-local .fnb > a.privacy{color:#a47e4f; font-weight:300; text-decoration:underline; text-underline-offset:0.4rem}
.footer-info .info-local .copyright{margin-left:auto; line-height:2.2rem; color:#808080; font-family:Poppins; font-size:1.5rem; font-weight:normal; letter-spacing:normal}


/* **************************************** *
 * floating-side
 * **************************************** */
.floating-side{position:fixed; top:22.4rem; right:0; width:8rem; z-index:1}
.floating-side .side-sns{display:flex; flex-direction:column; gap:0.1rem; overflow:hidden}
.floating-side .side-sns a{display:flex; align-items:center; justify-content:center; height:7rem; border-radius:0.4rem 0 0 0.4rem; box-sizing:border-box}
.floating-side .side-sns a:after{font-family:remixicon; font-size:3.1rem}
.floating-side .side-sns a:hover:after{color:var(--krds-color-light-gray-0) !important}
.floating-side .side-sns a.facebook:after{content:'\ecbc'; color:#2b66ff}
.floating-side .side-sns a.twitter:after{content:'\f3e6'; color:#101010}
.floating-side .side-sns a.instagram:after{content:'\ee66'; color:#101010; background:linear-gradient(120deg, #f9ce34, #f8416b, #8428c2); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.floating-side .side-sns a.youtube:after{content:'\f2d4'; color:#f40633}
.floating-side .side-sns a.blog:after{content:''; width:3rem; height:2.5rem; background:url('../img/layout/floating-sns-blog.png') 50% 50% no-repeat; background-size:3rem 2.5rem}

.floating-side .side-sns a.facebook:hover{background:#2b66ff}
.floating-side .side-sns a.twitter:hover{background:#101010}
.floating-side .side-sns a.instagram:hover{background:linear-gradient(120deg,#f9ce34, #f8416b, #8428c2)}
.floating-side .side-sns a.instagram:hover:after{background:linear-gradient(120deg, #fff, #fff, #fff); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.floating-side .side-sns a.youtube:hover{background:#f40333}
.floating-side .side-sns a.blog:hover{background:#3cc73b}
.floating-side .side-sns a.blog:hover:after{background:url('../img/layout/floating-sns-blog-ov.png') 50% 50% no-repeat; background-size:3rem 2.5rem}

.floating-side .side-top{margin-top:2rem}
.floating-side .side-top .top-btn{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.5rem; width:6.5rem; height:6.5rem; margin:0 auto; padding:0; background-color:var(--krds-color-light-gray-0); border:0; border-radius:50%; opacity:0; cursor:pointer; transition:all .35s ease; box-sizing:border-box}
.floating-side .side-top .top-btn.active{opacity:1}
.floating-side .side-top .top-btn:before{content:'\f5e0'; color:var(--krds-color-light-gray-95); font-family:remixicon; font-size:1.1em}
.floating-side .side-top .top-btn span{line-height:1.5rem; color:var(--krds-color-light-gray-95); font-family:Poppins; font-size:1.5rem; font-weight:300; letter-spacing:0.1rem}



/* **************************************** *
 * floating-side
 * **************************************** */
.sitemap-layer{display:none; position:absolute; top:0; left:0; right:0; height:100vh; background:#eef2f7 url(../img/common/heritage-pattern01.png) 50% 50% repeat; overflow:auto; z-index:10}
.sitemap-layer.active{display:block}

.sitemap-layer .sitemap-wrap{display:flex; flex-direction:column; position:relative; width:160rem; margin:0 auto; padding-top:8rem; padding-bottom:8rem; box-sizing:border-box}

.sitemap-layer .sitemap-top{display:flex; align-items:center; margin-bottom:8rem; box-sizing:border-box}
.sitemap-layer .sitemap-top .top-tit{display:flex; flex-direction:column; align-items:flex-end; gap:1.2rem; min-width:40rem; max-width:40rem; padding-right:5rem}
.sitemap-layer .sitemap-top .top-tit .tit{line-height:1.2em; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:2.2rem; font-weight:300; letter-spacing:-0.1rem}
.sitemap-layer .sitemap-top .top-tit .tit.region{font-weight:normal}
.sitemap-layer .sitemap-top .top-tit .tit.nuri{display:inline-flex; align-items:center; gap:0.4rem; font-size:3.5rem}
.sitemap-layer .sitemap-top .top-tit .tit.nuri:before{content:'\f3d1'; position:relative; margin-left:0.5rem;  color:var(--krds-color-light-gray-90); font-family:remixicon; font-size:3.9rem}

.sitemap-layer .sitemap-depth .depth-group{display:flex}
.sitemap-layer .sitemap-depth .depth-fx{display:flex; justify-content:flex-end; position:relative; min-width:40rem; max-width:40rem; padding-right:5rem; padding-top:0.2rem}
.sitemap-layer .sitemap-depth .depth-fx .depth1-tit{display:flex; flex-direction:column; width:fit-content; height:fit-content}
.sitemap-layer .sitemap-depth .depth-fx .depth1-tit .tit{line-height:3.9rem; color:var(--krds-color-light-gray-90); font-family:FlightSans; font-size:4.5rem; font-weight:300; letter-spacing:-0.15rem}

.sitemap-layer .sitemap-depth .depth-container{flex:1; padding:4rem 0; border-top:2px solid var(--krds-color-light-gray-95)}
.sitemap-layer .sitemap-depth .depth-container .container-inner{display:flex; flex-wrap:wrap; margin-left:-3rem; margin-top:-4rem}
.sitemap-layer .sitemap-depth .depth-align{width:20%}
.sitemap-layer .sitemap-depth .depth-box{display:flex; flex-direction:column; margin-left:3rem; margin-top:4rem}
.sitemap-layer .sitemap-depth .depth-box .depth2-box{display:flex; align-items:center; justify-content:center; position:relative; height:6.5rem; padding:0 2.2rem; background-color:var(--krds-color-light-gray-0); border:1px solid var(--krds-color-light-secondary-5); overflow:hidden; box-sizing:border-box}
.sitemap-layer .sitemap-depth .depth-box .depth2-box.blank:after{content:'\f0f4'; position:relative; top:-1px; margin-left:0.5rem;  color:#a47e4f; font-family:remixicon; font-size:1.5rem; font-weight:normal}
.sitemap-layer .sitemap-depth .depth-box .depth2-box strong,
.sitemap-layer .sitemap-depth .depth-box .depth2-box span{display:inline-flex; position:relative; line-height:1.5em; letter-spacing:-0.05rem}
.sitemap-layer .sitemap-depth .depth-box .depth2-box strong{color:var(--krds-color-light-gray-95); font-size:1.7rem; font-weight:600; letter-spacing:-0.05rem}
.sitemap-layer .sitemap-depth .depth-box .depth2-box:hover strong{text-decoration:underline; text-underline-offset:0.6rem}

.sitemap-layer .sitemap-depth .depth-box .depth3-box{display:flex; flex-direction:column; padding:2rem 1rem}
.sitemap-layer .sitemap-depth .depth-box .depth3-box a{display:flex; align-items:center; position:relative; padding:0.8rem 0; padding-left:1.2rem}
.sitemap-layer .sitemap-depth .depth-box .depth3-box a:before{content:''; position:absolute; left:0; top:1.6rem; width:0.4rem; height:0.2rem; background-color:var(--krds-color-light-gray-95)}
.sitemap-layer .sitemap-depth .depth-box .depth3-box a.blank:after{content:'\f0f4'; position:relative; top:-1px; margin-left:0.5rem;  color:#a47e4f; font-family:remixicon; font-size:1.5rem; font-weight:normal}
.sitemap-layer .sitemap-depth .depth-box .depth3-box a span{line-height:1.6rem; color: var(--krds-color-light-gray-95); font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem}
.sitemap-layer .sitemap-depth .depth-box .depth3-box a:hover span{color:#a47e4f; text-decoration:underline; text-underline-offset:0.4rem}

.sitemap-layer .sitemap-close{display:flex; align-items:center; justify-content:center; position:absolute; top:8.8rem; right:0; width:6.4rem; height:6.4rem; margin:0; padding:0; background-color:var(--krds-color-light-gray-0); border:2px solid var(--krds-color-light-gray-95); cursor:pointer; box-sizing:border-box}
.sitemap-layer .sitemap-close:before{content:''; position:absolute; bottom:0; left:0; right:0; height:0; background-color:var(--krds-color-light-gray-95); transition: all .15s ease}
.sitemap-layer .sitemap-close .more-ico{position:relative; width:100%; height:100%; transform: rotate(225deg)}
.sitemap-layer .sitemap-close .more-ico:before,
.sitemap-layer .sitemap-close .more-ico:after{content:''; position:absolute; left:50%; top:50%; background-color:var(--krds-color-light-gray-95); transition: all .35s ease}
.sitemap-layer .sitemap-close .more-ico:before{width:2.4rem; height:0.2rem; margin-left:-1.2rem; margin-top:-0.1rem}
.sitemap-layer .sitemap-close .more-ico:after{width:0.2rem; height:2.4rem; margin-left:-0.1rem; margin-top:-1.2rem}
.sitemap-layer .sitemap-close:hover:before,
.sitemap-layer .sitemap-close.active:before{bottom:0; height:100%}
.sitemap-layer .sitemap-close:hover .more-ico:before,
.sitemap-layer .sitemap-close:active .more-ico:before,
.sitemap-layer .sitemap-close:hover .more-ico:after,
.sitemap-layer .sitemap-close:active .more-ico:after{background-color:var(--krds-color-light-gray-0)}