@charset "UTF-8";


@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url('../fonts/pretendard/Pretendard-Black.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url('../fonts/pretendard/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('../fonts/pretendard/Pretendard-Bold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url('../fonts/pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url('../fonts/pretendard/Pretendard-Medium.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url('../fonts/pretendard/Pretendard-Regular.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url('../fonts/pretendard/Pretendard-Light.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url('../fonts/pretendard/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url('../fonts/pretendard/Pretendard-Thin.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Thin.woff') format('woff');
}
/*폰트설정 : 끝*/


/*기타 설정 : 시작 */
html{-webkit-text-size-adjust:none; 
-ms-user-select:none; -khtml-user-select:none;
-webkit-user-select:none; user-select:none; 
-webkit-touch-callout:none; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body,a,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tr,th,td,
form,fieldset,label,legend,input,textarea,button,menu{margin:0px;padding:0px; -webkit-text-size-adjust:none;}
body,input,textarea,select,table,button,code{color:#1f1f1f;
font-family: /*'NanumSquare'*/'Pretendard'; font-weight: 400; text-align: left; font-style:normal; } 
body{width:100%; position:relative;word-wrap:break-word;word-break:break-all; 
background: #000;
min-width:280px; min-height: 100vh;}
nav,menu,ul,li,ol{list-style:none;}
div{display:block;}
table{border-collapse:collapse; border-spacing:0;}
img,fieldset{border:none;}
em,address{font-style:normal;}
select{cursor: pointer; background: none}
section,article,header,footer,nav,aside,hgroup{display:block;}
button{border:none; background:none; cursor:pointer !important; margin:0; padding:0}
button:focus{outline:none;}
a{margin:0px; padding:0px; text-decoration:none; cursor:pointer;}
a:hover, a:active{text-decoration:none !important;}
table{table-layout: fixed;}
.clearFix:after{content:""; display:block; clear:both;}
.ibFix{line-height:0px;}
.hiddenFix{position: absolute; overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; line-height: 0;
text-indent:-10000px}
caption{position: absolute; overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; line-height: 0;
text-indent:-10000px}
label{cursor:pointer;}
.floatLeft{float: left;} .floatLeft:after{content:""; display:block; clear:both;}
.floatRight{float: right; position: relative;} .floatRight:after{content:""; display:block; clear:both;}
.pageFix{overflow: hidden;}
.tCenter{text-align: center;}
.inside{display: inline-block;}
.inside:after{content: ""; display: block; clear: both;}
.row{display: block; width: 100%; position: relative;}
.row:after{content: ""; display: block; clear: both;}
.bold{font-weight: 700}

select {
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
}

select::-ms-expand{
   display:none;/*for IE10,11*/
}

:root {
  --main: #012754;
  --red: #fa0202;
}

.red{color:var(--red) !important}



/*.gotoTop{
    position: fixed;
    display: none;
    z-index: 100;
    width: 50px;
    height: 50px;
    background: url(../images/go_top75.png) center no-repeat;
    background-size: 50px 50px;
    bottom: 19px;
    right: 16px;
    filter : drop-shadow(0 3px 6px rgba(0,0,0,0.15));
}*/

/*기타 설정 : 끝*/






/*레이아웃 : 시작*/
.allWrap{
    display: block;
    position: relative;
    width: 100%;
    max-width: 1000px;
    min-width: 280px;
    min-height: 100vh;
    margin:0 auto;
    padding:0 0 92px;
    background:#111;
    
    /*border-left:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;*/
}


.centerWrap{
    display: block;
    width: 100%;
    margin:0 auto;
    position: relative;
    padding:0 20px;
}

.centerWrap:after{content: ""; display: block; clear: both;}

.contents{
    display: block;
    width: 100%;
    padding: 62px 0 0;
}


/*레이아웃 : 끝*/





/*버튼 : 시작*/
.buttonOk{
    display: block;
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color:var(--main) !important;
    background: #111;
    margin:33px 0 0;
}

.buttonMain{
    display: block;
    width: 100%;
    height: 52px;
    line-height: 52px;
    border-radius: 10px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    background:var(--main);
    color: #111 !important;
}

.buttonMain.disabled{
    background: #E1E1E1;
}


.buttonCancel{
    display: block;
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    background:#EAEAEA;
    color: var(--main) !important;
}

.buttonBlackLine{
    display: block;
    width: 100%;
    height: 54px;
    line-height: 52px;
    border-radius: 10px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    color:var(--main) !important;
    background: #111;
    border:1px solid var(--main) !important;
}
/*버튼 : 끝*/




.bInput input[type=checkbox]{
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    line-height: normal;
}

.bInput {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 30px;
    float: left;
}

.bInput:after{content: ""; display: block; clear: both;}

.bInput input + .txt {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    color:#fff;
    padding:0 0 0 28px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bInput input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.bInput input[type="checkbox"]:focus+.txt{
    /*outline:2px solid #20787c; outline-offset: -2px;*/
}

.bInput input[type="checkbox"]:not(:checked)+.txt {
    background: url(../images/checkbox-off-z.svg) left no-repeat;
    background-size: 24px 24px;
}

.bInput input[type="checkbox"]:checked+.txt {
    background: url(../images/checkbox-on-z.svg) left no-repeat;
    background-size: 24px 24px;
    /*color:var(--main);*/
    font-weight: 700;
}











/*로딩 : 시작*/
.wrapNormal{
    position: absolute;
    width: 100%;
    left:0;
    top:45%;
    transform: translateY(-50%);
}

.bigLogo{
    display: block;
    width: 76px;
    line-height: 0;
    margin:0 auto;
}

.bigLogo > img{
    display: block;
    width:100%;
}

.bigTxt1{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
    word-break: keep-all;
    color:#fff;
    margin:30px auto 0;
}

.bigTxt2{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    word-break: keep-all;
    color:#fff;
    margin:20px auto 0;
}

.loading{
    display: block;
    width: 50px;
    line-height: 0;
    margin:50px auto;
}

.loading img{
    display: block;
    width: 100%;
}

.qButtons{
    display: flex;
    flex-wrap:wrap;
    gap:0 40px;
    justify-content: center;
    margin:40px 0 0;
}

.buttonM1{
    width: 100px;
}

.buttonM2{
    width: 100px;
}

.buttonM1 .icon{
    width: 100px;
    height: 100px;
    background: #fff url(../images/phone.png) center no-repeat;
    background-size: 50px 50px;
    border-radius: 50%;
}

.buttonM1 .txt{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color:#fff;
    line-height: 30px;
}

.buttonM2 .icon{
    width: 100px;
    height: 100px;
    background: #fff url(../images/chat.png) center no-repeat;
    background-size: 50px 50px;
    border-radius: 50%;
}

.buttonM2 .txt{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color:#fff;
    line-height: 30px;
    margin:4px 0 0;
}
/*로딩 : 끝*/





/*푸터 : 시작*/
.nFooter{
    display: block;
    width: 100%;
    max-width: 1000px;
    min-width: 280px;
/*    box-shadow: 0px -3px 3px rgba(255, 255, 255, 0.1);*/
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px 20px 24px;
    background: #111;
    background: #fff;
    border-radius: 24px 24px 0 0;
}

.copyRight{
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: -0.5px;
    line-height: 1.4;
    text-align: center;
    color:#222;
}

.copyRight span{
    font-weight: 600;
}

.buttonGo1{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 600;
    color:#fff !important;
    border-radius: 8px;
    background: #222;
    text-align: center;
    max-width: 600px;
    margin:0 auto 12px;
}
/*푸터 : 끝*/






/*컨텐츠 : 시작*/
.contentsWrap{
    display: block;
    position: relative;
    width: 100%;
    margin:0 auto;
    max-width: 640px;
    padding:40px 20px 150px;
    text-align: center;
}

.bigLogo2{
    width: 70px;
}

.agreePolicy{
    display: block;
    width: 100%;
    margin:40px auto 0;
}

.line001-a{
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin:12px 0 30px;
}

.policyContent{
    display: block;
    border:1px solid #c0c0c0;
    padding: 20px;
    overflow-y: auto;
    height: 230px;
    background: #eaeaea;
    margin:12px 0 0;
    border-radius: 10px;
}

.policyContent + .row{
    margin:50px 0 0;
}

.policyInside{
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
    font-weight: 400;
    white-space: pre-line;
}


.inputContents{
    display: block;
    width: 100%;
    padding:16px 0 0;
}

.dataLabel{
    display: block;
    width: 100%;
    margin:30px 0 0;
}

.dataLabel:after{
    content: "";
    display: block;
    clear: both;
}

.dataLabel .txt{
    font-size: 14px;
    font-weight: 500;
    color:#e0e0e0;
    line-height: 30px;
    text-align: left;
}

.dataWrap{
    display: block;
    width: 100%;
}

.dataWrap:after{
    content: "";
    display: block;
    clear: both;
}

.inputNormal{
    display: block;
    width: 100%;
    border: 2px solid #d0d0d0;
    border-radius: 6px;
    padding: 0 16px;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    height: 50px;
    line-height: 46px;
    background: #333;
}

.inputNormal::placeholder{
    color:#999;
}


.gotoFindPw{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color:#fff !important;
    line-height: 38px;
    text-align: center;
    border-bottom:1px solid #fff;
    margin:24px auto 0;
    padding:0 2px;
}

.cnTxt1{
    display: block;
    width: 100%;
    padding:30px 0 0;
    font-size: 15px;
    font-weight: 400;
    color:#777;
    line-height: 1.4;
}

.cnTxt2{
    display: block;
    width: 100%;
    font-size: 34px;
    font-weight: 700;
    color:#fff;
    line-height: 1.4;
}

.cnTxt3{
    display: inline-block;
    margin:12px 0 0;
    font-size: 18px;
    font-weight: 400;
    color:#fff;
    line-height: 20px;
    background: #333;
    padding:8px 12px;
    border-radius: 6px;
}

.nTxt1{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500x;
    line-height: 1.5;
    padding:30px 0 0;
    word-break: keep-all;
}


.loadingWrap{
    background-color:#ffffff;
    width:140px;
    height:140px;
    display:block;
    overflow: hidden;
    text-align: center;
    opacity: 1;
    border-radius: 70px;
    margin:30px auto;
}

#lottie{
    width:80px;
    height:80px;
    display:block;
    overflow: hidden;
    text-align: center;
    opacity: 1;
    margin:30px auto;
}
/*컨텐츠 : 끝*/
















































































































































































/*#######################################*/
@media screen and (max-width: 1000px) {


} /*반응형 1000px 끝*/



/*#######################################*/
@media screen and (max-width: 600px) {

    

} /*반응형 600px 끝*/








/*#######################################*/
@media screen and (max-width: 500px) {

    .buttonMain{
        font-size: 16px;
    }


} /*반응형 488px 끝*/








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

    

} /*반응형 488px 끝*/


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



} /*반응형 400px 끝*/


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


} /*반응형 380px 끝*/


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


} /*반응형 360px 끝*/






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


} /*반응형 320px 끝*/









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

} /*반응형 320px 끝*/



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

 
} /*반응형 300px 끝*/