@media screen and (min-width: 320px){
  .mnb{position: fixed;background-color: #8fc11f;width: 62px;height: 159px;top: 205px!important;z-index: 5;border-bottom-left-radius: 20px;right: 0;border-top-left-radius: 20px;}
  #start{position: fixed;right: 3.5%;text-align:center;display: block;border:0;outline:0;color:#ffffff;width:9%;top:380px;height:30px;font-size: 18px;border-radius:50%;font-weight:bold;background-color:#8fc11f;}
  .slide_wrap { position:relative; height: 472px;}
  .m_honor {line-height: 1.6em;font-size: 12px;font-family: "NanumGothi";margin: 0 auto;width: 96%;color: #666666;margin-bottom: 5%;}
  .m_honor_green {font-size: 13px;font-family: "NanumGothi";margin: 0 auto;font-weight:bold;width: 96%;color: #8fc11f;margin-bottom: 5.556%;margin-top: 5.556%;}
  .tab1 {width: 100%;height: 320px;text-align: center;margin: 0 auto;}
  .tab2 {width: 100%;margin: 0 auto;text-align: center;height:442px;}
  .slide_wrap #play_btn {position: absolute;right: 15%;transform: translate(125%, 284%);top: 68%;border: none;border-radius: 20px;cursor: pointer;background: none;}
  .slide_wrap #pause_btn {position: absolute;top: 68%;outline: none;right: 24%;transform: translate(125%, 284%);border: none;border-radius: 20px;cursor: pointer;background: none;}
}
@media screen and (min-width: 360px){
  .mnb{position: fixed;background-color: #8fc11f;width: 65px;height: 159px;top: 205px!important;z-index: 5;border-bottom-left-radius: 20px;right: 0;border-top-left-radius: 20px;}
  #start{position: fixed;right: 3.5%;text-align:center;display: block;border:0;outline:0;color:#ffffff;width:8%;top:380px;height:30px;font-size: 18px;border-radius:50%;font-weight:bold;background-color:#8fc11f;}
  .slide_wrap { position:relative;height: 530px;}
  .m_honor_green {font-size: 17px;font-family: "NanumGothi";margin: 0 auto;font-weight:bold;width: 96%;color: #8fc11f;margin-bottom: 5.556%;margin-top: 5.556%;}
  .m_honor {line-height: 1.6em;font-size: 16px;font-family: "NanumGothi";margin: 0 auto;width: 96%;color: #666666;margin-bottom: 5%;}
  .tab1 {width: 100%;height: 327px;text-align: center;margin: 0 auto;}
  .tab2 {width: 100%;margin: 0 auto;text-align: center;height:457px;}
  .slide_wrap #play_btn {position: absolute;right: 15%;transform: translate(125%, 284%);top: 68%;border: none;border-radius: 20px;cursor: pointer;background: none;}
  .slide_wrap #pause_btn {position: absolute;top: 68%;outline: none;right: 24%;transform: translate(125%, 284%);border: none;border-radius: 20px;cursor: pointer;background: none;}
}
@media screen and (min-width: 375px){
  .mnb{position: fixed;background-color: #8fc11f;width: 65px;height: 159px;top: 205px!important;z-index: 5;border-bottom-left-radius: 20px;right: 0;border-top-left-radius: 20px;}
  #start{position: fixed;right: 3.5%;text-align:center;display: block;border:0;outline:0;color:#ffffff;width:8%;top:380px;height:30px;font-size: 18px;border-radius:50%;font-weight:bold;background-color:#8fc11f;}
  .slide_wrap { position:relative;height: 553px;}
  .tab1 {width: 100%;height: 329px;text-align: center;margin: 0 auto;}
  .tab2 {width: 100%;margin: 0 auto;text-align: center;height:463px;}
  .slide_wrap #play_btn {position: absolute;right: 15%;transform: translate(125%, 360%);top: 68%;border: none;border-radius: 20px;cursor: pointer;background: none;}
  .slide_wrap #pause_btn {position: absolute;top: 68%;outline: none;right: 24%;transform: translate(125%, 360%);border: none;border-radius: 20px;cursor: pointer;background: none;}
}
@media screen and (min-width: 411px){
  .mnb{position: fixed;background-color: #8fc11f;width: 65px;height: 159px;top: 205px!important;z-index: 5;border-bottom-left-radius: 20px;right: 0;border-top-left-radius: 20px;}
  #start{position: fixed;right: 3%;text-align:center;display: block;border:0;outline:0;color:#ffffff;width:8%;top:380px;height:30px;font-size: 18px;border-radius:50%;font-weight:bold;background-color:#8fc11f;}
  .slide_wrap {position:relative;height: 605px;}
  .tab1 {width: 100%;height: 336px;text-align: center;margin: 0 auto;}
  .tab2 {width: 100%;margin: 0 auto;text-align: center;height:477px;}
  .slide_wrap #play_btn {position: absolute;right: 15%;transform: translate(125%, 530%);top: 68%;border: none;border-radius: 20px;cursor: pointer;background: none;}
  .slide_wrap #pause_btn {position: absolute;top: 68%;outline: none;right: 24%;transform: translate(125%, 530%);border: none;border-radius: 20px;cursor: pointer;background: none;}
}
.start{border:1px solid #8fc11f;}
#start.ooo{width:35px;right:0;font-size:15px;height:40px;border-radius:0;border-top-left-radius: 25%;border-bottom-left-radius: 25%;}
.thumnail_header{width: 100%;margin-top: 7%;font-size: 23px;color: #333333;font-family: "yoon";margin-bottom: 4%;}
.thumnail_header span {margin-left: 3%;}
.btn_pp{ position: relative;width: 100%;margin: 0 auto;}
.slide_wrap .pager {position: absolute;left: 50%;bottom: 7%;transform: translate(-50%, 0);width: 28%;height: auto;margin: 0 auto;}
.slide_wrap .pager .slick-dots {display:flex;}
.slide_wrap .pager .slick-dots li {width:40px;height:7px;margin:0 5px;background:#e9f3d2;overflow:hidden;}
.slide_wrap .pager .slick-dots li.slick-active {background:#d2e7a5;}
.slide_wrap .pager .slick-dots li button {opacity:0;}
.slide {width: 100%;margin:0 auto;height:409px;}
.slide img {width: 100%;height: auto;display: block;}
.slick-dotted.slick-slider {margin: 0 auto;}
.slick-list {height: 409px;}
.honor_wrap { margin: 0 auto; width: 96%; }
.donation_tab {margin: 0;margin-bottom: 5.556%;height: 35px;width: 100%;font-family: "NanumGothi";display: table;table-layout: fixed;border: 1px solid #8fc11f;}
.donation_tab div a {line-height: 35px;color: #333333;font-size: 13px;text-decoration: none;}
.donation_tab a.active {line-height: 35px;font-size: 13px;background: #8ec53f;color: #fff;}
.honor_list1 .list{float:left;font-size: 12px;text-align: center;width: 25%;}
.honor_list2 .list{float:left;width: 33.3%;}
.honor_list1,.honor_list2{width: 100%;}
.pf_name{font-family: "NanumGothi";color:#666666;}