@charset "utf-8";

#main{}
#main .main-hgroup{text-align: center;}
#main .main-hgroup h1{ font-size: 43px;font-weight: 900;}
#main .main-hgroup em{display: inline-block; font-size: 18px;font-weight: bold;letter-spacing: 0.36px;color: #dc000c;}
#main .main-hgroup p{margin-top:30px;font-size: 19px;font-weight: 500;line-height: 1.58;}
#main .main-title{font-family: 'Noto Serif KR', serif;}
#main .main-visual{position: relative;}
#main .main-visual .slick-slide{}
#main .main-visual .slick-slide img{display: block;width:100%;}
#main .main-visual .slick-dots{position: absolute;width:100%;text-align: center;left:0;bottom:20px;}
#main .main-visual .slick-dots li{display: inline-block;width:50px;height:3px;}
#main .main-visual .slick-dots li + li{margin-left:15px;}
#main .main-visual .slick-dots li button{display: block;width:100%;height:100%;background: #fff;}
#main .main-visual .slick-dots li.slick-active{}
#main .main-visual .slick-dots li.slick-active button{background: #e8340c;}
#main .main-instargram{padding:120px 0;background: #f2ebe3;}
#main .main-instargram h2{text-align: center;}
#main .main-instargram .instar-slide{margin-top:60px;}
#main .main-instargram .instar-slide .slick-slide{    margin: 0 10px;
    max-height: 340px;
    overflow: hidden;
    padding-top: 340px;
    position: relative;}
#main .main-instargram .instar-slide .slick-slide img{  position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:100%;}
#main .main-instargram .slick-dots{margin-top:30px;display: flex;justify-content: center;gap:5px;}
#main .main-instargram .slick-dots li{width:7px;height:7px;border-radius: 100%;background: #ccc;}
#main .main-instargram .slick-dots li button{width:100%;height:100%;display: block;font-size:0;}
#main .main-instargram .slick-dots li.slick-active{background: #e8340c;}



#main .main-business{background: #f7f6f2;padding:120px 0;}
#main .main-business .tab{margin-top:60px;}
#main .main-business .slide-box{position:relative;margin-top:50px;margin-left:12%;display: none;font-size:0;}
#main .main-business .slide-box .txt-box{position:absolute;left:0;top:0;display:inline-block;width:408px;vertical-align: top;}
#main .main-business .slide-box .txt-box em{position:relative;display: inline-block;font-size: 18px;font-weight: bold;letter-spacing: 0.36px;;color: #e8340c;}
#main .main-business .slide-box .txt-box em:before{content: "";margin-bottom:20px;position:relative;display: block;width:3px;height:30px;background: #e8340c;top:0;left:12px;transform: rotate(45deg);}

#main .main-business .slide-box .txt-box h3{font-family: 'Noto Serif KR', serif;margin-top:10px;font-size: 30px;font-weight: 900;}
#main .main-business .slide-box .txt-box p{margin-top:40px;font-size: 19px;font-weight: normal;line-height: 1.58;letter-spacing: 0.38px;color: #202020;}
#main .main-business .slide-box .txt-box .control-box{position:relative;margin-top:80px;}
#main .main-business .slide-box  .slick-arrow{position:absolute;bottom:90px;left:0;display: inline-block;font-size:0;width:20px;height:19px;background: url(/_public/images1/icon/arrow2.svg) no-repeat;background-size: cover;}
#main .main-business .slide-box .slick-next{left:40px;transform: rotate(-180deg);}
#main .main-business .slide-box .multiple-items{display:inline-block;vertical-align: top;padding-left:408px;width:100%;}
#main .main-business .slide-box .multiple-items .slick-slide{margin:0 20px;}
#main .main-business .slide-box .multiple-items .slick-slide figure{position: relative;display: block;}
#main .main-business .slide-box .multiple-items .slick-slide img{display: block;width:100%;}
#main .main-business .slide-box .multiple-items .slick-slide figcaption{position: absolute;left:0;bottom:30px;width:100%;display: block;text-align: center; font-size: 20px;font-weight: 600;letter-spacing: 0.4px;color: #fff;}
#main .main-pr{padding:80px 0;background: #e8e3e1;}
#main .main-pr .video-box{position:relative;max-width:990px;margin:40px auto 0;}
#main .main-pr .video-box i{position: absolute;right:-120px;top:-90px;}
#main .main-pr .video-box iframe { height: 550px }
#main .main-pr p{margin-top:40px;text-align: center; font-size: 18px;font-weight: 500;line-height: 1.67;letter-spacing: 0.36px;color: #555;}
#main .main-about{padding:160px 0 189px;background: url(/_public/images1/main/about_bg.png) 50% 50% no-repeat;background-size: cover;}
#main .main-about .main-hgroup h1{color:#fff;}
#main .main-about .main-hgroup p{color:#fff;}
#main .main-about .count-box{display: flex;margin-top:120px;justify-content: center;}
#main .main-about .count-box > div{text-align: center;}
#main .main-about .count-box > div + div{margin-left:174px;}
#main .main-about .count-box > div span{display:block;font-size: 20px;font-weight: 600;color:#ccc;}
#main .main-about .count-box > div strong{display:block;margin-top:17px;font-size: 80px;font-weight: 800;color: #dc000c;}


/* tablet */
@media all and (max-width:1280px) {
    #main .main-hgroup em{font-size:16px;}
    #main .main-hgroup h1{font-size:30px;}
    #main .main-hgroup p{font-size:16px;}
    #main .main-instargram{padding:60px 0;}
    #main .main-instargram .instar-slide{margin-top:30px;}

    #main .main-business{padding:50px 0;}
    #main .main-business .tab{margin-top:32px;}
    #main .main-business .slide-box{margin-top:40px;padding-left:20px;margin-left:0;}
    #main .main-business .slide-box .txt-box{position: relative;display: block;text-align: center;width:100%;}
    #main .main-business .slide-box .txt-box em{padding-top:40px;font-size:16px;}
    #main .main-business .slide-box .txt-box em:before{position: absolute;left:50%;transform: translateX(-50%) rotate(45deg);}
    #main .main-business .slide-box .txt-box h3{font-size:26px;}
    #main .main-business .slide-box .txt-box p{margin-top:20px;font-size:16px;}
    #main .main-business .slide-box .multiple-items{padding-left:0;margin-top:50px;}
    #main .main-pr{padding:50px 20px;}
    #main .main-pr .video-box{margin-top:30px;}
    #main .main-pr .video-box i{display: none;}
    #main .main-pr .video-box iframe { height:400px }
    #main .main-pr p{margin-top:50px;font-size:15px;}
    #main .main-about{padding:50px 20px;}
    #main .main-about .count-box{margin-top:59px;}
    #main .main-about .count-box > div{flex:1;}
    #main .main-about .count-box > div strong{font-size:50px;margin-top:5px;}
    #main .main-about .count-box > div + div{margin-left:0;}
}

/* mobile */
@media all and (max-width:768px) {
    #main .main-hgroup{padding:0 20px;}
    #main .main-hgroup h1{word-break: keep-all;}
    #main .main-hgroup p{word-break: keep-all;}
    #main .main-hgroup p br{display: none}
    #main .main-instargram .instar-slide .slick-slide{ padding-top: 250px;}
    #main .main-business .slide-box .multiple-items .slick-track{left:-10px;}
    #main .main-business .slide-box .multiple-items .slick-slide{margin:0 10px;}
    #main .main-about .count-box{display: block;}
    #main .main-about .count-box > div + div{margin-top:60px;}
    #main .main-pr p{word-break: keep-all;}
    #main .main-pr p br{display: none;}
    #main .main-pr .video-box iframe { height: 250px }
}


/* mobile */
@media all and (max-width:410px) {
#main .main-instargram .instar-slide .slick-slide{ padding-top: 200px;}
}