@charset "UTF-8";
/*-------------------------------------------------
title       : 인체유래은행 서브
Author      : 허수정
Create date : 2023-10
-------------------------------------------------*/

/* 서브 전체 */
#wrap.sub { background:#F2F3F7; }

/* loaction */
.contents_util { display:flex; flex-direction: column; margin:3rem 0 4rem; }

.contents_util h2 { order:2; margin-top:1.6rem; color:#111; font-size:5.2rem; font-weight:700; text-align: center; line-height:1.2; }

.contents_util .path { text-align: center; }

.contents_util .path > li { display:inline-block; vertical-align: middle; }

.contents_util .path > li:first-child::before {content:"\ee19";padding:0 0.4rem;font-family: 'remixicon' !important;color:#6B6E78;}

.contents_util .path > li:not(:first-child)::before {content:"\ea6e";padding:0 0.8rem;font-family: 'remixicon' !important;color:#6B6E78;}

.contents_util .path > li > a { color:#6B6E78; font-size:1.6rem; -webkit-transition: all .3s; transition: all .3s; }

.contents_util .path > li > a:focus, .contents_util .path > li > a:hover { color:#002ac1; }

.contents_util .path > li.active > a { font-weight:700; }

.contents_util .location { order:1; position:relative; padding-top:2.4rem; }

.contents_util .util { position:absolute; top:0; right:0; }

.contents_util .util .btt { display: inline-block; overflow: hidden; width: 2.4rem; height: 2.4rem; color: #878787; text-align: center; line-height: 2.4rem; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; text-align: center; padding: 0; } 

.contents_util .util .btt::before { display: block; width: 100%; height: 100%; font-family: "remixicon"; text-align: center; line-height: inherit; font-size: 2.4rem; font-weight: 300; } 

.contents_util .util .btt.print { margin-left:2.4rem; } 

.contents_util .util .btt.print::before { content: "\f029"; } 

.contents_util .util .btt.up::before { content: ""; } 

.contents_util .util .btt.down::before { content: ""; } 

.contents_util .util .btt.open::before { content: "\f0fe"; } 

.contents_util .util .btt:hover, .contents_util .util .btt:focus { color:#000; } 

.contents_util .util .share { display: inline-block; position: relative; z-index: 2; vertical-align: top; } 

.contents_util .util .share .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); overflow: hidden; top: 100%; width: 6rem; margin-top: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #fff; white-space: nowrap; } 

.contents_util .util .share .item::before { position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -0.3rem; width: 1rem; height: 1rem; background-color: #fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd; content: ''; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); } 

.contents_util .util .share .item .list { display: block !important; } 

.contents_util .util .share .item a { display: block; overflow: hidden; width: 3rem; height: 3rem; margin-top: 1rem; text-align: center; line-height: 3rem; } 

.contents_util .util .share .item a::before { display: block; width: 100%; height: 100%; font-family: "remixicon"; text-align: center; line-height: inherit; font-size: 2rem; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } 

.contents_util .util .share .item a.close::before { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.2s; transition: all 0.2s; } 

.contents_util .util .share .item a.close:hover::before, .contents_util .util .share .item a.close:focus::before { -webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px); } 

.contents_util .util .share .item a.close::before { content: '\eb99'; } 

.contents_util .util .share .item a:hover::before, .contents_util .util .share .item a:focus::before { -webkit-transform: scale(1.5); transform: scale(1.5); } 

.contents_util .util .share .item .facebook a::before { color: #29487d; content: "\ecbc"; } 

.contents_util .util .share .item .twitter a::before { color: #1da1f2; content: "\f23a"; } 

.contents_util .util .share .item .kakaostory a::before { color: #ffc20f; content: ""; } 

.contents_util .util .share .item .kakaotalk a::before { color: #381e1f; content: "\ee6c"; } 

.contents_util .util .share .item .band a::before { font-size: 2rem; font-family: "Noto Sans KR"; font-weight: 900; color: #21c531; content: 'b'; } 

.contents_util .util .share.active .btn { border-color: #000; background-color: #000; color: #fff; } 

.contents_util .util .share.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; margin-top: 1.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; } 

/* 박스 */
.wbox { background:#fff; border-radius: 40px; }

.wbox::after { content:""; display: table; clear: both; }

.pd60 { padding:6rem; }

.pd3 { padding:3rem; }

.pd30 { padding:3rem 0; }

.pd31 { padding:3rem 1rem; }

.pd4 { padding:4rem 6rem; }

.pd6 { padding:6rem 10rem; }

.pd8 { padding:8rem 10rem; }

.mgt12 { margin-top: 1.2rem !important; } 

.mgt20 { margin-top: 2rem !important; } 

.mgt30 { margin-top: 3rem !important; } 

.mgt40 { margin-top: 4rem !important; } 

.mgt50 { margin-top: 5rem !important; } 

.mgt60 { margin-top: 6rem !important; } 

.mgt10 { margin-top: 1rem !important; } 

.mgt0 { margin-top: 0 !important; } 

/* 소개페이지 */
.top_desc { color:#3445C7; font-size:2.8rem; line-height:1.25; font-weight:600; text-align: center; word-break: keep-all;  }

.intro_bx { position:relative; margin-top:5.9rem; padding:9.9rem 12rem; overflow: hidden; }

.intro_bx .text { padding-right:66rem; }

.intro_bx .text strong { color:#111; font-size:3.2rem; font-weight:600; }

.intro_bx .text p { margin-top:4rem; font-size:2rem; line-height:1.75; word-break: keep-all; }

.intro_bx .circle_bx { position: absolute; right:12rem; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.intro_bx .circle { display:flex; align-items: center; justify-content: center; position:relative; width:36rem; height:36rem; border-radius: 50%; background:linear-gradient(180deg, #002AC1 0%, #7859F1 100%); color:#fff; font-size:2.8rem; text-align: center; font-family:'Inter'; font-weight:300; line-height:1.1; }

.intro_bx .circle::before, .intro_bx .circle::after { content:""; display:block; position:absolute; width:100%; height:50%; z-index: -1; }

.intro_bx .circle::before { top:calc(-50% + 2rem); border-radius: 0 0 36rem 36rem; background:linear-gradient(180deg, rgba(208, 213, 229, 0.00) 0%, #D0D5E5 100%); animation: circleShowTop 1s 0.2s; }

.intro_bx .circle::after { bottom:calc(-50% + 2rem);  border-radius:36rem 36rem 0 0; background:linear-gradient(180deg, #D0D5E5 0%, rgba(208, 213, 229, 0.00) 100%); animation: circleShowDown 1s 0.2s; }

@keyframes circleShowTop {
    0% { opacity: 0; transform: translateY(50%); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes circleShowDown {
    0% { opacity: 0; transform: translateY(-50%); }
    100% { opacity: 1; transform: translateY(0); }
}

.intro_bx .sign { padding:0 2rem; }

/* 공통 탭 */
.depth_tabs { margin-top:4rem; }

.depth_tabs ul { display:flex; }

.depth_tabs ul > li { flex:1; }

.depth_tabs ul > li + li { margin-left:1rem; }

.depth_tabs ul > li a { display:block; padding:2.1rem 1rem; border-radius: 12px; background:#DADDE8; color:#34416F; font-size:2rem; font-weight:600; font-family: 'semibold'; line-height:1.2; text-align: center; }

.depth_tabs ul > li .active { background:#002AC1; color:#fff; }

.depth_tabs2 { display:flex; border-bottom:1px solid #E4E7ED; }

.depth_tabs2 > li { flex:1; }

.depth_tabs2 > li a { display:block; padding-bottom:2rem; font-size:2rem; font-weight:600; line-height:1.25; text-align: center; }

.depth_tabs2 > li .active { color:#002AC1; border-bottom:2px solid #002AC1; }

/* 타이틀 */
.title1 { margin-bottom:2rem; color:#111; font-size:3.2rem; line-height:1.25; font-weight:600; font-family: 'semibold'; }

.title2 { display:inline-block; vertical-align: middle; margin-bottom:0.8rem; font-size:1.8rem; font-weight:400; line-height:1.25; }

.title3 { display:inline-block; vertical-align: middle; color:#111; font-size:2.4rem; font-weight:600; font-family: 'semibold'; line-height:1.25; }

.title4 { display:block; padding:0 0 1.6rem; border-bottom:1px solid #666; color:#111; font-size:2rem;  font-weight:600; font-family: 'semibold'; line-height:1.25; }

.type_block { display:block !important; }

/* 그래프 영역 */
.graph_li {  }

.graph_li.item1 .wbox { padding:8rem 10rem; }

.graph_li.item2 { display:flex; flex-wrap:wrap; }

.graph_li.item2 .wbox { display: inline-block; vertical-align: top; width: calc(50% - 0.8rem); padding:4rem 5rem; }

.graph_li.item2 .wbox + .wbox { margin-left:1.6rem; }

.graph_li.item2 .wbox .tit { margin-bottom:0.4rem; font-size:2rem; line-height:1.25; font-weight:600; }

.graph_li.item3 { display:flex; flex-wrap:wrap; }

.graph_li.item3 .wbox { display: inline-block; vertical-align: top; width: calc(33% - 0.8rem); padding:2rem 3rem; }

.graph_li.item3 .wbox + .wbox { margin-left:1.6rem; }

.graph_li.item3 .wbox .tit { margin-bottom:0.4rem; font-size:2rem; line-height:1.25; font-weight:600; }

.graph_li .graph_area { text-align: center; }

/* 안내 */
.desc_box .icon { display: inline-block; vertical-align: middle; width:14rem; height:14rem; margin-right:4rem; }

.desc_box p { display:inline-block; vertical-align: middle; max-width:calc(100% - 18.4rem); font-size:1.8rem; line-height:1.75; }

/* 제공절차 */
.process { position:relative; display: flex;  flex-wrap: wrap; justify-content: space-between; padding-bottom:27rem; }

.process li { display:inline-block; vertical-align: middle; }

.process li .bx { position:relative; text-align: center; z-index: 2; }

.process li .icon { display:flex; align-items: center; justify-content: center; width:16rem; height:16rem; margin:0 auto; border-radius: 50%; background-color:#fff; }

.process li .icon img { max-width:100%; }

.process li .bx.not { z-index: 0; }

.process li .bx.not .icon { background:#E4EAFF; color:#002AC1; font-size: 1.8rem; font-weight:600;}

.process li .bx.not .icon::before { content:"부결"; display:inline-block; position:absolute; top:50%; left:-12rem; padding:0.8rem 1.6rem; border-radius: 50px; border:1px solid #002AC1; background-color:#fff; color:#002AC1; font-size:1.6rem; text-align: center; line-height:1.25; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.process li .bx.not .icon::after { content:""; display:block; position:absolute; right:100%; top:50%; width:130%; height:1px; border-top:1px dashed #002AC1; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1;  }

.process li strong { display:block; margin:1.5rem 0 0.8rem; font-size:1.8rem; line-height:1.25; }

.process li a { color:#757575; font-size:1.6rem; line-height:1.25; text-decoration: underline; }

.process li a.one { display: block; margin-top:1.5rem; }

.process li a:hover, .process li a:focus { color:#333; }

.process li > ol { display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; position:absolute; left: 0; bottom:0; width:70.5%; }

.process li > ol::after { content:""; display:block; position:absolute; left:8rem; top:-80%; width:100%; height:27rem; border:1px dashed #002AC1; border-left:none; border-radius: 0 150px 150px 0;}

.process li > ol::before { content:"가결"; display:inline-block; position:absolute; top:-20%; right:-11rem; padding:0.8rem 1.6rem; border-radius: 50px; border:1px solid #002AC1; background:#002AC1; color:#fff; font-size:1.6rem; text-align: center; line-height:1.25; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }

.process li > ol > li:last-child { position:relative; }

.process li > ol > #data_erase::before { content:"활용 종료"; display:inline-block; position:absolute; top:38%; right:21rem; padding:0.8rem 1.6rem; border-radius: 50px; border:1px solid #002AC1; background:#002AC1; color:#fff; font-size:1.6rem; text-align: center; line-height:1.25; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }

.process_text { margin-top:6rem; border-top:1px solid #E4E7ED; }

.process_text strong { display:block; margin:2rem 0 1.2rem; font-size:1.8rem; line-height:1.25; }

.process_text p { margin-top:0.8rem; color:#666; line-height:1.25; }

.process.type2 { margin-left: 16rem; }

.process.type2  li > ol { width: 80%; }

.process.type2 li > ol::before, .process.type2 li > ol > li:last-child::before { display:none; }


/* 탭 */
.content_tabs { display:flex; overflow-x: auto; }

.content_tabs::-webkit-scrollbar { height: 0.4rem; }

.content_tabs::-webkit-scrollbar-thumb { background-color: #bfbfbf;  border-radius: 5px;  }

.content_tabs::after { content:""; display:table; clear: both; }

.content_tabs > li { display:inline-block; vertical-align: middle; margin-bottom:0.4rem; }

.content_tabs > li + li { margin-left:1rem; }

.content_tabs > li > a { display:inline-block; vertical-align: middle; padding:1.2rem 3rem; border-radius: 50px; background: #fff; font-size:1.8rem; line-height:1.25; font-weight: 600; font-family: 'semibold'; text-align: center; white-space: nowrap; }

.content_tabs > li > a.active { background:#333; color:#fff; }

.content_tabs.type_small {}

.content_tabs.type_small > li > a { padding:1rem 1.6rem; background:#F2F3F7; color:#666; font-size:1.6rem; font-weight: 500; }

.content_tabs.type_small > li > a.active { border:1px solid #333; background:#fff; color:#333; }

.content_tabs.type_small > li > a.active .num { color:#002AC1; }

/* 서류양식 다운로드 */
.form_li { border-top:1px solid #666; }

.form_li > li { display:flex; align-items: center; position:relative; height:10rem; padding-left:4rem; padding-right:28rem; border-bottom:1px solid #E4E7ED; overflow: hidden; }

.form_li > li:first-child { background:#F5F6F9; }

.form_li > li strong { font-size:2rem; font-weight:600; font-family: 'semibold'; }

.form_li > li .txt { float: left; }

.form_li > li .txt p { font-size:1.8rem; font-weight:500; line-height:1.25; }

.form_li > li .txt span { display:block; margin-top:0.6rem; color:#666; line-height:1.25; }

.form_li > li .btn_download { position:absolute; right:4rem; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.btn_download { display:inline-block; vertical-align: middle; padding:1.1rem 3rem; border-radius: 8px; border:1px solid #ccc; background:#fff; font-size:1.6rem; font-weight:500; line-height:1.25; text-align: center; }

.btn_download svg { display:inline-block; vertical-align: middle; }

.btn_download.blue { border-color:#002AC1; color:#002AC1; }

.btn_download.blue svg path { stroke:#002AC1; }

.btn_download.gray { border-color:rgba(0, 0, 0, 0.05); background:rgba(0, 0, 0, 0.05); }

.warning { font-size:1.8rem; font-weight:500; line-height:1.25; }

.warning b { color:#EF1F51; }

/*.warning::before { content:"\eca0"; position:relative; top:0.1rem; padding-right:0.6rem; color:#EF1F51; font-size:2.4rem; font-family: 'remixicon' !important; }*/

/* 버튼 */
.btn { display:inline-block; vertical-align: middle; padding:0.7rem 1.6rem; border:1px solid #E4E7ED; border-radius: 6px; background:#fff; font-size:1.6rem; line-height:1.25; text-align: center; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; }

.btn:hover, .btn:focus { border-color:#333; color:#111; }

.btn.type1 { border-color:#666; }

.btn.type1:hover, .btn.type1:focus { border-color:#002AC1; color:#002AC1; }

.btn.type2 { border-color:#002AC1; background:#002AC1; color:#fff; }

.btn.type2:hover, .btn.type2:focus { background:#fff; color:#002AC1; }

.btn.type3 { border-color:#333; background:#333; color:#fff; }

.btn.type3:hover, .btn.type3:focus { background:#fff; color:#333; }

.btn.type4 { border-color:rgba(239, 31, 81, 0.50); color:#EF1F51; }

.btn.type4:hover, .btn.type4:focus { background:#EF1F51; color:#fff; }

.btn.h44 { padding:1.05rem 3rem; font-weight:500; }

.btn_round { display:inline-block; vertical-align: middle; padding:1.4rem 3rem; border:1px solid #E4E7ED; border-radius: 50px; background:#fff; font-size:1.8rem; line-height:1.25; -webkit-transition: all .3s; transition: all .3s;  }

.btn_round:hover, .btn_round:focus { border-color:#333; color:#111; }

.btn svg { display: inline-block; vertical-align: middle; width: 2.2rem; height: 2.2rem; }

.btn svg.w16 { width: 1.6rem; height:1.6rem; }

.bx_btn.center { text-align: center; }

.bx_btn.center .btn { margin:0 0.4rem; }

.bx_btn.right { text-align: end; }

.bx_btn.right .btn { margin-left:0.4rem; } 

.bbx_btn { margin-top:4.2rem; text-align: center; }

.bbx_btn .btn { margin:0 0.6rem; padding:1.9rem 4rem; border-radius: 12px; font-size:2rem; font-weight: 600; font-family: 'semibold'; }

.float-right { float: right; } 

.float-left { float: left; } 

.txt_blue { color:#002AC1 !important; }

.txt_red { color:#EF1F51 !important; }

/* 인풋 */
.chk { appearance: none; position:relative; width: 2rem; height:2rem; border:1px solid #D5DAE2; border-radius: 4px; background:#fff; }

.chk:checked { border-color:#2670E5;background:#2670E5; }

.chk:checked::after { content:"\eb7b"; position:absolute; top: 50%; left:50%; color:#fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: 'remixicon' !important; }

.rdio { appearance: none; width: 2rem; height:2rem; border:1px solid #D5DAE2; border-radius: 50%; background:#fff; }

.rdio:checked { border:5px solid #2670E5 }

.textarea { width:100%; padding:1.4rem 1.6rem; border:1px solid #D5DAE2; border-radius: 4px; font-size:1.6rem; line-height:1.25; resize: none; }

.textarea.h120 { height:12rem; }

/* 신청하기 */
.application { overflow: hidden; }

.application strong { float:left; display: inline-block; vertical-align: middle; padding:1.7rem 0; }

.application .btn { float: right; padding:1.9rem 8rem; border-radius: 12px; background:#002AC1; color:#fff; font-size:2rem; font-weight:600; font-family: 'semibold'; }

/* 제공신청 */
.data_area { position:relative; }

.data_area + .data_area { margin-top:1.6rem; }

.data_list { display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.data_list > li { position:relative; min-width:32rem; }

.data_list > li .icon { display:inline-block; vertical-align: middle; position:relative; width:10rem; height:10rem; margin-right:2rem; border:1px solid #ddd; border-radius: 50%; overflow: hidden; }

.data_list > li .icon img { position:absolute; top:50%; left:50%; max-width:100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; }

.data_list > li .txt { display:inline-block; vertical-align: middle; max-width: calc(100% - 12rem); }

.data_list > li p { margin-bottom:0.6rem; font-size:1.8rem; font-weight:500; line-height:1.25; }

.data_list > li em { color:#002AC1; font-size:2.4rem; font-weight: 500; line-height:1.25; }

.data_area .btn_round { position:absolute; bottom:-2.5rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.data_area .graph_list { display:flex; align-items: center; justify-content: space-between; flex-wrap:wrap; }

.data_area .graph_list > li { min-width:22rem; }

.data_type_chk_li { display:flex; flex-wrap:wrap; align-items: center; }

.form_area .data_type_chk_li .chk { margin-right:0.6rem; }

.form_area .data_type_chk_li label { margin-right:2rem; color:#555; }

.form_area .data_type_chk_li input[type='text'] { display:inline-block; vertical-align: middle; max-width: 40rem; }

.form_area .data_type_chk_li > span { display:inline-block; vertical-align: middle; flex:1; }

.form_area .data_type_chk_li > span label { margin-right:1.2rem; }

.form_area_items { display:flex; align-items: center; flex-wrap:wrap; gap: 1.2rem; }

.form_area_items > li { flex:1; flex-basis: 30rem; }

.form_area_items > li .s_tit { display:block; margin-bottom:0.4rem; font-size:1.6rem; line-height:1.25; }

.blue_txt { color:#002AC1 !important; }

/* 검색 결과 */
.search_wrap { margin-top:8rem; }

.search_wrap::after { content:""; display:table; clear: both; }

.search_wrap .result_area { float: right; width:calc(100% - 36rem); padding:4rem 6rem; }

.wbox .search_box { border:1px solid #D5DAE2; border-radius: 12px; background:#fff; overflow: hidden; }

.wbox .search_box .input-select { display:inline-block; vertical-align: middle; position:relative; width:14rem; }

.wbox .search_box .input-select select { width: 100%; height:5rem; padding:1.6rem 3rem; border:none; background: #fff url(../../../image/service/layout/arrow.png) right 1rem center no-repeat; font-size:1.6rem; }

.wbox .search_box .input-select::after { content:""; display:inline-block; vertical-align: middle; position:absolute; right:0; top:50%; width:1px; height:1.6rem; background:#D5DAE2; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.wbox .search_box .input-group { display:inline-block; vertical-align: middle; position:relative; width:calc(100% - 14.4rem); }

.wbox .search_box .input-group::before { content:"\f0d1"; position:absolute; left:2.6rem; top:50%; color:#6B6E78; font-size:1.8rem; font-family: 'remixicon' !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.wbox .search_box .input-group input[type='search'] { width:100%;padding:1.6rem 3rem 1.6rem 5.4rem; border:none; }

.wbox .board_top { margin:3rem 0 1.6rem; }

.board_top { margin:2.4rem 0 1.2rem; overflow: hidden; }

.board_top .text { float: left; padding:0.8rem 0; line-height:1.25; }

.board_top .text em { color:#002AC1; }

.board_top .bx_btn { float: right; }

.search_result_li {}

.search_result_li > li + li { margin-top:1.2rem; }

.search_result_li > li div { display:block; position:relative; padding:2.4rem 4rem 2.4rem 8rem; border-radius: 8px; background:#F5F6F9; }

.search_result_li > li div:has(input[type='checkbox']:checked) { background:#E9EEFF; }

.search_result_li > li div .chk { position:absolute; top:50%; left:4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.search_result_li > li div strong { font-size:2rem; line-height:1.25; font-weight:600; font-family: 'semibold'; cursor: pointer; }

.search_result_li > li div p { margin-top:0.6rem; color:#666; line-height:1.25; }

/* 검색 필터 */
.search_wrap .filter_area { float: left; width:32rem; margin-right:4rem; }

.filter { padding:2.4rem 3.2rem; border:1px solid #D5DAE2; border-radius: 30px; background:#fff; }

.filter + .filter { margin-top:0.8rem; }

.filter .tit { display:block; font-size:1.8rem; line-height:1.25; font-weight:500; }

.filter .search { margin-top:1.2rem; }

.filter .search .input-group { position:relative; border-radius: 4px; background:#F2F3F7; }

.filter .search .input-group::before { content:"\f0d1"; position:absolute; left:1.2rem; top:50%; color: #6B6E78; font-size: 1.8rem; font-family: 'remixicon' !important; opacity:0.5; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.filter .search .input-group input[type='search'] { width:100%; padding:0.9rem 1.2rem 0.9rem 3.4rem ; border:none; background:none; font-size:1.4rem; }

.filter .search .input-group input[type='search']::placeholder { color:#6B6E78; }

.filter .check_li > li { margin:1.2rem 0 0; }

.filter .check_li > li .chk { margin-right: 0.6rem; }

.filter .check_li > li label { display:inline-block; vertical-align: middle; position:relative; max-width:calc(100% - 3rem); color:#666; line-height:1.25; cursor: pointer; }

.filter .check_li > li .chk:checked + label { font-weight:500; }

.filter .check_li > li label .txt { display:block; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; }

.hoverLabel { display:inline-block; vertical-align: middle; position:absolute; padding:0.5rem 0.6rem; top:0; left:0; border-radius:4px; border:1px solid #B6B6B6; background:#fff; font-size:1.4rem; line-height:1.2; letter-spacing: -0.02rem; white-space: nowrap; -webkit-transition: all .3s; transition: all .3s; z-index: 5; box-shadow: 0 3px 6px rgba(0,0,0,0.16); }

.filter .bx_btn {  margin-top:2rem; text-align: center; }

.filter .btn_round { padding:0.8rem 3rem; font-size:1.4rem; }

.filter .btn_round .num { color:#aaa; }

.filter .check_li.item2 > li { display:inline-block; vertical-align: middle; width:calc(50% - 0.2rem); }

.filter .doble_input { margin-top:1.2rem; }

.filter .doble_input > span { display:inline-block; vertical-align:middle; width: calc(50% - 0.2rem); }

.filter .doble_input input { max-width:7.6rem; height:3.8rem; border:1px solid #D5DAE2; border-radius: 4px; }

.filter .doble_input .txt { color:#666; line-height:1.25; }

/* 페이지네비게이션 */
* + .board_pager { margin-top: 2.7rem; }

.board_pager { font-size: 1.5rem; text-align: center; }

.board_pager a { display: inline-block; overflow: hidden; width: 4rem; height: 4rem; margin:0 0.4rem; border-radius: 100%; text-align: center; line-height: 4rem; vertical-align: top; }

.board_pager a.arr { border: 1px solid #ddd; }

.board_pager a.arr::before { display: block; width: 100%; height: 100%; font-family: "remixicon"; text-align: center; line-height: inherit; color:#777;font-size:1.65rem;}

.board_pager a.arr.first::before { content:"\ea64\ea64"; }

.board_pager a.arr.prev::before { content: "\ea64"; }

.board_pager a.arr.next::before { content: "\ea6e"; }

.board_pager a.arr.last::before { content: "\ea6e\ea6e"; }

.board_pager a.arr.first, .board_pager a.arr.last { text-indent: -1.2rem; letter-spacing: -1.2rem; }

.board_pager a.active { background-color: #333; color: #fff; }

.board_pager .group { margin: 0 0.5rem; }

/* 테이블 */
.tstyle_table { border-top:1px solid #666; table-layout: fixed; }

.tstyle_table tr { border-bottom:1px solid #E4E7ED; }

.tstyle_table th { height:6rem; padding:0 1rem; background:#F5F6F9; font-size:1.8rem; font-weight:500; line-height:1.25; }

.tstyle_table td { height:6.4rem; padding:0 1rem; color: #555; font-size:1.6rem; line-height:1.5; text-align: center; }

.tstyle_table td a:not(.btn) { text-decoration: underline; -webkit-transition: all .3s; transition: all .3s; }

.tstyle_table td a:not(.btn):hover, .table td a:not(.btn):focus { color:#002AC1; }

.tstyle_table td .btn { padding:0.6rem 1.2rem; font-size:1.4rem; }

.tstyle_table td a.not_under { text-decoration: none; }

.tstyle_table td .over_desc { display:block; max-width: 50rem; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align: start; }

.tstyle_table tbody tr:has(.chk:checked) { background:#E9EEFF; }

.tstyle_table.type2 { border-top:0; }

.tstyle_table.type2 th { height:5.6rem; font-size:1.6rem; }

.tstyle_table.type2 th, .tstyle_table.type2 td { padding-left:2rem; padding-right:2rem; text-align: start; }

.tstyle_table.type3 th { height:5.6rem; }

.tstyle_table.type3 th, .tstyle_table.type3 td { font-size:1.4rem; }

.data_table { margin-top:2rem; padding:2rem; border:1px solid #D5DAE2; border-radius: 4px; }

.data_table table {}

.data_table table thead {}

.data_table table thead th { height:3.6rem; background:#F5F6F9; font-weight:500; line-height:1.25; }

.data_table table tbody {}

.data_table table tbody th { height:4rem; padding:0 1.2rem; border-bottom:1px solid #E4E7ED; color:#555; font-size:1.4rem; line-height:1.25; text-align: start; font-weight: 400; }

.data_table table tbody td:not(:first-child) { height: 4rem; border-bottom:1px solid #E4E7ED; }

.data_table table tbody td { padding:0 1.2rem; color:#555; font-size:1.4rem; line-height:1.25; }

.data_table table tbody .chk { margin-right:0.4rem; }

.rstyle_table { border-top:1px solid #666; }

.rstyle_table tr { border-bottom:1px solid #E4E7ED; }

.rstyle_table th { height:6rem; padding:1rem 2rem; background:#F5F6F9; font-size:1.8rem; font-weight:500; line-height:1.25; text-align: start; }

.rstyle_table td { height:6rem; padding:1rem 2rem; color: #555; font-size:1.6rem; line-height:1.5; }

.desc18 { margin-top:2.4rem; font-size:1.8rem; font-weight: 500; line-height:1.25; }

.desc18 svg { display:inline-block; vertical-align: top; }

/* 입력리스트 */
.form_area {  }

.form_area > li { margin-top:2rem; }

.form_area .essential::after { content:" *"; color:#002AC1; }

.form_area .info_btn { display:inline-block; vertical-align: top; position:relative; width:2rem; height:2rem; background:url("../../../image/service/content/human/info_icon.png") no-repeat 50% 50% / cover; }

.form_area .info_btn .hidden_desc {position:absolute;bottom:-100%;left:2rem;width:0;border:1px solid #eee;border-radius:3px;background:#fff;color:#333;font-size:1.2rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);opacity: 1;visibility: hidden;z-index:2;}

.form_area .info_btn:hover .hidden_desc, .form_area .info_btn:focus .hidden_desc {width:100%;min-width:15rem;padding:0.8rem;opacity: 1;visibility: inherit;}

.form_area > li select { height:4.8rem; padding:0.8rem 3.6rem 0.8rem 1.6rem; border-radius: 4px; background:url("../../../image/service/layout/arrow_b.png") no-repeat 92% 50% / 10px; }

.form_area > li select.wFull { width:100%; }

.form_area > li input[type='text'], .form_area > li input[type='number'], .form_area > li input[type='email']  { display: block; width:100%; height:4.8rem; padding:0.8rem 1.6rem;  border: 1px solid #D5DAE2; border-radius: 4px; font-size:1.6rem; box-shadow: none; appearance: none; }

input[type='text'].readonly, input[type='number'].readonly, input[type='email'].readonly { background:#F2F3F7; }

.form_area > li input[type='text'].wd40, .form_area > li input[type='number'].wd40 { max-width:40rem; }

.form_area > li input[type='text'].wd20, .form_area > li input[type='number'].wd20 { max-width:20rem; }

.form_area > li input[type='text'].wd12, .form_area > li input[type='number'].wd12 { max-width:12rem; }

.form_area > li .desc { margin-bottom:0.8rem; color:#666; font-size:1.4rem; line-height:1.25; }

.form_area .a_txt { display:inline-block; vertical-align: top; margin-left:0.4rem; color:#555; line-height:1.25; text-decoration: underline; }

.form_area.type2 > li { display:inline-block; vertical-align: top; width:calc(50% - 1.2rem); }

.form_area.type2 > li:nth-child(2n) { margin-left:2rem; }

.form_area.type_na {}

.form_area.type_na > li input[type='text'], .form_area.type_na > li input[type='number'], .form_area.type_na > li input[type='email'] { display:inline-block; vertical-align: middle; width: calc(100% - 10rem); }

.form_area.type_na > li .chk { margin:0 0.6rem 0 0.4rem; }

.sortation_line { display:block; width:100%; height:1px; margin:4rem 0; background:#E4E7ED; }

.api_file_upload { display:block; position:relative; width:100%; height:20rem; padding:1rem; border-radius:4px; background:#F2F3F7; }

.api_file_upload input[type="file"] { position:absolute; top:0;left:0;width:1px;height:1px;opacity: 0;visibility: hidden; }

.api_file_upload .txt { position:absolute; top:50%; left:50%; font-size:1.8rem; letter-spacing:-0.016rem; transform: translate(-50%,-50%); }

/* 진행사항 */
.nav_process { display:flex; align-items: center; justify-content: center; flex-wrap:wrap; margin-bottom:4rem; }

.nav_process > li { position:relative; }

.nav_process > li:not(:last-child) { padding-right:8rem; }

/*.nav_process > li:not(:last-child)::after { content:""; display:inline-block; vertical-align: middle; position:absolute; top:50%; right:2rem; width:4rem; height:1px; background: #666; }*/

.nav_process > li > a { font-size:1.8rem; font-weight:500; line-height:1.25; }

.nav_process > li > a .num { display:inline-block; vertical-align: middle; position:relative; width:5.2rem; height:5.2rem; margin-right:1rem; border-radius: 50%; background: #fff; text-align: center; font-size:1.8rem; font-weight:500; line-height:5.2rem; overflow: hidden; -webkit-transition: all .3s; transition: all .3s; }

.nav_process > li > a.on .num { background:#333; color:#fff; }

.nav_process > li > a.completion .num { border:1px solid #333 }

.nav_process > li > a.completion .num::after { content:"\eb7b"; display:block; position:absolute; top:50%; left:50%; width:100%; height:100%; background: #f2f3f7; font-size:2.8rem; font-family: 'remixicon' !important; transform: translate(-50%, -50%); }

.nav_process > li > a:hover .num, .nav_process > li > a:focus .num { box-shadow: 0 1px 6px rgba(0,0,0,0.1); }

.nav_process.type2 > li { text-align: center; }

.nav_process.type2 .num { display:block; margin:0 auto 0.8rem; }

.nav_process.type2 > li:not(:last-child)::after { top:2.1rem; }

/* 라디오 박스 */
.radio_bx { margin:2rem 0 2.4rem; padding:1.8rem 2rem; border-radius: 8px; background:#F5F6F9; }

.radio_bx > ul {  }

.radio_bx > ul > li { display:inline-block; vertical-align: middle; width: calc(50% - 0.2rem); }

.radio_bx > ul > li .rdio { margin-right:0.2rem; }

.radio_bx > ul > li .rdio + label { color:#555; line-height:1.25; }

.radio { width: 2.2rem; height:2.2rem; border:1px solid #D5DAE2; border-radius: 50%; background:#fff; appearance: none; }

.radio:checked { border:5px solid #002AC1; }

/* 책임자 */
.twin_area { display:flex; flex-wrap:wrap; }

.twin_area > div { float: left; width:calc(50% - 0.8rem); }

.twin_area > div:not(:first-child) { margin-left:1.6rem; }

.dtxt { margin-top:2.4rem; font-size:1.8rem; line-height:1.5; }

.dtxt + .dtxt { margin-top:1.2rem; }

.researcher {}

.researcher > li { position:relative; margin-top:1.2rem; padding:2.4rem 3rem; border:1px solid #E4E7ED; border-radius: 8px; background:#fff; }

.researcher > li .name { display:inline-block; vertical-align: middle; margin-right:0.6rem; font-size:1.8rem; font-weight:600; line-height:1.25; }

.researcher > li .tags { display:inline-block; vertical-align: middle; padding:0.4rem 0.6rem; border-radius: 4px; background:#333; color:#fff; font-size:1.4rem; font-weight:500; line-height:1.25; }

.researcher > li select { display:inline-block; vertical-align: middle; height:2.6rem; padding:0 3.2rem 0 0.6rem; border-radius: 4px; background:#E4E7ED url("../../../image/service/layout/arrow_b.png") no-repeat 92% 50% / 10px; font-size:1.4rem; font-weight:500; line-height:1.25; }

.researcher > li em { display:block; margin:0.6rem 0 0.4rem; line-height:1.25; font-weight:400; }

.researcher > li .info { display:flex; flex-wrap: wrap; }

.researcher > li .txt { display:inline-block; vertical-align: top; min-width:50%; margin-top:0.4rem; padding-right:1rem; color:#707070; font-size:1.3rem; font-weight:300; line-height:1.25; }

.researcher > li .align_btn { position:absolute; right:1.6rem; top:1.6rem; }

.researcher > li .align_btn .btn { padding:0.7rem; }

/* 필수 전체 다운로드 */
.gray_box { margin:2.4rem 0; padding:2.8rem 4rem; border-radius: 8px; background:#F5F6F9; overflow: hidden; }

.gray_box .tit { float: left; padding:1.1rem 0; font-size: 1.8rem; font-weight: 500; line-height:1.25; }

.gray_box .btn_download { float: right; }

.gray_box .chk { margin-right:0.6rem; }

.gray_box .chk + label { color:#555; line-height:1.25; }

.gray_box.type2 { padding:2rem; }

/* 파일 업로드 */
.file_box { display:flex; flex-wrap: wrap; }

.uploadfile { flex:1; padding:1.1rem 1.6rem; border:1px solid #D5DAE2; border-radius: 4px; overflow: hidden; order: 1; }  

.uploadfile .file_name { float: left; max-width: calc(100% - 3rem); margin-top:0.1rem; font-size:1.6rem; line-height:1.25; }

.uploadfile .file_name::before { content:""; display:inline-block; vertical-align: middle; width: 2.4rem; height:2.4rem; margin-right:0.6rem; background: url("../../../image/service/content/human/icon_file.png") no-repeat 50% 50% / cover; }

.uploadfile .file_name span { color:#999; font-size:1.4rem; line-height:1.25; }

.uploadfile .del { float: right; margin-top:0.1rem; font-size: 2rem; }

.file_upload_input { position:relative; margin-left:0.8rem; padding:1.4rem 1.1rem; border-radius: 4px; background:#333; color:#fff; line-height:1.25; order: 2; }

.file_upload_input input[type='file'] { position:absolute; width: 100%; height:100%; opacity: 0; visibility: hidden; }

.file_upload_input svg { display:inline-block; vertical-align: middle; }

/* 달력 */
.form_area .calendar { display:inline-block; vertical-align: middle; max-width: 20rem; padding:0 1.6rem; border:1px solid #D5DAE2; border-radius:4px; }

.form_area .calendar .btn_calendar { display:inline-block; vertical-align: middle; width:2.4rem; height:2.4rem; background:url("../../../image/service/content/human/icon_calendar.png") no-repeat 50% 50% / cover; }

.form_area .calendar input[type='text'] { display:inline-block; vertical-align: middle; width: calc(100% - 3rem); height:4.6rem; border:none ; }

/* 아이템 */
.input_items {display: flex; flex-direction: column;}

.input_items > li { margin-bottom:0.8rem; display: flex;}

.form_area > li .input_items select, .form_area > li .input_items input[type='text'], .form_area > li .input_items input[type='number'] { display:inline-block; vertical-align: middle; margin-right:0.4rem; }

.input_items select { width: 12rem; }

.input_items input[type='text'] {}

.input_items .btn_circle { width:3.2rem; height:3.2rem; border:1px solid #D5DAE2; border-radius: 50%; background:#fff; text-align: center; }

/* 완료 */
.completion_result { padding:4.4rem 0; text-align: center; word-break: keep-all; }

.completion_result .icon { display:block; margin: 0 auto; max-width: 10.2rem; }

.completion_result .icon img { max-width: 100%; }

.completion_result .tit { display: block; margin:2.4rem 0 1.2rem; color:#111; font-size:3.2rem; font-weight:600; line-height:1.25; }

.completion_result .txt { line-height:1.5; }

.completion_result .txt a { text-decoration: underline; transition: all .3s; }

/* 방법 */
.radio_way { display:flex; flex-wrap:wrap; margin-top:2.4rem; }

.radio_way label { position:relative; display:inline-block; width:calc(50% - 1rem); padding:4rem 3rem 4rem 10.6rem; border:1px solid #E4E7ED; border-radius: 8px; cursor: pointer; }

.radio_way label + label { margin-left:2rem; }

.radio_way label input[type='radio'] { position:absolute; opacity: 0; visibility: hidden; }

.radio_way label .icon { position:absolute; left:3rem; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.radio_way label .icon svg path { stroke:#333; }

.radio_way label strong { font-size:1.8rem; font-weight:600; line-height:1.25; }

.radio_way label p { color:#666; line-height:1.25; }

.radio_way label input[type='radio']:checked + span .icon svg path { stroke: #002AC1; }

.radio_way label input[type='radio']:checked + span strong, .radio_way label input[type='radio']:checked + span p { color: #002AC1; }

.radio_way label:has(input[type='radio']:checked) { border-color:#002AC1; }

/* 수량 */
.number_bx .btn_round { margin-left:0.4rem; padding:0.7rem 1.5rem; color:#6B6E78; font-size:1.4rem;  }

.form_area .num_control { display:inline-flex; align-items: center; vertical-align:middle; max-width:20rem; border:1px solid #D5DAE2;border-radius:5px;overflow: hidden;}

.form_area .num_control input[type='number'] { width:calc(100% - 6.8rem); padding:1rem 1.2rem; border:none;}

.form_area .num_control button { position:relative; width:3.4rem; height:4.8rem; font-size:1.8rem;color:#333;}

.form_area .num_control button i { position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.form_area .num_control button:not(:last-child)::after { content:"";display:inline-block;vertical-align: middle;position:absolute;right:0;top:50%;width:1px;height:2.6rem;background:#D8D9DF;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.form_area .num_control button:disabled { color:#aaa;}

/* 마이페이지 */
.mypage_wrap {}

.mypage_wrap::after { content:""; display:table; clear: both; }

.mypage_wrap .my_info { float: left; width: 32rem; margin-right:4rem; }

.mypage_wrap .my_con_area { float: right; width:calc(100% - 36rem); }

/* 프로필 */
.my_info {}

.my_info .wbox { padding:3.2rem; border:1px solid #D5DAE2; border-radius: 30px; }

.my_info .wbox + .wbox { margin-top:0.8rem; }

.my_info .tit { font-size:2rem; font-weight:600; font-family: 'semibold'; line-height:1.25; }

.my_info .profile { position:relative; padding-left: 6.4rem; }

.my_info .profile .img { display:inline-block; position:absolute; left:0; top:0; width:5.2rem; height:5.2rem; border-radius: 50%; overflow: hidden; }

.my_info .profile .img img { max-width: 100%; min-height: 100%; object-fit: cover; }

.my_info .profile .nicname { font-size:2rem; font-weight:600; font-family: 'semibold'; line-height:1.25; }

.my_info .profile .email { margin-top:0.6rem; color:#666; font-size:1.4rem; line-height:1.25; }

.my_info .user_assi { margin:2rem 0 0; }

.my_info .btn_round { width: calc(50% - 0.2rem); padding:0.8rem 2rem; font-size:1.4rem; text-align: center; }

.my_info .list { margin-top:2rem; }

.my_info .list > li { padding:1.2rem 0.8rem 1.2rem 0; overflow: hidden; }

.my_info .list > li + li { border-top: 1px solid #F2F2F4; }

.my_info .list > li.on > a { font-weight: 700; color: #155CD6; }

.my_info .list > li a { font-weight: 500; line-height:1.25; -webkit-transition: all .3s; transition: all .3s; }

.my_info .list > li a:hover, .my_info .list > li a:focus { color:#002AC1; }

.my_info .list > li a svg { display:inline-block; vertical-align: middle; margin-right:0.2rem; }

.my_info .list > li .num { float:right;color:#666; }

.my_info .list > li .num.blue { color:#002AC1; }

/* 신청현황 */
.application_list {}

.application_list > li { display: inline-block; vertical-align: middle; width: calc(50% - 0.2rem); }

.application_list > li > span { display: inline-block; vertical-align: middle; }

.application_list > li .icon { position:relative; width:10rem; height:10rem; margin-right: 2rem; border-radius: 50%; background:#F2F3F7; }

.application_list > li .icon img { max-width: 60%; position:absolute; top:50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.application_list > li p { font-size:1.8rem; line-height:1.25; font-weight:500; }

.application_list > li strong { display:block; margin-top:0.6rem; color:#002AC1; font-size:2.4rem; line-height:1.25; font-weight:500; }

.my_appli { position:relative; margin-top:1.2rem; }

.my_appli .all_view { position:absolute; right:6rem; top:6.2rem; }

.my_appli .num { display:inline-block; vertical-align: middle; padding:0 0.4rem; color:#2670E5; font-size:1.8rem; font-weight:600; line-height:1.25; }

.my_appli .desc { max-width:calc(100% - 12rem); margin:0.8rem 0 3rem; line-height:1.25; }

.column_list { border-top: 1px solid #F2F2F4; }

.column_list > li { position:relative; padding:2.8rem 16rem 2.8rem 0; border-bottom: 1px solid #F2F2F4; }

.column_list > li .tit { font-size:1.8rem; font-weight:500; line-height:1.25; }

.column_list > li .tit a:hover, .column_list > li .tit a:focus { text-decoration: underline; }

.column_list > li .date { margin-top:0.6rem; color:#666; font-size:1.4rem; line-height:1.25; }

.column_list > li .state { position:absolute; top:50%; right:2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.state { display:inline-block; vertical-align: middle; min-width: 11rem; line-height:1.25; }

.state::before { content:""; display:inline-block; vertical-align: middle; width: 3.2rem; height:3.2rem; margin-right:0.8rem; border-radius: 50%; background-color:#E4E7ED; }

.state.type1::before { background:#E4E7ED url("../../../image/service/content/human/icon_pen.png") no-repeat 50% 50% / 2rem; }

.state.type2::before { background:#E4E7ED url("../../../image/service/content/human/icon_check_file.png") no-repeat 50% 50% / 2rem; }

.state.type3::before { background:#333 url("../../../image/service/content/human/icon_search_w.png") no-repeat 50% 50% / 2rem; }

.state.type4::before { background:#2670E5 url("../../../image/service/content/human/icon_check_w.png") no-repeat 50% 50% / 2rem; }

.state.type5 { color:#DE335C; }

.state.type5::before { background:#EF1F51 url("../../../image/service/content/human/icon_back_w.png") no-repeat 50% 50% / 2rem; }

/* 등록신청 현황 */
.search_result_bx { border-top:1px solid #000; }

.search_result_bx > li { position:relative; padding:3.2rem 1.2rem 3.2rem 5.2rem; border-bottom:1px solid #E4E7ED; }

.search_result_bx > li .title { display:block; font-size:1.8rem; font-weight:600; font-family: 'semibold'; line-height:1.25; }

.search_result_bx > li .title a { position:relative; }

.search_result_bx > li .title a::after, .search_result_bx > li .title a::after { content:""; display:block; position:absolute; bottom:0; left:0; width:0%; height:1px; background-color: #111; -webkit-transition: all .3s;  transition: all .3s; }

.search_result_bx > li .title a:hover::after, .search_result_bx > li .title a:focus::after { width:100%; }

.search_result_bx > li .txt { display:inline-block; vertical-align: middle; margin-right:1rem; font-size:1.4rem; line-height:1.25; }

.search_result_bx > li .txt.gray { color:#666; margin-right:0.2rem; }

.search_result_bx > li .chk { position:absolute; left:1.2rem; }

.search_result_bx > li .info1 { margin:0.6rem 0 1.6rem; }

.search_result_bx > li .in { display:inline-block; vertical-align: middle; }

.search_result_bx > li .bx_btn { float: right; }

.btn_txt { display:inline-block; vertical-align: middle; position:relative; margin-left:1.2rem; color:#666; font-size:1.4rem; font-weight: 400;; line-height:1.25; -webkit-transition: all .3s; transition: all .3s; }

.btn_txt:hover, .btn_txt:focus { color:#002AC1;  }

.btn_txt.under { text-decoration: underline; }

.right .btn_txt { margin-left:1.2rem; }

/* 마이페이지 검색창 */
.search_bx { margin:2.4rem 0 3rem; }

.search_bx fieldset { display:flex; flex-wrap:wrap; width: 100%; }

.search_bx .input-select { position:relative; min-width: 14rem; }

.search_bx .input-select select { width: 100%; height:4.8rem; padding:1.4rem 3rem 1.4rem 1.6rem; border:1px solid #D5DAE2; border-radius: 4px; font-size:1.6rem; line-height: 1.25; }

.search_bx .input-select::after { content:"\ea4e"; position:absolute; top:1.2rem; right: 1.6rem; font-family: 'remixicon' !important; }

.search_bx .input-date { display:inline-flex; align-items: center; vertical-align: middle; position:relative; max-width: 20rem; padding:0 1.6rem; border:1px solid #D5DAE2; border-radius: 4px; }

.search_bx .input-date + .input-date { margin-left:1.9rem; }

.search_bx .input-date + .input-date::before { content:"~"; position:absolute; left:-1rem; top:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.search_bx .input-date .btn_calendar { display:inline-block; vertical-align: middle; width: 2.4rem; height:2.4rem; }

.search_bx .input-date .btn_calendar svg { width: 100%; }

.search_bx .input-date .btn_calendar:hover svg path, .search_bx .input-date .btn_calendar:focus svg path { fill:#111 }

.search_bx .input-date input[type='text'] { width: calc(100% - 2.8rem); height: 4.7rem; padding:1.2rem 0.6rem; border:none; font-size:1.6rem; }

.search_bx .input-group { flex:1; position:relative; margin:0 0 0 1.2rem; border:1px solid #D5DAE2; border-radius: 4px; overflow: hidden; }

.search_bx .input-group::before { content:"\f0d1"; position:absolute; left:1.6rem; top:50%; color:#6B6E78; font-size:1.8rem; font-family: 'remixicon' !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.search_bx .input-group .form-control { width: 100%; padding:1.4rem 1.6rem 1.4rem 4.4rem; border:none; }

.search_bx .btn { margin-left:0.8rem; padding:1.3rem 1.9rem; border-radius: 4px; }

/* 마이페이지 작성사항 */
.my_process { margin-top:2rem; }

.my_process > li { display:inline-block; vertical-align: middle; position:relative; margin-bottom:1rem; }

.my_process > li:not(:last-child) { margin-right:4.8rem; }

.my_process > li:not(:last-child)::after { content:""; display:block; position:absolute; top:50%; right:-2.8rem; width:0.8rem; height:3.6rem; background:url("../../../image/service/content/human/process_arrow.png") no-repeat 50% 50% / cover; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

.my_process > li strong { display:block; margin-bottom:0.4rem; font-weight: 500; line-height:1.25; }

.my_process > li span { display:block; color:#666; font-size: 1.3rem; line-height:1.25; }

/* 마이페이지  */
.line_tit { padding:1.8rem 2rem; border-bottom:1px solid #E4E7ED; color:#555; font-size:1.4rem; line-height:1.5; }

.line_tit em { color:#002AC1; }

/* 테이블 */
.info_top { position:relative; }

.info_top .bx_btn { position: absolute; right:0; top:0; }

.nstyle_table { padding:1.2rem 0; border-bottom:1px solid #E4E7ED; }

.nstyle_table table th, .nstyle_table table td { padding:0.6rem 2rem; color:#555; font-size:1.4rem; font-weight:400; line-height:1.5; text-align: start; }

/* 팝업 */
.popup_wrap { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }

/*.popup_wrap .pop_inner { position:absolute; top:50%; left:50%; width:calc(100% - 4rem); max-width:64rem; padding:4rem 4.8rem; border-radius: 20px; background:#fff; transform: translate(-50%, -50%);}*/
.popup_wrap .pop_inner { max-width:64rem; padding:4rem 4.8rem; border-radius: 20px; background:#fff;}

.pop_inner.type1 { max-width:56rem; }

.pop_inner.type2 { max-width:108rem; }

.pop_inner .title { color:#111; font-size:2.4rem; font-weight:600; line-height:1.25; }

.pop_inner .btn_close { display:block; position:absolute; right:4.8rem; top:4rem; width: 2.4rem; height:2.4rem; font-size:2.4rem; }

.pop_inner .btn_close i { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.pop_inner .inner_scroll { width: 100%; max-height:calc(100vh - 30rem); overflow-y: auto; overflow-x: hidden; }

.pop_inner .inner_scroll::-webkit-scrollbar { width: 4px; }

.pop_inner .inner_scroll::-webkit-scrollbar-thumb { background-color: #D8D9DF; }

.pop_inner .tstyle_table th, .pop_inner .tstyle_table td { height:4.6rem; font-size:1.4rem; }

/* 파일 선택 영역 */
.board_txt_pop { margin:0.8rem 0; font-size:1.4rem; line-height:1.25; }

.board_txt_pop .chk, .board_txt_pop .radio { margin-right:0.8rem; }

.board_txt_pop label { display:inline-block; vertical-align: middle; margin-right:2rem; color:#555; }

.file_chk_box { padding:1.6rem 2rem; height: 40rem; overflow-y: auto; border:1px solid #D5DAE2; border-radius: 4px; }

.file_chk_box::-webkit-scrollbar { width: 4px; }

.file_chk_box::-webkit-scrollbar-thumb { background-color: #D8D9DF; }

.file_chk_box .depth1 li { position:relative; padding-left:2.4rem; }

.file_chk_box .depth1 li .arrow { position:absolute; left:0; top:0.6rem; width:2rem; height:2rem; color:#6B6E78; font-size:2rem; -webkit-transition: all .3s;transition: all .3s; }

.file_chk_box .depth1 li .arrow::after { content:"\ea6e"; font-family: 'remixicon' !important; }

.file_chk_box .depth1 label { display:inline-block; vertical-align: middle; position:relative; padding:0.8rem 0 0.8rem 2.8rem; color:#555; font-size:1.4rem; line-height:1.25; }

.file_chk_box .depth1 label .chk { position:absolute; left:0; top:0.8rem; }

.file_chk_box .depth1 label .chk.not_all_chk { background:#2670E5; border-color:#2670E5; }

.file_chk_box .depth1 label .chk.not_all_chk::after { content:"\f1af"; position:absolute; top:50%; left:50%; color:#fff; font-family: 'remixicon' !important; transform: translate(-50%, -50%); }

.file_chk_box li > ul:not(.depth1) { display:none; }

.file_chk_box li.open > ul { display:block; }

.file_chk_box li.open .arrow { -webkit-transform: rotate(0.25turn); transform: rotate(0.25turn); }

/* 팝업 alert */
.pop_inner.alert .title { text-align: center; }

.pop_inner.alert .title svg { vertical-align: middle; }

.pop_inner.alert .center_desc { margin: 2rem 0; color:#111; font-size:1.6rem; line-height:1.5; text-align: center; }

.pop_inner.alert .btn_close { top:2rem; right:2rem; }

.bg{background:#F4F5F9 !important;}



/*
*
반응형
*
*/
@media all and (max-width:1240px) {
    /* 소개페이지 */
    .intro_bx .text { padding-right:40rem; }

    /* 제공절차 */
    .process li .bx.not .icon::before { left:-10rem; }
    .process li > ol > li:last-child::before { right:-11rem; }
}
@media all and (max-width:1080px) {
    /* 소개페이지 */
    .intro_bx { padding:5.5rem 6rem; }
    .intro_bx .text { padding-right:34rem; }
    .intro_bx .circle_bx { right:6rem; }
    .intro_bx .circle { width:30rem; height:30rem; }

    .pd60 { padding:3rem; }
    .pd4 { padding:3rem; }
    .pd6 { padding:3rem 5rem; }
    .pd8 { padding:4rem 5rem; }
    .wbox { border-radius: 30px; }

    /* 제공절차 */
    .process li .icon { width:14rem; height:14rem; }
    .process li > ol::after { top:-90%; }
    .process li .bx.not .icon::before { left:-5.5rem; }
    .process li > ol > li:last-child::before { right:-8.4rem; }

    .process.type2 { margin-left:8rem; }
    .process.type2 li > ol { width:89%; }

    /* 제공신청 */
    .data_list > li { min-width:auto; margin:0.5rem 0; }
    .data_list > li .icon { width:8rem; height:8rem; }
    .data_list > li .icon img { max-width: 60%; }
    .data_list > li .txt { max-width:calc(100% - 8rem); }

    /* 테이블 */
    .tstyle_table td .over_desc { max-width: 35rem; }

    /* 진행사항 */
    .nav_process > li { padding-bottom:0.8rem; }
    .nav_process > li:not(:last-child) { padding-right:5rem; }
    .nav_process > li:not(:last-child)::after { top:2.1rem; width:3rem; }
    .nav_process > li > a .num { display:block; width:4.2rem; height:4.2rem; margin:0 auto 1rem; line-height:4.2rem; font-size:1.6rem; }
    .nav_process > li > a { font-size:1.6rem; }

    /* 마이페이지 */
    .mypage_wrap .my_info { float: none; width: 100%; margin:0 0 2rem; }
    .mypage_wrap .my_con_area { float: none; width: 100%; }

    /* 신청현황 */
    .my_appli .all_view { right:3rem; }
    .column_list > li { padding-right:0; }
    .column_list > li::after { content:""; display: table; clear: both; }
    .column_list > li .state { float: right; position:static; margin-top:0.5rem; -webkit-transform: translateY(0); transform: translateY(0); }

}
@media all and (max-width:765px) {
    /* 소개페이지 */
    .contents_util h2 { font-size: 4.4rem; }
    .intro_bx .text { padding-right:0; }
    .intro_bx .circle_bx { position:static; top:auto; right:auto; margin:4rem 0; -webkit-transform: translateY(0); transform: translateY(0); }
    .intro_bx .circle { margin:0 auto; }
    .intro_bx .circle::before { top:50%; left: -60%; -webkit-transform: rotate(270deg) translateX(25%); transform: rotate(270deg) translateX(25%); }
    .intro_bx .circle::after { bottom:auto; top:50%; right:-60%; -webkit-transform: rotate(270deg) translateX(25%); transform: rotate(270deg) translateX(25%); }

    /* 그래프 영역 */
    .graph_li.item2 .wbox { width:100%; }
    .graph_li.item2 .wbox + .wbox { margin:2rem 0 0 ; }

    /* 제공절차 */
    .process li .icon { width:10rem; height:10rem; }
    .process li > ol::after { top:-125%; }
    .process li > ol::before { top:-40%; }
    .process li > ol > li:last-child::after { top:32%; }

    .process.type2 { margin-left:0; }
    .process.type2 li > ol::after { top:-115%; }

    /* 제공안내 */
    .desc_box .icon { display:block; width:12rem; height:12rem; margin:0 auto 3rem; }
    .desc_box p { max-width:100%; }

    /* 제공신청 */
    .form_area .data_type_chk_li > span { display:block; flex:auto; }
    .form_area .data_type_chk_li input[type='text'] { max-width: 30rem; }

    /* 검색 결과 */
    .search_wrap .filter_area, .search_wrap .result_area { float: none; width:100%; }
    .search_wrap .filter_area { margin-top:4rem; }
    .search_wrap .result_area { padding:2rem 3rem; }
    .filter { padding:3rem; }
    .filter .doble_input input { max-width:100%; width: calc(100% - 5rem); }

    /* 테이블 */
    .tstyle_table {}
    .tstyle_table colgroup { display:none; }
    .tstyle_table thead { display: none; }
    .tstyle_table tr { display:block; padding:1rem 0; }
    .tstyle_table td { display:block; height: auto; padding:0.4rem 0; text-align: start; }
    .tstyle_table td::before { content:attr(aria-label); display:inline-block; vertical-align: middle; margin-right:1rem; color:#111; font-weight: 500; }
    .tstyle_table td .over_desc { display: inline-block; vertical-align: middle; max-width:100%; white-space: normal; }
    .tstyle_table.type2 td.txt_center { text-align: start !important; }
    .m_none { display:none; }

    /* 신청자 정보 */
    .twin_area > div { float: none; width: 100%; }
    .twin_area > div:not(:first-child) { margin:1.6rem 0 0; }

    /* 검색창 */
    .search_bx .input-select { width: 100%; margin-bottom:1rem; }
    .search_bx .input-date { max-width: 100%; width: calc(50% - 1rem); margin-bottom:1rem }
    .search_bx .input-group { margin-left:0; }

    /* 팝업 */
    .popup_wrap .pop_inner { padding:3.4rem 2.8rem;;}
}
@media all and (max-width:720px) {
    .wbox { border-radius: 20px; }
    .pd6 { padding:3rem; }
    .pd8 { padding:4rem 3rem; }

    /* 서류양식 다운로드 */
    .form_li > li { height:auto; padding:2rem 2.4rem 7rem; }
    .form_li > li .btn_download { top:auto; bottom:1.6rem; right:2.4rem; -webkit-transform: translateY(0); transform: translateY(0); }
    .btn_download svg { width:2rem; }

    /* 테이블 */
    .rstyle_table tr, .rstyle_table th, .rstyle_table td { display:block; height: auto; }

    /* 건수 */
    .input_items > li { border-bottom:1px solid #eee; padding-bottom:1rem; }
    .form_area > li .input_items select, .form_area > li .input_items input[type='text'], .form_area > li .input_items input[type='number'] { display:block; margin-bottom:0.5rem; }

    /* 완료 */
    .completion_result .icon { max-width: 8rem; }

    /* 등록신청 현황 */
    .search_result_bx > li .bx_btn { float: none; margin-top:1rem; }
    .search_result_bx > li .bx_btn .btn_txt { padding:0.5rem 1rem; border:1px solid #E4E7ED; border-radius: 4px; }
}
@media all and (max-width:580px) {
    /* 제공절차 */
    .process { padding:0; }
    .process li { width:100%; margin-bottom:2rem; }
    /* .process > li:not(:last-child) { display: flex; align-items: center; }
    .process > li:not(:last-child) .bx { min-width: 30rem; margin:0 auto; } */
    .process > li:first-child { position:relative; }
    .process > li:first-child::after { content:""; display:block; position:absolute; left: 5rem; top:0; width:1px; height:360%; border-left:1px dashed #002AC1; }
    .process li .bx { display:flex; flex-wrap:wrap;flex-direction: column; justify-content: center; height:10rem; padding:0 0 0 12rem; text-align: start; }
    .process li .icon { position:absolute; left:0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .process li strong { margin-top:0; width: 100%; }
    .process > li:last-child { position:relative; padding-top:8rem; }
    .process > li:last-child::before { content:""; display:block; position:absolute; top:0; left:5rem; width: 60%; height:10rem; border:1px dashed #002AC1; border-bottom:none; }
    .process > li:last-child::after { content:""; display: table; clear: both; }
    .process li .bx.not { float: right; width:40%; }
    .process li .bx.not .icon::after { display:none; }
    .process li .bx.not .icon::before { left:5rem; top:-5rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); word-break: keep-all; }
    .process li > ol { float: left; position:relative; width:60%; }
    .process li > ol::before { top:-5rem; right:auto; left:2rem; -webkit-transform: translateX(0); transform: translateX(0); }
    .process li > ol::after { top:0; left:5rem; width:1px; height:calc(100% - 2rem); }
    .process li > ol > li:last-child::before { position:static; min-width:10rem; margin-bottom:2rem; -webkit-transform: translateY(0); transform: translateY(0); }

    .process.type2 > li:last-child { padding-top:0; }
    .process.type2 > li:last-child::before { display:none; }
    .process.type2 li > ol { width:100%; }
    .process.type2 li > ol::after { top:0; }

    /* 검색 결과 */
    .search_result_li > li label { padding-left:6rem; }
    .search_result_li > li label .chk { left: 2.5rem; }

    /* 하단버튼 */
    .bbx_btn .btn { margin:0 0.2rem 0.5rem; padding:1.6rem 2.4rem; font-size:1.8rem; }

    /* 신청현황 */
    .application_list > li > span { display:block; text-align: center; }
    .application_list > li .icon { margin:0 auto 1rem; }
}
@media all and (max-width:520px) {
    .intro_bx .circle { width:24rem; height:24rem; }

    /* 테이블 */
    .data_table table thead { display:none; }
    .data_table table, .data_table table tbody, .data_table table tbody tr { display:block; width: 100%; }
    .data_table table tbody th { height:auto; }
    .data_table table tbody th { display:block; padding:1.6rem 1.2rem; }
    .data_table table tbody td { display:block; padding:0.5rem 1.2rem; }
    .data_table table tbody td:first-child { display:none; padding: 0; }
    .data_table table tbody td:not(:first-child) { height:auto; margin-left: 3.6rem; border-bottom:0; }
    .data_table table tbody td::before { content:attr(aria-label); padding-right:1rem; color:#767676; }
    .data_table table tbody td.txt_center { text-align: start !important; }
    .data_table table tbody td:last-child { position:relative; }
    .data_table table tbody td:last-child::after { content:""; display: block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd; }

    .form_area .calendar { margin-bottom:0.5rem; }

    /* 진행사항 */
    .nav_process > li:not(:last-child) { padding-right:3rem; }
    .nav_process > li:not(:last-child)::after { display:none; }

    .info_top .bx_btn { position: static; }
}
@media all and (max-width:375px) {
    .process li .bx { padding: 0 0 0 11rem;}
    .process li .bx.not { width:10rem; padding:10rem 0 0; }
    .process li a.one { margin:4rem auto 0; text-align: center; }
    .process li > ol { width:calc(100% - 10rem); }
    .process > li:last-child::before { width:calc(100% - 10rem); }

    /* 검색 결과 */
    .wbox .search_box .input-select { width:100%; border-bottom:1px solid #D5DAE2; }
    .wbox .search_box .input-select select { background-position-x:90%; }
    .wbox .search_box .input-select::after { display:none; }
    .wbox .search_box .input-group { width:100%; }

    .form_area .num_control { max-width:16rem; }
}

.data-tab-devider {
    content: '';
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 30%;
    right: 2rem;
    width: 4rem;
    height: 1px;
    background: #666;
}