@charset "UTF-8";

/*해상도가 1024이하*/
@media(max-width:1500px){
	.navi_wrap .shareUnitBox{right:0; margin-right:0;}
}

@media(max-width:1200px){
	.container{ padding: 0 15px; margin-top:50px}
	.header_util .util_wrap{padding:10px;}
	#footer .max_width {padding:15px 10px;}
	.sub_cont {padding:0 15px 50px;}

	.conBox--info .sec + .sec{margin-top:8%;}

	/* 재단소개 > 경영목표 */
	.sub1411 section + section,
	.sub1411 .sec02 .item + .item{margin-top:6%;}
	.sub1411 .sec03:before{display:none;}
	.sub1411 .sec03 .item,
	.sub1411 .sec03 .item01{padding-left:0; width:50%; max-width:550px; margin-bottom:3em; padding:0 10px;}
	.sub1411 .sec03 .ttl{display:block; top:0; left:50%; transform:translate(-50%, -50%); margin-left:0; width:140px; line-height:1; padding:0.5em 0; font-size:1em;}
	.sub1411 .sec03 .value .ttl{display:none;}
	.sub1411 .sec03 .mobTtl{display:block;}
	.sub1411 .sec03 .goal{margin:2em 0 3em; padding:1em 0 1.5em;}
	.sub1411 .sec03 .goal .ttl{position:relative; transform:translate(-50%, 0);}
	.sub1411 .sec03 .task .ttl{top:0; background:var(--clr--item); color:#fff; border-radius:100px;}
	.sub1411 .sec03 .task .con{flex-grow:0;}
}

@media(max-width:1024px){
	#gnb {display: none;margin-top: 20px;  width: 100%;}
	#gnb .ulDepth1 .menuDepth1 {float:none; width:100%;}
	#gnb .ulDepth1 .menuDepth1 > a {padding: 10px 0;}
	#gnb.active {display: block;}
	.gnb_bg  {top:102px;}
	.gnb_bg.active {position: fixed;display: block;height: 100%;}

	#header .header_wrap {padding:0px 10px;}
	#m_gnb {right: 10px; }
	#gnb_util li { padding: 0 5px;}
	#header .logo { margin-top: 33px;}
	#mainVisual ul li img {height:auto !important;}

	.main_info_wrap ul li {width: 25%; margin-bottom:20px;}
	.community_wrap .board_box {float:none; width:100%; margin-bottom:30px}
	.community_wrap .so_box {float:none; width:100%;}
	.sns_wrap > ul {padding:15px 0 0px;}
	.event-slider-wrap {margin: 50px 0;}
	.exhibit-slider-lists .exhibit-slide {width: 50%;}
	.event-slider-lists .event-slide{ width: 48%; margin-right:1%}
	.main_title .sns_top {position:relative; margin-top:15px; width: 322px; margin: 0 auto;}
	.sns_wrap > ul > li {width:48%; margin-bottom:15px;}

	#footer .max_width .etc_box {position:relative; right:0; top:0px;}
	#footer .footer_info {padding:20px 0; padding-left:0;}
	#footer .max_width .etc_box .sns {text-align:left;}
	#footer .max_width .etc_box .family {margin-bottom:20px;}
  #footer .footer-logos {position:unset; margin-top:40px;}


	#quickmenu {display:none;}

	.navi_wrap .navi li{width:calc((100% - 70px) / 3);}
	.navi_wrap .navi .home{width:70px;}
	.navi_wrap .navi .home a,
	.navi_wrap .navi li a{width:100%;}
	.navi_wrap .navi .sub_menu li{width:100%;}
	.navi_wrap .navi > ul > li.navi_dep3:after{display:none;}

	.navi_wrap{padding-bottom:40px;}
	.navi_wrap .shareUnitBox{top:auto; transform:translateY(0); bottom:0; z-index:1;}

	.sub_cont {font-size:1.1em;}
	a.sub_btn, .sub_btn{font-size:17px;}

	.greeting_box .greeting_left {width:100%; float:none; margin-bottom:30px; text-align:center;}
	.greeting_box .greeting_right {width:100%; float:none; padding-top:30px; }
	.subcon_wrap .top .title{padding:30px 0;}

	#menu {display:none;}

	.m_none{display:none;}

	.mb10_m { margin-bottom:1% !important; }
	.mb20_m { margin-bottom:2% !important; }
	.mb30_m { margin-bottom:3% !important; }
	.mb40_m { margin-bottom:4% !important; }
	.mb50_m { margin-bottom:5% !important; }
	.mb60_m { margin-bottom:6% !important; }
	.mb70_m { margin-bottom:7% !important; }
	.mb80_m { margin-bottom:8% !important; }
	.mb90_m { margin-bottom:9% !important; }
	.mb100_m { margin-bottom:10% !important; }

	/* 너비 */
	.w_1-12_m{width:calc((100% / 12) * 1) !important;}
	.w_2-12_m{width:calc((100% / 12) * 2) !important;}
	.w_3-12_m{width:calc((100% / 12) * 3) !important;}
	.w_4-12_m{width:calc((100% / 12) * 4) !important;}
	.w_5-12_m{width:calc((100% / 12) * 5) !important;}
	.w_6-12_m{width:calc((100% / 12) * 6) !important;}
	.w_7-12_m{width:calc((100% / 12) * 7) !important;}
	.w_8-12_m{width:calc((100% / 12) * 8) !important;}
	.w_9-12_m{width:calc((100% / 12) * 9) !important;}
	.w_10-12_m{width:calc((100% / 12) * 10) !important;}
	.w_11-12_m{width:calc((100% / 12) * 11) !important;}
	.w_12-12_m{width:calc((100% / 12) * 12) !important;}

	a.sub_btn,
	.sub_btn{width:100%;}

	/* 메인페이지 */
	.fp-section.fp-table,
	.fp-slide.fp-table,
	.fp-tableCell{height:auto !important;}
	#fullpage .section + .section{margin-top:5%;}
	/*#mainVisual{padding-top:0;}*/
	.main_info_wrap{padding-top:0;}
	.swiper .banner-slide-buttons{width:130px;}
	.banner-slider-lists .banner-slide{width:20% !important;}

	/* 고양국제꽃박람회 > 지난 박람회 보기 > 개최현황 */
	.sub101110 .tabBox > ul{grid-template-columns:1fr;}
	.sub101110 .tbl--info{display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:space-between;}
	.sub101110 .tbl--info ._tr{width:49%;}
	.sub101110 .tbl--info ._tr:nth-child(2){margin-top:0;}
	.sub101110 .tbl--info ._th{width:120px;}
	.sub101110 .tbl--info ._td{width:calc(100% - 120px);}

	/* 행사·대관 일정 > 전시관개요 */
	.sub1210 .tabBox{max-width:none; width:100%; margin-bottom:1em;}
	.sub1210 .tabBox ul{padding-right:0;}
	.sub1210 .tabBox li{width:25%;}
	.sub1210 .mapBox{width:100%;}
	.sub1210 .mapBox p{text-align:center;}

	/* 재단소개 > 경영목표 */
	.sub1411 .sec01 .con{border-radius:20px; word-break:keep-all; padding:2.5em 10% 2em; text-shadow:0 0 5px rgba(0,0,0,0.8);}
	.sub1411 .sec01 .con b{display:inline;}
	.sub1411 .sec02 .con{word-break:keep-all; padding:2em 8% 1.5em;}

	/* 재단소개 > 재단소개 > 소개 */
	.sub141210 .btmTxt{width:85%; margin-left:15%;}
	.sub141210 .imgBox{position:relative; height:20vw;}
	.sub141210 .imgBox + ul{width:100%; margin-left:0; padding:1em 1em 0 0; margin-top:0;}


	/* 재단소개 > 재단소개 > 엠블럼 */
	.sub141212 h3.ttl,
	.sub141212 h3.ttl + div{width:100%;}

	/* 재단소개 > 재단소개 > 로고송 */
	.sub141213 h3.ttl,
	.sub141213 h3.ttl + div{width:100%;}

	/* 부가메뉴 > 오시는길 */
	.sub1515 .mapBox{padding-bottom:40vh;}


	/* 게시판: 일반 리스트 게시판 */
	.bd--default.bd--list .row{flex-wrap:wrap;}
	.bd--default.bd--list .row:first-child{border-top:2px solid #eaeaea;}
	.bd--default.bd--list .thead{display:none;}
	.bd--default.bd--list .row > *{text-align:left;}
	.bd--default.bd--list .num{display:none;}
	.bd--default.bd--list .category{width:100%;}
	.bd--default.bd--list .title{width:100%; max-width:none;}
	.bd--default.bd--list .writer{text-align:right; width:calc(100% - 100px);}
	.bd--default.bd--list .date{text-align:right; width:100px;}
	.bd--default.bd--list .hit{display:none;}

	.bd--default.bd--list.bd--comme_list .row:first-child{border-top:0;}
	.bd--default.bd--list .comme_name{width:100px;}
	.bd--default.bd--list .comme_con{width:calc(100% - 100px - 100px);}
	.bd--default.bd--list .daterange{text-align:right; width:100%;}
	.bd--default.bd--list .category br{display:none;}
	.bd--default.bd--list .daterange br{display:none;}


	/* 게시판: 캘린더 게시판 */
	.poster_list li {width: calc((100% / 3) - 1.333%)}

	/* 게시판 뷰페이지 : 행사일정 */
	.bd--view.bd--exhibit .info_poster{text-align:center; margin-bottom:1.5em;}
	.bd--view.bd--exhibit .info_top .info_desc{padding-left:0;}

	/* 인포 레이아웃 */
	.conBox--info .sec .secTtl{width:100%; margin-bottom:0.6em; padding-right:0;}
	.conBox--info .sec .secCon,
	.conBox--info .sec.wide .secCon{width:100%; padding-left:0;}

}

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

@media(max-width:960px){
	/* 메인페이지 */
	#mainVisual .mainPc{display:none;}
	#mainVisual .mainMobile{display:block !important;}
	#mainVisual {margin-top: 0;}

	/* 고양국제꽃박람회 > 주변 관광지 */
	.sub1013 .imgBox{border-radius:30px 0;}
	.sub1013 .artiCon > div:first-child{width:30%; padding-right:1em;}
	.sub1013 .artiCon > div:last-child{width:70%;}

	/* 게시판 */
	.bd_search select, .bd_search .inputSearch, .bd_search .btnSearch {height: 45px;}

  /* 251120 추가 */
  .sub171010 .iframe-wrap { position: relative; height: 0; overflow: hidden; width: 100%; padding-bottom: 56.25%;}
  .sub171010 .iframe-wrap iframe{  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}

@media all and (min-width:320px) and (max-width:1023px){

}

@media(max-width:768px){

	.navi_wrap .navi li{width:calc((100% - 60px) / 3);}
	.navi_wrap .navi .home{width:60px;}
	.navi_wrap .navi li a{padding:0 10px; height:60px; line-height:60px;}

	/* 고양국제꽃박람회 > 지난 박람회 보기 > 개최현황 */
	.sub101110 .tbl--info ._tr{width:100%;}
	.sub101110 .tbl--info ._tr:nth-child(2){margin-top:1em;}

	/* 재단소개 > 경영목표 */
	.sub1411 .mob{display:block;}
	.sub1411 .pc{display:none;}

	/* 재단소개 > 재단소개 > 연혁 */
	.sub141211 .yearBox{height:auto;}
	.sub141211 .yearBox > div{width:100% !important; margin-top:2em;}
	.sub141211 .yearBox > div:first-child{margin-top:0;}
	.sub141211 .yearBox > div dl{display:block !important;}
	.sub141211 .sub_btnBox{display:none;}

	/* 재단소개 > 재단소개 > 엠블럼 */
	.sub141212 .arti02 .imgBox{width:100%; margin-bottom:1em;}
	.sub141212 .arti02 .imgBox p{display:block; text-align:center;}
	.sub141212 .arti02 .imgBox + div{width:100%; padding-left:0;}
	#mascotVariBox p:nth-child(n + 5){width:19.8%;}

	/* 재단소개 > 재단소개 > 로고송 */
	.sub141213 .thumb{width:30%;}
	.sub141213 .playerBox{width:70%;}

	/* 게시판: 공통 */
	.pagination{padding:2em 0 1.5em;}
	.pagination li a{width:28px; height:28px; line-height:28px; font-size:14px;}

	/* 게시판: 썸네일형 리스트 게시판 */
	.bd--thumb.bd--list .thumb{width:100%; padding-right:0; margin-bottom:1.1em;}
	.bd--thumb.bd--list .thumb + div{width:100%;}
	.bd--thumb.bd--list .category{padding-bottom:0;}
	.bd--thumb.bd--list .title{white-space:normal;}
	.bd--thumb.bd--list .content{height:auto; max-height:3.2em;}

  /* 240325 2024고양꽃박람회 */
  .sub1010 .art_desc{display: flex; column-gap: 6%; flex-wrap:wrap;}
  .sub1010 .poster{width: 80%; height: auto; margin:auto; text-align:center;}
  .sub1010 .poster img{width: 100%; height: auto; }
  .sub1010 .poster+.txt_wrap{font-size:1em; width: 100%;}
  .sub1010 .poster+.txt_wrap dl{flex-flow: column;}
  .sub1010 .poster+.txt_wrap dl dt{width:100%; margin-right:0; border-right:0; border-bottom:1px solid #ddd; padding:0.5em 0 0.5em 1em; font-weight:500;}
  .sub1010 .poster+.txt_wrap dl dd{width:100%; padding: 0.5em 1em; box-sizing: border-box; word-break:keep-all;}
  .sub1010 .video_wrap {width:100%;margin-top:4rem; text-align: center;}
  .sub1010 .video_wrap iframe {width:100% !important; }


}

@media(max-width:640px){
	.header_util .util_wrap .date {/*float:none; width:100%; text-align:center;*/ font-size:1em; padding:0.6rem /*1rem*/0;}
	.header_util .weather{width:24px; padding:0; margin:0 10px;}
	.header_util .util_wrap .util {/*float:none; width:100%; max-width: 300px;   margin-right: auto;    margin-left: auto; justify-content:center;*/ padding:0.6rem 0;}
	.header_util .sns{display:none;}
	.wrapper {width:100%; padding-top:194px; padding-top:157px;}
	.sns_wrap .sns_box .sns_tit img {display:block}
	.exhibit-slider-lists .exhibit-text-box .title {width:100%; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
	.exhibit-slider-lists .exhibit-text-box .txt {width:100%; display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	/*#sub_wrap {padding-top:194px}*/
	/*#mainVisual {  padding-top: 194px;}*/

	a.sub_btn, .sub_btn{font-size:16px;}
	.input_alter + label{padding-left:28px;}
	.input_alter + label span{width:20px; height:20px; margin-top:-10px;}

	/* 메인페이지 */
	.main_info_wrap ul li{width:33.33%;}
	.main_info_wrap ul li img{max-width:50%; width:auto;}
	.main_info_wrap ul li .txt { width:100%; display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size:0.95em;}
	.banner-slider-lists .banner-slide{width:33.33% !important;}
	.exhibit-slider-wrap{padding:0 32px;}
	.exhibit-swiper-button-prev,
	.exhibit-swiper-button-next{width:30px; font-size:38px;}

	/* 고양국제꽃박람회 > 지난 박람회 보기 > 개최현황 */
	.sub101110 .tbl--info ._th{width:100px;}
	.sub101110 .tbl--info ._td{width:calc(100% - 100px);}

	/* 행사·시설 안내 > 고양가을꽃축제 > 전시안내 */
	.sub111012 > ul > li{width:50%;}
	.sub111012 > ul > li:nth-child(odd){text-align:right !important;}
	.sub111012 > ul > li:nth-child(even){text-align:left !important;}

	/* 행사·대관 일정 > 이용안내 */
	.sub1211 .processUl li{width:40%;}
	.sub1211 .processUl li.arrow{width:8%;}

	/* 재단소개 > 재단소개 > 소개 */
	.sub141210 .topTxt{padding:2em 2em 11.5em;}
	.sub141210 h3.ttl,
	.sub141210 h3.ttl + div{width:100%;}
	.sub141210 .btmTxt{width:90%; margin-left:10%;}
	.sub141210 .imgBox{border-radius:0;}

	/* 재단소개 > 재단소개 > 로고송 */
	.sub141213 .playerWrap{border-radius:20px;}
	.sub141213 .thumb{width:100%; border-right:0; border-bottom:1px solid #eaeaea; text-align:center;}
	.sub141213 .thumb img{width:auto; height:auto;}
	.sub141213 .playerBox{width:100%;}
	.sub141213 .sub_btnBox a.btn_dnld{width:100% !important;}

	/* 게시판: 일반 게시판 */
	.bd--replyBox{font-size:0.95em;}
	.bd--default.bd--list.bd--comme_list .row{position:relative;}
	.bd--default.bd--list .comme_name{width:100%; padding-right:100px; font-weight:500;}
	.bd--default.bd--list .comme_con{width:100%;}
	.bd--default.bd--list.bd--comme_list .date{position:absolute; right:0; top:0.5em;}
	.bd_search select, .bd_search .inputSearch, .bd_search .btnSearch {height: 40px;}

	/* 게시판: 캘린더 게시판 */
	.poster_list li {width: calc(98% / 2)}
	.poster_list li .thumb {height:200px;}

	/* 게시판 글쓰기페이지(공통) */
	.bd--default.bd--write form dl.row{display:block; padding:1em 0;}
	.bd--default.bd--write form dl.row > dt{display:block; width:100%; padding-bottom:5px; font-weight:500;}
	.bd--default.bd--write form dl.row > dd{display:block; padding-bottom:10px;}
	.bd--default.bd--write.bd--comme_write form dl.row{padding:0.25em 0;}

  /* 게시판 뷰페이지 : 문의하기(시민의소리) */
  .bd--view.bd--inquire .contents {border-top:1px solid #ddd; padding: 2em 0;}
  .bd--view.bd--inquire .contents dl+dl{border: none;}
  .bd--view.bd--inquire .contents dl dt{display: block; width: 100%; padding-bottom: 5px; font-weight:500;}
  .bd--view.bd--inquire .contents dl dd {display: block; padding-bottom:10px;}
	
  /* 인포 테이블 */
	.tbl--info ._tr{width:100% !important;}
	.tbl--info ._th{width:20%;}
	.tbl--info ._td{width:80%;}

	/* 인사말 */
	.greeting_box img.pc {display:none;}
	.greeting_box img.mobile {display:block;}

  /* 240116 모멘텀스페이스 */
  .sub1014 .mobile {display:block; text-align: center;}
  .sub1014 .pc {display:none;}

}

@media(max-width:560px){
	.navi_wrap .navi ul{flex-wrap:wrap;}
	.navi_wrap .navi .home{display:none;}
	.navi_wrap .navi li{width:50%;}
	.navi_wrap .navi li.navi_dep3{width:100%; border-top:1px solid #ddd;}
	.navi_wrap .navi li a{height:50px; line-height:50px;}
	.navi_wrap .navi li.navi_dep3 a{text-align:center;}

	/* 고양국제꽃박람회 > 주변 관광지 */
	.sub1013 dt,
	.sub1013 dd{width:100%; max-width:100%;}
	.sub1013 dd{padding-left:1.75em;}

	/* 재단소개 > 경영목표 */
	.sub1411 .sec03 .item,
	.sub1411 .sec03 .item01{padding:0 1px;}

	/* 재단소개 > 재단소개 > 연혁 */
	.sub141211 .imgBox img:first-child{width:100%; margin-right:0; margin-bottom:5px;}
	.sub141211 .imgBox img:last-child{width:100%;}

	/* 재단소개 > 조직안내 > 이사회소개 */
	.sub141310 .imgBox img:first-child{width:100%; margin-bottom:5px;}
	.sub141310 .imgBox img:last-child{width:100%; margin-left:0;}
}

@media(max-width:480px){
	.sub_cont {font-size:1em;}
	a.sub_btn, .sub_btn{font-size:15px;}

	/* 고양국제꽃박람회 > 지난 박람회 보기 > 개최현황 */
	.sub101110 .tabBox > ul > li{border-radius:20px;}

	/* 행사·대관 일정 > 전시관개요 */
	.sub1210 .tabBox li{width:50%;}
	.sub1210 .tabBox li a{font-size:0.9em;}

	/* 재단소개 > 경영목표 */
	.sub1411 .sec02 .con br{display:block;}
	.sub1411 .sec03 .item,
	.sub1411 .sec03 .item01{width:100%; max-width:360px;}

	/* 재단소개 > 재단소개 > 엠블럼 */
	.sub141212 .arti01 .imgBox{flex-wrap:wrap;}
	.sub141212 .arti01 .imgBox p{width:100%; justify-content:center;}
	.sub141212 .imgBox p + p{margin-left:0; margin-top:10px;}
	#mascotVariBox p{max-width:48%;}
	#mascotVariBox p:nth-child(n + 5){width:33.3%;}

	/* 재단소개 > 조직안내 > 부서 및 직원소개 */
	.sub141311 .imgBox .pc{display:none;}
	.sub141311 .imgBox .mob{display:inline-block;}

	/* 게시판: 일반 리스트 게시판 */
	.bd--default.bd--list .writer{width:calc(100% - 80px);}
	.bd--default.bd--list .date{width:80px;}
	.bd_search select, .bd_search .inputSearch, .bd_search .btnSearch {height: 35px;}
	.bd_search .btnSearch {padding: 0.5rem 0.75rem;}
	.bd_search select {padding: 0.5em 1.5em 0.625em 0.5em;}
}

@media(max-width:420px){
	/* 메인페이지 */
	.main_info_wrap ul li{width:50%;}

	/* 고양국제꽃박람회 > 지난 박람회 보기 > 개최현황 */
	.sub101110 .bd--cateBox{flex-wrap:wrap;}
	.sub101110 .bd--cateBox > div{width:100%; flex-basis:auto;}
	.sub101110 .bd--cateBox a span span{display:inline-block; padding-left:0.25em;}
	.sub101110 .tbl--info ._tr{display:flex;}

	/* 행사·대관 일정 > 이용안내 */
	.sub1211 .processUl li{width:50%;}
	.sub1211 .processUl li.arrow{width:100%;}
	.sub1211 .processUl li i.m_none{display:none;}
	.sub1211 .processUl li i.m_block{display:block;}

	/* 재단소개 > 재단소개 > 엠블럼 */
	#mascotVariBox p:nth-child(n + 5){width:48%;}

	/* 인포 테이블 */
	.tbl--info ._tr{display:block;}
	.tbl--info ._th{width:100%; margin-bottom:0.5em;}
	.tbl--info ._td{width:100%; padding-left:0;}
}

@media(max-width:360px){
}

@media(max-width:320px){

}


@media(max-height:360px){

}