@charset "utf-8"; 

/* 퀵메뉴 */
.quick_menu {width: 5rem; background: #fff; box-shadow: 0 0 .3rem rgba(0,0,0,.2); position: absolute; right: 50%; margin-right: calc(-700px - 7.7rem); top: 2rem; z-index: 3;}
.quick_menu:after {content: ""; display: block; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: url('/common/images/B24_main/quick_ico.png') #fff center no-repeat; box-shadow: 0 0 .15rem rgba(0,0,0,.4); position: absolute; right: .25rem; top: -.5rem;}
.quick_menu h2 {display: flex; justify-content: center; align-items: center; height: 2.5rem; background: #153149; font-size: .8rem; color: #fff; font-weight: 600; text-align: center;}
.quick_menu ul {max-height: calc(100vh - 11rem); background: #fff; padding: 0 .6rem; overflow-y: auto;}
.quick_menu ul li + li {border-top: 1px solid #eff1f2;}
.quick_menu ul li a {display: flex; justify-content: center; align-items: center; min-height: 3rem; padding: .5rem 0; font-size: .7rem; text-align: center; line-height: 1.3; word-break: keep-all;}
.quick_menu .qck_toggle {display: none; width: 3rem; height: 3rem; border-radius: 50%; background: #153149; box-shadow: 0 0 .5rem rgba(0,0,0,.5); position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.quick_menu .qck_toggle:after {content: ""; display: block; width: .5rem; height: .5rem; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); position: absolute; left: .75rem; top: 50%; margin-top: -.25rem;}

/* 퀵메뉴 : active */
.quick_menu ul li a:hover,.quick_menu ul li a:focus {text-decoration: underline;}
body.header_fixed .quick_menu {position: fixed;}

@media (max-width: 1750px) {
	
	/* 퀵메뉴 */
	.quick_menu {box-shadow: none; position: fixed; right: 0; margin-right: 0; top: 50%; transform: translate(100%, -50%); transition: .2s; -webkit-transition: .2s; -ms-transition: .2s;}
	.quick_menu ul {max-height: calc(100vh - 22.5rem);}
	.quick_menu .qck_toggle {display: block;}
	/* 퀵메뉴 : active */
	.quick_menu.on {box-shadow: 0 0 .3rem rgba(0,0,0,.2); transform: translate(0, -50%);}
	.quick_menu .qck_toggle.on:after {border-left: 0; border-right: 2px solid #fff; transform: rotate(-45deg); left: .55rem;}
}


@media (max-width: 1200px) {
	/* 퀵메뉴 */
	.quick_menu ul {max-height: calc(100vh - 14.5rem);}
}