.no_scr {overflow: hidden !important;}
.bnn_active #A_Header {top: 80px;}
#A_Wrap {width: 100%; height: 100%;}

.top_banner {overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 80px; background-color: #0D0E25; z-index: 2; /* 메인페이지에서만 노출하기 위함 */ display: none;}
.top_banner .inner {position: relative; margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: center; max-width: 1490px; width: 100%; height: 100%;}
.top_banner .inner a {margin: 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: center; max-width: 1490px; width: 100%; height: 100%}
.top_banner .inner img {display: block; margin: 0 auto; width: calc((599/1490) * 100%); max-width: 599px;} 
.top_banner .inner .m_ver {display: none; width: auto; height: 50px;}
.top_banner .btn_bnn_close {position: absolute; top: 50%; transform: translateY(-50%); right: -18px; width: 66px; height: 66px; background: url('../images/main/delete_L.png') no-repeat center / contain; text-indent: -9999px;}

/* header */
#A_Header {position: fixed; top: 0; left: 0; width: 100%; height: auto; background-color: transparent; z-index: 10; transition: top 0.3s ease;}

.top_navbar {display: flex; justify-content: space-between; align-items: center; position: relative; max-width: 1490px; width: 100%; height: 80px; margin: 0 auto; z-index: 2;}
.top_navbar .btn_hamburger {display: none;}
.top_navbar .logo {position: relative; width: 215px; height: 100%; padding: 10px 0;}
.top_navbar .logo a {display: block; width: 100%; height: 100%; background: url('../images/common/apti_logo_wh.png') no-repeat 0 0 / contain; text-indent: -9999px;}
.top_navbar .logo a img {width: 100%; height: 100%; vertical-align: top;}

.top_navbar .menu_area {display: flex; flex-direction: row; justify-content: flex-end; align-items: center; overflow: hidden;}
.top_navbar .gnb {position: static; top: auto; left: auto; overflow: hidden; height: 100%; line-height: 80px;}
.top_navbar .gnb.m_menu {visibility: hidden; opacity: 0;}
.top_navbar .gnb.mobile_menu {visibility: hidden; opacity: 0;}
.top_navbar .gnb li {position: relative; float: left; display: flex; justify-content: center; width: 160px; text-align: center;}
.top_navbar .gnb li a {position: relative; font-size: 1.8rem; font-weight: 600; color: #fff; display: flex; align-items: center;}
.top_navbar .gnb li a .badge {padding: 2px 6px; margin-left: 4px; border-radius: 12px; background: #f33; font-size: 9px; font-weight: 700; color: #fff; line-height: 1.35; font-style: normal;}
.top_navbar .gnb li a span {position: absolute; bottom: 19px; left: 0; width: 0; height: 2px; background: #3c70ff; transition: all 0.4s ease}
.top_navbar .gnb li.active a,
.top_navbar .gnb li a:hover {color: #111;}
.top_navbar .gnb li.active a span,
.top_navbar .gnb li a:hover span {width: 100%;}
.top_navbar .gnb .gnb_down {display: none;}


.util_area {display: flex; justify-content: flex-end; align-items: center; margin: 0 0 0 80px; flex: 0 0 auto;}
.util_area .account_menu {display: flex; flex-direction: row; align-items: center;}
.util_area .account_menu li {position: relative; flex: 0 0 auto;}
.util_area .account_menu li + li {margin: 0 0 0 18px; padding: 0 0 0 18px}
.util_area .account_menu li + li:before {opacity: 0.5; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 15px; background-color: #fff; content: '';}
.util_area .account_menu li a {display: block; font-size: 1.6rem; color: #fff; font-weight: 500;}

.util_area .apply_homepage_button {display: inline-block; font-size: 15px; font-weight: 500; color: #fff; line-height: 1.45; border-radius: 99px; border: 1px solid #cdd1d8; padding: 8px 14px; margin-left: 20px;}
 
/* .util_area .btn_all_menu {position: relative; width: 23px; height: 20px; margin: 0 0 0 36px; border: 0; padding:0; cursor: pointer;}
.util_area .btn_all_menu span {position: absolute; display: block; width: 100%; height: 2.4px; background-color: #fff; border-radius: 2.5px; transition: transform 0.4s ease, opacity 0.4s ease, top 0.4s ease;}
.util_area .btn_all_menu span:nth-child(1) {top: 0; transform: rotate(0);}
.util_area .btn_all_menu span:nth-child(2) {opacity: 1; top: 9px;}
.util_area .btn_all_menu span:nth-child(3) {top: 18px; transform: rotate(0);}
.util_area .btn_all_menu.close span:nth-child(1) {top: 9px; transform: rotate(45deg);}
.util_area .btn_all_menu.close span:nth-child(2) {opacity: 0;}
.util_area .btn_all_menu.close span:nth-child(3) {top: 9px; transform: rotate(-45deg);} */

.lnb_wrap {visibility: hidden; opacity: 0; height: 0; position: absolute; z-index: 1; width: 100%; overflow: hidden; background-color: #fff; border-bottom: 1px solid #E3E8EC; transition: all 0.3s ease;}
.lnb_wrap.slide_down {visibility: visible; opacity: 1; height: 260px;}
.lnb_wrap .lbn_inner {display: flex; flex-direction: column; justify-content: space-between; position: relative; max-width: 1490px; width: 100%; margin: 0 auto;  padding: 7px 346px 0 0;}
.lnb_wrap .lnb_area {display: flex; flex-direction: row; justify-content: flex-end; width: 100%;}
.lnb_wrap .lnb_area .all {opacity: 0; visibility: hidden; height: 0;}
.lnb_wrap .lnb {overflow: hidden;}
.lnb_wrap .lnb > li {float: left; width: 160px;}
.lnb_wrap .lnb .lnb_title {display: block; margin: 0 0 34px; font-size: 1.8rem; font-weight: 500; color: #111; text-align: center;}
.lnb_wrap .lnb .lnb_title span {position: relative; display: inline-block;}
.lnb_wrap .lnb .lnb_title span:before {display: block; position: absolute; bottom: -6px; left: 0; width: 0; height: 2px; background-color: #3c70ff; transition: all 0.4s ease; content: '';}
.lnb_wrap .lnb .lnb_title.active span:before {width: 100%;}
.lnb_wrap .lnb .lnb_item {text-align: center;}
.lnb_wrap .lnb .lnb_item + .lnb_item {margin: 16px 0 0;}
.lnb_wrap .lnb .lnb_item a {display: inline-block; line-height: 1.5; font-size: 1.5rem; font-weight: 400; color: #474B52;}
.lnb_wrap .lnb .lnb_item a:hover {color: #2761FF;}

.lnb_wrap.active.slide_down {height: 553.5px;}
.lnb_wrap.active.slide_down .lnb_area .all {opacity: 1; visibility: visible; height: 100%;}

#A_Header.active {background-color: #fff; transition: background 0.3s ease;}
#A_Header.active.bd_block {border-bottom: 1px solid #E3E8EC;}
#A_Header.active .logo a {background-image: url('../images/common/apti_logo.png');}
#A_Header.active .top_navbar .gnb li a {color: #111;}
#A_Header.active .util_area .account_menu li + li:before {background-color: #707783;}
#A_Header.active .util_area .account_menu li a {color: #5B616C;}
#A_Header.active .util_area .apply_homepage_button {color: #19213d;}
/* #A_Header.active .util_area .btn_all_menu span {background-color: #111;} */


/* MOB 메뉴 */
.btn_m_menu {display: none; position: relative; width: 17px; height: 16px; border: 0; padding:0; cursor: pointer;}
.btn_m_menu span {position: absolute; display: block; width: 100%; height: 2px; background-color: #fff; border-radius: 2px; transition: transform 0.4s ease, opacity 0.4s ease, top 0.4s ease;}
.btn_m_menu span:nth-child(1) {top: 0; transform: rotate(0);}
.btn_m_menu span:nth-child(2) {opacity: 1; top: 7px;}
.btn_m_menu span:nth-child(3) {top: 14px; transform: rotate(0);}
.btn_m_menu.close span {background-color: #111;}
.btn_m_menu.close span:nth-child(1) {top: 7px; transform: rotate(45deg);}
.btn_m_menu.close span:nth-child(2) {opacity: 0;}
.btn_m_menu.close span:nth-child(3) {top: 7px; transform: rotate(-45deg);}

#A_Header.active .btn_m_menu span {background-color: #111;}

.mob_menu_wrap {display: none; position: absolute; top: 0; left: 0; width: 100%; background-color: #fff; border-bottom: 1px solid #E3E8EC; z-index: 1; height: 100vh;}
.mob_menu_wrap .mob_menu_inner {overflow: hidden; margin: 65px 0 0;}
.mob_menu_wrap .gnb_list {max-height: calc((var(--vh, 1vh) * 100) - 65px); overflow-y: scroll; padding: 0 0 50px;}
.mob_menu_wrap .gnb_list .list_item .gnb_tit {display: flex; align-items: center; position: relative; padding: 19px 30px 18.5px; line-height: 1.45; font-size: 1.8rem; font-weight: 600; color: #111;}
.mob_menu_wrap .gnb_list .list_item strong.gnb_tit:before {position: absolute; right: 27.5px; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 10.5px; background: url('../images/main/down_black_S.png') no-repeat 0 0 / contain; content: ''; transition: all 0.3s ease;}
.mob_menu_wrap .gnb_list .list_item strong.gnb_tit.active:before {transform: translateY(-50%) rotate(180deg);}
.mob_menu_wrap .gnb_list .list_item .badge {padding: 2px 6px; margin-left: 4px; border-radius: 12px; background: #f33; font-size: 9px; font-weight: 700; color: #fff; line-height: 1.35; font-style: normal;}
.mob_menu_wrap .gnb_list .list_item .lnb_menu {display: none; padding: 20px 40px; background-color: #F7F8F9;}
.mob_menu_wrap .gnb_list .list_item .lnb_menu .lnb_item + .lnb_item {margin: 25.5px 0 0;}
.mob_menu_wrap .gnb_list .list_item .lnb_menu .lnb_item a {display: block; line-height: 1.45; font-size: 1.7rem; font-weight: 500; color: #646B77;}


/* Media Query */
@media screen and (min-width: 1280px) and (max-width: 1490px) {
	.top_banner .inner {padding: 0 30px;}
    .top_banner .btn_bnn_close {right: 10px;}

    .top_navbar {padding: 0 30px;}
    .top_navbar .gnb li {width: 134px;}
    
    .util_area {margin: 0 0 0 20px;}
    /* .util_area .btn_all_menu {margin: 0 0 0 30px;} */
    
    .lnb_wrap .lbn_inner {padding: 7px 317px 0 0;}
    .lnb_wrap .lnb > li {width: 134px;}

}

@media (min-width: 1146px) and (max-width: 1279px) {
	.top_banner .inner {padding: 0 30px;}
    .top_banner .btn_bnn_close {right: 10px;}

    .top_navbar {padding: 0 30px;}
    .top_navbar .logo {width: 205px; padding: 15px 0;}
    .top_navbar .gnb li {width: 116px;}
    .top_navbar .gnb li a {font-size: 1.6rem;}
    
    .util_area {margin: 0 0 0 20px;}
    .util_area .account_menu li + li {margin: 0 0 0 10px; padding: 0 0 0 10px;}
    .util_area .account_menu li a {font-size: 1.5rem;}
    /* .util_area .btn_all_menu {margin: 0 0 0 20px;} */
    
    .lnb_wrap .lbn_inner {padding: 7px 294px 0 0;}
    .lnb_wrap .lnb > li {width: 116px;}
    .lnb_wrap .lnb .lnb_title {font-size: 1.6rem;}
    .lnb_wrap .lnb .lnb_item a {font-size: 1.4rem;}
    .lnb_wrap.active.slide_down {height: 533.5px;}
}

@media (min-width: 900px) and (max-width: 1145px) {
	.top_banner .inner {padding: 0 20px;}
	.top_banner .inner img {width: 80%;}
    .top_banner .btn_bnn_close {right: 6px; width: 50px; height: 50px;}

    .top_navbar {padding: 0 20px;}
    .top_navbar .logo {width: 115px; height: 18px; padding: 0;}
    .top_navbar .logo a {background-image: url('../images/common/m_apti_logo_wh.png');}
    #A_Header.active .logo a {background-image: url('../images/common/m_apti_logo.png');}
    .top_navbar .gnb li {width: 92px;}
    .top_navbar .gnb li a {font-size: 1.3rem;}

    .util_area {margin: 0 0 0 20px;}
    .util_area .account_menu li + li {margin: 0 0 0 10px; padding: 0 0 0 10px;}
    .util_area .account_menu li a {font-size: 1.3rem;}
    /* .util_area .btn_all_menu {margin: 0 0 0 10px; transform: scale(0.8);} */
    
    .lnb_wrap .lbn_inner {padding: 7px 272px 0 0;}
    .lnb_wrap .lnb > li {width: 92px; padding: 0 0 30px;}
    .lnb_wrap .lnb .lnb_title {margin: 0 0 24px; font-size: 1.4rem;}
    .lnb_wrap .lnb .lnb_item + .lnb_item {margin: 12px 0 0;}
    .lnb_wrap .lnb .lnb_item a {font-size: 1.3rem; letter-spacing: -0.02em;}
    .lnb_wrap.active.slide_down {height: 440.5px;}
}

@media screen and (max-width: 899px) {
	.bnn_active #A_Header {top: 70px;}
	.bnn_active .mob_menu_wrap .gnb_list {max-height: calc((var(--vh, 1vh) * 100) - 140px);}
    #A_Header.active .logo a {background-image: url('../images/common/m_apti_logo.png');}

	.top_banner {height: 70px; background: #18181E url('../images/main/m_top_banner_bg_241125.png') no-repeat center / cover;}
    .top_banner .inner {justify-content: flex-start; padding: 0 0 0 18px;}
	.top_banner .inner a {justify-content: flex-start; height: 70px;}
    .top_banner .inner img {margin: 0; width: 80%; max-width: 311px;}
    .top_banner .inner .pc_ver {display: none;}
    .top_banner .inner .m_ver {display: block;}
    .top_banner .btn_bnn_close {right: 16px; width: 38px; height: 38px;}
    
    .top_navbar {height: 65px; padding: 0 25px;}    
    .top_navbar .logo {width: 109px; height: 18px; padding: 0;}
    .top_navbar .logo a {background-image: url('../images/common/m_apti_logo_wh.png');}    
    .top_navbar .menu_area .gnb {display: none;}
    .util_area {margin: 0 20px 0 0; width: auto;}
    .util_area .account_menu li + li {margin: 0 0 0 12px; padding: 0 0 0 12px;}
    .util_area .account_menu li a {font-size: 1.5rem;}
	.util_area .apply_homepage_button {display: none;}
    /* .util_area .btn_all_menu {display: none;} */
	.lnb_wrap {display: none;}
    .btn_m_menu {display: block;}
}