/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

@media(min-width: 1265px){
	header{ overflow: hidden; z-index: 101; position: fixed; left: 0; top: 0; width: 100%; height: 90px;}
	header div.inner_wrap{ display: flex; justify-content: space-between; width: 100%; max-width: 1600px; height: 90px; margin: 0 auto;}
	header div.inner_wrap h1{ width: 200px;}
	header div.inner_wrap h1 a{ display: block; width: 100%; margin-top: 24px;}
	header div.inner_wrap h1 a img{ display: block; width: 100%; filter: brightness(0) invert(1);}
	header div.inner_wrap nav > ul{ display: flex; width: 991px;}
	header div.inner_wrap nav > ul > li{ position: relative; flex: 1;}
	header div.inner_wrap nav > ul > li > button{ position: relative; display: block; width: 100%; font-weight: 500; font-size: 18px; color: #fff; text-align: left; line-height: 90px;
	transition: all 0.5s;}
	header div.inner_wrap nav > ul > li > ul{ width: 100%; height: 100%; padding: 20px 5px 20px 0;}
	header div.inner_wrap nav > ul > li > ul > li{ line-height: 40px;}
	header div.inner_wrap nav > ul > li > ul > li > a{ display: block; width: 100%; font-weight: 500; font-size: 16px; color: #fff;}
	
	header div.inner_wrap div.nav_btn{ opacity: 0;}


	header div.inner_wrap nav > ul > li:hover > button::before{ content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 3px; background: #2cb150;}

	header.scrolled{ background: rgba(0,  0, 0, 0.5); backdrop-filter: blur(10px); transition: all 0.5s;}
	/*header.scrolled div.inner_wrap h1 a img{ filter: invert(0); transition: all 0.5s}*/


	header.on{ height: 530px; background: rgba(0,  0, 0, 0.8); transition: all 0.5s;}
	header.on div.inner_wrap{ border-bottom: 1px solid #c0bdb9;}
	/*header.on div.inner_wrap h1 a img{ filter: invert(0); transition: all 0.5s}*/

	div.log_wrap{ z-index: 105; position: fixed; right: calc(2vw + 55px); top: 28px; display: flex; flex-direction: column;}
	div.log_wrap button{ font-size: 24px; color: #fff;}
	div.log_wrap ul{ position: absolute; left: 50%; top: 115%; transform: translateX(-50%); display: none; width: 100px; border-radius: 10px; background: rgba(0, 0, 0, 0.2); opacity: 0;
	backdrop-filter: blur(10px); animation: user_fade 0.5s forwards ease-in-out;}
	div.log_wrap ul.show { display: block; animation: user_fade 0.5s forwards ease-in-out;}
	div.log_wrap ul li a{ display: block; width: 100%; padding: 10px; color: #fff; text-align: center;}
	@keyframes user_fade{
		0%{ opacity: 0; top: 125%;}
		100%{ opacity: 1; top: 105%;}
	}
}

@media(max-width: 1264px){
	header{ overflow: hidden; z-index: 101; position: fixed; left: 0; top: 0; width: 100%; height: 70px; padding: 0 10px;}
	header div.inner_wrap{ display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1600px; height: 70px; margin: 0 auto;}
	header div.inner_wrap h1{ width: 130px;}
	header div.inner_wrap h1 a{ display: block; width: 100%;}
	header div.inner_wrap h1 a img{ display: block; width: 100%; filter: brightness(0) invert(1);}
	header div.inner_wrap nav{ overflow-y: auto; position: fixed; left: 0; top: 70px; display: none; width: 100%; height: calc(100vh - 70px); padding: 30px 0; animation: nav_on 0.5s forwards; background: #fff;}
	header div.inner_wrap nav > ul{}
	header div.inner_wrap nav > ul > li{ position: relative;}
	header div.inner_wrap nav > ul > li > button{ position: relative; display: block; width: 100%; padding: 12px 20px; font-weight: 500; font-size: 20px; text-align: left;}
	header div.inner_wrap nav > ul > li > button::after{ content: ""; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: block; width: 14px; height: 9px;
	background: url("/img/nav_arr.png") no-repeat 50% 50%; background-size: cover;}
	header div.inner_wrap nav > ul > li > button.click::after{ transform: translateY(-50%) rotate(180deg); transition: all 0.5s;}
	header div.inner_wrap nav > ul > li > ul{ overflow: hidden; width: 100%; height: 0; transition: height 0.3s ease; background: #f3f3f3;}
	header div.inner_wrap nav > ul > li > ul > li{ padding: 0 20px; line-height: 40px;}
	header div.inner_wrap nav > ul > li > ul > li > a{ display: block; width: 100%; font-weight: 500; font-size: 16px; color: #333;}
	header div.inner_wrap div.nav_btn{ width: 25px; height: 21px;}
	header div.inner_wrap div.nav_btn button{ position: relative; display: block; width: 100%; height: 100%;}
	header div.inner_wrap div.nav_btn button span{ position: absolute; display: block; width: 100%; height: 3px; background: #fff;}
	header div.inner_wrap div.nav_btn button span:nth-child(1){ left: 0; top: 0;}
	header div.inner_wrap div.nav_btn button span:nth-child(2){ position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	header div.inner_wrap div.nav_btn button span:nth-child(3){ position: absolute; left: 0; bottom: 0;}
	
	header div.inner_wrap div.nav_btn button.active span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	header div.inner_wrap div.nav_btn button.active span:nth-child(2){ display: none;}
	header div.inner_wrap div.nav_btn button.active span:nth-child(3){ bottom: 50%; transform: translateY(50%) rotate(-45deg);}

	div.log_wrap{ display: none;}

	header.scrolled{ background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(10px); transition: all 0.5s;}
	header.scrolled div.inner_wrap nav > ul > li > button{ color: #333;}
	
	header.nav_on{ z-index: 110; border-bottom: 1px solid #ccc; background: #fff !important; backdrop-filter: none; box-shadow: 1px 1px 5px rgba(0,  0, 0, 0.4); transition: background 0.5s;}
	header.nav_on div.inner_wrap nav > ul > li > button{ color: #333;}
	header.nav_on div.inner_wrap h1 a{ display: none;}
	header.nav_on div.inner_wrap div.nav_btn button span{ background: #000;}
	
	header.nav_on + div.log_wrap{ z-index: 115; position: fixed; display: block; height: 70px; padding-left: 10px;}
	header.nav_on + div.log_wrap button{ display: none;}
	header.nav_on + div.log_wrap ul{ display: flex; align-items: center; gap: 10px; height: 100%;}
	header.nav_on + div.log_wrap ul li{ border: 1px solid #000; border-radius: 999px;}
	header.nav_on + div.log_wrap ul li a{ display: block; padding: 3px 9px;}
	header.nav_on + div.log_wrap p{ display: none;}
	
	@keyframes nav_on{
		0%{ opacity: 0;}
		100%{ opacity: 1;}
	}
	
	
	
}

@media(min-width: 992px){
	

	

	section.tour{ padding: 100px 20px;}
	section.tour div.info_wrap + div.info_wrap{ margin-top: 90px;}
	section.tour h2{ margin-bottom: 40px; font-weight: bold; font-size: 32px;}
	section.tour div.pro_wrap{ margin: 0 -10px;}
	section.tour div.pro_wrap div.pro_list{ margin: 0 10px;}
	section.tour div.pro_wrap div.pro_list div.img_wrap{ overflow: hidden; margin-bottom: 10px; border-radius: 15px;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a{ position: relative; display: block; width: 100%;}
	section.tour div.pro_wrap div.pro_list div.img_wrap img{ display: block; width: 100%;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap{ position: absolute; right: 20px; top: 20px;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap ul li{ height: 28px; padding: 0 2px; color: #fff; border-radius: 5px; text-align: center; line-height: 28px;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap ul li + li{ margin-top: 8px;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap ul li.best{ background: #ed154d;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap ul li.pop{ background: #756577;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap ul li.pri{ background: #3a9056;}
	section.tour div.pro_wrap div.pro_list div.tag_wrap ul{ display: flex; gap: 5px;}
	section.page_tour div.pro_wrap div.pro_list div.tag_wrap ul li{ padding: 0 2px; border: 1px solid #0073ad; font-size: 14px; color: #0073ad;}
	section.tour div.pro_wrap div.pro_list p.tit{ font-weight: 500; font-size: 18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
	section.tour div.pro_wrap div.pro_list p.price{ font-weight: bold; font-size: 22px;}
	section.tour div.pro_wrap .slick-arrow{ z-index: 10; overflow: hidden; position: absolute; top: calc(50% - 35px); transform: translateY(-50%); display: block; width: 52px; height: 52px;
	text-indent: -999px; border-radius: 999px; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4); opacity: 0.9;}
	section.tour div.pro_wrap .slick-prev{ left: -15px; background: url("/img/prev_btn.png") no-repeat 50% 50%; background-size: cover;}
	section.tour div.pro_wrap .slick-next{ right: -15px; background: url("/img/next_btn.png") no-repeat 50% 50%; background-size: cover;}


	section.course{ padding: 100px 20px; background: #2d2d2d;}
	section.course h2{ font-family: "Poppins"; font-weight: 400; font-size: 120px; color: #bd9f90; letter-spacing: -0.7px; line-height: 1;}
	section.course p.sub_tit{ margin-bottom: 90px; font-size: 22px; color: #bd9f90;}
	section.course div.info_wrap{ display: flex; justify-content: space-between;}
	section.course div.info_wrap div.left_wrap div.tit_wrap{ margin-bottom: 70px;}
	section.course div.info_wrap div.left_wrap div.tit_wrap h3{ margin-bottom: 30px; font-weight: bold; font-size: 66px; color: #bd9f90;}
	section.course div.info_wrap div.left_wrap div.tit_wrap p.desc{ font-size: 28px; color: #e8e8e8; line-height: 1.2}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot{ margin-bottom: 60px;}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot p.tit{ position: relative; margin-bottom: 10px; font-weight: bold; font-size: 26px; color: #bd9f90;}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot p.desc{ font-weight: 500; font-size: 20px; color: #afafaf; line-height: 1.2;}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot.active p.tit{ transform: translateX(15px); transition: all 0.5s;}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot.active p.tit::before{ content: ""; position: absolute; right: calc(100% + 5px); top: 50%; transform: translateY(-50%); display: block;
	width: 12px; height: 3px; background: #bd9f90;}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot.active p.desc{ color: #fff;}
	section.course div.info_wrap div.right_wrap{ width: 50%; max-width: 800px;}
	section.course div.info_wrap div.right_wrap div.sl_wrap{ margin-bottom: 20px;}
	section.course div.info_wrap div.right_wrap div.sl_wrap div.sl_list img{ display: block; width: 100%;}
	section.course div.info_wrap div.right_wrap div.sm_img{ display: flex; gap: 20px;}
	section.course div.info_wrap div.right_wrap div.sm_img div.img_wrap img{ display: block; width: 100%;}


	section.traditional{ padding: 100px 20px 307px;}
	section.traditional div.inner_wrap{ z-index: 1; display: flex; justify-content: space-between;}
	section.traditional div.inner_wrap div.left_wrap div.img_wrap{ position: relative; width: 50%; box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.4);}
	section.traditional div.inner_wrap div.left_wrap div.img_wrap::after{ content: ""; position: absolute; left: 30%; top: 55%; display: block; width: 100%;
	height: 100%; background: url("/img/traditional_img2.jpg") no-repeat 50% 50%; background-size: cover; box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.4);}
	section.traditional div.inner_wrap div.left_wrap div.img_wrap img{ display: block; width: 100%;}
	section.traditional div.inner_wrap div.right_wrap{ text-align: right;}
	section.traditional div.inner_wrap div.right_wrap h2{ margin-bottom: 30px; font-weight: bold; font-size: 66px; color: #1a2c36;}
	section.traditional div.inner_wrap div.right_wrap p.desc{ margin-bottom: 30px; font-size: 28px; color: #1a2c36; line-height: 1.2}
	section.traditional div.inner_wrap div.right_wrap a{ font-weight: bold; font-size: 30px;}
	section.traditional div.inner_wrap p.txt_deco{ z-index: -1; position: absolute; right: 50px; top: 220px; font-weight: bold; font-size: 220px; color: #727272; letter-spacing: -1px;}


	section.map{ padding: 100px 20px; background: url("/img/map_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.map div.inner_wrap{ max-width: 800px;}
	section.map h2{ margin-bottom: 90px; font-weight: 400; font-size: 90px; text-align: center;}
	section.map div.map_wrap{ height: 410px; margin-bottom: 10px;}
	section.map div.addr_wrap{ margin-bottom: 30px;}
	section.map p.tel{ font-size: 40px; text-align: center;}
	
	section.partner{ padding: 15px; border-top: 1px solid #ddd;}
	section.partner div.partner_wrap{ margin: 0 -10px;}
	section.partner div.partner_wrap div.list{ margin: 0 10px;}
	section.partner div.partner_wrap div.list img{ display: block; width: 100%;}
}


@media(max-width: 991px){
	

	section.tour{ padding: 70px 10px;}
	section.tour div.info_wrap + div.info_wrap{ margin-top: 60px;}
	section.tour h2{ margin-bottom: 20px; font-weight: bold; font-size: 24px;}
	section.tour div.pro_wrap{ margin: 0 -5px;}
	section.tour div.pro_wrap div.pro_list{ margin: 0 5px;}
	section.tour div.pro_wrap div.pro_list div.img_wrap{ overflow: hidden; margin-bottom: 10px; border-radius: 15px;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a{ position: relative; display: block; width: 100%;}
	section.tour div.pro_wrap div.pro_list div.img_wrap img{ display: block; width: 100%;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap{ position: absolute; right: 20px; top: 20px;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap ul li{ padding: 0 5px; color: #fff; border-radius: 5px; text-align: center; line-height: 28px;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap ul li + li{ margin-top: 8px;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap ul li.best{ background: #ed154d;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap ul li.pop{ background: #756577;}
	section.tour div.pro_wrap div.pro_list div.img_wrap a div.label_wrap ul li.pri{ background: #3a9056;}
	section.tour div.pro_wrap div.pro_list div.tag_wrap ul{ display: flex; gap: 5px;}
	section.page_tour div.pro_wrap div.pro_list div.tag_wrap ul li{ padding: 0 2px; border: 1px solid #0073ad; font-size: 12px; color: #0073ad;}
	section.tour div.pro_wrap div.pro_list p.tit{ font-weight: 500; font-size: 18px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;
	-webkit-box-orient: vertical;}
	section.tour div.pro_wrap div.pro_list p.price{ font-weight: bold; font-size: 22px;}
	section.tour div.pro_wrap .slick-arrow{ z-index: 10; overflow: hidden; position: absolute; top: calc(50% - 35px); transform: translateY(-50%); display: block; width: 42px; height: 42px;
	text-indent: -999px; border-radius: 999px; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4); opacity: 0.9;}
	section.tour div.pro_wrap .slick-prev{ left: -0; background: url("/img/prev_btn.png") no-repeat 50% 50%; background-size: cover;}
	section.tour div.pro_wrap .slick-next{ right: 0; background: url("/img/next_btn.png") no-repeat 50% 50%; background-size: cover;}


	section.course{ padding: 70px 10px; background: #2d2d2d;}
	section.course h2{ margin-bottom: 20px; font-family: "Poppins"; font-weight: 400; font-size: 42px; color: #bd9f90; letter-spacing: -0.7px; line-height: 1;}
	section.course p.sub_tit{ margin-bottom: 60px; font-size: 16px; color: #bd9f90; line-height: 1.2;}
	section.course div.info_wrap{ display: flex; flex-direction: column-reverse; gap: 40px;}
	section.course div.info_wrap div.left_wrap div.tit_wrap{ margin-bottom: 70px;}
	section.course div.info_wrap div.left_wrap div.tit_wrap h3{ margin-bottom: 30px; font-weight: bold; font-size: 42px; color: #bd9f90;}
	section.course div.info_wrap div.left_wrap div.tit_wrap p.desc{ font-size: 24px; color: #e8e8e8; line-height: 1.2}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot{ margin-bottom: 60px;}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot p.tit{ position: relative; margin-bottom: 10px; font-weight: bold; font-size: 26px; color: #bd9f90;}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot p.desc{ font-weight: 500; font-size: 20px; color: #afafaf; line-height: 1.2;}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot.active p.tit{ transform: translateX(15px); transition: all 0.5s;}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot.active p.tit::before{ content: ""; position: absolute; right: calc(100% + 5px); top: 50%; transform: translateY(-50%); display: block;
	width: 12px; height: 3px; background: #bd9f90;}
	section.course div.info_wrap div.left_wrap div.dot_wrap div.dot.active p.desc{ color: #fff;}
	section.course div.info_wrap div.right_wrap div.sl_wrap{ margin-bottom: 20px;}
	section.course div.info_wrap div.right_wrap div.sl_wrap div.sl_list img{ display: block; width: 100%;}
	section.course div.info_wrap div.right_wrap div.sm_img{ display: flex; gap: 20px;}
	section.course div.info_wrap div.right_wrap div.sm_img div.img_wrap img{ display: block; width: 100%;}


	section.traditional{ padding: 90px 10px 155px;}
	section.traditional div.inner_wrap{ z-index: 1; display: flex; flex-direction: column-reverse; gap: 40px;}
	section.traditional div.inner_wrap div.left_wrap div.img_wrap{ position: relative; box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.4);}
	section.traditional div.inner_wrap div.left_wrap div.img_wrap img{ display: block; width: 100%;}
	section.traditional div.inner_wrap div.right_wrap h2{ margin-bottom: 30px; font-weight: bold; font-size: 42px; color: #1a2c36;}
	section.traditional div.inner_wrap div.right_wrap p.desc{ margin-bottom: 30px; font-size: 24px; color: #1a2c36; line-height: 1.2}
	section.traditional div.inner_wrap div.right_wrap a{ font-weight: bold; font-size: 20px;}
	section.traditional div.inner_wrap p.txt_deco{ z-index: -1; position: absolute; right: 25px; top: 100%; font-weight: bold; font-size: 53px; color: #727272; letter-spacing: -1px;}


	section.map{ padding: 90px 10px; background: url("/img/map_bg.jpg") no-repeat 50% 50%; background-size: cover;}
	section.map div.inner_wrap{ max-width: 800px;}
	section.map h2{ margin-bottom: 60px; font-weight: 400; font-size: 42px; text-align: center;}
	section.map div.map_wrap{ height: 310px; margin-bottom: 10px;}
	section.map div.addr_wrap{ margin-bottom: 30px;}
	section.map p.tel{ font-size: 32px; text-align: center;}
	
	section.partner{ padding: 15px 10px; border-top: 1px solid #ddd;}
	section.partner div.partner_wrap{ margin: 0 -5px;}
	section.partner div.partner_wrap div.list{ margin: 0 5px;}
	section.partner div.partner_wrap div.list img{ display: block; width: 100%;}
}