@charset "utf-8";


/* **************************************** ** main common ** **************************************** */

#wrap.ani{opacity:1;transition:1s 0.4s;}
.main section{position:relative;z-index:20;}
.main section *{box-sizing:border-box;}
.main .section{padding:100px 0;}
.main .section.main_brand_wrap{padding:200px 0px;}
.main .site_title{margin-bottom:70px;color:#000;}
.main .site_title p{margin-top:10px;color:#555;}
.main .t_button{margin:70px auto 0 auto;width:160px;font-size:13px;padding:10px 30px;font-weight:bold;color:#54207d;border:1px solid #54207d;border-radius:30px;text-align:center;display:block;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.main .t_button:hover,
.main .t_button.wh:hover{color:#fff !important;border:1px solid #54207d;background:#54207d;}
.main .t_button.wh{color:#fff;border:1px solid rgba(255,255,255,0.48);}


/* mall */
.main section .main_title{margin-bottom:70px;text-align:center;}
.main section .main_title h3{font-size:48px;margin-bottom:10px;font-weight:300;line-height:1.2;color:#fff;}
.main section .main_title h4{font-size:48px;margin-bottom:10px;font-weight:normal;}
.main section .main_title h3 strong{font-weight:600;font-size:50px;font-family:'NotoM';}
.main section .main_title p{font-size:18px;color:#634a46;line-height:1.4;}

	@media (max-width:1280px){
		.main .section{padding:70px 20px;}
		.main .section.main_brand_wrap{padding:150px 20px;}
		.main .cont-inner{padding:0px;margin:0px;}

	}

	@media (max-width:980px){
		.main .site_title{margin-bottom:50px;}
		.main .site_title p{margin-top:20px;}
		.main .t_button{margin:50px auto 0 auto;}
	}

	@media (max-width:767px){
		.main .section{padding:50px 15px;}
		.main .section.main_brand_wrap{padding:100px 15px;}
		.main .site_title{margin-bottom:30px;}
		.main .site_title h3{font-size:24px;}
		.main .site_title p{font-size:14px;margin-top:10px;}
		.main .t_button{width:140px;margin:30px auto 0 auto;font-size:12px;}
	}

	@media (max-width:520px){
		.main .section{padding:20px 10px;}
		.main .section.main_brand_wrap{padding:70px 10px;}
		.main .site_title{margin-bottom:10px;}
		.main .site_title h3{font-size:18px;}
		.main .site_title p{font-size:13px;}
	}

	@media (max-width:480px){
		.main .site_title p{font-size:12px;}
		.main .t_button{padding:7px 0;width:120px;margin:20px auto 0 auto;font-size:11px;}
	}

	@media (max-width:360px){
		.main .t_button{font-size:10px;}
	}


/* **************************************** ** main_visual ** **************************************** */

	.main .sec1{overflow:hidden;min-height:730px;z-index:10;background:url('../../../images/site/main/main_vis_01.jpg')no-repeat center/cover;}
	.main .sec1 .main_slider_wrap,
	.main .sec1 .main_slider,
	.main .sec1 .slick-list,
	.main .sec1 .slick-track{position:relative;width:100%;height:100%;overflow:hidden;}
	.main .main .sec1 .main_slider_wrap .item{position:relative;width:100%;height:100%;overflow:hidden;}
	.main .sec1 .main_slider_wrap .item .img_g{position:absolute;width:100%;height:100%;transform:scale(1.12);transition:5s ease;z-index:0;background-position:center center;background-size:cover;background-repeat:no-repeat;}
	.main .sec1 .main_slider_wrap .item.v01 .img_g{background-image:url('../../../images/site/main/main_vis_01.jpg');}
	.main .sec1 .main_slider_wrap .item.v02 .img_g{background-image:url('../../../images/site/main/main_vis_02.jpg');}
	.main .sec1 .main_slider_wrap .item.v03 .img_g{background-image:url('../../../images/site/main/main_vis_03.jpg');}
	.main .sec1 .main_slider_wrap .item .img_g .img{width:100%;height:100%;}
	.main .sec1 .main_slider_wrap .item.on .img_g{transform:scale(1);}
	.main .sec1 .main_slider_wrap .main_text_g{position:relative;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
	.main_text_g .title{text-align:center;position:relative;display:block;width:100%;height:100%;}
	
	.main .sec1 .scroll_down_i{position:absolute;width:3px;height:120px;bottom:0;left:50%;overflow:initial;z-index:10;}
	.main .sec1 .scroll_down_i:before{display:block;content:'';width:1px;height:100%;position:absolute;top:0;left:1px;background:rgba(255,255,255,0.5);}
	.main .sec1 .scroll_down_i:after{display:block;content:'';position:absolute;top:0;left:0;width:3px;height:48px;background:#fff;}
	.main .sec1 .slick-arrow{position:absolute;top:50%;left:3%;width:30px;height:60px;margin-top:-30px;font-size:0;z-index:100;}
	.main .sec1 .slick-arrow:before{display:block;content:'';position:absolute;top:9px;left:9px;width:41px;height:41px;border:1px solid #fff;border-top:0;border-left: 0;transform:rotate(135deg);transition:0.5s;}
	.main .sec1 .slick-arrow.slick-next{left:auto;right:3%;}
	.main .sec1 .slick-arrow.slick-next:before{transform:rotate(-45deg);left:-21px;}
	.main .sec1 .slick-arrow:hover:before{border-color:rgba(255,255,255,0.5);}

	@keyframes slide{0%{transform:translateX(-25%);}100%{transform:translateX(25%);}}
	.main .sec1 svg text{font-family:'KoPubWorldBatang',sans-serif;font-weight:500;font-size:35px;stroke-width:0;animation:textAnimate 3s infinite alternate;text-shadow:5px 5px 5px rgba(0,0,0,0.5);}

	@keyframes textAnimate{
		0%{stroke-dasharray:50% 0;stroke-dashoffstet:-20%;fill:hsla(210, 100%, 100%, 0%)}
		100%{stroke-dasharray:0 50%;stroke-dashoffset:20%;fill:hsl(210, 100%, 100%)}
	}
	@keyframes textAnimate2{
		0%{stroke-dasharray:50% 0;stroke-dashoffstet:-20%;fill:hsla(210, 100%, 100%, 0%)}
		100%{stroke-dasharray:0 50%;stroke-dashoffset:20%;fill:hsl(227, 88%, 22%)}
	}

	@media (max-width:1280px){

	}

	@media (max-width:980px){
		.main .sec1{min-height:630px;height:630px !important;}
		.main .sec1 svg text{font-size:30px;}
		.main .sec1 .main_slider_wrap .item.v01 .img_g{background-image:url('../../../images/site/main/main_vis_01_m.jpg');}
		.main .sec1 .main_slider_wrap .item.v02 .img_g{background-image:url('../../../images/site/main/main_vis_02_m.jpg');}
		.main .sec1 .main_slider_wrap .item.v03 .img_g{background-image:url('../../../images/site/main/main_vis_03_m.jpg');}

	}

	@media (max-width:767px){
		.main .sec1{min-height:530px;height:530px !important;}
		.main .sec1 svg text{font-size:25px;}
		.main .sec1 .slick-arrow,.main .sec1 .scroll_down_i{display:none !important;}
	}

	@media (max-width:520px){
		.main .sec1{min-height:430px;height:430px !important;}
		.main .sec1 svg text{font-size:20px;}
	}

	@media (max-width:360px){
		.main .sec1{min-height:400px;height:400px !important;}
		.main .sec1 svg text{font-size:18px;}
	}





/* **************************************** ** main_slide : main_pd_wrap, main_newpd_wrap, main_cs_wrap ** **************************************** */

	.main_slide .item{}
	.main_slide .item .item_inner{padding:0 20px;text-align:center;position:relative;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;}
	.main_slide .item .item_inner .image{position:relative;z-index:1;border:1px solid #eee;}
	.main_slide .item .item_inner .image img{display:block;margin:0 auto;max-width:100%;width:100%;}
	.main_slide .item .item_inner h6{font-size:20px;}
	.main_slide .item .item_inner p{font-size:15px;}
	.main_slide .item .item_inner .text{padding:30px;}
	.main_slide .item .item_inner .text span{margin-bottom:10px;color:#999;}
	.main_slide .item .item_inner .text h6{color:#000;}
	.main_slide .item .item_inner .text p:last-child{margin-top:10px;}

	.main_slide .slick-arrow{position:absolute;top:-70px;right:240px;left:auto;font-size:0;z-index:100;}
	.main_slide .slick-arrow:before{display:block;content:'';position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;width:16px;height:16px;border:2px solid rgba(0,0,0,0.4);border-top:0;border-left:0;transform:rotate(135deg);transition:0.5s;}
	.main_slide .slick-arrow.slick-next{left:auto;right:200px;}
	.main_slide .slick-arrow.slick-next:before{top:50%;left:50%;margin-top:-8px;margin-left:-8px;transform:rotate(-45deg);}
	.main_slide .slick-arrow:hover:before{border-color:#000;}

	/* pd_slider */
	.pd_slider .item .hover_inner{display:none;}
	.pd_slider .item a:hover .hover_inner{display:block;}
	.pd_slider .item a .image:before{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10;opacity:0;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
	.pd_slider .item a:hover .image:before{opacity:1;}
	.pd_slider .item .hover_inner{position:absolute;top:100px;left:0px;padding:0px;width:100%;text-align:center;z-index:11;}
	.pd_slider .item .hover_inner h6{margin-bottom:10px;}
	.pd_slider .item .hover_inner h6,.pd_slider .item .hover_inner p{color:#fff;}
	.pd_slider .item .hover_inner .plus{width:80px;height:80px;border-radius:50%;margin:20px auto;opacity:0;display:block;border:1px solid rgba(255,255,255,0.8);position:relative;}
	.pd_slider .item .hover_inner .plus:before,
	.pd_slider .item .hover_inner .plus:after{width:32px;height:1px;top:50%;left:50%;margin-left:-16px;display:block;content:'';position:absolute;background:rgba(255,255,255,0.8);}
	.pd_slider .item .hover_inner .plus:before{}
	.pd_slider .item .hover_inner .plus:after{transform:rotate(90deg);}
	.pd_slider .item a:hover .hover_inner .plus{opacity:1;}

	/* newpd_slider, cs_slider */
	.main_newpd_wrap,
	.main_cs_wrap{background:#fafafa;}
	.main_newpd_wrap .newpd_slider.main_slide,
	.main_cs_wrap .cs_slider.main_slide{margin:-20px;}
	.newpd_slider.main_slide .item .item_inner,
	.cs_slider.main_slide .item .item_inner{padding:20px;display:inline-block;}
	.newpd_slider.main_slide .item .item_inner .image,
	.cs_slider.main_slide .item .item_inner .image{padding:0;}
	.newpd_slider.main_slide .slick-arrow,
	.cs_slider.main_slide .slick-arrow{right:60px;}
	.newpd_slider.main_slide .slick-arrow.slick-next,
	.cs_slider.main_slide .slick-arrow.slick-next{left:auto;right:20px;}

	.newpd_slider.main_slide .item .item_inner .text{display:none;padding:0;position:absolute;left:50px;top:50px;text-align:left;z-index:20;color:#fff;}
	.newpd_slider.main_slide .item .item_inner .text p,
	.cs_slider.main_slide .item .item_inner .text p{font-size:14px;text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

	.cs_slider.main_slide .item .item_inner .text{padding:30px 0 0 0;text-align:left;z-index:20;}
	.cs_slider.main_slide .item .item_inner .text p{color:#777;}
	.cs_slider.main_slide .item .item_inner:hover h6{color:#54207d;}


	@media (max-width:1280px){

	}

	@media (max-width:980px){
		.main_slide .item .item_inner{padding:0 10px;}
		.main_slide .item .item_inner .text{padding:25px;}
		.main_slide .slick-arrow{display:none !important;}

	}

	@media (max-width:767px){
		.main_slide .item .item_inner .text{padding:20px;}
	    .main_slide .item .item_inner .text p.tenor{font-size:15px;}
		.main_slide .item .item_inner .text p,
		.newpd_slider.main_slide .item .item_inner .text p,
		.cs_slider.main_slide .item .item_inner .text p{font-size:14px;}
	    .cs_slider.main_slide .item .item_inner .text{padding:20px 0 0 0;}
	}

	@media (max-width:520px){
		.main_slide .item .item_inner h6{font-size:16px;}
	    .main_slide .item .item_inner .text p.tenor{font-size:14px;}
		.main_slide .item .item_inner .text p,
		.newpd_slider.main_slide .item .item_inner .text p,
		.cs_slider.main_slide .item .item_inner .text p{font-size:13px;}
	}

	@media (max-width:360px){
		.main_slide .item .item_inner .text p,
		.newpd_slider.main_slide .item .item_inner .text p,
		.cs_slider.main_slide .item .item_inner .text p{font-size:12px;}
	}





/* **************************************** ** main_brand_wrap ** **************************************** */

	.main_brand_wrap{background-repeat:no-repeat;background-attachment:fixed;background-position:center center;background-size:cover;background-image:url('../../../images/site/main/brand_bg.jpg');}
	.main_brand_wrap .brand_inner{text-align:center;color:#fff;}
	.main_brand_wrap .brand_inner h3{}
	.main_brand_wrap .brand_inner h4{margin:20px auto;}
	.main_brand_wrap .brand_inner .ff_object .obj{text-align:center;}
	.brand_inner .ff_object{margin-top:70px;}
	.brand_inner .ff_object .obj h5{padding:30px;display:block;margin:0 auto;border:1px solid rgba(255,255,255,0.22);}
	.brand_inner .t_button{margin:50px auto 0 auto;}

	@media (max-width:1280px){

	}

	@media (max-width:980px){	
	    .main_brand_wrap{background-image:url('../../../images/site/main/brand_bg_m.jpg');}
		.main_brand_wrap .brand_inner h3{font-size:30px;line-height:1.1;}
		.main_brand_wrap .brand_inner h4{font-size:20px;line-height:1.2;}
	}

	@media (max-width:767px){
	    .brand_inner .t_button{margin:40px auto 0 auto;}
		.main_brand_wrap .brand_inner h3{font-size:24px;}
		.main_brand_wrap .brand_inner h4{font-size:18px;margin:10px auto;}
		.main_brand_wrap .brand_inner p br{display:none;}
	}

	@media (max-width:520px){
		.main_brand_wrap .brand_inner h3{font-size:20px;}
		.main_brand_wrap .brand_inner h4{font-size:16px;}
	}

	@media (max-width:360px){
	    .brand_inner .t_button{margin:30px auto 0 auto;}
	}


/* **************************************** ** main_pr_wrap ** **************************************** */
	.main_pr_wrap .pr_cont{}
	.pr_cont .movie{min-height:630px;width:100%;text-align:center;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url('../../../images/site/main/movie_bg.jpg');}
	/*.pr_cont .movie a{width:80px;height:80px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,0.7);background-color:rgba(0,0,0,0.3);background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url('../../../images/site/main/movie_play.png');}
	.pr_cont .movie a:hover{border:1px solid rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.7);}
	.pr_cont .movie a img{display:block;margin:0 auto;}*/
	.pr_cont .movie a.t_button{margin:0 auto;}
	.pr_cont .pr_text{padding-left:50px;}
	.pr_cont .pr_text h4{}
	.pr_cont .pr_text h4 small{font-size:18px;display:block;font-weight:'NotoL';}
	.pr_cont .pr_text .t_button{margin:50px 0 0 0;text-align:left;padding:0 10px;}


	@media (max-width:1280px){
	    .main_pr_wrap .pr_cont .obj{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;width:100%;}
		.pr_cont .movie{min-height:530px;}
		.pr_cont .pr_text{padding-left:0px;}
		.pr_cont .pr_text h4 small{font-size:16px;}
		.pr_cont .pr_text .t_button{margin:40px 0 0 0;padding:0;}

	}

	@media (max-width:980px){
	}

	@media (max-width:767px){
		.pr_cont .movie{min-height:430px;}
	    .brand_inner .t_button{margin:40px auto 0 auto;}
		.pr_cont .pr_text h4 small{font-size:14px;}
		.pr_cont .pr_text .t_button{margin:30px 0 0 0;}
	}

	@media (max-width:520px){
		.pr_cont .movie{min-height:330px;}
	    .brand_inner .t_button{margin:30px auto 0 auto;}
	    .pr_cont .pr_text h4{font-size:20px;}
		.pr_cont .pr_text h4 small{font-size:13px;}
		.pr_cont .pr_text .t_button{margin:20px 0 0 0;}
	}

	@media (max-width:360px){
	}



/* **************************************** ** product_wrap ** **************************************** */

	.product_wrap{background-image:url('../../../images/site/main/product_bg.jpg');background-repeat:no-repeat;background-position:top center;background-attachment:fixed;}
	.mpd_area{}
	.mpd_area figure{margin:0;position:relative;}
	.mpd_area figure .soldout{width:70px;height:70px;line-height:70px;border-radius:50% !important;z-index:88;position:absolute;top:10px;right:10px;text-align:center;display:block;background:#b40f2c;color:#fff;}
	.mpd_area figure .soldout span{font-size:15px;color:#fff;}
	.mpd_area .item_link{border:1px solid #eee;}
	.mpd_area .item_link .item_thumbnail{position:relative;background:#fff;}
	.mpd_area .item_link .item_thumbnail .thumbnail{text-align:center;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
	.mpd_area .item_link .item_thumbnail .thumbnail.hover{opacity:0;}
	.mpd_area .item_link .item_thumbnail .thumbnail.base{opacity:1;}
	.mpd_area .item_link:hover .thumbnail.hover{opacity:1;}
	.mpd_area .item_link:hover .thumbnail.base{opacity:0;}
	.mpd_area .item_thumbnail .thumbnail img{max-width:100%;height:auto;vertical-align:middle;}
	.mpd_area .item_thumbnail .thumbnail.hover{position:absolute;cursor:pointer;left:0;top:0;opacity:0;width:100%;height:100%;background:#f5f1ee;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
	.mpd_area .item_link figcaption{padding:20px;text-align:center;background:#fff;}
	.mpd_area .item_link figcaption h4{font-size:16px;line-height:1.5;color:#342f2d;display:block;word-break:keep-all;}
	.mpd_area .item_link figcaption p{font-size:16px;padding:0 40px;margin:10px auto;line-height:1.5;color:#ca9d8e;word-break:keep-all;display:block;}

	.mpd_area .item_link .btn_view{opacity:0;display:block;width:60%;padding:17px 0;margin:20px auto 0 auto;border:1px solid #ca9d8e;background:transparent;text-align:center;transition:0.5s;}
	.mpd_area .item_link .btn_view span{font-size:14px;color:#634a46;line-height:1.2;text-transform:uppercase;font-family:'cormorant',serif;display:block;font-weight:600;}
	.mpd_area .item_link:hover .btn_view{opacity:1;}
	.mpd_area .item_link:hover figcaption p{color:#634a46;}
	.mpd_area .item_link .btn_view:hover{border:1px solid #634a46;background:#634a46;}
	.mpd_area .item_link .btn_view:hover span{color:#f5f1ee;}
	.pd_all_button{display:inline-block;width:100%;text-align:center;}
	.pd_all_button a{margin:70px auto 0 auto;width:220px;height:70px;line-height:70px;font-size:20px;border-radius:35px;background:#634a46;color:#d6bcad;display:block;font-family:'cormorant',serif;font-weight:600;text-transform:uppercase;transition:0.5s;}
	.pd_all_button a:hover{background:#4e3532;color:#f5f1ee;}

	.mpd_area .item_link dl.part_area{padding:10px;background:#f7f7f7;border-radius:5px;display:inline-block;width:100%;}
	.mpd_area .item_link dl.part_area dt{margin-bottom:5px;padding:2px 10px;font-size:0.875em;border-radius:20px;display:inline-block;background:#777 !important;color:#fff !important;}
	.mpd_area .item_link dl.part_area dd{font-size:13px;color:#777;line-height:1.5;word-break:keep-all;}


	@media screen and (max-width:1400px){
	}

	@media screen and (max-width:1280px){
		.mpd_area .item_link figcaption p{padding:0;}
		.mpd_area .item_link .btn_view{opacity:1;padding:15px 0;}
		.pd_all_button a{margin:60px auto 0 auto;width:200px;height:64px;line-height:64px;font-size:18px;border-radius:32px;}
		.mpd_area.ff_object.f_three{margin:0;}
		.mpd_area.ff_object.f_three .obj{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;}
	}

	@media screen and (max-width:1023px){
		.mpd_area .item_link figcaption h4{font-size:15px;}
		.mpd_area .item_link figcaption p{font-size:15px;line-height:1.4;}
		.mpd_area figure .soldout{width:60px;height:60px;line-height:60px;}
		.mpd_area figure .soldout span{font-size:14px;}
	}

	@media screen and (max-width:767px){
	   .main_list dl dd strong{font-size:28px;margin-bottom:5px;}
		.main_list dl dt img{width:70%;}
		.mpd_area .item_link .btn_view{width:100%;}
		.mpd_area .item_link figcaption{padding:15px 15px 30px 15px;}
		.mpd_area .item_link figcaption h4{font-size:14px;}
		.mpd_area .item_link figcaption p{font-size:14px;}
		.mpd_area.ff_object.f_three .obj{padding:10px;}
	}

	@media screen and (max-width:640px){
	   .main_list dl dd strong{font-size:24px;}
		.main_list dl dd{font-size:16px;}
		.mpd_area.ff_object.f_three .obj{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;}
		.mpd_area .item_link figcaption{padding:10px 10px 15px 10px;}
		.mpd_area .item_link .btn_view{padding:12px 0;}
		.mpd_area .item_link .btn_view span{font-size:13px;}
		.pd_all_button a{margin:50px auto 0 auto;height:60px;line-height:60px;font-size:17px;border-radius:30px;}
	}


	@media screen and (max-width:480px){
	    .main_list dl dd strong{font-size:20px;}
		.main_list dl dd{font-size:15px;}
		.mpd_area .item_link figcaption h4{font-size:13px;}
		.mpd_area .item_link figcaption p{font-size:13px;}
		.mpd_area .item_link dl.part_area dd{font-size:12px;line-height:1.4;}
	}