@charset "UTF-8";
@font-face {
font-family: "malgunbd";
src: url("../../fonts/malgunbd.woff") format("woff");
src:local(※), url("../../fonts/malgunbd.woff") format("woff");}
@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;font-size: 18px;border-radius:50%;font-weight:bold;background-color:#8fc11f;}
  .intro2{width: 96%;height: 185px;margin: 0 auto;}
  .intro1 {width: 96%;height: 240px;margin: 0 auto;}
  .m_introduce1 {font-size: 12px;font-family: "NanumGothi";color: #666666;margin-top: 3%;width: 100%;line-height: 1.6em;float: left;margin-bottom: 7%;}
  .m_introduce2 {font-size: 12px;font-family: "NanumGothi";color: #666666;margin-top: 3%;width: 100%;line-height: 1.6em;float: left;margin-bottom: 7%;}
  .m_introduce_tit1 {padding-top: 5%;font-family: "malgunbd";float: left;font-size: 13px;color: #333333;width: auto;font-weight: bold;padding-left: 2%;}
  .m_introduce_green {font-family: "malgunbd";font-weight: bold;color: #8fc11f;font-size: 13px;}
  .m_introduce_tit2 {font-family: "malgunbd";font-size: 13px;color: #333333;padding-top: 3%;float: left;font-weight: bold;padding-left: 2%;width: auto;}
  .m_introdu {font-size: 12px;font-family: "NanumGothi";margin: 0 auto;width: 96%;color: #666666;line-height: 1.6em;margin-bottom: 5%;}
}
@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;}
  .intro2{width: 96%;height: 175px;margin: 0 auto;}
  .intro1{width: 96%;height: 305px;margin: 0 auto;}
  .m_introduce1 {font-size: 14px;font-family: "NanumGothi";color: #666666;margin-top: 3%;width: 100%;line-height: 1.6em;float: left;margin-bottom: 7%;}
  .m_introduce2 {font-size: 14px;font-family: "NanumGothi";color: #666666;margin-top: 3%;width: 100%;line-height: 1.6em;float: left;margin-bottom: 7%;}
  .m_introduce_tit1 {padding-top: 5%;font-family: "malgunbd";float: left;font-size: 15px;color: #333333;width: auto;padding-left:0;font-weight: bold;}
  .m_introduce_green {font-family: "malgunbd";font-weight: bold;color: #8fc11f;font-size: 15px;}
  .m_introduce_tit2 {font-family: "malgunbd";font-size: 15px;color: #333333;padding-top: 3%;float: left;font-weight: bold;padding-left:0;width: auto;}
  .m_introdu {font-size: 14px;font-family: "NanumGothi";margin: 0 auto;width: 96%;color: #666666;line-height: 1.6em;margin-bottom: 5%;}
}
@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;}
  .m_introduce_tit1 {padding-top: 5%;font-family: "malgunbd";float: left;font-size: 15px;color: #333333;width: auto;padding-left:0;font-weight: bold;}
  .m_introduce_green {font-family: "malgunbd";font-weight: bold;color: #8fc11f;font-size: 15px;}
  .m_introduce_tit2 {padding-left:0;font-family: "malgunbd";font-size: 15px;color: #333333;padding-top: 3%;float: left;font-weight: bold;width: auto;}
}
@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;}
  .m_introduce_tit1 {padding-top: 5%;font-family: "malgunbd";float: left;font-size: 16px;padding-left:0;color: #333333;width: auto;font-weight: bold;}
  .m_introduce_green {font-family: "malgunbd";font-weight: bold;color: #8fc11f;font-size: 16px;}
  .m_introduce_tit2 {padding-left:0;font-family: "malgunbd";font-size: 16px;color: #333333;padding-top: 3%;float: left;font-weight: bold;width: auto;}
}
.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%;}
.intro1_img{float: left;width:15%;margin-right: 2%;}
.intro1_img img{display: block;width: 55px;}
.intro2_img{float: left;margin-right: 2%;width: 15%;}
.intro2_img img{display: block;width: 59px;}
.intro1_con{float:left;width:80%;}
.intro2_con{float:left;width:80%;}
.introCI{width: 96%;margin: 0 auto;}
.introCI img{width: 100%;display: block;height: auto;}
.downCI{width: 96%;margin: 0 auto;margin-top: 3%;}
.downCI img{display: block;height: auto;margin: 0 auto;width: 150px;}
.m_CImean{font-size: 17px;width: 96%;margin: 0 auto;color: #333333;font-family: "NanumGothi";font-weight: bold;margin-bottom: 3%;}
.m_CImean span{font-size: 17px;color: #8fc11f;font-family: "NanumGothi";font-weight: bold;}