/* 특례시란 */
.special_city_title{position: relative;padding-bottom: 88px;}
.special_city_title:after{content: "";position: absolute;left: calc(100% / 2 - 27px);display: block;width: 55px;height: 71px;background-image: url(/resources/www/images/content/special_city_title_arr.png);background-position: center;}
.bd_line_blue{display: block;text-align: center;padding-bottom: 48px;}
.bd_line_blue span{display: inline-block;padding: 15px 20px;margin: 0 auto;background-color: #fff;border: 1px solid #6088df;border-radius: 5px;box-shadow: 5.5px 9.526px 11.96px 1.04px rgba(122, 169, 255, 0.15);box-sizing: border-box;font-size: 16px;color: #6088df;font-weight: 600;text-align: center;word-break: keep-all;}
.special_city_with{max-width: 580px;margin: 0 auto;}
.bd_clr_blue{display: block;text-align: center;}
.bd_clr_blue span{display: inline-block;padding: 11px 15px;margin: 0 auto;background-color: #6088df;border-radius: 5px;box-sizing: border-box;font-size: 14px;color: #fff;font-weight: 600;text-align: center;}
.bd_clr_blue span em{color: #fff09b;font-weight: 800;font-style: normal;}
.pattern_box{padding: 8px;background-image: url(/resources/www/images/content/bg_pattern_box.jpg);background-repeat: repeat;}
.pattern_box > p{padding: 30px 20px; background-color: #fff;font-size: 18px;color: #222;line-height: 1.556;font-weight: 600;text-align: center;}
.pattern_box > p > span{font-size: 24px;color: #6088df;font-weight: 800;word-break: keep-all;}
.special_city_il{position: relative;margin-top: 70px;background-color: #fff;border: 1px solid #6088df;border-radius: 10px;box-sizing: border-box;}
.special_city_il h6{position: absolute;left: 50%;top: -31px;width: 316px;height: 59px;padding-top: 10px;margin-left: -158px;background-image: url(/resources/www/images/content/img_special_city_il_title.jpg);background-repeat: no-repeat;font-size: 22px;color: #fff;font-weight: 800;text-align: center;}
.special_city_il h6 span{color: #fff09b;}
.special_city_il ul{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 65px 50px 50px;}
.special_city_il ul li p{position: relative;display: block;width: 126px;height: 36px;line-height: 34px;margin: -20px auto 0;background-color: #474e60;border-radius: 30px;font-size: 16px;color: #fff;font-weight: 600;text-align: center;}
.special_city_il ul li.same{width: 193px;text-align: center;}
.special_city_il ul li.same span{position: relative;display: block;padding-top: 35px;font-size: 18px;color: #6088df;font-weight: 600;z-index: 1;}
.special_city_il ul li.same span:before{content: "";position: absolute;top: 0;left: 50%;display: block;width: 28px;height: 13px;margin-left: -14px;background-image: url(/resources/www/images/content/icon_same.png);background-repeat: no-repeat;}
.special_city_il ul li.same span:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: block;width: 100%;max-width: 109px;height: 12px;background-color: #eef4ff;border-radius: 30px;z-index: -1;}
.special_city_box{display: -webkit-box;display: -ms-flexbox;display: flex;}
.special_city_box > li{width: 33.3%;text-align: center;}
.special_city_box > li + li{margin-left: 20px;}
.special_city_box > li > img{width: 100%;}
.special_city_box > li > p.tit{display: -webkit-box;display: -ms-flexbox;display: flex;min-height: 59px;font-size: 18px;color: #fff;font-weight: 800;line-height: 1.4;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.special_city_box > li:nth-child(1) > p.tit{background-color: #6088df;}
.special_city_box > li:nth-child(2) > p.tit{background-color: #426ac2;}
.special_city_box > li:nth-child(3) > p.tit{background-color: #55acb4;}
/* 20221209 start */
.special_city_box > li:nth-child(3) > p.tit{background-color: #237988;}
/* 20221209 end */
.special_city_box > li > p.tit small{font-size: 14px;font-weight: 400;}
.special_city_box > li > p.txt{min-height: 135px;padding: 15px 10px;border: 1px solid #000;box-sizing: border-box;font-size: 14px;color: #333;line-height: 1.714;letter-spacing: -0.5px;word-break: keep-all;}
.special_city_box > li:nth-child(1) > p.txt{border-color: #6088df;}
.special_city_box > li:nth-child(2) > p.txt{border-color: #426ac2;}
.special_city_box > li:nth-child(3) > p.txt{border-color: #55acb4;}

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

	/* 특례시란 */
	.special_city_box > li > p.txt br{display: none;}

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

	/* 특례시란 */
	.bd_line_blue{padding-bottom: 20px;}
	.bd_line_blue span{font-size: 14px;}
	.pattern_box > p{padding: 10px;font-size: 16px;}
	.pattern_box > p > span{font-size: 20px;}
	.pattern_box > p br{display: none;}
	.special_city_il{margin-top: 50px;}
	.special_city_il h6{top: -26px;width: 260px;height: 49px;padding-top: 10px;margin-left: -130px;background-size: 100%;font-size: 16px;}
	.special_city_il ul{padding: 30px 10px 10px;}
	.special_city_il ul li p{width: 100px;height: 30px;line-height: 28px;margin: -10px auto 0;font-size: 14px;}
	.special_city_il ul li.same span{padding-top: 25px;font-size: 14px;}
	.special_city_box{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.special_city_box > li{width: 100%;}
	.special_city_box > li + li{margin-left: 0;margin-top: 10px;}
	.special_city_box > li > p.tit{min-height: 50px;font-size: 16px;}
	.special_city_box > li > p.txt{min-height: auto;padding: 10px;}

}