@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');
	}
	
html, body {min-width:1020px;font-family:'Pretendard Variable','Eulyoo1945','Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', 'sans-serif';font-size: 100%;}

/* admin */
body.admin-bar #wrap:not(.main) #header {top: 32px;}
body.admin-bar #wrap:not(.main) .nav_wrap {top: 160px;}

#wrap {display: flex;flex-direction: column;min-height: 100vh;}
.display-none {display:none !important;}
#seoul-common-header {height:48px;background-color:#fff;}
#header {position:fixed;z-index:15;width:100%;height:128px;background-color:#f8496c;}
#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;}
#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:90px;content:' ';background:#fff9f4;}
#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;min-width:164px;margin-bottom:1px;}
#navigation .holder > ul > li > a {display:flex;align-items:center;justify-content:flex-start;box-sizing:content-box;height:90px;font-size:22px;font-weight:700;color:#461525;}
#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:#f8496c;font-weight: 700;}
#navigation .holder > ul > li.on > a span:before, #navigation .holder > ul > li > a:hover span:before{content:" "; display:block; position:absolute; top:-7px; left:-17px; width:12px; height:10px; background:url(../images/ico/ico-gnb.png) center no-repeat;}
#navigation .holder > ul > li  li a:hover{color:#f8496c; font-weight: 700; text-decoration: underline;	text-underline-position: under;}
#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: 17px 0 27px;}
#menu-item-31790 > ul {padding-left: 23px !important;}
#navigation .menu-item-29820 {display: none !important;}  /* 정원산업전3depth */

#navigation .holder > ul > li > ul > li {position:relative;z-index:3;padding:8px 0;font-size:16px;letter-spacing:-.05rem;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;}
#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;}
/* #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:213px;}

/*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:#362d2d;}
#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:#fffcbf;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:block;width:69px;height:70px;margin-left:600px;font-size:0;transition:1s;opacity:0;border-radius:100%;}
.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: 34px;height: 16px;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);}