/*-------------------------------------------------------------------------------------*
 *  좌측메뉴                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside {background:#f6f8fc; position:fixed; width:100%; min-width:0px; top:0; right:-100%; bottom:0; box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); width:0px; transition:0.35s width ease, 0.35s min-width ease; z-index:99999; -webkit-overflow-scrolling:touch;}
.aside.in {max-width: 320px; width:100%; right:0;}
.aside_wrap {float:left; height:100%; width:100%; padding:10px 10px 80px; -webkit-overflow-scrolling:touch; position:relative; overflow-y:scroll;}

.aside_top_wrap {width:100%; position:relative; display:flex;}
.aside_top_left {float:left; width:100%; line-height:70px; text-align:center;}
.aside_top_right {float:right; cursor:pointer; position:absolute; right:5px;}


.aside2 {background:linear-gradient(rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 100%), url(../../images/bg.jpg), center top no-repeat; position:fixed; width:100%; min-width:0px; top:0; left:-100%; bottom:0; box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); width:0px; transition:0.35s width ease, 0.35s min-width ease; z-index:2000; -webkit-overflow-scrolling:touch;}
.aside2.in {max-width: 314px; width:calc(100% - 50px); left:0;}

.aside2_box2_wrap{float:left; width:100%; margin:10px 0 0 0;}
.aside2_box2{}

/*-------------------------------------------------------------------------------------*
 *  별도추가                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside_wrap::-webkit-scrollbar {width: 4px; height: 4px;}
.aside_wrap::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.1); border-radius: 12px;}
.aside_wrap::-webkit-scrollbar-track {display: none;}

.aside-backdrop{position:fixed; width:0%; min-width:0px; top:0; right:-100%; bottom:0; background:rgba(0,0,0,0.3); z-index:1999;}
.aside-backdrop.in{max-width: 100%; width:100%; right:0;}

.aside_close{font-size:34px; height:34px; line-height:34px; background:#ffffff; border-radius:5px; color:#5837ff; padding:0px;}
.aside_close1{}
.aside_close2{}

.padding0{padding:0 0 80px 0;}
@media screen and (min-width:1480px) {
   .aside{display:none;}
   .aside2{display:none;}
}


/*-------------------------------------------------------------------------------------*
 *  햄버거메뉴관련                                                                           *
 *-------------------------------------------------------------------------------------*/
.hamburger_menu_top{width:100%; display:flex; align-items:center; flex-wrap:wrap; padding:10px 10px; background:#5837ff;} 
.hamburger_menu_logo img{width:120px; filter:brightness(500%);}
.hamburger_menu_text{width:100%; font-size:16px; color:#ffffff; height:40px; line-height:40px;}
.hamburger_menu_close{position:absolute; right:10px; top:10px;}
.m_top_util_box{display:flex; align-items:center; justify-content:center; gap:0; padding:20px 10px; margin:0;}
.m_top_util_item{display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1; height:64px; background:#ffffff; border:1px solid #e8e8e8; border-radius:10px; gap:5px; cursor:pointer; transition:all 0.2s; margin:0 5px;}
.m_top_util_item:hover,.m_top_util_item:active{background:#f0ecff; border-color:#5837ff;}
.m_top_util_item img{width:20px; height:20px; object-fit:contain;}
.m_top_util_item span{font-size:11px; color:#555555; font-weight:500; line-height:1;}
.m_top_serch_box{display:flex; align-items:center; padding:0px 10px; margin:0px 0 0 0;}
.m_tsb_input_box{position:relative; width:100%; width:100%;}
.m_top_serch_input{background-color:#ffffff; border:1px solid #f0f0f0; padding:4px 30px 4px 20px; color:#444444; font-size:14px; border-radius:42px; height:42px; width:100%; transition:all 0.5s;}
.m_tsb_input_box button{position:absolute; right:10px; height:42px; padding:0 5px;}


.hamburger_menu_gnb{float:left; width:100%; padding:0px 10px; margin:20px 0 0 0;}
.hamburger_menu_gnb>ul{width:100%;}
.hamburger_menu_gnb>ul>li{float:left; width:100%; margin:1px 0 0 0;}
.hamburger_menu_gnb>ul>li>a{background:#ffffff; display:flex; align-items:center; height:40px; width:100%; padding:0 10px; position:relative; border-radius:5px;}
.hmg_text{width:100%; height:100%; line-height:40px; font-weight: 600; font-size:15px; color:#444444;}
.hmg_text img{display:inline-block; width:18px; margin:0 10px 0 0;}
.hmg_arrow{position:absolute; right:0; width:40px; height:40px; font-size:30px; display:flex; align-items:center; justify-content:center; color:#999999; border-left:1px solid #f6f8fc;}
.hmg_arrow i:nth-child(2){display:none;}

.hamburger_menu_gnb>ul>li.active .hmg_arrow{color:#5837ff;}

.hmg_hide_menu{width:100%; display:none;}
.hmg_hide_menu li{width:100%;}
.hmg_hide_menu li a{width:100%; background:rgba(255,255,255,0.3); display:inline-block; padding:0 20px 0 40px; height:36px; line-height:36px; position:relative; font-weight: 500; font-size:14px; color:#666666;}
.hmg_hide_menu li a:after{content: ""; position: absolute; top: 50%; left: 15px; width: 11px; height: 11px; transform: translateY(-50%); border: 2px solid #dadcdd;border-radius: 50%; background: #fff; z-index: 1;}

.hamburger_menu_gnb>ul>li.active .hmg_hide_menu{display:block;}