/* BASIC css start */
#contentWrapper {background:#f5f7f9}
#loginWrap { max-width:1200px; margin:0 auto 0px; background:#f5f7f9;}
#loginWrap .mlog-sign {border-top:none }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {}
#loginWrap .mlog-sign h3 { font-size:28px; color:#363636; line-height:18px; text-align:center; font-family: 'FlightSans-Bold', sans-serif;}
.CSSbuttonBlack {background:rgb(43, 46, 67) !important; border:1px solid rgb(43, 46, 67) !important; color:#fff;}
.CSSbuttonBlack:hover {background:#fff !important; color:rgb(43, 46, 67) !important;}
#content{padding-top:30px;}
.page-body {margin:0 auto; padding:50px 0 150px; text-align:center;}
.util_wrap {display:flex; align-items:center; justify-content:center; margin-top:2rem;}
.util_wrap a {transition:color 0.3s; font-size:1.125rem; font-family: 'FlightSans-Regular', sans-serif;}
.util_wrap a:hover {color:rgb(43, 46, 67)}
.util_wrap a + a {position:relative; margin-left:2rem;}
.util_wrap a + a:before {content:''; position:absolute; left:-1rem; top:50%; width:0.3rem; height:0.3rem; border-radius:100%; background-color:#e0e0e0; transform:translate(-50%, -50%);}


/* member login */
#loginWrap .mlog-sign .mlog {padding:0 81px; position:relative;}
#loginWrap .mlog-sign .mlog p { padding:10px 0 15px; font-size:14px; color:#adadad; text-align:center; }
#loginWrap .mlog-sign .frm-list { padding-top:25px; position:relative;}
#loginWrap .mlog-sign .frm-list li { position:relative; width: 420px; margin:0 auto 8px; text-align:center; }
#loginWrap .mlog-sign .frm-list li label {position:absolute; width:100%; height:50px; color:#adadad; line-height:50px; cursor:text; font-size:16px;}
#loginWrap .mlog-sign .frm-list li input {width:420px; height:48px; line-height:48px; border:1px solid #ddd; text-align:center; font-size:16px; border-radius:0.3rem;}
#loginWrap .mlog-sign .btn-mlog { padding-top:10px; position:relative; text-align:center; }
#loginWrap .mlog-sign .btn-mlog a { width:100%; height:58px; font-size:17px; line-height:58px; font-family: 'FlightSans-Bold', sans-serif;border-radius:0.3rem;}
#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-box{ margin-top:6rem; }
#loginWrap .mlog-sign .sign {margin:40px auto 20px; width:420px; position:relative; }
#loginWrap .mlog-sign .sign:after {content:""; position:absolute; left:50%; top:50%; width:100%; height:1px; background:#e0e0e0; transform:translate(-50%, -50%); }
#loginWrap .mlog-sign .sign h3{background:#f5f7f9; padding:0 1.2rem; position:relative; display:inline-block; font-size:16px !important; z-index:10; font-family: 'FlightSans-Regular', sans-serif;}
#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:420px; height:58px; font-size:15px; line-height:58px }

/* simpleLogin */
#simpleLogin { text-align:center; margin:10px auto; width:420px; }
#simpleLogin .sns-login {display:flex; align-items: center; justify-content:center; margin-top:2.5rem; gap:40px;}
#simpleLogin .sns-login a {position:relative; width:70px; height:70px; line-height:70px; box-shadow:0 0 10px 0 rgba(13,50,111, 0); transition:all 0.3s; text-align:center; border-radius:50px;}
#simpleLogin .sns-login a:hover {box-shadow:0 0 10px 0 rgba(13, 50, 111, .1); transform:translateY(-3px);}
#simpleLogin .sns-login .nv{background:#03C75A; color:#fff; border:1px solid #03C75A;}
#simpleLogin .sns-login .ka{background:#FAE300; color:#391B1B; border:1px solid #FAE300;}
#simpleLogin .sns-login .fb{background:#1877F2; color:#fff; border:1px solid #1877F2;}
#simpleLogin .sns-login a .ico{text-align:center;}



/* order shopping */
#loginWrap .order-sp { margin:50px auto 30px; border:1px solid #e9e9e9; background:#fff; width:420px; display:block; padding-bottom:50px;}
#loginWrap .order-sp .left-tit { margin-top:50px; width:420px; }
#loginWrap .order-sp .left-tit h3 { font-size:26px; color:#363636; line-height:18px; text-align:center; font-family: 'FlightSans-Bold', sans-serif;}
#loginWrap .order-sp .left-tit p { padding-top:20px; font-size:16px; color:#787878; font-family: 'FlightSans-Regular', sans-serif; }
#loginWrap .order-sp .frm-wrap { position:relative; margin-top:40px; padding:0 40px; }
#loginWrap .order-sp .frm-list { position:relative; width:340px; margin:0 auto; }
#loginWrap .order-sp .frm-list li { position:relative; width:100%; margin-bottom:8px }
#loginWrap .order-sp li label { position:absolute; top:0; left:0; width:340px; height:50px; color:#adadad; line-height:50px; font-size:16px; cursor:text }
#loginWrap .order-sp li.order-num label { display:none !important }
#loginWrap .order-sp li .txt-frm { width:338px; height:48px; line-height:48px; border:1px solid #ddd; border-radius:.3rem; background-color:#fafafa;}
#loginWrap .order-sp li.order-num .txt-frm { color:#adadad; text-align:center; font-size:16px; margin-bottom:15px;}
#loginWrap .order-sp li.order-num .txt-frm:focus { color:#1c1c1c }
#loginWrap .order-sp .btn-sch { display:block; padding:20px 0; font-size:18px; border-radius:50px; background:#c91c22 !important; border:1px solid #c91c22 !important;font-family: 'FlightSans-Bold', sans-serif;}
#loginWrap .order-sp .btn-sch:hover{background:#fff !important; color:#c91c22 !important;}
.MS_input_txt{padding:0 !important;}


/* BASIC css end */