@charset 'utf-8';
@font-face {font-family:'Eulyoo1945';font-weight:400;                       
	src:url('../font/Eulyoo1945-Regular.eot'),	
	url('../font/Eulyoo1945-Regular.woff') format('woff'), 
	url('../font/Eulyoo1945-Regular.woff2')  format('woff2'); 
	;}
@font-face {font-family:'Eulyoo1945';font-weight:600;                       
	src:url('../font/Eulyoo1945-SemiBold.eot'),	
	url('../font/Eulyoo1945-SemiBold.woff') format('woff'), 
	url('../font/Eulyoo1945-SemiBold.woff2')  format('woff2'); 
	;}
	@font-face {
		font-family: 'Pretendard Variable';
		font-weight: 45 920;
		font-style: normal;
		font-display: swap;
		src: url('../font/PretendardVariable.woff2') format('woff2-variations');
	}
	@font-face {font-family:'sigs'; font-weight:normal; font-style: normal; font-display: swap; src:url('../font/SIGS-Regular.woff2?ver2026') format('woff-variations'); }
html, body {min-width:1020px;font-family:'Pretendard Variable','Eulyoo1945','Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', 'sans-serif';font-size: 100%; color:#333;text-underline-position: under}
:root{
	--primary:#b76fff;
	--secondary:#50cdab;
	--lightgray:#d8d8d8;
}
/* admin */
body.admin-bar #wrap:not(.main) #header {top: 32px;}
body.admin-bar #wrap:not(.main) .nav_wrap {top: 160px;}
html[style*='margin-top: 32px'] #wrap:not(.main) .nav_wrap {top: 160px;}

#wrap {display: flex;flex-direction: column;min-height: 100vh;}
.display-none {display:none !important;}
.sub-display-none > ul {display:none !important;}
#seoul-common-header {height:47px;background-color:#fff;}
#seoul-gnb-plugin{border-bottom: 1px solid #dedede !important;}
#header {position:fixed;z-index:15;width:100%;height:128px;background-color:#fff;}
#header .holder {position:relative;display:flex;align-items:center;justify-content:space-between;width:1000px;height:80px;margin:0 auto;}
#header .holder > div {overflow:hidden;height:32px;}
#header iframe {position:relative;top:-3px;width:100%;height:32px;margin:0;padding:0;border:0;}
#header .holder .sns {display:flex;gap:10px}
#header .holder .sns img {width:44px;height:44px;}


.nav_wrap {position:fixed;z-index:7;top:128px;display:block;width:100%;background:#fff;border-top:1px solid #f1efd9;}
#navigation {position:relative;z-index:10;height:90px;}
#navigation .holder {position:absolute;top:0;right:0;left:0;overflow:hidden;height:90px;background:#fff;}
#navigation .holder.active {overflow:visible;box-shadow: 0 4px 5px rgba(0,0,0,.1);}
#navigation .holder:after {position:absolute;z-index:7;top:0px;right:0;left:0;height:89px;content:' ';border-bottom:1px solid #f1efd9;}
#navigation .holder.active:after{background:#fefdf8;}
#navigation .holder a {cursor:pointer;text-decoration:none;}
#navigation .holder > p {position:absolute;z-index:8;top:91px;left:50%;width:1000px;margin-left:-500px;}
#navigation .holder > ul {position:relative;z-index:9;display:flex;overflow:visible;width:1000px;margin:0 auto;justify-content:space-between;box-sizing: border-box;}
#navigation .holder > ul > li {position:relative;z-index:5;float:left;width:140px;margin-bottom:1px;}
#navigation .holder > ul > li > a {display:flex;align-items:center;justify-content:flex-start;padding-left:24px;box-sizing:content-box;height:90px;font-size:22px;font-weight:700;color:#000;}
#navigation .holder > ul > li > a span {line-height: 1;} 
#navigation .holder > ul > li.on > a span,
#navigation .holder > ul > li > a:hover span{position: relative;color:var(--primary);font-weight: 700;transition: .3s ease;}
#navigation .holder > ul > li.on > a span:before, 
/* #navigation .holder > ul > li > a:before, #navigation .holder > ul > li > a:before{content:" ";display:block;position:absolute;top: 90px;width:100%;height:76px;background:#fff;z-index: -1;border-radius: 10px 10px 0 0;} */
/* #navigation .holder > ul > li.on > a:before, #navigation .holder > ul > li > a:hover:before{content:" ";display:block;position:absolute;top: 14px;width:100%;height:76px;background:#fff;z-index: -1;border-radius: 10px 10px 0 0;	transition: .3s ease;} */
#navigation .holder > ul > li  li a:hover{color:var(--primary); font-weight: 700; text-decoration: underline;	text-underline-position: under;white-space: nowrap;}
#navigation .holder > ul > li > ul > li > a:hover span{padding:0 4px; margin-left:-4px; border-bottom: 1px solid var(--primary);}
#navigation .holder > ul > li > ul > li > a:hover span:before { content: ''; position: absolute; left: -20px; background:url(../images/ico/ico-gnb.png?2026) center no-repeat; width:11px; height:8px;top:calc(50% - 4px);}
#navigation #menu-item-29786 {width:155px;min-width:155px;padding-left:19px; box-sizing: border-box;} /* 자료실 */
#navigation #menu-item-29874 .sub-menu, #navigation #menu-item-29874.depth3:after {display: none;} /* 지난행사 3dep */
#navigation .holder > ul > li > ul{padding: 22px 0 32px 24px;	letter-spacing: -.03em;}
#navigation .menu-item-29820 {display: none !important;}  /* 정원산업전3depth */
#navigation .menu-item-33272 ul {display: none !important;}  /* 작품정원 3depth */
#navigation .menu-item-33271 ul {display: none !important;}  /* 동향정원 3depth */
#navigation .menu-item-33245 ul {display: none !important;}  /* 정원문화프로그램 3depth */
#navigation .menu-item-33380 ul {display: none !important;}  /* 지난행사 3depth */
/* 1depth english */
.nav_wrap #navigation #menu-item-34889, .nav_wrap #navigation #menu-item-38476 {width:160px !important;}
.nav_wrap #navigation #menu-item-34889 > a, .nav_wrap #navigation #menu-item-38476 > a {justify-content:center; padding:0;background:#fffbe9;}

/* 정원산업전 넓이 수정 2026-04-14 */
#navigation .holder > ul > li#menu-item-33224 {width: 160px}


/* 
.nav_wrap #navigation #menu-item-34889 > a:hover, .nav_wrap #navigation #menu-item-34889.on > a{background-color: #50cdaa;}
.nav_wrap #navigation #menu-item-34889 > a:hover > span, .nav_wrap #navigation #menu-item-34889.on > a >span{color:#fff;}
.nav_wrap #navigation #menu-item-34889 > a > span {display:inline-flex;}
.nav_wrap #navigation #menu-item-34889 > a > span:after {width:26px;height:26px;margin-left:8px;content:'';background:url(../images/ico/ico-menu-eng.png) bottom no-repeat;}
.nav_wrap #navigation #menu-item-34889 > a:hover > span:after, .nav_wrap #navigation #menu-item-34889.on > a >span:after {width:26px;height:26px;margin-left:8px;content:'';background:url(../images/ico/ico-menu-eng-open.png) bottom no-repeat;} */

#navigation .holder > ul > li > ul > li {position:relative;z-index:3;padding:8px 0;font-size:16px;line-height: 1;}
#navigation .holder > ul > li > ul > li.depth3 {z-index:7;}
/* #navigation .holder > ul > li > ul > li.depth3:after {content:" "; display:block; position:absolute; top:9px; right:30px; width:11px; height:11px; background:url(../images/ico/ico-sprite-navigation.png) -17px -56px no-repeat;} */
#navigation .holder > ul > li > ul > li > a {display:block; line-height: 1; color:#000;font-weight: 500;}
#navigation #menu-item-29774 a, li#menu-item-31788 a, li#menu-item-31787 a {margin-bottom:7px;}
/* #navigation .holder > ul > li > ul > li > ul {position:absolute;z-index:7;top:-3px;left: 84px;width:0;height:0;overflow:hidden;background:#fff;font-size:12px;font-size:0.857rem;white-space:nowrap;} */
#navigation .holder > ul > li > ul > li > ul {font-size:15px;white-space:nowrap;margin-top: 8px ;}
/* #navigation .holder > ul > li > ul > li > ul:before {content:" "; position:absolute; top:11px; left:5px; width:11px; height:11px; background:url(../images/ico/ico-sprite-navigation.png) 0 -56px no-repeat;} */
#navigation .holder > ul > li > ul > li > ul > li {padding:6px 0 6px 10px;  line-height: 1; position: relative;}
#navigation .holder > ul > li > ul > li > ul > li a{color: #000;}
#navigation .holder > ul > li > ul > li > ul > li span:before{content:"-"; display:inline-block; position:absolute; left:0; line-height: inherit; color:inherit;}

#container {position:relative;z-index:5;padding-bottom:50px;border-bottom:1px solid #cacaca;margin-top:219px;}

/*pagination*/
.page-control {text-align:center;}
.pagination {display:inline-block;overflow:hidden;margin:20px 0 0 0;}
.pagination:after {display:block;clear:both; content:'';}
.pagination li {display:block;float:left;margin-left:6px !important;}
.pagination li a {display:block;box-sizing:border-box;width:34px;height:34px;margin-left:6px; /*padding: 13px;*/line-height:31px;border:1px solid #ccc;}
.pagination li.active a {font-weight:700;color:#fff;border-color:#333;background:#333;} /*0827*/
.pagination li.active a:hover, .pagination li.active a:active, .pagination li.active a:focus {color:#333;border-color:#333;background:none;}
.pagination li a:hover, .pagination li a:active, .pagination li a:focus {background:none;}
.pagination li[class^='btn-'] a {margin-left:0;border:1px solid #ccc;border-radius:0;background:none/* url("https://www.seoul.go.kr/res_newseoul/images/btn_pagination.png") no-repeat; background-size: 120px 30px*/ ;}
.pagination li.btn-first a {margin-left:0;background-position:4px;}
.pagination li.btn-prev a {margin-right:10px;background-position:-26px 4px;}
.pagination li.btn-next a {margin-left:10px;background-position:-54px 4px;}
.pagination li.btn-last a {background-position:-85px 4px;}

#footer {display:block;width:100%;padding:0 ;background:#000;}
#footer .holder {display:flex;width:1000px;margin:0 auto;padding:22px 0 24px;font-size:12px;font-size:.857rem;}
#footer .holder div {display:flex;flex-direction:column;justify-content:space-around;margin-left:20px;}
#footer * {font-weight:normal;color:#fff;font-family: 'Nanum Gothic';}
#footer dl {display:inline-flex;overflow:hidden;}
#footer dl dd:not(:last-child) {position:relative;margin-right:15px;gap:15px;align-items: center;display: inline-flex;}
#footer dl dd:not(:last-child):after {width:4px;height:4px;content:'';background-color:#fff;border-radius: 100%;}
#footer dl dt + dd a {color:#80e0c6;font-weight: bold;}
#footer address {margin-top:5px;letter-spacing:-.3px;}

/* pc */
#navigation .holder > ul > li > ul > .menu-item-16617.depth3::after, #navigation .holder > ul > li > ul > .menu-item-16605.depth3::after, #navigation .holder > ul > li > ul > .menu-item-17648.depth3::after {background:transparent;}
li#menu-item-16617 ul, li#menu-item-16605 ul, li#menu-item-17648 ul {display:none;}


.btn-top {position:fixed;z-index:10;bottom:-100px;left:50%;display:flex;width:63px;height:63px;margin-left:600px;font-size:0;transition:1s;opacity:0;border-radius:100%;background: #29bd95; align-items: center; justify-content: center;padding-bottom: 3px;}
.btn-top.show {bottom:75px;opacity:1;}


@media screen and (max-width: 1128px) {.btn-top {right:20px;left:unset;margin-left:0;}}


/* 사이트맵 새창열기 */
#navigation .holder > ul  li a[target="_blank"] span, .lst-sitemap  li a[target="_blank"] span{display:flex;align-items: baseline; overflow:visible;font-weight: inherit;}
#navigation .holder > ul  li a[target="_blank"] span:after, .lst-sitemap  li a[target="_blank"] span:after {margin-left:5px;width: 13px;height: 13px;background: url(../images/ico/ico-blank.png) center no-repeat;content: '';}

i.ico.ico-first {width: 38px;height: 22px;margin-left: 5px;content:'';background:url(../images/ico/ico-new.png) center no-repeat;font-size: 0;display: inline-block;vertical-align: middle;line-height: 1;margin-top: -5px;min-width: 34px;}

/* 메뉴 추가 및 너비수정 */
li#menu-item-29776 {width:188px;} /* 정원산업전*/
li#menu-item-29786 {width:145px;} /*자료실*/
li#menu-item-31790 {width:182px !important;} /*대한민국 정원박람회*/
li#menu-item-31790 > a {justify-content:center !important;width:100%;text-align:center;background:#fff0cd url(../images/main/menu-bg.png) right top;}
li#menu-item-31790 > a span {line-height:1.2 !important;}
#navigation .holder > ul > li#menu-item-31790.on > a span:before, #navigation .holder > ul > li#menu-item-31790 > a:hover span:before {top:0;
left:calc(50% - 53px);}

/* 번역 */
.traslate-wrap {/*display:none;*/ position:relative; height:44px !important;margin:0 30px 0 auto;}
.traslate-wrap:after {position:absolute;top:calc(50% - 6px);right:10px;display:block;width:0;height:0; content:'';border-top:9px solid #555;border-right:7px solid transparent;border-left:7px solid transparent;z-index:-1;}
.traslate-wrap select {position:relative;box-sizing:border-box;height:36px;margin-left:10px;padding-right:30px; padding-left:5px;appearance:none;background:transparent;}