@charset "utf-8";
body{background-color:#fffbf3;color:#4a4a4a;}
body h3{color:#000;font-weight:bold;}
header{width:100%;height:80px;background-color:#252121;}
header .header-wrap{position:relative;width:1200px;height:80px;margin:0 auto;}
header .header-wrap .logo{position:absolute;z-index:9;top:0;left:0;float:left;width:10%;height:100%;}
header .header-wrap nav{position:relative;left:10%;width:70%;height:100%;}
header .header-wrap nav ul{overflow:hidden;}
header .header-wrap nav ul li{float:left;width:12%;height:80px;margin-left:10px;text-align:center;line-height:80px;}
header .header-wrap nav ul li:nth-child(5){width:10%;margin-left:0;}
header .header-wrap nav ul li:nth-child(6){width:6%;margin-left:0;}
header .header-wrap nav ul li a{display:inline-block;width:100%;color:#fff;font-size:16px;}
header .header-wrap nav ul li a:hover,
header .header-wrap nav ul li a.active{color:#C6232A;}
header .header-wrap nav ul li:hover a::after{font-size:14px;}
header .header-wrap nav ul li:nth-child(1) a::after{content:"About Dame"}
header .header-wrap nav ul li:nth-child(1):hover a::after{content:"회사소개"}
header .header-wrap nav ul li:nth-child(2) a::after{content:"Products"}
header .header-wrap nav ul li:nth-child(2):hover a::after{content:"제품소개"}
header .header-wrap nav ul li:nth-child(3) a::after{content:"Videos"}
header .header-wrap nav ul li:nth-child(3):hover a::after{content:"영상컨텐츠"}
header .header-wrap nav ul li:nth-child(4) a::after{content:"Community"}
header .header-wrap nav ul li:nth-child(4):hover a::after{content:"커퓨니티"}
header .header-wrap nav ul li:nth-child(5) a::after{content:"A/S"}
header .header-wrap nav ul li:nth-child(5):hover a::after{content:"서비스"}
header .header-wrap nav ul li:nth-child(6) a::after{content:"Tips"}
header .header-wrap nav ul li:nth-child(6):hover a::after{content:"관리팁"}
header .header-wrap .header-right{position:absolute;top:0;right:0;width:20%;height:100%;}
header .header-wrap .header-right .mappin{position:relative;width:10%;height:100%;}
header .header-wrap .header-right .mappin img{position:absolute;top:50%;width:18px;transform:translateY(-50%);}
header .header-wrap .header-right .dealer-box{position:absolute;top:0;right:144px;width:30%;height:100%;line-height:80px;}
header .header-wrap .header-right .dealer-box > a{display:block;width:100%;color:#fff;text-align:center;}
header .header-wrap .header-right .store-box{position:absolute;top:0;right:70px;width:30%;height:100%;line-height:80px;}
header .header-wrap .header-right .store-box > a{display:block;width:100%;color:#fff;text-align:center;}
header .header-wrap .header-right .search{position:absolute;top:0;right:0;width:20%;height:100%;line-height:90px;}
header .header-wrap .header-right .search a img{width:24px;}
header .header-wrap .header-right a:hover{color:#C6232A;}
.slick-wrap{width:100%;height:630px;}
.slick-wrap .slick-slide{width:100%;height:630px;}
.slick-wrap .slick-slide img{width:100%;height:100%;}
.slick-wrap .slick-next{right:40px;}
.slick-wrap .slick-prev{z-index:2;left:10px;}
.slick-prev:before,
.slick-next:before{color:rgba(255, 255, 255, 0.7);font-size:50px;}
.slick-dots li button{position:absolute;top:-40px;text-align:center;}
.slick-dots li button::before{opacity:0.7;color:#9b9b9b;font-size:25px;text-align:center;}
.slick-dots li.slick-active button::before{color:#af0404;}
.recommend-area{position:relative;width:100%;height:841px;padding-top:100px;padding-bottom:100px;box-sizing:border-box;}
.recommend-area .recommend-wrap{width:1200px;margin:0 auto;}
.recommend-area .recommend-wrap .title-box{width:40%;height:120px;margin:0 auto;margin-bottom:46px;border-bottom:5px solid #c6232a;box-sizing:border-box;}
.recommend-area .recommend-wrap .title-box h3{height:60px;font-size:45px;text-align:center;}
.recommend-area .recommend-wrap .title-box p{height:60px;font-size:20px;text-align:center;line-height:60px;}
.recommend-area .recommend-wrap .product-box{display:flex;width:100%;height:480px;justify-content:space-between;}
.recommend-area .recommend-wrap .product-box .item-box{width:346px;height:480px;padding:10px 0;border:1px solid #d0d0d0;border-radius:10px;background-color:#fff;}
.recommend-area .recommend-wrap .product-box .item-box .img-box{position:relative;width:346px;height:338px;}
.recommend-area .recommend-wrap .product-box .item-box .img-box a img{position:absolute;left:50%;border-radius:10px;transform:translateX(-50%);}
.recommend-area .recommend-wrap .product-box .item-box .text-box{width:100%;height:102px;}
.recommend-area .recommend-wrap .product-box .item-box .text-box span{display:inline-block;width:100%;height:100%;padding:20px 14px;font-size:20px;font-weight:bold;text-align:center;line-height:30px;box-sizing:border-box;}
.recommend-area .recommend-wrap .product-box .item-box .btn-box{width:140px;height:40px;margin:0 auto;border-radius:14px;background-color:#c6232a;text-align:center;line-height:40px;}
.recommend-area .recommend-wrap .product-box .item-box .btn-box a{display:block;width:140px;height:40px;color:#fff;}
.artist-area{position:relative;width:100%;height:653px;}
.artist-area .l-img-box{float:left;width:66.666%;height:100%;background-color:skyblue;}
.artist-area .l-img-box img{width:100%;height:100%;}
.artist-area .r-text-box{position:relative;float:left;width:33.333%;height:100%;background-color:#e9e5de;}
.artist-area .r-text-box .r-text-wrap{top:50%;width:80%;height:50%;margin:0 auto;transform:translateY(50%);}
.artist-area .r-text-box .r-text-wrap h3{height:60px;font-size:44px;font-weight:bold;text-align:left;line-height:60px;}
.artist-area .r-text-box .r-text-wrap p.sub{height:60px;font-size:32px;font-weight:bold;text-align:left;line-height:60px;}
.artist-area .r-text-box .r-text-wrap p.desc{margin-top:40px;font-size:28px;font-weight:bold;text-align:left;line-height:40px;}
.steady-area{position:relative;width:100%;height:1000px;padding-top:100px;padding-bottom:100px;}
.steady-area .steady-wrap{width:1200px;height:100%;margin:0 auto;}
.steady-area .steady-wrap .title-box{width:40%;height:120px;margin:0 auto;margin-bottom:46px;border-bottom:5px solid #c6232a;box-sizing:border-box;}
.steady-area .steady-wrap .title-box h3{height:60px;font-size:45px;text-align:center;}
.steady-area .steady-wrap .title-box p{height:60px;font-size:20px;text-align:center;line-height:60px;}
.steady-area .steady-wrap .menu{width:100%;height:40px;margin-bottom:46px;}
.steady-area .steady-wrap .menu ul{text-align:center;}
.steady-area .steady-wrap .menu ul li{display:inline-block;width:100px;height:40px;padding:10px 15px;border:1px solid #000;background-color:#fff;cursor:pointer;box-sizing:border-box;transition:all 0.3s;}
.steady-area .steady-wrap .menu ul li:hover,
.steady-area .steady-wrap .menu ul li.active{background-color:#000;color:#fff;}
.steady-area .steady-wrap .product-box{width:100%;padding:0 0 20px 0;overflow:hidden;border:1px solid #d0d0d0;border-radius:10px;background-color:#fff;}
.steady-area .steady-wrap .product-box .item-box{float:left;width:400px;height:340px;}
.steady-area .steady-wrap .product-box .item-box .img-box{width:400px;height:200px;}
.steady-area .steady-wrap .product-box .item-box .text-box{width:100%;}
.steady-area .steady-wrap .product-box .item-box .text-box span{display:inline-block;width:100%;height:100%;padding:20px 14px;font-size:20px;font-weight:bold;text-align:center;line-height:30px;box-sizing:border-box;}
.steady-area .steady-wrap .product-box .item-box .btn-box{width:140px;height:40px;margin:0 auto;border-radius:14px;background-color:#c6232a;text-align:center;line-height:40px;}
.steady-area .steady-wrap .product-box .item-box .btn-box a{display:block;width:140px;height:40px;color:#fff;}
.betterworld-area{position:relative;width:100%;height:653px;}
.betterworld-area .l-text-box{float:left;width:33.333%;height:100%;background-color:#e9e5de;}
.betterworld-area .l-text-box .l-text-wrap{top:50%;width:80%;height:50%;margin:0 auto;transform:translateY(50%);}
.betterworld-area .l-text-box .l-text-wrap h3{height:60px;font-size:44px;font-weight:bold;text-align:left;line-height:60px;}
.betterworld-area .l-text-box .l-text-wrap p.sub{height:60px;font-size:32px;font-weight:bold;text-align:left;line-height:60px;}
.betterworld-area .l-text-box .l-text-wrap p.desc{margin-top:40px;font-size:28px;font-weight:bold;text-align:left;line-height:40px;}
.betterworld-area .r-img-box{float:left;width:66.666%;height:100%;background-color:skyblue;}
.betterworld-area .r-img-box img{width:100%;height:100%;}
.video-area{width:100%;height:960px;padding-top:100px;padding-bottom:100px;box-sizing:border-box;}
.video-area .video-wrap{position:relative;width:1200px;height:100%;margin:0 auto;border-radius:10px;}
.video-area .video-wrap h3{font-style:italic;}
.video-area .video-wrap .big-box{width:100%;height:100%;border:1px solid #000;border-radius:10px;background-color:#ffffff;box-sizing:border-box;}
.video-area .video-wrap .big-box > *{padding:10px;box-sizing:border-box;letter-spacing:0px;}
.video-area .video-wrap .big-box .video-box1{position:absolute;top:0;left:0;width:590px;height:380px;}
.video-area .video-wrap .big-box .video-box1 span,
.video-area .video-wrap .big-box .video-box2 span,
.video-area .video-wrap .big-box .video-box3 span,
.video-area .video-wrap .big-box .video-box4 span{position:absolute;z-index:1;top:50%;left:50%;width:50px;height:50px;border-radius:100%;background-color:rgba(0, 0, 0, 0.41);color:rgba(255, 255, 255, 0.81);font-size:30px;text-align:center;text-indent:6px;line-height:42px;cursor:pointer;transform:translate(-50%, -50%);}
.video-area .video-wrap .big-box .video-box1 img,
.video-area .video-wrap .big-box .video-box2 img,
.video-area .video-wrap .big-box .video-box3 img,
.video-area .video-wrap .big-box .video-box4 img{border-radius:20px;transition:all 0.2s;filter:grayscale(60%);}
.video-area .video-wrap .big-box .video-box1:hover > img,
.video-area .video-wrap .big-box .video-box2:hover > img,
.video-area .video-wrap .big-box .video-box3:hover > img,
.video-area .video-wrap .big-box .video-box4:hover > img{filter:grayscale(0%);}
.video-area .video-wrap .big-box .video-box2{position:absolute;top:0;right:0;width:285px;height:205px;}
.video-area .video-wrap .big-box .video-box3{position:absolute;top:205px;right:305px;width:285px;height:305px;}
.video-area .video-wrap .big-box .video-box4{position:absolute;right:0;bottom:0;width:285px;height:350px;}
.video-area .video-wrap .big-box .desc-box1{position:absolute;left:0;bottom:0;width:590px;height:380px;border-top:1px solid #000;box-sizing:border-box;}
.video-area .video-wrap .big-box .desc-box1 > h3{height:48px;margin-bottom:20px;font-size:22px;font-weight:bold;line-height:48px;}
.video-area .video-wrap .big-box .desc-box1 > p:nth-of-type(1){margin-bottom:20px;font-weight:bold;line-height:28px;}
.video-area .video-wrap .big-box .desc-box1 > p:nth-of-type(2){font-weight:bold;line-height:28px;}
.video-area .video-wrap .big-box .desc-box2{position:absolute;top:205px;right:0;width:285px;height:205px;border-top:1px solid #000;box-sizing:border-box;}
.video-area .video-wrap .big-box .desc-box2 > h3{height:48px;font-size:22px;font-weight:bold;line-height:48px;}
.video-area .video-wrap .big-box .desc-box2 > p:nth-of-type(1){margin-bottom:20px;font-weight:bold;line-height:28px;}
.video-area .video-wrap .big-box .desc-box2 > p:nth-of-type(2){font-weight:bold;line-height:28px;}
.video-area .video-wrap .big-box .desc-box3{position:absolute;top:0px;right:305px;width:285px;height:205px;border-bottom:1px solid #000;box-sizing:border-box;}
.video-area .video-wrap .big-box .desc-box3 > h3{height:48px;font-size:22px;font-weight:bold;line-height:48px;}
.video-area .video-wrap .big-box .desc-box3 > p:nth-of-type(1){margin-bottom:20px;font-weight:bold;line-height:28px;}
.video-area .video-wrap .big-box .desc-box3 > p:nth-of-type(2){font-weight:bold;line-height:28px;}
.video-area .video-wrap .big-box .desc-box4{position:absolute;right:305px;bottom:0;width:285px;height:250px;border-top:1px solid #000;box-sizing:border-box;}
.video-area .video-wrap .big-box .desc-box4 > h3{height:48px;font-size:22px;font-weight:bold;line-height:38px;}
.video-area .video-wrap .big-box .desc-box4 > p:nth-of-type(1){margin-bottom:20px;font-weight:bold;line-height:28px;}
.video-area .video-wrap .big-box .desc-box4 > p:nth-of-type(2){font-weight:bold;line-height:28px;}
.icon-area{width:100%;height:200px;}
.icon-area .icon-wrap{display:flex;width:1200px;height:100%;margin:0 auto;padding:30px 0;justify-content:space-between;box-sizing:border-box;}
.icon-area .icon-wrap .sns-box{width:80px;height:130px;cursor:pointer;}
.icon-area .icon-wrap .sns-box .iconimg{width:80px;height:80px;}
.icon-area .icon-wrap .sns-box .iconimg > img{width:100%;height:100%;}
.icon-area .icon-wrap .sns-box .des{width:80px;height:50px;padding:8px 0;box-sizing:border-box;}
.icon-area .icon-wrap .sns-box .des > p{text-align:center;line-height:18px;}
.info-area{width:100%;height:260px;}
.info-area .info-wrap{width:1200px;height:100%;margin:0 auto;}
.info-area .info-wrap .callbox{width:100%;height:140px;border:1px solid #dddddd;border-bottom:0;background-color:rgba(255, 196, 196, 0.29);box-sizing:border-box;}
.info-area .info-wrap .callbox ul{display:flex;width:100%;height:100%;padding-top:30px;box-sizing:border-box;}
.info-area .info-wrap .callbox ul li{display:block;width:calc(100% /3);height:70%;border-left:2px dashed #000;box-sizing:border-box;}
.info-area .info-wrap .callbox ul li:nth-child(1){border:0;}
.info-area .info-wrap .callbox ul li p{height:50%;font-size:16px;font-weight:bold;text-align:center;line-height:36px;}
.info-area .info-wrap .callbox ul li span{display:block;height:50%;font-size:24px;text-align:center;line-height:34px;}
.info-area .info-wrap .address-box{position:relative;height:60px;background-color:#fff;}
.info-area .info-wrap .address-box ul{height:60px;border:1px solid #dddddd;border-top:0;line-height:60px;box-sizing:border-box;}
.info-area .info-wrap .address-box ul li{float:left;margin-left:60px;list-style:disc;}
.info-area .info-wrap .account-box{height:60px;padding:0 20px;box-sizing:border-box;}
.info-area .info-wrap .account-box p:nth-child(1){position:relative;float:left;width:50%;height:100%;text-align:center;line-height:60px;}
.info-area .info-wrap .account-box p::before{position:absolute;top:50%;left:80px;width:20px;height:8px;background-color:red;content:"";transform:translateY(-50%);}
.info-area .info-wrap .account-box span:nth-of-type(1){display:block;position:relative;float:left;width:25%;height:100%;text-align:center;line-height:60px;}
.info-area .info-wrap .account-box span:nth-of-type(2){display:block;position:relative;float:left;width:25%;height:100%;text-align:center;line-height:60px;}
.info-area .info-wrap .account-box span::before{position:absolute;top:50%;left:50px;width:20px;height:8px;background-color:red;content:"";transform:translateY(-50%);}
footer{position:relative;width:100%;height:200px;background-color:#565656;color:#fff;}
footer .footer-top{max-width:1200px;height:60px;margin:0 auto;padding:0 2%;line-height:60px;}
footer .footer-top::after{position:absolute;left:0;bottom:135px;width:100%;height:1px;background-color:#ddd;content:"";}
footer .footer-top ul{float:right;overflow:hidden;}
footer .footer-top ul li{position:relative;float:left;margin:0 10px;}
footer .footer-top ul li:not(:nth-of-type(3))::after{position:absolute;top:50%;right:-10px;width:1px;height:13px;background-color:#000;content:"";transform:translateY(-50%);}
footer .footer-top ul li a{color:#fff;font-weight:600;}
footer .footer-top ul li:nth-of-type(3) a{color:blue;}
footer .footer-bottom{position:relative;max-width:1200px;height:99px;margin:0 auto;padding:20px 2% -0px 2%;}
footer .footer-bottom p,
footer .footer-bottom span{display:block;float:right;width:60%;font-size:13px;text-align:right;line-height:25px;}
footer .footer-bottom :last-child{font-weight:bold;}
@media screen and (max-width:1200px){
    header, .slick-wrap, .artist-area, .betterworld-area, footer{width:1200px;background-position:center center;background-size:cover;}
}