@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;}

#sec02{width:100%;position:relative;background-color:#fff;}

/*
#sec01{width:100%;height:883px;position:relative;text-align:center;}
#sec01 h2{color:#fff;line-height:1;font-size:85px;font-family: 'NanumSquare';font-weight:normal;}
#sec01 .inr{position: absolute;left: 50%;top: 170px;transform: translate(-50%, 0);}
#sec01 p{margin:50px auto;color:#fff;font-size:18px;width:80%;word-break: keep-all;}
#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(/artcenter/assets/images/main/ico_mouse.png) no-repeat;transform: translateX(-50%);animation: move 1s infinite;}

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

.main_visual .img{width:100%;height:883px;position:relative;}
.main_visual .img>div{width:100%;height:100%;position:absolute;background-size:cover !important;}
.main_visual .controls {position:absolute;top:480px;width:100%;text-align:center;}
.main_visual .btn_control{display:inline-block;vertical-align:top;margin-left:5px;z-index:8;}
.main_visual  button.control {margin-top: -2px;cursor:pointer;height:11px;width:9px;text-indent:-20000px;border:none;vertical-align:top;}
.main_visual  button.control.play{display:none;background:url(/assets/images/main/btn_play.png) no-repeat;}
.main_visual  button.control.pause{background:url(/assets/images/main/btn_stop.png) no-repeat}

.main_visual .controls .dots {display:inline-block;margin-right: 5px;}
.main_visual ul.slick-dots {bottom: 6px;position: relative;}
.main_visual ul.slick-dots li {
  display: inline-block;
  margin-left: .5em;
  margin-right: .5em;
  width:auto;
  height:auto;
}
.main_visual ul.slick-dots li button {
  display: block;
  color:transparent;
  font-size: inherit;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background: #fff;
  padding:0;
  border:0;
  border-radius: 50%;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.main_visual ul.slick-dots li button:before{content:none;}
.main_visual ul.slick-dots li.slick-active button {
  width: 100px;
  height:5px;
  position:relative;
  top:3px;
  background: #fff;
  border-radius: 15px;
  border:0;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
*/

.main_visual{height:440px;position:relative;background:url(/artcenter/assets/images/main/main_bg.jpg) 0 0 no-repeat;background-size:cover;}
.main_visual .inr{position:relative;height: 100%;}
.main_tit{display:none;}
.main_txt{position:absolute;left:0;top:50%;width:30%;color:#fff;font-size:17px;transform:translate(0, -50%);}

.main_slide{position:absolute;right:0;top:50px;width:880px;z-index: 1;}
.main_slide .slick-slide{padding:15px;width:439px;height:476px;}
.main_slide .slider_img{display:block !important;box-shadow: 0px 5px 10px 0 rgba(33, 39, 63, .35);}
.main_slide .slider_img>a{display:block;}
.main_slide .slick-arrow{position:absolute;top:50%;left:-50px;width:27px;height:54px;border:0;color:transparent;transform: translateY(-50%);background:url(/assets/images/main/btn_arr_prev.png) center center no-repeat;z-index:1;}
.main_slide .slick-arrow.slick-next{left:auto;right:-50px;background:url(/assets/images/main/btn_arr_next.png) center center no-repeat;}

.main_slide .controls {position:absolute;bottom:130px;left:-100px;text-align:center;}
.main_slide .btn_control{display:inline-block;vertical-align:top;margin-left:5px;z-index:8;}
.main_slide  button.control {cursor:pointer;height:11px;width:9px;text-indent:-20000px;border:none;vertical-align:top;}
.main_slide  button.control.play{display:none;background:url(/assets/images/main/btn_play.png) no-repeat;}
.main_slide  button.control.pause{background:url(/assets/images/main/btn_stop.png) no-repeat}

.main_slide .controls .dots {display:inline-block;margin-right: 5px;}
.main_slide ul.slick-dots {bottom: 2px;position: relative;}
.main_slide ul.slick-dots li {
  display: inline-block;
  margin-left: .5em;
  margin-right: .5em;
  width:auto;
  height:auto;
}
.main_slide ul.slick-dots li button {
  display: block;
  font-size: inherit;
  width: 12px;
  height: 12px;
  cursor: pointer;
  color:transparent;
  background: transparent;
  padding:0;
  border: 2px solid #fff;
  border-radius: 50%;
  transition-duration: .3s
}
.main_slide ul.slick-dots li button:before{content:none;}
.main_slide ul.slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  border-radius: 15px;
  border: 2px solid #fff;
  transition-duration: .3s
}

#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;}


.stat_wrap{position:relative;margin-top:80px;}

.stat_wrap .tab_list{margin-bottom:50px;border:1px solid #ddd;}
.stat_wrap .tab_list:after{clear:both;content:"";display:block;}
.stat_wrap .tab_list>li{float:left;background-color:#fff;width:33.333%;height:65px;}
.stat_wrap .tab_list>li+li{border-left:1px solid #ddd;}
.stat_wrap .tab_list>li>a{display:block;color:#8c8c8c;font-size:21px;font-family:'NanumSquare';line-height:65px;text-align:center;}
.stat_wrap .tab_list>li.on{background-color:#3d52bb;}
.stat_wrap .tab_list>li.on>a{color:#fff;}
.stat_wrap .tab_cont>div{display:none;}
.stat_wrap .tab_cont>div.on{display:block;}

.stat_slider {}
.stat_slider .slick-slide {margin-bottom:50px;width:300px;}
.stat_slider .slick-slide+.slick-slide{margin-left:66px;}
.stat_slider .slick-slide:nth-child(5){clear:both;margin-left:0;}
.stat_slider .cont .img {position:relative;}
.stat_slider .cont .img img {height:100%;width:100%;}
.stat_slider .cont .txt{background:#fff;padding-top:20px;}
.stat_slider .cont .txt > a {display:block;}
.stat_slider .cont .txt > a .stat{display:inline-block;margin-bottom:10px;padding:5px 32px;color:#fff;background-color:#3d52bb;font-size:15px;font-family: 'NanumSquare';line-height: 1.2;}
.stat_slider .cont .txt > a .tit{display:block;margin-bottom:20px;font-size:18px;font-weight: bold;height:55px;color:#222;overflow:hidden;line-height: 1.4;}
.stat_slider .cont .txt > a .date{display:block;margin-bottom:5px;font-size:16px;color:#666;line-height: 1.2;}
.stat_wrap .btn_more{display: block;height: 69px;width:317px;color: #fff;background: #000;margin: 50px auto 0;text-align: center;line-height: 69px;font-size: 13px;font-family: 'NanumSquare';}


.fac_wrap{position:relative;}
.fac_wrap .inr:after{content:'';display:block;clear:both;}
.fac_wrap .img, .fac_wrap .txt {float: left;}
.fac_wrap .img {width: 734px; height: 472px; position: relative; overflow: hidden;}
.fac_wrap .img img {width:100%;height: 100%;}
.fac_wrap .txt {width: 600px; height: 100%; padding: 35px 0 0 65px;overflow: hidden;}
.fac_wrap .txt .title {display:block; margin-bottom: 25px; font-size: 45px; color:#222;font-family: 'NanumSquare'; font-weight:bold; line-height:1; }
.fac_wrap .txt .line {display: block;width: 75px; height: 1px; background: #000; margin-bottom: 30px;}
.fac_wrap .txt .text {font-size: 17px; color: #666;}
.fac_wrap .txt .btn {margin-top: 40px; }
.fac_wrap .txt .btn:after{content:'';display:block;clear:both;}
.fac_wrap .txt .btn a{display:block;float:left;margin-right:19px;margin-bottom:20px;padding-left:25px;position:relative;width:240px;height:54px;line-height:54px;font-size:15px;color:#565656;border:1px solid #909090;}
.fac_wrap .txt .btn a.last{width:499px;}
.fac_wrap .txt .btn a:after {content: '';
    position: absolute;
    top: 50%;
    margin-top: -4.6px;
    right: 26px;
    width: 9px;
    height: 9px;
    border-right: 1px solid #3f3f3f;
    border-bottom: 1px solid #3f3f3f;
    transform: rotate(-45deg);
}
.fac_wrap .txt .btn a:before{content:'';
    display:block;
    position:absolute;
    top: 50%;
    right: 25px;
    width:37px;
    height:1px;
    background-color:#3f3f3f;
}




.noti_wrap{position:relative;margin-bottom:50px;padding:0 !important;}
.noti_wrap:before{content:'';position:absolute;left:-50%;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;}
.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; color: #666; 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;}

.mo_img{display:none;}





@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;}
    .main_visual .img{height:780px;} */

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

    .main_slide{width:54%;right:6%;top: 50%;transform: translateY(-50%);}
    .main_slide .slick-slide{height:auto;}
    .main_slide .controls{bottom:-30px;left:auto;width:100%;}

    .stat_wrap{margin-top: 0;padding-bottom:100px !important;}
    .stat_slider .slick-slide{margin:0 2rem;}
    .stat_slider .slick-slide+.slick-slide{margin-left:2rem;}
    .stat_slider .slick-slide:nth-child(5){clear:none;}
    .stat_slider .slick-arrow{width:6rem;height:6rem;position: absolute;left:50%;bottom:-8rem;margin-left:-6.5rem;border: 0;color: transparent;background: url(/infra/assets/images/main/btn_arr_prev.png) no-repeat;background-size: 100% auto;z-index: 1;}
    .stat_slider .slick-arrow.slick-next{margin-left:1rem;background: url(/infra/assets/images/main/btn_arr_next.png) no-repeat;background-size: 100% auto;}
    .stat_wrap .btn_more{display:none;}

    .fac_wrap{padding-top:60px !important;}
    .fac_wrap .img{width:55%;}
    .fac_wrap .txt{width:45%;padding: 2% 0 0 4%;}
    .fac_wrap .txt .btn{font-size:0;}
    .fac_wrap .txt .btn a{margin:1%;width: 48%;}
    .fac_wrap .txt .btn a.last{width:98%;}

    .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 : 1024px){

    /* #sec01{height:568px;}
    #sec01 .inr{top:120px;}
    #sec01 .ico_mouse{display:none;}

    .main_visual .img{height:568px;} */

    .fac_wrap .img, .fac_wrap .txt{float:none;width:100%;}
    .fac_wrap .txt{padding:3rem 0;}
}

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

    .pc_img{display:none;}
    .mo_img{display:block;}

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

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

    .section{overflow:hidden;}

    /* #sec01{height:45rem;}
    #sec01 h2{font-size:4.5rem;}
    #sec01 p{margin: 3rem  auto 0;width: 80%;font-size:1.5rem;}
    #sec01 .inr{top:50%;transform: translate(-50%, -50%);} */

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

    .main_visual{padding: 3rem 0;height:auto;}
    .main_tit{display:block;color:#fff;font-size: 3.5rem;font-family: 'NanumSquare';font-weight:normal;line-height:1.2;text-align:center;}
    .main_txt{display:none;position:static;padding:0 2rem;width: auto;font-size: 1.5rem;text-align: center;transform: translate(0, 0);}

    .main_visual .slick-list{box-shadow: 0px 5px 10px 0 rgba(33, 39, 63, .35);}
    .main_slide{margin-top:1.5rem;padding:0 4rem;position:static;width:auto;min-width:100%;transform: translateY(0);}
    .main_slide .slick-slide{padding:0;}
    .main_slide .slider_img{box-shadow:none;}
    .main_slide .slick-arrow{width:2rem;height:4rem;left:-3rem;background-size:100% auto !important;}
    .main_slide .slick-arrow.slick-next{right:-3rem;}
    .main_slide button.control{display:none;}

    .stat_wrap{padding-bottom: 6rem !important;}

    .stat_wrap .tab_list{margin: 0 1rem 2rem;}
    .stat_wrap .tab_list>li{height:5rem;}
    .stat_wrap .tab_list>li>a{line-height:5rem;font-size:1.5rem;}

    .stat_slider .slick-slide{margin:0 1rem;}
    .stat_slider .slick-slide+.slick-slide{margin-left:1rem;}
    .stat_slider .cont .txt > a .stat{margin-bottom:1rem;padding: .5rem 2rem;font-size:1.3rem;}
    .stat_slider .cont .txt > a .tit{margin-bottom:1.5rem;font-size:1.6rem;height: 4.5rem;}
    .stat_slider .cont .txt > a .date{margin-bottom:.5rem;font-size:1.4rem;}
    .stat_slider .slick-arrow{width:4rem;height:4rem;bottom:-6rem;margin-left:-4.5rem;}
    .stat_slider .slick-arrow.slick-next{margin-left:.5rem;}


    .fac_wrap{padding-top:4rem  !important;}
    .fac_wrap .img{height:auto;}
    .fac_wrap .txt .title{margin-bottom:1.5rem;font-size:3rem;}
    .fac_wrap .txt .text{font-size:1.5rem;}
    .fac_wrap .txt .line{margin-bottom:2rem;}
    .fac_wrap .txt .btn{margin-top:2rem;}
    .fac_wrap .txt .btn a{padding-left: 2rem;height: 4.2rem;line-height: 4.2rem;font-size: 1.4rem;}
    .fac_wrap .txt .btn a:before{right:1.5rem;}
    .fac_wrap .txt .btn a:after{right:1.6rem;}

    .noti_wrap{margin-top:-2rem;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;}
    .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;}
}