@charset "utf-8"; /* ==== 메인 비쥬얼 ====*/
.visual-content {
    position: relative;
    max-width: 1440px;
    padding: 37px 0 0;
    margin: 0 auto;
}

.visual-content:after {
    clear: both;
    display: block;
    overflow: hidden;
    content: "";
    height: 0
}

.visual-content .swiper-wrapper {
    height: auto;
}

.visual-content .swiper-slide {
    background-color: #ccc;
}

.visual-content .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.visual-content .swiper-slide .access {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 43.473%;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    text-indent: -9999em;
    font-size: 0;
}

.visual-content .swiper-slide .access:focus:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid blue;
}

.visual-content .swiper-pagination-current:after {
    content: "";
    display: inline-block;
    clear: both;
    width: 1px;
    height: 18px;
    margin: 0 22px ;
    background-color: #afafaf;
}

.visual-content .swiper-pagination-current, .visual-content .swiper-pagination-total {
    font-size: 24px;
    color: #666;
}

.visual-content .swiper-button-prev, .visual-content .swiper-button-next {
    width: 34px;
    height: 60px;
    text-indent: -9999em;
    position: absolute;
    cursor: pointer;
    top: 50%;
    z-index: 10;
    margin-top: -30px;
    -webkit-background-size: auto;
    background-size: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    display: none;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    display: none;
}

.visual-content .swiper-button-prev {
    background-image: url(/design/theme/child_kr/images//main/main_visual_prev.png);
    left: 20px;
}

.visual-content .swiper-button-next {
    background-image: url(/design/theme/child_kr/images//main/main_visual_next.png);
    right: 20px;
}

.visual-content .swiper-pagination-bullet {
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    margin: 0 6px;
    vertical-align: middle;
    border: 1px solid #fff;
    outline: 1px solid #666;
    cursor: pointer;
    font-size: 0px;
}

.visual-content .swiper-pagination-bullet-active {
    width: 25px;
    background: #3f0b9f;
    border: 1px solid #3f0b9f;
    border-radius:5px;
}

.visual-content .control_box {
    position: absolute;
    width: 100%;
    max-width: 1332px;
    right: 20px;
    bottom: 15px;
    z-index: 50;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.visual-content .control_box .swiper-pagination {
    position: static;
    position: static;
    display: inline-flex;
    align-items: center
}

.visual-content .control_box .swiper-btn-ctrl {
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.visual-content .control_box .btn-pause {
    width: 38px;
    height: 38px;
    background-size: 38px;
    margin-left: 10px;
    background-image: url(/design/theme/child_kr/images/btn/main_btn_stop.png);
    margin-right: -5px;
}

.visual-content .control_box .btn-play {
    width: 38px;
    height: 38px;
    background-size: 38px;
    margin-left: 10px;
    background-image: url(/design/theme/child_kr/images/btn/main_btn_play.png);
}

/* ==== 어린이박물관 정보 탭 ==== */
.main-section-1 {
    max-width: 1440px;
    padding: 20px 0 68px;
    margin: 0 auto;
    position: relative;
    background-repeat: no-repeat;
    background-position: right top 12px;
    background-image: url(/design/theme/child_kr/images/main/bg_main_cont_01.png);
}

.main-section-1 .section-info {
    border-bottom: 3px solid #000000;
    margin-bottom: 34px;
}

.main-section-1 .section-info:after {
    clear: both;
    display: block;
    overflow: hidden;
    content: "";
    height: 0
}

.main-section-1 .main-info-area {
    float: left;
    padding: 12px 0 23px 0;
}

.main-section-1 .main-info-area > li {
    display: inline-block;
    margin-right: 53px;
    font-size: 0;
}

.main-section-1 .main-info-area > li:last-child {
    margin-right: 0
}

.main-section-1 .main-info-area > li > .info-tit {
    font-size: 23px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}

.main-section-1 .main-info-area > li > .info-txt {
    font-size: 19px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: -0.4px;
}

.main-section-1 .main-info-area > li > .info-txt span {
    font-weight: 600;
    font-family: Roboto;
}

.main-section-1 .main-info-area > li > .info-txt span.num {
}

.main-section-1 .main-info-area > li.info > .info-tit i {
    display: inline-block;
    width: 28px;
    height: 29px;
    margin-right: 4px;
    vertical-align: sub;
    background: url(/design/theme/child_kr/images//common/ico_main_cont_01.png) no-repeat left center;
    background-size: 28px;
}

.main-section-1 .main-info-area > li.admission > .info-tit i {
    display: inline-block;
    width: 31px;
    height: 28px;
    margin-right: 5px;
    margin-top: 1px;
    vertical-align: top;
    background: url(/design/theme/child_kr/images//common/ico_main_cont_02.png) no-repeat left center;
    background-size: 31px 28px;
}

.main-section-1 .info-link {
    float: right;
    width: 114px;
    margin-top: 12px;
}

.main-section-1 .info-link .btn {
    padding-bottom: 3px;
    font-size: 20px;
    border-bottom: 3px solid #000;
    font-weight: 600;
    letter-spacing: -0.4px;
}

.main-section-1 .info-link .btn i {
    display: inline-block;
    width: 30px;
    height: 20px;
    margin-left: 8px;
    margin-top: -2px;
    vertical-align: middle;
    background: url(/design/theme/child_kr/images//common/ico_main_arrow_01.png) no-repeat left center;
    background-size: 30px 20px;
}

/* ==== 관람 예약 현황 ==== */
.main-section-1 .main-reserve-area {
    font-size: 0;
}

.main-section-1 .main-reserve-area .reserve {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    padding-top: 26px;
}

.main-section-1 .reserve.schedule {
    height: 426px;
    border: 1px solid #ddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 0 40px;
    background-repeat: no-repeat;
    background-position: right bottom -22px;
    background-image: url(/design/theme/child_kr/images//main/bg_main_cont_02.png);
}

.main-section-1 .reserve.schedule .info-tit {
    font-size: 26px;
    text-align: center;
    padding: 32px 0 11px;
    letter-spacing: -0.3px;
}

.main-section-1 .reserve.schedule .info-tit i {
    display: inline-block;
    width: 28px;
    height: 26px;
    margin: -5px 8px 0 0;
    vertical-align: middle;
    background: url(/design/theme/child_kr/images//common/ico_black_calender.png) no-repeat left center;
    background-size: 28px 26px;
}

.main-section-1 .reserve.schedule ul li {
    border-bottom: 1px dashed #ddd;
    padding: 12px 0 16px;
}

.main-section-1 .reserve.schedule ul li span {
    display: inline-block;
    vertical-align: middle;
}

.main-section-1 .reserve.schedule ul li:last-child {
    border-bottom: none;
}

.main-section-1 .reserve.schedule ul li > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    letter-spacing: -0.25px;
    text-align: center;
}

.main-section-1 .reserve.schedule ul li .info-1 {
    width: 23.5%;
    color: #3f0b9f;
    text-align: left;
    padding-left: 30px;
}

.main-section-1 .reserve.schedule ul li .info-1 {
    font-size: 19px;
    position: relative;
    padding-left: 12px;
    font-weight: 600;
    letter-spacing: -0.3px;
}

.main-section-1 .reserve.schedule ul li .info-1::before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #3f0b9f;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.main-section-1 .reserve.schedule ul li .info-2 {
    width: 20%;
    font-size: 20px;
    text-align: center;
    color: #666;
    font-family: Roboto;
    letter-spacing: -0.7px;
    white-space: nowrap;
}

.main-section-1 .reserve.schedule ul li .info-3 {
    text-align: center;
    width: 26%;
    font-size: 18px;
    font-family: Roboto;
}

.main-section-1 .reserve.schedule ul li .info-3 strong {
    font-size: 24px;
    padding-left: 10px;
}

.main-section-1 .reserve.schedule ul li .info-3.gray {
    color: #999;
}

.main-section-1 .reserve.schedule ul li .info-4 {
    width: 30%;
    text-align: right;
    padding-right: 33px;
}

.main-section-1 .reserve.schedule ul li .info-4 span {
    display: inline-block;
    width: 128px;
    height: 40px;
    line-height: 40px;
    background-color: #006cb8;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.main-section-1 .reserve.schedule ul li .info-4 span i {
    display: inline-block;
    width: 14px;
    height: 13px;
    margin-right: 8px;
    vertical-align: middle;
    background: url(/design/theme/child_kr/images//main/ico_reserve_on.png) no-repeat left center;
    background-size: 14px 13px;
}

.main-section-1 .reserve.schedule ul li .info-4 span.deadline {
    background-color: #6f6f6f;
}

.main-section-1 .reserve.schedule ul li .info-4 span.deadline i {
    width: 12px;
    height: 9px;
    background-image: url(/design/theme/child_kr/images/main/ico_reserve_off.png);
    -webkit-background-size: 12px 9px;
    background-size: 12px 9px;
}

.main-section-1 .reserve.schedule ul li .no-data {
    display: block;
    font-size: 24px;
    text-align: center;
    color: #ff8400;
    font-weight: 600;
    margin: 85px 0 0px;
    line-height: 1.2;
}

.main-section-1 .reserve.schedule ul li .no-data i {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    background-image: url(/design/theme/child_kr/images/main/noDate_icon02.png);
}

/* ==== 관람, 교육 예약 ==== */
.main-section-1 ul.reserve li {
    display: inline-block;
    width: 50%;
    text-align: right;
}

.main-section-1 ul.reserve > li.reserve-link a {
    display: inline-block;
    text-align: center;
}

.main-section-1 ul.reserve > li.reserve-link a span {
    display: block;
    font-size: 26px;
    letter-spacing: -0.25;
    font-weight: 600;
}

.main-section-1 ul.reserve > li.reserve-link a i {
    display: inline-block;
    width: 300px;
    height: 300px;
    margin-bottom: 22px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.main-section-1 ul.reserve > li.reserve-link.tour a i {
    background-image: url(/design/theme/child_kr/images/main/bg_reserve_01.png);
}

.main-section-1 ul.reserve > li.reserve-link.edu a i {
    background-image: url(/design/theme/child_kr/images/main/bg_reserve_02.png)
}

/* ==== 전시, 교육 ==== */
.main-section-2 {
    background-color: #f3f9fe;
}

.main-section-2 .section-inner {
    max-width: 1440px;
    padding: 63px 0 67px;
    margin: 0 auto;
    position: relative;
}

.main-section-2 .section-inner:after {
    clear: both;
    display: block;
    overflow: hidden;
    content: "";
    height: 0
}

.main-section-2 .s-content {
    float: left;
    width: 50%;
}

.main-section-2 .s-content .no-data {
    text-align: center;
    padding-top: 86px;
}

.main-section-2 .s-content .no-data i {
    width: 140px;
    height: 154px;
    background-image: url(/design/theme/child_kr/images/main/noDate_icon.png);
}

.main-section-2 .s-content .no-data p {
    font-size: 24px;
    color: #666;
    line-height: 1.2;
    font-weight: 500;
    padding-top: 22px;
}

.main-section-2 .s-content.exhibition-content {
    width: 48.5%;
    margin-right: 3%;
}

.main-section-2 .s-content.edu-content {
    width: 48.5%;
}

.main-section-2 .main-section-2-tit {
    position: relative;
}

.main-section-2 .main-cont-tit {
    margin-bottom: 41px;
    color: #000;
    font-size: 44px;
    line-height: 1.2;
}

.main-section-2 .main-cont-tit a {
    margin-bottom: 30px;
    color: #000;
    font-size: 30px;
    ;}

.main-section-2 .pagination {
    position: absolute;
    top: 16px;
    right: 0
}

.main-section-2 .pagination-area {
    position: relative;
    width: 70px;
    height: 32px;
    text-align: center;
}

.main-section-2 .swiper-btn .swiper-button-next, .main-section-2 .swiper-btn .swiper-button-prev {
    position: absolute;
    top: 2px;
    margin-top: 0;
    width: 17px;
    height: 20px;
    z-index: 20;
    cursor: pointer;
    background-size: 10px 20px;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    opacity:1 !important;
}

.main-section-2 .swiper-btn .swiper-button-prev {
    background-image: url(/design/theme/child_kr/images//main/btn_swiper_prev.png);
    left: 0;
    right: auto;
}

.main-section-2 .swiper-btn .swiper-button-next {
    background-image: url(/design/theme/child_kr/images//main/btn_swiper_next.png);
    right: 0;
    left: auto;
}

.main-section-2 .swiper-slide > a {
    width: 100%;
    display: block;
    position: relative;
    outline-offset:-1px;
}

.main-section-2 .swiper-slide .img-area {
    text-align: center;
    position: relative;
    width: 100%;
    height: 220px;
}

.main-section-2 .swiper-slide .img-area > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
}

.main-section-2 .swiper-slide .over-cont {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: auto;
    padding: 28px 30px 20px;
    background-color: rgba(34, 34, 34, 0.9);
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.main-section-2 .swiper-slide > a:hover .over-cont, .main-section-2 .swiper-slide > a:focus .over-cont {
    opacity: 1;
}

.main-section-2 .swiper-slide .over-cont > strong {
    display: block;
    font-size: 21px;
    height: 57px;
    color: #fff;
    text-align: left;
    margin-bottom: 29px;
    line-height: 1.3;
    font-weight: 400;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.main-section-2 .swiper-slide .over-cont > ul li p {
    font-size: 15px;
    color: #fff;
    word-break: break-all;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.main-section-2 .swiper-slide .over-cont > ul li button {
    display: inline-block;
    font-size: 17px;
    color: #fed304;
    padding-bottom: 3px;
    border-bottom: 1px solid #fed304;
}

.main-section-2 .swiper-slide .over-cont > ul.reserve-link {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 28px;
}

.main-section-2 .swiper-slide .over-cont > ul.reserve-link li {
    display: inline-block;
    margin-left: 16px;
}

.main-section-2 .swiper-slide .over-cont > ul.reserve-link li:first-child {
    margin-left: 0;
}

.main-section-2 .swiper-slide .over-cont.over {
    opacity: 1;
}

.main-section-2 .swiper-slide .txt {
    margin-top: 20px
}

.main-section-2 .swiper-slide .txt span {
    margin-bottom: 18px
}

.main-section-2 .swiper-slide .txt a {
    display: block;
    margin-bottom: 8px;
    margin-top: 23px;
    font-size: 19px;
    color: #222;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.main-section-2 .swiper-slide .txt a:hover {
    text-decoration: underline
}

.main-section-2 .swiper-slide .txt .date {
    color: #666;
}

.main-section-2 .swiper-slide .txt .state_box {
}

.main-section-2 .swiper-slide .txt .state_box .box {
    display: inline-block;
    min-width: 60px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #000;
    margin-bottom: 0;
    font-size: 17px;
    background-color: #000;
    padding: 0 15px;
    margin-right: 6px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    vertical-align: middle;
}

.main-section-2 .swiper-slide .txt .state_box .box.solid {
    background-color: #fff;
    color: #000;
}

.main-section-2 .swiper-slide .txt .state_box .box.end {
    background-color: #ddd;
}

.swiper-btn .controller {
    display: inline;
    vertical-align: middle;
}

.swiper-btn .controller .btn-pause {
    display: inline-block;
    width: 9px;
    height: 17px;
    background: url(/ux/content/images/common/btn/btn_swiper_stop.png) no-repeat left center;
    text-indent: -9999px;
    background-size: 9px 17px;
}

.swiper-btn .controller .btn-pause.playing {
    background: url(/ux/content/images/common/btn/btn_swiper_play.png) no-repeat left center;
    background-size: 9px 17px;
    text-indent: -9999px;
}

/* ==== 알려드려요 ==== */
.main-section-3 {
    max-width: 1440px;
    position: relative;
    margin: 54px auto 0;
}

.main-section-3:after {
    clear: both;
    display: block;
    overflow: hidden;
    content: "";
    height: 0
}

.main-section-3 .main-section-3-tit {
    position: relative;
    margin-bottom: 34px
}

.main-section-3 .main-section-3-tit .main-cont-tit {
    color: #000;
    font-size: 46px;
    letter-spacing: -1.2px;
    vertical-align: middle;
}

.main-section-3 .notice-area.fix-notice {
    float: left;
    width: 500px;
    height: 278px;
    background-color: #f5f5f5;
    padding: 36px 60px 40px 40px;
    background-repeat: no-repeat;
    background-position: right 18px top 18px;
    background-image: url(/design/theme/child_kr/images/main/ico_main_notice.png);
}

.main-section-3 .notice-area.fix-notice strong {
    display: block;
    word-break: keep-all;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: -0.1px;
}

.main-section-3 .notice-area.fix-notice a {
    display: block;
    padding-top: 17px;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.2px;
    line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.main-section-3 .notice-area.fix-notice a:hover, .main-section-3 .notice-area.fix-notice a:focus {
    text-decoration: underline;
}

.main-section-3 .notice-area.fix-notice span {
    display: inline-block;
    padding-top: 37px;
    font-size: 16px;
    color: #444;
    letter-spacing: -0.2px;
}

.main-section-3 .notice-area.notice-list {
    float: right;
    width: calc(100% - 500px);
    padding-left: 10px;
}

.main-section-3 .notice-area.notice-list ul {
    font-size: 0;
}

.main-section-3 .notice-area.notice-list ul li {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 30px);
    margin-left: 30px;
    padding: 25px 0 41px;
    border-top: 2px solid #ddd;
    background-repeat: no-repeat;
    background-position: right 10px bottom 40px;
    background-image: url(/design/theme/child_kr/images//main/ico_main_notice_arrow.png);
}

/* .main-section-3 .notice-area.notice-list ul li:nth-child(3), .main-section-3 .notice-area.notice-list ul li:nth-child(4){padding-bottom: 0;} */
.main-section-3 .notice-area.notice-list ul li .tit {
    display: block;
    font-size: 18px;
    letter-spacing: -0.2px;
    font-weight: 600;
    padding-right: 125px;
    line-height: 1.42;
    min-height: 52px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.main-section-3 .notice-area.notice-list ul li .tit:hover, .main-section-3 .notice-area.notice-list ul li .tit:focus {
    text-decoration: underline;
}

.main-section-3 .notice-area.notice-list ul li .date {
    display: block;
    font-size: 16px;
    color: #666;
    letter-spacing: -0.2px;
    padding-top: 19px;
    line-height: 1.3;
}

/* ==== 어린이 박물관 SNS ==== */
.main-section-4 {
    max-width: 1440px;
    position: relative;
    margin: 51px auto 98px;
}

.main-section-4:after {
    clear: both;
    display: block;
    overflow: hidden;
    content: "";
    height: 0
}

.main-section-4 .main-section-4-tit {
    position: relative;
    margin-bottom: 48px;
    text-align: center;
}

.main-section-4 .main-section-4-tit .main-cont-tit {
    color: #000;
    font-size: 44px;
    vertical-align: middle;
    line-height: 1.2;
    letter-spacing: -0.2px;
}

.main-section-4 .main-section-4-tit .main-cont-tit em {
    color: #0073bc;
}

.main-section-4 .sns-area ul {
    font-size: 0;
    text-align: center;
}

.main-section-4 .sns-area ul li {
    display: inline-block;
    margin-left: 50px;
}

.main-section-4 .sns-area ul li:first-child {
    margin-left: 0;
}

.main-section-4 .sns-area ul li a {
    display: block;
}

.main-section-4 .sns-area ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    font-weight: 500;
}

.main-section-4 .sns-area ul li a i {
    display: inline-block;
    vertical-align: middle;
    width: 44px;
    height: 44px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: right center;
}

.main-section-4 .sns-area ul li a.sns01 i {
    background-image: url(/design/theme/child_kr/images//main/ico_main_sns_01.png);
}

.main-section-4 .sns-area ul li a.sns02 i {
    background-image: url(/design/theme/child_kr/images//main/ico_main_sns_02.png);
}

.main-section-4 .sns-area ul li a.sns03 i {
    background-image: url(/design/theme/child_kr/images//main/ico_main_sns_03.png);
}

.main-section-4 .sns-area ul li a.sns04 i {
    background-image: url(/design/theme/child_kr/images//main/ico_main_sns_04_new.png);
}

.main-section-4 .sns-area ul li a.sns05 i {
    background-image: url(/design/theme/child_kr/images//main/ico_main_sns_05.png);
}

.visual-area {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
}

.visual-area .visual-inner {
    font-size: 22px
}

.visual-txt {
    display: table-cell;
    box-sizing: border-box;
}

.visual-txt .catTxt {
    display: inline-block;
    font-size: 16px;
    color: #202020;
    border-color: #202020;
    padding: 4px 15px;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    margin-bottom: 12px;
    font-family: 'notokr-medium';
    margin-bottom: 8px;
}

.visual-txt .tit {
    display: block;
    font-size: 48px;
    line-height: normal;
    font-family: 'notokr-medium';
    font-weight: 400;
    line-height: 62px;
    margin-bottom: 8px
}

.coWhite {
    color: #fff
}

.coBlack {
    color: #000
}

.visual-txt .coWhite .catTxt {
    color: #fff;
    border-color: #fff;
}

.visual-txt .coBlack .catTxt {
    color: #202020;
    border-color: #202020;
    background-color: #ffffff
}

.visual-txt .coWhite .reverse {
    color: #202020;
    border-color: #fff;
    background-color: #fff
}

.visual-txt .coBlack .reverse {
    color: #fff;
    border-color: #202020;
    background-color: #202020
}

.visual-txt .tit.tSubject {
    font-size: 36px
}

.visual-info {
    margin: 0 8%;
    box-sizing: border-box;
    overflow: hidden;
}

.tInfoOcy {
    display: block;
    font-size: 26px;
    font-family: 'notokr-medium';
    font-weight: 400;
    opacity: 0.9;
    margin-bottom: 12px;
}

.tInfo {
    display: block;
    font-size: 22px;
    line-height: normal;
    font-family: 'notokr-light';
}

.tInfoDate {
    font-size: 22px
}

.Mtp11, .MC {
    vertical-align: middle;
    text-align: left;
}

.Mtp13 {
    vertical-align: middle;
    text-align: center;
}

.Mtp15 {
    vertical-align: middle;
    text-align: right;
}

.m-visual-img {
    display: none;
}

@media all and (max-width: 1224px) {
    .main-section-1 .reserve.schedule .info-tit {
        font-size: 24px;
    }

    .main-section-1 .reserve.schedule ul li .info-1 {
        font-size: 17px;
        width: 20%;
    }

    .main-section-1 .reserve.schedule ul li .info-1::before {
        margin-top: -1px;
    }

    .main-section-1 .reserve.schedule ul li .info-2 {
        width: 25%;
        font-size: 17px;
    }

    .main-section-1 .reserve.schedule ul li .info-3 {
        width: 25%;
        font-size: 17px;
    }

    .main-section-1 ul.reserve > li.reserve-link a i {
        width: 245px;
        height: 245px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}

/*************************************************모바일*************************************************/
@media all and (max-width: 991px) {
    .visual-content {
        padding: 0;
    }

    .visual-content .swiper-button-prev, .visual-content .swiper-button-next {
        display: none;
    }

    .visual-content .swiper-slide .m_off {
        display: none;
    }

    .visual-content .swiper-slide .access.m_on {
        display: block;
        padding-bottom: 86.934%;
        background-size: cover;
    }

    .main-section-1 {
        max-width: 100%;
        padding: 31px 0 50px;
        background-position: right 34px top 183px;
    }

    .main-section-1 .section-info {
        padding: 0 20px 40px;
    }

    .main-section-1 .main-info-area {
        float: none;
        padding: 0;
    }

    .main-section-1 .main-info-area > li {
        display: block;
        margin-bottom: 23px;
    }

    .main-section-1 .main-info-area > li > .info-tit {
        display: block;
        font-size: 1.21rem;
    }

    .main-section-1 .main-info-area > li.info > .info-tit i {
        width: 21px;
        height: 22px;
        background-size: 21px;
        margin-right: 6px;
        margin-top: -3px;
        vertical-align: middle;
    }

    .main-section-1 .main-info-area > li.admission > .info-tit i {
        width: 22px;
        height: 20px;
        background-size: 22px 20px;
        margin-top: -3px;
        vertical-align: middle;
    }

    .main-section-1 .main-info-area > li > .info-txt {
        display: block;
        font-size: 1.08rem;
        margin-top: 12px;
    }

    .main-section-1 .info-link {
        float: none;
        margin-top: -5px;
    }

    .main-section-1 .info-link .btn {
        font-size: 18px;
        padding-bottom: 12px;
    }

    .main-section-1 .info-link .btn i {
        width: 23px;
        background: url(/design/theme/child_kr/images//common/m_ico_main_arrow_01.png) no-repeat left center;
        -webkit-background-size: 23px;
        background-size: 23px;
    }

    .main-section-1 .main-reserve-area {
        padding: 0 20px;
    }

    .main-section-1 .main-reserve-area .reserve {
        width: 100%;
        height: auto;
    }

    .main-section-1 .main-reserve-area .reserve.schedule {
        padding: 0 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-position: right -45px bottom 0;
        background-size: 222px;
    }

    .main-section-1 .reserve.schedule .info-tit {
        font-size: 1.2rem;
        letter-spacing: -0.6px;
        padding: 34px 0 14px;
    }

    .main-section-1 .reserve.schedule .info-tit i {
        width: 22px;
        height: 20px;
        background-size: 22px 20px;
        margin: -4px 5px 0 0;
    }

    .main-section-1 .reserve.schedule ul li {
        padding: 6px 0 14px;
    }

    .main-section-1 .reserve.schedule ul li > div {
        font-size: 1.125rem;
    }

    .main-section-1 .reserve.schedule ul li .info-1 {
        width: 33.33%;
        padding-left: 0;
        font-size: 17px;
        padding-left: 10px;
    }

    .main-section-1 .reserve.schedule ul li .info-1 span {
    }

    .main-section-1 .reserve.schedule ul li .info-2 {
        width: 33.33%;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.2px;
    }

    .main-section-1 .reserve.schedule ul li .info-3 {
        width: 33.33%;
        text-align: right;
        font-size: 15px;
        padding-top: 3px;
    }

    .main-section-1 .reserve.schedule ul li .info-3 strong {
        font-size: 16px;
    }

    .main-section-1 .reserve.schedule ul li > div.info-4 {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-top: 7px;
    }

    .main-section-1 .reserve.schedule ul li .info-4 span {
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 0.82rem;
    }

    .main-section-1 .reserve.schedule ul li .info-4 span i {
        width: 9px;
        height: 100%;
        background-size: 8px 8px;
        vertical-align: top;
        background-position: left top 50%;
        margin-right: 5px;
    }

    .main-section-1 .reserve.schedule ul li .info-4 span.deadline i {
        width: 9px;
        height: 100%;
        background-size: 9px 7px;
        background-position: left top 46%;
    }

    .main-section-1 .reserve.schedule ul li .no-data {
        margin: 40px 0 50px;
        font-size: 18px;
    }

    .main-section-1 .reserve.schedule ul li .no-data i {
        width: 50px;
        height: 50px;
        -webkit-background-size: 50px;
        background-size: 50px;
    }

    .main-section-1 ul.reserve li {
        width: 100%;
        padding-left: 0;
        margin-top: 9px;
        text-align: left;
    }

    .main-section-1 ul.reserve li.edu {
        margin-top: 20px;
    }

    .main-section-1 ul.reserve > li.reserve-link a {
        display: inline-block;
    }

    .main-section-1 ul.reserve > li.reserve-link a i {
        width: 160px;
        height: 160px;
        background-size: 100%;
        vertical-align: middle;
        margin-bottom: 0;
    }

    .main-section-1 ul.reserve > li.reserve-link a span {
        display: inline-block;
        font-size: 20px;
        margin-top: -2px;
        vertical-align: middle;
        letter-spacing: -0.5px;
        padding-left: 50px;
    }

    .main-section-1 ul.reserve > li.reserve-link.tour a i {
        background-image: url(/design/theme/child_kr/images/main/m_bg_reserve_01.png);
    }

    .main-section-1 ul.reserve > li.reserve-link.edu a i {
        background-image: url(/design/theme/child_kr/images/main/m_bg_reserve_02.png);
    }

    .main-section-2 .section-inner {
        max-width: 100%;
        padding: 46px 20px 56px;
    }

    .main-section-2 .s-content.exhibition-content {
        width: 100%;
        margin-right: 0;
    }

    .main-section-2 .s-content.edu-content {
        width: 100%;
        padding-top: 45px;
    }

    .main-section-2 .main-cont-tit {
        margin-bottom: 31px;
        font-size: 29px;
        margin-left: -1px;
    }

    .main-section-2 .swiper-slide .txt .state_box .box {
        height: 28px;
        line-height: 26px;
        font-size: 14px;
        padding: 0 13px;
    }

    .main-section-2 .swiper-slide .txt {
        margin-right: 18px;
    }

    .main-section-2 .swiper-slide .txt a {
        font-size: 15px;
        letter-spacing: 0;
        margin-top: 16px;
        margin-bottom: 6px;
    }

    .main-section-2 .swiper-slide .txt .date {
        font-size: 14px;
    }

    .main-section-2 .pagination {
        top: 6px;
    }

    .main-section-2 .pagination-area {
        width: 62px;
        font-size: 14px;
    }

    .main-section-3 {
        max-width: 100%;
        padding: 0 20px;
        margin-top: 39px;
    }

    .main-section-3 .main-section-3-tit {
        margin-bottom: 28px;
    }

    .main-section-3 .main-section-3-tit .main-cont-tit {
        font-size: 1.821rem;
    }

    .main-section-3 .notice-area.fix-notice {
        float: none;
        width: 100%;
        height: 229px;
        background-position: right 28px top 28px;
        padding: 28px 36px 30px 29px;
    }

    .main-section-3 .notice-area.fix-notice strong {
        font-size: 0.938rem;
        line-height: 1.22;
        letter-spacing: -0.3px;
    }

    .main-section-3 .notice-area.fix-notice a {
        font-size: 0.875rem;
        line-height: 1.36;
        -webkit-line-clamp: 4;
        padding-top: 21px;
    }

    .main-section-3 .notice-area.fix-notice span {
        font-size: 0.875rem;
        padding-top: 20px;
    }

    .main-section-3 .notice-area.notice-list {
        float: none;
        width: 100%;
        padding-left: 0;
    }

    .main-section-3 .notice-area.notice-list ul li {
        width: 100%;
        margin-left: 0;
        padding: 28px 0 20px;
        background-position: right 0px bottom 20px;
    }

    .main-section-3 .notice-area.notice-list ul li:first-child {
        border-top: none;
    }

    .main-section-3 .notice-area.notice-list ul li .tit {
        font-size: 0.938rem;
        min-height: unset;
        padding-right: 30px;
        letter-spacing: -0.3px;
        line-height: 1.3;
    }

    .main-section-3 .notice-area.notice-list ul li .date {
        font-size: 0.875rem;
        line-height: 1.3;
        padding-top: 13px;
        letter-spacing: -0.3px;
    }

    .main-section-4 {
        margin: 61px auto 91px;
    }

    .main-section-4 .main-section-4-tit {
        margin-bottom: 13px;
    }

    .main-section-4 .main-section-4-tit .main-cont-tit {
        font-size: 1.825rem;
        word-break: keep-all;
        letter-spacing: -0.5px;
        line-height: 1.24;
    }

    .main-section-4 .sns-area ul li {
        margin-left: 23px;
        margin-top: 23px;
    }

    .main-section-4 .sns-area ul li a i {
        width: 32px;
        height: 32px;
        background-size: contain;
    }

    .main-section-4 .sns-area ul li span {
        font-size: 0.835rem;
        padding-top: 1px;
    }

    .visual-txt {
        text-align: left;
        vertical-align: top;
        padding-top: 90px
    }

    .visual-area {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: table;
    }

    .visual-area .visual-inner {
        font-size: 22px
    }

    .visual-txt {
        display: table-cell;
        box-sizing: border-box;
    }

    .visual-txt .catTxt {
        font-size: 26px;
        padding: 4px 19px;
        font-family: 'notokr-medium';
        margin-bottom: 30px;
    }

    .visual-txt .tit {
        font-size: 60px;
        line-height: 72px;
        margin-bottom: 15px;
    }

    .visual-txt .tit.tSubject {
        font-size: 36px
    }

    .tInfoOcy {
        display: block;
        font-size: 26px;
        font-family: 'notokr-medium';
        font-weight: 400;
        opacity: 0.9;
        margin-bottom: 12px;
    }

    .tInfo {
        font-size: 26px;
        font-family: 'notokr-regular';
    }

    .tInfoDate {
        font-size: 26px
    }

    .m-visual-img {
        display: block;
    }

    .pc-visual-img {
        display: none;
    }
}

@media all and (max-width: 768px) {
    .visual-content .swiper-slide {
        height: auto;
    }

    .visual-content .swiper-slide .access.m_on {
        display: block;
        padding-bottom: 86.934%;
        background-size: cover;
    }

    .visual-content .control_box {
        bottom: 9px;
    }

    .visual-content .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
        margin: 0 5px
    }

    .visual-content .swiper-pagination-bullet-active {
        width: 16px;
    }

    .visual-content .control_box .btn-pause {
        width: 25px;
        height: 25px;
        background-size: 25px;
        margin-right : -12px;
    }

    .visual-content .control_box .btn-play {
        width: 25px;
        height: 25px;
        background-size: 25px;
    }

    .visual-txt {
        padding-top: 45px;
    }

    .visual-area .visual-inner {
        font-size: 14px
    }

    .visual-txt .catTxt {
        font-size: 14px;
        padding: 4px 15px;
        margin-bottom: 10px;
    }

    .visual-txt .tit {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 7px;
    }

    .visual-txt .tit.tSubject {
        font-size: 18px
    }

    .tInfoOcy {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .visual-info {
        margin: 0 5%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .tInfo {
        font-size: 14px;
    }

    .tInfoDate {
        font-size: 14px
    }
}