@charset "UTF-8";
/* @font-face {
	font-family:'Baloo Tammudu';
	font-weight:normal;
	font-style:normal;
	src:url('/tms_asset/fonts/BalooTammudu-Regular.ttf');
}
@font-face {
	font-family:'ConcertOne';
	font-weight:normal;
	font-style:normal;
	src:url('/tms_asset/fonts/ConcertOne-Regular.ttf');
} */

html, body, .container {
	width:1280px;
	height:800px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	font-family:'Rix밝은굴림', sans-serif;
}

div, img {
	position:absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.container {
	position:relative;
	background: url('bg01.jpg') no-repeat;
}

.objects, .buttons { width:100%; height:100%; }

.button {
	cursor:pointer;
}

#btn_reset {
	top: 30px;
	right: 37px;
}

#btn_answer {
	right:24px;
	bottom:13px;
}

#support {
	top:327px;
	left:603px;
}

#scale {
	border:0px solid red;
	bottom:271px;
	left:260px;
	width:760px;
	height:245px;
}

#bar {bottom:0px; left:0px;}
#char {
	bottom: 8px;
    left: 280px;
    width: 199px;
    height: 251px;
}
#eye1 {top:0px; left:0px;}

#basket1 {bottom:19px; right: 0px; z-index:10;}
#basket2 {bottom:19px; left:0px; }

.basket {
	width:237px; height:324px; z-index:10;
}

#basket1>*:nth-child(2) {
	bottom:50px;
	left:0px;
	z-index: 1;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.4));
}

.basket>* {
	bottom:70px;
}
.basket>img:nth-child(1) {
	z-index:100;
	bottom:0px!important; left:0;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.1));
}
.basket>*:nth-child(2) {
	bottom:70px; left:-16px; z-index:1;
}
.basket>*:nth-child(3) {
	bottom:70px; left:32px; z-index:2;
}
.basket>*:nth-child(4) {
	bottom:70px; left:64px; z-index:3;
}
.basket>*:nth-child(5) {
	bottom:120px; left:-16px; z-index:4;
}
.basket>*:nth-child(6) {
	bottom:120px; left:32px; z-index:5;
}
.basket>*:nth-child(7) {
	bottom:120px; left:64px; z-index:5;
}
#basket2>* {
	bottom:50px;
}
#basket2>*:nth-child(3) {
	bottom:50px; left:-16px; z-index:10;
}
#basket2>*:nth-child(4) {
	bottom:50px; left:46px; z-index:10;
}
#basket2>*:nth-child(5) {
	bottom:50px; left:108px; z-index:10;
}
#basket2>*:nth-child(6) {
	bottom:50px; left:170px; z-index:10;
}
#basket2>*:nth-child(7) {
	bottom:100px; left:-16px; z-index:9;
}
#basket2>*:nth-child(8) {
	bottom:100px; left:46px; z-index:9;
}
#basket2>*:nth-child(9) {
	bottom:100px; left:108px; z-index:9;
}
#basket2>*:nth-child(10) {
	bottom:100px; left:170px; z-index:9;
}
#basket2>*:nth-child(11) {
	bottom:150px; left:-16px; z-index:8;
}
#basket2>*:nth-child(12) {
	bottom:150px; left:46px; z-index:8;
}
#basket2>*:nth-child(13) {
	bottom:150px; left:108px; z-index:8;
}
#basket2>*:nth-child(14) {
	bottom:150px; left:170px; z-index:8;
}

.fish {
	font-family:'Rix밝은굴림', sans-serif;
    width: 102px;
    height: 64px;
    z-index: 1;
    cursor: pointer;
    background: url(ball.png) no-repeat;
    text-align: center;
    font-size: 42px;
    line-height: 100px;
    color: #4a4a4a;
    background-size: 100% auto;
    padding-top: 33px;
}
#circle_select {
	top:152px; left:45px;
}
#fish01 {
	top:179px; left:69px;
	z-index: 101;
}

.fish1 {
	width: 102px;
}

#ball_b {top:0px; left:0px;}
#n_8kg {top:37px; left:18px;}

#content_area {
    top: 100px;
    left: 0px;
    width: 1000px;
    height: 600px;
    background: rgba(255,255,255,0.0);
}

.input {
	width:142px; height:103px;
}

#success { z-index:1000; }

#obj_1 { left:26px; top:290px; }/*우주선*/
#obj_2 { left:18px; top:456px; }/*왼쪽별*/
#obj_3 { left:-22px; top:572px; z-index:0;}/*반가려진 0*/
#obj_4 { left:20px; top:602px; }/*숫자8*/
#obj_5 { left:925px; top:650px; }/*숫자2*/
#obj_6 { left:1078px; top:562px; }/*나누기*/
#obj_7 { left:980px; top:560px; }/*더하기*/
#obj_8 { left:1007px; top:480px; }/*더하기_핑크*/
#obj_9 { left:1202px; top:540px; z-index:10; }/*곱하기*/
#obj_10{ left:1031px; top:430px; }/*빼기*/
#obj_11{ left:1130px; top:350px; width:150px;}/*어린왕자*/
#obj_12{ left:1130px; top:290px; }/*오른쪽별*/

#desc {
    font-family: 'Rix밝은굴림', 'SM태명조','Nanum Gothic Bold', sans-serif;
    font-weight: bold;
    padding: 10px;
    top: 32px;
    left: 30px;
    width: 800px;
    height: 30px;
    color: #565252;
    font-size: 36px;
    line-height: 36px;
    text-align: left;
}


.eqa {
	display: block;
	position: absolute;
	left: 0!important;
	/* bottom: 0px!important; */
	bottom:initial!important;
	top:266px!important;
    height: 60px!important;
    width: 100%!important;
    font-size: 30px;
    line-height: 70px;
	color: white;
	z-index: 100!important;
    text-align: center;
}

#eqa {
	/* bottom: 40px!important; */
	bottom:initial!important;
	top:478px!important;
    left: 0!important;
    font-size: 120px;
    width: 1280px;
    text-align: center;
    height: 142px;
    line-height: 142px;
    color: #ffffff;
    z-index: 100!important;
	/* border: 1px solid yellow; */
    /* text-shadow: 1px 1px 3px rgb(0,0,0); */
    /* vertical-align: middle; */
}

/* #eqa>p {
	font-family:'Rix밝은굴림', sans-serif;
	font-size: 120px;
    text-align: center;
    height: 142px;
    line-height: 142px;
    line-height: 170px;
	color: #ffffff;
	margin: 0; padding:0;
} */

#eqa>span {
	position: relative;
	display:inline-block;
	font-weight: bold;
	height: 126px;
	line-height: 126px;
	vertical-align: top;
	top:0; left:0;bottom:initial!important;
	/* border: 1px solid; */
}
.op2 {
	line-height: 106px!important;

}
.op3 {
	color: #008b2b;
	height: 60px;
	display: inline-block;
}
#result {
	top:0; left:0;
	line-height: 126px!important;
}
#result::before,#result::after { content:'.';color:transparent;}

.inputbox {
	/* font-family: 'Baloo Tammudu','ConcertOne',serif; */
    bottom: 81px;
    left: 730px;
    width: 245px;
    height: 126px;
    font-size: 100px;
    line-height: 140px;
    text-align: center;
    color: #0151b4;
    background: #8fd2ed;
    border: 5px dashed #d32e31;
    border-radius: 18px;
	/* font-family: '배민주아', sans-serif; */
	font-family:'Rix밝은굴림', sans-serif;
	letter-spacing: -5px;
}

.inputbox .MathJax {
	top:-12px; font-size: 60%;
}
.inputbox .mn{
	font-family: 'Baloo Paaji', MathJax_Main, 'Nanum Gothic', sans-serif!important;
}

#outputbox {
	top:465px; left:550px;
	width:215px; height:200px;
	border:1px solid red;
	z-index:1;
}

#answer {
	position: absolute;
	background : url(bg02.jpg) no-repeat;
	left:0; top:0; width:100%; height:100%;
	display: none;
}

#btn_check,#btn_check2 {
	bottom: 15px; right:27px;
	z-index: 103;
}

#eqa2 {
    bottom: 140px!important;
    left: 0!important;
    font-size: 120px;
    width: 1280px;
    text-align: center;
    height: 80px;
    /* border: 1px solid; */
    line-height: 175px;
    color: #ffffff;
    letter-spacing: 0px;
    /* text-shadow: 1px 1px 3px rgb(0,0,0); */
    z-index: 100!important;
}
#eqa2>span {
	display:inline-block;
	height: 126px;
	vertical-align: middle;
}

#basket3>* {
	bottom:50px;
}
#basket3>*:nth-child(2) {
	bottom:50px; left:-16px; z-index:10;
}
#basket3>*:nth-child(3) {
	bottom:50px; left:46px; z-index:10;
}
#basket3>*:nth-child(4) {
	bottom:50px; left:108px; z-index:10;
}
#basket3>*:nth-child(5) {
	bottom:50px; left:170px; z-index:10;
}
#basket3>*:nth-child(6) {
	bottom:100px; left:-16px; z-index:9;
}
#basket3>*:nth-child(7) {
	bottom:100px; left:46px; z-index:9;
}
#basket3>*:nth-child(8) {
	bottom:100px; left:108px; z-index:9;
}
#basket3>*:nth-child(9) {
	bottom:100px; left:170px; z-index:9;
}
#basket3>*:nth-child(10) {
	bottom:150px; left:-16px; z-index:8;
}
#basket3>*:nth-child(11) {
	bottom:150px; left:46px; z-index:8;
}
#basket3>*:nth-child(12) {
	bottom:150px; left:108px; z-index:8;
}
#basket3>*:nth-child(13) {
	bottom:150px; left:170px; z-index:8;
}
/* #answer {
	position: absolute;
    margin: auto;
    top: 50px;
    bottom: 0px;
    left: 0;
    right: 0px;
    width: 800px;
    height: 500px;
    background: #fff7e9;
    border-radius: 30px 80px;
    border: 10px solid #3e81ff;
    color: dimgray;
    font-family: '고딕';
    font-weight: bold;
    font-size: 30px;
    padding: 0px;
}

#answer>label:first-child {
	display: block;
    text-align: center;
    background: #0059ff;
    color: #fffffe;
    font-size: 40px;
    border-radius: 18px 65px 0 0;
    padding: 15px;
    line-height: 50px;;
} */