@charset "utf-8";

/*  quick menu   */
#quick_menu	{position:fixed; right:-520px; top:50%; margin-top:-310px; height:100%; overflow:hidden;z-index:998; font-family:"Nanum Barun Gothic",'¸¼Àº °íµñ','Malgun Gothic', Dotum,µ¸¿ò, Arial, Apple-Gothic, sans-serif;}
#quick_menu>ul>li	{width:620px; height:70px;}
.qm	{display:block; position:absolute;left:0; overflow:hidden; width:100px; height:70px;}
.qm.on img	{margin-left:-100px;}
.q_cont_wrap	{display:none; position:absolute; left:100px; top:0; width:440px; height:535px; padding:35px 40px 50px 40px; background-color:rgba(255,255,255,0.9); z-index:2001;}
.q_title	{text-align:center; font-size:40px; color:#000;  font-family:"Nanum Barun Gothic",'¸¼Àº °íµñ','Malgun Gothic', Dotum,µ¸¿ò, Arial, Apple-Gothic, sans-serif; line-height:40px; }
.q01 .q_title,.q02 .q_title,.q03 .q_title	{padding-bottom:10px; border-bottom:2px solid #000; margin-bottom:25px;}
.q03 .q_title,.q08 .q_title	{padding-bottom:10px; margin-bottom:0; border-bottom:2px solid #000; }
.q07 .q_title	{color:#fff;}
.q_title span	{display:block; margin-top:-10px; text-align:center; font-size:13px;}

.q_close	{display:block; position:absolute;right:0; top:0; width:40px; height:40px;}
.q_cont	{position:relative;}
.q_btn	{display:block; position:absolute; bottom:50px; left:110px; width:300px; height:50px; text-align:center; line-height:50px; background-color:#3ca8a8; color:#fff; font-size:18px; font-weight:600;}

.q03 .q_btn{background-color:#25b75a;}
.q04 .q_btn{background-color:#356596;}
.q06 .q_btn{background-color:#329311;}
.q07 .q_btn{background-color:#fff; color:#538ce8;}
.q08 .q_btn{background-color:#ed6b7b;}

/*À̺¥Æ® -¸ñ·Ï */
.qev_slider	{overflow:hidden;}
.qev_slider>li	{float:left; width:215px;margin-right:10px;}
.qev_slider>li:nth-child(2)	{margin-right:0;}

.qev_slider>li img	{width:215px; height:auto;}

/*¿À½Ã´Â±æ */
.q_address	{padding-top:10px; text-align:center; font-size:16px; letter-spacing:-0.5px; line-height:22px;}

/*Ä«Ä«¿ÀÅå*/
.q05 .q_cont_wrap{background:url(../images/quick/kakao.jpg)no-repeat;}

/*ºí·Î±×*/
.q06 .q_cont_wrap{background:url(../images/quick/blog.jpg)no-repeat;}

/*Áø·á¾È³»*/
.q07 .q_cont_wrap{background:url(../images/quick/info.jpg)no-repeat;}

/*·Î±×ÀÎ,ž*/
#quick_menu .q_login,#quick_menu .q_top	{overflow:hidden; width:100px; height:30px;}



/*Çϴܱ¤°í*/
.quickMainEmbedControl{
    /*opacity:0;*/
    /*display:none;*/
    position: fixed;
    left:50px;
    bottom:-320px;
    z-index:998;
    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:998;
    transition: .8s;
    background:url('../img/quickBottom/quickBottom.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:0}
.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:0}
.quickMainEmbedControl .quickOpen02 {position:absolute;left:155px;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:#222;height:155px;animation: quickTimeset3 .7s 5s linear forwards;}

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


.quickMainEmbed .ad{
	position:relative;
    width: 974px;
    height: 97px;
}

#quickSlider {position:absolute;left:198px;bottom:18px;width:974px;height:97px}
#quickSlider .swiper-button-next, #quickSlider .swiper-button-prev {background:none;width:20px;height:20px;margin-top:0}
#quickSlider .swiper-button-next {right:5px}
#quickSlider .swiper-button-prev {left:5px}