/* mobile */

@media screen and (max-width: 550px) {
	
	/* main home */
	html {
		transition: all .3s;
		min-width: 350px;
	}
	body > .wrapper {
		min-width: 380px;
	}
	.main_wrapper {
		padding-top: 0px !important;
		min-width: 100%;
	}
	.contain__inner {
		width: 100%;
		padding: 0 20px;
	}
	.home__bg_content {
		height: 330px;
		top: 50px;
	}
	.home__content_header__title {
		margin-top: 71px;
	}
	.home__content_header__title p {
		font-size: 30px;
		line-height: 40px;
		transition: all .5s;
	}
	.home__content_header__title br {
		display: block;
	}
	.recipe__view .owl-nav {
		display: none;
	}
	.owl-carousel .owl-stage {
		padding-left: 0 !important;
	}
	.home_content_title_viewAll {
		float: right;
	    margin-top: 11px;
	}
	.artist__view.owl-carousel .owl-nav {
		display: none;
	}
	.artist__view_conetnet_1.recipe__txt {
		width: 100%;
	}
	.recipe__view__2.owl-carousel .owl-nav {
		display: none;
	}
	.recipe__view__3.owl-carousel .owl-nav {
		display: none;
	}
	.notice__content {
		margin-top: 105px;
		border: none;
	}
	.notice__content_inner .content_left {
		width: 100%;
		border-bottom: 1px solid #EBEEF1;
	}
	.notice__content_inner .content_right {
		width: 100%;
		padding: 0;
	}
	.notice__content_inner .content_right .notice__content_txt {
		margin-bottom: 0;
		padding: 14px 0;
		
		transition: all .2s;
		border-bottom: 1px solid #EBEEF1;
	}
	.notice__content_inner .content_right .notice__content_txt:last-child {
		border-bottom: none;
	}
	.ad__content .ad__content_inner {
		width: 100%;
	}
	.ad__content_txt {
	    padding: 43px 0 0;
	    text-align: center;
	    
	    transition: all .2s;
	}
	.ad__content_txt br {
		display: block;
	}
	.ad__content_img {
		height: 218px;
		background: url("/resources/images/mobile__pan__img.png");
	}
	.ad__content_txt, .ad__content_img {
		float: none;
		margin: auto;
	}
	footer > .footer__inner {
		width: 100%;
		padding: 58px 21px 89px 24px;
	}
	.footer_content.right {
		width: auto;
	}
	.footer_content {
		float: none;
	}
	.footer__sns_link {
		margin-bottom: 47px;
	}
	.footer_content.left {
		width: 100%;
	}
	.contentus_link ul {
		display: flex;
		justify-content: space-between;
	}
	.contentus_link ul li {
		margin: auto;
	}
	.footer__content_first {
		padding-bottom: 31px;
	}
	.footer__content_second .footer__info_txt {
		text-align: left;
	}
	
	/* recipe search */
	.contain__inner.search__box {
		padding-top: 20px;
	}
	.search_title {
		padding-left: 38px;
	}
	.search_title p {
		font-size: 20px;
		line-height: 29px;
		letter-spacing: -0.875px;
		text-align: left;
	}
	.search_title__box {
		margin-bottom: 30px;
	}
	.search__content__flex_box {
		justify-content: space-between;
	}
	.search__content__flex_box .recipe__txt {
		width: 48%;
		height: auto;
		margin-bottom: 25px;
	}
	.recipe__view_conetnet_1 .recipe__image {
		width: 100%;
		/*height: auto;*/
		height: 160px;
	}
	.recipe__view_conetnet_1 .recipe__image img {
		width: 100%;
	}
	
	/* artist search */
	.artist__view_conetnet_1 .artist__image {
		width: 150px;
		height: auto;
	    border-radius: 200px;
	    margin-left: auto;
    	margin-right: auto;
	}
	.artist__view_conetnet_1 .artist__image img {
		/* width: 100%; */
		width: 150px;
    	height: 150px;
	}
	
	.search__content__flex_box .recipe__txt.artist__view_conetnet_1 h5,
	 .search__content__flex_box .recipe__txt.artist__view_conetnet_1 p {
		width: 100%;
	}
	.search__header_container__tag_item ul li {
	    margin: 3px 4px;
	}
	.artist__view_conetnet_1.recipe__txt.result_mobile {
		width: 100%;
	}
	
	/* total search result */
	.contain.totla_result_mobile {
		padding-top: 50px;
	}
	.search__header_container {
		padding: 0 20px;
	}	
	.search__header_container__Sort_item {
		padding-bottom: 16px;
		width: 100%;
	}
	.search__header_container__Sort_item ul {
		display: flex;
		justify-content: space-around;
		padding: 0 10px;
	}
	.search__header_container__Sort_item ul li {
		margin: 0;
	}
	.recipe__detail__box .recipe__detail_left__box {
		width: 100%;
	}
	.recipe__detail__box .recipe__detail_right__box {
		display: none;
	}
	.contain__inner.recipe__detail__box {
		padding: 0;
	}
	.career__authentication__checkbox {
	    background-color: white;
    	padding: 34px;
	}
	.mobile__recipe__detail__box {
		display: block;
	}
	.recipe__detail_mainImg {
		display: none;
	}
	.mobile__recipe__detail__content .owl-nav {
		display: none;
	}
	.recipe__detail_left__box .border__custom__div {
		border-radius: 0;
	}
	.mobile__artist_content {
		display: block;
	}
	.artist__default_info {
		text-align: left;
		margin: 0;
		border: none;
		
		display: flex;
	}
	.artist__img_load {
		width: 46px;
		height: 46px;
		margin: 0;
		
		display: inline-block;
	}
	.artist__img_load img {
		width: 46px;
		height: 46px;
	}
	.artist__name_info {
		margin-bottom: 0;
		margin-left: 16px;
	}
	.artist__name_info p:first-child {
		text-align: left;
	}
	.artist__name_info p:last-child {
		text-align: left;
	}
	.common__flex__box {
		margin-bottom: 14px;
	}
	.tag__load__content {
		margin-bottom: 30px;
	}
	.recipe__detail__subBox > .left__content {
		float: none;
		display: block;
		margin-bottom: 20px;
	}
	.recipe__detail__subBox > .right__content {
		float: none;
		display: flex;
		justify-content: space-between;
	}
	.recipe__detail__subBox > .right__content button {
		width: 48%;
	}
	.recipe__detail__subBox {
		margin-bottom: 22px;
		
		border-bottom: 1px solid #EBEEF1;
		padding-bottom: 30px;
	}
	.recipe__detail_introduction_txt.image__and__video_box {
		/* display: none; */
	}
	.image__and__video__item {
		width: 100%;
		padding-right: 11px;
		height: 50px;
	}
	.image__and__video__content.owl-carousel .owl-nav > button.owl-prev, .image__and__video__content.owl-carousel .owl-nav > button.owl-next {
	    top: 10px;	
	}
	
	.recipe__detail_left__content_down {
		border-radius: 0;
	}
	
	.contain__inner.artist__detail {
		padding: 0;
	}
	
	.contain.mySetup_ .contain__inner {
		width: 100%;
	} 
	.contain.mySetup_ {
		padding-top: 50px;
	}
	.mySetup_common_box label.label_btn {
		margin-right: 0;
	}
	.mySetup_common_box label.second {
		width: calc(100% - 123px);
	}
	.mySetup_common_box label.first {
		display: none;
		margin-bottom: 10px;
	}
	
	
	/* mypage */
	.mypage_mobile_menu {
		display: block;
	}
	.mypage_mobile_menu .search_title__box {
		margin-bottom: 0;
		padding: 14px 19px;
		background: #F9FAFB;
		height: 65px;
	}
	.mypage_mobile_menu .search_title__box .search_title {
		padding-left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mypage_mobile_menu .search_title__box .search_title__btnBox {
		left: 19px;
	}
	.mypage_mobile_menu .search_title__box .search_title p {
		color: #313D4B;
		margin-left: 9px;
	}
	.my__page__header__img_box.mobile {
		width: 37px;
   		height: 37px;
	}
	.my__page__header__img_box.mobile.User_Img {
		width: 63px;
   		height: 63px;
	}
	.mobile_MyCredit {
		padding: 0px 25px 23px;
	    display: flex;
        align-items: center;
        background: #F9FAFB;
        border-bottom: 1px solid #EBEEF1;
	}
	.mobile_MyCredit .my__page__header__info_box.mobile p.first {
		font-size: 20px;
		display: inline-block;
	}
	.mobile_MyCredit .my__page__header__info_box.mobile p.second {
		font-weight: normal;
		font-size: 12px;
		line-height: 17px;
		letter-spacing: -0.646154px;
		
		color: #313D4B;
		display: inline-block;
		margin-bottom: 8px;
		margin-left: 7px;
	}
	.my__page__header__info__sub_nav label {
		margin-bottom: 0;
	}
	.search_title__box.divFixed {
		position: fixed;
		width: 100%;
		z-index: 10;
	}
	.search_title__box.divFixed .search_title {
		transform: scale(1);
    	transition: all .3s;
    	opacity: 1;
	}
	.search_title__box .search_title {
		transform: scale(0.8);
    	transition: all .3s;
    	/* opacity: 0; */
	}
	.mobile_mypage_menu_box {
		background: #FFF;
		padding: 20px 20px 26px;
	}
	.mobile_mypage_menu_box .menu__content__top .content__detail__nav {
		margin-bottom: 0;
	}
	.mobile_mypage_menu_box .menu__content__top .content__detail__nav ul li a {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.646154px;
	}
	.mobile_mypage_menu_box ul {
		display: flex;
		justify-content: space-between;
		margin: 0;
	}
	.mobile_mypage_menu_box ul li {
		text-align: center;
		position: relative;
	}
	.mobile_mypage_menu_box ul li a {
		font-weight: 500;
		font-size: 16px;
		line-height: 23px;
		letter-spacing: -0.861539px;
		
		color: #313D4B;
	}
	.mobile_mypage_menu_box ul li.active a {
		color: #2F83F5;
	}
	.mobile_mypage_menu_box ul li.active:after {
		content: "";
		position: absolute;
		bottom: -6px;
		left: 0;
		width: 100%;
		height: 2px;
		background: #2F83F5;
	}
	.my__page__box .my__page_left__box {
		display: none;
	}
	.my__page__box .my__page_right__box {
		width: 100%;
		margin-left: 0;
		box-shadow: none;
		border-radius: 0;
	}
	.my__page__box .my__page_right__box .conetent__detail__box {
		padding: 0;
		box-shadow: none;
	}
	.my__page__box {
		min-height: auto;
		flex-direction: column;
	}
	.contain__inner.my__page__box {
		background: #FFFFFF;
	}
	.artist_enroll_mobile section.search_title__box {
		display: block;
	}
	.artist_enroll_mobile section.search_title__box .search_title {
		padding-left: 0;
		opacity: 1;
	    transform: scale(1);
	}
	.artist_enroll_mobile section.search_title__box .search_title p {
		text-align: center;
		font-weight: 500;
		font-size: 16px;
		line-height: 23px;
		letter-spacing: -0.7px;
	}
	.artist_enroll_mobile .mypage__content__title__common_title {
		margin-bottom: 7px;
	}
	.artist_enroll_mobile .mypage__common__border {
		padding: 0;
		border: none;
		display: block;
		margin-bottom: 30px;
	}
	.artist_enroll_mobile .flex__common_left__content__box {
		margin-bottom: 10px;
	}
	.artist_enroll_mobile .flex__common_right__content___box {
		width: 97%;
	}
	.artist_authentication__txt_alert {
		margin-bottom: 40px;
	}
	.artist_enroll_mobile .mobile_Profile_ {
		padding: 0;
	}
	.artist_enroll_mobile .mobile_Profile_ button {
		display: none;
	}
	.mypage__content__title__common_title.back__btn_existence label {
		margin-left: 0;
		margin-top: 0;
	}
	.artist_enroll_mobile .myprofile__itroduce__txt textarea {
		border: 1px solid #EBEEF1;
		box-sizing: border-box;
		border-radius: 7px;
		padding: 14px;
		height: 140px;
	}
	.artist_enroll_mobile .text__area__numberofletters {
		bottom: 14px;
	}
	.modal-dialog {
		width: 100% !important;
		margin: 0;
		padding: 10px;
	}
	.mypage__content__title__common_title {
		display: flex;
		justify-content: space-between;
    	align-items: center;
    	margin-bottom: 15px;
	}
	.mypage__content__title__common_title span a {
		font-size: 13px;
		line-height: 19px;
		letter-spacing: -0.56875px;
	}
	.artist__in_myrecipe__item {
		width: 100%;;
/* 		display: flex; */
		margin-bottom: 15px;
	}
	.artist__in_myrecipe__item img {
		width: 85px;
		height: 60px;
		border-radius: 6px;
		margin-bottom: 0;
	}
	.artist__in_myrecipe__item_txt {
		margin-left: 19px;
	}
	.artist__in_myrecipe__item_txt .first {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -0.7px;
	}
	.artist__in_myrecipe__item_txt .second {
		font-size: 13px;
		line-height: 19px;
		letter-spacing: -0.7px;
	}
	.menu__content__main.mobile_mode {
		display: block;
		padding-top: 32px;
		position: relative;
		border-top: 1px solid #EBEEF1;
	    margin-bottom: 100px;
	}
	.menu__content__main.mobile_mode:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 11px;
		background: #F9FAFB;
	}
	.menu__content__main .content__detail__nav ul li.list_item {
		border: 0 none;
	}
	
	/* mypage creditExclusive decoration */
	.my__page__box .my__page_right__box.creditExclusive {
		width: 100%;
		margin-left: 0;
	}
	.conetent__detail__box__content.credit__border__content {
		padding: 0;
		margin-bottom: 20px;
	}
	.mypage_myRecipe_mobile .search_title__box {
		display: block;
		padding: 14px 0;
		margin-bottom: 0;
		border-bottom: 1px solid #EBEEF1;
		background: #FFF;
	}
	.mypage_myRecipe_mobile .search_title__box .search_title {
	    padding-left: 0;
	    opacity: 1;
	    transform: scale(1);
	}
	.mypage_myRecipe_mobile .search_title__box .search_title p {
	    text-align: center;
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 23px;
	    letter-spacing: -0.7px;
	}
	.mypage_myRecipe_mobile section.search_title__box button.back__content {
	    position: absolute;
	    right: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}
	.mypage_myRecipe_mobile .conetent__detail__box__content.credit__border__content {
		border-radius: 0px;
		box-shadow: none;
		padding-top: 24px;
	}
	.mypage_myRecipe_mobile .mypage__content__title__common_title {
		display: none;
	}
	.mypage_myRecipe_mobile .myrecipe__content__top {
		padding: 16px 18px;
	}
	.mypage_myRecipe_mobile .myrecipe__content__top br {
		display: block;
	}
	.myrecipe__content__top p {
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.861538px;
		margin-left: 7px;
	}
	.foodchipCodeContent input {
		font-size: 10px;
	}
	.myrecipe_none_recipe_box .myrecipe__none__content {
		background: #F9FAFB;
		border: 1px solid #EBEEF1;
	}
	.myRecipe_Table_Box table thead {
		display: none !important;
	}
	.myRecipe_Table_Box table tbody tr {
	    display: inline-flex;
	    margin-bottom: 35px;
	    flex-wrap: wrap;
	    width: 100%;
	}
	.myRecipe_Table_Box table tbody tr td:nth-child(0) {
		order: 0;
	}
	.myRecipe_Table_Box table tbody tr td:nth-child(1) {
		order: 2;
		width: 100%;
	}
	.myRecipe_Table_Box table tbody tr td:nth-child(2) {
		order: 1;
		text-align: left !important;
	}
	.myRecipe_Table_Box table tbody tr td:nth-child(3) {
		order: 3;
		width: 30%;
		position: relative;
	    word-break: keep-all;
	    font-size: 10px;
	}
	.myRecipe_Table_Box table tbody tr td:nth-child(3):after {
		content:"";
		height: 3px;
		width: 3px;
		background: #313D4B;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 3px;
	}
	.myRecipe_Table_Box table tbody tr td:nth-child(4) {
		order: 4;
		width: 30%;
		position: relative;
	    word-break: keep-all;
	    font-size: 10px;
	}
	.myRecipe_Table_Box table tbody tr td:nth-child(4):after {
		content:"";
		height: 3px;
		width: 3px;
		background: #313D4B;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 3px;
	}
	.myRecipe_Table_Box table tbody tr td:nth-child(5) {
		order: 5;
		width: 30%;
		position: relative;
		word-break: keep-all;
		font-size: 10px;
	}
	.mobile_view_span {width: 39px !important;}
	.bootstrap-table .table {
		border: 0;
	}
	.fixed-table-container {
		border: 0;
	}
	.fixed-table-container tbody td {
		border: 0;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
		border: 0;
	}
	.myRecipe_TD_first_content {
		justify-content: space-between;
	}
	.first_td_content_img {
		width: 85px;
		height: 85px;
		margin-left: 0;
	}
	.myRecipe_Table_Box .bootstrap-table .table:not(.table-condensed), .myRecipe_Table_Box .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .myRecipe_Table_Box .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .myRecipe_Table_Box .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .myRecipe_Table_Box .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .myRecipe_Table_Box .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
		padding: 5px 0;
	}
	.myModify__content {
		right: 5px;
	}
	.mobile_view_span {
		display: inline-block;
		margin-right: 7px;
	}
	.myRecipe_Table_Box .bootstrap-table tbody tr td:nth-child(2) {
	    font-size: 16px !important;
		line-height: 23px !important;
	}
	.stasus__select__Box span.ddlabel {
		font-size: 16px !important;
		line-height: 23px !important;
	}
	.first_td_content_text {
		width: calc(100% - 146px);
	}
	.myRecipe_Table_Box .first_td_content_text .title p {
		font-size: 14px;
		line-height: 20px;
	}
	.table-hover>tbody>tr:hover {
		background-color: transparent;
	}
	.mypage_commonBox_mobile .search_title__box {
		display: block;
		padding: 14px 0;
		margin-bottom: 0;
		border-bottom: 1px solid #EBEEF1;
		background: #FFF;
	}
	.mypage_commonBox_mobile .search_title__box .search_title {
	    padding-left: 0;
	    opacity: 1;
	    transform: scale(1);
	}
	.mypage_commonBox_mobile .search_title__box .search_title p {
	    text-align: center;
	    font-weight: 500;
	    font-size: 16px;
	    line-height: 23px;
	    letter-spacing: -0.7px;
	}
	.mypage_commonBox_mobile section.search_title__box button.back__content {
	    position: absolute;
	    right: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}
	.mypage_commonBox_mobile .mypage__content__title__common_title {
		display: none;
	}
	.mypage_commonBox_mobile .myrecipe__content__top {
		padding: 16px 18px;
	}
	.mypage_commonBox_mobile .myrecipe__content__top br {
		display: block;
	}
	.mypage_commonBox_mobile .conetent__detail__box__content {
		padding-top: 25px;
	    border-radius: 0px;
	}
	
	
	.credit__history_table.purchase__ table thead {
		display: none !important;
	}
	.credit__history_table.purchase__ table tbody tr {
	    display: inline-flex;
	    margin-bottom: 25px;
	    flex-wrap: wrap;
	    position: relative;
	    width: 100%;
	}
	.credit__history_table.purchase__ table tbody tr td:nth-child(1) {
		order: 1;
	    word-break: break-all;
        width: 85px;
		height: 60px;
	    padding: 0 !important;
	    font-size: 16px;
	    line-height: 23px;
	    letter-spacing: -0.861539px;
	    color: #8B95A2;
	}
	.credit__history_table.purchase__ table tbody tr td:nth-child(2) {
		order: 3;
		position: absolute;
		right: 0px;
    	bottom: 0px;
    	padding: 0 !important;
    	width: auto;
    	text-align: right !important;
    	font-size: 12px;
    	color: #979797;
	}
	.credit__history_table.purchase__ table tbody tr td:nth-child(3) {
		order: 4;
		position: absolute;
		left: 100px;
    	bottom: 0px;
    	padding: 0 !important;
    	width: 55px;
    	text-align: left !important;
	}
	.credit__history_table.purchase__ table tbody tr td:nth-child(3):after {
		content: "";
		position: absolute;
		width: 1px;
		height: 50%;
		transform: translateY(-50%);
		background-color: #ccc;
		top: 56%;
    	right: 0px;
	}
	.credit__history_table.purchase__ table tbody tr td:nth-child(4) {
	    order: 2;
	    width: calc(100% - 85px);
	    padding: 0px 15px 0 !important;
	    text-align: left !important;
	    line-height: 1.2;
	}
	.credit__history_table.purchase__ table tbody tr td:nth-child(5) {
		order: 5;
		position: absolute;
		left: 165px;
    	bottom: 0px;
    	padding: 0 !important;
    	width: auto;
    	text-align: left !important;
    	color: #2F83F5;
    	font-weight: bold;
	}
	/* .credit__history_table.purchase__ table tbody tr td:nth-child(5):after {
		content: "";
		position: absolute;
		width: 1px;
		height: 50%;
		transform: translateY(-50%);
		background-color: #D8D8D8;
		top: 52%;
    	right: -5px;
	} */
	.credit__history_table.purchase__ table tbody tr td:nth-child(6) {
		order: 6;
		display: none;
	}
	.credit__history_table.purchase__ table tbody tr td:nth-child(7) {
		order: 7;
		display: none;
	}
	.credit__history_table .table > tbody > tr > td, .credit__history_table .table > tbody > tr > th, .credit__history_table .table > tfoot > tr > td, .credit__history_table .table > tfoot > tr > th, .credit__history_table .table > thead > tr > td, .credit__history_table .table > thead > tr > th {
		border: 0;
	}
	.credit__history_table.purchase__ .bootstrap-table .table {
		border: 0;
	}
	.credit__history_table.purchase__ img.mobile_view_img {
		width: 85px;
		height: 60px;
		border-radius: 4px;
		cursor: pointer;
	}
	.credit__history_table.purchase__ table tbody tr td:nth-child(1),
	.credit__history_table.purchase__ table thead tr td:nth-child(1) {
		display: block;
	}
	.credit__history_table .bootstrap-table .table:not(.table-condensed), .credit__history_table .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .credit__history_table .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .credit__history_table .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .credit__history_table .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .credit__history_table .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td {
		padding: 8px;
	}
	
	
	
	
	.credit__history_table.purchase__.addContent table tbody tr td:nth-child(1) {
		order: 1;
	    word-break: break-all;
        width: 85px;
		height: 60px;
	    padding: 0 !important;
	    font-size: 16px;
	    line-height: 23px;
	    letter-spacing: -0.861539px;
	    color: #8B95A2;
	}
	.credit__history_table.purchase__.addContent table tbody tr td:nth-child(2) {
		order: 3;
		position: absolute;
		right: 0px;
    	bottom: 0px;
    	padding: 0 !important;
    	width: auto;
    	text-align: right !important;
    	font-size: 12px;
    	color: #979797;
	}
	.credit__history_table.purchase__.addContent table tbody tr td:nth-child(3) {
		order: 4;
		position: absolute;
		left: 100px;
    	bottom: 0px;
    	padding: 0 !important;
    	width: 55px;
    	text-align: left !important;
    	font-size: 12px;
	}
	.credit__history_table.purchase__.addContent table tbody tr td:nth-child(3):after {
		content: "";
		position: absolute;
		width: 1px;
		height: 50%;
		transform: translateY(-50%);
		background-color: #ccc;
		top: 56%;
    	right: 0px;
	}
	.mycredit__status div button {
		padding: 0;
		line-height: 16px;
	}
	
	.credit__history_table.purchase__.addContent table tbody tr td:nth-child(4) {
	    order: 2;
	    width: calc(100% - 85px);
	    padding: 8px 15px 0 !important;
	    text-align: left !important;
	}
	.credit__history_table.purchase__.addContent table tbody tr td:nth-child(5) {
		order: 5;
		display: none;
	}
	.credit__history_table.purchase__.addContent table tbody tr td:nth-child(6) {
		order: 6;
		position: absolute;
		left: 165px;
    	bottom: 0px;
    	padding: 0 !important;
    	width: auto;
    	text-align: left !important;
    	color: #2F83F5;
    	font-weight: bold;
    	display: block;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* profit */
	.content__detail__nav.credit_menu {
		display: none;
	}
	#profit__history__box {
		display: none;
	}
	#withdrawal__history__box {
		display: block;
	}
	#month__fee__box {
		display: none;
	}
	.credit__history__box {
		padding: 0;
	}
	.contain.my__page {
		min-height: auto;
	}
	.profit__content__bottom {
		padding-top: 25px;
		padding-left: 0;
		margin-bottom: 25px;
	}
	.profit__content {
		flex-direction: column;
	}
	.profit__content > div {
		width: 100%;
		padding: 0 16px 0 21px;
	}
	.mycredit__status.profit__content {
		padding: 16px 0 12px;
	}
	.profit__common_box span.profit_common_span {
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.861539px;
	}
	.mycredit__status div label {
		font-weight: bold;
		font-size: 20px;
		line-height: 29px;
		
		letter-spacing: -0.861538px;
	}
	.profit__content > div.right__content__area .profit__common_box {
		display: flex;
	    align-items: center;
	}
	.profit__content > div.right__content__area .profit__common_box span.profit_common_span {
		font-weight: normal;
		font-size: 10px;
		line-height: 14px;
		letter-spacing: -0.861539px;
		
		color: #979797;
	}
	.profit__content > div.right__content__area .profit__common_box div label {
		font-weight: normal;
		font-size: 10px;
		line-height: 14px;
		letter-spacing: -0.861539px;
		
		color: #979797;
	}
	.profit__content > div.right__content__area .profit__common_box div {
		margin-left: 5px;
		display: inherit;
	}
	.profit__content .left__content__area {
		margin-bottom: 5px;
	}
	.profit__custom .mobile_view_title {
		display: block;
	}
	.profit__custom .mobile_view_title p {
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.861539px;
		
		color: #313D4B;
	}
	.mycredit__status div button {
		margin-top: 15px;
	}
	
	
	.credit__history_table.profit__ table thead {
		display: none !important;
	}
	.credit__history_table.profit__ table tbody tr {
	    display: inline-flex;
	    margin-bottom: 25px;
	    flex-wrap: wrap;
	    position: relative;
	    width: 100%;
	    border: 1px solid #EBEEF1;
	}
	.credit__history_table.profit__ table tbody tr td:nth-child(0) {
		order: 0;
	}
	.credit__history_table.profit__ table tbody tr td:nth-child(1) {
		order: 1;
		border-right: 1px solid #EBEEF1;
	    word-break: break-all;
	    width: 80px;
	    padding: 12px 23px !important;
	    font-size: 16px;
	    line-height: 23px;
	    letter-spacing: -0.861539px;
	    color: #8B95A2;
	}
	.credit__history_table.profit__ table tbody tr td:nth-child(2) {
		order: 2;
		padding: 12px 21px 36px !important;
	}
	.credit__history_table.profit__ table tbody tr td:nth-child(3) {
		order: 3;
		position: absolute;
		left: 93px;
    	top: 30px;
	}
	.credit__history_table.profit__ table tbody tr td:nth-child(4) {
	    order: 4;
	}
	.credit__history_table.profit__ table tbody tr td:nth-child(5) {
		order: 5;
	}
	.credit__history_table.profit__ table {
		border: 0;
	}
	.credit__history_table.profit__ .bootstrap-table .table {
		border: 0;
	}
	
	/* my payment */
	.credit__border__content.myPayment_mobile {
		display: none;
	}
	.main_wrapper.my__page {
		height: auto;
	}
	.content__detail__nav.credit_menu.myPaymentTotal_mobile {
		display: block;
		background: #FFFFFF;
		border-bottom: 0;
		margin-bottom: 30px;
	}
	#payMent_history_box .mypage__content__subtitle__common_title.myPaymenTotal {
		display: block;
		margin-bottom: 28px;
	}
	
	.credit__history_table.profit__.myPaymentTotal_mobile table thead {
		display: none !important;
	}
	.credit__history_table.profit__.myPaymentTotal_mobile table tbody tr {
	    display: inline-flex;
	    margin-bottom: 25px;
	    flex-wrap: wrap;
	    position: relative;
	    width: 100%;
	    border: 1px solid #EBEEF1;
	    flex-direction: column;
	}
	.credit__history_table.profit__.myPaymentTotal_mobile table tbody tr td:nth-child(0) {
		order: 0;
	}
	.credit__history_table.profit__.myPaymentTotal_mobile table tbody tr td:nth-child(1) {
		order: 2;
		border-right: 0;
	    word-break: break-all;
	    padding: 0 !important;
	    width: auto;
	    position: absolute;
		left: auto;
    	top: auto;
    	
    	font-weight: normal;
		font-size: 13px;
		line-height: 19px;
		letter-spacing: -0.861539px;
		
		color: #979797;
		right: 73px;
    	bottom: 13px;
	}
	.credit__history_table.profit__.myPaymentTotal_mobile table tbody tr td:nth-child(2) {
		order: 1;
		padding: 10px 21px 5px !important;
		text-align: left !important;
	}
	.credit__history_table.profit__.myPaymentTotal_mobile table tbody tr td:nth-child(3) {
	    order: 3;
	    position: absolute;
	    left: auto;
	    right: 0;
	    top: auto;
	    padding: 0;
	    width: 86px;
	    bottom: 13px;
	    
	    font-weight: normal;
		font-size: 13px;
		line-height: 19px;
		letter-spacing: -0.861539px;
		
		color: #979797;
	}
	.credit__history_table.profit__.myPaymentTotal_mobile table tbody tr td:nth-child(4) {
	    order: 4;
	    text-align: left !important;
	    padding-left: 21px !important;
	    padding-bottom: 12px !important;
	    color: #2F83F5;
	    position: relative;
	}
	.credit__history_table.profit__.myPaymentTotal_mobile table tbody tr td:nth-child(5) {
		order: 5;
		display: none;
	}
	.credit__history_table.profit__.myPaymentTotal_mobile table {
		border: 0;
	}
	.credit__history_table.profit__.myPaymentTotal_mobile .bootstrap-table .table {
		border: 0;
	}
	.refund__content__container {
		margin-bottom: 30px;
	}
	.credit__history_table.purchase__ {
		margin-bottom: 30px;
	}
	.refund__content__box {
		padding: 19px 18px 20px 18px;
	}
	.refund__content__box .content__txt_box {
		width: 100%;
	}
	.refund_mobile_li {
		display: list-item;
	}
	.refund_request_btn {
		display: none;
	}
	.coupon_content.coupon_contentMobile {
		background: #FFFFFF;
	    box-shadow: none;
	    border-radius: 0;
	}
	.couponMobileTitle {
		display: block;
	}
	.mycredit__status.coupon__content {
		display: block;
	    padding: 16px 13px 34px;
	}
	.foodchipCodeContent input {
		width: 100%;
		border: 1px solid #EBEEF1;
		box-sizing: border-box;
		background: #FFFFFF;
		height: 50px;
	}
	.foodchipCodeContent {
		position: relative;
	}
	.foodchip__enroll__btn.couponmobile {
		display: block;
		position: absolute;
		top: 50%;
		right: 7px;
		transform: translateY(-50%);
		margin-top: 0;
	}
	.mycredit__status div button.foodchip__enroll__btn.couponmobile {
		width: 85px;
	}
	.foodchip__enroll__btn {
		display: none;
	}
	.conetent__detail__box__content.credit__border__content.coupon_content {
		position: relative;
	}
	.coupon_Fail_txt {
		left: 13px;
    	bottom: 46px;
	}
	.credit__history_table.profit__ table tbody tr.no-records-found td {
		width: 100%;
		border-right: 0;
	}
	.credit__history_table.profit__ table tbody tr.no-records-found {
		border: 0;
	}
	/* 고객센터 */
	.search_title__box.customerCenter {
		display: block;
		padding: 15px 25px;
	}
	.search_title__box.customerCenter .search_title {
		transform: scale(1);
	    transition: all .3s;
	    opacity: 1;
	    padding-left: 0;
	}
	.search_title__box.customerCenter .search_title p {
		text-align: center;
	}
	.search_title__box.customerCenter .search_title__btnBox {
		left: 25px;
	}
	.customerCenterInner {
		padding: 0 25px 76px;
		width: 100%;
	}
	section.CCInformation {
		flex-direction: column;
		margin-bottom: 45px;
	}
	section.CC_title .first {
		margin-bottom: 3px;
	}
	section.CC_title {
		margin-bottom: 42px;
	}
	.CCInfo_ItemBox {
		width: 100%;
		margin-bottom: 21px;
	}
	.conetent__detail__box .academic-nav {
       position: absolute;
       width: 51px;
       top: 32px;
       left: 266px;
   }
   .adminPopup_wrap .academic-nav {
	    position: absolute;
	    width: 57px;
	    top: 32px;
	    left: 100px;
	}
	.recipeBankPopupImg_box {width: 100%;margin-top: 50px;}
	.recipeBankPopupImg_box img {width: 100% !important; height: auto !important;}
	
	
	/* 구독권 관리 */
	.myMenbership__content__top {
		padding: 16px 16px 12px 16px;
	}
	.myMenbership__content__top > p > label {
		font-weight: normal;
		font-size: 11px;
		line-height: 16px;
		letter-spacing: -0.861539px;
		
		color: #313D4B;
	}
	.myMenbershipTitleBr {
		display: block;
	}
	.recipe__enroll__btn.membershipBtn {
		width: 128px;
	}
	.myMenbership__content__info br {
		display: none;
	}
	.credit__history_table.purchase__.membershipTable table tbody tr td:nth-child(1) {
	    order: 1;
	    display: none;
	}
	.credit__history_table.purchase__.membershipTable table tbody tr td:nth-child(2) {
	    order: 2;
	    width: 100%;
	    font-weight: normal;
		font-size: 16px;
		line-height: 23px;
		letter-spacing: -0.861539px;
		position: relative;
		color: #313D4B;
	    text-align: left !important;
	    padding: 5px 21px 37px !important;
	}
	.credit__history_table.purchase__.membershipTable table tbody tr td:nth-child(3) {
	    order: 3;
	    position: absolute;
	    left: 21px;
	    bottom: 13px;
	    padding: 0 !important;
	    width: 100px;
	    text-align: left !important;
	}
	.credit__history_table.purchase__.membershipTable table tbody tr td:nth-child(4) {
	    order: 4;
	    position: absolute;
	    left: 135px;
	    bottom: 13px;
	    width: 100px;
	    padding: 0 !important;
	    color: #2F83F5;
	}
	.credit__history_table.purchase__.membershipTable table tbody tr td:nth-child(5) {
	    order: 5;
	    position: absolute;
	    left: 250px;
	    bottom: 13px;
	    padding: 0 !important;
	    width: auto;
	    text-align: left !important;
	    font-weight: normal;
		font-size: 13px;
		line-height: 19px;
		
		letter-spacing: -0.861539px;
		
		color: #979797;
	}
	.credit__history_table.purchase__.membershipTable table tbody tr td:nth-child(6) {
	    order: 6;
	    display: none;
	}
	.credit__history_table.purchase__.membershipTable table tbody tr td:nth-child(4):after {
	    content: "";
	    position: absolute;
	    width: 1px;
	    height: 50%;
	    transform: translateY(-50%);
	    background-color: #ccc;
	    top: 56%;
	    right: 0px;
	}
	.credit__history_table.purchase__.membershipTable table tbody tr {
		border: 1px solid #EBEEF1;
	}
	.myMenbership__content__top > p {
		width: 60%;
	}
	
	
	
	.credit__history_table.profit__.profitTableBox table thead {
		display: none !important;
	}
	.credit__history_table.profit__.profitTableBox table tbody tr {
	    display: inline-flex;
	    margin-bottom: 25px;
	    flex-wrap: wrap;
	    position: relative;
	    width: 100%;
	    border: 1px solid #EBEEF1;
	}
	.credit__history_table.profit__.profitTableBox table tbody tr td:nth-child(0) {
		order: 0;
	}
	.credit__history_table.profit__.profitTableBox table tbody tr td:nth-child(1) {
		order: 1;
		border-right: 1px solid #EBEEF1;
	    word-break: break-all;
	    width: auto;
	    padding: 12px 23px !important;
	    font-size: 16px;
	    line-height: 23px;
	    letter-spacing: -0.861539px;
	    color: #8B95A2;
	}
	.credit__history_table.profit__.profitTableBox table tbody tr td:nth-child(2) {
		order: 2;
		display: none;
	}
	.credit__history_table.profit__.profitTableBox table tbody tr td:nth-child(3) {
		order: 3;
		position: static;
		left: auto;
    	top: auto;
    	display: flex;
	    justify-content: center;
	    align-items: center;
	    padding-left: 20px;
	}
	.credit__history_table.profit__.profitTableBox table tbody tr td:nth-child(4) {
	    order: 4;
	    display: none;
	}
	.credit__history_table.profit__.profitTableBox table tbody tr td:nth-child(5) {
		order: 5;
		display: none;
	}
	.credit__history_table.profit__.profitTableBox table {
		border: 0;
	}
	.credit__history_table.profit__.profitTableBox .bootstrap-table .table {
		border: 0;
	}
	
	.customMainPopup {
		display: block; width: 90%; top: 20px; margin: auto; left: 0 !important;
	}
	
	
	
	
	
	
	
	
	
	
}

@media screen and (max-width: 390px) {
	.search__form_box__2 {
		width: 100%;
	}
}


@media screen and (max-width: 350px) {
	.contain__inner {
	    min-width: 350px;
	}
	.home__bg_content {
		min-width: 350px;
	}
	.home__content_header .search__form_box__2 {
		width: 100%;
	}
	.ad__content {
		min-width: 350px;
	}
	.ad__content .ad__content_inner {
		min-width: 350px;
	}
	footer > .footer__inner {
		min-width: 350px;
	}
	.search__header_container {
		min-width: 350px;
	}
	.search__header_container__Sort_item {
		min-width: 350px;	
	}
	.main_wrap_content.join__main > .main_content_container .inner {
		min-width: 350px;
	}
}