/* BASIC css start */
@charset "utf-8";
/* CSS Document */

#container {
    margin-top: -1px !important;
}

#contents .sub_content {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* 메인 */

.goods_list_tit {
    display: none
}

.mdbox {
    position: relative;
    width: 1200px;
    _height: 250px;
    height: auto;
    margin: 40px auto 0
}

.mdbox:after {
    content: "";
    display: block;
    clear: both;
}

.mdbox a {
    float: left;
    display: block;
    width: 290px;
    margin: 0 13px 0 0;
}

.mdbox a:last-child {
    margin: 0
}

.DD {
    margin: 50px auto
}

.banD {
    display: none;
    position: relative;
    width: 1200px;
    margin: 25px auto 0
}

.banD:after {
    content: "";
    display: block;
    clear: both;
}

.banD .list {
    float: left;
    width: 760px
}

.banD .list ul:after {
    content: "";
    display: block;
    clear: both;
}

.banD .list ul li {
    float: left;
    margin: 0 32px 21px 0
}

.banD .list ul li:nth-child(2) {
    margin: 0 0 21px 0
}

.banD .list ul li:nth-child(4) {
    margin: 0 0 21px 0
}

.banD .slide {
    float: right;
    width: 413px;
    height: 401px
}

.banD {
    position: relative;
    width: 1200px;
    margin: 25px auto 0
}

.banD:after {
    content: "";
    display: block;
    clear: both;
}

.pbox {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 0px solid #dcdcdc
}

.pbox:after {
    content: "";
    display: block;
    clear: both;
}

.pbox .slide {
    float: left;
    width: 614px;
}

.pbox .slide ul:after {
    content: "";
    display: block;
    clear: both;
}

.pbox .slide>ul>li {
    float: left;
    border-right: 0px solid #dcdcdc
}

.pbox .slide>ul>li:nth-child(1) {
    padding: 0 0 1px
}

.pbox .slide>ul>li:nth-child(2) {
    padding: 0 1px 0 0
}

.pbox .list {
    float: left;
    width: 586px;
    box-sizing: border-box;
    padding: 0px 5px 0
}

.main_goods_cont h2 {
    margin: 0 0 10px;
    font-size: 27px;
    color: #555;
    font-weight: 300;
    border-bottom: 1px solid #dcdcdc
}

.main_goods_cont h2 strong {
    font-weight: 600;
}

.main_goods_cont h2 span {
    font-size: 21px;
    color: #888;
    padding: 0 0 0 20px
}

.main_goods_cont .bott-no {
    border-bottom: none
}

.banB {
    position: relative;
    width: 1200px;
    margin: 25px auto 0
}

.banB:after {
    content: "";
    display: block;
    clear: both;
}

.banB ul:after {
    content: "";
    display: block;
    clear: both;
}

.banB ul li {
    float: left;
    margin: 0 10px 0 0
}

.banB ul li:last-child {
    margin: 0
}

.scroll_wrap {
    top: 713px !important;
}

/* 1. 슬라이더 초기 상태 및 덜컹거림 방지 [추가] */
.slider-banner-3040312042 {
    width: 100%;
    display: block;
    overflow: hidden;
    min-height: 400px; 
}

/* 초기화 전에는 첫 번째 슬라이드만 보이고 나머지는 숨김 [추가] */
.slider-banner-3040312042:not(.slick-initialized) .slick-slide:not(:first-child) {
    display: none;
}

/* 초기화 전 이미지 정렬 [추가] */
.slider-banner-3040312042:not(.slick-initialized) .slick-slide {
    float: left;
    width: 100%;
}

/* 2. 기존 CSS 유지 및 보완 */
.slider-banner-3040312042 img {
    max-width: 100%;
    vertical-align: middle; /* 이미지 하단 공백 방지 */
}

.body-main #wrap .slider-banner-3040312042 img {
    max-width: none;
}

/* 3. 내비게이션 (화살표/도트) 기존 코드 */
.slider-banner-3040312042 .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-color: #ffffff\0/IE8; /* 배경색 표기법 살짝 수정 */
}

.slider-banner-3040312042 .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-color: #ffffff\0/IE8;
}

.slider-banner-3040312042 .slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #ffffff;
    border: none;
    padding: 0;
    cursor: pointer;
}

.slider-banner-3040312042 .slick-dots li.slick-active button {
    background: #ffffff; /* 활성화 시 색상 변경을 원하시면 여기서 조정 가능 */
    opacity: 1;
}

/* 4. 초기화 완료 후 높이 설정 해제 [추가] */
.slider-banner-3040312042.slick-initialized {
    overflow: visible;
    min-height: 0;
    max-height: none;
}
/* BASIC css end */