@charset "utf-8";

/*
 * File       : member.css
 * Author     : SMART GEO
 * Guideline  : -
 * Update : 2021-10-29
 *
 * Dependency : 마이페이지 스타일
 *
 * SUMMARY:
 * 01) 전역 스타일
 * 02) 서브메뉴 스타일
 * 03) 회원수정 스타일
 * 04) 회원탈퇴 스타일
 * 05) 회원가입 동의 스타일
 * 06) 회원가입 인증 스타일
 * 07) 회원가입 입력 스타일
 * 08) 회원가입 마무리 스타일
 * 09) 회원가입 중복알림 내부모달창 스타일
 * 10) 로그인 스타일
 * 11) 아이디찾기 스타일
 * 12) 비밀번호찾기 스타일
 * 13) 개인정보취급방침 스타일
 * 14) 이메일무단수집거부 스타일
 */

/* **************************************** *
 * 01) 전역 스타일
 * **************************************** */

#page_top .section_title_sub{
    width: 1320px;
}
#page_top .title_first{
    text-align: left;
    margin: 50px 0 0;
}
#page_top .title_first{
    text-align: left;
}

.blind {
    display: block;
    position: absolute;
    top: -5000px;
    left: 0;
    overflow: hidden;
    opacity: 0;
    width: 0;
    height: 0
}

@media screen and (max-width: 1600px) {
    #page_top.title_wrap{
        width: 100%;
    }
    #page_top .section_title_sub{
        padding-right: 120px;
    }
    #page_top #title_first{
        width: 100%;
    }
}
@media screen and (max-width: 1320px) {
    #page_top .section_title_sub{
        width: 100%;
        padding-right: 240px;
    }
    #page_top #title_first{
        width: 100%;
        text-align: left;
        padding: 0 20px;
    }
    #page_top .title_first{
        margin-left: 50px;
    }
}

@media screen and (max-width: 1140px){
    #page_top .title_first{
        display: none;
    }
    #page_top.title_wrap{
        padding:70px 0 20px 0!important;
    }
}

/* **************************************** *
* 02) 서브메뉴 스타일
* **************************************** */
.in_page.w_wrap {
    padding: 0;
    position: relative;
    width: 1320px;
    z-index: 6;
}
.in_page .view_w{
    display: block;
    position: absolute;
    left: 0;
}
.in_page .view_m{
    display: none;
    position: absolute;
}
.in_page li{
    margin-bottom: 16px;
}
.in_page li a{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #969696;
}
.in_page li a:hover{
    color: black;
}
.in_page li a:before{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 18px;
    top: 2px;
    left: 0;
    margin: 0 12px 0 0;
}
.in_page li:nth-child(1) a:before{
    content: '';
    background: url('https://cheongmac.blob.core.windows.net/common/ic_member_update_off.svg') left top/cover no-repeat;
    background-size: 100%;

}
.in_page li:nth-child(1):hover a:before{
    content: '';
    background: url('https://cheongmac.blob.core.windows.net/common/ic_member_update_on.png') left top/cover no-repeat;
    background-size: 100%;
}
.in_page li:nth-child(2) a:before{
    content: '';
    background: url('https://cheongmac.blob.core.windows.net/common/ic_member_logout.svg') left top/cover no-repeat;
    background-size: 100%;
    width: 20px;
    height: 22px;
    margin: 0 14px 0 2px;
}
.in_page li:nth-child(2):hover a:before{
    content: '';
    background: url('https://cheongmac.blob.core.windows.net/common/ic_member_logout_on.png') left top/cover no-repeat;
    background-size: 100%;
    width: 20px;
    height: 22px;
    margin: 0 14px 0 2px;
}
#contents_10_06 .in_page .member_delete{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -0.02em;
    color: #999999;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 200;
    margin: 18px 40px 0;
    flex-direction: row;
}
#contents_10_06 .in_page .member_delete:before{
    content: '';
    background: url('https://cheongmac.blob.core.windows.net/common/ic_member_delete_off.svg') left top/cover no-repeat;
    display: inline-block;
    position: relative;
    margin: 0 8px 0 0;
    background-size: 100%;
    width: 18px;
    height: 18px;
}
#contents_10_06 .in_page .click_bold{
    font-weight: 700;
    margin-left: 6px;
}
.in_page li.on:nth-child(1) a:before{
    content: '';
    background: url('https://cheongmac.blob.core.windows.net/common/ic_member_update_on.png') left top/cover no-repeat;
    background-size: 100%;
}
.in_page li.on:nth-child(2) a:before{
    content: '';
    background: url('https://cheongmac.blob.core.windows.net/common/ic_member_delete_on.png') left top/cover no-repeat;
    background-size: 100%;
    width: 22px;
    height: 22px;
    top: 4px;
}
.in_page li.on a{
    color: black;
}

@media screen and (max-width: 1320px){

    .in_page.w_wrap {
        padding: 0;
        position: relative;
        max-width: 1078px;
        margin-left: 50px;
    }

}

@media screen and (max-width: 1140px){
    #contents_10_06 .in_page .member_delete{
        display: none;
    }
    .in_page.w_wrap {
        margin:0;
    }
    .in_page .view_w{
        display: none;
    }
    .in_page .view_m{
        padding: 0;
        width: 100%;
        text-align: center;
        position: relative;
        display: block;
    }
    .in_page .view_m ul{
        display: flex;
        justify-content: center;
        margin-bottom: 28px;
    }
    .in_page li{
        margin: 0;
        width: 50%
    }
    .in_page .view_m li a{
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        text-align: center;
        color: #A9A9A9;
        padding-bottom: 10px;
        width: 100%;
        border-bottom: 1px solid #A9A9A9;
        display: block;
    }
    .in_page .view_m li.on a{
        font-weight: 600;
        color: #333333;
        border-bottom: 2px solid #000000;
        padding-bottom: 9px;
    }
    .in_page .view_m li a:before{
        display: none;
    }
}

/* **************************************** *
 * 03) 회원수정 스타일
 * **************************************** */

#contents_10_06{
  background: #F7F7F7;
}
#contents_10_06 .content_box{
    width: 1078px;
    float: right;
}
#contents_10_06 .edit_form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: right;
}
#contents_10_06 .content_box fieldset{
    padding: 46px;
    margin: 0;
    height: auto;
    background: #FFFFFF;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}
#contents_10_06 .content_box .box.type1{
    width: 328px;
    height: 490px;
    margin: 0 24px 28px 0;
}
#contents_10_06 .content_box.sns .box.type1{
    display: none;
}
#contents_10_06 .content_box .box.type2{
    width: calc(100% - 328px - 24px);
    margin-bottom: 28px;
    height: 490px;
}
#contents_10_06 .content_box.sns .box.type2{
    width: 100%;
    margin-bottom: 28px;
    height: 410px;
}
#contents_10_06 .content_box .box.type3{
    width: 100%;
    height: 234px;
    margin: 0;
}
#contents_10_06 .content_box.sns .box.type3{
    height: 254px;
}
#contents_10_06 .content_box .box_wrap{
    position: relative;
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 40px;
}
#contents_10_06 .content_box.sns .box_wrap{
    margin-top: 50px;
}
#contents_10_06 .content_box .box_wrap.col{
    flex-direction: column;
}
#contents_10_06 .content_box .box.type1 .box_wrap{
    margin-top: 40px;
}
#contents_10_06 .content_box .box.type3 .box_wrap{
    margin-top: 40px;
}
#contents_10_06 .content_box.sns .box.type3 .box_wrap{
    margin-top: 50px;
}
#contents_10_06 .content_box h1{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #333333;
    padding-bottom: 18px;
    border-bottom: 1px solid #595959;
}
#contents_10_06 .content_box label{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #595959;
    margin-right: 10px;
    height: 22px;
}
#contents_10_06 .content_box #wrap_id label{
    width: 46px;
}
#contents_10_06 .content_box #wrap_name label:nth-child(1){
    width: 46px;
}
#contents_10_06 .content_box #wrap_hp label:nth-child(1){
    width: 82px;
    margin-right: 28px;
}
#contents_10_06 .content_box span{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #333333;
    max-width: none;
    height: 46px;
    margin: 0 10px;
}
#contents_10_06 .content_box .read_only{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #999999;
    max-width: none;
    height: 46px;
    margin: 4px 0 6px;
    padding: 12px 0 8px 16px;
    background: #F5F5F5;
    border: 1px solid #D0D0D0;
    border-radius: 3px;
}
#contents_10_06 .content_box .read_only span{
    color: #999999;
}
#contents_10_06 .content_box #wrap_id span{
    width: 100%;
}
#contents_10_06 .content_box #wrap_name span:nth-child(1){
    width: 100%;
}
#contents_10_06 .content_box input[type="text"],
#contents_10_06 .content_box input[type="password"],
#contents_10_06 .content_box select{
    width: 100%;
    height: 46px;
    margin: 4px 0 6px;
    padding: 12px 0 8px 16px;
    background: #E8EBF5;
    border: 1px solid #617DC5;
    border-radius: 3px;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}
#contents_10_06 .content_box input[type="password"] {
    font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 36px;
    letter-spacing: -4px;
}
#contents_10_06 .content_box select {
    appearance:none;
    background: url('https://cheongmac.blob.core.windows.net/common/ic_root10_06_select_arrow_custom.svg') no-repeat right 10px top 18px;
}
#contents_10_06 .content_box .error_box{
    background: #F4E6E6!important;
    border: 1px solid #F05B5B!important;
}
#contents_10_06 .content_box .clean_box{
    background: white!important;
    border: 1px solid #617DC5!important;
}
#contents_10_06 .content_box .bar{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    margin: 0 4px;
}
#contents_10_06 .content_box .dot{
    margin: 0 8px;
    display: inline-block;
    height: auto;
    width: 16px;
}
#contents_10_06 .content_box.sns .dot{
    margin: 0 16px;
}
#contents_10_06 .content_box .box_line{
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
    height: auto;
    position: relative;
}
#contents_10_06 .content_box .box_line#wrap_id{
    margin-right: 30px;
    width: 236px;
}
#contents_10_06 .content_box.sns .box_line#wrap_id{
    margin-right: 20px;
    width: 200px;
}
#contents_10_06 .content_box .box_line#wrap_name{
    margin-right: 46px;
    width: 200px;
}
#contents_10_06 .content_box.sns .box_line#wrap_name{
    margin-right: 20px;
    width: 200px;
}
#contents_10_06 .content_box .box_line#wrap_hp{
    margin: 38px 0;
    width: 236px;
}
#contents_10_06 .content_box.sns .box_line#wrap_hp{
    margin: 0;
    width: 260px;
}
#contents_10_06 .content_box .box_line#wrap_email{
    padding: 0 0 34px;
}
#contents_10_06 .content_box.sns .box_line#wrap_email{
    margin: 40px 0 48px;
    padding: 0;
}
#contents_10_06 .content_box .box_line.col{
    flex-direction: column;
}
#contents_10_06 .content_box .box_line.overwrap{
    flex-wrap: wrap;
}
#contents_10_06 .content_box .box_line#wrap_email input{
    width: 200px;
}
#contents_10_06 .content_box.sns .box_line#wrap_email #private_email_address{
    width: 230px;
}
#contents_10_06 .content_box .box_line#wrap_email select{
    width: 180px;
    margin-left: 14px;
}
#contents_10_06 .content_box.sns .box_line#wrap_email select{
    width: 200px;
    margin-left: 20px;
}
#contents_10_06 .content_box .box_line#wrap_hp .line_wrap{
    width: 100%;
    padding: 12px 0 8px 8px;
}
#contents_10_06 .content_box .box_line#wrap_email .line_wrap{
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
#contents_10_06 .content_box .box_line#wrap_email_check{
    height: 22px;
    margin-bottom: 16px;
    align-items: center;
}
#contents_10_06 .content_box .box.type3 .line_wrap{
    padding: 0;
    margin: 0 20px 0 0;
    display: flex;
    height: 22px;
}
#contents_10_06 .content_box .box.type3 .box_line > label{
    width: 120px;
    cursor: unset;
}
#contents_10_06 .content_box .txt_line{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #999999;
    height: 18px;
    display: -webkit-box;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 20px;
}
#contents_10_06 .content_box .txt_line.custom{
    position: relative;
    color: #BEBEBE;
    margin: 0;
    width: 100%;
    line-height: 120%;
}
#contents_10_06 .content_box.sns .txt_line.custom{
    margin: 6px 0;
}
#contents_10_06 .content_box .box.type1 #wrap_pw .txt_line{
    padding-bottom: 4px;
    border-bottom: 1px solid #E6E6E6;
}

#contents_10_06 .content_box .box_line#wrap_email_check .txt_line {
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    margin: 0;
}
#contents_10_06 .content_box.sns .box_line#wrap_email_check{
    margin-bottom: 26px;
}

#contents_10_06 .content_box .error{
    color: #F05B5B!important;
}
#contents_10_06 .content_box .switch {
    position: relative;
    display: flex;
    margin: 0;
}
#contents_10_06 .content_box .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#contents_10_06 .content_box .slider {
    position: relative;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eaeaea;
    -webkit-transition: .4s;
    transition: .4s;
}
#contents_10_06 .content_box .slider:before {
    position: relative;
    display: inline-block;
    content: "";
    height: 20px;
    width: 20px;
    left: 0;
    top: -4px;
    background-color: #B5B5B5;
    -webkit-transition: .4s;
    transition: .4s;
}
#contents_10_06 .content_box input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
    background-color: #617DC5;
}
#contents_10_06 .content_box .slider.round {
    border-radius: 34px;
    width: 36px;
    height: 12px;
    top: 4px;
}
#contents_10_06 .content_box .slider.round:before {
    border-radius: 50%;
}
#contents_10_06 .content_box .box_button{
    text-align: center;
    width: 100%;
    margin:38px 0 76px 0;
}
#contents_10_06 .content_box .btn_prevate_save{
    display: inline-block;
    padding: 12px 30px;
    margin: 0;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    background: #2A3760;
    border-radius: 3px;
    cursor: pointer;
    width: 150px;
}
#contents_10_06 .content_box .btn_auth_save{
    display: inline-block;
    padding: 12px 30px;
    margin-left: 30px;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    background: #B2B2B2;
    border-radius: 3px;
    cursor: pointer;
    width: 150px;
}

#contents_10_06 .content_box .switch_value{
    width: 70px;
    color: #999999;
    height: auto;
}
#contents_10_06 .content_box .switch_value.on{
    color: #333;
    height: auto;
}

@media screen and (max-width: 1320px) {
    #contents_10_06 .content_box{
        float: none;
    }
    #contents_10_06 .view_w{
        position: relative;
        width: 1078px;
    }
}

@media screen and (max-width: 1140px){
    #contents_10_06 .content_box{
        width: 100%;
        float: none;
        margin: 0;
    }
    #contents_10_06 .edit_form{
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    #contents_10_06 .content_box fieldset{
        width: calc(100% - 40px)!important;
        height: auto!important;
        padding: 30px;
    }
    #contents_10_06 .content_box span{
        font-size: 16px;
        line-height: 19px;
        margin: 0 6px;
    }
    #contents_10_06 .content_box .box.type1{
        order: 2;
        margin:0 20px 20px;
    }
    #contents_10_06 .content_box .box.type2{
        order: 1;
        margin:0 20px 20px;
        width: calc(100% - 40px);
    }
    #contents_10_06 .content_box .box.type3{
        order: 3;
        margin:0 20px;
    }
    #contents_10_06 .content_box .box.type3 .box_wrap{
        margin: 0;
    }
    #contents_10_06 .content_box .box_button{
        order: 4;
        margin: 30px 0 50px;
    }
    #contents_10_06 .content_box h1{
        font-size: 18px;
        padding-bottom: 12px;
    }
    #contents_10_06 .content_box label{
        font-size: 16px;
        line-height: 19px;
    }
    #contents_10_06 .content_box .box_wrap{
        margin-top: 0;
    }
    #contents_10_06 .content_box.sns .box_wrap{
        margin-top: 0;
    }
    #contents_10_06 .content_box .box.type1 .box_wrap{
        margin-top: 0;
        width: 100%;
        flex-direction: column;
    }
    #contents_10_06 .content_box.sns .box.type3 .box_wrap{
        margin-top: 0;
    }
    #contents_10_06 .content_box .box_line{
        flex-wrap: wrap;
    }
    #contents_10_06 .content_box .box_line#wrap_id,
    #contents_10_06 .content_box .box_line#wrap_name{
        margin-right: 20px;
        width: 200px;
    }
    #contents_10_06 .content_box .box_line#wrap_hp{
        margin-top: 22px;
        margin-bottom: 24px;
        width: 100%;
    }
    #contents_10_06 .content_box.sns .box_line#wrap_hp{
        margin-top: 22px;
        width: 100%;
    }
    #contents_10_06 .content_box .box_line#wrap_hp .line_wrap{
        width: 200px;
        padding: 8px 0 8px 16px;
    }
    #contents_10_06 .content_box .box_line,
    #contents_10_06 .content_box .box_line.col,
    #contents_10_06 .content_box .box_line.overwrap{
        margin-top: 22px;
        height: auto;
        width: 200px;
    }
    #contents_10_06 .content_box .box_line#wrap_email{
        margin: 0;
        padding: 0;
        border-top: none;
        width: 100%;
    }
    #contents_10_06 .content_box .box_line#wrap_email input{
        width: calc(50% - 8px - 8px);
        margin: 2px 0 8px;
    }
    #contents_10_06 .content_box.sns .box_line#wrap_email #private_email_address{
        width: calc(50% - 8px - 8px);
    }

    #contents_10_06 .content_box .box_line#wrap_email select{
        width: 100%;
        margin: 0 0 8px;
    }
    #contents_10_06 .content_box.sns .box_line#wrap_email select{
        width: 100%;
        margin: 0;
    }
    #contents_10_06 .content_box .box.type3 .box_line > label{
        width: 110px;
    }
    #contents_10_06 .content_box .dot{
        margin: 0 8px;
        width: 16px;
    }
    #contents_10_06 .content_box.sns .dot{
        margin: 0 8px;
        width: 16px;
    }
    #contents_10_06 .content_box .box_line#wrap_pw{
        width: 100%;
        border-bottom: 1px solid #E6E6E6;
    }
    #contents_10_06 .content_box .box_line#wrap_pw > input{
        width: 200px;
    }
    #contents_10_06 .content_box .box_line#wrap_email_check{
        margin-bottom: 30px;
        height: auto;
        width: 100%;
    }
    #contents_10_06 .content_box .box_line#wrap_email_check .txt_line{
        height: 36px;
        margin-top: 6px;
    }
    #contents_10_06 .content_box .box_line#wrap_sms_check{
        width: 100%;
    }
    #contents_10_06 .content_box .txt_line{
        font-size: 12px;
        line-height: 120%;
        margin:0;
        font-family: 'Pretendard';
        font-style: normal;
        -webkit-line-clamp: 2;
    }
    #contents_10_06 .content_box .box.type1 #wrap_pw .txt_line{
        margin: 0;
        border-bottom: none;
    }
    #contents_10_06 .content_box .box.type3 .line_wrap{
        width: calc(100% - 120px - 20px);
        margin-right: 0;
        height: 22px;
    }
    #contents_10_06 .content_box .box.type3 .box_line#wrap_email_check{
        height: 22px;
    }
    #contents_10_06 .content_box .txt_line.custom{
        height: 28px;
    }
    #contents_10_06 .content_box .slider{
        margin: 0;
    }
    #contents_10_06 .content_box .switch_value{
        width: unset;
    }
    #contents_10_06 .content_box .box_line#wrap_email_check .txt_line {
        font-size: 12px;
        line-height: 120%;
        color: #bebebe;
        height: 36px;
    }
    #contents_10_06 .content_box input[type="text"],
    #contents_10_06 .content_box input[type="password"],
    #contents_10_06 .content_box select{
        height: 40px;
        padding: 8px 0 8px 16px;
    }
    #contents_10_06 .content_box select{
        background: url('https://cheongmac.blob.core.windows.net/common/ic_root10_06_select_arrow_custom.svg') no-repeat right 10px top 16px;
    }
    #contents_10_06 .content_box .read_only{
        height: 40px;
        padding: 8px 0 8px 16px;
    }
}
@media screen and (max-width: 370px){
    #contents_10_06 .content_box .box_line#wrap_email input{
        padding: 8px 0;
        text-align: center;
    }
    #contents_10_06 .content_box .txt_line.custom{
        font-size: 10px;
        height: 24px;
    }
}

/* **************************************** *
 * 04) 회원수정 스타일
 * **************************************** */
#contents_10_07{
    background: #F7F7F7;
}
#contents_10_07 .content_box{
    width: 1078px;
    float: right;
}
#contents_10_07 .edit_form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
#contents_10_07 .content_box fieldset{
    padding: 46px 36px;
    margin: 0;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
}
#contents_10_07 .content_box .mobile_wrap{
    width: 100%;
}
#contents_10_07 .content_box .box{
    width: 100%;
    height: auto;
    margin: 0;
    display: flex;
    counter-reset : numbering;
}

#contents_10_07 .content_box .box_title{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #333333;
    height: auto;
}
#contents_10_07 .content_box .box_sub_title{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #898989;
    height: auto;
    margin-bottom: 64px;
}
#contents_10_07 .content_box .box_alert {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #999999;
    height: auto;
}
#contents_10_07 .content_box .box_alert:before {
    content:'';
    background:url('https://cheongmac.blob.core.windows.net/common/ic_member_delete_alert.svg') left top/cover no-repeat;
    position: relative;
    display: inline-block;
    width: 22px;
    height: 16px;
    margin-right: 8px;
    top: 0;
    left: 0;
}
#contents_10_07 .content_box .box_num {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #333333;
}
#contents_10_07 .content_box .box_num:before{
    counter-increment : numbering 1;
    content: "0"counter(numbering)".";
    position: relative;
    height: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #333333;
    margin-right: 12px;
    width: 22px;
}
#contents_10_07 .content_box .no_num.box_num:before{
    content: "";
    margin-right: 0;
}
#contents_10_07 .content_box .box_contants {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #999999;
    padding: 20px 34px 0;
}
#contents_10_07 .content_box .contants_bold{
    color: #333333;
}
#contents_10_07 .content_box .box_label{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    text-align: center;
    height: 24px;
}
#contents_10_07 .content_box .label_privacy{
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
    margin: 0 8px;
}
#contents_10_07 .content_box .privacy_custom_box{
    width: 24px;
    height: 24px;
    position: relative;
    text-align: center;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    top: 2px;
    left: 0;
    border-radius: 100%;
    border: 1px solid #B6B6B6;
    display: inline-block;
}
#contents_10_07 .content_box #privacy_chk{
    display: none;
}

#contents_10_07 .content_box .privacy_custom_box:before{
    content: '\e928';
    text-align: center;
    font-family: 'xeicon';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(1) translate(-50%, -50%);
    color: white;
    opacity: 0;
    transition: opacity 1s;
}
#contents_10_07 .content_box #privacy_chk:checked ~ .privacy_custom_box{
    background-color: #617DC5;
    border: none;
}
#contents_10_07 #privacy_chk:checked ~ .privacy_custom_box:before {
    opacity: 1;
}
#contents_10_07 .content_box .box_line{
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
    height: auto;
    position: relative;
    align-items: center;
}
#contents_10_07 .content_box .line_txt{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #999999;
    height: 18px;
    display: -webkit-box;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: auto;
    height: auto;
}
#contents_10_07 .content_box .line_label{
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #333333;
}
#contents_10_07 .content_box input[type="text"],
#contents_10_07 .content_box input[type="password"]{
    width: 100%;
    height: 46px;
    margin: 4px 0 6px;
    padding: 12px 0 8px 16px;
    background: #E8EBF5;
    border: 1px solid #617DC5;
    border-radius: 3px;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}
#contents_10_07 .content_box input[type="password"] {
    font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 36px;
    letter-spacing: -4px;
}

#contents_10_07 .content_box .button{
    text-align: center;
    width: 100%;
    margin: 46px 0 170px 0;
}
#contents_10_07 .content_box .button a{
    display: inline-block;
    padding: 12px 30px;
    margin: 0;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    background: #2A3760;
    border-radius: 3px;
    cursor: pointer;
    width: 150px;
}
#contents_10_07 .content_box .button a.btn_prevate_delete{
    background: #B2B2B2;
    margin-left: 30px;
}
#contents_10_07 .content_box .box_img{
    content:'';
    background:url('https://cheongmac.blob.core.windows.net/common/ic_member_delete_finish.svg') left top/cover no-repeat;
    position: relative;
    display: inline-block;
    width: 76px;
    height: 96px;
    top: 0;
    left: 0;
    text-align: center;
}
#contents_10_07 .content_box .bg_trans{
    background: transparent;
    box-shadow: none;
    border: none;
}
#contents_10_07 .content_box .flex_col{
    flex-direction: column;
}
#contents_10_07 .content_box .flex_wrap{
    flex-wrap: wrap;
}
#contents_10_07 .content_box .flex_center{
    align-items: center;
}
#contents_10_07 .content_box .top_136u {
    top: -136px;
}
#contents_10_07 .content_box .padding_type1{
    padding: 34px 0 70px;
}
#contents_10_07 .content_box .pd_38 {
    padding-bottom: 38px;
}
#contents_10_07 .content_box .mt_38 {
    margin-top: 38px;
}
#contents_10_07 .content_box .mr_80{
    margin-right: 80px;
}
#contents_10_07 .content_box .mr_18{
    margin-right: 18px;
}
#contents_10_07 .content_box .m_32{
    margin: 32px;
}
#contents_10_07 .content_box .bb_d5d5d5 {
    border-bottom: 0.8px solid #D5D5D5;
}
#contents_10_07 .content_box .w_345{
    width: 345px;
}
#contents_10_07 .content_box .w_218{
    width: 218px!important;
}
#contents_10_07 .content_box .no_display{
    display: none!important;
}


@media screen and (max-width: 1320px) {
    #contents_10_07 .content_box{
        float: none;
    }
    #contents_10_07 .view_w{
        position: relative;
        width: 1078px;
    }
    #contents_10_07 .content_box .top_136u {
        top: 0;
    }
}

@media screen and (max-width: 1140px){
    #contents_10_07 .content_box{
        width: 100%;
        float: none;
        margin: 0;
    }
    #contents_10_07 .edit_form{
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    #contents_10_07 .content_box .mobile_wrap{
        border: 1px solid #DFDFDF;
        box-shadow: 4px 4px 10px rgb(0 0 0 / 5%);
        border-radius: 15px;
        overflow: hidden;
        background: white;
        padding-bottom: 46px;
        margin: 20px;
        width: calc(100% - 40px);
    }
    #contents_10_07 .content_box fieldset{
        width: 100%;
        height: auto!important;
        padding: 0 20px;
        border-radius: 0;
        box-shadow: none;
        border: none;
    }
    #contents_10_07 .content_box fieldset:nth-child(1){
        padding: 46px 20px 0;
    }
    #contents_10_07 .content_box #box_contants_border {
        border-bottom: 0.8px solid #E2E2E2;
    }
    #contents_10_07 .content_box .box_title,
    #contents_10_07 .content_box .box_sub_title{
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
    }
    #contents_10_07 .content_box .box_sub_title {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 0;
        padding-bottom: 30px;
        border-bottom: 0.8px solid #E2E2E2;
    }
    #contents_10_07 .content_box .box_alert{
        margin-top: 20px;
        text-align: left;
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: -0.02em;
        color: #333333;
        text-indent: -24px;
        left: 24px;
        position: relative;
        margin-bottom: 24px;
        margin-right: 20px;
    }
    #contents_10_07 .content_box .box_alert:before{
        content: '';
        background: url('https://cheongmac.blob.core.windows.net/common/ic_member_delete_alert_on.svg') left top/cover no-repeat;
        position: relative;
        display: inline-block;
        width: 16px;
        height: 12px;
        margin-right: 8px;
        top: 0;
        left: 0;
    }
    #contents_10_07 .content_box .box_num{
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: -0.02em;
        color: #333333;
        text-indent: -24px;
        left: 24px;
        position: relative;
        margin: 0 20px 0 0;
    }
    #contents_10_07 .content_box .box_num:before {
        counter-increment: numbering 1;
        content: "0"counter(numbering)".";
        position: relative;
        height: auto;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: -0.02em;
        color: #333333;
        margin-right: 8px;
        width: 20px;
    }
    #contents_10_07 .content_box .box_contants{
        padding: 4px 0 16px 24px;
        font-family: 'Pretendard';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 140%;
        letter-spacing: -0.02em;
    }
    #contents_10_07 .content_box .label_privacy{
        margin: 0 8px 0 0;
    }
    #contents_10_07 .content_box .privacy_custom_box{
        width: 18px;
        height: 18px;
        padding: 0;
        margin: 0;
        top: -2px;
        left: 0;
    }
    #contents_10_07 .content_box .box_label{
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333333;
        height: auto;
    }
    #contents_10_07 .content_box .box_line#wrap_pw{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    #contents_10_07 .content_box .box_line#wrap_pw .line_txt {
        font-weight: 400;
        font-size: 12px;
        line-height: 140%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #999999;
    }
    #contents_10_07 .content_box .box_line#wrap_pw .line_txt:before {
        content:'*';
        position: relative;
        display: inline-block;
        margin: 0 4px 0 18px;
        top: -2px;
        left: 0;
        width: 6px;
        height: 6px;
    }
    #contents_10_07 .content_box .line_label{
        color: #595959;
    }
    #contents_10_07 .content_box input[type="text"],
    #contents_10_07 .content_box input[type="password"],
    #contents_10_07 .content_box select{
        height: 40px;
    }
    #contents_10_07 .content_box .no_num.box_num{
        display: none;
    }
    #contents_10_07 .content_box .button{
        margin: 30px 0 50px;
    }
    #contents_10_07 .content_box .bg_trans {
        background: white;
    }
    #contents_10_07 .content_box .w_345{
        width: 100%;
        display: block;
        text-align: center;
    }
    #contents_10_07 .content_box .w_218 {
        width: 200px!important;
    }
    #contents_10_07 .content_box .padding_type1{
        padding: 34px 20px 4px;
    }
    #contents_10_07 .content_box .mr_80{
        margin: 0 0 34px 0;
    }
    #contents_10_07 .content_box .bb_d5d5d5{
        border-bottom: none;
    }
}

@media screen and (max-width: 370px){
    #contents_10_07 .content_box .privacy_custom_box{
        top: -4px;
    }
    #contents_10_07 .content_box .label_privacy{
        margin: 0 8px 0 0;
    }
    #contents_10_07 .content_box .box_label{
        justify-content: flex-start;
        text-align: left;
    }
    #contents_10_07 .content_box .box_line#wrap_pw .line_txt{
        justify-content: flex-start;
        text-align: left;
    }
    #contents_10_07 .content_box .mr_18{
        margin: 0;
    }
    #contents_10_07 .content_box .button a{
        font-size: 14px;
        padding: 8px 24px;
        width: auto;
    }
}

/* **************************************** *
 * 05) 회원가입 동의 스타일
 * **************************************** */
#contents_10_01_01{
    background:url("https://cheongmac.blob.core.windows.net/common/bg_member_videodetail_cover.png") center center/cover no-repeat;
    width: 100%;
    height: 100%;
    letter-spacing: -0.5px;
}
#contents_10_01_01 .provision_form label{
    margin:0;
    font-weight: 700;
    line-height: 13px;
    font-size: 18px;
    display: flex;
    align-items: center;
}
#contents_10_01_01 .w_wrap{
    background:white;
    filter:drop-shadow(7px 7px 7px rgba(00,00,00,0.04));
    border-radius: 43px;
    position:absolute;
    left:50%;
    top: 50%;
    transform:translate(-50%,-50%);
    width: 82%;
    height: 82%;
    overflow: scroll;
    max-width: 800px;
}
#contents_10_01_01 .w_wrap::-webkit-scrollbar { display: none;}
#contents_10_01_01 .w_wrap::-webkit-scrollbar-track { display: none; }
#contents_10_01_01 .w_wrap::-webkit-scrollbar-thumb {
    display: none;
}
#contents_10_01_01 .w_wrap::-webkit-scrollbar-button { display: none; }
#contents_10_01_01 .section_title_sub{
    width: 100%;
    text-align: center;
    margin: 60px auto 10px;
}
#contents_10_01_01 .section_title_sub h2.title {
    font-size: 28px;
    text-align: center;
}
#contents_10_01_01 .section_title_sub h2.title:before,
#contents_10_01_01 .section_title_sub:after {
    background:none;
    background-color: transparent;
}
#contents_10_01_01  .yg_color{
    background: linear-gradient(0deg, #E17C4D 0%, #F2AC75 100%);
}
#contents_10_01_01  .yg_color:hover{
    background: linear-gradient(0deg, #F2AC75 0%, #E17C4D 100%);
}
#contents_10_01_01  input[type="checkbox"]::before {
    font-size: 16px;
    color: white;
    transform: scale(1) translate(-50%, -50%);
}
#contents_10_01_01 .content{
    padding: 0 50px 50px;
}
#contents_10_01_01 .content .g_tit{
    color:#333;
    font-size:18px;
    font-weight:700;
}
#contents_10_01_01 .at_tab{
    margin: 40px auto 0;
    width: 266px;
    position: relative;
    display:inline-block;
    left: 50%;
    transform: translateX(-50%);
}
#contents_10_01_01  .at_tab .last{
    display:inline-block;
    width: auto;
}
#contents_10_01_01  .at_tab li {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    height:auto;
    width:80px;
}
#contents_10_01_01  .at_tab li.on {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    color: #DC8D45;
    width:80px;
    height:auto;
}
#contents_10_01_01  .arrow_next{
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_arrow_next.svg") center center/cover no-repeat;
    width: 12px;
    height: 19px;
    left: 45px;
    position: absolute;
}
#contents_10_01_01  .arrow_next_on{
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_arrow_next_on.svg") center center/cover no-repeat;
    width: 12px;
    height: 19px;
    left: 45px;
    position: absolute;
}
#contents_10_01_01 .at_box{
    height: 100px;
    padding: 10px;
}
#contents_10_01_01 .at_box.heighter{
    height: 200px;
    padding: 10px;
}
#contents_10_01_01 .at_box::-webkit-scrollbar { width: 8px;}
#contents_10_01_01 .at_box::-webkit-scrollbar-track { background-color: #F8F8F8; }
#contents_10_01_01 .at_box::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #F2AA73 0%, #E58655 100%);
    border-radius: 7px;
}
#contents_10_01_01 .at_box::-webkit-scrollbar-button { display: none; }
#contents_10_01_01 .at_box h4{
    font-size:18px;
}
#contents_10_01_01 .at_box h5{
    font-size:16px;
}
#contents_10_01_01 .at_box h6{
    font-size:14px;
}
#contents_10_01_01 .txt1{
    color:black;
    font-size:16px;
}
#contents_10_01_01 .provision_form{
    padding-top: 10px;
}

#contents_10_01_01 .provision_form input{
    display: none;
}
#contents_10_01_01 .provision_form .privacy_custom_box{
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: white;
    border: 1px solid #B6B6B6;
    display: inline-block;
    position: relative;
    margin-right: 8px;
}
#contents_10_01_01 .provision_form .privacy_custom_box:before {
    content: '\e928';
    text-align: center;
    font-family: 'xeicon';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: scale(1) translate(-50%, -50%);
    color: white;
    opacity: 0;
    transition: opacity 1s;
}
#contents_10_01_01 .provision_form .privacy_custom_box ~ span{
    position: relative;
    display: inline-block;
    float:none!important;
}
#contents_10_01_01 .provision_form input:checked ~ .privacy_custom_box{
    background: linear-gradient(to top, #F2AB74 0%, #FE9035 100%);
    border: none;
}
#contents_10_01_01 .provision_form input:checked ~ .privacy_custom_box:before {
    opacity: 1;
}
#contents_10_01_01 .provision_form .check_box {
    margin-bottom: 10px;
}
#contents_10_01_01 .provision_form .ckeck_space {
    float: none;
    border-bottom: 10px;
    padding: 20px 0 0 0;
    display: block;
}
#contents_10_01_01 .provision_form .ckeck_space label {
    padding-bottom: 0;
    padding-top: 0;
    font-size: 16px;
    color: #333;
    font-weight: 700;
}
#contents_10_01_01 .provision_form .check_box.all{
    margin-top: 33px;
}
#contents_10_01_01 .provision_form .check_box.all span {
    float: left;
    font-size: 16px;
    color: #333;
}
#contents_10_01_01 .btn_center{
    margin-bottom: 20px;
}
#contents_10_01_01 a.btn_normal1{
    display: inline-block;
    padding: 0 30px;
    margin: 0 4px;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    line-height: 44px;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 220px;
    height: 44px;
    background: linear-gradient(to top, #E38151 0%, #F2AB74 100%);
    border-radius: 12px;
    filter: drop-shadow(2px 3px 8px rgba(242,169,114,0.63));
}

@media screen and (max-width: 1300px){
    #contents_10_01_01 .w_wrap{
        width:800px!important;
    }
    #contents_10_01_01 .content{
        padding:0;
    }
}
@media screen and (max-width: 768px){
    #contents_10_01_01 {
        background: white;
        height: 700px;
    }
    #contents_10_01_01 .w_wrap {
        width: 100%!important;
        height: auto;
        border-radius: 0;
        top: 0;
        left: 0;
        transform: unset;
        filter: none;
    }
    #contents_10_01_01 .content{
        margin-bottom:100px;
    }
    #contents_10_01_01 .section_title_sub{
        margin: 60px auto 10px;
    }
    #contents_10_01_01 .section_title_sub h2.title{
        text-align: center;
        margin: 0 auto;
        display:block;
    }
    #contents_10_01_01 .at_tab{
        margin: 100px auto 0;
    }
    #contents_10_01_01 .at_tab li,
    #contents_10_01_01 .at_tab li.on {
        text-align: unset;
        height: unset;
    }
    #contents_10_01_01 .at_tab li span{
        display: inline-block;
        font-size:20px;
    }
    #contents_10_01_01 .provision_form label{
        font-size: 14px;
        line-height: 1;
        margin-top:9px;
    }
}

/* **************************************** *
 * 06) 회원가입 인증 스타일
 * **************************************** */

#contents_10_01_02{
    background:url("https://cheongmac.blob.core.windows.net/common/bg_member_videodetail_cover.png") center center/cover no-repeat;
    width: 100%;
    height: 100%;
    letter-spacing: -0.5px;
}
#contents_10_01_02 .section_title_sub{
    width: 100%;
    text-align: center;
    margin: 60px auto 10px;
}
#contents_10_01_02 .section_title_sub h2.title {
    font-size: 28px;
    text-align: center;
}
#contents_10_01_02 .section_title_sub h2.title:before,
#contents_10_01_02 .section_title_sub:after {
    background:none;
    background-color: transparent;
}
#contents_10_01_02 .w_wrap{
    background:white;
    filter:drop-shadow(7px 7px 7px rgba(00,00,00,0.04));
    border-radius: 43px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    max-width: 900px;
    max-height: 600px;
}
#contents_10_01_02 .content{
    padding: 0 50px 50px;
}
#contents_10_01_02 .at_tab{
    margin: 40px auto 0;
    width: 266px;
    position: relative;
    display:inline-block;
    left: 50%;
    transform: translateX(-50%);
}
#contents_10_01_02 .at_tab .last{
    display:inline-block;
    width: auto;
}
#contents_10_01_02 .at_tab li {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    height:auto;
    width:80px;
}
#contents_10_01_02 .at_tab li.on {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    color: #DC8D45;
    width:80px;
    height:auto;
}
#contents_10_01_02 .arrow_next{
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_arrow_next.svg") center center/cover no-repeat;
    width: 12px;
    height: 19px;
    left: 45px;
    position: absolute;
}
#contents_10_01_02 .arrow_next_on{
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_arrow_next_on.svg") center center/cover no-repeat;
    width: 12px;
    height: 19px;
    left: 45px;
    position: absolute;
}
#contents_10_01_02 .btn_center{
    margin-bottom: 20px;
}
#contents_10_01_02 a.btn_normal1{
    display: inline-block;
    padding: 0 30px;
    margin: 0 4px;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    line-height: 44px;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 220px;
    height: 44px;
    background: linear-gradient(to top, #E38151 0%, #F2AB74 100%);
    border-radius: 12px;
    filter: drop-shadow(2px 3px 8px rgba(242,169,114,0.63));
    cursor:pointer;
}
#contents_10_01_02 a.btn_normal1:hover{
    background: linear-gradient(to top, #F2AB74 0%, #E38151 100%);
    transition: all 1s;
}
#contents_10_01_02 .join_txt_box{
    padding: 30px 0;
}
#contents_10_01_02 .join_txt_box h2 em {
    color: #414144;
}
#contents_10_01_02 .member_wrap.pw_box{
    padding:0;
}
#contents_10_01_02 .member_cnt .input_sum{
    padding-left:0;
    height: auto;
}
#contents_10_01_02 .member_cnt .input_sum span.dv {
    padding: 5px 9px;
    margin: 0;
    line-height: 32px;
    position: relative;
}
#contents_10_01_02 .member_cnt .input_txt {
    width: 243px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    line-height: 34px;
    background-color: #fbfbfb;
    border-radius: 10px;
    position: relative;
}
#contents_10_01_02 p.nt {
    text-align: center;
    padding: 20px 0;
    border: 1px solid #eee;
    color: black;
    background: #f5f5f5;
}
#contents_10_01_02 .member_cnt .input_sum{
    overflow:unset;
}
#contents_10_01_02 .member_wrap{
    overflow:unset;
}

@media screen and (max-width: 1300px){
    #contents_10_01_02 {
        height:1300px;
    }
    #contents_10_01_02 .w_wrap{
        width:931px!important;
    }
    #contents_10_01_02 .content{
        padding:0;
    }
}
@media screen and (max-width: 1140px){
    #contents_10_01_02{
        height:1100px;
    }
    #contents_10_01_02 p.nt{
        padding: 20px 0 80px;
    }
}
@media screen and (max-width: 940px){
    #contents_10_01_02{
        background:white;
        height:700px;
    }
    #contents_10_01_02 .w_wrap {
        width: 100%!important;
        height: auto;
        border-radius: 0;
        top: 0;
        left: 0;
        transform: unset;
        filter: none;
    }
    #contents_10_01_02 .content{
        margin-bottom:100px;
    }
    #contents_10_01_02 .section_title_sub{
        margin: 60px auto 10px;
    }
    #contents_10_01_02 .section_title_sub h2.title{
        text-align: center;
        margin: 0 auto;
        display:block;
    }
    #contents_10_01_02 .at_tab{
        margin: 100px auto 0;
    }
    #contents_10_01_02 .at_tab li,
    #contents_10_01_02 .at_tab li.on {
        text-align: unset;
        height: unset;
    }
    #contents_10_01_02 .at_tab li span{
        display: inline-block;
        font-size:20px;
    }
    #contents_10_01_02 .member_cnt .input_sum{
        width: 100%;
        height: auto;
    }
    #contents_10_01_02 .join_txt_box h2{
        font-size:20px;
    }
}

/* **************************************** *
 * 07) 회원가입 입력 스타일
 * **************************************** */
#contents_10_01_03{
    background:url("https://cheongmac.blob.core.windows.net/common/bg_member_videodetail_cover.png") center center/cover no-repeat;
    width: 100%;
    height: 100%;
    letter-spacing: -0.5px;
}
#contents_10_01_03 #memberjoin_1_3.w_wrap{
    background:white;
    filter:drop-shadow(7px 7px 7px rgba(00,00,00,0.04));
    border-radius: 43px;
    position:absolute;
    left:50%;
    top: 50%;
    transform:translate(-50%,-50%);
    width: 82%;
    height: 82%;
    overflow: scroll;
    max-width: 800px;
}
#contents_10_01_03 .w_wrap::-webkit-scrollbar { display: none;}
#contents_10_01_03 .w_wrap::-webkit-scrollbar-track { display: none; }
#contents_10_01_03 .w_wrap::-webkit-scrollbar-thumb {
    display: none;
}
#contents_10_01_03 .w_wrap::-webkit-scrollbar-button { display: none; }

#contents_10_01_03 #memberjoin_1_3 .radio_style{
    padding-top:16px;
}
#contents_10_01_03 #memberjoin_1_3 input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
#contents_10_01_03 #memberjoin_1_3 input[type="radio"]:before {
    opacity:0;
}
#contents_10_01_03 #memberjoin_1_3 input[type="radio"]:checked {
    opacity:0;
}
#contents_10_01_03 #memberjoin_1_3 input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 24px;
    margin-right: 6px;
}
#contents_10_01_03 #memberjoin_1_3 input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    background: white;
    border: 1px solid #F1A972;
    border-radius: 100%;
}
#contents_10_01_03 #memberjoin_1_3 input[type="radio"] + label:active:before,
#contents_10_01_03 #memberjoin_1_3 input[type="radio"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
#contents_10_01_03 #memberjoin_1_3 input[type="radio"]:checked + label:before {
    background: #ffffff;
    border-color: #F1A972;
}
#contents_10_01_03 #memberjoin_1_3 input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #F1A972;
    border-radius: 100%;
}
#contents_10_01_03 #memberjoin_1_3 .section_title_sub{
    width: 100%;
    text-align: center;
    margin: 60px auto 10px;
}
#contents_10_01_03 #memberjoin_1_3 .section_title_sub h2.title {
    font-size: 28px;
    text-align: center;
}
#contents_10_01_03 #memberjoin_1_3 .section_title_sub h2.title:before,
#contents_10_01_03 #memberjoin_1_3 .section_title_sub:after {
    background:none;
    background-color: transparent;
}
#contents_10_01_03 #memberjoin_1_3 input[type="checkbox"]::before {
    font-size: 16px;
    color: white;
    transform: scale(1) translate(-50%, -50%);
}
#contents_10_01_03 #memberjoin_1_3 .content{
    padding: 0 50px 50px;
}
#contents_10_01_03 #memberjoin_1_3 .at_tab{
    margin: 40px auto 0;
    width: 266px;
    position: relative;
    display:inline-block;
    left: 50%;
    transform: translateX(-50%);
}
#contents_10_01_03 #memberjoin_1_3 .at_tab .last{
    display:inline-block;
    width: auto;
}
#contents_10_01_03 #memberjoin_1_3 .at_tab li {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    height:auto;
    width:80px;
}
#contents_10_01_03 #memberjoin_1_3 .at_tab li.on {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    color: #DC8D45;
    width:80px;
    height:auto;
}
#contents_10_01_03 #memberjoin_1_3 .arrow_next{
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_arrow_next.svg") center center/cover no-repeat;
    width: 12px;
    height: 19px;
    left: 45px;
    position: absolute;
}
#contents_10_01_03 #memberjoin_1_3 .arrow_next_on{
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_arrow_next_on.svg") center center/cover no-repeat;
    width: 12px;
    height: 19px;
    left: 45px;
    position: absolute;
}

#contents_10_01_03 #memberjoin_1_3 .btn_center{
    margin-bottom: 20px;
}
#contents_10_01_03 #memberjoin_1_3 a.btn_normal1{
    display: inline-block;
    padding: 0 30px;
    margin: 0 4px;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    line-height: 44px;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 220px;
    height: 44px;
    background: linear-gradient(to top, #E38151 0%, #F2AB74 100%);
    border-radius: 12px;
    filter: drop-shadow(2px 3px 8px rgba(242,169,114,0.63));
}
#contents_10_01_03 #memberjoin_1_3 .btn_normal1:hover{
    background: linear-gradient(to top, #F2AB74 0%, #E38151 100%);
    transition: all 1s;
}
#contents_10_01_03 #memberjoin_1_3 #idse_check,
#contents_10_01_03 #memberjoin_1_3 #confirmSMS,
#contents_10_01_03 #memberjoin_1_3 #confirmCode,
#contents_10_01_03 #memberjoin_1_3 #resetSMS{
    position: relative;
    width: 145px;
    height: 36px;
    line-height: 36px;
    float: right;
}

#contents_10_01_03 #memberjoin_1_3 .content table {
    border-top: none;
    position: relative;
}
#contents_10_01_03 #memberjoin_1_3 .content .revise td {
    border-bottom:none;
}
#contents_10_01_03 #memberjoin_1_3 .provision_form input {
    width: 30px;
    height: 28px;
    border-radius: 10px;
    background: #c4c4c4;
    transform: scale(1);
}
#contents_10_01_03 #memberjoin_1_3 .provision_form label {
    margin-top:7px;
}
#contents_10_01_03 #memberjoin_1_3 .provision_form input:checked {
    background: linear-gradient(to top, #F2AB74 0%, #FE9035 100%);
}
#contents_10_01_03 #memberjoin_1_3 .provision_form .ckeck_space label {
    padding-bottom: 0;
    padding-top: 0;
    font-size: 20px;
    color: #333;
}
#contents_10_01_03 #memberjoin_1_3 .provision_form .check_box.all span {
    float: left;
    font-size: 16px;
    color: #333;
}
#contents_10_01_03 #memberjoin_1_3 .btn_center{
    margin-bottom: 20px;
}
#contents_10_01_03 #memberjoin_1_3 .btn_normal1,
#contents_10_01_03 #memberjoin_1_3 a.btn_normal1{
    display: inline-block;
    padding: 0 30px;
    margin: 0 4px;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    line-height: 44px;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 220px;
    height: 44px;
    background: linear-gradient(to top, #E38151 0%, #F2AB74 100%);
    border-radius: 12px;
    text-align: center;
    cursor:pointer;
}
#contents_10_01_03 #memberjoin_1_3 .btn_normal1:hover,
#contents_10_01_03 #memberjoin_1_3 a.btn_normal1:hover{
    background: linear-gradient(to top, #F2AB74 0%, #E38151 100%);
    transition: all 1s;
}
#contents_10_01_03 #memberjoin_1_3 .select_style{
    border: 0;
}
#contents_10_01_03 #memberjoin_1_3 .select_style select {
    width: 145px;
    height: 36px;
    font-family: inherit;
    padding: 0 10px;
    font-size: 14px;
    opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fbfbfb;
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
}
#contents_10_01_03 #memberjoin_1_3 .select_style:before{
    top:60%;
}
#contents_10_01_03 #memberjoin_1_3 .content .revise th{
    padding-left: 18px;
    border-bottom: none;
    background: transparent;
    text-align: left;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-align: left;
}
#contents_10_01_03 #memberjoin_1_3 .content table td p{
    margin:6px 0 0 0;
}

#contents_10_01_03 #memberjoin_1_3 th > label {
    color: #333;
    font-weight: 700;
    text-align: left;
    font-size: 16px;
    margin-bottom: 6px;
}
#contents_10_01_03 #memberjoin_1_3 td > input{
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    line-height: 32px;
    background-color: #fbfbfb;
    border-radius: 10px;
    font-family: "NanumSquare";
}
#contents_10_01_03 #memberjoin_1_3 input[type='password'],
#contents_10_01_03 #memberjoin_1_3 input[type='text']{
    font-family:"Noto Sans";
}
#contents_10_01_03 #memberjoin_1_3 .content table.join .input_txt {
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    line-height: 36px;
    background-color: #fbfbfb;
    border-radius: 10px;
    width: 380px;
    margin-top:  6px;
    margin-bottom:24px;
    margin-right:0;
    font-size: 14px;
}
#contents_10_01_03 #memberjoin_1_3 .content table.join .input_txt::placeholder{
    font-size: 14px;
}
#contents_10_01_03 #memberjoin_1_3 #mailID,
#contents_10_01_03 #memberjoin_1_3 #mailAddress{
    width:170px;
}
#contents_10_01_03 #memberjoin_1_3 .dv{
    float: left;
    padding: 0 10px;
    margin: 0;
    top: 16px;
    line-height: 10px;
    position: relative;
}
#contents_10_01_03 #memberjoin_1_3 .content .revise th,
#contents_10_01_03 #memberjoin_1_3 .content .revise td{
    padding: 0;
}
#contents_10_01_03 #memberjoin_1_3 .content .table_space{
    margin-bottom:0;
}
#contents_10_01_03 #memberjoin_1_3 .content .revise td .txt_line{
    margin-top:6px;
    margin-bottom:24px;
}

#contents_10_01_03 #memberjoin_1_3 .revise td .select_style{
    float: right;
    margin: 6px 0 24px 0;
}
#contents_10_01_03 #memberjoin_1_3 #idse_check{
    float: right;
}
#contents_10_01_03 .tel_type{
    text-align: center;
    width: 108px;
    background-color:white;
    color:black;
    border:0;
}
#contents_10_01_03 td{
    margin-bottom: 10px;
}
#contents_10_01_03 #memberjoin_1_3 input[type='text'],
#contents_10_01_03 #memberjoin_1_3 input[type='passwood'],
#contents_10_01_03 #memberjoin_1_3 input[type='select']{
    margin-top: 6px;
    margin-bottom: 24px;
    font-size: 12px;
    float: left;
}
#contents_10_01_03 #memberjoin_1_3 .content .revise td .dr{
    padding: 0 10px;
    position: relative;
    top: 14px;
    float: left;
    width: 28px;
}
#contents_10_01_03 #memberjoin_1_3 input.read_only{
    background-color: #999999!important;
    color: white!important;
}

@media screen and (max-width: 1140px){
    #contents_10_01_03 {
        background: white;
        height: 700px;
    }
    #contents_10_01_03 #memberjoin_1_3.w_wrap {
        width: 100%!important;
        height: auto;
        border-radius: 0;
        top: 0;
        left: 0;
        transform: unset;
        filter: none;
        max-width: unset;
    }
    #contents_10_01_03 #memberjoin_1_3 .content{
        padding: 0 0 100px 0;
    }
    #contents_10_01_03 #memberjoin_1_3 .section_title_sub{
        margin: 60px auto 10px;
    }
    #contents_10_01_03 #memberjoin_1_3 .section_title_sub h2.title{
        text-align: center;
        margin: 0 auto;
        display:block;
    }
    #contents_10_01_03 #memberjoin_1_3 .at_tab{
        margin: 100px auto 0;
    }
    #contents_10_01_03 #memberjoin_1_3 .at_tab li,
    #contents_10_01_03 #memberjoin_1_3 .at_tab li.on {
        text-align: unset;
        height: unset;
    }
    #contents_10_01_03 #memberjoin_1_3 .at_tab li span{
        display: inline-block;
        font-size:20px;
    }
    #contents_10_01_03 #memberjoin_1_3 .provision_form label{
        font-size: 14px;
        line-height: 1;
        margin-top:9px;
    }
    #contents_10_01_03 #memberjoin_1_3 .content table.join .input_txt{
        width: 100%;
        margin:10px 0;
    }
    #contents_10_01_03 #memberjoin_1_3 .provision_form label{
        font-size: 14px;
        line-height: 1;
        margin-top:9px;
    }
    #contents_10_01_03 #memberjoin_1_3 .revise td .select_style{
        right:unset;
    }
    #contents_10_01_03 #memberjoin_1_3 #mailID,
    #contents_10_01_03 #memberjoin_1_3 #mailAddress{
        display:inline-block;
        width: calc(100% / 2 - 19px);
        margin:0;
    }
    #contents_10_01_03 #memberjoin_1_3 input[type='text']#hphone1 ,
    #contents_10_01_03 #memberjoin_1_3 input[type='text']#hphone2 ,
    #contents_10_01_03 #memberjoin_1_3 input[type='text']#hphone3 {
        width: calc(100% / 3 - 19px);
    }
    #contents_10_01_03 #memberjoin_1_3 .revise.join td .select_style{
        margin:10px 0 24px;
    }
    #contents_10_01_03 #memberjoin_1_3 .select_style label,
    #contents_10_01_03 #memberjoin_1_3 .select_style select,
    #contents_10_01_03 #memberjoin_1_3 member_cnt .input_sum .select_style{
        width:100%;
        height: 36px;
        margin: 0;
    }
    #contents_10_01_03 .select_style{
        width: 100%;
    }
    #contents_10_01_03 .input_bundle{
        margin: 6px 0 24px;
    }
}

/* **************************************** *
 * 08) 정보입력 마무리 스타일
 * **************************************** */
@keyframes upDownScale {
    0% {
        transform:scale(1)translateY(0);
    }
    50% {
        transform:scale(1.1)translateY(-10%);
    }
    100% {
        transform:scale(1)translateY(0);
    }
}

#contents_10_01_04{
    background:url("https://cheongmac.blob.core.windows.net/common/bg_member_videodetail_cover.png") center center/cover no-repeat;
    width: 100%;
    height: 100%;
    letter-spacing: -0.5px;
}
#contents_10_01_04 #memberjoin_1_4.w_wrap{
    background:white;
    filter:drop-shadow(7px 7px 7px rgba(00,00,00,0.04));
    border-radius: 43px;
    position:absolute;
    left:50%;
    top: 150px;
    transform:translateX(-50%);
    width: 800px;
}
#contents_10_01_04 #memberjoin_1_4 .section_title_sub{
    width: 100%;
    text-align: center;
    margin: 60px auto 10px;
}
#contents_10_01_04 #memberjoin_1_4 .section_title_sub h2.title {
    font-size: 28px;
    text-align: center;
}
#contents_10_01_04 #memberjoin_1_4 .section_title_sub h2.title:before,
#contents_10_01_04 #memberjoin_1_4 .section_title_sub:after {
    background:none;
    background-color: transparent;
}
#contents_10_01_04 #memberjoin_1_4 input[type="checkbox"]::before {
    font-size: 15px;
    color: white;
    transform: scale(1) translate(-50%, -50%);
}
#contents_10_01_04 #memberjoin_1_4 .content{
    padding: 0 50px 50px;
}
#contents_10_01_04 #memberjoin_1_4 .at_tab{
    margin: 40px auto 0;
    width: 266px;
    position: relative;
    display:inline-block;
    left: 50%;
    transform: translateX(-50%);
}
#contents_10_01_04 #memberjoin_1_4 .at_tab .last{
    display:inline-block;
    width: auto;
}
#contents_10_01_04 #memberjoin_1_4 .at_tab li {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    height:auto;
    width:80px;
}
#contents_10_01_04 #memberjoin_1_4 .at_tab li.on {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    font-size: 20px;
    line-height: 20px;
    color: #DC8D45;
    width:80px;
    height:auto;
}
#contents_10_01_04 #memberjoin_1_4 .arrow_next{
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_arrow_next.svg") center center/cover no-repeat;
    width: 12px;
    height: 19px;
    left: 45px;
    position: absolute;
}
#contents_10_01_04 #memberjoin_1_4 .arrow_next_on{
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_arrow_next_on.svg") center center/cover no-repeat;
    width: 12px;
    height: 19px;
    left: 45px;
    position: absolute;
}
#contents_10_01_04 #memberjoin_1_4 .btn_center{
    margin-bottom: 20px;
}
#contents_10_01_04 #memberjoin_1_4 a.btn_normal1{
    display: inline-block;
    padding: 0 30px;
    margin: 0 3px;
    font-size: 17px;
    color: #fff;
    box-sizing: border-box;
    line-height: 44px;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 220px;
    height: 44px;
    background: linear-gradient(to top, #E38151 0%, #F2AB74 100%);
    border-radius: 12px;
    filter: drop-shadow(2px 3px 8px rgba(242,169,114,0.63));
}
#contents_10_01_04 #memberjoin_1_4 .btn_normal1:hover{
    background: linear-gradient(to top, #F2AB74 0%, #E38151 100%);
    transition: all 1s;
}
#contents_10_01_04 #memberjoin_1_4 .icon_insertFinish{
    width: 110px;
    height: 110px;
    background: linear-gradient(to top, #F2AB74 0%, #E38151 100%);
    border-radius: 100%;
    margin: 0 auto 20px;
    animation-name:upDownScale;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-timing-function : linear;
}
#contents_10_01_04 #memberjoin_1_4 .icon_img {
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_insertFinish.svg") center center/cover no-repeat;
    background-size: 80%;
    width: 68px;
    height: 60px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}
#contents_10_01_04 #memberjoin_1_4 .on.last{
    width: auto!important;
}
#contents_10_01_04 #memberjoin_1_4 .finish_wrap{
    padding: 0;
}
#contents_10_01_04 #memberjoin_1_4 .lg-bigfont{
    font-size: 34px;
    line-height: 1.5;
}

@media screen and (max-width: 1300px){
    #contents_10_01_04 #memberjoin_1_4.w_wrap{
        width:931px!important;
    }
    #contents_10_01_04 #memberjoin_1_4 .content{
        padding:0;
    }
}

@media screen and (max-width: 748px){
    #contents_10_01_04 {
        background: white;
        height: 700px;
    }
    #contents_10_01_04 #memberjoin_1_4.w_wrap {
        width: 100%!important;
        height: auto;
        border-radius: 0;
        top: 0;
        left: 0;
        transform: unset;
        filter: none;
    }
    #contents_10_01_04 #memberjoin_1_4 .lg-bigfont{
        font-size:20px;
    }
    #contents_10_01_04 #memberjoin_1_4 .content{
        margin-bottom:100px;
    }
    #contents_10_01_04 #memberjoin_1_4 .section_title_sub{
        margin: 60px auto 10px;
    }
    #contents_10_01_04 #memberjoin_1_4 .section_title_sub h2.title{
        text-align: center;
        margin: 0 auto;
        display:block;
    }
    #contents_10_01_04 #memberjoin_1_4 .at_tab{
        margin: 100px auto 0;
    }
    #contents_10_01_04 #memberjoin_1_4 .at_tab li,
    #contents_10_01_04 #memberjoin_1_4 .at_tab li.on {
        text-align: unset;
        height: unset;
    }
    #contents_10_01_04 #memberjoin_1_4 .at_tab li span{
        display: inline-block;
        font-size:20px;
    }
    #contents_10_01_04 #memberjoin_1_4 .provision_form label{
        font-size: 14px;
        line-height: 1;
        margin-top:9px;
    }
}

/* **************************************** *
 * 09) 중복확인알림창 스타일
 * **************************************** */
.chk_wrap {
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding-bottom: 25px;
    z-index: 50000;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.chk_wrap #chk_close {
    position: absolute;
    right: 20px;
    top: 24px;
    font-size: 34px;
    font-weight: 700;
    z-index: 100;
    color: #ffffff;
}
.chk_content {
    position: absolute;
    background-color: #fefefe;
    width: 25%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding-bottom: 25px;
}
.chk_wrap .chk_content{
    padding: 20px;
}
.chk_wrap .chk_content .chk_input{
    padding: 20px 0;
}
.chk_wrap .chk_content .chk_title {
    width: 100%;
    height: 70px;
    line-height: 70px;
    padding: 0 30px;
    font-size: 20px;
    color: #ffffff;
    background: #2B3643;
    text-align: left;
    display: none;
}
.chk_close {
    position: absolute;
    right: 20px;
    top: 24px;
    font-size: 35px;
    font-weight: 700;
    z-index: 100;
    color: black;
    cursor: pointer;
}
.chk_content .chk_input input {
    padding: 5px;
    width: 90%;
}

.chk_wrap .btn_normal, a.btn_normal{
    display: inline-block;
    padding: 0 60px;
    margin: 0 3px;
    font-size: 16px;
    color: #fff;
    background: #2B3643;
    box-sizing: border-box;
    line-height: 44px;
    height: 44px;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 6px;
    cursor: pointer;
}
.chk_wrap #uid_input{
    display: none;
}
.chk_wrap #pw_password{
    text-align: center;
}
.chk_wrap #chkID_content{
    position: absolute;
    background-color: #fefefe;
    width: 25%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding-bottom: 25px;
}
.chk_wrapl #chkID_content #chkID_result {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    background-color: #ffffff;
    color: #333;
    display: none;
}
.chk_wrap #chkID_content #chkID_input input{
    height: 44px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    line-height: 32px;
    background-color: #fbfbfb;
    border-radius: 10px;
    font-family: "NanumSquare";
}
.chk_wrap .chk_red{
    color: #ff5252;
}

@media screen and (max-width: 1140px) {
    .chk_wrap .chk_content { padding: 60px 20px 36px; width: calc(100% - 40px); }
    .chk_close { top: 20px; }

    .chk_wrap .chk_content .alt_title{
        font-size: 16px;
    }
    .chk_wrap .btn_normal,
    .chk_wrap .btn_normal{
        font-size: 12px;
        padding: 0 30px;
    }
}

/* **************************************** *
 * 10) 로그인 스타일
 * **************************************** */

#contents_10_02{
    background:url("https://cheongmac.blob.core.windows.net/common/bg_member_videodetail_cover.png") center center/cover no-repeat;
    width: 100%;
    height: 100%;
}
#contents_10_02 .section_title_sub{
    width: 100%;
    text-align: left;
    padding-left: 50px;
    margin: 60px auto 10px;
}
#contents_10_02 .section_title_sub h2.title {
    font-size: 28px;
    text-align: left;
}
#contents_10_02 .section_title_sub h2.title:before,
#contents_10_02 .section_title_sub:after {
    background:none;
    background-color: transparent;
}
#contents_10_02 .w_wrap{
    background:white;
    filter:drop-shadow(7px 7px 7px rgba(00,00,00,0.04));
    border-radius: 43px;
    position:absolute;
    left:50%;
    top: 50%;
    transform:translate(-50%,-50%);
    width: 500px;
}
#contents_10_02 .maria_benefit{
    padding: 30px 0;
}
#contents_10_02 .maria_benefit ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
#contents_10_02 .maria_benefit .item{
    width:auto;
    text-align: center;
    display: inline-flex;
    align-items: center;
}
#contents_10_02 .maria_benefit .item .txt {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 0;
    font-weight: 700;
    height: 12px;
}
#contents_10_02 .maria_benefit .item .txt:hover {
    color: #e05f2d;
}
#contents_10_02 .maria_benefit .item:nth-child(1) .txt:hover {
    color: unset;
}
#contents_10_02 .maria_benefit .item span {
    margin: 0 10px;
}
#contents_10_02 .btn_check{
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_login_saveId.svg") left top/cover no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.5;
}
#contents_10_02 .btn_check:hover{
    opacity: 1;
    transition: all 1s;
    cursor: pointer;
}
#contents_10_02 .btn_check_c{
    background: url("https://cheongmac.blob.core.windows.net/common/ic_member_login_saveId_c.svg") left top/cover no-repeat;
    width: 24px;
    height: 24px;
}
#contents_10_02 .btn_check_c:hover{
    opacity: 1;
    transition: all 1s;
}
#contents_10_02 .login_form .btn_login{
    border-radius: 12px;
}
#contents_10_02 .yg_color{
    background: linear-gradient(0deg, #E17C4D 0%, #F2AC75 100%);
}
#contents_10_02 .yg_color:hover{
    background: linear-gradient(0deg, #F2AC75 0%, #E17C4D 100%);
}
#contents_10_02 .btn_g{
    border-radius: 12px;
}
#contents_10_02 .login_form .in input{
    border-radius: 12px;
}
#contents_10_02 .clearCheck{
    clear:none;
}
#contents_10_02 .sns_login_box{
    display:inline-flex;
    width:100%
}
#contents_10_02 .sns_login_box a:nth-child(1){
    margin-right:10px;
}
#contents_10_02 .sns_login_box .btn_naver img{
    width: 30px;
    height: 30px;
    margin:14px 0px 0 20px;
}
#contents_10_02 .sns_login_box .btn_kakao img{
    width: 30px;
    height: 30px;
    margin:14px 0px 0 20px;
}
#contents_10_02 .sns_login_box .btn_g{
    background-color: white;
    width: calc(100% - 10px);
    margin-top: 10px;
    border: 1px #d0d0d0 solid;
    font-family: 'Noto Sans KR', sans-serif;
    display: inline-flex;
}
#contents_10_02 .sns_login_box .btn_g:HOVER{
    color: white;
}
#contents_10_02 .sns_login_box .btn_naver{
    color: #00c939;
}
#contents_10_02 .sns_login_box .btn_kakao{
    color: #f7dd00;
}
#contents_10_02 .sns_login_box .btn_naver:HOVER{
    background-color: #00c939;
}
#contents_10_02 .sns_login_box .btn_kakao:HOVER{
    background-color: #f7dd00;
}
#contents_10_02 .sns_login_box .btn_text{
    padding: 18px 18px 18px 40px;
    width: auto;
    color:#414144;
}
#contents_10_02 .login_form .in input{
    float: none;
    width: 100%;
    max-width: 400px;
}

@media screen and (max-width: 1300px){
    #contents_10_02 .section_title_sub {
        left: 0;
        padding-left:0;
    }
    .login_form .in:after,
    .login_form .in li:after{
        display: none;
    }
}

@media screen and (max-width: 1140px) {
    #contents_10_02 {
        background:white;
    }
    #contents_10_02 .w_wrap {
        width: 100%!important;
        height: auto;
        border-radius: 0;
        top: 0;
        left: 0;
        transform: unset;
        filter: none;
    }
    #contents_10_02 .section_title_sub{
        margin: 100px auto 10px;
    }
    #contents_10_02 .section_title_sub h2.title{
        text-align: center;
        margin: 0 auto;
        display:block;
    }
    #contents_10_02 .btn_check{
        width: 18px;
        height: 18px;
    }
    #contents_10_02 .btn_check_c{
        width: 18px;
        height: 18px;
    }

    #contents_10_02 .maria_benefit {
        margin: 0 0 10px;
        padding: 0;
        border-bottom: none;
    }
    #contents_10_02 .maria_benefit .item{
        padding: 6px 0;
    }
    #contents_10_02 .maria_benefit .item .txt{
        font-size: 10px;
        line-height: 10px;
        height: 10px;
    }
    #contents_10_02 .btn_g{
        margin-bottom: 40px;
    }
    #contents_10_02 .login_box .login_input{
        width: 100% !important;
        margin: 0!important;
    }
}
@media screen and (max-width: 370px) {
    #contents_10_02 .sns_login_box .btn_text {
        padding: 18px;
    }
}

/* **************************************** *
 * 11) 아이디찾기 스타일
 * **************************************** */
#contents_10_04{
    background:url("https://cheongmac.blob.core.windows.net/common/bg_member_videodetail_cover.png") center center/cover no-repeat;
    width: 100%;
    height: 100%;
}

#contents_10_04 #id_search_page.w_wrap{
    background:white;
    filter:drop-shadow(7px 7px 7px rgba(00,00,00,0.04));
    border-radius: 43px;
    position:absolute;
    left:50%;
    top:55%;
    transform:translate(-50%,-50%);
    width: 500px!important;
    padding:0!important;
}
#contents_10_04 #id_search_page .yg_color{
    background: linear-gradient(0deg, #E17C4D 0%, #F2AC75 100%);
}
#contents_10_04 #id_search_page .yg_color:hover{
    background: linear-gradient(0deg, #F2AC75 0%, #E17C4D 100%);
}
#contents_10_04 #id_search_page .section_title_sub{
    width: 350px;
    text-align: center;
    margin: 30px auto;
}
#contents_10_04 #id_search_page .section_title_sub h2.title {
    font-size: 28px;
    text-align: center;
}
#contents_10_04 #id_search_page .section_title_sub h2.title:before,
#contents_10_04 #id_search_page .section_title_sub:after {
    background:none;
    background-color: transparent;
}
#contents_10_04 #id_search_page input[type="checkbox"]::before {
    font-size: 15px;
    color: white;
    transform: scale(1) translate(-50%, -50%);
}
#contents_10_04 #id_search_page .content{
    padding: 0 50px 50px;
}
#contents_10_04 #id_search_page .at_tab li {
    background-color: transparent;
    padding: 15px;
    font-size: 20px;
    line-height: 20px;
}
#contents_10_04 #id_search_page .provision_form input {
    width: 30px;
    height: 28px;
    border-radius: 10px;
    background: #c4c4c4;
    transform: scale(1);
}
#contents_10_04 #id_search_page .provision_form label {
    margin-top:7px;
}
#contents_10_04 #id_search_page .provision_form input:checked {
    background: linear-gradient(to top, #F2AB74 0%, #FE9035 100%);
}

#contents_10_04 #id_search_page .provision_form .ckeck_space label {
    padding-bottom: 0;
    padding-top: 0;
    font-size: 20px;
    color: #333;
}

#contents_10_04 #id_search_page .provision_form .check_box.all span {
    float: left;
    font-size: 16px;
    color: #333;
}
#contents_10_04 #id_search_page .btn_center{
    margin-bottom: 20px;
}
#contents_10_04 #id_search_page .btn_normal1{
    display: inline-block;
    padding: 0 30px;
    margin: 0 3px;
    font-size: 17px;
    color: #fff;
    box-sizing: border-box;
    line-height: 44px;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 220px;
    height: 44px;
    background: linear-gradient(to top, #E38151 0%, #F2AB74 100%);
    border-radius: 12px;
    filter: drop-shadow(2px 3px 8px rgba(242,169,114,0.63));
}
#contents_10_04 #id_search_page .btn_normal1:hover{
    background: linear-gradient(to top, #F2AB74 0%, #E38151 100%);
    transition: all 1s;
}
#contents_10_04 #id_search_page .select_style{
    border: 0;
    width: 120px;
    height: 36px;
    margin-top: 5px;
    margin-bottom: 24px;
    margin-right: 8px;
}
#contents_10_04 #id_search_page .select_style select {
    width: 120px;
    height: 36px;
    font-family: inherit;
    padding: 0 10px;
    opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fbfbfb;
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
}
#contents_10_04 #id_search_page .member_cnt .input_sum{
    padding-left:0;
    overflow: inherit;
}
#contents_10_04 #id_search_page .member_cnt .input_sum .confirm_label{
    position: relative;
    top:0;
    left:0;
    font-size:17px;
    float:none;
    color:#333;
    font-weight: bold;
}
#contents_10_04 #id_search_page .member_cnt .input_sum span.dv {
    padding: 5px 9px;
    margin: 0;
    line-height: 36px;
    position: relative;
}
#contents_10_04 #id_search_page .member_cnt .input_sum .input_txt_w1 {
    width: 120px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    line-height: 36px;
    background-color: #fbfbfb;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 24px;
}
#contents_10_04 #id_search_page .member_cnt .input_txt {
    width: 49%;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    line-height: 34px;
    background-color: #fbfbfb;
    border-radius: 10px;
    position: relative;
    margin-right:1%;
    margin-top:  5px;
    margin-bottom:24px;
}
#contents_10_04 #id_search_page .in_inputBox {
    float: left;
    position: relative;
    top: 40px;
    margin: 0 14px;
}
#contents_10_04 #id_search_page .bor_tab{
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
#contents_10_04 #id_search_page .bor_tab li{
    margin: 0;
}
#contents_10_04 #id_search_page .bor_tab li{
    position: relative;
    height: 65px;
    border: 1px solid #717171;
    width: 49%;
    border-radius: 12px;
    line-height: 65px;
    overflow: hidden;
    margin-right: 1%;
}
#contents_10_04 #id_search_page .bor_tab li:hover{
    background: #717171;
}
#contents_10_04 #id_search_page .bor_tab li:hover > a{
    background: #717171;
    color: white;
}
#contents_10_04 #id_search_page .bor_tab li a{
    position: relative;
    padding: 0;
    background: transparent;
    color: #717171;
    font-weight: 700;
    border: 0;
    display:inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#contents_10_04 #id_search_page .bor_tab li.active{
    position: relative;
    height: 65px;
    border: 1px solid #F1A972;
    z-index: 1;
    width: 49%;
    border-radius: 12px;
    line-height: 65px;
}
#contents_10_04 #id_search_page .bor_tab li.active:hover{
    background: transparent;
}
#contents_10_04 #id_search_page .bor_tab li.active a{
    position: relative;
    padding: 0;
    background: transparent;
    color: #F1A972;
    font-weight: bold;
    cursor: unset;
}
#contents_10_04 #id_search_page .input_sum{
    margin:0;
}
#contents_10_04 #id_search_page .btn_searchCheck{
    background: url("https://cheongmac.blob.core.windows.net/btn/btn_member_searchCheck.svg") center center/cover no-repeat;
    width:28px;
    height:28px;
    display: inline-block;
    position: relative;
    top: 8px;
    margin-right: 5px;
}
#contents_10_04 #id_search_page .find_id_box .idBox{
    border-bottom: 0;
}

@media screen and (max-width: 1140px){
    #contents_10_04{
        background:#fdfdfd;
    }
    #contents_10_04 #id_search_page.w_wrap{
        width:100%!important;
        height: auto;
        border-radius: 0;
        top: 0;
        left: 0;
        transform: unset;
        filter: none;
        padding:20px!important;
    }
    #contents_10_04 #id_search_page .content{
        padding:0;
        margin-bottom:100px;
    }
    #contents_10_04 #id_search_page .in_inputBox{
        clear:none!important;
        float:left!important;
    }
    #contents_10_04 #id_search_page .section_title_sub{
        left: 0;
        width: 100%;
        margin: 100px auto 10px;
    }
    #contents_10_04 #id_search_page .provision_form label{
        font-size: 14px;
        line-height: 1;
        margin-top:9px;
    }
    #contents_10_04 #id_search_page .find_id_box fieldset{
        display: block;
    }
    #contents_10_04 #id_search_page .member_cnt .input_sum{
        display: inline-block;
        width: 100%;
    }
    #contents_10_04 #id_search_page .member_cnt .input_sum span.dv{
        width: 36px;
        padding: 5px 10px;
    }
    #contents_10_04 #id_search_page .member_cnt .input_sum .input_txt_w1{
        display: inline-block;
        width: calc(50% - 60px - 4px - 18px);
    }
    #contents_10_04 #id_search_page .member_cnt .input_txt{
        width: 100%;
    }
    #contents_10_04 #id_search_page .select_style select{
        width: 100%;
    }
    #contents_10_04 #id_search_page .btn_normal1{
        width: 100%;
    }
}

/* **************************************** *
 * 12) 비밀번호찾기 스타일
 * **************************************** */
#contents_10_05{
    background:url("https://cheongmac.blob.core.windows.net/common/bg_member_videodetail_cover.png") center center/cover no-repeat;
    width: 100%;
    height: 100%;
}
#contents_10_05 #pass_search_page.w_wrap{
    background:white;
    filter:drop-shadow(7px 7px 7px rgba(00,00,00,0.04));
    border-radius: 43px;
    position:absolute;
    left:50%;
    top:55%;
    transform:translate(-50%,-50%);
    width: 500px!important;
    padding:0!important;
}
#contents_10_05 #pass_search_page .yg_color{
    background: linear-gradient(0deg, #E17C4D 0%, #F2AC75 100%);
}
#contents_10_05 #pass_search_page .yg_color:hover{
    background: linear-gradient(0deg, #F2AC75 0%, #E17C4D 100%);
}
#contents_10_05 #pass_search_page .section_title_sub{
    width: 350px;
    text-align: center;
    margin: 30px auto;
}
#contents_10_05 #pass_search_page .section_title_sub h2.title {
    font-size: 28px;
    text-align: center;
}
#contents_10_05 #pass_search_page .section_title_sub h2.title:before,
#contents_10_05 #pass_search_page .section_title_sub:after {
    background:none;
    background-color: transparent;
}
#contents_10_05 #pass_search_page input[type="checkbox"]::before {
    font-size: 15px;
    color: white;
    transform: scale(1) translate(-50%, -50%);
}
#contents_10_05 #pass_search_page .content{
    padding: 0 50px 50px;
}
#contents_10_05 #pass_search_page .at_tab li {
    background-color: transparent;
    padding: 15px;
    font-size: 20px;
    line-height: 20px;
}
#contents_10_05 #pass_search_page .provision_form input {
    width: 30px;
    height: 28px;
    border-radius: 10px;
    background: #c4c4c4;
    transform: scale(1);
}
#contents_10_05 #pass_search_page .provision_form label {
    margin-top:7px;
}
#contents_10_05 #pass_search_page .provision_form input:checked {
    background: linear-gradient(to top, #F2AB74 0%, #FE9035 100%);
}

#contents_10_05 #pass_search_page .provision_form .ckeck_space label {
    padding-bottom: 0;
    padding-top: 0;
    font-size: 20px;
    color: #333;
}

#contents_10_05 #pass_search_page .provision_form .check_box.all span {
    float: left;
    font-size: 16px;
    color: #333;
}
#contents_10_05 #pass_search_page .btn_center{
    margin-bottom: 20px;
}
#contents_10_05 #pass_search_page .btn_normal1{
    display: inline-block;
    padding: 0 30px;
    margin: 0 3px;
    font-size: 17px;
    color: #fff;
    box-sizing: border-box;
    line-height: 44px;
    border: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    width: 220px;
    height: 44px;
    background: linear-gradient(to top, #E38151 0%, #F2AB74 100%);
    border-radius: 12px;
    filter: drop-shadow(2px 3px 8px rgba(242,169,114,0.63));
}
#contents_10_05 #pass_search_page .btn_normal1:hover{
    background: linear-gradient(to top, #F2AB74 0%, #E38151 100%);
    transition: all 1s;
}
#contents_10_05 #pass_search_page .select_style{
    border: 0;
    width: 120px;
    height: 36px;
    margin-top: 5px;
    margin-bottom: 24px;
    margin-right: 8px;
}
#contents_10_05 #pass_search_page .select_style select {
    width: 120px;
    height: 36px;
    font-family: inherit;
    padding: 0 10px;
    opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fbfbfb;
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
}
#contents_10_05 #pass_search_page .member_cnt .input_sum{
    padding-left:0;
    overflow: inherit;
}
#contents_10_05 #pass_search_page .member_cnt .input_sum .confirm_label{
    position: relative;
    top:0;
    left:0;
    font-size:17px;
    float:none;
    color:#333;
    font-weight: bold;
}
#contents_10_05 #pass_search_page .member_cnt .input_sum span.dv {
    padding: 5px 9px;
    margin: 0;
    line-height: 36px;
    position: relative;
}
#contents_10_05 #pass_search_page .member_cnt .input_sum .input_txt_w1 {
    width: 120px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    line-height: 36px;
    background-color: #fbfbfb;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 24px;
}
#contents_10_05 #pass_search_page .member_cnt .input_txt {
    width: 49%;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    line-height: 34px;
    background-color: #fbfbfb;
    border-radius: 10px;
    position: relative;
    margin-right:1%;
    margin-top:  5px;
    margin-bottom:24px;
}
#contents_10_05 #pass_search_page .in_inputBox {
    float: left;
    position: relative;
    top: 40px;
    margin: 0 14px;
}
#contents_10_05 #pass_search_page .bor_tab{
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
#contents_10_05 #pass_search_page .bor_tab li{
    margin: 0;
}
#contents_10_05 #pass_search_page .bor_tab li{
    position: relative;
    height: 65px;
    border: 1px solid #717171;
    width: 49%;
    border-radius: 12px;
    line-height: 65px;
    overflow: hidden;
    margin-right: 1%;
}
#contents_10_05 #pass_search_page .bor_tab li:hover{
    background: #717171;
}
#contents_10_05 #pass_search_page .bor_tab li:hover > a{
    background: #717171;
    color: white;
}
#contents_10_05 #pass_search_page .bor_tab li a{
    position: relative;
    padding: 0;
    background: transparent;
    color: #717171;
    font-weight: 700;
    border: 0;
    display:inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#contents_10_05 #pass_search_page .bor_tab li.active{
    position: relative;
    height: 65px;
    border: 1px solid #F1A972;
    z-index: 1;
    width: 49%;
    border-radius: 12px;
    line-height: 65px;
}
#contents_10_05 #pass_search_page .bor_tab li.active:hover{
    background: transparent;
}
#contents_10_05 #pass_search_page .bor_tab li.active a{
    position: relative;
    padding: 0;
    background: transparent;
    color: #F1A972;
    font-weight: bold;
    cursor: unset;
}
#contents_10_05 #pass_search_page .input_sum{
    margin:0;
}
#contents_10_05 #pass_search_page .btn_searchCheck{
    background: url("https://cheongmac.blob.core.windows.net/btn/btn_member_searchCheck.svg") center center/cover no-repeat;
    width:28px;
    height:28px;
    display: inline-block;
    position: relative;
    top: 8px;
    margin-right: 5px;
}
#contents_10_05 #pass_search_page .find_id_box .idBox{
    border-bottom: 0;
}

@media screen and (max-width: 1140px){
    #contents_10_05{
        background:#fdfdfd;
    }
    #contents_10_05 #pass_search_page.w_wrap{
        width:100%!important;
        height: auto;
        border-radius: 0;
        top: 0;
        left: 0;
        transform: unset;
        filter: none;
        padding:20px!important;
    }
    #contents_10_05 #pass_search_page .content{
        padding:0;
        margin-bottom:100px;
    }
    #contents_10_05 #pass_search_page .in_inputBox{
        clear:none!important;
        float:left!important;
    }
    #contents_10_05 #pass_search_page .section_title_sub{
        left: 0;
        width: 100%;
        margin: 100px auto 10px;
    }
    #contents_10_05 #pass_search_page .provision_form label{
        font-size: 14px;
        line-height: 1;
        margin-top:9px;
    }
    #contents_10_05 #pass_search_page .find_id_box fieldset{
        display: block;
    }
    #contents_10_05 #pass_search_page .member_cnt .input_sum{
        display: inline-block;
        width: 100%;
    }
    #contents_10_05 #pass_search_page .member_cnt .input_sum span.dv{
        width: 36px;
        padding: 5px 10px;
    }
    #contents_10_05 #pass_search_page .member_cnt .input_sum .input_txt_w1{
        display: inline-block;
        width: calc(50% - 60px - 4px - 18px);
    }
    #contents_10_05 #pass_search_page .member_cnt .input_txt{
        width: 100%;
    }
    #contents_10_05 #pass_search_page .select_style select{
        width: 100%;
    }
    #contents_10_05 #pass_search_page .btn_normal1{
        width: 100%;
    }
}

/* **************************************** *
 * 13) 개인정보취급방침 스타일
 * **************************************** */
#contents_10_10 {
    text-align: center;
}
#contents_10_10 .inner_table{
    border:1px solid #333;
}
#contents_10_10 b{
    font-weight: 700;
}
#contents_10_10 #clinical01{
    margin-bottom: -112px;
}
#contents_10_10 #clinical01 .glay0{
    text-align: left;
    padding: 10px;
}
#contents_10_10 #clinical01 .p_wrap{
    padding: 0;
}
#contents_10_10 #clinical01 .p_wrap_sub{
    padding: 20px;
}
#contents_10_10 #clinical01 .p_title{
    color: #e05f2d;
    font-weight: 700;
}
#contents_10_10 #clinical01 .sub_title{
    color: #DC8D45;
}
#contents_10_10 #clinical01 .sub_title .title_sub{
    color: #DC8D45;
}
#contents_10_10 #clinical01 .focus_bigger p{
    font-size: 22px;
}
#contents_10_10 #clinical01 th, td{
    vertical-align: middle;
    padding: 10px;
    font-size: 16px;
}

@media all and (max-width: 778px) {
    #contents_10_10 table.table-responsive thead th {padding: 5px 3px;  background: #f9f8f8;}
    #contents_10_10 table {overflow-y:auto; font-size: 0.9em; line-height: 1.4; margin-bottom: 5px !important; overflow-wrap:break-word;}
    #contents_10_10 table td, table th { padding: 6px 8px;  }
}

/* **************************************** *
 * 14) 이메일무단수집거부 스타일
 * **************************************** */
#contents_10_11 .page_view_top_image {
    background-color: #DFE0DF;
    position: relative;
    height: 390px;
    margin-bottom: -80px;
}
#contents_10_11 .section_title_sub:after {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #e05f2d;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px;
}
#contents_10_11 .clinical_content p{ text-align: left;}
#contents_10_11 .if_tbl02 {
    font-size: 18px;
    line-height: 1.5;
}
#contents_10_11 .if_tbl02 p strong{
    font-size: 18px;
    color: #DC8D45;
}