@charset "utf-8";
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
::-webkit-scrollbar {height: 12px;width: 5px;background: transparent;}
::-webkit-scrollbar-thumb {background: #c6c6c6;-webkit-border-radius: 12px;}
::-webkit-scrollbar-corner {background: #000;}

/* 레이아웃 */
.materassoInfo .materasso_wrap{position: relative;min-width: 1440px;margin: 0 auto;}
.materassoInfo .materasso_wrap .inner {position: relative;width:1240px;margin: 0 auto;}
.materassoInfo .materasso_wrap .inner img {display:block;max-width:none;margin:0 -340px auto;vertical-align:top}
.materassoInfo .materasso_wrap .btn_popup{position:absolute;top:575px;left:-115px;width:408px;height:70px;}
.materassoInfo .materasso_wrap .btn_popup.btn2{top:191px;left:418px}

/* 타이틀 */
.materassoInfo .main_tit{display:block;margin-top:150px;font-size: 26px;font-weight: bold;color : #000;text-align: center;}

/* 개설조건 테이블 */
.materassoInfo .table_01{margin : 20px auto 0;max-width: 820px;width: 100%;border-collapse: collapse;border-top : 2px solid #000;border-bottom : 2px solid #000;}
.materassoInfo .table_01 th{font-size: 18px;font-weight: bold;color : #000;text-align: center;padding : 30px;border : 1px solid #eaeaea;border-left : none;}
.materassoInfo .table_01 td{font-size: 18px;color : #000;text-align: left;padding : 30px 30px 30px 90px;line-height: 30px;border : 1px solid #eaeaea;border-right : none;}
.materassoInfo .table_01 td span{font-size : 16px;color : #a09f9d;}

.materassoInfo .table_01 thead{border-bottom : 2px solid #000;background-color: #f7f7f7;}
.materassoInfo .table_01 thead th{font-size: 18px;font-weight: bold;color : #000;text-align: center;padding : 30px;border : 1px solid #eaeaea;}
.materassoInfo .table_01 thead th:first-child{border-left:0;}
.materassoInfo .table_01 thead th:last-child{border-right:0;}

/* 개설 절차 */
.materassoInfo .table_03{margin : 20px auto;max-width: 820px;width: 100%;border-collapse: collapse;border-top : 2px solid #000;border-bottom : 2px solid #000;}
.materassoInfo .table_03 td{text-align: center;padding : 40px 0;line-height: 30px;border : 1px solid #eaeaea;vertical-align: top;}
.materassoInfo .table_03 td .num{width: 28px;height: 28px;margin: 0 auto;}
.materassoInfo .table_03 td .num span{background-color: #eaeaea;color: #000;padding: 2px 10px;font-size: 18px;font-weight: bold;border-radius: 100%;}
.materassoInfo .table_03 td .detail{min-height:60px;font-size : 16px;color : #a09f9d;margin-top : 40px;}
.materassoInfo .table_03 td .detail span{font-size : 18px;color : #000;}
.materassoInfo .table_03 td .img{margin-top : 30px;}
.materassoInfo .table_03 td .img img{margin:0 auto;}

/* 팝업 */
.materassoInfo .popup_layer {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: transparent;display: none;z-index:1;}
.materassoInfo .popup_inner {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.materassoInfo .popup_content {position: relative;width: 770px;height: 645px;background: #fff;margin: 0 auto;z-index: 1;}
.materassoInfo .popup_header {position: relative;background: #000;height: 100px;text-align: center;}
.materassoInfo .popup_header h2 {padding-top: 36px;display: inline-block;font-size: 30px;color: #fff;}
.materassoInfo .popup_header .btn_popup_close {display: block;position: absolute;top: 30px;right: 33px;}
.materassoInfo .popup_scroll {height: 544px;overflow: auto;}
.materassoInfo .popup_scroll .form_box {padding: 50px 50px 70px;}
.materassoInfo .popup_scroll .form_box h3 {position: relative;display: inline-block;padding-left: 22px;margin-bottom: 30px;font-size: 30px;font-weight: bold;}
.materassoInfo .popup_scroll .form_box h3.ect_title {margin-top: 54px;}
.materassoInfo .popup_scroll .form_box h3.question_title {margin-top: 50px;}
.materassoInfo .popup_scroll .form_box h3:after {content: "*";color: #ff0000;font-size: 22px;position: absolute;top: 2px;right: -14px;}
.materassoInfo .popup_scroll .formlist {padding-left: 22px;border-bottom: 1px solid #ababab;}
.materassoInfo .popup_scroll .formlist.last {margin-bottom: 40px;border-bottom: 0;}
.materassoInfo .popup_scroll .formlist.last li:last-child {padding-bottom: 0;}
.materassoInfo .popup_scroll .formlist li {margin-top: 10px;overflow: hidden;}
.materassoInfo .popup_scroll .formlist li:first-child {margin-top: 0;}
.materassoInfo .popup_scroll .formlist li:last-child {padding-bottom: 52px;}
.materassoInfo .popup_scroll .formlist label {float: left;padding-top: 22px;width: 152px;font-size: 22px;font-weight: 600;letter-spacing: -1px;}
.materassoInfo .popup_scroll .formlist input {float: left;padding: 4px 26px;width: 460px;height: 70px;border: 1px solid #727469;font-size: 22px;}
.materassoInfo .popup_scroll .formlist input.focus{ border:1px solid #ff0000; }
.materassoInfo .popup_scroll .formlist input::placeholder {font-size: 22px;color: #8a8a8a;}
.materassoInfo .popup_scroll .formlist textarea::placeholder {font-size: 22px;color: #8a8a8a;}
.materassoInfo .popup_scroll .formlist input.input_email {width: 198px;}
.materassoInfo .popup_scroll .formlist input:focus {border: 2px solid #000;}
.materassoInfo .popup_scroll .formlist select {width: 197px;height: 70px;font-size: 22px;color: #8a8a8a;line-height: 1.3;border:1px solid #727469;}
.materassoInfo .popup_scroll .formlist select.ect_select {width: 460px;}
.materassoInfo .popup_scroll .formlist select.ect_select.focus{  border:1px solid #ff0000; }
.materassoInfo .popup_scroll .formlist .entity_code {float: left;padding: 22px;font-size: 22px;color: #000;font-weight: 700;}
.materassoInfo .popup_scroll .formlist .question_box {padding: 20px;width: 613px;height: 160px;border: 1px solid #8a8a8a;box-sizing: border-box;}
.materassoInfo .popup_scroll .formlist .question_box.focus{  border:1px solid #ff0000;  }
.materassoInfo .popup_scroll .formlist li .notice_box {width: 613px;height: 213px;border: 1px solid #727469;background: #f5f5f5;overflow: auto;}
.materassoInfo .popup_scroll .formlist li .notice_box > div {padding: 27px 24px;  font-size: 20px;  color: #8a8a8a;}
.materassoInfo .popup_scroll .formlist li .notice_box > div strong{ display:block; margin:10px 0; }
.materassoInfo .popup_scroll .formlist li .notice_box > div p.title{ font-size:22px;   font-weight: bold;}
.materassoInfo .popup_scroll .formlist li .notice_box > div dt {margin-bottom: 28px;font-size: 18px;line-height: 1.75;}
.materassoInfo .popup_scroll .formlist li .notice_box > div dt,
.materassoInfo .popup_scroll .formlist li .notice_box > div dd {color: #8a8a8a;}
.materassoInfo .popup_scroll .formlist li .notice_box > div dd {margin-top: 12px;}
.materassoInfo .popup_scroll .formlist li .notice_box > div dd:first-child {margin-top: 0;}
.materassoInfo .popup_scroll .cheack_box {text-align: left;margin-left: 104px;}
.materassoInfo .popup_scroll .cheack_box input[type=checkbox] {display: none;}
.materassoInfo .popup_scroll .cheack_box input[type=checkbox] + label {display: inline-block;cursor: pointer;font-size: 24px;font-weight: 700;line-height: 38px;padding-left: 52px;background: url('https://image.casamiashop.com/mall/DESIGN/EVENT/SHOP/2020/11/20201123/agencyInfo/pc//check_img_38x38.png') 0 0 no-repeat;}
.materassoInfo .popup_scroll .cheack_box input[type=checkbox]:checked + label {background-position: 0 -39.9px;}
.materassoInfo .popup_scroll .btn_submit {margin: 35px 0 0 22px;width: 619px;height: 89px;border: 2px solid #000;font-size: 30px;color: #000;font-weight: bold;}
.materassoInfo .popup_dimd {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.4;}