.ImgTxt_wrap2 h3,/* 공용 */
textarea { resize: none; }
.tit {display:block; font-size:1.3rem; font-weight:700; color:#000;}
.inner-title .title .tit {font-size:1.1rem; font-weight:700; color:#000; margin-bottom:0.5rem;}
.inner-title .title .tit p {color:#333333; font-size:0.9rem;}
.inner-title .title .red {color:#e6002e;}
.tp .tpTitWr input[type="checkbox"] + label {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor: pointer; font-size:0.9rem; font-weight:600; color:#333; letter-spacing:0px; transition: all 0.2s ease; margin-right:0;}
.tp .tpTitWr input[type="checkbox"] + label span {position:relative; display:flex; align-items:center; gap:0.5rem; font-size:1.25rem; background:transparent; padding-left:0px!important; transition: all 0.2s ease; color:#666;}
.tp .tpTitWr input[type="checkbox"] + label span:before {content:'\EE0B'; font-family: 'remixicon'; position:absolute; left: 50%; top:50%; transform:translate(-50%, -50%);}
.tp .tpTitWr input[type="checkbox"]:checked + label {font-size:0.9rem; font-weight:500;}
.tp .tpTitWr input[type="checkbox"]:checked + label span {position:relative; background:transparent; color:#e6002e;}
.tp .tpTitWr input[type="checkbox"]:checked + label span:before {content:'\EE0A'; font-family: 'remixicon'; position:absolute; left: 50%; top:50%; transform:translate(-50%, -50%);}
.tp .tpTitWr input[type="checkbox"] {display: none;}
.tp .tpTitWr small {width:2rem; display:block; text-align:center; margin-top:0.55rem; color:#666;}

.modal-wrap {display:none; position:fixed; top:0; width:100%; height:100%; z-index:50; color:#fff; overflow:hidden;}
.modal-wrap:before {content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:-1;}
.modal-wrap > .container {max-width:80rem; margin:0; background:#fff; padding:1.5rem; position:relative; left:50%; top:50%; transform:translate(-50%, -50%);}
.modal-wrap .title {position:relative; display:flex; height:3rem; justify-content:space-between; border-bottom:2px solid #000;}
.modal-wrap .title > .tit {font-size:1.3rem; font-weight:700; color:#000;}
.modal-wrap .title > .modal-close {position:relative; top:-0.25rem; width:2.5rem; height:2.5rem; border-radius:50%; background:#f4f4f4; display:flex; align-items:center; justify-content:center; color:#000; font-size:1.2rem;}

hr.line {width:100%; height:0.1rem; background:url('/images/bohun/template/H1/main/line.png') repeat 50% 50%; }
hr.part {width:100%; height:1px; background:#e0e0e0; display:block; margin:1.5rem 0;}

/* 기부하기 */
.dntstep-wrap {position:relative; display:flex; justify-content:space-between; gap:4rem;}
.dntstep-wrap .dntstep-container {width:100%;}
.dntstep-wrap .dntstep-info {width:100%;}

.step-wrap {position:relative; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row;}
.step-wrap > li {position: relative; font-size: 1rem;}
/* .step-wrap:before {content:''; position:absolute; width:50%; height:0.075rem; background:#e6002e; top:50%; left:0.25rem; z-index:2;} */
.step-wrap:after {position: absolute; top: 50%; left: 0; content: ""; width: 100%; height: 0.25rem; background-color: #f5f5f5; z-index:0; transform:translate(0, -50%);}
.step-wrap > li > span {position:relative; display: flex; align-items:center; justify-content:center; font-size:1rem; font-weight:700; width:3rem; height:3rem; border-radius:50%; background:#f5f5f5; position: relative; z-index:1; color:#fff; z-index:2;}
.step-wrap > li > span:before {content:''; position:absolute; width:calc(100% - 0.5rem); height:calc(100% - 0.5rem); background:#e6002e; border-radius:50%; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1; opacity:0;}
.step-wrap > li.active > span:before {opacity:1;}

.multi-steps {display: flex; justify-content:space-between; width: 100%; position:relative; z-index:0; counter-reset: stepNum; overflow:hidden;}
.multi-steps > li {position: relative; color: #e6002e; counter-increment: stepNum;}
.multi-steps > li:before {content: '0' counter(stepNum); display: flex; align-items:center; justify-content:center; background-color: #e6002e; width: 3rem; height: 3rem; font-weight: 700; font-size:1rem; border-width: 2px; border-style: solid; color:#fff; border-color: #e6002e; border-radius: 50%;}
.multi-steps > li:after {content: ''; height: 0.25rem; width: 100vw; min-width:18rem; background-color: #e6002e; position: absolute; top: 50%; left: 50%; z-index: -1;}
.multi-steps > li:last-child:after {display: none;}
.multi-steps > li.is-active:before {content: '0' counter(stepNum); font-family: inherit; font-weight: 700; background-color: #fff; background: #e6002e; color:#fff;}
.multi-steps > li.is-active ~ li {color: #444444;}
.multi-steps > li.is-active ~ li:before {content: '0' counter(stepNum); font-family: inherit; font-weight: 700; background-color: #ededed; color: #444444; border-color: #f5f5f5;}
.multi-steps > li.is-active:after, 
.multi-steps > li.is-active ~ li:after {background-color: #f5f5f5;}

.accordion ul {list-style: none; padding: 0; margin: 0;}
.accordion li.active {border-bottom:0px;}
.accordion li.active .title {background:#fff;}
.accordion li.active .content {display: block;}
.accordion ul > li {border-bottom: 1px solid #e0e0e0; transition:all 0.3s;}
.accordion .title {height: 8rem; display:flex; align-items:center; cursor: pointer; gap:1.75rem;}
.accordion .title .txt {display:flex; flex-direction:column; gap:0.25rem;}
.accordion .title .txt .tit {font-size:1.1rem; font-weight:700; color:#000;}
.accordion .title .txt p {font-size:0.9rem; font-weight:400; color:#555555;}
.accordion .title p.icon {display:flex; align-items:center; justify-content:center; width:5rem; height:5rem; border-radius:50%; background:#f9f9f9;}
.accordion .content {position:relative; display: none; background:#f4f4f4; padding:2rem; border-top:1px solid #333;}
.accordion .content ul > li {border-bottom:0; position:relative; padding-left:0.75rem; line-height:1.8; font-weight:500; font-size:0.9rem;}
.accordion .content ul > li:before {content:''; position:absolute; width:0.3rem; height:0.3rem; border-radius:50%; left:0; top:0.65rem; background:#555;}
.accordion .content a {position:absolute; min-width:6.5rem; bottom:-1rem; right:0; transition:0.3s; font-size:0.75rem; font-weight:700; color:#fff; background:#333; border-radius:1rem; padding:1rem 0.75rem 1rem 1rem; display:flex; align-items:center; justify-content:space-between; height:2rem;}
.accordion .content a:hover {background:#e4012e; border-color:#e4012e;}

/* 기부하기 */
.dnt-process {position:relative; margin:1.5rem 0; display:flex; flex-direction:column; gap:0.5rem;}
.dnt-process .dnt-list .dnt-box {position:relative;}
.dnt-process .dnt-list .dnt-box .msg {position:absolute; right:0; top:0.25rem; color:#666; display:flex; align-items:center; gap:0.5rem;}
.dnt-process .dnt-list .dnt-box .tit {font-size:1rem; font-weight:700; color:#000;}
.dnt-process .dnt-list .dnt-box .sub-tit {font-size:0.9rem; font-weight:500; color:#000;}
.dnt-process .dnt-list .dnt-box > .tab {width:100%; display:flex; background:#f5f5f5; height:3rem; margin:0.5rem 0;} 
.dnt-process .dnt-list .dnt-box > .tab li {display:flex; align-items:center; justify-content:center; width:100%;}
.dnt-process .dnt-list .dnt-box > .tab li a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:1rem; font-weight:400; color:#555;}
.dnt-process .dnt-list .dnt-box > .tab li.active a {background:#e6002e; color:#fff; font-weight:700;}
.dnt-process .dnt-list .dnt-box .select-wrapper {position:relative; height:3rem; border:1px solid #ccc; border-radius:0.25rem; width:100%; margin:0.25rem 0;}
.dnt-process .dnt-list .dnt-box .select-wrapper:after {content: '\EA4D'; position: absolute; top:50%; right:1rem; font-family: 'remixicon';  font-size:1.2rem; transform:translate(0, -50%);}
.dnt-process .dnt-list .dnt-box .select-wrapper > select {width:100%; height:100%; border:0; display:block; font-size:0.85rem; color:#555; font-weight:400; padding:0 2.5rem 0 1rem; appearance: none; background: transparent;}
.dnt-process .dnt-list .dnt-box > .select-payment {display:flex; gap:0.5rem; justify-content:space-between; flex-wrap:wrap; margin:0.5rem 0;}
.dnt-process .dnt-list .dnt-box > .select-payment a,
.dnt-process .dnt-list .dnt-box > .select-payment input[type="text"] {display:flex; align-items:center; justify-content:center; font-size:0.85rem; font-weight:400; color:#555; background:#f5f5f5; height:3rem; border-radius:0.25rem; width:calc(33.333333% - 0.5rem);}
.dnt-process .dnt-list .dnt-box > .select-payment a.active {background:#fff; color:#e6002e; font-weight:700; border:1px solid #e6002e;}
.dnt-process .dnt-list .dnt-box > .select-payment input[type="text"].active {background:#fff; color:#e6002e; font-weight:400; border:1px solid #e6002e; padding:0 1rem;}
.dnt-process .dnt-list .title {border:1px solid #e0e0e0; background:#f5f5f5; padding:0.75rem 1.5rem;}
.dnt-process .dnt-list .title .info {display:flex; align-items:center; justify-content:space-between;}
.dnt-process .dnt-list .title .info-txt {display:flex; gap:0.2rem 1rem; flex-wrap: wrap; }
.dnt-process .dnt-list .title .info-txt p {position:relative; color:#666666; font-size:0.8rem; font-weight:400;}
.dnt-process .dnt-list .title .info-txt p:after {content:'/'; position:absolute; right:-0.375rem; top:50%; font-weight:400; color:#666; transform:rotate(15deg) translate(0, -50%);}
.dnt-process .dnt-list .title .info-txt p:last-child:after {display:none;}
.dnt-process .dnt-list .title p {font-size:1.1rem; font-weight:700; color:#666;}
.dnt-process .dnt-list > .content {display:none; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.dnt-process .dnt-list.active > .content {display:flex; flex-direction:column; padding:1.5rem; gap:1.5rem;}
.dnt-process .dnt-list.active > .title {border-color:#000; background:#fff; padding:0 1.5rem;}
.dnt-process .dnt-list.active > .title .info {min-height:3.5rem;}
.dnt-process .dnt-list.active > .title p {color:#000000;}
.dnt-process .dnt-list .title a.modify {display:flex; align-items:center; justify-content:space-between; height:2rem; border-radius:1rem; background:#333; padding:0 1rem; color:#fff; font-weight:700; font-size:0.75rem; gap:0.25rem;}
.dnt-process .dnt-list .title a.modify p {color:#fff; font-weight:700; font-size:0.75rem;}
.dnt-process .total-wrap {display:flex; justify-content:space-between;}
.dnt-process .total-wrap p:first-child {display:flex; align-items:center; gap:0.5rem; font-weight:700; color:#000; font-size:1rem;}
.dnt-process .total-wrap .total-price {font-size:1rem; font-weight:700;}
.dnt-process .total-wrap .total-price span {font-weight:700; font-size:1.5rem; color:#e6002e;}
.dnt-process .next {display:flex; align-items:center; transition: all 0.3s; justify-content:center; font-size:0.85rem; color:#fff; font-weight:700; background:#333; border-radius:0.25rem; height:3rem;}
.dnt-process .next:hover {background:#dc012c;}
.dnt-process input[type="checkbox"] + label {position:relative; display:flex; align-items:center; gap:1.25rem; cursor: pointer; font-size:0.9rem; font-weight:600; color:#333; letter-spacing:0px; transition: all 0.2s ease;}
.dnt-process input[type="checkbox"] + label span {position:relative; display:flex; align-items:center; gap:0.5rem; font-size:1rem; background:transparent; padding-left:0px!important; transition: all 0.2s ease;}
.dnt-process input[type="checkbox"] + label span:before {content:'\EB7F'; font-family: 'remixicon'; position:absolute; left: 50%; top:50%; transform:translate(0%, -50%);}
.dnt-process input[type="checkbox"]:checked + label {font-size:0.9rem; font-weight:600;}
.dnt-process input[type="checkbox"]:checked + label span {position:relative; background:transparent;}
.dnt-process input[type="checkbox"]:checked + label span:before {content:'\EB85'; font-family: 'remixicon'; position:absolute; left: 50%; top:50%; transform:translate(0%, -50%);}
.dnt-process input[type="checkbox"] {display: none;}
.dnt-process .dnt-box .easypay-wrap {width:100%; display:flex; align-items:center; gap:0.5rem; justify-content:space-between; margin:0.5rem 0 0;}
.dnt-process .dnt-box .easypay-wrap a {display:flex; align-items:center; justify-content:center; width:100%; border:1px solid #ddd; height:3rem;}
.dnt-process .dnt-box .easypay-wrap a.active {border-color:#e6002e; outline:1px solid #e6002e;}
.dnt-process .insert-box {margin:0.25rem 0;}
.dnt-process .insert-box .radio-box {display:flex; gap:0.5rem;}
.dnt-process input[type="radio"] + label {position:relative; display:flex; align-items:center; gap:0.25rem; cursor: pointer; font-size:0.9rem; font-weight:400; color:#333; letter-spacing:0px; transition: all 0.2s ease;}
.dnt-process input[type="radio"] + label span {position:relative; display:flex; align-items:center; gap:0.25rem; width:0.8rem; height:0.8rem; padding-left:0px!important; transition: all 0.2s ease; border-radius:50%; border:2px solid #000;}
.dnt-process input[type="radio"] + label span:before {content:''; position:absolute; left: 50%; top:50%; transform:translate(0%, -50%);}
.dnt-process input[type="radio"]:checked + label {font-size:0.9rem; font-weight:700;}
.dnt-process input[type="radio"]:checked + label span {position:relative; background:transparent;}
.dnt-process input[type="radio"]:checked + label span:before {content:''; position:absolute; left: 50%; top:50%; transform:translate(-50%, -50%); width:0.4rem; height:0.4rem; border-radius:50%; background:#000;}
.dnt-process input[type="radio"] {display: none;}
.dnt-process .age-box {display:none; background:#f4f4f4; padding:0.5rem 1rem;}
.dnt-process .age-box a {display:flex; align-items:center; justify-content:space-between;}
.dnt-process .button {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.dnt-process .button a {height:3rem; border-radius:0.25rem; border:1px solid #333; width:calc(50% - 0.25rem); background:#fff; display:flex; align-items:center; justify-content:center; color:#000; font-size:0.85rem; font-weight:700; transition:all 0.25s;}
.dnt-process .button a:hover {background:#f5f5f5;}
.dnt-process .contribute-box {display:none; margin:0.25rem 0;}
.dnt-process .contribute-box .txt {width:100%; display:flex; align-items:center; justify-content:space-between; gap:0.25rem; margin-bottom:0.25rem;}
.dnt-process .contribute-box input[type="text"] {max-width:11.5rem; width:100%;}
.dnt-process .sign-area {width:100%; border-radius:0.25rem; border:1px solid #ddd; min-height:7rem; position:relative; margin:0.25rem 0;}
.dnt-process .sign-area .reset {position:absolute; top:0.75rem; right:0.75rem;}

.tab-list {position:relative;}
.tbl-wrap {position:relative; margin:0.5rem 0;}
.tbl-wrap .tbl.data th,
.tbl-wrap .tbl.data td {color:#000; font-weight:600; font-size:0.9rem; border-bottom: 1px solid; line-height: 1.5; vertical-align: top;}
.tbl-wrap .tbl.data tbody th,
.tbl-wrap .tbl.data tbody td {height:auto; padding: 0.5rem 0; border-bottom: 0; font-weight: 400; text-align: left;}
.tbl-wrap .tbl.data tbody th + td { padding-left: 1rem; }
.tbl-wrap .tbl.data th input[type="text"],
.tbl-wrap .tbl.data td input[type="text"] {font-size:0.85rem; font-weight:400; height:3rem; padding:0 1rem;}
.tbl-wrap .tbl.data td .insert-box .age-box {margin:0.25rem 0;}
.tbl-wrap .tbl.data td .msg {display:flex; position:relative; align-items:center; font-size:0.85rem; font-weight:400; gap:0.25rem;}
.tbl-wrap .import {position:relative; display:inline-block; text-indent:-9999px; padding-left:0.75rem;}
.tbl-wrap .import:before {content:'*'; position:absolute; text-indent:0px; left:0; top:50%; transform:translate(0, -50%); color:#e6002e;}

.wp100 {width:100%;}
.col th {vertical-align:middle!important;}

.apply {display:flex; flex-direction:column; gap:0.5rem; margin:1rem 0 0;}
.apply li {background:#f4f4f4; border:1px solid #e0e0e0; display:flex; align-items:center; justify-content:space-between; min-height:3rem; padding:0 1rem;}
.apply li p { flex: 1; }
.apply li input[type="checkbox"] + label {font-size:0.85rem; font-weight:400;}
.apply li input[type="checkbox"]:checked + label {color:#e6002e; font-size:0.85rem;}
.apply li a { min-width: 3rem; height:2rem; border-radius:1rem; background:#fff; padding:0 1rem; color:#000; font-size:0.8rem; font-weight:700; display:flex; align-items:center; justify-content:center; border:1px solid #ddd;}

/**/
.datepicker-input {position: relative; width:100%; z-index: 1; height:3rem; border:1px solid #e0e0e0; border-radius:0.25rem; display: flex; align-items: center; justify-content:space-between;}
.datepicker-input input[type="text"],
.datepicker-input input[type="number"] {width:100%; border:0; font-size:0.85rem; font-weight:400; background:transparent;}
.datepicker-input .form-control {width:100%; height:3rem; padding:0 1rem;}
.datepicker-input .form-btn-datepicker {position:absolute; right:1rem; z-index:1; top:50%; transform:translate(0, -50%); width:1rem; height:1rem; background:url('/images/bohun/template/H1/sub/cal-icon.png') no-repeat 50% 50%;  border: none; cursor: pointer; margin-left: 8px; } 
.datepicker-input .form-btn-datepicker span { display: none; }


/**/
.apply-area {width:100%; position:relative; text-align:right;}
.apply-area .apply-content {width:100%; background:#f6f6f6; border:1px solid #e3e3e3; padding:1.5rem; border-radius:0.5rem; margin-bottom:0.5rem; text-align:left;}
.apply-area .apply-content .tit {margin-bottom:0.5rem; font-size:1rem;}
.apply-area .apply-content .apply-overflow {width:100%; height:5rem; overflow:auto; padding:0.5rem 0;}
.apply-area .apply-content .apply-overflow p {font-size:0.85rem; font-weight:400; color:#333333; line-height:1.6;}
.apply-area input[type="checkbox"] + label {position:relative; display:flex; align-items:center; justify-content:flex-end; gap:1.25rem; cursor: pointer; font-size:0.85rem; font-weight:400; color:#333; letter-spacing:0px; transition: all 0.2s ease; margin-top:0.5rem; margin-right:0;}
.apply-area input[type="checkbox"] + label span {position:relative; display:flex; align-items:center; gap:0.5rem; font-size:1rem; background:transparent; padding-left:0px!important; transition: all 0.2s ease;}
.apply-area input[type="checkbox"] + label span:before {content:'\EB7F'; font-family: 'remixicon'; position:absolute; left: 50%; top:50%; transform:translate(0%, -50%);}
.apply-area input[type="checkbox"]:checked + label {font-size:0.85rem; font-weight:600;}
.apply-area input[type="checkbox"]:checked + label span {position:relative; background:transparent;}
.apply-area input[type="checkbox"]:checked + label span:before {content:'\EB85'; font-family: 'remixicon'; position:absolute; left: 50%; top:50%; transform:translate(0%, -50%);}
.apply-area input[type="checkbox"] {display: none;}

/* sub0102 투명한 기부금 운영 */
.sub0102 .intro{ display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 24rem; padding: 2rem; word-break: keep-all; background: url(/images/bohun/template/H1/sub/img0102_01.png) no-repeat center center / cover; color: #fff;}
.sub0102 .intro .tit{color: #fff; font-size: 2.5rem; margin-bottom: 2.2rem; } 
.sub0102 .intro .txt1{font-size: 1.3rem; font-weight: 100;}
.sub0102 .intro .txt2{font-size: 1.5rem; font-weight: 100; margin-top: 0.5rem;}
.sub0102 .intro .txt2 em{font-weight: 600;}
.sub0102 .intro .txt2 em.line{border-bottom: 1px solid #fff;}
.sub0102 .introTxt {padding: 4rem 0; }
.sub0102 .introTxt p{font-size: 1.1rem; word-break: keep-all;}
.sub0102 .step01 ul{display: flex; flex-wrap: wrap; margin-right: calc(-16.66% - -11rem); }
.sub0102 .step01 ul li{ position: relative; width: calc(100% / 6); display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;}
.sub0102 .step01 ul li::after{content: "\f2e4"; font-family: 'remixicon'; flex-shrink: 0; width: calc(100% - 11rem); text-align: center; font-size: 1.5rem;} 
.sub0102 .step01 ul li:last-child::after{display: none;}
.sub0102 .step01 ul li .num{ display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 3rem; height: 3rem; border-radius: 50%; background: #fff; box-shadow: 0 0 0.5rem rgba(0,0,0,0.1); font-size: 1rem; font-weight: 600;} 
.sub0102 .step01 ul li .item{position: relative; flex-shrink: 0; width: 11rem; height: 11rem; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #f5f5f5; border-radius: 50%;}
.sub0102 .step01 ul li .item .img img{ display: block; width: 100%; max-width: 5rem;}
.sub0102 .step01 ul li .item .tit{font-size: 0.9rem; font-weight: 500; padding: 0 1rem; text-align: center;}

/* subCart */
.subCard > .tit{font-size: 1.8rem; line-height: 1.2; font-weight: 100; text-align: center; letter-spacing: -2px; padding: 2.5rem 1rem; word-break: keep-all;}
.subCard > .tit em{font-weight: 600;}
.subCard .cardWrap .item{display: flex; margin: 0 -2.5rem; padding: 2.5rem 0; }
.subCard .cardWrap .item:nth-of-type(even){flex-direction: row-reverse;}
.subCard .cardWrap .item .img{ margin: 0 2.5rem; flex: 1; display: flex; align-items: center; justify-content: center; background: #f5f5f5; overflow: hidden; border-radius: 0.25rem;}
.subCard .cardWrap .item .img img{display: block; max-width: 100%; max-height: 100%;}
.subCard .cardWrap .item .txtWrap{flex: 1; margin: 0 2.5rem; display: flex; flex-direction: column;}
.subCard .cardWrap .item .txtWrap .tag{font-size: 1rem; font-weight: 600; color: #e6002e; line-height: 1; margin-top: 1rem;}
.subCard .cardWrap .item .txtWrap .tit{font-size: 1.5rem; font-weight: 800; line-height: 1.2; margin-top: 1.5rem;}
.subCard .cardWrap .item .txtWrap .txt{font-size: 1rem; margin-top: 1rem;}
.subCard .cardWrap .item .txtWrap .ico{display: block; width: 5rem; height: 5rem; margin-top: auto; margin-bottom: 1rem; background: #f4f4f4; border-radius: 50%;}
.subCard .cardWrap .item .txtWrap .ico img{display: block; width: 100%; height: auto;}
.subCard .line_dot{margin-bottom: 0; padding-top: 0;}


/*sub0105_01 자주묻는질문 */
.sub0105_01 .tab {width:100%; border-bottom:1px solid #e0e0e0;}
.sub0105_01 .tab ul {display:flex; gap:2.25rem;}
.sub0105_01 .tab ul li a {position:relative; display:flex; align-items:center; height:3rem;  font-size:1rem; color:#555; font-weight:400;}
.sub0105_01 .tab ul li a:before {content:''; position:absolute; bottom:0; height:0.1rem; background:#e6002e;}
.sub0105_01 .tab ul li a.active {color:#e6002e; font-weight:700;}
.sub0105_01 .tab ul li a.active:before {width:100%;}
.sub0105_01 .qna-wrap {max-width:60rem; margin:3rem auto;}
.sub0105_01 .qna-wrap .qna-list .accordion ul {display:flex; flex-direction:column; gap:0.5rem;}
.sub0105_01 .qna-wrap .qna-list .accordion .title {height:4rem; border:1px solid #e0e0e0; border-bottom:0; padding:1rem 1.5rem; gap:1rem;}
.sub0105_01 .qna-wrap .qna-list .accordion .title i {transition:all 0.25s; font-size:0.85rem;}
.sub0105_01 .qna-wrap .qna-list .accordion .active .title {border-color:#e6002e; border:2px solid #e6002e; border-bottom:2px solid #e6002e;}
.sub0105_01 .qna-wrap .qna-list .accordion .active .title .tit {color:#e6002e;}
.sub0105_01 .qna-wrap .qna-list .accordion .active .title .tit i {transform:rotate(180deg);}

.sub0105_01 .qna-wrap .qna-list .accordion .title .badge {background:#f4f4f4; font-size:0.8rem; font-weight:400; padding:0.25rem 1rem; border-radius:0.5rem;}
.sub0105_01 .qna-wrap .qna-list .accordion .title .tit {flex-grow:1; font-size:0.9rem; font-weight:500; display: flex; justify-content: space-between;}
.sub0105_01 .qna-wrap .qna-list .accordion .content {border:1px solid #e0e0e0; padding:1.5rem;}
.sub0105_01 .qna-wrap .qna-list .accordion .content p {color:#444444; font-size:0.85rem;}
.sub0105_01 .qna-wrap .qna-list .accordion .content p a {position:static; display: inline-block; height:auto; padding: 0.5rem 1rem; margin-top:1rem;}

/* sub0301 참여자소감 */
.sub0301_01 {margin:1.5rem 0;}
.sub0301_01 .title {margin-top:1.5rem!important; display:flex; align-items:center; gap:0.35rem;}
.sub0301_01 .title p {color:#000000; font-size:0.9rem; font-weight:700; display:flex; align-items:center;}
.sub0301_01 .inner-box {margin:0.5rem 0 0;}
.sub0301_01 .inner-box textarea {width:100%; height:4.5rem; border-radius:5px; border:1px solid #ccc;}
.sub0301_01 .box-control {display:flex; align-items:center; justify-content:space-between;}
.sub0301_01 .box-control .txt-count {font-size:0.8rem; color:#555; font-weight:400;}
.sub0301_01 .box-control .button a {height:2.5rem; font-size:0.9rem; font-weight:700; border:1px solid #ddd;}


/* sub0403 크라우드 펀딩 상세 */
.sub0403_01 {margin:1.5rem 0; display:flex; gap:3.5rem;}
.sub0403_01 .container {border-top:2px solid #444; width:100%; max-width:none;}
.sub0403_01 .container .title {display:flex; align-items:center; height:3rem; padding:0 1.5rem;}
.sub0403_01 .container .title .tit {font-size:1rem; font-weight:700; color:#000;}
.sub0403_01 .container .content {margin:2rem 0; position:relative;}
.sub0403_01 .container .content img {display:block; width:100%;}
.sub0403_01 .container .content.year {margin:0;}
.sub0403_01 .container .tab {width:100%; height:3rem; background:#f7f7f7; border-radius:0.25rem; padding:0.25rem;}
.sub0403_01 .container .tab ul {display:flex; flex-wrap:wrap; height:100%; align-items:center;}
.sub0403_01 .container .tab ul li {height:100%; display:flex; width:25%; align-items:center; justify-content: space-between; padding:0 1rem;}
.sub0403_01 .container .tab ul li.active {background:#fff; border-radius:0.25rem; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.sub0403_01 .container .tab ul li a {width:100%;}
.sub0403_01 .list {width:16.5rem; flex-shrink: 0;}
.sub0403_01 .list .box {background:#f4f4f4; padding:2rem 1.5rem; border-radius:0.25rem; width:16.5rem;}
.sub0403_01 .list .box .btn_red {width:100%; text-align:center;}
.sub0403_01 .list .box .tp {position:relative; top:-0.25rem;}
.sub0403_01 .list .box .tp:nth-child(2) {margin-top:0.5rem;}
.sub0403_01 .list .box .tp .tpTitWr {position:relative; display: flex; justify-content: space-between;}
.sub0403_01 .list .box .tp .tpTitWr .tit {font-size:0.9rem; font-weight:700; border-bottom:1px solid #000; padding-bottom:0.25rem; margin-bottom:1.5rem;}
.sub0403_01 .list .box .tp .tpTitWr .info {text-align:right; position:relative; top:-0.5rem;}
.sub0403_01 .list .box .tp .tpTitWr .info .block {font-size:0.9rem; font-weight:700;}
.sub0403_01 .list .box .tp .tpTitWr .info .block strong {font-size:1.2rem;}
.sub0403_01 .list .box .tp .tpTitWr .date {font-size:0.7rem; color:#555; margin-top:-0.25rem;}
.sub0403_01 .list .box .tp .tpTitWr .cnt {font-size: 1.2rem; color: #000; font-weight: 700;}
.sub0403_01 .list .box .tp .tpPrgrss {height: 0.25rem; border-radius: 0.25rem; background: #e0e0e0; margin: 0.5rem 0; position: relative;}
.sub0403_01 .list .box .tp .tpPrgrss .crnt {width: 0%; height: 100%; border-radius: 0.25rem; background: #e6002e; position: absolute; left: 0; top: 0;}
.sub0403_01 .list .box .tp .tpTitWr .character img {position:absolute; left:0; top:-1rem; width:3.3rem; height:3.3rem;}
.sub0403_01 .list .box .tp .tpTitWr .slider-image {top: 0; left: 0; opacity: 0; transition: opacity 0.5s ease;}
.sub0403_01 .list .box .tp .tpTitWr .slider-image.active {opacity: 1;}
.sub0403_01 .list .box .tpTxt {position:relative; display: flex; justify-content: space-between; margin-bottom:0.5rem;}
.sub0403_01 .list .box .tpTxt p {font-size:0.8rem; font-weight:700; color:#000;}
.sub0403_01 .list .box .tpTxt .goal {color:#e6002e;}
.sub0403_01 .reply-wrap {position:relative; margin:2rem 0;}
.sub0403_01 .reply-wrap .tit {font-size:0.9rem; font-weight:700; color:#000;}
.sub0403_01 .reply-wrap .tit strong {color:#043763;}
.sub0403_01 .reply-wrap .list {display:flex; flex-direction:column; width:100%;}
.sub0403_01 .reply-wrap .list li {display:flex; align-items:center; justify-content:space-between; gap:0.25rem; height:5.5rem; background:url('/images/bohun/template/H1/main/line.png') repeat-x 100% 100%;}
.sub0403_01 .reply-wrap .list li .button {display:flex; gap:0.25rem; opacity:0;}
.sub0403_01 .reply-wrap .list li:hover .button {opacity:1;}
.sub0403_01 .reply-wrap .list li .button a {width:2rem; height:2rem; border-radius:50%; border:1px solid #ddd; display:flex; align-items:center; justify-content:center;}
.sub0403_01 .reply-wrap .list li .button a i {color:#000; font-size:1rem;}
.sub0403_01 .reply-wrap .list li p {font-size:0.9rem; color:#555555;}
.sub0403_01 .reply-wrap .list li p strong {color:#000;}
.sub0403_01 .reply-wrap .list li .date {font-size:0.8rem;}
.sub0403_01 .reply-wrap .list li .date strong {position:relative; margin-right:0.5rem; padding-right:0.5rem; font-weight:400;}
.sub0403_01 .reply-wrap .list li .date strong:after {content:''; position:absolute; right:0; width:1px; height:calc(100% - 0.25rem); background:#ddd; top: 50%; transform: translate(0, -50%);}
.sub0403_01 .reply-wrap .list.donate > li {flex-direction:column; align-items:flex-start; justify-content:center; gap:0.25rem;}


/* 0501_01_나의활동현황 - thmb */
.sub0501_01 .thmb {display: flex; border-radius: 0.25rem; border: 0.2rem solid #ebebeb; padding: 1.8rem 2.8rem 2rem;}
.sub0501_01 .thmb .imgWr {width: 12rem; margin-right: 2rem;}
.sub0501_01 .thmb .imgWr .img {display: flex; justify-content: center; align-items: center; height: 14rem; border-radius: 0.25rem; background: #fafafa; font-size: 0; line-height: 0; overflow: hidden;}
.sub0501_01 .thmb .imgWr .img img {max-width: 100%; max-height: 100%; object-fit: contain;}
.sub0501_01 .thmb .imgWr .imgWrBtn {display: flex; justify-content: center; align-items: center; width: 100%; border-radius: 0.25rem; border: 1px solid #ddd; padding: 0.35rem; color: #010101; font-weight: 600; margin-top: 0.25rem;}
.sub0501_01 .thmb .imgWr .imgWrBtn i {font-size: 1.1rem; font-weight: 400; margin-right: 0.3rem;}
.sub0501_01 .thmb .imgWr .imgWrBtn span {position: relative; top: 0.05em;}
.sub0501_01 .thmb .txtWr {width: calc(100% - 14rem); padding-top: 0.75rem;}
.sub0501_01 .thmb .txtWr .tit {display: flex; font-size: 1.3rem; color: #000; font-weight: 300;}
.sub0501_01 .thmb .txtWr .tit strong {display: block; padding-bottom: calc(0.5rem + 2px); font-weight: 600; margin-right: 0.25rem; position: relative;}
.sub0501_01 .thmb .txtWr .tit strong::before {content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; bottom: 0;}
.sub0501_01 .thmb .txtWr .conWr {display: flex; margin: 1.5rem -2rem 0;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] {width: calc(50% + 2rem); padding: 0 2rem; position: relative;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] + [class^="con"]::before {content: ""; display: block; height: 100%; border-left: 2px dotted #e0e0e0; position: absolute; left: -1px; top: 0;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr {display: flex; justify-content: space-between; align-items: flex-start;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTit {padding: 0.1rem 0; font-size: 1.1rem; color: #000; font-weight: 600; margin-right: 1rem; word-break: break-all;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTitBtn {display: flex; justify-content: center; border-radius: 1rem; border: 1px solid #ddd; padding: 0.3rem 0.6rem; color: #010101; font-weight: 600;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTitBtn i {font-weight: 400; margin-right: 0.5em;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTitBtn span {display: block; white-space: nowrap;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon {margin-top: 1rem;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon li {display: flex; justify-content: space-between; padding: 0.5rem 0; padding-left: 0.8rem; font-size: 0.9rem; position: relative;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon li::before {content: ""; display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #555; position: absolute; left: 0; top: calc(50% - 0.15rem);}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon li + li {border-top: 1px dashed #e0e0e0;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon li .lft {color: #444; font-weight: 500;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon li .rght {color: #333;}
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon li .rght strong {color: #000; font-weight: 600;}

/* 0501_01_나의활동현황 - thmb : active */
.sub0501_01 .thmb .imgWr .imgWrBtn,
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTitBtn {transition: 0.3s;}
.sub0501_01 .thmb .imgWr .imgWrBtn:hover,
.sub0501_01 .thmb .imgWr .imgWrBtn:focus,
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTitBtn:hover,
.sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTitBtn:focus {border-color: #e6002e; color: #e6002e;}

/* 0501_01_나의활동현황 - lst */
.sub0501_01 .lst {display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2rem;}
.sub0501_01 .lst > [class^="col"] {display: flex; flex-direction: column; width: calc((100% - 2rem) / 3); border-radius: 0.25rem; border: 1px solid #e0e0e0; background: #fff; overflow: hidden;}
.sub0501_01 .lst > [class^="col"] .tp {padding: 1.5rem 2rem 2rem;}
.sub0501_01 .lst > [class^="col"] .tp .tpTitWr {display: flex; align-items:center; justify-content: space-between;}
.sub0501_01 .lst > [class^="col"] .tp .tpTitWr .tpTit {display:flex; align-items:center; font-size: 1.1rem; color: #000; font-weight: 600; gap:0.5rem;}
.sub0501_01 .lst > [class^="col"] .tp .tpTitWr .tpTit img {max-width:2.5rem;}
.sub0501_01 .lst > [class^="col"] .tp .tpTitWr .cnt {position:relative; font-size: 1.1rem; color: #000;}
.sub0501_01 .lst > [class^="col"] .tp .tpTitWr .cnt .counting {display: inline-block; font-size: 1.5rem; color: #e6002e; font-weight: 600; margin-right: 0.1em;}
.sub0501_01 .lst > [class^="col"] .tp .tpPrgrss {height: 1rem; border-radius: 0 0.5rem 0.5rem 0; background: #e0e0e0; margin-top: 1rem; position: relative;}
.sub0501_01 .lst > [class^="col"] .tp .tpPrgrss .crnt {width: 0%; height: 100%; border-radius: 0 0.5rem 0.5rem 0; background: #e6002e; position: absolute; left: 0; top: 0;}
.sub0501_01 .lst > [class^="col"] .tp .tpPrgrss .crnt::after {content: ""; display: block; width: 3.3rem; height: 3.3rem; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; right: -1.65rem; top: calc(50% - 1.65rem);}
.sub0501_01 .lst > [class^="col"] .tp .tpPrgrss .crnt.normal::after {background-image: url('/images/bohun/template/H1/sub/sub0501_01_lst_imgNormal.png');}
.sub0501_01 .lst > [class^="col"] .tp .tpPrgrss .crnt.good::after {background-image: url('/images/bohun/template/H1/sub/sub0501_01_lst_imgGood.png');}
.sub0501_01 .lst > [class^="col"] .bt {flex: 1; background: #f4f4f4; padding: 0.75rem 2rem;}
.sub0501_01 .lst > [class^="col"] .bt li .liWr {display: flex; justify-content: space-between; align-items: center; padding: 0.1rem 0; padding-left: 0.75rem; position: relative;}
.sub0501_01 .lst > [class^="col"] .bt li .liWr::before {content: ""; display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #555; position: absolute; left: 0; top: calc(50% - 0.15rem);}
.sub0501_01 .lst > [class^="col"] .bt li .liWr .lft {flex: 1; font-size: 0.9rem; color: #444; font-weight: 500; margin-right: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sub0501_01 .lst > [class^="col"] .bt li .liWr .rght {color: #555;}

.sub0501_01 .tp .tpTxt {display:flex; justify-content:space-between; align-items:center; margin-top:0.5rem;}
.sub0501_01 .tp .tpTxt p {font-size:0.9rem; color:#555555; font-weight:400;}
.sub0501_01 .tp .tpTxt p strong {color:#000; font-weight:700;}
.sub0501_01 .tp .tpTxt .btn_red {border-radius:1rem; font-size:0.8rem; padding:0.45rem 1rem;}

/* 0501_01_나의활동현황 - lst : active */
.sub0501_01 .lst > [class^="col"] .tp .tpPrgrss .crnt {transition: 2s;}
.sub0501_01 .lst > [class^="col"] .bt li .liWr:hover .lft,
.sub0501_01 .lst > [class^="col"] .bt li .liWr:focus .lft {text-decoration: underline;}


/* 0403_월간소식 */
.scrollSlider { width: calc(100% + 29rem);}
.scrollSlider .slick-arrow{display: none !important;}
.scrollSlider .item {display: inline-block; margin-right: 1.75rem;}
.scrollSlider .item .img { position: relative; height: 30rem; display: flex; align-items: center; justify-content: center; background: #f0f0f0; border-radius: 0.25rem; overflow: hidden; }
.scrollSlider .slick-active.imghid .img { background: #000; }
.scrollSlider .slick-active.imghid .img img { opacity: 0.8; }
.scrollSlider .item .img img{display: block; max-width: 100%; }
.scrollSlider .item .tit{font-size: 1.1rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; margin: 1.5rem 0 1rem;} 
.scrollSlider .item .tag{ opacity: 0; display: flex; width: 100%; max-width: 7.5rem; height: 2.5rem; align-items: center; justify-content: center; color: #e70d39; font-weight: 500; border: 1px solid #e70d39; border-radius: 0.25rem; margin: 0 auto; transition: 0.15s;}
.scrollSlider .item .tag i{margin-left: 0.5rem;}
.notice_list_photo{margin-top: 1rem;}
.notice_list_photo ul{display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -0.9rem;}
.notice_list_photo ul li{width: 20%; padding: 0.9rem;}
.notice_list_photo ul li a{display: block; position: relative;}
.notice_list_photo ul li a .tag{position: absolute; display: block; line-height: 1; left: 0.5rem; top: 0; background: #444444; border-radius: 0 0 0.25rem 0.25rem; color: #fff; font-size: 0.8rem; font-weight: 500; padding: 0.6rem 0.85rem;} 
.notice_list_photo ul li a .img{height: 17rem; background: #f0f0f0; display: flex; align-items: center; justify-content: center; border-radius: 0.25rem; overflow: hidden;}
.notice_list_photo ul li a .img img{display: block; max-width: 100%; max-height: 100%;}
.notice_list_photo ul li a .tit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9rem; line-height: 1; margin-top: 1rem;}

/* 0403_월간소식 : active */
.scrollSlider .item:hover .tag,
.scrollSlider .item:focus .tag{opacity: 1;}

/* 0101 모두의 보훈드림 소개 */
.bohun_intro { position: relative; }
.bohun_intro .intro_box { display: flex; justify-content: flex-end; flex-flow: column; min-height: 24rem; background: #000 url('/images/bohun/template/H1/sub/bohun_intro_img.png') no-repeat center / cover; border-radius: 0.2rem; color: #fff; text-align: center; padding: 3.2rem 1rem; }
.bohun_intro .intro_box .intro_tit { font-size: 2.5rem; font-weight: 700; }
.bohun_intro .intro_box .txt1 { font-size: 1.3rem; font-weight: 200; line-height: 1.8rem; margin: 1.1rem 0 0.9rem; }
.bohun_intro .intro_box .txt2 { font-size: 1.5rem; font-weight: 200; }
.bohun_intro .intro_box .txt2 em { font-weight: 700; }
.bohun_intro .intro_box .txt2 em.txt_under { text-decoration: underline; }
.bohun_intro .intro_txt { font-size: 1.1rem; line-height: 1.8rem; text-align: center; color: #000; margin: 4rem 0; }
.bohun_intro .intro_txt p + p { margin-top: 1.8rem; }
.bohun_intro .intro_txt p em { color: #e6002e; font-weight: 600; }
.bohun_intro_lst ul { display: flex; gap: 0 1rem; }
.bohun_intro_lst ul li { display: flex; align-items: center; width: 50%; background: #f5f5f5; border-radius: 0.3rem; overflow: hidden; }
.bohun_intro_lst ul li i { display: flex; align-items: center; justify-content: center; width: 3rem; height: 100%; background: #666; color: #fff; text-align: center; }
.bohun_intro_lst ul li .txt { width: calc(100% - 3rem); padding: 0.8rem 1.5rem; font-size: 0.9rem; color: #444; }
.bohun_intro_lst ul li .txt em { font-weight: 600; }

/* 0103_01 함께하신분들 개인기부자 */
.donor_chat { position: relative; background: #000 url('/images/bohun/template/H1/sub/donor_box_img.png') no-repeat center / cover; padding: 4rem; border-radius: 5px; overflow: hidden; min-height: 32rem; display:flex; align-items:flex-start; justify-content:space-between;}
.donor_chat .donor_box {width:100%; height:100%;}
.donor_chat .donor_box p { color: #fff; font-size: 2rem; font-weight: 100; word-break:keep-all; line-height:2.75rem;}
.donor_chat .donor_box p em { font-weight: 700; }
.donor_chat .donor_box p span { display: block; font-size:2.5rem;}
.donor_chat .donor_box p:nth-child(3) {margin-top:1rem;}

.donor_chat .donor_box .chat_Wrap { position: relative; background: #fff; border-radius: 0.2rem 0.2rem 0 0; padding: 1.3rem 1.5rem 0; margin-top: 1.9rem; }
.donor_chat .donor_box .chat_Wrap::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);  width: calc(100% - 3.5rem); height: 1.5rem; background: linear-gradient(transparent, #fff); content: ""; z-index: 1; }
.donor_chat .donor_box .chat_Wrap .chat_info { font-size: 0.85rem; }
.donor_chat .donor_box .chat_Wrap .chat_info em { font-weight: 600; }
.donor_chat .donor_box .chat_Wrap .chat_box { position: relative; margin-top: 0.5rem; height: 18.9rem; overflow-y: auto; }
.donor_chat .donor_box .chat_Wrap .chat_box dl { padding: 0 0.5rem; }
.donor_chat .donor_box .chat_Wrap .chat_box dl + dl { margin-top: 0.7rem; }
.donor_chat .donor_box .chat_Wrap .chat_box dl dt { font-size: 0.8rem; color: #555; font-weight: 300; }
.donor_chat .donor_box .chat_Wrap .chat_box dl dt span { position: relative; padding: 0 0.6rem; left: -0.6rem; }
.donor_chat .donor_box .chat_Wrap .chat_box dl dt span + span::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 0.6rem; border-left: 1px solid #e0e0e0; content: ""; }
.donor_chat .donor_box .chat_Wrap .chat_box dl dd { position: relative; font-size: 0.9rem; color: #111; background: #f4f4f4; border-radius: 0 0.2rem 0.2rem 0.2rem; padding: 0.55rem 1rem; }
.donor_chat .donor_box .chat_Wrap .chat_box dl dd::before { position: absolute; top: 0; left: -0.5rem; width: 0.5rem; height: 0.5rem; background: url('/images/bohun/template/H1/sub/chat_deco.png') no-repeat center / contain; content: ""; }
.donor_lst { margin-top: 4rem; padding-top: 4rem; border-top: 1px dotted #e0e0e0; }
.donor_lst ul { display: flex; flex-wrap: nowrap; gap:1rem; width: 100%; margin: 0rem; background: url('/images/bohun/template/H1/sub/donor_bohun_logo.png') no-repeat bottom 16.9rem right; }
.donor_lst ul li { padding: 1rem; border:1px solid #e0e0e0; border-radius: 0.2rem;}
.donor_lst ul li a { display: block; /* border: 1px solid #e0e0e0;  padding: 1.3rem;*/ text-align: center; color: #000; transition: 0.3s; }
.donor_lst ul li a .img { height: 15rem; line-height: 0; margin-bottom: 2rem; }
.donor_lst ul li a .name { font-size: 1rem; }
.donor_lst ul li a .name em { font-size: 1.3rem; font-weight: 600; }
.donor_lst ul li a .bedge { display: inline-block; background: #043763; color: #fff; border-radius: 1rem; text-align: center; padding: 0.2rem 1rem; font-weight: 600; margin-top: 1rem; }
.donor_lst ul li a .num { font-size: 1.8rem; font-weight: 700; }
.donor_lst ul li a .num em { font-size: 1rem; font-weight: 400; }
.donor_lst ul li a .txt { padding-top: 2rem; background: url('/images/bohun/template/H1/sub/donor_deco.png') no-repeat top center; font-size: 1rem; line-height: 1.5rem; margin-top: 1.6rem; margin-bottom:1rem;}
.donor_lst ul li:hover,
.donor_lst ul li:focus { border-color: #e6002e; }


/* sub0505_02 사업안내 */
.intBsn_wrap * + .tit2{ margin-top:3rem !important;}
.intBsn_wrap .inr { display: flex; gap: 1.5rem;}
.intBsn_wrap .inr + .inr{ margin-top:2rem; padding-top:2rem; border-top:1px dashed #ccc;}
.intBsn_wrap .inr .txt_wrap{ flex: 1;}
.intBsn_wrap .inr .img_wrap{ flex: 2;}
.intBsn_wrap .inr .img_wrap ul{ position:relative; display: flex; flex-wrap: wrap; gap: 1rem;}
.intBsn_wrap .inr .img_wrap ul:before{ content:""; position:absolute; left:calc(50% - 1.5rem); top:calc(50% - 1.5rem); width:3rem; height:3rem; border-radius:50%; background:#fff url(/images/web/main/sub/img050502_arrow.png) no-repeat center; z-index: 1;}
.intBsn_wrap .inr .img_wrap ul + ul{ margin-top:1rem;}
.intBsn_wrap .inr .img_wrap li{ position:relative; flex: 1; border-radius:0.25rem; overflow:hidden; line-height:0; min-width:0px;}
.intBsn_wrap .inr .img_wrap li img{ width:auto; height:100%;}
.intBsn_wrap .inr .img_wrap li span{ position:absolute; left:0; top:0; width:3rem; height:3rem; line-height:3rem; text-align: center; font-size:0.9rem; font-weight: 600; color:#fff; background:#333; border-radius:0.25rem; }
.intBsn_wrap .inr .img_wrap li:nth-child(even) span{ background:#1e6957;}
.intBsn_wrap .inr .img_wrap .img{ border-radius:0.25rem; overflow:hidden; line-height:0; }
.intBsn_wrap .inr .img_wrap ul + .img{ margin-top:1rem;}

/* sub0104_03 고객불만족신고센터 */
.call_wrap { display: flex; flex-wrap: wrap; gap: 1rem;}
.call_wrap dl{ width:calc(50% - 0.5rem); border-radius:10px; border:1px solid #ddd; padding:1.5rem;}
.call_wrap dt{ font-size:1.1rem; font-weight: 700; margin-bottom:0.5rem;}
.call_wrap dd{ display: flex; flex-wrap: wrap; gap: 0.25rem 1rem;}
.call_wrap dd .icon{ display: inline-block; width:1.8rem; height:1.8rem; line-height:1.8rem; margin-right:0.25rem; border-radius:50%; text-align: center; background:#f1f1f1;}
.call_wrap dd .icon strong{ font-weight: 600;}

/* sub0305_0102 윤리경영브랜드, sub0305_0103_청렴캐릭터 */
.ImgTxt_wrap2{ position:relative; display: flex; min-height:22rem; border-radius:10px; background:#f5f9f8;}
.ImgTxt_wrap2 h3{ position:absolute; left:calc(24.5rem - 5rem); top:calc(50% - 5rem); width:10rem; height:10rem; display: flex; align-items: center; justify-content: center; color:#fff; font-size:1.25rem; font-weight: 700; line-height:1.2; border-radius:50%; background:#1e6957 url('/images/web/main/sub/bg_0305_0102.png') no-repeat center; z-index: 1; text-align: center;}
.ImgTxt_wrap2 .imgWr{ position:relative; width:24.5rem; }
.ImgTxt_wrap2 .imgWr:before{ content:""; position:absolute; right:-6.5rem; top:calc(50% - 6.5rem); width:13rem; height:13rem; border-radius:50%; background:rgba(30, 105, 87, 0.2);}
.ImgTxt_wrap2 .imgWr span{ position:relative; display: flex; width:100%; height:100%; padding-right:3rem; align-items: center; justify-content: center; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.15); background:#fff;}
.ImgTxt_wrap2 .txtWr{ position:relative; flex:1; min-width:0px; display: flex; align-items: center; padding:2rem 2rem 2rem 8rem; }

/* sub0702_01 이사회구성 */
.brd_comp h4{ font-size:1.15rem;}
.brd_comp p{ margin-top:1rem;}
.chairInfo{ position:relative; margin:0.75rem 0 1.5rem;}
.chairInfo h2 {font-size:1.1rem; font-weight:700; color:#1e6957;}
.chairInfo .img{ position:absolute; right:0; bottom:0; line-height:0;}
.chairInfo .txtWr{ margin:1.5rem 0 2rem; padding:1rem 14.5rem 1rem 1.5rem; border-radius:3px; border:1px solid #e2e2e2; }
.chairInfo .txtWr .box_st2{ padding:0.75rem 1rem; margin:0.25rem 0 0.5rem;}
.chairInfo .txtWr .nm{ display: flex; align-items: center; justify-content: space-between;} 
.chairInfo .txtWr .nm span{ font-weight: 500; font-size:0.75rem; color:#1e6957;}
.chairInfo .txtWr .nm span strong{ padding-left:1rem; color:#000; font-weight: 700; font-size:1.5rem; letter-spacing: 3px;}
.chairInfo .date{ font-size:0.7rem;}

/* sub0706_임원현황 */
.execInfo{ display: flex; flex-wrap: wrap; gap: 1rem;}
.execInfo .inr{ position:relative; width:calc(50% - 0.5rem);  display: flex; gap: 1.5rem; align-items: start; padding:1.5rem; border-radius:10px; border:1px solid #ddd; background:url('/images/web/main/sub/bg_execInfo.png') no-repeat right top;}
.execInfo .inr.w100{ width:100%; align-items: center;}
.execInfo .imgWr{ min-width:0px; text-align: center;}
.execInfo .imgWr .img{ border-radius:10px; overflow:hidden; line-height:0; margin-bottom:1rem;}
.execInfo .imgWr span{ display: block; color:#1e6957; font-weight: 700; margin:0.5rem 0 0;}
.execInfo .imgWr span.sub{ color:#333; font-weight: 400;}
.execInfo .imgWr strong{ display: block; color:#000; font-weight: 700; letter-spacing: 3px; font-size:1.2rem; line-height:1.3;}
.execInfo .txtWr{ flex: 2; min-width:0px; }

/* sub0708_01 산하기관대표번호 */
.orgTel_wrap { display: flex; gap: 1rem 2rem; border-radius:10px; padding:1.5rem; background:#f5f9f8;}
.orgTel_wrap + .orgTel_wrap{ margin-top:1rem;}
.orgTel_wrap .img{ line-height:0;}
.orgTel_wrap .img img{ max-width:100%; height:auto;}
.orgTel_wrap .txtWr{ flex: 1; min-width:0px;}
.orgTel_wrap ul{ width:100%; margin:1.25rem 0;}
.orgTel_wrap li{ display: flex; align-items: start; margin:0.25rem 0;}
.orgTel_wrap li + li{ margin-top:0.5rem;}
.orgTel_wrap li .icon{ width:2.5rem; height:2.5rem; line-height:2.5rem; margin-right:0.5rem; border-radius:50%; text-align: center; font-size:1rem; background:#dfeae8;}
.orgTel_wrap li p,
.orgTel_wrap li .num{ flex: 1; min-width:0px; padding-top:0.45rem; }
.orgTel_wrap li .num{ display: flex; gap: 0.25rem 1rem;}
.orgTel_wrap li .num p{ padding:0;}
.orgTel_wrap li strong{ font-weight: 700;}

/* CI자료실 */
.ci_link{ margin:2rem 0;}
.ci_link ul{ display: flex; gap: 2rem;}
.ci_link li{ flex: 1;}
.ci_link li .img{ display: flex; align-items: center; justify-content: center; border:1px solid #eee; overflow:hidden; line-height:0;}
.ci_link li .img img{ width:100%; height:auto;}
.ci_link li .btn_wrap{ flex-wrap: wrap; margin-top:1rem; justify-content: center;}
.ci_link li .btn_wrap > a{ flex: auto; padding:0.5rem; }

@media screen and (max-width: 1500px) {
    /* sub0102 투명한 기부금 운영 */
    .sub0102 .step01 ul{margin-right: calc(-16.66% - -9rem);}
    .sub0102 .step01 ul li::after{width: calc(100% - 9rem);}
    .sub0102 .step01 ul li .num{width: 2.5rem; height: 2.5rem; font-size: 0.9rem;}
    .sub0102 .step01 ul li .item{width: 9rem; height: 9rem;}
    .sub0102 .step01 ul li .item .img img{width: 75%; margin: 0 auto;}

    /* sub0305_0102 윤리경영브랜드 */
    .ImgTxt_wrap2 h3{ left:calc(20rem - 5rem);}
    .ImgTxt_wrap2 .txtWr{ padding:2rem 1rem 2rem 7rem; }
    .ImgTxt_wrap2 .imgWr{ width:20rem; }
    .ImgTxt_wrap2 .imgWr:before{ width:12rem; height:12rem; right:-6rem; top:calc(50% - 6rem);}
    .ImgTxt_wrap2 .imgWr img{ width:12rem; height:auto; max-width:100%;}
}

@media screen and (max-width: 1440px) {
    /* sub0102 투명한 기부금 운영 */
    .sub0102 .step01 ul{margin-right: 0;}
    .sub0102 .step01 ul li{width: 25%;}
    
    /* 0501_01_나의활동현황 */
    .sub0501_01 .thmb {padding: 1.75rem;}
    .sub0501_01 .thmb .imgWr {margin-right: 1.75rem;}
    .sub0501_01 .thmb .txtWr {width: calc(100% - 13.75rem);}
    .sub0501_01 .lst > [class^="col"] .tp {padding: 1rem 1.5rem 1.5rem;}
    .sub0501_01 .lst > [class^="col"] .bt {padding: 0.75rem 1rem;}

	/* subCart */
    .subCard .cardWrap .item{margin: 0 -1.5rem; padding: 1.5rem 0;}
    .subCard .cardWrap .item .img{margin: 0 1.5rem;}
    .subCard .cardWrap .item .txtWrap{margin: 0 1.5rem;}
    .subCard .cardWrap .item .txtWrap .tag{font-size: 0.9rem;}
    .subCard .cardWrap .item .txtWrap .tit{font-size: 1.3rem;}
    .subCard .cardWrap .item .txtWrap .txt{font-size: 0.9rem;}
    .subCard .cardWrap .item .txtWrap .ico{width: 4rem; height: 4rem; margin-top: 1rem; }
    
    .notice_list_photo ul li { width: 25%; }

    .scrollSlider .item .img { height: 25rem; }

    /* sub0708_01 산하기관대표번호 */
    .orgTel_wrap li .num{ flex-wrap: wrap; }
    .orgTel_wrap li .num p{ flex: auto;}
}

@media screen and (max-width: 1330px) {

    /* sub0603_0202 채용재도 */
    .sub0603_0202 .box_st_icn .list_st1.li_w50 > li{ width:100%;}
}


@media screen and (max-width: 1240px) {
	
	.dntstep-wrap {gap:2rem;}
    /* sub0102 투명한 기부금 운영 */
    .sub0102 .intro .tit{font-size: 2.3rem;}
    .sub0102 .intro .txt1{font-size: 1.1rem;}
    .sub0102 .intro .txt2{font-size: 1.3rem;}
    .sub0102 .introTxt p{font-size: 0.9rem;}
	
	.sub0403_01 {gap:1rem;}
    .sub0403_01 .list .box
    /* 0501_01_나의활동현황 */
    .sub0501_01 .thmb {padding: 1.75rem 1.75rem 1.25rem;}
    .sub0501_01 .lst > [class^="col"] .tp .tpTitWr {align-items: center;}
    .sub0501_01 .lst > [class^="col"] .tp .tpTitWr .tpTit,
    .sub0501_01 .lst > [class^="col"] .tp .tpTitWr .cnt {font-size: 1rem;}
    .sub0501_01 .lst > [class^="col"] .tp .tpTitWr .cnt .counting {font-size: 1.25rem;}
    .sub0501_01 .lst > [class^="col"] .tp .tpPrgrss {height: 0.5rem; border-radius: 0 0.25rem 0.25rem 0;}
    .sub0501_01 .lst > [class^="col"] .tp .tpPrgrss .crnt {border-radius: 0 0.25rem 0.25rem 0;}
    .sub0501_01 .lst > [class^="col"] .tp .tpPrgrss .crnt::after {width: 2.5rem; height: 2.5rem; right: -1.25rem; top: calc(50% - 1.25rem);}
    .sub0501_01 .lst > [class^="col"] .bt li .liWr .lft {font-size: inherit;}
    .sub0501_01 .lst > [class^="col"] .bt li .liWr .rght {font-size: 0.75rem;}
    .sub0501_01 .tp .tpTxt {flex-direction:column; align-items:flex-start;}
    
    /* sub0603_0202 채용재도 */
    .sub0603_0202 .box_st_icn .list_st1.li_w50 > li{ width:calc((100% - var(--gapLi) * 1) / 2)}
    
}

@media screen and (max-width: 1200px) {
    .notice_list_photo ul li a .img { height: 15rem; }
}

@media screen and (max-width: 1150px) {

    /* sub0104_03 고객불만족신고센터 */
    .call_wrap dl{ width:calc(33.33% - 0.7rem);}
    .call_wrap dd{ flex-direction: column;}
}



@media screen and (max-width: 1024px) {
	.dntstep-wrap {flex-direction:column;}
	.dntstep-wrap .dntstep-info {order:1; border:1px solid #e0e0e0; border-radius:0.25rem;}
	.dntstep-wrap .dntstep-info > .tit {padding:0.5rem 1rem; font-size:0.75rem;}
	.dntstep-wrap .dntstep-info .accordion {display:none; border-top:1px solid #e0e0e0;}
	.dntstep-wrap .dntstep-info .accordion .title {padding:0 1rem;}
	.dntstep-wrap .dntstep-container {order:2;}
	
	.sub0403_01 {flex-direction:column;}
	.sub0403_01 .container {order:2;}
	.sub0403_01 .list {order:1; width:100%;}
	.sub0403_01 .list .box {width:100%;}
    
    /* 0501_01_나의활동현황 */
    .sub0501_01 .thmb .imgWr {width: 8rem;}
    .sub0501_01 .thmb .imgWr .img {height: auto; max-height: 14rem;}
    .sub0501_01 .thmb .txtWr {width: calc(100% - 9.75rem); padding-top: 0;}
    .sub0501_01 .thmb .txtWr .tit {font-size: 1.2rem;}
    .sub0501_01 .thmb .txtWr .conWr {margin: 1.5rem -1.5rem 0;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] {width: calc(50% + 1.5rem); padding: 0 1.5rem;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTit {font-size: 1rem;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTitBtn {font-size: 0.7rem;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon li {font-size: 0.8rem;}
    .sub0501_01 .lst {margin-top: 1rem;}


    /* 0101 모두의 보훈드림 소개 */
    .bohun_intro .intro_box .intro_tit { font-size: 1.8rem; }
    .bohun_intro .intro_box .txt1 { font-size: 1.1rem; line-height: 1.5rem; }
    .bohun_intro .intro_box .txt2 { font-size: 1.2rem; }
    .bohun_intro .intro_txt { margin: 1.8rem 0; font-size: 1rem; }
    .bohun_intro .intro_txt p + p { margin-top: 0; }
    .bohun_intro_lst ul { flex-wrap: wrap; }
    .bohun_intro_lst ul li { width: 100%; }
    .bohun_intro_lst ul li + li { margin-top: 1rem; }

    .notice_list_photo ul li { width: 33.333%; }

    .scrollSlider .item .img { height: 20rem; }

    /* sub0104_03 고객불만족신고센터 */
    .call_wrap dl{ padding:1.25rem 1rem;}

    /* sub0702_01 이사회구성 */
    .brd_comp h4{ font-size:1rem;}
    .brd_comp p{ margin-top:0.75rem;}
    .chairInfo .txtWr .nm img{ width:auto; height:1.75rem;}

    /* sub0708_01 산하기관대표번호 */
    .orgTel_wrap{ align-items: start;}
    .orgTel_wrap .img{ flex: 1;}
}

@media screen and (max-width: 940px) {

    /* sub0305_0102 윤리경영브랜드 */
    .ImgTxt_wrap2 h3{ position:relative; left:auto; top:auto; width:auto; height:auto; font-size:1.3rem; padding:1.25rem 1rem; margin:1rem 0; background-position:right -50px top -30px; border-radius:10px;}
    .ImgTxt_wrap2 h3 br{ display: none;}
    .ImgTxt_wrap2 .imgWr { width:auto; display: flex; justify-content: center; flex-direction: column; padding:0 2rem; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.15); background:#fff;}
    .ImgTxt_wrap2 .imgWr:before{ display: none;}
    .ImgTxt_wrap2 .imgWr span{ height:auto; padding-right:0; background:none; border-radius:0; box-shadow: none;}
    .ImgTxt_wrap2 .txtWr{ padding:2rem;} 

    /* sub0702_01 이사회구성 */
    .chairInfo .txtWr{ margin-top:-6rem; padding:6.5rem 1.5rem 1rem;}
    .chairInfo .img{ width:12rem; height:13rem; position: relative; right:auto; bottom:auto; display: flex; align-items: start; justify-content: center; border-radius:3px; overflow:hidden; margin:0 auto; padding-top:0.5rem; background:#f5f9f8; border:1px solid #e2e2e2;}
    .chairInfo .img img{ margin-left:-1.5rem; }
}
    
@media screen and (max-width: 870px) {
    /* sub0102 투명한 기부금 운영 */
    .sub0102 .step01 ul{margin-right: 0;}
    .sub0102 .step01 ul li{width: 33.33%;}

    /* sub0505_02 사업안내 */
    .intBsn_wrap .inr { flex-direction: column;}
    .intBsn_wrap * + .tit2{ margin-top:1.25rem !important;}
    .intBsn_wrap .inr .img_wrap li img{ width:100%; height:auto;}

    /* sub0104_03 고객불만족신고센터 */
    .call_wrap dl{ width:calc(50% - 0.5rem);}

    /* sub0706_임원현황 */
    .execInfo .inr{ flex-direction: column; align-items: center;}
    .execInfo .imgWr span:not(.sub),
    .execInfo .imgWr strong{ display: inline-block;}
    .execInfo .txtWr{ width:100%; flex: auto;}
    .execInfo .imgWr span br{ display: none;}

    /* CI자료실 */
    .ci_link ul{ gap: 1.5rem 1rem;}
}


@media screen and (max-width: 768px) {
    
    .sub0105_01 .qna-wrap .qna-list .accordion .title {flex-direction:column; height:auto; align-items: flex-start; gap: 0.5rem; padding:1rem;}
    .sub0105_01 .qna-wrap .qna-list .accordion .title .tit {width:100%;}
    .sub0105_01 .qna-wrap .qna-list .accordion .content {padding:1rem;}
    
    /* 0501_01_나의활동현황 */
    .sub0501_01 .thmb {display: block;}
    .sub0501_01 .thmb .imgWr {width: 12rem; max-width: 100%; margin: 0 auto;}
    .sub0501_01 .thmb .txtWr {width: 100%; margin-top: 1.25rem;}
    .sub0501_01 .lst > [class^="col"] {width: calc(50% - 0.5rem);}

	/* subCart */
    .subCard > .tit{font-size: 1.5rem; padding: 1.5rem 1rem;}
    .subCard .cardWrap .item{flex-direction: column !important;}
    
    .notice_list_photo ul { margin: -0.5rem; }
    .notice_list_photo ul li { padding: 0.5rem; }
    .notice_list_photo ul li a .img { height: 12rem; }

    .scrollSlider { width: calc(100% + 35rem); }
    .scrollSlider .item .tit { font-size: 1rem; margin: 0.8rem 0 1rem; }
    .scrollSlider .item .tag { max-width: none; height: 1.8rem; }

    .execInfo .inr{ background-size:auto 8rem;}

    /* sub0708_01 산하기관대표번호 */
    .orgTel_wrap { flex-direction: column; align-items: center;}
    .orgTel_wrap .txtWr{ width:100%; }
    .orgTel_wrap ul{ margin-top:0.5rem; }
    .orgTel_wrap li .icon{ width:1.75rem; height:1.75rem; line-height:1.75rem;}
    .orgTel_wrap li p{ padding-top:0.15rem; }
    .orgTel_wrap .img img{ max-height:13rem; }
}



@media screen and (max-width: 680px) {
	.sub0403_01 .container .title {height:auto; min-height:3rem;}
	.sub0403_01 .container .tab ul li {width:50%;}

    /* sub0505_02 사업안내 */
    .intBsn_wrap .inr .img_wrap ul:before{ left:calc(50% - 1rem); top:calc(50% - 1rem); width:2rem; height:2rem; background-size:0.75rem auto;}
    .intBsn_wrap .inr .img_wrap li span{ width:2.5rem; height:2.5rem; line-height:2.5rem;}

    /* sub0305_0102 윤리경영브랜드 */
    .ImgTxt_wrap2{ display: block;}
    .ImgTxt_wrap2 h3{ padding:0.75rem 1rem; background-position:right -20px top -30px;}
    .ImgTxt_wrap2 .imgWr{ padding:2rem 2rem 1rem;}
}

@media screen and (max-width: 620px) {
    /* sub0102 투명한 기부금 운영 */
    .sub0102 .intro{min-height: 19rem;}
    .sub0102 .intro .tit{font-size: 2.1rem;}
    .sub0102 .intro .txt1{font-size: 0.9rem;}
    .sub0102 .intro .txt2{font-size: 1.1rem;}
    .sub0102 .introTxt{padding: 2rem 0;}
    .sub0102 .step01 ul li{width: 50%;}
}


@media screen and (max-width: 580px) {
	.dnt-process .dnt-list.active > .title .info {min-height:2.5rem;}
	.dnt-process .dnt-list.active > .title {padding:0 1rem;}
	.dnt-process .dnt-list.active > .content {gap:1rem;}
	.dnt-process .dnt-list .title p {font-size:0.9rem;}
    .dnt-process .dnt-list .title .info-txt { margin-top: 0.5rem; }
	.dnt-process .dnt-list.active > .content {padding:1rem;}
	.dnt-process .dnt-list .dnt-box .select-wrapper {height:2rem;}
	.dnt-process .dnt-list .dnt-box > .tab {height:2rem; }
	.dnt-process .dnt-list .dnt-box > .tab li a {font-size:0.7rem;}
	.dnt-process .dnt-list .dnt-box .msg { position: relative; right: auto; top: auto; font-size:0.75rem; justify-content: end; margin-top: 0.2rem; }
	.dnt-process .dnt-list .dnt-box > .select-payment a, 
	.dnt-process .dnt-list .dnt-box > .select-payment input[type="text"] {font-size:0.75rem;}
		
	.sub0105_01 .tab ul {gap:1rem;}
	.sub0105_01 .tab ul li a {font-size:0.85rem;}
	 
	 
    /* 0501_01_나의활동현황 */
    .sub0501_01 .thmb {padding: 1rem;}
    .sub0501_01 .thmb .txtWr .conWr {display: block; margin: 1.5rem 0 0;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] {width: 100%; border-radius: 0.25rem; background: #f4f4f4; padding: 0.75rem 1rem 0;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] + [class^="con"] {margin-top: 1rem;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] + [class^="con"]::before {display: none;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTitBtn {background: #fff;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon {margin-top: 0.5rem;}
    .sub0501_01 .lst > [class^="col"] {width: 100%;}

    /* 0101 모두의 보훈드림 소개 */
    .bohun_intro .intro_box { min-height: auto; padding: 2rem 1rem; }
    .bohun_intro .intro_box .intro_tit { font-size: 1.5rem; }
    .bohun_intro .intro_box .txt1 { font-size: 1rem; }
    .bohun_intro .intro_box .txt2 { font-size: 1rem; }
    .bohun_intro .intro_box .txt2 em { font-weight: 500; }
    .bohun_intro .intro_txt { font-size: 0.9rem; }
    .bohun_intro_lst ul li i { display: none; }
    .bohun_intro_lst ul li .txt { width: 100%; }

    .notice_list_photo ul li { width: 50%; }

    .scrollSlider .item .img { height: 17rem; }

    /* sub0104_03 고객불만족신고센터 */
    .call_wrap { gap:0.75rem; }
    .call_wrap dl{ padding:0.9rem 1rem; width:100%;}
    .call_wrap dd{ flex-direction: row;}

    /* CI자료실 */
    .ci_link ul{ flex-wrap: wrap; }
    .ci_link ul li{ width:calc(50% - 0.5rem); flex:none}
}

@media screen and (max-width: 500px) {

    /* sub0104_03 고객불만족신고센터 */
    .call_wrap dd{ flex-direction: column;}
}


@media screen and (max-width: 480px) {
	.sub0301_01 {margin:1.5rem 0 0;}
    
    .tbl-wrap .tbl.data colgroup { display: none; }
    .tbl-wrap .tbl.data tbody tr { display: block; }
    .tbl-wrap .tbl.data tbody tr + tr { margin-top: 1rem; }
    .tbl-wrap .tbl.data tbody th { margin-bottom: 0.5rem; }
    .tbl-wrap .tbl.data tbody th, 
    .tbl-wrap .tbl.data tbody td { display: block; padding: 0; }
    .tbl-wrap .tbl.data tbody th + td { padding-left: 0; }

    .dnt-process .dnt-box .easypay-wrap { flex-wrap: wrap; gap: 0; }
    .dnt-process .dnt-box .easypay-wrap a { width: calc(50% - 0.25rem); }

    .notice_list_photo ul { margin: 0; }
    .notice_list_photo ul li { width: 100%; padding: 0; }
    .notice_list_photo ul li + li { margin-top: 1.5rem; }
    .notice_list_photo ul li a .img { height: 10rem; }

    /* sub0505_02 사업안내 */
    .intBsn_wrap .inr .img_wrap ul{ flex-direction: column;}
    .intBsn_wrap .inr .img_wrap ul:before{transform: rotate(90deg); width:2.5rem; height:2.5rem; background-size:1rem; left:calc(50% - 1.25rem); top:calc(50% - 1.25rem);}

    /* sub0702_01 이사회구성 */
    .chairInfo .txtWr .nm{ justify-content: center;}
    .chairInfo .txtWr .nm p{ display: none;}

    .execInfo .inr{ width:100%;}
}

@media screen and (max-width: 420px) {
    /* sub0102 투명한 기부금 운영 */
    .sub0102 .step01 ul li{width: 100%; flex-direction: column; margin-bottom: 0;}
    .sub0102 .step01 ul li::after{content: "\f2e1";}

    .scrollSlider .item .img { height: 14rem; }
}




@media screen and (max-width: 380px) {
	.dnt-process .dnt-list .dnt-box > .select-payment {gap:0.5rem 0.25rem;}
	.dnt-process .dnt-list .dnt-box > .select-payment a, 
	.dnt-process .dnt-list .dnt-box > .select-payment input[type="text"] {width: calc(50% - 0.25rem);}
	.dnt-process .total-wrap {flex-direction:column;}

    /* 0501_01_나의활동현황 */
    .sub0501_01 .thmb .txtWr {margin-top: 1rem;}
    .sub0501_01 .thmb .txtWr .tit {display: block; font-size: 1rem; line-height: 1.5;}
    .sub0501_01 .thmb .txtWr .tit strong {padding-bottom: 0; margin-right: 0;}
    .sub0501_01 .thmb .txtWr .tit strong::before {display: none;}
    .sub0501_01 .thmb .txtWr .conWr {margin-top: 1rem;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr {display: block;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTit {display: block; padding: 0; font-size: 0.9rem; margin-right: 0;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conTitWr .conTitBtn {margin-top: 0.5rem;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon {margin-top: 0.25rem;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon li {display: block; padding-left: 0;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon li::before {display: none;}
    .sub0501_01 .thmb .txtWr .conWr > [class^="con"] .conCon li .rght {font-size: 0.7rem;}
    .sub0501_01 .lst > [class^="col"] .tp {padding: 0.75rem 1.25rem 1.25rem;}
    .sub0501_01 .lst > [class^="col"] .tp .tpTitWr .tpTit,
    .sub0501_01 .lst > [class^="col"] .tp .tpTitWr .cnt {font-size: 1rem;}
    .sub0501_01 .lst > [class^="col"] .tp .tpTitWr .cnt .counting {font-size: 1.1rem;}
    .sub0501_01 .lst > [class^="col"] .bt li .liWr .rght {font-size: 0.7rem;}


    /* sub0702_01 이사회구성 */
    .chairInfo .txtWr{ padding:6.5rem 1rem 1rem}
    .chairInfo h2{ padding-bottom:1rem;}
    .chairInfo .img{ width:10rem; height:12rem;}

    /* sub0708_01 산하기관대표번호 */
    .orgTel_wrap { padding:1rem; }

    /* CI자료실 */
    .ci_link ul{ flex-wrap: wrap; }
    .ci_link ul li{ width:100%; flex:none}
}