@import url('font.css');

body {
  margin-top: 0 !important;
  min-width: 320px;
  color: #333;
  line-height: 26px;
  font-size: 15px;
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing: -0.25px;
  word-break: normal;
  word-wrap: break-word;
  font-weight: 400;
}

* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}

ol, ul {
  list-style : none;
}

.container {
  margin-top : 10px;
  width : 100%;
}

#event {
  max-width : 1860px;
  margin : 0 auto;
  padding : 0 20px;
}

.mwarea {
    max-width: 1310px;
    margin: 0 auto;
}

.mb50 {
  margin-bottom : 50px;
}

.mb100 {
  margin-bottom : 100px;
}

.ms10 {
  margin-left : 10%;
  margin-right : 10%;
}

.bc {
  background-color : #eaeaea;
}

h2 {
  color:#f36d21;
  font-size:50px;
  font-weight:600;
  line-height:100%;
  letter-spacing:0.05em;
  text-align:center;
  margin-bottom : 10px;
}

h2 span {
  margin-bottom:12px;
  color:#333;
  font-size:20px;
  font-family:'GillSansMT', sans-serif;
  font-weight:400;
  line-height:100%;
  letter-spacing:0;
  display:block;
}

h2 span.ko {
  font-family:'Noto Sans KR', sans-serif;
}

*:focus {
  outline : none;
}

.event_tab {
  text-align : center;
}

.event_tab_btn {
  border : 1px solid #f36d21;
  background : #FFF;
  padding : 5px;
  width : 25%;
  height : 50px;
  font-size : 25px;
}

button.active {
  background : #f36d21;
  color : #FFF;
}

.specialrun_section1_text {
  text-align : center;
  font-size : 25px;
  font-weight : 500;
}

.specialrun_section2_influncer {
  text-align : center;
}

.specialrun_section2_influencer_table {
  width : 100%;
  text-align : center;
  border-collapse : collapse;
}

.specialrun_section2_influencer_table_bc {
  background-color : #eaeaea;
}

.specialrun_section2_influencer_table th {
  font-size : 25px;
  padding-top : 30px;
  padding-bottom : 10px;
  font-weight : 600;
}

.specialrun_section2_influencer_table td {
  width : 47%;
  font-size : 20px;
}

.specialrun_section2_influencer_table_left {
  padding-left : 1.5%;
  padding-right : 1.5%;
}

.specialrun_section2_influencer_table_right {
  padding-left : 1.5%;
  padding-right : 1.5%;
}

.specialrun_section2_influencer_table_title {
  font-weight : 500;
}

.specialrun_section2_influencer_table td img {
  width : 100%;
}

.instagram_link {
  margin-bottom : 10px;
}

.instagram_link a:link, .instagram_link a:visited, .instagram_link a:hover {
  color : #000000;
}

.influencer_instagram:before {
    content: '';
    position: relative;
    display : inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../images/packageinstagram_logo.png);
    background-repeat: no-repeat;
    left: -1px;
    top : 2px;
}

a:link, a:visited, a:hover {  
  text-decoration : none;
}

.specialrun_section3_introduction_ul {
  display : inline-block;
  width : 48.5%;
  margin-bottom : 20px;
  margin-left : 1.5%;
}

.specialrun_section3_introduction_ul > li {
  position : relative;
}

.specialrun_section3_introduction_ul > li > p {
  position : relative;
  padding-bottom : 5px;
  padding-left: 15px;
}

.specialrun_section3_introduction_ul > li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #333;
    left: 0px;
    top: 10.5px;
}

.specialrun_section3_introduction_mobile_ul {
  display : none;;
  width : 100%;
  margin-bottom : 20px;
  margin-left : 1.5%;
}

.specialrun_section3_introduction_mobile_ul > li {
  position : relative;
}

.specialrun_section3_introduction_mobile_ul > li > p {
  position : relative;
  padding-bottom : 5px;
  padding-left: 15px;
}

.specialrun_section3_introduction_mobile_ul > li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #333;
    left: 0px;
    top: 10.5px;
}

.specialrun_section3_introduction_ul_ul > li {
  position : relative;
  padding-left : 15px;
  margin-left : 10px;
  padding-bottom : 5px;
}

.specialrun_section3_introduction_ul_ul > li:before {
    content: '-';
    position: absolute;
    left: 0px;
}

.specialrun_section3_introduction_ps {
  text-align : center;
}

.specialrun_section4 {
  text-align : center;
  margin-bottom : 20px;
}

.specialrun_section4_btn {
  display : inline-block;
  text-decoration : none;
  margin-bottom : 20px;
}

.specialrun_section4_btn > * {
  width : auto;
  padding : 0 60px;
  color : #fff;
  background-color : #ff6600;
  border-radius : 54px;
  font-size : 20px;
  line-height : 50px;
}

.specialrun_section5_alert_title {
  font-size : 20px;
  font-weight : 500;
  margin-bottom : 10px;
}

.specialrun_section5_alert_ul > li {
  position : relative;
  padding-left: 15px;
  padding-bottom : 5px;
  line-height: 27px;
}

.specialrun_section5_alert_ul > li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #333;
    left: 0px;
    top: 10.5px;
}


.snsevent_section0 img {
  width : 100%;
}

.snsevent_section0_content {
  width : 100%;
  text-align : center;
  margin-bottom : 20px;
}

.snsevent_section0_hashtag {
  display : inline-block;
  padding : 5px;
  background-color : #F2F2F2;
  text-align : center;
  width : 100%;
}

.snsevent_section0_hashtag p {
  font-size : 20px;
  margin-right : 140px;
  line-height : 40px;
}

.snsevent_section0_hashtag p span {
  position : relative;
  display : inline-block;
  color : #0070C0;
  margin-right : 5px;
  padding : 0 20px;
  background-color : #f7ddcf;
  border-radius : 54px;
  line-height : 30px;
}

.snsevent_instagram_hashtag a:link, .snsevent_instagram_hashtag a:visited, .snsevent_instagram_hashtag a:hover {
  color : #0070C0;
}

.snsevent_section0_content img {
  position : relative;
  float : right;
  bottom : 225px;
  width : 135px;
  z-index : 2;
}

.snsevent_section1_title {
  font-size : 35px;
  font-weight : 600;
  margin-bottom : 40px;
  color : #f36d21;
}

.snsevent_section1_text {
  margin-bottom : 30px;
  text-align : center;
  margin-right : 150px;
}

.snsevent_section1_text p {
  font-size : 25px;
}

.snsevent_section0_text_under_1024 {
  display : none;
}

.snsevent_section1_content {
  width : 100%;
  text-align : center;
  margin-bottom : 20px;
}

.snsevent_section1_hashtag {
    padding: 5px;
    background-color: #F2F2F2;
    text-align: center;
    width: 100%;
}

.snsevent_section1_hashtag p {
  font-size : 20px;
  margin-right : 140px;
  line-height : 40px;
}

.snsevent_section1_hashtag p span {
  position : relative;
  display : inline-block;
  color : #0070C0;
  margin-right : 5px;
  padding : 0 20px;
  background-color : #f7ddcf;
  border-radius : 54px;
  line-height : 30px;
}

.snsevent_section1_image {
  position : relative;
  float : right;
  bottom : 225px;
  width : 150px;
  z-index : 2;
}

.snsevent_section1_image img {
  width : 100%;
}

.snsevent_section1_polaroid_image {
  width : 100%;
  margin-top : -220px;
}

.snsevent_section1_eventtitle {
  margin-bottom : 20px;
}

.snsevent_section1_eventtitle span{
  font-size : 30px;
  font-weight : 500;
}

.snsevent_section0_text {
  margin-bottom : 30px;
  text-align : center;
  margin-right : 140px;
}

.snsevent_section1_event1_text {
  margin-bottom : 20px;
  text-align : center;
}

.snsevent_section1_event1_text p {
  font-size : 25px;
}

.snsevent_section1_event1_content {
  width : 100%;
  vertical-align : middle;
  text-align : center;
}

.snsevent_section1_event1_tip {
  display : inline-block;
  width : 50%;
}

.snsevent_section1_event1_tip p {
  font-size : 20px;
  font-weight : 500;
  margin-bottom : 15px;
}

.snsevent_section1_event_content_image {
  display : inline-block;
  width : 50%;
}

.snsevent_section1_event_content_image img {
  width : 25%;
}

.snsevent_section1_event1_tip_ul > li {
  position : relative;
  padding-left: 15px;
  padding-bottom : 5px;
  text-align : left;
  margin-left : 17%;
}

.snsevent_section1_event1_tip_ul > li > span {
  position : relative;
}

.snsevent_section1_event1_tip_ul > li > span:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #333;
    left: -10px;
    top: 9px;
}


.snsevent_section1_event1_tip_ul_mobile > li {
  position : relative;
  padding-left: 15px;
  padding-bottom : 5px;
  text-align : center;
}

.snsevent_section1_event1_tip_ul_mobile > li > span {
  position : relative;
}

.snsevent_section1_event1_tip_ul_mobile > li > span:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #333;
    left: -10px;
    top: 9px;
}

.snsevent_section1_event1_tip_ul a:link, .snsevent_section1_event1_tip_ul a:visited, .snsevent_section1_event1_tip_ul a:hover {
  color : #000000;
}

.snsevent_section1_event1_content_mobile {
  text-align : center;
  display : none;
}

.snsevent_section1_event1_content_mobile img {
  width : 30%;
}

.snsevent_section1_event1_content_mobile p {
  font-size : 20px;
  text-align : center;
}

.snsevent_section2 {
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  background-color : #f2f2f2;
}

.snsevent_section2_table {
  vertical-align : middle;
  text-align : center;
}

.snsevent_section2_table_image {
  width : 30%;
}

.snsevent_section2_table_text {
  width : 40%;
}

.snsevent_section2 img {
  width : 100%;
  display : inline-block;
}

.snsevent_section2_jerrycan {
  text-align : center;
  display : inline-block;
}

.snsevent_section2_jerrycan_title {
  font-size : 25px;
  color : #FE6B00;
  font-weight : 500;
  margin-bottom : 10px;
}

.snsevent_section2_jerrycan_text {
  margin-bottom : 30px;
}

.snsevent_section2_mobile {
  display : none;
}

.snsevent_section2_table_mobile {
  border-collapse : collapse;
}

.snsevent_section2_table_mobile td{
  width : 50%;
  text-align : center;
}

.snsevent_section2_table_mobile img{
  width : 100%;
  display : block;
}

.snsevent_section2_mobile_second {
  text-align : center;
  display : none;
  padding : 10px;
  background-color : #f2f2f2;
}

.snsevent_section2_mobile_second img {
  width : 49.5%;
}

.snsevent_section3_eventtitle {
  margin-bottom : 20px;
}

.snsevent_section3_eventtitle span{
  font-size : 35px;
}

.snsevent_section3_event2_content {
  margin-bottom : 20px;
}

.snsevent_section3_event2_content_text {
  font-size : 25px;
  padding-bottom : 5px;
  text-align : center;
  line-height : 37px;
}

.snsevent_section3_event2_content_image {
  text-align : center;
  width : 100%;
}

.snsevent_section3_event2_content_image_left {
  width : 45%;
  margin-right : 5%;
  display : inline-block;
}

.snsevent_section3_event2_content_image_right {
  width : 45%;
  margin-left : 5%;
  display : inline-block;
}

.snsevent_section3_event2_example {
  padding : 15px 15px 20px 15px;
  background-color : #F2F2F2;
  margin-bottom : 20px;
}

.snsevent_section3_event2_example_title {
  font-size : 20px;
  font-weight : 500;
  margin-bottom : 15px;
  text-align : center;
}

.snsevent_section3_event2_example_image img{
  width : 27.33%;
  margin-left : 3%;
  margin-right : 3%;
}

.snsevent_section3_event2_example_text p{
  width : 33.33%;
  display : inline-block;
  text-align : center;
}

.snsevent_section4 {
  margin-bottom : 20px;
}

.snsevent_section4_title {
  font-size : 35px;
  font-weight : bold;
  color : #f36d21;
  margin-bottom : 30px;
}

.snsevent_section4_text {
  font-size : 25px;
  margin-bottom : 30px;
  text-align : center;
}

.snsevent_section4_content {
  width : 100%;
  text-align : center;
  margin-bottom : 20px;
}

.snsevent_section4_hashtag {
  display : inline-block;
  width : 47.5%;
  padding : 10px;
  background-color : #F2F2F2;
  text-align : center;
  margin-right : 2.5%;
}

.snsevent_section4_hashtag p {
  font-size : 20px;
  line-height : 40px;
}

.snsevent_section4_hashtag p span {
  position : relative;
  display : inline-block;
  color : #0070C0;
  margin-right : 5px;
  padding : 0 20px;
  background-color : #f7ddcf;
  border-radius : 54px;
  line-height : 30px;
}

.snsevent_section4_content_mobile {
  display : none;
  margin-bottom : 30px;
}

.snsevent_section4_content_mobile img{
  width : 100%;
}

.snsevent_section4_image {
  display : inline-block;
  margin-left : 2.5%;
  width : 47.5%;
}

.snsevent_section4_image img {
  width : 100%;
}

.snsevent_section4_example_title {
  font-size : 20px;
  font-weight : 500;
  margin-bottom : 15px;
  text-align : center;
}

.snsevent_section4_example_image img {
  width : 47.5%;
}

.snsevent_section4_example_image_left {
  margin-right : 2.5%;
}

.snsevent_section4_example_image_right {
  margin-left : 2.5%;
}


.otherevent_section_title {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #f36d21;
}

.otherevent_text_black {
  font-size : 25px;
  margin-bottom : 15px;
}

.otherevent_text_gray {
  font-size : 20px;
  color : #7F7F7F;
  margin-bottom : 10px;
}

.otherevent_section_image {
  text-align : center;
  width : 100%;
}

.otherevent_section_image img {
  width : 20%;
}

.otherevent_text_explain {
  padding-left : 15px;
  position : relative;
  margin-bottom : 15px;
}

.otherevent_text_explain:before {
  content: '��';
  position: absolute;
  left : 0px;
}

.otherevent_section2_image {
  text-align : center;
  width : 100%;
}

.otherevent_section2_image img {
  width : 35%;
}

.otherevent_section2_image_left {
  margin-left : 7.5%;
  margin-right : 7.5%;
}

.otherevent_section2_image_right {
  margin-left : 7.5%;
  margin-right : 7.5%;
}

.otherevent_section2_image p {
  display : inline-block;
  width : 50%;
}

.otherevent_section3 {
  margin-bottom : 20px;
}

.otherevent_section3_image {
  text-align : center;
  width : 100%;
}

.otherevent_section3_image_left {
  margin-left : 7.5%;
  margin-right : 7.5%;
}

.otherevent_section3_image_right {
  margin-left : 7.5%;
  margin-right : 7.5%;
}

.otherevent_section3_image img {
  width : 35%;
}

.otherevent_section3_image p {
  display : inline-block;
  width : 50%;
}

.otherevent_section4_alert p {
  padding-left : 15px;
  position : relative;
}

.otherevent_section4_alert p:before {
  content: '��';
  position: absolute;
  left : 0px;
}

@media screen and (max-width : 1024px) {
  h2 {font-size : 34px;}
  h2 span {font-size : 16px}

  .mb50 {margin-bottom : 30px;}
  .mb100 {margin-bottom : 50px;}

  body {font-size : 13px;}

  .event_tab_btn {font-size : 20px; height : 40px;}

  .specialrun_section1_text {font-size : 20px;}

  .specialrun_section2_influencer_table th {font-size : 20px; padding-top : 25px;}
  .specialrun_section2_influencer_table td {font-size : 18px;}

  .specialrun_section3_introduction_ul > li {font-size : 13px;}

  .specialrun_section4_btn > * {font-size : 18px;}

  .specialrun_section5_alert_title {font-size : 18px;}
  .specialrun_section5_alert_ul >li {font-size : 15px;}


  .snsevent_section0_hashtag p {font-size : 17px; line-height : 30px;}
  .snsevent_section0_hashtag p span {line-height : 25px;}
  .snsevent_section1_title {font-size : 30px;}
  .snsevent_section0_text p {font-size : 20px; line-height : 30px;}
  .snsevent_section0_text_under_1024 {display : inline;}
  .snsevent_section1_text p {font-size : 20px; line-height: 30px;}
  .snsevent_section1_hashtag p {font-size : 17px; line-height : 30px;}
  .snsevent_section1_hashtag p span {line-height : 25px;}
  .snsevent_section1_eventtitle span {font-size : 30px;}
  .snsevent_section1_event1_text p {font-size : 20px;}
  .snsevent_section1_event1_content_text p {font-size : 20px;}
  .snsevent_section1_event1_tip p {font-size : 20px;}
  .snsevent_section1_event1_content {display : none;}
  .snsevent_section1_event1_content_mobile {display : block;}

  .snsevent_section2_jerrycan_title {font-size : 20px;}
  .snsevent_section2_jerrycan_text {font-size : 13px; margin-bottom : 0;}
  .snsevent_section2_table_mobile_text {padding : 3px; background-color : #f2f2f2;}

  .snsevent_section2 {display : none;}
  .snsevent_section2_mobile {display : block;}

  .snsevent_section3_eventtitle span {font-size : 30px;}
  .snsevent_section3_event2_content_text p {font-size : 20px;}
  .snsevent_section3_event2_content_text {line-height : 25px;}
  .snsevent_section3_event2_example_title {font-size : 18px;}

  .snsevent_section4_title {font-size : 30px;}
  .snsevent_section4_text {font-size : 20px;}
  .snsevent_section4_content {display : none;;}
  .snsevent_section4_content_mobile {display : block;}
  .snsevent_section4_hashtag {width : 100%; margin-right : 0; padding : 5px;}
  .snsevent_section4_hashtag p {font-size : 17px; line-height : 30px;}
  .snsevent_section4_hashtag p span {line-height : 25px;}
  .snsevent_section4_example_title {font-size : 18px;}


  .otherevent_section_title {font-size : 30px; margin-bottom : 20px;}
  .otherevent_text_black {font-size : 20px; margin-bottom : 10px;}
  .otherevent_text_gray {font-size : 18px; margin-bottom : 5px;}
}

@media screen and (max-width : 767px) {
  .ms10 {margin-left : 5%; margin-right : 5%;}

  .event_tab_btn {font-size : 16px; height : 35px;}

  .specialrun_section3_introduction_ul {display : none;}
  .specialrun_section3_introduction_mobile_ul {display : block;}
  .specialrun_section3_introduction_ul_ul2 > li {font-size : 12px;}

  .specialrun_section4_btn > * {font-size : 16px; padding : 0 40px;}

  .specialrun_section5_alert_title {font-size : 16px;}
  .specialrun_section5_alert_ul >li {font-size : 14px;}

  .snsevent_section2_table_mobile {display : none;}
  .snsevent_section2_mobile_second {display : block;}
  .snsevent_section2_jerrycan_title {margin-bottom : 5px;}
  .snsevent_section2_jerrycan_text {margin-bottom : 15px;}

  .snsevent_section3_eventtitle span {font-size : 25px;}
  .snsevent_section3_event2_content_text p {font-size : 18px;}
  .snsevent_section3_event2_example_title {font-size : 16px;}

  .snsevent_section4_text {font-size : 18px;}
  .snsevent_section4_example_title {font-size : 16px;}

  .otherevent_section2_image img {width : 45%;}
  .otherevent_section2_image_left {margin-left : 2.5%; margin-right : 2.5%;}
  .otherevent_section2_image_right {margin-left : 2.5%; margin-right : 2.5%;}
}

@media screen and (max-width : 600px) {
  h2 {font-size : 30px;}
  h2 span {font-size : 15px}

  .mb50 {margin-bottom : 20px;}
  .mb100 {margin-bottom : 30px;}

  .event_tab_btn {width : 32%; font-size : 13px; padding : 1px;}

  .specialrun_section1_text {font-size : 17px;}

  .specialrun_section2_influencer_table th {font-size : 18px;}
  .specialrun_section2_influencer_table td {font-size : 15px;}
  .specialrun_section2_influencer_table td p {margin-left : 5%; margin-right : 5%;}

  .specialrun_section4_btn > * {font-size : 13px; padding : 0 30px;}

  .specialrun_section5_alert_title {font-size : 15px;}
  .specialrun_section5_alert_ul >li {font-size : 13px;}



  .snsevent_section0_content img {bottom : 165px; width : 100px;}
  .snsevent_section0_hashtag p {font-size : 15px; margin-right : 95px;}
  .snsevent_section0_text {margin-right : 95px;}

  .snsevent_section1_title {font-size : 20px; margin-bottom : 20px;}
  .snsevent_section0_text p {font-size : 15px;}
  .snsevent_section1_image {bottom : 165px; width : 110px;}
  .snsevent_section1_text p {font-size : 15px;}
  .snsevent_section1_text {margin-right : 105px;}
  .snsevent_section1_hashtag p {font-size : 15px; text-align : center; margin-right : 105px;}
  .snsevent_section1_polaroid_image {margin-top : -170px;}
  .snsevent_section1_eventtitle span {font-size : 20px;}
  .snsevent_section1_event1 {margin-left : 0; margin-right : 0;}
  .snsevent_section1_event1_text p {font-size : 15px;}
  .snsevent_section1_event1_content {margin : 5px 2.5%; width : 95%;}
  .snsevent_section1_event1_content_text p {font-size : 15px;}
  .snsevent_section1_event1_content_text img {width : 30%;}
  .snsevent_section1_event1_tip p {font-size : 17px;}
  .snsevent_section1_event1_tip_ul > li {font-size : 12px;}

  .snsevent_section2_jerrycan_title {font-size : 18px;}
  .snsevent_section2_jerrycan_text {margin-bottom : 10px;}

  .snsevent_section3_event2 {margin-left : 0; margin-right : 0;}
  .snsevent_section3_eventtitle span {font-size : 20px;}
  .snsevent_section3_event2_content_text p {font-size : 15px;}
  .snsevent_section3_event2_example {margin : 5px 0 30px 0; padding : 10px 15px 5px 15px;}
  .snsevent_section3_event2_example_title {font-size : 15px;}
  .snsevent_section3_event2_example_text p {font-size : 13px;}

  .snsevent_section4_title {font-size : 20px;}
  .snsevent_section4_text {font-size : 15px;}
  .snsevent_section4_hashtag p {font-size : 15px;}
  .snsevent_section4_example_title {font-size : 15px;}


  .otherevent_section_title {font-size : 20px; margin-bottom : 10px;}
  .otherevent_text_black {font-size : 15px; margin-bottom : 0;}
  .otherevent_text_gray {font-size : 14px; margin-bottom : 0;}

  .otherevent_section2_image img {width : 50%;}
  .otherevent_section2_image_left {margin-left : 0; margin-right : 0;}
  .otherevent_section2_image_right {margin-left : 0; margin-right : 0;}

  .otherevent_section3_image img {width : 40%;}
  .otherevent_section3_image_left {margin-left : 5%; margin-right : 5%;}
  .otherevent_section3_image_right {margin-left : 5%; margin-right : 5%;}
}