/*
+----------------------------------------------------------------------+
| Copyright (c) STUDYMAX.  co. Ltd
+----------------------------------------------------------------------+
| 작업일 : 2018-03-05
| 파일설명 : RA - 모바일 공통 CSS
+----------------------------------------------------------------------+
| 작업자 : 박소율
+----------------------------------------------------------------------+
| 수정이력
|
+----------------------------------------------------------------------+
*/


/* 레벨 버튼 */
.lv_A{ display:inline-block; margin-right:0.3em; padding:0.1em 0.3em 0 0.3em; height:1.3em; line-height:1.3em; font-size:0.75em; color:#fff !important;vertical-align:middle; border:#c22419 1px solid; background:#d0281e; overflow:hidden; 
	border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px; 
	text-shadow:#c22419 0px 0px 4px; box-shadow:1px 1px 2px #d9d9d9;-webkit-box-shadow:1px 1px 2px #d9d9d9; -moz-box-shadow:1px 1px 2px #d9d9d9; -o-box-shadow:1px 1px 2px #d9d9d9;

	background-image: -o-linear-gradient(bottom, rgb(226,4,4) 0%, rgb(211,69,56) 99%, rgb(228,139,132) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(226,4,4) 0%, rgb(211,69,56) 99%, rgb(228,139,132) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(226,4,4) 0%, rgb(211,69,56) 99%, rgb(228,139,132) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(226,4,4) 0%, rgb(211,69,56) 99%, rgb(228,139,132) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(226,4,4)),
		color-stop(0.99, rgb(211,69,56)),
		color-stop(1, rgb(228,139,132))
	);
}

.lv_B{ display:inline-block; margin-right:0.3em;padding:0.1em 0.3em 0 0.3em; height:1.3em; line-height:1.3em; font-size:0.8em; color:#fff !important;vertical-align:middle; border:#c25418 1px solid; background:#db611e; overflow:hidden; 
	border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px; 
	text-shadow:#db611e 0px 0px 4px; box-shadow:1px 1px 2px #d9d9d9;-webkit-box-shadow:1px 1px 2px #d9d9d9; -moz-box-shadow:1px 1px 2px #d9d9d9; -o-box-shadow:1px 1px 2px #d9d9d9;

	background-image: linear-gradient(bottom, rgb(226,82,4) 0%, rgb(212,109,54) 99%, rgb(228,166,132) 100%);
	background-image: -o-linear-gradient(bottom, rgb(226,82,4) 0%, rgb(212,109,54) 99%, rgb(228,166,132) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(226,82,4) 0%, rgb(212,109,54) 99%, rgb(228,166,132) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(226,82,4) 0%, rgb(212,109,54) 99%, rgb(228,166,132) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(226,82,4) 0%, rgb(212,109,54) 99%, rgb(228,166,132) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(226,82,4)),
		color-stop(0.99, rgb(212,109,54)),
		color-stop(1, rgb(228,166,132))
	);
}

.lv_C{ display:inline-block; margin-right:0.3em; padding:0.1em 0.3em 0 0.3em; height:1.3em; line-height:1.3em; font-size:0.8em; color:#fff !important;vertical-align:middle; border:#c27818 1px solid; background:#d28f18; overflow:hidden; 
	border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px; 
	text-shadow:#d2901b 0px 0px 4px; box-shadow:1px 1px 2px #d9d9d9;-webkit-box-shadow:1px 1px 2px #d9d9d9; -moz-box-shadow:1px 1px 2px #d9d9d9; -o-box-shadow:1px 1px 2px #d9d9d9;

	background-image: linear-gradient(bottom, rgb(199,133,1) 0%, rgb(211,150,53) 99%, rgb(228,190,132) 100%);
	background-image: -o-linear-gradient(bottom, rgb(199,133,1) 0%, rgb(211,150,53) 99%, rgb(228,190,132) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(199,133,1) 0%, rgb(211,150,53) 99%, rgb(228,190,132) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(199,133,1) 0%, rgb(211,150,53) 99%, rgb(228,190,132) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(199,133,1) 0%, rgb(211,150,53) 99%, rgb(228,190,132) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(199,133,1)),
		color-stop(0.99, rgb(211,150,53)),
		color-stop(1, rgb(228,190,132))
	);
}

.lv_D{ display:inline-block; margin-right:0.3em;padding:0.1em 0.3em 0 0.3em; height:1.3em; line-height:1.3em; font-size:0.8em; color:#fff !important;vertical-align:middle; border:#6f6f6f 1px solid; background:#898989; overflow:hidden; 
	border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px; 
	text-shadow:#818181 0px 0px 4px; box-shadow:1px 1px 2px #d9d9d9;-webkit-box-shadow:1px 1px 2px #d9d9d9; -moz-box-shadow:1px 1px 2px #d9d9d9; -o-box-shadow:1px 1px 2px #d9d9d9;

	background-image: linear-gradient(bottom, rgb(110,110,110) 0%, rgb(145,145,145) 99%, rgb(190,190,190) 100%);
	background-image: -o-linear-gradient(bottom, rgb(110,110,110) 0%, rgb(145,145,145) 99%, rgb(190,190,190) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(110,110,110) 0%, rgb(145,145,145) 99%, rgb(190,190,190) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(110,110,110) 0%, rgb(145,145,145) 99%, rgb(190,190,190) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(110,110,110) 0%, rgb(145,145,145) 99%, rgb(190,190,190) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(110,110,110)),
		color-stop(0.99, rgb(145,145,145)),
		color-stop(1, rgb(190,190,190))
	);
}

.lv_E{ display:inline-block; margin-right:0.3em; padding:0.1em 0.3em 0 0.3em; height:1.3em; line-height:1.3em; font-size:0.8em; color:#fff !important;vertical-align:middle; border:#c22419 1px solid; background:#d0281e; overflow:hidden; 
	border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px; 
	text-shadow:#c22419 0px 0px 4px; box-shadow:1px 1px 2px #d9d9d9;-webkit-box-shadow:1px 1px 2px #d9d9d9; -moz-box-shadow:1px 1px 2px #d9d9d9; -o-box-shadow:1px 1px 2px #d9d9d9;

	background-image: -o-linear-gradient(bottom, rgb(226,4,4) 0%, rgb(211,69,56) 99%, rgb(228,139,132) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(226,4,4) 0%, rgb(211,69,56) 99%, rgb(228,139,132) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(226,4,4) 0%, rgb(211,69,56) 99%, rgb(228,139,132) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(226,4,4) 0%, rgb(211,69,56) 99%, rgb(228,139,132) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(226,4,4)),
		color-stop(0.99, rgb(211,69,56)),
		color-stop(1, rgb(228,139,132))
	);
}



.skip{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0;}
.img{ display:block; background: url('../../images/lo_n.png') no-repeat; background-size: 270px 250px;-webkit-background-size: 270px 250px;-moz-background-size: 270px 250px;-o-background-size: 270px 250px; vertical-align:middle; overflow:hidden;}
.img span{ visibility:hidden;overflow:hidden;position:absolute;}

.img2{ display:block; background: url('../../images/lo_n.png') no-repeat; background-size: 270px 250px;-webkit-background-size: 270px 250px;-moz-background-size: 270px 250px;-o-background-size: 270px 250px; vertical-align:middle; overflow:hidden;}
.img2 span{ visibility:hidden;overflow:hidden;position:absolute;}

.imgOff{ display:block; background: url('../../images/lo_n.png') no-repeat; background-size: 270px 250px;-webkit-background-size: 270px 250px;-moz-background-size: 270px 250px;-o-background-size: 270px 250px; vertical-align:middle; overflow:hidden;}
.imgOff span{ visibility:hidden;overflow:hidden;position:absolute;}

.imgA{ display:block; background: url('../../images/lo_n.png') no-repeat; background-size: 270px 250px;-webkit-background-size: 270px 250px;-moz-background-size: 270px 250px;-o-background-size: 270px 250px; vertical-align:middle; overflow:hidden;}
.imgA span{ visibility:hidden;overflow:hidden;position:absolute;}

.imgS{ display:block; background: url('../../images/lo_n2.png') no-repeat; background-size: 270px 275px;-webkit-background-size: 270px 275px;-moz-background-size: 270px 275px;-o-background-size: 270px 275px; vertical-align:middle; overflow:hidden;}
.imgS span{ visibility:hidden;overflow:hidden;position:absolute;}

.imgS2{ display:block; background: url('../../images/lo_n2.png') no-repeat; background-size: 270px 275px;-webkit-background-size: 270px 250px;-moz-background-size: 270px 275px;-o-background-size: 270px 275px; vertical-align:middle; overflow:hidden;}
.imgS2 span{ visibility:hidden;overflow:hidden;position:absolute;}

.imgS3{ display:block; background: url('../../images/lo_n3_2.png') no-repeat; background-size: 270px 275px;-webkit-background-size: 270px 275px;-moz-background-size: 270px 275px;-o-background-size: 270px 275px; vertical-align:middle; overflow:hidden;}
.imgS3 span{ visibility:hidden;overflow:hidden;position:absolute;}

.imgS4{ display:block; background: url('../../images/lo_n3_2.png') no-repeat; background-size: 270px 275px;-webkit-background-size: 270px 275px;-moz-background-size: 270px 275px;-o-background-size: 270px 275px; vertical-align:middle; overflow:hidden;}
.imgS4 span{ visibility:hidden;overflow:hidden;position:absolute;}

.imgS5{ display:block; background: url('../../images/lo_n3_2.png') no-repeat; background-size: 270px 275px;-webkit-background-size: 270px 275px;-moz-background-size: 270px 275px;-o-background-size: 270px 275px; vertical-align:middle; overflow:hidden;}
.imgS5 span{ visibility:hidden;overflow:hidden;position:absolute;}

.imgS6{ display:block; background: url('../../images/lo_n3_2.png') no-repeat; background-size: 270px 275px;-webkit-background-size: 270px 275px;-moz-background-size: 270px 275px;-o-background-size: 270px 275px; vertical-align:middle; overflow:hidden;}
.imgS6 span{ visibility:hidden;overflow:hidden;position:absolute;}

.imgSA{ display:block; background: url('../../images/lo_nScrap2.png') no-repeat; background-size: 270px 310px;-webkit-background-size: 270px 310px;-moz-background-size: 270px 310px;-o-background-size: 270px 310px; vertical-align:middle; overflow:hidden;}
.imgSA span{ visibility:hidden;overflow:hidden;position:absolute;}

.imgSB{ display:block; background: url('../../images/lo_nScrap2.png') no-repeat; background-size: 270px 310px;-webkit-background-size: 270px 310px;-moz-background-size: 270px 310px;-o-background-size: 270px 310px; vertical-align:middle; overflow:hidden;}
.imgSB span{ visibility:hidden;overflow:hidden;position:absolute;}


#bd img{vertical-align:top;}