/* BASIC css start */
#content .tit-page{font-size:26px; display: inline-block; color:#000;font-weight:bold; }
#content{text-align:center; padding-top: 80px;margin-bottom: 150px;}

ul.tab-list {font-size: 0;margin-bottom: 35px;}

li.tab-list__item {display: inline-block;font-size: 16px;color: #999;width: 50%;text-align: center;height: 50px;line-height: 48px;border: 1px solid transparent;border-bottom: 1px solid #f02;box-sizing: border-box;cursor: pointer;overflow: hidden;}
li.tab-list__item.select {color : #000; border: 1px solid #f02;border-bottom: 1px solid transparent;}
div#loginWrap {width: 500px;margin: 0 auto;}
#loginWrap h1.tit-jointype { margin-bottom: 10px; padding-bottom: 5px; font-size: 36px; color: rgb(0, 0, 0); font-weight: 500; font-family: "Noto Sans KR"; text-align: center; }
#loginWrap .sub-tit { font-size: 16px; line-height: 22px; color: rgb(153, 153, 153); text-align: center; margin-bottom: 50px;}
#loginWrap .mlog-sign .sign dl.sign-btn dd a {
    background: #444;
    color: #fff;
    border: none;
}





#loginWrap .mlog-sign .sign dl.sign-btn dd a:hover {
    color: #000!important;
}

#loginWrap {  }
#loginWrap .mlog-sign { width: 500px; margin: 0px auto; box-sizing: border-box;  overflow: hidden; }

#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 {   position:relative;   }
#loginWrap .mlog-sign .mlog p { padding: 20px 0 25px 0; font-size: 14px; color:#adadad ;display: inline-block;width: 100%;}
#loginWrap .mlog-sign .frm-list {  position:relative; width: 100%;}
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom: 10px;}
#loginWrap .mlog-sign .frm-list li:last-of-type {margin-bottom: 0;}
#loginWrap .mlog-sign .frm-list li label { text-align: left; padding: 0px 20px; position:absolute; top:0; left:0; width: 100%; height:50px;  line-height:50px; cursor:text ;font-size: 16px;
color: #999999;

box-sizing: border-box;}
#loginWrap .mlog-sign .frm-list li input { padding: 0px 20px;   line-height:48px; width: 500px;
height: 50px;
border-radius: 5px;
background-color: #f5f5f5;box-sizing: border-box;border: none;color: #999;font-size: 14px;}
#loginWrap .mlog-sign .btn-mlog {  position:relative }
#loginWrap .mlog-sign .btn-mlog a {  height: 64px; display:block; color:#000; text-align:center;  border: 1px solid #f02; box-sizing: border-box; background: #f02; color:#fff; line-height: 62px;
 -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
border-radius: 5px;width: 100%;font-size: 18px;font-weight: 700;}
#loginWrap .mlog-sign .btn-mlog a:hover{ border: 1px solid #f02; background:#fff;color: #f02;  }
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size: 14px;color: #000;float: left;}
#loginWrap .mlog-sign .se-log label input { margin-top: -4px;margin-right: 10px;; vertical-align:middle }
#loginWrap .mlog-sign .mlog p>span.frm-btm {float: right;}

#loginWrap .mlog-sign .mlog p>span.frm-btm>a {font-size: 14px;color: #000;}

#loginWrap .mlog-sign .mlog p>span.frm-btm>a:first-of-type {margin-right: 25px;position: relative;}

#loginWrap .mlog-sign .mlog p>span.frm-btm>a:first-of-type:after {content: "";width: 1px;height: 13px;background-color: #999;position: absolute;right: -14.5px;top: calc(50% - 6px);}

#loginWrap .mlog-sign .se-log label input:before {border: 1px solid #f02;}

#loginWrap .mlog-sign .se-log label input:checked:before {background-color: #f02;}


/* sign */
#loginWrap .mlog-sign .sign { margin-top:44px; padding-left:108px; width:386px }
#loginWrap .mlog-sign .sign dl { padding-top:31px }
#loginWrap .mlog-sign .sign dl dt { font-size:11px; color:#adadad }
#loginWrap .mlog-sign .sign dl dd {  }
#loginWrap .mlog-sign .sign dl dd a { width:384px; height:58px; font-size:15px; line-height:58px; display:block; border:1px solid #ddd; box-sizing:border-box; background:#fff; color:#000; text-align:center;
 -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
#loginWrap .mlog-sign .sign dl dd a:hover {background:#ddd; }
/* simpleLogin */
#simpleLogin .sns-login a>i.arrow {background: url(/design/esdongsuh/2022renewal/PC/select_arr.png) no-repeat right;display: inline-block;width: 12px;height: 8px;position: absolute;right: 40px;top: calc(50% - 4px);webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);}
#simpleJoin .sns-join { margin-top: 40px; margin-bottom: 30px; text-align: center; font-size: 0px; line-height: 0; }
#simpleJoin .sns-join p { margin-bottom: 30px; }
#simpleJoin .sns-join a { display: inline-block; margin: 0px 4px; }
.sns-join-btn { text-align: center; margin-top: 30px; }
#jointype .btn-join-box { padding: 30px; }
#simpleLogin { position: relative; clear: both; padding-top: 50px; }
#simpleLogin .sns-login { text-align: center; font-size: 0px; }
#simpleLogin .sns-login p { margin-bottom: 30px; font-size: 18px; color: rgb(0, 0, 0); font-weight: bold; }
#simpleLogin .sns-login a { padding-left: 85px;display: inline-block;       transition: all 0.2s ease-in 0s; width: 500px;
height: 82px;
border-radius: 5px;
background-color: #ffffff;
border: 1px solid #dddddd;font-size: 16px;
line-height: 80px;
color: #000000;
font-weight: 500;
text-align: left;box-sizing: border-box;margin-bottom: 15px;position: relative;}
#simpleLogin .sns-login a:hover {border: 1px solid #000;}
#simpleLogin .sns-login a:last-child { margin-bottom: 0px; }

.fb_login { border: 1px solid rgb(87, 129, 215); background: url("/design/esdongsuh/2022renewal/PC/join_facebook_icon.svg") 40px center no-repeat rgb(87, 129, 215); color: rgb(255, 255, 255); }
.nv_login { border: 1px solid rgb(37, 204, 8); background: url("/design/esdongsuh/2022renewal/PC/join_naver_icon.svg") 40px center no-repeat rgb(37, 204, 8); color: rgb(255, 255, 255); }
.kakao_login { border: 1px solid rgb(255, 203, 7); background: url(/design/esdongsuh/2022renewal/PC/join_kakao_icon.svg) 40px center no-repeat rgb(255, 203, 7); color: rgb(255, 255, 255); }

#footer{margin-top:0;}




/* order shopping */
#loginWrap .order-sp {   width: 500px; margin:0 auto;  box-sizing: border-box; }
#loginWrap .order-sp .left-tit { margin:50px 0 0 145px; padding-left:100px; float:left; width:313px; height:91px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/member/bg_order_login.gif) 0 9px no-repeat }
#loginWrap .order-sp .left-tit h3 { padding-top:29px; font-size:20px; color:#363636; line-height:20px }
#loginWrap .order-sp .left-tit p { padding-top:10px; font-size:11px; color:#adadad }
#loginWrap .order-sp .frm-wrap { position:relative;  width:500px }
#loginWrap .order-sp .frm-list { position:relative;}
#loginWrap .order-sp .frm-list li { position:relative; width:100%; margin-bottom:10px }
#loginWrap .order-sp li label { padding-left:11px; position:absolute; top:0; left:0; width:375px; height:50px; color:#adadad; line-height:50px; cursor:text; text-align:left; }
#loginWrap .order-sp li.order-num label { display:none !important }
#loginWrap .order-sp li .txt-frm {     }
#loginWrap .order-sp li.order-num .txt-frm::placeholder { font-size: 16px;color: #999;}
#loginWrap .order-sp li.order-num .txt-frm:focus { color:#1c1c1c }
#loginWrap .order-sp .btn-sch {     
    
    
    width: 100%;
    display: block;line-height: 62px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 600;border: 1px solid #f02;
    text-align: center;
    color: #fff;
     -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
height: 64px;
border-radius: 5px;
background-color: #ff0022;}
#loginWrap .order-sp .btn-sch:hover {color: #f02;background-color: #fff;}
#loginWrap .mlog-sign .order-sp .se-log {
    padding: 20px 0 25px 0;
    display: inline-block;
    width: 100%;
    font-size: 14px;
}
#loginWrap .mlog-sign .order-sp .se-log label {
    color: #999;
}
#loginWrap .mlog-sign .order-sp p>span.frm-btm {
    float: right;
}
#loginWrap .mlog-sign .order-sp p>span.frm-btm>a:first-of-type {
    color: #000;
    font-size: 14px;
}


/*
#orderhname {
  -webkit-appearance: textfield;
}
#orderhname::-webkit-text-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  background:red;
  position:relative;
    right:20px;  

    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius:10px;
}*/


/* BASIC css end */