@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

:root{
--main-color:#4F6EB1; /*파랑*/
--sub-color1:#354859; /*남색*/
--sub-color2:#74A5CD; /*옅은파랑*/
--basic-color:#FEB835; /*노랑*/
--bg-color1:#4F6EB1; /*짙은파랑bg*/
--bg-color2:#93B9D8; /*옅은파랑bg*/
--btn-bg:#476478; /*버튼 회색*/
--basic-bg:#f6f6f6;
--basic-border: #e4e4e4;
}

/* Layout */
body {min-width:320px;font-family:"pretendard";font-weight:300;color:#121314;letter-spacing:-0.5px;line-height:1.4;}
#wrap{overflow-x:hidden;}
h1, h2, h3, h4, h5, h6 {position:relative;background:transparent;line-height:1.25;}
h1 {margin:0 0 30px 0;padding:0;font-size:32px;color:#000;letter-spacing:-2px;text-align:center;font-weight:600}
h2 {margin:40px 0 20px 0;padding:0;font-size:28px;color:#294361;letter-spacing:-1px;font-weight:600}
h3 {margin:30px 0 15px 0;padding:0;font-size:25px;color:#354859;}
h4 {margin:20px 0;padding:0;font-size:22px;color:#4f6eb1;}
h5 {margin:15px 0 5px 0;padding:10px 15px;font-size:16px;color:#555555;background:#f5f5f5;}
h6 {margin:10px 0 5px 0;padding:0;font-size:13px;text-decoration:underline;color:#003399;}
h4:before {content:"";display:inline-block;width:15px;height:15px;margin-right:10px;border-radius:50%;transform:skew(-40deg);vertical-align:inherit;background:#4F6EB1;}
.under{height:500px;}
::selection	{background-color:#6D8598;color:#fff}
.container	{position:relative;}
.container:after,
.container:before{content:"";clear:both;display:block;float:none;}
.d_width	{position:relative;width:1400px;margin:0 auto;transition:all 0.2s ease-out;}
#main-visual .d_width,
.main-container .d_width{width:1600px;}
.row-title{display:flex;justify-content:space-between;align-items:center;flex-flow:wrap}
.btn-d.btn-main {background:#4F6EB1;border-color:#4F6EB1;}
.btn-blue {background-color:#354859;border-color:#4F6EB1;}
.btn-navy {background-color:#476478;border-color:#476478;}
div.t1 table tbody th {border-left:0;}
ul.po li .tit {width:120px;color:#74A5CD;display:inline-block;}
ul.po li .tit:before {content:"";display:inline-block;width:3px;height:16px;margin-right:20px;background-color:#93B9D8;transform:rotate(50deg);}
/* .wow[class*="fade"]{visibility:hidden;} */

#wrap	{position:relative;padding:100px 0 0;margin:0;background:#fff;}
#header		{position:fixed;left:0;top:0;width:100%;height:100px;background:#fff;z-index:99;transition: all .2s ease-out;}
#header .d_width{width:1820px;display:flex;justify-content:space-between;align-items:center;}
#logo{padding-right:30px;}
#logo a{line-height:100px;display:block;}
#logo a img{height:40px;display:block;}

#header.fix			{position:fixed;box-shadow:0 10px 15px rgba(0,0,0,0.2);}
#mo-login {display:none;}
#mobile-navicon				{display:none;}

#gnb{width:calc(100% - 700px);}
#gnb #menu a	{display:block;}
#gnb #menu .depth1{display:flex;}
#gnb #menu .depth1 > li{position:relative;margin:10px 16px;}
#gnb #menu .depth1 > li > a{line-height:80px;font-size:20px;font-weight:500;padding:0 5px;}
#gnb #menu .depth1 > li > a > span{padding:2.5px 5px;}
/* #gnb #menu .depth1 > li > #top1m3 > span{font-weight:600;background:linear-gradient(45deg, #0f4f9f, #3287d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} */
#gnb #menu .depth1 > li > #top1m3 > span{position:relative;color:transparent;}
#gnb #menu .depth1 > li > #top1m3 > span:before{width:100%;height:40px;font-size:0;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:url("../img/logo-b-city.png") no-repeat center / auto 100%;}

#gnb #menu .depth2{/* width:210px; */min-width:180px;height:auto !important;text-align:left;position:absolute;top:60px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #919191;padding:10px;opacity:0;visibility:hidden;transition:0.3s;-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);}
#gnb #menu .depth2:after{width:18px;height:11px;content:"";position:absolute;right:-6px;top:-3px;border-radius:50% 50% 48% 52% / 55% 48% 52% 45%;transform:rotate(-18deg);background:var(--main-color);}
#gnb #menu li:nth-of-type(2) .depth2:after,
#gnb #menu li:nth-of-type(5) .depth2:after{background:var(--sub-color2);}
#gnb #menu li:nth-of-type(3) .depth2:after,
#gnb #menu li:nth-of-type(6) .depth2:after{background:var(--basic-color);}
#gnb #menu .depth2 > ul > li{margin:5px 0;}
#gnb #menu .depth2 > ul > li > a{color:#333;padding:5px;transition:0.3s;white-space:nowrap;}
#gnb #menu .depth2 > ul > li > a:hover{color:#000;background:#f6f6f6;}

#gnb #menu .depth2.active{opacity:1;visibility:visible;top:65px;}

#gnb #menu .depth3{display:none;}

#top2m1{left:45px}
#top2m2{left:258px}
#top2m3{left:442px}
#top2m4{left:655px}
#top2m5{left:862px}
#top2m6{left:1010px}
#top2m7{left:1230px}

.topmn{}
.topmn a{font-size:16px;color:#515151;display:inline-block;padding:0.5rem;margin-left:5px;}
.topmn a:last-child{padding-right:0;}
.topmn a:hover{color:#121314;}
.ico-popup{position:relative;}
.ico-popup em{width:18px;line-height:18px;font-size:12px;text-align:center;color:#fff;position:absolute;top:2px;right:-5px;background:var(--pink);border-radius:50%;}
.topmn .btn_sitemap{width:28px;height:2rem;position:relative;vertical-align:middle;}
.topmn .btn_sitemap span{width:20px;height:2px;position:absolute;left:0.5rem;background:#515151;}
.topmn .btn_sitemap span:nth-child(1){top:0.5rem;}
.topmn .btn_sitemap span:nth-child(2){top:50%;transform:translateY(-50%);}
.topmn .btn_sitemap span:nth-child(3){width:15px;bottom:0.5rem;}

@-webkit-keyframes arrowdown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes arrowdown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

#footer{background:#354859;}
#footer .d_width{color:#fff;display:flex;justify-content:space-between;}
#footer .f-top{background:#2A3947;padding:15px 0;}
#footer .f-mn{display:flex;}
#footer .f-mn li{margin-right:30px;}
#footer .f-mn a{line-height:40px;font-size:16px;font-weight:400;}
#footer .f-mn a:hover{color:var(--basic-color);}
#footer .f-link{height:40px;line-height:40px;font-size:16px;color:#fff;border-color:#fff3;background:#2A3947;padding:0 15px;}
#footer .f-link option{}

#footer .f-bottom{padding:40px 0 50px;}
#footer address p{font-size:14px;font-weight:300;color:#EAEAEA;}
#footer address .copy{margin-top:20px;}
#footer .f-logo{}

@media only screen and (max-width:1860px){
	#header .d_width{width:1720px;}

	#logo{padding-right:20px}

	#gnb{width:calc(100% - 645px);}
	#gnb #menu .depth1 > li{margin:10px 1rem}

	.topmn a{padding:5px;}
}
@media only screen and (max-width:1760px){
	#header .d_width{width:1600px;}

	#logo{padding-right:10px}
	#logo a img{height:35px;}

	#gnb{width:calc(100% - 600px);}
	#gnb #menu .depth1 > li{margin:10px 0.5rem}

	.topmn a{padding:4px;}
}
@media only screen and (max-width:1640px){
	.d_width{width:1400px}
	#main-visual .d_width,
	.main-container .d_width{width:1400px;}

	#header .d_width{width:auto;padding:0 20px;}

	#logo a img{height:30px;}

	#gnb{width:calc(100% - 545px);}
	#gnb #menu .depth1 > li > a{font-size:19px}
	#gnb #menu .depth1 > li > #top1m3 > span{font-size:17px;}
	#gnb #menu .depth1 > li > #top1m3 > span:before{height:37px;}

	.topmn a{font-size:15px;padding:3px;}
	.ico-popup em{width:16px;line-height:16px;top:0px;right:-8px;}
}
@media only screen and (max-width:1440px){ /* 1200 */
	.d_width {width:1200px;}
	#main-visual .d_width,
	.main-container .d_width{width:1200px;}

	#gnb{width:calc(100% - 360px);}
	/* #gnb #menu .depth1 > li > a > span{padding:0;} */
	#gnb #menu .depth1 > li > #top1m3 > span{font-size:15px;}
	#gnb #menu .depth1 > li > #top1m3 > span:before{height:33px;}

	.topmn a:nth-child(n+4):nth-child(-n+6){display:none;}

}
@media only screen and (max-width:1240px){ /* 960 */
	body {font-size:16px;}
	.d_width {width: 960px;}
	#main-visual .d_width,
	.main-container .d_width{width:960px;}

	#gnb{width:calc(100% - 310px)}
	#gnb #menu .depth1 > li{margin:10px 5px;}
	#gnb #menu .depth1 > li > a{font-size:17px;padding:0;}
	
	.topmn a{margin-left:3px;padding:0;}
	.topmn a:nth-child(1){margin-left:0;}
	.topmn .ico-popup{margin-right:3px;}
	.topmn .btn_sitemap{display:none;}

}
@media only screen and (max-width:1023px){ /* 720 */
	#wrap{padding:60px 0 0;}

	.d_width {width: 720px;}
	#main-visual .d_width,
	.main-container .d_width{width:720px;}
	h2 {font-size:24px;}
	h3 {font-size:22px;}
	h4{font-size:19px;}

	#header {position:absolute;height: 60px;}
	#header .d_width{padding:0 15px}

	#logo {padding:0;margin:0 auto;}
	#logo a{height:60px;}
	#logo a img{position:relative;top:50%;transform:translateY(-50%);}

	#gnb{display:none;}
	#mobile-navicon {display:block;position:absolute;left:20px;top:50%;transform:translateY(-50%);z-index: 99999999;}

	#header .topmn {display:none;}
	#mo-login {display:block;position: absolute;right:20px;top:50%;transform:translateY(-50%);z-index:999;font-size:18px;color:#333;}
	#mo-login a{margin-left:10px;}
	#mo-login .ico-popup{margin-right:3px;}

	#footer .d_width{flex-direction:column;}
	#footer .f-bottom{padding:30px 0 40px;}
	#footer .f-mn{margin-bottom:10px;}
	#footer address .copy{margin-top:15px;}
	#footer .f-logo{margin-top:20px;}
}
@media only screen and (max-width:767px){ /* auto */
	#wrap.main-wrap{padding-left:15px;padding-right:15px;}

	.bg_wh, .bg_gr, .bx1_wh, .bx2_wh, .bx1_gr, .bx1_rd {padding:20px;}
	body {font-size:14px;}
	h2 {font-size:22px;}
	h3 {font-size:20px;}
	.d_width {width:auto;}
	#main-visual .d_width,
	.main-container .d_width{width:auto;}
	div.t1 table thead th,
	div.t1 table tbody th, div.t1 table tbody td {padding:.725rem .725rem;}
	
	#header .topmn {right:20px;}

	#footer{width:100%;}
	#footer .f-top{padding:15px;}
	#footer .cont1			{padding:0;line-height:54px;}
	#footer .f-mn{flex-wrap:wrap;}
	#footer .f-mn li{margin-right:15px;}
	#footer .cont2			{padding:20px;word-break:keep-all;}
	#footer .f-bottom		{padding:30px 15px 40px;}
	#footer .f-link			{position:relative;top:auto;}
	#footer .f-link select  {width:100%;height:50px;border:none;}
	#footer .f-logo {display:none;}
	.main-wrap #footer{width:calc(100% + 40px);margin:0 -20px;}
	.main-wrap #footer .f-top{padding:15px 20px;}
	.main-wrap #footer .f-bottom{padding:30px 20px 40px;}
}
@media only screen and (max-width:576px){ /* mobile-l */
	h2 {font-size:20px;margin:20px 0;}
	h3 {font-size:18px;}
	h4 {margin:10px 0;font-size:16px;}
	h4:before {width:12px;height:12px;}
	.btn-d.btn-lg {padding:0 24px;font-size:.875rem;line-height:34px;}
	ul.po li .tit {display:block;}
	ul.po li .tit:before {height:14px;margin-right:10px;}

	#logo a img{height:25px;}

	.main-container .d_width {padding:0;}

	#footer .f-mn		{position:relative;overflow:hidden;z-index:999999;}
	#footer .f-mn ul	{position:relative;float:left;display: block;white-space:nowrap;}
	#footer .f-mn li	{float:none;display:inline-block;vertical-align:top;margin:0;}
	#footer .f-mn li a		{line-height:30px;display:block;padding-right:20px;position:relative;overflow:hidden;color:#fff;}
	#footer .cont2 {padding:20px;}
	
	.main-wrap #footer{width:calc(100% + 30px);margin:0 -15px;}
	.main-wrap #footer .f-top{padding:15px;}
	.main-wrap #footer .f-bottom{padding:20px 15px 30px;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	#wrap.main-wrap{padding-left:10px;padding-right:10px;}

	#logo{margin:0 auto 0 35px;}
}

/*팝업 알림존*/
.modal.popup-modal{position:fixed;left:0;top:0;width:100%;height:100%;padding:0;margin:0;background:rgba(0,0,0,0.75);z-index:9999;overflow:hidden;}
.popup_cont{position:relative;top:50%;transform:translateY(-50%);z-index:-1;width:1240px;margin:0 auto;/* animation:fadeInDown .5s both alternate; */}
.popup_cont .close{display:inline-block;vertical-align:bottom;}
.popup_cont .close form	{font-size:14px;color:#fff;text-shadow:none;display:inline-block;margin-right:10px;}
.popup_cont .close input{vertical-align:middle;margin-top:0;}
.popup_cont .close .btn-d{border-radius:80px !important;color:var(--white);border-color: var(--white);background:none !important;}

#pop_close{position:absolute;width:100%;left:0;top:0;z-index:99;}
#pop_close a{display:inline-block;background:#0D0B5D;height:40px;line-height:40px;color:#fff;padding:0 30px;border-radius:0 0 10px 10px;}
#pop_close a img{vertical-align:middle;margin-left:15px;}

#sscf_intro			{position:relative;font-size:15px;}
#sscf_intro .col_wrap	{overflow:hidden;}
#sscf_intro .bx		{position:relative;padding: 0 10px;}
#sscf_intro .bx .cont .cont:after{display:none;}
#sscf_intro .cont	{position:relative;padding:20px 25px;width:393px;height: auto;max-height: 360px;background-image:url(../img/ipsi/noimg.png);background-repeat:no-repeat;background-position:50% 50%;border-radius:10px;overflow:hidden;}
#sscf_intro .img-cont	{position:relative;padding:0;background:none;}
#sscf_intro .img-cont .thumb{height:auto;aspect-ratio:1 / 0.73379;}
#sscf_intro .img-cont .thumb img{height:100%;object-fit:cover;}

#sscf_intro .control a	{position:absolute;top: 35%;display:block;width:70px;height:70px;line-height:70px;text-align:center;color:#fff;font-family:fontAwesome;font-size:2rem;font-weight:100;border:2px solid #fff;border-radius:50%;}
#sscf_intro .control a.prev	{left:-90px;}
#sscf_intro .control a.next	{right:-90px;}
#sscf_intro .control a.prev:before{content:"\f053";}
#sscf_intro .control a.next:before{content:"\f054";}
#sscf_intro .control a:hover	{background-color:var(--main-color);color:#fff;border-color:var(--main-color);}

.popup-modal .bx-controls-auto {text-align: center;margin-top:20px;}
.popup-modal .bx-controls-auto .bx-controls-auto-item{display:inline-block;}
.popup-modal .bx-controls-auto .bx-controls-auto-item a{display: block;text-indent: -9999px;width: 38px;height: 38px;background-image: url(../img/ipsi/btn_modal_control.png);margin:0 2px;}
.popup-modal .bx-controls-auto .bx-stop {background-position-x:-39px;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){ /* 960 */	
	#mpopupsilde		{margin:0;}
	.popup_cont			{width:810px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.popup_cont		{width:430px;}
}
@media only screen and (max-width:1023px){ /* 960 */
}
@media only screen and (max-width:767px){ /* 960 */
	.popup_cont		{width:100%;max-width:390px;}
	#pop_close		{width:150px;right:20px;left:auto;}
	#pop_close a	{background:#3AA370;}
	#sscf_intro .bx-viewport{height:auto !important;}
	#sscf_intro .control a		{width:35px;height:35px;line-height:30px;background-size:25%;font-size:1rem}
	#sscf_intro .control a.prev	{top: -50px;left:10px;}
	#sscf_intro .control a.next	{top: -50px;left:50px;}
	#sscf_intro .col_wrap	{max-height:400px;}
	#sscf_intro .cont	{width:100%;/* height: 303px; */padding: 0;}
	#sscf_intro .img-cont .thumb{/* height: 303px; */}

	#mv-video .close{font-size: 1rem;line-height: 40px;width: 130px;}
}
@media only screen and (max-width:576px){
	#sscf_intro .cont,
	#sscf_intro .img-cont .thumb{height:auto;width:auto;}
}
@media only screen and (max-width:415px){
}

/*기부 내역조회 & 로그인페이지 같은 폼으로 id 값 같음*/
#loginwrap		 			{}
#loginwrap .tit {margin-bottom:40px;}
#loginwrap .tit p:nth-child(1) {font-size:37px;font-weight:600;color:#354859;}
#loginwrap .join a			{padding-right:10px;color:#FF8C00 !important;text-decoration:underline;}
#loginwrap .find a			{color:#FF8C00 !important;text-decoration:underline;}

#loginwrap .bnr, #loginwrap .bx {float:left;width:50%;height:500px;padding:80px 60px 0 60px;}
#loginwrap .bnr {background-repeat:no-repeat;background-position:center;background-size:cover;}
#loginwrap .bnr.bg1 {background-image:url(../img/donate_search_bg.png);}
#loginwrap .bnr.bg2 {background-image:url(../img/login_bg.png);}
#loginwrap .bnr .tit {padding-top:150px;font-size:60px;line-height:1;color:#fff;}
#loginwrap .bnr .tit span {display:block}
#loginwrap .bx {background:#f4f4f4;}

#loginwrap .bx .choice {width:100%;}
#loginwrap .bx .choice label {color:#354859;vertical-align:middle;}
#loginwrap .bx .name input {width:400px;height:50px;margin-bottom:5px;padding:0 10px;border:1px solid #ccc;}
#loginwrap .bx .btn-d {float:right;width:calc(100% - 405px);padding:32px 0;border-radius:5px;border:1px solid #4F6EB1;background-color:#4F6EB1;font-size:16px;}
#loginwrap .search-bx {float:left;}

#loginwrap .bx dd input {display:block;border-radius:0;}
#loginwrap .bx .tit {margin-bottom:30px;}
#loginwrap .bx .tac a {font-size:15px; color:#999;}
#loginwrap .bx .tac a:nth-child(1)		 {position:relative;}
#loginwrap .bx .tac a:nth-child(1):after {content:"";position:absolute;top:6px;right:-20px;display:block;height:15px;border-right:1px solid #999;}
#loginwrap .bx .dpi {width:100%;font-size:.875rem;}
#loginwrap .bx .dpi a {float:right;display:inline-block;}
#loginwrap .bx .dpi span {color:#999;}


/* join */
.join-step				{display:flex;flex-direction:row;justify-content:center;position:Relative;margin-bottom:40px}
.join-step ul:after		{content:"";position:absolute;left:0;top:40px;width:100%;border-top:1px solid #eee;z-index:-1}
.join-step li			{display:inline-block;margin:0 40px;text-align:center;line-height:1.1;vertical-align:top}
.join-step li:before	{content:"";font-family:FontAwesome;display:block;width:80px;height:80px;line-height:80px;border-radius:50%;margin:0 auto 20px;background:#E8EDF3;text-align:center;font-weight:900;color:#BFC8D9;font-size:1.5rem;}
.join-step li.on		{color:#354859;}
.join-step li.on:before	{background:#354859;color:#fff;}
.join-step li:nth-child(1):before	{content:"\f0ae"}
.join-step li:nth-child(2):before	{content:"\f505"}
.join-step li:nth-child(3):before	{content:"\f044"}
.join-step li:nth-child(4):before	{content:"\f4fc"}

.join-category	{margin:-10px;}
.join-category a		{display:block;float:left;width:calc(33.33% - 20px);margin:10px;padding:50px;border-radius:5px;font-size:27px;font-weight:600;}
.join-category a:nth-child(1)	{background:#FCF5DE url(../img/ico_join1.png) 95% 50% no-repeat;color:#C29201;border:2px solid #FCF5DE;}
.join-category a:nth-child(2)	{background:#F1F5FA url(../img/ico_join2.png) 95% 50% no-repeat;color:#3972C4;border:2px solid #F1F5FA;}
.join-category a:nth-child(3)	{background:#F1F5E4 url(../img/ico_join3.png) 95% 50% no-repeat;color:#9DBA31;border:2px solid #F1F5E4;}
.join-category p	{font-size:17px;color:#333;margin-top:10px;word-break:keep-all;font-weight: 400;}
.join-category a:hover	{transform:translateY(-5px);transition:0.3s;}
.join-category a:nth-child(1):hover	{border:2px solid #C29201;}
.join-category a:nth-child(2):hover	{border:2px solid #3972C4;}
.join-category a:nth-child(3):hover	{border:2px solid #9DBA31;}


#contentwrap		{width:680px;padding:40px;}
#body_head			{width:100%;padding:0;margin:0 0 15px 0;}
#body_title			{padding:0;margin:0;}
#body_title h1		{float:left;padding:0;margin:0;}
#location			{float:right;padding:0;margin:0;font-size:11px;text-align:right;}
#location h4		{display:none;}
#location ul li.fst	{float:left;background:none;;padding:0;}
#location ul li		{float:left;background:url('../img/ico_homearr.gif') no-repeat 5px 0.35em;padding:0 0 0 14px;}
#location ul li.on	{font-weight:bold;text-decoration:none;cursor:default;}
#location ul li a	{color:#555 !important;}

.mguidebox					{padding:0;margin:0 0 20px 0;background:#FFF8F4;border:1px solid #E64100;}
.mguidebox ul				{padding:10px;}
.mguidebox ul li			{clear:both;}
.mguidebox ul li .item		{float:left;width:130px;padding:0;margin:0;font-weight:bold;}
.mguidebox ul li .info		{float:left;padding:0;margin:0;}

.interest					{}
.interest dl				{float:left;width:20%;}
.interest dl dt				{float:left;padding:0 5px 0 0;margin:2px 0 0 0;}
.interest dl dd				{padding:0;margin:0;}

#jointab					{}
#jointab ul li				{float:left;padding:0;margin:0;}
#jointab ul li img			{vertical-align:top;}

#login_container 			{position:relative;width:578px;margin:0 auto;padding:0;}
#login_container dl			{clear:both;padding:0;margin:0;}
#login_container dt.uid		{position:absolute;top:27px;left:0;}
#login_container dt.upw		{position:absolute;top:50px;left:0;}
#login_container dd.uid		{position:absolute;top:22px;left:100px;}
#login_container dd.upw		{position:absolute;top:45px;left:100px;}
#login_container dd input	{width:280px;height:17px;background:#666666;border:1px solid #666;color:#fff;letter-spacing:0;}
#login_container p.btn		{position:absolute;top:23px;left:400px;}
#login_container p.btn input{border:none;background:transparent;}

/*.donationbg					{padding:25px 0;margin:0 0 10px 0;border:1px solid #25BA9C;}*/
.logintxt					{width:578px;padding:20px 0 0 0;margin:0 auto;border-top:1px solid #ccc;color:#999;line-height:1.5;font-size:11px;}
#login_container 			{position:relative;width:578px;margin:0 auto;padding:0;}
#login_container dl			{clear:both;padding:0;margin:0;}
#login_container dt.uid		{position:absolute;top:27px;left:0;}
#login_container dt.upw		{position:absolute;top:50px;left:0;}
#login_container dd.uid		{position:absolute;top:22px;left:100px;}
#login_container dd.upw		{position:absolute;top:45px;left:100px;}
#login_container dd input	{width:280px;height:17px;background:#666666;border:1px solid #666;color:#fff;letter-spacing:0;}
#login_container p.btn		{position:absolute;top:23px;left:400px;}
#login_container p.btn input{border:none;background:transparent;}

.loginbg					{width:900px;margin:0 auto;}
#certificate		{position:relative;width:100%;margin:0 auto;}
#certificate h3		{background:none;padding:0;margin:0 0 6px 0;}
#certificate .mst	{position:relative;width:100%;margin:0 auto 15px 0;padding:10px 0;background:#f4f4f4;text-align:center;}
#certificate .btn-d {margin-top:10px;}
#certificate1		{float:left;width:calc(50% - 20px);}
#certificate1 ul 	{height:80px;}
#certificate1, #certificate2 {padding:20px;text-align:center;word-break:keep-all;border:1px solid #354859;}
#certificate1:before{content:"\f2bb";font-family:FontAwesome;text-align:center;font-size:2.4rem;font-weight:600;color:#354859;}
#certificate2:before {content:"\f3cd";font-family:FontAwesome;text-align:center;font-size:2.4rem;font-weight:600;color:#354859;}
#certificate1 .tit, #certificate2 .tit {font-size:20px;color:#354859;margin-bottom:20px;}
#certificate1 .txt, #certificate2 .txt {font-size:15px;height:80px;}
#certificate2			{float:right;width:calc(50% - 20px);}

@media only screen and (max-width:1440px){
	#loginwrap .tit p:nth-child(1) {font-size:32px;}
	#loginwrap .bx .name input {width:350px;}
	#loginwrap .bx .btn-d {width:calc(100% - 355px);}
}
@media only screen and (max-width:1240px){
	#loginwrap .bnr .tit {font-size:50px;}
	#loginwrap .tit p:nth-child(1) {font-size:26px;}
	#loginwrap .bx {padding:80px 40px;}
	#loginwrap .bx .name input {width:250px;}
	#loginwrap .bx .btn-d {width:calc(100% - 255px);}

}
@media only screen and (max-width:1023px){ /* 720 */
	#loginwrap .bnr {padding:80px 40px 0 40px;}
	#loginwrap .search-bx {float:none;}
	#loginwrap .bx {padding:80px 30px;}
	#loginwrap .tit p {word-break:keep-all;}
	#loginwrap .tit p:nth-child(1) {font-size:24px;line-height:1.4;}
	#loginwrap .bx .btn-d {float:none;width:100%;padding:10px 0;line-height:24px;}
	#loginwrap .bx .name input {width:100%;}

	.loginbg	 {width:auto;}
	#certificate1 .tit, #certificate2 .tit {margin-bottom:10px;}
	.join-step {margin-bottom:20px;}
	.join-step li:before {width:70px;height:70px;font-size:1.2rem;line-height:70px;}

}
@media only screen and (max-width:767px){ /* auto */
	#loginwrap .bnr, #loginwrap .bx {width:100%;}
	#loginwrap .bnr {height:auto;padding:50px;}
	#loginwrap .bnr .tit {padding-top:0;margin-bottom:0;font-size:40px;line-height:1.2;word-break:keep-all;}
	#loginwrap .bx {height:auto;padding:50px 30px;background:#fff;}
	#certificate1, #certificate2 {width:100%;}
	#certificate1 .tit, #certificate2 .tit {font-size:16px;}
	#certificate1 .txt, #certificate2 .txt {height:auto;font-size:14px;}
	#certificate1 {margin-bottom:20px;}
	#certificate1:before, #certificate2:before {font-size:2rem;}

}
@media only screen and (max-width:576px){ /* mobile-l */
	#loginwrap .bnr {padding:30px;}
	#loginwrap .bnr .tit {font-size:32px;}
	#loginwrap .bnr p span {display:none;}

	#loginwrap .bx {padding:30px;}
	#loginwrap .bx .dpi {font-size:.725rem;}
	#loginwrap .tit p:nth-child(1) {font-size:1.25rem;}
	.join-step li {margin:0 20px;}

}
@media only screen and (max-width:415px){ /* mobile-s */
	#loginwrap .bnr {padding:35px 20px;}
	#loginwrap .bnr .tit {font-size:26px;line-height:1.2;}
	#loginwrap .bx {padding:20px;}
	#loginwrap .tit p:nth-child(1) {font-size:1.125rem;}

	.join-step li {margin:0 10px;}
	.join-step li:before {width:60px;height:60px;font-size:1rem;line-height:60px;} 

}


/*main*/
#main-visual{width:1820px;position:relative;overflow:hidden;margin:0 auto;}
.mv-slide .d_width{padding:290px 0;}
.mv-slide .mv-tit{line-height:1.2;display:inline-block;text-align:left;}
.mv-slide .mv-tit .stit{font-size:20px;font-family:"libre";position:relative;display:inline-block;padding-left:5px;margin-bottom:15px;opacity:0;}
.mv-slide .mv-tit .stit:after{width:18px;height:11px;content:"";position:absolute;left:calc(100% + 3px);top:-50%;border-radius:50% 50% 48% 52% / 55% 48% 52% 45%;transform:rotate(-18deg);}
.mv-slide .mv-tit .tit{position:relative;}
.mv-slide .mv-tit .tit:after{height:1px;content:"";position:absolute;right:0;top:40px;background:#fff;opacity:0;}
.mv-slide .bg1 .mv-tit .tit:after{width:255px;/* left:calc(100% - 255px); */}
.mv-slide .bg3 .mv-tit .tit:after{width:115px;/* left:calc(100% - 115px); */}
.mv-slide .mv-tit .tit span{font-size:68px;letter-spacing:-1.5px;font-family:"bombaram";display:block;opacity:0;}

.mv-slide .swiper-slide-active .mv-tit .stit{animation:fadeInDown 0.5s 0.3s forwards;}
.mv-slide .swiper-slide-active .mv-tit .tit span:nth-of-type(1){animation:fadeInRight 0.6s 0.6s forwards;}
.mv-slide .swiper-slide-active .mv-tit .tit span:nth-of-type(2){animation:fadeInRight 0.6s 0.8s forwards;}
.mv-slide .swiper-slide-active .mv-tit .tit:after{animation:fadeInLeft 0.6s 1.3s forwards;}

.mv-slide .swiper-slide-prev .mv-tit .stit{opacity:1;}
.mv-slide .swiper-slide-prev .mv-tit .tit span{opacity:1;}

.mv-slide .bg1{background:url("../img/mv-bg1.png") no-repeat center / cover;}
.mv-slide .bg1 .mv-tit{color:#fff;}
.mv-slide .bg1 .stit:after{background:var(--basic-color);}
.mv-slide .bg2{background:url("../img/mv-bg2.png") no-repeat center / cover;}
.mv-slide .bg2 .mv-tit{color:#fff;}
.mv-slide .bg2 .stit:after{background:var(--main-color);}
.mv-slide .bg3{background:url("../img/mv-bg3.png") no-repeat center / cover;}
.mv-slide .bg3 .mv-tit{color:#fff;}
.mv-slide .bg3 .stit:after{background:var(--sub-color1);}

.main-pagination{width:calc(50% - 80px);height:140px;position:absolute;right:0;bottom:0;display:flex;background:#fff;padding:25px 0 0 35px;z-index:1;}
.main-pagination a{color:#aeaeae;flex:1 1 auto;position:relative;}
.main-pagination a .num{font-size:16px;font-family:"libre";font-weight:bold;margin-bottom:10px;}
.main-pagination a:nth-child(1).on .num{color:var(--basic-color);}
.main-pagination a:nth-child(2).on .num{color:var(--main-color);}
.main-pagination a:nth-child(3).on .num{color:var(--sub-color1);}
.main-pagination a .tit{font-size:20px;font-family:"Nanum Myeongjo";font-weight:700;transition:0.3s;}
.main-pagination a:hover .tit,
.main-pagination a.on .tit{color:#121314;}

.main-pagination a.on:before{width:calc(100% - 20px);height:4px;content:"";position:absolute;left:0;bottom:0;background:#EAEAEA;}
.main-pagination a.on:after{width:0;height:4px;content:"";position:absolute;left:0;bottom:0;background:var(--basic-color);animation:mvProgress 4.5s forwards;}

@keyframes mvProgress{
	0%{width:0;}
	100%{width:calc(100% - 20px);}
}

@media only screen and (max-width:1860px){
	#main-visual{width:1720px;}
}
@media only screen and (max-width:1760px){
	#main-visual{width:1600px;}
	.mv-slide .d_width{padding:270px 40px;}
}
@media only screen and (max-width:1640px){
	#main-visual{width:calc(100% - 40px);}
	.mv-slide .d_width{padding:265px 30px;}
	.mv-slide .mv-tit .stit{font-size:18px;}
	.mv-slide .mv-tit .tit span{font-size:64px;}

	.main-pagination{width:calc(50% - 40px);height:130px;padding:20px 0 0 25px;}
	.main-pagination a .tit{font-size:18px;}
}
@media only screen and (max-width:1440px){
	.mv-slide .d_width{padding:220px 20px 240px;}
	.mv-slide .mv-tit .tit:after{top:35px;}
	.mv-slide .bg1 .mv-tit .tit:after{width:220px;}
	.mv-slide .mv-tit .tit span{font-size:58px;}

	.main-pagination{width:50%;padding:20px 0 0 20px;}
}
@media only screen and (max-width:1240px){
	.mv-slide .d_width{padding:180px 20px 200px;}
	.mv-slide .mv-tit .tit:after{top:30px;}
	.mv-slide .bg1 .mv-tit .tit:after{width:190px;}
	.mv-slide .bg3 .mv-tit .tit:after{width:95px;}
	.mv-slide .mv-tit .stit{font-size:16px;margin-bottom:10px;}
	.mv-slide .mv-tit .stit:after{transform:scale(0.8) rotate(-18deg);}
	.mv-slide .mv-tit .tit span{font-size:52px;letter-spacing:-1px;}

	.main-pagination{width:65%;height:120px;}
	.main-pagination a .num{font-size:15px;margin-bottom:5px;}
	.main-pagination a .tit{font-size:17px;}
}
@media only screen and (max-width:1023px){
	#main-visual{width:calc(100% - 30px);}
	.mv-slide .d_width{padding:125px 15px;}
	.mv-slide .mv-tit .tit:after{top:25px;}
	.mv-slide .bg1 .mv-tit .tit:after{width:170px}
	.mv-slide .bg3 .mv-tit .tit:after{width:75px}
	.mv-slide .mv-tit .tit span{font-size:46px;}
	.main-pagination{width:100%;position:relative;padding:15px;}
}
@media only screen and (max-width:767px){
	#main-visual{width:auto}
	.mv-slide .d_width{padding:100px 15px;}
	.mv-slide .mv-tit .tit span{font-size:38px;letter-spacing:-0.5px;}
	.mv-slide .mv-tit .tit:after{top:20px;}
	.mv-slide .bg1 .mv-tit .tit:after{width:140px;}
	.mv-slide .bg3 .mv-tit .tit:after{width:55px;}
	.main-pagination a .tit{font-size:15px;}
}
@media only screen and (max-width:576px){
	.mv-slide .d_width{padding:80px 10px 100px;}
	.mv-slide .mv-tit .tit:after{top:15px;}
	.mv-slide .bg1 .mv-tit .tit:after{width:100px;}
	.mv-slide .bg3 .mv-tit .tit:after{width:45px;}
	.mv-slide .mv-tit .tit span{font-size:28px;}
	.main-pagination{height:auto;position:absolute;bottom:10px;justify-content:center;padding:0 10px;background:none;}
	.main-pagination a{flex:none;color:#fff7;padding:5px;}
	.main-pagination a .tit{display:none;}
	.main-pagination a .num{font-size:14px;margin-bottom:0;}
	.main-pagination a.on .num{color:#fff !important;}
	.main-pagination a.on:before,
	.main-pagination a.on:after{display:none;}
}
@media only screen and (max-width:415px){
	.mv-slide .d_width{padding:60px 0 80px}
	.mv-slide .mv-tit{width:100%;text-align:center;}
	.mv-slide .mv-tit .tit{}
	.mv-slide .mv-tit .tit:after{display:none;}
	.mv-slide .mv-tit .tit span{font-size:20px;}
	.mv-slide .mv-tit .stit{padding:0;}
}

/* main-container */
.main-container{}
.main-container .tit-wrap{position:relative;z-index:1;}
.main-container .tit-wrap:after{width:0;height:1px;content:"";position:absolute;left:50%;top:50%;transform:translateX(-50%);background:#999;z-index:-1;animation:unfold 0.5s 2s forwards;}
.main-container .tit-wrap[style*="visibility: visible"]:after{animation: unfold 0.5s 1.8s forwards;}
.main-container .mc-stit{font-size:18px;font-family:"Nanum Myeongjo";font-weight:700;text-align:center;color:#4F82C3;animation:flash 5s infinite;}
.main-container .tit-wrap[style*="visibility: visible"] .mc-stit{animation:flash 5s infinite;}
.main-container .mc-tit{width:auto;text-align:center;display:inline-block;background:#fff;padding:0 25px;margin:0 auto 40px;}
.main-container .mc-tit span{font-size:48px;font-family:"Noto Serif KR";font-weight:400;display:inline-block;padding:0 5px;}

.text-stagger span{display:inline-block;transform:translateX(-20px);opacity:0;}
.text-stagger span:nth-child(1) {animation-delay:0.08s !important;}
.text-stagger span:nth-child(2) {animation-delay:0.16s !important;}
.text-stagger span:nth-child(3) {animation-delay:0.24s !important;}
.text-stagger span:nth-child(4) {animation-delay:0.32s !important;}
.text-stagger span:nth-child(5) {animation-delay:0.40s !important;}
.text-stagger span:nth-child(6) {animation-delay:0.48s !important;}
.text-stagger span:nth-child(7) {animation-delay:0.56s !important;}
.text-stagger span:nth-child(8) {animation-delay:0.64s !important;}
.text-stagger span:nth-child(9) {animation-delay:0.72s !important;}
.text-stagger span:nth-child(10){animation-delay:0.80s !important;}

@keyframes flash{
	0%{opacity:1;}
	80%{opacity:1;}
	85%{opacity:0;}
	90%{opacity:1;}
	95%{opacity:0;}
	100%{opacity:1;}
}
@keyframes fadeInTxt {
  0% {
    opacity:0;
    transform:translateX(-20px);
  }
  100% {
    opacity:1;
    transform:translateX(0);
  }
}
@keyframes unfold{
	0%{width:0;}
	100%{width:700px;}
}

.mc-cont1{margin:120px 0 80px;}
/* mnotice */
.mnotice{width:840px;position:relative;display:flex;margin-right:40px;}
.mnotice > div{}
.mnotice > div > .tab{line-height:80px;font-size:26px;font-weight:500;color:#333;display:block;position:relative;padding:0 25px;transition:0.3s;}
.mnotice > div > .tab:after{width:100%;height:4px;content:"";position:absolute;bottom:0;left:-10px;opacity:0;background:#4F82C3;transition:0.3s;}
.mnotice .tab_on .tab:after,
.mnotice > div > .tab:hover:after{left:0;opacity:1;}
.mnotice .tab_on .tab{font-weight:700;color:#222768;}
.mnotice .tab_on .tab:after{background:#222768;}
.mnotice .tab_off .tab:hover{color:#4F82C3;}

.mnotice .tabcontent{width:100%;position:absolute;left:0;top:80px;background:#fff;}
.mnotice .tabcontent li{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.mnotice .tabcontent li a{width:calc(100% - 85px);font-size:18px;font-weight:400;display:block;}
.mnotice .tabcontent li a span{max-width:100%;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-bottom:1px solid transparent;transition:0.2s;}
.mnotice .tabcontent li a:hover span{color:#11357f;border-color:#3965BF;}
.mnotice .tabcontent li .date{font-size:14px;font-weight:400;color:#999;}
.mnotice .tabcontent li:first-child{position:relative;flex-wrap:wrap;padding:40px 25px 40px 125px;border-top:1px solid #919191;border-bottom:1px dashed #EAEAEA;}
.mnotice .tabcontent li:first-child a{width:100%;font-size:20px;font-weight:500;margin-bottom:5px;}
.mnotice .tabcontent li:first-child p{min-height:47px;color:#333;word-break:break-word;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.mnotice .tabcontent li:first-child .date{width:100px;height:100px;line-height:1.2;font-size:15px;font-weight:400;color:#3965BF;text-align:center;position:absolute;left:0;top:30px;display:flex;flex-direction:column;justify-content:center;background:#E6EFF9;}
.mnotice .tabcontent li:first-child .date em{font-size:36px;font-weight:700;letter-spacing:-1px;}

.mnotice .more{width:25px;height:80px;font-size:0;position:absolute;right:0;top:0;}
.mnotice .more:before,.mnotice .more:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#555;transition:0.4s;}
.mnotice .more:before{width:25px;height:2px;}
.mnotice .more:after{width:2px;height:25px;}
.mnotice .more:hover:before,.mnotice .more:hover:after{background:#3965BF;transform:translate(-50%,-50%) rotate(180deg);}

/* mquick */
.mquick{width:calc(100% - 880px);display:flex;flex-wrap:wrap;position:relative;padding:50px 80px 50px 40px;z-index:1;}
.mquick:after{width:calc(50vw - 80px);height:100%;content:"";position:absolute;left:0;top:0;background:#F9F9F9;z-index:-1;}
.mquick .stit{width:400px;font-size:20px;font-family:"libre";color:#ddd;position:absolute;left:calc(100% - 20px);transform-origin:top left;transform:rotate(90deg);}
.mquick .stit:after{width:0;height:1px;content:"";position:absolute;left:calc(100% - 245px);top:50%;background:#ddd;}
.mquick:hover .stit:after{width:245px;transition:0.8s;transition-delay:1s;}
.mquick:hover .stit span{animation:fadeInTxt 0.4s forwards ease-out;}

.mquick a{width:calc(100% / 3);aspect-ratio:1/1;font-size:20px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:0.3s;}
.mquick a:hover{background:#4F82C3;color:#fff;}
.mquick a:before{width:80px;height:80px;content:"";display:block;background:url("../img/ico-mquick.png") no-repeat left top;transition:0.3s;}
.mquick a:hover:before{background-position-y:-80px;}

.mquick .ico1:before{}
.mquick .ico2:before{background-position:-80px 0;}
.mquick .ico3:before{background-position:-160px 0;}
.mquick .ico4:before{background-position:-240px 0;}
.mquick .ico5:before{background-position:-320px 0;}
.mquick .ico6:before{background-position:-400px 0;}

.mc-cont2{padding:80px 0;background:#F9F9F9;}
.mc-cont2 .mc-tit{background:#F9F9F9;}
/* mintro */
.mintro{display:flex;/* margin:0 -20px; */}
.mintro a{width:calc(25% - 40px);margin:0 20px;}
.mintro .img-bx{height:420px;position:relative;margin-bottom:20px;}
.mintro .img-bx:before,
.mintro .img-bx:after{width:0;height:0;content:"";position:absolute;z-index:2;border:8px solid transparent;}
.mintro .img-bx:hover:before{top:0;left:0;border-left-color:#E6EFF9;border-bottom-color:#E6EFF9;}
.mintro .img-bx:hover:after{bottom:0;right:0;border-right-color:#E6EFF9;border-top-color:#E6EFF9;}
.mintro .img-bx:hover:after,
.mintro .img-bx:hover:before{animation:nW_aH 0.5s, aW_sH 0.5s, sW_sH 0.8s infinite;animation-delay:0s, .3s, .8s;}

.mintro .img-bx .stit{font-size:15px;font-family:"libre";letter-spacing:5px;color:#F9F9F9;    position:absolute;right:15px;top:20px;transform-origin:top right;transform:rotate(90deg) translateX(100%);}
.mintro a:hover .img-bx .stit span{animation:fadeInTxt 0.4s forwards ease-out;}

.mintro .img-bx .tit{width:330px;line-height:60px;font-size:20px;position:absolute;right:0;bottom:0;background:#fff;padding:0 20px;}
.mintro .img-bx .tit:before{width:0;height:100%;content:"";position:absolute;left:0;top:0;background:#E6EFF9;}
.mintro a:hover .img-bx .tit:before{animation:aW_nH 0.4s 0.4s forwards;}
.mintro .img-bx .tit:after{width:14px;height:12px;content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);background:url("../img/ico-right.png") no-repeat right top;transition:0.2s;}
.mintro a:hover .img-bx .tit:after{background-position:left top;}
.mintro .img-bx .tit span{position:relative;z-index:1;}
.mintro .img-bx .tit span:nth-of-type(2){font-weight:500;}
.mintro .desc{font-size:16px;color:#454545;}

.mintro .bg1 .img-bx{background:url("../img/mintro-bg1.png") no-repeat center / cover}
.mintro .bg2 .img-bx{background:url("../img/mintro-bg2.png") no-repeat center / cover}
.mintro .bg3 .img-bx{background:url("../img/mintro-bg3.png") no-repeat center / cover}
.mintro .bg4 .img-bx{background:url("../img/mintro-bg4.png") no-repeat center / cover}

@keyframes aW_nH{ 
	from {width:0%;} 
	to   {width:100%;} 
}
@keyframes nW_aH{ 
	from {height:0%;} 
	to   {height:100%;} 
}
@keyframes aW_sH{ 
	from{width:0%; height:100%;} 
	to{width:100%; height:100%;} 
}
@keyframes sW_sH{ 
	from{width:100%; height:100%;} 
	to{width:100%; height:100%;} 
}
/* mintro 변경 */
.mintro .cont{width:50%;background:#232323;color:#fff;padding:70px 60px;}
.mintro .cont .stit{font-size: 15px;font-family:"libre";letter-spacing:5px;color:#F9F9F9;}
.mintro .cont .tit{font-size:32px;margin:10px 0 30px;}
.mintro .cont .tit span{font-weight:500;}
.mintro .cont .txt{font-size:20px;}
.mintro .cont .btn-d{width:auto;line-height:56px;border-radius:0;font-size:22px;font-weight:400;background:transparent;border:2px solid #fff;padding:0 20px;margin:70px 0 0;}
.mintro .cont .btn-d:hover{font-weight:500;background:#fff;color:#121314;}
.mintro .cont .btn-d i{margin-left:20px;}
.mintro .thumb{width:50%;}

.mc-cont3{margin:80px 0 120px;}
/* msns */
.msns{position:relative;padding-top:40px;z-index:1;}
.msns:after{width:calc(100% - 40px);height:420px;content:"";position:absolute;top:0;right:0;background:#F9F9F9;z-index:-1;}
.msns .video{width:calc(50% - 20px);height:439px;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.19);margin-right:40px;}
.msns .video iframe{height:100% !important;}
.msns .cont{width:calc(50% - 20px);padding:20px 0;}
.msns .cont .stit{font-size:15px;font-family:"libre";color:#808080;}
.msns .cont .tit{font-size:18px;margin:10px 0 20px;}
.msns .cont .tit span{font-weight:500;}
.msns .cont .desc{font-size:16px;color:#454545;margin-bottom:25px;}
.msns .cont .sns-wrap{margin-top:60px;}
.msns .cont .sns-wrap a{width:50%;display:flex;align-items:center;font-size:20px;}
.msns .cont .sns-wrap a:before{width:45px;height:45px;content:"";display:block;background:url("../img/ico-sns.png") no-repeat;margin-right:20px;}
.msns .cont .sns-wrap a:after{width:14px;height:12px;content:"";display:block;background:url("../img/ico-right.png") no-repeat right top;margin-left:20px;transition:0.2s;}
.msns .cont .sns-wrap a:hover:after{background-position:left top;}
.msns .cont .sns-wrap a span{font-weight:500;position:relative;margin-left:5px;z-index:1;transition:0.3s;}
.msns .cont .sns-wrap a:hover span{padding:0 5px;}
.msns .cont .sns-wrap a span:after{width:0;height:100%;content:"";position:absolute;left:0;top:0;background:var(--basic-color);z-index:-1;transition:0.3s;}
.msns .cont .sns-wrap a:hover span:after{width:100%;}
/* .msns .cont .sns-wrap .insta:hover span{color:#8c3ba6;}
.msns .cont .sns-wrap .youtube:hover span{color:#d91e1e;} */
.msns .cont .sns-wrap .insta:before{background-position:left top;}
.msns .cont .sns-wrap .youtube:before{background-position:right top;}
.msns .cont .sns-wrap .blog:before{background:url("../img/ico-sns2.png") no-repeat center;}

/* f-banner */
.fbnr{border-top:1px solid #0001;padding:15px 0;}
.fbnr .d_width{display:flex;justify-content:space-between;}
.fbnr .fbnr-cont{width:calc(100% - 80px);margin:0 0 0 -5px;}
.fbnr .fbnr-cont .swiper-slide{width:calc(100% / 7 - 10px) !important;margin:0 5px;}
.fbnr .control{width:70px;display:flex;justify-content:space-between;align-items:center;}
.fbnr .control a{color:#666;}
.fbnr .control a.fbplay:before,
.fbnr .control a.fbpause:before{font-size:17px;font-family:FontAwesome;display:inline-block;}
.fbnr .control a.fbplay:before{content:"\f04b";}
.fbnr .control a.fbpause:before{content:"\f04c";}

@media only screen and (max-width:2000px){
	.mc-cont1{margin:100px 0 80px;}
	.mc-cont3{margin:80px 0 100px;}
}
@media only screen and (max-width:1640px){
	.mc-cont1{margin:80px 0;}
	.mnotice{width:50%;}
	.mquick{width:calc(50% - 40px);padding:30px 40px;}
	.mquick:after{width:calc(50vw - 40px);}
	.mquick .stit{width:385px;}
	.mnotice > div > .tab{line-height:65px;padding:0 20px;}
	.mnotice .more{height:65px;}
	.mnotice .tabcontent{top:65px}
	.mnotice .tabcontent li{margin-bottom:1rem;}
	.mnotice .tabcontent li:first-child{padding:30px 25px 30px 100px;}
	.mnotice .tabcontent li:first-child .date{width:80px;height:80px;}
	.mnotice .tabcontent li:first-child .date em{font-size:32px;}

	.mintro .img-bx .tit{width:calc(100% - 25px);font-size:18px;}
	.mintro .desc br{display:none;}

	.mintro .cont .tit{margin:10px 0 20px;}
	.mintro .cont .btn-d{margin-top:50px;}

	.mc-cont3{margin:80px 0;}
	.msns{padding-top:30px;}
	.msns:after{height:382px;}
	.msns .video{height:382px;}
	.msns .cont{padding:15px 0;}

	.fbnr .fbnr-cont .swiper-slide{width:calc(100% / 6 - 10px) !important;}
}
@media only screen and (max-width:1440px){
	.main-container .mc-stit{font-size:16px;}
	.main-container .mc-tit span{font-size:44px;}
	@keyframes unfold{
	0%{width:0;}
	100%{width:620px;}
	}

	.mnotice{width:calc(50% - 20px);padding:10px 0;}
	.mnotice > div > .tab{line-height:60px;font-size:22px;}
	.mnotice .more{height:60px;top:10px;}
	.mnotice .tabcontent{top:70px;}
	.mnotice .tabcontent li:first-child{padding:25px 25px 25px 100px;}
	.mnotice .tabcontent li:first-child .date{top:24px;}
	.mnotice .tabcontent li:first-child a{font-size:19px;}
	.mnotice .tabcontent li:nth-child(6){display:none;}
	.mnotice .tabcontent li a span{font-size:17px;}

	.mquick{width:calc(50% - 20px);padding:30px 70px 30px 10px;}
	.mquick:after{width:50vw;left:-20px;}
	.mquick .stit{width:330px;font-size:18px;left:calc(100% - 30px);}
	.mquick .stit:after{left:calc(100% - 200px);}
	.mquick:hover .stit:after{width:200px;}
	.mquick a{font-size:18px;}

	.mintro{/* margin:0 -15px; */}
	.mintro a{width:calc(25% - 30px);margin:0 15px;}
	.mintro .img-bx{height:360px;}
	.mintro .img-bx:before, 
	.mintro .img-bx:after{border-width:5px;}
	.mintro .img-bx .tit{line-height:1.3;padding:10px 15px 15px;}
	.mintro .img-bx .tit span:nth-of-type(1){font-size:15px;}
	.mintro .img-bx .tit span:nth-of-type(2){display:block;}
	.mintro .img-bx .tit:after{top:auto;bottom:22px;transform:none;}
	.mintro .img-bx .stit{font-size:14px;}
	.mintro .desc br{display:none;}
	
	.mintro .cont{padding:50px 40px;}
	.mintro .cont .tit{font-size:28px;margin:10px 0 15px;}
	.mintro .cont .txt{font-size:18px;}
	.mintro .cont .btn-d{font-size:20px;margin-top:40px;}

	.msns:after{height:330px;}
	.msns .video{height:326px;}
	.msns .cont{padding:10px 40px 10px 0;}
	.msns .cont .tit{margin:5px 0 10px;}
	.msns .cont .desc br{display:none;}
	.msns .cont .desc{margin-bottom:10px;}
	.msns .cont .sns-wrap{margin-top:25px;}
	.msns .cont .sns-wrap a{font-size:15px;}
	.msns .cont .sns-wrap a:before{width:40px;height:40px;margin-right:10px;background-size:auto 40px;}
	.msns .cont .sns-wrap a span{font-size:18px;}
}
@media only screen and (max-width:1240px){
	.main-container .mc-tit{margin:0 auto 30px;}
	.main-container .mc-tit span{font-size:40px;}

	.mc-cont1{margin:60px 0;}
	.mnotice{width:calc(50% - 10px);padding:0;margin-right:20px;}
	.mnotice > div > .tab{line-height:55px}
	.mnotice > div > .tab:after{height:3px;}
	.mnotice .tabcontent{top:55px;}
    .mnotice .tabcontent li{margin-bottom:10px;}
	.mnotice .tabcontent li:first-child{padding:15px 0 15px 85px;}
	.mnotice .tabcontent li:first-child .date{width:70px;height:70px;font-size:14px;top:16px;}
	.mnotice .tabcontent li:first-child .date em{font-size:22px;}
	.mnotice .tabcontent li:first-child p{min-height:45px;}
	.mnotice .more{height:55px;top:0;}
	.mquick{width:calc(50% - 10px);padding:20px;}
	.mquick:after{left:0;}
	.mquick .stit{width:285px;left:calc(100% + 10px);}
	.mquick .stit:after{left:calc(100% - 160px);}
	.mquick:hover .stit:after{width:160px;}
	.mquick a{font-size:17px;}
	.mquick a:before{width:70px;height:70px;background-size:auto 140px;}
	.mquick a:hover:before{background-position-y:-70px;}
	.mquick .ico1:before{}
	.mquick .ico2:before{background-position:-70px 0;}
	.mquick .ico3:before{background-position:-140px 0;}
	.mquick .ico4:before{background-position:-210px 0;}
	.mquick .ico5:before{background-position:-280px 0;}
	.mquick .ico6:before{background-position:-350px 0;}

	.mc-cont2{padding:60px 0;}
	.mintro .img-bx{height:250px;margin-bottom:15px;}
	.mintro .img-bx .tit{padding:8px 10px 13px;}
	.mintro .img-bx .tit:after{bottom:19px;}
	.mintro .img-bx .tit span:nth-of-type(2){font-size:17px;}

	.mintro .cont{padding:40px 30px;}
	.mintro .cont .tit{font-size:26px;}
	.mintro .cont .txt{font-size:17px;}
	.mintro .cont .txt .va-pc{display:none;}
	.mintro .thumb img{min-height:100%;}

	.mc-cont3{margin:60px 0;}
	.msns{padding-top:25px}
	.msns:after{height:260px}
	.msns .video{width:calc(50% - 40px);height:247px;margin-right:20px;}
	.msns .cont{width:calc(50% + 20px);padding:0 20px 0 0;}
	.msns .cont .desc .va-pc{display:none;}
	.msns .cont .sns-wrap{margin-top:20px;}
	.msns .cont .sns-wrap a{width:auto;margin-right:20px;}
	.msns .cont .sns-wrap a:last-child{margin-right:0;}
	.msns .cont .sns-wrap a:before{width:30px;height:30px;background-size:auto 30px;margin-right:5px;}
	.msns .cont .sns-wrap a:after{width:12px;height:10px;background-size:auto 100%;margin-left:10px;}
	.msns .cont .sns-wrap a:hover span{padding:0;}

	.fbnr .fbnr-cont .swiper-slide{width:calc(100% / 5 - 10px) !important;}
}
@media only screen and (max-width:1023px){
	.mc-cont1 .d_width > .row{flex-direction:column;}
	.mnotice{width:100%;padding-bottom:250px;margin-right:0;margin-bottom:40px;}
	.mnotice > div > .tab{font-size:21px;padding:0 15px;}

	.mquick{width:100%;padding:0;}
	.mquick:after{display:none;}
	.mquick .text-stagger span{opacity:1;transform:none;}
	.mquick .stit{width:100%;position:relative;left:auto;top:auto;transform:none;background:#F9F9F9;padding:5px 15px;margin-bottom:20px;}
	.mquick:hover .stit span{animation:none;}
	.mquick .stit:after{width:365px;left:auto;right:15px;}
	.mquick:hover .stit:after{width:365px;}
	.mquick a{width:calc(100% / 6);}

	.mintro{flex-wrap:wrap;/* margin:-15px; */position:relative;}
	.mintro a{width:calc(50% - 30px);margin:15px;}
	.mintro .img-bx{height:330px;}

	.mintro .cont{width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:center;z-index:1;background:#23232399;}
	.mintro .thumb{width:100%;}
	.mintro .cont .txt .va-pc{display:block;}

	.msns{flex-direction:column;padding-top:0;}
	.msns:after{width:100vw;height:calc(100% + 40px);left:50%;top:20px;transform:translateX(-50%);}
	.msns .cont{width:100%;padding:0;}
	.msns .cont .desc br{display:block;}
	.msns .cont .tit{font-size:17px}
	.msns .video{width:calc(100% - 170px);height:310px;margin:0 auto 20px;}
	.msns .cont .sns-wrap a span{font-size:17px;}

	.fbnr .fbnr-cont .swiper-slide{width:calc(100% / 4 - 10px) !important;}
}
@media only screen and (max-width:767px){
	.main-container .mc-tit{padding:0 15px;margin:0 auto 20px;}
	@keyframes unfold{
	0%{width:0;}
	100%{width:100%;}
	}

	.mc-cont1{margin:40px 0;}
	.mnotice{margin-bottom:30px;}
	.mnotice .tabcontent li:first-child p{min-height:40px;}

	.mquick a{font-size:16px;aspect-ratio:auto;padding:0.5rem 0;}
	.mquick a:before{margin-bottom:5px;}

	.mc-cont2{padding:40px 15px;margin:0 -15px;}
	.mintro{/* margin:-10px; */}
	.mintro a{width:calc(50% - 20px);margin:10px;}
	.mintro .img-bx{height:270px;margin-bottom:0;}
	.mintro .desc{display:none;}

	.mc-cont3{margin:40px 0;}
	.msns:after{height:calc(100% + 20px);}
	.msns .video{width:100%;}
	.msns .cont .desc br{display:none;}

	.fbnr{margin:0 -15px;padding:15px;}
	.fbnr .fbnr-cont .swiper-slide{width:calc(100% / 3 - 10px) !important;}
}
@media only screen and (max-width:576px){
	.main-container .mc-stit{font-size:15px;}
	.main-container .mc-tit{padding:0 10px;margin:0 auto 15px;}
	.main-container .mc-tit span{font-size:32px;}

	.mnotice > div > .tab{font-size:20px;padding:0 10px;}
	.mnotice .more:before{width:20px;}
	.mnotice .more:after{height:20px;}

	.mquick .stit{font-size:16px;margin-bottom:15px;}
	.mquick .stit:after{width:220px;}
	.mquick:hover .stit:after{width:220px;}
	.mquick a{width:calc(100% / 3);}

	.mintro .img-bx{height:255px;}
	.mintro .img-bx .tit{width:100%;}
	.mintro .img-bx .stit span{opacity:1;transform:none;letter-spacing:2px;}

	.mintro .cont{padding:20px;}
	.mintro .cont .txt .va-pc{display:none;}
	.mintro .cont .btn-d{line-height:40px;margin-top:20px;}
	.mintro .thumb{min-height:280px;}

	.msns .cont{word-break:normal;}
	.msns .video{height:250px;}
	.msns .cont .sns-wrap a{width:50%;flex-direction:column;justify-content:center;border:1px solid #eaeaea;padding:10px;}
	.msns .cont .sns-wrap a:hover{border-color:var(--basic-color);position:relative;}
	.msns .cont .sns-wrap .insta{margin-right:-1px;}
	.msns .cont .sns-wrap a:before{margin:0 0 5px;}
	.msns .cont .sns-wrap a:after{display:none;}
	.msns .cont .sns-wrap a span{margin:0;}

	.fbnr .fbnr-cont .swiper-slide{width:calc(50% - 10px) !important;}
}
@media only screen and (max-width:415px){
	.main-container .mc-stit{font-size:14px;}
	.main-container .mc-tit{padding:0 5px;margin:0 auto 10px;}
	.main-container .mc-tit span{font-size:28px;}

	.mintro a{width:100%;}
	.mintro .img-bx{height:225px;}

	.mintro .cont{text-align:center;padding:15px;}
	.mintro .cont .tit{font-size:22px;}
	.mintro .cont .txt{font-size:16px;}
	.mintro .cont .btn-d{font-size:18px;}

	.mnotice > div > .tab{font-size:18px;padding:0 5px;}
	.mquick .stit:after{width:155px;}

	.fbnr .fbnr-cont .swiper-slide{width:calc(100% - 10px) !important}
}

/*----------------sub----------------*/

#sub-visual			{width:1820px;height:250px;text-align:center;position:relative;background:url(../img/svimg02.png) no-repeat 50% 50% / cover;padding:70px 0;margin:0 auto;}
#sub-visual:before	{content:"";position:Absolute;left:0;top:0;width:100%;height:100%;background:url(../img/mv_pattern01.png) repeat}
#sub-visual h1		{display:inline-block;font-size:40px;color:#fff;margin-top:10px}
.location {}
.location a			{position:relative;display:inline-block;font-size:.875rem;color:rgba(255,255,255,0.8);margin-left:10px;line-height:16px;}
.location a:before	{content:"";display:inline-block;width:6px;height:6px;border:1px solid #fff;border-left:none;border-top:none;transform:rotate(-45deg);vertical-align:top;margin:5px 10px 0 0}
.location a:first-child:before	{display:none;}
.location a:first-child:after	{content:"";z-index:1;position:absolute;left:0;top:-5px;display:inline-block;width:35px;height:25px;background:var(--basic-color);border-radius:50%;transform:skew(-15deg)}
.location a span	{position:relative;z-index:5;display:inline-block;width:35px;text-align:center;color:#fff}

#sub-visual:after {content:"";position:absolute;bottom:0;right:0;display:block;width:calc(50% - 700px);height:60px;background:rgba(0,0,0,0.3);}

#snb-location-wrap {position:absolute;top:-60px;left:0;background:rgba(0,0,0,0.3);}

.home-btn a {width:60px;height:60px;display:block;background:#121314 url(../img/home_btn.png) no-repeat center;}
.snb-location > div {position:relative;float:left;}
.snb-location .bx {position:relative;min-width:250px;border-right:1px solid rgba(255,255,255,0.3)}
.snb-location .bx ul   {position:absolute;top:60px;left:0;width:100%;transition:all ease-out 0.2s;border:1px solid #ccc;border-top:none;background:#fff;overflow:hidden;z-index:20;box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.snb-location .bx ul li {border-bottom:1px solid #ccc;color:#666;}
.snb-location .bx ul li:last-child{border-bottom:0;}
.snb-location .bx ul li a {display:block;padding:10px 20px;white-space:nowrap}
.snb-location .bx ul li a:hover {background:#4F6EB1;color:#fff;}
.snb-location a.selected {position:relative;display:block;line-height:60px;padding:0 80px 0 25px;color:#fff;}
.snb-location a.selected:after {content:"\f078";position:absolute;right:20px;top:50%;transform:translateY(-50%);display:block;font-family:FontAwesome;font-weight:900;}

#content		{position:relative;float:left;width:100%;padding:80px 0;min-height:600px;background:#fff;}
#content .no-content{padding:160px 0;text-align:center !important;font-size:24px;border:1px dotted #ccc;color:#999;background:#fafafa;}

.tab{width:100%;display:flex;}
.tab a{text-align:center;flex:1 0 auto;}

.tab_depth2{background:#F7F7F7;}
.tab_depth2 a{line-height:70px;color:#888888;position:relative;}
.tab_depth2 a:hover{background:var(--main-color);color:#fff;}
.tab_depth2 a:after{width:1px;height:20px;background:#ccc;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);}
.tab_depth2 a.on{line-height:66px;color:#354859;font-weight:500;margin:-10px 0 10px;background:#fff;border:2px solid #354859;box-shadow:0 4px 4px #0005}
.tab_depth2 a:hover:after,
.tab_depth2 a:last-child:after,
.tab_depth2 a.on:after{display:none;}

.tab_depth3{border-bottom:1px solid #AEAEAE;margin-bottom:50px;}
.tab_depth3 a{position:relative;padding-bottom:20px;}
.tab_depth3 a:after{width:0;height:4px;content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);background:#4F82C3;transition:0.3s;}
.tab_depth3 a:hover,
.tab_depth3 a.on{color:#4F82C3;font-weight:500;}
.tab_depth3 a:hover:after,
.tab_depth3 a.on:after{width:100%;}

.city-sns{position:absolute;right:0;bottom:calc(100% + 80px);display:flex;align-items:center;}
.city-sns p{color:#fff;}
.city-sns p span{font-weight:500;color:#fff;}
.city-sns a{width:60px;height:60px;font-size:0;display:block;background:url("../img/ico-sns-city.png") no-repeat left center / auto 100%;transition:0.3s;}
.city-sns .blog{background-position:right center;}
.city-sns a:hover{box-shadow:0 0 3px 4px #FEB83544;z-index:1;}

.city-title{margin:60px 0 50px;}
.city-title .stit{font-size:18px;font-weight:400;color:#4F82C3;text-align:center;margin-bottom:5px;}
.city-title .tit{width:fit-content;font-size:48px;text-align:center;font-weight:800;position:relative;padding:0 20px;margin:0 auto;background:#fff;z-index:1;}

.city-title .desc{text-align:center;padding:15px;margin-top:20px;background:#F6F7F9;}
.city-title .desc span{color:#3965BF;}
.city-title .desc span em{font-weight:500;background:#3965bf;color:#fff;padding:0 3px;}

.city-title .tit:before{width:calc(700px - 50%);height:1px;content:"";position:absolute;left:100%;top:50%;background:#999;z-index:-1;}
.city-title .tit:after{width:calc(700px - 50%);height:1px;content:"";position:absolute;right:100%;top:50%;background:#999;z-index:-1;}
.city-title.type2 .tit:before,
.city-title.type2 .tit:after{background:#eaeaea;}

.bg_gr2{background:#F6F7F9;}


@media only screen and (max-width:1860px){
	#sub-visual{width:1720px;height:240px;padding:60px 0;}
}
@media only screen and (max-width: 1760px){
	#sub-visual{width:1600px;height:220px;padding:50px 0;}
}
@media only screen and (max-width:1640px){
	#sub-visual{width:calc(100% - 40px);height:200px;padding:40px 0;}

	.city-title .tit{font-size:46px;}
	.city-title .desc.text-xl{font-size:22px !important;}
}
@media only screen and (max-width:1440px){
	.tab_depth3{margin-bottom:40px;}

	.city-title .tit:before,
	.city-title .tit:after{width:calc(600px - 50%);}
}
@media only screen and (max-width:1240px){
	#sub-visual h1{font-size:34px;}
	#sub-visual:after{height:50px;}
	#snb-location-wrap{top:-50px;}
	.home-btn a{width:50px;height:50px;}
	.snb-location a.selected{line-height:50px;}

	.tab_depth2{}
	.tab_depth2 a{line-height:55px;}
	.tab_depth2 a:after{height:15px;}
	.tab_depth2 a.on{border-bottom:2px solid #354859;}

	.tab_depth3 a{padding-bottom:20px;}

	.city-sns{bottom:calc(100% + 50px);}
	.city-sns a{width:50px;height:50px;}
	.city-title{margin:40px 0 30px;}
	.city-title .tit{font-size:42px;}
	.city-title .tit:before,
	.city-title .tit:after{width:calc(480px - 50%);}
	.city-title .stit{font-size:17px;margin-bottom:0;}
	.city-title .desc{margin-top:10px;}
	.city-title .desc.text-xl{font-size:20px !important;}
}
@media only screen and (max-width:1023px){
	.tab_depth2{flex-wrap:wrap;margin-top:15px;}
	.tab_depth2 a{width:calc(100% / 3);line-height:50px;flex:none;}
	.tab_depth2 a.on{line-height:46px;}

	.tab_depth3{margin-bottom:35px;}
	.tab_depth3.tab_map{flex-wrap:wrap;justify-content:center;border-bottom:none;}
	.tab_depth3.tab_map a{border:1px solid #eaeaea;flex:none;padding:5px;margin:5px;}

	.city-sns{bottom:auto;top:50px;right:0;}
	.city-sns p{text-align:right;color:#354859;margin-right:5px !important;}
	.city-sns p span{color:#354859;}
	.city-title .tit:before,
	.city-title .tit:after{width:calc(50vw - 50% - 40px);}
}
@media only screen and (max-width:767px){
	.tab_depth3 a:after{height:2px;}
	.tab_depth3.tab_map a{margin:3px;}

	.city-sns p{display:none;}
	.city-title{margin:30px 0 20px;}
	.city-title .stit{font-size:16px;}
	.city-title .tit{font-size:34px;padding:0 15px;}
	.city-title .desc.text-xl{font-size:18px !important;}
}
@media only screen and (max-width:576px){
	.tab_depth3{margin-bottom:25px;}

	.city-title .stit{display:none;}
	.city-title .tit{font-size:28px;}
	.city-title .desc.text-xl{font-size:16px !important;}
}
@media only screen and (max-width:415px){
	.tab_depth2 a{width:50%;line-height:45px;}
	.tab_depth2 a.on{line-height:41px;}
	.tab_depth3.tab_map a{padding:1px;margin:1px;}
	.city-sns{top:90px;}
	.city-sns a{width:45px;height:45px;}

	.city-title .tit{font-size:24px;padding:0 10px;}
	.city-title .desc{padding:10px;}
	.city-title .desc.text-xl{font-size:14px !important;}
	.city-title .tit:after{width:calc(50vw - 50% - 30px);}
}

/*인사말*/
#greeting .tit {position:relative;}
#greeting .tit:before {content:"";position: absolute;top: -20px;left:-20px;z-index:1;display:block;width:58px;height:48px;background:url(../img/center_tit_ico.png) no-repeat 0 0 / cover;}
#greeting .tit p:nth-child(1) {position:relative;z-index:2;font-size:46px;color:#354859;line-height:1.2;}
#greeting .tit p:nth-child(2) {color:#999;letter-spacing:10px;}
#greeting .tit p span, #greeting .bnr p span {display:block;}
#greeting .bnr {margin-top:40px;padding:150px 0;line-height:1;color:rgba(255,255,255,0.5);background:url(../img/greeting_bg.png) no-repeat 50% 50% / cover;}
#greeting .bnr p.eng-tit {font-size:60px;}
#greeting .bnr .d_width {position:relative;}
#greeting .bnr .grt-img {position:absolute;bottom:-30px;right:0;}
#greeting .bnr .grt-img .bx {position:relative;z-index:2;display:block;width:700px;padding:50px;background:#fff;color:#333;font-size:17px;line-height:1.6;box-shadow:0 0 5px rgba(0,0,0,0.2);}
#greeting .bnr .grt-img p {margin-bottom:15px;word-break:keep-all;}
#greeting .bnr .grt-img p:nth-child(1) {position:relative;font-size:30px;margin-bottom:25px;line-height:1.4;}
#greeting .bnr .grt-img p:nth-child(1):before {content:"";position:absolute;top:0px;right:0;width:105px;height:105px;background:url(../img/greeting_obj.png) no-repeat 50% 50%;}
#greeting .bnr .grt-img p:nth-child(1):after {content:"";position:absolute;top:20px;left:50%;width:110px;border-top:3px solid #4f6eb1;}
#greeting .bnr .grt-img:before {content:"";position:absolute;bottom:-8px;left:-8px;z-index:1;display:block;width:100px;height:100px;background:#74a5cd;}
#greeting .bnr .grt-img:after {content:"";position:absolute;top:-8px;right:-8px;z-index:1;display:block;width:150px;height:150px;background:#4f6eb1;}
#greeting .txt div {float:left;width:calc(50% - 30px);}
#greeting .txt div:nth-child(1) {margin-right:30px;}
#greeting .txt div:nth-child(2) {margin-left:30px;}
#greeting .txt div p {margin-top:30px;}

/*연혁*/
#history .tit {position:relative;float:left;width:550px;padding:50px 50px 200px 50px;border:10px solid #F6F7F9;border-right:none;background:url(../img/history_tit_img01.png) no-repeat 90% 30% / 134px;}
#history .tit:after {content:"";position:absolute;bottom:-250px;left:50px;display:block;width:468px;height:380px;background:url(../img/history_tit_img02.png) no-repeat 50% 50% / cover;}
#history .tit p:nth-child(1) {font-size:40px;margin-bottom:20px;line-height:1.2;color:#354859;}
#history .tit p:nth-child(2) {font-size:14px;letter-spacing:5px;color:#999;}
#history .tit p span {display:block;}
#history .cont {float:right;width:calc(100% - 630px);padding:0px 40px 20px 40px;border-left:1px dashed #99A3AB;}
#history .cont li .year {position:relative;margin:40px 0 20px 0;font-size:30px;color:#FEB835;font-weight:600;line-height:1.2;}
#history .cont li .year:before {content:"";position:absolute;top:calc(50% - 5px);left:calc(-40px - 6px);display:block;width:10px;height:10px;border-radius:50%;border:2px solid #FEB835;background:#fff;}
#history .cont li li .date {display:inline-block;margin-right:20px;font-size:16px;color:#354859;font-weight:600;vertical-align:middle;}

/*비전*/
#vision {position:relative;}
#vision .tit {margin-bottom:40px;font-size:50px;text-align:center;color:#000;}
#vision .cirtit			{position:relative;}
#vision .cirtit:before  {content:"";display:block;position:absolute;bottom:-70px;left:calc(50% - 1px);height:60px;border-left:2px dotted #354859;}
#vision .cirtit:after	{content:"";display:block;position:absolute;bottom:-75px;left:calc(50% - 5px);width:10px;height:10px;border:2px solid #354859;border-radius:50%;background:#fff;}
#vision .cirtit b		{display:block;width:280px;height:280px;margin:0 auto 75px;padding-top:100px;border-radius:50%;text-align:center;overflow:hidden;background:url(../img/vision_bg2.png) no-repeat 50% 50% / cover;color:#fff;font-size:24px;line-height:1.2;box-shadow:1px 1px 15px rgba(79,110,177,0.9);}
#vision .cirtit span	{display:block;font-size:46px;}
#vision .txtline			{margin-bottom:40px;font-size:36px;color:#4F6EB1;text-align:center;}
#vision .txtline.border-h	{position:relative;}
#vision .txtline.border-h:before {content:"";position:absolute;top:-36px;left:calc(50% - 1px);height:140px;border-left:2px dotted #354859;}
#vision .txtline b			{position:relative;background:#fff;}
#vision .txtline b:before	{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;border-bottom:2px solid #4F6EB1;}
#vision .vision-list			{position:relative;margin:100px -20px 40px;}
#vision .vision-list:before		{content:"";position:absolute;top:-60px;left:179px;width:calc(100% - 358px);border-top:2px dotted #354859;}
#vision .vision-list li			{position:relative;float:left;width:calc(25% - 40px);height:350px;padding:40px 20px;margin:0 20px;text-align:center;border:1px solid #ddd;color:#000;}
#vision .vision-list li:before  {content:"";position:absolute;top:-60px;left:calc(50% - 1px);display:block;height:60px;border-left:2px dotted #354859;}
#vision .vision-list li:after	{content:"";position:absolute;top:-5px;left:calc(50% - 5px);display:block;width:10px;height:10px;border-radius:50%;border:2px solid #354859;background:#fff;}
#vision .vision-list li b		{font-size:22px;}
#vision .vision-list li b:before{content:"";display:block;width:100px;height:100px;margin:0 auto 20px;background-image:url(../img/vision_ico.png);background-repeat:no-repeat;background-size:400px;}
#vision .vision-list li.ico1 b:before {background-position:0 0;}
#vision .vision-list li.ico2 b:before {background-position:-100px 0;}
#vision .vision-list li.ico3 b:before {background-position:-200px 0;}
#vision .vision-list li.ico4 b:before {background-position:-300px 0;}
#vision .vision-list li p {margin-top:20px;}
#vision .vision-list li span {display:block;}
#vision .point-list			{margin:0 -20px;}
#vision .point-list li		{float:left;width:calc(25% - 40px);margin:0 20px;border-radius:100px;text-align:center;line-height:90px;color:#fff;font-size:30px;}
#vision .point-list li.bg1  {background:#4F6EB1}
#vision .point-list li.bg2  {background:#FEB835}
#vision .point-list li.bg3  {background:#74A5CD}
#vision .point-list li.bg4  {background:#354859}

/*#vision .cont1 {margin-top:100px;}
#vision .cont1 ul li {float:left;width:33.3333%;}
#vision .cont1 ul li .img {width:280px;height:280px;margin:0 auto;padding:100px 0;border-radius:50%;text-align:center;font-size:36px;color:#fff;line-height:1.2;font-weight:600;background-repeat:no-repeat;background-size:cover;}
#vision .cont1 ul li .img span {display:block;}
#vision .cont1 ul li .img.bg1 {background-image:url(../img/vision_cont1_bg1.png);box-shadow:5px 3px 18px rgba(254,184,53,0.8);}
#vision .cont1 ul li .img.bg2 {background-image:url(../img/vision_cont1_bg2.png);box-shadow:5px 3px 18px rgba(79,110,177,0.8);}
#vision .cont1 ul li .img.bg3 {background-image:url(../img/vision_cont1_bg3.png);box-shadow:5px 3px 18px rgba(116,165,205,0.8);}
#vision .cont1 ul li .point {position:relative;display:block;width:10px;height:10px;margin:80px auto 10px;border-radius:50%;border:2px solid #354859;background:#fff;}
#vision .cont1 ul li .point:before {content:"";position:absolute;bottom:7px;left:calc(50% - 1px);display:block;height:70px;border-left:1px dashed #354859;}
#vision .cont1 ul li .txt1 {text-align:center;font-size:25px;color:#354859;}
#vision .cont1 .txt2 {position:relative;margin-top:20px;text-align:center;line-height:40px;color:#354859;}
#vision .cont1 .txt2:before {content:"";position:absolute;top:0;left:232px;height:20px;border-left:1px solid #99A3AB;}
#vision .cont1 .txt2:after {content:"";position:absolute;top:0;right:232px;height:20px;border-right:1px solid #99A3AB;}
#vision .cont1 .txt2 span:before {content:"";position:absolute;top:20px;left:232px;width:calc(50% - 300px);border-top:1px solid #99A3AB;}
#vision .cont1 .txt2 span:after {content:"";position:absolute;top:20px;right:232px;width:calc(50% - 300px);border-top:1px solid #99A3AB;}*/
#vision .cont2 {margin-top:100px;}
#vision .cont2 > ul {margin:0 -20px;}
#vision .cont2 > ul > li {float:left;width:calc(33.3333% - 40px);margin:0 20px;} 
#vision .cont2 > ul > li .thumb {position:relative;width:100%;height:320px;margin-bottom:20px;}
#vision .cont2 > ul > li .thumb p {position:absolute;bottom:0;left:0;width:calc(100% - 20%);padding:10px 0 10px 5px;background:#fff;font-size:22px;}
#vision .cont2 > ul > li .thumb .col1 {color:#FEB835;}
#vision .cont2 > ul > li .thumb .col2 {color:#4F6EB1;}
#vision .cont2 > ul > li .thumb .col3 {color:#74A5CD;}


/*h3 {position:relative; padding-left:10px;}
h3:before {content:"";position:absolute;top:-10px;left:0px;display:block;width:28px;height:30px;border-radius:50%;transform:skew(-35deg);background:#4F6EB1;opacity:0.2;}*/

/*ci 소개*/
#sscf-ci ul li {padding:50px 0;border-bottom:1px solid #99A3AB;}
#sscf-ci ul li h3 {margin-top:0;}
#sscf-ci ul li .bx {padding:70px 50px;border:10px solid #F6F7F9;text-align:center;}
#sscf-ci ul li .bx img {display:inline-block;}
#sscf-ci ul li .bx.bx2 {float:left;width:calc(50% - 50px);}
#sscf-ci ul li .txt {float:right;width:50%;}
#sscf-ci ul li:nth-child(1) {padding-top:0;}
#sscf-ci ul li:nth-child(1) h3		 {margin-top:50px;}
#sscf-ci ul li:nth-child(1) .bx		 {padding:150px 50px;}
#sscf-ci ul li:nth-child(1) .bx img {margin:0 50px;}

/*조직 및 업무안내*/
#org {margin-bottom:50px;}
.org1 {position:relative;z-index:2;width:180px;height:180px;margin:0 auto;padding:60px 0;border-radius:50%;border:8px solid #FEB835;box-shadow:inset -5px 5px 6px rgba(0,0,0,0.2), -5px 5px 6px rgba(0,0,0,0.2);text-align:center;font-size:26px;font-weight:600;background:#fff;color:#354859;}
.org1:before{content:"";position:absolute;bottom:-188px;left:50%;z-index:0;display:block;height:180px;border-left:1px solid #ccc;}
.org1 .point1 {content:"";position:absolute;top:20px;left:-10px;display:block;width:45px;height:30px;border-radius:50%;transform:skew(35deg);background:#74A5CD;}
.org1 .point2 {content:"";position:absolute;bottom:0px;right:-10px;display:block;width:60px;height:50px;border-radius:50%;transform:skew(-40deg);background:#4F6EB1;}
.org2, .org3 {width:240px;height:80px;text-align:center;box-sizing:border-box;}
.org2-wrap {position:relative;margin-top:30px;}
.org2-wrap:before {content:"";position:absolute;top:50%;left:0;z-index:0;display:block;width:100%;border-top:1px solid #ccc;}
.org2 {position:relative;z-index:1;float:left;padding:20px 0;border:5px solid #ccc;background:#fff;}
.org2.bx1:before {content:"";position:absolute;top:calc(50% - 6px);right:-10px;width:12px;height:12px;border:2px solid #ccc;border-radius:50%;background-color:#fff;}
.org2.bx2 {float:right;}
.org2.bx2:before {content:"";position:absolute;top:calc(50% - 6px);left:-10px;width:12px;height:12px;border:2px solid #ccc;border-radius:50%;background-color:#fff;}
.org3 {position:relative;z-index:2;margin:0 auto;margin-top:30px;padding:25px 0;background:#4F6EB1;color:#fff;}
.org3:before {content:"";position:absolute;top:-5px;left:calc(50% - 6px);z-index:10;width:12px;height:12px;border:2px solid #4F6EB1;border-radius:50%;background-color:#fff;}
.org3:after {content:"";position:absolute;bottom:-50px;left:50%;display:block;height:50px;border-left:1px solid #ccc;}
.org4-wrap{position:relative;margin:0 -20px;margin-top:80px;}
.org5-wrap {margin-top:80px;}
.new .org4-wrap,
.org5-wrap{width:50%; display: inline-block;position:relative;}
.org5-wrap:before {content: "";position: absolute;top: 130px;left: 120px;display: block;width: calc(100% - 240px);border-top: 1px solid #ccc;}
.org4-wrap:before{content:"";position:absolute;top:-30px;left:120px;display:block;width:calc(100% - 240px);border-top:1px solid #ccc;}
.new .org4-wrap:before {display:none;}
.org-wrap:before{content:"";position:absolute;top: 50px;left: 99px;display:block;width: calc(65%);border-top:1px solid #ccc;}
.org-wrap {position:relative;}
.org4,
.org5.line-2{position:relative;float:left;width:calc(100% / 6);padding:0 20px;}
.new .org4,
.org5.line-2 {width:calc(100% / 3);}
.org5:first-child .tit {width:calc(100% / 3);margin:0 auto;}
.org4:before,
.org5:before{content:"";position:absolute;top:-5px;left:calc(50% - 6px);z-index:10;width:12px;height:12px;border:2px solid #74A5CD;border-radius:50%;background-color:#fff;}
.org5.line-2 {margin-top:80px;}
.org4 .tit,
.org5 .tit{position:relative;height:80px;text-align:center;padding:25px 0;background:#74A5CD;color:#fff;}
.org5 .tit {background:#97b3cb;}
.org5:first-child .tit {background:#74A5CD;}
.org4 .tit:before,
.org5 .tit:before{content:"";position:absolute;top:-30px;left:50%;height:30px;border-left:1px solid #ccc;}
.org5:first-child .tit:after {content:"";position:absolute;top:80px;left:50%;height:50px;border-left:1px solid #ccc;}
.org4 .list,
.org5.line-2 .list{position:relative;height:265px;margin-top:10px;padding:20px;background:#FAFAFA;}
.org4 .list:before{content:"";position:absolute;top:-10px;left:50%;height:10px;border-left:1px solid #ccc;}
.org4 .list li span,
.org5 .list li span{display:block;font-size:15px;}

div.t1	table thead tr th {position:relative;}
div.t1	table thead tr th:after {content:"";position:absolute;top:calc(50% - 5px);right:0;height:10px;border-left:1px solid #99A3AB;}
div.t1	table thead tr th:last-child:after {content:none;}
div.t1	table tbody td ul li {float:left;width:50%;text-align:left;line-height:2;}

@media only screen and (max-width: 1440px) {
	.org-wrap:before {left: 80px;}
	.org5-wrap:before {width: calc(100% - 200px);left: 100px;}
	.new .org4, .org5.line-2 {padding: 0 10px; }
	.org4 .list, .org5.line-2 .list {height:auto;}
}

@media only screen and (max-width: 1240px) {
	.org-wrap:before {left: 58px;}
	.org5-wrap:before {width: calc(100% - 160px);left: 80px;}
}

@media only screen and (max-width: 1023px) {
	.org-wrap:before {left: 43px;width: 64%;}
	.org5-wrap:before {width: calc(100% - 120px);left: 61px;}
}


@media only screen and (max-width: 767px) {
	.new .org4-wrap,
	.org5-wrap {width:100%;}
	.new .org4,
	.org5.line-2 {width:100%;padding:0;}
	.org4-wrap {margin:0;}
}



/*윤리경영*/
#mngment  {padding:50px;background:url(../img/mngment_bg.png) no-repeat 50% 50% / cover;}
#mngment .tit {text-align:center;margin-bottom:50px;}
#mngment .tit p:nth-child(1) {font-size:46px;color:#354859;}
#mngment .tit p:nth-child(2) {font-size:20px;}
#mngment .cont ul {margin:0 -15px;}
#mngment .cont ul li {float:left;width:calc(33.3333% - 30px);margin:0 15px;overflow:hidden;color:#fff;text-align:center;box-shadow:0px 0px 12px rgba(0,0,0,0.2)}
#mngment .cont ul li a {display:block;height:350px;padding:60px 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#mngment .cont ul li a:before {content:"";display:block;width:80px;height:80px;margin:0 auto;margin-bottom:20px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#mngment .cont ul li:hover a {transform: scale(1.1);}

#mngment .cont ul li.ico1 a		  {background-image:url(../img/mng_cont_bg01.png);}
#mngment .cont ul li.ico2 a			  {background-image:url(../img/mng_cont_bg02.png);}
#mngment .cont ul li.ico3 a			  {background-image:url(../img/mng_cont_bg03.png);}
#mngment .cont ul li.ico1 a:before {background-image:url(../img/mngment_ico1.png);}
#mngment .cont ul li.ico2 a:before {background-image:url(../img/mngment_ico2.png);}
#mngment .cont ul li.ico3 a:before {background-image:url(../img/mngment_ico3.png);}
#mngment .cont ul li p:nth-child(1) {margin-bottom:15px;font-size:25px;font-weight:600;}
#mngment .cont ul li p:nth-child(2) span {display:block;}
#mngment .logo {width:130px;margin:100px auto 0;}


/*찾아오시는길*/
#traffic h3 {margin:40px 0 20px 0;}
.map {position:relative;height:650px;margin-bottom:30px;border:1px solid #354859;}
.map iframe {width:100%;height:100%;}
.map .bx {position:absolute;bottom:0;left:0;width:100%;padding:30px 50px;background-color:rgba(0,0,0,0.6);color:#fff;font-size:19px;}
.map .bx span i {margin-right:5px;}
.map .bx span.num {margin-right:20px;}
.trf-use1 ul {border-top:2px solid #354859;}
.trf-use1 ul li {padding:30px 0;border-bottom:1px solid #ccc;}
.trf-use1 ul li .tit {float:left;width:310px;font-size:20px;color:var(--sub-color3);}
.trf-use1 ul li .tit:before {content:"";display:inline-block;width:40px;margin-right:20px;height:40px;border-radius:50%;background-color:#93B9D8;background-image:url(../img/traffic_ico.png);background-repeat:no-repeat;background-size:80px;vertical-align:bottom;}
.trf-use1 ul li .tit.ico1:before {background-position:0px 0px;}
.trf-use1 ul li .tit.ico2:before {background-position:-40px 0;}
.trf-use1 ul li .txt							{float:left;width:calc(100% - 310px);}
.trf-use1 ul li .txt .bx p {display:inline-block;margin-right:20px;}
.trf-use1 ul li .txt .bx p:nth-child(1) {color:#3E78C1;}
.trf-use1 ul li .txt .bx p:nth-child(2),
.trf-use1 ul li .txt .bx p:nth-child(3) {color:#4CB85A;}
.trf-use1 ul li .txt .badge				{width:60px;padding:0;margin-right:10px;border-radius:20px;font-size:15px;line-height:30px;}
.trf-use1 ul li .txt .badge.green		{background:#4CB85A}
.trf-use1 ul li .txt .badge.category {border:2px solid #4CB85A;color:#4CB85A !important;background:#fff;;}

.trf-use2 ul {padding:30px 30px 30px 50px;border:1px solid #D0D8D9;}
.trf-use2 ul li p {float:left;line-height:2;}
.trf-use2 ul li .tit {width:280px;}
.trf-use2 ul li .txt {width:calc(100% - 280px);}

@media only screen and (max-width:1440px){ /* 1200 */
	#sub-visual:after {width:calc(50% - 600px);}
	#greeting .tit p:nth-child(1) {font-size:40px;}
	#greeting .bnr .grt-img {bottom:-70px;}
	#greeting .bnr .grt-img .bx {width:600px;padding:35px;}
	#greeting .bnr .grt-img p:nth-child(1):after {left:calc(50% + 40px);}
	#greeting .bnr .grt-img p:nth-child(1):before {width:80px;height:80px;background-size:cover;}

	#sscf-ci ul li:nth-child(1) .bx {padding:120px 50px;}
	
	.org4-wrap:before {left:124px;width:calc(100% - 248px);}

	.trf-use1 ul li .txt .bx p:nth-child(1) {display:block;margin-bottom:5px;}
}
@media only screen and (max-width:1240px) {
	#content {width:100%;padding:50px 0 80px 0;margin-left:0;}

	#sub-visual:after {width:calc(50% - 480px);}

	
	#greeting .tit {text-align:center;}
	#greeting .tit:before {content:none;}
	#greeting .tit p:nth-child(1) {font-size:40px;}
	#greeting .d_width {width:100%;}
	#greeting .bnr {padding:30px;}
	#greeting .bnr .grt-img {position:relative;bottom:auto;right:auto;width:100%;height:auto;font-size:16px;}
	#greeting .tit p span, #greeting .bnr p span {display:inline-block;}
	#greeting .bnr .grt-img p:nth-child(1):after {content:none;}
	#greeting .bnr .grt-img p:nth-child(1):before {content:none;}
	#greeting .bnr p {margin-bottom:30px;text-align:center;}
	#greeting .bnr p.eng-tit {font-size:50px;}
	#greeting .txt div {width:calc(50% - 20px);}
	#greeting .txt div:nth-child(1) {margin-right:20px;}
	#greeting .txt div:nth-child(2) {margin-left:20px;}
	#greeting .bnr .grt-img .bx {width:100%;}

	#vision .tit {font-size:40px;}
	#vision .txtline {font-size:30px;}
	#vision .txtline.border-h:before {height:130px;}
	#vision .vision-list {margin:100px -10px 40px}
	#vision .vision-list:before {left:121px;width:calc(100% - 243px);}
	#vision .vision-list li {width:calc(25% - 20px);margin:0 10px;}
	#vision .vision-list li b {font-size:18px;}
	#vision .vision-list li b:before {width:80px;height:80px;background-size:320px;}
	#vision .vision-list li.ico2 b:before {background-position:-80px 0;}
	#vision .vision-list li.ico3 b:before {background-position:-160px 0;}
	#vision .vision-list li.ico4 b:before {background-position:-240px 0;}

	#vision .point-list {margin:0 -10px;}
	#vision .point-list li {width:calc(25% - 20px);margin:0 10px;line-height:70px;font-size:24px;}


	#sscf-ci ul li:nth-child(1) .bx {padding:100px 50px;}
	#sscf-ci ul li:nth-child(1) .bx img {width:230px;margin:0 30px;}

	.org4 .list li span {font-size:14px;}
	.org4-wrap:before {left:100px;width:calc(100% - 200px);}
}

@media only screen and (max-width:1023px){ /* 720 */
	.active>ul {display:none;}
	#sub-visual {display:none;}
	.sub-container {/* padding-top:60px; */}
	.sub-container .d_width {width:auto;}

	#content {padding:20px;}
	.c_width {padding:0 20px;}
	#snb-location-wrap {position:relative;top:auto;left:auto;background:#354859;}
	#snb {float: none;width: 100%;}
	#snb h2 {display:block;margin:0;height:60px;background:#695343;text-align:center;font-size:25px;color:#fff;line-height:60px;}
	#snb h2:after {position: absolute;right:20px;top:0px;content: "\f078";font-family: FontAwesome;font-size: 20px;color: #fff;}
	#snbmn {margin-top:0}
	#snbmn>ul {background:none;}
	#snbmn>ul>li>a {color:#333;padding: 12px 20px;}
	#snbmn>ul>li:last-child>a {border-bottom: 1px solid rgba(0,0,0,0.15);}

	#greeting .tit p:nth-child(1) {font-size:34px;}
	#greeting .bnr .grt-img p:nth-child(1) {font-size:24px;}
	#greeting .bnr .grt-img .bx {font-size:15px;}
	#greeting .bnr {margin:20px -20px -20px -20px;}
	#greeting .bnr p.eng-tit {font-size:40px;}
	#greeting .txt div {width:calc(50% - 10px);}
	#greeting .txt div:nth-child(1) {margin-right:10px;}
	#greeting .txt div:nth-child(2) {margin-left:10px;}

	#history .tit {float:none;width:100%;padding:30px;}
	#history .tit:after {bottom:-100px;left:auto;right:0;width:220px;height:180px;}
	#history .tit p:nth-child(1) {font-size:30px;}
	#history .cont {float:none;width:100%;margin-left:10px;padding:0 0 20px 40px}
	#history .cont li .year {font-size:24px;}

	#vision:before {height:650px;}
	#vision .d_width {width:720px;}
	#vision .tit {font-size:38px;}
	#vision .cont1 {margin-top:40px;}
	#vision .cont1 ul li .img {width:200px;height:200px;padding:70px 0;font-size:30px;}
	#vision .cont1 ul li .txt1 {font-size:18px;}
	#vision .cont1 .txt2:before {left:120px;}
	#vision .cont1 .txt2:after {right:120px;}
	#vision .cont1 .txt2 span:before {left:120px;width:calc(50% - 170px);}
	#vision .cont1 .txt2 span:after {right:120px;width:calc(50% - 170px);}
	#vision .cont2 {margin-top:50px;}
	#vision .cont2 > ul {margin:0 -10px;}
	#vision .cont2 > ul > li {width:calc(33.3333% - 20px);margin:0 10px;}
	#vision .cont2 > ul > li .thumb {height:auto;margin-bottom:10px;}
	#vision .cont2 > ul > li .thumb p {position:relative;width:100%;margin-top:10px;padding:0;font-size:17px;}
	#vision .vision-list:before {width:calc(100% - 182px);left:90px;}
	#sscf-ci ul li:nth-child(1) .bx {padding:50px;}
	#sscf-ci ul li:nth-child(1) h3 {margin-top:20px;}
	#sscf-ci ul li .bx.bx2 {width:calc(50% - 30px);}

	.org4-wrap:before {left:78px;width:calc(100% - 154px);}
	div.t1 table tbody td ul li {width:100%;}
	
	.map {height:500px;} 
}
@media only screen and (max-width:817px){
	.trf-use1 ul li .txt .bx p:nth-child(2) {display:block;margin-bottom:5px;}
	.snb-location .home-btn {display:none;}
}
@media only screen and (max-width:767px){ /* auto */	
	.mobile-none {display:none;}
	.snb-location .bx {width:100%;border-right:0;}
	.snb-location .bx ul {top:50px;border-right:none;border-left:none;}
	.snb-location .bx ul li a {padding:10px 20px;font-size:.875rem;}
	.snb-location a{}
	.snb-location a.selected {padding:0 20px;line-height:50px;}

	#snb-location-wrap{width:100%;left:0;}

	#content {padding:20px;}
	#greeting .tit p:nth-child(1) {font-size:24px;}
	#greeting .tit p:nth-child(2) {letter-spacing:5px;}
	#greeting .txt div {float:none;width:100%;}
	#greeting .txt div:nth-child(1) {margin-right:0;}
	#greeting .txt div:nth-child(2) {margin-left:0;}
	#greeting .txt div p {margin-top:20px;}
	#greeting .bnr p.eng-tit {font-size:30px;}
	#greeting .bnr .grt-img p:nth-child(1) {font-size:20px}

	#vision .d_width {width:auto;}
	#vision .tit {font-size:30px;margin-bottom:20px;}
	#vision .cirtit b {width:200px;height:200px;padding-top:60px;}
	#vision .cirtit span {font-size:35px;}
	#vision .txtline {font-size:24px;}
	#vision .vision-list li:before,
	#vision .vision-list li:after,
	#vision .vision-list:before,
	#vision .txtline.border-h:before {content:none;}
	#vision .txtline {margin-bottom:20px;}
	#vision .vision-list {margin:20px -10px 40px;}
	#vision .vision-list li {width:calc(50% - 20px);height:300px;}
	#vision .vision-list li:nth-child(1),
	#vision .vision-list li:nth-child(2) {margin-bottom:20px;}
	#vision .point-list li {width:calc(50% - 20px);font-size:18px;line-height:60px;}
	#vision .point-list li:nth-child(1),
	#vision .point-list li:nth-child(2) {margin-bottom:20px;}

	#vision .cont2 > ul {margin:0;}
	#vision .cont2 > ul > li {width:100%;margin:0 0 20px 0;}
	#vision .cont2 > ul > li .thumb .img {overflow:hidden;}
	#vision .cont2 > ul > li .thumb .img img {height:220px;object-fit:cover;}
	#sscf-ci ul li:nth-child(1) .bx {padding: 50px 0;}
	#sscf-ci ul li:nth-child(1) .bx img {width:200px; margin:0 10px;}
	#sscf-ci ul li .bx {padding:50px;}
	#sscf-ci ul li .bx.bx2 {float:none;width:100%;}
	#sscf-ci ul li .txt {float:none;width:100%;margin-top:20px;}

	.org1 {width:150px;height:150px;padding:50px 0;font-size:1.25rem;}
	.org1 .point1 {width:40px;height:25px;}
	.org1 .point2 {width:50px;height:40px;}
	.org2, .org3 {width:100%;height:auto;}
	.org2 {float:none;margin:0 auto;padding:10px 0;margin-bottom:10px;}
	.org2.bx2 {float:none;}
	.org3 {padding:15px 0;margin:0 auto;margin-bottom:10px;}
	.org4 {width:100%;}
	.org4 .tit {padding:15px 0;height:auto;}
	.org4 .list,
	.org5 .list,
	.org5.line-2 .list{height:auto;padding:0;background:none;}
	.org4 .list ul li,
	.org5 .list ul li{padding:10px 0;margin-bottom:10px;background:#fafafa;text-align:center;}
	.org4 .list ul li span,
	.org5 .list ul li span{display:inline-block;display:none;}
	.org4-wrap{margin-top:20px;}
	.org5-wrap,
	.org5.line-2{margin-top:0;}
	.org5 {margin-bottom:10px;}
	.org1:before, .org2-wrap:before, .org2.bx1:before, .org2.bx2:before,
	.org3:before, .org3:after,
	.org4:before, .org4-wrap:before, .org4 .tit:before, .org4 .list:before,.org5 .tit:before 
	, .org5-wrap:before, .org5:before, .org5:first-child .tit:after{content:none;}
	.line_solid {display:none;}
	.org5:first-child .tit,
	.org5 .tit{padding:15px 0;width:100%;height:auto;}

	#mngment {padding:30px 20px;}
	#mngment .tit {margin-bottom:20px;}
	#mngment .tit p:nth-child(1) {font-size:30px;}
	#mngment .tit p:nth-child(2) {font-size:18px;}
	#mngment .cont ul {margin:0;}
	#mngment .cont ul li {float:none;width:100%;margin:0 0 20px 0;}
	#mngment .cont ul li a {height:auto;padding:20px 0;}
	#mngment .logo {margin:50px auto 0;}
	#mngment .cont ul li a:before {width:60px;height:60px;}
	
	.map {height:400px;}
	.map .bx {padding:20px;font-size:1rem;}
	.trf-use1 ul li .tit {float:none;width:100%;margin-bottom:10px;font-size:1.125rem;}
	.trf-use1 ul li .tit:before {width:30px;height:30px;margin-right:10px;background-size:60px;}
	.trf-use1 ul li .tit.ico2:before {background-position:-30px 0;}
	.trf-use1 ul li .txt .badge {width:50px;height:auto;line-height:24px;font-size:.725rem;}
	.trf-use1 ul li .txt {width:100%;}
	.trf-use2 ul {padding:20px 30px;word-break:keep-all;}
	.trf-use2 ul li .tit {width:100%;display:block;}
	.trf-use2 ul li .txt {width:100%;}
}
@media only screen and (max-width:576px){ /* mobile-l */

	#greeting .tit p:nth-child(1) {word-break:keep-all;}
	#greeting .tit p:nth-child(2) {display:none;}
	#greating .bnr {height: 150px;margin:30px 0;}
	#greeting .bnr .grt-img {font-size:15px;}
	#greeting .bnr .grt-img .bx {padding:20px;font-size:14px;}

	#history .bnr {height:180px;padding: 30px;}
	#history .bnr .tit {font-size: 32px;}
	#history .tit {padding:20px;}
	#history .tit:after {bottom:-80px;width:186px;height:150px;}
	#history .tit p:nth-child(1) {font-size:24px;}
	#history .tit p:nth-child(2) {display:none;}
	
	#vision:before {content:none;}
	#vision .tit {font-size:24px;margin-bottom:20px;}
	#vision .txtline {margin-bottom:20px;}
	#vision .vision-list {margin:0 0 20px}
	#vision .vision-list:before {content:none;}
	#vision .txtline.border-h:before,
	#vision .vision-list li:before,
	#vision .vision-list li:after {content:none;}
	#vision .vision-list li {width:100%;height:auto;margin:0 0 20px 0;padding:20px;}
	#vision .vision-list li:nth-child(1),
	#vision .vision-list li:nth-child(2) {margin-bottom:20px;}
	#vision .vision-list li:nth-child(4) {margin-bottom:0;}
	#vision .cont2 {margin-top:20px;}
	#vision .cont2 > ul > li .thumb .img img {height:200px;object-fit:cover;}
	#sscf-ci ul li:nth-child(1) .bx {padding:50px;}

	#mngment .tit p:nth-child(1){font-size:26px;}
	#mngment .tit p:nth-child(2) {font-size:16px;word-break:keep-all;}


	#mngment .cont ul li:before {width:50px;height:50px;margin-bottom:10px;}
	#mngment .cont ul li p:nth-child(1) {margin-bottom:0;font-size:20px;}
	
	.map {height:300px;}
	.map .bx {font-size:.875rem;}
	.trf-use1 ul li {padding:20px 0;}
}
@media only screen and (max-width:415px){ /* mobile-s */

	#content{padding:10px;}
	#history .tit:after {width:150px;height:120px;}

	#vision .point-list {margin:0;}
	#vision .point-list li {width:100%;margin:0 0 10px 0;}
	#vision .point-list li:nth-child(1),
	#vision .point-list li:nth-child(2) {margin-bottom:10px;}
	
	#vision .cont2 > ul > li .thumb .img {height:180px;}
	
	#sscf-ci ul li:nth-child(1) .bx img {width:auto;}

	.map .bx {font-size:.725rem;}
}

.site-btn {position:absolute;line-height:80px;font-weight:bold;background-color:#fff;background-repeat:no-repeat;background-position:100% 100%;background-size:80px;}
.site-btn:hover {box-shadow: 0 2px 4px rgb(0 0 0 / 30%);}

/*운영시설*/
#center {position:relative;top:80px;}
#center:before {content:"";position:absolute;top:300px;left:0;display:block;width:100%;height:500px;background-color:#F6F7F9;}
#center .center-img {position:relative;box-shadow:8px 8px 15px rgba(0,0,0,0.2);background:#fff}
#center .center-img .site-btn {top:-80px;right:0;padding:0 100px 0 20px;background-image:url(../img/center_ico.png);background-color:#f6f6f6;}
#center .center-img .site-btn:hover span {color:#4F6EB1;}
#center .info {margin-top:50px;}
#center .info ul li {position:relative;float:left;width:33.3333%;padding:20px 0;text-align:center;border-right:1px solid #D0D8D9;font-size:19px;}
#center .info ul li:last-child {border-right:0;}
#center .info ul li span {display:block;color:#4F6EB1;font-size:17px;}
#center .tit-bx {margin-top:150px;padding-bottom:100px;border-bottom:1px solid #354859;}
#center .tit-bx:before {content:"";position:absolute;top:-20px;left:-20px;z-index:1;display:block;width:58px;height:48px;background:url(../img/center_tit_ico.png) no-repeat 0 0 / cover;}
#center .tit-bx div {float:left;}
#center .tit-bx .tit {position:relative;z-index:2;width:500px;font-size:30px;color:#4F6EB1;line-height:1.4;}
#center .tit-bx .tit span {display:block;}
#center .tit-bx .txt {width:calc(100% - 500px);}
#center .tit-bx .txt p:last-child {margin-top:30px;}
#center .bx1_wh {margin-bottom:40px;}
#center .bx1_wh p {font-size:19px;}
#center .b-thumb {margin-bottom:40px;}
#center .b-thumb ul, #center .s-thumb ul{margin:0 -20px;}
#center .b-thumb ul li {float:left;width:calc(33.3333% - 40px); margin:0 20px;}
#center .s-thumb ul li {float:left;width:100%;margin:0 20px 40px 20px;}
#center .s-thumb ul li img, #center .s-thumb ul li p {float:left;}
#center .s-thumb ul li p {width:calc(100% - 320px);margin-left:20px;word-break:keep-all;}
#center .s-thumb ul li p span {display:block;color:#74A5CD;font-size:20px;margin-bottom:10px;}
#center .use-info {margin:0 -20px;}
#center .use-info .bx1_wh {position:relative;float:left;width:calc(50% - 40px);margin:20px 20px 0 20px;}
#center .use-info .bx1_wh .tit {position:absolute;top:-20px;left:30px;padding:0 10px 10px 10px;font-size:22px;color:#74A5CD;background:#fff;}
#center .use-info .bx1_wh .tit:before {content:"";display:inline-block;width:40px;height:40px;margin-right:10px;border-radius:50%;background:#93B9D8 url(../img/library_ico.png) no-repeat 50% 50%;vertical-align:bottom;}
#center .use-info .bx1_wh li span {float:right;display:inline-block;}
#center .c-thumb {margin-top:40px;}
#center .c-thumb li {float:left;margin-right:40px;}
#center .c-thumb li:last-child {margin-right:0;}

@media only screen and (max-width:1440px){
	#center:before {top:250px;height:450px;}
	#center .tit-bx {margin-top:100px;}
	
	#center .use-info {margin:0 -10px;}
	#center .use-info .bx1_wh {width:calc(50% - 20px);padding:30px;margin:20px 10px 0 10px;}
	#center .c-thumb {margin-top:20px;}
	#center .c-thumb li {margin-right:20px;}
	#center .c-thumb li:nth-child(1) img {width:540px;height:310px;object-fit:cover;}
	#center .c-thumb li:nth-child(2) img,
	#center .c-thumb li:nth-child(3) img {width:310px;height:310px;object-fit:cover;}
	#center .c-thumb li.other {width:calc(50% - 10px);}
	#center .c-thumb li.other img {width:100%;height:310px;object-fit:cover;}
}
@media only screen and (max-width:1240px){
	.site-btn {width:80px !important;height:80px !important;background-position:50% 50%;background-size:cover !important;}
	#center {top:0;}
	#center:before {top:150px;}
	#center .tit-bx .tit {width:400px;font-size:24px;}
	#center .tit-bx .txt {width:calc(100% - 400px);}
	#center .s-thumb ul {margin:0 -10px;}
	#center .s-thumb ul li {width:calc(50% - 20px);margin:0 10px 20px 10px}
	#center .s-thumb ul li p span {font-size:1rem;}
	#center .s-thumb ul li p {font-size:.875rem;word-break:inherit;}
	#center .c-thumb li:nth-child(1) img {width:400px;height:260px;}
	#center .c-thumb li:nth-child(2) img,
	#center .c-thumb li:nth-child(3) img {width:260px;height:260px;}
	#center .c-thumb li.other {width:calc(50% - 10px);}
	#center .c-thumb li.other img {width:100%;height:310px;object-fit:cover;}
	#center .center-img .site-btn {top:0;}
}
@media only screen and (max-width:1023px){ /* 720 */
	#center:before {content:none;}
	#center .tit-bx {margin-top:40px;padding-bottom:40px;}
	#center .tit-bx:before {left:-10px;}
	#center .tit-bx div {float:none;}
	#center .tit-bx .tit {width:100%;margin-bottom:10px;font-size:20px;word-break:keep-all;}
	#center .tit-bx .tit span {display:none;}
	#center .tit-bx .txt {width:100%;}
	#center .info {background-color:#F6F7F9;padding:20px 0;margin-top:0;}
	#center .info ul li {padding:20px;height:100px;font-size:16px;}
	#center .bx1_wh {margin-bottom:20px;}
	#center .b-thumb ul {margin:0 -10px;}
	#center .b-thumb ul li {width:calc(33.3333% - 20px);margin:0 10px;}
	#center .s-thumb ul li img, #center .s-thumb ul li p {float:none;}
	#center .s-thumb ul li img {width:100%;height:160px;object-fit:cover;}
	#center .s-thumb ul li p {width:100%;margin-left:0;margin-top:10px;}
	#center .use-info {margin:0;}
	#center .use-info .bx1_wh {float:none;width:100%;margin:20px 0 20px 0;}
	#center .use-info .bx1_wh .tit {position:relative;top:auto;left:auto;padding:0;margin-bottom:10px;font-size:18px;}
	#center .use-info .bx1_wh .tit:before {width:34px;height:34px;background-size:20px;vertical-align:middle;}
	#center .center-img .site-btn {bottom:0;}
	
	#center .c-thumb li:nth-child(1){float:none;width:100%;margin-bottom:20px;}
	#center .c-thumb li:nth-child(1) img {width:100%;height:260px;}
	#center .c-thumb li:nth-child(2), #center .c-thumb li:nth-child(3) {width:calc(50% - 10px);}
	#center .c-thumb li:nth-child(2) img,
	#center .c-thumb li:nth-child(3) img {width:100%;height:260px;} 
	#center .c-thumb li.other {width:calc(100% - 10px);}
	#center .bx1_wh p {font-size:1.125rem;}
}
@media only screen and (max-width:767px){ /* auto */
	#center .b-thumb {margin-bottom:20px;}
	#center .b-thumb ul  {margin:0;}
	#center .b-thumb ul li {width:100%;margin:0 0 20px 0;}
	#center .b-thumb ul li img {width:100%;height:200px;object-fit:cover;}
	#center .tit-bx .tit {font-size:1.125rem;}
	#center .use-info .bx1_wh {padding:20px;}
}
@media only screen and (max-width:576px){ /* mobile-l */
	.site-btn {width:60px !important;height:60px !important;}
	#center .info ul li {padding:10px;font-size:.875rem;}
	#center .info ul li span {font-size:1rem;}
	#center .tit-bx .tit {font-size:1rem;}
	#center .use-info .bx1_wh li span {float:none;display:block;}
	#center .c-thumb li:nth-child(2) {margin:0 0 20px 0;}
	#center .c-thumb li:nth-child(2), #center .c-thumb li:nth-child(3) {width:100%;}
	#center .bx1_wh p {font-size:1rem;}

}
@media only screen and (max-width:415px){ /* mobile-s */
	.site-btn {width:50px !important;height:50px !important;}
	#center .info ul li {float:none;width:100%;padding:5px;border-right:0;height:auto;}
	#center .s-thumb ul {margin:0;}
	#center .s-thumb ul li {width:100%;margin:0 0 20px 0;text-align:center;}
	#center .s-thumb ul li p {margin-top:10px;}
}

/* 문화도시사업 */
.culture-tit {margin-bottom:80px;text-align:center;}
.culture-tit p:nth-child(1) {position:relative;margin-top:50px;padding:0 60px;display:inline-block;font-size:46px;color:#354859;}
.culture-tit p:nth-child(1):before {content:"";position:absolute;top:25px;left:0;display:block;width:36px;height:30px;background:url(../img/culture_tit_ico.png) no-repeat 50% 50% / cover;}
.culture-tit p:nth-child(1):after {content:"";position:absolute;top:25px;right:0;width:36px;height:30px;background:url(../img/culture_tit_ico.png) no-repeat 50% 50% / cover;transform: scale(-1,-1);}
.culture-tit p.txt {margin-top:30px;}
.culture-tit p.txt span {display:block;}
#culture-bnr {width:100%;padding:110px 0;background:url(../img/culture_bnr.png) no-repeat 50% 50% / cover;color:#fff;text-align:center;}
#culture-bnr .d_width p:nth-child(1) {position:relative;margin-bottom:30px;font-size:2rem;}
#culture-bnr .d_width p:nth-child(1):after {content:"";position:absolute;bottom:-18px;left:50%;display:block;height:18px;border-left:1px dashed #fff;}
#culture-bnr .d_width p:nth-child(2) span {display:block;}
#culture-vision {text-align:center;}
#culture-vision .goal h3 {position:relative;margin-bottom:80px;}
#culture-vision .goal h3:after {content:"";position:absolute;left:50%;bottom:-40px;height:30px;border-left:2px dotted #354859;}
#culture-vision .goal ul {position:relative;margin:0 -20px;}
#culture-vision .goal ul:before {content:"";position:absolute;top:-40px;left:180px;width:calc(100% - 360px);display:block;border-top:2px dotted #354859;}
#culture-vision .goal ul li {position:relative;float:left;width:calc(25% - 40px);height:220px;padding:30px;margin:0 20px;background:#F6F7F9;}
#culture-vision .goal ul li:before {content:"";position:absolute;left:calc(50% - 1px);top:-40px;height:36px;border-left:2px dotted #354859;}
#culture-vision .goal ul li:after {content:"";position:absolute;left:calc(50% - 6px);top:-6px;width:12px;height:12px;border-radius:50%;border:2px solid #354859;background:#fff;}
#culture-vision .goal ul li p:before {content:"";display:block;width:80px;height:80px;margin:0 auto 20px;background-image:url(../img/culture_v_ico.png);background-repeat:no-repeat;background-size:320px;}
#culture-vision .goal ul li .ico01:before {background-position:0 0;}
#culture-vision .goal ul li .ico02:before {background-position:-80px 0;}
#culture-vision .goal ul li .ico03:before {background-position:-160px 0;}
#culture-vision .goal ul li .ico04:before {background-position:-240px 0;}
#culture-vision .goal ul li p span {display:block;}

/* 문화도시수성 */
#c-susung-bnr {position:relative; width:100%;padding:80px 0;background:url(../img/c_susung_bnr2.png) no-repeat 50% 50% / cover;text-align:center;font-size:36px;color:#fff;}
#c-susung-goal {padding:50px;margin-top:50px;text-align:center;background:url(../img/c_susung_goal_bg.png) no-repeat 50% 50% / cover;}
.c-susung-v {margin-top:50px;}
.c-susung-v ul {margin:0 -20px;}
.c-susung-v ul li {float:left;width:33.3333%;height:450px;padding:0 20px;text-align:center;border-right:1px dashed #ccc;}
.c-susung-v ul li .img {position:relative;margin-bottom:20px;background:#F6F7F9;text-align:center;}
.c-susung-v ul li .img.bg-none {background:none;}
.c-susung-v ul li .img .img-tit {position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;color:#fff;}
.c-susung-v ul li .img .img-tit span {display:block;margin-bottom:20px;font-size:1.4rem;}
.c-susung-v ul li .img .img-tit span:after{content:"";position:absolute;bottom:30px;left:50%;display:block;height:20px;border-left:1px solid #fff;}
.c-susung-v ul li .tit {font-size:22px;}
.c-susung-v ul li .tit span{font-size:1.4rem;line-height:1.2;}
.c-susung-v ul li:nth-child(1) .tit {color:#4F6EB1;}
.c-susung-v ul li:nth-child(2) .tit {color:#74A5CD;}
.c-susung-v ul li:nth-child(3)      {border-right:0;}
.c-susung-v ul li:nth-child(3) .tit {color:#FEB835;}
.c-susung-v ul li .txt span{display:block;}
.c-susung-v.goal ul li {height:350px;}
@media only screen and (max-width:1440px){
	#culture-vision .goal ul:before {left:calc(50% - 464px);width:calc(100% - 310px);}
}
@media only screen and (max-width:1240px){
	.culture-tit p:nth-child(1) {font-size:36px;}
	.culture-tit p:nth-child(1):before, .culture-tit p:nth-child(1):after {top:10px;}
	#culture-vision h3.tal {text-align:center !important;}
	#culture-vision .goal ul {margin:0 -10px;}
	#culture-vision .goal ul:before {left:125px;width:calc(100% - 250px);}
	#culture-vision .goal ul li {width:calc(25% - 20px);padding:20px;margin:0 10px;}

	.c-susung-v ul li {height:380px;}
	.c-susung-v ul li .txt {word-break:keep-all;}
	.c-susung-v ul li .txt span {display:none;}
	.c-susung-v.goal ul li {height:270px;}
}
@media only screen and (max-width:1023px){
	.culture-tit {margin-bottom:20px;}
	.culture-tit p:nth-child(1) {margin-top:0;font-size:2rem;}
	.culture-tit p:nth-child(2) {margin-top:10px;}
	#culture-bnr {padding:50px 20px ;}
	#culture-bnr .d_width p:nth-child(1) {font-size:1.6rem;}
	#culture-bnr .d_width p:nth-child(1):after {bottom:-22px;}
	#culture-vision .goal ul:before {left:120px;width:calc(100% - 240px);}
	#culture-vision .goal ul li {height:200px;}
	#culture-vision .goal ul li p {word-break:keep-all;font-size:.875rem;}
	#culture-vision .goal ul li p:before {width:60px;height:60px;margin:0 auto 10px;background-size:240px;}
	#culture-vision .goal ul li p span {display:none;}
	#culture-vision .goal ul li .ico02:before {background-position:-60px 0;}
	#culture-vision .goal ul li .ico03:before {background-position:-120px 0;}
	#culture-vision .goal ul li .ico04:before {background-position:-180px 0;}
	
	#c-susung-bnr {padding:60px 0;}
	#c-susung-goal {margin-top:20px;padding:20px;}
	.c-susung-v {margin-top:20px;}
	.c-susung-v ul li {height:330px;}
	.c-susung-v ul li .tit span {font-size:1.2rem;}
	.c-susung-v.goal ul li {height:250px;}


}
@media only screen and (max-width:978px){
	#culture-vision .goal ul:before {left:95px;width:calc(100% - 190px);}
}
@media only screen and (max-width:767px){
	.culture-tit p:nth-child(1) {font-size:1.6rem;}
	.culture-tit p:nth-child(1):before,
	.culture-tit p:nth-child(1):after		   {width:30px;height:24px;}
	#culture-bnr .d_width p:nth-child(1) {font-size:1.2rem;}
	#culture-bnr .d_width p:nth-child(2) span {display:none;}
	#culture-vision .goal h3 {margin-bottom:20px;}
	#culture-vision .goal h3:after {bottom:-620px;height:600px;}
	#culture-vision .goal ul:before {content:none;}
	#culture-vision .goal ul li {float:none;width:100%;height:auto;margin:0 0 20px 0;}
	#culture-vision .goal ul li:before, #culture-vision .goal ul li:after {content:none;}

	#c-susung-bnr {padding:40px 0;font-size:22px;}
	#c-susung-bnr .tit p:nth-child(1) {font-size:1.2rem;}
	.c-susung-v ul li .img .img-tit span {margin-bottom:0;font-size:1rem;}
	.c-susung-v ul li .img .img-tit span:after {content:none;}
}
@media only screen and (max-width:576px){
	#culture-bnr {padding:30px 20px;}

	.c-susung-v ul {margin:0;}
	.c-susung-v ul li {width:100%;height:auto;padding:20px 0;border-bottom:1px solid #ccc;border-right:0;}
	.c-susung-v ul li:nth-child(1) {padding-top:0;}
	.c-susung-v.goal ul li {height:auto;}

}
@media only screen and (max-width:415px){
	#c-susung-bnr{padding:20px;font-size:20px;}
	#c-susung-bnr .tit p:nth-child(1) {font-size:1rem;}
	.c-susung-v ul li .tit span {font-size:1rem;}
}


/* 축제 */
.sscf-festival .tit {margin-bottom:50px;text-align:center;}
.sscf-festival .tit p:nth-child(1) {font-size:46px;color:#354859;line-height:1.6;}
.sscf-festival .tit p:nth-child(2) {letter-spacing:10px;font-size:14px;color:#999;}
.sscf-festival .d_width {margin-top:50px;}
.sscf-festival .d_width div {float:left;width:calc(50% - 20px);}
.sscf-festival .bx1_wh p {font-size:19px;color:#354859;}
.sscf-festival .bx1_wh ul li span {display:inline-block;margin-right:15px;font-size:15px;color:#74A5CD;}
.sscf-festival .bx1_wh ul li span i {margin-right:10px;}
.sscf-festival img {width:100%;}
.sscf-festival .img {position:relative;}
.sscf-festival .img .site-btn {bottom:0;right:0;padding:0 100px 0 20px;background-image:url(../img/center_ico.png);}

/*공연 및 행사*/
#event {}
#event .search {margin-bottom:30px;text-align:right;}
#event .search input {display:inline-block;width:220px;height:42px;padding:0 0 0 10px;border-radius:0;border:1px solid #ccc;vertical-align:middle;}
#event .search a {display:inline-block;width:90px;height:42px;background:#4F6EB1;text-align:center;line-height:42px;color:#fff;}
#event .list {border-top:2px solid #354859;}
#event .list ul {margin:0 -15px;}
#event .list ul li {float:left;width:calc((100% - 80px) / 4);margin:0 10px;padding:40px 0;border-bottom:1px solid #ccc;}
#event .list ul li .photo {height:476px;}
#event .list ul li .date {display:block;margin:20px 0;font-size:16px;color:#666;}
#event .list ul li .tit {font-size:20px;line-height:30px;color:#354859;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:72px;}

/*함장생활문화센터*/
.ham-prc {}
.ham-prc ul {margin:0 -20px;}
.ham-prc ul li {position:relative;float:left;width:calc(25% - 40px);padding:20px;margin:0 20px;border:1px solid #ccc;text-align:center;}
.ham-prc ul li:after {content:"";position:absolute;top:calc(50% - 10px);right:-30px;width:21px;height:20px;background:url(../img/donate_prc_arrow.png) no-repeat 50% 50% / cover;}
.ham-prc ul li:last-child:after {content:none;}
.ham-img .control a {font-size:50px;color:rgba(255,255,255,0.5);}
.ham-img .control .prev {position:absolute;top:50%;transform:translateY(-50%);left:20px;}
.ham-img .control .next {position:absolute;top:50%;transform:translateY(-50%);right:20px;}
.bx-pager-item a {display: none;}

/* 재단 소식지 */
#webzine {position:relative;padding:60px 40px 30px 450px;border:10px solid #F6F7F9;}
#webzine:before {content:"";position:absolute;top:-30px;left:280px;z-index:1;display:block;width:166px;height:134px;background:url(../img/webzine_ico2.png) no-repeat 50% 50%;}
#webzine:after {content:"LATEST S:COLON";position:absolute;bottom:-35px;right:20px;font-size:60px;color:#F6F7F9;}
#webzine .img {position:absolute;top:-50px;left:0;z-index:2;}
#webzine .img:before {content:"";position:absolute;top:0;left:0;display:block;width:15px;height:440px;background:linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0));}
#webzine .img .site-btn {bottom:-30px;right:-30px;width:100px;height:100px;background:url(../img/webzine_ico.png) no-repeat 50% 50%;}
#webzine .img img {width:340px;height:440px;object-fit:cover;box-shadow:20px 20px 20px rgba(0,0,0,0.2);}
#webzine .info p:nth-child(1) {font-size:15px;color:#4F6EB1;line-height:1.2;}
#webzine .info .tit {margin-bottom:20px;font-size:33px;color:#354859;}
#webzine .info .btnarea {margin-bottom:0;}
/*소식지 리스트*/
#book-list {padding-top:150px;}
#book-list .list-info {line-height:45px;display:inline-block;}
#book-list .list-info span {font-weight:600;font-size:20px;color:#4F6EB1;}
#book-list .search-bx {position:relative;display:inline-block;float:right;}
#book-list .search-bx input {width:300px;height:45px;border:0;background:#F6F7F9;}
#book-list .search-bx .search {position:absolute;top:50%;transform:translateY(-50%);right:20px;width:20px;height:20px;background:url(../img/search_icon_b.png) no-repeat 50% 50%;}
#book-list .list {margin-top:20px;padding-top:40px;border-top:2px solid #354859;}
#book-list .list ul {margin:0 -10px;}
#book-list .list ul li {float:left;width:calc(50% - 20px);height:300px;margin:0 10px 20px 10px;padding:40px;background:#FAFAFB;}
#book-list .list .thumb {float:left;width:180px;height:220px;}
#book-list .list .thumb img {width:100%;}
#book-list .list .tit-bx {float:right;width:calc(100% - 200px);}
#book-list .list .tit-bx span {font-size:12px;}
#book-list .list .tit-bx .tit {font-size:21px;color:#354859;font-weight:600;}
#book-list .list .tit-bx .txt {margin:20px 0;word-break:keep-all;}
#book-list .list .tit-bx .btn-blue {width:40%; background:#4F6EB1;}


/*문화메세나*/
.mesena-tit {margin-top:50px;text-align:center;}
.mesena-tit .tit {font-size:46px;color:#354859;}
.mesena-tit .txt {font-size:21px;word-break:keep-all;}
.mesena-tit .txt span {display:block;}
.mesena-tit .txt p:nth-child(2) {margin-top:30px;}

.mesena-bnr .bg {width:100%;height:400px;margin-top:50px;padding:60px 0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;text-align:center;}
.mesena-bnr .bg.bg1 {background-image:url(../img/mesena_bg1.png);}
.mesena-bnr .bg.bg2 {margin-bottom:50px;background-image:url(../img/mesena_bg2.png);}
.mesena-bnr .bg.bg2 p {text-align:right;font-size:50px;line-height:1.2;color:rgba(255,255,255,0.4);}
.mesena-bnr .bg.bg2 p span {display:block;}
.mesena-bnr ul li {position:relative;display:inline-block;border-radius:50%;border:1px solid rgba(255,255,255,0.4);color:#fff;text-align:center;vertical-align:middle;}
.mesena-bnr ul li:nth-child(1),
.mesena-bnr ul li:nth-child(3) {width:220px;height:220px;font-size:20px;}
.mesena-bnr ul li:nth-child(2) {width:270px;height:270px;margin:0 125px;border:2px solid #FEB835;}
.mesena-bnr ul li:nth-child(1) {padding:75px 0;}
.mesena-bnr ul li:nth-child(1):after {content:"";position:absolute;top:50%;right:-128px;width:128px;border-top:1px dashed rgba(255,255,255,0.4);}
.mesena-bnr ul li:nth-child(2) {padding:70px 0 0 0;}
.mesena-bnr ul li:nth-child(2):before {content:"";display:block;width:185px;height:38px;margin:0 auto 40px;background:url(../img/ss_logo_w.png) no-repeat 50% 50% / cover;}
.mesena-bnr ul li:nth-child(3) {line-height:220px;}
.mesena-bnr ul li:nth-child(3):before {content:"";position:absolute;top:50%;left:-128px;width:128px;border-top:1px dashed rgba(255,255,255,0.4);}
.mesena-bnr ul li span {display:block;}

.mesena-info h3 {margin:50px 0 30px 0;}

.donate-ico p {float:left;width:150px;margin-right:40px;text-align:center;color:#74A5CD;}
.donate-ico p:before {content:"";display:block;width:74px;height:74px;margin:0 auto;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.donate-ico.ico1 p:before {background-image:url(../img/donate_ico01.png);}
.donate-ico.ico2 p:before {background-image:url(../img/donate_ico02.png);}

@media only screen and (max-width:1440px){
#event .list ul li .photo {height:406px;}

}
@media only screen and (max-width:1240px){
	.tab_flex a {padding: 15px 0;}
	.sscf-festival .tit p:nth-child(1) {font-size:40px;}
	#center .center-img .site-btn,
	.sscf-festival .img .site-btn {padding:0;}
	.site-btn span {display:none;}

	#webzine {padding:60px 20px 60px 340px}
	#webzine:before {top:0;left:180px;}
	#webzine .img {top:40px;left:20px;width:250px;}
	#webzine .img:before {height:300px;}
	#webzine .img img {width:250px;height:300px;box-shadow:10px 10px 20px rgba(0,0,0,0.2);}
	#webzine .img .site-btn {bottom:-20px;right:-20px;}
	#webzine .info .tit {font-size:24px;margin-bottom:0px;}
	#webzine .info .btnarea{margin-top:10px;}

	.mesena-tit .tit {font-size:36px;}
	.mesena-tit .txt {font-size:18px;} 

	.mesena-bnr ul li:nth-child(1):after{right:-114px;width:114px;}
	.mesena-bnr ul li:nth-child(2) {margin:0 110px;}
	.mesena-bnr ul li:nth-child(3):before {left:-114px;width:114px;}

	#event .list ul li .photo {height:321px;}

}
@media only screen and (max-width:1023px){ /* 720 */
	
	
	.sscf-festival {margin:0 -20px;}
	.sscf-festival .tit p:nth-child(1) {font-size:36px;}
	.sscf-festival .txt {padding:0 20px;}
	#event {padding:0 20px;}
	#event .list ul {margin:0 -10px;}
	#event .list ul li {width:calc(33.3333% - 20px);margin:0 10px;padding: 20px 0;}
	#event .list ul li .date {margin-bottom:0;}
	
	#book-list {padding:50px 20px 0 20px;}
	#book-list .list ul li {height:200px;padding:20px;}
	#book-list .list .thumb {width:100px;height:auto;overflow:hidden;}
	#book-list .list .tit-bx {width:calc(100% - 120px);}
	#book-list .list .tit-bx .tit {font-size:1.125rem;}
	#book-list .list .tit-bx .txt {margin:0 0 10px 0;font-size:14px;}
	#book-list .list .tit-bx .btn-blue {width:75px;}
	#book-list .list .tit-bx .btn-d {font-size:.725rem;padding:0 10px;line-height:30px;}

	#p_search {padding:0 20px;}
	
	.mesena-tit .tit {font-size:30px;}
	.mesena-tit .txt {font-size:16px;} 
	.mesena-bnr {margin:0 -20px;}
	.mesena-bnr .bg {height:auto;}
	.mesena-bnr .bg.bg2 {padding:60px 20px;}
	.mesena-bnr ul li:nth-child(1), .mesena-bnr ul li:nth-child(3) {width:150px;height:150px;font-size:16px;}
	.mesena-bnr ul li:nth-child(1) {padding:50px 0;}
	.mesena-bnr ul li:nth-child(1):after {right:-102px;width:102px;}
	.mesena-bnr ul li:nth-child(2) {width:200px;height:200px;padding:50px 0;margin:0 100px;font-size:14px;}
	.mesena-bnr ul li:nth-child(2):before {width:120px;height:26px;margin:0 auto 20px;}
	.mesena-bnr ul li:nth-child(3) {line-height:150px;}
	.mesena-bnr ul li:nth-child(3):before{left:-102px;width:102px;}

    #event .list ul li .photo {height:427px;}

}
@media only screen and (max-width:767px){ /* auto */	

	.tab_flex a {padding:10px 0;}
	.sscf-festival .d_width {margin-top:20px;}
	.sscf-festival .tit {margin-bottom:20px;}
	.sscf-festival .txt div {float:none;width:100%;margin:0;}
	.sscf-festival .txt .bx1_wh {margin-left:0 !important;margin-top:20px;}
	.sscf-festival .bx1_wh p {font-size:16px;}
	.sscf-festival img {min-height:200px;object-fit:cover;}

	#event .list ul li {width:calc(50% - 20px);}

	#webzine {padding:20px 20px 20px 220px}
	#webzine:before, #webzine:after {content:none;}
	#webzine .img {top:20px;left:20px;width:150px;}
	#webzine .img:before {height:200px;}
	#webzine .img img {width:150px;height:200px;box-shadow:10px 10px 20px rgba(0,0,0,0.2);}
	#webzine .img .site-btn {bottom:-10px;right:-10px;}
	#webzine .info .tit {font-size:24px;margin-bottom:0px;}
	#webzine .info .btnarea{margin-top:10px;}


	#book-list .search-bx {float:none;display:block;width:100%;}
	#book-list .search-bx input {width:100%;}
	#book-list .list ul li {width:100%;height:auto;margin:0 0 20px 0;}

	.mesena-tit {margin-top:20px;}
	.mesena-tit .tit {font-size:24px;}
	.mesena-bnr ul li:nth-child(1), .mesena-bnr ul li:nth-child(3) {width:120px;height:120px;font-size:.875rem;}
	.mesena-bnr ul li:nth-child(1) {padding:36px 0;}
	.mesena-bnr ul li:nth-child(1):after {right:-60px;width:60px;}
	.mesena-bnr ul li:nth-child(2) {width:150px;height:150px;padding:30px 0;margin:0 56px;}
	.mesena-bnr ul li:nth-child(2):before {width:100px;height:20px;margin:0 auto 10px;}
	.mesena-bnr ul li:nth-child(3) {line-height:120px;}
	.mesena-bnr ul li:nth-child(3):before {left:-60px;width:60px;}

	#event .list ul li .photo {height:380px;}
}
@media only screen and (max-width:576px){ /* mobile-l */
	.sscf-festival .tit p:nth-child(1) {font-size:26px;}
	.sscf-festival .tit p:nth-child(2) {letter-spacing:5px;}
	
	#webzine {padding:20px;}
	#webzine .img {position:relative;top:auto;left:auto;margin:0 auto;}
	#webzine .info {margin-top:20px;text-align:center;}
	
	.line_blank {height:20px !important;}
	.mesena-tit {margin-top:0;}
	.mesena-tit .tit {font-size:20px;}
	.mesena-tit .txt {font-size:14px;}
	.mesena-tit .txt p span {display:none;}
	.mesena-tit .txt p:nth-child(2) {margin-top:10px;}
	.mesena-bnr .bg {padding:20px;margin-top:20px;background-position:60% 100%;}
	.mesena-bnr .bg.bg2 {margin-bottom:20px;}
	.mesena-bnr .bg.bg2 p {font-size:40px;}
	.mesena-bnr .bg.bg2 p span {display:none;}
	.mesena-bnr ul li {border-radius:0;}
	.mesena-bnr ul li span {display:none;}
	.mesena-bnr ul li:nth-child(1), .mesena-bnr ul li:nth-child(3) {width:100%;height:auto;padding:20px 0;}
	.mesena-bnr ul li:nth-child(3) {line-height:1.2rem;}
	.mesena-bnr ul li:nth-child(2) {width:100%;height:auto;padding:20px 0;margin:10px 0;}
	.mesena-bnr ul li:nth-child(1):after,
	.mesena-bnr ul li:nth-child(3):before{content:none;}

	.mesena-info h3 {margin:20px 0;}
}
@media only screen and (max-width:446px){
	.ham-prc ul {margin:0;}
	.ham-prc ul li {width:100%;margin:0 0 40px 0;}
	.ham-prc ul li:after {top:auto;bottom:-30px;right:auto;left:calc(50% - 10px);transform:rotate(90deg);}
	#book-list .list .tit-bx .btn-d {width:100%;}
	#book-list .list .tit-bx .btn-d.btn-gray {margin-top:2px;}
}

@media only screen and (max-width:415px){ /* mobile-s */
	#event .list ul {margin:0;}
	#event .list ul li {width:100%;margin:0 0 20px 0;}
	#event .search input {width:100%;}
	#event .search .btn-d {width:100%;border-radius:0;}

	#book-list .list {text-align:center;}
	#book-list .list .thumb {float:none;margin:0 auto;}
	#book-list .list .tit-bx {float:none;width:100%;}

	.mesena-bnr .bg.bg2 p {font-size:30px;} 
}


/*문화메세나 가입절차, 온라인 약정 등*/
.donator-bnr {margin-bottom:40px;padding:70px;background:url(../img/donator_bg.png) no-repeat 50% 50% / cover;}
.donator-bnr p {color:#354859;}
.donator-bnr p:nth-child(1) {font-size:36px;font-weight:600;}

.donator-list > ul {margin:0 -20px;}
.donator-list > ul > li {position:relative;float:left;width:calc(33.3333% - 40px);margin:0 20px 40px 20px;padding:40px;border:1px solid #D0D8D9;}
.donator-list > ul > li .num {font-size:14px;color:#999;}
.donator-list > ul > li .tit {margin-bottom:15px;font-size:22px;color:#354859;font-weight:600;}
.donator-list > ul > li .badge {position:absolute;bottom:20px;right:20px;width:60px;height:60px;padding:0;border-radius:50%;line-height:60px;font-size:15px;}
.donator-list > ul > li .badge.company {background:#FEB835;}
.donator-list > ul > li .badge.basic {background:#4F6EB1;color:#fff;}
.donator-list > ul > li .badge.all {background:#93B9D8;color:#fff;}
.donator-list > ul > li > ul > li span {display:inline-block;width:100px;color:#354859;font-size:15px;}

.donate .bg2 {height:700px;padding:100px 0;background:url(../img/donate_info_img2.png) no-repeat 50% 50% / cover;}
.donate .bnr {text-align:center;color:#fff;}
.donate .bnr .tit {font-size:44px;font-family: 'Nanum Myeongjo', serif;}
.donate .bnr .txt {font-size:19px;font-weight:300;}
.donate .bnr .txt span {display:block;}
.donate .bnr .txt1 {margin:10px 0 300px;}
.donate .bnr .txt2 {color:rgba(255,255,255,0.8);}

#donate-prc {position:relative;margin-bottom:80px;padding:50px 20px 50px 400px;border:10px solid #ECEEF2;font-size:21px;color:#354859;word-break:keep-all;}
#donate-prc:before {content:"";position:absolute;top:0;left:60px;display:block;width:290px;height:220px;background:url(../img/donate_prc.png) no-repeat 50% 50% / cover;}
#donate-prc:after {content:"MECENAT";position:absolute;bottom:-35px;right:40px;font-size:60px;font-weight:600;color:#ECEEF2;}
#donate-prc .tit span {display:block;}

.process > ul {margin:0 -20px;}
.process > ul > li {position:relative;float:left;width:calc(50% - 40px); margin:0 20px;padding:40px 100px 40px 40px;border:1px solid #ccc;background-repeat:no-repeat;background-position:98% 80%;background-size:90px;}
.process > ul > li:after {content:"";position:absolute;top:50%;right:-30px;width:21px;height:20px;background:url(../img/donate_prc_arrow.png) no-repeat 50% 50% / cover;}
.process > ul > li:nth-child(2):after {top:auto;bottom:-30px;left:50%;right:auto;transform:rotate(90deg);}
.process > ul > li:nth-child(3):after {left:-30px;transform: scaleX(-1);}
.process > ul > li:nth-child(4):after {content:none;}
.process > ul > li p {margin-bottom:15px;font-size:19px;color:#74A5CD;}
.process > ul > li p span {display:inline-block;width:30px;height:30px;margin-right:10px;text-align:center;line-height:30px;vertical-align:text-bottom;border-radius:50%;background:#93B9D8;font-size:12px;color:#fff;}
.process > ul > li.ico01,
.process > ul > li.ico02 {margin-bottom:40px;}
.process > ul > li.ico01 {background-image:url(../img/donate_prc_ico01.png);}
.process > ul > li.ico02 {background-image:url(../img/donate_prc_ico02.png);}
.process > ul > li.ico03 {float:right;background-image:url(../img/donate_prc_ico03.png);}
.process > ul > li.ico04 {float:left;background-image:url(../img/donate_prc_ico04.png);border:2px solid #74A5CD;}
.process > ul > li > ul > li span {display:block;}
.process .bg_gr {margin-top:30px;padding:20px;text-align:right;}
.process .bg_gr .btn-d {padding:10px 50px;border:1px solid #354859;color:#354859;background:#fff;}

.prc-bx {float:left;width:calc(50% - 20px);height:170px;margin-top:30px;padding:40px;border:1px solid #ccc;}
.prc-bx p {font-size:19px;color:#74A5CD;}
.prc-qna .bx1_wh {margin-top:30px;}

#agreement .bx {height:400px;padding:30px;border:5px solid #f4f4f4;font-size:17px;overflow-y:scroll;}
#agreement h2 {margin-top:0;}
#agreement p {font-size:1rem;}
#agreement h4 {margin:15px 0 5px 0;font-size:17px;font-weight:bold;vertical-align:middle;}
#agreement .graybox {padding:20px;background:#fafafa;font-size:16px;}
#agreement .bs1df {padding:20px;background:#fafafa;}
#agreement .bs1df h4 {margin-top:0;}
#agreement .chk {border-radius:0;}
#agreement ul li {font-size:15px;}
#agreement div.t1 table {margin:10px 0;font-size:1rem;}

#donation {padding:30px;background:#FAFAFB;}
#donation th {}
#donation h2 {text-align:center;font-size:2rem}
#donation form {position:relative;padding:50px 100px 40px 100px;height:100%;background-image:url(../img/donation_bg_l.png);background-repeat:repeat-y;}
#donation form:after {content:"";position:absolute;top:0;right:0;display:block;width:70px;height:100%;background-image:url(../img/donation_bg_r.png);background-repeat:repeat-y;}
#donation form .tit {margin-bottom:10px;font-size:26px;font-family: 'Nanum Myeongjo', serif;}
#donation form .gbox {margin-bottom:20px;border-top:2px solid #354859;}
#donation form .gbox table th, #donation form .gbox table td {padding:20px 0;border-bottom:1px solid #ccc;word-break:keep-all;}
#donation form .gbox table th {width:280px;color:#354859;}
#donation form .gbox table td {font-size:16px;}
#donation form .gbox table td .btn-d {line-height:30px;}
#donation form .gbox ul.part li{float:left;width:50%;}
#donation form table td label {margin:0 10px 0 0;vertical-align:middle;font-size:16px;}
#donation form table input.text, #donation form table select {border-radius:0; border: 1px solid #ccc;}
#donation form .txt {text-align:center;font-size:16px;font-weight:300;}
#donation form .txt p:nth-child(1) {margin:30px 0;font-size:22px;font-weight:600;}
#donation form .txt p:nth-child(2) span {display:block;}
#donation form .signform {border:0;border-bottom:1px solid #ccc;background:none;}
#donation form .date, #donation form .sign {text-align:right;font-size:21px;}
#donation form .name {margin-top:100px;text-align:center;font-size:21px;color:#354859;}
#donation form .name span {margin-right:10px;vertical-align:text-bottom;}
#donation .btnarea .btn-d {width:200px;padding:10px 0;border-radius:0;}

#donator-year .year-bx h3 {position:relative;margin-bottom:150px;font-size:40px;}
#donator-year .year-bx h3 span {display:block;}
#donator-year .year-bx h3:after {content:"";position:absolute;bottom:-150px;right:0;display:block;width:210px;height:122px;background:url(../img/donator_list_ico.png) no-repeat 50% 50% / cover;}
#donator-year .year-bx {float:left;width:300px;margin-right:40px;}
#donator-year .year-bx .year a {position:relative;display:block;padding:20px 30px;background:#F6F7F9;color:#354859;border-bottom:1px solid #fff;font-size:19px;}
#donator-year .year-bx .year a:before {content:"";position:absolute;bottom:0;right:20px;height:40px;border-left:1px solid #354859;}
#donator-year .year-bx .year a:after {content:"";position:absolute;bottom:20px;right:0;width:40px;border-top:1px solid #354859;}
#donator-year .year-bx .year a.on {background:#354859;color:#fff;font-weight:600;}
#donator-year .year-bx .year a.on:before {content:"";position:absolute;bottom:0;right:20px;height:40px;border-left:1px solid #fff;}
#donator-year .year-bx .year a.on:after {content:"";position:absolute;bottom:20px;right:0;width:40px;border-top:1px solid #fff;}
#donator-year .year-bx .select_year {display:none;}

#donator-year .bs2df {float:left;width:calc(100% - 340px);padding:30px;border:0;background:#FAFAFB;}
#donator-year .bs2df .tit {font-size:36px;text-align:center;color:#354859;font-weight:600;}
#donator-year .bs2df .tit2 {font-size:18px;text-align:center;color:#354859;}
#donator-year .bs2df ul li {color:#354859;}
#donator-year .bs2df ul li:nth-child(1) {width:100%;margin:50px 0;padding:20px 30px;border:1px solid #C6CDD9;background:#fff;font-size:19px;font-weight:600;text-align:right;}
#donator-year .bs2df ul li:nth-child(2) {position:relative;}
#donator-year .bs2df .cont {position:relative;padding:80px;background-image:url(../img/donation_bg_l.png);background-repeat:repeat-y;}
#donator-year .bs2df .cont:after {content:"";position:absolute;top:0;right:0;display:block;width:70px;height:100%;background-image:url(../img/donation_bg_r.png);background-repeat:repeat-y;}
#donator-year .bs2df div.t1 table tbody td {padding:10px;font-size:15px;}
#donator-year .bs2df div.t1 table thead tr th {text-align:center;font-size:15px;}
#donator-year .bs2df ul li .total {padding:20px;text-align:right;border:1px dashed #C6CDD9;background:#fff;font-size:15px;}
#donator-year .bs2df ul li .total span {display:inline-block;width:100px;}
/*약정서 꾸미기*/
.coner {position:relative;z-index:2;width:100%;height:30px;background-image:url(../img/donation_bg_t.png);background-repeat:repeat-x;}
.ctl	  {position:absolute;top:0;left:0;width:70px;height:70px;background:url(../img/donation_bg_tl.png) no-repeat 50% 50% / cover;}
.ctr	  {position:absolute;top:0;right:0;width:70px;height:70px;background:url(../img/donation_bg_tr.png) no-repeat 50% 50% / cover;}
.cbl      {position:absolute;bottom:6px;left:0;width:70px;height:70px;background:url(../img/donation_bg_bl.png) no-repeat 50% 50% / cover;}
.cbr      {position:absolute;bottom:6px;right:0;width:70px;height:70px;background:url(../img/donation_bg_br.png) no-repeat 50% 50% / cover;}

@media only screen and (max-width:1440px){
	.process > ul > li {padding:30px 100px 30px 30px;word-break:keep-all;}
	.process > ul > li > ul > li span {display:none;}
}
@media only screen and (max-width:1240px){
	#donate-prc {padding:40px 30px 40px 350px;font-size:19px;}
	#donate-prc:before {width:240px;height:190px;}
	#donate-prc:after {bottom:-30px;font-size:50px;}

	.process > ul > li {padding:20px 80px 20px 20px;}
	.process > ul > li > ul > li span {display:none;}
	.prc-bx {width:calc(50% - 10px);padding:20px;}
	.prc-bx.mrp20 {margin-right:10px !important;}
	.prc-bx.mlp20 {margin-left:10px !important;}

	.donator-bnr {background-position:70% 50%;}
	.donator-list {padding:0 20px;}
	.donator-list > ul {margin:0 -10px;}
	.donator-list > ul > li {width:calc(33.3333% - 20px);margin:0 10px 20px 10px;padding:25px;}
	.donator-list > ul > li .tit {font-size:18px;}
	.donator-list > ul > li > ul > li span {width:80px;}
	#donator-year {padding:0 20px;}
	#donator-year .year-bx {position:relative;float:none;width:100%;}
	#donator-year .year-bx h3 {margin:30px 0 100px;text-align:center;font-size:34px;}
	#donator-year .year-bx h3:after {bottom:-100px;}
	#donator-year .year-bx h3 span {display:inline-block;}
	#donator-year .year-bx .select_year {position:absolute;top:80px;left:0;z-index:9;display:block;width:200px;font-weight:600;background-color:#354859;color:#fff;}
	#donator-year .year-bx .select_year a:after {content:"\f078";font-family:FontAwesome;position:absolute;top:12px;right:20px;color:#fff;font-size:1rem;}
	#donator-year .year-bx .select_year .this_year a {display:block;padding:10px 20px;}
	#donator-year .year-bx .select_year2 .year_list li {background-color:#eaeaea;border-bottom:1px solid rgba(255,255,255,0.5);}
	#donator-year .year-bx .select_year2 .year_list li a {display:block;padding:10px 20px;color:#354859;}
	#donator-year .year-bx .year {display:none;}
	#donator-year .bs2df {float:none;width:100%;}

}
@media only screen and (max-width:1023px){ /* 720 */
	.donate .bg2{height:600px;padding: 60px 0;}
	.donate .bnr .txt1 {margin: 10px 0 250px;}

	.process > ul {margin:0;}
	.process > ul > li {width:100%;margin:0;}
	.process > ul > li:after {top:auto;bottom:-30px;left:50%;}
	.process > ul > li:nth-child(1):after {transform:rotate(90deg);}
	.process > ul > li:nth-child(3):after {left:50%;transform:rotate(90deg);}
	.process > ul > li.ico03 {margin-bottom:40px}
	
	.donator-bnr p:nth-child(1) {font-size:30px;}
	.donator-list > ul > li {width:calc(50% - 20px);}
	.donator-list > ul > li .badge {width:50px;height:50px;line-height:50px;}

	#agreement {padding: 0 20px;}
	#agreement div.t1 table {font-size:.875rem;}
	.coner {display:none;}
	#donation {padding:20px;}
	#donation h2 {margin:0 0 20px 0;font-size:1.6rem;}
	#donation form {padding: 20px;background-image:none;border:4px solid #DEE2E4;}
	#donation form:after {content:none;}
	#donation form .gbox table th {width:200px;}
	#donation form table td label {margin:0 15px 0 0;}
	
	#donate-prc .tit span {display:none;}

	#donator-year .year-bx h3 {display:none;}
	#donator-year .bs2df {margin-top:60px;}
	#donator-year .bs2df .tit {font-size:30px;}
	#donator-year .bs2df .cont {padding:20px;background-image:none;border:4px solid #DEE2E4;}
	#donator-year .bs2df .cont:after {content:none;}
	#donator-year .year-bx .select_year {top:-60px;left:0;}
}

@media only screen and (max-width:767px){ /* auto */	
	.bs2df .total > tbody > tr > td {width:0%;}

	#donate-prc {padding:20px 20px 20px 220px;margin-bottom:20px;font-size:18px;}
	#donate-prc:after {bottom:-30px;font-size:50px;z-index:1;}
	#donate-prc:before {left:10px;width:180px;height:130px;}
	#donate-prc .tit {position:relative;z-index:2;}
	.prc-bx {float:none;width:100%;height:auto;margin:20px 0 0 0;padding:20px;}
	.prc-bx.mrp20 {margin-right:0 !important;}
	.prc-bx.mlp20 {margin-left:0 !important;}
	
	#agreement .graybox, #agreement p, #agreement div.t2 table {font-size:14px;}
	.donator-bnr {padding:50px 30px;margin-bottom:20px;}
	.donator-bnr p {word-break:keep-all;}
	.donator-bnr p:nth-child(1) {font-size:24px;}
	#donation form table td label, #donation form .gbox table td {font-size:14px;}
	#donation form table input.mo-width {width:300px;}
	#donation form .gbox {width:100%;}
	#donation form .gbox table th {width:120px;}
	#donation form .txt p:nth-child(2) span {display:none;word-break:keep-all;}
	#donation form .date {margin:10px 0;}
	#donation form .date, #donation form .sign {text-align:center;}

	#donator-year .bs2df {padding:20px;}
	#donator-year .bs2df .tit {font-size:24px;}
	#donator-year .bs2df .tit2 {font-size:1rem;word-break:keep-all;}
	#donator-year .bs2df ul li:nth-child(1) {margin:20px 0;padding:15px 20px;font-size:1rem;}
	#donator-year .bs2df div.t1 table tbody td {font-size:14px;}
}
@media only screen and (max-width:576px){ /* mobile-l */
	#donation form .gbox table tr {display:block;border-bottom:1px solid #ccc;}
	#donation form .gbox table th {display:block;width:100%;border-bottom:0;}
	#donation form .gbox table td {display:block;border-bottom:0;}

	#donate-prc {padding:20px 20px 20px 180px;font-size:16px;}
	#donate-prc:before {left:10px;width:150px;height:110px;}
	#donate-prc:after {bottom:-22px;font-size:40px;}
	.process > ul > li {background-size:70px;}
	.process > ul > li p {margin-bottom:10px;font-size:16px;}
	.process > ul > li p span {width:25px;height:25px;margin-right:10px;line-height:25px;}
	.process .bg_gr, .prc-qna .bx1_wh {margin-top:20px;}
	.process .bg_gr .btn-d {width:100%;line-height:30px;}
	
	#donation form table td label {margin:0 20px 0 0;}
	#donation form .gbox table th, #donation form .gbox table td {padding:10px 0;}
	#donation form .gbox table th {padding-bottom:0;}
	#donation form .gbox ul.part li {float:none;width:100%;}
	#donation form .txt {font-size:14px;}
	#donation form .txt p:nth-child(1) {margin:10px 0;font-size:1rem;}
	#donation form .date, #donation form .sign {font-size:1rem;}
	#donation form .name {margin-top:70px;font-size:1rem;}
	
	#donator-year .bs2df .tit {font-size:20px;}
	#donator-year .bs2df .tit2 {font-size:.875rem;}
	#donator-year .bs2df ul li:nth-child(1) {font-size:16px;}
	#donator-year .year-bx .select_year {width:100%;}
	#donator-year .year-bx .select_year .this_year a {width:100%;}

	#agreement .bx {padding:20px;}
	.donator-bnr p:nth-child(1) {font-size:22px;}
	.donator-list > ul {margin:0;}
	.donator-list > ul > li {float:none;width:100%;margin:0 0 20px 0;}
	.donate-ico p {float:none;width:100%;}

}
@media only screen and (max-width:415px){ /* mobile-s */
	#donate-prc {padding:20px 10px 20px 120px;font-size:.875rem;}
	#donate-prc:before {left:10px;width:100px;height:80px;}
	#donate-prc:after {bottom:-17px;font-size:30px;}
	.donator-bnr {padding:30px 20px;}
	.donator-bnr p:nth-child(1) {font-size:18px;}
	#donation form table td label {margin:0;}
	#donation form table input.mo-width {width:200px;}
	.left.mo-call {float:none !important;display:block;}
}

/*사이트맵,이메일무단수집거부 등*/
#sitemap .tit {float:left;width:280px;margin-top:0;font-weight:700;}
#sitemap .cont {float:left;width:calc(100% - 280px);}
#sitemap .cont>ul>li {float:left;width:25%;margin-bottom:20px;}
#sitemap .bx {padding:40px 0 20px;border-bottom:1px solid #e1e1e1;min-height:200px;}

#e-mail span {display:inline-block;vertical-align:middle;margin-right:30px;}
#e-mail .txt {display:inline-block;width:calc(100% - 140px);vertical-align:middle;}
#e-mail .txt p:nth-child(1) {font-size:1.4rem;font-weight:600;color:#4F6EB1;}
#e-mail .txt p:nth-child(2) {word-break:keep-all;}
#e-mail .txt p:nth-child(3) {margin-top:20px;font-size:15px;color:#999;}

#banner-zone p {margin-bottom:20px;padding:20px;border:5px solid #4F6EB1;}
#banner-zone ul {margin:0 -10px}
#banner-zone ul li {float:left;width:calc(20% - 20px);height:64px;line-height:60px;margin:0 10px 20px 10px;border:1px solid #ccc;text-align:center;}



@media only screen and (max-width:1240px){
	#sitemap .tit {width:200px;}
	#sitemap .cont {width:calc(100% - 200px);}
}
@media only screen and (max-width:1023px){
	#banner-zone ul li {width:calc(25% - 20px);}
}
@media only screen and (max-width:767px){
	#sitemap .tit {float:none;}
	#sitemap .cont {float:none;width:100%;}
	#e-mail span {width:80px;height:50px;margin-right:20px;}
	#e-mail .txt p:nth-child(1) {font-size:1.2rem;}
}

@media only screen and (max-width:576px){
	#sitemap .cont>ul>li {width:33.333%;}
	#e-mail{text-align:center;}
	#e-mail span {display:block;width:60px;height:40px;margin:0 auto 20px;}
	#e-mail .txt {width:100%;}
	#e-mail .txt p:nth-child(1) {font-size:1rem;}
	#e-mail .txt p:nth-child(3) {font-size:.725rem;}
	#banner-zone ul li {width:calc(33.3333% - 20px);}
}

@media only screen and (max-width:415px){
		#sitemap .cont>ul>li {width:50%;}
		#banner-zone ul li {width:calc(50% - 20px);}
}


/*메인 사이트맵박스*/

#sitemapbg {position: fixed;top: 0;left: 0;z-index:1200;width: 100%;height: 100%;background: #000;visibility: hidden;opacity: 0.4;visibility:visible;}
.sitemapbox {position:fixed;right:-1090px;top:0;display:none;width:100%;max-width:850px;height:100%;z-index:1200;}
.sitemapbox.on {display:block;right:0;}
.sitemapbox .sitemap-wrap {position:relative;box-sizing:border-box;background:#fff;}
.sitemapbox button {margin: 0;padding: 0;border: none;}
.sitemapbox .btn-close {display:block;position:absolute;right:40px;top:25px;overflow:hidden;width:29px;height:29px;border:none;background:url(../img/sitemapsilde_closebtn.png) no-repeat center;text-indent:-999px;}
.sitemapbox .tit-bx {display:block;overflow:hidden;height:76px;box-sizing:border-box;margin:0;padding:0 100px 0 40px;background:#4F6EB1;color:#fff;font-size:30px;font-weight:700;line-height:76px;}
.sitemapbox .site-list {height:100vh;overflow:hidden;box-sizing:border-box;padding:50px;}
.sitemapbox .map-menu {overflow:hidden;margin-bottom:30px;margin-top:-20px;}
.sitemapbox .map-menu>li {float:left;width:25%;margin-top:20px;}
.sitemapbox .map-menu>li>a {display:block;color:#222;font-size:20px;font-weight:700;line-height:40px;vertical-align:top;transition:.2s all;}
.sitemapbox .map-menu>li>a:hover {color:#4F6EB1;}
.sitemapbox .map-menu>li>a.on {color:#4F6EB1;}

.sitemapbox .map-menu>li:nth-child(4n+1) {clear:both;}
.sitemapbox .map-menu ul.depth2-m li a {display:block;color:#4F6EB1;font-size:16px;margin-bottom:5px;}
.sitemapbox .map-menu ul.depth2-m li a:hover {text-decoration:underline;font-weight:700;}
.sitemapbox .map-menu ul.depth3-m {padding-bottom:10px;}
.sitemapbox .map-menu ul.depth3-m li a:before {content:"";display:inline-block;width:3px;height:3px;margin-right:5px;background:#666;vertical-align:middle;}
.sitemapbox .map-menu ul.depth3-m li a {font-size:15px;color:#666;margin-bottom:0;}

.sitemapbox.off {animation:siteBoxAni_off 0.2s forwards ease-out;}
.sitemapbox.on {animation:siteBoxAni_on 0.4s forwards ease-out;}

@keyframes siteBoxAni_on {
    0% {
        right:-1090px;
        -webkit-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:cubic-bezier(0.895, 0, 0.18, 1);
        transition:cubic-bezier(0.895, 0, 0.18, 1);
    }
    100% {
        right:0;
        -webkit-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:cubic-bezier(0.895, 0, 0.18, 1);
        transition:cubic-bezier(0.895, 0, 0.18, 1);
    }
}
@keyframes siteBoxAni_off {
    0% {
        right:0;
        -webkit-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:cubic-bezier(0.895, 0, 0.18, 1);
        transition:cubic-bezier(0.895, 0, 0.18, 1);
    }
    100% {
        right:-1090px;
        -webkit-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:cubic-bezier(0.895, 0, 0.18, 1);
        transition:cubic-bezier(0.895, 0, 0.18, 1);
    }
}

/*교육과정 리스트[S]*/
.board-info					{margin:1.5rem 0;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.board-info > div			{flex:1;}
.board-info:before,
.board-info:after			{content:"";clear:both;display:block;float:none;}
.board-info-left			{float:left;}
.board-info-right			{float:right;text-align:right;}
.board-info .form-control	{display:inline-block;width:auto;}
.board-info-right			{text-align:right;}
.board-info-right.form-inline{justify-content:flex-end;}

.board-ico-type				{display:inline-block;border:1px solid #e4e4e4;border-radius:4px;overflow:hidden;vertical-align:top;}
.board-ico-type	a			{display:block;line-height:38px;width:38px;text-align:center;border-left:1px solid #eaeaea;background:#f6f6f6}
.board-ico-type	a:first-child		{border:none;}
/*.board-ico-type	a.ico-calen, .board-ico-type a.ico-gallery		{width:110px;}*/
.board-ico-type	a.ico-calen	span, .board-ico-type a.ico-gallery span{font-size:14px;margin-left:10px;}
.board-ico-type	a.on				{background:#fff;color:#4F6EB1}
.board-ico-type	a:before			{content:"";font-family:var(--faw);font-family:fontAwesome}
.board-ico-type	a.ico-gallery:before	{content:"\f009";}
.board-ico-type	a.ico-namecard:before	{content:"\f00b";}
.board-ico-type	a.ico-list:before		{content:"\f03a";}
.board-ico-type	a.ico-calen:before		{content:"\f133";}

.sub-container			{position:relative;z-index:14;}
.sub-container-full		{position:relative;z-index:14;margin-top:170px;}
.sub-container .tab_flex a{min-width:auto}
.sub-container .tab_flex a:not(.on):hover{color:#121314;}
.sub-container .tab_flex a.on{background:#121314;}
.sub-content			{position:relative;padding:90px 0;min-height:720px;}

.search-form-wrap			{position:relative;border:2px solid #4F6EB1;background:#fff;margin-bottom:40px;}
.search-form				{position:relative;display:flex;flex-flow:row wrap;line-height:50px;overflow:hidden;}
.search-form input			{padding:10px 200px 10px 30px;width:100%;border:none;font-size:1.315rem;color:#4F6EB1;font-weight:var(--font-semibold)}
.search-form input::placeholder				{opacity:1;color:#ccc;font-weight:100;font-size:17px;}
.search-form input:-ms-input-placeholder	{opacity:1;color:#ccc;font-weight:100;font-size:17px;}
.search-form input::-ms-input-placeholder	{opacity:1;color:#ccc;font-weight:100;font-size:17px;}
.search-form input:focus	{outline:none;}
.search-form .btn-search	{position:absolute;right:220px;top:10px;color:#FEB835;font-size:1.5rem;}
.search-form #angle-btn			{width:200px;height:100%;position:absolute;right:0px;top:0px;border-radius:0;font-size:20px;display:flex;align-items:center;justify-content:space-between;}
.search-form #angle-btn i{margin-left:20px;}
.search-option				{position:absolute;z-index:11;left:-2px;top:72px;width:calc(100% + 4px);padding:0 0 20px 0;background:#f9f9f9;border:2px solid var(--main-color);border-top:none;border-radius:0 0 0.5rem 0.5rem;box-shadow:0 20px 20px rgba(0,0,0,0.1)}
.search-option table tr		{border-top:1px solid #efefef;}
.search-option table tr:first-child{border:none;}
.search-option table th		{color:#4F6EB1;font-size:1.0125rem;font-weight:500;width:160px;}
.search-option table th,
.search-option table td		{padding:10px 30px;}
.search-option [class^="ico"]:before	{content:"";font-family:FontAwesome;margin-right:0.5rem;}
.search-option .ico1:before	{content:"\f022"}
.search-option .ico2:before	{content:"\f1de"}
.search-option .ico3:before	{content:"\f133"}
.search-option .ico4:before	{content:"\f024"}
.search-option input[type=date]{width:130px;}

@media only screen and (max-width:1240px){
	.search-option table th		{width:140px;}
	.search-option table th,
	.search-option table td		{padding:10px 20px;}
}
@media only screen and (max-width:767px){
	.search-form		{line-height:40px}
	.search-form input			{font-size:1.125rem;}
	.search-form .btn-search	{right:140px;font-size:1.25rem}
	.search-form .btn-d			{line-height:38px;padding:0 15px;}
	.search-option				{top:56px;}
	.search-form #angle-btn{width:auto;font-size:14px;}
	.search-form #angle-btn i{margin-left:10px;}
	.search-form input{padding:10px 135px 10px 10px;}
}
@media only screen and (max-width:576px){
	.search-form		{line-height:35px}
	.search-form input			{font-size:1rem;}
	.search-form .btn-search	{right:110px;font-size:1.125rem}
	.search-form .btn-d			{line-height:33px;padding:0 10px;font-size:.875rem}
	.search-option				{top:51px;}
	.search-option table th		{width:auto}
	.search-option table tr		{display:block;padding:10px 20px;}
	.search-option table th,
	.search-option table td		{display:block;padding:0;text-align:left;}
	.search-form-wrap{margin-bottom:20px;}
}







.program-tab{border:none;padding:20px;margin-bottom:40px;background:url(../img/program-bg.png) no-repeat 0 0/ cover;}
.tour-tab{margin:0 0 20px 0;background: #f4f4f4;}
.tour-tab a.on{background: var(--main-color) !important;/* min-height:70px; */color: #FFF;}
.tour-tab ul{margin:0 -2px;display:flex;flex-wrap:wrap;padding: 20px 15px;}
.tour-tab ul li{width: 160px;margin: 4px;}
.tour-tab ul li a {position:relative;min-height: 64px;display:flex;align-items:center;justify-content:center;/* padding: 10px 10px 10px 15px; */line-height:1.1;border: 1px solid var(--main-color);border-radius: 50px;background: #FFF;color: #333;font-size: 15px;font-weight:500;letter-spacing:-1px;text-align:center;overflow:hidden;}
.tour-tab ul li a span{margin:0;margin-right: 5px;}
.tour-tab li a.on span{background-image:url(../img/program-ico.png);filter:brightness(100);}
.tour-tab a:after{/* content:"\f105"; */font-family:FontAwesome;font-weight:900;position:absolute;right:15px;top:calc(50% - 15px);display:block;line-height:30px;text-align:center;font-size:1rem;}

/* .program-tab ul{display:flex;flex-wrap:nowrap;justify-content:center;}
.program-tab li:after{display:none;}
.program-tab li{margin:10px;flex:0 0 auto;}
[class*='edu-ico']{width:42px;height:42px;display:block;background:url(../img/program-ico2.png) no-repeat -384px 0px;margin:0 auto 3px;}
.edu-ico1{background-position:3px 0px;}
.edu-ico2{background-position:-50px 0px;}
.edu-ico3{background-position:-108px 0px; filter:brightness(10);}
.edu-ico4{background-position:-163px 0px;}
.edu-ico5{background-position:-218px 0px;}
.edu-ico6{background-position:-273px 0px;}
.edu-ico7{background-position:-329px 0px;}
.edu-ico9{background-position:-438px 0px;}
.program-tab li a{display:block;width:140px;height:100px;padding:12px 0;border-radius:5px;color:#47598D;font-size:14px;letter-spacing:-0.085rem;font-weight:700;background:rgba(255,255,255,0.8);border:1px solid var(--main-color);line-height:1.2;word-break:keep-all;}
.program-tab li a.on{background:url(../img/point-bg.png);color:#fff;}
.program-tab li a.on span{background-image:url(../img/program-ico.png);filter:brightness(100);}

.program-tab li:first-child a{line-height:90px;font-size:16px;padding:0;} */
.tab_list.swiper-container{margin:0 auto 20px auto;}

.tab_list .swiper-button-next,
.tab_list .swiper-container-rtl .swiper-button-prev			{background:none;}
.tab_list .swiper-button-next:after,
.tab_list .swiper-rtl .swiper-button-prev:after				{font-size:22px;border-radius:50%;padding:10px 16px;font-weight:bold;color:#fff;background:rgba(0, 0, 0, 0.5);}
.tab_list .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:none !important;}

.tab_list .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size:22px!important;border-radius:50%;padding:10px 16px;font-weight:bold;color:#fff;background:rgba(0, 0, 0, 0.5);}
.tab_list ul li:after{content:"";}
/* .program-tab > div:first-child{display:flex;flex-wrap:nowrap;justify-content:center;} */
.program-tab > div:after{display:none;}
.program-tab > div > div{margin:10px 0; flex:0 0 auto;}
[class*='edu-ico']{width:42px;height:42px;display:block;background:url(../img/program-ico2.png) no-repeat -384px 0px;margin:0 auto 3px;}
.edu-ico1{background-position:3px 0px;}
.edu-ico2{background-position:-50px 0px;}
.edu-ico3{background-position:-108px 0px; /* filter:brightness(10); */}
.edu-ico4{background-position:-163px 0px;}
.edu-ico5{background-position:-218px 0px;}
.edu-ico6{background-position:-273px 0px;}
.edu-ico7{background-position:-329px 0px;}
.edu-ico9{background-position:-438px 0px;}
.program-tab .swiper-wrapper {padding:0 10px;}
.program-tab .swiper-wrapper .swiper-slide{width:auto !important;}
.program-tab .swiper-wrapper .swiper-slide.slide-width{width:163.75px !important;}
.program-tab div .swiper-slide.slide-width a {width:100%;}
.program-tab div div a{display:block;width:140px;height:100px;padding:12px 0;border-radius:5px;color:#47598D;font-size:14px;letter-spacing:-0.085rem;font-weight:700;background:rgba(255,255,255,0.8);border:1px solid var(--main-color);line-height:1.2;word-break:keep-all;}
.program-tab div div a.on{background:url(../img/point-bg.png);color:#fff;}
.program-tab div div a.on span{background-image:url(../img/program-ico.png);filter:brightness(100);}

.program-tab div div:first-child a{line-height:90px;font-size:16px;padding:0;}
.program-tab .swiper-zero a{line-height:90px;font-size:16px;padding:0;}
.swiper-pagination{display:none;}

.program-list{display:flex;flex-wrap:wrap;margin:0 -20px;overflow:hidden;}
.program-list>li{width:calc(25% - 40px);margin:20px;position:relative;}
.program-list li>a{display:block;border-radius:10px;overflow:hidden;text-align:left;background:#F9FAFB;}
.program-list .img{height:220px;overflow:hidden;position:relative;}
.program-list .img img{width: 100%;min-height: 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.program-list .hov-cont{position:absolute;top:0;left:0;width:100%;height:220px;display:flex;align-items:end;background:linear-gradient(0deg, rgba(0,0,0,0.7), transparent);z-index:1;opacity:0;transition:all 0.3s;}
.program-list .hov-cont>div{padding:15px 30px;}
.program-list .hov-cont a:not(.btn-d){color:#fff;padding:0 10px;}
.program-list .hov-cont span{color:#fff;padding:0 3px;}
.program-list .hov-cont i.on{font-weight:900;color:#FE7A7A;}
.program-list .hov-cont .btn-d{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.program-list .cont{padding:20px;position:relative;}
.program-list .subject{font-size:23px;color:#000;font-weight:700;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:55px;line-height:1.2;letter-spacing:-0.075rem;}
.program-list .info{font-size:15px;color:#666;}
.program-list .info span:first-child{width:60px;margin-right:10px;color:#333;font-weight:500;display:inline-block;}
.program-list .badge{padding:5px 9px;position:absolute;right:20px;top:-12px;border:0;border-radius:3px;color:#fff;font-size:14px;font-weight:500;z-index:9;}
.program-list .badge.new{background:#FE7A7A;}
.program-list .app{font-size:15px;border-top:1px solid #E5EAF2;padding:10px 20px;}
.program-list .app span{display:inline-block;margin-right:10px;font-weight:500;}
.program-list .app.c1{color:#4F6EB1;}
.program-list .app.c2{color:#FE7A7A;}
.program-list>li:hover .hov-cont{opacity:1;}
.program-list>li:hover a{box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
.edu-category{color:#4F6EB1;font-size:16px;}
.program-list>li.out .subject{color:#555;}
.program-list>li.out .info,
.program-list>li.out .info span,
.program-list>li.out .edu-category{color:#777;}
.program-list>li.out .hov-cont{background:linear-gradient(0deg, rgba(120,120,120,0.7), transparent);}
.program-list>li.out .hov-cont .btn-d{background:#555;border-color:#555;}
.program-list>li.out .img{filter:grayscale(0.8);}

.ico-f-share					{position:relative;cursor:pointer;}
.ico-f-share .share-ico-cont	{display:none;position:absolute;transform:translateX(-50%);left:50%;top:26px;width:150px;background:var(--black6);border-radius:4px;}
.ico-f-share:hover .share-ico-cont	{display:flex;flex-flow:row wrap}
.ico-f-share:hover .share-ico-cont a{flex:1;display:block;width:30px;line-height:30px;text-align:center;color:#ccc}
.share-ico-facebook:before			{content:"\f39e";font-family:var(--faw);font-size:0.75rem;}
.share-ico-twitter:before			{content:"\f099";font-family:var(--faw);font-size:0.75rem;}
.share-ico-kakao:before				{content:"K";font-size:0.75rem;}
.share-ico-blog:before				{content:"\f781";font-family:var(--faw);font-size:0.75rem;}
.share-ico-copy:before				{content:"\f0c1";font-family:var(--faw);font-size:0.75rem;}
.share-ico-facebook:hover:before	{color:#1877f2}
.share-ico-twitter:hover:before		{color:rgb(29, 155, 240)}
.share-ico-kakao:hover:before		{color:#fae100}
.share-ico-blog:hover:before		{color:#19ce60}
.share-ico-copy:hover:before		{color:#fff}

@media only screen and (max-width:1750px){ /* 1200 */
	.program-list .img,
	.program-list .hov-cont{height:180px;}
	.program-list .cont{padding:20px;}
	.program-tab li a{height:80px;padding:7px 0;}
	.program-tab li:last-child a{line-height:80px;}
	.program-tab{padding:10px;}
	[class*='edu-ico']{transform:scale(0.8);}
}
@media only screen and (max-width:1440px){
	.program-tab .swiper-wrapper .swiper-slide.slide-width{width:160px !important;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.program-list > li{width:calc(33.33% - 40px);}
	.program-tab .swiper-wrapper .swiper-slide.slide-width{width:148.8px !important;}
}
@media only screen and (max-width:1024px){ 
	.program-tab .swiper-wrapper .swiper-slide.slide-width{width:calc(16.6% - 10px) !important;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.program-tab li a{width:90px;height:70px;display:flex;align-items:center;justify-content:center;}
	[class*='edu-ico']{display:none;}
	.program-tab li:last-child a{line-height:70px;}
	.program-list > li{width:calc(50% - 40px);}
	.program-tab div div:first-child a{height:80px;line-height:80px; font-size:14px;}
	.program-tab .swiper-zero a{line-height:80px;}
	.program-tab div div a{height:80px;line-height:80px; padding:0;}
	.program-tab .list_edu6 a,
	.program-tab .list_edu5 a{padding:25px 0; line-height:1.2;}

}
@media only screen and (max-width:767px){ /* auto */	
	/* .program-tab li{margin:5px;} */
	.program-tab{margin-bottom:20px;}
	.program-tab ul{justify-content:flex-start;overflow-x:scroll;}
	.program-tab ul::-webkit-scrollbar {height:6px;}
	.program-tab ul::-webkit-scrollbar-thumb {background-color:#acb4c3;border-radius:10px;}
	.program-tab ul::-webkit-scrollbar-track {background-color:#e1e2e6;border-radius:10px;}

	.program-list{margin:0 -10px ;}
	.program-list .subject{font-size:1.4rem;height:56px;}
	.program-list > li{width:calc(50% - 20px);margin:10px;}
	.program-list .app span{display:block;}

	.board-info > div			{flex:auto;}
	.program-tab .swiper-wrapper .swiper-slide.slide-width{width:calc(25% - 10px) !important;}
	
}
@media only screen and (max-width:599px){ /* mobile-l */
	.program-list > li{width:calc(100% - 20px);}
	.program-list .subject{font-size:1.2rem;height:45px;}
	.program-list .topic{line-height:34px;}
	
	.board-info > div	{width:100%;}
	.board-info .board-ico-type{margin-top:5px;}
	.program-tab .swiper-wrapper .swiper-slide.slide-width{width:calc(50% - 15px) !important;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	.program-tab .swiper-wrapper {padding:0;}
	.program-tab .swiper-wrapper .swiper-slide.slide-width{width:calc(100% - 30px) !important;margin:15px;}

}
/*교육과정 리스트[E]*/

/*교육과정 캘린더[S]*/
.res-month		{position:relative;padding:0 0 30px;text-align:center;}
.res-month>span	{font-size:35px;color:#333;font-weight:500;line-height:1;}
.res-month a	{position:absolute;top:0px;font-size:1.1rem;color:#5b6678;}
.res-month .prev	{left:0;}
.res-month .next	{right:0;}
.res-month a i	{color:#ccc;}
.res-month .prev i	{margin-right:20px;}
.res-month .next i	{margin-left:20px;}

.day.sun	{color:#FF3333 !important;}
.day.sat	{color:#052174 !important;}
.res-calendar td, .res-calendar th	{min-width:90px;width:14.285714%;transition:all 0.2s ease-out;}
.res-calendar td{border:1px solid #E5E9EE;}
.res-calendar thead th	{background:#4F6EB1;border-top:none;border-bottom:none;padding:20px;text-align:center;font-size:15px;font-weight:500;color:#fff;}
.res-calendar tbody td	{vertical-align:top;height:150px;position:relative;}
.res-calendar tbody td li input, .res-calendar tbody td li label{cursor:pointer;}
.res-calendar thead th:first-child	{border-left:none;}
.res-calendar thead th:last-child	{border-right:none;}
.res-calendar tbody tr:first-child td:not(.on){border-top:none;}
.res-calendar table td>span,
.res-calendar .day		{display:inline-block;font-size:16px;color:#000;width:30px;height:30px;line-height:30px;margin:5px;text-align:center;border-radius:50%;font-weight:500;transition:all 0.2s ease-out;}
.res-calendar td p		{position:relative;padding:5px;padding-left:30px;font-size:12px;line-height:1.3;}
.res-calendar .va-pc	{display:table-cell;}
.res-calendar .res-stand	{color:#999;}
.res-calendar .res-fix		{color:#000;}
.res-calendar .res-stand, .res-calendar .res-fix	{margin:-1px 0 0 0;border-right:none;border-left:none;}
.res-calendar .res-stand:before,
.res-calendar .res-fix:before	{position:absolute;left:5px;top:2px;}
.res-calendar td:hover	{}
.res-calendar td:hover .day:not(.last){background:#708ac1;color:#fff !important;}
.res-calendar td.in {border-top:2px solid #B9C8DF;}
.res-calendar td.on	{border:2px solid var(--main-color);}
.res-calendar td li{font-size:14px;color:#333;word-break:break-all;padding:0 15px;margin-bottom:8px;line-height:1.3;}
.res-calendar td li.out {color:#ccc;}
.res-calendar td li>a{display:block;}
.res-calendar td li div{display:flex;justify-content:space-between;margin-top:5px;}
.res-calendar td li span span:last-child{font-weight:500;}
.res-calendar td li em{color:#ff5722;}
.res-calendar td li .more{display:block;width:16px;height:16px;line-height:12px;border-radius:50%;text-align:center;background:#ccc;color:#fff;font-weight:400;}
.res-calendar .last:before,
.res-calendar .holiday:before,
.res-calendar .off:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#f5f5f599;}
.edu-calendar .res-calendar tbody td{cursor:default;}

@media (max-width:767px){
	.res-calendar table {border-top:1px solid #ddd;border-radius:0;}
	.res-calendar table thead{display:none !important}
	.res-calendar table tbody td{display:block;width:auto !important;height:auto;border-top:none;}
	.res-calendar table tbody td.none{display:none !important}
	.res-month a span,.res-month a i{font-size:.9rem;}
	.res-month span{font-size:1.4rem;}
}
/*교육과정 캘린더[E]*/

/*교육과정 뷰[S]*/
.program-view .detail{flex-wrap:nowrap;box-shadow:0 0 20px rgba(0,0,0,0.1);position:relative;margin-bottom:40px;}
.program-view .detail:before{content:"";width:130px;height:130px;background:#75A5CC;position:absolute;left:-8px;bottom:-8px;}
.program-view .detail:after{content:"";width:150px;height:150px;background:var(--main-color);position:absolute;right:-8px;top:-8px;}
.program-view .detail [class*="col-"]{flex:unset;max-width:none;padding:0;}
.program-view h4{margin:30px 0 25px;}
.program-view .detail .col-1{width:480px;min-height:330px;overflow:hidden;position:relative;}
.program-view .detail .img img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.program-view .detail .col-2{width:calc(100% - 880px);padding:30px 40px;}
.program-view .detail .col-3{width:400px;padding:30px 40px 120px;background:#F9FAFB;position:relative;z-index:1;}
.program-view .downlist			{position:relative;border:1px solid var(--basic-border);padding:20px;}
.program-view .downlist i		{position:absolute;left:30px;top:25px;color:var(--main-color);font-size:20px;}
.program-view .downlist ul		{margin-left:40px}
.program-view .downlist li		{border-top:1px dotted #eee;padding:0.5rem 0}
.program-view .downlist li:nth-of-type(1){border:none;padding-top:0}
.program-view .downlist li:last-child{padding-bottom:0}
.program-view .downlist li a				{transition:all ease-out 0.2s}
.program-view .downlist li a:hover		{color:var(--main-color)}
.program-view .downlist li a:hover:after	{content:"\f019";font-family:FontAwesome;display:inline-block;margin-left:0.5rem}
.program-view .edu-category{font-size:16px;color:var(--main-color);}
.program-view .subject{font-size:24px;color:#000;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:55px;}
.program-view .info{padding-top:15px;margin-top:15px;border-top:1px solid #DBE2EE;}
.program-view .info li{font-size:16px;line-height:1.8;}
.program-view .info span{display:inline-block;width:85px;color:#333;font-weight:500;}
.program-view .info li em, .program-view .app span em{color:#FEB835;font-weight:700;}
.program-view .detail .btn-wrap{text-align:right;font-size:1.5rem;color:#999FA6;margin-bottom:15px;}
.program-view .detail .btn-wrap a{padding:0 5px;}
.program-view .detail .btn-wrap i.on{font-weight:900;color:#FE7A7A;}
.program-view .tag span{padding:5px 10px;background:#fff;border-radius:3px;border:1px solid #E6EAEE;color:#666;font-size:14px;margin:0 5px 5px 0;display:inline-block;}
.program-view .app{display:block;width:320px;line-height:70px;position:absolute;bottom:30px;right:40px;padding-left:90px;text-align:center;background:var(--main-color);font-size:20px;font-weight:500;color:#fff;}
.program-view .app span{position:absolute;left:0;top:0;background:rgba(0,0,0,0.2);display:block;width:90px;}
.program-view .app:before{content:"";width:41px;height:42px;background:url(../img/app-btn-deco.png);position:absolute;top:-25px;right:-24px;}
.program-view .app.out{background:#999;}
.program-view .app.out:before{filter:grayscale(1);}
.program-view .app.pre{background:#75A5CC;}
.program-view .app.clr{background:#435170;}
.program-view .app.clr:before{filter: brightness(0.7);}  
.program-view .app.bottom{position:relative;bottom:-75px;right:auto;margin:0 auto;float:none;max-width:320px;}
.program-view .app.bottom:before{display:none;}
.program-view .ico-f-share .share-ico-cont{top:34px;left:-50%;}
.program-view .checklist li:before{content:"\f00c";font-family:FontAwesome;display:inline-block;color:var(--main-color);margin-right:10px;}
.program-view .checklist li span{position:relative;display:inline-block;}
.program-view .checklist li span:before{content:"";width:100%;height:8px;background:#e7f3ff;position:absolute;bottom:5px;left:0;}
.program-view .checklist li em{position:relative;font-weight:500;}
.program-view #map{height:auto;}

.edu-cmt{font-size:14px;color:#999;margin-left:20px;margin-top:30px;}
.search-cmt{font-size:14px;color:#999;}
.bg_sky{background:#F9FAFB;padding:30px;}
.bx1_sky{padding:30px;border:1px solid var(--main-color);box-shadow:0 0 10px #4f6eb133;}


@media only screen and (max-width:1750px){
	.program-view .detail .col-1{width:430px;min-height:300px;}
	.program-view .detail .col-2{width:calc(100% - 830px);}
}
@media only screen and (max-width:1440px){ /* 1200 */
	.program-view .detail .col-1{width:350px;min-height:250px;}
	.program-view .detail .col-2{width:calc(100% - 710px);padding:20px 30px;}
	.program-view .detail .col-3{width:360px;padding:20px 20px 100px;}
	.program-view .app{right:20px;}
	.program-view .app:before{top:-12px;right:-12px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.program-view .detail{flex-wrap:wrap;}
	.program-view .detail .col-2{width:calc(100% - 350px);background:#fff;position:relative;z-index:1;}
	.program-view .detail .col-3{width:100%;padding:30px;}
	.program-view .detail .btn-wrap{float:right;}
	.program-view .detail .tag{float:left;width:calc(100% - 100px);}
	.program-view .app{position:relative;bottom:auto;right:auto;float:right;clear:both;margin-top:20px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.bg_sky, .bx1_sky{padding:20px;}
	.program-view .app.bottom{bottom:auto;margin:40px auto 0;}
}
@media only screen and (max-width:767px){ /* auto */
	.program-view .detail{justify-content:center;box-shadow:none;}
	.program-view .detail .col-2{width:100%;}
	.program-view .detail:before,.program-view .detail:after{display:none;}
	.program-view .app{width:100%;line-height:50px;font-size:16px;}
	.program-view .detail .btn-wrap{font-size:1rem;}
	.program-view .info li{font-size:15px;}
	.program-view .info span{width:65px;}
	.program-view .tag span{font-size:12px;}
	.program-view .edu-category{font-size:14px;}
	.program-view .subject{font-size:18px;max-height:41px;}
}
@media only screen and (max-width:599px){ /* mobile-l */
	.program-view .detail .col-2,
	.program-view .detail .col-3{padding:10px;}
	.program-view .app:before{display:none;}
	.program-view h4.left{float:none !important;margin-bottom:10px;}
	.edu-cmt{display:block;margin:0 0 10px;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	.program-view .detail .btn-wrap{float:none;margin-bottom:10px;}
	.program-view .detail .tag{float:none;width:100%;}
}
/*교육과정 뷰[E]*/

/*교육과정 신청[S]*/
.reservation h4{margin:30px 0 25px;}
.reservation .btn-wrap{margin-top:30px;}
.res-info .info li{color:#111;line-height:1.8;/* padding:5px 0; */}
.res-info .info li em{width:85px;color:#111;display:inline-block;}
.res-info .info li em span,
.res-info .per-info th span{color:var(--main-color);}
.res-info .per-info th{width:85px;color:#111;text-align:left;vertical-align:middle;}
.res-info .per-info td{padding:5px 0;}
.res-info .per-info select{display:inline-block;width:auto;}
.res-info .per-info input{width:200px;}
.res-info .form-inline{flex-wrap:nowrap;align-items: center;}
.res-info .form-inline span{padding:0 0.3rem;}
.res-info textarea{width:calc(100% - 85px) !important;min-height:70px;border-color:#ddd;border-radius:5px;}

.res-mem form{display:flex;justify-content:space-between;margin-top:40px;}
.res-mem a{display:block;width:calc(50% - 20px);padding:60px 70px;border-radius:7px;background-size:cover;}
.res-mem a > span{display:inline-block;padding:2px 20px;border-radius:35px;color:#fff;}
.res-mem a .tit{font-size:40px;line-height:1.5;margin-bottom:10px;}
.res-mem a .tit span{font-weight:700;}
.res-mem a .txt{font-weight:500;}
.res-mem a.nomem{color:#4B697E;background-image:url(../img/app-choice02.png);}
.res-mem a.nomem > span{background:#4B697E;}
.res-mem a.mem{color:#354859;background-image:url(../img/app-choice01.png);}
.res-mem a.mem > span{background:#354859;}
.res-mem a:hover{box-shadow:0 0 25px rgba(0,0,0,0.15);}

/*결제*/
.faci-pay{display:flex;border-radius:10px;overflow:hidden;border:1px solid #ccc;}
.faci-pay>div{padding:1.5rem;}
.faci-pay .left{width:calc(100% - 300px);}
.faci-pay .left .tit{font-size:24px;font-weight:700;color:#4F6EB1;margin-bottom:20px;line-height:1.3;}
.faci-pay .left .txt{line-height:1.5;color:#888;font-size:14px;}
.faci-pay .left .txt span{width:80px;display:inline-block;font-weight:500;color:#111;}
.faci-pay .right{width:300px;text-align:center;color:#fff;background:#4f6eb1 url(../img/point-bg.png) no-repeat 0 0/cover;line-height:1.05;position:relative;}
.faci-pay .sum {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.faci-pay .sum .tit{font-size:18px;}
.faci-pay .sum .txt span{font-size:2.5rem;font-weight:700;color:#fff;}

@media only screen and (max-width:1023px){
	.faci-pay .left{width:calc(100% - 220px);}
	.faci-pay .right{width:220px;}
}
@media only screen and (max-width:767px){
	.faci-pay{flex-wrap:wrap;}
	.faci-pay>div{padding:15px;}
	.faci-pay .left, .faci-pay .right{float:none !important;width:100%;}
	.faci-pay .right{height:75px;}
	.faci-pay .sum .txt span{font-size:2rem;}
	.faci-pay .sum .tit{font-size:14px;}
	.faci-pay .left .tit{font-size:20px;margin-bottom:0;}
}
@media only screen and (max-width:599px){
	.faci-pay .left .tit{font-size:18px;}
}
@media only screen and (max-width:415px){
	.faci-pay .left .tit{font-size:1.2rem;word-break:keep-all;}
}

/* attach */
.file-upload		{position: relative;overflow: hidden;display: inline-block;vertical-align:middle;background:#B8BFC7;border-color:#B8BFC7;}
.file-upload:before{content:"\f0c6";font-family:var(--faw);}
.file-upload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
#fileuploadurl		{display: inline-block;border:none;vertical-align:middle;background:none;box-shadow: none;padding-left: 0;padding-right: 0;width:300px;font-size:.725rem}

.single-attach								{border-radius:var(--basic-round);border:1px solid var(--basic-border);background:#fff;padding:0.15rem;display:flex;flex-flow:row wrap;}
.single-attach label .btn-d					{line-height:31px;padding:0 0.5rem;}
.single-attach label						{position:relative;}
.single-attach label input					{position:absolute;width:0;height:0;overflow:hidden;}
.single-attach input[type="text"]			{flex:1 0 80%;padding-left:0.5rem;border:none;background:none;color:var(--gray);}
/*교육과정 신청[E]*/

/*시설대관[S]*/
.faci-list{display:flex;margin:0 -20px;flex-wrap:wrap;}
.faci-list > li{width:calc(33.33% - 40px);margin:0 20px 20px;position:relative;}
.faci-list .img{height:280px;border-radius:8px;overflow:hidden;position:relative;}
.faci-list .img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:100%;width:100%;}
.faci-list .cont{padding:40px 20px;position:relative;font-size:16px;}
.faci-list .category{line-height:35px;padding:0 20px;position:absolute;top:-20px;left:20px;border-radius:3px;font-weight:500;font-size:14px;color:#fff;background:#ccc;z-index:9;}
.faci-list .tit{font-size:24px;font-weight:700;/* color:var(--main-color); */line-height:1.2;margin-bottom:10px;}
.faci-list .info{/* display:flex;flex-wrap:wrap; */padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #D2DCE6;}
.faci-list .info li{/* margin-right:20px; */width:100%;letter-spacing:-0.08rem;word-break:keep-all;display:flex;align-items:baseline;}
.faci-list .info li:before{font-family:fontAwesome;font-weight:900;font-size:12px;margin-right:5px;display:inline-block;width:20px;text-align:Center;flex-shrink:0;}
.faci-list .info li.ico1:before{content:"\f3c5";}/*주소*/
.faci-list .info li.ico2:before{content:"\f500";}/*인원*/
.faci-list .info li.ico3:before{content:"\f017";}/*대관시간*/
.faci-list .info li.ico4:before{content:"\f0d6";}/*대관료*/
.faci-list .info li.ico5:before{content:"\f007";}/*대상*/
.faci-list .intro{line-height:1.4;}
.faci-list .intro p:nth-child(1){font-weight:500;/* color:var(--main-color); */}
.faci-list .intro p em{font-weight:500;color:var(--main-color);}
.faci-list .hov-cont{width:100%;height:280px;position:absolute;top:0;left:0;border-radius:8px;background:rgba(0,0,0,0.8);text-align:Center;padding:0 20px;padding-top:20%;opacity:0;transition:all 0.3s;}
.faci-list .hov-cont p{color:#fff;font-size:26px;font-weight:700;line-height:1.2;margin-bottom:10px;word-break:keep-all;}
.faci-list .hov-cont .btn-d{border:none;box-shadow:none;}
.faci-list > li:hover .hov-cont{opacity:1;}
.faci-list > li:hover .img{box-shadow:0 0 20px rgba(0,0,0,0.3);}
.faci-list .c1 .category, .faci-list .c1 .btn-d{background:var(--main-color);}
.faci-list .c1 .tit, .faci-list .c1 .info li:before, .faci-list .c1 .intro p:nth-child(1){color:var(--main-color);}
.faci-list .c2 .category, .faci-list .c2 .btn-d{background:#74A5CD;}
.faci-list .c2 .tit, .faci-list .c2 .info li:before, .faci-list .c2 .intro p:nth-child(1){color:#74A5CD;}
.faci-list .c3 .category, .faci-list .c3 .btn-d{background:#2BB99C;}
.faci-list .c3 .tit, .faci-list .c3 .info li:before, .faci-list .c3 .intro p:nth-child(1){color:#2BB99C;}
.faci-list .c4 .category, .faci-list .c4 .btn-d{background:#FEB835;}
.faci-list .c4 .tit, .faci-list .c4 .info li:before, .faci-list .c4 .intro p:nth-child(1){color:#FEB835;}

.app-info{margin-bottom:40px;box-shadow:0 0 20px rgba(0,0,0,0.1);position:relative;}
.app-info .img{width:360px;min-height:195px;overflow:hidden;position:relative;z-index:9;}
.app-info .img img{width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.app-info .col-2{width:calc(100% - 360px);padding:30px 40px;max-width:unset;flex:auto;background:#fff;position:relative;}
.app-info .tit{font-size:24px;font-weight:700;color:var(--main-color);line-height:1.3;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:58px;margin-bottom:10px;}
.app-info .info{/*display:flex; padding-bottom:10px; */font-weight:500;}
.app-info .info li{margin-right:20px;word-break:keep-all;}
.app-info .date, .app-info .date em{font-size:26px;font-weight:500;color:#1E2C42;letter-spacing:-0.085rem;}
.app-info:before{content:"";width:120px;height:120px;background:var(--main-color);position:absolute;right:-8px;top:-8px;}
.app-info:after{content:"";width:100px;height:100px;background:#75A5CC;position:absolute;left:-8px;bottom:-8px;}
.app-info li span{color:#FEB835;font-weight:700;}
.app-info .info li:before{font-family:fontAwesome;font-weight:900;font-size:12px;margin-right:5px;color:var(--main-color);display:inline-block;width:20px;text-align:center;}
.app-info .info li.ico1:before{content:"\f3c5";}/*주소*/
.app-info .info li.ico2:before{content:"\f500";}/*인원*/
/* .app-info .info li:nth-child(3):before{content:"\f017";}
.app-info .info li:nth-child(4):before{content:"\f007";} */
.app-info .info li.ico3:before{content:"\f017";}/*대관시간*/
.app-info .info li.ico4:before{content:"\f0d6";}/*대관료*/
.app-info .info li.ico5:before{content:"\f007";}/*대상*/
.app-info .info li.ico6:before{content: "\f06a";}
.app-info .info li.money:before{content:"\f09d";}
.app-info .info li.term:before{content:"\f133";}
.app-info .info li.loc:before{content:"\f3c5";}
/*지도보기 툴팁*/
.info .map{border:0;}
.info .map i{color:#74A5CD;}
.info .map:hover{color:#74A5CD;}

[data-tooltip]			{position:relative;z-index:99}
[data-tooltip]:before,
[data-tooltip]:after	{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:.725rem;}
[data-tooltip]:before{content:attr(data-tooltip);position:absolute;top:-20px;padding:0 .6rem;line-height:25px;border-radius:3px;color:#fff;background:#252525;box-shadow:0 3px 8px var(--black2);}
[data-tooltip]:after{content: '';border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #252525;}
[data-tooltip]:not([data-tooltip=""]):hover:before	{visibility:visible;opacity:1;top:-30px}
[data-tooltip]:not([data-tooltip=""]):hover:after	{visibility:visible;opacity:1;top:-5px}

[data-tooltip-bottom]			{position:relative;z-index:99}
[data-tooltip-bottom]:before,
[data-tooltip-bottom]:after	{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:.725rem;}
[data-tooltip-bottom]:before{content:attr(data-tooltip-bottom);position:absolute;bottom:0px;padding:0 .6rem;line-height:25px;border-radius:3px;color:#fff;background:#252525;box-shadow:0 3px 8px var(--black2);}
[data-tooltip-bottom]:after{content: '';border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #252525;}
[data-tooltip-bottom]:not([data-tooltip=""]):hover:before	{visibility:visible;opacity:1;bottom:-30px}
[data-tooltip-bottom]:not([data-tooltip=""]):hover:after	{visibility:visible;opacity:1;bottom:-5px}

[data-tooltip-right]	{position:relative;z-index:99}
[data-tooltip-right]:before,
[data-tooltip-right]:after{visibility:hidden;opacity:0;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;transition:all .2s ease;font-size:.725rem;}
[data-tooltip-right]:before{content:attr(data-tooltip-right);position:absolute;left:100%;padding:0 .6rem;line-height:25px;border-radius:3px;color:#fff;background:#252525;box-shadow:0 3px 8px var(--black2);}
[data-tooltip-right]:after{content: '';border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #252525;}
[data-tooltip-right]:not([data-tooltip-right=""]):hover:before	{visibility:visible;opacity:1;left:calc(100% + 10px)}
[data-tooltip-right]:not([data-tooltip-right=""]):hover:after	{visibility:visible;opacity:1;left:calc(100% + 5px)}


@media only screen and (max-width:1750px){ /* 1200 */
	.res-mem a{padding:40px;width:calc(50% - 10px);}
	.res-mem a > span{font-size:14px;padding:2px 10px;}
	.res-mem a .tit{font-size:30px;}

	.faci-list .img, .faci-list .hov-cont{height:230px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.faci-list .img, .faci-list .hov-cont{height:200px;}
	.faci-list .cont{padding:20px 10px;}
	.faci-list .info {flex-wrap:wrap;}
	.faci-list .info li{width:100%;}
	.faci-list .category{line-height:30px;padding:0 10px;left:10px;}
	.faci-list .tit{font-size:22px;}
	.faci-list .hov-cont p{font-size:20px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.app-info .info{flex-direction:column;}
	.app-info .info li{padding:0;}

	.faci-list{margin:0 -10px;}
	.faci-list > li{width:calc(33.33% - 20px);margin:0 10px 20px;}
	.faci-list .tit{font-size:20px;}
	.faci-list .cont{font-size:15px;}
}
@media only screen and (max-width:767px){ /* auto */	
	.res-mem a{padding:30px;}
	.res-mem a .tit{font-size:25px;}
	.res-mem a > span{font-size:12px;}
	.res-mem a .txt{font-size:14px;line-height:1.2;word-break:keep-all;}
	.app-info .img{display:none;}
	.app-info .col-2{position:relative;z-index:1;background:#fff;padding:20px;}
	.app-info:before{width:100px;height:100px;right:-4px;top:-4px;}
	.app-info:after{width:80px;height:80px;left:-4px;bottom:-4px;}
	.app-info .date,.app-info .date em{font-size:20px;}

	.faci-list > li{width:calc(50% - 20px);}
}
@media only screen and (max-width:599px){ /* mobile-l */
	.res-mem form{flex-wrap:wrap;}
	.res-mem a{width:100%;margin-bottom:10px;}
	.app-info .col-2 .tit,
	.app-info .date, .app-info .date em{font-size:18px;}

	.btn-d.btn-xlg{font-size:16px;padding:0 30px;line-height:50px;}

	.faci-list > li{width:calc(100% - 20px);}

	.per-info			{padding:1rem;}
	.per-info table		{display:block;width:100%}
	.per-info table thead,
	.per-info table tbody,
	.per-info table tr,
	.per-info table th,
	.per-info table td	{display:block;width:auto}
	.res-info .form-inline{flex-wrap:wrap;}
	.res-info .info li em,.res-info textarea{width:100% !important;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	.app-info .date, .app-info .date em{font-size:16px;}
}
/*시설대관[E]*/

/*신청완료[S]*/
.app-clear{margin-top:20px;background:url(../img/greeting_bg.png) no-repeat 50% 50% / cover;padding:40px 30px;position:relative;display:flex;justify-content:space-between;}
.app-clear>.tit{font-size:35px;color:#354859;line-height:1.2;position:relative;z-index:1;}
.app-clear>.tit em{display:block;font-weight:700;}
.app-clear:before {content:"";position: absolute;top:20px;left:20px;z-index:1;display:block;width:58px;height:48px;background:url(../img/center_tit_ico.png) no-repeat 0 0 / cover;filter:brightness(20);}
.app-clear:after  {content:"SUSEONG CULTURE FOUNDATION";display:block;width:240px;word-break:keep-all;font-family:'Titillium Web';font-size:40px;font-weight:500;line-height:1;;color:rgba(255,255,255,0.5);position:absolute;left:30px;bottom:30px;}
.app-clear .info-wrap{width:980px;position:relative;margin-top:-80px;}
.app-clear .info-wrap:before{content:"";width:120px;height:120px;background:var(--main-color);position:absolute;right:-8px;top:-8px;}
.app-clear .info-wrap:after{content:"";width:100px;height:100px;background:#75A5CC;position:absolute;left:-8px;bottom:-8px;}
.app-clear .cont{background:#fff;padding:40px;box-shadow:0 0 20px rgba(0,0,0,0.1);position:relative;z-index:1;}
.app-clear .cont .tit{font-size:24px;font-weight:700;color:var(--main-color);line-height:1.3;margin-bottom:10px;}
.app-clear .info{/* display:flex; */padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #D2DCE6;}
.app-clear .info li{margin-right:20px;}
.app-clear .info li:before{font-family:fontAwesome;font-weight:900;font-size:14px;margin-right:5px;color:var(--main-color);}
.app-clear .info li:nth-child(1):before{content:"\f3c5";}
.app-clear .info li:nth-child(2):before{content:"\f007";}
.app-clear .info li:nth-child(3):before{content:"\f017";}
.app-clear .info li:nth-child(4):before{content:"\f007";}
.app-clear .info li.money:before{content:"\f09d";}
.app-clear .info li.term:before{content:"\f133";}
.app-clear .cont li span{width:85px;font-weight:500;color:var(--main-color);display:inline-block;}
.app-clear .cont li{line-height:1.7;}

@media only screen and (max-width:1750px){ /* 1200 */
	.app-clear .info-wrap{width:800px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.app-clear .info-wrap{width:600px;}
	.app-clear>.tit, .app-clear:after{font-size:30px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.app-clear{flex-wrap:wrap;}
	.app-clear:after{right:20px;top:20px;text-align:right;left:auto;bottom:auto;}
	.app-clear .info-wrap{margin-top:30px;width:100%;}
}
@media only screen and (max-width:767px){ /* auto */
	.app-clear{padding:40px 20px 20px}
}
@media only screen and (max-width:599px){ /* mobile-l */
	.app-clear>.tit, .app-clear:after{font-size:20px;}
	.app-clear:after{top:40px;}
	.app-clear .cont{padding:20px;}
	.app-clear .info-wrap:before{right:-4px;top:-4px;}
	.app-clear .info-wrap:after{left:-4px;bottom:-4px;}
	.app-clear .cont .tit{font-size:20px;}
	.app-clear .info-wrap{margin-top:10px;}
	.app-clear .info{flex-wrap:wrap;}
	.app-clear .info li{width:100%;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	.app-clear{padding:20px 10px 10px;}
	.app-clear:after{display:none;}
}
/*신청완료[E]*/

/*마이페이지[S]*/
#mypage{position:relative;}
#mypage:before{content:"";width:100%;height:860px;background:url(../img/c_susung_goal_bg.png) no-repeat 50% 50% / cover;position:absolute;top:-80px;left:0;}
#mypage [class*="col-"]{flex:unset;max-width:none;padding:0;}
#mypage .my-info{justify-content:space-between;margin-bottom:60px;}
#mypage .col-1{width:350px;padding:40px;background:var(--main-color);color:#fff;}
#mypage .col-2{width:calc(100% - 390px);box-shadow:0 0 20px rgba(0,0,0,0.2);background:#fff;position:relative;display:flex;position:relative;padding:30px 30px 30px; flex-direction:column;}
#mypage .tab-list, #mypage .tab-cont{background:#fff;}
#mypage .tab-cont{padding:40px;}
#mypage .col-1 p:nth-child(1){font-size:40px;line-height:1.2;}
#mypage .col-1 p:nth-child(1) span{font-weight:700;}
#mypage .col-1 p:nth-child(2){color:#D6E0ED;margin:10px 0 50px;}
#mypage .col-1 a{display:inline-block;line-height:35px;border-radius:35px;background:#fff;color:#31486F;padding:0 20px;font-size:16px;}
#mypage .col-2>p{color:#000;font-weight:500;display:inline-block;position:absolute;top:40px;left:30px;}
#mypage .col-2>p:before{content:"";width:100%;height:12px;background:#E1EBFD;position:absolute;bottom:5px;left:0;}
#mypage .col-2>p>span{position:relative;}
#mypage .col-2>div{position:relative;z-index:1;}
#mypage .col-2 .program{flex:2;}
#mypage .col-2 .faci{flex:1;}

#mypage .col-2>div h2{font-size:25px;color:#31486F;}
#mypage .col-2 .program h2{color:var(--main-color);}
#mypage .col-2>div h2:before,
#mypage .col-2 .data .app span:before{content:"";width:43px;height:32px;background:url(../img/mypage-ico3.png);display:inline-block;}
#mypage .col-2>div h2:before{margin-right:8px;vertical-align: bottom;}
/* #mypage .program{padding-right:30px;border-right:1px solid #D2DCE6;} */
/* #mypage .faci{padding-left:30px;} */
#mypage .col-2 .data{background:#F9FAFB;display:flex;position:relative;/* padding-right:25%; */}
/* #mypage .faci .data{padding-right:50%;} */
#mypage .col-2 .data a{display:block;flex:1;text-align:center;padding:10px;color:#333;line-height:1.2;word-break:keep-all;font-size:15px;}
#mypage .col-2 .data a em{font-size:55px;font-weight:700;display:inline-block;line-height:1;color:var(--main-color);margin-bottom:5px;}
#mypage .col-2 .data a:nth-child(3) em{color:#75A5CC;}
#mypage .col-2 .data .app{position:relative;width:75px;height:75px;right:0;top:0;text-align:center;background:url(../img/point-bg.png);color:#fff;/* padding:17px 0; */}
#mypage .col-2 .faci .app{background:url(../img/point-bg-dark.png);}
#mypage .col-2 .data .app span:before{display:block;filter:brightness(100);margin:0 auto 5px;}
#mypage .col-2 .tour-program h2{color:#4b9999;}
#mypage .col-2 .tour-program .app{filter:hue-rotate(325deg);}
#mypage .col-2 .tour-program .data a em{color:#328f8f;}
#mypage .col-2 .tour-program .data a:nth-child(3) em{color:#83cfcf;}
#mypage .col-2 .program h2:before,
#mypage .col-2 .program .data .app span:before{background-position:-8px 2px;}
#mypage .col-2 .tour-program h2:before,
#mypage .col-2 .tour-program .data .app span:before{background-position:-119px 0px;}
#mypage .col-2 .faci h2:before,
#mypage .col-2 .faci .data .app span:before{background-position:-71px 0px;}

#mypage .col-2 .faci h2:before,
#mypage .col-2 .faci .data .app span:before{background-position:-71px 1px;}
#mypage .col-2:before{content:"";width:130px;height:130px;background:#75A5CC;position:absolute;left:-8px;bottom:-8px;}
#mypage .col-2:after{content:"";width:122px;height:122px;background:#fff;position:absolute;left:0;bottom:0;}
#mypage .my-info:before{content:"";width:150px;height:150px;background:var(--main-color);position:absolute;right:-8px;top:-8px;}
#mypage .tab-list{display:flex;}
#mypage .tab-list a{display:block;flex:1;text-align:center;font-size:22px;font-weight:700;line-height:70px;color:#bbb;}
#mypage .tab-list a.on{background:var(--main-color);color:#fff;}

/*board-list*/
#mypage .board-list	table{text-align:center;border-top:2px solid #2A3C66;}	
#mypage .board-list th,
#mypage .board-list td			{padding:20px}
#mypage .board-list .date,
#mypage .board-list .state	{text-align:center;}
#mypage .board-list .date{color:#111;font-size:20px;font-weight:700;}
#mypage .board-list .subject a	{display:block;text-align:left;color:#111;font-size:20px;font-weight:700;}
#mypage .board-list .subject{line-height:1.5;}
#mypage .board-list thead th{background:none;color:#333;padding:15px;border-bottom:1px solid #ddd;}

#mypage h4{margin:50px 0 25px;}
#mypage .board-list{position:relative;}
#mypage .more{position:absolute;top:-10px;right:0;}
#mypage .more em{color:var(--main-color);font-weight:700;vertical-align: text-bottom;}
.like-list{position:relative;}
.like-list > ul{display:flex;margin:0 -20px;}
.like-list > ul > li{width:calc(25% - 40px);margin:0 20px;position:relative;background:#F9FAFB;border-radius:5px;}
.like-list .cont{display:block;padding:20px;}
.like-list .edu-category{font-size:15px;color:var(--main-color);display:block;margin-bottom:5px;}
.like-list .subject{font-size:20px;font-weight:bold;color:#000;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:46px;line-height:1.2;margin-bottom:10px;}
.like-list .info{font-size:15px;line-height:1.8;color:#666;}
.like-list .info span{color:#333;font-weight:500;margin-right:10px;}
.like-list .like-btn{position:absolute;top:20px;right:20px;}
.like-btn i.on{font-weight:900;color:#FE7A7A;}
.like-list .no-data{background:#F9F9F9;cursor:default;}
.like-list .no-data .edu-category, .like-list .no-data .subject{color:#aaa;}


.mypage-notice{display:flex; align-items:center; position:relative; background:#3f4e6f;/*  border-radius:0 0 20px 0; */}
.mypage-notice > i{background:var(--main-color); display:block; width:60px; height:60px; line-height:60px; text-align:center; font-size:1.5rem; color:#fff;}
.mypage-notice > p {margin-left:10px; color:#fff;}
/*상태*/
.state.app span{font-size:14px;padding:2px 5px;border-radius:3px;border-width:1px;border-style:solid;letter-spacing:-0.075rem;}
.state.app span.c1{color:var(--main-color);}
.state.app span.c2{color:#75A5CC;}
.state.app span.c3{color:#999;}
.state.app span.c4{color:#FEB835;}

@media only screen and (max-width:1750px){ /* 1200 */
	#mypage .col-2 .data a{font-size:14px;}
	#mypage .col-2 .data a em{font-size:50px;}
	/* #mypage .col-2 .data .app{width:95px;height:95px;} */
	#mypage .col-2>div h2{font-size:23px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	#mypage:before{top:-50px;}
	#mypage .col-1{width:100%;padding:30px;}
	#mypage .col-2{width:100%;}
	#mypage .tab-cont{padding:30px;}
	#mypage .my-info:before{display:none;}
	#mypage .col-1 a{position:absolute;right:30px;bottom:30px;padding:0 50px;}
	#mypage .col-1 p:nth-child(1){font-size:35px;}
	#mypage .col-1 p:nth-child(2){margin:0;}
	.like-list > ul > li{width:calc(25% - 20px);margin:0 10px;}
	.like-list .info{line-height:1.5;}
	.like-list .info span{display:block;}
	.like-list .subject{font-size:18px;max-height:41px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	#mypage:before{top:-20px;}
	#mypage .my-info{margin-bottom:40px;}
	#mypage .board-list{padding:0;}
	#mypage .col-2{padding:50px 30px 30px;}
	#mypage .col-2>p{top:10px;left:20px;}
	#mypage .col-2>div h2{font-size:20px;}
	#mypage .tab-list a{font-size:20px;line-height:60px;}
	.like-list > ul{flex-wrap:wrap;}
	.like-list > ul > li{width:calc(50% - 20px);margin:10px;}
	.state.app span{width:60px;display:inline-block;font-size:12px;}
	.edu-category{font-size:14px;}
	#mypage .board-list .subject a{font-size:18px;}
}
@media only screen and (max-width:767px){ /* auto */	
	#mypage .col-2{flex-wrap:wrap;}
	#mypage .col-2>div{flex:auto !important;width:100%;padding:0 !important;border:none !important;}
	#mypage .program{margin-bottom:20px;}
	#mypage .faci .data{padding-right:75%;}
	#mypage .board-list th, #mypage .board-list td{padding:0.3rem;}
	#mypage .board-list table tbody td.subject{height:auto;width:calc(100% - 60px);}
	#mypage .board-list table tbody tr:first-child{border-top:none;}
	#mypage .col-2:before{left:-4px;bottom:-4px;}
	#mypage .col-2:after{width:126px;height:126px;}
	#mypage h4{margin:35px 0 15px;}
}
@media only screen and (max-width:599px){ /* mobile-l */
	#mypage .col-1 a{position:static;float:right;padding:0 20px;font-size:14px;line-height:30px;}
	#mypage .col-1 p:nth-child(1){font-size:27px;}
	#mypage .col-1 p:nth-child(2){font-size:14px;}
	#mypage .col-1, #mypage .col-2, #mypage .tab-cont{padding:20px;}
	#mypage .col-2>p{display:none;}
	#mypage .col-2>div h2{font-size:18px;margin:10px 0;}
	#mypage .col-2>div h2:before{transform:scale(0.7);margin-right:0;vertical-align:text-bottom;}
	#mypage .col-2 .data{flex-wrap:wrap;justify-content:center;padding-right:0;}
	#mypage .col-2 .data .app{position:static;width:100%;height:auto;padding:5px 0;}
	#mypage .col-2 .data .app span:before{display:inline-block;transform:scale(0.8);vertical-align:text-bottom;margin:0;}
	#mypage .col-2 .data a{flex:auto;}
	#mypage .col-2 .data a em{font-size:30px;}
	#mypage .faci .data{padding-right:0;}
	#mypage .program{margin-bottom:10px;}
	.like-list > ul > li{width:100%;}
	#mypage .tab-list a{font-size:16px;line-height:50px;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	#mypage .col-2 .data a{width:50% !important;}
	#mypage .col-2 .data .app{width:auto;height:auto;padding:17px 0;}
	#mypage .board-list table tbody td.subject, #mypage .board-list .subject a{width:100%;text-align:center;}
	#mypage .board-list table .state{position:static;}
}
/*마이페이지[E]*/

/* board-write  보드 스타일 없어서 추가*/
.board-write				{background:var(--basic-bg);border-radius:var(--basic-round);padding:1.75rem;}
.board-write table th,
.board-write table td		{padding:0.5rem 0.25rem}
.board-write table th		{width:200px;word-break:keep-all;vertical-align:top;padding-top:0.75rem}	
.board-write table table th,
.board-write table table td	{padding:0.25rem}
.board-write table table th	{width:auto;}
.board-write textarea		{min-height:200px;}

@media (max-width:1023px)	{
	.board-write			{padding:1rem;}
	.board-write table		{display:block;width:100%}
	.board-write table thead,
	.board-write table tbody,
	.board-write table tr,
	.board-write table th,
	.board-write table td	{display:block;width:auto}
}

/* 프로그램 신청 img 수정 20240216 */
@media only screen and (max-width: 1024px){
	.bg_sky img {height: auto !important}
}

/* 관련사이트 수정 20240220 */
#footer .f-link select{width:220px;}

/* 조직 및 업무안내 20240409 */
.org1{padding-top:35px;}

/* 프로그램 신청 탭 20240517 */
.edu-ico10{background-position:-490px 0;}
.program-tab .list_edu10 a{width:140px;}

.edu-stu .stit{margin-bottom:15px;}
.edu-stu dt,
.edu-stu dd{display:inline-block;}
.edu-stu dt{width:70px;font-weight:500;}
.edu-stu .t-rsp		{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}


/* 프로그램 신청 재단일정 20240521 */
.list_schedule:before{content:'\f058';display:inline-block;font-family:'FontAwesome';color:var(--main-color);}

/*투어 캘린더 신청, 마감 배지 설정*/
.btn-main { background-color: var(--main-color) !important; border-color: var(--main-color) !important; }
.badge { border-color: var(--dgray1); background-color: var(--dgray1); color: var(--white) !important; }
.btn-sub{border: #FEB835; background: #FEB835;}
.program-view .tour_app{display:block;width:320px;line-height:70px;position:absolute;bottom:30px;padding-left:90px;text-align:center;background:var(--main-color);font-size:20px;font-weight:500;color:#fff;}

.program-list li > .tour {border-radius: 10px 10px 0 0; overflow: hidden;  text-align: left;  background: #F9FAFB;}

.program-list li > .app1 {border-radius: 0 0 10px 10px; overflow: hidden;  text-align: left;  background: var(--main-color); color : #fff; padding : 10px; text-align: center;}


.label-circle:before {content: ""; display: inline-block;  width: 0.5rem; height: 0.5rem; border-radius: 50%; margin-right: 0.25rem;}
.label-circle.flow-label-nemo {color: #888; font-size: 14px;}
.label-circle.flow-label-nemo:before {background: #B8BFC7; }

.img .badge-area {position: absolute; right: 276px; top: -1px;  z-index: 9; border-radius: 0 0 3px 3px;}
.img .badge-point { background: #FEB835; right: 0; top : 0; padding: 0.365rem 0.485rem 0.365rem 0.485rem; line-height: 28px; padding: 0 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);  border-top: none;  font-size: 0.815rem;}

.edu_slider { height: auto;}

/* 수상이력 */
.award .award_content{display:flex;flex-wrap:wrap;margin-bottom:70px;}
.award_bnr {margin-bottom:40px;padding:70px;background:url(../img/award_bg.png) no-repeat center / cover;}
.award_bnr p {color:#354859;}
.award_bnr p.tit {font-size:36px;font-weight:600;}

.award .award_content h4{margin:0;}
.award .award_content .award_year{font-size:2rem;font-weight:700;width:20%;position:relative;}
.award .award_content .award_list{width:80%;border-top:1px solid #768395;}
.award .award_content .award_list .award_item{position:relative;display:flex;justify-content:space-between;padding:30px 50px;border-bottom:1px solid #ebebeb;}
.award .award_content .award_list .award_item:after{width:18px;height:18px;content:"";display:block;}
.award .award_content .award_list .award_item * .category_text{font-size:14px;font-weight:700;color:#5a5a5a;}
.award .award_content .award_list .award_item * .award_text{word-wrap:break-word;word-break:keep-all;}
.award .award_content .award_list .award_item .name{width:150px;}
.award .award_content .award_list .award_item .subject{width:400px;}
.award .award_content .award_list .award_item .date{width:150px;}
.award .award_content .award_list .award_item .content{width:200px;}
.award .award_content .award_list .award_item .img_area{width:300px;position:absolute;z-index:1000;left:calc(100% - 25px);top:30px;opacity:0;visibility:hidden;transition:.2s;box-shadow:0 0 5px 2px #00000033;}
.award .award_content .award_list .award_item:hover .img_area{opacity:1;visibility:visible;}
.award .award_content .award_list .award_img_icon.award_item:hover .subject .award_text{text-decoration:underline;}
.award .award_content .award_list .award_img_icon::after{background:url("../img/award_img_icon.svg") no-repeat center / cover;}

.award .award_modal{display:none;z-index:9999999;width:100%;height:100vh;position:fixed;top:0;left:0;background-color:rgba(0, 0, 0, .8);}
.award .award_modal .modal_content{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);max-width:500px;width:90%;max-height:380px;height:40%;text-align:center;}
.award .award_modal .modal_content .top_area{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#fff;}
.award .award_modal .modal_content .top_area .subject{width:350px;font-size:1.25rem;text-align:left;word-wrap:break-word;word-break:keep-all;}
.award .award_modal .modal_content .top_area .btn-x{font-size:1.5rem;width:50px;}
.award .award_modal #modal_img{	width:100%;height:100%;object-fit:cover;}


@media only screen and (max-width:2000px){
	.award .award_content .award_list .award_item .img_area{left:auto;right:-80px;top:auto;bottom:calc(100% - 20px);}
}
@media only screen and (max-width:1600px){
	.award .award_content .award_list .award_item .img_area{right:-10px;}
}
@media only screen and (max-width:1440px){
	.award .award_content .award_year{width:180px;}
	.award .award_content .award_list{width:calc(100% - 180px);}
	.award .award_content .award_list .award_item{padding:20px 30px;}
	.award .award_content .award_list .award_item * .award_text{line-height:1.4;}
}
@media only screen and (max-width:1240px){
	.award .award_content{flex-direction:column;margin-bottom:50px;}
	.award .award_content .award_year{width:100%;margin-bottom:20px;}
	.award .award_content .award_list{width:100%;}
	.award .award_content .award_list .award_item{padding:15px;}
	.award .award_content .award_list .award_item .img_area{bottom:calc(100% - 10px);}
}
@media only screen and (max-width:1023px){
	.award_bnr{padding:50px;}
	.award_bnr p.tit {font-size:30px;}

	.award .award_content{margin-bottom:30px;}
	.award .award_content .award_year{margin-bottom:10px;}
	.award .award_content .award_list .award_item{padding:15px 0;}
	.award .award_content .award_list .award_item .name{width:120px;}
	.award .award_content .award_list .award_item .subject{width:calc(100% - 410px);}
	.award .award_content .award_list .award_item .date{width:102px;}
	.award .award_content .award_list .award_item .content{width:170px;}

	.award .award_modal .modal_content .top_area .subject{width:calc(100% - 50px);font-size:1rem;}
}
@media only screen and (max-width:767px){
	.award_bnr{background:url(../img/award_bg.png) no-repeat center left / cover;padding:30px;margin-bottom:20px;}
	.award_bnr p.tit {font-size:24px;}

	.award_content .award_list .award{padding:10px 0;}
	.award .award_content .award_list .award_item{flex-wrap:wrap;}
	.award .award_content .award_list .award_item .name,
	.award .award_content .award_list .award_item .subject{margin-bottom:10px;}
	.award .award_content .award_list .award_item .name,
	.award .award_content .award_list .award_item .subject,
	.award .award_content .award_list .award_item .date,
	.award .award_content .award_list .award_item .content{width:50%;}
	.award .award_content .award_list .award_img_icon::after{position:absolute;right:0;top:15px;}
	.award .award_content .award_list .award_item .img_area{bottom:calc(100% - 15px);}
}
@media only screen and (max-width:576px){
	.award_bnr p.tit {font-size:22px;}

	.award .award_content .award_list .award_item .name,
	.award .award_content .award_list .award_item .subject,
	.award .award_content .award_list .award_item .date,
	.award .award_content .award_list .award_item .content{width:100%;margin-bottom:10px;}
}
@media only screen and (max-width:415px){
	.award_bnr{padding:30px 20px;}
	.award_bnr p.tit {font-size:18px;}

	.award .award_content .award_list .award_item .img_area{right:0;}
}

/* 수성문화지도 */
.in_map_popup{min-width:250px;position:relative;border:2px solid #476478;/* margin-bottom:-7px; */}
.in_map_popup:before{width:110px;height:50px;content:"";position:absolute;right:0;top:0;background:url("../img/logo-s.png") no-repeat right -20px top -5px / auto 100%;opacity:0.3;}
.in_map_popup:after{width:15px;height:15px;content: "";border-top:2px solid #476478;border-right: 2px solid #476478;position: absolute;bottom:-9px;left:50%;background:#fff;transform:rotate(135deg) translateX(-50%);transform-origin:left center;}
.in_map_popup span{line-height:1.25;font-weight:500;display:inline-block;color:#4F6EB1;border-bottom:1px solid #4F6EB1;font-size:12px;padding:0 2px;}
.in_map_popup p{font-size:18px;font-weight:500;margin:0.5rem 0 1rem}
.in_map_popup .btn-d{width:100%}

/* 삭제예정 */
.culture-map .map_border,
.culture-map .root_daum_roughmap .wrap_controllers,
.culture-map .root_daum_roughmap .cont{display:none}
.culture-map .map{border:none;}

/* .sub-cont1{width:calc(100% + 210px);transform:translateX(-210px);} */
/* 삭제예정 */

/* 대한민국 문화도시 수성 */
.city-cont{}
.city-cont .bu li{text-align:left;}

.city-cont > .stit{font-size:26px;font-weight:400;color:#545454;text-align:center;}
.city-cont > .tit{font-size:36px;color:#121314;text-align:center;margin-bottom:40px;}
.city-cont > .tit span{font-weight:500;color:#3965BF;}
.city-cont h4{font-size:26px;margin:45px 0 25px;}
.city-cont h5{font-size:20px;font-weight:400;padding:10px 20px;margin:20px 0 5px;}
.city-cont .sub-tit{font-size:30px;font-weight:500;text-align:center;}
.city-cont .sub-tit span{color:#3965BF;}
.city-cont > .txt{font-size:18px;color:#333;padding:15px 20px;}

@media only screen and (max-width: 1640px) {
	.city-cont > .tit{font-size:34px;}
	.city-cont > .stit{font-size:24px;}
}
@media only screen and (max-width: 1440px) {
	.city-cont .sub-tit{font-size:28px;}
}
@media only screen and (max-width: 1240px) {
	.city-cont > .stit{font-size:20px;}
	.city-cont > .tit{font-size:29px;margin-bottom:30px;}
	.city-cont .sub-tit{font-size:26px;}
	.city-cont > .txt{font-size:17px;}
}
@media only screen and (max-width: 1023px) {
	.city-cont h4{font-size:23px;margin:35px 0 15px;}
	.city-cont h5{font-size:17px;padding:10px 15px;margin:15px 0 5px;}
	.city-cont .sub-tit{font-size:24px;}
	.city-cont > .txt{padding:10px 15px;}
}
@media only screen and (max-width: 767px) {
	.city-cont > .stit{font-size:18px;}
	.city-cont > .tit{line-height:1.2;font-size:26px;margin-bottom:20px;}
	.city-cont .sub-tit{font-size:22px;}
	.city-cont > .txt{font-size:16px;}
	.city-cont > .tit .va-mo{display:block;}
}
@media only screen and (max-width: 576px) {
	.city-cont h4{font-size:20px;margin:25px 0 10px;}
	.city-cont h5{padding:10px;}
	.city-cont > .stit{font-size:14px;}
	.city-cont > .tit{font-size:22px;}
	.city-cont .sub-tit{font-size:20px;}
	.city-cont > .txt{font-size:15px;padding:10px;}
}
@media only screen and (max-width: 415px) {
	.city-cont h4{font-size:18px;}
	.city-cont h5{font-size:16px;}
	.city-cont > .stit{font-size:12px;}
	.city-cont > .tit{font-size:19px;margin-top:5px;}
}

/* 문화도시 수성 */
.city-about{display:flex;border:2px solid #E3E3EA;margin-bottom:80px;}
.city-about > li{width:calc(100% / 3);text-align:center;padding:60px 75px;}
.city-about > li:nth-of-type(2){border-left:2px solid #E3E3EA;border-right:2px solid #E3E3EA;}
.city-about .tit{width:fit-content;font-size:22px;font-weight:500;color:#121314;position:relative;margin:0 auto 10px;z-index:1;}
.city-about .tit:after	{width:43px;height:25px;content:"";position:absolute;right:-3px;top:3px;background:var(--basic-color);border-radius:50%;transform:skew(-20deg);z-index:-1;opacity:0.6;}

.city-about .stit{width:fit-content;line-height:1.3;font-size:18px;font-weight:400;color:#545454;border-bottom:2px solid #919191;margin:0 auto;}
.city-about .badge{line-height:30px;font-size:18px;font-weight:400;color:#fff;background:#AEAEAE;padding:0 10px;border-radius:0;margin:30px 0;}
.city-about .bu{}
.city-about .bu li{color:#545454;margin-bottom:10px;}
.city-about .subject{width:100%;display:inline-block;font-size:20px;font-weight:400;color:#333333;}

.city-intro{}
.city-intro > div > .tit{font-size:32px;font-weight:500;color:#121314;position:relative;z-index:1;}
.city-intro > div > .tit:before {width:58px;height:48px;content:"";position:absolute;top: -25px;left:-40px;background:url(../img/center_tit_ico.png) no-repeat 0 0 / cover;z-index:-1;}
.city-intro > div > .desc{font-size:21px;color:#354859;margin:40px 0 60px;}
.city-intro .desc span{font-weight:500;}
.city-intro .bg_gr2{color:#454545;padding:45px 0;}
.city-intro .bg_gr2 .stit{font-size:32px;font-weight:500;text-align:right;color:#F6F7F9;letter-spacing:7px;margin:-77px 0 32px;}
.city-intro .bg_gr2 .tit{font-size:27px;font-weight:400;margin-bottom:30px;}
.city-intro .bg_gr2 .desc{font-size:21px;margin-bottom:25px;}
.city-intro .bg_gr2 .desc:last-child{margin-bottom:0;}
.city-intro .bg_gr2 .desc .point{line-height:1;display:inline-block;color:#FFFFFF;background:#354859;}

@media only screen and (max-width: 1640px) {
	.city-intro > div > .tit:before{left:-15px;}
}
@media only screen and (max-width: 1440px) {
	.city-about{margin-bottom:60px;}
	.city-about > li{padding:40px 45px;}

	.city-intro > div > .tit{font-size:28px;}
	.city-intro > div > .desc{font-size:19px;margin:30px 0 40px;}
	.city-intro .bg_gr2 .tit{font-size:24px;}
	.city-intro .bg_gr2 .desc{font-size:19px;margin-bottom:15px;}
}

@media only screen and (max-width: 1240px) {
	.city-about > li{padding:40px 15px;}
	.city-about .tit{font-size:20px;}
	.city-about .stit{font-size:17px;}
	.city-about .badge{font-size:17px;}
	.city-about .bu li{font-size:15px;margin-bottom:5px;}
	.city-about .subject{font-size:18px;}
}

@media only screen and (max-width: 1023px) {
	.city-about{margin-bottom:40px;}
	.city-about > li{padding:20px 5px;}
	.city-about .tit{font-size:18px;}
	.city-about .tit span{display:none;}
	.city-about .stit{font-size:15px;border-width:1px;}
	.city-about .badge{font-size:15px;margin:15px 0;}
	.city-about .bu li{font-size:14px;word-break:keep-all;}
	.city-about .subject{font-size:16px;}

	.city-intro > div > .tit{font-size:24px;}
	.city-intro > div > .desc{word-break:keep-all;margin:20px 0 30px;}
	.city-intro > div > .desc .va-pc{display:none;}
	.city-intro .bg_gr2{padding:30px 40px;margin:0 -40px;}
	.city-intro .bg_gr2 .tit{font-size:21px;margin-bottom:20px;}
	.city-intro .bg_gr2 .stit{font-size:26px;text-align:center;margin:-56px 0 20px;}
}
@media only screen and (max-width: 767px) {
	.city-about{flex-wrap:wrap;}
	.city-about > li{width:100%;padding:20px;}
	.city-about > li:nth-of-type(2){border:none;border-top:2px solid #E3E3EA;border-bottom:2px solid #E3E3EA;}
	.city-about .tit span{display:inline-block;}

	.city-intro .bg_gr2 .stit{letter-spacing:5px;margin:-56px 0 10px;}
	.city-intro > div > .desc{font-size:17px;}
	.city-intro .bg_gr2 .desc{font-size:17px;word-break:keep-all;}
	.city-intro .bg_gr2 .desc .va-pc{display:none;}
}
@media only screen and (max-width: 576px) {
	.city-about > li{padding:15px;}

	.city-intro .bg_gr2 .stit{font-size:21px;letter-spacing:1px;margin:-51px 0 15px;}
	.city-intro > div > .tit{font-size:22px;}
	.city-intro .bg_gr2 .tit{font-size:19px;}
	.city-intro > div > .desc
}
@media only screen and (max-width: 415px) {
	.city-about > li{padding:10px;}
	.city-about .tit span{display:none;}

	.city-intro > div > .desc{word-break:break-all;}
	.city-intro .bg_gr2 .stit{font-size:18px;font-weight:400;letter-spacing:0;}
	.city-intro .bg_gr2 .desc{word-break:break-all;}
	.city-intro .bg_gr2 .desc .point{display:inline;}
}

/* 추진체계 */
.city-prop{display:flex;}
.city-prop .info{width:240px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;margin-left:60px;padding-top:15px;}
.city-prop > img{width:calc(100% - 300px);height:auto;}
.city-prop .info div{}
.city-prop .info .tit{font-size:21px;color:#121314;font-weight:500;margin-bottom:5px;}
.city-prop .info .txt{line-height:1.3;color:#555;}
.city-prop .info .subject{width:240px;height:240px;position:relative;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(to bottom, #3965BF 10%, #76AFE0);border-radius:50%;z-index:1;}
.city-prop .info .subject:before,
.city-prop .info .subject:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#76AFE0;opacity:0.1;border-radius:50%;z-index:-1;}
.city-prop .info .subject:before{width:calc(100% + 30px);height:calc(100% + 30px);}
.city-prop .info .subject:after{width:calc(100% + 60px);height:calc(100% + 60px);}
.city-prop .info .subject p{color:#fff;}
.city-prop .info .subject .tit{font-weight:600;}
.city-prop .info .subject .tit:before{width:60px;height:50px;content:"";display:block;background:url(../img/city-cont2-ico1.png) no-repeat center;margin:0 auto 10px;}
.city-prop .info .cont{position:relative;border:2px solid #3965BF;padding:20px 0;}
.city-prop .info .cont:before{width:0;height:60px;border-right:1px dashed #3965BF;content:"";position:absolute;left:calc(50% - 1px);}
.city-prop .info .cont:first-child:before{top:100%;}
.city-prop .info .cont:last-child:before{bottom:100%;}
.city-prop .info .cont:after{width:6px;height:6px;content:"";position:absolute;left:50%;border-radius:50%;background:#3965BF;}
.city-prop .info .cont:first-child:after{top:calc(100% + 1px);transform:translate(-50%, -50%);}
.city-prop .info .cont:last-child:after{bottom:calc(100% + 1px);transform:translate(-50%, 50%);}

.city-info{display:flex;flex-wrap:wrap;margin:20px -20px 0;}
.city-info > .bx1_wh{width:calc(50% - 40px);position:relative;margin:20px;}
.city-info .bx1_wh > .tit{font-size:22px;font-weight:500;color:#74A5CD;position:absolute;top:0;left:40px;transform:translateY(-50%);padding:0 10px 0 50px;background:#fff;}
.city-info .bx1_wh > .tit:before{width:40px;height:40px;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:#76AFE0 url(../img/city-cont2-ico2.png) no-repeat center;border-radius:50%;}
.city-info .bx1_wh > .sub-tit{margin:30px 0;}
.city-info .bu li:before{background:#919191;}

@media only screen and (max-width:1640px){
	.city-prop .info .subject:before{width:calc(100% + 20px);height:calc(100% + 20px);}
	.city-prop .info .subject:after{width:calc(100% + 40px);height:calc(100% + 40px);}
}
@media only screen and (max-width:1440px){
	.city-prop > img{width:calc(100% - 280px);}
	.city-prop .info{margin-left:40px;}
	.city-prop .info .cont{padding:10px 0;}
	.city-prop .info .tit{font-size:20px;}
	.city-prop .info .txt{font-size:16px;}
}
@media only screen and (max-width:1240px){
	.city-prop{flex-direction:column;}
	.city-prop > img{width:100%;}
	.city-prop .info{width:100%;flex-direction:row;align-items:center;justify-content:center;margin-left:0;margin-top:40px;padding:0;}
	.city-prop .info .cont{width:240px;}
	.city-prop .info .cont:first-child{margin-right:60px;}
	.city-prop .info .cont:last-child{margin-left:60px;}
	.city-prop .info .cont:before{width:60px;height:0;top:auto;border-bottom:1px dashed #3965BF;}
	.city-prop .info .cont:first-child:before{left:100%;top:50%;}
	.city-prop .info .cont:last-child:before{left:auto;right:100%;bottom:50%;}
	.city-prop .info .cont:first-child:after{left:auto;right:-1px;top:50%;transform: translate(50%, -50%);}
	.city-prop .info .cont:last-child:after{left:-1px;bottom:50%;}
}
@media only screen and (max-width:1023px){
	.city-prop .info .cont{width:200px;}
	.city-prop .info .cont:first-child{margin-right:20px;}
	.city-prop .info .cont:last-child{margin-left:20px;}
	.city-prop .info .subject{width:220px;height:220px;}
	.city-prop .info .subject:after{display:none;}
	.city-prop .info .tit{font-size:18px;}
	.city-prop .info .txt{font-size:15px;}

	.city-info{margin:15px -15px 0;}
	.city-info > .bx1_wh{width:calc(50% - 30px);margin:15px;padding:25px 20px;}
	.city-info .bx1_wh > .sub-tit{margin:20px 0;}
	.city-info .bx1_wh > .tit{left:20px;}
}
@media only screen and (max-width:767px){
	.city-info > .bx1_wh{width:calc(100% - 30px);}
	.city-info .bx1_wh > .tit{font-size:20px;padding:0 10px 0 40px;}
	.city-info .bx1_wh > .tit:before{width:30px;height:30px;background-size:20px 20px;}
	.city-prop .info{flex-wrap:wrap;align-items:flex-start;border:2px solid #3965BF;}
	.city-prop .info .tit{margin-bottom:3px;}
	.city-prop .info .subject{width:100%;height:auto;border-radius:0;padding:10px;order:-1;}
	.city-prop .info .subject:before{display:none;}
	.city-prop .info .subject .tit:before{display:none;}
	.city-prop .info .subject .txt br{display:none;}
	.city-prop .info .cont{width:50%;height:100%;border:none;border-top:2px solid #3965BF;padding:10px;}
	.city-prop .info .cont:first-child{border-right:2px solid #3965BF;margin-right:0;}
	.city-prop .info .cont:last-child{margin-left:0;}
	.city-prop .info .cont:before,
	.city-prop .info .cont:after{display:none !important;}
}
@media only screen and (max-width:576px){
	.city-info .bx1_wh > .sub-tit{font-size:18px;margin:15px 0;}

	.city-prop .info .cont{width:100%;}
	.city-prop .info .cont:first-child{border-right:none;}
	.city-prop .info .cont br{display:none;}
}
@media only screen and (max-width:415px){
}

/* 사업별소개 */
.city-vison{text-align:center;padding-bottom:60px;border-bottom:1px solid #354859;}
.city-vison .stit{width:100px;line-height:36px;font-size:22px;font-weight:500;color:#fff;background:#76AFE0;margin:0 auto;}
.city-vison .sub-tit{border:10px solid #76AFE0;padding:15px 0;}
.city-vison .list{display:flex;position:relative;margin:60px -20px 0;}
.city-vison .list:before{width:calc(100% / 3 * 2 + 2px);height:2px;content:"";position:absolute;left:50%;top:-30px;transform:translateX(-50%);background:#76AFE0;}
.city-vison .list li{width:calc(100% / 3 - 40px);position:relative;color:#555555;border:2px solid #76AFE0;padding:30px 0;margin:0 20px;}
.city-vison .list li:before{width:2px;height:30px;content:"";position:absolute;left:50%;bottom:100%;background:#76AFE0;}
.city-vison .list li:nth-of-type(2):before{height:65px;}
.city-vison .list li .subject{display:block;font-size:20px;font-weight:400;color:#121314;margin-bottom:5px;}

.biz-info{display:flex;margin:0 -20px;}
.biz-info > li{width:calc(100% / 3 - 40px);position:relative;border:1px solid #CBCCD8;margin:10px 20px;}
.biz-info .tit{width:250px;line-height:35px;font-size:18px;font-weight:500;color:#fff;position:absolute;left:0;top:0;background:#3965BF;padding:0 15px;z-index:1;}
.biz-info .thumb{height:280px;}
.biz-info .cont{padding:20px;}
.biz-info .cont > li{color:#919191;padding-left:15px;margin-bottom:5px;}
.biz-info .cont .subject{display:block;font-weight:400;color:#3965BF;margin-left:-15px;}

@media only screen and (max-width:1440px){
	.biz-info .thumb{height:235px;}
}
@media only screen and (max-width:1240px){
	.city-vison .stit{font-size:20px;}
	.city-vison .list{margin:50px -15px 0;}
	.city-vison .list:before{top:-25px;}
	.city-vison .list li{width:calc(100% / 3 - 30px);padding:20px;margin:0 15px;}
	.city-vison .list li:before{height:27px;}
	.city-vison .list li:nth-of-type(2):before{height:60px;}

	.biz-info{margin:0 -15px;}
	.biz-info > li{width:calc(100% / 3 - 30px);margin:10px 15px;}
	.biz-info .tit{width:100%;font-weight:400;text-align:center;}
	.biz-info .thumb{height:185px;}
	.biz-info .cont{padding:15px 10px;}
}
@media only screen and (max-width:1023px){
	.city-vison{padding-bottom:40px;}
	.city-vison .list{margin:40px -10px 0;}
	.city-vison .list:before{top:-20px;}
	.city-vison .list li{width:calc(100% / 3 - 20px);word-break:keep-all;padding:15px;margin:0 10px;}
	.city-vison .list li:before{height:22px;}
	.city-vison .list li:nth-of-type(2):before{height:50px;}

	.biz-info{margin:0 -10px;word-break:keep-all;}
	.biz-info > li{width:calc(100% / 3 - 20px);margin:10px;}
	.biz-info .tit{font-size:16px;padding:0;}
	.biz-info .thumb{height:134px;margin-top:20px;}
	.biz-info > li .va-pc{display:none;}
}
@media only screen and (max-width:767px){
	.city-vison .stit{font-size:18px;}
	.city-vison .list li{padding:10px;}
	.city-vison .list li .subject{font-size:18px;}
	
	.biz-info{flex-direction:column;}
	.biz-info > li{width:calc(100% - 20px);}
	.biz-info .thumb{height:220px;}
}
@media only screen and (max-width:576px){
	.city-vison{padding-bottom:20px;}
	.city-vison .stit{width:80px;line-height:26px;}
	.city-vison .sub-tit{border-width:5px;padding:10px;}
	.city-vison .list{flex-direction:column;margin:5px 0;}
	.city-vison .list li{width:100%;margin:5px 0;}
	.city-vison .list:before,
	.city-vison .list li:before{display:none;}
	.city-vison .list li .subject{margin-bottom:0;}
	.biz-info .thumb{height:180px;}
	.biz-info .cont{padding:10px;}
}
@media only screen and (max-width:415px){
	.city-vison .list li .subject{font-size:17px;}
	.biz-info .thumb{height:150px;}
}

/* 앵커사업 소개 */
.anchor{margin:20px 0 0;}
.anchor > .bx1_wh{width:100%;padding:20px 20px 60px;margin:0 0 80px;}
.anchor > .bx1_wh > .tit:before{}

.anchor .intro{padding:40px;margin:0 -20px 50px;}
.anchor .intro .step{display:flex;justify-content:space-between;border-bottom:1px solid #35485933;margin-bottom:20px;}
.anchor .intro .step span{width:20%;display:block;font-size:26px;font-weight:400;text-align:center;border-bottom:3px solid #76AFE0;padding:5px 0;}
.anchor .intro .step span:nth-child(2){border-color:#3965BF;}
.anchor .intro .cont{display:flex;justify-content:space-between;}
.anchor .intro .cont > p{width:25%;font-size:19px;color:#333;padding-top:20px;}
.anchor .intro .cont > p span{font-weight:500;}
.anchor .intro .cont > .circle{width:25%;position:relative;}
.anchor .intro .cont > .circle li{width:80px;height:80px;line-height:1.1;position:absolute;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:500;color:#76AFE0;text-align:center;border-radius:50%;border:2px dotted #76AFE0;}
.anchor .intro .cont > .circle:nth-of-type(2) li{color:#3965BF;border-color:#3965BF;}
.anchor .intro .cont > .circle li:nth-of-type(1){top:5px;left:calc(50% - 30px);}
.anchor .intro .cont > .circle li:nth-of-type(2){top:70px;right:calc(50% + 1px);}
.anchor .intro .cont > .circle li:nth-of-type(3){top:82px;left:calc(50% + 1px);}
.anchor .intro .cont > [class*=data]{width:25%;padding:20px 0 55px;}
.anchor .intro .cont > [class*=data] .subject{width:fit-content;position:relative;font-size:22px;font-weight:500;color:#121314;z-index:1;margin-bottom:10px;}
.anchor .intro .cont > [class*=data] .subject:before{width:100%;height:15px;content:"";position:absolute;left:0;bottom:2px;background:#45454533;z-index:-1;}
.anchor .intro .cont > [class*=data] li{font-size:19px;}
.anchor .intro .cont > [class*=data] li span{display:block;font-weight:500;}
.anchor .intro .cont > .data1{}
.anchor .intro .cont > .data2{}
.anchor .intro .cont > .data2 .subject:before{background:#3965BF55;}
.anchor .detail{}
.anchor .detail > li{line-height:1.2;display:flex;margin:0 -20px 35px;}
.anchor .detail .tit{width:calc(20% - 40px);height:80px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:500;color:#fff;text-align:center;background:#3965BF;margin:0 20px;}
.anchor .detail .cont{width:calc(80% - 40px);margin:0 20px;}
.anchor .detail .cont .step{display:flex;margin:0 -20px;}
.anchor .detail .cont .step li{width:calc(25% - 40px);height:80px;position:relative;font-size:19px;font-weight:500;color:#3965BF;text-align:center;display:flex;align-items:center;justify-content:center;border:1px solid #3965BF;margin:0 20px;}
.anchor .detail .cont .step li:before{font-size:17px;content:"▶";position:absolute;right:calc(100% + 15px);top:50%;transform:translateY(-50%);}
.anchor .detail .cont .step li:first-child:before{display:none;}
.anchor .detail .cont > p{font-size:15px;font-weight:400;color:#3965BF;margin:10px 0 -28px;}
.anchor .detail .cont.bu{padding:15px 0;}
.anchor .detail .cont.bu li{margin-bottom:5px;}
.anchor .detail .cont.bu li:last-child{margin-bottom:0;}
.anchor .result{display:flex;justify-content:center;flex-wrap:wrap;}
.anchor .result:before{width:100%;height:35px;content:"";display:block;background:url(../img/city-cont4-arr.png) no-repeat center;margin-bottom:20px;}
.anchor .result li{width:200px;position:relative;margin:0 40px;}
.anchor .result li:before{width:160px;height:160px;content:"";display:block;position:relative;background:linear-gradient(to bottom, #3965BF, #76AFE0);margin:0 auto;border-radius:50%;}
.anchor .result li:after{width:140px;height:140px;content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);background:url(../img/city-cont4-ico1.png) no-repeat left top;border:1px dashed #F8F8F8;border-radius:50%;}
.anchor .result li:nth-of-type(1):after{}
.anchor .result li:nth-of-type(2):after{background-position:-140px top;}
.anchor .result li:nth-of-type(3):after{background-position:-280px top;}
.anchor .result li p{font-weight:400;text-align:center;color:#3965BF;word-break:keep-all;}
.anchor .result li .tit{width:fit-content;font-size:24px;font-weight:500;color:#fff;background:#3965BF;margin:20px auto 10px;padding:0 3px;}

#center.anchor-area{top:0;}
#center.anchor-area:before{top:372px;}
#center.anchor-area .sub-tit{margin-bottom:30px;}

.anchor-tema{}
.anchor-tema .d_width{border-top:1px solid #354859;padding:60px 0;margin-top:60px;}
.anchor-tema .sub-tit{margin-bottom:30px;}
.tema-info{display:flex;margin-bottom:40px;}
.tema-info .title{width:35%;padding:40px 0 40px 40px;}
.tema-info .title .tit{line-height:1.2;font-size:28px;font-weight:500;border-bottom:2px solid #35485933;padding-bottom:30px;margin-bottom:30px;}
.tema-info .title .txt{color:#333333;}
.tema-info .title .txt span{font-weight:500;}
.tema-info .cont{width:65%;display:flex;align-items:center;justify-content:space-between;position:relative;text-align:center;border:2px solid #35485933;padding:0 30px;}
.tema-info .cont:before,
.tema-info .cont:after{width:35px;height:35px;content:"";position:absolute;background:url(../img/city-cont4-plus.png) no-repeat center / cover;}
.tema-info .cont:before{right:calc(50% + 120px);}
.tema-info .cont:after{left:calc(50% + 120px);}
.tema-info .cont li{width:calc(100% / 3 - 25px);}
.tema-info .cont .tit{font-size:20px;font-weight:500;color:#333333;margin-bottom:10px;}
.tema-info .cont .tit:before{width:70px;height:70px;content:"";display:block;background:url(../img/city-cont4-ico2.png) no-repeat left top;margin:0 auto 5px;}
.tema-info .cont li:nth-of-type(1) .tit:before{}
.tema-info .cont li:nth-of-type(2) .tit:before{background-position:-70px top;}
.tema-info .cont li:nth-of-type(3) .tit:before{background-position:-140px top;}
.tema-info .cont .txt{font-size:16px;color:#5A5A5A;}
.biz-info.type2 .tit{width:210px;height:50px;line-height:1.2;top:230px;font-size:21px;font-weight:700;color:#3965BF;background:#fff;padding:20px 30px 0;}
.biz-info.type2 .cont{color:#919191;padding:20px 30px;}
.biz-info.type2 .cont span{font-weight:500;}
.biz-info.type2 .cont .subject{font-weight:400;margin:0 0 5px;}

.anchor-space{position:relative;}
.anchor-space:before{width:100%;height:390px;content:"";position:absolute;left:0;top:215px;background:linear-gradient(to right, #4F6EB1, #F6F7F9 50%);}
.anchor-space h4{margin:0 0 10px;}
.anchor-space .thumb{width:calc(100% - 640px);position:relative;z-index:9;}
.anchor-space .cont{width:600px;margin-left:40px;}
.anchor-space .cont h5{margin:100px 0 30px;}
.anchor-space .cont div{display:flex;align-items:center;}
.anchor-space .cont div:nth-of-type(1){position:relative;padding:60px 0 35px;}
.anchor-space .cont div:nth-of-type(1):after{width:150%;height:1px;content:"";position:absolute;right:0;bottom:0;background:#35485933;}
.anchor-space .cont div:nth-of-type(2){padding:35px 0 60px;}
.anchor-space .cont .tit{width:200px;font-size:22px;font-weight:500;color:#3965BF;margin-bottom:10px;}
.anchor-space .cont .bu{}
.anchor-space .cont .bu li{font-size:18px;color:#354859;margin-bottom:0.5rem;}
.anchor-space .cont .bu li span{display:block;font-size:16px;color:#666666;}
.anchor-info{display:flex;flex-wrap:wrap;margin:90px -20px 0;}
.anchor-info > li{width:calc(100% / 3 - 40px);border:1px solid #DADADA;padding:30px 40px;margin:15px 20px;}
.anchor-info .tit{font-size:20px;font-weight:500;margin-bottom:5px;}
.anchor-info .bu li{color:#555;margin-bottom:2px;}
.anchor-info .bu li:last-child{margin-bottom:0;}

@media only screen and (max-width:1440px){
	.anchor > .bx1_wh{padding:0 0 60px;margin:0 0 60px;}
	.anchor .intro{padding:30px;margin:0 0 40px;}
	.anchor .intro .cont > p{font-size:18px;}
	.anchor .intro .cont > [class*=data] .subject{font-size:20px;margin-bottom:5px;}
	.anchor .intro .cont > [class*=data] li{font-size:18px;}
	.anchor-info{margin-top:60px;}
	.biz-info.type2 .tit{top:185px;}
	.tema-info .cont{align-items:flex-start;padding:30px 15px;}
	.tema-info .title{padding:30px 0 30px 30px;}
	.tema-info .cont .txt .va-pc{display:none;}
	.tema-info .cont:before, .tema-info .cont:after{top:50%;transform:translateY(-50%);}
	.tema-info .cont:before{right:calc(50% + 110px);}
	.tema-info .cont:after{left:calc(50% + 110px);}
}
@media only screen and (max-width:1240px){
	.anchor .intro{padding:20px;}
	.anchor .intro .cont > p{word-break:keep-all;}
	.anchor .intro .cont > p .va-pc{display:none;}
	.anchor .intro .cont > [class*=data]{padding:20px 0;}
	.anchor .detail .tit{font-size:18px;}
	.anchor .detail .cont .step li{font-size:18px;}
	#center.anchor-area:before{top:220px;}
	.anchor-info > li{padding:25px 20px;}
	.tema-info .title{padding:30px 0 30px 20px;}
	.tema-info .title .tit{padding-right:10px;}
	.tema-info .title .txt{padding-right:10px;}
	.tema-info .title .txt .va-pc{display:none;}
	.tema-info .cont:before{right:calc(50% + 90px);}
	.tema-info .cont:after{left:calc(50% + 90px);}
	.biz-info.type2 .tit{height:45px;top:140px;text-align:left;padding:15px 20px 0;}
	.biz-info.type2 .cont{padding:20px;}
	.biz-info.type2 .cont .va-pc{display:none;}
	.anchor-space .thumb{width:50%;}
	.anchor-space .cont{width:calc(50% - 20px);margin-left:20px;}
	.anchor-space .cont h5{margin:40px 0 30px;}
	.anchor-space .cont .tit{width:120px;}
	.anchor-space:before{top:155px;}
}
@media only screen and (max-width:1023px){
	.tema-info .cont .tit{font-size:18px;}
	.tema-info .cont .txt{font-size:15px;}
	.tema-info .cont .txt br{display:none;}
	.anchor-space:before{width:calc(100% + 80px);left:-40px;}
	.anchor{margin-top:40px;}
	.anchor-space .cont div:nth-of-type(1):after{width:100%;}
	.anchor-tema .sub-tit{margin-bottom:20px;}
	.anchor-tema .d_width{padding:40px 0;margin-top:40px}
	.anchor > .bx1_wh{padding:0 0 40px;margin:0 0 40px;}
	.anchor > .bx1_wh .sub-tit span{display:block;}
	.anchor .intro{margin-bottom:30px;}
	.anchor .intro .step span{font-size:24px;}
	.anchor .intro .cont > p{font-size:17px;padding:0;}
	.anchor .intro .cont > .circle li{width:80px;height:auto;font-size:16px;position:relative;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;border-radius:0;padding:5px;margin:0 auto 5px;}
	.anchor .intro .cont > [class*=data]{padding:0;}
	.anchor .intro .cont > [class*=data] .subject{font-size:17px;}
	.anchor .intro .cont > [class*=data] li{font-size:16px;}
	.anchor .intro .cont > [class*=data] li span{display:inline-block;}
	.anchor-info{margin-top:40px;}
	.anchor .detail .tit{width:calc(25% - 20px);font-size:17px;margin:0 10px;}
	.anchor .detail .cont .step{flex-wrap:wrap;margin:0 -10px;}
	.anchor .detail .cont .step li{width:calc(50% - 20px);font-size:17px;margin:0 10px 10px;}
	.anchor .detail .cont > p{margin:-5px 0 -15px;}
	.anchor .detail .cont{width:calc(80% - 20px);margin:0 10px;}
	.anchor .detail > li{margin:0 0 20px;}
	.anchor .result li{margin:0;}
	.anchor-info > li{width:calc(50% - 20px);margin:10px;}
	.tema-info{flex-direction:column;}
	.tema-info .title{width:100%;padding:15px 15px 20px;word-break:keep-all;}
	.tema-info .title p{margin:0;}
	.tema-info .title .tit{font-size:24px;padding:0;margin:0 0 5px;border:none;}
	.tema-info .title .tit .va-pc{display:none;}
	.tema-info .cont{width:100%;}
	.biz-info.type2 .tit{width:100%;height:auto;font-size:19px;top:0;text-align:center;padding:10px;}
	.biz-info.type2 .cont{padding:10px;}
	.anchor-space .row{flex-direction:column;}
	.anchor-space .thumb{width:100%;max-width:600px;margin:0 auto;}
	.anchor-space .cont{width:100%;margin:0;}
	.anchor-space .cont div{flex-direction:column;align-items:flex-start;}
	.anchor-space .cont h5{margin:15px 0 5px;}
	.anchor-space .cont div:nth-of-type(1){padding:10px 0;}
	.anchor-space .cont div:nth-of-type(2){padding:10px 0 40px;}
	.anchor .detail .cont .step li:before{right:calc(100% + 5px);}
}
@media only screen and (max-width:767px){
	.anchor-space:before{height:260px;}
	.anchor{margin-top:30px;}
	.anchor-space .cont .tit{width:100%;text-align:center;}
	.anchor .detail > li{flex-direction:column;}
	.anchor .detail .tit{width:100%;height:auto;padding:15px 0;margin:0 0 10px;}
	.anchor .detail .tit br{display:none;}
	.anchor .detail .cont{width:100%;margin:0;}
	.anchor .detail .cont > p{margin:5px 0 0;}
	.anchor .detail .cont.bu{padding:0;}
	.tema-info .cont:before,
	.tema-info .cont:afte{width:25px;height:25px;}
	.tema-info .cont:before{right:calc(50% + 60px);}
	.tema-info .cont:after{left:calc(50% + 60px);}
	.anchor-info{margin:30px -10px 0;}
	.anchor-info > li{width:calc(100% - 20px);}
	.anchor .detail .cont .step li{height:auto;padding:15px 0;}
	.anchor .result li{width:calc(100% / 3);}
	.anchor .result li:before{width:120px;height:120px;}
	.anchor .result li:after{width:100px;height:100px;background-size:auto 100px;}
	.anchor .result li:nth-of-type(2):after{background-position:-100px top;}
	.anchor .result li:nth-of-type(3):after{background-position:-200px top;}
	.anchor .result li .tit{font-size:20px;}
	.anchor-space .cont .tit{font-size:18px;}
}
@media only screen and (max-width:576px){
	.anchor-info{margin-top:30px;}
	.anchor > .bx1_wh{padding:0 0 20px;margin:0 0 20px;}
	.anchor .intro .cont{flex-direction:column;}
	.anchor .intro .step span{width:50%;}
	.anchor .intro .cont > p{width:100%;}
	.anchor .intro .cont > .circle{width:100%;display:flex;justify-content:center;margin:10px 0;}
	.anchor .intro .cont > .circle li{margin:5px;}
	.anchor .intro .cont > [class*=data]{width:100%;}
	.tema-info .title p{text-align:center;}
	.tema-info .cont{flex-direction:column;}
	.tema-info .cont li{width:100%;}
	.tema-info .cont li:last-child{margin-bottom:0;}
	.tema-info .cont:before,
	.tema-info .cont:after{display:none;}
	.tema-info .cont li:after{width:35px;height:35px;content:"";display:block;background:url(../img/city-cont4-plus.png) no-repeat center / cover;margin:10px auto;}
	.tema-info .cont li:last-child:after{display:none;}
	.anchor-space:before{width:calc(100% + 80px);height:240px;top:70px;left:-40px;}
	.anchor .result li{width:100%;margin-bottom:10px;}
	.anchor .result li .tit{width:100%;padding:10px;margin:0 0 5px;}
	.anchor .result li:before,
	.anchor .result li:after{display:none;}
}
@media only screen and (max-width:415px){
	.anchor-space:before{height:180px;}
	.anchor .detail .cont .step li{width:calc(100% - 20px);margin:0 10px 20px;}
	.anchor .detail .cont .step li:before{font-size:14px;content:"▼";right:50%;top:-10px;}
	.anchor .bx1_wh > .tit{width:85%;font-size:18px;text-align:center;left:50%;transform:translate(-50%, -50%);padding:5px 10px;}
	.anchor .bx1_wh > .tit:before{display:none;}
	.anchor .bx1_wh .sub-tit{padding:0 20px;}
	.anchor .bx1_wh .sub-tit span{display:inline;}
}

/* 문화도시 거점공간 */
.city-area{padding:80px 0;}
.city-area:first-child{padding-top:0;}
.city-area h4{margin-top:0;}

.city-area ul{}
.city-area ul > li{display:flex;align-items:flex-end;margin:50px -30px;}
.city-area ul > li:first-child{margin-top:0;}
.city-area ul > li:last-child{margin-bottom:0;}
.city-area ul > li > div{width:calc(50% - 60px);margin:0 30px;}
.city-area .thumb{height:340px;}
.city-area .info{}
.city-area .info .tit{display:inline-block;font-size:22px;font-weight:500;}
.city-area .info .tit span{color:#3965BF;}
.city-area .info .location{width:fit-content;font-size:16px;font-weight:400;color:#919191;transform:translateY(50%);padding-left:30px;margin:-5px 0 0 auto;background:#fff;}
.city-area .info .stit{font-size:18px;font-weight:400;color:#354859;border-top:1px solid #0004;padding:15px 0 10px;}
.city-area .info .desc{line-height:1.5;color:#555555;}

.city-area.type1{}

.city-area.type2{}
.city-area.type2 ul > li{align-items:center;}
.city-area.type2 .info .tit{position:relative;z-index:1;}
.city-area.type2 .info .tit:after{width:55px;height:32px;content:"";position:absolute;right:0;top:-10px;background:#76AFE0;border-radius:50%;transform:skew(-25deg) translateX(50%);opacity:0.6;z-index:-1;}
.city-area.type2 .info .location{background:#F6F7F9;}

.city-area.type3{}
.city-area.type3 ul{display:flex;margin:0 -30px;}
.city-area.type3 ul > li{width:calc(50% - 60px);flex-direction:column;border:1px solid #EAEAEA;margin:0 30px;}
.city-area.type3 ul > li > div{width:100%;margin:0;}
.city-area.type3 .info{background:#F8F8F8;padding:40px;}
.city-area.type3 .info .location{background:#f8f8f8;}

@media only screen and (max-width:1440px){
	.city-area{padding:70px 0;}
	.city-area .thumb{height:285px;}
}
@media only screen and (max-width:1240px){
	.city-area ul > li{margin:40px -20px;}
	.city-area ul > li > div{width:calc(50% - 40px);margin:0 20px;}
	.city-area .thumb{height:225px;}
	.city-area .info .tit{font-size:20px}
	.city-area .info .desc{word-break:keep-all;}
	.city-area .info .desc .va-pc{display:none;}

	.city-area.type2 .info .tit:after{width:45px;height:26px;right:5px;top:-5px;}
	
	.city-area.type3 ul{margin:0 -20px;}
	.city-area.type3 ul > li{width:calc(50% - 40px);margin:0 20px;}
	.city-area.type3 .info{padding:30px;}
}
@media only screen and (max-width:1023px){
	.city-area{padding:60px 0;}
	.city-area.type2{padding:60px 40px;margin:0 -40px;}
	.city-area ul > li{align-items:center;margin:30px -15px;}
	.city-area ul > li > div{width:calc(50% - 30px);margin:0 15px;}
	.city-area .thumb{height:165px;}
	.city-area .info .tit{font-size:18px}
	.city-area .info .location{margin-top:-10px;}
	.city-area .info .stit{font-size:17px;padding:10px 0 5px;}

	.city-area.type3 ul{margin:0 -15px;}
	.city-area.type3 ul > li{width:calc(50% - 30px);margin:0 15px;}
	.city-area.type3 .info{padding:20px;}
}
@media only screen and (max-width:767px){
	.city-area ul > li{flex-direction:column;border-bottom:1px dashed #0004;margin:25px 0;}
	.city-area ul > li:last-child{border-bottom:none;}
	.city-area ul > li > div{width:100%;margin:0 0 15px;}
	.city-area .info{margin-bottom:20px;}
	.city-area li:last-child .info{margin-bottom:0;}
	.city-area .thumb{height:250px;}

	.city-area.type1 ul > li:nth-of-type(2) .thumb{order:-1;}

	.city-area.type3 ul{flex-direction:column;margin:0;}
	.city-area.type3 ul > li{width:100%;margin:0 0 15px;}
}
@media only screen and (max-width:576px){
	.city-area{padding:50px 0;}
	.city-area .thumb{height:170px;}

	.city-area.type2{padding:50px 40px;}
}
@media only screen and (max-width:415px){
	.city-area .thumb{height:130px;}
}