@charset "utf-8";

.outLine {
    display: block;
    border: 1px solid #cdcdcd;
}
.outLine:hover {
    border-color: #009abf;
}

/*로그인 팝업 2014*/
.pop_joinBox {
    width: auto;
    margin: 0;
    padding: 0;
    border: none;
}
.pop_joinBox .tabArea .tab {
    width: auto;
}
.pop_joinBox .tabArea .tab li.tab1,
.pop_joinBox .tabArea .tab li.tab2 {
    float: left;
    width: 245px;
}
.pop_joinBox .tabArea .tab li.tab1 .tabLink,
.pop_joinBox .tabArea .tab li.tab2 .tabLink {
    display: block;
    width: 245px;
    height: 32px;
    margin-right: -1px;
    padding-top: 16px;
    border: 1px solid #cdcdcd;
    text-align: center;
    font-size: 16px;
    color: #565656;
    font-weight: bold;
}
.pop_joinBox .tabArea .tab li.on .tabLink {
    position: relative;
    margin-bottom: -1px;
    color: #000;
    font-weight: bold;
    border: 1px solid #232323;
    border-top: 2px solid #232323;
    border-bottom: none;
    background: #fff;
    z-index: 2;
}
.pop_joinBox .tabArea .tab li.on .cont {
    display: block;
}

.pop_joinBox .tabArea .tab li .cont {
    display: none;
    position: relative;
    width: 490px;
    height: 588px;
    text-align: left;
    background: #fff;
    border-top: 1px solid #232323;
}
.pop_joinBox .tabArea .tab li .cont .tableView {
    width: 100%;
    border: none;
}
.pop_joinBox .tabArea .tab li .cont .tableView th {
    height: 27px;
    padding: 0 0 0 10px;
    text-align: left;
    background: #fff;
    border: none;
}
.pop_joinBox .tabArea .tab li .cont .tableView td {
    padding: 0 0 4px;
    *padding: 3px 0;
    text-align: left;
    color: #444;
    border: none;
}
.pop_joinBox .tabArea .tab li .cont .tableView td input.txt {
    height: 34px;
    width: 273px;
    padding: 2px 0 2px 10px;
    color: #444;
    border: 1px solid #cccccc;
}
.pop_joinBox .tabArea .tab li .cont .tableView td span {
    margin-left: 0;
}
.pop_joinBox .tabArea .tab li .cont .tableView td.idsearch {
    padding: 5px 0;
}
.pop_joinBox .tabArea .tab li .cont .tableView td.phonlogin {
    padding: 15px 0 9px;
}
.pop_joinBox .tabArea .tab li .cont .tableView td.phonloginNotice {
    padding: 0 0 19px;
}
.pop_joinBox .tabArea .tab li .cont .tableView td.phonloginNotice p {
    font-size: 11px;
    color: #898989;
    line-height: 15px;
}
.pop_joinBox .tabArea .tab li .cont .tableView td.goodsOrder {
    padding: 36px 0 36px;
}
.pop_joinBox .tabArea .tab li .cont .tableView td .btSizeS a {
    padding-right: 10px;
    padding-left: 10px;
}
.pop_joinBox .tabArea .tab li .cont .tableView td .btSizeM a {
    padding-right: 150px;
    padding-left: 149px;
}
.pop_joinBox .tabArea .tab li .cont .tableView td .btSizeL a {
    padding-right: 155px;
    padding-left: 155px;
}
.pop_joinBox .tabArea .tab li .cont .btn {
    position: absolute;
    top: 30px;
    *top: 34px;
    right: 0px;
}
.pop_joinBox .tabArea .tab li .cont .btn_loginPlug {
    position: absolute;
    bottom: 24px;
    *bottom: 20px;
    left: 160px;
}
.pop_joinBox .tabArea .tab li .cont .btTxt1 {
    padding: 5px 0 19px 3px;
    border-top: 1px solid #e8e8e8;
}
.pop_joinBox .tabArea .tab li .cont .btTxt1 ul li .tit {
    display: inline-block;
    width: 339px;
    padding: 12px 0 0 8px;
    font-size: 16px;
    letter-spacing: -1px;
}
.pop_joinBox .tabArea .tab li .cont .btTxt1 ul li .btSizeM a {
    padding-right: 35px;
    padding-left: 35px;
}
.pop_joinBox .tabArea .tab li .cont .loginBanner {
    margin: 0;
}
.pop_joinBox .tabArea .tab li .cont .loginBanner .outline {
    display: block;
    border: 1px solid #cdcdcd;
} /* @@@ 2014-08-18 추가  */
.pop_joinBox .tabArea .tab li .cont .notice {
    margin-top: 18px;
}
.pop_joinBox .tabArea .tab li .cont .notice li {
    padding: 0 0 11px 16px;
    font-size: 11px;
    color: #898989;
    background: url("//image.hnsmall.com/images/img2014/member/ico_notice.gif") no-repeat 0 3px;
    line-height: 15px;
    letter-spacing: -1px;
}
.pop_joinBox .tabArea .tab li .cont .notice li img {
    vertical-align: middle;
}
.pop_joinBox .tabArea .tab li .cont .join {
    padding-left: 20px;
    background: none;
}
.pop_joinBox .tabArea .tab li .cont .btTxt {
    padding-left: 20px;
}
.pop_joinBox .tabArea .tab li .cont .join input.txt {
    height: 16px;
    padding: 3px 0 0 10px;
}
.pop_joinBox .tabArea .tab li .cont .phone_login {
    margin-top: -15px;
    margin-bottom: 10px;
}

.pop_joinBox .tabArea .tab li.tab2 .cont {
    margin-left: -245px;
}

.layerCont .joinBox {
    width: auto;
    margin: 0;
    padding: 0;
    border: none;
}
.layerCont .joinBox .tabArea .tab li .cont {
    width: 400px;
    height: 565px;
} /* @@@ 2014-08-15 수정 */
.layerCont .joinBox .tabArea .tab li .cont .phone_login {
    margin-top: -15px;
    margin-bottom: 10px;
} /* @@@ 2014-08-07 추가 */
/* @@@ 2014-08-15 추가 */
.layerCont .joinBox .tabArea .tab li .cont .phone_login a {
    display: block;
    height: 30px;
    margin-bottom: 5px;
}
.layerCont .joinBox .tabArea .tab li .cont .phone_login p {
    color: #898989;
    font-size: 11px;
}
.layerCont .joinBox .tabArea .tab li .cont .phone_login p .indent {
    display: block;
    text-indent: 11px;
}
/* //@@@ 2014-08-15 추가 */
.layerCont .joinBox .join4 {
    margin-top: 30px;
    padding-top: 11px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x 0 0;
}
.layerCont .joinBox .join4 .notice {
    padding-top: 13px;
}
.layerCont .joinBox .join4 .notice li {
    padding: 0 0 3px 16px;
    font-size: 11px;
    color: #999;
    background: url("//image.hnsmall.com/images/img2014/common/ico_notice.gif") no-repeat 0 2px;
    line-height: 15px;
}
.layerCont .joinBox .join4 .notice li img {
    vertical-align: middle;
}

/*로그인*/
.joinBox {
    overflow: hidden;
    margin-top: 7px;
    *margin-top: 14px;
    padding: 30px;
    border: 1px solid #eee;
}
.bannerBg {
    width: 87px;
    height: 87px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(//image.hnsmall.com/images/img2014/common/bg_banner.png) no-repeat 0 0;
}
.joinBox .tabArea {
    position: relative;
}
.joinBox .tabArea .banner {
    position: absolute;
    top: 0;
    right: 0;
    width: 184px;
}
.joinBox .tabArea .banner a {
    display: block;
}

.joinBox .tabArea .tab {
    width: 703px;
}
.joinBox .tabArea .tab .cont {
    display: block;
}
.joinBox .tabArea .tab .cont .join {
    height: 260px;
    padding: 25px 0 0 158px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: url("//image.hnsmall.com/images/img2014/member/bg_login.gif") no-repeat 35px 45px;
}
.joinBox .tabArea .tab .cont .join .phonlogin {
    padding-top: 20px;
}
.joinBox .tabArea .tab .cont .join .btSizeM a {
    padding-left: 147px;
    padding-right: 147px;
}
.joinBox .tabArea .tab .cont .join .phonloginNotice p {
    font-size: 11px;
}
.joinBox .tabArea .tab .cont .join_tv {
    height: 170px;
    padding: 25px 0 0 158px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: url("//image.hnsmall.com/images/img2014/member/bg_login3.gif") no-repeat 65px 45px;
}
.joinBox .tabArea .tab .cont .join.reset_height {
    height: 170px;
}
.joinBox .tabArea .tab .cont .join p,
.joinBox .tabArea .tab .cont .join_tv p,
.joinBox .tabArea .tab .cont .join3 p {
    padding-bottom: 7px;
}
.joinBox .tabArea .tab .cont .join li,
.joinBox .tabArea .tab .cont .join_tv li,
.joinBox .tabArea .tab .cont .join3 li {
    padding: 0 0 2px;
    width: 390px;
}
.joinBox .tabArea .tab .cont .join .tit,
.joinBox .tabArea .tab .cont .join_tv .tit,
.joinBox .tabArea .tab .cont .join2 .tit,
.joinBox .tabArea .tab .cont .join3 .tit {
    display: inline-block;
    width: 75px;
    margin-top: -6px;
    vertical-align: middle;
}
.joinBox .tabArea .tab .cont .join .tit,
.joinBox .tabArea .tab .cont .join_tv .tit {
    width: 79px;
    padding-top: 13px;
}
.joinBox .tabArea .tab .cont .join input.txt {
    width: 178px;
    height: 20px;
    padding: 5px 0 0 10px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
}
.joinBox .tabArea .tab .cont .join input:hover {
    border: 1px solid #dd1032;
}
.joinBox .tabArea .tab .cont .join .joinChk {
    padding-left: 79px;
}
.joinBox .tabArea .tab .cont .join .joinChk input {
    margin-right: 4px;
}

.joinBox .tabArea .tab .cont .join_tv p {
    padding-bottom: 7px;
}
.joinBox .tabArea .tab .cont .join_tv input.txt {
    width: 175px;
    height: 20px;
    padding: 5px 0 0 10px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
}
.joinBox .tabArea .tab .cont .join_tv input.txt:hover,
.joinBox .tabArea .tab .cont .join_tv input.phonetxt:hover {
    border: 1px solid #dd1032;
}
.joinBox .tabArea .tab .cont .join_tv input.phonetxt {
    width: 41px;
    height: 20px;
    padding: 5px 0 0 10px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
}
.joinBox .tabArea .tab .cont .join_tv .comfirm {
    padding-top: 5px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x 0 0;
}
.joinBox .time,
.joinBox .time2 {
    width: 98px;
    height: 22px;
    background: #e0e0e0 url("//image.hnsmall.com/images/img2014/member/bg_clock.png") no-repeat 20px 5px;
    border: 1px solid #cbcbcb;
    padding-top: 3px;
}
.joinBox .time span,
.joinBox .time2 span {
    color: #6f6f6f;
    font-size: 14px;
    font-weight: bold;
    padding-left: 40px;
}
.joinBox .time {
    position: absolute;
    top: 112px;
    right: 366px;
}
.joinBox .time2 {
    position: absolute;
    top: 503px;
    right: 366px;
}
.joinBox .time2.reset_time {
    top: 413px;
}
.joinBox .tabArea .tab .cont .join li {
    padding: 0 0 2px;
}
.joinBox .tabArea .tab .cont .join .tit {
    display: inline-block;
    width: 79px;
    padding-top: 13px;
    margin-top: -6px;
    vertical-align: middle;
}
.joinBox .tabArea .tab .cont .join input.txt {
    width: 178px;
    height: 20px;
    padding: 5px 0 0 10px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
}
.joinBox .tabArea .tab .cont .join input:hover {
    border: 1px solid #dd1032;
}
.joinBox .tabArea .tab .cont .join .joinChk {
    padding-left: 79px;
}
.joinBox .tabArea .tab .cont .join .joinChk input {
    margin-right: 4px;
}
.joinBox .tabArea .tab .cont .join2 {
    height: 79px;
    padding: 25px 0 0 158px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: url("//image.hnsmall.com/images/img2014/member/bg_login2.gif") no-repeat 70px 30px;
}
.joinBox .tabArea .tab .cont .join2 p {
    padding-bottom: 7px;
}
.joinBox .tabArea .tab .cont .join2 li {
    padding: 0 0 2px;
}
.joinBox .tabArea .tab .cont .join2 .tit {
    width: 79px;
    padding-top: 13px;
}
.joinBox .tabArea .tab .cont .join2 input.txt {
    width: 178px;
    height: 20px;
    padding: 5px 0 0 10px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
}
.joinBox .tabArea .tab .cont .join2 input:hover {
    border: 1px solid #dd1032;
}
.joinBox .tabArea .tab .cont .join2 .joinChk {
    padding-left: 79px;
}
.joinBox .tabArea .tab .cont .join2 .joinChk input {
    margin-right: 4px;
}

.joinBox .tabArea .tab .cont .join3 {
    padding: 31px 0 30px 21px;
    border-top: 1px solid #666;
}
.joinBox .tabArea .tab .cont .join3 .tit {
    width: 93px;
    padding-top: 8px;
}
.joinBox .tabArea .tab .cont .join3 input.txt {
    width: 146px;
    height: 20px;
    padding: 0 0 0 10px;
    line-height: 18px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
}
.joinBox .tabArea .tab .cont .join3 input.txt2 {
    padding: 10px 0 0 10px;
}
.joinBox .tabArea .tab .cont .join3 input:hover {
    border: 1px solid #dd1032;
}
.joinBox .tabArea .tab .cont .join3 .joinChk {
    padding-left: 94px;
}
.joinBox .tabArea .tab .cont .back {
    background: url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x bottom;
}
.joinBox .tabArea .tab .cont .back li {
    padding-top: 0;
    padding-bottom: 20px;
}
.joinBox .tabArea .tab .cont .join3 .phonlogin {
    padding-top: 18px;
}
.joinBox .tabArea .tab .cont .join3 .phonlogin .btSizeM a {
    padding-left: 140px;
    padding-right: 140px;
}
.joinBox .tabArea .tab .cont .join3 .phonloginNotice p {
    font-size: 11px;
}
.joinBox .tabArea .tab .cont .btn {
    position: absolute;
    top: 42px;
    right: 365px;
}
.joinBox .tabArea .tab .cont .btn2 {
    position: absolute;
    top: 335px;
    right: 365px;
}
.joinBox .tabArea .tab .cont .btn3 {
    position: absolute;
    top: 78px;
    right: 366px;
}
.joinBox .tabArea .tab .cont .btn3_1 {
    position: absolute;
    top: 468px;
    right: 366px;
}
.joinBox .tabArea .tab .cont .btn3_1.reset_btn3_1 {
    top: 380px;
}
.joinBox .tabArea .tab .cont .btTxt {
    height: 119px;
    padding: 23px 0 0 158px;
    border: 1px solid #ddd;
    border-top: none;
    background: #f4f4f4 url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x 0 0;
}
.joinBox .tabArea .tab .cont .btTxt strong {
    color: #009d9b;
}
.joinBox .tabArea .tab .cont .btTxt ul li .tit {
    display: inline-block;
    width: 262px;
    padding: 0 0 0 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 5px;
    letter-spacing: -1px;
}
.joinBox .tabArea .tab .cont .btTxt ul li .tit2 {
    display: inline-block;
    padding: 0 0 0 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 5px;
    letter-spacing: -1px;
    color: #888;
}
.joinBox .tabArea .tab .cont .btTxt ul li {
    padding: 0 0 2px;
}
.joinBox .tabArea .tab .cont .btTxt ul li img {
    vertical-align: middle;
}

.joinBox .tabArea .tab .cont .btTxt2 {
    height: 87px;
    padding: 12px 0 0 174px;
    border: 1px solid #ddd;
    border-top: none;
    background: #f4f4f4 url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x 0 0;
}
.joinBox .tabArea .tab .cont .btTxt2 ul li .tit {
    display: inline-block;
    width: 246px;
    padding: 0 0 0 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 5px;
    letter-spacing: -1px;
}
.joinBox .tabArea .tab .cont .btTxt2 ul li .tit2 {
    display: inline-block;
    padding: 0 0 0 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 5px;
    letter-spacing: -1px;
    color: #888;
}
.joinBox .tabArea .tab .cont .btTxt2 ul li {
    padding: 0 0 2px;
}
.joinBox .tabArea .tab .cont .btTxt2 ul li img {
    vertical-align: middle;
}

.joinBox .tabArea .tab .cont .btTxt3 {
    padding: 19px 0 19px 21px;
    background: #f4f4f4 url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x 0 0;
}
.joinBox .tabArea .tab .cont .btTxt3 strong {
    color: #009d9b;
}
.joinBox .tabArea .tab .cont .btTxt3 ul li .tit {
    display: inline-block;
    width: 246px;
    padding: 0 0 0 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 7px;
    letter-spacing: -1px;
}
.joinBox .tabArea .tab .cont .btTxt3 ul li .tit2 {
    display: inline-block;
    padding: 0 0 0 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 5px;
    letter-spacing: -1px;
    color: #888;
}
.joinBox .tabArea .tab .cont .btTxt3 ul li {
    padding: 0 10px 2px 0;
}
.joinBox .tabArea .tab .cont .btTxt3 ul li img {
    vertical-align: middle;
}
.joinBox .tabArea .tab .cont .btTxt3 ul li .btSizeS a {
    padding-left: 7px;
    padding-right: 10px;
}
.joinBox .tabArea .tab .cont .btTxt3 ul li .btSizeS a.find1 {
    padding-left: 18px;
    padding-right: 21px;
}
.joinBox .tabArea .tab .cont .btTxt3 ul li .btSizeS a.find2 {
    padding-left: 15px;
    padding-right: 13px;
}

.joinBox .tabArea .tab .cont .btTxt4 {
    padding: 7px 0 9px 21px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x bottom;
}
.joinBox .tabArea .tab .cont .btTxt4 strong {
    color: #009d9b;
}
.joinBox .tabArea .tab .cont .btTxt4 ul li .tit {
    display: inline-block;
    width: 246px;
    padding: 8px 0 0 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 15px;
    letter-spacing: -1px;
}

.joinBox .tabArea .tab .cont .notice {
    padding-top: 13px;
}
.joinBox .tabArea .tab .cont .notice li {
    padding: 0 0 3px 16px;
    font-size: 11px;
    color: #999;
    background: url("//image.hnsmall.com/images/img2014/common/ico_notice.gif") no-repeat 0 2px;
    line-height: 15px;
}
.joinBox .tabArea .tab .cont .notice li img {
    vertical-align: middle;
}

.joinBox .tabArea .tab .cont .loginBanner {
    margin: 10px 0 10px;
}

.joinBox .tabArea .tab li.tab1,
.joinBox .tabArea .tab li.tab2 {
    float: left;
    width: 213px;
}
.joinBox .tabArea .tab li .tabLink {
    display: block;
    width: 211px;
    height: 25px;
    margin-right: -1px;
    padding-top: 6px;
    border: 1px solid #ddd;
    text-align: center;
    background: #f4f4f4;
    font-size: 14px;
    color: #444;
    font-weight: bold;
}

.joinBox .tabArea .tab li.tab3,
.joinBox .tabArea .tab li.tab4 {
    float: left;
    width: 198px;
}
.joinBox .tabArea .tab li.tab3 .tabLink,
.joinBox .tabArea .tab li.tab4 .tabLink {
    display: block;
    width: 198px;
    height: 25px;
    margin-right: -1px;
    padding-top: 6px;
    border: 1px solid #ddd;
    text-align: center;
    background: #f4f4f4;
    font-size: 14px;
    color: #444;
    font-weight: bold;
}
.joinBox .tabArea .tab li.on .tabLink {
    position: relative;
    margin-bottom: -1px;
    color: #dd1032;
    font-weight: bold;
    border: 1px solid #666;
    border-bottom: none;
    background: #fff;
    z-index: 2;
}

.joinBox .tabArea .tab li .tabLink span {
    background: url("//image.hnsmall.com/images/img2014/member/bu_arrow_off.gif") no-repeat 0 5px;
    padding-left: 10px;
}
.joinBox .tabArea .tab li.on .tabLink span {
    background: url("//image.hnsmall.com/images/img2014/member/bu_arrow_on.gif") no-repeat 0 5px;
    padding-left: 10px;
}

.joinBox .tabArea .tab li .cont {
    display: none;
    position: relative;
    width: 701px;
    text-align: left;
    background: #fff;
}
.joinBox .tabArea .tab li.tab2 .cont {
    margin-left: -213px;
}
.joinBox .tabArea .tab li.tab4 .cont {
    margin-left: -198px;
}
.joinBox .tabArea .tab li.on .cont {
    display: block;
}
.joinBox .tabArea .tab li .cont .join {
    height: 89px;
    padding: 30px 0 0 174px;
    border-top: 1px solid #666;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: url("//image.hnsmall.com/images/img2014/member/bg_login.gif") no-repeat 71px 30px;
}
.joinBox .tabArea .tab li.tab2 .cont .join {
}
.joinBox .tabArea .tab li .cont .join li {
    padding: 0 0 2px;
}
.joinBox .tabArea .tab li .cont .join .tit {
    display: inline-block;
    width: 75px;
    margin-top: -6px;
    vertical-align: middle;
}
.joinBox .tabArea .tab li.tab1 .cont .join .tit {
    width: 79px;
}
.joinBox .tabArea .tab li .cont .join input.txt {
    width: 160px;
    height: 20px;
    padding: 5px 0 0 10px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
}
.joinBox .tabArea .tab li .cont .join input:hover {
    border: 1px solid #dd1032;
}
.joinBox .tabArea .tab li .cont .join .joinChk {
    padding-left: 79px;
}
.joinBox .tabArea .tab li .cont .join .joinChk input {
    margin-right: 4px;
}
.joinBox .tabArea .tab li .cont .btn {
    position: absolute;
    top: 30px;
    right: 170px;
}
.joinBox .tabArea .tab li .cont .btTxt {
    height: 106px;
    padding: 12px 0 0 174px;
    border: 1px solid #ddd;
    border-top: none;
    background: #f4f4f4 url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x 0 0;
}
.joinBox .tabArea .tab li .cont .btTxt strong {
    color: #009d9b;
}
.joinBox .tabArea .tab li .cont .btTxt ul li .tit {
    display: inline-block;
    width: 246px;
    padding: 0 0 0 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 5px;
    letter-spacing: -1px;
}
.joinBox .tabArea .tab li .cont .btTxt ul li .tit2 {
    display: inline-block;
    padding: 0 0 0 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 5px;
    letter-spacing: -1px;
    color: #888;
}
.joinBox .tabArea .tab li .cont .btTxt ul li {
    padding: 0 0 2px;
}
.joinBox .tabArea .tab li .cont .btTxt ul li img {
    vertical-align: middle;
}

.joinBox .tabArea .tab li .cont .notice {
    padding-top: 3px;
}
.joinBox .tabArea .tab li .cont .notice li {
    padding: 0 0 5px 16px;
    font-size: 11px;
    color: #999;
    background: url("//image.hnsmall.com/images/img2014/common/ico_notice.gif") no-repeat 0 2px;
    line-height: 13px;
}
.joinBox .tabArea .tab li .cont .notice li img {
    vertical-align: middle;
}

.joinBox .tabArea .tab .cont .join3.back.type2 {
    padding-top: 10px;
    padding-left: 0;
}
.notice_type {
    padding: 0 0 3px 16px;
    font-size: 11px;
    color: #999;
    background: url("//image.hnsmall.com/images/img2014/common/ico_notice.gif") no-repeat 0 2px;
    line-height: 15px;
}
.join3 .order_ok {
    text-align: center;
    margin-top: 13px;
}
.join3 .notice_type {
    margin-top: 10px;
}
.join3.back.type2 .line_bg {
    background: url("//image.hnsmall.com/images/img2014/member/login_pop_line_bg.jpg") repeat-x 0 0;
    padding: 20px 20px 0 20px;
    margin-top: 15px;
}
.join3.back.type2 .line_bg .txt01 {
    color: #000;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 13px;
}
.join3.back.type2 .line_bg .contIn .txt01 {
    font-size: 12px;
    color: #565656;
}
.join3.back.type2 .line_bg .txt02 {
    line-height: 13px;
    color: #999;
    font-size: 11px;
}
.agree_scroll_y {
    padding: 17px 20px;
    background: #fff;
    border: 1px solid #d0d0d0;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 128px;
    margin-top: 20px;
}
.join3.back.type2 .agree_scroll_y {
    height: 64px;
}
.join3.back.type2 .agree_ck {
    margin-top: 5px;
}
.tabArea .cont .joinChk .chk,
.join3.back.type2 .agree_ck .chk_mchk {
    width: 0;
    height: 0;
    border: none !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.join3.back.type2 .agree_ck label {
    font-weight: bold;
    color: #000;
}
.tabArea .cont .joinChk label:before,
.join3.back.type2 .agree_ck label:before {
    display: inline-block;
    content: "";
    width: 13px;
    height: 13px;
    overflow: hidden;
    background: url("//image.hnsmall.com/images/img2014/member/login_pop_ck_bg.jpg") no-repeat 0 0;
    position: relative;
    top: 2px;
    left: -3px;
    margin-right: 2px;
}
.tabArea .cont .joinChk label:before {
    left: -1px;
    margin-right: 0;
}
.tabArea .cont .joinChk .chk:checked + label:before,
.join3.back.type2 .agree_ck .chk_mchk:checked + label:before {
    background-position: -13px 0;
}
div.contIn h4 {
    color: #444;
}
div.contIn h3 {
    margin-bottom: 13px;
    color: #444;
}
div.contIn table.memTable {
    width: 100%;
    margin: 10px 0 5px 0;
    background: #fff;
    font-size: 11px;
}
div.contIn table.memTable th {
    padding: 5px 0;
    background: #f4f4f4;
    border: 1px solid #ddd;
    text-align: center !important;
    font-size: 11px;
    color: #333;
}
div.contIn table.memTable td {
    padding: 5px 3px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 14px;
}
div.contIn table.memTable td.emphasisTxt {
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
}
div.contIn table.memTable.type2 td {
    padding: 10px 20px;
}
div.contIn table.memTable td p {
    margin-bottom: 0;
}
div.contIn table.memTable.vt td {
    vertical-align: top;
}
div.contIn table.memTable.vt td.blank {
    text-align: center !important;
    vertical-align: middle;
}
div.contIn table.memTable.vt table.memTable td {
    vertical-align: middle;
}
div.contIn table div.contIn p {
    color: #666;
}
div.contIn p.tin01 {
    text-indent: -14px;
    padding-left: 14px;
    font-size: 11px;
    line-height: 15px;
    color: #898989;
}
div.contIn p.tin02 {
    text-indent: -9px;
    padding-left: 9px;
    font-size: 11px;
    line-height: 15px;
    color: #898989;
}
div.contIn p + p {
    margin-top: 5px;
}
div.contIn span.blue {
    color: #5785b9;
}
div.contIn span.red {
    color: #e83752;
}

.contMeg {
    margin: 15px 0 -7px;
    *margin: 14px 0 -14px;
}

.layerCont .joinBox {
    width: 400px;
    margin: 0;
    padding: 0;
    border: none;
} /* @@@ 2015-01-09 수정 */
.layerCont .joinBox .tabArea .tab {
    width: auto;
}
.layerCont .joinBox .tabArea .tab li .cont {
    width: 398px;
}
.layerCont .joinBox .tabArea .tab li .cont .join {
    padding-left: 20px;
    background: none;
}
.layerCont .joinBox .tabArea .tab li .cont .btTxt {
    padding-left: 20px;
}
.layerCont .joinBox .tabArea .tab li .cont .btn1 {
    position: absolute;
    top: 32px;
    right: 21px;
}
.layerCont .joinBox .tabArea .tab li .cont .btn {
    top: 30px;
    right: 21px;
}
.layerCont .joinBox .tabArea .tab li .cont .notice li {
    letter-spacing: -1px;
}
.layerCont .joinBox .tabArea .tab li .cont .join input.txt {
    height: 16px;
    padding: 3px 0 0 10px;
}

/* my쇼핑 정보 2013-06-21 */
.popInfor {
    padding: 31px 0 13px;
}
.layerCont3 {
    margin: 0 29px;
}
.layerCont3 .cont h4 {
    display: block;
    padding-bottom: 8px;
}
.layerCont3 .cont .inforView {
    margin-top: -26px;
    margin-bottom: 5px;
    text-align: right;
}
.layerCont3 .cont .evnet {
    margin-top: -27px;
    margin-bottom: 5px;
    margin-left: 160px;
}
.layerCont3 .cont .comment {
    margin-top: -12px;
    margin-bottom: 17px;
    color: #999;
    font-size: 11px;
}

.layerPop .layerCont3 .cont .tableSt3 {
    margin: 0 0 17px;
    border-top: 1px solid #bbb;
    border: 1px solid #ddd;
}
.layerPop .layerCont3 .cont .tableSt3 thead th {
    padding: 3px 0 6px;
    border: 1px solid #ddd;
    border-top: 1px solid #bbb;
    background: #f4f4f4;
}
.layerPop .layerCont3 .cont .tableSt3 td {
    text-align: center;
    color: #444;
    font-size: 12px;
}
.layerPop .layerCont3 .cont .tableSt3 .comment1 {
    color: #999;
    font-weight: normal;
    font-size: 11px;
}
.layerPop .layerCont3 .cont .tableSt3 td .deduct {
    color: #009d9b;
}

.layerPop .layerCont3 .cont .tableSt5 {
    margin: 0 0 17px;
    width: 100%;
    border-top: 1px solid #bbb;
    border: 1px solid #ddd;
}
.layerPop .layerCont3 .cont .tableSt5 th {
    padding: 3px 0 6px;
    background: #f4f4f4;
    border-top: 1px solid #bbb;
}
.layerPop .layerCont3 .cont .tableSt5 td {
    border-top: 1px solid #bbb;
    text-align: center;
    color: #444;
    font-size: 12px;
}

.layerPop .layerCont4 {
    margin: 0 29px;
    padding: 0 0 30px;
}
.layerPop .layerCont4 .popBtn {
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    display: inline-block;
}

.alertText {
    color: #666;
}
.alertText strong.emp {
    color: #444;
}

.alertText2 {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    color: #444;
}
.alertText2.black {
    color: #000;
}
.alertText2.black strong span {
    display: block;
    margin-top: 4px;
}
.alertText2 strong.user {
    color: #444;
}
.alertText2 strong.emp {
    color: #18bec0;
}
.alertText2 .alertSub {
    padding-top: 6px;
    font-size: 12px;
    line-height: 14px;
    color: #444;
}

.ecouponText {
    text-align: left;
}
.ecouponText .lists {
    margin-bottom: 20px;
    padding-bottom: 23px;
    border-bottom: 1px solid #cdcdcd;
}
.ecouponText .lists li {
    margin-bottom: 7px;
    padding-left: 10px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    text-indent: -10px;
}
.ecouponText .arrTxt li {
    padding-bottom: 2px;
    padding-left: 10px;
    color: #898989;
    font-size: 12px;
    line-height: 16px;
    background: url(//image.hnsmall.com/images/img2014/common/bul_arrow.gif) no-repeat 2px 6px;
}

.idSch ul {
    position: relative;
    width: 100%;
    display: inline-block;
}
.idSch ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.idSch ul li.tab1,
.idSch ul li.tab2 {
    display: inline;
    margin-right: 26px;
}
.idSch ul li.tab3 {
    display: inline;
}
.idSch ul li .chk {
    vertical-align: middle;
}
.idSch ul li .cont {
    display: none;
}
.idSch ul li label,
.idSch ul li.on ul li label,
.idSch ul li ul li label {
    color: #565656;
}
.idSch ul li.on label,
.idSch ul li ul li.on label {
    color: #565656;
}
.idSch ul li.on .cont {
    display: block;
}
.idSch .cont {
    position: relative;
    float: left;
    display: block;
    width: 340px;
    margin-top: 9px;
    padding: 20px 0;
    border-top: 2px solid #232323;
}
.idSch .cont .join li {
    padding: 0 0 2px;
}
.idSch .cont .join .tit {
    display: inline-block;
    width: 90px;
    margin-top: -6px;
    vertical-align: middle;
    font-weight: bold;
    color: #666666;
}
.idSch .cont .join input.txt {
    width: 133px;
    height: 16px;
    padding: 3px 0 0 10px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
}
.idSch .cont .join input:hover {
    border: 1px solid #dd1032;
}
.idSch .cont .join .joinChk {
    padding-left: 79px;
}
.idSch .cont .join .joinChk input {
    margin-right: 4px;
}
.idSch .cont .btn {
    position: absolute;
    top: 20px;
    right: 0;
}

.idSch .subCont {
    margin: 16px 0 0;
    padding-top: 16px;
    border-top: 1px solid #d7d7d7;
    font-size: 11px;
    color: #888;
}
.idSch .subCont label {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    margin-right: 5px;
}
.idSch .subCont .chkCont {
    padding-top: 6px;
}
.idSch .subCont .chkCont .subTxt {
    padding: 1px 0 0 44px;
    color: #999;
}
.idSch .subCont ul li {
    float: left;
}
.idSch .subCont ul li.on label {
    color: #444;
}
.idSch .subCont input.txt {
    height: 16px;
    padding: 3px 0 0 10px;
}

.newPw {
    margin: 0 0 20px;
    padding-top: 20px;
    border-top: 2px solid #232323;
}
.newPw li label.tit {
    font-weight: bold;
    margin-right: 10px;
    color: #656565;
}
.newPw input.txt {
    width: 210px;
    height: 16px;
    padding: 3px 0 0 10px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
    margin-bottom: 3px;
}
.newPw input:hover {
    border: 1px solid #dd1032;
}

.buTxt2 {
    padding-left: 10px;
    color: #999;
    background: url("//image.hnsmall.com/images/img2014/category/bu_tit_arrow1.gif") no-repeat 0 5px;
}
.buTxt3 {
    padding-left: 10px;
    color: #888;
    background: url("//image.hnsmall.com/images/img2014/category/bu_circle4x4_2.gif") no-repeat 0 6px;
}

.memTit {
    margin-top: 30px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #bbb;
}
.memJoin {
    padding: 0 30px;
}
.memJoin .memTit2 {
    margin-top: 30px;
}
.memJoin .btnTit {
    margin-top: -19px;
    text-align: right;
}
.memJoin .memTxt {
    height: 178px;
    margin-top: 7px;
    border: 1px solid #e4e4e4;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-face-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: 000000;
    scrollbar-3dlight-color: #c4c4c4;
    scrollbar-arrow-color: #c4c4c4;
    scrollbar-track-color: #ddd;
    scrollbar-darkshadow-color: #ddd;
}
.memJoin .tableView.bdTopNone {
    border-top: 0;
}
.memJoin .memTxt3 {
    height: 118px;
    margin-top: 7px;
    border: 1px solid #e4e4e4;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-face-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: 000000;
    scrollbar-3dlight-color: #c4c4c4;
    scrollbar-arrow-color: #c4c4c4;
    scrollbar-track-color: #ddd;
    scrollbar-darkshadow-color: #ddd;
}

.memJoin .memTit3 {
    margin-top: 20px;
}
.memJoin .memTxt2 {
    height: 180px;
    margin-top: 7px;
    border: 1px solid #e4e4e4;
}
.memJoin .memTxt2 .inTxt {
    padding: 20px;
    color: #888;
    line-height: 15px;
}

.memJoin .memTxt .inTxt,
.memJoin .memTxt3 .inTxt {
    padding: 20px;
    color: #888;
    line-height: 15px;
}
.memJoin .memTxt .contIn,
.memJoin .memTxt3 .contIn {
    padding-top: 20px;
}
.memJoin .memTxt h5 {
    margin-bottom: 10px;
    color: #dd1032;
}
.memJoin .memTxt h6 {
    margin: 13px 0 10px;
}
.memJoin table.memTable {
    width: 100%;
    margin: 5px 0;
}
.memJoin table.memTable th {
    padding: 5px;
    background: #f4f4f4;
    border: 1px solid #ddd;
}
.memJoin table.memTable td {
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;
}
.memJoin .noticeFr.fr {
    margin-top: -16px;
}
.memChk {
    margin-top: 9px;
    font-weight: bold;
}
.memBtn {
    margin-top: 36px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
.memBtn .memChk {
    margin: 0;
    padding-left: 30px;
}
.memBtn .btnCenter {
    margin-top: -15px;
}

.joinMeg {
    overflow: hidden;
    width: 533px;
    margin: 0 auto 15px;
    padding-bottom: 30px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x 0 bottom;
}
.joinMeg p {
    text-align: center;
}
.joinMeg .txt {
    margin: -22px 0 4px;
    padding-left: 70px;
    text-align: center;
    color: #888;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: -1px;
}
.joinMeg .txt .user {
    margin: 0 6px;
    font-size: 26px;
    color: #00a9a7;
}
.joinMeg .txt img {
    vertical-align: -1px;
}
.joinMeg .txt2 {
    margin: -32px 0 8px;
    padding-left: 110px;
    text-align: center;
    color: #888;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: -1px;
}
.joinMeg .txt2 .user {
    margin: 0 6px;
    font-size: 26px;
    color: #00a9a7;
}
.joinMeg .txt2 img {
    vertical-align: -2px;
}
.joinMeg2 {
    margin-bottom: 20px;
    text-align: center;
}

.errorMeg {
    overflow: hidden;
    width: 645px;
    margin: 0 auto 15px;
    padding-bottom: 30px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x 0 bottom;
    text-align: center;
}
.errorMeg .error {
    min-height: 62px;
    display: inline-block;
    padding-left: 95px;
    background: url("//image.hnsmall.com/images/img2014/common/img_error.png") no-repeat 0 0;
    font-size: 12px;
    line-height: 14px;
    color: #888;
    font-weight: bold;
}
.errorMeg .error img {
    margin-bottom: 12px;
}

.emp3 {
    color: #666;
}
.emp4 {
    color: #ea3297;
}

.memJoin .tabText {
    margin-top: 30px;
    background: url("//image.hnsmall.com/images/img2014/member/bg_tab.gif") repeat-x 0 bottom;
}
.memJoin .tabText li {
    width: 150px;
}
.memJoin .tabText li a {
    height: 23px;
    margin-top: 0;
    border: 1px solid #ddd;
    border-bottom: 1px solid #666;
}
.memJoin .tabText li.on a {
    border: 1px solid #666;
    border-bottom: 1px solid #fff;
}

.termsTab {
    overflow: hidden;
    width: 100%;
    margin-bottom: 11px;
    padding-bottom: 17px; /*background:url("//image.hnsmall.com/images/img2014/member/bg_terms.png") no-repeat right bottom*/
}
.termsTab .tabIn {
    overflow: hidden;
    width: 100%;
    padding: 12px 0; /*background:url("//image.hnsmall.com/images/img2014/member/bg_terms.png") no-repeat 0 0*/
}
.termsTab .tab1 ol {
    height: 174px;
}
.termsTab .tab2 ol {
    height: 150px;
}
.termsTab ol {
    float: left;
    width: 289px;
    margin-left: -1px;
    padding-left: 9px;
    border-left: 1px solid #eee;
}
.termsTab ol li a {
    display: block;
    width: 269px;
    height: 19px;
    padding: 0 0 0 10px;
    color: #444;
}
.termsTab ol li.on a,
.termsTab ol li a:hover {
    background: #ff6464;
    color: #fff;
    text-decoration: none;
}

.memJoin .contIn {
    padding: 0 20px;
}
.memJoin .contIn h4 {
    color: #444;
}
.memJoin .contIn h3 {
    margin-bottom: 13px;
    color: #444;
}
.memJoin .contIn p {
    margin-bottom: 26px;
    color: #888;
}
.memJoin .contIn p.emphasisTxt,
.memJoin .contIn span.emphasisTxt {
    font-size: 14px;
    font-weight: bold;
}

.memJoin .mailAddr {
    padding-left: 10px;
}

.memTab {
    overflow: hidden;
    width: 122%;
}
.memTab li {
    float: left;
    padding-right: 70px;
}
.memTab li.on {
    color: #444;
    font-weight: bold;
}

.memJoin .buTxt3.fr {
    margin-top: -14px;
}

.memJoin.memCert {
    margin-top: 30px;
}
.memJoin.memCert .joinMeg {
    width: 470px;
    padding-bottom: 11px;
    padding-left: 50px;
}

.memJoin .cont .joinFore {
    position: relative;
    width: 420px;
    margin: 0 auto;
    text-align: left;
}
.memJoin .cont .joinFore .join li {
    padding-bottom: 1px;
}
.memJoin .cont .joinFore .join li label {
    display: inline-block;
    width: 113px;
    vertical-align: middle;
}
.memJoin .cont .joinFore .join li input.txt {
    height: 18px;
}
.memJoin .cont .joinFore .btn {
    position: absolute;
    top: 0;
    right: 0;
}

.idSch .pwTab {
    width: auto;
    margin-left: -26px;
}
.idSch .pwTab li {
    display: inline;
    margin-left: 26px;
}
.idSch .cont {
}

.depth2TilteWrap.blind {
}

.memTit3 {
    margin-top: 20px;
}
.memTxt2 {
    height: 180px;
    margin-top: 7px;
    border: 1px solid #e4e4e4;
}
.memTxt2 .inTxt {
    padding: 20px;
    color: #888;
    line-height: 15px;
}

/* @@@ 2014-11-14 */
/* 회원가입 */
.memJoinBox {
    width: 608px;
    overflow: hidden;
    margin: 8px auto 0;
    padding: 25px;
    border: 1px solid #cdcdcd;
}
.memJoinBox .btnJoin a {
    padding-right: 12px;
    padding-left: 13px;
}
.memJoinBox .btnJoin1 a {
    padding-right: 36px;
    padding-left: 32px;
}
.memJoinBox1 {
    border: 0;
}

.memberJoin {
    padding: 0 150px;
}
.memberJoin .fr {
    margin-top: -16px;
    font-size: 11px;
}
.memberJoin01 {
    padding: 0 60px;
}
.memberTab {
    overflow: hidden;
    width: 100%;
    padding-left: 75px;
}
.memberTab li {
    float: left;
    padding-right: 30px;
    font-size: 16px;
    font-weight: bold;
}
.memberTab li.on {
    color: #444;
    font-weight: bold;
}
.memberJoin.memberCert {
    margin-top: 30px;
}
.memberJoin.memberCert .memJoinMeg {
}
.joinNotice li {
    padding: 0 0 3px 16px;
    font-size: 11px;
    color: #999;
    background: url("//image.hnsmall.com/images/img2014/member/ico_notice.gif") no-repeat 0 5px;
}

dl.memlistArrow dd {
    padding: 2px 0 1px 22px;
    color: #898989;
    font-size: 11px;
    line-height: 15px;
    background: url(//image.hnsmall.com/images/img2014/common/bul_arrow2.gif) no-repeat 14px 8px;
    color: #999;
}
.memJoinMeg {
    overflow: hidden;
    width: 560px;
    margin: 0 auto 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cdcdcd;
}
.contJoinMeg {
    overflow: hidden;
    width: 600px;
    margin: 0 auto 20px;
    padding-bottom: 20px;
}
.contJoinMeg1 {
    width: 412px;
    overflow: hidden;
    margin: 60px auto 30px;
}
.JoinBox {
    border-bottom: none;
    padding-top: 50px;
}

.memJoinMeg p,
.JoinCont p {
    text-align: center;
    line-height: 1.3em;
}
.memJoinMeg .txt,
.JoinCont .txt,
.contJoinMeg .txt {
    font-size: 14px;
}
.memJoinMeg .txt1,
.JoinCont .txt1,
.contJoinMeg .txt1 {
    font-size: 20px;
    color: #252122;
    font-weight: bold;
    letter-spacing: -1px;
}
.memJoinMeg .txt2,
.JoinCont .txt2,
.contJoinMeg .txt2 {
    font-size: 20px;
    color: #13abd0;
}
.memJoinMeg .txt3,
.JoinCont .txt3 {
    font-size: 22px;
    color: #252122;
    font-weight: bold;
}
.memJoinMeg .txt4,
.contJoinMeg1 .txt4 {
    font-size: 22px;
    color: #252122;
    font-weight: bold;
}
.memJoinMeg .span_txt,
.JoinCont .span_txt {
    font-size: 20px;
    color: #13abd0;
}
.contJoinMeg1 .txt5 {
    font-size: 14px;
    text-align: center;
}

.JoinCont .joinFore {
    position: relative;
    width: 452px;
    margin: 0 auto;
    text-align: left;
}
.JoinCont .joinFore .join li {
    padding-bottom: 3px;
}
.JoinCont .joinFore .join li label {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    font-weight: bold;
}
.JoinCont .joinFore .join li input.txt {
    height: 18px;
}
.JoinCont .joinFore .button_etc {
    position: absolute;
    top: 0;
    right: 0;
}

.button_etc .btSize_etc,
.button_etc .btSize_etc a {
    background: url(//image.hnsmall.com/images/img2014/common/button_bg_large_etc.png) no-repeat;
}
.button_etc .btSize_etc {
    height: 45px;
}
.button_etc .btSize_etc a {
    height: 33px;
    *height: 40px;
    padding: 0 29px 0 26px;
    padding-top: 12px;
    *padding-top: 5px;
    font-size: 17px;
    *line-height: 24px;
}
.button_etc .bslColorRed_etc {
    background-position: 0 -360px;
}
.button_etc .bslColorRed_etc a {
    color: #fff;
    background-position: 100% -360px;
}
.button_etc .bslColorRed_etc:hover {
    background-position: 0 -415px;
}
.button_etc .bslColorRed_etc a:hover {
    background-position: 100% -415px;
}

/* 회원가입 table */
.JoinTable {
    width: 100%;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    margin-top: -5px;
}
.JoinTable th {
    height: 27px;
    padding: 0 0 0 20px;
    border-top: 1px solid #e4e4e4;
    text-align: left;
    background: #fff;
}
.JoinTable th.verTop {
    padding-top: 8px;
}
.JoinTable th .starMust {
    margin-left: -8px;
    margin-right: 2px;
    font-weight: normal;
}
.JoinTable td {
    padding: 8px 0;
    *padding: 5px 0;
    border-top: 1px solid #e4e4e4;
    text-align: left;
    color: #444;
}
.JoinTable td select {
    font-family: "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "굴림", Sans-serif;
} /* @@@ 2015-01-05 수정*/
.JoinTable td input.txt {
    height: 18px;
    padding-left: 10px;
    color: #444;
}
.JoinTable td input.txt2 {
    height: 18px;
    padding-left: 10px;
    margin-top: 3px;
    color: #444;
}
.JoinTable td.ar {
    padding-right: 16px;
}
.borR {
    border-right: 1px solid #e4e4e4;
}
.memJoinTable .JoinTable .first th,
.memJoinTable .JoinTable .first td {
    border-top: 0;
}
.memJoinTable .JoinTable .firstT th,
.memJoinTable .JoinTable .firstT td {
    border-top: 1px solid #c2c2c2;
}
.memJoinTable .btSizeS a {
    height: 22px;
    padding: 0 6px 0 3px;
} /* @@@ 2015-01-05 추가*/
.JoinTable td .num {
    margin-right: 2px;
    font-family: tahoma;
}
.JoinTable td.addEx {
    color: #888;
    font-size: 11px;
}
.memJoinTable .borderNone {
    border-top: 0px solid #e4e4e4;
} /* @@@ 2015-01-06 추가*/
.agreeInforZone1 td dl dd {
    width: 480px !important;
} /*@@@ 2015-01-13 추가*/

.JoinTable01 {
    width: 100%;
    border: none;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #e4e4e4;
}
.JoinTable01 th {
    height: 27px;
    padding: 0 0 0 30px;
    border-top: 1px solid #e4e4e4;
    text-align: left;
    background: #fff;
}
.JoinTable01 th.verTop {
    padding-top: 8px;
}
.JoinTable01 th .starMust {
    margin-left: -8px;
    margin-right: 2px;
    font-weight: normal;
}
.JoinTable01 td {
    padding: 8px 0;
    *padding: 3px 0;
    border-top: 1px solid #e4e4e4;
    text-align: left;
    color: #444;
}
.JoinTable01 td select {
    font-family: "돋움", Dotum, sans-serif;
}
.JoinTable01 td input.txt {
    height: 13px;
    padding: 2px 0 2px 10px;
    color: #444;
}
.JoinTable01 td.ar {
    padding-right: 16px;
}
.JoinTable01 .first th,
.JoinTable01 .first td {
    border-top: 1px solid #c2c2c2;
}
.JoinTable01 .last th,
.JoinTable01 .last td {
    border-bottom: 1px solid #c2c2c2;
}

/* 가입완료 */
.memJoinBox1 {
    overflow: hidden;
    margin-top: 7px;
    *margin-top: 14px;
    padding: 29px 56px 0;
}
.bannerBg {
    width: 87px;
    height: 87px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(//image.hnsmall.com/images/img2014/common/bg_banner.png) no-repeat 0 0;
}
.memJoinBox1 .tabArea {
    position: relative;
}
.memJoinBox1 .tabArea .banner {
    position: absolute;
    top: 0;
    right: 0;
    width: 184px;
}
.memJoinBox1 .tabArea .banner a {
    display: block;
}
.memJoinBox1 .tabArea .tab {
    width: 645px;
}
.memJoinBox1 .tabArea .tab .contJoin {
    display: block;
}
.memJoinBox1 .tabArea .tab .contJoin .contJoinBox {
    border: 1px solid #ddd;
    position: relative;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk {
    height: 260px;
    padding: 25px 0 0 68px;
}
.memJoinBox1 .tabArea .tab .contJoin .btnLogin {
    position: absolute;
    top: 30px;
    right: 71px;
}
.memJoinBox1 .tabArea .tab .contJoin .btnLogin .btSizeBL a {
    width: 108px;
    height: 25px;
    text-align: center;
    padding: 30px 0;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk .phonlogin {
    padding: 20px 0 0 70px;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk .btSizeM a {
    padding-left: 177px;
    padding-right: 177px;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk .phonloginNotice {
    padding: 7px 0 0 70px;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk .phonloginNotice .joinNotice {
    padding: 0 0 3px 16px;
    font-size: 11px;
    color: #8a888d;
    background: url("//image.hnsmall.com/images/img2014/member/ico_notice.gif") no-repeat 0 5px;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk .phonloginNotice .memlistArrow {
    padding: 2px 0 1px 22px;
    color: #8a888d;
    font-size: 11px;
    line-height: 15px;
    background: url(//image.hnsmall.com/images/img2014/common/bul_arrow2.gif) no-repeat 14px 8px;
    color: #999;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk p {
    padding-bottom: 7px;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk li {
    padding: 0 0 2px;
    width: 400px;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk .tit {
    display: inline-block;
    width: 75px;
    margin-top: -8px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk .tit {
    width: 70px;
    padding-top: 13px;
    padding-left: 9px;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk input.txt {
    width: 290px;
    padding: 0 5px;
    height: 37px;
    border: 1px solid #c6c6c6;
    font-weight: bold;
    color: #666;
    margin-top: 4px;
    vertical-align: middle;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk input:hover {
    border: 1px solid #dd1032;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk .joinChk {
    padding-top: 2px;
    padding-left: 79px;
}
.memJoinBox1 .tabArea .tab .contJoin .joinOk .joinChk input {
    margin-right: 4px;
}
.memJoinBox1 .tabArea .tab .contJoin .btTxt2 {
    width: 498px;
    margin: 4px auto 30px;
    height: 87px;
    padding: 28px 0 28px 0;
    font-weight: bold;
    border-top: none;
    background: #f8f8f8;
}
.memJoinBox1 .tabArea .tab .contJoin .btTxt2 ul li .tit {
    display: inline-block;
    font-size: 14px;
    width: 328px;
    padding-left: 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 7px;
}
.memJoinBox1 .tabArea .tab .contJoin .btTxt2 ul li {
    padding: 0 0 2px 30px;
}
.memJoinBox1 .tabArea .tab .contJoin .btTxt2 ul li span.btSizeM a {
    width: 96px;
    height: 22px;
    text-align: center;
    padding: 4px 0;
}
.memJoinBox1 .tabArea .tab .contJoin .btTxt2 ul li img {
    vertical-align: middle;
}

/* // @@@ 2014-11-14 */

/*로그인 19금 2015-06-19 */
.memJoinBox2 {
    width: 608px;
    overflow: hidden;
    margin: 8px auto 0;
    padding: 25px 50px;
    border: 1px solid #cdcdcd;
}
.ageguide {
    position: relative;
    padding: 0 20px 0 50px;
    border-bottom: 1px solid #e5e5e5;
}
.ageguide em {
    position: absolute;
    top: 5px;
    left: 40px;
    display: block;
    width: 82px;
    height: 82px;
    background: url("//image.hnsmall.com/images/img2014/member/ico_19age.png") no-repeat 0 0;
    font-size: 0;
}
.ageguide p.guide1 {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    padding-left: 90px;
    text-align: left;
    line-height: 25px;
}
.ageguide p.guide2 {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #565656;
    line-height: 19px;
    padding-left: 90px;
    text-align: left;
}

/*로그인 19금 2015-08-31 */
.dormant {
    position: relative;
    padding: 0 20px 0 50px;
    border-bottom: 1px solid #e5e5e5;
}
.dormant p.guide1 {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}
.dormant p.guide1 span {
    color: #12aacf;
}

/*회원가입 2015-02-13 */
.JoinWrap {
    margin: 0 30px;
}
.joinTit {
    margin-top: 32px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 2px solid #cdcdcd;
}
.titleT {
    margin-top: -35px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.JoinClause {
    padding: 35px 30px;
}
.JoinClause .btnTit {
    margin-top: -19px;
    text-align: right;
}
.JoinClause .joinTextBox {
    border: 1px solid #cdcdcd;
    width: 818px;
    height: 200px;
    padding: 10px;
    margin-top: 10px;
}
.JoinClause .joinTextBox .joinTextBox2 {
    width: 810px;
    height: 195px;
    padding-left: 10px;
    overflow-y: auto;
}
.JoinClause .clauseText {
    padding: 3px 0 18px;
    color: #8a8a8a;
    background: url("//image.hnsmall.com/images/img2014/member/clausetext_bg.png") repeat-x 0 bottom;
}
.JoinClause table.memTable {
    width: 100%;
    margin: 7px 0;
}
.JoinClause table.memTable th {
    padding: 5px;
    background: #f4f4f4;
    border: 1px solid #ddd;
}
.JoinClause table.memTable td {
    padding: 10px 5px;
    border: 1px solid #ddd;
    text-align: center;
}
.JoinClause table.memTable td.emphasisTxt {
    font-size: 14px;
    font-weight: bold;
}
.JoinClause .btnWrap {
    *zoom: 1;
    width: 100%;
    margin-top: 56px;
    margin-bottom: 20px;
    text-align: center;
}

.sandemail {
    position: relative;
    border: 1px solid #cdcdcd;
    background: #f9f9f9;
    padding: 17px 0 12px;
    text-align: center;
}
.sandemail .com1 {
    font-size: 14px;
    color: #565656;
    font-weight: bold;
    margin-bottom: 17px;
}
.sandemail .com {
    font-size: 14px;
    color: #565656;
    font-weight: bold;
    margin-bottom: 17px;
    text-align: left;
    padding-left: 140px;
}
.sandemail .com span {
    margin-right: 35px;
}
.sandemail .button {
    position: absolute;
    top: 70px;
    right: 143px;
    margin-left: 150px;
}
.sandemail .inputtext {
    height: 39px;
    vertical-align: middle;
    font-size: 15px;
    padding-left: 10px;
}
.sandemail .btn_sandemailclose {
    position: absolute;
    top: 20px;
    right: 20px;
}
.sandemail .email {
    position: absolute;
    top: 70px;
    left: 482px;
    display: inline-block;
    width: 107px;
    height: 41px;
    padding-left: 5px;
    cursor: pointer;
}

.JoinInput {
    padding: 35px 30px;
    background: url("//image.hnsmall.com/images/img2014/member/joinclause_bg.jpg") repeat-x 0 top;
}
.JoinInput .inforZon {
    background: #f7f7f7;
    text-align: center;
    margin-top: 7px;
    padding: 30px 0 20px 170px;
}
.JoinInput .btnWrap2 {
    *zoom: 1;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.JoinInput .btnWrap .btSizeBL2 a {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 25px;
}

.JoinTable2 {
    width: 100%;
    border: none;
}
.JoinTable2 th {
    padding: 8px 0 20px;
    text-align: left;
    font-size: 14px;
    color: #555555;
    vertical-align: top;
}
.JoinTable2 td {
    padding: 0 0 20px;
    text-align: left;
    color: #444;
    font-size: 14px;
}
.JoinTable2 td .inputtext {
    height: 39px;
    vertical-align: middle;
    font-size: 15px;
    padding-left: 10px;
}
.JoinTable2 td p {
    font-size: 13px;
    color: #e51937;
    padding-top: 6px;
    padding-left: 10px;
}
.JoinTable2 td .btSizeL2 a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #898989;
}

.JoinInput .btnWrap {
    *zoom: 1;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 0;
    text-align: center;
    max-height: none;
}
.JoinInput .btnWrap p {
    color: #e51937;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 36px;
}
.JoinInput .btnWrap input {
    width: 19px;
    height: 19px;
    vertical-align: middle;
}

.contJoinMeg2 {
    text-align: center;
    overflow: hidden;
    margin: 60px auto 60px;
}
.contJoinMeg2 .txtTit {
    font-size: 24px;
    line-height: 1;
    color: #232323;
    font-weight: bold;
}
.contJoinMeg2 .txtSub {
    font-size: 17px;
    color: #575757;
}

.contJoinMeg2 .phoneInfor {
    width: 839px;
    margin-left: 60px;
    margin-top: 40px;
}
.contJoinMeg2 .phoneInfor .JoinTable {
    margin-top: 0;
}

/*2014-12-23 추가*/
.addPoint {
    width: 717px;
    background: #f4f4f4;
    padding: 14px 0 16px 30px;
    position: relative;
}
.addPoint .detail {
    position: absolute;
    top: 30px;
    right: 30px;
} /*2014-12-26 추가수정*/
.buTxt_add {
    margin-bottom: 4px;
    padding-left: 30px;
    font-size: 11px;
    color: #999;
}

/* 회원가입 휴대폰 로그인 2015-02-13*/
.JoinTable3 {
    width: 100%;
    border: none;
}
.JoinTable3 th {
    padding: 0 0 43px;
    text-align: left;
    font-size: 14px;
    color: #555555;
}
.JoinTable3 th.inforcheck {
    padding: 0 0 23px;
    vertical-align: top;
}
.JoinTable3 td {
    padding: 0 0 43px;
    text-align: left;
    color: #444;
    font-size: 14px;
}
.JoinTable3 td.inforcheck {
    padding: 0 0 23px;
    font-weight: bold;
}
.JoinTable3 td p {
    font-size: 12px;
    color: #898989;
    padding-left: 32px;
    font-weight: normal;
}
.JoinTable3 td input,
.JoinTable4 td input {
    width: 0;
    height: 0;
    vertical-align: middle;
}

.JoinTable4 th {
    padding: 0 0 22px;
    text-align: left;
    font-size: 14px;
    color: #555555;
}
.JoinTable4 th.last {
    padding: 0 0 18px;
    text-align: left;
    font-size: 14px;
    color: #555555;
}
.JoinTable4 td {
    padding: 0 0 22px;
    text-align: left;
    font-size: 14px;
    color: #555555;
    vertical-align: middle;
}
.JoinTable4 td.last {
    padding: 0 0 18px;
    text-align: left;
    font-size: 14px;
    color: #555555;
}
.JoinTable4 td .inputtext {
    height: 40px;
    vertical-align: middle;
    font-size: 15px;
    padding-left: 10px;
    margin-bottom: 5px;
}
.JoinTable4 td .btSizeL2 a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #898989;
}
.JoinTable4 th.add {
    vertical-align: top;
    padding: 8px 0 23px;
}

/*.JoinInput .inforZon2{ position:relative;background:#fff;width:600px;text-align:center;margin-top:7px;margin-bottom:10px;border:1px solid #cdcdcd; overflow:hidden}*/
.JoinInput .inforZon2 table {
    margin: 18px 18px 0;
    width: 500px;
}
.JoinInput .inforZon2 .line {
    border-top: 1px solid #eeeeee;
    margin-bottom: 20px;
}

/* 회원가입 체크박스 ,라디오 박스 */
.chk_mchk {
    width: 100px;
    height: 16px;
    -webkit-appearance: none;
}
.chk_mchk::-ms-check {
    border: solid 1px #f8f8f8;
}
.lbl_mchk {
    display: inline-block;
    height: 19px;
    padding-left: 23px;
    background: #fff url(//image.hnsmall.com/images/img2014/member/input_member.png) no-repeat 0 -60px;
    vertical-align: top;
    cursor: pointer;
}
.lbl_mchk.on {
    background-position: 0 -90px;
}
.chk_mchk:checked + label {
    background-position: 0 -90px;
}

.lbl_mchk2 {
    display: inline-block;
    height: 19px;
    padding-left: 23px;
    background: #f7f7f7 url(//image.hnsmall.com/images/img2014/member/input_member.png) no-repeat 0 -60px;
    vertical-align: top;
    cursor: pointer;
} /*마케팅*/
.lbl_mchk2.on {
    background-position: 0 -90px;
}

.ride_mrido {
    width: 100px;
    height: 16px;
    -webkit-appearance: none;
}
.ride_mrido::-ms-check {
    border: solid 1px #f8f8f8;
}
.lbl_mrido {
    display: inline-block;
    height: 19px;
    padding-left: 23px;
    background: #f7f7f7 url(//image.hnsmall.com/images/img2014/member/input_member.png) no-repeat 0 0;
    vertical-align: top;
    cursor: pointer;
}
.lbl_mrido.on {
    background-position: 0 -30px;
}
.ride_mrido:checked + label {
    background-position: 0 -30px;
}

.depth_member {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 41px;
    padding-left: 5px;
    cursor: pointer;
}
.depth_member span {
    display: block;
    padding: 10px 25px 3px 5px;
    *padding: 1px 25px 3px 0;
    color: #898989;
    height: 31px;
    font-size: 14px;
    line-height: 18px;
}
.depth_member ul {
    display: none;
    overflow: hidden;
    overflow-x: hidden;
    z-index: 500;
    position: absolute;
    top: 40px;
    left: 0;
    width: 78px;
    max-height: 260px;
    overflow: auto;
    padding: 5px 0;
    border: 1px solid #cdcdcd;
    background: #fff;
}
.depth_member ul li {
    font-size: 13px;
}
.depth_member ul li a {
    overflow: hidden;
    display: block;
    font-size: 14spx;
    text-indent: 0;
    text-decoration: none;
    padding: 0 5px 3px;
    background: none;
}
.depth_member ul li a:hover {
    color: #fff;
    background: #dd1032;
}
.depth_member ul li a span {
    padding: 0 7px;
    background: none;
}
.depth_member ul li a:hover span {
    padding: 0 7px;
    color: #fff;
    background: none;
}

.mailZone {
    position: relative;
}
.email {
    position: absolute;
    top: 0px;
    left: 260px;
    display: inline-block;
    width: 107px;
    height: 41px;
    padding-left: 5px;
    cursor: pointer;
}
.email ul {
    display: none;
    overflow: hidden;
    overflow-x: hidden;
    z-index: 500;
    position: absolute;
    top: 40px;
    left: 0;
    width: 110px;
    padding: 5px 0;
    border: 1px solid #cdcdcd;
    background: #fff;
}

/*팝업공통_테이블*/
.layerCont .JoinTable2 {
    width: 100%;
    border: none;
}
.layerCont .JoinTable2 th {
    padding: 15px 5px 15px 20px;
    border-top: 1px solid #eeeeee;
}
.layerCont .JoinTable2 th label {
    font-size: 13px;
}
.layerCont .JoinTable2 td {
    padding: 10px 0 20px;
    text-align: left;
    color: #444;
    font-size: 14px;
    border-top: 1px solid #eeeeee;
}
.layerCont .JoinTable2 td input {
    height: 29px;
}
.layerCont .JoinTable2 td p {
    font-size: 13px;
    color: #e51937;
    padding-top: 6px;
    padding-left: 10px;
}
.layerCont .JoinTable2 td .email {
    position: absolute;
    top: 10px;
    left: 225px;
    display: inline-block;
    width: 107px;
    height: 32x;
    padding-left: 5px;
    cursor: pointer;
}
.layerCont .JoinTable2 td .email ul {
    display: none;
    overflow: hidden;
    overflow-x: hidden;
    z-index: 500;
    position: absolute;
    top: 30px;
    left: 0;
    width: 110px;
    padding: 5px 0;
    border: 1px solid #cdcdcd;
    background: #fff;
}

/*팝업공통_버튼영역*/
.layerCont .popbtnWrap {
    margin-top: 0;
    padding-top: 10px;
    border-top: 1px solid #cdcdcd;
    text-align: center;
}
.layerCont .popbtnWrap a {
    padding-left: 40px;
    padding-right: 40px;
}
.layerCont .popbtnWrap2 {
    margin-top: 0;
    padding-top: 10px;
    border-top: 1px solid #cdcdcd;
    text-align: center;
}
.layerCont .popbtnWrap2 a {
    padding-left: 22px;
    padding-right: 22px;
}

/*팝업공통_상단 코멘트 내용영역*/
.comT1 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}
.comT1 span {
    color: #12bcdf;
}
.comT2 {
    font-size: 13px;
    color: #575675;
    font-weight: bold;
    text-align: center;
    line-height: 17px;
}
.comT3 {
    font-size: 13px;
    color: #575675;
    font-weight: bold;
    text-align: center;
    line-height: 17px;
}

/*팝업공통_내용영역*/
.schList {
    margin-top: 20px;
    border-top: 1px solid #bbbbbb;
    padding: 20px 0 16px 20px;
    height: 70px;
}
.schList .listBox {
    height: 80px;
    width: 100%;
    overflow-y: auto;
}
.schList2 {
    margin-top: 20px;
    border-top: 1px solid #bbbbbb;
    padding: 15px 20px 10px;
}

/* 팝업_아이디 패스워드 찾기  2015-03-17 */
.logSch .tabArea .tab {
    position: relative;
    width: 100%;
    margin: 0 0 20px;
}
.logSch .tabArea .tab {
    overflow: hidden;
}
.logSch .tabArea .tab li {
    position: relative;
    float: left;
    width: 49%;
    border-right: 1px solid #cdcdcd;
    text-align: center;
}
.logSch .tabArea .tab li:first-child {
    border-left: 1px solid #cdcdcd;
}
.logSch .tabArea .tab li a {
    display: block;
    padding: 16px 0 15px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background: #f9f9f9;
    font-size: 16px;
    color: #898989;
    font-weight: bold;
    text-decoration: none;
}
.logSch .tabArea .tab li.on a {
    border: 0px;
    border-top: 2px solid #232323;
    background: #fff;
    color: #000;
}
.logSch .tabArea .cont .buList5 span {
    font-weight: bold;
    color: #000;
    text-decoration: underline;
}

.idSchzone {
    position: relative;
    width: 100%;
    margin-top: 20px;
    padding: 16px 0 7px;
    border-top: 2px solid #232323;
}
.idSchzone label {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    margin-right: 20px;
    color: #565656;
}

.idSchzone ul {
    position: relative;
    display: inline-block;
}
.idSchzone ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.idSchzone ul li.tab1,
.idSchzone ul li.tab2 {
    display: inline;
    padding-left: 17px;
}
.idSchzone ul li .cont {
    display: none;
}
.idSchzone ul li.on .cont {
    display: block;
}
.idSchzone ul li .chk {
    vertical-align: middle;
    width: 0;
    height: 0;
}
.idSchzone ul li .lbl_mrido {
    display: inline-block;
    height: 19px;
    padding-left: 23px;
    background: url(//image.hnsmall.com/images/img2014/member/input_member.png) no-repeat 0 0;
    vertical-align: top;
    cursor: pointer;
}
.idSchzone ul li .lbl_mrido.on {
    background-position: 0 -30px;
}
.idSchzone ul li .ride_mrido:checked + label {
    background-position: 0 -30px;
}

.idSchzone .cont {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    padding: 16px 0 0;
}

.loginSch_opt {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 32px;
    padding-left: 5px;
    cursor: pointer;
}
.loginSch_opt span {
    display: block;
    padding: 5px 25px 2px 5px;
    *padding: 1px 25px 3px 0;
    color: #898989;
    height: 25px;
    font-size: 14px;
    line-height: 18px;
}
.loginSch_opt ul {
    display: none;
    overflow: hidden;
    overflow-x: hidden;
    z-index: 500;
    position: absolute;
    top: 30px;
    left: 0;
    width: 78px;
    max-height: 100px;
    overflow: auto;
    padding: 5px 0;
    border: 1px solid #cdcdcd;
    background: #fff;
}
.loginSch_opt ul li {
    font-size: 13px;
}
.loginSch_opt ul li a {
    overflow: hidden;
    display: block;
    font-size: 14spx;
    text-indent: 0;
    text-decoration: none;
    padding: 0 5px 3px;
    background: none;
}
.loginSch_opt ul li a:hover {
    color: #fff;
    background: #dd1032;
}
.loginSch_opt ul li a span {
    padding: 0 7px;
    background: none;
}
.loginSch_opt ul li a:hover span {
    padding: 0 7px;
    color: #fff;
    background: none;
}

.totoalidBg {
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
} /* 전체 아이디 찾기 */
.totoalidBg:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.totoalidBg li {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    height: 200px;
    background: #eee;
    margin-right: 1px;
    padding: 0 10px;
    background: url(//image.hnsmall.com/images/img2014/member/logSch_totalid_bg.png) no-repeat;
}
.totoalidBg li.m1 {
    background-position: 0 0;
}
.totoalidBg li.m2 {
    background-position: -155px 0;
}
.totoalidBg li.m3 {
    background-position: -310px 0;
}
.totoalidBg li a {
    display: block;
    width: 130px;
    height: 200px;
    text-align: center;
    text-decoration: none;
}
.totoalidBg li a .tit {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    padding-top: 105px;
}
.totoalidBg li a .subT {
    color: #898989;
    font-size: 11px;
    line-height: 14px;
}

.schOutput .comT2 {
    margin-top: 10px;
}

.idSchzone2 {
    position: relative;
    width: 100%;
    margin-top: 20px;
    border-top: 2px solid #232323;
}

/* 팝업_회원가입 아이디 찾기 */
.joinSch .popbtnWrap a {
    padding-left: 15px;
    padding-right: 15px;
}

/* 팝업_프린트하기 */
.printZone .comT1 {
    margin-bottom: 10px;
}
.printZone .tabArea .tab {
    position: relative;
    width: 100%;
}
.printZone .tabArea .tab {
    overflow: hidden;
}
.printZone .tabArea .tab li {
    position: relative;
    float: left;
    width: 318px;
    border-right: 1px solid #cdcdcd;
    text-align: center;
}
.printZone .tabArea .tab li:first-child {
    border-left: 1px solid #cdcdcd;
}
.printZone .tabArea .tab li a {
    display: block;
    padding: 16px 0 15px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background: #f9f9f9;
    font-size: 16px;
    color: #898989;
    font-weight: bold;
    text-decoration: none;
}
.printZone .tabArea .tab li.on a {
    border: 0px;
    border-top: 2px solid #232323;
    background: #fff;
    color: #000;
}

.printZone .print {
    border: 1px solid #cdcdcd;
    border-top: none;
    width: 617px;
    height: 280px;
    padding: 10px;
}
.printZone .print .printBox {
    height: 280px;
    width: 100%;
    overflow-y: auto;
}
.printZone .radioCheZone {
    margin: 10px 0;
}
.printZone .radioCheZone label {
    margin-right: 30px;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.printZone .contIn {
    padding: 0 5px 0 0;
}
.printZone .contIn h4 {
    color: #444;
}
.printZone .contIn h3 {
    margin-bottom: 13px;
    color: #444;
}
.printZone .contIn p {
    margin-bottom: 26px;
    color: #888;
}

.printZone table.memTable {
    width: 100%;
    margin: 5px 0;
}
.printZone table.memTable th {
    padding: 5px;
    background: #f4f4f4;
    border: 1px solid #ddd;
}
.printZone table.memTable td {
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;
}
.printZone .radioCheZone input {
    width: 0;
    height: 0;
    vertical-align: middle;
}

/* 팝업_비밀번호 찾기 */
.logSch .comT1 {
    margin-bottom: 10px;
}
.logSch h5 {
    font-size: 13px;
    color: #000;
    border-bottom: 2px solid #232323;
}

.methodSel .selMenu {
    margin-top: 10px;
}
.methodSel .selMenu li {
    float: left;
    width: 50%;
    height: 60px;
    margin-bottom: 4px;
}
.methodSel .selMenu li:nth-child(even) {
    margin-right: 0;
}
.methodSel .selMenu li a {
    display: block;
    width: 227px;
    height: 60px;
    font-size: 0;
    background: url(//image.hnsmall.com/images/img2014/member/m_pwsel.png) no-repeat;
}
.methodSel .selMenu li a.m1 {
    background-position: 0 0;
}
.methodSel .selMenu li a.m2 {
    background-position: -230px 0;
}
.methodSel .selMenu li a.m3 {
    background-position: 0 -60px;
}
.methodSel .selMenu li a.m4 {
    background-position: -230px -60px;
}
.methodSel .selMenu li a.m1.on {
    background-position: 0 -120px;
}
.methodSel .selMenu li a.m2.on {
    background-position: -230px -120px;
}
.methodSel .selMenu li a.m3.on {
    background-position: 0 -180px;
}
.methodSel .selMenu li a.m4.on {
    background-position: -230px -180px;
}
.methodSel .selMenu li a.m1.off {
    background-position: 0 -240px;
}
.methodSel .selMenu li a.m2.off {
    background-position: -230px -240px;
}
.methodSel .selMenu li a.m3.off {
    background-position: 0 -300px;
}
.methodSel .selMenu li a.m4.off {
    background-position: -230px -300px;
}

.methodSel .selMenu:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.methodSel .JoinTablebt {
    border-top: 2px solid #232323;
}
/*CSS추가 2015.12.07 김남희*/
.JoinTable4 p {
    font-size: 13px;
    color: #e51937;
    padding-left: 10px;
}
.depth_member span {
    padding-top: 9px;
}
.JoinTable2 td.last {
    padding-bottom: 10px;
}

/*css수정 2015.12.22*/
.JoinInput .inforZon2 {
    position: relative;
    background: #fff;
    width: 600px;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 10px;
    border: 1px solid #cdcdcd;
}

/* 간편인증 2016.08.17 */
.layerPop.auth .inputWrap {
    display: table;
    padding-top: 20px;
    margin-top: 20px;
    width: 100%;
    border-top: 2px solid #232323;
}
.layerPop.auth .inputWrap .center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.layerPop.auth .inputWrap .inline {
    position: relative;
    display: inline-block;
    width: 290px;
}
.layerPop.auth .inputWrap .inputtext {
    vertical-align: middle;
    font-size: 11px;
    padding-left: 10px;
    background: #f9f9f9;
}
.layerPop.auth .inputWrap .inline .button a {
    padding-left: 10px;
    padding-right: 10px;
}
.layerPop.auth .comT1.title {
    color: #444;
    font-size: 14px;
    line-height: 18px;
}
.layerPop.auth .comT2.light {
    color: #aaa;
    font-size: 14px;
    line-height: 18px;
}
.layerPop.auth .comT1.desc {
    margin: 15px 0 20px;
    color: #444;
    font-size: 14px;
    line-height: 18px;
}
.layerPop.auth .comT1.desc .red {
    display: inline-block;
    height: 20px;
    margin-left: 10px;
    padding-left: 21px;
    color: #e51937;
    background: url(//image.hnsmall.com/images/img2014/member/icon_clock.png) no-repeat 0 1px;
}
.layerPop.auth .btSizeM.bsmColorWhite a {
    padding-left: 28px;
    padding-right: 28px;
}

/* 비회원 주문조회 본인인증 팝업 2016-11-18 */
.layerPop .noUserLoginBox {
    margin: -30px 0 0;
    padding: 10px 0 30px;
}
.layerPop .noUserLoginBox .back {
    padding: 0 0 30px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x bottom;
}
.layerPop .noUserLoginBox .btTxt4 {
    padding: 7px 0 9px 21px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_dot2.gif") repeat-x bottom;
}
.layerPop .noUserLoginBox .btTxt4 strong {
    color: #009d9b;
}
.layerPop .noUserLoginBox .btTxt4 ul li .tit {
    display: inline-block;
    width: 246px;
    padding: 8px 0 0 8px;
    background: url("//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif") no-repeat 0 15px;
    letter-spacing: -1px;
}
.layerPop .noUserLoginBox .loginBanner {
    margin: 10px 0;
}

/* 개인정보수정 */
.member_pops table td {
    text-align: left !important;
}
.reset_grou {
    padding: 0 0 0 0 !important;
    background: none !important;
}
.fe51937 {
    color: #e51937;
}

/* 2018-07-30 쿠폰적립금자동알림 수정 */
.type_20180730 .joinTit {
    padding-bottom: 10px;
}
.type_20180730 .titleT {
    position: relative;
    top: -2px;
    font-size: 13px;
}
.type_20180730 .JoinTable3 th {
    padding-left: 15px;
    padding-bottom: 14px;
}
.type_20180730 .JoinTable3 td {
    padding: 3px 0 14px 18px;
}
.type_20180730 .JoinTable3 td .lbl_mrido {
    margin-right: 63px;
}
.type_20180730 .inforZon {
    padding: 27px 155px 40px 155px;
}
.type_20180730 .inforZon2 {
    width: 100%;
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
}
.type_20180730 .inforZon2 table {
    width: 100%;
    margin: 0;
}
.type_20180730 .inforZon2 table th,
.type_20180730 .inforZon2 table td {
    padding: 0;
}
.type_20180730 .inforZon2 table th {
    padding: 2px 0 0 0;
    vertical-align: top;
}
.type_20180730 .inforZon2 table td {
    padding: 5px 0 0 0;
}
.type_20180730 .all_checker {
    padding: 0 0 9px 0;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.type_20180730 .chk_mchk {
    width: 0;
    height: 0;
}
.type_20180730 .all_checker.noborder {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
}
.type_20180730 .all_checker label {
    color: #010101;
    font-size: 14px;
    font-weight: bold;
}
.type_20180730 .all_checker_sub {
    padding: 0 0 20px 22px;
}
.type_20180730 .all_checker_sub:after {
    content: "";
    display: block;
    clear: both;
}
.type_20180730 .all_checker_sub li {
    float: left;
    padding-left: 39px;
}
.type_20180730 .all_checker_sub li:first-child {
    padding-left: 0;
}
.type_20180730 .all_checker_sub li label {
    font-size: 14px;
    color: #565656;
}
.type_20180730 .desc {
    padding: 0 0 21px 35px;
    color: #898989;
    font-size: 12px;
}
.type_20180730 .agreeInforZone {
    padding: 15px 15px 17px 15px;
    background: #fff;
    border: 1px solid #cdcdcd;
}
.type_20180730 .agreeInforZone th {
    padding: 12px 0 0 19px;
}
.type_20180730 .agreeInforZone td {
    padding: 0;
}
.type_20180730 .agreeInforZone p {
    padding: 0;
}
.type_20180730 h4 {
    padding: 20px 0 10px 15px;
    text-align: left;
    font-size: 14px;
    color: #565656;
}
.type_20180730 .use_info th {
    background: #f4f4f4;
    border: 1px solid #cdcdcd;
    line-height: 26px;
}
.type_20180730 .use_info td {
    padding: 15px 15px 29px 15px;
    text-align: left;
    background: #fff;
    border: 1px solid #cdcdcd;
    vertical-align: top;
}
.type_20180730 .use_info td .bold_txt {
    font-size: 14px;
    font-weight: bold;
}
/* S: ITSR-5736 2022-03-31 추가  type02 정보변경 type03 회원가입완료 */
.type_20180730 .use_info.type02 {
    width: 100%;
}
.type_20180730 .use_info.type02 td {
    padding: 20px 15px 24px;
    text-align: center;
}
.type_20180730 .use_info.type02 td .under_txt {
    text-decoration: underline;
}
.type_20180730 .use_info.type03 {
    width: 100%;
}
.type_20180730 .use_info.type03 td {
    padding: 20px 22px 28px 22px;
    text-align: left;
}
.type_20180730 .use_info.type03 td .under_txt {
    text-decoration: underline;
}
/* E: ITSR-5736 2022-03-31 추가  type02 정보변경 type03 회원가입완료 */
.type_20180730 .btnWrap2 {
    margin-top: 20px;
}
.type_20180730 .btSizeL a {
    padding: 9px 48px 0 45px;
}
.type_20180730 .email {
    width: 150px;
    position: relative;
    left: 0;
    vertical-align: top;
}
.type_20180730 .email ul {
    width: 100%;
    box-sizing: border-box;
}
.tableView .type_20180730 {
    padding: 4px 0;
}
.tableView .type_20180730 .all_checker label {
    color: #666;
}
.tableView .type_20180730 .lbl_mchk {
    padding-left: 18px;
    height: 13px;
    font-size: 12px;
    line-height: 1;
    color: #666;
    background: #fff url(//image.hnsmall.com/images/img2014/member/input_member.png) no-repeat 0 -351px;
}
.tableView .type_20180730 .chk_mchk:checked + label {
    background-position: 0 -374px;
    color: #444;
}
.tableView .type_20180730 .all_checker {
    padding: 0 0 7px 0;
    margin-bottom: 7px;
}
.tableView .type_20180730 .all_checker_sub {
    padding: 0 0 14px 18px;
}
.tableView .type_20180730 .all_checker_sub li {
    padding-left: 28px;
}
.tableView .type_20180730 .all_checker_sub li:first-child {
    padding-left: 0;
}
.tableView .type_20180730 .all_checker.noborder {
    float: left;
    width: auto;
    padding: 0;
    margin-bottom: 3px;
}
.tableView .type_20180730 .desc {
    float: left;
    padding: 0 0 0 30px;
    margin-top: -2px;
}
.tableView .type_20180730.last_td .all_checker_sub {
    padding: 0 0 0 18px;
}
.button_h19 {
    display: inline-block;
    height: 21px;
    padding: 0 9px;
    margin-left: 0 !important;
    border: 1px solid #c1c1c1;
    border-radius: 2px;
    cursor: pointer;
}
.button_h19 a {
    font-size: 11px;
    color: #666;
    line-height: 20px;
}
.button_h19 a:hover {
    text-decoration: none;
}
.sp_th {
    vertical-align: top;
    padding-top: 4px !important;
}
/* 2022-04-05 익스 오류로 인한 추가 */
.tableView_v2 {
    table-layout: fixed;
}
.tableView_v2 .sp_th {
    width: 170px;
    word-break: keep-all;
}

/* 2018-09-06 ISMS 대응 - 개인정보 관련 */
p.agree_info_txt {
    margin: 15px 0 0;
    font-size: 12px;
    color: #666;
    line-height: 16px;
    text-align: left;
}
p.agree_info_txt.txt_center {
    text-align: center;
}
.agree_area.JoinClause {
    width: 750px;
    margin: 0 auto;
    padding: 0 0 40px;
    border-top: 2px solid #cdcdcd;
}
.agree_area.JoinClause .title {
    margin: 10px 0 15px;
    font-size: 16px;
    color: #333;
    display: block;
    text-align: left;
}
.agree_area.JoinClause.type2 {
    width: auto;
    padding: 0 0 40px;
    border-top: none;
}
.agree_area.JoinClause.type2 .title {
    margin: 20px 0 10px 8px;
    font-size: 12px;
    color: #333;
}
.agree_area.JoinClause.type3 {
    width: auto;
    margin-top: 20px;
    padding: 0;
}
.agree_area.JoinClause.type3 .title {
    margin: 13px 0;
    font-size: 12px;
    color: #333;
}

.email_form.active .email_default {
    display: none;
}
.email_form.active .direct_input {
    display: block;
}
.email_form .direct_input {
    display: none;
}
.email_form .direct_input .email_gb {
    margin: 0;
    vertical-align: middle;
}

/* 2018-09-18 소셜로그인추가 */
.JoinWrap.type_sns .JoinInput {
    background: none;
    padding: 0 0 3px 0;
}
.JoinWrap.type_sns .btnWrap {
    padding: 0;
    max-height: inherit;
    margin-top: 35px;
    margin-bottom: 0;
}
.JoinWrap.type_sns .btnWrap p {
    color: #e51937;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 36px;
}
.JoinWrap.type_sns .btnWrap input {
    width: 19px;
    height: 19px;
    vertical-align: middle;
}
.JoinWrap.type_sns .btnWrap .button a {
    padding-left: 79px;
    padding-right: 78px;
}

/* 2019-03-14 팝업 버튼 수정*/
.buList6.type2 {
    padding-bottom: 20px;
    margin-bottom: -11px;
    border-bottom: 1px solid #cdcdcd;
}
.buList6.type2 + table {
    margin-top: 40px;
    margin-bottom: 10px;
}
.layerPop > .popbtnWrap {
    margin: -20px 30px 0 30px;
    padding-top: 10px;
    border-top: 1px solid #cdcdcd;
    text-align: center;
}
.layerPop > .popbtnWrap a {
    padding-left: 40px;
    padding-right: 40px;
}
.layerPop > .popbtnWrap2 {
    margin-top: 0;
    padding-top: 10px;
    border-top: 1px solid #cdcdcd;
    text-align: center;
}
.layerPop > .popbtnWrap2 a {
    padding-left: 22px;
    padding-right: 22px;
}

/* S: 2019-10-23 #27193 아이디, 비번 찾기 개선 */
#container .contents .v27193.depth2TilteWrap h2 {
    margin-bottom: 0;
}
.v27193.depth2TilteWrap {
    height: auto;
    padding: 80px 0 30px;
    border: 0;
    text-align: center;
}
.v27193.depth2TilteWrap h2 {
    float: none;
}
.v27193.logSch {
    width: 465px;
    margin: 0 auto 30px;
}
.v27193.logSch .comT1 {
    font-size: 20px;
    margin: 0;
    padding: 6px 0 27px;
    color: #000;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}
.v27193.logSch .no_result .comT1 {
    padding: 26px 0 47px;
}
.v27193.logSch .result_wrap {
    min-height: 350px;
}
.v27193.logSch .result_wrap .no_result .comT1 {
    padding: 76px 0 47px;
}
.v27193.logSch .result_wrap .comT1 {
    padding: 76px 0 17px;
}
.v27193.logSch .result_wrap .comT2 {
    margin-bottom: 20px;
    font-size: 16px;
    color: #555;
    font-weight: normal;
}
.v27193.logSch .schList {
    margin: 0 0 20px;
    padding: 28px 0;
    height: auto;
    max-height: 82px;
    border-top: 2px solid #cdcdcd;
    border-bottom: 2px solid #cdcdcd;
}
.v27193.logSch .schList .listBox {
    height: 82px;
}
.v27193.logSch .schList .buList8 li {
    margin-bottom: 1px;
    padding-left: 0;
    background: none;
    font-size: 16px;
    line-height: 16px;
    color: #888;
}
.v27193.logSch .schList .buList8 li + li {
    margin-top: 15px;
}
.v27193.logSch .schList .buList9 li {
    margin-bottom: 1px;
}

/* 인증하기 리스트 */
.memSchzone {
    border: 0;
    padding: 0;
    margin: 10px 0 0 0;
}
.memSchzone .memSchList {
    display: block;
    padding: 0 3px 0 2px;
}
.memSchList li {
    display: block;
    margin-bottom: 10px;
    padding: 0 19px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
}
.memSchList li > a {
    display: block;
    position: relative;
    height: 45px;
    line-height: 45px;
    padding: 7px 40px 6px 70px;
    border: 0;
    font-size: 18px;
    color: #373e40;
}
.memSchList li > a:after {
    content: " ";
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -5.5px;
    display: inline-block;
    width: 22px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_27193.png) no-repeat 0px -20px;
    background-size: 60px auto;
}
.memSchList li.on > a {
    font-weight: bold;
}
.memSchList li.on > a:after {
    background-position: -40px -20px;
}
.memSchList li > a em {
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 8px;
    width: 45px;
    height: 45px;
    background: url(//image.hnsmall.com/images/img2014/member/ico_idsearch.gif) 0 0 no-repeat;
}
.memSchList li:nth-child(1) > a em {
    background-position: 7px 6px;
}
.memSchList li:nth-child(2) > a em {
    background-position: 7px -68px;
}
.memSchList li:nth-child(3) > a em {
    background-position: 7px -134px;
}
.memSchList li.on > div {
    display: block;
}
.memSchList li > div {
    display: none;
    padding: 17px 0 20px;
    border-top: 1px solid #cdcdcd;
}
.memSchList li > div > p {
    margin-bottom: 18px;
    font-size: 14px;
    color: #373e40;
}

/* member > tab UI변경 */
.contents-sub .cont-wrap .tabArea .tab {
    display: flex;
    align-items: center;
    width: 100%;
}
.contents-sub .cont-wrap .tabArea .tab li {
    position: relative;
    width: 50%;
    border: 1px solid transparent;
    border-bottom: 1px solid #111;
}
.contents-sub .cont-wrap .tabArea .tab li a {
    display: block;
    height: 72px;
    padding: 25px 0;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    line-height: 19px;
    box-sizing: border-box;
    color: #888;
}
.contents-sub .cont-wrap .tabArea .tab li.on {
    border: 1px solid #111;
    border-bottom: 1px solid transparent;
}
.contents-sub .cont-wrap .tabArea .tab li.on a {
    color: #111;
    font-weight: bold;
}
.contents-sub .cont-wrap .input_group .input_box {
    overflow: hidden;
    border-radius: 4px;
}
.contents-sub .cont-wrap .input_group .input_box input {
    width: 100%;
    height: 45px;
    padding: 0 18px;
    text-indent: 0;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 26px;
    font-weight: normal;
}
.contents-sub .cont-wrap .input_group .input_box input::placeholder {
    color: #999;
}
.contents-sub .cont-wrap .input_group .input_box .join_arm {
    padding: 0 18px 8px;
}

/* 인증하기 */
.certify-zone .text-box {
    margin-bottom: 40px;
    text-align: center;
}
.certify-zone .text-box strong {
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.48px;
}
.certify-zone .text-box span {
    display: block;
}
.certify-zone .text-box .sub-txt {
    color: #333;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
}
.certify-zone .text-box .sub-txt2 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #888;
}
.certify-zone .text-box .adult-box {
    margin-bottom: 20px;
    text-align: center;
}
.certify-zone .text-box .adult-box span {
    display: inline-block;
    width: 65px;
    height: 65px;
    background: url(//image.hnsmall.com/images/img2014/etc/ic_adult_2x.png) center center no-repeat;
    background-size: 65px;
    font-size: 0;
    color: transparent;
}
.certify-zone .gray-box {
    padding: 30px 0;
    text-align: center;
    background-color: #f9f9f9;
}
.certify-zone .gray-box .cite {
    margin-bottom: 25px;
    color: #000;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.36px;
}
.certify-zone .btn-certify {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 5px 0;
}
.certify-zone .btn-certify a {
    width: 120px;
    margin-left: 50px;
    text-decoration: none;
    text-align: center;
}
.certify-zone .btn-certify a:first-child {
    margin-left: 0;
}
.certify-zone .btn-certify a:before {
    content: "";
    display: inline-block;
    width: 75px;
    height: 75px;
    text-align: center;
}
.certify-zone .btn-certify a.kakao:before {
    background: url(//image.hnsmall.com/images/img2014/etc/ico_kakaobank.png) center center no-repeat;
    background-size: 75px;
}
.certify-zone .btn-certify a.phone:before {
    background: url(//image.hnsmall.com/images/img2014/etc/ico_phone.png) center center no-repeat;
    background-size: 75px;
}
.certify-zone .btn-certify a span {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px;
    color: #111;
}
.certify-zone .noti {
    margin-top: 15px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.certify-zone .noti:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/img2014/etc/ic_notice.png) center center no-repeat;
    background-size: 16px;
    vertical-align: middle;
    margin-top: -2px;
}

/* 아이디/비번찾기 */
.sch-zone .btn-box {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 50px;
}
.sch-zone .btn-box .btn_member {
    display: block;
    width: 100%;
    height: 50px;
    padding: 10px 0;
    margin-top: 0;
    box-sizing: border-box;
    border-radius: 6px;
    text-decoration: none;
}
.sch-zone .btn-box .btn_member + .btn_member {
    margin-left: 10px;
}
.sch-zone .btn-box .btn_member span {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.36px;
    font-weight: bold;
}
.sch-zone .btn-box .btn_white {
    border: 1px solid #888;
}
.sch-zone .btn-box .btn_white span {
    color: #333;
}
.sch-zone .btn-box .btn_red {
    border: 1px solid #f51d2c;
    background-color: #f51d2c;
}
.sch-zone .btn-box .btn_red span {
    color: #fff;
}
.sch-zone .btn-box.w480 {
    width: 480px;
    margin: 50px auto 0;
}

.sch-zone .tabArea {
    width: 790px;
    margin: 0 auto;
}
.sch-zone .search-box {
    width: 790px;
    margin: 0 auto;
}
.sch-zone .simple-sch {
    margin: 0 auto;
}
.sch-zone .simple-sch .sch_more {
    width: 480px;
    margin: 18px auto 0;
}
.sch-zone .all-sch {
    margin: 0 auto;
}
.sch-zone .text-box {
    margin-top: 50px;
    text-align: center;
}
.sch-zone .text-box strong {
    display: block;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.48px;
    color: #000;
}
.sch-zone .text-box .sub-txt {
    display: block;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    color: #333;
}
.sch-zone .text-box .sub-txt2 {
    display: block;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.32px;
    color: #888;
}
.sch-zone .text-box strong + .sub-txt {
    margin-top: 10px;
}
.sch-zone .gray-box {
    padding: 20px 20px 15px;
    background-color: #f9f9f9;
    border-radius: 4px;
    overflow: hidden;
}
.sch-zone .scroll {
    height: 160px;
    overflow-y: auto;
}
.sch-zone .result-info {
}
.sch-zone .result-info li {
    margin-top: 9px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.34px;
    color: #333;
    text-align: center;
}
.sch-zone .result-info li:first-child {
    margin-top: 0;
}
.sch-zone .tab-cont .input_group {
    margin: 40px 0;
}
.sch-zone .tab-cont .memSchList {
    margin-top: 36px;
}
.sch-zone .tab-cont .text-box strong {
    font-size: 22px;
    letter-spacing: -0.44px;
}
.sch-zone .tab-cont .text-box strong + .sub-txt {
    margin-top: 6px;
}
.sch-zone .tab-cont .input_group .input_box + .input_box {
    margin-top: 8px;
}
.sch-zone .sch_more {
    margin: 18px 0 0;
    padding: 0;
}
.sch-zone .sch_more.w480 {
    width: 480px;
    margin: 18px auto 0;
}
.sch-zone .sch_more .sch-txt-01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #666;
}
.sch-zone .sch_more .sch-txt-01 .link {
    font-weight: 500;
    text-decoration: none;
    color: #666;
}
.sch-zone .sch_more .sch-txt-01 .link:after {
    background: url(//image.hnsmall.com/images/img2014/member/ico_arrow_7x11.png) center center no-repeat;
    background-size: 7px auto;
}
.sch-zone .sch_more .sch-txt-02 {
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #666;
    text-align: center;
}
.sch-zone .sch_more .sch-txt-02 a {
    color: #f51d2c;
    text-decoration: none;
    font-weight: normal;
}
.sch-zone .memSchList li {
    padding: 0;
    background-color: #fff;
    border-color: #ececec;
    border-radius: 16px;
}
.sch-zone .memSchList li > a {
    height: 73px;
    padding: 14px 32px 15px 89px;
    font-size: 17px;
    line-height: 45px;
    letter-spacing: -0.34px;
    color: #111;
    font-weight: bold;
    box-sizing: border-box;
    text-decoration: none;
}
.sch-zone .memSchList li > a:after {
    right: 32px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/img2014/member/ic_arrow_down_16.png) 0 0 no-repeat;
    background-size: 16px auto;
}
.sch-zone .memSchList li > a em {
    top: 14px;
    left: 32px;
    width: 45px;
    height: 45px;
    background: url(//image.hnsmall.com/images/img2014/member/ico_idsearch_02.png) 0 0 no-repeat;
    background-size: 45px auto;
}
.sch-zone .memSchList li.phone > a em {
    background-position-y: -50px;
}
.sch-zone .memSchList li.e-mail > a em {
    background-position-y: -100px;
}
.sch-zone .memSchList li.on > a:after {
    background: url(//image.hnsmall.com/images/img2014/member/ic_arrow_up_16.png) 0 0 no-repeat;
    background-size: 16px auto;
}
.sch-zone .memSchList li > div {
    padding: 0 32px 28px;
    border-top: 0;
}
.sch-zone .memSchList li > div > p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #333;
}
.sch-zone .memSchList .input_group {
    margin: 20px 0;
}
.sch-zone .btn_member.btn_red a {
    background-color: #f51d2c;
    border-color: #f51d2c;
    border-radius: 4px;
}
.sch-zone .sch-password {
    width: 520px;
    margin: 0 auto;
}
.sch-zone .sch-password .text-box {
    margin-top: 0;
}
.sch-zone .sch-password .memSchList {
    margin-top: 20px;
}
.sch-zone .result_wrap {
    width: 480px;
    margin: 0 auto;
}
.sch-zone .result_wrap .text-box {
    margin-top: 5px;
}
.sch-zone .result_wrap .gray-box {
    margin-top: 40px;
    padding: 15px 28px;
    background-color: #f9f9f9;
}

/* 버튼 */
.col2 > .btn_member {
    display: inline-block;
    width: 49.5%;
}
.col2 > .btn_member + .btn_member {
    float: right;
}
.btn_member {
    display: block;
}
.btn_member a {
    display: block;
    height: 46px;
    line-height: 46px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #565656;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.btn_member a:hover {
    text-decoration: none;
}
.btn_member.btn_red a {
    background: #e51937;
    border: 1px solid #e51937;
    color: #fff;
}

/* 입력폼 공통 */
.input_group {
    margin-bottom: 10px;
}
.input_group label {
    display: none;
}
.input_group .input_box {
    border: 1px solid #cdcdcd;
}
.input_group .input_box + .input_box {
    margin-top: 10px;
}
.input_group .input_box input {
    width: 100%;
    border: 0;
    padding: 0 2px;
    background: none;
    height: 39px;
    line-height: 19px;
    text-indent: 7px;
    font-size: 16px;
    outline: 0;
    color: #333;
    font-weight: bold;
}
.input_group .input_box input::placeholder {
    color: #888;
    font-weight: normal;
}
.input_group .input_box .join_arm {
    position: relative;
    display: block;
    color: #e51937;
    padding: 0 7px 8px;
    margin-top: -8px;
    font-size: 12px;
    z-index: 10;
}

/* 하단 링크 */
.sch_more {
    padding: 0 10px;
    margin-top: 17px;
    text-align: center;
}
.sch_more > p {
    color: #232323;
    font-size: 14px;
}
.sch_more > p > a {
    position: relative;
    font-weight: bold;
    color: #000;
}
.sch_more > p > .link {
    padding-right: 15px;
}
.sch_more > p > .link:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7.5px;
    display: inline-block;
    width: 9px;
    height: 15px;
    background: url(//image.hnsmall.com/images/img2014/common/ico_arrow_9x15.gif) no-repeat center;
}
.sch_more > p > .tel {
    padding-left: 11px;
    margin-left: 2px;
}
.sch_more > p > .tel:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    display: inline-block;
    width: 9px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_27193.png) no-repeat -15px 0;
    background-size: 60px auto;
}
/* E: 2019-10-23 #27193 아이디, 비번 찾기 개선 */

/* 2019-10-30 회원가입 페이지 개선 추가 */
.btnWrap.type2 .check-area {
    float: none;
    margin-bottom: 35px;
    margin-top: -2px;
}
.btnWrap.type2 .check-area .check-group {
    font-size: 14px;
    text-align: left;
    margin-left: 322px;
}
.btnWrap.type2 .check-area .check-group + .check-group {
    margin-top: 3px;
}
.btnWrap.type2 .check-area .check-group input {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    vertical-align: -0.5px;
}
.btnWrap.type2 .check-area .check-group label {
    color: #666;
    font-weight: bold;
}
.btnWrap.type2 .check-area .check-group label em {
    color: #e51937;
}
.btnWrap.type2 .button a {
    width: 325px;
}

/* 2020-07-27 #34393 이용약관 탭 수정 */
.termsTab .tab2 ol {
    height: 190px;
    width: 310px;
}
.termsTab .tab2 ol li a {
    width: 290px;
}
.termsTab .tab2 ol:first-child {
    width: 250px;
}
.termsTab .tab2 ol:first-child li a {
    width: 230px;
}
.termsTab .tab3 ol {
    width: 350px;
}
.termsTab .tab3 ol li a {
    width: 100%;
    box-sizing: border-box;
}

/* 2022-07-12 #7603 이용약관 테이블 추가 */
.tbl_wrap {
    margin: 0 20px;
}
.tbl_wrap .tbl {
    width: 100%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.tbl_wrap .tbl thead th {
    padding: 7px 10px 6px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #f4f4f4;
    text-align: center;
}
.tbl_wrap .tbl tbody td {
    padding: 7px 10px 6px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: left;
    vertical-align: middle;
}
.tbl_wrap .tbl tbody td:first-child {
    text-align: center;
}
.tbl_wrap .noti {
    margin-top: 10px;
}

/* 2020-10-05 #35869 노란우산 추가 */
.contJoinMeg2 .bannerArea {
    margin-top: 40px;
}

/* S : 2021-02-24 #38660 회원가입 개선요청 */
.join_home_area {
    text-align: center;
    margin-bottom: 97px;
}
.join_home_area .join_simple_area {
    margin: 58px 0 30px;
}
.join_home_area .join_title {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.join_home_area .join_simple_area .join_title img {
    vertical-align: -5px;
    margin-left: 6px;
}
.join_home_area .join_simple_area .join_title + .sub_title {
    margin-top: 14px;
}
.join_home_area .join_simple_area .sub_title {
    color: #666;
    font-size: 16px;
}
.join_home_area .join_simple_area .btn_member {
    margin-top: 39px;
}
.join_home_area .join_simple_area .btn_member a {
    width: 420px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
}
.join_home_area .join_simple_area + .join_social_area {
    padding-top: 57px;
    position: relative;
}
.join_home_area .join_simple_area + .join_social_area:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 650px;
    height: 5px;
    background: url(//image.hnsmall.com/images/img2014/member/img_member_line.png) repeat-x 0 0;
    background-size: auto 5px;
    margin: 0 auto;
}
.join_home_area .join_social_area .join_title + .list_social {
    margin-top: 53px;
}
.join_home_area .join_social_area .list_social li {
    display: inline-block;
    margin: 0 25px;
}
.join_home_area .join_social_area .list_social li a {
    color: #565656;
    font-size: 14px;
    display: block;
}
.join_home_area .join_social_area .list_social li a:hover {
    text-decoration: none;
}
.join_home_area .join_social_area .list_social .ico a:before {
    content: "";
    display: block;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    margin: 0 auto 11px;
    background: url(//image.hnsmall.com/images/img2014/member/ico_login_simple_pc.png) no-repeat 0 0;
    background-size: 400px auto;
}
.join_home_area .join_social_area .list_social .ico_pass a:before {
    background-color: #924eff;
    background-position: 0 0;
}
.join_home_area .join_social_area .list_social .ico_naver a:before {
    background-color: #00c700;
    background-position: -106px 0;
}
.join_home_area .join_social_area .list_social .ico_kakao a:before {
    background-color: #ffe500;
    background-position: -212px 0;
}
.JoinWrap.JoinWrap_v2 {
    margin: 0;
}
.JoinWrap.JoinWrap_v2 .JoinInput {
    background: none;
    padding: 0;
}
.JoinWrap.JoinWrap_v2 .JoinInput .inforZon {
    margin-top: 0;
    padding: 35px 155px 40px;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 th {
    font-size: 16px;
    color: #565656;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td {
    padding-bottom: 30px;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 tr:last-child td {
    padding-bottom: 0;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 .join_form_area {
    display: block;
    position: relative;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td .inputtext {
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #565656;
    font-size: 16px;
    padding: 0 15px;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td .inputtext.lb_pw {
    padding-right: 43px;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td .inputtext.bd_red {
    border: 1px solid #e51937;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td .inputtext::-webkit-input-placeholder {
    color: #aaa;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td .inputtext::-moz-placeholder {
    color: #aaa;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td .inputtext::-ms-input-placeholder {
    color: #aaa;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td input[type="tel"] {
    border: 1px solid #cdcdcd;
    outline-style: none;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td .btn_pw_toggle {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -14px;
    border: none;
    border-radius: inherit;
    width: 28px;
    height: 28px;
    overflow: hidden;
    padding: 0;
    outline: none;
    text-indent: -1000px;
    background: url(//image.hnsmall.com/images/img2014/member/ico_password_pc.png) no-repeat 0 0;
    background-size: auto 28px;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td .btn_pw_toggle.on {
    background-position: -38px 0;
}
.JoinWrap.JoinWrap_v2 .JoinTable2 td p {
    font-size: 12px;
}
.JoinWrap.JoinWrap_v2 .JoinClause {
    padding: 35px 155px;
}
.JoinWrap.JoinWrap_v2 .JoinClause .check-group {
    padding: 0 20px;
    position: relative;
}
.JoinWrap.JoinWrap_v2 .JoinClause .check-group.check-all {
    margin-bottom: 8px;
    padding-left: 0;
}
.JoinWrap.JoinWrap_v2 .JoinClause .check-group + .check-group {
    margin-top: 15px;
}
.JoinWrap.JoinWrap_v2 .JoinClause .check-group.check-all + .check-group {
    border-top: 1px solid #ccc;
    padding-top: 25px;
}
.JoinWrap.JoinWrap_v2 .JoinClause .check-group label {
    font-size: 14px;
    color: #565656;
    vertical-align: middle;
}
.JoinWrap.JoinWrap_v2 .JoinClause .check-group label em {
    color: #e51937;
    margin-left: 1px;
}
.JoinWrap.JoinWrap_v2 .JoinClause .check-group.check-all label {
    color: #010101;
    font-weight: bold;
}
.JoinWrap.JoinWrap_v2 .JoinClause .btn_more {
    position: absolute;
    right: 20px;
    top: 0;
    text-decoration: underline;
    color: #565656;
}
.JoinWrap.JoinWrap_v2 .JoinClause .btn_toggle {
    position: absolute;
    right: 17px;
    top: 0;
    text-indent: -1000px;
    overflow: hidden;
    border: none;
    background-color: transparent;
    outline: none;
    width: 15px;
    height: 15px;
}
.JoinWrap.JoinWrap_v2 .JoinClause .btn_toggle:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0;
    margin: -4.5px 0 0 -2.5px;
    background: url(//image.hnsmall.com/images/img2014/member/ico_toggle_pc.png) no-repeat 0 0;
    background-size: auto 5px;
    width: 9px;
    height: 5px;
}
.JoinWrap.JoinWrap_v2 .JoinClause .check-group.open .btn_toggle:before {
    background-position: -19px 0;
}
.JoinWrap.JoinWrap_v2 .JoinClause .memTable {
    display: none;
    margin-top: 20px;
}
.JoinWrap.JoinWrap_v2 .JoinClause .check-group.open .memTable {
    display: block;
}
.JoinWrap.JoinWrap_v2 .btn_area {
    margin-top: 40px;
}
.JoinWrap.JoinWrap_v2 .btn_red {
    display: block;
}
.JoinWrap.JoinWrap_v2 .btn_red a {
    width: 420px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    font-size: 18px;
}
.JoinInput_v2 .JoinTable4 {
    width: 100%;
}
.JoinInput_v2 .JoinTable4 td .lb_email {
    width: 100%;
    border: none;
    border-bottom: 1px solid #cdcdcd;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 40px;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    border: 1px solid #e8e8e8;
    background: #ffffff;
    z-index: 100;
}
.ui-autocomplete .ui-menu-item {
    padding: 3px 10px;
}
.ui-autocomplete .ui-menu-item:hover {
    background-color: #e51937;
}
.ui-autocomplete .ui-menu .ui-menu-item-wrapper {
    position: relative;
    color: #565656;
    font-size: 14px;
}
.ui-autocomplete .ui-menu-item:hover .ui-menu-item-wrapper {
    color: #fff;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.JoinInput_v2 .inforZon .use_info {
    width: 100%;
}
/* E : 2021-02-24 #38660 회원가입 개선요청 */

/* 2021-06-08 ITSRI-1342 회원가입 개선 */
.JoinWrap.JoinWrap_v2 .JoinClause.v2 {
    padding-top: 32px;
}
.JoinWrap.JoinWrap_v2 .JoinClause.v2 .check-group.check-all + .check-group {
    margin-top: 11px;
    padding-top: 27px;
}
.JoinWrap.JoinWrap_v2 .JoinClause.v2 .check-group + .check-group {
    margin-top: 23px;
}
.JoinWrap.JoinWrap_v2 .JoinClause.v2 .btn_more {
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 80px;
    height: 30px;
    line-height: 28px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
}
.JoinWrap.JoinWrap_v2 .JoinClause.v2 .btn_area {
    margin-top: 50px;
}
.layerPop.round-pop.privacy-pop .layerCont {
    padding: 60px 40px 30px;
}
.layerPop.privacy-pop .JoinClause {
    padding: 0;
}
.layerPop.privacy-pop .JoinClause table.memTable td {
    vertical-align: top;
    padding: 20px 10px;
    font-size: 13px;
}
.layerPop.privacy-pop .JoinClause table.memTable {
    margin: 0;
}

/* 2021-07-28 개인정보처리방침 문구보완 요청 (#ITSRI-2321) */
div.contIn table.memTable tr.strCell td {
    padding: 10px 3px;
}
div.contIn table.memTable .strTxt {
    font-weight: bold;
    font-size: 13px;
}
div.contIn p.agreeMemTxt {
    margin: -10px 0 10px;
    color: #333;
    font-size: 12px;
}

/* 2021-12-14 ITSRI-4205 회원영역 툴팁 추가 */
.tooltip-area label + em {
    margin-left: 4px;
}
.tooltip-area label + em span {
    margin-top: 2px;
    margin-left: 0;
}
.tableView .tooltip-area label + em {
    margin-left: 1px;
}
.tableView .tooltip-area span {
    margin-left: 0;
    margin-top: -1px;
}
.layerPop.layerPopType2 {
    z-index: 999;
    width: 235px;
    border: 1px solid #898989;
    background: #fff;
}
.layerPop.layerPopType2 .cons {
    padding: 11px 14px 13px;
}
.layerPop.layerPopType2 p {
    color: #666;
    font-size: 11px;
    line-height: 15px;
}
.layerPop.layerPopType2 .plus-list li {
    padding-left: 6px;
    color: #8a8a8a;
    font-size: 11px;
    line-height: 15px;
    background: url(//image.hnsmall.com/images/img2014/common/bul_plus.gif) no-repeat 0 7px;
    margin-top: 4px;
}

/* 2023-03-27 ITSRI-11654 소비자 분쟁 해결 기준 */
.policy-cont02 .mt20 {
    margin-top: 20px;
}
.policy-cont02 .tab {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    padding-bottom: 2px;
}
.policy-cont02 .tab li {
    flex: 1;
    height: 60px;
    background-color: #f4f4f4;
}
.policy-cont02 .tab li a {
    display: block;
    height: 100%;
    padding-top: 19px;
    text-align: center;
    border: 1px solid #ddd;
    border-bottom-color: #666;
    font-size: 17px;
    color: #999;
    font-weight: bold;
    box-sizing: border-box;
}
.policy-cont02 .tab li.on a {
    border-color: #666;
    border-bottom: 0;
    background-color: #fff;
    color: #333;
}
.policy-cont02 .txt-dot {
    position: relative;
    margin-top: 15px;
    padding-left: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #888;
}
.policy-cont02 .txt-dot::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 2px;
}
.policy-cont02 .tit1 {
    display: block;
    margin-top: 28px;
    font-size: 11px;
    color: #333;
    font-weight: bold;
}
.policy-cont02 .tit2 {
    display: block;
    margin-top: 40px;
    font-size: 1px;
    color: transparent;
}
.policy-cont02 .tit2:first-child {
    margin-top: 30px;
}
.policy-cont02 .tit2 + .tit1 {
    margin-top: 15px;
}
.policy-cont02 .txt1 {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    line-height: 20px;
    color: #888;
}
.policy-cont02 .dark {
    color: #666;
}
.policy-cont02 .list-num li {
    text-indent: -17px;
    padding-left: 17px;
    color: #888;
}
.policy-cont02 .list-num li li {
    text-indent: unset;
    padding-left: unset;
}
.policy-cont02 .list-num2 li {
    text-indent: -15px;
    padding-left: 15px;
    color: #888;
}
.policy-cont02 .list-ka li {
    text-indent: -20px;
    padding-left: 20px;
    color: #888;
}
.policy-cont02 .list-ka li li {
    text-indent: unset;
    padding-left: unset;
}
.policy-cont02 .table1 {
    margin-top: 30px;
}
.policy-cont02 .table1 th,
.policy-cont02 .table1 td {
    border: 1px solid #ddd;
    padding: 8px 12px 7px;
    line-height: 16px;
}
.policy-cont02 .table1 thead th {
    font-size: 11px;
    color: #333;
    background-color: #f4f4f4;
}
.policy-cont02 .table1 tbody th {
    font-size: 11px;
    color: #666;
    text-align: center;
    font-weight: normal;
}
.policy-cont02 .table1 td {
    font-size: 11px;
    color: #666;
}

/* 휴면 */
.dormantWrap a:hover {
    text-decoration: none;
}

.dormantBox {
    max-width: 640px;
    margin: 89px auto 0;
    text-align: center;
}
.dormantBox .tit {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.48px;
    line-height: 32px;
}
.dormantBox .txt {
    margin-top: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.44px;
    line-height: 29px;
}
.dormantBox .inforZon {
    margin: 30px auto 0;
    padding-top: 30px;
    max-width: 610px;
    min-height: 309px;
    box-sizing: border-box;
    background-color: #f6f6f6;
}
.dormantBox .inforZon p {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    line-height: 24px;
}
.dormantBox .inforZon span {
    display: inline-block;
    margin-top: 12px;
    font-size: 16px;
    line-height: 25px;
    color: #333;
    letter-spacing: -0.32px;
}
.dormantBox .inforZon .pushImg {
    margin: 10px auto 0;
    width: 325px;
    height: 167px;
    background: url("//image.hnsmall.com/images/img2014/member/img_dormant_push.png") 100% / 100% no-repeat;
}
.dormantBox .settingTxt {
    margin-top: 15px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #999;
    line-height: 18px;
    text-align: center;
}
.dormantWrap .checkList {
    width: 325px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 30px;
}
.dormantWrap .checkList li {
    text-align: left;
}
.dormantWrap .checkList li + li {
    margin-top: 10px;
}
.dormantWrap .checkBox {
    position: relative;
    display: inline-block;
    min-height: 23px;
    padding-left: 27px;
    line-height: 23px;
    font-size: 14px;
    color: #333;
}
.dormantWrap .checkBox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.dormantWrap .checkBox input + .ic {
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 23px;
    box-sizing: border-box;
    background: url("//image.hnsmall.com/images/img2014/order_2022/ic_check_normal.png") no-repeat center center;
}
.dormantWrap .checkBox input:checked + .ic {
    background: url("//image.hnsmall.com/images/img2014/order_2022/ic_check_checked.png") no-repeat center center;
}

.primaryBtn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.primaryBtn a {
    display: block;
    width: 440px;
    height: 50px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    background: #333;
    border-radius: 6px;
}

.dormantWrap .certifyNumberBox {
    overflow: hidden;
    width: 640px;
    margin: 30px auto 15px;
    padding: 0 0 0 30px;
}

.dormantWrap .certifyNumberBox .certifyNumber {
    overflow: hidden;
    width: 640px;
}

.dormantWrap .certifyNumberBox .certifyNumber .confirm {
    float: left;
    padding: 8px 20px 0 0;
}

.dormantWrap .certifyNumberBox .certifyNumber dd {
    float: left;
}

.dormantWrap .certifyNumberBox .certifyNumber dd .txt {
    width: 416px;
    height: 25px;
}
.dormantWrap .certifyNumberBox .certifyNumberTxt {
    margin-top: 10px;
    padding-left: 76px;
}
/* 개인정보처리방침 개선 */
.terms-tit {
    margin-bottom: 40px;
}
.terms-tit h2 {
    font-size: 28px;
    line-height: 38px;
    color: #111;
    font-weight: bold;
}
.personal-terms .table.memTable.ac {
    text-align: center;
}
.personal-terms .memJoin {
    padding: 0;
}
.personal-terms .buList {
    padding: 0 30px;
}
.personal-terms .label-box {
    margin-top: 30px;
}
.personal-terms .label-box ul {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 30px 27px;
    box-sizing: border-box;
    border: 1px solid #eee;
}
.personal-terms .label-box ul li {
    width: 130px;
}
.personal-terms .label-box ul li a {
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    color: #333;
}
.personal-terms .label-box ul li a:before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    background-image: url(//image.hnsmall.com/images/img2014/common/ico_policy_sprite.png);
    background-repeat: no-repeat;
    background-size: 400px auto;
}
.personal-terms .label-box ul li a.label1:before {
    background-position: 2px 2px;
}
.personal-terms .label-box ul li a.label2:before {
    background-position: -95px 0;
}
.personal-terms .label-box ul li a.label3:before {
    background-position: -194px 0;
}
.personal-terms .label-box ul li a.label4:before {
    background-position: -295px 0;
}
.personal-terms .label-box ul li a.label5:before {
    background-position: 5px -100px;
}
.personal-terms .label-box ul li a.label6:before {
    background-position: -98px -98px;
}
.personal-terms .label-box ul li + li {
    margin-left: 25px;
}
.personal-terms .label-box .txt {
    margin-top: 15px;
    text-align: right;
    font-size: 12px;
    line-height: 24px;
    color: #888;
}
.personal-terms .termsTab {
    padding: 30px 0 30px;
    margin-top: 60px;
    border: 1px solid #eee;
    border-width: 1px 0 1px 0;
}
.personal-terms .termsTab ol {
    width: 50%;
    padding-left: 10px;
    border: 0;
    box-sizing: border-box;
}
.personal-terms .termsTab ol li a {
    width: auto;
    color: #111;
}
.personal-terms .contIn {
    padding: 0 30px;
    margin: 50px 0;
}
.personal-terms .contIn .terms + .terms {
    margin-top: 50px;
}
.personal-terms .contIn .terms h4 {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
    color: #444;
    font-weight: bold;
}
.personal-terms .contIn .terms h4:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(//image.hnsmall.com/images/img2014/common/ico_policy_sprite.png) 0 0 no-repeat;
    background-repeat: no-repeat;
    background-size: 400px auto;
    vertical-align: middle;
    margin-right: 10px;
}
.personal-terms .contIn .terms1 h4:before {
    background-position: 1px -199px;
}
.personal-terms .contIn .terms2 h4:before {
    background-position: -48px -200px;
}
.personal-terms .contIn .terms3 h4:before {
    background-position: -99px -200px;
}
.personal-terms .contIn .terms4 h4:before {
    background-position: -148px -200px;
}
.personal-terms .contIn .terms5 h4:before {
    background-position: -199px -199px;
}
.personal-terms .contIn .terms6 h4:before {
    background-position: -249px -199px;
}
.personal-terms .contIn .terms7 h4:before {
    background-position: -298px -200px;
}
.personal-terms .contIn .terms8 h4:before {
    background-position: -348px -200px;
}
.personal-terms .contIn .terms9 h4:before {
    background-position: 1px -249px;
}
.personal-terms .contIn .terms10 h4:before {
    background-position: -49px -249px;
}
.personal-terms .contIn .terms11 h4:before {
    background-position: -99px -249px;
}
.personal-terms .contIn .terms12 h4:before {
    display: none;
}
.personal-terms .contIn .terms13 h4:before {
    background-position: -99px -249px;
}
.personal-terms .contIn .terms14 h4:before {
    background-position: -149px -249px;
}
.personal-terms .contIn .terms15 h4:before {
    background-position: -199px -249px;
}
.personal-terms .contIn .terms16 h4:before {
    background-position: -248px -250px;
}
.personal-terms .contIn .terms17 h4:before {
    background-position: -248px -250px;
}
.personal-terms .contIn .terms18 h4:before {
    background-position: -349px -249px;
}
.personal-terms .contIn .terms19 h4:before {
    display: none;
}
.personal-terms .contIn .terms20 h4:before {
    background-position: 1px -299px;
}
.personal-terms .contIn select.sel-box {
    overflow: hidden;
    width: 330px;
    padding: 11px 0 11px 13px;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #333;
    background: url(//image.hnsmall.com/images/img2014/common/ico_arrow_30.png) right 5px no-repeat;
    background-size: auto 30px;
    appearance: none;
}
.personal-terms .revise-box {
    padding: 0;
    margin: 40px 0;
}
.personal-terms .revise-box h4 {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 38px;
    color: #333;
    font-weight: bold;
}
.personal-terms .revise-box span {
    display: block;
}
.personal-terms .revise-box span.bul:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 3px;
    background-color: #666;
    border-radius: 50%;
    vertical-align: 2px;
}
.personal-terms .revise-box .txt {
    display: block;
    font-size: 13px;
    line-height: 18px;
}
.personal-terms .compare-box {
    margin: 0 0 30px;
}
.personal-terms .compare-box .num {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 16px;
}
.personal-terms .compare-box .txt {
    display: block;
    font-size: 12px;
    line-height: 16px;
}

/* 개인정보 처리 실태 개선 조치 사항 대응 */
.JoinClause.v2 .personal-info-txt {
    margin-top: 14px;
}
.JoinClause.v2 .personal-info-txt p {
    font-size: 13px;
    color: #666;
    line-height: 19px;
    letter-spacing: -0.26px;
}

/* 소비자 분쟁해결 기준  */
.btn_link_area {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
}
.btn_link_area a {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 32px;
    font-size: 14px;
    color: #111;
    line-height: 30px;
    padding: 0 28px 0 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.btn_link_area a::after {
    content: "";
    position: absolute;
    top: 9px;
    width: 8px;
    height: 12px;
    background: url(//image.hnsmall.com/images/img2014/member/ic_arrow_move_8.png) 100% / 100% no-repeat;
    margin-left: 5px;
}
.btn_link_area a:hover {
    text-decoration: none;
}
.policy-cont02 .tbl_info_txt {
    text-align: right;
    display: block;
    margin-top: 30px;
    font-size: 13px;
    color: #333;
    font-weight: bold;
}
.policy-cont02 .tbl_info_txt ~ .table1 {
    margin-top: 10px;
}
.join_welfare_area {
    padding-top: 25px;
    padding-bottom: 24px;
    text-align: center;
}

.join_welfare_area .join_welfare_area_top h3 {
    font-family: MalgunGothic;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.48px;
    color: #111;
}

.join_welfare_area .join_welfare_area_top p {
    margin: 14px 0 0;
    font-family: MalgunGothic;
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: -0.32px;
    text-align: center;
    color: #666;
}

.join_welfare_area .join_welfare_area_bottom {
    margin-top: 41px;
}

.join_welfare_area .join_welfare_area_bottom .join_welfare_buttom_box .btn_join {
    display: inline-block;
    width: 420px;
    padding: 15px 0 14px 0;
    font-family: MalgunGothic;
    font-size: 16px;
    color: #fff;
    line-height: 1.31;
    letter-spacing: -0.32px;
    text-align: center;
    border-radius: 6px;
    background: #315dfe;
}
.join_welfare_area .join_welfare_area_bottom .join_welfare_buttom_box .btn_join:hover {
    text-decoration: none;
}

.login_section {
    width: 480px;
    margin: 0 auto;
}
.login_section .title {
    height: 43px;
    font-family: MalgunGothic;
    font-size: 32px;
    font-weight: bold;
    line-height: 0.94;
    letter-spacing: -0.64px;
    color: #111;
    border-bottom: 1px solid #111;
}

.login_section .sub_text {
    position: relative;
    margin: 0 0 30px;
    padding: 23px 0 0 112px;
    font-family: MalgunGothic;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #111;
}

.login_section .sub_text:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 82px;
    height: 82px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='82' viewBox='0 0 82 82'%3E%3Cdefs%3E%3CclipPath id='n6837nra7a'%3E%3Cpath data-name='사각형 14643' transform='translate(9 9)' style='fill:none' d='M0 0h82v82H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-9 -9)' style='clip-path:url(%23n6837nra7a)'%3E%3Crect width='82' height='82' rx='24' transform='translate(9 9)' style='fill:%23f4f7ff'/%3E%3Cpath data-name='패스 14841' d='M37.954 44.989H6.964A3.5 3.5 0 0 1 3.472 41.2L6.217 7.981a3.5 3.5 0 0 1 3.492-3.215h25.5A3.506 3.506 0 0 1 38.7 7.981L41.446 41.2a3.5 3.5 0 0 1-3.492 3.789z' transform='translate(22.773 23.986)' style='fill:%23315dff'/%3E%3Cpath data-name='패스 14842' d='M20.568 7.072v1.946a6.335 6.335 0 1 1-12.669 0V7.144' transform='translate(31.392 27.817)' style='stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;fill:none'/%3E%3Cpath data-name='패스 14843' d='M38.522 20.152c0-4.528-3.28-8.2-7.33-8.2a7.037 7.037 0 0 0-5.708 3.114 7.048 7.048 0 0 0-5.711-3.114c-4.047 0-7.33 3.668-7.33 8.2a8.716 8.716 0 0 0 1.645 5.115c3.5 5.714 11.4 10.027 11.4 10.027s7.9-4.313 11.393-10.027a8.716 8.716 0 0 0 1.645-5.115' transform='translate(41.351 37.851)' style='fill:%23ff8d96'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.login_section .login_section_form_box {
    padding-top: 14px;
}

.login_section .login_section_form_box .login_section_input {
    overflow: hidden;
    margin-top: 10px;
    padding-bottom: 1px;
    border-bottom: 1px solid #ddd;
}

.login_section .login_section_form_box .login_section_input label {
    float: left;
    display: inline-block;
    width: 90px;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    color: #111;
    letter-spacing: -0.32px;
    vertical-align: middle;
}

.login_section .login_section_form_box .login_section_input input[type="text"],
.login_section .login_section_form_box .login_section_input input[type="password"] {
    float: left;
    width: calc(100% - 110px);
    height: 64px;
    padding-left: 10px;
    font-size: 16px;
    font-family: NotoSansCJKkr;
    font-weight: normal;
    color: #777;
    border: none;
    vertical-align: middle;
    background: #fff;
}

.login_section .login_section_form_box .login_section_util_box {
    margin-top: 15px;
    position: relative;
}

.login_section .login_section_form_box .login_section_util_box .loginChkBox {
    color: #111;
}

.login_section .login_section_form_box .login_section_util_box .loginChkBox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.login_section .login_section_form_box .login_section_util_box .loginChkBox label {
    display: inline-block;
    padding: 0 0 0 30px;
    color: #111;
    font-size: 15px;
    font-family: NotoSansCJKkr;
}

.login_section .login_section_form_box .login_section_util_box .loginChkBox label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect data-name='사각형 347' width='20' height='20' rx='10' style='fill:%23ccc'/%3E%3Cpath data-name='패스 808' d='m5 11 3 3 7-7' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E%0A");
}

.login_section .login_section_form_box .login_section_util_box .loginChkBox input[type="checkbox"]:checked + label:before {
    background-image: url("data:image/svg+xml,%3Csvg data-name='check_on_1(Bl)' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect data-name='사각형 347' width='20' height='20' rx='10' style='fill:%23315dfe'/%3E%3Cpath data-name='패스 12667' d='m5 11 3 3 6.615-5.672' transform='translate(0 -.328)' style='fill:none;stroke:%23f6f6f6;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3C/svg%3E%0A");
}

.login_section .login_section_form_box .login_section_util_box .loginChkBox input[type="checkbox"]:disabled + label:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Crect data-name='사각형 347' width='20' height='20' rx='10' style='fill:%23282a33'/%3E%3Cpath data-name='패스 12667' d='m5 11 3 3 6.615-5.672' transform='translate(0 -.328)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3C/svg%3E%0A");
}

.login_section .login_section_form_box .login_section_util_box .login_section_util_list {
    position: absolute;
    right: 0;
    top: 0;
}

.login_section .login_section_form_box .login_section_util_box .login_section_util_list li {
    float: left;
    position: relative;
    padding: 0 8px 0 8px;
}

.login_section .login_section_form_box .login_section_util_box .login_section_util_list li:first-child:before {
    display: none;
}

.login_section .login_section_form_box .login_section_util_box .login_section_util_list li:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    height: 12px;
    border-left: 1px solid #999;
}

.login_section .login_section_form_box .login_section_util_box .login_section_util_list li a {
    font-size: 15px;
    color: #666;
    font-family: NotoSansCJKkr;
}

.login_section .login_section_btn_box {
    text-align: center;
    margin-top: 74px;
}

.login_section .login_section_btn_box .login_section_btn {
    width: 420px;
    height: 50px;
    border-radius: 6px;
    font-family: NotoSansCJKkr;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.32px;
    text-align: center;
    color: #fff;
    border: none;
    background-color: #315dfe;
}

.login_section .login_section_btn_box .login_section_join_box {
    margin-top: 30px;
}

.login_section .login_section_btn_box .btn_welfare_join {
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
    color: #111;
    font-family: NotoSansCJKkr;
}

.login_section .popClose {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    border: none;
    background: transparent;
}

.login_section .popClose:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath data-name='패스 11212' d='m614.286 90-16 16' transform='translate(-593.286 -85)' style='fill:none;stroke:%23111;stroke-linecap:round;stroke-width:2px'/%3E%3Cpath data-name='패스 11213' d='m598.286 90 16 16' transform='translate(-593.286 -85)' style='fill:none;stroke:%23111;stroke-linecap:round;stroke-width:2px'/%3E%3C/svg%3E%0A");
}