/* 탭 네비게이션 */
.tab_content { display: none; }
.tab_ul {  padding: 0; margin: 0;  overflow: hidden; }
.tab_ul li {  float: left;  width: 180px;  text-align: center; list-style: none; padding: 8px 0; cursor: pointer; color:#047383; }
.tab_ul li.active {  background-color: #f36c8d;  color: #fff; }
.tab_content {  border-top:1px solid #333;  border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-radius: 3px; padding:15px 30px 15px 15px; }
.category { border-top:solid 1px #ccc; border-bottom: solid 1px #ccc; padding-bottom: 10px;
    padding-top:5px; font-weight:bold; font-size: 1.4rem; background-color:#eee; }
.question { font-weight:bold; font-size: 1.2rem;  line-height: 150%; }
.result_title { font-size: 1.1rem; }
.result { border:solid 1px #eeeeee; padding:0; border-radius: 5px; }
.shell_title {  padding:0; margin:0; background-color:#eff4f9; height: 50px; border-radius: 5px; }
.shell_title li { list-style:none; }
.shell_title li:nth-child(1) { float:left; padding: 10px 0 0 8px;}
.shell_title li:nth-child(2) { float:right;  padding: 10px 10px 0 0; }
.shell_title img { width:150px; }
.result_content { border-top: solid 1px #eee; padding: 10px 10px 20px 10px; line-height: 200%; }
.answer { color: red; font-weight: bold; display: none; }
.show_point .point { color: #f36c8d; font-weight:bold; font-size:1.2rem;}
.problem { border: solid 1px #eee; border-radius: 5px; background-color:#eff4f9;  line-height: 200%; }
.prob_button { padding: 3px 25px; background-color: orange; border-radius: 5px; border: 0; color: white; }
.user_input { width:100px; height:27px; font-size:0.9rem; }