@charset "utf-8";

/*  quick menu   */
#quick_menu	{position:fixed; right:0; top:0; width:60px; height:100%; overflow:hidden;z-index:2000;}
.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:#6ba02c; 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:180px;}
#qm_ev_next	{position:absolute; right:10px; top:180px;}
.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;}


/*하단광고*/
.quickMainEmbedControl{
    /*opacity:0;*/
    /*display:none;*/
    position: fixed;
    left:50px;
    bottom:-320px;
    z-index: 1000000;
    animation: quickTimeset .7s 5s linear forwards;
}

@-webkit-keyframes quickTimeset {
    0% {bottom:-220px}
    100% {bottom:0}
}
@keyframes quickTimeset {
    0% {bottom:-220px}
    100% {bottom:0}
}
.quickMainEmbed{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height:80px; 
    z-index: 999999;
    transition: .8s;
    background:url('../img/quickBottom/quickMainEmbedBg.png') no-repeat center center;
    animation: quickTimeset2 .7s 5s linear forwards;
}
@-webkit-keyframes quickTimeset2 {
    0% {bottom:0}
    100% {bottom:-210px}
}
@keyframes quickTimeset2 {
    0% {bottom:0}
    100% {bottom:-210px}
}


.quickMainEmbedControl img{
    cursor: pointer;
}
.quickMainEmbedControl img#colose{
    display: block;
}
@-webkit-keyframes balloonAni1 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}
@keyframes balloonAni1 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}


.quickMainEmbed .quickMainEmbed_wrapper {position:relative;bottom:0;width: 1210px;margin: 0 auto; height:inherit;}

.quickCloseWrap {position: absolute;bottom: 140px;left: -30px;}
.quickCloseWrap img {cursor:pointer}

.quickImgWrap {position:absolute;left:0;bottom:-7px}
.quickImgWrap .quickBottomImg02 {position:absolute;left:175px;bottom:100px}
.quickImgWrap .quickBottomImg03 {position:absolute;left:175px;bottom:100px;animation:twinkle 1s .5s infinite ease alternate;}
@-webkit-keyframes twinkle {
    0% {opacity:1}
    50% {opacity:0}
    100% {opacity:1}
}
@keyframes twinkle {
    0% {opacity:1}
    50% {opacity:0}
    100% {opacity:1}
}

.quickMainEmbedControl .quickOpen01 {position:absolute;left:55px;bottom:10px}
.quickMainEmbedControl .quickOpen02 {position:absolute;left:170px;bottom:90px;animation:balloonAni2 1.5s .5s infinite ease alternate;}
@-webkit-keyframes balloonAni2 {
    0%,100% {transform:translateY(0)}
    50% {transform:translateY(-10px)}
}
@keyframes balloonAni2 {
    0%,100% {transform:translateY(0)}
    50% {transform:translateY(-10px)}
}

.quickBottomlink {position:absolute;left:0;bottom:0;display:inline-block;width:1200px;height:80px}

#ft_wrap {background-color:#252525;height:160px;animation: quickTimeset3 .7s 5s linear forwards;}

@-webkit-keyframes quickTimeset3 {
    0% {height:160px}
    100% {height:0}
}
@keyframes quickTimeset3 {
    0% {height:160px}
    100% {height:0}
}


.quickMainEmbed .ad{
	position:relative;
    width: 374px;
    height: 95px;
}

#quickSlider {position:absolute;left:735px;bottom:20px;width:374px;height:60px}
#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}