@charset "utf-8";

/* 하단부터 적용 */
h2.gu_kr_title{ font-size: 40px;color: #222;font-family:'SDMyeongjo', sans-serif; font-weight: 500;text-align: center; line-height:1;}

.new_brand_1208 { background:#fff; }
.new_brand_1208 .top_movie_area{  }
.new_brand_1208 .top_movie_area:after{ content:""; display: block;clear:both; }
.new_brand_1208 .top_movie_area > div{ float:left;width:50%; position: relative;padding-top:26.1%; }
.new_brand_1208 .top_movie_area .left_banner{ background:#111111; }
.new_brand_1208 .top_movie_area .left_banner img{ position: absolute;left:50%;top:50%; transform:translate(-50%,-50%); }

.new_brand_1208 .top_movie_area .right_movie{ float:right; }
.new_brand_1208 .top_movie_area .right_movie .movie_box{ position: absolute;left:0;top:0;right:0; }
.new_brand_1208 .top_movie_area .right_movie .movie_box video{ width:100%; }
.movie_area { position: relative; }
.movie_area button{ display: block;width:70px;height:70px; background:url(../img/btn_sound_on.png) 0 0 no-repeat; background-size:100% !important; position: absolute; line-height:1000px;overflow: hidden; cursor:pointer; left:auto;right:20px;top:auto;bottom:20px; transform:translate(0);
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity:0;
}
.movie_area button.pause{  background:url(../img/btn_sound_off.png) 0 0 no-repeat;  }
.movie_area button.pause,
.movie_area:hover button{ opacity:1; }

.movie_area button.pause{ left:auto;right:20px;top:auto;bottom:20px; transform:translate(0); }


.new_brand_1208 .middle_txt{ font-size:14px; text-align:center; color:#444; line-height:34px; padding:140px 0; }


.new_brand_1208 .middle_txt_box{ width:1020px;margin:0 auto; }


.new_brand_1208 .middle_txt_box .line_box{}
.new_brand_1208 .middle_txt_box .line_box > div{ border:1px solid #e2e2e2; padding:40px 0;padding-left:420px; position: relative; margin-top:20px;}
.new_brand_1208 .middle_txt_box .line_box > div:first-child{ margin-top:0px;}
.new_brand_1208 .middle_txt_box .line_box > div:before{ content:"";display: block;border-left:1px solid #e2e2e2; height:85px; left:360px;margin-top:-42px; top:50%; position: absolute; }
.new_brand_1208 .middle_txt_box .line_box > div strong{ position: absolute;left:50px; top:50%;transform:translateY(-50%); font-size:16px; color:#222; }
.new_brand_1208 .middle_txt_box .line_box > div ul{ font-size:0; margin:-15px 0 0 -35px; }
.new_brand_1208 .middle_txt_box .line_box > div ul li{ padding-left:25px; display: inline-block; margin:15px 0 0 35px; font-size:13px; color:#666; line-height:18px;}
.new_brand_1208 .middle_txt_box .line_box > div ul li.ico_1{ background:url(../img/ico_locations.png) left center no-repeat;  }
.new_brand_1208 .middle_txt_box .line_box > div ul li:nth-child(3){ display: block; }
.new_brand_1208 .middle_txt_box .line_box > div ul li.ico_2{ background:url(../img/ico_tel1.png) left center no-repeat;  }
.new_brand_1208 .middle_txt_box .line_box > div.bottom ul li{ display: block; }

.new_brand_1208 .more_btn{  margin:60px auto 120px; text-align:Center; font-size:0; }
.new_brand_1208 .more_btn a{ color:#222; border-bottom:2px solid #2d2d2d; padding-bottom:10px; display: inline-block; font-size:14px;}



.new_brand_1208 .brand_new_list{  }
.new_brand_1208 .brand_new_list .top{ margin-top:65px; }
.new_brand_1208 .brand_new_list .top:after{ content:"";display: block;clear:both; }
.new_brand_1208 .brand_new_list .top div{ float:left;width: calc( 50% - 10px );margin-left:20px; }
.new_brand_1208 .brand_new_list .top div:first-child{ margin-left:0px; }
.new_brand_1208 .brand_new_list .top div a{ display:block; position: relative; }
.new_brand_1208 .brand_new_list .top div a .img{}
.new_brand_1208 .brand_new_list .top div a .img img{}

.new_brand_1208 .brand_new_list .top div a .layer{ position: absolute;left:0;bottom:0; background:#111; padding:30px 35px; }
.new_brand_1208 .brand_new_list .top div a .layer em{ display: block; font-style:normal; color:#8b714c; font-family: 'Gill Sans MT', sans-serif; }
.new_brand_1208 .brand_new_list .top div a .layer strong{ display: block;color:#fff; font-size:17px;line-height:20px;margin-top:10px; font-weight:400; }

.new_brand_1208 .img_list{ margin:120px 0 ; }
.new_brand_1208 .img_list ul{}
.new_brand_1208 .img_list ul li{ display:table; }
.new_brand_1208 .img_list ul li .img{ display:table-cell;width:50%; vertical-align:middle; }
.new_brand_1208 .img_list ul li .img img{}
.new_brand_1208 .img_list ul li .txt_box{ display:table-cell;width:50%; vertical-align:middle; text-align:center; position: relative;}
.new_brand_1208 .img_list ul li .txt_box a{ display: block; width:100%;height:310px; }
.new_brand_1208 .img_list ul li .txt_box a .in{ position: absolute;left:0;top:50%;transform:translateY(-50%); right:0; text-align:center;}
.new_brand_1208 .img_list ul li .txt_box a .in em{ display: block;font-style:normal; color:#8b714c; font-size:18px;line-height:20px; font-family: 'Gill Sans MT', sans-serif;  }
.new_brand_1208 .img_list ul li .txt_box a .in strong{ display: block; color:#222; font-size:17px;line-height:28px; margin:10px 0 30px; font-weight:400; }
.new_brand_1208 .img_list ul li .txt_box a .in span{ display: inline-block;border-bottom:1px solid #222; padding-bottom:2px; line-height:16px; color:#666; font-size:14px; }


.new_brand_1208 .bottom_banners{  }
.new_brand_1208 .bottom_banners a{ display: block; }
.new_brand_1208 .bottom_banners a img{ position: relative;left:50%; transform:translateX(-50%); }


.brans_layer_pops{ position: fixed;left:0;top:0;right:0;bottom:0;z-index: -1; }
.brans_layer_pops.active{ z-index: 9999;; }
.brans_layer_pops .dim{  background:rgba(0,0,0,0.5); position: absolute;left:0;top:0;right:0;bottom:0; z-index: 1; }
.brans_layer_pops .in_con{ z-index: 2; position: absolute;left:50%;top:50%; width:860px;background:#fff; transform:translate(-50%,-50%); }
.brans_layer_pops .in_con .tit{ display: block; padding:20px 0; text-align:center; border-bottom:1px solid #e8e8e8; }
.brans_layer_pops .in_con .close{ width:30px;height:30px; border-radius:50%; transform:rotate(45deg); position: absolute;right:0;top:-40px; line-height:1000px; overflow: hidden; cursor:pointer;background: rgba(0,0,0,0);}
.brans_layer_pops .in_con .close:before{ content:"";display: block;border-top:1px solid #fff;width:20px;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%); }
.brans_layer_pops .in_con .close:after{ content:"";display: block;border-left:1px solid #fff;height:20px;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%); }
.brans_layer_pops .in_con .in_scroll{ max-height:70vh;padding:0 55px 55px; overflow: hidden; overflow-y:auto; }

.brans_layer_pops .in_con .in_scroll .tit_box{ text-align:center; padding:40px 0; }
.brans_layer_pops .in_con .in_scroll .tit_box em{ display: block; margin-bottom:15px; display: inline-block; position: relative; }
.brans_layer_pops .in_con .in_scroll .tit_box em:before{ content:""; display: block; z-index: 1; border-bottom:12px solid #e8e3db; position: absolute;left:-5px; bottom:0;right:-5px; }
.brans_layer_pops .in_con .in_scroll .tit_box em span{ font-size:24px; color:#8b714c; font-family: 'Gill Sans MT', sans-serif; position: relative;z-index: 2; }
.brans_layer_pops .in_con .in_scroll .tit_box p{ font-weight:600; font-size:17px;line-height:27px; color:#222; }

.brans_layer_pops .in_con .in_scroll .rolling_box{ padding-bottom:30px; text-align:center; width:100%; overflow: hidden; position: relative; }
.brans_layer_pops .in_con .in_scroll .rolling_box img{ max-width:100%; }
.brans_layer_pops .in_con .in_scroll .rolling_box div[class^="swiper-button"]{ width:42px;height:42px; border-radius:50%;overflow: hidden; }
.brans_layer_pops .in_con .in_scroll .rolling_box div.swiper-button-prev{ background:url(../img/btn_prev.jpg) 0 0 no-repeat; left:20px; }
.brans_layer_pops .in_con .in_scroll .rolling_box div.swiper-button-next{ background:url(../img/btn_next.jpg) 0 0 no-repeat; right:20px; }

.brans_layer_pops .in_con .in_scroll .rolling_box .swiper-pagination{ bottom:0; }
.brans_layer_pops .in_con .in_scroll .rolling_box .swiper-pagination .swiper-pagination-bullet{}
.brans_layer_pops .in_con .in_scroll .rolling_box .swiper-pagination .swiper-pagination-bullet-active{ background:#111; }

.brans_layer_pops .in_con .in_scroll > p{ font-size:15px;line-height:25px; color:#666; margin-top:35px; }
.brans_layer_pops .in_con .in_scroll > p.copy{ text-align:center; font-size:14px;line-height:18px; color:#666; }




.brans_layer_pops .layer_movie{ margin-top:50px; }
.brans_layer_pops .layer_movie .movie_box{ position: relative; }
.brans_layer_pops .layer_movie .movie_box video{ width:100%; }


/* 220405 존스 브랜드 추가 */
.brans_layer_pops .in_con .in_scroll > p{word-break: break-all;text-align: justify;}
.new_brand_1208 .top_movie_area .right_movie .img_box{position: absolute;left: 0;top: 0;right: 0;height: 100%;}
.new_brand_1208 .top_movie_area .right_movie .img_box img{height: 100%;}

.new_brand_1208 .middle_txt_box .line_box.v2{width: 680px;margin: 0 auto;box-sizing: border-box;}
.new_brand_1208 .middle_txt_box .line_box.v2 > div{padding: 38px 0;font-size: 0;}
.new_brand_1208 .middle_txt_box .line_box.v2 > div ul{display: inline-block;width: 50%;vertical-align: top;margin: 0;padding-left: 80px;box-sizing: border-box;}
.new_brand_1208 .middle_txt_box .line_box.v2 > div ul li{display: block;margin: 0;}
.new_brand_1208 .middle_txt_box .line_box.v2 > div ul li:first-child{margin-bottom: 22px;}
.new_brand_1208 .middle_txt_box .line_box.v2 > div:before{left: 50%;}
.brans_layer_pops .in_con .in_scroll .tit_box em:before{display: none;}
.new_brand_1208 .middle_txt{padding: 95px 0;}
.new_brand_1208 .img_list{margin-top: 55px;}

/* 220412 델라라나 브랜드 추가 */
.new_brand_1208 .middle_txt_box .line_box.v3{}
.new_brand_1208 .middle_txt_box .line_box.v3 > div{padding: 20px 0;font-size: 0;border: 1px solid #e2e2e2;border-top  : none;margin-top: 0;margin-left: -1px;margin-right: -1px;display: flex;}
.new_brand_1208 .middle_txt_box .line_box.v3 > div:first-child{border-top: 1px solid #e2e2e2;}
.new_brand_1208 .middle_txt_box .line_box.v3 > div:last-child{display: inline-block;}
.new_brand_1208 .middle_txt_box .line_box.v3 > div ul{display: inline-block;width: calc(1020px / 3);vertical-align: top;margin: 0;padding-left: 80px;box-sizing: border-box;}
.new_brand_1208 .middle_txt_box .line_box.v3 > div ul li{display: block;margin: 0;}
.new_brand_1208 .middle_txt_box .line_box.v3 > div ul li:first-child{margin-bottom: 12px;}
.new_brand_1208 .middle_txt_box .line_box.v3 > div:before{left: calc(1020px / 3);height: 40px;margin-top: -20px;}
.new_brand_1208 .middle_txt_box .line_box.v3 > div::after{content: '';width: 1px;height: 40px;position: absolute;top: 50%;right: calc(1020px / 3);margin-top: -20px;background: #e2e2e2;}
.new_brand_1208 .middle_txt_box .line_box.v3 > div:last-child::after{display: none;}
.new_brand_1208 .bottom_banners{border-top: 1px solid #f1f1f1;}
.new_brand_1208 .brand_new_list .top div a .layer{width: 440px;box-sizing: border-box;}
.brans_layer_pops .in_con .in_scroll .img img{width: 100%;}
.brans_layer_pops .in_con .in_scroll .btns{text-align: center;margin-top: 60px;font-size: 0;}
.brans_layer_pops .in_con .in_scroll .btn{display: inline-block;width: 275px;margin-right: 40px;}
.brans_layer_pops .in_con .in_scroll .btn:last-child{margin-right: 0;}
.brans_layer_pops .in_con .in_scroll .btn span{display: inline-block;line-height: 30px;font-size: 20px;letter-spacing: -0.45px;font-weight: 400;margin-bottom: 10px;padding-left: 40px;}
.brans_layer_pops .in_con .in_scroll .btn.jacket span{background: url(../img/ico_jacket.png) no-repeat left center/30px auto;}
.brans_layer_pops .in_con .in_scroll .btn.shorts span{background: url(../img/ico_shorts.png) no-repeat left center/20px auto;}


/* 220419 브라이틀링 */
/* .breitling_0419 .middle_txt_box .line_box.v2{width: 340px;}
.breitling_0419 .middle_txt_box .line_box.v2 > div ul{width: 100%;}
.breitling_0419 .middle_txt_box .line_box.v2 > div:before{display: none;} */
.breitling_0419 .in_con .in_scroll .tit_box em{margin-bottom: 10px;}
.breitling_0419 .in_con .in_scroll .tit_box em span{font-size: 18px;}
.breitling_0419 .in_con .in_scroll .tit_box p{font-size: 24px;}
.breitling_0419 .layer_movie{margin-top: 0;}
.breitling_0419 .movie_area button{bottom: 30px;}

.breitling_0419 .layer_movie .movie_box{overflow: hidden;height: 457px;}
.breitling_0419 .layer_movie .movie_box video{width: calc(100% + 2px);margin-left: -1px;margin-top: -1px;}

.breitling_0419 .middle_txt_box .line_box.v3 > div:last-child::after{display: block;}


/* 220506 펜디 */
.fendi_0509 .top_movie_area .left_banner{background: #000000;}
/* .fendi_0509 .middle_txt_box .line_box.v3 > div ul{padding-left: 40px;width: calc(1020px / 5);position: relative;}
.fendi_0509 .middle_txt_box .line_box.v3 > div:before{display: none;}
.new_brand_1208 .middle_txt_box .line_box.v3 > div::after{display: none;} */
/* .fendi_0509 .middle_txt_box .line_box > div ul::after{content: '';width: 1px;height: 40px;background: #e2e2e2;position: absolute;top: 4px;right: 0;} */
/* .fendi_0509 .middle_txt_box .line_box > div ul:last-child::after{display: none;} */
.new_brand_1208.fendi_0509 .img_list ul li .img{border: 1px solid #e8e8e8;}
.brans_layer_pops.fendi_0509 .in_con .in_scroll .rolling_box{padding: 1px 1px 30px 1px;box-sizing: border-box;}
.brans_layer_pops.fendi_0509 .in_con .in_scroll .rolling_box::before{content: '';border: 1px solid #e8e8e8;position: absolute;top: 0%;bottom: 30px;left: 0;right: 0;z-index: 2;}
.new_brand_1208.fendi_0509 .middle_txt_box .line_box.v3 > div:last-child::after{display: inline-block;}
/* .new_brand_1208.fendi_0509 .middle_txt_box .line_box.v3 > div:last-child::after{content: '';width: 1px;height: 40px;position: absolute;top: 50%;right: calc(1020px / 3);margin-top: -20px;background: #e2e2e2;} */


/* 220523 랑콤 */
.blank{display: block;margin-top: 13px;}
.lancome_0523 .brand_new_list .top div a .layer em{font-size: 14px;}
.lancome_0523 .brand_new_list .top div a .layer strong{line-height: 27px;}
.lancome_0523.brans_layer_pops .in_con .in_scroll .btn{width: auto;}
.lancome_0523.brans_layer_pops .in_con .in_scroll .tit_box em span{font-size: 18px;letter-spacing: 0.25px;}
.lancome_0523.brans_layer_pops .in_con .in_scroll .tit_box p{font-size: 24px;letter-spacing: -0.1px;}
.lancome_0523 .middle_txt_box .line_box.v3 > div:last-child::after{display: block;}


/* 220613 티파니 */
.brans_layer_pops.fendi_0509 .in_con .in_scroll .rolling_box{padding: 1px 1px 30px 1px;box-sizing: border-box;}
.brans_layer_pops.tiffany_0613 .in_con .in_scroll .rolling_box::before{content: '';border: 1px solid #e8e8e8;position: absolute;top: 0%;bottom: 30px;left: 0;right: 0;z-index: 2;}
.tiffany_0613 .middle_txt_box .line_box.v3 > div:last-child::after{display: block;}


/* 220704 아베다 */
.new_brand_1208 .middle_txt_box .line_box.v5 > div{padding: 20px 0;display: flex;margin-top: 0;border-bottom: none;}
.new_brand_1208 .middle_txt_box .line_box.v5 > div:last-child{border-bottom: 1px solid #e2e2e2;}
.new_brand_1208 .middle_txt_box .line_box.v5 > div ul{width: 25%;box-sizing: border-box;margin: 0;position: relative;}
.new_brand_1208 .middle_txt_box .line_box.v5 > div ul::after{content: '';width: 1px;height: 40px;background: #e2e2e2;position: absolute;top: 6px;right: 0;}
.new_brand_1208 .middle_txt_box .line_box.v5 > div ul:last-child::after{display: none;}
.new_brand_1208 .middle_txt_box .line_box.v5 > div ul li{margin: 0;display: block;margin: 0 0 0 20px;}
.new_brand_1208 .middle_txt_box .line_box.v5 > div .ico_1{margin-bottom: 20px;}
.new_brand_1208 .middle_txt_box .line_box.v5 > div:before{display: none;}