/* BASIC css start */
/* swiper */
.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-pagination-bullet{background:transparent!important;border:1.5px solid #fff!important;}
.swiper-pagination{bottom:5%!important;}
.swiper-pagination-bullet-active{background:#ffffff!important;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px!important;}



.main{position:relative;}
/* deps01 */
.main .deps01{position:relative;}
.main .deps01 .swiper-slide{position:relative;}
.main .deps01 .swiper-slide .text_box{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); width:90%; margin:0 auto;}
.main .deps01 .swiper-slide .text_box .p1{margin-bottom:10px;}
.main .deps01 .btn_wrap{display:flex;width:10%;margin:0 auto;position:relative; top:40px;}

/* deps02 */
.main .deps02 {width:100%;padding:80px 0%;background:url('/design/dreamx860/250121/img/m_deps02_bg.jpg'); background-size:cover; background-position:center top; background-repeat:no-repeat;}
.main .deps02 .row01 {display: flex;width: 90%;margin: 0 auto;flex-direction: column;}
.main .deps02 .row01 .item_box{width:100%;position:relative;}
.main .deps02 .row01 .item_box.left .text_box{margin-bottom:12%;}
.main .deps02 .row01 .item_box.left .text_box .p1{margin-bottom:5%;}
.main .deps02 .row01 .item_box.left .text_box .p1 span{display:block;}
.main .deps02 .row01 .item_box.right .img_box{border-radius:20px;overflow:hidden;}
.main .deps02 .row01 .item_box img{display:block;object-fit:cover;width:100%;}

/* deps03 */
.main .deps03 {background:url('/design/dreamx860/250121/img/m_deps03_bg.jpg'); background-repeat:no-repeat; background-size:cover;}
.main .deps03 .row01{display:flex; padding: 40px 0 40px 5%;}
.main .deps03 .row01 .item_box{width:100%;}
.main .deps03 .row01 .item_box .img_box{position:relative;}
.main .deps03 .row01 .item_box .img_box img{display:block; object-fit:cover;width:100%;}
.main .deps03 .row01 .item_box .img_box .text_box {display: flex;position: absolute;top: 12%;left: 7%;flex-direction: column;justify-content: space-between;text-align: left; height: 80%; width: 85%;}
.main .deps03 .row01 .item_box .img_box .text_box a{display:block;margin-left:auto;}
.main .deps03 .row01 .item_box .img_box .text_box .p_group{margin-bottom:42%;}
.main .deps03 .row01 .item_box .img_box .text_box .p1{margin-bottom:11%;}

/* deps03-1 */
.main .deps03-1{padding:60px 0 40px;position:relative;}
.main .deps03-1 .row01{width:90%;margin:0 auto;}
.main .deps03-1 .row01 .item_box_wrap{position:relative;}
.main .deps03-1 .row01 .item_box{width:100%;position: relative;}
.main .deps03-1 .row01 .item_box .item .p_group{margin-bottom: 25px;}
.main .deps03-1 .row01 .item_box .item .p_group .p1{margin-bottom:15px;}
.main .deps03-1 .row01 .item_box .item a.more_btn {display: inline-block; padding: 8px 19px; border: 1px solid #000; border-radius: 24px;}
.main .deps03-1 .row01 .item_box .item.bottom .swiper { padding: 25px 0 14%;}
.main .deps03-1 .row01 .item_box .item.bottom .swiper .img_box{position:relative;cursor:pointer;}
.main .deps03-1 .row01 .item_box .item.bottom .swiper .img_box .text_box {position: absolute;left: 8%;bottom: 7%;text-align: left;line-height: 1.2;}
.main .deps03-1 .row01 .item_box .item.bottom .m_deps03-1_slide .swiper-pagination-bullet {background: transparent !important;border: 1.5px solid #000 !important;}
.main .deps03-1 .row01 .item_box .item.bottom .m_deps03-1_slide .swiper-pagination-bullet-active {background: #000 !important;}


/* deps04 */
.main .deps04{padding:50px 0;position:relative;}
.main .deps04 .row01{width:90%;margin:0 auto;}
.main .deps04 .row01 .all_prd {position: absolute;right: 0;top: 0;text-decoration: underline;text-underline-offset: 8px; z-index: 1;}
.main .deps04 .row01 .item_box_wrap{position:relative;}
.main .deps04 .row01 .item_box.left{width:100%;position: relative;}
.main .deps04 .row01 .item_box.left .item.top{display:none;}
.main .deps04 .row01 .item_box.left .item.top.on{display:block;}
.main .deps04 .row01 .item_box.left .item.top .p_group{margin-bottom:5%;}
.main .deps04 .row01 .item_box.left .item.top .p_group .p1{margin-bottom:30px;}
.main .deps04 .row01 .item_box.left .item.top .p_group .p2 span{display:block;}
.main .deps04 .row01 .item_box.left .item.top a.more_btn {display: inline-block; padding: 8px 19px; border: 1px solid #000; border-radius: 24px;}
.main .deps04 .row01 .item_box.left .item.bottom{overflow:hidden;padding-top:10%;}
.main .deps04 .row01 .item_box.left .item.bottom .swiper-container{position:relative;}
.main .deps04 .row01 .item_box.left .item.bottom .controler_wrap {position: absolute;top: 10%;right: 0;width: 60%;display: flex; align-items: center;justify-content: center;line-height:4px;}
.main .deps04 .row01 .item_box.left .item.bottom .controler_wrap .item.left { width: 30%; position: relative; margin-left: auto; left: 25px; top: 2px;}
.main .deps04 .row01 .item_box.left .item.bottom .controler_wrap .item.right{width:40%;position:relative;    margin-left: auto;}


.main .deps04 .row01 .item_box.left .item.bottom .swiper {padding-top: 15%;}
.main .deps04 .row01 .item_box.left .item.bottom .controler_wrap .item.left .swiper-pagination{font-size:14px;}
.main .deps04 .row01 .item_box.left .item.bottom .controler_wrap .item.left .swiper-pagination .swiper-pagination-current{color: #000;}
.main .deps04 .row01 .item_box.left .item.bottom .controler_wrap .swiper-button-next{background:url('/design/dreamx860/250121/img/slide_next.png'); background-repeat:no-repeat; max-width: 25px;background-size: contain;background-position: center; right:0!important;}
.main .deps04 .row01 .item_box.left .item.bottom .controler_wrap .swiper-button-prev{background:url('/design/dreamx860/250121/img/slide_prev.png'); background-repeat:no-repeat; max-width: 25px;background-size: contain;background-position: center; left:0!important;}
.main .deps04 .row01 .item_box.left .item.bottom .controler_wrap .swiper-button-next::after,
.main .deps04 .row01 .item_box.left .item.bottom .controler_wrap .swiper-button-prev::after {display: none;}

.main .deps04 .row01 .item_box.left .swiper-slide .img_box{margin-bottom:5%;}
.main .deps04 .row01 .item_box.left .swiper-slide .img_box img{border-radius:20px;overflow:hidden;}
.main .deps04 .row01 .item_box.left .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal{font-family: "Montserrat", serif;}
.main .deps04 .row01 .item_box.right{width:65%;overflow:hidden;}


/* deps_product_board */
.main .deps_product_board{width:90%;margin:0 auto;padding: 50px 5%; background: #fbfbfb;}
.main .deps_product_board .item_box.right ul{display:flex; justify-content: space-between; flex-wrap: wrap;}
.main .deps_product_board .item_box.right ul li{width: 19%; margin-bottom: 1%; border-radius: 14px; overflow: hidden;}
.main .deps_product_board .item_box.right ul li img{display: block; width: 100%;}
.main .deps_product_board .item_box.left{margin-bottom: 25px;}
.main .deps_product_board .item_box.left .item .p_group{margin-bottom: 25px;}
.main .deps_product_board .item_box.left .item .p_group .p1 {margin-bottom: 15px;}
.main .deps_product_board .item_box.left .item a.more_btn {display: inline-block; padding: 8px 19px; border: 1px solid #000; border-radius: 24px; transition: all .3s;}
.main .deps_product_board .item_box.left .item a.more_btn:hover{background-color:#000;color:#fff!important;}
.main .deps_product_board .item_box.right .swiper{padding-bottom: 40px;}
.main .deps_product_board .item_box.right .swiper-slide{padding-bottom: 10px;}
.main .deps_product_board .item_box.right .swiper-slide .wrap{border-radius: 12px; overflow: hidden; margin-bottom: 7px;}
.main .deps_product_board .item_box.right .swiper-button-next{background:url('/design/dreamx860/250121/img/slide_next.png'); background-repeat:no-repeat; max-width: 22px;background-size: contain;background-position: center; bottom: -13px !important; right: 38% !important; top: auto;}
.main .deps_product_board .item_box.right .swiper-button-prev{background:url('/design/dreamx860/250121/img/slide_prev.png'); background-repeat:no-repeat; max-width: 22px;background-size: contain;background-position: center; bottom: -13px !important; left: 38% !important; top: auto;}
.main .deps_product_board .item_box.right .swiper-button-next::after,
.main .deps_product_board .item_box.right .swiper-button-prev::after {display: none;}
.main .deps_product_board .item_box.right .swiper-pagination{bottom: 0px !important ; z-index: 0;}


/* deps_gallery_board */
.main .deps_gallery_board{/*border-top: 1px solid #ccc;*/ padding: 50px 0;}
.main .deps_gallery_board .wrap{width: 90%; margin: 0 auto; }
.main .deps_gallery_board ul li a{display: block;}
.main .deps_gallery_board ul li a img{display: block; width: 100%; margin-bottom: 20px;}
.main .deps_gallery_board .item{margin-bottom: 25px;}
.main .deps_gallery_board .item .p_group{margin-bottom: 25px;}
.main .deps_gallery_board .item .p_group .p1 {margin-bottom: 15px;}
.main .deps_gallery_board .item a.more_btn {display: inline-block; padding: 8px 19px; border: 1px solid #000; border-radius: 24px; transition: all .3s;}
.main .deps_gallery_board .item a.more_btn:hover{background-color:#000;color:#fff!important;}
.main .deps_gallery_board .deps_gallery_swiper {padding-bottom: 14%;}
.main .deps_gallery_board .deps_gallery_swiper .swiper-slide .img_border{border-radius: 10px; overflow: hidden; margin-bottom: 14px;}
.main .deps_gallery_board .deps_gallery_swiper .swiper-pagination-bullet {background: transparent !important;border: 1.5px solid #000 !important;}
.main .deps_gallery_board .deps_gallery_swiper .swiper-pagination-bullet-active {background: #000 !important;}

/* deps05 */
.main .deps05{padding:50% 0; background:url('/design/dreamx860/250121/img/m_deps05_bg.jpg'); background-size:cover; background-position:center top; background-repeat:no-repeat; }
.main .deps05 .row01 {position:relative;}
.main .deps05 .row01 .text_box {width:90%; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); text-align:center;}
.main .deps05 .row01 .text_box a.more_btn {display: inline-block; padding: 8px 33px; border: 1px solid #fff; border-radius: 24px;}
.main .deps05 .row01 .text_box .p1{margin-bottom:3%;}
.main .deps05 .row01 .text_box .p2{margin-bottom:8%;}




/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }
/* BASIC css end */

