@charset "utf-8";
/* CSS Document */


#board h5{ font-size:27px; margin-top:20px;display: -webkit-box; width: 100%;    overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-box-orient: vertical;max-height: 66px; -webkit-line-clamp: 2; box-sizing:border-box;}

.board-head {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;flex-direction: row; margin-bottom:50px;}
.board-summary{ font-weight:700;letter-spacing:0;}
.board-summary span{ color:#06F}
.board-search form {display: flex;align-items: center; min-width: 300px; padding:10px 25px;border-radius: 2em;background-color:#fff;}
.board-search input[type=text] {flex-basis: 0;flex-grow: 1;min-width: 0;max-width: 100%;background-color: transparent;border: 0; padding:10px 0;outline: none;}
.board-search i{ font-size:30px;}
.board-search select{ background:none; border:none; font-size:19px;} 

.board-list{}
.board-list a {display: flex;align-items: center;gap: 24px; background:#fff;padding: 24px 20px;border-radius:var(--b-radius17);border: 2px solid #fff;}
.board-list li+li{ margin-top:13px;}
.board-list li p.no {width: 70px;text-align: center; }
.board-list li p.hit {width: 100px;text-align: center; }
.board-list li .subject {flex-basis: 0;flex-grow: 1;min-width: 0;max-width: 100%;display: flex;align-items: center;gap: 24px;}
.board-list li .subject .cate {font-weight: 700; border:1px #06F solid; color:#06F; display:inline-block; padding:5px 10px; font-size:20px; border-radius:10px; margin-right:10px;}
.board-list li .subject a {flex-basis: 0;flex-grow: 1;min-width: 0;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.board-gallery ul{display: grid; gap:37px;}
.board-gallery .row5{grid-template-columns:repeat(5, 1fr);}
.board-gallery .row4{grid-template-columns:repeat(4, 1fr);}
.board-gallery .row3{grid-template-columns:repeat(3, 1fr);}
.board-gallery .row2{grid-template-columns:repeat(2, 1fr);}
.board-gallery ul li{ }
.board-gallery ul li a{ background:#fff; padding:30px;border-radius:var(--b-radius27); box-sizing:border-box;border: 2px solid #fff; height:100%;}
.board-gallery .thumb { height:270px;}
.board-gallery .thumb img{ width:100%; height:100%;object-fit: cover;object-position: center;border-radius:var(--b-radius17);}
.board-gallery ul li h5{ padding:0 15px;}
.board-gallery .cont{ border-top:1px #ddd solid;  color:#555; margin:15px; padding-top:15px;}
.board-gallery .basic_cont{display: -webkit-box; width: 100%;    overflow: hidden; white-space: normal; word-wrap: break-word; -webkit-box-orient: vertical;max-height: 66px; -webkit-line-clamp: 3;}
.board-gallery .dl dl{display: grid; grid-template-columns:20% 1fr;}
.board-gallery .dl dl+dl{ margin-top:5px;}


.festival .thumb { height:485px;}
.festival h5{height: 66px;}

.board-list-bottom{border-top:1px rgb(0,0,0,0.1) solid;margin-top:70px; padding-top:30px; display:flex; justify-content: space-between;align-items: center;}

.board-paging{display: flex;align-items: center;}
.board-paging .board-paging-btn{ display: flex;align-items: center;}
.board-paging .board-paging-btn a{ font-size:25px;}
.board-paging .board-paging-btn a+a{ margin-left:10px;}

.board-paging .prev{ margin-right:20px;}
.board-paging .next{ margin-left:20px;}
.board-paging ul{display: flex;align-items: center; }
.board-paging ul li+li{ margin-left:15px;}
.board-paging a:hover{color:#06C;}
.board-paging a.on{color:#06C; font-weight:700;}

.board-btn a{ display:inline-block;  padding:15px 37px;border-radius:10px; }
.board-btn a.btn1{background:#036; color:#fff; }
.board-btn a.btn2{ border:1px #ddd solid;}
.board-btn a+a{ margin-left:10px;}


.board-write .inner{ border-top:1px #ddd solid;}
.board-write dl{ border-bottom:1px #ddd solid;display: grid; grid-template-columns:200px 1fr; padding:20px 0;}
.board-write dl dt{ padding-top:15px;}
.board-write input, .board-write textarea, .board-write select{ border:1px #ddd solid; border-radius:10px; width:100%; box-sizing:border-box; padding:10px 20px;outline:none}
.board-write input{ height:50px;}
.board-write textarea{ height:400px;}
.board-write .board-btn{ margin-top:50px; text-align:center;}

.board-detail-top{ background:#fff;border-radius:var(--b-radius27);padding:50px 30px; text-align:center;}
.board-detail-top p{ color:#999; margin-top:10px;}
.board-detail-top p span+span{ margin-left:15px;}
.board-detail-cont{ padding:30px 0;}
.board-detail .board-btn{ margin-top:50px; text-align:center;}
.board-detail-attach{border-top:1px #555 solid; border-bottom:1px #555 solid; padding:20px 0; }
.board-detail-attach dl{display: grid; grid-template-columns:150px 1fr;gap:30px;align-items: center;}
.board-detail-attach dl+dl{border-top:1px #ddd solid; padding-top:12px; margin-top:12px;}
.board-detail-attach dl dt{ background:#ddd; border-radius:10px; text-align:center; padding:10px 0;}
.board-detail-attach dl dt i{ font-size:20px;}



.season .s01{ margin-bottom:20px;}
.season .s02 ul li{}
.season .s02 ul li a{ padding:37px;}
.season .s02 ul li a img{ width:100%;}
.season .s02 ul li a h2{ margin:20px 0 30px 0; font-size:25px}
.season .s02 ul li a h2 b{ display:block; color:#0072bc; font-size:35px; margin-top:5px;}
.season .course{ position:relative;display: grid; box-sizing:border-box; text-align:center; z-index:3;}

.season .course p{position:relative; }
.season .course p:before{ content:''; position:absolute; top:0px; left:50%; transform: translate(-50%, -50%);width:100%; height:1px; border-top:dashed 2px #fff; z-index:-1;}
.season .course p:after{content:''; position:absolute; top:0; left:50%; transform: translate(-50%, -50%);width:100% ;height:20px; background:#d5d9e0; z-index:-2;}
.season .course p:nth-child(1):after{ border-radius:10px 0 0 10px;}
.season .course p:last-child:after{ border-radius:0 10px 10px 0;}
.season .course p span{ position:relative; display:inline-block; font-size:19px;}

.season .course p span:before{content: "\ef13";font-family: "remixicon"; display:block; font-size:27px; margin:-20px 0 10px 0; color:#09F} 
.season .s02 .point6{grid-template-columns:repeat(6, 1fr);}
.season .s02 .point5{grid-template-columns:repeat(5, 1fr);}
.season .s02 .point4{grid-template-columns:repeat(4, 1fr);}
.season.s03{ text-align:center;}

.season-detail .board-detail-top h2{ font-size:40px; margin-bottom:10px;}
.season-detail .board-detail-top .info{ display:flex;justify-content: center;align-items: center; font-weight:normal; }
.season-detail .board-detail-top .info p{color:#555; font-size:25px;display:flex;justify-content: center;align-items: center;}
.season-detail .board-detail-top .info p+p{ margin-left:30px;}
.season-detail .board-detail-top .info p i{display:flex;justify-content: center;align-items: center; width:50px; height:50px; background:#0072bc; color:#fff; border-radius:50%; margin-right:10px;}
.season-detail .board-detail-top .info p b{ color:#0072bc; margin-left:10px;}
.season-detail .board-detail-cont{ text-align:center;}
.season-detail .board-detail-cont .s02{ background:#fff; padding:70px;border-radius:var(--b-radius27); margin-top:100px;}

.season-detail .board-detail-cont .s02 dl{display: grid; grid-template-columns:50% 1fr;gap:50px;}
.season-detail .board-detail-cont .s02 dl dd{text-align:left}
.season-detail .board-detail-cont .s02 dl dd img{ width:100%; }
.season-detail .board-detail-cont .s02 dl dd h3{ font-size:37px; margin:30px 0 10px 0; font-weight:700; }
.season-detail .board-detail-cont .s02 dl dd .tag{color:#777; font-size:19px; margin-top:10px;}
.season-detail .board-detail-cont .s02 dl dd .info{ display:flex; border-bottom:1px #ddd solid; padding-bottom:15px; margin-bottom:15px;}
.season-detail .board-detail-cont .s02 dl dd .info p+p{ margin-left:30px}
.season-detail .board-detail-cont .s02 dl dd .info span{ font-weight:700; margin-right:10px;}


.season-detail .board-detail-cont .s02 .link-tab ul{ position:relative;display: grid; grid-template-columns:repeat(7, 1fr); z-index:3; margin-bottom:50px; width:100%;}
.season-detail .board-detail-cont .s02 .link-tab ul:before{ content:''; position:absolute; top:20px; left:50%; transform: translateX(-50%);width:97%; height:1px; border-top:dashed 2px #fff; z-index:1;}
.season-detail .board-detail-cont .s02 .link-tab ul:after{content:''; position:absolute; top:0; left:50%;transform: translateX(-50%);width:100% ;height:40px; border-radius:20px; background:#d5d9e0; z-index:0;}
.season-detail .board-detail-cont .s02 .link-tab ul li{ z-index:10;}
.season-detail .board-detail-cont .s02 .link-tab ul li a{ display:block;}
.season-detail .board-detail-cont .s02 .link-tab ul li a:before {content: "\ef13";font-family: "remixicon";display: block;font-size:35px;margin:-13px 0 25px 0;color: #09F;}
.season-detail .board-detail-cont .s02 .link-tab ul li a.on{ color:#F63; font-weight:700;}
.season-detail .board-detail-cont .s02 .link-tab ul li a.on:before {color:#F63;}

.mapZone { position: relative; width:100%; margin-bottom:70px; padding:0 77px; box-sizing:border-box; }

.mapZone .slider,
.mapZone .slick-list,
.mapZone .slick-track { position: relative;z-index: 1; }
.mapZone .slick-track{ }

.mapZone  .slick-list:before{ content:''; position:absolute; top:30px;left:50%; transform: translate(-50%, -50%);width:97%; height:1px; border-top:dashed 2px #fff; z-index:1;}
.mapZone  .slick-list:after{content:''; position:absolute; top:30px;left:0;transform: translateY(-50%);width:100% ;height:40px; border-radius:20px; background:#d5d9e0; z-index:0;}
.mapZone .map_area .slick-slide{ vertical-align:top;}
.mapZone .map_area .item { position:relative; padding:0 20px;}
.mapZone .map_area .item a {}
.mapZone .map_area .item a{ display:block;}
.mapZone .map_area .item a:before { position:absolute; top:0;left:50%;transform: translateX(-50%);content: "\ef13";font-family: "remixicon";display: block;font-size:40px;color: #09F; z-index:2;}
.mapZone .map_area .item a.on{ color:#F63; font-weight:700;}
.mapZone .map_area .item a.on:before {color:#F63;}
.mapZone .map_area .item a span{ display:inline-block; margin-top:65px;}

.mapZone .control{  }
.mapZone .control a {position: absolute; top:0;width:60px; height:60px; background:#333; color:#fff; display:flex;justify-content: center;align-items: center; border-radius:50%; z-index:2;}
.mapZone .control a.prev{ left:0;}
.mapZone .control a.next{right: 0;}


.mapZone .prev.disabled,
.mapZone .next.disabled {
    pointer-events: none;
    opacity: 0.2;
    cursor: default;
}

.newsletter-list{display: grid; grid-template-columns:repeat(2, 1fr);gap:37px;}
.newsletter-list li{  background:#fff; padding:37px;border-radius:var(--b-radius27); box-sizing:border-box;border: 2px solid #fff; height:100%;}
.newsletter-list dl{display: grid; grid-template-columns:30% 1fr;gap:20px;}
.newsletter-list dl dt img{ width:100%;}
.newsletter-list dl dd strong, .newsletter-list dl dd a{ display:block;}
.newsletter-list dl dd strong{ color:#0072bc; font-size:37px; margin-bottom:20px; padding:10px 0; border-bottom:1px solid rgb(0,0,0,0.2)}
.newsletter-list dl dd a{  margin-left: 10px;text-indent: -10px;}
.newsletter-list dl dd a+a{ margin-top:5px;}
.newsletter-list dl dd a:hover{color:#0072bc;}

.newsletter-detail{ background:#fff; padding:70px;border-radius:var(--b-radius27);}
.newsletter-detail dl{display: grid;  grid-template-columns:30% 1fr;gap:70px;}
.newsletter-detail dl dt img{ width:100%; border:1px #ddd solid; padding:30px; box-sizing:border-box; margin-bottom:20px; }
.newsletter-detail dl dt h4{color:#0072bc; font-size:45px; font-weight:800; }
.newsletter-detail dl dt p{ color:#777; margin:10px 0 30px 0;}
.newsletter-detail dl dt ul li{ border-bottom:1px #ddd solid; padding:15px 0; display: flex; justify-content: space-between;}
.newsletter-detail dl dt ul li:after{content: "\ea6e";  font-family: "remixicon";}
.newsletter-detail dl dt ul li a:hover{color:#0072bc;}
.newsletter-detail dl dt select{width:100%;border:solid 1px #ddd;padding:14px 15px 10px 15px;border-radius:10px;ine-height:140%; font-size:23px;}
.newsletter-detail dl dd{ padding-top:120px; border-left:1px solid rgb(0,0,0,0.3); padding-left:70px;}
.newsletter-detail dl dd img{ width:100%;} 

@media (max-width: 1980px) {
	
	.board-head { margin-bottom:37px;}
	#board h5{ font-size:20px; }
	.board-list a {padding: 15px 20px;}
	.board-list li .subject .cate { font-size:16px; }
	.board-list li+li{ margin-top:10px;}
	
	.board-search i{ font-size:25px;}
	.board-search select{font-size:16px;} 
	.board-detail-attach dl+dl{padding-top:10px; margin-top:10px;}
	
	.board-gallery ul{gap:20px;}
	.board-gallery ul li a{ padding:20px;}
	.board-gallery .thumb { height:250px;}
	
	.festival .thumb { height:400px;}
	.festival h5{height: 50px;}
	
	.season .s02 ul li a{ padding:27px;}
	.season .s02 ul li a h2{ font-size:22px}
	.season .s02 ul li a h2 b{ font-size:30px;}
	.season .course p span{font-size:16px;}
	.season .course p span:before{ font-size:23px;}
	
	.season-detail h2{ font-size:35px;}
	.season-detail .board-detail-top .info p{ font-size:23px;}
	.season-detail .board-detail-top .info p i{ width:40px; height:40px; font-size:19px;}
	.season-detail .board-detail-cont .s02 dl dd h3{ font-size:30px;}
	.season-detail .board-detail-cont .s02 dl dd .tag{font-size:16px;}
	
	.mapZone .map_area .item a:before{font-size:35px;}
	
	.newsletter-list dl dd strong{font-size:27px; }
	.newsletter-list li{  padding:27px;border-radius:var(--b-radius17);}
	.newsletter-detail dl dt h4{ font-size:30px;}
	.newsletter-detail dl dt select{ font-size:18px;}
	.newsletter-detail dl dd{ padding-top:95px;}
	
}




@media (max-width: 1440px) {
	#board{ margin:20px 10px 0 10px;}
	.board-gallery .row4{gap:10px;}
	
	.season-detail .board-detail-cont .s01 img{ width:100%;}
}



@media (max-width: 1280px) {
	.board-gallery ul{grid-template-columns: repeat(3, 1fr);}
	.board-search{ min-width:290px}
	
	.board-list-bottom{ text-align:center;}

	.board-paging ul{justify-content: center;}
	
	.board-gallery .row4{ grid-template-columns:repeat(3, 1fr);}
	
	.season-detail .board-detail-top h2{ font-size:30px;}
	.season-detail .board-detail-cont .s02{ margin-top:10px; padding:37px;}
	
	.newsletter-list{gap:27px;}
	.newsletter-detail{ padding:50px 30px;}
	.newsletter-detail dl{gap:37px;}
	.newsletter-detail dl dd{ padding-left:37px;}
}
	
@media (max-width: 1024px) {	
	.festival .thumb{ height:300px;}
	
	.board-gallery .row2{grid-template-columns:repeat(1, 1fr);}
}
@media (max-width: 800px) {	
	.season-detail .board-detail-cont .s02 dl{ display:block;}
	.season-detail .board-detail-cont .s02 dl dd{ margin-top:20px;}
	.season-detail .board-detail-cont .s02 dl dt .root_daum_roughmap .wrap_map{height:400px !important;}
}

@media (max-width: 640px) {
	
	
	.board-head{ display:block;}
	.board-search form{ margin-top:20px;background: rgb(0, 0, 0, 0.05);}
	
	
	#board h5{ font-size:20px; }
	
	.board-gallery ul{grid-template-columns: repeat(2, 1fr);}
	.board-gallery .cont{ font-size:16px; p}
	.board-gallery ul{ gap:30px 15px;}

	
	.board-write dl{grid-template-columns:100px 1fr;}
	
	.board-gallery .row4{ grid-template-columns:repeat(2, 1fr);}
	.board-gallery ul li{ border:1px #ddd solid; padding:5px; border-radius:10px;}
	.board-gallery ul li a{ padding:0; border:none;}
	
	
	.board-list{ border-top:1px #555 solid; border-bottom:1px #555 solid;}
	.board-list li+li{ border-top:1px #ddd solid; margin:0;}
	

	.board-list-bottom{ border:none; padding-top:20px; margin:0;}
	.board-list-bottom{ display:block}
	.board-paging{justify-content: center; margin-bottom:15px;}
	.board-paging ul li+li{ margin-left:10px;}

	
	.board-write dl{grid-template-columns:100px 1fr;}
	
	.board-list li a{flex-direction: column;align-items: flex-start;}
	.board-list li .subject{gap:10px;}
	.board-list li p.no, .board-list li p.hit{ display:none;}
	.board-list a{ padding:15px 0;}
	.board-list li .date{ color:#999; padding-left:56px;}
	
	.season .s02 ul li a{ padding:10px 10px 20px 10px; border:1px #ddd solid;}
	.season .s02 ul li a img{ border-radius:17px;}
	.season .s02 .point6 {grid-template-columns: repeat(4, 1fr);}
	.season .course{gap:30px 0;}
	.season .s02 ul li a h2 b{ font-size:25px;}
	.season-detail .board-detail-top h2{ font-size:25px;}
	.season-detail .board-detail-top .info p{ font-size:17px;}
	.season-detail .board-detail-cont .s02{ margin-top:50px;padding:0;}
	.mapZone{ padding:0 50px; margin:0;}
	.mapZone .control a{ width:40px; height:40px; top:10px}
	.mapZone .map_area .item a span{ font-size:15px;}
	.season-detail .board-detail-cont .s02 dl dd .info{ display:block;}
	.season-detail .board-detail-cont .s02 dl dd .info p+p{ margin:3px 0 0 0;}
	
	.board-detail-top{ background:#efefef;}
	
	.newsletter-list{grid-template-columns:repeat(1, 1fr);gap:10px;}
	.newsletter-list li{ background:#e9ebef; border-radius:0;}
	.newsletter-list li.over:hover{background:#e9ebef;}
	.newsletter-detail dl{ display:block;}
	.newsletter-detail dl dd{ border:none; padding:20px 0 0 0;}
	
	

	
	
	
	
}
@media (max-width: 480px) {
	
	.board-detail-top{ padding:20px;}
	.board-detail-top h2{ font-size:21px;}
	.board-detail-attach dl{grid-template-columns:40px 1fr;gap:10px;}
	.board-detail-attach dl dt{ font-size:0;}
	.board-detail-attach dl dt i{ font-size:17px;}
	
	.board-paging ul li+li{ margin-left:7px;}
	.board-paging .board-paging-btn a+a{ margin-left:0;} 
	
	.board-btn a{ padding:13px 25px; font-size:16px;}
	
	.board-gallery .thumb { height:150px;}
	
	.festival .thumb{ height:230px;}
	.season-detail .board-detail-top .info{ display:block;}
	.season-detail .board-detail-top .info p+p{ margin:10px 0 0 0;}
	.season-detail .board-detail-top .info p i{ width:30px; height:30px; font-size:14px;}
	
	.mapZone .slick-list:after{ height:30px;}
	.mapZone .map_area .item a:before{ font-size:25px;}
	.mapZone .map_area .item a span{ margin-top:55px;}
	.season-detail .board-detail-cont .s02 dl dt .root_daum_roughmap .wrap_map{height:300px !important;}
	
	.newsletter-list dl{ display:block;}
	.newsletter-list dl dd strong{ font-size:20px; padding-top:20px;}
	.newsletter-detail{ padding:0;}
	.newsletter-detail dl dt img{ padding:20px;}
}