@charset "utf-8";

/* =======================================================
	index
========================================================*/

.fm--mypage section {padding: 20px 0 0; margin-bottom: 40px; }

.fm--mypage section .fm--title-wrapper {margin-bottom: 32px; padding: 0 20px 8px; border-bottom: 1px solid #eee; }
.fm--mypage section .fm--title-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--mypage section .fm--title-wrapper .fm--title {float: left; line-height: 30px;  }
.fm--mypage section .fm--title-wrapper .fm--btn-group {position: static; float: right; }
.fm--mypage section .fm--title-wrapper .fm--goto-modify {display: inline-block; width: 80px; height: 30px; padding: 0 8px; font-size: 12px; line-height: 28px; text-align: center; color: #8f8f8f;}

.fm--mypage .fm--dl-info {font-size: 15px; }
.fm--mypage .fm--dl-info dd {color: #6f6f6f; }



/* 디자인 설정  */
.fm--mypage .section01 article {margin: 0 16px; box-sizing: border-box; }
.fm--mypage .section01 article:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}

.fm--mypage .section01 .fm--skin-thumb .fm--skin-img {position: relative; display: block; width: 240px; height: 181px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; border: 1px solid #f0f0f0; border-radius: 5px; box-sizing: border-box; }

.fm--mypage .fm--dl-color dd:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--mypage .fm--dl-color dd * {float: left; }
.fm--mypage .fm--dl-color dd em {display: inline-block; font-style: normal;}
.fm--mypage .fm--preview-color {display: inline-block; width: 75px; height: 20px; border: 1px solid #f0f0f0; margin-right: 8px; }


/* 사이트 설정 */
.fm--mypage .section02 article {margin: 0 32px; box-sizing: border-box; }
.fm--mypage .section02 article:after {content: ""; clear: both; display: block; height: 0; visibility: hidden;}

.fm--mypage .section02 .fm--preview-logo {margin-top: 8px; width: 80%; padding: 16px 16px; border: 1px solid #f0f0f0; border-radius: 5px; }
.fm--mypage .section02 .fm--preview-logo img {display: block; width: 60%;  margin: 0 auto; }

.fm--mypage .section02 .fm--dl-info-guide {width: 100%; padding-left: 140px; margin-top: 8px; }





/* =======================================================
	myinfo
========================================================*/


/* 정보수정 진입
-------------------------------------------*/
.fm--myinfo-gate .fm--gate-text {padding: 112px 20px 0; margin-bottom: 24px; text-align: center; background-image: url("/images/fieldmake/mobile/sub/lock_off.png"); background-repeat: no-repeat; background-position: center 48px; }
.fm--myinfo-gate .fm--login-set {width: 100%; padding: 0 20px; margin: 0 auto; box-sizing: border-box; }
.fm--myinfo-gate .fm--input-text {position: relative; z-index: 1; height: 55px; }
.fm--myinfo-gate .fm--input-text + .fm--input-text {margin-top: -1px; }
.fm--myinfo-gate .fm--input-text:focus {z-index: 3; }
.fm--myinfo-gate .fm--login-set .fm--login-id {border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.fm--myinfo-gate .fm--login-set .fm--login-pw {border-top-left-radius: 0; border-top-right-radius: 0; }

.fm--myinfo-gate .fm--btn-login {margin-top: 24px; width: 100%; height: 50px; display: block; line-height: 48px; border: 1px solid #6c30e0; background-color: #6c30e0; color: #fff; }



/* 정보수정
-------------------------------------------*/
.fm--myinfo-modify .fm--form-container {}



/* 비밀번호 수정
-------------------------------------------*/
.fm--mypassword .fm--form-container {}
.fm--mypassword .fm--dl-form {padding-top: 0; }





/* =====================================================
	fm--myfield 디자인 설정
=====================================================*/
.fm--myfield-design section {padding: 32px 20px; }
.fm--myfield-design section + section {border-top: 2px solid #eee;}

.fm--myfield-design .fm--title-wrapper {margin-bottom: 24px; }

/* 필드관리 스킨 설정 */
.fm--myfield-design .fm--type-list {}
.fm--myfield-design .fm--type-list:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--myfield-design .fm--type-item {float: left; width: 49%; margin-top: 16px; margin-left: 2%; }

.fm--myfield-design .fm--type-item:first-child,
.fm--myfield-design .fm--type-item:nth-child(2n+1) {margin-left: 0; }

.fm--myfield-design .fm--type-item:nth-child(1),
.fm--myfield-design .fm--type-item:nth-child(2) {margin-top: 0; }

.fm--myfield-design .fm--type-item .fm--type-thumb {position: relative; display: block; width: 100%; height: 290px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; border: 1px solid #d7d7d7; border-radius: 5px; box-sizing: border-box; }
.fm--myfield-design .fm--type-item .fm--type-thumb img {width: 100%; }
.fm--myfield-design .fm--type-item.active .fm--type-thumb {border-color: #6c30e0; }

.fm--myfield-design .fm--type-item .fm--radio-group {margin-top: 8px; }
.fm--myfield-design .fm--type-item .fm--radio-group .fm--label-text {width: calc(100% - 24px); color: #4f4f4f; }

.fm--myfield-design .fm--type-item .fm--tag-use {display: inline-block; position: absolute; top: 8px; left: 8px; padding: .2em .6em .2em; background-color: #6c30e0; box-sizing: border-box; border-radius: 3px; color: #fff; font-size: 12px; }

.fm--myfield-design .fm--type-view {position: absolute; bottom: 10px; right: 10px; width: 32px; height: 32px; }
.fm--myfield-design .fm--type-view .fm--btn-preview {width: 32px; height: 32px; padding: 0; background-color: rgba(34, 34, 34, 0.4); background-image: url(/images/fieldmake/mobile/sub/btn_site_more.png); background-repeat: no-repeat; background-size: 14px 14px; background-position: center center; border-radius: 999px; line-height: 28px; }



/* 필드관리 사이트 색상 설정 */
.fm--myfield-design .fm--form-colorstyle .fm--radio-group {float: left; width: 49%; }
.fm--myfield-design .fm--form-colorstyle .iradio {margin-top: 8px; }
.fm--myfield-design .fm--form-colorstyle .fm--radio-group + .fm--radio-group {margin-left: 2%;}
.fm--myfield-design .fm--form-colorstyle .fm--label-text {line-height: 36px; }
.fm--myfield-design .fm--form-colorstyle .fm--selectbox,
.fm--myfield-design .fm--form-colorstyle .fm--input-color-group {position: relative; float: left; width: 100%; }

.fm--myfield-design .fm--input-color-group .fm--input-text {width: 100%; padding-left: 22px; }
.fm--myfield-design .fm--input-color-group .sign-number {position: absolute; top: 13px; left: 9px; }





/* =====================================================
	fm--myfield 사이트 설정
=====================================================*/
.fm--myfield-site {}
.fm--myfield-site section {padding: 32px 20px; }
.fm--myfield-site section + section {border-top: 2px solid #eee;}

.fm--myfield-site .fm--title-wrapper {margin-bottom: 24px; }

/* section01 도메인 설정
-------------------------------------------*/
.fm--myfield-site .section01 .fm--list-circle02 {}
.fm--myfield-site .section01 .fm--list-circle02 li {margin-top: 8px; font-size: 14px; color: #222;}
.fm--myfield-site .section01 .fm--list-circle02 li:first-child {margin-top: 0; }

.fm--myfield-site .section01 .fm--list-circle02 strong.fm--font-main {font-weight: 500; }
.fm--myfield-site .section01 .fm--list-depth li {margin-top: 4px; font-size: 12px; color: #6f6f6f; }

.fm--myfield-site .section01 .fm--box-gray {margin-top: 24px; padding: 16px 16px; }
.fm--myfield-site .section01 .fm--radio-group {display: inline-block; width: 48%; }
.fm--myfield-site .section01 .fm--radio-group + .fm--radio-group {}

.fm--myfield-site .fm--form-domain {display: none; }



/* section02 사이트 정보
-------------------------------------------*/
.fm--myfield-site .fm--form-container {padding: 24px 0 0; }
.fm--myfield-site .section02 .fm--form-container {padding: 0; }
.fm--myfield-site .form-textstyle .fm--label-text {margin-right: 24px; }



/* 로고 등록 */
.fm--myfield-site .fm--box-upload-logo {display: none; margin-top: 16px; }
.fm--myfield-site .fm--box-upload-logo:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.fm--myfield-site .fm--box-upload-logo .fm--title {float: left; width: 90px; font-size: 14px; line-height: 45px;}

.fm--myfield-site .fm--box-upload-logo .fm--upload-contents {width: calc(100% - 90px); float: left; }

.fm--myfield-site .fm--box-upload-logo .fm--upload-wrapper {}
.fm--myfield-site .fm--box-upload-logo .fm--upload-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.fm--myfield-site .fm--box-upload-logo .fm--upload-file {position: relative; float: left; width: calc(100% - 94px); }
.fm--myfield-site .fm--box-upload-logo .fm--upload-file .fm--input-file {display: block; width: 100%; height: 45px; margin: 0; padding: 0 38px 0 8px; background-color: #fff;  border: 1px solid #cbcbcb; border-radius: 5px;  box-sizing: border-box; font-size: 14px; font-weight: 400; line-height: 1.5; color: #4f4f4f; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }
.fm--myfield-site .fm--box-upload-logo .fm--upload-file .fm--btn-file-delete {position: absolute; right: 8px; top: 12px; z-index: 10; width: 24px; height: 24px; display: block; padding: 0; background: url("/images/fieldmake/mobile/common/file_delete.png") no-repeat center; border: 0; }

.fm--myfield-site .fm--box-upload-logo .fm--btn-group {position: relative; float: left; margin-left: 4px; }
.fm--myfield-site .fm--box-upload-logo .fm--btn-group .fm--btn-upload {width: 90px; }



/* 이미지 등록 */
.fm--myfield-site .fm--box-upload-thumb {padding: 24px 20px; text-align: center; }

.fm--myfield-site .fm--box-upload-thumb .fm--box-upload-img { }
.fm--myfield-site .fm--box-upload-thumb .fm--upload-img {position: relative; width: 120px; height: 120px; margin:0 auto; overflow: hidden; background-repeat: no-repeat; background-size: 120px 120px; background-position: center center; border: 1px solid #f0f0f0; border-radius: 999px; }
.fm--myfield-site .fm--box-upload-thumb .fm--btn-file-delete {position: absolute; right: 50%; top: 15px; z-index: 10; width: 24px; height: 24px; display: block; margin-right: -60px; padding: 0; background: url("/images/fieldmake/mobile/common/file_delete.png") no-repeat center; border: 0; }

.fm--myfield-site .fm--box-upload-thumb .fm--box-upload-guide {margin-top: 8px; font-size: 13px; color: #8f8f8f; }
.fm--myfield-site .fm--box-upload-thumb .fm--btn-upload {width: 100%; height: 40px; margin-top: 16px; line-height: 28px; }

.fm--myfield-site .fm--input-message {margin-top: 8px;}

/* 판매자 정보
-------------------------------------------*/
.fm--myfield .fm--myfield-site .section03 {padding: 32px 0 80px; }
.fm--myfield-site .section03 .fm--table-form {border-top: 1px solid #b8b8b8; }




/* =======================================================
	fm--myfield 버전 및 옵션
========================================================*/
.fm--myfield-option section {padding: 32px 20px; }
.fm--myfield-option section + section {border-top: 2px solid #eee;}
.fm--myfield-option .fm--title-wrapper {margin-bottom: 24px; }

/* 버전선택 */
.fm--myfield-option .section01:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--myfield-option .section01 .left,
.fm--myfield-option .section01 .right {width: calc(50% - 2%); }
.fm--myfield-option .section01 .fm--radio-group {margin-bottom: 8px; }
.fm--myfield-option .section01 .fm--radio-group .fm--label-text {font-size: 14px; color: #222; font-weight: 400;}
.fm--myfield-option .section01 li {margin-bottom: 8px; font-size: 13px; color: #4f4f4f; }
.fm--myfield-option .section01 li:last-child {margin-bottom: 0; }



/* 옵션선택 */
.fm--myfield-option .fm--plus-option-list  {width: 100%;  box-sizing: border-box; }

.fm--myfield-option .fm--plus-option {position: relative; border: 1px solid #e6e4e4; border-radius: 5px; box-sizing: border-box; background-color: #fff; overflow:hidden; }
.fm--myfield-option .fm--plus-option  + .fm--plus-option {margin-top: 8px;}

.fm--myfield-option .fm--plus-option label {display: block; padding: 16px 16px 16px 45px; background-image: url("/images/fieldmake/mobile/sub/check.png"); background-repeat: no-repeat; background-position: 16px center; background-size: 14px; }
.fm--myfield-option .fm--plus-option input:checked ~ label {border-color: #6c30e0; background-image: url("/images/fieldmake/mobile/sub/check_on.png"); }
.fm--myfield-option .fm--plus-option strong {font-size: 14px; color: #222; font-weight: 400; }
.fm--myfield-option .fm--plus-option span {display: block; font-size: 13px; color: #6f6f6f; font-weight: 400; }

.fm--myfield-option .fm--sub-option-list {position: relative; }
.fm--myfield-option .fm--sub-option-list.active {display: block; }
.fm--myfield-option .fm--sub-option-list .fm--plus-option {margin: 0; border: none; border-top: 1px solid #e6e4e4; border-radius: 0; background-color: #fafafa; }





/* =======================================================
	fm--myfield 입금계좌관리
========================================================*/
.fm--myfield-account section {padding: 32px 20px; }
.fm--myfield-account section + section {border-top: 2px solid #eee;}
.fm--myfield-account .fm--dl-form {padding: 0; }
.fm--myfield-account .fm--title-wrapper {margin-bottom: 24px; }
.fm--myfield-account .fm--form-wrapper {padding-top: 0; border-top: 0; }

.fm--myfield-account .section01 .fm--account-person {display: none; }
.fm--myfield-account .section01 .fm--account-person.active {display: block; margin-top: 24px;}
.fm--myfield-account .section01 .fm--account-company {display: none; }
.fm--myfield-account .section01 .fm--account-company.active {display: block; margin-top: 24px;}

.fm--myfield-account .fm--account-defult .fm--label-text {margin-right: 40px; }


/* 입금 계좌 정보 */
.fm--myfield-account .fm--account-text {margin-top: 8px; margin-left: 4px; font-size: 13px; color: #4f4f4f; }





/* =======================================================
	message 알림함
========================================================*/
/* list */
.fm--message .fm--board-header {padding: 20px 20px; }
.fm--message .fm--board-header .fm--board-guide {float: left; margin-top: 8px; }
.fm--message .fm--board-header .fm--btn-message {float: right; width: auto; height: 36px; background-color: #fff; border: 1px solid #cbcbcb; padding-left: 40px; background-image: url("/images/fieldmake/mobile/sub/message_off.png"); background-repeat: no-repeat; background-size: 16px 16px; background-position: 16px center; border-radius: 999px; line-height: 32px; font-size: 13px; color: #6f6f6f; }

.fm--message .fm--title {padding-left: 24px; background-image: url("/images/fieldmake/mobile/sub/message.png"); background-repeat: no-repeat; background-size: 16px 16px; background-position: left 2px; box-sizing: border-box; }
.fm--message .fm--title.read {background-image: url("/images/fieldmake/mobile/sub/message_off.png"); color: #8f8f8f; }


/* view */
.fm--mesaage-view .fm--board-title {padding-left: 24px; background-image: url("/images/fieldmake/mobile/sub/message.png"); background-repeat: no-repeat; background-size: 16px 16px; background-position: left 4px; }
.fm--mesaage-view .fm--board-title.read {background-image: url("/images/fieldmake/mobile/sub/message_off.png"); color: #8f8f8f; }
.fm--mesaage-view .fm--board-contents {padding: 24px 20px; }











@media all and (min-width: 320px) and (max-width: 374px) {

	/* 디자인설정
	-------------------------------------------*/
	.fm--myfield-design .fm--type-item .fm--radio-group .fm--label-text {max-width: 110px; }


	/* 사이트설정
	-------------------------------------------*/
	.fm--myfield-site .fm--box-upload-thumb .left {width: 48%; }
	.fm--myfield-site .fm--box-upload-thumb .fm--upload-img {width: 110px; height: 110px; background-size: 110px 110px; }
	.fm--myfield-site .fm--box-upload-thumb .right {width: 48%; }


	/* 옵션설정
	-------------------------------------------*/
	.fm--myfield-option .section01 .left,
	.fm--myfield-option .section01 .right {width: 100%; }
	.fm--myfield-option .section01 .left {margin-bottom: 16px; }

}


@media all and (min-width: 375px) and (max-width: 480px) {

	/* 옵션설정
	-------------------------------------------*/
	.fm--myfield-option .section01 .left,
	.fm--myfield-option .section01 .right {width: 100%; }
	.fm--myfield-option .section01 .left {margin-bottom: 16px; }

}


@media all and (min-width: 768px) {

	/* 사이트설정
	-------------------------------------------*/
	.fm--myfield-site .fm--box-upload-thumb .left {width: 25%; }
	.fm--myfield-site .fm--box-upload-thumb .right {width: 75%; }
	.fm--myfield-site .section01 .fm--radio-group + .fm--radio-group {margin-top: 0; }

	.fm--myfield-site .fm--box-upload-thumb .fm--btn-upload {width: 300px; }


	/* 옵션설정
	-------------------------------------------*/
	.fm--myfield-option .section01 .fm--box-white {min-height: 135px; }

	.fm--myfield-option .fm--plus-option > ul {display: block; position: relative; margin: 8px 0 16px; padding-left: 32px; }
	.fm--myfield-option .fm--plus-option > ul .fm--plus-option:before {content: ""; display: block; position: absolute; top: -8px; left: -22px; z-index: 0; width: 22px; height: 65px; background-image: url("/images/fieldmake/mobile/sub/myfield_option_line.png"); background-repeat: no-repeat; background-position: left top; }
	.fm--setting-option .fm--plus-option > ul .fm--plus-option:last-child:before {height: 35px; background-position: left top; }

}