@charset "utf-8"; /************************************************************************ * filename : base.css * description : 기본공통 CSS * date : 2016.9.5 ************************************************************************/ /* * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess */ @font-face {font-family:'Nanum Gothic'; font-weight:400; font-style:normal; src: url(/web/fonts/NanumGothicRegular.eot); /*IE 6~8, IE 호환성 보기*/ src: local('？'),url(/web/fonts/NanumGothicRegular.woff2) format('woff2')/*IE Edge, WOFF2 지원 브라우저*/, url(/web/fonts/NanumGothicRegular.woff) format('woff')/*IE 9+, 모던 브라우저*/; unicode-range: U+0020-007E, U+AC00-D7A3; /* 영문, 특수문자, 숫자, 한글 */} @font-face {font-family:'Nanum Gothic'; font-weight:700; font-style:normal; src: url(/web/fonts/NanumGothicBold.eot); /*IE 6~8, IE 호환성 보기*/ src: local('？'),url(/web/fonts/NanumGothicBold.woff2) format('woff2')/*IE Edge, WOFF2 지원 브라우저*/, url(/web/fonts/NanumGothicBold.woff) format('woff')/*IE 9+, 모던 브라우저*/; unicode-range: U+0020-007E, U+AC00-D7A3; /* 영문, 특수문자, 숫자, 한글 */} @font-face {font-family: 'Noto Sans Korean';font-style: normal;font-weight: 300; src: url(/web/fonts/NotoSansKR-Light-Hestia.eot); /*IE 6~8, IE 호환성 보기*/ src: local('？'),url(/web/fonts/NotoSansKR-Light-Hestia.woff) format('woff')/*IE 9+, 모던 브라우저*/; unicode-range: U+0020-007E, U+AC00-D7A3; /* 영문, 특수문자, 숫자, 한글 */} @font-face {font-family: 'Noto Sans Korean';font-style: normal;font-weight: 400; src: url(/web/fonts/NotoSansKR-Regular-Hestia.eot); /*IE 6~8, IE 호환성 보기*/ src: local('？'),url(/web/fonts/NotoSansKR-Regular-Hestia.woff) format('woff')/*IE 9+, 모던 브라우저*/; unicode-range: U+0020-007E, U+AC00-D7A3; /* 영문, 특수문자, 숫자, 한글 */} @font-face {font-family: 'Noto Sans Korean';font-style: normal;font-weight: 500; src: url(/web/fonts/NotoSansKR-Medium-Hestia.eot); /*IE 6~8, IE 호환성 보기*/ src: local('？'),url(/web/fonts/NotoSansKR-Medium-Hestia.woff) format('woff')/*IE 9+, 모던 브라우저*/; unicode-range: U+0020-007E, U+AC00-D7A3; /* 영문, 특수문자, 숫자, 한글 */} @font-face {font-family: 'Noto Sans Korean';font-style: normal;font-weight: 700; src: url(/web/fonts/NotoSansKR-Bold-Hestia.eot); /*IE 6~8, IE 호환성 보기*/ src: local('？'),url(/web/fonts/NotoSansKR-Bold-Hestia.woff) format('woff')/*IE 9+, 모던 브라우저*/; unicode-range: U+0020-007E, U+AC00-D7A3; /* 영문, 특수문자, 숫자, 한글 */} /** defalt **/ html {height:100%;margin:0;padding:0;/* overflow-y:scroll; */min-width: 1225px;} body {margin:0; padding:0;-webkit-text-size-adjust:none;} body, input, textarea, select, button, table {font-family:'Pretendard GOV', 'Noto Sans kr', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Dotum', '돋움', sans-serif;font-size:var(--font-md);line-height:30px;color:#515151; font-family:'Pretendard GOV' !important;} html, body {font-family:'Pretendard GOV', 'Noto Sans kr', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Dotum', '돋움', sans-serif;} h1, h2, h3, h4, p {margin:0; padding:0;} h1, h2, h3, h4, h5, h6 {font-weight:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;} table, th, td {box-sizing:border-box; border-collapse:collapse;} i, em {font-weight:normal; font-style:normal;} button {display:inline-block; margin:0; padding:0; cursor:pointer; border:0 none; background:none;} button::-moz-focus-inner, select::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='checkbox']::-moz-focus-inner, input[type='radio']::-moz-focus-inner, input[type='submit']::-moz-focus-inner {margin:0; padding:0; border:0;} a {text-decoration:none; color:var(--color-text-black);} a:active {color:inherit; outline:none;} ul, ol, dl {margin:0; padding:0; line-height:100%; list-style:none;} dt, dd, li {margin:0;padding:0;line-height: 30px;} caption, legend {font-size:0; line-height:0; text-indent:-9999em;} fieldset {margin:0; padding:0;border:0 none;} fieldset legend {position:absolute; top:-9999em;} ::-webkit-input-placeholder {/* Chrome/Opera/Safari */color:#888;} ::-moz-placeholder {/* Firefox 19+ */color:#888;} ::-ms-input-placeholder {/* IE 10+ */color:#888;} :-moz-placeholder {/* Firefox 18- */color:#888;} /* form */ fieldset.check_agree_30 {margin:30px 0;} label {vertical-align:top;} input {vertical-align:top;} select {display:inline-block; vertical-align:middle; border:0 none; background:none;} input[type='text'], input[type='password'], input[type='search'], input[type='tel'] {display:inline-block; margin:0; padding:0; box-sizing:border-box; border:0; -webkit-border-radius:0; background:#fff; -webkit-appearance:none;} input[type='submit'], input[type='button'], button, button span {display:inline-block; box-sizing:border-box; cursor:pointer; vertical-align:top;} ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {color:#888;} input[type='checkbox']{margin:0;padding:0;vertical-align:middle;width: 24px;height: 24px;border-radius: 4px;} input[type='radio'] {margin:0;padding:0;vertical-align:middle;width: 20px;height: 20px;} .haze {position:absolute; top:-99999px;} .mobile_only {display:none;} /* margin + padding */ .mb10{margin-bottom: 10px !important;} .mb28{margin-bottom: 28px;} .mb30{margin-bottom: 30px !important;} .mb32{margin-bottom: 32px;} .mb40{margin-bottom: 40px;} .mt34{margin-top: 34px;} .mt40{margin-top: 40px;} .pb0{padding-bottom:0 !important;} .pd0{padding:0 !important;} .mg0{margin:0 !important;} /* text-align */ .text-l{text-align:left !important;} .text-c{text-align:center !important;} .text-r{text-align:right !important;} /* width% */ .w_p_10{width:10%;} .w_p_20{width:20%;} .w_p_30{width:30%;} .w_p_40{width:40%;} .w_p_50{width:50%;} .w_p_60{width:60%;} .w_p_70{width:70%;} .w_p_80{width:80%;} .w_p_90{width:90%;} /* */ .jc-right{justify-content: right;} /* font color */ .em {color:var(--color-orange-deep);font-weight:var(--font-weight-bold);} a.em {border-bottom:1px solid #ff6c3d;} .fc_mint {color:#0090b1;} .color_orange{color: #f36200 !important;} .color_rightgray{color: #888 !important;} .jqcloud-word .bg_orange{border-radius: 5px;background:#f36200;color: #fff !important;} /* headings Level */ .tit_lv1 {font-size:32px; font-weight:700; line-height:100%; color:#333;} .tit_lv2 span{display: inline-block;position: relative;margin-left: 10px;padding-left: 10px;color: #666;font-size: 18px;font-weight: 400;line-height: 1;} .tit_lv2 {position: relative;padding: 10px 0 40px 30px;font-size: 24px;font-weight: var(--font-weight-bold);line-height:100%;color:var(--color-black-100);letter-spacing: -0.025em;} .tit_lv3 {font-size:20px; font-weight:700; line-height:100%; color:#333;} .tit_board_list {font-size: var(--font-heading-sm);font-weight: var(--font-weight-bold);text-overflow: ellipsis;} .tit_board_view {font-size:22px; font-weight:700; color:#000;} .tit_g{position:relative;} .tit_g:after{display:block;clear:both;content:"";} .tit_g button.btn{position:absolute;top: 7px;right: 0;} .tit_g button.btn span{height: 30px;padding: 0 15px;font-size: 14px;font-weight: 400;line-height: 30px;} .tit_g p.txt1{position: absolute;top: 15px;right: 0;color: #f36200;} .tit_g .read{position: absolute;top: 16px;right: 0;} h3.join_tit{font-size:var(--font-heading-sm);font-weight:var(--font-weight-bold);color:var(--color-text-black);margin:20px 0;} h3.tit_lv2:after {content:'';display:block;position:absolute;width:23px;height:22px;top: 12px;left:0;overflow:hidden;background:url(/web/vols/2025/images/ico/ico_tit_lv2.png) 0 0 no-repeat;} h3.no_bul{margin-bottom: 15px;font-size: 22px;font-weight: var(--font-weight-bold);line-height: 100%;color: #333;} h4.tit_lv1{position: relative;padding: 10px 20px 5px;/* padding-bottom: 20px; */font-size: 18px;font-weight: 500;line-height:100%;color:#333;} h4.tit_lv1:after {content:'';display:block;position:absolute;width:23px;height:22px;top: 7px;left:0;overflow:hidden;background:url(/web/vols/2025/images/ico/ico_tit_lv2.png) 0 0 no-repeat;} h4.tit_lv2{font-size: var(--font-subheading-lg);padding: 0 0 20px 0;font-weight:var(--font-weight-bold);} /* h4.tit_lv2:after{display:block;content:"";position:absolute;top: 13px;left: 0;width: 12px;height: 12px;background: url(/web/vols/2025/images/ico/ico_bul1.png) 0 0 no-repeat;} */ dt.tit_lv2:after {content: '';display: block;position: absolute;width: 23px;height: 22px;top: 14px;left: 0;overflow: hidden;background: url(/web/vols/2025/images/ico/ico_tit_lv2.png) 0 0 no-repeat;} .win-window h3.tit_lv3 {position: relative;padding: 10px 20px 20px;/* padding-bottom: 20px; */font-size: 20px;font-weight: 500;line-height:100%;color:#333;letter-spacing: -0.025em;} .win-window h3.tit_lv3:after{content:'';display:block;position:absolute;width:23px;height:22px;top: 9px;left:0;overflow:hidden;background:url(/web/vols/2025/images/ico/ico_tit_lv2.png) 0 0 no-repeat;} /* 2509_renewal_search_form_common */ .disabled{cursor: default;} .search-form{background-color: var(--color-gray-105);border-radius: var(--radius-md-lg);margin-bottom: 32px;padding: 40px 49px 0;} .service_part_wrap{background-color: var(--color-white-100);border-radius: var(--radius-sm);box-shadow: 2px 4px 8px rgb(0 0 0 / 15%);} .form_box_ab{display: flex;align-items: baseline;align-items: center;margin-top: 26px;} .form_box_ab .id_number{display: flex;gap: 10px;} .service_part_wrap .board_list2 .search_inner{padding: 40px;margin-bottom: 32px;} .service_part_wrap .board_list2 .search_inner.no_padd{padding:0;margin-bottom:0;} .service_part_wrap .search_inner ul{display: flex;justify-content: space-between;gap:40px} .service_part_wrap .search_inner ul li{display: inline-flex;align-items: center;gap: 12px;flex-grow: 1;} .service_part_wrap .search_inner ul li.gap30{gap: 30px;} .service_part_wrap .search_inner .searchArea_top ul li:last-child{justify-content: right;} .service_part_wrap .search_inner .searchArea_bottom > ul > li:last-child{justify-content: right;} .service_part_wrap .search_inner .searchArea_bottom > ul > li.li_r{justify-content: left; gap:26px;} .service_part_wrap .search_inner ul li > label{white-space: nowrap;font-size: var(--font-md);color: var(--color-black-100);font-weight: var(--font-weight-semi-bold);} .service_part_wrap .search_inner ul li select{border: 1px solid var(--color-gray-80);border-radius: 5px;color: var(--color-gray-75);font-size: var(--font-md);padding: 4px 0 4px 9px;} .service_part_wrap .search_inner ul li > div{width: 100%;} .searchArea_top{margin-bottom: 32px;} .searchArea_top > ul > li div.radio_box .radio_btn{flex-shrink:0;} .searchArea_top > ul > li:first-child > div{display: flex;gap: 10px;align-items: center;} .searchArea_top > ul > li:first-child > div:nth-child(1){gap: 42px;} .searchArea_top > ul > li:first-child > div label{white-space: nowrap;font-size: var(--font-md);color: var(--color-black-100);font-weight: var(--font-weight-semi-bold);} .searchArea_top > ul > li:first-child > div div.datepicker_inner{display: flex;gap: 10px;} .searchArea_top > ul > li div.select-larg select{width:40%;} .searchArea_bottom ul li .input_text{width:100%;} .searchArea_bottom .searchArea_only{display: inline-flex;align-items: center;gap: 12px;width: 100%;} .searchArea_bottom .searchArea_only label{white-space: nowrap;font-size: var(--font-md);color: var(--color-black-100);font-weight: var(--font-weight-semi-bold);} .searchArea_bottom .searchArea_only span.input_text{width: 100%;} #searchHopeArea1{width: 140px;} #searchHopeArea2{width: 140px;} #searchHopeSrvc1{max-width: 188px;width: 100%;} #schApply{max-width: 188px;width: 100%;} #searchActOnline{width: clamp(240px, 28vw, 288px);} #searchSrvcTarget{width: 230px;} #searchSrvcStts{width: 188px;} .searchArea_top ul{} .searchArea_bottom ul{} .center-button-wrapper{display: flex;justify-content: center;padding-bottom: 32px;} .center-button-wrapper .toggle-filter{display: inline-flex;align-items: center;gap: 10px;color: var(--color-blue-70);font-size: var(--font-body);line-height:30px;font-weight: var(--font-weight-medium);} .center-button-wrapper .toggle-filter::before{content:""; background: url(/web/vols/2025/images/common/2025/ic_detailSch.png) center no-repeat;width: 12px;height: 10px;display: inline-block;} .volunteer_data .below-search-service{left: 50%;transform: translateX(-50%);display: inline-flex;align-items: center;gap: 10px;color: var(--color-text-gray-50);font-size: var(--font-body);letter-spacing: var(--letter-spacing-tight);margin-bottom: 30px;} .volunteer_data .below-search-service::before{content:"";background: url(/web/vols/2025/images/common/2025/ic_detailSch_close.png) center no-repeat;width: 12px;height: 9px;display: block;} .search_service {display: none;} ul.search_vols{display: flex;justify-content: space-between;align-items: center;gap: 0;margin: 40px 0;flex-wrap: wrap;} ul.search_vols li > div{display: inline-flex;align-items: center;gap: 18px;width: 100%;} ul.search_vols li{width: auto; flex: 1 1 auto;} ul.search_vols li:nth-child(2){flex: 1;} ul.search_vols li div .input_01{width: 100%;} ul.search_vols li div .input_01 #searchKeyword{max-width: 626px;} ul.search_vols li div .input_01 #searchNanmmbyNm{max-width: 300px;} ul.search_vols li > div label{white-space: nowrap;font-size: var(--font-md);color: var(--color-black-100);font-weight: var(--font-weight-semi-bold);} ul.search_vols li div span.input_text{width: 100%;} ul.search_vols li div span.input_text input{border: none} /* 블릿 리스트 */ .hypen, .refer, .dot_default, .number, .hanguel, .triangle {display:block;} .hypen {padding-left:8px; text-indent:-8px;} .refer {padding-left:16px;} .refer.em {background-image:url('/web/vols/2025/images/ico/ico_refer_point.png');} .refer.point {background-image:url('/web/vols/2025/images/ico/ico_refer_b.png');} .dot_big {color: var(--color-text-gray-65);font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);} .select_result dl dd span:after{content:'/';display:block;position:absolute;width: 8px;height: 20px;top: 0px;left: -10px;overflow:hidden;color: #515151;} .select_result dl dd span:first-child:after{display:none;} .dot_default {position:relative; padding-left:11px; font-size:var(--font-md);} .hanguel {padding-left:22px; text-indent:-22px;} .number.default {padding-left:17px; text-indent:-17px;} .number.circle01 {padding-left:17px; text-indent:-17px;} .number.circle02 {padding-left:23px; text-indent:-23px;} .default, .little {padding:0; text-indent:0;} .triangle {position:relative;padding-left: 16px;overflow:hidden;} .triangle > ul > li{} .triangle > ul > li > ul > li{padding-left: 20px;font-weight: 500;} .triangle > ul > li > ul > li > ul > li{padding-left: 12px;font-weight: normal;} .triangle em{font-weight: 500;} .triangle a em.blue{font-weight: bold;color: #0064ff;} .triangle:after {} .triangle.point {color:#333;} .triangle.point:after {/* background:#ff6700; */} .triangle:after {content:'';display:block;position:absolute;width: 12px;height: 12px;top: 12px;left: 0;overflow:hidden;background:url(/web/vols/2025/images/ico/ico_bul1.png) 0 0 no-repeat;} .rect:after {content:'';display:block;position:absolute;width: 8px;height: 8px;top: 12px;left: 0;overflow:hidden;background:url(/web/vols/2025/images/ico/ico_rect.png) 0 0 no-repeat;} .bullet::before, .dot_default::before, .search_service_stat .form_elem .label::before, .search_service_stat_m .form_elem .label::before {content: "";display: inline-block;width: 5px;height: 5px;border-radius: 50%;background-color: #515151;margin-right: 10px;position: relative;top: -4px;} .box_pink{border:1px solid #C1B8B8;border-radius: 24px;padding: 32px 24px 32px 24px;font-size:var(--font-body-lg);} .border_red{border-radius:16px;border:2px solid #D74A16;} .bull_list strong {font-weight: var(--font-weight-bold);} .bull_list .indent {padding-left:0; text-indent:0;} .bull_list li{font-size:var(--font-md);line-height:30px;} .bull_list li > img{display: inline-block;vertical-align:middle;} .bull_list li.triangle{margin-top: 17px; color:var(--color-orange-deep); font-size:var(--font-lg-plus); font-weight:var(--font-weight-bold);} .bull_list li.no_bull{color:var(--color-orange-deep); font-size:var(--font-body-lg); font-weight:var(--font-weight-bold);} .bull_list li.triangle:first-child, .bull_list li.no_bull:first-child{margin-top: 0;} ul.disc{padding-left:20px; list-style:disc;} ul.disc >li{line-height:30px;} .bull_list_cont li{color: #515151;font-size: var(--font-md);letter-spacing:-0.025em;font-weight:normal;position: relative;} .bull_list_cont li.triangle, .bull_list_cont li.rect{padding-left: 20px;} .bull_list_cont li ul{padding-top: 0px;} .bull_list_cont li ul li.triangle{margin-bottom: 10px;} .bull_list_cont li ul li.triangle:after{top: 7px;} .detail_step{display: flex;justify-content: space-between;align-items: center;font-size:var(--font-md);} .detail_step ul li, .volinfo ul li{line-height:30px;} span.symbol{line-height:40px;align-self: center;} span.deep_orange{color:var(--color-orange-deep);font-weight:var(--font-weight-bold);} ul.tab.under{border-bottom: 2px solid #1e1e1e;} .tab_wrap ul.tab.under .tab_list.on .tab_link, .tab_wrap ul.tab.under .tab_list .tab_link.hover , .tab_wrap ul.tab.under .tab_link{border-radius: 10px 10px 0 0;} ul.bul_dot{} ul.bul_dot li:after{display:block;content:"";position: absolute;top: 11px;left: 0;width: 2px;height: 2px;background:#666;} ul.bul_dot li{position: relative;} p.bull_list{margin: 5px 0 0 13px;color: #333;font-size: 15px;} .radio_group{display: flex;align-items: center;gap: 12px;} .service_guide .txt_group .tit_flex{display: flex;justify-content: space-between;} .qna_top .box_pink p {margin:16px 0 0 20px; font-weight:var(--font-weight-bold);line-height: 2;} .guide_list ul{display: flex;flex-wrap: wrap;gap: 40px;} .guide_list ul li:not(.guide_flex){flex: 1 1 calc(50% - 20px); display: flex; flex-direction: column; align-items: center; text-align: center;} .guide_list ul li.guide_flex{flex: 1 1 100%; display: flex; flex-direction: row; align-items: center; gap: 24px; text-align: left;} .guide_list ul li:last-child {flex-grow: 0; flex-shrink: 0;} .guide_list ul li img{box-sizing: border-box; border: 1px solid #C1B8B8;border-radius: 24px;padding: 20px;height: 400px;width: 100%;} .guide_list ul li .desc {margin-top: 10px; font-size:var(--font-md); color:var(--color-text-black); line-height:2;} #captchaImg {width: 160px; height: auto;} @media screen and (max-width: 767px) { .guide_list ul li img{height:150px;margin: 0 auto;padding: 10px;} .guide_list ul li .desc{font-size:var(--font-sm);font-weight:400;} .guide_list ul li.guide_flex {flex-wrap:wrap;} .guide_list ul li.guide_flex img{width:50%;padding: 10px;} } .tab-menu .tab-menu-inr::after{content:"";} /* ==================== TAB ==================== */ .tab-menu {position:relative; margin:0 -10px 60px; padding:0 10px;} .tab-menu::before {content:''; position:absolute; left:10px; right:10px; bottom:10px; height:2px; background-color: var(--color-gray-90);} .tab-menu .tab-menu-inr {overflow-y:hidden; overflow-x:auto; margin:0 -10px -10px; padding:0 10px 10px;} .tab-menu .tab-menu-inr::-webkit-scrollbar {display:none;} .tab-menu ul {position:relative; display:flex; flex-wrap:nowrap; width:100%;} .tab-menu li:not(:first-child:nth-last-child(1)) {display:flex; width:100%;} .tab-menu li a {position:relative; display:flex; justify-content:center; align-items:center; width:100%; min-height:60px; padding:5px 30px;font-size: var(--font-md-plus);font-weight: var(--font-weight-bold);color: var(--color-text-gray-50);letter-spacing: var(--letter-spacing-tight); white-space:nowrap;} .tab-menu li a:focus-visible {outline-offset:-2px;display: inline-flex;} .tab-menu li.on a {color: var(--color-orange-deep); z-index:1;} .tab-menu li.on a::after {content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background-color: var(--color-orange-deep); border-radius:2px;} .tab-menu .tab-menu-btn {position: absolute;top: 50%;display: none;width: 32px;height: 32px;background: var(--color-white-100) url(/web/vols/2025/images/common/2025/icon_slide_arrow_gray.png) no-repeat center;transform: translateY(calc(-50% - 5px));z-index: 2;} .tab-menu .tab-menu-btn:disabled {display:none;} .tab-menu.scrollable .tab-menu-btn:not(:disabled) {display:block;} .tab-menu .tab-prev-btn {left:-2px;transform: translateY(calc(-50% - 5px)) rotate(-180deg);} .tab-menu .tab-next-btn {right:-2px;} .tab-menu .tab-menu-inr::after {content:''; position:absolute; top:0; bottom:10px; display:none; width:52px; z-index:1;} .tab-menu .tab-menu-inr.next::after {display:block; right:0; background:linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 1) 50%);} .tab-menu .tab-menu-inr.prev::after {display:block; left:0; background:linear-gradient(-90deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 1) 50%);} .tab-category {position:relative;} .tab-category .tab-menu-inr {overflow-y:hidden; overflow-x:auto; margin:0 -10px -10px; padding:0 10px 10px;} .tab-category .tab-menu-inr::-webkit-scrollbar {display:none;} .tab-category ul {position:relative; display:flex; flex-wrap:wrap; width:100%; gap:10px; row-gap:16px;} .tab-category li {flex:none; flex-grow:0;} .tab-category li a {display:flex; justify-content:center; align-items:center; padding:0 20px; height:auto; min-height:44px; border:1px solid var(--border-muted); border-radius:22px; background-color:var(--bg-white); font-size:20px; font-weight:var(--font-semibold); color:var(--text-muted);} .tab-category li a:focus-visible {outline-offset:-2px;} .tab-category li a::after {content:none;} .tab-category li.on a {background-color:var(--color-primary); border-color:var(--color-primary); color:var(--text-white);} .tab-category .tab-menu-btn {display:none;} .tab-content-tit{display: none;} /* 레이아웃 */ .skipNavi a {position:absolute; top:-9999px; z-index:9999; text-align:center; color:#000; background:#D8D8D8; margin-top: 3px; border: 2px solid white;} .skipNavi a:focus, .skipNavi a:hover {display:block; width:100%; padding:5px 0; top:0; left:0;} #skip_grap{position:absolute;width:845px;height:auto;text-align:center;z-index:9999;} #skip_grap a{display:block;position:absolute;text-indent:-9999px;width:100%;height:0px;line-height:1px;background:#000;color:#fff;text-align:center;} #skip_grap a:focus{top:-30px;height:auto;line-height:30px;z-index:9999;text-indent:0} /** content **/ #contentsWrap{/*background-color: #F8F8F8;*/ margin-top: 145px;} #contents:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;} .content_header {padding-bottom: 32px;} .content_header h2 {padding-bottom: 32px;font-size: 40px;font-weight: var(--font-weight-bold);color:var(--color-text-black);letter-spacing: -0.060em; text-align: center;} .content_header > p{color: var(--color-gray-50);font-size: var(--font-body);text-align:center;} .content_view{position:relative;border-radius: 12px; background-color: #fff;padding-bottom: 30px;} .content_view button:focus{outline-color:#0982f0; outline-offset: 3px;} .content_view .tab_list .focus{outline: 3px dashed #0982f1;outline-offset: 2px;} #contents {width:1100px;} @media (max-width:1100px){ #contents {width: auto;min-height: 400px;margin: 0 auto;padding: 10px 0;} } @media (max-width: 875px) { #contentsWrap{margin-top:60px;} #contents {padding:0;} .content_header {padding-bottom:0;margin-top: 30px;} .content_header .tit_lv1{padding-bottom: 30px;font-size: var(--font-xl);text-align: center;} .border_red {border-radius: unset;border: none;border-top: 2px solid #d74a16;border-bottom: 2px solid #d74a16;} } @media (max-width: 768px){ .tab-menu li a{font-size: var(--font-base);min-height: 48px;} } fieldset .confirm_id2 a {display:inline-block; width:100%; background:#ffcc53; border:1px solid #e4e4e4; font-size:13px; text-align:center; margin-top:10px; padding:10px 0; color:#261300; font-weight:600;} /* 인쇄, 화면 크기조절 */ .screen_controll {justify-items: right;} .screen_controll dl {display: flex;align-items: center;gap:12px;} .screen_controll dl dd {line-height:0;display: flex;gap: 12px;} .screen_controll dl dd button, .print_controll button {text-indent:-999em;} .screen_controll dl dd button.btn_print {text-indent: 0;display: inline-flex;width: auto;align-items: center;gap: 9px;} .screen_controll dl dd button.btn_print::before{content: "";background: url(/web/vols/2025/images/ico/ic_print.png) no-repeat center;width: 21px;height: 21px;} .screen_controll dl dd button.btn_print i.fa-print{width: 21px;height: 21px;background: url(/web/vols/2025/images/common/2025/ic_Print.png) center no-repeat;} .screen_controll dl dd button.btn_print .printSub{color: var(--color-bg-gray-dark);font-size: var(--font-sm);} .screen_controll dl dd button.btn_plus {width: 20px;height: 19px;background: url(/web/vols/2025/images/common/2025/ic_zoomIn.png) center no-repeat;overflow: hidden;} .screen_controll dl dd button.btn_minus {width: 20px;height: 19px;background: url(/web/vols/2025/images/common/2025/ic_zoomOut.png) center no-repeat;overflow: hidden;} .print_controll{position: relative;height: 26px;padding-bottom: 10px;text-align: right;} .print_controll:after{display:block; clear:both; content:"";} .print_controll button.btn_print {width: 26px;height: 26px;margin-right: 10px;background-position: 0 -480px;} /* 검색 폼 */ .search_box_cntr{display: flex;align-items: center;justify-content: center;gap: 10px;background-color:#EDEDED;padding:26px;border-radius:15px;} .search_box_cntr .bg-white{display: flex; align-items: center;gap: 10px;} .search_box_cntr .bg-white .input_text input{height: 38px;} .search_box_cntr.btn-hei .btn.btn_blue span{height: 38px;display: inline-flex;justify-content: center;align-items: center;} .search_box_cntr .select_form{background-color:#FFF;} .search_form {display: flex;justify-content: space-between;align-items: baseline;} .search_form .search_result{padding: 6px 20px;} .search_form div.search_box{font-weight: var(--font-weight-medium);display: flex;align-items: center;justify-content: flex-end;gap:4px;margin-bottom: 34px;} .search_form.blank{margin-top:30px;} /* .search_form .select_form {min-width: 108px;padding: 2px 0 2px;} */ .search_form .select_form.wide {width:auto;} .search_form .btn_search {margin-left: 2px;} .search_form .select_form {width: 150px;} .search_form .input_text {width: 260px;} .search_form .input_text input:focus {border-color:#333; color:#333;} /* .search_form button.btn span{height: 30px;padding: 0 10px;font-size: 14px;font-weight: 400;line-height: 30px;} */ .search_result p{font-size:15px;color:#9E9B9B;} .search_result p em {font-weight: var(--font-weight-medium);color:#1E1E1E;} .search_result .sub_txt {position:absolute; top:20px; right:0;} .search_result .all_check {margin-top:16px; margin-bottom:-4px;} /* .search_result .form_header{position:absolute;top:10px;right:0;} */ /* .search_result .form_header > p{font-size: 14px;font-weight: 400;} */ /* .search_result .form_header > p a{color:#ff4e00;} */ /* .search_result .form_header > p:after{content: "";position: absolute;width: 23px;height: 19px;top: 2px;left: -30px;text-indent: -9999em;background: url(/web/vols/2025/images/ico/ico_caution.png) no-repeat left top;} */ .search_result .search_box{position: absolute;top: 7px;left: 90px;} .search_result .search_box button{} .search_result .search_box button span{height: 30px;padding: 0 10px;font-size: 14px;font-weight: 400;line-height: 30px;} .search_result .search_box_r{position: absolute;top: 7px;left: auto;right: 0;} .search_result .search_box_r > span{display: inline-block;padding: 4px 10px 0 0;} .search_service {overflow:hidden;} .search_service .label {font-size:15px;line-height:30px;color: #585858;} .search_service .form_elem {/* position:relative;float:left;width:50%;padding: 4px 20px; */overflow:hidden;box-sizing:border-box;} .search_service .form_elem.form_elem100{width:100%;} .search_service .form_elem.btm_none {border-bottom:0 none;} .search_service .form_elem.title {float:none; width:50%; clear:both;} .search_service.tit_80 .form_elem {padding-left:104px;} .search_service .form_elem dt {position:absolute;padding: 5px 0 0 20px;top:0;left:0;} .search_service .form_elem dt.label label{font-size: var(--font-md);font-weight: var(--font-weight-semi-bold);} .search_service .form_elem dt.label label.no_bg{padding-left: 0;background: none;} .search_service .form_elem dd{padding-left: 30px;} .search_service .form_elem dd .refer{display: inline-block;padding: 6px;} .search_service.tit_fixed_80 .form_elem dt {width:80px;} .search_service .form_elem .check_box {display:inline-block; margin-left:6px; padding-top:4px;} .search_service .form_elem .select_01 .select_form {width:100%;} .search_service .form_elem .select_02.radio_group{/* margin-bottom: 6px; */padding-top: 0;} .search_service .form_elem .select_02 .select_form {width:49%;} .search_service .form_elem .select_02.radio_group .select_form {width: 38%;margin-right: 5px;} .search_service .form_elem .input_01 .input_text {width:100%;} .search_service .form_elem .input_text.input_text_inline.ip_ex{width: 65% !important;} .search_service .form_elem .input_text_inline{display: inline-block !important;width: auto !important;} .search_service .form_elem .input_text_inline.wt80{width:80% !important;} .search_service .form_elem.date .input_text {width:123px;} .search_service .form_elem .radio_group .radio_box {height:26px; padding-top:4px;} .search_service .form_elem .radio_group .radio_box .radio_btn {margin-right:20px;} .search_service .form_elem .radio_group .radio_box .radio_btn label {vertical-align:-1px;} .search_service .form_elem.date .symbol {display:inline-block; line-height:30px; vertical-align:middle;} .search_service .form_elem.ch_all dt{padding-left:10px} .search_service .form_elem.ch_all dd{height:30px;} .search_service .form_elem.ch_all dd span.check_box:first-child{margin-left:0} .search_service_btn {clear: both;padding-bottom: 40px; display: flex;justify-content: center;align-items: center;gap: 9px;} .search_service_btn.col_add{display: inline-block;width: 29%;padding: 5px 0;} .search_service_btn.col_add .btn span{height: 35px;line-height: 35px;} .search_service.wide .form_elem {float:none;width:100%;} .search_service.wide .form_elem .radio_group .radio_box {padding-top:0;} .search_service.wide .form_elem.col01, .search_service.wide .form_elem.col03 {border-right:0 none;} .search_service.wide .form_elem.title .input_text {width:318px;} .search_service.wide .form_elem.title .refer {display:inline-block; margin:4px 0 0 20px;vertical-align:top;} .search_service .form_elem .select_02.radio_group .checks{display: inline-block;padding-top: 5px;} .service_part select:focus{border: solid 2px #1e90ff;} .search_guide_txt {margin-top:10px;color:#5a5a5a;} .search_line1 span.form_g{display: inline-block;width: 35%;} .search_line1 span.form_g span.label{display: inline-block;width: 30%;padding: 0;color: #333;font-weight: 400;line-height: normal;} .search_line1 span.form_g span.input_text{width: 68%;} .search_line1 label{display: inline-block;width: 100%;padding: 5px 0;font-size: 15px;text-align: center;} .search_line1 input[type="text"]{} .form_elem .datepicker {display:inline-block;position:relative;} .form_elem .datepicker input{height: 32px;margin: 2px 0 3px;} .form_elem.form_elem100 .datepicker{/* width:auto; */} .form_elem .symbol{display: inline-block;padding: 4px 0;} .datepicker .input_text input {/* height: 30px; */} .date_select {display: block;position: absolute;width: 24px;height: 24px;top: 50%;transform: translateY(-50%);right: 9px;background: url(/web/vols/2025/images/common/2025/ic_calendar.png) center no-repeat;} .date_select span {overflow:hidden; text-indent:-9999em;} .datepicker_wrap .datepicker_inner {display:inline-block; vertical-align:top;} .datepicker_wrap .datepicker_inner .input_text {width:125px;} .datepicker_wrap .radio_box {display:inline-block; margin-left:20px; padding-top:4px;vertical-align:top;} .datepicker_wrap .radio_box .radio_btn {margin-right:20px;} /* 2509_renewal_form */ .volsCalendar .datepicker {gap: 10px;position: relative;} .search_service > div:nth-child(3) {align-items: flex-start;} .search_service > div:nth-child(2) {gap: unset;justify-content: space-between;} .search_service > div:nth-child(1) {padding-top: 32px;border-top: 1px solid var(--color-gray-80);} .search_service div.label {font-weight: var(--font-weight-semi-bold);white-space: nowrap;font-size: var(--font-md);color: var(--color-black-100);} .search_service div.chk_grid {display: grid;grid-template-columns: repeat(5, 1fr);grid-auto-rows: auto;line-height: 30px;} .search_service div {display: flex;align-items: center;gap: 12px;} .search_service .form_elem {height: auto; margin-bottom: 32px;} .search_service {padding: 0 50px 32px;} .form_elem .datepicker input[type="text"] {color: var(--color-gray-75);} .form_elem .datepicker input {padding: 4px 0 4px 9px;font-size: var(--font-body-lg);line-height:30px;margin: 0;max-width: 178px;width: 100%;min-height: 38px;} /* 폼 요소 */ .select_form, .select_form_inline, .input_text, .input_form {display:inline-block;vertical-align:top;} .select_form, .select_form_inline {border: 1px solid #CCCBCB;border-radius:5px;} .select_form select, .select_form_inline select {width:100%;font-size: var(--font-md);padding: 4px 9px;} .input_text input {width: 100%;border: 1px solid #CCCBCB;border-radius:5px;padding: 3px 9px;} .input_text input[disabled] {background:#f7f7f7;} .radio_btn input {vertical-align:-2px;} .textarea {position:relative; padding:0 30px 0 0; border:1px solid #cbcbcb; background-color:#fff;} .textarea textarea {width:100%; padding:10px 15px; font-size:14px; overflow-y:auto; resize:none; border:0 none; color:#888; -webkit-appearance:none;} .select_w1{width: 170px;} .input_w1{width: 375px;} .form_btn{display: inline-block;padding: 4px 2px;} .checks {position: relative;display: inline-flex;align-items: center;gap: 10px;} .agree{display: flex;align-items: center; gap: 10px;justify-content: flex-end;margin-top:20px;color:var(--color-text-black);} .checks input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; vertical-align: middle;font-size: var(--font-md);color: var(--color-black-100);} .input_text input[type="radio"] {width: 10px; vertical-align: middle;} .check_ab{position: absolute;top: 100px;right: 21px;} .check_ab .checks{padding: 0 !important;} /* radio size */ .checks.small input[type="radio"] + label:before {top: 3px;width: 14px;height: 14px;} .checks.small input[type="radio"]:checked + label:after {top: 7px;left: 4px;width: 8px;height: 8px;} .checks input[type="checkbox"] + label {display: inline-block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;} .checks.small input[type="checkbox"] + label {font-size: var(--font-md);color: var(--color-black-100);} .checks .check_box input[type="checkbox"] + label:before{position: absolute;top: 8px;left: 53px;} .checks.agree .check_box input[type="checkbox"] + label:before{position: absolute;top: 3px;left: -22px;} .calendar_footer .checks .check_box input[type="checkbox"] + label:before{position: relative;top: 0;left: 0;} .checks.etrans input[type="checkbox"] + label {padding-left: 30px;} .checks.etrans input[type="checkbox"] + label:before {position: absolute;left: 0;top: 0;margin-top: 0;opacity: .6;box-shadow: none;border-color: #6cc0e5;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;} .checks.etrans input[type="checkbox"]:checked + label:before {position: absolute;content: "";width: 10px;top: -5px;left: 5px;border-radius: 0;opacity:1; background: transparent;border-color:transparent #6cc0e5 #6cc0e5 transparent;border-top-color:transparent;border-left-color:transparent;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);} .no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before { content: "\2714";top: 0;left: 0;width: 21px;line-height: 21px;color: #6cc0e5;text-align: center;border: 1px solid #6cc0e5;} /* 버튼 */ .btn_search, .btn, .sns {display:inline-block;position:relative;box-sizing:border-box;vertical-align:top;} .btn_search span, .btn span, .sns span {display:inline-block; box-sizing:border-box;} /* .btn_search span {width: 85px;height: 30px;line-height: 27px;text-align:center;color:#fff;border: 1px solid #444;background: #666;font-size: 17px;} */ .btn_submit span {display: inline-block;height: 40px;padding: 0 34px;font-size: var(--font-subheading-sm);font-weight: var(--font-weight-bold);line-height: 40px;color: #fff;background: #373737;border-radius: var(--radius-lg);letter-spacing: var(--letter-spacing-tight);} .btn_darkred{background-color: var(--color-red-base);border-radius: var(--radius-sm);color: var(--color-white-100);padding: 4px;display: inline-flex;justify-content: center;align-items: center;font-weight: var(--font-weight-semi-bold);} .btn_darkred span{font-weight: 400;padding: 1px 12px;} .btn_deepOrange span{background-color: var(--color-orange-deep);color: var(--color-white-100);padding: 9px 42px;border-radius: var(--radius-sm);font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);} .btn_list span {display: inline-block;height: 40px;padding: 0 33px;font-size: var(--font-subheading-sm);font-weight: var(--font-weight-bold);line-height: 40px;color: #fff;background-color: #373737;border-radius:24px;line-height:40px;} .btn_submit_sm span{height: 35px;padding: 0 25px;font-size: 14px;font-weight: 400;line-height: 35px;} .btn.yellowocher {height:40px; font-size:20px; font-weight:500; color:#fff; background:#967f69;} .btn.yellowocher span {padding:0 40px; line-height:40px;} .btn.yellowocher.type2{height:25px;font-size:14px;} .btn.yellowocher.type2 span{padding:0 5px;line-height:25px;} .btn.white {height:54px; padding:0 30px; font-size:24px; font-weight:bold; border:1px solid #ccc; color:#333; background:#fff;} .btn.white span {line-height:54px;} .btn.white.fixed {width:320px;} .btn.grey_arrow span {height:34px; padding:0 34px 0 20px; line-height:34px; border:1px solid #ccc; background:#f9f9f9;} .btn.grey_arrow span:after {content:''; display:block; position:absolute; width:4px; height:7px; margin-top:-4px; top:50%; right:20px; overflow:hidden; background:url('/web/vols/2025/images/ico/ico_arr_r.png') no-repeat 0 0;} .btn.tel_info span {height:34px; padding:0 34px 0 20px; line-height:34px; border:1px solid #ccc; background:#FFE38C;} .btn.tel_info span:after {content:''; display:block; position:absolute; font-weight:bold; width:4px; height:7px; margin-top:-4px; top:50%; right:20px; overflow:hidden; background:url('/web/vols/2025/images/ico/ico_arr_r.png') no-repeat 0 0;} .btn.grey span {height:43px;padding:0 42px;font-size:var(--font-base);font-weight: var(--font-weight-medium);line-height:43px;color:#fff;background:#1E1E1E;border-radius: 10px;} .btn.btn_border span{height:43px;padding:0 16px;font-size:var(--font-base);font-weight: var(--font-weight-medium);line-height:43px;border:1px solid #5C5C5C;border-radius: 10px;} a.btn_border_orange{padding:4px 10px; color: var(--color-orange-deep);font-size:var(--font-base);font-weight: var(--font-weight-medium);line-height:43px;border:1px solid var(--color-orange-deep);border-radius: 10px;} .btn.form_gray {vertical-align:top;border: 0;background: #3D3D3D;color: #fff;border-radius:5px;padding: 4px 10px;} .btn.form_gray span, .btn.form_orange span {width:100%;height:30px;padding: 0 10px;line-height:30px;border:1px solid #cbcbcb;background:#e5e5e5;} .btn.form_gray.indent{margin-left:-5px;} .btn.form_gray span{border: 0;background: #3D3D3D;padding:0;border-radius:5px;white-space: nowrap;} .img_sec button {display: flex; align-items: center;gap: 6px;} .img_sec button .icon_img {width: 24px;height: 24px;} .board_data.type2 .group .btn.form_orange span{border: 0;background: #f36200;color: #fff;} .board_data.type2 .group .btn.yellow_r {padding:0 20px; border:1px solid #e4cf1b; background:#ffe38c;} .btn.yellow_r span {height:32px; padding-right:15px; font-weight:bold; line-height:32px; color:#261300; background:url('/web/vols/2025/images/ico/ico_arr_r_02.png') no-repeat right center;} .btn.file_down {height:35px; padding:0 20px; line-height:35px; border:1px solid #ccc;} .btn.file_down span {padding-right:27px; font-weight:bold; color:#333; background:url('/web/vols/2025/images/ico/ico_download.png') no-repeat right center;} .btn.grey_r {padding:0 20px; border:1px solid #ccc; background:#f9f9f9;} .btn.grey_r span {height:32px;padding-right:15px;font-weight:bold;line-height:32px;/* background:url('/web/vols/2025/images/ico/ico_arr_r_03.png') no-repeat right center; */} .btn.grey_r2 {padding:0 20px; border:1px solid #ccc; background:#f9f9f9;} .btn.grey_r2 span {height:32px; padding-right:15px; font-weight:bold; line-height:32px; background:url('/web/vols/2025/images/ico/ico_arr_r_03.png') no-repeat right center;} .btn.btn_darklime span{font-size:16px; border: 0;background: #3A9C23;color:#fff;padding: 0 20px;} .btn.prev {height:54px; padding:0 30px; font-size:24px; font-weight:bold; border:1px solid #ccc; color:#fff; background:#666;} .btn.prev span {line-height:54px;} .btn_propo span {height:70px; padding:0 75px; font-size:20px; font-weight:bold; line-height:70px; border:1px solid #5cb8c3; color:#000; background:#5cb8c3;} /* 20170516 추가 */ .btn_propo:after{width:100%; height:7px; background:url('/web/vols/2025/images/common/btn_bg_propo.png') no-repeat 50% 100%; display:block; content:'';} /* 20170516 추가 */ .btn_propo span:after{width:15px; height:30px; margin-left:21px; background:url('/web/vols/2025/images/ico/ico_arr_r_04.png') no-repeat 0 center; vertical-align:-9px; display:inline-block; content:'';} /* 20170516 추가 */ .sns {width:34px; height:34px;} .sns span {visibility:hidden; overflow:hidden; text-indent:-9999em;} .sns.facebook {background:url('/web/vols/2025/images/common/sns_facebook.png') no-repeat left top;} .sns.twiter {background:url('/web/vols/2025/images/common/sns_twiter.png') no-repeat left top;} .customer_center .top_btn_sec{position: relative;} .customer_center .edu-btn{margin-bottom: 20px;text-align: right;} .customer_center .top_btn_sec .top_btn_sec-wrap{display: flex;justify-content: space-between;margin-bottom: 20px;align-items: center; } .customer_center .top_btn_sec .top_btn_sec-wrap div:nth-child(1){} .customer_center .top_btn_sec .top_btn_sec-wrap div:nth-child(2){display: flex;align-items: center;gap: 12px;} .customer_center .board_list .top_btn_sec.top_btn_sec2{margin: 0;} .customer_center .top_btn_sec.top_btn_sec2{margin-top: -43px;padding-bottom: 10px;} .customer_center .top_btn_sec .form_header{position:absolute;top: 5px;right: 105px;padding: 0;} .customer_center .top_btn_sec .btn span{height: 42px;font-size: var(--font-body-lg);line-height: unset;align-content: center;text-align: center;padding: 0 34px;background-color: var(--color-orange-deep);border-radius: 24px;} .customer_center .top_btn_sec p{display: inline-block;margin-bottom: 5px;} .customer_center .top_btn_sec select{margin-left: 10px;padding:3px 5px;border: 1px solid #b1b1b1;} .customer_center .top_btn_sec .btn_darkgray span{background-color: #373737;font-weight: var(--font-weight-bold);letter-spacing: var(--letter-spacing-tight);} .customer_center .vols_apply{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;} .customer_center .btn.vols-apply-list-btn span{background-color: #373737;font-size: var(--font-subheading-sm);font-weight: var(--font-weight-bold);padding: 0 34px;} .customer_center .btn_gray.vols-apply-prev-btn span{background-color: var(--color-orange-deep);border-radius: 24px;height: 42px;padding: 6px 24px;line-height: normal;font-weight: var(--font-weight-bold);font-size: var(--font-md-plus);} #snsShareBtn{display: flex;justify-content: center;align-items: center;justify-content: center;width: 42px;height: 42px;background-color: #093576;border-radius: 50%;} .sns_group {display: none;position: absolute;right: 0;top: 48px;background: #E0E7F2;border-radius: 16px;padding: 10px 20px;z-index: 999;} .sns_group > div:nth-child(1){display: flex;justify-content: space-between;align-items: center;} .sns_group > div > p{color: var(--color-text-gray-90);font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);} .sns_group > div .btn_close_sns{background: url(/web/vols/2025/images/ico/ic_share_close.png) no-repeat center #cdd1d5;width: 20px;height: 20px;border-radius: 50%;} .btn.btn_orange_round span{height: 42px;font-size: var(--font-body-lg);font-weight:var(--font-weight-bold);align-content: center;text-align: center;padding: 0 24px;background-color: var(--color-orange-deep);border-radius: 20px;color:#fff;} .btn_gray span, .btn.btn_gray span{background-color: var(--color-text-gray-60);color: #fff;border-radius: var(--radius-sm);height: auto;line-height: unset;padding: 9px 42px;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);} .btn_dark_g span, .btn.btn_dark_g span{background-color: #3D3D3D;color: #fff;border-radius: var(--radius-sm);height: auto;line-height: unset;padding: 9px 42px;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);} .btn_black span, .btn.btn_black span{background-color: var(--color-text-gray-90);color: #fff;border-radius: var(--radius-sm);height: auto;line-height: unset;padding: 9px 42px;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);} .btn_orange span, .btn.btn_orange span{background-color: #d43e0c; color:#fff;border-radius: var(--radius-sm);height: auto;line-height: unset;padding: 9px 42px;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);} .btn_red span, .btn.btn_red span{background-color: #CA3B3B; color:#fff;border-radius: var(--radius-sm);height: auto;line-height: unset;padding: 9px 30px;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);} .btn_red_round span, .btn.btn_red_round span{background-color: #CA3B3B; color:#fff;border-radius: var(--radius-xl);height: auto;line-height: unset;padding: 9px 30px;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);} .btn_orange_large span, .btn.btn_orange_large span{background-color: #d43e0c; color:#fff;border-radius: var(--radius-xl);height: auto;line-height: unset;padding: 10px 75px;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);} .btn.btn_blue span{background-color: var(--color-blue-70);color: #fff;border-radius: var(--radius-sm);height: auto;line-height: unset;padding: 9px 42px;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);} .btn_green span, btn.btn_green span{border: 0;background-color: #2c9e23;color:#fff;} .btn.sm span{vertical-align: top;border: 0;color: #fff;border-radius: 5px;padding: 4px 10px;background-color:#CA3B3B;} .btn_darklime span, btn.btn_darklime span{border: 0;background: #3A9C23;color:#fff;padding: 0 20px !important;} .customer_center .btn.btn_orange_line span{height: 42px;padding: 0 20px;border:2px solid #f36200;background:#fff;color:#f36200;line-height: 38px;} .search_map .btn_white span, .btn.btn_white span{padding: 0 20px;} .top_btn_sec .btn_orange span, .top_btn_sec .btn_gray span{height: 33px;padding: 0 20px;font-size: 15px;line-height: 33px; border-radius: 50px;} .top_btn_sec .btn_orange_line span{height: 33px !important;padding: 0 20px !important;font-size: 15px !important;line-height: 31px !important; border-radius: 50px;} .top_btn_sec .btn_gray.attention span{padding: 0;border-radius: 50%;background: var(--color-orange-deep) url(/web/vols/2025/images/ico/ic_attention.png) center no-repeat;color: transparent;font-size: 1px;height: 42px;width: 42px;} .top_btn_sec .btn_gray.attention em{display: block;position: absolute;top: -37px;left: -36px;width: 190px;padding: 4px 10px;border-radius: 4px;background: #fff;color: #333;box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);font-size: 15px;} .top_btn_sec .btn_gray.attention.on span{background: #D74A16 url(/web/vols/2025/images/ico/ic_save.svg) center center no-repeat;} /* 자원봉사 신청 캘린더 */ .calendar_table{margin-top: 40px;} .calendar_table .calendar_header .tit{display: flex;justify-content: center;align-items: center;gap: 10px;margin-bottom: 83px;} .calendar_table .calendar_header .tit p{color: var(--color-text-black);font-size: var(--font-heading-sm);font-weight: var(--font-weight-bold);line-height: 1.2;} .calendar_table .calendar_header .tit .cal_prev{background: url(/web/vols/2025/images/ico/ico_board_btn_prev.png) no-repeat center;width: 40px;height: 40px;} .calendar_table .calendar_header .tit .cal_next{background: url(/web/vols/2025/images/ico/ico_board_btn_next.png) no-repeat center;width: 40px;height: 40px;} .calendar_table #timecptnTable {width: 100%;border-collapse: collapse;table-layout: fixed;} .calendar_table #timecptnTable td {height: 111px;vertical-align: top;position: relative;padding-left: 0px;} .calendar_table #timecptnTable td.sun .date{color: var(--color-orange-deep);;} .calendar_table #timecptnTable td.sat .date{color: var(--color-blue-70);} .calendar_table #timecptnTable col{width: 14.2857142857%;} .calendar_table #timecptnTable thead tr th{color: var(--color-text-black);text-align: left;vertical-align: top;font-weight: 400;height: 127px;} .date_wrap {display: block;} .date_wrap .date {display: flex;justify-content: space-between;align-items: center;padding-top: 10px;padding-left: 10px;} .date_wrap .date i{font-size: var(--font-body-lg);display: inline-block;} .date_wrap .date i.on{position: relative;} .date_wrap .date i.on::after{content: "";display: inline-flex;width: 16px;height: 3px;background-color: var(--color-orange-deep);position: absolute;bottom: -2px;left: 0;} /*.date_wrap:hover .date i{background-color: var(--color-orange-deep);width: 30px;height: 30px;border-radius: 50%;color: var(--color-white-100);display: inline-flex;justify-content: center;align-items: center;}*/ .date_wrap .date .today {background-color: var(--color-orange-deep); width: 30px;height: 30px;border-radius: 50%;color: var(--color-white-100);display: inline-flex;justify-content: center;align-items: center;} .date_wrap.checks.small .date .today i{background-color: var(--color-orange-deep);width: 30px;height: 30px;border-radius: 50%;color: var(--color-white-100);display: inline-flex;justify-content: center;align-items: center;} .date-row {display: flex;align-items: flex-start;flex-direction: column;} .date_wrap label {display: flex;flex-direction: column;align-items: flex-start;padding-left: 10px;} .date_wrap label span {color: var(--color-text-black);font-weight: var(--font-weight-bold);font-size: var(--font-body-lg);} .date_wrap label span em{color: var(--color-text-gray-55);font-weight: var(--font-weight-medium);line-height: 1.5;} .date_wrap.checks{border: 1px solid #D0D0D0;padding: 0 10px 10px 0;} .date_wrap .date input[type="checkbox"] {width: 16px;height: 16px;border-radius: 4px;} /* 자원봉사 신청 */ .result-date-wrap{border-top: 1px solid rgb(0 0 0 / 20%);margin-top: 32px;} .select-date-wrap{display: flex;align-items: flex-start;gap: 50px;margin-top: 28px;padding: 0 38px;} .result-date-wrap .tit{color: var(--color-text-gray-65);font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);flex-shrink:0;} .result-date-wrap .select-date-wrap .select_result dl dt{font-weight:var(--font-weight-bold);} .result-date-wrap .select-date-wrap .select_result dl dd span{position: relative;} .result-date-wrap .select-date-wrap .select_result dl dd span strong{margin-right:10px;} /*자원봉사자 모집안내*/ .incruit{color:var(--color-text-black);} .incruit dl{display: flex;margin: 0 0 40px;border-radius: 12px;gap:30px;align-items: center;justify-content: flex-start;} .incruit dl dt{width:200px;height:100px;padding: 0 16px;text-align:center;border-radius:var(--radius-md);background: #FCDBDB;flex: 0 0 200px;} .incruit dl dt.step1:after{display:none;} .incruit dl dt span{display:table;width:100%;height:100%;text-align:center;} .incruit dl dt span strong{display:table-cell;vertical-align:middle;font-size: var(--font-md);font-weight: 500;line-height:22px;color:#333;} .incruit dl dd{font-size: var(--font-md);} .incruit dl dd .btn_area{display: flex; margin-top: 10px; gap: 16px;} .incruit dl dd .btn_area a.focus{outline-style: dashed; outline-width: 2px;} .volinfo{margin-bottom: 73px;} .vol_head{display: flex;align-items: center;justify-content: center; margin:54px 0 54px 0;padding: 20px 0;border-top: 1px solid #9E9B9B;border-bottom: 1px solid #9E9B9B;} .vol_head p{;font-size:var(--font-md); color:var(--color-orange-deep);font-weight:var(--font-weight-bold);line-height: 2;} .vol_list{font-size:var(--font-md);} .guide_list li.bginc1{background-image:url('/web/vols/2025/images/service/incruit_img01_1.jpg');background-size:100% auto} .guide_list li.bginc2{background-image:url('/web/vols/2025/images/service/incruit_img01_2.jpg');background-size:100% auto} .guide_list li.bginc3{background-image:url('/web/vols/2025/images/service/incruit_img02_1.jpg');background-size:100% auto} .guide_list li.bginc4{background-image:url('/web/vols/2025/images/service/incruit_img02_2.jpg');background-size:100% auto} .guide_list li.bginc5{background-image:url('/web/vols/2025/images/service/incruit_img03_1.jpg');background-size:100% auto} .guide_list li.bginc6{background-image:url('/web/vols/2025/images/service/incruit_img03_2.jpg');background-size:100% auto} .guide_list li.bginc7{background-image:url('/web/vols/2025/images/service/incruit_img04_1.jpg');background-size:100% auto} .guide_list li.bginc8{background-image:url('/web/vols/2025/images/service/incruit_img05_1.jpg');background-size:100% auto} .guide_list li.bginc9{background-image:url('/web/vols/2025/images/service/incruit_img05_2.jpg');background-size:100% auto} .guide_list li.bginc10{background-image:url('/web/vols/2025/images/service/incruit_img06_1.jpg');background-size:100% auto} .guide_list li.bginc11{background-image:url('/web/vols/2025/images/service/incruit_img07_1.jpg');background-size:100% auto} @media screen and (max-width: 767px) { .incruit dl{flex-wrap:wrap;} .incruit dl dt{min-width:200px;height:50px;margin: 0 auto;padding:10px 0;flex: 1;} .incruit dl dd .btn_area {justify-content: space-evenly;line-height:30px;} .detail_step,.vol_head {flex-wrap:wrap;} .volinfo {margin-bottom: 30px;} .vol_head{margin:20px 0;} .vol_head p {text-align:center;} } /*자원봉사 실적 연계 소개*/ .qna_top .box_pink .triangle{font-size: var(--font-lg-plus);font-weight: var(--font-weight-bold);} .inforesultcntc .cntc{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));justify-items: center;} .inforesultcntc .cntc2{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));justify-items: center;} /* .inforesultcntc .cntc:after{display:block;clear:both;content:'';} */ .inforesultcntc .cntc li{margin: 20px;min-width: 0;} .inforesultcntc .cntc li div{width:300px;height: 300px;border: 2px solid #FFD6D6;border-radius: 100px; display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;} .inforesultcntc .cntc li.type1 div{background:#FFD6D6;} .inforesultcntc .cntc li.type2 div{background:#fff;} .inforesultcntc .cntc li div div{font-size: 16px;font-weight: 400;line-height: 1.2;color: var(--color-text-black);} .inforesultcntc .cntc li em{display: block;padding-bottom: 20px;font-size: var(--font-xl);color: var(--color-text-black);font-weight: var(--font-weight-bold);} .inforesultcntc .cntc li p{font-size: var(--font-md);line-height:30px;color:var(--color-text-black);} .inforesultcntc .cntc li a{display: block;color:var(--color-text-black);} .inforesultcntc .result p{padding: 25px 0;color: var(--color-text-black);font-size: var(--font-heading-sm);font-weight:var(--font-weight-bold);text-align: center;} .inforesultcntc .result div{width: 80%;margin: 0 auto;padding: 42px 0 42px;text-align: center;color: var(--color-orange-deep); font-weight: var(--font-weight-bold); font-size: 34px; border: 2px solid var(--color-orange-deep);border-radius: 40px;line-height: 2;} .inforesultcntc .result div > span{display: block;} .inforesultcntc .qna_top{margin-bottom:50px;} @media screen and (max-width: 1024px) { .inforesultcntc .cntc li div {width:auto;border-radius:20px;padding: 20px 10px;justify-content: flex-start;height: 100%;} } @media screen and (max-width: 767px) { .inforesultcntc .cntc2{margin:0 auto;} .inforesultcntc .cntc li em {font-size:var(--font-md);} .inforesultcntc .cntc li p {font-size:var(--font-sm);line-height: 20px;} .inforesultcntc .result div {font-size:var(--font-xl);border-radius:20px;} } /* 교육자료 */ .tit_group.service_data:after {background-image:url('/web/vols/2025/images/service/bg_tit01.png');} .tit_group.service_data .h_decs {margin-top:0;} .board_list.study_data .list_wrap{border-top: 0;} .board_list.study_data .list_wrap > li{border-bottom:0;margin-bottom:40px;border:1px solid #C1B8B8;border-radius:24px;} .board_list.study_data .list_wrap .list{display: flex; gap: 16px; padding: 24px 0 24px 24px;align-items: center; flex-wrap: wrap;} .board_list.study_data .list_wrap .list div.img a img{border-radius:10px;} .board_list.study_data .list_wrap .list .txts {padding-top: 4px;} .board_list.study_data .board_data dl dt,.board_list.study_data .board_data dl dd {float: none;color: #515151;font-size: var(--font-md);line-height: 2;} @media (max-width: 768px) { .board_list.study_data .list_wrap > li {padding:24px;} .board_list.study_data .list_wrap .list {padding:0;justify-content: center;} .board_list.study_data .list_wrap > li:last-child{margin-bottom:30px;} .board_list.study_data .list_wrap .list div.img a img{width:300px;} } /*종합보험*/ .insr_list{font-size:var(--font-md);margin-top:17px;} .bull_list_cont li.insr_bold{font-size:var(--font-subheading-lg);font-weight:var(--font-weight-bold);margin: 12px 0 12px 0;} .bull_list_cont li.insr_indent{text-indent:40px;line-height:2;} table.insrnc{margin:10px 0; border:1px solid #9B9B9B; width: 100%; height: 500px;font-size:var(--font-body-lg);margin-bottom:60px;} table.insrnc th, table.insrnc tr, table.insrnc td {border:1px solid #ccc;} @media (max-width: 768px) { table.insrnc {margin-bottom:30px;font-size:var(--font-base);} } /* 센터소개 */ .vision .vm_row{position: relative; display:flex;justify-content:center; gap:145px;align-items:stretch;} .vision .vm_row section{position: relative;display:flex;flex-direction:column; align-items:center;text-align:center;font-size:var(--font-xl);font-weight:var(--font-weight-medium);color:var(--color-white-100); line-height:2;} .vision .vm_row section h4{order:1;font-size:var(--font-subheading);font-weight:var(--font-weight-bold); color:var(--color-text-black);margin-top:12px;} .vision .vm_row section .main_txt{order:0;flex:1;display:flex;align-items:center; justify-content:center;border-radius:100px;padding:40px 56px;box-sizing:border-box;} .vision .vm_row::before{content:""; position: absolute;left: 51%;top: 50%; width: 150px;height: 3px;background: #FFD1B7;transform: translate(-50%, -50%); z-index: 0;} .vision .vm_row::after{content:""; position: absolute; left: 51%; top: calc(50% + 1px);width: 3px;height: 198px;background: #FFD1B7;transform: translateX(-50%);z-index: 0;} .vision .vm_row section.vsec .main_txt{ background-color:#67330D; } .vision .vm_row section.msec .main_txt{ background-color:var(--color-orange-deep); } .vision .btm_txt .sec_wrapper{background-color:#FFF6F2;border-radius:32px;padding:62px 42px;} .vision .btm_txt section.csec{display: flex; flex-direction: column-reverse;margin:25px 0 42px 0;} .vision .btm_txt section.csec h4{font-size:var(--font-subheading);font-weight:var(--font-weight-bold);color:var(--color-text-black);margin-top:20px;text-align:center;} .vision .btm_txt section.csec ul.csec_list{display:flex;font-size:var(--font-xl);font-weight:var(--font-weight-medium);justify-content: center;gap: 32px;} .vision .btm_txt section.csec ul.csec_list li{display: flex;align-items: center; justify-content: center; text-align: center;box-sizing: border-box;width:158px;height:158px;border-radius:50%;} .vision .btm_txt section.csec ul.csec_list li:nth-child(2n-1){background-color:#434040;color:var(--color-white-100);} .vision .btm_txt section.csec ul.csec_list li:nth-child(2n){background-color:var(--color-white-100);color:#434040;border:1px solid #434040;} .vision .btm_txt .sec_wrapper table.goals{width:100%;font-size:var(--font-body-lg);background-color:var(--color-white-100);margin:0 auto;} .vision .btm_txt .sec_wrapper table.goals tr{font-weight:var(--font-weight-medium);} .vision .btm_txt .sec_wrapper table.goals th,.vision .btm_txt .sec_wrapper table.goals td{padding:30px 20px;border-left:1px solid #f0d9c9;border-top:1px solid #f0d9c9; vertical-align:middle;} .vision .btm_txt .sec_wrapper table.goals tr:first-child th,.vision .btm_txt .sec_wrapper table.goals tr:first-child td{ border-top:none;line-height:30px;} .vision .btm_txt .sec_wrapper table.goals th:first-child,.vision .btm_txt .sec_wrapper table.goals td:first-child{ border-left:none; } .vision .btm_txt .sec_wrapper table.goals td ul.disc li{line-height:30px;} .service_guide .service_infra {margin: 15px 0 50px 0;overflow:hidden;display: flex;justify-content: space-around;;align-items: center;} .service_guide .service_infra dl.haze {position: static;width: 588px;height: 771px;margin-left: 20px;background:url('/web/vols/2025/images/service/bg_map.png') no-repeat left top;} .service_guide .service_infra dl.haze dt, .service_guide .service_infra dl.haze dd {position:absolute; top:-9999em; left:-9999em;} .service_guide .service_infra .txts p{margin-bottom: 20px;color: var(--color-text-black);font-size: var(--font-subheading-lg);font-weight:var(--font-weight-bold);} .service_guide .service_infra .txts span.emp{color: #D74A16;font-size: 36px;font-weight: var(--font-weight-bold);} .service_guide .service_infra .txts em.sub_txt {display:block; padding:25px 0 5px; box-sizing:border-box; text-align:right; background:url('/web/vols/2025/images/service/img_flower.png') no-repeat left top;} .service_guide .service_infra .txts dl {padding:13px 0 13px 25px; border-top:1px solid #000; background:#fff;} .service_guide .service_infra .txts dl dt, .service_guide .service_infra .txts dl dd {display:inline-block; font-size:18px; font-weight:bold; color:#000;} .service_guide .service_infra .txts dl dd ul.bull_list {padding-top:16px; font-size:14px; color:#666;} .service_guide .service_infra .txts dl.table dt, .service_guide .service_infra .txts dl.table dd {display:block;} .service_guide .ins_img1 {display: inline-block; width:49%; height: 850px; margin-right: auto; background: url(/web/vols/2025/images/service/insrnc_img_02.png) no-repeat left top; background-size: cover; vertical-align: top;} .service_guide .ins_img2 {display: inline-block; width:49%; height: 900px; margin-right: auto; background: url(/web/vols/2025/images/service/insrnc_img_03.png) no-repeat left top; background-size: cover;} @media (max-width: 878px) { .vision .vm_row::after{height: 222px;} .service_guide .service_infra {flex-wrap: wrap;margin: 0 auto;flex-direction: column-reverse;} .service_guide .service_infra dl.haze {width: 398px;height: 565px;margin: 0 auto;background: url(/web/vols/2025/images/service/bg_map_m.png) no-repeat left top;} .service_guide .service_infra {text-align: center;} .service_guide .service_infra .box_pink {text-align:initial;} } @media (max-width: 768px) { .vision .vm_row {gap:0;} .vision .vm_row section {font-size:var(--font-md);} .vision .vm_row section .main_txt {padding: 20px 13px;} .vision .btm_txt section.csec ul.csec_list {font-size:var(--font-lg);} .vision .btm_txt .sec_wrapper {padding: 62px 20px; border-radius: 0;} .vision .btm_txt .sec_wrapper table.goals {font-size:var(--font-base);} .vision .vm_row::after{display:none;} .vision .vm_row::before{display:none;} .vision .btm_txt section.csec ul.csec_list li {width:120px;height:120px;flex-shrink: 0;} } /*기관연혁*/ .history {position: relative;} .history::before {content: '';position: absolute;top: 5px;left: 170px;height: 98%;width: 1px;background-color: var(--color-orange-deep);} .history .year {display: flex;gap: 94px;align-items: flex-start;margin: 0 0 63px 30px;} .history .year .hist_tit {color: var(--color-orange-deep); font-size: var(--font-xl); font-weight: var(--font-weight-bold); min-width: 80px;position: relative;} .history .year dl {position: relative;margin: 0;} .history .year dl dt, .history .year dl dd {font-size:var(--font-subheading-lg);font-weight:var(--font-weight-bold);} .history .year dl dt {position: relative;float: left;width: 30px;} .history .year dl dd {margin-left: 50px;margin-bottom: 16px;} .history .year dl dt::before {content: '';position: absolute;top: 50%;left: -40px;transform: translateY(-50%);width: 14px;height: 14px;background-color: var(--color-orange-deep);border-radius: 50%;} @media (max-width: 1024px) { .history::before{height:97%;} } @media (max-width: 768px) { .history .year {margin:0 0 50px 10px;gap: 50px;} .history .year .hist_tit {font-size:var(--font-subheading);} .history .year dl dt, .history .year dl dd {font-size:var(--font-body-lg);} .history::before{height:95%;left:107px;} } /*브랜드*/ .ci .logo{display: flex;flex-direction: column;align-items: center;border:1px solid #909090; border-radius:24px;padding:60px;} .ci .logo .logd_sec img{width:500px;height:77px;} .ci .ci_detail{display:grid;grid-template-columns:repeat(2, minmax(0,1fr)); row-gap:68px;align-items:start;} .ci .ci_detail dl{display:grid; grid-template-columns:84px 1fr;align-items:center;row-gap:34px;column-gap: 20px;} .ci_detail dt img{width:100px;} .ci_detail dd{font-size:var(--font-md); line-height:1.6;word-break:keep-all;} .signature_rule {margin-top: 20px;} .signature_rule .box{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));} .signature_rule .box dl{display:grid; grid-template-rows:auto 1fr;min-width:0;} .signature_rule .box dt{background:#F3F3F3;text-align:center;font-weight:var(--font-weight-bold);font-size:var(--font-subheading-lg);padding:12px 8px;} .signature_rule .box dd{display:flex; justify-content:center;align-items:center;padding:60px 0;} .signature_rule .box dd > span{ display:inline-flex;align-items:center;justify-content:center;} .signature_rule .box dd img{ display:block; max-width:80%;height:auto;} .color_system {margin-bottom: 30px;} .color_system dl dt, .color_system dl dd{font-size:var(--font-body-lg);} .color_system .main_color {display: flex;gap: 25px; align-items: center;justify-content: space-between;} .color_system .main_color .main_color_box { display: flex; align-items: center;gap: 25px;} .color_system .main_color .main_color_box .color_chip { width: 270px; height: 90px; flex-shrink: 0;} .color_system .sub_color .subcolor_box {display: grid;grid-template-columns: repeat(3, 1fr);gap: 60px 30px;} .color_system .sub_color .subcolor_box .color_item {display: flex;align-items: center; gap: 30px;justify-content: space-between;} .color_system .sub_color .subcolor_box .color_chip {width: 90px;height: 90px; flex-shrink: 0;} @media (max-width:1024px){ /*찾아오시는길*/ .root_daum_roughmap .wrap_map{width: calc(100vw - 100px);margin: 0 50px;} .root_daum_roughmap .wrap_controllers {width: calc(100vw - 124px);margin: 0 50px;} } @media (max-width:768px){ .ci .logo{padding: 20px;} .ci .logo .logd_sec img{width:326px;height:50px;} .ci .ci_detail{ grid-template-columns:1fr; row-gap:30px;} .ci .ci_detail dl{grid-template-columns:64px 1fr;} .ci .ci_detail dt img{width:60px; height:60px;} .signature_rule .box{ grid-template-columns:1fr;} .signature_rule .box dd img {max-width:60%;} .color_system .main_color {flex-wrap:wrap;} .color_system .sub_color .subcolor_box {grid-template-columns: 1fr;gap: 30px 0;} .color_system .sub_color .subcolor_box .color_item{justify-content:center;} /*찾아오시는길*/ .root_daum_roughmap .wrap_map{width: calc(100vw - 40px);margin: 0 20px;} .root_daum_roughmap .wrap_controllers {width: calc(100vw - 64px);margin: 0 20px;} } /* 지역 자원봉사센터 */ .local_service_center .center_list {margin-top: 50px;} .local_service_center .center_list .group {display:none;} .local_service_center .center_list .group.on {display:block;} ul.ul_top{border-top:1px solid #A1A1A1;} .board_list.board_list2.non_sub .list_wrap > li.nonlist{border: none;border-bottom:1px solid #A1A1A1;padding: 30px 40px; border-radius:initial;margin-bottom:0;} .board_list.board_list2.non_sub .list_wrap > li.nonflex{display: flex;gap:30px;} .board_list.board_list2.non_sub .list_wrap > li.nonflex a{flex:1;} li.list_flex{display: flex;} .list_wrap li:last-child{border-bottom:none;/* margin-bottom:30px; */} .list_wrap li .list .board_data .txts .tit_board_list{font-size:var(--font-subheading-lg);font-weight:var(--font-weight-bold);color: var(--color-text-black);} .list_wrap li .list .board_data .txts .board_data dt{font-size:var(--font-body-lg);font-weight:var(--font-weight-semi-bold);color:#D74A16;width: 70px;flex-shrink: 0;} .list_wrap li .list .board_data .txts .board_data dd{font-size:var(--font-body-lg);color:#5B5B5B;} .board_data{display: flex;align-items: center;justify-content: space-between;} .board_data dd.board_data{display: flex;flex-direction: column;gap: 10px;align-items: normal;} .board_data dl.txts{display: flex;flex-direction:column;gap: 14px;width:70%;} .board_data dl.txts.larg{width:100%;} .board_data dl.txts dd.board_data dl{display: flex;gap: 15px;} .board_list div.serve_btn .btn{width: 110px;padding: 6px;background: #626262;color: #fff;font-size: var(--font-body-lg);font-weight:var(--font-weight-semi-bold);text-align: center;border-radius:10px;} .board_list div.serve_btn .btn.btn_orange{background:#D74A16; color:#fff;margin-right: 10px;} .tit_lv3 {padding-left:48px; line-height:38px; background:url('/web/vols/2025/images/ico/ico_center_list.png') no-repeat left top;} .local_service_center .map_select_tab {background:#EDEDED;display: flex; flex-direction: row-reverse;justify-content: space-evenly;align-items: center;border-radius: 15px;} .local_service_center .map_img {position:relative;float:left;/* padding-top:39px; */} .local_service_center .map_img #svgTooltip {display:block;position:absolute;width: 55px;top:0;left:0;padding-bottom: 30px;text-align:center;background: url(/web/vols/2025/images/common/bg_map_point.png) center bottom no-repeat;} .local_service_center .map_img #svgTooltip:after {content:'';display:block;position:absolute;width:6px;height:6px;margin-left:-2px;top: 23px;left: 49%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);border-right: 1px solid #666;border-bottom: 1px solid #666;background-color: #fff;} .local_service_center .map_img #svgTooltip i {display:inline-block;height:24px;padding: 0 13px;font-size: 14px;line-height:24px;border: 1px solid #666;border-radius: 3px;background:#fff;background-color: rgba(255, 255, 255, 0.8);color: #333;letter-spacing: -0.040em;font-weight: 500;} .local_service_center .map_img #svgTooltip.gyeonggi{top: 10px;left: 85px;} .local_service_center .map_img #svgTooltip.seoul{top: 32px;left: 72px;} .local_service_center .map_img #svgTooltip.busan{top: 240px;left: 197px;} .local_service_center .map_img #svgTooltip.daegu{top: 182px;left: 169px;} .local_service_center .map_img #svgTooltip.incheon{top: 28px;left: 53px;} .local_service_center .map_img #svgTooltip.gwangju{top: 227px;left: 45px;} .local_service_center .map_img #svgTooltip.daejeon{top: 134px;left: 91px;} .local_service_center .map_img #svgTooltip.ulsan{top: 210px;left: 213px;} .local_service_center .map_img #svgTooltip.sejong{top: 107px;left: 83px;} .local_service_center .map_img #svgTooltip.gangwon{top: 30px;left: 155px;} .local_service_center .map_img #svgTooltip.chungbug{top: 100px;left: 112px;} .local_service_center .map_img #svgTooltip.chungnam{top: 120px;left: 55px;} .local_service_center .map_img #svgTooltip.jeonbug{top: 186px;left: 75px;} .local_service_center .map_img #svgTooltip.jeonnam{top: 250px;left: 50px;} .local_service_center .map_img #svgTooltip.gyeongbug{top: 140px;left: 175px;} .local_service_center .map_img #svgTooltip.gyeongnam{top: 225px;left: 145px;} .local_service_center .map_img #svgTooltip.jeju{top: 305px;left: 218px;} .local_service_center .map_img #mapdiv {position: relative;width: 380px;height: 540px ;top: 4px;left: -170px;} .local_service_center .map_img #mapdiv svg {width:1000px;height:800px; -webkit-transform:scale(.65); transform-origin:0 0;-moz-transform:scale(.55);-ms-transform:scale(.55);} .local_service_center .map_img #mapdiv svg path {cursor:pointer;} .local_service_center .area_list .area_p{font-size:var(--font-body-lg);color:#515151;margin-bottom:30px;} .local_service_center .area_list ul {width: 460px;display: flex;flex-wrap: wrap;gap: 20px;} .local_service_center .area_list ul li a {display:block;width:140px;height:39px;font-size:var(--font-base);font-weight:var(--font-weight-medium);border-radius: 7px;box-sizing:border-box;text-align:center;color: var(--color-text-black);background: #fff;line-height:2;letter-spacing: -1px;} .local_service_center .area_list ul li a.hover, .local_service_center .area_list ul li a.focus, .local_service_center .area_list ul li.on a {border: 1px solid var(--color-orange-deep);background: var(--color-orange-deep);color: #fff;} .mapTip {display:none; position:absolute; padding:8px; font-family:Tahoma; font-size:14px; text-align:center;border:1px solid #aaa; color:#333; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.3); box-shadow:0 5px 10px rgba(0,0,0,.3);} .mapTip .arrow, .mapTip .arrowMask {position:absolute; width:0; height:0; text-align:center;border-style:solid; border-color:transparent;} .mapTip .arrow {margin-left:-7px; bottom:-7px; left:50%; border-width:7px; border-top-color:#999; border-top-color:rgba(0,0,0,.25); border-bottom-width:0;} .mapTip .arrowMask {margin-left:-6px; bottom:1px; border-width:6px; border-top-color:#fff; border-bottom-width:0;} @media (max-width: 878px) { .local_service_center .map_select_tab {display: block; padding:20px;} .local_service_center .area_list ul{gap:12px;margin: 0 auto;} .board_list.board_list2.non_sub .list_wrap > li.nonlist{padding: 20px 20px;} .board_list.board_list2.non_sub .list_wrap > li.nonlist >.list > .board_data{flex-wrap:wrap;} .board_list.board_list2.non_sub .list_wrap > li.nonlist >.list > .board_data > a{flex: 1;display: block;text-overflow: ellipsis;} .board_list.board_list2.non_sub .list_wrap > li.nonlist >.list > .board_data > .serve_btn{margin:0 auto;flex-shrink: 0;white-space: nowrap;} } @media (max-width: 480px) { .local_service_center .area_list ul {width:366px;} } /*활동기관정보*/ .list2 dl.txts dt.tit_board_list{width:65%;margin-bottom: 10px;display: flex;gap: 14px;align-items: center;flex-wrap: wrap;} .list2 dl.txts dt.tit_board_list span:not(.tag){overflow: hidden;text-overflow: ellipsis;} .list2 dl.txts dd.board_data{width: 70%;font-size: var(--font-md);flex-wrap: wrap;justify-content: flex-start;gap: 15px;} .list2 dl.txts dd.board_data dl{display: flex;gap: 12px;} .list2 dl.txts dd.board_data dl.rank{align-items: center;} .list2 dl.txts dd.board_data dl dt{font-weight:var(--font-weight-semi-bold);color:#D74A16;margin:5px 0;flex-shrink: 0;} .list2 dl.txts dd.board_data dl dd{color:#5B5B5B;margin:5px 0;} .list4 dl.txts dt.tit_board_list{margin-bottom: 10px;display: flex;gap: 14px;align-items: center;flex-wrap: wrap;} .list4 dl.txts dt.tit_board_list span:not(.tag){overflow: hidden;text-overflow: ellipsis;} .list4 dl.txts dd.board_data{font-size: var(--font-md);flex-wrap: wrap;justify-content: flex-start;gap: 20px;} .list4 dl.txts dd.board_data dl{display: flex;gap: 12px;} .list4 dl.txts dd.board_data dl.rank{align-items: center;} .list4 dl.txts dd.board_data dl dt{font-weight:var(--font-weight-semi-bold);color:#D74A16;margin:5px 0;flex-shrink: 0;} .list4 dl.txts dd.board_data dl dd{color:#5B5B5B;margin:5px 0;word-break: break-all} .board_list div.close_dDay {position: absolute;right: 40px; top: 20%;padding: 20px;border: 2px solid #D74A16; font-size: var(--font-md); text-align: center; margin: 0 auto; border-radius: 10px; color: #D74A16; font-weight: var(--font-weight-bold);} .board_list div.close_dDay .dday_content {display: flex;flex-direction: column;align-items: center;gap: 10px;} .board_list div.close_dDay.wid{padding:12px 26px;} .board_list div.close_dDay.end{border: 2px solid #7A7A7A;color: #7A7A7A;} .board_view.type2 .board_data_show {border-top: 1px solid #C2C2C2;border-bottom: 1px solid #C2C2C2;margin-bottom: 32px;} .board_view.type2 .board_data_show .group, .board_data_position_top{ display: grid; grid-template-columns: 1fr 1fr;font-size:var(--font-body-lg);color:var(--color-text-black);} .board_view.type2 .board_data_show .group.group_dl1{grid-template-columns: 1fr;} .board_data_show.type2 .group dl, .board_data_position_top dl{display: flex;align-items: center;gap: 12px;margin: 0;box-sizing: border-box;width: 100%;} .board_data_show.type2 .group dl.file{align-items: stretch;} .board_data_show.type2 .group dl dt, .board_data_position_top dl dt{flex-basis: 166px; flex-shrink: 0;padding: 14px 0;font-size:var(--font-body-lg);background-color: #EDEDED;text-align: center;white-space: nowrap;line-height: 1.6;} .board_data_show.type2 .group dl dd, .board_data_position_top dl dd{flex-grow: 1;margin: 0;white-space: normal; word-break: break-word;} .board_data_position_top{ display: flex;width: 100%;flex-direction: column;border-top: 1px solid #C2C2C2;border-bottom: 1px solid #C2C2C2;margin-bottom: 32px;} .board_data_position_top .info_group {display: flex;flex: 1;} .board_data_position_top .search_group { display: flex;flex: 1;} @media (max-width: 1024px) { .list2 dl.txts dd.board_data dl,.board_view.type2 .board_data_show .group {grid-template-columns: 1fr;} } @media (max-width: 768px) { .list2 dl.txts dt.tit_board_list, .list2 dl.txts dd.board_data{width:100%;gap: 0;margin-bottom:0;} .board_view.type2 .board_data_show .group.group_dl1 dl{align-items: stretch;} .board_list div.close_dDay {position: initial;padding: 10px;margin-top: 14px;width: 100%;} .board_list div.close_dDay p{display:inline-block;} .board_list div.close_dDay .dday_content {flex-direction: row;justify-content: center;} } /* 시간인증봉사 */ .board_list div.vols-tag{display: flex;justify-content: space-between;align-items: flex-end; padding-bottom: 24px;} .board_list div.vols-tag-center{align-items: center;margin-bottom: 0;} .board_list div.vols-tag .tagWrap .tit_board_list em{color: red;font-size: 24px;font-weight: var(--font-weight-bold);} .board_list div.vols-tag .vols-location{position: relative;display: inline-flex;margin-top: 14px;background-color: #FFEED9;border-radius: var(--radius-xl);color: #D74A16;letter-spacing: -0.05em;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);gap: 18px;padding: 5px 13px;} .vols-location > div:nth-child(2) {position: relative;} .board_list div.vols-tag .vols-location > div:nth-child(2)::before{content: "";display: inline-block; width: 1px;height: 11px;background-color: #d74a16;position: absolute;top: 50%;left: -9px;transform: translateY(-50%);} .board_list div.vols-Dday{position: unset;margin: unset;border: 0;padding: 0;} .board_list div.vols-Dday2 .tit{font-size: var(--font-lg);} .board_list div.vols-Dday2 .num{margin-top: 8px;font-size: var(--font-md-plus);font-weight: 400;} .board_list div.vols-Dday .end{font-size: var(--font-xl);letter-spacing: -0.05em;line-height: normal;} .board_list div.vols-Dday .tit{border: 1px solid #d74a16;padding: 7.5px 19px;margin-top: 8px;} .board_list .list_wrap .vols-table-wrap{display: block;} .board_list .list_wrap .vols-table-wrap div{display: flex;align-items: center;gap: 12px;font-size: var(--font-body-lg);/* margin-bottom: 10px; */} .board_list .list_wrap .vols-table-wrap div > p{white-space: nowrap;font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);color: var(--color-orange-deep);} .board_list .list_wrap .vols-table-wrap .vols-table{display: flex;justify-content: space-between;align-items: center;/* margin-bottom: 13px; */flex-wrap: wrap;gap: 13px;} .board_list .list_wrap .vols-table-wrap .vols-table li ul{display: flex;align-items: center;gap: 26px;flex-wrap: wrap;} .board_list .list_wrap.wrap2 div.txts_mo.mobile_only{display: none;} .board_list .list_wrap .vols-tag-flex{display: flex;align-items: center;margin-bottom: 14px;} .board_list .list_wrap .vols-tag-flex .ing{color: var(--color-text-gray-60);font-size: var(--font-body);font-weight: var(--font-weight-medium);margin-left: 18px;} .board_list .list_wrap .vols-tag-flex .ing span{font-size: var(--font-body-lg);} @media screen and (max-width: 767px) { .board_list .list_wrap div.float_txts{display: none;} } /*온기나눔*/ .offscreen{position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);word-break: initial;word-wrap: initial;} #cmpg_wrap h2{color: #c96b74;font-weight: var(--font-weight-bold);font-size: var(--font-display-xl);padding-top: 58px;padding-bottom: 35px;} .cmpg_head_wrap{border-bottom: 5px solid #f3818b;display: flex;justify-content: space-between;align-items: center;padding-bottom: 14px;} .iconWrap ul{display: flex;gap: 30px;align-items: center;} .iconWrap .ic_1{display: block;background: url(/web/vols/2025/images/volscmpgninfo/ic_01.png) no-repeat center;width: 53px;height: 52px;} .iconWrap .ic_2{display: block;background: url(/web/vols/2025/images/volscmpgninfo/ic_02.png) no-repeat center;width: 53px;height: 52px;} .iconWrap .ic_3{display: block;background: url(/web/vols/2025/images/volscmpgninfo/ic_03.png) no-repeat center;width: 53px;height: 52px;} .iconWrap .ic_4{display: block;background: url(/web/vols/2025/images/volscmpgninfo/ic_04.png) no-repeat center;width: 53px;height: 52px;} /* content_a */ #section_a .content_a{display: flex;gap: 40px;padding: 0 10px 0 10px;} #section_a .content_a .logo img{max-width: 238px;width: auto;} #section_a .content_a .text{font-size: var(--font-heading-sm);word-spacing: -3px;padding-top: 40px;} #section_a .subtext{font-size: var(--font-heading-sm);} /* content_b */ .content_b{padding-top: 60px;} .tg{border-collapse: collapse;border-spacing: 0;border-top: 3px solid #f3818b;border-bottom: 3px solid #f3818b;margin: 0 auto;} .tg th{border-color: #58585a;border-style: solid;border-width: 1px;border-left: none;} .tg th span{color: #f3818b;font-weight: 600;} .tg td span{color: #f3818b;font-weight: 600;} .tg th.th_h{text-align: center;vertical-align: middle;width: 166px;font-size: 26px;font-weight: 500;} .tg th.th_b{text-align: left;border-right: none;vertical-align: middle;padding: 15px 20px;font-size: 22px;line-height:30px;} .table_color{background-color: #f3f3f4;} .tg td{border-color: #58585a;border-style: solid; border-width: 1px;overflow: hidden;word-break: normal;border-left: none;} .tg td.td_t{text-align: center;vertical-align: middle; font-size: 26px;font-weight: 500;} .tg td.td_b{text-align: left;border-right: none;vertical-align: middle;padding: 15px 20px;font-size: 22px;line-height: 1.6;} /* section_c */ .cont_wrap{display: flex;flex-direction: column;gap: 38px;} .circle_box p{padding-top: 30px;font-size: 24px;font-weight: 600;} .circle_box span{font-weight: 500;font-size: 37px;line-height: 1.2;} .textbox p{font-size: var(--font-heading-sm);} .cont1, .cont2, .cont3{position: relative;display: flex;} .cont1 .circle_box, .cont2 .circle_box, .cont3 .circle_box{width: 150px;height: 150px;border-radius: 50%;color: #fff;text-align: center;position: absolute;top: 30%;left: 30%;} .cont1 .circle_box{background-color: #0a86c9;} .cont1 .textbox{border: 2px solid #0a86c9;} .cont1 .textbox, .cont2 .textbox, .cont3 .textbox{border-radius: 24px;max-width: 586px;width: 100%;padding: 100px 0 0 70px;} .cont1 .img_box{background-image: url(/web/vols/2025/images/volscmpgninfo/secC_cont_01.png);} .cont1 .img_box, .cont2 .img_box, .cont3 .img_box{max-width: 450px;width: 100%;background-repeat: no-repeat;background-position: center;height: 338px;background-size: contain;} .cont2 .circle_box{background-color: #F3818C;} .cont2 .textbox{border: 2px solid #F3818C;} .cont2 .img_box{background-image: url(/web/vols/2025/images/volscmpgninfo/secC_cont_02.png);} .cont3 .circle_box{background-color: #8dc63f;} .cont3 .textbox{border: 2px solid #8dc63f;} .cont3 .img_box{background-image: url(/web/vols/2025/images/volscmpgninfo/secC_cont_03.png);} /* section_d */ #section_d img{object-fit: contain;} .link_wrap{display: flex;flex-direction: column;gap: 30px;} .link_a,.link_b{display: flex;gap:100px;align-items: center;} .link_a .link_txt .tit_box .cont_txt p{font-size: var(--font-heading-sm);letter-spacing: -1px;} .link_a .link_txt .tit_box .cont_txt ul{display: flex;flex-wrap: wrap;column-gap: 28px;} .link_a .link_txt .tit_box .cont_txt ul li, .link_b .link_txt .tit_box .cont_txt ul li{font-size: var(--font-heading-sm);;letter-spacing: -1px;} .color_box{background-color: #f3818b;height: 100px;margin-top: 76px; width: 100%;} dd.vols-location{display: inline-block;;background-color: #FFEED9;border-radius: var(--radius-xl);color: #D74A16;letter-spacing: -0.05em;font-size: var(--font-body-lg);font-weight: var(--font-weight-semi-bold);padding: 5px 13px;} /* media */ @media all and (max-width:1200px){ ul.search_vols{gap: 1.3rem;} } @media all and (max-width:1024px){ .service_part_wrap .search_inner ul{flex-wrap: wrap;row-gap: 32px;} .search_service > div:nth-child(2){flex-wrap: wrap;} ul.search_vols{gap: 1.3rem;} } @media all and (max-width:950px){ .cmpg_head_wrap .logo img{width:85%;} .cmpg_head_wrap{margin: 0 10px 0 10px;} #section_a, #section_b, #section_c, #section_d{padding: 0 14px 0 14px;} #cmpg_wrap h2{padding-top: 58px;} .search_service div.chk_grid{grid-template-columns: repeat(4, 1fr);} .link_a, .link_b {gap:50px;} } @media all and (max-width:820px){ #section_a .content_a .logo img{padding-top: 60px;} .content_b img{display: block;width: 85%;margin: 0 auto;} #section_d .link_txt .tit_box img {width:90%;} .cont1 .img_box, .cont2 .img_box, .cont3 .img_box{width: 50%;} .cont1 .circle_box, .cont2 .circle_box, .cont3 .circle_box{left: 23%;} .cont1 .textbox{ padding: 70px 0 0 60px;} .cont2 .textbox{ padding: 60px 0 0 50px;} .cont3 .textbox{padding: 100px 0 0 60px;} .link_a > img{width: 30%;} .link_b > img{width: 30%;} } @media screen and (max-width: 767px) { .list4 dl.txts dd.board_data {gap:0;} .service_part_wrap .search_inner ul{row-gap: 20px;} .searchArea_top{margin-bottom: 20px;} .search_service .form_elem{margin-bottom: 20px;} .search_service div.chk_grid{grid-template-columns: repeat(3, 1fr);} .searchArea_top > ul > li:first-child > div{width: 100%;} .service_part_wrap .search_inner ul li{width: 100%;flex-wrap: nowrap;} .service_part_wrap .search_inner ul li.flex-dir-mo{flex-direction:column;} .service_part_wrap .search_inner .searchArea_bottom ul li{flex-wrap: nowrap;} #searchHopeArea1, #searchHopeArea2, #searchActOnline, #searchSrvcTarget, #searchSrvcStts{width: 100%;font-size:16px;} #searchHopeSrvc1{max-width: unset;} #schApply{max-width: unset;} .form_elem .datepicker input{max-width: unset;width: 100%;font-size:16px;} .form_elem .datepicker span.input_text{ width: 100%;} .search_service div.volsCalendar{width: 100%;} .search_service .datepicker{width: 100%;} .search_service div.volsCalendar div:last-child{flex-direction: column;width: 100%;gap: 0;} .service_part_wrap .search_inner ul li label, .searchArea_top > ul > li:first-child > div label, .searchArea_bottom .searchArea_only label {font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);font-size:16px;} ul.search_vols li > div label {font-size:16px;} .search_service div.label{font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);font-size:16px;} ul.search_vols{flex-direction: column;} ul.search_vols li{width: 100%;} ul.search_vols li div .input_01{max-width: unset;} ul.search_vols li:first-child > div{gap: 34px;} ul.search_vols li div .input_01 #searchNanmmbyNm{max-width: 100%; font-size:16px;} ul.search_vols li div .input_01 #searchKeyword {font-size:16px;} /* 봉사신청내역 */ .service_part_wrap .search_inner ul li select{width: 100%;font-size:16px;} .service_part_wrap .search_inner ul li > div.datepicker_inner{display: flex;flex-direction: column;} .qr_action_box{width:100% !important;} } @media all and (max-width:640px){ #section_a .content_a .text, #section_a .subtext{font-size: 18px;} #section_a p{font-size: 20px;} .tg th.th_b, .tg td.td_b{font-size: 20px;line-height: 1.2;} .textbox p{font-size: 20px;} .cont1 .circle_box, .cont2 .circle_box, .cont3 .circle_box{width: 100px;height: 100px;} .circle_box p{font-size: 15px;} .circle_box span {font-size: 24px;} .cont2 .textbox{ padding: 60px 0 0 30px;} .link_a .link_txt .tit_box .cont_txt p{font-size: 20px;} .link_a .link_txt .tit_box .cont_txt ul li{font-size: 20px;} .link_b .link_txt .tit_box .cont_txt ul li{font-size: 20px;} .searchArea_top > ul > li:first-child > div{flex-wrap: wrap;} .searchArea_top > ul > li:first-child > div:nth-child(1){gap: 20px;} .searchArea_top > ul > li > div.datepicker-column{flex-direction: column;align-items: flex-start;gap: 0;} .searchArea_top > ul > li > div.datepicker-column .datepicker{width: 100%;} .searchArea_top > ul > li > div.datepicker-column .input_text{width: 100%;} .searchArea_bottom .searchArea_only{flex-direction: column;align-items: flex-start;gap: 10px;} .search_service{padding: 0 20px 32px;} .service_part_wrap .board_list2 .search_inner{padding: 20px 20px;margin-bottom: 20px;} .center-button-wrapper{padding-bottom: 20px;} .volunteer_data .below-search-service{margin-bottom: 20px;} .search_service > div:nth-child(3){flex-direction: column;} .search_service div.chk_grid{padding-left: 1px;} .search-form{padding: 30px 20px 0;border-radius: 0;} .search_box_cntr{border-radius: 0;} } @media all and (max-width:480px){ .cmpg_head_wrap{margin-top: 30px;padding-bottom: 10px;gap: 30px;} .logo{padding: 0;} .iconWrap ul{gap: 10px;} .iconWrap .ic_1{width: 25px;height: 25px;background-size: 25px 25px;} .iconWrap .ic_2{width: 25px;height: 25px;background-size: 25px 25px;} .iconWrap .ic_3{width: 25px;height: 25px;background-size: 25px 25px;} .iconWrap .ic_4{width: 25px;height: 25px;background-size: 25px 25px;} #cmpg_wrap h2{font-size: 20px;letter-spacing: -1px;font-weight: 700;} #section_a .content_a{flex-direction: column;align-items: center;gap: 0px;} .tg th.th_h, .tg td.td_t{font-size: 18px;width: 95px;} .tg th.th_b, .tg td.td_b {font-size: 15px;} .textbox p{font-size: 15px;} .cont1, .cont2, .cont3{flex-direction: column;gap: 0;align-items: center;} .cont1 .img_box, .cont2 .img_box, .cont3 .img_box{width: 76%;} .cont1 .circle_box, .cont2 .circle_box, .cont3 .circle_box{left: 78%;} .cont1 .textbox, .cont2 .textbox, .cont3 .textbox{padding: 20px;} .link_a .link_txt .tit_box .cont_txt p{font-size: 15px;} .link_a .link_txt .tit_box .cont_txt ul li{font-size: 15px;} .link_b .link_txt .tit_box .cont_txt ul li{font-size: 15px;} .searchArea_top > ul > li:first-child > div:nth-child(1){flex-direction: column;align-items: baseline;} .searchArea_top > ul > li:first-child > div div.datepicker_inner{flex-direction: column;width: 100%;} .searchArea_top > ul > li div .datepicker_inner span.input_text{width: 100%;} .searchArea_bottom{margin-top: 32px;} .board_list.board_list2.non_sub .list_wrap > li.nonlist{align-items: flex-start;padding: 30px 20px;} } @media all and (max-width:390px){ #header{margin-top: 25px;gap: 15px;} #cmpg_wrap h2{padding-bottom: 20px;} #section_a .content_a .logo img{padding-top: 0px;padding-bottom: 20px;} .tg th.th_h, .tg td.td_t{width: 80px;font-size: 15px;} .cont1 .img_box, .cont2 .img_box, .cont3 .img_box{height: 290px;} .cont1 .circle_box, .cont2 .circle_box, .cont3 .circle_box{left: 70%;width: 90px;height: 90px;} .circle_box p{padding-top: 24px;} .link_a, .link_b{flex-direction: column;align-items: center;gap: 0;} .link_a > img, .link_b > img{width: 50%;} } @media all and (max-width:340px){ #header{margin-top: 25px;gap: 15px;} #cmpg_wrap h2{padding-bottom: 20px;} #section_a .content_a .logo img{padding-top: 0px;padding-bottom: 20px;} .tg th.th_h, .tg td.td_t{width: 80px;font-size: 15px;} .cont1 .img_box, .cont2 .img_box, .cont3 .img_box{height: 250px;} .cont1 .circle_box, .cont2 .circle_box, .cont3 .circle_box{left: 70%;width: 90px;height: 90px;} .circle_box p{padding-top: 24px;} .link_a, .link_b{flex-direction: column;align-items: center;gap: 0;} .link_a > img, .link_b > img{width: 50%;} } /*봉사정보 > 연인원 현황*/ .volunteer_data .board_data .type {width:220px;} .volunteer_data p{font-size:var(--font-md);margin:0 0 20px 30px;} /* .volunteer_data .search_service_stat{display: flex; align-items: center;justify-content: center;gap:16px;} */ /* .volunteer_data .search_service_stat .form_elem {display: flex;align-items: center;gap: 10px;} */ .search_service_stat {display: flex;align-items: center;padding: 32px 24px;margin-bottom:20px;justify-content: space-between;flex-wrap: wrap;} .search_service_stat_m{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 6px;margin-bottom: 20px;} .search_service_stat .form_elem , .search_service_stat_m .form_elem{display: flex;align-items: center;} .search_service_stat .form_elem .label, .search_service_stat_m .form_elem .label {margin-right: 10px;white-space: nowrap;} .search_service_stat .form_elem dd, .search_service_stat_m .form_elem dd {display: flex;align-items: center;gap: 12px;} .search_service_stat .select_form select{width: 307px;height: 38px;padding: 0 8px;} .search_service_stat_m .select_form #searchYear , .search_service_stat_m .select_form #searchMon{width: 208px;height: 38px;padding: 0 8px;} .search_service_stat_m .select_form #searchSido{width: 426px;height: 38px;padding: 0 8px;} .volunteer_data .jqplot_chart01{width: 100%; max-width:1000px;height:500px;margin:0 auto;} .volunteer_data .jqplot_chart02 {width:100%; max-width:907px;height:227px;margin:0 auto;} .volunteer_data .jqplot_chart01 canvas{width:95%;} .volunteer_data .grap dl {margin-top:15px;} .volunteer_data .grap dl dd {padding:28px 0;} .volunteer_data .tit_grap {font-size:var(--font-md);text-align:center;} .gstatistical_tablerap {margin-top:60px;} .gstatistical_tablerap .total{display: flex;justify-content: space-between;} .gstatistical_tablerap .total dl{display:flex;} .gstatistical_tablerap .tab_wrap {margin-top:20px;} .gstatistical_tablerap .tab_cont_wrap .conts {padding-top:36px;} .gstatistical_tablerap .data_table {margin-top:36px;} .gstatistical_tablerap .data_table .data_header{display: flex;justify-content: space-between;} .gstatistical_tablerap .data_table .data_header p.advice{margin:0;} .gstatistical_tablerap .data_table .data_body{padding: 24px 14px;border: 1px solid #C1B8B8;border-radius: 24px;} .jqplot-table-legend{display:none;} .jqplot-target {position:relative; font-family:'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:1em; color:#666;} .jqplot-axis {font-size:.75em;} .jqplot-xaxis {margin-top:10px;} .jqplot-x2axis {margin-bottom:10px;} .jqplot-yaxis {margin-right:10px;} .jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {margin-right:10px; margin-left:10px;} .jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {position:absolute; white-space:pre;}.jqplot-xaxis-tick {top:0; left:15px; vertical-align:top;}.jqplot-x2axis-tick {bottom:0; left:15px; vertical-align:bottom;}.jqplot-yaxis-tick {top:15px; right:0; text-align:right;}.jqplot-yaxis-tick.jqplot-breakTick {margin-right:0; padding:1px 5px 1px 5px; font-size:1.5em; right:-20px; z-index:2;}.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {top:15px; left:0; text-align:left;} .jqplot-yMidAxis-tick {text-align:center; white-space:nowrap;} .jqplot-xaxis-label {position:absolute; margin-top:10px; font-size:11pt;} .jqplot-x2axis-label {position:absolute; margin-bottom:10px; font-size:11pt;} .jqplot-yaxis-label {position:absolute; margin-right:10px; font-size:11pt;} .jqplot-yMidAxis-label {position:absolute; font-size:11pt;} .jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {position:absolute; margin-left:10px; font-size:11pt;} .jqplot-meterGauge-tick {font-size:.75em; color:#999;}.jqplot-meterGauge-label {font-size:1em; color:#999;} table.jqplot-table-legend {margin-top:12px; margin-right:12px; margin-bottom:12px; margin-left:12px;} table.jqplot-table-legend, table.jqplot-cursor-legend {position:absolute; font-size:.75em; border:1px solid #ccc; background-color:rgba(255,255,255,.6);} td.jqplot-table-legend {vertical-align:middle;}td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {cursor:pointer;} .jqplot-table-legend .jqplot-series-hidden {text-decoration:line-through;}div.jqplot-table-legend-swatch-outline {padding:1px; border:1px solid #ccc;} div.jqplot-table-legend-swatch {width:0; height:0; border-top-width:5px; border-top-style:solid; border-right-width:6px; border-right-style:solid; border-bottom-width:5px; border-bottom-style:solid; border-left-width:6px; border-left-style:solid;} .jqplot-title {padding-bottom:.5em; font-size:18px; top:0; left:0;} table.jqplot-cursor-tooltip {font-size:.75em; border:1px solid #ccc;} .jqplot-cursor-tooltip {padding:1px; font-size:.75em; white-space:nowrap; border:1px solid #ccc; background:rgba(208,208,208,.5);} .jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {padding:1px; font-size:.75em; white-space:nowrap; border:1px solid #ccc; background:rgba(208,208,208,.5);} .jqplot-point-label {font-size:.75em; z-index:2;}td.jqplot-cursor-legend-swatch {text-align:center; vertical-align:middle;} div.jqplot-cursor-legend-swatch {width:1.2em; height:.7em;}.jqplot-error {text-align:center;} .jqplot-error-message {display:inline-block; position:relative; top:46%;} div.jqplot-bubble-label {padding-right:2px; padding-left:2px; font-size:.8em; color:rgb(20%,20%,20%);} div.jqplot-bubble-label.jqplot-bubble-label-highlight {background:rgba(90%,90%,90%,.7);} div.jqplot-noData-container {text-align:center; background-color:rgba(96%,96%,96%,.3);} @media all and (max-width:1024px){ .search_service_stat_m .select_form #searchSido {width:300px;} } @media all and (max-width:950px){ .search_service_stat_m .select_form #searchSido {width: 100%;} } @media screen and (max-width:767px) { .volunteer_data .grap {display:none;} .tit_group, .volunteer_data .grap, .gstatistical_tablerap{margin:0 20px;} .gstatistical_tablerap .data_table .data_body {border:none;padding:0;} .search_service_stat {gap:16px;margin:0 20px 20px 20px;padding: 20px 10px;flex-wrap:wrap;} .gstatistical_tablerap {margin-top:0;} .gstatistical_tablerap .total {flex-wrap: wrap;padding: 20px 10px;} .gstatistical_tablerap .tab_cont_wrap .conts {padding-top:0;} .gstatistical_tablerap .data_table .data_header {flex-wrap: wrap;} .search_service_stat .form_elem dd, .search_service_stat_m .form_elem dd {flex-wrap:wrap;width:100%;} .search_service_stat_m {grid-template-columns: 1fr;margin:0 20px;} .search_service_stat_m .select_form #searchYear, .search_service_stat_m .select_form #searchMon, .search_service_stat_m .select_form #searchSido {width:100%;} } /* faq 리스트 */ .faq_list .tit {position:relative;overflow:hidden;/* padding-right:10px; */border-bottom: 1px solid #ccc;} .faq_list .tit:hover h3 {text-decoration:underline;} .faq_list .tit h3 {padding: 35px 158px;font-size: var(--font-body-lg);background-color: #5B5B5B;color: #FFF;} .faq_list .tit h3 span.ico_q, .faq_list .cont .answer .ico_a{font-size: var(--font-body-lg);font-weight:var(--font-weight-bold);position:absolute;top: 35px;left:50px;} .faq_list .on .tit {color:#000;} .faq_list .tit button {position:absolute;width:100%;/* margin-left:43px; */top:0;bottom:0;left:0;overflow:hidden;text-indent:-9999em;} .faq_list .cont {display:none; position:relative;} .faq_list .answer {position:relative;padding: 35px 158px;background: #fff;} .faq_list .answer em.ico {display:block;position:absolute;width: 80px;height: 100%;top: 0;left: 0;overflow:hidden;text-indent:-9999em;background: url('/web/vols/2025/images/ico/ico_a.png') center center no-repeat;} .faq_list .answer pre{white-space:pre-wrap;font-family: "나눔고딕","Nanum Gothic","돋움",Arial,sans-serif;} .faq_list .answer p{font-size: var(--font-body-lg);color: #5B5B5B;} .faq .board_data {margin-top:5px;} .faq .board_data .file:after {top:15px;} .faq .btn_sec {text-align:right;} .faq .paging + .btn_sec {margin-top:20px;} .faq .null{padding: 10px;border-bottom: 1px solid #ccc;background: #fff;text-align: center;} /** 게시판 **/ /* 일반 타입 리스트 */ .board_list{position: relative;} .board_list .board_nomal table{width: 100%;} .board_list .board_nomal table th{padding: 8px 0;border-right: 1px solid #fff;background-color: #5B5B5B;color: #fff;font-size: var(--font-body-lg);text-align: center;} .board_list .board_nomal table th:last-child, .board_list .board_nomal table td:last-child{border-right:none;} .board_list .board_nomal table td{padding:30px 20px;border-right: 1px solid #CCCBCB;border-bottom: 1px solid #CCCBCB;background: #fff;color: var(--color-black-100);font-size: var(--font-body-lg);text-align: center;font-weight: 400;letter-spacing: -0.025em; word-break: break-all;} .board_list .board_nomal.board_scroll table td {padding:30px 0;} .board_list .board_nomal table td.notice_red{color:var(--color-orange-deep);} .board_list .board_nomal table td.pd0{padding:0;} .board_list .board_nomal table td a{display: block;text-align: left;} .board_list .board_nomal table td a.btn_submit{display: inline-block;height: 35px;margin: 2px 0;padding: 0 15px;font-size: 14px;font-weight: 400;line-height: 35px;color: #fff;} .board_list .board_nomal table td a.btn_orange{background: #f36200;} .board_list .board_nomal table td a.btn_gray{background: #666;} a.btn_gray{font-size:var(--font-md);font-weight:var(--font-weight-semi-bold);background-color: #626262;color:#fff;border-radius:10px;padding:8px 20px;height:auto;} a.btn_darkgray{background-color: var(--color-text-gray-90);border-radius: 8px;font-size: var(--font-base);line-height: 30px;padding: 0 14px;margin-left: 10px;vertical-align: baseline;color: var(--color-white-100);} .board_list .board_nomal table td.new a{color:#111;} .board_list .board_nomal table td span.select_tag{font-weight: 500;} .board_list .board_nomal table td span.re{color: #ff4e00;} .board_list .board_nomal table td a:hover, .board_list .board_nomal table td a:focus{text-decoration:underline;} .board_list .board_nomal table td a.btn{padding: 13px;text-align:center;} .board_list .board_nomal table td a.btn:hover, .board_list .board_nomal table td a.btn:focus{padding: 11px;border: 2px solid #333;color: #333;text-decoration:none;} .board_list .board_nomal table td a img, .board_list .board_nomal table tr.notice td a img{display: inline-block;padding: 4px 0 0 3px;} .board_list .board_nomal table tr.notice td img{display: inline-block;padding: 2px 0 0 0;} .board_list .board_nomal table tr.notice td a{color: #131313;} .board_list .board_nomal table td a.btn_hauto{height: auto;padding: 0 10px;line-height:30px;text-align: center;} /* 포토 타입 리스트 */ .board_list .list_wrap {width: 100%;margin-top: 20px;} .board_list .list_wrap > li, .popup_content .board_list_pop .list_wrap {position: relative;border: 1px solid var(--color-gray-300);border-radius: var(--radius-lg);margin-bottom: 32px;padding: 30px 40px;} .board_list .list_wrap a.list1, .board_list .list_wrap div.list1 {display:block; position:relative; width:100%; min-height:76px; padding-bottom:24px;} .board_list .tit_board_list a {font-size:var(--font-lg-plus);font-weight:var(--font-weight-bold);color:#515151;display:block;width:100%;word-wrap:normal;text-overflow:ellipsis;} .board_list .tit_board_list a.tit{display: inline-block;width: auto;max-width: 85%;position: relative;} .board_list .list4 .tit_board_list a.tit{max-width:unset;} .board_list .list_wrap.wrap2 dl.txts, .board_list .list_wrap.wrap2 div.txts dl{width: 90%;} .board_list .list_wrap.wrap3 dl.txts, .board_list .list_wrap.wrap3 div.txts dl{width: 78%;} .board_list .tit_board_list span.tag img{display:block;} .board_list .tit_board_list a:hover, .board_list .tit_board_list a:focus {text-decoration:underline;} .board_list.board_list2.non_sub{margin: 0;padding: 0;} .board_list2.non_sub .list_wrap a.list3, .board_list2.non_sub .list_wrap div.list3{padding-left: 50px;} .content_view .customer_center .board_list .txt_group{background-color: #EDEDED;border-radius: 16px;padding: 20px;text-align: center;color: var(--color-text-black);margin-bottom:32px;} .content_view .customer_center .board_list .txt_group h3{font-size:var(--font-xl);font-weight:var(--font-weight-bold);} .board_list.non_sub div.tit_board_list{padding-top: 14px;overflow-wrap: break-word;white-space: normal;} .board_list.data_al2 .board_data dl:nth-child(3){clear:both;margin-left:0;} .board_list.data_solo .list_wrap .board_data {margin-top:0; padding-top:0;} .board_list a div.tag_g, .board_list div.tag_g{position: relative;} .board_list a span.tag, .board_list span.tag{display: inline-block;padding: 4px 10px;font-size: var(--font-body);font-weight: var(--font-weight-medium);border-radius: 10px;} .board_list a span.tag.pink, .board_list span.tag.pink{background-color: #113F9B;color:#fff;} .board_list a span.tag.blue, .board_list span.tag.blue{background-color: #CA3B3B;color:#fff;} /* .board_list a div.tag_g span.tag.yellow, .board_list div.tag_g span.tag.yellow{color:#a26402;} */ .board_list a div.tag_g span.tag.qrscan, .board_list div.tag_g span.tag.qrscan{background-color: #000;color:#FFF;} .board_list a div.tag_g span.tag.today, .board_list div.tag_g span.tag.today{background-color: #FFE816;} .board_list a div.tag_g span.tag.btn_accept, .board_list div.tag_g span.tag.btn_accept{border: 1px solid var(--color-orange-deep);background-color: #fff;color: var(--color-orange-deep);} .board_list a div.tag_g span.tag.btn_cancel, .board_list div.tag_g span.tag.btn_cancel{background-color: #E6E6E6;color: var(--color-text-black);} .board_list a div.tag_g span.tag.btn_approve, .board_list div.tag_g span.tag.btn_approve{background-color:var(--color-orange-deep); color:#fff;} .board_list a div.tag_g span.tag.btn_reject, .board_list div.tag_g span.tag.btn_reject{background-color: var(--color-text-gray-90);color: #fff;} .board_list a div.tag_g span.ing{font-size: 14px;} .board_list a div.tag_g span.ing strong{color: #333;font-weight: 500;} /* .board_list div.tag_g span.ing.blue{color: #4e746ad;} */ .board_list div.tag_g div.ing.blue > ul{ display: flex;align-items: center;color: var(--color-text-gray-60);font-size: var(--font-body);font-weight: var(--font-weight-medium);padding-bottom: 14px;} .board_list div.tag_g div.ing.blue > ul > li{position: relative;margin-right: 36px;} .board_list div.tag_g div.ing.blue > ul > li:last-child {margin-right: 0;} .board_list div.tag_g div.ing.blue > ul > li::after{content:"";width: 1px;height: 11px; display: block;background-color: var(--color-text-gray-60);position: absolute;top: 50%;right: -18px;transform: translate(0, -50%);} .board_list div.tag_g div.ing.blue > ul > li:last-child::after{content:none;} .board_list div.tag_g span.ing.yellow{color: #a26402;} div.list button.action_btn {position:absolute;width:100%;/* margin-left:43px; */top: 40%;bottom:0;left:0;overflow:hidden;text-indent:-9999em;} div.list button.action_btn{background: url(/web/vols/2025/images/ico/ico_faq_arrow.png) right 0 no-repeat;} div.list.on button.action_btn{background: url(/web/vols/2025/images/ico/ico_faq_arrow_on.png) right 0 no-repeat;} div.list.bg_gray div.txts{display:none;} div.list.bg_gray.on div.txts{display:block;} /* .board_list div.close_dDay{position: absolute;top: 20%;right: 10px;width: 88px;} */ .board_list .reject div.serve_btn{top: 40%;} .board_list div.serve_btn .btn.btn_accept{width: 85px;padding: 4px;border: 2px solid #f36200;background: #fff;color: #f36200;} .board_list div.serve_btn .btn.btn_cancel, .board_list div.serve_btn .btn.btn_reject, .board_list div.serve_btn .btn.btn_detail, .board_list div.serve_btn .btn.btn_gray{background: #454545;color: #fff;} .board_list div.serve_btn .btn.btn_approve, .board_list div.serve_btn .btn.btn_finish, .board_list div.serve_btn .btn.btn_orange{background:#D74A16; color:#fff;} .board_list div.serve_btn .btn.btn_complete{background:#efd6c5;color:#333;} .board_list .list_wrap .board_data.right {position:absolute; margin-top:-11px;top:50%; right:0;} .board_list .list_wrap .text{margin:10px 0 0;; width:100%;/* 한 줄 자르기 */ display: inline-block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.3; height: 3.8em; text-align: left;} .board_list .list_wrap .board_data {padding-top:0; width:100%;} .board_list .list_wrap .txts.type2{padding:24px 0;height: 75px;margin: 10px 0 0;overflow: hidden;} .board_list .list_wrap .text pre {height: 63px;margin: 10px 0 0;overflow: hidden;font-family: 'Noto Sans Korean','돋움',Arial,sans-serif;} .board_list .list_wrap a:hover .txts {text-decoration:underline;} .board_list .list_wrap .txts .title {padding-top:3px; line-height:30px;} .board_list .list_wrap .null p {height:184px; line-height:184px; text-align:center;} .board_list.check_type div.list dt.tit_board_list {padding-left:25px;} .board_list.check_type div.list .check_box {position:absolute; top:21px; left:0;} .board_list.txt_oneline li{/* height:60px; */} .board_list.txt_oneline .list_wrap a.list{padding: 20px 20px 20px 50px;} .board_list.txt_oneline dl.txts dt{padding: 0;} .board_list.txt_oneline .list_wrap > li .checks{top: 21px;} .board_list .txt_ab{position:absolute;top: 22px;right: 20px;} .board_list .txt_ab dl{} .board_list .txt_ab dl:after{content:''; display:block;clear:both;} .board_list .txt_ab dl dt{float:left; padding-left:10px;} .board_list .txt_ab dl dd{float:left;padding-left:10px;font-weight: 300;} .board_list .list_wrap div.list.bg_gray{padding: 0;} .board_list .list_wrap div.list.bg_gray .tag_g{padding: 15px 10px 0;background:#eee;} .board_list .list_wrap div.list.bg_gray div.txts{} .board_list .list.bg_gray div.txts{position: relative;padding: 20px;background: #fff;} .board_list div.txts dl{} .board_list div.txts dt{display: block;font-size: 16px;} .board_list div.txts.resn_detail dt{font-size:var(--font-lg-plus);font-weight:var(--font-weight-bold);line-height:36px;} .board_list div.txts dt span{color:#f36200;} .board_list div.txts dt span.tag{display: inline-block;vertical-align: top;} .board_list div.txts dt span.tag img{display: inline-block;} .board_list div.txts dd{margin-top: 10px;} .board_list div.txts div.serve_btn{right: 20px;flex-shrink: 0;} .board_list div.txts div.serve_btn .btn{width: 80px;padding: 5px;} /* 개인봉사 */ .board_list.board_list2{margin: -10px -10px 10px;padding: 0 20px;} .board_list.board_list2:after{display:block; clear:both; content:"";} .board_list .list_wrap .cotent{float: left;width: 33.33%;border: 0;} .board_list .list_wrap .cotent a{width: auto;margin: 10px;padding: 12px 0 12px 12px !important;border: 1px solid #ccc;} .board_list .list_wrap .cotent a:hover, .board_list .list_wrap .cotent a:hover dt, .board_list .list_wrap .cotent a dt:hover{text-decoration:none;} .board_list .list_wrap .cotent.green.active a, .board_list .list_wrap .cotent.green a:hover{border: 1px solid #789e20;text-decoration:none;} .board_list .list_wrap .cotent.yellow.active a, .board_list .list_wrap .cotent.yellow a:hover{border: 1px solid #f47b2a;text-decoration:none;} .board_list .list_wrap .cotent.orange.active a, .board_list .list_wrap .cotent.orange a:hover{border: 1px solid #efa517;text-decoration:none;} .board_list .list_wrap .cotent dt.tit_board_list{position: relative;height: 85px;font-size: 15px;font-weight: 500;text-overflow: inherit;white-space: normal;overflow: hidden;letter-spacing: -0.050em;line-height: normal;} .board_list .list_wrap .cotent dt.tit_board_list em{display: block;font-size: 26px;font-weight: 600;} .board_list .list_wrap .cotent.green em{color: #789e20;} .board_list .list_wrap .cotent.orange em{color: #f47b2a;} .board_list .list_wrap .cotent.yellow em{color: #efa517;} .board_list .list_wrap .cotent dt.tit_board_list span.location{position: absolute;top: 0;right: 0;padding: 4px 10px 4px 20px;color: #fff;font-size: 17px;letter-spacing: -0.025em;} .board_list .list_wrap .cotent.green dt.tit_board_list span.location{background:url(/web/vols/2025/images/common/bg_board_list2_green.png) 0 0 no-repeat;} .board_list .list_wrap .cotent.orange dt.tit_board_list span.location{background:url(/web/vols/2025/images/common/bg_board_list2_orange.png) 0 0 no-repeat;} .board_list .list_wrap .cotent.yellow dt.tit_board_list span.location{background:url(/web/vols/2025/images/common/bg_board_list2_yellow.png) 0 0 no-repeat;} .board_list .list_wrap .cotent dd.board_data dl{display: block;float: none;margin-left: 0;padding-left: 0;} .board_list .list_wrap .cotent dd.board_data dl:after{display:block; clear:both; content:"";} .board_list .list_wrap .cotent dd.board_data dt{padding-left: 10px;background: url(/web/vols/2025/images/common/bul_board_list2.png) left center no-repeat;color: #666;font-size: 14px;letter-spacing: -0.025em;} .board_list .list_wrap .cotent a div.detail{min-height: auto;margin: 14px 0 -12px -12px;padding: 7px;border-top: 1px solid #ccc;color: #333;text-align: center;} .board_list .list_wrap .cotent.active.green a div.detail, .board_list .list_wrap .cotent.green a:hover div.detail{background: #789e20;color:#fff;text-decoration:none;} .board_list .list_wrap .cotent.active.orange a div.detail, .board_list .list_wrap .cotent.orange a:hover div.detail{background: #f47b2a;color:#fff;text-decoration:none;} .board_list .list_wrap .cotent.active.yellow a div.detail, .board_list .list_wrap .cotent.yellow a:hover div.detail{background: #efa517;color:#fff;text-decoration:none;} .board_list.board_list2 a.btn_prev{position: absolute;top: 45%;left: 0px;} .board_list.board_list2 a.btn_next{position: absolute;top: 45%;right: 0px;} .board_list2 table{margin-bottom: 10px;width: 100%;table-layout: fixed;border-collapse: collapse;border-spacing: 0;border: 0;border-top: 2px solid #333;border-bottom: 2px solid #333;} .board_list2 table th:last-child, .board_list2 table td:last-child{border-right:none;} .board_list2 table thead th{padding: 8px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #333;font-size: 16px;font-weight: 500;} .board_list2 table tbody td{width: 16.66%;border-right: 1px solid #ccc;background: #fff;} .board_list2 table tbody td div{display: block;height: 50px;float: left;width: 100%;background: #fff;overflow-y: auto;} .board_list2 table tbody td div select{display: block;width: 100%;background: #fff;height: 100%;} .board_list2 table tbody td div select option{display: block;padding: 4px; color:#666;} .board_list2 table tbody td div select::selection{background: #f2f2f2 !important; color:#666;} .board_list2 table tbody td div select option.selected, .board_list2 table tbody td div select option.selected:hover, .board_list2 table tbody td div select option.selected:focus{background: #f2f2f2 !important; color:#666;} .board_list2 table tbody td div select option:hover, .board_list2 table tbody td div select option:focus, .board_list2 table tbody td div select option:active, .board_list2 table tbody td div select:hover option, .board_list2 table tbody td div select:focus option, .board_list2 table tbody td div select:active option{color:#666;} .board_list2 table tbody td div select option{background: white !important;} .board_list2 table tbody td div select option:checked{background: #c8c8c8 !important;} .board_list2 table tbody td div select:focus option:checked{background: #1e90ff !important;} .board_list2 table tbody td select::-webkit-scrollbar{width: 4px;} .board_list2 table tbody td select::-webkit-scrollbar-thumb{background-color: #666;} .board_list2 table tbody td div::-webkit-scrollbar{width: 4px;} .board_list2 table tbody td div::-webkit-scrollbar-thumb{background-color: #666;} .board_list2 table tbody td ul li{padding: 3px 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .board_list2 table tbody td ul li.active{background: #f2f2f2;} /* 청소년자원봉사활동 */ .board_list.non_sub div.tit_board_list{padding-top: 0;} .board_list3 .list_wrap{border-top: 1px solid var(--color-text-black);} .board_list3 .list_wrap > li{border-radius: 0; border: 0;border-bottom: 1px solid #B3B3B3;padding: 30px 40px 57px;margin-bottom: 0;} .board_list3 .list_wrap > li:last-child{border-bottom: 0;} .board_list3 .list_wrap .board_data{margin-top: 14px;} .board_list3 .list_wrap .vols-table-wrap .vols-table{margin-bottom: 10px;} .board_list3 .list_wrap .vols-table-wrap div.tit > span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .board_header .checks.agree{padding: 12px 20px 0;} .board_bottom .checks.agree{/* height: 27px; */padding: 10px 20px 0;} .board_bottom {position: relative;margin-top: 25px;} .board_bottom.mt0{margin-top:0;} .board_bottom.txt {padding-top:16px;} .board_bottom.txt .paging {padding-top:25px;} .btn_sec{display: flex;justify-content: center;gap: 40px;} .btn-pn{display: inline-flex;align-items: center;justify-content: center;gap: 7px;font-size: 17px;line-height: 1.5;} .btn-pn.board_prev{flex-direction: column; align-items: flex-end;gap: 0;} .btn-pn.board_prev .board-prev::before{content: "";-webkit-mask-image: url(/web/vols/2025/images/ico/ic_board.svg);mask-image: url(/web/vols/2025/images/ico/ic_board.svg);mask-repeat: no-repeat;mask-position: center center; mask-size: contain;width: 20px;height: 14px;display: inline-flex;background-color: #464C53;transform: rotate(180deg);} .btn-pn.board_prev.disabled .board-prev::before{background-color: #8A949E;} .btn-pn.board_next.disabled .board-next::after{background-color: #8A949E;} .btn-pn.board_prev.disabled{color: #8A949E;} .btn-pn.board_next.disabled{color: #8A949E;} .btn-pn.board_next{flex-direction: column; align-items: flex-start;gap: 0;} .btn-pn.board_next .board-next::after{content: "";-webkit-mask-image: url(/web/vols/2025/images/ico/ic_board.svg);mask-image: url(/web/vols/2025/images/ico/ic_board.svg);mask-repeat: no-repeat;mask-position: center center; mask-size: contain;width: 20px;height: 14px;display: inline-flex;background-color: #464C53;transform: rotate(0deg);} .btn-pn img{display: inline-block;padding: 5px 5px 0;} .btn-pn span{display: block;color: #464C53;font-size: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 199px;line-height: 1.5;} .btn-pn.disabled span{color: #8A949E;} .btn_sec_gap_sm{gap: 9px;} /* 봉사-지도보기 */ .board_map{position: relative;margin-top: 32px;margin-bottom: 16px;} .board_map #menu_wrap {position: absolute;top: 0;left: 0;bottom: 0;margin: 10px 0 30px 10px;padding: 0;z-index: 1;font-size: 12px;border-radius: 10px; height: 50px;} .board_map #menu_wrap .placesList_wrap::-webkit-scrollbar-track{background: #d2d2d2 !important;border:1px solid #666;} .board_map #menu_wrap .placesList_wrap::-webkit-scrollbar{width: 6px;} .board_map #menu_wrap .placesList_wrap::-webkit-scrollbar-thumb{background-color: #666;} .board_map #menu_wrap hr {display: block; height: 1px;border: 0; border-top: 2px solid #5F5F5F;margin:3px 0;} .board_map #menu_wrap .option{width: calc(330px - 60px);border-radius: var(--radius-sm);background-color: var(--color-orange-deep);font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);color: var(--color-white-100);padding: 10px 30px;} .board_map #menu_wrap .option.on{border-radius: 10px 10px 0 0;background-color: var(--color-orange-deep);font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);color: var(--color-white-100);} .board_map #menu_wrap .option > div{background: url(/web/vols/2025/images/ico/ic_dropdown_wh_down.png) right center no-repeat;} .board_map #menu_wrap .option.on > div{background: url(/web/vols/2025/images/ico/ic_dropdown_wh.png) right center no-repeat;} .board_map #menu_wrap .option p {margin:10px 0;} .board_map #map{width:100%;height:450px;border-radius: 24px;} .board_map #map2{width:100%;height:450px;position:relative;overflow:hidden;border-radius: 24px;} .board_map #menu_wrap .option button {margin-left:5px;} .board_map .placesList_wrap{width: 330px;height: 375px;overflow-y: auto;border-radius: 0 0 10px 10px;background: #fff;} .board_map #placesList{} .board_map #placesList li {list-style: none;} .board_map #placesList .item {position:relative;margin: 0;padding: 20px 30px;border-bottom: 1px solid #cacaca;overflow: hidden;/* cursor: pointer; */min-height: 65px;} .board_map #placesList .item > div{display: flex;align-items: center;gap: 8px;} .board_map #placesList .item .info > div{margin-top: 10px;font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);color: var(--color-text-black);} .board_map #placesList .item .info > div span{padding: 0;font-size: var(--font-body-lg);font-weight: 400;line-height: 1.2;text-overflow: ellipsis;overflow: hidden;word-break: keep-all;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 10px;} .board_map #placesList .item span {display: block;margin-top:4px;padding: 0 5px;color: #333;font-size: 15px;} .board_map #placesList .item span:hover, .board_map #placesList .item span:focus{text-decoration:underline;} .board_map #placesList .item h5, #placesList .item .info {text-overflow: initial;overflow: hidden;white-space: normal;} .board_map #placesList .item h5{display: block;margin: 0;font-size: var(--font-body);color: var(--color-text-black);line-height: 1.5;font-weight: var(--font-weight-medium);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .board_map #placesList .item .info{padding: 0;} .board_map #placesList .info .gray {color:#8a8a8a;} .board_map #placesList .info .jibun {padding-left:26px;background:url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) no-repeat;} .board_map #placesList .info .tel {color:#009900;} .board_map #placesList .item .markerbg {display: inline-block;float: none;position: relative;width: auto;height: auto;padding: 0 5px;border-radius: 50px;background: none;color: #fff;font-size: 13px;border: 1px solid;} .board_map #placesList .item .marker_1 {margin-top: 0;padding: 4px 10px;font-size: var(--font-body);border-radius: var(--radius-sm);font-weight: var(--font-weight-medium);background-color: #113F9B;} .board_map #placesList .item .marker_2 {background: #e59f16;} .board_map #placesList .item .marker_3 {background-position: 0 -102px} .board_map #placesList .item .marker_4 {background-position: 0 -148px;} .board_map #placesList .item .marker_5 {background-position: 0 -194px;} .board_map #placesList .item .marker_6 {background-position: 0 -240px;} .board_map #placesList .item .marker_7 {background-position: 0 -286px;} .board_map #placesList .item .marker_8 {background-position: 0 -332px;} .board_map #placesList .item .marker_9 {background-position: 0 -378px;} .board_map #placesList .item .marker_10 {background-position: 0 -423px;} .board_map #placesList .item .marker_11 {background-position: 0 -470px;} .board_map #placesList .item .marker_12 {background-position: 0 -516px;} .board_map #placesList .item .marker_13 {background-position: 0 -562px;} .board_map #placesList .item .marker_14 {background-position: 0 -608px;} .board_map #placesList .item .marker_15 {background-position: 0 -654px;} .board_map #pagination {margin:10px auto;text-align: center;} .board_map #pagination a {display:inline-block;margin:0 2px;font-size: 14px;} .board_map #pagination .on {font-weight: 500;cursor: default;color: #4e76ad;} .board_map #mylocation{color: #4e76ad; width: 60px; height: 20px; background: #fff; text-align: center; font-size: 1.1em;} .board_map .wrap {position: absolute;left: 0;bottom: 40px;width: 280px;/* height: 248px; */margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Noto Sans Korean', '돋움', Arial, sans-serif;line-height:30px;} .board_map .wrap * {padding: 0;margin: 0;letter-spacing: -0.025em; white-space: normal;} .board_map .wrap.tag1{} .board_map .wrap .info {width: 278px;/* height: 235px; */border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;} .board_map .wrap .info:nth-child(1) {border: 0;} .board_map .info .title {padding: 10px 35px 10px 10px;/* height: 25px; */background: #fff;border-bottom: 1px solid #ddd;font-size: 14px;font-weight: 400;letter-spacing: -0.040em;} .board_map .info .close {position: absolute;top: 17px;right: 15px;color: #888;width: 13px;height: 13px;background: url(/web/vols/2025/images/ico/ico_overlay_close.png) center center;} .board_map .info .close:hover {cursor: pointer;} .board_map .info .body {position: relative;overflow: hidden;} .board_map .info .desc {position: relative;margin: 5px 10px 0;height: auto;} .board_map .info .desc .tit{color: #333;font-size: 18px;font-weight: 400;line-height: 130%;white-space: normal;} .board_map .info .desc ul{margin: 10px 0;} .board_map .info .desc ul li{position:relative;padding-left: 10px;font-size: 14px;font-weight: 300;} .board_map .info .desc ul li:after{display:block;position:absolute;content:"";top: 8px;left:0;width:5px;height:8px;background: url(/web/vols/2025/images/ico/ico_map_bul.png) 0 0 no-repeat;} .board_map .info .desc ul li em{font-weight: 400;} .board_map .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .board_map .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;} .board_map .wrap .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;} .board_map .wrap .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: -2px;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png');} .board_map .wrap .info .link {display: block;margin: 0 -10px;padding: 5px;color: #fff;font-size: 14px;text-align: center;} .board_map .wrap.tag1 .info{margin-bottom: 10px;border:1px solid #4e76ad;} .board_map .wrap.tag2 .info{border:1px solid #e59f16;} .board_map .wrap .title span.tag{display: inline-block;width: auto;height: auto;margin-right: 6px;padding: 2px 10px;border-radius: 25px;color: #fff;font-size: 14px;} .board_map .wrap.tag1 .title span.tag{background: #4e76ad;vertical-align: top;} .board_map .wrap.tag2 .title span.tag{background: #e59f16;} .board_map .wrap.tag1 .info .link{background: #4e76ad;} .board_map .wrap.tag2 .info .link{background: #e59f16;} .board_map .wrap.tag1 .info:after{background: url(/web/vols/2025/images/ico/ico_map_arrow1.png) 0 0 no-repeat;} .board_map .wrap.tag2 .info:after{background: url(/web/vols/2025/images/ico/ico_map_arrow2.png) 0 0 no-repeat;} .board_map .wrap .title span.tit{display: inline-block;width: 60%;white-space: normal;} /* edu_wrap*/ .edu_wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .edu_wrap .inner{width: 460px;margin-top: -220px;border-radius: 7px;background:#fff url(/web/vols/2025/images/common/bg_edu_wrap.png) 0 0 no-repeat;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);} .edu_wrap p{margin: 53px 0 20px;color: #333;font-size: 20px;letter-spacing: -0.025em;} .edu_wrap p strong{display: block;margin-bottom: 10px;font-size: 24px;font-weight: 500;line-height: 120%;} .edu_wrap div.btn_g{margin-bottom: 50px;} .edu_wrap div.btn_g a.btn{font-size: 15px;} .edu_wrap div.btn_g a span{width: 95px;padding: 6px 0;} /* 팝업 */ .kakao-pop-num{display: flex; align-items: center;gap: 10px;flex-wrap: wrap;} .win-layer .win-group.kakao-input-group dd input[type="text"]{padding: 2.6px 8px;} .input_text.kakao-input-tell input{padding: 2.7px 8px;height: 34px;} .grey_box_guide.kakaobox-guide{border: 0;padding: 0;} .grey_box_guide.kakaobox-guide > ul{text-align: center;padding: 50px 0;border-bottom: 1px solid #C2C2C2;} .grey_box_guide.kakaobox-guide > ul > li > span{font-weight: var(--font-weight-bold);} .grey_box_guide.kakaobox-guide > div{text-align: center;padding-top: 30px;border-top: 1px solid #C2C2C2;} .kakao-result{padding: 20px;text-align: center;border-bottom: 1px solid #c2c2c2;} h3.no_bul.kakao-id{color: var(--color-orange-deep);font-size: var(--font-md);margin-bottom: 0;line-height: var(--line-heigt-30);font-weight: 400;} .id_search_result .kakao-result .h_decs1{color: var(--color-orange-deep);font-size: var(--font-md);margin-bottom: 10px;line-height: var(--line-heigt-30);} .id_search_result .kakao-result .h_decs1 .color_orange{color: #D74A16 !important;font-weight: var(--font-weight-bold);} .kakao-login-support{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin-top: 30px;gap: 8px;} .kakao-login-support span:nth-child(1) .btn_submit span{background-color: var(--color-orange-deep);border-radius: 5px;height: 38px;padding: 4px 20px;font-size: var(--font-body-lg);font-weight: 400;line-height: var(--line-heigt-30);} .kakao-login-support span:nth-child(2) .btn_submit span{background-color: #3D3D3D;border-radius: 5px;height: 38px;padding: 4px 20px;font-size: var(--font-body-lg);font-weight: 400;line-height: var(--line-heigt-30);} .kakao-login-support span:nth-child(3) .btn_submit span{background-color: #3D3D3D;border-radius: 5px;height: 38px;padding: 4px 20px;font-size: var(--font-body-lg);font-weight: 400;line-height: var(--line-heigt-30);} .popup_wrap .pop_header {position:relative; height:60px; background:#ffa263;} .popup_wrap .pop_header:after {content:''; display:block; position:absolute; width:30px; top:0; bottom:0; left:0; overflow:hidden; background:#855434;} .popup_wrap .pop_header .tit {padding-left:56px; font-size:24px; font-weight:bold; line-height:30px; line-height:60px; color:#333;} .popup_wrap .popup_content {padding:50px 30px;} .popup_wrap .popup_content .main_tit {padding-bottom:25px; font-size:22px; font-weight:bold;text-align:center; color:#333;} .popup_wrap .pop_close {position:absolute; width:90px; height:60px; top:0; right:0; text-indent:-9999em; background:url('/web/vols/2025/images/common/layer_close.png') no-repeat center center;} .popup_content .board_list .list_wrap .notice {color:#f00;} .popup_content .board_list .list_wrap {border-bottom:1px solid #e5e5e5;} .popup_wrap .popup_content .btn_sec {margin-top:25px; text-align:center;} .popup_wrap .search_title{line-height: 30px;font-size:15px;font-weight:bold;color:#333;display:inline-block;padding-right:20px;} .popup_wrap .search_form .sub_tit{margin-top:10px;} .popup_wrap .pop_search{padding:0 20px;} .popup_wrap .pop_board_header{margin-top:40px;} .popup_wrap .pop_board_header:after{content:'';display:block;clear:both;width:0;height:0;} .popup_wrap .pop_board_header .result{float:left} .popup_wrap .pop_board_header .sub_txt{float:right} .popup_wrap .pop_board_list{border-top:2px solid #000;margin:11px 0 0;} .popup_wrap .pop_board_list .al3 .col1{width:10%;} .popup_wrap .pop_board_list .al3 .col2{width:50%;} .popup_wrap .pop_board_list .al3 .col3{width:40%;} .popup_wrap .pop_board_list table{width:100%;} .popup_wrap .pop_board_list td{padding:11px 0;text-align:center;} .popup_wrap .pop_board_list td.left{text-align:left;padding-left:10%;} .popup_wrap .pop_board_list tr{border-bottom:1px solid #e1e1e1} .popup_wrap .pop_board_bottom .paging{padding-top:25px;} /* 상세 */ /* .board_view {border-top:2px solid #000;} */ /* .board_view.type2 {padding-bottom: 10px;} */ .board_view.type2.type3{border-top:0;} .board_view h3 {line-height:30px;} .board_view h3 span.tag, .board_list span.tag {display: inline-block;padding: 4px 10px;font-size: var(--font-body);font-weight: var(--font-weight-medium); border-radius: 10px;} .board_view h3 span.tag.darkred{background-color: #0D3671;color:#fff;font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);margin-right: 14px;padding: 4px 12px;} .board_view h3 span.tag.blue{background-color: #CA3B3B; padding: 4px 12px;font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);margin-right: 14px;color: var(--color-white-100);} .board_view h3 span.tag.pink{background-color: #CA3B3B;color:#fff;} .board_view h3 span.tag2, .board_view h3 a.tag2{display: inline-block;padding: 0 5px 0 5px;line-height: normal;cursor: pointer;} .board_view h3 span.tag2 img, .board_view h3 a.tag2 img{display: inline-block;margin: 5px 0 0;} .board_view .tit_board_view {padding: 22px 40px;color:var(--color-text-black);border-top: 1px solid #C2C2C2;border-bottom: 1px solid #C2C2C2;background: #EDEDED;font-size: var(--font-lg-plus);font-weight: var(--font-weight-bold);} .tit_board_view{margin-bottom: 20px;} .board_view .tit_board_view .select_tag{padding-right: 5px;font-weight: 500;} .board_view .tit_board_view .re{padding-right: 5px;color: #ff4e00;} .board_data.type2 .board_view{width:100%; border-top:0;} .board_data.type2 .board_view th{padding: 8px 10px;border-bottom: 1px solid #ccc;background: #eee;color: #333;font-size: 16px;font-weight: 400;} .board_data.type2 .board_view td{padding: 8px 10px;border: 1px solid #ccc;border-top: 0;font-size: 14px;vertical-align: middle;} .board_data.type2 .board_view td a.btn{display: inline-block;float: right;text-align: center;padding: 4px 10px;vertical-align: middle;} .board_data.type2 .board_view td span.text-l{display: inline-block;float: left;padding: 4px 0 0;vertical-align: middle;} .board_data.type2 .board_view td a.btn_gray{background: #666;color: #fff;} .board_data.type2 .board_view td a.btn.absol{} .board_data.type2 .board_view td:last-child{border-right:0;} .board_data.type2 .board_view .file th{} .board_data.type2 .board_view .file td{color: #b5b5b5;} .board_data.type2 .board_view .file td a{display: inline-block;margin-right: 10px;color:#333;line-height: 200%;} .board_data.type2 .board_view .file td a:hover, .board_data.type2 .board_view .file td a:focus{text-decoration:underline;} .board_data.type2 .board_view .file td a img{display: inline-block;padding-right: 2px;vertical-align:middle;} .board_data .fl {float:left;} .board_data .fr {float:right;} .board_data .fr dl {margin:0 0 0 32px;} .board_data.time_cptn dl:nth-child(n) {width: 33%;} .board_data.time_cptn dl:nth-child(3n) {width: 28%;} .board_data dl.last{margin-left: 0;padding-left: 0;} .board_data dl.reject{clear: both;margin-left: 0;padding-left: 0;} .board_data dl.reject dd{color: #f36200 !important;} .board_data dl.activity{clear: both;margin-left: 0;padding-left: 0;} .board_data dl.activity dt{width: 62px;} .board_data dl.activity dd{width: 90%;} .board_data dl.none {float:none; margin-left:0; padding-top:5px; clear:both; overflow:hidden;} .board_data dl.none:after {top:14px;} .board_data dl.none.locaton {margin-left: 10px;} /* .board_data dl dt {float:left;padding-right:5px;font-weight: 500;color: #333;font-size: 14px;} */ /* .board_data dl dd {float:left;font-weight: 400;color: #666;font-size: 14px; letter-spacing:-0.025em;} */ .board_data.normal dl dd{color: #666 !important;} .board_data dl.tit{width: 100%;height: 47px;overflow: hidden;} .board_data dl.tit dt{width: 62px;} .board_data dl.tit dd{width: 90%;} .board_data.normal dl dd {font-weight:normal;color:#666;text-align: left;} .board_data.normal dl dd select{margin-top: -2px;padding: 2px 5px;border: 1px solid #ccc;} .board_data dl.file {/* float:none; *//* margin-left:10px; *//* padding-top:7px; *//* clear:both; */} .board_data dl.file:after {top:20px;} .board_data dl.file dt {float:none;} .board_data dl.file dd {float:none; padding-top:7px;} .board_data dl.file dd a {display:inline-block;position:relative;margin-right: 10px;padding: 2px;padding-left: 0;color:#333;} .board_data dl.file dd a:hover {text-decoration:underline;} .board_data dl.file dd a:last-child {margin-right:0;} .board_data dl.inner_file span {display:inline-block; width:9px; height:19px; text-indent:-9999em; background:url('/web/vols/2025/images/ico/ico_file.png') no-repeat left top;} /* .board_view .board_data {padding: 12px 0;} */ .board_view .board_data dl:after {top:8px;} .board_view .board_data dl.file:after {top:15px;} .board_view .board_data-file{border-top: 1px solid #DCDCDC;} .board_view .board_data-file dl:after{display:block; clear: both; content:"";} .board_view .board_data-file dl dt{float: left;padding: 35px 30px;font-size: var(--font-body-lg);font-weight:var(--font-weight-bold);border-right: 1px solid #D7D7D7;} .board_view .board_data-file dl dd{display: flex;align-items: center;min-height:25px; padding: 10px;border-bottom: 1px solid #D7D7D7;font-size: var(--font-body-lg);} .board_view .board_data-file dl dd a{text-decoration:underline;} .board_view .board_data-file dl dd img{display: inline-block;padding-right: 10px;} /* .board_data.type2 {margin-top: 0;padding: 0;border-top: 2px solid #333;} */ /* .board_data.type2 .group {padding:8px 0;overflow:hidden;border-bottom:1px solid #e1e1e1;} */ /* .board_data.type2 .group.solo dl {float:none; width:auto;} */ /* .board_data.type2 .group{background: url(/web/vols/2025/images/common/bg_board_data_type2.png) 0 0 repeat-y;} */ /* .board_data.type2 .group.group_dl1{background: url(/web/vols/2025/images/common/bg_board_data_type2_1.png) 0 0 repeat-y;} */ /* .board_data.type2.type2_1 .group.group_dl1{background: url(/web/vols/2025/images/common/bg_board_data_type2_2.png) 0 0 repeat-y;} */ /* .board_data.type2 .group dl {position:relative;width:50%;margin-right:0;padding-right: 0;box-sizing:border-box;} */ /* .board_data.type2 .group.group_dl1 dl{width:100%} */ /* .board_data.type2 .group.group_dl1 dl dd{width: 80%;} */ /* .board_data.type2 .group.group_dl1 dl dd textarea{padding: 0;border: 1px solid #ccc;} */ /* .board_data.type2 .group.group_dl1 dl dd em.comment{display: inline-block;padding: 5px;} */ /* .board_data.type2 .group dl.location {width:100%;} */ /* .board_data.type2 .group dl dt {position:absolute;float: left;width: 115px;padding: 8px 0;line-height:22px;top:0;left:0;margin-left: -1px;border-right: 1px solid #ccc;background: #eee;color:#333;text-align: center;} */ /* .board_data.type2.type2_1 .group dl dt{width: 180px;} */ /* .board_data.type2.type2_1 .group.group_dl1 dl dd{width: 70%;} */ /* .board_data.type2 .group dl dt span{color: #cc3002;} */ /* .board_data.type2 .group dl dd {position: relative;float: left;width: 280px;margin-left: -1px;padding: 8px 10px;padding-right: 0;font-weight:normal;line-height:22px;color:#666;min-height:22px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;} */ /* .board_data.type2 .group dl dd span.datepicker{position: relative;} */ /* .board_data.type2 .group dl dd span.datepicker .date_select{top: 0;width: 25px;height: 28px;} */ /* .board_data.type2 .group dl dd span.symbol{display: inline-block;margin: 6px 0;} */ /* .board_data.type2 .group dl dd span.w403 input{width:403px;} */ /* .board_data.type2 .group dl dd a.btn{position: relative;top: 0;right: 0;display: inline-block;float: right;text-align: center;margin: 0 10px;padding: 3px 8px;vertical-align: middle;} */ /* .board_data.type2 .group dl dd a.btn_gray{background: #666;color: #fff; border:2px solid white;} */ /* .board_data.type2 .group dl dd input{height: 30px;margin: 2px 0;padding: 3px;border: 1px solid #ccc;} */ /* .board_data.type2 .group dl dd input[type="file"]{height: auto;} */ /* .board_data.type2 .group dl dd input[type="number"]{width: auto;height: 22px;} */ /* .board_data.type2 .group dl dd input[type="text"], .board_data.type2 .group dl dd input[type="password"]{width: 150px;} */ /* .board_data.type2 .group dl dd .input_text_inline input[type="text"], .board_data.type2 .group dl dd .input_text_inline input[type="password"]{width: auto;} */ .mber_board_data.type2 .group dl dd .input_text_ad input[type="text"]{width: 220px;} .mber_board_data.type2 .group dl dd .input_text_ad2 input[type="text"]{max-width: 400px;width:100%} /* .mber_board_data.type2 .group dl dd button{margin: -7px 0 0 10px;} */ /* .board_data.type2 .group dl dd .delete{width: 15px;height: 18px;background: url(/web/vols/2025/images/ico/ico_board_file_delete.png) 0 0 no-repeat;vertical-align: middle;} */ /* .board_data.type2 .group dl dd .cancel{width: 15px;height: 18px;background: url(/web/vols/2025/images/ico/btn_x_form.png) 0 0 no-repeat; vertical-align: bottom;} */ /* .board_data.type2 .group dl dd .form_block{width:100%;} */ /* .board_data.type2 .group dl:last-child dd{border-right:0;} */ /* .board_data.type2 .group dl:last-child dd span.spanintrstRealmSe{display: inline-flex; align-items: center; gap: 8px; margin-left: 10PX;} */ /* .board_data.type2 .group dl.file {float:none; *//* width:100%; *//* padding-top:0;} */ /* .board_data.type2 .group dl.file dd {padding-bottom: 0;color: #b5b5b5;} */ /* .board_data.type2 .group dl.file dd .file_t_g span{display:block;} */ /* .board_data.type2 .group dl.file dd a {color:#666;} */ /* .board_data.type2 .group dl.file dd ul{margin: -10px;} */ /* .board_data.type2 .group dl.file dd ul li label{display: inline-block;width: 100px;height: 30px;margin: 10px;background: #666;color: #fff;font-size: 15px;line-height: 30px;text-align: center;vertical-align: middle;} */ /* .board_data.type2 .group dl.file dd ul li input{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;} */ /* .board_data.type2 .group dl.file dd ul li span{display: inline-block;padding: 2px 0 0 !important;color: #666;} */ /* .board_data.type2 .group dl.file .dd2, .board_data.type2 .group dl .dd2{margin-left: 115px;border-top: 1px solid #ccc;} */ /* .board_data.type2 .group dl.file .dd2 span.file_g{position: relative;display: inline-block;padding: 3px 15px 3px 0;color: #666;} */ /* .board_data.type2 .group dl.file .dd2 span.file_g a{display: inline-block;padding: 0;} */ /* .board_data.type2 .group dl.file .dd2 span.file_g a.delete {position: absolute;top: 5px;right: 0;width: 15px;height: 18px;margin: 0;background: url(/web/vols/2025/images/ico/ico_board_file_delete.png) 0 0 no-repeat;} */ /* .board_data.type2 .group dl.file dl.file{width: 100%;min-height: auto;padding: 0;border-top: 1px solid #ccc;border-bottom: 0;text-align: left;} */ /* .board_data.type2 .group dl.file dl.file:last-child{margin-bottom:-10px;} */ /* .board_data.type2 .group dl.file dl.file:after{display:block; clear:both; content:"";} */ /* .board_data.type2 .group dl.file dl.file dt{position: relative;float: left;width: 100px;padding: 10px;background: none;font-weight: normal;text-align: center;} */ /* .board_data.type2 .group dl.file dl.file dd{float: left;width: 598px;margin-left: -1px;padding: 6px 10px 6px 0px;border-left: 1px solid #ccc;} */ /* .board_data.type2 .group dl.file dl.file dd > span{display: block;padding: 0;} */ /* .board_data.type2 .group dl.file dl.file dd img{display: inline-block;padding: 4px 10px;} */ /* .board_data.type2 .group dl.file dl.file dd a.text{display: inline-block;padding: 8px 0;line-height: 1;vertical-align: top;} */ /* .board_data.type2 .group dl.file dl.file dd a.text:hover, table.board_form tr.file dd a.text:focus{text-decoration:underline;} */ /* .board_data.type2 .group dl.file dl.file dd a.delete{display: inline-block;width: 15px;height: 14px;margin: 6px 0 0 0;background: url(/web/vols/2025/images/ico/ico_board_file_delete.png) 0 0 no-repeat;} */ /* .board_data.type2 .group dl.capcha em{color: #f36200;} */ /* .board_data.type2 .group dl.capcha button.btn span {height: auto;padding: 0 15px;border: 0;background: #666;color: #fff;} */ /* .board_data.type2 .group dl.capcha button span img {display: inline-block;height: auto;padding: 9px 5px 0 0;} */ /* .board_data.type2 .group dl dd .checks.agree{display: inline-block;position: relative;top: 0;left: 25px;} */ .board_data.type2.type2_1 .group dl dd .checks.agree{top: 4px;left: 25px;} .board_data.type2 .group dl .form_box_ab{/* position: relative; *//* height: 32px; *//* margin-top: 0; */} .board_data.type2 .group dl .form_box_ab .id_number{/* width: 100%; */display: inline-block;top: 0;/* left: 59px; */} .board_data.type2 .group dl .form_box_ab div.checks{/* position: absolute; *//* top: 3px; *//* right: -90px; *//* font-size: 14px; */} .board_data.type2 .group dl .form_box_ab span.checks{display: inline-block;margin: 5px 0;vertical-align: top;} .board_data.type2 .group dl .form_box_ab .id_number .checks.agree{top: 5px;left: 40px;} .board_data.type2 .group dl.file #egovComFileList > div > span.tit{margin-right: 10px;} .board_data.type2 .group dl.file #egovComFileList input[type="button"]{display: inline-block;width: 20px;height: 20px;background: url(/web/vols/2025/images/ico/ico_board_file_delete.png) 0 0 no-repeat;border: 0;text-indent: -9999em;} .board_data.type2 .group dl.file #egovComFileList > div > span a{padding:0;} .board_data.type2 .group dl.file dd .file_upload{} .board_data.type2 .group dl.file dd .file_type{display: block;} .board_data.type2 .group dl.file dd .file_list{margin: 0;} .board_data.type2 .group dl.file dd .file_list li{padding: 10px;border: 1px solid #ddd;text-indent: 0;background: #ededed;} .board_data.type2 .group dl.file dd .file_list button{margin: -2px 3px 0;padding: 2px 5px;border: 0;background: #666;color: #fff;} .board_data.type2 .group dl.file dd .file_list button span{color: #fff;padding: 0;} .incharge_data {padding:25px 38px;border-top: 1px solid #C0C0C0;} .incharge_data dl {display:inline-block;float: left;width: 33.33%;margin-bottom: 5px;} .incharge_data {padding:16px 38px;border-top: 1px solid #C0C0C0;background: #ffffff;margin-top: 32px;} .incharge_data dl {display:inline-block;float: left;width: 33.33%;} .incharge_data:after, .incharge_data dl:after{display:block; clear:both; content:"";} .incharge_data dl.addr {display:block;width: 100%;padding-top:10px;vertical-align: top;} .incharge_data dl.tel{text-align: center;} .incharge_data dl.fax {margin-right:0;text-align: right;} .incharge_data dl.mail {margin-right:0;margin-left:60px;} .incharge_data dt {display:inline-block;font-weight:var(--font-weight-bold);font-size: var(--font-md);} .incharge_data dd {display:inline-block;margin-left:32px;} .incharge_data dt {position: relative;font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);color: var(--color-text-gray-65);margin-right: 32px;} .incharge_data dt, .incharge_data dd {display:inline-block;font-size: var(--font-body-lg);} .board_body {border-bottom: 1px solid #D7D7D7;} .board_body .bb_txt, .board_body .bb_txt_a{padding: 0 30px 30px 30px;} .board_body .bb_txt{padding: 0 30px 30px;} .board_body .bb_txt pre{margin: 32px 0;word-wrap: break-word;white-space: pre-wrap;font-family: 'Pretendard GOV' !important;} .board_body .bb_txt_a{padding: 30px 30px;} .board_body .bb_txt img{max-width: 100%!important;} /*20200528 이미지안벗어나게수정 */ .board_view.type2 .board_body {margin-top:0; border-top:0 none;} .board_view.type2 .board_body > a{color: var(--color-text-gray-65);font-size: var(--font-body);line-height: 1.5;} .board_body .edu_btn{margin: 0 20px 20px 0;text-align: right;} .board_body .edu_btn a{display: inline-block;padding: 20px 25px;background: #666;color: #fff;font-size: 22px;} /* 페이징 */ .paging .pagiarea{display: flex;align-items: center;justify-content: center;flex-direction: row;width: 100%;gap: 8px;color: #464C53;font-size: 17px;line-height: 1.5;} .paging .pagiarea .page-navi{display: inline-flex;align-items: center;justify-content: center; flex-direction: row;gap: 7px;padding: 7px 8px;flex-shrink: 0;} .paging .pagiarea .page-navi.disabled{color: #8A949E;} .paging .pagiarea .page-navi.btn_prev{} .paging .pagiarea .page-navi.btn_prev::before{content: "";*-webkit-mask-image: url(/web/vols/2025/images/ico/ic_board.svg);mask-image: url(/web/vols/2025/images/ico/ic_board.svg);mask-repeat: no-repeat;mask-position: center center;mask-size: contain;width: 9px;height: 14px;display: inline-flex;background-color: #464C53;transform: rotate(180deg);} .paging .pagiarea .page-navi.disabled::before{background-color: #8A949E;} .paging .pagiarea .page-navi.btn_next{order: 3;} .paging .pagiarea .page-navi.btn_next::after{content: "";-webkit-mask-image: url(/web/vols/2025/images/ico/ic_board.svg);mask-image: url(/web/vols/2025/images/ico/ic_board.svg);mask-repeat: no-repeat;mask-position: center center;mask-size: contain;width: 9px;height: 14px;display: inline-flex;background-color: #464C53;transform: rotate(0deg);} .paging .pagiarea .pagination{width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: row;order: 2;gap: 0.5rem;} .paging .pagiarea .pagination .page_num{height: 40px;width: 40px;display: inline-flex;justify-content: center;align-items:center;border-radius: 6px;} .paging .pagiarea .pagination .page_num.active{background-color: var(--color-text-gray-90);color: var(--color-white-100);font-weight: var(--font-weight-bold);} .paging .pagiarea .pagination .page_num.link-dot{display: inline-flex;-webkit-mask-image: url(/web/vols/2025/images/ico/ic_ellipsis_horizontal.svg);-webkit-mask-repeat: no-repeat; -webkit-mask-position: center center;-webkit-mask-size: contain;mask-image: url(/web/vols/2025/images/ico/ic_ellipsis_horizontal.svg);mask-repeat: no-repeat;mask-position: center center;mask-size: contain;width: 24px;height: 24px;background-color: #464C53;} .pagiarea .board_map .board_bottom{margin: 10px 0;} .board_map .pagination .btn_first, .board_map .pagination .btn_prev, .board_map .pagination .btn_next, .board_map .pagination .btn_last{ min-width: 20px; height: 20px; margin: 1px 0; background-size: 175px; background-position: -5px -5px; } .board_map .pagination .btn_prev{background-position: -49px -5px;} .board_map .pagination .btn_next {background-position: -93px -5px;} .board_map .pagination .btn_last {background-position: -136px -5px;} .board_map .pagination a.btn_first:hover, .board_map .pagination a.btn_first:focus {background-position: -5px -49px;} .board_map .pagination a.btn_prev:hover, .board_map .pagination a.btn_prev:focus {background-position:-49px -49px;} .board_map .pagination a.btn_next:hover, .board_map .pagination a.btn_next:focus {background-position:-93px -49px;} .board_map .pagination a.btn_last:hover, .board_map .pagination a.btn_last:focus {background-position:-136px -49px;} .board_map .pagination a.hover.page_num, .board_map .pagination a.focus.page_num, .board_map .pagination strong.page_num{ min-width: 20px; height: 40px; /* 지도보기 페이지네이션 탭키 포커스 */ line-height: 20px; } .board_map .pagination a.page_num, .board_map .pagination strong.page_num{ min-width: 20px; height: 20px; margin: 1px 0; line-height: 20px; } /* 텝 */ .tab_wrap ul.tab {display: flex;width: 100%;gap: 14px;margin-bottom: 32px;} .tab_wrap ul.tab .tab_link {display: block;position: relative;box-sizing: border-box;text-align: center;background-color: var(--color-gray-100);border-radius: 10px;padding: 19px 0;color: var(--color-text-gray-60);font-weight: var(--font-weight-semi-bold);letter-spacing: var(--letter-spacing-tight);} .tab_wrap ul.tab .tab_list.on .tab_link, .tab_wrap ul.tab .tab_list .tab_link.hover {padding: 19px 0;background-color: var(--color-text-gray-90);color: var(--color-white-100);border-radius: 10px;} .tab_wrap ul.tab .tab_list:last-child .tab_link{border-right:1px;} .tab_wrap ul.tab .tab_list:first-child .tab_link{border-left:1px;} .tab_wrap ul.tab .tab_link:after {content:'';display:block;position:absolute;/* width:1px; */top:0;bottom:0;left:0;overflow:hidden;background:#fff;} .tab_wrap ul.tab .tab_link span {display:block;font-size:var(--font-body-lg);} .tab_wrap.tab_mini ul.tab .tab_link span{padding: 3px 0px;} .tab_wrap.tab_mini ul.tab .tab_list.on span{padding: 3px 0;} .tab_wrap.type2 ul.tab .tab_list {width:50%;} .tab_wrap.type3 ul.tab .tab_list {display: inline-block;width:33.3333%;margin: 0 auto;} .tab_wrap.type3 ul.tab .tab_list:first-child {width: 33.3333%;} .tab_wrap.type4 ul.tab .tab_list {width:25%;} .tab_wrap.type5 ul.tab .tab_list {width:20%;} .tab_wrap.type6 ul.tab .tab_list {width:16.6666%;} .tab_wrap.type6 ul.tab .tab_list:first-child {width:16.667%;} .tab_wrap.type7 ul.tab .tab_list {width:14.2857%;} .tab_wrap.type7 ul.tab .tab_list:first-child {width:14.2858%;} .tab_wrap .board_header {margin-top:20px;} .tab_mini ul.tab{margin-bottom: 0;} .tab_mini ul.tab .tab_link, .tab_mini ul.tab .tab_list.on .tab_link{height: 30px !important;border-bottom: 1px solid #ccc;font-size: 15px !important;} .tab_mini ul.tab .tab_list.on .tab_link{border-top: 2px solid #333;} #integrated_search .tab_wrap ul.tab .tab_link{height: 45px;font-size: 16px;letter-spacing: -0.080em;} /* 입력 박스 */ .write_form.qna{position: relative;margin-top: 0;} .write_form.qna .form_header{padding:0;} .write_form.qna .form_header > p{padding-bottom: 20px;font-size: var(--font-body);font-weight:var(--font-weight-medium);} .write_form.qna .form_header > p:after{display: none;} .write_form.qna .form_header h3{padding: 10px 20px 0;/* top: 0; */} .write_form .board_data.type2{display: block; border-top:2px solid #C2C2C2;border-bottom:2px solid #C2C2C2;} .write_form .board_data.type2 .group {display:flex;} span.red{color:#FF0000;} .customer_center .write_form.qna .board_data.type2 dl {display: flex;align-items: stretch;flex:1;} .customer_center .write_form.qna .board_data.type2 dl dt {flex-basis: 166px; flex-shrink: 0;background-color: #EDEDED;padding: 16px 0;text-align: center;color: var(--color-text-black);box-sizing: border-box;} .customer_center .write_form.qna .board_data.type2 dl dd {flex-grow: 1; padding: 10px 12px;color: var(--color-text-black);min-width: 0} .customer_center .write_form.qna .board_data.type2 dl dd input[type="text"], .customer_center .write_form.qna .board_data.type2 dl dd textarea, .write_form.qna .board_data_position_top dl dd input[type="text"], .write_form.qna .board_data_position_top dl dd input[type="number"] {width: 100%;padding: 8px; border: 1px solid #ccc; box-sizing: border-box;border-radius: unset;} .customer_center .write_form.qna .board_data.type2 dl dd textarea {height: 300px;resize: none;} .customer_center .write_form.qna .board_data.type2 dl.file dd .file_t_g{margin: 10px 0;} .customer_center .write_form.qna .board_data.type2 dl.file dd .file_t_g span {display: block;} .customer_center .write_form.qna .board_data.type2 dl.file dd .file_bottom{display: flex;align-items: center;} .customer_center .write_form.qna .board_data.type2 .group.group_dl1:nth-of-type(2) dl dd {flex-grow: 1;} .img_sec {display: flex;align-items: center;gap: 10px;margin-bottom: 5px;} .write_form .form_body{} .write_form .form_body:after, .write_form .form_body dl:after{display:block; clear:both; content:"";} .write_form .form_body table{width: 100%;margin-top: -1px;border-top: 1px solid #fff;border-bottom: 1px solid #333;} .write_form .form_body table th{border-right: 1px solid #ccc;padding: 8px 5px;color: #333;} .write_form .form_body table td{border-right: 1px solid #ccc;border-top: 1px solid #ccc;padding: 10px;color: #666;text-align: center;} .write_form .form_body table td span.file_g{display:block;padding: 3px 0;} .write_form .form_body table td a.text:hover, .write_form .form_body table td a.text:focus{text-decoration:underline;} .write_form .form_body table td a.delete {display: inline-block;width: 15px;height: 18px;margin: -2px 2px;background: url(/web/vols/2025/images/ico/ico_board_file_delete.png) 0 0px no-repeat;} .volunteer-new .delete {display: inline-block;width: 20px;height: 20px;margin-left: 10px;background: url(/web/vols/2025/images/ico/ico_board_file_delete.png) 0 0 no-repeat;} .write_form .form_body table td.text-l{text-align:left;} .write_form .form_body table td .select_form {min-width: auto;padding: 2px;} .write_form .form_body table td .select_form select{padding-left: 0;} .write_form .form_body table td .datepicker {display: inline-block;position: relative;width: 47%;vertical-align: top;} .write_form .form_body table td .datepicker .date_select{top: 0;} .write_form.qna .form_body table tr:first-child td{border-top:0;} .write_form .form_body table tr.capcha td{text-align:left;} .write_form .form_body table th:last-child, .write_form .form_body table td:last-child{border-right:0;} .write_form .form_body dl{float: left;display: inline-block;width: 50%;padding: 0;min-height: auto;text-align: left;padding-bottom: 17px;border-bottom: 1px solid rgb(0 0 0 / 20%);} .write_form .form_body dl:first-child dt{padding-left: 38px;} .write_form .form_body dl:last-child dt{padding-right: 38px;} .write_form .form_body dt{display: inline-block;position: relative;padding: 0;margin-right: 30px;color: var(--color-text-gray-65);font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);} .write_form .form_body dd{display: inline-block;padding: 0;font-size: 18px;color: #333;} .write_form .qna_top{clear: both;float: left;width: 100%;margin-top: 32px;} .write_form .qna_top .check_box{display: block;padding: 10px 0 0;text-align:center;} .form_header {padding-top: 18px;padding-bottom:11px;display: flex;gap: 37.5px;align-items: center;padding-right: 38px;padding-left: 38px;} .form_header h3{color: var(--color-text-gray-65);font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);white-space: nowrap;} .form_header h3 p{margin-right: 35px;} .form_header div{display: flex;align-items: center;gap: 37.5px; } .form_header div p{letter-spacing: var(--letter-spacing-tight);text-align: left;} .form_header div a.btn_deepOrange span{padding: 10px 20px;font-size: var(--font-base);font-weight: var(--font-weight-medium);} .form_header > p span{color: #f36200;} .form_header .box_info{margin-bottom:21px;} .check_header{display: flex;justify-content: space-between;} .board_header2{display: flex;justify-content: space-between;align-items: center;margin-top:32px;} .check_header2{display: flex;gap:24px;} .check_header p{font-size:var(--font-base);color:var(--color-text-black);} .check_header p a{font-weight: var(--font-weight-semi-bold);color: var(--color-orange-deep);} .form_body dl {position:relative;min-height:48px;padding-left:197px;} .form_body dl.tit_multi dd {padding:20px 0;} .form_body dl dt {position:absolute; padding:13px 0 0 20px; font-weight:bold; top:0; bottom:0; left:0; box-sizing:border-box; color:#333;} .form_body.tit_grey dl dt {width:182px; background:#f2f2f2;} .form_body dl dt i {display:block; font-weight:inherit;} .write_form .mandatory {display:inline-block; width:7px; height:6px; margin-left:5px; overflow:hidden; vertical-align:2px;text-indent:-9999em; background:url('/web/vols/2025/images/ico/ico_mandatory.png') no-repeat 0 0;} .form_body dl dd {padding:9px 15px 9px 0;} .form_body dl dd .comment {display:inline-block; margin-top:4px; margin-left:6px;} .form_body dl dd .comment.first{margin-left:0;margin-right:6px;} .form_body .symbol {display:inline-block; height:30px; line-height:30px; vertical-align:top;} /* input, select */ .form_body .colgroup{} .form_body .colgroup:after{content:'';display:block;overflow:hidden;width:0;height:0;clear:both;} .form_body .colgroup > dl.row{float:left;width:50%;box-sizing: border-box} .form_body dl.input_box .input_text, .form_body dl.id_number .input_text {width:150px;} .form_body dl.input_box.id .input_text, .form_body dl.input_box.pwd .input_text {width:270px;} .form_body dl.input_box.pwd .comment {display:block; margin-left:0;} .form_body dl.input_box .comment.block{margin-left:0;display:block;} .form_body dl.input_box.id .btn {margin-left:-5px;} .form_body dl.input_box.max .input_text {width:100%;} .form_body dl.input_box.multiple .input_text {width:22%;} .form_body dl.input_box.multiple .symbol{width:4%} .form_body dl.input_box.multiple .input_text, .form_body dl.input_box.multiple .symbol{margin-left:-4px;} .form_body dl.input_box.multiple .symbol{text-align:center;} .form_body dl.input_box.multiple .input_text:first-child{margin-left:0;} .form_body dl.permission_number .input_text {width:320px;} .form_body dl.row .security_num {padding-top:5px;} .form_body dl.row .security_num em{padding-bottom:10px;display:inline-block;} .form_body dl.row .security_num .input_text{margin-top:10px;} .form_body dl.tel_number .first {width:87px;} .form_body dl.tel_number .tel1 {width:150px;} .form_body dl.tel_number .tel2 {width:150px;} .form_body dl dd .check_sec {display:inline-block; margin-top:5px; margin-left:10px;} .form_body dl.birthday .year {width:150px;} .form_body dl.birthday .month {width:85px;} .form_body dl.birthday .day {width:85px;} .form_body dl.hint .select_form, .form_body dl.hint.input_box .input_text {width:270px;} .form_body dl.addr.input_box .input_text {width:150px;} .form_body dl.addr.input_box .btn {margin-left:-5px;} .form_body dl.addr.input_box .input_text.wide {width:100%; margin-top:10px;} .form_body dl.school.input_box .input_text {width:320px;} .form_body dl.school.input_box .btn{margin-left:6px;} .form_body dl.school.input_box .comment.first{margin-top:10px;} .form_body dl.txt dd span{display:inline-block;padding-top:4px;} .form_body dl.select_group .select_form {width:130px;} .form_body dl.select_group2 .select_form {width:150px;} .form_body dl.select_group .symbol {padding:0 4px;} /* checkbox */ .form_body dl.input_box .chk_box {display:inline-block; margin-left:15px; padding-top:5px;} .form_body dl.check dd .check_sec {margin-left:0;} /* radio */ .form_body dl.radio_group .radio_btn {display:inline-block; margin-left:25px; padding-top:5px;} .form_body dl.radio_group .radio_btn:first-child {margin-left:0;} /* file */ /* 이전 소스 .form_body dl.file .file_group {position:relative; min-height:30px; padding-left:110px;} .form_body dl.file .file_upload {display:inline-block; position:absolute; top:0; left:0; overflow:hidden; cursor:pointer;} .form_body dl.file .file_upload .file {position:absolute; top:0; right:0; bottom:0; left:0; cursor:pointer; opacity:0;width:98px;height:30px} */ .form_body dl.file .file_group {min-height:30px;} .form_body dl.file .file_upload .file {height:30px; font-size:12px;} .form_body dl.file .file_type {display:inline-block; padding-top:4px; font-size:12px; color:#0373ba;} .form_body dl.file .file_list {margin-top:7px;} .form_body dl.file .file_list .hypen .file {display:inline-block; position:relative; margin-top:2px; padding-left:8px;} .form_body dl.file .file_list .hypen .file:first-child {margin-top:0;} .form_body dl.file .file_list .hypen .file button {vertical-align:-4px; text-indent:0;} .form_body dl.file .file_list .hypen .file button span {display:inline-block; width:15px; height:16px; overflow:hidden; text-indent:-9999em; background:url('/web/vols/2025/images/ico/btn_x_form.png') no-repeat left top;} /* button */ .form_body dl.id_number .btn.form_gray {margin-left:-8px;} .form_body dl.email_address .email_id {width:170px;} .form_body dl.email_address .email_domain {width:200px;} .form_body dl.email_address .domain_select {width:165px;} .form_bottom .btn_sec {margin-top:50px; text-align:center;} .form_bottom .btn_sec_gap_sm{margin-top: 32px;} .form_bottom .btn_flex {margin-top:20px;display: flex;gap: 10px;justify-content: flex-end;} .btn_sec.btn_sec_center {text-align: center;margin-top:32px;} .form_bottom .btn_sec .btn:first-child {margin-right:6px;} /* box module */ .module_box {padding: 0;/* border:1px solid #e5e5e5; *//* background:#f9f9f9; */} .module_box .box {position:relative;/* min-height:131px; */padding: 25px 25px 25px 180px;border:1px solid #e5e5e5;background:#fff;} .module_box .box:after {content:'';display:block;position:absolute;width: 123px;height: 107px;top: 25px;left: 25px;overflow:hidden;} .module_box .box .main_txt {font-size: 24px;/* font-weight:bold; */line-height: 24px;color: #333;letter-spacing: -0.025em;} .module_box .box .h_decs {font-size:16px; line-height:24px;} /* layerPopup */ .layerpopup_wrap {display:none;position:fixed;width:845px;height:610px;margin:-305px 0 0 -423px;top:50%;left:50%;z-index:9999;box-sizing:border-box;background:#fff;border-radius: 10px;} .layerpopup_wrap .layer_header {position:relative;/* height:60px; *//* background:#ffa263; */padding: 20px 25px 12px;border-bottom: 2px solid #ffbc1a;} .layerpopup_wrap .layer_header .tit_layer {/* padding-left:56px; *//* font-size:24px; *//* font-weight:bold; *//* line-height:30px; *//* line-height:60px; *//* color:#333; */color: #333;font-size: 18px;font-weight: 500;} .layerpopup_wrap .layer_close {/* position:absolute; *//* width:90px; *//* height:60px; *//* top:0; *//* right:0; */text-indent:-9999em;/* background:url('/web/vols/2025/images/common/layer_close.png') no-repeat center center; */display: block;position: absolute;top: 25px;right: 25px;width: 12px;height: 12px;background: url(/web/vols/2025/images/ico/ico_pop_close.png) 0 0 no-repeat;} .layerpopup_wrap .layer_content {position: relative;/* top: 70px; *//* right:30px; *//* bottom:50px; *//* left:30px; */padding: 12px 25px 20px;overflow:auto;box-sizing:border-box;} /* box 및 경고 문구 */ .lightgrey_box_guide{border: 1px solid #BABABA;border-radius: 16px;padding: 20px;} .grey_box_guide {padding: 28px 38px;border: 1px solid rgb(0 0 0 / 20%);background: #fff;margin-bottom: 32px;} .grey_box_guide:last-child{margin-bottom: 0;} .grey_box_guide ul.bull-list-styly{list-style: disc;padding-left: 38px;} ul.bull-list-styly{list-style: disc;padding-left: 38px;} .grey_box_guide2 {padding:25px 21px; border:1px solid #e5e5e5; background:#f9f9f9;} .grey_box_guide strong {color:var(--color-text-gray-65);} .grey_box_guide i {display:block;} .caution{font-size:var(--font-body-lg);font-weight:var(--font-weight-bold);border:2px solid var(--color-orange-deep);color:var(--color-orange-deep); border-radius:var(--radius-lg);padding:20px 50px;margin:54px 0 34px 0;} .caution dl {position:relative;padding-left: 35px;} .caution dt {position:absolute;width: 20px;height: 32px;top:0;left:0;text-indent:-9999em;background:url('/web/vols/2025/images/ico/ico_caution_new.png') no-repeat left top;} .caution dd {line-height:30px;} .ico_check {padding-left:30px; font-size:15px; font-weight:bold; color:#333; background:url('/web/vols/2025/images/ico/ico_v.png') no-repeat left top;} /* 자원봉사 대상 */ .orange_box_guide{border: 2px solid var(--color-orange-deep);border-radius: 16px;padding: 40px 50px;} .color_black{color: var(--color-text-gray-65);font-size: var(--font-body-lg);font-weight: 400;} .grey_box_guide ul.bull-list-style2{padding-left: 24px;list-style: disc;} /* 타이틀 그룹 */ .tit_group .h_decs {padding-top:7px;} .tit_group2 {height:105px;} /* data table */ .data_table .data_header .advice {padding-bottom:11px; text-align:right;} .data_table .data_header .advice.refer {text-align:left;} .data_table .table_wrap {position:relative; padding-top:1px;} .data_table .table_wrap table {width:100%;} .data_table .table_wrap table thead{border-top:1px solid var(--color-orange-deep);} .data_table .table_wrap table thead th {padding-top:8px; padding-bottom:9px; font-size:var(--font-md); text-align:center; color:#1E1E1E; background:#FFEFEF;font-weight:normal;} .data_table .table_wrap table tbody th {padding-left:10px; font-size:var(--font-md);font-weight: 400; text-align:left;} .data_table .table_wrap table tbody th .triangle {display:inline-block; vertical-align:middle;} .data_table .table_wrap table tbody th .triangle + span.triangle{display:block;} .data_table .table_wrap table tbody td {font-size:var(--font-md);font-weight:var(--font-weight-bold);text-align:right;} /* .data_table .table_wrap table tbody th, .data_table .table_wrap table tbody td {padding-top:8px; padding-bottom:9px; border-top:1px solid #e5e5e5;} */ .data_table .table_wrap table tbody.center td {padding-right:0;text-align:center;} .data_table .table_wrap.line table td, .data_table .table_wrap.line table th {border-left:1px solid #e5e5e5;} .data_table .table_wrap table tbody td.left{padding-left:10px;text-align:left;} .data_table.no_bg .table_wrap table thead th{background:#fff} .data_table.no_bg .btn_print {position:absolute; right:30px;top:75px;width: 28px;height: 27px;text-indent: -999em;background: url('/web/vols/2025/images/common/btn.png') no-repeat 0 -480px;display: inline-block;}/* 2017.02.25 추가 */ /* table align */ .data_table .cols {margin-top:40px;} .data_table .cols:first-child {margin-top:0;} .data_table .cols .table_wrap {box-sizing:border-box;} .data_table .cols.type2 .table_wrap {float:left; width:50%; padding-right:2px; padding-left:2px;} .data_table .cols.type4 .table_wrap {float:left; width:25%; padding-right:10px; padding-left:10px;} .data_table .cols:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;} .table_wrap .cols2_same .col1, .table_wrap .cols2_same .col2 {width:50%;} /* box */ .box_info {margin-top:40px; padding:20px 30px;background:#FFF4F4;border-radius:24px;} .box_info p > i{display:block;} /* 레이어 달력 */ #divCalendar {position:absolute; width:200px; padding:10px; /* -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; */ z-index:999; border:1px solid #666; background-color:#fff;} #divCalendar caption {height:0; font-size:0; line-height:0; overflow:hidden;} #divCalendar table {width:100%; margin:0; text-align:center; border:0 solid #000; color:#595959;} #divCalendar table, #divCalendar table a {font-size:13px;} #divCalendar #tableCalendarTitle td, #divCalendar #tableCalendarTitle td a, #divCalendar #tableMonthTitle td a, #tableYearTitle td {font-size:14px; font-weight:600;} #divCalendar #tableYear a {font-size:12px;} #divCalendar table tr {height:22px;} #divCalendar table th {height:auto; margin:0; padding:0; line-height:11px; text-align:center; border:0 solid #f8720f; color:#595959; background:none;} #divCalendar table td {height:auto; margin:0; padding:0; line-height:1; text-align:center; border:0 solid #000;} #divCalendar table td a {display:block; padding:5px 2px; text-decoration:none; color:#595959;} #divCalendar table td a:link {display:block; text-decoration:none;} #divCalendar table td a:hover {display:block; text-decoration:none;} #divCalendar table td a:visited {display:block; text-decoration:none;} #divCalendar .today {font-weight:600; border:1px solid #2059a5; color:#fff !important; border-radius:2px; background-color:#437dca;} #divCalendar .btn_cal_close {position:absolute; top:-1px; right:-18px; text-align:right;} #divCalendar .btn_cal_close a {display:block; overflow:hidden; white-space:nowrap; text-indent:100%; background:url('/web/vols/2025/images/common/btn_cal_close.gif') no-repeat 0 0;} #divCalendar .btn_cal_close, #divCalendar .btn_cal_close a {width:17px; height:16px;} #divCalendar #tableCalendar th:first-child, #divCalendar #tableCalendar td:first-child a {color:#cf2121;} #divCalendar #tableCalendar th:last-child, #divCalendar #tableCalendar td:last-child a {color:#0072cf;} .img_sec img{width:168px;height: 34px;} .btn_refresh span {background: #7a7a7a url("/web/vols/2025/images/ico/ico_refresh.png") no-repeat scroll center center;display: block;height: 36px;text-indent: -9999px;width: 30px;} /* 데이터 폼 */ table.board_form{width: 100%;} table.board_form tr{} table.board_form th{padding: 12px;border-top: 1px solid var(--color-text-gray-50);border-right: 1px solid var(--color-text-gray-50);border-bottom: 1px solid var(--color-text-gray-50);background: #f8f8f8;color: #333;font-size: 16px;font-weight: 500;letter-spacing: -0.025em;} table.board_form th.text-l{text-align:left;} table.board_form th span{display: flex;flex-direction: row;gap: 20px;align-items: center;justify-content: center;} table.board_form td{padding: 10px;border-top: 1px solid var(--color-text-gray-50);border-bottom: 1px solid var(--color-text-gray-50);font-size: 16px;} table.board_form td span.group_txt{display: inline-block;width: 200px;font-size: 14px;line-height: 1;vertical-align: middle;} table.board_form td button.delete{width: 15px;height: 18px;background: url(/web/vols/2025/images/ico/ico_board_file_delete.png) 0 0 no-repeat;vertical-align: middle;} table.board_form td em.comment{display: inline-block;padding: 4px;font-size: 13px;vertical-align: top;} table.board_form td span.checks_txt{display: inline-block;width: 135px;} table.board_form td span.th{display: inline-block;padding: 4px;color: #333;font-size: 16px;font-weight: 500;} table.board_form td span.th span{color: #f36200;} table.board_form td input[type="text"], table.board_form td input[type="password"], table.board_form td input[type="tel"], table.board_form td textarea{height: auto;padding: 3px 0;border: 1px solid #ccc;} table.board_form td .input_text input[type="text"], table.board_form td .input_text input[type="password"], table.board_form td .input_text input[type="tel"]{padding: 2px 10px;} table.board_form td .form_block{width:100%;} table.board_form td .form_box_ab{position: relative;height: 32px;margin-top: 10px;} table.board_form td .form_box_ab .id_number{/* width: 100%; */position:absolute;top: 0;left: 59px;} table.board_form td .form_box_ab div.checks{position: absolute;top: 3px;right: -90px;font-size: 14px;} table.board_form tr.file td{padding-bottom: 0;} table.board_form tr.file ul{margin: -10px;} table.board_form tr.file li label{display:inline-block;/* border:1px solid #000; */width:100px;height:30px;margin: 10px;background: #666;color: #fff;font-size: 15px;/* font-size:0.8em; */line-height:30px;text-align:center;vertical-align:middle;} table.board_form tr.file li input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} table.board_form tr.file li > span{display: inline-block;} table.board_form tr.file dl.file{width: 100%;min-height: auto;padding: 0;border-top: 1px solid #ccc;border-bottom: 0;text-align: left;} table.board_form tr.file dl.file:after{display:block; clear:both; content:"";} table.board_form tr.file dt{position: relative;float: left;width: 16%;padding: 10px;font-weight: normal;text-align: center;} table.board_form tr.file dd{float: left;width: 84%;margin-left: -1px;padding: 0;border-left: 1px solid #ccc;} table.board_form tr.file dd > span{display: block;padding: 10px;} table.board_form tr.file dd img{display: inline-block;padding: 4px 10px;} table.board_form tr.file dd a.text{display: inline-block;padding: 5px 0;line-height: 1;vertical-align: top;} table.board_form tr.file dd a.text:hover, table.board_form tr.file dd a.text:focus{text-decoration:underline;} table.board_form tr.file dd a.delete{display: inline-block;width: 15px;height: 18px;margin: 6px 0 0 15px;background: url(/web/vols/2025/images/ico/ico_board_file_delete.png) 0 0 no-repeat;} table.board_form dl.row .security_num {padding-top:5px;} table.board_form dl.row .security_num em{padding-bottom:10px;display:inline-block;} table.board_form dl.row .security_num .input_text{margin-top:10px;} table.board_form tr.capcha td em{color: #f36200;} table.board_form td button.btn span{height: auto;padding: 0 15px;border: 0;background: #666;color: #fff;} table.board_form td button.btn.form_orange span{height: auto;padding: 0 15px;border: 0;background: #f36200;color: #fff;} table.board_form tr.capcha td button span img{display: inline-block;height: auto;padding: 9px 5px 0 0;} table.calendar th{background: #fff;font-size: var(--font-body-lg);font-weight: 400;color: var(--color-text-black);} table.calendar th em{color: var(--color-text-gray-50);font-size: var(--font-heading-sm);font-weight: var(--font-weight-bold);} table.calendar th em.today{color: var(--color-orange-deep);} table.calendar td{height: 80px;padding: 10px 20px;vertical-align: top;} table.calendar.all td{vertical-align:middle;} table.calendar td ul{display: flex;flex-direction: column;align-items: flex-start;gap: 10px;} table.calendar td ul li{} table.calendar td ul li a{font-size: var(--font-body-lg);font-weight: 400;display: inline-flex;align-items: center;gap: 10px;} table.calendar td ul li a span.tag.blue{background-color: #113F9B;color: var(--color-white-100);display: inline-block;padding: 4px 10px;font-size: var(--font-sm);font-weight: var(--font-weight-medium);border-radius: var(--radius-sm);line-height: 1.5;} table.calendar td ul li a span.tag.yellow{color:#a26402;display: inline-block;padding: 0 5px;font-size: 13px;font-weight: 500;border: 1px solid; border-radius: 50px;} table.calendar td ul li a span.tag.pinkred{background-color: var(--color-red-base);color: var(--color-white-100);display: inline-block;padding: 4px 10px;font-size: var(--font-sm);font-weight: var(--font-weight-medium);border-radius: var(--radius-sm);line-height: 1.5;} table.calendar td ul li a span.bold-txt{font-weight: var(--font-weight-bold);} table.calendar td ul li a:hover, table.calendar td ul li a:focus{color:#333; text-decoration:underline;} table.center td:nth-child(2n){text-align: center;} table td:nth-child(2n-1),table td:nth-child(2n){padding-left: 20px;} /* layer_popup + window_popup */ .pop-layer .pop-container {position: relative;} .pop-layer p.ctxt {color: #666;line-height: 25px;} .pop-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;} .pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 630px;height: auto;background-color: #fff;/* border: 5px solid #3571B5; */border-radius: 7px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);z-index: 10;} .dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;} .dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);} .dim-layer .pop-layer {display: block;} .pop-layer .pop-head{padding: 20px 25px 12px;border-bottom: 2px solid #ffbc1a;} .pop-layer .pop-head h1.tit{color: #333;font-size: 18px;font-weight: 500;} .pop-layer .pop-conts{padding: 12px 25px 20px;} .pop-layer .pop-conts p{font-size: 13px;} .pop-layer .pop-conts p img{display: inline-block;padding: 0 10px 0 0;vertical-align: middle;} .pop-layer .pop-conts .module_box{margin: 12px 0 0;padding: 10px;border-radius: 5px;background: #fff;} .pop-layer .pop-conts .module_box li{letter-spacing:-0.025em} .pop-layer .pop-conts .module_box li.circle01{margin-bottom: 10px;color: #333;font-size: 15px;} .pop-layer .pop-conts .module_box li.circle01:last-child{margin-bottom:0;} .pop-layer .pop-conts .module_box li.circle01 ul{padding: 5px 0 0 0;} .pop-layer .pop-conts .module_box li.circle01 ul li{padding: 0 0 0 17px;color: #666;font-weight: 300;font-size: 14px;line-height: 140%;} .pop-layer .pop-conts .table_box{} .pop-layer .pop-conts .table_box table{width: 100%;border-top: 2px solid #333;border-bottom: 1px solid #333;} .pop-layer .pop-conts .table_box table thead th{padding: 10px;border-bottom: 1px solid #333;color: #333;font-size: 16px;} .pop-layer .pop-conts .table_box table td, .pop-layer .pop-conts .table_box table tbody th{padding: 10px;border-top: 1px solid #ddd;text-align: center;font-weight: 400;} .pop-layer .pop-conts .table_box table.type1 td, .pop-layer .pop-conts .table_box table.type1 tbody th{padding:5px;} .pop-layer .pop-conts .table_box table.type1 td a:hover, .pop-layer .pop-conts .table_box table.type1 td a:focus{color:#333; text-decoration:underline;} .pop-layer .pop-conts .table_box table td.text-l{text-align:left;} .pop-layer .pop-conts .table_box table td.text-r{text-align:right;} .pop-layer .pop-conts .table_box table td button{display: block;width: 100%;padding: 3px 0;background: #666;color: #fff;font-weight: 300;font-size: 13px;text-align: center;} .pop-layer .pop-conts .table_box table td button:hover, .pop-layer .pop-conts .table_box table td button:focus{background:#ff4e00;} .pop-layer .pop-conts .table_box table td span{color: #f36200;font-weight: 500;} .pop-layer .btn-layerClose{display: block;position: absolute;top: 25px;right: 25px;width:12px;height:12px;background:url(/web/vols/2025/images/ico/ico_pop_close.png) 0 0 no-repeat;} .pop-layer .pop-conts .search_box{padding: 10px;border: 1px solid #ccc;} .pop-layer .pop-conts .search_box > span{display: block;margin: 5px;} .pop-layer .pop-conts .search_box > span:after{display:block;clear:both;content:"";} .pop-layer .pop-conts .search_box > span > span{display: inline-block;float: left;} .pop-layer .pop-conts .search_box label{display: block;padding: 3px 0;text-align: center;} .pop-layer .pop-conts .search_box select, .pop-layer .pop-conts .search_box input{width:100%;height: 28px;border: 1px solid #ccc;} .pop-layer .pop-conts .search_box button{width:95%;height: 28px;margin-left: 5px;background:#666;color:#fff;} .pop-layer .pop-conts .search_box > span.txt{margin-top: 15px;padding-left: 40px;background: url(/web/vols/2025/images/ico/ico_caution.png) 7px 0 no-repeat;font-size:13px;line-height:140%;} .pop-layer .pop-conts .search_box > span.txt.ico_non{padding-left: 0;background:none;} .pop-layer .pop-conts .search_box > span.txt em{display:block;} .pop-layer .pop-conts .result_box{position:relative;margin-top: 15px;} .pop-layer .pop-conts .result_box .search_result{} .pop-layer .pop-conts .result_box .search_result p{font-size: 14px;} .pop-layer .pop-conts .txt_ab{position:absolute; top:0; right:0;} .pop-layer .pop-conts .attach_change{} .pop-layer .pop-conts p{text-align: center;} .pop-layer .pop-conts p.change_ad{text-align: center;font-size: 16px;} .pop-layer .pop-conts .change_txt{margin: 15px 0;text-align: center;} .pop-layer .pop-conts .change_txt span{display: block;font-size: 18px;line-height: 150%;} .pop-layer .pop-conts .text-c{text-align:center;} .pop-layer .pop-conts .btn_submit span{height: 35px;padding: 0 25px;font-size: 14px;font-weight: 400;line-height: 35px;} .win-layer .win-container {position: relative;} .win-layer p.ctxt {color: #666;line-height: 25px;} .win-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;} .win-layer {background-color: #fff;} .dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;} .dim-layer .win-layer {display: block;} .kakao.win-layer .win-head{display: flex;gap: 8px;padding: 20px 40px;background-color:#FEE502;} .kakao.win-layer .win-head h1.tit {color:#000;} .btn_kakao span{background-color:#FEE502;color:var(--color-black-100);border-radius:var(--radius-sm);padding: 9px 20px;height: auto;font-weight:var(--font-weight-bold);font-size:var(--font-body-lg);} .btn_kakao_gray span{background-color:#3D3D3D;} .win-layer .win-head {padding: 20px 40px;background: #D74A16;border-bottom: none;} .win-layer .win-head h1.tit{font-size: var(--font-heading-sm);font-weight: var(--font-weight-bold);display: inline-block;color:#fff;} .win-layer .win-body{margin-top: 0;} .win-layer .win-body .win-data{border-bottom: 2px solid #C2C2C2;} .win-layer .win-group dl{display: flex;align-items: stretch;} .win-layer .win-group dt{width: 110px;flex-shrink: 0;background-color: #EDEDED;padding: 16px 0;text-align: center;color: var(--color-text-black);box-sizing: border-box;} .win-layer .win-group dd{flex-grow: 1;padding: 10px 12px;color: var(--color-text-black);min-width: 0;} .win-layer .win-group dd input[type="text"]{width: 100%;padding: 8px;border: 1px solid #ccc;box-sizing: border-box;} .win-layer .win-conts{padding: 35px;} .win-layer .win-conts p img{display: inline-block;padding: 0 10px 0 0;vertical-align: middle;} .win-layer .win-conts .module_box{margin: 12px 0 0;padding: 10px;border-radius: 5px;background: #fff;} .win-layer .win-conts .module_box li{letter-spacing:-0.025em} .win-layer .win-conts .module_box li.circle01{margin-bottom: 10px;color: #333;font-size: 15px;} .win-layer .win-conts .module_box li.circle01:last-child{margin-bottom:0;} .win-layer .win-conts .module_box li.circle01 ul{padding: 5px 0 0 0;} .win-layer .win-conts .module_box li.circle01 ul li{padding: 0 0 0 17px;color: #666;font-weight: 300;font-size: 14px;line-height: 140%;} .win-layer .win-conts .table_box table{width: 100%;border-top: 2px solid #333;border-bottom: 1px solid #333;} .win-layer .win-conts .table_box table thead th{padding: 10px;border-bottom: 1px solid #333;color: #333;font-size: 16px;} .win-layer .win-conts .table_box table td, .win-layer .win-conts .table_box table tbody th{padding: 10px;border-top: 1px solid #ddd;text-align: center;font-weight: 400;} .win-layer .win-conts .table_box table.type1 td, .win-layer .win-conts .table_box table.type1 tbody th{padding:5px;} .win-layer .win-conts .table_box table.type1 td a:hover, .win-layer .win-conts .table_box table.type1 td a:focus{color:#333; text-decoration:underline;} .win-layer .win-conts .table_box table td.text-l{text-align:left;} .win-layer .win-conts .table_box table td.text-r{text-align:right;} .win-layer .win-conts .table_box table td button{display: block;width: 100%;padding: 3px;background: #666;color: #fff;font-weight: 300;font-size: 13px;text-align: center;} .win-layer .win-conts .table_box table td button:hover, .win-layer .win-conts .table_box table td button:focus{background:#ff4e00;} .win-layer .win-conts .table_box table td span{color: #D74A16;/* font-weight: 500; */} .win-layer .btn-layerClose{display: block;position: absolute;top: 32px;right: 40px;width:16px;height:16px;background:url(/web/vols/2025/images/ico/ico_pop_close_new.png) 0 0 no-repeat;} .win-layer .win-conts .search_box{padding: 20px;border: 1px solid #F79C7A;} .win-layer .win-conts .search_box .win-search-wrap{display: flex;justify-content: space-between;align-items: center;} .win-layer .win-conts .search_box .win-search-wrap label{font-weight:var(--font-weight-semi-bold);} .win-layer .win-conts .search_box .win-search-wrap input[type='text'] {border:1px solid #CCCBCB;border-radius:5px;width: 60%;padding: 4px 9px;} .win-layer .win-conts .search_box .txt{padding-left: 40px;background: url(/web/vols/2025/images/ico/ico_caution.png) 7px 0 no-repeat;font-size: 18px;color:#D74A16;margin-top:20px;} .win-layer .result_box{display: flex;justify-content: space-between;margin-bottom: 30px;} .win-layer .result_box p{padding-left:0;font-size: 15px;color: #9E9B9B;} .win-layer .win-conts .paging .pagiarea{margin:30px 0;} /* 카카오아이디 찾기 팝업 */ .win-layer .btn-layerClose.kakaopopup-btnClose{display: block;position: absolute;top: 32px;right: 40px;width: 18px;height: 18px;mask-image: url(/web/vols/2025/images/ico/close-btn.svg);mask-repeat: no-repeat;mask-position: center center;mask-size: contain;background: #000;} .win-layer .win-container .win-list{text-align:center;padding: 50px 0;border-bottom: 1px solid #C2C2C2;font-size: var(--font-body-lg);} .win-layer .win-container .btn_kakao_center{display: block;margin: 50px auto 0 auto;} /** openAPI **/ .api_wrap .api_g{min-height: 450px;padding: 20px;border: 2px solid #ccc;} /* 안내 */ .step_api{margin:20px 0;} .step_api ul:after{display:block;clear:both;content:'';} .step_api ul li{float: left;width: 21.25%;height: 105px;} .step_api ul li.step1{background:url(/web/vols/2025/images/common/bg_step01_api.png) center center no-repeat;} .step_api ul li.step2{background:url(/web/vols/2025/images/common/bg_step02_api.png) center center no-repeat;} .step_api ul li.step3{background:url(/web/vols/2025/images/common/bg_step03_api.png) center center no-repeat;} .step_api ul li.step4{background:url(/web/vols/2025/images/common/bg_step04_api.png) center center no-repeat;} .step_api ul li.arrow{width: 5%;height: auto;padding: 16px 0;text-align: center;} .step_api ul li div{width: 105px;margin: 0 auto;padding: 37px 0;text-align: center;letter-spacing: -0.060em;line-height: 1;} .step_api ul li div .step{display: block;padding-bottom: 5px;font-size: 12px;text-transform: uppercase;} .step_api ul li div .txt{display: block;color: #333;} /* 이슈키워드 */ .stats_info p{text-align: center;color: var(--color-text-black);margin-bottom: 10px;} .issue_wrap .stats_search{text-align: center;margin-bottom: 40px;} .issue_wrap .stats_search div{display: flex;align-items: center;justify-content: center;gap:10px;} .issue_wrap .stats_search div a.prev{display: inline-block;width: 40px;height: 40px;background:url(/web/vols/2025/images/ico/ico_board_btn_prev.png) 0 0 no-repeat;} .issue_wrap .stats_search div a.next{display: inline-block;width: 40px;height: 40px;background:url(/web/vols/2025/images/ico/ico_board_btn_next.png) 0 0 no-repeat;} .issue_wrap .stats_search div a.btn_recent{background-color:var(--color-red-base);color:var(--color-white-100);font-weight:var(--font-weight-semi-bold);border-radius:var(--radius-sm);padding: 4px 20px;} .issue_wrap .stats_search span{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-black-100);} .serve_many{margin-top: 120px;} .board_list .vols_tag2{display: flex;align-items: center;gap: 18px;} .top_search10 .chart_wrap{border: 1px solid #C1B8B8;border-radius: 24px;padding: 48px 24px;} .top_search10 > div:after{display: block; clear:both; content:"";} .top_search10 .search_chart{color:var(--color-black-100);} .top_search10 .search_chart .data_box{padding-bottom: 28px;font-size: var(--font-body-lg);letter-spacing: -0.025em;text-align: center;} .top_search10 .search_chart .data_box .tag{display: inline-block; color: #333;font-weight: 500;} .top_search10 .search_prog, .top_search10 .search_chart{float: left;width: 50%;height: 345px;} .top_search10 .search_prog > div, .top_search10 .search_chart > div{float: left;width:100%;} .top_serve{margin-bottom: 15px;} .top_serve > div{margin: -10px;} .top_serve > div:after{display: block; clear:both; content:"";} .top_serve .serve_list{float: left;width: 35%;} .top_serve .serve_list > div, .top_serve .serve_chart > div{float: left;width: 100%;} .top_serve .serve_list > div > div, .top_serve .serve_chart > div > div{margin: 10px;} .top_serve .serve_list table{table-layout: fixed;width: 100%;border: 1px solid #ccc;} .top_serve .serve_list table th{padding: 6px 10px;border-left: 1px solid #ccc;background: #eee;text-align: center;} .top_serve .serve_list table td{padding: 11px 10px;border-left: 1px solid #ccc;border-top: 1px solid #ccc;text-align: center;} .top_serve .serve_chart{float: left;width: 65%;} .top_serve .serve_chart > div > div{border: 1px solid #ccc;} .top_serve .serve_chart .data_box{padding: 6px;border-bottom: 1px solid #ccc;font-size: 14px;letter-spacing: -0.025em;} /* 봉사참여실적 */ .list2 dl.txts dt.tit_board_list.larg{width:100%;} .serve_data .my_data{background-color:#EDEDED;border-radius:15px;padding:67px 70px;display: flex;justify-content: space-between;align-items: center;text-align: center;margin-bottom: 50px;} .serve_data .my_data p{padding: 10px 0;color: var(--color-black-100);font-size: var(--font-subheading-lg);font-weight: var(--font-weight-bold);} .serve_data .my_data p.pwrap{background-color: var(--color-white-100);border-radius: 10px;padding: 26px;font-size: var(--font-md);} .serve_data .my_data p.pwrap span.deep_orange{font-size:40px;} .serve_data .data_list {display: flex;flex-wrap: wrap;margin-bottom: 50px;} .serve_data .data_list dl {display: flex;align-items: center;justify-content: space-between;flex-basis: 33.333%;box-sizing: border-box;padding: 20px;margin: 0;border-bottom: 1px solid #DADADA;} .serve_data .data_list dt, .data_list dd {display: flex;align-items: center;} .serve_data data_list dt img {max-height: 50px;max-width: 190px;} .data_list dd {font-size: var(--font-md); font-weight:var(--font-weight-bold);white-space: nowrap;} .refer_box.sm{font-size:var(--font-sm);font-weight:var(--font-weight-medium);margin-bottom: 42px;} .mypage .refer_box, .customer_center form div .refer_box, .refer_box.sm{padding: 20px;} .mypage .refer, .customer_center form div .refer{position: relative;padding-left: 17px;padding-bottom:5px} .mypage .refer.last, .customer_center form div .refer.last{padding-bottom:0;} .mypage .refer:after, .customer_center form div .refer:after{position: absolute;top: 5px;left: 0;content:"";width: 12px;height: 12px;background:url(/web/vols/2025/images/ico/ico_bul1.png) 0 0 no-repeat;} /* NEIS 연계서비스 */ .step_g{width: 680px;margin: 0 auto 15px;} .step_g ul{background: url(/web/vols/2025/images/common/bg_step1.png) center -3px no-repeat;} .step_g.step_g2 ul{background: url(/web/vols/2025/images/common/bg_step2.png) center -3px no-repeat;} .step_g ul:after{display: block; clear:both; content:"";} .step_g ul li{display: inline-block;float: left;width: 50%;} .step_g img{display: block;margin: 0 auto;} .step_g span{display: block;padding-top: 10px;text-align: center;} .step_stage li img{display: block;margin: 0 auto;} .step_stage li span{display: block;text-align: center;font-weight:var(--font-weight-bold);} .step_stage li.arrow{width: 70px;} /* 봉사신청내역 */ .reject_g{padding: 10px 0 15px;border-top: 1px solid #333;border-bottom: 1px solid #333;} .reject_g p{padding-left: 22px;} select.larg{padding: 4px 80px 4px 9px;} .list2_wrap{display: flex;align-items: center;justify-content: space-between;} .qr_action_box {width: 30%;border: 1px solid #515151;border-radius: 16px;padding: 20px 0;margin-top: 14px;} .qr_times {margin-bottom: 12px;} .time_row {margin-bottom: 8px;font-size: 18px;font-weight: bold;display: flex;gap: 15px;justify-content: center;} .time_tit {color: #000;} .time_val {color: #5B5B5B;} .qr_btns{display: flex;align-items: center;gap: 24px;justify-content: center;} .btn_qrscan {width: auto !important;padding: 10px !important;background-color: #000 !important;} .btn_qrscan_disabled {width: auto !important;padding: 10px !important;background-color: #E6E6E6 !important;color:#515151 !important;} @media screen and (max-width: 768px) { .list2_wrap{flex-wrap:wrap;justify-content: center;} } /* 공인인증서 */ .login p{font-weight:var(--font-weight-bold);} dl.info dt{padding: 0 0 5px 30px;background: url(/web/vols/2025/images/guide/img_volscpyrhtpcy2.png) no-repeat left 1px;font-weight:var(--font-weight-bold)} p.info{margin-top: 10px;padding: 0 0 5px 30px;background: url(/web/vols/2025/images/ico/ico_caution.png) no-repeat left 1px;} /** 회원정보 **/ .mber_board_data.type2{border-top: 1px solid #C2C2C2;border-bottom: 1px solid #C2C2C2;margin-bottom: 32px;} .mber_board_data.type2 .group{display: grid;grid-template-columns: 1fr;font-size: var(--font-body-lg);color: var(--color-text-black);} .mber_board_data.type2 .group.group_dl1{grid-template-columns: 1fr;} .mber_board_data.type2 .group dl{display: flex;align-items: center;gap: 12px;margin: 0;box-sizing: border-box;width: 100%;} .mber_board_data.type2 .group dl dt{flex: 0 0 166px; width: 166px;padding: 1rem;background-color: #EDEDED;text-align: center;white-space: nowrap;line-height: 30px;vertical-align: middle;align-self: stretch;} .mber_board_data.type2 .group dl dd{flex-grow: 1;margin: 0;padding: 10px 0;white-space: normal; word-break: break-word;} .mber_board_data.type2 .group dl dd span.member-name{display: inline-block;vertical-align: middle;} .mber_board_data.type2 .group_dl1 dd.full_content {flex-grow: 1;display: flex;flex-direction: column;gap: 15px;} .mber_board_data.type2 .group_dl1 .full_row {display: flex;align-items: center;gap: 10px; flex-wrap: wrap;} .mber_board_data.type2 .group_dl1 .checks_txt {display: inline-block;width: 150px;flex-shrink: 0;} .mber_board_data.type2 .group_dl1 .checks.small {margin-right: 20px;} /* 기본정보 */ table.savesub tr, table.savesub td, table.savesub th{border:1px solid #ccc;} /* 로그인관리 */ .pwdChangeDiv{text-align: center;} .pwdChange {width: 500px;display: inline-block;} .pwdChange input{width: 230px;} .pwdChange dt{width: 39%;height: 36px;text-align: left;display: inline-block;} .pwdChange dd{width: 60%;display: inline-block;} .pwdChangeDiv .btn_orange span{width: 200px;} .pwdChangeDiv .captchaDiv {margin: 60px 0 40px 0;width: 500px;display: inline-block;} .pwdChangeDiv .captchaDiv dl {text-align: left;} .pwdChangeDiv .captchaDiv input {width: 90%;} .sns_list {display: flex;flex-wrap: wrap;gap: 30px;} .sns_item {flex-basis: calc((100% - 60px) / 3);flex-grow: 1;;box-sizing: border-box;padding: 43px;border: 1px solid #BABABA;border-radius: 16px;text-align: center;} .sns_item img {width: 200px;height: 200px;margin-bottom: 20px;} .sns_item span strong {display: block;font-size: var(--font-lg-plus);font-weight: var(--font-weight-bold);color: #676767;} .sns_item a {color: #fff;font-size: var(--font-body-lg);padding: 10px 20px;border-radius: 10px;background-color: var(--color-orange-deep);display: inline-block;margin-top: 20px;font-weight: var(--font-weight-semi-bold);} .id_search_result .h_decs1{margin-bottom: 20px;} .id_search_result .btn_black span{border-radius:50px;} .id_search_result .login:before{content: "";display: block;width: 800px;height: 1px;background-color: #CCCBCB; margin: 60px auto;} /* 로그인관리 - 이중로그인 설정 */ .manage_pwd .write_form.qna {margin-top:30px;} .manage_pwd .board_data_position_top .info_group_st dl {align-items: stretch;} .manage_pwd .board_data_position_top .info_group_st dd{padding:10px 0;} .google_otp {width: 100%;box-sizing: border-box;margin-top:30px;} .google_otp dl {display: flex;flex-wrap: wrap;width: 100%;min-height: 120px; border-top: 1px solid #BABABA;border-bottom: 1px solid #BABABA;} .google_otp dl dt {flex-basis: 200px; background-color: #EDEDED; display: flex;align-items: center;justify-content: center; flex-shrink: 0;text-align: center;} .google_otp dl dd {flex: 1;padding: 20px 30px;display: flex;flex-direction: column; justify-content: center;} .google_otp .btn_blue {display: inline-block;background-color: #093576;color: #fff;padding: 4px 10px;border-radius: 5px;} .google_otp dl#otpStep2, .google_otp dl#otpStep3{margin-top: 30px;border: 1px solid #1E1E1E;border-radius: 16px;} .google_otp .otp_wrap{text-align: center;} .google_otp #otpQrCodeDiv img, .google_otp #otpCode img{width: 150px;height: 150px;margin: 0 auto;} /* 실적확인서발행내역 */ .pop_confirm{padding: 0 20px;} .pop_confirm div.tag_g{padding-bottom: 5px;} .pop_confirm div.tag_g span.tag{display: inline-block;padding: 2px 15px;border-radius: 50px;color: #fff;font-size: 15px;letter-spacing: -0.025em;} .pop_confirm div.tag_g span.tag.blue{background: #4e76ad;} .pop_confirm div.tag_g span.tag.yellow{background:#a26402;} .pop_confirm div.tag_g span.ing{font-size: 15px;} .pop_confirm div.tag_g span.ing strong{color: #333;font-weight: 500;} .pop_confirm .tit_board_list {padding-bottom: 10px;font-size: 20px;line-height: 26px;font-weight: 500;color: #333;overflow: inherit;text-overflow: inherit;white-space: normal;letter-spacing: -0.025em;} .pop_confirm .board_data dl{margin: 0 10px 0 0;padding: 0 10px 0 0;} /* 봉사현황 */ .serve_wrap {padding: 40px 50px;background-color: #EDEDED;border-radius: 15px;margin-bottom:32px;} .serve_center {display: flex;flex-wrap: wrap;margin-bottom: 40px;align-items: center;justify-content: space-between;} .serve_num {flex: 3;} .serve_num ul {display: grid;grid-template-columns: repeat(4, 1fr);text-align: center;} .serve_num li > span {display: block;margin-top: 10px;font-size: var(--font-md);font-weight: var(--font-weight-bold);color: var(--color-text-black);} .serve_num li div {width: 170px;height: 170px;margin: 0 auto;border-radius: 50%;background-color: #fff;display: flex;justify-content: center;align-items: center;} .serve_num li div a {font-size: 40px;font-weight: var(--font-weight-bold);color: var(--color-orange-deep);} .serve_num li div a span{font-size:var(--font-md);color:var(--color-text-black);} .serve_my {flex: 1;min-width: 200px;display: flex;flex-direction: column;gap: 20px;} .serve_my dl {background-color: #fff;padding: 20px;border-radius: 10px;} .serve_my dt {position:relative;color: var(--color-orange-deep);font-size: var(--font-md); font-weight: var(--font-weight-bold);padding-left: 20px;margin-bottom: 4px;} .serve_my dt::after {content: '';display: block;position: absolute;top: 8px;left: 0;width: 12px;height: 12px;background: url(/web/vols/2025/images/ico/ico_bul1.png) 0 0 no-repeat;} .serve_my dd {color: #3F3F3F;margin-bottom: 4px;padding-left: 20px;} .serve_my dd em {font-style: normal;font-weight: var(--font-weight-bold);color: var(--color-orange-deep);} .serve_go {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;} .serve_go a {display: block;padding: 10px 0;;text-align: center;font-size: var(--font-md);border-radius: 10px;color:#fff;background-color:#929292;word-break: keep-all;} .serve_go a:hover{background-color:var(--color-orange-deep);} /* 알림톡 */ .inform_talk > ul > li{margin-top: -1px;border-top:1px solid #333;border-bottom: 1px solid #333;} .inform_talk > ul > li:first-child{margin-top:0;} .inform_talk div.date{padding: 7px 0;border-bottom: 1px solid #333;background: #f2f2f2;color: #333;font-size: 16px;} .inform_talk > ul > li.null{padding:10px;text-align:center;} .inform_talk > ul > li ul li{position: relative;padding: 20px 0;border-top: 1px solid #ccc;letter-spacing: -0.025em;border-top: 0;} .inform_talk span.division{display: block;font-weight: 300;} .inform_talk .sndngCntnts > ul > li{padding: 2px 0;} .inform_talk span.division em{font-weight: 400;} .inform_talk span.tit{display: block;width: 90%;padding-top: 13px;color: #333;font-size: 15px;} .inform_talk div.detail_view{position: absolute;top: 15px;right: 0;} .inform_talk div.detail_view span.date{display: block;margin-bottom: 5px;} .inform_talk div.detail_view a{display: inline-block;float: right;padding: 6px 10px;background: #333;color: #fff;text-align: center;} /* 관리자인증 */ .admin_confirm .auth_list {display: flex;flex-wrap: wrap; gap: 30px;} .admin_confirm .auth_item {flex-basis: calc((100% - 30px) / 2);flex-grow: 1;border-radius: 16px;background-color: #F4F4F4;display: flex;flex-direction: column;min-height: 500px;text-align: center;overflow: hidden;} .admin_confirm .auth_item > div {flex-grow: 1;display: flex;gap: 20px;flex-direction: column;justify-content: center;align-items: center;} .admin_confirm .auth_item .tit {display: block;font-size: var(--font-lg);font-weight: var(--font-weight-bold);color: var(--color-black-100);} .admin_confirm .auth_item .txt {display: block;font-size: var(--font-md);color: var(--color-black-100);} .admin_confirm .auth_item a {display: block;width: 100%;background-color: #CA3B3B;color: #fff;font-size:var(--font-lg);font-weight: var(--font-weight-bold);padding: 20px 0;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;} .admin_req_steps_cont.service_guide .box_pink{margin-left:0;} .admin_confirm .service_guide .box_pink ul{margin: 0;} .admin_confirm .service_guide .box_pink ul li, .admin_confirm ul.bull_list li{float: none;width: auto;} .admin_confirm .admin_req_steps ul{display: flex;justify-content: center;gap: 200px;margin-bottom:60px;position: relative;} .admin_confirm .admin_req_steps.steps_big ul{gap:88px;} .admin_confirm .admin_req_steps li{display: flex;flex-direction: column;color:var(--color-black-100);} .admin_confirm .admin_req_steps li span{text-align:center;} .admin_confirm .admin_req_steps li.on span{font-weight:var(--font-weight-bold);} .admin_confirm .admin_req_steps li:after{content: '';position: absolute;top: 39%;left: 16%;width: 70%;border-top: 2px dashed #CCCBCB;} .admin_confirm .admin_req_steps li:before { content: "";display: block;width: 134px;height: 134px;margin: 10px auto;z-index: 1;} .admin_confirm .admin_req_steps li.step2:before {background:url('/web/vols/2025/images/mypage/admin_step2.png') no-repeat center center;} .admin_confirm .admin_req_steps li.step4:before {background:url('/web/vols/2025/images/mypage/admin_step4.png') no-repeat center center;} .admin_confirm .admin_req_steps li.step5:before {background:url('/web/vols/2025/images/mypage/admin_step5.png') no-repeat center center;} .admin_confirm .admin_req_steps li.step7:before {background:url('/web/vols/2025/images/mypage/admin_step7.png') no-repeat center center;} .admin_confirm .admin_req_steps li.step2.on:before {background:url('/web/vols/2025/images/mypage/admin_step2_on.png') no-repeat center center;} .admin_confirm .admin_req_steps li.step4.on:before {background:url('/web/vols/2025/images/mypage/admin_step4_on.png') no-repeat center center;} .admin_confirm .admin_req_steps li.step5.on:before {background:url('/web/vols/2025/images/mypage/admin_step5_on.png') no-repeat center center;} .admin_confirm .admin_req_steps li.step7.on:before {background:url('/web/vols/2025/images/mypage/admin_step7_on.png') no-repeat center center;} .admin_req{margin-top: 50px;} .admin_req .admin_req_data, .volscard_data{border-top:1px solid #C2C2C2;border-bottom: 1px solid #C2C2C2;} .admin_req .admin_req_data .group, .volscard_data .group{display: grid;grid-template-columns: 1fr 1fr;} .admin_req .admin_req_data .group.full_group, .volscard_data .group.full_group{grid-template-columns: 1fr;} .admin_req .admin_req_data .group dl, .volscard_data .group dl{display: flex;align-items: center;gap: 12px;margin: 0;box-sizing: border-box;width: 100%;} .admin_req .admin_req_data .group dl, .volscard_data .group.full_group dl{align-items:stretch;} .admin_req .admin_req_data .group dt, .volscard_data .group dt{flex-basis: 166px;flex-shrink: 0;background-color: #EDEDED;padding: 16px 0;text-align: center;color: var(--color-text-black); box-sizing: border-box;} .admin_req .admin_req_data .group dl dd, .volscard_data .group dl dd{align-content: center;flex-grow: 1; padding: 10px 12px;color: var(--color-text-black);min-width: 0;} .admin_req .admin_req_data .group dl dd textarea{width:100%;resize:none;border: 1px solid #CCCBCB;border-radius: 5px;padding: 7px 9px;} .admin_req .admin_req_data .group dl dd.full_content, .volscard_data .group dl dd.full_content{justify-content: center;flex-grow: 1;display: flex;flex-direction: column;gap: 15px;} .admin_req .admin_req_data .group dl dd div.full_row {display: flex;align-items: center;gap: 10px;flex-wrap: wrap;} /*로그인*/ .admin_confirm.join ul { display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;} .admin_confirm.join ul li {flex: 1 1 calc(33.333% - 20px);max-width: calc(33.333% - 20px);box-sizing: border-box;border: 1px solid #BABABA;border-radius: 16px;} .admin_confirm.join ul li a {display: block;padding: 100px 60px;height: 100%;box-sizing: border-box;border-radius: 16px;} .admin_confirm.join ul li a:hover{outline: solid #005fcc;outline-offset: 2px;border-radius: 16px;} .admin_confirm.join ul li .tit {display: block;font-size: var(--font-subheading-lg);font-weight: var(--font-weight-bold);color: var(--color-black-100);margin-bottom: 20px;text-align: center;} .admin_confirm.join ul li .txt {display: block;font-size: var(--font-body-lg);text-align: center;} .qna_top .signup_box .signup {display: flex;align-items: center;justify-content: center;gap: 10px;} .qna_top .signup_box .signup strong{font-size: var(--font-body-lg);font-weight: var(--font-weight-bold);} .qna_top .signup_box .signup .join {background-color: var(--color-orange-deep);color: var(--color-white-100);display: inline-block;box-sizing: border-box;padding: 8px 20px;border-radius: 10px;font-size: var(--font-md);font-weight: var(--font-weight-semi-bold);} .write_form.qna .board_data_position_top dl dd input[type="text"], .write_form.qna .board_data_position_top dl dd input[type="number"]{width:300px;} .write_form.qna .board_data_position_top .id_group dl dd input{margin:10px 0;} .tab-container {width: 800px;max-width: 100%;margin: 0 auto;box-sizing: border-box;border: 2px solid var(--color-orange-deep);border-radius: 16px;} .tab-container .tabs {display: flex;justify-content: center;margin-top: 113px;margin-bottom: 53px;} .tab-container .tabs .tab {font-size: var(--font-lg-plus);font-weight: var(--font-weight-bold);padding: 0 80px 12px 80px;color: #7A7A7A;border-bottom: 2px solid #E7E7E7;cursor: pointer;} .tab-container .tabs .tab[aria-selected="true"] {color: var(--color-orange-deep);border-bottom: 3px solid var(--color-orange-deep);} .tab-container .tab-content {padding: 0 150px 80px;box-sizing: border-box;display: none;} .tab-container .tab-content.active {display: block;} .input_text.pwd_wrap{position: relative;display: inline-block;width: 100%;} .btn_pwd_view {position: absolute; right: 10px;top: 50%; transform: translateY(-50%);z-index: 10;display: inline-flex;justify-content: center;align-items: center;flex-shrink: 0;width: 20px; height: 20px;margin: 0;padding: 0;border: 0;cursor: pointer; text-decoration: none;vertical-align: middle;background-color: transparent;} .btn_pwd_view::after {content: '';display: block;width:20px;height: 20px;} .btn_pwd_view.ico_pwd_view::after{background: url('/web/vols/2025/images/ico/ico_pwd_view_off.png') no-repeat center;background-size: contain;} .btn_pwd_view.ico_pwd_view.on::after {background: url('/web/vols/2025/images/ico/ico_pwd_view_on.png') no-repeat center;background-size: contain;} .login_box .login_top dd{margin-bottom:20px;} .login_box .input_text, .pw_search .input_text{width:100%;} .login_box .input_text input[type="text"],.login_box .input_text input[type="password"], .pw_search .input_text input[type="text"],.login_box .pw_search input[type="password"] {width: 100%;height: 50px;padding: 0 15px;border: 1px solid #B2B2B2;box-sizing: border-box;font-size: var(--font-body-lg);border-radius:unset;} .login_box .input_text input[type="text"]:focus-visible, .login_box .input_text input[type="password"]:focus-visible{outline: solid 1px #000;} .login_support .search_service_btn, .pw_search .search_service_btn{padding:0;} .login_support .save_id {text-align: right;} .captchaDiv {padding: 20px 0;} .captchaDiv .img_sec {display: flex;align-items: center;justify-content:center; gap: 10px;margin-bottom: 20px;} .captchaDesc {color: #131416;text-align: center;margin-top: 20px;} .link-buttons {display: flex;justify-content: center;gap: 10px;margin:30px 0;} .link-buttons a {color: #7A7A7A;font-size: var(--font-body-lg);font-weight:var(--font-weight-semi-bold);padding: 5px 10px;position: relative;} .link-buttons a:not(:first-child)::after {content: '';display: block;position: absolute;width: 1px;height: 15px;top: 12px;left: -6px;overflow: hidden;background: #7A7A7A;} .box_sns {width: 520px;max-width: 100%;margin: 0 auto;} .snsBtnList {margin: 30px 0;} .snsBtnList li {margin-bottom: 20px;border-radius: 10px;} .snsBtnList li.naver_login_item{background-color:#03C75A;} .snsBtnList li.kakao_login_item{background-color:#FEE500;} .snsBtnList li.fb_login_item{background-color:#034EC8;} .snsBtnList li .naver_login, .snsBtnList li > a.kakao_login, .snsBtnList li > a.fb_login{display: flex;justify-content: center;align-items: center;height: 80px;width: 100%;font-size: var(--font-heading-sm);font-weight: var(--font-weight-medium);box-sizing: border-box;} #naver_id_login img{display:none;} #naver_id_login span, #loginFbBtn span{color: var(--color-white-100);} .signup_box{font-size:var(--font-body-lg);color:var(--color-black-100);} .signup_box .signup_refer{font-weight:var(--font-weight-bold);} .admin_confirm.join.search ul li > div{margin: 0 2px; padding: 0; border: 1px solid #dee3eb;letter-spacing: -0.025em; cursor:pointer;} .admin_confirm.join.search .find ul li > div{margin: 0 2px 5%; padding: 0; border: 1px solid #dee3eb;letter-spacing: -0.025em;} .admin_confirm .find span.tit{display: block; margin:10px 25px 10px; color: #333;font-size: 18px;font-weight: 500;text-align: left; height :30px ;} .admin_confirm.join.search span.txt{display: block;position: relative;margin: 10px 65px 20px;text-align: left; min-height: auto;letter-spacing: -0.040em;} .admin_confirm.join.search .find span.txt{display: block;position: relative;margin: 10px 30px 30px;text-align: left;letter-spacing: -0.040em;} .admin_confirm .state{display: block;width: 100%;padding: 14px 0;background: #ccc;color: #333;font-size: var(--font-md);text-align: center;-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.11);-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.11);box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.11);} .admin_confirm div.info{width: 100%;border:1px solid #eee;} .admin_confirm div.info .date{display: block;padding: 15px 0;border-bottom: 1px solid #eee;font-size: var(--font-md);text-align: center;} .admin_confirm div.info .group{display: block;padding: 15px 0;border-bottom: 1px solid #eee;color: #333;font-size: var(--font-md);text-align: center;} .admin_confirm div.info a{background: #666;} .admin_confirm div.info dl{padding: 10px;} .admin_confirm div.info dl dt{color: #666;} .admin_confirm div.info dl dd{color: #666;font-size: 13px;font-weight: 300;line-height: 140%;} .find_id .admin_confirm{margin-top:40px;} .find_id .admin_confirm.join ul li a {padding: 90px 30px;} .pw_search{padding: 80px 130px;} .pw_search .pw_search_desc{font-size:var(--font-heading-sm);font-weight:var(--font-weight-bold);color:var(--color-black-100);text-align: center;line-height:1;} .pw_search_wrap{padding: 40px 120px 0;} .pw_search_wrap .pw_search_group dl{display: flex;justify-content: space-between;align-items: center;margin-bottom:30px;} .pw_search_wrap .pw_search_group dt{font-weight:var(--font-weight-bold);color:var(--color-text-black);flex-basis: 200px;} .pw_search .group dd{margin-bottom: 30px;} .pw_search_wrap .pw_search_group dd {width:70%;} .pw_search_wrap .pw_search_group input[type='password']{border: 1px solid #A5A5A5;width: 100%;padding: 8px;box-sizing: border-box;} .pw_search_group dl dt{flex-basis:200px;} .pw_search_group dl dd input[type='password']{padding: 8px;border: 1px solid #ccc;box-sizing: border-box;border-radius: 5px;width: 50%;} /** 회원가입 **/ /* 가입동의 */ .join_step_g {width: 100%;margin: 50px auto;} .join_step_g ul {display: flex;justify-content: space-between;align-items: flex-start;} .join_step_g ul li { position: relative;color: #A5A5A5;font-size: var(--font-md);font-weight: var(--font-weight-bold);text-align: center;flex-grow: 1;} .join_step_g ul li > div {width: 126px;height: 126px;border-radius: 50%;margin: 0 auto;border: 3px dashed #A5A5A5;background-color: #fff;display: flex;align-items: center;justify-content: center; color: #7A7A7A;font-size: var(--font-md);font-weight: var(--font-weight-bold);box-sizing: border-box;position: relative;z-index: 2;} .join_step_g ul li.on > div {background-color: #D74A16;color: #fff;border: none;flex-direction: column;gap:10px;} .join_step_g ul li:not(:last-child)::after {content: '';position: absolute;top: 50%;left: 50%;width: 100%;border-top: 3px dashed #A5A5A5; z-index: 1;} .agree_wrap {margin-top: 40px;} .agree_wrap .all{font-size:var(--font-xl);font-weight:var(--font-weight-bold);color:var(--color-text-black);justify-content:unset;} .agree_wrap .all.btm{border-bottom: 1px solid #A5A5A5;} .agree_wrap .all.btm .check_box{margin-bottom: 40px;} .agree_wrap.first {margin-top:0;} .agree_wrap .box .terms_content {height: 246px;padding: 20px;overflow: auto;background-color: #F8F8F8;color: var(--color-text-black);border-radius:20px;} .box2 .clause{margin-top: 0;padding: 10px;border:1px solid #e5e5e5;} .agree_wrap .box .terms_content::-webkit-scrollbar {width: 10px;} .agree_wrap .box .terms_content::-webkit-scrollbar-thumb {background-color: #A5A5A5;border-radius: 40px;} .agree_wrap > .checks{margin-top: 20px;color:var(--color-text-black);flex-wrap: wrap;} .agree_wrap .checks.small{padding-left: 10px;padding-right: 0;} .admin_confirm.admin_confirm2 .auth_item2 {flex-basis: calc((100% - 30px) / 2);flex-grow: 1;border-radius: 16px;background-color: #F4F4F4;display: flex;flex-direction: column;min-height: 500px;text-align: center;} .admin_confirm.admin_confirm2 .auth_item2 > div {flex-grow: 1;display: flex;gap: 20px;flex-direction: column;justify-content: center;align-items: center;} .admin_confirm.admin_confirm2 .auth_item2 .tit {display: block;font-size: var(--font-lg);font-weight: var(--font-weight-bold);color: var(--color-black-100);} .admin_confirm.admin_confirm2 .auth_item2 .txt {display: block;font-size: var(--font-md);color: var(--color-black-100);} .admin_confirm.admin_confirm2 .auth_item2 a {display: block;width: 100%;background-color: #CA3B3B;color: #fff;font-size:var(--font-lg);font-weight: var(--font-weight-bold);padding: 20px 0;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;} .admin_confirm.admin_confirm2 ul li.auth_item2 a:hover{background-color: #A5A5A5;color:var(--color-white-100);} .form_bottom.btn_flex_wrap{display: flex;justify-content: space-between;align-items: flex-end;flex-wrap:wrap;} /*개인정보 재동의*/ #reagree{padding: 80px 0;} #reagree .box_pink{margin-bottom:40px;} /** 통합검색**/ #integrated_search{float: none;width: 100%;padding: 60px 0;} #integrated_search .search{padding: 0 50px;text-align: center;} #integrated_search .search:after{display:block;clear:both;content:"";} #integrated_search .search form{display:block;clear:both;content:"";} #integrated_search .search .select_form{/* float: left; */width: 20%;min-width: auto;border: 0;} #integrated_search .search .input_form{/* float: left; */display: inline-block;width: 35%;margin: 2px 0;box-sizing: border-box;background: #fff;font-size: 15px;} #integrated_search .search label{display: block;margin: 0 4px;} #integrated_search .search select, #integrated_search .search input[type="text"]{width: 100%;height: 35px;border: 1px solid #b1b1b1;vertical-align: top;} #integrated_search .search_service_btn.col_add{clear: none;/* float: left; */width: 10%;margin: 2px 0;padding: 0;} #integrated_search .search_service_btn button{display: block;margin: 0;width: 100%;} #integrated_search .rescan{display: inline-block;padding: 12px;line-height: 1;vertical-align: top;} #integrated_search .rescan label{display:inline-block;margin: 0;} /* */ #integrated_search .search_wrap{margin-top: 15px;} #integrated_search .search_wrap:after{display:block;clear:both;content:"";} #integrated_search .search_right{float: right;width: 23.3%;} #integrated_search .search_left{float: left;width: 74.5%;} /* 검색어 영역 */ #integrated_search .popular{position: relative;border-top: 1px solid #333;border-bottom: 1px solid #333;} #integrated_search .popular p.tit{padding: 10px;color: #333;font-size: 17px;font-weight: 500;} #integrated_search .popular .ranking ul{padding: 5px 0;} #integrated_search .popular .ranking ul:after, #integrated_search .popular .ranking ul li:after{display:block;clear:both;content:"";} #integrated_search .popular .ranking ul li{display: block;width: 100%;padding: 3px 0;font-size: 13px;} #integrated_search .popular .ranking ul li span.num{display: inline-block;width: 15%;text-align: center;} #integrated_search .popular .ranking ul li a{display: inline-block;width: 63%;margin-right: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} #integrated_search .popular .ranking ul li span, #integrated_search .popular .ranking ul li a{float:left;color: #333;} #integrated_search .popular .ranking ul li span.up{float: right;display: inline-block;width: 10%;padding-left: 18px;background: url(/web/vols/2025/images/ico/ico_search_ranking_up.png) 0 6px no-repeat;} #integrated_search .popular .ranking ul li span.down{float:right;display: inline-block;width: 10%;padding-left: 18px;background:url(/web/vols/2025/images/ico/ico_search_ranking_down.png) 0 6px no-repeat;} #integrated_search .popular .ranking ul li span.normal{float: left;display: inline-block;width: 10%;padding-left: 0;padding-right: 18px;text-align: right;} #integrated_search .popular a.close{position: absolute;top: 7px;right: 0;width: 17px;height: 9px;padding: 10px;background: url(/web/vols/2025/images/ico/ico_dropdown_on_m.png) center center no-repeat;} #integrated_search .popular.on a.close{background: url(/web/vols/2025/images/ico/ico_dropdown_m.png) center center no-repeat;} #integrated_search .my_input{position: relative;border-top: 1px solid #333;border-bottom: 1px solid #333;margin-top: 10px;} #integrated_search .my_input p.tit{padding: 10px;border-bottom: 1px solid #cacaca;color: #333;font-size: 17px;font-weight: 500;} #integrated_search .my_input ul{margin: 5px 0;} #integrated_search .my_input ul:after, #integrated_search .my_input ul li:after{display:block;clear:both;content:"";} #integrated_search .my_input ul li{display: block;position: relative;width: 100%;padding: 3px 0;font-size: 13px;color: #888;} #integrated_search .my_input ul li span{float: left;display: inline-block;width: 70%;margin-left: 20px;margin-right: 10px;padding-left: 15px;background: url(/web/vols/2025/images/ico/ico_search_bul.png) 0 8px no-repeat;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} #integrated_search .my_input ul li a{position: relative;top: 2px;right: 20px;width: 20px; left: 3px; height: 15px;padding: 5px 0;text-align: left;} #integrated_search .my_input ul li a img{width: 12px;} #integrated_search .my_input a.close{position: absolute;top: 7px;right: 0;width: 17px;height: 9px;padding: 10px;background: url(/web/vols/2025/images/ico/ico_dropdown_on_m.png) center center no-repeat;} #integrated_search .my_input.on a.close{background: url(/web/vols/2025/images/ico/ico_dropdown_m.png) center center no-repeat;} /* 검색 영역 */ #integrated_search .search_box{position: relative;padding: 0 0 10px;border-top: 1px solid #333;} #integrated_search .search_box:after{display:block; clear:both; content:'';} #integrated_search .search_box .tit_lv2{padding: 10px 20px;border-bottom: 1px solid #ccc;} #integrated_search .search_box h3.tit_lv2:after {content: '';display: block;position: absolute;width: 23px;height: 22px;top: 12px;left: 0;overflow: hidden;background: url(/web/vols/2025/images/ico/ico_tit_lv2.png) 0 0 no-repeat;} #integrated_search .search_box p.number{position:absolute;top: 12px;right: 0;font-size: 15px;} #integrated_search .search_box p.number span{padding: 0 5px;color:#f36200;font-weight:500;} #integrated_search .search_box ul{padding: 10px 0;border-bottom: 1px solid #333;} #integrated_search .search_box ul:after, #integrated_search .search_box ul li:after{display:block; clear:both; content:'';} #integrated_search .search_box ul li{padding: 10px 0 0;border-top: 1px dashed #ddd;} #integrated_search .search_box ul li:first-child{padding-top: 0;border-top:0;} #integrated_search .search_box ul li a:hover, #integrated_search .search_box ul li a:focus{text-decoration:underline;} #integrated_search .search_box ul li div.tit_g{margin-bottom: 10px;} #integrated_search .search_box ul li div.tit_g span.tag{float: left;display: inline-block;margin-right: 10px;padding: 0 12px 1px;border-radius: 50px;color: #fff;font-size: 16px;letter-spacing: -0.025em;} #integrated_search .search_box ul li div.tit_g span.tag.blue{background: #4e76ad;} #integrated_search .search_box ul li div.tit_g span.tag.yellow{background:#a26402;} #integrated_search .search_box ul li div.tit_g a.tit{float: left;display: inline-block;width: 87%;color: #333;font-size: 20px;font-weight: 500;} #integrated_search .search_box ul li div.tit_g a.local{clear: both;display: block;width: 100%;margin-bottom: 5px;text-align: right;} #integrated_search .search_box ul li div.txt_g span em{font-weight: 500;} #integrated_search .search_box ul li div.file_g{margin: 10px 0;} #integrated_search .search_box ul li div.file_g span{margin: 0 20px 0 0;} #integrated_search .search_box a.more{display: inline-block;float: right;margin: 5px 0 0;padding: 5px 30px;background: #666;color: #fff;} #integrated_search .search_box ul li div.info_g span{display: inline-block;position:relative;margin: 0 8px;} #integrated_search .search_box ul li div.info_g span:first-child{margin:0 8px 0 0;} #integrated_search .search_box ul li div.info_g span:after{position:absolute;top: 6px;left: -10px;content:'';display:block;width:1px;height: 11px;background: #666;} #integrated_search .search_box ul li div.info_g span:first-child:after{display:none;} /* 오류안내 */ .error_wrap{min-height: calc(100vh);background:url(/web/vols/2025/images/common/bg_error.png) 0 0 repeat;} .error_wrap .outer{width: 100%; margin: 0 auto;} .error_wrap .inner{position: absolute;top: 45%;width: 100%;height: 535px;margin-top: -50px;text-align: center;} .error_wrap .error_box{width: 1100px;margin: 0 auto;padding: 10px;background: #fcae0a; /* Old browsers */background: -moz-linear-gradient(-45deg, #fcae0a 0%, #ec6901 100%); /* FF3.6-15 */background: -webkit-linear-gradient(-45deg, #fcae0a 0%,#ec6901 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg, #fcae0a 0%,#ec6901 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcae0a', endColorstr='#ec6901',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} .error_wrap .error_box .error{padding: 30px 160px;background: #fff;} .error_wrap .inner{position: absolute;top: 30%;width: 100%;height: 535px;margin-top: -70px;text-align: center;} .error_wrap .error_box p.tit{padding: 75px 0;background:url(/web/vols/2025/images/common/img_error.png) 0 0 no-repeat;color: #333;font-size: 32px;font-weight: 500;text-align: right;line-height: 130%;} .error_wrap .error_box p.txt{margin-top: 30px;padding: 25px 0;border-top: 1px solid #ddd;color: #333;font-size: 16px;text-align: left;} .error_wrap .error_box a{display:inline-block;padding:15px 20px;background: #eb6900;color: #fff;font-size: 20px;vertical-align: middle;} .error_wrap .error_box a img{display:inline-block;padding-right:10px;} /** 봉사안내 **/ /* 자원봉사포털소개 */ .step_info{margin:20px 0;} .step_info ul:after{display:block;clear:both;content:'';} .step_info ul li{float: left;width: 16.66%;height: 105px;} .step_info ul li.step1{background:url(/web/vols/2025/images/common/bg_step01_info.png) center center no-repeat;} .step_info ul li.step2{background:url(/web/vols/2025/images/common/bg_step02_info.png) center center no-repeat;} .step_info ul li.step3{background:url(/web/vols/2025/images/common/bg_step03_info.png) center center no-repeat;} .step_info ul li.step4{background:url(/web/vols/2025/images/common/bg_step04_info.png) center center no-repeat;} .step_info ul li.step5{background:url(/web/vols/2025/images/common/bg_step05_info.png) center center no-repeat;} .step_info ul li.step6{background:url(/web/vols/2025/images/common/bg_step06_info.png) center center no-repeat;} .step_info ul li div{width: 105px;margin: 0 auto;padding: 37px 0;text-align: center;letter-spacing: -0.060em;line-height: 1;} .step_info ul li div .step{display: block;padding-bottom: 5px;font-size: 12px;text-transform: uppercase;} .step_info ul li div .txt{display: block;color: #333;font-size: 12px;} /* 원패스 20180425 최종적용전이므로 숨김 반영시 initial로 변경*/ .onepass {display:none;} /* 2단계 로그인 구글 OTP 입력 */ .otpcode_div{clear: both; float: left; width: 100%; margin-top: 20px;} .input_optcode {margin: 50px 0 30px 0;} .input_optcode input{border-bottom: 1px solid #333;} .login.otpLogin{min-height: 500px;} .otpLogin a {text-decoration:underline;font-size: 0.9em;} .otpLogin .lay_mark{display:none;position:absolute;width:230px;padding:8px;border:2px solid #cdcdcd;background:#fff;z-index:10;-webkit-transform:translate(120%, 0%);-moz-transform:translate(120%, 0%);transform:translate(120%, 0%);} .otpLogin .lay_mark.on{display:block;} .otpLogin .lay_mark .tt{color:#828282;font-size:.875rem;} .otpLogin .tbl_mark_info{width:100%;margin-top:5px;border:1px solid #ccc;} .otpLogin .tbl_mark_info th{padding:5px;border-left:1px solid #ccc;background:#eee;color:#828282;font-size:.875rem;font-weight:500;text-align:left;} .otpLogin .tbl_mark_info tbody th{border-top:1px solid #ccc;} .otpLogin .tbl_mark_info td{padding:5px;border:1px solid #ccc;border-width:1px 0 0 1px;color:#828282;font-size:.875rem;line-height:18px;vertical-align:top;} .otpLogin .tbl_mark_info td.bt_no{border-top:none;} #step1 a.btn_volcard{color:var(--color-orange-deep);border:1px solid var(--color-orange-deep); border-radius:8px;padding:4px 10px;font-weight:var(--font-weight-semi-bold);} #step1 ul.ul_gap > li:not(:first-child):not(:last-child) {margin: 20px 0;} #step1 .volcard_step ul{display: flex;align-items: center;gap: 32px;justify-content: center;} #step1 .volcard_step ul li div{background-color: #FFE3D4;width: 160px;height: 160px;border-radius: 50%;text-align: center;color:var(--color-orange-deep);font-weight:var(--font-weight-bold);display: flex;flex-direction: column;justify-content: center;align-items: center;letter-spacing: -2px;} #step1 .li_underline {text-decoration:underline;color: #000;} .vcard_guide_list{list-style: disc;padding: 10px 12px;} /* //25_자원봉사증 */ @media screen and (max-width:1200px) { .form_header{align-items: flex-start;} .form_header div{flex-direction: column;gap: 10px;} } @media screen and (max-width:1100px) {.serve_bot {width: 460px;top: 45px;left: auto;right: 0;margin-left: 0;}} /* 테블릿 */ @media screen and (max-width: 1024px) { .search_result p{padding-left: 20px;margin-top: 20px;} html{min-width:inherit;} .screen_controll {display:none;} .mobile_only {display: block;} .mobile_only.tablet_on{display:none;} .pc_only {display: none !important;} .all_search{display: none;} /* 검색 폼 */ #searchHopeArea1 ,#searchHopeArea2{width:100%;} .search_form div.search_box{flex-wrap: wrap;margin:0 20px;margin-bottom: 34px;justify-content:unset;} /* .select_form {width: 100% !important;} */ .search_form .input_text {width: 70%;} .search_form .btn_search {float: right;width: 29.7%;margin: 2px 0;} .btn_search span {width: 100%;} .search_service .label {line-height:100%;} .search_service .form_elem dt {position:static;padding:0;padding-bottom: 5px;} .search_service .form_elem dd{padding: 0;} .search_service .form_elem dd .input_text{display: block;width: 100%;} .search_service .form_elem .input_text.input_text_inline.ip_ex{width: 100% !important;} .search_service .form_elem dd .refer{padding-left: 0;} .form_elem .symbol{width: 4%;text-align: center;} .search_service_btn{padding-bottom: 30px;} .search_service .form_elem .check_box {display:inline-block; margin-left:6px; padding-top:4px;} .search_service .form_elem.ch_all dt{padding-left:0} .search_service.wide .form_elem.title .input_text {width:100%;} .search_service .form_elem.col01, .search_service .form_elem.col02, .search_service .form_elem.col03, .search_service .form_elem.col04{height:auto} .search_service.wide .form_elem.title .refer {margin-top:6px;margin-left:0;} .datepicker_wrap .radio_box {margin-left:0;padding-top: 5px;} .datepicker_wrap .radio_box .radio_btn{margin-right: 0;} .checks.small input[type="radio"] + label{/* font-size:13px; */} /* 입력 박스 */ .form_body dl {min-height:auto; padding:14px 0 9px 20px;} .form_body dl dt {position:static; padding:0;} .form_body dl dt i {display:inline;} .form_body dl dd {padding:9px 0 0;} .form_body.tit_grey dl dt {width:auto; background:none;} .form_body dl.tit_multi dd {padding:9px 0 0;} .form_body dl.gender_group .radio_btn {padding-top:0;} /* layerPopup */ .layerpopup_wrap {width:auto;height:auto;margin:0;top: 20px;right: 20px;bottom: 20px;left: 20px;} /* data table */ .data_table .cols.type4 .table_wrap {width:50%;} .data_table .cols.type4 .table_wrap:nth-child(3), .data_table .cols.type4 .table_wrap:nth-child(4) {margin-top:40px;} .onepass {display:none;} /* 개인봉사 */ .board_list.board_list2{margin: 0;} .board_list .list_wrap .cotent{width: 100%;} .board_list.board_list2 a.btn_prev{left: 10px;} .board_list.board_list2 a.btn_next{right: 10px;} .board_list .list_wrap div.float_txts{margin-top: 24px;display: flex;color: var(--color-orange-deep);font-weight: var(--font-weight-bold);letter-spacing: var(--letter-spacing-tight);align-items: center;justify-content: center;gap: 20px} .board_list div.vols-Dday {display: none;} .board_list .list_wrap div.float_txts > div:nth-child(1){font-size: var(--font-lg);} .board_list .list_wrap div.float_txts > div:nth-child(2){display: flex;border: 1px solid #D74A16;padding: 7.5px 23px;font-size: var(--font-md);} .board_list .list_wrap div.float_txts > div.num{font-weight: 400;} /* 이슈키워드 */ .issue_wrap .stats_info{padding: 0 20px 30px;} .issue_wrap .stats_info .stats_search{position: relative;top: 0;left: 10px;right: auto;text-align: center; margin-bottom: 0;} .issue_wrap .stats_info .stats_search div.flex-dir{flex-direction: column;gap: 4px;} .issue_wrap .serve_many{margin-top: 30px;} .top_search10{padding: 0 20px;} .top_search10 > div{margin: 0;} .top_search10 .search_chart{height: auto;} .top_search10 .search_prog, .top_search10 .search_chart{float: none;width: 100%;} .top_search10 .search_prog > div, .top_search10 .search_chart > div{float: none;width: auto;} .top_search10 .search_prog > div > div, .top_search10 .search_chart > div > div{margin: 10px 0;} .top_search10 .search_prog > div > div img, .top_search10 .search_chart > div > div img{width: 100%;} .top_serve > div{margin: 0;} .top_serve .serve_list{float: none;width: 100%;} .top_serve .serve_list > div > div, .top_serve .serve_chart > div > div{margin: 10px 0;} .top_serve .serve_chart{float: none;width: 100%;} .top_serve .serve_chart > div > div{margin-top: 0;} .top_serve .serve_chart .chart_box img{width:100%;} /*리스트*/ .board_list .list_wrap dl.txts, .board_list .list_wrap.wrap2 dl.txts{width:100%;} .board_data.type2 .group dl.file dl.file dt{width: 100%;padding-bottom: 0;border: 0;text-align: left;} .board_data.type2 .group dl dd a.btn{position: relative;top: 0;clear: both;/* margin: 0; */} .board_data.type2 .group dl.file dd ul li span{display: block;padding: 0 10px 10px;} .board_data.type2 .group dl.file .dd2, .board_data.type2 .group dl .dd2{margin-left: 0;} .board_data.type2 .group dl.file dl.file dd{padding-top: 0;margin-left: 0;border-left: none;} .board_data.type2 .group dl.file dl.file dd > span{padding: 0 10px 0;} .board_data.type2 .group dl.file dl.file dd img{display: none;} .board_data.type2 .group dl.file dl.file dd a.text{padding: 0;margin-right: 10px;line-height: 140%;} .board_data.type2 .group dl.file dl.file dd a.delete{margin: 0;} .board_data.type2 .group dl.capcha button.btn{margin: 2px 0 0;} .board_data.type2 .group dl.capcha button.btn span{padding: 0 5px;} .board_data.type2 .group dl dd .comment{display: block;} .board_data.type2 .group.group_dl1 dl dd em.comment{padding:5px 0;} .board_data.type2 .group dl.file #egovComFileList > div > span.tit{display: block;width: auto;padding-bottom: 0;border: 0;} .board_data.type2 .group dl dd .checks_txt{display:block;} .board_data.type2 .group dl dd .checks.agree{position: relative;top: 0;right: 0;left: 0 !important;padding: 6px 0 0 25px;}.board_data.type2.type2_1 .group dl dd .checks.agree{top: -1px;} .board_data.type2 .group dl .form_box_ab .id_number .checks.agree{top: -4px;} .board_data.type2.type2_1 .group.group_dl1 dl{padding-left: 0;} .board_data.type2.type2_1 .group dl dt{position: relative;width: 100%;background: #eee;} .board_data.type2.type2_1 .group.group_dl1 dl dd{clear: both;width: auto;margin: 0;padding: 8px 0;border-top: 1px solid #ddd;background: #fff;text-align: center;letter-spacing: -0.040em;} .serve_data .data_list dl{width: 50%;margin-top: 0;border-bottom: 0;} .serve_data .data_list dl:nth-child(2) dd span, .serve_data .data_list dl:nth-child(4) dd span{border-right: 0;} .serve_data .data_list dl:nth-child(8) dd span, .serve_data .data_list dl:nth-child(10) dd span{border-right:0} .serve_data .data_list dl:nth-child(9) dt span, .serve_data .data_list dl:nth-child(9) dd span, .serve_data .data_list dl:nth-child(10) dt span, .serve_data .data_list dl:nth-child(10) dd span{border-top: 0;} /* 게시판 */ .board_list {padding: 0 20px;} .table-padd {padding:0;} .board_list .board_nomal table{border-top: 1px solid #CCCBCB;} .board_list .board_nomal table td{padding: 20px 0;font-size: var(--font-body);border-right: none;letter-spacing: -0.1em;} .board_list .board_nomal table td.pd0{padding: 8px !important;} .board_list .board_nomal table tr.notice td{background: #eee;border-right: none;} /* 관리자인증 */ .admin_confirm span.txt{font-size:13px;} /* m_search_field */ .m_search_field{margin: 0 -5px;} .m_search_field table{width: 100%;border-top: 2px solid #666;} .m_search_field table th{width:50%;padding: 3px 8px 3px 8px;border-bottom: 1px solid #ccc;background: #f5f5f5;color: #333;font-size: 12px;font-weight: 400;text-align: left;line-height: 13px;} .m_search_field table td{width:50%;border-bottom: 1px solid #ccc;} .m_search_field table td.text_box > div{padding: 7px;} .m_search_field table td > div:after{display:block; clear:both; content:"";} .m_search_field table th.br, .m_search_field table td.br{border-right:1px solid #ccc;} .m_search_field table td select{width:100%;padding: 5px 5px;} .m_search_field table td .datepicker{position: relative;display: inline-block;float: left;width: 48%;} .m_search_field table td .datepicker input{display: block;width:100%;padding: 5px 5px;border: 0;} .m_search_field table td .datepicker .date_select{top: 3px;right: 0;} .m_search_field table td .symbol{display: inline-block;float: left;width: 4%;padding: 7px 0;text-align: center;} .m_search_field table td .select_form{width: 45% !important;margin: 0;border: 0;font-size: 14px;} .m_search_field table td .select_form select{line-height: inherit;font-size: 14px;} .m_search_field table td .checks{display: inline-block;padding: 7px 5px;} .m_search_field table td input{display: block;width:100%;padding: 3px 5px;border: 1px solid #a7a7a7;} .m_search_field > a{position: relative;display: block;padding: 5px;background: #333;color: #fff;font-size: 15px;text-align: center;} .m_search_field > a:after{position:absolute;top: 11px;content:"";width:17px;height:15px;margin-left: 6px;background: url(/web/vols/2025/images/ico/m_search_field_btn_on.gif) no-repeat;} .m_search_field > a.off:after{position:absolute;top: 11px;content:"";width:17px;height:15px;margin-left: 6px;background: url(/web/vols/2025/images/ico/m_search_field_btn_off.gif) no-repeat;} .m_search_field .checks.inline input[type="checkbox"] {display: inline-block; width: auto;} /** 통합검색 **/ #integrated_search .search{padding: 0;} #integrated_search .search .input_form, #integrated_search .search_service_btn.col_add{width: 100%;} /* 검색어영역 */ #integrated_search .popular{height:105px;overflow:hidden;} #integrated_search .my_input{height:40px;overflow:hidden;} #integrated_search .popular.on, #integrated_search .my_input.on{height:auto;} #integrated_search .search_right, #integrated_search .search_left{float: none;width: 100%;} #integrated_search .tab_mini ul.tab li{float: left;width: 33.33% !important;} #integrated_search .tab_mini ul.tab .tab_list.on .tab_link{height: 30px;border: 0;} #integrated_search .tab_mini ul.tab .tab_list{margin-top:0;} #integrated_search .tab_mini ul.tab .tab_link{border: 1px solid #ccc;height: 30px;} #integrated_search .search_right{margin-top:10px} #integrated_search .search_box ul{padding: 5px 0;} #integrated_search .search_box ul li{padding: 10px 0;} #integrated_search .search_box ul li:first-child{padding-top:5px;} #integrated_search .search_box ul li div.tit_g a.local{display: inline-block;float: left;width:auto;margin: 4px 0 0;padding: 0 5px;text-align: left;border-radius: 3px;background: #eaeaea;} #integrated_search .search_box ul li div.tit_g{margin-bottom: 5px;} #integrated_search .search_box ul li div.tit_g a.tit{display: block;width: 100%;padding-top: 2px;font-size: 15px;} #integrated_search .search_box ul li div.info_g span{display: block;margin: 0 14px !important;line-height: 140%;} #integrated_search .search_box ul li div.info_g span:after, #integrated_search .search_box ul li div.info_g span:first-child:after{position:absolute;top: 8px;left: -10px;display:block;content:"";width: 5px;height:1px;} #integrated_search .search_service_btn.col_add, #integrated_search .rescan{display: inline-block;width: auto;padding-right: 0;} .win-layer .win-conts .table_box_scroll{overflow-x: auto;} .win-layer .win-conts .table_box_scroll table{white-space: nowrap;} /* 오류안내 */ .error_wrap .inner{height: auto;} .error_wrap .error_box{width: 630px;} .error_wrap .error_box .error{padding: 30px;} .error_wrap .error_box p.tit{padding: 15% 20px 14% 70px;font-size: 23px;font-weight: 400;/* background-position: -25px 20px; */background-size: 230px;} .error_wrap .error_box a{padding: 10px;font-size: 14px;line-height: 1.2;} .serve_bot{width: 100%;border-radius: 0;} .pop-layer .pop-head{padding: 10px;border-bottom: 2px solid #ddd;} .pop-layer .pop-head h1.tit{font-size: 15px;} .pop-layer.serve_bot .pop-conts{height: 300px;} .serve_bot .pop-conts .center_call{height: 38px;font-size: 15px;line-height: 38px;} .serve_bot .pop-foot{margin: 0;} .pop-layer .btn-layerClose{top: 15px;right: 15px;} .layerpopup_wrap .layer_content {position:absolute;top: 54px;right:0;bottom:15px;left: 0;overflow:auto;box-sizing:border-box;} table.board_form tr.file li > span{padding: 0 10px 10px;} .top_btn_sec .sns_group div a{display:inline-block;margin: 0;padding: 0;} .board_list .board_nomal table th{ font-weight: 400;letter-spacing: var(--letter-spacing-tight);font-size:15px;} /* 봉사-지도보기 */ .board_map #map{height:400px;} .board_map #map2{height:400px;} .board_view .board_data-file dl dd {width: 80%;} /* sns 공유 */ .customer_center .top_btn_sec .btn.attention span{display: inline-block;} .customer_center .top_btn_sec .btn span{padding: 10px 24px;letter-spacing: var(--letter-spacing-tight);font-size: 16px;white-space: normal;word-break: keep-all;} /* 반응형 여백 */ .table-padd{padding: 0 16px;} .tit-padd{margin: 0 20px;} .mo-mb-30{margin-bottom: 30px;} .tab-pdd-mo{padding: 0 20px;} .board_list .board_nomal table.pd0-mo td{padding: 0;} .mo-mt50{margin-top: 50px;} .jc-right{justify-content: left;} /* 봉사참여 실적 */ .service_part_wrap .search_inner .searchArea_bottom > ul > li:last-child{justify-content: left;} .service_part_wrap .search_inner .searchArea_top ul li:last-child{justify-content: left;gap: 10px;align-items: flex-start;} ul.search_vols li{flex: 1;} ul.search_vols li div .input_01 #searchKeyword{max-width: 100%;} ul.search_vols li div .input_01 #searchNanmmbyNm{max-width: 100%;} .customer_center .mypage{padding: 0 20px;} .btn.btn_orange_round span{;letter-spacing: var(--letter-spacing-tight);} /* 최근 본 봉사 */ .search_box_cntr{flex-direction: column;} /* 봉사현황 */ .serve_num {margin-bottom:30px;} } @media (max-width: 875px){ .customer_center .write_form .board_data.type2 .group {flex-direction: column;} .customer_center .write_form.qna .board_data.type2 dl.file dd .file_bottom {flex-direction: column; align-items: flex-start;} .board_data_position_top {margin-bottom:30px;} .board_data_position_top .info_group {flex-wrap: wrap;} .board_view .board_data-file dl dd {width: 70%;float: left;border-bottom: none;} .faq_list .tit h3, .faq_list .answer {padding: 20px 20px 20px 80px;} .faq_list .tit h3 span.ico_q, .faq_list .cont .answer .ico_a {top:20px;left:20px;} .faq_list .answer p {padding-left:0;} /* 봉사참여 실적 */ .serve_data .my_data{display: flex;flex-direction: column;align-items: center;gap: 30px;padding: 30px 70px;} .serve_data .my_data div{width: 100%;} .form_box_ab .id_number{gap: 0;flex-direction: column;} .form_box_ab .id_number .checks{margin-top: 4px;} .check_header{flex-direction: column;margin-top: 20px;} .service_part_wrap .search_inner ul li{display: inline-flex;align-items: flex-start;flex-wrap: wrap;} .searchArea_top > ul > li:first-child > div.datepicker_inner{display: flex;flex-direction: column;} .serve_data .data_list{justify-content: center;} /*비밀번호변경*/ .pw_search_wrap {padding:30px 0;} .pw_search_wrap .pw_search_group dl {flex-wrap:wrap;} .sns_item {flex-basis:calc(100% - 60px);padding:33px;} .sns_item img {width:120px;height:120px;} .admin_confirm.admin_confirm2{margin:0 20px;} .admin_confirm .auth_item {min-height:350px;flex-basis: calc(100% - 30px);} .admin_confirm .auth_item > div {gap:0;} .admin_confirm .auth_item a {padding:18px 0;} dl.ingfo{margin: 0 20px 150px;} /*자원봉사증*/ #step1 .volcard_step ul {gap:10px;flex-wrap:wrap;} /*로그인관리*/ .manage_pwd, .google_otp_wrap{padding:0 20px;} .em{font-size:16px;} .google_otp dl dt {flex-basis:103px;} .board_data_show.type2 .group dl dt, .board_data_position_top dl dt {flex-basis:120px;font-size:16px;} .board_data_show.type2 .group dl dd, .board_data_position_top dl dd {font-size:16px;} .board_data_show.type2 .group dl dd{font-size:16px;align-content: center;} .search_service_stat .select_form select {width:300px;} } /* 모바일 */ @media screen and (max-width: 768px) { body {line-height:20px;} dt, dd, li {margin:0;padding:0;line-height:20px;} .service_part_wrap .board_list2 .search_inner{display: block !important;} .m_haze {position:absolute; top:-99999px;} .btn_sec.btn_sec_center{margin-bottom: 77px;} #contentsWrap{margin-top: 60px;} /* headings Level */ .tit_lv1 {font-size:22px; font-weight:700; color:#333;} .bull_list2 .triangle:after{top: 8px;} .bull_list_cont li.triangle{font-size:var(--font-subheading-lg);font-weight:var(--font-weight-bold);} .bull_list_cont li ul li, p.bull_list{font-size:var(--font-body-lg);} .tit_lv2 span{font-size: 14px;} .tit_lv3 {font-size:17px; font-weight:700; color:#333;} .tit_board_view {font-size:16px; line-height:25px;} .board_view h3.tit_board_view {font-size:var(--font-subheading-lg);font-weight:var(--font-weight-bold);padding:10px 20px;} .board_view h3{line-height: 26px;font-size: var(--font-base);} .board_view h3 span.tag{font-size: 14px;} h3.tit_lv2:after{top: 20px;} h3.no_bul{margin-bottom: 10px;font-size: 16px;} h4.tit_lv2{font-size:20px;} .board_list div.txts.resn_detail dt {font-size:20px;} h4.tit_lv2:after{top: 11px;left: 2px;} .login .tit_lv2:after{top: 14px;} .tit_g p.txt1{top: 8px;} /* 블릿 리스트 */ .refer {padding-left: 0;/*background-image:url('/web/vols/2025/images/ico/ico_refer_m.png');*/background-size:8px;} .refer.em {background-image:url('/web/vols/2025/images/ico/ico_refer_point_m.png');} .refer.point {background-image:url('/web/vols/2025/images/ico/ico_refer_b_m.png');} .dot_big {font-size:13px;} .dot_big:after {top: 5px;left: 0px;/* width:5px; *//* height:5px; */} .dot_default {font-size:var(--font-md);} .dot_default:after {width:5px; height:5px;} .hanguel {padding-left:17px; text-indent:-17px;} .number.default {padding-left:15px; text-indent:-15px;} .number.circle01 {padding-left:14px; text-indent:-14px;} .number.circle02 {padding-left:23px; text-indent:-23px;} .bull_list2 .triangle:after{top: 8px;} /* content */ #contents {width:auto;min-height:400px;margin:0 auto;padding: 10px 0;background: none;} #contents:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;} #reagree{padding:30px 0 0 0;} .content {float:none;width:auto;padding: 0;} .content_header {padding-bottom: 0;} .content_header h2 {padding-bottom: 10px;font-size:22px;text-align: center;} .content_header h2 p{display: block; font-size: 14px;} .tab-menu {margin: 0 6px 30px;} /* 검색 폼 */ .search_form:after{display:block; clear:both; content:"";} .search_form .multi_select {position:relative;} .search_form .multi_select .select_form {float:left;width:49%; margin:0 0 5px;} .search_form .multi_select .select_form:nth-child(2) {float:right;} .search_form .multi_select .input_text {width:100%; padding-right:45px; clear:both;box-sizing:border-box;} .search_form .multi_select .btn_search {position:absolute; right:0;bottom:0;} .search_result .sub_txt {display:block;position:static; margin-top:11px;} .search_result .all_check {margin-top:11px; margin-bottom:0;} .search_result p i {display:inline-block;} .search_line1{padding:10px;} .search_service .form_elem {width:100%;overflow:hidden;} .search_service .form_elem.btm_none {border-bottom:1px solid #fff;} .search_service .form_elem.date .input_text {width:100%;} .search_service .form_elem.title {width:100%;} .search_service .form_elem.w40 {width:40%; display: inline-block;} .search_service .datepicker {/* padding-right:23px; */} .search_service .datepicker .date_select {/* width:23px; *//* height:30px; *//* background-image:url('/web/vols/2025/images/common/ico_datepicker_m.png'); *//* background-size:23px; */} .popup_wrap .search_form {margin:0;border:1px solid #eaeaea;} .search_line1 span.form_g{float: left;display: inline-block;width: 100%;} .search_service_btn.col_add{display: block;width:100%;padding: 10px 0 0;} .search_service .form_elem .input_text_inline.wt80{width:100% !important;} /* 폼 요소 */ .form_elem .select_form_inline{display: block;} d {display: inline-block;width: auto;} .radio_btn input {vertical-align:-3px;} .checks.agree .check_box input[type="checkbox"] + label:before{top: 3px;} .input_form_block input{width:100% !important;} .search_form button.btn{margin-bottom:0;} .img_sec{flex-wrap:wrap;} .agree{justify-content: flex-start;} input[type="file"], .checks input[type="checkbox"] + label {font-size:16px;max-width: 100%;width: 100%;box-sizing: border-box;} .checks.small input[type="checkbox"] + label {font-size:16px;} .select_form select, .select_form_inline select {font-size: var(--font-base);} /* 버튼 */ .search_form .btn_search{float: right;width: 29.7%;margin: 2px 0;} .btn_search span {width: 100%;/* margin-left: 5px; */} /* .btn_submit span {height:36px;padding:0 17px;font-size: 15px;line-height:36px;} */ .btn_submit_sm span{height: 25px !important;padding: 0 10px !important;font-size: 12px !important;font-weight: 400;line-height: 25px !important;} .btn_propo span {height:55px; padding:0 76px; font-size:15px; font-weight:bold; line-height:55px; border:1px solid #5cb8c3; color:#fff; background:#5cb8c3;} /* 20170516 추가 */ .btn_propo span:after{width:15px; height:30px; margin-left:21px; background:url('/web/vols/2025/images/ico/ico_arr_r_04.png') no-repeat 0 center; background-size:11px 16px; vertical-align:-11px; display:inline-block; content:'';} /* 20170516 추가 */ .btn.yellowocher {height:30px; font-size:15px;} .btn.yellowocher .ico {display:none;} .btn.yellowocher span {padding:0 23px; line-height:30px;} .btn.white, .btn.prev {width:100%; height:43px; font-size:20px;} .btn.white span, .btn.prev span {line-height:43px;} .btn.white.fixed {width:100%;} .btn.grey span {/* height:37px; *//* padding:0 13px; *//* font-size:16px; *//* line-height:37px; */} .customer_center .top_btn_sec2 .btn {margin-top: 0;} .customer_center .top_btn_sec2 .btn span{height: 30px;font-size: 14px;line-height: 30px;} .btn.white_small span {/* height:37px; *//* padding:0 13px; *//* font-size:16px; *//* line-height:37px; */} .btn.yellow_r {padding:0 16px;} .btn.yellow_r span {height:28px; padding-right:9px; line-height:28px; background:url('/web/vols/2025/images/ico/ico_arr_r_02_m.png') no-repeat right center; background-size:4px;} .btn.grey_r span {height:28px; padding-right:12px; line-height:28px; background:url('/web/vols/2025/images/ico/ico_arr_r_03_m.png') no-repeat right center; background-size:4px;} .btn.grey_r2 span {height:28px; padding-right:12px; line-height:28px; background:url('/web/vols/2025/images/ico/ico_arr_r_03_m.png') no-repeat right center; background-size:4px;} .btn.file_down {height:30px; padding:0 15px; line-height:30px;} .btn.file_down span {padding-right:25px; background-image:url('/web/vols/2025/images/ico/ico_download_m.png'); background-size:15px;} .btn.form_gray.indent{margin-left:0;margin-top:5px;width:100%;} .sns {width:29px; height:30px;} .sns span {overflow:hidden; text-indent:-9999em;} .sns.facebook {background:url('/web/vols/2025/images/common/sns_facebook_m.png') no-repeat left top; background-size:29px;} .sns.twiter {background:url('/web/vols/2025/images/common/sns_twiter_m.png') no-repeat left top; background-size:29px;} .top_btn_sec {padding-bottom:10px;text-align: right;} .top_btn_sec p{text-align:left;line-height: 140%;} .top_btn_sec .sns_group {margin-left:0;} .customer_center .top_btn_sec.top_btn_sec2{margin-top: 0;} .customer_center .top_btn_sec .form_header{top: 0;left: 0;right: auto;padding-bottom: 0;} /* 게시판 */ .board_list .board_nomal table .date{width: 30% !important;/* border-right: 0; */} .board_list .board_nomal table td a.btn{padding: 8px;} .board_list .board_nomal table td a.btn:hover, .board_list .board_nomal table td a.btn:focus{padding:6px;} /*포토 타입*/ .board_header .search_result {/* padding: 10px 0 10px; */} .board_list .list_wrap {padding: 0;border-top-width:1px;} .board_list .list_wrap > li {/* border-bottom:1px solid #e1e1e1; */} .board_list .list_wrap a.list {padding:19px 0 11px;} .board_list.non_sub .list_wrap a.list {padding: 12px 0;} .board_list.non_sub .list_wrap.wrap3 a.list{padding-bottom:0;} .board_list2.non_sub .list_wrap a.list3, .board_list2.non_sub .list_wrap div.list3{padding-left: 24px;} .board_list a div.tag_g span.ing{display: block;} .board_list.non_sub .tit_board_list {padding-bottom: 0;font-size: var(--font-lg);} .board_list a div.tag_g, .board_list div.tag_g{padding-bottom: 0;display: inline-flex;gap:10px; align-items: center;} .board_list .list_wrap div.list.bg_gray .tag_g, .board_list .list_wrap div.list.bg_gray div.txts{padding: 10px;} .board_list .tit_board_list a, .list2 dl.txts dt.tit_board_list span:not(.tag){font-size:var(--font-subheading);color:var(--color-text-black);font-weight: var(--font-weight-bold);} .board_list .tit_board_list a.tit{max-width: 65%;} .board_list .list_wrap .text {padding-top:9px;} .board_list.data_middle .list_wrap .board_data {padding-top:8px;} .board_list.check_type div.list .check_box {top:18px;} .board_list .list_wrap a:after {content:'';display:block;width:0;height:0;clear:both;} .board_list .list_wrap .txts .title {padding-top:14px;} .board_list .list_wrap .null p {height:125px; font-size:var(--font-body-lg); line-height:125px;} .board_bottom {margin-top: 10px;} .board_list .board_data dl {margin-top:0; vertical-align:top;font-size:16px;} .local_service_center .board_data.normal dl dd.w85{width:85%;} .board_data.normal dl dd select{margin:0;} .board_data dl.tit{height: 40px;} .board_data dl.tit dd{width: 70%;} .board_data.time_cptn dl:nth-child(n){width: 100%;} .board_list .board_data dl:after {top:7px;} .board_list .board_data dl.name {display:block; overflow:hidden;} .board_list .board_data dl.date {float:none; width:auto; vertical-align:top;} .board_list .board_data dl.search_num {float:none; width:auto; margin-left:20px; vertical-align:top;} .board_list .list_wrap .board_data.right {position:static; padding-top:11px;} .board_list .list_wrap .board_data.right dl {margin-left:40px;} .board_list div.txts div.serve_btn{right: 0;padding-bottom: 0;} .board_data dl.activity dd{width: 70%;} .search_result .search_box_r{position: relative;top: 5px;} .search_result .search_box_r2{position: absolute;top: 7px;} .search_result .form_header{position: relative;top: 0;left: 0;padding-bottom: 0;} .search_result .checks .form_header p{padding-left: 11px;} .search_result .checks .form_header > p:after{left: -18px;} .search_result .form_header > p{margin-top: 5px;padding-left: 30px;font-size: 13px;text-align: left;} .search_result .form_header > p:after{content: "";position: absolute;width: 23px;height: 19px;top: 0;left: 0;text-indent: -9999em;background: url(/web/vols/2025/images/ico/ico_caution.png) no-repeat left top;} .check_ab{position: relative;right: 0;text-align: right;} /* 최근 본 봉사 */ .board_list.board_list2.non_sub .list_wrap > li.nonflex{gap: 12px;align-items: baseline;} .board_list .list_wrap .vols-table-wrap .vols-table{flex-direction: column;align-items: flex-start;} .search_box_cntr .bg-white{width: 88%;flex-direction: column;background-color: var(--color-white-100);padding: 40px 20px;border-radius: var(--radius-sm); margin-bottom: 20px;} .search_box_cntr .bg-white span.input_text{width: 100%;} .board_header2{padding: 0 20px;flex-wrap: wrap;align-items: flex-start;} .search_result p {padding-left:0;} /*상세*/ .board_view {/* padding-top:25px; */} .board_view.type2 {/* padding-top:10px; */} .board_data dl {display: block;position:relative;float:none;width:100%;margin-left: 0;/* padding-left: 10px; */padding-left: 0;} .board_data dl:after{display:block;clear:both;content:"";} .board_data dl:first-child {margin-top:0;} .board_data dl.locaton {padding-top:0; padding-left:38px;} .board_data dl.locaton dt {position:absolute; top:0; left:12px;} .board_data dl.locaton dd {padding-left:8px; text-indent:-8px;} .board_data dl.file {padding-top:0;} .board_data dl.file dt {float:none;} .board_data dl.file dd {float:none;} .board_data dl.file dd a {/* display:block; */position:relative;margin-left:0;/* padding-left:8px; */color:#333;} .board_data dl.file dd a:first-child {margin-top:0; margin-left:0;} .board_data dl.inner_file span {width:7px; height:16px; vertical-align:middle;background-image:url('/web/vols/2025/images/ico/ico_file_m.png'); background-size:7px;} .board_data .fr, .board_data .fl {float:none;} .board_data .fr dl {margin:0 0 0 0;} .board_data .fr dl.search_num {margin-left:0;} .board_data.type2 .group dl.file .dd2 span.file_g{padding: 5px 0;border-top: 1px solid #ddd;} .board_data.type2 .group dl.file .dd2 span.file_g:first-child{padding-top: 0;border:0;} .board_data.type2 .group dl.file .dd2 span.file_g a.delete{position: relative;} /* 봉사신청_달력 */ .date_wrap.checks{padding: 0;height: 100%;} .date_wrap .date{padding-left: 5px;padding-right: 8px;} .date_wrap label{padding-left: 5px;} .date_wrap label span{font-size: var(--font-body-sm);letter-spacing: -1px;line-height: 1.5;} .date_wrap label em{font-size: var(--font-body-sm);letter-spacing: var(--letter-spacing-tight); line-height: 1.5;} .incharge_data{display: grid;grid-template-columns: 1fr 1fr;padding: 11px 20px;} .incharge_data dl.fax{grid-column: 1 / 3;} .incharge_data dl {float: none;width: 100%;} .incharge_data dl.addr{grid-column: 1 / 3;display: flex;align-items: center;gap: 22px;padding-top: 0;} .incharge_data dl.addr dt{white-space: nowrap;} .incharge_data dl.tel ,.incharge_data dl.fax {text-align:unset;} .incharge_data dt, .incharge_data dd {font-size:16px;margin:0;} .board_body .edu_btn a{padding: 10px 18px;font-size: 16px;} .board_view .board_data-file dl dt {border-right:none; padding: 10px 20px;} /* 텝 */ .tab_wrap ul.tab {/* margin: 0; *//* overflow:hidden; */} .tab_wrap ul.tab .tab_list {/* float:none; */width: 50% !important;/* margin: 1px 0; */} .tab_wrap ul.tab .tab_list:first-child {/* margin-top:0; */} .tab_wrap ul.tab .tab_link:after {display:none;} .signup_conts .form_body .check_agree.marketing .refer i {display:inline;} .tab_wrap.tab_mini ul.tab .tab_list.on span{padding: 5px 0;} #integrated_search .tab_wrap ul.tab .tab_link{font-size: 13px;} .popup_content .tab_wrap ul.tab {margin:0;} .popup_content .tab_wrap ul.tab .tab_list {float:left;margin-top:0;} .popup_content .tab_wrap ul.tab .tab_link {display:block; display:table; position:relative; width:100%; height:54px; padding:0 25px; font-size:17px; font-weight:bold; box-sizing:border-box; color:#fff; background:#afafaf;font-size:14px;} .popup_content .tab_wrap ul.tab .tab_link:after {display:block;} .popup_content .tab_wrap.type2 ul.tab .tab_list {width:50% !important;} .popup_content .tab_wrap.type3 ul.tab .tab_list {width:33.3333% !important;} /* 입력 박스 */ .customer_center .write_form.qna .board_data.type2 dl dt {flex-basis: 120px;font-size: 16px;} .form_body dl {min-height:auto; padding:0 0 10px 0;} .form_body dl.gender_group .radio_btn {padding-top:0;} .form_body dl dt {padding:10px 0 10px 0; font-size:14px; font-weight:bold; line-height:100%; color:#333;} .form_body.tit_grey dl dt {width:auto; background:none;} .form_body dl dd .comment {margin-left:0;} .form_body dl dd .check_sec {display:block; margin-top:6px; margin-left:0;} .write_form{margin-top:10px;} .write_form .mandatory {width:6px; height:6px; background-image:url('/web/vols/2025/images/ico/ico_mandatory_m.png'); background-size:6px auto;} .form_body dl dd {padding-top:0; padding-right:0;} .form_body dl.input_box .input_text, .form_body dl.id_number .input_text {width:127px;} .form_body dl.input_box.id .input_text, .form_body dl.input_box.pwd .input_text {width:100%;} .form_body dl.input_box.id .btn {width:100%; margin-top:10px; margin-left:0;} .form_body dl.school.input_box .input_text {width:100% !important;} .form_body dl.school.input_box .btn{margin-left:0;} .form_body dl.school.input_box .comment.first{margin-top:10px;} .form_body dl.id_number .btn.form_gray {margin-left:0;} .form_body dl.gender_group .radio_btn {display:inline-block; padding-top:5px;} .form_body dl.gender_group .radio_btn:first-child {margin-right:60px;} .form_body dl.gender_group .radio_btn input {vertical-align:-3px;} .form_body dl.birthday .year {width:113px;} .form_body dl.birthday .month {width:82px;} .form_body dl.birthday .day {width:72px;} .form_body dl.birthday.input_box .input_text {width:100%;} .form_body dl.hint .select_form, .form_body dl.hint.input_box .input_text {width:100%;} .form_body dl.select_group.group3 .select_form {width:100%;} .form_body dl.select_group.multi .select_form {width:100%;} .form_body dl.select_group.multi .select_form:first-child{margin-bottom:5px;} .form_body dl.select_group.group4 .select_form, .form_body dl.select_group.group4 .input_text {width:125px;} .form_body dl.tel_number .first {width:72px;} .form_body dl.tel_number .tel1 {width:90px;} .form_body dl.tel_number .tel2 {width:90px;} .form_body dl.email_address .email_id {width:95%;} .form_body dl.email_address .email_domain {width:100%; margin-top:10px;} .form_body dl.email_address .domain_select {width:100%; margin-top:10px;} .form_body dl.id_number .btn {display:block; margin-top:10px;} /* file */ .form_body dl.file .file_group {padding-left:0;} .form_body dl.file .file_upload {position:relative;} .form_body dl.file .file_type {display:block; padding-left:14px; text-indent:-14px;} .form_body dl.file .file_list .hypen .file button span {width:18px; height:18px; background:url('/web/vols/2025/images/ico/btn_x_form_m.png') no-repeat left top; background-size:18px;} .form_body dl.permission_number .input_text {width:100%;} .form_bottom .btn_sec {margin:30px 0; text-align:center; gap: 9px;} .form_bottom .btn_sec .btn:first-child {margin-right:3px;} /* box module */ .module_box {/* margin:0 -15px; *//* padding:17px 0; *//* border-right:0 none; *//* border-left:0 none; */} .module_box .box {min-height:auto;padding: 150px 15px 20px;} .module_box .box:after {/* width:100px; *//* height:99px; */margin-left:-50px;top:25px;left:50%;} .module_box .box .main_txt {font-size: 18px;line-height:100%;text-align: center;} .module_box .box .h_decs {font-size:12px; line-height:20px;} .layerpopup_wrap .layer_content {/* position:absolute; *//* top: 54px; *//* right:0; *//* bottom: 0; *//* left: 0; *//* overflow:auto; *//* box-sizing:border-box; */} .bull_list li {font-size:16px;} .color_black {font-size:16px;} /* box 및 경고 문구 */ .grey_box_guide {padding:15px 11px;font-size: 16px;} .orange_box_guide{padding: 40px 20px;border-radius: 0;border-left: 0;border-right: 0;} /* 비밀번호 변경 */ .pw_search {padding: 50px 20px;} .pw_search_wrap .pw_search_group dd {width:100%;} .pw_search .pw_search_desc{font-size:var(--font-subheading-lg);} .pwdChangeDiv div {width: 100%;} .pwdChangeDiv input {width: 90%;} .pwdChangeDiv dt, .pwdChangeDiv dd {height: 36px;} .pwdChangeDiv dt label {line-height: 36px;} .pwdChangeDiv dd span, .pwdChangeDiv dd input {width: 100%;} .pwdChangeDiv .btn_orange, .pwdChangeDiv .btn_orange span {width: 100%;} .pwdChangeDiv .captchaDiv {width: 100%; margin: 40px 0 30px 0;} .pwdChangeDiv .captchaDiv dt, .pwdChangeDiv .captchaDiv dd {height: auto;} .pwdChangeDiv .captchaDiv input {width: 40%;} .grey_box_guide2 {padding:15px 11px; margin:25px 0;} .box_pink.border{border-radius: unset;} .caution{border-radius: initial;border: none;border-top: 2px solid var(--color-orange-deep);border-bottom: 2px solid var(--color-orange-deep);} .ico_check {font-size:12px; background:url('/web/vols/2025/images/ico/ico_v_m.png') no-repeat left top; background-size:21px;} /* table align */ .data_table .rows {margin-top:40px;} .data_table .rows:first-child {margin-top:0;} .data_table .cols .table_wrap {box-sizing:border-box;} .data_table .cols.type2 .table_wrap {float:left; width:50%; padding-right:2px; padding-left:2px;} .data_table .cols:first-child {padding-left:0;} .data_table .cols:last-child {padding-right:0;} .data_table .cols:after {content:''; display:block; width:0; height:0; clear:both; overflow:hidden;} .table_wrap .cols2_same .col1, .table_wrap .cols2_same .col2 {width:50%;} /* data table */ .data_table .data_header .advice {padding-bottom:6px; text-align:left;} .data_table .table_wrap table thead th {padding-top:8px; padding-bottom:8px; font-size:var(--font-md);} .data_table .table_wrap:after {right:0;left:0;} .data_table .table_wrap table tbody th, .data_table .table_wrap table tbody td {padding-top:8px; padding-bottom:8px;} .data_table .btn_print{right:15px; top:60px} /* table align */ .data_table .rows {margin-top:20px;} .data_table .rows:first-child {margin-top:0;} .data_table .cols .table_wrap {float:none !important; width:100% !important; margin-top:20px; padding-top:0 !important; padding-right:0 !important; padding-left:0 !important;} .data_table .cols .table_wrap:first-child {margin-top:0;} /* box */ .box_info dt {padding-bottom:8px; font-size:16px; font-weight:bold; color:#333;} /* 팝업 */ .popup_wrap .pop_header {height:45px;} .popup_wrap .pop_header:after {width:15px;} .popup_wrap .pop_header .tit {padding-left:29px; font-size:17px; line-height:45px;} .popup_wrap .pop_close {width:50px; height:45px; background:url('/web/vols/2025/images/common/layer_close_m.png') no-repeat center center; background-size:21px;} .popup_wrap .popup_content {padding:35px 15px;} .popup_wrap .popup_content .main_tit {padding-bottom:15px; font-size:15px;} .board_data.pop dl {display:block; float:none; overflow:hidden;} .onepass {display:none;} /* 입력 박스 */ .write_form2{margin-top: 0;} .write_form .form_header div{position: relative;top: 0;right: 0;text-align: right;font-size: 16px;} .write_form .form_body{margin-top: 5px;} .write_form .form_body table{margin-top:0;} .write_form .form_body dl{float: none;display: block;width: 100%;padding: 10px 0;padding-right: 20px;padding-left: 20px;} .write_form .form_body dl:first-child{padding-bottom: 0;border-bottom:0;} .write_form .form_body dt{font-size: 16px;} .write_form .form_body dd{font-size: 16px;} .write_form .qna_top{margin-top: 30px;} .input_text_ad, .input_text_ad2{display: block;} .board_data.type2 .group dl dd .input_text_ad input[type="text"], .board_data.type2 .group dl dd .input_text_ad2 input[type="text"]{width:100%;} .calendar_table .calendar_header .tit{margin-bottom: 20px;} .select-date-wrap{padding: 0 20px;gap:20px;} .write_form .cop-tabel table td {font-size:16px;} .form_header{padding-right: 20px;padding-left: 20px;} .write_form .form_body dl:first-child dt{padding-left: 0;} .write_form .form_body dl.email_address dt{padding-left: 0;} .result-date-wrap .tit{font-size: var(--font-base);} /* NEIS 연계서비스 */ .step_g{width: 310px;margin: 10px auto;} .step_g ul{background-position: left -3px;} .step_g.step_g2 ul{background-position: left -3px;} .step_g img{margin: 0;} .step_g ul li:last-child img{float: right;} .step_g span{display: none;} .step_stage{width: 100%;padding-bottom: 0;} .step_stage li{width: 25%;height: 85px;} .step_stage li img{width: 50px;} .step_stage li span{font-size: 16px;letter-spacing: -0.040em;line-height: 24px;} .step_stage li.arrow{width: 12%;} .step_stage li.arrow img{width: auto;} /* 알림톡 */ .inform_talk > ul > li{margin-top: -1px;} .inform_talk div.date{font-size: 14px;} .inform_talk > ul > li ul li{padding: 10px 0;} .inform_talk > ul > li ul li:first-child{} .inform_talk span.division{margin-top: -30px;} .inform_talk span.tit{padding-top: 0;font-size: 15px;} .inform_talk div.detail_view{position: relative;top: 0;text-align: right;} .inform_talk div.detail_view span.date{display: inline-block;margin: 0;padding: 6px;} .inform_talk div.detail_view a{float: none;} .board_list.txt_oneline .list_wrap > li .checks, .board_list.txt_oneline .txt_ab{top: 17px;} .board_list.txt_oneline .txt_ab{position: relative;top: 0;left: 0;right: auto;} .board_list .txt_ab dl dt:first-child{padding-left:0;} .board_list.txt_oneline .list_wrap > li .checks{top: 25%;} /* 추천봉사 */ .content_view .customer_center .board_list .txt_group{border-radius: 0;text-align: left;} .content_view .customer_center .board_list .txt_group h3{font-size: var(--font-subheading);} /** 회원정보 **/ .input_w1, .select_w1{width:100%;} .select_w40{width:40% !important;} .select_w35{width:35% !important;} .tit_g .read{position: relative;top: 0;right: 0;float: right;padding: 5px;} .google_otp dl dd {padding:20px 16px;} /* 봉사참여실적 */ .mypage .serve_data .my_data > div{float: none;width: 100%;} .mypage .refer_box, .customer_center form div .refer_box{padding: 5px 0;} span.table_exp{font-size:16px;} .serve_data .data_list dl{width: 100%;} .serve_data .data_list dl:nth-child(1n) dd span{border-right: 0;} .serve_data .data_list dl:nth-child(8) dt span, .serve_data .data_list dl:nth-child(8) dd span{border-top: 0;} /* 봉사현황 */ .tit_g button.btn{position: relative;top: 0;} .serve_center{display:block;} .serve_wrap {padding:30px 20px;} .serve_center .serve_num ul {grid-template-columns: 1fr 1fr;gap:20px;} .serve_center .serve_num ul li div{width: 160px;margin: 0 auto;border-radius: 50%;} .serve_center .serve_num li > span{font-size: var(--font-md);} .serve_go{grid-template-columns: 1fr 1fr;} .search_form div.search_box.more_box{margin:30px 0 0 20px;} /* 관리자인증 */ .admin_confirm span.txt{min-height: auto;padding-bottom: 15px;} .admin_req .admin_req_data .group dt{flex-basis: 100px;} /** 회원가입 **/ /* 가입동의 */ .agree_wrap {margin:0 20px;} .agree_wrap .all , h3.join_tit {font-size:var(--font-lg);} .form_bottom.btn_flex_wrap{margin:30px 0;} .join_step_g ul li > div {width:82px;height:82px;font-size:var(--font-xs);} .admin_confirm.admin_confirm2 .auth_item2 {flex-basis: calc(100% - 30px);min-height: 400px;} .admin_confirm.admin_confirm2 .auth_item2 > div {gap:0;} .admin_confirm.admin_confirm2 li.auth_item2:last-child {margin-bottom:45px;} .agree_wrap > .checks {flex-wrap:nowrap;} /* 로그인 */ .admin_confirm.join ul {padding: 0 30px;} .admin_confirm.join ul li {flex: 0 0 100%;max-width: none;} .admin_confirm.join ul li a {padding:42px 72px;} .admin_confirm ul li div > img{max-width: 160px;} .box_border{border-radius: unset;border: none;border-top: 1px solid #C1B8B8;border-bottom:1px solid #C1B8B8;margin-bottom:28px;} .admin_confirm.join span.tit{margin-top: 10px;font-size: 16px;} .admin_confirm.join span.txt{min-height: 35px;font-size: 12px;} .admin_confirm.join.search span.txt{padding-top: 1px;line-height: 140%;} .admin_confirm.join.search span.txt{display: block;position: relative;margin: 1px 35px 1px 35px;text-align: center;letter-spacing: -0.040em;} .admin_confirm.join.search .find span.tit{display: block; margin:10px 25px 10px; color: #333;font-size: 18px;font-weight: 500;text-align: center; height :30px ;} .admin_confirm.join.search .find span.txt{display: block;position: relative;margin: 10px 30px 10px;text-align: center;letter-spacing: -0.040em;} .pw_search_group dl dt{flex-basis:160px;} .pw_search_group dl dd input[type='password'] {width:100%;} .tab-container{border-radius:unset;border:none;border-top:2px solid var(--color-orange-deep);border-bottom:2px solid var(--color-orange-deep);} .tab-container .tabs {margin-top:50px;margin-bottom:20px;} .tab-container .tabs .tab {padding: 0 60px 12px;} .tab-container .tab-content {padding: 0 20px 50px;} .write_form.qna .board_data_position_top dl dd input[type="text"], .write_form.qna .board_data_position_top dl dd input[type="number"] {width:250px;} /** openAPI **/ /* 안내 */ .step_api{margin: 5px 0;} .step_api ul li.step1, .step_api ul li.step2, .step_api ul li.step3, .step_api ul li.step4{background-size: contain;} .step_api ul li.arrow{/* width: 5%; *//* height: auto; */padding-top: 4%;/* text-align: center; */} .step_api ul li div{width: auto;/* padding: 32px 0; */} .step_api ul li div .step{padding-bottom: 3px;} .step_api ul li div .txt{padding: 0 5px;text-align: center;} /* 오류안내 */ .error_wrap{} .error_wrap .outer{} .error_wrap .inner{height: auto;} .error_wrap .error_box{width: 85%;} .error_wrap .error_box .error{padding: 15px 0;} .error_wrap .error_box h1{} .error_wrap .error_box p.tit{padding: 18% 20px 14% 70px;font-size: 16px;font-weight: 400;background-position: -25px 20px;background-size: 50%;} .error_wrap .error_box p.txt{margin-top: 0;padding: 10px;font-size: 12px;} .error_wrap .error_box a{padding: 10px;font-size: 14px;line-height: 1.2;} .error_wrap .error_box a img{} /** 봉사안내 **/ /* 자원봉사포털소개 */ .step_info ul li{float: left;width: 33.33%;height: 105px;} .step_info ul li.step1, .step_info ul li.step2, .step_info ul li.step3, .step_info ul li.step4, .step_info ul li.step5, .step_info ul li.step6{background-size: 90px;} .step_info ul li div{width: 90px;margin: 0 auto;padding: 37px 0;text-align: center;letter-spacing: -0.060em;line-height: 1;} .step_info ul li div .step{display: block;padding-bottom: 5px;font-size: 12px;text-transform: uppercase;} .step_info ul li div .txt{display: block;color: #333;} .serve_data .data_list dl:nth-child(10) dt span, .serve_data .data_list dl:nth-child(10) dd span{} .top_search .search-group button{position: absolute;top: 12px;right: 10px;width: 30px;height: 30px;background:url(/web/vols/2025/images/common/btn_topsearch.png) 0 0 no-repeat;} /* 봉사-지도보기 */ .board_map #map{height:400px;} .board_map #map2{height:400px;} .service_guide, .guide_list{padding: 0 20px;} .login.otpLogin{min-height: auto;} .board_list div.vols-tag .tagWrap .tit_board_list em{font-size: var(--font-subheading-lg);} /* 봉사참여 실적 */ .serve_data .my_data{border-radius: 0;} .mber_board_data.type2 .group dl dt{font-size:16px;flex: none;min-width: 100px;width: 100px;text-align: left;padding: 14px 10px;} .list2 dl.txts dt.tit_board_list.larg{gap: 10px;flex-wrap:wrap;} .mber_board_data.type2 .group:nth-child(4) dl dd div:nth-child(1){display: flex;flex-direction: column;} .form_box_ab{flex-direction: column;align-items: flex-start;gap: 4px;} .form_box_ab .id_number{width: 100%;} .refer_box.sm{margin-bottom: 10px;} /*봉사정보*/ .issue_wrap .stats_search span {font-size: 22px;} .top_search10 .search_chart .data_box {font-size:12px;padding-bottom:18px;} /*자원봉사증*/ #step1 .volcard_step ul li div{width:120px;height:120px;font-size: 15px;} .volscard_data .group dt {flex-basis:100px;font-size: 16px;} .volscard_data .group dd{font-size:16px;} #step1 .form_bottom{margin-bottom:30px;} .m_border{border-radius: unset;} .board_nomal.board_scroll{overflow-x: auto;-webkit-overflow-scrolling: touch;width: 100%;} .board_nomal.board_scroll table{min-width: 1000px;width: 100%;} .board_list .board_nomal.board_scroll table td {padding:10px 0;} .volcard_step ul li.arrow:last-child {width:18px;} #step2 .agree_wrap > .checks {flex-wrap:wrap;} } @media all and (max-width:640px){ /* 시간인증봉사 */ .board_list div.vols-Dday{display: none;} .board_list .list_wrap.wrap2 div.txts.txts_pc_ver{display: none;} .board_list .list_wrap.wrap2 div.txts_mo.mobile_only{display: block;} .board_list .list_wrap > li{padding: 30px 20px;border-bottom: 0;border-radius: 0;border-top: 1px solid var(--color-gray-300);border-right: none;border-left: none; margin-bottom: 0;} .board_list .list_wrap > li:last-child{border-bottom: 1px solid var(--color-gray-300);} .board_list .list_wrap .vols-table-wrap .vols-table li ul{gap: 20px;} .board_list .list_wrap .vols-table-wrap .vols-table li ul{letter-spacing: var(--letter-spacing-tight);} .board_list3 .list_wrap > li{padding: 20px 20px 40px 20px;} .board_list3.non_sub div.tit_board_list{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .board_list3 .list_wrap .vols-table-wrap .vols-table li ul{flex-direction: column;align-items: flex-start;gap: 0;} .board_list3 .list_wrap .vols-table-wrap .vols-table{margin-bottom: 0;} .board_list3 .list_wrap .vols-table-wrap div{align-items: flex-start;} .board_list3 .list_wrap .vols-table-wrap div.tit > span{white-space: unset;} /* 지도 */ .board_map #placesList .item{padding: 20px;} .board_map #menu_wrap .option{padding: 10px 20px;width: calc(250px - 40px);} .board_map .placesList_wrap{width: 250px;height: 314px;padding-bottom: 16px;} .btn_gray span{padding: 9px 20px;} .btn_gray.prev span{padding: 9px 42px;} .btn_deepOrange span{padding: 9px 11px;} .calendar_table .table-padd{padding-left: 20px;} .calendar_table .table-padd #timecptnTable col.sat{width: 7%;} .calendar_table .calendar_header .tit p{font-size: var(--font-lg);} table.board_form th span{gap: 10px;} table.calendar th em{font-size: var(--font-lg-plus);} .form_bottom.btn_flex_wrap{justify-content: center;} /*자원봉사증*/ #step1 a{display:block;} #step1 a.btn_volcard {display:inline-block;} #step1 .bull_list_cont li{font-size:var(--font-body-lg);} .volscard_data .group {grid-template-columns: 1fr;} .qna_top .signup_box .signup{margin-top: 30px;} .write_form .form_body dl:first-child dt{padding-left: 0;} .write_form .form_body dl.email_address dt{padding-left: 0;} .search_service_stat .select_form select {width:246px;} .board_footer{padding: 30px 20px;} } @media screen and (max-width:480px) { .admin_confirm.join ul.npadd{padding: 0;} .admin_confirm.join ul.npadd li a{padding: 42px 30px;} .board_view .board_data-file dl dd {width: 50%;} .list2 dl.txts dd.board_data dl{gap:15px;} .radio_group {flex-wrap:wrap;} .popup_wrap .search_form .sub_tit{text-align:left;text-indent:-12px;padding-left:12px;} .popup_wrap .pop_search{padding:0 5px;} .popup_wrap .pop_board_header .result{float:none} .popup_wrap .pop_board_header .sub_txt{float:none} .popup_wrap .pop_board_list{border-top-width:1px;} .popup_content .tab_wrap ul.tab {margin:0 -15px; overflow:hidden;} .popup_content .tab_wrap ul.tab .tab_list {float:none; width:100% !important; margin-top:1px;} .popup_content .tab_wrap ul.tab .tab_list:first-child {margin-top:0;} .popup_content .tab_wrap ul.tab .tab_link {height:33px; padding:0 25px; font-size:14px;} .popup_content .tab_wrap ul.tab .tab_link:after {display:none;} .popup_content .tab_wrap.type2 ul.tab .tab_list {width:100% !important;} .popup_content .tab_wrap.type3 ul.tab .tab_list {width:100% !important;} #btnClPartcptn{position: relative !important;} .onepass {display:none;} .tab-container .tabs .tab {padding: 0 20px 12px;} .board_list .list_wrap .vols-table-wrap .vols-table{gap: 0;} .btn_sec{gap: 16px;} /* 봉사참여 실적 */ .serve_data .data_list{flex-direction: column;} .serve_data .data_list dl:nth-child(3), .serve_data .data_list dl:nth-child(6), .serve_data .data_list dl:nth-child(9){border-bottom: 1px solid #DADADA;} .serve_data .my_data{padding: 30px 23px;} .search-form > p{margin-bottom: 30px;} .service_part_wrap .search_inner ul li .radio_box label{font-weight: 400;} .mber_board_data.type2 .group:nth-child(3) dl dd{display: grid;grid-template-columns: 1fr 1fr;} .mber_board_data.type2 .group:nth-child(3) dl dd span:nth-child(3){grid-column: 1 / -1;} .mber_board_data.type2 .group dl dd{padding: 10px 10px;} .board_list div.tag_g div.ing.blue > ul > li {margin-right:18px;} .board_list div.tag_g div.ing.blue > ul > li::after {right:-9px;} .date_wrap label {padding-left: 0;} .stats_info p {text-align:left;} } @media screen and (max-width:390px) { .board_list div.vols-tag .vols-location{font-size: var(--font-sm);} .board_list .list_wrap .vols-table-wrap div{font-size: var(--font-sm);} .board_list .list_wrap div.float_txts > div:nth-child(1){font-size: var(--font-body-lg);} .date_wrap label em{font-size: 13px;} .btn_gray.prev span{padding: 9px 38px;font-size: var(--font-body);} .btn_gray span{font-size: var(--font-body);} .btn_deepOrange span{font-size: var(--font-body);} .volcard_step ul li.arrow:last-child {width:18px;} .search_service_stat .select_form select {width:180px;} .serve_center .serve_num ul {gap:0;} } .btn1365botIcon {display:inline-block;vertical-align:top;cursor:pointer;} .btn1365botIcon span {width:25px;height:26px;background:url('/web/vols/2025/images/chatbot/1365-bot-icon.png') no-repeat;display: inline-block;margin-left:-15px;margin-top:-3px;position: relative;margin-top: 1px;} .btn1365bot>span::first-letter {color: #74cf3b;} .btn1365bot .txt-3 {color: #ffa261;padding: 0 !important;} .btn1365bot .txt-6 {color: #fba837;padding: 0 !important;} .btn1365bot .txt-5 {color: #ffb866;padding: 0 !important;} .banner:focus {border: solid 2px #1e90ff;} /* 프린트 */ .noprint {display:none;} @media print { #headerWrap, #location_wrap, #sideMenu, #footer, #screenControll {display:none;} #contentsWrap .content {float:none;width:auto; padding:0;} #contents {width:auto;} } /* 개발 Ajax Loding Bar */ .ajax_hide {display: none;} #ajax_loading_bg{ position: fixed;overflow: hidden;top: 0;left: 0;height: 100%;width: 100%;background: #000000;opacity: 0.7; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; z-index:1000000001; } #ajax_loading_center {width: 100px;height: 100px;position: absolute;left: 50%;top: 50%; margin-left: -50px;margin-top: -50px;z-index:1000000002;}