@charset "UTF-8";

.navi_wrap {margin-top:40px; position:relative;}
.navi_wrap .navi {max-width:1500px; margin:0 auto; background:#f4f4f4; position:relative; z-index:2;}
.navi_wrap .navi > ul{display:flex;}
.navi_wrap .navi li{position:relative;}
.navi_wrap .navi > ul > li:after{position:absolute; content:""; width:1px; height:24px; background:#ccc; right:0; top:50%; margin-top:-12px;}
.navi_wrap .navi li a{position:relative; height:70px; font-size:1.1em; line-height:70px; display:block; padding:0 20px; width:260px;}
.navi_wrap .navi > ul > li > a:after{position:absolute; content:""; width:12px; height:12px; background:url("../img/sub/sub_arrow.png") no-repeat center center; right:20px; top:50%; margin-top:-6px; transition:all .2s;}
.navi_wrap .navi > ul > li > a.on:after{transform:rotate(180deg);}
.navi_wrap .navi .home{background:var(--clr--main); color:#fff;font-size: 1.3em; text-align:center;}
.navi_wrap .navi .home:after{display:none;}
.navi_wrap .navi .home a{width:70px;}
.navi_wrap .navi .home a:after{display:none;}
.navi_wrap .navi .home a i{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.navi_wrap .navi .sub_menu{position:absolute; left:0; top:100%; width:100%; display:none; box-shadow:0 5px 8px rgba(0,0,0,0.2); z-index:1;}
.navi_wrap .navi .sub_menu ul{border-top:1px solid #eaeaea;}
.navi_wrap .navi .sub_menu li a{height:50px; line-height:50px; font-size:1em; background:#fff; border:1px solid #eaeaea; border-top:0; color:#666; transition:all .2s;}
.navi_wrap .navi .sub_menu li a:hover{background:#f9f9f9; color:var(--clr--main);}
.navi_wrap .navi .sub_menu li.on a{background:var(--clr--main); color:#fff;}
.navi_wrap .sub_menu .menuDepth1:nth-child(6){display:none !important;}

.navi_wrap .shareUnitBox{position:absolute; right:50%; margin-right:-750px; top:50%; transform:translateY(-50%); z-index:2;}
.navi_wrap .shareUnit li{padding-right:1em; position:relative;}
.navi_wrap .shareUnit a{display:block; width:32px; height:32px;}


.subcon_wrap .top{max-width:1500px; margin:0 auto; }
.subcon_wrap .top .title{padding:80px 0; font-size:2.8em; color:#404040; text-align:center; letter-spacing:-3px;}
.subcon_wrap .top .line {width:35px; height:1px; background:#000; margin:0 auto; margin-bottom:80px;}
.sub_cont {max-width:1500px; margin:0 auto; font-size:1.2em; min-height:300px; color:#595959; padding-bottom:100px;}

.sub_txt01 {font-size:1.6em; color:#333;}
.sub_txt02 {font-size:2.0em; color:#333;}

.sub_btnBox{text-align:center;}
a.sub_btn,
.sub_btn{text-align:center; display:inline-block; color:var(--clr--pink); font-size:18px; background:#f4f4f4; padding:0.5em 0; margin:5px 1em; width:calc(49% - 2em); max-width:250px; border-radius:50px; vertical-align:middle;}
.sub_btn i{display:inline-block; width:18px; height:18px; vertical-align:middle; font-size:18px; line-height:18px; background-repeat:no-repeat; background-position:center center;}
.sub_btn.btn_more i{background-image:url("/design/default/img/sub/ico_btn_more.png");}
.sub_btn.btn_dnld i{background-image:url("/design/default/img/sub/ico_btn_dnld.png");}

.btn_small{padding:0.5em 1.2em; font-size:0.85em; background:#222 !important; color:#fff !important; border-radius:100px;}

.list > li{position:relative; padding-left:1em;}
.list > li + li{margin-top:0.5em;}
.list--line > li:before{position:absolute; content:"-"; left:0; top:0;}
.list--dot > li:before{position:absolute; content:""; left:0; top:0.5em; margin-top:4px; width:4px; height:4px; border-radius:100%; background:var(--clr--pink);}

/* 테이블: 기본 */
.tbl{table-layout:fixed; width:100%;}
.tbl th,
.tbl td{padding:0.5em 0.75em; vertical-align:middle; word-break:break-word;}
.tbl td._bg{background:#f5f5f5;}
.tbl--default{font-size:0.9em;}
.tbl--default.ver_wh{border-top:2px solid #373737;}
.tbl--default th{background:var(--clr--main); color:#fff; border-bottom:1px solid #fff; font-weight:500;}
.tbl--default.ver_blk th{background:#222; border-bottom:1px solid #666;}
.tbl--default.ver_wh th{background:#fff; border-bottom:1px solid #cacaca; color:#373737;}
.tbl--default td{border-bottom:1px solid #ddd;}
.tbl--default.verti--line th{border-left:1px solid #fff; border-right:1px solid #fff;}
.tbl--default.verti--line td{border-left:1px solid #ddd; border-right:1px solid #ddd;}

/* input들 */
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
textarea,
select,
option{border:1px solid #dfdfdf; font-size:inherit; line-height:inherit; font-family:inherit; padding:0.5em 0.75em; color:inherit; vertical-align:middle; font-size:0.9em; max-width:100%;}
select,
option{cursor:pointer;}

/* label */
.input_alter{display:none;}
.input_alter + label{transition:all .2s; cursor:pointer; display:inline-flex; align-items:center; vertical-align:middle; min-height:40px; padding:2px 0; position:relative; padding-left:36px;}
.input_alter + label span{transition:all .2s; position:absolute; left:0; top:50%; margin-top:-13px; display:block; width:26px; height:26px; border:1px solid #ddd; overflow:hidden; text-indent:-9999px;}

.input_alter + label span.marker_cir{border-radius:100%;}
.input_alter + label span:after{position:absolute; left:3px; top:3px; content:""; width:calc(100% - 6px); height:calc(100% - 6px);}
.input_alter + label span.marker_cir:after{border-radius:100%;}

.input_alter + label:hover span{border-color:var(--clr--main);}
.input_alter:checked + label{}
.input_alter:checked + label span{border-color:var(--clr--main);}
.input_alter:checked + label span:after{background:var(--clr--main);}

/* 인포 레이아웃 */
.conBox--info{}
.conBox--info .sec{display:flex; flex-wrap:wrap;}
.conBox--info .sec + .sec{margin-top:6em;}
.conBox--info .secTtl{position:relative; width:26%; padding-left:0.5em; padding-right:1em; font-size:2.0em; font-weight:600; color:#333; word-break:keep-all;}
.conBox--info .secTtl:before{content:""; position:absolute; left:0; top:0; width:33px; height:33px; background:var(--clr--pink); border-radius:100%; z-index:-1;}
.conBox--info .secCon{width:74%;}
.conBox--info .sec.wide .secTtl{width:100%; margin-bottom:0.6em; padding-right:0;}
.conBox--info .sec.wide .secCon{width:100%; padding-left:3%;}
.conBox--info .arti{}
.conBox--info .arti + .arti{margin-top:2em;}
.conBox--info .artiTtl{color:var(--clr--main); font-size:1.5em; font-weight:700; padding-bottom:0.5em; word-break:keep-all;}
.conBox--info .artiCon{}
.conBox--info .descBox{position:relative; padding:2rem 1.5rem; border:1px solid #ddd; text-align:center; border-radius:0 50px;}
.conBox--info .imgWrap{display:grid; grid-template-columns: repeat(auto-fit, minmax(20%, auto)); gap:1px; border-radius:0 50px; overflow:hidden;}
.conBox--info .imgWrap .imgBox{position:relative;}
.conBox--info .imgWrap .imgBox > *{display:block; position:relative; width:100%; padding-bottom:56.25%; height:0; overflow:hidden;}
.conBox--info .imgWrap .imgBox > * > *{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.conBox--info .imgWrap.img1-1 .imgBox > *{padding-bottom:100%;}
.conBox--info .imgWrap.img4-3 .imgBox > *{padding-bottom:75%;}
.conBox--info .imgWrap.imgFull .imgBox > *{padding-bottom:0; height:auto;}
.conBox--info .imgWrap.imgFull .imgBox > * > *{position:relative; height:auto;}

.tbl--info{}
.tbl--info ._tr{display:flex; align-items:flex-start;}
.tbl--info ._tr + ._tr{margin-top:1em;}
.tbl--info ._th{position:relative; width:120px; font-weight:500; padding-left:1em; word-break:keep-all;}
.tbl--info ._th:before{position:absolute; content:""; width:4px; height:4px; border-radius:50%; background:var(--clr--pink); left:0; top:0.5em; margin-top:4px;}
.tbl--info ._td{width:calc(100% - 120px); padding-left:1em;}
.tbl--info ._tr.wide ._th{width:100%;}
.tbl--info ._tr.wide ._td{width:100%; padding-left:0;}

.imgZoomBox{text-align:center;}
.imgZoomBox .caption{text-align:right; display:block; padding:0.5em 1em; margin:0.5em 0; font-size:0.85em; background:#f5f5f5; border-radius:50px;}
.imgZoomBox .caption i{color:var(--clr--main);}

.ytWrap{position:relative;}
.ytWrap .ytBox{position:relative; width:100%; height:0; padding-bottom:56.25%;}
.ytWrap .ytBox > iframe{position:absolute; left:0; top:0; width:100%; height:100%;}

/* 고양국제꽃박람회 > 지난 박람회 보기 > 개최현황 */
.sub101110 .bd--cateBox a span span{display:block;}
.sub101110 .tabBox:not(:first-child){display:none;}
.sub101110 .tabBox > ul{display:grid; grid-template-columns: 1fr 1fr; gap:1.5em;}
.sub101110 .tabBox > ul > li{border:1px solid #ddd; padding:5%; border-radius:50px;}
.sub101110 .tabBox h4{position:relative; text-align:center; margin:0.5em 0 1.5em; font-size:1.3em; color:var(--clr--main); word-break:keep-all;}
.sub101110 .tbl--info{font-size:0.9em;}
.sub101110 .tbl--info ._th{width:160px;}
.sub101110 .tbl--info ._td{width:calc(100% - 160px);}

/* 고양국제꽃박람회 > 주변 관광지 */
.sub1013{}
.sub1013 .tabBox:not(:first-child){display:none;}
.sub1013 .secTtl small{display:block; font-size:0.6em; font-weight:500;}
.sub1013 dl{overflow:hidden; font-size:0.9em;}
.sub1013 dt{float:left; max-width:120px; margin-right:20px; color:#222; font-weight:500;}
.sub1013 dt i{color:var(--clr--main);}
.sub1013 dd{float:left; width:calc(100% - 140px);}
.sub1013 dd + dd{width:100%;}
.sub1013 dd a{transition:all .2s;}
.sub1013 dd a:hover{color:var(--clr--pink);}
.sub1013 .imgBox{margin-bottom:1em; border-radius:50px 0; overflow:hidden;}
.sub1013 .artiCon > div:first-child{padding-right:2em;}
.sub1013 .artiCon > div:first-child img{border-radius:20px;}
.sub1013 .artiCon > div:last-child{width:calc(100% - 300px - 2em);}


/* 행사·시설 안내 > 고양가을꽃축제 > 전시안내 */
.sub111012 > ul > li{width:calc(100% / 3);}


/* 행사·대관 일정 > 전시관개요 */
.sub1210{}
.sub1210 .top{justify-content:center;}
.sub1210 .tabBox{width:calc(100% - 690px); max-width:200px;}
.sub1210 .tabBox ul{align-items:stretch; padding-right:1em;}
.sub1210 .tabBox li{width:100%; padding:1px;}
.sub1210 .tabBox li a{border:1px solid #ddd; display:flex; width:100%; height:100%; text-align:center; align-items:center; justify-content:center; padding:0.75em 1em; font-size:0.8em; text-align:left; justify-content:flex-start;}
.sub1210 .tabBox li span{display:inline-flex; width:23px; height:23px; line-height:1; color:#fff; font-size:0.9em; align-items:center; justify-content:center; border-radius:100%; margin-right:5px; background:var(--clr--main);}
.sub1210 .tabBox li a:hover{border-color:var(--clr--main); color:var(--clr--main);}
.sub1210 .tabBox li a.on{border-color:var(--clr--main); background:var(--clr--main); color:#fff;}
.sub1210 .tabBox li a.on span{background:#fff; color:var(--clr--main);}
.sub1210 .mapBox{width:690px;}
.sub1210 .mapBox p:not(:first-child){display:none;}

/* 행사·대관 일정 > 이용안내 */
.sub1211 .processUl{flex-wrap:wrap; align-items:center; justify-content:center;}
.sub1211 .processUl li{width:220px; padding-bottom:2em;}
.sub1211 .processUl li.arrow{width:3%; color:#ccc;}
.sub1211 .processUl li p{width:100%; height:0; padding-bottom:100%; position:relative; text-align:center; border-radius:100%; border:1px solid #ddd;}
.sub1211 .processUl li:nth-child(5) p{border:3px solid #1da8f7;}
.sub1211 .processUl li:nth-child(9) p{border:3px solid #51ab25;}
.sub1211 .processUl li:nth-child(11) p{border:3px solid var(--clr--pink);}
.sub1211 .processUl li i{display:block; left:0; top:31%; width:100%; text-align:center;}
.sub1211 .processUl li:not(.arrow) i{position:absolute;}
.sub1211 .processUl li i img{max-width:64px; width:30%;}
.sub1211 .processUl li span{display:block; position:absolute; left:0; top:54%; margin-top:10%; width:100%; font-weight:500; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:3em; font-size:0.9em; line-height:1.4;}
.sub1211 .processUl li small{display:block; position:absolute; left:0; top:11%; text-align:center; width:100%; font-size:0.85em; font-weight:500; color:var(--clr--main);}
.sub1211 .processUl li:nth-child(5) small{color:#1da8f7;}
.sub1211 .processUl li:nth-child(9) small{color:#51ab25;}
.sub1211 .processUl li:nth-child(11) small{color:var(--clr--pink);}
.sub1211 .processUl li i{font-size:0;}
.sub1211 .processUl li i:before{font-size:16px;}
.sub1211 .processUl li i.m_none{}
.sub1211 .processUl li i.m_block{display:none;}
.conBox--info .artiTtl.clr--03{color:#1da8f7;}
.conBox--info .artiTtl.clr--05{color:#51ab25;}
.conBox--info .artiTtl.clr--06{color:var(--clr--pink);}


/* 재단소개 > 인사말 */
.greeting_box {overflow:hidden;  background:url("../img/sub/greeting_dot.png") 42% 20px no-repeat;}
.greeting_box .greeting_left {width:38%; float:left; }
.greeting_box .greeting_right {width:58%; float:right; padding-top:30px; }
.greeting_box .greeting_sign {text-align:right; font-size:1.1em; font-weight:400; color:#333;}
.greeting_box .greeting_sign img {}
.greeting_box img.pc {display:block;}
.greeting_box img.mobile {display:none;}

/* 재단소개 > 경영목표 */
.sub1411 .mob{display:none;}
.sub1411{text-align:center;}
.sub1411 section + section,
.sub1411 .sec02 .item + .item{margin-top:40px;}
.sub1411 .ttl{font-weight:700; font-size:1.15em;}
.sub1411 .sec01 .ttl{background:var(--clr--main); color:#fff; border-radius:100px; padding:0.25em 1em; width:280px; max-width:50%; margin:0 auto; position:relative;}
.sub1411 .sec01 .con{background:url("/design/default/img/sub/sub1411_bg01.png") no-repeat center center / cover; border-radius:150px; color:#fff; font-size:1.5em; padding:2.75em 1em 2.5em; margin:-0.75em auto 0; width:1200px; max-width:100%; text-shadow:0 0 10px rgba(0,0,0,0.8);}
.sub1411 .sec01 .con b{display:block;}
.sub1411 .sec02 .ttl{background:var(--clr--pink); color:#fff; border-radius:100px; padding:0.25em 1em; width:280px; max-width:50%; margin:0 auto; position:relative;}
.sub1411 .sec02 .con{background:#f5f5f5; border-radius:150px; font-size:1.25em; padding:2em 1.5em 1.5em; margin:-0.75em auto 0; width:1200px; max-width:100%; color:#373737;}
.sub1411 .sec02 .con br{display:none;}
.sub1411 .sec03{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; position:relative;}
.sub1411 .sec03:before{position:absolute; content:""; top:90px; right:180px; width:70%; height:4px; border-top:4px dotted #ddd; margin-top:-2px;}
.sub1411 .sec03 .item{width:calc((100% - 80px) / 4); max-width:300px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start;}
.sub1411 .sec03 .item01{--clr--item:#dd466f; --clr--item--rgb:221,70,111; width:calc(((100% - 80px) / 4) + 80px); max-width:380px; padding-left:80px;}
.sub1411 .sec03 .item02{--clr--item:#f7941d; --clr--item--rgb:247,148,29;}
.sub1411 .sec03 .item03{--clr--item:#51ab25; --clr--item--rgb:81,171,37;}
.sub1411 .sec03 .item04{--clr--item:#1da8f7; --clr--item--rgb:29,168,247;}
.sub1411 .sec03 .ttl{display:none; position:absolute; left:0; margin-left:-80px; width:2.5em; line-height:1.4; top:50%; transform:translateY(-50%);}
.sub1411 .sec03 .task .ttl{top:2.5em;}
.sub1411 .sec03 .item01 .ttl{display:block;}
.sub1411 .sec03 .mobTtl{display:none; font-size:0.875em; font-weight:500;}
.sub1411 .sec03 .item > *{flex-basis:0; width:100%; position:relative;}
.sub1411 .sec03 .value{}
.sub1411 .sec03 .value .con{display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; background:var(--clr--item); width:180px; height:180px; border-radius:100%; margin:0 auto; font-size:1.05em;}
.sub1411 .sec03 .value .con i{display:block; margin:8px 0;}
.sub1411 .sec03 .goal{padding:1em 0; border-top:2px solid; border-bottom:2px solid; border-color:var(--clr--item); margin:2em 0;}
.sub1411 .sec03 .goal .con{color:var(--clr--item); font-weight:700; font-size:1.25em;}
.sub1411 .sec03 .task{flex-grow:1; display:flex; flex-direction:column; align-items:center;}
.sub1411 .sec03 .task .con{width:98.5%; padding:0.5em 1em; flex-basis:0; flex-grow:1; border-radius:20px; background:rgba(var(--clr--item--rgb),0.05);}
.sub1411 .sec03 .task .con ul{height:100%; display:flex; flex-direction:column; align-items:center;}
.sub1411 .sec03 .task .con li{display:inline-flex; width:100%; flex-basis:0; flex-grow:1; align-items:center; justify-content:center; padding:1em 0; color:#373737;}
.sub1411 .sec03 .task .con li + li{border-top:1px dotted var(--clr--item);}

/* 재단소개 > 재단소개 > 소개 */
.sub141210{}
.sub141210 .arti + .arti{margin-top:5em;}
.sub141210 .topTxt{background:url("/design/default/img/sub/sub141210_bg01.jpg") no-repeat center center / cover; padding:3em 3em 12em; color:#fff; border-radius:0 0 0 50px; text-shadow:0 0 8px rgba(0,0,0,0.7);}
.sub141210 .btmTxt{background:#fff; width:74%; margin-left:26%; position:relative; margin-top:-10em; padding:2em; word-break:keep-all; border-radius:50px 0 0 0;}
.sub141210 h3.ttl{position:relative; width:26%; padding-left:0.5em;}
.sub141210 h3.ttl:before{content:""; position:absolute; left:0; top:0; width:33px; height:33px; background:var(--clr--pink); border-radius:100%; z-index:-1;}
.sub141210 h3.ttl + div{width:74%; position:relative;}
.sub141210 .imgBox{overflow:hidden; border-radius:50px 0 0 0;}
.sub141210 .imgBox img{/*width:100%; height:100%; object-fit:cover;*/}
.sub141210 .imgBox + ul{background:#fff; margin-top:1em; position:relative; padding:1.5em 0 0 2em; width:90%; margin-left:auto; margin-right:0; margin-top:-5%;}
.sub141210 .scrollBox{height:10em; overflow-x:hidden; overflow-y:auto; padding:0 1em;}
.sub141210 .scrollBox > *{font-size:0.8em;}
.sub141210 .arti04 .txtBox{border:1px solid #ddd; padding:1em; border-radius:0 0 50px 0;}

/* 재단소개 > 재단소개 > 연혁 */
.sub141211{}
.sub141211 .txtBox{position:relative; padding:0.75em;}
.sub141211 .txtBox:before{content:""; position:absolute; left:0; top:0; width:33px; height:33px; background:var(--clr--pink); border-radius:100%;}
.sub141211 .txtBox > *{position:relative;}
.sub141211 .imgBox{text-align:center; overflow:hidden; border-radius:0 50px; font-size:0;}
.sub141211 .imgBox img:first-child{width:calc((100% - 5px) * 0.665); margin-right:5px;}
.sub141211 .imgBox img:last-child{width:calc((100% - 5px) * 0.334);}
.sub141211 .yearBox > div{padding:0 5%;}
.sub141211 .yearBox .ttl{text-align:center; padding-bottom:2em; margin-bottom:2em; border-bottom:1px solid #f0f0f0;}
.sub141211 .yearBox .ttl h3{color:var(--clr--main); font-size:1.5em; font-weight:700; padding-bottom:0.5em;}
.sub141211 .yearBox .ttl span{display:inline-block; color:#494949; background:#f0f0f0; border-radius:100px; padding:0.5em 1.5em;}
.sub141211 .yearBox dt{max-width:100px; width:30%;}
.sub141211 .yearBox dd{min-width:calc(100% - 100px); width:70%;}
.sub141211 .sub_btnBox{padding-top:2em; margin-top:1.5em; border-top:1px solid #f0f0f0;}

/* 재단소개 > 재단소개 > 엠블럼 */
.sub141212{}
.sub141212 .arti + .arti{margin-top:6em;}
.sub141212 h3.ttl{position:relative; width:26%; padding-left:0.5em;}
.sub141212 h3.ttl:before{content:""; position:absolute; left:0; top:0; width:33px; height:33px; background:var(--clr--pink); border-radius:100%; z-index:-1;}
.sub141212 h3.ttl + div{width:74%;}
.sub141212 .imgBox{align-items:stretch;}
.sub141212 .imgBox p{border:1px solid #e9e9e9; position:relative; display:inline-flex; align-items:center; padding:1em 1.5em;}
.sub141212 .imgBox p + p{margin-left:10px;}
.sub141212 .arti02 .imgBox{width:30%;}
.sub141212 .arti02 .imgBox + div{width:70%; padding-left:4%; flex-direction:column; justify-content:center; align-items:flex-start;}
#mascotVariBox{justify-content:space-between;}
#mascotVariBox p{margin-bottom:2em; max-width:24%;}
#mascotVariBox p:nth-child(n + 5){margin-bottom:1em; width:16.66%; text-align:center; display:none;}

/* 재단소개 > 재단소개 > 로고송 */
.sub141213{}
.sub141213 .arti + .arti{margin-top:6em;}
.sub141213 h3.ttl{position:relative; width:26%; padding-left:0.5em;}
.sub141213 h3.ttl:before{content:""; position:absolute; left:0; top:0; width:33px; height:33px; background:var(--clr--pink); border-radius:100%; z-index:-1;}
.sub141213 h3.ttl + div{width:74%;}
.sub141213 .playerWrap{overflow:hidden; border-radius:0 50px; border:1px solid #eaeaea; align-items:stretch;}
.sub141213 .thumb{width:312px; overflow:hidden; border-right:1px solid #eaeaea;}
.sub141213 .thumb img{width:100%; height:100%; object-fit:cover;}
.sub141213 .playerBox{width:calc(100% - 312px); padding:1em 4%; display:flex; flex-direction:column; justify-content:center; position:relative; z-index:0;}
.sub141213 .playerBox .title small{color:var(--clr--pink); font-size:0.9em;}
.sub141213 .playerBox .title{margin-bottom:0.5em;}
.sub141213 .playerBox > p{color:#898888; font-size:0.9em; margin-bottom:1em;}
.sub141213 .sub_btnBox{text-align:right;}
	/* 미디어 플레이어 커스텀 */
.sub141213 .music-player {}
.sub141213 .mejs__container, .sub141213 .mejs__controls:not([style*="display: none"]){background:none; height:auto; position:relative; align-items:center; padding:0;}
.sub141213 .mejs__button, .sub141213 .mejs__time, .sub141213 .mejs__time-rail{width:auto; padding:0; margin:0; height:auto; line-height:1;}
.sub141213 .mejs__time-buffering, .sub141213 .mejs__time-current, .sub141213 .mejs__time-hovered, .sub141213 .mejs__time-loaded, .sub141213 .mejs__time-marker, .sub141213 .mejs__time-total{height:5px; margin:0;}
.sub141213 .mejs__time-rail{width:200px;}
.sub141213 .mejs__time-current, .sub141213 .mejs__time-handle-content{background:var(--clr--pink);}
.sub141213 .mejs__time-hovered{background:rgba(221,70,111,0.2);}
.sub141213 .mejs__time-handle-content{border:1px solid #fff; top:-6px;}
.sub141213 .mejs__time-float, .sub141213 .mejs__time-float-corner, .sub141213 .mejs__time-float-current{display:none !important;}
.sub141213 .mejs__horizontal-volume-slider{width:85px;}
.sub141213 .mejs__horizontal-volume-total{height:5px; background:#e9e9e9; width:100%;}
.sub141213 .mejs__horizontal-volume-current{background:var(--clr--pink);}
.sub141213 .mejs__time{color:#939292; padding:0 1em;}
.sub141213 .mejs__time-total{background:#e9e9e9; position:relative;}
.sub141213 .mejs__volume-button{padding:0 1em;}
.sub141213 .mejs__button{padding-right:1.2em;}
.sub141213 .mejs__controls .mejs__playpause-button button,
.sub141213 .mejs__controls .mejs__volume-button button{position:relative; font-family: FontAwesome; background:none; margin:0;}
.sub141213 .mejs__controls .mejs__playpause-button button {font-size:48px; width:50px; height:50px; color:var(--clr--pink);}
.sub141213 .mejs__controls .mejs__play button:before{content:"\f144";}
.sub141213 .mejs__controls .mejs__pause button:before{content:"\f28b";}
.sub141213 .mejs__controls .mejs__volume-button button {font-size:16px; color:#939292; width:20px; text-align:left;}
.sub141213 .mejs__controls .mejs__mute button:before {content: "\f028";}
.sub141213 .mejs__controls .mejs__unmute button:before {content: "\f6a9";}

/* 재단소개 > 조직안내 > 이사회소개 */
.sub141310{}
.sub141310 .imgBox{text-align:center; overflow:hidden; border-radius:0 50px; font-size:0;}
.sub141310 .imgBox img:first-child{width:calc((100% - 5px) * 0.334);}
.sub141310 .imgBox img:last-child{width:calc((100% - 5px) * 0.665); margin-left:5px;}


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

/* 부가메뉴 > 오시는길 */
.sub1515 .mapBox{width:100%; height:0; position:relative; padding-bottom:500px;}
.sub1515 .mapBox > div.root_daum_roughmap{position:absolute; left:0; top:0; width:100%; height:100%;}
.sub1515 .mapBox > div.root_daum_roughmap > .wrap_map{height:calc(100% - 32px) !important;}
.sub1515 .route li{font-size:0.9em;}
.sub1515 .route li > span{font-weight:400; display:inline-block; vertical-align:middle; padding:5px; line-height:1; border-radius:3px; color:#fff; margin-bottom:2px; font-size:14px;}
.sub1515 .route li > span.gen{background:#50a233;}
.sub1515 .route li > span.lo{background:#50a233;}
.sub1515 .route li > span.ex{background:#de121b;}
.sub1515 .route li > span.br{background:#3a5db1;}


/* 게시판: 공통 */
.bd--total{font-size:0.8em; color:#666;}

.bd--cateBox{align-items:stretch; margin-bottom:3em;}
.bd--cateBox > div{flex-basis:0; flex-grow:1; padding:0 1px;}
.bd--cateBox > div > a{display:flex; align-items:center; justify-content:center; border:1px solid #ddd; transition:all .2s; padding:0.5em; height:100%; text-align:center;}
.bd--cateBox > div > a:hover{background:#f5f5f5; border:1px solid #bbb;}
.bd--cateBox > div > a.on{background:#222; border:1px solid #222; color:#fff;}
.bd--cateBox small.total{display:none; font-size:14px; color:#999; text-align:center;}
.bd--cateBox > div > a.on small.total{color:#ddd;}
.span_cate{display:inline-block; color:#fff; background:var(--clr--main); border-radius:50px; line-height:1; padding:5px 1em;}

.bd--list .noData{text-align:center !important; padding:2em 0 !important; width:100% !important;}

.pagination{text-align:center; padding:3em 0 2em;}
.pagination ul{font-size:0;}
.pagination li{display:inline-block; margin:5px;}
.pagination li a{display:block; width:32px; height:32px; border-radius:100%; font-size:16px; line-height:32px; transition:all .2s;}
.pagination li a:hover{background:#eaeaea;}
.pagination li.active a{color:#fff; background:#222;}
.pagination li a span{line-height:1;}

.bd--btnBox{text-align:right;}
.bd--btnBox .btn{position:relative; text-align:center; font-size:0.85em; padding:0.25em 0.5em; width:24%; max-width:120px; background:#fff; border:1px solid #ddd; border-radius:50px; transition:all .2s; overflow:hidden; vertical-align:middle;}
.bd--btnBox .btn.btn_submit{background:var(--clr--main); color:#fff; border-color:var(--clr--main);}
.bd--btnBox .btn.btn_cancle{background:#222; color:#fff; border-color:#222;}
.bd--btnBox .btn:after{position:absolute; content:""; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1); opacity:0; transition:all .2s;}
.bd--btnBox .btn:hover:after{opacity:1;}

.span_NS{position:relative; display:inline-block; font-size:0; width:19px; height:19px; border-radius:100%; vertical-align:middle; margin-top:-2px; line-height:1;}
.span_NS i{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:12px; font-style:normal;}
.span_new{color:#fff; background:var(--clr--pink); margin-left:5px;}
.span_secret{color:#666; margin-right:5px;}
.span_secret i{font-size:13px;}

.bd_search {text-align: center; margin-top: 2rem;}
.bd_search select, .bd_search .inputSearch, .bd_search .btnSearch {display: inline-block; vertical-align: middle; height: 50px;}
.bd_search select {padding:0.5em 2em 0.625em 1em; border-radius: 2rem;}
.bd_search .inputSearch {border-right: none; border-radius:2rem 0 0 2rem; }
.bd_search .btnSearch {padding: 0.625rem 1rem 0.625rem 1rem; margin-left: -4px; border: 1px solid #dfdfdf; border-left: none; border-radius: 0 2rem 2rem 0;}

/* 게시판: 일반 리스트 게시판 */
.bd--default.bd--list{font-size:0.9em;}
.bd--default.bd--list .row{display:flex; justify-content:space-between; padding:0.5em 0; border-top:1px solid #eaeaea; align-items:center;}
.bd--default.bd--list .row:last-child{border-bottom:1px solid #eaeaea;}
.bd--default.bd--list .row > *{text-align:center; padding:0.3em;}
.bd--default.bd--list .num{width:100px;}
.bd--default.bd--list .category{width:180px;}
.bd--default.bd--list .title{width:50%; flex-grow:1; max-width:70%;}
.bd--default.bd--list .writer{width:150px;}
.bd--default.bd--list .date{width:150px;}
.bd--default.bd--list .hit{width:80px;}
.bd--default.bd--list .comme_name{width:120px;}
.bd--default.bd--list .comme_con{width:calc(100% - 270px); text-align:left;}

.bd--default.bd--list .thead .row{background:#f5f5f5;}
.bd--default.bd--list .tbody .title{text-align:left;}
.bd--default.bd--comme_list .row{border-top:1px dashed #ddd;}
.bd--default.bd--comme_list .row:first-child{border-top:0;}
.bd--default.bd--list .telnum{width:150px;}
.bd--default.bd--list .daterange{width:200px;}

/* 게시판: 캘린더 게시판 */
.schedule_top {width:100%; max-width:750px; text-align: center; margin:auto; margin-bottom:2em;}
.schedule_top .cur {display:inline-block; font-size: 1.8em; font-weight: 700;}

.schedule_top .btn {width:50px; height:50px; border-radius:50%; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; font-size:11px; color:#aaa;}
.schedule_top .btn:hover {color: #e30613; border-color: #e30613;}
.schedule_top .prev {float:left;}
.schedule_top .next {float:right;}
.tbl_calendar {width:100%; display:table;}
.tbl_calendar th.sun {background:#e30613; color:#fff;}
.tbl_calendar td:nth-child(7n+1) .date_num{color:#e30613}
.tbl_calendar th.sat {background:royalblue; color:#fff;}
.tbl_calendar td:nth-child(7n) .date_num {color:royalblue}
.tbl_calendar th, .tbl_calendar td {border:1px solid #ddd; padding: 0.4em; box-sizing: border-box;}
.tbl_calendar th {background:#f5f2f2;}
.tbl_calendar td { height: 135px;}
.tbl_calendar td .date_num{font-weight: 700;}
.tbl_calendar td.calList a {position:relative; display: block; padding-left: 10px; box-sizing: border-box;}
.tbl_calendar td.calList a:before {position:absolute; top:11px; left:0; content:''; width:5px; height: 5px; background:#333; border-radius: 100%;}
.tbl_calendar td.calList a:hover {text-decoration: underline;}
.tbl_calendar td.calList a:hover:before {background: #e30613;}

.poster_list {display: flex; flex-wrap: wrap; row-gap: 1.5em; column-gap: 2%;}
.poster_list li {width: calc((100% / 4) - 1.5%)}
.poster_list li .thumb {background:#dfdfdf;/*height: 300px;*/height:0; padding-bottom:140.74%; overflow:hidden; position:relative;}
.poster_list li .thumb > *{position:absolute; left:0; top:0; width:100%; height:100%;}
.poster_list li .thumb img {width:100%; height:100%; object-fit: cover; object-position: center;}
.poster_list li .txt_wrap {margin:0.5em 0;}
.poster_list li .txt_wrap .tit {font-weight:700;}
.poster_list li .txt_wrap .writer{font-size:0.8em;}
.poster_list li .txt_wrap .date {font-size:0.8em;}
.poster_list li .txt_wrap .place {font-size:0.8em;}
.poster_list li .btn {border:1px solid #ddd; font-size:0.8em; box-sizing: border-box; padding: 0.3em 0.5em; border-radius:2em;transition: all .2s; display:block; margin:0 auto; text-align:center; width:200px; max-width:100%;}
.poster_list li .btn:hover {border-color: #e30613; color:#e30613;}


/* 게시판: 썸네일형 리스트 게시판 */
.bd--thumb.bd--list{}
.bd--thumb.bd--list .row{padding:1em 0;}
.bd--thumb.bd--list .thumb{width:30%; padding-right:1em;}
.bd--thumb.bd--list .thumb a{display:block; position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden; border:1px solid #eaeaea; transition:all .2s;}
.bd--thumb.bd--list .thumb img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all .3s;}
.bd--thumb.bd--list .thumb + div{width:70%; align-self:center;}
.bd--thumb.bd--list .category{font-size:0.8em; padding-bottom:0.5em; margin-bottom:0.5em;}
.bd--thumb.bd--list .title{font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .2s; margin-bottom:0.5em;}
.bd--thumb.bd--list .content{font-size:0.8em; overflow:hidden; text-overflow:ellipsis; -display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:3.2em; line-height:1.6em; margin-bottom:2em; color:#999;}
.bd--thumb.bd--list .date{font-size:0.8em; color:#999; padding-top:0.5em;}
.bd--thumb.bd--list .date span.line{display:inline-block; width:1px; height:0.85em; background:#aaa; margin:-3px 0.5em 0;}
.bd--thumb.bd--list .row a:hover .thumb span{border-color:var(--clr--main);}
.bd--thumb.bd--list .row a:hover .thumb img{transform:scale(1.1);}
.bd--thumb.bd--list .row a:hover .title{color:var(--clr--main);}

/* 게시판: 미디어 리스트 게시판 */
.bd--media{}
.bd--media .poster_list li .thumb{position:relative; height:0; padding-bottom:56.25%;}
.bd--media .poster_list li .thumb > *{position:absolute; left:0; top:0; width:100%; height:100%;}

/* 게시판: 브로셔 리스트 게시판 */
.bd--media{}
.bd--media.bd--brochure .poster_list li .thumb{padding-bottom:140.74%;}

/* 게시판 뷰페이지(공통) */
#bd_content{word-break:break-all;}
.bd--default.bd--view{margin-bottom:2em; margin-top:80px;}
.bd--default.bd--view > .titleBox{margin-bottom:1.2em;}
.bd--default.bd--view > .titleBox .cate{color:var(--clr--main);}
.bd--default.bd--view > .titleBox .title{font-size:1.5em; font-weight:600;}
.bd--default.bd--view > .info{justify-content:center; align-items:center; margin-bottom:1.5em;}
.bd--default.bd--view > .info > * + *{position:relative;}
.bd--default.bd--view > .info > * + *:before{position:absolute; content:""; left:0; top:50%; width:1px; height:16px; background:#ddd; margin-top:-8px;}
.bd--default.bd--view > .info .writter{font-size:0.9em; padding:0 1em;}
.bd--default.bd--view > .info .date{font-size:0.9em; color:#999; padding:0 1em;}
.bd--default.bd--view > .contents{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:2em 1em; min-height:15em;}
.bd--default.bd--view > .file{padding:0.5em 0; background:#f5f5f5; border-bottom:1px solid #ddd;}
.bd--default.bd--view > .file > p{width:100px; font-weight:500; text-align:center; word-break:keep-all;}
.bd--default.bd--view > .file > ul{width:calc(100% - 120px);}
.bd--default.bd--view > .file > ul li + li{margin-top:0.2em;}
.bd--default.bd--view > .file > ul li a{display:inline; margin-right:0.5em; transition:all .2s;}
.bd--default.bd--view > .file > ul li a:hover{color:var(--clr--main);}
.bd--default.bd--view > .file > ul li .size{color:#999; font-size:14px;}
.bd--default.bd--view > .contents img{height:auto !important;}

.pn_listBox{margin-bottom:2em;}
.pn_listBox .pn_list{border:1px solid #eaeaea; border-right:0; border-left:0; padding:0.5em 0;}
.pn_listBox .pn_list + .pn_list{margin-top:-1px;}
.pn_listBox .pn_list:first-child{border-top-color:#ddd;}
.pn_listBox .pn_list:last-child{border-bottom-color:#ddd;}
.pn_listBox .pn_list dt{width:100px; font-weight:500; text-align:center; cursor:default;}
.pn_listBox .pn_list dt span{position:relative; display:inline-block; vertical-align:middle; width:10px; height:2px; margin-left:0.2em;}
.pn_listBox .pn_list dt span:before,
.pn_listBox .pn_list dt span:after{position:absolute; content:""; width:6px; height:2px; background:#999; top:50%; margin-top:-2px;}
.pn_listBox .pn_list.pn_list_prev dt span:before{transform:rotate(-45deg); left:0;}
.pn_listBox .pn_list.pn_list_prev dt span:after{transform:rotate(45deg); right:0;}
.pn_listBox .pn_list.pn_list_next dt span:before{transform:rotate(45deg); left:0;}
.pn_listBox .pn_list.pn_list_next dt span:after{transform:rotate(-45deg); right:0;}
.pn_listBox .pn_list dd{width:calc(100% - 120px);}
.pn_listBox .pn_list a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.pn_listBox .pn_list a:hover{text-decoration:underline;}

/* 게시판 뷰페이지 : 행사일정 */
.bd--view.bd--exhibit .info_top .info_desc{padding-left:5%;}
.bd--view.bd--exhibit .info_top .infoTtl{align-items:center; font-size:1.2em;}
.bd--view.bd--exhibit .info_top .ca-box{display:flex; align-items:center; justify-content:center; width:50px; height:50px; color:#fff; font-size:0.75em; margin-right:1em;}
.bd--view.bd--exhibit .info_top .ca-box.experience {background-color: #f7941d;}
.bd--view.bd--exhibit .info_top .ca-box.event {background-color: #1da8f7;}
.bd--view.bd--exhibit .info_top .ca-box.education {background-color: #51ab25;}
.bd--view.bd--exhibit .info_top .ca-box.exhibit {background-color: var(--clr--pink);}
.bd--view.bd--exhibit .info_top .tbl{margin:1.5em 0 2em;}
.bd--view.bd--exhibit .info_top .tbl th,
.bd--view.bd--exhibit .info_top .tbl td{padding:0.75em 0;}
.bd--view.bd--exhibit .info_top .listBtn{}
.bd--view.bd--exhibit .info_top .listBtn .btn{display:block; border:1px solid #eaeaea; text-align:center; padding:0.5em;}

/* 게시판 뷰페이지 : 문의하기(시민의소리) */
.bd--view.bd--inquire .contents {border-top:0; border-bottom:0;}
.bd--view.bd--inquire .contents dl{padding: 0.5em 0; width:100%; display:table; table-layout:fixed}
.bd--view.bd--inquire .contents dl+dl {border-top:1px solid #ddd; }
.bd--view.bd--inquire .contents dl dt{display: table-cell; vertical-align: middle; width: 150px;}
.bd--view.bd--inquire .contents dl dd{display: table-cell; vertical-align: middle; padding-left:1em; border:1px solid #ddd; padding: 8px 0.5em;}

/* 게시판 글쓰기페이지(공통) */
.bd--default.bd--write{margin-top:80px;}
.bd--default.bd--write form dl.row{display:table; width:100%; table-layout:fixed; border-top:1px solid #ddd; padding:0.5em 0;}
.bd--default.bd--write form dl.row > dt{display:table-cell; vertical-align:middle; width:150px;}
.bd--default.bd--write form dl.row > dd{display:table-cell; vertical-align:middle; padding-left:1em;}
.bd--default.bd--write form dl.row > dd input[type="text"]{border:1px solid #ddd; padding:8px 0.5em;}
.bd--default.bd--write form dl.row > dd select{border:1px solid #ddd; padding:8px 0.5em;}
.bd--default.bd--write form dl.row > dd option{font-size:15px; line-height:1.8;}
.bd--replyBox{padding:1em; background:#f5f5f5; font-size:0.9em; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}

.bd--default.bd--write.bd--comme_write form dl.row{border-top:0;}
.other_newsletter_list + .bd--default.bd--view{margin-top:6%;}




/* Member */
.loginDiv{}
.loginDiv .tbl tr:first-child th,
.loginDiv .tbl tr:first-child td{padding-top:1em;}
.loginDiv .tbl tr:last-child th,
.loginDiv .tbl tr:last-child td{padding-bottom:1em;}
.loginDiv .tbl td{position:relative;}
.loginDiv .btn_submit:not(.findIdDiv .btn_submit){background:var(--clr--main); position:absolute; width:calc(100% - 1.5em); height:calc(100% - 2em); left:0.75em; top:1em; display:flex; align-items:center; justify-content:center;}
.loginDiv .linkBox{justify-content:center; align-items:center;}
.loginDiv .linkBox span{display:block; padding:0 1em; position:relative;}
.loginDiv .linkBox span + span:before{position:absolute; content:""; left:0; top:50%; width:1px; height:16px; background:#ddd; margin-top:-8px;}
.loginDiv .linkBox span a{font-size:0.85em; position:relative; padding:0 1em; min-width:80px; color:#999; transition:all .2s;}
.loginDiv .linkBox span a:hover{color:var(--clr--main);}

.snsLoginBox{justify-content:center; align-items:center;}
.snsLoginBox span{display:block; width:300px; margin:2px 5px;}


/* 240116 모멘텀스페이스 */
.sub1014 {display: flex; flex-flow: column; align-items: center;}
.sub1014 a{}
.sub1014 .mobile {display:none;}
.sub1014 .pc {display:block;}


/* 240325 2024고양꽃박람회 */
.sub1010 .art_desc {
  display: flex;
  column-gap: 6%;
  flex-wrap: wrap;
}

.sub1010 .poster {
  width: 315px;
  height: 445px;
  background: #ffd0d2;
}

.sub1010 .poster img {
  width: 100%;
  height: 445px;
}

.sub1010 .poster+.txt_wrap {
  font-size: 1.1rem;
  width: calc(94% - 315px)
}

.sub1010 .poster+.txt_wrap dl {
  display: flex;
  padding: 0.65rem 0;
}

.sub1010 .poster+.txt_wrap dl dt {
  position: relative;
  width: 130px;
  margin-right: 2rem;
  border-right: 1px solid #bbb;
  padding-left: 1rem;
  box-sizing: border-box;
}

.sub1010 .poster+.txt_wrap dl dt:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  background: url('../img/sub/bull_flower.png') no-repeat 0 0/contain;
  width: 24px;
  height: 24px;
  transition: 0.3s all linear;
}

.sub1010 .poster+.txt_wrap dl dd {
  width: calc(100% - 162px);
}

.sub1010 .poster+.txt_wrap dl dd img {
  vertical-align: middle;
  margin-right: 12px;
  margin-bottom: 8px;
  height: 20px;
}

.sub1010 .poster+.txt_wrap dl:hover dt:before {
  transform: scale(1.6) rotate(-20deg)
}


/* 251120 추가 */
.sub171010 {}
.sub171010 .iframe-wrap {width: 900px; height: 506px; margin:auto; margin-top: 40px;}
.sub171010 .iframe-wrap iframe{ width: 100%; height: 100%; }