/**
* OLYM Cascading Style Sheets
* File Name : contents.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2017.08.01
* Update : 2017.08.01
* Copyright(c) 2017 OLYM Communications. All Rights Reserved.
*/
 /* ///////////////////////////포인트컬러 변경///////////////////////////
                   포인트 컬러1 - #0081c4
				   포인트 컬러2 - #3155a4
				   검색해서 모두 바꾸기 해주세요!
 /////////////////////////////////////////////////////////////////// */

/************ tab_type ************/

/* 탭메뉴 갯수 */
.colum02 > ul > li { width:50%;}
.colum03 > ul > li { width:33.33%;}
.colum04 > ul > li { width:25%;}
.colum05 > ul > li { width:20%;}
.colum06 > ul > li { width:16.66%;}

.tab_type1 > ul { border-left:1px solid #ced5dc; margin-bottom:20px;}
.tab_type1 > ul > li {display:table-cell; width:33.33%;}
.tab_type1 > ul > li > a { display:block; text-align:center; padding:0 30px; background:#f1f5fa; color:#666; font-weight: 600; border:1px solid #ced5dc; border-left:none; line-height:48px;}
.tab_type1 > ul > li > a:hover { background:#fff;}
.tab_type1 > ul > li > a.on { background:#fff; border-top:1px solid #6a93cb; color:#6a93cb; border-bottom:none;}

.tab_type1.type2 > ul > li:nth-child(2) > a { background:#3db4cd; color: #fff;}
.tab_type1.type2 > ul > li:nth-child(2) > a:hover { background:#fff; color: #3db4cd;}
.tab_type1.type2 > ul > li:nth-child(2) > a.on { background:#fff; border-top:1px solid #3db4cd; color:#3db4cd;}

.tab_type1.type2 > ul > li:nth-child(3) > a { background:#f1eef5;}
.tab_type1.type2 > ul > li:nth-child(3) > a:hover { background:#fff;}
.tab_type1.type2 > ul > li:nth-child(3) > a.on { background:#fff; border-top:1px solid #76569a; color:#76569a;}


.tab_type2 > ul { border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; margin-bottom:50px;}
.tab_type2 > ul > li {float:left; position:relative; height:50px; line-height:49px;}
.tab_type2 > ul > li > a { display:block; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background-image:url(/project/design/template/bg_tab2_off.png); background-repeat:no-repeat; background-position:90% center; color:#111; padding-left:10%; box-sizing:border-box; font-size:18px;}
.tab_type2 > ul > li > a.on, .tab_type2 > ul > li > a:hover { background-image:url(/project/design/template/bg_tab2_on.png); background-color:#0081c4; border-right:1px solid #3155a4; border-bottom:1px solid #3155a4; color:#fff;}

.tab_type3 > ul > li { float:left; padding:0 5px 5px 0;}
.tab_type3 > ul > li > a { display:block; border:1px solid #d4d4d4; line-height:48px; padding:0 30px; color:#666;}
.tab_type3 > ul > li > a.on, .tab_type3 > ul > li > a:hover { border:1px solid #0081c4; background:#0081c4; color:#fff;}

.tab_type4 > ul { margin-bottom:30px;}
.tab_type4 > ul > li { float:left; width:20%;}
.tab_type4 > ul > li:not(:last-child) { padding-right: 1.25%;}
.tab_type4 > ul > li > a { display:block; background:#afb0b8; color:#fff; text-align:center; padding:10px; border-radius: 50px;}
.tab_type4 > ul > li > a:hover, .tab_type4 > ul > li > a.on { background:#7093cd;}

.tab_type4.bg1 > ul > li > a:hover, .tab_type4.bg1 > ul > li > a.on { background:#f66e96;}
.tab_box { border:1px dashed #ddd; padding:40px; border-radius: 20px;}

.tab_type4.his_width > ul > li {width:auto !important;}


.tab_type5 > ul { border-left:1px solid #ced5dc; margin-bottom:20px; display: flex;}
.tab_type5 > ul > li { width: 100%;}
.tab_type5 > ul > li > a { display:block; text-align:center; padding:0 10px; background:#f1f5fa; color:#666; font-weight: 600; border:1px solid #ced5dc; border-left:none; line-height:48px;}
.tab_type5 > ul > li > a:hover { background:#fff;}
.tab_type5 > ul > li > a.on { background:#fff; border-top:1px solid #6a93cb; color:#6a93cb; border-bottom:none;}



.tab_type6 > ul { border-left:1px solid #ced5dc; margin-bottom:20px;}
/* .tab_type6 > ul > li {display:table-cell; width:33.33%;} */
.tab_type6 > ul { display: grid; grid-template-columns: repeat(2, 1fr); }
.tab_type6 > ul > li > a { display:block; text-align:center; padding:0 30px; background:#f1f5fa; color:#666; font-weight: 600; border:1px solid #ced5dc; border-left:none; line-height:48px;}
.tab_type6 > ul > li > a:hover { background:#fff;}
.tab_type6 > ul > li > a.on { background:#fff; border-top:1px solid #6a93cb; color:#6a93cb; border-bottom:none;}
/* .tab_box2 { padding:30px; } */


/* tab_type7 */
ul.tab_type7 { margin-bottom: 30px; display: flex; flex-direction: row; gap: 15px; }
ul.tab_type7 > li { width: 100%; }
ul.tab_type7 > li > a { padding: 10px 0; display: flex; align-items: center; justify-content: center; background: #ccc; border-radius: 50px; color: #fff;}
ul.tab_type7 > li > a.on { background: #f66e96; }

@media(max-width: 900px) {
    ul.tab_type7 { gap: 10px; display: grid; grid-template-columns: repeat(2, 1fr); }
    ul.tab_type7 > li > a { font-size: 14px;}
}
/* // stab_type7 */


@media all and (max-width:767px) {
.tab_type4 > ul > li > a { font-size:0.95em;}
.tab_box { padding:20px;}
}



@media all and (max-width:800px) {
.tab_type1 > ul > li > a { padding:0 10px; font-size:0.95em; line-height:38px;}
.tab_type2 > ul > li {height:40px; line-height:39px;}
.tab_type2 > ul > li > a { font-size:0.95em; background-size:10px;}
.tab_type3 > ul > li > a { line-height:38px; padding:0 20px; font-size:0.95em;}

.tab_type1.type2 > ul { width:100%; display:table;}
.tab_type1.type2 > ul > li {display:table-cell; width:auto;}
.tab_type1.type2 > ul > li > a { padding:0 3px; font-size:0.875em; letter-spacing:-0.05em; box-sizing:border-box;}

.tab_type5 > ul > li > a { padding:0 10px; font-size:0.95em; line-height:38px;}
.tab_type6 > ul > li > a { padding:0 10px; font-size:0.95em; line-height:38px;}
.tab_type6.type2 > ul { width:100%; display:table;}
.tab_type6.type2 > ul > li {display:table-cell; width:auto;}
.tab_type6.type2 > ul > li > a { padding:0 3px; font-size:0.875em; letter-spacing:-0.05em; box-sizing:border-box;}

}

/************ h_type ************/
.h_type1 { font-size:30px; color:#222; padding:20px 0 10px 0; position:relative;font-weight:700;}
.h_type1.mgT { margin-top:50px;}

.h_type2 { font-size:21px; color:#2f2f2f; font-weight:500;  margin-bottom:20px;}
.h_type2.mgT { margin-top:40px;}

.h_type3 { font-size:24px; color:#000; font-weight:700;  margin-bottom:20px;}

@media all and (max-width:1280px) {
.h_type1 { font-size:26px;}
.h_type1.mgT { margin-top:60px;}
.h_type2 { font-size:18px; margin-bottom:10px;}
.h_type2.mgT { margin-top:30px;}
}
@media all and (max-width:1024px) {
.h_type1 { font-size:24px;}
.h_type2 { font-size:16px;}
}
@media all and (max-width:768px) {
.h_type1 { font-size:20px;}
.h_type3 { font-size:18px; margin-bottom:10px;}
}
@media all and (max-width:500px) {
.h_type1 { font-size:20px; padding:15px 0 5px 0; position:relative;}
.h_type1:before { width:30px; height:3px; }
}

/************ ul_type ************/
.ul_type1 > li { margin-bottom:7px; background:url("/project/design/template/bg_li1.png") no-repeat left 8px; padding-left:15px;}
.ul_type1 > li > ul { margin-top:5px;}
.ul_type1 > li > ul > li { margin-bottom:5px; background:url("/project/design/template/bg_li2.png") no-repeat 2px 10px; padding-left:12px;}
.ul_type1 > li:last-child { margin-bottom:0; }



.ul_type2 > li {position: relative; padding-left: 15px; }
.ul_type2 > li:before {
	content: '•';
	position: absolute;
	left: 0;
}

.ul_type3 li {position: relative; padding-left: 15px; }
	content: '※';
	position: absolute;
	left: 0;
}

@media all and (max-width:1280px) {
	.ul_type2 > li {line-height: 20px; }
}

@media all and (max-width:1000px) {
.ul_type1 > li { margin-bottom:4px; background:url("/project/design/template/icon_dot.gif") no-repeat left 8px;}
}

/************ a_type ************/

/* 다운로드링크 */
.a_down { color:#666; display:inline-block; border-bottom:1px dashed #666; background:url("/project/design/template/bg_down2_c1.png") no-repeat; background-position:calc(100% - 7px); padding:0 30px 0 5px;}
.a_down:hover { color:#0081c4; border-bottom:1px dashed #0081c4; background:url("/project/design/template/bg_down2_c2.png") no-repeat; background-position:calc(100% - 7px) center;}

/* 새창링크 */
.a_link { color:#666; display:inline-block; border-bottom:1px dashed #666; background:url("/project/design/template/bg_link2_c1.png") no-repeat; background-position:calc(100% - 7px); padding:0 30px 0 5px;}
.a_link:hover { color:#0081c4; border-bottom:1px dashed #0081c4; background:url("/project/design/template/bg_link2_c2.png") no-repeat; background-position:calc(100% - 7px) center;}

/************ box_type ************/

/* 이미지없는 박스 */
.box_type1 { border:1px dashed #666; padding:20px 30px;}
@media all and (max-width:1000px) {
.box_type1 { padding:15px 20px; font-size:0.95em;}
}

/* 좌측이미지 박스 */
.box_type2 { padding:40px 0; position:relative; background: url("/project/design/template/bg_box1.gif"),  url("/project/design/template/bg_box1.gif");  background-repeat: repeat-x, repeat-x;  background-position: center top, center bottom; display:table; width:100%;}
.box_type2 .left_img { display:table-cell; width:20%; text-align:center; box-sizing:border-box; vertical-align:middle; border-right:1px solid #d7d7d7;}
.box_type2 .right_desc { display:table-cell; width:80%; padding:0 0 0 5%; box-sizing:border-box; vertical-align:middle; color:#888;}
@media all and (max-width:1000px) {
.box_type2 { padding:30px 0; }
.box_type2 .left_img img { height:60px;}
}
@media all and (max-width:500px) {
.box_type2 { padding:20px 0; background-size: auto 5px, auto 5px; }
.box_type2 .left_img { width:25%;}
.box_type2 .right_desc {width:75%;}
.box_type2 .left_img img { height:40px;}
}

/* 좌측이미지 라운드박스 */
.box_type3 { padding:20px; position:relative; border:1px solid #e1e1e1; border-radius:20px;}
.box_type3 .left_img { display:table-cell; padding:0 20px 0 10px; box-sizing:border-box; vertical-align:middle;}
.box_type3 .right_desc { display:table-cell; box-sizing:border-box; vertical-align:middle;}
.box_type3 .right_desc span { color:#000;}
.box_type3.mgT { margin-top:50px;}
@media all and (max-width:1000px) {
.box_type3 { padding:10px; border-radius:10px;}
.box_type3.mgT { margin-top:30px;}
}


/************ table_type ************/

.table_type0 {text-align: center; border-top:2px solid #e0e0e0; overflow-x:auto; border-collapse:collapse} /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.table_type0 th, td {  font-size:inherit;}
.table_type0 table { width:100%;}
.table_type0 th {border: 1px solid #000; padding:12px 0; color:#000; width:25%; background-color: #eee;}
.table_type0 td {border: 1px solid #000; padding:12px; text-align:center;}

.box_intro .table_type3 table, .table_type3 th, .table_type3 td{
	border-right: 1px solid #e0e0e0;
}

.table_type3 tr > td:last-of-type,
.table_type3 tr > th:last-of-type
{
	border-right: none !important;
}

.box_intro .table_type3 table{
	border: 0 !important;
}


p .bold_txt{
	font-size: 18px;
	font-weight: 700;
	padding: 2rem 0;
}
.table_type1 { border-top:1px solid #000; overflow-x:auto;} /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.table_type1 table, .table_type1 th, .table_type1 td { border:1px solid #e0e0e0; border-top:none; border-collapse:collapse; font-size:inherit;}
.table_type1 table { width:100%;}
.table_type1 th { padding:12px 0; color:#000; width:25%;}
.table_type1 td { padding:12px; text-align:center; background:#f7f7f7; color:#666;}

.table_type1 th.wonro {padding:30px;}


@media all and (max-width:800px) {
.table_type1 table, .table_type1 th, .table_type1 td { border:1px thin #d5d5d5; font-size:0.95em;}
.table_type1 th { padding:5px; width:auto;}
.table_type1 td { padding:5px; }
}

@media all and (max-width:600px) {
.table_type1 th.wonro {padding:15px;}
}

.table_type2 { border-top:1px solid #d5d5d5; border-bottom:2px solid #000; overflow-x:auto;} /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.table_type2 table, .table_type2 th, .table_type2 td { font-size:17px;}
.table_type2 table {padding:20px 0; width:100%;}
.table_type2 th { background:url("/project/design/contents/icon_dot.gif") no-repeat 40px center; padding:10px 20px 10px 55px; text-align:left; width:18%; color:#333; font-weight:500;vertical-align:top;}
.table_type2 td { padding:10px 0; color:#666;}

@media all and (max-width:800px) {
.table_type2 table, .table_type2 th, .table_type2 td { font-size:13px;}
.table_type2 th { background:url("/project/design/contents/icon_dot.gif") no-repeat 10px 13px; padding:5px 5px 5px 17px; width:auto; width:20%; }
.table_type2 td { padding:5px;}
}

.table_type3 { border-top:1px solid #000; overflow-x:auto;} /* 테이블 상단 라인과 세로라인이 겹치는 부분을 없앰, 모바일에서 가로스크롤 */
.table_type3 table, .table_type3 th, .table_type3 td { border-bottom:1px solid #e0e0e0;border-collapse:collapse; font-size:inherit;}
.table_type3 table { width:100%;}
.table_type3 th { padding:12px 0; color:#000; font-weight:500;background:#f7f7f7; }
.table_type3 td { padding:12px; text-align:center; color:#666; line-height:1.8em;}

@media all and (max-width:800px) {
.table_type3 table, .table_type3 th, .table_type3 td { border:1px thin #d5d5d5; font-size:0.95em;}
.table_type3 th { padding:5px; width:auto;}
.table_type3 td { padding:5px; }
}

/************ btn_type ************/

/* 기본버튼 */
.btn { display:inline-block; border:1px solid #d4d4d4; height:43px; line-height:43px; padding:0 20px; color:#666; border-radius:3px; transition: all .3s ease; background-color:#fff;}
.btn:hover { background-color:#f6f6f6; color:#333;}
input.btn, button.btn { cursor:pointer; height:45px; background-color:#fff; line-height:auto; vertical-align:top;}

/* 라인버튼 */
.btn.line1 { border:1px solid #666; color:#666;}
.btn.line1:hover { background-color:#666; color:#fff;}
.btn.line2 { border:1px solid #0081c4; color:#0081c4;}
.btn.line2:hover { background-color:#0081c4; color:#fff;}
.btn.line3 { border:1px solid #3155a4; color:#3155a4;}
.btn.line3.on{ background-color:#3155a4; color:#fff;}
.btn.line3:hover { background-color:#3155a4; color:#fff;}
.btn.line4 { border:1px solid #df4241; color:#df4241;}
.btn.line4.on{ background-color:#df4241; color:#fff;}
.btn.line4:hover { background-color:#df4241; color:#fff;}

/* 컬러버튼 */
.btn.bg1 { border:1px solid #666; background-color:#666; color:#fff;}
.btn.bg1:hover { text-decoration:underline;}
.btn.bg2 { border:1px solid #0081c4; background-color:#0081c4; color:#fff;}
.btn.bg2:hover { text-decoration:underline;}
.btn.bg3 { border:1px solid #3155a4; background-color:#3155a4; color:#fff;}
.btn.bg3:hover { text-decoration:underline;}
.btn.bg4 { border:1px solid #3db4cd; background-color:#3db4cd; color:#fff;}
.btn.bg4:hover { background-color:#fff; color:#3db4cd;}
#people_read .btn.bg4 { font-size: 1.2em; padding: 0 40px;} /* 사업상세보기 버튼 */

.btn.bg5 { border:1px solid #74cd63; background-color:#74cd63; color:#fff;}
.btn.bg5:hover { background-color:#fff; color:#74cd63;}

/* 선택 마감 */
.btn.on{color: #fff;background: #3155a4; border:1px solid #3155a4;}
.btn.end{color: #fff;background: #df4241; border:1px solid #df4241;}

/* 다운로드버튼 */
.btn.down1:before { content:url("/project/design/template/bg_down_c1.png"); vertical-align:middle; padding-right:10px;}
.btn.down1:hover::before { content:url("/project/design/template/bg_down_c4.png")}
.btn.down2:before { content:url("/project/design/template/bg_down_c2.png"); vertical-align:middle; padding-right:10px;}
.btn.down2:hover::before { content:url("/project/design/template/bg_down_c4.png")}
.btn.down3:before { content:url("/project/design/template/bg_down_c3.png"); vertical-align:middle; padding-right:10px;}
.btn.down3:hover::before { content:url("/project/design/template/bg_down_c4.png")}
.btn.down4:before { content:url("/project/design/template/bg_down_c4.png"); vertical-align:middle; padding-right:10px;}
.btn.down4:hover::before { content:url("/project/design/template/bg_down_c4_hover.png")}

/* 새창링크버튼 */
.btn.link1:before { content:url("/project/design/template/bg_link_c1.png"); vertical-align:middle; padding-right:10px;}
.btn.link1:hover::before { content:url("/project/design/template/bg_link_c4.png")}
.btn.link2:before { content:url("/project/design/template/bg_link_c2.png"); vertical-align:middle; padding-right:10px;}
.btn.link2:hover::before { content:url("/project/design/template/bg_link_c4.png")}
.btn.link3:before { content:url("/project/design/template/bg_link_c3.png"); vertical-align:middle; padding-right:10px;}
.btn.link3:hover::before { content:url("/project/design/template/bg_link_c4.png")}
.btn.link4:before { content:url("/project/design/template/bg_link_c4.png"); vertical-align:middle; padding-right:10px;}

/* 검색버튼 */
.btn.search1:before { content:url("/project/design/template/bg_search_c1.png"); vertical-align:middle; padding-right:10px;}
.btn.search1:hover::before { content:url("/project/design/template/bg_search_c4.png")}
.btn.search2:before { content:url("/project/design/template/bg_search_c2.png"); vertical-align:middle; padding-right:10px;}
.btn.search2:hover::before { content:url("/project/design/template/bg_search_c4.png")}
.btn.search3:before { content:url("/project/design/template/bg_search_c3.png"); vertical-align:middle; padding-right:10px;}
.btn.search3:hover::before { content:url("/project/design/template/bg_search_c4.png")}
.btn.search4:before { content:url("/project/design/template/bg_search_c4.png"); vertical-align:middle; padding-right:10px;}

/* 작은버튼 */
.btn.size1 { font-size:0.875em; height:33px; line-height:33px; padding:0 15px;}
.btn.size2 { font-size:0.875em; height:28px; line-height:28px; padding:0 15px;}
.btn.size10 { font-size:16px; height:32px; line-height:35px; padding: 0px 10px;}

/* 작은다운로드버튼 */
.btn.size1.down1:before { content:url("/project/design/template/bg_down2_c1.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.down1:hover::before { content:url("/project/design/template/bg_down2_c4.png")}
.btn.size1.down2:before { content:url("/project/design/template/bg_down2_c2.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.down2:hover::before { content:url("/project/design/template/bg_down2_c4.png")}
.btn.size1.down3:before { content:url("/project/design/template/bg_down2_c3.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.down3:hover::before { content:url("/project/design/template/bg_down2_c4.png")}
.btn.size1.down4:before { content:url("/project/design/template/bg_down2_c4.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.down4:hover::before { content:url("/project/design/template/bg_down_c4_hover.png"); vertical-align:middle; padding-right:3px;}

/* 작은새창링크버튼 */
.btn.size1.link1:before { content:url("/project/design/template/bg_link2_c1.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.link1:hover::before { content:url("/project/design/template/bg_link2_c4.png")}
.btn.size1.link2:before { content:url("/project/design/template/bg_link2_c2.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.link2:hover::before { content:url("/project/design/template/bg_link2_c4.png")}
.btn.size1.link3:before { content:url("/project/design/template/bg_link2_c3.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.link3:hover::before { content:url("/project/design/template/bg_link2_c4.png")}
.btn.size1.link4:before { content:url("/project/design/template/bg_link2_c4.png"); vertical-align:middle; padding-right:5px;}

/* 작은검색버튼 */
.btn.size1.search1:before { content:url("/project/design/template/bg_search2_c1.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.search1:hover::before { content:url("/project/design/template/bg_search2_c4.png")}
.btn.size1.search2:before { content:url("/project/design/template/bg_search2_c2.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.search2:hover::before { content:url("/project/design/template/bg_search2_c4.png")}
.btn.size1.search3:before { content:url("/project/design/template/bg_search2_c3.png"); vertical-align:middle; padding-right:5px;}
.btn.size1.search3:hover::before { content:url("/project/design/template/bg_search2_c4.png")}
.btn.size1.search4:before { content:url("/project/design/template/bg_search2_c4.png"); vertical-align:middle; padding-right:5px;}

@media all and (max-width:500px) {
.btn { height:33px; line-height:33px; padding:0 10px; font-size:0.95em;}
input.btn, button.btn { cursor:pointer; height:35px; font-size:0.95em;}
.btn.size1 { height:28px; line-height:28px; padding:0 7px;}

.btn.wonro {zoom:0.7;}

#people_read .btn.bg4 { padding: 0 20px;} /* 사업상세보기 버튼 */
}

/* form */
.box_form dt { width:15%; float:left; box-sizing:border-box; padding:17px 0 0 20px; min-height:58px; color:#333; font-weight:600; margin-bottom:20px;}
.box_form dd { width:35%; float:left; box-sizing:border-box; padding-right:20px; min-height:58px; margin-bottom:20px;}
.box_form dt.dt2{ width:15%;}
.box_form dd.dd2 { width:85%;}
.box_form .pc_block { display:block;}
.box_form .box_check { padding:10px;}
.box_form .h_type2 { padding:20px; background:#efefef}
.box_form .h_type2 .poA {  top:15px; right:20px;}


/* select */
.selectbox { position:relative; box-sizing:border-box; border:1px solid #ccc; z-index:1; display:inline-block; width:100%; background:#fff;}
.selectbox:before { content:""; position:absolute; top:50%; right:15px; width:15px; height:9px; margin-top:-4px; background:url(/project/design/template/bg_select.png) no-repeat center; background-size:100%;}
.selectbox label { position:absolute; top:1px; left:5px; height:56px; line-height:56px; padding:0 10px; z-index:-1; color:#b1b1b1;}
.selectbox label.label-selected{color:black; }
.selectbox select { width:100%; height:56px; line-height:56px; padding:0 10px; border:0; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
.selectbox:focus{ outline:1px dotted #000;}
/* textarea */
.textareabox {border:1px solid #ccc; padding:10px; width:100%;box-sizing:border-box; height:150px; }
.textareabox:focus{ outline:1px dotted #000;}

/* input */
.inputbox { border:1px solid #ccc; box-sizing:border-box; height:58px; padding-left:10px; line-height:56px; width:100%;}
.inputbox:focus { outline:1px dotted #000;}
.input_select{ border:1px solid #ccc; box-sizing:border-box; padding-left:10px; line-height:56px; width:100%;}
.program_alert{ display: none; }
.program_alert.active{display: block; }


/* radio, checkbox */
.checks {position:relative; display:inline-block;}
.checks input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.checks input[type="radio"] + label { display:inline-block; position:relative; padding:3px 0 0 35px; cursor:pointer; line-height:24px; vertical-align:top;}
.checks input[type="radio"] + label:before { content:''; position:absolute; left:0; top:2px; width:24px; height:24px; text-align:center; background:#f2f2f2; border:1px solid #cecece; border-radius:100%; }
.checks input[type="radio"] + label:after { content:''; position:absolute; top:9px; left:7px; width:12px; height:12px; background:#bbb; border-radius:100%; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.3);} /* 선택전 */
.checks input[type="radio"]:checked + label:after { background:#f44e4d;} /* 선택후 */
.checks input[type="radio"]:focus + label:before { outline:1px dotted #000;}

.checks input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.checks input[type="checkbox"] + label { display:inline-block; position:relative; cursor:pointer;}
.checks input[type="checkbox"] + label:before { content:' '; display:inline-block; width:24px; height:24px; line-height:24px; margin:-4px 10px 0 0; text-align:center;  vertical-align:middle; background:#cfcfcf url(/project/design/template/bg_check.png) no-repeat center; background-size:100%; color:#fff;} /* 선택전 */
.checks input[type="checkbox"]:checked + label:before { color:#fff; background:#f44e4d url(/project/design/template/bg_check.png) no-repeat center; background-size:100%;}/* 선택후 */
.checks input[type="checkbox"].ba + label:before { color:#fff; background:#000 url(/project/design/template/bg_check.png) no-repeat center; background-size:100%;}/* 기본선택 */
.checks input[type="checkbox"]:focus + label:before { outline:1px dotted #000;}

/* placeholder */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#b1b1b1; opacity:1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#b1b1b1;}
::-ms-input-placeholder { /* Microsoft Edge */ color:#b1b1b1;}

/* 그외 */
.ul_birth > li { width:32%; float:left;}
.ul_birth > li:nth-child(2) { margin:0 2%;}

.ul_birth2 > li { width:48%; float:left;}
.ul_birth2 > li:nth-child(2) { margin:0 2%;}
.ul_birth2 > span{float: left;padding: 16px 0}

.ul_birth3 > li { width:45%; float:left;}
.ul_birth3 > li:nth-child(2) {width:10%; text-align:center;}
.ul_birth3 > li span{display:inline-block; padding: 16px 0}



.ul_birth4 > li { width:46%; float:left;}
.ul_birth4 > li:nth-child(2) { width:8%; text-align:center;}
.ul_birth4 > li span{display:inline-block; padding: 16px 0;}




.input_d2 > li { width:49%; float:left;}
.input_d2 > li:last-child { margin:0 0 0 2%;}

.input_d3 > li { width:32%; float:left;}
.input_d3 > li:nth-child(2) { margin:0 2%;}

.input_d4 > li { width:17%; float:left; margin-right:2%; }
.input_d4 > li span { display:block; padding-top:17px; text-align:center; }
.input_d4 > li:last-child { margin:0; }
.input_d4 > li.li2 { width:30%; }

.companion_wrapper dl { border-bottom:1px solid #ddd; padding-top:20px;}

@media all and (max-width:1000px) {
.box_form { padding:30px 20px; }
.box_form dt { width:25%; }
.box_form dd { width:75%; }
.box_form dt.dt2{ width:25%; }
.box_form dd.dd2 { width:75%; }

.selectbox:before { right:15px; width:14px; height:10px; margin-top:-4px;}
.selectbox label { height:46px; line-height:46px;}
.selectbox select { height:46px; line-height:46px;}
.inputbox { height:48px; line-height:46px; }
}

@media all and (max-width:440px) {
.box_form dt { width:100%; padding:0 0 10px 0; min-height:auto;}
.box_form dd { width:100%; padding:0;}
.box_form dt.dt2{ width:100%;}
.box_form dd.dd2 { width:100%;}
.box_form .pc_block { display:inline;}


.ul_birth3 > li { width:42%;}
.ul_birth3 > li:nth-child(2) {width:16%;;}

.filebox .file_name {height:46px; padding-left:5px; line-height:46px; width:75%;}
.filebox .btn_file {width:25%; line-height:46px; font-size:0.875em;}
}


/* btn type1 */
.btn_type1 { display: flex; flex-direction: row; justify-content: center; gap: 20px; margin-top: 40px; }
.btn_type1 > a { display: flex; align-items: center; justify-content: center; background: #6a93cb; border: 1px solid #6a93cb; font-size: 1rem; color: #fff; padding: 15px; border-radius: 10px; box-sizing: border-box; }
.btn_type1 > a:hover { border: 1px solid #6a93cb; background: #fff; color: #6a93cb; }