@charset "utf-8";

/* ==========================================================================
	공통
========================================================================== */
/* main_tit */
.main_tit{}
.main_tit h3{position:relative; display:inline-block; font-size:36px; color:#000; letter-spacing:0em; font-weight:200; line-height:1.4;}
.main_tit i{display:block; width:20px; height:14px; background:url('/img/main_tit_deco.png') no-repeat center center / contain;}

.main_tit.type01 h3 i{position:absolute; top:10px; right:-30px;}
.main_tit.type02{text-align:center;}
.main_tit.type02 i{margin:0 auto;}

/* main_tabbtn */
.main_tabbtn{}
.main_tabbtn ul{margin:0; font-size:0; letter-spacing:-4px; text-align:center; background-color:#fffcfe; border-radius:30px; padding:4px; box-sizing:border-box;}
.main_tabbtn ul li{position:relative; display:inline-block; vertical-align:top; width:25%; height:50px; padding:0 10px; background-color:#fffcfe; border-radius:30px; box-sizing:border-box; }
.main_tabbtn ul li a{display:block; height:100%; font-size:20px; color:#666666; letter-spacing:0em; font-weight:300; line-height:50px; }
.main_tabbtn ul li a span{position:relative; display:inline-block;}
.main_tabbtn ul li a span i{content:''; position:absolute; width:14px; height:10px; background:url('/img/main_tabbtn_icon01.png') no-repeat center center / contain; top:8px; right:-18px;}
.main_tabbtn ul li:hover {background-color:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); z-index:1;}
.main_tabbtn ul li:hover a{color:#fff; font-weight:400;}
.main_tabbtn ul li:hover a span i{background-image:url('/img/main_tabbtn_icon01_on.png');}
.main_tabbtn ul li.on {background-color:#d93a96; box-shadow:9px 9px 16px rgba(0, 0, 0, 0.23); z-index:1;}
.main_tabbtn ul li.on a{color:#fff; font-weight:400;}
.main_tabbtn ul li.on a span i{background-image:url('/img/main_tabbtn_icon01_on.png');}

.tab_contents > div{display:none;}
.tab_contents > div:first-of-type{display:block;}


/* prod_list */
.prod_list{}
.prod_list ul{margin:0; font-size:0; letter-spacing:-4px;}
.prod_list ul li{display:inline-block; vertical-align:top; background:#fff; text-align:center; cursor:pointer; overflow:hidden; transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s;}
.prod_list ul li.w100 {width:100% !important; }
.prod_list ul li .img_box{position:relative; padding-bottom:87%; overflow:hidden;}
.prod_list ul li .img_box img{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
.prod_list ul li .img_box .tag {z-index:20; position:absolute; left:-1px; top:-1px; }
.prod_list ul li .img_box .tag span {display:inline-block; vertical-align:top; min-width:68px; width:auto; height:37px; padding:0 13px; box-sizing:border-box; border-bottom-right-radius:16px; background-color:#c3c3c3; line-height:37px; font-size:16px; color:#fff; letter-spacing:-0.025em; text-align:center; font-weight:400; white-space:nowrap; }
.prod_list ul li .img_box .tag span.new {background-color:#9abcef; }
.prod_list ul li .img_box .tag span.best {background-color:#da9aef; }
.prod_list ul li .img_box .tag span.hot {background-color:#a89aef; }
.prod_list ul li .img_box .tag span.neo {background-color:#f088c4; }
.prod_list ul li .img_box .tag span.del {background-color:#7bcfd9; }

.prod_list ul li .txt_box{padding:20px 10px 40px;}
.prod_list ul li .txt_box .num{display:block; width:50px; padding:2px 0; text-align:center; font-size:14px; color:#fff; letter-spacing:0em; font-weight:500; line-height:1; background:#d93a96; margin:0 auto 12px;}
.prod_list ul li .txt_box h5{font-size:16px; color:#000000; letter-spacing:-0.045em; font-weight:300; margin:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; height:2.8em; word-break:keep-all;}
.prod_list ul li .txt_box p{font-size:14px; color:#b1b1b1; letter-spacing:-0.045em; font-weight:300; margin-top:12px; min-height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis;}
.prod_list ul li .txt_box p.price {}
.prod_list ul li .txt_box p.price span {display:inline-block; vertical-align:middle; padding-right:10px; font-size:16px; color:#a9a9a9; font-weight:300; text-decoration:line-through; }
.prod_list ul li .txt_box p.price b {display:inline-block; vertical-align:middle; font-size:16px; font-weight:300; color:#d93a96; letter-spacing:-0.045em; }

.prod_list.type01 .swiper-wrapper{margin-bottom:60px;}
.prod_list.type01 .swiper-slide{position:relative; border:1px solid #e6e6e6; box-sizing:border-box;}
.prod_list.type01 .swiper-slide:first-of-type{}
.prod_list.type01 .swiper-slide:hover{border-color:#d93a96; z-index:1;}

.prod_list.type02 ul{margin:0;}
.prod_list.type02 ul li{width:calc(25% - 7.5px); margin-right:10px; margin-bottom:40px; box-sizing:border-box; }
.prod_list.type02 ul li:nth-of-type(4n){margin-right:0;}
.prod_list.type02 ul li .txt_box{padding:53px 10px;}
.prod_list.type02 ul li:hover{border-top-right-radius:30px; box-shadow:16px 16px 20px rgba(0, 0, 0, 0.09); border:1px solid #d93a96; }

.prod_list.type03 ul{margin:0;}
.prod_list.type03 ul li{width:calc(25% - 7.5px); margin-right:10px; margin-bottom:40px; box-sizing:border-box; border:1px solid #e6e6e6;}
.prod_list.type03 ul li:nth-of-type(4n){margin-right:0;}
.prod_list.type03 ul li .txt_box{padding:53px 10px;}
.prod_list.type03 ul li:hover{border-top-right-radius:30px; box-shadow:16px 16px 20px rgba(0, 0, 0, 0.09); border:1px solid #d93a96; }



/* ==========================================================================
	main
========================================================================== */
.main_visual{position:relative; min-width:1000px; }
.main_visual .swiper-slide {overflow:hidden; }
.main_visual .swiper-slide img {position:relative; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);}
.main_visual .swiper-button-next.swiper-button-disabled, .main_visual .swiper-button-prev.swiper-button-disabled{opacity:1;}
.main_visual .swiper-button-next.swiper-button-disabled:before, .main_visual .swiper-button-prev.swiper-button-disabled:before{left:0; background:#e5e5e5; box-shadow:none;}
.main_visual .swiper-button-next.swiper-button-disabled:after, .main_visual .swiper-button-prev.swiper-button-disabled:after{display:none;}
.main_visual .swiper-button-prev{width:40px; height:40px; background:none; left:calc(50% - 600px);}
.main_visual .swiper-button-prev:focus{outline:none;}
.main_visual .swiper-button-prev i{position:absolute; display:block; width:26px; height:47px; background:url('/img/main_visual_prev.png') no-repeat center center/ contain; top:50%; left:45%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); z-index:1;}
.main_visual .swiper-button-next{width:40px; height:40px; background:none; left:calc(50% + 575px);}
.main_visual .swiper-button-next:focus{outline:none;}
.main_visual .swiper-button-next i{position:absolute; display:block; width:26px; height:47px; background:url('/img/main_visual_next.png') no-repeat center center/ contain; top:50%; left:55%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); z-index:1;}

.main_visual .swiper-pagination{bottom:80px; right:calc(50% - 600px);}
.main_visual .swiper-pagination-bullet{display:block; margin:16px 0; width:9px; height:9px; background:#f9e2ff; border-radius:1px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); opacity:1;}
.main_visual .swiper-pagination-bullet-active{background:#de5ba7;}

.main_visual .visual01{background:url('/img/main_visual01_bg.jpg') no-repeat center center / cover; padding:105px 0;}
.main_visual .visual01 .box{width:1000px; margin:0 auto; font-size:0; letter-spacing:-4px; text-align:center;}
.main_visual .visual01 .box .left{display:inline-block; vertical-align:top; width:36%;}
.main_visual .visual01 .box .left .tit{position:relative; margin-bottom:20px;}
.main_visual .visual01 .box .left .tit:before{content:''; position:absolute; display:block; width:100px; height:1px; background:#d97ec7; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_visual .visual01 .box .left .tit:after{content:''; position:absolute; display:block; width:100px; height:1px; background:#d97ec7; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_visual .visual01 .box .left .tit h5{font-size:14px; color:#444444; letter-spacing:0.5em; font-weight:500; margin:0; line-height:1.2; font-style:italic; }
.main_visual .visual01 .box .left .tit h5 b{color:#d93a96; font-weight:500;}
.main_visual .visual01 .box .left h2{font-size:55px; color:#000000; letter-spacing:-0.045em; font-weight:200; margin:0; line-height:1.2;}
.main_visual .visual01 .box .left h2 span{display:inline-block; color:#d93a96; font-weight:bold; }
.main_visual .visual01 .box .left img{margin:30px auto;}
.main_visual .visual01 .box .left p{font-size:20px; color:#222222; letter-spacing:-0.045em; font-weight:300; line-height:1.4;}

.main_visual .visual01 .box .right{display:inline-block; vertical-align:top; width:64%;}
.main_visual .visual01 .box .right ul{margin:0;}
.main_visual .visual01 .box .right ul li{display:inline-block; vertical-align:top;}
.main_visual .visual01 .box .right ul li .img_box{min-height:277px; padding-left:15px;}
.main_visual .visual01 .box .right ul li .txt_box{position:relative; }
.main_visual .visual01 .box .right ul li .txt_box h6{font-size:16px; color:#a91eb5; letter-spacing:0em; font-weight:300; margin:0;}
.main_visual .visual01 .box .right ul li .txt_box p{font-size:16px; color:#444444; letter-spacing:-0.045em; font-weight:400; line-height:1.4; margin-top:10px;}



.main_con01{padding:100px 0; font-size:0; letter-spacing:-4px;}
.main_con01 .left_box{position:relative; display:inline-block; vertical-align:top; width:60.6%; height:420px; margin-right:10px; box-sizing:border-box; padding:40px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.main_con01 .left_box .text h6{font-size:14px; color:#e3a9f6; font-weight:500; letter-spacing:0; font-style:italic; }
.main_con01 .left_box .text h6 span{color:#d93a96;}
.main_con01 .left_box .text h6 i{display:inline-block; vertical-align:middle; width:110px; height:1px; background:#cfcfcf; margin-left:5px;}
.main_con01 .left_box .text h4{font-size:32px; color:#222222; letter-spacing:-0.045em; font-weight:200; line-height:1.2;}
.main_con01 .left_box .text a{position:absolute; display:block; background:url('/img/main_con01_btn.png') no-repeat; font-size:16px; color:#fff; letter-spacing:-0.045em; font-weight:200; line-height:1.2; text-align:center; width:147px; height:147px; box-sizing:border-box; padding-top:34px; padding-right:18px; bottom:30px; left:27%;}
.main_con01 .left_box .text a span img{display:block; margin:10px auto;}
.main_con01 .right_box{display:inline-block; vertical-align:top; width:calc(39.4% - 10px);}
.main_con01 .right_box ul{margin:0;}
.main_con01 .right_box ul li{position:relative; height:205px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.main_con01 .right_box ul li + li{margin-top:10px;}
.main_con01 .right_box ul li a{position:absolute; display:block; bottom:31px; left:60%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_con01 .right_box ul li:after {content:''; display:inline-block; vertical-align:middle; width:0; height:100%; }
.main_con01 .right_box ul li.type02 {text-align:right; }
.main_con01 .right_box ul li .text {display:inline-block; vertical-align:middle; box-sizing:border-box; }
.main_con01 .right_box ul li .text.type01 {padding-right:30px; text-align:left; }
.main_con01 .right_box ul li .text.type01 p {font-size:16px; font-weight:300; color:#5b5b5b; letter-spacing:-0.045em; line-height:24px; }
.main_con01 .right_box ul li .text.type01 h5 {padding-top:12px; font-size:26px; font-weight:bold; color:#d93a96; letter-spacing:-0.045em; }

.main_con01 .right_box ul li .text.type02 {padding-left:20px; }
.main_con01 .right_box ul li .text.type02 span {display:inline-block; vertical-align:top; padding:1px 5px; font-size:16px; font-weight:300; color:#ffffff; letter-spacing:-0.045em; background-color:#747474; }
.main_con01 .right_box ul li .text.type02 h5 {margin-top:2px; font-size:26px; font-weight:bold; color:#222222; letter-spacing:-0.045em; }
.main_con01 .right_box ul li .text.type02 p {margin-top:12px; font-size:16px; font-weight:300; color:#5b5b5b; letter-spacing:-0.045em; }


.main_con02{padding:0 0 100px;}
.main_con02 .main_tit{margin-bottom:40px;}
.main_con02 .slider_wrap{position:relative;}
.main_con02 .swiper-button-next.swiper-button-disabled, .main_con02 .swiper-button-prev.swiper-button-disabled{opacity:1;}
.main_con02 .swiper-button-next.swiper-button-disabled:before, .main_con02 .swiper-button-prev.swiper-button-disabled:before{background:#e5e5e5; box-shadow:none;}
.main_con02 .swiper-button-prev{width:40px; height:40px; background:none; top:45%; left:-20px;}
.main_con02 .swiper-button-prev:focus{outline:none;}
.main_con02 .swiper-button-prev:before{content:''; position:static; display:block; width:40px; height:40px; background:#f6cfe6; border-radius:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); box-shadow:10px 10px 20px rgba(94, 38, 70, 0.09);}
.main_con02 .swiper-button-prev i{position:absolute; display:block; width:10px; height:17px; background:url('/img/main_con02_prev.png') no-repeat center center/ contain; top:50%; left:45%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
.main_con02 .swiper-button-next{width:40px; height:40px; background:none; top:45%; right:-20px;}
.main_con02 .swiper-button-next:focus{outline:none;}
.main_con02 .swiper-button-next:before{content:''; position:static; display:block; width:40px; height:40px; background:#f6cfe6; border-radius:10px; top:0; left:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); box-shadow:10px 10px 20px rgba(94, 38, 70, 0.09);}
.main_con02 .swiper-button-next i{content:''; position:absolute; display:block; width:10px; height:17px; background:url('/img/main_con02_next.png') no-repeat center center/ contain; top:50%; left:55%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}

.main_con02 .swiper-scrollbar{width:77%; height:3px; left:50%; background:#f0f0f0; border-radius:3px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_con02 .swiper-container-horizontal>.swiper-scrollbar{width:77%; height:3px; left:50%; background:#f0f0f0; border-radius:3px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.main_con02 .swiper-scrollbar-drag{background:#d93a96;}


.main_con03{padding:100px 0; background:url('/img/main_con03_bg.jpg') no-repeat center center / cover; }
.main_con03 .main_tabbtn{margin-bottom:40px; }


.main_con04{padding:100px 0 150px; font-size:0; letter-spacing:-4px;}
.main_con04 .main_tit {margin-bottom:30px; }
.main_con04 .video_box{display:inline-block; vertical-align:top; width:66%; height:370px; margin-right:10px; }
.main_con04 .video_box iframe{width:100%; height:100%;}
.main_con04 .right_box{position:relative; display:inline-block; vertical-align:top; width:calc(34% - 10px);}
/*.main_con04 .right_box:before{content:''; position:absolute; display:block; width:69px; height:69px; background:url('/img/main_con04_icon01.png') no-repeat center center / contain; top:-23px; right:-27px; z-index:1;}*/
.main_con04 .right_box h6{position:relative; display:inline-block; vertical-align:middle; width:calc(100% - 70px); font-size:16px; color:#6e6e6e; letter-spacing:-0.045em; font-weight:300; margin:0; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:15px; box-sizing:border-box;}
.main_con04 .right_box h6:before{content:''; position:absolute; width:3px; height:3px; background:#bebebe; border-radius:50%; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.main_con04 .right_box p{display:inline-block; vertical-align:middle; width:70px; text-align:right; font-size:14px; color:#b1b1b1; letter-spacing:0em; font-weight:400; }
.main_con04 .right_box .slick-slider{margin:0; background:url('/img/main_con04_bg.png') no-repeat center center / cover; padding:50px 30px 80px; box-sizing:border-box; border-bottom-right-radius:30px; overflow:hidden;}
.main_con04 .right_box .slick-slide{margin:12px 0; cursor:pointer; height:24px; border:0;}
.main_con04 .right_box .slick-slide:hover h6{color:#d93a96;}
.main_con04 .right_box .slick-slide:hover p{color:#d93a96;}
.main_con04 .right_box .slick-dots{width:auto; bottom:30px; right:30px;}
.main_con04 .right_box .slick-dots li{margin:0 7px; width:auto; height:auto;}
.main_con04 .right_box .slick-dots li button{width:7px; height:7px; background:#d9d9d9; border-radius:50%; padding:0;}
.main_con04 .right_box .slick-dots li button:before{display:none;}
.main_con04 .right_box .slick-dots li.slick-active button{background:#e895c5;}