/* BASIC css start */
#cnt {width:100% !important;}

/* 슬라이드 전체 그룹 */
.slide_bnr {overflow:hidden; position:relative; margin-bottom:30px; padding:0;}
.slide_bnr .ix-list-viewport {overflow:hidden; width:100%; height:auto;}
.slide_bnr .ix-list-viewport:after {display:block; clear:both; content:'';}
.slide_bnr .ix-list-items {position:relative; left:0; top:0; width:100%; height:auto;}
.slide_bnr .ix-list-items .ix-list-item {position:relative; float:left; width:100%; height:100%; font-size:0; text-align:center;}
.slide_bnr .ix-list-items .ix-list-item > a {display:block; height:100%;}
.slide_bnr .ix-list-items.dimmed .ix-list-item:after {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.6); content:'';}
.slide_bnr .ix-list-items.dimmed .ix-list-item[aria-hidden=true] + [aria-hidden=false]:after {display:none !important;}

.slide_bnr .ix-list-items.dimmedacc .ix-list-item:after {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.2); content:'';}
.slide_bnr .ix-list-items.dimmedacc .ix-list-item[aria-hidden=true] + [aria-hidden=false]:after {display:none !important;}

/* 슬라이드 인디케이터, 방향 버튼 그룹 */
.slide_bnr .ix-controller {}
.slide_bnr .ix-controller.disabled {visibility:hidden;}
/* 슬라이드 인디케이터 */
.slide_bnr .ix-thumbs {position:absolute; bottom:0; left:0; z-index:5; width:100%; text-align:center;}
.slide_bnr .ix-thumbs .ix-thumb {display:inline-block; margin:0 5px;}
.slide_bnr .ix-thumbs .ix-thumb .ix-btn {display:block; width:12px; height:12px; background:#e7e7e7; text-indent:-9999px; border-radius:100%;}
.slide_bnr .ix-thumbs .ix-thumb.active .ix-btn {background:#333;}
/* 슬라이드 방향 버튼 */
.slide_bnr .slide_direction .ix-btn-prev,
.slide_bnr .slide_direction .ix-btn-next {position:absolute; top:50%; z-index:5; width:33px; height:63px; margin-top:-31px; background:no-repeat center; text-indent:-9999px;}
.slide_bnr .slide_direction .ix-btn-prev {left:0; background-image:url('/design/ooo1069/2018_renew/img/main/slide_prev.png');}
.slide_bnr .slide_direction .ix-btn-next {right:0; background-image:url('/design/ooo1069/2018_renew/img/main/slide_next.png');}
.slide_bnr .slide_direction .ix-btn-prev.bk {background-image:url('/design/ooo1069/2018_renew/img/main/slide_prev_bk.png');}
.slide_bnr .slide_direction .ix-btn-next.bk {background-image:url('/design/ooo1069/2018_renew/img/main/slide_next_bk.png');}
/* 슬라이드 방향 버튼 비활성화 */
.slide_bnr .slide_direction .ix-btn-prev.disabled,
.slide_bnr .slide_direction .ix-btn-next.disabled {cursor:default; opacity:0.8;}

/* 슬라이드 풀사이즈 변환타입 */
.slide_bnr.fullsize .ix-list-viewport .ix-list-items .ix-list-item img {width:100%; height:auto;}

#main {}
#main img {font-size:0; line-height:0; vertical-align:top;}
#main .wrap_inner {min-width:1280px; width:100%;}

#main .section .title_sec {margin:80px 0 60px; text-align:center; line-height:1;}
#main .section .title_sec h3 {color:#000; font-size:20px; font-weight:400; letter-spacing:2px;}
#main .section .title_sec p {padding:5px 0 0 0; color:#a8a8a8; font-weight:300;}

/* Dots */
#main .slick-dots li button {width:12px; height:12px; border:0; background:#e7e7e7;}
#main .slick-dots li.slick-active button {background:#333;}

#main .sec1 {margin-bottom:100px;}
#main .sec1 .slide_bnr.fullsize .ix-list-viewport .ix-list-items .ix-list-item {width:68%;}
#main .sec1 .slide_bnr .slide_direction .ix-btn-prev {left:50%; margin-left:calc(-34% - 80px);}
#main .sec1 .slide_bnr .slide_direction .ix-btn-next {right:50%; margin-right:calc(-34% - 80px);}
#main .sec1 .slide_bnr .ix-list-items.dimmed .ix-list-item:after {background:rgba(0,0,0,0.4);}

#main .sec2 {margin-bottom:100px;}
#main .sec2 .bnr_list {display:table; table-layout:fixed; min-width:1280px; width:100%; margin:0 auto;}
#main .sec2 .bnr_list > li {display:table-cell; width:25%; padding:0 10px; text-align:center;}
#main .sec2 .bnr_list > li img {width:100%; height:auto;}

#main .sec3 {margin-bottom:100px; background:#f6f6f6;}
#main .sec3 .slide_bnr {width:1200px; margin:0 auto;}
#main .sec3 .slide_bnr .slide_direction .ix-btn-prev {left:80px;}
#main .sec3 .slide_bnr .slide_direction .ix-btn-next {right:80px;}

#main .sec4 {max-width:2320px; margin:0 auto 100px; padding:0 160px 100px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
#main .sec4 ul.prd_main {padding:0;}
#main .sec4 ul.prd_main > li {padding-bottom:6%;}
#main .sec4 .part1 {float:left; /*min-width:780px;*/ width:46%;}
#main .sec4 .part1 .slide_bnr {margin:0;}
#main .sec4 .part1 img {width:100%;}
#main .sec4 .part1 .slide_box {width:100%;}
#main .sec4 .part1 ul.prd_main > li {display:block; width:100%; padding:0 0 70px;}
#main .sec4 .part2 {float:right; /*min-width:900px;*/ width:calc(54% - 10px); padding-left:10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

#main .sec5 .bnr_box {display:table; table-layout:fixed; width:100%;}
#main .sec5 .bnr_box > .box {display:table-cell; overflow:hidden; position:relative; width:50%; background-repeat:no-repeat; background-position:center; background-size:100%;}
#main .sec5 .bnr_box > .box .txt {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
#main .sec5 .bnr_box > .box .bg {position:relative; z-index:1; transition:all 600ms ease-in-out; -webkit-transition:all 600ms ease-in-out; -moz-transition:all 600ms ease-in-out;}
#main .sec5 .bnr_box > .box img {width:100%; height:auto;}
#main .sec5 .bnr_box > .box:hover .bg {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}

#main .sec6 {padding:115px 0; background:#f6f6f6;}
#main .sec6 .inner {position:relative; width:1100px; padding:50px; margin:0 auto; background:#fff;}
#main .sec6 .inner .video {float:left; width:740px; height:416px;}
#main .sec6 .inner .video iframe {width:100%; height:416px;}
#main .sec6 .inner .info {position:relative; height:416px; margin-left:780px; text-align:left;}
#main .sec6 .inner .info > strong {display:block; padding:36px 0 20px; color:#333; font-size:30px; font-weight:400; line-height:40px;}
#main .sec6 .inner .info > p {overflow:hidden; max-height:200px; color:#868686; font-size:14px; font-weight:300; line-height:20px;}
#main .sec6 .inner .info .more {position:absolute; left:0; bottom:30px; width:141px; height:38px; border:1px solid #e5e5e5; color:#333; text-align:center; line-height:38px;}


#main .sec8 {margin-bottom:0;}
#main .sec8 .slide_bnr .ix-list-viewport .ix-list-items .ix-list-item {width:46%;}
#main .sec8 .slide_bnr .ix-list-viewport .ix-list-items .ix-list-item .img {position:relative; z-index:1;}
#main .sec8 .slide_bnr .ix-list-viewport .ix-list-items .ix-list-item .txt {display:none; position:absolute; left:0; bottom:0; z-index:2; width:calc(100% - 100px); padding:0 50px 50px; text-align:left;}
#main .sec8 .slide_bnr .ix-list-viewport .ix-list-items .ix-list-item .txt strong {display:block; padding-bottom:30px; color:#010101; font-size:50px; font-weight:400; line-height:36px;}
#main .sec8 .slide_bnr .ix-list-viewport .ix-list-items .ix-list-item .txt p {padding-bottom:20px; color:#a8a8a8; font-size:16px; font-weight:300; line-height:1.6;}
#main .sec8 .slide_bnr .ix-list-viewport .ix-list-items .ix-list-item .txt .shopnow a {display:block; width:141px; height:38px; border:1px solid #333; background:none; color:#010101; font-size:13px; text-align:center; line-height:38px;}
#main .sec8 .slide_bnr .ix-list-viewport .ix-list-items .ix-list-item[aria-hidden=true] + [aria-hidden=false] .txt {display:block;}
#main .sec8 .slide_bnr .slide_direction .ix-btn-prev {left:50%; margin-left:calc(-27%);}
#main .sec8 .slide_bnr .slide_direction .ix-btn-next {right:50%; margin-right:calc(-27%);}
@media only screen and (min-width:2000px) {
	#main .sec8 {}
	#main .sec8 .slide_bnr {min-width:1680px; margin:0 auto;}
}

#main .sec9 .bnr_box {margin-bottom:60px;}
#main .sec9 .bnr_box img {width:100%; vertical-align:top;}

#main ul.prd_main {}
#main ul.prd_main {display:block; max-width:2000px; margin:0 auto; padding:0 160px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:0; text-align:left;}
#main ul.prd_main > li {display:inline-block; /*min-width:405px;*/ padding:0 10px 90px; vertical-align:top;}
#main ul.prd_main > li .itembox {position:relative; text-align:center;}
#main ul.prd_main > li .itembox .cover_upper {position:relative;}
#main ul.prd_main > li .itembox .cover_upper:hover .hoverbox {display:block;}
#main ul.prd_main > li .itembox .cover_upper > .img{
    position:relative;
}
#main ul.prd_main > li .itembox .cover_upper .img img{
    width:100%; 
    height:auto; 
    vertical-align:top;
}
#main ul.prd_main > li .itembox .cover_upper .icon_quick_delivery{
    position:absolute;
    bottom:12px;
    left:12px;
}
#main ul.prd_main > li .itembox .cover_upper .icon_quick_delivery > img{
    width:auto;
    height:36px;
    vertical-align:top;
}

#main ul.prd_main > li .itembox .hoverbox {display:none; position:absolute; left:0; bottom:0; z-index:10; width:100%; padding:10px 0; background:rgba(255,255,255,0.8);}
#main ul.prd_main > li .itembox .hoverbox .name_eng {padding:5px 0 10px; color:#333; word-spacing:10px;}
#main ul.prd_main > li .itembox .hoverbox .menu {font-size:0; text-align:center;}
#main ul.prd_main > li .itembox .hoverbox .menu a {display:inline-block; overflow:hidden; position:relative; width:20px; height:20px; padding:0 5%; background-repeat:no-repeat; background-position:center; vertical-align:top;}
#main ul.prd_main > li .itembox .hoverbox .menu a:after {position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:rgba(0,0,0,0.15); content:'';}
#main ul.prd_main > li .itembox .hoverbox .menu a:first-of-type:after {display:none;}
#main ul.prd_main > li .itembox .hoverbox .menu a.addwish {background-image:url('/design/ooo1069/2018_renew/img/common/item_addwish.png');}
#main ul.prd_main > li .itembox .hoverbox .menu a.addcart {background-image:url('/design/ooo1069/2018_renew/img/common/item_addcart.png');}
#main ul.prd_main > li .itembox .hoverbox .menu a.quickview {background-image:url('/design/ooo1069/2018_renew/img/common/item_quickview.png');}
#main ul.prd_main > li .itembox .info {position:relative; text-align:left;}
#main ul.prd_main > li .itembox .info .color {overflow:hidden; height:32px;}
#main ul.prd_main > li .itembox .info .color .chip {float:left; width:15px; height:2px; margin:7px 0px 0; border:1px solid #fafafa; font-size:0;}
#main ul.prd_main > li .itembox .info .name {color:#333; font-weight:400;}
#main ul.prd_main > li .itembox .info .prc {padding-top:12px; line-height:1;} 
#main ul.prd_main > li .itembox .info .prc .prc_normal {font-weight:300; text-decoration:line-through;}
#main ul.prd_main > li .itembox .info .prc .prc_sell {font-size:14px; font-weight:700;}
#main ul.prd_main > li .itembox .info .desc {padding-top:12px; color:#a8a8a8; font-weight:300; line-height:1.6;}
#main ul.prd_main > li .itembox .info .icon {margin-top:10px; font-size:0;}
#main ul.prd_main > li .itembox .info .icon img {margin:5px 5px 0 0; vertical-align:middle;}
#main ul.prd_main.col2 > li {width:calc(50% - 20px);}
#main ul.prd_main.col3 > li {width:calc(33.333% - 20px);}
#main ul.prd_main.col4 > li {width:calc(25% - 20px);}
#main ul.prd_main.col5 > li {width:calc(20% - 20px);}
#main ul.prd_main.col_3n2 > li {width:calc(33.333% - 20px);}
#main ul.prd_main.col_3n2 > li.row_1 {width:calc(33.333% - 20px) !important;}

#main .moco_sns {margin:120px 0 0; font-size:0; text-align:center;}
#main .moco_sns h3 {padding:0 0 25px; color:#333; font-size:16px; font-weight:300; line-height:1;}
#main .moco_sns ul.sns {margin:5px auto 50px;}
#main .moco_sns ul.sns > li {display:inline-block; margin:0 10px; vertical-align:top;}
#main .moco_sns ul.sns > li a {display:block; width:20px;}
#main .moco_sns ul.sns > li img {vertical-align:middle;}


/* 셀럽 슬라이드 추가 - 180802 */
#main .sec_celebrity .slide_bnr {margin-top:-14px;}
#main .sec_celebrity .slide_bnr .ix-thumbs {bottom:24px;}
#main .sec_celebrity .slide_bnr .ix-thumbs .ix-thumb .ix-btn {background-color:#fff;}
#main .sec_celebrity .slide_bnr .ix-thumbs .ix-thumb.active .ix-btn {background-color:#333;}


/* 메인 비쥬얼 변경 추가 - 20230203 */
#main .mainVisual-swiper{
    position:relative;
    max-width: 1920px;
    margin:0 auto;
    margin-bottom:100px;
    overflow: hidden;
    margin-top: -80px;
}
#main .mainVisual-swiper > ul > li{
    position:relative;
    width:33.33333%;
    box-sizing:border-box;
}
#main .mainVisual-swiper > ul > li > .img-wrap{
    position:relative;
    display:block;
    overflow:hidden;
}

#main .mainVisual-swiper > ul > li.swiper-slide-prev{
    opacity:1;
}
#main .mainVisual-swiper > ul > li.swiper-slide-next{
    opacity:1;
}
#main .mainVisual-swiper > ul > li.swiper-slide-active{
    opacity:1;
}
#main .mainVisual-swiper > ul > li.swiper-slide-active > .img-wrap::after{
    background:transparent;
}

#main .mainVisual-swiper > ul > li > .img-wrap > img {
    position:relative;
    width:100%;
}
#main .mainVisual-swiper .mainVisual-next,
#main .mainVisual-swiper .mainVisual-prev{
    position:absolute;
    top:50%;
    left:50%;
    width:30px;
    height:54px;
    background:url('/design/ooo1069/2018_renew/img/main/mainVisual_prev.png')no-repeat center center;
    background-size:27px auto;
    z-index: 50;
    transform: translateY(-50%);
    cursor:pointer;
}


#main .mainVisual-swiper .mainVisual-prev{
    left:calc(50% - 340px);
}
#main .mainVisual-swiper .mainVisual-next{
    background:url('/design/ooo1069/2018_renew/img/main/mainVisual_next.png')no-repeat center center;
    background-size:27px auto;
    left:auto;
    right:calc(50% - 340px);
}

/* 상단고정일때 */
#header:not(.fix) .header-wrap {
    background: transparent;
}

#header:not(.fix) .lnb .cate > li > a {
    color: #fff;
}

#header:not(.fix) h1 .slogo, #header:not(.fix) .gnb > ul > li > a > img, #header:not(.fix) .gnb .search-wrap img {
    filter: invert(0);
}

#header:not(.fix) .gnb > ul > .basket-wrap > a .basket-cnt {
    background: #fff;
}

#header:not(.fix) .gnb > ul > .basket-wrap > a .basket-cnt span {
    color: #000;
}

#header:not(.fix) .lnb .cate > li > a.free-delivery::after {
    background:url('/design/ooo1069/2018_renew/img/common/icon_free_white.png')no-repeat center center;
}

#header:not(.fix) .gnb > ul > li.mymenu > a .txt {
    background: #927f6d;
    color: #fff;
}

#header:not(.fix) .gnb > ul > li.mymenu > a .txt::before {
    background: #927f6d;
    border: 1px solid #927f6d;
    border-bottom: 1px solid #927f6d;
    border-right: 1px solid #927f6d;
}

#header:not(.fix) .gnb .search-wrap .search-box input {
    border-bottom: 1px solid #927f6d;
}
/* BASIC css end */