/*     144712 : 우측 퀵메뉴바      */
.row__144712__ {position:relative;}

.quickbar__144712__ {background-image:none;background-repeat:repeat;background-position:center 0;}
.quickbar__144712__ ul {background-color:#4e4e4e;margin:0;padding:10px;}
.quickbar__144712__ ul:after {content:'';display:block;clear:both;}
.quickbar__144712__ ul li {box-sizing:border-box;float:left;width:50%;margin:0;padding:0;border-left:1px solid rgba(255,255,255,.2);list-style-type:none;}
.quickbar__144712__ ul li:nth-child(4n+1) {clear:both;border-left-width:0;}
.quickbar__144712__ ul li .item {display:table;width:100%;}
.quickbar__144712__ ul li .item .item_inner {box-sizing:border-box;display:table-cell;padding:10px;text-align:center;vertical-align:middle;}
.quickbar__144712__ ul li .item .figure {display:block;height:40px;}
.quickbar__144712__ ul li .item .figure img {vertical-align:top;}
.quickbar__144712__ ul li .item .figure .off_img {display:block;}
.quickbar__144712__ ul li .item .figure .on_img {display:none;}
.quickbar__144712__ ul li .item .caption {display:block;margin-top:5px;}
.quickbar__144712__ ul li .item .caption .title {display:block;font-size:13px;color:#fff;line-height:1.3em;letter-spacing:-.03em;}
.quickbar__144712__ ul li .layer_cont {display:none;}

@media all and (min-width:1024px){
	.quickbar__144712__ {position:absolute;top:95px;right:1%;bottom:0;z-index:1000;width:90px;}
	.quickbar__144712__ .quickbar_inner {position:absolute;top:60%;right:1%;bottom:0;z-index:1001;width:90px;}
	.quickbar__144712__ ul {padding:0;border-radius:10px;}
	.quickbar__144712__ ul li {float:none;width:auto;position:relative;border:none;border-top:1px solid rgba(255,255,255,.2);}
	.quickbar__144712__ ul li:first-child {border-top-width:0;}
	.quickbar__144712__ ul li:nth-child(4n+1) {clear:none;}
	.quickbar__144712__ ul li .item {height:110px;}
	.quickbar__144712__ ul li .item .figure {height:auto;}
	.quickbar__144712__ ul li .item .caption {margin-top:12px;}
	.quickbar__144712__ ul li .item .caption .title {font-size:14px;}
	.quickbar__144712__ ul li .layer_cont {box-sizing:border-box;position:absolute;bottom:0;right:90px;width:270px;min-height:250px;padding:40px;background:#8f29e2;white-space:nowrap;}
	.quickbar__144712__ ul li .layer_cont .title {margin:0;padding:0;font-size:40px;font-weight:bold;color:#fff;text-align:center;line-height:1.2em;letter-spacing:-.03em;white-space:normal;word-break:keep-all;}
	.quickbar__144712__ ul li .layer_cont .cont {margin:15px 0 0;padding:0;font-size:14px;color:#fff;text-align:center;line-height:1.3em;letter-spacing:-.03em;white-space:normal;word-break:keep-all;}
	.quickbar__144712__ ul li .layer_cont .btn_link {margin-top:35px;text-align:center;}
	.quickbar__144712__ ul li .layer_cont .btn_link a {box-sizing:border-box;display:inline-block;min-width:170px;height:45px;padding:0 20px;border:1px solid #fff;font-size:18px;font-weight:bold;color:#fff;line-height:43px;letter-spacing:-.03em;vertical-align:top;}
	.quickbar__144712__ ul li:nth-child(1) .layer_cont,
	.quickbar__144712__ ul li:nth-child(2) .layer_cont {top:0;bottom:auto;}

	.quickbar__144712__ ul li.on .item, .quickbar__144712__ ul li:hover .item {background:#fff;}
	.quickbar__144712__ ul li.on .item .figure .off_img,
	.quickbar__144712__ ul li:hover .item .figure .off_img {display:none;}
	.quickbar__144712__ ul li.on .item .figure .on_img,
	.quickbar__144712__ ul li:hover .item .figure .on_img {display:block;}
	.quickbar__144712__ ul li.on .item .caption,
	.quickbar__144712__ ul li:hover .item .caption {display:none;}
	.quickbar__144712__ ul li.on .layer_cont,
	.quickbar__144712__ ul li:hover .layer_cont {display:block;}
}

.quickbar__144712__.build_edit_mode {position:static;top:auto;right:auto;bottom:auto;left:auto;width:auto;}
.quickbar__144712__.build_edit_mode .quickbar_inner {display:table;position:static;top:auto;right:auto;bottom:auto;left:auto;width:auto;margin:0 auto;}
.quickbar__144712__.build_edit_mode ul:after {content:'';display:block;clear:both;}
.quickbar__144712__.build_edit_mode ul li {box-sizing:border-box;float:left;width:90px;}
.quickbar__144712__.build_edit_mode ul li .layer_cont {display:none;}

@media all and (max-width:1023px){
	.quickbar__144712__ {position:absolute;top:95px;right:1%;bottom:0;z-index:1000;width:90px;}
	.quickbar__144712__ .quickbar_inner {position:absolute;top:40%;right:1%;bottom:0;z-index:1001;width:90px;}
	.quickbar__144712__ ul {padding:0;border-radius:10px;}
	.quickbar__144712__ ul li {float:none;width:auto;position:relative;border:none;border-top:1px solid rgba(255,255,255,.2);}
	.quickbar__144712__ ul li:first-child {border-top-width:0;}
	.quickbar__144712__ ul li:nth-child(4n+1) {clear:none;}
	.quickbar__144712__ ul li .item {height:110px;}
	.quickbar__144712__ ul li .item .figure {height:auto;}
	.quickbar__144712__ ul li .item .caption {margin-top:12px;}
	.quickbar__144712__ ul li .item .caption .title {font-size:14px;}
	.quickbar__144712__ ul li .layer_cont {box-sizing:border-box;position:absolute;bottom:0;right:90px;width:270px;min-height:250px;padding:40px;background:#8f29e2;white-space:nowrap;}
	.quickbar__144712__ ul li .layer_cont .title {margin:0;padding:0;font-size:40px;font-weight:bold;color:#fff;text-align:center;line-height:1.2em;letter-spacing:-.03em;white-space:normal;word-break:keep-all;}
	.quickbar__144712__ ul li .layer_cont .cont {margin:15px 0 0;padding:0;font-size:14px;color:#fff;text-align:center;line-height:1.3em;letter-spacing:-.03em;white-space:normal;word-break:keep-all;}
	.quickbar__144712__ ul li .layer_cont .btn_link {margin-top:35px;text-align:center;}
	.quickbar__144712__ ul li .layer_cont .btn_link a {box-sizing:border-box;display:inline-block;min-width:170px;height:45px;padding:0 20px;border:1px solid #fff;font-size:18px;font-weight:bold;color:#fff;line-height:43px;letter-spacing:-.03em;vertical-align:top;}
	.quickbar__144712__ ul li:nth-child(1) .layer_cont,
	.quickbar__144712__ ul li:nth-child(2) .layer_cont {top:0;bottom:auto;}

	.quickbar__144712__ ul li.on .item, .quickbar__144712__ ul li:hover .item {background:#fff;}
	.quickbar__144712__ ul li.on .item .figure .off_img,
	.quickbar__144712__ ul li:hover .item .figure .off_img {display:none;}
	.quickbar__144712__ ul li.on .item .figure .on_img,
	.quickbar__144712__ ul li:hover .item .figure .on_img {display:block;}
	.quickbar__144712__ ul li.on .item .caption,
	.quickbar__144712__ ul li:hover .item .caption {display:none;}
	.quickbar__144712__ ul li.on .layer_cont,
	.quickbar__144712__ ul li:hover .layer_cont {display:block;}
}

@media all and (max-width:420px){
	.quickbar__144712__ .quickbar_inner {top: 35%;}
}