@charset "utf-8";

html, body, div, p, span, em, u, i, table, caption, thead, tbody, tfoot, tr, th, td, form, fieldset, label, legend, textarea, input, select, button, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, img, a {padding:0;margin:0;border:0;}
body {position:relative;color:#585858;font-size:18px;line-height:18px;font-family: 'Spoqa Han Sans';font-weight:normal;-webkit-text-size-adjust:none;} /* word-wrap:break-word;word-break:break-all; */
/*div, p, ul, li, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd {word-wrap:break-word;word-break:break-all;}*/
html {height:100%;}
body {height:100%;}
body.sso {background:#fff;}
ul, ol, li, dl, dt, dd {list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;}
select {height:40px;padding-left:10px;border:1px solid #dedede;font-size:18px;line-height:18px;color:#202020;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
legend {display:none;position:absolute;visibility:hidden;}
caption {visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;line-height:0px;}
img {vertical-align:top;outline:none;}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px;}
input {-webkit-appearance:none;border-radius:0;font-family: 'Spoqa Han Sans';} /* -webkit-appearance:none; */
textarea {font-size:18px;font-family: 'Spoqa Han Sans';resize:none;}
button {background:none;vertical-align:top;}
h1, h2, h3, h4, h5, h6, strong, th {font-weight:normal;}

/* 링크 */
a {text-decoration:none;cursor:pointer;color:#585858;} a:hover {text-decoration:none;}
/*a:focus {outline:thin dotted blue !important;}*/

/* 커서 */
.cursor {cursor:pointer;}

/* 클리어 */
.cb {clear:both;font-size:0px;line-height:0px;height:0px;}

/* 컨텐츠정렬관련 */
.al {text-align:left;} .ac {text-align:center;} .ar {text-align:right;}

/* 입력폼 */
.placeholdersjs {color:#757575;}
.input1 {height:40px;padding:3px 0 0 15px;border:1px solid #dedede;font-size:18px;line-height:20px;color:#202020;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.input1:-ms-input-placeholder {color:#757575;} /* M$ */
.input1::-webkit-input-placeholder {color:#757575;} /* webkit */
.input1::-moz-placeholder{color:#757575;} /* firefox */
.textarea {width:100%;padding:6px 0 0 15px;border:1px solid #dedede;font-size:18px;line-height:20px;color:#202020;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;resize:none;}
.textarea:-ms-input-placeholder {color:#757575;} /* M$ */
.textarea::-webkit-input-placeholder {color:#757575;} /* webkit */
.textarea::-moz-placeholder{color:#757575;} /* firefox */
.inputFile {width:100%;height:40px;border:1px solid #dedede;font-size:18px;line-height:20px;color:#757575;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

/* box_sizing */
.boxSizing {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

/* 히든텍스트 */
.hdt {font-size:0;line-height:0;}

/* 여백 */
.mgt0 {margin-top:0 !important;}
.mgt10 {margin-top:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl40 {margin-left:40px !important;}

/* 버튼 */
.btnArea {margin-top:30px;text-align:center;}
.btnArea a {margin-left:15px;}
.btnArea a:first-child {margin-left:0;}
.btnType1 {display:inline-block;width:140px;height:50px;padding-top:15px;font-family: 'Spoqa Han Sans';font-weight: 700;text-align:center;color:#fff;background:#585858;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;letter-spacing:-1px;}
.btnType2 {display:inline-block;width:140px;height:50px;padding-top:15px;font-family: 'Spoqa Han Sans';font-weight: 700;text-align:center;color:#fff;background:#087aca;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;letter-spacing:-1px;}

.ui_radio input[type=radio] {position:absolute;z-index:-10000em;left:-10000em;overflow: hidden; height:1px; width:1px; margin:-1px; padding:0; border:0;} /* sso */
.ui_radio input[type=radio] + label {padding-left:40px;padding-top:4px;height:26px;display:inline-block;line-height:18px;background:url('../images/mypage/bg_input_radio_off.png') no-repeat 0 0;background-size:30px auto;font-size:18px;vertical-align:middle;cursor:pointer;}
.ui_radio input[type=radio]:checked + label {background:url('../images/mypage/bg_input_radio_on.png') no-repeat 0 0;background-size:30px auto;font-family: 'Spoqa Han Sans';font-weight: 700;color:#087aca;}

/* 마이페이지 */
#mypage {width:940px;height:626px;}
#mypage header {height:100px;position:relative;}
#mypage header h1 {position:absolute;top:33px;left:30px;}
#mypage .mypageTab {height:50px;}
#mypage .mypageTab li {float:left;width:20%;}
#mypage .mypageTab li a {display:inline-block;width:100%;height:35px;padding-top:15px;font-family: 'Spoqa Han Sans';font-weight: 700;color:#fff;text-align:center;background:#00a8e8;}
#mypage .mypageTab li a:hover,
#mypage .mypageTab li a.on {background:#087aca;}

/* 비밀번호확인 */
#mypage .passwordCheck {padding-top:198px;text-align:center;background:url('../images/mypage/bg1.gif') no-repeat center 79px;}
#mypage .passwordCheck .txt1 {height:48px;font-family: 'Spoqa Han Sans';font-weight: 700;color:#202020;}
#mypage .passwordCheck .txt1 span {color:#087aca;}
#mypage .passwordCheck .btn1 {margin-top:50px;}

/* 회원정보 수정 */
#mypage .infoChange {padding-bottom:40px;}
#mypage .infoChange .sec1 {border-bottom:1px solid #e0e0e0;}
#mypage .infoChange .sec1 .tit {height:80px;border-bottom:1px solid #e0e0e0;position:relative;}
#mypage .infoChange .sec1 .tit h2 {padding:35px 0 0 30px;font-family: 'Spoqa Han Sans';font-weight: 700;font-size:24px;line-height:24px;color:#2d2d2d;}
#mypage .infoChange .sec1 .tit p {position:absolute;top:45px;right:30px;font-size:16px;line-height:16px;color:#202020;}
#mypage .infoChange .sec1 .vital {display:inline-block;width:8px;height:7px;margin-left:3px;font-size:0;background:url('../images/mypage/ico_vital.png') no-repeat 0 0;vertical-align:top;}
#mypage .infoChange .sec2 {border-bottom:1px solid #e0e0e0;}
#mypage .infoChange .sec2 .tit {height:80px;border-bottom:1px solid #e0e0e0;position:relative;}
#mypage .infoChange .sec2 .tit h2 {padding:35px 0 0 30px;font-family: 'Spoqa Han Sans';font-weight: 700;font-size:24px;line-height:24px;color:#2d2d2d;}
#mypage .infoChange .ui_radio {display:inline-block;width:130px;}

/* 등록,수정 */
.writeTable {}
.writeTable .tableCont {padding:20px 0;}
.writeTable table {width:100%;}
.writeTable table * {vertical-align:middle;}
.writeTable table th {padding:0 0 0 30px;font-family: 'Spoqa Han Sans';font-weight: 700;color:#202020;text-align:left;letter-spacing:-2px;}
.writeTable table td {padding:15px 30px;}
.writeTable .vtop {vertical-align:top;padding-top:22px;}
.writeTable .info {display:inline-block;padding-top:20px;font-size:14px;line-height:20px;letter-spacing:-1px;word-spacing:-1px;}
.writeTable .st1 {font-family: 'Spoqa Han Sans';font-weight: 700;color:#202020;}
.writeTable .zipCode {display:inline-block;width:88px;height:28px;padding-top:10px;margin-left:15px;border:1px solid #585858;text-align:center;background:#fff;letter-spacing:-1px;}
.writeTable .btn1 {display:inline-block;width:88px;height:28px;padding-top:10px;margin-left:15px;border:1px solid #585858;text-align:center;background:#fff;letter-spacing:-1px;}

/* 아이정보 추가,삭제 */
#mypage .childInfo {padding-bottom:40px;}
#mypage .childInfo .cont {padding:38px 30px 30px 30px;border-bottom:1px solid #e0e0e0;}
#mypage .childInfo .cont .tit {height:36px;font-family: 'Spoqa Han Sans';font-weight: 700;font-size:24px;line-height:24px;color:#2d2d2d;}
#mypage .childInfo .cont .noti {height:46px;font-size:16px;}
#mypage .childInfo .cont .inputCont {}
#mypage .childInfo .cont .inputCont .defaultInfo {height:43px;padding-top:119px;font-family: 'Spoqa Han Sans';font-weight: 700;color:#202020;text-align:center;background:url('../images/mypage/bg2.gif') no-repeat center 25px #f2f2f2;}
#mypage .childInfo .cont .inputCont .writeTable .tableCont {padding:0;}
#mypage .childInfo .cont .inputCont .writeTable table td {padding:10px 0;}
#mypage .childInfo .cont .inputCont .btn1 {display:inline-block;width:88px;height:28px;padding-top:10px;margin-left:15px;border:1px solid #585858;text-align:center;background:#fff;letter-spacing:-1px;}
#mypage .childInfo .cont .inputCont .childinfoInput {padding:20px 0;margin-top:30px;background:#f2f2f2;position:relative;}
#mypage .childInfo .cont .inputCont .childinfoInput:first-child {margin-top:0;}
#mypage .childInfo .cont .inputCont .childinfoInput td {padding:10px 30px;}
#mypage .childInfo .cont .inputCont .childinfoInput .del {position:absolute;top:10px;right:10px;}
#mypage .childInfo .cont .inputCont .writeTable .tableCont .childinfoSel th {padding-left:0;}

/* 비밀번호 변경 */
#mypage .passwordChange {padding-top:79px;}
#mypage .passwordChange .txt1 {height:67px;font-family: 'Spoqa Han Sans';font-weight: 700;color:#202020;text-align:center;}
#mypage .passwordChange .txt1 span {color:#087aca;}
#mypage .passwordChange dl {width:460px;margin-left:240px;overflow:hidden;}
#mypage .passwordChange dl dt {float:left;width:160px;height:30px;padding-top:10px;margin-top:10px;font-family: 'Spoqa Han Sans';font-weight: 700;color:#202020;}
#mypage .passwordChange dl dd {float:left;width:300px;height:40px;margin-top:10px;}
#mypage .passwordChange .btn1 {margin-top:50px;text-align:center;}

/* 회원탈퇴 */
#mypage .withdrawal {padding-bottom:40px;}
#mypage .withdrawal .cont {padding:38px 30px 20px 30px;border-bottom:1px solid #e0e0e0;}
#mypage .withdrawal .cont .info {}
#mypage .withdrawal .cont .info dt {height:36px;font-family: 'Spoqa Han Sans';font-weight: 700;font-size:24px;line-height:24px;color:#2d2d2d;}
#mypage .withdrawal .cont .info dd {padding-left:8px;font-size:14px;line-height:20px;background:url('../images/mypage/bul1.gif') no-repeat 0px 11px;}
#mypage .withdrawal .cont .inputArea {margin-top:45px;}
#mypage .withdrawal .cont .inputArea .tit {height:45px;font-family: 'Spoqa Han Sans';font-weight: 700;font-size:24px;line-height:24px;color:#2d2d2d;}
#mypage .withdrawal .cont .inputArea dl {overflow:hidden;}
#mypage .withdrawal .cont .inputArea dl dt {float:left;width:130px;padding-top:20px;margin-top:10px;font-family: 'Spoqa Han Sans';font-weight: 700;color:#202020;clear:both;}
#mypage .withdrawal .cont .inputArea dl dd {float:left;width:750px;margin-top:20px;}
#mypage .withdrawal .cont .inputArea dl dd textarea {height:160px;}
#mypage .withdrawal .cont .inputArea .check {margin-top:20px;font-size:16px;line-height:16px;}
#mypage .withdrawal .cont .inputArea .check input {width:13px;height:13px;border:1px solid #757575;margin:-2px 5px 0 0;vertical-align:middle;}

/* 우편번호 찾기 레이어 */
.zipcodeLayer {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);display:none;}
.zipcodeLayer .layerCont {position:absolute;top:50%;left:50%;width:580px;height:625px;margin:-312px 0 0 -290px;background:#fff;}
.zipcodeLayer .layerCont .layerHead {height:40px;padding-top:18px;border-bottom:2px solid #202020;font-family: 'Spoqa Han Sans';font-weight: 700;font-size:24px;line-height:24px;color:#202020;text-align:center;}
.zipcodeLayer .layerCont .close {position:absolute;top:15px;right:15px;}
.zipcodeLayer .layerCont .content {padding:30px;}
.zipcodeLayer .layerCont .content .tab {position:relative;}
.zipcodeLayer .layerCont .content .tab li {float:left;width:50%;}
.zipcodeLayer .layerCont .content .tab li a {display:block;height:31px;padding-top:15px;border:1px solid #dedede;font-family: 'Spoqa Han Sans';font-weight: 700;text-align:center;}
.zipcodeLayer .layerCont .content .tab li a.on {color:#fff;background:#087aca;}
.zipcodeLayer .layerCont .content .tab li:first-child a {border-right:0;}
.zipcodeLayer .layerCont .content .tab .tabCont {position:absolute;top:48px;left:0;width:520px;height:428px;padding-top:29px;}
.zipcodeLayer .layerCont .content .tab .tabCont .info1 {height:32px;font-family: 'Spoqa Han Sans';font-weight: 700;font-size:16px;line-height:16px;color:#202020;}
.zipcodeLayer .layerCont .content .tab .tabCont .search1 {margin-bottom:20px;}
.zipcodeLayer .layerCont .content .tab .tabCont .search1 .sch {float:right;width:88px;height:28px;padding:10px 0 0 0;border:1px solid #087aca;font-family: 'Spoqa Han Sans';font-weight: 700;color:#087aca;text-align:center;}
.zipcodeLayer .layerCont .content .tab .tabCont .result1 {height:336px;border-top:1px solid #202020;border-bottom:1px solid #202020;overflow-y:auto;}
.zipcodeLayer .layerCont .content .tab .tabCont .result1 li {width:100%;}
.zipcodeLayer .layerCont .content .tab .tabCont .result1 li a {height:auto;padding:20px 20px 14px 75px;border:0;border-bottom:1px solid #dedede;font-size:16px;line-height:20px;text-align:left;position:relative;letter-spacing:-1px;}
.zipcodeLayer .layerCont .content .tab .tabCont .result1 li a span {position:absolute;top:19px;left:10px;}
.zipcodeLayer .layerCont .content .tab .tabCont .result1 li.nolist {height:181px;padding-top:155px;color:#202020;text-align:center;}
.zipcodeLayer .layerCont .content .tab .tabCont .info2 {height:61px;margin-bottom:18px;border-bottom:1px solid #dedede;}
.zipcodeLayer .layerCont .content .tab .tabCont .info2 dt {height:25px;font-family: 'Spoqa Han Sans';font-weight: 700;font-size:16px;line-height:16px;color:#202020;}
.zipcodeLayer .layerCont .content .tab .tabCont .info2 dd {float:left;font-size:16px;line-height:16px;letter-spacing:-1px;}
.zipcodeLayer .layerCont .content .tab .tabCont .info2 .st {margin-left:25px;}
.zipcodeLayer .layerCont .content .tab .tabCont .search2 {margin-bottom:20px;}
.zipcodeLayer .layerCont .content .tab .tabCont .search2 p {height:34px;font-family: 'Spoqa Han Sans';font-weight: 700;font-size:16px;line-height:16px;color:#202020;}
.zipcodeLayer .layerCont .content .tab .tabCont .search2 dl {margin-bottom:12px;overflow:hidden;}
.zipcodeLayer .layerCont .content .tab .tabCont .search2 dl dt {float:left;width:70px;height:30px;padding-top:10px;}
.zipcodeLayer .layerCont .content .tab .tabCont .search2 dl dd {float:left;width:180px;height:40px;}
.zipcodeLayer .layerCont .content .tab .tabCont .search2 dl dd select {width:180px;}
.zipcodeLayer .layerCont .content .tab .tabCont .search2 .st {margin-left:20px;}
.zipcodeLayer .layerCont .content .tab .tabCont .search2 .sch {float:right;width:88px;height:28px;padding:10px 0 0 0;border:1px solid #087aca;font-family: 'Spoqa Han Sans';font-weight: 700;color:#087aca;text-align:center;}
.zipcodeLayer .layerCont .content .tab .tabCont .result2 {height:202px;border-top:1px solid #202020;border-bottom:1px solid #202020;overflow-y:auto;}
.zipcodeLayer .layerCont .content .tab .tabCont .result2 li {width:100%;}
.zipcodeLayer .layerCont .content .tab .tabCont .result2 li a {height:auto;padding:20px 20px 14px 75px;border:0;border-bottom:1px solid #dedede;font-size:16px;line-height:20px;text-align:left;position:relative;letter-spacing:-1px;}
.zipcodeLayer .layerCont .content .tab .tabCont .result2 li a span {position:absolute;top:19px;left:10px;}
.zipcodeLayer .layerCont .content .tab .tabCont .result2 li.nolist {height:117px;padding-top:85px;color:#202020;text-align:center;}

/* 간편가입 추가 */
#mypage .SimplemypageTab {height:50px;}
#mypage .SimplemypageTab li {float:left;width:25%;}
#mypage .SimplemypageTab li a {display:inline-block;width:100%;height:35px;padding-top:15px;font-family: 'Spoqa Han Sans';font-weight: 700;color:#fff;text-align:center;background:#00a8e8;}
#mypage .SimplemypageTab li a:hover,
#mypage .SimplemypageTab li a.on {background:#087aca;}

.num_text { font-size:14px; padding-top:5px; text-indent:-13px; padding-left:10px; }

/* 201902 회원가입추천 */
.my_memrc {
    text-align: center;
}

    .my_memrc p {
        padding: 40px 0 0;
    }

        .my_memrc p > strong {
            display: block;
            font-weight: bold;
        }

        .my_memrc p.p1 {
            font-size: 22px;
            line-height: 1.5;
        }

    .my_memrc .btn_share {
        display: inline-block;
        vertical-align: middle;
    }

    .my_memrc .p_share input {
        height: 28px;
        width: 570px;
        padding: 5px 10px;
        border: 1px solid #e3e3e3;
        background: #f2f2f2;
        vertical-align: middle;
        color: #757589;
    }

    .my_memrc .rcsns {
        margin: 30px 0 50px;
    }

        .my_memrc .rcsns span, img {
            margin: 0 5px;
            vertical-align: middle;
        }

    .my_memrc .rcinfo {
        width: 835px;
        margin: 0 auto;
        text-align: left;
    }

        .my_memrc .rcinfo > p {
            height: 20px;
            padding: 0;
            padding-left: 25px;
            margin-bottom: 10px;
            background: url('../images/mypage/ico_infomat.gif') no-repeat 0 1px;
            font-size: 18px;
        }

        .my_memrc .rcinfo li {
            font-size: 14px;
            padding: 4px 0;
        }
/* 201902 회원가입추천 */
    /* 20190307 회원가입추천 */
    .my_memrc .rcsns span,
    .my_memrc .rcsns img {
        margin: 0 5px;
        vertical-align: middle;
    }

.rcmem_join {
    text-align: center;
}

    .rcmem_join .infotx .inp01 {
        display: block;
        padding: 30px 0;
        font-size: 18px;
        color: #222;
        line-height: 28px
    }

    .rcmem_join .infotx .inp02 span {
        display: block;
        padding-bottom: 5px;
        font-size: 16px;
        color: #666;
    }
/* 20190307 회원가입추천 */

/* 20190417 2차인증 */
.infoChange .passwordCheck .txt1 {
    font-size: 26px;
    color: #333;
    padding-bottom: 30px;
}

.infoChange .passwordCheck .txt2 {
    font-size: 18px;
    line-height: 1.8;
    color: #666666;
    padding-bottom: 40px;
}
/* 20190417 2차인증 */