@charset "utf-8";

@font-face {
	font-family: 'GmarketSansMedium';
	font-weight: normal;
	font-style: normal;
	src: url('GmarketSansMedium.woff') format('woff');
}

@font-face {
	font-family: 'GmarketSansLight';
	font-weight: normal;
	font-style: normal;
	src: url('GmarketSansLight.woff') format('woff');
}

.ie11 {
	/* display:none;  */
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-family: 'GmarketSansMedium';
	background: url('../img/ie11_bg_2022.jpg') no-repeat center top;
	z-index: 200;
}

.ie11_con {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.ie11_con>p {
	margin-bottom: 25px;
	color: #fff;
	font-size: 22px;
	line-height: 160%;
}

.ie11_con>p>strong {
	color: #00c2ff;
	font-weight: 500;
}

.ie11_link {
	margin-top: 35px;
}

.ie11_link>a {
	display: block;
	width: 240px;
	margin: 9px auto;
	border-radius: 26px;
	font-weight: 500;
	background: #fff;
}

.ie11_link>a>span {
	display: inline-block;
	line-height: 52px;
	padding-left: 40px;
}

.ie11_link01>span {
	background: url('../img/ic_chrome.png') no-repeat left center;
}

.ie11_link02>span {
	background: url('../img/ic_whale.png') no-repeat left center;
}

.ie11_link03>span {
	background: url('../img/ic_edge.png') no-repeat left center;
}

.ie11_close {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px;
	color: #fff;
	font-size: 18px;
	background: #000;
}

.ie11_close:before,
.ie11_close:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 28px;
	height: 1px;
	margin-left: -55px;
	background: #fff;
}

.ie11_close:before {
	transform: rotate(-45deg);
}

.ie11_close:after {
	transform: rotate(45deg);
}

.ie11 .sfont {
	color: #f3ef78;
}

#allmenu .wrapper,
.wrap {
	position: relative;
	width: 96%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.slpzone {
	text-align: center;
}

.slpzone01 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	height: 120px;
	padding: 15px 0;
	background-color: #ededed;
	/* background-image:repeating-linear-gradient(90deg, transparent, transparent 15px, 	rgba(255, 255, 255, .2) 10px, rgba(255, 255, 255, .2) 25px); */
}

.slpzone01:before,
.slpzone01:after {
	content: "";
	position: absolute;
	bottom: 0;
}

.slpzone01:before {
	left: 5%;
	width: 250px;
	height: 102px;
	background: url('../img/slpzone_lbg_220719.png') no-repeat;
}

.slpzone01:after {
	right: 7%;
	width: 200px;
	height: 100px;
	background: url('../img/slpzone_rbg_220719.png') no-repeat;
}

.slpzone01>p,
.slpzone01>a {
	display: inline-block;
	vertical-align: middle;
	margin: 3px 10px;
}

.slpzone01>p {
	max-width: 96%;
}

.slpzone01>a {
	max-width: 17%;
}

.slpzone01 img {
	vertical-align: top;
	max-width: 100%;
}

#tpZone {
	/* background: #ededed; */
	background: linear-gradient(180deg, #E8E8E8 0%, #CECECE 100%);
}

#tpZone .toppzone {
	position: relative;
	margin: 0 auto;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

#tpZone .toppzone>div {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: flex;
	gap: 10px;
	background: rgba(0, 0, 0, .5);
	padding: 4px 5px;
	font-size: 14px;
	color: #fff;
}

#tpZone .toppzone>div a {
	display: inline-block;
	padding: 2px 4px;
	background: #fff;
	border-radius: 2px;
}

#tpZone .toppzone .control {
	display: inline-block;
}

#tpZone .toppzone .control:after {
	display: block;
	content: '';
	clear: both;
}

#tpZone .toppzone .control li {
	float: left;
}

#tpZone .toppzone .control li a {
	position: relative;
	display: block;
	width: 22px;
	height: 22px;
	text-indent: -5000px;
	font-size: 0;
}

#tpZone .toppzone .control li a:after,
#tpZone .toppzone .control li a:before {
	display: block;
	content: '';
	position: absolute;
	top: 20%;
	left: 45%;
	width: 3px;
	height: 50%;
	background: #fff;
}

#tpZone .toppzone .control li.next a:before {
	top: 10px;
	transform: rotate(45deg);
}

#tpZone .toppzone .control li.next a:after {
	transform: rotate(-45deg);
}

#tpZone .toppzone .control li.prev a:before {
	top: 10px;
	transform: rotate(-45deg);
}

#tpZone .toppzone .control li.prev a:after {
	transform: rotate(45deg);
}

#tpZone .toppzone .control li.stop a:before,
#tpZone .toppzone .control li.stop a:after {
	top: 22%;
	margin: 1px -3px;
	height: 60%;
}

#tpZone .toppzone .control li.stop a:before {
	margin-left: 4px;
}

/* #tpZone .toppzone div>* {vertical-align:middle;}  */
#tpZone .toppzone div label {
	margin-right: 5px;
	color: #fff;
}

#tpZone .toppzone div .tpclose {
	padding: 1px 10px;
	color: #484848;
	background: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

#tpZone .toppzone .list li {
	overflow: hidden;
}

#tpZone .toppzone .list li {
	display: none;
	text-align: center;
}

#tpZone .toppzone .list li:first-child {
	display: block;
}

#tpZone .tpopen {
	display: none;
	padding: 6px 0;
	text-align: center;
}

#tpZone .tpopen a {
	display: block;
}

#tpZone .tpopen a img {
	vertical-align: top;
	padding-top: 1px;
}



/*header*/
header {
	position: relative;
}

#gnb {
	line-height: 50px;
	border-bottom: 1px solid #e5e7ee;
}

#gnb>div {
	display: flex;
	justify-content: space-between;
}

#gnb .family>ul>li {
	display: inline-block;
	position: relative;
}

#gnb .family>ul>li:after,
#gnb .gnb_menu>li:after {
	display: block;
	content: '';
	position: absolute;
	left: 0px;
	top: 19px;
	height: 12px;
	width: 1px;
	background: #ddd;
}

#gnb li:first-child:after {
	display: none !Important;
}

#gnb .family>ul>li a,
#gnb .gnb_menu>li a {
	display: block;
	padding: 0 15px;
	color: #666;
}

#gnb .family>ul>li.f_list {
	position: relative;
}

#gnb .family>ul>li.f_list>a {
	display: block;
}

#gnb .f_list>a,
#gnb .lang>a {
	position: relative;
	padding-right: 20px;
}

#gnb .f_list>a:after,
#gnb .lang>a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 7px solid #999;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

#gnb .gnb_menu {
	float: right;
}

#gnb .gnb_menu>li {
	float: left;
	position: relative;
}

#gnb .gnb_menu>li>a {
	display: block;
}

#gnb .gnb_menu li.f_site ul {
	display: none;
	position: absolute;
	width: 100%;
	background: #fff;
	border: 1px solid #d8d8d8;
	z-index: 500;
}

#gnb .gnb_menu li.f_site ul li {
	border-top: 1px dotted #d8d8d8;
}

#gnb .gnb_menu li.f_site ul li:first-child {
	border-top: 0px;
}

#gnb .gnb_menu li.f_site ul li a {
	display: block;
	padding: 5px 0px 5px 15px;
	font-size: 13px;
}

#gnb .gnb_sub {
	display: none;
	position: absolute;
	padding: 10px;
	background: #fff;
	box-shadow: 0 7px 30px rgba(0, 0, 0, .2);
	border-radius: 5px;
	z-index: 500;
}

#gnb .lang .gnb_sub {
	right: 0;
}

#gnb .gnb_sub li {
	border-top: 1px solid #e5e7ee;
}

#gnb .gnb_sub li:first-child {
	border-top: 0px;
}

#gnb .gnb_sub li a {
	display: block;
	padding: 0 10px;
	line-height: 32px;
}

#gnb .gnb_search {
	display: none;
}

#gnb .top_sns {
	float: right;
}

#gnb .top_sns li {
	float: left;
	padding-left: 5px;
}

#top {
	position: static;
}

#top h1 img {
	vertical-align: top;
}

#top nav #lnb>ul.add_site {
	display: none;
	position: absolute;
	width: 103px;
	top: 184px;
	z-index: 999;
}

#top nav #lnb>ul.add_site li {
	float: none;
	margin: 0;
}

#top nav #lnb>ul.add_site li a {
	padding: 0;
}

#top nav #lnb>ul.add_site li img {
	vertical-align: top;
}

.allmenu_toggle {
	position: relative;
	width: 32px;
	height: 14px;
}

.allmenu_toggle:before,
.allmenu_toggle:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	border-radius: 3px;
	background: #2867dd;
}

.allmenu_toggle:before {
	top: 0;
}

.allmenu_toggle:after {
	bottom: 0;
}

/*기존css*/
#allmenu {
	display: none;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 9999;
}

#allmenu:before {
	display: block;
	content: '';
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	z-index: -1;
}

#allmenu .allmenuBox {
	margin: 40px auto;
	background: #fff;
	position: relative;
	border-radius: 20px
}

#allmenu .allmenuBox ul.category {
	padding-top: 30px;
	text-align: center;
}

#allmenu .allmenuBox ul.category li {
	display: inline-block;
	font-weight: bold;
	vertical-align: top
}

#allmenu .allmenuBox ul.category li a {
	display: block;
	position: relative;
	min-width: 40px;
	height: 45px;
	border-radius: 40px;
	/* font-size: 16px; */
	font-size: 0;
}

#allmenu .allmenuBox ul.category li a:after {
	display: block;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	min-width: 43px;
	height: 43px;
	border-radius: 40px
}

#allmenu .allmenuBox ul.category li.select a {
	padding-left: 55px;
	padding-right: 20px;
	line-height: 40px;
	border: 2px solid #de7237;
	color: #de7237;
	font-size: 16px;
}

#allmenu .allmenuBox ul.category li.select a:after {
	background-color: #b94c11;
	left: -1px;
	top: -1px;
}

#allmenu .allmenuBox ul.category li.array_menu a:after {
	background: #f3f3f3 url(/share/images/inc/allmenu_tab01.gif) no-repeat center center
}

#allmenu .allmenuBox ul.category li.array_abc a:after {
	background: #f3f3f3 url(/share/images/inc/allmenu_tab02.gif) no-repeat center center
}

#allmenu .allmenuBox ul.category li.select.array_menu a:after {
	background: #de7237 url(/share/images/inc/allmenu_tab01_on.png) no-repeat center center
}

#allmenu .allmenuBox ul.category li.select.array_abc a:after {
	background: #de7237 url(/share/images/inc/allmenu_tab02_on.png) no-repeat center center
}

#allmenu .allmenuBox ul.category li a span {
	display: none
}

#allmenu .allmenuBox ul.category li.select a span {
	display: block
}

#allmenu .allmenuBox #array_menu {
	padding: 40px 0px
}

#allmenu .allmenuBox #array_menu>ul>li {
	padding: 40px 20px 0px;
	border-top: 1px solid #ece5e2;
	overflow: hidden;
}

#allmenu .allmenuBox #array_menu>ul>li.menu2,
#allmenu .allmenuBox #array_menu>ul>li.menu4,
#allmenu .allmenuBox #array_menu>ul>li.menu6 {
	background: #fefcfa;
}

#allmenu .allmenuBox #array_menu>ul>li:first-child {
	border-top: 0px;
}

#allmenu .allmenuBox #array_menu>ul>li>a {
	display: block;
	float: left;
	padding-bottom: 150px;
	width: 18%;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
}

#allmenu .allmenuBox #array_menu>ul>li.menu1>a {
	background: url(/main/images/inc/allmenu_ic01.gif) no-repeat center bottom;
}

#allmenu .allmenuBox #array_menu>ul>li.menu2>a {
	background: url(/main/images/inc/allmenu_ic02.gif) no-repeat center bottom;
}

#allmenu .allmenuBox #array_menu>ul>li.menu3>a {
	background: url(/main/images/inc/allmenu_ic03.gif) no-repeat center bottom;
}

#allmenu .allmenuBox #array_menu>ul>li.menu4>a {
	background: url(/main/images/inc/allmenu_ic04.gif) no-repeat center bottom;
}

#allmenu .allmenuBox #array_menu>ul>li.menu5>a {
	background: url(/main/images/inc/allmenu_ic05.gif) no-repeat center bottom;
}

#allmenu .allmenuBox #array_menu>ul>li.menu6>a {
	background: url(/main/images/inc/allmenu_ic06.gif) no-repeat center bottom;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li>a {
	color: #905438;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li>a:after {
	background: #905438;
}

#allmenu .allmenuBox .btn_close a {
	background-image: url(/main/images/inc/allmenu_close.png);
}

#allmenu .allmenuBox #array_menu>ul>li>div {
	float: right;
	width: 80%;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul {
	/* overflow:hidden; */
	padding-top: 8px;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul:after {
	display: block;
	content: "";
	clear: both;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li {
	float: left;
	width: 25%;
	margin-bottom: 50px;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li>a {
	display: block;
	position: relative;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 18px;
	font-weight: bold;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li>a:after {
	display: block;
	content: '';
	position: absolute;
	left: 0px;
	top: -8px;
	width: 16px;
	height: 2px;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li>a+ul {
	margin-top: 10px;
}

#allmenu .allmenuBox #array_menu>ul>li.menu2>div>ul>li>a+ul {
	min-height: 150px;
}

#allmenu .allmenuBox #array_menu>ul>li.menu4>div>ul>li>a+ul {
	min-height: 170px;
}

#allmenu .allmenuBox #array_menu>ul>li.menu3>div>ul>li.aList>a {
	min-height: 80px;
}

#allmenu .allmenuBox #array_menu>ul>li.menu3>div>ul>li>a+ul {
	min-height: 220px;
}

#allmenu .allmenuBox #array_menu>ul>li.menu3>div>ul>li.long>a+ul {
	min-height: 100px;
}

#allmenu .allmenuBox #array_menu>ul>li.menu4>div>ul>li.height {
	margin-bottom: 15px;
}

#allmenu .allmenuBox #array_menu>ul>li.menu5>div>ul>li.long>a {
	min-height: 175px;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li>a+ul>li {
	padding-left: 10px;
	background: url(/main/images/inc/allmenu_blet.gif) no-repeat left 10px;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li>a+ul>li a {
	color: #777;
	font-size: 14px;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li>a+ul>li a:hover {
	color: #484848;
	font-weight: bold;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li.long {
	width: 100%;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li.long>ul {
	overflow: hidden;
}

#allmenu .allmenuBox #array_menu>ul>li>div>ul>li.long>ul li {
	float: left;
	width: 23.5%;
}

#allmenu .allmenuBox #array_abc {
	display: none;
	padding: 40px
}

#allmenu .allmenuBox #array_abc>ul>li {
	padding: 40px 0px 40px;
	border-top: 1px solid #ddd;
	overflow: hidden;
}

#allmenu .allmenuBox #array_abc>ul>li:first-child {
	border-top: 0px;
}

#allmenu .allmenuBox #array_abc>ul>li>a {
	display: block;
	float: left;
	padding-bottom: 150px;
	width: 18%;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
}

#allmenu .allmenuBox #array_abc>ul>li>a>span {
	display: block;
	text-indent: -5000px;
}

#allmenu .allmenuBox #array_abc>ul>li.menu1>a {
	background: url(/share/images/inc/allmenu_abc01.gif) no-repeat center top;
}

#allmenu .allmenuBox #array_abc>ul>li.menu2>a {
	background: url(/share/images/inc/allmenu_abc02.gif) no-repeat center top;
}

#allmenu .allmenuBox #array_abc>ul>li.menu3>a {
	background: url(/share/images/inc/allmenu_abc03.gif) no-repeat center top;
}

#allmenu .allmenuBox #array_abc>ul>li.menu4>a {
	background: url(/share/images/inc/allmenu_abc04.gif) no-repeat center top;
}

#allmenu .allmenuBox #array_abc>ul>li.menu5>a {
	background: url(/share/images/inc/allmenu_abc05.gif) no-repeat center top;
}

#allmenu .allmenuBox #array_abc>ul>li.menu6>a {
	background: url(/share/images/inc/allmenu_abc06.gif) no-repeat center top;
}

#allmenu .allmenuBox #array_abc>ul>li.menu7>a {
	background: url(/share/images/inc/allmenu_abc07.gif) no-repeat center top;
}

#allmenu .allmenuBox #array_abc>ul>li>div {
	float: right;
	width: 80%;
}

#allmenu .allmenuBox #array_abc>ul>li>div>ul {
	overflow: hidden;
	padding-top: 8px;
}

#allmenu .allmenuBox #array_abc>ul>li>div>ul>li {
	float: left;
	min-width: 22%;
	margin: 3px 0px;
	margin-right: 3%;
}

#allmenu .allmenuBox #array_abc>ul>li>div>ul>li>a {
	display: inline-block;
	padding-left: 10px;
	background: url(/main/images/inc/allmenu_blet.gif) no-repeat left 10px;
}

#allmenu .allmenuBox .btn_close a {
	display: block;
	position: absolute;
	top: 0px;
	right: -90px;
	width: 76px;
	height: 76px;
	background: url(/share/images/inc/allmenu_close.png) no-repeat center center;
	text-indent: -5000px;
	z-index: 22;
}

#allmenu .allFamily {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 2;
}

#allmenu .allFamily>p>a {
	display: block;
	padding: 8px 40px 8px 20px;
	color: #FFF;
	background: #413934;
	border-radius: 3px;
}

#allmenu .allFamily>p>a:after {
	position: absolute;
	right: 15px;
	top: 15px;
	display: block;
	content: '';
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-top: 7px solid #fff;
}

#allmenu .allFamily>ul {
	display: none;
	padding: 10px;
	background: #413934;
	border-radius: 3px;
}

#allmenu .allFamily>ul li {
	padding: 5px;
	border-top: 1px dotted rgba(255, 255, 255, .2);
}

#allmenu .allFamily>ul li:first-child {
	border-top: 0px;
}

#allmenu .allFamily>ul li a {
	display: block;
	color: #fff;
}

/*contents*/
.container {
	position: relative;
	margin: 45px 0 32px;
}

#contents {
	position: static !important;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 4.3em 1.7%;
}

#contents>div {
	flex-grow: 1;
}

#contents .con01 {
	flex-basis: 338px;
	align-self: center;
}

/*날씨*/
/* #contents .con02 {flex-basis:568px; align-self:center;} */
/*검색*/
/* #contents .con02 {flex-basis:966px; align-self:center;} */
#contents .con02 {
	flex-basis: 660px;
	align-self: center;
}

/*검색*/
#contents .con03 {
	flex-basis: 543px;
	min-width: 450px;
	align-self: center;
}

#contents .con04 {
	flex-basis: 989px;
	flex-grow: 0;
	align-self: flex-end;
	margin: 0 auto;
}

/*팝업존*/
#contents .con05 {
	flex-basis: 580px;
	max-width: 989px;
	align-self: flex-end;
	margin-left: auto;
	margin-right: auto;
}

/*구청장*/
#contents .con06 {
	flex-basis: 100%;
}

/*연수구소식*/
#contents .con12 {
	flex-basis: 100%;
}

/*민원안내*/
#contents .con07 {
	flex-basis: 100%;
}

/*자주찾는메뉴*/
#contents .con08 {
	flex-basis: 59%;
	overflow: hidden;
	padding: 3px 0 0;
}

/*연수구SNS*/
#contents .con09 {
	flex-basis: 38.5%;
	overflow: hidden;
	padding: 3px 0 0;
}

/*생생현장*/
/* #contents .con10 {flex-basis:785px; max-width:49%;} */
/*연수한마당*/
/* #contents .con11 {position:absolute; right:0; bottom:0; left:50.8%;} */
/*카드뉴스*/
#contents .con13 {
	flex-basis: 59%;
}

/*연수TV*/
#contents .con14 {
	flex-basis: 38.5%;
}

/*연수한마당*/
#contents .main_sbtn {
	flex-basis: 340px;
	align-self: center;
}

/* 메인 미니 버튼 송도해변축제*/
/* #contents .main_sbtn>a {
	position: relative;
	display: flex;
	align-items: center;
	height: 74px;
	padding: 10px 30px;
	background: linear-gradient(30deg, #3c78ff -20%, #66cbff 80%);
	border-radius: 18px;
	overflow: hidden;
}

#contents .main_sbtn>a::before {
	content: '';
	display: block;
	position: absolute;
	bottom: -25px;
	right: -5px;
	width: 135px;
	height: 105px;
	background: url('../images/main/main_sbtn_img0716.png') no-repeat top 2px right -8px / 85%;
}

#contents .main_sbtn span {
	font-family: 'GmarketSansMedium';
	font-weight: 600;
	z-index: 1;
}

#contents .main_sbtn span.txt {
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	text-shadow: 1px 0px 1px rgba(0, 0, 0, .25), 0px 1px 1px rgba(0, 0, 0, .25), -1px 0px 1px rgba(0, 0, 0, .25), 0px -1px 1px rgba(0, 0, 0, .25);
	letter-spacing: 0.1px;
}

#contents .main_sbtn span.btn {
	margin-left: 10px;
	padding: 7px 12px 5px 12px;
	color: #fff;
	font-size: 13px;
	border-radius: 50px;
	background: #004cff;
} */

/* 메인 미니 버튼 연수북페스티벌 */
/* #contents .main_sbtn>a {
	position: relative;
	display: flex;
	align-items: center;
	height: 74px;
	padding: 10px 30px;
	background: #FFEBCF;
	border-radius: 18px;
	overflow: hidden;
}

#contents .main_sbtn>a::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100.69px;
	height: 90px;
	background: url('../images/main/main_sbtn_img0909.png') no-repeat top 0 right 0 / 100%;
}

#contents .main_sbtn span {
	font-family: 'GmarketSansMedium';
	font-weight: 600;
	z-index: 1;
}

#contents .main_sbtn span.txt {
	font-size: 16px;
	color: #B04118;
	line-height: 20px;
	letter-spacing: 0.1px;
}

#contents .main_sbtn span.btn {
	margin-left: 10px;
	padding: 7px 12px 5px 12px;
	color: #fff;
	font-size: 13px;
	border-radius: 50px;
	background: #843C26;
} */

/* 메인 미니 버튼 연수구 설문조사 */
#contents .main_sbtn {
	flex-basis: 340px;
	align-self: center;
}

#contents .main_sbtn>a {
	position: relative;
	display: flex;
	align-items: center;
	height: 74px;
	padding: 10px 30px;
	background: #fffed1;
	border-radius: 18px;
	overflow: hidden;
}

#contents .main_sbtn>a::before {
	content: '';
	display: block;
	position: absolute;
	bottom: -25px;
	right: -5px;
	width: 135px;
	height: 105px;
	background: url('../images/main/main_sbtn_img02.svg') no-repeat center / 85%;
}

#contents .main_sbtn span {
	font-family: 'GmarketSansMedium';
	font-weight: 600;
	z-index: 1;
}

#contents .main_sbtn span.txt {
	font-size: 16px;
	background: linear-gradient(90.87deg, #13CD78 -2.22%, #059278 104.82%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#contents .main_sbtn span.btn {
	margin-left: 10px;
	padding: 7px 12px 5px 12px;
	color: #fff;
	font-size: 13px;
	border-radius: 50px;
	background: #00A484;
}

/* 메인 미니 버튼 고향사랑기부제 */
/* #contents .main_sbtn>a {
	position: relative;
	display: flex;
	align-items: center;
	height: 74px;
	padding: 10px 30px;
	background: #FFEEEE;
	border-radius: 18px;
	overflow: hidden;
}

#contents .main_sbtn>a::before {
	content: '';
	display: block;
	position: absolute;
	bottom: -35px;
	right: -5px;
	width: 135px;
	height: 105px;
	background: url('../images/main/main_sbtn_img01.svg') no-repeat center / 85%;
}

#contents .main_sbtn span {
	font-family: 'GmarketSansMedium';
	font-weight: 600;
	z-index: 1;
}

#contents .main_sbtn span.txt {
	font-size: 16px;
	background: linear-gradient(90.87deg, #803DB5 -2.22%, #DE3686 104.82%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#contents .main_sbtn span.btn {
	margin-left: 10px;
	padding: 7px 12px 5px 12px;
	color: #fff;
	font-size: 13px;
	border-radius: 50px;
	background: #d33881;
} */

.con_ttl {
	font-size: 34px;
	color: #2867dd;
	font-family: 'GmarketSansMedium';
	font-weight: 600;
	line-height: 120%;
	letter-spacing: -1.2px;
}

.con_ttl span {
	color: #111d68;
}

/* .con_txt {color:#999;} */
.con_txt {
	color: #8f8f8f;
}

.con_ttlBox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.more_btn {
	position: relative;
	padding-left: 24px;
	color: #2867dd;
	font-size: 18px;
	font-family: 'GmarketSansMedium';
	letter-spacing: -.5px;
}

.more_btn:before,
.more_btn:after {
	content: '';
	display: block;
	position: absolute;
	width: 17px;
	height: 3px;
	border-radius: 10px;
	background: #2867dd;
}

.more_btn:before {
	top: 8px;
	left: 0;
}

.more_btn:after {
	top: 8px;
	left: 0;
	transform: rotate(90deg)
}

#weather {
	display: flex;
	align-items: center;
}

#weather img {
	width: 80px;
}

#weather .temp {
	margin-right: 18px;
	font-size: 21px;
	font-family: 'GmarketSansMedium';
}

#weather .dust {
	font-weight: 400;
	color: #333;
}

#weather .w_good {
	color: #2867dd;
}

/*좋음/아주좋음*/
#weather .w_normal {
	color: #418b05;
}

/*보통*/
#weather .w_bad {
	color: #e3172f;
}

/*나쁨/매우나쁨*/
.search {
	display: flex;
	align-items: center;
	border: 2px solid #2867dd;
	border-radius: 24px;
}

.search_ttl {
	text-align: center;
	width: 120px;
	font-weight: normal;
	font-family: 'GmarketSansMedium';
	color: #2867dd;
	font-size: 18px;
	line-height: 70px;
}

.search form {
	flex: 1;
}

.search input[type=text] {
	width: calc(100% - 50px);
	border: 0;
	font-family: 'GmarketSansMedium';
	font-size: 18px;
	color: #999;
	font-weight: normal;
}

.search input[type=image] {
	width: 32px;
}

.mlink {
	display: flex;
}

.mlink>li {
	position: relative;
	flex-basis: 25%;
}

.mlink>li:nth-of-type(n+2):before {
	content: "";
	position: absolute;
	left: 0;
	top: 20px;
	width: 1px;
	height: 48px;
	background: #ddd;
}

.mlink>li>a {
	font-size: 17px;
	font-weight: 500;
}

/*이미지스프라이트(민원안내)*/
.adm {
	position: relative;
	display: block;
	text-align: center;
	padding: 100px 26px 26px 26px;
}

.adm:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 23px;
	width: 80px;
	height: 70px;
	transition: .4s;
	background-image: url('../img/admin_ic.svg');
	background-repeat: no-repeat;
	transform: translateX(-50%);
	transform-origin: center top
}

.adm.ic01:before {
	background-position: 0 0;
}

.adm.ic02:before {
	background-position: -80px 0;
}

.adm.ic03:before {
	background-position: -160px 0;
}

.adm.ic04:before {
	background-position: -240px 0;
}

.adm.ic05:before {
	background-position: -320px 0;
}

.adm.ic06:before {
	background-position: -400px 0;
}

.adm.ic07:before {
	background-position: -480px 0;
}

.adm.ic08:before {
	background-position: -560px 0;
}

/*이미지스프라이트(자주찾는메뉴_공통)*/
.ic {
	position: relative;
	display: block;
	text-align: center;
	padding-top: 75px;
}

.ic:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 168px;
	height: 168px;
	transition: .4s;
	background-image: url('../img/ic_is.png?v2');
	background-repeat: no-repeat;
	transform: translateX(-50%) scale(.5);
	transform-origin: center top;
}

.ic:hover:before {
	transform: translate(-50%, -7px) scale(.5);
}

/* .mlink .ic:before {height:50px;} */
.ic.ic01:before {
	background-position: 0 0;
}

.ic.ic02:before {
	background-position: -168px 0;
}

.ic.ic03:before {
	background-position: -336px 0;
}

.ic.ic04:before {
	background-position: -504px 0;
}

.fic {
	position: relative;
	display: block;
	text-align: center;
	padding-top: 85px;
}

/* .fic:before {content:""; position:absolute; left:50%; top:0; width:100px; height:100px; transition:.4s; background-image:url('../img/favorite_ic.svg'); background-repeat:no-repeat; transform:translateX(-50%); transform-origin:center top;} -> 자주찾는 메뉴 원본 css */
.fic:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0px;
	width: 100px;
	height: 90px;
	transition: .4s;
	background-image: url('../img/favorite_ic2024.svg?v=1.3');
	background-repeat: no-repeat;
	transform: translateX(-50%);
	transform-origin: center top;
}

/* 지방세납부 아이콘 추가 css */
.fic:hover:before {
	transform: translate(-50%, -7px)
}

.fic.ic01:before {
	background-position: 0 0;
}

.fic.ic02:before {
	background-position: -100px 0;
}

.fic.ic03:before {
	background-position: -200px 0;
}

.fic.ic04:before {
	background-position: -300px 0;
}

.fic.ic05:before {
	background-position: -400px 0;
}

.fic.ic06:before {
	background-position: -500px 0;
}

.fic.ic07:before {
	background-position: -600px 0;
}

.fic.ic08:before {
	background-position: -700px 0;
}

.fic.ic09:before {
	background-position: -800px 0;
}

.fic.ic10:before {
	background-position: -900px 0;
}

.fic.ic11:before {
	background-position: -1000px 0;
}

.fic.ic12:before {
	background-position: -1100px 0;
}

.fic.ic13:before {
	background-position: -1200px 0;
}

/*지방세납부 아이콘 추가*/
.fic.ic14:before {
	background-position: -1300px 0;
}

.fic.ic15:before {
	background-position: -1400px 0;
}

.fic.ic16:before {
	background-position: -1500px 0;
}

.fic.ic17:before {
	background-position: -1600px 0;
}

.fic.ic18:before {
	background-position: -1700px 0;
}

.fic.ic19:before {
	background-position: -1800px 0;
}

.fic.ic20:before {
	background-position: -1900px 0;
}

.poopupzone {
	position: relative;
}

.poopupzone:after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 63px;
	right: 0;
	bottom: 37px;
	border-radius: 4px 24px 24px 24px;
	box-shadow: 0 7px 30px rgba(0, 0, 0, .2);
	z-index: -1;
}

#Hslider_onx {
	overflow: hidden;
}

#Hslider_onx ul.visual_btn {
	position: absolute;
	top: 5px;
	left: 155px;
	z-index: 1
}

#Hslider_onx ul.visual_list {
	position: relative;
	white-space: nowrap;
	font-size: 0;
	margin-top: 20px;
}

#Hslider_onx ul.visual_list>li {
	display: inline-block !important;
	width: 100%;
	height: 100%;
}

#Hslider_onx ul.visual_list>li>a {
	display: block;
	width: 100%;
	height: 100%;
}

#Hslider_onx ul.visual_list>li img {
	width: 100%;
}

#Hslider_onx ul.visual_list>li img.mb {
	display: none;
}

/*공통디자인(컨트롤버튼)*/
.control_btn {
	display: flex;
}

.control_btn .cnt {
	width: 70px;
	margin-left: 30px;
	font-family: 'GmarketSansLight';
	font-size: 18px;
	text-align: center;
}

.control_btn .cnt strong {
	font-family: 'GmarketSansMedium';
}

.control_btn ul {
	display: flex;
	margin-left: 10px;
	padding: 4px 12px;
	height: 32px;
	background-color: #f3f3f3;
	border-radius: 16px;
}

.control_btn li {
	width: 24px;
	height: 24px;
}

.control_btn li a {
	display: block;
	text-indent: -5000px;
}

.control_btn li.btn_prev a {
	background-image: url('../img/btn_prev_2024.png');
}

.control_btn li.btn_stop a {
	background-image: url('../img/btn_stop_2024.png');
}

.control_btn li.btn_next a {
	background-image: url('../img/btn_next_2024.png');
}

.control_btn li.btn_list a {
	background-image: url('../img/btn_list_2024.png');
}

#allvpzone {
	display: none;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	z-index: 9999;
	padding-top: 100px;
	color: #fff;
}

#allvpzone:before {
	display: block;
	content: '';
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: -1;
}

#allvpzone .allvpzoneBox {
	position: relative;
	width: 98%;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
}

#allvpzone .allvpzoneBox>div {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

#allvpzone .allvpzoneBox>div>p.tit {
	font-size: 34px;
	font-family: 'GmarketSansMedium';
	font-weight: normal;
	color: #43E0EA;
	margin-right: 20px;
}

#allvpzone .allvpzoneBox>div>p.num {
	font-size: 20px;
}

#allvpzone .allvpzoneBox>div>p.num span {
	color: #FEF62B;
}

#allvpzone .allvpzoneBox .btn_close a {
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	width: 43px;
	height: 43px;
	background: url(/share/images/inc/allmenu_close.png) no-repeat center center;
	background-size: 43px;
	text-indent: -5000px;
	z-index: 22;
}

#allvpzone .allvpzoneBox ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2%;
}

#allvpzone .allvpzoneBox ul li {
	width: 49%;
	margin-bottom: 1%;
}

#allvpzone .allvpzoneBox ul li img {
	max-width: 100%;
}

#allvpzone .allvpzoneBox .mb {
	display: none;
}






.headman {
	position: relative;
	padding: 38px 52px;
	height: 300px;
	margin-bottom: 35px;
	border-radius: 24px;
	border: 1px solid #bbd1ec;
	background: #edf3ff;
}

.headman:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 328px;
	max-width: 60%;
	height: 374px;
	background: url('../img/headman2025.png') no-repeat right bottom;
	background-size: 100%;
}

.headman_ttl {
	font-size: 24px;
	line-height: 160%;
	color: #111d68;
	font-family: 'GmarketSansMedium';
	font-weight: normal;
}

.headman_ttl span {
	font-size: 21px;
	color: #2867dd;

}

.headman_ttl strong {
	font-size: 33px;
	font-weight: normal;
}

.headman_list {
	margin-top: 20px;
}

.headman_list li {
	position: relative;
	padding-left: 15px;
	margin-top: 10px;
}

.headman_list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 2px;
	height: 15px;
	background: #bfcad0;
	transform: rotate(45deg);
}

.headman_list li a {
	color: #111d68;
	font-size: 18px;
	font-weight: 500;
}

.board {
	position: relative;
}

.board_list {
	display: none;
	margin-top: 50px;
	margin-right: 1%;
}

.board_list>ul {
	display: flex;
	justify-content: space-between;
}

.board_list>ul>li {
	flex: 0 0 18%;
}

.board_list .ttl {
	height: 58px;
	font-size: 20px;
	font-weight: 500;
	overflow: hidden;
}

.board_list .txt {
	height: 67px;
	margin-top: 12px;
	color: #666;
	line-height: 150%;
	overflow: hidden;
}

.board_list .date {
	margin-top: 35px;
	color: #666;
}

.board_more {
	display: none;
	position: absolute;
	right: -33px;
	top: 61%;
	width: 33px;
	height: 33px;
	border-radius: 14px;
	border: 1px solid #2867dd;
}

.board_more:before,
.board_more:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 7px;
	width: 3px;
	height: 17px;
	background: #2867dd;
	transition: .5s;
}

.board_more:before {
	transform: rotate(90deg);
}

.board_more:hover:before {
	transform: rotate(270deg);
}

.board_more:hover:after {
	transform: rotate(180deg);
}

.on .board_list,
.on .board_more {
	display: block;
}

.admin {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 4% 1%;
}

.admin .con_ttlBox {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	gap: 24px;
	flex-basis: 24%;
	padding: 20px;
	background: url('../img/adminbg_ttl.svg') no-repeat right bottom;
}

.admin .con_ttlBox .ttl_txt {
	padding-left: 2px;
	color: rgba(34, 78, 162, 0.8);
	font-weight: 500;
	font-size: 17px;
}

.admin .admin_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 22px;
	flex-basis: 70%
}

.admin .admin_list a {
	width: calc(25% - 22px);
	line-height: 1.3;
	color: #333;
	font-size: 17px;
	font-weight: 500;
	background: #fff;
	border-radius: 12px;
	transition: .5s;
}

.admin .admin_list a:hover {
	box-shadow: 0px 14px 30px rgba(0, 0, 0, .12);
	transform: translate(0%, -7px);
}

.favorite {
	position: relative;
	padding: 50px 55px 60px 75px;
	border-radius: 24px;
	border: 2px solid #2867dd;
}

.favorite .con_ttl {
	position: absolute;
	left: -2px;
	top: -2px;
	padding: 5px 30px 30px 0;
	background: #fff;
}

.favorite .con_ttl:before,
.favorite .con_ttl:after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #2867dd;
}

.favorite .con_ttl:before {
	right: -1px;
	top: -3px;
}

.favorite .con_ttl:after {
	left: -3px;
	bottom: -1px;
}

.favorite_list>ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	z-index: 1;
}

.favorite_list>ul.list2 {
	margin-top: 20px;
}

.favorite_list>ul>li {
	flex-basis: 11.1%;
}

.favorite_list>ul>li:nth-of-type(n+10) {
	display: none;
}

.favorite_list>ul>li>a {
	line-height: 1.2;
	font-size: 17px;
	color: #224ea2;
	font-weight: 500;
}

.favorite_more {
	position: absolute;
	left: 50%;
	bottom: -24px;
	transform: translateX(-50%);
	width: 48px;
	height: 48px;
	border-radius: 20px;
	background: #2867dd;
	box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.2);
}

.favorite_more:before,
.favorite_more:after {
	display: block;
	content: "";
	position: absolute;
	left: 11px;
	top: 23px;
	width: 16px;
	height: 3px;
	border-radius: 3px;
	background: #fff;
}

.favorite_more:before {
	transform: rotate(45deg);
}

.favorite_more:after {
	margin-left: 10px;
	transform: rotate(-45deg);
}

.favorite_more-close {
	display: none;
}

.favorite_more-close:before {
	transform: rotate(-45deg);
}

.favorite_more-close:after {
	transform: rotate(45deg);
}

.sns {
	position: relative;
}

.sns_link {
	position: absolute;
	left: 220px;
	top: 3px;
	font-size: 0;
}

.sns_link>li {
	display: inline-block;
	margin-right: 7px;
}

.sns_link img {
	width: 44px;
}

.img_list {
	margin-top: 30px;
	overflow: hidden;
}

.img_list>ul {
	font-size: 0;
	white-space: nowrap;
}

.img_list>ul>li {
	display: inline-block;
	padding: 1px;
	width: 31.5%;
	max-width: 300px;
	border-radius: 24px;
	overflow: hidden;
}

.img_list>ul>li:nth-of-type(n+2) {
	margin-left: 2.7%;
}

.img_list>ul>li a {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background: #f1f1f1;
}

.img_list>ul>li img {
	width: 100%;
	min-height: 100%;
	transition: .5s;
}

.img_list>ul>li a:hover img {
	transform: scale(1.1, 1.1);
}

.photo {
	position: relative;
}

.photo .con_ttlBox {
	justify-content: space-between;
}

.photo_link {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0;
}

.photo_link>li {
	display: inline-block;
	margin-left: 7px;
}

.photo_link>li>a {
	position: relative;
	text-align: left;
	display: block;
	width: 160px;
	padding-top: 2px;
	padding-left: 20px;
	font-family: 'GmarketSansMedium';
	font-weight: bold;
	font-size: 18px;
	line-height: 44px;
	color: #fff;
	border-radius: 44px;
}

.photo_link>li>a:before,
.photo_link>li>a:after {
	display: block;
	content: "";
	position: absolute;
	right: 20px;
	top: 16px;
	width: 12px;
	height: 3px;
	border-radius: 3px;
	background: #fff;
}

.photo_link>li>a:before {
	transform: rotate(45deg);
}

.photo_link>li>a:after {
	margin-top: 7px;
	transform: rotate(-45deg);
}

.photo_link>li>a.p01 {
	background: #2867dd;
}

.photo_link>li>a.p02 {
	background: #1fa63d;
	/* background:#59c843; */
}

.photo .img_list>ul>li {
	width: 48%;
}

.photo .img_list>ul>li:nth-of-type(n+2) {
	margin-left: 4%;
}

.photo .img_list>ul>li img {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	max-height: 320px;
}

.photo .img_list>ul>li a:hover img {
	transform: translateX(-50%) scale(1.1, 1.1);
}

/* .admin {padding:30px 0;} */
.ystv {
	position: relative;
}

.ystv .con_ttlBox {
	position: relative;
	justify-content: space-between;
	padding-left: 70px;
}

.ystv .con_ttlBox:before,
.ystv .con_ttlBox:after {
	content: '';
	display: block;
	position: absolute;
}

.ystv .con_ttlBox:before {
	left: 0;
	top: -4px;
	width: 50px;
	height: 40px;
	background: #D91E1E;
	border-radius: 15px;
}

.ystv .con_ttlBox:after {
	left: 18px;
	top: 9px;
	border: 7px solid transparent;
	border-left: 15px solid #fff
}

.ystv .tvList {
	margin-top: 3%;
}

.ystv ul {
	display: flex;
	justify-content: space-between;
}

.ystv ul li {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 300px;
}

.ystv ul li>p>a>img {
	max-width: 100%;
	border-radius: 12px;
}

.ystv ul li dl {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 60px;
	height: 100%;
}

.ystv ul li dl dt a {
	line-height: 1.5;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -.5px;
}

.ystv ul li dl dd {
	font-size: 16px;
	color: #767676;
	letter-spacing: -.5px;
}

.ebook {
	position: relative;
}

.ebook_num {
	margin-left: 20px;
	color: #111D68;
	font-size: 22px;
	font-family: 'GmarketSansMedium';
}

.ebook_num span {
	font-weight: 600
}

.ebookBox {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 6.4%;
	padding: 8%;
	border-radius: 70px 0 0 20px;
	background: #FAFAFA;
}

.ebookBox .left_con {
	display: flex;
	gap: 26px;
	flex-wrap: wrap;
	flex-direction: column;
}

.ebookBox .left_con .txt {
	line-height: 1.3;
	color: #111D68;
	font-size: 17px;
	font-family: 'GmarketSansMedium';
}

.ebookBox .left_con .txt span {
	color: #2867dd;
	font-weight: 600;
}

.ebookBox .left_con .btnBox {
	display: flex;
	flex-wrap: wrap;
	align-content: space-around;
	text-align: center;
}

.ebookBox .left_con .btnBox>li {
	position: relative;
	flex-basis: 50%;
	padding: 70px 0 5px;
}

.ebookBox .left_con .btnBox>li a:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 2px;
	width: 80px;
	height: 60px;
	background-image: url('../img/ebookBtn.svg?v1');
	background-repeat: no-repeat;
	transform: translate(-50%);
	transform-origin: center top;
	transition: .5s;
}

.ebookBox .left_con .btnBox>li:hover a:before {
	transform: translate(-50%, -7px)
}

.ebookBox .left_con .btnBox>li a.ebookBtn01:before {
	background-position: 0 0;
}

.ebookBox .left_con .btnBox>li a.ebookBtn02:before {
	background-position: -80px 0;
}

.ebookBox .left_con .btnBox>li span {
	position: relative;
	padding: 0 7px;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -.2px;
	z-index: 1;
}

.ebookBox .left_con .btnBox>li span:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 10px;
	padding: 0 2px;
	border-radius: 10px;
	background: #D6E5FF;
	z-index: -1;
}

.ebookBox .right_con {
	position: absolute;
	right: 0px;
	bottom: 13.2%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	gap: 20px;
	width: 220px;
	max-width: 36%;
}

.ebookBox .right_con .img img {
	max-width: 100%;
	border-radius: 12px 12px 12px 45px;
	box-shadow: 0px 14px 30px rgba(0, 0, 0, .2)
}

.ebookBox .right_con .ebookBtn_sms {
	text-align: center;
	width: 100%;
	padding: 14px;
	font-family: 'Noto Sans KR';
	border-radius: 12px;
	background: #224EA2;
}

.ebookBox .right_con .ebookBtn_sms p {
	display: inline-block;
	padding-left: 28px;
	font-size: 17px;
	font-family: 'GmarketSansLight';
	color: #fff;
	background: url('../img/ebookBtn_sms.svg') no-repeat left center;
	letter-spacing: -.2px;
}

.ebookBox .selectBox {
	display: flex;
	gap: 5px;
	justify-content: space-between;
	height: 54px;
}

.ebookBox .selectBox .familyLinkBox {
	max-width: 225px;
}

.ebookBox .selectBox .familyLinkBox select {
	width: 100%;
	height: 100%;
	padding: 12px 30px 12px 12px;
	font-size: 15px;
	font-family: 'Noto Sans KR';
	background: #D7E5FF url('../img/arr_select.png') no-repeat right 12px center;
	border: none;
	border-radius: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.ebookBox .selectBox select::-ms-expand {
	display: none;
}

.ebookBox .selectBox input {
	flex-basis: 24%;
	font-family: 'GmarketSansMedium';
	font-size: 15px;
	color: #fff;
	background: #2867dd;
	border: none;
	border-radius: 5px;
}

.sns .con_ttl,
.photo .con_ttl {
	padding-top: 5px;
}

.etclink {
	display: flex;
	border-radius: 24px;
	box-shadow: 0 7px 30px rgba(0, 0, 0, .2);
}

.newsletter {
	position: relative;
	text-align: center;
	flex-basis: 50%;
	height: 460px;
	padding: 45px 40px;
	background: linear-gradient(to bottom, #fff 61%, #df463e 39%);
	border-radius: 24px 0 0 24px;
}

.newsletter_ttl {
	text-align: left;
	font-size: 28px;
	font-weight: normal;
	font-family: 'GmarketSansMedium';
}

.newsletter>img {
	width: 165px;
	margin-top: 30px;
	box-shadow: 0 7px 30px rgba(0, 0, 0, .2);
}

.newsletter_num {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}

.newsletter_num .month {
	position: relative;
	display: inline-block;
	color: #fff;
	margin-left: 15px;
	padding-left: 15px;
	/* padding-right:25px; */
}

.newsletter_num .month:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 1px;
	height: 16px;
	background: rgba(0, 0, 0, .1);
}

/* .newsletter_num .month:after {content:""; position:absolute; right:0; top:11px; width:0; height:0; border-top:10px solid #fff; border-right:7px solid transparent; border-left:7px solid transparent;} .newsletter_num>a.on:after {transform:rotate(180deg);} */
.newsletter_num>ul {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 86.5%;
	text-align: left;
	padding: 25px 30px;
	border-radius: 0 0 24px 24px;
	border-top: 1px solid rgba(0, 0, 0, .1);
	background: #df463e;
	z-index: 1;
}

.newsletter_num>ul>li {
	margin-top: 5px;
}

.newsletter_num>ul>li {
	font-size: 15px;
}

.newsletter_down {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.newsletter_down>a {
	flex-basis: 50%;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 60px;
}

.newsletter_down>a:nth-of-type(n+2) {
	border-left: 1px solid rgba(0, 0, 0, .1);
}

.newsletter_down>a>span {
	padding-left: 25px;
	background: url('../img/ic_view.png') no-repeat left center;
	background-size: 21px;
}

.newsletter_more {
	position: absolute;
	right: 40px;
	top: 52px;
	width: 36px;
	height: 12px;
}

.newsletter_more:before,
.newsletter_more:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	height: 3px;
	border-radius: 3px;
	background: #666;
}

.newsletter_more:before {
	bottom: 0;
	width: 100%;
}

.newsletter_more:after {
	bottom: 5px;
	width: 13px;
	transform: rotate(45deg);
}

.newsletter_more:hover:before,
.newsletter_more:hover:after {
	background: #df463e;
}

/*
.map {flex-basis:50%; padding:50px 40px; border-radius:0 24px 24px 0; background:#ffbb19 url('../img/map_bg.png') no-repeat right 35px;} .map_txt {color:#8f4029; letter-spacing:0; font-family:'GmarketSansMedium';} .map_ttl {margin-top:30px; color:#fff; font-size:20px; line-height:200%; font-family:'GmarketSansLight'; text-shadow:-1px 0 rgba(0,0,0,.3), 0 -1px rgba(0,0,0,.3), 1px 0 rgba(0,0,0,.3), 0 1px rgba(0,0,0,.3);} .map_ttl strong {font-size:32px;} .map_btn {display:block; text-align:center; width:128px; margin-top:30px; padding-top:3px; line-height:52px; font-size:20px; font-weight:bold; font-family:'GmarketSansMedium'; color:#fff; border-radius:52px; background:#C57900; background:#d98400;box-shadow:0 7px 30px rgba(0,0,0,.2);}
*/
.right_con {
	flex-basis: 50%;
	display: flex;
	flex-direction: column;
}

.map {
	flex-basis: 50%;
	padding: 35px 40px;
	border-radius: 0 24px 0px 0;
	background: #ffbb19 url('../img/map_bg_04.png') no-repeat right 18px;
	height: 50%;
}

.map_txt {
	color: #8f4029;
	letter-spacing: 0;
	font-family: 'GmarketSansMedium';
}

.map_ttl {
	margin-top: 10px;
	color: #fff;
	font-size: 20px;
	line-height: 200%;
	font-family: 'GmarketSansLight';
	text-shadow: -1px 0 rgba(0, 0, 0, .3), 0 -1px rgba(0, 0, 0, .3), 1px 0 rgba(0, 0, 0, .3), 0 1px rgba(0, 0, 0, .3);
}

.map_ttl strong {
	font-size: 32px;
}

.map_btn {
	display: block;
	text-align: center;
	width: 120px;
	margin-top: 10px;
	padding-top: 3px;
	line-height: 34px;
	font-size: 17px;
	font-weight: bold;
	font-family: 'GmarketSansMedium';
	color: #fff;
	border-radius: 52px;
	background: #C57900;
	/* background:#d98400;  */
	box-shadow: 0 7px 30px rgba(0, 0, 0, .2);
}

.pro {
	flex-basis: 50%;
	padding: 25px 40px;
	border-radius: 0 0px 24px 0;
	background: #c9c9c9 url(../img/map_bg_03.png) no-repeat right 50px;
}

.pro_btn {
	background: #545454 !important;
	margin-top: 30px !important;
}

.cdnews {
	padding-bottom: 60px;
	overflow: hidden;
}

.cdnews:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 100px;
	background: #DAF0FE;
	border-radius: 24px 0px 0px 96px;
	z-index: -1;
}

.cdnews_ttl {
	position: absolute;
	left: 50px;
	bottom: 0;
	font-size: 28px;
	font-weight: normal;
	font-family: 'GmarketSansMedium';
}

.cdnews_control {
	position: absolute;
	right: 5%;
	bottom: 0;
}

.cdnews_list {
	margin-left: 20px;
	padding-top: 40px;
}

.cdnews_list>ul {
	position: relative;
	white-space: nowrap;
	font-size: 0;
}

.cdnews_list>ul>li {
	display: inline-block;
	margin-left: 30px;
}

.cdnews_list>ul>li a {
	display: block;
	border-radius: 24px;
	box-shadow: 0 7px 30px rgba(0, 0, 0, .2);
	transition: .5s;
	overflow: hidden;
}

.cdnews_list>ul>li a:hover {
	transform: translateY(-15px);
}

/*bottom*/
.banner_w {
	width: 100%;
	margin: 24px 0;
}

.banner h3 {
	position: absolute;
	top: 5px;
	font-family: 'GmarketSansMedium';
	font-size: 21px;
	color: #666;
	font-weight: normal;
}

#banner_zone {
	display: flex;
	margin-left: 105px;
}

.banner .btn_banner {
	flex: 0 0 120px;
	padding: 3px 0;
	overflow: hidden;
}

.banner .btn_banner li {
	float: left;
	margin-left: 5px;
}

.banner .btn_banner li a {
	position: relative;
	display: block;
	width: 33px;
	height: 33px;
	text-indent: -5000px;
	border-radius: 14px;
	background: #2867dd;
	overflow: hidden;
}

.banner .btn_banner li a:before,
.banner .btn_banner li a:after {
	content: "";
	position: absolute;
	left: 15px;
	top: 10px;
	width: 3px;
	height: 13px;
	border-radius: 3px;
	background: #fff;
}

.banner .btn_banner li.btn_prev a:before {
	height: 12px;
	margin-top: -3px;
	transform: rotate(45deg);
}

.banner .btn_banner li.btn_prev a:after {
	height: 12px;
	margin-top: 3px;
	transform: rotate(-45deg);
}

.banner .btn_banner li.btn_stop a:before {
	margin-left: -3px;
}

.banner .btn_banner li.btn_stop a:after {
	margin-left: 4px;
}

.banner .btn_banner li.btn_next a:before {
	height: 12px;
	margin-top: -3px;
	transform: rotate(-45deg);
}

.banner .btn_banner li.btn_next a:after {
	height: 12px;
	margin-top: 3px;
	transform: rotate(45deg);
}

.banner .btn_banner li.btn_more a:before,
.banner .btn_banner li.btn_more a:after {
	transform: rotate(90deg);
}

.banner .btn_banner li.btn_more a:before {
	margin-top: -3px;
}

.banner .btn_banner li.btn_more a:after {
	margin-top: 3px;
}

#bannerList {
	position: relative;
}

.banner .list {
	flex: 1;
	padding: 3px 0;
	overflow: hidden;
	white-space: nowrap;
}

.banner .list li {
	position: relative;
	display: inline-block;
}

.banner .list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 1px;
	height: 12px;
	background: #c4c4c4;
}

.banner .list li a {
	margin: 0px 20px;
	font-size: 19px;
	color: #666;
	font-weight: 400;
}

.banner .list li a:hover {
	color: #333;
}

footer {
	padding: 30px 0;
	border-top: 1px solid #e5e7ee;
}

.related {
	margin: 0 auto;
}

.related .link {
	display: flex;
	justify-content: space-between;
}

.related .link>li {
	position: relative;
	flex-basis: 23.5%;
}

.related .link>li.on {
	border-radius: 6px;
	box-shadow: 0 7px 30px rgba(0, 0, 0, .2);
}

.related .link>li>a {
	position: relative;
	display: block;
	padding: 0 25px;
	color: #666;
	font-size: 18px;
	line-height: 60px;
	border-radius: 6px;
	font-weight: 400;
	background: #f5f5f5;
}

.related .link>li.on>a {
	border-radius: 0 0 6px 6px;
	background: #fff;
	z-index: 2;
}

.related .link>li>a:after {
	content: "";
	position: absolute;
	right: 25px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-bottom: 12px solid #8e8e8e;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}

.related .link>li>div {
	display: none;
	position: absolute;
	bottom: 60px;
	width: 100%;
	border-radius: 6px 6px 0 0;
	background: #fff;
	height: 350px;
	padding: 10px 0;
	overflow-y: scroll;
	box-shadow: 0 7px 30px rgba(0, 0, 0, .2);
}

.related .link>li.on>div {
	z-index: 1;
}

.related .link>li>div:after {
	content: "";
	position: absolute;
	left: 5%;
	right: 5%;
	bottom: 0;
	height: 1px;
	background: #f5f5f5
}

.related .link>li>div>ul {
	width: 90%;
	margin: 15px 0px 15px 7%;
	height: auto;
}

/* .related .link>li>div>ul::-webkit-scrollbar{margin:10px 0px; width:5px; height:20px;} .related .link>li>div>ul::-webkit-scrollbar-track-piece{background:#777} .related .link>li>div>ul::-webkit-scrollbar-thumb{background:#bebebe} */
.related .link>li>div>ul li a {
	padding: 3px;
	display: block;
	color: #666;
	font-size: 16px;
}

.footer_con {
	margin: 40px auto;
}

.footer_menu {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.footer_menu>li {
	position: relative;
	margin-right: 20px;
	padding-right: 20px;
}

.footer_menu>li:nth-of-type(n+2):before {
	content: "";
	position: absolute;
	left: -20px;
	top: 8px;
	width: 1px;
	height: 12px;
	background: #c4c4c4;
}

.footer_menu>li>a {
	font-size: 17px;
	color: #666;
	font-weight: 400;
}

.footer_menu>li:first-child>a {
	color: #2867dd;
	font-weight: 700;
}

.footer_con address {
	font-size: 17px;
	color: #666;
	font-weight: 400;
}

.footer_con address .tel {
	position: relative;
	margin-left: 20px;
	padding-left: 20px;
}

.footer_con address .tel:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 1px;
	height: 12px;
	background: #c4c4c4;
}

.copyright {
	margin-top: 40px;
	color: #767676;
	letter-spacing: 0;
}

.wa_mark {
	position: absolute;
	right: 0;
	bottom: 0;
}

.btn_top {
	display: none;
}

/*only pc*/
@media all and (min-width:1111px) {

	.dp_mb,
	.pc_hidden {
		display: none;
	}

	header {
		border-bottom: 1px solid #e5e7ee;
	}

	#top {
		display: flex;
		align-items: center;
	}

	#top h1 {
		flex-basis: 160px;
	}

	#top nav {
		flex: 1;
		margin-left: 7%;
		margin-right: 13%;
	}

	#lnb>ul {
		display: flex;
	}

	#lnb>ul>li {
		flex: 1 1 16.6%;
	}

	#lnb>ul>li>a {
		text-align: center;
		font-size: 22px;
		font-weight: 500;
		line-height: 100px;
	}

	#lnb>ul>li>a.select {
		color: #2867dd;
		text-decoration: underline;
	}

	/*	#top nav .submenu {display:none; position:absolute; left:0; right:0; top:151px; background:#fff; border-top:1px solid #e5e7ee; border-bottom:1px solid #e5e7ee; z-index:500;} 	#top nav .submenu>ul {max-width:1600px; margin:0 auto;} 	#top nav .submenu>ul>li {float:left; padding:1% 2% 0%; width:20%;} 	#top nav #lnb>ul>li.menu1 div.submenu>ul>li {width:25%;} 	#top nav #lnb>ul>li.menu1 div.submenu>ul>li {min-height:480px;} 	#top nav #lnb>ul>li.menu2 div.submenu>ul>li {min-height:420px;} 	#top nav #lnb>ul>li.menu2 div.submenu>ul>li.height {min-height:280px;} 	#top nav #lnb>ul>li.menu3 div.submenu>ul>li {min-height:730px;} 	#top nav #lnb>ul>li.menu3 div.submenu>ul>li>ul {min-height:100px;} 	#top nav #lnb>ul>li.menu3 div.submenu>ul>li>a+a {margin-top:50px;} 	#top nav #lnb>ul>li.menu4 div.submenu>ul>li {min-height:350px;} 	#top nav #lnb>ul>li.menu4 div.submenu>ul>li.height {min-height:175px;} 	#top nav #lnb>ul>li.menu5 div.submenu>ul>li {min-height:350px;}				#top nav #lnb>ul>li.menu5 div.submenu>ul>li.height {min-height:175px;} 	#top nav .submenu>ul>li.menu4_submenu {border-right:1px solid #d8d8d8;}		#top nav .submenu>ul>li>a {display:inline-block; text-align:center; min-width:200px; padding:0 20px; line-height:52px; font-weight:500; font-size:20px; color:#fff; border-radius:28px 28px 28px 4px; background:#2867dd; } 	#top nav .submenu>ul>li>a+a, #top nav .submenu>ul>li ul+a {margin-top:30px;} 	#top nav .submenu>ul>li ul {padding:15px 0px 0px 15px; overflow:hidden;} 	#top nav .submenu>ul>li ul li {margin-top:3px;} 	#top nav .submenu>ul>li ul li a {position:relative; display:block; padding-left:15px; font-weight:400;} 	#top nav .submenu>ul>li ul li a:before {content:""; position:absolute; left:0; top:7px; width:2px; height:8px; border-radius:2px; background:#bfcad0; transform:rotate(45deg);} 	#top nav .submenu>ul>li ul li a:hover {text-decoration:underline; color:#2867dd; } 	#top nav .submenu>ul>li ul li a:hover:before {background:#2867dd; } 	#top nav #lnb>ul.add_site.dp_add_site {display:block; right:5%;}*/
	#top nav #lnb>ul>li div.submenu {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 183px;
		background: #fff;
		border-top: 1px solid #d8d8d8;
		border-bottom: 1px solid #d8d8d8;
		z-index: 500;
	}

	#top nav #lnb>ul>li div.submenu>ul {
		max-width: 1600px;
		margin: 0 auto;
		border-right: 1px solid #d8d8d8;
		overflow: hidden;
	}

	#top nav #lnb>ul>li div.submenu>ul>li {
		float: left;
		padding: 1% 2% 0%;
		width: 20%;
		border-left: 1px solid #d8d8d8;
	}

	#top nav #lnb>ul>li.menu1 div.submenu>ul>li {
		width: 25%;
	}

	#top nav #lnb>ul>li.menu1 div.submenu>ul>li {
		min-height: 480px;
	}

	#top nav #lnb>ul>li.menu1 div.submenu>ul>li:nth-child(n+5) {
		min-height: 250px;
	}

	#top nav #lnb>ul>li.menu2 div.submenu>ul>li {
		min-height: 450px;
	}

	#top nav #lnb>ul>li.menu2 div.submenu>ul>li.height {
		min-height: 280px;
	}

	#top nav #lnb>ul>li.menu3 div.submenu>ul>li {
		min-height: 930px;
	}

	#top nav #lnb>ul>li.menu3 div.submenu>ul>li>ul {
		min-height: 100px;
	}

	#top nav #lnb>ul>li.menu3 div.submenu>ul>li>a+a {
		margin-top: 50px;
	}

	#top nav #lnb>ul>li.menu4 div.submenu>ul>li {
		min-height: 350px;
	}

	#top nav #lnb>ul>li.menu4 div.submenu>ul>li.height {
		min-height: 175px;
	}

	#top nav #lnb>ul>li.menu5 div.submenu>ul>li {
		min-height: 350px;
	}

	#top nav #lnb>ul>li.menu5 div.submenu>ul>li.height {
		min-height: 175px;
	}

	#top nav #lnb>ul>li div.submenu>ul>li.menu4_submenu {
		border-right: 1px solid #d8d8d8;
	}

	#top nav #lnb>ul>li div.submenu>ul>li>a {
		display: block;
		padding: 8px 20px;
		font-weight: 500;
		font-size: 16px;
		background: #efefef;
		color: #333;
	}

	#top nav #lnb>ul>li div.submenu>ul>li>a+a,
	#top nav #lnb>ul>li div.submenu>ul>li ul+a {
		margin-top: 30px;
	}

	#top nav #lnb>ul>li div.submenu>ul>li ul {
		padding: 15px 0px 0px 15px;
		/* overflow:hidden; */
	}

	#top nav #lnb>ul>li div.submenu>ul>li ul li {
		margin-bottom: 2px;
	}

	#top nav #lnb>ul>li div.submenu>ul>li ul li a {
		display: block;
		padding: 0px 0px 1px 10px;
		background: url(/main/images/inc/submenu_blet.gif) no-repeat left 10px;
		font-size: 15px;
	}

	#top nav #lnb>ul.add_site.dp_add_site {
		display: block;
		right: 2%;
	}

	#top nav #lnb>ul>li.menu4 div.submenu div.height190 {
		min-height: 190px;
	}

	.container:before {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		bottom: 555px;
		width: 36%;
		height: 374px;
		background: #FAFAFA;
	}

	.container:after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 488px;
		background: url('../img/adminbg_left.png') no-repeat left bottom, url('../img/adminbg_right.png') no-repeat right top, linear-gradient(to left, #ecf2ff, #f7faff);
		z-index: -1
	}

	.board_tab {
		position: absolute;
		top: 0;
		display: block;
		text-align: center;
		width: 160px;
		line-height: 52px;
		color: #2867dd;
		font-weight: 500;
		font-size: 20px;
		border: 1px solid #2867dd;
		border-radius: 28px 4px 28px 28px;
		transition: border-radius .3s;
	}

	.board>div:nth-of-type(1) .board_tab {
		right: 672px;
	}

	.board>div:nth-of-type(2) .board_tab {
		right: 504px;
	}

	.board>div:nth-of-type(3) .board_tab {
		right: 336px;
	}

	.board>div:nth-of-type(4) .board_tab {
		right: 168px;
	}

	.board>div:nth-of-type(5) .board_tab {
		right: 0;
	}

	.board>div .con_ttl {
		display: none;
		margin-top: 10px;
	}

	.board>div.on .con_ttl {
		display: block;
	}

	.on .board_tab {
		color: #fff;
		background: #2867dd;
		box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.2);
		border-radius: 28px 28px 28px 4px;
	}

	/* .ystv {padding-right:30px;} */
	.ystv ul li {
		padding: 18px 0 10px;
	}

	.ystv ul li dl {
		min-height: 165px;
	}

	.ystv ul li dl dt a {
		max-height: 81px;
		overflow: hidden;
		display: block;
	}

	.admin .con_ttlBox .ttl_txt span {
		display: block;
	}
}

@media screen and (max-width:1600px) {
	.add_site {
		display: none !important;
	}

	.slpzone01:before,
	.slpzone01:after {
		display: none;
	}

	.board {
		padding-bottom: 50px;
	}

	.board_more {
		right: 50%;
		top: auto;
		bottom: 0;
		margin-right: -15px;
	}

	/* #tpZone .toppzone .list li img {max-width:120%; margin-left:-10%;} */
}

@media screen and (max-width:1350px) {

	#contents .con08,
	#contents .con09,
	#contents .con13,
	#contents .con14 {
		flex-basis: 100%;
		margin-right: -2%;
	}

	#contents .con10 {
		flex-basis: 100%;
		max-width: none;
	}

	#contents .con11 {
		position: relative;
		left: 0;
		bottom: auto;
		right: 0;
		margin-right: -2%;
	}

	.img_list {
		width: 100%;
		overflow-x: scroll;
	}

	.photo .img_list>ul>li {
		width: 31.5%;
	}

	.img_list>ul>li:nth-of-type(n+2) {
		margin-left: 1% !important;
	}

	.wa_mark {
		display: none;
	}
}

/*1차분기점*/
@media screen and (max-width:1110px) {
	body.hidden-y {
		height: 100%;
		overflow: hidden;
	}

	h1 {
		text-align: center;
		padding: 18px;
	}

	h1 img {
		width: 132px;
	}

	.gnb_right {
		position: absolute;
		right: 1%;
		top: 18px;
	}

	#top nav h2 a {
		position: absolute;
		left: 4%;
		top: 67px;
		width: 32px;
		height: 14px;
	}

	#top nav h2 a:before,
	#top nav h2 a:after {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		border-radius: 3px;
		background: #2867dd;
	}

	#top nav h2 a:before {
		top: 0;
	}

	#top nav h2 a:after {
		bottom: 0;
	}

	#gnb .family {
		/* display:none; */
		position: fixed;
		left: -100%;
		top: 115px;
		width: 100%;
		padding: 0 10px;
		background: #f5f5f5;
		overflow-x: scroll;
		z-index: 100;
		transition: .5s;
	}

	#gnb .family.family-open {
		left: 0;
	}

	#gnb .family>ul {
		white-space: nowrap;
	}

	#gnb .family>ul>li>a {
		color: #333;
		font-weight: 400;
		font-size: 13px;
		padding: 0 10px;
	}

	#gnb .family>ul>li.f_list {
		display: none;
	}

	/* .allmenu_close {display:none; position:fixed; right:5%; top:22px; background:none;} */
	.mt #lnb,
	.mt #gnb .family {
		margin-top: 120px;
	}

	/*슬라이딩팝업존재하면_자동적용*/
	#lnb {
		position: fixed;
		left: -100%;
		top: 165px;
		bottom: 0;
		width: 100%;
		background: #fff;
		z-index: 100;
		transition: .5s;
	}

	#lnb:before {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 35%;
		height: 100%;
		background: #2867dd;
	}

	#lnb.lnb-open {
		left: 0;
	}

	#lnb>ul>li>a {
		position: relative;
		display: block;
		width: 35%;
		padding: 10px 20px;
		color: #fff;
		font-weight: 400;
		font-size: 20px;
	}

	#lnb>ul>li.menu1>a {
		margin-top: 10px;
	}

	#lnb>ul>li.menu-open>a {
		color: #fffc00;
		font-weight: 500;
		text-decoration: underline;
	}

	.submenu {
		display: none;
		position: absolute;
		left: 35%;
		top: 0;
		width: 65%;
		height: 100%;
		padding: 10px 3% 100px;
		overflow-y: scroll;
	}

	#lnb>ul>li.menu-open .submenu {
		display: block;
	}

	.submenu>ul>li>a {
		position: relative;
		display: block;
		padding: 5px 0 5px 12px;
	}

	.submenu>ul>li>a:before {
		content: "";
		position: absolute;
		left: 0;
		top: 15px;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #333;
	}

	.submenu>ul>li>a.on {
		color: #2867dd;
		font-weight: 500;
	}

	.submenu>ul>li>a.on:before {
		background: #2867dd;
	}

	.submenu>ul>li>ul {
		display: none;
		margin-top: 5px;
		margin-bottom: 10px;
		padding: 20px;
		background: #f5f5f5;
	}

	.submenu>ul>li>ul>li {
		margin-bottom: 5px;
	}

	.allmenu {
		display: none;
	}

	.container {
		margin: 0;
	}

	#contents {
		gap: 1.5em;
	}

	#contents .con01 {
		display: none;
	}

	#contents .con03 {
		margin-top: -15px;
	}

	.search {
		border-radius: 12px;
	}

	.more_btn {
		margin-right: 2%;
	}

	.poopupzone:after {
		display: none;
	}

	#Hslider_onx ul.visual_btn {
		right: 0;
		top: 0;
		left: auto;
	}

	/* .poopupzone .con_ttl {display: none;}
	#Hslider_onx ul.visual_btn {position: static;}
	#Hslider_onx ul.visual_list {margin-top: 0;}
	.visual_btn .cnt, 	.visual_btn .btn_stop {display: none;}
	.visual_btn .btn_prev, 	.visual_btn .btn_next {position: absolute; top: 40%; z-index: 5;}
	.visual_btn .btn_prev {left: 2%;}
	.visual_btn .btn_next {right: 2%; margin-right: 40px;}
	.control_btn>li>a:before, 	.control_btn>li>a:after {width: 48px !important; height: 6px !important; background: #fff !important;}
	.control_btn>li.btn_prev>a:after {margin-top: 30px !important;}
	.control_btn>li.btn_next>a:before {margin-top: 30px !important;} */
	.headman {
		border-radius: 12px;
		overflow: hidden;
	}

	.headman:after {
		top: 5px;
		bottom: 0;
	}

	.board,
	.admin {
		margin-bottom: 20px;
	}

	/* .board h3 {float:left; margin-right:20px;} */
	.board h3.con_ttl {
		display: none;
	}

	.board_tab {
		position: absolute;
		top: 0;
		display: block;
		text-align: center;
		width: 25%;
		line-height: 70px;
		font-weight: 400;
		font-size: 20px;
		border-bottom: 1px solid #ddd;
	}

	.board>div:nth-of-type(1) .board_tab {
		left: 0;
	}

	.board>div:nth-of-type(2) .board_tab {
		left: 20%;
	}

	.board>div:nth-of-type(3) .board_tab {
		left: 40%;
	}

	.board>div:nth-of-type(4) .board_tab {
		left: 60%;
	}

	.board>div:nth-of-type(5) .board_tab {
		left: 80%;
	}

	.on .board_tab {
		color: #2867dd;
		border-bottom-color: #2867dd;
	}

	.board_list {
		margin-top: 95px;
	}

	.board_list>ul>li {
		flex-basis: 30%;
	}

	.board_list>ul>li:nth-of-type(n+4) {
		display: none;
	}

	.favorite {
		padding: 50px 30px;
		border-radius: 12px;
	}

	.favorite .con_ttl br {
		display: none;
	}

	.favorite_more {
		border-radius: 14px;
	}

	.sns {
		margin: 5% 0 3%;
	}

	.sns_link {
		left: auto;
		right: 2%;
	}

	.img_list>ul>li {
		border-radius: 12px;
		width: 300px !important;
	}

	.photo_link {
		right: 3%;
	}

	.etclink {
		margin: 1% 0;
		border-radius: 12px;
	}

	.newsletter {
		border-radius: 12px 0 0 12px;
	}

	.newsletter_num>ul {
		border-radius: 0 0 12px 12px;
	}

	.newsletter_num a:before {
		display: none;
	}

	.map {
		border-radius: 0 12px 0 0;
	}

	.pro {
		border-radius: 0 0 12px 0;
	}

	.cdnews {
		padding-bottom: 30px;
	}

	.cdnews:before {
		border-radius: 12px 0 0 96px;
	}

	.cdnews_ttl,
	.cdnews_control {
		display: none;
	}

	.cdnews_list>ul>li {
		margin-left: 10px;
	}

	.cdnews_list>ul>li a {
		border-radius: 12px;
	}

	.ystv {
		margin: 3% 0;
	}

	.ystv .tvWrap {
		overflow-x: scroll;
	}

	.ystv .tvList {
		display: flex;
		gap: 10px;
		max-width: 340px;
		width: 100%;
	}

	.ystv ul {
		gap: 16px
	}

	.ystv ul li dl {
		gap: 24px
	}

	.ebookBox .right_con {
		right: 8%;
	}

	.admin {
		background: url('../img/adminbg_right.png') no-repeat right top, linear-gradient(to left, #ecf2ff, #f7faff);
	}

	.admin .con_ttlBox {
		flex-basis: 100%;
		gap: 12px;
		background: none;
	}

	.admin .admin_list {
		flex-basis: 100%;
		gap: 14px;
	}

	.admin .admin_list a {
		width: calc(25% - 14px);
	}

	.banner_w {
		display: none;
	}

	.related .link>li>a {
		font-size: 15px;
	}

	footer {
		border-top: 0;
	}

	.footer_menu {
		/* display: none; */
		flex-direction: column;
	}

	.footer_menu>li {
		margin-right: 0;
		padding-right: 0;
	}

	.footer_menu>li>a {
		font-size: 13px;
	}

	.footer_con {
		text-align: center;
	}

	.footer_con address {
		color: #666;
		font-size: 15px;
	}

	.footer_con address .tel {
		display: block;
		padding-left: 0;
		margin-left: 0;
		margin-top: 5px;
	}

	.footer_con address .tel:before {
		display: none;
	}

	#tpZone .toppzone .list li img {
		max-width: 150%;
		margin-left: -25%;
	}
}

@media screen and (max-width:800px) {
	#Hslider_onx ul.visual_list>li img.pc {
		display: none;
	}

	#Hslider_onx ul.visual_list>li img.mb {
		display: block;
	}

	#allvpzone .allvpzoneBox img.pc {
		display: none;
	}

	#allvpzone .allvpzoneBox img.mb {
		display: block;
	}

	#allvpzone .allvpzoneBox>div {
		flex-direction: column;
	}

	/* .favorite_list>ul>li {flex-basis:25%;} 	.favorite_list>ul>li:nth-of-type(9) {display:none;} 메인 아이콘 원본 css */
	.admin_list>li {
		flex-basis: 31.5%
	}

	.favorite_list>ul>li {
		flex-basis: 20%;
	}

	.favorite_list>ul>li:nth-of-type(10) {
		display: block;
	}

	.board>div:nth-of-type(3) .board_tab {
		letter-spacing: -1.5px;
	}
}

@media screen and (max-width:640px) {
	.slpzone01 {
		height: 85px;
	}

	.mt #lnb,
	.mt #gnb .family {
		margin-top: 80px;
	}

	/*슬라이딩팝업존재하면_자동적용*/
	#contents .con10 {
		display: block;
	}

	.favorite_list>ul>li>a {
		font-size: 14px;
	}

	.etclink {
		box-shadow: none;
	}

	.newsletter {
		border-radius: 8px;
		box-shadow: 0 7px 30px rgba(0, 0, 0, .2);
	}

	.map {
		margin-top: 5%;
		border-radius: 8px 8px 0 0;
	}

	.pro {
		padding: 35px 40px;
		border-radius: 0 0 8px 8px;
		background-position: right 30px;
	}

	.pro_btn {
		margin-top: 20px !important;
	}

	.sns {
		padding-bottom: 60px;
	}

	/* .admin .con_ttl, .sns .con_ttl, .photo .con_ttl {text-align:center;} */
	/* .sns_link, .photo_link {top:auto; bottom:0; left:0; text-align:center;} */
	.sns_link img {
		width: 33px;
	}

	.sns_link>li>a {
		display: block;
		border-radius: 50%;
		overflow: hidden;
	}

	.photo_link>li {
		width: calc(50% - 7px);
	}

	.photo_link>li>a {
		width: 100%;
		border-radius: 8px;
	}

	.img_list {
		margin-top: 10px;
	}

	#tpZone .toppzone>div {
		display: none;
	}

	.ebookBox {
		flex-direction: column-reverse;
		align-items: center;
		gap: 50px;
		text-align: center;
	}

	.ebookBox .right_con {
		position: static;
		align-items: center;
		max-width: 100%;
		width: 100%;
	}

	.ebookBox .left_con {
		width: 100%;
	}

	.ebookBox .selectBox .familyLinkBox {
		max-width: none;
		flex-basis: 76%
	}

	.admin {
		padding: 4% 3%;
	}

	.board_tab {
		font-size: 16px;
	}

	#allvpzone .allvpzoneBox ul li {
		width: 100%;
		margin-bottom: 1%;
	}
}

@media screen and (max-width:480px) {
	.slpzone01>p {
		margin: 5px 10px 0;
	}

	h1 img {
		width: 100px;
	}

	.mb_block {
		display: block;
	}

	.gnb_right {
		top: 20px;
	}

	.gnb_menu>li {
		margin-left: 10px;
	}

	.gnb_menu>li>a {
		width: 36px;
		height: 36px;
		text-indent: -100%;
		font-size: 0;
		line-height: 0;
		overflow: hidden;
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.gnb_menu>li:after,
	.gnb_menu>li>a:after {
		display: none !important;
	}

	.gnb_menu>li.login>a {
		background-image: url('../img/ic_user.png');
	}

	.gnb_menu>li.lang>a {
		background-image: url('../img/ic_global.png');
	}

	.gnb_menu>li.mypage>a {
		background-image: url('../img/ic_mypage.png');
	}

	#top nav h2 a,
	#gnb .family,
	#lnb {
		margin-top: -4px;
	}

	/*로고 높이 작아지면서 위로 동일한 크기로 올림*/
	#lnb>ul>li>a {
		font-size: 15px;
	}

	.submenu>ul>li>a {
		font-size: 14px;
	}

	.submenu>ul>li>ul>li>a {
		font-size: 12px;
	}

	#contents {
		gap: 1em;
	}

	.con_ttl {
		font-size: 24px;
	}

	.more_btn {
		font-size: 15px;
		padding-left: 18px;
	}

	.more_btn:before,
	.more_btn:after {
		top: 7px;
		width: 13px;
	}

	.search_ttl {
		width: 90px;
		line-height: 48px;
		font-size: 13px;
	}

	.search input[type=text] {
		font-size: 13px;
	}

	#contents .con03 {
		min-width: auto;
	}

	.mlink>li>a {
		font-size: 13px;
	}

	.headman {
		padding: 25px 30px;
		margin-bottom: 0;
	}

	.headman:after {
		left: 45%;
		right: auto;
		max-width: 75%;
	}

	.headman_ttl {
		font-size: 20px;
	}

	.headman_ttl span {
		font-size: 16px;
	}

	.headman_list li a {
		font-size: 16px;
		font-weight: normal;
	}

	.board h3,
	.board .con_txt {
		display: none;
	}

	.board_tab {
		top: 0;
		font-size: 15px;
		line-height: 60px;
	}

	.board_list {
		margin-top: 85px;
	}

	.board_list>ul {
		display: block;
	}

	.board_list>ul>li {
		position: relative;
		display: block !important;
		margin-top: 10px;
		margin-left: 10px;
		padding-left: 15px;
	}

	.board_list>ul>li:before {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		top: 10px;
		width: 4px;
		height: 4px;
		border-radius: 50%;
		background: #222;
	}

	.board_list .ttl {
		height: auto;
		font-size: 16px;
	}

	.board_list .txt,
	.board_list .date {
		display: none;
	}

	.board_more {
		width: 100%;
		right: 0;
		margin-right: 0;
		border-radius: 8px;
	}

	.board>div:nth-of-type(3) .board_tab {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.admin_list {
		margin-top: 5px;
	}

	.admin_list>li>a {
		font-size: 12px;
	}

	.adm {
		padding-top: 50px;
	}

	.adm:before {
		transform: translateX(-50%) scale(.62);
		left: 40px;
		top: 10px;
	}

	.favorite {
		padding: 30px 20px 50px;
	}

	.favorite .con_ttl {
		white-space: nowrap;
		left: 50%;
		transform: translateX(-50%);
		top: -15px;
		padding: 0 20px;
	}

	.favorite .con_ttl:before {
		top: 10px;
	}

	.favorite .con_ttl:after {
		top: 10px;
	}

	.favorite_list>ul>li>a {
		font-size: 12px;
	}

	.favorite_more {
		border-radius: 50%;
	}

	.fic {
		padding-top: 55px;
	}

	.fic:before {
		transform: translateX(-50%) scale(.62);
	}

	.ystv .con_ttlBox {
		padding-left: 58px;
	}

	.ystv .con_ttlBox:before {
		top: -6px;
		width: 46px;
		height: 34px;
		border-radius: 12px;
	}

	.ystv .con_ttlBox:after {
		top: 4px;
	}

	.ystv ul li dl dt a {
		font-size: 16px;
	}

	.admin .admin_list a {
		width: calc(50% - 7px);
		text-align: left;
		padding: 10px 10px 10px 72px;
		font-size: 15px;
	}

	.newsletter {
		height: 450px;
	}

	.newsletter_ttl {
		font-size: 24px;
	}

	.newsletter_num {
		margin-top: 15px;
		font-size: 15px;
	}

	.map {
		background-position: right 18px top 20px;
		background-size: 60%;
	}

	.map_ttl,
	.map_btn {
		margin-top: 13px;
	}

	.map_txt {
		font-size: 12px;
	}

	.map_ttl {
		font-size: 16px;
	}

	.map_ttl strong {
		font-size: 24px;
	}

	.map_btn {
		width: 102px;
		font-size: 16px;
		line-height: 36px;
	}

	.pro {
		background-position: right 14px bottom -36px;
		background-size: 60%;
	}

	.cdnews_list {
		margin-left: 5px;
		padding-top: 15px;
	}

	.cdnews_list>ul>li>a {
		border-radius: 8px;
		box-shadow: none;
	}

	.related .link {
		flex-wrap: wrap;
	}

	.related .link>li {
		flex-basis: 100%;
		margin-top: 5px;
	}

	.related .link>li>a {
		line-height: 52px;
	}

	.related .link>li>div {
		bottom: 52px;
	}

	.sns_link>li {
		margin-right: 3px;
	}

	footer {
		padding: 0;
	}

	.footer_con {
		margin: 20px auto;
	}

	.footer_con address {
		font-size: 13px;
	}

	.footer_con address .tel {
		margin-top: 0;
	}

	.copyright {
		margin-top: 5px;
		font-size: 11px;
	}

	.btn_top {
		display: block;
		text-align: center;
		line-height: 48px;
		font-size: 13px;
		color: #fff;
		background: #666;
	}
}

/*focus ring style*/
*:focus-visible {
	outline: 2px dashed #e4004b;
	box-shadow: -4px -4px 0 #fff, 4px 4px 0 #fff, -4px 4px 0 #ffff, 4px -4px 0 #fff, 0 -4px 0 #fff, 0 4px 0 #fff, 4px 0 0 #fff, -4px 0 0 #fff;
	z-index: 999999999;
}

input:focus-visible,
select:focus-visible {
	outline: 2px solid #e4004b;
}

/*popupzone focus ring*/
.poopupzone .visual_list a:focus-visible {
	position: relative;
	border: 0;
	outline: 0;
	box-shadow: none;
}

.poopupzone .visual_list a:focus-visible:after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 10%;
	border: #e4004b dashed 3px;
	border-radius: 5px 15px 15px;
	content: "";
}

.poopupzone .visual_list a:focus-visible:before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 10%;
	border: #fff solid 5px;
	border-radius: 5px 15px 15px;
	content: "";
}

.board_list>ul>li a:focus-visible {
	position: relative;
	border: 0;
	outline: 0;
	box-shadow: none;
}

.board_list>ul>li a:focus-visible:after {
	position: absolute;
	left: -3px;
	top: -3px;
	right: -3px;
	bottom: -3px;
	border: #e4004b dashed 2px;
	border-radius: 3px;
	content: "";
}

.con08 .img_list a:focus-visible,
.con09 .img_list a:focus-visible {
	position: relative;
	border: 0;
	outline: 0;
	box-shadow: none;
}

.con08 .img_list a:focus-visible:after,
.con09 .img_list a:focus-visible:after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: #e4004b dashed 2px;
	border-radius: 23px;
	z-index: 1;
	content: "";
}

.con08 .img_list a:focus-visible:before,
.con09 .img_list a:focus-visible:before {
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	border: #fff solid 5px;
	border-radius: 23px;
	z-index: 1;
	content: "";
}

.ystv ul li dl dt a:focus-visible:before {
	outline: 0;
	box-shadow: none;
	border: 2px dashed #e4004b;
}

.layerpop {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 500000;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
}

.layerpop img {
	width: 100%;
}

.layerpop>p {
	overflow: hidden;
	font-size: 0;
}

.layerpop>div.layer_foot {
	padding: 0 10px;
	height: 47px;
	background: #23498d;
	text-align: right;
	line-height: 46px;
	font-weight: 500;
}

.layerpop>div label {
	color: #fff;
	font-size: 14px;
}

.layerpop>div input[type=button] {
	margin-left: 20px;
	padding: 7px 20px 10px 20px;
	height: 31px;
	border: 0px;
	background: #fff;
	color: #373737;
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
}

@media all and (max-width:460px) {
	.layerpop {
		top: 5%;
		left: 0;
	}
}