﻿.user .sy-title{margin-top:2rem}.user__caption{margin-top:1rem;margin-bottom:.5rem;padding-left:.625rem}.user__caption{font-size:0}.user__caption>*{display:inline-block;vertical-align:middle}.user__caption .c-red{display:none;font-size:.8125rem}.user__content{padding-top:0}.user__content .sy-table__user--cont.mail{height:8.875rem;padding-bottom:.5rem}.user__content .sy-table__user--cont.mail .mail--caption p{font-size:.875rem;line-height:normal;word-break:keep-all;font-family:"NanumSquareOTF_ac",sans-serif}.user__content .sy-table__user--cont.mail .mail--caption p.net{margin:.5rem auto}.user__content .sy-table__user--cont.mail .mail--caption p.c-red{line-height:1.5}.user__content .sy-table__user--cont.mail .mail--caption p.c-red span{font-weight:bold}.user__content .sy-table__user--cont.mail .sy-select{display:none}.user__content .btn-point{display:none}.user.join .user__caption{margin-top:15px;padding-left:0}.user.join .user__caption--join{margin-bottom:15px}.user.join .user__caption--join span{display:block;font-size:13px;line-height:1.6;font-family:"NanumSquareOTF_ac",sans-serif}.user.join .user__caption--join span.bold{font-size:1rem;font-weight:bold}.user.join .user__caption .c-red{display:block}.user.join .user__content .sy-table__user--cont.mail .sy-select{display:inline-block}.user.join .user__content .sy-table__user--cont.btn{font-size:0}.user.join .user__content .sy-table__user--cont.btn .sy-btn{ width:72px; height:2rem; line-height:2rem; display:inline-block; margin:0 0 0 6px; font-size:14px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }.user.join .user__content .sy-table__user--cont .alert{margin-left:5px;font-size:12px;color:#ff6565;display:inline-block;vertical-align:middle}.user.join .user__content .btn-point{display:block}.sy-layer__join{width:468px;margin:0 auto;padding:5px;text-align:center;border:1px solid #c3c3c3;background-color:#fff;box-shadow:0 0 3px 0 #eee}.sy-layer__join img{vertical-align:bottom}.sy-layer__join .sy-btn{width:50%;height:36px;line-height:34px;display:block;margin:10px auto;font-size:13px;text-align:center;color:#fff;background-color:#454545}.sy-layer#sy-layer--join{width:auto}@media only screen and (min-width: 1001px){.user__content .sy-table__user--tit.mail{height:8.875rem;line-height:8.875rem}.user__content .sy-table__user--tit.important{background-color:#fdf1ea}.user__content .sy-table--caption{display:none}.user.join .user__content .sy-table__user--tit.important:before{content:"*";width:.375rem;height:.8125rem;display:inline-block;vertical-align:sub;line-height:normal;margin-right:5px;color:#ff6565}}@media only screen and (max-width: 1000px){.sy-input.sm{height:34px;line-height:34px}.sy-select.sm select{height:34px;line-height:34px}.user__content{padding-top:1rem}.user__content .sy-table__user--tit{color:#414141}.user__content .sy-table__user--cont.mail{height:auto}.user__content .sy-table--caption{display:block;margin:0 -15px 20px;padding:3px 0 3px 15px;color:#212121;background-color:#f5f5f5}.user__caption{margin-top:14px;padding:0}.user .sy-title{margin-top:0;padding-top:2rem}.user.join .user__caption{margin:0}.user.join .user__caption--join{width:100%;padding:20px;text-align:center;border-radius:6px;border:1px solid #f3f3f3;background-color:#f9f9f9}.user.join .user__caption--join span{font-size:12px;line-height:normal;word-break:keep-all}.user.join .user__caption--join span.bold{margin-bottom:4px;font-size:14px}.user.join .user__content{position:relative}.user.join .user__content .sy-table__user--tit.important:after{content:"*";display:inline-block;margin-left:2px;color:#ff6565}.user.join .user__content .sy-table__user--cont.btn .sy-input{width:calc(100% - 78px)}.user.join .user__content .sy-table__user--cont.btn .sy-btn{height:40px;line-height:40px}.user.join .user__content .sy-table__user--cont .alert{width:100%;display:block;margin:5px 0 0;text-align:left}.user.join .user__content .btn-point{height:50px;line-height:50px;margin-top:31px;padding:0}.user.join .sy-title{border-bottom:0}.user.join .user__caption--join span{font-size:11px}.user.join .user__caption--join span:nth-child(2){width:74%;margin:0 auto}.user.join .user__caption--join span.bold{font-size:14px}.sy-layer__join{width:100%}.sy-layer#sy-layer--join{width:100%;padding:0 10px}}@media only screen and (max-width: 360px){.user.join .user__caption--join span:nth-child(2){width:100%}}