 		body {
                  background-image: url("http://img.sbs.co.kr/newimg/news/20171120/201116070.jpg");
                  background-size: cover;
                  background-position: center;
		}

            /* 기본옵션 변경 ==================================================*/

		.ui.segment {
                   width: 540px;
                   background-color: #fff;
                   padding: 6vh 50px 0vh 50px;
                   height: 94vh;
		}

		.ui.button {
			background-color: #fff;
                  border: 1px solid #0086ff;
                  color: #0086ff;
                  margin-top: 20px;
                  font-size: 1.1em;
		}

		.ui.button:focus {
			background-color: #0086ff;
                  color: #fff;
		}

		.ui.button:hover {
			background-color: #0086ff;
                  color: #fff;
		}

            .ui.pagination.menu .item {
			display: inline-block;
	      }

            .ui.selection.dropdown {
                  min-height: 3.2em;
            }

            /* input radio label 감춤 */
            .ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {

                  display: none;
      	}

            .ui.checkbox .box:before, .ui.checkbox label:before {
                  display: none;
            }

            .ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
                  display: none;
            }

            .ui.radio.checkbox .box, .ui.radio.checkbox label {
                  cursor: pointer;
            }


             /* 표지 & 각 영역  ==================================================*/
            section {
      	      position: relative;
      	}


            .cards {
                  background-repeat: repeat;
                  text-align: center;
            }

            .cardbox {
                  width: 100%;
                  height: 100vh;
            }

            .canvas {
                  padding: 5% 0%;

		}

		.backcolor {
			background-color: #2a5b70;
		}

            #cover {
                        width: 100%;
                        padding-top: 35vh;
                        height: 65vh;
                        text-align: center;
            }

            /* 텍스트   ==================================================*/
	      /* 크기 */

		.display_1 {
			font-size: 4em;
		}

		.display_2 {
			font-size: 3em;
		}

		.display_3 {
			font-size: 2.8em;
		}

		.large {
			font-size: 1.7em;
		}

		.medium {
			font-size: 1.5em;
		}

		.medium_s {
			font-size: 1.15em;
			line-height: 1.8em;
		}

		.small {
			font-size: 0.9em;
		}

		/* 유형 */
		.paragraph {
			font-size: 1.2em;
                  line-height: 2em;
                  max-width: 700px;
		}

            /* 굵기 */
		.light {
			font-weight: 400;
		}

		.bold {
			font-weight: 600;
		}

		/* 컬러 */
		.black {
			color: #2f2f2f;
		}

		.semi_black {
			color: #3f3f3f;
		}

            .grey {
			color: #888;
		}

		.white {
			color: #fff;
		}

            /* 카드 */

            .mainLogo {
                  width: 600px;
            }


            .signicon {
                  width: 40px;
                  height: auto;
                  margin: 0 auto;
            }

            .labelbox {
                  margin: 50px 0px 30px 0px;
            }

            .yeslabel {
                  width: 130px;
                  height: 150px;
                  background-size: 100% 100%;
                  margin: 0px 20px;
                  background-image: url('http://img.sbs.co.kr/newimg/news/20171120/201116101.png');
                  cursor: pointer;
            }

            .nolabel {
                  width: 130px;
                  height: 150px;
                  background-size: 100% 100%;
                  margin: 0px 20px;
                  background-image: url('http://img.sbs.co.kr/newimg/news/20171120/201116103.png');
                  cursor: pointer;
            }


            .yeslabel:hover {
                  cursor: pointer;
                  background-image: url('http://img.sbs.co.kr/newimg/news/20171120/201116108.png');
            }


            .nolabel:hover {
                  cursor: pointer;
                  background-image: url('http://img.sbs.co.kr/newimg/news/20171120/201116110.png');
            }


            .yesbtn:checked + label.yeslabel {
                  background-image: url('http://img.sbs.co.kr/newimg/news/20171120/201116108.png');
            }

            .nobtn:checked + label.nolabel {
                  background-image: url('http://img.sbs.co.kr/newimg/news/20171120/201116110.png');
            }

            /* 4지선다형 */
            .multiplechoice {
                  width: 172px;
                  height: 172px;
                  color: #fff;
                  font-size: 1.2em;
                  font-weight: bold;
                  padding: 0;
                  margin: 10px;
                  border: 2px solid #dfdfdf;
                  background-size: cover;
                  background-position: center;
            }

            .mulpiple:checked + label.multiplechoice {
                  border: 2px solid #222;
            }

            .answerbox {
                  width: 100%;
                  height: 180px
                  /*border: 3px solid #2f2f2f;*/
                  padding: 5% 0%;
                  margin: 50px auto;
                  display: none;
                  text-align: left;
            }

            .obox {
                  text-align: center;
                  width: 80%;
                  height: 30px;
                  background-color: #0086ff;
                  padding: 10px 10%;
            }

            .explainbox {
                  width: 90%;
                  height: 100px;
                  padding: 15px 5%;
                  background-color: #efefef;
            }

            .handimg {
                  width: 50px;
                  height: auto;
            }
/* 모바일 ==================================================================================== */
		@media screen and (max-width: 639px) {
                  /* 기본옵션 변경 ==================================================*/
                  body {
                        background-image: url("http://img.sbs.co.kr/newimg/news/20171120/201116059.jpg");
                        background-size: 100%;
                        background-position: center;
                  }

                  .ui.container {
                        margin-left: 0 !important;
                        margin-right: 0 !important;
                  }

			.ui.segment {
                        width: 76%;
                        margin: 10vh auto 0vh auto;
				padding: 5vh 2%;
                        height: 80vh;
			}

                  .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;
     			}


                  #cover {
                        width: 100%;
                        padding: 35vh 0% 0vh 0%;
                        height: 65vh;
                  }

			/* 텍스트   ==================================================*/
			/* 크기 */
			.display_1 {
				font-size: 2.2em;
			}

			.display_2 {
				font-size: 1.8em;
			}

			.display_3 {
				font-size: 1.8em;
			}

			.large {
				font-size: 1.2em;
			}

			.medium {
				font-size: 1em;
			}

			.medium_s {
				font-size: 1em;
			}

			.small {
				font-size: 0.9em;
			}

                  /* 카드 */
                  .mainLogo {
                        width: 70%;
                        margin: 0 auto;
                  }

                  .labelbox {
                        margin: 10px 0px;
                  }

                  .errmsg {
                        margin-top: 20px;
                        display: none;
                  }

                  .answerbox {
                        padding: 5% 0%;
                        margin: 20px auto;
                        display: none;
                  }

                  .obox {
                        height: 20px;
                  }

                  .signicon {
                        width: 30px;
                        height: auto;
                        margin: 0 auto;
                  }

                  .yeslabel {
                        width: 35px;
                        height: 60px;
                        background-size: cover;
                        background-image: url('http://img.sbs.co.kr/newimg/news/20171120/201116102.png');
                  }

                  .nolabel {
                        width: 35px;
                        height: 60px;
                        background-size: cover;
                        background-image: url('http://img.sbs.co.kr/newimg/news/20171120/201116104.png');
                  }

                  .yesbtn:checked + label.yeslabel {
                        background-image: url('http://img.sbs.co.kr/newimg/news/20171120/201116109.png');
                  }

                  .nobtn:checked + label.nolabel {
                        background-image: url('http://img.sbs.co.kr/newimg/news/20171120/201116111.png');
                  }

                  /* 4지선다형 */
                  .multiplechoice {
                        width: 66px;
                        height: 76px;
                        color: #fff;
                        font-size: 1.2em;
                        font-weight: bold;
                        padding: 0;
                        margin: 5px;
                        border: 2px solid #dfdfdf;
                        background-size: cover;
                  }

                  .mulpiple:checked + label.multiplechoice {
                        border: 2px solid #222;
                  }

                  .handimg {
                        width: 40px;
                        height: auto;
                  }

            } /* 모바일 끝 */
