@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%;
}

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

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

.mb50 {
  margin-bottom : 50px;
}

.mb100 {
  margin-bottom : 100px;
}

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;
}

.bc {
  background-color : #f8f9fa;
}

.result_year {
  margin-bottom : 50px;
  text-align : center;
}

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

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

.result_section1 {
  text-align : center;
}

.result_section1_img {
  display : flex;
}

.result_section1_img_left {
  float : left;
  margin-left : 13%;
  width : 43.5%;
  height : auto;
}

.result_section1_img_right {
  float : left;
  width : 43.5%;
  height : auto;
}

.result_section1_text {
  margin-bottom : 50px;
}

.result_section1_text p {
  display : inline-block;
  text-align : center;
  font-size : 20px;
}

.result_section1_text_left {
  margin-left: 13%;
  width : 43.5%;
  height : auto;
}

.result_section1_text_right {
  width : 43.5%;
  height : auto;
}

.result_section1_text_hero {
  color : #f36d21;
}

.result_section1_desc {
  font-size : 20px;
}

.result_section2_title {
  margin-bottom : 15px;
}

.result_section2_title span {
  font-size : 25px;
  font-weight : 500;
}

.result_section2_photo {
  position : relative;
  width : 100%;
  height : auto;
}

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

.result_section2_photo img {
  text-align : center;
  vertical-align : middle;
  width : 49.5%;
  height : 100%;
}

.result_section2_photo_left_image {
  margin-right : 0.5%;
}

.result_section2_photo_right_image {
  margin-left : 0.5%;
}

.result_section2_photo_mobile {
  position : relative;
  width : 100%;
  height : auto;
}

.result_section2_photo_mobile img {
  text-align : center;
  vertical-align : middle;
  width : 100%;
  height : 100%;
}

.result_section2_photo_prev,
.result_section2_photo_next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -30px;
  color: white;
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  opacity : 0.9;
}

.result_section2_photo_prev {
  border-radius: 0 3px 3px 0;
}

.result_section2_photo_next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.result_section3_title {
  margin-bottom : 15px;
}

.result_section3_title span {
  font-size : 25px;
  font-weight : 500;
}

.result_section3_video {
  text-align : center;
}

.result_section3_video_frame_left {
  position : relative;
  display : inline-block;
  text-align : left;
  width : 49.5%;
  margin-right : 0.5%;
  height : auto;
  padding-bottom : 27%;
}

.result_section3_video_frame_right {
  position : relative;
  display : inline-block;
  text-align : left;
  width : 49.5%;
  margin-left : 0.5%;
  height : auto;
  padding-bottom : 27%;
}

.result_section3_video_mobile {
  display : none;
}

.result_section3_video_frame_mobile {
  position : relative;
  display : inline-block;
  text-align : left;
  width : 100%;
  height : auto;
  padding-bottom : 56%;
}


.result_section4_title {
  text-align : center;
  margin-bottom : 15px;
}

.result_section4_title_first {
  font-size : 20px;
  margin-bottom : 5px;
}

.result_section4_title_second {
  font-size : 25px;
  font-weight : 500;
}

.result_section4_image {
  width : 100%;
  height : auto;
  text-align : center;
}

.result_section4_image img {
  width : 100%;
  height : auto;
}

.result_section5 {
  padding-top : 20px;
  padding-bottom : 20px;
}

.result_section5_title {
  margin-bottom : 15px;
}

.result_section5_title_first {
  font-size : 25px;
  line-height : 30px;
  font-weight : 500;
  margin-bottom : 15px;
}

.result_section5_title_second {
  font-size : 15px;
  line-height : 26px;
  margin-top : 16px;
  font-weight : 400;
}

.result_section5_photo img{
  width : 30%;
}

.result_section5_photo_mid {
  margin-left : 5%;
  margin-right : 5%;
}

.result_section5_photo_mobile {
  position : relative;
  width : 100%;
  height : auto;
}

.result_section5_photo_mobile img {
  text-align : center;
  vertical-align : middle;
  width : 100%;
  height : 100%;
}

.result_section6 {
  padding-bottom : 20px;
}

.result_section6_work img {
  display : inline-block;
  width : 50%;
  vertical-align : middle;
  margin-left : 37%
}

.result_section6_work_image {
  width : 52.5%;
}

.result_section6_content {
  display : inline-block;
  padding-left : 20px;
}

.result_section6_maps {
  display : inline-block;
  width : 30%;
  text-align : center;
}

.result_section6_maps_mid {
  margin-left : 5%;
  margin-right : 5%;
}

.result_section6_maps img {
  width : 60%;
}

.result_section6_maps p {
  letter-spacing : -0.5px;
}

.result_section6_content_title {
  margin-bottom : 15px;
}

.result_section6_content_title p {
  font-size : 25px;
  line-height : 30px;
  font-weight : 500;
}

.result_section6_content_text_ul > li {
  position : relative;
  padding-left: 9px;
  line-height: 27px;
}

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

.result_section6_head_dot {
  position : relative;
  padding-left: 9px;
  line-height: 27px;
  text-align : left;
  margin-left : 15%;
  margin-right : 15%;
}

.result_section6_head_dot:before {
    content: '쨌 ';
    position: relative;
    width : 3px;
    height : 3px;
}

.result_section6_content_text_ul_ul > li {
  position : relative;
  padding-left : 5px;
}

.orange_li {
  color : #f36d21 !important;
}

.result_section6_content_text_ul_ul > li.orange_li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 14px;
    background-image: url(../../img/packageresult_water_icon.png);
    background-repeat: no-repeat;
    left: -9px;
    top: 6.5px;
}

.result_section7_title {
  margin-bottom : 15px;
}

.result_section7_title p {
  font-size : 25px;
  line-height : 30px;
  font-weight : 500;
}

.result_section7_graph {
  text-align : center;
}

.result_section7_graph img {
  width : 100%;
}


@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;}

  .result_year_btn {font-size : 20px; width : 120px; height : 40px;}

  .result_section1_text p {font-size : 17px;}
  .result_section1_desc {font-size : 17px;}

  .result_section4_title_first {font-size : 20px;}
  .result_section4_title_second {font-size : 25px;}

  .result_section5_title {margin-bottom : 20px;}
  .result_section5_title_first {font-size : 20px;}

  .result_section6_content_title {padding-left : 5px;}
  .result_section6_content_title p {font-size : 20px;}

  .result_section7_title {margin-bottom : 30px;}
  .result_section7_title p {font-size : 25px;}
}

@media screen and (max-width : 767px) {
  .pcImage {display : none;}
  .mobileImage {display : inline-block!important;}

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

  .result_section3_video {display : none;}
  .result_section3_video_mobile {display : block;}

  .result_section5_photo img {width : 100%; margin-left : 0; margin-right : 0;}

  .result_section6_work {display : none;}
  .result_section6_work_mobile {display : block!important;}
  .result_section6_maps p {font-size : 12px;}
  .result_section6_head_dot {margin-left : 0; margin-right : 0;}
}

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

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

  .result_year_btn {width : 100px; font-size : 13px;}

  .result_section1_desc {font-size : 15px;}

  .result_section4_title_first {font-size : 15px; margin-bottom : 0px;}
  .result_section4_title_second {font-size : 20px;}

  .result_section5_title {margin-left : 0; text-align : center;}
  .result_section5_title_first {font-size : 18px; text-align : center;}

  .result_section7_title {text-align : center; margin-bottom : 10px;}
  .result_section7_title p {font-size : 18px;}
}