@charset "utf-8";

@import url("reset_hub4u.css?v=20220303");
@import url("layout_hub4u.css?v=20220303");
@import url("common_hub4u.css?v=20220303");
@import url("style_pc.css?v=20220303") screen and (min-width:1025px);
@import url("style_mobile.css?v=20220303") screen and (max-width:1024px);



.hidden-txt {
    text-indent:-9999em;
    font-size: 0;
    width: 0;
    height: 0;
}
.smart_editor ol li,
.horizen-list .list-txt ol li {
    list-style-type: decimal;
}
.smart_editor ul li,
.horizen-list .list-txt ul li {
    list-style-type: disc;
}
.smart_editor sup,
.horizen-list .list-txt sup {
    vertical-align: super;
    font-size: smaller;
}
.smart_editor sub,
.horizen-list .list-txt sub {
    vertical-align: sub;
    font-size: smaller;
}
.smart_editor a {
    text-decoration: underline;
}
/* main */
.main-slide {
    background-size: cover;
}
.main-slide .visual-box .visual-cont {
    position: relative;
}
.main-slide .visual-box .visual-cont .slide-detail {
    display: inline-block;
    color:#111;
}
/* dot */
.main-slide .ctrl-slick-slider {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}
.main-slide .ctrl-slick-slider .slide-dots {
    display: inline-block;
    padding: 0;
    list-style: none;
    text-align: center;
}
.main-slide .ctrl-slick-slider .slide-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}
.main-slide .ctrl-slick-slider .slide-dots li a {
    display:block;
    width:100%;
    height:100%;
    color:#111;
    border-radius:2.5rem;
    background-color:#94bbbd;
}
/* Arrows */
.main-slide .visual-box .slick-prev,
.main-slide .visual-box .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-repeat: no-repeat;
    background-color:transparent;
    background-image:url('../img/main/main_visual_arrow.png')
}
.main-slide .visual-box .slick-prev{
}
.main-slide .visual-box .slick-next{
    background-position: top right;
}
.main-slide .ctrl-slick-slider .play-ctrl {
    text-indent:-9999em;
    font-size: 0;
    border-radius:50%;
    background-color:#2f8188;
    background-image:url('../img/main/main_visual_auto.png');
}

.category {

}
.category .cate-wrap {
    margin:0 auto;
}
.category .cate-wrap ul {
}
.category .cate-wrap ul li {
    display: block;
}
.category .cate-wrap .thumb {
   background-image:url('../img/main/bg_category.png');
   background-repeat: no-repeat;
}

.category .cate-wrap .thumb.grow {
    
}
.category .cate-wrap .thumb.hope {
    
}
.category .cate-wrap .thumb.psy {
    
}
.category .cate-wrap .thumb.visit {
    
}
.category .cate-wrap .thumb.fit {
    
}
.category .cate-wrap dl {
    line-height: 1.2;
}
.category .cate-wrap dt {
    display: inline-block;
    position: relative;
}
.category .cate-wrap dd {
    display: block;
    color:#666;
}
.category .cate-wrap dd > span {
    display: block;
}

/* news */
.main .news {
   position: relative;
}
.main .news:after {
    content: '';
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    z-index: -2;
}
.wrap {
    margin:0 auto;
}
.main .news .news-tab li { 
    display:inline-block;
}
.main .news .news-tab li a {
    position: relative;
    display: inline-block;
    color:#666;
}
.main .news .news-tab li.active a {
    font-weight:bold;
    color:#111;
}
.main .news .news-tab li.active a::after {
    content: '';
    position: absolute;
    border-radius: 2.5rem;
    background:#a2dbdf;
    z-index:-1;
}
.main .news .news-cont {
    
}
.main .news .news-cont .news-list {
    display: inline-block;
    line-height: 1.4;
    box-sizing: border-box;
    background:#fff;
}
.main .news .news-cont .news-list .news-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main .news .news-cont .news-list .news-top .info-badge { 
    min-width: 40px;
    font-weight: 200;
    background: #f16b60;
}
.main .news .news-cont .news-list a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.main .news .news-cont .no-news {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border:2px dashed #e8e8e8;
    background:#fff;
}
.main .news .news-cont .news-list .news-tit {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color:#111;
    font-weight:400;
}

.main .news .news-cont .news-list .news-tit .ico-new {
    display:inline-block;
    color:#fff;
    border-radius: 50%;
    font-weight: 500;
    vertical-align: top;
    background:#f16b60;
}
.main .news .news-cont .news-list .news-detail {
    color:#666;
    font-weight: 300;
}
.main .news .news-cont .news-list .news-date {
    margin-left:auto;
    text-align:right;
    color:#666;
    font-weight: 400;
}

.center-news {
    background-color:#fef9e6;
}
.center-news .wrap {

}
.center-news .center-act {

}
.center-news .center-act .center-info {

}
.center-news .center-act .center-info h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-weight: 500;
}
.center-news .center-act .center-info .info-box {
    background: #fff;
}
.center-news .center-act .center-info .thumb img {
    width: 100%;
}
.center-news .center-act .center-info .info-date {
    text-align:right;
    color:#666;
}
.center-news .center-act .slick-dots {
    position: absolute;
    display: block;
    list-style: none;
    text-align: center;
}
.center-news .center-act .slick-dots li {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.center-news .center-act .slick-dots li button {
    display:block;
    width: 100%;
    color:#111;
    border-radius: 50%;
    background:transparent;
}
/* link text decoration */
.link-deco {
    position: relative;
}
.link-deco::after {
    content: '';
    position: absolute;
    top:16px;
    left:0;
    width: 100%;
    height:16px;
    border-radius: 2.5rem;
    background:#a2dbdf;
    z-index:-1;
}

/* badge icon */
.ico {
    display: inline-block;
    text-align:center;
}
/* search */
.search-area {
    margin:0 auto;
}
.search-box {
    border-radius: 4.5rem;
    border:1px solid #b1b1b1;
}
.search-box .input_search {
    border:0 none;
    padding:0;
}
.search-box .input_search:focus-visible {
    outline: 0 none;
}
.search-box .btn_search {
    display: inline-block;
    vertical-align: middle;
    background:url('../img/common/btn_search.png') no-repeat center;
    text-indent: -999em;
}

.section-box {
}
.section-box .sec-tit {
    background:url('../img/common/tit_bullet.png') no-repeat left center;
}
.section-box .sec-tit b,
.section-box .sec-txt b
 {
    font-weight: 500;
    color:#333;
    vertical-align: top;
}
.section-box .sec-sub-tit {
    background:url('../img/common/sub_bullet.png') no-repeat left center;
}
.section-box .sec-txt {
    color:#666;
    font-weight: 300;
}
.section-box .sec-txt .import {
    position: relative;
    vertical-align: top;
    color:#333;
    font-weight: 500;
}
.section-box .caution {
    color:#666;
}
.section-box .section {

}
.section-box .round-box {
    border-radius: 2rem;
    border:1px dotted #bde6e8;
    background:#e8f9fa;
}
.section-box .round-box.center {
    text-align: center;
}
.section-box .round-box b {
    vertical-align: top;
}
.half-box {

}
.half-box > div {
}

.half-box.info:first-child  {
    padding-top:0;
}
.half-box.info > div {
}.half-box.info  {

}
.half-box.info:nth-child(2n)  {
    flex-direction: row-reverse;
}
.half-box.info h4 {
    color:#2f8188;
    font-weight: 700;
}
.half-box.info .txt {
    color:#666;
    font-weight:300;
}
.half-box.info .btn {
    font-weight: 400;
}



  
/* 단계별 교육 절차 */
.edu-step-box {
    position: relative;
}
.edu-step-box .step-wrap {}
.edu-step-box .edu-step {
    text-align: center;
}
.edu-step-box .edu-step dl {
    color:#fff;
}
.edu-step-box .edu-step dt {
    border-radius: 5rem;
}
.edu-step-box .edu-step dd {
    color:#333;
    border-radius: 1rem;
    border:2px solid #fff;
}
.edu-step-box .edu-step dd > span {
    display: block;
}
.edu-step-box .edu-step .first {
    background:#e8f9fa;
}
.edu-step-box .edu-step .first dt {
    background:#2f8188;
}
.edu-step-box .edu-step .first dd {
    background:#bee4e6;
}
.edu-step-box .edu-step .second {
    background:#e8f4fa;
}
.edu-step-box .edu-step .second dt {
    background:#2f6588;
}
.edu-step-box .edu-step .second dd {
    background:#c5deec;
}
.edu-step-box .edu-step .third {
    background:#e8eefa;
}
.edu-step-box .edu-step .third dt {
    background:#3e4185;
}
.edu-step-box .edu-step .third dd {
    background:#c8d5f0;
}

/* 인사말 */
.greeting-box {}
.greeting-box .txt {
    color:#666;
    font-weight: 300;
}
/* 조직도 */
.org-list {}
.org-list .org-box {
    text-align:center;
}
.org-list .org-box > ul {}
.org-list .org-box li {
    position: relative;
}
.org-list .org-box li::after {
    content:"";
    position: absolute;
    background:#d5d6d8;
}
.org-list .org-box li::before {
    content:"";
    position: absolute;
    left: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 1;
}
.org-list .org-box ul > li > span {
    display:inline-block;
    color:#fff;
    text-align:center;
    background-color:#383b4a;
}
.org-list .org-box .mid-org {
    background-color:#2f8188;
}
.org-list .org-box .mid-org dt, .org-list .org-box .mid-org dd {
    display:inline-block;
}
.org-list .org-box .sub-org {
    color:#111;
    background-color:#96dfe4;
}
.org-list .org-box .sub-org.line {
}
.org-list .org-box .half > ul {
}
.org-list .org-box .half > ul > li {
}
/* 지원체계 */
.org-list.support .support-tit {
    text-align:center;
    color:#2f8188;
}
.org-list.support .org-box .mid-org {
    position: relative;
}
.org-list.support .org-box .sub-org-info {
    position: relative;
}
.org-list.support .org-box .mid-org::before {
    content:"";
    position: absolute;
    left: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 1;
}
.org-list.support .org-box .sub-org-info::before {
    content:"";
    position: absolute;
    left: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 1;
}
.org-list .org-box .sub-org.arrow {
    position: relative;
}
.org-list .org-box .sub-org.arrow::before {
    content:"";
    position: absolute;
    left: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 1;
}
.org-list .org-box .sub-org-info dt {
    display: inline-block;
    text-align: center;
    color: #111;
    background-color: #96dfe4;
}
.org-list .org-box .sub-org-info dd {
    text-align: center;
    color: #2f8188;
    border:1px dashed #9ad6da;
    border-top:0 none;
    background-color: #e8f9fa;
    box-sizing: border-box;
}
.org-list .org-box .sub-org-info dd > span:first-child {
    border-right:1px dashed #9ad6da;
}
.org-list .org-box.line {
    border:2px solid #2f8188;
    border-radius:3rem;
    background: #f8fdfd;
}
.org-list .org-box.line .round-box {
    text-align:center;
    border-radius: 4.5rem;
    background:#fee78e;
}
.org-list .org-box.line .round-box.dash {
    border:2px dashed #9ad6da;
    border-radius: 1.5rem;
    background:#fff;
}
.org-list .org-box .flex-box {
}
.org-list .org-box .flex-box .round-box.dash {
}
.org-list .org-box .flex-box .table-box {
}
.org-list .org-box .flex-box .table-box table {
}
.org-list .org-box .flex-box .table-box table td {
    border-top:0;
    background:#fff;
}
/* map */
.map-box {}
.map-box .map-area {
    width:100%;
    overflow: hidden;
    border-radius: 15px;
}
.map-box .root_daum_roughmap .border1,
.map-box .root_daum_roughmap .border2,
.map-box .root_daum_roughmap .border3,
.map-box .root_daum_roughmap .border4 {
    width: 0;
    border:0 none;
}.map-box .root_daum_roughmap .wrap_controllers {
    border:0 none;
}
.map-box .map-area .root_daum_roughmap {
    width:100%;
    height:100%;
}
.map-box .loaction-info {
}
.map-box .loaction-info dl {
}
.map-box .loaction-info dt {
    display:inline-block;
    text-align: justify;
    font-weight: 500;
    box-sizing: border-box;
}
.map-box .loaction-info dt:after {
    content: "";
    display: inline-block;
    width: 100%;
}
.map-box .loaction-info dd {
    display:inline-block;
    color:#666;
}
.map-box .traffic-box {
}
.map-box .traffic-box .half-box {}
.map-box .traffic-box .half-box > div {
    border:1px solid #ececec;
    border-radius:1.8rem;
}
.map-box .traffic-box .half-box h4 {
    display:flex;
    flex-wrap:nowrap;
    align-items: center;
    border-bottom:2px solid #333;
}
.map-box .traffic-box .half-box h4 .ico {
    margin-left:auto;
}
.map-box .traffic-box .detail-info {
}
.map-box .traffic-box dl {
    border-bottom:1px solid #ececec;
}
.map-box .traffic-box .car-info dl {
    border-bottom:0 none;
}
.map-box .traffic-box dt {
    font-weight: 500;
}
.map-box .traffic-box dd {
    color:#666;
}
.map-box .traffic-box dd li {
}

/* table */
.table-box {
}
.table-box .table-top-box {
    position: relative;
}
.table-box .table-top-box.sec {

}
.table-box .table-top-box .btn-box {

}
.table-box .table-top-box .table-top-info {
    font-weight: 500;
}
.table-box table {
    width:100%;
    border-top:2px solid #333;
}
.table-box thead th {
    font-weight: 400;
    border-bottom:1px solid #333;

}
.table-box tbody td {
    color:#666;
    font-weight: 300;
    text-align: center;
    border-bottom:1px solid #e8e8e8;
}
.table-box tbody td.left {
    text-align:left;
}
.table-box tbody td.title {
    color:#333;
    text-align:left;
}
.table-box .title span {
}
.table-box .title .badge {
}
.table-box .title a {
    position: relative;
    display:inline-block;
    max-width:85%;
    vertical-align: middle;
}

.table-box .title .b-tit {
    font-weight: 400;
}
.table-box .table-list {
}
.table-box .table-list .c-txt {
    vertical-align: top;
    color:#2f8188;
}
/* 테이블 조직도 */
.table-box.org {
    
}
.table-box.org table {
    border-top:1px solid #e8e8e8;
    border-spacing: 0;
}
.table-box.org table td:first-child {
    border-right:1px solid #e8e8e8;
}
/* 테이블 type01 */
.table-box .m-board {
    /* overflow: hidden;
    border-radius: 20px;
    border-style: hidden;
    box-shadow: 0 0 0 1px #e8e8e8; */
    border-collapse: separate;
    border-top:0 none;
}
.table-box .m-board thead tr:first-child th:first-child {
    border-radius: 15px 0 0 0;
    border-right:0 none;
}
.table-box .m-board thead tr:first-child th:last-child {
    border-radius: 0 15px  0 0;
}
.table-box .m-board td:first-child {
    border-right:0 none;
}
.table-box .m-board tr:last-child td:first-child {
    border-radius: 0 0 0 15px;
}
.table-box .m-board tr:last-child td:last-child {
    border-radius: 0  0 15px 0;
}
.table-box .m-board.solo {

}
.table-box .m-board .st {
    position: relative;
    border-style: solid;
    border-color:#2f8188;
}
.table-box .m-board .st.up {
    border-width:2px 0 0 0;
}
.table-box .m-board .st th::after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 2px;
    height:calc(100% + 3px);
    background: #2f8188;
}
.table-box .m-board .st.dn {
    border-width: 0 0 2px 0;
}
.table-box .m-board .st td::after {
    content: '';
    position: absolute;
    top: -2px;
    right: 0;
    width: 2px;
    height:calc(100% + 3px);
    background: #2f8188;
}
.table-box .m-board th {
    font-weight: 400;
    border: 1px solid #b1e2e5;
    background:#e8f9fa;
}

.table-box .m-board td {
    font-weight: 400;
    border:1px solid #e8e8e8;
}
.table-box .m-board.only thead tr:first-child th {
    border-radius: 15px 15px 0 0;
    border-right: 1px solid #b1e2e5;
}
.table-box .m-board.only tbody td {
    border-top:0;
    border-right:0;
}
.table-box .m-board.only tbody td:last-child {
    border-right:1px solid #e8e8e8;
}
.table-box .m-board.only tbody tr:last-child td:first-child {
    border-radius: 0 0 0 15px;
}
.table-box .m-board.only tbody tr:last-child td:last-child {
    border-radius: 0 0 15px 0;
}
.table-box .m-board.only tbody tr td.rb-radi {
    border-radius: 0 0 0 15px;
}
.table-box .m-board.only tbody tr:last-child td.no-radi {
    border-radius: 0;
}
.table-box .m-board .no-t th {
    border-top:0 none;
}
.table-box .m-board .no-t th {
    border-right:0 none;
}
.table-box .m-board .no-t th:last-child {
    border-right:1px solid #b1e2e5;
}
.table-box .m-board .row td {
    text-align:left;
    border-top:0 none;
}
.table-box .m-board .row td.center {
    text-align:center;
    padding-left:0;
}
.table-box .m-board .row:first-child td {

}
.table-box .m-board .part tr {
    background:url('../img/common/bg_tr_arrow.png') no-repeat center;
}
.table-box .m-board .part tr td {
    border:0 none;
    border-bottom: 1px solid #e8e8e8;
}
.table-box .m-board .part tr td:first-child {
    border-left: 1px solid #e8e8e8;
}
.table-box .m-board .part tr td:last-child {
    border-right: 1px solid #e8e8e8;
}

/* list */
.list-box {

}
.list-box .thumb-list {
}
.list-box .thumb-list ul {

}
.list-box .thumb-list li {
    position: relative;
    display: inline-block;
    border:1px solid #ddd;
    isolation: isolate;
}
.list-box .thumb {
    position: relative;
}
.list-box .thumb a {
    display:block;
    overflow:hidden;
}
.list-box .thumb img {
    width: 100%;
    /* position: absolute;
    top: 50%;
    left: 50%;
    width:100%;
    transform: translate(-50%, -50%); */
}
.list-box .cont {

} 
.list-box .cont .list-tit {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
} 
.list-box .cont .date {
    text-align:right;
    color:#666;
}
.list-box .over {
    display: none;
    position: absolute;
    top:0;
    left:0;
    justify-content: center;
    align-items: baseline;
    background:rgba(77,179,186,0.6);
}
.list-box .over .ico {
    display:block;
    color:#fff;
}

.horizen-list {}
.horizen-list ul {}
.horizen-list > ul > li {
    border:1px solid #e8e8e8;
    border-radius: 1.5rem;
}
.horizen-list .thumb a {
    border:1px solid #e8e8e8;
    border-radius: 1.5rem;
    vertical-align: middle;
}
.horizen-list .list-cont {

}
.horizen-list .list-tit {
    font-weight: 400;
}
.horizen-list .list-tit .info-badge {
    vertical-align: middle;
}
.horizen-list .list-txt {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color:#666;
    font-weight: 300;
}
/* search */
.search-tit {
    color:#111;
}
.search-tit .key-word,
.search-tit .count {
    color:#2f8188;
    vertical-align: top;
}
.s-result {
}
.s-result .s-head {
    position: relative;
    font-weight:500;
    border-bottom:1px solid #333;
}
.s-result .s-head .divider {
    display:inline-block;
    background-repeat: no-repeat;
    background-position:center top;
}
.s-result .s-head .count {
    vertical-align: baseline;
    font-weight: bold;
    color:#2f8188;
}
.s-result ul {
}
.s-result li {
    border-bottom:1px solid #e8e8e8;
}
.s-result li.s-empty {
    text-align: center;
    flex-direction: column;
}
.s-result li .date {
    margin-left:auto;
    color:#666;
}
.s-result li .key-word {
    color:red;
    vertical-align: top;
}

.no-result {
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    border:1px solid #e8e8e8;
    border-radius: 2rem;
}
.no-result .empty {
}
.no-result .empty .thumb {
    display: block;
    margin:0 auto 20px;
    text-indent:-9999em;
    background-image:url('../img/common/bg_sprite.png');
    background-repeat: no-repeat;
}

/* badge */
.info-badge {
    display: inline-block;
    margin-right: 10px;
    padding: 0 5px;
    min-width:52px;
    height:25px;
    line-height:25px;
    font-size:1.4rem;
    color:#fff;
    text-align: center;
    border-radius: 2.5rem;
    box-sizing: border-box;
}
.info-badge.b-bg {
    background:#5779a7;
}
.info-badge.o-bg {
    background:#b85c37;
}
.info-badge.g-bg {
    background:#3d8835;
}
.info-badge.r-bg {
    background:#c84d46;
}
.info-badge.bl-bg{
    background:#383b4a;
}
.info-badge.a1-bg {
    background:#7558a5;
}
.info-badge.a2-bg {
    background:#287e7b;
}
.info-badge.a3-bg {
    background:#a54658;
}
.info-badge.a4-bg {
    background:#166a96;
}
.info-badge.a5-bg{
    background:#b72496;
}
.info-badge.lg {
    margin-right:5px;
    padding:0 10px;
    height:30px;
    line-height:30px;
}
.info-badge.hash {
    color:#666;
    font-weight: 400;
    background:#ececec;
}
/* tab */
.nav {}
.nav .nav-item {
}
.nav .nav-item li {
    text-align: center;
}
.nav .nav-item li a {
    display:block;
    color:#666;
    font-weight: 300;
    border:1px solid #d8d8d8;
    border-radius:1.5rem;
    box-sizing: border-box;
}
.nav .nav-item li a .count {
    vertical-align: top;
}
.nav .nav-item li.active a {
    font-weight:500;
    color:#2f838d;
    border:2px solid #2f838d;
}
/* faq */
.faq-list {
}
.faq-list dl {
    overflow:hidden;
    border-radius: 8px; 
    border:1px solid #e8e8e8;
}
.faq-list dt {
    position: relative;
    font-weight: 400;
} 
.faq-list dt:before {
   content: '';
   position: absolute;
   background-repeat:no-repeat;
   background-image:url('../img/common/bg_sprite.png');
}
.faq-list dt::after {
    content: '';
    position: absolute;
    background-repeat:no-repeat;
    background-image:url('../img/common/bg_sprite.png');
}
.faq-list .active dt::after {
    transform: rotate(180deg);
}
.faq-list .active {
    border:2px solid #2f8188;
}
.faq-list .active dt {
    color:#2f8188;
}
.faq-list dd {
    display: none;
    position: relative;
    color:#666;
    font-weight: 300;
    background:#f9f9f9;
}
.faq-list dd::before {
    content: '';
    position: absolute;
    background-repeat:no-repeat;
    background-image:url('../img/common/bg_sprite.png');
}

/* button */
.btn-box {
    text-align:center;
}
button.btn,a.btn,input[type="button"].btn {
    display: inline-block;
    border: 1px solid transparent;
    background-color: #fff;
    color: #333;
}
.btn.small {

}
.btn.large {

}
.btn.round {
    border-radius:3.5rem;
}
.btn.normal {
    border: 1px solid #bcbcbc;
}
.btn.strong {
    color:#fff;
    background:#2f8188;
}
.btn.dark {
    color:#fff;
    background:#666;
}
.btn.direct {
    color:#111;
    border:1px solid transparent;
    background:#a2dbdf;
}

/* ico 아이콘형 버튼 */
a.btn-ico, button.btn-ico, span.btn-ico,span.ico {
    display:inline-block;
    overflow:hidden;
    font-size:0;
    line-height:0;
    vertical-align:middle;
    white-space:nowrap;
    background-repeat:no-repeat;
    background-image:url('../img/common/bg_sprite.png');
}

/* 에러페이지 */
.error-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height:100%;
}

/* Popup */
.popup-box.layer {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 3;
    overflow: hidden;
}
.popup-box .pop-head {
    position: relative;
    background: #2f8188;
}
.popup-box .pop-head .tit {
    display: block;
    color:#fff;
    font-weight: 400;
}
.popup-box .pop-head .pop-close {
    display: block;
    position: absolute;
    background: url('/img/common/bg_sprite.png') no-repeat -266px -45px;
    text-indent: -9999em;
    cursor: pointer;
}
.popup-box .pop-cont {
    box-sizing: border-box;
    background-color: #fff;
}
.popup-box .pop-cont.file { 

}
.popup-box .pop-cont .round {
    text-align: center;
    border:1px dashed #a2dadd;
    background: #e8f9fa;
}
.popup-box .pop-cont .dl-list ul li {
    display: inline-block;
    overflow: hidden;
    border:1px solid #ededed;
}
.popup-box .pop-cont .dl-list .file-top {
    overflow: hidden;
}
.popup-box .pop-cont .dl-list .file-top strong {
    display: block;
    font-weight: 500;
}
.popup-box .pop-cont .dl-list .file-top .dw-info {
    color:#666;
    font-weight: 300;
}
.popup-box .pop-cont .dl-list .file-top .dw-info > span {
    display: block;
}
.popup-box .pop-cont .dl-list .file-down {
    border-width: 2px 0 0 0;
    border-color: rgb(232, 232, 232);
    border-style: dashed;
    text-align: right;
    background: #f9f9f9;
}
.popup-box .pop-cont .pop-scroll {
    overflow-y: auto;
}
.policy {
    color:#666;
    font-weight: 300;
}
.policy .txt04 {
    color:#333;
    font-weight: 400;
}
.policy .txt05 {
    color:#333;
    font-weight: 400;
}

/* 행사일정 달력 table 신규 */
@font-face {
    font-family: fcicons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
    font-weight: 400;
    font-style: normal
}
.cal-control-box {
    margin:11px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cal-control-box .btn-today {
    color:#fff;
    background-color: #2f8188;
    border-color: #2f8188;
    border-radius: 6px;
}

.cal-control-box  .compo-box > a {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid transparent;
    background-color: #fff;
    border-color: #ddd;
    border-radius: 50%;
    font-size:0
}
.cal-control-box  .compo-box > a .icon {
    display: inline-block;
    text-align: center;
    color: #333;
    width: auto;
    height: auto;
    font-size: 18px;
    position: absolute;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    -webkit-user-select: none;
    user-select: none;
    font-family: fcicons!important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.cal-control-box  .compo-box .month-prev .icon:before {
    content: "\e900"
}
.cal-control-box  .compo-box .month-next .icon:before {
    content: "\e901"
}
.cal-control-box .month-prev {
    transform: translateX(-30px);
}
.cal-control-box .month-next {
    transform: translateX(30px);
}
.event-table {}
.event-table table {
    table-layout:fixed;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    width: 100%;
    height:100%;
}
.event-table table thead th {
    padding: 16px 0;
    background-color: #f1f4f6;
    font-size: 16px;
    font-weight: 500;
}
.event-table table thead th.sun {
    color: #d72727;
}
.event-table table thead th.sat {
    color: #2b6fcb;
}
.event-table table th {
    border-left:1px solid #ddd;
}
.event-table table th:first-child {
    border-left:0 none;
}
.event-table table td {
    position: relative;
    border:1px solid #ddd;
    border-bottom: 0;
    border-right: 0;
}
.event-table table td:first-child {
    border-left:0 none;
}
.event-table table td > div {
    position: relative;
    display: flex;
    flex-direction: row;
}
.event-table table td > div a {
    border-radius: 50%;
    width: 27px;
    height: 26px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}
.event-table table td.today > div a {
    color:#fff;
    background:#2f8188;
}
.event-table table td .event-date {
    position: absolute;
    min-height: auto;
    width:calc(100% + 1px);
    z-index: 1;
}
.event-table table td .event-date.solo {
    width: calc(100% - 15px);
    margin:0 5px;
}
.event-table table td .event-date.first {
    left:5px;
    /* border-radius: 15px 0 0 15px; */
}
.event-table table td .event-date.last {
    right:10px;
    /* border-radius:0 15px 15px 0; */
}
.event-table table td .event-date.multi {
    display: block;
}
.event-table table td .event-date .event-detail {
    width: 100%;
}
.event-table table td .event-date .event-detail a {
    display:block;
    width:100%;
    color:#fff;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 0;
    background:#5878A5;
}
.event-table table td .event-date.solo .event-detail a {
    border-radius:15px;
}
.event-table table td .event-date.multi .event-detail a {
    height:100%;
    text-indent:-999em;
}
.event-table table td .event-date.first .event-detail a {
    border-radius: 15px 0 0 15px;
}
.event-table table td .event-date.last .event-detail a {
    border-radius:0 15px 15px 0;
}
.event-table table td.sun a {
    color: #d72727;
}
.event-table table td.sat a {
    color: #2b6fcb;
}
.event-table .other {
    background:#fbfbfb;
}

/* 행사일정 */
#calendar {
    width: 100%;
    margin: 0 auto;
  }
  .fc-toolbar-title {
    /*display: none;*/
  }
  .fc .fc-button-primary.fc-Year-button,
  .fc .fc-button-primary.fc-Month-button {
    background: none;
    color: #000;
    border: 0;
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 26px;
  }
  .fc .fc-button-primary.fc-Year-button > span,
  .fc .fc-button-primary.fc-Month-button > span {
    position: relative;
    vertical-align: baseline;
    z-index: -1;
  }
  .fc .fc-button-primary.fc-Year-button:hover,
  .fc .fc-button-primary.fc-Month-button:hover,
  .fc .fc-button-primary.fc-Year-button:focus,
  .fc .fc-button-primary.fc-Month-button:focus,
  .fc .fc-button-primary.fc-Year-button:active,
  .fc .fc-button-primary.fc-Month-button:active {
    background: none;
    border: 0;
    outline: 0;
    box-shadow: none !important;
    color: #000;
  }
  
  .fc-license-message {
    display: none;
  }
  .yearpicker-container {
    z-index: 50;
  }
  .yearpicker-container ul {
    margin: 0;
  }
  .yearpicker-container .yearpicker-items {
   box-sizing: border-box; 
  }
  .monthpicker {
      display: none;
  }
  .fc .fc-daygrid-day.fc-day-today {
    position: relative;
    background: #fff;
  }
  .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    background: #2f8188;
    color: #fff;
  }
  .fc-daygrid-day {
    transition: all .5s ease;
  }
  .fc-daygrid-day.active,
  .fc .fc-daygrid-day.fc-day-today.active {
    background: #efefef;
  }
  .fc-theme-standard td,
  .fc-theme-standard th {
    border-bottom: 0;
    border-right: 0;
  }
  .fc-theme-standard th {
    border-bottom: 1px solid #ddd;
  }
  .wrap.calendar {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    display: flex;
  }
  .wrap.calendar .calendar-list {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 20px 20px 20px 20px;
  }
  .wrap.calendar .calendar-list h2 {
    margin: 0;
    padding: 13px 15px;
    background: #efefef;
    border: 1px solid #b1e2e5;
    background: #e8f9fa;
    border-radius: 20px 20px 0 0;
    margin: -1px;
    text-align: center;
    font-size: 16px;
  }
  .wrap.calendar .calendar-list ul,
  .wrap.calendar .calendar-list li,
  .wrap.calendar .calendar-list h3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .wrap.calendar .calendar-list ul {
    padding: 0 0 0 20px;
    margin: 10px 10px 10px 20px;
  }
  .wrap.calendar .calendar-list li {
    list-style-type: disc;
    padding: 10px 0;
  }
  .wrap.calendar .calendar-list li .tit {
    font-size: 16px;
    padding: 5px 0;
  }
  .wrap.calendar .calendar-list li .date {
    font-size: 14px;
    color: #666;
  }
  .fc .fc-daygrid-day-top {
    flex-direction: row;
  }
  .fc .fc-daygrid-day-number {
    padding: 0;
    margin: 3px 5px;
    border-radius: 50%;
    width: 27px;
    height: 26px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 2px;
    margin: 3px;
    font-size: 14px;
  }
  .fc .fc-button.fc-prev-button {
    transform: translateX(-30px);
    background-color: #fff;
    border-color: #ddd;
    border-radius: 50%;
    width: 40px;
    height: 40px;
  }
  .fc .fc-button.fc-next-button {
    transform: translateX(30px);
    background-color: #fff;
    border-radius: 50%;
    border-color: #ddd;
    width: 40px;
    height: 40px;
  }
  .fc .fc-button.fc-prev-button .fc-icon,
  .fc .fc-button.fc-next-button .fc-icon {
    color: #333;
    width: auto;
    height: auto;
    top: 10px;
    left: 9px;
    font-size: 18px;
    position: absolute;
  }
  .fc .fc-button.fc-next-button .fc-icon {
    left: 11px;
  }
  .fc .fc-button.fc-prev-button:active,
  .fc .fc-button.fc-next-button:active,
  .fc .fc-button.fc-prev-button.fc-button-primary:focus,
  .fc .fc-button.fc-next-button.fc-button-primary:focus {
    background: #fff;
    border-color: #ddd;
    box-shadow: none;
  }
  .fc .fc-today-button.fc-button-primary {
    background-color: #2f8188;
    border-color: #2f8188;
    border-radius: 6px;
    padding: 7px 24px;
    margin-right: 10px;
  }
  .fc .fc-toolbar.fc-header-toolbar {
    margin: 10px 0 13px;
  }
  .fc .fc-col-header-cell {
    padding: 14px 0;
    background-color: #f1f4f6;
    font-size: 16px;
    font-weight: 500;
  }
  .fc .fc-col-header-cell.fc-day-sun {
    color: #d72727;
  }
  .fc .fc-col-header-cell.fc-day-sat {
    color: #2b6fcb;
  }
  .fc-day-sun .fc-daygrid-day-number {
    color: #d72727;
  }
  .fc-day-sat .fc-daygrid-day-number {
    color: #2b6fcb;
  }
  .fc .fc-scrollgrid-liquid {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
  }
  /*.fc .fc-daygrid-day-frame {
    height: 100px;
  }*/
  .fc .fc-cell-shaded, 
  .fc .fc-day-disabled {
  }
  .fc-direction-ltr .fc-daygrid-event.fc-event-start,
  .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-right: 4px;
  }
  .fc-direction-ltr .fc-daygrid-event.fc-event-start,
  .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 4px;
  }
  .fc .fc-daygrid-more-link {
    border-radius: 5px;
    background: #a2dbdf;
    padding: 1px 5px;
    display: inline-block;
    margin-top: 2px;
  }
  .fc-h-event .fc-event-main-frame {
    line-height: 1;
  }
  .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
    padding: 3px 2px;
  }
  .fc-list-event-time {
    display:none;
  }
  @media (max-width: 768px) {  
    .wrap.calendar {
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .wrap .calendar-list {
     /* display: none; */
    }
    .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
        display:none;
    }
    .wrap.calendar .calendar-list {
        margin:20px 0 0;
    }
    .fc .fc-toolbar.fc-header-toolbar {
      white-space: nowrap;  
    }
    .fc .fc-button-primary.fc-Year-button,
    .fc .fc-button-primary.fc-Month-button {
      font-size: 15px;
      font-weight: 500;
    }
    .fc .fc-button.fc-prev-button,
    .fc .fc-button.fc-next-button{
      transform: scale(.8);
    }
    .fc .fc-today-button.fc-button-primary {
      padding: 3px 10px;
      font-size: 14px;
    }
    
  }

@media screen and (max-height: 280px) {
 
}

/* Mobile Device */
@media screen and (max-width: 320px) {

}


@media screen and (min-height: 280px) and (max-height: 414px) {

}

@media screen and (min-height: 280px) and (max-height: 414px) and (min-width: 768px) {
}

/* Desktop Device */
@media screen and (max-width: 1099px) {

}

/* Desktop Device */
@media screen and (max-height: 1000px) {

}


/* print */

@page {
    size: auto; 
    margin: 10mm;
  }

@media print {
    * {
        margin: 0; 
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact; 
    }
    #gnb, .top-util, .bg-gnb, .top-area, .lnb-box, .search-area, #footer {
        display: none;
    }
    .for-pc {display: block !important;}
    .m-board.for-pc {display: table !important;}
    .for-mobile {display: none !important;}
    .p-block {display: block;}
    body {
        display: block;
        width: auto;
        height: auto;
        overflow: visible;
    }
    /* main */
.main-slide {
    position: relative;
    height:630px;
    background-image:url('../img/main/main_slide01.png');
    background-repeat: no-repeat;
    background-position: center;
}
.main-slide .visual-box {
    padding:50px 0;
}
.main-slide .visual-box .visual-cont {
    position: relative;
    min-height: 530px;
}
.main-slide .visual-box .visual-cont .slide-detail {
    position: relative;
    margin-top:220px;
    font-size: 2rem;
    color:#111;
}
.main-slide .visual-box .visual-cont .slide-detail::after {
    content: '';
    position: absolute;
    top:12px;
    left:0;
    width: 100%;
    height:16px;
    border-radius: 2.5rem;
    background:#a2dbdf;
    z-index:-1;
}
.main-slide .visual-box .visual-cont .slide-img {
    position:absolute;
    top:0;
    right: 0;
    width: 100%;
}
.main-slide .visual-box .visual-cont .slide-img img {
    width: 100%;
}
/* dot */
.main-slide .ctrl-slick-slider {
    position: relative;
    display:flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}
.main-slide .ctrl-slick-slider .slide-dots {
    display: inline-block;
    padding: 0;
    list-style: none;
    text-align: center;
}
.main-slide .ctrl-slick-slider .slide-dots li {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    line-height: 50px;
    padding: 0;
    cursor: pointer;
}
.main-slide .ctrl-slick-slider .slide-dots li:nth-child(n+4) {
    display: none !important;
}
.main-slide .ctrl-slick-slider .slide-dots li a {
    display:block;
    width:100%;
    height:100%;
    color:#111;
    font-size:1.2rem;
    border:1px solid #e6e6e6;
    border-radius:50%;
}
.main-slide .ctrl-slick-slider .slide-dots li.slick-active a, .main-slide .ctrl-slick-slider .slide-dots li a:hover {
    color:#fff;
    border-color:#383b4a;
    background:#383b4a;
}
/* Arrows */
.main-slide .visual-box .slick-prev,
.main-slide .visual-box .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    margin-top:-67px;
    width: 34px;
    height: 54px;
    padding: 0;

    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-repeat: no-repeat;
    background-color:transparent;
    background-image:url('../img/main/main_visual_arrow.png')
}
.main-slide .visual-box .slick-prev {
    left: -9.34%;
}
.main-slide .visual-box .slick-next {
    right: -9.34%;
    background-position: top right;
}
.main-slide .visual-box button:hover {
    background-position-y: bottom;
}
.main-slide .ctrl-slick-slider .play-ctrl {
    top:50%;
    margin:38px 0 0 -413px;
    width:50px;
    height:50px;
    background-position: -2px;
}
.main-slide .ctrl-slick-slider .play-ctrl.play {
    background-position: -54px;
}
.main-slide .ctrl-slick-slider .play-ctrl:hover {
    background-position-y:-2px;
}
.category {
    padding:60px 0 80px;
}
.category .cate-wrap {
    max-width:1200px;
}
.category .cate-wrap ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.category .cate-wrap ul li {
    max-width: 170px;
}
.category .cate-wrap ul li a:hover {
    text-decoration: none;
}
.category .cate-wrap .thumb {
   margin-bottom:20px;
   width:160px;
   height:160px;
}

.category .cate-wrap .thumb.grow {
    background-position: -160px 0;
}
.category .cate-wrap .thumb.hope {
    background-position: -320px 0;
}
.category .cate-wrap .thumb.psy {
    background-position: -480px 0;
}
.category .cate-wrap .thumb.visit {
    background-position: -640px 0;
}
.category .cate-wrap .thumb.fit {
    background-position: -800px 0;
}
.category .cate-wrap a:hover .thumb {
    background-position-y: -160px;
}
.category .cate-wrap dl {

}
.category .cate-wrap dt {
    font-size:2rem;
    font-weight: bold;
}
.category .cate-wrap a:hover dt::after {
    content: '';
    position: absolute;
    left:0;
    width: 100%;
    border-radius: 2.5rem;
    background:#a2dbdf;
    z-index:-1;
    top:13px;
    left:0;
    width: 100%;
    height:16px;
}
.category .cate-wrap dd {
    margin-top: 10px;
    font-size: 1.6rem;
}
.category .cate-wrap dd > span {
}

/* news */
.main .news {
    padding:58px 0 80px;
}
.main .news:after {
    background:#fbfbfb;
}
.wrap {
    max-width: 1200px;
}
.main .news .news-tab {
    margin-top:30px;
}
.main .news .news-tab li {
    padding:0 5px;
    display:inline-block;
}
.main .news .news-tab li a {
    position: relative;
    display: inline-block;
    font-size:2rem;
    color:#666;
}
.main .news .news-tab li.active a {
    font-weight:bold;
    color:#111;
}
.main .news .news-tab li.active a::after {
    top:12px;
    left:0;
    width: 100%;
    height:16px;
}
.main .news .news-cont {
    display: flex;
    margin:24px -10px 0;
}
.main .news .news-cont .news-list {
    margin:0 10px;
    padding:50px 30px 40px;
    width: 285px;
    border-radius: 20px;
    box-shadow:7px 7px 30px 0px rgba(0, 0, 0, 0.1);
}
.main .news .news-cont .news-list .news-tit {
    min-height:84px;
    font-size:2rem;
}
.main .news .news-cont .news-list .news-tit .ico.ico-new {
    margin-top:2px;
    width:24px;
    height:24px;
    font-size:1.2rem;
    line-height:24px;
}
.main .news .news-cont .news-list .news-detail {
    margin:20px 0 38px;
    min-height:75px;
    font-size:1.8rem;
}
.main .news .news-cont .news-list .news-date {
    font-size:1.6rem;
}
.center-news {
    padding:115px 0 90px;
    background:#fef9e6 url("/img/main/bg_center.png") no-repeat center;
}
.center-news .schedule .section-tit {
    margin-left:16px;
}
.center-news .wrap > div {
    display: inline-block;
    vertical-align: top;
}
.center-news .center-act {
    width:800px;
}
.center-news .center-act .center-info {
    margin-top:30px;
}
.center-news .center-act .center-info .info-box {
    margin:0 20px 30px 0;
    width: 380px;
    height:380px;
    border-radius: 20px;
    box-sizing: border-box;
    box-shadow: 10px 13px 13px 0px rgba(71, 73, 75, 0.15);
}
.center-news .center-act .center-info .thumb {
    width:380px;
    height:235px;
}
.center-news .center-act .center-info .thumb img {
    width: 100%;
    height:100%;
    min-height: 234px;
}
.center-news .center-act .center-info .info-cont {
    padding:24px 30px;
}
.center-news .center-act .center-info h3 {
    min-height:56px;
    font-size: 2.4rem;;
}
.center-news .center-act .center-info .info-date {
    margin-top:15px;
    font-size:1.6rem;
}
.center-news .center-act .slick-dots {
    top: -60px;
    right: 20px;
    padding: 0;
    margin: 0;
}
.center-news .center-act .slick-dots li {
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
}
.center-news .center-act .slick-dots li button {
    line-height:30px;
}
.center-news .center-act .slick-dots li.slick-active button, .center-news .center-act .slick-dots li button:hover {
    background:#fff;
}
.center-news .wrap .main-calendar {
    margin: 36px 0 0 16px;
    width: 380px;
}
.center-news .ui-widget.ui-widget-content {
    padding: 32px 30px 0 30px;
    width: 100%;
    min-height:380px;
    box-sizing: border-box;
    border:0 none;
    border-radius: 20px;
    box-shadow: 15px 13px 20px 0px rgba(71, 73, 75, 0.15);
}
.center-news .ui-datepicker .ui-datepicker-title {
    margin:0;
    text-align:left;
    font-size:2.4rem;
}
.center-news .ui-datepicker .ui-datepicker-title > span  {
    vertical-align: baseline;
}
.center-news .ui-datepicker .ui-datepicker-title select {
    padding-right:0;
    width:auto;
}
.center-news .ui-datepicker .ui-datepicker-prev span, .center-news  .ui-datepicker .ui-datepicker-next span {
    margin-top:17px;
}
.center-news .ui-datepicker .ui-datepicker-prev .ui-icon {
    margin-left:276px;
}
.center-news .ui-datepicker .ui-datepicker-next .ui-icon {
    margin-left:0;
}
.center-news .event-date {
    position: relative;
}
.center-news .event-date a {
    background: #a2dbdf;
}
.center-news .event-date a:hover {
    color:#fff !important;
    background:#2f8188;
}

.center-news .event-date:hover:after {
    background: #2f8188;
    border-radius: 25px;
    top: -90%;
    color: #fff;
    content: attr(title);
    left: 20%;
    margin-top:-14px;
    padding: 12px 15px;
    position: absolute;
    z-index: 98;
    width: auto;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 400;
}
.center-news .event-date:hover:before {
    border: solid;
    border-color: #2f8188 transparent;
    border-width: 18px 23px 0 0px;
    content: "";
    left: 85%;
    top:-5px;
    position: absolute;
    transform: rotate(12deg);;
    z-index: 99;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    max-width:36px;
}

/* 메인 하단배너 */
.main-banner {
    position: relative;
}
.main-banner::after {
    content: '';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-size:cover;
    z-index: -2;
}
.main-banner .for-pc {
    position: relative;
    z-index: -2;
}
.main-banner .detail {
    position: absolute;
    top:50%;
    left:50%;
    margin:50px 0 0 -552px;
}
.main-banner .detail a {
    position: relative;
    display: inline-block;
    padding:0 5px;
    font-size: 2rem;
    font-weight: 400;
    color: #111;
}
.main-banner .detail a::after
{
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 16px;
    border-radius: 2.5rem;
    background: #a2dbdf;
    z-index: -1;
}

/* search */
.search-area {
    width:60%;
}
.search-box {
    padding:10px 20px;
}
.search-box .input_search {
    width: 95%;
}
.search-box .btn_search {
    width: 22px;
    height:22px;
    background:url('../img/common/btn_search.png') no-repeat center;
}


.cont-box {
    padding:60px 40px 100px;
}
.section-box {
    margin-top:60px;
}
.section-box.first {
    margin-top:0px;
}
.section-box .sec-tit {
    margin-bottom:30px;
    padding-left:23px;
    font-size:2.4rem;
}
.section-box .sec-tit.sm {
    line-height: 3.2rem;
    font-weight: 300;
    background-position: 0 10px;
}
.section-box .sec-tit.sm b {
    vertical-align: top;
}
.section-box .sec-sub-tit {
    padding-left:16px;
}
.section-box .sec-txt {
    margin-bottom:30px;
    line-height: 3.2rem;
    font-size:1.8rem;
    color:#666;
}
.section-box .sec-txt .import::after {
    content: '';
    position: absolute;
    top:16px;
    left:0;
    width: 100%;
    height:10px;
    border-radius: 2.5rem;
    background:#a2dbdf;
    z-index:-1;
}
.section-box .caution {
    margin:10px 0 0 10px;
    padding-left:30px;
    text-indent: -30px;
    font-size: 1.6rem;
    color:#666;
}
.section-box .round-box.inline {
    display:inline-block;
    padding:10px 20px;
    font-size:1.8rem;
    font-weight:500;
}
.section-box .section {
    margin-top:80px;
}


.section-box .half-box .round-box {
    margin:36px 0 -28px;
    padding:10px 0;
    font-size:1.5rem;
    letter-spacing: -0.02rem;
    text-align: center;
}
.section-box .round-box.solo {
    margin-top:30px;
    padding:50px 0 35px;
    font-size:2.4rem;
    border-style: dashed;
}
.section-box .round-box.solo .m-block {
    vertical-align: top;
}
.half-box {
    display: flex;
    flex-wrap: nowrap;
    margin: 20px 0 0;
}
.half-box > div {
    margin:0 10px;
}

.half-box.info  {
    padding:50px 50px 40px;
}
.half-box.info:first-child {
    padding-bottom:50px;
}
.half-box.info:first-child  {
    padding-top:0;
}
.half-box.info > div {
    margin:0;
    width:100%;
    min-height:348px;
}
.half-box.info  {
    position: relative;
    border-bottom:1px dashed #e9e9e9;
}
.half-box.info .r-area {
    margin-left:auto;
}
.half-box.info:first-child .r-area .img-box {
    top:0;
}
.half-box.info .r-area .img-box {
    position: static;
}
.half-box.info .l-area .img-box {
    position: static;
    text-align: right;
}
.half-box.info.no-line, .half-box.info:last-child  {
    border-bottom: 0 none;;
}
.half-box.info:nth-child(2n) .txt {
   text-align: right;
}
.half-box.info:nth-child(2n) .btn-box {
    text-align: right;
 }
 .half-box.info:nth-child(2n) .btn-box .btn {
    margin-right: 0;
 }
.half-box.info .img-box {
    border-radius: 2.5rem;
}
.half-box.info h4 {
    margin-top:20px;
    font-size:3.6rem;
}
.half-box.info .txt {
    margin-top:40px;
    line-height:3.2rem;
    font-size:1.8rem;
}
.half-box.info .btn-box {
    text-align: left;
}
.half-box.info .btn-box .btn {
    margin-left:0;
}
/* 탈북학생 현황 */
.sub-info-txt {
    padding-left:10px;
    font-size: 1.6rem;
    font-weight: 300;
    color:#666;
}
.graph-box {
    margin:20px 0;
    overflow: hidden;
    border:1px solid #ddd;
    border-radius: 20px;
}
.graph-box img {width: 100%;}

.chart-wrapper ul li {
    margin:0 10px;
    padding:22px 0 16px;
    width: 210px;
    text-align: center;
    background:url('/img/common/bg_graph_body.png') repeat-y center;
}
.chart-wrapper ul li::before {
    content: '';
    display: block;
    position: absolute;
    top:-20px;
    left:0;
    right:0;
    width: 100%;
    height:22px;
    background: url('/img/common/bg_graph_top.png') no-repeat center;
}
.chart-wrapper ul li::after {
    content: '';
    display: block;
    position: absolute;
    bottom:-16px;
    left:0;
    right:0;
    width: 100%;
    height: 16px;;
    background: url('/img/common/bg_graph_bottom.png') no-repeat center;
}
.chart-wrapper ul li span {
    color:#333;
}
.chart-wrapper ul li .count {
    position: absolute;
    top:-40px;
    left:0;
    right:0;
}
.chart-wrapper ul li .year {
    position: absolute;
    bottom:-40px;
    left:0;
    right:0;
}

/* 단계별 교육 절차 */
.edu-step-box {
    margin:40px 0 80px;
}
.edu-step-box .step-wrap {
    position: relative;
    padding:0 60px 0 260px;
}
.edu-step-box .step-wrap::after {
    content: '';
    position: absolute;
    top:190px;
    left:60px;
    display: block;
    width: 100%;
    height: 365px;
    background:url('/img/common/bg_step_line.png') no-repeat;
    background-size: 100%;
    z-index: 1;
}
.edu-step-box .edu-step {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.edu-step-box .tit-box { 
    position: absolute;
    top:50%;
    left:0;
    margin-top:-174px;
    padding:52px 80px;
    width: 100%;
    font-size:2.4rem;
    font-weight: 500;
    border-radius: 1rem;
    border:2px dotted #b1e2e5;
    box-sizing: border-box;
    z-index: 1;
}
.edu-step-box .tit-box.last {
    margin-top:-14px;
    padding:134px 90px;
} 
.edu-step-box .edu-step dl {
    margin-left:20px;
    padding:30px 20px;
    width: 33%;
    min-height:277px;
    border-radius: 1rem;
}
.edu-step-box .edu-step dt {
    margin:0 20px;
    padding:22px 10px;
    font-size:2.2rem;
    border-radius: 50px;
}
.edu-step-box .edu-step dd {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top:50px;
    padding:27px 0;
    font-size:1.8rem;
}
.edu-step-box .edu-step dd > span {
    width: 100%;
    font-size:1.6rem;
}
.edu-step-box .edu-step .first {
}
.edu-step-box .edu-step.middle dt {
    display:none;
}
.edu-step-box .edu-step.middle dl {
    margin-top:-90px;
    padding-bottom:55px;
}
.edu-step-box .edu-step.middle .first dd {
    margin-top:120px;
}

.edu-step-box .edu-step.middle .third dd {
    margin-top:134px;
}
.edu-step-box .edu-step .second {
}
.edu-step-box .edu-step .second dt {
}
.edu-step-box .edu-step.ele .second dd {
    display:none;
}
.edu-step-box .edu-step .third {
}
.edu-step-box .edu-step .third dt {
}
.edu-step-box .edu-step .third dd {
    margin-top:62px;
}
/* 인사말 */
.greeting-box {}
.greeting-box .txt {
    margin-top:40px;
    line-height:3.2rem;
    font-size:1.8rem;
}
/* 행사일정 */
#calendar {
    width: 100%;
    margin: 0 auto;
  }
  .fc-toolbar-title {
    /*display: none;*/
  }
  .fc .fc-button-primary.fc-Year-button,
  .fc .fc-button-primary.fc-Month-button {
    background: none;
    color: #000;
    border: 0;
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 26px;
  }
  .fc .fc-button-primary.fc-Year-button > span,
  .fc .fc-button-primary.fc-Month-button > span {
    position: relative;
    vertical-align: baseline;
    z-index: -1;
  }
  .fc .fc-button-primary.fc-Year-button:hover,
  .fc .fc-button-primary.fc-Month-button:hover,
  .fc .fc-button-primary.fc-Year-button:focus,
  .fc .fc-button-primary.fc-Month-button:focus,
  .fc .fc-button-primary.fc-Year-button:active,
  .fc .fc-button-primary.fc-Month-button:active {
    background: none;
    border: 0;
    outline: 0;
    box-shadow: none !important;
    color: #000;
  }
  
  .fc-license-message {
    display: none;
  }
  .yearpicker-container {
    z-index: 50;
  }
  .yearpicker-container ul {
    margin: 0;
  }
  .yearpicker-container .yearpicker-items {
   box-sizing: border-box; 
  }
  .monthpicker {
      display: none;
  }
  .fc .fc-daygrid-day.fc-day-today {
    position: relative;
    background: #fff;
  }
  .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    background: #2f8188;
    color: #fff;
  }
  .fc-daygrid-day {
    transition: all .5s ease;
  }
  .fc-daygrid-day.active,
  .fc .fc-daygrid-day.fc-day-today.active {
    background: #efefef;
  }
  .fc-theme-standard td,
  .fc-theme-standard th {
    border-bottom: 0;
    border-right: 0;
  }
  .fc-theme-standard th {
    border-bottom: 1px solid #ddd;
  }
  .wrap.calendar {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    display: flex;
  }
  .wrap.calendar .calendar-list {
    min-width: 300px;
    max-width: 300px;
    border: 1px solid #ddd;
    border-top: 0;
    margin-left: 20px;
    margin-top: 70px;
    border-radius: 20px 20px 20px 20px;
  }
  .wrap.calendar .calendar-list h2 {
    margin: 0;
    padding: 13px 15px;
    background: #efefef;
    border: 1px solid #b1e2e5;
    background: #e8f9fa;
    border-radius: 20px 20px 0 0;
    margin: -1px;
    text-align: center;
    font-size: 16px;
  }
  .wrap.calendar .calendar-list ul,
  .wrap.calendar .calendar-list li,
  .wrap.calendar .calendar-list h3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .wrap.calendar .calendar-list ul {
    padding: 0 0 0 20px;
    margin: 10px 0 10px 20px;
  }
  .wrap.calendar .calendar-list li {
    list-style-type: disc;
    padding: 10px 0;
  }
  .wrap.calendar .calendar-list li .tit {
    font-size: 16px;
    padding: 5px 0;
  }
  .wrap.calendar .calendar-list li .date {
    font-size: 14px;
    color: #666;
  }
  .fc .fc-daygrid-day-top {
    flex-direction: row;
  }
  .fc .fc-daygrid-day-number {
    padding: 0;
    margin: 3px 5px;
    border-radius: 50%;
    width: 27px;
    height: 26px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    padding: 2px;
    margin: 3px;
    font-size: 14px;
  }
  .fc .fc-button.fc-prev-button {
    transform: translateX(-30px);
    background-color: #fff;
    border-color: #ddd;
    border-radius: 50%;
    width: 40px;
    height: 40px;
  }
  .fc .fc-button.fc-next-button {
    transform: translateX(30px);
    background-color: #fff;
    border-radius: 50%;
    border-color: #ddd;
    width: 40px;
    height: 40px;
  }
  .fc .fc-button.fc-prev-button .fc-icon,
  .fc .fc-button.fc-next-button .fc-icon {
    color: #333;
    width: auto;
    height: auto;
    top: 10px;
    left: 9px;
    font-size: 18px;
    position: absolute;
  }
  .fc .fc-button.fc-next-button .fc-icon {
    left: 11px;
  }
  .fc .fc-button.fc-prev-button:active,
  .fc .fc-button.fc-next-button:active,
  .fc .fc-button.fc-prev-button.fc-button-primary:focus,
  .fc .fc-button.fc-next-button.fc-button-primary:focus {
    background: #fff;
    border-color: #ddd;
    box-shadow: none;
  }
  .fc .fc-today-button.fc-button-primary {
    background-color: #2f8188;
    border-color: #2f8188;
    border-radius: 6px;
    padding: 5px 15px;
  }
  .fc .fc-toolbar.fc-header-toolbar {
    margin: 10px 0 20px;
  }
  .fc .fc-col-header-cell {
    padding: 14px 0;
    background-color: #f1f4f6;
    font-size: 16px;
    font-weight: 500;
  }
  .fc .fc-col-header-cell.fc-day-sun {
    color: #d72727;
  }
  .fc .fc-col-header-cell.fc-day-sat {
    color: #2b6fcb;
  }
  .fc .fc-scrollgrid-liquid {
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
  }
  .fc .fc-daygrid-day-frame {
    height: 100px;
  }
  .fc .fc-cell-shaded, 
  .fc .fc-day-disabled {
  }
  .fc-direction-ltr .fc-daygrid-event.fc-event-start,
  .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-right: 4px;
  }
  .fc-direction-ltr .fc-daygrid-event.fc-event-start,
  .fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 4px;
  }
  .fc .fc-daygrid-more-link {
    border-radius: 5px;
    background: #a2dbdf;
    padding: 1px 5px;
    display: inline-block;
    margin-top: 2px;
  }
  .fc-h-event .fc-event-main-frame {
    line-height: 1;
  }
  .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
    padding: 3px 2px;
  }
  .fc-list-event-time {
    display:none;
  }
/* 조직도 */
.org-list {}
.org-list .org-box {
}
.org-list .org-box > ul {}
.org-list .org-box li {
    position: relative;
}
.org-list .org-box .line01::after {
    bottom:-232px;
    left:50%;
   width:1px;
   height:232px;
}
.org-list .org-box .line01::before {
    bottom: -28px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    border: 4px solid #fff;
    background: #2f8188;
}
.org-list .org-box .line02::before {
    bottom: -47px;
    z-index: 1;
    margin-left: 297px;
    width: 14px;
    height: 14px;
    border: 4px solid #fff;
    background: #96dfe4;
}
.org-list .org-box .line02::after {
    bottom: -20px;
    left: 50%;
    width: 304px;
    height: 1px;
}
.org-list .org-box .line03::after {
    bottom: 62px;
    left: 50%;
    margin-left: 303px;
    width: 1px;
    height: 20px;
}
/* 20240402 수정 */
.org-list .org-box .line03::before {
    bottom: -47px;
    z-index: 1;
    margin-left: -405px;
    width: 14px;
    height: 14px;
    border: 4px solid #fff;
    background: #96dfe4;
}
/* 20240402 라인수정 */
.org-list .org-box .line04::after {
    top: 22px;
    left: 40%;
    width: 790px;
    height: 1px;
    margin-left: -268px;
}
.org-list .org-box .line04::before {
    top: 33px;
    z-index: 1;
    margin-left: 261px;
    width: 14px;
    height: 14px;
    border: 4px solid #fff;
    background: #96dfe4;
}
.org-list .org-box .line05::after {
    top: 22px;
    left: 50%;
    width: 1px;
    height: 100px;
    margin-left: 3px;
    z-index: -1;
}
.org-list .org-box .line05::before {
    top: 115px;
    margin-left: -4px;
    width: 14px;
    height: 14px;
    border: 4px solid #96dfe4;
    background: #f9f9f9;
}
.org-list .org-box .line06::after {
    top: 22px;
    left: 50%;
    width: 1px;
    height: 100px;
    margin-left: -3px;
    z-index: -1;
}
.org-list .org-box .line06::before {
    top: 115px;
    margin-left: -10px;
    width: 14px;
    height: 14px;
    border: 4px solid #96dfe4;
    background: #f9f9f9;
}
.org-list .org-box ul > li > span {
    padding:20px 0;
    min-width:280px;
    font-size:1.8rem;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.org-list .org-box .mid-org {
    margin-top:20px;
}
.org-list .org-box .mid-org dt, .org-list .org-box .mid-org dd {
    display:inline-block;
}
/* 20240402 수정 */
.org-list .org-box .sub-org {
    margin-top:40px;
    min-width:425x;
}
.org-list .org-box .sub-org.line {
    margin-left:610px;
    min-width:280px;
}
.org-list .org-box .half > ul {
    display: flex;
    justify-content: space-evenly;
}
/* 20240402 수정 */
.org-list .org-box .half > ul > li {
    width: 425px;
}

/* 지원체계 */
.org-list.support {
    margin-top: 40px;
}
.org-list.support .support-tit {
    font-size:3.6rem;
}
.org-list.support .org-box .half > ul {
    justify-content: space-between;
}
.org-list.support .org-box .half > ul > li {
    width: 542px;
}
.org-list.support .org-box .half.three > ul {
    justify-content: center;
}
.org-list.support .org-box .half.three > ul > li {
    width: 330px;
}
.org-list.support .org-box .top-org {
    margin-top:40px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.org-list.support .org-box li.top::after {
    left:calc(50% - 1px);
    bottom:-30px;
    width:1px;
    height:30px;
}
.org-list.support .org-box .mid-org {
    margin-top:30px;
}
.org-list.support .org-box .mid-org::before {
    top:-7px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    border: 4px solid #fff;
    background: #2f8188;
}
.org-list .org-box .sub-org.arrow::before {
    top:-40px;
    z-index: 1;
    margin-left: -7px;
    width: 14px;
    height: 40px;
    background: url('/img/common/bg_support_arrow.png') no-repeat center;
}
.org-list.support .org-box .sub-org {
    min-width: 280px;
}
.org-list.support .org-box .sub-org-info {
    margin-top:40px;
}
.org-list .org-box .sub-org-info dt {
    padding: 20px 0;
    min-width: 280px;
    border-top-left-radius: 30px;
    font-size: 1.8rem;
}
.org-list .org-box .sub-org-info dd {
    display: inline-block;
    min-width: 280px;
    border-bottom-right-radius: 30px;
    font-size: 1.8rem;
}
.org-list .org-box .sub-org-info dd > span {
    display: inline-block;
    padding:20px 25px;
    min-width: 70px;
}
.org-list .org-box .sub-org-info dd.solo {
    padding: 20px 0;
}
.org-list .org-box.line {
    position: relative;
    margin-top:70px;
    padding:50px;
}.org-list .org-box.line::before {
    content:'';
    position: absolute;
    top:-40px;
    left:50%;
    margin-left:-38px;
    display: block;
    width: 76px;
    height:33px;
    background:url('/img/common/bg_support_multi.png') no-repeat center;

}
.org-list .org-box.line .round-box {
    margin-top:15px;
    padding:19px 0;
    font-size:1.8rem;
}
.org-list .org-box.line .mid-org::before {
    top:70px;
    border: 4px solid #2f8188;
    background: #fff;
}
.org-list .org-box.line .mid-org::after {
    content: '';
    position: absolute;
    z-index: 1;
    top:60px;
    left:50%;
    width: 1px;
    height: 10px;
    background: #2f8188;
}
.org-list .org-box .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.org-list .org-box .flex-box .round-box.dash {
    min-width: 32%;
}
.org-list .org-box .flex-box.last .round-box.dash {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 44px;
}
.org-list .org-box .flex-box .table-box {
    margin-top: 15px;
    width: 49%;
}
.org-list .org-box .flex-box .table-box table {
    min-height:150px;
}
.org-list .org-box .flex-box .table-box table td {
}
/* map */
.map-box {}
.map-box .map-area {
    overflow: hidden;
    border:1px solid #ececec;
    border-radius:15px;
    height:375px;
}
.map-box .map-area .root_daum_roughmap {
}
.map-box .root_daum_roughmap .wrap_map {
    height:343px;
}
.map-box .root_daum_roughmap .wrap_controllers {
    padding:9px 11px;
}
.map-box .loaction-info{
    margin-top:25px;
}
.map-box .loaction-info .map-tel {
    margin-top:7px;
}
.map-box .loaction-info dl {
    font-size:1.6rem;
}
.map-box .loaction-info dt {
    min-width: 80px;
    padding-right:20px;
    height:22px;
}
.map-box .loaction-info dd {
}
.map-box .traffic-box {
    margin-top:55px;
}
.map-box .traffic-box .half-box {}
.map-box .traffic-box .half-box > div {
    min-height:600px;
}
.map-box .traffic-box .half-box h4 {
    padding:24px 40px;
    font-size:3rem;
}
.map-box .traffic-box .half-box h4 .ico {
    margin-left:auto;
}
.map-box .traffic-box .detail-info {
    padding:0 40px 40px;
}
.map-box .traffic-box dl {
    margin:40px 0;
}
.map-box .traffic-box dl:last-child {
    margin-bottom:0;
    border-bottom: 0;
}
.map-box .traffic-box dl:last-child dd {
    margin-bottom: 8px;
}
.map-box .traffic-box .car-info dl {
}
.map-box .traffic-box dt {
    margin-bottom:27px;
    font-size:1.6rem;
}
.map-box .traffic-box dd {
    margin-bottom:40px;
    line-height:2.8rem;
    font-size:1.6rem;
}
.map-box .traffic-box dd li {
    margin-bottom: 15px;
}

/* table */
.table-box {
    margin-top:30px;
}
.table-box .table-top-box {
    position: relative;
    min-height:40px;
}
.table-box .table-top-box.sec {
    margin-top:30px;
}
.table-box .table-top-box .btn-box {
    position: absolute;
    top:0;
    right: 0;
    margin:0;
}
.table-box .table-top-box .table-top-info {
    font-weight: bold;
    font-size:1.8rem;
}
.table-box .table-top-box .table-top-info .info-badge {
    font-size: 1.4rem;
}
.table-box .table-top-box .table-top-info .m-hidden {
    vertical-align: baseline;
}
.table-box table {
    table-layout: fixed;
}
.table-box thead th {
    height:70px;
    border-bottom:1px solid #333;

}
.table-box tbody td {
    padding:20px 0;
    font-size:1.6rem;
    text-align: center;
    border-bottom:1px solid #e8e8e8;
}
.table-box tbody td.title {
    padding-left:10px;
    color:#333;
    text-align:left;
}
.table-box tbody td .btn.normal:focus {
    color:#333;
}
.table-box .title span {
    display:inline-block;
}
.table-box .title .info-badge {
    margin-top:1px;
    min-width: 52px;
    height:25px;
    line-height: 25px;
    box-sizing: border-box;
}
.table-box .title .badge {
    display:inline-block;
    margin-right:10px;
    min-width:52px;
    height:25px;
    line-height:25px;
    color:#fff;
    font-size:1.4rem;
    text-align:center;
    border-radius: 2.5rem;
    background:blue;
}
.table-box .title a {
    position: relative;
    display:inline-block;
    max-width:85%;
    vertical-align: middle;
}
.table-box .title a:hover:after {
    content: '';
    position: absolute;
    top:16px;
    left:0;
    width: 100%;
    height:10px;
    border-radius: 2.5rem;
    background:#a2dbdf;
    z-index:-1;
}
.table-box .title .b-tit {
    display: block;
    max-width:100%;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space: nowrap;
}

.table-box .table-list {
    margin-top:8px;
}
.table-box .table-list .c-txt {
    margin-left:8px;
}
.table-box .table-list .txt {
    margin-left:12px;
}
/* 테이블 조직도 */
.table-box.org {
    margin-top:20px;
}
.table-box.org table {
}
.table-box.org table td {
   font-weight: 400;
}
.table-box table td .s-bullet {}
.table-box table td .s-bullet li {
    padding-left:35px;
    font-size:1.8rem;
    font-weight:400;
    color:#333;
    background:url('/img/common/sub_bullet.png') no-repeat 19px 8px;
}
/* 테이블 type01 */
.table-box .m-board {
    border-radius: 20px;
}
.table-box .m-board.m-line {
    position: relative;
} 
.table-box .m-board.solo {
    margin-top:20px;
}
.table-box .m-board th {
    height:50px;
    border: 1px solid #b1e2e5;
    background:#e8f9fa;
}

.table-box .m-board td {
    padding:10px 0;
    border:1px solid #e8e8e8;
}
.table-box .m-board .part tr {
    background:url('../img/common/bg_tr_arrow.png') no-repeat center;
}
.table-box .m-board .part tr td {
    border:0 none;
    border-bottom: 1px solid #e8e8e8;
}
.table-box .m-board .row td {
    padding-left:30px;
}
.table-box .m-board.m-line .single td {
    text-align: left;
    border-right: 1px solid #e8e8e8;
}
.table-box .m-board.m-line tr:first-child th:first-child {
    border-radius: 15px 15px 0 0;
}
.table-box .m-board.m-line tr:last-child td:last-child {
    border-radius: 0 0 15px 15px;
}

.table-box .m-board.m-line .row th {
    border-top:0 none;
}
.table-box .m-board.m-line .row tr:first-child th {
    border-top:1px solid #b1e2e5;
}
.table-box .m-board.m-line .row .no-r {
    border-right:0 none;
    border-bottom:2px solid #2f8188 !important;
}
.table-box .m-board.m-line .row .st {
    display: relative !important;;
}
.table-box .m-board.m-line .row .st th {
    border-right: 1px solid #b1e2e5 !important;
}
.table-box .m-board.m-line .row .st th:nth-child(2) {
    border-bottom: 1px solid #b1e2e5 !important;
}
.table-box .m-board .st th::after {
    content: '';
    position: absolute;
    top: 100px;
    left: 0;
    width: 2px;
    height:100px;
    background: #2f8188;
}
.table-box .m-board .st td::after {
    content: '';
    position: absolute;
    top: 100px;
    right: 0;
    width: 2px;
    height:100px;
    background: #2f8188;
}
.table-box .m-board.m-line .row .st th,
.table-box .m-board.m-line .row .st td {
    border-style:solid;
    border-color:#2f8188;
}
.table-box .m-board.m-line .row .st.up th,
.table-box .m-board.m-line .row .st.up td {
    border-width:2px 0 0 0;
}
.table-box .m-board.m-line .row .st.dn th,
.table-box .m-board.m-line .row .st.dn td {
    border-width:0 0 2px 0;
}
.table-box .m-board.m-line .row .st.up td {
    border-bottom:1px solid #e8e8e8;
}
.table-box .m-board.m-line .row tr:first-child th {
    border-radius: 15px 0 0 0;
}
.table-box .m-board.m-line .row tr:first-child th:nth-child(2) {
    border-radius: 0 15px 0 0;
    border-left:0;
}
.table-box .m-board.m-line .row tr:first-child td {
    border-radius: 0 15px 0 0;
}
.table-box .m-board.m-line .row tr:last-child th {
    border-radius: 0 0 0 15px;
}
.table-box .m-board.m-line .row tr:last-child td {
    border-radius: 0 0 15px 0;
}
.table-box .m-board.m-line .row td {
    border-top:0 none;
}
.table-box .m-board.m-line .row tr:first-child td {
    border-top:1px solid #e8e8e8;
}
.table-box .m-board.m-line .row tr td {
    border-left:0 none;
}
/* list */
.list-box {
    margin-top:40px;
}
.list-box .thumb-list {
}
.list-box .thumb-list ul {
    margin:0 -10px;
    font-size:0;
}
.list-box .thumb-list li {
    position: relative;
    display:inline-block;
    overflow:hidden;
}
.list-box .thumb {
    width: 100%;
    height: 254px;
}
.list-box .thumb img {
    width: 100%;
    height:100%;
    /* position: absolute;
    top: 50%;
    left: 50%;
    width:100%;
    transform: translate(-50%, -50%); */
}
.list-box .cont {
    padding:20px;
} 
.list-box .cont .list-tit {
    min-height:48px;
} 
.list-box .type-letter .cont .list-tit {
    min-height:auto;
} 
.list-box .cont .date {
    margin-top:10px;
    font-size:1.6rem;
}
.list-box .over {
    width:100%;
    height:100%;
}

.list-box .thumb-list li:hover {
    margin:9px;
    border:2px solid #2f8188;
}

.list-box li a:hover .over {
    display: flex;
}
.list-box .over .ico {
    width:60px;
    height:60px;
    background-position:-385px -1px;
}

.horizen-list {}
.horizen-list ul {}
.horizen-list > ul > li {
    margin:20px 0;
    padding:30px;
    border:1px solid #bcbcbc;
    border-radius: 1.5rem;
    display: table;
    width: 100%;
    box-sizing: border-box;
}
.horizen-list .thumb {
    display: inline-block;
    padding-bottom:0;
    width: 14%;
    width: 158px;
    min-width: 158px;
    height:198px;
    border:1px solid #bcbcbc;
    border-radius: 1.5rem;
    vertical-align: top !important;
}
.horizen-list .thumb img {
    height:100%;
}
.horizen-list .list-cont {
    display: inline-block;
    vertical-align: middle;
    width: calc(70% - 40px);
    padding-left:40px;
}
.horizen-list .list-tit {
    font-size:2.4rem;
}
.horizen-list .list-tit .info-badge {
    margin-left:10px;
    vertical-align: middle;
}
.horizen-list .list-txt {
    margin:24px 0 20px;
    line-height: 1.4;
    font-size:1.8rem;
}

.fc .fc-daygrid-body {
    position: relative;
    width: 100% !important;
    z-index: 1
}
.fc,.fc *,.fc :after,.fc :before {
    box-sizing: border-box;
    overflow: visible !important;
}
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    width: 100% !important;
}

.fc th {
    text-align: center
}

.fc td,.fc th {
    vertical-align: top;
    padding: 0;
}
.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%
}
.fc-theme-standard td,.fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color,#ddd)
}

.fc-liquid-hack td,.fc-liquid-hack th {
    position: relative
}


/* search */
.search-tit {
    margin:30px 0 20px;
    font-size:2.4rem;
}
.search-tit .key-word {
}
.s-result {
    margin-top:55px;
}
.s-result .s-head {
    margin-top:20px;
    padding:22px 10px;
    font-size:1.8rem;
}
.s-result .s-head .divider {
    width: 18px;
    height:16px;
    background-image: url('/img/common/bg_search_divider.png');
}
.s-result .s-head .btn-ico {
    position: absolute;
    right:20px;
}
.s-result ul {
    margin-bottom:20px;
}
.s-result li {
    display:flex;
    flex-wrap:nowrap;
    padding:22px 20px 22px 10px;
}
.s-result li a {
    position: relative;
    padding:0 5px;
}
.s-result li a:hover::after {
    content: '';
    position: absolute;
    top:16px;
    left:0;
    width: 100%;
    height:8px;
    border-radius: 2.5rem;
    background:#a2dbdf;
    z-index:-1;
}
.s-result li .date {
}
.s-result li .key-word {
}

.no-result {
    margin-top: 30px;
    padding:170px 0;
    border-radius: 8px;
}
.no-result .empty {
    width:220px;
    font-size:2.4rem;
}
.no-result .empty .thumb {
    margin:0 auto 20px;
    width:110px;
    height:110px;
    background-position:0 -136px ;
}

/* button */
.btn-box {
    margin-top:32px;
}
button.btn,a.btn,input[type="button"].btn {
    min-width: 76px;
    height: 40px;
    margin:0 10px;
    padding: 0 30px;
    border-radius: 8px;
    font-size: 1.6rem;
    line-height: 40px;
}
.btn.small {
    margin:0 5px;
    padding:0 20px;
    height:30px;
    line-height:30px;
}
.btn.large {
    padding:0 40px;
    height:50px;
    line-height:50px;
}
.btn.round {
    padding:0 53px;
    border-radius:3.5rem;
}
.btn.direct {
    font-size:1.6rem;
    border-radius: 0.8rem;
}
.btn.normal:hover {
    color:#333;
    border: 1px solid #686868;
}
.btn.strong:hover {
    background:#237178;
}

.btn.direct:hover {
    border:1px solid transparent;
    background:#82c7cc;
}
.btn.dark:hover {
    background:#444;
}
/* 자료실 */

.detail-box {
    
}
.detail-box .detail-top {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 26px 30px;
    border-top:2px solid #333;
    border-bottom:1px solid #d5d6d8;
}
.detail-box .detail-top .detail-tit {
    padding:0;
    font-size:2rem;
    font-weight: 600;
}
.detail-box .detail-top .detail-util {}
.detail-box .detail-top .detail-util dl {
    display: inline-block;
    margin-left:40px;
    font-size:1.6rem;
}
.detail-box .detail-top .detail-util dt {
    display: inline-block;
    margin-right:20px;
    font-weight: 600;
}
.detail-box .detail-top .detail-util dd {
    display: inline-block;
    color:#666;
}
.detail-box .detail-date {
    padding:15px 30px;
    font-size:1.6rem;
    font-weight:500;
    border-bottom: 1px solid #d5d6d8;
}
.detail-box .detail-date dt,
.detail-box .detail-date dd {
    display:inline-block;
}
.detail-box .detail-cont {
    position: relative;
    padding-top:10px;
    border-bottom:1px solid #333;
}
.detail-box .detail-cont .file-box {
    border-radius: 1.5rem;
    background:#f9f9f9;
}
.detail-box .detail-cont .file-tit {
    font-weight: 500;
}
.detail-box .detail-cont .file-box .detail-part {
    padding:20px 40px;

}
.detail-box .detail-cont .file-box .detail-part li {
    margin:4px 0;
}
.detail-box .detail-cont .file-box .detail-part a {
    padding-left:5px;
    color:#666;
}
.detail-box .detail-cont .file-box .detail-part a:hover {
    text-decoration: underline;
    color:#333;
}
.detail-box .detail-cont .file-box .detail-part.dash {
    border-top:1px dashed #ebebeb;
}
.detail-box .detail-cont .detail-txt {
    margin-top:40px;
    padding:20px;
    line-height: 3rem;
    color:#666;
    font-weight: 300;
}
.detail-box .detail-cont .detail-txt p {
   font-size: 1.8rem;
}
.detail-box .detail-cont .detail-txt ul {
   
}
.detail-box .detail-cont .detail-txt li {
   
}
.detail-box .detail-cont .tag {
    margin-top:40px;
}
.detail-box .detail-cont .open-nuri {
    text-align: right;
}
.detail-box .list-ctrl {
    margin-top:40px;
    border:solid #333;
    border-width: 1px 0 1px 0;
}
.detail-box .list-ctrl ul {}
.detail-box .list-ctrl li {
    display:flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding:20px;
}
.detail-box .list-ctrl li.next_list {
    border-top:1px solid #d5d6d8;
}
.detail-box .list-ctrl li .ico-updown {
    display: block;
    width: 12px;
    height: 7px;
    background: url(/img/common/ico_footer_arrow.png) no-repeat center;
}
.detail-box .list-ctrl .next_list .ico-updown {
    transform: rotate(180deg);
}
.detail-box .list-ctrl strong {
    padding-left:40px;
    
}
.detail-box .list-ctrl li a {
    margin-left:60px;
    color:#666;
}
.detail-box .list-ctrl .date {
    margin-left:auto;
    color:#666;
}

/* tab */
.nav {}
.nav .nav-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:0 -5px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav .nav-item li {
    margin:0 5px;
    flex-grow: 1;
    width: 24%;
    text-align: center;
    border-radius: 0;
}
.nav .nav-item li a {
    padding: 18px 0;
    font-size: 1.8rem;
}
.nav .nav-item li.active a, .nav .nav-item li a:hover {
    margin:-1px;
    font-weight:500;
    color:#2f838d;
    border:2px solid #2f838d;
}

/* faq */
.faq-list {
    margin-top:40px;
}
.faq-list dl {
    margin:10px 0;
    font-size:1.8rem;
}
.faq-list dt {
    padding:24px 70px;
}
.faq-list dt:before {
   top:26px;
   left:30px;
   width: 20px;
   height:20px;
   background-position:-116px -50px;
}
.faq-list dt::after {
    top:18px;
    right:30px;
    width: 35px;
    height:35px;
    background-position:-184px -38px;
}
.faq-list .active dt::after {
    top:13px;
}
.faq-list .active dt {
    margin:4px -1px;
}
.faq-list dd {
    padding:24px 70px;
    line-height:2.8rem;
}
.faq-list dd::before {
    top:35px;
    left:30px;
    width: 20px;
    height:20px;
    background-position:-141px -50px;
}

/* ico 아이콘형 버튼 */
a.btn-ico, button.btn-ico, span.btn-ico,span.ico {
    width:34px;
    height:34px;
}
.btn-ico.main-more {
    margin-left:13px; 
    background-position:-184px 0;
}
.ico.ico-file {
    margin-top:2px;
    margin-left:8px;  
    width:15px;
    height:17px;
    background-position:-1px -50px;
}
.ico.ico-link {
    margin-left:8px;  
    width:18px;
    height:17px;
    background-position:-88px -50px;
}
.ico.ico-new {
    margin-left:8px;  
    width:22px;
    height:22px;
    background-position:-22px -50px;
}
.ico.ico-noti {
    width:28px;
    height:24px;
    background-position:-49px -50px;
}
.ico.ico-more {
    width:30px;
    height:30px;
    background-position:-311px 1px;
}
.ico.ico-caution {
    width:24px;
    height:24px;
    background-position:-357px -9px;
}
.ico.ico-arrow {
    margin:-4px 0 0 15px;
    width:7px;
    height:12px;
    background-position:-230px -50px;  
}
.ico.ico-car {
    width:53px;
    height:50px;
    background-position:-312px -80px;
}
.ico.ico-bus {
    width:49px;
    height:50px;
    background-position:-257px -80px;
}



    
}