@media all and (max-width: 767px) { 
	
	html { font-size: 12px; }

	.pc { display: none !important; }
	.mo { display: block !important; }
    
	/*서브탑*/

	.sub_top { height: 15rem;}
	.sub_top_txt { top: 55%; }
	.sub_top_txt h3 { font-size: 1.85rem;}

	@keyframes sub_top_txt2 {
		from {  letter-spacing: 1.2rem;}
		to{ }
	}


	.sub_mu{position:relative; bottom:0; z-index:9;  margin-top:0}
	.sub_mu ul{display:block;  height:auto; margin:10px 5%; width:90%}
	.sub_mu ul li{background:rgba(255,255,255,1); line-height:38px;  width:49.5%; margin-right:0.6%; text-align:center; float:left; margin-bottom:5px}
	.sub_mu ul li:nth-child(2n)	{margin-right:0}
	.sub_mu ul li a{display:block; background:rgba(255,255,255,1); border:1px solid #000; border-radius:10px; color:#333; line-height:38px; font-weight:400; font-size:15px;  transition:all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);opacity: 0.8; }
	.sub_mu ul li a:hover{background:#e62a3c; color:#fff; transition:all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940); opacity: 0.9; border:1px solid #e62a3c;}
	.sub_mu ul li a.active{background:#e62a3c; color:#fff; opacity: 0.9; border:1px solid #e62a3c;}


	.sub_mu ul li.last{background:rgba(255,255,255,1); line-height:38px;  width:99.8%; margin-right:0; text-align:center; float:left; margin-bottom:5px}

	
	.footer_logo { width:200px; float:left}

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

	.footer_left p b { font-size: 11px; color: #fff; font-weight: 300; }
	.footer>div h6 { font-size: 11px; font-weight: 300; opacity: 0.4; line-height: 140%; padding-top:10px; }


	.footer_right { font-size: 0.875rem; text-align: left; color: #fff;  right:0; top:75px; left:7%; }
	.footer_right img	{height:15px;}

	.main_txt_box { width: 100%; height: 100%; position: absolute; z-index: 10; right:0; top:20%;  }
	.main_txt_box .text01 {font-size:18px; color:#000;  font-weight:400px; line-height:1.5; letter-spacing:-1px; text-align:center; width:100%;}
	.main_txt_box .text02 {top:95px; left:0;  font-size:26px;}
	.main_txt_box .text03 { transform: translateY(-10px); opacity: 0;  position:absolute; top:170px; left:0; text-align:center; width:100%;}
	.main_txt_box .text03  img	{height:20px;}
	.main_txt_box .text04 { top:220px; left:50%; margin-left:-75px;   width:150px; text-align:center; border-radius:10px 0 10px 0; padding:5px 0; line-height:1.2; font-size:18px; }


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

	.contact_wrap { width: 100%; height: auto; position: relative; display: flex; justify-content: flex-start; align-items: center; padding:100px 0  70px 0; background: url(/images/main/main_contact_bg.jpg) center bottom no-repeat; background-size:auto 100%}
	.contact_tit h2 {  font-family: 'trajan'; color: #000; font-size: 32px; line-height: 100%; position: relative; font-weight: 700; white-space: nowrap; opacity: 1; transition: 0.8s; }

	.premium_tit img{ width:70%; max-width:350px; }

	.premium_box {width:100%;  max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transform: translateY(0);  position:relative; top:0;  margin-top:60px; right:0; }
	.premium_content { width: 50%; height:18rem; display: flex; justify-content: start; align-items: start; position: relative; text-align:left ; padding-left:5% 5% 0 5%;box-sizing: border-box; }
	.premium_content>div { position: relative; opacity: 1; }
	.premium_content h6 {  font-family: 'trajan'; font-size: 12px; color: #e94256; font-weight: 700; letter-spacing: 0; }
	.premium_icon { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; margin-top: 5px; }
	.premium_content p { font-size: 15px; line-height: 1.5; margin-top: 1rem; opacity: 0.7; font-weight: 500; }

	.premium_content span { width: 100%; height: 100%; display: block; position: absolute; z-index: -1; left: 0; top: 0; }
	.premium_content span::before { content: ''; width: 90%; height: 1px; position: absolute; background-color: #ddd; left: 0; right: 0; bottom: 0; margin: auto; }
	.premium_content span::after { content: ''; width: 1px; height: 90%; position: absolute; background-color: #ddd; right: 0; top: 0; bottom: 0; margin: auto; }
	.premium_content:nth-child(n+4) span::before{ width: 90%; }
	.premium_content:nth-child(3n) span::after{ height: 90%; }
	.premium_content:nth-child(5) span::before{ width: 0; }
	.premium_content:nth-child(6) span::before{ width: 0; }


	.summary_wrap	{ width: 100%; height: auto; position: relative; overflow: hidden;   }
	.summary_wrap  .summary_bg_box			{position:relative; bottom:0; right:0; width:100%;  max-width:100%; height:600px; background: url(/images/main/main_summary_img.jpg) center center no-repeat; background-size:cover}

	.summary_left		{position:relative; top:0; left:5%; text-align:left; width:100%; padding:80px 0; overflow:hidden}
	.summary_left	.summary_tlt01		{font-size:14px; color:#666; margin-top:10px;}
	.summary_left	.summary_tlt01		span	{  font-family: 'trajan'; color: #000; font-size: 42px; line-height: 100%; position: relative; font-weight: 700; display:block}
	.summary_left	.summary_tlt02	{margin-top:25px; font-family: 'GmarketSans'; font-size:13px; font-weight:600; color:#000}
	.summary_left	.summary_tlt02  span{color:#e62a3c}


	.summary_left	ul		{width:95%; max-width:100%; margin-top:30px;}
	.summary_left	ul		li	{width:45%; float:left; margin-right:5%; font-size:13px; color:#777;    height:80px }
	.summary_left	ul		li span	{display:block; border-bottom:1px solid #ddd; line-height:50px; font-size:16px; color:#000; margin-bottom:10px;}

	
    .location_wrap { height: auto; flex-wrap: wrap; padding:50px 5% }
    .location_box_wrap		 { width: 90%;  position: relative; top:0; left:0; z-index:888; margin-top:50px;}2025-11-30



    .location_bg_tit { transform: translateY(0); }
    .location_bg_tit p { margin-top: 10rem; }

    .location_bt { right: 2rem; bottom: 2rem; transform: translateX(3rem); }
    .location_bt p { font-size: 1rem; }

    .location_box { width: 100%; position: relative; opacity: 1; transform: translateY(0); }

    .location_tit { text-align: center; transform: translateY(0); }
    .location_tit h2 { font-size: 32px; }
    .location_tit h5 { font-size: 1rem; margin-top: 1rem; margin-left: 0; }

    .swiper_location { margin-top: 3rem; }

    .location_img_box h3 { font-size: 1.4375rem; }

    .location_txt_box { margin-top: 2.25rem; }
    .location_txt_box h3 { font-size: 1.625rem; }
    .location_txt_box p { font-size: 1rem; margin-top: 1rem; }


    .swiper-pagination-location { transform: scale(1); margin-top: 2.25rem; }

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


	ul.tabs{overflow: hidden; width:100%; display: block;  border-top: none;    border-bottom: none;}
	ul.tabs li{ text-align:center;  padding:0 0; width:32.3%; margin:2px 0.5%; float:left; text-align:center; color:#666;  font-weight: 400; background-color:#fff; line-height:35px; font-size:14px;   cursor:pointer; background-color:#eee}
	ul.tabs li.current{ color: #fff; border:none; background-color:#333;  cursor:pointer}

}



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

	

	#logo { width: 160px;}
	#logo a {background: url(/images/common/logo2.png) center no-repeat; background-size: 100% }
	ul.tabs li{  font-size:12px;   letter-spacing:-1px; height:35px; line-height:1.4}


}


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



	.premium_box {width:100%;  max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transform: translateY(0);  position:relative; top:0;  margin-top:60px; right:0; }
	.premium_content { width: 50%; height:18rem; display: flex; justify-content: start; align-items: start; position: relative; text-align:left ; padding:5% 5% 0 5%;  box-sizing: border-box; }
	.premium_content p { font-size: 14px; line-height: 1.5; margin-top: 1rem; opacity: 0.7; font-weight: 500; }

	.location_txt_box p {word-break:keep-all ; }


   .sub_contact_add {width:100% !important; display:block !important; text-align:center; font-size:13px;}
   .sub_contact_add .sub_contact_bt	{margin-top:10px;}





}