:root{
    --main-color: #2479E4; /* 파란색  */
    --sub-color: #FF3840 ;  /* 레드 */
    --btn-color: #4F4F4F;
    --box-shadow: 0px 2px 5px rgba(180, 180, 180, 0.6);
}

*, *::before, *::after { font-weight: 400; font-family: 'Pretendard', sans-serif; margin: 0; padding: 0; box-sizing: border-box;}



/*푸터 안보이게 -> 하단 공간 추가*/
.wrap{
    padding-bottom: 2rem;
}



/*.step_num*/
.step_num,
.step_tex{
    margin: 0;
}


/* 개통 step2 버튼 */
.btn_wrap {
    margin: auto;
    display: flex;
    justify-content: center;
    column-gap: 6px;
}
.btn1{
    color: #fff;
    background: var(--btn-color);
    cursor: pointer;
    text-indent: 0;
    transition: all 0.3s ease-in-out;
    border-radius: 1.5rem;
}
.btn1:hover{
    background: var(--main-color);
}


/* 개통 step3 */
.page_tit{
    font-size: 2.3rem;
    font-weight: 600;
    margin-bottom: 3rem;
}

input {
    width: 100%;
    height: 64px;
    background: #F8F8F8;
    border-radius: 1.5rem;
    border: none;
    text-indent: .93rem;
    margin-bottom: 12px;
}
select {
    width: 100%;
    height: 64px;
    background: #F8F8F8;
    border-radius: 1.5rem;
    border: 1px solid #E4E4E4;
    padding-left: .93rem;
    outline: none;
    font-size: 1rem;
    background-image: url(/common/image/icon/downarrow.svg);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 96% 50%;
    -webkit-appearance: none;
    cursor: pointer;
}

.wrap h4{
    font-weight: unset;
}


.opt_obj input[type="radio"]{
    display: none;
}

.opt_obj input[type="radio"] + span{
        height: 3rem;
    line-height: 3rem;
    padding: 0 1.2rem;
    display: block;
    width: auto;
    margin-right: .4rem;
    margin-bottom: .4rem;
    border: 1px solid #e1e1e1;
    border-radius: 50px;
    font-size: 1.03rem;
    font-weight: 600;
    color: #808080;
    text-align: center;
    cursor: pointer;
}

.opt_obj input[type="radio"]:checked + span{
    background: var(--btn-color);
    border: var(--btn-color);
    color: #fff;
}



/* 주소 */
.postcode{
    margin-bottom: 12px;
}
.postcode input:first-child{
    width: 69%;
}
.postcode input:last-child{
    width: 30%;
    text-indent: 0;
    cursor: pointer;
}
.disabled{
    background: #EBEBEB;
}

/*버튼*/
.next_btn{
    margin: 1rem auto 0 auto;
    border-radius: 50px;
    background-color: var(--btn-color);
    color: #fff;
    font-size: 1rem;
}





/*라디오버튼(옵션선택) css*/

/* 선택 옵션 2가지 경우 */
.option{
    width: 100%;
    height: auto;
    margin: auto;
    justify-content: space-around;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    text-align: center;
}
.wrap .option2{
    grid-template-columns: repeat(3, 1fr);
}
.option>p{
    margin-top: 15px;
    font-size: 0.87rem;
    color: #717171;
}
.open_obj{
    width: 100%;
}
.open_obj input[type="radio"] {
    display: none;
}
.open_obj input[type="radio"] + span {
    font-size: 0.94rem;
    display: inline-block;
    width: 100%;
    line-height: 64px;
    height: 64px;
    color: #939393;
    border-radius: 50px;
    border: 1px solid #DEDEDE;
    background: #FDFDFD;
    text-align: center;
    cursor: pointer;
}
.open_obj input[type="radio"]:checked + span {
    background: var(--main-color);
    border: 1px solid var(--main-color);
    color:  #fff;
    font-weight: 600;
}

@media (max-width:480px) {
    .open_obj input[type="radio"] + span {
        line-height: 54px;
        height: 54px;
    }
}


/*모달창*/
#inicisCard_AuthModal,
#inicis_AuthModal{
    padding: 0;
    border-radius: 25px;
    min-width: 500px;
}

.inicis_auth{
    margin-top: 40px;
}

.certbox{
    margin: 0 2rem;
}

.certin{
    width: 100%;
    background-color: #F8F8F8;
    height: 64px;
    border-radius: 1.5rem;
    border: none;
    margin-bottom: 12px;
    text-indent: 0.5rem;
    padding: 0 5% 0 2%;
    color: #888888;
}

.certin_btn{
    background: var(--main-color);
    border-radius: 0 0 25px 25px;
}




input{
    width: 100%;
    height: 64px;
    background: #F8F8F8;
    border-radius: 1.5rem;
    border: none;
    text-indent: .93rem;
    margin-bottom: 12px;
}
.flex{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
/* 옵션 결과 인풋창 */
.opt_minibox {
    width: 100%;
}
.opt_minibox input {
    box-sizing: border-box;
    width: 100%;
    height: 68px;
    padding: 18px 0 0;
    text-indent: 22px;
    font-size: 1rem;
    color: #1e1e1e;
    border: 1px solid #E4E4E4;
    border-radius: 12px;
    outline: none;
}
.opt_minibox label {
    position: absolute;
    left: 20px;
    bottom: 27%;
    width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none;
    color: #959595;
    font-size: 0.93rem;
}
.opt_minibox label span {
    position: absolute;
    left: 0;
    bottom: 7px;
    transition: all 0.3s ease;
}
/* 라벨 위치 변경 */
.opt_minibox input:focus + label span,
.opt_minibox input:valid + label span,
.opt_minibox input[readonly][value]:not([value=""]) + label span,
.opt_minibox input[disabled][value]:not([value=""]) + label span {
    transform: translateY(-110%);
    font-size: 12px;
    color: var(--sub-color);
}
/* 애니메이션 효과 */
.opt_minibox input:focus + label::after,
.opt_minibox input:valid + label::after {
    width: 100%;
    transform: translateX(0);
}




@media (max-width: 984px){

        .wrap {
        margin-top: 60px;
    }

}

@media (max-width: 768px){

        .wrap {
            width: 100%;
            margin: auto;
        margin-top: 80px;
    }

        .page_tit {
        font-size: 2.3rem;
        margin-bottom: 2rem;
    }

}

@media (max-width: 480px){

        .page_tit {
        font-size: 2rem;
    }

}















 .priceday.detline{
     text-decoration:line-through;
 }

.webLogin {align-items: center;display: flex;}

.user_type{
    display:contents;
}
.user_type span{
    margin-right:3px;font-weight:bold;
        font-family: Pretendard, sans-serif !important;
}
.user_type .tp1{
    background:#000000;
    padding:5px;
    border-radius:10px;
    color:#ffffff;
}

.user_type .tp2{
    padding:5px;
    border-radius:10px;
    color:#ffffff;
    background:#000000;
}
.user_type .tp2.kt{
    background:#F33636;
}

.user_type .tp2.lg{
    background:#ff74d8;
}
.user_type .tp3{
    color:#8b8b8b;
}

* {outline:0; box-sizing: border-box;}
/*html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}*/
html, body{width:100%; height:100%; font-family: Pretendard, sans-serif; /*font-family: 'Catamaran', sans-serif;*/}
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); color: #131313;}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,/*input*/,select,textarea,button {border:none;font-size:14px; color:#2d2d2d;    font-family: Pretendard, sans-serif;}
ul,ol,li{list-style:none; margin: 0; padding: 0; letter-spacing:-1px;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0; }
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:0;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
/*p{letter-spacing: -1px; line-height: 19px;}*/ 




/* Form */
textarea { border:1px solid #dbdbdb; resize: none;}
input, textarea, button, select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}

input::-webkit-input-placeholder{color:#b5b5b5; font-size:14px; line-height:100%;}
textarea { padding:5px 0;  height:36px; font-size:14px; color:#373737; border:1px solid #a7a8a9; background:#fff; box-sizing:border-box; vertical-align:middle;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}
.mob{display: block;}
.web{display: none;}
input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}

header{margin-top: -3px;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.skip { position: absolute; left: 0; top:-50px; width: 100%; height: 40px; line-height: 40px; text-align: center; background: #000; color: #fff; transition: all 0.5s;}
.skip:focus { top: 0;}

.bodywrap{ width: 100%; }
.contantWrap{ margin:10px; position: relative;}
.contantWrap2{padding: 10px; width: 100%;}
.title{ font-size: 20px; margin-top: 30px; margin-bottom:7px;}
/*.MoLogin{  position: absolute; right: 15px; font-size: 1.5em; color: #8a8a8a;}*/



/* 푸터 부분 css */
footer{
    padding-bottom:15px;
    background: #edf1f3; 
    margin-top: 5rem; 

    display: none;
}
.footList {
    width: 100%;
    padding: 12px 10px;
    border-bottom: 1px solid #d1d1d1;
    display: flex;
    font-size: 12px;
    height: 70px;
    justify-content: space-evenly;
    align-items: center;
}
.footList li {
    float: left;
    text-align: center;
    color: #6a6a6a;
    padding: 0 7px;
    margin: 3px 0;
    cursor: pointer;
    width: 100%;
    border-left: 1px solid #585858;
}
.footList li:first-child{border-left: none; padding: 0 7px 0 0;}
.footList li:last-child{ padding: 0 0 0 7px;}
.cpyInfome{width:100%; padding: 8px 10px; font-size: 12px; line-height: 16px;}
.cpyInfome .copy{margin-top:15px;}
footer .mFootimg{width: 40%; margin-left: 10px;}
footer .ktlogo{ width: 10%; margin-left: 20px; float: left;}

.wFootp p{
    font-size: 13px;
    line-height:18px;
}
/*로딩*/
.mloader {
    position: fixed;
    background-color: rgba(220, 220, 220, 0.8) !important;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;   
}

    .mloader .masterkey_blink {
        color:#fff;
        text-align: center;
        /*-webkit-animation: masterkey_blink 5s linear infinite;*/
    }

    .mloader img{   
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

  .wrapper{
  position:absolute;
  top:42%;
  left:50%;
  transform:translate(-50%, -50%); 
}
.circle{
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #fcdc29;
  border-radius: 50%;
  animation: loading 1.5s cubic-bezier(.8, .5, .2, 1.4) infinite;
  transform-origin: bottom center;
  position: relative;
}
@keyframes loading{
  0%{
    transform: translateY(0px);
    background-color: #fcdc29;
  }
  50%{
    transform: translateY(30px);
    background-color: #ef584a;
  }
  100%{
    transform: translateY(0px);
    background-color: #fcdc29;
  }
}
.circle-1{
  animation-delay: 0.1s;
}
.circle-2{
  animation-delay: 0.2s;
}
.circle-3{
  animation-delay: 0.3s;
}
.circle-4{
  animation-delay: 0.4s;
}
.circle-5{
  animation-delay: 0.5s;
}
.circle-6{
  animation-delay: 0.6s;
}
.circle-7{
  animation-delay: 0.7s;
}
.circle-8{
  animation-delay: 0.8s;
}

/* 로딩 끝 */



/*제목 스타일*/
.title-st-1{ width: 100%;
    border-bottom: 2px solid #e8e8e8;
    height: 35px;
    margin-bottom: 15px;
}
.title-st-1 h1{float: left;
    margin: 0;
    height: 35px;
    line-height:35px;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #107cb8;
    padding: 0 12px;
}
.title-st-2{
    margin: 20px 0 5px;
    font-size: 15px;
}
.sbtitle{ font-size: 16px;
          margin-bottom: 10px;
}
.sbex{ padding: 2px 4px; color: #ee0000; }

/* 인풋타입 스타일*/
.txt-st1{
    width:70%; margin-bottom: 10px;}
.txt-st2{width: 100%;  margin-bottom: 10px;}
.txt-st3{width: 100%; border: none; margin-bottom: 10px;}

.txt-st4{width:47%; margin-left: 5px;  }
.txt-st5{width: 100%;}
.txt-st6{ width: 46%; float: left;}
.txt-email, .txt-email2{ width: 45%; float: left;}
.txt-st7{ width: 31%; float: left;}
.txt-st8{
    width:100%; margin-bottom: 10px;}
.txt-st9{width: 100%;}

.email_chck{margin-bottom: 10px;margin-right: 7px;}

.textarea1{ padding: 10px; background: #fff; width: 100%; min-height: 150px; margin-bottom:10px; }
.textarea2{ padding: 10px; background: #fff; width: 100%; min-height: 150px; margin-bottom:10px; }
.dash{ margin: 10px 3px; float: left;} /* - 중간 스타일*/



select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */ 


.slt-st-1{width: 100%; margin-bottom: 10px; }
.slt-st-2{width: 33%; margin-bottom: 10px; }
.slt-st-3{width: 18%; margin-bottom: 10px; }
.slt-st-4{ width: 21%; margin-bottom: 0; float: left;}
.slt-st-5{ width: 50%;  margin-bottom: 0;}
.slt-st-70{ width: 70%;  margin-bottom: 10px;}


.mailad{ width: 100%;  margin-bottom: 0;}

/*버튼 스타일*/
.btnWrap{ display: inline-block; margin-bottom: 20px; width: 100%; }
.btnWrap2{ display: inline-block; margin-bottom: 10px; width: 100%;}
.btnWrap3 {
    text-align: center;
    margin: 10px 0;
}
.btnWrap4 {
    text-align: right;    
}




.btn-st1{width: 28%; height: 36px; background: #e8e8e8; cursor: pointer; margin-bottom: 10px; }
.btn-st2{ width: 48%; height: 36px;  background: #e8e8e8; cursor: pointer; margin-right: 6px; }/*취소*/
.btn-st3{  width: 48%; color: #fff; height: 36px;  background: #f00; cursor: pointer;}
.btn-st4{  width: 28%; color: #fff; height: 36px; margin-bottom: 10px; background: #4a4a4a; cursor: pointer;}

.btn-red{width: 100%; background: #00a878; color: #fff; height: 36px; margin-bottom: 4px; cursor: pointer;}
.btn_blue{
    background:#156082 !important;
}

.btn-red-2{width: 20%; background: #f00; color: #fff; height: 36px; margin-bottom: 4px; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right:20px; }
.btn-red100{width: 100%; background: #f00; color: #fff; height: 36px; margin-bottom: 4px; cursor: pointer;}
.btn-nonred{width: 100%; background: #f00; color: #fff; height: 36px; margin-bottom: 4px;  opacity: 0.5;} /* 비활성화 버튼*/
.btn-gray{width: 100%; background: #6b6b6b; color: #fff; height: 36px; margin-bottom: 4px; cursor: pointer;}
.btn-wht{width: 100%; border: 1px solid #5f5f5f; background: #fff; color: #252525; height: 36px; margin-top:5px; margin-bottom: 20px; cursor: pointer;}
.btn-serch{width: 100%; background: #00a878; color: #fff; height: 36px; margin-bottom: 4px; cursor: pointer; }
.btn-join{ width: 100%; background: #00a878; color: #fff; height: 45px; /*margin-bottom: 4px;*/ cursor: pointer; font-size: 16px; font-weight: bold;}
.btn-check{  width: 100%; color: #fff; height: 36px; background: #4a4a4a; cursor: pointer;}
.btn-check-2{  width: 100%; color: #fff; height: 36px; background: #4a4a4a; cursor: pointer;}

.search{ margin-left: -4px; background: url('/common/image/icon/search.png') no-repeat center #313131;  background-size: 25px 25px; height: 36px; width: 36px; margin-bottom: 10px; }

/* 모달용 버튼 */
.btn-cancel{width: 48%; margin-right: 8px; background: #4a4a4a; color: #fff; height: 36px; float: left; cursor: pointer;}
.btn-ok{width: 48%; background: #f00; color: #fff; height: 36px; float: left; cursor: pointer;}

/* 체크박스 css */
.check1 {    display:none;}
.check1 + label {
    color:#3a3a3a;
    font-weight: 600;
}
.check1 + label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -2px 6px 0 0;
    vertical-align: middle;
    background: url(/common/image/icon/nocheck.svg) 0 0 no-repeat;
    background-size: 23px;
    cursor: pointer;
}

.check1:checked + label span {
    background:url('/common/image/icon/check.png') 0px -20px no-repeat;
}


.check2{display: none; }
.check2 + label{ font-weight: 500; font-size:14px;}
.check2 + label span {display: inline-block; width:16px; height: 16px; background: #fff; border: 1px solid #202020; margin: -4px 3px 0 0; vertical-align:middle;
cursor: pointer; border-radius: 3px;}

.check2:checked + label span {
    background: url(/common/image/icon/check2.png) #098bf9 no-repeat center/ 14px 14px;
    border: 1px solid #098bf9;
}

.check3{display: none;}
.check3 + label{ font-weight: 500; font-size:14px; position: absolute; right: 0; top: 50%;}
.check3 + label span {display: inline-block; width:16px; height: 16px; background: #fff; border: 1px solid #202020; margin: -4px 3px 0 0; vertical-align:middle;
cursor: pointer; border-radius:50%;}
    .check3:checked + label span {
        background: #f00;
        border: 1px solid #f00;
    }


.check-all{display: none;}
.check-all + label{ font-size: 18px; font-weight: bold;  }
.check-all + label span{  
    display:inline-block;
    width:24px;
    height:24px;
    margin:-2px 6px 0 0;
    vertical-align:middle;
    background:url('/common/image/icon/nocheck.svg') 0 0 no-repeat;
    cursor:pointer;
    background-size: 23px;
}
.check-all:checked + label span {
    background:url('/common/image/icon/oncheck.svg') 0 0 no-repeat;
}


@media (max-width:480px){

    .check-all + label span{
        width: 20px;
        height: 20px;
        background-size: 20px;
    }

}


    .check3txt input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    outline: none !important;
    border: 4px solid #c5c5c5;
    border-radius: 2px;
    background: #ffffff;
    /*margin-left: 10px;*/
    vertical-align: bottom;
    cursor: default;
    }
 
   .check3txt  input[type="checkbox"]::before {
        content: "\2713";
        position: absolute;
        top: 50%;
        left: 50%;
        overflow: hidden;
        transform: scale(0) translate(-50%, -50%);
        line-height: 1; display:none;
    }
 
  .check3txt   input[type="checkbox"]:hover {
    cursor: default;
    }
 
   .check3txt  input[type="checkbox"]:checked {
    background-color: #ffffff;
    border-color: rgb(0 0 0);
    color: white;
    border: 4px solid black;
    }
 
   .check3txt  input[type="checkbox"]:checked::before {
        border-radius: 2px;
        transform: scale(1) translate(-50%, -50%)
    }
@media all and (min-width: 1020px){
    .check-all + label{ font-size: 20px;}
    .check2{height: 20px; width: 20px;}
}

/* 큰 휴대폰화면, 테블렛 css */
@media all and (min-width: 768px) {
    .title{margin-top: 40px;}
    .contantWrap{ margin: 10px 30px;}
    .contantWrap2{ padding: 10px 30px;}
    /*푸터부분*/
    .footList{ padding: 12px 30px;}
    .footList li:first-child{ padding: 0 20px 0 0;}
    .footList li:last-child{ padding: 0 0 0 20px;}
    .footList li{ padding: 0 20px;}
    .cpyInfome{ padding: 15px 30px 10px; font-size: 14px;}
    footer .mFootimg{width: 170px; margin-left: 30px; float: unset; }

    .title-st-2{     border-bottom: 1px solid #d1d1d1; padding-bottom: 10px;}
    /* 인풋타입 */
    .txt-st1, .txt-st2{width: 300px;}
    /*.txt-st5, .txt-st6{width: 200px; margin-top: 5px;}*/
    .txt-st7{width: 150px;  margin-top: 5px;}
     .txt-st8{width: 120px;}
    .txt-st9{width: 282px; margin-top: 5px;}

    .slt-st-1{width: 300px;}
    .slt-st-4{ width: 70px;  margin-top: 5px;}
    .slt-st-5{ width: 150px;  margin-top: 5px;}
    .slt-st-70{ width: 300px;  margin-bottom: 10px;}

    /*.mailad{ width: 420px; margin-bottom: 6px;}*/
    /* 버튼 스타일 */
    .btn-st1{width: 110px;}
    .btn-st4{ width: 100px;}
    .btn-st2{ width: 150px;  margin-right: 14px; }/*취소*/
.btn-st3{  width: 150px; }
    .textarea1{ height: 200px;}
    .btn-serch{
        float: left; width: 20%; height: 108px; font-size: 16px;
    }

    .btn-serch-2{
        float: left; width: 20%; height: 135px; font-size: 16px;
    }
    .btn-check{ width: 200px;}
    .btn-check-2{  width: 100px;}
    .textarea2{ margin-top: 10px;}
}
/* web 화면 css */
@media all and (min-width: 1020px) {
    header{margin-top:0;}
    .mob{display:none }
    .web{display: block ;}
     .contantWrap{ width: 86%; margin: auto; margin-top: 55px; margin-bottom: 30px;}
      .title{ text-align:center; font-size: 30px; margin-top: 60px; margin-bottom: 10px }
      .wFoot{width: 100%;  background: #edf1f3; margin-top: 5rem; }
      .footList{
            width: 70%;
            margin: 0 auto;
            font-size: 0.9rem;
           display: flex; padding: 14px 0; border-bottom: none;}
      .cpyInfome{width: 85%; margin: 0 auto; padding: 30px 0 20px; display: table;}
      .cpyInfome img{ float: left; margin-right: 65px;width: 180px;}
      .wFootp{ float:left; }
      footer{padding-bottom: 0;}
     

      .title-st-1{ margin-top: 30px; }
       .title-st-1 h1{font-size: 22px;}
       .title-st-2 { margin: 30px 0 7px;  font-size: 16px;}
       .btn-st2{margin-right: 14px;}
       .btn-st2, .btn-st3{ width: 150px;}
       .btn-st2, .btn-st3, .btn-wht, .btn-red, .btn-gray, .btn-nonred { height: 40px; font-size: 16px;}
       .btn-join{ height: 70px; font-size: 20px; }
       .btn-red{ width: 150px;}
        .btn-red100{ width: 100%;}
       .textarea1{ height: 250px;           }
       .mailad{ width: 380px;}

}
@media all and (min-width: 1440px) {
    .contantWrap{ width: 1100px; min-height: 60vh; }
    
    .footList{width: 60%; margin: 0 auto; }

    .cpyInfome{width: 60%; margin: 0 auto; display:flex;justify-content:center;    align-items: center;}
 
}

@media all and (max-width: 320px) {
    .btn-red-2 {
        background: #f00;
        color: #fff;
        height: 36px;
        margin-bottom: 4px;
        cursor: pointer;
        right: 10px;
        position: absolute; 
        top: 50%; 
        transform: translateY(-50%);
    }
 

}





/* LG 개통 (신규/번호) - 은행계좌정보 등록 오류 모달창 */
#applyfailModal.modal{
    position: fixed;
    z-index: 1000000000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
}
#applyfailModal .modal_wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 10px;
    max-width: 560px;
    width: 90%;
    height: 40%;
    padding: 30px 0 0 0;
    height: auto;
    text-align: center;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
}
#applyfailModal .modal_wrap>p{
    padding-bottom: 30px;
}
#applyfailModal.modal button{
    width: 100%;
    height: 74px;
    background: var(--main-color);
    color: #fff;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: none;
}