/* BASIC css start */
#contentWrap {width:1100px;}
#content .tit-page {text-align: center;font-size:45px;line-height:70px;font-weight:600;border-bottom:0;padding-bottom: 70px;}

#loginWrap .frm-list input {width: 100%;border: 1px solid #c8c8c8;height: 77px;padding:0 20px;font-size:22px; color:#777777 !important;box-sizing: border-box;letter-spacing: -0.03em;border-radius: 5px;}
#loginWrap .frm-list .id {margin-bottom:10px;}
#loginWrap .se-log {padding-top:25px;display:flex;}
#loginWrap .lgnBtnWrp {margin-top:40px;padding-bottom: 70px;border-bottom: 1px solid #bebebe;}
#loginWrap .lgnBtnWrp a {position:relative;width: 100%;display: block;margin-top: 19px;height: 77px;line-height: 77px;font-size: 24px;font-weight: 500;border:none;border-radius: 5px;letter-spacing: -0.03em;}
#loginWrap .lgnBtnWrp a:first-child {margin-top:0;}
#loginWrap .lgnBtnWrp a.kakao {background-color:#FEDC00;color:#000;}
#loginWrap .lgnBtnWrp a.naver {background-color:#03C75A;color:#fff;}
#loginWrap .lgnBtnWrp a.naver img {}
#loginWrap .lgnBtnWrp a img {display: inline-block;margin-right: 15px;}
#loginWrap .joinWrap {padding-top:70px;}
#loginWrap .joinWrap .join_btn {display:block;text-align:center;border:1px solid #c8c8c8;border-radius:5px;font-size:24px;font-weight:500;width:100%;height:77px;line-height:77px;}
#loginWrap .frm_cs {position:relative;}
#loginWrap .frm_cs .find_btn {position: absolute;right: 0;top:25px;}
#loginWrap .frm_cs .find_btn a {position:relative;font-size:15px;color:#a6a5a5;}
#loginWrap .frm_cs .find_btn span:first-child a::after {content:"";width:1px;height:14px;background-color: #848484;display:inline-block;margin:0 12px -2px;}
#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:24px;color:#080404;border-bottom: 3px solid #e5e5e5;color: #080404;font-weight: 500;}
#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: 17px;color:#848484; -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/enprani/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/enprani/images/main/check_on.png);-webkit-appearance: none;}


#loginWrap {max-width: 674px;margin: 0 auto; padding-top:130px }
#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;}

#loginWrap .nonMember {text-align:center;margin-top:40px;}
#loginWrap .nonMember a {font-size:20px;color:#848484;line-height:24px;border: none;background: transparent;letter-spacing:-0.03em;}


/* ºñȸ¿ø ÁÖ¹®Á¶È¸ */
.nonMem_form {display:none;}
#content .nonMem_form .tit-page {padding-bottom:40px;}
.nonMem_form .tit_sub {text-align:center;padding-left:0;}
.nonMem_form .tit_sub::before {display:none;}
.nonMem_form fieldset {margin-top:35px;}
.nonMem_form .sub {margin-top:10px;}
.nonMem_form .order_btn {display: block;margin: 30px 0 50px;height: 77px;line-height: 77px;font-size: 24px;letter-spacing: -0.03em;font-weight: 500;}
.nonMem_form input {margin-bottom:14px;}
.nonMem_form p {position:relative;padding-left: 15px;font-size: 22px;line-height: 33px;font-weight: 400;color: #848484;letter-spacing: -0.03em;}
.nonMem_form p::before {content:"";width:3px;height:3px;margin-right: 10px;border-radius:10px;background-color:#848484;position: absolute;top: 15px;left: 0;}
/* BASIC css end */