@media (max-width: 1200px) {

	.flex { display: flex; align-items: center; flex-wrap: wrap; }
	#container_wr { padding: 15px; }

	/* Header Styles */
	header#header { position: fixed; width: 100%; background: #c5c5c3; padding: 5px 20px; left: 0; bottom: 0; transition: all 0.3s; transform: translateX(0%); }
	header#header .grid { display: grid; gap: 10px; grid-template-columns: repeat(5, 1fr);}
	header#header h1{order:-1}
	header#header h1 a { display: block; margin-top: -30px; max-width: 60px; min-width: 60px; }

	header h1 a img{width: 60px;}

	/* Navigation Styles */
	header#header nav > ul { gap: 10px; }
	header#header nav > ul.flex { flex-wrap: nowrap; justify-content: center !important; }
	header#header nav > ul li a { display: block; font-size: 13px; text-align: center; }
	header#header nav > ul li a span { display: block; }


	.mb_menu {position: relative;right: auto;top: auto;bottom: auto; text-align: center;}
	.mb_menu .mb_ul{top: auto; bottom: 100%;}
	.mb_menu.on .mb_ul{opacity: 1; min-height:50px; padding: 10px; height: auto; transform:translateY(-10px); top: auto; bottom: 100%;}
	.mb_menu > a{line-height: 100%;}
	.mb_menu > a i{display: block;     font-family: var(--eng-font); font-size: 13px; font-style: normal;}


	/* Navigation Dropdown Menu */
	nav > ul { position: relative; }
	nav > ul[style*="justify-content: flex-end"] { position: relative; }
	nav > ul[style*="justify-content: flex-end"] li:not(:first-child) { left: auto; right: 0; }
	nav > ul li:not(:first-child) { position: absolute; top: 100%; left: 0; width: 100%; background: #c5c5c3; opacity: 0; transition: all 0.3s ease; pointer-events: none; }
	nav > ul li:not(:first-child) a { padding: 10px 5px; }

	/* Navigation Active States */
	nav > ul li { cursor: pointer; }
	header nav li:first-child {display: block;}
	nav > ul.open li:first-child a { font-weight: 600; }
	nav > ul.open li:not(:first-child) { opacity: 1; pointer-events: auto; }

	/* Navigation Animation */
	nav > ul.open li:nth-child(2) { transition-delay: 0.1s; transform: translateY(-175%); z-index: -1;}
	nav > ul.open li:nth-child(3) { transition-delay: 0.1s; transform: translateY(-275%); z-index: -1;}
	nav > ul.open li:nth-child(4) { transition-delay: 0.1s; transform: translateY(-375%); z-index: -1;}

	/* Footer */
	#ft_wr .ft_cnt { width: auto; float: none; padding: 0 20px; margin-bottom: 0px; }

	/* YouTube Section */
	#youtube .sect-title { width: auto; margin-bottom: 0px; }
	#youtube .sec-con { width: 100%; }
	#youtube .navi-btn { display: none; }
	#youtube .y-title{display: none;}
	#youtube .swiper-slide img {max-height: 200px;}

	/* Photography Grid */
	.photography ul { grid-template-columns: repeat(2, 1fr); gap: 10px; }

	/* Board & Articles */
	article.view { padding: 0; }
	#BoardCon { padding: 0; margin: 0 auto; }
	#bo_gall .grid.col-3 { grid-template-columns: repeat(2, 1fr); gap: 10px; }

	/* Contact Form */
	.eden-contact-form { max-width: 100%; }
	.eden-contact-form .form-section { margin-bottom: 15px; padding: 15px; }
	.eden-contact-form .grid.col-2 { grid-template-columns: repeat(1, 1fr); }
	.eden-contact-form .grid.col-2 > div { margin-bottom: 10px; }
	.eden-contact-form .row { margin-bottom: 10px; }

	/* reCAPTCHA */
	.g-recaptcha > div { width: auto !important; }
	.g-recaptcha > div iframe { width: 100% !important; }

	/* Link Box */
	.link-box a { width: 25px; padding: 10px 0; }
	.link-box a span { font-size: 25px; display: block; }

	/* Misc */
	.slogun { top: auto; right: auto; bottom: 2%; z-index: 9999; left: 5%; display: none; }
	.dosrains_txt { font-size: 20px; }





	.journey {grid-template-columns: repeat(1, 1fr); }
	.journey li .flex {gap: 10px;}
	.journey li .info {margin-top: 10px;}

	#wrapper #container_wr #BoardCon #bo_v {padding: 15px;}
	#bo_v header{padding: 0 0 10px 0;}
	#bo_v_info .profile_info{display: flex; align-items: center}
	#bo_v_con{font-size: 16px; line-height: 1.5em;}



	.gall_row .col-gn-4 {width: 100%;}


	article.view section{background: #fff; margin: 30px auto; padding: 10px; border-radius:15px;}
	article.view section.overview div{padding: 10px; font-size: 15px;}
	article.view section.overview p{padding: 10px;}
	article.view section.overview p:last-child{margin-bottom: 0;}
	article.view h2 {font-size: 25px; }
	article.view .view-hd {text-align: left;}


	#ft {background: #a3a3a3; padding-bottom: 70px;}
	#ft_link{display: none; }
	#ft_wr{padding: 20px 0px; display: block;}
	#ft_company{color: #182434;}
	#visit{display: none;}
	#top_btn{display: none;}
	#ft_copy {padding: 0px 0 10px;border-top: 0px solid #383838;}



	.mobile{display: block;}

	.pc{display: none;}

	#bt_float{position: fixed; right:10px; bottom:7px; z-index: 99999;}
	#bt_float a{width: 40px; height: 40px;}
	#bt_float .kakao{margin-bottom: 5px;}



}