/*@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: 'pretendard';
    font-weight: 500;
    src: url('../fonts/pretendard/Pretendard-Regular.otf');
    src: url('../fonts/pretendard/Pretendard-Regular.otf?#iefix') format('opentype'),
         url('../fonts/pretendard/Pretendard-Regular.woff') format('woff'),
         url('../fonts/pretendard/Pretendard-Regular.woff') format('woff2');
}
@font-face {
    font-family: 'pretendardB';
    font-weight: 500;
    src: url('../fonts/pretendard/Pretendard-Bold.otf');
    src: url('../fonts/pretendard/Pretendard-Bold.otf?#iefix') format('opentype'),
         url('../fonts/pretendard/Pretendard-Bold.woff') format('woff'),
         url('../fonts/pretendard/Pretendard-Bold.woff') format('woff2');
}
@font-face {
        font-family: 'onemobilepop';
        font-weight: 500;
        src: url('../fonts/onemobilepop/onemobilepop.otf');
        src: url('../fonts/onemobilepop/onemobilepop.otf?#iefix') format('opentype'),
             url('../fonts/onemobilepop/onemobilepop.ttf') format('ttf');
}
@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 */
}
@font-face {
    font-family: 'SeoulHangangM';
    src: url('../fonts/SeoulHangangM.woff');
    src: url('../fonts/SeoulHangangM.woff?#iefix') format('woff');
}
body {min-width:1020px;}

/* common seoul  */

#header {/* height:30px; */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;}
*/
.lang-select-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: transparent;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;
}
.lang-select-bg.on{
    display: block;
}
/* 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;font-family: 'pretendardB';}
#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:#e23513 ;} */
#navigation .nav-background {
    position: absolute;
    top: 137px;
    left: 0;
    width: 100%;
    height: 0;
    background: #fff;
    z-index: 99;
}

/* navigation + sns 20210525*/
#navigation {top: 0px;}
#navigation .nav-background.on,#navigation .nav-background.clicked{background:#fff;border-top: 1px solid #ddd;}
#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:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 4px;
    background: #222;
    transition: width .5s ease;
}
#navigation .nav-list > li:hover:after{width:100%;}
#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-2025.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: 100%;
    margin: 0 auto 30px;
}
.social-holder #sec-main-service {
    width: 1000px;
    margin: 0 auto;
}
.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 20250608*/
#sec-main-service {display: flex;justify-content: space-between;}
#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-2025-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;font-family: '맑은 고딕';}
#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:#fff;}
#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) {color:#fff;}
#footer .link-info a {color:#fff;}

#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 20250521*/
#footer{position:relative; background:#6a544f;}
#footer::before{position:absolute; top:-105px; content:''; width:100%; height:105px; background:url(../images/bg/bg-footer-2025-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;}


#navigation .sns-links {
    position: relative;
    width: 100%;
    height: 54px;
    top: auto;
    right: auto;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
#navigation .sns-links .link-site {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
}
#navigation .sns-links .link-site dd {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 39px;
    height: 54px;
}
#navigation .sns-links .link-site dd.youtube {
    left: auto;
    position: inherit;
    opacity: 1;
}
#navigation .sns-links .link-site dd.lang {
    width: 56px;
    height: 32px;
    padding: 0 40px 0 36px;
    margin-top: 10px;
    border-radius: 50px;
    color: #222;
    cursor: pointer;
    background: url(../images/ico/icon-lang2.png),#f2f2f2;
    background-repeat: no-repeat;
    background-position: 90% center;
    position: relative;
    border-right: 0;
    justify-content: flex-start;
    display: none;
}
#navigation .sns-links .link-site dd.lang.on {
    background: url(../images/ico/icon-lang3.png),#f2f2f2;
    background-repeat: no-repeat;
    background-position: 90% center;
}
#navigation .sns-links .link-site dd.lang:before {
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    background: url(../images/ico/icon-lang.png) no-repeat;
    position: absolute;
    left: 8px;
}
.instar a {
    width: 29px;
    height: 29px;
    display: block;
    background: transparent url(../images/ico/icon-head-hover-2024.png) no-repeat -74px 0;
    background-size: auto 100%;
    font-size: 0;
}
.youtube a {
    width: 29px;
    height: 29px;
    display: block;
    background: transparent url(../images/ico/icon-head-hover-2024.png) no-repeat -37px 0;
    background-size: auto 100%;
    font-size: 0;
}
.face a {
    width: 29px;
    height: 29px;
    display: block;
    background: transparent url(../images/ico/icon-head-hover-2024.png) no-repeat 0 0;
    background-size: auto 100%;
    font-size: 0;
}
.lang-slect {
    position: absolute;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    top: 49px;
    right: 0;
    display: flex;
    z-index: 1003;
    width: 132px;
    max-height: 145px;
    background: #f2f2f2;
    border-radius: 15px;
    height: 0;
    overflow: hidden;
    transition: height .5s ease;
}
.lang-slect.on{
    height: 145px;
    box-shadow: inset 0 0 0 2px #222;
}
.lang-slect li {
    display: flex;
    align-items: center;
}
.lang-slect li a {
    text-align: center;
    display: inline;
    color: #222;
    margin: 0 auto;
    position: relative;
    font-size: 16px;
}
.lang-slect li a:after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background: #222;
    transition: width .8s ease;
}
.lang-slect li a:hover{font-weight: bold;}
.lang-slect li a:hover:after{width:100%;}
/*top button*/
.top-button-inner{width:1020px; position:fixed; z-index:200; bottom:187px; left:50%; transform:translateX(-50%);}
/* content container */
#container {margin-bottom:96px; /* *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 */
.top-search {
    display: none;
    position: absolute;
    top: 120px;
    right: 50%;
    transform: translateX(50%);
    z-index: 102;
    width: 1000px;
    height: 50px;
}
.top-search fieldset {
    display: flex;
    justify-content: center;
    position: relative;
}
.top-search input[type="text"] {
    width: 530px;
    height: 64px;
    padding-left: 32px;
    background: #f2f2f2;
    color: #222;
    font-size: 18px;
    border: 2px solid #222;
    border-radius: 50px;
}
.top-search input[type="text"]::placeholder{
    font-size: 18px;
    color: #222;
    opacity: 1;
}
.top-search .btn-top-search-close {
    position: absolute;
    z-index: 15;
    top: -40px;
    right: 20px;
    width: 23px;
    height: 23px;
    background: transparent url(../images/ico/icon-close.png) no-repeat;
    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}
#btn-top-search-open {
    position: relative;
    width: 18px;
    height: 17px;
    background: url(../images/ico/icon-search.png) no-repeat;
    margin: 18px 34px;
    margin-right: 0;
}
#btn-top-search-open:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #222;
    position: absolute;
    left: -22px;
    top: 6px;
    border-radius: 5px;
}
#btn-top-search-open:after {
    content: '';
    width: 3px;
    height: 3px;
    background: #222;
    position: absolute;
    right: -22px;
    top: 6px;
    border-radius: 5px;
    display: none;
}
#navigation .nav-border.on #btn-top-search-open{background: url(../images/ico/icon-search3.png) no-repeat 50% 50%;}
.top-search #btn-top-search > span {
    position: absolute;
    top: 4px;
    right: 210px;
    width: 56px;
    height: 56px;
    background: url(../images/ico/icon-search2.png) no-repeat;
}


/* 동영상 */
.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 #hangang2025.holder{display:flex; align-items: center;margin-top: -1px;}
#navigation h1 > a {display:block; width:168px; height:40px; background:url(/festa/wp-content/themes/seoul_festa/page-templates/project/2025/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: 'pretendard', sans-serif;}
#navigation #hangang2025 .nav-list {
    margin-left: 60px;
    width: 818px;
    display: flex;
    justify-content: space-between;
    margin-left:130px;
    /* 올댓 열리면 지우기 */
}
#navigation #hangang2025 .nav-list > li > a.nav-depth1-1, #navigation .nav-list > li > a.nav-depth1-2{margin-right: 0;}
#navigation #hangang2025 .nav-list > li > a{margin:0; font-size:18px;}
#navigation #hangang2025 .nav-list > li > ul{border-top:0; margin-top:30px; padding-top:20px;}
#navigation #hangang2025 .nav-list > li > ul li:first-child{padding-top:0;}
#navigation #hangang2025 .nav-list > li > ul li + li{margin-top:16px;}
#navigation .nav-list > li#menu-item-39057>a {
    position: relative;
}
#navigation .nav-list > li#menu-item-39057:before {
    content: '';
    width: 152px;
    height: 32px;
    background: url(../images/img/icon-allthat.png) no-repeat;
    display: block;
    position: absolute;
    top: 23px;
    left: -36px;
}
#navigation #hangang2025 .nav-list > li > ul li a{font-weight:400; font-size: 16px; line-height:1.5; height:auto;display:inline;white-space: nowrap;font-family: 'pretendard';position: relative;color: #4c4c4c;}
#navigation #hangang2025 .nav-list > li > ul li a:hover{
    font-weight: bold;
    color: #222;
}
#navigation #hangang2025 .nav-list > li > ul li a:after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 2px;
    background: #222;
    transition: width .5s ease;    
}
#navigation #hangang2025 .nav-list > li > ul li a:hover:after{width:100%;}
#navigation #hangang2025 .nav-list.on > li.active.on > a{color:#222 !important; position:relative; font-weight: bold;}
#navigation .nav-background.on, #navigation .nav-background.clicked{background:#fff; 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;
    width: 100%;
    gap: 14px;
}
/* 버튼 3개일때 */

.social-holder #sec-main-service ul li {
    margin: 0;
    box-sizing: border-box;
    width: calc(100% / 3);
    text-align: center;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, .1);
}
.social-holder #sec-main-service ul li.footer-btn1:hover{border-color: #ef570b;}
.social-holder #sec-main-service ul li.footer-btn2:hover{border-color: #09bf49;}
.social-holder #sec-main-service ul li.footer-btn3:hover{border-color: #5249f5;}
.social-holder #sec-main-service ul li a {
    height: 78px;
    display: flex;
    justify-content: center;
    background: transparent;
    align-items: center;
}
.social-holder #sec-main-service ul li[class^="footer-btn"] a span {
    display: block;
    width: 100%;
    float: none;
    height: auto;
    line-height: 1.5;
    margin: 0;
    color: #222;
    font-size: 20px;
    padding: 20px;
    padding-left: 45px;
    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: 35px;
    width: 56px;
    height: 56px;
    background: url(../images/img/footer-icon-btn1.png) no-repeat;
    background-size: 100%;
}
.social-holder #sec-main-service ul li.footer-btn2 a span:before{
    background: url(../images/img/footer-icon-btn2.png) no-repeat;
    background-size: 100%;
    left: 28px;
}
.social-holder #sec-main-service ul li.footer-btn3 a span:before{
    background: url(../images/img/footer-icon-btn3.png) no-repeat;
    background-size: 100%;
    left: 18px;
}
.social-holder #sec-main-service ul li[class^="footer-btn"] a span:after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    width: 16px;
    height: 16px;
    background: url(../images/img/footer-icon-btn.png) no-repeat;
    background-size: 100%;
}
.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;}

/* 버튼 4개일때 영문&국문 */
/*
.social-holder #sec-main-service ul li {
    margin: 0;
    box-sizing: border-box;
    width: calc(100% / 4);
    text-align: center;
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    box-shadow: 2px 2px 6px 2px rgba(0, 0, 0, .1);
}
.social-holder #sec-main-service ul li.footer-btn1:hover{border-color: #ef570b;}
.social-holder #sec-main-service ul li.footer-btn2:hover{border-color: #09bf49;}
.social-holder #sec-main-service ul li.footer-btn2.footer-btn-eng:hover{border-color: #0394d8;}
.social-holder #sec-main-service ul li.footer-btn3:hover{border-color: #5249f5;}
.social-holder #sec-main-service ul li a {
    height: 112px;
    display: flex;
    justify-content: center;
    background: transparent;
    align-items: center;
}
.social-holder #sec-main-service ul li[class^="footer-btn"] a span {
    display: block;
    width: 100%;
    float: none;
    height: auto;
    line-height: 1;
    margin: 0;
    color: #222;
    font-size: 18px;
    padding: 16px;
    letter-spacing: -0.075rem;
}
.social-holder #sec-main-service ul li[class^="footer-btn"] a span:before {
    content: '';
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 10px;
    background: url(../images/img/footer-icon-btn1.png) no-repeat;
    background-size: 100%;
}
.social-holder #sec-main-service ul li.footer-btn2 a span:before{
    background: url(../images/img/footer-icon-btn2_kor.png) no-repeat;
    background-size: 100%;
}
.social-holder #sec-main-service ul li.footer-btn2.footer-btn-eng a span:before{
    background: url(../images/img/footer-icon-btn2_eng.png) no-repeat;
    background-size: 100%;
}
.social-holder #sec-main-service ul li.footer-btn3 a span:before{
    background: url(../images/img/footer-icon-btn3.png) no-repeat;
    background-size: 100%;
}
.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 .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-2025.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:188px;}
.top-button {
    width: 60px;
    height: 60px;
    background: url(../images/ico/icon-top.png) no-repeat;
    right: -6.4%;
    transform: translateX(15%);
    position: absolute;
    z-index: 50;
    border-radius: 100px;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .3);
}
#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;}