@charset "UTF-8";

		#GNB aside.quick-new {
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
		}
		#GNB aside.quick-new > ul {
			position: absolute;
			right: 49px;
			top: 235px;
			padding: 0;
			margin: 0;
			list-style: none;
		}
		#GNB aside.quick-new > ul > li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
		#GNB aside.quick-new > ul > li + li {
			margin-top: 10px;
		}
		#GNB aside.quick-new > ul > li:after {
			display: block;
			clear: both;
			content: "";
		}
		#GNB aside.quick-new > ul > li > a {
			float: right;
			display: block;
			width: 50px;
			height: 50px;
			border-radius: 100%;
			background: no-repeat center center;
			text-align: left;
			text-indent: -9999px;
			overflow: hidden;
		}
		#GNB aside.quick-new > ul > li > a.intro {
			background-image: url('/common/image/intro.png');
		}
		#GNB aside.quick-new > ul > li > a.all {
			background-image: url('/common/image/all.png');
		}
		#GNB aside.quick-new > ul > li > a.all {
			background-image: url('/common/image/all.png');
		}
		#GNB aside.quick-new > ul > li > a.see {
			background-image: url('/common/image/quick-bg.png');
			height: 90px;
			border-radius: 100px;
			cursor: pointer;
		}
		#GNB aside.quick-new > ul > li > a.see.qopen{
			display: none;
		}
		#GNB aside.quick-new .quick-open{
			padding: 0;
			margin: 0;
			list-style: none;
			background: #f1efec url('/common/image/quick-bg-open.png') no-repeat center bottom;
			border:2px solid #222230;
			border-radius: 100px;
			width: 50px;
			padding: 10px 0 30px 0;
			box-sizing: border-box;
			display: none;
			cursor: pointer;
		}
		#GNB aside.quick-new .quick-open.qopen{
			display: inline-block;
		}
		#GNB aside.quick-new .quick-open li{
			padding: 0;
			margin: 0;
			list-style: none;
			text-align: center;
			width: 80%;
			border-bottom: 1px solid #d3d3d3;
			margin-left: 10%;
		}
		#GNB aside.quick-new .quick-open li:last-child{
			border-bottom: none;
		}
		#GNB aside.quick-new .quick-open li a{
			text-indent: 0;
			font-size: 12px;
			color: #151515;
			font-weight: bold;
			text-decoration: none;
			width: 100%;
			height: 25px;
			display: inline-block;
			padding: 5px 0 2px 0;
		}
		#GNB aside.quick-new .quick-open li a:hover{
			width: 100px;
			border: 2px solid #222230;
			padding: 3px 0 0 0;
			border-radius: 100px;
			background: #dddddd;
			margin-left: -92%;
		}
		@media (max-width: 1024px) {
			#GNB aside.quick-new > ul {
				right: 10px;
				top: 10px;
			}
		}