/* BASIC css start */
/* ¸ÞÀÎÇì´õ */
body header .header .inner {position: absolute; padding: 20px 14px; width: 100%; z-index: 10; box-sizing: border-box;}
body header .header img {display:none;}
body header .header img.main-head {display:block;}
body header .bottom_menu {display:none;}
body header.fixed .header .inner {position:relative;}
body header.fixed .header img {display:block;}
body header.fixed .header img.main-head {display:none;}
body header.fixed .bottom_menu {display:block;}

/* ¸ÞÀÎ ºñÁê¾ó ¹è³Ê */
.visual-banner {position:relative; overflow:hidden;}
.visual-banner .inner img {width:100%;}
.visual-banner .swiper-horizontal .swiper-pagination-progressbar { height:2px; top:auto; bottom:17px; left:50%; margin-left:-26px; background-color:rgba(255,255,255,0.5); }
.visual-banner .swiper-horizontal .swiper-pagination-progressbar span {background: #fff;}
.visual-banner .txtbox {display:inline-block; text-align:left; position:absolute; top:70%; left:38%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:0; visibility: hidden; transition:all .8s ease-in; -webkit-transition:all .8s ease-in; }
.visual-banner .swiper-slide-active .txtbox {opacity:1; top:80%; visibility: visible;}
.visual-banner .txtbox .txt01 {color: #fff; font-size: 30px; letter-spacing: 1px; font-weight:600; margin-bottom:6px;line-height:40px;}
.visual-banner .txtbox .txt02 {line-height:23px; color: #fff; font-weight: 300; font-size: 16px; letter-spacing: 1px; padding:0 0px;}

/* Áß¾Ó¹è³Ê */
.midbanner {position:relative; padding:47px 0 15px; overflow:hidden;}
.midbanner .swiper-pagination {width: auto !important; position:static; height: auto; transform: inherit !important; padding-top: 9px; line-height:1;}
.midbanner .swiper-pagination span {width:5px !important; height:5px !important; background:#353535 !important; transform: inherit;}
.midbanner .swiper-pagination span.swiper-pagination-bullet-active {background:#ce7777 !important;}
.midbanner img {width:100%;}

/* Çϴܹè³Ê */
.ft-banner {height:235px; position:relative; overflow:hidden; margin-top:100px;}
.ft-banner .bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.slider-banner-3606671697>div {
    width: 100%;
    display: table-cell;
}
.slider-banner-3606671697>div img, .slider-banner-3606671697 .slick-slide img {
    width: 100%;
}
.slider-banner-3606671697 .slick-prev , .slider-banner-3606671697 .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 27px;
    height: 44px;
    padding: 0;
    -webkit-transform: translate(0, -45%);
    -ms-transform: translate(0, -45%);
    transform: translate(0, -45%);
    cursor: pointer;
    z-index:10;
	border:none;
	background:none;
}
.slider-banner-3606671697   .slick-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-repeat:no-repeat;
    left: 10px;
    right: auto;
}
.slider-banner-3606671697    .slick-next {
    background-image:   url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    background-repeat:no-repeat;
    right: 10px;
    left: auto;
}
.slider-banner-3606671697  .slick-dots {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
.slider-banner-3606671697  .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slider-banner-3606671697  .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    padding: 5px;
    cursor: pointer;
    border: 0;
    outline: none;
    border-radius: 100%;
    background: #ffffff;
    opacity:0.75;
}
.slider-banner-3606671697 .slick-dots li.slick-active button {
    background: #ffffff;
    opacity:1;
}








#kakaopay_order_btn{text-align:center;}




.slider-banner-754091822>div {
width: 100%;
display: table-cell;
}
.slider-banner-754091822>div img, .slider-banner-754091822 .slick-slide img {
width: 100%;
}
.slider-banner-754091822 .slick-prev , .slider-banner-754091822 .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 45%;
display: block;
width: 27px;
height: 44px;
padding: 0;
-webkit-transform: translate(0, -45%);
-ms-transform: translate(0, -45%);
transform: translate(0, -45%);
cursor: pointer;
z-index:10;
border:none;
background:none;
}
.slider-banner-754091822   .slick-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
background-repeat:no-repeat;
left: 10px;
right: auto;
}
.slider-banner-754091822    .slick-next {
background-image:   url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
background-repeat:no-repeat;
right: 10px;
left: auto;
}
.slider-banner-754091822  .slick-dots {
position: absolute;
bottom: 10px;
display: block;
width: 100%;
padding: 0;
margin: 0;
text-align: center;
}
.slider-banner-754091822  .slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slider-banner-754091822  .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 8px;
height: 8px;
padding: 5px;
cursor: pointer;
border: 0;
outline: none;
border-radius: 100%;
background: #ffffff;
opacity:0.75;
}
.slider-banner-754091822 .slick-dots li.slick-active button {
background: #ffffff;
opacity:1;
}

.main_banner_box3 {
    margin: 35px 0 24px 0;
}

.prd-color {margin:5px 0;}

/* BASIC css end */