@charset "UTF-8";

/********************************************************
■ Quick Menu : 퀵메뉴 부분
********************************************************/
.right-quick { position:fixed; top:50%; transform:translateY(-50%); right:0; width:90px; z-index:9; }
.right-quick .right-menu li { position:relative; transition-duration: 300ms; }
.right-quick .right-menu li:hover { box-shadow:0 0 10px rgba(0,0,0,.5); z-index:10; }

.right-quick .right-menu li a { display:flex; flex-direction: column; justify-content:center; padding:10px; background:#444; color:#fff; font-size:.813rem; }
.right-quick .right-menu li a .image { width:35px; margin:5px auto; }
.right-quick .right-menu li a .image .img { padding-bottom:100%; background:none no-repeat center/contain; }
.right-quick .right-menu li a .head { text-align:center; line-height:1.2; }



.left-quick { position:fixed; left:10px; bottom:10px; z-index:10; }
/*.left-quick ul { position:relative; opacity:1; visibility:visible; transition-duration: 300ms; display:flex; }
.left-quick li a { display:flex; flex-direction: column; justify-content:center; align-items:center; width:55px; height:55px; font-size:11px; font-weight:600; }
.left-quick li a.call {  }
.left-quick li a.kakao { background:#ffe800; color:#381e1f; }
.left-quick li a.inquiry { background:#444;  color:#fff; }

.left-quick li a .image { width:25px; margin:0 auto; }
.left-quick li a .image .img { padding-bottom:100%; background:none no-repeat center/contain; }*/

.left_quick2{padding:0px 12px; background: rgba(0, 0, 0, 0.5); color:#fff !important; font-size: 15px;  display:block;  text-align: center; font-weight: 400;  background-image: url('http://www.qbecon.com/thema/aThema001/img/down_w.png'); background-position: right; background-repeat: no-repeat; border-radius: 50px;transition-duration:500ms;  width:200px; height:40px; line-height: 18px; margin-right: 20px; line-height:40px }
.left_quick2:hover{padding:0px 12px; background: rgba(0, 0, 0, 1);background-image: url('http://www.qbecon.com/thema/aThema001/img/down_w.png'); background-position: right; background-repeat: no-repeat; border-radius: 50px;transition-duration:500ms;}

.left_quick3{padding:0px 12px; background: rgba(0, 0, 0, 0.5); color:#fff !important; font-size: 15px;  display:block;  text-align: center; font-weight: 400;  background-image: url('http://www.qbecon.com/thema/aThema001/img/down_w2.png'); background-position: right; background-repeat: no-repeat; border-radius: 50px;transition-duration:500ms;  width:200px; height:40px; line-height: 18px; margin-right: 20px; line-height:40px }
.left_quick3:hover{padding:0px 12px; background: rgba(0, 0, 0, 1);background-image: url('http://www.qbecon.com/thema/aThema001/img/down_w2.png'); background-position: right; background-repeat: no-repeat; border-radius: 50px;transition-duration:500ms;}
 
/* 하단 1:1 상담 */
.bottom-quick { position: fixed; bottom:10px; right:10px; z-index: 1099; }

.bottom-quick .inquiry-btn { position:relative; left:50%; transform:translateX(-50%); border-radius:99px; width:55px; height:55px; }
.bottom-quick .inquiry-btn a { position:relative; color:#fff; display:block; width:100%; height:100%; line-height:55px; text-align:center; }
.bottom-quick .inquiry-btn a:before { content:"온라인으로 간편하게 문의 할 수 있습니다"; position:absolute; right:0; top:0; border-radius:99px; height:100%; width:100%; opacity:0; overflow:hidden; color:#fff; transition-duration: 200ms; }
.bottom-quick .inquiry-btn a:hover:before { width:350px; font-size:1rem; opacity:1; }

.bottom-quick .modal .modal-dialog { top:0; margin:0 auto; width:100%; max-width:1000px; }
.bottom-quick .modal .modal-content { padding: 30px 40px; height:100%; }
.bottom-quick .modal .content { margin:5px 0 25px; color:#333; }

.bottom-quick .modal input[type="checkbox"], .bottom-quick .modal label .fa-check-square-o { display:none; }
.bottom-quick .modal input[type="checkbox"]:checked + label .fa-check-square-o { display:inline-block; }
.bottom-quick .modal input[type="checkbox"]:checked + label .fa-square-o { display:none; }

.bottom-quick .modal .btns { display: flex; justify-content: center; }
.bottom-quick .modal .btns > * { display: block; width:30%; padding:15px 0; margin:0 10px; text-align:center; cursor:pointer; border:none; }
.bottom-quick .modal .btns .btn-cancel { border: 1px solid #ccc; }
.bottom-quick .modal .btns .btn-cancel:hover { background-color: rgba(0, 0, 0, 0.05); }


@media (max-width: 1024px) {	
	.right-quick { display:none; }
	.left-quick { left:5px; bottom:5px; }
	/*.left-quick ul { flex-direction: column; }
	body.scroll-bt-up .left-quick ul { position:absolute; opacity:0; visibility:hidden; }*/
}

@media (max-width: 767px) { 
	.bottom-quick .inquiry-btn a:before { display:none; }
	.bottom-quick .modal .modal-content { padding:15px 20px; }

	.bottom-quick .modal .btns a { width:35%; }
	
	.left_quick2{padding:0px 8px 0 15px; background: rgba(0, 0, 0, 0.5); color:#fff !important; font-size: 12px;  display:block;  text-align: left; font-weight: 400;  background-image: url('http://www.qbecon.com/thema/aThema001/img/down_w.png'); background-position: right; background-repeat: no-repeat; border-radius: 50px;transition-duration:500ms;  width:132px; height:35px;   margin-right: 20px; line-height:35px }
	.left_quick3{padding:0px 8px 0 15px; background: rgba(0, 0, 0, 0.5); color:#fff !important; font-size: 12px;  display:block;  text-align: left; font-weight: 400;  background-image: url('http://www.qbecon.com/thema/aThema001/img/down_w2.png'); background-position: right; background-repeat: no-repeat; border-radius: 50px;transition-duration:500ms;  width:132px; height:35px;   margin-right: 20px; line-height:35px }
}



/* 상단/하단 이동버튼 */
.go-btn { margin-top:5px; background:#fff; display:none; width:55px; height:55px; z-index:99; }
.go-btn span { display:flex; justify-content:center; align-items:center; color:#333; background:rgba(255,255,255,.8); border:1px solid #ddd; width:100%; height:100%; }
.go-btn .go-bottom { display:none; }