@charset "UTF-8";



.pageUp { opacity:0; position:absolute; top:5%; left:50%; width:150px; height:35px; color:#fff; background:#70808f; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:-1; transition:all 0.1s; }
.pageUp:focus { opacity:1; z-index:900; }
.pageDown { opacity:0; position:absolute; bottom:2%; left:50%; width:150px; height:35px; color:#fff; background:#ddd; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:-1; transition:all 0.1s; }
.pageDown:focus{ opacity:1; z-index:900; }

.wrap_inner_center{
    position: absolute;
    left: 50%;
    right: 50%;
    top: 50%;
    transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
    width: 100%;
    /* min-width: 1200px; */
    max-width: 1300px;
}

.wrap_out_center{
    max-width: 1920px; 
    padding: 65px 0;
}

/*페이징*/
#fp-nav.right{}
#fp-nav ul li, .fp-slidesNav ul li{margin: 18px 0; width: 20px; height: 20px;}
#fp-nav ul li:last-child, .fp-slidesNav ul li:last-child{display: none;}
#fp-nav ul li a, .fp-slidesNav ul li a{border-color: #fff !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 20px; height: 20px; background: #fff !important; top: 0; left: 0; margin: 0;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 20px; height: 20px; margin: 0;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{background: transparent !important; border: 2px solid #fff; width: 20px; height: 20px; margin: 0;}


.theme_dark ~ #fp-nav ul li a, .fp-slidesNav ul li a{border-color: #000 !important;}
.theme_dark ~ #fp-nav ul li a span, .fp-slidesNav ul li a span{background: #000 !important;}
.theme_dark ~ #fp-nav ul li a.active span, .theme_dark ~ #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{background: transparent !important; border: 2px solid #000; width: 20px; height: 20px; margin: 0;}


.main_wrap .section {
    width: auto;
    height: auto;
    position: relative;
}

/* .section01{ height: 100vh; } */
.visual_slide .visual{
    width: 100%;
    /* height: 100vh !important; */
    height:100%;
    position: relative;
    /*padding-top: 49%;*/
}

.visual_slide a{display: block !important;}
.visual .info{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); 
    padding-top: 13px;
    letter-spacing: 0;
    padding-left: 89px;
}
.visual .info:before{content:''; display: block; background: url(/_static/seoul284/img/common/logo_visual.png) no-repeat left center / contain;     width: 61px;
    height: 103px;
    position: absolute;
    left: 0;
    top: 0;
}
.visual .info .tit{font-weight: 600; font-size: 1.625em; line-height: 1; color: #fff;}
.visual .info p{font-size: 1.250em; color: #fff; line-height: 1.4; margin-top: 9px;}
.section01 .slick-arrow{position: absolute; top: 90%; width: 46px; height: 46px; overflow: hidden; text-indent: -99999px; border: 0; cursor: pointer; border: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 1;}
.section01 .slick-arrow.slick-prev{left: 20%; background: url(/_static/seoul284/img/main/slide_left.png) 0 0 no-repeat; background-size: contain;}
.section01 .slick-arrow.slick-next {right: 20%; background: url(/_static/seoul284/img/main/slide_right.png) 0 0 no-repeat; background-size: contain;}

.m_visual_slide{display: none;}


.visual02{
    background: url(/_static/seoul284/img/main/main1.jpg) no-repeat top center / cover;
    width: 100%;
    height: 100vh !important;
}

.scroll_txt{position: absolute; bottom: 28px; left: 50%; transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0);
    animation: arr_down 3s infinite alternate ease-in-out; margin-left: -67px;
}

@keyframes arr_down {
from, 50%, to { 
    transform: translateY(-10px);
}

25%, 75% {
    transform: translateY(0);
}
}

.scroll_txt .tit{
    font-size: 0.813em;
    font-weight: 500;
    letter-spacing: 0.3em;
    padding-bottom: 36px;
    background: url(/_static/seoul284/img/main/scroll_arrow.png) no-repeat center bottom;
    color: #fff;
}

/*banner*/
/*배너*/
body > div.wrapper > div.main_content > div > div.section.section04 div.banner {
    background: #fff;
    height: 100px;
}


.section.banner{margin: 0; border-top: 1px solid #e0e0e0;}
.banner_zone{padding: 19px 67px; height: 90px;}
.banner_zone .banner_slide > div a{display: block; margin: 0 37px; }
.banner_zone .banner_slide > div a img{margin: 0 auto;}
.banner_zone .banner_slide .slick-arrow{position: absolute; top: 50%; width: 30px; height: 48px; overflow: hidden; text-indent: -99999px; border: 0; cursor: pointer; border: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 5;}
.banner_zone .banner_slide .slick-arrow.slick-prev{left: -50px; background: #fff url(/_static/seoul284/img/main/banner_left.png) 0 0 no-repeat;}
.banner_zone .banner_slide .slick-arrow.slick-next {right: -50px;background: #fff url(/_static/seoul284/img/main/banner_right.png) 0 0 no-repeat;}

.main_wrap{position: relative; top: 158px;}

.section02{background: #fff;}
.section03{background: url(/_static/seoul284/img/main/section_03.jpg) no-repeat center top / cover;}
.section04{background: url(/_static/seoul284/img/main/section_04.jpg) no-repeat center top / cover; }
.section04:after{content:''; display: block; background: linear-gradient( to right, transparent, rgba(0, 0, 0, 0.4) 80%); -ms-background: linear-gradient( to right, transparent, rgba(0, 0, 0, 0.4) 80%); -wekbit-background: linear-gradient( to right, transparent, rgba(0, 0, 0, 0.4) 80%); position: absolute; right: 0; top:0; height: 100%; width: 10%;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, endColorstr='rgba(0, 0, 0, 0.4) 80%', startColorstr='transparent');
    behavior: url(/ie9-gradient-fix.htc);
} 


/*section02*/
.schedule_area{
    overflow: hidden; position: relative;
}
.schedule_area > .tit{
    font-weight: 600;
    line-height: 1;
    font-size: 3.250em;
    color: #232323;
    letter-spacing: -0.050em;
    position: absolute;
    left: 0;
    top: 7px;
}
.schedule_slide{
    float: left;
    width: 55.85%;
    margin-top: 86px;
}

.event_cont{
    float: left;
    width: 43.85%;
}
.event_cont .img_area{}
.event_cont .cont{
    background: #e0eff7;
    padding: 6.5% 5% 5%; 
}
.event_cont .cont .tit{
    color: #000000;
    font-weight: 500;
    font-size: 2.375em;
    line-height: 1.02;
    margin-bottom: 29px;
    letter-spacing: -0.040em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.04em;
}
.event_cont .cont p{
    color: #000;
    font-weight: 300;
    font-size: 1.250em;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.3em;
}
.event_cont .cont .date{
    color: #070707;
    font-weight: 300;
    font-size: 1.063em;
    margin-top: 19px;
    display: block;
}
.event_cont .cont .btn_area{margin-top: 23px;}


/*section03*/
.main_wrap .section03{
    z-index: 0;
    height: 600px;
    position: relative;
}
.notice_time{
    float: left;
    width: 37.1%;
    padding: 78px 0 70px;
    margin: 66px 0;
}
.section03:before{
    content: '';
    display: block;
    background: #f06400;
    width: 50%;
    height: 616px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
}
.section03:after{
    content: '';
    display: block;
    background: #fff;
    width: 50%;
    height: 616px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);
    z-index: -1;
}

.notice_area{padding-right: 5%;}
.notice_area .cont_top{
    display: flex;
    border-bottom: 1px solid #f8b382;
    padding-bottom: 32px;
    align-items: flex-end;
    justify-content: space-between;
}
.notice_area .cont_top .tit{
    color: #fff;
    font-size: 3.250em;
    line-height: 1;
    display: inline-block;
    width: 120px;
    letter-spacing: 0;
}

.notice_area .cont_top .date_box {width: 220px;}

.notice_area .cont_top .date{
    color: #fff;
    font-size: 1em;
    font-weight: 300;
    line-height: 1;
    /* float: right; */
    display: inline-block;
    vertical-align: bottom;
    letter-spacing: 0;
}
.notice_area .cont{
    padding: 18px 0 11px;
}

.notice_area .cont .tit{
    color: #ffcb2f;
    font-size: 19px;
    font-weight: 800;
    line-height: 1;
    display: block;
}
.notice_area .cont .p_cont{margin-top: 15px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    height: 6.9em; */
}
.notice_area .cont .p_cont p{
    font-size: 1.125em;
    font-weight: 300;
    color: #fbd8cb;
    margin-top: 28px;
    word-break: keep-all;
}
.notice_area .cont .p_cont p:first-child{margin-top: 0;}
.notice_area .cont .em{color: #fbd8cb; margin-top: 12px;}

.notice_cont{
    float: left;
    background: #ffffff;
    width: 62.6%;
    padding: 56px 0 56px 50px;
}
.notice_cont .list{
    float: left;
    width: 50%;
    padding: 50px 50px 0;
    border: 1px dashed #d7d7d7;
    border-width: 1px 1px 0 0;
}
.notice_cont .list:nth-child(odd){padding-left: 0;}
.notice_cont .list:nth-child(2n){border-right: 0;padding-right: 0;}
.notice_cont .list:nth-child(-n+2){border-top: 0;padding-bottom: 50px;padding-top: 0;}
.notice_cont .list .cont_top{
    position: relative;
    border-bottom: 1px solid #464646;
}
.notice_cont .list .cont_top .date{
    color: #000000;
    font-weight: 300;
    font-size: 2.813em;
    line-height: 1;
    display: inline-block;
    width: 45px;
    padding-bottom: 18px;
}
.notice_cont .list .cont_top .info{
    color: #353535;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
    height: 38px;
    background: #f3f3f5;
    text-align: center;
    line-height: 38px;    
}
.notice_cont .list .cont{
    padding-top: 19px;
}
.notice_cont .list .cont .tit a{display: block;
    color: #252525;
    font-size: 1.188em;
    line-height: 1;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    word-break:keep-all;
} 
.notice_cont .list .cont p a{
    color: #5d5d5d;
    font-weight: 300;
    margin-top: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.6em;
}


/*section04*/
.section04{}
.gallery_info{
    width: 28.9%;
    float: left; margin-top: 50px;
}
.gallery_info .tit{
    color: #232323;
    font-weight: 600;
    font-size: 3.250em;
    line-height: 1;
    letter-spacing: -0.050em;
}
.gallery_info .tit > strong{
    display: block;
    font-weight: 600;
    color: #f06400;
    margin-top: 5px;
    /* letter-spacing: -0.050em; */
}
.gallery_info p{
    color: #5d5c5c;
    font-weight: 300;
    font-size: 1.063em; margin-top: 32px;
}

.gallery_cont{
}
.gallery_slide{}
.gallery_slide .slick-slide > div > div{} 
.gallery_slide .cont{position: relative; display: block; max-width: 330px; margin: 50px 20px 0;}
/* .gallery_slide .cont:hover, .gallery_slide .cont:focus{top: -50px; transition: top 0.5s;} */
.gallery_slide .cont img, .gallery_slide .cont img{position: relative;}

.gallery_slide .cont:hover .info, .gallery_slide .cont:focus .info{top: -50px; transition: top 0.5s;}
.gallery_slide .cont:hover .info p, .gallery_slide .cont:focus .info p{display: block;}
.gallery_slide .cont:before, .gallery_slide .cont:before{}
.gallery_slide .cont:hover:before, .gallery_slide .cont:focus:before{content:''; display: block; position: absolute; top:-50px;  left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; transition: top 0.5s; }
.gallery_slide .cont:hover img, .gallery_slide .cont:focus img{transition: top 0.5s;  transform: translate(0, -50px); -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px);}

.gallery_slide .cont img{margin: 0 auto;}
.gallery_slide .cont .info{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);
    width: 100%;
    padding: 40px 30px;
    height: 100%;
    z-index: 1;
}
.gallery_slide .cont .info .menu{
    color: #fff;
    font-size: 0.938em;
    font-weight: 300;
    display: block;
    width: 98px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    border: 1px solid #fff;
    margin: 0 auto;
}
.gallery_slide .cont .info .tit{
    color: #fff;
    font-weight: 600;
    font-size: 1.625em;
    line-height: 1;
    margin-top: 21px; text-align: center;
}
.gallery_slide .cont .info p{
    color: #ffffff;
    font-weight: 300;
    font-size: 1.063em;
    line-height: 1.4;
    margin-top: 39px;
    display: none;
}


.gallery_slide .slick-arrow{width:66px; height:66px; transform: none; top: auto; bottom: 110px; left: inherit;} 
.gallery_slide .slick-prev.slick-arrow {left: 50%;
    margin-left: -650px; background:url(/_static/seoul284/img/main/gallery_left.png) no-repeat center;}
.gallery_slide .slick-next.slick-arrow {left: 50%;
    margin-left: -574px; background:url(/_static/seoul284/img/main/gallery_right.png) no-repeat center;}


    /*자세히 보기*/
    .btn_area > a.detail_btn {display: inline-block; vertical-align: middle; min-width: 115px; height: 38px; padding: 0 20px; line-height: 36px; margin-right:6px; text-align: center; font-size: 0.875em; color: #fff; background: #000; font-weight: 300;}

/* 영문페이지 */
.eng_wrap .year_wrap{padding: 0; margin-top: 15px; border: 0;}
.eng_line{padding-top: 43px; border-top: 1px solid #dbdbdb;}
.eng_area > .sub_tit{display: inline-block; margin-bottom: 0;}
.eng_area > .eng_tit{display: inline; margin-left: 10px; font-size: 1.125em;}

.exhibition_space{display: table; table-layout: fixed; width: 100%; margin-top: 3.8%;}
.exhibition_space:first-child{margin-top: 0;}
.exhibition_space > div{display: table-cell; vertical-align: top;}
.exhibition_space > .es_l{padding-right: 3.8%; width: 550px;}
.exhibition_space > .es_r{}
.es_r .es_top{font-size: 1.125em; font-weight: 600;}
.es_r .es_mid{color: #58595b; margin-top: 7px; line-height: 1.6;}
.es_r .es_btm{margin-top: 25px; line-height: 65px; text-align: center;}
.es_r .es_btm span{font-size: 0.875em; margin-right: 15px;}

@media all and (max-width:1400px){

}

@media all and (max-width:1300px){
    .gallery_slide .slick-prev.slick-arrow {left: 0; margin-left: 0;}
    .gallery_slide .slick-next.slick-arrow {left: 0; margin-left: 76px;}
}


@media all and (max-width:1200px){


    /* 영문페이지 */
    .exhibition_space > .es_l{width: 46%;}

    /*일정*/
    .schedule_area > .tit{font-size: 3.000em;}
    .event_cont .cont .tit{font-size: 1.875em;}

    /*관람*/
    .notice_area{padding-right: 0;}
    .notice_area .cont_top .tit{font-size: 2.5em;width: 100px;}
    /* .notice_area .cont_top .date{font-size: 1.5em; margin-left: 55px;} */
    .notice_area .cont .tit{font-size: 1.375em;}
    .notice_cont .list .cont_top .date{font-size: 2.5em;}
    .section03:before{display: none;}
    .section03:after{display: none;}
}

@media all and (max-width:1024px){


    /*메인페이지*/
    .main_wrap {
        top: 0;
    }

    /* 영문페이지 */
    .exhibition_space > .es_l{width: auto;}

    .main_content{padding-top: 99px;}
    /*비쥬얼*/
    .visual_slide{display: none;}
    .m_visual_slide{display: block;}
    .wrap_inner_center{position: static; transform: none;}

    .scroll_txt{display: none;}

    .m_visual_slide a{position: relative; display: block !important;}
    .m_visual_slide a img{width: 100%;}
    .visual .info{height: 90px; padding-left: 0;}
    .visual .info .tit{font-size: 1.375em;}
    .visual .info p{font-size: 1.063em;}
    .visual .info:before{background-size: 100%; width: 54px; height: 90px; left: -76px;}
    .tit_area{}
    .section01 .slick-arrow{width: 26px; height: 50px;}
    .section01 .slick-arrow.slick-prev{margin-left: 0; background-size: 100%;}
    .section01 .slick-arrow.slick-next{margin-right: 0; background-size: 100%;}

    /*이 주의 일정*/
    .section02{padding: 50px 0;}
    .schedule_slide{margin-top: 53px;}
    .schedule_area > .tit{font-size: 1.625em; left: 10px;}
    .event_cont .cont .tit{font-size: 1.5em; margin-bottom: 16px;}
    .event_cont .cont p{font-size: 1.063em;}
    .event_cont .cont .date{font-size: 1em; margin-top: 9px;}
    .event_cont .cont .btn_area{margin-top: 13px;}

    /*관람시간*/
    .notice_area .cont{padding: 18px 0 0;}
    .notice_area .cont_top{padding-bottom: 18px; width: 95%;}
    .notice_area .cont_top .tit{font-size: 2em; width: 60px;} 
    .notice_area .cont_top .date_box {width: 195px;}
    .notice_area .cont .em{font-size: 0.875em;}
    .notice_area .cont .tit{font-size: 1.125em;}
    .notice_area .cont .p_cont p{font-size: 1em; margin-top: 20px;}

    .notice_cont{padding: 36px 30px; margin: 50px 0;}
    .notice_cont .list .cont_top .date{font-size: 2.125em;}
    .notice_cont .list .cont .tit a{font-size: 1.125em;}
    .notice_cont .list .cont p a{font-size: 0.938em;}
    .notice_cont .list{padding: 30px 30px 0;}
    .notice_cont .list:nth-child(-n+2){padding-bottom: 30px;}
    .notice_time{margin: 97px 0; padding: 70px 0 70px 10px;}
    .notice_cont .list .cont_top .info{width: 48px; height: 28px; line-height: 28px; font-size: 0.938em;}


    /* 갤러리 */
    .section04{padding: 20px 10px 50px;}
    .wrap_out_center{max-width: 1300px;}
    .gallery_info{margin-top: 30px;}
    .gallery_info .tit{font-size: 1.625em;}
    .gallery_info p{font-size: 0.938em;}
    .gallery_slide .cont{margin: 30px 10px 0;}
    .gallery_slide .cont .info{padding: 20px 10px;}
    .gallery_slide .cont .info .menu{font-size: 0.875em; width: 90px; height: 36px; line-height: 34px;}
    .gallery_slide .cont .info .tit{font-size: 1.250em;}
    .gallery_slide .cont .info p{font-size: 0.938em;}
    /* .gallery_slide .cont:hover, .gallery_slide .cont:focus{top: -30px;} */
    .gallery_slide .slick-arrow{width: 40px; height: 40px; bottom: 3px;}
    .gallery_slide .slick-prev.slick-arrow{background-size: 100%; right: auto;}
    .gallery_slide .slick-next.slick-arrow{background-size: 100%; right: auto; left: 45px; margin-left: 0;}

    .gallery_slide .cont:hover img, .gallery_slide .cont:focus img{transform: translate(0, -30px); -ms-transform: translate(0, -30px); -webkit-transform: translate(0, -30px);}
    .gallery_slide .cont:hover .info, .gallery_slide .cont:focus .info{top: -30px;}
    .gallery_slide .cont:hover:before, .gallery_slide .cont:focus:before{top: -30px;}

    /*배너*/
    
    .banner_zone .banner_slide > div a{margin: 0 20px;}
}

@media all and (max-width:960px){
    .event_cont .cont{padding: 5.5% 5% 4%;}
}

@media all and (max-width:860px){
    /*비쥬얼*/
    .visual .info .tit{font-size: 1.250em;}
    .visual .info p{font-size: 1em;}

    /*이 주*/
    .section02{padding: 30px 0;}
    .schedule_area .tit{font-size: 1.5em;}
    .event_cont .cont{padding: 5% 5% 4.2%;}
    .event_cont .cont .tit{font-size: 1.250em; margin-bottom: 14px;}
    .event_cont .cont p{font-size: 1em;}


    /*관람*/
    .notice_cont{margin: 30px 0; padding: 32px 20px;}
    .notice_time{margin: 60px 0;}
    .notice_area .cont_top {flex-direction: column;}
    .notice_area .cont_top .tit{font-size: 1.5em;width: 100%;}
    .notice_area .cont_top .date_box {width: 100%;padding-top: 20px;}
    .notice_area .cont_top .date{font-size: 1em; margin-left: 0;}
    .notice_area .cont .tit{font-size: 1.063em;}
    /* .notice_area .cont .p_cont{height: 5em;} */
    .notice_area .cont .p_cont p{font-size: 0.938em;}
    .notice_cont .list .cont_top .date{font-size: 1.75em;}
    .notice_cont .list .cont_top .info{font-size: 0.938em;}

    /*갤러리*/
    .section04{padding: 0 10px 30px; } /*z-index: -1; 제거, 클릭 안되는 문제*/
    .gallery_info .tit{font-size: 1.5em;}
    /* .gallery_slide .cont:hover, .gallery_slide .cont:focus{top: -15px;} */

    .visual .info:before {display: none;}
    /* .visual.img01 .info:before {
        background-size: 100%;
        width: 54px;
        height: 90px;
        left: 50%;
        top: -90px;
        transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);
    } */
    .visual .info{text-align: center; width: 100%;}
    .gallery_slide .cont:hover img, .gallery_slide .cont:focus img{transform: translate(0, -15px); -ms-transform: translate(0, -15px); -webkit-transform: translate(0, -15px);}
    .gallery_slide .cont:hover .info, .gallery_slide .cont:focus .info{top: -15px;}
    .gallery_slide .cont:hover:before, .gallery_slide .cont:focus:before{top: -15px;}
    
  /*banner_zone*/
 .banner_zone{padding: 10px 50px; height: 70px;}
 .banner_zone .banner_slide > div a{margin: 0 15px;}
 .banner_zone .banner_slide > div a img{width: auto;}
 .banner_zone .banner_slide .slick-arrow.slick-prev{left: -38px;}
 .banner_zone .banner_slide .slick-arrow.slick-next{right: -38px;}

  /* 영문페이지 */
  .eng_area > .eng_tit{font-size: 1.063em;}
  .eng_line { padding-top: 33px; }
  .qna_wrap > li .qna_q.eng_direction{padding-left: 80px;}
}

@media all and (max-width:767px){
/* 영문페이지 */
.exhibition_space{margin-top:30px;}
.exhibition_space > div{display: block; }
.exhibition_space > .es_l{text-align: center; padding-right: 0;}
.exhibition_space > .es_r{margin-top: 8px;}
.es_r .es_top{font-size: 1.063em;}
.es_r .es_mid{font-size: 0.938em;}
.es_r .es_btm{margin-top: 12px;}

}

@media all and (max-width:640px){
 /*banner*/
 .banner_zone{padding: 13px 50px; height: 100%;}
}

@media all and (max-width:580px){

    .main_content{padding-top: 60px;}

    /*비주얼*/
    .visual .info .tit{font-size: 1.125em;}
    /* .visual.img01 .info:before{width: 40px; height: 72px; top: -72px;} */
    .visual .info p{font-size: 0.938em;}

    .section01 .slick-arrow{width: 20px; height: 44px;}

 /*이 주의 일정*/
 .section02{padding: 30px 15px;}
 .schedule_area .tit{font-size: 1.375em; margin: 0 0 17px; position: static;}
 .schedule_slide, .event_cont{float: none; width: 100%; margin-top: 0;}
 .schedule_slide a{display: block;}
 .schedule_slide a img{}
 .event_cont .cont{padding: 5% 15px;}
 .event_cont .img_area{display: none;}

 /*관람*/
 .section03{padding: 30px 0;}
 .notice_time{padding: 15px 15px 30px; width: 90%; float: left; margin: 0; display: inline-block; margin-left: 15px;}
 .notice_cont{float: right; width: 90%; padding: 15px; margin: 0; overflow: hidden; margin-right: 15px; margin-top:-15px;}
 .notice_cont .list:nth-child(n+2){border-bottom: 0; padding-bottom: 0 !important; }
 .notice_cont .list:nth-child(n+3){display: none;}
 .notice_cont .list{width: 100%; float: none; border-width: 0 0 1px 0 !important; padding: 17px 0 !important;}
 .notice_cont .list:first-child{ padding-top: 0 !important;}
 .notice_area .cont_top{width: 100%; padding-bottom: 18px;}
 .notice_area .cont_top .tit{font-size: 1.375em;}
 .notice_area .cont_top .date{font-size: 1.063em;}
 .notice_area .cont .tit{font-size: 1em;}
 .notice_area .cont .p_cont p{font-size: 0.875em;}
 .notice_cont .list .cont{padding-top: 12px;}
 .notice_cont .list .cont p a{margin-top: 9px;}
 .notice_cont .list .cont_top .date{font-size: 1.375em; padding-bottom: 12px;}
 .notice_cont .list .cont .tit a{font-size:1.063em;}
 .notice_cont .list .cont p{font-size: 0.875em;}


 /*갤러리*/
 .gallery_info{display: block; float: none; width: 100%;}
 /* .gallery_slide .cont{margin: 30px auto 0;} */
 .gallery_slide .cont{max-width: 200px;}
 .gallery_slide .cont .info p{font-size: 0.875em;}
 /* .gallery_slide .slick-center a{top: -15px;} */
 /* .gallery_slide .slick-center a:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
 } */



 .gallery_slide .slick-center .cont .info p{display: block;}

 .gallery_info .tit{font-size: 1.375em;}
 .gallery_info p{margin-top: 17px;}
 


 /*banner*/
 .banner_zone{padding: 5px 40px;}
 .banner_zone .banner_slide .slick-arrow.slick-prev{left: -30px;}
 .banner_zone .banner_slide .slick-arrow.slick-next{right: -30px;}
 .banner_zone .banner_slide > div a{
    height: 48px;
    line-height: 40px;
 }
 .banner_zone .banner_slide > div a img{display: inline-block; vertical-align: middle;}
 
 /* 영문페이지 */
 .eng_line { padding-top: 23px; }
 .eng_area > .eng_tit{font-size: 1em; margin-left: 5px;}

 /*갤러리*/
 .section04:after{display: none;}
 .gallery_cont{position: relative;}
 .gallery_cont:before{
    content: '';
    display: block;
    background: linear-gradient( to left, transparent, rgba(0, 0, 0, 0.6) 80%);
    -ms-background: linear-gradient( to left, transparent, rgba(0, 0, 0, 0.6) 80%);
    -wekbit-background: linear-gradient( to left, transparent, rgba(0, 0, 0, 0.6) 80%);
    position: absolute;
    left: 0;
    top: 29px;
    height: 90%;
    width: 10%;
    z-index: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, endColorstr='rgba(0, 0, 0, 0.4) 80%', startColorstr='transparent');
    behavior: url(/ie9-gradient-fix.htc);
 } 
 .gallery_cont:after{
    content: '';
    display: block;
    background: linear-gradient( to right, transparent, rgba(0, 0, 0, 0.6) 80%);
    -ms-background: linear-gradient( to right, transparent, rgba(0, 0, 0, 0.6) 80%);
    -wekbit-background: linear-gradient( to right, transparent, rgba(0, 0, 0, 0.6) 80%);
    position: absolute;
    right: 0;
    top: 29px;
    height: 90%;
    width: 10%;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, endColorstr='rgba(0, 0, 0, 0.4) 80%', startColorstr='transparent');
    behavior: url(/ie9-gradient-fix.htc);
 } 
}

@media all and (max-width:479px){
    .notice_time{margin-left: 0;}
    .notice_cont{margin-right: 0;}

    .visual .info{width: 82%;}
    .visual .info .tit{font-size: 1em;}
    .visual .info p{font-size: 0.875em;}

    /*일정*/
    .schedule_area .tit{font-size: 1.250em; margin-bottom: 12px;}
    .event_cont .cont .tit{font-size: 1.125em;}
    .event_cont .cont p{font-size: 0.938em;}

    /*관람*/
    .notice_area .cont_top .tit{font-size: 1.250em;}
    .notice_cont .list .cont .tit a{font-size: 1em;}

    /*갤러리*/
    .gallery_info .tit{font-size: 1.250em;}

    /* 영문페이지 */
    .exhibition_space{margin-top: 25px;}
    .exhibition_space > .es_r{margin-top: 4px;}
    .es_r .es_btm{line-height:21px; margin-top: 0px;}
    .es_r .es_btm span{margin-right: 0; display: block;}
    .es_r .es_top{font-size: 1em;}
    .es_r .es_mid{font-size: 0.875em; margin-top: 4px;}

    .eng_wrap .qna_wrap > li .qna_q .front_q{font-size: 1.063rem;}
    .eng_wrap .qna_wrap > li .qna_q{font-size: 0.938rem;}
}

@media all and (min-width: 320px) and (max-width: 339px){

}


/*2024.04.29 수정*/
.section03{background: #fff;}
.section03:before{display: none;}
.notice_main{float: left;width: calc(100% / 3);height: 670px;background: #353535;}
.notice_main .notice_mainB{width:100%;height:223px;border-bottom: 1px dashed #676767;padding: 30px 20px 20px 20px;display: block;}
.notice_main .notice_mainB:last-of-type{border-bottom: none;}
.notice_main .notice_mainB .cate{text-align: center;font-weight: 800;width: 100%;display: block;font-size: 19px;color: #ffcb2f;}
.notice_main .notice_mainB .tit{display: block;text-align:center;color: #ffffff;margin: 20px 0;font-size: 1.188em;line-height: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;}
.notice_main .notice_mainB .contsB p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;color: #b9b9b9;font-size: 15px;line-height: 22px;}
.notice_main .notice_mainB .noCont{text-align: center;margin: 45px;color: #9b9b9b;}
.notice_main .notice_mainB .noCont span{display: block;font-weight: 800;font-size: 20px;margin-bottom: 6px;}
.notice_time{float: left;width: calc(100% / 3);height: 670px;background-color: #f06400;margin: 0;padding: 20px;}
.notice_area{padding: 0 0 0 0;}
.notice_area .cont .p_cont p{text-align: center;margin: 50px 0!important;}
.notice_time .noticeTime_info{color: #fff;font-size: 1.4em;display: block;width: 100%;height: auto;overflow: hidden;margin: 15px 0;}
.notice_time .noticeTime_info p{float: left;}
.notice_time .noticeTime_info span{float: right;}
.notice_cont{width: calc(100% / 3);padding: 0;height: 670px;background: #f3f3f3;}
.notice_cont .list{width: 100%;height:223px;padding: 20px !important;border: none;border-bottom: 1px dashed #bfbfbf;}
.notice_cont .list:last-of-type{border-bottom: none;}
.notice_cont .list .cont_top{border-bottom: none;margin-top: 8px;}
.notice_cont .list .cont_top .date{font-size: 1.813em;width: auto;padding-bottom: 10px;}
.notice_cont .list .cont p a{-webkit-line-clamp: 4;height: 5.3em;font-weight: 400;}
.notice_cont .list .cont_top .info{right: auto;transform: none;-webkit-transform: none;left: 100px;background: #fff;border: 1px solid #ffae75;height: 34px;line-height: 33px;}
@media all and (max-width:1024px){
    .main_wrap .section03{height: auto;}
    .notice_area .cont_top{width: 100%;}
    .notice_time .noticeTime_info{font-size: 1.25em;}
    .notice_cont{margin: 0;}
    .notice_main{float: right;width: calc(100% - 350px);height: auto;}
    .notice_main .notice_mainB{height: 170px;padding: 15px;}
    .notice_main .notice_mainB .cate{font-size: 18px;}
    .notice_main .notice_mainB .tit{font-size: 1em;margin: 13px 0;}
    .notice_main .notice_mainB .contsB p{font-size: 14px;}
    .notice_main .notice_mainB .noCont{margin: 25px;}
    .notice_time{float: left;height: 510px;width: 350px;}
    .notice_cont{width: 100%;height: auto;background: #fff;}
    .notice_cont .list{height: auto;}
    .notice_cont .list .cont p a {-webkit-line-clamp: 2;height: 2.8em;}
}
@media all and (max-width:860px){
    .notice_cont .list:last-of-type{display: none;}
    .notice_cont .list:nth-of-type(2){border-bottom: none;}
    .notice_cont .list .cont_top .date{font-size: 1.6em;}
    .notice_time{width: 280px;}
    .notice_time .noticeTime_info{font-size: 1.063em;}
    .notice_main{width: calc(100% - 280px);}
}
@media all and (max-width:580px){
    .notice_time{width: 100%;height: auto;position: absolute;top: 30px;}
    .notice_area{padding: 0;}
    .notice_area .cont {padding: 10px 0 0;}
    .notice_time .noticeTime_info {font-size: 0.99em; margin: 10px 0;}
    .notice_area .cont .p_cont p {margin: 0px 0 0 !important;}
    .notice_main{width: 100%;margin-top: 184px;}
    .notice_main .notice_mainB{height: auto;}
    .notice_main .notice_mainB .tit{font-size: 1.063em;}
    .notice_main .notice_mainB .contsB p{font-size: 13px;}
    .notice_main .notice_mainB .noCont {margin: 15px;}
    .notice_cont .list:first-child {padding-top: 30px !important;}
}
@media all and (max-width:479px){
    .notice_main .notice_mainB .tit{font-size: 1em;}
    .notice_main{margin-top: 182px;}
}



/*2024.050.13 수정*/
.gallery_slide .slick-prev.slick-arrow{background: url(/_static/seoul284/img/main/gallery_left.png) no-repeat center;}
.gallery_slide .slick-next.slick-arrow{background: url(/_static/seoul284/img/main/gallery_right.png) no-repeat center;}

.gallery_slide .slick-prev.slick-arrow{bottom: 50%; margin-bottom: -33px;left: 0;margin-left: -100px;}
.gallery_slide .slick-next.slick-arrow{left: auto;right: -100px;bottom: 50%; margin-bottom: -33px;}
.gallery_cont{max-width: 1100px;margin: 0 auto;}
.gallery_slide .cont{margin: 50px 30px 0;}
.main_wrap .section03{margin-top: 70px;}
.contTlebox{display:block;border-radius: 20px 20px 0 0;text-align: center;line-height: 55px;margin-top: -54px;font-size: 20px;width: 100%;color: #fff;}
.notice_main .contTlebox{background: #252525;}
.notice_time .contTlebox{background: #d85311;width: calc(100% + 40px);margin: -74px 0 0 -20px;}
.notice_cont .contTlebox{background: #d8d8d8;color: #333;}
.notice_main .notice_mainB .contsB{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;color: #b9b9b9;font-size: 15px;line-height: 22px;text-align: center;}
.notice_main .notice_mainB{padding-top: 20px;height: 170px;}
.notice_main .notice_mainB .noCont{margin: 23px;}
.notice_main .notice_mainB .tit{margin: 23px 0 20px;line-height: 1.2;}
.notice_main .notice_mainB:hover .tit{text-decoration: underline;}
.notice_cont .list .cont .tit a{line-height: 1.2;}
.notice_cont .list .cont_top .date {font-size: 1.6em;padding-top: 3px;}
.section04:after{display: none;}
.notice_cont,.notice_time,.notice_main{height: 500px;}
.notice_cont .list{height: 160px;}
.notice_cont .list .cont p a{-webkit-line-clamp: 1;height: 1.2em;}
.notice_area .cont_top .tit{font-size: 3em;}
@media all and (max-width:1300px){
    .gallery_cont{max-width: 100%;}
    .gallery_slide .cont {margin: 50px 30px;}
    .gallery_slide .slick-next.slick-arrow{bottom: 0;right: 50%;margin-right: -66px;}
    .gallery_slide .slick-prev.slick-arrow{bottom: 0;left: 50%;margin-left: -66px;}
    .gallery_slide .slick-arrow {width: 58px;height: 58px;}
    .wrap_out_center{ padding: 65px 0 90px;}
    .gallery_cont{position: relative;}
}
@media all and (max-width:1200px){
    .notice_area .cont_top .tit {font-size: 2.5em;}
}
@media all and (max-width:1024px){
    .contTlebox{font-size: 19px;}
    .notice_cont .contTlebox{margin-top: 0;}
    .notice_main .notice_mainB{padding-top: 30px;height: 165px;}
    .notice_area .cont_top .tit {font-size: 2em;}
    .notice_time, .notice_main {height: 495px;}
    .notice_cont .list {height: auto;}
    .notice_cont{height: auto;}
    .wrap_out_center {padding: 20px 0 100px;}
    .gallery_slide .slick-arrow {width: 40px;height: 40px;background-size: 100% !important;}
    .gallery_slide .cont{margin: 30px 15px 0;}
    .gallery_slide .slick-prev.slick-arrow{margin-left: -45px;bottom: -30px;}
    .gallery_slide .slick-next.slick-arrow{margin-right: -45px;bottom: -30px;}
    .gallery_cont:before{content: ''; display: block;background: linear-gradient( to left, transparent, rgba(0, 0, 0, 0.6) 80%);position: absolute;left: 0;top: 30px;height: calc(100% - 33px);width: 10%;z-index: 1;} 
    .gallery_cont:after{content: '';display: block;background: linear-gradient( to right, transparent, rgba(0, 0, 0, 0.6) 80%);position: absolute;right: 0;top: 30px;height: calc(100% - 33px);width: 10%;} 
}
@media all and (max-width:860px){
    .notice_area .cont_top .tit {font-size: 1.5em;}
}
@media all and (max-width:580px){
    .notice_main{margin-top: 0;order: 2;}
    .notice_time{position: static;order: 1;}
    .notice_cont{order: 3;}
    .wrap_inner_center{display: flex;flex-direction: column;}
    .contTlebox{margin-top: 0;border-radius: 0;}
    .notice_time .contTlebox{display: none;}
    .main_wrap .section03{margin-top: 0;padding-top: 0;}
    .notice_main .notice_mainB .tit {margin: 18px 0 10px;font-size: 1em;}
    .notice_main .notice_mainB{padding: 23px 5px 30px;height: 148px;}
    .notice_time, .notice_main{height: auto;}
    .wrap_out_center {padding: 20px 0 65px;}
    .notice_area .cont_top .tit {font-size: 1.250em;}
    .notice_main .notice_mainB .noCont {margin: 15px;}
    .contTlebox {font-size: 18px;line-height: 47px;}
}