/* BASIC css start */
/* 공통 */
.section {margin:0 0 125px;}

/* 메인 롤링 배너 */
.main-roll-ban {margin:0 0 5px;}
.main-roll-ban .ban-box {position:relative;}
.main-roll-ban .ban-box .ban-img img {width:100%;}
.main-roll-ban .ban-box .ban-txt {position:absolute; bottom:34px; left:30px; z-index:10;}
.main-roll-ban .ban-box .ban-txt p {color:#000; line-height:1.1;}
.main-roll-ban .ban-box .ban-txt .p1 {font-size:17px;}
.main-roll-ban .ban-box .ban-txt .p2 {font-size:26px; font-weight:500; padding: 10px 0; margin-left:-3px;}
.main-roll-ban .ban-box .ban-txt .p3 {font-size:16px; font-weight:500; margin-top:10px; line-height: 1.4;}
.main-roll-ban .ban-box .ban-txt .p4 {padding-top:25px;}
.main-roll-ban .ban-box .ban-txt .p4 a {display:inline-block; padding:10px 15px; font-size:12px; color:#fff; background:#000; min-width:47px;}
.main-roll-ban .ban-box .ban-txt .p4 a > img {width:32px; vertical-align:middle; display:inline-block;}
.main-roll-ban .slick-dots { position: absolute; top:45px; left: 31px; text-align: left;}
.main-roll-ban .slick-dots li {display: inline-block; margin: 0 3px;}
.main-roll-ban .slick-dots li button {text-indent: -9999px; width: 9px; height: 9px; background:transparent; border:1px solid #d0d0d0; border-radius:100%; cursor:pointer;}
.main-roll-ban .slick-dots li.slick-active button { background: #fff; border:1px solid #fff;}

/* 타이틀 */
.main-title {text-align:center; padding-bottom:35px;}
.main-title h2 {font-size:29px; line-height:1;color:#000; padding-bottom:12px; letter-spacing:2px;}
.main-title p {font-size:14px; color:#000; font-weight:350;}

/* 베스트 아이템 */
.main-section01 .best-item-wrap ul {}
.main-section01 .best-item-wrap ul li {text-align:center;}
.main-section01 .best-item-wrap ul li .img-box {margin:0 44px; position:relative;}
.main-section01 .best-item-wrap ul li .img-box .circle-img img {width:100%; vertical-align:middle;}
.main-section01 .best-item-wrap ul li .img-box .item-img{position: absolute; left: 42%; transform: translate(-50%,-50%);  top: 50%;}
.main-section01 .best-item-wrap ul li .img-box .item-img img {width:130%; margin:0 auto; vertical-align:middle;}
.main-section01 .best-item-wrap .txt-box {padding:25px 0 0; text-align:center; /* font-family:'Noto Sans Korean'; */}
.main-section01 .best-item-wrap .txt-box .txt1 {font-size:20px; font-weight:300; color:#000; line-height:1.8; position:relative; display:inline-block; padding:20px;}
.main-section01 .best-item-wrap .txt-box .txt1:before{content: "“"; position: absolute;left: -5px;top: 0; font-size: 22px; font-family:'Noto Sans Korean';}
.main-section01 .best-item-wrap .txt-box .txt1:after{content: "”"; position: absolute;right: 0;bottom: -15px; font-size: 22px; font-family:'Noto Sans Korean';}
.main-section01 .best-item-wrap .txt-box .txt2 {font-size:20px; padding:30px 0; letter-spacing: 4px;}
.main-section01 .best-item-wrap .txt-box .txt3 p {font-size:13px; color:#000; font-weight:350;}
.main-section01 .best-item-wrap .txt-box .txt3 .p1 {color:#4b4b4b;}
.main-section01 .best-item-wrap .txt-box .txt3 .p1 span {padding:0 8px;}
.main-section01 .best-item-wrap .txt-box .txt3 .p2 {font-size:17px; letter-spacing:1px; padding:12px 0;}
.main-section01 .best-item-wrap .txt-box .txt3 .p3 {font-size:15px;}
.main-section01 .best-item-wrap .slick-arrow {position:absolute; width:9px; height:17px; top:50%; transform: translateY(-50%); border:0; outline:0; cursor:pointer; padding:25px; z-index:90; font-size:0;}
.main-section01 .best-item-wrap .slick-prev {background:url(/design/kbpacific/wib/img/main/prev-btn.png)no-repeat center left 25px;background-size:9px 17px;  left:0px;}
.main-section01 .best-item-wrap .slick-next {background:url(/design/kbpacific/wib/img/main/next-btn.png)no-repeat center right 25px;background-size:9px 17px;  right:0px;}

/* 탑아이템*/
.main-section02 .top-item-wrap .prd-box .items li {width:170px; margin-right:1px;}
.main-section02 .top-item-wrap .prd-box .items li .prd-info {text-align:center;}
.main-section02 .top-item-wrap .prd-box .items li .prd-info .prd-preview {right:30px;}

/* 탑컬러 */
.main-section03 .top-color-wrap li {width:33.33%; min-height:324px; position:relative;}
.main-section03 .top-color-wrap li:nth-child(1) {background:url(/design/kbpacific/wib/img/main/top-color-img01.jpg)no-repeat center; background-size: 100% auto;}
.main-section03 .top-color-wrap li:nth-child(2) {background:url(/design/kbpacific/wib/img/main/top-color-img02.jpg)no-repeat center; background-size: 100% auto;}
.main-section03 .top-color-wrap li:nth-child(3) {background:url(/design/kbpacific/wib/img/main/top-color-img03.jpg)no-repeat center; background-size: 100% auto;}
.main-section03 .top-color-wrap li .txt-top {position:absolute; top:0; left:0; width:100%; text-align:center; padding:23px 0 0;}
.main-section03 .top-color-wrap li .txt-top .p1 {font-size:12px; color:#101010; letter-spacing:1px;}
.main-section03 .top-color-wrap li .txt-top .p2 {font-size:14px; color:#000; font-weight:350; padding-top:10px;}
.main-section03 .top-color-wrap li .txt-bottom {position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.main-section03 .top-color-wrap li .txt-bottom p {font-weight:350;}
.main-section03 .top-color-wrap li .txt-bottom .p1 {font-size:14px;}
.main-section03 .top-color-wrap li .txt-bottom .p2 {font-size:11px; padding-top:5px;}
.main-section03 .top-color-wrap li .txt-bottom .p3 {font-size:13px; color:#000; padding-top:8px;}
.main-section03 .top-color-wrap li .txt-bottom .p4 {padding:22px 0;}
.main-section03 .top-color-wrap li .txt-bottom .p4 img {width:11px; height:auto;}
.main-section03 .top-color-wrap li:nth-child(1) .txt-bottom .p1,
.main-section03 .top-color-wrap li:nth-child(1) .txt-bottom .p2 {color:#b47d42;}
.main-section03 .top-color-wrap li:nth-child(2) .txt-bottom .p1,
.main-section03 .top-color-wrap li:nth-child(2) .txt-bottom .p2 {color:#c4765a;}
.main-section03 .top-color-wrap li:nth-child(3) .txt-bottom .p1,
.main-section03 .top-color-wrap li:nth-child(3) .txt-bottom .p2 {color:#82542a;}

/* 악마 시즌 룩북 */
.main-section04 .season-lookbook-wrap li {width:289px; position:relative;}
.main-section04 .season-lookbook-wrap li .ban-box img {width:100%;}
.main-section04 .season-lookbook-wrap li .ban-txt {position:absolute; bottom:0; left:0; color:#fff; padding:0 0 15px 25px;}
.main-section04 .season-lookbook-wrap li .ban-txt h3 {font-size:26px; font-weight:normal; line-height: 1.4em; letter-spacing:2px;}
.main-section04 .season-lookbook-wrap li .ban-txt p {font-size:12px; padding-top:23px;letter-spacing:1px;}

/* 위클리 이벤트 */
.main-section05 .weekly-event-wrap li {width:289px;}
.main-section05 .weekly-event-wrap li .ban-box img {width:100%;}
.main-section05 .weekly-event-wrap li .ban-txt {padding:12px 15px 0;}
.main-section05 .weekly-event-wrap li .ban-txt p {font-weight:350; color:#000;}
.main-section05 .weekly-event-wrap li .ban-txt .p1 {font-size:10px;}
.main-section05 .weekly-event-wrap li .ban-txt .p2 {font-size:13px;}
.main-section05 .weekly-event-wrap li .ban-txt .p3 {font-size:12px; color:#db3c3c; padding-top:15px;}

/* 시즌 악마 크림 */
.main-section06 .season-cream-wrap ul {}
.main-section06 .season-cream-wrap ul li {text-align:center;}
.main-section06 .season-cream-wrap ul li .img-box {margin:0 44px; position:relative;}
.main-section06 .season-cream-wrap ul li .img-box .circle-img img {width:100%; vertical-align:middle;}
.main-section06 .season-cream-wrap ul li .img-box .item-img{position: absolute; left: 42%; transform: translate(-50%,-50%);  top: 50%;}
.main-section06 .season-cream-wrap ul li .img-box .item-img img {width:130%; margin:0 auto; vertical-align:middle;}
.main-section06 .season-cream-wrap ul li .txt-box {padding:27px 0 0; /* font-family:'Noto Sans Korean'; */}
.main-section06 .season-cream-wrap ul li .txt-box p {font-size:13px; color:#000; font-weight:350;}
.main-section06 .season-cream-wrap ul li .txt-box .p1 {color:#4b4b4b;}
.main-section06 .season-cream-wrap ul li .txt-box .p1 span {padding:0 8px;}
.main-section06 .season-cream-wrap ul li .txt-box .p2 {letter-spacing:1px; padding:12px 0;}
.main-section06 .season-cream-wrap ul li .txt-box .p3 {font-size:15px;}
.main-section06 .season-cream-wrap .slick-arrow {position:absolute; width:9px; height:17px; top:40%; transform: translateY(-50%); border:0; outline:0; cursor:pointer; padding:25px;}
.main-section06 .season-cream-wrap .slick-prev {background:url(/design/kbpacific/wib/img/main/prev-btn.png)no-repeat center left 25px;background-size:9px 17px;  left:0px;}
.main-section06 .season-cream-wrap .slick-next {background:url(/design/kbpacific/wib/img/main/next-btn.png)no-repeat center right 25px;background-size:9px 17px;  right:0px;}

/* 악마 크림 룩북 */
.main-section07 .cream-lookbook-wrap li {width:289px; position:relative;}
.main-section07 .cream-lookbook-wrap li .ban-box img {width:100%;}
.main-section07 .cream-lookbook-wrap li .ban-txt {position:absolute; bottom:0; left:0; color:#fff; padding:0 0 15px 25px;}
.main-section07 .cream-lookbook-wrap li .ban-txt h3 {font-size:26px; font-weight:normal; line-height: 1.4em; letter-spacing:2px;}
.main-section07 .cream-lookbook-wrap li .ban-txt p {font-size:12px; letter-spacing:1px;}

/* 인스타그램 */
.main-section08 {}
.main-section08 .insta {padding: 0 14px;}
.main-section08 .insta .insta_section #instapics{font-size:0;}
.main-section08 .insta .insta_section #instapics> div {display:inline-block; vertical-align:top; margin:1px; width:calc(33.33% - 2px);}
.main-section08 .insta .insta_section #instapics> div img {width: 100%;}
/* BASIC css end */