@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;width:100%; overflow: clip;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: 1400px; margin-inline: auto;}
    #container{position: relative; padding-block:var(--row-gap100) clamp(100px, 15vw, 150px); }
    #container:has(.fullSec){width: 100%; max-width: 100%;}
	#container:has(.pdn){padding:0;}
    #container:has(.fullFbn){padding-bottom: 0;}
    .sr-only{position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
    .sr-only-focusable:active, .sr-only-focusable:focus{position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;white-space: normal;}

    @media (max-width:1600px){
        br.for_pc{display: none;}
    }

    @media (max-width:1023px){
        #container{padding-bottom:clamp(100px, 15vw, 150px);}
    }
    @media (max-width:860px){
		.w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:320px){
		.w_custom{width: calc(100% - 20px);}
    }

/*───────────────────────────────────────────────────────────
	header
───────────────────────────────────────────────────────────*/
	#header{position:sticky;top:0;left:0;width:100%;background:var(--point-color01);z-index:10;}
	#header a{display: flex;align-items: center;justify-content: center;padding:var(--row-gap10) 0;font-size:var(--text-18);color:var(--point-white);font-weight:600;}

/*───────────────────────────────────────────────────────────
	main
───────────────────────────────────────────────────────────*/
	/*intro*/
	.main_intro{display: flex;flex-direction: column;gap:var(--row-gap60);align-items: center;}
	.main_intro h1{max-width:clamp(150px, 23vw, 232px);margin:0 auto;}
	.main_intro p{font-size:var(--text-70);color:var(--black-color01);font-weight:500;text-align: center;}
    .main_intro img{max-width: 90%;}
		
	/*공통*/
	.main_title{padding-bottom:var(--row-gap10);border-bottom:1px solid var(--black-color03);}
	.main_title h2{font-size:var(--text-40);color:var(--black-color01);font-weight:800;}
	.main_more{display: inline-flex;align-items: center;justify-content: center;height:clamp(40px, 5vw, 50px);padding:0 var(--row-gap30);background: var(--point-color01);font-size:var(--text-18);color:var(--point-white);font-weight:500;border-radius:50px;}
	
	/*about*/
	.main_about .txt p{font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.4;}
	
	/*history*/
	.history_box dl{padding-block:var(--row-gap20);border-bottom:1px solid var(--border-color01);display: flex;}
	.history_box dl dt{padding-left:var(--row-gap20);width:clamp(100px, 16vw, 160px);flex-shrink:0;font-size:var(--text-20);color:var(--black-color03);font-weight:700;}
	.history_box dl dd{font-size:var(--text-18);color:var(--black-color05);font-weight:400;}
	
	/*location*/
	.main_location .map{width:100%;aspect-ratio:auto 2;position: relative;margin-top: var(--row-gap30);}
	.main_location .map iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;translate:-50% -50%;}
	.main_location .map_box p{text-align: center;font-size:var(--text-18);color:var(--black-color03);font-weight:400;line-height:1.4;    text-align: left;}
	
	@media (max-width:479px) {
		.main_location .map{aspect-ratio:auto 1;}
	}
	
/*───────────────────────────────────────────────────────────
	footer
───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color01);padding-block:var(--row-gap60);}
	#footer .w_custom{display: flex;gap:var(--row-gap60);}
	#footer .logo_box{width:clamp(80px, 11vw, 130px);filter:var(--filter-gray);flex-shrink:0;}
    #footer .logo_box img{max-width: 80%;}
	#footer .info_box{flex-direction: column;gap:var(--row-gap30);display: flex;}
	#footer .info_box .addr_list{display:grid;gap:var(--row-gap10);}
	#footer .info_box .addr_list li{display: flex;flex-wrap:wrap;gap:var(--row-gap10) var(--row-gap40);}
	#footer .info_box .addr_list li dl{display: flex;gap:var(--row-gap20);font-size:var(--text-16);color:var(--point-white);font-weight:300;}
	#footer .info_box .addr_list li dl dt{opacity:0.4;flex-shrink:0;}
	#footer .info_box .addr_list li dl dd{opacity:0.8;}
	#footer .info_box .copy{font-size:var(--text-14);color:var(--black-color08);font-weight:400;}
	
	@media (max-width:640px) {
		#footer .w_custom{flex-direction: column;}
	}