@charset "utf-8";

/* 공통 */
.interest{width:calc(100% - 80px);max-width:1440px;margin:0 auto;color:#30343b;font-family:"Pretendard","Noto Sans KR",sans-serif;box-sizing:border-box;}
.interest *{box-sizing:border-box;}
.interest form.form_width{width:100%;margin:0 auto 140px;}
.interest input,.interest select,.interest button{font-family:inherit;}
.interest input:focus,.interest select:focus,.interest textarea:focus{border-color:#1c2c50!important;outline:none;box-shadow:0 0 0 3px rgba(28,44,80,.08);}
.interest input[type="text"]{padding:0 16px;letter-spacing:0;}
.interest input[type="checkbox"]{width:18px;height:18px;margin:0 8px 0 0;accent-color:#1c2c50;vertical-align:-3px;-webkit-appearance:auto;appearance:auto;}
.interest input[type="radio"]{width:18px;height:18px;margin:0 7px 0 0;accent-color:#1c2c50;vertical-align:-4px;-webkit-appearance:auto;appearance:auto;}
.interest input[type="button"]{-webkit-appearance:none;appearance:none;}

/* 개인정보 수집 영역 */
.interest .privacy{margin:0 0 70px;padding:0;}
.interest .privacy h2,.interest .privacy3 h2{position:relative;margin:0 0 22px;color:#222831;font-size:24px;font-weight:600;line-height:1.4;letter-spacing:-.04em;}
.interest .privacy h2 span,.interest .privacy3 h2 span{display:none;}
.interest .privacy h2 b,.interest .privacy3 h2 b{font-weight:600;}
.interest .document{height:320px;padding:32px 36px;overflow-y:auto;border:1px solid #e2e3e5;border-radius:4px;background:#f7f7f6;color:#666b72;font-size:15px;line-height:1.75;scrollbar-color:#b9bcc1 transparent;scrollbar-width:thin;}
.interest .document::-webkit-scrollbar{width:6px;}
.interest .document::-webkit-scrollbar-track{background:transparent;}
.interest .document::-webkit-scrollbar-thumb{border-radius:10px;background:#b9bcc1;}
.interest .document h2,.interest .document h3,.interest .document h4,.interest .document h5,.interest .document h6{padding:0;font-weight:400;}
.interest .document h2:before{display:none;}
.interest .document h2{margin:0 0 12px;font-size:18px;}
.interest .document h3{margin:0 0 30px;font-size:16px;}
.interest .document h4{margin:0 0 8px;color:#252a31;font-size:16px;font-weight:600;}
.interest .document h5{margin:0 0 8px;color:#555b62;font-size:15px;font-weight:400;}
.interest .document h6{margin:0;font-size:15px;}
.interest .document_list{margin:0 0 26px;}
.interest .document_list:last-child{margin-bottom:0;}
.interest .document_list ul{margin:0;padding:0;list-style:none;}
.interest .document_list ul li{margin:3px 0;color:#6d7177;font-size:15px;line-height:1.75;word-break:keep-all;}
.interest .document_list pre{overflow-wrap:break-word;white-space:pre-line;font-family:"Pretendard","Noto Sans KR",sans-serif;font-weight:400;}

/* 동의 버튼 */
.interest .agree_btn{margin-top:18px;padding:20px 24px;border:1px solid #e3e4e6;border-radius:4px;background:#fff;color:#686d74;font-size:15px;line-height:1.7;text-align:right;word-break:keep-all;}
.interest .agree_btn input{margin-left:20px;}
.interest .agree_btn label{color:#333840;font-size:15px;cursor:pointer;}
.interest .agree_btn .notice{display:inline-block;margin-top:5px;color:#bd4e43;font-size:14px;}
.interest .interestNotice{width:100%;margin:24px auto;color:#1c2c50;font-size:16px;font-weight:600;}

/* 개인정보 취급 위탁 및 입력 영역 */
.interest .privacy3{margin:80px 0 0;padding:0;}
.interest .privacy3 h3{margin:0 0 12px;font-size:18px;}
.interest .table{width:100%;border-collapse:collapse;border-spacing:0;}
.interest .table4{width:100%;overflow:hidden;border-top:2px solid #1c2c50;border-collapse:collapse;border-spacing:0;}
.interest .table4 tr{border-bottom:1px solid #e0e1e3;}
.interest .table4 th{width:50%;padding:19px 20px;border-right:1px solid #e0e1e3;background:#f3f4f5;color:#343941;font-size:16px;font-weight:500;line-height:1.5;text-align:center;}
.interest .table4 th:last-child{border-right:0;}
.interest .table4 td{width:50%;padding:18px 20px;border-right:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3;background:#fff;color:#565b62;font-size:15px;line-height:1.6;text-align:center;}
.interest .table4 td:last-child{border-right:0;}
.interest .table4 td span{display:block;word-break:keep-all;}
.interest .table4 .line_no_right{border-right:0;}

/* 개인정보 입력 테이블 */
.interest .table2{width:100%;margin:0;border-top:2px solid #1c2c50;border-collapse:collapse;border-spacing:0;}
.interest .table2 tr{border-bottom:1px solid #e0e1e3;}
.interest .table2 th{width:190px;padding:20px 24px;border-bottom:1px solid #e0e1e3;background:#f5f5f4;color:#353a42;font-size:16px;font-weight:500;line-height:1.5;text-align:left;}
.interest .table2 th strong{color:#bd4e43;font-size:16px;font-weight:400;}
.interest .table2 td{height:74px;padding:14px 20px;border-bottom:1px solid #e0e1e3;background:#fff;color:#555a61;font-size:16px;line-height:1.6;text-align:left;}
.interest .table2 td label{margin-right:20px;color:#444950;font-size:16px;vertical-align:middle;cursor:pointer;}
.interest .table2 td p{margin:4px 0;}
.interest .table2 td .input_txt1{width:420px;height:46px;border:1px solid #d9dadd;border-radius:3px;background:#fff;color:#333840;font-size:16px;transition:border-color .2s,box-shadow .2s;}
.interest .table2 td .input_txt2{width:100px;height:46px;border:1px solid #d9dadd;border-radius:3px;background:#fff;font-size:16px;}
.interest .table2 td .input_txt3{width:100%;max-width:620px;height:46px;border:1px solid #d9dadd;border-radius:3px;background:#fff;font-size:16px;}
.interest .table2 td .input_txt4{width:calc(33.333% - 8px);max-width:250px;height:46px;margin-right:8px;padding:0 42px 0 14px;border:1px solid #d9dadd;border-radius:3px;background:#fff;color:#444950;font-size:16px;cursor:pointer;}
.interest .table2 td select{height:46px;padding:0 42px 0 14px;border:1px solid #d9dadd;border-radius:3px;background:#fff;color:#444950;font-size:16px;cursor:pointer;}
.interest .table2 td textarea{width:100%;max-width:700px;height:160px;padding:15px;border:1px solid #d9dadd;border-radius:3px;background:#fff;font-size:16px;resize:vertical;}
.interest .table2 td .input_radio{width:18px;height:18px;margin-right:6px;vertical-align:-4px;}
.interest .table2 td .btn_style1{height:46px;margin-left:7px;padding:0 22px;border:1px solid #2b3341;border-radius:3px;background:#2b3341;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s;}
.interest .table2 td .btn_style1:hover{border-color:#bd6858;background:#bd6858;}
.interest .table2 td .ext_button{display:inline-block;padding:10px 18px;border-radius:3px;background:#2b3341;color:#fff;font-size:15px;vertical-align:middle;}
.interest .table2 td .ext_button:hover{background:#bd6858;}
.interest .table2 td .in-block{display:inline-block;}
.interest .table2 td .mr_20{margin-right:20px;}
.interest .table2 td .pl_5{padding-left:5px;}
.interest .table2 tr:nth-child(4) td{white-space:nowrap;}
.interest .table2 tr:nth-child(5) td .input_txt4,.interest .table2 tr:nth-child(6) td .input_txt4{width:250px;}

/* 하단 버튼 */
.interest p.btn{display:flex;align-items:center;justify-content:center;gap:10px;margin:55px 0 0;text-align:center;}
.interest p.btn input{min-width:180px;height:56px;padding:0 30px;border-radius:3px!important;font-size:16px;font-weight:600;letter-spacing:-.02em;cursor:pointer;transition:all .25s;}
.interest .btn_style2{border:1px solid #2b3341;background:#2b3341;color:#fff;}
.interest .btn_style2:hover{border-color:#bd6858;background:#bd6858;}
.interest .btn_style3{border:1px solid #d8d9dc;background:#fff;color:#555a61;}
.interest .btn_style3:hover{border-color:#868b92;background:#f5f5f5;color:#282d34;}

@media screen and (max-width:1000px){
	.interest{width:calc(100% - 48px);}
	.interest form.form_width{margin-bottom:110px;}
	.interest .privacy{margin-bottom:60px;}
	.interest .privacy3{margin-top:65px;}
	.interest .privacy h2,.interest .privacy3 h2{font-size:22px;}
	.interest .document{height:300px;padding:28px;}
	.interest .agree_btn{text-align:left;}
	.interest .agree_btn .notice{position:relative;left:0;margin-top:12px;}
	.interest .table2 th{width:150px;padding:18px;}
	.interest .table2 td{padding:14px 16px;}
	.interest .table2 td .input_txt1{width:65%;max-width:420px;}
	.interest .table2 tr:nth-child(3) td .input_txt1{width:calc(100% - 125px);}
	.interest .table2 td .input_txt4{max-width:none;}
}

@media screen and (max-width:768px){
	.interest{width:calc(100% - 40px);}
	.interest form.form_width{margin-bottom:90px;}
	.interest .privacy{margin-bottom:50px;}
	.interest .privacy3{margin-top:55px;}
	.interest .privacy h2,.interest .privacy3 h2{margin-bottom:16px;font-size:20px;}
	.interest .document{height:280px;padding:24px 20px;font-size:15px;}
	.interest .document_list{margin-bottom:22px;}
	.interest .agree_btn{padding:18px 16px;font-size:15px;line-height:1.8;}
	.interest .agree_btn input{margin-left:12px;}
	.interest .table4 th{padding:15px 10px;font-size:15px;}
	.interest .table4 td{padding:15px 10px;font-size:14px;}
	.interest .table2,.interest .table2 tbody,.interest .table2 tr,.interest .table2 th,.interest .table2 td{display:block;width:100%;}
	.interest .table2 tr{padding:0;border-bottom:1px solid #dedfe1;}
	.interest .table2 th{padding:15px 16px;border:0;background:#f5f5f4;font-size:16px;text-align:left;}
	.interest .table2 td{height:auto;min-height:72px;padding:13px 16px 16px;border:0;font-size:16px;}
	.interest .table2 td .input_txt1{width:100%;max-width:none;}
	.interest .table2 tr:nth-child(3) td .input_txt1{width:calc(100% - 116px);}
	.interest .table2 td .btn_style1{width:105px;margin-left:6px;padding:0 8px;}
	.interest .table2 tr:nth-child(4) td{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;white-space:normal;}
	.interest .table2 tr:nth-child(4) td .input_txt4{width:100%;margin:0;padding:0 30px 0 10px;}
	.interest .table2 tr:nth-child(5) td .input_txt4,.interest .table2 tr:nth-child(6) td .input_txt4{width:100%;max-width:none;margin:0;}
	.interest p.btn{margin-top:40px;}
	.interest p.btn input{width:50%;min-width:0;height:52px;padding:0 15px;}
}

@media screen and (max-width:520px){
	.interest{width:calc(100% - 32px);}
	.interest form.form_width{margin-bottom:70px;}
	.interest .privacy h2,.interest .privacy3 h2{font-size:18px;}
	.interest .document{height:250px;padding:20px 16px;}
	.interest .document h4{font-size:15px;}
	.interest .document h5,.interest .document_list ul li{font-size:14px;}
	.interest .agree_btn{padding:16px 14px;font-size:14px;}
	.interest .agree_btn input{margin-left:6px;}
	.interest .agree_btn label{margin-right:5px;font-size:14px;}
	.interest .table4{display:block;border-top:2px solid #1c2c50;}
	.interest .table4 tbody{display:block;}
	.interest .table4 tr{display:grid;grid-template-columns:1fr 1fr;width:100%;}
	.interest .table4 th,.interest .table4 td{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 8px;font-size:13px;word-break:keep-all;}
	.interest .table2 tr:nth-child(3) td{display:flex;}
	.interest .table2 tr:nth-child(3) td .input_txt1{flex:1;width:auto;min-width:0;}
	.interest .table2 tr:nth-child(3) td .btn_style1{flex-shrink:0;}
	.interest .table2 tr:nth-child(4) td{grid-template-columns:1fr;}
	.interest .table2 td label{margin-right:10px;font-size:15px;}
	.interest p.btn{gap:7px;}
	.interest p.btn input{height:50px;font-size:15px;}
}