/* BASIC css start */
/* font-family:‘SUIT Variable’, ‘SUIT’, 'Naum Gothic', 'Tajawal',  'sans-serif'; */
@import url('https://fonts.googleapis.com/css?family=Tajawal:700');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');
@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');
@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/variable/woff2/SUIT-Variable.css');



/* 글씨 깜빡이 */
.blinking{  -webkit-animation:blink 1s ease-in-out infinite alternate;  -moz-animation:blink 6s ease-in-out infinite alternate;  animation:blink 1s ease-in-out infinite alternate; }
@-webkit-keyframes blink{  0% {opacity:0;}  100% {opacity:1;}}
@-moz-keyframes blink{  0% {opacity:0;}  100% {opacity:1;}}
@keyframes blink{  0% {opacity:0;}  100% {opacity:1;}}


/* 우측 퀵배너 */
#right_quick {position:fixed; bottom:50px; right:40px; z-index:99999; text-align:right;}
#right_quick a {display:block; padding-top:7px;}
#right_quick a:hover {opacity:0.5;}
#right_quick a img { opacity:1; filter:alpha(opacity=100); /* IE8 및 그 이하 버전용 */ }}

#right_quick .r_bt_cart {position:relative; max-hight:40px; }
#right_quick .r_bt_cart .user_basket_quantity { top:18px;right:1.3px; width:100%; height:33px;line-height:15px; font-size:13px;}
#right_quick .r_bt_cart a img .opac { opacity:1; filter:alpha(opacity=100); /* IE8 및 그 이하 버전용 */ }

#right_quick .r_bt_cart2 {position:relative; max-hight:40px; }
#right_quick .r_bt_cart2 .user_basket_quantity { top:18px;right:1.3px; width:100%; height:33px;line-height:15px;!important display: block; font-size:7px;!important}
#right_quick .r_bt_cart2 a img .opac { opacity:1; filter:alpha(opacity=100); /* IE8 및 그 이하 버전용 */ }





/* 톡상담 */
#kakaopf-footer-chat-button {position:fixed; bottom:43px; right:90px; z-index:99999;}
#kakaopf-header-chat-button > a {display:block;}
#kakaopf-header-chat-button > a:hover {opacity:0.5;}

/* 하단 */
#footer {width:100%; height:310px; margin:60px auto 0px; text-align:left; border-top:1px solid #e5e5e5; background-color:#403e41;}
.footer_inner {max-width:1720px; margin:0 auto;padding:0px 5%; position:relative; z-index:9999;}
.footer_left {float:left;padding-top:50px;}
.footer_left .footer_logo {color:#fff; line-height:1; font-size:14px; font-weight:300;}
.footer_left .footer_info {margin-top:35px; color:#c4c4c4; font-size:12px; font-weight:300; line-height:2;}
.footer_left .footer_info a {color:#c4c4c4; font-size:12px; font-weight:300; border-bottom:1px solid #d9d9d9; position:relative; top:-2px;}
.footer_left .footer_info a:hover {color:#fff; border-bottom:1px solid #fff;}
.footer_left .footer_info span {padding:0px 10px; font-weight:200; color:#d1d1d1;}
.footer_left .footer_copy {margin-top:30px; color:#c4c4c4; font-size:12px; font-weight:300; line-height:1;}

.footer_right {float:right; padding-top:50px;}
.footer_right .ft-escrow { margin-top:35px; margin-left:80px;}

.footer_right .ft-escrow .boho {float:left; margin-right:10px; margin-top:-3px;}
.footer_right .ft-escrow .boho img {display:block;}
.footer_right .ft-escrow .kb_es a {display:block;}
.footer_right .ft-escrow .kb_es img{ display:block;}

.footer_right .ft_menu li {float:left;}
.footer_right .ft_menu li a {display:block; font-size:14px; font-weight:300; color:#c4c4c4;  line-height:1; padding:0px 12px;}
.footer_right .ft_menu li a:hover {color:#fff;}
.footer_right .ft_menu li a.privacy {color:#fff;}
.footer_right .ft_menu li:first-child a {padding-left:0px; background:none;}
.footer_right .ft_menu li.last a {padding-right:0px;}

.footer_right .ft_comm_area {margin-top: 40px;float:right; text-align:right; margin-right:13px; font-size:13px; color:#c4c4c4;}
.footer_right .ft_comm_area .bold {font-size:20px;}
.footer_right .ft_comm_area .ft_comm {float:left;}
.footer_right .ft_comm_area .ft_comm li {text-align:right;}
.footer_right .ft_comm_area .ft_comm li a {display:block; font-size:12px; font-weight:300; color:#999;  line-height:2;}
.footer_right .ft_comm_area .ft_comm li a:hover {color:#111;}
.footer_right .ft_comm_area .ft_comm.first {margin-right:50px;}


/*패밀리사이트*/
select.family_site{
    width:175px;
    height:30px;
    font-size:13px;
    padding:0px 5px;
    background-color:#444;
    color:#eee;
    border:2px solid #eee;
    position:absolute;
    top:212px;
    right:285px;
    opacity:0.8;
}

select.family_site:focus { outline:none;}
select.family_site option:focus { outline:none;}

/* 하단 물결 애니메이션 */
.wave_animation {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    margin:auto;
    overflow:hidden;
}

.wave_animation .item {
    position:absolute;
    overflow:hidden;
    width:100%;
    height:100%;
    background-repeat:repeat no-repeat;
    background-position:0 bottom;
    transform-origin:center bottom;
    margin:0;
}

.wave_animation .item span {
    display:block;
    position:absolute;
    left:0;
    width:250%;
    height:100%;
    background-repeat:repeat no-repeat;
    background-position:0 bottom;
    transform-origin:center bottom;
}

.wave_animation .wave1 span {
    animation: move_wave 20s linear infinite;
}

.wave_animation .wave2 span {
    animation: move_wave 30s linear infinite;
}

.wave_animation .wave3 span {
    animation: move_wave 40s linear infinite;
}


@keyframes move_wave{
    0%{
        transform: translateX(0) translateZ(0) scaleY(1);
    }
    50%{
        transform: translateX(-25%) translateZ(0) scaleY(0.55);
    }
    100%{
        transform: translateX(-50%) translateZ(0) scaleY(1);
    }
}
/* BASIC css end */