@charset "utf-8";

.sponsor .inner { border:1px solid var(--border1); padding:80px 100px; border-radius:0 15px 15px 15px; background:#fff; box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.07);}
.contents .slogan-bx {padding-bottom:60px; text-align:center; border-top:1px solid var(--border1);}
.slogan-bx dt {font-family:'NPSfont'; font-weight: 600; font-size:50px;}
.slogan-bx dt span {font-size:55px;}
.slogan-bx dd {margin-top:5px; color:#000; font-size:20px; font-weight:500;}
.sponsor .slogan-bx dt {color:var(--base1); line-height:1.2; padding-top:50px;}
.sponsor .slogan-bx dt span {color:var(--base3);}

.sponsor form h5 {font-size:var(--fs18); color:#000; margin:50px 0 15px 0;}

.sub-part+.sub-part {margin-top:50px;}
.sub-part h3 {font-size:28px; color:#000; padding-left:30px; position:relative; margin-bottom:30px;}
.sub-part h3:before {content:""; display:block; width:10px; height:10px; border-radius:50%; background:var(--border1); position:absolute; top:8px; left:0;}

.sponsor .spon-type {display:flex; padding-left:30px; gap:10px; justify-content:space-between;}
.sponsor .spon-type dl {border:1px solid var(--border1); padding:30px 50px; display:flex;flex-direction:column; justify-content: space-between; border-radius:15px;}
.sponsor .spon-type dt {font-size:26px; font-weight:700; color:#000;}
.sponsor .spon-type dd {display:flex; align-items:flex-end; justify-content:space-between; line-height:1.4; margin-top:15px;}
.sponsor .spon-type dd img {margin-left:25px;}

.sponsor .spon-method {display:grid; grid-template-columns:repeat(3,1fr); padding-left:30px;}
.sponsor .spon-method dl {border-left:12px solid #f5f5f5; height:100%; padding:40px 55px; box-sizing:border-box;}
.sponsor .spon-method dl dt {font-size:24px; font-weight:700; color:#000;}
.sponsor .spon-method dl dd { line-height:1.3; margin-top:20px;}
.sponsor .spon-method dl.import {border-left:12px solid var(--base3);}
.sponsor .spon-method dl.import dt {color:var(--base3);}
.sponsor .spon-method dl.import dd {color:var(--base3); font-size:24px; font-weight:600;}
.contents .bar-list {padding-left:30px;}
.bar-list li {padding-left:15px; position:relative;}
.bar-list li:before {content:""; display:block; width:6px; height:2px; background:#666; position:absolute; left:0; top:14px;}
.bar-list li+li {margin-top:5px;}




.application_form h4 {display:flex; align-items: flex-end; gap:15px; background:#fff; color: var(--base3); border-bottom:2px solid var(--base3); padding:0 0 15px 10px; font-weight: 700; font-size: var(--fs22); margin-bottom:40px;}

.formGroup {display:grid; grid-template-columns: 150px auto; margin-bottom: 15px !important;}
.formGroup .inputWrap select, .formGroup .inputWrap input:not([type=radio]):not([type=checkBox]){width: 220px;}


.formGroup .inputWrap .gender {display:flex; gap:10px;}


/* 라디오버튼 */
.formGroup .inputWrap {display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.formGroup .inputWrap label {position:relative;display:flex;align-items:center;cursor:pointer;color:#000;line-height:1;}
.formGroup .inputWrap label input[type="radio"] {position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:1px;opacity:0;margin:0;pointer-events:none;}
.formGroup .inputWrap label::before {content:"";flex-shrink:0;width:18px;height:18px;margin-right:8px;border:1px solid #ccc;border-radius:50%;background:#f4f4f4;transition:border-color .2s ease,background-color .2s ease;box-sizing:border-box;}
.formGroup .inputWrap label:has(input[type="radio"]:checked)::before {border-color:#222;background-color:#fff;}
.formGroup .inputWrap label:has(input[type="radio"]:checked)::after {content:"";position:absolute;left:9px;top:50%;width:8px;height:8px;background:url("/images/common/radiobtn.png") center/contain no-repeat;transform:translate(-50%,-50%);}
.formGroup .inputWrap label:has(input[type="radio"]:focus)::before {outline:2px solid #0003;}
.formGroup .labelName {padding-top:9px;}
.formGroup .addBtn {display:flex; align-items: center; gap:10px;}
.formGroup .addBtn a {display:block; width:50px; height:50px; background:#f7f7f7 url(/images/common/i_search.svg) no-repeat center; border:1px solid var(--border1); border-radius:10px;}

input[name="support_kind_etc"] {margin-left:10px;}
input[name="chk_chk"] {width:250px !important;}

.formGroup .inputWrap.address {display: block;}
input[name="addr1"] {width:100% !important; margin:10px 0;}
input[name="addr2"] {width:100% !important; margin-bottom:5px;}
.formGroup .inputWrap p {font-size:16px;}


.btn_box ul li {display:flex; justify-content: center; margin-top:50px;}
.btn_box ul li a {display:inline-block; background:var(--base3);  height:55px; border-radius:10px; padding:0 40px; line-height:55px; color:#fff; font-weight:600; font-size:16px; transition:.3s;}
.btn_box ul li a:hover {background:var(--base2);}

.agree .agree_in {background:#fcfcfc; border:1px solid var(--border1); padding:50px; border-radius:10px; }
.agree pre {overflow-y: auto; font-family: 'Pretendard', sans-serif !important; font-size: var(--fs16); font-weight: 300; height: 120px; background:#fcfcfc;}

.checkType1 {margin-top:10px !important; font-size:var(--fs16);}
.checkType1 input[type="checkbox"] {position:absolute; left:-99px;width:0; height:0; opacity:0;}
.checkType1 input[type="checkbox"]+label {padding-left:30px; line-height:25px; position:relative; display:inline-block; cursor:pointer;}
.checkType1 input[type="checkbox"]+label:before {width:20px; height:20px; background:url(/images/common/i_checkbox_check.svg)center no-repeat; left:0; top:2px; position:absolute; display:block; content:'';}
.checkType1 input[type="checkbox"]:checked+label:before {background-image:url(/images/common/i_checkbox_check_on.svg);}


/* ************************ 태블릿 (~1249) ************************ */
@media screen and (max-width:1249px) { 
.sponsor .inner {margin:0 30px; padding:40px;}
.sponsor .spon-type {display:grid; grid-template-columns:1fr 1fr;}

.sponsor .spon-method dl {padding:40px 35px;}
.sponsor .spon-method dl dd {margin-top:15px;}
}





/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {
	
.sub-part h3 {font-size:24px; padding-left:20px; margin-bottom:20px;}
.sub-part h3:before {content:""; display:block; width:7px; height:7px; border-radius:50%; background:var(--border1); position:absolute; top:8px; left:0;}	
	
.slogan-bx dt {font-size:35px;}
.slogan-bx dt span {font-size:55px;}

.sponsor .spon-type {padding-left:20px;}
.sponsor .spon-type dl {padding:30px 40px;}
.sponsor .spon-type dt {font-size:24px;}
.sponsor .spon-type dd {font-size:18px;}

.sponsor .spon-method {padding-left:20px; grid-template-columns:1fr 1fr; gap:20px 10px;}
.sponsor .spon-method dl {padding:30px;}
.sponsor .spon-method dl dt {font-size:22px;}
.sponsor .spon-method dl dd {font-size:18px;}
.sponsor .spon-method dl.import dd {font-size:22px;}


.bar-list li {font-size:18px;}
.bar-list li:before {top:12px;}
.contents .bar-list {padding-left:20px;}

.sponsor .inner {padding:40px 30px;}
.formGroup label {font-size:18px;}
.formGroup .addBtn a {height:45px; width:45px;}
.formGroup .cal_Img {height:45px; width:45px;}
.formGroup .cal_Img img {width:45px;}
input[type="text"], input[type="password"], input[type="number"], textarea, select {height:45px;}
}


/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 
.sub-part+.sub-part {margin-top:40px;}
.sub-part h3 {font-size:22px;}

.sponsor .slogan-bx dt {padding-top:40px;}

.slogan-bx dt {font-size:30px; line-height:1.2;}
.slogan-bx dt span {font-size:45px;}
.slogan-bx dd {font-size:16px; margin-top:15px;}	
.contents .slogan-bx {padding-bottom:50px;}	

.sponsor .spon-type {padding-left:20px; grid-template-columns:1fr;}
.sponsor .spon-type dl {padding:30px;}
.sponsor .spon-type dt {font-size:22px;}
.sponsor .spon-type dd {font-size:17px; margin-top:5px;}

.sponsor .spon-method {grid-template-columns:1fr;}
.sponsor .spon-method dl {padding:15px 20px; border-left:10px solid #f5f5f5;}
.sponsor .spon-method dl.import {border-left:10px solid var(--base3);}
.sponsor .spon-method dl dt {font-size:20px;}
.sponsor .spon-method dl dd {font-size:17px; margin-top:10px;}
.sponsor .spon-method dl.import dd {font-size:20px;}

.sponsor .inner {padding:30px 0 0; border:0; border-top:1px solid var(--border1); margin:0 20px; border-radius:0; box-shadow:none; }

.agree .agree_in {padding:25px 20px;}

.bar-list li {font-size:17px;} 	

.formGroup {grid-template-columns:1fr; gap:5px;}
.application_form h4 {margin-bottom:20px;}
.formGroup .labelName {padding-top:0;}
.formGroup .inputWrap.telWrap {gap:5px;}
.formGroup .inputWrap select[name="cel1"] {width:30%;}
.formGroup .inputWrap input.onlyNumber {width:30%!important;}
.join .h60 {height:40px;}
.sponsor form h5 {margin:40px 0 15px 0;}
.btn_box ul li {margin-top:30px;}

.application_form h4 {font-size:19px;}
.application_form h4 img {width:22px;} 
} 

/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) { 

.contents .slogan-bx {padding-bottom:40px;}
.slogan-bx dt {font-size:25px;}
.slogan-bx dt span {font-size:30px;}
.sponsor .spon-type dl {padding:25px 20px;}  
.sponsor .spon-type dt {font-size:20px;}

.formGroup .inputWrap select[name="cel1"] {width:28%;}
.formGroup .inputWrap input.onlyNumber {width:29%!important;}
.contents .bar-list {padding-left:5px;}
}