/* BASIC css start */
/*** 쇼핑몰 메인본문 | main/index.php ***/

.main { }
.main .visual { max-width:100%; font-size:0; }
.main .visual img { max-width:100%; }
.main .main_top_menu {display:table; width:100%;}
.main .main_top_menu li {display:table-cell; width:25%; text-align:center;}
.main .main_top_menu li a {display:block; padding:13px 0 13px 0;font-size:14px; color:#333333;}
.main .main_notice { margin:0 0 15px; padding:6% 6%; background:rgba(243,243,234,0.7); font-size:10px; }
.main .main_notice .tit { margin:5px 0 5px; color:#000; font-size:10px; font-weight:normal; }
.main .main_notice ul { display:table-cell; }
.main .main_notice ul li { overflow:hidden; width:100%; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding:7px 0; }
.main .main_notice ul li a {display:block; width:100%;}
/* 메인배너 */
.main .main_banner_box {font-size:0;}
.main .main_banner_box img {width:100%; font-size:0;}
.main .main_banner_box1 {display:table; width:100%;}
.main .main_banner_box1 li {display:table-cell; width:50%; font-size:0; text-align:center; vertical-align:top;}
.main .main_banner_box1 li a {}
.main .main_banner_box1 li a img {width:100%; font-size:0;}
.main .main_banner_box2 {padding:10px 0; font-size:0;}
.main .main_banner_box2 img {width:100%; font-size:0;}

/* 이벤트 최근게시물 */
.main .main_event {}
.main .main_event ul {}
.main .main_event ul li {position:relative; padding:7px 0;}
.main .main_event ul li .img_box {font-size:0;}
.main .main_event ul li .img_box img {width:100%;}
.main .main_event ul li .event_info_box {/*position:absolute; bottom:7px; left:0;*/ width:100%; }
.main .main_event ul li .event_info_box dl {padding:20px; background:rgba(255,255,255,0.8); box-sizing:border-box;}
.main .main_event ul li .event_info_box dl dt {}
.main .main_event ul li .event_info_box dl dt a {display:block; font-size:17px; color:#222222; font-weight:bold;}
.main .main_event ul li .event_info_box dl dd {font-size:15px; color:#ab295d; font-weight:bold;}

.main_visual { width:100%; height:100%; margin:0 0 50px; font-size:0; letter-spacing:0;  }
.main_visual ul { text-align:center; }
.main_visual li { display:inline-block; width:88%; padding:6%; vertical-align:middle; }
.main_visual li.left { text-align:left; }
.main_visual li.left img { max-width:65%; }
.main_visual li.right { text-align:right; }
.main_visual li.right img { max-width:65%; }
.main_visual img { max-width:100%; height:auto !important; }

/* Slider */
.slider-wrap {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slider-wrap .slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slider-wrap .slick-track,
.slider-wrap .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slider-wrap .slick-track {position: relative; top:0; left:0; display:block;}
.slider-wrap .slick-track:before,
.slider-wrap .slick-track:after {display: table; content: '';}
.slider-wrap .slick-track:after {clear: both;}
.slider-wrap .slick-loading .slick-track {visibility: hidden;}
.slider-wrap .slick-slide {display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slider-wrap .slick-slide img {display:block;}
.slider-wrap .slick-slide.slick-loading img {display:none;}
.slider-wrap .slick-slide.dragging img {pointer-events: none;}
.slider-wrap .slick-slide  {display: block;}
.slider-wrap .slick-loading .slick-slide {visibility: hidden;}
.slider-wrap .slick-vertical .slick-slide {display: block; height:auto; border:1px solid transparent;}
.slider-wrap .slick-arrow.slick-hidden {display: none;}
.slider-wrap .slick-arrow {border:none; background:none;}


.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;
}
/* BASIC css end */