.tabBtnCustom01 li { width:190px; height:50px; line-height:50px; text-align:center; border-radius:25px; background-color:#eeeeef; } 
.tabBtnCustom01 li:not(:last-child) { margin-right:22px; } 
.tabBtnCustom01 li.active { background-color:var(--color02); } 
.tabBtnCustom01 li:hover { background-color:#000; } 
.tabBtnCustom01 li:hover p,
.tabBtnCustom01 li:hover a { color:#fff; opacity:1; } 
.tabBtnCustom01 li p,
.tabBtnCustom01 li a { font-size:20px; font-weight:400; color:#252a31; opacity:0.5; display:block; width:100%; height:100%;} 
.tabBtnCustom01 li.active p,
.tabBtnCustom01 li.active a { color:#fff; opacity:1; } 

table {border:1px solid #f6f6f6;  box-sizing:border-box;width:100%; background-color:#fff; border-radius:10px; overflow:hidden;}
table tr {border-bottom:1px solid rgba(0,0,0,0.1); box-sizing:border-box;}
table th {background-color:#333; padding:20px 0; color:#fff;}
table th:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.2);}
table td {padding:20px;}

/* 탭박스 */
.tabWrap {text-align:center;}
.tabBtn {background-color:#e7fafa; padding:10px; border-radius:40px; display:inline-block; overflow:hidden; }
.tabBtn li {float:left;}
.tabBtn li a {padding:20px 50px; text-align:center; font-size:20px; font-weight:400; color:#000000; background-color:transparent; cursor:pointer; line-height:1; display:block;}
.tabBtn li.active a {color:var(--color06); background-color:#fff; border-radius:30px;}
.tabBtn02 {background-color:#f3f3f3;}
.tabBtn02 li.active a {font-weight:500; color:#010101;}
.tabBtn02 li a {color:#818181;}
.tabBtn03 li a {padding:20px 25px;}
.tabBox .box .text {font-size:20px; font-weight:400; color:#333333;}
.tabBox .box .imgBox {margin-right:250px;}
.tabBox .box .textCircle {text-align:left;}
.tabBox .box .textCircle dl {top:52%; transform:translateY(-50%);}
.tabBox02 >div {display:none;}
.tabBox02 >div.on {display:block;}

.qnaTabBox {width:100%;}
.qnaTabBox ul {width:100%;}
.qnaTabBox >div {display:none}
.qnaTabBox >div.active {display:block;}

.pageSearch { width:700px; height:60px; margin:0 auto; position:relative; margin:0 auto; } 
.pageSearch form { width:100%; height:100%; } 
.pageSearch input { border:2px solid #ccc; box-sizing:border-box; padding:4px 55px 4px 4px; border-radius:6px; width:100%; height:60px !important; text-indent:10px; background-color:#fff; } 
.pageSearch input, .pageSearch input::placeholder { font-size:17px; font-weight:400; color:#000; opacity:0.5; } 
.pageSearch input:focus { font-weight:500; color:#111; border:2px solid #000; opacity:1; } 
.pageSearch button { background-color:transparent; position:absolute; top:50%; transform:translateY(-50%); right:22px; } 
.pageSearch button img { width:26px; } 

.linkBtn01 { margin:0 auto; text-align:center; font-size:20px; font-weight:500; color:#252a31; } 
.linkBtn01 i { font-size:30px; line-height:1; margin-left:5px; } 
.linkBtn01:hover { color:var(--color02); } 

.linkBtn02 { margin:35px auto 0 auto; text-align:center; font-size:18px; font-weight:400; background-color:#eeeeef; color:#252a31; width:280px; height:65px; line-height:65px; border-radius:32px; } 
.linkBtn02 img { margin-right:7px; } 
.linkBtn02 .hover { display:none; } 
.linkBtn02:hover { background-color:var(--color02); color:#fff; } 
.linkBtn02:hover img { display:none; } 
.linkBtn02:hover .hover { display:block; } 

.projectBtn { margin:35px auto 0 auto; flex-wrap:wrap;}
.projectBtn .linkBtn02 {margin:0 auto; margin-bottom:5px; }

@media screen and (max-width:980px){
	.projectBtn .linkBtn02 {width:auto; padding:0 15px; font-size:15px; height:50px; line-height:50px;}
	.pageSearch {width:100%;}
}

/* 페이지네이션 */
.pagination { margin:70px auto 0 auto; } 
.pagination .pageBtn a { width:37px; height:37px; border-radius:50%; background-color:#777777; display:flex; justify-content:center; align-items:center; margin-right:3px; } 
.pagination .pageBtn a:hover { background-color:var(--color01); } 
.pagination .pageBtn a:last-child { margin-right:0; } 
.pagination .btn01 img { width:13px; } 
.pagination .btn02 img { width:5px; } 
.pagination ul { margin:0 15px; } 
.pagination ul li { padding:8px 10px 10px 10px; border-top:1px solid transparent; border-bottom:1px solid transparent; } 
.pagination ul li.on { border-top:1px solid var(--color02); border-bottom:1px solid var(--color02); } 
.pagination ul li.on a { color:var(--color02); font-weight:600; } 
.pagination ul li a { font-size:18px; font-weight:400; color:#363d45; line-height:1; } 
.pagination ul li:hover a { color:var(--color02); } 


.statusCustom { width:70px; height:30px; line-height:30px; border-radius:15px; text-align:center; font-size:14px; font-weight:400; color:#fff; } 
.statusCustomPosition { position:absolute; top:-15px; left:25px; } 
.statusCustom01 {background-color:#e54b00; }
.statusCustom02 {background-color:#0590a5;}
.statusCustom03 {background-color:#333;}

/* 리스트_1 */
.board_list01 {} 
.board_list01 >ul.on {display:flex;}
.board_list01 >ul { display:none; flex-direction:row; flex-wrap:wrap; } 
.board_list01 >ul >li { width:23%; border:2px solid #e6e6e6; box-sizing:border-box; border-radius:12px; overflow:hidden; margin-bottom:30px; } 
.board_list01 >ul >li:hover { border:2px solid #000; box-sizing:border-box; } 
.board_list01 >ul >li:not(:nth-child(4n)) { margin-right:2.66666666666%; } 
.board_list01 >ul >li .imgBox { width:100%; height:345px; /*160px;*/ background-color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; } 
.board_list01 >ul >li .imgBox img { max-height:100%; } 
.board_list01 >ul >li .textBox { background-color:#eeeeef; padding:40px 20px 25px 25px; position:relative; } 
.board_list01 >ul >li .subject { width:100%; min-height:45px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:18px; font-weight:400; color:#252a31; line-height:1.3; margin-bottom:30px; } 
.board_list01 dl { display:flex; flex-direction:row; align-items:center; } 
.board_list01 dl dt { width:85px; } 
.board_list01 dl dd { width:calc(100% - 85px); } 
.board_list01 dl dt,
.board_list01 dl dd { font-size:16px; font-weight:400; color:#000; opacity:0.5; } 
.board_list01 .check { margin-top:28px; display:flex; flex-direction:row; justify-content:space-between; } 
.board_list01 .check p { font-size:18px; font-weight:500; color:var(--color01); } 
.board_list01 .check .listBtn { opacity:0; width:34px; height:34px; border-radius:50%; background-color:#252a31; display:flex; flex-direction:column; justify-content:center; align-items:center; } 
.board_list01 .check .listBtn i { font-size:24px; color:#fff; } 
.board_list01 >ul >li:hover .check .listBtn { opacity:1; } 


/* 뷰_1 */
.board_view01 { width:100%; align-items: flex-start;} 
.board_view01 .viewContent { width:calc(100% - 435px); border-bottom:1px solid #d0d0d0; box-sizing:border-box; } 
.board_view01 .infoBox .imgBox { width:100%; height:350px; /*200px;*/  display: flex; flex-direction: column; justify-content: center; align-items: center; background-color:#fff; overflow:hidden;}  
.board_view01 .infoBox .imgBox img {max-width:100%; }
.board_view01 .infoBox { width:400px; margin-left:35px; border:2px solid #f3f3f3; box-sizing:border-box; border-radius:12px; overflow:hidden; } 
.board_view01 .infoBox .textBox { width:calc(100% - 40px); padding:30px 20px 20px 20px; background-color:#fff; border-top:2px solid #f3f3f3; boxs-sizing:border-box;} 
.board_view01 .infoBox a { display:block; width:100%; background-color:#252a31; border-radius:8px; text-align:center; font-size:18px; font-weight:400; color:#fff; padding:12px 0; } 
.board_view01 .infoBox a:hover { background-color:var(--color02); } 
.board_view01 .infoBox a i { font-size:22px; margin-right:3px; } 
.board_view01 .infoBox ul,
.board_view01 .infoBox ul li { width:100%; } 
.board_view01 .infoBox ul { margin-bottom:30px; } 
.board_view01 .infoBox ul li:not(:last-child) { margin-bottom:20px; } 
.board_view01 .infoBox dl { display:flex; flex-direction:row; align-items:center; } 
.board_view01 .infoBox dt,
.board_view01 .infoBox dd { font-size:16px; color:#252a31; } 
.board_view01 .infoBox dt { font-weight:500; opacity:0.5; width:120px; } 
.board_view01 .infoBox dd { font-weight:400; width:calc(100% - 120px); } 
.board_view01 .title { font-size:30px; font-weight:500; color:#252a31; line-height:1.2; padding:20px 0 18px 0; border-bottom:2px solid #252a31; box-sizing:border-box; } 
.board_view01 .editBox { padding-top:50px; } 
.board_view01 .editBox p,
.board_view01 .editBox a { font-size:18px; font-weight:400; color:#656565; line-height:1.5; } 
.board_view01 .fixEdit {margin:30px 0; padding:20px 0; border:1px solid #ccc; box-sizing:border-box; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.board_view01 .fixEdit li {position:relative; width:50%; text-align:center;}
.board_view01 .fixEdit li:nth-child(1):after {content:''; width:1px; height:80%; background-color:#333; opacity:0.5; position:absolute; top:50%; transform:translateY(-50%); right:0; opacity:0.2;}
.board_view01 .fixEdit li p:nth-child(1) {font-size:18px; font-weight:500; color:#333; }
.board_view01 .fixEdit li p:nth-child(2) {font-size:18px; font-weight:400; color:#7b7b7b;}

/* 게시판_공통 */
.board .listNum { font-size: 16px; font-weight: 300; color: #333; } 
.board .listNum strong { font-weight: 700; padding: 0 2px; } 
.board .topBox { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-bottom:20px; } 
.board .topBox::after { display: none; } 
.board .searchBox { display: flex; flex-direction: row; } 
.board .selectAll { position: relative; width: 150px; height: 50px; border: 1px solid #dddddd;; box-sizing: border-box; border-radius: 5px; margin-right: 5px; } 
.board .selectAll02 { width: 210px; } 
.board .selectAll button { background-color: transparent; width: 100%; position: relative; } 
.board .selectAll button i { position: absolute; top: 50%; margin-top: -14px; right: 10px; font-size: 28px; font-weight: 300; color: #757575;; } 
.board .selectAll button:focus-visible { outline: 1px solid #333; } 
.board .selectAll.active button i { transform: rotate(180deg); transition: all 0.3s; } 
.board .selectAll button { display: block; font-size: 18px; padding: 12px 40px 12px 16px; box-sizing: border-box; width: 100%; height: 100%; font-size: 18px; color: #757575;; line-height: 25px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.board .listBox { position: absolute; top: 50px; z-index: 2; background-color: #fff; border: 1px solid #dddddd;;; border-top: none; display: none; width: 100%; } 
.board .selectAll.active .listBox { display: block; } 
.board .selectAll.active .listBox li { border-bottom: 1px solid #ddd; } 
.board .selectAll.active .listBox li:last-child { border-bottom: none; } 
.board .listBox li span { line-height: 1; } 
.board .listBox li:hover { background-color: #dddddd;; cursor: pointer; } 
.board .listBox li:hover span { color: #333; } 
.board .inputBox { width: 445px; height: 50px; position: relative; } 
.board .inputBox input { width: 100%; height: 100%; border: 1px solid #dddddd;; box-sizing: border-box; border-radius: 5px; overflow: hidden; font-size: 16px; font-weight: 500; color: #333; padding: 0 40px 0 10px; } 
.board .inputBox input:focus { border: 2px solid #333; }
.board .inputBox input::placeholder { font-size: 16px; color: #757575;; font-weight: 300; } 
.board .inputBox button { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; cursor: pointer; background-color: transparent; line-height: 1; } 
.board .inputBox button:focus-visible { outline: 1px solid #333; } 
.board .writeBtn { margin-top: 20px; display: flex; flex-direction: column; justify-content: end; align-items: end; } 
.board .writeBtn a { border: 1px solid #333; width: 90px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #333; } 
.board .writeBtn a:hover { background-color: #333; border: none; color: #fff; } 
.board .boardInfo { text-align: center; font-size: 18px; color: #333; } 
.boardMove a { width: 110px; height: 43px; line-height: 43px; text-align: center; display: inline-block; border: 1px solid #333; border-radius: 8px; font-size: 16px; color: #333; } 
.boardMove a:hover { background-color: #000; color: #fff; } 
.boardMove a { width: 110px; height: 43px; line-height: 43px; text-align: center; display: inline-block; border: 1px solid #333; border-radius: 8px; font-size: 16px; color: #333; } 
.boardMove a:hover { background-color: #000; color: #fff; } 

/* 게시판_리스트형 */
.board .listType { width: 100%; } 
.board .listType ul { width: 100%; height: auto; border-top: 2px solid #111111; box-sizing: border-box;} 
.board .listType ul li { width:100%; overflow:hidden; border-bottom: 1px solid #DDDDDD; box-sizing: border-box; } 
.board .listType ul li:hover { background-color: #ececec; } 
.board .listType ul li a { padding: 30px 20px; padding-left: 0px; width:100%; height: 100%; display: block; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.board .listType ul li::after { display: none; } 
.board .listType ul li .areaBox { width: 100%; display: flex; flex-direction: row; align-items: center; } 
.board .listType ul li .areaBox .numBox { width: 10%; text-align: center; font-size: 18px; color: #333; } 
.board .listType ul li .areaBox .numBox.active { font-weight: 700; color: var(--color02); } 
.board .listType ul li .infoBox { width: 90%; } 
.board .listType ul li dt { width: 100%; line-height: 1; display: flex; flex-direction: row; align-items: center; padding-bottom: 7px; } 
.board .listType ul li dt p { padding-right: 12px; font-size: 17px; font-weight: 400; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.1; } 
.board .listType ul li dt .cate { color: var(--color02); margin-right: 5px; } 
.board .listType ul li:hover dt p { color: #000 !important; } 
.board .listType ul li dt .new i { font-size: 26px; color: var(--color02); } 
.board .listType ul li dd { display: flex; flex-direction: row; align-items: center; line-height: 1; } 
.board .listType ul li dd p { display: inline-block; font-size: 14px; font-weight: 400; color: #8b8b8b; padding-right: 10px; margin-right: 10px; position: relative; display: inline-block; line-height: 1; } 
.board .listType ul li:hover dd p { color: #000; } 
.board .listType ul li dd p:last-child::after { display: none; } 
.board .listType ul li dd p::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: block; width: 1px; height: 12px; background-color: #B4B4B4; } 
.board .listType ul li dd p .num { display: inline-block; } 
.board .listType ul li .content button { background-color: transparent; position: relative; } 
.board .listType ul li .content button:hover .num { background-color: var(--point); transition: all 0.3s; } 
.board .listType ul li .content button:hover svg path { fill: var(--point); } 
.board .listType ul li .content .num { position: absolute; bottom: -4px; right: -14px; width: 24px; height: 24px; line-height: 24px; background-color: #333; border-radius: 50%; font-family: 'Roboto-Regular'; font-size: 12px; color: #fff; } 

@media screen and (max-width:480px){
	.board .listType ul li a {padding:30px 0;}
	.board .listType ul li dd p {padding-right:5px; margin-right:5px;}
	.board .listType ul li dd p:last-child {padding-right:0; margin-right:0;}
	.board .listType ul li .areaBox .numBox {display:none;}
	.board .listType ul li .infoBox {width:100%;}
}

/* 게시판_페이지네이션 */
/* s:게시판_뷰페이지 */
.boardView { margin: 0 auto; } 
.boardView .title { padding-bottom: 60px; font-size: 45px; font-weight: 900; color: #333333; } 
.boardView .topBox { border-top: 2px solid #1A1A1A; border-bottom: 1px solid #dddddd; box-sizing: border-box; padding: 25px 0; } 
.boardView .topBox dt { width: 100%; padding-bottom: 10px; line-height: 1; display: flex; flex-direction: row; align-items: center; } 
.boardView .topBox dt p { font-size: 1.125rem; font-weight: 400; color: #333; line-height: 1.3;; } 
.boardView .topBox dd { display: flex; flex-direction: row; align-items: center; } 
.boardView .topBox dd p { display: inline-block; font-size: 16px; font-weight: 300; color: #939393; padding-right: 10px; margin-right: 10px; position: relative; display: inline-block; line-height: 1; display: flex; flex-direction: row; align-items: baseline; } 
.boardView .topBox dd p:last-child::after { display: none; } 
.boardView .topBox dd p::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: block; width: 1px; height: 12px; background-color: #B4B4B4; } 
.boardView .topBox dd p .num { display: inline-block; font-family: 'Roboto', sans-serif; font-weight: 400; } 
.boardView .topBox dd p i { font-size: 1.2em; color: #666; margin-right: 5px; line-height: 1; position: relative; top: 1.2px; } 
.boardView .fileBox { margin-bottom:50px; width: 100%; } 
.boardView .fileBox li { position: relative; width:100%; height:55px; background-color: #F2F2F2; border-bottom: 0.5px solid #ddd; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.boardView .fileBox li a { width: 90%; padding: 13px 20px; display: flex; flex-direction: row; align-items: center; box-sizing: border-box; } 
.boardView .fileBox li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } 
.boardView .fileBox li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: none; } 
.boardView .fileBox li:hover { background-color: #e9e9e9; } 
.boardView .fileBox li:last-child a { border-bottom: none; } 
.boardView .fileBox li p { padding-left: 10px; font-size: 16px; font-weight: 400; color: #666666; } 
.boardView .fileBox li img { width: 25px; } 
.boardView .fileBox li i { font-size: 1.5rem; color: #666666; font-weight: 100; } 
.boardView .fileBox li .fileDelete { border: 1px solid #333; box-sizing: border-box; border-radius: 8px; width: 60px; height: 30px; font-size: 16px; color: #333; margin-right: 20px; } 
.boardView .fileBox li .fileDelete:hover { background-color: #333; color: #fff; } 
.boardView .editBox { padding:10px 0 60px 0 !important; border-bottom: 1px solid #DDDDDD; line-height: 2; } 
.boardView .editBox p {word-break:keep-all;}
.boardView .editBox .maxWidth100 { width: 100%; } 
.boardView .editBox img { max-width: 90% !important; margin: 0 auto; display: block; } 
.boardView .editBox iframe { display: block; margin: 0 auto; } 
.boardView .boardMove { display: flex; flex-direction: row; margin: 30px auto 60px auto; } 
.boardView .boardMove .lfBox a:nth-child(1) { margin-right: 5px; } 
.boardView .boardMove .listMove { background-color: #444; color: #fff; } 
.boardView .boardMove .listMove:hover { background-color: #000; transition: all 0.3s; } 
.boardView .moveBox { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 25px 0px; position: relative; } 
.boardView .moveBox::after { content: ''; width: 1px; height: 50px; background-color: #ddd; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.boardView .moveBox ul { display: flex; flex-direction: row; justify-content: space-between; } 
.boardView .moveBox ul::after { display: block; } 
.boardView .moveBox ul li { width: 50%; } 
.boardView .moveBox ul li li::after, .boardView .moveBox ul li a::after { display: block; } 
.boardView .moveBox ul li a { width: 100%; } 
.boardView .moveBox ul li dl { width: 90%; } 
.boardView .moveBox ul li a { display: flex; flex-direction: row; align-items: center; } 
.boardView .moveBox ul li.prev a { justify-content: left; text-align: left; } 
.boardView .moveBox ul li.next a { justify-content: right; text-align: right; } 
.boardView .moveBox ul li i { font-size: 20px; color: #666; } 
.boardView .moveBox ul li dl { padding: 0 20px; } 
.boardView .moveBox ul li dt { font-size: 16px; font-style: normal; font-weight: 300; color: #757575; margin-bottom: 8px; } 
.boardView .moveBox ul li dd { font-size: 18px; font-style: normal; font-weight: 400; color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.boardView .moveBox ul li:hover i { color: #000; } 
.boardView .moveBox ul li:hover dt { color: #000; } 
.boardView .moveBox ul li:hover dd { color: #000; } 
.boardView .moveBox ul li.empty { opacity: 0.7; } 
.boardView .moveBox ul li.empty i { opacity: 0.6; } 
.boardView .moveBox ul li:hover { opacity: 1; } 

/* 게시판_갤러리형 */
.board .thumType { width: 100%; } 
.board .thumType ul { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: initial; flex-wrap: wrap; row-gap: 80px; } 
.board .thumType ul::after { display: block; } 
.board .thumType ul li { width:24%; overflow:hidden; margin-right:1.333333333333333%;} 
.board .thumType ul li:nth-child(4n) {margin-right:0;}
.board .thumType ul li a, .board .thumType ul li .thumb, .board .thumType ul li img { width: 100%; overflow:hidden;} 
.board .thumType ul li .thumb { margin-bottom: 20px; border-radius: 15px; overflow: hidden; width: 100%; height: 305px; border: 1px solid #e2e2e2; box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.board .thumType ul li .thumb .img { width: calc(100% + 4px); height: calc(100% + 4px); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: -2px; left: -2px; } 
.board .thumType ul li .thumb img { width: 100%; max-width: 100%; } 
.board .thumType ul li .eventEnd { position: relative; } 
.board .thumType ul li .eventEnd::before { content: '종료된 이벤트'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; font-weight: 400; color: #fff; } 
.board .thumType ul li .cate { font-size: 1em; font-weight: 400; color: var(--color02); } 
.board .thumType ul li dt { font-size: 24px; font-weight: 400; line-height: 1.3; padding-top: 12px; color: #000; position: relative; display: block; } 
.board .thumType ul li .boardTit { font-size: 24px; font-weight: 400; line-height: 1.3; padding-top: 12px; color: #000; position: relative; display: block; } 
.board .thumType ul li:hover dt { color: #000; text-decoration: underline; text-underline-position: under; text-decoration-thickness: auto; text-decoration-color: var(--pointColor); transition: all 0.3s; } 
.board .thumType ul li:hover dd { color: #000; } 
.board .thumType ul li dd { font-size: 18px; font-weight: 300; line-height: 1.3; color: #333; letter-spacing: -0.6px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 20px; } 
.board .thumType ul li .date { margin-top: 20px; font-family: 'Roboto', sans-serif; font-size: 1em; font-weight: 300; color: #666; letter-spacing: -0.6px; display: block; } 
.board .thumType ul li:hover .date { color: #000; } 

.counsellingBox {width:100%; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between;}
.counsellingBox ul {width:49%;}
.counselling_answer {margin-top:30px;}
.counselling_answer .box {width:calc(100% - 40px); background-color:#ebebeb; padding:20px; }
.counselling_answer .answerTit {font-size:16px; font-weight:500; color:#000; margin-bottom:5px; padding:0 !important;}
#counseling_view .boardView .editBox {padding:50px 0 70px 0 !important;}
#counseling_list .listType ul li .infoBox {padding-left:20px;}

.board_view01 .moTitle {display:none;}

@media screen and (max-width:1580px) {
    .board_list01 >ul >li {width:24%;}
    .board_list01 >ul >li:not(:nth-child(4n)) {margin-right:1.33333333333333333333%;}
}
@media screen and (max-width:1380px) {
	.board .thumType ul li .thumb {height:270px;}
}
@media screen and (max-width:1280px) {
    .board_view01 .title {font-size:24px;}

    .tabBtnCustom01 li {width:160px; height:45px; line-height:45px;}
    .tabBtnCustom01 li:not(:last-child) {margin-right:10px;}
    .tabBtnCustom01 li p, .tabBtnCustom01 li a {font-size:18px;}

	.board .thumType ul li {width:49%; margin-right:0;}
	.board .thumType ul li:nth-child(2n) {margin-left:2%;}
	.board .thumType ul li .thumb {height:300px;}
}
@media screen and (max-width:980px) {
    .pagination {margin:80px auto 120px auto !important;}

    .linkBtn01 {margin-bottom:50px !important;}

    .pageSearch {width:100%;}
    .pageSearch form {height:50px;}
    .pageSearch input {height:100% !important;}
    .pageSearch input::placeholder,
    .pageSearch input {font-size:16px;}
    .pageSearch button {top:43%; right:18px;}
    .pageSearch button img {width:22px;}

    .tabBtnCustom01 {margin-bottom:50px !important;}

    #projectView {background-color:#fff;}
    #projectWrite .inner02 {width:calc(100% - 40px);}
    #projectView .inner02 {width:100%;}
    .board_view01 {flex-direction:column;}
    .board_view01 .infoBox {width:100%;  }

    .board_view01 .moTitle {width:calc(100% - 40px); margin:20px auto;}
    .board_view01 .title {border-bottom:0; padding:20px 0 0 0;}
    .board_view01 .viewContent .title {display:none;}
    .board_view01 .viewContent .statusCustom {display:none;}
    .board_view01 .moTitle {display:block;}
    .board_view01 .infoBox {order:1; border:none; margin-left:0; border-radius:0;}
    .board_view01 .viewContent {order:2; width:calc(100% - 40px); margin:40px auto 0 auto; border-top:2px solid #252a31;}
    .board_view01 .infoBox .imgBox {height:250px;}
    .board_view01 .infoBox ul {background-color:#f0f0f0; border-radius:12px; width:calc(100% - 50px); padding:30px 25px; margin-bottom:20px;}
    .board_view01 .infoBox .textBox {padding:0 20px;}
    .board_view01 .editBox {padding-top:30px;}

    .board_list01 >ul >li {width:49%;}
    .board_list01 >ul >li:not(:nth-child(4n)) {margin-right:auto;}
    .board_list01 >ul >li:nth-child(2n) {margin-left:2%;}

    .board .listType ul li .areaBox .numBox {width:58px;}
    .board .listType ul li .infoBox {width:calc(100% - 58px);}

    .tabBtn li a {padding:15px 25px;}

	.board .thumType ul li {width:100%; margin-right:0;}
	.board .thumType ul li:nth-child(2n) {margin-left:0;}
	.board .thumType ul li .thumb {height:250px;}
}
@media screen and (max-width:680px) {
    .pagination {margin:50px auto 80px auto !important;}

    .customBtn a {flex-direction:column; justify-content:center; align-items:center;}
    .customBtn a > p {text-align:center; font-weight:500; margin-bottom:15px; font-size:20px;}
    .customBtn .move p {font-size:19px; margin-top:-2px;}
    .customBtn .move .circle {width:27px; height:27px;}

    .sub .subTitle01 br {display:none;}

    .board_view01 .title {font-size:19px; line-height:1.3;}
    .board_view01 .infoBox ul {padding:25px 20px; width:calc(100% - 40px);}
    .board_view01 .infoBox dt, .board_view01 .infoBox dd {font-size:15px;}
    .board_view01 .infoBox dd {line-height:1.5;}
    .board_view01 .infoBox dt {width:110px;}
    .board_view01 .infoBox dd {width:calc(100% - 110px);}
    .board_view01 .infoBox dd br {display:none;}
    .board_view01 .infoBox ul li:not(:last-child) {margin-bottom:15px;}
    .board_view01 .editBox p, .board_view01 .editBox a {font-size:16px;}
    .board_view01 .fixEdit li p:nth-child(1),
    .board_view01 .fixEdit li p:nth-child(2) {font-size:16px;}
    .linkBtn02 {width:230px; height:60px; line-height:60px; font-size:16px;}
    .linkBtn02 img {margin-top:3px;}

    .board_list01 >ul >li {margin-bottom:20px;}
    .board_list01 >ul >li .subject {font-size:16px; margin-bottom:20px;}
    .board_list01 dl dt, .board_list01 dl dd {font-size:15px;}
    .board_list01 .check {margin-top:25px;}
    .board_list01 .check p {font-size:16px;}
    .board_list01 >ul >li .textBox {padding:30px 20px 20px 20px;}

    .board_list01 >ul >li .subject {min-height:auto;}
    .board_list01 >ul.on {display:block;}
    .board_list01 >ul >li {width:100%;}
    .board_list01 >ul >li:nth-child(2n) {margin-left:0;}
    .board_list01 >ul >li .check .listBtn {opacity:1; width:26px; height:26px; }
    .board_list01 .check .listBtn i {font-size:22px;}

    .customBtn {width:calc(100% - 40px); margin:0 auto;}
    .customBtn a {padding:35px 0; width:100%;}

    #counseling .radio_container_wrap {display:block;}
    #counseling .radio_container_wrap .radio_container {margin-bottom:10px;}
    .counsellingBox {display:block;}
    .counsellingBox ul {width:100%;}
    .counsellingBox ul:nth-child(1) {margin-bottom:20px;}
}
@media screen and (max-width:480px) {
    .tabBtnCustom01 li {width:auto; height:auto; line-height:1; border-radius:25px; padding:10px 10px 12px 10px;}
    .tabBtnCustom01 li:not(:last-child) {margin-right:5px;}
    .tabBtnCustom01 li p, .tabBtnCustom01 li a {font-size:14px;}

    .linkBtn01 {margin-bottom:35px !important; font-size:18px;}
    .linkBtn01 i {font-size:22px; position:relative; top:2px;}

    .pagination ul {margin:0 10px;}
    .pagination ul li {padding:5px 5px;}
    .pagination .pageBtn a {width:27px; height:27px;}
    .pagination .btn02 img {width:4px;}
    .pagination .btn01 img {width:10px;}

    .customBtn a > p, .customBtn .move p {font-size:17px; }
    .customBtn a > p {padding:0 10px;}

    .boardView .moveBox ul li i {font-size:18px;}
    .boardView .moveBox ul li dl {width:calc(100% - 40px); padding:0;}
    .boardView .moveBox ul li dd {font-size:16px;}
    .boardView .moveBox ul li.prev dl {padding-left:5px;}
    .boardView .moveBox ul li.next dl {padding-right:5px;}
}
@media screen and (max-width:380px) {

    .pageSearch input::placeholder,
    .pageSearch input {font-size:14px;}
    .pageSearch button {top:40%; right:15px;}
    .pageSearch button img {width:18px;}

    .board_view01 .infoBox .imgBox {height:190px;}
    .board_view01 .infoBox a {font-size:16px;}
    .board_view01 .infoBox a i {font-size:19px;}
    .board_view01 .title {font-size:18px; padding:15px 0 0 0;}
    
    .tabBtnCustom01 {margin-bottom:40px !important;}
    .tabBtnCustom01 li {width:auto; height:auto; line-height:1; border-radius:25px; padding:8px 8px 10px 8px;}
    .tabBtnCustom01 li:not(:last-child) {margin-right:5px;}
    .tabBtnCustom01 li p, .tabBtnCustom01 li a {font-size:13px;}

    .linkBtn01 i {font-size:20px; position:relative; top:2px; margin-left:3px;}

    .customBtn {border-radius:70px;}
    .customBtn a > p, .customBtn .move p {font-size:15px;}
}
@media screen and (max-width:340px) {
    .tabBtnCustom01 {flex-wrap:wrap;}
    .tabBtnCustom01 li {padding:5px 6px 9px 6px; border-radius:22px; margin-bottom:5px;}
    .tabBtnCustom01 li p, .tabBtnCustom01 li a {letter-spacing:-1.5px; line-height:1.1;}

    .customBtn a > p {padding:0 20px;}
    .customBtn a > p br {display:none;}

}

/* 고객문의 */

/* 회원가입 */

/* 회원가입 메인 */
#join_intro .inner {width:940px; margin:0 auto;}
#join_intro .tit, #join_intro .txt {text-align:center;}
#join_intro .tit { font-family: 'Pretendard-ExtraBold'; font-size:51px; font-weight:700; color:#252a31; line-height:1.1; }
#join_intro .txt {font-size:26px; font-weight:300; color:var(--color02); margin:20px 0 60px 0;}
#join_intro ul li {border:2px solid #eeeeef; box-sizing:border-box; border-radius:12px; width:450px; height:400px; overflow:hidden;}
#join_intro ul li:hover {border:2px solid var(--color02);}
#join_intro ul li:nth-child(1) img {width:121px;}
#join_intro ul li:nth-child(2) img {width:113px;}
#join_intro ul li .topBox {width:100%; height:calc(100% - 60px); text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#join_intro ul li .iconBox {height:105px; margin-bottom:40px;}
#join_intro ul li .topBox dt {font-size:30px; font-weight:700; color:#252a31; margin-bottom:20px; line-height:1;}
#join_intro ul li .topBox dd {font-size:18px; font-weight:300; color:#252a31; opacity:0.8; line-height:1.3;}
#join_intro ul li .btnBox {width:100%; height:60px; background-color:#252a31; align-items:center; justify-content:end; }
#join_intro ul li .btnBox p {font-size:20px; font-weight:300; color:#fff;}
#join_intro ul li .btnBox .joinBtn {width:34px; height:34px; border-radius:50%; background-color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; margin:0 20px;}
#join_intro ul li .btnBox .joinBtn i {font-size:24px; font-weight:700; color:#252a31;}
#join_intro ul li:hover .btnBox {background-color:var(--color02);}
#join_intro ul li:hover .btnBox .joinBtn i {color:var(--color02);}

/* 회원가입 약관동의 */
.flowBox {overflow:hidden;}
label{font-size: var(--font-nor); font-weight: 600;}
.star{color: red;}
.agreeWrap__cont{width:calc(100% - 30px); margin:10px 0; padding:15px; overflow-y: auto; white-space: pre-line; background:#ededed; height:300px; line-height: 1.6; border:1px solid #e8e8e8; border-radius:15px;}
.agreeAll__txt {font-size:16px; font-weight:400; color:#000;}
.signBtnWrap {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.signBtnWrap .signBtn { padding: 0 80px; width: fit-content; height: 54px; line-height: 54px; background: #333; color: #fff; font-size:18px; letter-spacing: -0.9px; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.signBtnWrap .signBtn02 {background-color:var(--color01);}
.signBtnWrap .signBtn:hover {background-color:#000 !important;}

.signBtnWrap02 a {width:calc(190px - 30px);}
.signBtnWrap02 a:hover {background-color:#000 !important;}
.signBtnWrap02 a:nth-child(1) {background-color:#333; margin-right:40px;}
.signBtnWrap02 a:nth-child(2) {background-color:var(--color02);}
.signBtnWrap a.bgBlack {background-color:var(--color02);}

/* 폼 */
input, button, select{font-family: 'Pretendard'; }
input, select{outline: none; border: none; width: 100%; font-size: var(--font-nor); color: #111; background-color: #fff; border-radius: 0;}
select{
	-webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none;
	background:url('../../_images/common/ico_arw_down_blue.png') no-repeat calc(100% - 15px) 50%/15px auto; background-size:10px 7px;
}
.select--mint{background:url('../../_images/common/ico_arw_down_mint.png') no-repeat calc(100% - 15px) 50%/15px auto; background-size:10px 7px;}
select::-ms-expand{display:none;/*for IE10,11*/}
button{border: none; cursor: pointer;}
button:focus{outline: none !important;}
label{font-size: var(--font-nor); font-weight: 600;}

.secJoinAgree{text-align: center;}
.secJoinAgree .snsWrapAll{margin-bottom: 30px; display: flex; align-items: center; justify-content: flex-end;}
.secJoinAgree .snsWrapAll .tit{margin: 0; margin-right: 15px; font-size: var(--font-small);}

.joinSteps{padding-bottom:80px; display: flex; align-items: baseline; justify-content: center; }
.joinSteps li{margin: 0 10px;}
.joinSteps__bar{width:50px; height: 2px; background:#e8e8e8; }
.joinSteps__circle{margin:0 auto 7px; background-color: #e8e8e8; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 50%; font-weight: 500; font-size: 18px;}
.on__joinSteps .joinSteps__circle{background: var(--color02); color: #fff; }
.joinSteps__txt{font-size: 16px; letter-spacing: -0.8px; }

.infoTxt{margin: 30px 0; text-align: left;}
.infoTxt dt{margin-bottom: 5px; font-size: 18px; font-weight: 600;}
.infoTxt dt i{margin-right: 5px;}
.infoTxt dd{font-size: 16px; color: #999;}

.joinAgreeCont{text-align: left; font-size: var(--font-small);}
.joinAgreeCont .check_wrap{margin: 10px 0 30px; display:flex; flex-direction:row; align-items:center; justify-content:end;}
.joinAgreeCont .agreeAll{display: flex; justify-content: space-between;}
.joinAgreeCont .agreeAll .check_wrap{margin-top:0;}

.table__joinAgree th, .table__joinAgree td {font-weight: 400; font-size: 14px; text-align: center;}
.table__joinAgree thead {height: 42px;line-height: 42px; font-weight: 400;}
.table__joinAgree td {line-height: 1.4; padding: 0 3vw;}



/* 회원가입 정보입력 */
.subType .formStyle {width:100%;}
.subType .formStyle input {width:500px; height:40px; line-height:40px; border:1px solid #ddd; background-color:#fff; border-radius:10px;}
.subType .formStyle input::placeholder {font-weight:400; color:#333; text-indent:0;}
.subType .formStyle li {width:100%; display:flex; flex-direction:row; align-items:flex-start;}
.subType .formStyle li:not(:last-child) {margin-bottom:20px;}
.subType .formStyle li >label {width:150px; padding-top:6px;}
.subType .formStyle li >label,
.subType .formStyle .formTit { font-size:16px; font-weight:500; color:#000;}
.subType .formStyle label .small {display:inline-block; font-size:14px;}
.subType .formStyle li >label .star,
.subType .formStyle .formTit .star {padding-left:2px; font-size:16px; font-weight:600;}

.subType .formStyle li .area {width:calc(100% - 150px);}
.subType .formStyle li .area >div {align-items:center;}
.subType .formStyle li .area input {border-radius:0; margin:0; padding:0 10px; margin-right:10px; text-indent:0;}
.subType .formStyle li .area .btn { padding: 0 80px; width: fit-content; height: 40px; line-height: 40px; background: #333; color: #fff; font-size: 16px; letter-spacing: -0.9px; border-radius: 0; display: flex; align-items: center; justify-content: center; padding: 0 30px; }
.subType .formStyle li .area .btn:hover {background-color:var(--color02);}
.subType .formStyle li small {display:block; font-size:16px; font-weight:400; color:#9c9c9c;}
.subType .topDescText {font-size:16px; font-weight:400; color:var(--color02); text-align:right; margin-bottom:20px;}
.subType .formStyle li select {width:500px; height:40px; line-height:33px; border:1px solid #ddd; box-sizing:border-box; background-color:#fff; margin-bottom:0;}
.subType .formStyle li .etcInput {display:none; margin-left:5px;}
.subType .formStyle li .etcInput.on {display:block;}
.subType .formStyle li .areaText {font-size:17px; font-weight:400; color:#000; padding-top:7px;}
.subType .formStyle li .customInput01 {width:246px;}
.subType .formStyle li .customInput03 {width:453px;}
.subType .formStyle li .customInput04 {width:330px;}
.subType .formStyle li select.customSelect {width:159px;}
.subType .formStyle li select.customSelect02 {width:250px;}
.subType .formStyle li select.customSelect03 {width:245px;}
.subType .formStyle li .industryOutput {margin-left:5px;}
.subType .formStyle li .industryOutput p {width:fit-content; padding:0 12px; background-color:#333; height:40px; line-height:40px; margin-right:5px; font-size:16px; font-weight:400; color:#fff;}
.subType .formStyle li .industryOutput button {background-color:transparent;}
.subType .formStyle li .industryOutput button i {font-size:15px; color:#fff; margin-left:2px;}
.subType .formStyle li .areaIcon {position:relative;}
.subType .formStyle li .areaIcon input {text-indent:0;}
.subType .formStyle li .areaIcon i {position:absolute; top:50%; transform:translateY(-50%); right:20px; font-size:17px; color:#000;}

.subType .formStyle .editImg .profile { display: inline-block; width:70px; height:70px; border-radius:50%; border:1px solid #cccccc; box-sizing:border-box; margin-right:10px; overflow:hidden; position:relative; background-size: cover; background-repeat: no-repeat; background-position: center; } 
.subType .formStyle .editImg dt { font-size:16px; font-weight:400; color:#000000; padding-bottom:5px; } 
.subType .formStyle .editImg dd { font-size:13px; font-weight:300; color:#aaaaaa; } 
.subType .formStyle .editImg button { background-color:transparent; margin-left:10px; } 
.subType .formStyle .editImg i {font-size:22px; font-weight:400; color:#333;}
.subType .formStyle .editImg button:hover i{ color:var(--color02); } 
.subType .formStyle .editImg .textWrap {align-items:flex-start;}

.subType .formStyle .areaBtn {display:flex; flex-direction:row; align-items:center; margin-bottom:3px;}
.subType .formStyle .areaBtn button {background-color:transparent; margin-right:-3px;}
.subType .formStyle .areaBtn button i {font-size:26px; color:#333; line-height:1; letter-spacing:0;}
.subType .formStyle .areaBtn button:hover i {color:var(--color02);} 
.subType .formStyle .areaContent {display:flex; flex-direction:column; align-items:flex-start !important; justify-content:baseline !important;}
.subType .formStyle .areaContent input {width:100%; margin-bottom:5px;}
.subType .formStyle textarea {width:100%; height:265px; min-width:auto; font-size:14px; font-weight:300; color:#000; border:1px solid #ddd; box-sizing:border-box; text-indent:0;}
.subType .formStyle textarea:focus {font-weight:400; color:#000;}
.subType .formStyle textarea.textarea02 {height:200px;}
.subType .formStyle .areaContent02 {width:100%;}

.formStyle02 {display:block;}
.formStyle02 li {width:100%; display:block;}
.formStyle02 li {width:100%;}
.formStyle02 li input {width:calc(100% - 20px); padding:0 10px; text-indent:0;}
.formStyle02 li >label {width:100%; margin-bottom:10px;}
.formStyle02 li textarea {width:calc(100% - 20px); padding:10px; height:127px;}
.formStyle02 .pravacyBox {width:calc(100% - 20px); padding:10px; height:120px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; background-color:#fff; overflow-y:scroll; }
.formStyle02 .pravacyBox p {}
.formStyle .radio_container { display: block; position: relative; padding-left:28px; font-weight:400; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size:16px; } 
.radio_container_wrap { display:flex; } 
.radio_container_wrap .radio_container { margin-bottom:0; margin-right:30px; } 
.radio_container_wrap .radio_container:last-child { margin-right:0 } 
.radio_container input { position: absolute; left:0; opacity: 0; cursor: pointer; } 
.radio_chkmark { position: absolute; top:3px; left: 0; height:18px; width:18px; background-color: #fff;; border-radius: 50%; border:1px solid #aaaaaa; } 
.radio_container input:checked ~ .radio_chkmark { background-color: #fff; border:1px solid var(--color02); } 
.radio_chkmark:after { content: ""; position: absolute; display: none; } 
.radio_container input:checked ~ .radio_chkmark:after { display: block; } 
.radio_container .radio_chkmark:after { top: 50%; left: 50%; transform:translate(-50%, -50%); width:12px; height: 12px; border-radius: 50%; background: var(--color02); } 

.subType .inner, .subType02 .inner { padding:35px 30px; background-color: #fff; border-radius: 10px; border: 1px solid #f1f1f4;}
.subType .subTitle01,  .subType02 .subTitle01 { font-size:20px; font-weight: 700; letter-spacing: -0.9px; text-align:left; line-height:1; width:100%; border-bottom:1px solid #dbdfe9; box-sizing:border-box; padding-bottom:30px; margin-bottom:30px;}
.subType .formStyle li select, .subType .formStyle input, .subType .formStyle textarea,
.subType02 .formStyle li select, .subType02 .formStyle input, .subType02 .formStyle textarea, .subType02 .formStyle02 .pravacyBox { border:none; background-color:#f9f9f9; border-radius: 10px; }
.subType .formStyle li select, .subType .formStyle input, .subType .formStyle textarea {width:100%; }
.subType .formStyle li .area input {background-color:#f9f9f9  !important; border:none;}
.subType .formStyle li .area input, .subType .formStyle li .area .btn {border-radius: 10px; }
.subType .formStyle li select, .subType .formStyle input, .subType .formStyle li .area .btn {height:45px;}
.subType .formStyle input, .subType .formStyle li .area .btn { line-height:45px; }
.subType .formStyle input.customWidth01 {width:calc(100% - 140px);}
.formStyle .areaContent  input.customWidth02 {width:calc(100% - 130px);}
.subType .formStyle .areaBox {width:100%;} 

.formStyle .checkWrap{position: relative; padding: 0;}
.formStyle .checkWrap input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 0; left: 0; opacity: 0; z-index: 3; width: 100%; height: 100%; cursor: pointer;}
.formStyle .checkWrap label{ font-size:16px; font-weight: 400; color: #818181; letter-spacing: -0.75px; text-align: left; box-sizing: border-box; position: relative; }
.formStyle .checkWrap label i{ font-size:21px; display: inline-block; vertical-align: middle; color:#aaa; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.formStyle .checkWrap .checkDeco {width:18px !important; height:18px; position:relative; top:1px; border:1px solid #aaa;}
.formStyle .checkWrap label span {display: inline-block;vertical-align: middle; margin-left:5px;}
.formStyle .checkWrap input:checked ~ label{border-color:var(--color03); color:#333; }
.formStyle .checkWrap input:checked ~ label .checkDeco {border:1px solid var(--color01);}
.formStyle .checkWrap input:checked ~ label i {color:var(--color05);}
.formStyle .btn {background-color:var(--color01); width:65px; height:24px; line-height:22px; border-radius:5px; font-size:14px; font-weight:400; color:#fff; }


@media screen and (max-width: 1280px) {
	.subType, .subType02 {background-color:#fff;}
	.subType .subBg, .subType02 .subBg {display:none;}
	.subType .inner02,
	.subType02 .inner02 {padding:0 20px; border:none;}
	.subType .formStyle input.customWidth01 {width:calc(100% - 158px); margin-right:10px !important;}
	.subType .formStyle li >label, 
	.subType .formStyle .formTit, 
	.subType .formStyle li >label, 
	.subType .formStyle .formTit {padding-top:0;}
}
@media screen and (max-width:680px) {
	.subType .formStyle li .area .btn {width:100px;}
	.subType .formStyle input.customWidth01 {width:calc(100% - 110px);}
	.formStyle .areaContent input.customWidth02 {width:calc(100% - 100px);}
}

/* 체크박스 */
input[type='checkbox']{display:none;}
.checkWrap{display:flex; }
.checkWrap .check_wrap{margin-right:50px;}
.checkWrap .check_wrap:last-child{margin-right:0;}
.check_wrap{clear:both; }
.check_wrap > label{display:flex; align-items: center;}
.check_wrap > label .txt{line-height:1; font-weight:400; }
.check_wrap .checkmark {width:23px; height:23px; border-radius:6px; border:2px solid #e8e8e8; box-sizing:border-box; margin-right:10px; top:1px;}
.check_wrap .checkmark:after {width:5px; height:10px; top:2px; left:6px;}
.check_wrap input[type=checkbox]:checked + label span.checkmark:after {top:2px; left:7px;}

.check_wrap02 >label .txt {font-size:18px;}
.check_wrap02 .checkmark {width:26px; height:26px;}
.check_wrap02 .checkmark:after {top:3px; left:7px;}
.check_wrap02 input[type=checkbox]:checked + label span.checkmark:after {top:3px; left:8px;}

.check_wrap03 >label .txt {line-height:1.1; width:calc(100% - 30px);}

input[type=checkbox]:checked + label span.checkmark:after {
	position: absolute; top:2px; left:7px; border:solid 1px #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=checkbox]:checked + label span.checkmark { background-color: var(--color02); border:1px solid transparent;}
input[type=checkbox]:checked + label span.txt {color:var(--color02);}
select{
    width:100%; height: 50px; padding: 4px 10px; border: 1px solid #ddd; color: #111; cursor: pointer; 
    top: 0; left: 0;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background:url('../../_images/common/arrow_down.png') no-repeat 98% 50%/20px auto;
}

.checkmark {display: inline-block; position: relative;  vertical-align: middle; background-color: #fff;  border:1px solid #D5D6DB;  cursor: pointer;}
.checkmark:after {
	content: ""; display: block; position: absolute; top:2px; left:6px; width: 4px; height: 9px; border:solid 1px #D5D6DB;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width: 479px) {
    .check_wrap{font-size:14px;}
    .check_wrap > label .txt br{display:none;}
}

/* 하단 버튼 */
.btn_bottom{margin-top:80px; display: flex; justify-content: center; clear:both; }
.btn_bottom button {width:50%; float:left; display:block; height:60px; line-height:60px; background:#EEEEEE; font-size: 18px; border-radius:6px;}
.btn_bottom button a{display:inline-block; width:100%; height:100%; color:#111; }
.btn_bottom button.back_blue {background-color:#196bde;}
.btn_bottom button.back_black {background-color:#333;}
.btn_bottom button.back_blue a,
.btn_bottom button.back_black a {color:#fff;}

.btn_a { width:280px; height:60px; line-height:60px; display:block; background:#EEEEEE; font-size:21px; border-radius:6px; margin:80px auto 0 auto;  text-align:center;}
.btn_a a {color:#fff;}
.btn_a.blue {background-color:var(--color02);}
.btn_a.black {background-color:#333; margin-bottom:30px;}
.btn_a.blue, .btn_a.black {color:#fff;}