@charset "EUC-KR";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

#sms-question-popup-wrap {
    position: fixed;
    width: 310px;
    height: 425px;
    z-index: 99999;
    background-color: #f4f0e3;
    
    /* border: 1px solid #d3d3d3; */
    /* border: 1px solid #d3d3d3; */
    -webkit-box-shadow: -1px 0px 11px 0px rgba(46, 46, 50, 0.49);
    -moz-box-shadow: -1px 0px 11px 0px rgba(46, 46, 50, 0.49);
    box-shadow: -1px 0px 11px 0px rgba(46, 46, 50, 0.49);
    cursor: pointer;
    font-family: 'Noto Sans KR';
}


.sqas-form-title-box {
    height:115px;
    padding: 30px 0 0;
    background-color: #279d6d;
    background:#3e4772;

    /* ÆÄÀÏ À§Ä¡¿¡ ¸Â°Ô ¼öÁ¤ ÇÊ¿ä*/
    background-image: url(tit_bg_img.png);
    background-size:100%;
}

.sqas-form-title {
    display:block;
    font-family:"Noto Sans KR"; 
    text-align:center;
    font-size: 20px;
    font-weight: 400;
    color:#fff;
    letter-spacing: 0.1em;
}
.sqas-form-title:after{
    display:block;
    content:"";
    clear: both;
    width:15px;
    height:1px;
    margin:5px auto;
    background:#fff;


}
.aqas-form-inner{
    width:80%;
    padding:15px;
    margin:-50px auto 0;
    border-radius: 3px;
    background:#fffefb;
    box-shadow: 0px 0px 3px #ccc;
}

.sqas-phone-label{
    display:inline-block;
    padding:7px 12px 7px 7px;
    text-align:left;
	 font-size:14px;
}

.sqas-phone-label:after{
    display:block;
    content:"";
    clear: both;
    width:4px;
    height:4px;
    margin:-12px 0 7px -7px;
    background:#dabb7d;
}


.sqas-form-inner-box input[type=text] {
    display: inline-block;
    width: 55px;
    height:26px;
    border:1px solid #ddd;
    outline:none;
}

.sqas-msg-label-box{
    display:inline-block;
    padding:7px;
    text-align:left;
	 font-size:14px;
}

   

.sqas-msg-label-box:after{
    display:block;
    content:"";
    clear: both;
    width:4px;
    height:4px;
    margin:-12px 0 7px -7px;
    background:#dabb7d;
}
.sqas-msg-box textarea {
    width: 90%;
    height: 100px;
    padding:5px 5%;
    font-size:12px;
    color:#555;
    border:1px solid #ddd;
    resize: none;
    outline: none;
    /* overflow:hidden; */
}

.sqas-phone-box input {
    text-align: center;
}

  

.sqas-alert-box {
    display:block;
    height:16px;
    padding-right:10px;
    color: #ec2260;
    font-size: 12px;
    text-align: right;
    
}

.sqas-phone-box {
    padding:5px 0;
    border-bottom:1px dashed #eadcbe;
}

.sqas-msg-byte {
    text-align:right;
    font-size:14px;
    color:#dabb7d;
}

.sqas-msg-byte-cur{
    color:#279d6d;
	 color:#3e4772;
}

.sqas-btn-box{
    margin:5px 0;
    text-align: center;

}
#sqas-btn-submit {
    display:inline-block;
    padding:7px 30px;
    line-height:18px;
    border-radius: 15px;
    background:#279d6d;
	 background:#3e4772;
    color:#fff;
    border:none;
    outline:none;
    cursor: pointer;
}

 

#sqas-btn-close{
    position: absolute;
    right:-15px;
    top:-15px;;
    width:36px;
    height:36px;
    border-radius: 50%;
    background-color:#d9c294;

    /* ÆÄÀÏ À§Ä¡¿¡ ¸Â°Ô ¼öÁ¤ ÇÊ¿ä*/
    background-image: url("http://img.arreo.com/usr/img11/com/btn_close_02.png");
    background-position: center;
    background-repeat: no-repeat;

    display: inline-block;
    text-indent: -9999999em;
    box-shadow: 1px 1px 3px #999;
    border:none;
    outline: none;
    cursor: pointer;
    font-size:0;
    margin:0 !important;
}

#sqas-success-wrap dl{
    width:80%;
    margin:80px auto 30px;}
#sqas-success-wrap > dl dt{
    position:relative;
    display:block;
    width:57px;
    margin:0 auto;}
#sqas-success-wrap dl dt img{
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
    -webkit-border-radius: 100%;
    -moz-border-radius:  100%;;
    border-radius:  100%;
    background:#279d6d;
    background:#3e4772;
    border:5px solid #279d6d;

    border:5px solid #3e4772;}
#sqas-success-wrap dl dd{
    width:100%;
    margin:-50px auto 0;
    height:290px;
    background:#279d6d;
    background:#3e4772;
    border-radius:5px;
    text-align:center}
#sqas-success-wrap dl dd p{
    padding:100px 0 0;
	 font-size: 14px;
    line-height: 22px;
    color:#fff}


#sqas-fail-wrap dl{
    width:80%;
    margin:80px auto 30px;}

#sqas-fail-wrap dl dt{
	
    position:relative;
    display:block;
    width:57px;
    margin:0 auto;}
    
#sqas-fail-wrap dl dt img{
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; 
    -webkit-border-radius: 100%;
    -moz-border-radius:  100%;;
    border-radius:  100%;
    background:#e9474b;
    border:5px solid #e9474b}
#sqas-fail-wrap dl dd{
    width:100%;
    margin:-50px auto 0;
    height:290px;
    background:#e9474b;
    border-radius:5px;
    text-align:center}
#sqas-fail-wrap dl dd p{
    padding:100px 0 0;
	 font-size: 14px;
    line-height: 22px;
    color:#fff}

.sqas-btn-close{
    display:inline-block;
    height:32px;
    line-height:32px;
    width:50%;
    margin:70px auto 0;
    border-radius:30px;
    background:#fff;
    border:none;
    outline:none;
    font-family: 'Noto Sans KR';
    font-size:14px;
    font-weight:600;
    cursor: pointer;}
#sqas-success-wrap .sqas-btn-close{color:#279d6d;color:#3e4772;}
#sqas-fail-wrap .sqas-btn-close{color:#e9474b}