/* 초기화 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color:inherit;
	box-sizing:border-box;
	font-family: 'SUIT-Regular';
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.3;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration:none;
	color:inherit;
}


@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SUITE-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SUITE-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SUITE-Heavy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}



:root { /* var(--main-bg-color) */
  --color-grey: #626262;
  --color-blue01: #023fe5;
  --color-blue02: #1c549f;
  --color-navy: #0c095b;
  --color-orange: #ff6600;
  --color-yellow: #f6ff00;
  --color-green: #63d776;
	--color-green02: #0b9f93;
  --color-red: #db4342;
  --color-black: #111111;
}

/* 배경색 공통 */
.bg_grey {background-color:var(--color-grey);}
.bg_blue01 {background-color:var(--color-blue01);}
.bg_blue02 {background-color:var(--color-blue02);}
.bg_navy {background-color:var(--color-navy);}
.bg_green {background-color:var(--color-green);}
.bg_green02 {background-color:var(--color-green02);}
.bg_red {background-color:var(--color-red);}
.bg_orange {background-color:var(--color-orange);}
.bg_black {background-color:var(--color-black);}



/* 선색 공통 */
.bc_grey {border-color:var(--color-grey);}
.bc_blue01 {border-color:var(--color-blue01);}
.bc_blue02 {border-color:var(--color-blue02);}


/* 폰트색상 공통 */
.fc_orange {color:var(--color-orange);}
.fc_yellow {color:var(--color-yellow);}
.fc_red {color:var(--color-red);}



.fy_normal {font-family: 'SUITE-Medium';}
.fy_semibold {font-family: 'SUITE-SemiBold';}
.fy_bold {font-family: 'SUITE-Heavy';}


/* before_trip_fixed */
.before_trip_fixed {
	display:flex;
	/* align-items:center; */
	position:fixed;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	width:1000px;
	max-width:100%;
}

.before_trip_fixed > a {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:20px;
	font-family: 'SUITE-SemiBold';
	height:60px;
	color:#fff;
}

.before_trip_fixed.count1 > a {
	width:100%;
}

.before_trip_fixed.count2 > a {
	width:50%;
}

.before_trip_fixed.count3 > a {
	width:33.33%;
}




/* 작업 */
.before_trip_wrap {
	width:100%;
}

.before_trip_top {
	background:url('img/before_img_bg.png') center center no-repeat;
	background-size:cover;
	width:100%;
}

.before_trip_top dl {
	width:1170px;
	max-width:100%;
	margin:0 auto;
	padding:115px 0px 40px;
}

.before_trip_top dl dt {
	font-size:32px;
  font-family: 'SUITE-Heavy';
	color:#fff;
	margin-bottom:12px;
}

.before_trip_top dl dd {
	font-size:20px;
  font-family: 'SUITE-Medium';
	color:#fff;
}

.before_trip_list {
	width:1170px;
	max-width:100%;
	margin:0 auto;
	padding:36px 0;
	display:flex;
	flex-wrap:wrap;
	gap:80px 40px;
}

.before_trip_unit {
	width:calc((100% - 160px)/5);
	text-align:center;
}

.before_trip_unit a {
	display:block;
	width:100%;
	height:100%;
}

.bf_list_img {
	width:100%;
	padding-top:100%;
	position:relative;
	overflow:hidden;
	border-radius:50%;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	transition:0.5s all ease;
}

.bf_list_img img {
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	transform:scale(1);
	transition:0.5s transform ease;
}

.bf_list_tit {
	font-size:28px;
  font-family: 'SUITE-SemiBold';
	margin-top:15px;
}



.before_trip_img {
	width:1000px;
	max-width:100%;
	margin:0 auto;
}

.before_trip_img img {
	width:100%;
}



/* 필리핀 세부사항 style */
.page_content {
	padding:65px 30px 100px;
}

.bt_slide_wrap {
	margin-top:80px;
	padding-top:120px;
}
.bt_slide_wrap2 {
	margin-top:80px;
}

.bt_slide_wrap .slick-prev, 
.bt_slide_wrap .slick-next{ 
	display:block; 
	width:39px; 
	height:66px; 
	box-sizing:border-box; 
	padding: 0; 
	cursor: pointer;    
	color: transparent;    
	border:0;
	border-radius:0;    
	outline: none;    
	background-color: transparent;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:118px;
	transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease;  
	-webkit-transition: all 0.2s ease;
	z-index:5;
	opacity:0.5;
}

.bt_slide_wrap .slick-prev {
	left:30px;  
	background-image:url('img/slide_arrow_prev.png'); 
}

.bt_slide_wrap .slick-next {
	right:30px;
	background-image:url('img/slide_arrow_next.png');
}

.bt_slide_wrap .slick-dots {
	position:absolute; 
	top:0;
	left:0;
	width:100%; 
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.bt_slide_wrap .slick-dots:before {
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:1px;
	display:block;
	content:"";
	background-color:#ddd;
	z-index:-1;
}

.bt_slide_wrap .slick-dots li {
	
}

.bt_slide_wrap .slick-dots li button {
	display: block;  
	width: 62px; 
	height: 62px;
	border: 0; 
	font-size: 0; 
	border: none; 
	background-color: #ddd;  
	cursor: pointer;  
	border-radius: 50%;  
	padding: 0;
	color:#999999;
	font-size:32px;
  font-family: 'SUITE-Heavy';
	text-align:center;
}

.bt_slide_wrap .slick-dots li.slick-active button {
	background:#023fe5;
	color:#fff;
}

.bf_page_title {
	text-align:center;
	font-size:65px;
	font-family: 'SUITE-Heavy';
	padding:30px 15px;
	color:#fff;
}

.bt_slide_unm {
	margin:0 auto;
	text-align:center;
	font-size:32px;
	font-family: 'SUITE-Heavy';
	width:62px;
	line-height:62px;
	border-radius:50%;
	background-color:var(--color-blue01);
	color:#fff;
}

.bt_slide_stit {
	font-size:16px;
	margin-top:8px;
	text-align:center;
}

.bt_slide_txt {
	font-size:20px;
	margin:12px auto 30px;
	padding-top:14px;
	position:relative;
	text-align:center;
	font-family: 'SUITE-Medium';
}

.bt_slide_txt:before {
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	content:"";
	display:block;
	background-color:#ddd;
	width:120px;
	height:1px;
}

.bt_slide_txt .left {
	margin-top: 7px;
	display: flex;
	padding: 15px;
	font-size: inherit;
	color: inherit;
	background: #f7f7f7;
	border-radius:1px solid #ddd;
	text-align-last: left;
	font-size: 16px;
}

.bt_slide_img {
	text-align:center;
}

.bt_slide_img img {
	width:auto;
	max-width:100%;
	border:1px solid #efefef;
	margin:0 auto;
}

.before_trip_notice {
	position:relative;
	margin-bottom:50px;
}

.bt_notice_tit {
	position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -19px;
  color: #fff;
  padding: 5px 20px;
  font-size: 22px;
  border-radius: 50px;
}

.bt_slide_txt_span {
	display:inline-block;
	padding:5px 20px;
	border-radius:30px;
	margin-top:24px;
	margin-bottom:3px;
}

.bt_slide_txt_span.bg_red {
	color:#fff;
}

.bt_slide_txt_span br {
	display:none;
}

.bt_veryImportant {
	text-align:center;
	font-size:28px;
	font-family: 'SUITE-Heavy';
	color:#fb0909;
}

.bt_veryImportant br {
	display:none;
}

.bt_notice_list {
	border:1px solid var(--color-grey);
	border-radius:25px;
	padding:45px 30px 30px;
}

.bt_notice_list li {
	padding-left:15px;
	position:relative;
	font-size:18px;
}

.bt_notice_list li + li {
	margin-top:8px;
}

.bt_notice_list li:before {
	position:absolute;
	left:0;
	top:0;
	content:"-";
	display:block;
}


.bf_image_list {
	text-align:center;
}

.bf_image_list + .bf_image_list {
	margin-top:50px;
}

.bf_image_list img {
	width:auto;
	max-width:100%;
}


.before-trip-tab {
	display: flex;
	margin-bottom: 24px;
	border-radius: 7px;
	overflow: hidden;
}

.before-trip-tab li {
	flex: 1;
}
.before-trip-tab li a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	padding: 12px 12px;
	background: #efefef;
	color: #999;
	font-weight: 600;
	text-align: center;
}
.before-trip-tab li.on a {
	background:var(--color-blue01);
	color: #fff;
}




/************************************ hover ************************************/
@media (hover: hover) {

	.before_trip_unit a:hover .bf_list_img img {
		transform:scale(1.2);
		transition:0.5s transform ease;
	}

	.before_trip_unit a:hover .bf_list_img {
		box-shadow:0 0 10px rgba(0,0,0,0.5);
		transition:0.5s all ease;
	}

}
/************************************ hover ************************************/



/* 반응형 중간기기 1170px 사이즈 이하*/
@media all and (max-width:1170px){


	.before_trip_top dl {
		padding:115px 15px 40px;
	}


	.before_trip_list {
		padding:36px 15px;
	}

}




/* 반응형 중간기기 998px 사이즈 이하*/
@media all and (max-width:998px){

	.before_trip_unit {
		width:calc((100% - 120px)/4);
	}

}




/* 반응형 중간기기 768px 사이즈 이하*/
@media all and (max-width:768px){

	.before_trip_top dl {
		padding:40px 15px;
	}

	.before_trip_top dl dt {
		font-size:28px;
		margin-top:8px;
	}

	.before_trip_top dl dd {
		font-size:16px;
	}

	.before_trip_unit {
		width:calc((100% - 80px)/3);
	}

	.bf_list_tit {
		font-size:24px;
	}

	
	/* 이트래블 */
	.before_trip_fixed > a {
		font-size:18px;
	}

	.page_content {
		padding:45px 15px 70px;
	}

	.bf_page_title {
		font-size:36px;
	}

	.bt_notice_tit {
		font-size:16px;
		padding:5px 24px;
		top:-16px;
		width:276px;
		text-align:center;
	}

	.bt_notice_list {
		padding:34px 30px 20px;
		border-radius:16px;
	}

	.bt_notice_list li {
		font-size:16px;
	}

	.bt_notice_list li + li {
		margin-top:6px;
	}

	.bt_veryImportant {
		font-size:24px;
	}

	.bt_veryImportant br {
		display:block;
	}

	.bt_slide_wrap .slick-dots li button {
		width:45px;
		height:45px;
		font-size:24px;
	}

	.bt_slide_unm {
		width:45px;
		line-height:45px;
		font-size:24px;
	}

	.bt_slide_wrap .slick-prev, 
	.bt_slide_wrap .slick-next {
		width:24px;
		height:41px;
	}

	.bt_slide_wrap .slick-prev {
		left:15px;
	}

	.bt_slide_wrap .slick-next {
		right:15px;
	}

	.bt_slide_txt {
		font-size:18px;
	}


}





/* 반응형 중간기기 480px 사이즈 이하*/
@media all and (max-width:480px){

	.before_trip_list {
		gap:0;
		padding:0;
	}

	.before_trip_unit {
		width:100%;
	}

	.before_trip_unit a {
		display:flex;
		gap:20px;
		align-items:center;
		border-bottom:1px solid #ddd;
		padding:15px;
	}


	.before_trip_unit:last-child a {
		border-bottom:0;
	}

	.bf_list_img {
		width:50px;
		height:50px;
		padding-top:0;
		box-shadow:none;
		border-radius:0;
	}

	.bf_list_tit {
		font-size:18px;
		font-family: 'SUITE-Medium';
		margin-top:0;
	}

	.bf_list_tit br {
		display:none;
	}


	/* 이트래블 */
	.bt_notice_list {
		padding:34px 20px 20px;
	}

	.before_trip_notice {
		margin-bottom:25px;
	}

	.bt_slide_wrap {
		margin-top:50px;
		padding-top:70px;
	}

	.bt_slide_wrap .slick-dots li button {
		width:32px;
		height:32px;
		font-size:18px;
	}

	.bt_slide_wrap .slick-prev,
	.bt_slide_wrap .slick-next {
		top:71px;
		width:18px;
		height:30px;
	}

	.bt_slide_unm {
		width:32px;
		line-height:32px;
		font-size:18px;
	}

	.bt_slide_stit {
		font-size:14px;
	}

	.bt_slide_txt {
		font-size:16px;
		margin:7px auto 15px;
		padding-top:11px;
		word-break:keep-all;
	}

	.bt_slide_txt_span br {
		display:block;
	}




}




/* 반응형 중간기기 360px 사이즈 이하*/
@media all and (max-width:360px){

	.before_trip_top dl dd br {
		display:none;
	}

	.before_trip_list {
		gap:40px 20px;
	}

	.before_trip_unit {
		width:calc((100% - 20px)/2);
	}

	.bf_list_tit {
		font-size:18px;
	}


}