@charset "UTF-8";

/********************************************************
■ Quick Menu : 퀵메뉴 부분
********************************************************/
.right-quick { position:fixed; top:50%; transform:translateY(-50%); right:0; width:80px; z-index:99; transition-duration:300ms; display:none; }

.right-quick .a { display:block; padding:15px 5px; font-size:.75rem; letter-spacing:-0.3px; width:100%; color:#fff; }
.right-quick .a:hover { box-shadow:0 0 10px rgba(0,0,0,.5); z-index:2; }
.right-quick .a .image { width:30px; margin:0 auto 3px; }
.right-quick .a .image .img { padding-bottom:100%; background:none no-repeat center/contain; }
.right-quick .a .head { line-height:1.2; text-align:center; }

.right-quick .inquiry-btn { position:relative; left:0; width:400px; transition-duration: 500ms; }
.right-quick .inquiry-btn.on { left:-320px; }
.right-quick .inquiry-btn .open, .right-quick .inquiry-btn.on .closed { display:none; }
.right-quick .inquiry-btn .closed, .right-quick .inquiry-btn.on .open { display:block; }
.right-quick .inquiry-btn > a { width:80px; color:#fff; }
.right-quick .inquiry-btn .tell { position:absolute; top:0; left:80px; width:320px; height:100%; padding-left:60px; display:flex; flex-direction: column; justify-content:center; z-index:3; }
.right-quick .inquiry-btn .tell:before { content:""; position:absolute; left:10px; top:-3px; width:40px; height:100%; background:url('../img/inquiry-tell.png') no-repeat center/contain; opacity:.8; }
.right-quick .inquiry-btn .tell li { line-height:1.25; }
.right-quick .inquiry-btn .tell li:first-child { font-size:.75rem; }
.right-quick .inquiry-btn .tell li:last-child { font-size:1.4rem; font-weight:600; }
.right-quick .inquiry-btn .quick-inquiry { position:absolute; top:100%; left:80px; width:320px; padding:0 15px; }
.right-quick .inquiry-btn .quick-inquiry:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,.3); }


@media (max-width: 1024px) { 	
	.right-quick { display:none; }
}

.m-link { position:fixed; left:0; bottom:0; right:0; background:rgba(0,0,0,.7); display:flex; z-index:50; width:100%;}
.m-link a { position:relative; flex:1; padding:12px; color:#fff; text-align:center; font-size:.875rem; }
.m-link a:not(:first-child):before { content:""; position:absolute; top:15px; left:0; bottom:15px; width:1px; background:rgba(255,255,255,.5); }

.m-link a span { display:inline-block; width:25px; height:25px; border-radius:5px; background:none no-repeat center/20px; vertical-align:middle; margin:-2px 5px 0; }
.m-link a:nth-child(1) span { background-image:url('../img/m-btm-quick-icon1.png'); }
.m-link a:nth-child(2) span { background-image:url('../img/m-btm-quick-icon2.png'); }
.m-link a:nth-child(3) span { background-image:url('../img/m-btm-quick-icon3.png'); background-color:#fff000; }


/* 상단/하단 이동버튼 */
.at-go .go-btn { bottom: 20px; display: none; position: fixed; right: 25px; width: 40px; z-index:900; }
.at-go .go-btn span { background: rgba(0, 0, 0, 0.5); border-radius: 50%; color: #fff; display: block; font-size: 19px; height: 42px; line-height: 42px !important; margin: 5px 0px; text-align: center; width: 42px; }
.at-go .go-btn .go-bottom { display: none; }

@media (max-width: 768px) { 	
	.at-go .go-btn { bottom: 0px; right: 5px; }
}