@charset "utf-8";

*{box-sizing: border-box;}
.blind {display:block;overflow:hidden;position:absolute;width:1px !important;height:1px;font-size:1px;line-height:0;color:transparent;opacity:0}
.section{overflow:hidden;}
.section .inr{margin:0 auto;width:100%;max-width:1400px;}


#sec01{width:100%;height:983px;position:relative;text-align:center;background:url(/biennale/assets/images/main/main_bg.jpg) no-repeat;background-size:cover;}
#sec02{width:100%;position:relative;background-color:#fff;}

#sec01 .inr{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
#sec01 h2{color:#fff;line-height:1;font-size:85px;font-family: 'NanumSquare';font-weight:normal;}
#sec01 p{margin-top:50px;color:#fff;font-size:18px;}
#sec01 .btn {margin-top:120px;}
#sec01 .btn a{display:inline-block;margin:5px;width:200px;height:45px;line-height:45px;font-size:16px;color:#fff;border:1px solid #b7b7b4;text-align:center;}
#sec01 .btn a:hover{background-color:#fff;color:#333;transition:all .6s;}
#sec01 .ico_mouse{width:35px;height:74px;position:absolute;left:50%;bottom:150px;background:url(/biennale/assets/images/main/ico_mouse.png) no-repeat;transform: translateX(-50%);animation: move 1s infinite;}

@keyframes move {
    from {
        bottom: 150px;
    }
    to {
        bottom: 140px;
    }
}

#sec02>div{padding:100px 0;overflow:hidden;}
#sec02 .h3_tit{color:#000;font-size:45px;font-family: 'NanumSquare';line-height: 1;}
#sec02 .h3_txt{color:#666;font-size:17px;line-height: 1.4;}


.fac_wrap{min-height:620px;margin-bottom:40px;}
.fac_wrap .btn_yearhome{display:block;margin-left:-300px;position:absolute;top:155px;left:50%;width:150px;height:40px;line-height:40px;color:#fff;font-size:16px;background-color:#000;text-align:center;z-index:1;}

.left{width:50%;background-color:#3d52bb;}
.left .txt{display:block !important;padding:50px 0 50px;}
.left .txt>div{display:block;max-width: 700px;margin: 0 0 0 auto;}
.left .txt strong{display: block;margin-bottom: 40px;color:#fff;font-size:40px;font-family: 'NanumSquare';line-height: 1.2;}
.left .txt dl{margin-top:25px;}
.left .txt dt{margin-bottom:10px;color:#fff;font-size:20px;font-family: 'NanumSquare';line-height: 1.2;}
.left .txt dd>p{color:#fff;font-size:16px;}
.left .txt .btn_homepage{display:inline-block;margin-top:30px;padding:10px 85px 10px 45px;position:relative;color:#fff;font-size:16px;border:1px solid #fff;}
.left .txt .btn_homepage .ico_arrow{display:block;position:absolute;right:45px;top:55%;width:25px;height:1px;background-color:#fff;transition:all .2s;}
.left .txt .btn_homepage .ico_arrow:after {content:'';position:absolute;top:-6px;right:2px;width:13px;height:13px;border-right:1px solid #fff;transform:rotate(-48deg);}
.left .txt .btn_homepage:hover .ico_arrow{right:40px;transition:all .2s;}

.right{margin-top:40px;width:50%;position:absolute;left:50%;transform: translate(-100px, 0);z-index: 1;}
.right .img{display:block !important;}


.noti_wrap{position:relative;margin:140px 0 50px;padding:0 !important;}
.noti_wrap:before{content:'';position:absolute;left:0;top:0;height:100%;width:100%;background-color:#f3f3f3;}
.noti_wrap .inr{padding:60px 0;position:relative;background-color:#f3f3f3;}
.noti_wrap .h3_tit{display:inline-block;}
.noti_wrap .btn_more{display:inline-block;/*margin-left:30px;*/vertical-align: sub;position:absolute;top:81px;left:194px;}
.noti_wrap .btn_more>span{font-size:18px;font-family: 'NanumSquare';color: #3d52bb;}

.noti_slider{margin-top:40px;}
.noti_slider .slick-slide{padding-bottom:10px;width:300px;position: relative;}
.noti_slider .slick-slide+.slick-slide{margin-left:65px;}
.noti_slider .txt1{border-bottom: 1px solid #000;padding-bottom: 25px;margin-bottom: 25px;}
.noti_slider .txt1 .month{display: block;font-size: 50px;font-family: 'NanumSquare';color: #000;line-height: 1;}
.noti_slider .txt1 .month span{display:block;font-size: 50px;font-family: 'NanumSquare';color: #000;line-height: 1;}
.noti_slider .txt1 .cate{display: block;margin-top: 10px;font-size: 30px;color: #000;line-height: 1;}
.noti_slider .txt2 dt {height:50px; font-size:17px; color: #000; margin-bottom: 15px;}
.noti_slider .txt2 dd {font-size:15px;  overflow: hidden;}

.noti_slider li>a{display:block;position:relative;min-height:350px;}
.noti_slider .ico_arrow{display:block;position:absolute;bottom:10px;width:37px;height:1px;background-color:#3d52bb;transition:all .2s;}
.noti_slider .ico_arrow:after {content:'';position:absolute;top:-6px;right:2px;width:13px;height:13px;border-bottom:1px solid #3d52bb;transform:rotate(-48deg);}
.noti_slider li>a:hover .ico_arrow{margin-left:10px;transition:all .2s;}







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


  html {font-size:62.5%;}
  @media only screen and (min-device-width:375px) {html{font-size:62.5%} }
  @media only screen and (min-device-width:412px) {html{font-size:71.5%} }
  @media only screen and (min-device-width:480px) {html{font-size:83.3%} }
  @media only screen and (min-device-width:750px) {html{font-size:62.5%} }

    #sec01{height:780px;}
    #sec01 .btn{margin-top:70px;}
    #sec01 .ico_mouse{bottom:100px;}

    @keyframes move {
        from {
            bottom: 100px;
        }
        to {
            bottom: 90px;
        }
    }

    #sec02>div{padding:60px 0;}
    .section .inr{width:96%;}

    .fac_wrap{width:96%;margin-bottom: 0;}
    .fac_wrap .btn_yearhome{margin-left: -15%;top: 8.6%;}
    .left{left:2%;}
    .left .txt>div{padding:0 2rem 0 4rem;}

    .right{transform: translate(0, 0);left: auto;right: 2%;}

    .noti_wrap{margin-top:60px;}
    .noti_wrap .inr{padding:6rem 5rem;width: 100%;}
    .noti_slider .slick-slide{margin:0 1rem;}
    .noti_slider .slick-slide+.slick-slide{margin-left:1rem;}
    .noti_slider .txt1{padding-bottom: 2rem;margin-bottom: 2rem;}
    .noti_slider .txt1 .month,
    .noti_slider .txt1 .month span{font-size:4.6rem;}
    .noti_slider .txt1 .cate{margin-top:1rem;font-size:2.8rem;}
    .noti_slider .txt2 dt{margin-bottom:1.5rem;font-size:1.5rem;height: 5rem;}
    .noti_slider .txt2 dd{font-size:1.4rem;}
    .noti_slider li.more a span{font-size:1.5rem;}
}

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

    #sec01 p{padding:0 5%;}
    #sec01 p br{display:none;}

    .fac_wrap{min-height:530px;padding-bottom:0 !important;}
    .fac_wrap .btn_yearhome{margin-left:0;left:auto;right:5%;}
    .left{width:48%;}
    .right{margin-top:0;width:48%;}
    .left .txt{padding:40px 0 40px;}
    .left .txt strong{font-size:40px;}
    .left .txt dt{font-size:18px;}
    .left .txt dd>p{font-size:15px;}

    .right .img{height:468px;overflow:hidden;}
    .right .img img{height:100%;position: absolute;}
}

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

    #sec01{height:568px;}
    #sec01 .ico_mouse{display:none;}

    #sec02 .h3_txt{display:none !important;}
}

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

    #sec01 h2{font-size:60px;}

    .fac_wrap{margin:0 auto;height:auto;min-height: inherit;}
    .fac_wrap .btn_yearhome{margin:3rem auto 0;position:static;left:auto;right:auto;width:18rem;height:5.5rem;line-height:5.5rem;font-size:1.7rem;}
    .right,
    .left{position:relative;left:auto;right:auto;width:100%;}
    .right .img{height:auto;}
    .right .img img{height:auto;position:relative;}
    .left .txt{padding:3rem 2rem 6rem;height:auto;max-height: inherit;}
    .left .txt>div{margin:0;padding:0;}
    .left .txt strong{display:block;}
}

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

    #sec01{height:45rem;}
    #sec01 h2{font-size:4.5rem;word-break: keep-all;}
    #sec01 .btn{margin-top:5rem;font-size:0;}
    #sec01 .btn a{margin:1%;width: 46%;height: 4rem;line-height: 4rem;font-size: 1.5rem;}
    #sec01 .btn a.last{width:94%;}
    #sec01 p{display:none;}

    #sec02>div{padding:4rem 0;}
    #sec02 .h3_tit{display:block !important;font-size:3.2rem;text-align:center}

    .left .txt strong{font-size:3.2rem;}
    .left .txt dl{margin-top:2.5rem;}
    .left .txt dt{margin-bottom:1rem;font-size:1.7rem;}
    .left .txt dd>p{font-size:1.4rem;}
    .left .txt .btn_homepage{margin-top: 2rem;padding: 1rem 6rem 1rem 2rem; font-size: 1.4rem;}
    .left .txt .btn_homepage .ico_arrow {right:2rem;}

    .noti_wrap{margin-bottom:0;}
    .noti_wrap .inr{padding:5rem 2rem 10rem;width:100%;}
    .noti_wrap .full_img{background-size: 850px auto;background-position: -120px top;}
    .noti_wrap .btn_more{position: absolute;right: 3rem;top: 6.5rem;left:auto;}
    .noti_wrap .btn_more:after,
    .noti_wrap .btn_more:before{content:"";width:18px;border-top:1px solid #333;position:absolute;left:50%;top:50%;margin-left:-9px;margin-top:-1px;}
    .noti_wrap .btn_more:before{transform:rotate(90deg);}
    .noti_wrap .btn_more>span{display:none;}

    .noti_slider{margin-top:2.5rem;}
    .noti_slider li>a{padding-bottom: 2rem;min-height:auto;}
    .noti_slider .txt1:after{content:'';display:block;clear:both;}
    .noti_slider .txt1 .month,
    .noti_slider .txt1 .cate{float:left;margin-top:0;margin-right:1rem;font-size: 2.8rem;}
    .noti_slider .slick-arrow{width:4rem;height:4rem;position: absolute;left:50%;bottom:-6rem;margin-left:-4.5rem;border: 0;color: transparent;background: url(/infra/assets/images/main/btn_arr_prev.png) no-repeat;background-size: 100% auto;z-index: 1;}
    .noti_slider .slick-arrow.slick-next{margin-left:.5rem;background: url(/infra/assets/images/main/btn_arr_next.png) no-repeat;background-size: 100% auto;}
    .noti_slider .txt1 .month span{display:inline-block;margin-left:.2rem;font-size: 2.8rem;}
    .noti_slider .txt1 .month span:before{content:'.';display:inline-block;font-size: 2.8rem;font-family: 'NanumSquare';color: #000;line-height: 1;}
}

/* main visual 수정 20240417 */
#sec01.renew{height:440px;position:relative;}
#sec01.renew h2{display:none;}
#sec01.renew .main_txt{position:absolute;left:0;top:50%;width:27%;color:#fff;font-size:17px;transform:translate(0, -50%);margin-top:0;text-align:left;}
#sec01 .biennale-popup{display:block;width:350px;padding:15px;text-align:LEFT;position:absolute;top:50%;right:0;transform:translate(0, -50%);background:rgba(0,0,0, 0.3);color:#fff;border:1px solid #9fa09f;}
@media all and (max-width : 1400px){
  #sec01.renew .main_txt{width:50%;}
}

@media all and (max-width : 750px){
  #sec01.renew{height:auto;padding:3rem 0;}
  #sec01.renew .inr{position:static;transform:none;}
  #sec01.renew .main_tit{display:block;color:#fff;font-size: 3.5rem;font-family: 'NanumSquare';font-weight:normal;line-height:1.2;text-align:center;}
  #sec01.renew .main_txt{display:none;}
  #sec01 .biennale-popup{position: relative; top:0;left: 0; width:100%;transform:none;font-size:1.4rem;margin-bottom:3rem;}
}
/* // main visual 수정 20240417 */