@charset "UTF-8";

/*== 공통 ==*/

/*== HEADER ==*/
header.sub {
	background: #002e73;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 100;
}

header.sub:before,
header.sub:after {
	opacity: 1;
	background-size: 100% auto;
}


/* 맨위로 - 숨김 */
.move_top.btn_top {
	display: none !important;
}

/* 숨김 */
.blind {
	text-indent: -10000000000000000px !important;
	line-height: 0 !important;
	position: absolute !important;
	font-size: 0;
}

/* 원자력점검결과 */
*[class*="nuclearIco-"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	line-height: 1.1;
	width: 60px;
	height: 22px;
	padding-bottom: 3px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../../images/2021/nuclearIco-basic.png');
}

/* ^ 종류 */
.nuclearIco-G {
	background-image: url('../../images/2021/nuclearIco-G.png');
}

.nuclearIco-C {
	background-image: url('../../images/2021/nuclearIco-C.png');
}

.nuclearIco-Y {
	background-image: url('../../images/2021/nuclearIco-Y.png');
}

.nuclearIco-O {
	background-image: url('../../images/2021/nuclearIco-O.png');
}

/* 하위 탭 */
.ser_nuclear_tab ul {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}

.ser_nuclear_tab ul li {
	flex: 1;
}

.ser_nuclear_tab ul li a {
	background: #434343;
	color: #fff;
	width: 100%;
	height: 100%;
	padding: 10px 0;
	line-height: 1.1;
	display: block;
	text-align: center;
	font-size: 15px;
}

.ser_nuclear_tab ul li.current a {
	background: #0083e4;
}

/* ^마우스오버 */
.ser_nuclear_tab ul li:not(.current) a:hover {
	background: #666;
}

/* ==== 1201px 이상 일때 ==== */
@media only screen and (min-width:1201px) {

	/*== 공통 ==*/
	@page {
		margin: 0;
	}

	@media print {
		body * {
			visibility: hidden;
		}

		#printArea {
			transform: scale(0.8, 0.8);
		}

		#printArea * {
			visibility: visible;
		}

		.notPrint * {
			visibility: hidden !important;
		}

		.printTitle {
			visibility: visible;
		}
	}

	.printTitle {
		visibility: hidden;
		font-size: 26px;
		font-weight: 700;
		color: #555;
		padding-bottom: 12px;
	}

	.f_left {
		float: left !important;
	}

	.bR0 {
		border: 0px !important;
	}

	.mR0 {
		margin-right: 0px !important;
	}

	.mR10 {
		margin-right: 10px !important;
	}

	.mL5 {
		margin-left: 5px !important;
	}

	.mL10 {
		margin-left: 10px !important;
	}

	.mL20 {
		margin-left: 20px !important;
	}

	.mL110 {
		margin-left: 110px !important;
	}

	.mR5 {
		margin-right: 5px !important;
	}

	.mT10 {
		margin-top: 10px !important;
	}

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

	.mT25 {
		margin-top: 25px !important;
	}

	.mT30 {
		margin-top: 30px !important;
	}

	.mT40 {
		margin-top: 40px !important;
	}

	.mT50 {
		margin-top: 50px !important;
	}

	.mL10 {
		margin-left: 10px !important;
	}

	.mB10 {
		margin-bottom: 10px !important;
	}

	.mB20 {
		margin-bottom: 20px !important;
	}

	.mB30 {
		margin-bottom: 30px !important;
	}

	.mB50 {
		margin-bottom: 50px !important;
	}

	.mR10 {
		margin-right: 10px !important;
	}

	.mR30 {
		margin-right: 30px !important;
	}

	.mAuto {
		margin-left: auto;
		margin-right: auto;
	}

	.pT10 {
		padding-top: 10px !important;
	}

	.pT20 {
		padding-top: 20px !important;
	}

	.t_center {
		text-align: center !important;
	}


	/* 셀렉트 박스 */
	select {
		color: #333333;
		width: 100%;
		vertical-align: top;
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
		font-family: inherit;
		border: 1px solid #bbbbbb;
		font-weight: 500;
		font-size: 15px;
		margin-right: 10px;
	}

	.search select::-ms-expand {
		/* for IE 11 */
		display: none;
	}

	.search select:disabled {
		background-color: #e1e1e1;
	}

	.select2 {
		color: #333333;
		width: 90px;
		vertical-align: top;
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
		font-family: inherit;
		background: #ffffff url(../../images/select.png) no-repeat 88%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #458ea8;
		border-radius: 20px;
		font-weight: 500;
		font-size: 15px;
		margin-right: 10px;
	}

	/* 장문형 input */
	textarea {
		padding: 9px;
		border: solid 1px #bbbbbb;
		color: #333333;
		font-size: 15px;
		width: 100%;
		margin: 10px 0;
		box-sizing: border-box;
		font-family: 'Noto Sans KR', sans-serif;
	}

	/* 달력선택 */
	.input_date {
		color: #333333;
		width: 100%;
		vertical-align: top;
		height: 40px;
		line-height: 40px;
		padding: 0 15px;
		font-family: inherit;
		background: #ffffff url(../../images/icon_date.png) no-repeat 92%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #bbbbbb;
		border-radius: 20px;
		font-weight: 500;
		font-size: 15px;
		margin-right: 10px;
	}

	/* input */
	input {
		vertical-align: top;
		padding: 0 9px;
		font-family: 'Noto';
		box-sizing: border-box;
		border: solid 1px #bbbbbb;
	}

	input[type="checkbox"].custom {
		margin-left: 0;
		padding: 0;
	}

	input[type=checkbox].css-checkbox {
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0px;
		border: 0;
	}

	input[type=checkbox].css-checkbox+label.css-label {
		padding-left: 20px;
		height: 20px;
		display: inline-block;
		line-height: 20px;
		background-repeat: no-repeat;
		background-position: 0 0;
		font-size: 15px;
		vertical-align: middle;
		cursor: pointer;
		opacity: 1;
	}

	input[type=checkbox].css-checkbox:checked+label.css-label {
		background-position: 0 -20px;
	}

	/* ^ 종류 */
	.input1 {
		height: 40px;
		line-height: 40px;
		color: #333333;
		font-size: 15px;
		font-weight: 400;
		border-radius: 20px;
		min-width: 700px;
	}

	.input2 {
		height: 40px;
		line-height: 40px;
		color: #333333;
		font-size: 15px;
		font-weight: 400;
		border-radius: 20px;
		min-width: 430px;
	}

	.input3 {
		height: 40px;
		line-height: 40px;
		color: #333333;
		font-size: 15px;
		font-weight: 400;
		border-radius: 20px;
		width: 100%;
		min-width: 200px
	}

	.input4 {
		height: 40px;
		line-height: 40px;
		color: #333333;
		font-size: 15px;
		font-weight: 400;
		width: 100%;
	}

	.inputq {
		height: 40px;
		line-height: 40px;
		color: #333333;
		font-size: 15px;
		font-weight: 400;
		border-radius: 20px;
		min-width: 600px;
	}

	input[type=checkbox] {
		width: 0;
	}

	input[type=checkbox]:focus+label {
		outline: 2px solid black;
	}

	input[type=radio]:focus+label {
		outline: 2px solid black;
	}

	input[type=file]:focus+label {
		outline: 2px solid #000
	}

	input[type=radio]:not(old) {
		margin: 0;
		padding: 0;
		opacity: 0;
		background: url(../../images/radio2.png) no-repeat 0 0;
		background-size: 20px auto;
		width: 0;
	}

	input[type=radio]:not(old)+label {
		display: inline-block;
		text-align: left;
		height: 20px;
		padding-left: 25px;
		background: url(../../images/radio2.png) no-repeat 0 0;
		background-size: 20px auto;
	}

	input[type=radio]:not(old):checked+label {
		background: url(../../images/radio2.png) no-repeat 0 -20px;
		background-size: 20px auto;
	}

	input[type=radio].css_radi:not(old) {
		margin: 0;
		padding: 0;
		opacity: 0;
		background: url(../../images/radio.png) no-repeat 0 0;
		background-size: 16px auto;
		width: 0;
	}

	input[type=radio].css_radi:not(old)+label {
		display: inline-block;
		text-align: left;
		height: 16px;
		padding-left: 25px;
		background: url(../../images/radio.png) no-repeat 0 0;
		background-size: 16px auto;
	}

	input[type=radio].css_radi:not(old):checked+label {
		background: url(../../images/radio.png) no-repeat 0 -16px;
		background-size: 16px auto;
	}

	.css-checkbox label {
		font-size: 14px;
		border: solid 1px #ffffff;
		padding: 0 10px;
		color: #ffffff;
		box-sizing: border-box;
		border-radius: 20px;
		height: 26px;
		line-height: 25px;
		display: inline-block;
	}

	.css-checkbox.selected label {
		background-color: #458ea8;
	}

	.css-checkbox [type=checkbox]:checked+label {
		background-color: #6c6d6d;
	}

	.css-checkbox [type=checkbox]:focus+label {
		outline: 2px solid #000;
	}

	/* 버튼 */
	.btn {
		color: #ffffff;
		display: inline-block;
		font-weight: 500;
		border-radius: 20px;
		text-align: center;
		font-size: 18px;
		height: 40px;
		line-height: 40px;
	}

	.btn2 {
		color: #ffffff;
		display: inline-block;
		font-weight: 500;
		border-radius: 20px;
		text-align: center;
		font-size: 16px;
		height: 36px;
		line-height: 36px;
		border: none;
	}

	.btn3 {
		color: #ffffff;
		display: inline-block;
		font-weight: 500;
		border-radius: 20px;
		text-align: center;
		font-size: 16px;
		height: 34px;
		line-height: 34px;
	}

	.btn_ic {
		color: #458ea8;
		border: solid 2px #458ea8;
		display: inline-block;
		font-weight: 700;
		border-radius: 20px;
		text-align: center;
		font-size: 16px;
		height: 32px;
		line-height: 32px;
	}

	.btn_ic1 {
		color: #458ea8;
		display: inline-block;
		font-weight: 700;
		border-radius: 20px;
		text-align: center;
		font-size: 16px;
		height: 32px;
		line-height: 32px;
	}

	.b_type1 {
		background-color: #2b566e;
		width: 100px;
	}

	.b_type2 {
		background-color: #333333;
		width: 100px;
	}

	.b_type3 {
		background-color: #333333;
		width: 115px;
	}

	.b_type_mp {
		background-color: #ffffff;
		width: 160px;
		background: url(../../images/icon_map.png) no-repeat 15%;
		background-size: 13px 17px;
		padding-left: 10px;
	}

	.b_type_sh {
		background-color: #ffffff;
		width: 160px;
		background: url(../../images/icon_share.png) no-repeat 85%;
		background-size: 16px 16px;
		padding-right: 10px;
	}


	/*== SUB CONTENT ==*/
	.subContent {
		padding-top: 85px;
		width: 100%;
		height: auto;
		min-height: 90%;
		background: #fff;
		display: table;
	}

	/* 서브 상단 공통 */
	.top_title {
		width: 100%;
		height: 140px;
		background: url('../../images/top_title_bg.jpg') no-repeat center, url('../../images/top_title_bg01.jpg') repeat center;
		display: flex;
	}

	.top_title .top_title_text {
		width: 1254px;
		margin: 0 auto;
		text-align: center;
		padding: 40px 0;
	}

	.top_title .top_title_text h1 {
		font-size: 26px;
		font-weight: 700;
		color: #555;
		padding-bottom: 12px;
	}

	.top_title .top_title_text p {
		font-size: 15px;
		font-weight: 400;
		color: #333;
	}

	/* 브레드크럼 */
	.location {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.location ul {
		display: flex;
	}

	.location ul li {
		padding-right: 22px;
		position: relative;
	}

	.location ul li:after {
		content: '>';
		color: #888;
		position: absolute;
		right: 6px;
	}

	.location ul li:last-child:after {
		display: none;
	}

	.location ul li a {
		display: inline-block;
		font-size: 15px;
		color: #535353;
		font-weight: 400
	}

	.location ul li:hover a {
		box-shadow: 0px 1px 0px #2e2e2e;
	}

	.location ul li.active a {
		color: #2e2e2e;
		font-weight: 500
	}

	/* -- subContWrap -- */
	.container {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.contants {
		width: 1254px;
		margin: 0 auto;
	}

	.contants:after {
		content: '';
		display: block;
		clear: both;
	}

	.contants h2 {
		font-weight: 700;
		font-size: 24px;
		color: #555555;
		margin-top: 30px;
		margin-bottom: 25px;
	}

	/* 한 영 변화 */
	.language_btn {
		display: flex;
		justify-content: flex-end;
	}

	.language_btn ul {
		display: flex;
		justify-content: flex-start;
		border: 2px solid #ddd;
		padding: 2px;
		border-radius: 50px;
	}

	.language_btn ul li a {
		display: block;
		color: #717171;
		font-size: 14px;
		font-weight: 500;
		padding: 7px;
		border-radius: 50px;
	}

	.language_btn ul li a.active {
		background: #458ea8;
		color: #fff;
	}

	/* 중제목 */
	.ser_info_box .point {
		color: #387264;
	}

	.ser_info_txt {
		font-size: 18px;
		color: #333333;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.ser_info_txt.blue {
		color: #458ea8;
	}

	.ser_txt {
		position: relative;
		margin-top: 15px;
	}

	.ser_txt_sub {
		position: relative;
		margin-top: 15px;
		border-bottom: 1px solid;
		color: #333333
	}

	.ser_txt span,
	.ser_txt_sub span {
		display: inline-block;
	}

	.ser_info_txt2 {
		font-size: 16px;
		font-weight: 400;
		display: inline-block;
	}

	.ser_info_txt3 {
		font-size: 18px;
		font-weight: 100;
		text-align: center;
		line-height: 1.8;
		margin-bottom: 50px;
		margin-top: 30px;
	}

	.ser_info_txt3 strong {
		font-size: 24px;
		font-weight: 700;
		line-height: 2
	}

	.ser_info_txt3 span {
		display: inline-block;
		font-weight: 400;
	}


	/* 서비스 안내 - 이미지 */
	.system_stage {
		position: relative;
		width: calc(100% - 340px);
		margin: 0 170px 70px;
	}

	.system_stage:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background: #fff;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1
	}

	.system_stage .stage_inner {
		margin-left: 7%;
		width: 86%;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.system_stage .stage_inner:before {
		content: '';
		position: absolute;
		width: 13px;
		height: 13px;
		left: -14px;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 100%;
		background: #018ea8;
	}

	.system_stage .stage_inner:after {
		content: '';
		position: absolute;
		width: 13px;
		height: 13px;
		right: -14px;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 100%;
		background: #018ea8;
	}

	.system_stage .stage_inner .stage {
		position: relative;
		width: 130px;
		height: 130px;
		border-radius: 100%;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	.system_stage .stage_inner .stage .stage_txt {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.system_stage .stage_inner .stage b {
		font-size: 32px;
		color: #f1fb82;
		display: block;
		padding-bottom: 8px;
		line-height: 1.2;
	}

	.system_stage .stage_inner .stage b em {
		font-size: 24px;
		font-style: initial;
		font-weight: 400
	}

	.system_stage .stage_inner .stage span {
		font-size: 15px;
		color: #fff;
		display: block;
		line-height: 1.2;
	}

	.system_stage .stage_inner .stage:after {
		content: '';
		position: absolute;
		right: -55px;
		top: 50%;
		transform: translateY(-50%);
		width: 17px;
		height: 34px;
		background: url(../../images/test01.png) no-repeat;
		z-index: 2
	}

	.system_stage .stage_inner .stage:last-child:after {
		display: none;
	}

	.system_stage .stage_inner .stage.stage2 {
		background-image: url(../../images/stage02.png);
	}

	.system_stage .stage_inner .stage.stage3 {
		background-image: url(../../images/stage03.png);
	}

	.system_stage .stage_inner .stage.stage4 {
		background-image: url(../../images/stage04.png);
	}

	.system_stage .stage_inner .stage.stage5 {
		background-image: url(../../images/stage05.png);
	}

	/* 서비스 안내 - 이미지2 */
	.ser_info {
		font-size: 18px;
		color: #333333;
		font-weight: 700;
		margin: 20px 0;
	}

	.serinfo_open {
		width: 100%;
	}

	.serinfo_open .serinfo_open_inner {
		width: 1254px;
		margin: 0 auto;
	}

	.serinfo_open .serinfo_open_inner .serinfo_open_top {
		text-align: center;
	}

	.serinfo_open .serinfo_open_inner img {
		width: 134px;
		height: 38px;
		padding-top: 70px;
	}

	.serinfo_open .serinfo_open_inner strong {
		display: block;
		color: #458ea8;
		font-size: 32px;
		font-weight: 700;
		padding: 25px 0 80px;
	}

	.serinfo_open .serinfo_open_inner p {
		font-weight: 400;
		font-size: 17px;
		color: #333;
		padding: 30px 0;
		text-align: center
	}

	.serinfo_open .bg {
		width: 100%;
		max-width: 100%;
		height: 32vw;
		max-height: 300px;
		background: url(../../images/ser_info_bg01.jpg) no-repeat center, url(../../images/ser_info_bg02.jpg) no-repeat center;
		background-size: contain, 100%;
	}

	.serinfo_open.en .serinfo_open_inner img {
		width: 281px;
		height: 40px;
	}

	/* 서비스 안내 - 테이블 */
	.ser_table {
		border-top: solid 2px #333333;
		letter-spacing: -1px;
		margin-bottom: 50px;
		color: #333
	}

	.ser_table_th {
		width: 100%;
		background-color: #f9f9f9;
		padding: 5px 0;
		border-bottom: 1px #c7c7c7;
		color: #115A74;
/* 		color: #458ea8; */
		font-weight: 700;
		font-size: 0
	}

	.ser_table_th span {
		display: inline-block;
		text-align: center;
		font-size: 16px;
	}#555555

	.ser_table_th span:nth-child(1) {
		width: 10%
	}

	.ser_table_th span:nth-child(2) {
		width: 20%
	}

	.ser_table_th span:nth-child(3) {
		width: 50%
	}

	.ser_table_th span:nth-child(4) {
		width: 20%
	}

	.ser_table ul {
		border-top: solid 1px #cccccc;
	}

	.ser_table li {
		border-bottom: solid 1px #cccccc;
		font-size: 0;
		padding: 4px 0;
	}

	.ser_table li p {
		display: inline-block;
		text-align: center;
		font-size: 16px;
	}

	.ser_table li p:nth-child(1) {
		width: 10%
	}

	.ser_table li p:nth-child(2) {
		width: 20%
	}

	.ser_table li p:nth-child(3) {
		width: 50%
	}

	.ser_table li p:nth-child(4) {
		width: 20%
	}

	.en .ser_table li p:nth-child(1) {
		width: 20%
	}

	.en .ser_table li p:nth-child(2) {
		width: 10%
	}

	.en .ser_table li p:nth-child(3) {
		width: 50%;
		text-align: left;
	}

	.en .ser_table li p:nth-child(4) {
		width: 18%;
		text-align: center;
	}

	.en .ser_table li {
		display: flex;
		flex-wrap: wrap;
		align-content: stretch;
		align-items: center;
	}

	.en .ser_table li p {
		display: flex;
		flex-direction: column;
		justify-content: center;
		line-height: initial;
	}

	.ser_table li p>span {
		display: inline-block;
		vertical-align: middle;
	}

	.ser_table li p>span>em {
		display: block;
		font-style: normal;
		padding: 2px 0;
	}

	.ser_table li p.txt_l {
		text-align: left;
	}

	.ser_table li p>span:first-child {
		display: none;
	}

	/* 서비스 안내 - 운영근거 */
	.operation_basis {
		width: 100%;
		padding: 10px 20px;
		box-sizing: border-box;
		color: #333;
		margin-bottom: 80px;
	}

	.operation_basis .operation_tit {
		font-size: 18px;
		font-weight: 700;
	}

	.operation_basis .operation_text {
		padding-left: 15px;
	}

	.operation_basis .operation_text .txt_top {
		font-size: 17px;
		font-weight: 500;
		display: inline-block;
		margin-top: 20px;
		text-indent: -15px
	}

	.operation_basis .operation_text p {
		padding: 3px 0;
	}

	.operation_basis .operation_text p.first_inline {
		display: inline;
	}

	.operation_basis .operation_text .text_list li {
		padding: 3px 0;
	}

	/* 탭 */
	.ser_guide_tab {
		border-left: none;
		background: #fff;
		overflow: hidden;
		/* border-top: solid 2px #333333; */
		border-bottom: solid 2px #333333;
		height: 39px;
		margin-bottom: 30px;
	}

	.ser_guide_tab li {
		background: #eee;
		color: #333;
		border-right: 1px solid #fff;
		font-weight: 700;
		float: left;
		padding: 0 20px;
		text-align: center;
		box-sizing: border-box;
		display: inline-block;
		height: 39px;
		line-height: 39px;
		cursor: pointer;
		position: relative;
	}

	.ser_guide_tab li.current {
		background-color: #555555;
		color: #ffffff;
	}

	.ser_guide_tab li.current a {
		display: block;
		color: #fff;
	}

	.tab-content {
		display: none;
	}

	.tab-content:after {
		content: '';
		display: block;
		clear: both;
	}

	.tab-content.current {
		display: block;
	}

	/* 이미지 박스 */
	.ser_guide_img {
		float: left;
		width: 815px;
		margin-right: 20px;
		margin-bottom: 50px;
	}

	.ser_guide_img.img02 {
		float: left;
		width: 816px;
		margin-right: 20px;
		margin-bottom: 50px;
	}

	.ser_guide_img.img03 {
		float: inherit;
		width: 818px;
		margin-right: 20px;
		margin-bottom: 30px;
		margin-left: 20px;
		margin-top: 10px;
	}

	.ser_guide_img.img04 {
		float: inherit;
		width: 816px;
		margin-right: 20px;
		margin-bottom: 30px;
		margin-left: 20px;
		margin-top: 10px;
	}

	.ser_guide_img.img05 {
		float: inherit;
		width: 1183px;
		margin-right: 20px;
		margin-bottom: 30px;
		margin-left: 20px;
		margin-top: 10px;
	}

	.en .ser_guide_img {
		float: left;
		margin-left: 10px;
		margin-right: 0;
	}

	.en .ser_guide_box {
		float: right;
		margin-top: 10px;
		margin-left: 10px;
		width: 408px
	}

	.en .ser_guide_img.img02+.ser_guide_box {
		margin-top: 0;
	}

	.en .ser_guide_img.img05+.ser_guide_box {
		clear: both;
		float: none;
	}

	.en .explanation {
		clear: both;
	}

	.en .ser_guide_box.wide {
		width: 100%;
		margin-bottom: 100px;
	}

	.en .ser_guide_box.wide ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.en .ser_guide_box.wide ul li {
		flex: 1 1 auto;
		margin: 5px 5px;
	}

	.en .img_step li {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.en .img_step li span {
		position: static;
	}

	.ser_guide_box {
		float: left;
		color: #333333;
	}

	.ser_guide_box li {
		border: solid 1px #dddddd;
		border-radius: 10px;
		padding: 20px;
		width: 418px;
		font-size: 16px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	.ser_guide_box p {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.ser_guide_box span {
		display: inline-block;
	}

	.ser_guide_box .num {
		height: 26px;
		width: 26px;
		background-color: #333333;
		color: #ffffff;
		line-height: 26px;
		text-align: center;
		border-radius: 20px;
		margin-right: 5px;
	}

	.ser_guide_box .tit {
		font-size: 17px;
		font-weight: 700;
	}

	.ser_guide_box .txt {
		font-size: 16px;
		letter-spacing: -1px;
		text-indent: -8px;
		padding-left: 8px;
	}

	.en .ser_guide_box .num {
		float: left;
	}

	.en .ser_guide_box .tit {
		margin-left: 5px;
	}

	/* 서비스 가이드 - 텍스트01  */
	.explanation_wrap {
		width: 100%;
		height: 400px;
		background: #fff;
		padding: 0;
		margin: 10px 0;
		border: 20px solid #f5f5f5;
		box-sizing: border-box;
		overflow-y: auto;
	}

	.explanation_wrap .explanation_list {
		width: 100%;
		height: 100%;
		overflow-y: auto;
		margin: 0;
		border-collapse: collapse;
	}

	.explanation_list th {
		padding: 5px 0;
		background-color: #f9f9f9;
		border-bottom: solid 1px #c7c7c7;
		color: #458ea8;
		font-weight: 700;
		border-top: 1px solid #333;
	}

	.explanation_list td {
		padding: 5px 10px;
		color: #333333;
		border-bottom: solid 1px #c7c7c7;
		background: #fff;
		text-align: center;
		font-weight: 400;
	}

	.explanation {
		clear: both;
	}

	.explanation h4 {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.explanation h5 {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 15px;
		margin-left: 10px;
	}

	.explanation ol {
		font-size: 16px;
		font-weight: 400;
		line-height: 170%;
		letter-spacing: -1px;
		margin-bottom: 10px;
	}

	.explanation ol li {
		text-indent: -8px;
		padding-left: 30px;
	}

	.explanation strong {
		color: #2d7478
	}

	.explanation i {
		font-weight: 200;
		font-size: 15px;
		font-style: inherit;
	}

	.explanation table {
		margin: 0;
	}

	.explanation td:nth-child(3) {
		text-align: left;
	}

	/* 서비스 가이드 - 텍스트02  */
	.openapi h4 {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.openapi p {
		font-size: 16px;
		font-weight: 400;
		line-height: 160%;
	}

	.openapi .img_step {
		width: 1254px;
		margin: 50px 130px;
		overflow: hidden;
	}

	.openapi ol li {
		font-size: 16px;
		font-weight: 400;
		line-height: 160%;
		padding-left: 10px;
		text-indent: -10px;
	}

	.openapi .img_step span {
		display: block;
		font-size: 18px;
		color: #ffffff;
		position: relative;
		top: 40%;
		font-family: 'Noto';
		font-weight: 600;
	}

	.openapi .img_step li {
		background: url(../../images/api_img1.png);
		width: 160px;
		height: 160px;
		text-align: center;
		float: left;
	}

	.openapi .img_step .step {
		background: url(../../images/api_img2.png);
		width: 115px;
		height: 30px;
		position: relative;
		top: 50px;
	}

	.openapi .btn_wrap {
		text-align: center;
		margin: 50px 0 100px;
	}

	.openapi a {
		display: inline-block;
		color: #ffffff;
		height: 54px;
		line-height: 54px;
		font-size: 20px;
		font-weight: 700;
		text-align: center;
		border-radius: 30px;
	}

	.openapi .btn_api01 {
		width: 305px;
		background: #333333 url(../../images/api_btn1.png) no-repeat right 20px center;
		padding-right: 20px;
		margin-right: 15px;
	}

	.openapi .btn_api02 {
		width: 320px;
		background: #333333 url(../../images/api_btn2.png) no-repeat right 30px center;
		padding-right: 30px;
	}

	.en .btn_api02 {
		padding: 0 60px 0 30px;
	}

	/* 공지사항 */
	.search {
		display: flex;
		align-items: center;
		justify-content: center;
		height: auto;
		background-color: #f6f6f6;
		padding: 20px 30px;
		margin-bottom: 30px;
	}

	.search .inp {
		display: block;
	}

	.search .inp li {
		float: left;
		margin-right: 10px;
	}

	.search .inp .txt {
		margin-right: 0;
		float: left;
	}

	.search .sel {
		height: 40px;
		display: block;
	}

	.search .sel ul {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.search .sel li {
		/* width: 145px; */
		float: left;
		margin-right: 10px;
	}

	.search .sel .txt {
		width: auto;
	}

	.search .sel .cd {
		font-size: 16px;
		color: #333333;
		font-weight: 700;
		margin: 10px;
	}

	.search.sType-2 .nuclearTxt {
		width: auto;
	}

	.search.sType-2 .sel ul {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* 전체 몇건 or 페이지 표시 영역 */
	.tab_info {
		height: auto;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 10px;
	}

	.tab_info .t1 {
		font-size: 15px;
		color: #333333;
		vertical-align: top;
		line-height: 1.1;
	}

	.tab_info .t1 strong {
		color: #0F5872;
		font-weight: 700;
		display: inline-block;
	}

	.tab_info .t2 {
		font-size: 14px;
		color: #757575;
		display: flex;
		line-height: 1.1;
		justify-content: flex-start;
		align-items: center;
		margin-left: auto;
	}

	.tab_info .icon {
		background: url(../../images/icon.png) -29px -39px;
		display: block;
		width: 17px;
		height: 17px;
		top: 2px;
		margin-right: 5px;
	}

	/* 테이블 */
	.table_area {
		width: 100%;
		display: block;
	}

	.table_list {
		border-top: solid 1px #333333;
		width: 100%;
		border-spacing: 0;
		font-size: 16px;
		margin-bottom: 30px;
	}

	.table_list th {
		padding: 12px 0;
		background-color: #f9f9f9;
		border-bottom: solid 1px #c7c7c7;
		color: #458ea8;
		font-weight: 700;
	}

	.table_list td {
		padding: 17px 0;
		color: #333333;
		border-bottom: solid 1px #c7c7c7;
		text-align: center;
		font-weight: 400;
	}

	.table_list a:hover {
		text-decoration: underline;
	}

	.table_list .align_left {
		text-align: left;
		padding-left: 20px;
	}

	.table_list .under {
		text-decoration: underline;
		color: #458ea8
	}

	.table_list .under:hover {
		text-decoration: underline;
		color: #458ea8
	}

	.textcom {
		font-size: 14px;
	}


	.tbl_legend {
		margin-bottom: 10px;
		float: right;
	}

	.tbl_legend>div {
		display: inline-block;
		margin-left: 10px;
	}

	.tbl_legend>div>span {
		padding-left: 25px;
	}

	.tbl_legend>div.A {
		background-position: left;
	}

	.tbl_legend>div.B {
		background-position: left;
	}

	.tbl_legend>div.C {
		background-position: left;
	}


	/* 아이콘 */
	div.A {
		background: url(../../images/pop_ico/pop_ico06.png) no-repeat center;
		background-size: contain;
	}

	div.B {
		background: url(../../images/pop_ico/pop_ico14.png) no-repeat center;
		background-size: contain;
	}

	div.C {
		background: url(../../images/pop_ico/pop_ico15.png) no-repeat center;
		background-size: contain;
	}

	.icontd>div {
		padding: 20px;
	}

	.chk_list {
		width: 100%;
		font-size: 16px;
		border-top: solid 2px #333333;
		border-spacing: 0;
		margin-bottom: 20px;
	}

	.chk_list .tabl_th {
		display: block;
	}

	.chk_list .tabl_th ul {
		height: 44px;
		line-height: 44px;
		background-color: #f9f9f9;
		color: #458ea8;
		font-weight: 700;
	}

	.chk_list .tabl_th li {
		float: left;
		text-align: center;
	}

	.chk_list .tabl_th li:nth-child(1) {
		width: 5%;
	}

	.chk_list .tabl_th li:nth-child(2) {
		width: 15%
	}

	.chk_list .tabl_th li:nth-child(3) {
		width: 37%
	}

	.chk_list .tabl_th li:nth-child(4) {
		width: 30%
	}

	.chk_list .tabl_th li:nth-child(5) {
		width: 13%
	}

	.chk_list ul {
		border-bottom: solid 1px #cccccc;
		height: 54px;
		line-height: 54px;
	}

	.chk_list li {
		float: left;
	}

	.chk_list li:nth-child(1) {
		width: 5%;
		text-align: center;
	}

	.chk_list li p:nth-child(1) {
		width: 188px;
		text-align: center;
	}

	.chk_list li p:nth-child(2) {
		width: 462px;
		text-align: left;
	}

	.chk_list li p:nth-child(3) {
		width: 400px;
		text-align: left;
	}

	.chk_list li p:nth-child(4) {
		text-align: center;
	}

	.chk_list li p {
		display: inline-block;
	}

	.chk_list li span:first-child {
		color: #458ea8;
		font-weight: 700;
		width: 62px;
		display: none;
	}

	.chk_list li span {
		display: inline-block;
	}

	.chk_list .mbtn {
		display: none;
	}

	.css-label {
		background-image: url("../../images/checkbox.png");
	}

	input[type=checkbox].css-checkbox {
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0px;
		border: 0;
	}

	input[type=checkbox].css-checkbox+label.css-label {
		padding-left: 20px;
		height: 20px;
		display: inline-block;
		line-height: 20px;
		background-repeat: no-repeat;
		background-position: 0 0;
		font-size: 15px;
		vertical-align: middle;
		cursor: pointer;
		opacity: 1;
	}



	/* 페이징 */
	.paginate {
		font-size: 14px;
		color: #000;
		text-align: center;
		margin: 40px 0 80px;
		clear: both;
	}

	.paginate .focus {
		color: #ffffff;
		font-weight: bold;
		display: inline-block;
	}

	.paginate a {
		color: #666666;
		width: 22px;
		height: 22px;
		line-height: 22px;
		display: inline-block;
		vertical-align: top;
	}

	.paginate span {
		display: inline-block;
		padding: 0 5px;
		vertical-align: top;
		height: 22px;
		line-height: 22px;
	}

	.paginate strong {
		display: inline-block;
		position: relative;
	}

	.paginate .prev_btn {
		background: url("../../images/icon.png") 0 -60px;
		border: none;
		font-size: 0
	}

	.paginate .prev_all {
		background: url(../../images/icon.png) -22px -60px;
		border: none;
		margin-right: 14px;
	}

	.paginate .next_btn {
		background: url(../../images/icon.png) -44px -60px;
		border: none;
	}

	.paginate .next_all {
		background: url(../../images/icon.png) -66px -60px;
		border: none;
		margin-left: 14px;
	}

	.paginate span>a.active,
	.paginate span>a:hover,
	.paginate span>a:focus {
		background-color: #458ea8;
		color: #ffffff;
	}

	.paginate span>a.active {
		background-color: #458ea8;
		color: #ffffff;
	}

	.btn_top {
		display: none !important;
	}

	/* 상세페이지 */
	.viewtb {
		min-width: 941px;
		border-top: solid 1px #0d274c;
		margin-bottom: 20px;
	}

	.viewtop {
		min-width: 941px;
		border-top: solid 2px #0d274c;
		margin-bottom: 20px;
	}

	.viewtb .subj {
		line-height: 70px;
		height: 70px;
		border-bottom: solid 1px #757575;
		color: #458ea8;
		font-size: 20px;
		font-weight: 700;
		padding-left: 20px;
	}

	.viewtb .list {
		height: 60px;
		line-height: 60px;
		background-color: #f8f8f8;
		border-bottom: solid 1px #d6d6d6;
		padding-left: 20px;
	}

	.viewtb .list p {
		display: inline-block;
	}

	.viewtb .list span {
		font-size: 16px;
		color: #333333;
		margin-right: 25px;
	}

	.viewtb .list .sum {
		font-weight: 700;
		margin-right: 15px;
	}

	.viewtb .cont {
		color: #333333;
		font-size: 16px;
		padding: 20px 25px;
		line-height: 180%;
		border-bottom: solid 1px #d6d6d6;
		font-weight: 300;
	}

	.viewtb .filelist {
		background-color: #f8f8f8;
		font-weight: 400;
		border-bottom: solid 1px #757575;
		padding: 20px 15px;
		color: #4c4c4c;
		font-size: 14px;
	}

	.viewtb .filelist p {
		display: inline-block;
		vertical-align: top;
		color: #333333;
		font-size: 16px;
		font-weight: 700;
	}

	.viewtb .filelist span:first-child {
		margin-bottom: 5px;
	}

	.viewtb .filelist span:last-child {
		margin-bottom: 0px;
	}

	.viewtb .filelist span {
		display: block;
	}

	.viewtb .filelist .file {
		font-size: 16px;
		font-weight: 200;
		color: #333333;
		vertical-align: top;
		height: 25px;
		margin-bottom: 5px;
	}

	.viewtb .filelist .file:before {
		background: url("../../images/icon.png") 0 -147px;
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		margin: 0 10px;
	}

	.viewtb .filelist .file a {
		vertical-align: top;
	}

	.viewtb .filelist .file em {
		vertical-align: top;
		font-style: normal;
	}

	.comment_tit {
		color: #333333;
		font-size: 18px;
		font-weight: 700;
		margin-top: 100px;
		margin-bottom: 20px;
	}

	/* 이전글 다음글 */
	.list_next {
		border-top: solid 1px #d6d6d6;
		margin: 100px 0;
		color: #666666;
	}

	.list_next li {
		height: 60px;
		line-height: 60px;
		font-size: 15px;
		font-weight: 400;
		border-bottom: solid 1px #d6d6d6;
	}

	.list_next span {
		font-weight: 700;
		margin-left: 20px;
	}

	.list_next li a {
		display: inline-block;
		margin-left: 25px;
	}

	.list_next li a:hover {
		text-decoration: underline;
	}

	.list_next .icon_pre {
		background: url("../../images/icon.png") 0 -90px;
		display: inline-block;
		width: 15px;
		height: 10px;
	}

	.list_next .iocn_next {
		background: url("../../images/icon.png") 0 -102px;
		display: inline-block;
		width: 15px;
		height: 10px;
	}

	/* 목록 버튼 */
	.summit {
		margin-bottom: 35px;
		height: 40px;
		float: right;
	}

	.summit a {
		margin-left: 10px;
	}

	.summit a:hover {
		background: #458ea8;
	}

	/* 자주하는 질문 */
	.qna {
		border-top: solid 2px #333333;
		font-size: 16px;
		margin-bottom: 30px;
	}

	.qna_subj li:first-child {
		width: 25%;
	}

	.qna_subj {
		height: 44px;
		line-height: 44px;
		background-color: #f9f9f9;
		border-bottom: solid 1px #c7c7c7;
		width: 100%;
		color: #458ea8;
		font-weight: 700;
	}

	.qna_subj li {
		float: left;
		text-align: center;
		width: 75%;
	}

	.qna_list .qu {
		border-bottom: solid 1px #c7c7c7;
		height: 54px;
		line-height: 54px;
		color: #333333;
		background: url("../../images/m_lnb.png") no-repeat 98%;
		background-size: 11px 6px;
	}

	.qna_list .on {
		background: url("../../images/m_lnb_up.png") no-repeat 98%;
		background-size: 11px 6px;
	}

	.qna_list p {
		padding: 35px 120px;
		line-height: 180%;
		font-weight: 200;
		border-bottom: solid 1px #c7c7c7;
		color: #333333;
		display: none;
	}

	.qna_list a {
		padding: 0 70px;
	}

	.qna_list span:first-child {
		padding-left: 35px;
	}

	.qna_list .on a,
	.qna_list .on span {
		color: #458ea8;
		font-weight: 700;
	}

	.qna_list a:last-child:hover {
		text-decoration: underline;
	}


	/* table_tit */
	.table_tit {
		color: #333333;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.table_tit .num {
		color: #458ea8;
	}

	/* table_view */
	.table_view {
		border-top: solid 2px #333333;
		width: 100%;
		border-spacing: 0;
		font-size: 16px;
		text-align: left;
		margin-bottom: 30px;
	}

	.table_view th {
		padding: 12px 20px;
		background-color: #f9f9f9;
		border-bottom: solid 1px #c7c7c7;
		color: #458ea8;
		font-weight: 700;
		width: 120px;
	}

	.table_view td {
		padding: 12px 20px;
		color: #333333;
		border-bottom: solid 1px #c7c7c7;
		font-weight: 400;
	}

	.table_view .conthe {
		height: auto;
	}

	/* table_post */
	.table_post {
		border-top: solid 2px #333333;
		width: 100%;
		border-spacing: 0;
		font-size: 16px;
		text-align: left;
		margin-bottom: 30px;
	}

	.table_post th {
		text-align: left;
		height: 54px;
		line-height: 54px;
		background-color: #f8f8f8;
		border-bottom: solid 1px #c7c7c7;
		color: #333333;
		font-weight: 700;
		padding-left: 20px;
		width: 140px;
	}

	.table_post .point {
		color: #ff3a3a;
		display: inline-block;
		padding-right: 5px;
	}

	.table_post td {
		height: 44px;
		color: #333333;
		border-bottom: solid 1px #c7c7c7;
		font-weight: 400;
		padding-left: 10px;
	}

	.table_post .conthe {
		height: auto;
	}

	.table_post .file {
		font-size: 16px;
		font-weight: 200;
		color: #333333;
		vertical-align: top;
	}

	.table_post .file:before {
		background: url("../../images/icon_file.png");
		background-size: contain;
		display: inline-block;
		content: '';
		width: 19px;
		height: 20px;
		margin: 0 8px;
		position: relative;
		top: 3px;
	}

	.table_post .delicon {
		background: url("../../images/icon_del.png");
		background-size: contain;
		width: 36px;
		height: 18px;
		margin: 10px;
		color: #ffffff;
		font-size: 13px;
		font-weight: 300;
	}

	.table_post td p {
		display: inline-block;
		vertical-align: top;
		margin: 10px;
	}

	.table_post td p span {
		display: block;
		margin-bottom: 5px
	}

	.table_post .form-group {
		margin-bottom: 5px
	}

	/* 파일첨부버튼 */
	.file_input_textbox {
		float: left;
		width: 200px;
		color: #666;
		border: 1px solid #cfcfcf !important;
		margin-right: 4px;
	}

	.file_input_div {
		position: relative;
		width: 100px;
		height: 40px;
		margin-bottom: 4px;
		/* overflow: hidden; */
	}

	.table_post .file_input_div {
		vertical-align: top;
		margin: 10px 0 0 10px;
	}

	.file_input_button {
		position: absolute;
		background-color: dodgerblue;
		border: none;
		color: white;
		padding: 10px 20px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 12px;
		margin-left: 5px;
		cursor: pointer;
		border-radius: 8px;
		font-weight: bold;
	}

	.file_input_hidden {
		position: absolute;
		font-size: 45px;
		right: 0;
		top: 0;
		opacity: 0;
		cursor: pointer;
		padding: 10px 20px;
		height: 44px;
		height: 44px;
		width: 106px;
		filter: alpha(opacity=0);
		-ms-filter: "alpha(opacity=0)";
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}

	.file_add {
		/*float: left;*/
		clear: both;
		margin-top: 6px;
	}

	.file_add input {
		float: left;
		width: 400px;
		vertical-align: top;
		padding: 0 9px;
		height: 40px;
		line-height: 40px;
		border: solid 1px #d7d7d7;
		box-sizing: border-box;
		color: #727272;
		font-size: 14px;
		font-weight: 300;
	}

	.file_add input:hover {
		border: 1px solid #cfcfcf;
	}

	.file_add a {
		display: inline-block;
		width: 30px;
		height: 37px;
		background: url('../../images/admin/layout.png') -730px -30px no-repeat;
		margin: 10px 0 0 5px;
		text-indent: -10000em;
		cursor: pointer;
	}

	.upload {
		background-color: #458ea8;
		width: 100px;
	}

	.list_view .delicon {
		background: url("../../images/icon_del.png");
		background-size: contain;
		width: 36px;
		height: 18px;
		margin: 12px;
		color: #ffffff;
	}


	/* 로그인 페이지 */
	.Login {
		position: relative;
		margin-bottom: 280px;
	}

	.Login h3 {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.Login p {
		font-size: 16px;
	}

	.Login .Login_type {
		border: solid 1px #cccccc;
		width: 240px;
		height: 265px;
		float: left;
		margin-right: 30px;
		margin-top: 35px;
		text-align: center;
	}

	.Login .Login_type .naver {
		background: url(../../images/map/login_icon1.png) no-repeat center;
		background-size: 40px auto;
		width: 60px;
		height: 50px;
		margin: 0 auto;
		margin-top: 37px;
	}

	.Login .Login_type .apple,
	.Login .Login_type .kakao {
		background: url(../../images/map/login_icon2.png) no-repeat center;
		background-size: 40px auto;
		width: 60px;
		height: 50px;
		margin: 0 auto;
		margin-top: 37px;
	}

	.Login .Login_type .apple {
		background: url(../../images/2021/ico-apple-black.svg) no-repeat center;
	}

	.Login .Login_type .facebook {
		background: url(../../images/map/login_icon3.png) no-repeat center;
		background-size: 22px auto;
		width: 30px;
		height: 52px;
		margin: 0 auto;
		margin-top: 37px;
	}

	.Login .Login_type .google {
		background: url(../../images/map/login_icon4.png) no-repeat center;
		background-size: 20px auto;
		width: 20px;
		height: 20px;
		margin: 0 auto;
		margin-top: 70px;
	}

	.Login .Login_type .type {
		font-size: 20px;
		font-weight: 700;
		margin: 10px 0;
	}

	.Login .Login_type .count {
		height: 30px;
		line-height: 30px;
		border-radius: 20px;
		background-color: #333333;
		color: #ffffff;
		margin: 80px 20px 0 20px;
	}

	.Login .login_table {
		margin-top: 35px;
		float: left;
		border-top: solid 2px #333333;
		width: 982px;
	}

	.Login .login_table li {
		height: 50px;
		line-height: 50px;
		border-bottom: solid 1px #c7c7c7;
		display: flex;
	}

	.Login .login_table span {
		display: inline-block;
	}

	.Login .login_table span:first-child {
		background-color: #f9f9f9;
		color: #458ea8;
		font-weight: 700;
		min-width: 120px;
		text-align: center;
		padding: 0 20px;
		flex: none;
	}

	.Login .login_table span:last-child {
		font-weight: 500;
		color: #333333;
		padding-left: 20px
	}

	.Login i {
		font-weight: 200;
		font-size: 14px;
		margin: 30px 0;
		font-style: inherit;
		display: inline-block;
	}

	.Login .btn_seces {
		background-color: #dddddd;
		color: #606060;
		border-radius: 20px;
		padding: 0 15px;
		height: 36px;
		line-height: 36px;
		display: inline-block;
		position: absolute;
		right: 0;
		bottom: 20px;
	}

	.Login .btn_seces_save {
		background-color: #2b566e;
		color: #ffffff;
		border-radius: 20px;
		padding: 0 15px;
		height: 36px;
		line-height: 36px;
		display: inline-block;
		position: absolute;
		right: 100px;
		bottom: 20px;
	}


	/* 관심시설 안내 */
	.bookM_tit {
		width: 1254px;
		margin: 0 auto;
	}

	.bookM_tit p {
		color: #333333;
		font-weight: 700;
		font-size: 18px;
		margin-bottom: 10px;
	}

	.bookM_tit span {
		font-weight: 400;
		font-size: 16px;
	}

	.bookM {
		width: 1254px;
		margin: 30px auto;
	}

	.bookM .bookM_day {
		background-color: #f9f9f9;
		padding-left: 20px;
		height: 44px;
		line-height: 44px;
		border-top: solid 2px #333333;
		border-bottom: solid 1px #cccccc;
		color: #458ea8;
		font-size: 16px;
		font-weight: 700;
	}

	.bookM .bookM_list li {
		float: left;
		height: 104px;
		color: #333333;
		font-size: 16px;
		font-weight: 700;
		padding: 20px 0 20px 50px;
		box-sizing: border-box;
	}

	.bookM .bookM_list li:first-child {
		width: 30px;
		padding-top: 25px;
		text-align: right;
		padding-left: 0;
	}

	.bookM .bookM_list p {
		height: 34px;
		line-height: 30px;
	}

	.bookM .bookM_list {
		height: 104px;
		border-bottom: solid 1px #cccccc;
	}

	.bookM .bookM_list .Miocn {
		border: solid 2px #458ea8;
		border-radius: 30px;
		color: #458ea8;
		font-size: 15px;
		font-weight: 700;
		width: 80px;
		height: 30px;
		display: inline-block;
		text-align: center;
	}

	.bookM .bookM_list .Mname a {
		color: #458ea8;
		font-weight: 700;
		text-decoration: underline !important;
		font-size: 18px;
		margin: 0 10px;
	}

	.bookM .bookM_list .Maddr {
		font-weight: 400;
		font-size: 16px;
	}

	.bookM .bookM_list .Mnoun {
		font-weight: 300;
		font-size: 16px;
		margin-top: 5px;
	}

	.bookM .bookM_list .Minfo {
		float: right;
	}

	/* 개인정보취급방침 */
	.m_gnb {
		display: none !important;
	}

	.copyR_tit {
		color: #458ea8;
		font-size: 16px;
		font-weight: 500;
		line-height: 160%;
		margin-bottom: 40px;
	}

	.copyR_box {
		border: solid 1px #dddddd;
		padding: 20px 30px;
		margin-bottom: 50px;
	}

	.overflo {
		height: 700px;
		overflow-y: scroll;
	}

	.copyR_box .subtit1 {
		color: #333333;
		font-weight: 500;
		line-height: 160%;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.copyR_box .subtit2 {
		color: #333333;
		font-weight: 200;
		line-height: 160%;
		font-size: 14px;
		padding-left: 15px;
	}

	.copyR_box .subtit2 ol {
		padding-left: 10px;
		margin: 5px 0 10px
	}

	/* 사이트맵 */
	.siteMap {
		border-top: solid 2px #333333;
		padding: 20px 70px;
		overflow: hidden;
		border-bottom: solid 1px #cccccc;
		margin-bottom: 400px;
	}

	.siteMap ul {
		float: left;
		width: 140px;
		margin: 0 40px;
	}

	.siteMap li {
		text-align: center;
		height: 30px;
		line-height: 30px;
		vertical-align: top;
	}

	.siteMap li a {
		color: #333333;
		font-size: 16px;
		font-weight: 700;
	}

	.siteMap li a.txt {
		font-weight: 300;
	}

	.siteMap li span {
		display: inline-block;
		line-height: 29px;
		vertical-align: top;
	}

	.siteMap .tit {
		background-color: #458ea8;
		border: solid 2px #458ea8;
		border-radius: 20px;
		color: #ffffff;
		font-weight: 500;
		margin-bottom: 10px;
	}

	.siteMap .tit2 {
		border-radius: 20px;
		border: solid 2px #458ea8;
		color: #458ea8;
		font-weight: 500;
		margin-bottom: 10px;
	}


}






/* ==== 1200px 이하 일때 ==== */
@media only screen and (max-width:1200px) {

	/* ------------------

	px to vw
	veiwport : 1200px 기준

	---------------------*/

	/*===== subContent =====*/
	.subContent {
		padding-top: 6.833vw;
		/* padding-top: 82px; */
	}

	/* Reset */
	* {
		margin: 0;
		padding: 0;
	}

	.m_gnb {
		display: none !important;
	}

	textarea {
		border: 1px solid #cccccc;
	}

	input {
		vertical-align: top;
		padding: 0 9px;
		font-family: 'Noto';
		box-sizing: border-box;
		border: solid 1px #bbbbbb;
	}

	input[type=text]::-ms-clear {
		display: none;
	}

	.clear {
		clear: both;
	}

	.blind {
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		width: 1px;
		height: 1px;
		margin: -1px;
	}

	.hidden {
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		width: 1px;
		height: 1px;
		margin: -1px;
		font-size: 0;
		line-height: 0;
	}

	.clear {
		clear: both;
	}

	.f_left {
		float: left !important;
	}

	.bR0 {
		border: 0px !important;
	}

	.mR0 {
		margin-right: 0px !important;
	}

	.mR10 {
		margin-right: 10px !important;
	}

	.mL5 {
		margin-left: 5px !important;
	}

	.mL10 {
		margin-left: 10px !important;
	}

	.mL20 {
		margin-left: 20px !important;
	}

	.mR5 {
		margin-right: 5px !important;
	}

	.mT10 {
		margin-top: 10px !important;
	}

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

	.mT25 {
		margin-top: 25px !important;
	}

	.mT30 {
		margin-top: 30px !important;
	}

	.mT40 {
		margin-top: 40px !important;
	}

	.mT50 {
		margin-top: 50px !important;
	}

	.mL10 {
		margin-left: 10px !important;
	}

	.mB10 {
		margin-bottom: 10px !important;
	}

	.mB20 {
		margin-bottom: 20px !important;
	}

	.mB30 {
		margin-bottom: 30px !important;
	}

	.mB50 {
		margin-bottom: 50px !important;
	}

	.mR10 {
		margin-right: 10px !important;
	}

	.mR30 {
		margin-right: 30px !important;
	}

	.pT10 {
		padding-top: 10px !important;
	}

	.pT20 {
		padding-top: 20px !important;
	}

	.mB100 {
		margin-bottom: 100px !important;
	}

	.wrap {
		max-width: 100%;
		overflow: hidden;
	}

	.admin_bar {
		background-color: #458ea8;
		height: 2px;
		line-height: 39px;
		font-size: 14px;
	}

	.admin_bar ul {
		margin: 0 auto;
		width: 1254px;
		display: none;
	}

	.admin_bar li {
		float: left;
		height: 39px;
		line-height: 39px;
	}

	.admin_bar li span {
		color: #275348;
		margin: 0 5px;
		width: 1px;
		display: inline-block;
	}

	.admin_bar .info {
		margin-left: 638px;
	}

	.admin_bar .icon {
		display: inline-block;
		background: url(../../images/icon.png) 0 0;
		width: 16px;
		height: 20px;
		position: relative;
		top: 5px;
		margin-left: 0;
	}

	.admin_bar li a {
		color: #ffffff;
		font-size: 14px;
		padding: 0 13px;
		display: inline-block;
		line-height: 35px;
	}

	.admin_bar li a.on {
		color: #4a4a4a;
		background-color: #ffffff;
		position: relative;
		bottom: -2px;
		font-weight: 700;
	}

	_:-ms-input-placeholder,
	:root .admin_bar li a.on {
		bottom: -4px;
	}

	_:-ms-fullscreen,
	:root .admin_bar li a.on {
		bottom: -4px;
	}

	.m_gnb {
		width: 100%;
		text-align: center;
		position: relative;
		height: 60px;
		background: #458ea8;
	}

	.m_gnb h1 {
		padding: 12px 0;
		width: 217px;
		height: 36px;
		margin: 0 auto;
	}

	.m_gnb h1>a {
		display: block;
	}

	.m_gnb h1>a>img {
		width: 100%;
		height: 100%
	}

	.mv_Bar {
		position: absolute;
		left: 10px;
		top: 21px;
	}

	.mv_Bar img {
		width: 23px;
		height: 17px;
	}

	.mv_Bar_close {
		height: 20px;
		width: 20px;
		position: absolute;
		z-index: 101;
		top: -32px;
		right: 15px;
		cursor: pointer;
	}

	.mv_Bar_close:before,
	.mv_Bar_close:after {
		content: '';
		position: absolute;
		width: 20px;
		height: 3px;
		background-color: white;
		border-radius: 1px;
		top: 55px;
	}

	.mv_Bar_close:before {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.mv_Bar_close:after {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.top_link {
		height: 50px;
		line-height: 50px;
		background-color: #458ea8;
		padding-left: 10px;
		position: relative;
	}

	.top_link li {
		display: inline-block;
	}

	.top_link a {
		font-family: 'Noto';
		letter-spacing: -1px;
		font-weight: 600;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		position: relative;
		bottom: -5px;
		padding: 0 15px;
		color: #ffffff;
		display: inline-block;
	}

	.top_link a.on {
		color: #4a4a4a;
		background-color: #ffffff;
	}

	.m_login {
		height: 30px;
		line-height: 30px;
		margin: 15px 10px;
	}

	.i_mLogin {
		background: url(../../images/icon_mlogin.png);
		width: 30px;
		height: 30px;
		background-size: contain;
		float: left;
	}

	.i_mLogin a {
		display: inline-block;
		position: relative;
		top: 2px;
		left: 18px;
		border-radius: 30px;
		width: 15px;
		height: 15px;
		line-height: 15px;
		background-color: #e60012;
		color: #ffffff;
		font-size: 12px;
		text-align: center;
	}

	.t_mLogin {
		border-left: solid 1px #cccccc;
		padding: 0 10px;
		float: left;
		vertical-align: top;
		margin: 7px 10px;
		display: inline-block;
		line-height: 16px;
	}

	.t_mLogin a {
		font-family: 'Noto';
		letter-spacing: -1px;
		font-weight: 600;
		font-size: 14px;
		color: #555555;
	}

	.left_side {
		background: #ffffff;
		height: 100%;
		position: fixed;
		width: 100%;
		left: -100%;
		z-index: 1000;
	}

	.mobl_none {
		display: none;
	}

	/* lnb */
	.m_lnb {
		position: relative;
	}

	.m_lnb h3 {
		height: 23px;
		padding: 0 10px;
		line-height: 23px;
		text-align: left;
		color: #fff;
		font-size: 12px;
		letter-spacing: 0.5px;
		background: #8fbbcb;
		font-family: 'Noto';
	}

	.m_lnb>ul {}

	.m_lnb>ul>li {
		border-bottom: 1px solid #dcdcdc;
	}

	.m_lnb>ul>li>a {
		font-family: 'Noto';
		letter-spacing: -2px;
		font-weight: 700;
		display: block;
		line-height: 57px;
		padding: 0 10px;
		color: #515151;
		font-size: 18px;
		background: url(../../images/m_lnb.png) no-repeat 97%;
		background-size: 13px auto;
	}

	.m_lnb>ul>li a:hover {
		color: #458ea8;
	}

	.m_lnb>ul>li.on>a {
		color: #458ea8;
		background: url(../../images/m_lnb_up.png) no-repeat 97%;
		background-size: 13px auto;
	}

	.m_lnb>ul>li ul {
		display: none;
	}

	.m_lnb>ul>li>ul>li>a {
		display: block;
		padding: 10px 20px;
		color: inherit;
		font-size: 14px;
		background: #e8f1f4;
	}

	.m_lnb>ul>li>ul>li>a:hover {
		color: #333333;
	}

	.m_lnb>ul>li>ul>li.on a {
		color: #333333;
		background: #e8f1f4;
	}

	.m_lnb>ul>li>ul li ul {
		display: none;
		background-color: #e8f1f4;
	}

	.m_lnb>ul>li>ul li li a {
		display: block;
		padding: 0 25px 10px 22px;
		color: #666;
		font-size: 12px;
		background-color: #f5f2ec;
		padding-left: 30px;
	}

	.m_lnb>ul>li>ul>li li a:hover {
		color: #333333;
	}

	.top_title {
		margin-top: 0px;
		height: auto;
		padding: 0 20px;
		background: url(../../images/top_title_bg.jpg) no-repeat center, url(../../images/top_title_bg01.jpg) repeat center;
		background-size: cover;
	}

	.top_title .top_title_text {
		width: 100%;
		text-align: center;
		padding: 30px 0;
	}

	.top_title .top_title_text h1 {
		font-size: 22px;
		font-weight: 700;
		color: #555;
		line-height: 1;
		padding-bottom: 10px;
	}

	.top_title .top_title_text p {
		font-size: 13px;
		font-weight: 400;
		color: #333;
		word-break: keep-all;
		line-height: 1.1;
	}

	.location {
		margin: 20px 10px;
	}

	.location ul {
		display: flex;
	}

	.location ul li {
		padding-right: 22px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.location ul li:after {
		content: '>';
		color: #888;
		position: absolute;
		right: 6px;
	}

	.location ul li:last-child:after {
		display: none;
	}

	.location ul li a {
		display: block;
		font-size: 13px;
		color: #888;
		font-weight: 400;
		line-height: 1;
	}

	.location ul li:hover a {
		box-shadow: 0px 1px 0px #2e2e2e;
	}

	.location ul li.active a {
		color: #2e2e2e;
		font-weight: 500
	}

	.language_btn {
		margin: 0 10px;
		display: flex;
		justify-content: flex-end;
	}

	.language_btn ul {
		display: flex;
		justify-content: flex-start;
		border: 2px solid #ddd;
		padding: 2px;
		border-radius: 50px;
	}

	.language_btn ul li a {
		display: block;
		color: #999;
		font-size: 14px;
		font-weight: 500;
		padding: 7px;
		border-radius: 50px;
	}

	.language_btn ul li a.active {
		background: #458ea8;
		color: #fff;
	}


	.container {
		width: 100%;
		font-size: 14px;
	}

	.contants {
		margin: 0 auto;
	}

	.contants h2 {
		font-weight: 700;
		font-size: 24px;
		color: #555555;
		margin-top: 30px;
		margin-bottom: 25px;
		display: none;
	}

	.stype3 {
		height: 85px !important;
		line-height: 85px !important;
		padding: 10px !important;
	}

	.stype2 {
		height: 130px !important;
		line-height: 130px !important;
		padding: 10px !important;
	}

	.search {
		display: flex;
		height: auto !important;
		line-height: inherit !important;
		background-color: #f6f6f6;
		padding: 15px 20px;
		margin-bottom: 20px;
		flex-direction: column;
	}

	.search .inp {
		float: left;
		width: 100%
	}

	.search .inp li {
		float: left;
		margin-right: 10px;
		display: none;
	}

	.search .inp li:last-child {
		margin-right: 0;
		float: left;
	}

	.search .inp li:first-child {
		display: block;
		width: 100%;
	}

	.search .sel li {
		width: 100%;
		height: 45px;
	}

	.search.sType-2 {
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.search.sType-2 .nuclearTxt {
		width: auto;
		height: auto;
		margin-right: 10px;
	}

	.search.sType-2 .sel {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
	}

	.search.sType-2 .sel ul {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.search.sType-2 .sel li.selBox {
		width: 145px;
		height: auto;
		display: inline-flex;
	}

	.search.sType-2 .inp {
		display: inline-flex;
		width: auto;
		height: 40px;
	}

	.search.sType-2 .inp ul,
	.search.sType-2 .inp li,
	.search.sType-2 .inp a {
		height: 100%;
	}

	.search.sType-2 .inp a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 1.1;
	}

	.search .sel .txt {
		display: none;
	}

	.search .sel li:last-child {
		width: 100%;
		height: 45px;
	}

	.type_select {
		width: 50% !important;
		float: left;
	}

	.table_area {
		padding: 0 10px;
	}

	.table_list {
		border-top: solid 2px #333333;
		width: 100%;
		border-spacing: 0;
		font-size: 14px;
		margin-bottom: 30px;
		border-bottom: solid 2px #ddd;
	}

	.table_list th {
		display: none;
		height: 44px;
		line-height: 44px;
		background-color: #f9f9f9;
		border-bottom: solid 1px #c7c7c7;
		color: #458ea8;
		font-weight: 700;
	}

	.table_list td {
		padding: 8px;
		color: #333333;
		border-bottom: solid 1px #c7c7c7;
		text-align: center;
		font-weight: 400;
	}

	.table_list td:nth-child(1) {
		display: none;
	}

	.table_list td:nth-child(2) {
		width: 22%;
	}

	.table_list td:nth-child(3) {
		display: none;
	}

	.table_list td:nth-child(4) {
		width: 33%;
	}

	.table_list td:nth-child(5) {
		display: none;
	}

	.table_list .align_left {
		text-align: left;
	}


	.icon_sns {
		float: right;
		margin-top: 20px;
		display: none;
	}

	.icon_sns li {
		float: left;
		width: 36px;
		height: 36px;
		cursor: pointer;
	}

	.icon_sns li a {
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		width: 1px;
		height: 1px;
		margin: -1px;
	}

	.icon_sns .talk {
		background: url("../../images/icon_sns.png") 0 0;
	}

	.icon_sns .faceb {
		background: url("../../images/icon_sns.png") -35px 0;
	}

	.icon_sns .twitter {
		background: url("../../images/icon_sns.png") -70px 0;
	}

	.icon_sns .share {
		background: url("../../images/icon_sns.png") -108px 0;
	}

	.rating_list {
		border-top: solid 2px #333333;
		margin-bottom: 10px;
		width: 100%;
	}

	.rating_list li:first-child {
		border-bottom: solid 1px #c7c7c7;
	}

	.rating_list p {
		border-bottom: solid 1px #c7c7c7;
	}

	.rating_list li:nth-child(2) {}

	.rating_list .tit {
		width: 30%;
		background-color: #f9f9f9;
		color: #458ea8;
		font-weight: 700;
	}

	.rating_list span {
		padding: 0 20px;
		display: inline-block;
		box-sizing: border-box;
		height: 44px;
		line-height: 44px;
	}

	.rating_list span.longText {
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 70%;
	}

	.rating_graph {
		width: 100%;
		border-top: solid 2px #333333;
		height: 182px;
		border-bottom: solid 1px #c7c7c7;
		box-sizing: border-box;
	}

	.rating_graph li {
		margin: 0 auto;
		height: 70px;
	}

	.rating_graph li span:first-child {
		font-weight: 700;
		color: #555555;
		width: 340px;
		margin: 10px auto;
		display: block;
	}

	.rating_graph .graph_img {
		display: block;
		width: 100%;
		min-height: 34px;
		text-align: center;
		margin: 0 auto;
	}

	.rating_graph .A {
		background: url("../../images/graph_a.png") no-repeat center;
		background-size: contain;
	}

	.rating_graph .B {
		background: url("../../images/graph_b.png") no-repeat center;
		background-size: contain;
	}

	.rating_graph .C {
		background: url("../../images/graph_c.png") no-repeat center;
		background-size: contain;
	}

	.rating_graph .D {
		background: url("../../images/graph_d.png") no-repeat center;
		background-size: contain;
	}

	.rating_graph .E {
		background: url("../../images/graph_e.png") no-repeat center;
		background-size: contain;
	}

	.rating_graph em {
		display: block;
		font-style: inherit;
		line-height: 34px;
		text-align: center;
		color: #ffffff;
		font-weight: 700;
	}

	.rating_graph .D em {
		color: #ff5b00;
	}

	.rating_graph .E em {
		color: #ca0018;
	}

	.map_view_btn {
		float: right;
		margin-top: 15px;
	}

	.establishment_group {
		border-top: solid 2px #333333;
		padding-top: 25px;
		height: 100%;
		overflow: hidden;
	}

	.establishment {
		border: solid 1px #eaeaea;
		border-radius: 10px;
		width: 99%;
		height: 250px;
		box-shadow: 2px 2px 2px #dddddd;
		margin: 0 auto 10px;
	}

	.establishment h5 {
		color: #458ea8;
		font-weight: 700;
		font-size: 15px;
		border-bottom: solid 2px #548e91;
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.establishment ul {
		padding: 0 20px;
	}

	.establishment li {
		border-bottom: solid 1px #cccccc;
		height: 44px;
		line-height: 44px;
		font-size: 14px;
	}

	.establishment li:last-child {
		border-bottom: none;
	}

	.establishment p {
		display: inline-block;
		/*hbchoi 수정 - start*/
		max-width: 60%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		/*hbchoi 수정 - end*/
	}

	/*hbchoi 추가 - start*/
	.establishment span.small {
		padding: 0 4px !important
	}

	.establishment p.smallText {
		font-size: 12px;
		overflow: visible !important;
	}

	/*hbchoi 추가 - end*/
	.establishment p:first-child {
		width: 85px;
	}

	.establishment p:last-child {
		font-weight: 200;
	}

	.establishment span {
		color: #707070;
		font-weight: 700;
		display: inline-block;
		background-color: #f6f6f6;
		padding: 0 10px;
		height: 30px;
		border: solid 1px #dddddd;
		margin-right: -4px;
		text-align: center;
		line-height: 30px;
	}

	.establishment .pointA {
		background-color: #0276c0;
		color: #ffffff;
	}

	.establishment .pointB {
		background-color: #0e842c;
		color: #ffffff;
	}

	.establishment .pointC {
		background-color: #4c7f17;
		color: #ffffff;
	}

	.establishment .pointD {
		background-color: #D64309;
		color: #ffffff;
	}

	.establishment .pointE {
		background-color: #ca0018;
		color: #ffffff;
	}

	.establishment .good {
		background-color: #0276c0;
		color: #ffffff;
	}

	.establishment .normal {
		/* hbchoi 등급 색 수정 */
		background-color: #f9bb1e;
		color: #ffffff;
	}

	.establishment .bad {
		background-color: #D64309;
		color: #ffffff;
	}

	.establishment .pass {
		background-color: #0276c0;
		color: #ffffff;
	}

	.establishment .partial {
		/* hbchoi 등급 색 수정 */
		background-color: #f9bb1e;
		color: #ffffff;
	}

	.establishment .fail {
		background-color: #ca0018;
		color: #ffffff;
	}

	.establishment .etc {
		background-color: #9497a0;
		color: #ffffff;
	}

	.last_txt {
		margin-bottom: 50px;
		margin-top: 30px;
	}

	.last_txt .point {
		color: #ff2121;
	}

	.chk_list {
		width: 100%;
		border-top: solid 2px #333333;
		border-spacing: 0;
		margin-bottom: 20px;
	}

	.chk_list .tabl_th {
		display: none;
	}

	.chk_list ul {
		border-bottom: solid 1px #cccccc;
		height: auto;
		width: 100%;
		display: flex;
	}

	.chk_list li {
		float: left;
		padding-top: 12px;
		flex: auto;
	}

	.chk_list li:first-child {
		padding-top: 12px;
		padding-right: 14px;
		flex: none;
	}

	.chk_list li p {
		display: block;
		font-size: 14px;
		margin-bottom: 14px;
	}

	.chk_list li span:first-child {
		color: #458ea8;
		font-weight: 700;
		width: 62px;
	}

	.chk_list li span {
		display: inline-block;
	}

	.chk_list .mbtn {
		display: inline-block;
		width: 10px;
		font-size: 14px;
		color: #333333 !important;
		width: 20px !important;
	}

	.notice_icon {
		background-color: #458ea8;
		border-radius: 30px;
		width: 38px;
		height: 18px;
		margin: 0 auto;
		display: inline-block !important;
		vertical-align: middle;
		margin-right: 5px;
		text-align: center;
	}

	.notice_icon span {
		font-size: 14px;
		color: #ffffff;
		font-weight: 700;
	}

	.qna {
		border-top: solid 2px #333333;
		font-size: 14px;
		margin-bottom: 30px;
	}

	.qna_subj {
		display: none;
	}

	.qna_subj li {
		float: left;
		text-align: center;
	}

	.qna_list .qu {
		display: flex;
		border-bottom: solid 1px #c7c7c7;
		height: auto;
		line-height: 76px;
		color: #333333;
		background: url("../../images/m_lnb.png") no-repeat 98%;
		background-size: 11px 6px;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.qna_list .on {
		background: url("../../images/m_lnb_up.png") no-repeat 98%;
		background-size: 11px 6px;
	}

	.qna_list p {
		padding: 20px 10px;
		line-height: 180%;
		font-weight: 400;
		border-bottom: solid 1px #c7c7c7;
		color: #333333;
	}

	.qna_list a {
		display: block;
		min-height: 20px;
		line-height: 1.1;
		padding-right: 40px;
	}

	.qna_list a:first-child {
		font-weight: bold;
	}

	.qna_list span:last-child {
		display: inline-block;
		padding: 12px 0;
	}

	.qna_list span:first-child {
		height: auto;
		padding-top: 12px;
		line-height: 1.1;
		padding-left: 10px;
		padding-right: 15px;
		float: left;
	}

	.qna_list .on a {
		color: #458ea8;
		font-weight: 700;
	}

	.qna_list .on a:last-child {
		font-weight: normal;
	}

	.qna_list .on span {
		color: #458ea8;
		font-weight: 700;
	}

	.table_post {
		border-top: solid 2px #333333;
		width: 100%;
		border-spacing: 0;
		font-size: 14px;
		text-align: left;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.table_post th {
		width: 15% !important;
		text-align: center;
		height: 54px;
		background-color: #f8f8f8;
		border-bottom: solid 1px #c7c7c7;
		font-weight: 700;
	}

	.table_post th span {
		display: block;
	}

	.table_post td {
		padding: 3px 10px;
		color: #333333;
		border-bottom: solid 1px #c7c7c7;
		font-weight: 400;
	}

	.table_post .conthe {
		height: auto;
	}

	.table_post .file {
		font-size: 12px;
		font-weight: 500;
		display: block;
		margin-bottom: 5px;
	}

	.table_post .point {
		color: #ff3a3a;
		font-weight: 200;
		vertical-align: top;
	}

	.table_post .file:before {
		background: url("../../images/icon_file.png");
		background-size: contain;
		display: inline-block;
		content: '';
		width: 15px;
		height: 16px;
		margin: 0 8px;
		position: relative;
		top: 3px;
	}

	.table_post .delicon {
		background: url("../../images/icon_del.png");
		background-size: contain;
		width: 28px;
		height: 14px;
		margin: 0 10px;
		color: #ffffff;
		font-size: 11px;
		font-weight: 300;
	}

	.table_post td p {
		display: block;
		vertical-align: top;
	}

	.table_post td p span {
		display: block;
		margin-bottom: 5px
	}

	.table_post .file_input_div {
		margin: 0
	}

	.table_post .form-group {
		margin-bottom: 5px
	}

	.table_tit {
		color: #333333;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.table_view {
		border-top: solid 2px #333333;
		width: 100%;
		border-spacing: 0;
		font-size: 14px;
		text-align: left;
		margin-bottom: 30px;
	}

	.table_view th {
		padding: 14px 20px;
		background-color: #f9f9f9;
		border-bottom: solid 1px #c7c7c7;
		color: #458ea8;
		font-weight: 700;
		width: 120px;
	}

	.table_view td {
		padding: 14px 20px;
		color: #333333;
		border-bottom: solid 1px #c7c7c7;
		font-weight: 400;
	}

	.table_view .conthe {
		height: auto;
	}

	.table_none {
		border-top: solid 1px #333333;
		border-bottom: solid 1px #333333;
		text-align: center;
		padding: 80px 0;
		color: #333333;
		font-weight: 300;
		margin-bottom: 30px;
	}

	.summit {
		margin-bottom: 30px;
		height: 30px;
		text-align: center;
		margin-left: 10px;
	}

	.summit a {}

	.summit a:first-child {
		margin-right: 5px;
	}

	.mob {
		display: none;
	}

	.list_next {
		border-top: solid 1px #d6d6d6;
		margin-bottom: 100px;
		color: #666666;
	}

	.list_next li {
		height: auto;
		padding: 10px 10px 10px 0;
		font-size: 15px;
		font-weight: 400;
		border-bottom: solid 1px #d6d6d6;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.list_next span {
		font-weight: 500;
		margin-left: 20px;
		flex: none;
	}

	.list_next li a {
		display: inline-block;
		margin-left: 25px;
		font-size: 14px;
		line-height: 1.2;
	}

	.list_next .icon_pre {
		background: url("../../images/icon.png") 0 -90px;
		display: inline-block;
		width: 15px;
		height: 10px;
		flex: none;
	}

	.list_next .iocn_next {
		background: url("../../images/icon.png") 0 -102px;
		display: inline-block;
		width: 15px;
		height: 10px;
	}

	.tab_info {
		/*height: 35px;*/
		/* line-height: 35px; */
	}

	.tab_info .t1 {
		font-size: 13px;
		color: #333333;
		vertical-align: top;
		padding: 0 10px;
	}

	.tab_info .t1 strong {
		color: #458ea8;
		font-weight: 700;
		display: inline-block;
	}

	.tab_info .t2 {
		font-size: 14px;
		color: #999999;
		float: right;
		display: inline-block;
		vertical-align: top;
		display: none;
	}

	.tab_info .icon {
		background: url(../../images/icon.png) -30px -30px;
		display: inline-block;
		width: 20px;
		height: 26px;
		position: relative;
		top: 2px;
	}

	.map_list_loct {
		border-top: solid 2px #333333;
	}

	.map_list_loct .ml_loct_tit {
		display: none;
	}

	.map_list_loct ul {
		padding: 10px;
	}

	.map_list_loct li {
		border-bottom: solid 1px #cccccc;
		padding-bottom: 10px;
	}

	.map_list_loct p:first-child {
		display: none;
	}

	.map_list_loct p>span:first-child {
		color: #458ea8;
		font-weight: 700;
		width: 71.5px;
		display: inline-block;
		line-height: 28px;
	}

	.viewtb {
		width: 100%;
		border-top: solid 2px #0d274c;
		margin-bottom: 30px;
		margin-top: 10px;
	}

	.viewtop {
		width: 100%;
		border-top: solid 2px #0d274c;
		margin-bottom: 20px;
	}

	.viewtb .subj {
		line-height: 1.1;
		height: auto;
		border-bottom: solid 1px #999999;
		color: #458ea8;
		font-size: 17px;
		font-weight: bold;
		padding: 15px 10px;
	}

	.viewtb .mlist p {
		padding-top: 12px;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.viewtb .mlist p:first-child {
		padding-top: 0;
	}

	.viewtb .mlist p:nth-child(3) {
		display: none;
	}

	.viewtb .list {
		height: auto;
		line-height: 1.1;
		background-color: #f8f8f8;
		border-bottom: solid 1px #d6d6d6;
		padding: 10px;
	}

	.viewtb .list span {
		font-size: 14px;
		color: #333333;
		margin-right: 25px;
	}

	.viewtb .list .sum {
		font-weight: 700;
		margin-right: 15px;
	}

	.viewtb .cont {
		color: #333333;
		font-size: 14px;
		padding: 10px;
		line-height: 1.3;
		min-height: 150px;
		border-bottom: solid 1px #d6d6d6;
		font-weight: 400;
	}

	.viewtb .filelist {
		background-color: #f8f8f8;
		font-weight: 400;
		border-bottom: solid 1px #999999;
		padding: 15px;
		color: #4c4c4c;
		font-size: 14px;
	}

	.viewtb .filelist p:first-child {
		display: none;
	}

	.viewtb .filelist p {
		display: inline-block;
		vertical-align: top;
		color: #333333;
		font-size: 12px;
	}

	.viewtb .filelist span {
		display: block;
	}

	.viewtb .filelist span:last-child {
		margin-bottom: 0 !important
	}

	.viewtb .filelist .file {
		font-weight: 500;
		color: #333333;
		vertical-align: top;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.viewtb .filelist .file:nth-last-child(6) {
		margin-bottom: 0;
	}

	.viewtb .filelist .file:before {
		background: url("../../images/icon_file.png");
		display: inline-block;
		content: '';
		background-size: contain;
		width: 15px;
		height: 16px;
		margin: 0 10px;
	}

	.viewtb .filelist .file a {
		vertical-align: top;
		font-size: 12px;
	}

	.viewtb .filelist .file em {
		vertical-align: top;
		font-style: normal;
	}

	.comment_tit {
		color: #333333;
		font-size: 18px;
		font-weight: 700;
		margin-top: 40px;
		margin-bottom: 10px;
	}

	.bookM_tit {
		width: auto;
		margin: 0 auto;
		padding: 30px 10px 0 10px;
		box-sizing: border-box;
	}

	.bookM_tit p {
		color: #333333;
		font-weight: 700;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.bookM_tit span {
		font-weight: 400;
		font-size: 14px;
	}

	.bookM {
		width: 100%;
		margin: 30px auto;
	}

	.bookM .bookM_day {
		background-color: #f9f9f9;
		padding-left: 20px;
		height: 44px;
		line-height: 44px;
		border-top: solid 2px #333333;
		border-bottom: solid 1px #cccccc;
		color: #458ea8;
		font-size: 16px;
		font-weight: 700;
	}

	.bookM .bookM_list li {
		float: left;
		color: #333333;
		font-size: 16px;
		font-weight: 700;
		padding-top: 15px;
		box-sizing: border-box;
	}

	.bookM .bookM_list li:first-child {
		float: left;
		padding-top: 15px;
		padding-left: 10px;
		padding-right: 20px;
	}

	.bookM .bookM_list p {}

	.bookM .bookM_list {
		height: 204px;
		border-bottom: solid 1px #cccccc;
	}

	.bookM .bookM_list .Miocn {
		border: solid 2px #458ea8;
		border-radius: 30px;
		color: #458ea8;
		font-size: 13px;
		font-weight: 700;
		width: 80px;
		line-height: 30px;
		height: 30px;
		display: block;
		text-align: center;
		margin-bottom: 15px;
	}

	.bookM .bookM_list .Mname a {
		color: #458ea8;
		font-weight: 700;
		text-decoration: underline !important;
		font-size: 16px;
		display: block;
		margin-bottom: 15px;
	}

	.bookM .bookM_list .Maddr {
		font-weight: 400;
		font-size: 14px;
		display: block;
		margin-bottom: 15px;
	}

	.bookM .bookM_list .Mnoun {
		font-weight: 300;
		font-size: 14px;
		margin-top: 5px;
	}

	.bookM .bookM_list .Minfo {
		position: relative;
		top: 140px;
		left: -190px;
	}

	.siteMap {
		padding: 10px;
		overflow: hidden;
		margin-bottom: 100px;
		margin-top: 30px;
	}

	.siteMap ul {
		float: left;
		width: 100%;
		margin-bottom: 15px;
	}

	.siteMap li {
		height: 30px;
		line-height: 30px;
		vertical-align: top;
		padding: 0 30px;
	}

	.siteMap li a {
		color: #333333;
		font-size: 16px;
		font-weight: 700;
	}

	.siteMap li a.txt {
		font-weight: 300;
		padding-left: 15px;
	}

	.siteMap li span {
		display: inline-block;
		line-height: 29px;
		vertical-align: top;
	}

	.siteMap .tit {
		background-color: #458ea8;
		border: solid 2px #458ea8;
		border-radius: 20px;
		color: #ffffff;
		font-weight: 500;
		margin-bottom: 10px;
	}

	.siteMap .tit2 {
		border-radius: 20px;
		border: solid 2px #458ea8;
		color: #458ea8;
		font-weight: 500;
		margin-bottom: 10px;
	}

	.copyR_tit {
		color: #458ea8;
		font-size: 15px;
		font-weight: 500;
		line-height: 160%;
		margin: 40px 0;
		padding: 0 10px;
	}

	.copyR_box {
		border: solid 1px #dddddd;
		padding: 20px 30px;
		margin: 0 10px 50px;
	}

	.overflo {
		height: 700px;
		overflow-y: scroll;
	}

	.copyR_box .subtit1 {
		color: #333333;
		font-weight: 500;
		line-height: 160%;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.copyR_box .subtit2 {
		color: #333333;
		font-weight: 200;
		line-height: 160%;
		font-size: 14px;
		padding-left: 15px;
	}

	.copyR_box .subtit2 ol {
		padding-left: 10px;
		margin: 5px 0 10px
	}

	.btn {
		color: #ffffff;
		display: inline-block;
		font-weight: 500;
		border-radius: 20px;
		text-align: center;
		font-size: 15px;
		height: 30px;
		line-height: 30px;
	}

	.btn2 {
		color: #ffffff;
		display: inline-block;
		font-weight: 500;
		border-radius: 20px;
		text-align: center;
		font-size: 14px;
		height: 27px;
		line-height: 27px;
	}

	.btn3 {
		color: #ffffff;
		display: inline-block;
		font-weight: 500;
		border-radius: 20px;
		text-align: center;
		font-size: 14px;
		height: 27px;
		line-height: 27px;
	}

	.btn_ic {
		color: #458ea8;
		border: solid 2px #458ea8;
		display: inline-block;
		font-weight: 700;
		border-radius: 20px;
		text-align: center;
		font-size: 14px;
		height: 28px;
		line-height: 28px;
	}

	.b_type_mp {
		background-color: #ffffff;
		width: 130px;
		background: url(../../images/icon_map.png) no-repeat 12%;
		background-size: 13px 16px;
		padding-left: 10px;
	}

	.b_type_sh {
		background-color: #ffffff;
		width: 125px;
		background: url(../../images/icon_share.png) no-repeat 85%;
		background-size: 16px 16px;
		padding-right: 15px;
	}

	.b_type1 {
		background-color: #285064;
		width: 75px;
	}

	.b_type2 {
		background-color: #333333;
		width: 75px;
		margin-left: 5px;
	}

	.b_type3 {
		font-weight: 700;
		color: #333333;
	}

	.upload {
		background-color: #458ea8;
		line-height: 22px;
		height: 22px;
		font-size: 12px;
		margin: 10px 0;
	}

	.infom {
		background-color: #458ea8;
		width: 90px;
		float: right;
		position: relative;
		top: 10px;
		display: none;
	}

	.btn_view {
		color: #ffffff;
		display: inline-block;
		font-weight: 500;
		border-radius: 20px;
		text-align: center;
		font-size: 14px;
		height: 26px;
		line-height: 26px;
		display: none;
	}


	.group_site {
		margin-top: 4px;
	}

	.gusite {
		width: 194px;
		height: 35px;
		line-height: 35px;
		border-radius: inherit;
		font-weight: 200;
		background: url(../../images/select2.png) no-repeat 92%;
		margin-right: 0;
	}

	.gusite_btn {
		position: relative;
		left: -5px;
		vertical-align: top;
		background-color: #797676;
		color: #ffffff;
		font-weight: 700;
		text-align: center;
		height: 35px;
		width: 68px;
	}

	select {
		color: #333333;
		width: 100%;
		vertical-align: top;
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		font-family: inherit;
		background: #ffffff url(../../images/m_select.png) no-repeat right 10px center;
		background-size: 12px 6px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #bbbbbb;
		border-radius: 20px;
		font-weight: 500;
		font-size: 15px;
		margin-right: 10px;
	}

	select::-ms-expand {
		/* for IE 11 */
		display: none;
	}

	select:disabled {
		background-color: #e1e1e1;
	}

	textarea {
		padding: 9px;
		border: solid 1px #bbbbbb;
		color: #333333;
		font-size: 15px;
		width: 100%;
		margin: 10px 0;
		font-family: 'Noto Sans KR', sans-serif;
		box-sizing: border-box;
	}

	.checkbox.custom {
		float: left;
		margin: 0;
		padding: 0;
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	input[type="checkbox"].custom {
		margin-left: 0;
		padding: 0;
	}

	input[type=checkbox].css-checkbox {
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0px;
		border: 0;
	}

	input[type=checkbox].css-checkbox+label.css-label {
		padding-left: 20px;
		height: 20px;
		display: inline-block;
		line-height: 20px;
		background-repeat: no-repeat;
		background-position: 0 0;
		font-size: 15px;
		vertical-align: middle;
		cursor: pointer;
		opacity: 1;
	}

	input[type=checkbox].css-checkbox+label.css-label:hover {
		/*   opacity: 0.5; */
		/* 선택적 사용 */
	}

	input[type=checkbox].css-checkbox:checked+label.css-label {
		background-position: 0 -20px;
	}

	input[type="text"] {
		width: 100%;
	}


	.fileBox .fileName {
		display: inline-block;
		width: 190px;
		height: 30px;
		padding-left: 10px;
		margin-right: 5px;
		line-height: 30px;
		border: 1px solid #aaa;
		background-color: #fff;
		vertical-align: middle
	}

	.fileBox .btn_file {
		display: inline-block;
		border: 1px solid #000;
		width: 100px;
		height: 30px;
		font-size: 0.8em;
		line-height: 30px;
		text-align: center;
		vertical-align: middle
	}

	.fileBox input[type="file"] {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0
	}


	.css-label {
		background-image: url("../../images/checkbox.png");
	}

	.input1 {
		height: 40px;
		line-height: 40px;
		color: #333333;
		font-size: 15px;
		font-weight: 400;
		border-radius: 20px;
		background: #ffffff url(../../images/icon_ser.png) no-repeat 98%;
		background-size: 24px 20px;
	}

	.input2 {
		height: 40px;
		line-height: 40px;
		color: #333333;
		font-size: 15px;
		font-weight: 400;
		width: 100%;
		border-radius: 20px;
		background: #ffffff url(../../images/icon_ser.png) no-repeat 98%;
		background-size: 24px 20px;
	}

	.input4 {
		height: 35px;
		line-height: 35px;
		color: #333333;
		font-size: 15px;
		font-weight: 400;
		width: 100%;
	}

	.inputq {
		height: 40px;
		line-height: 40px;
		color: #333333;
		font-size: 15px;
		font-weight: 400;
		border-radius: 20px;
		background: #ffffff url(../../images/icon_ser.png) no-repeat 98%;
		background-size: 24px 20px;
	}

	.paginate {
		font-size: 14px;
		color: #000;
		text-align: center;
		margin: 20px 0 40px 0;
		clear: both;
	}

	.paginate .focus {
		color: #ffffff;
		font-weight: bold;
		display: inline-block;
	}

	.paginate a {
		color: #666666;
		width: 22px;
		height: 22px;
		line-height: 22px;
		display: inline-block;
		vertical-align: top;
	}

	.paginate span {
		display: inline-block;
		padding: 0 5px;
		vertical-align: top;
		height: 22px;
		line-height: 22px;
	}

	.paginate strong {
		display: inline-block;
		position: relative;
	}

	.paginate .prev_all {
		background: url("../../images/prev_all.png") no-repeat center;
		border: none;
		font-size: 0
	}

	.paginate .prev_btn {
		background: url("../../images/prev_btn.png") no-repeat center;
		border: none;
		font-size: 0
	}

	.paginate .next_btn {
		background: url("../../images/next_btn.png") no-repeat center;
		border: none;
		font-size: 0
	}

	.paginate .next_all {
		background: url("../../images/next_all.png") no-repeat center;
		border: none;
		font-size: 0
	}

	.paginate span>a:hover,
	.paginate span>a:active,
	.paginate span>a:focus {
		background-color: #458ea8;
		color: #ffffff;
	}

	.paginate span>a.active {
		background-color: #458ea8;
		color: #ffffff;
	}

	.paginate .mob_v {
		display: none;
	}

	/* footer */
	.footer {
		background: #42464c;
		width: 100%;
		height: auto;
		color: #fff;
	}

	.footer .footer_inner {
		width: 100%;
	}

	.footer .footer_inner .f_select {
		border-bottom: 1px solid #87898c;
		font-size: 0
	}

	.footer .footer_inner .f_select select {
		width: calc(100% - 90px);
		margin: 10px;
		font-weight: 400;
		color: #999;
		font-size: 15px;
		background: #42464c url(../../images/select2.png) no-repeat right 10px center;
		border-radius: 0;
		box-sizing: border-box;
	}

	.footer .footer_inner .f_select .f_button {
		width: 60px;
		height: 40px;
		cursor: pointer;
		font-size: 15px;
		margin: 10px 0;
	}

	.footer .footer_inner .f_con {
		margin: 0 10px;
		padding: 20px 0
	}

	.footer .footer_inner h1.f_logo {
		width: 110px;
		height: 31px;
	}

	.footer .footer_inner h1.f_logo img {
		width: 100%;
		height: 100%;
	}

	.footer .footer_inner .f_nav {
		display: inline-block;
		padding: 10px 0;
		margin-left: -17px
	}

	.footer .footer_inner .f_nav li {
		display: inline-block;
		padding: 5px 17px;
	}

	.footer .footer_inner .f_nav li a {
		position: relative;
		display: block;
		color: #fff;
		font-size: 12px;
		font-weight: 400
	}

	.footer .footer_inner .f_nav li a:after {
		content: '';
		position: absolute;
		right: -18px;
		top: 2px;
		width: 1px;
		height: 16px;
		background: #a1a3a6
	}

	.footer .footer_inner .f_nav li:last-child a:after {
		display: none
	}

	.footer .footer_inner .f_nav li a.on {
		color: #86d6e0;
	}

	.footer .footer_inner .f_nav li:last-child {
		display: none;
	}

	.footer .footer_inner .copyri ul li {
		display: block;
		font-size: 14px;
		font-weight: 100;
		padding: 5px 0;
	}

	.footer .footer_inner .copyri ul li span {
		background: #656b74;
		border-radius: 6px;
		margin-right: 5px;
		padding: 0 3px;
		font-size: 13px;
	}

	.btn_top {
		display: block;
		background: url(../../images/btn_top.png);
		width: 79px;
		height: 30px;
		top: -10px;
		margin: 0 auto;
		background-size: cover;
		background-position: center;
		position: relative;
		font-size: 0;
	}

	.main_container {
		position: absolute;
		width: 100%;
		height: calc(100% - 60px);
	}

	.map_container {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.map_category_list .list_wrapper.pc {
		display: none !important;
	}

	.map_category_list .list_wrapper.Mobile {
		display: block !important;
	}

	.map_category_list {
		width: 100%;
		background: #fff;
		overflow: hidden;
		z-index: 100;
		position: absolute;
		margin: 0 auto;
		text-align: center;
		top: 60px !important;
		height: unset !important;
	}

	.map_category_list .category_search {
		display: none;
	}

	.map_category_list ul {
		padding: 30px 0;
		display: none;
	}

	.map_category_list li {
		width: 60px;
		margin: 0 20px;
		display: inline-block;
	}

	.map_category_list .category_up,
	.map_category_list .category_down {
		display: none;
	}

	.map_category_list li a {
		display: block;
	}

	.map_category_list li span {
		font-family: 'Noto';
		font-size: 14px;
		font-weight: 700;
		display: block;
		text-align: center;
		margin: 8px 0 20px 0;
		color: #325a50;
	}

	.map_category_list .btn01 {
		background: url(../../images/map/btn_icon01.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn01.on {
		background: url(../../images/map/btn_icon01_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn02 {
		background: url(../../images/map/btn_icon02.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn03 {
		background: url(../../images/map/btn_icon03.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn04 {
		background: url(../../images/map/btn_icon04.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn05 {
		background: url(../../images/map/btn_icon05.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn06 {
		background: url(../../images/map/btn_icon06.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn07 {
		background: url(../../images/map/btn_icon07.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn08 {
		background: url(../../images/map/btn_icon08.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn09 {
		background: url(../../images/map/btn_icon09.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn10 {
		background: url(../../images/map/btn_icon10.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn11 {
		background: url(../../images/map/btn_icon11.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn12 {
		background: url(../../images/map/btn_icon12.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn02:hover,
	.map_category_list .btn02.on {
		background: url(../../images/map/btn_icon02_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn03:hover,
	.map_category_list .btn03.on {
		background: url(../../images/map/btn_icon03_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn04:hover,
	.map_category_list .btn04.on {
		background: url(../../images/map/btn_icon04_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn05:hover,
	.map_category_list .btn05.on {
		background: url(../../images/map/btn_icon05_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn06:hover,
	.map_category_list .btn06.on {
		background: url(../../images/map/btn_icon06_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn07:hover,
	.map_category_list .btn07.on {
		background: url(../../images/map/btn_icon07_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn08:hover,
	.map_category_list .btn08.on {
		background: url(../../images/map/btn_icon08_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn09:hover,
	.map_category_list .btn09.on {
		background: url(../../images/map/btn_icon09_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn10:hover,
	.map_category_list .btn10.on {
		background: url(../../images/map/btn_icon10_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn11:hover,
	.map_category_list .btn11.on {
		background: url(../../images/map/btn_icon11_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.map_category_list .btn12:hover,
	.map_category_list .btn12.on {
		background: url(../../images/map/btn_icon12_on.png);
		background-size: 60px 60px;
		height: 60px;
	}

	.m_list_open {
		position: relative;
		bottom: 0;
		height: 20px;
		line-height: 20px;
		font-size: 13px;
		color: #ffffff;
		text-align: center;
		width: 100%;
		background-color: #458ea8;
	}

	.m_list_open span {
		background: #458ea8 url(../../images/map/m_list_down.png) no-repeat right;
		background-size: 8px auto;
		padding-right: 10px;
	}

	.m_list_open.on span {
		background: #458ea8 url(../../images/map/m_list_up.png) no-repeat right;
		background-size: 8px auto;
		padding-right: 10px;
	}

	.map_assets {
		width: 100%;
		height: 60px;
		position: relative;
		z-index: 10;
		display: table;
	}

	.map_search {
		display: block !important;
		background-color: #dddddd;
		padding: 10px;
		height: 40px;
	}

	.map_assets .map_select {
		width: calc(35% - 10px);
		margin-right: 10px;
		border: 0;
		border-radius: 20px;
		height: 40px;
		line-height: 40px;
		color: #777777;
		background: #ffffff url(../../images/map/map_select.png) no-repeat right 10px center;
		background-size: 13px auto;
	}

	.map_assets .map_input {
		height: 40px;
		line-height: 40px;
		color: #333333;
		font-size: 15px;
		font-weight: 400;
		border-radius: 20px;
		border: 0;
		box-sizing: border-box;
		margin-left: -5px;
		position: relative;
		z-index: 100;
		width: 65%;
		background: #ffffff url(../../images/map/input_search.png) no-repeat right 10px center;
		background-size: 25px auto;
	}

	.map_locselect {
		position: absolute;
		z-index: 100;
		top: 80px;
		left: 0 !important;
		width: calc(100% - 20px);
		background-color: rgba(16, 47, 58, 0.9);
		font-size: 15px;
		color: #ffffff;
		font-family: 'Noto';
		font-weight: 700;
		height: 40px;
		line-height: 40px;
		padding-left: 20px;
		border-radius: 20px;
		box-sizing: border-box;
		margin: 10px;
	}

	.map_locselect li {
		float: left;
		position: relative;
		padding-right: 40px;
	}

	.map_locselect.on a {
		color: #e4f2a8;
	}

	.map_locselect .arrow_right {
		position: absolute;
		right: 0;
		top: 15px;
		padding: 3px;
		margin: 0 15px;
	}

	.map_locselect .arrow_right:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 40%;
		background: #ffffff;
		-webkit-transform: skew(45deg, 0deg);
		-moz-transform: skew(45deg, 0deg);
		-ms-transform: skew(45deg, 0deg);
		-o-transform: skew(45deg, 0deg);
		transform: skew(45deg, 0deg);
	}

	.map_locselect .arrow_right:after {
		content: '';
		position: absolute;
		top: 100%;
		right: 60%;
		height: 100%;
		width: 40%;
		background: #ffffff;
		-webkit-transform: skew(-45deg, 0deg);
		-moz-transform: skew(-45deg, 0deg);
		-ms-transform: skew(-45deg, 0deg);
		-o-transform: skew(-45deg, 0deg);
		transform: skew(-45deg, 0deg);
	}

	.map_locselect .area_down {
		display: inline-block;
		cursor: pointer;
		background: url(../../images/map/area_down.png) no-repeat;
		width: 18px;
		height: 9px;
		position: absolute;
		background-size: contain;
		top: 15px;
		left: 144px;
	}

	.map_locselect .area_down.up {
		display: inline-block;
		background: url(../../images/map/area_up.png) no-repeat;
		width: 18px;
		height: 9px;
		position: absolute;
		background-size: contain;
		top: 15px;
		left: 144px;
	}

	.select_open {
		font-family: 'Noto';
		position: absolute;
		z-index: 10;
		top: 90px;
		left: 10px !important;
		height: 235px;
		width: calc(100% - 20px);
		padding-top: 40px;
		border-radius: 20px;
		background-color: rgba(0, 0, 0, 0.7);
		color: #ffffff;
		border-top: solid 1px #828282;
	}

	.select_open .loca_point {
		width: 33.3%;
		height: 235px;
		float: left;
		border-right: solid 1px #828282;
		box-sizing: border-box;
	}

	.select_open .loca_point li {
		height: 38px;
		line-height: 38px;
		padding-left: 30px;
	}

	.select_open .loca_point li a {
		font-family: 'Noto';
		color: #ffffff;
	}

	.select_open .loca_point li:hover {
		background-color: #707070;
	}

	/* 지도 지역 메뉴 수정 2020.10.27 */
	.map_locselect.map {
		z-index: 50;
		top: auto;
		background: #fff;
		font-weight: 400;
		font-size: 14px;
		border-radius: 5px;
		box-shadow: 2px 2px 2px #dddddd;
		padding: 0 15px;
		width: auto;
	}

	.map_locselect.map a {
		color: #000;
	}

	.map_locselect.map li {
		width: auto;
		padding-right: 25px;
		color: #000;
	}

	.map_locselect.map li:nth-child(3) {
		padding-right: 0px;
	}

	.map_locselect.map li:nth-child(4) {
		padding-right: 0px;
	}

	.map_locselect.map li:hover {
		text-decoration: underline;
	}

	.map_locselect.map .arrow_right {
		margin: 0;
		margin-right: 7px;
	}

	.map_locselect.map .arrow_right:before {
		background: #000;
		width: 20%;
	}

	.map_locselect.map .arrow_right:after {
		background: #000;
		width: 20%;
	}

	.map_locselect.map .area_down {
		display: none;
	}

	.select_open.map {
		z-index: 50;
		overflow: hidden;
		background: #fff;
		font-size: 14px;
		width: auto;
		height: auto;
		border: 0;
		padding: 10px;
		top: 54px;
		border-radius: 5px;
		box-shadow: 2px 2px 2px #dddddd;
	}

	.select_open.map .loca_point {
		width: auto;
		border-right: solid 1px #bdbdbd;
	}

	.select_open.map .loca_point li {
		height: 26px;
		line-height: 26px;
		padding: 0 10px;
		margin-right: 5px;
	}

	.select_open.map .loca_point li.on {
		background-color: #f5f5f5;
	}

	.select_open.map .loca_point li:hover {
		background-color: #f5f5f5;
	}

	.select_open.map .loca_point a {
		color: #000;
	}

	.loca_1,
	.loca_2,
	.loca_3 {
		height: 235px;
		overflow-y: scroll;
	}

	/*chrome,safari*/
	.select_open.map ::-webkit-scrollbar {
		width: 7px;
	}

	.select_open.map ::-webkit-scrollbar-track {
		background: #fff;
	}

	.select_open.map ::-webkit-scrollbar-thumb {
		background: #e3e3e3;
	}

	.select_open.map ::-webkit-scrollbar-thumb:hover {
		background: #888;
	}

	/*IE*/
	/*.select_open.map { scrollbar-arrow-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-face-color: #e3e3e3; scrollbar-shadow-color: #fff; scrollbar-track-color: #fff; }*/
	/* 지도 지역 메뉴 수정 끝 */

	.map_pointer {
		background: url(../../images/map/map_current.png) no-repeat;
		width: 46px;
		height: 64px;
		position: absolute;
	}

	.map_pointer a {
		width: 44px;
		text-align: center;
		line-height: 40px;
		display: inline-block;
		color: #ffffff;
		font-size: 17px;
		font-weight: 700;
	}

	.map_pointer:hover {
		background: url(../../images/map/map_current_on.png) no-repeat;
		width: 46px;
		height: 64px;
		position: absolute;
	}

	.map_pointer:hover a {
		width: 44px;
		text-align: center;
		line-height: 40px;
		display: inline-block;
		color: #458ea8;
		font-size: 17px;
		font-weight: 700;
	}

	.map_pointer.on {
		background: url(../../images/map/map_current_on.png) no-repeat;
		width: 46px;
		height: 64px;
		position: absolute;
	}

	.map_pointer.on a {
		width: 44px;
		text-align: center;
		line-height: 40px;
		display: inline-block;
		color: #458ea8;
		font-size: 17px;
		font-weight: 700;
	}

	/* 어린이보호구역추가 */
	.map_pointer.child {
		background: url(../../images/map/child_pointer.png) no-repeat;
		width: 36px;
		height: 48px;
		cursor: pointer
	}

	.map_pointer.child.on {
		background: url(../../images/map/child_pointer_on.png) no-repeat;
		width: 46px;
		height: 62px;
	}

	.map_pointer.etc {
		background: url(../../images/map/safe_pointer_on.png) no-repeat;
		width: 36px;
		height: 48px;
		cursor: pointer
	}

	.map_pointer.etc.on {
		background: url(../../images/map/safe_pointer_on.png) no-repeat;
		width: 46px;
		height: 62px;
	}

	.btn_reload {
		position: absolute;
		left: calc(50% - 84px) !important;
		bottom: 20px;
		/*top: 42px !important;*/
		margin: 0px !important;
		z-index: 2;
	}

	.btn_reload a {
		display: inline-block;
		background: url(../../images/map/mlocation_reload.png) no-repeat;
		background-size: contain;
		width: 169px;
		height: 32px;
		font-size: 0;
	}

	.measure {
		position: fixed;
		right: 10px;
		margin-top: 10px;
		z-index: 2;
		top: 140px;
		background: #ffffff;
	}

	.measure li span {
		display: inline-block;
	}

	.measure li:nth-child(1) {
		border-top: solid 1px #e6e6e6;
	}

	.measure li:nth-child(7) {
		border-top: solid 1px #e6e6e6;
	}

	.measure li {
		width: 38px;
		height: 58px;
		line-height: 58px;
		border: solid 1px #e6e6e6;
		text-align: center;
		border-top: 0;
	}

	.measure li a {
		font-size: 0;
		text-indent: -9999px;
		display: inline-block;
		width: 38px;
		height: 60px;
		vertical-align: top;
	}

	.measure li:nth-child(1) a {
		background: url(../../images/map/btn_location.png) no-repeat center;
		background-size: 29.5px auto;
	}

	.measure li:nth-child(1) a:hover {
		background: url(../../images/map/btn_location_on.png) no-repeat center;
		background-size: 29.5px auto;
	}

	.measure li:nth-child(2) a {
		background: url(../../images/map/btn_distance.png) no-repeat center;
		background-size: 21px 42px;
	}

	.measure li:nth-child(2) a:hover {
		background: url(../../images/map/btn_distance_on.png) no-repeat center;
		background-size: 21px 42px;
	}

	.measure li:nth-child(3) a {
		background: url(../../images/map/btn_mapview.png) no-repeat center;
		background-size: 30px 33px;
	}

	.measure li:nth-child(3) a:hover {
		background: url(../../images/map/btn_mapview_on.png) no-repeat center;
		background-size: 30px 33px;
	}

	.measure li:nth-child(4) a {
		background: url(../../images/map/btn_compare.png) no-repeat center;
		background-size: 21px auto;
	}

	.measure li:nth-child(4) a:hover {
		background: url(../../images/map/btn_compare_on.png) no-repeat center;
		background-size: 21px auto;
	}

	.measure li:nth-child(5) a {
		background: url(../../images/map/btn_search.png) no-repeat center;
		background-size: 22.5px auto;
	}

	.measure li:nth-child(5) a:hover {
		background: url(../../images/map/btn_search_on.png) no-repeat center;
		background-size: 22.5px auto;
	}

	.measure li:nth-child(6) a {
		background: url(../../images/map/btn_children_x2.png) no-repeat center;
		background-size: 31px auto;
	}

	.measure li:nth-child(6) a.on {
		background: #666 url(../../images/map/btn_children_on_x2.png) no-repeat center;
		background-size: 31px auto;
	}

	.measure li:nth-child(7) a {
		background: url(../../images/map/safe_pointer_x2.png) no-repeat center;
		background-size: 31px auto;
	}

	.measure li:nth-child(7) a.on {
		background: #666 url(../../images/map/safe_pointer_on_x2.png) no-repeat center;
		background-size: 31px auto;
	}

	.measure li:nth-child(8) {
		height: 38px;
		line-height: 38px;
		margin-top: 5px;
	}

	.measure li:nth-child(8) a {
		background: url(../../images/map/map_plus.png) no-repeat center;
		background-size: 10px 10px;
		height: 38px;
	}

	.measure li:nth-child(8) a:hover {
		background: url(../../images/map/map_plus_on.png) no-repeat center;
		background-size: 10px 10px;
		height: 38px;
	}

	.measure li:nth-child(9) {
		height: 38px;
		line-height: 38px;
	}

	.measure li:nth-child(9) a {
		background: url(../../images/map/map_minus.png) no-repeat center;
		background-size: 10px 2px;
		height: 38px;
	}

	.measure li:nth-child(9) a:hover {
		background: url(../../images/map/map_minus_on.png) no-repeat center;
		background-size: 10px 2px;
		height: 38px;
	}



	.list_left {
		position: absolute;
		z-index: 10;
		bottom: 0px;
		width: 100% !important;
		font-size: 15px;
	}

	.list_left .info_list {
		width: 100%;
		background-color: rgb(246, 246, 246);
		border-top: solid 2px #458ea8;
		max-height: 300px;
	}

	.list_left .info_list ul {
		padding: 0 10px 20px;
		overflow-y: scroll;
		background-color: rgb(246, 246, 246);
	}

	.list_left .info_list h6 {
		border-bottom: solid 1px #dedede;
		color: #333333;
		font-size: 14px;
		margin: 0 10px;
		height: 25px;
		line-height: 25px;
		padding: 25px 0 10px;
		position: relative;
	}

	.list_left .info_list h6 {
		display: none;
	}

	.list_left .info_list h6 strong {
		color: #458ea8;
		font-weight: 700;
	}

	.list_left .info_list h6 p {
		display: inline-block;
	}

	.list_left .info_list h6 span:nth-child(2) {
		display: none;
	}

	.list_left .info_list h6 a {
		position: absolute;
		right: 0;
	}

	.list_left .info_list li {
		cursor: pointer;
		border-bottom: solid 1px #dedede;
		color: #000000;
		font-size: 15px;
		padding: 15px 0px;
		font-weight: 400;
	}

	.list_left .info_list .info_icon1 {
		display: inline-block;
		text-align: center;
		margin-right: 10px;
		width: 20px;
		height: 20px;
		line-height: 20px;
		color: #ffffff;
		font-weight: 700;
		background-color: #458ea8;
		border-radius: 20px;
	}

	.list_left .info_list .info_icon2 {
		display: inline-block;
		text-align: center;
		margin-right: 10px;
		width: 20px;
		height: 20px;
		line-height: 20px;
		color: #458ea8;
		font-weight: 700;
		background-color: #ffffff;
		border: solid 1px #458ea8;
		border-radius: 20px;
	}

	.list_left .info_list .info_txt {
		display: inline-block;
		font-size: 14px;
		font-weight: 700;
		color: #458ea8;
		margin-left: 5px;
	}

	.list_left .info_list li p:nth-child(2) {
		margin-left: 30px;
		font-size: 14px;
		font-weight: 200;
		margin-top: 7px;
	}

	.list_left .info_list li p:nth-child(3) {
		display: none;
	}

	.list_left .info_list.lnone {
		text-align: center;
		font-size: 14px;
		color: #000000;
		height: auto;
		padding: 50px 0;
		line-height: 160%;
	}

	.list_left .info_list.lnone span {
		color: #458ea8;
		display: inline-block;
		font-weight: 700;
	}

	.list_left .info_list.lnone strong {
		font-weight: 700;
		display: inline-block;
	}

	.list_left .info_list.lnone .lnone_text_sub {
		display: none;
	}

	.list_left .info_list .btnWrap {
		padding: 10px 0;
		text-align: center;
		background-color: rgb(246, 246, 246);
	}

	.list_left .info_list.login p {
		margin: 0 auto;
		text-align: center;
		line-height: 160%;
		padding-top: 40px;
	}

	.list_left .info_list.login span {
		display: block;
	}

	.list_left .info_list.login ul {
		padding: 40px;
		overflow: inherit;
	}

	.list_left .info_list.login li {
		border: 0;
		padding: 0;
	}

	.list_left .info_list.login a {
		display: block;
		height: 50px;
		line-height: 50px;
		width: 240px;
		box-sizing: border-box;
		border: solid 1px #cccccc;
		margin: 0 auto 5px;
		padding: 0 0 0 70px;
	}

	.list_left .info_list.login li:nth-child(1)>a {
		background: #ffffff url(../../images/map/login_icon1.png) no-repeat 10%;
		background-size: 23px auto;
	}

	.list_left .info_list.login li:nth-child(2)>a {
		background: #ffffff url(../../images/map/login_icon2.png) no-repeat 10%;
		background-size: 20px auto;
	}

	.list_left .info_list.login li:nth-child(3)>a {
		background: #ffffff url(../../images/map/login_icon3.png) no-repeat 10%;
		background-size: 10px auto;
	}

	.list_left .info_list.login li:nth-child(4)>a {
		background: #ffffff url(../../images/map/login_icon4.png) no-repeat 10%;
		background-size: 18px auto;
	}

	.list_left .info_list.maker ul {
		padding-bottom: 10px;
		overflow-y: inherit;
	}

	.list_left .info_list.maker li {
		position: relative;
		font-size: 14px;
		border: 0;
		height: 30px;
		line-height: 30px;
		padding: 0 20px;
	}

	.list_left .info_list.maker .tit1 {
		background: url(../../images/map/icon_maker1.png) no-repeat left;
		background-size: 22px auto;
		font-weight: 500;
		font-size: 15px;
		border-bottom: solid 1px #c6c6c6;
		margin-bottom: 10px;
		padding: 10px 0 10px 30px;
	}

	.list_left .info_list.maker .tit1 a {
		font-size: 14px;
		font-weight: 700;
		color: #458ea8;
		position: absolute;
		right: 10px;
		padding-right: 15px;
	}

	.list_left .info_list.maker .tit2 {
		background: url(../../images/map/icon_maker2.png) no-repeat left;
		background-size: 22px auto;
		font-weight: 500;
		font-size: 15px;
		border-bottom: solid 1px #c6c6c6;
		margin-bottom: 10px;
		padding: 10px 0 10px 30px;
	}

	.list_left .info_list.maker .tit2 a {
		font-size: 14px;
		font-weight: 700;
		color: #458ea8;
		position: absolute;
		right: 10px;
		text-decoration: underline;
	}

	.maker_del {
		cursor: pointer;
		background: transparent;
		width: 11px;
		height: 11px;
		position: absolute;
		right: 0;
		top: 10px
	}

	.maker_del:after {
		content: '';
		height: 11px;
		border-left: 2px solid #aaaaaa;
		position: absolute;
		transform: rotate(45deg);
	}

	.maker_del:before {
		content: '';
		height: 11px;
		border-left: 2px solid #aaaaaa;
		position: absolute;
		transform: rotate(-45deg);
	}

	.arrow_right {
		position: absolute;
		right: 0;
		top: 10px;
		padding: 3px;
	}

	.arrow_right:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 60%;
		background: #458ea8;
		-webkit-transform: skew(45deg, 0deg);
		-moz-transform: skew(45deg, 0deg);
		-ms-transform: skew(45deg, 0deg);
		-o-transform: skew(45deg, 0deg);
		transform: skew(45deg, 0deg);
	}

	.arrow_right:after {
		content: '';
		position: absolute;
		top: 100%;
		right: 40%;
		height: 100%;
		width: 60%;
		background: #458ea8;
		-webkit-transform: skew(-45deg, 0deg);
		-moz-transform: skew(-45deg, 0deg);
		-ms-transform: skew(-45deg, 0deg);
		-o-transform: skew(-45deg, 0deg);
		transform: skew(-45deg, 0deg);
	}

	.list_open_btn {
		position: absolute;
		top: -18px;
		z-index: 10;
		background: url(../../images/map/btn_close.png);
		width: 60px;
		height: 18px;
		background-size: contain;
		left: calc(50% - 30px) !important;
	}

	.list_open_btn.on {
		position: absolute;
		top: -18px;
		z-index: 10;
		background: url(../../images/map/btn_open.png);
		width: 60px;
		height: 18px;
		background-size: contain;
		left: calc(50% - 30px) !important;
	}

	.map_container .map_pop {
		background-color: #ffffff;
		border-radius: 20px;
		padding: 20px;
		width: 260px;
		box-shadow: 2px 2px 2px #dddddd;
		/* position: absolute; top: calc(50% - 100px); left: calc(50% - 140px); */
	}

	.map_container .map_pop2 {
		background-color: #ffffff;
		border-radius: 20px;
		padding: 20px;
		box-shadow: 2px 2px 2px #dddddd;
		position: absolute;
		top: calc(50% - 100px);
		left: calc(50% - 100px);
	}

	.map_container .map_pop3 {
		background-color: #ffffff;
		border-radius: 20px;
		padding: 20px;
		box-shadow: 2px 2px 2px #dddddd;
		position: absolute;
		top: calc(50% - 100px);
		left: calc(50% - 100px);
	}

	.map_container .map_pop3 p {
		font-size: 15px;
		font-weight: 200;
		color: #333333;
		padding-left: 25px;
	}

	.map_container .map_pop3 p:nth-child(1) {
		background: url(../../images/map/pop_point1.png) no-repeat left;
		height: 22px;
		margin-bottom: 10px;
	}

	.map_container .map_pop3 p:nth-child(2) {
		background: url(../../images/map/pop_point2.png) no-repeat left;
		height: 22px;
	}

	.map_pop_down {
		position: absolute;
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #ffffff;
		left: calc(50% - 35px);
		bottom: -28px;
	}

	.map_pop_left {
		position: absolute;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #ffffff;
		left: -30px;
		top: 20%;
		bottom: -28px;
		transform: rotate(90deg);
	}

	.map_container .map_pop .tit {
		font-size: 17px;
		color: #458ea8;
		font-weight: 700;
		text-align: center;
		margin: 10px 0 20px 0;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 230px;
	}

	.map_container .map_pop2 .tit {
		font-size: 17px;
		color: #458ea8;
		font-weight: 700;
		text-align: center;
		margin: 0px 0 10px 0;
	}

	.map_container .map_pop2 p {
		height: 30px;
		vertical-align: top;
	}

	.map_container .map_pop2 p>input {
		height: 30px;
		line-height: 30px;
		border: solid 1px #cccccc;
		width: 80px;
		box-sizing: border-box;
		margin-left: 30px;
	}

	.map_container .map_pop .srlist .tt1 {
		font-size: 16px;
		font-weight: 700;
		border-bottom: solid 1px #7f7f7f;
		margin-bottom: 10px;
		position: relative;
	}

	.map_container .map_pop .srlist .tt1 span {
		position: absolute;
		right: 0;
		color: #458ea8;
		font-weight: 500;
		background: url(../../images/map/icon_maker_off.png) no-repeat left;
		background-size: 18px auto;
		line-height: 18px;
		padding-left: 20px;
	}

	.map_container .map_pop .srlist .tt1 span.on {
		background: url(../../images/map/icon_maker_on.png) no-repeat left;
		background-size: 18px auto;
	}

	.map_container .map_pop .srlist .tt2 {
		font-size: 16px;
		font-weight: 700;
		border-top: solid 1px #7f7f7f;
		margin-top: 10px;
		position: relative;
		padding: 10px 0;
	}

	.map_container .map_pop .srlist .tt2 span {
		font-size: 15px;
		font-weight: 400;
		position: absolute;
		right: 0
	}

	.map_container .map_pop .srlist .th {
		color: #555555;
		font-weight: 700;
		width: 80px;
	}

	.map_container .map_pop .srlist p {
		display: none;
		height: 30px;
		line-height: 30px;
	}

	.map_container .map_pop .srlist span {
		font-size: 15px;
		display: inline-block;
	}

	.addfav {
		color: #000 !important;
	}

	/* 어린이보호구역 추가 */
	.map_container .map_pop .srlist.child {
		border-top: 1px solid #7f7f7f;
		border-bottom: 1px solid #7f7f7f;
		padding: 10px 0
	}

	.map_container .map_pop .srlist.child p {
		display: block;
		height: auto;
	}

	.map_container .map_pop .srlist.child p span {
		font-size: 14px
	}

	.map_container .map_pop .child_text {
		display: block;
		font-weight: 500;
		font-size: 14px;
		color: #458ea8;
		margin-top: 15px
	}

	.map_container .map_pop .srbox {
		background-color: #f7f7f7;
		overflow: hidden;
		height: 100px;
		margin: 10px 0 20px;
	}

	.map_container .map_pop .srbox ul {
		margin: 0 auto;
		overflow: hidden;
		padding: 5px 10px;
		display: table;
	}

	.map_container .map_pop .srbox li {
		float: left;
		margin: 0 5px;
		width: 62px;
		text-align: center;
	}

	.map_container .map_pop .srbox li span {
		height: 30px;
		line-height: 30px;
		color: #000000;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: -2px;
	}

	.map_container .map_pop .srbox li span:last-child {
		font-size: 11px;
		height: 15px;
		line-height: 15px;
		font-weight: 700;
		display: inline-block;
	}

	.map_container .map_pop .srbox .txt_t1 {
		color: #0083e5;
	}

	.map_container .map_pop .srbox .txt_t2 {
		color: #f9bb1e;
	}

	.map_container .map_pop .srbox .txt_t3 {
		color: #ff5b00;
	}

	.map_container .map_pop .srbox .txt_tpass {
		color: #5450d3
	}

	.map_container .map_pop .srbox .txt_a {
		color: #0083e5
	}

	.map_container .map_pop .srbox .txt_b {
		color: #0e9b2c
	}

	.map_container .map_pop .srbox .txt_c {
		color: #f9bb1e
	}

	.map_container .map_pop .srbox .txt_d {
		color: #ff5b00
	}

	.map_container .map_pop .srbox .txt_e {
		color: #ca0018
	}

	.map_container .map_pop .srbox .txt_ex {
		color: #0083e5
	}

	.map_container .map_pop .srbox .txt_zero {
		color: #9497a0
	}

	.map_container .map_pop .srbox .txt_stop {
		color: #ca0018;
	}

	.map_container .map_pop .srbox li p {
		width: 35px;
		height: 40px;
		margin: 0 auto;
		font-weight: 700;
	}

	.map_container .map_pop .m_tt {
		height: 30px;
		line-height: 30px;
		position: relative;
		color: #333333;
		font-size: 14px;
		font-weight: 700;
	}

	.map_container .map_pop .m_tt span {
		position: absolute;
		right: 0;
		color: #458ea8;
		font-weight: 500;
		background: url(../../images/map/icon_maker_off.png) no-repeat left;
		background-size: 18px auto;
		padding-left: 20px;
	}

	.map_container .map_pop .m_tt span.on {
		background: url(../../images/map/icon_maker_on.png) no-repeat left;
		background-size: 18px auto;
	}

	.map_container .map_pop .Notice {
		background: url(../../images/map/icon_info.png) no-repeat left;
		background-size: 16px auto;
		padding-left: 20px;
		font-size: 13px;
		color: #757575;
		font-weight: 500;
		text-decoration: underline;
		margin: 10px 0;
	}

	.map_container .map_pop .srbox li p strong {
		color: #666666;
		font-size: 36px;
		font-weight: 700;
	}

	.map_container .map_pop .BtN {
		text-align: center;
	}

	.map_container .map_pop .srbox .rating_a {
		background: url(../../images/map/rating_a.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_b {
		background: url(../../images/map/rating_b.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_c {
		background: url(../../images/map/rating_c.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_d {
		background: url(../../images/map/rating_d.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_e {
		background: url(../../images/map/rating_e.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_good {
		background: url(../../images/map/rating_good.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_nom {
		background: url(../../images/map/rating_normal.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_bad {
		background: url(../../images/map/rating_faulty.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_pass {
		background: url(../../images/map/rating_pass.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_partpass {
		background: url(../../images/map/rating_partpass.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_partp {
		background: url(../../images/map/rating_partpass.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_fail {
		background: url(../../images/map/rating_failure.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_suitable {
		background: url(../../images/map/rating_suitable.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_unfit {
		background: url(../../images/map/rating_unfit.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_nocheck {
		background: url(../../images/map/rating_nocheck.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_caution {
		background: url(../../images/map/rating_caution.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_stopuse {
		background: url(../../images/map/rating_stopuse.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_watchneed {
		background: url(../../images/map/rating_watchneed.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_be {
		background: url(../../images/map/icon_be.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_none {
		background: url(../../images/map/icon_none.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_nodata {
		background: url(../../images/map/rating_nodata.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_elvtr_a {
		background: url(../../images/map/rating_elvtr_a.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_elvtr_b {
		background: url(../../images/map/rating_elvtr_b.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_elvtr_c {
		background: url(../../images/map/rating_elvtr_c.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_elvtr_d {
		background: url(../../images/map/rating_elvtr_d.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_elvtr_e {
		background: url(../../images/map/rating_elvtr_e.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_completed {
		background: url(../../images/map/rating_completed.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_action {
		background: url(../../images/map/rating_action.png) no-repeat center;
		background-size: contain;
	}

	.map_container .map_pop .srbox .rating_txt span {
		font-size: 33px !important;
		margin: 16px 0 0 0;
		color: #488ac3;
	}

	.detail_search {
		display: none;
	}


	.mappagin {
		display: none;
	}

	.map_btn {
		color: #ffffff;
		padding: 0 20px;
		background-color: #458ea8;
		display: inline-block;
		font-weight: 500;
		border-radius: 20px;
		text-align: center;
		font-size: 14px;
	}

	.mtype1 {
		background-color: #285064;
		height: 30px;
		line-height: 30px;
	}

	.mtype1_1 {
		background-color: #285064;
		height: 26px;
		line-height: 26px;
	}

	.mtype2 {
		background-color: #333333;
		height: 30px;
		line-height: 30px;
	}

	.mtype2_1 {
		background-color: #333333;
		height: 26px;
		line-height: 26px;
	}

	.display_n {
		display: none;
	}

	.error {
		color: #458ea8;
		text-align: center;
	}

	.error h1 {
		text-align: center;
		margin-top: 50px;
		margin-bottom: 137px;
	}

	.error span {
		display: block;
		font-family: 'Noto';
	}

	.error .errortxt1 span:first-child {
		color: #1d4a3f;
	}

	.error .errortxt1 {
		font-size: 30px;
		font-weight: 700;
	}

	.error .errortxt2 {
		font-size: 15px;
		font-weight: 500;
		margin-top: 80px;
		line-height: 160%;
		margin-bottom: 60px;
	}

	.error .error_btn1 {
		display: inline-block;
		margin-right: 5px;
		font-size: 14px;
		color: #ffffff;
		background-color: #333333;
		height: 30px;
		line-height: 30px;
		padding: 0 30px;
		border-radius: 20px;
	}

	.error .error_btn2 {
		display: inline-block;
		font-size: 14px;
		color: #ffffff;
		background-color: #285064;
		height: 30px;
		line-height: 30px;
		padding: 0 30px;
		border-radius: 20px;
	}

	.ser_info_box {
		width: calc(100% - 20px);
		overflow: hidden;
		padding: 0 10px;
	}

	.ser_info_box li {
		border: solid 1px #dddddd;
		border-radius: 10px;
		padding: 20px;
		width: 100%;
		font-size: 14px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	.ser_info_box p {
		color: #458ea8;
		font-size: 15px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.ser_info_box span {
		display: block;
		margin-bottom: 10px;
		line-height: 140%;
	}

	.ser_info_box .point {
		color: #387264;
	}

	.ser_info_txt {
		font-size: 16px;
		color: #333333;
		font-weight: 700;
		margin: 20px 10px 10px;
	}

	.ser_txt {
		position: relative;
		margin-top: 15px;
		margin: 0 10px;
	}

	.ser_txt_sub {
		position: relative;
		margin-top: 15px;
		margin: 0 10px;
		border-bottom: 1px solid;
		color: #333333
	}

	.ser_txt span,
	.ser_txt_sub span {
		display: block;
		margin: 20px 0 10px !important;
	}

	/* .ser_txt span:last-child { display: block; margin-bottom: 10px; } */
	.ser_info_txt2 {
		font-size: 14px;
		font-weight: 400;
		color: #333333;
		margin: 0 10px;
		line-height: 150%;
	}

	/* 서비스개요 */
	.ser_info_txt3 {
		font-size: 18px;
		font-weight: 100;
		text-align: center;
		padding: 0 40px;
		line-height: 1.8;
		margin-bottom: 50px;
	}

	.ser_info_txt3 strong {
		font-size: 24px;
		font-weight: 700;
		line-height: 2
	}

	.ser_info_txt3 span {
		display: inline;
		font-weight: 400;
	}

	.system_stage {
		position: relative;
		width: 700px;
		margin: 0 auto 70px;
	}

	.system_stage:before {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background: #fff;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1
	}

	.system_stage .stage_inner {
		width: 100%;
		margin: 0 auto;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.system_stage .stage_inner:before {
		content: '';
		position: absolute;
		width: 13px;
		height: 13px;
		left: -14px;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 100%;
		background: #018ea8;
	}

	.system_stage .stage_inner:after {
		content: '';
		position: absolute;
		width: 13px;
		height: 13px;
		right: -14px;
		top: 50%;
		transform: translateY(-50%);
		border-radius: 100%;
		background: #018ea8;
	}

	.system_stage .stage_inner .stage {
		position: relative;
		width: 140px;
		height: 140px;
		border-radius: 100%;
		text-align: center;
		background-position: center;
		background-repeat: no-repeat;
	}

	.system_stage .stage_inner .stage .stage_txt {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.system_stage .stage_inner .stage b {
		font-size: 26px;
		color: #f1fb82;
		display: block;
		padding-bottom: 8px;
	}

	.system_stage .stage_inner .stage b em {
		font-size: 20px;
		font-style: initial;
		font-weight: 400
	}

	.system_stage .stage_inner .stage span {
		font-size: 14px;
		color: #fff;
		display: block;
	}

	.system_stage .stage_inner .stage:after {
		content: '';
		position: absolute;
		right: -30px;
		top: 50%;
		transform: translateY(-50%);
		width: 12px;
		height: 24px;
		background: url(../../images/test01.png) no-repeat;
		background-size: 100%;
		z-index: 2
	}

	.system_stage .stage_inner .stage:last-child:after {
		display: none;
	}

	.system_stage .stage_inner .stage.stage2 {
		background-image: url(../../images/stage02.png);
	}

	.system_stage .stage_inner .stage.stage3 {
		background-image: url(../../images/stage03.png);
	}

	.system_stage .stage_inner .stage.stage4 {
		background-image: url(../../images/stage04.png);
	}

	.system_stage .stage_inner .stage.stage5 {
		background-image: url(../../images/stage05.png);
	}

	.ser_info {
		font-size: 16px;
		color: #333333;
		font-weight: 700;
		margin: 10px;
	}

	.serinfo_open {
		width: 100%;
	}

	.serinfo_open .serinfo_open_inner {
		margin: 0 auto;
	}

	.serinfo_open .serinfo_open_inner .serinfo_open_top {
		text-align: center;
	}

	.serinfo_open .serinfo_open_inner img {
		width: 134px;
		height: 38px;
		padding-top: 70px;
	}

	.serinfo_open .serinfo_open_inner strong {
		display: block;
		color: #458ea8;
		font-size: 32px;
		font-weight: 700;
		padding: 25px 0 80px;
	}

	.serinfo_open .serinfo_open_inner p {
		font-weight: 400;
		font-size: 17px;
		color: #333;
		padding: 30px 0;
		text-align: center
	}

	.serinfo_open .bg {
		width: 100%;
		max-width: 100%;
		height: 32vw;
		max-height: 500px;
		background: url(../../images/ser_info_bg01.jpg) no-repeat center, url(../../images/ser_info_bg02.jpg) no-repeat center;
		background-size: contain, 100%;
	}

	.ser_table {
		border-top: solid 2px #333333;
		letter-spacing: -1px;
		margin-bottom: 50px;
		width: calc(100% - 20px);
		margin: 0 10px;
	}

	.ser_table_th {
		display: none;
	}

	.ser_table li {
		border-bottom: solid 1px #cccccc;
	}

	.ser_table li p {
		display: block;
		margin: 13px 0;
	}

	.ser_table li p>span {
		display: inline-block;
	}

	.ser_table li p>span>em {
		display: block;
		font-style: normal;
		padding: 2px 0;
	}

	.ser_table li p>span:first-child {
		color: #458ea8;
		font-weight: 700;
		width: 15%;
		vertical-align: top;
	}

	.ser_table li p>span:last-child {
		width: 80%;
	}

	/* 서비스페이지 - 정렬수정  */
	.operation_basis {
		width: calc(100% - 20px);
		margin: 0 10px;
		box-sizing: border-box;
		color: #333;
		margin-bottom: 80px;
		padding: 10px;
	}

	.operation_basis .operation_tit {
		font-size: 16px;
		font-weight: 700;
	}

	.operation_basis .operation_text {
		padding-left: 15px;
		font-size: 14px;
	}

	.operation_basis .operation_text .txt_top {
		font-weight: 500;
		font-size: 15px;
		display: inline-block;
		margin-top: 20px;
		text-indent: -15px
	}

	.operation_basis .operation_text p {
		padding: 3px 0;
	}

	.operation_basis .operation_text p.first_inline {
		display: inline;
	}

	.operation_basis .operation_text .text_list {}

	.operation_basis .operation_text .text_list li {
		padding: 3px 0;
	}

	.ser_guide {}

	.ser_guide_img p {
		max-width: 100%;
		position: relative;
	}

	.ser_guide_img span {
		background: url(../../images/img_view.png);
		width: 25px;
		height: 25px;
		position: absolute;
		background-size: contain;
		bottom: 10px;
		right: 0px
	}

	.ser_guide_img img {
		max-width: 100%;
		margin-bottom: 10px;
	}

	.ser_guide_box {
		color: #333333;
	}

	.ser_guide_box li {
		border: solid 1px #dddddd;
		border-radius: 10px;
		padding: 20px;
		width: 100%;
		font-size: 14px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	.ser_guide_box p {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.ser_guide_box span {
		display: inline-block;
	}

	.ser_guide_box .num {
		height: 20px;
		width: 20px;
		background-color: #333333;
		color: #ffffff;
		line-height: 20px;
		text-align: center;
		border-radius: 20px;
		margin-right: 5px;
		font-size: 14px;
	}

	.ser_guide_box .tit {
		font-size: 15px;
		font-weight: 700;
	}

	.ser_guide_box .txt {
		font-size: 14px;
		letter-spacing: -1px;
		text-indent: -8px;
		padding-left: 8px;
		display: block;
		line-height: 150%;
	}

	.ser_guide_tab {
		border-left: none;
		background: #fff;
		overflow: hidden;
		margin: 10px;
		border-left: solid 1px #e4e4e4;
	}

	.ser_guide_tab ul {
		display: flex;
		flex-wrap: wrap;
	}

	.ser_guide_tab li {
		font-weight: 500;
		float: left;
		padding: 0 20px;
		text-align: center;
		box-sizing: border-box;
		display: inline-flex;
		height: 40px;
		line-height: 1.1;
		cursor: pointer;
		position: relative;
		border: solid 1px #e4e4e4;
		border-top: 0;
		width: 50%;
		border-left: 0;
		justify-content: center;
		align-items: center;
	}

	.ser_guide_tab li:nth-child(-n+2) {
		border-top: 1px solid #e4e4e4;
	}

	.ser_guide_tab li.current {
		background-color: #555555;
		color: #ffffff;
	}

	.ser_guide_tab li.current a {
		color: #fff;
	}

	.tab-content {
		display: none;
		margin: 10px 10px;
	}

	.tab-content.current {
		display: block;
		margin: 10px 10px;
	}

	/* 12/4 아이콘 추가 */
	.tab-content .safety_ico {
		width: 70px;
		height: 70px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50%;
	}

	.tab-content .safety_ico.s_ico1 {
		background-image: url(../../images/pop_ico/pop_ico01.png)
	}

	.tab-content .safety_ico.s_ico2 {
		background-image: url(../../images/pop_ico/pop_ico02.png)
	}

	.tab-content .safety_ico.s_ico3 {
		background-image: url(../../images/pop_ico/pop_ico03.png)
	}

	.tab-content .safety_ico.s_ico4 {
		background-image: url(../../images/pop_ico/pop_ico04.png)
	}

	.tab-content .safety_ico.s_ico5 {
		background-image: url(../../images/pop_ico/pop_ico05.png)
	}

	.tab-content .safety_ico.s_ico6 {
		background-image: url(../../images/pop_ico/pop_ico06.png)
	}

	.tab-content .safety_ico.s_ico7 {
		background-image: url(../../images/pop_ico/pop_ico07.png)
	}

	.tab-content .safety_ico.s_ico8 {
		background-image: url(../../images/pop_ico/pop_ico08.png)
	}

	.tab-content .safety_ico.s_ico9 {
		width: 70px;
		height: 72px;
		background-image: url(../../images/pop_ico/pop_ico09.png)
	}

	.tab-content .safety_ico.s_ico10 {
		width: 70px;
		height: 72px;
		background-image: url(../../images/pop_ico/pop_ico10.png)
	}

	.tab-content .safety_ico.s_ico11 {
		width: 70px;
		height: 72px;
		background-image: url(../../images/pop_ico/pop_ico11.png)
	}

	.tab-content .safety_ico.s_ico12 {
		width: 70px;
		height: 72px;
		background-image: url(../../images/pop_ico/pop_ico12.png)
	}

	.tab-content .safety_ico.s_ico13 {
		width: 70px;
		height: 72px;
		background-image: url(../../images/pop_ico/pop_ico13.png)
	}

	.tab-content .safety_ico.s_ico14 {
		background-image: url(../../images/pop_ico/pop_ico14.png)
	}

	.tab-content .safety_ico.s_ico15 {
		background-image: url(../../images/pop_ico/pop_ico15.png)
	}

	.tab-content .safety_ico.s_ico16 {
		background-image: url(../../images/map/icon_none.png)
	}

	.explanation {
		clear: both;
	}

	.explanation h4 {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.explanation h5 {
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 15px;
		margin-left: 10px;
	}

	.explanation ol {
		font-size: 14px;
		font-weight: 400;
		line-height: 170%;
		letter-spacing: -1px;
		margin-bottom: 10px;
	}

	.explanation ol li {
		text-indent: -8px;
		padding-left: 30px;
	}

	.explanation strong {
		color: #458ea8
	}

	.explanation i {
		font-weight: 200;
		font-size: 15px;
		font-style: inherit;
	}

	.explanation_wrap {
		margin-left: 20px;
		margin-bottom: 30px;
		overflow-x: auto;
	}

	.explanation_wrap table {
		border-top: solid 1px #333333;
		border-spacing: 0;
		font-size: 14px;
		min-width: 800px;
		width: 100%;
	}

	.explanation_list th {
		height: auto;
		line-height: 1.2;
		padding: 10px 0;
		background-color: #f9f9f9;
		border-bottom: solid 1px #c7c7c7;
		color: #458ea8;
		font-weight: 700;
	}

	.explanation_list td {
		height: auto;
		line-height: 1.2;
		padding: 10px 0;
		color: #333333;
		border-bottom: solid 1px #c7c7c7;
		text-align: center;
		font-weight: 400;
	}

	.explanation td:nth-child(3) {
		text-align: left;
	}

	.openapi h4 {
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.openapi p {
		font-size: 14px;
		font-weight: 400;
		line-height: 160%;
	}

	.openapi .img_step {
		width: 100%;
		margin-bottom: 20px;
	}

	.openapi ol li {
		font-size: 14px;
		font-weight: 400;
		line-height: 160%;
		padding-left: 10px;
		text-indent: -10px;
	}

	.openapi .img_step span {
		display: inline-block;
		font-size: 14px;
		color: #ffffff;
		font-family: 'Noto';
		font-weight: 600;
	}

	.openapi .img_step li {
		background-color: #458ea8;
		width: 100%;
		height: 30px;
		text-align: center;
		line-height: 30px;
		border-radius: 10px;
	}

	.openapi .img_step .step {
		background: url(../../images/api_mimg2.png) no-repeat center;
		background-size: 12px auto;
		height: 16px;
		border-radius: 0;
		text-align: center;
		margin: 0 auto;
	}

	.openapi .btn_wrap {
		text-align: center;
		margin: 50px 0 100px;
	}

	.openapi a {
		display: inline-block;
		color: #ffffff;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		border-radius: 30px;
	}

	.openapi .btn_api01 {
		margin-bottom: 10px;
		width: 100%;
		background: #333333 url(../../images/api_btn1.png) no-repeat right center;
		background-size: 16px auto;
		background-position-x: calc(100% - 70px);
	}

	.openapi .btn_api02 {
		width: 100%;
		background: #333333 url(../../images/api_btn2.png) no-repeat right center;
		background-size: 16px auto;
		background-position-x: calc(100% - 30px);
	}

	.Login {
		position: relative;
		width: calc(100% - 20px);
		margin: 0 10px;
		margin-bottom: 100px;
	}

	.Login h3 {
		font-size: 16px;
		font-weight: 700;
		margin: 20px 0 10px;
	}

	.Login p {
		font-size: 14px;
	}

	.Login .Login_type {
		border: solid 1px #cccccc;
		width: 100%;
		height: 155px;
		float: left;
		margin-right: 30px;
		margin-top: 35px;
		text-align: center;
	}

	.Login .Login_type .naver {
		background: url(../../images/map/login_icon1.png) no-repeat center;
		background-size: 20px auto;
		width: 20px;
		height: 20px;
		margin: 0 auto;
		margin-top: 25px;
	}

	.Login .Login_type .apple,
	.Login .Login_type .kakao {
		background: url(../../images/map/login_icon2.png) no-repeat center;
		background-size: 20px auto;
		width: 20px;
		height: 20px;
		margin: 0 auto;
		margin-top: 25px;
	}

	.Login .Login_type .apple {
		background: url(../../images/2021/ico-apple-black.svg) no-repeat center;
	}

	.Login .Login_type .type {
		font-size: 20px;
		font-weight: 700;
		margin: 10px 0;
	}

	.Login .Login_type .count {
		height: 30px;
		line-height: 30px;
		border-radius: 20px;
		background-color: #333333;
		color: #ffffff;
		margin: 25px auto;
		width: 165px;
	}

	.Login .login_table {
		margin-top: 35px;
		float: left;
		border-top: solid 2px #333333;
		width: 100%;
	}

	.Login .login_table li {
		display: flex;
		height: 50px;
		line-height: 50px;
		border-bottom: solid 1px #c7c7c7;
	}

	.Login .login_table span {
		display: inline-block;
	}

	.Login .login_table span:first-child {
		background-color: #f9f9f9;
		color: #458ea8;
		font-weight: 700;
		width: 20%;
		padding: 0 10px;
		line-height: 1.1;
		display: flex;
		align-items: center;
		justify-content: center;
		word-break: break-word;
		text-align: center;
	}

	.Login .login_table span:last-child {
		font-weight: 500;
		color: #333333;
		padding-left: 20px
	}

	.Login i {
		font-weight: 200;
		font-size: 13px;
		margin: 20px 0;
		font-style: inherit;
		display: inline-block;
	}

	.Login .btn_seces {
		background-color: #dddddd;
		color: #606060;
		border-radius: 20px;
		padding: 0 15px;
		height: 36px;
		line-height: 36px;
		display: inline-block;
	}

	.Login .btn_seces_save {
		background-color: #2b566e;
		color: #ffffff;
		border-radius: 20px;
		padding: 0 15px;
		height: 36px;
		line-height: 36px;
		display: inline-block;
	}

	.satisfaction {
		margin: 0 auto;
		width: 100%;
		text-align: center;
		letter-spacing: -1px;
	}

	.satisfaction h1 {
		text-align: center;
		padding: 10px 0;
		margin: 0 auto;
	}

	.satisfaction .backg {
		background: url(../../images/satisfaction_bg.png);
		background-size: 100% 270px;
		width: 100%;
		height: 270px;
		padding: 10px;
		box-sizing: border-box;
		color: #ffffff;
		letter-spacing: -0.5px;
	}

	.satisfaction .backg ul {
		border: solid 1px #93afae;
		height: 250px;
	}

	.satisfaction .backg li:nth-child(1) {
		font-size: 25px;
		font-family: 'Noto';
		font-weight: 700;
		margin-top: 50px;
	}

	.satisfaction .backg li:nth-child(2) {
		font-size: 14px;
		color: #94ffda;
		font-family: 'Noto';
		font-weight: 500;
		margin-top: 15px;
	}

	.satisfaction .backg li:nth-child(3) {
		font-size: 13px;
		font-weight: 200;
		border-top: solid 2px #93afae;
		margin: 30px;
		padding-top: 20px;
		line-height: 170%;
	}

	.satisfaction .backg li p:nth-child(2) {
		display: none;
	}

	.satisfaction .backg li p:nth-child(3) {
		display: none;
	}

	.satisfaction h4 {
		color: #555555;
		font-weight: 700;
		font-size: 16px;
		text-align: left;
		margin: 15px 10px 10px;
	}

	.satisfaction .infoma {
		border: solid 1px #dddddd;
		padding: 10px;
		text-align: left;
		color: #333333;
		margin: 0 10px;
	}

	.satisfaction .infoma p {
		font-weight: 300;
		line-height: 160%;
		color: #333333;
		font-size: 14px;
		margin-bottom: 20px;
	}

	.satisfaction .infoma .mb {
		height: inherit;
		line-height: inherit;
		border-bottom: inherit;
		text-align: left;
	}

	.satisfaction .infoma .mb p {
		height: 44px;
		line-height: 44px;
		border-bottom: solid 1px #cccccc;
		margin-bottom: 0;
		font-weight: 500;
	}

	.satisfaction .infoma .mb span {
		display: inline-block;
		width: auto;
	}

	.satisfaction .infoma .mb span:first-child {
		padding: 0 10px;
	}

	.satisfaction .infoma h5 {
		color: #458ea8;
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.satisfaction .infoma strong {
		font-weight: 700;
	}

	.satisfaction .infoma em {
		font-weight: 500;
		font-style: inherit;
	}

	.satisfaction .list_table {
		border-top: solid 2px #333333;
		margin-bottom: 15px;
		font-size: 13px;
	}

	.satisfaction .list_table li {
		height: 44px;
		line-height: 44px;
		border-bottom: solid 1px #cccccc;
		text-align: center;
		display: none;
	}

	.satisfaction .list_table li:first-child {
		font-weight: 500;
		color: #333333;
	}

	.satisfaction .list_table li:last-child {
		display: block;
	}

	.satisfaction .list_table span {
		width: 30%;
		display: inline-block;
	}

	.satisfaction .list_box {
		height: 185px;
		background-color: #f9f9f9;
		color: #333333;
		padding: 20px;
		box-sizing: border-box;
		font-size: 15px;
	}

	.satisfaction .list_box li {
		line-height: 35px;
	}

	.satisfaction .list_box span {
		display: block;
	}

	.satisfaction .list_box li:first-child input {
		margin: 0;
		width: 94%;
	}

	.satisfaction .list_box li:last-child input:first-child {
		margin-left: 0;
	}

	.satisfaction .list_box .input {
		height: 33px;
		line-height: 33px;
		border: solid 1px #dddddd;
		width: calc(32% - 20px);
		padding: 0 10px;
		margin: 0 10px;
	}

	.satisfaction .list_box form {
		display: inline-block;
	}

	.satisfaction .agree_btn {
		text-align: center;
		margin: 40px 0;
	}

	.satisfaction .agree_btn label {
		margin-right: 50px;
	}

	.satisfaction .agree_txt {
		font-size: 14px;
		text-align: center;
	}

	.satisfaction .survey {
		color: #333333;
		text-align: left;
		margin: 0 10px;
	}

	.satisfaction .survey h5 {
		font-size: 16px;
		font-weight: 700;
		color: #555555;
		margin: 20px 0;
	}

	.satisfaction .survey .qtit {
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 25px;
	}

	.satisfaction .survey .qtit strong {
		color: #458ea8;
		margin-right: 20px;
		font-weight: 700;
	}

	.satisfaction .survey ul {
		padding-left: 10px;
		margin-bottom: 20px;
	}

	.satisfaction .survey li {
		margin: 15px 0;
		padding-left: 20px;
		font-size: 14px;
	}

	.satisfaction .survey textarea {
		margin: 0;
	}

	.satisfaction .btnWrap {
		text-align: center;
		margin: 50px 0;
	}

	.satisfaction .btn {
		height: 30px;
		line-height: 30px;
		color: #ffffff;
		font-size: 15px;
		font-weight: 500;
		background-color: #285064;
		padding: 0 30px;
		border-radius: 30px;
	}

	.chk_label {
		background-image: url("../../images/checkbox2.png");
		background-size: 20px auto;
	}

	input[type=checkbox].css_chk {
		position: absolute;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0px;
		border: 0;
	}

	input[type=checkbox].css_chk+label.chk_label {
		padding-left: 25px;
		height: 20px;
		display: inline-block;
		line-height: 20px;
		background-repeat: no-repeat;
		background-position: 0 0;
		font-size: 15px;
		vertical-align: middle;
		cursor: pointer;
		opacity: 1;
	}

	input[type=checkbox].css_chk+label.chk_label:hover {}

	input[type=checkbox].css_chk:checked+label.chk_label {
		background-position: 0 -20px;
	}

	input[type=radio]:not(old) {
		margin: 0;
		padding: 0;
		opacity: 0;
		background: url(../../images/radio2.png) no-repeat 0 0;
		background-size: 20px auto;
		width: 0;
	}

	input[type=radio]:not(old)+label {
		display: inline-block;
		text-align: left;
		height: 20px;
		padding-left: 25px;
		background: url(../../images/radio2.png) no-repeat 0 0;
		background-size: 20px auto;
	}

	input[type=radio]:not(old):checked+label {
		background: url(../../images/radio2.png) no-repeat 0 -20px;
		background-size: 20px auto;

	}

	input[type=radio].css_radi:not(old) {
		margin: 0;
		padding: 0;
		opacity: 0;
		background: url(../../images/radio.png) no-repeat 0 0;
		background-size: 20px auto;
		width: 0;
	}

	input[type=radio].css_radi:not(old)+label {
		display: inline-block;
		text-align: left;
		height: 20px;
		padding-left: 25px;
		background: url(../../images/radio.png) no-repeat 0 0;
		background-size: 20px auto;

	}

	input[type=radio].css_radi:not(old):checked+label {
		background: url(../../images/radio.png) no-repeat 0 -20px;
		background-size: 20px auto;

	}


	/* 메인 */
	.Main_Wrap {
		width: 100%;
	}

	.Main_Img {
		height: 140px;
		text-align: center;
		background: rgb(255, 255, 255);
		background: linear-gradient(93deg, rgba(255, 255, 255, 1) 16%, rgba(211, 243, 249, 1) 55%);
	}

	.Main_Img .inner {
		position: relative;
		margin: 0 auto;
		text-align: center;
	}

	.Main_Img .inner:after {
		position: absolute;
		content: '';
		background: url(../../images/main/main_img.jpg)no-repeat;
		background-size: 100%;
		width: 339px;
		height: 139px;
		top: 0;
		right: 0px;
		z-index: 1
	}

	.Main_Img h2 {
		font-size: 18px;
		font-weight: 500;
		color: #000000;
		padding-top: 30px;
		font-family: 'Noto';
		letter-spacing: -2px;
		position: relative;
		z-index: 10;
	}

	.Main_Img h3 {
		font-size: 23px;
		font-weight: 100;
		color: #285064;
		padding-top: 10px;
		font-family: 'Noto';
		letter-spacing: -2px;
		position: relative;
		z-index: 10;
	}


	.Main_cont {
		width: 100%
	}

	.Main_cont .Left {
		width: 100%;
		background: #f5f8f8;
		padding: 10px 10px 10px 10px;
		box-sizing: border-box;
	}

	/* input box */
	.Main_cont .Left .main_input_wrap {
		position: relative;
	}

	.Main_cont .Left .main_input {
		height: 40px;
		line-height: 40px;
		border: 2px solid #458ea8;
		color: #a7a7a7;
		font-size: 18px;
		font-weight: 400;
		border-radius: 30px;
		width: 100%;
		margin-bottom: 20px;
	}

	.Main_cont .Left .main_input_wrap .main_input::placeholder {
		color: #a7a7a7;
		font-weight: 100;
		font-size: 16px;
	}

	.Main_cont .Left .main_input_wrap .btn_search {
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		height: 40px;
		background: url(../../images/map/input_search.png) no-repeat 10% 50%;
		background-size: 20px;
	}

	/* 아이콘 */
	.Main_cont .Left .icon_list {
		width: 100%;
	}

	.Main_cont .Left .icon_list .txt_iocn {
		position: relative;
		font-size: 14px;
		text-align: left;
		font-family: 'Noto';
		font-weight: 700;
		color: #666666;
		margin-bottom: 30px;
		letter-spacing: -1px;
	}

	.Main_cont .Left .icon_list .txt_iocn span:after {
		content: '';
		position: absolute;
		display: block;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		width: calc(100% - 215px);
		height: 1px;
		background-color: #aaa;
		margin-left: 10px;
	}

	.Main_cont .Left .icon_list ul {
		width: calc(100% - 20px);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 10px;
	}

	.Main_cont .Left .icon_list ul li {
		width: 25%;
		text-align: center;
	}

	.Main_cont .Left .icon_list ul li:last-child {
		position: relative;
		left: -9999px;
	}

	.Main_cont .Left .icon_list .icon {
		display: inline-block;
		width: 80px;
		height: 80px;
		border-radius: 100%;
		box-shadow: 0px 2px 4.75px 0.25px rgba(0, 0, 0, 0.19);
	}

	.Main_cont .Left .icon_list .icon.ico1 {
		background: #fff url(../../images/main/icon_01x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico2 {
		background: #fff url(../../images/main/icon_02x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico3 {
		background: #fff url(../../images/main/icon_03x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico4 {
		background: #fff url(../../images/main/icon_04x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico5 {
		background: #fff url(../../images/main/icon_05x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico6 {
		background: #fff url(../../images/main/icon_06x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico7 {
		background: #fff url(../../images/main/icon_07x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico8 {
		background: #fff url(../../images/main/icon_08x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico9 {
		background: #fff url(../../images/main/icon_09x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico10 {
		background: #fff url(../../images/main/icon_10x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico11 {
		background: #fff url(../../images/main/icon_11x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico12 {
		background: #fff url(../../images/main/icon_12x2.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico1:hover {
		background: #fff url(../../images/main/icon_01x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico2:hover {
		background: #fff url(../../images/main/icon_02x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico3:hover {
		background: #fff url(../../images/main/icon_03x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico4:hover {
		background: #fff url(../../images/main/icon_04x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico5:hover {
		background: #fff url(../../images/main/icon_05x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico6:hover {
		background: #fff url(../../images/main/icon_06x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico7:hover {
		background: #fff url(../../images/main/icon_07x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico8:hover {
		background: #fff url(../../images/main/icon_08x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico9:hover {
		background: #fff url(../../images/main/icon_09x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico10:hover {
		background: #fff url(../../images/main/icon_10x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico11:hover {
		background: #fff url(../../images/main/icon_11x2_on.png) no-repeat center;
		background-size: 50%;
	}

	.Main_cont .Left .icon_list .icon.ico12:hover {
		background: #fff url(../../images/main/icon_12x2_on.png) no-repeat center;
		background-size: 50%;
	}


	.Main_cont .Left .icon_list .tit {
		display: block;
		color: #2b5d72;
		font-size: 14px;
		margin-top: 15px;
		font-weight: 700;
	}

	.Main_cont .Left .icon_list .count {
		display: block;
		color: #458ea8;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 28px;
	}

	/*
		.Main_cont .Left .icon_list ul { background: pink; margin: 0 10px; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between }
		.Main_cont .Left .icon_list ul li { display: inline-block; width: 60px; text-align: center; margin: 0 18px; margin-bottom: 10px; }
		.Main_cont .Left .icon_list span { display: inline-block; font-family: 'Noto'; font-weight: 700;  }
		.Main_cont .Left .icon_list .tit { color: #fff370; font-size: 14px; margin-top: 7px; }


		.Main_cont .Left .icon_list .count { color: #ffffff; font-size: 16px;  } */

	/*
		.Main_cont .Left .icon_list ul li { width:90px; text-align: center; margin-right:100px;}
		.Main_cont .Left .icon_list ul li:nth-child(4n)  { margin-right:0px;}
		*/




	.Main_cont .Right {
		background-color: #ffffff;
	}

	/* 공지사항 */
	.Main_cont .Right .notice {
		position: relative;
		width: calc(100% - 20px);
		height: auto;
		margin: 10px 10px;
		box-sizing: border-box;
	}

	.Main_cont .Right .notice .tit {
		color: #1d1d1d;
		font-size: 18px;
		font-weight: 700;
		font-family: 'Noto';
		letter-spacing: -1px;
		padding: 10px;
	}

	.Main_cont .Right .notice .view_more {
		position: absolute;
		right: 0px;
		top: 10px;
		width: 20px;
		height: 20px;
	}

	.Main_cont .Right .notice .view_more:before {
		content: '';
		position: absolute;
		left: calc(50% - 1px);
		top: calc(50% - 7px);
		width: 3px;
		height: 15px;
		background: #555;
	}

	.Main_cont .Right .notice .view_more:after {
		content: '';
		position: absolute;
		left: calc(50% - 7px);
		top: calc(50% - 1px);
		width: 15px;
		height: 3px;
		background: #555;
	}

	.Main_cont .Right .notice ul {
		padding: 0 5px 0 20px;
	}

	.Main_cont .Right .notice li {
		padding: 5px 0px 5px;
	}

	.Main_cont .Right .notice li:after {
		content: '';
		display: block;
		clear: both
	}

	.Main_cont .Right .notice li a {
		display: inline-block;
		font-size: 14px;
		font-weight: 500;
		color: #1d1d1d;
		font-family: 'Noto';
		letter-spacing: -1.5px;
		width: 60%;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
	}

	.Main_cont .Right .notice li span {
		color: #939393;
		display: inline-block;
		float: right;
		font-size: 14px;
		letter-spacing: -1px
	}

	/* 인기검색어 */
	.Main_cont .Right .realtime {
		width: calc(100% - 20px);
		height: auto;
		margin: 0 10px;
		box-sizing: border-box;
		background-color: #fff;
		border: 2px solid #458ea8;
		margin-bottom: 10px;
	}

	.Main_cont .Right .realtime .tit {
		color: #1d1d1d;
		font-size: 18px;
		font-weight: 700;
		font-family: 'Noto';
		letter-spacing: -1px;
		padding: 10px;
	}

	.Main_cont .Right .realtime ul {
		padding: 0px 10px 10px 10px;
	}

	.Main_cont .Right .realtime ul:after {
		content: '';
		clear: both;
		display: block;
	}

	.Main_cont .Right .realtime ul li {
		width: 50%;
		float: left;
		padding: 3px 0;
	}

	.Main_cont .Right .realtime ul li>a {
		font-family: 'Noto';
		font-size: 14px;
		font-weight: 500;
		color: #555555
	}

	.Main_cont .Right .realtime ul li>a span {
		color: #458ea8;
		margin-right: 6px;
	}

	/* 업무시간 */
	.Main_cont .Right .banner {
		width: calc(100% - 20px);
		height: auto;
		margin: 0 10px;
	}

	.Main_cont .Right .banner1 {
		width: 100%;
		background: #fafafa;
		margin-bottom: 5px;
		border: 1px solid #ddd;
		text-align: center;
		padding: 25px 0;
		box-sizing: border-box;
	}

	.Main_cont .Right .banner1 .num {
		display: block;
		font-size: 30px;
		color: #fd9967;
		font-weight: 700;
		letter-spacing: -2px;
		padding-bottom: 15px;
	}

	.Main_cont .Right .banner1 .num>em {
		font-style: normal;
		position: relative;
	}

	.Main_cont .Right .banner1 .num>em:before {
		content: '';
		display: inline;
		left: -48px;
		top: -1px;
		position: absolute;
		width: 38px;
		height: 45px;
		background: url(../../images/banner1_icox2.png) no-repeat;
		background-size: 100%
	}

	.Main_cont .Right .banner1 .week {
		font-size: 15px;
		color: #555;
		font-weight: 500;
		letter-spacing: -1px;
	}

	.Main_cont .Right .banner1 .weekend {
		font-size: 15px;
		color: #555;
		font-weight: 500;
		letter-spacing: -1px;
	}

	/* 슬라이드배너 */
	.Main_cont .Right .banner2 {
		display: block;
		border: solid 1px #dddddd;
		margin-bottom: 10px;
	}

	.Main_cont .Right .banner2 .slide {
		width: 100%;
		height: 182px;
	}

	.Main_cont .Right .banner2 .slide .swiper-button-next {
		background: url(../../images/main/mov_next.png) no-repeat center;
		background-size: 7px auto;
		color: transparent;
		top: 100%;
		width: 12px;
		opacity: 1;
		height: 16px;
		top: inherit;
		bottom: 0px;
		background-color: #4c4c4c;
		right: 0
	}

	.Main_cont .Right .banner2 .slide .swiper-button-prev {
		background: url(../../images/main/mov_prev.png) no-repeat center;
		background-size: 7px auto;
		color: transparent;
		top: 100%;
		width: 12px;
		opacity: 1;
		height: 16px;
		top: inherit;
		bottom: 0px;
		background-color: #4c4c4c;
		left: inherit;
		right: 24px;
	}

	.Main_cont .Right .banner2 .slide .swiper-button-stop {
		cursor: pointer;
		position: absolute;
		z-index: 100;
		background: url(../../images/main/mov_stop.png) no-repeat center;
		background-size: 7px auto;
		display: inline-block;
		color: transparent;
		top: 100%;
		width: 12px;
		opacity: 1;
		height: 16px;
		top: inherit;
		bottom: 0px;
		background-color: #4c4c4c;
		left: inherit;
		right: 12px;
	}

	.Main_cont .Right .banner2 .slide .swiper-pagination {
		background-color: #4c4c4c;
		height: 16px;
		left: inherit;
		right: 36px;
		line-height: 16px;
		font-size: 12px;
		color: #ffffff;
		bottom: 0;
		width: 30px;
	}

	.swiper-container {
		width: 100%;
		height: 100%;
	}

	.swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.family_site .site_list {
		display: none;
	}

	.Mainf {
		clear: both;
		margin-top: 43px;
	}

	.popupDiv.login {
		min-width: auto;
		display: none;
	}


	.img_wrap {
		text-align: center;
		padding: 0 10px;
	}

	.img_wrap img {
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 1053px;
	}


	/** 모바일 로그인/로그아웃 팝업 10.06 */
	.popupDiv {
		top: 0px;
		position: fixed;
		background-color: #ffffff;
		padding: 27px;
		display: none;
		z-index: 10000;
		border-radius: 30px;
		text-align: center;
		min-width: 900px;
	}

	/* .popupDiv { top:50%; left:50%; transform:translate(-50%,-50%); position:fixed; background-color: #ffffff; padding:27px; display:none; z-index:10000; border-radius:30px; text-align:center; min-width:900px; } */
	.popupDiv strong {
		color: #ff2323;
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px;
	}

	.popupDiv .tit {
		color: #333333;
		text-align: left;
		font-size: 26px;
		font-weight: 700;
		margin-bottom: 30px;
		letter-spacing: -1px;
	}

	.popupDiv .tit span {
		font-size: 15px;
		font-weight: 500;
	}

	.popupDiv .stit {
		color: #333333;
		text-align: left;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.popupDiv .stit strong {
		color: #458ea8;
		font-weight: 700;
	}

	.popupDiv .stit span {
		float: right;
		font-size: 16px;
	}

	.popCloseBtn {
		background: url(../../images/pop_close.png) no-repeat;
		width: 19px;
		height: 19px;
		position: absolute;
		top: 30px;
		right: 30px;
	}

	.popup_mask {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		display: none;
		background-color: #000;
		opacity: 0.8;
		z-index: 10000;
	}

	.popupDiv.login {
		min-width: auto;
	}

	.popupDiv.login .tit {
		font-size: 16px;
		margin-bottom: 0;
	}

	.popupDiv.login .info_list.login {
		display: block;
	}

	.popupDiv.login .info_list.login p {
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
		letter-spacing: -1px;
		height: 20px;
		padding-left: 20px;
		color: #999999;
		background: #ffffff url(../../images/icon_info.png) no-repeat;
	}

	.popupDiv.login .info_list.login span {
		display: block;
	}

	.popupDiv.login .info_list.login ul {
		padding: 30px 0;
		overflow: inherit;
	}

	.popupDiv.login .info_list.login a {
		display: block;
		height: 50px;
		line-height: 50px;
		width: 240px;
		box-sizing: border-box;
		border: solid 1px #cccccc;
		margin: 0 auto 5px;
		padding: 0 0 0 70px;
	}

	.popupDiv.login .info_list.login li {
		border: 0;
		padding: 0;
	}

	.popupDiv.login .info_list.login li:nth-child(1)>a {
		background: #ffffff url(../../images/map/login_icon1.png) no-repeat 10%;
		background-size: 23px auto;
	}

	.popupDiv.login .info_list.login li:nth-child(2)>a {
		background: #ffffff url(../../images/map/login_icon2.png) no-repeat 10%;
		background-size: 20px auto;
	}

	.popupDiv.login .info_list.login li:nth-child(3)>a {
		background: #ffffff url(../../images/map/login_icon3.png) no-repeat 10%;
		background-size: 10px auto;
	}

	.popupDiv.login .info_list.login li:nth-child(4)>a {
		background: #ffffff url(../../images/map/login_icon4.png) no-repeat 10%;
		background-size: 18px auto;
	}

	/** 모바일 로그인/로그아웃 팝업 끝.. */

	/* 지도 모바일 추가 09.24 */
	#divLoginPop {
		display: none;
	}

	.measure li:nth-child(4) {
		display: none;
	}

	.measure li:nth-child(6) {
		display: none;
	}

	.measure li:nth-child(7) {
		display: none;
	}

	.info_list {
		display: none;
	}

	.info_list.result {
		overflow-y: auto;
	}

	.info_list.maker {
		overflow-y: auto;
	}

	.reportError {
		display: none;
	}

	.compareFcltys {
		display: none;
	}

	.map_locselect a {
		color: #fff;
	}

	.map_search_btn {
		z-index: 101;
		height: 40px;
		width: 40px;
		position: absolute;
		background: url(../../images/map/input_search.png) no-repeat right 10px center;
		background-size: 25px auto;
		right: 13px;
	}

	#searchOfPoint {
		display: none;
	}

	.list_left .info_list .info_icon2 {
		border: unset;
		background-color: unset;
	}

	.list_left .info_list .info_icon1 {
		background-color: unset;
	}

	#info_list .btnWrap {
		display: none;
	}

	#info_list li.on {
		background: #ffedf6;
	}

	.point_overlay.on {
		background: #ff86c3;
	}

	.map_container .Notice {
		display: none;
	}

	.measure li:nth-child(2) {
		display: none;
	}

	.measure li:nth-child(3) {
		display: none;
	}

	/*
		.infoSafty .srlist span:nth-child(1) {position: absolute;top: 158px;z-index:1;}
		.infoSafty .tt2 span:nth-child(1) {display:none;}
		*/
	/* 지도 모바일 추가 09.24 끝 */



	.popupDiv.rwd {
		width: 100%;
		max-width: 980px;
		min-width: auto;
		box-sizing: border-box;
		max-height: 90vh;
	}

	.popupDiv.rwd .scroll_cont {
		height: auto;
		max-height: calc(90vh - 70px);
		width: 100%;
		overflow: auto;
	}

	.popupDiv.rwd .establ_tab {
		overflow: visible;
	}

	.popupDiv.rwd .establ_tab ul {
		display: flex;
		flex-wrap: wrap;
	}

	.popupDiv.rwd .establ_tab li {
		flex: 1 1 auto;
		float: none;
	}

	.popupDiv.rwd .establ_tab.line {
		border: none;
		height: auto;
	}

	.popupDiv.rwd .establ_tab ul {
		border-top: solid 1px #c7c7c7;
		border-left: solid 1px #c7c7c7;
		;
	}

	.popupDiv.rwd .establ_tab li {
		flex: 1 1 30%;
		float: none;
		border-right: solid 1px #c7c7c7;
		border-bottom: solid 1px #c7c7c7;
	}


	.popwid {
		padding: 30px 20px;
		width: 1200px;
	}

	.popwid .tit {
		text-align: center;
	}

	.popwid .stit {
		color: #333333;
		text-align: left;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 20px;
	}

	.popwid .popCloseBtn {
		background: url(../../images/pop_close.png) no-repeat;
		width: 19px;
		height: 19px;
		position: absolute;
		top: 30px;
		right: 20px;
	}

	.popwid .info_txt {
		color: #757575;
		font-size: 14px;
		margin-bottom: 30px;
		text-align: left;
	}

	.popwid .info_txt:before {
		content: '';
		background: url(../../images/icon_info.png);
		width: 18px;
		height: 18px;
		display: inline-block;
		margin-right: 5px;
		position: relative;
		top: 3px;
	}

	.pop_table {
		border-top: solid 2px #333333;
		width: 100%;
		border-spacing: 0;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.pop_table .txtb {
		font-weight: 700;
		vertical-align: top
	}

	.pop_table .txtb strong {
		color: #458ea8;
		font-weight: 700;
		margin: 0;
	}

	.pop_table th:last-child,
	.pop_table td:last-child {
		border-right: 0;
	}

	.pop_table th {
		height: 44px;
		line-height: 44px;
		background-color: #f9f9f9;
		border-bottom: solid 1px #c7c7c7;
		border-right: solid 1px #c7c7c7;
		color: #458ea8;
		font-weight: 700;
	}

	.pop_table td {
		padding: 10px 0;
		line-height: 145%;
		color: #333333;
		border-bottom: solid 1px #c7c7c7;
		border-right: solid 1px #c7c7c7;
		text-align: center;
		font-weight: 400;
	}

	.pop_table td span {
		display: block;
		margin: 8px 0;
		color: #ff3b3b;
	}

	.pop_table td p {
		display: block;
		margin: 4px 0;
		font-size: 14px;
	}

	.pop_table .align_left {
		text-align: left;
		padding-left: 20px;
	}

	.establ_tab {
		border-left: none;
		background: #fff;
		overflow: hidden;
		height: 41px;
		margin-bottom: 10px;
	}

	.establ_tab.rank ul>li {
		height: auto;
		line-height: 1.5;
		padding: 8px 0;
	}

	.establ_tab li {
		font-weight: 700;
		float: left;
		padding: 0 20px;
		text-align: center;
		box-sizing: border-box;
		display: inline-block;
		height: 39px;
		line-height: 39px;
		cursor: pointer;
		position: relative;
	}

	.establ_tab li.current {
		background-color: #555555;
		color: #ffffff;
	}

	.establ_tab li ul {
		display: block;
		position: absolute;
		left: 0;
		width: 1254px;
		background-color: #555555;
	}

	.establ_tab li ul li {
		float: left;
		height: 50px;
		line-height: 50px;
		padding: 0;
	}

	.establ_tab li ul li a {
		font-weight: 400;
		color: #ffffff;
		border-right: solid 1px #aaaaaa;
		padding: 0 15px;
	}

	.establ_tab li ul li a.on {
		color: #e4f2a8;
		font-weight: 700;
	}

	.establ_tab.on {
		height: 90px;
	}

	.establ_tab.line {
		border-bottom: solid 2px #333333;
		height: 39px
	}

	.tab-content {
		display: none;
	}

	.tab-content.current {
		display: block;
	}


	/* 팝업 */
	#popup {
		width: 470px;
		height: auto;
		position: absolute;
		top: 70px;
		left: 10px;
		z-index: 100;
		font-size: 0;
	}

	#popup .pop {
		width: 80%;
		border: 1px solid #fff;
		box-sizing: border-box
	}

	#popup .pop img {
		max-width: 100%;
	}

	#popup .popup_check {
		background: #062d5d;
		font-size: 15px;
		display: flex;
		justify-content: space-between;
	}

	input[type=checkbox] {
		visibility: hidden;
		width: 0;
	}

	#popup .popup_check .check {
		padding: 15px 0 15px 5px;
		color: #fff;
		vertical-align: middle;
	}

	#popup .popup_check .check>label {
		padding-left: 30px;
	}

	#popup .popup_check .check>input[type=checkbox]+label {
		width: 15px;
		height: 15px;
		background: url('../../images/main/check_off.png') no-repeat;
	}

	#popup .popup_check .check>input[type='checkbox']:checked+label {
		background: url('../../images/main/check_on.png') no-repeat;
	}

	#popup .popup_check .close {
		padding: 15px;
	}


	.tbl_legend {
		margin-bottom: 10px;
		float: right;
	}

	.tbl_legend>div {
		display: inline-block;
		margin-left: 10px;
	}

	.tbl_legend>div>span {
		padding-left: 25px;
	}

	.tbl_legend>div.A {
		background: url(../../images/pop_ico/pop_ico06.png) center left/ contain no-repeat;
	}

	.tbl_legend>div.B {
		background: url(../../images/pop_ico/pop_ico14.png) center left/ contain no-repeat;
	}

	.tbl_legend>div.C {
		background: url(../../images/pop_ico/pop_ico15.png) center left/ contain no-repeat;
	}

	/* hbchoi 추가 start */
	.icontd div.A {
		background: url(../../images/pop_ico/pop_ico06.png) no-repeat center;
		background-size: contain;
		padding: 20px;
	}

	.icontd div.B {
		background: url(../../images/pop_ico/pop_ico14.png) no-repeat center;
		background-size: contain;
		padding: 20px;
	}

	.icontd div.C {
		background: url(../../images/pop_ico/pop_ico15.png) no-repeat center;
		background-size: contain;
		padding: 20px;
	}

	/* hbchoi 추가 end */

	/* 질의응답 */
	.form-group {
		margin-bottom: 5px;
	}

	.table-type-01 .file,
	.table-type-01 .file_add {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.table-type-01 .file>*,
	.table-type-01 .file_add>* {
		margin-right: 5px;
	}

	.table-type-01 .file>*:last-child,
	.table-type-01 .file_add>*:last-child {
		margin-right: 0;
	}

	.table-type-01 .file:before,
	.table-type-01 .file_add:before {
		flex: none;
		content: '';
		width: 15px;
		height: 16px;
		background: url("../../images/icon_file.png") center center / contain no-repeat;
		display: block;
		margin-right: 5px;
	}

	.table-type-01 .file input,
	.table-type-01 .file_add input {
		flex: auto;
		padding: 4px;
		font-size: 12px;
	}

	.delicon {
		flex: none;
		font-size: 12px;
		color: #fff;
		padding: 5px 10px;
		border-radius: 15px;
		background: #000;
		line-height: 1;
	}

	/* ^ 마우스오버 */
	.delicon:hover {
		background: #c2182e;
	}

	.table-type-01 .file_input_hidden {
		display: none;
	}


}


/* ==== 800px 이하 일때 ==== */
@media only screen and (max-width:800px) {


	/*== subContent ==*/
	.subContent {
		padding-top: 100px;
	}

	/* 서비스개요 */
	.ser_info_txt3 {
		font-size: 14px;
		font-weight: 100;
		text-align: center;
		padding: 10px;
		line-height: 1.8;
		margin-bottom: 25px;
	}

	.ser_info_txt3 br {
		display: none;
	}

	.ser_info_txt3 br.first_br {
		display: block;
	}

	.ser_info_txt3 strong {
		font-size: 14px;
		font-weight: 700;
		line-height: 2
	}

	.ser_info_txt3 span {
		display: inline;
		font-weight: 400;
	}

	.system_stage {
		width: calc(100% - 20px);
		margin: 0 10px;
	}

	.system_stage .stage_inner {
		width: 100%;
		flex-wrap: wrap;
	}

	.system_stage .stage_inner .stage.stage2,
	.system_stage .stage_inner .stage.stage3,
	.system_stage .stage_inner .stage.stage4,
	.system_stage .stage_inner .stage.stage5 {
		background-size: 110%;
		background-position: center center;
	}

	.system_stage:before,
	.system_stage .stage_inner .stage:after {
		display: none;
	}

	.system_stage .stage_inner:before {
		display: none;
	}

	.system_stage .stage_inner:after {
		display: none;
	}

	.system_stage .stage_inner>div:nth-child(odd) {
		margin-right: auto;
	}

	.system_stage .stage_inner .stage {
		position: relative;
		width: 49%;
		height: auto;
		background: #018ea8;
		margin-bottom: 10px;
		padding: 8px 15px;
		border-radius: 10px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.system_stage .stage_inner .stage:after {
		content: '';
		position: absolute;
		bottom: -17px;
		left: 50%;
		transform: translate(-50%);
		width: 25px;
		height: 13px;
		background: url(../images/m_select.png) no-repeat center;
		background-size: 50%;
	}

	.system_stage .stage_inner .stage:last-child:after {
		display: none;
	}

	.system_stage .stage_inner .stage .stage_txt {
		font-size: 15px;
		color: #fff;
		position: inherit;
		top: inherit;
		left: inherit;
		transform: none;
		width: auto;
	}

	.system_stage .stage_inner .stage b {
		color: #f1fb82;
		padding-right: 6px;
		line-height: 1;
	}

	.system_stage .stage_inner .stage span {
		line-height: 1.3;
	}

	.system_stage .stage_inner .stage b em {
		font-style: normal
	}

}

/* ==== 770px 이하 일때 ==== */
@media only screen and (max-width:770px) {

	/* ------------------

	px to vw
	veiwport : 800px 기준

	---------------------*/

	/*== subContent ==*/
	.subContent {
		padding-top: 12.5vw;
		/* padding-top: 100px; */
	}
}


/* ==== 600px 이하 일때 ==== */
@media only screen and (max-width:600px) {

	/* ------------------

	px to vw
	veiwport : 400px 기준

	---------------------*/
	/*== subContent ==*/
	.subContent {
		padding-top: 17.5vw;
		/* padding-top: 70px; */
	}

	/* 원자로 안전 */
	.search.sType-2 .nuclearTxt {
		display: none;
	}

	.search.sType-2 {
		flex-direction: column;
	}

	.search.sType-2 .sel {
		width: 100%;
		margin-right: 0;
	}

	.search.sType-2 .sel ul {
		width: 100%;
		flex-direction: column;
	}

	.search.sType-2 .sel li.selBox {
		width: 100%;
	}

	.search.sType-2 .sel li.selBox {
		margin-bottom: 5px;
	}

	.search.sType-2 .sel li.selBox>select {
		margin-right: 0;
	}

	.search.sType-2 .inp {
		width: 100%;
		margin-top: 5px;
	}

	.search.sType-2 .inp ul,
	.search.sType-2 .inp li,
	.search.sType-2 .inp a {
		width: 100%;
	}

	/* 하위 탭 */
	.ser_nuclear_tab ul {
		flex-wrap: wrap;
		align-items: stretch;
	}

	.ser_nuclear_tab ul li {
		flex: 0 0 auto;
		width: 33.33%;
		border-top: 1px solid #545454;
		border-left: 1px solid #545454;
	}

	.ser_nuclear_tab ul li:nth-child(-n+2) {
		border-top: 0;
	}

	.ser_nuclear_tab ul li:nth-child(3n+1) {
		border-left: 0;
	}

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

}

.cont-guid-wrap+.cont-guid-wrap {
	border-top: 1px solid #c4c4c4;
	padding-top: 50px;
	margin-top: 50px;
	margin-bottom: 30px;
}

.cont-guid-wrap .cont-guid__title {
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #333333;
	margin-bottom: 20px;
	display: block;
}

/* layout */
.cont-guid {
	display: flex;
}

.cont-guid+.cont-guid {
	margin-top: 50px;
}

.cont-guid__image {
	flex: 0 0 816px;
	margin-right: 50px;
}

@media (max-width: 1200px) {
	.cont-guid-wrap {
		margin-top: 40px;
	}

	.cont-guid__image {
		flex: auto;
		margin-right: 0;
	}

	.cont-guid {
		flex-direction: column;
	}

	.cont-guid__info {
		margin-top: 20px;
	}
}


.cont-guid__image img {
	display: block;
	width: 100%;
}

.cont-guid__info {
	padding-top: 30px;
}

.cont-guid__info>div+div {
	margin-top: 50px;
}

/* title */
.cont-guid__info>div>strong {
	font-size: 16px;
	color: #333333;
	display: flex;
	margin-top: -2px;
}

.cont-guid__info>div>strong>span {
	background: #333333;
	width: 27px;
	height: 27px;
	display: block;
	align-items: center;
	border-radius: 50%;
	color: #fff;
	justify-content: center;
	display: flex;
	font-weight: normal;
	margin-right: 10px;
	flex-shrink: 0;
	margin-top: -2px;
}

@media (max-width: 1200px) {
	.cont-guid__info {
		padding-top: 0;
	}

	.cont-guid__info>div>strong {
		font-size: 15px;
	}
}

.cont-guid__info__text {
	padding-left: 37px;
	font-size: 15px;
	color: #333333;
	line-height: 1.25em;
}

@media (max-width: 1200px) {
	.cont-guid__info__text {
		font-size: 14px;
	}
}

.cont-guid__info__text ul {
	margin-left: -10px;
	margin-top: 20px;
}

.cont-guid__info__text li {
	margin-top: 10px;
}

.cont-guid__info__text li+li {
	margin-top: 12px;
}

.cont-guid__info__text li .ls-header {
	display: flex;
}

.cont-guid__info__text li .ls-header b {
	width: 23px;
	height: 23px;
	background: #7E7E7E;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	margin-right: 10px;
	flex-shrink: 0;
	margin-top: -2px;
	font-size: 12px;
}

.cont-guid__info__text li .ls-header div {}

.cont-guid-s-image {
	width: 100%;
	margin-top: 20px;
	padding-left: 30px;
}

.cont-guid-s-image img {
	display: block;
	max-width: 100%;
}


.popupDiv-down {}

.popupDiv-down form {
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	display: block;
}

.popupDiv-down {
	left: 0;
	right: 0;
	margin: auto;
}


.system_stage2 {
	display: flex;
	margin-bottom: 170px;
}

.system_stage2>div {
	flex: 1;
	display: flex;
	flex-direction: column;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	/* padding: 0 15px 15px 15px; */
	position: relative;
}

.system_stage2>div+div {
	margin-left: 40px;
}

.system_stage2>div+div::after {
	content: '';
	width: 26px;
	height: 26px;
	background: url('../../images/new-stage-arr.png');
	position: absolute;
	top: calc(50% - 13px);
	left: -34px;
}

.system_stage2>div .stage__header {
	height: 60px;
	font-size: 17px;
	color: #417d7e;
	color: #417d7e;
	box-sizing: border-box;
	padding-top: 20px;
	text-align: center;
	position: relative;
}

.system_stage2>div .stage__header::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	height: 1px;
	background: url('../../images/new-stage-dot.png')
}

.system_stage2>div .stage__header b {
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	margin-right: 2px;
}

.system_stage2>div .stage__cont {
	font-size: 18px;
	padding-top: 20px;
	text-align: center;
}

[class^=stage__bg] {
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 6px;
}

/* [class^=stage__bg]::after{content: '';display: block;padding-bottom: 74.074074074%;} */
[class^=stage__bg]::after {
	content: '';
	display: block;
	padding-bottom: 120%;
}

.stage__bg1 {
	/* background-image: url('../../images/service_guide1_kor.svg'); */
	background-image: url("/../images/2023/serv-kor-01.png");
}

.stage__bg2 {
	/* background-image: url('../../images/service_guide2_kor.svg'); */
	background-image: url("/../images/2023/serv-kor-02.png");
}

.stage__bg3 {
	/* background-image: url('../../images/service_guide3_kor.svg') */
	background-image: url("/../images/2023/serv-kor-03.png");
}

.stage__bg4 {
	/* background-image: url('../../images/service_guide4_kor.svg') */
	background-image: url("/../images/2023/serv-kor-04.png");
}

.stage__bg1.en {
	background-image: url('../../images/service_guide1_eng.svg')
}

.stage__bg2.en {
	background-image: url('../../images/service_guide2_eng.svg')
}

.stage__bg3.en {
	background-image: url('../../images/service_guide3_eng.svg')
}

.stage__bg4.en {
	background-image: url('../../images/service_guide4_eng.svg')
}

@media(max-width: 800px) {
	.system_stage2 {
		flex-direction: column;
		align-items: center;
	}

	.system_stage2>div {
		max-width: 320px;
		flex: auto;
		width: 100%;
	}

	.system_stage2>div+div {
		margin-left: 0;
		margin-top: 40px;
	}

	.system_stage2>div+div::after {
		top: -34px;
		left: calc(50% - 13px);
		transform: rotate(90deg);
	}
}

/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/
/**********************************************************************************************************************************************/
/* 2023-09 */
/* 서브페이지 근걱법령/원천시스템 */
.facility-type01 {
	background-image: url("/../images/2022/map/icon-cate-01.png");
}

.facility-type02 {
	background-image: url("/../images/2022/map/icon-cate-02.png");
}

.facility-type03 {
	background-image: url("/../images/2022/map/icon-cate-03.png");
}

.facility-type04 {
	background-image: url("/../images/2022/map/icon-cate-04.png");
}

.facility-type05 {
	background-image: url("/../images/2022/map/icon-cate-05.png");
}

.facility-type06 {
	background-image: url("/../images/2022/map/icon-cate-06.png");
}

.facility-type07 {
	background-image: url("/../images/2022/map/icon-cate-07.png");
}

.facility-type08 {
	background-image: url("/../images/2022/map/icon-cate-08.png");
}

.facility-type09 {
	background-image: url("/../images/2022/map/icon-cate-09.png");
}

.facility-type10 {
	background-image: url("/../images/2022/map/icon-cate-10.png");
}

.facility-type11 {
	background-image: url("/../images/2022/map/icon-cate-11.png");
}

.facility-type12 {
	background-image: url("/../images/2022/map/icon-cate-12.png");
}

.facility-type13 {
	background-image: url("/../images/2022/map/icon-cate-13.png");
}

.facility-type14 {
	background-image: url("/../images/2022/map/icon-cate-14.png");
}

.facility-type15 {
	background-image: url("/../images/2022/map/icon-cate-15.png");
}

.facility-type16 {
	background-image: url("/../images/2022/map/icon-cate-16.png");
}

.facility-type17 {
	background-image: url("/../images/2022/map/icon-cate-17.png");
}

.facility-type18 {
	background-image: url("/../images/2022/map/icon-cate-18.png");
}

.facility-type19 {
	background-image: url("/../images/2022/map/icon-cate-19.png");
}

.facility-type20 {
	background-image: url("/../images/2022/map/icon-cate-20.png");
}

.facility-type21 {
	background-image: url("/../images/2022/map/icon-cate-21.png");
}

.facility-type22 {
	background-image: url("/../images/2022/map/icon-cate-22.png");
}

.facility-type23 {
	background-image: url("/../images/2022/map/icon-cate-23.png");
}

.facility-type24 {
	background-image: url("/../images/2022/map/icon-cate-24.png");
}

.facility-type25 {
	background-image: url("/../images/2022/map/icon-cate-25.png");
}

.facility-type26 {
	background-image: url("/../images/2022/map/icon-cate-26.png");
}

.facility-type27 {
	background-image: url("/../images/2022/map/icon-cate-27.png");
}

.facility-type28 {
	background-image: url("/../images/2022/map/icon-cate-28.png");
}

.original-gov {
	padding: 30px 0;
}

.original-gov>.original-gov-part {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.original-gov>.original-gov-part>a {
	color: #2e2e2e;
	font-size: 26px;
	display: inline-block;
	width: 24.8%;
	margin: 0 0.5px 1px;
	text-align: center;
	padding: 26px 0;
	background-color: #ebedf0;
}

.original-gov>.original-gov-part>a:hover,
.original-gov>.original-gov-part>a:focus {
	background-color: #d7dce3;
}

.original-gov>.original-gov-part>a.on {
	color: #ffffff;
	font-weight: 700;
	background-color: #002e73;
}

.original-gov-cont {
	padding: 30px 0;
}

.original-gov-cont>.contents {
	padding: 10px 0 40px;
}

.original-gov-cont>.contents>.title {
	padding-left: 30px;
	background-image: url("/../images/2021/icon-bullet-title.png");
	background-repeat: no-repeat;
	padding: 10px 0 10px 40px;
	background-position: left center;
	position: relative;
}

.original-gov-cont>.contents>.title>span {
	font-size: 30px;
	font-weight: 300;
}

.original-gov-cont>.contents>.title>span:first-child {
	font-weight: 700;
	color: #002e73;
}

.original-gov-cont>.contents>.title>a {
	position: absolute;
	right: 0;
	font-size: 15px;
	padding-left: 20px;
	background-image: url("/../images/2021/icon-move-top.png");
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: -0.08rem;
	top: 16px;
}

.original-gov-cont>.contents>.list {
	padding: 0 30px;
	border-top: solid 1px #dde1e6;
	margin-top: 10px;
}

.original-gov-cont>.contents>.list>article {
	border-bottom: solid 1px #dde1e6;
	display: flex;
	align-items: center;
	padding: 20px 0;
}

.original-gov-cont>.contents>.list>article>p {
	font-size: 24px;
	min-width: 350px;
	background-repeat: no-repeat;
	padding: 20px 0 20px 70px;
	background-position: 17px center;
}

.original-gov-cont>.contents>.list>article>.explain {
	width: 100%;
}

.original-gov-cont>.contents>.list>article>.explain>ul>li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0;
}

.original-gov-cont>.contents>.list>article>.explain>ul>li>p {
	font-size: 18px;
}

.original-gov-cont>.contents>.list>article>.explain>ul>li>a {
	display: inline-block;
	text-align: center;
	font-size: 18px;
	padding: 5px 29px 6px 14px;
	background-image: url("/../images/2021/icon-link-bk.png");
	background-repeat: no-repeat;
	background-position-x: calc(100% - 9px);
	background-position-y: 8px;
	background-color: transparent;
	border-radius: 20px;
	transition: 0.12s;
}

.original-gov-cont>.contents>.list>article>.explain>ul>li>a:hover,
.original-gov-cont>.contents>.list>article>.explain>ul>li>a:focus {
	background-color: #85a9c4;
	background-image: url("/../images/2021/icon-link-wh.png");
	color: #ffffff;
}

@media only screen and (max-width: 1200px) {
	.original-gov {
		padding: 30px;
	}
}

@media only screen and (max-width: 1000px) {
	.original-gov>.original-gov-part>a {
		font-size: 23px;
		width: 32.8%;
		padding: 20px 0;
	}

	.original-gov-cont>.contents>.title>span {
		font-size: 26px;
	}

	.original-gov-cont>.contents>.list>article>p {
		font-size: 20px;
		min-width: 250px;
	}
}

@media only screen and (max-width: 768px) {
	.original-gov>.original-gov-part>a {
		width: 49.8%;
	}

	.original-gov-cont>.contents>.title {
		padding-right: 100px;
	}

	.original-gov-cont>.contents>.title>span {
		font-size: 26px;
	}

	.original-gov-cont>.contents>.list>article>p {
		display: none;
	}
}

@media only screen and (max-width: 554px) {
	.original-gov>.original-gov-part>a {
		font-size: 20px;
		width: 49%;
	}

	.original-gov-cont>.contents {
		padding-bottom: 0;
	}

	.original-gov-cont>.contents>.title>span {
		font-size: 22px;
	}

	.original-gov-cont>.contents>.list>article {
		padding: 10px 0;
	}

	.original-gov-cont>.contents>.list>article>p {
		display: none;
	}
}

/* 기타시설 */
.capture-area {
	margin: 40px 0;
	text-align: center;
}

.capture-area>img {
	width: 1000px;
	border: solid 1px #a7a7a7;
}

@media only screen and (max-width: 1200px) {
	.capture-area>img {
		width: 100%;
	}
}

/* 서비스 이용안내 */
.tab-content section:last-child {
	text-align: right;
	margin-bottom: 50px;
}

.tab-content section .cnt-top {
	font-size: 14px;
	color: #e1ecf8;
	background-color: #39638f;
	border: 0;
	border-radius: 20px;
	padding: 4px 0 4px 20px;
	width: 100px;
	background-image: url("/../images/arraw-triangle.png");
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-position: 17px 10px;
}

.tab-content section .cnt-top:hover,
.tab-content section .cnt-top:focus {
	background-color: #0d2845;
}

.pullUp {
	text-align: center;
	border-bottom: solid 1px #d8d8d8;
	margin: 20px 0 50px;
}

.pullUp > a {
	color: #6b6b6b;
	text-align: center;
	display: inline-block;
	font-size: 13px;
}