#main-wrap{position:relative; }
#visual{position:relative; width:100%;  top:0px;  background:#000; overflow:hidden; transition:all 0.2s; height:800px;}
#visual .visual_item .v_bg{width:100%; height:800px; background:url(../../images/main/main-visual01.jpg) no-repeat; background-size:cover; background-position:bottom center;}
#visual .visual_item .v_txt{position:absolute; top:50%; transform:translateY(-30%); left:0;  width:100%; text-align:right;}
#visual .visual_item .v_txt .txt{font-size:4.5rem; color:#fff; font-family: "Nanum Myeongjo", serif; font-weight:700; line-height:1.5em; text-shadow:0 0 5px rgba(0,0,0,0.8);
-webkit-animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both; animation: fade-in-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.3s both;}

#visual .LR_btn{width:100%;}
#visual .LR_btn li{display:inline-block; cursor:pointer;}
#visual .LR_btn li{position:absolute; bottom:70px;  left:50%; margin-left:-104px;}
#visual .LR_btn li.v_next{margin-left:64px;}
#visual .LR_btn li span{display:inline-block; width:40px; height:40px; line-height:40px; vertical-align:middle; border-radius:999px; border:1px solid #fff; text-align:center; box-sizing:border-box;}
#visual .LR_btn i{display:inline-block; font-size:2.6rem; color:#fff; vertical-align:middle;}

#visual .slick-counter{position:absolute; bottom:72px; left:50%;  transform:translateX(-50%); color:#e9e9e9; font-weight:600; font-size:2.2rem; }
#visual .slick-counter span{letter-spacing:0.04em;}
#visual .slick-counter span.current {color:#fff; font-weight:700;}


@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}


.comm_margin{margin:10rem 0;}
.comm_padding{padding:10rem 0;}

#new-notice-wrap .inner{display:flex; justify-content:space-between;}
#new-notice-wrap .newbook_box{position:relative; margin-top:-5rem;}
#new-notice-wrap .newbook_box .img_box{position:relative; width:300px; max-width:100%; box-shadow:0 0 10px 4px rgba(0,0,0,0.1); overflow:hidden;}
#new-notice-wrap .newbook_box .img_box img{transition:all 0.2s;}
#new-notice-wrap .newbook_box .tit_box{position:absolute; top:-2rem; left:-1.5rem;}
#new-notice-wrap .newbook_box .tit_box span{position:relative; display:inline-block; background:#018890; color:#fff; font-size:2.1rem; font-weight:600; padding:0.8rem 2.5rem 0.8rem 3.5rem; z-index:5;}
#new-notice-wrap .newbook_box .tit_box span:before{content:""; display:block; width: 0px; height: 0px; border-top: 9px solid transparent; border-left: 15px solid #005c61; position:absolute; bottom:-9px; left:0px; transform:rotate(-180deg)}
#new-notice-wrap .newbook_box .tit_box span i{display:inline-block; font-size:2.2rem; vertical-align:middle; margin-left:0.5rem; margin-top:-2px;}
#new-notice-wrap .notice_box{position:relative; width:calc(100% - 370px);}
#new-notice-wrap .notice_box .tit_box{position:absolute; top:0; left:0; font-size:2.8rem; font-weight:700; }
#new-notice-wrap .notice_box .tit_box .more_btn{margin-left:1rem;}
#new-notice-wrap .notice_box .tit_box .more_btn span{display:inline-block; width:35px; height:35px; line-height:35px;  border:1px solid #018890; text-align:center; }
#new-notice-wrap .notice_box .tit_box .more_btn span i{display:inline-block;  line-height:35px; color:#018890;}
#new-notice-wrap .notice_box .cont_box{margin-left:215px;  border-top:1px solid #d7d7d7;}
#new-notice-wrap .notice_box .cont_box li{position:relative; border-bottom:1px solid #d7d7d7; box-sizing:border-box;}
#new-notice-wrap .notice_box .cont_box a{display:block; padding:3rem 15rem 3rem 2.5rem; }
#new-notice-wrap .notice_box .cont_box .txt .t01{font-size:2rem; font-weight:600; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#new-notice-wrap .notice_box .cont_box .txt .t02{color:#868686; font-size:1.6rem; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#new-notice-wrap .notice_box .cont_box .date{position:absolute; top:50%; right:2.5rem; transform:translateY(-50%); color:#535353; font-size:1.7rem; font-weight:500;}

#quick-wrap{position:relative;}
#quick-wrap:before{content:""; display:block; background:#efefef; position:absolute; bottom:0; left:0; width:100%; height:90px; z-index:-1;}
#quick-wrap ul{display:flex;}
#quick-wrap ul li{width:calc((100% - 6rem)/3); margin-left:3rem; border:1rem solid #fff; background:url(../../images/main/main-quick01.jpg) no-repeat; background-size:cover; min-height:187px; box-sizing:border-box;}
#quick-wrap ul li:first-child{margin-left:0;}
#quick-wrap ul li.qw02{background-image:url(../../images/main/main-quick02.jpg);}
#quick-wrap ul li.qw03{background-image:url(../../images/main/main-quick03.jpg);}
#quick-wrap ul li a{display:block; padding:4.5rem 4rem;}
#quick-wrap ul li .t01{font-size:2.5rem; font-weight:600; color:#fff; margin-bottom:0.5rem;}
#quick-wrap ul li .t02 span{display:inline-block; font-size:1.4rem; color:#fff; font-weight:500; padding:0.5rem 1rem; border:1px solid #fff;}
#quick-wrap ul li .t02 span i{display:inline-block; font-size:1.8rem; vertical-align:middle; margin-top:-2px; margin-left:7px; transition:all 0.2s;}











@media (hover: hover) and (pointer: fine) {

#new-notice-wrap .newbook_box .img_box:hover img{transform:scale(1.05);}
#new-notice-wrap .notice_box .cont_box li:hover .t01{text-decoration:underline;}


#quick-wrap ul li:hover .t02 span i{margin-left:13px;}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width:1220px){
#visual, #visual .visual_item .v_bg{height:730px;}
#visual .visual_item .v_txt{transform:translateY(0); padding-right:2rem; box-sizing:border-box;}
#new-notice-wrap .newbook_box .tit_box{left:-1rem;}
#new-notice-wrap .newbook_box .tit_box span:before{border-left-width:10px;}
#new-notice-wrap .notice_box{margin:5rem 0 7rem; width:calc(100% - 360px);}
#new-notice-wrap .notice_box .tit_box{position:static; top:auto; left:auto; margin-bottom:2rem;}
#new-notice-wrap .notice_box .cont_box{margin-left:0;}

}

@media (max-width:1024px){
#visual, #visual .visual_item .v_bg{height:500px;}
#visual .visual_item .v_txt{transform:translateY(-20%);}
#visual .visual_item .v_txt .txt{font-size:4rem;}

#new-notice-wrap .inner{flex-direction:column;}
#new-notice-wrap .newbook_box{margin:-5rem auto 0;}
#new-notice-wrap .notice_box{width:100%;}

#quick-wrap ul{flex-direction:column;}
#quick-wrap ul li{width:100%; margin-left:0; border-top-width:0; min-height:inherit;}
}


@media (max-width:768px){
.comm_margin{margin:5rem 0;}
.comm_padding{padding:5rem 0;}

.title_box .t01{font-size:2.8rem;}
.title_box .t02{font-size:1.7rem;}

#visual, #visual .visual_item .v_bg{height:300px; background-position:90% 100%;}
#visual .visual_item .v_txt{transform:translateY(13%);}
#visual .visual_item .v_txt .txt{font-size:2.3rem;}

#new-notice-wrap .newbook_box{margin-top:7rem;}
#new-notice-wrap .newbook_box .img_box{width:240px;}
#new-notice-wrap .notice_box{margin-bottom:5rem;}
#new-notice-wrap .notice_box .cont_box a{padding:2rem;}
#new-notice-wrap .notice_box .cont_box .date{position:static; top:auto; right:auto; transform:inherit; text-align:right; margin-top:0.7rem;}

#quick-wrap ul li a{padding:3rem;}
#quick-wrap ul li .t01{font-size:2.3rem; margin-bottom:0.7rem;}


}