@font-face {
font-family: 'NanumSquare';
font-weight: 400;
src: url('../fonts/nanumsquare/NanumSquareR.eot');
src: local('☺'),
	 url('../fonts/nanumsquare/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/nanumsquare/NanumSquareR.woff') format('woff'),
	 url('../fonts/nanumsquare/NanumSquareR.ttf') format('truetype');
}
@font-face {
font-family: 'NanumSquare';
font-weight: 700;
src: url('../fonts/nanumsquare/NanumSquareB.eot');
src: local('☺'),
	 url('../fonts/nanumsquare/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/nanumsquare/NanumSquareB.woff') format('woff'),
	 url('../fonts/nanumsquare/NanumSquareB.ttf') format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src:url('../fonts/notosans/NotoSansKR-Regular.eot');/* IE9 Compat Modes */
	src:local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
		 url('../fonts/notosans/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/notosans/NotoSansKR-Regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/notosans/NotoSansKR-Regular.woff') format('woff'), /* Modern Browsers */
}
@font-face {
	font-family: 'Jalnan';
	font-style: normal;
	font-weight: 400;
	src:url('../fonts/JalnanOTF.otf');/* IE9 Compat Modes */
	src:url('../fonts/JalnanOTF.otf?#iefix') format('opentype'), /* IE6-IE8 */
		 url('../fonts/Jalnan.ttf') format('ttf'),
		 url('../fonts/JalnanOTF00.woff') format('woff'), /* Modern Browsers */
}
body {min-width:1020px;}

/* common seoul  */

#header {/* height:30px; */ border-bottom:1px solid #e0e0e0;z-index:1001;}
#header .holder {position:relative; z-index:1001; /* *zoom:1; */}
#header .holder:after {content: " "; display:block; height:0; visibility:hidden; clear:both;}
#header .seoul-news-wrap {margin-top:-4px; float:left; height:30px; overflow:hidden;}
#header h1 {position:absolute; z-index:150; top:20px; left:0;}
#header h1 a {display: block;}
#header #menu {float:right;}
#header #menu ul, #header #menu li, #header #menu form {float:left;}
#header #menu ul {margin:3px 13px 0 0;}

#header #menu form {margin-top:5px;}
#header #menu form input {float:left; width:160px; height:20px; border:1px solid #cdcdcd; border-right:0; line-height:19px;}
#header #menu form button {width:25px; height:22px; background:url(../images/btn/btn-global-search.gif) center center no-repeat;}

/* header */
/*
#header {background:url(../images/bg/bg-header-line.gif) left bottom repeat-x;}
#header #menu ul, #header #menu li, #header #menu form {float:left;}
#header #menu ul {margin:2px 19px 0 0;}
#header #menu li {position:relative; margin-right:13px; padding-right:14px;}
#header #menu li:after {content:" "; position:absolute; top:50%; right:0; margin-top:-4px; width:1px; height:13px; background:#cdcdcd;}
#header #menu li:nth-last-child(1) {margin:0; padding:0;}
#header #menu li:nth-last-child(1):after {display:none;}
#header #menu form input {float:left; width:160px; height:25px; border:1px solid #cdcdcd; line-height:25px;}
#header #menu form button {width:35px; height:27px; background:url(../images/btn/btn-global-search.gif) no-repeat;}
*/
/* navigation */
#navigation {position:relative; z-index:1000;}
#navigation .nav-border {
    background: #fff;
    box-shadow: 4px 4px 5px rgb(0 0 0 / 7%);
    -webkit-box-shadow: 4px 4px 5px rgb(0 0 0 / 7%);
}
#navigation .nav-border:after {content: " "; display:block; height:0; visibility:hidden; clear:both;}
#navigation .nav-list {float:left; margin-left:175px;}
#navigation .nav-list > li {float:left; padding: 33px 0;position: relative;}
#navigation .nav-list > li > a {display:block; height:18px; margin:0 76px 0 0;overflow:hidden; background-image:url(../images/txt/txt-sprite-navigation-2019.png); background-repeat:no-repeat; text-indent:-9999px;}
#navigation .nav-list > li > a span {display: block;width: 100%;height: 100%;}
#navigation .nav-list > li > a.nav-depth1-1 {width:100px;margin-right: 50px;}
#navigation .nav-list > li > a.nav-depth1-2 {width:100px;margin-right: 50px; background-position:0 -60px;}
#navigation .nav-list > li > a.nav-depth1-3 {width:64px; background-position:0 -120px;}
#navigation .nav-list > li > a.nav-depth1-4 {width:63px; background-position:0 -180px;}
#navigation .nav-list > li.on > a.nav-depth1-1 {background-position:0 -30px;}
#navigation .nav-list > li.on > a.nav-depth1-2 {background-position:0 -90px;}
#navigation .nav-list > li.on > a.nav-depth1-3 {background-position:0 -150px;}
#navigation .nav-list > li.on > a.nav-depth1-4 {background-position:0 -210px;}
#navigation .nav-list > li > ul {display: none;position: absolute;width: 100%;margin-top: 33px;border-top: 2px solid #e1e1e1;z-index: 101}
#navigation .nav-list > li > ul li {text-align: }
/* #navigation .nav-list > li.on > ul {height:47px;}1 */

#navigation .nav-list > li > ul li {padding-top:5px; margin:0;}
#navigation .nav-list > li > ul li a {display:block; padding:0; height:31px; line-height:31px;}
#navigation .nav-list > li > ul li a:hover {color:/*#0066b3*/#e23513 ;}
#navigation .nav-background {position: absolute;top: 83px;left: 0;width: 100%;height:0; background:#fff url(../images/bg/bg_navigation.png) repeat-x 0 100%;z-index: 99}

/* navigation + sns 20210525*/
#navigation {top: 0px;}
#navigation .nav-background.on,#navigation .nav-background.clicked{background:#fff; }
#navigation .nav-list{margin-left:226px;}
#navigation .nav-list > li > ul {margin-top:13px;}
#navigation .nav-list > li{padding:30px 0;}
#navigation .nav-list > li > ul li{padding-top:0;}
#navigation .nav-list > li > ul li:first-child{padding-top:16px;}
#navigation .nav-list > li > ul li a{line-height:1.3; height:30px;}
#navigation .nav-list > li > a{overflow:initial; text-indent: 0 !important; background-image:none; height:24px; width:auto !important; font-size:1.2em; letter-spacing: -0.05em; color:#222; font-weight:bold;}
#navigation .nav-list > li > a.nav-depth1-1,
#navigation .nav-list > li > a.nav-depth1-2{margin-right:60px;}
#navigation .nav-list.on > li.active > a{color:#222; font-weight:bold;}
#navigation .nav-list.on > li.active.on > a{color:#e23513  !important;}
#navigation .social-links{position:absolute; top:25px; right:45px; width:auto;}
#navigation .social-links dd{float:left;}
#navigation .social-links dd + dd{margin-left:10px;} 
#navigation .social-links a{display: inline-block; width: 36px; height: 36px; overflow: hidden; background:transparent url(../images/ico/icon-head-hover-2023.png) no-repeat 0 0; text-indent: -9999em;}
#navigation .social-links .youtube a{background-position-x: -46px;}
#navigation .social-links .instar a{background-position-x: -92px;}

/* footer */

/* main */
.social-holder {overflow: hidden;width: 1000px;margin: 0 auto 70px;}
.social-holder .maps {float: left;width: 780px;position: relative;}
.social-holder .maps a {display: block;width: 100%;height: 50px;line-height: 50px;padding-left: 80px;border: 1px solid #ddd;border-radius: 20px;font-size: 16px;color: #333;box-sizing: border-box}
.social-holder .maps a strong {color: #111;}
.social-holder .maps a strong span {color: #0065b2}
.main-icon.main-icon-map {display: inline-block;background: url(../images/ico/ico-sprite-main-2019.png) no-repeat -210px -60px;position: absolute;top: -19px;left: 11px;width: 70px;height: 70px;}

.social-holder .social-links{float: right;width: 140px;overflow: hidden;}
.social-holder .link-site {}
.social-holder .link-site {width: 100%;}
.social-holder .link-site dd {float: left;margin:5px 0 0 5px;}
.social-holder .link-site a {display:inline-block; width:40px; height:40px; overflow:hidden; background-image:url(../images/ico/ico-sprite-main.png); background-repeat:no-repeat;text-indent: -9999em}
.social-holder .link-site .map a {background-position: -320px -120px;}
.social-holder .link-site .blog a {background-position: -240px -80px;}
.social-holder .link-site .twit a {background-position: -280px -80px;}
.social-holder .link-site .face a {background-position: -320px -80px;}
.social-holder .link-site .kakaoP a {background-position: -280px -120px;}
.social-holder .link-site .instar a {background-image: url(../images/ico/ico_instagram.png);}




/* sub social-holder 20230608*/
#sec-main-service {display: flex;justify-content: space-between;}
#sec-main-service ul {width: 74.5%}
#sec-main-service .links-sites {width: 24.5%}
#sec-main-service ul li{float:none; margin:40px auto;}
#sec-main-service ul li:last-child a{background:#aa584a;}
#sec-main-service ul li a i{float:left; margin:0; width:54px; height:48px; margin:15px 0 0 49px;}
#sec-main-service ul li a .main-icon{background:url(../images/ico/icon-main-2023-1.png) no-repeat -68px 0;}
#sec-main-service ul li a .main-icon-svr1{width:71px; height:56px; background-position: 0 -271px; margin-left:57px;}
#sec-main-service ul li a span{position:relative; float:left; margin-bottom:0; height: 49px; line-height: 49px; font-size:18px; letter-spacing: -0.05em; color:#fff; margin:16px 0 0 32px; font-weight:bold;}
#sec-main-service ul li:last-child a span{margin-left:39px;}



#footer .holder {width: 1000px;margin-top: 60px;padding: 52px 0 40px 230px;box-sizing: border-box;-webkit-box-sizing: border-box;}

#footer {background: #98b9d0;font-size:0.857em; line-height:1.667; color:#fff;}
#footer .holder {position:relative; padding:50px 0 52px 230px; width:1000px;}
#footer .holder .text-120 {position:absolute; top:41px; left:1px;}
#footer .holder .text-seoul {position:absolute; top:53px; right:1px;}
#footer .link-info {overflow:hidden; font-size:1.083em; color:#ddd;}
#footer .link-info dd {position:relative; float:left; padding-right:25px; margin-right:23px;}
#footer .link-info dd:after {content:" "; position:absolute; top:50%; right:0; margin-top:-6px; width:1px; height:11px; background:#fff;}
#footer .link-info dd:nth-last-child(1) {margin:0; padding:0;}
#footer .link-info dd:nth-last-child(1):after {display:none;}
#footer .link-info dd:nth-child(2) {font-weight:bold; color:#fff;}
#footer .link-info a {color:#fff;}
#footer .link-info dd:nth-child(2) a {color:#ffffff;}

#footer address {margin-top:20px;}

/* #footer .link-site {position:absolute; top:48px; right:1px;}
#footer .link-site dd {float: left;margin:0 0 0 7px;}
#footer .link-site a {display:block; width:40px; height:40px; overflow:hidden; background-image:url(../images/ico/ico-sprite-main.png); background-repeat:no-repeat;text-indent: -9999em}
#footer .link-site .map a {background-position: -320px -120px;}
#footer .link-site .blog a {background-position: -240px -80px;}
#footer .link-site .twit a {background-position: -280px -80px;}
#footer .link-site .face a {background-position: -320px -80px;} */
/* #footer .link-site .eng a {background-color:#d1902a; background-position:0 -78px;} */


#iseoul {padding:14px 0; background:#092041; text-align:center;}
/*footer 20230521*/
#footer{position:relative; background:#6a544f;}
#footer::before{position:absolute; top:-105px; content:''; width:100%; height:105px; background:url(../images/bg/bg-footer-2023-1.png) no-repeat center center; background-size:auto 105px;}
#footer::after{ content:''; position:absolute; bottom:0; right:14%; width:113px; height:75px; background: url(../images/ico/img-footer-icon.png) no-repeat -51px 0;}
#footer .holder{margin-top:0; padding: 11px 0 26px 230px;}
#footer .holder .text-120 {top: 28px;}
#footer .holder .text-seoul {top: 34px;}
#footer .link-info dd:nth-child(4){padding-right:0; margin-right:30px;}
#footer .link-info dd:nth-child(4):after{display: none;}
#footer .holder .select{background:#fff; padding-left:4px !important; border-radius:20px 20px 20px 20px;}
#footer .holder .select #lang-select{color:#808080; background:#fff; border:0; margin-left:2px;}
#footer .holder .select button{background:#b4796b; color:#fff; padding:0 7px 0 9px; border-radius:20px 20px 20px 20px; margin-right:-2px;}

/*top button*/
.top-button-inner{width:1020px; position:fixed; z-index:200; bottom:187px; left:50%; transform:translateX(-50%);}
/* content container */
#container {margin-bottom:80px; /* *zoom:1; */}
#container:after {content: " "; display:block; height:0; visibility:hidden; clear:both;}
.page-template-2019-main #container {margin-bottom: 0;}

/* new select css */
.menu-side-wrap {position: absolute;top: 0;left: 50%;margin-left: -500px;width: 1000px;}
.menu-side-wrap * {box-sizing: border-box}
.menu-side .select {position: absolute;top: 28px;right: 45px;overflow: hidden;width: 140px;border-radius: 50px;border-radius: 50px;}
.menu-side .select span {position:relative; z-index:3; float:left; width:110px; overflow:hidden; background:#f6f6f6;}
.menu-side .select span:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 7px;
    margin-top: -5.5px;
    width: 13px;
    height: 13px;
    background: url(../images/ico/search-icon.png) no-repeat;
}
.menu-side .select span:after {content:" "; position:absolute; z-index:1; top:50%; right:10px; margin-top:-4px; width:14px; height:8px; background:url(../images/ico/ico-footer-selector-arrow.png) no-repeat;}
.menu-side .select select {float:left; position:relative; z-index:2; width:127%; height:30px; border:0; background:transparent; color:#222;cursor: pointer;outline: none;padding-left: 23px;letter-spacing: -0.075rem;}
.menu-side .select button {
    float: right;
    width: 30px;
    height: 30px;
    background: #ececec;
    color: #777;
    font: 12px "맑은 고딕", "Malgun Gothic", "dotum", "돋움", "gulim", "굴림", "sans-serif";
}

/* search */
#btn-top-search-open {position: absolute;top: 28px;right: 150px;width: 50px;height: 30px;background: #0066b3 url(../images/ico/ico-zoom.png) no-repeat 50% 50%;border-radius: 13px;}


.top-search {display: none;position: absolute; top: 125px;right: 195px;z-index: 102;width: 595px;height: 50px;background: #fff;border: 3px solid #0581de}
.top-search input[type="text"] {width: 530px;height: 32px;margin-top: 6px;padding: 4px 30px 4px 10px;background: #fff;border-right: 2px solid #e2e2e2;}
.top-search #btn-top-search {background: #fff url(../images/ico/ico_zoomin.png) no-repeat 50% 50%;width: 50px;height: 30px;margin-top: 5px;border-radius: 13px;}
.top-search .btn-top-search-close {position: absolute; top: -40px;right: -195px;z-index: 15;width: 16px;height: 15px;background: transparent url(../images/ico/ico-search-close.png) no-repeat 0 0;border: 0;}

::-webkit-input-placeholder { color:#747474;font-size: 12px;}
::-moz-placeholder { color:#747474;font-size: 12px;} /* firefox 19+ */
:-ms-input-placeholder { color:#747474;font-size: 12px;} /* ie */
input:-moz-placeholder { color:#747474;font-size: 12px;}
.title-ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.snsUL > li {height: 36px} /* 2017-05-22 */
.faqpaging > a {display: block;margin: 10px 0;padding: 15px 0;border: 1px solid #ccc;text-align: center}

/*search 20230525*/
#btn-top-search-open{top:25px; right:0; width: 36px; height: 36px; border-radius: 0; background:transparent url(../images/ico/search-icon2.png) no-repeat;}
.top-search{width:526px; height:46px; border-color:#0c71b9;}
.top-search input[type="text"] {width: 464px; height: 34px; margin-top:2px; border-right:0;}
.top-search #btn-top-search{position:absolute; right:0; background: #0c71b9; width: 62px; height: 41px; border-radius: 0; margin-top:0;}
.top-search #btn-top-search > span{position:absolute; top:6px; right:14px; width:27px; height:27px; background:url(../images/ico/icon-head-2023.png) no-repeat -175px -7px;}
.top-search .btn-top-search-close {position: absolute; top: -20px; right: -30px; width: 12px; height: 12px; background: transparent url(../images/ico/icon-head-2023.png) no-repeat -205px 0; border: 0;}

/* 동영상 */
.video-container {position: relative;padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*220331*/
#navigation #hangang2023.holder{display:flex; align-items: center;}
#navigation h1 > a {display:block; width:184px; height:40px; background:url(/festa/wp-content/themes/seoul_festa/page-templates/project/2023/assets/images/ico/img-head-logo-hover.png) no-repeat; position:relative;}
#navigation h1 > a > span{position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
#navigation .nav-list {font-family: 'NanumSquare', sans-serif;}
#navigation #hangang2023 .nav-list{margin-left:0; /*width: 518px; */width: 618px; display: flex; justify-content: space-between; margin: 0 63px 0px;}
#navigation #hangang2023 .nav-list > li > a.nav-depth1-1, #navigation .nav-list > li > a.nav-depth1-2{margin-right: 0;}
#navigation #hangang2023 .nav-list > li > a{margin:0; font-size:1.125rem;}
#navigation #hangang2023 .nav-list > li > ul{border-top:0; margin-top:30px; padding-top:20px;}
#navigation #hangang2023 .nav-list > li > ul li:first-child{padding-top:0;}
#navigation #hangang2023 .nav-list > li > ul li + li{margin-top:16px;}
#navigation #hangang2023 .nav-list > li > ul li a{font-weight:400; font-size: 0.945rem; letter-spacing: -0.045rem; color:#222; line-height:1.5; height:auto;white-space: nowrap;}
#navigation #hangang2023 .nav-list > li > ul li a:hover {color:#5587e2; font-weight: bold;text-decoration: underline;}
#navigation #hangang2023 .nav-list.on > li.active.on > a{color:#097ed9 !important; position:relative; font-weight: bold;}
#navigation .nav-background.on, #navigation .nav-background.clicked{background:#f1f4fa !important; box-shadow: 4px 4px 5px rgb(0 0 0 / 13%) !important; -webkit-box-shadow: 4px 4px 5px rgb(0 0 0 / 13%) !important;}
.social-holder #sec-main-service ul{display:flex; justify-content: space-between;}
.social-holder #sec-main-service ul li{margin:0;}
.social-holder #sec-main-service ul li:last-child{margin:0;}
.social-holder #sec-main-service ul li a{height:auto; display:flex; justify-content: center; background:transparent; border-radius: 10px; border: 1px solid #e7e7e7;}
.social-holder #sec-main-service ul li:last-child a{background:transparent;}
.social-holder #sec-main-service ul li[class^="footer-btn"] a span{
	display: inline-block;
    float: none;
    height: auto;
    line-height: 1.5;
    margin: 0;
    color: #666;
    font-size: 17px;
    padding: 20px 30px 20px 50px;
    letter-spacing: -0.075rem;
}
.social-holder #sec-main-service ul li[class^="footer-btn"] a span:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 6px;
    width: 37px;
    height: 37px;
    background: url(/festa/wp-content/themes/seoul_festa/page-templates/project/2023/assets/images/ico/ico_main_footer1.png) no-repeat;
	background-size: 100%;
}
.social-holder #sec-main-service ul li.footer-btn2 a span:before {
    background: url(/festa/wp-content/themes/seoul_festa/page-templates/project/2023/assets/images/ico/ico_main_footer2.png) no-repeat;
    top: 53%;
	background-size: 100%;
	left: 9px;
}
.social-holder #sec-main-service ul li.footer-btn3 a span:before {
    background: url(/festa/wp-content/themes/seoul_festa/page-templates/project/2023/assets/images/ico/ico_main_footer3.png) no-repeat;
    top: 53%;
	background-size: 100%;
	left: 9px;
}
.social-holder #sec-main-service ul li[class^="footer-btn"] a span:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 54%;
    transform: translateY(-52.5%);
    width: 9px;
    height: 16px;
    background: url(../images/ico/ico_main_footer0.png) no-repeat;
}
.social-holder #sec-main-service ul li a span em{color:#006dbb;}
.social-holder #sec-main-service ul li:last-child a span em{color:#3e69d7;}

#sec-main-service {display: flex;justify-content: space-between;}
#sec-main-service ul {width: 73.5%}
#sec-main-service .link-sites {
    width: 24.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 0 0;
    background: #f8f9f9;
    border-radius: 10px;
}
#sec-main-service .link-sites a{position: relative;display: inline-block; padding: 43px 8px 0;color: #494949;overflow: hidden;font-size: 12px;}
#sec-main-service .link-sites a:before {content: '';position: absolute;top: 3px;left: 50%;width: 40px; height: 36px;background:transparent url(../images/ico/icon-head-hover-2023.png) no-repeat 0 0;transform: translateX(-50%)}
#sec-main-service .link-sites .face a {border-right: 0}
#sec-main-service .link-sites .youtube a {padding: 43px 20px 0}
#sec-main-service .link-sites .youtube a:before{background-position-x: -46px;}
#sec-main-service .link-sites .instar a:before{background-position-x: -92px;}



/*footer*/
.top-button-inner{bottom:154px;}
.top-button{
	width: 51px;
    height: 52px;
    background: url(../images/ico/icon-top.png) no-repeat;
    right: -6.4%;
    transform: translateX(-6.4%);
    position: absolute;
    z-index: 50;
}
#footer{background:#333;}
#footer:before,#footer:after{display:none;}
#footer .holder{padding:32px 0 32px 218px;}
#footer address{margin-top:20px;}
#footer .holder .text-seoul{max-width:218px; display:flex; flex-direction: row;}
#footer .holder .text-seoul a{position:relative;}
#footer .holder .text-seoul a img{padding-right:0px;}
/* #footer .holder .text-seoul a:after{position:absolute; top:3px; right:0; width:1px; height:14px; background:#535353; content:'';} */
#footer .holder .text-seoul a + span{margin-left:23px;}