대추콜센터 플로팅배너

관리자
2022-09-13
조회수 45

0 0
10.14.(금)
10.15.(토)
박범태
고주기
MC류태현
박범태
고주기
MC류태현


조사기간
2021.10.15~2021.10.31
당첨발표
당첨자 개별연락

보은대추 온라인 축제

만족도 설문조사 이벤트


조사기간
2021.10.15~2021.10.31
당첨발표
당첨자 개별연락


출연진일정 (말티재 관문)
일자
10.14.(금)
10.15.(토)
10.16.(일)
10.17.(월)
10.18.(화)
출연진
박범태
고주기
MC류태현
박범태
고주기
MC류태현
박범태
고주기
MC류태현
박범태
고주기

박범태
고주기


일자
10.19.(수)
10.20.(목)
10.21.(금)
10.22.(토)
10.23.(일)
출연진
박범태
고주기
 
박범태
고주기
 
박범태
고주기
MC류태현
박범태
고주기
MC류태현
박범태
고주기
MC류태현

출연진일정 (목탁봉 카페)
일자
10.15.(토)
10.16.(일)
10.22.(토)
10.23.(일)
출연진

손비



손비



손비



손비


※ 상기 일정은 상황에 따라 변경될 수 있습니다.

<meta name="naver-site-verification" content="152e4820efa64cb0bedbbdbd3061fc7f835566a8" />



<style>

 /*폰트세팅 시작*/

          @font-face {

            font-family: '양진체';

            src: url('https://cdn.jsdelivr.net/gh/supernovice-lab/font@0.9/yangjin.woff') format('woff');

            font-weight: normal;

            font-style: normal;

        }

          .font-b{font-family: '양진체';}

          .main-font-title{

            font-family: '양진체';

            font-size: 4.5vmin;;

            color: #2d2d2d;

          }

          .main-title-txt{

            font-size: 2.5vmin;

            line-height: 2.5vmax;

          }

        @media ( max-width: 480px ) {

          .main-title-txt{

            font-size: 4.0vmin;

            line-height: 3.0vmax;

          }

        }

 /*폰트세팅 끝*/

 

 /*----공통 세팅 시작----*/

        .btn-font{font-size: 1.5vmax;}

        @media ( max-width: 1173px ) {

            .top-call{display: none;}

        }

        /*플로팅 배너*/

        .main-floatingBanner{position: fixed; bottom: 30px; right: 2px; z-index: 99;}

        .main-floatingBanner ul {}

        .main-floatingBanner ul li {display: block;    margin: 11px;}

        .main-floatingBanner ul li img{max-width: 13vw;    min-width: 99px;}

         @media ( max-width: 480px ) {

          .main-floatingBanner{position: fixed; bottom: 22px; right: 12%; z-index: 99; width:99px}

          .main-floatingBanner ul {}

          .main-floatingBanner ul li {display: block;    margin: 5px;}

          .main-floatingBanner ul li img{max-width: 13vw;    min-width: 99px;}

        }

        .footer-txt{font-weight: 300;}

        }

/*----공통 세팅 끝----*/


 /*-----메인 시작----*/

            .main-banner-img{width:694px;}

            @media ( max-width: 980px ) {

                .main-banner-img{

                    width:80%;

                    position: absolute;

                    left: 50%;

                    transform: translate(-50%, -50%);

                }

            }

          .main-banner-txt{/*메인 배너 로고*/

            position: absolute;

            width: 100%;

            height: 900px;

            left: 50%;

            transform: translate(-50%);

            z-index: 2;

            display: flex;

            align-items: center;

            justify-content: center;

            pointer-events: none;

          }

          .main-banner-txt img{}

        @media ( max-width: 980px ) {

            .main-banner-txt{/*메인 배너 로고*/

                position: absolute;

                width: 77vmin;

                height: 400px;

                left: 50%;

                transform: translate(-50%);

                z-index: 2;

                display: flex;

                align-items: center;

                justify-content: center;

                pointer-events: none;

            }

            .top-call{display: none;

            }

        }

          .jujubeGirl{/*메인 2d 캐릭터 여자*/

            position: absolute;

            top: 358px;

            left: 50%;

            margin-left: -650px;

            z-index: 2;

            pointer-events: none;

          }

          .jujubeGirl2{/*메인 3d 캐릭터 여자*/

            position: absolute;

            top: 403px;

            left: 50%;

            margin-left: 530px;

            z-index: 2;

            pointer-events: none;

          }

          .jujubeBoy{/*메인 2d 캐릭터 남자*/

            position: absolute;

            width: 240px;

            top: 365px;

            left: 50%;

            margin-left: 450px;

            z-index: 2;

            pointer-events: none;

          }

          .jujubeBoy2{/*메인 3d 캐릭터 남자*/

            position: absolute;

            width: 240px;

            top: 366px;

            left: 50%;

            margin-left: -650px;

            z-index: 2;

            pointer-events: none;

          }

          .btn-wrap{}

          .btn-btn1{}

        #main-center-btn1{/*2뎁 메인 슬라이드 배너 버튼*/

            padding: 11px 52px;

            border-radius: 40vw;

            background-color: #B43838;

            font-size: 1.5rem;

            font-weight: bold;

            display: inline-block;

            margin-top: 30px;

            border: none;

          }

  

        #main-center-btn1:hover {background-color: #942626; color:#fff}

        #main-center-btn1 a{color: white;}

        #main-center-btn2{

            padding: 11px 52px;

            border-radius: 40vw;

            background-color: rgb(59, 164, 137);

            font-size: 1.5rem;

            font-weight: bold;

            display: inline-block;

            margin-top: 30px;

            border: none;

          }

        #main-center-btn2:hover {background-color: rgb(38 123 101); color:#fff}

        #main-center-btn2 a{color: white;}


      /*2뎁 메인 슬라이드 텍스트 옵션*/

          #w2021090966ba850890f2f .slide_01 .item_gallary .text_wrap .title, #w2021090966ba850890f2f .slide_03 .item_gallary .text_wrap .title{font-size: 5vmin;}/*title*/

          #w2021090966ba850890f2f .slide_01 .item_gallary .text_wrap .body, #w2021090966ba850890f2f .slide_03 .item_gallary .text_wrap .body{font-size: 3vmin;}/*sub*/

          #container_w2021090966ba850890f2f > div > div.item_container._item_container{border-radius: 15px;}/*모서리 라운드*/

          

/*----메인 끝----*/


/*----서브 시작----*/

    /*----네비 시작----*/

        .suv-nav {

            width: 100%;

            height: 7vmin;

            background-color: #fff;

            border-radius: 100px;

            box-shadow: 0px 0px 20px #00000029;

            display: flex;

            align-items: center;

            top: -37px;

            position: absolute;

            }

        .suv-nav ul{

            display: flex;

            align-items: center;

            margin-top: 5px;

          }

        .suv-nav li{

            display: inline;

            margin: 0px 3vmin;

            font-size: 1.8vmin;

          }

        .suv-nav-icon{    } /*네비 홈버튼*/

        .suv-nav-icon img{width: 2.8vmin;}

        .suv-nav-next {    }

        .suv-nav-next img{ width: 1vmin;}

        @media ( max-width: 720px ) {.suv-nav{display:none;}}

        /*----네비 끝----*/

    /*----서브 끝----*/

/*----축제연혁 시작----*/

.titleH2{color:#2d2d2d}

.commonH2{font-size:1.5rem; font-weight:900; margin-bottom:25px;}

.commonDescription{font-size:2.9rem}


#historyCont{padding-top:50px; padding-bottom:50px;}

#listWrap{width:100%; border-left:2px solid #e5e5e5; padding-left:20px; position:relative;}

#listWrap::after{content:""; clear:both; display:block;}

#listWrap li{position:relative; margin-bottom:55px;}

#listWrap li img{max-width:200px; border:1px solid #e5e5e5; margin-top:25px;}

.year{font-weight:700; margin-bottom:15px;}

.year span{display:block; line-height:24px;}

.text{color:#7d7d7d; font-size:0.9rem;}

.circle{width:20px; height:20px; left:-31.5px; top:50%; position:absolute;background:#fff; border-radius:50%; border:3px solid #b43838}


@media (min-width:768px){

    .commonH2{font-size:2.25rem; font-weight:900; margin-bottom:25px;}

    .cont{margin-bottom:100px;}


    #historyCont{width:768; height:4550px; margin:0 auto; margin-top:70px; margin-bottom:70px;}

    #listWrap li{width:calc(50% - 1px); position:absolute;}

    #listWrap li:nth-child(1){left:0; top:0;}

    #listWrap li:nth-child(2){right:0; top:450px;}

    #listWrap li:nth-child(3){left:0; top:900px;}

    #listWrap li:nth-child(4){right:0; top:1350px;}

    #listWrap li:nth-child(5){left:0; top:1800px;}

    #listWrap li:nth-child(6){right:0; top:2250px;}

    #listWrap li:nth-child(7){left:0; top:2700px;}

    #listWrap li:nth-child(8){right:0; top:3150px;}

    #listWrap li:nth-child(9){left:0; top:3600px;}

    #listWrap li:nth-child(10){right:0; top:4050px;}

    #listWrap li:nth-child(11){right:0; top:4500px;}

    #listWrap li:nth-child(12){right:0; top:4950px;} /*연혁 한줄씩 늘어날때 마다 450px 추가*/


    

    #listWrap li:nth-child(odd){text-align:right; padding-right:85px; list-style-type : none;}

    #listWrap li:nth-child(even){text-align:left; padding-left:50px; list-style-type : none;}

    

    .circle{left:auto;}

    #historyBar{width:2px; height:calc(100% - 390px); background:#e5e5e5; position:absolute; left:50%; margin-left:-1px;}

    #listWrap li:nth-child(odd) .circle{right:1px;}

    #listWrap li:nth-child(even) .circle{left:-23px;}

}


@media (min-width:1024px){

    .commonDescription{font-size:1rem;}

    

    .year{font-size:1.4rem;}

    .year span{font-size:1.1rem; line-height:34px}

    .text{font-size:1rem;}

    


}

/*----축제연혁 끝----/

/*----일정표 시작----*/

  #calendarWrap{width:100%;}

  .calendar_sec{width:100%; border:1px solid #e5e5e5; margin-bottom:15px; overflow:hidden;}

  .calendar_item{width:50%; float:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}

  .calendar_item:nth-child(2n){border-right:0;}

  .calendar_date{width:100%; height:40px; line-height:40px; font-weight:600; background:#f7f7f7; padding-left:15px; font-size:1.6rem;}

  .calendar_cont{padding:15px;}

  .calendar_contItem{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e5e5e5}

  .calendar_contItem:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}

  .calendar_time{font-size:1.5rem; margin-bottom:5px;  font-weight:600;}

  .calendar_text{font-size:1.5rem;}

  .calendar_text p:first-child{ margin-bottom:5px;}

  .calendar_text p:last-child{color:#7d7d7d}


  .calendar_common{width:100%; line-height:20px; font-size:0.9rem; background:#f7f7f7; clear:both; padding:15px;}

  .calendar_common span{font-weight:600;}


  @media (min-width:768px) {

      .commonH2{font-size:2.25rem; font-weight:900; margin-bottom:25px;}

      .cont{margin-bottom:100px;}


      .calendar_sec{margin-bottom:20px;}

      .calendar_item{width:calc(25%)}

      .calendar_item:nth-child(2n){border-right:1px solid #e5e5e5;}

      .calendar_item:nth-child(4n){border-right:0;}

  }


  @media (min-width:1024px) {

      .commonDescription{font-size:1rem;}



      .calendar_sec{margin-bottom:30px;}

      .calendar_item{width:calc(20%)}

      .calendar_item:nth-child(4n){border-right:1px solid #e5e5e5;}

      .calendar_item:nth-child(5n){border-right:0;}


      .calendar_contItem{margin-bottom:20px; padding-bottom:20px;}

      .calendar_date{font-size:1.rem; height:50px; line-height:50px;}

      .calendar_time{font-size:1.5rem; margin-bottom:10px;}

      .calendar_text{font-size:1.5rem;}

      .calendar_text p:first-child{margin-bottom:15px;}

      .calendar_text p:last-child{font-size:1.5rem;}


      .calendar_common{font-size:1.5rem;}

  }


/*----일정표 시작----*/


/*----인사말 시작----*/

    .titleH2{color:#2d2d2d;}

    .commonH2{font-size:2.2rem; font-weight:900; margin:15px 0 25px 0; line-height:30px; text-align:right;}

    .commonDescription{font-size:2.9rem;}

    .commonDescription h3{font-size:2.2rem; line-height:27.5px; margin-bottom:10px; font-weight:600}

    .commonDescription h3 span{color:#b43838}


    .cont{width:100%; overflow:hidden; margin-bottom:50px;}

    .text{width:100%;}

    .profileImg{width:100%; margin-bottom:20px; border-radius:5px;}


    #greetings_topCont{margin-top:50px;}


    @media (min-width:768px){

        .commonH2{font-size:2.6rem; font-weight:900; margin-bottom:25px; line-height:45px;}

        .cont{margin-bottom:100px;}

        .profileImg{width:200px;}

        .text{width:calc(100% - 200px);}


        /* #greetings_1{width:100% !important; padding-left:0 !important; border-bottom:1px solid #e5e5e5; padding-bottom:100px !important;} */

        

        #greetings_topCont{margin-top:100px;}

        

        #greetings_topCont .profileImg, #greetings_topCont .text{float:right;}

        #greetings_bottomCont .profileImg, #greetings_bottomCont .text{float:left;}

        

        #greetings_topCont .text{padding:0 35px 0 0;}

        #greetings_bottomCont .text{padding:0 0 0 35px;}


        .commonDescription h3{font-size:2.8rem; line-height:40px;}

        #greetings_topCont .commonH2{text-align:left;}

    }


    @media (min-width:1024px){

        .commonDescription{font-size:2.1rem; line-height:35px;}

        

        .profileImg{width:350px;}

        .text{width:calc(100% - 350px);}


        .cont{margin-bottom:100px;}

    }

/*----인사말 끝----*/

/*----축제연혁 시작----*/

    .titleH2{color:#2d2d2d}

    .commonH2{font-size:1.5rem; font-weight:900; margin-bottom:25px;}

    .commonDescription{font-size:0.9rem}


    #historyCont{padding-top:50px; padding-bottom:50px;}

    #listWrap{width:100%; border-left:2px solid #e5e5e5; padding-left:20px; position:relative;}

    #listWrap::after{content:""; clear:both; display:block;}

    #listWrap li{position:relative; margin-bottom:55px;}

    #listWrap li img{max-width:200px; border:1px solid #e5e5e5; margin-top:25px;}

    .year{font-weight:700; margin-bottom:15px;}

    .year span{display:block; line-height:24px;}

    .h-text{color:#7d7d7d; font-size:1.4rem;}

    .circle{width:20px; height:20px; left:-31.5px; top:50%; position:absolute;background:#fff; border-radius:50%; border:3px solid #b43838}


    @media (min-width:768px){

        .commonH2{font-size:2.25rem; font-weight:900; margin-bottom:25px;}

        .cont{margin-bottom:100px;}


        #historyCont{width:768; height:5230px; margin:0 auto; margin-top:70px; margin-bottom:70px;}

        #listWrap li{width:calc(50% - 1px); position:absolute;}

        #listWrap li:nth-child(1){left:0; top:0;}

        #listWrap li:nth-child(2){right:0; top:450px;}

        #listWrap li:nth-child(3){left:0; top:900px;}

        #listWrap li:nth-child(4){right:0; top:1350px;}

        #listWrap li:nth-child(5){left:0; top:1800px;}

        #listWrap li:nth-child(6){right:0; top:2250px;}

        #listWrap li:nth-child(7){left:0; top:2700px;}

        #listWrap li:nth-child(8){right:0; top:3150px;}

        #listWrap li:nth-child(9){left:0; top:3600px;}

        #listWrap li:nth-child(10){right:0; top:4050px;}

        #listWrap li:nth-child(11){left:0; top:4530px;}        

        

        #listWrap li:nth-child(odd){text-align:right; padding-right:85px;}

        #listWrap li:nth-child(even){text-align:left; padding-left:50px;}

        

        .circle{left:auto;}

        #historyBar{width:2px; height:calc(100% - 390px); background:#e5e5e5; position:absolute; left:50%; margin-left:-1px;}

        #listWrap li:nth-child(odd) .circle{right:-10px;}

        #listWrap li:nth-child(even) .circle{left:-12px;}

    }


    @media (min-width:1024px){

        .commonDescription{font-size:1rem;}

        

        .year{font-size:2.4rem;}

        .year span{font-size:2.0rem; line-height:34px}

        .h-text{font-size:2rem;}

        


    }

/*----축제연혁 끝----*/

/*----상품구입 시작----*/

  .shoping-img{}

  @media ( max-width: 480px ) {

    .shoping-img{

      width: 80%;

      position: relative;

      left: 50%;

      transform: translate(-50%, 0%);

    }

}

     /*----기존----*/

          #s20210823d51e40a514f57 > div.section_bg_color._section_bg_color.fixed_transform{

          -webkit-backdrop-filter: blur(8px);

            backdrop-filter: blur(8px);

      }

          #s20210823dde55d17125ec > div.inline-inside._inline-inside {

            -webkit-backdrop-filter: blur(8px);

            backdrop-filter: blur(8px);

          } 

          

    </style>

2022 보은대추 온라인축제 영상보기

본 페이지에 게시된 이메일 주소가 자동수집되는 것을 거부하며, 이를 위반 시 정보통신망법에 의해 처벌됨을 유념하시기 바랍니다.


Copyright © 보은 대추 축제. All rights reserved.