@charset "utf-8";

/* 인천대학교 신규기능 통합 CSS입니다. */

.empty-box p {display: none;}

/* 블록UI 팝업헤더*/
#_popupHeader {height: auto !important; line-height: 1 !important;}
#_popupHeader h1 {float: none !important; position: relative; display: inline-block; width: 100%; margin-top: 20px; padding-top: 11px; font-family:'Dream Medium'; font-size: 22px !important; letter-spacing: -0.5px; line-height: 1.5; color: #222;}
#_popupHeader h1::before {content: ''; position: absolute; left: 0%; top: 0; width: 15px; height: 6px; background: url('../../images/guide/bul_h3.png') no-repeat center center;}

/* 기능 테이블 공통 */
.func-table {position: relative; line-height: 1.6;}
.func-table:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table table {position: relative;margin:0 auto;width:100%}
.func-table table:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; background: #000}
.func-table table:before {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
.func-table thead th {padding: 13px 10px; background: #f5f7f8; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Medium'; font-size: 16px; font-weight: 400; color: #333;}
.func-table tbody {display: table-header-group;}
.func-table tbody::after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}
.func-table tbody th {padding: 12px 15px; background:#fcfcfc; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Medium'; font-size: 15px; text-align: center; font-weight: 400; color: #333;}
.func-table tbody td {padding: 6px 10px; background:#fff; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Regular'; font-size: 15px; text-align: center; color: #666;}
.func-table tbody td a {color: #333;}
.func-table tbody td pre {font-family: 'Dream Regular'; font-size: 15px; color: #666;}
.func-table .list > li {position: relative; padding-left: 15px;}
.func-table .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.func-table .link {position: relative; color: #666;}
.func-table .link:hover {color: #004a8f;}
.func-table .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.func-table .link:hover span {background-size: 100% auto;}
.func-table .link[target=_blank]::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}
.func-table .align-l {text-align: left;}
.func-table .align-c {text-align: center;}
.func-table .align-r {text-align: right;}
.func-table strong {font-family: 'Dream Regular'; color: #000;}
.func-table .full {width: 100%;}
.func-table .mark {display: inline-block; color:#F90029; font-size: 16px; position: relative;position: relative; top: 3px; padding-left: 3px;}

.func-table.color:after {display: none;}
.func-table.color table {border-left: 1px solid #bfbfbf;}
.func-table.color table:before {display: none;}
.func-table.color tbody::after {display: none;}
.func-table.color thead th {background: #01499a; color: #fff;}
.func-table.color tbody th {background: #f1f1f1; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}
.func-table.color tbody td {height: 75px; border-right: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; font-size: 15px;}

@media all and (max-width:960px) {
  .func-table table {width:100%}
}
/*
@media all and (max-width:960px) {
.func-table {overflow-x: hidden; min-height: 200px;}
.func-table.no-scroll {min-height: auto;}
.func-table table {width: 1300px;}
.func-table.no-scroll table {width: 100%;}
.func-table:after,
.func-table.color:after {content: ''; display: block; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.4) url('../../images/guide/img_mobile_text.png') no-repeat center 40px;}
.func-table.on:after,
.func-table.color.on:after,
.func-table.no-scroll:after {display: none;}
.func-table.on {min-height: auto}
.func-table thead th,
.func-table tbody th,
.func-table tbody td {padding: 10px 8px;}
}
*/
@media all and (max-width: 500px) {
  .func-table thead th,
  .func-table tbody th,
  .func-table tbody td {font-size: 14px;}
}

/* 기능 검색 공통 */
.func-search {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0 30px; padding: 22px 10px; background: #f5f6f8; font-size: 0; text-align: center;}
.func-search.gap {gap: 25px 30px;}
.func-search.align-l {justify-content: start; padding-left: 2.5%;}
.func-search .search-group {display: flex; justify-content: center; align-items: center; flex-wrap: wrap}
.func-search .search-title,
.func-search .search-sel,
.func-search .search-input,
.func-search .search-radio,
.func-search .search-text,
.func-search .search-button {display: inline-block; vertical-align: middle; text-align: left;}
.func-search .search-title strong {display: inline-block; padding: 7px 0 7px 53px; background: url('../../images/guide/fc-search-icon.png') no-repeat left center; font-family: 'Dream Medium'; font-size: 18px; color: #0d2d84;}
.func-search .search-sel {position: relative; top: 0px; display: inline-block; vertical-align: middle;}
.func-search .search-sel select {width: 100%; height: 50px; padding-left: 25px; padding-right: 50px; background: #fff url('../../images/guide/fc-search-arrow.png') no-repeat right center; border:1px solid #c3c3c3; border-radius: 100px; font-family: 'Dream Regular'; font-size: 16px; color: #646464; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.func-search .search-input {position: relative; top:0; display: inline-block; vertical-align: middle;  background: #fff; height: 50px; line-height: 50px; border: 1px solid #ccd0d7; border-radius: 100px;}
.func-search .search-input input {position: relative; top: -1px; width: 100%; max-width: 175px; height: 100%; background: transparent; border: 0; font-family: 'Dream Regular'; font-size: 16px; text-indent: 20px; color: #646464;}
.func-search .search-input input::placeholder {color: #9d9d9d;}
.func-search .search-input.long input {max-width: 250px;}
.func-search .search-input input.searchBtn {position: absolute; right:0; top: 0; width: 50px; height: 50px; background: url('../../images/guide/fc-search-btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.func-search .search-input.date {background: #fff url('../../images/guide/ic-func-date.png') no-repeat 90% center;}
.func-search .search-text {margin-right: 20px; font-family: 'Dream Regular'; font-size: 18px; color: #000;}
.func-search .search-text.small {margin-right: 20px;}
.func-search .search-radio {font-size: 18px; color: #000;}
.func-search .search-radio input {top: 3px; width: 20px; height: 20px; margin-right: 10px;}
.func-search .search-button .searchBtn {display: inline-block; padding: 0 35px; background: #01499a; font-family: 'Dream Regular'; font-size: 15px; line-height: 50px; color: #fff; cursor: pointer;}
.func-search .search-button .searchBtn:hover {background: #0460ca;}
.func-search .search-button .searchBtn.grey {background: #7b8086;}
.func-search .search-button .searchBtn.grey:hover {background: #595c60;}
.func-search .min.min130 {min-width: 130px;}
.func-search .min.min180 {min-width: 183px;}
.func-search .min.min190 {min-width: 190px;}
.func-search .min.min200 {min-width: 200px;}
.func-search .min.min250 {min-width: 250px;}
.func-search .min.min430 {min-width: 430px;}
.search-count {margin-bottom: 10px;}
.search-count strong {color: #01499a;}
.search-util {text-align: right;}
.search-util .btn-util {position: relative; display: inline-block;}
.search-util .btn-util button {display: inline-block; width: 100%; height: 50px; background: #fff; border: 1px solid #222; font-family: 'Dream Regular'; font-size: 15px; color: #666; line-height: 50px; vertical-align: middle;}
.search-util .btn-util.util1 button {padding: 0 60px 0 60px;}
.search-util .btn-util.util1 button:hover {border: 1px solid #006d36; color: #006d36;}
.search-util .btn-util.util1::before {content: ''; position: absolute; left: 20px; top: 13px; display: inline-block; width: 22px; height: 22px; background: url('../../images/guide/ic-func-excel.png') no-repeat center;}
.search-util .btn-util.util1::after {content: ''; position: absolute; right: 20px; top: 13px; display: inline-block; width: 22px; height: 22px; background: url('../../images/guide/ic-func-down.png') no-repeat center;}
.search-util .btn-util.util1:hover::after {background: url('../../images/guide/ic-func-down-ov.png') no-repeat center;}
.search-util .btn-util.util1 span {position: relative;}
.search-util .btn-util.util1 span::before {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #7fb69a; transition: width 1s;}
.search-util .btn-util.util1:hover span::before {width: 100%;}
.search-util .btn-util.util2 button {padding: 0 70px 0 25px;}
.search-util .btn-util.util2 button:hover {background: #fcaf17; border: 1px solid #fcaf17; color: #fff;}
.search-util .btn-util.util2::after {content: ''; position: absolute; right: 20px; top: 13px; display: inline-block; width: 22px; height: 22px; background: url('../../images/guide/ic-func-print.png') no-repeat center;}
.search-util .btn-util.util2:hover::after {background: url('../../images/guide/ic-func-print-ov.png') no-repeat center;}
.search-util .btn-util.util3 button {padding: 0 65px 0 25px;}
.search-util .btn-util.util3 button:hover {background: #fcaf17; border: 1px solid #fcaf17; color: #fff;}
.search-util .btn-util.util3::after {content: ''; position: absolute; right: 20px; top: 14px; display: inline-block; width: 22px; height: 22px; background: url('../../images/guide/icon-banner2-6.png') no-repeat center;}
.search-util .btn-util.util3:hover::after {background: url('../../images/guide/icon-banner2-6-ov.png') no-repeat center;}
.search-util .btn-util.util4 button {padding: 0 25px;}
.search-util .btn-util.util4 button:hover {background: #fcaf17; border: 1px solid #fcaf17; color: #fff;}

@media all and (max-width: 1820px) {
  .func-search .min {min-width: auto !important;}
  .func-search.align-l {justify-content: center; padding: 30px;}
  .func-search .search-group .change.mr70 {margin-right: 30px;}
  .func-search .search-group .change.mr40 {margin-right: 0px;}
  .func-search .search-text.small {margin: 0 10px 0 -10px;}
}

@media all and (max-width: 1360px) {
  .func-search {padding: 30px 20px; gap: 20px;}
  .func-search .search-group {width: 100%;}
  .func-search.no-respone .search-group {width: auto;}
  .func-search .search-title,
  .func-search .search-sel,
  .func-search .search-input,
  .func-search .search-text,
  .func-search .search-button {flex: 1;}
  .func-search .search-button .searchBtn {width: 100%;}
  .func-search .search-input input {max-width: none;}
  .func-search .search-text {max-width: 9%}
  .func-search .search-text.small {max-width: 10px;}
}

@media all and (max-width: 940px) {
  .func-search,
  .func-search.gap {gap: 15px 0;}
  .func-search.no-respone .search-group {width: 100%;}
  .func-search .search-title {text-align: center;}
  .func-search .search-title,
  .func-search .search-sel,
  .func-search .search-input,
  .func-search .search-text,
  .func-search .search-button {flex: 1 0 100%; margin: 0 !important;}

  .func-search .search-group {gap: 15px 0;}
  .func-search .search-sel select {height: 40px; font-size: 15px;}
  .func-search .search-input {height: 40px; line-height: 40px;}
  .func-search .search-input input {font-size: 15px;}
  .func-search .search-input input.searchBtn {height: 40px; line-height: 40px;}
  .func-search .search-button {width: 100%;}
  .func-search .search-button .searchBtn {width: 100%;}
  .func-search .search-text {max-width: 100%; margin-right: 0; font-size: 16px;}
  .func-search .search-input.date {background-position: 95% center;}
  .search-util .btn-util button {font-size: 14px;}
}

/* 기능 탭 공통 */
.func-tab {border: 7px solid #eee;}
.func-tab ul {overflow: hidden; width: 100%; padding: 24px 20px; padding-right: 0; padding-bottom: 7px; background:#fff;}
.func-tab li {float: left; width: 16.666%; padding-bottom: 15px; padding-right: 30px;}
.func-tab a {position: relative; display: block; padding-left: 11px; font-family: 'Dream Medium'; font-size: 17px; color: #666;}
.func-tab a::before {content: ''; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.func-tab a::after {content: ''; position: absolute; right: 0; top: 0; width: 25px; height: 24px; background: url('../../images/guide/arrow-menu-box.png') no-repeat center center;}
.func-tab .on a::after,
.func-tab a:hover::after {background: url('../../images/guide/arrow-menu-box-ov.png') no-repeat center center;}
.func-tab .on a,
.func-tab a:hover {color: #0d2d84;}
.func-tab a span {position: relative;}
.func-tab a span::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #4076b3; transition: width .75s;}
.func-tab a:hover span::after {width: 100%;}

@media all and (max-width: 1385px) {
  .func-tab li {width: 20%;}
}

@media all and (max-width: 1210px) {
  .func-tab li {width: 25%;}
}

@media all and (max-width: 1045px) {
  .func-tab li {width: 33.333%;}
}

@media all and (max-width: 810px) {
  .func-tab li {width: 50%;}
}

@media all and (max-width: 590px) {
  .func-tab li {width: 100%;}
}

@media all and (max-width: 500px) {
  .func-tab a {font-size: 15px;}
}

/* 발전 기금 현황 */
.wrap-fund .wrap-fund-box{background: url('../../images/guide/bg-shape.png'); text-align: center; padding: 10px; position: relative;}
.wrap-fund .wrap-fund-box::before{content:''; width:100%; height:100%; background:url('../../images/guide/inu-bg_03.png') no-repeat center / cover; position: absolute; top:0; left:0;}
.wrap-fund .fund-box-inner{background: #fff;}
.wrap-fund .fund-title{font-size: 24px; font-family:'Dream Medium' ; line-height: 28px; letter-spacing: -.05em; color: #111111;  display: inline-block; position: relative;background: url('../../images/guide/Incheon-bg-shape02.png') no-repeat center / cover; width: 334px; height: 130px;top: 0; margin-top: 70px;}
.wrap-fund .fund-title p{padding-top: 24px; }
.wrap-fund .center-txt{padding: 35px 0 29px 0;}
.wrap-fund .center-txt p{font-size: 22px; font-family:'Dream Regular' ;  letter-spacing: -.05em;}
.wrap-fund .center-txt .black, .total-txt-box .black-s{font-size: 26px; font-family:'Dream Bold' ;  letter-spacing: -.05em;color: #111111;}
.wrap-fund .big-txt{font-size: 66px; font-family:'Play Bold' ;  letter-spacing: -.05em; color: #01499a; margin-right: 20px; line-height: 70px;}
.wrap-fund .black-s{ margin-left: 18px;}
.wrap-fund .center-txt-box{width:54.666% ; margin: auto; position: relative;}
.wrap-fund .center-txt-box::before{content: ''; background: url('../../images/guide/IncheonUniver-logo.png') no-repeat left center / cover; width: 234px; height: 56px; position: absolute; bottom: 40px; left: -37.5%;}
.wrap-fund .center-txt-box::after{content: ''; background: url('../../images/guide/Incheon-bg-shape07.png') no-repeat right center / cover; width: 477px; height: 418px; position: absolute; top: -23.7%; right: -254px;}
.wrap-fund .total-txt-box{ border-top: 1px solid #D6D6D6 ; padding: 30px 0 103px 0;}
.wrap-fund .total-txt-box p{font-size: 26px; font-family:'Dream Bold' ;  letter-spacing: -.05em;color: #111111;}

@media (max-width:1150px){
  .wrap-fund .center-txt-box::after{background: none;}
}

@media (max-width:933px){
  .wrap-fund {padding: 0 20px;}
  .wrap-fund .center-txt-box{width:100% ;}
  .wrap-fund .center-txt-box::before{background: none;}
  .wrap-fund .big-txt{font-size: 55px;}
  .wrap-fund .center-txt .black ,
  .wrap-fund .total-txt-box .black-s , .total-txt-box p {font-size: 20px;}
}

@media (max-width: 600px){
  .wrap-fund .big-txt{font-size: 46px;}
  .wrap-fund .center-txt .black,
  .wrap-fund .total-txt-box .black-s,
  .wrap-fund .total-txt-box p {font-size: 20px; margin-left: 0px;}
  .wrap-fund .fund-title{width: 100%;}
}

/* 발전기금 기부자 명단 */
.wrap-fund-list .wrap-list-title{padding: 30px 0 55px 0;}
.wrap-fund-list .wrap-list-title p{font-size: 60px; line-height: 60px; font-family: 'Play Bold';}
.wrap-fund-list .wrap-list-title .fst-p{color: #fff; -webkit-text-stroke: 1px #9DB3D2;}
.wrap-fund-list .wrap-list-title .sec-p{color: #fff; -webkit-text-stroke: 1px #AFDFFF; margin-left: 197px;}
.wrap-fund-list .wrap-list-search{background: url(../../images/guide/fund-list-bg.png);}
.wrap-fund-list .wrap-list-search::after{content: ''; display: block; clear: both;}

.wrap-fund-list .list-search{float: left; width: calc(100% - 750px);}
.wrap-fund-list .list-search p{font-size: 26px; font-family: 'Play Regular'; line-height: 30px; color:#fff; opacity: 0.5; padding: 55px 20px 30px 60px;}
.wrap-fund-list .list-shape{float: right; width: 750px; position: absolute; top: 0; right: 00px; }

.wrap-fund-list .wrap-form{position: relative; padding-bottom: 45px;}
.wrap-fund-list .wrap-form::after{content: ''; display: block; clear: both;}
.wrap-fund-list .text-form{width: 57%; float: left; display: block; margin-left: 60px; padding-left: 50px;}
.wrap-fund-list .wrap-form label {display: block;}
.wrap-fund-list .wrap-form label:nth-child(1){position: relative;}
.wrap-fund-list .wrap-form label:nth-child(1)::before {content: ''; background: url("../../images/guide/fund-name-icon.png") no-repeat left center / cover; width: 25px;  height: 24px; position: absolute; top: 15px; left: 15px;}
.wrap-fund-list .wrap-form label:nth-child(1)::after{content: ''; width: 2px; height: 50px; background: #fff; opacity: 0.5; position: absolute; left: -50px; top: 0;}
.wrap-fund-list .wrap-form label:nth-child(2){position: relative;}
.wrap-fund-list .wrap-form label:nth-child(2)::before {content: ''; background: url("../../images/guide/fund-num-icon.png") no-repeat left center / cover; width: 23px;  height: 26px; position: absolute; top: 15px; left: 15px;} 
.wrap-fund-list .text-form input{height: 53px; background: #fff; width: 100%; border: 1px solid #ececec; font-size: 16px; font-family: "Dream Light"; color:#555555 ;  letter-spacing: -.05em; padding: 14px 0; margin-bottom: 10px; padding-left: 55px; line-height: 53px;}

.wrap-fund-list .submitform{ display: inline-block; margin-left: 20px;}
.wrap-fund-list .submitform input{background: #404244; font-size: 22px; font-family: 'Dream Regular'; line-height: 40px; letter-spacing: -.05em; color:#fff; padding: 38px 47px; cursor: pointer; }
.wrap-fund-list .submitform:hover{background: #3b3c3f;}

.wrap-fund-list .wrap-list-pop{margin-bottom: 500px; position: fixed;left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none;}
.wrap-fund-list .wrap-list-pop.on{display: block;}
.wrap-fund-list .wrap-pop {margin: auto;width: 100%;background: #FFFFFF;border-radius: 0 0 45px 0;position: relative; }
.wrap-fund-list .pop-intro{background: #004098; padding: 25px 40px; position: relative;}
.wrap-fund-list .pop-intro::after{content: ""; background: url(../../images/guide/pop-shape.png) no-repeat center / cover; width: 153px; height: 87px; position: absolute; right: 82px; top: -1px;}
.wrap-fund-list .pop-intro span{font-size: 22px; font-family: "Dream Regular"; line-height: 30px; letter-spacing: -.05em; color: #fff;}
.wrap-fund-list .pop-inner{max-width: 91.83%; width: 100%; margin: auto; padding-bottom: 40px;}
.wrap-fund-list .fund-thanks{background: #F0F7FF; margin-top: 40px; padding: 28px 30px;}
.wrap-fund-list .fund-thanks span{position: relative; display: block; padding-left: 15px; font-size: 17px; font-family: 'Dream Light'; line-height: 26px; letter-spacing: -.025em; color: #01499a;}
.wrap-fund-list .fund-thanks span::after {content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 100%; background: #222;}
.wrap-fund-list .btn-close{position: absolute; right: -42px; top: -45px; background: #1C1E27;  width: 90px; height: 90px;  border-radius: 50px; box-shadow: 5px 6px 13px 1px rgba(0, 0, 0, 0.5); cursor: pointer;}
.wrap-fund-list .btn-close img{margin: auto;}

.wrap-fund-list .wrap-pop-search{padding: 50px 0 15px;}
.wrap-fund-list .wrap-pop-search .money{font-family: 'Dream Regular'; font-size: 16px;letter-spacing: -.05em; color:#888888 ; float: left; line-height: 45px;}
.wrap-fund-list .wrap-pop-search::after{content: "";  display: block; clear: both;}
.wrap-fund-list .wrap-pop-search .wrap-Year-btn{float: right;}
.wrap-fund-list .wrap-pop-search .search-input{display: inline-block;}
.wrap-fund-list .wrap-Year-btn .search-box{float: left; margin: 0 10px 5px 0;}
.wrap-fund-list .wrap-Year-btn .search-box select {min-width: 160px; height: 40px; padding-left: 20px; background: #ebebeb url('../../images/guide/pop-arrow.png') no-repeat right center; border: 0; border-radius: 100px; font-family: 'Dream Regular'; font-size: 14px; color: #646464; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.wrap-fund-list .wrap-Year-btn .search-box._on{border: 1px solid #58585a; background-color: #fff; border-radius: 25px 25px 0 0; border-bottom: 1px solid transparent;  z-index: 3; display: block;}
.wrap-fund-list .wrap-Year-btn .srcName {position: relative; width: 100%; height: 39px; text-align: left; padding-left: 20px; box-sizing: border-box; font-size: 14px;font-family: "Dream Regular"; color: #646464; cursor: pointer;}
.wrap-fund-list .wrap-Year-btn .src_list{display: none;width: calc(100% + 2px);	position: absolute; top: 100%; left: -1px;	padding: 0 0 15px 20px; box-sizing: border-box;	border: 1px solid #ebebeb;	border-top: 0;	background: #fff;	border-radius: 0 0 25px 25px; border: 1px solid #58585a; border-top: 0;}
.wrap-fund-list .wrap-Year-btn .search-box._on .srcName::before{transform: rotate(180deg);}
.wrap-fund-list .wrap-Year-btn li{padding-top: 5px;}
.wrap-fund-list .wrap-Year-btn li:hover{color: #0A4A9B;}
.wrap-fund-list .wrap-Year-btn .srcName::before{content: ''; background: url(../../images/guide/pop-arrow.png) no-repeat right center / cover; width: 11px; height: 7px; position: absolute; top: 16px; ; right: 15px;transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-fund-list .search-input input{font-size: 13px; font-family: "Dream Regular"; line-height: 25px; letter-spacing: -.05em; color: #fff; padding: 8px 23px; background: #0A4A9B; border-radius: 25px; cursor: pointer;  }
.wrap-fund-list .wrap-pop-contents{margin-bottom: 30px;}
.wrap-fund-list .wrap-fund-total{padding: 7px; background:#ececec;}
.wrap-fund-list .wrap-fund-total .fund-total-box{background: #fff; text-align: center;}
.wrap-fund-list .wrap-fund-total .total-s{display: inline-block; padding: 23px 20px 23px 50px; position: relative; font-family: 'Dream Medium'; font-size: 17px; color: #222;}
.wrap-fund-list .wrap-fund-total .total-s::before{content: ""; background: url(../../images/guide/fund-total-icon.png) no-repeat left center / cover; width: 22px; height: 20px; position: absolute; left: 9px; z-index: 1;}
.wrap-fund-list .wrap-fund-total .total-s::after{content: ""; width: 39px; height: 39px; background: #004098; border-radius: 25px; position: absolute; top: 13.5px; left: 0%; }
.wrap-fund-list .wrap-fund-total .won-color {font-family: 'Play Bold'; font-size: 18px; color: #03499a;}

.wrap-fund-list .close{display:flex;align-items:center;justify-content:space-between;margin:50px auto;width:130px;padding:10px 30px;font-family: "Dream Bold";color:#FFF;font-size:16px;border-radius:30px;background:#fcaf17;}
.wrap-fund-list .close::after{content:"";display:block;width:16px;height:16px;background:url("/sites/templet_guide/images/common/x_3_w.png") no-repeat center;}

@media all and (max-width:1440px){
  .wrap-fund-list .wrap-list-title .sec-p{color: #fff; -webkit-text-stroke: 1px #AFDFFF; margin-left: 130px;}
  .wrap-fund-list .list-shape{float: right; width: 680px;}
}

@media all and (max-width:1310px){
  .wrap-fund-list .wrap-list-title p{font-size: 55px;}
  .wrap-fund-list .wrap-list-title .sec-p{color: #fff; -webkit-text-stroke: 1px #AFDFFF; margin-left: 90px;}
  .wrap-fund-list .list-shape{float: right; width: 580px; }
  .wrap-fund-list .list-search { float: left; width: calc(100% - 596px);}
}

@media all and (max-width:1122px){
  .wrap-fund-list .list-search{float: none; width: 100%;}
  .wrap-fund-list .list-shape{float: none; width: 100%; position: static; padding-bottom: 20px;}
  .wrap-fund-list .list-shape img{margin: auto;}
  .wrap-fund-list .wrap-list-title .sec-p{margin-left: 0px;}
  .wrap-fund-list .text-form{margin-left: 20px;}
  .wrap-fund-list .list-search p{padding: 60px 20px 30px 20px;}
}

@media all and (max-width:730px){
  .wrap-fund-list .wrap-fund-list{padding: 0 20px;}
}

/* 청탁금지 자가진단 */
.func-step ul {position: relative; display: flex; justify-content: space-between; gap: 0 40px; align-items: center;}
.func-step ul::after {content: ''; position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; height: 2px; background: #ddd;}
.func-step li {position: relative; display: flex; justify-content: start; align-items: center; width: 100%; height: 100px; border-radius: 50px; font-family: 'Dream Regular'; font-size: 18px;}
.func-step li:nth-child(odd) {background: #03499a; border: 1px solid #03499a; color: #fff;}
.func-step li:nth-child(even){background: #f0f7ff; border: 1px solid #e1efff; color: #03499a;}
.func-step li:nth-child(odd) a {color: #fff;}
.func-step li:nth-child(even) a {color: #03499a;}
.func-step.arrow li::after {content: ''; position: absolute; left: 93%; top: 23%; z-index: 1; width: 50px; height: 50px; background: #ffa900 url('../../images/guide/arrow-step2.png') no-repeat center center; border-radius: 100%; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);}
.func-step.arrow li:last-child:after {display: none;}
.func-step .box {width: 100%; text-align: left;}
.func-step .box a {position: relative; display: block; padding-left: 50px;}
.func-step .box a::after {content: ''; position: absolute; right: 30px; top: 7px; width: 39px; height: 39px;}
.func-step li:nth-child(odd) .box a::after {background: url('../../images/guide/btn-step1.png') no-repeat center;}
.func-step li:nth-child(even) .box a::after {background: url('../../images/guide/btn-step2.png') no-repeat center;}

@media all and (max-width: 950px) {
  .func-step ul {flex-wrap: wrap; gap: 25px;}
  .func-step li {width: 48%;}
  .func-step.arrow li::after {left: 84%;}
}

@media all and (max-width: 700px) {
  .func-step li {width: 100%;}
  .func-step.arrow li::after {left: 84%; transform: rotate(89deg);}
}

@media all and (max-width: 500px) {
  .func-step.arrow li {font-size: 16px;}
}

/* 캘린더 공통 */
.calendar-wrap ._trip{background: url('../../images/guide/calendar-icon1.png') no-repeat 5px 9px ; padding-left: 15px;}
.calendar-wrap ._wait{background: url('../../images/guide/calendar-icon2.png') no-repeat 5px 9px ; padding-left: 15px;}
.calendar-wrap ._hidy-txt{background: url('../../images/guide/calendar-icon3.png') no-repeat 5px 9px ; padding-left: 15px;}
.calendar-wrap ._d-day{background: url('../../images/guide/calendar-icon4.jpg') no-repeat 5px 9px ; padding-left: 15px;}

.calendar-top-wrap{background: url('../../images/guide/calender-bg.png') center center;padding: 30px 40px; position: relative;text-align: center;}
.calendar-top-wrap::after{content: ''; display: block; clear: both;}
.calendar-top-wrap a{font-size: 18px; font-family: 'Dream Regular'; letter-spacing: -.05em; color: #fff;line-height: 39px;}
.calendar-top-wrap .thisYear{text-align: center; font-family: 'Dream Medium'; font-size: 28px; color:#fff; letter-spacing: -.05em; display: inline-block;}
.calendar-top-wrap .preY{float: left;  padding-left:50px ; background: url('../../images/guide/calendar_prev.png') no-repeat left center ; transition: all 0.5s; text-indent: -99999px;}
.calendar-top-wrap .preY:hover{background: url('../../images/guide/calendar_prev-hover.png') no-repeat left center ;}
.calendar-top-wrap .nextY{float: right;  padding-right: 50px; background: url('../../images/guide/calendar_next.png') no-repeat right center ; transition: all 0.5s; text-indent: -99999px;}
.calendar-top-wrap .nextY:hover{ background: url('../../images/guide/calendar_next-hover.png') no-repeat right center ;}

.calendar-icon-list::after{content: ''; display: block; clear: both;}
.calendar-icon-list{padding: 20px 0 50px 0;}
.calendar-icon-list ul{float: left;}
.calendar-icon-list ul::after {content:''; display: block; clear:both;}
.calendar-icon-list li{float: left; font-size: 13px; font-family: 'Dream Regular'; letter-spacing: -.05em; color:#1c1c1c ; line-height: 27px; margin-left: 20px;}
.calendar-icon-list li:first-child{margin-left: 0;}
.calendar-icon-list .noti-box{float: right; font-size: 15px; font-family: 'Dream Regular'; letter-spacing: -.05em; color:#666666 ;}
.calendar-icon-list .noti-box span{padding-left: 37px;  position: relative;}
.calendar-icon-list .noti-box span::before{content: ''; position: absolute; top: -2px; left: 0; background: url('../../images/guide/noti-icon.png') no-repeat left center / cover; width: 28px; height: 28px;}

.calendar-tbl{ width: 100%; border: 1px solid #D2D2D2;}
.calendar-tbl tr{border-bottom: 1px solid #D2D2D2; /**/}
.calendar-tbl th{border-right: 1px solid #D2D2D2; font-family: 'Dream Regular'; font-size: 17px; letter-spacing: -.05em; line-height: 30px; color: #fff; background: #01499A; padding: 9px 0;}
.calendar-tbl tbody{text-align: left;}
.calendar-tbl td{ border-right: 1px solid #D2D2D2; height: 120px; padding: 10px 15px; vertical-align: top; }
.calendar-tbl td:last-child{border-right:0;}
.calendar-tbl .count {font-size: 13px; font-family: 'Dream Medium'; color: #1c1c1c; letter-spacing: -.05em; line-height: 27px;}
.calendar-tbl .shd-list {position: relative; z-index: 1; border: 1px solid #d1d1d1; border-radius: 10px; font-size: 13px; font-family: 'Dream Medium'; color: #1c1c1c; letter-spacing: -.05em; padding: 5px 10px 5px 20px; line-height: 27px;}
.calendar-tbl .shd-list:hover {border: 1px solid #01499a}
.calendar-tbl .shd-list.no-padding {padding-left: 0;}
.calendar-tbl ._today{background: #E8F3FF; border-collapse: separate;position: relative;}
.calendar-tbl ._today::before{content: '';  position: absolute; top: 0; left: -1px; border: 1px solid #01499A; width: 100%; height: 100%; opacity: 0.5;}
.calendar-tbl .tooltip {padding-left: 21px; font-family: 'Dream Medium'; font-size: 13px; font-weight: normal;}
.calendar-tbl .tooltip .tooltip-text {padding: 5px 15px; border-radius: 20px;}

.calendar-btn-wrap{line-height: 20px; text-align: center; margin-top: 50px;}
.calendar-btn-wrap .in-a{display: inline-block; background: #FCAF17; padding: 17px 22px; margin: 0 8px; font-size: 15px; font-family: 'Dream Regular'; color: #fff; cursor: pointer;}
.calendar-btn-wrap .appl{display: inline-block; background: #01339A; padding: 17px 22px; margin: 0 8px; font-size: 15px; font-family: 'Dream Regular'; color: #fff; cursor: pointer;}
.calendar-btn-wrap .in-a:hover{background: #f8a80b;}
.calendar-btn-wrap .appl:hover{background: #0845c2;}

@media (max-width: 900px){
  .calendar-tbl-wrap{overflow-x: scroll;}
  .calendar-tbl{width: 1500px;}
}
@media (max-width: 709px){
  .calendar-icon-list .noti-box span {margin-top: 15px;}
}

@media (max-width: 700px){
  .calendar-top-wrap .inner{position: relative;}
  .calendar-top-wrap .thisYear{position: absolute; left: 50%; transform: translateX(-50%); top: 0;}
  .calendar-icon-list .noti-box {float: left; margin-top: 10px;}
}

/* 세미나 예약 */
.board-album .list-album {display: block; margin:0 -25px; overflow: hidden;}
.board-album.horizon1 .list-album > li {width: 100%;}
.board-album.horizon2 .list-album > li {width: 50%;}
.board-album.horizon3 .list-album > li {width: 33.3333%;}
.board-album.horizon4 .list-album > li {width: 25%;}
.board-album.horizon5 .list-album > li {width: 20%;}
.board-album .list-album > li {float: left;}
.board-album .list-album .no-data {float: none !important; width: 100% !important; padding: 40px 0; text-align: center;}
.board-album .box {padding: 20px 25px; position: relative;}
.board-album .box-inner {transition: all 0.5s ease;position: relative;}
.board-album .box-inner > a {display:inline-block; position: relative; width: 100%; color:#444;}
.board-album .box-inner > a::before {content:''; top:0; left:0; position: absolute; width: 100%; height: 100%; border:1px solid #d1d1d1; z-index: 1;}
.board-album .box-inner > a:hover::before {border:2px solid #01499A;}
.board-album .box-inner > a:hover .info {background:#F2F8FF;}
.board-album.horizon1 .thumb {height: 863px;}
.board-album.horizon2 .thumb {height: 425px;}
.board-album.horizon3 .thumb {height: 279px;}
.board-album.horizon4 .thumb {height: 225px;}
.board-album.horizon5 .thumb {height: 163px;}
.board-album .thumb img {width:100%; height: 100%;}
.board-album .info {position: relative; line-height:1.2; background: #f7fdff; padding: 20px 18px; font-family: 'Dream Regular';}
.board-album .info:hover {background: #f7fdff;}
.board-album .info .title {margin-bottom: 5px; }
.board-album .info .title strong {display: block; font-family: 'Dream Regular'; font-size: 16px; line-height: 26.22px; letter-spacing: -.05em; word-break:break-all;}
.board-album .info .title .new {position: relative; top: 2px; display: inline-block; text-indent: -9999px; width: 16px; height: 16px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 7px;}
.board-album .info dt {color: #777; font-size: 12.17px; line-height:18.73px; letter-spacing: -.05em;}
.board-album .info dd {color: #777; font-size: 12.17px; line-height:18.73px; letter-spacing: -.05em;}
.board-album .info dl {display: flex; position: relative; width: 100%;}
.board-album .info dl.count {background:url('../images/ico-view.png') no-repeat left top 2px;}
.board-album .info dl:after {display: none; content: ''; position: absolute; right: 0; top: 4px; width: 1px; height: 9px; background: #d1d1d1;}
.board-album .info dl:last-child:after {display: none;}
.board-album .info .desc {padding-right: 110px;}
.board-album .info .reserve {position: absolute; right: 20px; bottom: 20px; height: 34px; padding: 0 22px; background: #01499A; border: 1px solid #01499A; line-height: 34px; font-size: 13px; text-align: center; color: #fff;}
.board-album a:hover .info .reserve {background: #fff; border: 1px solid #01499A; color: #01499A !important;}
.board-album .deleteArtclSeqs {position: absolute; top: 20px; left: 20px; z-index: 1;}
.board-album .view-more {padding: 15px; border: 1px solid #d1d1d1; border-radius: 5px; position: absolute; right:15px; top:20px; width: 30px; height: 30px; text-indent: -9999px; background: url('../images/ico-search.png') no-repeat center center;}

@media all and (max-width:1024px) {
  .board-album.horizon1 .list-album > li {width: 100%;}
  .board-album.horizon2 .list-album > li {width: 100%;}
  .board-album.horizon3 .list-album > li {width: 50%;}
  .board-album.horizon4 .list-album > li {width: 33.3333%;}
  .board-album.horizon5 .list-album > li {width: 25%;}
}

@media all and (max-width:768px) {
  .board-album.horizon1 .list-album > li {width: 100%;}
  .board-album.horizon2 .list-album > li {width: 100%;}
  .board-album.horizon3 .list-album > li {width: 100%;}
  .board-album.horizon4 .list-album > li {width: 50%;}
  .board-album.horizon5 .list-album > li {width: 50%;}
}

@media all and (max-width:500px) {
  .board-album.horizon1 .list-album > li {width: 100%;}
  .board-album.horizon2 .list-album > li {width: 100%;}
  .board-album.horizon3 .list-album > li {width: 100%;}
  .board-album.horizon4 .list-album > li {width: 100%;}
  .board-album.horizon5 .list-album > li {width: 100%;}
}

/* 기능 글쓰기 공통 */
.board-write {border-top: 2px solid #7c7c7c;}
.board-write .row {display: table; width: 100%;border-bottom: 1px solid #dadada; table-layout: fixed;}
.board-write .row label {font-family: 'Dream Regular';}
.board-write .title {width: 230px; display: table-cell; vertical-align: middle; text-align: left; padding: 9px 30px; font-size: 16px; background: #f5f5f5; font-family: 'Dream Regular'; color: #444;}
.board-write .insert {display: table-cell; vertical-align: middle; padding: 8px 0px 8px 15px; font-size: 14px; font-family: 'Dream Regular'; color: #666;}
.board-write .insert .insert-inner {display: inline-block; width:100%;}
.board-write .insert.editor {padding: 20px 0 6px 0; width:100%;} 
.board-write .insert select {font-size: 14px; font-family: 'Dream Regular'; color: #666;}
.board-write .insert input[type="text"],
.board-write .insert input[type="password"] {border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px; font-family: 'Dream Light';}
.board-write .insert input[type="text"]::placeholder {font-family: 'Dream Light'; font-size: 14px; line-height: 90px; color:#777;}
.board-write .insert input[type="radio"] {appearance: none;outline:1px solid #e0e0e0; background:#fff; border:0; width:17px; height:17px; border-radius:50%; top:4px; margin: 1px;}
.board-write .insert input[type="radio"]:checked {border:3px solid #fff; background:#000;margin: 1px;}
.board-write .insert input[type="checkbox"],
.board-write .insert input[type="radio"] {position: relative; top: -1px; margin:0; vertical-align: middle; }
.board-write .insert input:disabled {background: #ccc;}
.board-write .insert .middle {max-width:320px; width:100%;}
.board-write .insert .long {width: 100%;}
.board-write .insert .space {margin-bottom: 10px;}
.board-write .insert .tarea {width: 100%; font-family: 'Dream Regular'; font-size: 14px; color: #666;}
.board-write .insert .possible {font-size: 14px; color: #888; margin-top: 35px; font-family: 'Dream Regular';}
.board-write .insert .ico-cal {padding-right: 5px;}
.board-write .insert .ico-cal.space {margin-left: 6px;}
.board-write .insert .switch {display: inline-block; vertical-align: middle; background:#F7F7F7; padding:1px 46px 1px 10px; margin-left: 15px;}
.board-write .insert .file-select {font-family: 'Dream Regular'; font-size: 14px; color: #666; padding: 10px; height: 130px;}
.board-write .insert .one-line {overflow: hidden; border-radius:  7px;}
.board-write .insert .one-line li {float: left; margin-right: 17px; }
.board-write .insert .pass-form {margin-top: 10px;}
.board-write .insert .pass-form label {margin-right: 10px;}
.board-write .insert .sel-type {font-family: 'Dream Light'; font-size: 14px; color: #777; border: 1px solid #dfdfdf; height: 30px; line-height: 29px; padding: 0 40px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../../images/guide/arrow-select.png') no-repeat right 10px center;}
.board-write .insert .line {display: inline-block; vertical-align: middle;}
.board-write .title .mark {display: inline-block; color:#F90029; font-size: 16px; position: relative;position: relative; top: -5px;padding-left: 5px;}

.btn-box {font-size: 0; display: inline-block; vertical-align: top; width:350px; padding-left:10px;} 
.btn-box .btn-upload, .btn-box .btn-delete {display: inline-block;}
.btn-box input {font-size: 11px; font-family: 'Dream Regular';}
.btn-box.file-btn-box span {display: block; margin-bottom: 10px;}

.must {text-indent: -9999px; display: inline-block;background:none; position: absolute;}

/* input 길이 조절 */
.board-write .insert input#password {width:180px;}
.board-write .insert input#ntcnBgnde,
.board-write .insert input#ntcnEndde {width:120px;}
.board-write .insert .atchmnflObj-inner,
.board-write .insert .thumbOrginlNm-inner {float:left; width:calc(100% - 350px);}

@media all and (max-width:1250px) {
  .board-write .insert {padding: 9px 15px;}
}
@media all and (max-width:1024px) {
  .board-write .title {width:150px; font-size: 15px;}
  .board-write .title .title-box {font-size: 15px;}

}

@media all and (max-width: 780px) {
  .board-write .row {display: block;}
  .board-write .title {display: block; width: 100%;}
  .board-write .insert {display: block; width: 100%; padding: 9px 0;}
  .board-write .insert select,
  .board-write .insert input[type="text"],
  .board-write .insert input[type="password"] {width: 100%;}
  .board-write .insert .atchmnflObj-inner,
  .board-write .insert .thumbOrginlNm-inner {width:100%;}
  .board-write .insert .switch {margin-left:0; margin-top: 10px;}
  .board-write .insert .possible {margin-top: 10px;}
  .btn-box {width:100%; padding:0; margin-top: 10px;}
  .btn-box.file-btn-box span {display: inline-block;} 
}

@media all and (max-width: 580px) {
  .board-write .insert .line {display: block; margin: 5px 0;}
  .board-write .insert .ico-cal.space {margin-left: 0;}
}

/* 페이징 공통 */
._paging {padding: 50px 0 0 0;}
._paging > ._inner > ul {margin: 0 13px;}
._paging > ._inner > ul li strong {width: 35px; height: 35px; line-height:32px; border-radius: 100%; background-color: #99a2b2; border-color: #99a2b2;}
._paging > ._inner > a {width: 35px; height: 35px; line-height:35px; background-image: url('../../images/guide/arrow-page.png') !important; background-repeat: no-repeat; background-color: transparent; border: 0;}
._paging > ._inner > a._first {background-position: 0 0;}
._paging > ._inner > a._last {background-position: 0 -175px;}
._paging > ._inner > a._listNext, ._paging ._inner a._listPrev {display: block;}
._paging > ._inner > a._listNext {background-position: 0 -140px;}
._paging > ._inner > a._next {background-position: 0 -105px;}
._paging > ._inner > a._listPrev {background-position: 0 -35px;}
._paging > ._inner > a._prev {background-position: 0 -70px;}
._paging ._inner a, ._paging ._inner strong {border: 0; line-height: 33px;}
._paging ._inner ._pageState span {font-size: 17px;}
._paging ._inner ._pageState span._curPage {color: #01499a;}

@media all and (max-width: 900px) {
  ._paging {padding: 50px 0 30px 0;}
}

@media all and (max-width: 750px) {
  ._paging {padding:  40px 0 20px 0;}
  ._paging > ._inner > ul {display: none;}
  ._paging ._inner ._pageState {display: block;}
}

/* 버튼 공통 */
.board-button {text-align: center; display: inline-block; width: 100%;}
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.board-button .btn-deco {display: inline-block; cursor: pointer; font-size: 16px; min-width:110px; height: 50px; line-height: 48px; text-align: center; padding: 0 20px; margin: 0 5px; border-radius: 100px; font-family: 'Dream Regular';}
.board-button  a.btn-deco, .board-button  input.btn-deco {color: #fff;}
.board-button .btn-deco.color1 {background: #313644; border: 1px solid #313644;}
.board-button .btn-deco.color2 {background: #0A4A9B; border: 1px solid #0A4A9B;}
.board-button .btn-deco.color3 {background: #fff; border: 1px solid #777; color: #777;}
.board-button .btn-deco.color4 {background: #fff; border: 1px solid #ce2856; color: #ce2856;}
.board-button .btn-deco.color5 {background: #fff; border: 1px solid #0A4A9B; color: #0A4A9B;}
.board-button .btn-deco.color6 {background: #fff; border: 1px solid #FCAF17; color: #FCAF17;}
.board-button .btn-deco.color7 {background: #777; border: 1px solid #777;}
.board-button .btn-deco.color1:hover {background: #313644; border: 1px solid #313644;} 
.board-button .btn-deco.color2:hover {background: #073167; border: 1px solid #073167;}
.board-button .btn-deco.color3:hover {background: #777; border: 1px solid #777; color: #fff;}
.board-button .btn-deco.color4:hover {background: #ce2856; border: 1px solid #ce2856; color: #fff;}
.board-button .btn-deco.color5:hover {background: #0A4A9B; border: 1px solid #0A4A9B; color: #fff;}
.board-button .btn-deco.color6:hover {background: #FCAF17; border: 1px solid #FCAF17; color: #fff;}
.board-button .btn-deco.color7:hover {background: #555; border: 1px solid #555;}
.board-button.view {margin-bottom: 40px; text-align: center;}
.board-button.view .btn-mine {float: none; display: inline-block;}
.board-button.view .btn-control {float: none; display: inline-block;}

a.samll-btn, input.samll-btn {color: #fff; display: inline-block !important;}
.small-btn-box {text-align: center;}
.small-btn-box.align-r {text-align: right;}
.small-btn-box .samll-btn {display: inline-block; cursor: pointer; font-size: 14px; height: 35px; line-height: 35px; text-align: center; padding: 0 20px; margin: 0 5px; font-family: 'Noto DemiLight';}
.small-btn-box .samll-btn.color1 {background: #0A4A9B; color: #fff; border: 1px solid #0A4A9B;}
.small-btn-box .samll-btn.color2 {background: #fff; color: #ce2856; border: 1px solid #ce2856;}

.tiny-btn {display: inline-block; cursor: pointer; font-size: 13px; height: 25px; line-height: 20px; border-radius: 50px; text-align: center; padding: 0 12px; margin: 0 3px; font-family: 'Noto DemiLight';}
.tiny-btn.color1 {background: #0c837f; border: 1px solid #0c837f; color: #fff;}
.tiny-btn.color2 {background: #ce2856; border: 1px solid #ce2856; color: #fff;}

.file-btn {border: 1px solid #d5d5d5; height: 30px; line-height:26px; padding-left: 30px; padding-right: 20px; cursor: pointer; width:145px;}
.file-btn.add {background: #ececec url('../images/ico-file-add.png') no-repeat 10px center; margin-right: 10px; }
.file-btn.del {background: #ececec url('../images/ico-file-del.png') no-repeat 14px center;}

@media all and (max-width: 420px) {
  .board-button .btn-mine,
  .board-button.view .btn-mine {width: 100%;}
  .board-button .btn-control,
  .board-button.view .btn-control {width: 100%;}
  .board-button .btn-deco {display: block; width: 100%; margin: 0 0 10px 0;}
}

.explan img {width: auto !important; max-width: 100% !important; height: auto !important}

._fnctWrap h2,
._fnctWrap h3,
._fnctWrap h4,
._fnctWrap h5,
._fnctWrap h6 {padding-bottom: 0px;}

#courseTab .tab_div .ul_4 > li {width: 12.5%}