@charset "utf-8";

.main .inner {width:var(--main-width);}

/* ----------------------------------------------------------------- */
/* main_visual */
/* ----------------------------------------------------------------- */

.visual_wrap {overflow:hidden; position:relative; width:100%;}
.main_visual {position:relative; background-color:#000; z-index:0;}

/* 메인 비주얼 :: 이미지 */
.main_visual .item {position:relative; height:600px; background:#fef2db url('/images/main/bg_visual.jpg') no-repeat center bottom; background-size:cover;}

.main_visual .item .img {overflow:hidden; position:relative; width:100%; height:600px;}
.main_visual .item .img .left, 
.main_visual .item .img .right {position:absolute; bottom:0; width:50%; transition: all ease-in-out 1.2s; opacity:0; filter:Alpha(opacity=0);}
.main_visual .item .img .left  {right:50%; transform:translateX(-100px);}
.main_visual .item .img .right {left:50%; transform:translateX(100px);}

.main_visual .item .img .icon {position:absolute; left:50%; bottom:10px; width:50%; transition-delay:1.0s !important;}
.main_visual .item .img .icon {transform:translateY(10px); transition: all ease-in-out 1.2s; opacity:0; filter:Alpha(opacity=0);}

.main_visual .item.active-item .img .left, 
.main_visual .item.active-item .img .right {transform:translateX(0); opacity:1; filter:Alpha(opacity=100);}
.main_visual .item.active-item .img .icon  {transform:translateY(0); opacity:1; filter:Alpha(opacity=100);} 

.main_visual .item .img img {width:100%;}

.main_visual .item .img .icon.move {animation:imgupDown 3s 2s ease-in-out infinite;}

@keyframes imgupDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	
	}
	50% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

/* 메인 비주얼 :: active효과 */
.main_visual .item.active-item .img {}


/* 메인 비주얼 :: 텍스트 */
.visual_wrap .txt {position:absolute; left:0; right:0; top:16%; color:#fff; text-align:center; z-index:999;}

.visual_wrap .txt .tit_big {font-size:5.8rem; font-family:'Katuri'; color:#333; letter-spacing:-0.025em; line-height:1.3;}
.visual_wrap .txt .tit_big span {color:#ec664e;}
.visual_wrap .txt .tit_mid {font-size:2.8rem;  font-family:'BMJUA'; color:#333; letter-spacing:-0.025em;}
.visual_wrap .txt .exp {margin-top:30px; line-height:1; font-size:3rem; color:rgba(255, 255, 255, .85); font-family: "EB Garamond", serif; font-weight:400;  letter-spacing:0.0em;
transition-delay:300ms !important}
.visual_wrap .txt .tit_big em {color:#fbd157;}



/* 메인 비주얼 :: 버튼 ----------- */ 
.visual_wrap .slick-dots {display:flex; position:absolute; left:50%; transform: translateX(-50%); bottom:25px; text-align:center; gap:0 14px; z-index:9999;  font-size:0;}
.visual_wrap .slick-dots li {}
.visual_wrap .slick-dots li button {cursor:pointer; margin:0px; padding:0; width:12px; height:12px; font-size:0; border:2px solid rgba(255,255,255,0.8); border-radius:100%;}
.visual_wrap .slick-dots li.slick-active button {background:rgba(255,255,255, 0.8); border:0;  opacity:1;}





/* ----------------------------------------------------------------- */
/* main_cont */
/* ----------------------------------------------------------------- */


/* 메인 :: 바로가기 */
.quick_wrap {position:relative; padding:0;}
.quick_wrap:after {content:""; display:block; clear:both;}
.quick_wrap .lst {display:flex; flex-wrap:wrap; justify-content:center; gap:35px; margin-top:-148px;}
.quick_wrap .lst .item {position:relative; width:206px; width:206px; border-radius:0px; text-align:center; transition:all 0.4s;}
.quick_wrap .lst .item a {display:flex; flex-direction:column; width:100%; height:100%; aspect-ratio:1;}
.quick_wrap .lst .item .in_box {position:relative; padding-top:20px; z-index:10;}
.quick_wrap .lst .item .ic img {max-width:116px; width:100%;}
.quick_wrap .lst .item .title {margin-top:0; line-height:1; font-size:2rem; color:#333; font-family:'BMJUA'; letter-spacing:0em;}
.quick_wrap .lst .item .bg {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;}
.quick_wrap .lst .item .bg img {width:100%; height:auto;}
.quick_wrap .lst .item a:hover .title {}
.quick_wrap .lst .item a:hover .shadow {-webkit-filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 10px 15px); filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 10px 15px);}



/* 메인 :: 공동 라운드 */
.newZone .slide_box,
.popZone {border-radius:20px;}

.schedule .cal_box .tit,
.news_wrap .notice .title {border-radius:20px 20px 0 0;} 
.schedule .cal_box .cont,
.notice .cont {border-radius:0 0 20px 20px;}



/* 메인 :: 프로그램 리스트 */
.pro_wrap {position:relative; padding:80px 0 70px;}
.pro_wrap:after {content:""; display:block; clear:both;}

.pro_wrap .inner {display:flex; gap:50px; }


.newZone {position:relative; width:950px;}
.newZone h4 {display:inline-block; position:relative; height:70px; padding-top:3px; font-size:2.8rem; color:#333; font-family: 'Katuri'; font-weight:normal; letter-spacing:0em;}
.newZone h4 img {margin:0 15px 0 15px; vertical-align:middle;}
.newZone h4 em {color:#865e89;}

.newZone .slide_box {height:calc(100% - 70px); min-height:80px; padding:35px 35px 0;  /* box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); */ box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08); background:#fff; }
.pro_slide {position:relative; margin:0 -10px; display:flex;}
.pro_slide .item {position:relative; margin:0 10px;}
/* .pro_slide .item .imgthumb {overflow:hidden; position:relative; width:100%; height:auto; border-radius:10px 10px 0 0;}
.pro_slide .item .imgthumb img {position:relative; width:100%; height:auto; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); } */
/* 1:1 비율 */
.pro_slide .item .imgthumb {overflow:hidden; position:relative; width:100%; height:0; padding-bottom:100%; border:1px solid rgba(0, 0, 0, .11);/*  border-bottom:0;  */border-radius:12px;}
.pro_slide .item .imgthumb img {position: absolute; top:0; left:0; width:100%; height:auto; object-fit:cover;}
/*object-position을 사용해 이미지를 중앙에 배치할 수도 있다.*/
.pro_slide .item .cont {overflow:hidden; position:relative; padding:20px 2px; background:#fff; font-family:'S-CoreDream-5Medium'; border:0px solid rgba(0, 0, 0, .11);
border-top:none; border-radius:0 0 12px 12px;}
.pro_slide .item .cont .subject {text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:1.6rem; color:#333; text-align:left;}
.pro_slide .item .cont ul {margin-top:5px; padding-top:0px; font-size:1.3rem; border-top:0 dashed #ddd;}
.pro_slide .item .cont ul li {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'S-CoreDream-4Regular';}
.pro_slide .item .cont ul li strong {position:relative; display:inline-block; padding-right:10px; margin-right:7px; color:#555; font-weight:normal;}
.pro_slide .item .cont ul li strong:after {content:""; display:block; position:absolute; top:4px; right:0; width:1px; height:12px; background:#ccc; border-radius:50%;}

.pro_slide .item a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.pro_slide .item .tagArea {position:absolute; top:12px; left:0; font-size:0; z-index:10;}
.tag {display:inline-block; padding:0 18px 0 16px; height:28px; line-height:26px; font-size:1.2rem; font-family:'S-CoreDream-4Regular'; border-radius:5px 30px 30px 5px; color:#fff; text-align:center;
-webkit-box-shadow: 1px 1px 2px rgba(1,1,1,.15); box-shadow: 1px 1px 2px rgba(1,1,1,.15);}

.tag.rent {background:#0ab22b;} /* 대여가능 */
.tag.end {background:#cb302c;} /* 대여불가 */


/* 메인 :: 신규대여품 */
.pro_control {display:flex; gap:4px; position:absolute; top:10px; right:2px;}
.pro_control button {display:block; width:34px; height:34px; background:#fff; border:1px solid rgba(0, 0, 0, 0.11); border-radius:50%; text-align:center; font-size:0;}

.pro_control .slick-prev:after,
.pro_control .slick-next:after {font-family:xeicon; display:inline-block; font-size:2.2rem; line-height:32px; color:#444;}
.pro_control .slick-prev:after {content: "\e93c";}
.pro_control .slick-next:after {content:"\e93f"; padding-left:2px}

.pro_control .slick-start {display:none;}
.pro_control .slick-stop {}
.pro_control .slick-start:after,
.pro_control .slick-stop:after {font-family:xeicon; display:inline-block; font-size:1.7rem; line-height:32px; color:#444;}
.pro_control .slick-start:after {content: "\ea3e"; margin-left:2px;}
.pro_control .slick-stop:after {content:"\ea3b"; }

.pro_slide .slick-dots {display:flex; position:absolute; left:50%; transform: translateX(-50%); bottom:-50px; text-align:center; gap:0 14px; z-index:9999;  font-size:0;}
.pro_slide .slick-dots li {}
.pro_slide .slick-dots li button {cursor:pointer; margin:0px; padding:0; width:12px; height:12px; font-size:0; border:2px solid rgba(0,0,0,0.3); border-radius:100%;}
.pro_slide .slick-dots li.slick-active button {background:rgba(0,0,0, 0.3); border:0;  opacity:1;}




/* 메인 :: 팝존 */
.popZone {overflow:hidden; position:relative; width:400px;}
.pop_slide {width:100%; height:auto; aspect-ratio:1;}
.pop_slide .item img {width:100%;}

.control_box {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; bottom:0; height:58px; padding:0 20px 0 30px; background:#2D3548;}

.control_box .tit {width:200px; font-size:1.6rem; line-height:1; font-family:'S-CoreDream-4Regular'; color:#fff; letter-spacing:0em;}
.control_box .tit em {margin-right:5px; font-family:'S-CoreDream-6Bold'; }
.control_box .tb {display:flex;}

.control_box .total {display:inline-flex; align-items:center; gap:5px; margin-right:10px; font-size:1.3rem; color:#fff; font-family:'GmarketSansMedium'; letter-spacing:0em;}
.control_box .total .current {}
.control_box .total .count {}
.control_box .total .line {font-size:0; width:10px; height:1px; background-color:#fff;}

.control_box .control {display:inline-flex;}
.control_box button {width:22px; height:22px; font-size:0; transition: all 0.1s; text-align:center;}

.control_box .slick-prev:after,
.control_box .slick-next:after {font-family:xeicon; display:inline-block; font-size:2.2rem; line-height:22px; color:#fff;}
.control_box .slick-prev:after {content: "\e93c";}
.control_box .slick-next:after {content:"\e93f"; margin-left:-2px;}

.control_box .slick-start {display:none;}
.control_box .slick-stop {}
.control_box .slick-start:after,
.control_box .slick-stop:after {font-family:xeicon; display:inline-block; font-size:1.7rem; line-height:22px; color:#fff;}
.control_box .slick-start:after {content: "\ea3e";}
.control_box .slick-stop:after {content:"\ea3b";}



/* 메인 :: 일정, 공지, 연락처 */
.news_wrap {position:relative;}
.news_wrap:after {content:""; display:block; clear:both;}

.news_wrap .inner {display:flex; gap:40px;}
.news_wrap .inner .schedule {position:relative; width:400px;} 
.news_wrap .inner .notice {position:relative; width:960px;}


.news_wrap h4 {position:relative; font-size:2.3rem; font-family:'Katuri'; font-weight:normal; letter-spacing:0.025em;}

.schedule .cal_box .tit, 
.news_wrap .notice .title {height:70px;}
.schedule .cal_box .cont,
.notice .cont {height:calc(100% - 70px);}


/* 일정안내 */
.schedule .cal_box  {position:relative; width:100%; height:100%;}
.schedule .cal_box .tit {display:flex; align-items: center; justify-content:space-between; padding:0 25px 0 32px; background:var(--sub-color); } 
.schedule .cal_box .tit h4 {margin-bottom:0; color:#fff;}
.schedule .cal_box .dateNav {display:flex; align-items:center; gap:15px; position:relative; }
.schedule .cal_box .dateNav .dateTit {font-size:1.8rem; color:#fff; font-family:'verdana', sans-serif; font-weight:bold; text-align:center; padding:0}
.schedule .cal_box .dateNav .dateTit span.calYear {color:#fff;}
.schedule .cal_box .datePrev .btnPrev,
.schedule .cal_box .dateNext .btnNext {display:block; width:28px; height:28px; background:rgba(255, 255, 255, .2); border-radius:50%; font-size:0; text-align:center;}
.schedule .cal_box .datePrev .btnPrev:after, 
.schedule .cal_box .dateNext .btnNext:after {font-family:xeicon; display:inline-block; font-size:2rem; line-height:28px; color:#fff;}
.schedule .cal_box .datePrev .btnPrev:after {content: "\e93c"; margin-left:-2px;}
.schedule .cal_box .dateNext .btnNext:after {content:"\e93f"; margin-left:2px;}


.schedule .cal_box .cont {padding:20px 30px 30px; border:2px solid #d6e9c4; border-top:0;}

.schedule .calendar {position:relative; width:100%; text-align:center; }
.schedule .calendar:after {content:''; display:block; clear:both;}
.schedule .calendar thead {}
.schedule .calendar thead th {font-size:2.2rem; color:#333; font-family:'GangwonEduSaeeum_OTFMediumA', sans-serif; font-weight:normal; letter-spacing:0em; border-bottom:1px solid #ddd;}
.schedule .calendar thead th.sun {color:#d21919;}
.schedule .calendar thead th.sat {color:#2327ad;}
.schedule .calendar tbody tr:first-child td {padding-top:10px !important;}  
.schedule .calendar tbody {/* border-bottom:1px solid rgba(0, 0, 0, 0.4);  */}
.schedule .calendar tbody td {position:relative; padding:6px 0; font-size:1.3rem; }
.schedule .calendar tbody td a {display:block;}
.schedule .calendar tbody td span {display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; font-family:'verdana', sans-serif; color:#333; border-radius:50% !important;}
.schedule .calendar tbody td.today span {background:#f5684a !important; color:#fff;}
.schedule .calendar tbody td.res span {background:#ffd554;} /* has 일정있는날*/
.schedule .calendar tbody td.sun span {color:#d21919;}
.schedule .calendar tbody td.sat span {color:#2327ad;}
.schedule .calendar tbody td.closed span {background:#aaa; color:#fff;} /* 휴관일 */
.schedule .calendar tbody td.sun {padding-left:0;}
.schedule .calendar tbody td.sat {padding-right:0;}

.schedule .calendar tbody td.res.sat span, 
.schedule .calendar tbody td.res.sun span {color:#fff;}

.schedule .caption {display:flex; justify-content:flex-end;	gap:2rem; margin-top:5px; padding-top:15px; border-top:1px solid #ddd;}
.schedule .caption li {display:flex; align-items:center; position:relative;  font-size:1.3rem; font-family:'S-CoreDream-4Regular'; line-height:1.2;}
.schedule .caption li::before {content:''; display:block; margin-right:5px; width:10px; height:10px; border-radius:50%; text-align:center;}
.schedule .caption li.has::before {background:#ffd554;}
.schedule .caption li.closed::before {background:#aaa; color:#fff;}
.schedule .caption li.today::before {background:#f5684a; }




/* 공지사항 */
.news_wrap .notice .title {display:flex; align-items:center; padding:0 30px; background:#f7edbf;} 

.news_wrap .notice h4 {display:flex; align-items: center; color:#333;}
.news_wrap .notice h4 img {margin:0 15px 0 0px; vertical-align:middle;}
/* .news_wrap .notice h4 span {padding-right:20px; background:#fff;} 
.news_wrap .notice h4:before {content:""; display:block; position:absolute; top:50%; transform: translateY(-50%); left:0; width:100%; height:1px; background:#e8e8e8; z-index:-1;}*/

.notice {overflow:hidden; position:relative;}
.notice .cont {padding:10px 30px 15px; border:2px solid #f7edbf; border-top:0;}
.notice .lst {overflow:hidden; position:relative;}
.notice .lst li {position:relative; width:100%;/*  border-bottom:1px dashed rgba(0, 0, 0, 0.2); */}
.notice .lst li a {display:block; overflow:hidden; position:relative; cursor:pointer;}
.notice .lst li:not(:nth-child(1)) {border-top:1px dashed rgba(0, 0, 0, 0.2);}  
.notice .lst li {}
.notice .lst li .in_box {display:flex; align-items:center; padding:12px 0 14px;}
.notice .lst li .date {display:flex; flex-wrap:wrap; flex-direction:column; text-align:center; padding:12px 0 10px; width:90px;/*  background:#f7f7f7;  border-radius:6px; */}
.notice .lst li .date .day {line-height:1; font-size:2.8rem; color:#f3705b; font-family: 'verdana', sans-serif; font-weight:bold;}
.notice .lst li .date .year {margin-top:3px; font-size:1.4rem; color:#888; font-family:'verdana', sans-serif;}
.notice .lst li .tit {position:relative; padding-left:20px; width:calc(100% - 90px); font-size:1.8rem; color:#333; font-family:'S-CoreDream-5Medium';}
.notice .lst li .tit .desc {margin-top:3px; font-size:1.5rem; color:#555; font-family:'S-CoreDream-4Regular';}
.notice .lst li .tit, 
.notice .lst li .tit .desc {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.notice .lst li a:hover .tit,
.notice .lst li a:focus .tit {color:var(--main-color); /* text-decoration:underline; */} 
.notice .lst li .new {display:inline-block; margin-left:5px; margin-top:-5px; width:19px; height:19px; background:url("../images/main/ico_new.png") no-repeat center center; background-size:contain; text-indent:-9999px; vertical-align:middle;}

.notice .more {position:absolute; right:25px; top:20px; width:30px; height:30px; font-size:0; background:#fff; border:0 solid #ddd; border-radius:50%;}
.notice .more:before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);width:0;height:0; background:#fcbc53; border-radius:100%; opacity:0; transition:all 0.3s;}
.notice .more:hover:before {width:100%; height:100%; opacity:1;}
.notice .more span:before, .notice .more span:after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.notice .more span:before {width:12px; height:2px; background:#444;}
.notice .more span:after {width:2px; height:12px; background:#444;}
.notice .more:hover span:before, .notice .more:hover span:after {background:#fff;} 




/* 메인 :: 문의안내 */
.guide_wrap {position: relative; padding:70px 0 50px;}
.guide_wrap .inner {} 
.guide_wrap .lst {display:flex; justify-content:center; gap:80px;}
.guide_wrap .lst:after{content: ''; display:block; clear:both;}
.guide_wrap .lst li {position:relative; padding:7px 0 0 60px;}
.guide_wrap .lst li:last-child {padding-right:0; margin-right:0;}
.guide_wrap .lst li:last-child:after {display:none;}

.guide_wrap .tit {display:block; margin-bottom:15px; line-height:1; font-size:2.2rem; color:#333; font-family: 'Katuri'; font-weight:normal;}
.guide_wrap .tit .icon {display:flex; justify-content:center; align-items:center; width:40px; height:40px; position:absolute; top:0; left:0;  
 background-repeat: no-repeat; background-position:left center; background-size:contain;}
.guide_wrap .tit .icon span {color:#fff; font-size:2rem;}
.guide_wrap .tit .icon.icon1 {background-image: url("../images/main/ico_g1.png") ;}
.guide_wrap .tit .icon.icon2 {background-image: url("../images/main/ico_g2.png") ;}
.guide_wrap .tit .icon.icon3 {background-image: url("../images/main/ico_g3.png") ;}
.guide_wrap .tel {display:block; margin-bottom:5px;  line-height:1; font-size:2.8rem; color:#333; font-family:'verdana', sans-serif; font-weight:bold;}
.guide_wrap .dsc {display:block; line-height:1.7; font-size:1.4rem; color:#444; font-family:'S-CoreDream-4Regular';}
.guide_wrap .dsc .br_dw {display:none;}


/* .popZone,
.schedule .cal_box,
.notice {box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08);} */


/* 메인 :: 배너존 */
.banner_wrap {overflow:hidden; position:relative; padding:35px 0; border-top:2px dashed #dfdfdf;}
.banner_wrap > .inner {display:flex; flex-wrap:wrap; align-items:center}

.banner_slide {display:flex; justify-content:center; width:calc(100% - 180px);}
.banner_slide .slick-list {margin: 0 -10px;}
.banner_slide .item {overflow:hidden; position:relative; margin:0 10px; display:inline-flex; align-items:center; justify-content:center; 
border:1px solid rgba(0, 0, 0, 0.08); box-sizing:border-box; border-radius:10px;}
.banner_slide .item a {display:block; width:100%;}
.banner_slide .item img { height:60px; margin:0 auto;}

.banner_control {display:flex; gap:4px; width:180px;}
.banner_control button {display:block; width:34px; height:34px; border:1px solid rgba(0, 0, 0, 0.11); border-radius:50%; text-align:center; font-size:0;}

.banner_control .slick-prev:after,
.banner_control .slick-next:after {font-family:xeicon; display:inline-block; font-size:2.2rem; line-height:32px; color:#444;}
.banner_control .slick-prev:after {content: "\e93c";}
.banner_control .slick-next:after {content:"\e93f"; padding-left:2px}

.banner_control .slick-start {display:none;}
.banner_control .slick-stop {}
.banner_control .slick-start:after,
.banner_control .slick-stop:after {font-family:xeicon; display:inline-block; font-size:1.7rem; line-height:32px; color:#444;}
.banner_control .slick-start:after {content: "\ea3e"; margin-left:2px;}
.banner_control .slick-stop:after {content:"\ea3b";}




@media (max-width:1300px){ /* 선택 */

	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */

	/* 메인 비주얼 :: 이미지 */
	.main_visual .item,
	.main_visual .item .img {height:550px;}	


	.main_visual .item .img .left, 
	.main_visual .item .img .right, 
	.main_visual .item .img .icon {width:58% !important;}

	
	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt .tit_big {font-size:5.4rem;}
	.visual_wrap .txt .tit_mid {font-size:2.4rem;}





	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */


	/* 메인 :: 바로가기 */
	.quick_wrap .lst {gap:30px; margin-top:-138px;}
	.quick_wrap .lst .item {width:196px; height:196px;}
	.quick_wrap .lst .item .ic img {max-width:106px;}


	/* 메인 :: 프로그램 리스트 */
	.pro_wrap {padding:80px 0 70px;}
	.pro_wrap .inner {gap:40px;}

	.newZone {width:calc(100% - 400px - 40px);}



	/* 메인 :: 일정, 공지, 연락처 */
	.news_wrap .inner {gap:30px;}
	.news_wrap .inner .notice {width:calc(100% - 400px - 30px);}



	/* 메인 :: 문의안내 */
	.guide_wrap {padding:70px 0 50px;}
	.guide_wrap .lst {gap:30px;}








}

@media (max-width:1200px){ /* 1152px 96%*/

	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */

	
	/* 메인 비주얼 :: 이미지 */
	.main_visual .item,
	.main_visual .item .img {height:520px;}	


	.main_visual .item .img .left, 
	.main_visual .item .img .right, 
	.main_visual .item .img .icon {width:60% !important;}
	
	
	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt .tit_big {font-size:5rem;}
	.visual_wrap .txt .tit_mid {font-size:2.4rem;}


		



	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */



	/* 메인 :: 바로가기 */
	.quick_wrap .lst {gap:25px; margin-top:-128px;}
	.quick_wrap .lst .item {width:186px; height:186px;}
	.quick_wrap .lst .item .ic img {max-width:96px;}


	
	/* 메인 :: 프로그램 리스트 */
	.pro_wrap {padding:70px 0 60px;}	
	.newZone {width:calc(100% - 370px - 40px);}
	.newZone h4 {height:65px; padding-top:3px; font-size:2.6rem;}
	.newZone h4 img {margin:0 12px 0 10px; width:50px;}
	.newZone .slide_box {height:calc(100% - 65px);}
	
	.popZone {width:370px;}



	/* 메인 :: 일정, 공지 */
	.news_wrap h4 {font-size:2.2rem;}
	.news_wrap .notice h4 img {margin:0 12px 0 0px; width:39px;}

	.schedule .cal_box .tit, 
	.news_wrap .notice .title {height:68px;}
	.schedule .cal_box .cont,
	.notice .cont {height:calc(100% - 68px);}
	
	.notice .lst li .tit {padding-left:15px;}
	.notice .more {top:19px;} 



	
	/* 메인 :: 문의안내 */
	.guide_wrap {padding:55px 0 50px;}
	.guide_wrap .lst {gap:30px;}
	.guide_wrap .lst li {width:calc((100% - 60px)/3); padding:7px 0 0 60px;}

	
	.guide_wrap .tit {font-size:2rem;}
	.guide_wrap .tel {font-size:2.6rem;}
	.guide_wrap .dsc .br_dw {display:block;}
	.guide_wrap .dsc .br_and {display:none;}



	/* 메인 :: 배너존 */
	.banner_wrap {padding:30px 0;}
	.banner_control {width:160px;}
	.banner_slide {width:calc(100% - 160px);}	
	.banner_slide .item img {height:56px;}

	.banner_slide .slick-list {margin: 0 -8px;}
	.banner_slide .item {margin:0 8px;}





}

@media (max-width:1024px){ /* tablet 980 */


	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */

	
	/* 메인 비주얼 :: 이미지 */
	.main_visual .item ,
	.main_visual .item .img {height:450px;}	


	.main_visual .item .img .left, 
	.main_visual .item .img .right, 
	.main_visual .item .img .icon {width:62% !important;}


	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt .tit_big {font-size:4.6rem;}
	.visual_wrap .txt .tit_mid {font-size:2.2rem;}





	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */



	
	/* 메인 :: 바로가기 */
	.quick_wrap .lst {gap:20px; margin-top:-110px;}
	.quick_wrap .lst .item {width:160px; height:160px;}
	.quick_wrap .lst .item .ic img {max-width:86px;}
	.quick_wrap .lst .item .title {font-size:1.8rem;}



	/* 메인 :: 프로그램 리스트 */
	.pro_wrap {padding:70px 0 55px;}
	.pro_wrap .inner {gap:34px;}
	
	.newZone {width:calc(100% - 370px - 34px);}
	.newZone h4 {height:60px; padding-top:3px; font-size:2.2rem;}
	.newZone h4 img {margin:0 10px 0 5px; width:45px;}

	.newZone .slide_box {height:calc(100% - 60px); padding:30px 35px 0;} 



	/* 메인 :: 신규대여품 */
	.pro_control {top:5px; right:2px;}
	.pro_control button {width:32px; height:32px;}
	.pro_control .slick-prev:after,
	.pro_control .slick-next:after {font-size:2rem; line-height:30px;}
	.pro_control .slick-start:after,
	.pro_control .slick-stop:after {font-size:1.5rem; line-height:30px;}




	/* 메인 :: 팝존 */
	.control_box .tit {font-size:1.4rem;}
	.control_box {height:52px; padding:0 20px 0 27px;}



	/* 메인 :: 일정, 공지 */	
	.news_wrap .inner {gap:24px;}
	.news_wrap .inner .schedule {width:380px;} 
	.news_wrap .inner .notice {width:calc(100% - 380px - 24px);}

	.schedule .cal_box .tit, 
	.news_wrap .notice .title {height:64px;}
	.schedule .cal_box .cont,
	.notice .cont {height:calc(100% - 64px);}

	.news_wrap h4 {font-size:2rem;}


	/* 일정안내 */
	.schedule .cal_box .tit {padding:0 20px 0 25px;} 

	.schedule .cal_box .dateNav .dateTit {font-size:1.7rem;}
	.schedule .cal_box .datePrev .btnPrev,
	.schedule .cal_box .dateNext .btnNext {width:26px; height:26px;}
	.schedule .cal_box .datePrev .btnPrev:after, 
	.schedule .cal_box .dateNext .btnNext:after {font-size:1.8rem; line-height:26px;}


	.schedule .cal_box .cont {padding:15px 25px 23px;}
	.schedule .calendar tbody td {padding:5px 0;}
	.schedule .calendar tbody td span {width:29px; height:29px;}


	/* 공지사항 */
	.news_wrap .notice .title {padding:0 25px;} 
	.news_wrap .notice h4 img {margin:0 10px 0 0px; width:35px;}
	.notice .cont {padding:10px 25px 15px;} 
	.notice .lst li .in_box {padding:10px 0 12px;}
	.notice .lst li .date {padding:10px 0 8px; width:80px;}
	.notice .lst li .date .day {font-size:2.6rem;}
	.notice .lst li .date .year {margin-top:3px; font-size:1.3rem;}
	.notice .lst li .tit {padding-left:10px; width:calc(100% - 80px); font-size:1.7rem;}
	.notice .lst li .tit .desc {font-size:1.5rem;}

	.notice .more {right:20px; top:18px; width:28px; height:28px;}
	.notice .more span:before {width:10px;}
	.notice .more span:after {height:10px;}



	/* 메인 :: 문의안내 */
	.guide_wrap {padding:50px 0 50px;}
	.guide_wrap .tit .icon {width:36px; height:36px; }
	.guide_wrap .lst {flex-wrap:wrap; justify-content: flex-start; gap:80px;}
	.guide_wrap .lst li {width:auto; padding:7px 0 0 52px;}
	.guide_wrap .lst li:nth-child(3) {display:none;}
	.guide_wrap .dsc .br_dw {display:none;}


	
	/* 메인 :: 배너존 */
	.banner_wrap {padding:30px 0;}

	.banner_slide {width:calc(100% - 140px);}	
	.banner_slide .item img {height:50px; margin:0 auto;}

	.banner_control {width:140px;}
	.banner_control button {width:32px; height:32px;}
	.banner_control .slick-prev:after,
	.banner_control .slick-next:after {font-size:2rem; line-height:30px;}
	.banner_control .slick-start:after,
	.banner_control .slick-stop:after {font-size:1.5rem; line-height:30px;}


}

@media (max-width:900px){

	

	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */

		
	/* 메인 비주얼 :: 이미지 */
	.main_visual .item,
	.main_visual .item .img {height:450px;}	


	.main_visual .item .img .left, 
	.main_visual .item .img .right, 
	.main_visual .item .img .icon {width:68% !important;}
	
	
	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt .tit_big {font-size:4.2rem;}
	.visual_wrap .txt .tit_mid {font-size:2rem;}



	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */

	/* 메인 :: 바로가기 */
	.quick_wrap .lst {gap:20px; margin-top:-100px;}
	.quick_wrap .lst .item {width:150px; height:150px;}
	.quick_wrap .lst .item .ic img {max-width:82px;}
	.quick_wrap .lst .item .title {font-size:1.7rem;}
	


	/* 메인 :: 프로그램 리스트 */
	.pro_wrap {padding:60px 0 45px;}
	.pro_wrap .inner {gap:30px;}
	
	.newZone {width:calc(100% - 340px - 30px);}
	.newZone h4 {height:56px; font-size:2rem;}
	.newZone h4 img {margin:0 10px 0 5px; width:38px;}

	.newZone .slide_box {height:calc(100% - 56px); padding:30px 30px 0;} 

	.popZone {width:340px;}


	/* 메인 :: 일정, 공지 */	
	.news_wrap .inner {gap:24px;}
	.news_wrap .inner .schedule {width:350px;} 
	.news_wrap .inner .notice {width:calc(100% - 350px - 24px);}

	.schedule .cal_box .tit, 
	.news_wrap .notice .title {height:60px;}
	.schedule .cal_box .cont,
	.notice .cont {height:calc(100% - 60px);}

	.news_wrap h4 {font-size:1.8rem;}

	/* 일정안내 */
	.schedule .cal_box .dateNav .dateTit {font-size:1.6rem;}
	.schedule .cal_box .datePrev .btnPrev,
	.schedule .cal_box .dateNext .btnNext {width:24px; height:24px;}
	.schedule .cal_box .datePrev .btnPrev:after, 
	.schedule .cal_box .dateNext .btnNext:after {font-size:1.7rem; line-height:24px;}

	.schedule .cal_box .cont {padding:12px 20px 23px;}
	.schedule .calendar thead th {font-size:2rem;}
	.schedule .calendar tbody td {padding:4px 0;}

	.schedule .caption {padding-top:13px;} 



	/* 공지사항 */
	.news_wrap .notice .title {padding:0 25px;} 
	.news_wrap .notice h4 img {margin:0 10px 0 0px; width:35px;}	
	
	.notice .lst li .date {width:65px;}
	.notice .lst li .date .day {font-size:2.4rem;}
	.notice .lst li .date .year {font-size:1.2rem;}
	.notice .lst li .tit {padding-left:10px; width:calc(100% - 65px); font-size:1.6rem;}
	.notice .lst li .tit .desc {font-size:1.4rem;}

	.notice .more {top:16px;}

/* 	.notice .more {right:20px; top:18px; width:26px; height:26px;}
	.notice .more span:before {width:8px;}
	.notice .more span:after {height:8px;}
 */



	/* 메인 :: 문의안내 */
	.guide_wrap {padding:40px 0 40px;}
	.guide_wrap .lst li {width:auto; padding:7px 0 0 48px;}
	.guide_wrap .tit .icon {width:34px; height:34px; }
	.guide_wrap .tit {font-size:1.8rem;}
	.guide_wrap .tel {font-size:2.4rem;}




	/* 메인 :: 배너존 */
	.banner_wrap {padding:25px 0;}

	.banner_slide {width:calc(100% - 130px);}

	.banner_control {width:130px;}
	.banner_control button {width:30px; height:30px;}
	.banner_control .slick-prev:after,
	.banner_control .slick-next:after {font-size:2rem; line-height:28px;}
	.banner_control .slick-start:after,
	.banner_control .slick-stop:after {font-size:1.5rem; line-height:28px;}

	.pro_control button {width:30px; height:30px;}
	.pro_control .slick-prev:after,
	.pro_control .slick-next:after {font-size:2rem; line-height:28px;}
	.pro_control .slick-start:after,
	.pro_control .slick-stop:after {font-size:1.5rem; line-height:28px;}



}

@media (max-width:830px){ /* tablet ~ 768 */


	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */

	/* 메인 비주얼 :: 이미지 */
	.main_visual .item,
	.main_visual .item .img {height:400px;}	


	.main_visual .item .img .left, 
	.main_visual .item .img .right, 
	.main_visual .item .img .icon {width:68% !important;}
	


	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt .tit_big {font-size:4rem;}
	.visual_wrap .txt .tit_mid {font-size:1.8rem;}





	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */

	/* 메인 :: 바로가기 */
	.quick_wrap .lst {gap:16px; margin-top:-100px;}
	.quick_wrap .lst .item {width:140px; height:140px;}
	.quick_wrap .lst .item .in_box {padding-top:15px;}
	.quick_wrap .lst .item .ic img {max-width:76px;}
	.quick_wrap .lst .item .title {font-size:1.7rem;}


	
	/* 메인 :: 공동 라운드 */
	.newZone .slide_box,
	.popZone {border-radius:16px;}

	.schedule .cal_box .tit,
	.news_wrap .notice .title {border-radius:16px 16px 0 0;} 
	.schedule .cal_box .cont,
	.notice .cont {border-radius:0 0 16px 16px;}


	
	/* 메인 :: 프로그램 리스트 */
	.pro_wrap {padding:50px 0 40px;}
	.pro_wrap .inner {gap:30px;}
	
	.newZone {width:calc(100% - 300px - 30px);}
	.newZone h4 {height:52px; font-size:2rem;}
	.newZone h4 img {margin:0 10px 0 5px; width:38px;}

	.newZone .slide_box {height:calc(100% - 52px); padding:25px 25px 0;} 

	.pro_slide {margin:0 -8px;}
	.pro_slide .item {margin:0 8px;}


	/* 메인 :: 팝존 */
	.popZone {width:300px;}
	.control_box {height:52px; padding:0 18px 0 25px;}



	/* 메인 :: 일정, 공지 */	
	.news_wrap .inner {gap:20px;}
	.news_wrap .inner .schedule {width:340px;} 
	.news_wrap .inner .notice {width:calc(100% - 340px - 20px);}

	.notice .cont {padding:10px 20px 15px;} 


	.guide_wrap .lst {gap:50px;}


	
	/* 메인 :: 배너존 */
	.banner_wrap {padding:20px 0;}

	.banner_slide {width:calc(100% - 120px);}
	.banner_control {width:120px;}

	.banner_slide .slick-list {margin: 0 -6px;}
	.banner_slide .item {margin:0 6px;}





}

@media (max-width:768px){ /* mobile 가로 */



	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */


	/* 메인 비주얼 :: 이미지 */
	.main_visual .item,
	.main_visual .item .img {height:380px;}	


	.main_visual .item .img .left, 
	.main_visual .item .img .right, 
	.main_visual .item .img .icon {width:69% !important;}
	
	
	
	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt {top:15%;}
	.visual_wrap .txt .tit_big {font-size:3.8rem;}
	.visual_wrap .txt .tit_mid {font-size:1.8rem;}






	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */




	/* 메인 :: 프로그램 리스트 */
	.pro_wrap {padding:50px 0 40px;}
	.pro_wrap .inner {flex-wrap:wrap; justify-content:center; gap:26px;}
	
	.newZone {width:calc(100% - 280px - 26px); flex:1 1 54%;}
	.newZone h4 {height:52px; font-size:2rem;}
	.newZone h4 img {margin:0 10px 0 5px; width:38px;}

	.newZone .slide_box {height:calc(100% - 52px); padding:25px 25px 0;} 

	.pro_slide .item .imgthumb {border-radius:12px;}
	.pro_slide .item .cont {padding:15px 0;}
	.pro_slide .item .cont .subject {font-size:1.5rem;}
	.pro_slide .item .cont ul {margin-top:4px; font-size:1.2rem;}
	.pro_slide .item .cont ul li strong {padding-right:7px; margin-right:6px;}
	.pro_slide .item .cont ul li strong:after {top:4px; right:0; width:1px; height:11px;}

	.pro_slide {margin:0 -8px;}
	.pro_slide .item {margin:0 8px;}



	/* 메인 :: 팝존 */
	.popZone {width:280px;}




	/* 메인 :: 일정, 공지 */	
	.news_wrap .inner {flex-wrap:wrap; justify-content:center;}

	.news_wrap .inner .notice {flex:1 1 45%;}



	
	/* 메인 :: 문의안내 */
	.guide_wrap .lst {gap:40px;}
	.guide_wrap .tel {font-size:2.2rem;}



	/* 메인 :: 배너존 */
	.banner_control {display:none;}
	.banner_slide {width:100%;}


}

@media (max-width:680px){ /* mobile 가로 640기준 */



	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */
	
	/* 메인 비주얼 :: 이미지 */
	.main_visual .item,
	.main_visual .item .img {height:350px;}	


	.main_visual .item .img .left, 
	.main_visual .item .img .right, 
	.main_visual .item .img .icon {width:71% !important;}
	
	
	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt .tit_big {font-size:3.6rem;}
	.visual_wrap .txt .tit_mid {font-size:1.7rem;}




	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */
	

	
	/* 메인 :: 바로가기 */
	.quick_wrap .lst {gap:12px; margin-top:-80px;}
	.quick_wrap .lst .item {width:130px; height:130px;}
	.quick_wrap .lst .item .in_box {padding-top:15px;}
	.quick_wrap .lst .item .ic img {max-width:70px;}
	.quick_wrap .lst .item .title {font-size:1.6rem;} 
	




	/* 메인 :: 프로그램 리스트 */
	.pro_wrap {padding:50px 0 20px;}
	.pro_wrap .inner {flex-wrap:wrap; justify-content:center; gap:30px;}


	.newZone .slide_box {padding:25px 25px 25px;} 

	/* 팝존 */
	.popZone {width:100%;}
	


	/* 메인 :: 일정, 공지 */	
	.news_wrap .inner {gap:20px;}
	.news_wrap .inner .schedule {width:100%;}
	.news_wrap h4 {font-size:1.9rem;}

	.notice .lst li .date {width:70px;}
	.notice .lst li .tit {width:calc(100% - 70px);}



	/* 일정안내 */
	.schedule .calendar tbody td {padding:5px 0;}
	


	/* 메인 :: 문의안내 */
	.guide_wrap {padding:30px 0 35px;}
	.guide_wrap .lst {gap:20px;}

	.guide_wrap .lst li {margin-left:10px;}
	.guide_wrap .tit {margin-bottom:10px;}






}

@media (max-width:610px){ /* mobile 세로 */
	

	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */


	/* 메인 비주얼 :: 이미지 */
	.main_visual .item,
	.main_visual .item .img {height:320px;}	


	.main_visual .item .img .left, 
	.main_visual .item .img .right, 
	.main_visual .item .img .icon {width:74% !important;}
		
	
	/* 메인 비주얼 :: 텍스트 */	 
	.visual_wrap .txt {top:14%;}
	.visual_wrap .txt .tit_big {font-size:3.4rem;}
	.visual_wrap .txt .tit_mid {font-size:1.7rem;}





	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */
	



	/* 메인 :: 바로가기 */
	.quick_wrap .lst {gap:10px;  margin-top:-70px;}
	.quick_wrap .lst .item {width:120px; height:120px;}
	.quick_wrap .lst .item .ic img {max-width:68px;}
	.quick_wrap .lst .item .title {font-size:1.5rem;}


	

	/* 메인 :: 프로그램 리스트 */
	.pro_wrap {padding:40px 0 20px;}

	

	/* 메인 :: 배너존 */
	.banner_slide .item img {height:46px;}



}

@media (max-width:430px){ /* mobile 세로 */


	
	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */

	

	/* 메인 비주얼 :: 이미지 */
	.main_visual .item,
	.main_visual .item .img {height:460px;}	


	.main_visual .item .img .left, 
	.main_visual .item .img .right, 
	.main_visual .item .img .icon {width:106% !important; bottom:20px !important;}

	.main_visual .item .img .left  {right:18% !important;}
	.main_visual .item .img .right {left:18% !important;}
	.main_visual .item .img .icon {left:18% !important;}

	
	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt {top:10%;}
	.visual_wrap .txt .tit_big {margin-top:2px; font-size:3.1rem;}
	.visual_wrap .txt .tit_mid {font-size:1.6rem;}




	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */


	/* 메인 :: 바로가기 */
	.quick_wrap .lst {flex-wrap:wrap; gap:12px; margin-top:-80px;}
	.quick_wrap .lst .item {width:165px; height:165px;}
	.quick_wrap .lst .item .in_box {padding-top:20px;}
	.quick_wrap .lst .item .ic img {max-width:90px;}
	.quick_wrap .lst .item .title {font-size:1.8rem;}

	
	/* 메인 :: 프로그램 리스트 */
	.newZone h4 {font-size:2.2rem;}
	.newZone h4 img {margin:0 8px 0 2px; width:38px;}
	.main h4 span {display:none;}
	
	.newZone .slide_box {padding:25px 20px 25px;} 



	/* 메인 :: 일정, 공지 */
	.schedule .cal_box .tit, 
	.news_wrap .notice .title {height:58px;}
	.schedule .cal_box .cont,
	.notice .cont {height:calc(100% - 58px);}
	.news_wrap h4 {font-size:2em;}
	
	


	/* 공지사항 */
	.news_wrap .notice .title {padding:0 20px;} 
	.news_wrap .notice h4 img {width:33px;}

	.notice .more {top:15px;}	
	.notice .lst li .date {width:65px;}
	.notice .lst li .tit {padding-left:5px; width:calc(100% - 65px); font-size:1.5rem;}
	.notice .lst li .tit .desc {font-size:1.3rem;}



	/* 메인 :: 문의안내 */
	.guide_wrap .dsc .br_dw {display:block;}
	.guide_wrap .tit {font-size:1.9rem;}






}

@media (max-width:380px){ /* mobile 세로 */

	/* ----------------------------------------------------------------- */
	/* main_visual */
	/* ----------------------------------------------------------------- */
	
	/* 메인 비주얼 :: 이미지 */
	.main_visual .item,
	.main_visual .item .img {height:430px;}	


	.main_visual .item .img .left, 
	.main_visual .item .img .right, 
	.main_visual .item .img .icon {width:110% !important;}

	.main_visual .item .img .left  {right:18% !important;}
	.main_visual .item .img .right {left:18% !important;}
	.main_visual .item .img .icon {left:18% !important;}


	/* 메인 비주얼 :: 텍스트 */
	.visual_wrap .txt .tit_big {font-size:2.9rem;}
	.visual_wrap .txt .tit_mid {font-size:1.6rem;}




	/* ----------------------------------------------------------------- */
	/* main_cont */
	/* ----------------------------------------------------------------- */


	/* 메인 :: 바로가기 */
	.quick_wrap .lst {margin-top:-70px;}
	.quick_wrap .lst .item {width:150px; height:150px;}
	.quick_wrap .lst .item .in_box {padding-top:15px;}
	.quick_wrap .lst .item .ic img {max-width:86px;}
	.quick_wrap .lst .item .title {font-size:1.7rem;}




}