.inner{width: 100%; height: 100vh; background-color: #f6f6f6; position: relative;}
.title{position: relative; text-align: center;}
.title h1{font-size: 40px;}
.title p{font-size: 20px; padding: 4px 0 28px 0; word-break: keep-all;}
.title.deco::before{content: ""; width: 60px; height: 4px; background-color: #015ec5; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 4px;}
.btn{background-color: #015ec5; color: #fff; text-align: center; cursor: pointer;}
.btn.nomal{height: 60px; line-height: 60px; font-size: 20px;}
.txt_blue{color: #015ec5;}
input{padding: 0 10px;}
/* 공통 css*/

.type_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.type_wrap .title{margin-bottom: 60px;}
.type{width: 960px;}
.type li{width: 200px; height: 200px; background-color: #fff; margin: 0 20px; float: left; border-radius: 40px; text-align: center; overflow: hidden; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); transition-duration: 0.5s;}
.type li a{position: relative; width: 100%; height: 100%; display: block; padding: 30px;}
.type li .inner_con{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.type li .icon{width: 80px; margin: 0 auto;}
.type li p{font-size: 20px; font-weight: bold; padding-top: 16px;}
.type li i{font-size: 14px; color: #777; letter-spacing: 1px;}
.type li:hover{box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); background-color: #015ec5;}
.type li:hover p{color: #fff;}
.type li:hover i{color: #fff;}
/* 인트로 */

.common_wrap{background-color: #fff; padding: 60px 30px; border-radius: 40px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); width: 500px; position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%);}
.common_wrap.login_wrap{top: 50%;}

.logo{width: 250px; margin: 0 auto; padding-bottom: 54px;}
.input_wrap{width: 100%;}
.input_wrap input{width: 100%; height: 60px; border: 0; background-color: #f0f0f0; margin-bottom: 10px; padding: 10px 24px; /* border-radius: 30px; */ font-size: 18px;}
.input_wrap input::placeholder{font-size: 18px; color: #bbb;}
.login .input_wrap .btn{margin-top: 20px; letter-spacing: 1px;}
.login .sub_area{display: flex; justify-content: space-between; color: #777; padding-top: 10px;}
/* 로그인 */

.top_area{border-bottom: 1px solid #ddd; position: relative; height: 74px;}
.top_area .home{width: 40px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
.top_area a{width: 100%; display: block;}
.top_area .info{padding: 20px 0; display: inline-block;}
.service_area .info li{display: inline-block; padding: 0 10px;}
.service_area .info li span{font-weight: bold; color: #015ec5;}
.logout{padding: 5px 10px; border: 1px solid #015ec5; border-radius: 20px; color: #015ec5; font-size: 15px; cursor: pointer;}
.logout:hover{background-color: #015ec5; color: #fff;}
.mypage_btn{cursor: pointer;}
.payment .title{margin-bottom: 20px;}
.payment .opction{width: 100%; padding-bottom: 20px;}
.payment .opction li{width: 33.333%; float: left; padding-bottom: 10px; padding-right: 5px;}
.payment .opction li:nth-child(3n){padding-right: 0;}
.payment .opction span{height: 60px; background-color: #f0f0f0; width: 100%; display: block; line-height: 60px; text-align: center; color: #333; cursor: pointer;}
.payment .opction span:hover{background-color: #ddd;}
.payment .opction .on{background-color: #58b5e0 !important; color: #fff;}
.vat{font-size: 14px; padding-top: 10px; text-align: center; color: #aaa; word-break: keep-all;}
.vat b{color: #333;}
.info_wrap{padding-right: 20px; padding-left: 80px; text-align: right;}
.payment .opction li{user-select: none;
    -ms-user-select: none; 
    -khtml-user-select: none;
    -webkit-user-select: none;}
/* 호스팅,문자,유지보수 결제화면 */

.complete_wrap{width: 606px; padding: 60px 50px; max-width: 100%; word-break: keep-all;}
.complete_wrap h1{font-size: 32px;}
.complete .icon{width: 80px; margin: 0 auto; padding-bottom: 20px;}
.complete .sub_txt{padding: 20px; border: 1px solid #ddd; margin: 20px 0;}
.complete .sub_txt p{line-height: 1.6; word-break: keep-all; text-align: center;}
.complete .sub_txt .txt_blue{font-weight: bold;}
/* 완료 페이지 */

.join_wrap{background-color: transparent; box-shadow: none; width: 770px; margin: 0 auto; padding: 60px 30px; max-width: 100%;}
.join .input_wrap input{background-color: #fff;}
.join .input{position: relative; padding-left: 140px;}
.join .input p{position: absolute; left: 0; width: 130px; line-height: 60px; text-align: left; font-size: 18px; padding-left: 16px;}
.warning{padding-left: 140px; color: red; position: absolute; font-size: 15px;}
.warning.txt_blue{color: #015ec5;}
.join .input .dot{display: inline-block; width: 5px; height: 5px; background-color: #58b5e0; position: absolute; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0;}
.certify input{width: calc(100% - 100px); float: left;}
.certify .btn{width: 90px; height: 60px; float: left; margin-left: 10px; line-height: 60px; cursor: pointer;}
.join .input_wrap.first{padding-top: 40px;}
.join .input_wrap{padding-bottom: 40px; position: relative;}
.inner.ohter{height: auto;}
.agree .warning{padding-left: 0; position: absolute; bottom: 0; right: 0;}

.mypage_tab{padding-top: 20px;}
.mypage_tab li{float: left; width: 50%; border: 1px solid #bbb; padding: 10px; text-align: center; cursor: pointer;}
.mypage_tab li:first-child{border-right: 0;}
.mypage_tab .on{background-color: #58b5e0; color: #fff;}
.mypage01{padding-top: 40px;}

/* The container */
.radio_container {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
      user-select: none;
      width:100%; float:left;
}

/* Hide the browser's default radio button */
.radio_container input {
position: absolute;
opacity: 0;
cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
position: absolute;
top: 2px;
left: 0;
height: 18px;
width: 18px;
    background-color: rgba(255,255,255,0);
    border:1px solid #bbb;
border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio_container:hover input ~ .checkmark {
background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.radio_container input:checked ~ .checkmark {
background-color: rgba(255,255,255,0);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_container input:checked ~ .checkmark:after {
display: block;
}

/* Style the indicator (dot/circle) */
.radio_container .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #bbb;
}

.terms_wrap{margin-top: 60px; border: 1px solid #ddd; padding: 20px;}
.terms_txt{border: 1px solid #ddd; padding: 20px; background-color: #fff; overflow-y: auto; height: 240px; font-size: 15px; color: #333;}
.agree{margin-top: 14px; width: 100%; position: relative; padding-bottom: 50px;}
.terms.total .agree{padding-bottom: 0;}
.terms.total{padding-bottom: 40px; border-bottom: 1px solid #ddd; margin-bottom: 20px;}
.terms_link{position: absolute; right: 0; text-decoration: underline; font-size: 15px; color: #777; z-index: 20;}
.join .title p{font-size: 16px;}
.service_wrap{padding: 20px; background-color: #fff; border: 1px solid #ddd; text-align: center;}
.service_wrap .info{border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px;}
.service_wrap .info:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0px;}
.service_wrap .info li{width: 100%;}
.service_wrap .title{font-size: 18px; padding-bottom: 6px !important;}
.apply_btn{display: inline-block; padding: 3px 8px; margin-top: 10px;}
.cancel_wrap{padding-top: 10px;}
.show_btn_wrap{text-align: right;}
.cancel_wrap p{text-align: right; cursor: pointer; text-decoration: underline; font-size: 15px; color:#777; display: inline-block; margin: 0 5px;}
.cancel{padding: 20px; border: 1px solid #ddd; background-color: #fff; margin-top: 10px; text-align: center;}
.cancel h5{font-weight: 500; font-size: 18px; font-weight: normal;}
.cancel_btn{padding: 20px 0;}
.cancel_btn li{width: calc(50% - 20px); margin: 0 10px; background-color: #f5f5f5; float: left; padding: 10px; cursor: pointer; color: #777;}
.cancel .btn{display: inline-block; background-color: transparent; color: #333; text-decoration: underline;}
.cancel_btn li.on{background-color: #58b5e0; color: #fff;}
.input_wrap.last{padding-top: 40px;}
.chart_inner{min-height: 100vh;}

.find .icon{width: 120px; margin: 0 auto 20px auto; background-color: #fff; padding: 20px; border-radius: 60px; border: 1px solid #ddd;}
.find .title p{padding-top: 10px;}
.find_wrap{padding: 30px; border: 1px solid #ddd;}
.find_wrap{margin-bottom: 40px; overflow: hidden;}
.find_wrap h1{font-size: 22px; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.find .input_wrap{padding-bottom: 0;}
.find_wrap .btn{padding: 10px 20px; width: 100px; margin: 20px auto 0 auto; /* float: right; */}


.modal_bg{width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0;}
.modal{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; padding: 30px; border-radius: 20px;}
.modal h1{font-size: 20px;}
.modal .unit_price table{margin-top: 20px;}
.modal table{width: 100%;}
.modal table td{text-align: center; vertical-align: middle; padding: 8px 40px; border: 1px solid #ddd;}
.modal table .head{background-color: #f1f1f1;}
.modal_close{position: absolute; width: 20px; height: 20px; right: 30px; top: 30px; cursor: pointer;}
.modal_close::before{content: ""; width: 1px; height: 100%; background-color: #333; position: absolute; top: 0; left: 50%; transform: translateX(-50%) rotate(45deg);}
.modal_close::after{content: ""; width: 1px; height: 100%; background-color: #333; position: absolute; top: 0; left: 50%; transform: translateX(-50%) rotate(135deg);}

.check_label{display: block; position: absolute; user-select: none; width: 20px; height: 20px; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.check_label input{position: absolute; opacity: 0; height: 0; left: 0;}
.re_checkmark{border-radius: 3px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border: 1px solid #bbb; cursor: pointer;}
.check_label input:checked ~ .re_checkmark{background-color: #015ec5; border: 1px solid #015ec5;}
.re_checkmark:after{content: ""; position: absolute; left: 6px; top: 2px; width: 7px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); display: none;}
.check_label input:checked ~ .re_checkmark:after{display: block;}
.check_input{width: 20px; position: relative; padding-bottom: 10px; float: left;}
.check_input::after{content: ""; display: block; padding-bottom: 100%;}

.result_wrap{padding: 80px 20px;}
.result_wrap .title{padding-bottom: 50px;}
.search_wrap>li{float: left;/*  border-right: 1px solid #ddd;  */padding: 0 20px; width: 50%;}
.search_wrap>li:nth-child(2){border-right: 0;}
.result_search{overflow-x: auto;}
.search_wrap{background-color: #fff; padding: 20px 0; border: 1px solid #ddd; min-width: 460px;}
.select.content table{width: 70%; border: 1px solid #ddd;}
.select.content table th{padding: 10px 5px; background-color: #e4eff9; text-align: center;}
.select.content table td{padding: 5px 10px; text-align: center;}
.select.content table .sms{border-right: 1px solid #ddd;}
.check_info{padding: 4px 0 0 8px; float: left;}
.result_wrap .check{float: left; margin-right: 40px; width: 92px;}
.result_wrap .check_radio{float: left; padding: 4px 20px 0 0;}
.result_wrap .check_radio.disabled{opacity: 0.3;}
.result_wrap .result_input.disabled{opacity: 0.3;}
.select.content.disabled{opacity: 0.3;}
.select.inner_title{padding-bottom: 5px;}
.result_wrap .radio_container{width: 85px; padding-left: 24px; margin-right: 20px;}

.result_chart{margin-top: 40px; width: 100%; height: 410px; overflow: auto;}
.result_chart table{width: 100%; min-width: 1500px;}
.result_chart table tr{background-color: #fff; cursor: pointer;}
.result_chart table td{padding: 7px 16px; text-align: center; border: 1px solid #ddd; vertical-align: middle;}
.result_chart table .head{cursor: default;}
.result_chart table .head td{background-color: #e4eff9; font-weight: 500;}
.result_chart table .result_on{background-color: #015ec5; color: #fff;}
.result_input{float: left;}
.result_input.date{width: 100%; padding-bottom: 10px;}
.result_input input{border: 1px solid #ddd; width: 200px; height: 32px;}
.result_input>li{float: left; margin-right: 10px; position: relative;}
.date_icon{position: absolute; width: 20px; height: 20px; right: 10px; top: 6px;}
.date_select select{width: 100px; height: 32px; border: 1px solid #ddd; margin-right: 10px; padding: 0 8px; background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/BILLING/156432711530530.png)no-repeat; background-position: 90%; cursor: pointer;}
.search_btn li{width: 120px; height: 32px; background-color: #015ec5; margin: 30px 0 0; text-align: center; line-height: 32px; color: #fff; cursor: pointer; display: inline-block;}
.result_warning{color: #aaa; padding-bottom: 10px;}

.sms_view{position: relative; width: 320px; height: 655px;}
.phone{position: absolute;}
.sms_txt{position: absolute; top: 70px; left: 15px; width: 292px; height: 500px; overflow-y: auto;}
.sms_txt textarea{width: 100%; height: 98%; border: 0; padding: 20px 17px;}
.sms_modal .inner_pic{padding: 5px;}

.notice_txt{max-width: 500px; border: 1px solid #ddd; padding: 30px; margin: 20px 0 30px 0; word-break: keep-all; line-height: 1.5;}
.notice_txt span{font-weight: bold; font-size: 20px; padding-bottom: 12px; display: inline-block; color: #015ec5;}
.notice_wrap .btn.nomal{height: 40px; line-height: 40px; font-size: 16px;}
.notice_txt i{display: inline-block; padding-bottom: 5px;}

.template_wrap{max-width: 1200px; width: 100%; padding: 80px 20px; margin: 0 auto;}
.template_wrap .title{padding-bottom: 50px;}
.template_inner{padding: 80px; background-color: #fff;}
.template_inner .title{font-size: 24px; padding-bottom: 14px; border-bottom: 1px solid #333; text-align: left; margin-bottom: 40px;}
.template_inner .title span{font-size: 14px; color: red; float: right; position: relative; top: -25px;}
.template_inner .input_wrap input{background-color: transparent; border: 1px solid #ddd; display: inline-block; height: 40px; width: calc(100% - 300px);}
.template_inner .input_wrap p{display: inline-block; width: 140px;}
.template_inner .input_wrap p span{color: red; margin-left: 3px;}
.template_inner .input_wrap span{display: inline-block; position: relative; font-size: 14px;}
.template_inner .input_wrap textarea{border: 1px solid #ddd; display: inline-block; height: 120px; width: calc(100% - 300px); resize: none;}
.template_inner .input_wrap .textarea p{position: relative; top: -60px;}
.template_info{padding-top: 30px;}
.template_info p{word-break: keep-all; position: relative; padding-left: 15px; width: 90%;}
.template_info span{position: absolute; top: -2px; left: 0; display: inline-block;}
.template_inner .input_wrap .textarea>span{top: -7px;}
.template_table>.btn{width: 140px; height: 40px; margin: 0 auto; line-height: 40px; font-size: 16px; margin-top: 20px;}
.template_table table{width: 100%;}
.template_table th{padding: 20px 14px; border-top: 1px solid #ddd; text-align: center; vertical-align: middle; background-color: #f5f5f5;}
.template_table th>span{color: red; margin-left: 3px;}
.template_table td{padding: 10px 14px; border-top: 1px solid #ddd; text-align: center; vertical-align: middle; border: 1px solid #ddd; word-break: keep-all;}
.template_table td:first-child{border-left:0;}
.template_table td:last-child{border-right:0;}
.template_table .input_wrap input{height: 32px; margin-bottom: 0; width: 320px; padding: 10px;}
.template_table .input_wrap input::placeholder{font-size: 14px; line-height: 32px;}
.template_table .btn_name input{width: 190px;}
.template_table .input_wrap p{width: 80px;}
.template_table .btn_link .input_wrap input{margin-bottom: 10px;}
.template_table .btn_link .input_wrap:last-child input{margin-bottom: 0px;}
.template_table .del_btn{padding: 3px 5px; font-size: 14px; border: 1px solid #ddd; cursor: pointer;}
.template_table .check_input{float: inherit; margin: 0 auto;}
.temp_btn{text-align: center; padding-top: 60px;}
.temp_btn li{display: inline-block; width: 140px; height: 40px; border: 1px solid #dddd; line-height: 40px; cursor: pointer;}
.list_tab{padding-bottom: 20px;}
.list_tab li{display: inline-block; border: 1px solid #ddd; padding: 6px 20px; cursor: pointer;}
.list_tab li.on{background-color: #015ec5; color: #fff;}
.list_btn{padding-top: 20px; text-align: right;}
.list_btn li{display: inline-block; border: 1px solid #ddd; padding: 6px 20px; cursor: pointer;}

.list_pagenation{text-align: center; padding-top: 60px;}
.list_pagenation li{display: inline-block; padding: 5px; border: 1px solid #ddd; border-radius: 5px; width: 34px; height: 34px; text-align: center; cursor: pointer;}
.list_pagenation li:hover{background-color: #ddd;}
.list_pagenation li.on{background-color: #015ec5; color: #fff;}
.template_inner .title .template_add{border: 1px solid #ddd; padding: 6px 20px; cursor: pointer; top: -34px; color: #333; font-size: 16px;}
.template_inner .title .template_add:hover{background-color: #f5f5f5;}
.template_inner .view_detail{color: #015ec5; cursor: pointer;}
.template_inner .view_detail:hover{text-decoration: underline;}
.detail_inner{margin-bottom: 30px; padding-left: 120px; position: relative; word-break: keep-all;}
.detail_title{display: inline-block; width: 120px; font-weight: 600; color: #777; position: absolute; left: 0;}
.back_btn{width: 140px; padding: 10px 20px; text-align: center; border: 1px solid #333; margin: 80px auto 0 auto; cursor: pointer;}
.back_btn:hover{background-color: #015ec5; color: #fff; border-color: #015ec5;}


/* 210218 추가 */
.service_unit{width: 100%; background: #f6f6f6; padding-bottom: 120px;}
.service_unit ul{width: 1200px; max-width: 100%; margin: 0 auto; background: #fff;}
.service_unit li{width: 50%; float: left;}
.service_unit li:nth-child(1){margin-top: 20px; padding-left: 20px; padding-bottom: 20px;}
.service_unit li:nth-child(1) img{border: 1px solid #ddd;}
.service_unit .txt_inner{background-color: #fff; padding: 60px;}
.service_unit .txt_inner h1{padding-bottom: 10px; font-size: 20px;}
.service_unit .txt_inner p span{display: block;}
/* 210218 추가 */

/* 210902 추가 */
.cash_wrap .cash_title{text-align: center; font-size: 40px; padding-bottom: 60px;}
.cash_wrap .title h1{font-size: 20px; text-align: left;}
.cash_list{padding-bottom: 60px;}
.cash_list .title{padding-bottom: 20px;}
.cash_table table{width: 100%; background-color: #fff; border: 1px solid #ddd;}
.cash_table table td{padding: 8px; text-align: center; font-size: 14px;}
.cash_table table tr{border-bottom: 1px solid #ddd;}
.cash_table table thead tr{border-bottom: 2px solid #ddd; font-weight: bold;}
.cash_table table thead td{font-size: 16px;}
.cash_wrap .certify input{width: 100%;}
.cash_wrap .join .input p{width: 140px;}
.cash_wrap .join .input{padding-left: 170px;}
.cash_table table button{background-color: #015ec5; color:#fff; padding-bottom: 3px; position: relative; top: -1px;}
.cash_wrap .selectric-wrapper{padding-top: 13px;}
.cash_wrap #bank_account_number{margin-top: 20px;}
.cash_wrap .cash_other{padding-bottom: 35px;}
.cash_wrap .warning{padding-left: 0; top: 68px; color: #015ec5;}
input::placeholder{font-size: 15px !important;}
/* 210902 추가 */

/* 210914 추가 */
.sms_total.search_wrap{padding: 20px; margin-top: 40px; text-align: center; border-width: 3px; border-color: #bbb;}
.sms_total span{font-weight: bold;}
.sms_loading{width: 40px; margin: 0 auto;}
.sms_pay{color: #015ec5; font-size: 20px; position: relative; top: 1px; padding-right: 3px;}

.ui-datepicker{background-color: #fff; border: 1px solid #ddd; margin-top: 10px;}
.ui-datepicker table{width: 100%;}
.ui-datepicker table td{text-align: center; cursor: pointer !important; font-size: 15px;}
.ui-datepicker table tr{border-bottom: 1px solid #ddd;}
.ui-datepicker table tr:last-child{border-bottom: 0;}
.ui-datepicker table tr:first-child{border-top: 1px solid #ddd;}
.ui-datepicker .mtz-monthpicker-year{border: none; font-size: 20px; margin-bottom: 6px; margin-top: 5px;}
.ui-datepicker .mtz-monthpicker-year:focus{outline: none;}

.date_select{position: relative; margin-bottom: 10px; margin-top: 20px; padding: 8px 8px 8px 100px; background-color: #f5f5f5;} 
.date_select p{width: 90px; position: absolute; left: 13px; top: 17px; color: #777;}

/* 210914 추가 */


@media all and (max-width: 1200px){

    .search_wrap>li:nth-child(1){width: 42%;}
    .search_wrap>li:nth-child(2){width: 58%;}
    .select.content table{width: 95%;}

}
@media all and (max-width: 1024px){

    .modal{width: 80%;}
    .notice_txt{max-width: 100%; max-height: 350px; overflow-y: auto;}

}
@media all and (max-width: 960px){

    
    .type{width: 480px;}
    .type li{margin: 20px;}
    
    .search_wrap>li:nth-child(1){width: 100%;}
    .search_wrap>li:nth-child(2){width: 100%; padding-top: 10px;}
    .result_wrap .check_radio{width: calc(100% - 140px); padding-right: 0;}
    .wave_icon{width: 10px;}
    .date_input{width: calc(50% - 25px);}
    .date_input input{width: 100%;}
    #search_keyword_wrap{width: calc(100% - 140px);}
    #search_keyword_wrap>li:nth-child(2){width: calc(100% - 140px);}
    #search_keyword_wrap>li>input{width: 100%;}
    .select.content table{width: 100%;}

}

@media all and (max-width: 760px){

    .top_area{height: 60px;}
    .top_area .info{width: 100%; padding: 8px 0;}
    .info_wrap>.info:nth-child(1){position: absolute; top: 64px; left: 0;}
    .info_wrap>.info:nth-child(2){padding-top: 9px;}

    .modal{width: 96%;}

}

@media all and (max-width: 630px){

    .common_wrap{max-width: calc(100% - 40px);}
    .complete .sub_txt p br{display: none;}
    .logo{width: 200px;}
    .info_wrap{text-align: right; padding: 5px 0;}
    .input_wrap input{height: 50px;}
    .btn.nomal{height: 50px; line-height: 50px;}
    .certify .btn{height: 50px; line-height: 50px;}
    .join .input{padding-left: 0;}
    .join .input p{position: relative; line-height: 1.3; margin-bottom: 10px;}
    .cash_wrap .join .input{padding-left: 0;}
    .result_warning{padding-left: 0; font-size: 13px;}
    .join_wrap{padding: 60px 20px;}
    .sms_view{width: 266px; height: 542px;}
    .sms_txt{width: 240px; height: 417px; top: 62px; left: 15px;}
    .sms_txt textarea{height: 100%;}

    .cash_wrap .warning{top: 92px;}
    .cash_wrap .cash_other{padding-bottom: 50px;}
    .cash_wrap .cash_title{font-size: 30px; word-break: keep-all;}
 
}

@media all and (max-width: 480px){

    .intro{height: 1300px;}
    .type_wrap{width: 100%; padding-top: 70px; position: relative; top: 0; left: 0; transform: translate(0,0);}
    .type{width: 240px; margin: 0 auto;}
    .type li{margin: 20px;}
    .title h1{font-size: 30px;}
    .title p{font-size: 16px;}
    .type_wrap .title{margin-bottom: 40px;}
    .certify input{padding: 10px 16px;}
    .input_wrap input{padding: 10px 16px;}

    .notice_txt{padding: 30px 15px;}
    .btn.nomal{font-size: 18px;}

}