/* gnb */
.rooftop { top:0; background:#000 !important; }
.forehead { background:#000; }
.brand-identity a { display:inline-block; width:194px; height:21px; background:url(../img/logo_highend.svg) no-repeat; background-size:100% auto; text-indent:-10000em; vertical-align:middle; }
.forehead .sns-share-box ul li a { text-indent:-9999em; }
.joins_gnb .family_site li a { color:#fff !important; }

.gnb_mo,
.rooftop .mobile_menu,
.top_menu_wrap.mobile { display:none; }


/* top_menu_wrap */
.top_menu_wrap { position:fixed; left:0; top:45px; width:100%; height:80px; background-color:#fff; text-align:center; border:1px solid #000; border-width:1px 0; z-index:4; }
.top_menu_wrap .top_menu { padding-top:30px; display:inline-block; }
.top_menu_wrap .top_menu ul:after { clear:both; content:""; display:block; height:0; visibility:hidden; font-size:0; }
.top_menu_wrap .top_menu ul li { float:left; padding:0 1.04vw; }
.top_menu_wrap .top_menu ul li:last-child { padding-right:45px; }
.top_menu_wrap .top_menu ul li a { position:relative; font-family:"aviano-sans"; color:#000; font-weight:400; text-decoration:none;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.top_menu_wrap .top_menu ul li a:before { content:''; position:absolute; bottom:-2px; right:0; width:100%; height:1px; background:#000; }
.top_menu_wrap .top_menu ul li a .__mask { display:block; position:absolute; bottom:-3px; right:-2px; width:calc(100% + 4px); height:5px; background:#fff; transition:all .3s ease-out; }

.top_menu_wrap .top_menu ul li a.__current .__mask { width:0; }
.top_menu_wrap .top_menu ul li a:hover .__mask { width:0; }
.top_menu_wrap .top_menu ul li.active a,
.top_menu_wrap .top_menu ul li a.mPS2id-highlight { color:#000; }
.top_menu_wrap.active { position:fixed; top:45px; }
.top_menu_wrap .sns-share-box { display:none; }



/* footer */
.copyright { position:relative; padding:28px 0; width:100%; height:120px; background:#000; color:#e0e0e0; font-size:14px; font-weight:300; /*border-top:1px solid #fff;*/ z-index:1; }
.copyright_t { display:none; }
.copyright_m { display:none; }

.copyright .wrap { display:flex; margin:0 auto; width:1200px; }

.copyright .copy_left { width:70%; text-align:left; }
.copyright .copy_right { width:30%; text-align:right; }

.copyright .copy_right p.p_colnom { margin-top:6px; line-height:18px; }
.copyright .copy_right p .footer_mail { color:#e0e0e0; letter-spacing:.13px; -webkit-transition:color .3s ease; transition:color .3s ease; text-decoration:none; }
.copyright .copy_right p .footer_mail i { width:13px; height:10px; background:url(../img/ic_mail.svg) no-repeat center center; position:relative; display:inline-block; margin-right:4px; vertical-align:baseline; }

.copyright p { margin:0; font-size:14px; line-height:22px; letter-spacing:-.42px; }
.copyright p.p-text { font-weight:400; letter-spacing:-.42px; }
.copyright p b { margin-right:7px; font-weight:600; }
.copyright p span.__line { display:inline-block; padding:0 3px 0 5px; color:#999; }

.copyright p b:first-child { margin-left:0; }
.copyright p + p { margin-top:4px; color:#999; letter-spacing:-.42px; }

.copyright p + p.p-date { margin-top:1px; color:#e0e0e0; }

.only_tab { display:none; }
.only_mo { display:none; }


@media (max-width: 1280px){
    /* footer */
    .copyright .wrap { width:880px; }

    .copyright .copy_left { width:55%; text-align:left; }
    .copyright .copy_right { width:45%; text-align:right; }
}


@media (max-width: 940px){
    /* footer */
    .copyright { display:none; }
    .copyright_t { display:block; position:relative; margin:0 auto; padding:30px 0; width:100vw; height:auto;  background:#000; color:#e0e0e0; font-size:13px; line-height:22px; letter-spacing:-.39px; font-weight:400; text-align:left; z-index:1; }
    .copyright_t .copy_inner { width:100%; }
    .copyright_t p { margin:0; text-align:center; font-size:13px; line-height:22px; letter-spacing:-.39px; }
    .copyright_t p.p-text { font-weight:400; letter-spacing:-.52px; }
    .copyright_t p b { margin-right:5px; font-weight:600; }
    .copyright_t p span.__line { display:inline-block; padding:0 7px 0 9px; color:#999; line-height:20px; }

    .copyright_t p.p_colnom { margin-top:2px; line-height:18px; }
    .copyright_t p.p_colnom b { margin-right:2px; }
    .copyright_t p .footer_mail { color:#e0e0e0; font-size:12px; letter-spacing:.13px; -webkit-transition:color .3s ease; transition:color .3s ease; text-decoration:none; }
    .copyright_t p .footer_mail i { width:18px; height:12px; background:url(../img/ic_mail.svg) no-repeat center center; position:relative; display:inline-block; margin-right:2px; vertical-align:text-top; }

    .copyright_t .__copyright { margin-top:13px; color:#616161; font-size:12px; }
}