@charset "UTF-8";
body{
    background:#000000;
    -webkit-text-size-adjust:none
}
body,div,dl,dt,dd,ul,ol,img,span,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,label,button,textarea,blockquote,th,td,p,a,article,aside,hgroup,header,footer,figure,figcaption,nav,section,time,mark,canvas,video,audio,details,summary,option{
    font-family:"NotoSans Regular","맑은 고딕","Malgun Gothic","돋움","dotum","Apple SD Gothic Neo","Arial","Tahoma",sans-serif;
    font-size:16px;
    color:#FFD700;
    line-height:1.6
}
html{
    box-sizing:border-box
}
*,*:before,*:after{
    box-sizing:inherit
}
.clearfix:after{
    content:"";
    display:table;
    clear:both
}
input{
    -webkit-appearance:none;
    border-radius:0;
    border:0
}
input::-ms-clear,input::-ms-reveal{
    display:none;
    width:0;
    height:0
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input::placeholder{
    opacity:.75;
    color:#FFD700
}
input::-webkit-input-placeholder{
    opacity:.75;
    color:#FFD700
}
input:-ms-input-placeholder{
    opacity:.75;
    color:#FFD700
}
textarea::placeholder{
    color:#FFD700
}
textarea::-webkit-input-placeholder{
    color:#FFD700
}
textarea:-ms-input-placeholder{
    color:#FFD700
}
#wrap{
    position:relative;
    overflow:hidden;
    min-width:1280px;
    margin:0 auto;
    padding-left:260px
}
#container{
    min-height:calc(100vh - 90px)
}
#contents{
    position:relative;
    width:968px;
    margin:0 auto;
    padding-top:72px
}
#contents.main{
    width:100%;
    min-height:calc(100vh - 90px);
    padding-top:112px
}
#contents.search{
    padding-top:153px;
    padding-bottom:130px
}
#contents.update{
    padding-top:153px;
    padding-bottom:130px
}
#contents.view{
    padding-top:132px;
    width:100%
}
.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:72px;
    z-index:1001;
    background:#000000
}
.header__btn-search{
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:72px;
    height:72px;
    background:transparent;
    cursor:pointer;
    overflow:hidden;
    text-indent:-1000em;
    font-size:0
}
.header__btn-search::before{
    content:'';
    position:absolute;
    top:25px;
    right:23px;
    width:22px;
    height:22px;
    background:url("../images/common/btn_search.png") no-repeat;
    background-size:cover
}
.header__search{
    position:fixed;
    top:0;
    left:260px;
    right:0;
    display:none;
    height:72px;
    z-index:1002;
    background:#000000
}
.header__search.open{
    display:block
}
.header__btn-close{
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:64px;
    height:72px;
    background:transparent;
    cursor:pointer;
    overflow:hidden;
    text-indent:-1000em;
    font-size:0
}
.header__btn-close::before{
    content:'';
    position:absolute;
    top:26px;
    right:24px;
    width:21px;
    height:21px;
    background:url("../images/common/btn_close01.png") no-repeat 50%;
    background-size:cover
}
.search-form{
    display:-webkit-flex;
    display:flex;
    width:968px;
    margin:0 auto;
    padding-top:15px
}
.search-form::after{
    content:'';
    position:absolute;
    top:28px;
    right:65px;
    width:1px;
    height:16px;
    background:#000000
}
.search-form__inp{
    display:block;
    -webkit-flex:1;
    flex:1;
    width:100%;
    height:40px;
    margin:0 auto;
    background:transparent;
    margin-left:0;
    color:#FFD700;
    font-size:18px;
    font-weight:700;
    line-height:40px
}
.search-form__btn{
    position:absolute;
    top:0;
    right:67px;
    display:block;
    width:64px;
    height:72px;
    margin-left:10px;
    background:transparent;
    cursor:pointer;
    overflow:hidden;
    text-indent:-1000em;
    font-size:0
}
.search-form__btn::before{
    content:'';
    position:absolute;
    top:25px;
    right:18px;
    width:22px;
    height:22px;
    background:url("../images/common/btn_search.png") no-repeat;
    background-size:cover
}
.logo{
    padding-left:23px;
    overflow:hidden;
    height:100%
}
.logo__link{
    float:left;
    height:100%
}
.logo__img{
    max-height:100%;
    height:auto
}
.logo__text{
    margin-left:13px;
    font-size:20px;
    color:#FFD700;
    line-height:72px
}
.gnb{
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    width:267px;
    min-height:100vh;
    border-right:1px solid #000000;
    background:#000000
}
.gnb__inner{
    margin-top:96px;
    padding-bottom:10px;
    position:relative;
    height:calc(100vh - 106px);
    overflow-y:auto;
    scrollbar-arrow-color:none;
    scrollbar-3dlight-color:none;
    scrollbar-darkshadow-color:none;
    scrollbar-face-color:#FFD700;
    scrollbar-highlight-color:#FFD700;
    scrollbar-shadow-color:#FFD700;
    scrollbar-color:#FFD700;
    scrollbar-width:thin
}
.gnb__inner::-webkit-scrollbar{
    width:6px
}
.gnb__inner::-webkit-scrollbar-track{
    border-radius:3px;
    background-color:#FFD700
}
.gnb__inner::-webkit-scrollbar-thumb{
    border-radius:3px;
    background-color:#FFD700
}
.nav__link{
    position:relative;
    overflow:hidden;
    display:block;
    height:48px;
    padding-left:25px;
    padding-right:45px;
    color:#FFD700;
    line-height:45px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.nav__link::before{
    content:'';
    position:absolute;
    top:50%;
    right:25px;
    display:block;
    width:11px;
    height:6px;
    margin-top:-3px;
    background:url("../images/common/btn_down02.png") no-repeat;
    background-size:cover
}
.nav__item .sub-nav{
    display:none
}
.nav__item.open .nav__link{
    background:#000000;
    color:#FFD700;
    font-weight:500
}
.nav__item.open .nav__link::before{
    background-image:url("../images/common/btn_up01.png")
}
.nav__item.open .sub-nav{
    display:block
}
.nav__item.current .nav__link{
    background:#000000;
    color:#FFD700;
    font-weight:500
}
.nav__item.current .nav__link::before{
    background-image:url("../images/common/btn_down01.png")
}
.nav__item.open.current .nav__link::before{
    background-image:url("../images/common/btn_up01.png")
}
.sub-nav{
    padding:3px 0 0
}
.sub-nav__item.current .sub-nav__link{
    color:#FFD700;
    font-weight:500;
    background-color:#FFD700
}
.sub-nav__link{
    overflow:hidden;
    display:block;
    height:48px;
    padding-left:44px;
    padding-right:25px;
    color:#FFD700;
    line-height:45px;
    text-overflow:ellipsis;
    white-space:nowrap
}
.sub-nav__link.more::after{
    content:'+';
    display:inline-block;
    margin-left:7px;
    vertical-align:1px
}
.sub-nav__link:hover{
    color:#FFD700;
    font-weight:500
}
.direct{
    width:100%;
    margin-top:70px;
    padding:0 24px
}
.direct__link{
    display:block;
    height:40px;
    margin-top:10px;
    font-size:14px;
    color:#FFD700;
    border:1px solid #000000;
    border-radius:20px;
    text-align:center;
    line-height:37px
}
.direct__link:first-child{
    margin-top:0
}
.direct__link.current{
    color:#FFD700;
    border-color:#FFD700
}
.direct__link:hover{
    color:#FFD700;
    border-color:#FFD700
}
.select__box{
    margin-top:50px
}
.select__box select{
    display:block;
    width:100%;
    height:40px;
    padding:0 40px 0 20px;
    font-size:14px;
    color:#FFD700;
    border:1px solid #e0e0e0;
    background:#000000 url("../images/common/btn_down02.png") no-repeat;
    background-position:calc(100% - 20px) center;
    background-size:11px;
    cursor:pointer
}
.select__box select:hover{
    color:#FFD700;
    border-color:#FFD700;
    background-image:url(../images/common/btn_up01.png)
}
.footer{
    width:968px;
    height:90px;
    margin:0 auto
}
.footer__copyright{
    font-size:14px;
    color:#FFD700;
    text-align:center;
    line-height:88px
}
.btn-top{
    position:fixed;
    left:50%;
    margin-left:543px;
    bottom:50px;
    z-index:1000;
    overflow:hidden;
    display:none;
    width:75px;
    height:75px;
    background:url("../images/common/btn_top01.png") no-repeat;
    background-size:cover;
    opacity:0;
    overflow:hidden;
    text-indent:-1000em;
    font-size:0;
    -webkit-animation:fadeInFromNone .7s ease-in-out;
    animation:fadeInFromNone .7s ease-in-out;
    cursor:pointer
}
.btn-top.show{
    display:block;
    opacity:1
}
.main__title{
    padding-bottom:14px;
    color:#FFD700;
    font-size:18px;
    font-weight:500
}
.main__cover{
    position:relative;
    overflow:hidden;
    width:968px;
    margin:0 auto 53px
}
.main__cover img,.main__cover iframe{
    width:100%
}
.main__recommend{
    width:968px;
    margin:0 auto;
    padding-top:0;
    padding-bottom:0
}
.search .main__recommend{
    margin-top:35px;
    padding-top:33px;
    border-top:1px solid #e0e0e0
}
.main__inner{
    width:968px;
    margin:0 auto
}
.main__new{
    overflow:hidden;
    width:100%;
    margin-top:80px;
    padding:33px 0 47px;
    background:#000000
}
.main__category{
    width:968px;
    margin:0 auto 37px;
    padding-top:20px;
    padding-bottom:23px;
    color:#FFD700;
    font-size:56px;
    font-weight:700;
    line-height:1.5
}
.main__guide{
    padding-bottom:54px
}
.main-menu{
    position:relative;
    overflow:hidden;
    width:100%;
    margin-top:1px;
    border-top:1px solid #000000
}
.main-menu__list{
    position:relative;
    overflow:hidden;
    width:100%;
    margin-top:-1px;
    border-bottom:1px solid #e0e0e0
}
.main-menu__list .break{
    overflow:hidden;
    clear:both;
    width:100%;
    height:1px;
    padding:0;
    background:#000000
}
.main-menu__item{
    position:relative;
    float:left;
    padding:15px 8px 14px 12px;
    white-space:nowrap
}
.main-menu__item.first{
    padding-left:19px
}
.main-menu__item.first::before{
    display:none
}
.main-menu__item::before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    width:1px;
    height:10px;
    margin-top:-4px;
    background:#000000
}
.main-menu__link{
    display:inline-block;
    color:#FFD700;
    white-space:nowrap;
    line-height:2.0
}
.main-menu__link.more span::after{
    content:'+';
    line-height:1.3
}
.main-menu__link:hover span{
    color:#FFD700
}
.main-menu__link span{
    color:#FFD700;
    white-space:nowrap;
    line-height:2.0
}
.main-new__list{
    overflow:hidden;
    margin-top:7px
}
.main-new__item{
    position:relative;
    padding:7px 0 7px 16px;
    color:#FFD700
}
.main-new__item::before{
    content:'';
    position:absolute;
    top:20px;
    left:0;
    width:6px;
    height:1px;
    background:#000000
}
.main-new__link{
    position:relative;
    color:#FFD700;
    text-decoration:underline
}
.main-slide{
    position:relative
}
.main-slide__list{
    display:table
}
.main-slide__item{
    display:table-cell;
    padding-left:19px
}
.main-slide__item:first-child{
    padding-left:0
}
.main-slide__link{
    position:relative;
    overflow:hidden;
    display:block
}
.main-slide__img{
    display:block;
    width:310px
}
.main-slide__text{
    position:absolute;
    bottom:10px;
    left:10px;
    overflow:hidden;
    height:27px;
    padding:0 12px 0 14px;
    background:rgba(36,32,29,0.7);
    border-radius:15px;
    color:#FFD700;
    line-height:1.5;
    display:inline-block;
    max-width:80%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal
}
.search__title{
    color:#FFD700;
    font-size:36px;
    font-weight:700;
    line-height:2.11
}
.search__title .keyword{
    color:#FFD700
}
.search__total{
    margin-top:5px;
    color:#FFD700
}
.search__notice{
    margin-top:22px
}
.search__notice-item{
    position:relative;
    padding-left:9px;
    color:#FFD700
}
.search__notice-item::before{
    content:'';
    position:absolute;
    top:14px;
    left:0;
    width:4px;
    height:1px;
    background:#000000
}
.result__list{
    margin-top:26px
}
.result__item{
    padding:43px 0 36px;
    border-bottom:1px solid #e0e0e0
}
.result__nav{
    color:#FFD700
}
.result__depth{
    margin-top:9px;
    color:#FFD700;
    font-size:18px;
    font-weight:500
}
.result__text{
    margin-top:17px;
    word-wrap:break-word;
    word-break:break-word
}
.result__text a:hover{
    text-decoration:underline
}
.result .keyword{
    color:#FFD700
}
.depth{
    margin-top:13px;
    color:#FFD700
}
.depth__current{
    color:#FFD700
}
.update__title{
    color:#FFD700;
    font-size:36px;
    font-weight:700;
    line-height:2.11
}
.update__title .keyword{
    color:#FFD700
}
.update__title span{
    color:#FFD700;
    font-size:36px;
    font-weight:700;
    line-height:2.11
}
.update__write{
    margin-top:35px;
    margin-bottom:20px;
    padding-bottom:14px;
    border-top:2px solid #000;
    border-bottom:2px solid #e0e0e0
}
.update__button{
    text-align:center
}
.update__btn-cancel{
    display:inline-block;
    width:106px;
    height:40px;
    margin:0 3px;
    padding-bottom:2px;
    background:transparent;
    border:1px solid #e0e0e0;
    border-radius:20px;
    font-size:14px;
    color:#FFD700;
    text-align:center
}
.update__btn-submit{
    display:inline-block;
    width:106px;
    height:40px;
    margin:0 3px;
    padding-bottom:2px;
    background:#000000;
    border:1px solid #6f635b;
    border-radius:20px;
    font-size:14px;
    color:#FFD700;
    text-align:center
}
.update__btn-submit:disabled{
    background:#000000;
    border-color:#FFD700;
    color:#FFD700
}
.write-form__inp{
    overflow-y:hidden;
    display:block;
    width:100%;
    min-height:320px;
    padding:14px 19px 40px 19px
}
.write-form__num{
    display:block;
    padding-top:1px;
    padding-right:19px;
    color:#FFD700;
    text-align:right
}
.write-form__num em{
    color:#FFD700
}
.view__category{
    width:968px;
    margin:0 auto;
    padding-bottom:23px;
    color:#FFD700;
    font-size:56px;
    font-weight:700;
    line-height:1.5
}
.view__title{
    width:968px;
    margin:0 auto;
    padding-top:57px;
    border-top:2px solid #000000;
    color:#FFD700;
    font-size:36px;
    font-weight:700;
    line-height:2.11
}
.view__select{
    color:#FFD700;
    font-size:36px;
    font-weight:700;
    line-height:2.11
}
.view__option{
    width:968px;
    margin:0 auto
}
.view__button{
    position:relative;
    width:968px;
    margin:0 auto;
    height:100px;
    margin-top:20px
}
.view__btn-share{
    position:absolute;
    right:0;
    display:block;
    padding:0 40px;
    height:40px;
    color:#FFD700;
    border:1px solid #e0e0e0;
    border-radius:20px;
    text-align:center;
    line-height:37px;
    font-size:14px
}
.view__btn-share::before{
    content:'';
    position:relative;
    top:3px;
    display:inline-block;
    width:19px;
    height:18px;
    margin-right:9px;
    background:url("../images/common/btn_share.png") no-repeat;
    background-size:cover
}
.view__btn-share:hover{
    color:#FFD700;
    border-color:#FFD700
}
.view__btn-guide{
    position:absolute;
    left:0;
    display:block;
    height:40px;
    padding:0 40px;
    color:#FFD700;
    border:1px solid #000000;
    border-radius:20px;
    text-align:center;
    line-height:37px;
    font-size:14px
}
.view__btn-guide:hover{
    color:#FFD700;
    border-color:#FFD700
}
.view-menu{
    position:relative
}
.view-menu__list{
    overflow:hidden;
    position:relative;
    width:100%;
    padding:0 0 10px
}
.view-menu__item{
    position:relative;
    float:left;
    padding-right:8px;
    padding-left:12px
}
.view-menu__item.first{
    padding-left:0
}
.view-menu__item.first::before{
    display:none
}
.view-menu__item.current .view-menu__link{
    color:#FFD700;
    font-weight:500
}
.view-menu__item::before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    width:1px;
    height:10px;
    margin-top:-4px;
    background:#000000
}
.view-menu__item:first-child{
    padding-left:0
}
.view-menu__item:first-child::before{
    display:none
}
.view-menu__link{
    display:inline-block;
    color:#FFD700;
    white-space:nowrap;
    line-height:2.0
}
.view-menu__link:hover{
    color:#FFD700
}
.pop__share{
    position:absolute;
    top:0;
    right:0;
    display:none;
    width:280px;
    height:180px;
    background:#000000;
    border-radius:5px;
    -webkit-box-shadow:0 3px 7px 2px rgba(0,0,0,0.2);
    box-shadow:0 3px 7px 2px rgba(0,0,0,0.2);
    z-index:1001
}
.pop__title{
    display:block;
    padding-top:13px;
    color:#FFD700;
    font-size:18px;
    font-weight:500;
    text-align:center
}
.pop__close{
    position:absolute;
    top:20px;
    right:19px;
    display:block;
    width:30px;
    height:30px;
    background:transparent;
    cursor:pointer;
    overflow:hidden;
    text-indent:-1000em;
    font-size:0
}
.pop__close::before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:14px;
    height:14px;
    background:url("../images/common/btn_close03.png") no-repeat 50%;
    background-size:cover
}
.share{
    padding-top:18px
}
.share__link{
    height:65px;
    text-align:center
}
.share__twitter{
    display:inline-block;
    width:50px;
    height:50px;
    margin:0 4px 0 3px;
    background:url("../images/common/btn_twitter.png") no-repeat;
    background-size:cover;
    overflow:hidden;
    text-indent:-1000em;
    font-size:0
}
.share__facebook{
    display:inline-block;
    width:50px;
    height:50px;
    margin:0 4px 0 3px;
    background:url("../images/common/btn_facebook.png") no-repeat;
    background-size:cover;
    overflow:hidden;
    text-indent:-1000em;
    font-size:0
}
.share__form{
    overflow:hidden;
    padding-top:14px;
    padding-left:26px;
    border-top:1px solid #e0e0e0
}
.share__inp{
    float:left;
    width:180px;
    height:26px;
    padding-right:5px;
    background:transparent;
    border:1px solid #e0e0e0;
    color:#FFD700;
    font-size:13px;
    letter-spacing:0;
    text-indent:10px
}
.share__btn{
    float:left;
    width:50px;
    height:26px;
    margin-left:-1px;
    border:1px solid #e0e0e0;
    background:#000000;
    color:#FFD700;
    font-size:13px;
    text-align:center;
    cursor:pointer
}
.related{
    overflow:hidden;
    width:100%;
    padding:33px 0 47px;
    background:#000000
}
.related__title{
    padding-bottom:14px;
    color:#FFD700;
    font-size:18px;
    font-weight:500
}
.related__inner{
    width:968px;
    margin:0 auto
}
.related__list{
    overflow:hidden;
    margin-top:7px
}
.related__item{
    position:relative;
    padding:7px 0 7px 16px;
    color:#FFD700
}
.related__item::before{
    content:'';
    position:absolute;
    top:20px;
    left:0;
    width:6px;
    height:1px;
    background:#000000
}
.related__link{
    position:relative;
    color:#FFD700;
    text-decoration:underline
}
.article{
    width:968px;
    margin:0 auto;
    margin-top:10px;
    padding:10px 0 41px;
    border-bottom:1px solid #000000
}
.article__box{
    padding-bottom:70px
}
.article__box .article__title:first-child{
    margin-top:-10px
}
.article__box .article__text:first-child{
    margin-top:-10px
}
.article__box .article__text:last-child{
    margin-bottom:0
}
.article__title{
    margin-bottom:10px;
    padding:3px 0 4px 0;
    color:#FFD700;
    font-size:18px;
    font-weight:500
}
.article__title+.article__text{
    margin-top:-10px
}
.article__img{
    margin-bottom:10px
}
.article__img img{
    max-width:100%
}
.article__img+.article__title{
    margin-top:10px
}
.article__img+.article__img{
    margin-top:20px
}
.article__text{
    margin-bottom:20px;
    padding:3px 0 5px
}
.article__text .emp{
    color:#FFD700
}
.article__text+.article__img{
    margin-top:-10px
}
.article__tbl{
    table-layout:fixed;
    width:100%;
    margin-bottom:10px;
    border-top:1px solid #000000
}
.article__tbl th{
    padding:16px 10px 18px 20px;
    border-bottom:1px solid #e0e0e0;
    background:#000000;
    font-weight:400
}
.article__tbl td{
    padding:16px 10px 18px 20px;
    border-bottom:1px solid #e0e0e0;
    background:#000000
}
@-webkit-keyframes fadeInFromNone{
    0%{
        display:none;
        opacity:0
    }
    1%{
        display:block;
        opacity:0
    }
    100%{
        display:block;
        opacity:1
    }
}
@keyframes fadeInFromNone{
    0%{
        display:none;
        opacity:0
    }
    1%{
        display:block;
        opacity:0
    }
    100%{
        display:block;
        opacity:1
    }
}
.mobile .fr-box{
    min-height:500px
}
.mobile .fr-toolbar.fr-top{
    display:none
}
.mobile .fr-box.fr-basic .fr-element{
    padding:20px 4vw !important
}
.mobile .fr-box.fr-basic.fr-top .fr-wrapper{
    box-shadow:0 0 !important;
    -webkit-box-shadow:0 0 !important
}
.fr-dropdown-menu .fa{
    vertical-align:middle
}
.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{
    line-height:1
}
.fr-view{
    overflow:hidden
}
.fr-view *{
    max-width:100%;
    color:#FFD700;
    font-family:inherit;
    text-decoration:inherit;
    font-style:inherit;
    font-size:inherit
}
.fr-view p{
    word-break:break-all
}
.fr-view p *{
    line-height:100%;
    vertical-align:baseline
}
.fr-view p s,.fr-view p del{
    text-decoration:line-through
}
.fr-view p u{
    text-decoration:underline
}
.fr-view p em{
    font-style:italic !important
}
.fr-view p strong{
    font-weight:bold
}
.fr-view p strong em{
    font-weight:bold !important
}
.fr-view p.banner{
    overflow:hidden;
    display:block;
    width:100%;
    margin:4px auto
}
.fr-view p.banner img{
    width:100%
}
.fr-view hr{
    display:block
}
.fr-view .view-buttons{
    text-align:center
}
.fr-view .img-sticker{
    width:90px
}
.fa-sticky{
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='14px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M6.993,14.000 C3.129,14.000 -0.000,10.864 -0.000,7.000 C-0.000,3.136 3.129,-0.000 6.993,-0.000 C10.864,-0.000 14.000,3.136 14.000,7.000 C14.000,10.864 10.864,14.000 6.993,14.000 ZM7.000,1.400 C3.906,1.400 1.400,3.906 1.400,7.000 C1.400,10.094 3.906,12.600 7.000,12.600 C10.094,12.600 12.600,10.094 12.600,7.000 C12.600,3.906 10.094,1.400 7.000,1.400 ZM9.450,6.300 C8.869,6.300 8.400,5.831 8.400,5.250 C8.400,4.669 8.869,4.200 9.450,4.200 C10.031,4.200 10.500,4.669 10.500,5.250 C10.500,5.831 10.031,6.300 9.450,6.300 ZM9.480,8.417 C9.587,8.147 9.891,8.014 10.160,8.119 C10.430,8.225 10.564,8.530 10.458,8.800 C9.939,10.121 8.680,10.879 7.000,10.879 C5.320,10.879 4.060,10.121 3.541,8.800 C3.435,8.530 3.568,8.225 3.839,8.119 C4.109,8.013 4.413,8.147 4.519,8.417 C5.001,9.645 6.280,9.828 7.000,9.828 C7.720,9.828 8.998,9.645 9.480,8.417 ZM4.550,6.300 C3.969,6.300 3.500,5.831 3.500,5.250 C3.500,4.669 3.969,4.200 4.550,4.200 C5.131,4.200 5.600,4.669 5.600,5.250 C5.600,5.831 5.131,6.300 4.550,6.300 Z'/%3E%3C/svg%3E")
}
.fa-sticky:before,.fa-sticky::before{
    display:block;
    content:'';
    width:14px;
    height:14px
}
.fr-sticky-dummy{
    left:100px;
    height:auto !important
}
div.sticker{
    box-sizing:border-box;
    overflow:hidden;
    margin:0 auto;
    padding:10px;
    width:380px
}
.mobile div.sticker{
    width:100%;
    max-width:380px
}
div.sticker ul{
    height:410px
}
div.sticker li{
    float:left;
    width:25%;
    height:90px
}
div.sticker li button,div.sticker li span{
    display:block;
    box-sizing:border-box;
    width:100%;
    height:100%
}
div.sticker li button{
    padding:5px
}
div.sticker li button .img-sticker{
    display:none;
    width:100%
}
div.sticker li button:hover span,div.sticker li button.selected span{
    display:none
}
div.sticker li button:hover .img-sticker,div.sticker li button.selected .img-sticker{
    display:block
}
@media screen and (min-width:1024px) and (orientation:landscape){
    .wrapper-ingame .board.board-write-full .select-board,.wrapper-ingame .board.board-write-full .form-buttons,.wrapper-ingame .fr-box.fr-basic .fr-element{
        padding-left:40px;
        padding-right:40px
    }
    .wrapper-ingame .board.board-write-full .write-title input{
        margin-left:40px
    }
    .wrapper-ingame .board.board-write-full .upload{
        padding-left:30px
    }
}
@media screen and (min-width:512px){
    .layer-upload-sticker{
        position:absolute;
        bottom:-40px;
        left:50%;
        margin-left:-190px;
        width:380px
    }
}
@font-face{
    font-family:'Nanum Gothic';
    font-style:normal;
    src:url(../font/NanumGothic-Regular-2.eot);
    src:url(../font/NanumGothic-Regular-3.eot) format("embedded-opentype"),url(../font/NanumGothic-Regular-1.woff2) format("woff2"),url(../font/NanumGothic-Regular-1.woff) format("woff"),url(../font/NanumGothic-Regular-1.ttf) format("truetype");
    src:local(※),url("../font/NanumGothic-Regular-1.woff") format("woff")
}
@font-face{
    font-family:'Nanum Gothic Bold';
    font-style:normal;
    font-weight:700;
    src:url(../font/NanumGothic-Bold-2.eot);
    src:url(../font/NanumGothic-Bold-3.eot) format("embedded-opentype"),url(../font/NanumGothic-Bold-1.woff2) format("woff2"),url(../font/NanumGothic-Bold-1.woff) format("woff"),url(../font/NanumGothic-Bold-1.ttf) format("truetype");
    src:local(※),url("../font/NanumGothic-Bold-1.woff") format("woff")
}
@font-face{
    font-family:'notokr-regular';
    font-style:normal;
    src:url(../font/NotoSansKR-Regular-2.eot);
    src:url(../font/NotoSansKR-Regular-3.eot) format("embedded-opentype"),url(../font/NotoSansKR-Regular-1.woff2) format("woff2"),url(../font/NotoSansKR-Regular-1.woff) format("woff");
    src:local(※),url("../font/NotoSansKR-Regular-1.woff") format("woff")
}
@font-face{
    font-family:'notokr-bold';
    font-style:normal;
    font-weight:700;
    src:url(../font/NotoSansKR-Regular-2.eot);
    src:url(../font/NotoSansKR-Regular-3.eot) format("embedded-opentype"),url(../font/NotoSansKR-Regular-1.woff2) format("woff2"),url(../font/NotoSansKR-Regular-1.woff) format("woff");
    src:local(※),url("../font/NotoSansKR-Medium-1.woff") format("woff")
}
html{
    width:100%
}
body{
    width:100%;
    min-width:320px;
    height:100%
}
body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p,button{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    line-height:140%
}
article,aside,hgroup,header,footer,figure,figcaption,nav,section,date,mark,canvas,video,audio,details,summary{
    display:block
}
dl,dt,dd,ul,ol,menu,li{
    list-style:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
fieldset,img{
    border:0;
    padding:0
}
address,caption,cite,code,dfn,em,var{
    font-style:normal;
    font-weight:normal
}
q:before,q:after{
    content:""
}
form{
    margin:0
}
a{
    text-decoration:none;
    color:inherit
}
caption,legend,hr{
    display:none
}
h1,h2,h3,h4,strong{
    font-weight:700;
    color:#FFD700
}
input,textarea{
    -webkit-appearance:none;
    border-radius:0;
    outline:auto;
    resize:none;
    border:0 none;
    font-family:"notokr-regular","Nanum Gothic","dotum","Arial","Tahoma","sans-serif";
    font-size:12px;
    color:#FFD700
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:silver
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:silver
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:silver
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:silver
}
input:focus::placeholder,textarea:focus::placeholder{
    color:#FFD700
}
input:focus::-ms-input-placeholder,textarea:focus::-ms-input-placeholder{
    color:#FFD700
}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{
    color:#FFD700
}
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{
    color:#FFD700
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
button{
    outline:auto;
    border:none 0;
    background-color:transparent;
    font-family:inherit;
    font-size:inherit;
    cursor:pointer;
    color:inherit
}
html{
    background:#000000;
    font-family:"notokr-regular","Nanum Gothic","dotum","Arial","Tahoma","sans-serif";
    font-size:14px;
    color:#FFD700;
    font-size:15px
}
body{
    width:100%;
    min-width:1240px;
    height:100%
}
::-moz-selection{
    background:#000000
}
::selection{
    background:#000000
}
.community-common{
    background-color:#FFD700
}
.community-common #content{
    position:relative;
    margin:0 auto;
    padding-top:110px;
    width:1240px
}
.community-common #content .logo{
    position:absolute;
    left:50%;
    top:84px;
    margin-left:-121px;
    width:242px
}
.community-common #content .logo img{
    width:100%
}
.community-common #content .title{
    padding:42px 0 10px;
    font-size:30px
}
.community-common #content .sign-up,.community-common #content .error{
    box-sizing:border-box;
    margin:135px auto 0;
    padding-bottom:30px;
    width:560px;
    border:1px solid #eee;
    text-align:center;
    background-color:#FFD700
}
.community-common #content .sign-up .sign-type,.community-common #content .error .sign-type{
    padding-top:30px
}
.community-common #content .sign-up .sign-type a,.community-common #content .error .sign-type a{
    line-height:0;
    font-size:0;
    color:transparent;
    display:block;
    margin:0 auto 10px;
    width:400px;
    height:50px;
    background:url(../images/sp_member.png) no-repeat
}
.community-common #content .sign-up .sign-type a.naver,.community-common #content .error .sign-type a.naver{
    background-position:0 -60px
}
.community-common #content .sign-up .sign-type a.google,.community-common #content .error .sign-type a.google{
    background-position:0 -120px
}
.community-common #content .sign-up .sign-type a.apple,.community-common #content .error .sign-type a.apple{
    background-position:0 -180px
}
.community-common #content .sign-up .sign-type a.kakao,.community-common #content .error .sign-type a.kakao{
    background-position:0 -240px
}
.community-common #content .agreement{
    box-sizing:border-box;
    margin-top:60px;
    padding:0 39px 40px;
    border:1px solid #eee;
    background-color:#FFD700
}
.community-common #content .agreement .title{
    padding:52px 0 51px;
    text-align:center
}
.community-common #content .agreement .checkbox label{
    display:inline-block;
    position:relative;
    padding-left:31px;
    height:24px;
    line-height:24px;
    background:url(../images/sp_member.png) no-repeat 0 -715px
}
.community-common #content .agreement .checkbox label input{
    position:absolute;
    left:0;
    top:0;
    opacity:0
}
.community-common #content .agreement .agree-all{
    margin-bottom:3px;
    padding-bottom:7px;
    border-bottom:1px solid #dadada
}
.community-common #content .agreement .agree-all label{
    color:#FFD700;
    font-size:18px
}
.community-common #content .agreement .agree-all label.checked{
    background-position:0 -780px
}
.community-common #content .agreement .agree-all p{
    font-family:"notokr-regular","Nanum Gothic","dotum","Arial","Tahoma","sans-serif";
    font-size:12px;
    color:#FFD700;
    padding-top:4px;
    padding-left:31px;
    font-size:13px
}
.community-common #content .agreement .agree{
    padding-top:14px
}
.community-common #content .agreement .agree label{
    color:#FFD700;
    background-position:0 -713px
}
.community-common #content .agreement .agree label.checked{
    background-position:0 -778px
}
.community-common #content .agreement .agree label em{
    margin-right:3px;
    color:#FFD700
}
.community-common #content .agreement .agree .desc{
    box-sizing:border-box;
    overflow:hidden;
    padding:6px 5px 14px 19px;
    border:1px solid #eee;
    margin-top:5px;
    height:160px
}
.community-common #content .agreement .agree .desc h3,.community-common #content .agreement .agree .desc p,.community-common #content .agreement .agree .desc li{
    font-family:"notokr-regular","Nanum Gothic","dotum","Arial","Tahoma","sans-serif";
    font-size:12px;
    color:#FFD700;
    line-height:1.6
}
.community-common #content .agreement .agree .desc>div{
    overflow-y:auto;
    scrollbar-arrow-color:none;
    scrollbar-3dlight-color:none;
    scrollbar-darkshadow-color:none;
    scrollbar-face-color:#FFD700;
    scrollbar-highlight-color:#FFD700;
    scrollbar-shadow-color:#FFD700;
    scrollbar-color:#FFD700;
    scrollbar-width:thin;
    padding-top:8px
}
.community-common #content .agreement .agree .desc>div::-webkit-scrollbar{
    width:10px;
    height:10px
}
.community-common #content .agreement .agree .desc>div::-webkit-scrollbar-track{
    border-radius:5px;
    background-color:#FFD700
}
.community-common #content .agreement .agree .desc>div::-webkit-scrollbar-thumb{
    border-radius:5px;
    background-color:#FFD700
}
.community-common #content .agreement .agree .desc>div{
    max-height:138px
}
.community-common #content .agreement .agree .alert{
    margin-left:5px;
    color:#FFD700
}
.community-common #content .agreement .user-info{
    font-family:"notokr-regular","Nanum Gothic","dotum","Arial","Tahoma","sans-serif";
    font-size:12px;
    color:#FFD700;
    position:relative;
    overflow:hidden;
    margin-top:3px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    font-size:13px
}
.community-common #content .agreement .user-info li{
    float:left;
    width:540px;
    padding-left:20px;
    height:49px;
    line-height:46px
}
.community-common #content .agreement .user-info strong{
    margin-left:14px;
    font-size:15px;
    color:#FFD700
}
.community-common #content .agreement .desc{
    margin-bottom:2px;
    padding:16px 17px 3px;
    border-bottom:1px solid #eee;
    text-align:justify
}
.community-common #content .agreement .desc>em{
    font-weight:bold
}
.community-common #content .agreement .desc p{
    margin-bottom:6px
}
.community-common #content .agreement .desc div>*{
    color:#FFD700
}
.community-common #content .agreement .desc div>* em{
    border-bottom:1px solid #909090
}
.community-common #content .form-buttons{
    margin-top:35px;
    border-top:0 none;
    text-align:center
}
.community-common #content .form-buttons a,.community-common #content .form-buttons button{
    display:inline-block;
    margin:0 8px;
    width:160px;
    height:50px;
    border-radius:4px;
    border:0 none
}
.community-common #content .form-buttons a.disabled,.community-common #content .form-buttons a:disabled,.community-common #content .form-buttons button.disabled,.community-common #content .form-buttons button:disabled{
    cursor:default;
    border-color:#FFD700 !important;
    color:#FFD700 !important;
    background-color:#FFD700 !important
}
.community-common #content .form-buttons a{
    line-height:48px
}
.community-common #content .form-buttons .btn-cancel{
    color:#FFD700;
    background-color:#FFD700
}
.community-common #content .form-buttons .btn-submit{
    color:#FFD700;
    background-color:#FFD700
}
.community-common #content .error{
    margin-top:200px;
    padding:103px 20px 35px;
    background:#000000 url(../images/sp_error.png) no-repeat
}
.community-common #content .error.error-type1{
    background-position:51% 67px
}
.community-common #content .error.error-type2{
    background-position:54.2% -596px
}
.community-common #content .error.error-type3{
    background-position:50% -244px
}
.community-common #content .error.error-type4{
    position:fixed;
    left:50%;
    top:50%;
    z-index:1000;
    margin-top:-160px;
    margin-left:-280px;
    padding-top:60px;
    height:320px;
    background:#000000 none
}
.community-common #content .error.error-type4 .note{
    display:table-cell;
    width:518px;
    height:120px;
    vertical-align:middle;
    font-size:24px;
    color:#FFD700
}
.community-common #content .error .note{
    color:#FFD700;
    word-break:break-all
}
.community-common #content .error .form-buttons{
    padding:0
}
.community-common #content .error .form-buttons a{
    font-size:15px
}
.community-common #content .error .time{
    margin:35px auto 0;
    width:460px;
    height:60px;
    line-height:58px;
    background-color:#FFD700
}
.community-common #content .error .time em{
    color:#FFD700
}
.community-common footer{
    font-family:"notokr-regular","Nanum Gothic","dotum","Arial","Tahoma","sans-serif";
    font-size:12px;
    color:#FFD700;
    padding:40px 0 100px;
    min-width:1240px;
    text-align:center;
    font-size:13px
}
.community-common footer .copy{
    margin-top:16px
}
.dimmed{
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:120;
    background:rgba(0,0,0,0.6)
}
.pop-alert{
    z-index:121;
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-200px;
    margin-top:-100px;
    padding:40px 20px 30px;
    width:360px;
    min-height:150px;
    border:1px solid #eee;
    text-align:center;
    background-color:#FFD700
}
.pop-alert p{
    display:table-cell;
    width:360px;
    height:80px;
    vertical-align:middle;
    font-size:16px
}
.pop-alert .btn-submit{
    display:inline-block;
    margin-top:28px;
    width:160px;
    height:50px;
    border-radius:4px;
    line-height:48px;
    color:#FFD700;
    background-color:#FFD700
}
.community-common{
    min-height:100vh
}
.community-common #content .error{
    background-image:url("../images/common/sp_error.png")
}
.community-common footer{
    height:auto
}
.community-common footer .copy{
    font-size:13px;
    color:#FFD700
}


.sub-nav__link:hover {
    color:#FFD700;
    background-color:#222222;
    font-weight:700;
}


/* ===== Черный фон и золотой текст ===== */
body, #wrap, #container, #contents, .gnb, .header, .footer {
    background-color:#000000 !important;
    color:#FFD700 !important;
}

/* Золотой текст для всех элементов */
body, div, p, a, span, li, td, th, h1, h2, h3, h4, h5, h6 {
    color:#FFD700 !important;
}

/* Ховер на подразделы */
.sub-nav__link {
    color:#FFD700 !important;
    background-color:#000000 !important;
    transition:all 0.2s ease;
}
.sub-nav__link:hover {
    color:#000000 !important;
    background-color:#FFD700 !important;
    font-weight:700;
}


/* ===== Мягкая цветовая схема (Вариант 3) ===== */

/* Фон */
body, #wrap, #container, #contents, .gnb, .header, .footer {
    background-color:#121212 !important;
    color:#d0eaff !important;
}

/* Текст */
body, div, p, a, span, li, td, th, h1, h2, h3, h4, h5, h6 {
    color:#d0eaff !important;
}

/* Hover на меню */
.nav__link, .sub-nav__link {
    color:#d0eaff !important;
    background-color:#121212 !important;
    transition:all 0.2s ease;
}
.nav__link:hover, .sub-nav__link:hover {
    color:#ffffff !important;
    background-color:#1f4e79 !important;
    font-weight:600;
}


/* ===== Fantasy Glow Style for MU Online ===== */

/* Фон сайта */
body {
    background: linear-gradient(180deg, #0d0d0d 0%, #121212 100%) !important;
    color:#d0eaff !important;
    font-family: "Noto Sans", "Segoe UI", Arial, sans-serif;
}

/* Основной текст */
body, div, p, a, span, li, td, th {
    color:#d0eaff !important;
    text-shadow: 0 0 3px rgba(208,234,255,0.4);
}

/* Заголовки */
h1, h2, h3, h4, h5, h6 {
    color:#f5c542 !important;
    text-shadow: 0 0 6px rgba(245,197,66,0.6);
    font-weight: 700;
}

/* Главное меню */
.nav__link, .sub-nav__link {
    color:#d0eaff !important;
    background-color:#121212 !important;
    transition:all 0.3s ease;
    border-radius:4px;
}
.nav__link:hover, .sub-nav__link:hover {
    color:#ffffff !important;
    background-color:#1f4e79 !important;
    text-shadow: 0 0 6px #66aaff;
    font-weight:600;
}

/* Кнопки */
button, .direct__link, .view__btn-share, .view__btn-guide {
    background-color:#1f4e79 !important;
    color:#ffffff !important;
    border-radius:6px;
    border:1px solid #3a6ea5;
    transition:all 0.3s ease;
}
button:hover, .direct__link:hover, .view__btn-share:hover, .view__btn-guide:hover {
    background-color:#2f6bb2 !important;
    box-shadow:0 0 8px #66aaff;
}

/* Ссылки */
a {
    color:#66aaff !important;
    text-decoration:none;
    transition:all 0.2s ease;
}
a:hover {
    color:#ffffff !important;
    text-shadow:0 0 6px #66aaff;
}

/* Таблицы */
.article__tbl th {
    background:#1f1f1f !important;
    color:#f5c542 !important;
    text-shadow:0 0 4px rgba(245,197,66,0.5);
}
.article__tbl td {
    background:#191919 !important;
    color:#d0eaff !important;
    text-shadow:0 0 3px rgba(208,234,255,0.3);
}


/* ===== Fantasy Pro Style for MU Online ===== */

/* Glow-рамки для блоков */
.box, .article, .related, .main__inner, .footer {
    background:rgba(18,18,18,0.9);
    border:1px solid #1f4e79;
    box-shadow:0 0 10px rgba(102,170,255,0.4);
    border-radius:8px;
    padding:20px;
}

/* Анимация наведения */
.nav__link, .sub-nav__link, button, .direct__link {
    transition:all 0.3s ease, transform 0.15s ease;
}
.nav__link:hover, .sub-nav__link:hover, button:hover, .direct__link:hover {
    transform:scale(1.05);
}

/* Задний фон с анимацией */
@keyframes gradientShift {
    0% { background-position:0% 50%; }
    50% { background-position:100% 50%; }
    100% { background-position:0% 50%; }
}
body {
    background:linear-gradient(-45deg, #0d0d0d, #1f1f2e, #0d1a26, #121212);
    background-size:400% 400%;
    animation:gradientShift 20s ease infinite;
}

/* Glow заголовков */
h1, h2 {
    animation: glow 2s ease-in-out infinite alternate;
}
@keyframes glow {
    from { text-shadow:0 0 5px #f5c542, 0 0 10px #f5c542; }
    to   { text-shadow:0 0 15px #f5c542, 0 0 25px #f5c542; }
}

/* Ховер строк таблицы */
.article__tbl tr:hover td {
    background:#1f4e79 !important;
    color:#ffffff !important;
    text-shadow:0 0 6px #66aaff;
}

/* Плавный скролл */
html {
    scroll-behavior:smooth;
}

/* Кнопка "вверх" */
.btn-top {
    box-shadow:0 0 10px #66aaff;
    border-radius:50%;
}


/* ===== Улучшенная кнопка "Вверх" ===== */
.btn-top {
    position:fixed;
    right:30px;
    bottom:30px;
    width:60px;
    height:60px;
    border-radius:50%;
    background:radial-gradient(circle, #1f4e79 0%, #0d1a26 100%);
    box-shadow:0 0 15px rgba(102,170,255,0.8), 0 0 30px rgba(102,170,255,0.4);
    cursor:pointer;
    z-index:2000;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0.8;
    transition:all 0.3s ease;
}
.btn-top:hover {
    opacity:1;
    transform:scale(1.1);
    box-shadow:0 0 25px rgba(102,170,255,1), 0 0 40px rgba(102,170,255,0.6);
}

/* Стрелка внутри */
.btn-top::before {
    content:"▲";
    color:#fff;
    font-size:24px;
    text-shadow:0 0 6px #66aaff;
}

/* Плавный скролл */
html {
    scroll-behavior:smooth;
}


/* ===== Исправленная кнопка "Вверх" ===== */

/* Стили кнопки */
.btn-top {
    position:fixed;
    right:30px;
    bottom:30px;
    width:60px;
    height:60px;
    border-radius:50%;
    background:radial-gradient(circle, #1f4e79 0%, #0d1a26 100%);
    box-shadow:0 0 15px rgba(102,170,255,0.8), 0 0 30px rgba(102,170,255,0.4);
    cursor:pointer;
    z-index:2000;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0.85;
    transition:all 0.3s ease;
}
.btn-top:hover {
    opacity:1;
    transform:scale(1.1);
    box-shadow:0 0 25px rgba(102,170,255,1), 0 0 40px rgba(102,170,255,0.6);
}

/* Стрелка */
.btn-top span {
    font-size:26px;
    color:#fff;
    text-shadow:0 0 6px #66aaff;
    line-height:1;
}

/* Убираем задержку скролла */
html {
    scroll-behavior:auto !important;
}


/* ===== Умная кнопка "Вверх" ===== */

/* По умолчанию скрыта */
.btn-top {
    display:none;
}
.btn-top.show {
    display:flex; /* показываем только когда есть класс .show */
}

/* JS для появления */
<script>
document.addEventListener('DOMContentLoaded', () => {
    const btnTop = document.querySelector('.btn-top');
    window.addEventListener('scroll', () => {
        if (window.scrollY > 300) {
            btnTop.classList.add('show');
        } else {
            btnTop.classList.remove('show');
        }
    });
    btnTop.addEventListener('click', () => {
        window.scrollTo({top:0, behavior:'auto'});
    });
});
</script>


/* Магический эффект блока гайдов с анимацией свечения */
@keyframes magic-glow {
    0% {
        box-shadow:
            0 4px 12px rgba(0,0,0,0.9),
            inset 0 2px 6px rgba(102,170,255,0.3),
            0 0 20px rgba(212,175,55,0.4),
            0 0 30px rgba(102,170,255,0.3);
    }
    50% {
        box-shadow:
            0 6px 14px rgba(0,0,0,0.9),
            inset 0 2px 8px rgba(102,170,255,0.5),
            0 0 30px rgba(212,175,55,0.7),
            0 0 50px rgba(102,170,255,0.5);
    }
    100% {
        box-shadow:
            0 4px 12px rgba(0,0,0,0.9),
            inset 0 2px 6px rgba(102,170,255,0.3),
            0 0 20px rgba(212,175,55,0.4),
            0 0 30px rgba(102,170,255,0.3);
    }
}

.view__content {
    border: 2px solid #d4af37; /* золотая рамка */
    border-radius: 12px;
    background: linear-gradient(145deg, #1a1a1a, #0f0f0f);
    color: #f5f5f5;
    padding: 20px;
    animation: magic-glow 4s ease-in-out infinite;
}


/* --- Patch: убираем скролл у меню --- */
.gnb__inner {
    overflow-y: auto !important;
    scrollbar-width: none !important;
}
.gnb__inner::-webkit-scrollbar {
    display: none !important;
}

/* --- Patch: убираем обводку у футера --- */
.copy__inner,
footer,
.footer {
    border: none !important;
    box-shadow: none !important;
}

/* --- Patch: усиливаем эффект выпуклой обводки у блока гайдов --- */
.view__content {
    border: 2px solid #66aaff; /* толще синяя рамка */
    border-radius: 10px;
    background: linear-gradient(145deg, #1c1c1c, #0f0f0f);
    box-shadow:
        0 0 25px rgba(102,170,255,0.8),      /* ярче внешнее свечение */
        inset 0 2px 5px rgba(255,255,255,0.1), /* свет сверху внутрь */
        inset 0 -2px 5px rgba(0,0,0,0.6);      /* тень снизу внутрь */
    padding: 20px;
}