@charset "utf-8";

/*  quick menu   */
#quick_menu	{position:fixed; right:0; top:0; width:60px; height:100%; overflow:hidden;z-index:2000;padding-top: 160px}
.set_quick_menu>li	{overflow:hidden;width:60px;height:71px; }
.set_quick_menu>li .qm	{overflow:hidden; display:block; float:left;width:60px; height:70px; background-color:#ddd; border-bottom:1px solid #ccc;}
.set_quick_menu .qm_home>a	{background-color:#b59f8a; border-bottom:1px solid #ccc;}
.qm_title>h2	{background-color:#bbb; border-bottom:1px solid #ccc; }
.qm01.on .qm	{background-color:#ff9600;}
.qm02.on .qm	{background-color:#b2d231;}
.qm03.on .qm	{background-color:#f25792;}
.qm04.on .qm	{background-color:#19d9d7;}
.qm05.on .qm	{background-color:#ffbb04;}
.qm06.on .qm	{background-color:#60c91b;}

.set_quick_menu>li .wrap_qm_cont	{overflow:hidden; position:absolute; left:60px;top:0;float:left; width:340px; height:100%;padding:0 30px; background-color:#eee; visibility:hidden; opcity:0; z-index:2001;}
.set_qm_cont	{position:relative;height:530px;}
.wrap_qm_cont .set_title	{margin-top:30px;margin-bottom:40px; overflow:hidden;}
.wrap_qm_cont .set_title h2	{float:left;}
.wrap_qm_cont .set_title>a	{float:right;}
.wrap_qm_cont .btn_go	{position:absolute; left:0; bottom:30px;}

.qm_map	{margin-bottom:10px;}
.qm05 .set_title	{position:relative; z-index:2001;}
.qm05 .qm_cont	{position:absolute; left:-30px; top:-30px;}
.qm04 .qm_cont	{position:relative;}
#qm_ev_prev	{position:absolute; left:10px; top:50%; margin-top:-15px;}
#qm_ev_next	{position:absolute; right:10px; top:50%; margin-top:-15px;}
.set_login>li	{height:25px; background-color:#333; border-bottom:1px solid #bbb; background-color:#ccc;}
#quick_menu .quick_top	{display:block; width:60px; height:25px;background-color:#bbb;}

.qm_cont .qm_ev_slider li{height:340px;}
.qm_cont .qm_ev_slider li img{width:340px; height:340px;}


/* 하단 퀵 */
#ft_wrap {background-color:#3f3c35;height:80px}
#quick_menu	{
    position:fixed; 
    top:270px; 
    right:20px; 
    z-index:999999;
}
#quick_menu>ul{
    width:50px;
}
#quick_menu>ul>li	{
    position:relative;
    display: inline-block;
    width:50px; 
    height:50px; 
    line-height:50px;
    border-radius:50px;
    margin-bottom:10px;
    overflow: hidden;
}
#quick_menu>ul>li:nth-child(1) h2 {background:url('/img/quick/quick01.png') no-repeat center center}
#quick_menu>ul>li:nth-child(2) h2 {background:url('/img/quick/quick02.png') no-repeat center center}
#quick_menu>ul>li:nth-child(3) h2 {background:url('/img/quick/quick03.png') no-repeat center center}
#quick_menu>ul>li:nth-child(4) h2 {background:url('/img/quick/quick04.png') no-repeat center center}
#quick_menu>ul>li:nth-child(5) h2 {background:url('/img/quick/quick05.png') no-repeat center center}
#quick_menu>ul>li:nth-child(6) h2 {background:url('/img/quick/quick06.png') no-repeat center center}
#quick_menu>ul>li:nth-child(7) h2 {background:url('/img/quick/quick07.png') no-repeat center center}
#quick_menu>ul>li>a {width:100%; height: 100%; display:block; text-align:right; background-color:#5d81eb;border-radius:50px}
#quick_menu>ul>li:nth-child(5)>a {background-color:#f4e425;}
#quick_menu>ul>li:nth-child(6)>a {background-color:#2dad2d;}
#quick_menu>ul>li:nth-child(7)>a {background-color:#4d4d4d;}
#quick_menu>ul>li>a img {padding:10px}
#quick_menu>ul>li:hover {
    width:150px;    
    right: 100px;
}
#quick_menu>ul>li h2 {width:50px; height:50px; color:rgba(0, 0, 0, 0); display: inline-block;}
#quick_menu>ul>li span {
    display:none;
    position: absolute;
    left: 10px;
    color: #fff;
    top:10px;
    width: 92px; 
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    padding-right:8px;
    font-size:16px;
    font-weight: 500; 
    text-align:center;
}
#quick_menu>ul>li:nth-child(5) span {
    color:#785b30;
}
#quick_menu>ul>li:hover span {display:block}


/* quickMainEmbed */

.quickMainEmbedControl{
    display:block;
    position: fixed;
    left:50px;
    bottom:-310px;
    z-index: 1000000;
	animation:balloonAni2 1.5s .5s infinite ease alternate;
}
.quickMainEmbedControl img{
    cursor: pointer;
}
.quickMainEmbedControl img#open{
    display: none;
}

.quickMainEmbedControl .quickOpen01 {position:absolute;left:65px;bottom:0}
.quickMainEmbedControl .quickOpen02 {position:absolute;left:155px;bottom:90px;}
@-webkit-keyframes balloonAni2 {
    0%,100% {transform:translateY(0)}
    50% {transform:translateY(+10px)}
}
@keyframes balloonAni2 {
    0%,100% {transform:translateY(0)}
    50% {transform:translateY(+10px)}
}

.quickMainEmbedControl img#colose{
    display: block;
}
@-webkit-keyframes balloonAni {
    0% {transform: translateY(-30px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@keyframes balloonAni {
    0% {transform: translateY(-30px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@-webkit-keyframes balloonAni2 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}
@keyframes balloonAni2 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}

.quickCloseWrap {
    position: absolute;
    top: -80px;
    left: -30px;
    z-index: 9999;
}
.quickCloseWrap img {cursor:pointer}

.quickMainEmbed{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 70px; 
    /*background-color: #111111;*/
	background:url('../img/quick/quickMainEmbedBg.png') no-repeat center center;
	background-size:cover;
    z-index: 999999;
    transition: 0.1s;
}
.quickMainEmbed .quickMainEmbed_wrapper {
    position: relative;
    width: 1210px;
    height:inherit;
    margin: 0 auto;
}
.quickMainEmbed .quickMainEmbedDepth1{
    display: flex;
    align-items: center;
    height: inherit;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.title {
    position: relative;
    width:200px;
    margin-right: 30px;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.title > img {
    position: absolute;
    top: -95px;
    left:0;
    z-index: 9999;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.title > img.titleTextOn {animation:title .8s infinite ease}
@-webkit-keyframes title {
    0%,100% {opacity:0}
    50% {opacity:1}
}
@keyframes title {
    0%,100% {opacity:0}
    50% {opacity:1}
}


.quickMainEmbed .quickMainEmbedDepth1 > div.title > div.callInfo{
    display: flex;
    height: 100%;
    justify-content: center;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.title > div.callInfo > a{
    color: #fff255;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.title > div.callInfo > a >h4{
    font-size: 30px;
}
.quickMainEmbed .quickMainEmbedDepth1 > ul.menu{
    display: flex;
    width: 600px;
    height: 30px;
	padding-top: 5px;
}
.quickMainEmbed .quickMainEmbedDepth1 > ul.menu > li {
    flex: 0 1 85px;
    height: inherit;
    border-left: solid #b8b8b8 1px;
}
.quickMainEmbed .quickMainEmbedDepth1 > ul.menu > li > a {
    position: relative; 
    height: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    /*background-color: #111111;*/
    z-index: 9999;
    overflow: visible;
}
.quickMainEmbed .quickMainEmbedDepth1 > ul.menu > li > a > img {
    display: block;
/*
    width: 32px;
    height: 31px;
*/
}
.quickMainEmbed .quickMainEmbedDepth1 > ul.menu > li:hover > a > img{
    display: none;
}
.quickMainEmbed .quickMainEmbedDepth1 > ul.menu > li > a > h2 {
    display: none;
    width: 65px;
    color: #ffc412;
    font-size: 14px;
    font-weight: 400;
}
.quickMainEmbed .quickMainEmbedDepth1 > ul.menu > li:hover > a > h2 {
    display: block;
}

.quickMainEmbed .quickMainEmbedDepth1 > div.ad{
	position:relative;
    width: 370px;
    height: inherit;
    /*background-color: #9858db;
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);*/
}

.quickAdImg {position: absolute;right: -150px;bottom: 0;}
.quickAdImg2 {position: absolute;right:30px;bottom: 90px;animation: balloonAni3 1.5s infinite ease}
@-webkit-keyframes balloonAni3 {
    0%,100% {transform: translateY(-10px);opacity:1}
    50% {transform: translateY(0px);opacity: 1}
}
@keyframes balloonAni3 {
    0%,100% {transform: translateY(-10px);opacity:1}
    50% {transform: translateY(0px);opacity: 1}
}

#quickSlider {position:absolute;right:35px;bottom:5px;width:307px;height:55px}
#quickSlider .swiper-button-next, #quickSlider .swiper-button-prev {background:none;width:20px;height:20px;margin-top:0;transform: translateY(-50%);}
#quickSlider .swiper-button-next {right:5px}
#quickSlider .swiper-button-prev {left:5px}