@charset "utf-8";
/* 달력 */
@import url(/comm/js/jquery/themes/base/jquery.ui.all.css);
:root {--board-bg: url(/share/images/program/board.svg) no-repeat 0 0 / 22.4rem; --more-arr: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"><path d="M0.562815 12.4982C0.562292 12.4077 0.579629 12.318 0.613833 12.2343C0.648037 12.1506 0.698436 12.0744 0.762138 12.0102L5.77958 6.99961L0.762138 1.98904C0.632713 1.85962 0.560002 1.68408 0.560002 1.50105C0.560002 1.31801 0.632713 1.14247 0.762138 1.01305C0.891563 0.883624 1.0671 0.810913 1.25013 0.810913C1.43317 0.810913 1.60871 0.883624 1.73813 1.01305L7.23669 6.51161C7.30112 6.57551 7.35225 6.65152 7.38714 6.73528C7.42204 6.81904 7.44 6.90887 7.44 6.99961C7.44 7.09034 7.42204 7.18018 7.38714 7.26394C7.35225 7.34769 7.30112 7.42371 7.23669 7.4876L1.73813 12.9862C1.67424 13.0506 1.59822 13.1017 1.51446 13.1366C1.43071 13.1715 1.34087 13.1895 1.25014 13.1895C1.1594 13.1895 1.06956 13.1715 0.985807 13.1366C0.902051 13.1017 0.826034 13.0506 0.762138 12.9862C0.698436 12.9219 0.648037 12.8458 0.613833 12.762C0.579629 12.6783 0.562292 12.5886 0.562815 12.4982Z" fill="white" stroke="white"/></svg>') no-repeat}

/* 프로그램 */
.w50 {width: 5rem !important; min-width: 5rem !important }
.w60 {width: 6rem !important; min-width: 6rem !important }
.w70 {width: 7rem !important; min-width: 7rem !important }
.w80 {width: 8rem !important; min-width: 8rem !important }
.w90 {width: 9rem !important; min-width: 9rem !important }
.w100 {width: 10rem !important; min-width: 10rem !important }
.w110 {width: 11rem !important; min-width: 11rem !important }
.w120 {width: 12rem !important; min-width: 12rem !important }
.w130 {width: 13rem !important; min-width: 13rem !important }
.w140 {width: 14rem !important; min-width: 14rem !important }
.w150 {width: 15rem !important; min-width: 15rem !important }
.w160 {width: 16rem !important; min-width: 16rem !important }
.w170 {width: 17rem !important; min-width: 17rem !important }
.w180 {width: 18rem !important; min-width: 18rem !important }
.w190 {width: 19rem !important; min-width: 19rem !important }
.w200 {width: 20rem !important; min-width: 20rem !important }
.w300 {width: 30rem !important; min-width: 30rem !important }
.w5p {width: 5% !important }
.w6p {width: 6% !important }
.w7p {width: 7% !important }
.w8p {width: 8% !important }
.w9p {width: 9% !important }
.w10p {width: 10% !important }
.w13p {width: 13% !important }
.w15p {width: 15% !important }
.w17p {width: 15% !important }
.w18p {width: 18% !important }
.w20p {width: 20% !important }
.w22p {width: 22% !important }
.w25p {width: 25% !important }
.w30p {width: 30% !important }
.w33p {width: 33% !important }
.w35p {width: 35% !important }
.w40p {width: 40% !important }
.w45p {width: 45% !important }
.w50p {width: 50% !important }
.w60p {width: 60% !important }
.w70p {width: 70% !important }
.w80p {width: 80% !important }
.w90p {width: 90% !important }
.w95p {width: 95% !important }
.w100p {width: 100% !important }
.margin_t15 {margin-top: 1.5rem !important }
.hidden {position: fixed; top: -50000px; right: -50000px }
.deco_under {text-decoration: underline }
.scroll_table {overflow-x: auto }
.scroll_table table {width: 100%; min-width: 80rem }
.scrollY {padding: 2rem 0.5rem 2rem 2rem; border: 0.3rem solid #eee }
.scrollY>div.scroll_con {overflow-y: auto; padding-right: 1.5rem; max-height: 30rem; word-break: keep-all }
.input {margin: 1px; padding: 0 0.5rem; height: 4rem; line-height: 4rem; border: 1px solid #ccc; vertical-align: middle; background: #f5f5f5; box-sizing: border-box }
select {font-size: 1.5rem }
input[type=text] {appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none }
input[type=submit] {cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none }
button {cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none }
input.radio, input.checkbox {margin-right: 0.5rem; vertical-align: middle; width: 1.8rem; height: 1.8rem}
.textarea {padding: 1rem; width: 100%; border: 1px solid #dde3f1; box-sizing: border-box }
h4+.textarea {margin-top: 1rem}
.mode_kr {ime-mode: active }
/*기본 한글 (한글+영어) */ 
.mode_en {ime-mode: inactive }
/* 기본 영어(한글+영어)*/ 
.mode_onlyen {ime-mode: disabled }
/* 영어만 */ 
/* 유튜브 등 동영상 반응형 */ 
.embed-container {position: relative; padding-bottom: 56.2%; height: 0; overflow: hidden; max-width: 100% }
.embed-container iframe,embed-container object, .embed-container embed, .embed-container video {position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.info {margin-top: 0.4rem; font-size: 1.31rem; color: #d44949}
.info span {font-weight: 600}
.ordinance_para li {margin-top: 0 !important}
.ordinance_para>li {font-weight: 600; color: var(--blue); margin-bottom: 2rem}
.ordinance_para>li>ul>li>span {color: #222}
.ordinance_para ul {margin-bottom: 2rem; font-weight: 400; color: #222}
.ordinance_para ul>li {margin-bottom: 1rem; color: var(--blue)}
.ordinance_para ul>li>ul, .ordinance_para ul>li>ol {margin-left: 1rem; color: #222}
.ordinance_para ul>li>ul>li>ul, .ordinance_para ul>li>ol>li>ol {margin-left: 1rem}
/*인천청년 추가 및 수정*/ 
.boardList {--local: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="17" viewBox="0 0 14 17" fill="none"><path d="M6.70824 0.553684C8.9907 0.515527 11.5129 2.03025 12.4897 4.07145C13.7845 6.46414 13.3379 9.77413 11.3277 11.7914L7.22097 15.8894C7.18338 15.9235 7.0953 15.9973 7.053 16.0261C6.64415 16.3044 5.89285 15.9479 5.94363 15.2839C5.95624 15.119 6.07892 14.9532 6.14413 14.881C7.53051 13.4946 8.92263 12.1128 10.3031 10.7193C11.9457 9.05097 12.2201 6.52374 11.013 4.4275C10.0067 2.83903 8.20683 1.90629 6.32229 2.03025C4.1591 2.21786 2.37541 3.65733 1.74088 5.78739C1.27738 7.54857 1.73714 9.42898 3.04129 10.7449L3.05362 10.7578L5.46707 13.155C5.46707 13.155 5.69363 13.4363 5.66629 13.7761C5.64279 14.0681 5.28579 14.4011 4.99441 14.4011C4.87927 14.4011 4.66238 14.3933 4.47591 14.247C4.43361 14.2188 4.39805 14.162 4.35986 14.1279C3.55035 13.3178 2.7941 12.5702 1.98812 11.7566C-0.249579 9.57476 -0.533433 5.65274 1.42454 3.13962C2.58194 1.59826 4.6723 0.515527 6.59252 0.554271C6.63129 0.553684 6.67006 0.553684 6.70824 0.553684Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.69311 6.60916C9.43376 5.21186 8.11296 4.11363 6.69027 4.10068C6.61123 4.10006 6.53281 4.10253 6.45377 4.10808C4.69332 4.23079 3.38548 5.96477 3.62816 7.61797C3.84366 9.08372 5.22745 10.2498 6.69027 10.2405C8.6051 10.2288 10.0154 8.34561 9.69311 6.60916ZM8.23341 6.88016C8.09925 6.15729 7.41596 5.58914 6.67996 5.58245C6.63907 5.58213 6.5985 5.5834 6.55761 5.58627C5.64687 5.64976 4.97029 6.5468 5.09583 7.40205C5.20732 8.16032 5.92319 8.76356 6.67996 8.75878C7.67055 8.75271 8.40016 7.77847 8.23341 6.88016Z" fill="white"/></svg>') no-repeat center top; --always: #01A5A1; --end: #888; --state-tag: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="162" height="60" viewBox="0 0 162 60" fill="none"><path d="M18.101 10.274C12.7128 0.410958 3.78857 9.79311e-05 0 0L170 0V60L81.2439 60C63.0588 60 51.1565 54.1438 42.4717 45.548C33.7869 36.9521 23.4892 20.137 18.101 10.274Z" fill="white"/></svg>') no-repeat center top; padding-top: 0.5rem; background: url(/share/images/program/list-top-bg.svg) repeat-x 0 0 / 114rem}
.boardList>li {display: flex; align-items: center; gap: 2rem; padding: 3.2rem 2rem; border-bottom: 1px solid #CCC}
.boardList .tag-box {flex: 0 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 10rem; gap: 0.4rem}
.boardList .tag-box .local {position: relative; padding-top: 1.6rem; font-size: 1.3rem; font-weight: 500; line-height: 160%; letter-spacing: -0.0065rem}
.boardList .tag-box .local::before {content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 1.4rem; height: 1.7rem; -webkit-mask: var(--local); mask: var(--local); mask-size: 1.4rem; -webkit-mask-size: 1.4rem}
.boardList .tag-box .local.ic {--color: #3A67EA}
/*인천*/ 
.boardList .tag-box .local.gh {--color: #CD481E}
/*강화군*/ 
.boardList .tag-box .local.oj {--color: #9918ad}
/*옹진군*/ 
.boardList .tag-box .local.jg {--color: #CF442D}
/*중구*/ 
.boardList .tag-box .local.dg {--color: #8B0D0D}
/*동구*/ 
.boardList .tag-box .local.mc {--color: #199da5}
/*미추홀구*/ 
.boardList .tag-box .local.ys {--color: #E84612}
/*연수구*/ 
.boardList .tag-box .local.nd {--color: #3389d7}
/*남동구*/ 
.boardList .tag-box .local.bp {--color: #544fce}
/*부평구*/ 
.boardList .tag-box .local.gy {--color: #259E2A}
/*계양구*/ 
.boardList .tag-box .local.sg {--color: #E31150}
/*서구*/ 
.boardList .tag-box .local.ic {color: var(--color)}
.boardList .tag-box .local.ic::before {background-color: var(--color)}
.boardList .tag-box .local.gh {color: var(--color)}
.boardList .tag-box .local.gh::before {background-color: var(--color)}
.boardList .tag-box .local.oj {color: var(--color)}
.boardList .tag-box .local.oj::before {background-color: var(--color)}
.boardList .tag-box .local.jg {color: var(--color)}
.boardList .tag-box .local.jg::before {background-color: var(--color)}
.boardList .tag-box .local.dg {color: var(--color)}
.boardList .tag-box .local.dg::before {background-color: var(--color)}
.boardList .tag-box .local.mc {color: var(--color)}
.boardList .tag-box .local.mc::before {background-color: var(--color)}
.boardList .tag-box .local.ys {color: var(--color)}
.boardList .tag-box .local.ys::before {background-color: var(--color)}
.boardList .tag-box .local.nd {color: var(--color)}
.boardList .tag-box .local.nd::before {background-color: var(--color)}
.boardList .tag-box .local.bp {color: var(--color)}
.boardList .tag-box .local.bp::before {background-color: var(--color)}
.boardList .tag-box .local.gy {color: var(--color)}
.boardList .tag-box .local.gy::before {background-color: var(--color)}
.boardList .tag-box .local.sg {color: var(--color)}
.boardList .tag-box .local.sg::before {background-color: var(--color)}
.boardList .tag-box .tag {display: inline-block; text-align: center; padding: 0 0.8rem; width: 6.5rem; height: 2.1rem; color: #FFF; font-size: 1.2rem; font-weight: 500; line-height: 2.1rem; letter-spacing: -0.084rem; border-radius: 2.1rem}
.boardList .tag-box .tag.always {background: var(--always)}
/*상시운영*/ 
.boardList .tag-box .tag.ing {background: var(--purple)}
/*접수중*/ 
.boardList .tag-box .tag.before {color: #666; border: 1px solid #ccc}
/*접수예정*/ 
.boardList .tag-box .tag.end {background: var(--end)}
/*접수마감*/ 
.boardList .con-box {flex: 1 1 auto; overflow: hidden}
.boardList .con-box .tit {margin-bottom: 0.8rem; color: #2A2A2A; font-size: 1.8rem; font-weight: 500; line-height: 140%; letter-spacing: -0.018rem}
.boardList .con-box ul {margin-left: 1.2rem}
.boardList .con-box ul li {position: relative; display: flex; padding-left: 1rem; color: #444; font-weight: 300; line-height: 160%}
.boardList .con-box ul li::before {content: ''; position: absolute; left: 0; top: 1rem; width: 0.4rem; height: 0.4rem; border-radius: 0.2rem; background: #666}
.boardList .con-box ul li strong {flex: 0 0 auto; padding-right: 0.5rem; color: #222; font-weight: 500; line-height: 160%}
.boardList .con-box ul li span {white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.boardList .btn-box {flex: 0 0 auto; display: flex; flex-direction: column; gap: 0.5rem}
.boardList .btn-box a {min-width: 13.4rem; height: 5rem; line-height: 5rem; font-size: 1.4rem; border-color: #aaa}
.boardList .btn-box .close {display: inline-block; text-align: center; padding: 0 2rem; min-width: 13.4rem; height: 5rem; line-height: 5rem; color: #888; font-size: 1.4rem; font-weight: 500; background: #fff; border-radius: 0.4rem; border: 1px solid #EEE; vertical-align: middle; box-sizing: border-box}
.worknet .boardList {position: relative; display: flex; flex-wrap: wrap}
.worknet .boardList::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000}
.worknet .boardList>li {padding: 4rem; width: 50%; border-bottom: 1px dashed #DDD; box-sizing: border-box}
.worknet .boardList>li:nth-child(odd) {border-right: 1px dashed #DDD}
.worknet .boardList .worknet-tit {width: 100%; color: #2A2A2A; font-size: 1.9rem; font-weight: 500; line-height: 140%; letter-spacing: -0.019rem}
.worknet .boardList .worknet-tit span {display: block; color: var(--blue); font-size: 1.5rem; font-weight: 500; letter-spacing: -0.015rem}
.worknet .boardList .worknet-con {margin-top: 1.4rem; margin-bottom: 1.4rem}
.worknet .boardList .worknet-con li {position: relative; padding-left: 1rem; color: #444; font-weight: 300; line-height: 160%}
.worknet .boardList .worknet-con li::before {content: ''; position: absolute; left: 0; top: 1rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #666}
.worknet .boardList .worknet-con li span {color: #222; font-weight: 500}
.worknet .boardList .worknet-tag {display: inline-block; padding: 0.3rem 1.2rem 0.2rem 1.2rem; color: #666; font-size: 1.4rem; font-weight: 500; line-height: 140%; letter-spacing: -0.014rem; border-radius: 2.1rem; border: 1px solid #999}
.worknet .boardList .tag-box {align-items: flex-start; width: auto}
.worknet .boardList .tag-box span {display: flex; justify-content: center; align-items: center; padding: 0.3rem 1.2rem 0.2rem 2.6rem; border-radius: 2.1rem; border: 1px solid #999}
.worknet .boardList .tag-box .local {padding-top: 0.2rem}
.worknet .boardList .tag-box .local::before {right: auto; left: 1rem; top: 0.4rem}
.worknet .boardList .tag-box .local.ic {border-color: #3A67EA}
/*인천*/ 
.worknet .boardList .tag-box .local.gh {border-color: #CD481E}
/*강화군*/ 
.worknet .boardList .tag-box .local.oj {border-color: #9918ad}
/*옹진군*/ 
.worknet .boardList .tag-box .local.jg {border-color: #CF442D}
/*중구*/ 
.worknet .boardList .tag-box .local.dg {border-color: #8B0D0D}
/*동구*/ 
.worknet .boardList .tag-box .local.mc {border-color: #199da5}
/*미추홀구*/ 
.worknet .boardList .tag-box .local.ys {border-color: #E84612}
/*연수구*/ 
.worknet .boardList .tag-box .local.nd {border-color: #3389d7}
/*남동구*/ 
.worknet .boardList .tag-box .local.bp {border-color: #544fce}
/*부평구*/ 
.worknet .boardList .tag-box .local.gy {border-color: #259E2A}
/*계양구*/ 
.worknet .boardList .tag-box .local.sg {border-color: #E31150}
/*서구*/ 
.nation .boardList>li {padding-top: 2.5rem; padding-bottom: 2.5rem}
.nation .boardList .con-box .tit {margin-bottom: 0}
/*사업신청*/ 
.boardList.business {padding-top: 0; background: none}
.boardList.business>ul>li {position: relative; display: flex; align-items: center; gap: 4rem; margin-top: 1rem; padding: 2rem 3.6rem 2rem 4rem; border-radius: 0.8rem; border: 1px solid #E8E8E8; background: #F9F9F9; overflow: hidden}
.boardList.business>ul>li>.state-tag {position: absolute; right: -0.2rem; top: 0; text-align: right; padding: 1.6rem 2rem; width: 16.3rem; height: 5.8rem; flex-shrink: 0; color: #FFF; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.016rem; -webkit-mask: var(--state-tag); mask: var(--state-tag); mask-size: 16.3rem 5.8rem; -webkit-mask-size: 16.3rem 5.8rem}
.boardList.business>ul>li>.state-tag.state01 {background-color: #2B4E94}
.boardList.business>ul>li>.state-tag.state02 {background-color: #2B4E94}
.boardList.business>ul>li>.state-tag.state03 {background-color: #50824C}
.boardList.business>ul>li>.state-tag.state04 {background-color: #50824C}
.boardList.business>ul>li>.state-tag.state05 {background-color: #A82A2A}
.boardList.business>ul>li>.state-tag.state06 {background-color: #A82A2A}
.boardList.business>ul>li>.state-tag.state07 {background-color: #666}
.boardList.business>ul>li>.state-tag.state08 {background-color: #666}
.boardList.business>ul>li>.state-tag.state09 {background-color: #666}
.boardList.business>ul>li .tit-box {flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; gap: 1.2rem; padding: 1rem 0rem; max-width: calc(50% - 2rem); min-height: 10rem}
.boardList.business>ul>li .tit-box .cancel {display: inline-block; padding: 0.8rem 1.2rem; color: #FFF; font-size: 1.4rem; font-weight: 500; border-radius: 0.4rem; background: #E54242; box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.25), 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.25); text-shadow: -1px 0 #D63333, 0 -1px #D63333, 1px 0 #D63333, 0 1px #D63333}
.boardList.business .tit .tag-box {flex-direction: row; justify-content: flex-start; gap: 2.4rem; width: 100%}
.boardList.business .tit .tag-box .local {padding-left: 1.8rem; padding-top: 0; font-size: 1.5rem; letter-spacing: -0.0075rem}
.boardList.business .tit .tag-box .local::before {right: auto; top: 0.4rem}
.boardList.business .tit .tag-box .local::after {content: ''; position: absolute; right: -1.2rem; top: 0.6rem; width: 0.1rem; height: 1.1rem; background: #BBB}
.boardList.business .tit .tag-box .date {position: relative; color: #2A2A2A; letter-spacing: -0.015rem}
.boardList.business .tit .tag-box .date span {font-weight: 500}
.boardList.business .tit>a {display: block; margin-top: 1.2rem; color: #333; font-size: 2rem; font-weight: 500; line-height: 140%; letter-spacing: -0.02rem}
.boardList.business .state {display: flex; gap: 0.2rem}
.boardList.business .state p {display: flex; align-items: center; height: 2.5rem; padding: 0.3rem 1.2rem 0.2rem 1.2rem; color: #FFF; font-size: 1.3rem; font-weight: 600; letter-spacing: -0.013rem; border-radius: 2.5rem; background: #2B4E94}
.boardList.business .con-box {max-width: calc(50% - 2rem)}
.boardList.business .con-box>ul {margin-left: 0}
.boardList.business .con-box>ul>li {align-items: center; gap: 0.3rem; width: 100%}
.boardList.business .con-box>ul>li::before {top: 1.4rem; background: #aaa}
.boardList.business .con-box>ul>li dl {display: flex; gap: 0.3rem; align-items: center; flex-wrap: wrap; padding: 0.4rem 0rem; width: 100%}
.boardList.business .con-box>ul>li dl dt {flex: 0 0 auto; color: #2A2A2A; font-weight: 500; line-height: 2.24rem}
.boardList.business .con-box>ul>li dl dt::after {content: ' : '}
.boardList.business .con-box>ul>li dl dd {position: relative; flex: 1 1 auto; display: flex; flex-wrap: wrap; align-items: center; color: #444; line-height: 2.24rem}
.boardList.business .con-box>ul>li dl dd.has-btn {justify-content: space-between; z-index: 1}
.boardList.business .con-box>ul>li dl dd.has-btn::after {content: ''; position: absolute; right: 0; top: 50%; width: 100%; border-bottom: 1px dashed #ccc; z-index: -1}
.boardList.business .con-box>ul>li dl dd.has-btn>span {padding-right: 1rem; background: #F9F9F9}
.boardList.business .con-box>ul>li dl dd.has-btn>p {padding-left: 1rem; background: #F9F9F9}
.boardList.business .con-box>ul>li dl .call {margin-left: 0.8rem; min-height: auto}
.boardList.business .con-box>ul>li dl .point {color: #A82A2A; font-weight: 500}
.boardList.business .con-box>ul>li dl .sbtn {position: relative; display: flex; align-items: center; height: 2.5rem; padding: 0 1.9rem 0 1.2rem; color: #FFF; font-size: 1.3rem; font-weight: 600; letter-spacing: -0.013rem; border-radius: 5rem; background: #2B4E94}
.boardList.business .con-box>ul>li dl .sbtn::after {content: ''; position: absolute; right: 1rem; top: calc(50% - 0.45rem); width: 0.6rem; height: 0.9rem; background: #fff; -webkit-mask: var(--more-arr); mask: var(--more-arr); mask-size: 0.6rem 0.9rem; -webkit-mask-size: 0.6rem 0.9rem}
.boardList.business .con-box>ul>li dl .sbtn.black {background: #222}
.btnBox {margin-top: 2.8rem; text-align: right}
.btnBox a {margin-left: 0.4rem}
.btn {display: inline-block; text-align: center; padding: 0 2rem; min-width: 12rem; height: 5.4rem; font-size: 1.7rem; font-weight: 500; line-height: 5.4rem; border-radius: 0.4rem; border: 1px solid #ccc; vertical-align: middle; box-sizing: border-box}
.btn_join {color: #FFF; font-weight: 600; border-radius: 0.4rem; background: var(--gd); border: none}
.btn_ok {color: #fff; font-weight: 600; background: #333; border: none}
.btn_edit {color: #333; font-weight: 500; background: #F0F8FF; border: 1px solid #333}
.btnBox .btn_back {color: #444; font-weight: 500; background: #f5f5f5}
.btnBox .btn_next {color: #fff; font-weight: 600; background: #0F4FCD; border: none}
.paging_mb a.page_btn, a.page_btn {font-size: 0; text-indent: -50000px; background-position: center center; background-repeat: no-repeat}
.paging_mb a.page_btn.btn_first, a.page_btn.btn_first {background-image: url(/share/images/program/btn_first.png) }
/* .paging_mb a.page_btn.btn_first.end, a.page_btn.btn_first.end{background-image:url(/share/images/program/btn_first_end.png)} */ 
.paging_mb a.page_btn.btn_prev, a.page_btn.btn_prev {margin-right: 1.6rem; background-image: url(/share/images/program/btn_prev.png) }
/* .paging_mb a.page_btn.btn_prev.end, a.page_btn.btn_prev.end{background-image:url(/share/images/program/btn_prev_end.png)} */ 
.paging_mb a.page_btn.btn_next, a.page_btn.btn_next {margin-left: 1.6rem; background-image: url(/share/images/program/btn_next.png) }
/* .paging_mb a.page_btn.btn_next.end, a.page_btn.btn_next.end{background-image:url(/share/images/program/btn_next_end.png)} */ 
.paging_mb a.page_btn.btn_last, a.page_btn.btn_last {background-image: url(/share/images/program/btn_last.png) }
/* .paging_mb a.page_btn.btn_last.end, a.page_btn.btn_last.end{background-image:url(/share/images/program/btn_last_end.png)} */ 
.paging_mb form, .paging {display: flex; justify-content: center; align-items: center; gap: 0.8rem; margin-top: 4rem}
.paging_mb a, .paging a {display: flex; justify-content: center; align-items: center; min-width: 2.8rem; height: 3.2rem; color: var(--gray); font-size: 1.7rem; font-weight: 500}
.paging a.select {color: var(--coral); font-weight: 600; text-decoration-line: underline}
.paging_mb .input {text-align: center; width: 5rem}
.paging_mb .btn_input {min-width: 6rem }
/*인천청년 추가 끝*/ 
/* .btn{display:inline-block; text-align:center; margin:2px 0 0 0; padding:0 2rem; min-width:13.4rem; height:4.4rem; line-height:4.2rem; font-size:1.6rem; font-weight: 500; border-radius: 0.6rem; border:2px solid #222; vertical-align:middle; box-sizing:border-box; letter-spacing: -0.032rem;} */ 
input.btn {cursor: pointer }
.board_list .sbtn {padding: 0 1.2rem; margin-left: 0}
.sbtn {display: inline-block; text-align: center; padding: 0 0.8rem; min-width: 5.8rem; line-height: 2.8rem; border-width: 0; border-radius: 4px; background: #333; color: #fff; font-size: 1.3rem; vertical-align: middle }
.sbtn.state {background: #F3EDFF; color: var(--purple); border: 1px solid var(--purple); border-radius: 0.4rem}
.sbtn.state.submitYes {background: var(--blue); color: #fff; border: 1px solid var(--blue)}
.sbtn.state.submitNo {background: #fff; color: var(--blue); border: 1px solid var(--blue)}
input.sbtn {cursor: pointer }
.mbtn.blue, .sbtn.blue {background: #333}
.srbtn {display: inline-block; padding: 0.2rem 1.2rem; color: #FFF; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.03rem; border-radius: 2.6rem; background: #222}
.mbtn {display: inline-block; padding: 0rem 2.2rem; height: 4rem; color: #FFF; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.008rem; line-height: 4rem; border-radius: 0.4rem}
input.mbtn {cursor: pointer }
.mbtn.down {padding-right: 4.5rem; background-image: url(../images/program/ic_down.svg); background-repeat: no-repeat; background-position: right 2.2rem center; background-size: 1.5rem}
.mbtn.b_line {color: #333; font-weight: 600; border: 1px solid #333}
/* .btn_ok{background:#333; color:#fff !important; border-color:#333} */ 
.btn_input {display: inline-block; text-align: center; padding: 0 1rem; min-width: 9rem; height: 4rem; line-height: 4rem; border-width: 0; background: #777; color: #fff !important; font-size: 1.6rem; vertical-align: middle }
.btn_board {display: inline-block; padding: 1px 1.3rem 2px !important; line-height: 150%; letter-spacing: -0.1em; border-radius: 6rem; border: 1px solid #ccc !important; color: #484848 !important; font-size: 1.4rem }
.btn_board.bg_bl {border: none !important}
/* .btnBox{margin-top:3rem; text-align:right; font-size:0} */ 
.btnBox .btn {margin: 0 0.25rem }
.goUrl {display: inline-block; font-weight: 600; text-decoration: underline !important; color: #333 }
.goWin {display: inline-block; padding-right: 2rem; background: url(/share/images/program/ic_window.gif) no-repeat right 0.7rem / 1.5rem; word-break: break-all}
.goLink {display: inline-block; padding-right: 2rem; background: url(/share/images/program/ic_window.gif) no-repeat right 0.7rem / 1.5rem; word-break: break-all}
/****************************************************************************************
.tag_state - 상태(ex-강좌리스트, 예약) 	.lec_state - 강좌상태(큼, ex-상세) 	.tag_txt - 네모카테고리(네모 ex-리스트답변완료) 	.tag_cate - 둥근카테고리(원 ex-포토갤러리카테) 	.tag_ic - 리스트에서 타이틀 앞에 아이콘
*****************************************************************************************/ 
.tag_state {display: inline-block; text-align: center; padding: 0 1rem 2px; min-width: 5rem; border-radius: 10rem; border: 1px solid #ddd; line-height: 140%}
.lec_state {display: inline-block; text-align: center; padding: 1rem; min-width: 11rem; border-radius: 0.3rem; border: 1px solid #ddd; line-height: 150%; font-size: 1.8rem }
.tag_txt {display: inline-block; text-align: center; padding: 2px 0.5rem 0.5rem; margin-right: 0.8rem; width: 8rem; line-height: 1.6rem; letter-spacing: -0.05em; border: 1px solid #ddd }
.tag_cate {display: inline-block; text-align: center; margin: 1px 0; padding: 1px 1rem; min-width: 4rem; border-radius: 10rem; border: 1px solid #ddd; line-height: 140%}
.tag_ic {display: inline-block; vertical-align: middle; margin-right: 0.7rem; width: 1.6rem; height: 2rem; background-image: url(/share/images/program/ic_board.gif); text-indent: -5000px; background-size: 16rem}
.tag_ic.ic_reply {margin-left: 1rem; background-position: left center }
.tag_ic.ic_open {background-position: -4rem center }
.tag_ic.ic_close {background-position: -8rem center }
.tag_ic.ic_new {width: 3.3rem; background-position: -12rem center }
.tag_notice {margin-right: 0.5rem; color: #2b4e94; font-weight: 600; font-size: 1.6rem }
.btn_lectureApply {position: absolute; right: 2.5rem; top: 5.5rem; display: inline-block; padding: 1px 1rem 2px; color: #fff !important; line-height: 140%; border-radius: 10rem; background: #333}
/* 동구청 추가 */ 
.org-cap {display: flex; justify-content: flex-end; gap: 3.1rem}
.org-cap p {position: relative; padding-left: 2.2rem; color: #222; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03rem}
.org-cap p span {color: #249274; font-weight: 700}
.org-cap p::before {content: ''; position: absolute; left: 0; top: 0.2rem; width: 1.8rem; height: 1.8rem; background: url(../images/org-cap-ic.svg) no-repeat center / 3.6rem}
.org-cap p.org-cap-loc::before {background-position: 0 0}
.org-cap p.org-cap-loc::after {content: ''; position: absolute; right: -1.5rem; top: 0.7rem; width: 0.1rem; height: 1rem; background: #c3c3c3}
.org-cap p.org-cap-fax::before {background-position: -1.8rem 0}
.org-cap+.tableBox>table.data {margin-top: 1.5rem}
/* 태그 및 버튼 색상 */ 
.c_rd {border-color: #a82a2a; color: #a82a2a !important }
.c_gy {border-color: #ccc; color: #666 !important }
.c_bk {border-color: #333; color: #333 !important }
.c_bl {border-color: #2b4e94; color: #2b4e94 !important }
.c_gr {border-color: #30703f; color: #30703f !important }
.bg_rd {background: #a82a2a; border-color: #a82a2a; color: #fff !important }
.bg_bk {background: #333 !important; border-color: #333 !important; color: #fff !important }
.bg_bl {background: #2b4e94; border-color: #2b4e94; color: #fff !important }
.bg_gr {background: #30703f; border-color: #30703f; color: #fff !important }
.bg_gy {background: #666; border-color: #666; color: #fff !important }
/* 태그 및 버튼 색상 끝 */ 
.pgm_tit {margin-top: 3rem; margin-bottom: 1rem; font-size: 2.4rem; color: #333 }
.program_tab {border: 0.1rem solid #e5e5e5; background: #f5f5f5; border-radius: .5rem; margin-bottom: 5rem}
.program_tab ul {padding: 1rem; text-align: center}
.program_tab ul li {display: inline-block; position: relative }
.program_tab ul li:after {content: ''; position: absolute; top: 1.2rem; right: -1px; width: 1px; height: 1.5rem; background: #ccc }
.program_tab ul li:last-child:after {display: none }
.program_tab ul li a {position: relative; display: block; padding: 1rem 2.5rem }
.program_tab ul li.select a {font-weight: 600; color: #2b4e94 }
.progrma_stab {display: flex; gap: 0.5rem; margin-bottom: 2rem}
.progrma_stab>li {position: relative}
.progrma_stab>li::before {content: ''; position: absolute; left: 0; top: calc(50% - 1.4rem / 2); width: 1px; height: 1.4rem; background: #ddd}
.progrma_stab>li:first-child::before, .progrma_stab>li.select::before, .progrma_stab>li.select+li::before {display: none}
.progrma_stab>li>a {display: block; padding: 1.4rem 2rem; color: #444; font-size: 1.6rem; letter-spacing: -0.034rem; border-radius: 0.4rem; border: 0.1rem solid #ccc}
.progrma_stab>li.select>a {color: #fff; font-weight: 700; letter-spacing: -0.032rem; background: #0695A8; border-color: #0695A8}
.program_tbox {padding: 2.4rem 3.2rem; line-height: 2.4rem; letter-spacing: 0.01rem; border-radius: 0.4rem; background: #F5F5F5}
.program_tbox li {position: relative; padding-left: 1rem}
.program_tbox li::before {content: ''; position: absolute; left: 0; top: 1rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #444}
.memoBox {margin-bottom: 2rem; padding: 5%; border: 0.6rem solid #ddd }
.memoBox p.tit {margin-top: 2rem; font-size: 1.6rem; font-weight: 600 }
.memoBox>p.tit:first-child {margin-top: 0 }
.memoBox .memoCon {background: url(/share/images/program/note_line2.gif) left 0 / 2px; line-height: 2.7rem; word-break: keep-all }
.memoBox div.memoCon {position: relative; padding-left: 1.3rem}
.memoBox div.memoCon:after {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff }
.memoBox div.memoCon:before {display: block; content: ''; position: absolute; top: 1.4rem; left: 0.3rem; width: 0.4rem; height: 1px; background: #484848 }
.memoBox div.memoCon br {position: relative; display: block; content: '' }
.memoBox div.memoCon br:before {display: block; content: ''; position: absolute; top: 1.4rem; left: -1rem; width: 0.4rem; height: 1px; background: #484848 }
.memoBox .memoCon>li {position: relative; padding-left: 1.3rem; line-height: 2.7rem }
.memoBox .memoCon>li:before {display: block; content: ''; position: absolute; top: 1.4rem; left: 0.3rem; width: 0.4rem; height: 1px; background: #484848 }
.memoBox .memoCon>li:last-child:after {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff }
.memoBox .memoCon>li.nobl:before {display: none; padding-left: 0 }
/*** 유의사항 ***/ 
div.note {margin: auto; margin-bottom: 4rem; width: 80%; padding: 0 5%; border: 0.4rem solid #eee }
/* 단순입력 */ 
div.note>dl {position: relative; padding-left: 21rem; min-height: 15rem; border-top: 1px dashed #666 }
div.note>dl:first-child {border-top: 0 }
div.note>dl>dt {position: absolute; top: 48%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 3.5rem; padding-top: 7rem; font-size: 1.8rem; color: #333; letter-spacing: -0.05em; font-weight: 600; background-repeat: no-repeat; background-position: center top }
div.note>dl.attention>dt {background-image: url(/share/images/program/ic_attention.gif); background-size: 6.5rem}
div.note>dl.refund>dt {background-image: url(/share/images/program/ic_refund.gif); background-size: 6.5rem}
div.note>dl>dd {padding: 3rem 0}
div.note>dl>dd div {position: relative; background: url(/share/images/program/note_line.gif) left 0; line-height: 3.5rem}
div.note>dl>dd div * {line-height: 3.5rem}
div.note>dl>dd div:after {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff }
/* 단순입력 아니여도 됨 */ 
div.note>dl>dd ul {background: url(/share/images/program/note_line.gif) left 0 / 2px}
div.note>dl>dd ul+p {margin-top: 2rem; font-weight: 600 }
div.note>dl>dd p+ul {margin-top: 0.5rem }
div.note>dl>dd ul li {position: relative; padding-left: 1.5rem; line-height: 3.5rem; word-break: keep-all }
div.note>dl>dd ul li:before {display: block; content: ''; position: absolute; top: 1.6rem; left: 0.3rem; width: 0.6rem; height: 1px; background: #484848 }
div.note>dl>dd ul li:last-child:after {display: block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff }
/*** 검색 ***/ 
.search {text-align: center; margin-bottom: 2rem}
.tbox+.search {margin-top: 3rem }
.search .field, .search .word {display: flex; justify-content: center; align-items: center; gap: 0.5rem}
.search select {padding: 0 2rem; width: 15%; max-width: 24rem; height: 5rem; line-height: 5rem; border-radius: 0.4rem; border: 1px solid #CCC; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; background: #fff url(/share/images/program/select_arr.png) no-repeat right 2rem center / 2.2rem}
.search select::-ms-expand {display: none }
.search.tearch_search select {margin-right: 0; margin-left: 0 }
.search input[type=text] {padding: 0 2rem; width: 100%; height: 5rem; line-height: 5rem; border-radius: 0.4rem; border: 1px solid #ccc }
.search input[type=submit], .search input[type=button] {flex: 0 0 auto; position: relative; padding-left: 2.8rem; width: 12rem; height: 5rem; line-height: 5rem; border-width: 0; background: url(/share/images/program/search_submit.svg) no-repeat calc(50% - 2.4rem) center / 2.4rem, #333; color: #fff; font-size: 1.8rem; font-weight: 600; border-radius: 0.4rem}
.search input.clear {color: #444; border: 1px solid #ccc; background: #fff url(/share/images/program/search_clear.svg) no-repeat calc(50% - 2.8rem) center / 2.4rem; cursor: pointer}
.search .word {width: 50%}
/* .search{text-align:center; margin-top: 2rem; margin-bottom: 4rem;} .program_tab+.search{margin-top:2rem} .tbox+.search{margin-top:3rem} .search .field, .search .word{display: flex; justify-content: center; align-items: center; gap: 0.5rem;} .search select{padding:0 2rem; width:15%; max-width:24rem; height:5rem; line-height:5rem; border-radius: 0.4rem; border: 1px solid #CCC; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:#fff url(/share/images/program/select_arr.png) no-repeat right 2rem center / 2.2rem;} .search select::-ms-expand{display:none} .search.tearch_search select{margin-right:0; margin-left:0} .search input[type=text]{margin-left:-1px; padding:0 1.5rem; width:100%; height:4rem; line-height:4rem; border:1px solid #ccc} .search input[type=submit]{width:10.8rem; height:4rem; line-height:4rem; border-width:0; background:#333; color:#fff; font-size:1.6rem} .search .word{position:relative; display:inline-block; margin:2px 0; width:50%; padding-right:11.2rem} .search .word input[type=submit]{position:absolute; right:0; top:0} */ 
.search .range {display: inline-block; position: relative; width: 42% }
.search .range.cal {padding-right: 3.5rem; width: 40% }
.search .range.cal img[src*=ic_cal] {position: absolute; top: 2px; right: 0px }
.search .field_gyeyak:After, .search .field_gyeyak li:After {display: block; content: ''; clear: both }
.search .field_gyeyak li {float: left; width: 55%; text-align: left }
.search .field_gyeyak li:first-child {width: 45% }
.search .field_gyeyak li:last-child dl {float: left; width: 50% }
.search .field_gyeyak li:last-child dl:first-child {width: 100% }
.search .field_gyeyak dl {position: relative; margin-top: 0.5rem; padding-left: 9rem; box-sizing: border-box }
.search .field_gyeyak dl dt {position: absolute; left: 0; top: 0.5rem; text-align: right; width: 7.5rem; font-weight: 600 }
.search .field_wastebiz li {clear: both; border-bottom: 1px dotted #ccc }
.search .field_wastebiz li:last-child {border-bottom: none }
.search .field_wastebiz li:after {display: block; content: ''; clear: both }
.search .field_wastebiz li dl {position: relative; float: left; width: 47%; padding: 0.7rem 0 0.7rem 13rem; box-sizing: border-box; text-align: left }
.search .field_wastebiz li:nth-of-type(4) dl {width: 65% }
.search .field_wastebiz li:nth-of-type(5) dl {width: 100% }
.search .field_wastebiz li dl:first-child {margin-right: 3% }
.search .field_wastebiz li dl dt {position: absolute; left: 0; top: 0.7rem; width: 12rem; height: 4rem; font-weight: 600 }
.search .field_wastebiz li:nth-of-type(1) dl dt, .search .field_wastebiz li:nth-of-type(2) dl dt, .search .field_wastebiz li:nth-of-type(3) dl dt {line-height: 4rem }
.search .field_wastebiz select {min-width: 100%; margin: 0; padding: 0 2rem 0 1rem }
.search .field_wastebiz .word {margin: 0; width: 100% }
.search .field_incheon ul {display: flex; flex-direction: column; gap: 2rem}
.search .field_incheon .cate {position: relative; display: flex; justify-content: center; gap: 0.8rem}
.search .field_incheon .cate-local {display: flex; flex-wrap: wrap; gap: 0.4rem}
.search .field_incheon .cate input[type=radio], .search .field_incheon .cate input[type=checkbox], .search .field_incheon .cate-local input[type=checkbox], .search .field_incheon .cate-local input[type=radio] {position: absolute; opacity: 0; z-index: -1}
.search .field_incheon .cate label, .search .field_incheon .cate-local label {padding: 1rem 1rem; /* min-width: 15rem; */ font-size: 1.6rem; font-weight: 500; letter-spacing: -0.032rem; border-radius: 4rem; border: 0.2rem solid #F5F5F5; box-sizing: border-box; background: #F5F5F5; cursor: pointer}
.search .field_incheon .cate-local label {/* padding: 0.8rem; min-width: 9.2rem; */ color: #666; font-size: 1.5rem; cursor: pointer}
/* .search .field_incheon .cate-local label:first-of-type {min-width: 18.8rem} */
.search .field_incheon .cate label span {position: relative; display: inline-block; padding-left: 2.8rem}
.search .field_incheon .cate label span:before {content: ''; position: absolute; left: 0; top: 0; width: 2.4rem; height: 2.4rem; background: var(--board-bg)}
.search .field_incheon .cate label:nth-of-type(1) span::before {background-position: 0 -7rem}
.search .field_incheon .cate label:nth-of-type(2) span::before {background-position: -2.5rem -7rem}
.search .field_incheon .cate label:nth-of-type(3) span::before {background-position: -5rem -7rem}
.search .field_incheon .cate label:nth-of-type(4) span::before {background-position: -7.5rem -7rem}
.search .field_incheon .cate label:nth-of-type(5) span::before {background-position: -10rem -7rem}
.search .field_incheon .cate label:nth-of-type(6) span::before {background-position: -12.5rem -7rem}
.search .field_incheon .cate label:nth-of-type(7) span::before {background-position: -15rem -7rem}
.nation .search .field_incheon .cate label:nth-of-type(3) span::before {background-position: -17.5rem -7rem}
.nation .search .field_incheon .cate label:nth-of-type(4) span::before {background-position: -10rem -7rem}
.nation .search .field_incheon .cate label:nth-of-type(5) span::before {background-position: -20rem -7rem}
.search .field_incheon .cate input[type=radio]:checked+label, .search .field_incheon .cate-local input[type=checkbox]:checked+label, .search .field_incheon .cate-local input[type=radio]:checked+label, .search .field_incheon .cate input[type=checkbox]:checked+label {color: #222; border-color: var(--purple); background: #fff}
.search .field_incheon li.con {display: flex; align-items: center; justify-content: center; gap: 0.8rem; padding: 0 2rem}
.search .field_incheon li.con .search-select {flex: 0 0 auto; position: relative; text-align: left; padding: 1.2rem 2rem; width: 18rem; height: 5.6rem; line-height: 2.8rem; color: #666; font-weight: 500; letter-spacing: -0.03rem; border-radius: 0.4rem; border: 1px solid #CCC; background: url(/share/images/program/select_arr.png) no-repeat right 2rem center / 2.2rem}
.search .field_incheon li.con .search-select::before {content: ''; position: absolute; left: 2rem; top: 1rem; width: 3.2rem; height: 3.2rem; background: var(--board-bg); background-position: 0 -3.7rem}
.search .field_incheon li.con .search-select.status::before {top: 1.2rem; background-position: -11.6rem -3.7rem}
.search .field_incheon li.con .search-select.user::before {top: 1.2rem; background-position: -14.9rem -3.7rem}
.search .field_incheon li.con .search-select p, .search .field_incheon li.con .search-select label {position: relative; margin-left: 4rem}
.search .field_incheon li.con .search-select select {position: absolute; left: 0; top: 0; padding: 1.3rem 1.2rem; height: 5.4rem; width: 100%; max-width: 100%; border: none; background: none; font-weight: 500; letter-spacing: -0.008rem; opacity: 0}
.search .field_incheon li.con .time {flex: 1 1 auto; display: flex; align-items: center; gap: 0.8rem; padding: 1.2rem 2rem; width: 100%; height: 5.6rem; border-radius: 0.4rem; border: 1px solid #CCC}
.search .field_incheon li.con .time dt {flex: 0 0 auto; position: relative; padding-left: 4rem; color: #666; font-weight: 500; letter-spacing: -0.03rem}
.search .field_incheon li.con .time dt::before {content: ''; position: absolute; left: 0; top: -0.5rem; width: 3.2rem; height: 3.2rem; background: var(--board-bg); background-position: -3.3rem -3.7rem}
.search .field_incheon li.con .time dd {flex: 1 1 auto; display: flex; justify-content: center; align-items: center; gap: 1rem; width: 100%; color: #C3C3C3; font-weight: 500}
.search .field_incheon li.con .time dd input[type=date] {flex: 1 1 auto; max-width: 13rem; border: none; color: #C3C3C3}
.search .field_incheon li.con .time dd input[type=date]::-webkit-calendar-picker-indicator {opacity: 0.2}
.search .field_incheon li.con .time input[type=text] {display: inline-block; padding: 0; max-width: 9.3rem; width: auto; border: none; background: none}
.search .field_incheon li.con .time input[type=text]:nth-of-type(1)::placeholder {color: #C3C3C3}
.search .field_incheon li.con .time input[type=text]:nth-of-type(2)::placeholder {color: #666}
.search .field_incheon li.con .name {flex: 1 1 auto; width: 100%}
.search .field_incheon li.con .name input[type=text], .search .field_nation .name input[type=text] {padding: 0 2rem; width: 100%; height: 5.6rem; line-height: 5.6rem; background: #fff}
.search .field_incheon li.con .name input[type=text]::placeholder, .search .field_nation .name input[type=text]::placeholder {color: #888; letter-spacing: -0.03rem}
.search .field_incheon .search_btn {display: flex; justify-content: center; gap: 0.4rem; margin-top: 2rem; padding-top: 0; border-top: none}
.search .field_incheon .search_btn input, .search .field_incheon .search_btn input[type=submit] {width: 15rem; min-width: auto; height: 5.4rem; line-height: 5.4rem}
.search .field_incheon .field_more {display: block}
.search .field_incheon .field_more span {position: relative; display: inline-block; padding-right: 2rem; color: #3F3D55; font-weight: 500; letter-spacing: -0.03rem}
.search .field_incheon .field_more span::before {content: ''; position: absolute; right: 0; top: 0.5rem; width: 1.4rem; height: 1rem; background: url(../images/program/field_more.svg) no-repeat right center / 1.4rem}
.search .field_incheon .field_more span.on::before {transform: rotate(180deg)}
.search .field_incheon dl+.field_more {margin-top: -1.1rem; margin-bottom: -1.8rem; padding-bottom: 1.2rem; padding-top: 1.2rem; border-top: 1px dashed #ccc; border-bottom: 1px dashed #CCC; background: #fff}
.search .field_incheon.select_list {margin-bottom: 0}
.search .field_nation .cate {justify-content: flex-start}
.search .field_nation .cate label {width: 100%}
.search .field_nation {display: flex; flex-direction: column; padding: 0rem 2rem; margin-bottom: 4rem}
.search .field_nation dl {display: flex; align-items: center; margin-bottom: 1rem; padding-bottom: 1rem; width: 100%; border-bottom: 1px dashed #CCC}
.search .field_nation dl:nth-child(2) {align-items: flex-start}
.search .field_nation .name {padding-bottom: 0; border-bottom: 0}
.search .field_nation dl dt {position: relative; flex: 0 0 auto; text-align: left; padding-left: 1rem; width: 12.3rem; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.34px}
.search .field_nation dl:nth-child(2) dt {padding-top: 0.8rem}
.search .field_nation dl dt::before {content: ''; position: absolute; left: 0; top: 1rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #222}
.search .field_nation dl:nth-child(2) dt::before {top: 1.8rem}
.search .field_nation dl dt label {font-size: 1.7rem; font-weight: 500; letter-spacing: -0.34px}
.search .field_nation dd, .search .field_nation .name input[type=text] {width: 100%}
.worknet .search {margin-bottom: 4rem}
.worknet .search .cate-local label {min-width: 10rem}
.worknet .search .cate-local.short label {min-width: 9.4rem}
.worknet .search .cate-local.long label {width: calc(33.3% - 0.8rem / 3); white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
/* .worknet .search .cate-local.long2 label {min-width: 14rem} */
.worknet .search .cate-local .text {display: flex; align-items: center; gap: 0.4rem; color: #666; letter-spacing: -0.03rem}
.worknet .search .cate-local .text input[type=text] {width: 8rem; height: 4.2rem; border-radius: 0.4rem; border: 1px solid #CCC; background: #fff}
.worknet .search .cate-local .text input[type=text]:disabled {border-color: #F5F5F5; background: #F5F5F5}
.search .search_btn {position: relative; margin-top: 3%; padding-top: 3%; border-top: 1px dotted #ccc }
.search .search_btn input[type=submit] {position: static; min-width: 20% }
.search_array {display: flex; align-items: center; justify-content: space-between; margin-top: 3rem; margin-bottom: 1rem; width: 100%}
.search_array form {display: flex; align-items: center; width: 100%}
.search_array:after {display: block; content: ''; clear: both }
.search_array div {display: flex; align-items: center; margin-right: 1.5% }
.search_array div:last-child, .search_array div form:last-child {margin-right: 0 }
.search_array div span {display: inline-block; position: relative; padding-right: 1.3rem; padding-left: 1rem; margin-right: 0.3rem}
.search_array div span::before {content: ''; position: absolute; left: 0; top: 1rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #999}
.search_array div span::after {display: block; content: ':'; position: absolute; right: 0; top: -1px; width: 0.5rem; height: 1px }
.search_array select {border: 0; padding-right: 3.5rem; color: #888; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; background: url(/share/images/program/select_arr02.gif) no-repeat right 1.3rem center / 1.1rem}
.search_array select::-ms-expand {display: none }
.search_array div.term {gap: 0.5rem}
.search_array div.term input[type=date] {border: 0; min-width: 9.5rem; color: #888}
.search_array div.term input[type=date]::-webkit-calendar-picker-indicator {opacity: 0.2}
/* .search_array div.term input[type=text]{border:0; letter-spacing:0; padding-bottom:0.5rem; width:9.5rem; background:url(/share/images/program/select_arr02.gif) no-repeat right 0.2rem top 0.6rem / 1.1rem;} */ 
.search_array div.term input::placeholder {color: #888}
.search_array div.term input[placeholder='검색 종료일'] {margin-left: 0.5rem }
.search_array div.term input+img {cursor: pointer; padding: 2px 0.5rem 0 0.5rem}
.search_array div.written {position: relative; flex: 0 0 auto; padding-left: 1rem}
.search_array div.written:after {content: ''; position: absolute; left: 0; top: 1rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #999}
.search_array div.array_btn input {padding: 2px; width: 7rem; line-height: 130%; border: 1px solid #ccc; color: #333; background: #fff; border-radius: 6rem }
span.notice_btn {padding: 0.9rem 1rem; width: 8rem; line-height: 130%; border: 1px solid #ccc; color: #fffe9d; background: #d20d0d; font-weight: 600 }
.search_result {text-align: center; padding: 1.6rem 0rem; color: #666; font-weight: 500; letter-spacing: -0.03rem; border-top: 2px solid #222; background: #F5F5F5}
.search_result+.boardList {padding-top: 0; background: none}
/*** 리스트 ***/ 
.search+.board_list, form+.board_list {margin-top: 3rem }
h4+.nodata {margin-top: 1rem}
.nodata {padding: 8rem 1rem; text-align: center; font-size: 1.6rem; border-top: 2px solid #333; border-bottom: 1px solid #aaa }
.tit_arow {text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
/* 일반 */ 
.board_list ul.generalList {padding-top: 2px; border-top: 2px solid #333; border-bottom: 1px solid #aaa }
.board_list ul.generalList>li {position: relative; padding: 1.5rem 0 1.5rem; overflow: hidden; border-top: 1px dotted #aaa }
.board_list ul.generalList>li:first-child {border-top: 0 }
.board_list ul.generalList>li p {float: left; padding-left: .5%; width: 70%; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap*/ 
}
.board_list ul.generalList>li p a {font-size: 1.7rem }
.board_list ul.generalList>li div.writer_info {float: right; width: 30% }
.board_list ul.generalList>li div.writer_info ul {text-align: right; /* overflow:hidden */ 
}
.board_list ul.generalList>li div.writer_info ul:after {display: block; content: ""; clear: both}
.board_list ul.generalList>li div.writer_info ul li {display: inline-block; position: relative; top: -0.3rem; margin-right: 0.3rem; padding-left: 0.7rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle }
.board_list ul.generalList>li div.writer_info ul li:before {display: inline-block; content: '/'; position: absolute; left: 0 }
.board_list ul.generalList>li div.writer_info ul li:first-child:before {display: none }
.board_list ul.generalList>li div.writer_info ul li.writer {text-align: center; width: 13rem }
.board_list ul.generalList>li div.writer_info ul li.file {width: 2rem; padding-left: 0; overflow: visible}
.board_list ul.generalList>li div.writer_info ul li.file:before {display: none }
.board_list ul.generalList>li div.writer_info ul li.file img {margin-top: -0.3rem; vertical-align: middle}
.board_list table.general_board {margin-bottom: 2rem; width: 100%; border-bottom: 1px solid #333 }
.board_list table.general_board thead th {padding: 1.2rem 0.5rem; font-weight: 600; font-size: 1.5rem; color: #333; line-height: 2.5rem; background: #f0f0f0; border-top: 2px solid #333; border-bottom: 1px solid #333 }
.board_list table.general_board tbody th, .board_list table.general_board tbody td {text-align: center; padding: 1.5rem 0.5rem}
.board_list table.general_board tbody tr {border-top: 1px dotted #ccc }
.board_list table.general_board tbody tr:first-child {border-top: 0 }
.board_list table.general_board tbody td.title {max-width: 10rem; width: 50% }
.board_list table.general_board tbody td.title a {display: block; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
/* 포토(photoList-이미지,타이틀, photoList2-이미지,타이틀,내용 세로형)  */ 
.noimg.img {background: #f0f0f0; text-align: center; height: 12rem }
.noimg.img a {display: block; height: 100% }
.noimg.img img {position: relative !important; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto !important; height: auto !important; min-height: auto !important; z-index: 1 !important}
ul.list_info li {position: relative; margin: 0.4rem 0; padding-left: 0.8rem; box-sizing: border-box }
ul.list_info.col2 {overflow: hidden }
ul.list_info.col2 li {float: left; margin-bottom: 0; width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
ul.list_info li:after {display: block; content: ''; position: absolute; left: 0; top: 1rem; width: 0.3rem; height: 0.3rem; background: #aaa }
/*
.board_list ul.photoList, .board_list ul.photoList2{padding:2.5rem 0; overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #ccc}
.board_list ul.photoList>li, .board_list ul.photoList2>li{position:relative; float:left; margin:1.6%; width:30.1%; box-shadow:0 1px 1px rgba(0,0,0,.05)}
.board_list ul.photoList>li p.img, .board_list ul.photoList2>li p.img{position:relative; height:12rem; overflow:hidden}
.board_list ul.photoList>li p.img a:after, .board_list ul.photoList2>li p.img a:after{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.05); box-sizing:border-box}
.board_list ul.photoList>li p.img img, .board_list ul.photoList2>li p.img img{position:relative; top:50%; left:50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); width:auto; min-width:100%; height:100%}
.board_list ul.photoList>li div.con, .board_list ul.photoList2>li div.con{border:1px solid #ddd; border-top:0}
.board_list ul.photoList>li div.con p.tit a, .board_list ul.photoList2>li div.con p.tit a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333}
.board_list ul.photoList>li div.con{padding:6.5% 7% 7.5%} .board_list ul.photoList>li div.con p.tit{position:relative; text-align:center; padding-bottom:2rem; font-size:1.8rem; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList>li div.con p.tit:after{display:block; content:''; position:absolute; left:49.5%; bottom:0; width:0.4rem; height:0.4rem; border-radius:0.3rem; background:#aaa; box-shadow:-0.8rem 0 0 #aaa, 0.8rem 0 0 #aaa}
.board_list ul.photoList>li div.con p.date{margin-top:1.5rem; text-align:center} .board_list ul.photoList2>li div.con{padding:6.5% 8% 9%}
.board_list ul.photoList2>li div.con p.tit{padding-bottom:1rem; min-height:3.5rem; font-size:1.8rem; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList2>li div.con p.txt{height:4rem; overflow:hidden; line-height:140%} .board_list ul.photoList2>li div.con p.cate{margin-top:2rem; min-height:2.4rem} */ 
.board_list ul.photoList, .board_list ul.photoList2 {display: flex; flex-wrap: wrap; justify-content: space-evenly; gap: 2rem 1%; padding: 4rem 0; border-top: 2px solid #333; border-bottom: 1px solid #ccc }
.board_list ul.photoList>li, .board_list ul.photoList2>li {width: 32%; max-width: 30.5rem; box-shadow: 0 1px 1px rgba(0,0,0,.05) }
.board_list ul.photoList>li p.img, .board_list ul.photoList2>li p.img {position: relative; height: 22rem; overflow: hidden }
.board_list ul.photoList>li p.img a:after, .board_list ul.photoList2>li p.img a:after {display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,.05); box-sizing: border-box }
.board_list ul.photoList>li p.img img, .board_list ul.photoList2>li p.img img {position: relative; width: 100%; height: 100%; object-fit: cover }
.board_list ul.photoList>li div.con, .board_list ul.photoList2>li div.con {border: 1px solid #ddd; border-top: 0 }
.board_list ul.photoList>li div.con p.tit a, .board_list ul.photoList2>li div.con p.tit a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333 }
.board_list ul.photoList>li div.con {padding: 6.5% 7% 7.5% }
.board_list ul.photoList>li div.con p.tit {position: relative; text-align: center; padding-bottom: 2rem; font-size: 1.7rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.board_list ul.photoList>li div.con p.tit:after {display: block; content: ''; position: absolute; left: 49.5%; bottom: 0; width: 0.4rem; height: 0.4rem; border-radius: 0.3rem; background: #aaa; box-shadow: -0.8rem 0 0 #aaa, 0.8rem 0 0 #aaa }
.board_list ul.photoList>li div.con p.date {margin-top: 1.5rem; text-align: center }
.board_list ul.photoList2>li div.con {padding: 1.5rem 3rem }
.board_list ul.photoList2>li div.con p.tit {padding-bottom: 1rem; min-height: 3.5rem; font-size: 1.7rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.board_list ul.photoList2>li div.con p.txt {height: 4rem; overflow: hidden; line-height: 140% }
.board_list ul.photoList2>li div.con p.cate {margin-top: 2rem; min-height: 2.4rem }
.board_list ul.photoList2>li div.con p.cate span {margin-right: 0.3rem}
/* 갤러리(이미지,타이틀,내용 가로형) */ 
.board_list ul.galleryList {padding: 0.5rem 0; border-top: 0.2rem solid #333; border-bottom: 1px solid #aaa }
.board_list ul.galleryList>li {padding: 2.5rem 1rem; overflow: hidden; border-top: 1px dotted #aaa; word-break: keep-all }
.board_list ul.galleryList>li:first-child {border-top: 0 }
.board_list ul.galleryList>li p.img {position: relative; float: left; width: 32%; margin-right: 4%; font-size: 0; height: 21.5rem; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.2) }
.board_list ul.galleryList>li p.img img {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); width: 100%; min-height: 21.5rem }
.board_list ul.galleryList>li div.con {position: relative; float: left; padding-bottom: 4rem; width: 64%}
.board_list ul.galleryList>li div.con.w100p {padding-bottom: 0; height: auto }
.board_list ul.galleryList>li div.con p.tit {margin-bottom: 1rem; font-size: 2.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.board_list ul.galleryList>li div.con p.tit a {font-size: 2rem; color: #333; font-weight: 600}
.board_list ul.galleryList>li div.con p.txt {line-height: 150% }
.board_list ul.galleryList>li div.con p.cate {margin-top: 1.5rem }
.board_list ul.galleryList>li div.con ul.list_info {margin-top: 1rem }
.board_list ul.galleryList>li div.con p.tit+ul.list_info {margin-top: 0 }
.board_list ul.ebookList {padding: 2rem 0 2.5rem; border-top: 2px solid #333; border-bottom: 1px solid #aaa; overflow: hidden }
.board_list ul.ebookList>li {float: left; position: relative; margin: 2%; width: 46%; border: 1px solid #ddd; box-sizing: border-box; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.05) }
.board_list ul.ebookList>li:before {display: block; content: ''; position: absolute; left: -0.5%; top: 1px; width: 101%; height: 98.5%; border: 1px solid #ddd; z-index: -1 }
.board_list ul.ebookList>li:after {display: block; content: ''; clear: both }
.board_list ul.ebookList>li p.img {float: left; width: 50%; height: 31.4rem; border-right: 1px solid #ddd; box-sizing: border-box; overflow: hidden}
.board_list ul.ebookList>li p.img img {width: 100%; min-height: 30rem }
.board_list ul.ebookList>li div.con {position: relative; float: left; padding: 5% 3% 6.5rem 7%; width: 50%; height: 30rem; box-sizing: border-box }
.board_list ul.ebookList>li div.con:before {display: block; content: ''; position: absolute; right: -0.3rem; top: 0; width: 1px; height: 31.2rem; border: 1px solid #ddd }
.board_list ul.ebookList>li div.con p.tit {font-size: 2.1rem; color: #333}
.board_list ul.ebookList>li div.con p.date {color: #666 }
.board_list ul.ebookList>li div.con ul.ebook_btn {position: absolute; bottom: 0.8rem; width: 72% }
.board_list ul.ebookList>li div.con ul.ebook_btn li {border-top: 1px dotted #ccc }
.board_list ul.ebookList>li div.con ul.ebook_btn li:first-child {border-top: 0 }
.board_list ul.ebookList>li div.con ul.ebook_btn li a {display: inline-block; padding: 0.4rem; padding-left: 4rem; font-weight: 600; background-position: 1rem center; background-repeat: no-repeat}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic01 a {background-image: url(/share/images/program/ic_ebook01.gif); background-size: 1.8rem}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic02 a {background-image: url(/share/images/program/ic_ebook02.gif); background-size: 2.1rem}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic03 a {background-image: url(/share/images/program/ic_ebook03.gif); background-size: 2.1rem}
/* 갤러리 모음집형 */ 
#detail_con .popupzone_list3 {overflow: hidden; text-align: center; margin-top: 3rem}
#detail_con .popupzone_list3 li {display: inline-block; border: 1px red solid; width: 40rem; height: 26.5rem; margin-bottom: 1rem; overflow: hidden }
#detail_con .popupzone_list3 li {margin-right: 1rem; border: 1px solid #ccc}
#detail_con .popupzone_list3 li img {width: 100%; ;}
/* FAQ */ 
.board_list ul.faqList {border-top: 2px solid #333; border-bottom: 1px solid #aaa; overflow: hidden }
.board_list ul.faqList>li p.tit {border-bottom: 1px dotted #aaa }
.board_list ul.faqList>li:last-child p.tit {border-bottom: 0 }
.board_list ul.faqList>li p.tit a {position: relative; display: block; padding: 1.5rem 6rem 1.5rem 0.5rem; font-size: 1.7rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.board_list ul.faqList>li p.tit a:after, .board_list ul.faqList>li p.tit a:before {display: block; content: ''; position: absolute; right: 2.35rem; top: 2.6rem; width: 1.1rem; height: 1px; background: #666; transform: rotate(45deg); -webkit-transform: rotate(45deg) }
.board_list ul.faqList>li p.tit a:before {right: 1.6rem; transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.board_list ul.faqList>li p.tit.open {border-width: 0; font-weight: 600 }
.board_list ul.faqList>li p.tit.open a:after {right: 1.6rem }
.board_list ul.faqList>li p.tit.open a:before {right: 2.35rem }
.board_list ul.faqList>li div.con {display: none; padding: 3% 4.5%; background: #f6f6f6; border-bottom: 1px solid #ccc }
.board_list ul.faqList>li:last-child div.con {border-bottom: 0 }
/* 강의 */ 
.board_list ul.lecList { }
.board_list ul.lecList>li {position: relative; border-bottom: 1px solid #ddd; box-sizing: border-box }
.board_list ul.lecList>li:nth-child(1):after {display: block; content: ''; position: absolute; top: -1px; left: 0; width: 100%; height: 2px; background: #333 }
.board_list ul.lecList>li.close * {color: #888; font-weight: normal }
.board_list ul.lecList>li.close p.tit a {color: #888; font-weight: normal }
.board_list ul.lecList>li>div {display: flex; padding: 3rem 3rem 2.7rem}
.board_list ul.lecList>li>div>.tit {flex: 0 0 50%; padding-right: 3rem }
.board_list ul.lecList>li>div>.tit a {color: #333; font-size: 1.85rem; font-weight: 500; word-break: keep-all; letter-spacing: -.1rem}
.board_list ul.lecList>li>div>.tit .tag_cate {margin-bottom: 5px; font-size: .95em}
.board_list ul.lecList>li .tag_state {position: absolute; top: 2.5rem; right: 2.5rem; min-width: 6rem }
.board_list ul.lecList>li ul {overflow: hidden }
.board_list ul.lecList>li ul>li {position: relative; float: left; margin-top: 0.3rem; padding-left: 0.8rem; width: 50%; min-width: 21rem; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.board_list ul.lecList>li ul>li:after {display: block; content: ''; position: absolute; left: 0; top: 1.2rem; width: 0.3rem; height: 0.3rem; background: #ccc }
.board_list ul.lecList>li ul>li.long {clear: both; float: none; width: 100%}
/* etcList */ 
.board_list .etcList {overflow: hidden }
.board_list .etcList>li {float: left; margin: 1% 0; padding: 3% 3.5% 2.5%; width: 49%; border: 1px solid #ddd; box-sizing: border-box }
.board_list .etcList>li:nth-child(even) {float: right }
.board_list .etcList>li:nth-child(1) {border-top: 2px solid #333 }
.board_list .etcList>li:nth-child(2) {border-top: 2px solid #333 }
.board_list .etcList>li p.part {font-size: 1.4rem }
.board_list .etcList>li p.tit {margin-top: 0.7rem; margin-bottom: 1rem; height: 5.5rem; overflow: hidden; word-break: keep-all }
.board_list .etcList>li p.tit.tit_arow {margin-bottom: 1.5rem; height: auto }
.board_list .etcList>li p.tit a {font-size: 2rem; color: #333; line-height: 130% }
.board_list .etcList>li p.txt {height: 4.5rem; line-height: 150%; overflow: hidden }
.board_list .etcList>li p.txt+ul.list_info {margin-top: 0.5rem }
/* etcList 폐기물관리자용*/ 
.board_list .etcList>li p.no {position: relative; letter-spacing: 0}
.board_list .etcList>li p.no span.tag_txt {position: absolute; top: 0.3rem; right: 0}
.board_list .etcList>li p.Wtit {margin: 0.7rem 0 1.5rem; font-size: 2.4rem; font-weight: 600; word-break: keep-all }
.board_list .etcList>li p.Wtxt span {display: inline-block; position: relative; margin-right: 1.8rem; font-weight: 600}
.board_list .etcList>li p.Wtxt span:after {display: block; content: ''; position: absolute; right: -0.9rem; top: 0.5rem; width: 1px; height: 1.2rem; background: #999 }
.board_list .etcList>li div.more {display: none; margin-top: 0.5rem; background: #f5f5f5; padding: 5% 4% }
.board_list .etcList>li div.moreon {display: block }
.board_list .etcList>li div.more ul li {position: relative; padding-left: 0.8rem; line-height: 2.8rem; border-bottom: 1px dotted #ccc }
.board_list .etcList>li div.more ul li:after {display: block; content: ''; position: absolute; left: 0; top: 1.3rem; width: 0.3rem; height: 0.3rem; background: #666 }
.board_list .etcList>li a.more_btn {display: block; width: 6rem; margin: 0 auto; background: url(/share/images/program/Warrow.gif) no-repeat right 50% / 1rem}
.board_list .etcList>li a.close_btn {display: block; width: 10rem; padding: 0.5rem 0; margin: 1rem auto 0; background: #666; border-radius: 2rem; text-align: center; color: #fff}
.board_list .etcList>li ul.Wbtn {overflow: hidden; margin: 2rem 0 }
.board_list .etcList>li ul.Wbtn li {float: left; width: 24%; margin-right: 2% }
.board_list .etcList>li ul.Wbtn li:last-child {margin-right: 0 }
.board_list .etcList>li ul.Wbtn li a {display: block; padding: 1rem 2rem; background: #666; color: #fff; text-align: center; border-radius: 2rem }
.board_list .etcList>li ul.Wbtn li.blue a {background: #2b4e94 }
.board_list .etcList>li ul.Wbtn li.red a {background: #a82a2a }
.board_list .etcList .Wtit {margin: 0.7rem 0 1.5rem; font-size: 2.4rem; font-weight: 600; word-break: keep-all }
.board_list .etcList .Wtit:nth-child(3) {margin-top: 3rem}
.waste_tab {position: relative; background: #333 }
.waste_tab .gnb {position: absolute; right: 0; top: 0 }
.waste_tab .gnb a {position: relative; display: block; float: left; padding: 1.9rem 2rem 1.7rem; color: #fff }
.waste_tab .gnb a:first-child:after {content: ''; position: absolute; right: 0; top: 2.3rem; width: 1px; height: 1rem; background: #444 }
.waste_tab ul {overflow: hidden; padding-right: 19.5rem; border-top: 0.3rem solid #333 }
.waste_tab ul li {position: relative; float: left; text-align: center; width: 20%; min-width: 20rem}
.waste_tab ul li:after {display: block; content: ''; position: absolute; left: 0; top: 1.7rem; width: 1px; height: 1.6rem; background: #444 }
.waste_tab ul li:first-child:after {display: none }
.waste_tab ul li a {display: block; padding: 1.2rem .5rem 1.7rem; font-size: 1.2em; color: #eaeaea }
.waste_tab ul li.select a {background: #fff; font-weight: 600; color: #333 }
.waste_tab ul li.select:after {display: none }
.waste_tab ul li.select+li:after {display: none }
.waste_stats .field_wastebiz li dl {width: 100% }
.waste_stats .field_wastebiz li:nth-child(3) dl select {min-width: 50% }
.waste_stats .field_wastebiz li:nth-child(3) dl input[type=submit] {position: relative }
.waste_stats2 .field_wastebiz li dl {padding-left: 8rem }
.waste_stats2 .field_wastebiz li dl dt {width: 8rem }
.waste_stats2 .field_wastebiz dl select {min-width: 50% }
.waste_stats2 .field_wastebiz dl input[type=submit] {position: relative }
/* nameList */ 
.board_list .nameList {overflow: hidden }
.board_list .nameList>li {float: left; margin: 1% 1% 0 0; padding: 3% 3.5% 2.5%; width: 32%; text-align: center; border: 1px solid #ddd; box-sizing: border-box }
.board_list .nameList>li:nth-child(3n) {float: right; margin-right: 0}
.board_list .nameList>li:nth-child(1) {border-top: 2px solid #333 }
.board_list .nameList>li:nth-child(2) {border-top: 2px solid #333 }
.board_list .nameList>li:nth-child(3) {border-top: 2px solid #333 }
.board_list .nameList>li p {color: #666}
.board_list .nameList>li p.tag {display: inline-block; padding: 0.5rem 2rem; border: 1px solid #cecece; border-radius: 1.5rem; color: #000 }
.board_list .nameList>li p.tit {margin-top: 0.7rem; margin-bottom: 1rem; overflow: hidden; font-size: 1.8rem; font-weight: 600; color: #000}
/* 설문 */ 
.board_list .surveyList {overflow: hidden }
.board_list .surveyList>li {padding: 2% 3%; margin-bottom: 1rem; border: 1px solid #ccc; box-sizing: border-box; border-radius: 8px; background: #f9f9f9}
.board_list .surveyList>li.open {background: #fff; border: 1px solid #ddd}
.board_list .surveyList>li p.tit {margin-top: 0.3rem; margin-bottom: 1rem}
.board_list .surveyList>li p.tit a {font-size: 2rem; font-weight: 500; color: #333; line-height: 130% }
/* 한줄리스트 */ 
.board_list .oneList {border-top: 2px solid #333 }
.board_list .oneList>li {position: relative; padding: 3rem 2rem; border-bottom: 1px solid #ddd; box-sizing: border-box }
.board_list .oneList>li:first-child {border-top: 0 }
.board_list .oneList>li .tit {position: relative; display: flex; flex-wrap: wrap; padding-right: 3rem; overflow: hidden }
.board_list .oneList>li .tit>a {font-size: 2.1rem; color: #333; line-height: 130%; font-weight: 500}
.board_list .oneList>li div.con {margin-top: 1.5rem; position: relative}
.board_list .oneList>li div.con ul.list_info {display: flex; flex-wrap: wrap; overflow: hidden }
.board_list .oneList>li div.con ul.list_info li {flex: 0 0 50% }
.board_list .oneList>li div.con ul.list_info li.long {width: 100%}
.board_list .oneList>li div.con ul.list_info .wfont {font-weight: 500}
.board_list .oneList.haveBtn>li div.con {padding-right: 13rem }
.board_list .oneList>li ul.titNext {display: flex; flex-grow: 1; margin-left: 1rem}
.board_list .oneList>li ul.titNext li {margin-bottom: 0.3rem; margin-left: 0.2rem }
.board_list .oneList>li ul.titNext li a {text-align: center; min-width: 7rem }
.board_list .oneList .my_monitoring {margin-top: 1rem}
.board_list .oneList>li div.con ul.oneList_btn {position: absolute; right: 0; top: 0 }
.board_list .oneList>li div.con ul.oneList_btn li {margin-bottom: 0.3rem }
.board_list .oneList>li div.con ul.oneList_btn li a {text-align: center; min-width: 7rem }
#tab+.board_list .rental_list {margin: 4rem 2rem 0 2rem}
.board_list .rental_list {border-top: 0.2rem solid #222}
.board_list .rental_list>li {display: flex; justify-content: space-between; gap: 1rem; padding: 4rem 0; border-bottom: 0.1rem solid #D9D9D9}
.board_list .rental_list .img {flex: 0 0 auto; display: flex; justify-content: center; align-items: center; max-width: 19.3rem; height: 14.6rem; border-radius: 1.6rem; box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.10); line-height: 0; overflow: hidden}
.board_list .rental_list .img img {min-height: 100%}
.board_list .rental_list .con {padding: 2.3rem 0rem 0rem 2rem; width: 100%}
.board_list .rental_list .con .tit {margin-bottom: 1rem; color: #333; font-size: 2.1rem; font-weight: 600; line-height: 150%; letter-spacing: 0.084rem}
.board_list .rental_list .con .lec_info {display: flex; flex-wrap: wrap; gap: 0 1rem; width: 100%; max-width: 70rem}
.board_list .rental_list .con .lec_info>li {flex: 1 1 auto; min-width: calc(50% - 0.5rem); color: #484848; font-size: 1.6rem; line-height: 160%; letter-spacing: -0.032rem}
.board_list .rental_list .con .lec_info>li span {position: relative; display: inline-block; padding-right: 2rem; padding-left: 1.1rem; font-weight: 600}
.board_list .rental_list .con .lec_info>li span::before {content: ''; position: absolute; left: 0; top: 1.1rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #666}
.board_list .rental_list .con .lec_info>li span::after {content: ''; position: absolute; right: 1rem; top: 0.6rem; width: 0.1rem; height: 1.3rem; background: #ccc}
.board_list .rental_list .btnbox {margin-top: 2rem; margin-bottom: 2rem}
.board_list .rental_list .btnbox a {position: relative; display: block; min-width: 15rem; padding: 1.2rem 3.5rem 1.2rem 2.5rem; color: #FFF; font-size: 1.7rem; font-weight: 500; border-radius: 0.4rem; background: #E54242; box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.25), 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.25); text-shadow: -1px 0 #D63333, 0 -1px #D63333, 1px 0 #D63333, 0 1px #D63333}
.board_list .rental_list .btnbox a::before {content: ''; position: absolute; right: 2.5rem; top: 1.7rem; width: 0.9rem; height: 1.4rem; background: #fff; -webkit-mask: var(--more-arr); mask: var(--more-arr); mask-size: 0.9rem 1.4rem; -webkit-mask-size: 0.9rem 1.4rem}
/* 데이타형식 */ 
h4+table.dataTable {margin-top: 1rem}
table.dataTable {position: relative; margin-top: 0.5rem; width: 100%; border-spacing: 0; border-collapse: collapse }
table.dataTable:before {display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0.2rem; background: #333 }
table.dataTable caption {position: fixed; top: -50000px; right: -500000px }
table.dataTable th, table.dataTable td {padding: 0.8rem 1%; border: 1px solid #ccc; border-top: 0 }
table.dataTable td:last-child, table.dataTable th:last-child {border-right: 0 }
table.dataTable td:first-child, table.dataTable th:first-child {border-left: 0 }
table.dataTable th {font-weight: 600 }
table.dataTable thead th {padding: 1.2rem 1%; background: #f0f0f0 }
table.dataTable input[type=text], table.dataTable select {padding: 0.5rem; border: 1px solid #c9c9c9}
.datatable+.right>.conbtn {margin-top: 2rem}
table.dataTable.nohead th {padding: 1.2rem 1%; background: #f0f0f0}
.dataTable td.fileListDel {background: #f6f9ff; font-size: 1.2rem}
.dataTable td.fileListDel .btnDel {display: inline-block; padding: 0.1rem 0.4rem; border: 1px solid #999; border-radius: 1.2rem; background: #fff}
.fileListLess {margin-top: 1rem; padding: 1.6rem; border: 1px solid red }
.tableBox {position: relative; display: block; overflow-x: auto}
.tableBox table {min-width: 80rem; -webkit-text-size-adjust: 100%}
/* 데이타형식2 전국청년정책, 일자리 상세보기 표*/ 
table.dataTable2 {position: relative; margin-top: 1rem; width: 100%; border-spacing: 0; border-collapse: collapse }
table.dataTable2:before {display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 0.2rem; background: #333 }
table.dataTable2 caption {position: fixed; top: -50000px; right: -500000px }
table.dataTable2 th, table.dataTable2 td {padding: 1.3rem 2.4rem; border-bottom: 1px solid #dcdcdc; border-top: 0 }
table.dataTable2 td:last-child, table.dataTable2 th:last-child {border-right: 0 }
table.dataTable2 td:first-child, table.dataTable2 th:first-child {border-left: 0 }
table.dataTable2 th {font-weight: 600; text-align: left; background-color: #f9f9f9}
table.dataTable2 thead th {padding: 1.2rem 1%; background: #f0f0f0 }
table.dataTable2 input[type=text], table.dataTable2 select {padding: 0.5rem; border: 1px solid #c9c9c9}
.datatable2+.right>.conbtn {margin-top: 2rem}
.dataTable.card th {background: #f0f0f0}
.dataTable.card td {text-align: center}
.dataTable.card td input[type=text] {text-align: right; width: 80%}
.dataTable.card td .sbtn {color: #333; border: 1px solid #CCC; background: #F5F5F5}
/* 페이지 */ 
/* a.page_btn.btn_first, a.page_btn.btn_prev, a.page_btn.btn_next, a.page_btn.btn_last{display:inline-block; text-indent:-50000px; width:2.5rem; height:3rem; background-position:center center; background-repeat:no-repeat; background-size:1.7rem 2rem; vertical-align:middle} a.page_btn.btn_first{background-image:url(/share/images/program/btn_first.gif)} a.page_btn.btn_prev{margin-right:1.5rem; background-image:url(/share/images/program/btn_prev.gif)} a.page_btn.btn_next{margin-left:1.5rem; background-image:url(/share/images/program/btn_next.gif)} a.page_btn.btn_last{background-image:url(/share/images/program/btn_last.gif)} .paging{text-align:center; margin:5rem 0 2rem; font-size:0;} .paging a{display:inline-block; text-align:center; min-width:3rem; line-height:3rem; font-size:1.6rem; vertical-align:middle} .paging a.select{background:#333; color:#fff;} .paging_mb{text-align:center; margin:3rem 0; letter-spacing:-0.1em} .paging_mb .input{text-align:center; width:5rem} .paging_mb .btn_input{min-width:6rem} .paging_mb a.page_btn{border:1px solid #ddd; width:12%; height:4rem; line-height:4rem; letter-spacing:0; box-sizing:border-box} .paging_mb a.page_btn.btn_prev{margin-right:0.5rem} .paging_mb a.page_btn.btn_next{margin-left:0.5rem} .paging_mb a.page_btn.btn_first, .paging_mb a.page_btn.btn_last{text-indent:0; color:#666; min-width:6rem} .paging_mb a.page_btn.btn_first{text-align:center; padding-right:2rem; background-position:right 0.8rem center} .paging_mb a.page_btn.btn_last{text-align:center; padding-left:2rem; background-position:left 0.8rem center} */ 
/*** 상세 ***/ 
/* 작성정보,첨부파일(상세,) */ 
.data_list {margin-top: -1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
.title+.data_list {margin-top: 0; border-top: 0 }
.comment+.data_list {margin-top: 5rem }
.data_list>li {overflow: hidden; border-top: 1px dotted #ccc }
.data_list>li:first-child {border-top: 0 }
.data_list>li dl {display: table; width: 100% }
.data_list>li.col2 dl {float: left; width: 50% }
.data_list>li dl>dt, .data_list>li dl>dd {display: table-cell; padding: 0.8rem 0.5rem; padding-left: 2rem }
.data_list>li dl dt {vertical-align: top; width: 10rem; font-weight: 600; color: #333; white-space: nowrap}
.data_list>li.longDt dl {padding: 0.8rem 0 }
.data_list>li.longDt dl dt {float: left; width: auto; padding-bottom: 0; padding-top: 0 }
.data_list>li.longDt dl dd {float: left; padding-top: 0 }
.board_write .data_list {border-bottom: none}
.board_write .data_list>li {border-top: none}
.data_cell {padding: 0; margin-top: 1.5rem; margin-bottom: 2rem }
.title+.data_cell {margin-top: 0 }
.data_cell>ul {border-top: 2px solid #333; border-bottom: 1px solid #ccc }
.data_cell>ul>li {border-top: 1px dashed #ddd }
.data_cell>ul>li:first-child {border-top: 0 }
.data_cell ul li dl {display: table; margin: 0.3rem 0; width: 100% }
.data_cell ul li dl dt, .data_cell ul li dl dd {display: table-cell; padding: 1rem 2% }
.data_cell ul li dl dt {text-align: center; width: 20%; background: #eee; font-weight: 600 }
.data_cell ul li img {vertical-align: middle }
.add_file dl {display: table; width: 100% }
.add_file dl>dt, .add_file dl>dd {display: table-cell; padding: 0.5rem 0; padding-left: 2rem }
.add_file dl>dt {width: 9rem; font-weight: 500; color: #333 }
.add_file {position: relative; padding: 0.5rem 8rem 0.6rem 0; background: #f9f9f9; border-bottom: 1px solid #ddd }
.add_file dl>dd ul li {position: relative; padding-left: 1.5rem; margin-top: 0.5rem}
.add_file dl>dd ul li:first-child {margin-top: 0}
.add_file dl>dd ul li img {vertical-align: middle }
.add_file dl>dd ul li span.byte {padding-left: 0.5rem; color: #666; font-weight: 600; font-size: 1.4rem; letter-spacing: 0 }
.add_file .alldown {position: absolute; right: 3rem; top: 1.5rem }
.blet_list dt {position: relative; font-weight: 600; color: #333; width: 10rem}
.blet_list p.q {position: relative; padding-left: 2rem !important}
.blet_list dt::before, .blet_list p.q::before {content: ''; position: absolute; left: 1rem; top: 1.7rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #333}
.blet_list .add_file dt::before {display: none}
.blet_list p.q::before {content: ''; position: absolute; left: 1rem; top: 1.2rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #333}
.board_view div.title {text-align: center; margin-top: -1px; padding: 2.5rem 1rem; border-top: 2px solid #333; border-bottom: 1px solid #333 }
.board_view div.title p {font-size: 2.4rem; color: #333; font-weight: 600 }
.board_view div.title p.period {display: inline-block; margin-top: 1rem; padding: 0 2rem; font-size: 1.6rem; background: #e3e3e3; border-radius: 6rem; letter-spacing: 0}
.board_view div.stateBox {margin-top: 2rem; text-align: right }
.board_view div.con {border-bottom: 1px solid #ccc }
.board_view div.con img {max-width: 100%; height: unset}
.board_view div.con .photo {margin: 4rem auto; width: 90%; text-align: center }
.board_view div.con .photo p {display: inline-block; margin-top: 2rem; max-width: 100%; font-size: 1.4rem }
.board_view div.con .photo p span {display: block; word-break: break-all}
.board_view div.con .detail {margin: 4rem auto 5rem; width: 90% }
.board_view div.con .detail_movie {margin: 4rem auto 5rem; width: 90% }
.board_view div.con .photo+.detail {margin-top: 8rem }
.board_view div.con .openNuri {text-align: right; font-size: 0 }
.board_view div.con .openNuri img {margin-bottom: -1px }
.board_view div.con table td, .board_view div.con table th {border: 1px solid #ccc }
.photoView {margin: 0 auto 4rem; width: 90%; max-width: 65rem }
.photoView p {position: relative; width: 100%; height: 42rem; overflow: hidden }
.photoView p img {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-height: 42rem }
.photoView ul {margin-top: 0.5rem; text-align: center; font-size: 0 }
.photoView ul li {display: inline-block; width: 14.3%; height: 6rem; overflow: hidden; border: 0.3rem solid #fff }
.photoView ul li.on {border-color: #333 }
.photoView ul li img {width: 100%; min-height: 6.5rem }
.btn_preview {display: inline-block; padding: 0.1rem 1.5rem; font-size: 1.4rem; font-weight: 600; background: #333; color: #fff; border-radius: 5rem }
.btn_preview span {color: #fff; font-size: 1.4rem}
.btn_gosite {display: inline-block; margin-bottom: 0.2rem; padding: 0.1rem 3.5rem 0.1rem 1.5rem; font-size: 1.4rem; font-weight: 600; background: var(--blue) url(/share/images/program/btn_gosite.svg) no-repeat right 1.5rem top 0.7rem / 1.5rem; color: #fff; border-radius: 5rem }
.btn_gosite span {color: #fff; font-size: 1.4rem}
.contact {padding: 2rem; margin-top: 4rem; border: 0.4rem solid #eee; overflow: hidden }
.contact>div {position: relative; float: left; width: 50% }
.contact>div.map {height: 4rem; overflow: hidden }
.contact>div.map_info {padding-left: 3%; width: 45% }
.contact>div.map_info p.name {font-weight: 600; font-size: 1.6rem }
.contact>div.map_info ul {margin-top: 2rem }
.contact>div.map_info ul li {position: relative; padding-left: 1rem}
.contact>div.map_info ul li:After {display: block; content: ''; position: absolute; left: 0; top: 1.2rem; width: 0.5rem; height: 1px; background: #666 }
/* 댓글 */ 
.board_reply>div.comment {border-top: 0.6rem solid #eee}
.comment {padding: 3.5% 4%; border: 0.6rem solid #eee }
.comment div.comment_writer {margin-bottom: 2rem }
.comment div.comment_writer ul {overflow: hidden }
.comment div.comment_writer ul li {position: relative; float: left; margin-right: 1%; width: 25% }
.comment div.comment_writer ul li label {font-weight: 600 }
.comment div.comment_writer input[type=text], .comment div.comment_writer input[type=password] {text-align: center; margin-top: 0.3rem; border: 0; border: 1px solid #aaa; padding: 0.8rem 0; width: 100%; font-weight: 600 }
.comment div.comment_form {position: relative; padding-right: 14rem}
.comment div.comment_form textarea {padding: 1rem 2%; width: 96%; height: 9rem; background: #EEE; border: 1px solid #ddd; line-height: 150%; resize: none}
.comment div.comment_form input[type=submit] {position: absolute; right: 0; top: 0; width: 14rem; height: 9rem; font-size: 1.8rem; background: #fff; border: 1px solid #ccc; color: #333 }
.comment div.comment_view ul.comment_list li {position: relative; padding: 2.2rem 0.5rem 2.4rem; border-top: 1px dashed #ccc}
.comment div.comment_view ul.comment_list li:first-child {border-top: 0}
.comment div.comment_view ul.comment_list li p.writer {padding-right: 7rem }
.comment div.comment_view ul.comment_list li p.writer span.name {font-weight: 600 }
.comment div.comment_view ul.comment_list li p.writer span.date {font-size: 1.4rem }
.comment div.comment_view ul.comment_list li p.txt {margin-top: 0.8rem; font-size: 1.4rem; line-height: 130%}
.comment div.comment_view ul.comment_list li a.del_comment {display: block; position: absolute; top: 2.2rem; right: 0.5rem; padding-left: 2.2rem; padding-right: 0.8rem; height: 2.2rem; line-height: 2rem; border: 1px solid #ccc; font-size: 1.4rem; color: #666 }
.comment div.comment_view ul.comment_list li a.del_comment:before, .comment div.comment_view ul.comment_list li a.del_comment:after {display: block; content: ''; position: absolute; top: 0.6rem; left: 1.2rem; width: 1px; height: 1.2rem; background: #333; transform: rotate(45deg); -webkit-transform: rotate(45deg) }
.comment div.comment_view ul.comment_list li a.del_comment:before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.comment .paging {margin: 2rem 0 4rem }
.comment .paging a {font-size: 1.5rem }
.comment a.page_btn.btn_first, .comment a.page_btn.btn_prev, .comment a.page_btn.btn_next, .comment a.page_btn.btn_last {min-width: 2rem; height: 2.5rem }
.comment a.page_btn.btn_prev {margin-right: 0.5rem }
.comment a.page_btn.btn_next {margin-left: 0.5rem }
.comment.pop_comment {padding: 2% 5%; border: 0 }
/* QNA */ 
.board_reply {margin-top: -1px; border-top: 1px solid #333; border-bottom: 1px solid #ccc }
.board_reply>div {padding: 4% 3.5%; border-top: 1px solid #333 }
.board_reply>div.title .tit {font-size: 2.4rem; color: #333; font-weight: 600}
.board_reply>div.reply_bribe {padding: 0; margin-bottom: 2rem; border-bottom: 1px solid #ccc }
.board_reply>div.reply_bribe>ul { }
.board_reply>div.reply_bribe>ul>li {border-bottom: 1px dashed #ddd }
.board_reply>div.reply_bribe>ul>li:nth-last-child(1) {border-bottom: none}
.board_reply>div.reply_bribe ul li dl {display: table; margin: 0.3rem 0; width: 100% }
.board_reply>div.reply_bribe ul li dl dt, .board_reply>div.reply_bribe ul li dl dd {display: table-cell; padding: 1rem 2% }
.board_reply>div.reply_bribe ul li dl dt {text-align: center; width: 20%; background: #eee; font-weight: 500 }
.board_reply>div.reply_bribe ul li img {vertical-align: middle }
.board_reply>div.reply_bribe>dl {display: table; padding: 0.3rem 0; width: 100%; border-bottom: 1px dashed #ddd }
.board_reply>div.reply_bribe>dl dt, .board_reply>div.reply_bribe>dl dd {display: table-cell; padding: 1rem 2% }
.board_reply>div.reply_bribe>dl dt {text-align: center; width: 20%; background: #f0f0f0; font-weight: 600 }
.board_reply>div.reply_bribe>dl dd ul li {position: relative; padding-left: 0.9rem }
.board_reply>div.reply_bribe>dl dd ul li:after {display: block; content: ''; position: absolute; left: 0; top: 1.2rem; width: 0.4rem; height: 1px; background: #888 }
.board_reply>div.reply_bribe>dl.corrupt dd {font-weight: 600 }
.board_reply>div.reply_bribe>dl.reporter {border-bottom: 0 }
.board_reply>div.reply_bribe>dl.reporter dd ul li {font-size: 1.4rem }
.board_reply>div.reply_bribe>dl.reporter dd ul li span {font-weight: 600 }
.board_reply>div .add_file {margin-top: 5%; background: transparent; border-top: 1px solid #ccc }
.board_reply>div .data_list {border-bottom: 0 }
.board_reply>div .writer+.data_list {margin-top: 5% }
.board_reply>div.reply_q .writer {font-size: 1.6rem; font-weight: 500 }
.board_reply>div.reply_q .tit {margin: 2rem 0 1.2rem; font-weight: 500; font-size: 1.8rem }
.board_reply>div.reply_q dl.writer_para {margin-top: 2rem}
.board_reply>div.reply_q dl.writer_para dt {display: inline-block; margin-bottom: 0.4rem; padding: 0.2rem 0.6rem; border-radius: 0.2rem; background-color: #333; color: #fff; font-weight: 500}
.board_reply>div.reply_a {background: #f5f5f5 }
.board_reply>div.reply_a .tit {margin-bottom: 2rem }
.board_reply>div.reply_a .writer {margin-top: 1rem }
/* 설문 */ 
.survey_frame {position: relative; margin-top: -0.3rem; border-top: 0.3rem solid #333; box-sizing: border-box }
.survey_frame>ul>li {padding: 2.4rem 2rem; border-bottom: 1px dashed #CCC}
.survey_frame .q {position: relative; padding: 0.5rem 0.5rem 0.5rem 6.6rem; margin-bottom: 0.6rem; color: #000; font-size: 1.7rem; line-height: 2.4rem; letter-spacing: -0.034rem}
.survey_frame .q>span {position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; margin-right: 1.8rem; padding: 0.6rem 1.8rem; width: 4.8rem; color: #FFF; font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; letter-spacing: -0.032rem; border-radius: 0.4rem; background: #333}
.survey_frame .q>ul>li {margin-top: 0.4rem; color: #333; font-size: 1.4rem; line-height: 2.2rem; letter-spacing: -0.028rem}
.survey_frame .q>ul>li.point {color: #D72323}
.survey_frame .q>ul>li::before {content: '* '; display: inline-block; padding-right: 0.5rem}
.survey_frame .q>ul>li .ex {position: relative; margin-left: 1rem; padding-left: 1.2rem; color: #666}
.survey_frame .q>ul>li .ex::before {content: ''; position: absolute; left: 0; top: 1rem; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #666}
.survey_frame .dataTable {margin-top: 1.2rem; margin-bottom: 1.2rem}
.survey_frame .dataTable th {text-align: center}
.survey_frame .a {display: flex; gap: 1.6rem; padding-left: 6.6rem}
.survey_frame.write .a {padding-left: 1rem}
.survey_frame .a li * {color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.8rem; letter-spacing: -0.032rem}
.survey_frame .a li {display: flex; align-items: center; padding: 0.6rem 0rem}
.survey_frame .a li .btn_board {font-size: 1.4rem; font-weight: 400}
.survey_frame .a li input {margin-right: 0}
.survey_frame .a li label {padding-left: 0.5rem}
.survey_frame .a input[type=text] {width: 100%; height: 5.6rem; padding: 1.2rem 2rem; border-radius: 0.4rem; border: 1px solid #CCC; background: #F9F9F9}
.survey_frame .a input[type=text]::placeholder {color: #C3C3C3; letter-spacing: -0.03rem}
.survey_frame.write .a {margin-top: 2rem }
.survey_frame.write .a li {margin-top: 0.5rem }
.survey_frame .a_img {display: flex; justify-content: space-between; gap: 1rem; padding-left: 6.6rem}
.survey_frame .a_img li {flex: 1 1 auto; max-width: calc(25% - 3rem / 4)}
.survey_frame .a_img li .img {display: flex; align-items: center; justify-content: center; width: 100%; height: 15rem; border: 0.6rem solid #FFF; box-shadow: 0 0.1rem 0.1rem 0 #BEBEBE; overflow: hidden}
.survey_frame .a_img li .img img {min-height: 15rem; width: 100%}
.survey_frame .a_img li .txt {display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 0rem; margin-top: 0.4rem; color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.8rem; letter-spacing: -0.032rem}
.survey_frame .a_img li .txt label {color: #000; font-size: 1.6rem; font-weight: 300; line-height: 1.8rem; letter-spacing: -0.032rem}
.survey_frame .a_img li .txt input {margin-right: 0; width: 1.8rem; height: 1.8rem; border: 1px solid #787878}
.survey_frame.write .a_img {margin-top: 2rem }
.survey_frame input:checked+label {font-weight: 600; color: #333 }
.survey_frame .error .q {color: #D72323; font-weight: 600}
.survey_frame .error .q span {background: #D72323}
.survey_frame .error-tag span {display: inline-block; padding: 0.3rem 1.1rem; color: #D72323; font-size: 1.3rem; font-weight: 500; letter-spacing: -0.026rem; border-radius: 1.3rem; border: 1px solid #D72323}
h4+.survey_frame {margin-top: 1rem}
.ratio_graph {border-left: 1px solid #ddd; margin-left: 1%; margin-top: 2rem; font-size: 0; width: 100%; white-space: nowrap }
.ratio_graph:after {display: block; content: ''; overflow: hidden }
.ratio_graph>li {position: relative; margin: 2px 0; height: 1.5rem; border-left: 2px solid #fff; box-sizing: border-box }
.ratio_graph .survey_ratio.ratio01 {background: #ffb1b1 }
.ratio_graph .survey_ratio.ratio02 {background: #e97b19 }
.ratio_graph .survey_ratio.ratio03 {background: #ffdc50 }
.ratio_graph .survey_ratio.ratio04 {background: #8cda57 }
.ratio_graph .survey_ratio.ratio05 {background: #50c373 }
.ratio_graph .survey_ratio.ratio06 {background: #3d9eaa }
.ratio_graph .survey_ratio.ratio07 {background: #4095d0 }
.ratio_graph .survey_ratio.ratio08 {background: #618be0 }
.ratio_graph .survey_ratio.ratio09 {background: #7961e0 }
.ratio_graph .survey_ratio.ratio10 {background: #b561e0 }
.ratio_graph .survey_ratio span {display: block; position: absolute; right: -5.5rem; top: -0.5rem; width: 5rem; text-align: left; font-size: 1.3rem }
/* 이전글 다음글 */ 
.other_con {margin-top: 7rem; border-top: 1px solid #333; border-bottom: 1px solid #333 }
.other_con li {position: relative; padding: 0.8rem; padding-left: 13rem; border-top: 1px dotted #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.other_con li:first-child {border-top: 0 }
.other_con span {display: block; position: absolute; text-align: center; width: 13rem; height: 100%; left: 0; top: 0.8rem; font-weight: 600 }
.check_con {margin-top: 2rem; margin-bottom: 2rem; padding: 2rem; border: 0.3rem solid #DDD}
.check_con p {color: #252525; font-weight: 300; line-height: 2.3rem; letter-spacing: -0.03rem}
.check_con .check, .check_con.ver2 ul li {display: flex; flex-direction: row-reverse; gap: 0.5rem; margin-top: 1rem}
.check_con .check input, .check_con.ver2 ul li input {flex: 0 0 auto; width: 1.8rem; height: 1.8rem; border-radius: 0.3rem; border: 1px solid #787878; background: #FFF}
.check_con .check label {line-height: 1.8rem; font-weight: 500}
.check_con.ver2 {text-align: left; padding: 4.8rem 3rem; margin-top: 1rem}
.check_con.ver2 ul li {justify-content: flex-start; align-items: flex-start; color: #252525; font-weight: 700; letter-spacing: -0.032rem}
.check_con.ver2 ul li:first-child {margin-top: 0}
.check_con.ver2 ul li input {margin-top: 0.2rem}
.check_con.ver2 p {justify-content: flex-start; margin-top: 2rem; padding-top: 2rem; color: #252525; font-weight: 700; letter-spacing: -0.032rem; border-top: 1px dashed #DDD}
.check_con.ver3 {border: none; padding: 0; margin-top: 4.4rem}
.check_con.ver3 p {color: #252525; font-weight: 500; letter-spacing: -0.032rem}
.check_con.ver3>div {text-align: center; margin-top: 3.1rem; padding: 4.8rem 3rem; border: 1px solid #dde3f1}
.check_con.ver3>div .txt_top {margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px dashed #ddd}
.check_con.ver3>div .txt01 {color: #666}
.check_con.ver3>div .txt02 {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; line-height: 2.2rem}
.check_con.ver3>div .txt02 input {padding: 0.6rem 1.2rem; min-width: 12rem; color: #252525; font-size: 1.4rem; font-weight: 700; line-height: 2.2rem; letter-spacing: -0.028rem; border: 1px solid #CCC}
.check_con.ver3>div .txt03 {margin-top: 2.4rem; font-size: 2rem; letter-spacing: -0.04rem}
.info_con {padding: 2.8rem; border: 0.3rem solid #DDD; background: #FFF}
.info_con p {color: #252525; font-size: 1.5rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.03rem}
.info_con .tit {display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-left: 5.6rem; background: url(../images/program/info_con.svg) no-repeat 0 0 / 4.8rem}
.info_con .tit p {color: #333; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.038rem}
.info_con .tit p span {display: block; margin-top: 0.4rem; color: #666; font-size: 1.5rem; letter-spacing: -0.03rem}
.info_con .con {margin-top: 2rem}
.info_con .con .dataTable {margin-top: 1rem; margin-bottom: 1rem}
.info_con .sbtn {display: inline-block; padding: 0.4rem 3.6rem 0.4rem 2rem; height: auto; min-width: auto; color: #FFF; font-size: 1.3rem; font-weight: 400; line-height: 2.4rem; letter-spacing: -0.03rem; border-radius: 2rem; background: #3F3D55 linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%) no-repeat}
.info_con .close {position: relative}
.info_con .close::before {content: ''; position: absolute; right: 2.3rem; top: calc(50% - 0.5rem); width: 1.4rem; height: 1rem; background: url(../images/program/info_con_arr.svg)0 0 / 1.4rem}
.info_con .close.on::before {transform: rotate(180deg)}
.info_con .more {background-image: url(../images/program/info_con_more.svg); background-position: right 1.9rem center; background-size: 1.2rem}
.info_con.qr {position: relative; padding-right: 25rem}
.info_con.qr .tit>img {position: absolute; right: 4rem; top: 4rem; max-width: 16rem}
.status_box {text-align: center; margin-bottom: 3.2rem; padding: 4rem 1rem; background: #F6F9FF}
.status_box .tit {color: #333; font-size: 2.4rem; font-weight: 600; line-height: normal}
.status_box .tit.blue {color: #333}
.status_box .tit span {color: #D72323}
.status_box .txt {margin-top: 1rem; color: #333; font-size: 1.6rem; line-height: 2.4rem}
.status_box .txt * {font-size: 1.6rem; line-height: 2.4rem}
.status_box .txt span {color: #333}
.status_box .mbtn {margin-top: 1rem}
.status_box .txt2, .status_box .txt2 * {font-size: 1.4rem}
.ox_list {padding: 4rem 6rem; border: 0.4rem solid #EEE}
.ox_list>li {display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 6.6rem; border-top: 1px dashed #CCC}
.ox_list>li:first-child {border-top: none}
.ox_list>li .num {display: flex; gap: 1rem; padding-top: 0.3rem; color: #333; font-size: 1.6rem; font-weight: 500; line-height: 2.4rem}
.ox_list>li .num span {flex: 0 0 auto; display: flex; align-items: center; justify-content: center; margin-top: -0.3rem; width: 6rem; height: 3.2rem; color: #FFF; font-size: 1.6rem; font-weight: 600; border-radius: 3.2rem; background: #8349FC}
.ox_list>li .check {flex: 0 0 auto; display: flex; align-items: center; color: #333; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem}
.ox_list>li .check input {margin-left: 2rem; width: 1.8rem; height: 1.8rem; border: 1px solid #787878}
.ox_list>li .check label {margin-left: 0.5rem}
.ox_list>li .check span {margin-left: 2rem; color: #222; font-size: 1.5rem; font-weight: 400; line-height: 2.4rem}
.ox_list>li .check .wrongA {color: #D72323}
h4+.ox_list {margin-top: 1rem}
/*** 작성 ***/ 
.board_write>ul, .board_write>form>ul {border-top: 2px solid #333; margin-top: -1px }
.board_write>ul.bl03+ul, .board_write>form>ul.bl03+ul {margin-left: 1.6rem; margin-top: 0.6rem}
.board_write>ul.bl03, .board_write>form>ul.bl03 {border-top: 0; margin-top: 1.4rem}
.board_write>ul.bl03>li, .board_write>form>ul.bl03>li {display: block; color: #222; font-weight: 500; line-height: 160%; border-bottom: none}
.board_write>ul.bl03 .bl04, .board_write>form>ul.bl03 .bl04 {margin-top: 0.4rem}
.board_write>ul.bl03 .bl04 li, .board_write>form>ul.bl03 .bl04 li {color: #444; font-size: 1.4rem; font-weight: 300; letter-spacing: -0.028rem; border-bottom: none}
.board_write .point {color: #CC1F1F !important; line-height: 2.2rem; letter-spacing: -0.028rem}
.board_write .point.wfont {font-weight: 600}
.board_write h4 {margin-bottom: 1rem}
.board_write ul li {border-bottom: 1px solid #dcdcdc }
.board_write .dataTable ul li, .board_write dd ul li {border-bottom: none}
.board_write ul li.title {border-bottom: 1px solid #333 }
.board_write ul li dl {display: flex; width: 100%}
.board_write ul li dl dt {flex: 0 0 auto; padding: 1.3rem 3rem; font-weight: 600; color: #333; font-size: 1.4rem; width: 20%; background-color: #f9f9f9; word-break: auto-phrase}
/* .board_write ul li dl.long dt{width:18% !important;} */ 
.board_write ul li dl dt span {font-weight: normal }
.board_write ul li dl dt span.ps {display: inline-block; font-size: 1.4rem }
.board_write ul li dl dt span.ps:before {display: inline-block; content: ''; margin: -1px 0.5rem 0 0.9rem; width: 2px; height: 1.2rem; background: #aaa; vertical-align: middle }
.board_write ul li dl dd {flex: 1 1 auto; vertical-align: middle; padding: 1.3rem 3rem}
.board_write ul li dl dd span.ps {display: block; margin-top: 1rem; padding: 0.5rem; background: #f0f0f0; font-size: 1.4rem }
.board_write ul li dl dd span.volume {display: inline-block; margin-left: 0.4rem; font-size: 1.3rem; font-weight: 400; color: #888}
.board_write ul li dl dd p.addr-p {margin-bottom: 0.4rem}
.board_write ul li dl dd p.addr-p a {display: inline-block}
.board_write ul li dl.total {border-top: 1px solid #333 }
.board_write ul li dl.total dt {background: #f0f0f0}
.board_write ul li dl.total dd {color: var(--blue) }
/* + */ 
.board_write ul li.oneline dl dt, .board_write ul li.oneline dl dd {display: inline-block; margin: 0; margin-right: 3%}
.board_write ul li.addFile dl dd ul li {border: none}
/* .board_write ul.view{border:1px solid #dbdbdb; border-bottom:none; margin-bottom:1rem;} */ 
.board_write ul.view {margin-bottom: 1rem; border-top: 1px solid #222}
.board_write ul.view li {border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc}
.board_write ul.view li li {border: none}
.board_write ul.view .del a {display: block; padding: 0.5rem 0; text-align: center; font-weight: 500; background: #e9e9e9}
.board_write .addFile .description {margin: 0.2rem 0.1rem 0.8rem}
.board_write.apply>ul, .board_write.apply>form>ul {margin-top: 2rem}
.board_write.apply>ul:nth-of-type(1), .board_write.apply>form>ul:nth-of-type(1) {margin-top: 0}
.board_write.apply>ul>li dt, .board_write.apply>form>ul>li dt {color: #666; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.028rem}
.board_write.apply>ul>li:nth-of-type(1), .board_write.apply>form>ul>li:nth-of-type(1) {border-color: #333}
.board_write.apply>ul>li:nth-last-of-type(1), .board_write.apply>form>ul>li:nth-last-of-type(1) {border-bottom-color: #333}
.board_write.apply>ul>li:nth-of-type(1) dt, .board_write.apply>form>ul>li:nth-of-type(1) dt {color: #333; font-weight: 600}
#tab+.board_write {margin-top: 3rem}
.board_write .photoBox {display: flex; border-top: 2px solid #333; border-bottom: 1px solid #333}
.board_write .photoBox .photo {flex: 0 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2rem; padding: 4.2rem; max-width: 27rem; width: 100%; border-right: 1px solid #DCDCDC}
.board_write .photoBox .photo-img {width: 100%}
.board_write .photoBox .photo-img .noimg {display: flex; align-items: center; justify-content: center; padding: 4.65rem 1rem; width: 100%; height: 23.6rem; border-radius: 0.5rem; border: 2px dashed #E0E0E0}
.board_write .photoBox .photo-img .noimg span {display: block; padding-top: 7.4rem; color: #9E9E9E; font-size: 1.6rem; letter-spacing: -0.048rem; background: url(../images/program/photoBox-noimg.svg) no-repeat center top / 7.3rem}
.board_write .photoBox .photo-img .img {display: flex; justify-content: center; align-items: flex-start; width: 100%; max-height: 23.6rem; border-radius: 0.5rem; overflow: hidden}
.board_write .photoBox .photo-btn {display: flex; justify-content: space-between; gap: 0.6rem; width: 100%}
.board_write .photoBox .photo-btn a, .board_write .photoBox .photo-btn input {flex: 1 1 auto; display: block; text-align: center; padding: 0 1rem; width: 100%; height: 4rem; color: #FFF; font-size: 1.6rem; letter-spacing: -0.048rem; line-height: 4rem; border-radius: 0.2rem; border: none}
.board_write .photoBox .photo-btn .add {background: #8349FC}
.board_write .photoBox .photo-btn .del {background: #777}
.board_write .photoBox ul {flex: 1 1 auto; display: flex; flex-direction: column; width: 100%}
.board_write .photoBox ul>li {flex: 1 1 auto}
.board_write .photoBox ul>li:nth-last-child(1) {border-bottom: none}
.board_write .photoBox ul>li dl {height: 100%}
.board_write .textarea-box {margin-bottom: 2rem; border: 1px solid #ccc; border-top: 2px solid #333}
.board_write .textarea-box .btm-con, .board_write .textarea-box ul {padding: 2rem 3rem; background: #F9F9F9}
.board_write .textarea-box .btm-con>p, .board_write .textarea-box ul li {position: relative; border: none; padding-left: 0.9rem}
.board_write .textarea-box .btm-con>p::before, .board_write .textarea-box ul li::before {content: ''; position: absolute; left: 0; top: 0.8rem; width: 0.4rem; height: 0.4rem; border-radius: 5rem; background: #333}
.board_write .textarea-box .con textarea {padding: 3rem; height: 22rem; border: none}
.board_write .textarea-box .btm-con>p::before {top: calc(50% - 0.4rem)}
.flex-tit {display: flex; align-items: flex-start; justify-content: space-between}
.flex-tit p {display: flex; align-items: center; gap: 1.2rem}
.flex-tit .point {font-size: 1.5rem; font-weight: 500; letter-spacing: -0.03rem}
.btnBox+.flex-tit {margin-top: 4.4rem}
.flex-tit.ver2 {align-items: center; margin-top: 5rem; margin-bottom: 1rem}
h4+.flex-tit.ver2 {margin-top: 0}
h4+.flex-tit.ver2 .point {font-weight: 400}
.flex-tit.ver2 h4 {margin-bottom: 0}
.board_write input[type=file] {margin: 1px; padding: 0.6rem 0.5rem; height: 4rem; border: 1px solid #ccc; vertical-align: middle; box-sizing: border-box }
.board_write input[type=file]+input[type=text] {margin: 1px}
.board_write input[type=file]+span+br+input[type=text] {margin: 1px}
.board_write input[type=number] {padding: 0.6rem 0; height: 4rem; border: 1px solid #ccc}
.board_write input[type=date] {gap: 0.5rem; padding: 0.6rem 0.5rem; height: 4rem; border: 1px solid #ccc}
.board_write input[type=text], .board_write input[type=password] {padding: 0 1rem; height: 4rem; line-height: 4rem; border: 1px solid #dedede; vertical-align: middle; background: #f7f7f7; box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none }
.board_write input[type=text]::placeholder {color: #888; font-size: 1.3rem}
.board_write input[type=radio], .board_write input[type=checkbox] {margin-right: 0.5rem; vertical-align: middle; width: 1.8rem; height: 1.8rem}
.board_write select {vertical-align: middle; margin: 2px 0; padding: 0.6rem; min-width: 20rem }
.board_write textarea {padding: 1rem; width: 100%; border: 1px solid #ccc; box-sizing: border-box }
.board_write img {vertical-align: middle }
.board_write .border-box {display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem 1.6rem; margin-top: 1rem; padding: 2.4rem 4rem; border: 0.4rem solid #F5F5F5; background: #FFF}
.board_write .border-box dl {flex: 0 0 auto; display: flex; align-items: center; height: 4rem}
.board_write .border-box dl dt {position: relative; padding-left: 0.9rem; padding-right: 3.2rem; color: #333; font-size: 1.4rem; font-weight: 600; line-height: 4rem; letter-spacing: -0.014rem}
.board_write .border-box dl dt::before {content: ''; position: absolute; left: 0; top: 1.7rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #333}
.board_write .border-box dl dt::after {content: ''; position: absolute; right: 1.5rem; top: 1.4rem; width: 0.2rem; height: 1.2rem; background: #666}
.board_write .border-box dl dd {color: #333; font-size: 1.4rem; font-weight: 500; line-height: 4rem; letter-spacing: -0.014rem}
.board_write .border-box dl dd input[type=password] {width: 20rem}
.board_write .border-box p.point {color: #D72323; font-size: 1.4rem; font-weight: 300; letter-spacing: -0.014rem}
.board_write .add-del-btn {text-align: right; margin-top: 1rem}
.board_write .add-del-btn>a {padding: 1.2rem 2rem; border-radius: 0.4rem; border-radius: 0.4rem; font-size: 1.4rem; font-weight: 500; line-height: 140%; letter-spacing: -0.014rem; border: 1px solid #fff}
.board_write .add-del-btn>a {display: inline-block}
.board_write .add-del-btn>a.add {color: #fff; background: #333; border-color: #333}
.board_write .add-del-btn>a.add::after {content: ' +'; font-size: 1.6rem}
.board_write .add-del-btn>a.del {color: #333; border-color: #CCC}
.board_write .add-del-btn>a.del::after {content: ' -'; font-size: 1.6rem}
.board_write .agree_txt.border-box {display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; margin-top: 1rem; padding: 2rem 2.4rem; color: #444; font-weight: 300; line-height: 2.3rem; letter-spacing: -0.03rem; border: 0.3rem solid #DDD; background: #FFF}
.board_write .agree_txt.border-box input {margin-right: 0}
.board_write .agree_txt.border-box .need {font-weight: 300 !important}
.board_write .agree-box {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.4rem; margin-top: 4.4rem; padding: 2rem 2.4rem; color: #444; font-weight: 300; line-height: 2.3rem; letter-spacing: -0.03rem; border: 0.3rem solid #DDD; background: #FFF}
.inputlist>li+li {margin-top: 5px }
.agree {margin-top: 1rem}
.need {display: inline-block; font-size: 1.4rem; margin-left: 0.5rem; color: #a50e0e; font-weight: 600 !important }
.chkList {display: flex; flex-wrap: wrap; gap: 0.4rem}
.chkList li {display: flex; gap: 0.3rem; padding: 0 !important; width: 16rem; border: 0 !important }
.chkList li input:checked+label {font-weight: 600; color: #333 }
.chkList li input[type=radio], .chkList li input[type=checkbox] {margin-top: 0.3rem; width: 1.8rem; height: 1.8rem }
.chkList.col {margin-bottom: 2rem}
.chkList.ver2 {gap: 0.4rem 2rem}
.chkList.ver2 li {width: auto}
.chkList.col4 li {width: calc(25% - 0.4rem)}
.tagList {display: flex; flex-wrap: wrap; gap: 0.4rem}
.board_write .tagList {margin-top: 1.6rem; border: none}
.board_write .tagList>li {border: none}
.board_write dd .tagList {margin-top: 0}
.tagList input[type=checkbox], .tagList input[type=radio] {position: absolute; opacity: 0; z-index: -1}
.tagList label {display: block; text-align: center; padding: 1rem 2.5rem; min-width: 8rem; color: #666; font-weight: 500; letter-spacing: -0.032rem; border-radius: 4rem; border: 0.2rem solid #F5F5F5; box-sizing: border-box; background: #F5F5F5; cursor: pointer}
.tagList input[type=checkbox]:checked+label, .tagList input[type=radio]:checked+label {color: #222; border-color: var(--purple); background: #fff}
/* 비밀번호입력 */ 
.password {text-align: center; margin: 7% auto 2rem; padding: 2rem 0% 5rem; width: 90%; max-width: 72rem; background: #f5f5f5; border: 0.3rem solid #e3e3e3 }
.password p {display: inline-block; padding: 4rem 0 4rem 8.5rem; font-size: 1.6rem; background: url(/share/images/program/ic_password.gif) no-repeat left center / 7.7rem }
.password>div {margin: auto; font-size: 2px }
.password>div input[type=password] {width: 50%; text-align: center; background: #fff }
.password>div input[type=submit] {width: 17% }
.password+.btnBox {margin: auto; width: 90%; max-width: 72rem }
/* 동의 */ 
.agree .tit {margin-top: 3rem; margin-bottom: 1rem; font-size: 2.4rem; color: #333 }
.agree .agree_sure {margin: 0.8rem 1rem}
.agree .agree_check {display: flex; gap: 1rem; margin: 0.8rem 1rem}
.agree .agree_txt.border-box {display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; margin-top: 1rem; padding: 2rem 2.4rem; border: 0.3rem solid #DDD; background: #FFF}
.agree .agree_txt.border-box input {margin-right: 0}
.agree .agree_txt {position: relative; margin-top: 1rem; margin-left: 1rem; padding-left: 2.4rem; font-size: 1.6rem }
.agree .agree_txt input[type=checkbox] {position: absolute; left: 0; top: 0.3rem}
.agree textarea {border: 0 }
.agree .textarea textarea, .agree .textarea>div {padding: 2%; width: 100%; height: 33rem; overflow-y: auto }
.agree .textarea>div.ver2 {height: auto }
.agree .textarea>div.ver2 p {display: flex; justify-content: space-between; gap: 4rem; padding-bottom: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px dashed #dde3f1}
.agree .textarea>div.ver2 p:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.agree .textarea .agree_list li {display: flex; justify-content: space-between; gap: 4rem; position: relative; padding-left: 1rem; padding-bottom: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px dashed #dde3f1}
.agree .textarea .agree_list li:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none}
.agree .textarea .agree_list li::after {display: block; content: ''; position: absolute; left: 0px; top: 8px; width: 3px; height: 3px; border-radius: 3px; background: #444}
.agree .textarea div>dl>dt {margin-top: 2rem; font-weight: 600}
.agree .textarea div>dl:first-child>dt {margin-top: 0}
.agree .textarea div>dl>dd {margin: 0.4rem 0 0 0.4rem}
.agree .textarea div>dl>dd.read {margin-left: 0}
.agree .textarea ul li {border-bottom: none}
.agree .YesOrNo {text-align: center; padding: 1rem 0 1.2rem; border: 1px solid #ccc; border-top: 0; background: #f0f0f0}
.agree .YesOrNo * {vertical-align: middle}
.agree.ver2 .bl02, .agree.ver2 h4 {margin-top: 5rem}
.agree.ver2 .textarea {padding: 0; height: auto; border-bottom: none}
.agree.ver2 .textarea textarea, .agree.ver2 .textarea>div {padding: 3.2rem; height: 22rem}
.agree.ver2 .textarea.ver2>div {height: auto}
.agree.ver2 .textarea p.wfont {position: relative; font-size: 1.6rem; padding-left: 1rem}
.agree.ver2 .textarea p.wfont::after {content: ''; position: absolute; left: 0; top: 0.9rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #333}
.agree .textarea strong {display: inline-block; font-weight: 600}
.agree.ver2 .no_scroll {margin-top: 1.2rem; margin-bottom: 2rem}
.agree.ver2 .bl dl {display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0.5rem; margin-top: 0.5rem}
.agree.ver2 .bl dl:first-child {margin-top: 0}
.agree.ver2 .bl dl dt {position: relative; padding-left: 1rem; margin-top: 0; font-weight: 500}
.agree.ver2 .bl dl dt::after {content: ''; position: absolute; left: 0; top: 0.9rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #333}
.agree.ver2 .bl dl dd {margin: 0}
.agree.ver2 li {margin-top: 0.5rem; border-bottom: none}
.agree.ver2 .con {text-align: center; padding: 2rem 2rem; line-height: 2.3rem; border: 1px solid #dde3f1; border-bottom: none}
.agree.ver2 .agree_check {position: static; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; margin: 0; padding: 2rem 2rem; border: 1px solid #dde3f1; background: #f0f5ff}
.agree.ver2 .agree_check, .agree.ver2 .agree_check * {font-size: 1.6rem; font-weight: 500; line-height: 1.8rem; letter-spacing: -0.032rem}
.agree.ver2 .agree_check p+p {margin-left: 2rem}
.agree.ver2 .agree_check input {position: static; margin: 0; vertical-align: middle}
.agree.ver2 .agree_check>div {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; width: 100%}
.agree.ver2 .agree_check>div+div {margin-top: 1rem; padding-top: 2rem; border-top: 1px solid #dde3f1}
.agree.ver2 .agree_check ul, .agree.ver2 .agree_check ul li {display: flex; align-items: center; border-bottom: none}
.agree.ver2 .agree_check ul {gap: 1.6rem; margin-left: 1.5rem}
.agree.ver2 .agree_check ul li {gap: 0.5rem; margin-top: 0}
.agree.ver2 .agree_check ul li label {font-weight: 600}
.inlineCheck {display: flex; align-items: center}
/* 행정정보 공동이용 사전동의서 */ 
.popupBox h1 {text-align: center; padding: 28px 10px; color: #444; font-size: 24px; font-weight: 600; letter-spacing: -0.48px; background: #F5F5F5}
.popupBox .con-box {display: flex; flex-direction: column; gap: 28px; padding: 36px 40px 40px 40px; font-size: 15px}
.popupBox h2 {position: relative; padding-left: 12px; margin-bottom: 10px; color: #444; font-size: 18px; font-weight: 500; letter-spacing: -0.36px}
.popupBox h2::before {content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: #444}
.popupBox h2:first-child {margin-top: 0}
.popupBox ul.h2_bl>li {position: relative; padding-left: 12px; margin-bottom: 10px; color: #444; font-size: 16px; font-weight: 400; letter-spacing: -0.36px}
.popupBox ul.h2_bl>li::before {content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: #444}
.popupBox ul.h2_bl>li>span:nth-child(1) {font-weight: 500}
.popupBox ul.bl {margin-left: 12px}
.popupBox ul.bl>li {position: relative; padding-left: 10px; margin-top: 5px; color: #444; font-size: 14px; font-weight: 400; letter-spacing: -0.28px}
.popupBox ul.bl>li::before {content: '- '; position: absolute; left: 0; top: 0}
.popupBox ul.bl>li span {font-weight: 500}
.popupBox ul.mbl {margin-left: 12px}
.popupBox ul.mbl>li {position: relative; padding-left: 18px; margin-top: 7px; color: #444; font-size: 14px; font-weight: 400; letter-spacing: -0.28px}
.popupBox ul.mbl>li::before {content: '▣ '; position: absolute; left: 0; top: 0}
.popupBox ul.mbl>li span {font-weight: 500}
.popupBox ul.cbl {margin-left: 12px}
.popupBox ul.cbl>li {position: relative; padding-left: 18px; margin-top: 7px; color: currentColor; font-size: 14px; font-weight: 400; letter-spacing: -0.28px}
.popupBox ul.cbl>li::before {content: '○'; position: absolute; left: 0; top: 0}
.popupBox ul.cbl>li span {font-weight: 500}
.popupBox table th, .popupBox table td, .popupBox .check {font-size: 15px !important}
.popupBox .point {color: #CC1F1F; font-size: 14px; font-weight: 300; line-height: 22px; letter-spacing: -0.28px}
.popupBox .point.wfont {font-size: 15px; font-weight: 500}
.popupBox .check {display: flex; align-items: center; gap: 4px; padding: 20px 24px; border: 3px solid #DDD}
.popupBox .check.center {justify-content: center}
.popupBox .check input {width: 18px; height: 18px; border-radius: 2px; border: 1px solid #767676}
.popupBox .check label {color: #444; font-size: 15px; font-weight: 300; line-height: 23px; letter-spacing: -0.3px}
.popupBox .check label span {color: #CC1F1F; font-size: 15px; font-weight: 300; line-height: 23px; letter-spacing: -0.3px}
.popupBox .exempt_data p {color: #444; font-size: 16px; font-weight: 300; line-height: 22px; letter-spacing: -0.32px}
.popupBox .exempt_data p span {font-weight: 600}
.popupBox .exempt_data p input {padding: 0.6rem 1.2rem; width: 16rem; color: #444; font-size: 14px; font-weight: 300; line-height: 22px; letter-spacing: -0.28px; border: 1px solid #CCC}
.popupBox .btn-box {display: flex; gap: 4px; justify-content: flex-end; padding-top: 15px; margin-top: 15px; border-top: 1px solid #444}
.popupBox .btn-box.center {justify-content: center}
.popupBox .btn-box input[type=submit], .popupBox .btn-box button, .popupBox .btn-box a {padding: 11px 20px; color: #FFF; font-size: 16px; font-weight: 500; border: 0; border-radius: 4px; background: #444}
.popupBox .btn-box .blue {background: #333}
.popupBox .add-info {margin-top: 4px; padding-left: 12px; color: #CC1F1F}
.popupBox .careful {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
.popupBox .careful>p {padding: 20px 26px; font-weight: 600; background: #f5f5f5}
.popupBox .careful ul {padding: 12px}
.popupBox .careful ul li {border-bottom: none}
.popupBox .sign {display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 50px; font-size: 24px; font-weight: 600}
.popupBox .sign.date {text-align: center; flex-direction: column; justify-content: center; gap: 10px}
.popupBox .sign.date p {font-size: 24px; font-weight: 600}
.popupBox .sign.date p:first-child {font-size: 18px}
.popupBox .sign span {font-size: 15px; font-weight: 400}
.popupBox .flex-box {display: flex; align-items: flex-start; justify-content: space-between; gap: 10px}
.popupBox .add-file {padding: 36px 40px 40px 40px}
.popupBox .add-file .flex-file {display: flex; align-items: center; gap: 10px}
.popupBox .add-file .flex-file .volume {flex: 0 0 auto}
.popupBox .add-file select {padding: 12px 20px; width: 100%; height: 56px; color: #666; font-size: 15px; font-weight: 500; letter-spacing: -0.3px; border-radius: 4px; border: 1px solid #CCC}
.popupBox .add-file .volume {margin-left: 4px; font-size: 13px; font-weight: 400; color: #888}
.popupBox .add-file input[type=file] {padding: 20px 0; width: 100%; font-size: 15px}
.popupBox .add-file .btn-box {margin-top: 0}
.popupBox .add-file .btn-box input[type=submit] {display: inline-block}
.popupBox .file-list li {display: flex; align-items: center; gap: 10px; padding: 10px 0px; border-top: 1px solid #EEE}
.popupBox .file-list li span {display: inline-block; color: #444; font-size: 16px; font-weight: 500; line-height: 22px; letter-spacing: -0.32px}
.popupBox .file-list input {font-size: 15px}
.popupBox .file-list input[type=text] {width: 100%; height: 56px; padding: 12px 20px; border-radius: 4px; border: 1px solid #CCC; font-weight: 500; letter-spacing: -0.3px}
.popupBox .file-list input[type=text]::placeholder {color: #888}
.popupBox .file-list-div {width: 543px; height: 500px; margin: 0 auto; border: 1px solid #666666; overflow: auto; overflow-x: hidden}
.popupBox .infoBox .bl {border: 1px dashed #ccc; padding: 0.8rem 1.2rem 1rem; margin-top: 1rem}
.popupBox .infoBox .bl ul {margin: 0.4rem 1rem 1rem}
.popupBox .infoBox .bl ul li {font-size: 1.4rem}
.popupBox .find_btn {display: block; text-align: center; padding: 1.1rem 2rem; border-radius: 0.4rem; background: #444}
.popupBox .find_btn span {padding-right: 2.4rem; color: #FFF; font-size: 1.6rem; font-weight: 500; line-height: normal; background: url(/share/images/program/search_submit.svg) no-repeat right center / 2rem}
/*** 스케쥴 ***/ 
.schedule {--bg: url(/share/images/program/schedule.svg) no-repeat 0 0 / 3.9rem}
#tab+.schedule, .program_tbox+.schedule {margin-top: 4rem}
.schedule div.month {position: relative; margin: auto; width: 34rem }
.schedule div.month p {text-align: center; margin: 2.5rem 0 3rem; font-size: 5.3rem; color: #888 }
.schedule div.month p span {font-weight: 600; color: #333 }
.schedule div.month ul li {position: absolute; top: 1.7rem}
.schedule div.month ul li.btn_prev {left: 0 }
.schedule div.month ul li.btn_next {right: 0 }
.schedule div.month ul li a {display: block; position: relative; width: 5rem; height: 5rem; text-indent: -5000px }
.schedule div.month ul li a:after, .schedule div.month ul li a:before {display: block; content: ''; position: absolute; left: 50%; width: 1px; height: 50%; background: #333; border-radius: 1px }
.schedule div.month ul li a:before {top: 0.5rem; transform: rotate(45deg); -webkit-transform: rotate(45deg) }
.schedule div.month ul li a:after {top: 2.2rem; transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.schedule div.month ul li.btn_next a:before {transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.schedule div.month ul li.btn_next a:after {transform: rotate(45deg); -webkit-transform: rotate(45deg) }
.schedule div.year {display: flex; justify-content: center; align-items: center; gap: 3.2rem}
.schedule div.month.year p {margin: 0; color: #222; font-size: 3.1rem; font-weight: 600; line-height: 160%; letter-spacing: -0.062rem}
.schedule div.year a {position: relative; color: #666; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.036rem}
.schedule div.year a::before {content: ''; position: absolute; top: calc(50% - 1.6rem / 2); width: 0.9rem; height: 1.6rem; background: var(--bg)}
.schedule div.year a.btn_prev {padding-left: 1.6rem}
.schedule div.year a.btn_prev::before {left: 0}
.schedule div.year a.btn_next {padding-right: 1.6rem}
.schedule div.year a.btn_next::before {right: 0; transform: rotate(180deg)}
.schedule .month-tab {display: flex; justify-content: center; gap: 0.4rem; margin-top: 2rem; margin-bottom: 2rem}
.schedule .month-tab li {flex: 1 1 calc(16.6% - (0.4rem * 5) / 6); text-align: center; max-width: 6rem}
.schedule .month-tab li a {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 6rem; border-radius: 4rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.032rem; background: #F5F5F5; z-index: 1}
.schedule .month-tab li.on a {color: #fff; font-weight: 600; background: var(--purple); box-shadow: 0 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.20)}
/* .schedule .month-tab li.on a::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 10.1rem; border-radius: 4rem; background: var(--purple); box-shadow: 0 1.2rem 2.4rem 0 rgba(0, 0, 0, 0.20); z-index: -1;}
.schedule .month-tab li.on a::before{content: ''; position: absolute; left: calc(50% - 2.9rem / 2); top: 5.2rem; width: 2.9rem; height: 2.9rem; border-radius: 50%; background: #fff var(--bg); background-position: -1rem 0;} */ 
.schedule .search_result {display: flex; padding: 1.6rem 2rem; justify-content: space-between; align-items: center; border-top-color: var(--purple)}
.schedule .search_result .search, .schedule .search_result .search .field_incheon li.con {gap: 0; margin: 0; padding: 0}
.schedule .search_result .search .field_incheon li.con .search-select p {margin-left: 3.2rem}
.schedule .search_result .search .field_incheon li.con .search-select {padding: 0.6rem 1.2rem 1rem; width: 14.3rem; height: 4.4rem; border-radius: 0.4rem 0rem 0rem 0.4rem; background-color: #fff; background-position: right 1.2rem center}
.schedule .search_result .search .field_incheon li.con .search-select select {height: 4.4rem; border-radius: 0.4rem 0rem 0rem 0.4rem}
.schedule .search_result .search .field_incheon li.con .search-select::before {top: 0.5rem; left: 1.2rem}
.schedule .search_result .search input[type=button] {padding: 0 2rem; width: 8.4rem; height: 4.4rem; color: #444; font-size: 1.5rem; font-weight: 500; line-height: 4rem; border-radius: 0rem 0.4rem 0.4rem 0rem; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #FFF; cursor: pointer}
.schedule table {position: relative; margin-top: 2rem; width: 100%; border-top: 1px solid #666; border-collapse: collapse; table-layout: fixed}
.schedule table caption {position: fixed; top: -50000px; left: -50000px }
.schedule table .sun, .schedule table .sun p.date {color: #DC4C4C }
.schedule table .sat, .schedule table .sat p.date {color: #5F7AB1 }
.schedule table thead th {padding: 1.6rem 2rem; color: #444; font-weight: 500}
.schedule table thead tr {border-bottom: 1px solid #666 }
.schedule table tbody td {vertical-align: top; width: 14.2%; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; height: 12rem }
.schedule table tbody td:first-child {border-left: 0 }
.schedule table tbody td.nodate {border-left: 0}
.schedule table tbody tr:nth-last-of-type(1) td.nodate+td.nodate {border-left: 0 !important}
.schedule table tbody tr:nth-last-of-type(1) td.nodate {border-left: 1px solid #ccc}
.schedule table tbody td>p.date {margin: 0 0 0 auto; text-align: right; padding-right: 0.8rem; height: 3rem; color: #888; font-size: 1.4rem; line-height: 3rem}
.schedule table tbody td>ul.book {display: flex; flex-wrap: wrap; gap: 0.2rem; margin-top: -3rem; padding: 1.4rem 1.2rem}
.schedule table tbody td>ul.book>li a {padding: 0 0.6rem 0.1rem 0.6rem; color: #FFF; font-size: 1.4rem; letter-spacing: -0.056rem; border-radius: 2.2rem; border: 1px solid #8349FC; background: #8349FC}
.schedule table tbody td>ul.book>li.close a {color: #888; border-color: #ccc; background: #F5F5F5}
.schedule table tbody td>ul.sch_list {padding: 0 0.7rem 1.5rem 0.7rem; text-align: left }
.schedule table tbody td>ul.sch_list>li {padding: 0.3rem 0.2rem; font-size: 1.4rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; border-top: 0.1rem dotted #ccc}
.schedule table tbody td>ul.sch_list>li:first-child {border-top: 0}
.schedule table tbody td>ul.sch_list>li span.tag {font-weight: 600}
.schedule table tbody td>ul.sch_list>li div.con {display: none; position: absolute; left: 0; margin-top: 0.4rem; padding: 5% 6%; ; width: 100%; color: #333; background: #eee; box-shadow: 0 1px 0.3rem rgba(0,0,0,.5); z-index: 1 }
.schedule table tbody tr:nth-last-of-type(1) td>ul.sch_list>li div.con, .schedule table tbody tr:nth-last-of-type(2) td>ul.sch_list>li div.con {bottom: 0}
.schedule table tbody td>ul.sch_list>li div.con>p.tit {padding-bottom: 2rem; font-size: 2.3rem; color: #333; border-bottom: 0.2rem solid #333; text-overflow: ellipsis; overflow: hidden }
.schedule table tbody td>ul.sch_list>li div.con>ul {padding-bottom: 0.3rem; border-bottom: 1px solid #aaa }
.schedule table tbody td>ul.sch_list>li div.con>ul>li {padding: 0.7rem 0.7rem 0.9rem; border-top: 1px dashed #ccc; white-space: normal; font-size: 1.5rem }
.schedule table tbody td>ul.sch_list>li div.con>ul>li:first-child {padding-top: 1rem; border-top: 0 }
.schedule table tbody td>ul.sch_list>li div.con>ul>li>div, .schedule table tbody td>ul.sch_list>li div.con>ul>li>p {padding: 2px; display: inline-block; vertical-align: top }
.schedule table tbody td>ul.sch_list>li div.con>ul>li>p.q {min-width: 10rem; font-weight: 600 }
.schedule table tbody td>ul.sch_list>li div.con p.close_con {margin-top: 4rem; text-align: center }
.schedule table tbody td>ul.sch_list>li div.con p.close_con a {display: inline-block; padding: 1rem; width: 12rem; background: #333; color: #fff; font-size: 1.8rem }
.schedule_week dl.list {position: relative; padding: 2rem 0; min-height: 8rem; border-bottom: 1px solid #aaa }
.schedule_week dl.list dt {position: absolute; left: 0; top: 3rem; text-align: center; width: 10rem; font-size: 3rem; color: #333; line-height: 100% }
.schedule_week dl.list dt span {display: block; font-size: 0.9rem }
.schedule_week dl.list dd {padding-left: 12rem }
.schedule_week dl.list dd>ul>li {position: relative; border-top: 1px dotted #ccc }
.schedule_week dl.list dd>ul>li:first-child {border-top: 0 }
.schedule_week dl.list dd>ul>li a {display: block; padding: 0.8rem 16rem 1rem 13rem }
.schedule_week dl.list dd>ul>li .time {position: absolute; left: 0.5rem; top: 0.7rem; width: 10rem; font-size: 1.7rem; color: #666 }
.schedule_week dl.list dd>ul>li .tit {font-size: 1.7rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.schedule_week dl.list dd>ul>li .place {display: inline-block; position: absolute; right: 0; top: 1rem; text-align: center; padding: 0 1rem; min-width: 7rem; max-width: 13rem; color: #666; border: 1px solid #ddd; border-radius: 5rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
.schedule_week dl.list dd>ul>li div.con {display: none; margin-top: 1rem; padding: 3rem; background: #f0f0f0 }
.schedule_week .nodata {border-top: 0 }
/*** 팝업페이지 ***/ 
.pop_page {padding-bottom: 8rem }
.pop_page .popTop {text-align: center; padding: 3.5rem 5%; border-bottom: 1px solid #333 }
.pop_page .popTop p.tit {text-align: left; letter-spacing: -1px; font-size: 2.2rem; word-break: keep-all; color: #333 }
.pop_page .popTop p.tit .sfont {font-size: 1.5rem}
.pop_page .popTop p.tit_vote {text-align: center; letter-spacing: -1px; font-size: 3rem; word-break: keep-all; color: #333 }
.pop_page .popCon {padding: 6% 8% }
.pop_page .popCon ul.qalist>li {position: relative; padding: 0.4rem 0; padding-left: 15rem}
.pop_page .popCon ul.qalist>li .q {position: absolute; left: 0; width: 14rem; font-size: 1.7rem }
.pop_page .popCon ul.qalist>li .blind {display: inline-block; position: relative; bottom: -0.5rem; text-align: center; width: 40%; letter-spacing: 2px; font-size: 1.8rem; line-height: 3rem }
.pop_page .popTbox {margin-top: 3rem; padding: 2.5rem 2rem 3rem 2.5rem; border: 0.4rem solid #ddd }
.pop_page .popTbox .bfont {font-size: 1.6rem }
.pop_page .popTbox .list_info.bfont li {margin: 0.3rem 0; font-size: 1.6rem; letter-spacing: 0 }
.pop_page .pop_close {position: fixed; bottom: 0; width: 100%; z-index: 1 }
.pop_page .pop_close a, .pop_page .pop_close input[type=submit] {display: block; text-align: center; padding: 1.5rem 1rem 1.5rem; background: #333; color: #fff; font-size: 1.8rem; font-weight: 600; border: 0; width: 100%; cursor: pointer }
/*** 회원관련 ***/ 
.join_step {display: flex; justify-content: center; align-items: center; gap: 1rem; margin: 0 auto 3rem}
.join_step li {display: flex; align-items: center; gap: 1rem; font-size: 1.8rem; font-weight: 300}
.join_step li:after {flex: 0 0 0.4rem; content: ''; display: block; margin-right: 0.7rem; width: 0.4rem; height: 0.4rem; background: #ccc; border-radius: 50%; box-shadow: 0.7rem 0 0 #ccc }
.join_step li:last-child:after {display: none }
.join_step li span.num {display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; background: #EAEAEA; border-radius: 50% }
.join_step li.select {color: #333; font-weight: 600}
.join_step li.select:after {background: #333; box-shadow: 0.7rem 0 #333 }
.join_step li.select span.num {background: #333; color: #fff }
.join_info {margin: 2rem 0; padding: 2.8rem 3.2rem; color: #252525; font-size: 1.4rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.028rem; border-radius: 0.4rem; background: #F6F9FF}
.join_info p, .join_info>ul>li {position: relative; padding-left: 1rem; color: #252525; font-size: 1.4rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.028rem}
.join_info p::after, .join_info>ul>li::after {content: ''; position: absolute; left: 0; top: 1rem; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: #333}
h4+.join_info {margin: 1rem 0}
/* 가입완료 */ 
.membox {margin: 7% auto 2rem; padding: 2rem 0% 5rem; width: 90%; max-width: 72rem; background: #f5f5f5; border: 0.3rem solid #e3e3e3 }
.password_txt {display: none; position: absolute; left: -32rem; top: 0; width: 26rem; padding: 2rem; background: #333; border-radius: 2px; color: #fff; font-size: 1.2rem; z-index: 1; box-shadow: 0 1px 2px rgba(0,0,0,.5) }
.password_txt:After {display: block; content: ''; position: absolute; top: 2.5rem; right: -1rem; width: 0; height: 0; border: 0.5rem solid transparent; border-left-color: #333 }
.password_txt span {display: block; margin-top: 1rem; padding: 1rem; background: #444 }
/* 아이디찾기 */ 
.findid {padding: 18rem 0 6rem; background: #f5f5f5 url(/share/images/program/ic_joinfinish.gif) no-repeat center 5rem / 12.4rem }
.findid ul {margin: 0 auto; width: 50%; min-width: 30rem }
.findid ul label {display: block; font-weight: 600; font-size: 1.4rem }
.findid ul>li {position: relative; margin-bottom: 5rem; border-bottom: 1px solid #333 }
.findid ul>li input[type=text], .findid ul>li input[type=password] {padding: 0.8rem 2%; width: 96%; font-size: 18px; color: #333; border: 0px; background: none; text-align: center }
.findid ul>li input[type=checkbox] {margin: 2rem 0.5rem 2rem 2rem; width: 1.6rem; height: 1.6rem; vertical-align: middle }
.findid ul>li.tel input[type=text] {width: 25% }
.findid img[src$='ic_cal.gif'] {position: absolute; right: 0; top: 35% }
.findid ul.chkList {padding: 1.5rem 0; width: 100% }
.findid ul.chkList li {margin-bottom: 0 }
.findid ul.chkList label {display: inline-block }
/* 로그인 */ 
#contents .login {margin: 7% auto 2rem; padding: 5% 1% 6%; width: 85%; background: #f5f5f5; border: 0.3rem solid #e3e3e3; overflow: hidden }
#contents .login p.tit {float: left; text-align: center; margin-top: 3%; padding-top: 14rem; width: 48%; background: url(/share/images/program/ic_login.gif) no-repeat center top / 10.9rem; font-size: 3.2rem; color: #333 }
#contents .login div.con {float: left; margin-left: 2%; width: 37% }
#contents .login div.con ul.login_form>li {position: relative }
#contents .login div.con ul.login_form>li input[type=text], #contents .login div.con ul.login_form>li input[type=password] {padding: 1.5rem 2%; width: 96%; font-size: 1.8rem; color: #333; border: 0; border-bottom: 1px solid #333; background: none }
#contents .login div.con p.btn_login {margin-top: 2rem }
#contents .login div.con p.btn_login input[type=submit] {margin: 0; width: 100% }
#contents .login div.con ul.btn_findid {text-align: right; margin-top: 2rem }
#contents .login div.con ul.btn_findid li {display: inline-block; position: relative; margin: 0 2.3rem; letter-spacing: -1px }
#contents .login div.con ul.btn_findid li:After {display: block; content: ''; position: absolute; top: 0.6rem; left: -1.4rem; width: 1px; height: 1.4rem; background: #aaa }
#contents .login div.con ul.btn_findid li:first-child:after {display: none }
#contents .login div.con ul.btn_findid li:last-child {margin: 0 }
#contents .login div.con ul.login_form>li input:focus+.password_txt {display: block }
/*** 지도서비스 ***/ 
.map_service {position: absolute; left: 3rem; top: 3rem; width: 36.5rem; background: #fff; border-radius: 0.5rem; overflow: hidden; box-shadow: 0px 1px 2px rgba(0,0,0,.2); z-index: 2 }
.map_service div.map_search {border-bottom: 1px solid #ddd }
.map_service div.map_search>div {position: relative; padding-right: 7rem }
.map_service div.map_search input[type=text] {padding-left: 8%; width: 92%; border: 0; height: 5rem; line-height: 5rem; color: #777 }
.map_service div.map_search input[type=text]:focus {color: #333 }
.map_service div.map_search input[type=submit] {background: #fff; text-indent: -5000px; width: 6rem; height: 5rem; border: 0 }
.map_service div.map_search .btn_search {position: absolute; right: 0; top: 0 }
.map_service div.map_search .btn_search:after, .map_service div.map_search .btn_search:before {display: block; content: ''; position: absolute; z-index: 1 }
.map_service div.map_search .btn_search:after {left: 0.9rem; top: 1.3rem; width: 1.6rem; height: 1.6rem; border: 0.3rem solid #d2d2d2; border-radius: 6rem }
.map_service div.map_search .btn_search:before {left: 2.8rem; top: 2.8rem; width: 0.4rem; height: 1rem; background: #d2d2d2; border-radius: 0.4rem; transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.map_service div.map_search input:after {display: block }
.map_service ul.map_menu {padding: 2rem 2rem 1.8rem; overflow: hidden }
.map_service ul.map_menu>li {position: relative; float: left; padding: 0.6rem 0; width: 20% }
.map_service ul.map_menu>li a {display: block; text-align: center; font-size: 1.3rem; letter-spacing: -1px }
.map_service ul.map_menu>li a.list_tgl {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 102; font-size: 0 }
.map_service ul.map_menu>li.bgoff a.list_tgl {display: none }
.map_service ul.map_menu>li a:before {display: inline-block; content: ''; width: 4.5rem; height: 4.5rem; border-radius: 4.5rem; background-color: #eaeaea; transition: all ease .3s; background-repeat: no-repeat; background-position: center center; background-size: 4.5rem}
.map_service ul.map_menu>li:nth-child(1) a:before {background-color: #fb8834 }
.map_service ul.map_menu>li:nth-child(2) a:before {background-color: #fdc121 }
.map_service ul.map_menu>li:nth-child(3) a:before {background-color: #7ec653 }
.map_service ul.map_menu>li:nth-child(4) a:before {background-color: #609f6a }
.map_service ul.map_menu>li:nth-child(5) a:before {background-color: #61b9cc }
.map_service ul.map_menu>li:nth-child(6) a:before {background-color: #5b93d3 }
.map_service ul.map_menu>li:nth-child(7) a:before {background-color: #62b899 }
.map_service ul.map_menu>li:nth-child(8) a:before {background-color: #828fe1 }
.map_service ul.map_menu>li:nth-child(9) a:before {background-color: #be77d5 }
.map_service ul.map_menu>li:nth-child(10) a:before {background-color: #f56882 }
.map_service ul.map_menu>li.ic_food a:before {background-image: url(/share/images/program/ic_map_food.png) }
.map_service ul.map_menu>li.ic_stay a:before {background-image: url(/share/images/program/ic_map_stay.png) }
.map_service ul.map_menu>li.ic_park a:before {background-image: url(/share/images/program/ic_map_park.png) }
.map_service ul.map_menu>li.ic_market a:before {background-image: url(/share/images/program/ic_map_market.png) }
.map_service ul.map_menu>li.ic_bank a:before {background-image: url(/share/images/program/ic_map_bank.png) }
.map_service ul.map_menu>li.ic_culture a:before {background-image: url(/share/images/program/ic_map_culture.png) }
.map_service ul.map_menu>li.ic_school a:before {background-image: url(/share/images/program/ic_map_school.png) }
.map_service ul.map_menu>li.ic_medical a:before {background-image: url(/share/images/program/ic_map_medical.png) }
.map_service ul.map_menu>li.ic_facility a:before {background-image: url(/share/images/program/ic_map_facility.png) }
.map_service ul.map_menu>li.ic_welfare a:before {background-image: url(/share/images/program/ic_map_welfare.png) }
.map_service ul.map_menu>li.ic_sports a:before {background-image: url(/share/images/program/ic_map_sports.png) }
.map_service ul.map_menu>li.ic_library a:before {background-image: url(/share/images/program/ic_map_library.png) }
.map_service ul.map_menu>li.bgoff a:before {background-color: #eaeaea }
.map_service ul.map_menu>li.ic_food.bgoff a:before {background-image: url(/share/images/program/ic_map_food_off.png) }
.map_service ul.map_menu>li.ic_stay.bgoff a:before {background-image: url(/share/images/program/ic_map_stay_off.png) }
.map_service ul.map_menu>li.ic_culture.bgoff a:before {background-image: url(/share/images/program/ic_map_culture_off.png) }
.map_service ul.map_menu>li.ic_market.bgoff a:before {background-image: url(/share/images/program/ic_map_market_off.png) }
.map_service ul.map_menu>li.ic_bank.bgoff a:before {background-image: url(/share/images/program/ic_map_bank_off.png) }
.map_service ul.map_menu>li.ic_park.bgoff a:before {background-image: url(/share/images/program/ic_map_park_off.png) }
.map_service ul.map_menu>li.ic_school.bgoff a:before {background-image: url(/share/images/program/ic_map_school_off.png) }
.map_service ul.map_menu>li.ic_medical.bgoff a:before {background-image: url(/share/images/program/ic_map_medical_off.png) }
.map_service ul.map_menu>li.ic_facility.bgoff a:before {background-image: url(/share/images/program/ic_map_facility_off.png) }
.map_service ul.map_menu>li.ic_welfare.bgoff a:before {background-image: url(/share/images/program/ic_map_welfare_off.png) }
.map_service ul.map_menu>li.ic_sports.bgoff a:before {background-image: url(/share/images/program/ic_map_sports_off.png) }
.map_service ul.map_menu>li.ic_library.bgoff a:before {background-image: url(/share/images/program/ic_map_library_off.png) }
.map_service ul.map_menu>li a span {display: block; display: flex; align-items: center; justify-content: center; margin-top: -0.8rem; height: 3.5rem; line-height: 130% }
.map_service p.list_close {position: absolute; right: 1rem; top: 1.2rem; z-index: 102 }
.map_service p.list_close a {display: block; padding: 2px 1rem 0.5rem 2rem; background: #fff; font-size: 1.3rem}
.map_service p.list_close a:after {display: block; content: ''; position: absolute; left: 0.7rem; top: 0.8rem; width: 0.7rem; height: 0.5rem; border-top: 1px solid #333; border-bottom: 1px solid #333 }
.map_service p.list_close a:before {display: block; content: ''; position: absolute; left: 0.7rem; top: 1.1rem; width: 0.7rem; height: 1px; background: #333 }
.map_service div.map_result {max-height: 55rem; overflow-y: auto }
.map_service div.map_result ul.depth {padding: 1.5rem 3rem; border-top: 1px solid #ddd }
.map_service div.map_result ul.depth>li {display: inline-block; position: relative }
.map_service div.map_result ul.depth>li:before {display: inline-block; content: '>'; margin: 0 0.6rem 0 2px; font-size: 1rem; color: #aaa; font-family: gulim}
.map_service div.map_result ul.depth>li:first-child:before {display: none }
.map_service div.map_result ul.depth>li a {font-size: 1.2rem; color: #888 }
.map_service div.map_result ul.depth>li:first-child a {padding-left: 1.4rem; background: url(/share/images/program/ic_map_reset.png) no-repeat left 0.35rem / 1.3rem; font-weight: 600}
.map_service div.map_result ul.list {margin: 0 3rem; padding-bottom: 2.5rem; border-top: 1px solid #eee }
.map_service div.map_result ul.list>li {position: relative; padding: 0.8rem 5rem 0.8rem 1rem; border-top: 1px dashed #ddd; line-height: 140% }
.map_service div.map_result ul.list>li:after {position: absolute; content: ''; position: absolute; top: 1.6rem; left: 2px; width: 0.3rem; height: 0.3rem; background: #ddd }
.map_service div.map_result ul.list>li a {display: inline-block; font-size: 1.4rem; letter-spacing: -1px }
.map_service div.map_result ul.list>li span {position: absolute; right: 0.3rem; top: 24%; text-align: center; padding: 2px 0.5rem 0.3rem; width: 3.5rem; background: #eaeaea; border-radius: 3rem; line-height: 1.5rem}
.map_service div.map_result ul.list>li:first-child {border-top: 0 }
.map_service div.map_result p.noresult {text-align: center; padding: 2rem 0 2rem; border-top: 1px solid #ddd; font-weight: 600 }
.map_service div.map_result p.noresult a {display: inline-block; padding: 0 1.5rem 2px; background: #777; color: #fff; font-size: 1.4rem; border-radius: 6rem }
/*** 결제창경고 ***/ 
.warning {width: 50rem; margin: 15% auto 0; padding-top: 10rem; text-align: center; background: url(/share/images/program/ic_warning.gif) no-repeat center top / 12.2rem}
.warning p {margin-bottom: 2em; font-size: 2.2em }
.warning .code {font-size: 3em; font-weight: 600; color: #0072ff }
/*채용정보검색*/ 
.job_search .inner {padding: 3rem; border: 1px solid #ddd; background: #f8f9fa}
.job_search .inner dl:first-child {padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd}
.job_search dl {position: relative; padding-left: 10rem}
.job_search dl dt {position: absolute; left: 0; font-weight: 600}
.job_search .inner dl dd ul.list {overflow: hidden}
.job_search .inner dl dd ul.list li {float: left; width: 25%; margin-top: 0.5rem}
.job_search .inner dl dd input[type=checkbox], .job_search .inner dl dd input[type=radio] {position: absolute; opacity: 0}
.job_search .inner dl dd label {position: relative; display: block; min-height: 2.3rem; padding-left: 3.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.job_search .inner dl dd label:before {display: block; content: ""; position: absolute; left: 0.8rem; top: 0; width: 2rem; height: 2rem; border-radius: 50%; border: 1px solid #b5b5b5; background: url(/share/images/program/checkbox.gif) no-repeat center center / 1.3rem}
.job_search .inner dl dd input:checked + label:before {border-color: #376ac8; background-color: #376ac8; background-image: url(/share/images/program/checkbox_on.gif)}
.job_search .keyword {padding: 3rem; border: 1px solid #ddd; border-top: 0}
.job_search .keyword dt {padding-top: 0.9rem; font-weight: normal}
.job_search .keyword input[type=text] {width: 85%; height: 4rem; padding: 0.5rem; border: 1px solid #ccc}
.job_search .keyword input[type=submit] {width: 14%; height: 4rem; color: #fff; font-size: 2rem; border: 0; background: #333}
/* 달력 */ 
.calendar {position: relative}
.cal_month {position: relative; margin: 0 auto 4rem; width: 42rem}
.cal_month p {font-size: 4.5rem; color: #488f12; text-align: center; letter-spacing: 1px}
.cal_month ul li {position: absolute; top: 1.2rem}
.cal_month ul li.prev {left: 0}
.cal_month ul li.next {right: 0}
.cal_month ul li a {display: block; position: relative}
.cal_month ul li a span.cal_txt {display: block; line-height: 4rem; height: 4rem}
.cal_month ul li a span.cal_btn {display: block; position: absolute; top: 0; line-height: 4rem; height: 4rem}
.cal_month ul li.prev a span.cal_btn {right: 8.5rem; width: 4rem}
.cal_month ul li.next a span.cal_btn {left: 8.5rem; width: 4rem}
.cal_month ul li a:hover span.cal_btn, .cal_month ul li a:focus span.cal_btn {background-color: #488f12}
.cal_month ul li a span.cal_txt {width: 8.5rem; background: #f8f8f8; color: #000; font-weight: 600; overflow: hidden; text-align: center}
.calendar div.day {display: table; table-layout: fixed; width: 100%}
.calendar div.day>ul {display: table-row}
.calendar div.day>ul>li {display: table-cell; border: 1px solid #dcdcdc; border-right: 0; border-top: 0; padding: 1rem; width: 14.28%; vertical-align: top}
.calendar div.day>ul>li:first-child, .calendar div.day>ul>li:first-child p.date {border-left: 0px; color: #c61d1d}
.calendar div.day>ul>li:last-child, .calendar div.day>ul>li:last-child p.date {color: #155297}
.calendar div.day>ul.td>li:not(.dp_pc):hover {background: #eee}
.calendar div.day>ul.th>li {padding: 1.5rem 0; text-align: center; background: #f9f9f9; border-top: 2px solid #333333; border-bottom: 1px solid #dddddd; font-weight: 600; font-size: 1.6rem}
.calendar div.day>ul.td>li.today {border: 2px dotted #488f12; box-sizing: border-box}
.calendar div.day>ul.td>li p.date {text-align: right; font-weight: 600 }
.calendar div.day>ul.td>li ul li {position: relative; font-size: 1.4rem}
/* 예약 */ 
.calendar.reserve div.day>ul.td>li ul li {margin: 0.3rem 0; padding-left: 1rem; background: #fff}
.calendar.reserve div.day>ul.td>li ul li a {padding: 2px 0; display: block; font-weight: 600; color: #1d38ff }
.calendar.reserve div.day>ul.td>li ul li:after {display: block; content: ''; position: absolute; top: 1.1rem; left: 0.3rem; width: 2px; height: 2px; background: #488f12}
.calendar.reserve div.day>ul.td>li ul li.finish:after {background: #ccc}
.calendar.reserve div.day>ul.td>li ul li.finish a {color: #888; font-weight: normal}
.calendar.reserve div.day>ul.td>li:hover ul li.finish a {text-decoration: line-through; cursor: default}
#autoLogout {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.7); z-index: 999; word-break: keep-all }
#autoLogout .layer {position: absolute; left: 0; right: 0; margin: 7% auto 0; width: 90%; max-width: 80rem; background: #fff; word-break: keep-all; border: 0.3rem solid #222 }
#autoLogout .layer .title {position: relative; text-align: center; padding: 7rem 3rem 3rem; font-weight: 600; color: #000; font-size: 1.5em}
#autoLogout .layer .title:after {display: block; content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -2px; width: 0.4rem; height: 0.4rem; background: #000; border-radius: 5rem; box-shadow: 1rem 0 0 #333, -1rem 0 0 #333 }
#autoLogout .layer .box {margin-top: 2.5rem; padding: 0 5% }
#autoLogout .layer .box p {text-align: center; margin: 0.5rem auto; font-size: 1.2em; max-width: 50rem }
#autoLogout .layer .box p.warning {font-size: 1.2em; color: #c90c0f; font-weight: 600 }
#autoLogout .layer .box p.time {text-align: center }
#autoLogout .layer .box p.time span {display: inline-block; padding: 0.5rem 2.5rem; background: #f0f0f0; border-radius: 10rem }
#autoLogout .layer .box p.acc {margin-top: 3rem }
#autoLogout .layer .btnGroup {text-align: center; padding: 2rem 2rem 5rem}
#autoLogout .layer .btnGroup a {display: inline-block; padding: 0.5rem 3rem; background: #333; color: #fff; border-radius: 5rem }
#autoLogout .layer .btnGroup a:first-child {border: 1px solid #ccc; color: #333; background: #fff; font-weight: 600 }
/*강좌시청*/ 
.lecture .lecture-tab-box {display: flex; justify-content: space-between; align-items: flex-end}
.lecture .lecture-tab-box .search:only-child {display: flex; width: 100%; justify-content: flex-end}
.lecture .lecture-tab {position: relative; display: flex; align-items: flex-end; z-index: 1; --bg: url(../images/program/lecture-tab.svg) no-repeat right 0 / 21.5rem}
.lecture .lecture-tab>li {margin-left: -3.8rem}
.lecture .lecture-tab>li:first-child {margin-left: 0}
.lecture .lecture-tab>li:first-child>p {padding-left: 0}
.lecture .lecture-tab>li>p {position: relative; display: block; padding-left: 3.5rem; padding-right: 1.3rem; min-width: 10rem; height: 5.2rem; border-radius: 1rem 1rem 0 0; box-sizing: border-box}
.lecture .lecture-tab>li>p>a {display: block; padding: 1.4rem 3rem 0 3rem; height: 100%; font-size: 1.6rem; line-height: 160%}
.lecture .lecture-tab>li:nth-child(1) {z-index: 9}
.lecture .lecture-tab>li:nth-child(2) {z-index: 8}
.lecture .lecture-tab>li:nth-child(3) {z-index: 7}
.lecture .lecture-tab>li:nth-child(4) {z-index: 6}
.lecture .lecture-tab>li:nth-child(5) {z-index: 5}
.lecture .lecture-tab>li:nth-child(6) {z-index: 4}
.lecture .lecture-tab>li>p::before {content: ''; position: absolute; left: 0; top: 0; width: calc(100% - 4.5rem); height: 100%; border-radius: 1rem 0 0 0; background: #F5F5F5; border-top: 1px solid rgba(51, 51, 51, 0.1); border-left: 1px solid rgba(51, 51, 51, 0.1); box-sizing: border-box; z-index: -1}
.lecture .lecture-tab>li>p::after {content: ''; position: absolute; right: -3rem; top: 0; width: 100%; max-width: 10rem; height: 5.2rem; background: var(--bg); z-index: -1}
.lecture .lecture-tab>li.select+li {margin-left: -5rem}
.lecture .lecture-tab>li.select {margin-bottom: -0.1rem; z-index: 999}
.lecture .lecture-tab>li.select>p {margin-left: 1rem; margin-bottom: -0.1rem; padding-left: 2rem; padding-right: 4rem; height: 5.8rem; font-size: 1.8rem}
.lecture .lecture-tab>li.select:first-child>p {margin-left: 0}
.lecture .lecture-tab>li.select>p::before {border-top: 0.2rem solid #333; border-left: 0.2rem solid #333; border-right: 0; background: #fff}
.lecture .lecture-tab>li.select>p::after {height: 5.8rem; background-position: right -5.4rem}
.lecture .lecture-tab>li.select>p>a {font-size: 1.8rem}
.lecture .lecture-tab-box .search {position: relative; text-align: left; margin: 0}
.lecture .lecture-tab-box .search input[type=text] {padding: 1.4rem 4.2rem 1.2rem 2.1rem; border: 0}
.lecture .lecture-tab-box .search input[type=text]::placeholder {color: #888; font-size: 1.6rem; line-height: 160%}
.lecture .lecture-tab-box .search input[type=submit], .lecture .lecture-tab-box .search input[type=button] {flex: 0 0 auto; position: relative; width: 2.3rem; height: 2.3rem; background: url(../images/program/search.png) no-repeat center / 2.3rem}
.lecture>.search>form {display: flex; justify-content: center}
.lecture .board_list ul.galleryList {padding: 0; border-bottom: 1px solid rgba(217, 217, 217, 1)}
.lecture .board_list ul.galleryList>li {display: flex; padding: 4rem 0 4rem 0; gap: 3rem; border-top: 1px solid rgba(217, 217, 217, 1); overflow: visible}
.lecture .board_list ul.galleryList>li:first-child {border-top: 0}
.lecture .board_list ul.galleryList>li .cate {display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem; margin-bottom: 1rem}
.lecture .board_list ul.galleryList>li .cate span {display: flex; align-items: center; justify-content: center; margin: 0; width: 6.2rem; height: 6.2rem; color: #FFF; font-size: 1.3rem; font-weight: 700; line-height: 1.6rem; border-radius: 50%; border: none}
.lecture .board_list ul.galleryList>li .cate span.special {background: #ffab2d}
.lecture .board_list ul.galleryList>li .cate span.normal {background: #2AC5A9}
.lecture .board_list ul.galleryList>li .cate .tag_state {background: url(../images/program/lecture-tag-state.svg?v1) no-repeat 0 0 / 18.8rem }
.lecture .board_list ul.galleryList>li .cate .tag_state.eng {background-position: -6.3rem 0}
.lecture .board_list ul.galleryList>li .cate .tag_state.before {background-position: -12.6rem 0}
.lecture .board_list ul.galleryList>li p.img {flex: 0 0 auto; margin-right: 0; width: 22rem; height: 22rem; line-height: 0; box-shadow: none; background: none; overflow: visible}
.lecture .board_list ul.galleryList>li p.img a {position: relative; display: block; width: 100%; height: 100%; border-radius: 1.6rem; box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.10); overflow: hidden}
.lecture .board_list ul.galleryList>li p.img img {height: 100%}
.lecture .board_list ul.galleryList>li p.img.noimg {background: #f0f0f0}
.lecture .board_list ul.galleryList>li p.img.noimg img {height: auto}
.lecture .board_list ul.galleryList>li div.con {display: flex; flex-direction: column; padding: 2.3rem 0rem 0rem 2rem}
.lecture .board_list ul.galleryList>li div.con p.tit {margin-bottom: 3rem; font-size: 2.1rem; line-height: 150%; white-space: normal}
.lecture .board_list ul.galleryList>li ul.list_info li {display: flex; gap: 1rem; padding-left: 1.2rem; margin-top: 0.8rem; margin-bottom: 0; color: #484848; font-size: 1.6rem; line-height: 160%; letter-spacing: -0.032rem}
.lecture .board_list ul.galleryList>li ul.list_info li:after {top: 1.3rem; width: 0.5rem; height: 0.1rem; border-radius: 0; background: rgba(102, 102, 102, 1)}
.lecture .board_list ul.galleryList>li .cate-box {display: flex; align-items: center; gap: 0.4rem; margin-top: 2rem}
.lecture .board_list ul.galleryList>li .cate-box p {padding: 0.5rem 1.4rem 0.4rem 1.4rem; color: #666; font-size: 1.4rem; font-weight: 500; line-height: 160%; letter-spacing: -0.028rem; border-radius: 3.5rem; border: 1px solid #ECECEC; background: #ECECEC}
.lecture .board_list ul.galleryList>li .cate-box .location {padding-left: 3.4rem; border-color: #666; background: #fff url(../images/program/lecture-location.svg) no-repeat 1.4rem center / 1.6rem}
.lecture .board_list ul.galleryList>li .btnbox {margin-top: 2.3rem; margin-bottom: 2.3rem}
.lecture .board_list ul.galleryList>li .btnbox a {position: relative; display: block; min-width: 15rem; padding: 1.2rem 3.5rem 1.2rem 2.5rem; font-size: 1.7rem; font-weight: 500; border-radius: 0.4rem}
.lecture .board_list ul.galleryList>li .btnbox a::before {content: ''; position: absolute; right: 2.5rem; top: 1.7rem; width: 0.9rem; height: 1.4rem; background: #fff; -webkit-mask: var(--more-arr); mask: var(--more-arr); mask-size: 0.9rem 1.4rem; -webkit-mask-size: 0.9rem 1.4rem}
.lecture .board_list ul.galleryList>li .btnbox a.end {color: #666; background: #F0F0F0; text-decoration: none}
.lecture .board_list ul.galleryList>li .btnbox a.end::before {background: #888}
.lecture .board_list ul.galleryList>li .btnbox a.ing {color: #FFF; background: #E54242; box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.25), 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.25); text-shadow: -1px 0 #D63333, 0 -1px #D63333, 1px 0 #D63333, 0 1px #D63333}
.radio_align {display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; justify-content: center}
.radio_align p {display: flex; align-items: center; flex-wrap: wrap}

@media screen and (max-width: 600px) {
	.radio_align {flex-direction: column}
	}
/*******************************************************************************************************************/ 
@media screen and (min-width: 1025px) {
	.dp_mb {display:none !important} 
}
@media screen and (max-width: 1280px) {
	.board_list ul.photoList li p.img {height:19rem}
    .board_list ul.photoList li p.img img {min-height: 19rem}
    .board_list ul.lecList>li ul>li {width: 100%}
    .board_list .etcList>li p.tit {height: 5.5rem}
    .board_list .surveyList>li p.tit {/* height:5.5rem; */}
    .search .field_incheon .cate label {min-width: auto}
    .search .field_incheon li.con {flex-wrap: wrap; padding: 0}
    .search .field_incheon li.con .search-select, .search .field_incheon li.con .time {width: calc(33.3% - 0.8rem)}
    .search .field_incheon li.con .name, .search .field_incheon li.con .name input[type=text] {width: 100%}
}
@media screen and (max-width: 1024px) {
	.dp_pc {display:none}
    .find-img {height: 100vh; line-height: 0; overflow-y: scroll}
    .find-img img {height: 100%; max-width: unset}
    .btnBox {margin-top: 4rem}
    .btnBox .btn {margin: 0 0.25rem 0.8rem 0.25rem; min-width: calc(50% - 0.8rem)}
    .btnBox .btn:only-child {width: calc(100% - 0.8rem)}
    .btn {padding: 0 1rem}
    .btn_join {width: calc(100% - 0.8rem)}
    .search select {padding: 0 1rem; width: 20%; background-position: right 0.5rem top 2.1rem; background-size: 1.8rem}
    .search input[type=text] {padding: 0 1rem}
    .search .field_gyeyak {padding: 0% 4%}
    .search .field_gyeyak li {float: none; width: 100% !important}
    .search .field_gyeyak li:first-child dl {float: left; width: 40%}
    .search .field_gyeyak li:first-child dl:first-child {width: 60%}
    .search .field_gyeyak li:last-child dl {width: 33% !important; margin-left: .3%}
    .search .field_gyeyak dl {padding-left: 0}
    .search .field_gyeyak dl dt {position: static; text-align: left}
    .search .field_wastebiz {padding: 0% 4%}
    .waste_stats .field_wastebiz li dl select {display: block; margin-bottom: 0.5rem}
    .waste_stats .field_wastebiz li:nth-child(3) dl select {display: inline-block; margin-bottom: 0}
    .waste_stats2 .field_wastebiz li dl {width: 100%}
    .search .field_incheon .cate label {flex: 1 1 16.6%; padding: 1.3rem 1rem; border-radius: 0.4rem}
    .search .field_incheon .cate label span {padding-left: 0; padding-top: 2.8rem}
    .search .field_incheon .cate label span:before {right: 0; top: 0; margin: auto}
    .search .field_incheon li.con {padding: 0}
    .search .field_incheon li.con .search-select {flex: 1 1 auto}
    .search .field_incheon li.con .time dd {gap: 0.4rem}
    .search .field_nation dl {flex-direction: column; align-items: flex-start; gap: 0.8rem}
    .search .field_nation dl:nth-child(2) dt {padding-top: 0}
    .search .field_nation dl:nth-child(2) dt::before {top: 0.8rem}
    ul.list_info.col2 li {float: none; width: 100%}
    .board_list {margin-top: 2rem}
    .board_list ul.generalList>li p {float: none; width: 100%}
    .board_list ul.generalList>li div.writer_info {float: none; margin-top: 1rem; width: 100%}
    .board_list ul.generalList>li div.writer_info ul {text-align: left}
    .board_list ul.generalList>li div.writer_info ul li.writer {padding-left: 1rem; width: auto}
    .board_list ul.lecList>li {width: 100%; margin: 0.3rem 0}
    .board_list ul.lecList>li.close * {color: #aaa}
    .board_list ul.lecList>li:nth-child(2):after {display: none}
    .board_list ul.lecList>li>div {flex-direction: column; padding: 2rem 1.5rem 2rem}
    .board_list ul.lecList>li ul {margin-top: 1rem}
    .board_list ul.lecList>li .tag_state {top: 1.5rem; right: 1.5rem; min-width: 6rem}
    .btn_lectureApply {right: 1.5rem; top: 4.5rem}
    .board_list ul.photoList, .board_list ul.photoList2 {padding: 4rem 2rem; gap: 1rem 3%}
    .board_list ul.photoList>li, .board_list ul.photoList2>li {width: 100% !important; max-width: unset !important}
    .board_list ul.photoList>li p.img, .board_list ul.photoList2>li p.img {height: 17rem}
    .board_list ul.photoList>li div.con p.tit {font-weight: 600}
    .board_list ul.galleryList>li p.img {width: 40%; margin-right: 4%; height: 16rem}
    .board_list ul.galleryList>li p.img img {min-height: 16rem}
    .board_list ul.galleryList>li div.con {width: 55%; height: auto; min-height: 12rem}
    .board_list ul.ebookList {white-space: nowrap; overflow-x: auto}
    .board_list ul.ebookList>li {float: none; display: inline-block; border: 0; box-shadow: none; width: 21rem}
    .board_list ul.ebookList>li:before {display: none}
    .board_list ul.ebookList>li p.img {float: none; padding: 0; width: 100%; max-height: 28.4rem; border: 0}
    .board_list ul.ebookList>li p.img img {min-height: 27rem}
    .board_list ul.ebookList>li div.con {float: none; padding: 1rem 0.5rem; width: 100%; height: auto}
    .board_list ul.ebookList>li div.con:before {display: none}
    .board_list ul.ebookList>li div.con p.tit {text-overflow: unset; white-space: normal}
    .board_list ul.ebookList>li div.con ul.ebook_btn {position: static; margin-top: 1rem; width: 100%}
    .board_list ul.ebookList>li div.con ul.ebook_btn li a {padding-left: 3.5rem; background-position: 0.5rem center}
    .board_list .etcList>li {float: none; width: 100%}
    .board_list .etcList>li:nth-child(even) {float: none}
    .board_list .etcList>li:nth-child(2) {border-top: 1px solid #ddd}
    .board_list .etcList>li p.tit {margin-bottom: 1rem; height: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
    .board_list .surveyList>li {float: none !important; padding: 1.2rem 2rem; width: 100%}
    /* .board_list .surveyList>li:nth-child(2){border-top:0} 	.board_list .surveyList>li.open{border-color:#666; border-top-color:#333} */ 
    .board_list .surveyList>li p.tit {margin-top: 0.3rem; height: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
    .board_list .oneList.haveBtn>li div.con {padding-right: 0}
    .board_list .oneList>li div.con ul.oneList_btn {position: static; text-align: center; margin-top: 2rem; padding: 1.5rem 1rem 0.3rem; border-top: 1px dashed #ccc}
    .board_list .oneList>li div.con ul.oneList_btn li {display: inline-block}
    .board_list .oneList>li div.con ul.oneList_btn li .tag_txt {margin-right: 0}
    .board_list table.general_board thead {display: none}
    .board_list table.general_board, .board_list table.general_board tbody, .board_list table.general_board tr, .board_list table.general_board td {display: block}
    .board_list table.general_board tbody tr:first-child {border-top: 2px solid #333}
    .board_list table.general_board tbody tr {padding: 0.8rem}
    .board_list table.general_board tbody td {display: inline-block; text-align: left; padding: 0.2rem 0.8rem; /*width: 100%;border-bottom: 1px solid #dcdcdc;*/ }
    .board_list table.general_board tbody td label {display: block; margin-bottom: 0.2rem}
    .board_list table.general_board tbody td:first-child {position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; z-index: -1}
    /*숨김*/ 
    .board_list table.general_board tbody td.mb_n {position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; z-index: -1}
    /*숨김*/ 
    /* .board_list table.general_board tbody td:last-child{position:absolute; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1} */
	.board_list table.general_board tbody td.title {text-align: left; max-width: 100%; width: 100%; font-weight: 500}
    .board_list table.general_board tbody td.title a {width: 100%; white-space: normal}
    .board_list table.general_board tbody img {position: relative; top: 0.5rem; left: 1rem; padding-right: 0.5rem}
    .data_list>li.col2 dl {float: none; width: 100%; border-top: 1px dotted #ccc}
    .data_list>li.col2 dl:first-child {border-top: 0}
    .data_cell ul li dl dt {width: 40%}
    .add_file dl>dt, .data_list>li dl>dt, .add_file dl>dd, .data_list>li dl>dd {padding-left: 1.5rem}
    .add_file dl>dt, .data_list dt {width: 8rem}
    .blet_list dt::before, .blet_list p.q::before {left: 0.5rem}
    .add_file {padding: 0.5rem}
    .add_file dl>dt {display: none}
    .add_file dl>dd {padding-right: 8rem}
    .add_file dl>dd ul li {padding-left: 0}
    .add_file .alldown {right: 1rem; top: 1rem}
    .photoView p {height: 20rem}
    .photoView p img {max-height: 20rem}
    .contact>div.map {height: 20rem; overflow: hidden}
    .contact>div.map_info ul {margin-top: 1rem}
    .contact>div.map_info ul li {font-size: 1.4rem}
    .contact>div.map_info ul li:After {top: 1rem}
    .note>dl {padding-left: 0}
    div.note>dl>dt {position: relative; top: 2rem; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); left: 0; text-align: center}
    div.note>dl>dd div {padding: 0 0.5rem; line-height: 2.7rem; background-image: url(/share/images/program/note_line2.gif)}
    div.note>dl>dd div * {line-height: 2.7rem}
    .comment div.comment_writer ul li {width: 32%}
    .comment div.comment_form {padding-right: 10rem}
    .comment div.comment_form input[type=submit] {width: 10rem}
    .board_write ul li dl {display: block; padding: 0.8rem}
    .board_write ul li dl.long dt {width: 100% !important}
    .board_write ul li dl dt {display: block; width: 100% !important; padding: 0; background: none}
    .board_write ul li dl dt br {display: none}
    .board_write ul li dl dd {display: block; padding: 0}
    .board_reply>div {padding: 3rem 2.5rem}
    .survey_frame .q {padding-left: 0}
    .survey_frame .q>span {position: static; margin-bottom: 1rem}
    .survey_frame .a {flex-wrap: wrap; gap: 0.3rem 1.6rem; padding-left: 0}
    .survey_frame .a_img {padding-left: 0; flex-wrap: wrap; gap: 0.3rem 1.6rem}
    .survey_frame .a_img li {max-width: calc(50% - 1rem)}
    .other_con {margin-top: 5rem}
    .other_con li {padding-left: 10rem}
    .other_con span {width: 10rem}
    .schedule table {border-top: none}
    .schedule table thead th, .schedule table tbody td.close, .schedule table tbody td.nodate {display: none}
    .schedule table tbody {border-top: 1px solid #666; border-bottom: 1px solid #666}
    .schedule table tbody td {display: block; width: 100%; border: 0; height: auto; border-bottom: 1px solid #CCC}
    .schedule table tbody td p.date {text-align: center; width: 100%; color: #444; font-weight: 500; background: #F6F6F6}
    .schedule table tbody td.no-book p.date {background: #fff}
    .schedule table tbody td>ul.book {margin-top: 0}
    .schedule table tbody td>ul.sch_list {padding-bottom: 0}
    .schedule table tbody td>ul.sch_list>li div.con {position: static}
    .schedule_week dl.list {padding: 3rem 0}
    .schedule_week dl.list dt {position: relative; top: 0; text-align: center; padding: 0.5rem 1rem; width: 10rem; font-size: 1.8rem; font-weight: 600; color: #fff; background: #484848; border-radius: 6rem}
    .schedule_week dl.list dt span {display: inline; padding-left: 0.5rem; font-weight: normal}
    .schedule_week dl.list dd {padding-top: 1rem; padding-left: 0.5rem}
    .schedule_week dl.list dd>ul>li a {padding: 0.8rem 0}
    .schedule_week dl.list dd>ul>li .time {display: none}
    .schedule_week dl.list dd>ul>li .place {display: none}
    .schedule_week dl.list dd>ul>li div.con {display: none; margin-top: 1rem; padding: 3rem; background: #f0f0f0}
    .join_step li span.txt {display: none}
    .join_step li.select span.txt {display: block}
    #contents .login {padding: 5%; width: 85%; border: 0; background: none}
    #contents .login p.tit {float: none; margin-top: 3rem; width: 100%}
    #contents .login div.con {float: none; margin: 8% auto; width: 100%}
    .password_txt {position: relative; padding: 2rem; width: auto; left: 0; top: 0}
    .password_txt:After {top: -1rem; left: 3.5rem; border-left-color: transparent; border-bottom-color: #333}
    .map_service {position: static; width: auto; background: transparent; border-radius: 0; overflow: visible; box-shadow: none}
    .map_service div.map_search {position: fixed; padding: 2rem; padding-left: 10rem; width: 100%; border-bottom: 0; box-sizing: border-box; z-index: 101}
    .map_service div.map_search>div {background: #fff; border-radius: 0.5rem; overflow: hidden; box-shadow: 0px 1px 2px rgba(0,0,0,.5)}
    .map_service ul.map_menu {position: absolute; padding: 2rem 0.5rem 1.8rem; width: 8rem; height: 100%; background: #fff; overflow-y: scroll; box-sizing: border-box; z-index: 102; box-shadow: 0 0 2px rgba(0,0,0,.2)}
    .map_service ul.map_menu>li {float: none; padding: 0; width: auto}
    .map_service div.map_result {position: absolute; padding-left: 8rem; max-height: 100%; height: 100%; width: 100%; background: #fff; z-index: 101}
    .map_service div.map_result::-webkit-scrollbar, .map_service ul.map_menu::-webkit-scrollbar {width: 2px}
    .map_service div.map_result::-webkit-scrollbar-thumb, .map_service ul.map_menu::-webkit-scrollbar-thumb {background: #ccc}
    .map_service div.map_result p.noresult {padding-top: 20%}
    .map_service div.map_result p.noresult span {display: block; margin-bottom: 0.5rem}
    .job_search .inner dl dd ul.list li {width: 50%}
    .job_search .keyword input[type=text] {width: 70%}
    .job_search .keyword input[type=submit] {width: 25%}
    .waste_tab ul {padding-top: 5rem; padding-right: 0}
    .waste_tab ul li {width: 33.3%; min-width: auto}
    .waste_tab ul li a {letter-spacing: -0.05em}
    .search .field_wastebiz li dl {padding: 0.7rem 0 0.7rem 9.5rem}
    .search .field_wastebiz li dl dt {width: 9rem; height: 4rem}
    .search .field_wastebiz li:nth-of-type(4) dl {width: 100%}
    .state_step {flex-direction: column; gap: 12px}
    .state_step li+li:before {transform: rotate(135deg); top: -12px; left: 35%}
    .state_step li dl {flex-direction: row; align-items: center}
    .state_step li dl dt {padding: 2rem 1rem; border-radius: 3px}
    .state_step li dl dt>p {height: auto; font-size: 1em}
    .state_step li dl dt:After {display: none}
    .state_step li dl dd {width: 30%; background: none}
    .state_step li.select:After {display: none}
    .boardList>li {flex-direction: column; align-items: flex-start}
    .boardList .tag-box {width: auto}
    .boardList .tag-box .local {padding-left: 2rem; padding-top: 0}
    .boardList .tag-box .local::before {right: auto; top: calc(50% - 1.7rem / 2)}
    .boardList .tag-box, .boardList .btn-box {flex-direction: row}
    .boardList .con-box {width: 100%}
    .worknet .boardList .tag-box {justify-content: flex-start}
    .lecture .lecture-tab-box {flex-direction: column; align-items: flex-start}
    .lecture .lecture-tab {align-items: stretch; width: 100%; border-bottom: 0.2rem solid #333}
    .lecture .lecture-tab>li {display: flex; align-items: center; justify-content: center}
    .lecture .lecture-tab>li>p {display: flex; align-items: center; text-align: center; padding-left: 0; padding-right: 0 !important; height: 100% !important; min-width: auto; word-break: keep-all}
    .lecture .lecture-tab>li>p>a {padding: 1rem 1rem 0.8rem 1rem !important; font-size: 1.5rem !important; word-break: break-all}
    .lecture .lecture-tab>li.select>p {padding-left: 0; margin-left: 0; margin-bottom: -0.2rem; border-radius: 1rem 1rem 0rem 0rem; border-top: 0.2rem solid #333; border-right: 0.2rem solid #333; border-left: 0.2rem solid #333; background: #FFF}
    .lecture .lecture-tab>li, .lecture .lecture-tab>li.select+li {margin-left: 0}
    .lecture .lecture-tab>li>p::before, .lecture .lecture-tab>li>p::after {display: none}
    .lecture .lecture-tab-box .search {margin: 1.5rem 1rem 0rem 1rem; ; padding: 0.5rem 1.8rem 0.4rem 1.8rem; width: calc(100% - 2rem); border-radius: 0.5rem; background: #F0F0F0}
    .lecture .lecture-tab-box .search .field {flex-wrap: nowrap}
    .lecture .lecture-tab-box .search input[type=text] {padding: 0; background: #f0f0f0}
    .lecture>.search .word {width: 100%}
    .lecture .board_list ul.galleryList {border-top: 0}
    .lecture .board_list {margin-top: 0}
    .lecture .board_list ul.galleryList>li {position: relative; gap: 1rem 3.5rem; padding-top: 11.2rem}
    .lecture .board_list ul.galleryList>li .cate {position: absolute; left: 0; top: 4rem; flex-direction: row; gap: 0.5rem; margin: 0; width: 100%}
    .lecture .board_list ul.galleryList>li div.con {padding: 0; width: 100%}
    .lecture .board_list ul.galleryList>li ul.list_info li {color: #888}
    .lecture .board_list ul.galleryList>li .cate-box {flex-direction: column; align-items: flex-start; margin-top: 1rem}
    .lecture .board_list ul.galleryList>li .btnbox {position: absolute; right: 0; top: 4rem; margin-top: 0; margin-bottom: 0}
    .lecture .nodata {border-top: none}
    .info_con.qr {padding-right: 4rem}
    .info_con.qr .tit {padding-bottom: 1rem}
    .info_con.qr .tit>img {position: static}
    .flex-tit {flex-direction: column; margin-bottom: 1rem}
    .flex-tit h4+p {margin-left: 2.4rem}
    .flex-tit.ver2 {align-items: flex-start; gap: 1rem}
    .flex-tit.ver2 h4 {width: 100%}
    .flex-tit.ver2 span {text-align: right; width: 100%}
    .info_con .tit {flex-direction: column; align-items: flex-start}
    .chkList.col4 li {width: calc(50% - 0.4rem)}
    .board_write .border-box dl {flex: 1 1 auto; flex-wrap: wrap; height: auto}
    .board_write .border-box dl dd input[type=password] {width: auto}
    /*
	.popupBox h1{font-size: 16px;} 	.popupBox .con-box{padding: 20px;}
	.popupBox h2{font-size: 13px;} 	.popupBox h2::before{top: 7px;} 	.popupBox ul.bl>li{font-size: 12px;} 
	.popupBox .point{font-size: 12px;} 	.popupBox .point.wfont{font-size: 12px;} 
	.popupBox .check{align-items:flex-start; padding: 16px 20px; border: 2px solid #DDD;} 
	.popupBox .check input{margin-top: 2px;} .popupBox .check label{font-size: 13px;} 
	.popupBox .check label span{font-size: 13px;} 	.popupBox .exempt_data p{font-size: 13px;} 
	.popupBox .exempt_data p input{font-size: 13px;} 	.popupBox .btn-box input[type=submit], .popupBox .btn-box button, .popupBox .btn-box a{font-size: 13px; width: auto;}
	.popupBox .sign {font-size: 16px;}
	.popupBox .sign span{font-size: 13px;} 	.popupBox .add-file select {font-size: 13px;}
	.popupBox .add-file input[type=file]{font-size: 13px;}
	.popupBox .file-list li span{font-size: 13px;} 
	.popupBox .file-list input{font-size: 13px;}
	*/ 
}

@media screen and (max-width: 600px) {
	.search .field_incheon .cate {justify-content: center; gap: 0.4rem}
    .search .field_incheon li.con .time {width: 100%}
    .schedule div.month.year p {font-size: 3.1rem}
    .schedule .month-tab {flex-wrap: wrap}
    .schedule .month-tab li.on a {background: var(--purple)}
    .schedule .month-tab li.on a::after {display: none}
    .schedule .month-tab li.on a::before {display: none}
    .board_list .rental_list>li {position: relative; flex-direction: column; align-items: flex-start}
    .board_list .rental_list .img {width: 100%; max-width: 100%; height: auto}
    .board_list .rental_list .img img {width: 100%}
    .board_list .rental_list .con {padding-left: 0}
    .popupBox .con-box {padding: 18px 20px 20px 20px}
    .board_write .photoBox {flex-direction: column}
    .board_write .photoBox .photo {max-width: 100%; border-right: none; border-bottom: 1px solid #DCDCDC}
    .boardList.business>ul>li {align-items: flex-start; flex-direction: column; gap: 1rem; padding: 3.2rem 2rem 2rem 2rem}
    .boardList.business>ul>li .tit-box, .boardList.business .con-box {max-width: 100%}
    .boardList.business>ul>li .tit-box {min-height: auto}
    .boardList.business>ul>li>.state-tag {padding-top: 1.2rem; width: 14rem; height: 5rem; mask-size: 14rem 5rem; -webkit-mask-size: 14rem 5rem}
    .boardList.business .tit .tag-box .local::before {top: 0.3rem}
    .boardList.business .con-box>ul>li {padding-left: 0; border-top: 1px dashed #CCC}
    .boardList.business .con-box>ul>li::before {display: none}
    .boardList.business .con-box>ul>li:first-child {border-top: none}
    .boardList.business .con-box>ul>li dl {position: relative; flex-direction: column; align-items: flex-start; gap: 0; padding: 0.8rem 0rem}
    .boardList.business .con-box>ul>li dl dt::after {display: none}
    .boardList.business .con-box>ul>li dl dd {position: static; width: 100%}
    .boardList.business .con-box>ul>li dl dd.has-btn::after {display: none}
    .boardList.business .con-box>ul>li dl .sbtn {position: absolute; right: 0; top: calc(50% - 2.5rem / 2)}
    table.dataTable2 colgroup {display: none}
    .search .field_incheon li.con .search-select p {margin-left: 0 !important}
    .search .field_incheon li.con .search-select::before {display: none}
}

@media screen and (max-width: 480px) {
	.program_tab {position:relative}
    .program_tab:after {display: block; content: ''; position: absolute; right: 0; top: 0; width: 5rem; height: 100%; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%)}
    .program_tab ul {padding-right: 3rem; white-space: nowrap; font-size: 0; overflow-x: auto}
    .program_tab ul li a {padding: 1.5rem 1rem 1.5rem}
    .program_tab ul li:after, .program_tab ul li.select a:after {display: none}
    .search .field, .search .word {flex: 1 1 auto}
    .search .field_gyeyak li:first-child dl {width: 100%}
    .search .field_gyeyak li:first-child dl:first-child {width: 100%}
    .search .field_incheon .cate {flex-wrap: wrap}
    .search .field_incheon .cate label {flex-shrink: 0; flex-basis: 80px; max-width: 80px; width: 80px}
    .search .field_incheon .cate-local {justify-content: center}
    .board_list ul.photoList, .board_list ul.photoList2 {padding: 0; border: 0}
    .board_list ul.photoList2>li p.noimg {display: none}
    .board_list ul.photoList2>li p.noimg+div.con {display: block}
    .board_list ul.photoList2>li p.noimg+div.con p.tit {white-space: normal}
    .board_list ul.photoList2>li p.noimg+div.con p.tit a {display: block; display: flex; align-items: center; justify-content: center; height: 18.8rem}
    .board_list ul.photoList2>li p.noimg+div.con ul.list_info {display: none}
    .password p {padding: 8.5rem 0 3rem; background-position: center 1rem}
    .agree .textarea textarea, .agree .textarea>div {height: 15.5rem}
    .pop_page .popCon ul.qalist>li {margin-bottom: 1rem; padding-left: 0}
    .pop_page .popCon ul.qalist>li .q {position: relative; width: auto; font-size: 1.6rem}
    .pop_page .popCon ul.qalist>li .a {margin-top: 0.5rem}
    .pop_page .popTbox {margin-top: 3rem}
    .pop_page .popTbox .list_info.bfont li {font-size: 1.5rem}
    .job_search .inner dl dd ul.list li {width: 100%}
    .worknet .boardList>li {width: 100%}
    .worknet .boardList>li:nth-child(odd) {border-right: 0}
    /* 이벤트 */ 
    .event-img-list {display: block}
    .event-img-list>li {width: 100%}
    .event-img-detail .outline {display: block}
    .event-img-detail .outline .img {width: 100%; text-align: center}
    .event-img-detail .outline .con {margin-top: 2rem; width: 100%}
    .lecture .board_list ul.galleryList>li p.img {width: 15rem; height: 15rem}
    /* .search .field_incheon li.con .search-select, 	.tagList input[type=checkbox]+label:focus-visible, 	.tagList input[type=radio]+label:focus-visible {outline:0.1rem solid #000; box-shadow: inset 0.1rem 0.1rem #ffd84e, inset -0.1rem -0.1rem #ffd84e;} */ 
    .search .field_incheon li.con .time {width: 100%}
}

@media screen and (max-width: 340px) {
	.lecture .lecture-tab {flex-wrap: wrap; border-bottom: none}
    .lecture .lecture-tab>li {width: 33.3%}
    .lecture .lecture-tab>li>p {justify-content: center; width: 100%}
    .lecture .lecture-tab>li.select>p {margin-bottom: 0; border-bottom: 0.2rem solid #333; border-radius: 1rem}
    .lecture .lecture-tab>li>p>a {width: 100%}
}