/* BASIC css start */ /* 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;position: relative;} li.tab-list__item.select {color : #000; border: 1px solid #f02;border-bottom: 1px solid transparent;} li.tab-list__item>a.guest-login {display: block;width: 100%;height: 100%;position: absolute;top: 0;} 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;} #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;} /* BASIC css end */