@charset "utf-8";
/* 공통 */
.scroll-y::-webkit-scrollbar {height:3px; width:10px;}
.scroll-y::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-y::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.tabWrap .tabBtn {cursor:pointer;}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}
.scroll-tab .scrollable {width:100%; white-space:nowrap; overflow-x:auto; display:flex; justify-content:center; -ms-overflow-style: none; gap:10px; border-bottom:0; }
.scroll-tab .scrollable::-webkit-scrollbar {display: none;}
.scroll-tab .scrollable li {display:inline-block; cursor:pointer; user-select: none; transform: rotate(0.03deg); color:#fff; background:var(--navy); text-align:center; border-radius:4rem; font-weight:600; position:relative; padding:15px 50px; transition:all 0.3s;}
.scroll-tab .scrollable li.on, .scroll-tab .scrollable li:hover {background:var(--red);}

.table.type1 thead tr {border-top:1px solid #c6cde4; border-bottom:1px solid #c6cde4;}
.table.type1 thead tr th {color:var(--blue); font-weight:400; text-align:center; padding:12px 10px; background:#fafafd;}
.table.type1 tbody tr td {text-align:center; padding:12px 10px; color:#000;}
.table.type1 tbody tr {border-bottom:1px solid #dfe3f4;}

.subTitType1 {position:relative; padding:20px 0 !important; font-size:24px; color:#000; line-height:1;}
.subTitType1:before {width:20px; height:4px; background:var(--orange); left:0; top:5px; content:''; display:block; position:absolute;}
.subTitType1 span.c_red {font-size:16px; position:absolute; right:0; top:20px; font-weight:500; transform:var(--textRotate);}

/* 사업신청 */
.apply {}
.apply .write {display:flex; flex-wrap:wrap; border-top:1px solid #000; border-bottom:1px solid #000; line-height:1.5;}
.apply .write> div:nth-child(n+3) {border-top:1px solid #ddd;}
.apply .write .inputWrap {width:50%; display:grid; grid-template-columns:180px auto; align-items:center;}
.apply .write .inputWrap input {width:100%;}
.apply .write .inputWrap>p {display:flex; align-items:center; height:100%; padding:20px; background:#f5f5f5;}
.apply .write .inputWrap .inputBox {padding:20px;}
.apply .attachWrap {display:grid; grid-template-columns:180px auto auto; align-items:center; width:50%;}
.apply .attachWrap p {display:flex; align-items:center; height:100%; padding:20px;background:#f5f5f5;}
.apply .attachWrap .dlBox {padding:20px;}
.apply .attachWrap .download {display:inline-block; background:#4a5c70 url(/images/common/i-dl-white.png) no-repeat right 20px center; padding:10px 50px 10px 20px; color:#fff; border-radius:3rem; font-size:15px;}
.apply .attachWrap .download+span {display:inline-block; font-size:15px; color:red; padding:5px;}
.apply .attachWrap .file_attach_box>div {display:flex; align-items:center; padding:20px;}
.apply .attachWrap .file_attach_box>div input {width:100%; background-color:#eee; border:1px solid #e5e5e5;}
.apply .codeWrap {width:100%; display:grid; grid-template-columns:180px auto;}
.apply .codeWrap p {display:flex; align-items:center; height:100%; padding:20px; background:#f5f5f5;}
.apply .codeWrap input[type="text"] {width:300px;}
.apply .codeWrap .autoCodeWrap>div {display:flex; align-items:center; gap:20px; padding:20px;}
.apply .agreeWrap {margin-top:50px;}
.apply .agreeWrap>div .info_box {border:1px solid #eee; padding:30px; background:#f9f9f9;}
.apply .agreeWrap>div .info_box dl {height:220px; overflow-y:auto; font-weight:400; padding-right:10px; color:#333;}
.apply .agreeWrap>div .info_box dl dt.top {padding-bottom:20px;}
.apply .agreeWrap>div .info_box dl dt {font-weight:500; transform:var(--textRotate); color:#000;}
.apply .agreeWrap>div .info_box dl dd {}
.apply .agreeWrap>div .info_box dl dd+dt {margin-top:20px;}
.apply .agreeWrap>div .info_box dl::-webkit-scrollbar {width:8px;}
.apply .agreeWrap>div .info_box dl::-webkit-scrollbar-track {background-color:none;}
.apply .agreeWrap>div .info_box dl::-webkit-scrollbar-thumb {background-color:#aaa; border-radius:5px;}
.apply .agreeWrap>div .ckwrap {padding:20px 0; color:#000; text-align:right;}
.apply .agreeWrap>div .ckwrap input[type='checkbox'] {position:absolute; left:-999999999px;}
.apply .agreeWrap>div .ckwrap input[type='checkbox']+label {padding:4px 0px;
padding-left:25px; background:url(/images/common/i-check.svg) left 3px no-repeat; cursor:pointer;}
.apply .agreeWrap>div .ckwrap input[type='checkbox']:checked+label {background-image:url(/images/common/i-checked.svg);}

.apply .viewBtn_wrap {text-align:center; margin-top:30px;}
.apply .viewBtn_wrap button {padding:10px; width:200px; background:#4a5c70; color:#fff; font-size:20px; font-weight:500; transform:var(--textRotate); border:2px solid transparent; border-radius:3rem; transition:0.2s;}
.apply .viewBtn_wrap button:hover {background:var(--orange);}



/* 모집안내 */
.padding50 {display:inline-block; height:50px;}
h2+.cont_box {margin-top:40px;}

.guide h2 {font-size:34px; color:#000; transform:var(--textRotate);} 
.guide .cont_box > ul {margin-top:25px;}
.guide .cont_box > ul li {position:relative; padding-left:20px; font-size:17px;}
.guide .cont_box > ul li+li {margin-top:10px;}
.guide .cont_box > ul li:before {content:""; display:block; width:5px; height:5px; background:#ccc; border-radius:50%; position:absolute; top:10px; left:5px;}


/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {

.guide h2 {font-size:24px;}

}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
/* 사업신청 */
.apply .write> div:nth-child(n+2) {border-top:1px solid #ddd;}
.apply .write .inputWrap {width:100%;}
.apply .write .inputWrap input {max-width:500px;}
.apply .attachWrap {width:100%;}
.apply .codeWrap input[type="text"] {width:100%; max-width:300px;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
.subTitType1 {position:relative; padding:20px 0 !important; font-size:20px; color:#000; line-height:1;}
.subTitType1:before {width:15px; height:3px; background:var(--orange); left:0; top:5px; content:''; display:block; position:absolute;}

}

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

/* 사업신청 */
.apply .write .inputWrap {grid-template-columns:1fr;}
.apply .write .inputWrap>p {padding:10px 20px; border-bottom:1px dotted #ddd;}
.apply .write .inputWrap input {height:35px; line-height:32px;}
.apply .attachWrap {grid-template-columns:1fr;}
.apply .attachWrap p {padding:10px 20px; border-bottom:1px dotted #ddd;}
.apply .codeWrap {grid-template-columns:1fr;}
.apply .codeWrap p {padding:10px 20px; border-bottom:1px dotted #ddd;}
.apply .agreeWrap>div .info_box {padding:20px;}
.apply .attachWrap .download {font-size:14px; background:#4a5c70 url(/images/common/i-dl-white.png) no-repeat right 20px center/13px; padding:8px 40px 8px 20px;}



}