/* BASIC css start */
#contentWrap {width:1100px;}
#loginWrap .frm-list input {width: 100%;border: 1px solid #e7e7e7;height: 50px;padding:0 20px;color:#777777 !important;}
#loginWrap .frm-list .id {margin-bottom:10px;}
#loginWrap .se-log {padding-top:15px;display:flex;}
#loginWrap .se-log label:last-child {margin-left:10px;}
#loginWrap .lgnBtnWrp {margin-top:40px;padding-bottom: 40px;border-bottom: 1px solid #f1f1f1;}
#loginWrap .lgnBtnWrp a {width: 100%;display: block;height: 70px;line-height: 70px;font-size: 17px;font-weight: 500;border:none;}
#loginWrap .lgnBtnWrp a:last-child {margin-top:10px;background-color:#fa5500;}
#loginWrap .frm_cs {position:relative;}
#loginWrap .frm_cs .find_btn {position: absolute;right: 0;top:13px;}
#loginWrap .frm_cs .find_btn a {font-size:15px;color:#a6a5a5;text-decoration: underline;}
#loginWrap .frm-wrap {border-bottom: 1px solid #efefef;padding-bottom: 40px;}
.active-tab {display: block;}

#loginWrap .tab-titles {display:flex;margin-bottom: 40px;}
#loginWrap .tab-titles li {width:50%;}
#loginWrap .tab-titles li a {display:inline-block;width:100%; padding-bottom:15px;text-align:center;font-size:17px;color:#080404;border-bottom: 3px solid #e5e5e5;font-size: 17px;color: #080404;font-weight: 700;font-family: "Montserrat", "pretendard", sans-serif;}
#loginWrap .tab-titles li a.active {border-bottom: 3px solid #000;}
#loginWrap .tab-content {display:none;}
#loginWrap .tab-content.active {display:block;}
.txt-frm:valid {color: #777777;}


.order-sp a {width: 100%;height: 70px;line-height: 70px;border: none;font-size: 17px;font-weight: 500;}
.order-sp a.join {background-color:#fa5500;margin-top:10px;}
.order-sp .frm-list {padding-bottom:35px;}
.order-sp .frm-list .name {margin-bottom:10px;}

#simpleLogin .ttl {font-size:17px;color:#000;font-weight: 600;margin: 40px 0;}

#loginWrap label {display: block; position: relative; margin-bottom: 10px; cursor: pointer;font-size: 14px;color:#000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#loginWrap input[type="checkbox"] {width: 20px;height: 20px;margin-right:4px; border: 0;background: url(/design/fas1292/renewal/images/main/check_off.png) no-repeat 0 0;background-size: 20px 20px;margin-top:-1px;-webkit-appearance: none;}
#loginWrap input[type="checkbox"]:checked {background-image: url(/design/fas1292/renewal/images/main/check_on.png);-webkit-appearance: none;}


#loginWrap {max-width: 430px;margin: 0 auto; padding-top:70px }
#loginWrap .mlog-sign { height:458px; border:1px solid #e9e9e9; border-top:none }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign { float:left }
#loginWrap .mlog-sign h3 { padding-top:35px; font-size:18px; color:#363636; font-weight:bold; line-height:18px }
/* member login */
#loginWrap .mlog-sign .mlog { margin-top:44px; padding:0 81px; position:relative;height:370px; border-right:1px solid #e9e9e9 }
#loginWrap .mlog-sign .mlog p { padding-top:20px; font-size:11px; color:#adadad }
#loginWrap .mlog-sign .frm-list { padding-top:18px; position:relative; width:386px }
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:6px }
#loginWrap .mlog-sign .frm-list li label { padding-left:11px; position:absolute; top:0; left:0; width:375px; height:50px; color:#adadad; line-height:50px; cursor:text }
#loginWrap .mlog-sign .frm-list li input { padding-left:10px; width:100%; height:48px; line-height:48px; border:1px solid #ddd }
#loginWrap .mlog-sign .btn-mlog { padding-top:10px; position:relative }
#loginWrap .mlog-sign .btn-mlog a { width:384px; height:58px; font-size:16px; line-height:58px }
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size:11px }
#loginWrap .mlog-sign .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }

/* sign */
#loginWrap .mlog-sign .sign { margin-top:44px; padding-left:76px; width:386px }
#loginWrap .mlog-sign .sign dl { padding-top:22px }
#loginWrap .mlog-sign .sign dl dt { font-size:11px; color:#adadad }
#loginWrap .mlog-sign .sign dl dd { padding-top:15px }
#loginWrap .mlog-sign .sign dl dd a { width:384px; height:58px; font-size:15px; line-height:58px }

/* simpleLogin */
#simpleLogin { text-align:center; margin-top:10px }
#simpleLogin .sns-login {display:flex;align-items: center;justify-content: center;}
#simpleLogin .sns-login a {display: flex;align-items: center;justify-content: center;width:55px;height:55px;background-color:#fde500;border-radius:80px;margin-left:40px;}
#simpleLogin .sns-login a:first-child { margin-left:0 }
#simpleLogin .sns-login a.naver {background-color:#03cf5c;}
#simpleLogin .sns-login a.apple {background-color:#000;}
#simpleLogin .sns-login a.apple > img {margin-top:-4px;}
#simpleLogin .sns-login a > img {max-width:26px;width:100%; }
#simpleLogin .sns-login span { position:absolute; left:50%; top: -22px; margin-left: -40px; }
#simpleLogin .sns-login span img { width: 80px !important;}


#content .tit-page {text-align:center;}


.sns_join_banner {padding-top:80px;}
.sns_join_banner ul {display:flex;justify-content: center;}
.sns_join_banner ul li {width:200px;text-align:center;border-right: 1px solid #e5e5e5;border-style: dashed;border-left: 0;border-top: 0;border-bottom: 0;letter-spacing: -0.05em;}
.sns_join_banner ul li img {width:105px;}
.sns_join_banner ul li div {text-align:center;}
.sns_join_banner ul li strong {display:block;margin-top:20px;font-size: 17px;font-weight:700;}
.sns_join_banner ul li span {display: block;margin-top: 25px;font-size: 15px;color: #2b2b2b;}
.sns_join_banner ul li span b {font-size:13px;font-weight:normal;}
.sns_join_banner ul li:last-child {border-right:0;}
/* BASIC css end */