@charset "UTF-8";

.pl-20 {
	padding-left: 20px;
}

.pr-20 {
	padding-right: 20px;
}

.guidebook_app {
	position: relative;
	padding-bottom: 20px;
}

.guidebook_app .bullet-bar {
	position: relative;
	padding-left: 10px;
}
.guidebook_app .bullet-bar:before {
	content: '-';
	font-size: 14px;
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 10;
}
.guidebook_app .bullet-reference {
	position: relative;
	padding-left: 17px;
}

.guidebook_app .bullet-reference:before {
	content: '※';
	font-size: 14px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.guidebook_app p {
	word-break:keep-all;
	word-wrap:break-word;
}

.guidebook_app_btn {
	height: 134px;
	overflow: hidden;
	border-radius: 4px;
	margin-bottom: 30px;
	border: 3px solid #e4e4e4;
	background: #f8f8f5 url(../images/content/guidebook.png) 5% 20% no-repeat;
	background-size: 350px 188px;
	position: relative;
}

.guidebook_app_btn .guidebtn_container {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translateY(-50%);
}

.guidebook_app_btn .guidebtn_wrap {
	position: relative;
	display: inline-block;
	margin-right: 50px;
}

.guidebook_app_btn span {
	font-size: 28px;
	font-weight: 400;
	text-align: center;
	color: #37779F;
	display: block;
}

.guidebook_app_btn span.color {
	color: #C14E00;
}

.guidebook_app_btn a {
	display: inline-block;
	width: 100%;
	height: auto;
}

.guidebook_app_btn a:hover {
	text-decoration: none;
}

.guidebook_app_btn strong {
	font-weight: normal;
	padding: 5px 30px;
	background-color: #37779F;
	color: #fff;
	font-size: 20px;
	display: block;
	border: 5px solid #f8f8f5;
	border-radius: 9px;
	width: 150px;
	box-sizing: border-box;
	margin: 0 auto;
}

.guidebook_app_btn strong.color {
	background-color: #C14E00;
}


.guidebook_app .guidebook-cont {
	position: relative;
	margin-top: 20px;
	/* border: 1px solid #e4e4e4; */
}

/* .guidebook_app .info-box {background-color: #e5f2f9; color:#37779F; position: relative; padding:20px 20px 20px 100px;} */
/* .guidebook_app .info-box:before {content:""; position: absolute; left:30px; width:45px; height:45px; background: url(../images/content/icon-guidebook.png) no-repeat 0 0;} */

.guidebook_app .guidebook-cont .guidebook-title {
	position: relative;
	background-color: #e5f2f9;
	padding: 20px 20px 21px 100px;
}

.guidebook_app .guidebook-cont .guidebook-title:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 30px;
	margin-top: -22px;
	width: 45px;
	height: 45px;
	background: url(../images/content/icon-guidebook.png) no-repeat 0 0;
}

.guidebook_app .guidebook-cont .guidebook-title strong {
	font-size: 20px;
	line-height: 1.5;
	color: #37779F;
}

.guidebook_app .guidebook-cont .guidebook-caption {
	position: relative;
	padding: 30px;
	background: #F7FCFF;
}

.guidebook_app .guidebook-cont .guidebook-caption p {
	font-size: 16px;
	line-height: 1.5;
	color: #37779F;
	word-break: break-all;
}

.guidebook_app .guidebook-cont .guidebook-caption p+p {
	margin-top: 15px;
}

.guidebook_app .guidebook-cont .guidebook-caption .info-text {
	position: relative;
	font-size: 15px;
	font-weight: 400;
	/* line-height: 24px; */
	line-height: 1.6;
	color: #ea3b3e;
}

.guidebook_app ul.table {
	display: table;
	width: 100%;
	margin-top: 20px;
	max-width: 500px;
	margin: 40px auto;
}

.guidebook_app ul.table li {
	display: table-cell;
	width: 50%;
	text-align: center;
}

.guidebook_app ul.table li .heading4 {
	margin-left: 3px;
	font-size: 16px;
	font-weight: 500;
	color: #000;
}

.guidebook_app ul.table li .guidebook_img {
	margin-bottom: 8px;
	width: 160px;
	height: 200px;
	background-color: #eee;
	border-radius: 6px;
	display: inline-block;
	box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 20%);
}

.guidebook_app ul.table li select {
	cursor: pointer;
	color: #000;
}

.guidebook_app dl.table {
	display: table;
	width: 100%;
	margin-top: 15px;
}

.guidebook_app dl.table dt {
	display: table-cell;
	vertical-align: top;
	padding-top: 8px;
	width: 100px;
}

.guidebook_app dl.table dt label {
	font-size: 16px;
	cursor: default;
	color: #000;
	font-weight: 500;
}

.guidebook_app dl.table dd {
	display: table-cell;
	font-size: 0;
}

.guidebook_app dl.table dd .address {
	position: relative;
	font-size: 0;
}

.guidebook_app dl.table dd .address .inbox {
	max-width: 130px;
	margin-right: 8px;
}


.guidebook_app dl.table dd label {
	font-size: 14px;
	color: #000;
	user-select: none;
}


.guidebook_app dl.table dd input[type="checkbox"] {
	vertical-align: top;
	margin: 4px 2px 0 0;
	cursor: pointer;
}

.guidebook_app dl.table dd .inbox {
	width: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.guidebook_app dl.table dd .inbox>input {
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background-color: #fff;
	box-sizing: border-box;
}

.guidebook_app dl.table dd .inbox.error input {
	border: 1px solid #FF4848;
}


.guidebook_app dl.table.agree dd .heading4 {
	display: inline-block;
}

.guidebook_app dl.table.agree dd a {
	display: inline-block;
}

.guidebook_app .ess_message,
.guidebook_app .ess_message label {
	color: #F03434 !important;
	font-size: 0.9222em;
}

.guidebook_app .ess_message input {
	border: 1px solid #F03434 !important;
}

.guidebook_app .info-box-sub {
	color: #37779F;
	padding: 0 0 0 100px;
	margin-top: 20px;
}

.guidebook_app .info-box-center {
	margin-top: 60px;
	color: #37779F;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
}

.guidebook_app .info-box-center strong {
	font-size: 18px;
}

.guidebook_app.hotline .info-box:before {
	content: "";
	position: absolute;
	left: 30px;
	width: 45px;
	height: 45px;
	background: url(../images/content/icon-hotline.png) no-repeat 0 0;
}


.guidebook_app .info-box-gray {
	margin-top: 50px;
	background-color: #f5f5f5;
	position: relative;
	/* padding: 20px; */
	padding: 30px;
	font-size: 14px;
	color: #000;
}

.guidebook_app .info-box-gray h5 {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.guidebook_app .info-box-gray .info-reference {
	position: relative;
	margin-top: 30px;
}

.guidebook_app .info-box-gray .info-reference p + p {
	margin-top: 3px;
}
.guidebook_app .info-box-gray .info-reference p {
	color: #0171b0;
}


.guidebook_app .guide_wrap {
	/* text-align: center; */
	margin: 50px auto 0;
	font-size: 0;
	/* padding: 0 200px; */
	min-height: 300px;
	display: flex;
	gap: 30px;
	width: 80%;
}

.guidebook_app .guide_wrap .guide_side {
	position: relative;
	display: flex;
}

/*
.guidebook_app .guide_wrap .guide_right::before {
	content: '';
	border-left: 1px dashed #000;
	height: 300px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -20px;
	opacity: 0.1;
}
*/

/*
.guidebook_app .guide_wrap div {
	float: left;
	text-align: left;
	height: auto;
}

.guidebook_app .guide_wrap .guide_side {
	width: calc(50% - 20px);
}

.guidebook_app .guide_wrap .guide_right {
	margin-left: 20px;
}
*/

.guidebook_app .guide_wrap .guidebook_img {
	width: 160px;
	min-width: 160px;
	height: 200px;
	background-color: #eee;
	border-radius: 6px;
	box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 20%);
}

.guidebook_app .guide_wrap .guide_list {
	width: calc(100% - 160px);
	font-size: 15px;
	padding-left: 17px;
	box-sizing: border-box;
	letter-spacing: -0.025em;
	line-height: 1.6;
}

.guidebook_app .guide_wrap .guide_list > ul > li {
	word-break:keep-all;
	word-wrap:break-word;
}

.guidebook_app .guide_wrap .guide_list > ul > li + li {
	margin-top: 10px;
}

.guidebook_app .guide_wrap .guide_list > ul > li > ul.depth2 > li + li {
	/* margin-top: 3px; */
}

.guidebook_app .guide_wrap .guide_list strong {
	font-size: 16px;
	color: #000;
	margin-bottom: 10px;
	display: inline-block;
}

.guidebook_app .guide_wrap .guide_list p {
	position: relative;
	padding-left: 13px;
	color: #666;
}


.guidebook_app .guide_wrap .guide_list b {
	font-size: 16px;
	font-weight: 700;
	color: #000;
}


.guidebook_app .info-box-gray ol li {
	/* margin-left: 20px; */
	margin-top: 3px;
	margin-left: 10px;
	list-style: decimal;
}

.guidebook_app .info-box-gray ul li {
	/* margin-left: 20px; */
	margin-top: 3px;
	margin-left: 10px;
	list-style: disc;
}


.guidebook_app a {
	/* color:#37779F;*/
	color: #0966bc;
	text-decoration: underline;
	/* font-style: italic;*/
	font-weight: 500;
}

.guidebook_app a.button {
	color: #fff;
	text-decoration: none;
	font-style: normal;
}

.deemed-white {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(255, 255, 255, 0.9)
}

.deemed-white .app_progess_box {
	width: 60%;
	max-width: 300px;
	margin: 0 auto;
	padding: 60px;
	background: url(../images/content/back-guidebook-blue.gif);
	border-radius: 6px;
	overflow: hidden;
	position: relative;
	margin-top: 50%;
}

.guidebook_app.hotline .deemed-white .app_progess_box {
	margin-top: 30%;
}

.deemed-white .app_progess_box .title {
	width: 130px;
	height: 50px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
	padding-top: 80px;
	text-align: center;
	font-weight: bold;
	color: #37779F;
	font-size: 1.2em;
	margin: 0 auto;
}

.deemed-white .app_progess_box .title:before {
	content: "";
	position: absolute;
	left: 40px;
	top: 25px;
	width: 45px;
	height: 45px;
	background: url(../images/content/icon-guidebook.png) no-repeat 0 0;
}

.guidebook_app.hotline .deemed-white .app_progess_box .title:before {
	content: "";
	position: absolute;
	left: 40px;
	top: 25px;
	width: 45px;
	height: 45px;
	background: url(../images/content/icon-hotline.png) no-repeat 0 0;
}

.deemed-white .app_progess_box p {
	text-align: center;
	color: #fff;
}

/*
.guidebook_app .guidebook-cont .guidebook-caption>.div-cont {
	padding-bottom: 35px;
	border-bottom: 1px dashed #ddd;
}
*/
.guidebook_app .guidebook-cont .guidebook-caption>.div-cont + .div-cont {
	border-top: 1px dashed #ddd;
	margin-top: 35px;
	padding-top: 25px;
}



.guidebook_app .guidebook-cont .guidebook-caption div.table {
	width: 100%;
	display: table;
}

.guidebook_app .guidebook-cont .guidebook-caption .item {
	position: relative;
}

.guidebook_app .guidebook-cont .guidebook-caption .item+.item {
	margin-top: 15px;
}

.guidebook_app .guidebook-cont .guidebook-caption strong {
	position: relative;
	display: block;
	color: #37779F;
	font-size: 18.667px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
}

/* .guidebook_app .guidebook-cont .guidebook-caption strong b {
	color: #0966bc;
}

.guidebook_app .guidebook-cont .guidebook-caption strong:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	z-index: 10;
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1px solid #37779F;
	background-color: transparent;
	border-radius: 50%;
} */

.guidebook_app .guidebook-cont .guidebook-caption {
	/* margin-bottom: 50px; */
}


.guidebook_app .guidebook-cont .guidebook-caption strong+p {
	margin-top: 15px;
}



.guidebook_app .guidebook-cont .guidebook-caption button {
	min-width: 100px;
	color: #FFF;
	text-align: center;
	font-size: 15px !important;
	line-height: 37px;
}


@media(max-width:1200px) {
	.guidebook_app {
		margin-top: 20px;
	}

	/*
	.guidebook_app .guide_wrap {
		padding: 0 20%;
	}

	.guidebook_app .guide_wrap .guide_side {
		width: auto;
		float: none;
		margin: 0 auto;
	}

	.guidebook_app .guide_wrap .guide_right {
		margin-top: 50px;
	}
	*/

	.guidebook_app .guide_wrap {
		width: 100%;
	}

}

@media(max-width:768px) {
	.guidebook_app_btn span {
		font-size: 3.8vw;
		background-color: rgba(255, 255, 255, 0.7);
	}

	.guidebook_app_btn .guidebtn_container {
		width: 100%;
		position: relative;
	}

	.guidebook_app_btn .guidebtn_wrap {
		margin-right: 0;
		position: absolute;
		top: 50%;
		left: 5%;
		transform: translateY(-50%);
	}

	.guidebook_app_btn .guidebtn_wrap.sec {
		right: 5%;
		left: auto;
	}

	.guidebook_app .info-box-sub {
		color: #37779F;
		padding: 0 0 0 30px;
	}

	.guidebook_app .info-box-center {
		margin-top: 30px;
	}

	.guidebook_app .guide_wrap .guidebook_img {
		margin: 0 auto;
	}

	.guidebook_app .guide_wrap {
		flex-direction: column;
		gap: 30px;
		margin: 30px auto 0;
	}

	.guidebook_app .guidebook-cont .guidebook-caption strong {
	}
	.guidebook_app .guide_wrap .guide_side {
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}
	.guidebook_app .guide_wrap .guide_list {
		margin: 0;
		padding: 0 10%;
		width: 100%;
		margin: 0 auto;
	}

	/*
	.guidebook_app .guide_wrap .guide_list {
		width: 90%;
		margin: 20px 5% 0 5%;
		padding: 0;
	}
	*/


	.guidebook_app .guide_wrap div {
		float: none;
		height: auto;
	}


	.guidebook_app .guidebook-cont .guidebook-caption>.div-cont + .div-cont {
		margin-top: 20px;
		padding-top: 10px;
	}	 
	.guidebook_app dl.table dd .inbox {
		width: 100% !important;
		max-width: unset !important;
	}
	
	.guidebook_app .guidebook-cont .guidebook-caption {
		padding: 20px;
	}
	.guidebook_app .guidebook-cont .guidebook-caption p {
		/* padding-left: 0; */
	}
	.guidebook_app dl.table dd .address {
		margin-bottom: 5px;
	}

	.guidebook_app .info-box-gray {
		margin-top: 30px;
		padding: 20px 20px;
	}

}

@media (max-width: 640px) {
	.guidebook_app_btn a {
		background-size: 350px 188px;
		background-position: -60px 20%;
		width: 100%;
		/* width:77%; */
		/* padding-left:23%; */
	}
}

@media(max-width:480px) {
	.guidebook_app_btn {
		height: 300px;
		background-position: bottom;
	}

	.guidebook_app_btn span {
		font-size: 5vw;
		width: 55vw;
	}

	.guidebook_app_btn .guidebtn_container {
		height: 100%;
	}

	.guidebook_app_btn .guidebtn_wrap {
		top: 11%;
		left: 50%;
		right: auto;
		transform: translate(-50%, 0);
	}

	.guidebook_app_btn .guidebtn_wrap.sec {
		top: auto;
		bottom: 12%;
		right: auto;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.guidebook_app ul.table li {
		display: block;
		margin: 30px auto;
	}

	.guidebook_app ul.table li .guide-caption {
		width: 160px;
		margin: 0 auto;
	}

	.guidebook_app ul.table li .heading4 {
		display: block;
		margin-top: 5px;
	}

	.guidebook_app .guide_wrap .guide_list {
		width: 100%;
		/* margin: 20px 0 0 0; */
	}

	.guidebook_app .guidebook-cont .guidebook-caption strong:before {
		top: 7px;
	}
}


/* ---------------------------------------------
	230106//(Ina)가이드북&지도 소스전체수정
------------------------------------------------ */
.sub-contents--map-guide-book *,
.sub-contents--map-guide-book *:before,
.sub-contents--map-guide-book *:after {
	box-sizing: border-box;
}


.section-guidebook {
	position: relative;
}

.section-guidebook .guidebook-request {
	height: 134px;
	overflow: hidden;
	border-radius: 4px;
	margin-bottom: 30px;
	border: 3px solid #e4e4e4;
	background: #f8f8f5 url(../images/content/guidebook.png) 5% 20% no-repeat;
	background-size: 350px 188px;
	position: relative;
}

.section-guidebook .guidebook-request .link-group {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 210px 0 0;
	gap: 50px;
	height: 100%;
}

.section-guidebook .guidebook-request .link-group>a {
	position: relative;
	/* margin-right: 50px; */
	margin-top: -3px;
	text-align: center;
	z-index: 10;
}

.section-guidebook .guidebook-request .link-group span {
	font-size: 26px;
	line-height: 1.2;
	font-weight: 400;
	text-align: center;
	display: block;
}

.section-guidebook .guidebook-request .link-group button {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	padding: 4px 0 4px;
	font-size: 22px;
	color: #fff;
	border-radius: 4px;
	font-weight: 600;
	margin-top: 8px;
	text-align: center;
}


.section-guidebook .guidebook-request .link-group:hover button {
	transition: all 0.3s;
}


.section-guidebook .guidebook-request .link-group .link-apply {}

.section-guidebook .guidebook-request .link-group .link-apply:hover button {
	background-color: #004977;
}



.section-guidebook .guidebook-request .link-group .link-apply span {
	color: #37779F;
}

.section-guidebook .guidebook-request .link-group .link-apply button {
	background-color: #37779F;
}

.section-guidebook .guidebook-request .link-group .link-register {}

.section-guidebook .guidebook-request .link-group .link-register:hover button {
	background-color: rgb(155, 0, 0)
}


.section-guidebook .guidebook-request .link-group .link-register span {
	color: #C14E00;
}

.section-guidebook .guidebook-request .link-group .link-register button {
	background-color: #C14E00;
}


.section-guidebook .guidebook-list {
	position: relative;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
}

.section-guidebook .guidebook-list .item {
	position: relative;
	width: calc((100% / 3) - 13.3333px);
	margin-bottom: 60px;
}

.section-guidebook .guidebook-list .item+.item {
	margin-left: 20px;
}

.section-guidebook .guidebook-list .item:nth-child(3n+1) {
	margin-left: 0;
}

.section-guidebook .guidebook-list .item .bg-thumb {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 376px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.section-guidebook .guidebook-list .item .title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	padding-top: 8px;
	font-size: 13px;
	height: 43px;
	line-height: 1.3;
	color: #000;
	font-weight: bold;
}

.section-guidebook .guidebook-list .item .btn-block {
	position: relative;
	margin-top: 13px;
}

.section-guidebook .guidebook-list .item .btn-block .btn-pdf {
	display: inline-block;
	vertical-align: top;
	padding-top: 6px;
	padding-bottom: 6px;
	border: 1px solid #ea3b3e;
	color: #ea3b3e;
	border-radius: 4px;
	width: 100%;
	transition: all 0.3s;
}

.section-guidebook .guidebook-list .item .btn-block .btn-pdf:hover {
	border: 1px solid #ac0003;

}

.section-guidebook .guidebook-list .item .btn-block .btn-pdf:hover>b,
.section-guidebook .guidebook-list .item .btn-block .btn-pdf:hover>span {
	color: #ac0003;
}

.section-guidebook .guidebook-list .item .btn-block .btn-pdf b,
.section-guidebook .guidebook-list .item .btn-block .btn-pdf span {
	display: block;
	font-size: 14px;
	text-align: center;
	color: #ea3b3e;
	transition: all 0.3s;
	line-height: 1.3;
}

/* 가이드북&지도 - 반응형 */
/*=================================*/

@media (max-width: 1200px) {
	.section-guidebook .guidebook-request .link-group {
		padding: 0 17.5vw 0 0;
	}
	.section-guidebook .guidebook-request .link-group>a:last-child {
		margin-right: 0;
	}
}

@media (max-width: 768px) {


	.guidebook_app dl.table dd .address .inbox {
		max-width: unset;
	}
	.guidebook_app dl.table dd .address button {
		margin-top: 8px;
		width: 100%;
	}

	.section-guidebook .guidebook-request {
		height: 300px;
		background-position: bottom;
	}

	.section-guidebook .guidebook-request .link-group {
		flex-direction: column;
		justify-content: center;
		gap: 0;
		padding: 0;
	}

	.section-guidebook .guidebook-request .link-group>a {
		margin-right: 0;
		transform: scale(0.9);
	}

	.section-guidebook .guidebook-request .link-group>a+a {
		margin-top: 5px;
	}

	.section-guidebook .guidebook-request .link-group a span {
		text-shadow:
			1px 1px 10px #f8f8f5,
			1px -1px 10px #f8f8f5,
			-1px 1px 10px #f8f8f5,
			-1px -1px 10px #f8f8f5;
		font-weight: 700;
		letter-spacing: -0.5px;
	}

	.section-guidebook .guidebook-request .link-group a button {
		margin-top: 6px;
		border: 4px solid #f8f8f5;
		border-radius: 8px;
		line-height: normal;
		font-weight: 700;
		/* padding: 6px 0 9px; */
	}

	.section-guidebook .guidebook-list .item {
		width: calc((100% / 2) - 5px);
		margin-bottom: 30px;
	}

	.section-guidebook .guidebook-list .item+.item {
		margin-left: 10px;
	}

	.section-guidebook .guidebook-list .item:nth-child(2n+1) {
		margin-left: 0;
	}

	.section-guidebook .guidebook-list .item .bg-thumb {
		height: 50vw;
	}
	

}

@media (max-width: 480px) {
	.section-guidebook .guidebook-request .link-group {}
	.section-guidebook .guidebook-request .link-group a button {
		/* padding: 12px 0 9px; */
	}

	.section-guidebook .guidebook-list .item .btn-block .btn-pdf {
		padding-top: 8px;
	}
	.guidebook_app dl.table dd input[type="checkbox"] {
		margin: 1px 2px 0 0;
	}

}