body {
			/*background-color: rgba(219,209,198,0.5);*/
		}

            /* 기본옵션 변경 ==================================================*/

		.ui.segment {
			background: none;
		}

		.ui.button {
			background-color: #efefef;
                  margin-top: 5px;
		}

		.ui.button:focus {
			background-color: #ba2037;
                  color: #fff;
		}

		.ui.button:hover {
			background-color: #ba2037;
                  color: #fff;
		}

            .ui.pagination.menu .item {
			display: inline-block;
	      }

            .ui.selection.dropdown {
                  min-height: 3.2em;
            }

            input[type="radio"]:checked+label.ui.button{
      			background-color: #222;
      			color: #fff;
      	}

            /* .ui.progress .bar > .progress {
                  font-size : 1em;
                  color: #fff;
            } */

            section {
      			position: relative;
      	}

            .canvas {
                  padding: 5% 0%;
		}

		.backcolor {
			background-color: #2a5b70;
		}


        /*  진행 스크롤 바 */
		#progress {
			width: 100%;
			height : 3px;
			/*background-color: #fff;*/
			overflow: hidden;
			content: "";
			display: table;
			table-layout: fixed;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 999;
		}

		#bar {
			width: 0%;
			height: 100%;
			float: left;
			max-width: 100%;
			background-color: #2f2f2f;
			z-index: 999;
			-webkit-transition: width .6s ease;
			-o-transition: width .6s ease;
			transition: width .6s ease;

		}

        /* 표지 & 각 영역  ==================================================*/
        #coverBox {
                  padding-top: 10%;
                  height: 100vh;
                  background-image: url("http://img.sbs.co.kr/newimg/news/20171024/201105913.jpg");
                  background-size: cover;
        }

        #intro {
                  min-height: 50vh;
                  height: auto;
        }

        #first {
                  min-height: 110vh;
                  height: auto;
        }

        #second {
                  min-height: 100vh;
                  height: auto;
                  background-image: url("http://img.sbs.co.kr/newimg/news/20171024/201105898.jpg");
                  background-attachment: fixed;
                  background-position: center;
                  background-size: cover;
        }

        #third {
                  min-height : 100vh;
                  height: auto;
        }

              /* 텍스트   ==================================================*/
	      /* 크기 */

		.display_1 {
			font-size: 4em;
		}

		.display_2 {
			font-size: 3em;
		}

		.display_3 {
			font-size: 2.5em;
		}

		.large {
			font-size: 1.8em;
		}

		.medium {
			font-size: 1.5em;
		}

		.medium_s {
			font-size: 1.2em;
		}

		.small {
			font-size: 0.9em;
		}

		/* 유형 */
		.paragraph {
			max-width: 520px;
			line-height: 2em;
                  margin-bottom: 10px;
		}

        /* 굵기 */
		.light {
			font-weight: 400;
		}

		.bold {
			font-weight: 600;
		}

		/* 컬러 */
		.black {
			color: #111;
		}

		.semi_black {
			color: #3f3f3f;
		}
		.grey {
			color: #888;
		}

		.white {
			color: #fff;
		}

		.red {
			color: #ba2037;
		}

		.green {
			color: #0dc0ba;
		}

        /* 생태계교란 지도 ======================================================== */
        #map {
                  width: 100%;
                  height: 500px;
        }

        #mapbox {
            background-color: #fff;
            width: 100%;
            height: 600px;
            margin-top: 20px;
        }

      .countbox {
            width: 48%;
            margin-right: 1%;
      }

        /* 그래프박스  ==================================================*/
        .graphbox {
              width: 100%;
              height: 600px;
              margin: 10px 0px;
        }


        /* 동식물 목록   ==================================================*/
        .flexbox {
                  display: flex;
                  display: -webkit-flex;
                  flex-flow: row wrap;
                  width: 100%;
                  margin: 0px 0px 10px 0px;
        }

        .picbox {
                  width: 70px;
                  height: 140px;
                  padding: 0px;
                  margin: 5px 5px 0px 0px;
        }

        .pic {
                  width: 66px;
                  height: 66px;
                  border: 2px solid #fff;
                  cursor: pointer;
        }

        .pic:hover {
             border-color: #2f2f2f;
       }

        /* 외래식물 지도 ======================================================== */

            .flexme {
                   display: flex;
            }

            .half {
                  width:50%;
                  height: auto;
            }

            #svgmap {
                  width: 350px;
                  height: 800px;
                  margin-left: 100px;
            }

            #koreamap {
                  width: 100%;
                  height: auto;
            }

            .st0 {
                  stroke-width: 1px;
                  stroke: #62757c;
                  fill: #333333;
            }



/* 모바일 ==================================================================================== */
		@media screen and (max-width: 639px) {
                  /* 기본옵션 변경 ==================================================*/
			.ui.segment {
				padding: 1em 0.5em;
			}

                  .ui.button {
 				font-size: 0.85rem;
 			}

 			.ui.table {
 				font-size: 0.9em;
 			}

 			.ui.pagination.menu .item {
 				min-width: 1.8em;
 				padding: 0.5em 1em;
 			}

			select  {
				-moz-appearance: none;
				-webkit-appearance: none;
				appearance: none;
			}

                  .canvas {
     				padding: 5vh 0;
     			}

                  #coverBox {
                            background-image: url("http://img.sbs.co.kr/newimg/news/20171030/201107845.jpg");
                  }

                  #intro {
                        min-height: 50vh;
                        height: auto;
                  }

                  #first {
                        min-height: 80vh;
                        height: auto;
                  }

                  #second {
                        min-height: 160vh;
                        height: auto;
                  }

                  #third {
                        min-height : 130vh;
                        height: auto;
                  }


			/* 텍스트   ==================================================*/
			/* 크기 */
			.display_1 {
				font-size: 2.2em;
			}

			.display_2 {
				font-size: 1.8em;
			}

			.display_3 {
				font-size: 1.8em;
			}

			.large {
				font-size: 1.4em;
			}

			.medium {
				font-size: 1.2em;
			}

			.medium_s {
				font-size: 1em;
			}

			.small {
				font-size: 0.9em;
			}

                  /* 표지  ==================================================*/
                  #coverBox {
                        width: 100%;
                        padding: 15% 5%;
                        height: 90vh;
                  }

                  /* 외래식물 지도 ======================================================== */
                  .picbox {
                        width: 60px;
                        height: 120px;
                        padding: 0px;
                        margin: 5px 5px 0px 0px;

                  }

                  .pic {
                        width: 60px;
                        height: 60px;
                  }

                  .flexme {
                        display: block;
                  }

                  .half {
                        width: 100%;
                        height: auto;
                  }
                  /* 생태계교란 지도 ======================================================== */
                  #map {
                            width: 100%;
                            height: 400px;
                  }

                  #mapbox {
                      background-color: #fff;
                      width: 100%;
                      height: 400px;
                      margin-top: 20px;
                  }

                  #svgmap {
                        width: 100%;
                        height: 750px;
                        margin-left: 0px;
                  }

                  /* 그래프박스  ==================================================*/
                  .countbox {
                        width: 96%;
                        margin-right: 1%;
                  }


                  .graphbox {
                        width: 100%;
                        height: 250px;
                        margin: 5px 0px;
                  }
            } /* 모바일 끝 */