@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:-4rem}
body.header-change #nrich-mcontainer{padding-top:10rem}
body.header-change #nrich-container{padding-top:10rem}
body.index #gnb:before{display:none}
body.index .footer-banner{display:block}
body.sitemap-open{overflow:hidden}
body.mobile-gnb-open{overflow:hidden}

/* **************************************** *
 * nrich-header
 * **************************************** */
#nrich-header{position:absolute; top:0; left:0; right:0; height:14rem; 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; position:relative; width:160rem; height:4rem; margin:0 auto; box-sizing:border-box}
#nrich-header .header-coe .bom-inner{display:flex; align-items:center; width:160rem; height:10rem; margin:0 auto; box-sizing:border-box}

/* 화면크기, 언어 */
.global-util{display:flex; align-items:center; gap:2.2rem; position:absolute; right:7rem; top:7.5rem; z-index:1}
.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:300; 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}

/* 로고 */
#nrich-header #logo{display:inline-flex; align-items:center; z-index:9}
#nrich-header #logo a{display:block; width:31rem; height:5.5rem; background:url("../img/layout/logo-top.png") no-repeat 50% 50%; background-size:31rem 5.5rem}

/* 누리집 안내지도, 모바일 메뉴 */
.allgnb-handle{position:absolute; right:50%; top:6.4rem; 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:4rem; right:0; left:0; background-color:var(--krds-color-light-gray-0); overflow:hidden}
#gnb:before{content:''; position:absolute; top:9.9rem; 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:10rem; 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-size:2.1rem; font-weight:600; 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-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; max-height:55rem; padding:0 0 8rem 6rem; overflow-y:auto; scrollbar-gutter:stable; scrollbar-width:thin; box-sizing:border-box}
#gnb .gnb-depth .depth-menu .depth-list{display:flex; flex-wrap:wrap; margin-left:-3.5rem; margin-top:-4rem}
#gnb .gnb-depth .depth-menu .depth-list .depth-align{width:25%}
#gnb .gnb-inner .gnb-menu > li.gnb-group1 .gnb-depth .depth-menu .depth-list .depth-align,
#gnb .gnb-inner .gnb-menu > li.gnb-group2 .gnb-depth .depth-menu .depth-list .depth-align,
#gnb .gnb-inner .gnb-menu > li.gnb-group3 .gnb-depth .depth-menu .depth-list .depth-align{width:50%}
#gnb .gnb-inner .gnb-menu > li.gnb-group4 .gnb-depth .depth-menu .depth-list .depth-align{width:33.333333%}

#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,
#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; letter-spacing:-0.05rem}

#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.8rem; 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:2.2rem; color: var(--krds-color-light-gray-95); font-size:1.5rem; 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-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:6rem; 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.02rem}
.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; 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:0.8rem; 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:300; letter-spacing:-0.02rem}
.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; 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:2.1rem; width:0.6rem; 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:0.5rem; 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.5em; color: var(--krds-color-light-gray-70); 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:14rem; box-sizing:border-box}
#nrich-mcontainer .page-content{padding:4rem 0 12rem}
#nrich-mcontainer .dev-content{}

#nrich-container{flex:1; padding-top:14rem; 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; flex-direction:column; min-height:7.7rem; padding-bottom:1.2rem; border-bottom:0.3rem solid var(--krds-color-light-gray-95)}
.current-top .current-tit{max-width:80%; margin-bottom:2rem}
.current-top .current-tit .tit{line-height:5.1rem; color:var(--krds-color-light-gray-95); font-size:3.9rem; font-weight:300; letter-spacing:-0.08rem}
.current-top .current-util{display:flex; align-items:center}

/* breadclumb */
.breadclumb{display:flex; align-items:center; margin-right:2rem; 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:-webkit-box; 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; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical}.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:auto}
.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%); 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-banner{display:none; position:relative; border-top:1px solid var(--krds-color-light-gray-10); box-sizing:border-box}
.footer-banner .banner-inner{width:160rem; margin:0 auto}
.footer-banner .banner-container{display:flex; align-items:center; flex-wrap:wrap}
.footer-banner .banner-item{display:flex; align-items:center; justify-content:center; position:relative; width:25%; height:9.2rem}
.footer-banner .banner-item img{width:30rem; max-width:100%}
.footer-banner .banner-item:after{content:''; position:absolute; right:0; top:50%; width:1px; height:62px; margin-top:-31px; background-color:var(--krds-color-light-gray-10)}
.footer-banner .banner-item:last-child:after{display:none}

.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:31rem; height:5.5rem; background:url('../img/layout/logo-footer.png') 50% 50% no-repeat; background-size:31rem 5.5rem}
.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 .copyright{line-height:1.5rem; 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}


/* **************************************** *
 * sitemap-layer
 * **************************************** */
.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}

.sitemap-layer .sitemap-top{display:flex; align-items:center; margin-bottom:8rem; padding-right:10rem; box-sizing:border-box}
.sitemap-layer .sitemap-top .top-tit{display:flex; flex-direction:column; gap:1.2rem}
.sitemap-layer .sitemap-top .top-tit .tit{line-height:1.2em; color:var(--krds-color-light-gray-90); 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; flex-direction:column}
.sitemap-layer .sitemap-depth .depth-fx{display:flex; position:relative; margin-bottom:4rem}
.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-size:4.5rem; font-weight:300; letter-spacing:-0.15rem}

.sitemap-layer .sitemap-depth .depth-container{flex:1; padding:6rem 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:-1rem; margin-top:-4rem}
.sitemap-layer .sitemap-depth .depth-align{width:33.333333333%}
.sitemap-layer .sitemap-depth .depth-box{display:flex; flex-direction:column; margin-left:1rem; 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:2rem; 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.5em; 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)}