@charset "utf-8";





/* =======================================================
	page
========================================================*/
/* fm--page-header
-----------------------------------------------*/
.fm--page-header {padding: 32px 20px 24px; border-bottom: 1px solid #e4e6e6; box-sizing: border-box; }
.fm--page-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

/* page-title */
.fm--head-title {font-size: 20px; font-weight: 300; }
.fm--page-description {margin-top: 4px; font-size: 14px; color: #4f4f4f; }


/* page-step-wrapper */
.fm--head-title .fm--page-step {font-size: 15px; color: #4f4f4f; }
.fm--head-title .fm--page-step em {font-style: normal; color: #1a1a1a; font-weight: 500; }


.fm--title-wrapper {position: relative; }
.fm--title-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--title-wrapper .fm--description {margin-top: 4px; font-size: 13px; color: #8f8f8f; }
.fm--title-wrapper .fm--btn-group {position: absolute; top: 0; right: 0; }
.fm--title-wrapper .fm--btn-group .fm--btn {float: left; }
.fm--title-wrapper .fm--btn-group .fm--btn + .fm--btn {margin-left: 8px; }

.fm--title {font-size: 18px; color: #222; font-weight: 400; }


/* fm--pagination */
.fm--pagination {height: 30px; margin: 24px auto 0; text-align: center; }

.fm--pagination .fm--pagination-arrow,
.fm--pagination .fm--pagination-page {display: inline-block; }

.fm--pagination .fm--pagination-arrow,
.fm--pagination .fm--pagination-page li {display: inline; }

.fm--pagination a {display: inline-block; min-width: 30px; height: 30px; padding: 0 4px; box-sizing: border-box; color: #6f6f6f; font-size: 13px; color: #6f6f6f; letter-spacing: -0.5px; text-align: center; text-decoration: none; vertical-align: middle; line-height: 30px; font-weight: 400; }
.fm--pagination a.current {background-color: #1a1a1a; color: #fff; }

.fm--pagination .fm--pagination-arrow a {padding: 0; }
.fm--pagination .fm--pagination-page {margin: 0 8px; }




/* page-bottom
-----------------------------------------------*/
/*.fm--pagination {margin-top: 16px; width: 100%; }*/
.fm--pagination  .fm--btn-page {display: block; width: 300px; color: #6f6f6f; text-align: center; margin: 0 auto; }



/* =======================================================
	list
========================================================*/
.fm--wrapper ul,
.fm--wrapper ol,
.fm--wrapper li {list-style: none; }

.fm--list-circle > li {padding-left: 14px; background: url("/AppData/images/site/common/bul_circle.png") no-repeat left 9px; }
.fm--list-circle02 > li {padding-left: 14px; background: url("/AppData/images/site/common/bul_circle02.png") no-repeat left 9px; }

.fm--list-dash > li:before {content: "-"; display: inline-block; margin-right: 4px; }


.fm--dl-info {margin-top: 32px; }
.fm--dl-info:first-child {margin-top: 0; }
.fm--dl-info:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--dl-info dt {width: 100%; }
.fm--dl-info dd {width: 100%; }





/* =======================================================
	button
========================================================*/
a {text-decoration: none; color: inherit; outline: none; }
button {background-color: transparent; border: none; outline: none; }


.fm--btn {display: inline-block; height: 45px; padding: 0 16px; border-radius: 5px; border: 1px solid #cbcbcb; background-color: #fff; box-sizing: border-box; font-size: 14px; font-weight: 400; line-height: 43px; letter-spacing: 0.28px; text-align: center; color: #6f6f6f; white-space: nowrap; vertical-align: middle; }

.fm--btn-small {height: 20px; padding: 0 8px; font-size: 12px; line-height: 18px; color: #8f8f8f; }
.fm--btn-full {width: 100%; }


/* color */
.fm--btn-main {border: 1px solid #1a1a1a; background-color: #1a1a1a; color: #fff; }
.fm--btn-main-line {border: 1px solid #1a1a1a; color: #1a1a1a; }
.fm--btn-black {border: 1px solid #222; background-color: #222; color: #eee; }






/* fm--btn-group
-----------------------------------------*/
.fm--btn-group {}
.fm--btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }


.fm--btn-bottom-group {padding: 24px 20px 0; border-top: 1px solid #e4e6e6; text-align: center; }
.fm--btn-bottom-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--btn-bottom-group .fm--btn {float: left; width: calc(50% - 5px); height: 45px; font-size: 15px; line-height: 43px; }
.fm--btn-bottom-group .fm--btn + .fm--btn {margin-left: 8px; }






/* input + button */
.fm--input-btn-group {}
.fm--input-btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--input-btn-group .fm--input-text {float: left; width: calc(100% - 128px); }
.fm--input-btn-group .fm--input-text + .fm--btn {float: left; width: 120px; margin-left: 8px; }


.icheck + .fm--label-text,
.iradio + .fm--label-text {margin-left: 4px; }



/* input + sign + input */
.fm--input-sign-group {}
.fm--input-sign-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--input-sign-group .fm--input-text {float: left; width: 46%; }
.fm--input-sign-group .input-sign {float: left; margin: 0 8px; line-height: 45px; font-size: 16px; color: #4f4f4f; }



/* input file group */
.fm--upload-wrapper {}
.fm--upload-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--upload-wrapper + .fm--upload-wrapper {margin-top: 8px; }
.fm--upload-wrapper .fm--upload-file {position: relative; float: left; width: calc(100% - 104px); }
.fm--upload-wrapper .fm--upload-file .fm--input-file {display: block; width: 100%; height: 40px; 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: #8f8f8f; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }
.fm--upload-wrapper .fm--upload-file .fm--btn-file-delete {position: absolute; top: 8px; right: 8px; z-index: 10; width: 24px; height: 24px; display: block; padding: 0; background: url("/AppData/images/site/button/file_delete.png") no-repeat center; background-size: 18px 18px; border: 0; }

.fm--upload-wrapper .fm--upload-btn-group {position: relative; float: left; width: 100px; margin-left: 4px; }
.fm--upload-wrapper .fm--upload-btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.fm--upload-wrapper .fm--upload-btn-group .fm--btn-upload {width: 100%; height: 40px; line-height: 38px; font-size: 13px; }

.fm--upload-wrapper .fm--text-guide {font-size: 13px; }



/* fm--check-group */
.fm--check-group {}
.fm--check-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--check-group .icheck {float: left; }
.fm--check-group .fm--label-text {float: left; display: inline-block; font-size: 14px; line-height: 19px; color: #4f4f4f; vertical-align: middle; }
.fm--input-text + .fm--check-group {margin-top: 8px; }
.fm--text-guide + .fm--check-group {margin-top: 8px; }


.fm--text-counter {margin-top: 8px; text-align: right; font-size: 12px; color: #8f8f8f; }


.fm--radio-group {vertical-align: middle; }
.fm--radio-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--radio-group .iradio {float: left; }
.fm--radio-group .fm--label-text {float: left; vertical-align: middle; font-size: 13px; line-height: 19px; color: #4f4f4f; }

.fm--radio-group.horizontal {}
.fm--radio-group.horizontal .iradio + .fm--label-text {margin-right: 24px; }

.fm--input-group select,
.fm--input-group .fm--input-text {margin-left: 5px; }





/* =======================================================
	아이콘
========================================================*/
.icon {display: inline-block; }


/* sns아이콘 */
.icon-kakao {background-image: url("/AppData/images/site/sns/icon_kakao.png"); }
.icon-facebook {background-image: url("/AppData/images/site/sns/icon_facebook.png"); }
.icon-twitter {background-image: url("/AppData/images/site/sns/icon_twitter.png"); }
.icon-instagram {background-image: url("/AppData/images/site/sns/icon_instagram.png"); }
.icon-kakaostory {background-image: url("/AppData/images/site/sns/icon_kakaostory.png"); }
.icon-line {background-image: url("/AppData/images/site/sns/icon_line.png"); }
.icon-band {background-image: url("/AppData/images/site/sns/icon_band.png"); }
.icon-blog {background-image: url("/AppData/images/site/sns/icon_blog.png"); }





/* =======================================================
	fm--form-container
========================================================*/
.fm--form-container {padding: 32px 20px; }
.fm--form-container:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.fm--form-header {padding-bottom: 8px; border-bottom: 1px solid #e4e6e6; box-sizing: border-box; }
.fm--form-container .fm--form-guide {font-size: 13px; color: #6f6f6f; }


/* fm--dl-form */
.fm--dl-form {padding: 24px 0 0; }
.fm--dl-form .fm--form-field {width: 100%; box-sizing: border-box; }
.fm--dl-form .fm--form-field dt {margin-bottom: 8px; }

.fm--dl-form .fm--text-guide {display: block; margin-top: 4px; margin-left: 4px; }



/* 이용약관동의 */
.fm--agreement-container {padding: 32px 20px; }
.fm--agreement-checkitem {margin-top: 24px; }
.fm--agreement-checkitem:first-child {margin-top: 16px; }
.fm--agreement-checkitem .fm--label-text {font-size: 15px; color: #222; }
.fm--agreement-checkitem .fm--label-tex .fm--font-main {font-size: 0.8em; margin-left: 4px; margin-right: 0; }
.fm--agreement-checkitem .fm--agreement-terms {display: block; width: 100%; height: 180px; overflow: hidden; overflow-y: scroll; margin-top: 8px; padding: 16px 16px; border: 1px solid #cbcbcb; border-radius: 5px; box-sizing: border-box; font-size: 13px; color: #6f6f6f; white-space: normal; word-break: break-all; }


/* table-form 쓰기 어려운 부분에 사용 */
.fm--form-field {display: block; }
.fm--form-field  + .fm--form-field {margin-top: 32px; }

.fm--form-field .fm--form-title {display: block;  margin-bottom: 8px; }
.fm--form-field .fm--form-contents {}
.fm--form-field .fm--form-contents:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }




/* =======================================================
  datepicker
========================================================*/
.fm--datepicker {}
.fm-datepicker-box {position: relative; margin-top: 8px;}

.fm--input-datepicker {width: calc(50% - 7.5px); }
.fm--datepicker select {margin-bottom: 8px; }

/* datepicker */
.ui-widget.ui-widget-content {transform: translateX(-10px); }

.ui-widget-content::before, 
.ui-widget-content::after {content: ""; left: 112px; border: 5px solid transparent; border-top: 0; }