/* BASIC css start */
/* 상품리스트 */
#big_section .section {clear:both;}
#big_section .section.sec_best {padding:65px 0 100px; background:#f6f6f6;}
#big_section .section.sec_best .title {margin-bottom:44px; text-align:center;}
#big_section .section.sec_best .title h2 {padding-bottom:10px; color:#333; font-size:35px; font-weight:400; line-height:1;}
#big_section .section.sec_best .title p {color:#a8a8a8; font-size:14px; font-weight:300;}
#big_section .section.sec_normal {}
#big_section .shop_title {overflow:hidden; position:relative; left:50%; width:3000px; margin-left:-1500px; text-align:center;}
#big_section .shop_title * {margin:0 !important; padding:0 !important;}
#big_section .shop_title img {max-width:100%; height:auto;}

/* 상품리스트 - 카테고리별 베스트 */
ul.prd_best {}
ul.prd_best {display:block; position:relative; 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;}
ul.prd_best:after {display:block; clear:both; content:'';}
ul.prd_best > li {float:left; width:calc(25% - 20px); padding:20px 10px 0; vertical-align:top;}
ul.prd_best > li.is_nth1 {width:calc(50% - 20px); padding-top:0;}
ul.prd_best > li.is_nth2,
ul.prd_best > li.is_nth3 {padding-top:0;}
ul.prd_best > li .itembox {position:relative; text-align:center;}
ul.prd_best > li .itembox .best_no {display:none; overflow:hidden; position:absolute; left:16px; top:16px; z-index:10; width:68px; height:59px; background:url('/design/ooo1069/2018_renew/img/common/item_best.png') no-repeat; text-align:center;}
ul.prd_best > li .itembox .best_no .txt {display:block; padding:14px 0 5px; color:#333; font-size:12px; font-weight:300; line-height:1;}
ul.prd_best > li .itembox .best_no .no {display:block; color:#333; font-size:19px; font-weight:700; line-height:1;}
ul.prd_best > li .itembox .img {position:relative; z-index:1;}
ul.prd_best > li .itembox .img img {width:100%; height:auto; vertical-align:top;}
ul.prd_best > li .itembox .cover_info {visibility:hidden; position:absolute; left:0; top:0; z-index:-5; width:100%; height:100%; background:rgba(0,0,0,0.4); text-align:center; opacity:0; transition:all 600ms; cursor:pointer;}
ul.prd_best > li .itembox .info {position:absolute; left:5%; top:calc(50% - 50px); width:90%;}
ul.prd_best > li .itembox .info * {color:#fff !important; font-size:inherit; font-weight:inherit;}
ul.prd_best > li .itembox .info .name {color:#333; font-weight:400;}
ul.prd_best > li .itembox .info .prc {padding-top:12px; line-height:1;} 
ul.prd_best > li .itembox .info .prc .prc_normal {font-weight:300; text-decoration:line-through;}
ul.prd_best > li .itembox .info .prc .prc_sell {font-size:14px; font-weight:700;}
ul.prd_best > li .itembox .info .prc .discount-info {position:absolute; bottom:0; right:0; color:#ef544d; font-size:14px; font-weight:normal;}
ul.prd_best > li .itembox .info .desc {padding-top:12px; color:#a8a8a8; font-weight:300; line-height:1.6;}
ul.prd_best > li .itembox .info .icon {display:none; margin-top:10px; font-size:0;}
ul.prd_best > li .itembox .info .icon img {vertical-align:middle;}
ul.prd_best > li .itembox:hover .cover_info {visibility:visible; z-index:10; opacity:1;}

/* 상품리스트 - 카테고리 분류 리스트  */
#big_section .cate_list {max-width:1522px; margin:50px auto 0;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:left;}
#big_section .cate_list ul {padding:0 10px;}
#big_section .cate_list ul > li {float:left; width:138px;}
#big_section .cate_list ul > li a {float:left; padding:0 17px 0 0; background:url('/design/ooo1069/2018_renew/img/common/bullet_plus.png') no-repeat right center; color:#333; font-size:13px; line-height:1;}
#big_section .cate_list ul > li.selected a {font-weight:700;}
#big_section .cate_list.herci > ul > li > a{
    background:none;
}

ul.prd_normal > li .itembox .info{
    padding-top:10px;
}

/*상품 리스트 카테고리&정렬*/
.category_list {
    position:relative;
    max-width:1522px;
    margin:0 auto;
    height:35px;
    line-height:35px;
    margin-bottom:27px;
}
.category_list > ul{
    font-size:0px;
}
.category_list > ul > li{
    display:inline-block;
    vertical-align:middle;
    padding-right:92px;
}
.category_list > ul > li:last-child{
    padding-right:0px;
}
.category_list > ul > li > a{
    display:inline-block;
    color:#aaaaaa;
    font-family:'Roboto','Noto Sans KR';
    font-weight:300;
    font-size:18px;
}
.category_list > ul > li.selected > a{
    color:#4e4e4e;
    font-weight:500;
}
.category_list .sort{
    position:absolute;
    top:0;
    right:0;
    height:35px;
    line-height:35px;
}

.category_list .sort select{
    border:1px solid #ededed;
    height:33px;
    line-height:33px;
    box-sizing:border-box;
    font-size:14px;
    font-weight:300;
    color:#aaaaaa;
}
.prd_wrapper{
    max-width: 1522px;
}
.list_total_sort{
    padding:0;
}
ul.prd_normal{
    padding:0;
    margin:0 -10px;
}
ul.prd_normal.col5 > li{
    width:25%;
    box-sizing:border-box;
}
#herci-page{
    padding-bottom:139px;
}
#herci-page .herci-visual-section{
    width:100%;
    overflow:hidden;
    min-width:1522px;
}
#herci-page .herci-visual-section > img{
    width:100%;
    height:auto;
    vertical-align:top;
}
.herci-section-title{
    line-height:45px;
    font-size:34px;
    font-weight:200;
    font-family:'Heebo';
    color:#4e4e4e;
    margin-bottom:35px;
}
.herci-section-title > b{
    font-size:34px;
    font-weight:400;
}
#herci-page .herci-best-section{
    width:1522px;
    padding-top:103px;
    padding-bottom:128px;
    margin:0 auto;
}
#herci-page .herci-best-section ul{
    font-size:0px;
    margin:0 -1px;
}
#herci-page .herci-best-section ul li{
    display: inline-block;
    padding-right: 1px;
    vertical-align: top;
    width: 33.3333%;
    box-sizing: border-box;
}
#herci-page .herci-best-section ul li a{
    display:block;
}
#herci-page .herci-best-section ul li a .thumb > img{
    width:100%;
}
#herci-page .herci-best-section ul li a .desc {
    padding-top:28px;
}
#herci-page .herci-best-section ul li a .desc > h4{
    line-height:45px;
    font-size:27px;
    font-weight:300;
    font-family:'Noto Sans KR';
    color:#111;
}
#herci-page .herci-best-section ul li a .desc > p{
    line-height:34px;
    font-size:17px;
    font-weight:300;
    font-family:'Noto Sans KR';
    color:#999898;
}
#herci-page .herci-swiper-st01{
    position:relative;
    padding-bottom:66px;
    min-width:1522px;
}
#herci-page .herci-swiper-st01-info{
    background:#f6f6f6;
    height:620px;
    position:relative;
}
#herci-page .herci-swiper-st01-info .wrapper{
    position:relative;
    width:1522px;
    height:100%;
    margin:0 auto;
    padding-top:110px;
}
#herci-page .herci-swiper-st01-info .desc{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 45;
    height: 100%;
    padding-top: 110px;
    box-sizing: border-box;
    background: transparent;

}
#herci-page .herci-swiper-st01-info .desc > h4{
    line-height:54px;
    color:#4e4e4e;
    font-size:47px;
    font-weight:200;
    font-family:'Heebo';
}
#herci-page .herci-swiper-st01-info .desc > h4 > b{
    font-weight:400;
    font-size:47px;
}
#herci-page .herci-swiper-st01-info .desc .info{
    padding-top:98px;
}
#herci-page .herci-swiper-st01-info .desc .info > p{
    line-height:35px;
    color:#4e4e4e;
    font-size:20px;
    font-family:'Noto Sans KR';
    font-weight:300;
}

#herci-page .herci-swiper-st01 .herci-swiper-st01-container{
    position:absolute;
    right:0;
    top:110px;
    width:100%;
    min-width:1522px;
}
#herci-page .herci-swiper-st01 .swiper-container {
    width:100%;
}

#herci-page .herci-swiper-st01 .swiper-container ul li{
    display:inline-block;
    width:700px;
}
#herci-page .herci-swiper-st01 .swiper-container ul li.swiper-slide-active{
    margin-left:-23px;
}

#herci-page .herci-swiper-st01 .swiper-container ul li a{
    display:block;
    position:relative;
}
#herci-page .herci-swiper-st01 .swiper-container ul li a > p{
    position:absolute;
    bottom:13px;
    right:26px;
    line-height:35px;
    color:#fff;
    font-size:17px;
    font-family:'Noto Sans KR';
    font-weight:400;
}
#herci-page .herci-swiper-st01 .swiper-container ul li.swiper-slide{
    opacity:0;
    transition:opacity 0.35s ease-out;
}
#herci-page .herci-swiper-st01 .swiper-container ul li.swiper-slide-active, #herci-page .herci-swiper-st01 .swiper-container ul li.swiper-slide-next{
    opacity:1;
    transition:opacity 0.35s ease-out;
}
.herci-swiper-st01-controller{
    position:absolute;
    top:0px;
    right:0;
    width:1324px;
    height:576px;
}
.herci-swiper-st01-controller > div{
    display:inline-block;
    position:absolute;
    top:50%;
    width:82px;
    height:20px;
    line-height:20px;
    margin-top:-10px;
    z-index:45;
    cursor:pointer;
    text-align:center;
}
.herci-swiper-st01-controller > div > img{
    width:43px;
    height:auto;
    vertical-align:middle;
}
.herci-swiper-st01-controller > div.next-btn{
    right:0;
}
.herci-swiper-st01-controller > div.prev-btn{
    left:0;
}


/*립 스와이퍼*/
.herci-lip-section{
    padding-top:181px;
    padding-bottom:170px;
}
.herci-swiper-st02 .swiper-container{
    width:100%;
}
.herci-swiper-st02 .swiper-container ul li{
    width:1437px;
    font-size:0px;
}
.herci-swiper-st02 .swiper-container ul li a{
    display:block;
    font-size:0px;
}
.herci-swiper-st02 .swiper-container ul li a .left{
    display: inline-block;
    vertical-align: top;
    width: 928px;
    height: 765px;
    margin-right: 58px;
    box-sizing: border-box;
}
.herci-swiper-st02 .swiper-container ul li a .left > img{
    width:100%;
    height:auto;
    vertical-align:top;
}
.herci-swiper-st02 .swiper-container ul li a .right{
    width:450px;
    display:inline-block;
    vertical-align:top;
    padding-top:38px;
    
}
.herci-swiper-st02 .swiper-container ul li a .right > h5{
    line-height:62px;
    color:#4e4e4e;
    font-family:'Heebo';
    font-weight:200;
    font-size:47px;
    margin-bottom:43px;
}
.herci-swiper-st02 .swiper-container ul li a .right > h5 > b{
    font-size:47px;
    font-family:'Noto Sans KR';
    font-weight:400;
}
.herci-swiper-st02 .swiper-container ul li a .right > .img{
    height:540px;
    overflow:hidden;
}
.herci-swiper-st02 .swiper-container ul li a .right > .img > img{
    width:100%;
    height:auto;
    vertical-align:top;
}
.herci-swiper-st02 .swiper-container ul li a .right > .desc{
    padding-top:22px;
}
.herci-swiper-st02 .swiper-container ul li a .right > .desc > p{
    line-height:25px;
    color:#4e4e4e;
    font-size:20px;
    font-weight:300;
    font-family:'Noto Sans KR';
}
.herci-swiper-st02 .swiper-container{
    position:relative;
}
.herci-swiper-st02 .swiper-container .herci-swiper-st02-controller{
    position:absolute;
    top:0;
    left:1437px;
    z-index:45;
    width:198px;
    height:100%;
    text-align:center;
}
.herci-swiper-st02 .swiper-container .herci-swiper-st02-controller > .controller-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    width:76px;
    height:78px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-left: -38px;
    margin-top:-39px;
}
.herci-swiper-st02 .swiper-container .herci-swiper-st02-controller > .controller-wrapper > div{
    display:inline-block;
    width: 76px;
    height: 38px;
    line-height: 38px;
}
.herci-swiper-st02 .swiper-container .herci-swiper-st02-controller > .controller-wrapper > div > img{
    width:55px;
    height:auto;
    vertical-align:middle;
}
.herci-swiper-st02 .swiper-container .herci-swiper-st02-controller > .controller-wrapper > div.next-btn{
    margin-bottom:2px;
}
/*에르시 CHEEK*/
.herci-cheek-section{
    margin-bottom:119px;
}
/*에르시 무비*/
.herci-movie-section{
    width:1522px;
    margin:0 auto;
}
.herci-movie-section .lay-box{
    font-size:0px;
}
.herci-movie-section .lay-box .left{
    display:inline-block;
    vertical-align:top;
    width:870px;
    height:580px;
    margin-right:67px;
}
.herci-movie-section .lay-box .left a{
    position:relative;
    display:block;
}
.herci-movie-section .lay-box .left a::before{
    position:absolute;
    content:'';
    width:140px;
    height:140px;
    line-height:140px;
    top:50%;
    left:50%;
    margin-top:-70px;
    margin-left:-70px;
    z-index:45;
    background:url('http://ftp.ooo1069.img12.kr/pc_renew_2020/herci_movie_play.png')no-repeat center center;
    background-size:140px auto;
}
.herci-movie-section .lay-box .right{
    position:relative;
    display:inline-block;
    width:585px;
    height:580px;
    padding-top:75px;
    box-sizing:border-box;
    vertical-align:top;
}
.herci-movie-section .lay-box .right .title{
    margin-bottom:26px;
}
.herci-movie-section .lay-box .right .title > p{
    line-height:43px;
    font-size:33px;
    letter-spacing:-0.8px;
    font-weight:300;
    font-family:'Noto Sans KR';
    color:#000000;
}
.herci-movie-section .lay-box .right .desc > p{
    line-height:24px;
    color:#aaaaaa;
    font-family:'Noto Sans KR';
    font-size:17px;
    letter-spacing:-0.4px;
    font-weight:300;
}
.herci-movie-section .lay-box .right .other-movie-wrap{
    position:absolute;
    bottom:0;
    left:0;
    font-size:0px;
}
.herci-movie-section .lay-box .right .other-movie-wrap .more-wrap {
    margin-bottom:20px;
}
.herci-movie-section .lay-box .right .other-movie-wrap .more-wrap a{
    line-height:36px;
    color:#aaaaaa;
    font-size:17px;
    font-weight:300;
    font-family:'Noto Sans KR';
}
.herci-movie-section .lay-box .right .other-movie-wrap ul li{
    display:inline-block;
    vertical-align:top;
    width:280px;
    margin-right:20px;
}
.herci-movie-section .lay-box .right .other-movie-wrap ul li:last-child{
    margin-right:0px;
}
.herci-movie-section .lay-box .right .other-movie-wrap ul li a{
    position:relative;
    display:block;
}
.herci-movie-section .lay-box .right .other-movie-wrap ul li a::before{
    position:absolute;
    content:'';
    width:101px;
    height:101px;
    line-height:101px;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    z-index:45;
    background:url('http://ftp.ooo1069.img12.kr/pc_renew_2020/herci_movie_play.png')no-repeat center center;
    background-size:101px auto;
}
.herci-movie-section .lay-box .right .other-movie-wrap ul li a > img {
    width:100%;
    height:auto;
    vertical-align:top;
    
}
/* BASIC css end */