/* BASIC css start */
body:not(#main) .subHeader{display:none !important}
#bannerBot { margin-top: -70px; height: 90px; z-index: -1; position: absolute; }

#subHeader .only_sub{font-weight:600 !important;font-size:20px !important}


.sns-login { margin:20px 0 0 !important}
.mlog-tit {padding: 50px 15px 35px; }
.mlog-tit h2 { 
    font-size: 25px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;}
.mlog-tit h2 p{line-height:1; padding-bottom: 12px;}
.mlog-tit h3 { padding-top:10px; font-size: 20px; }
.mlog-tab { margin: 0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #E0E2E5;}
.mlog-tab li { width: 49.6%; text-align: center; height: 40px; line-height: 40px; font-size: 16px; }
.mlog-tab li a { color: #6A6A6A; }
.mlog-tab li.on {position:relative; }
.mlog-tab li.on a { color: #000; font-weight:500}
.mlog-tab li.on:after{
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #000;
    font-size: 0;}

#login .login #keyboard {margin-top:20px; padding:0 15px;}
#login .tab {padding:0 15px; margin-top:30px;}
#login .tab a {width:50%; height:34px; border:1px solid #bdbdbd; border-top:3px solid #bdbdbd; border-bottom:1px solid #ab3e41; display: inline-block; text-align: center; line-height: 30px; box-sizing: border-box; background-color:#fbfbfb; }
#login .tab a.act {color:#ab3e41; background-color:#fff; border:1px solid #ab3e41;  border-top:3px solid #ab3e41; border-bottom:0px none; font-weight:bold;}
#login .login .loginInput{margin-top:35px;}
#login .member {}
#login .nonmember { display:none }
#login .nonmember fieldset {padding:0 15px;}
#login .nonmember h3 { padding-top: 20px; font-size: 14px; }
#login .nonmember .des { display: block; margin-top: 2px; }
#login .id_pw{}
#login .id_pw a{position:relative;font-size:12px; font-weight:500; color:#6A6A6A}
#login .id_pw a:nth-child(1){margin-right:18px}
#login .id_pw a:nth-child(1):after{
    content: "|";
    position: absolute;
    right: -11px;
    width: 1px;
    height: 15px;
    background: #6A6A6A;
    font-size: 0;
    top: 0px;}

#login .loginMiddle{margin-top:25px}
#login .join_btn_box{padding: 0; border-bottom: 1px solid #E0E2E5;}
#login .join_btn_box h4{font-size: 16px;font-weight: 400;line-height: 1.4; color: #000000;}
#login .join_btn_box h4 strong{font-weight: 600;line-height: 1.6;}
#login .join_btn_box a{
    background: #E0E2E5;
    padding: 20px 0;
    width: 100%;
    color: #000000;
    margin: 10px 0 35px 0;}
    
#login .join_btn_box a .msg{
    position: absolute;
    font-size: 12px;
    color: #fff;
    width: 224px;
    line-height: 32.21px;
    background: #FE5F57;
    border-radius: 304.2px;
    height: 32.21px;
    box-shadow: 0px 4px 4px 0px #00000040;
    left: 50%;
    top: -25px;
    transform: translate(-50%);}
    
#login .join_btn_box a .msg:after{
    content: "V";
    font-size: 0;
    position: absolute;
    top: 24.12px;
    left: 98.83px;
    width: 0;
    height: 0;
    opacity: 1;
    border-left: 13.1649px solid transparent;
    border-right: 13.1649px solid transparent;
    border-top: 15.7911px solid #FE5F57;}
    
    
    
    
#inquiryOrder { display:none; }
#inquiryOrder .txt { margin:15px 15px 0; padding:0; }
#inquiryOrder .frm { overflow:hidden; width:200px; margin:35px auto 0; }
#inquiryOrder .frm dt, 
#inquiryOrder .frm dd { float:left; }
#inquiryOrder .frm dt { width:60px; margin-top:5px; line-height:32px; font-weight:bold; letter-spacing:-1px; }
#inquiryOrder .frm dd { width:140px; }
#inquiryOrder .frm input[type=text] { width:100%; height:32px; line-height:32px; margin-top:5px; padding:0 5px; border:1px solid #c6c6c6; background:#fbfbfb; border-radius:0; }
#inquiryOrder .btns { margin:40px 10px 20px; }
#inquiryOrder .btns a { margin-top:10px; }

#login .nonmember .js_caution_msg2 { margin-top:15px; padding:0 0 0 20px; font-size:15px; color:#717171; text-align:left; line-height:20px; background:url(/design/mhmall2023/member/icon_caution.png) 0 2px no-repeat }

.notice { padding:0 7% 20px; font-size:13px; line-height:18px; text-align:center }
.notice img { width: 100%; }

/* BASIC css end */