@media screen and (min-width:769px) {
}
@media screen and (max-width:768px) {
}
/*//////////°øÅë//////////*/
@media screen and (min-width:941px) {
.mbr_container {
	width: 100%;
	min-width: 1200px;
}
}
@media screen and (max-width:940px) {
.mbr_container {
	width: 100%;
}
}
/*//////////Çì´õ//////////*/
.mbr_header_area {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 8px solid transparent;
	background-image: linear-gradient(#fff, #fff), linear-gradient(to bottom, #000000 0%, #ffffff 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
}
.mbr_header_bx {
	margin: 0 auto;
	max-width: 1200px;
	min-width: 320px;
	padding: 23px 10px 0;
	box-sizing: border-box;
}
@media screen and (min-width:941px) {
.mbr_header_bx .logo_wrap {
	float: left;
	margin-right: 50px;
}
.mbr_header_bx .nvi_wrap {
	float: left;
	margin-bottom: 20px;
}
.mbr_header_bx .nvi_wrap img {
	margin-top: -1px;
}
.mbr_header_bx .nvi_wrap li {
	float: left;
	padding: 0 30px 0 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 25px;
	letter-spacing: -1px;
}
.mbr_header_bx .nvi_wrap li a:hover {
	color: #715fbb;
}
.mbr_header_bx .login_wrap {
	float: right;
	margin-top: -5px;
}
.mbr_header_bx .login_wrap .login_btn {
	float: left;
	margin-top: 3px;
	padding: 5px 20px;
	background: #715fbb;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
}
.mbr_header_bx .login_wrap .login_btn_m {
	display: none;
	float: left;
	margin-top: -1px;
	padding: 5px 6px 2px;
	background: #715fbb;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	text-align: center
}
}
@media screen and (max-width:940px) {
.mbr_header_bx .logo_wrap {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}
.mbr_header_bx .nvi_wrap {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.mbr_header_bx .nvi_wrap img {
	margin-top: -1px;
}
.mbr_header_bx .nvi_wrap li {
	float: left;
	width: 25%;
	padding: 0 12px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 20px;
	text-align: center;
	box-sizing: border-box;
}
.mbr_header_bx .nvi_wrap li:nth-child(4) {
	display: none;
}
.mbr_header_bx .nvi_wrap li a:hover {
	color: #715fbb;
}
.mbr_header_bx .login_wrap {
	float: right;
	margin-top: -47px;
	right: 10px;
}
.mbr_header_bx .login_wrap .login_btn {
	display: none;
	float: left;
	margin-top: 3px;
	padding: 5px 20px;
	background: #715fbb;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.mbr_header_bx .login_wrap .login_btn_m {
	float: left;
	margin-top: -2px;
	padding: 5px 6px 2px;
	background: #715fbb;
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
}
/*//////////¹Ùµð//////////*/
.mbr_body_area {
	float: left;
	width: 100%;
	padding-bottom: 30px;
}
.mbr_body_bx {
	margin: 0 auto;
	max-width: 1200px;
	min-width: 320px;
	padding: 0 10px;
	box-sizing: border-box;
}
.mbr_body_bx .main_title_wrap {
	float: left;
	width: 100%;
	padding: 8% 0 40px;
}
@media screen and (min-width:426px) {
.mbr_body_bx .main_title_wrap li:nth-child(1) {
	padding-bottom: 10px;
	font-size: 64px;
	line-height: 54px;
	text-align: center;
	font-family: "Black Han Sans", sans-serif;
}
}
@media screen and (max-width:425px) {
.mbr_body_bx .main_title_wrap li:nth-child(1) {
	padding-bottom: 10px;
	font-size: 48px;
	line-height: 42px;
	text-align: center;
	font-family: "Black Han Sans", sans-serif;
}
}
.mbr_body_bx .main_title_wrap li:nth-child(2) {
	font-size: 18px;
	letter-spacing: -1px;
	text-align: center;
	font-family: "Gothic A1", sans-serif;
}
.mbr_body_bx .main_search_wrap {
	float: left;
	width: 100%;
	margin-bottom: 50px;
	display: flex;
	justify-content: space-evenly;
}
.mbr_body_bx .main_search_wrap .search_box {
	float: left;
	width: 100%;
	max-width: 400px;
	padding: 12px 0;
	background: #f6f6f6;
	border: 1px solid #d0d0d0;
	border-radius: 50px;
}
.mbr_body_bx .main_search_wrap .search_logo {
	float: left;
	border-right: 1px solid #dfdfdf;
	padding: 1px 10px 0 20px;
}
.mbr_body_bx .main_search_wrap .search_input {
	float: left;
	width: 180px;
	padding: 0 0 0 10px;
}
.mbr_body_bx .main_search_wrap .search_input input {
	width: 100%;
	height: 24px;
	background: transparent;
	font-size: 14px;
	font-weight: bold;
}
.mbr_body_bx .main_search_wrap .search_find {
	float: right;
	padding: 0 20px 0 10px;
}
.mbr_body_bx .main_skill_wrap {
	float: left;
	width: 100%;
	margin-bottom: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.mbr_body_bx .main_skill_wrap .skill_box {
	float: left;
	width: 100px;
	margin: 0 9px 20px;
}
.mbr_body_bx .main_skill_wrap .skill_box li {
	float: left;
	width: 100%;
	letter-spacing: -1px;
	text-align: center;
}
.mbr_body_bx .main_skill_wrap .skill_box li:nth-child(1) {
	margin-bottom: 10px;
}
@media screen and (min-width:426px) {
.mbr_body_bx .main_ad_wrap {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 40px;
	line-height: 38px;
	letter-spacing: -1px;
	text-align: center;
	font-family: "Do Hyeon", serif;
}
.mbr_body_bx .main_ad_wrap li {
	padding-bottom: 10px;
}
.mbr_body_bx .main_ad_wrap .point {
	font-size: 40px;
	line-height: 38px;
	letter-spacing: 0px;
	text-align: center;
	font-family: "Do Hyeon", serif;
}
}
@media screen and (max-width:425px) {
.mbr_body_bx .main_ad_wrap {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -1px;
	text-align: center;
	font-family: "Do Hyeon", serif;
}
.mbr_body_bx .main_ad_wrap li {
	padding-bottom: 10px;
}
.mbr_body_bx .main_ad_wrap .point {
	font-size: 34px;
	line-height: 30px;
	letter-spacing: 0px;
	text-align: center;
	font-family: "Do Hyeon", serif;
}
}
.mbr_body_bx .main_ad_btn_wrap {
	float: left;
	width: 100%;
	margin-bottom: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.mbr_body_bx .main_ad_btn_wrap .btn_bg {
	float: left;
	width: 200px;
	margin: 0 10px 10px;
	padding: 15px 0;
	background: #715fbb;
	border-radius: 100px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.mbr_body_bx .main_ad_btn_wrap .btn_bg a {
	color: #fff;
}
.mbr_body_bx .main_ad_btn_wrap .btn_line {
	float: left;
	width: 200px;
	margin: 0 10px 10px;
	padding: 15px 0;
	background: #fff;
	border: 2px solid #715fbb;
	border-radius: 100px;
	color: #715fbb;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.mbr_body_bx .main_ad_btn_wrap .btn_line a {
	color: #715fbb;
}
.mbr_body_bx .main_sb_title_wrap {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.mbr_body_bx .main_sb_title_wrap li {
	font-size: 28px;
	line-height: 30px;
	letter-spacing: -1px;
	text-align: center;
	font-family: "Do Hyeon", serif;
}
.mbr_body_bx .main_service_wrap {
	float: left;
	width: 100%;
	margin-bottom: 130px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.mbr_body_bx .main_service_wrap .service_box {
	float: left;
	width: 154px;
	background: #f3f0ff;
	border-radius: 8px;
	margin: 0 9px 20px;
	padding: 12px 0 20px;
}
.mbr_body_bx .main_service_wrap .service_box li {
	float: left;
	width: 100%;
	letter-spacing: -1px;
	text-align: center;
}
.mbr_body_bx .main_service_wrap .service_box li:nth-child(1) {
}
.mbr_body_bx .main_service_wrap .service_box li:nth-child(1) img {
	width: 65px;
}
.mbr_body_bx .main_service_wrap .service_box li:nth-child(2) {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 3px;
}
.mbr_body_bx .main_service_wrap .service_box li:nth-child(3) {
	color: #575757;
	font-size: 12px;
}
.mbr_body_bx .main_service_wrap .service_box_new {
	float: left;
	width: 154px;
	background: #FFF;
	border: 1px solid #cdcdcd;
	border-radius: 8px;
	margin: 0 9px 20px;
	padding: 5px 0 20px;
}
.mbr_body_bx .main_service_wrap .service_box_new li {
	float: left;
	width: 100%;
	letter-spacing: -1px;
	text-align: center;
}
.mbr_body_bx .main_service_wrap .service_box_new li:nth-child(1) {
	margin: 15px 0 20px 0;
}
.mbr_body_bx .main_service_wrap .service_box_new li:nth-child(2) {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 3px;
}
.mbr_body_bx .main_service_wrap .service_box_new li:nth-child(3) {
	color: #575757;
	font-size: 12px;
}
.mbr_body_bx .main_board_wrap {
	float: left;
	width: 100%;
	margin-bottom: 10%;
}
.mbr_body_bx .main_board_wrap .board_box {
	margin: 0 auto;
	width: 100%;
	max-width: 660px;
}
.mbr_body_bx .main_board_wrap .board_header {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
.mbr_body_bx .main_board_wrap .board_header li {
	float: left;
}
.mbr_body_bx .main_board_wrap .board_header li:nth-child(1) {
	float: left;
}
.mbr_body_bx .main_board_wrap .board_header li:nth-child(2) {
	float: right;
}
.mbr_body_bx .main_board_wrap .board_header li:nth-child(3) {
	float: right;
}
.mbr_body_bx .main_board_wrap .board_list {
	float: left;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #d9d9d9;
}
.mbr_body_bx .main_board_wrap .board_list li {
	float: left;
	padding-bottom: 10px;
}
.mbr_body_bx .main_board_wrap .board_list li:nth-child(1) {
	float: left;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mbr_body_bx .main_board_wrap .board_list li:nth-child(2) {
	float: left;
	width: 30%;
	text-align: right;
}
/*//////////·Î±×ÀÎ¿µ¿ª//////////*/


.mbr_body_bx .mbr_login_title {
	float: left;
	width: 100%;
	padding: 40px 0 30px 0;
}
.mbr_body_bx .mbr_login_title ul li:nth-child(1) {
	padding-bottom: 5px;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
}
.mbr_body_bx .mbr_login_title ul li:nth-child(2) {
	font-size: 15px;
	letter-spacing: -1px;
	text-align: center;
}
.mbr_body_bx .mbr_login_box_warp {
	float: left;
	width: 100%;
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media screen and (min-width:769px) {
.mbr_body_bx .mbr_login_box {
	float: left;
	width: 450px;
	padding: 40px;
	background-color: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
}
}
@media screen and (max-width:768px) {
.mbr_body_bx .mbr_login_box {
	float: left;
	width: 90%;
	padding: 40px 5%;
	background-color: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
}
}

.mbr_body_bx .mbr_login_box_warp .mbr_login_pwsearch {
	float: left;
	width: 100%;
	text-align: right;
	margin-bottom: 20px;
	letter-spacing: -1px;
}
/*//////////È¸¿ø°¡ÀÔ ¿µ¿ª//////////*/


.mbr_body_bx .mbr_join_title {
	float: left;
	width: 100%;
	padding: 40px 0 30px 0;
}
.mbr_body_bx .mbr_join_title ul li:nth-child(1) {
	font-size: 15px;
	text-align: center;
	padding-bottom: 5px;
}
.mbr_body_bx .mbr_join_title ul li:nth-child(2) {
	font-size: 32px;
	text-align: center;
	font-weight: bold;
}
.mbr_body_bx .mbr_join_order_warp {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.mbr_body_bx .mbr_join_order_warp .mbr_join_order_box {
	float: left;
	text-align: center;
	margin: 0 3%;
}
.mbr_body_bx .mbr_join_order_warp .mbr_join_order_box ul li:nth-child(1) {
	margin-bottom: 5px;
}
.mbr_body_bx .mbr_join_order_warp .mbr_join_order_box ul li:nth-child(1) img {
	width: 60px;
}
.mbr_body_bx .mbr_join_box_warp {
	float: left;
	width: 100%;
	margin-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media screen and (min-width:769px) {
.mbr_body_bx .mbr_join_box {
	float: left;
	width: 450px;
	padding: 40px;
	background-color: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
}
}
@media screen and (max-width:768px) {
.mbr_body_bx .mbr_join_box {
	float: left;
	width: 90%;
	padding: 40px 5%;
	background-color: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
}
}

 @media screen and (min-width:376px) {
.mbr_body_bx .mbr_join_choice_box {
	float: left;
	width: 450px;
	padding: 40px;
	background-color: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
}
}
@media screen and (max-width:375px) {
.mbr_body_bx .mbr_join_choice_box {
	float: left;
	width: 450px;
	padding: 40px 20px;
	background-color: #f9f9f9;
	border: 1px solid #d9d9d9;
	border-radius: 10px;
}
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_box_title {
	float: left;
	width: 100%;
	font-size: 17px;
	text-align: center;
	padding-bottom: 40px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_type_area {
	float: left;
	width: 100%;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_type_btn {
	float: left;
	width: 37%;
	padding: 40px 5%;
	margin: 1%;
	background-color: #FFF;
	border: 1px solid #dddddd;
	border-radius: 10px;
	text-align: center;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_type_btn ul li:nth-child(1) {
	margin-bottom: 10px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_type_btn:hover {
	border: 1px solid #715fbb;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_type_btn:hover li:nth-child(2) {
	color: #715fbb;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_type_btn img:nth-child(2) {
	display: none;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_type_btn:hover img:nth-child(1) {
	display: none;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_type_btn:hover img:nth-child(2) {
	display: inline-block;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_box_input {
	float: left;
	width: 100%;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_box_input ul li {
	float: left;
	width: 100%;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_box_input .mbr_join_overlap {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_box_input .mbr_join_overlap_tt {
	float: left;
	font-size: 13px;
	color: #ff0000;
	letter-spacing: -1px;
	margin-top: 7px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_box_input .mbr_join_overlap_btn {
	float: left;
	font-size: 13px;
	padding: 7px;
	background-color: #898989;
	color: #FFF;
	margin-left: 5px;
	border-radius: 5px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_box_input .mbr_join_box_text {
	text-align: right;
	color: #a3a3a3;
	font-size: 13px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_all_check {
	float: left;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px solid #d9d9d9;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_all_check input {
	float: left;
	margin-top: 4px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_all_check label {
	float: left;
	margin-left: 10px;
	font-size: 15px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_check {
	float: left;
	width: 100%;
	padding: 15px 0;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_check ul li {
	padding: 3px 0;
	font-size: 12px;
	color: #505050;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_check ul li label {
	margin-left: 5px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_box_email {
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	font-size: 13px;
	margin-top: -30px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_box_email span {
	color: #4931a8;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_code_input {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_code_input ul li {
	float: left;
	width: 15%;
	margin: 0 1%;
	position: relative;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_code_input ul li::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_code_input ul li:nth-child(1) {
	margin-left: 0;
}
.mbr_body_bx .mbr_join_box_warp .mbr_join_code_input ul li:nth-child(6) {
	margin-right: 0;
}
.mbr_body_bx .mbr_join_box .join_twin_btn_area {
	float: left;
	width: 100%;
}
.mbr_body_bx .mbr_join_box .join_twin_btn_area .join_twin_btn {
	float: left;
	width: 49%;
	margin: 0 0.5%;
	box-sizing: border-box;
	letter-spacing: -1px;
	font-size: 13px;
}
.mbr_body_bx .mbr_complete_box {
	float: left;
	width: 450px;
	padding: 40px;
	text-align: center;
}
.mbr_body_bx .mbr_complete_box .mbr_complete_box_img {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.mbr_body_bx .mbr_complete_box .mbr_complete_box_img img {
	width: 15%;
	min-width: 60px;
}
.mbr_body_bx .mbr_complete_box ul li {
	float: left;
	width: 100%;
}
.mbr_body_bx .mbr_complete_box ul li:nth-child(1) {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}
.mbr_body_bx .mbr_complete_box ul li:nth-child(2) {
	font-size: 15px;
	padding-bottom: 40px;
}
.mbr_body_bx .mbr_complete_box .mbr_complete_btn {
	width: 100%;
	margin: 0 auto;
	max-width: 300px;
	background-color: #715fbb;
	padding: 10px 0;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
}
/*//////////È¸¿ø°¡ÀÔ ÀÎÇ²//////////*/


.mbr_body_bx .join_input {
	float: left;
	width: 99%;
	padding: 10px 0 10px 1%;
	border: 1px solid #d9d9d9;
	margin-bottom: 10px;
	border-radius: 5px;
}
.mbr_body_bx .join_input_code {
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	border: 1px solid #d9d9d9;
	background-color: #FFF;
	border-radius: 5px;
	text-align: center;
}
/*//////////¹öÆ°//////////*/

.mbr_login_btn {
	float: left;
	width: 100%;
}
.mbr_join_btn {
	float: left;
	width: 100%;
}
.purple_btn {
	float: left;
	width: 100%;
	background-color: #715fbb;
	padding: 10px 0;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
}
.line_purple_btn {
	float: left;
	width: 100%;
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #715fbb;
	padding: 9px 0;
	border-radius: 5px;
	text-align: center;
	color: #715fbb;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
}
.line_gray_btn {
	float: left;
	width: 100%;
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #898989;
	padding: 9px 0;
	border-radius: 5px;
	text-align: center;
	color: #898989;
}
.black_btn {
	float: left;
	width: 100%;
	background-color: #000;
	padding: 10px 0;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
}
.gray_btn {
	float: left;
	width: 100%;
	background-color: #898989;
	padding: 10px 0;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
}
.line_purple {
	border: 1px solid #715fbb;
}
.line_gray {
	border: 1px solid #898989;
}
.line_red {
	border: 1px solid #cb3c3c;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl20 {
	padding-left: 20px;
}
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr20 {
	padding-right: 20px;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.title_line {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
}
/*//////////ÆùÆ®»ö»ó//////////*/

.black_font {
	color: #000000;
}
.black_B_font {
	color: #000000;
	font-weight: bold;
}
.purple_font {
	color: #715fbb;
}
.purple_B_font {
	color: #715fbb;
	font-weight: bold;
}
.gray_font {
	color: #6f6f6f;
}
.gray_B_font {
	color: #6f6f6f;
	font-weight: bold;
}
.gray_font2 {
	color: #5f5f5f;
}
.gray_B_font2 {
	color: #5f5f5f;
	font-weight: bold;
}
.green_font {
	color: #008740;
}
.green_B_font {
	color: #008740;
	font-weight: bold;
}
.red_font {
	color: #ba0000;
}
.red_B_font {
	color: #ba0000;
	font-weight: bold;
}
.red_font2 {
	color: #ff0000;
}
.red_B_font2 {
	color: #ff0000;
	font-weight: bold;
}
.red_font3 {
	color: #cb3c3c;
}
.red_B_font3 {
	color: #cb3c3c;
	font-weight: bold;
}
.orange_font {
	color: #ff6000;
}
.orange_B_font {
	color: #ff6000;
	font-weight: bold;
}
.blue_font {
	color: #0096ff;
}
.blue_B_font {
	color: #0096ff;
	font-weight: bold;
}
/*//////////¹è°æ»ö»ó//////////*/

.tab_bg_purple {
	background-color: #efecff;
}
.tab_bg_gray {
	background-color: #e6e5e5;
}
.tab_bg_gray2 {
	background-color: #efefef;
}
.tab_bg_red {
	background-color: #ffecec;
}
/*//////////ºí·Î±× ¸®Æ÷Æ®//////////*/


.mbr_body_bx .mbr_title_area {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.mbr_body_bx .mbr_title_area .mbr_sub_title {
	float: left;
	width: 100%;
}
.mbr_body_bx .mbr_title_area .mbr_sub_title .mbr_sub_title_dot {
	display: none;
	float: left;
	line-height: 28px;
}
.mbr_body_bx .mbr_title_area .mbr_sub_title .mbr_sub_title_tt {
	float: left;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -2px;
}
.mbr_body_bx .mbr_title_area .mbr_sub_text {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	letter-spacing: -1px;
	color: #5f5f5f;
}
 @media screen and (min-width:698px) {
.mbr_body_bx .mbr_title_area .mbr_title_btn {
	float: right;
	padding: 10px;
	background-color: #ededed;
	border-radius: 5px;
	font-size: 13px;
	letter-spacing: -2px;
	color: #5f5f5f;
	margin-top: 0px;
}
.mbr_title_btn_tt {
	display: block;
	float: right;
}
.mbr_body_bx .mbr_title_area .mbr_title_btn img {
	width: 16px;
	margin-right: 5px;
	margin-top: -4px;
}
}
 @media screen and (max-width:699px) {
.mbr_body_bx .mbr_title_area .mbr_title_btn {
	float: right;
	padding: 10px;
	background-color: #fff;
	border-radius: 5px;
	font-size: 13px;
	letter-spacing: -1px;
	color: #5f5f5f;
	margin-top: -2px;
}
.mbr_title_btn_tt {
	display: none;
}
.mbr_body_bx .mbr_title_area .mbr_title_btn img {
	width: 20px;
	margin-right: 0px;
	margin-top: -5px;
}
}
 @media screen and (min-width:550px) {
.mbr_body_bx .mbr_top_tab {
	float: left;
	width: 100%;
	padding: 10px 0;
	border-radius: 5px;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	margin-bottom: 10px;
}
.mbr_body_bx .mbr_top_tab .mbr_top_tab_tt {
	float: left;
}
.mbr_body_bx .mbr_top_tab .mbr_top_img {
	float: left;
	margin-left: 10px;
	margin-top: -1px;
}
.mbr_body_bx .mbr_top_tab .mbr_top_tt {
	float: left;
	margin-left: 5px;
	letter-spacing: -1px
}
.mbr_body_bx .mbr_top_tab .mbr_top_btn {
	float: left;
	margin: 0 10px;
	background-color: #FFF;
	padding: 5px 10px;
	border-radius: 5px;
	letter-spacing: -1px;
	font-size: 13px;
	font-weight: bold;
}
}
 @media screen and (max-width:550px) {
.mbr_body_bx .mbr_top_tab {
	float: left;
	width: 96%;
	padding: 10px 2%;
	border-radius: 5px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
.mbr_body_bx .mbr_top_tab .mbr_top_tab_tt {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
}
.mbr_body_bx .mbr_top_tab .mbr_top_img {
	float: left;
}
.mbr_body_bx .mbr_top_tab .mbr_top_tt {
	float: left;
	margin: 5px 0 5px 5px;
	text-align: left;
	letter-spacing: -1px;
}
.mbr_body_bx .mbr_top_tab .mbr_top_btn {
	float: left;
	background-color: #FFF;
	padding: 5px 10px;
	border-radius: 5px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	white-space: nowrap;
}
}
.mbr_body_bx .mbr_analysis_search {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	padding: 5px 0;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
/* //////Dropdown Button///// */
.mbr_search_dropdown {
	float: left;
	color: #000;
	border-right: 1px solid #d9d9d9;
}
@media screen and (min-width:426px) {
.mbr_search_dropdown .select {
	position: relative;
	width: 120px;
	background-color: #FFF;
}
}
@media screen and (max-width:425px) {
.mbr_search_dropdown .select {
	position: relative;
	width: 40px;
	background-color: #FFF;
}
}
.mbr_search_dropdown .select .option_list {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	overflow: hidden;
	max-height: 0;
	z-index: 1;
}
.mbr_search_dropdown .select.active .option_list {
	max-height: none;
}
/* Å×¸¶ Àû¿ëÇÏ±â */
.mbr_search_dropdown #theme {
	float: left;
	width: 100%;
}
.mbr_search_dropdown #theme .select {
	border-radius: 5px;
	padding: 0 15px;
	cursor: pointer;
	background-color: #FFF;
}
.mbr_search_dropdown #theme .select:hover {
	color: #333;
	transition: all .3s;
}
.mbr_search_dropdown #theme .select .text {
	float: left;
	width: 100%;
}
@media screen and (min-width:426px) {
.mbr_search_dropdown #theme .select .text .dropdown_text_tt {
	display: block;
	float: left;
}
.mbr_search_dropdown #theme .select .text .dropdown_icon {
	float: left;
	margin-right: 5px;
}
.mbr_search_dropdown #theme .select .text .dropdown_icon img {
	width: 22px;
	margin-top: -2px;
}
.mbr_search_dropdown #theme .select .text .drdopdown_arrow {
	display: block;
	float: right;
	margin-top: 0px;
}
}
@media screen and (max-width:425px) {
.mbr_search_dropdown #theme .select .text .dropdown_text_tt {
	display: none;
}
.mbr_search_dropdown #theme .select .text .dropdown_icon {
	float: left;
	margin-top: 2px;
}
.mbr_search_dropdown #theme .select .text .dropdown_icon img {
	width: 25px;
	margin-left: 10px;
}
.mbr_search_dropdown #theme .select .text .drdopdown_arrow {
	display: none;
}
}
.mbr_search_dropdown #theme .select .option_list {
	list-style: none;
	padding: 0;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	background-color: #FFF;
}
 @media screen and (min-width:426px) {
.mbr_search_dropdown #theme .select .option_list .option {
	width: 90%;
	margin: 5%;
	box-sizing: border-box;
	padding: 15px;
	background-color: #FFF;
}
}
@media screen and (max-width:425px) {
.mbr_search_dropdown #theme .select .option_list .option {
	width: 90%;
	margin: 5%;
	box-sizing: border-box;
	padding: 20px;
	background-color: #FFF;
}
}
.mbr_search_dropdown #theme .select .option img {
	float: left;
	margin-right: 5px;
	margin-top: -7px;
}
.mbr_search_dropdown #theme .select .option .drdopdown_arrow {
	display: none;
}
 @media screen and (min-width:426px) {
.mbr_search_dropdown #theme .select .option .dropdown_content_tt {
	display: block;
	float: left;
	line-height: 0px;
}
.mbr_search_dropdown #theme .select .text .dropdown_content_tt {
	display: block;
	float: left;
}
.mbr_search_dropdown #theme .select .option .dropdown_icon {
	float: left;
	margin-right: 5px;
	margin-top: 2px;
}
.mbr_search_dropdown #theme .select .option .dropdown_icon img {
	width: 15px;
}
}
@media screen and (max-width:425px) {
.mbr_search_dropdown #theme .select .option .dropdown_content_tt {
	display: none;
}
.mbr_search_dropdown #theme .select .text .dropdown_content_tt {
	display: none;
}
.mbr_search_dropdown #theme .select .option .dropdown_icon {
	float: left;
	margin-top: -5px;
}
.mbr_search_dropdown #theme .select .option .dropdown_icon img {
	width: 25px;
}
}
.mbr_search_dropdown #theme .select .option:hover {
	background-color: #ededed;
	border-radius: 5px;
}
.mbr_body_bx .mbr_analysis_search .top_search_input {
	float: left;
	width: 100%;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mbr_body_bx .mbr_analysis_search .top_search_btn {
	float: right;
	width: 55px;
	margin-right: 5px;
	border-radius: 5px;
	background-color: #715fbb;
	padding: 10px 5px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}
.mbr_body_bx .mbr_analysis_search .top_search_btn img {
	margin-right: 5px;
	margin-top: -3px;
}
.mbr_body_bx .mbr_top_search {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	padding: 5px 0;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mbr_body_bx .mbr_top_search .top_search_input {
	float: left;
	width: 100%;
	padding: 0 10px;
}
.mbr_body_bx .mbr_top_search .top_search_btn {
	float: right;
	width: 55px;
	margin-right: 5px;
	border-radius: 5px;
	background-color: #715fbb;
	padding: 10px 5px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}
.mbr_body_bx .mbr_top_search .top_search_btn img {
	margin-right: 5px;
	margin-top: -3px;
}
.mbr_body_bx .mbr_top_search_purple {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	padding: 5px 0;
	border: 1px solid #715fbb;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mbr_body_bx .mbr_top_search_purple .top_search_input {
	float: left;
	width: 100%;
	padding: 0 10px;
}
.mbr_body_bx .mbr_top_search_purple .top_search_btn {
	float: right;
	width: 55px;
	margin-right: 5px;
	border-radius: 5px;
	background-color: #715fbb;
	padding: 10px 5px;
	text-align: center;
	color: #FFF;
}
.mbr_body_bx .mbr_top_search_purple .top_search_btn img {
	margin-right: 5px;
}
.mbr_body_bx .mbr_top_search_purple .mbr_top_select {
	float: left;
	padding: 10px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-right: 10px;
}
 @media screen and (min-width:768px) {
.mbr_body_bx .mbr_intro_area {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 2%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx:nth-child(2) {
	display: none;
}
}
 @media screen and (max-width:768px) {
.mbr_body_bx .mbr_intro_area {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 5% 2%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx:nth-child(1) {
	padding-bottom: 10px;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx:nth-child(2) {
	padding-top: 0px;
	padding-bottom: 10px;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx:nth-child(3) {
	padding-top: 0px;
}
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_thumb {
	float: left;
	width: 128px;
	background-color: #e8e8e8;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_thumb::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
 @media screen and (min-width:768px) {
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_tt .mbr_intro_tt_address {
	display: block;
	float: left;
	width: 100%;
	padding: 5px 0;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_tt_address_l {
	display: none;
}
}
 @media screen and (max-width:768px) {
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_tt .mbr_intro_tt_address {
	display: none;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_tt_address_l {
	display: block;
	float: left;
	width: 100%;
	padding: 5px 0;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_tt {
	float: left;
	padding-left: 7%
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_tt ul li:nth-child(1) {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -2px;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_tt ul li:nth-child(2) {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-size: 15px;
	color: #7f7f7f;
	letter-spacing: -2px;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_tt ul li:nth-child(3) {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 13px;
	color: #000;
	letter-spacing: -1px;
}
.mbr_body_bx .mbr_intro_bx .mbr_intro_input {
	float: left;
	width: 84%;
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #FFF;
}
.mbr_body_bx .mbr_intro_bx .mbr_intro_copy {
	float: right;
	text-align: center;
	padding-right: 5px;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_report {
	float: left;
	width: 100%;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_report li {
	float: left;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_report li:nth-child(odd) {
	width: 49%;
	padding-right: 1%;
}
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_report li:nth-child(even) {
	width: 49%;
	padding-left: 1%;
}
 @media screen and (min-width:425px) {
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_report .report_bx {
	float: left;
	width: 100%;
	padding: 17px 0;
	border: 1px solid #d9d9d9;
	margin-bottom: 5px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.mbr_intro_report .report_bx .report_tt {
	float: left;
	width: 47%;
	font-size: 14px;
	letter-spacing: -2px;
	color: #5f5f5f;
	text-align: center;
}
.mbr_intro_report .report_bx .report_tx_none {
	float: left;
	width: 53%;
	font-size: 15px;
	color: #cecece;
	text-align: center;
}
.mbr_intro_report .report_bx .report_tx_on {
	float: left;
	width: 53%;
	font-size: 15px;
	color: #000;
	text-align: center;
}
}
 @media screen and (max-width:425px) {
.mbr_body_bx .mbr_intro_area .mbr_intro_bx .mbr_intro_report .report_bx {
	float: left;
	width: 100%;
	padding: 17px 0;
	border: 1px solid #d9d9d9;
	margin-bottom: 5px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
}
.mbr_intro_report .report_bx .report_tt {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #5f5f5f;
	text-align: center;
}
.mbr_intro_report .report_bx .report_tx_none {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #cecece;
	text-align: center;
}
.mbr_intro_report .report_bx .report_tx_on {
	float: left;
	width: 100%;
	font-size: 15px;
	color: #000;
	text-align: center;
}
}
.mbr_body_bx .mbr_sub_twin_area {
	float: left;
	width: 100%;
}
 @media screen and (min-width:520px) {
.mbr_body_bx .mbr_sub_twin_area ul li {
	float: left;
	width: 49.5%;
	margin-bottom: 10px;
}
.mbr_body_bx .mbr_sub_twin_area ul li:nth-child(1) {
	margin-right: 1%;
}
}
 @media screen and (max-width:520px) {
.mbr_body_bx .mbr_sub_twin_area ul li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
}
 @media screen and (min-width:1000px) {
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 3% 4%;
	height: 350px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
}
 @media screen and (max-width:1000px) {
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 3% 4%;
	height: 350px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
}
 @media screen and (max-width:520px) {
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
	height: 320px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
}
 @media screen and (max-width:520px) {
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
	height: auto;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
}
.mbr_body_bx .sub_bx_title {
	float: left;
	width: 100%;
	padding: 10px 0;
	color: #000;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
}
.mbr_body_bx .sub_bx_title span {
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0;
}
.mbr_body_bx .sub_bx_title_m {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	color: #5f5f5f;
	font-size: 13px;
	text-align: center;
}
.mbr_body_bx .title_l_bx {
	float: left;
	width: 100%;
	padding: 10px 0;
}
.mbr_body_bx .title_l_bx .title_l_tt {
	float: left;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding-right: 10px;
}
.mbr_body_bx .title_l_bx .title_l_sub {
	float: left;
	padding-left: 10px;
	color: #5c5c5c;
}
.mbr_body_bx .title_l_bx .title_l_more {
	float: right;
	padding: 5px 5px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	color: #818181;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
}
.mbr_body_bx .mbr_info_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mbr_body_bx .mbr_info_bx .info_bx_title {
	float: left;
	width: 100%;
	padding: 10px 0;
	color: #5f5f5f;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
}
.mbr_body_bx .mbr_info_bx .info_bx_title img {
	margin-top: -2px;
}
.mbr_body_bx .mbr_info_bx .info_bx_text {
	float: left;
	width: 100%;
	color: #5f5f5f;
	font-size: 12px;
	letter-spacing: -1px;
}
.mbr_body_bx .mbr_info_bx .info_bx_text ul li {
	padding: 2px 0;
}
 @media screen and (min-width:425px) {
.mbr_body_bx .title_l_bx .contact_sub_tt {
	display: block;
	width: 100%;
	float: left;
	padding-top: 2px;
	letter-spacing: -1px;
	color: #5c5c5c;
}
}
 @media screen and (max-width:425px) {
.mbr_body_bx .title_l_bx .contact_sub_tt {
	display: none;
}
}
.mbr_body_bx .title_l_bx .title_l_contact {
	float: right;
	padding: 5px 10px;
	background-color: #000;
	border-radius: 5px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #FFF;
}
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx .sub_bx_img {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom:10px;
}
 @media screen and (min-width:940px) {
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx .sub_bx_img img {
	width: 70%;
}
}
 @media screen and (max-width:941px) {
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx .sub_bx_img img {
	width: 100%;
}
}
 @media screen and (max-width:520px) {
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx .sub_bx_img img {
	width: 80%;
}
}
 @media screen and (max-width:425px) {
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx .sub_bx_img img {
	width: 95%;
}
}
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx .sub_bx_tt {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	font-size: 13px;
	letter-spacing: -1px;
	text-align: center;
}
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx .sub_bx_rank_area {
	float: left;
	width: 100%;
}
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx .sub_bx_rank {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 0;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin: 5px 0;
	display: flex;
	align-items: center;
}
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx .sub_bx_rank .sub_bx_rank_tt {
	float: left;
	width: 40%;
	font-size: 14px;
	letter-spacing: -2px;
	text-align: center;
	color: #5f5f5f;
}
.mbr_body_bx .mbr_sub_twin_area .mbr_sub_twin_bx .sub_bx_rank .sub_bx_rank_tx {
	float: left;
	width: 60%;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
}
.mbr_body_bx .mbr_sub_twin_area .sub_bx_rank_area .sub_bx_rank_cc {
	float: left;
	width: 100%;
	font-size: 13px;
	letter-spacing: -1px;
	color: #7a7a7a;
	padding: 0 0 10px;
	text-align: center;
}
.mbr_body_bx .mbr_sub_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_data {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
 @media screen and (min-width:741px) {
.mbr_body_bx .mbr_sub_bx .mbr_sub_data .mbr_sub_data_bx {
	float: left;
	width: 32%;
	padding: 17px 0;
	border: 1px solid #d9d9d9;
	margin: 1% 0;
	border-radius: 5px;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_data .mbr_sub_data_bx .sub_data_tt {
	float: left;
	width: 40%;
	font-size: 14px;
	line-height: 18px;
	color: #5f5f5f;
	text-align: center;
	letter-spacing: -1px;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_data .mbr_sub_data_bx .sub_data_tx {
	float: left;
	width: 60%;
	font-size: 16px;
	color: #000;
	letter-spacing: -1px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
}
 @media screen and (max-width:740px) {
.mbr_body_bx .mbr_sub_bx .mbr_sub_data .mbr_sub_data_bx {
	float: left;
	width: 31%;
	padding: 17px 0;
	border: 1px solid #d9d9d9;
	margin: 1% 0;
	border-radius: 5px;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_data .mbr_sub_data_bx .sub_data_tt {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 18px;
	color: #5f5f5f;
	text-align: center;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_data .mbr_sub_data_bx .sub_data_tx {
	float: left;
	width: 100%;
	font-size: 16px;
	letter-spacing: -1px;
	color: #000;
	text-align: center;
}
}
/*//////////Å×ÀÌºí//////////*/
.mbr_body_bx .sub_bx_table {
	float: left;
	width: 100%;
	padding-top: 5px;
}
.mbr_body_bx .sub_bx_table table {
	table-layout: fixed;
}
.overflow_y {
	overflow-y: scroll;
}
.overflow_x {
	overflow-x: scroll;
}
 @media screen and (min-width:1000px) {
.table_h {
	height: 200px;
}
}
 @media screen and (max-width:1000px) {
.table_h {
	height: 150px;
}
}
.mbr_body_bx .sub_bx_table tr th {
	padding: 10px 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	font-size: 13px;
	font-weight: normal;
	color: #5f5f5f;
}
.mbr_body_bx .sub_bx_table tr td {
	padding: 10px 0;
	border-bottom: 1px solid #d9d9d9;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mbr_body_bx .sub_bx_table .table_order {
	margin: 0 auto;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	background-color: #e8e8e8;
	font-size:12px;
	font-weight:bold;
}
.mbr_body_bx .sub_bx_table .table_box {
	width: 60px;
	padding: 3px;
	border-radius: 5px;
	background-color: #e8e8e8;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	font-weight: bold;
}
.mbr_body_bx .analysis_table {
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom:10px;
	overflow-x: scroll;
	white-space: nowrap
}
.mbr_body_bx .analysis_table table {
	table-layout : fixed
}
.mbr_body_bx .analysis_table tr th {
	padding: 10px 0;
	border-top: 1px solid #d9d9d9;
	font-size: 13px;
	font-weight: normal;
	color: #5f5f5f;
}
.mbr_body_bx .analysis_table tr td {
	padding: 10px 0;
	border-top: 1px solid #d9d9d9;
	font-size: 13px;
	font-weight: normal;
	color: #000;
}
.mbr_body_bx .analysis_table .analysis_table_title {
	width: 100%;
	box-sizing: border-box;
	padding: 0 5px;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mbr_body_bx .analysis_table .analysis_table_title a:hover {
	color:#1b83f7;
	font-weight:bold;
	text-decoration:underline;
}
.mbr_body_bx .analysis_table .analysis_btn {
	padding: 5px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	font-size: 10px;
	color: #5f5f5f;
	text-align: center;
}
.mbr_body_bx .analysis_table .list_hover a:hover {
	color:#1b83f7;
	font-weight:bold;
}

.mbr_body_bx .keyword_table {
	float: left;
	width: 100%;
	margin-bottom:10px;
}
.mbr_body_bx .keyword_table tr th {
	padding: 10px 0;
	border-bottom: 1px solid #d9d9d9;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
.mbr_body_bx .keyword_table tr td {
	padding: 10px 0;
	border-bottom: 1px solid #d9d9d9;
	font-size: 12px;
	font-weight: normal;
	color: #5f5f5f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mbr_body_bx .keyword_table .table_bg_gray {
	background-color: #f9f9f9;
}
.mbr_body_bx .keyword_table .keyword_area {
	float: left;
	padding: 0 10px;
}
.mbr_body_bx .keyword_table .keyword_area .keyword_bx {
	margin-right: 5px;
	display: inline-block;
	font-size: 12px;
	color: #5f5f5f;
}
.mbr_body_bx .mypage_table {
	float: left;
	width: 100%;
}
.mbr_body_bx .mypage_table tr th {
	padding: 10px 0;
	border-bottom: 1px solid #d9d9d9;
	font-size: 13px;
	font-weight: normal;
	color: #5f5f5f;
}
.mbr_body_bx .mypage_table tr td {
	padding: 10px 0;
	border-bottom: 1px solid #d9d9d9;
	font-size: 12px;
	font-weight: normal;
}
/*//////////ÆäÀÌÂ¡//////////*/

.paging_area {
	float: left;
	width: 100%;
	padding: 30px 0;
	display: flex;
	justify-content: center;
}
.paging_area ul li {
	float: left;
	padding: 0 10px;
}
.paging_area ul li a {
	color: #5e5e5e;
}
.paging_area ul li .paging_block {
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
}
.paging_area ul li.on a {
	color: #7b6cd3;
	font-weight: bold;
}
/*//////////Æ÷½ºÆ® ¸®Æ÷Æ®//////////*/

.mbr_body_bx .mbr_sub_bx .mbr_sub_post {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.mbr_body_bx .mbr_sub_bx .order_check {
	float: left;
	width: 100%;
	margin: 10px 0 0;
	text-align: center;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .post_title {
	float: left;
	width: 19%;
	text-align: center;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .post_title .post_title_tt {
	float: left;
	width: 100%;
	padding: 5px 0;
	font-size: 14px;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .post_title .post_title_sub {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #808080;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .post_text {
	float: left;
	width: 80%;
	padding: 10px 0;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .post_text_write {
	float: left;
	width: 80%;
	padding: 10px 15px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	box-sizing: border-box;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .post_text_field {
	float: left;
	width: 80%;
	height: 200px;
	padding: 10px 15px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	box-sizing: border-box;
	overflow-y: scroll;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .post_attach_bx {
	float: left;
	width: 80%;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .post_attach {
	float: left;
	width: 73%;
	padding: 10px 0;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .attach_btn {
	float: right;
	width: 25%;
	padding: 10px 0;
	border: 1px solid #0096ff;
	border-radius: 5px;
	text-align: center;
	color: #0096ff;
	background-color: #f8fcff;
	font-size: 13px;
	font-weight: bold;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .post_text textarea {
	height: 200px;
	resize: none;
}
.mbr_body_bx .mbr_sub_bx .mbr_sub_post .post_input {
	float: left;
	width: 98%;
	padding: 0 1%;
}
.mbr_body_bx .mbr_sub_bx .post_detail {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.mbr_body_bx .mbr_sub_bx .post_detail .post_detail_bx .post_detail_tx {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 15px;
	padding-bottom: 5px;
}
.mbr_body_bx .mbr_sub_bx .post_detail .post_detail_bx .post_detail_tt {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 13px;
	letter-spacing: -1px;
	color: #5f5f5f;
}
 @media screen and (min-width:740px) {
.mbr_body_bx .mbr_sub_bx .post_detail .post_detail_bx {
	float: left;
	width: 23%;
	padding: 15px 0;
	border: 1px solid #d9d9d9;
	margin: 0.5%;
	border-radius: 5px;
}
}
 @media screen and (max-width:740px) {
.mbr_body_bx .mbr_sub_bx .post_detail .post_detail_bx {
	float: left;
	width: 48%;
	padding: 15px 0;
	border: 1px solid #d9d9d9;
	margin: 1% 0 0 1%;
	border-radius: 5px;
}
}
 @media screen and (max-width:375px) {
.mbr_body_bx .mbr_sub_bx .post_detail .post_detail_bx {
	float: left;
	width: 100%;
	padding: 15px 0;
	border: 1px solid #d9d9d9;
	margin: 1% 0 0 1%;
	border-radius: 5px;
}
}
/*//////////Å°¿öµå ¸®Æ÷Æ®//////////*/
.keyword_table_bx {
	float: left;
	width: 96%;
	padding: 2%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
 @media screen and (min-width:768px) {
.mbr_body_bx .keyword_table_bx {
	display: block;
	float: left;
	width: 96%;
	padding: 2%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mbr_body_bx .keyword_m_warp {
	display: none;
}
}
@media screen and (max-width:768px) {
.mbr_body_bx .keyword_table_bx {
	display: none;
}
.mbr_body_bx .keyword_m_warp {
	display: block;
	float: left;
	width: 96%;
	padding: 2%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mbr_body_bx .keyword_m_warp .keyword_m {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.mbr_body_bx .keyword_m_warp .keyword_m .keyword_title {
	float: left;
	width: 100%;
	padding: 10px 0;
	color: #000;
	font-size: 16px;
	text-align: center;
}
.mbr_body_bx .keyword_m_warp .keyword_m .keyword_m_bx {
	float: left;
	width: 48%;
	padding: 15px 0;
	border: 1px solid #d9d9d9;
	margin: 1% 0.5%;
	border-radius: 5px;
}
.mbr_body_bx .keyword_m_warp .keyword_m .keyword_m_bx .keyword_m_tx {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 15px;
	padding-bottom: 5px;
}
.mbr_body_bx .keyword_m_warp .keyword_m .keyword_m_bx .keyword_m_tt {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 13px;
	letter-spacing: -1px;
	color: #5f5f5f;
}
}
@media screen and (max-width:375px) {
.mbr_body_bx .keyword_m_warp .keyword_m .keyword_m_bx {
	float: left;
	width: 100%;
	padding: 15px 0;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
}
.mbr_body_bx .keyword_m_warp .keyword_m .key_connect {
	float: left;
	width: 98%;
	margin: 1%;
	padding: 15px 0;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.mbr_body_bx .keyword_m_warp .keyword_m .key_connect .connect_tx {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 15px;
	padding-bottom: 5px;
}
.mbr_body_bx .keyword_m_warp .keyword_m .key_connect .connect_tt {
	float: left;
	width: 96%;
	padding: 2% 2% 0 2%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size: 12px;
	color: #5f5f5f;
}
.keyword_m_warp .keyword_m .key_connect .connect_tt .connect_detail {
	float: left;
	margin: 0 3px;
}
.mbr_body_bx .mbr_refer {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #5d5d5d;
	letter-spacing: -1px;
}
.mbr_body_bx .twin_btn_area {
	float: left;
	width: 100%;
	padding: 20px 0;
	display: flex;
	justify-content: center;
}
.mbr_body_bx .twin_btn_area .twin_btn_bx {
	float: left;
	width: 150px;
	margin: 0 10px;
}
/*//////////°Ô½ÃÆÇ//////////*/

.mbr_body_bx .mbr_sub_bx .board_top_bx {
	float: left;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #d9d9d9;
	display: flex;
	align-items: center;
}
.mbr_body_bx .mbr_sub_bx .board_top_bx .board_top_title {
	float: left;
	width: 75%;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mbr_body_bx .mbr_sub_bx .board_top_bx .board_top_writer {
	float: left;
	width: 10%;
	font-size: 13px;
	color: #878787;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mbr_body_bx .mbr_sub_bx .board_top_bx .board_top_date {
	float: left;
	width: 15%;
	font-size: 13px;
	color: #878787;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mbr_body_bx .mbr_sub_bx .board_deail {
	float: left;
	width: 100%;
	padding: 30px 0;
	color: #393939;
	font-size: 13px;
	line-height: 20px;
	border-bottom: 1px solid #d9d9d9;
}
.mbr_body_bx .mbr_sub_bx .board_btn_area {
	float: left;
	width: 100%;
	padding: 30px 0;
	display: flex;
	justify-content: center;
}
.mbr_body_bx .mbr_sub_bx .board_btn_area .btn_box {
	margin: 0 30%;
	width: 120px;
	font-size: 13px;
	font-weight: bold;
}
/*//////////ÆË¾÷·¹ÀÌ¾î//////////*/
.sub_menu_layer_area {
	position: relative;
	z-index: 9000;
	/*width: 100%;*/
	max-width: 1200px;
	top: 50px;
	left: 50%;
	transform: translate(-50%, 0);
}
@media screen and (min-width:941px) {
.sub_menu_layer_bx {
	position: absolute;
	/*float: left;*/
	width: 200px;
	margin-top: 0;
	padding: 20px 10px;
	border: 1px solid #d0d0d0;
	border-radius: 15px;
	background: #ffffff;
	box-sizing: border-box;
	font-size: 15px;
}
.sub_menu_01 {
	margin-left: 282px;
}
.sub_menu_02 {
	margin-left: 340px;
}
.sub_menu_03 {
	margin-left: 540px;
}
.sub_menu_04 {
	margin-left: 520px;
}
.sub_menu_05 {
	margin-left: 750px;
}
}
@media screen and (max-width:940px) {
.sub_menu_layer_bx {
	position: absolute;
	top: 55px;
	width: 96%;
	min-width: 300px;
	margin: 0 2%;
	padding: 20px 10px;
	border: 1px solid #d0d0d0;
	border-radius: 15px;
	background: #ffffff;
	box-sizing: border-box;
	font-size: 15px;
}
}
.sub_menu_layer_bx li {
	float: left;
	width: 100%;
	padding: 6px 10px;
	box-sizing: border-box;
}
.sub_menu_layer_bx li:hover {
	border-radius: 15px;
	background: #f6f6f6;
	padding: 6px 10px;
	border-radius: 6px;
	box-sizing: border-box;
}
.sub_menu_layer_bx li > a {
	float: left;
	width: 100%;
	/*padding: 10px 0;*/
	box-sizing: border-box;
}
.sub_menu_layer_bx li:last-child {
/*padding-bottom: 0px;*/
}
.sub_menu_layer_bx .menu_off a {
	color: #676767;
}
.login_menu_layer_area {
	position: absolute;
	z-index: 9999;
	width: 100%;
	max-width: 1200px;
	top: 50px;
	left: 50%;
	transform: translate(-50%, 0);
}
@media screen and (min-width:941px) {
.login_menu_layer_bx {
	float: right;
	margin-right: 10px;
	width: 200px;
	padding: 10px 0px;
	border: 1px solid #d0d0d0;
	border-radius: 15px;
	background: #f6f6f6;
	box-sizing: border-box;
	font-size: 15px;
}
}
@media screen and (max-width:940px) {
.login_menu_layer_bx {
	position: absolute;
	top: 10px;
	width: 96%;
	min-width: 300px;
	margin: 0 2%;
	padding: 10px 0px;
	border: 1px solid #d0d0d0;
	border-radius: 15px;
	background: #f6f6f6;
	box-sizing: border-box;
	font-size: 15px;
}
}
.login_menu_layer_bx li {
	float: left;
	width: 100%;
	padding: 0 20px 15px;
	box-sizing: border-box;
}
.login_menu_layer_bx li > a {
	float: left;
	width: 100%;
}
.login_menu_layer_bx li:first-child {
	padding-top: 15px;
}
.login_menu_layer_bx li:last-child {
	padding-bottom: 15px;
}
.login_menu_layer_bx .under_line {
	border-bottom: 1px solid #d0d0d0;
}
.mbr_popup_wrap {
	max-width: 420px;
	min-width: 300px;
	width: 100%;
	height: 470px;
	display: none;
	position: fixed;
	z-index: 9999;
"
}
.mbr_popup_wrap .popup_frame {
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 10px;
	background:#fff;
}
.mbr_popup_area {
/*float: left;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	z-index: 10;
	overflow-x: hidden;
	overflow-y: auto;*/
}
 @media screen and (min-width:768px) {
.mbr_popup_area .mbr_popup_bx {
	margin: 0 auto;
	width: 420px;
	padding: 40px;
	background-color: #FFF;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mbr_popup_area .mbr_yak_bx {
	padding: 40px 16px;/*margin: 0 auto;
	width: 360px;
	padding: 40px;
	background-color: #FFF;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;*/
}
}
@media screen and (max-width:768px) {
.mbr_popup_area .mbr_popup_bx {
	margin: 0 auto;
	width: 80%;
	max-width: 300px;
	padding: 5%;
	background-color: #FFF;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mbr_popup_area .mbr_yak_bx {
	padding: 40px 16px;/*margin: 0 auto;
	width: 80%;
	max-width: 300px;
	padding: 5%;
	background-color: #FFF;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;*/
}
}
.mbr_popup_area .mbr_popup_bx .mbr_popup_img {
	float: left;
	width: 100%;
	padding: 20px 0;
	text-align: center;
}
.mbr_popup_area .mbr_popup_title {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
}
.mbr_popup_area .mbr_popup_text {
	float: left;
	width: 100%;
	padding-bottom: 30px;
	font-size: 13px;
	color: #5f5f5f;
	text-align: center;
}
.mbr_popup_area .mbr_popup_btn_area {
	float: left;
	width: 100%;
}
.mbr_popup_area .mbr_popup_bx .mbr_popup_btn_area .mbr_popup_twin_btn {
	float: left;
	width: 49%;
	margin: 0 0.5%;
	box-sizing: border-box;
}
.mbr_popup_area .mbr_popup_bx .mbr_popup_btn_area .mbr_popup_overlap {
	float: left;
	text-align: center;
	width: 80%;
	margin: 0 10%;
	padding-bottom: 10px;
	color: #ff0000;
	font-size: 13px;
}
.mbr_popup_area .mbr_popup_bx .mbr_popup_btn_area .mbr_popup_btn {
	float: left;
	width: 80%;
	margin: 0 10%;
}
.mbr_popup_area .mbr_popup_bx .mbr_popup_btn_area .mbr_popup_input_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0;
	border: 1px solid #d9d9d9;
	margin-bottom: 10px;
	border-radius: 5px;
}
.mbr_popup_area .mbr_popup_bx .mbr_popup_input_bx .popup_input {
	float: left;
	width: 98%;
	padding: 0 1%;
}
.mbr_popup_area .mbr_yak_bx .mbr_popup_yak {
	float: left;
	width: 100%;
	height: 300px;
	overflow-y: auto;
	margin-bottom: 30px;
	font-size: 13px;
	color: #5f5f5f;
	/*padding: 10px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;*/
	box-sizing: border-box;
}

/*//////////¸¶ÀÌÆäÀÌÁö//////////*/


@media screen and (min-width:769px) {
.left_menu_area {
	float: left;
	width: 20%;
}
.left_menu_area .left_menu_bx {
	float: left;
	width: 80%;
	padding: 10% 10% 20% 10%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
}
.left_menu_area ul li {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #d9d9d9;
}
.left_menu_area ul li.on::before {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 3px;
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #715fbb;
}
.left_menu_area ul li::before {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 3px;
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #fff;
}
.left_menu_area ul li.on {
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #715fbb;
	font-weight: bold;
	color: #715fbb;
}
}
@media screen and (max-width:768px) {
.left_menu_area {
	float: left;
	width: 100%;
}
.left_menu_area .left_menu_bx {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	display: flex;
	justify-content: center;
}
.left_menu_area ul li {
	float: left;
	padding: 10px;
	border: 1px solid #e9e9e9;
	border-radius: 100px;
	color: #5f5f5f;
	margin: 3px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
}
.left_menu_area ul li.on {
	float: left;
	padding: 10px;
	border-radius: 100px;
	border: 1px solid #715fbb;
	background-color: #715fbb;
	color: #FFF;
}
}
 @media screen and (min-width:769px) {
.main_body_area {
	float: left;
	width: 80%;
}
.profile_bx {
	float: left;
	width: 97%;
	padding: 3% 0 3% 3%;
	display: flex;
	align-items: center;
}
.profile_bx .profile_thumb_bx {
	float: left;
	width: 80%;
}
.profile_bx .profile_thumb_bx .profile_thumb {
	float: left;
	width: 60px;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
}
.profile_bx .profile_thumb_bx .profile_thumb::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.profile_bx .profile_thumb_bx .profile_thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile_bx .profile_thumb_bx .profile_text {
	float: left;
	;
	margin-left: 2%;
}
.profile_bx .profile_verify {
	float: left;
	width: 20%;
}
.profile_bx .profile_verify .verify_btn {
	float: right;
	padding: 5px 10px;
	background-color: #000;
	border-radius: 5px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #FFF;
}
}
 @media screen and (max-width:768px) {
.main_body_area {
	float: left;
	width: 100%;
}
.profile_bx {
	float: left;
	width: 94%;
	padding: 3%;
	display: flex;
	align-items: center;
}
.profile_bx .profile_thumb_bx {
	float: left;
	width: 80%;
}
.profile_bx .profile_thumb_bx .profile_thumb {
	float: left;
	width: 60px;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
}
.profile_bx .profile_thumb_bx .profile_thumb::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.profile_bx .profile_thumb_bx .profile_thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile_bx .profile_thumb_bx .profile_text {
	float: left;
	;
	margin-left: 2%;
}
.profile_bx .profile_verify {
	float: left;
	width: 20%;
}
.profile_bx .profile_verify .verify_btn {
	float: right;
	padding: 5px 10px;
	background-color: #000;
	color: #FFF;
	border-radius: 5px;
}
}
@media screen and (max-width:460px) {
.main_body_area {
	float: left;
	width: 100%;
}
.profile_bx {
	float: left;
	width: 97%;
	padding: 3%;
	display: flex;
	flex-direction: column;
}
.profile_bx .profile_thumb_bx {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	padding-bottom: 10px;
}
.profile_bx .profile_thumb {
	float: left;
	width: 100px;
	border-radius: 100px;
	position: relative;
	overflow: hidden;
}
.profile_bx .profile_thumb::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.profile_bx .profile_thumb_bx .profile_thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.profile_bx .profile_text {
	float: left;
	width: 98%;
	margin-left: 2%;
}
.profile_bx .profile_verify {
	float: left;
	width: 100%;
}
.profile_bx .profile_verify .verify_btn {
	width: 100%;
	padding: 10px 10px 10px 0;
	text-align: center;
	background-color: #000;
	color: #FFF;
	border-radius: 5px;
}
}
.profile_bx .profile_text .profile_name {
	float: left;
	width: 98%;
	font-size: 22px;
	font-weight: bold;
	color: #000;
}
.profile_bx .profile_text .profile_email {
	float: left;
	margin-top: 10px;
	font-size: 13px;
	color: #5f5f5f;
}
.profile_bx .profile_text .profile_category {
	float: left;
	margin-left: 10px;
	margin-top: 3px;
	padding: 5px 7px;
	font-size: 13px;
	border: 1px solid #715fbb;
	color: #715fbb;
	border-radius: 5px;
}
 @media screen and (min-width:769px) {
.main_body_bx {
	float: left;
	width: 92%;
	margin-left: 2%;
	padding: 3%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.main_body_bx .main_bx_title {
	float: left;
	width: 15%;
	text-align: left;
	font-size: 14px;
	letter-spacing: -1px;
	color: #5f5f5f;
}
.main_body_bx .main_bx_text {
	float: left;
	width: 70%;
	margin-left: 3%;
	text-align: left;
	font-size: 15px;
}
.main_body_bx .main_bx_btn {
	float: right;
	padding: 7px;
	font-size: 13px;
}
}
@media screen and (max-width:768px) {
.main_body_bx {
	float: left;
	width: 94%;
	padding: 3%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.main_body_bx .main_bx_title {
	float: left;
	width: 20%;
	text-align: left;
	font-size: 13px;
	color: #5f5f5f;
}
.main_body_bx .main_bx_text {
	float: left;
	width: 60%;
	margin-left: 3%;
	text-align: left;
	font-size: 15px;
}
.main_body_bx .main_bx_btn {
	float: right;
	padding: 7px;
	font-size: 13px;
}
}
@media screen and (max-width:460px) {
.main_body_bx {
	float: left;
	width: 94%;
	padding: 3%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	flex-direction: column;
	margin-bottom: 10px;
}
.main_body_bx .main_bx_title {
	float: left;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
	color: #5f5f5f;
}
.main_body_bx .main_bx_text {
	float: left;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	font-size: 15px;
}
.main_body_bx .main_bx_btn {
	float: left;
	width: 100%;
	margin: 3px 0;
	padding: 10px;
	font-size: 13px;
}
}
@media screen and (min-width:769px) {
.main_body_title {
	float: left;
	width: 96%;
	padding: 10px 0 15px 2%;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
}
}
@media screen and (max-width:768px) {
.main_body_title {
	float: left;
	width: 100%;
	padding: 10px 0 15px 2%;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
}
}
.main_body_title .title_bar {
	float: left;
	width: 2px;
	height: 19px;
	background-color: #715fbb;
	margin: 2px 10px 0 0;
}
.main_body_title span {
	margin-left: 10px;
	color: #5f5f5f;
	font-size: 12px;
}
.main_bx_none {
	float: left;
	width: 100%;
	text-align: center;
	color: #5f5f5f;
	font-size: 13px;
}


/*@media screen and (min-width:376px) {
.main_body_area .verify_progress ul li {
	float:left;
	width:63px;
	margin-right:30px;
	text-align:center;
}
.main_body_area .verify_progress ul li:last-child {
	margin-right:0px;
}
}
@media screen and (max-width:375px) {
.main_body_area .verify_progress ul li {
	float:left;
	width:63px;
	margin-right:15px;
	text-align:center;
}
.main_body_area .verify_progress ul li:last-child {
	margin-right:0px;
}
}
.main_body_area .verify_progress ul li .verify_progress_img {
	float:left;
	padding-bottom:10px;
	width:100%;	
}


.main_body_area .verify_progress ul li .verify_progress_tt {
	float:left;
	width:100%;
	text-align:center;
	padding-bottom:3px;
	letter-spacing:-1px;
	font-size:13px;
	color:#000;	
}


.main_body_area .verify_progress ul li .verify_progress_tx {
	float:left;
	width:100%;
	text-align:center;
	letter-spacing:-1px;
	font-size:13px;
	font-weight:bold;
}
*/
@media screen and (min-width:576px) {
.main_body_area .verify_progress {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 10px 0 15px 0;
}
}
@media screen and (max-width:575px) {
.main_body_area .verify_progress {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
}
 @media screen and (min-width:831px) {
.main_body_area .verify_progress .verify_progress_warp {
	float: left;
	width: 80%;
	box-sizing: border-box;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
}
@media screen and (max-width:830px) {
.main_body_area .verify_progress .verify_progress_warp {
	float: left;
	width: 91%;
	box-sizing: border-box;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
}
@media screen and (max-width:575px) {
.main_body_area .verify_progress .verify_progress_warp {
	float: left;
	width: 100%;
	box-sizing: border-box;
	border: none;
}
}
 @media screen and (min-width:576px) {
.verify_progress .verify_progress_warp .verify_progress_bx {
	float: left;
	width: 33.3%;
	padding:20px 10px;
	box-sizing: border-box;
	border-right: 1px solid #d9d9d9;
}
.verify_progress .verify_progress_warp .verify_progress_bx:last-child {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}
.verify_progress_warp .verify_progress_bx .verify_progress_img {
	float: left;
	width: 20%;
	text-align: center;
}
}
@media screen and (max-width:575px) {
.verify_progress .verify_progress_warp .verify_progress_bx {
	float: left;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.verify_progress_warp .verify_progress_bx .verify_progress_img {
	float: left;
	text-align: center;
}
}
.verify_progress_warp .verify_progress_bx .verify_progress_img img {
	width: 40px;
}
.verify_progress_warp .verify_progress_bx .verify_progress_text {
	float: left;
	width: 80%;
	text-align: left;
}
@media screen and (min-width:940px) {
.verify_progress_bx .verify_progress_text .verify_progress_tt {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 20px;
	padding-left: 10px;
}
.verify_progress_bx .verify_progress_text .verify_progress_tx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 20px;
	padding-left: 10px;
}
}
@media screen and (max-width:939px) {
.verify_progress_bx .verify_progress_text .verify_progress_tt {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 20px;
	padding-left: 15px;
}
.verify_progress_bx .verify_progress_text .verify_progress_tx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 20px;
	padding-left: 15px;
}
}
 @media screen and (min-width:769px) {
.main_triple_area {
	float: left;
	width: 98%;
	margin-left: 2%;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.main_triple_area .main_triple_bx {
	float: left;
	width: 31%;
	padding: 1%;
	margin-right: 10px;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
}
.main_triple_area .main_triple_bx:nth-child(3) {
	margin-right: 0px;
}
}
@media screen and (max-width:768px) {
.main_triple_area {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.main_triple_area .main_triple_bx {
	float: left;
	width: 31%;
	padding: 1%;
	margin-right: 10px;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
}
.main_triple_area .main_triple_bx:nth-child(3) {
	margin-right: 0px;
}
}
@media screen and (max-width:425px) {
.main_triple_area {
	float: left;
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 0px;
}
.main_triple_area .main_triple_bx {
	float: left;
	width: 96%;
	padding: 2%;
	margin-bottom: 10px;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
}
}
.main_triple_area .main_triple_bx .triple_title {
	float: left;
	width: 100%;
	padding: 20px 0 10px 0;
	text-align: center;
}
.main_triple_area .main_triple_bx .triple_tt_sub {
	float: left;
	width: 100%;
	padding-bottom: 30px;
	text-align: center;
	font-size: 12px;
	color: #5f5f5f;
}
.main_triple_area .main_triple_bx .triple_number {
	float: left;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	font-size: 18px;
}
 @media screen and (min-width:769px) {
.mapage_table_bx {
	display: block;
	float: left;
	width: 94%;
	margin-left: 2%;
	padding: 2%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.mypage_m_bx {
	display: none;
}
}
@media screen and (max-width:768px) {
.mapage_table_bx {
	display: none;
}
.mypage_m_bx {
	display: block;
	float: left;
	width: 96%;
	padding: 2%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 10px;
}
.mypage_m_bx .mypage_m_detail {
	float: left;
	width: 47%;
	padding: 1% 0;
	margin: 1%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	text-align: center;
}
.mypage_m_bx .mypage_m_number {
	float: left;
	width: 100%;
	padding: 1% 0;
}
}
@media screen and (max-width:520px) {
.mypage_m_bx .mypage_m_detail {
	float: left;
	width: 100%;
	padding: 1% 0;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 10px;
}
.mypage_m_bx .mypage_m_number {
	float: left;
	width: 100%;
	padding: 3% 0;
}
}
.mypage_m_bx .mypage_m_number .number_tt {
	float: left;
	padding: 0 2%;
	font-size: 15px;
}
.mypage_m_bx .mypage_m_number .number_tx {
	float: left;
	font-size: 15px;
	font-weight: bold;
}
.mypage_m_bx .mypage_m_number .number_none {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #5f5f5f;
	text-align: center;
}
.mypage_m_bx .mypage_m_detail .mypage_m_tt {
	float: left;
	width: 100%;
	padding: 5px 0;
	font-size: 13px;
	color: #5f5f5f;
}
.mypage_m_bx .mypage_m_detail .mypage_m_tx {
	float: left;
	width: 100%;
	font-size: 12px;
	padding: 5px 0;
}
 @media screen and (min-width:769px) {
.main_menbership {
	float: left;
	width: 92%;
	margin-left: 2%;
	padding: 3%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	margin-bottom: 10px;
}
}
@media screen and (max-width:768px) {
.main_menbership {
	float: left;
	width: 94%;
	padding: 3%;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	margin-bottom: 10px;
}
}
.main_menbership .membership_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.main_menbership .membership_adress_area {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.main_menbership .membership_adress_area .membership_adress_top {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
}
 @media screen and (min-width:425px) {
.main_menbership .membership_tt {
	float: left;
	width: 100px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 13px;
}
}
@media screen and (max-width:424px) {
.main_menbership .membership_tt {
	float: left;
	width: 100px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 13px;
}
}
.main_menbership .membership_tx {
	float: left;
	margin-right: 10px;
	text-align: left;
	font-size: 12px;
	color: #5f5f5f;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	border-left: 1px solid #d9d9d9;
	padding-left: 10px;
}
 @media screen and (min-width:576px) {
.main_menbership .membership_adress_bx {
	float: left;
	display: flex;
	align-items: center;
}
.main_menbership .membership_adress {
	float: left;
	/*width: 100%;*/
	text-align: left;
	font-size: 12px;
	color: #5f5f5f;
	box-sizing: border-box;
}
.main_menbership .membership_adress_bx .membership_adress_id {
	float: left;
	/*width: 100%;*/
	width: 170px;
	text-align: left;
	font-size: 12px;
	color: #5f5f5f;
	box-sizing: border-box;
}
.main_menbership .membership_adress_bx .adress_btn_bx {
	float: right;
	margin-left: 5px;
}
.main_menbership .membership_adress_bx .adress_btn_bx .membership_adress_btn {
	padding: 10px;
	border-radius: 5px;
	background-color: #000;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}
}
@media screen and (max-width:575px) {
.main_menbership .membership_adress_bx {
	float: left;
	width: 100%;
	padding: 10px 0;
}
.main_menbership .membership_adress {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: #5f5f5f;
	box-sizing: border-box;
}
.main_menbership .membership_adress_bx .membership_adress_id {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: #5f5f5f;
	box-sizing: border-box;
	margin: 10px 0;
}
.main_menbership .membership_adress_bx .adress_btn_bx {
	float: left;
	width: 100%;
}
.main_menbership .membership_adress_bx .membership_adress_btn {
	float: left;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #000;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}
}
.main_menbership .membership_bx .membership_note {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: #5f5f5f;
	box-sizing: border-box;
}
.main_menbership .membership_bx .membership_text {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: #5f5f5f;
	padding-left: 28px;
	box-sizing: border-box;
}
.main_body_area .main_menbership .membership_bx .membership_note textarea {
	float: left;
	width: 100%;
	resize: none;
	height: 150px;
}
.main_menbership .membership_bx .membership_change {
	float: left;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 4px 10px;
	color: #FFF;
	background-color: #715fbb;
	text-align: center;
	border-radius: 5px;
}
.main_menbership .membership_bx .membership_changing {
	float: left;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 4px 10px;
	color: #FFF;
	background-color: #009cff;
	text-align: center;
	border-radius: 5px;
}
.main_menbership .membership_bx .membership_leave {
	float: left;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 4px 10px;
	color: #FFF;
	background-color: #898989;
	text-align: center;
	border-radius: 5px;
}
.main_menbership .membership_warning {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #5f5f5f;
}
.main_menbership .mypage_input {
	float: left;
	width: 100%;
	box-sizing: border-box;
	resize: vertical;
}
.main_menbership .mypage_input_self {
	float: left;
	width: 100%;
	padding: 10px;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
	border-radius: 5px;
}
.main_body_area .main_menbership .change_btn {
	float: left;
	width: 50%;
	margin: 20px 25%;
}
 @media screen and (min-width:769px) {
.mypage_info_bx {
	float: left;
	width: 98%;
	margin-left: 2%;
	padding: 3%;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
}
@media screen and (max-width:768px) {
.mypage_info_bx {
	float: left;
	width: 100%;
	padding: 3%;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
}
.mypage_info_bx .mypage_info_title {
	float: left;
	width: 100%;
	padding: 10px 0;
	color: #5f5f5f;
	font-size: 15px;
}
.mypage_info_bx .mypage_info_title img {
	margin-top: -2px;
}
.mypage_info_bx .mypage_info_text {
	float: left;
	width: 100%;
	color: #5f5f5f;
	font-size: 12px;
}
.mypage_info_bx .mypage_info_text ul li {
	padding: 2px 0;
}
/*//////////°áÁ¦ÆäÀÌÁö//////////*/

.mbr_body_bx .pay_top_area {
	float: left;
	width: 100%;
	padding: 30px 0;
	text-align: center;
}
.mbr_body_bx .pay_top_area .pay_title {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
}
.mbr_body_bx .pay_top_area .pay_text {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	color: #5f5f5f;
	font-size: 13px;
	letter-spacing: -1px;
}
.mbr_body_bx .pay_top_area .pay_select {
	float: left;
	width: 100%;
	display: flex;
	justify-content: center;
}
.mbr_body_bx .pay_top_area .pay_select ul li {
	float: left;
	width: 70px;
	padding: 5px 0;
	font-size: 14px;
	font-weight: bold;
	background-color: #ececec;
	border-radius: 100px;
	margin: 0 3px;
	color: #5f5f5f;
}
.mbr_body_bx .pay_top_area .pay_select ul li.on {
	color: #FFF;
	background-color: #715fbb;
}
.mbr_body_bx .pay_use_text {
	float: left;
	width: 98%;
	padding: 1%;
	text-align: center;
}
.mbr_body_bx .pay_type_area {
	float: left;
	width: 100%;
}
 @media screen and (min-width:881px) {
.mbr_body_bx .pay_type_area .pay_type_bx {
	box-sizing: border-box;
	float: left;
	width: 24.25%;
	margin-left: 1%;
	border: 1px solid #d9d9d9;
	padding: 2%;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mbr_body_bx .pay_type_area .pay_type_bx:nth-child(1) {
	margin-left: 0px;
}
}
@media screen and (max-width:880px) {
.mbr_body_bx .pay_type_area .pay_type_bx {
	box-sizing: border-box;
	float: left;
	width: 49%;
	margin-left: 2%;
	border: 1px solid #d9d9d9;
	padding: 2%;
	border-radius: 5px;
	margin-bottom: 2%;
}
.mbr_body_bx .pay_type_area .pay_type_bx:nth-child(1) {
	margin-left: 0px;
}
.mbr_body_bx .pay_type_area .pay_type_bx:nth-child(3) {
	margin-left: 0px;
}
}
@media screen and (max-width:425px) {
.mbr_body_bx .pay_type_area .pay_type_bx {
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin-left: 0px;
	border: 1px solid #d9d9d9;
	padding: 5%;
	border-radius: 5px;
	margin-bottom: 2%;
}
}
.mbr_body_bx .pay_type_area .bx_purple {
	border: 1px solid #715fbb;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_type_title {
	float: left;
	width: 100%;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 5px;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_type_text {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #5f5f5f;
	padding-bottom: 20px;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_before {
	float: left;
	width: 100%;
	padding-bottom: 5px;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_before .line_num {
	color: #5f5f5f;
	text-decoration: line-through;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_before .pay_pt {
	color: #ff0000;
	font-weight: bold;
	font-size: 15px;
	margin-left: 10px;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_after {
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_after .after_num {
	font-weight: bold;
	font-size: 20px;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_detail {
	float: left;
	width: 100%;
	padding-bottom: 15px;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_detail ul li {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #5f5f5f;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_detail ul li::before {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 3px;
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #5f5f5f;
}
.mbr_body_bx .pay_type_area .pay_type_bx .pay_type_btn {
	float: left;
	width: 100%;/*padding: 10px 0;*/
}
 @media screen and (min-width:580px) {
.mbr_body_bx .pay_table_area {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 1% 3% 3% 3%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.mbr_body_bx .pay_m_detail {
	display: none;
}
}
@media screen and (max-width:579px) {
.mbr_body_bx .pay_table_area {
	display: none;
}
.mbr_body_bx .pay_m_detail {
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 3%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
}
.mbr_body_bx .pay_table_area .pay_table_bx {
	float: left;
	width: 100%;
}
.mbr_body_bx .pay_table_area .pay_table_bx table th {
	border-bottom: 1px solid #d9d9d9;
	padding: 15px 0;
	font-size: 14px;
}
.mbr_body_bx .pay_table_area .pay_table_bx table td {
	border-bottom: 1px solid #d9d9d9;
	padding: 15px 0;
	color: #5f5f5f;
	font-size: 13px;
}
.mbr_body_bx .pay_m_detail .pay_m_title {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}
 @media screen and (min-width:471px) {
.mbr_body_bx .pay_m_detail .pay_m_bx {
	float: left;
	width: 48%;
	margin: 1%;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
	padding: 3% 2%;
}
}
@media screen and (max-width:470px) {
.mbr_body_bx .pay_m_detail .pay_m_bx {
	float: left;
	width: 100%;
	margin: 1% 0;
	border-radius: 5px;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
	padding: 3%;
}
}
.mbr_body_bx .pay_m_detail .pay_m_bx .pay_m_tt {
	float: left;
	width: 42%;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
}
.mbr_body_bx .pay_m_detail .pay_m_bx .pay_m_tx {
	float: left;
	width: 57%;
	padding-left: 1%;
	text-align: left;
	font-size: 13px;
	color: #5f5f5f;
	line-height: 17px;
}
.mbr_body_bx .pay_vat {
	float: left;
	width: 100%;
	color: #5f5f5f;
	text-align: right;
	font-size: 12px;
	letter-spacing: -1px;
}
.mbr_body_bx .pay_title_l {
	float: left;
	width: 100%;
	padding: 3% 0;
	font-size: 22px;
	font-weight: bold;
}
.mbr_body_bx .order_warp {
	float: left;
	width: 100%;
	border: 1px solid #d9d9d9;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 10px;
}
 @media screen and (min-width:700px) {
.mbr_body_bx .order_area_l {
	float: left;
	width: 60%;
}
.mbr_body_bx .order_area_r {
	float: left;
	width: 39%;
	margin-left: 1%;
}
}
@media screen and (max-width:699px) {
.mbr_body_bx .order_area_l {
	float: left;
	width: 100%;
}
.mbr_body_bx .order_area_r {
	float: left;
	width: 100%;
}
}
.mbr_body_bx .order_warp .order_title {
	float: left;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
}
.mbr_body_bx .order_bx {
	float: left;
	width: 100%;
	border: 1px solid #d9d9d9;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
}
.mbr_body_bx .order_bx .order_tt {
	float: left;
	width: 60%;
	text-align: left;
	font-size: 13px;
	color: #5f5f5f;
}
.mbr_body_bx .order_bx .order_tx {
	float: left;
	width: 40%;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}
.mbr_body_bx .order_warp .order_bx .pay_method {
	float: left;
	width: 100%;
	padding: 10px 10px 10px 0;
	box-sizing: border-box;
}
.mbr_body_bx .order_warp .order_bx .pay_method .pay_method_select {
	float: left;
	width: 100%;
}
.mbr_body_bx .order_warp .order_bx .pay_method .pay_method_select label {
	margin-left: 6px;
	font-size: 13px;
}
.mbr_body_bx .order_warp .order_bx .pay_method .method_detail {
	float: left;
	width: 98%;
	padding: 10px 0 5px 23px;
	color: #715fbb;
	font-size: 12px;
}
.mbr_body_bx .order_warp .order_bx .pay_method .pay_method_info {
	float: left;
	width: 97%;
	margin-left: 23px;
	padding: 10px;
	box-sizing: border-box;
	background-color: #f0f0f0;
	font-size: 12px;
	border-radius: 5px;
	color: #5f5f5f;
	border: 1px solid #d9d9d9;
}
.order_bx .pay_method .pay_method_info ul li:nth-child(1) {
	font-weight: bold;
}
.mbr_body_bx .order_warp .order_bx .pay_method .method_detail strong {
	margin-right: 10px;
}
.mbr_body_bx .order_warp .order_bx .pay_method .method_detail .method_input {
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	padding: 5px;
	font-size: 12px;
	color: #5f5f5f;
}
.mbr_body_bx .order_warp .order_detail_bx {
	float: left;
	width: 100%;
}
.mbr_body_bx .order_warp .order_check {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.mbr_body_bx .order_warp .order_check label {
	margin-left: 5px;
	font-size: 13px;
}
 @media screen and (min-width:426px) {
.mbr_body_bx .complete_btn {
	float: left;
	margin: 2% 0;
	width: 100%;
}
.mbr_body_bx .order_warp .complete_tt {
	float: left;
	width: 30%;
	font-size: 12px;
	color: #5f5f5f;
	text-align: left;
}
.mbr_body_bx .order_warp .complete_tx {
	float: left;
	width: 70%;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
}
}
@media screen and (max-width:425px) {
.mbr_body_bx .complete_btn {
	float: left;
	margin: 2% 0;
	width: 100%;
}
.mbr_body_bx .order_warp .complete_tt {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #5f5f5f;
	padding-bottom: 5px;
	text-align: left;
}
.mbr_body_bx .order_warp .complete_tx {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}
.mbr_body_bx .pay_complete_img img {
	width: 18%;
}
}
 @media screen and (min-width:769px) {
.mbr_body_bx .pay_order_warp {
	float: left;
	width: 60%;
	margin: 0 20%;
}
.mbr_body_bx .pay_complete_title {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
}
}
@media screen and (max-width:768px) {
.mbr_body_bx .pay_order_warp {
	float: left;
	width: 80%;
	margin: 0 10%;
}
.mbr_body_bx .pay_complete_title {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
}
.mbr_body_bx .pay_complete_img {
	float: left;
	width: 100%;
	padding: 40px 0 20px 0;
	text-align: center;
}


/*//////////º»ÀÎÀÎÁõ//////////*/

@media screen and (min-width:769px) {
.main_menbership .verify_area {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.main_menbership .verify_area .verify_bx {
	float: left;
	width: 59%;
	box-sizing: border-box;
	padding: 2%;
	margin-right: 1%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.main_menbership .verify_area .verify_bx_2 {
	float: left;
	width: 40%;
	box-sizing: border-box;
	padding: 2%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.main_menbership .verify_area .verify_bx_3 {
	float: left;
	width: 49.5%;
	box-sizing: border-box;
	padding: 2%;
	margin-right: 1%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
.main_menbership .verify_area .verify_bx_3:nth-child(2) {
	margin-right: 0;
}
.main_menbership .verify_area .verify_btn {
	float: left;
	width: 40%;
	padding: 2%;
	box-sizing: border-box;
	border-radius: 5px;
}
}
@media screen and (max-width:768px) {
.main_menbership .verify_area {
	float: left;
	width: 100%;
	margin-bottom: 0px;
}
.main_menbership .verify_area .verify_bx {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.main_menbership .verify_area .verify_bx_2 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.main_menbership .verify_area .verify_bx_3 {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 2%;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 10px;
}
.main_menbership .verify_area .verify_btn {
	float: left;
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
	border-radius: 5px;
	margin-bottom: 10px;
}
}
.main_menbership .verify_area .verify_tt {
	float: left;
	width: 83px;
	margin-right: 10px;
	border-right: 1px solid #d9d9d9;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.5px;
}
.main_menbership .verify_area .verify_tx {
	float: left;
	line-height: 20px;
}
.main_menbership .verify_area .verify_adress {
	float: left;
	width: 80%;
}
.main_menbership .verify_area .verify_select {
	float: left;
	width: 100px;
	height: 20px;
	font-size: 13px;
}
.main_menbership .verify_info {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 13px;
}
 @media screen and (min-width:576px) {
.main_menbership .verify_info_line {
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #d9d9d9;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 13px;
	padding-left: 10px;
}
}
@media screen and (max-width:575px) {
.main_menbership .verify_info_line {
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #d9d9d9;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 13px;
	text-align: center;
}
}
.main_menbership .verify_noti {
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 13px;
	margin-bottom: 10px;
	letter-spacing: -2px;
}
.main_menbership .membership_chekbox {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 13px;
	color: #715fbb;
}
.main_menbership .membership_chekbox a {
	color: #715fbb;
}
.main_menbership .membership_chekbox .membership_chekbox_input {
	float: left;
	margin-right: 10px;
	margin-top: 1px;
}
.main_menbership .membership_btn {
	float: left;
	width: 100%;
}
.main_menbership .verify_title {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	margin-top: 20px;
	letter-spacing: -1px;
}
.main_menbership .verify_text {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 15px;
	padding: 20px 0;
	letter-spacing: -1px;
}
/*//////////not_found//////////*/

@media screen and (min-width:769px) {
.mbr_body_bx .mbr_notfound_area {
	float: left;
	width: 80%;
	padding: 10%;
}
}
@media screen and (max-width:768px) {
.mbr_body_bx .mbr_notfound_area {
	float: left;
	width: 70%;
	padding: 10% 15%;
}
}
@media screen and (max-width:425px) {
.mbr_body_bx .mbr_notfound_area {
	float: left;
	width: 80%;
	padding: 10%;
}
}
 @media screen and (min-width:769px) {
.mbr_notfound_area .mbr_notfound_text {
	float: left;
	width: 70%;
}
}
@media screen and (max-width:768px) {
.mbr_notfound_area .mbr_notfound_text {
	float: left;
	width: 100%;
}
}
.mbr_notfound_area .mbr_notfound_text ul li:nth-child(1) {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -1px;
	padding-bottom: 20px;
}
.mbr_notfound_area .mbr_notfound_text ul li:nth-child(2) {
	font-size: 20px;
	letter-spacing: -1px;
	padding-bottom: 10px;
}
.mbr_notfound_area .mbr_notfound_text ul li:nth-child(3) {
	line-height: 20px;
	letter-spacing: -1px;
}
 @media screen and (min-width:769px) {
.mbr_notfound_area .mbr_notfound_text .mbr_notfound_btn {
	float: left;
	width: 80%;
	padding-top: 30px;
}
.mbr_notfound_area .mbr_notfound_text .mbr_notfound_btn .mbr_notfound_btn_bx {
	float: left;
	width: 49%;
	margin: 0 0.5%;
	box-sizing: border-box;
	letter-spacing: -1px;
	font-size: 13px;
	font-weight: bold;
}
}
@media screen and (max-width:768px) {
.mbr_notfound_area .mbr_notfound_text .mbr_notfound_btn {
	float: left;
	width: 100%;
	padding-top: 30px;
}
.mbr_notfound_area .mbr_notfound_text .mbr_notfound_btn .mbr_notfound_btn_bx {
	float: left;
	width: 100%;
	margin: 1% 0;
	box-sizing: border-box;
	letter-spacing: -1px;
	font-size: 13px;
	font-weight: bold;
}
}
@media screen and (min-width:769px) {
.mbr_notfound_area .mbr_notfound_img:first-child {
	display: none;
	float: left;
	width: 30%;
	text-align: center;
}
.mbr_notfound_area .mbr_notfound_img:last-child {
	display: inline-block;
	float: left;
	width: 30%;
	box-sizing: border-box;
	padding: 3% 0;
}
.mbr_notfound_area .mbr_notfound_img img {
	width: 130px;
}
}
@media screen and (max-width:768px) {
.mbr_notfound_area .mbr_notfound_img:first-child {
	display: inline-block;
	float: left;
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
}
.mbr_notfound_area .mbr_notfound_img:last-child {
	display: none;
	float: left;
	width: 100%;
	text-align: center;
}
.mbr_notfound_area .mbr_notfound_img img {
	width: 130px;
}
}
/*//////////ÇªÅÍ//////////*/


.mbr_footer_area {
	float: left;
	width: 100%;
	background: #f0f0f0;
	padding: 30px 0;
}
.mbr_footer_bx {
	margin: 0 auto;
	max-width: 1200px;
	min-width: 320px;
	padding: 0 10px;
	box-sizing: border-box;
}
.mbr_footer_bx .f_logo_wrap {
	float: left;
	margin-top: 4px;
}
.mbr_footer_bx .f_btn_wrap {
	display: none;
	float: right;
	padding: 5px 10px;
	border: 1px solid #b9b9b9;
	border-radius: 5px;
	color: #7c7c7c;
	font-size: 12px;
	letter-spacing: -1px;
}
.mbr_footer_bx .f_add_wrap {
	float: left;
	width: 100%;
	padding: 20px 0 0;
	color: #7c7c7c;
	font-size: 11px;
	letter-spacing: -1px;
}
