@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, address, big, cite, code, del, dfn, em, font, img, ins,q, s, samp, small, strike, 
strong, sub, sup, tt, var, b,u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none 0; }
* html{height:1px;} /* 크롬용 기본 1px 조절해주기 */
html, body { width:100%; height:100%; }
body input, button, textarea { font-size:10pt; line-height:1.5em; font-family:'NanumSquare', 'Noto Sans KR', sans-serif; color:#4d4d4d; }
button {border:0; background:none;}
h1, h2, h3, h4, h5, h6 { font-size:12px; text-align:left; }
img, fieldset, iframe { border:0 none;}
table, div { border-collapse: collapse;}
select, textarea { border: 1px solid #B7B6B6; background: #FFFFFF; color: #000000; font-size: 12px; vertical-align: middle; }
textarea { overflow:auto; }
select, input, img, li { vertical-align: middle; text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
ul, li, ol { list-style-type: none;}
ul{font-size:0px;} /* 픽셀차이 잡아주기 */
legend, caption { display: none; }
hr { border-collapse:collapse; display:none; }
strong{font-weight:bold;}
* {box-sizing: border-box;}
a {text-decoration:none;}
br {font-family: 'NanumSquare', sans-serif;}
body  {font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.5px; color:#fff;}

.popMobiSign {
    border-radius: 4px;
    width: 600px;
    height: 370px;
}

button.small-1 {
    padding: 0 7px;
    height: 39px;
    width: 160px;
    background: #FF6B00;
    line-height: 22px;
    transition: border .2s;
    font-size:15px;
    color:#fff;
}

button.small-2 {
    padding: 0 7px;
    height: 39px;
    width: 160px;
    background: #5C6273;
    line-height: 22px;
    transition: border .2s;
    font-size:15px;
    color:#fff;
}

button.small-3 {
    padding: 7px;
    height: 33px;
    width: 158px;
    background: #FF6B00;
    line-height: 22px;
    transition: border .2s;
    font-size:12px;
    color:#fff;
    margin-top:0.6em;
}

button.small-4 {
    padding: 7px;
    height: 33px;
    width: 158px;
    background: #5C6273;
    line-height: 22px;
    transition: border .2s;
    font-size:12px;
    color:#fff;
     margin-top:0.3em;
}

button.basic {
    padding: 0 7px;
    height: 39px;
    width: 182px;
    background: #5C6273;
    line-height: 22px;
    transition: border .2s;
    font-size:15px;
    color:#fff;
    margin-left:76px;
    
}

button:hover {
    border: 1px solid #ff8400;
}

.buttonWrap {
    float:left;
    bottom:50px;
    top:290px;
    
}

.buttonWrap2 {
    float:center;
}

.buttonWrap3 {
    float:center;
    bottom:50px;
    top:290px;
    left:111px;
    padding-left: 
}

.logo-l {
    padding: 12px 0 0 20px;
}

.logo-r {
    padding: 12px 12px 0 0;
    float:right;
}

.logo-c {
    padding: 2em 2.8em 0.5em 2.8em;
}



.wrap {
    display:inline; 
    height:370px;
    float:left;
}


.input-num {800px;
    
    background-color: #e1e1e1;
    margin-top:18px;
    height: 64px;
    width:327px;
    padding:1.5em;
    color:#211F1D;
    font-size: 12px;   
}

.input-num label {
    font-weight: 600;
    padding-right: 0.5em;}


.num {
    display:inline;
    width:11em;
    height: 2em;
    margin-left:0.2em;
    border: 1px solid #bababa;
    font-size:0.875rem;
    color:#000;
    padding:0.6em;
    
}
.num2 {
    display:inline;
    width:7em;
    height: 2em;
    border: 1px solid #bababa;
    font-size:0.875rem;
    color:#000;
    padding:0.6em;
    
}

.num2:first-child {
    margin-left: 0.2em;
}

.check {
    font-size:12px;
    font-weight: 300;
    margin-top:9px;
    margin-bottom: 41px;
    
}

.container-1 {
    width: 402px;
    height: 369px;
    background-color: #1E2539;
    float:left;
}

.center {
    text-align: center;
}

.center .txtBox {
    width: 100% !important;
}

.container-1 .txtBox {
    height: 100%;
    float: left;
    padding-top: 30px;
    padding-left: 35px;
    position: relative;
}

.container-1 .txtBox .tit {
    font-family: 'NanumSquare', sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.container-1 .txtBox .tit span {
    color: #FF6B00;
}

.container-1 .txtBox .txt {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3rem;
}

.container-1 .txtBox .txt span {
    color: #FF6B00;
    font-weight: 500;
}


.container-2 {
    width: 196px;
    height: 369px;
    color:#000;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    float: right;
    

}

.container-2 .txtBox {
    height: 100%;
    position: relative;
    padding: 0 1.02em;
}

.container-2 .txtBox .tit {
    font-family: 'NanumSquare', sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin:0 auto;
    text-align: center;
}

.container-2 .txtBox img {
    margin:1em 3em;
    
}

.container-2 .txtBox .txt {
    font-size: 10px;
    font-weight: 400;
    line-height: 1rem;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    color:#211F1D;
}

.footer {
    font-size: 11px;
    color: #e1e1e1;
    margin-top: 1.2em;
    font-weight: 300;
    margin-left:16px;
    
}

.procced-circle{
    width:8px;
    height: 8px;
    background-color: #D9D9D9;
    border-radius: 8px;
    display: flex;
    float:right;
    margin: 0.5em 1em 0 0; 
}

.procced-circle-on{
    width:8px;
    height: 8px;
    background-color: #FF6B00;
    border-radius: 8px;
    display: flex;
    float:right;
    margin: 0.5em 1em 0 0; 
}


.phoneNumberControl {ime-mode: disabled;}

.form-control {font-size:0.875rem;
width:4em; height:2em;
padding:0.3em;
} 


.bottomWrap1{
    position: absolute;
    margin-top: 132px;
    width: 330px;
    display: block;
    
}

.bottomWrap2{
    position: absolute;
    width: 330px;
    display: block;
    
}

.bottomWrap3{
    position: absolute;
    margin-top: 30px;
    width: 330px;
    display: block;
    
}