/* BASIC css start */
#contents { margin:0 auto;}

.cateWrap {position:relative;background:#fff;}
.cateWrap .cate1 dl dt{position:fixed;left:50%;top:1.111vw;transform:translateX(-50%); z-index:1001;}
.cateWrap .cate1 dl dt a{display:block; position:relative; padding-right:4.167vw; max-width:50vw; font-size:4.722vw;line-height:11.111vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate1 dl dt a svg{position:absolute; width:3.611vw; top: 50%; right:0; transform: translateY(-50%); transition:transform 0.3s;}
.cateWrap .cate1 dl dt a.active svg{ transform: translateY(-50%) rotate(-180deg);}
.cateWrap .cate1 dl dd{ display:none; position:fixed; top:var(--mainHeaderHeight); left:0; width:100%; padding:3.333vw 0; background:#fff; border-top: 1px solid #e9e9e9; z-index:1001;}
.cateWrap .cate1 dl dd ul li a{ display:block; padding:3.056vw; font-size:4.167vw; text-align:center; line-height:5.556vw; color:#b1b1b1; font-weight:500;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate1 dl dd ul li a.now{color:#000;font-family :'FlightSans-Bold', sans-serif;}
.cateWrap .cate1 .bgMask{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:998;}
.cateWrap .cate2 { padding:0 4.167vw; border-bottom:0.278vw solid #e9e9e9;}
.cateWrap .cate2 ul li{ width:auto; margin-right:6.111vw;}
.cateWrap .cate2 ul li a{ display:block; line-height:11.111vw; color:#b1b1b1; border-bottom:0.556vw solid #fff;font-family :'FlightSans-Regular', sans-serif;}
.cateWrap .cate2 ul li a.on{ color:#000; border-bottom:0.556vw solid #000;}
.cateWrap .cate3{ padding:0 4.167vw;background:#f8f8f8; border-bottom:0.278vw solid #e9e9e9;}
.cateWrap .cate3 ul li{ width:auto; margin-right:6.111vw;}
.cateWrap .cate3 ul li a{ display:block; line-height:11.111vw; font-size:3.056vw; color:#b1b1b1;}
.cateWrap .cate3 ul li a.on{color:#000;}



#contentWrapper {background:#f5f7f9}
#loginWrap {margin:0 auto 0px;}
#loginWrap .mlog-sign {border-top:none }
#loginWrap .mlog-sign .mlog,
#loginWrap .mlog-sign .sign {}
#loginWrap .mlog-sign h3 { font-size:1.625rem; color:#363636; line-height:18px; text-align:center; font-family: 'FlightSans-Bold', sans-serif; display:flex; align-items:center;justify-content:center;gap:7px;}
.CSSbuttonBlack {background:rgb(43, 46, 67) !important; border:1px solid rgb(43, 46, 67) !important; color:#fff;}
#content{padding-top:30px;}
.page-body {margin:0 auto; padding:50px 0; text-align:center;}
.util_wrap {display:flex; align-items:center; justify-content:center; margin-top:2rem;}
.util_wrap a {font-size:1rem; font-family: 'FlightSans-Regular', sans-serif;}
.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%);}
input::placeholder { color: transparent; }

/* member login */
#loginWrap .mlog-sign .mlog {padding:0 20px; position:relative;}
#loginWrap .mlog-sign .mlog p { padding:10px 0; font-size:0.875rem; color:#adadad; text-align:center; font-family :'FlightSans-Regular', sans-serif;}
#loginWrap .mlog-sign .frm-list { padding-top:25px; position:relative;}
#loginWrap .mlog-sign .frm-list li {position:relative; width:100%; margin:0 auto 8px; text-align:center; display:flex;font-family :'FlightSans-Regular', sans-serif;justify-content:space-between;align-items: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:70%; height:48px; line-height:48px; border:1px solid #ddd; 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 { display:block; width:100% !important; height:56px; font-size:1.125rem; line-height:56px; 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:4rem; }
#loginWrap .mlog-sign .sign {margin:40px auto 20px; width:90%; 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:#fff; 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 {height:58px; font-size:15px; line-height:58px }

/* simpleLogin */
#simpleLogin { text-align:center; margin:10px auto; }
#simpleLogin .sns-login {display:flex; align-items: center; justify-content:center; margin-top:1.5rem; gap:30px;}
#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 .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;}
#simpleLogin .sns-login a .ico img{vertical-align:middle;}



/* order shopping */
#loginWrap .order-sp { margin:50px auto 30px; border:1px solid #e9e9e9; background:#fff; width:90%; display:block; padding-bottom:50px;}
#loginWrap .order-sp .left-tit { margin-top:50px; width:90%; }
#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;}
.MS_input_txt{padding:0 !important;}



/* BASIC css end */