/** [OACX-ENT]  Version: v1.5.2208.1 - 2022-12-20 9:38:02 AM  **/ 

html {
	font-size: 62.5%
}	


@media screen and (max-width:640px) {
    #oacx-demo-main .demo-home-logo img{ width: 70px !important; }
    #oacx-demo-main .demo-home-logo h3{ 
        font-size: 15px !important;
        left: 10px !important;
        letter-spacing: -1px;
    }
    #oacx-demo-main .demo-story h6{
        text-align: center;
    }
    #oacx-demo-main .demo-story {
        text-align: center;
        padding: 30px 40px !important;
    }
    #oacx-demo-main .auth-content{
        padding: 20px;
    }
    #oacx-demo-main .log-header ul li a{
        font-size: 13px !important;
    }
    #oacx-demo-main .demo-sign-data{
        width: 100% !important;
    }
    #oacx-demo-main  .demo-main-header{
        position: fixed;
        border-bottom: 15px solid #ddd !important;
        height: 80px !important;
    }
    #oacx-demo-main .demo-main-contents{
        width: 100% !important;
        padding: 20px;
        margin-top: -20px !important;
    }
    #oacx-demo-main .demo-header ul li a{
        font-size: 14px !important;
        height: 45px !important;
    }
    #oacx-demo-main .demo-btn-span{
        font-size: 11px !important;
    }
    #oacx-demo-main .demo-popup{
        margin-top: 60px !important;
    }
    #oacx-demo-main  .btn{
        font-size: 20px !important;
    }
    #oacx-demo-main  button.demo-btn{
        padding: 15px 25px !important;
        width: 100% !important;
    }
    #oacx-demo-main .demo-contents{
        height: 200px !important;
    }
    #oacx-demo-main .demo-tab1{
        top: 50px !important
    }
    #oacx-demo-main .demo-tab2{
        top: 15px !important
    }

    #oacx-demo-main #confirmPopup .alert.other{
        left: calc(50% - 161px) !important;
        width: 320px !important;
    }
}



@media only screen and (orientation: landscape) {

    @media screen and (max-width:1024px) and (max-height:420px){
        #oacx-demo-main .demo-contents{
            height: 180px !important;
        }
        #oacx-demo-main .demo-tab1{
            top: 30px !important;
        }
        #oacx-demo-main .demo-tab2{
            top: 0px !important;
        }
        #oacx-demo-main .demo-popup{
            margin-top: 10px !important;
            justify-content:normal !important;
        }
    }
}
#oacx-demo-main ul, #oacx-demo-main li, #oacx-demo-main ol { list-style-type: none;  margin: 0; padding: 0; border: none 0; }

#oacx-demo-main .table-bordered {
    border: 1px solid #dee2e6;
}
#oacx-demo-main .table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
#oacx-demo-main table {
    border-collapse: collapse;
}
#oacx-demo-main .table-bordered th, #oacx-demo-main .table-bordered td {
    border: 1px solid #dee2e6;
}
#oacx-demo-main .table th, #oacx-demo-main .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    word-break: break-all;
}

#oacx-demo-main .demo-sign-data{
    display: flex;
    width: 436px;
    margin: auto;
}
#oacx-demo-main .demo-sign-data label{
    font-size: 14px;
    width: 91px;
    font-weight: 600;
    margin-right: 5px;
    text-align: left;
    white-space: pre;
}
#oacx-demo-main button.demo-btn{
    width: 436px;
    font-size: 23px;font-weight: bold;padding: 15px 40px;
    background-color: #128fb1;border-color: #128fb1;
}

#oacx-demo-main .demo-home-btn{
    border-radius: 5px;
    width: 100%;
    font-size: 18px !important;    
    padding: 7px 15px !important;
    margin-bottom: 10px;
}
#oacx-demo-main .demo-story{
    padding:20px 30px 30px 0;
    height:100%
}
#oacx-demo-main .demo-story p{
    font-weight:400;
    font-size: 15px;
}
#oacx-demo-main .demo-story-header{
    font-weight:600;
    font-size:20px;
    border-bottom:1px solid #ddd;
    padding-bottom:12px;
    margin-bottom:10px
}
#oacx-demo-main .demo-auth-layout-wrap {
    display: flex; 
    flex-direction: column; 
    justify-content: center;
    align-items: center; 
    height: 100%; 
    background-size: cover;
    letter-spacing: .3px;
    line-height: 1.6;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    font-family: "Nunito",sans-serif;
    font-size: .813rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0b192b;
    text-align: left;
}
#oacx-demo-main .home-box{
    margin-top: 35px;
}
#oacx-demo-main .logo-box{
    text-align: center;
}
#oacx-demo-main .logo-box img{
    width: 120px;
}
#oacx-demo-main .demo-popup{
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    margin-top: -70px;
}

#oacx-demo-main .demo-home-logo img{width: 100px; margin: 0px 0px 5px 26px;}
#oacx-demo-main .demo-home-logo h3{display: inline-block;position: relative;top: -10px; left: 50px;font-size: 22px;}
#oacx-demo-main, #oacx-demo-main #oacx-demo-content{overflow: hidden; height: 100%;}
#oacx-demo-main .btn {
    display: inline-block; font-weight: 400; text-align: center;
    white-space: nowrap; vertical-align: middle; user-select: none;
    border: 1px solid transparent; padding: 0.375rem 0.75rem; 
    font-size: 0.813rem; line-height: 1.5; border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#oacx-demo-main .btn-primary:hover { background: #003473;box-shadow: 0 8px 25px -8px #003473;border-color: #003473;}
#oacx-demo-main .btn-primary {color: #fff; background-color: #003473; border-color: #003473;}
#oacx-demo-main .demo-main-header {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    border-bottom: 25px solid #ddd;
    z-index: 100;
}
#oacx-demo-main .demo-main-contents{
    width: 700px; text-align: center; 
}
#oacx-demo-main .demo-header ul{
    font-size: 17px;
    display: inline-flex;
    width: 100%;
}
#oacx-demo-main .demo-header ul li{
    width: 100%;
}
#oacx-demo-main .demo-header ul li:first-child a{
  border-top-left-radius: 4px !important;
}
#oacx-demo-main .demo-header ul li:last-child a{
  border-top-right-radius: 4px !important;
}
#oacx-demo-main .demo-header ul li a, #oacx-demo-main .log-header ul li a{
    text-align: center;
    background: #878787;
    color: #fff;
    font-weight: 700;
    display: block;
    margin: 1px;
    margin-bottom: 0;
    height: 49px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-top: 11px;
    cursor: pointer;
}
#oacx-demo-main .demo-header{
    border-top: 2px solid;
    border-left: 2px solid;
    border-right: 2px solid;
    border-radius: 6px 6px 0px 0px;
    padding: 0px;
    border-color: #128fb1;
}
#oacx-demo-main .demo-contents{
    height: 300px;
    padding: 10px;
    border-bottom: 2px solid #128fb1;
}
#oacx-demo-main .demo-select, .log-select{
    background-color: #128fb1 !important;
    border-color: #128fb1 !important;
}
#oacx-demo-main .demo-btn-span{
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin-top: 5px;
}
#oacx-demo-main .demo-cst-content{
    position: relative;
}
#oacx-demo-main .demo-tab1{
    top: 90px;
}
#oacx-demo-main .demo-tab2{
    top: 50px;
}
#oacx-demo-main .demo-tab3{
    top: 90px;
}
#oacx-demo-main .demo-input{
    width: 100%;
    margin: auto;
    margin-bottom: 17px;
    height: 41px;
    line-height: 38px !important;
    padding: 0 14px;
    border: 1px solid #bcc5ce;
    border-radius: 5px;
    background: #fbfbfb;
    font-size: 14px;
}
#oacx-demo-main .demo-footer{
    overflow: auto;
    word-break: break-word;
    max-height: 300px;
    padding: 10px 5px;    
}
#oacx-demo-main .demo-history-row{
    margin-bottom: 5px;
    font-size: 12px;
}

#oacx-demo-main .hang-logo{
    width: 100%;
}

#oacx-demo-main .log-header {
    border-top: 2px solid;
    border-left: 2px solid;
    border-right: 2px solid;
    border-radius: 6px 6px 0px 0px;
    padding: 0px;
    border-color: #128fb1;
}
#oacx-demo-main .log-header ul {
    font-size: 14px;
    display: inline-flex;
    width: 100%;
}
#oacx-demo-main .log-header ul li{
    width: 100%;
}
#oacx-demo-main .log-header ul li a {
    text-align: center;
    background: #878787;
    color: #fff;
    font-weight: 700;
    display: block;
    margin: 1px;
    margin-bottom: 0;
    height: 35px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-top: 8px;
    cursor: pointer;
}
#oacxEmbededContents{
    display: block; position: absolute; border: 0px; 
    padding: 0px; overflow: hidden; left: 50%;
    top: 50%; transform: translate(-50%, -50%); z-index: 110;
}
#oacxEmbededContents-m{
    display: block; position: absolute; border: 0px; 
    padding: 0px; overflow: hidden; left: 50%;
    top: 50%; transform: translate(-50%, -50%); z-index: 110;
}
#bgScrn{
    width: 100%;  height: 100vh;  top: 50%; left: 50%; position: absolute; z-index: 105; transform: translate(-50%, -50%); 
    background: rgb(31, 31, 31); opacity: 0.55; visibility: visible;
}

#oacxEmbededContents [data-id='oacx_num2'] {-webkit-text-security:disc;}

#oacxEmbededContents input[type="number"]::-webkit-outer-spin-button, 
#oacxEmbededContents input[type="number"]::-webkit-inner-spin-button {
     -webkit-appearance: none; 
     -moz-appearance: none; 
     appearance: none; 
} 
/* 파이어폭스에서의 초기화 방법 */ 
#oacxEmbededContents input[type=number] { -moz-appearance: textfield; }

#oacxEmbededContents input:-ms-input-placeholder { 
    color: rgba(55, 59, 64, 0.3);
    font-size: 16px !important;
}
#oacxEmbededContents input::placeholder { 
    color: rgba(55, 59, 64, 0.3);
    font-size: 16px !important;
}

@media screen and (max-width:640px) {
    #oacxEmbededContents .input li label[for=name]{
        width: 100px;
    }
}

/* 닫기 아이콘 버튼 */
#oacxEmbededContents .btn-close{
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIZSURBVHgB7dvhbcIwEAXgSzIARSwQJBboBqET9GfHYSQmgIzABmQEFoD0DqWVhRpcX2L7JN4nRSKA5PMjJGA7RAAAAAAAAJBaRQqbzaZZLpfNYrG4CDKsruu31Wr1pa21oEDcYF2W5XnY7W6327ZjZJDUWhTFkbda9odaWwpQUrjGrYHDOkohZMxjOKKqqpoCaQLa933fOfvmQvorHNZdr9eWAgUHxIfohQPaWg1pLBztqSD4HBSrkDnEqEkdUKyCrNUyKSAiGyHFrGFyQCJnSLHbniUgkSOkFG3OFpBIGVKqtmYNSKQoPOUHMXtAImYHUn+VowQkYnQkx3kuWkBizg7lulJGDUjM0bGcPyOiBySmdDBnOCJJQELT0dzhiGQBiZAOWwhHJA1I/KfjVsIRyQMSzwKQB1bCuddCmYyFxANxZCUckS0gMRKSK/ukQNaAxJOQTMyYaAbtXwq+Yh7ZjqAnJ+nOfVvu2RJc5j3wQ9EDfzU88GfVA8MdHhgw88CQqwcG7T0w7eOBiUMPTD17YPGCB5a/eGABlcdLLMHjl7q2bUlDPR5kKZx7w2xs9S2/tG6ahjRUAVkL57eA8ZAOEtJut6NQqlsRLIbjGmo88LZ2npYa37nEoPs1VLciWA5HDEfSB29n5+m6qqpPCqQJqHMfWwvnx0NIvWyaWxFUV7FhEL3hbR96yKbm1HriWk8EAAAAAAAA5n0DujIPmctdT6cAAAAASUVORK5CYII=) !important;
    background-size: 3rem !important;
    width: 3rem;
    height: 3rem;
    right: 0.3rem;
    top: 2px;
    font-size: 0 !important;
}

#oacxEmbededContents input[type=password]::-ms-reveal, #oacxEmbededContents input[type=password]::-ms-clear {
    display: none;
}
#oacxEmbededContents a[target="_blank"]{
    cursor: pointer;
}


@charset "utf-8";


/*Reset*/
/* {box-sizing: border-box;}*/
.oacxHtml, .oacxHtml body, #oacxEmbededContents div, #oacxEmbededContents span, #oacxEmbededContents object, #oacxEmbededContents iframe, #oacxEmbededContents h1, #oacxEmbededContents h2, #oacxEmbededContents h3, #oacxEmbededContents h4, #oacxEmbededContents h5, #oacxEmbededContents h6, #oacxEmbededContents p, #oacxEmbededContents blockquote, #oacxEmbededContents pre, #oacxEmbededContents a, 
#oacxEmbededContents abbr, #oacxEmbededContents address, #oacxEmbededContents big, #oacxEmbededContents cite, #oacxEmbededContents code, #oacxEmbededContents del, #oacxEmbededContents dfn, #oacxEmbededContents em, #oacxEmbededContents font, #oacxEmbededContents img, #oacxEmbededContents ins,q, #oacxEmbededContents s, #oacxEmbededContents samp, #oacxEmbededContents small, #oacxEmbededContents strike, 
#oacxEmbededContents strong, #oacxEmbededContents sub, #oacxEmbededContents sup, #oacxEmbededContents tt, #oacxEmbededContents var, #oacxEmbededContents b,#oacxEmbededContents u, #oacxEmbededContents i, #oacxEmbededContents dl, #oacxEmbededContents dt, #oacxEmbededContents dd, #oacxEmbededContents ol, #oacxEmbededContents ul, #oacxEmbededContents li, #oacxEmbededContents fieldset, #oacxEmbededContents form, #oacxEmbededContents label, #oacxEmbededContents legend, 
#oacxEmbededContents table, #oacxEmbededContents caption, #oacxEmbededContents tbody, #oacxEmbededContents tfoot, #oacxEmbededContents thead, #oacxEmbededContents tr, #oacxEmbededContents th, #oacxEmbededContents td { margin: 0; padding: 0; border: none 0; }

#oacxEmbededContents-m div, #oacxEmbededContents-m span, #oacxEmbededContents-m object, #oacxEmbededContents-m iframe, #oacxEmbededContents-m h1, #oacxEmbededContents-m h2, #oacxEmbededContents-m h3, #oacxEmbededContents-m h4, #oacxEmbededContents-m h5, #oacxEmbededContents-m h6, #oacxEmbededContents-m p, #oacxEmbededContents-m blockquote, #oacxEmbededContents-m pre, #oacxEmbededContents-m a, 
#oacxEmbededContents-m abbr, #oacxEmbededContents-m address, #oacxEmbededContents-m big, #oacxEmbededContents-m cite, #oacxEmbededContents-m code, #oacxEmbededContents-m del, #oacxEmbededContent-m dfn, #oacxEmbededContents-m em, #oacxEmbededContents-m font, #oacxEmbededContents-m img, #oacxEmbededContents-m ins,q, #oacxEmbededContents-m s, #oacxEmbededContents-m samp, #oacxEmbededContents-m small, #oacxEmbededContents-m strike, 
#oacxEmbededContents-m strong, #oacxEmbededContents-m sub, #oacxEmbededContents-m sup, #oacxEmbededContents-m tt, #oacxEmbededContents-m var, #oacxEmbededContents-m b,#oacxEmbededContents-m u, #oacxEmbededContents-m i, #oacxEmbededContents-m dl, #oacxEmbededContents-m dt, #oacxEmbededContents-m dd, #oacxEmbededContents-m ol, #oacxEmbededContents-m ul, #oacxEmbededContents-m li, #oacxEmbededContents-m fieldset, #oacxEmbededContents-m form, #oacxEmbededContents-m label, #oacxEmbededContents-m legend, 
#oacxEmbededContents-m table, #oacxEmbededContents-m caption, #oacxEmbededContents-m tbody, #oacxEmbededContents-m tfoot, #oacxEmbededContents-m thead, #oacxEmbededContents-m tr, #oacxEmbededContents-m th, #oacxEmbededContents-m td { margin: 0; padding: 0; border: none 0; }


*.oacxHtml{height:1px;} /* 크롬용 기본 1px 조절해주기 */
.oacxHtml, .oacxHtml body { width:100%; height:100%; }
.oacxHtml body #oacxEmbededContents input, .oacxHtml #oacxEmbededContents button, .oacxHtml #oacxEmbededContents textarea { font-size:10pt; line-height:1.5em; font-family:'Noto Sans KR', sans-serif; color:#4d4d4d; }
#oacxEmbededContents button {border:0; background:none; outline: none; cursor:pointer;}
#oacxEmbededContents h1, #oacxEmbededContents h2, #oacxEmbededContents h3, #oacxEmbededContents h4, #oacxEmbededContents h5, #oacxEmbededContents h6 { text-align: left; }
#oacxEmbededContents img, #oacxEmbededContents fieldset, #oacxEmbededContents iframe { border:0 none;}
#oacxEmbededContents input {appearance: none; border-radius: 0;}
#oacxEmbededContents table, #oacxEmbededContents div { border-collapse: collapse;}
#oacxEmbededContents select, #oacxEmbededContents textarea { border: 1px solid #B7B6B6; background: #FFFFFF; color: #000000; font-size: 12px; vertical-align: top; }
#oacxEmbededContents textarea { overflow: auto; }
#oacxEmbededContents select, #oacxEmbededContents input, #oacxEmbededContents img, #oacxEmbededContents li { vertical-align: middle; text-align:left; }
#oacxEmbededContents address, #oacxEmbededContents caption, #oacxEmbededContents cite, #oacxEmbededContents code, #oacxEmbededContents dfn, #oacxEmbededContents em, #oacxEmbededContents strong, #oacxEmbededContents th, #oacxEmbededContents var { font-style : normal; font-weight : normal; }

#oacxEmbededContents ul, #oacxEmbededContents li, #oacxEmbededContents ol { list-style-type: none;}

#oacxEmbededContents ul{font-size:0px; overflow: hidden;} /* 픽셀차이 잡아주기 */
#oacxEmbededContents-m ul{font-size:0px; overflow: hidden;} /* 픽셀차이 잡아주기 */
#oacxEmbededContents legend, #oacxEmbededContents caption { display: none; }
#oacxEmbededContents hr { border-collapse: collapse; display: none; }
#oacxEmbededContents strong{font-weight: bold;}

#oacxEmbededContents input::placeholder, #oacxEmbededContents textarea::placeholder {
  color:#cccccc;
}

#oacxEmbededContents *{box-sizing: border-box;}

#oacxEmbededContents a {text-decoration:none;}

/*hidden*/
#oacxEmbededContents  #accessibility,.skipnavi { position: absolute ; width: 0px; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; visibility: hidden; text-indent: -1000px; }
#oacxEmbededContents .hidden {display:none;}
 
/*align*/
#oacxEmbededContents .t_left{text-align:left;}
#oacxEmbededContents .t_center{text-align:center;}
#oacxEmbededContents .t_right{text-align:right;}

/* float */
#oacxEmbededContents .f_left {float:left !important;} 
#oacxEmbededContents .f_right {float:right !important;}  
#oacxEmbededContents .f_clear {clear:both} 
#oacxEmbededContents .o_hidden {overflow:hidden;}
#oacxEmbededContents .clear {overflow:hidden; clear:both}

/* none 시리즈 속성 정의 */
#oacxEmbededContents .none_bor {border:none !important;}
#oacxEmbededContents .none_bg {background:none !important;}
#oacxEmbededContents .none_dp {display:none !important;}
#oacxEmbededContents .none_ma {margin:0px !important;}
#oacxEmbededContents .none_pa {padding:0px !important;}
#oacxEmbededContents .none_clear {clear:both  !important;}
#oacxEmbededContents .none_pb {border:none !important; padding:0px !important;}

/* display */
#oacxEmbededContents .block_dp {display:block}

/* 공통패딩 */
#oacxEmbededContents .pt5{padding-top:5px;} 
#oacxEmbededContents .pt10{padding-top:10px;} 
#oacxEmbededContents .pt15{padding-top:15px;} 
#oacxEmbededContents .pt20{padding-top:20px;} 
#oacxEmbededContents .pt25{padding-top:25px;} 
#oacxEmbededContents .pt30{padding-top:30px;} 
#oacxEmbededContents .pt35{padding-top:35px;} 
#oacxEmbededContents .pt40{padding-top:40px;} 
#oacxEmbededContents .pt50{padding-top:50px;} 
#oacxEmbededContents .pt60{padding-top:60px;}

#oacxEmbededContents .pb5{padding-bottom:5px;} 
#oacxEmbededContents .pb10{padding-bottom:10px;} 
#oacxEmbededContents .pb15{padding-bottom:15px;} 
#oacxEmbededContents .pb20{padding-bottom:20px;} 
#oacxEmbededContents .pb25{padding-bottom:25px;} 
#oacxEmbededContents .pb30{padding-bottom:30px;} 
#oacxEmbededContents .pb35{padding-bottom:35px;}
#oacxEmbededContents .pb40{padding-bottom:40px;} 
#oacxEmbededContents .pb50{padding-bottom:50px;} 
#oacxEmbededContents .pb60{padding-bottom:60px;}

#oacxEmbededContents .pl5{padding-left:5px;} 
#oacxEmbededContents .pl10{padding-left:10px;} 
#oacxEmbededContents .pl15{padding-left:15px;} 
#oacxEmbededContents .pl20{padding-left:20px;} 
#oacxEmbededContents .pl25{padding-left:25px;} 
#oacxEmbededContents .pl30{padding-left:30px;} 
#oacxEmbededContents .pl35{padding-left:35px;} 
#oacxEmbededContents .pl40{padding-left:40px;}

#oacxEmbededContents .pr5{padding-right:5px;} 
#oacxEmbededContents .pr10{padding-right:10px;} 
#oacxEmbededContents .pr15{padding-right:15px;} 
#oacxEmbededContents .pr20{padding-right:20px;} 
#oacxEmbededContents .pr25{padding-right:25px;} 
#oacxEmbededContents .pr30{padding-right:30px;} 
#oacxEmbededContents .pr35{padding-right:35px;}
#oacxEmbededContents .pr40{padding-right:40px;}

#oacxEmbededContents .padd5{padding:5px;} 
#oacxEmbededContents .padd10{padding:10px;} 
#oacxEmbededContents .padd15{padding:15px;} 
#oacxEmbededContents .padd20{padding:20px;} 
#oacxEmbededContents .padd25{padding:25px;} 
#oacxEmbededContents .padd30{padding:30px;}
#oacxEmbededContents .padd35{padding:35px;} 
#oacxEmbededContents .padd40{padding:40px;}
 
/* 공통마진 */
#oacxEmbededContents .mt5{margin-top:5px;} 
#oacxEmbededContents .mt10{margin-top:10px;} 
#oacxEmbededContents .mt15{margin-top:15px;} 
#oacxEmbededContents .mt20{margin-top:20px;} 
#oacxEmbededContents .mt25{margin-top:25px;} 
#oacxEmbededContents .mt30{margin-top:30px;}
#oacxEmbededContents .mt35{margin-top:35px;}
#oacxEmbededContents .mt40{margin-top:40px;}
#oacxEmbededContents .mt50{margin-top:50px;}
#oacxEmbededContents .mt60{margin-top:60px;}

#oacxEmbededContents .mb5{margin-bottom:5px;} 
#oacxEmbededContents .mb10{margin-bottom:10px;} 
#oacxEmbededContents .mb15{margin-bottom:15px;} 
#oacxEmbededContents .mb20{margin-bottom:20px;} 
#oacxEmbededContents .mb25{margin-bottom:25px;} 
#oacxEmbededContents .mb30{margin-bottom:30px;} 
#oacxEmbededContents .mb35{margin-bottom:35px;} 
#oacxEmbededContents .mb40{margin-bottom:40px;}
#oacxEmbededContents .mb50{margin-bottom:50px;}
#oacxEmbededContents .mb60{margin-bottom:60px;}

#oacxEmbededContents .ml5{margin-left:5px;} 
#oacxEmbededContents .ml10{margin-left:10px;} 
#oacxEmbededContents .ml15{margin-left:15px;} 
#oacxEmbededContents .ml20{margin-left:20px;} 
#oacxEmbededContents .ml25{margin-left:25px;} 
#oacxEmbededContents .ml30{margin-left:30px;} 
#oacxEmbededContents .ml35{margin-left:35px;} 
#oacxEmbededContents .ml40{margin-left:40px;}

#oacxEmbededContents .mr5{margin-right:5px;} 
#oacxEmbededContents .mr10{margin-right:10px;} 
#oacxEmbededContents .mr15{margin-right:15px;} 
#oacxEmbededContents .mr20{margin-right:20px;} 
#oacxEmbededContents .mr25{margin-right:25px;} 
#oacxEmbededContents .mr30{margin-right:30px;} 
#oacxEmbededContents .mr35{margin-right:35px;} 
#oacxEmbededContents .mr40{margin-right:40px;}
#oacxEmbededContents .mr50{margin-right:50px;}
#oacxEmbededContents .mr60{margin-right:60px;}

#oacxEmbededContents .margin5{margin:5px;}
#oacxEmbededContents .margin10{margin:10px;} 
#oacxEmbededContents .margin15{margin:15px;} 
#oacxEmbededContents .margin20{margin:20px;} 
#oacxEmbededContents .margin25{margin:25px;} 
#oacxEmbededContents .margin30{margin:30px;} 
#oacxEmbededContents .margin35{margin:35px;}


/* font style 시리즈 속성 정의 */
#oacxEmbededContents .bold {font-weight:bold !important;}
#oacxEmbededContents .underline { text-decoration:underline !important; }



/* 모바일 공통*/
.oacxHtml body #oacxEmbededContents-m input, .oacxHtml #oacxEmbededContents-m button, .oacxHtml #oacxEmbededContents-m textarea { font-size:10pt; line-height:1.5em; font-family:'Noto Sans KR', sans-serif; color:#4d4d4d; }
#oacxEmbededContents-m button {border:0; background:none; outline: none; cursor:pointer;}
#oacxEmbededContents-m h1, #oacxEmbededContents-m h2, #oacxEmbededContents-m h3, #oacxEmbededContents-m h4, #oacxEmbededContents-m h5, #oacxEmbededContents-m h6 { text-align: left; }
#oacxEmbededContents-m img, #oacxEmbededContents-m fieldset, #oacxEmbededContents-m iframe { border:0 none;}
#oacxEmbededContents-m input {appearance: none; border-radius: 0;}
#oacxEmbededContents-m table, #oacxEmbededContents-m div { border-collapse: collapse;}
#oacxEmbededContents-m select, #oacxEmbededContents-m textarea { border: 1px solid #B7B6B6; background: #FFFFFF; color: #000000; font-size: 12px; vertical-align: top; }
#oacxEmbededContents-m textarea { overflow: auto; }
#oacxEmbededContents-m select, #oacxEmbededContents-m input, #oacxEmbededContents-m img, #oacxEmbededContents-m li { vertical-align: middle; text-align:left; }
#oacxEmbededContents-m address, #oacxEmbededContents-m caption, #oacxEmbededContents-m cite, #oacxEmbededContents-m code, #oacxEmbededContents-m dfn, #oacxEmbededContents-m em, #oacxEmbededContents-m strong, #oacxEmbededContents-m th, #oacxEmbededContents-m var { font-style : normal; font-weight : normal; }

#oacxEmbededContents-m ul, #oacxEmbededContents-m li, #oacxEmbededContents-m ol { list-style-type: none;}

#oacxEmbededContents-m ul{font-size:0px; overflow: hidden;} /* 픽셀차이 잡아주기 */
#oacxEmbededContents-m-m ul{font-size:0px; overflow: hidden;} /* 픽셀차이 잡아주기 */
#oacxEmbededContents-m legend, #oacxEmbededContents-m caption { display: none; }
#oacxEmbededContents-m hr { border-collapse: collapse; display: none; }
#oacxEmbededContents-m strong{font-weight: bold;}

#oacxEmbededContents-m input::placeholder, #oacxEmbededContents-m textarea::placeholder {
  color:#cccccc;
}

#oacxEmbededContents-m *{box-sizing: border-box;}

#oacxEmbededContents-m a {text-decoration:none;}

/*hidden*/
#oacxEmbededContents-m  #accessibility,.skipnavi { position: absolute ; width: 0px; height: 0px; font-size: 0px; line-height: 0px; overflow: hidden; visibility: hidden; text-indent: -1000px; }
#oacxEmbededContents-m .hidden {display:none;}
 
/*align*/
#oacxEmbededContents-m .t_left{text-align:left;}
#oacxEmbededContents-m .t_center{text-align:center;}
#oacxEmbededContents-m .t_right{text-align:right;}

/* float */
#oacxEmbededContents-m .f_left {float:left !important;} 
#oacxEmbededContents-m .f_right {float:right !important;}  
#oacxEmbededContents-m .f_clear {clear:both} 
#oacxEmbededContents-m .o_hidden {overflow:hidden;}
#oacxEmbededContents-m .clear {overflow:hidden; clear:both}

/* none 시리즈 속성 정의 */
#oacxEmbededContents-m .none_bor {border:none !important;}
#oacxEmbededContents-m .none_bg {background:none !important;}
#oacxEmbededContents-m .none_dp {display:none !important;}
#oacxEmbededContents-m .none_ma {margin:0px !important;}
#oacxEmbededContents-m .none_pa {padding:0px !important;}
#oacxEmbededContents-m .none_clear {clear:both  !important;}
#oacxEmbededContents-m .none_pb {border:none !important; padding:0px !important;}

/* display */
#oacxEmbededContents-m .block_dp {display:block}

/* 공통패딩 */
#oacxEmbededContents-m .pt5{padding-top:5px;} 
#oacxEmbededContents-m .pt10{padding-top:10px;} 
#oacxEmbededContents-m .pt15{padding-top:15px;} 
#oacxEmbededContents-m .pt20{padding-top:20px;} 
#oacxEmbededContents-m .pt25{padding-top:25px;} 
#oacxEmbededContents-m .pt30{padding-top:30px;} 
#oacxEmbededContents-m .pt35{padding-top:35px;} 
#oacxEmbededContents-m .pt40{padding-top:40px;} 
#oacxEmbededContents-m .pt50{padding-top:50px;} 
#oacxEmbededContents-m .pt60{padding-top:60px;}

#oacxEmbededContents-m .pb5{padding-bottom:5px;} 
#oacxEmbededContents-m .pb10{padding-bottom:10px;} 
#oacxEmbededContents-m .pb15{padding-bottom:15px;} 
#oacxEmbededContents-m .pb20{padding-bottom:20px;} 
#oacxEmbededContents-m .pb25{padding-bottom:25px;} 
#oacxEmbededContents-m .pb30{padding-bottom:30px;} 
#oacxEmbededContents-m .pb35{padding-bottom:35px;}
#oacxEmbededContents-m .pb40{padding-bottom:40px;} 
#oacxEmbededContents-m .pb50{padding-bottom:50px;} 
#oacxEmbededContents-m .pb60{padding-bottom:60px;}

#oacxEmbededContents-m .pl5{padding-left:5px;} 
#oacxEmbededContents-m .pl10{padding-left:10px;} 
#oacxEmbededContents-m .pl15{padding-left:15px;} 
#oacxEmbededContents-m .pl20{padding-left:20px;} 
#oacxEmbededContents-m .pl25{padding-left:25px;} 
#oacxEmbededContents-m .pl30{padding-left:30px;} 
#oacxEmbededContents-m .pl35{padding-left:35px;} 
#oacxEmbededContents-m .pl40{padding-left:40px;}

#oacxEmbededContents-m .pr5{padding-right:5px;} 
#oacxEmbededContents-m .pr10{padding-right:10px;} 
#oacxEmbededContents-m .pr15{padding-right:15px;} 
#oacxEmbededContents-m .pr20{padding-right:20px;} 
#oacxEmbededContents-m .pr25{padding-right:25px;} 
#oacxEmbededContents-m .pr30{padding-right:30px;} 
#oacxEmbededContents-m .pr35{padding-right:35px;}
#oacxEmbededContents-m .pr40{padding-right:40px;}

#oacxEmbededContents-m .padd5{padding:5px;} 
#oacxEmbededContents-m .padd10{padding:10px;} 
#oacxEmbededContents-m .padd15{padding:15px;} 
#oacxEmbededContents-m .padd20{padding:20px;} 
#oacxEmbededContents-m .padd25{padding:25px;} 
#oacxEmbededContents-m .padd30{padding:30px;}
#oacxEmbededContents-m .padd35{padding:35px;} 
#oacxEmbededContents-m .padd40{padding:40px;}
 
/* 공통마진 */
#oacxEmbededContents-m .mt5{margin-top:5px;} 
#oacxEmbededContents-m .mt10{margin-top:10px;} 
#oacxEmbededContents-m .mt15{margin-top:15px;} 
#oacxEmbededContents-m .mt20{margin-top:20px;} 
#oacxEmbededContents-m .mt25{margin-top:25px;} 
#oacxEmbededContents-m .mt30{margin-top:30px;}
#oacxEmbededContents-m .mt35{margin-top:35px;}
#oacxEmbededContents-m .mt40{margin-top:40px;}
#oacxEmbededContents-m .mt50{margin-top:50px;}
#oacxEmbededContents-m .mt60{margin-top:60px;}

#oacxEmbededContents-m .mb5{margin-bottom:5px;} 
#oacxEmbededContents-m .mb10{margin-bottom:10px;} 
#oacxEmbededContents-m .mb15{margin-bottom:15px;} 
#oacxEmbededContents-m .mb20{margin-bottom:20px;} 
#oacxEmbededContents-m .mb25{margin-bottom:25px;} 
#oacxEmbededContents-m .mb30{margin-bottom:30px;} 
#oacxEmbededContents-m .mb35{margin-bottom:35px;} 
#oacxEmbededContents-m .mb40{margin-bottom:40px;}
#oacxEmbededContents-m .mb50{margin-bottom:50px;}
#oacxEmbededContents-m .mb60{margin-bottom:60px;}

#oacxEmbededContents-m .ml5{margin-left:5px;} 
#oacxEmbededContents-m .ml10{margin-left:10px;} 
#oacxEmbededContents-m .ml15{margin-left:15px;} 
#oacxEmbededContents-m .ml20{margin-left:20px;} 
#oacxEmbededContents-m .ml25{margin-left:25px;} 
#oacxEmbededContents-m .ml30{margin-left:30px;} 
#oacxEmbededContents-m .ml35{margin-left:35px;} 
#oacxEmbededContents-m .ml40{margin-left:40px;}

#oacxEmbededContents-m .mr5{margin-right:5px;} 
#oacxEmbededContents-m .mr10{margin-right:10px;} 
#oacxEmbededContents-m .mr15{margin-right:15px;} 
#oacxEmbededContents-m .mr20{margin-right:20px;} 
#oacxEmbededContents-m .mr25{margin-right:25px;} 
#oacxEmbededContents-m .mr30{margin-right:30px;} 
#oacxEmbededContents-m .mr35{margin-right:35px;} 
#oacxEmbededContents-m .mr40{margin-right:40px;}
#oacxEmbededContents-m .mr50{margin-right:50px;}
#oacxEmbededContents-m .mr60{margin-right:60px;}

#oacxEmbededContents-m .margin5{margin:5px;}
#oacxEmbededContents-m .margin10{margin:10px;} 
#oacxEmbededContents-m .margin15{margin:15px;} 
#oacxEmbededContents-m .margin20{margin:20px;} 
#oacxEmbededContents-m .margin25{margin:25px;} 
#oacxEmbededContents-m .margin30{margin:30px;} 
#oacxEmbededContents-m .margin35{margin:35px;}


/* font style 시리즈 속성 정의 */
#oacxEmbededContents-m .bold {font-weight:bold !important;}
#oacxEmbededContents-m .underline { text-decoration:underline !important; }
@charset "utf-8";

:root{
    --main-color: #5459C3;
    /*서비스 선택 리스트 default 컬러*/
    --main-rgba: rgba(84, 89, 195, 0.08); 
    /* 체크박스 이미지 컬러 변경 https://codepen.io/sosuke/pen/Pjoqqp 참고 */
    --main-filter: invert(35%) sepia(92%) saturate(798%) hue-rotate(209deg) brightness(83%) contrast(84%);
}

#oacxDiv{
	position: fixed;
	width: 100%;
	left: 0;
	top: 50%;
	/* top: 0; */
	/* bottom: 0; */
	
	z-index: 10000;
}

html.oacxHtml, .oacxHtml body{font-size:62.5%;}/*62.5% 일때 1em은 10px이다*/
.oacxHtml body{font-family: '맑은 고딕', 'malgun gothic', dotum, '돋움', gulim, '굴림', Arial, sans-serif; letter-spacing:-0.05rem; color: #373B40;}/*20210325 시스템 폰트 반영*/

#oacxEmbededContents *{outline-style: none;}

/* radio */
#oacxEmbededContents input[type='radio'] { content: ' '; display: inline-block; width: 20px; height: 20px; cursor:pointer; vertical-align: top; margin: 0 0 0 0; /* background-image: url('../img/radio.png'); */ background-size:40px; outline: 0; }
#oacxEmbededContents input[type='radio']:checked { /* background-image: url('../img/radio.png'); */ background-position: 20px 0; background-size:40px;}

/* checkbox */
#oacxEmbededContents input[type='checkbox'] { content: ' '; display: inline-block; width: 20px; height: 20px; cursor:pointer; vertical-align: top; margin: 1px 0 0 0; background-image: url(data:image/png;base64,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); background-size:40px; }
#oacxEmbededContents input[type='checkbox']:checked { background-image: url(data:image/png;base64,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); background-position: 20px 0; background-size:40px; filter: var(--main-filter);}

/*공통*/
#oacxEmbededContents .view{display: block !important;}

/*레이아웃*/
.oacxWrap{ position: relative; width: 760px; height: 694px; border:1px solid #E3E3E3; }
#oacxEmbededContents .sidebar{position: relative; width: 150px; height: 100%; float: left; background: #E3E3E3; padding: 20px 0; text-align: center;}
#oacxEmbededContents .main{position: relative; width: calc(100% - 150px); height: 100%; float:left; overflow: hidden;}
#oacxEmbededContents .oacxHeader{position: relative; height: 50px; background: #fff; border-bottom: 2px solid #F4F4F4;}
#oacxEmbededContents section{position: relative; width: 100%; height: calc(100% - 50px);}

/*sidebar*/
#oacxEmbededContents .logo{width: 100px; height: 30px; margin: auto; margin-bottom: 20px; }/*20210419 수정*/
#oacxEmbededContents .sidebar img{height: 100%;}
#oacxEmbededContents .sidebar .raonlogo img{width: 100%;}
#oacxEmbededContents .info{display: inline-block;}
#oacxEmbededContents .info img{float: left; width: 18px; height: 18px;}
#oacxEmbededContents .info a{font-size: 1.4rem; text-decoration: underline; color: #686B72; float: left;}
#oacxEmbededContents .sidebar .raonlogo{position: absolute; width: 50px; bottom: 25px; left: calc(50% - 25px);}

/*헤더*/
.oacxHeader h1{height: 100%; color: #222; line-height: 50px; font-size: 1.8rem !important; font-weight: bold !important; text-align: center !important;}/*20210326 수정*/
.oacxHeader .close{display: none; position: absolute; top: 13px; left: 14px; width: 24px; height: 24px;}
.oacxHeader .logo{display: none; position: absolute; top: 13px; right: 14px; width: 100px; height: 24px; text-align: right;}/*20210419 수정*/
.oacxHeader .close img, .oacxHeader .logo img{height: 100%;}/*20210419 수정*/

/*폼 레이아웃*/
#oacxEmbededContents section .btnArea{width: 100%; height: 50px;}
#oacxEmbededContents section .inputArea{width: 100%; height: calc(696px - 102px);}
#oacxEmbededContents  .inputArea .serviceSelect{width: 184px; height: 100%; float: left; border-right: 2px solid #F4F4F4;}
#oacxEmbededContents  .inputArea .inputInfo{width: calc(100% - 200px); height: 100%; float: left;}
#oacxEmbededContents  .inputInfo .input{width: 100%; /* height: 298px;  */border-bottom: 2px solid #F4F4F4; padding: 20px;}
#oacxEmbededContents  .inputInfo .pcAgree{width: 100%; height: 298px; padding: 20px;}/*20210325 수정*/

/*서비스 선택*/
#oacxEmbededContents h2{font-size: 1.6rem; font-weight: bold; margin-bottom: 16px;}
#oacxEmbededContents .serviceSelect h2{height: 50px; padding: 20px 0 0 20px; overflow: hidden; margin-bottom: 0;}
#oacxEmbededContents .serviceSelect .list{height: calc(100% - 90px); padding:10px 20px;}
#oacxEmbededContents .serviceSelect li{width: 100%; margin-bottom: 10px; }
#oacxEmbededContents .serviceSelect .list p.mt-2{margin-top: -2px!important;}
#oacxEmbededContents .serviceSelect li .logoBg{cursor: pointer; height: 50px; border-radius: 18px; background: var(--main-rgba); padding: 10px;}
#oacxEmbededContents .serviceSelect li a.logoBg{width: 100%; margin-bottom: 10px; text-decoration: none; margin-right: 5px;}
#oacxEmbededContents .serviceSelect li label.logoBg{display: block;}
#oacxEmbededContents .serviceSelect li.selected .logoBg{background: var(--main-color) !important; color: #fff;}
#oacxEmbededContents .serviceSelect .logoBox{width: 28px; height: 28px; border-radius: 9px; overflow: hidden; float: left; margin-right: 10px; background: #fff; clear: both;}
#oacxEmbededContents .logoBox img{width: 100%;}
#oacxEmbededContents .serviceSelect .list p{font-size: 1.4rem; line-height: 1.2em;letter-spacing: -1px;}
#oacxEmbededContents .serviceSelect .list p span{font-size: 1.1rem;}
#oacxEmbededContents .serviceSelect .list p.p_txt{display: inline-block; margin-top: 6px; float: left; letter-spacing: -0.1rem;}/*20210420 수정*/
#oacxEmbededContents .serviceSelect .list li.disabled{pointer-events: none;opacity: 0.4;}
#oacxEmbededContents .serviceSelect a{font-size: 1.4rem; text-decoration: underline; color: #686B72; float: left;}
#oacxEmbededContents .serviceSelect .question{width: 100%; height: 30px; padding: 0 0 15px 20px;}
#oacxEmbededContents .serviceSelect .info{display: none;}
#oacxEmbededContents .m_txt{display: none;}

/*본인인증 정보 입력*/
#oacxEmbededContents input:focus, #oacxEmbededContents select:focus{outline:none; }
#oacxEmbededContents .input li{margin-bottom: 10px; height: 46px; overflow: hidden;}
#oacxEmbededContents .input li:nth-child(2){position: relative;}
#oacxEmbededContents .input li label{width: 26%; line-height: 46px; font-size: 1.6rem; float: left;}/*20210419 수정*/
#oacxEmbededContents .input input[type="text"], 
#oacxEmbededContents .input input[type="number"], 
#oacxEmbededContents .input input[type="password"]{height: 46px; border-radius: 10px !important; border: 1px solid rgba(55, 59, 64, 0.3); font-size: 1.7rem; padding: 0 1.5rem;}
#oacxEmbededContents .input input[type="text"]::placeholder, 
#oacxEmbededContents .input input[type="number"]::placeholder, 
#oacxEmbededContents .input input[type="password"]::placeholder{color: rgba(55, 59, 64, 0.3);}
#oacxEmbededContents .input input[type="text"]:disabled, 
#oacxEmbededContents .input input[type="number"]:disabled{background: #F4F4F4;}/*20210326 추가*/
#oacxEmbededContents input[data-id="oacx_name"], 
#oacxEmbededContents input[data-id="oacx_phone2"], 
#oacxEmbededContents input[data-id="oacx_phone3"], 
#oacxEmbededContents input[data-id="oacx_birth"]{width: 74%; float: left;}/*20210419 수정*/
#oacxEmbededContents input[data-id="oacx_num1"], 
#oacxEmbededContents input[data-id="oacx_num2"]{width: calc( ( 74% - 10px ) / 2 );}/*20210419 수정*/
#oacxEmbededContents input[data-id="oacx_num1"]{margin-right: 10px;}
#oacxEmbededContents .input .togle_view{position: absolute; right: 1rem; bottom: 14px; width: 20px; height: 20px; background-image: url(data:image/png;base64,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); background-size: 20px; background-repeat: no-repeat;}/*20210329 수정*/
#oacxEmbededContents .input .togle_view.on{background-image: url(data:image/png;base64,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) !important;}

/*통신사 선택 추가 20210325*/
/* .telecom{display: none;} */
#oacxEmbededContents .input .selected select{color: rgba(55, 59, 64, 1);}
#oacxEmbededContents .input select{height: 46px; width: 80px; float: left; border-radius: 10px; font-size: 1.7rem; padding-left: 1rem; margin-right: 10px; color: rgba(55, 59, 64, 0.3);}
#oacxEmbededContents .input input[data-id="oacx_phone2"], #oacxEmbededContents .input input[data-id="oacx_phone3"]{width: calc(74% - 75px); float: left;}/*20210419 수정*/
#oacxEmbededContents .input select[data-id="oacx_phone1"]{width: 65px; color: #4d4d4d; padding : 0 0 0 0; -webkit-appearance : auto;}/*20210419 추가*/
#oacxEmbededContents .telecom input[data-id="oacx_phone2"], #oacxEmbededContents .telecom input[data-id="oacx_phone3"]{width: 107px; float: left;}/*20210419 수정*/

/*수정 20210518*/
/* #oacxEmbededContents .telecom > [data-id='oacx_phone0'] { font-size: 1.7rem; height: 46px !important; width:20% !important; margin-right:2% !important; }
#oacxEmbededContents .telecom > [data-id='oacx_phone1'] { font-size: 1.7rem; height: 46px !important; width:20% !important; margin-right:2% !important; }
#oacxEmbededContents .telecom > [data-id='oacx_phone3'] { font-size: 1.7rem; height: 46px !important; width:30% !important; }
 */
		
		
/*서비스이용동의 수정 및 추가 20210325 */
#oacxEmbededContents .pcAgree input[type="checkbox"]{margin-right: 1rem;}
#oacxEmbededContents .pcAgree label{display: inline-block; font-size: 1.6rem;}
#oacxEmbededContents .pcAgree li{line-height: 20px; margin-bottom: 2rem;}
#oacxEmbededContents .pcAgree li:first-child label{font-weight: bold;}
#oacxEmbededContents .pcAgree a{float: right; font-size: 1.4rem; color: var(--main-color); text-decoration: underline;}
#oacxEmbededContents .mAgreeBg{display: none; position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 10; top: 0; left: 0;}
#oacxEmbededContents .mAgree{position: absolute; width: 100%; background: #fff; bottom: 0; border-radius: 25px 25px 0 0; padding: 20px;}
#oacxEmbededContents .mAgree .head{width: 100%; height: 24px; padding: 0; margin-bottom: 3rem;}
#oacxEmbededContents .mAgree .head h2{display: inline-block; float: left; line-height: 24px;}
#oacxEmbededContents .mAgree .head .close{width: 24px; height: 24px; float: right;}
#oacxEmbededContents .mAgree .head .close img{width: 100%;}
#oacxEmbededContents .mAgree ul{ margin-bottom: 2rem; padding-right:2px; padding-top:2px;}
#oacxEmbededContents .mAgree li{line-height: 20px; margin-bottom: 2rem;}
#oacxEmbededContents .mAgree li p{display: inline-block; font-size: 1.6rem;}
#oacxEmbededContents .mAgree button, #oacxEmbededContents .mAgreeCst button{width: 100%; height: 50px; line-height: 50px; font-size: 1.6rem; text-align: center; background: var(--main-color) !important; color: #fff; font-weight: bold;}
#oacxEmbededContents .mAgree .close button{font-size: 10pt; line-height: 1.5em; font-family: 'Noto Sans KR', sans-serif; color: #4d4d4d; padding: 0; background: none !important; height: 100%; width: 100%;}
#oacxEmbededContents .mAgree button:active, #oacxEmbededContents .mAgreeCst button:active{background: var(--main-color);}
#oacxEmbededContents .inputInfo .raonlogo{display: none;}


/*버튼*/
#oacxEmbededContents .btnArea .basic{height: 50px; line-height: 50px; font-size: 1.6rem; text-align: center;}
#oacxEmbededContents .btnArea .gray{background: #F4F4F4; color: #373B40;}
#oacxEmbededContents .gray:active{background: #EAEAEA;}
#oacxEmbededContents .btnArea .orange{background: var(--main-color); color: #fff; font-weight: bold;}
#oacxEmbededContents .orange:active{background: var(--main-color);}
#oacxEmbededContents .btnArea .w30{width: 30%;}
#oacxEmbededContents .btnArea .w70{width: 70%;}
#oacxEmbededContents .btnArea .full{width: 100%;}
#oacxEmbededContents .btnArea button{float: left;}
#oacxEmbededContents button.disabled{background: #F4F4F4!important;color: #373B40!important;cursor: default;}

/*선택된 서비스*/
#oacxEmbededContents dl.selectedService{position: fixed; top: 50px; width: 100%; display: none; height: 47px; background: #f4f4f4;}
#oacxEmbededContents .selectedService dt{width: 50%; line-height: 44px; font-size: 1.6rem; color: #373B40; font-weight: bold; float: left; padding: 0 20px;}
#oacxEmbededContents .selectedService dd{width: 50%; line-height: 44px; font-size: 1.4rem; color: var(--main-color); font-weight: bold; float: right; text-align: right; padding: 0 20px;}


/*인증대기 화면*/
#oacxEmbededContents .container{padding: 20px;}
#oacxEmbededContents .head{width: 100%; height: 50px; padding: 20px 20px 0 20px;}
#oacxEmbededContents .head h2{display: inline-block; float: left; margin-right: 10px;}
#oacxEmbededContents .serviceName{font-size: 1.4rem; color: #686B72; margin-top: 2px;}
#oacxEmbededContents .container{position: relative; width: 100%; height: calc(100% - 100px); text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 107px);
}
#oacxEmbededContents .container > p{font-size: 1.6rem; text-align: center; line-height: 1.5em; margin-bottom: 30px;}/*20210326 수정*/
#oacxEmbededContents .container p.p_txt{margin-bottom: 60px;}
#oacxEmbededContents .stepArea{position: relative; width: 100%; height: auto; overflow: hidden;}
#oacxEmbededContents .stepArea .step{position: relative; width: 160px; float: left; text-align: center;}
#oacxEmbededContents .step .iconBox{position: relative; width: 114px; height: 114px; border-radius: 57px; border: 1px solid rgba(55, 59, 64, 0.1); text-align: center; margin: auto; margin-bottom: 10px;}
#oacxEmbededContents .step .iconBox img{position: relative; height: 60px; top: calc(50% - 35px);}
#oacxEmbededContents .stepArea .arrow{position: relative; width: calc((100% - 480px) / 2); top: 53px; float: left; text-align: center;}
#oacxEmbededContents .step p.num{font-size: 1.6rem; color: rgba(55, 59, 64, 0.3); font-weight: 500; margin-bottom: 0.5rem;}
#oacxEmbededContents .step p{font-size: 1.5rem; font-weight: 400; white-space: nowrap;}
#oacxEmbededContents .appIconArea{position: absolute; width: 4.4rem; height: 4.4rem; background: #fff; z-index: 5; top: 5px; right: 5px; border-radius: 1.7rem; overflow: hidden; outline: none; box-shadow: 0 0 0 4px #fff;}
#oacxEmbededContents .appIconArea img{width: 100%;}


#oacxEmbededContents .standby .m_icon{display: none; position: relative; width: 84px; height: 90px; left: calc(50% - 25px); margin-bottom: 15px;}
#oacxEmbededContents .m_icon > img{position: absolute; bottom: 0; left: 0; width: 50px; height: 50px;}
#oacxEmbededContents .standby .logoBg{position: absolute; top:0; right:0; width: 40px; height: 40px; border-radius: 14px 14px 14px 0; background: #373B40; padding: 6px;}
#oacxEmbededContents .standby .logoBox{width: 28px; height: 28px; border-radius: 9px; overflow: hidden; background: #fff;}/*20210420 수정*/
#oacxEmbededContents .logoBox img{width: 100%; height: 100;}

  

/* 안내문구 */
#oacxEmbededContents .csTxt{display: none; position: absolute; width: calc(100% - 40px); left: 20px; bottom: 20px; padding: 1.5rem; background: #F9F9F9; border: 1px solid #F4F4F4; text-align: left; }
#oacxEmbededContents .csTxt p{font-size: 1.3rem; color: #686B72; font-weight: normal;}
#oacxEmbededContents .csTxt p span{font-weight: bold;}
#oacxEmbededContents .csTxt > p{margin-bottom: 1rem;}
#oacxEmbededContents .csTxt li{width: 100%; overflow: hidden; line-height: 1.6rem; margin-bottom: 0.5rem; letter-spacing: -0.1rem;}
#oacxEmbededContents .csTxt li:last-child{margin-bottom: 0;}
#oacxEmbededContents .csTxt p.num{width: 1.6rem; height: 1.6rem; line-height: 1.6rem; font-size: 1.2rem; border-radius: 0.8rem; background: rgba(55,59,64,0.08); text-align: center; margin-right: 0.5rem; float: left;}
#oacxEmbededContents .csTxt p.txt{width: calc(100% - 2.1rem); float:right;}
#oacxEmbededContents .csTxt p a{color:var(--main-color); text-decoration: underline;}


/*이용동의 자세히보기 팝업*/
#oacxEmbededContents .viewPop{display: none; position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; z-index: 10; padding: 40px;}
#oacxEmbededContents .viewPop .btnArea{width: 100%; height: 50px;}
#oacxEmbededContents .viewPop .policy{width: 100%; height: 100%; background: #fff;}
#oacxEmbededContents .policy .header{height: 50px; border-bottom: 2px solid #F4F4F4; font-size: 1.6rem;  line-height: 50px; padding: 0 20px; font-weight: bold;}
#oacxEmbededContents .policy .cont > ul > li > h2{font-size: 1.4rem;font-weight: 500;}
#oacxEmbededContents .policy .cont > ul > li > h2 > p.num2{float: left; width: 1.5rem;}
#oacxEmbededContents .policy .cont > ul > li > h2 > p.tit2{float: right; width: calc(100% - 2rem); margin-bottom: 0.5rem;}
#oacxEmbededContents .policy .cont > ul > li > ul > li > ul{padding-left: 15px;}
#oacxEmbededContents .policy .cont{height: calc(100% - 100px); overflow-y: auto; padding: 20px;}
#oacxEmbededContents .policy .cont li{font-size: 1.4rem;}
#oacxEmbededContents .policy .cont > ul > li{margin-bottom: 10px;}
#oacxEmbededContents .policy .cont > ul > li > p{font-weight: bold;}
#oacxEmbededContents .policy .cont > ul > li > ul > li{font-weight: 400; line-height: 1.4em;}/*20210326 수정*/
#oacxEmbededContents .policy .cont > ul > li > p.num{float: left; width: 15px;}
#oacxEmbededContents .policy .cont > ul > li > p.num2{float: left; width: 20px;}
#oacxEmbededContents .policy .cont > ul > li > p.tit{float: right; width: calc(100% - 15px); margin-bottom: 0.5rem;}
#oacxEmbededContents .policy .cont > ul > li > p.tit2{float: right; width: calc(100% - 20px); margin-bottom: 0.5rem;}
#oacxEmbededContents .policy .cont > ul > li > p.tit3{float: right; width: calc(100%); margin-bottom: 0.5rem;}
#oacxEmbededContents .policy .cont > ul > li > h2 > p{font-weight: bold;}
#oacxEmbededContents .policy .cont > ul > li > h2 > p.tit{float: right; width: calc(100% - 15px); margin-bottom: 0.5rem;}
#oacxEmbededContents .policy .cont > ul > li > h2 > p.tit3{float: right; width: calc(100%); margin-bottom: 0.5rem;}
#oacxEmbededContents .policy .cont > ul > li > ul{width: 100%; clear: both;}/*20210326 수정*/

/*푸터 수정 20210326*/
#oacxEmbededContents .main section footer{display: none;}

/*alert 팝업추가 20210325*/
#oacxEmbededContents .alertArea{display: none; position:absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10;}
#oacxEmbededContents .alert{position:relative; width: 320px; left: calc(50% - 160px); top: 100px; background: #fff; text-align: center; padding-top: 24px;}
#oacxEmbededContents .alert.other{position:relative; width: 450px; left: calc(50% - 225px); top: 100px; background: #fff; text-align: center; padding-top: 24px;}
#oacxEmbededContents .alertIconWrap{position:relative; width: 40px; height: 40px; text-align: center; left: calc(50% - 20px); margin-bottom: 12px;}
#oacxEmbededContents .alertIconWrap img{width: 100%;}
#oacxEmbededContents .alert .textArea{position: relative; width: 100%; padding: 0 20px 30px 20px;}
#oacxEmbededContents .alert p{font-size: 1.4rem; margin-bottom: 5px;white-space: pre-wrap;word-break: keep-all;}
#oacxEmbededContents .alert p.tit{font-size: 1.6rem; font-weight: bold; margin-bottom: 10px;}
#oacxEmbededContents .alert p.errercode{color: #686B72;}
#oacxEmbededContents .alert p span{font-weight: bold;}
#oacxEmbededContents .alert a{text-decoration: underline; color: var(--main-color); font-weight: bold;}

/*간편로그인 추가 20210326*/
#oacxEmbededContents input[id="email"]{width: 74%; float: left;} /*20210420 수정*/
#oacxEmbededContents .inputInfo .agreeMsg{position: relative; width: 100%; height: 298px; padding: 20px; text-align: center;}
#oacxEmbededContents .agreeMsg p{position: relative; top: calc(50% - 3rem); font-size: 1.6rem; font-weight: bold; line-height: 1.5em;}

/*전자서명*/
#oacxEmbededContents input[id="birth"]{width: 74%; float: left;} /*20210420 수정*/

/*서명원문보기 추가 20210420*/
#oacxEmbededContents .signView{display: none; height: 44px; width: 100%; background: var(--main-rgba); text-align: center;}
#oacxEmbededContents .signView .center{display: inline-block;  margin-top: 12px;}
#oacxEmbededContents .signView .docIcon{width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF8SURBVHgB7ZqNTcMwEIVfEAM0G4TFaNmgTECYqExQOgGwQMsmCbYSVCeqUzec7fZ4n/TUn1i9e/E5qXIGCCGE6GRh9GL0btRm1ofREhGpjL4BtFemQ5+bONdo1jW9gCCrUYBaOoCHJ09cq+cTx8T4dH54jTQUOF4rGk/cGse8thDEPZMpZtZSODEbT9xyNEYM13AqxobnjsEd/hmaDFchg+5xe/yW7ixY0kp48x24xZK25Tx7oljS2qFh7dCwdmhYOzSsHRrWDg1rh4a1Q8PaoWHt0LB2ph7TFjhPyJhLSdmkG7BB+u79xpNLUGcwhKkZynGmfQ/ZbZ7NmTFBhHYeYpuPsTQuxi21CvF4gFCz+6+k6vSLdfdD4H3YQ6rNK75YYvGnDO+c97G3J+361+JELPvd0vn8hUjUGK5ju/mr7BOQ1iuGa3TdxypHedhjj4iELaMD0v/5mNIekanQmW4AtBll4+8R9/Y4YIVui26TQVt025RTXjgJIYRk4Qds10mRvbazHQAAAABJRU5ErkJggg==) no-repeat; background-size: cover; filter: var(--main-filter); float: left; margin-right: 0.2rem;}
#oacxEmbededContents .signView a{cursor: pointer; color: var(--main-color); text-decoration: underline; font-size: 1.4rem; line-height: 20px;}

#oacxEmbededContents .m_txt_info{
    white-space: normal;
    word-break: keep-all;
}

/*20210811 mTranceKey*/
#oacxEmbededContents .mTranceKey-btn.off{position: absolute; right: 1rem; bottom: 12px; width: 20px; height: 20px; background-image: url(data:image/png;base64,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); background-size: 20px; background-repeat: no-repeat;}
#oacxEmbededContents .mTranceKey-btn.on{position: absolute; right: 1rem; bottom: 12px; width: 20px; height: 20px; background-image: url(data:image/png;base64,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); background-size: 20px; background-repeat: no-repeat;}

#oacxEmbededContents .inputInfo input:-ms-input-placeholder {
    color: #ccc !important;
    font-weight: 400 !important;
}

#oacxEmbededContents .alert.standby-step{left: calc(50% - 175px); width: 350px;}

 /* 20210214 접근성 추가  */ 
 #oacxEmbededContents .a11y-hidden{
    position: absolute;
    width: 1px !important; 
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
  }

/* 20211021 장차법 CSS */
#oacxEmbededContents .serviceSelect li label.logoBg:focus,
#oacxEmbededContents .info a:focus,
#oacxEmbededContents .inputInfo button.togle_view:focus,
#oacxEmbededContents .inputInfo select:focus,
#oacxEmbededContents .serviceSelect .question a:focus,
#oacxEmbededContents .serviceSelect .list a:focus,
#oacxEmbededContents .serviceSelect li .label-focus,
#oacxEmbededContents .btnArea button:focus, #oacxEmbededContents .btnArea + button:focus,
#oacxEmbededContents .mAgreeCst button:focus, 
#oacxEmbededContents .mAgree button:focus, 
#oacxEmbededContents .mAgree a:focus, 
#oacxEmbededContents .mAgree img:focus, 
#oacxEmbededContents .pcAgree a:focus, 
#oacxEmbededContents .standby .csTxt a:focus,
#oacxEmbededContents .oacxHeader .popup-close button:focus,
#oacxEmbededContents .input input[type="text"]:focus, 
#oacxEmbededContents .input input[type="number"]:focus, 
#oacxEmbededContents .input input[type="password"]:focus{
    border: 1px solid #222;
    box-shadow: 0;
}
#oacxEmbededContents .mAgree button:focus{
    border: 2px solid #222;
    box-shadow: 0;
}

#oacxEmbededContents .pcAgree ul{
    padding: 0 1px;
}
#oacxEmbededContents .pcAgree input:focus{
    border: 1px solid #222;
    border-radius: 5px;
    box-shadow: 0;
}

#oacxEmbededContents-m *{outline-style: none;}

/* radio */
#oacxEmbededContents-m input[type='radio'] { content: ' '; display: inline-block; width: 20px; height: 20px; cursor:pointer; vertical-align: top; margin: 0 0 0 0; /* background-image: url('../img/radio.png'); */ background-size:40px; outline: 0; }
#oacxEmbededContents-m input[type='radio']:checked { /* background-image: url('../img/radio.png'); */ background-position: 20px 0; background-size:40px;}

/* checkbox */
#oacxEmbededContents-m input[type='checkbox'] { content: ' '; display: inline-block; width: 20px; height: 20px; cursor:pointer; vertical-align: top; margin: 1px 0 0 0; background-image: url(data:image/png;base64,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); background-size:40px; }
#oacxEmbededContents-m input[type='checkbox']:checked { background-image: url(data:image/png;base64,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); background-position: 20px 0; background-size:40px; filter: var(--main-filter);}

/*공통*/
#oacxEmbededContents-m .view{display: block !important;}

/*레이아웃*/
#oacxEmbededContents-m .sidebar{position: relative; width: 150px; height: 100%; float: left; background: #E3E3E3; padding: 20px 0; text-align: center;}
#oacxEmbededContents-m .main{position: relative; width: calc(100% - 150px); height: 100%; float:left; overflow: hidden;}
#oacxEmbededContents-m .oacxHeader{position: relative; height: 50px; background: #fff; border-bottom: 2px solid #F4F4F4;}
#oacxEmbededContents-m section{position: relative; width: 100%; height: calc(100% - 50px);}

/*sidebar*/
#oacxEmbededContents-m .logo{width: 100px; height: 30px; margin: auto; margin-bottom: 20px; }/*20210419 수정*/
#oacxEmbededContents-m .sidebar img{height: 100%;}
#oacxEmbededContents-m .sidebar .raonlogo img{width: 100%;}
#oacxEmbededContents-m .info{display: inline-block;}
#oacxEmbededContents-m .info img{float: left; width: 18px; height: 18px;}
#oacxEmbededContents-m .info a{font-size: 1.4rem; text-decoration: underline; color: #686B72; float: left;}
#oacxEmbededContents-m .sidebar .raonlogo{position: absolute; width: 50px; bottom: 25px; left: calc(50% - 25px);}

/*헤더*/
.oacxHeader h1{height: 100%; color: #222; line-height: 50px; font-size: 1.8rem !important; font-weight: bold !important; text-align: center !important;}/*20210326 수정*/
.oacxHeader .close{display: none; position: absolute; top: 13px; left: 14px; width: 24px; height: 24px;}
.oacxHeader .logo{display: none; position: absolute; top: 13px; right: 14px; width: 100px; height: 24px; text-align: right;}/*20210419 수정*/
.oacxHeader .close img, .oacxHeader .logo img{height: 100%;}/*20210419 수정*/

/*폼 레이아웃*/
#oacxEmbededContents-m section .btnArea{width: 100%; height: 50px;}
#oacxEmbededContents-m section .inputArea{width: 100%; height: calc(696px - 102px);}
#oacxEmbededContents-m  .inputArea .serviceSelect{width: 184px; height: 100%; float: left; border-right: 2px solid #F4F4F4;}
#oacxEmbededContents-m  .inputArea .inputInfo{width: calc(100% - 200px); height: 100%; float: left;}
#oacxEmbededContents-m  .inputInfo .input{width: 100%; /* height: 298px;  */border-bottom: 2px solid #F4F4F4; padding: 20px;}
#oacxEmbededContents-m  .inputInfo .pcAgree{display: none;}/*20210325 수정*/

/*서비스 선택*/
#oacxEmbededContents-m h2{font-size: 1.6rem; font-weight: bold; margin-bottom: 16px;}
#oacxEmbededContents-m .serviceSelect h2{height: 50px; padding: 20px 0 0 20px; overflow: hidden; margin-bottom: 0;}
#oacxEmbededContents-m .serviceSelect .list{height: calc(100% - 90px); padding:10px 20px;}
#oacxEmbededContents-m .serviceSelect li{width: 100%; margin-bottom: 10px; }
#oacxEmbededContents-m .serviceSelect .list p.mt-2{margin-top: -2px!important;}
#oacxEmbededContents-m .serviceSelect li .logoBg{cursor: pointer; height: 50px; border-radius: 18px; background: var(--main-rgba); padding: 10px;}
#oacxEmbededContents-m .serviceSelect li a.logoBg{width: 100%; margin-bottom: 10px; text-decoration: none; margin-right: 5px;}
#oacxEmbededContents-m .serviceSelect li label.logoBg{display: block;}
#oacxEmbededContents-m .serviceSelect li.selected .logoBg{background: var(--main-color) !important; color: #fff;}
#oacxEmbededContents-m .serviceSelect .logoBox{width: 28px; height: 28px; border-radius: 9px; overflow: hidden; float: left; margin-right: 10px; background: #fff; clear: both;}
#oacxEmbededContents-m .logoBox img{width: 100%;}
#oacxEmbededContents-m .serviceSelect .list p{font-size: 1.4rem; line-height: 1.2em;letter-spacing: -1px;}
#oacxEmbededContents-m .serviceSelect .list p span{font-size: 1.1rem;}
#oacxEmbededContents-m .serviceSelect .list p.p_txt{display: inline-block; margin-top: 6px; float: left; letter-spacing: -0.1rem;}/*20210420 수정*/
#oacxEmbededContents-m .serviceSelect .list li.disabled{pointer-events: none;opacity: 0.4;}
#oacxEmbededContents-m .serviceSelect a{font-size: 1.4rem; text-decoration: underline; color: #686B72; float: left;}
#oacxEmbededContents-m .serviceSelect .question{width: 100%; height: 30px; padding: 0 0 15px 20px;}
#oacxEmbededContents-m .serviceSelect .info{display: none;}
#oacxEmbededContents-m .m_txt{display: none;}

/*본인인증 정보 입력*/
#oacxEmbededContents-m input:focus, #oacxEmbededContents-m select:focus{outline:none; }
#oacxEmbededContents-m .input li{margin-bottom: 10px; height: 46px; overflow: hidden;}
#oacxEmbededContents-m .input li:nth-child(2){position: relative;}
#oacxEmbededContents-m .input li label{width: 26%; line-height: 46px; font-size: 1.6rem; float: left;}/*20210419 수정*/
#oacxEmbededContents-m .input input[type="text"], 
#oacxEmbededContents-m .input input[type="number"], 
#oacxEmbededContents-m .input input[type="password"]{height: 46px; border-radius: 10px !important; border: 1px solid rgba(55, 59, 64, 0.3); font-size: 1.7rem; padding: 0 1.5rem;}
#oacxEmbededContents-m .input input[type="text"]::placeholder, 
#oacxEmbededContents-m .input input[type="number"]::placeholder, 
#oacxEmbededContents-m .input input[type="password"]::placeholder{color: rgba(55, 59, 64, 0.3);}
#oacxEmbededContents-m .input input[type="text"]:disabled, 
#oacxEmbededContents-m .input input[type="number"]:disabled{background: #F4F4F4;}/*20210326 추가*/
#oacxEmbededContents-m input[data-id="oacx_name"], 
#oacxEmbededContents-m input[data-id="oacx_phone2"], 
#oacxEmbededContents-m input[data-id="oacx_phone3"], 
#oacxEmbededContents-m input[data-id="oacx_birth"]{width: 74%; float: left;}/*20210419 수정*/
#oacxEmbededContents-m input[data-id="oacx_num1"], 
#oacxEmbededContents-m input[data-id="oacx_num2"]{width: calc( ( 74% - 10px ) / 2 );}/*20210419 수정*/
#oacxEmbededContents-m input[data-id="oacx_num1"]{margin-right: 10px;}
#oacxEmbededContents-m .input .togle_view{position: absolute; right: 1rem; bottom: 14px; width: 20px; height: 20px; background-image: url(data:image/png;base64,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); background-size: 20px; background-repeat: no-repeat;}/*20210329 수정*/
#oacxEmbededContents-m .input .togle_view.on{background-image: url(data:image/png;base64,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) !important;}

/*통신사 선택 추가 20210325*/
/* .telecom{display: none;} */
#oacxEmbededContents-m .input .selected select{color: rgba(55, 59, 64, 1);}
#oacxEmbededContents-m .input select{height: 46px; width: 80px; float: left; border-radius: 10px; font-size: 1.7rem; padding-left: 1rem; margin-right: 10px; color: rgba(55, 59, 64, 0.3);}
#oacxEmbededContents-m .input input[data-id="oacx_phone2"], #oacxEmbededContents-m .input input[data-id="oacx_phone3"]{width: calc(74% - 75px); float: left;}/*20210419 수정*/
#oacxEmbededContents-m .input select[data-id="oacx_phone1"]{width: 65px; color: #4d4d4d;}/*20210419 추가*/
#oacxEmbededContents-m .telecom input[data-id="oacx_phone2"], #oacxEmbededContents-m .telecom input[data-id="oacx_phone3"]{width: 107px; float: left;}/*20210419 수정*/

/*수정 20210518*/
/* #oacxEmbededContents-m .telecom > [data-id='oacx_phone0'] { font-size: 1.7rem; height: 46px !important; width:20% !important; margin-right:2% !important; }
#oacxEmbededContents-m .telecom > [data-id='oacx_phone1'] { font-size: 1.7rem; height: 46px !important; width:20% !important; margin-right:2% !important; }
#oacxEmbededContents-m .telecom > [data-id='oacx_phone3'] { font-size: 1.7rem; height: 46px !important; width:30% !important; }
 */
		
		
/*서비스이용동의 수정 및 추가 20210325 */
#oacxEmbededContents-m .pcAgree input[type="checkbox"]{margin-right: 1rem;}
#oacxEmbededContents-m .pcAgree label{display: inline-block; font-size: 1.6rem;}
#oacxEmbededContents-m .pcAgree li{line-height: 20px; margin-bottom: 2rem;}
#oacxEmbededContents-m .pcAgree li:first-child label{font-weight: bold;}
#oacxEmbededContents-m .pcAgree a{float: right; font-size: 1.4rem; color: var(--main-color); text-decoration: underline;}
#oacxEmbededContents-m .mAgreeBg{display: none; position: fixed; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 10; top: 0; left: 0;}
#oacxEmbededContents-m .mAgree{position: absolute; width: 100%; background: #fff; bottom: 0; border-radius: 25px 25px 0 0; padding: 20px;}
#oacxEmbededContents-m .mAgree .head{width: 100%; height: 24px; padding: 0; margin-bottom: 3rem;}
#oacxEmbededContents-m .mAgree .head h2{display: inline-block; float: left; line-height: 24px;}
#oacxEmbededContents-m .mAgree .head .close{width: 24px; height: 24px; float: right;}
#oacxEmbededContents-m .mAgree .head .close img{width: 100%;}
#oacxEmbededContents-m .mAgree ul{ margin-bottom: 2rem; padding-right:2px; padding-top:2px;}
#oacxEmbededContents-m .mAgree li{line-height: 20px; margin-bottom: 2rem;}
#oacxEmbededContents-m .mAgree li p{display: inline-block; font-size: 1.6rem;}
#oacxEmbededContents-m .mAgree button, #oacxEmbededContents-m .mAgreeCst button{width: 100%; height: 50px; line-height: 50px; font-size: 1.6rem; text-align: center; background: var(--main-color) !important; color: #fff; font-weight: bold;}
#oacxEmbededContents-m .mAgree .close button{font-size: 10pt; line-height: 1.5em; font-family: 'Noto Sans KR', sans-serif; color: #4d4d4d; padding: 0; background: none !important; height: 100%; width: 100%;}
#oacxEmbededContents-m .mAgree button:active, #oacxEmbededContents-m .mAgreeCst button:active{background: var(--main-color);}
#oacxEmbededContents-m .inputInfo .raonlogo{display: none;}


/*버튼*/
#oacxEmbededContents-m .btnArea .basic{height: 50px; line-height: 50px; font-size: 1.6rem; text-align: center;}
#oacxEmbededContents-m .btnArea .gray{background: #F4F4F4; color: #373B40;}
#oacxEmbededContents-m .gray:active{background: #EAEAEA;}
#oacxEmbededContents-m .btnArea .orange{background: var(--main-color); color: #fff; font-weight: bold;}
#oacxEmbededContents-m .orange:active{background: var(--main-color);}
#oacxEmbededContents-m .btnArea .w30{width: 30%;}
#oacxEmbededContents-m .btnArea .w70{width: 70%;}
#oacxEmbededContents-m .btnArea .full{width: 100%;}
#oacxEmbededContents-m .btnArea button{float: left;}
#oacxEmbededContents-m button.disabled{background: #F4F4F4!important;color: #373B40!important;cursor: default;}

/*선택된 서비스*/
#oacxEmbededContents-m dl.selectedService{position: fixed; top: 50px; width: 100%; display: none; height: 47px; background: #f4f4f4;}
#oacxEmbededContents-m .selectedService dt{width: 50%; line-height: 44px; font-size: 1.6rem; color: #373B40; font-weight: bold; float: left; padding: 0 20px;}
#oacxEmbededContents-m .selectedService dd{width: 50%; line-height: 44px; font-size: 1.4rem; color: var(--main-color); font-weight: bold; float: right; text-align: right; padding: 0 20px;}


/*인증대기 화면*/
#oacxEmbededContents-m .container{padding: 20px;}
#oacxEmbededContents-m .head{width: 100%; height: 50px; padding: 45px 20px 0 20px;}
#oacxEmbededContents-m .head h2{display: inline-block; float: left; margin-right: 10px;}
#oacxEmbededContents-m .serviceName{font-size: 1.4rem; color: #686B72; margin-top: 2px;}
#oacxEmbededContents-m .container{position: relative; width: 100%; height: calc(100% - 100px); text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 107px);
}
#oacxEmbededContents-m .container > p{font-size: 1.6rem; text-align: center; line-height: 1.5em; margin-bottom: 30px;}/*20210326 수정*/
#oacxEmbededContents-m .container p.p_txt{margin-bottom: 60px;}
#oacxEmbededContents-m .stepArea{position: relative; width: 100%; height: auto; overflow: hidden;}
#oacxEmbededContents-m .stepArea .step{position: relative; width: 160px; float: left; text-align: center;}
#oacxEmbededContents-m .step .iconBox{position: relative; width: 114px; height: 114px; border-radius: 57px; border: 1px solid rgba(55, 59, 64, 0.1); text-align: center; margin: auto; margin-bottom: 10px;}
#oacxEmbededContents-m .step .iconBox img{position: relative; height: 60px; top: calc(50% - 35px);}
#oacxEmbededContents-m .stepArea .arrow{position: relative; width: calc((100% - 480px) / 2); top: 53px; float: left; text-align: center;}
#oacxEmbededContents-m .step p.num{font-size: 1.6rem; color: rgba(55, 59, 64, 0.3); font-weight: 500; margin-bottom: 0.5rem;}
#oacxEmbededContents-m .step p{font-size: 1.5rem; font-weight: 400; white-space: nowrap;}
#oacxEmbededContents-m .appIconArea{position: absolute; width: 4.4rem; height: 4.4rem; background: #fff; z-index: 5; top: 5px; right: 5px; border-radius: 1.7rem; overflow: hidden; outline: none; box-shadow: 0 0 0 4px #fff;}
#oacxEmbededContents-m .appIconArea img{width: 100%;}


#oacxEmbededContents-m .standby .m_icon{display: none; position: relative; width: 84px; height: 90px; left: calc(50% - 25px); margin-bottom: 15px;}
#oacxEmbededContents-m .m_icon > img{position: absolute; bottom: 0; left: 0; width: 50px; height: 50px;}
#oacxEmbededContents-m .standby .logoBg{position: absolute; top:0; right:0; width: 40px; height: 40px; border-radius: 14px 14px 14px 0; background: #373B40; padding: 6px;}
#oacxEmbededContents-m .standby .logoBox{width: 28px; height: 28px; border-radius: 9px; overflow: hidden; background: #fff;}/*20210420 수정*/
#oacxEmbededContents-m .logoBox img{width: 100%; height: 100;}

  

/* 안내문구 */
/* #oacxEmbededContents-m .csTxt{display: none; position: absolute; width: calc(100% - 40px); left: 20px; bottom: 20px; padding: 1.5rem; background: #F9F9F9; border: 1px solid #F4F4F4; text-align: left; } */
#oacxEmbededContents-m .csTxt{display: none; width: 100%; padding: 1.5rem; background: #F9F9F9; border: 1px solid #F4F4F4; text-align: left; }
#oacxEmbededContents-m .csTxt p{font-size: 1.3rem; color: #686B72; font-weight: normal;}
#oacxEmbededContents-m .csTxt p span{font-weight: bold;}
#oacxEmbededContents-m .csTxt > p{margin-bottom: 1rem;}
#oacxEmbededContents-m .csTxt li{width: 100%; overflow: hidden; line-height: 1.6rem; margin-bottom: 0.5rem; letter-spacing: -0.1rem;}
#oacxEmbededContents-m .csTxt li:last-child{margin-bottom: 0;}
#oacxEmbededContents-m .csTxt p.num{width: 1.6rem; height: 1.6rem; line-height: 1.6rem; font-size: 1.2rem; border-radius: 0.8rem; background: rgba(55,59,64,0.08); text-align: center; margin-right: 0.5rem; float: left;}
#oacxEmbededContents-m .csTxt p.txt{width: calc(100% - 2.1rem); float:right;}
#oacxEmbededContents-m .csTxt p a{color:var(--main-color); text-decoration: underline;}


/*이용동의 자세히보기 팝업*/
#oacxEmbededContents-m .viewPop{display: none; position: absolute; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; z-index: 10; padding: 40px;}
#oacxEmbededContents-m .viewPop .btnArea{width: 100%; height: 50px;}
#oacxEmbededContents-m .viewPop .policy{width: 100%; height: 100%; background: #fff;}
#oacxEmbededContents-m .policy .header{height: 50px; border-bottom: 2px solid #F4F4F4; font-size: 1.6rem;  line-height: 50px; padding: 0 20px; font-weight: bold;}
#oacxEmbededContents-m .policy .cont > ul > li > h2{font-size: 1.4rem;font-weight: 500;}
#oacxEmbededContents-m .policy .cont > ul > li > h2 > p.num2{float: left; width: 1.5rem;}
#oacxEmbededContents-m .policy .cont > ul > li > h2 > p.tit2{float: right; width: calc(100% - 2rem); margin-bottom: 0.5rem;}
#oacxEmbededContents-m .policy .cont > ul > li > ul > li > ul{padding-left: 15px;}
#oacxEmbededContents-m .policy .cont{height: calc(100% - 100px); overflow-y: auto; padding: 20px;}
#oacxEmbededContents-m .policy .cont li{font-size: 1.4rem;}
#oacxEmbededContents-m .policy .cont > ul > li{margin-bottom: 10px;}
#oacxEmbededContents-m .policy .cont > ul > li > p{font-weight: bold;}
#oacxEmbededContents-m .policy .cont > ul > li > ul > li{font-weight: 400; line-height: 1.4em;}/*20210326 수정*/
#oacxEmbededContents-m .policy .cont > ul > li > p.num{float: left; width: 15px;}
#oacxEmbededContents-m .policy .cont > ul > li > p.num2{float: left; width: 20px;}
#oacxEmbededContents-m .policy .cont > ul > li > p.tit{float: right; width: calc(100% - 15px); margin-bottom: 0.5rem;}
#oacxEmbededContents-m .policy .cont > ul > li > p.tit2{float: right; width: calc(100% - 20px); margin-bottom: 0.5rem;}
#oacxEmbededContents-m .policy .cont > ul > li > p.tit3{float: right; width: calc(100%); margin-bottom: 0.5rem;}
#oacxEmbededContents-m .policy .cont > ul > li > h2 > p{font-weight: bold;}
#oacxEmbededContents-m .policy .cont > ul > li > h2 > p.tit{float: right; width: calc(100% - 15px); margin-bottom: 0.5rem;}
#oacxEmbededContents-m .policy .cont > ul > li > h2 > p.tit3{float: right; width: calc(100%); margin-bottom: 0.5rem;}
#oacxEmbededContents-m .policy .cont > ul > li > ul{width: 100%; clear: both;}/*20210326 수정*/

/*푸터 수정 20210326*/
#oacxEmbededContents-m .main section footer{display: none;}

/*alert 팝업추가 20210325*/
#oacxEmbededContents-m .alertArea{display: none; position:absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10;}
#oacxEmbededContents-m .alert{position:relative; width: 320px; left: calc(50% - 160px); top: 100px; background: #fff; text-align: center; padding-top: 24px;}
#oacxEmbededContents-m .alert.other{position:relative; width: 450px; left: calc(50% - 225px); top: 100px; background: #fff; text-align: center; padding-top: 24px;}
#oacxEmbededContents-m .alertIconWrap{position:relative; width: 40px; height: 40px; text-align: center; left: calc(50% - 20px); margin-bottom: 12px;}
#oacxEmbededContents-m .alertIconWrap img{width: 100%;}
#oacxEmbededContents-m .alert .textArea{position: relative; width: 100%; padding: 0 20px 30px 20px;}
#oacxEmbededContents-m .alert p{font-size: 1.4rem; margin-bottom: 5px;white-space: pre-wrap;word-break: keep-all;}
#oacxEmbededContents-m .alert p.tit{font-size: 1.6rem; font-weight: bold; margin-bottom: 10px;}
#oacxEmbededContents-m .alert p.errercode{color: #686B72;}
#oacxEmbededContents-m .alert p span{font-weight: bold;}
#oacxEmbededContents-m .alert a{text-decoration: underline; color: var(--main-color); font-weight: bold;}

/*간편로그인 추가 20210326*/
#oacxEmbededContents-m input[id="email"]{width: 74%; float: left;} /*20210420 수정*/
#oacxEmbededContents-m .inputInfo .agreeMsg{position: relative; width: 100%; height: 298px; padding: 20px; text-align: center;}
#oacxEmbededContents-m .agreeMsg p{position: relative; top: calc(50% - 3rem); font-size: 1.6rem; font-weight: bold; line-height: 1.5em;}

/*전자서명*/
#oacxEmbededContents-m input[id="birth"]{width: 74%; float: left;} /*20210420 수정*/

/*서명원문보기 추가 20210420*/
#oacxEmbededContents-m .signView{display: none; height: 44px; width: 100%; background: var(--main-rgba); text-align: center;}
#oacxEmbededContents-m .signView .center{display: inline-block;  margin-top: 12px;}
#oacxEmbededContents-m .signView .docIcon{width: 20px; height: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF8SURBVHgB7ZqNTcMwEIVfEAM0G4TFaNmgTECYqExQOgGwQMsmCbYSVCeqUzec7fZ4n/TUn1i9e/E5qXIGCCGE6GRh9GL0btRm1ofREhGpjL4BtFemQ5+bONdo1jW9gCCrUYBaOoCHJ09cq+cTx8T4dH54jTQUOF4rGk/cGse8thDEPZMpZtZSODEbT9xyNEYM13AqxobnjsEd/hmaDFchg+5xe/yW7ixY0kp48x24xZK25Tx7oljS2qFh7dCwdmhYOzSsHRrWDg1rh4a1Q8PaoWHt0LB2ph7TFjhPyJhLSdmkG7BB+u79xpNLUGcwhKkZynGmfQ/ZbZ7NmTFBhHYeYpuPsTQuxi21CvF4gFCz+6+k6vSLdfdD4H3YQ6rNK75YYvGnDO+c97G3J+361+JELPvd0vn8hUjUGK5ju/mr7BOQ1iuGa3TdxypHedhjj4iELaMD0v/5mNIekanQmW4AtBll4+8R9/Y4YIVui26TQVt025RTXjgJIYRk4Qds10mRvbazHQAAAABJRU5ErkJggg==) no-repeat; background-size: cover; filter: var(--main-filter); float: left; margin-right: 0.2rem;}
#oacxEmbededContents-m .signView a{cursor: pointer; color: var(--main-color); text-decoration: underline; font-size: 1.4rem; line-height: 20px;}

#oacxEmbededContents-m .m_txt_info{
    white-space: normal;
    word-break: keep-all;
}

/*20210811 mTranceKey*/
#oacxEmbededContents-m .mTranceKey-btn.off{position: absolute; right: 1rem; bottom: 12px; width: 20px; height: 20px; background-image: url(data:image/png;base64,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); background-size: 20px; background-repeat: no-repeat;}
#oacxEmbededContents-m .mTranceKey-btn.on{position: absolute; right: 1rem; bottom: 12px; width: 20px; height: 20px; background-image: url(data:image/png;base64,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); background-size: 20px; background-repeat: no-repeat;}

#oacxEmbededContents-m .inputInfo input:-ms-input-placeholder {
    color: #ccc !important;
    font-weight: 400 !important;
}

#oacxEmbededContents-m .alert.standby-step{left: calc(50% - 175px); width: 350px;}

 /* 20210214 접근성 추가  */ 
 #oacxEmbededContents-m .a11y-hidden{
    position: absolute;
    width: 1px !important; 
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
  }

/* 20211021 장차법 CSS */
#oacxEmbededContents-m .serviceSelect li label.logoBg:focus,
#oacxEmbededContents-m .info a:focus,
#oacxEmbededContents-m .inputInfo button.togle_view:focus,
#oacxEmbededContents-m .inputInfo select:focus,
#oacxEmbededContents-m .serviceSelect .question a:focus,
#oacxEmbededContents-m .serviceSelect .list a:focus,
#oacxEmbededContents-m .serviceSelect li .label-focus,
#oacxEmbededContents-m .btnArea button:focus, #oacxEmbededContents-m .btnArea + button:focus,
#oacxEmbededContents-m .mAgreeCst button:focus, 
#oacxEmbededContents-m .mAgree button:focus, 
#oacxEmbededContents-m .mAgree a:focus, 
#oacxEmbededContents-m .mAgree img:focus, 
#oacxEmbededContents-m .pcAgree a:focus, 
#oacxEmbededContents-m .standby .csTxt a:focus,
#oacxEmbededContents-m .oacxHeader .popup-close button:focus,
#oacxEmbededContents-m .input input[type="text"]:focus, 
#oacxEmbededContents-m .input input[type="number"]:focus, 
#oacxEmbededContents-m .input input[type="password"]:focus{
    border: 1px solid #222;
    box-shadow: 0;
}
#oacxEmbededContents-m .mAgree button:focus{
    border: 2px solid #222;
    box-shadow: 0;
}

#oacxEmbededContents-m .pcAgree ul{
    padding: 0 1px;
}
#oacxEmbededContents-m .pcAgree input:focus{
    border: 1px solid #222;
    border-radius: 5px;
    box-shadow: 0;
}
/*미디어쿼리*/
/*디바이스 세로형 20210409 수정 Start*/
@media all and (orientation:portrait){
    /*너비가 640픽셀 이하 일 때*/
    @media screen and (max-width:640px) {
    	/* 모피어스 앱 사용으로 height: calc(100vh - 120px); 제거 20250608 */
        /* #oacxEmbededContents-m.oacxWrap{width: calc(100% - 20px); border: none; height: calc(100vh - 120px);} */
        #oacxEmbededContents-m.oacxWrap{width: calc(100% - 20px); border: none;}
        #oacxEmbededContents-m .sidebar{display: none;}
        #oacxEmbededContents-m .main{width: 100%; height: 100%; float:left; overflow: hidden;}
        #oacxEmbededContents-m .oacxHeader{position: relative; height: 50px; background: #fff; border-bottom: 2px solid #F4F4F4;}
        #oacxEmbededContents-m .oacxHeader {width: 100%; z-index: 10; overflow: hidden;}
        #oacxEmbededContents-m section{width: 100%; top: 50px;}
        #oacxEmbededContents-m section .inputArea{height: auto;}
        #oacxEmbededContents-m .inputArea .serviceSelect{width: 100%;}
        #oacxEmbededContents-m .inputArea .inputInfo{width: 100%; height: auto;}
        #oacxEmbededContents-m .inputInfo .input{width: 100%; height:auto; border-top: 10px solid #F4F4F4; border-bottom: 0;}
        #oacxEmbededContents-m .inputInfo .agree{width: 100%; height:auto; padding: 20px; border-top: 10px solid #F4F4F4;}
        
        /*헤더*/
        #oacxEmbededContents-m .close{display: block !important;}
        #oacxEmbededContents-m .oacxHeader  .logo{display: block !important;}
        
        /*서비스 선택*/
        #oacxEmbededContents-m .serviceSelect{border-top: 8px solid #F4F4F4; padding: 20px; min-height: 281px;}
        #oacxEmbededContents-m .serviceSelect h2{height: auto; padding: 0; margin-bottom: 0; display: inline-block; float: left; margin-bottom: 20px;}
        #oacxEmbededContents-m .serviceSelect .info{display: block; float: right; position: absolute;left: 0;}
        #oacxEmbededContents-m .serviceSelect .list{height: auto; clear: both; padding: 0; overflow: hidden; padding-top: 3px;}/*20210329 수정*/
        #oacxEmbededContents-m .serviceSelect li{width: 7rem; height: auto; float: left; margin-bottom: 10px; margin-right: calc((100% - 28rem) / 3); text-align: center;}
        #oacxEmbededContents-m .serviceSelect li:nth-child(4n){margin-right: 0;}
        #oacxEmbededContents-m .serviceSelect li:first-child p{margin-top: 0;}
        #oacxEmbededContents-m .serviceSelect .logoBg{height: 60px !important; width: 60px; margin: auto; border-radius: 22px !important;}/*20210419 수정*/
        #oacxEmbededContents-m .serviceSelect .logoBox{width: 40px; height: 40px; float: none; margin-right: 0; border-radius: 15px;}/*20210419 수정*/
        #oacxEmbededContents-m .serviceSelect .list p.m_txt{
            font-size: 1.4rem; line-height: 1.2em; display: block;
            width: 100%; margin-top: 6px; height: 96px;
            white-space: pre-line; word-break: keep-all;
        }
        #oacxEmbededContents-m .serviceSelect a{float: right;}
        #oacxEmbededContents-m .p_txt{display: none !important;}
        #oacxEmbededContents-m .serviceSelect li a.logoBg{width: 60px; margin-bottom: 5px;}
        
        /*본인인증 정보 입력*/
		#oacxEmbededContents-m .input label{display: none;}
        #oacxEmbededContents-m .input h2{display: none;}
        #oacxEmbededContents-m .input li{margin-bottom: 1.2rem; height: auto;}/*20210419 수정*/
        #oacxEmbededContents-m .input li label{width: 100%; line-height: 1em; margin-bottom: 1.4rem;}
        #oacxEmbededContents-m .input input[type="text"], #oacxEmbededContents-m .input input[type="number"], #oacxEmbededContents-m .input input[type="password"]{height: 5.6rem; line-height: 5.6rem; font-size: 1.8rem;}
        #oacxEmbededContents-m input[data-id="oacx_name"], #oacxEmbededContents-m input[data-id="oacx_birth"]{width: 100%; float: left;}/*20210419 수정*/
        #oacxEmbededContents-m input[data-id="oacx_num1"], #oacxEmbededContents-m input[data-id="oacx_num2"]{width: calc( ( 100% - 10px ) / 2 );}
        #oacxEmbededContents-m .input .togle_view{right: 1rem; bottom: 1.9rem;}/*20210419 추가*/
        
        /*서비스이용동의 수정 및 추가 20210325*/
        #oacxEmbededContents-m .pcAgree{display: none;}
        #oacxEmbededContents-m .mAgreeCst{display: block !important;}
        #oacxEmbededContents-m .mAgree li:last-child{margin-bottom: 0;}
        #oacxEmbededContents-m .mAgree li:first-child label{font-weight: bold;}
        #oacxEmbededContents-m .mAgree a{float: right; font-size: 1.4rem; color: var(--main-color); text-decoration: underline;}  
        #oacxEmbededContents-m .inputInfo .raonlogo{display: block; width: 42px; float: left; margin: 0 20px 20px 20px; text-align: center;}
        #oacxEmbededContents-m .inputInfo .raonlogo img{width: 100%; }
        #oacxEmbededContents-m .main section .btnArea{display: none;}
        #oacxEmbededContents-m .main section.standby .btnArea{display: block;}/*20210326 추가*/
        
        #oacxEmbededContents-m dl.selectedService{display: none;}
        
        /*인증대기 화면*/
        #oacxEmbededContents-m section.standby{overflow: hidden !important;}/*20210326 수정*/
        #oacxEmbededContents-m .standby .head{border-top: 8px solid #F4F4F4;}/*20210326 추가*/
        #oacxEmbededContents-m .container{height: calc(100% - 142px);}
        #oacxEmbededContents-m .stepArea{display: none;}
        #oacxEmbededContents-m .standby .m_icon{display: block; margin-top: 10px;}
        #oacxEmbededContents-m .standby p.m_txt{display: block; /* min-height: calc(100% - 245px); */}
        
        /*이용동의 자세히보기 팝업*/
        #oacxEmbededContents-m .viewPop{position: fixed; background: rgba(0, 0, 0, 0.5); height: 100%; padding: 0;}
        
        /*푸터 수정 20210326*/
        #oacxEmbededContents-m .mAgreeBg {height:calc(100%) !important;}
        #oacxEmbededContents-m .main section {position: fixed; overflow-x: hidden; overflow-y: auto;}
        #oacxEmbededContents-m .main section form{position :relative; overflow: hidden; min-height: calc(100% - 100px);}
        #oacxEmbededContents-m .main section footer{display: block; height: 50px; background: #F4F4F4; padding-top: 12px; padding-left: 20px;}
        #oacxEmbededContents-m .main section footer img{width: 42px;}
        
        /*푸터추가 20210325*/
        #oacxEmbededContents-m .main footer{display: block;}
        
        /*통신사 선택 추가 20210325*/
		
        #oacxEmbededContents-m .input select{height: 5.6rem !important; line-height: 5.6rem; font-size: 2.0rem;}/*20210419 수정*/
        #oacxEmbededContents-m .input input[data-id="oacx_phone2"], 
        #oacxEmbededContents-m .input input[data-id="oacx_phone3"]{width: calc(100% - 85px); float: left;}/*20210419 수정*/
        #oacxEmbededContents-m .input select[data-id="oacx_phone0"]{ width: 9rem !important; }
        #oacxEmbededContents-m .input select[data-id="oacx_phone1"]{  width: 7.5rem !important; }
       
		#oacxEmbededContents-m .input input[data-id='oacx_phone0'],
		#oacxEmbededContents-m .input input[data-id='oacx_phone1'],
        #oacxEmbededContents-m .input input[data-id='oacx_phone3'] { font-size: 2.0rem; height: 5.6rem !important;}
		#oacxEmbededContents-m .input input[data-id='oacx_phone0'],
		#oacxEmbededContents-m .input input[data-id='oacx_phone1'] { margin-right:2% !important; }
		#oacxEmbededContents-m .input .telecom input[data-id='oacx_phone3'] { width: calc(100% - 187px); }
		
        /*alert 팝업추가 20210325 */
        #oacxEmbededContents-m .alertArea{position:fixed; height: 100vh;}
        #oacxEmbededContents-m .alert.other{position:fixed; width: 320px; left: calc(50% - 160px);}
        
        /*간편로그인 추가 20210326*/
        #oacxEmbededContents-m input[data-id="email"]{width: 100%;}
        #oacxEmbededContents-m .inputInfo .agreeMsg{height: auto;}
        
        /*전자서명 추가 20210326*/
        #oacxEmbededContents-m input[data-id="birth"]{width: 100%;}
        
        #oacxEmbededContents-m .serviceSelect .question{height: auto;position: sticky;top: 233px;}/*20210329 수정*/

        #oacxEmbededContents-m .oacxHeader .popup-close button{width: 100%; height: 100%;padding: 0px;}
    }

    /*너비가 360픽셀 이하 일 때*/
    @media screen and (max-width:360px){
        #oacxEmbededContents-m .input select[data-id="oacx_phone0"]{width: 100%; margin-bottom: 1.2rem;}/*20210419 추가*/
        #oacxEmbededContents-m .telecom input[data-id="oacx_phone2"], #oacxEmbededContents-m .telecom input[data-id="oacx_phone3"]{width: calc(100% - 85px); float: left;}/*20210419 추가*/
    }

    /*너비가 320픽셀 이하 일 때*/
    @media screen and (max-width:320px){
        .oacxHtml{font-size: 9px;}
        #oacxEmbededContents-m .serviceSelect .logoBg{height: 50px !important; width: 50px; margin: auto; border-radius: 18px !important;}/*20210419 추가*/
        #oacxEmbededContents-m .serviceSelect .logoBox{width: 30px; height: 30px; float: none; margin-right: 0; border-radius: 9px;}/*20210419 추가*/
        #oacxEmbededContents-m .input .togle_view{right: 1rem; bottom: 1.8rem;}/*20210419 추가*/

        /*alert 팝업추가 20210325 */
        #oacxEmbededContents-m .alert{width: 90%; left: 5%;}
    }
    /*너비가 300픽셀 이하 일 때*/
    @media screen and (max-width:300px){
        #oacxEmbededContents-m .serviceSelect li{width: 8rem; height: auto; float: left; margin-bottom: 10px; margin-right: calc((100% - 24rem) / 2); text-align: center;  overflow: hidden;}
        #oacxEmbededContents-m .serviceSelect li:nth-child(3n){margin-right: 0;}
        #oacxEmbededContents-m .serviceSelect li:nth-child(4n){margin-right: calc((100% - 24rem) / 2);} 
    }
}

/*디바이스 가로형 20210409 추가 Start*/
@media only screen and (orientation: landscape) {
    @media screen and (max-width:1024px) and (max-height:420px){
        #oacxEmbededContents-m.oacxWrap{width: 100%; height: 100%;}
        #oacxEmbededContents-m .sidebar{display: none;}
        #oacxEmbededContents-m .main{width: 100%;}
        #oacxEmbededContents-m .oacxHeader{position: relative; height: 50px; background: #fff; border-bottom: 2px solid #F4F4F4;}
        #oacxEmbededContents-m .oacxHeader {width: 100%; z-index: 10; overflow: hidden;}
        #oacxEmbededContents-m section{width: 100%; top: 50px;}
        #oacxEmbededContents-m section .inputArea{height: auto;}
        #oacxEmbededContents-m .inputArea .serviceSelect{width: 100%;}
        #oacxEmbededContents-m .inputArea .inputInfo{width: 100%; height: auto;}
        #oacxEmbededContents-m .inputInfo .input{width: 100%; height:auto; border-top: 10px solid #F4F4F4; border-bottom: 0;}
        #oacxEmbededContents-m .inputInfo .agree{width: 100%; height:auto; padding: 20px; border-top: 10px solid #F4F4F4;}
        
        #oacxEmbededContents-m .csTxt{position:initial; width: initial;}

    /*  position: absolute;
    width: calc(100% - 40px); */
        /*헤더*/
        #oacxEmbededContents-m .close{display: block !important;}
        #oacxEmbededContents-m .oacxHeader .logo{display: block !important;}
        
        /*서비스 선택*/
        #oacxEmbededContents-m .serviceSelect{border-top: 8px solid #F4F4F4; padding: 20px; min-height: 281px;}
        #oacxEmbededContents-m .serviceSelect h2{height: auto; padding: 0; margin-bottom: 0; display: inline-block; float: left; margin-bottom: 20px;}
        #oacxEmbededContents-m .serviceSelect .info{display: block; float: right; position: absolute;left: 0;}
        #oacxEmbededContents-m .serviceSelect .list{height: auto; clear: both; padding: 0; overflow: hidden; padding-top: 3px;}/*20210329 수정*/
        #oacxEmbededContents-m .serviceSelect li{width: 8rem; height: auto; float: left; margin-bottom: 10px; margin-right: calc((100% - 33rem) / 4); text-align: center;}
        #oacxEmbededContents-m .serviceSelect li:nth-child(4n){margin-right: 0;}
        #oacxEmbededContents-m .serviceSelect li:first-child p{margin-top: 0;}
        #oacxEmbededContents-m .serviceSelect .logoBg{height: 60px !important; width: 60px; margin: auto; border-radius: 22px !important;}/*20210419 수정*/
        #oacxEmbededContents-m .serviceSelect .logoBox{width: 40px; height: 40px; float: none; margin-right: 0; border-radius: 15px;}/*20210419 수정*/
        #oacxEmbededContents-m .serviceSelect .list p.m_txt{
            font-size: 1.4rem; line-height: 1.2em; display: block;
            width: 100%; margin-top: 6px; height: 92px;
            white-space: pre-line; word-break: keep-all;
        }
        #oacxEmbededContents-m .serviceSelect a{float: right;}
        #oacxEmbededContents-m .p_txt{display: none !important;}
        #oacxEmbededContents-m .serviceSelect li a.logoBg{width: 60px; margin-bottom: 5px;}
        
        /*본인인증 정보 입력*/
        #oacxEmbededContents-m .input select{height: 5.6rem !important; line-height: 5.6rem;}/*20210419 추가*/
        #oacxEmbededContents-m .input h2{display: none;}
        #oacxEmbededContents-m .input li{margin-bottom: 1.2rem; height: auto;}/*20210419 수정*/
        #oacxEmbededContents-m .input label{display: none;}/*20210419 수정*/
        #oacxEmbededContents-m .input input[type="text"], #oacxEmbededContents-m .input input[type="number"], #oacxEmbededContents-m .input input[type="password"]{height: 5.6rem; line-height: 5.6rem; font-size: 1.7rem;}/*20210419 수정*/
        #oacxEmbededContents-m input[data-id="oacx_name"], #oacxEmbededContents-m input[data-id="oacx_birth"]{width: 100%; float: left;}/*20210419 수정*/
        #oacxEmbededContents-m input[data-id="oacx_num1"], #oacxEmbededContents-m input[data-id="oacx_num2"]{width: calc( ( 100% - 10px ) / 2 );}
        /* #oacxEmbededContents-m .input select[data-id="oacx_phone0"]{width: 80px;}20210419 추가 */
        /* #oacxEmbededContents-m .input select[data-id="oacx_phone1"]{width: 75px;}20210419 추가 */
        #oacxEmbededContents-m .telecom input[data-id="oacx_phone2"], #oacxEmbededContents-m .telecom input[data-id="oacx_phone3"]{width: calc(100% - 175px); float: left;}/*20210419 추가*/
        #oacxEmbededContents-m .input .togle_view{right: 1rem; bottom: 1.9rem;}/*20210419 추가*/#oacxEmbededContents-m 
        
        /*서비스이용동의 수정 및 추가 20210325*/
        #oacxEmbededContents-m .pcAgree{display: none;}
        #oacxEmbededContents-m .mAgreeCst{display: block !important;}
        #oacxEmbededContents-m .mAgree li:last-child{margin-bottom: 0;}
		#oacxEmbededContents-m .mAgree li:first-child label{font-weight: bold;}
        #oacxEmbededContents-m .mAgree a{float: right; font-size: 1.4rem; color: var(--main-color); text-decoration: underline;}  
        #oacxEmbededContents-m .inputInfo .raonlogo{display: block; width: 42px; float: left; margin: 0 20px 20px 20px; text-align: center;}
        #oacxEmbededContents-m .inputInfo .raonlogo img{width: 100%; }
        #oacxEmbededContents-m .main section .btnArea{display: none;}
        #oacxEmbededContents-m .main section.standby .btnArea{display: block;}/*20210326 추가*/
        
        #oacxEmbededContents-m dl.selectedService{display: none;}
        
        /*인증대기 화면*/
        #oacxEmbededContents-m section.standby{overflow: hidden !important; height: calc(100% - 50px);}/*20210326 수정*/
        #oacxEmbededContents-m .standby .head{border-top: 8px solid #F4F4F4;}/*20210326 추가*/
        #oacxEmbededContents-m .container{min-height: calc(100% - 116px);}
        #oacxEmbededContents-m .stepArea{display: none;}
        #oacxEmbededContents-m .standby .m_icon{display: block; margin-top: 10px;}
        #oacxEmbededContents-m .standby p.m_txt{display: block; /* min-height: calc(100% - 245px); */}
        
        /*이용동의 자세히보기 팝업*/
        #oacxEmbededContents-m .viewPop{position: fixed; background: rgba(0, 0, 0, 0.5); height: 100%; padding: 0;}
        
        /*푸터 수정 20210326*/
        #oacxEmbededContents-m .mAgreeBg {height:calc(100%) !important;}
        #oacxEmbededContents-m .main section {position: fixed; overflow-x: hidden; overflow-y: auto;}
        #oacxEmbededContents-m .main section form{position :relative; overflow: hidden; min-height: calc(100% - 100px);}
        #oacxEmbededContents-m .main section footer{display: block; height: 50px; background: #F4F4F4; padding-top: 12px; padding-left: 20px;}
        #oacxEmbededContents-m .main section footer img{width: 42px;}
        
        /*푸터추가 20210325*/
        #oacxEmbededContents-m .main footer{display: block;}
        
        /*alert 팝업추가 20210325 */
        #oacxEmbededContents-m .alert{top:20px !important;}
        #oacxEmbededContents-m .alertArea{position:fixed; height: 100vh;}
        #oacxEmbededContents-m .alert.other{position:fixed; width: 320px; left: calc(50% - 160px);}
        
        /*간편로그인 추가 20210326*/
        #oacxEmbededContents-m input[data-id="email"]{width: 100%;}
        #oacxEmbededContents-m .inputInfo .agreeMsg{height: auto;}
        
        /*전자서명 추가 20210326*/
        #oacxEmbededContents-m input[data-id="birth"]{width: 100%;}
        
        #oacxEmbededContents-m .serviceSelect .question{height: auto;position: sticky;top: 233px;}/*20210329 수정*/
        
        #oacxEmbededContents-m .oacxHeader .popup-close button{width: 100%; height: 100%; padding: 0px;}
    }
    @media screen and (max-width:823px) {
    }
}


/*디바이스 가로형 20210409 추가 Start*/
@media only screen and (orientation: landscape) {
    @media screen and (max-width:1024px){
        #oacxEmbededContents-m.oacxWrap{width: 100%; height: 100%;}
        #oacxEmbededContents-m .sidebar{display: none;}
        #oacxEmbededContents-m .main{width: 100%;}
        #oacxEmbededContents-m .oacxHeader{position: relative; height: 50px; background: #fff; border-bottom: 2px solid #F4F4F4;}
        #oacxEmbededContents-m .oacxHeader {width: 100%; z-index: 10; overflow: hidden;}
        #oacxEmbededContents-m section{width: 100%; top: 50px;}
        #oacxEmbededContents-m section .inputArea{height: auto;}
        #oacxEmbededContents-m .inputArea .serviceSelect{width: 100%;}
        #oacxEmbededContents-m .inputArea .inputInfo{width: 100%; height: auto;}
        #oacxEmbededContents-m .inputInfo .input{width: 100%; height:auto; border-top: 10px solid #F4F4F4; border-bottom: 0;}
        #oacxEmbededContents-m .inputInfo .agree{width: 100%; height:auto; padding: 20px; border-top: 10px solid #F4F4F4;}
        
        #oacxEmbededContents-m .csTxt{position:initial; width: initial;}

    /*  position: absolute;
    width: calc(100% - 40px); */
        /*헤더*/
        #oacxEmbededContents-m .close{display: block !important;}
        #oacxEmbededContents-m .oacxHeader .logo{display: block !important;}
        
        /*서비스 선택*/
        #oacxEmbededContents-m .serviceSelect{border-top: 8px solid #F4F4F4; padding: 20px; min-height: 281px;}
        #oacxEmbededContents-m .serviceSelect h2{height: auto; padding: 0; margin-bottom: 0; display: inline-block; float: left; margin-bottom: 20px;}
        #oacxEmbededContents-m .serviceSelect .info{display: block; float: right; position: absolute;left: 0;}
        #oacxEmbededContents-m .serviceSelect .list{height: auto; clear: both; padding: 0; overflow: hidden; padding-top: 3px;}/*20210329 수정*/
        #oacxEmbededContents-m .serviceSelect li{width: 8rem; height: auto; float: left; margin-bottom: 10px; margin-right: calc((100% - 33rem) / 4); text-align: center;}
        #oacxEmbededContents-m .serviceSelect li:nth-child(4n){margin-right: 0;}
        #oacxEmbededContents-m .serviceSelect li:first-child p{margin-top: 0;}
        #oacxEmbededContents-m .serviceSelect .logoBg{height: 60px !important; width: 60px; margin: auto; border-radius: 22px !important;}/*20210419 수정*/
        #oacxEmbededContents-m .serviceSelect .logoBox{width: 40px; height: 40px; float: none; margin-right: 0; border-radius: 15px;}/*20210419 수정*/
        #oacxEmbededContents-m .serviceSelect .list p.m_txt{
            font-size: 1.4rem; line-height: 1.2em; display: block;
            width: 100%; margin-top: 6px; height: 92px;
            white-space: pre-line; word-break: keep-all;
        }
        #oacxEmbededContents-m .serviceSelect a{float: right;}
        #oacxEmbededContents-m .p_txt{display: none !important;}
        #oacxEmbededContents-m .serviceSelect li a.logoBg{width: 60px; margin-bottom: 5px;}
        
        /*본인인증 정보 입력*/
        #oacxEmbededContents-m .input select{height: 5.6rem !important; line-height: 5.6rem;}/*20210419 추가*/
        #oacxEmbededContents-m .input h2{display: none;}
        #oacxEmbededContents-m .input li{margin-bottom: 1.2rem; height: auto;}/*20210419 수정*/
        #oacxEmbededContents-m .input label{display: none;}/*20210419 수정*/
        #oacxEmbededContents-m .input input[type="text"], #oacxEmbededContents-m .input input[type="number"], #oacxEmbededContents-m .input input[type="password"]{height: 5.6rem; line-height: 5.6rem; font-size: 1.7rem;}/*20210419 수정*/
        #oacxEmbededContents-m input[data-id="oacx_name"], #oacxEmbededContents-m input[data-id="oacx_birth"]{width: 100%; float: left;}/*20210419 수정*/
        #oacxEmbededContents-m input[data-id="oacx_num1"], #oacxEmbededContents-m input[data-id="oacx_num2"]{width: calc( ( 100% - 10px ) / 2 );}
        /* #oacxEmbededContents-m .input select[data-id="oacx_phone0"]{width: 80px;}20210419 추가 */
        /* #oacxEmbededContents-m .input select[data-id="oacx_phone1"]{width: 75px;}20210419 추가 */
        #oacxEmbededContents-m .telecom input[data-id="oacx_phone2"], #oacxEmbededContents-m .telecom input[data-id="oacx_phone3"]{width: calc(100% - 175px); float: left;}/*20210419 추가*/
        #oacxEmbededContents-m .input .togle_view{right: 1rem; bottom: 1.9rem;}/*20210419 추가*/#oacxEmbededContents-m 
        
        /*서비스이용동의 수정 및 추가 20210325*/
        #oacxEmbededContents-m .pcAgree{display: none;}
        #oacxEmbededContents-m .mAgreeCst{display: block !important;}
        #oacxEmbededContents-m .mAgree li:last-child{margin-bottom: 0;}
		#oacxEmbededContents-m .mAgree li:first-child label{font-weight: bold;}
        #oacxEmbededContents-m .mAgree a{float: right; font-size: 1.4rem; color: var(--main-color); text-decoration: underline;}  
        #oacxEmbededContents-m .inputInfo .raonlogo{display: block; width: 42px; float: left; margin: 0 20px 20px 20px; text-align: center;}
        #oacxEmbededContents-m .inputInfo .raonlogo img{width: 100%; }
        #oacxEmbededContents-m .main section .btnArea{display: none;}
        #oacxEmbededContents-m .main section.standby .btnArea{display: block;}/*20210326 추가*/
        
        #oacxEmbededContents-m dl.selectedService{display: none;}
        
        /*인증대기 화면*/
        #oacxEmbededContents-m section.standby{overflow: hidden !important; height: calc(100% - 50px);}/*20210326 수정*/
        #oacxEmbededContents-m .standby .head{border-top: 8px solid #F4F4F4;}/*20210326 추가*/
        #oacxEmbededContents-m .container{min-height: calc(100% - 116px);}
        #oacxEmbededContents-m .stepArea{display: none;}
        #oacxEmbededContents-m .standby .m_icon{display: block; margin-top: 10px;}
        #oacxEmbededContents-m .standby p.m_txt{display: block; /* min-height: calc(100% - 245px); */}
        
        /*이용동의 자세히보기 팝업*/
        #oacxEmbededContents-m .viewPop{position: fixed; background: rgba(0, 0, 0, 0.5); height: 100%; padding: 0;}
        
        /*푸터 수정 20210326*/
        #oacxEmbededContents-m .mAgreeBg {height:calc(100%) !important;}
        #oacxEmbededContents-m .main section {position: fixed; overflow-x: hidden; overflow-y: auto;}
        #oacxEmbededContents-m .main section form{position :relative; overflow: hidden; min-height: calc(100% - 100px);}
        #oacxEmbededContents-m .main section footer{display: block; height: 50px; background: #F4F4F4; padding-top: 12px; padding-left: 20px;}
        #oacxEmbededContents-m .main section footer img{width: 42px;}
        
        /*푸터추가 20210325*/
        #oacxEmbededContents-m .main footer{display: block;}
        
        /*alert 팝업추가 20210325 */
        #oacxEmbededContents-m .alert{top:20px !important;}
        #oacxEmbededContents-m .alertArea{position:fixed; height: 100vh;}
        #oacxEmbededContents-m .alert.other{position:fixed; width: 320px; left: calc(50% - 160px);}
        
        /*간편로그인 추가 20210326*/
        #oacxEmbededContents-m input[data-id="email"]{width: 100%;}
        #oacxEmbededContents-m .inputInfo .agreeMsg{height: auto;}
        
        /*전자서명 추가 20210326*/
        #oacxEmbededContents-m input[data-id="birth"]{width: 100%;}
        
        #oacxEmbededContents-m .serviceSelect .question{height: auto;position: sticky;top: 233px;}/*20210329 수정*/
        
        #oacxEmbededContents-m .oacxHeader .popup-close button{width: 100%; height: 100%; padding: 0px;}
    }
    @media screen and (max-width:823px) {
    }
}