@media all and (max-width: 1600px) { 

	html { font-size: 15px; }

	.location_text		{position:absolute; top:50%; right:10%; text-align:left; opacity: 0; transform: translatex(-3rem);  z-index:3}
}



@media all and (max-width: 1400px) { 
	
    #cursor { display: none !important; }

	html { font-size: 14px; }
	.section { height: auto;}
	.location_right	.location_tlt02	b{display:block}
	.ban-wrap{position: fixed; bottom:70px; right: 30px; z-index: 100; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: 0.8s;}

	/*  */
	.contact_wrap { width: 100%; height: auto; position: relative; display: flex; justify-content: flex-start; align-items: center; padding:120px 0  70px 0; background: url(/images/main/main_contact_bg.jpg) center bottom no-repeat; background-size:auto 100%}
	.contact_wrap::before { display:none }

	.contact_wrap>div { text-align: left; position: relative; width: 90%; max-width: 660px; margin: auto; z-index: 9; transform: translateY(0); }

	.contact_wrap .sub_contact_bottom { opacity: 1; transform: translateY(0); margin-top:0}
	.contact_wrap .sub_contact_bottom>div { justify-content: center; gap: 1.5rem;}
	.contact_wrap .sub_contact_map_box { width: 100%; height: auto; border:3px solid #e62a3c }
	.contact_wrap .sub_contact_txt_box { max-width: 100%; }

	.contact_tit { text-align: center; opacity: 1; transform: translateY(-3rem); }
	.contact_tit h2 {  font-family: 'trajan'; color: #000; font-size: 48px; line-height: 100%; position: relative; font-weight: 700; white-space: nowrap; opacity: 1; transition: 0.8s; }



	.footer_right {position:absolute; top:4rem; right:1rem;  font-size: 0.875rem; text-align: right; color: #fff;  width:240px !important; overflow:hidden; }
	.footer_right		p {width:240px;}
	.footer_right		p:nth-child(1)	{font-family:"futura-pt-bold"; font-size:24px; font-weight:600; letter-spacing:3px; text-align:center}
	.footer_right		p:nth-child(1) span	{font-family:"Pretendard"; font-size:12px; font-weight:300; letter-spacing:0px}
	.footer_right		p:nth-child(2)	{border:1px solid #ddd; width:230px; text-align:center; font-size:16px; border-radius:5px; line-height:35px}


	
	

}


@media all and (max-width: 1240px) { 

	.location_right	.location_tlt02	{margin-top:25px; font-size:24px; font-weight:300; color:#000}
	.location_right	.location_tlt02  span{font-size:36px; font-weight:600; color:#2a334e; display:block; line-height:1.3; margin-top:5px}



	.landmark_left		{position:absolute; top:30%; left:5%; opacity: 0; transform: translateX(-3rem); font-size:32px; color:#000;  text-align:left; line-height:1.4}
	.landmark_left		span		{display:block; color:#40301b; font-size:36px; font-weight:700; }
	.landmark_left		strong {font-family: 'trajan'; color: #a29382; font-size: 28px; font-weight:300; display:block; padding-bottom:15px;}
	.landmark_left	 b	{display:block}

	.landmark_md		{position:absolute; top:30%; left:32%; opacity: 0; transform: translateY(3rem); width:410px; }
	.landmark_md	 .lm_img_left	{width:200px; float:left; }
	.landmark_md	 .lm_img_right	{width:200px; float:right}
	.landmark_md	 img	{margin-bottom:10px; width:200px;}

	.landmark_right	{position:absolute; top:25%; right:0; opacity: 0; transform: translateX(3rem); width:28%}




	.ban-wrap		{display:none}
	/*서브탑*/
	
	.sub_top { width:100%; height: 23.625rem; }
	
	.sub_mu{ width:100%; margin-top:-45px}
	.sub_mu ul{ height:45px; width:100%}
	.sub_mu ul li{ line-height:45px; flex:1 1 0; }
	.sub_mu ul li a{line-height:45px; font-size:16px;  }


	#sub_box { padding-bottom: 5rem; padding-top: 0px; box-sizing: border-box; margin-top: 3.375rem; }



	.planning_table		{margin-top:30px; font-size:12px;}
	.planning_table		table th	{padding:6px 0;  font-weight:bold; width:25%; vertical-align:middle}
	.planning_table		table td		{text-align:center; border-bottom:1px solid #ddd; padding:10px 5px; vertical-align:middle}
	.planning_table		table td	 strong	{display:block; color:#f32735}

	#sub_tit h2 { font-size: 2rem; color: #000; font-weight: 400; line-height: 100%; letter-spacing: -1px; text-transform: uppercase; }



.bo_tbl table{border-top: 1px solid #333;width: 100%;table-layout: fixed; }
.bo_tbl table .col1{width:20%;}
.bo_tbl table tr th{padding: 10px 5px;border-bottom: 1px solid #e5e5e5;font-size: 14px; font-weight: 600;color: #333;text-align: center; border-right:1px solid #ddd}
.bo_tbl table tr td{padding: 10px;border-bottom: 1px solid #e5e5e5;}
.bo_tbl table tr td > div{display: flex;gap: 10px 0;align-items: center;flex-wrap: wrap;}
.bo_tbl table tr td > div ~ div{margin-top:15px;}
.bo_tbl table tr td input[type="text"]{padding:10px;border: none;outline: none;width:100%;max-width: 70%;height: 40px;background-color: #f0f0f0;font-size: 14px;color: #222;}
.bo_tbl table tr td #hp2,
.bo_tbl table tr td #hp3{max-width: 28%;}
.bo_tbl table tr td select{padding: 10px;border: none;outline: none;width: 100%;max-width: 30%;height:40px;background: #f0f0f0 no-repeat 90% 52%;font-size: 14px;color: #222;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.bo_tbl table tr td select ~ select{margin-left: 0.5208vw;}
.bo_tbl table tr td em{margin: 0 0.5vw;font-size: 13px; color: #222;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.bo_tbl table tr td span{display: flex;align-items:center;  }
.bo_tbl table tr td span > select {max-width:150%!important; margin-left: 5px;} 
.bo_tbl table tr td label{margin-right:8px;margin-left:3px;font-size:14px;color:#222;}



.terms{margin-top: 30px; }
.terms dl{margin-bottom: 10px;}
.terms dl dt{margin-bottom: 0.5208vw;font-size: 20px;font-weight: 600;color: #333;text-align:left}
.terms dl dd{font-size: 14px;line-height: 1.3em;color: #666;text-align:left}
.terms table{margin-bottom: 3.125vw;border-top: 1px solid #707070;width: 100%;table-layout: fixed;}
.terms table th{padding: 5px;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;vertical-align: middle;font-size: 13px;font-weight: 600;color: #666;}
.terms table td{padding: 5px;border-bottom: 1px solid #d5d5d5;font-size: 13px;line-height: 1.4em;color: #666; text-align:left}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{padding: 0.7813vw 0;border-right: 1px solid #d5d5d5;text-align: center; vertical-align:middle}
.terms table.type2 td:last-child{border-right: none;}
.terms table.type3 td{padding: 1.0417vw 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type3 th:last-child{border-right: none;}
.terms table.type3 td:last-child{border-right: none;}
.terms table.type3 td p{line-height:1.4em;}
.terms table.type3 td p ~ p{margin-top:0.2604vw;}


.agree > div{margin-bottom: 0.7813vw;padding:10px;background-color: #f5f5f5;}
.agree p{font-size: 14px;line-height:;color: #333;}
.agree p span{font-size:13px;}
.agree .chk{}
.agree .chk span{font-size: 13px}
.agree ul li span{font-size: 12px}
.agree p label	{margin:10px 5px;}


.btn_area{margin-top: 30px;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: flex;align-items:center;justify-content:center;gap:0 0.5vw;}
.btn_area ul li.black button,
.btn_area ul li.black a{background-color: #353535;color: #fff;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button,
.btn_area ul li.white a{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{background-color: #353535;color: #fff;}
.btn_area ul li button,
.btn_area ul li a{display: block;border: none;width: 150px;height:50px;font-size: 16px;font-weight: 600;transition: 0.3s;}



	.footer { width: 100%; padding: 2.6875rem 50px; box-sizing: border-box; z-index: 999; font-family: 'Pretendard'; background-color: #171717; color: #fff; position: relative; box-sizing: border-box; text-align: center; letter-spacing: -0.5px; display: flex; justify-content: space-between; align-items: flex-start; letter-spacing: 0;}
	.footer:after { content:''; width: 100%; height: 100vh; position: absolute; left: 0; top: -100vh; display: none; }

	.footer-wrap { font-size: 13px; width: 100%; /*height: 100%;*/ font-weight: 300; text-align: left; color: #fff; display: block; }

	.footer_left ul { display: flex; justify-content: flex-start; align-items: flex-start;  width:100%; padding-bottom:60px; }
	.footer_left ul li { display: flex; justify-content: flex-start; align-items: center; padding: 0 10px; position: relative; line-height: 100%; font-weight: 400; margin-top:20px;}
	.footer_left ul li:first-child { padding-left : 0;  margin-top:0}
	.footer_left ul li:first-child b { font-weight: 300;}
	.footer_left ul li span { color: #fff; margin-right: 0.3rem; }
	.footer_left ul li h4 { margin-right: 0.5rem; opacity: 0.4; font-weight: 300;  }


	.footer>div h6 { font-size: 13px; font-weight: 300; color:#999; line-height: 140%; padding-top:20px;  }
	.footer>div h6 strong	{font-weight:400; color:#ddd}

	.footer_right {position:absolute; top:110px; right:0; left:50px;  font-size: 0.875rem; text-align: right; color: #fff;  width:100% !important; overflow:hidden; }
	.footer_right		p {width:auto; float:left}
	.footer_right		p:nth-child(1)	{font-family:"futura-pt-bold"; font-size:24px; font-weight:600; letter-spacing:3px; text-align:left}
	.footer_right		p:nth-child(1) span	{font-family:"Pretendard"; font-size:12px; font-weight:300; letter-spacing:0px}
	.footer_right		p:nth-child(2)	{border:0px solid #ddd; width:230px; text-align:center; font-size:16px; border-radius:5px; line-height:35px}


}


@media all and (max-width: 1140px) { 



	

	.main_img.img01 { background: url(/images/main/pd_main_img1.jpg) center bottom no-repeat; background-size: cover; }
	.main_img.img02 { background: url(/images/main/pd_main_img2.jpg) center bottom no-repeat; background-size: cover; }

	

	.main_txt_box  img	{width:70%}


}


@media all and (max-width: 1090px) { 



	.location_map	 { width: 100%; height: auto; position: relative; overflow: hidden;  background: url(/images/main/main_location_bg.jpg) left bottom no-repeat;  background-size:cover; padding-top:100px}
	.location_map  .location_map_box			{display:none}
	.location_map  .location_map_box_m	{display:block; text-align:left}
	.location_map  .location_map_box_m img	{width:95%}

	.location_right		{position:relative; top:0; right:0; text-align:left; width:80%; opacity: 1; transform: translateY(-3rem);  z-index:3; padding-left:50px;}
	.location_right	.location_tlt01		{ font-family: 'trajan';  font-size:16px; color:#000; }
	.location_right	.location_tlt02	{margin-top:30px; font-size:28px; font-weight:300; color:#000}
	.location_right	.location_tlt02  span{font-size:42px; font-weight:600; color:#2a334e; display:block; line-height:1.3; margin-top:5px}
	.location_right	.location_tlt02  b{display:inline-block}
	.location_right	.location_tlt03	{ font-family: 'GmarketSans'; font-weight:400; font-size:12px; padding-top:15px;  letter-spacing:2px; padding-left:5px; color:#666 }


	.location_text		{position:absolute; top:40%; right:0%; text-align:left; opacity: 1; transform: translatex(-3rem);  z-index:3}



	.location_wrap { max-height: 800px;}
	.location_txt_box { transform: scale(0.8); left: 5%; bottom: 5.2%;}
	.location_bt_wrap {display: none;}


	.landmark_wrap { width: 100%; height:750px; position: relative; overflow: hidden;  background: url(/images/main/main_landmark_bg.jpg) center center no-repeat;  background-size:cover; }

	.landmark_left		{position:static; top:0; left:0; opacity: 1; transform: translateX(0); font-size:28px; color:#000;  text-align:left; line-height:1.4; padding:50px 5%; box-sizing: border-box; width:100%}
	.landmark_left		span		{display:block; color:#40301b; font-size:42px; font-weight:700; }
	.landmark_left		strong {font-family: 'trajan'; color: #a29382; font-size: 12px; font-weight:300; display:block; padding-bottom:15px;}
	.landmark_left	 b	{display:inline-block}

	.landmark_md		{position:relative; top:-100px; left:0; opacity: 1; transform: translateY(3rem); padding:50px 0; box-sizing: border-box; width:100%;  overflow: hidden}
	.landmark_md	 .lm_img_left	{width:50%; float:left; }
	.landmark_md	 .lm_img_right	{width:50%; float:right}
	.landmark_md		img{width:50%; float:left}


	.landmark_right	{position:relative; top:-120px;  right:0%; left:5%; opacity: 1; transform: translateX(0); padding:50px 0%; box-sizing: border-box; width:100%; box-sizing: border-box; }
	.landmark_right	ul	{width:90%; overflow:hidden;  }
	.landmark_right	ul li	{color:#000; font-size:16px; font-weight:400; text-align:left; border-bottom:none; border-right:none; padding:10px 0; width:100%; float:left; box-sizing: border-box; word-break:keep-all}
	.landmark_right	ul li:last-child	{border-right:none}
	.landmark_right	ul li	span	{font-family:"futura-pt"; color:#40301b; font-size:24px; font-weight:400; display:block; padding-bottom:5px;}
	.landmark_right	ul li b	{display:inline-block}



	.foot_mb_icon			{display:block; position:fixed; bottom:0; left:0; width:100%; height:50px; z-index:99999999999999; background-color:#a39383; }
	.foot_mb_icon  ul		li {width:33.2%; float:left; text-align:center}
	.foot_mb_icon  ul		li:nth-child(1)	{background-color:#40301b; line-height:50px; color:#fff; font-weight:400px;}
	.foot_mb_icon  ul		li:nth-child(2)	{background-color:#a39383; line-height:50px; color:#fff; font-weight:400px; border-right:1px solid #ddd}
	.foot_mb_icon  ul		li:nth-child(3)	{background-color:#a39383; line-height:50px; color:#fff; font-weight:400px;}


	
    .sub_gongo_top { height: 440px; }

    .sub_gongo_img_box { width: 57.545%; }

    .sub_gongo_txt_box { width: 40%; }
    .sub_gongo_txt_box>div>a { padding: 35px 30px 35px; }
    .sub_gongo_logo { transform: scale(0.85); transform-origin: left center; margin-left: 2px; }
    .sub_gongo_txt_box h2 { font-size: 21px; margin-top: 10px; margin-left: -2px; }
    .sub_gongo_txt_box p { font-size: 12px; margin-top: 20px; }

    .sub_gongo_bt { width: 40px; height: 40px; right: 30px; bottom: 30px; }
    .sub_gongo_bt>div { width: 28px; height: 17px; left: -9px; }
    .sub_gongo_bt>div:after { width: 8px; height: 8px; }

    .sub_gongo_notice { margin-top: 30px; }

    .sub_gongo_txt_box>div:hover .sub_gongo_bt>div { left: -5px; }



}



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

	
	.cards li{width:41.7%;float:left; border:1px solid #ddd; padding:3%;cursor: pointer; height:220px; margin:1%; padding-top:20px;}

	ul.tabs li{ text-align:center;  padding:0 20px; text-align:center; color:#666;  font-weight: 500; background-color:#fff; line-height:45px; font-size:16px;   cursor:pointer}
	ul.tabs li.current{ color: #e62a3c; border-bottom:2px solid #e62a3c; cursor:pointer}



	
}