/* 레이아웃 CSS */
.header { position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;;transition: background-color 0.3s ease, box-shadow 0.3s ease;z-index: 100; }
.header.scrolled {background-color: white;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.header-container { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;background:#fff; color:#000;}

.menu-container { position: relative; flex: 1; overflow: hidden; cursor: grab; }
.menu-container:active { cursor: grabbing; }
.menu-wrapper { display: flex; transition: transform 0.3s ease; padding: 15px 0; user-select: none; }
.menu-wrapper.no-transition { transition: none; }
.menu-item { white-space: nowrap; padding: 0 15px; color: #333; text-decoration: none; font-size: 14px; position: relative; }
.header.scrolled .menu-item{color:#000;}
.menu-item:first-child { color: #0066cc; font-weight: bold; }
.menu-item:hover { color: #0066cc; }
/*.menu-controls {position: absolute;top: 0;right: -15px;height: 100%;display: flex;align-items: center;padding-left: 30px;padding-right: 10px;transition: background 0.3s ease;}*/
.menu-controls {position:relative;display: flex;align-items: center;}
/*.header:not(.scrolled) .menu-controls {background: linear-gradient(to right, rgba(255,255,255,0), rgba(238,238,238,0.7) 30%);}*/
.header.scrolled .menu-controls{background:#fff;}
.menu-button { width: 30px; height: 30px; border: 1px solid #ddd; background-color: white; color: #666; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 16px; border-radius: 2px; margin-right: 5px; }
.menu-button:hover { background-color: #f5f5f5; color: #333; }
.menu-button.active { border-color: #0066cc; color: #0066cc; }
.static-menu { display: flex; align-items: center; padding: 15px 0; margin-left: 15px; }
.static-menu-item { white-space: nowrap; padding: 0 15px; color: #333; text-decoration: none; font-size: 14px; position: relative; cursor: pointer; display: flex;align-items: center;}
.static-menu-item:hover { color: #0066cc; }
.header.scrolled .static-menu-item{color:#000;}


.hamburger-icon {margin-right: 6px;display: flex;align-items: center;}
.full-menu-overlay { position: fixed; top: 0; right: -100%; width: 100%; max-width: 350px; height: 100%; background-color: #0033cc; color: white; z-index: 1000; transition: right 0.3s ease; overflow-y: auto; box-shadow: -5px 0 15px rgba(0, 0, 0, 0.2); }
.full-menu-overlay.active { right: 0; }
.full-menu-header { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.full-menu-title { font-size: 20px; font-weight: bold; }
.full-menu-close { background: none; border: none; color: white; font-size: 24px; cursor: pointer; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }
.full-menu-list { padding: 20px 0; }
.full-menu-item { display: block; padding: 15px 20px; color: white; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.05); transition: background-color 0.2s; }
.full-menu-item:hover { background-color: rgba(255, 255, 255, 0.1); }
.overlay-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display: none; }
.overlay-backdrop.active { display: block; }

.visual_main {background:url('/theme/rb.basic/img/jf1121_1.jpg') no-repeat center top;position:relative;height:45vw;background-size:cover;}
.main_box_visual {max-width:1100px;margin:0px auto;}

.main_title {border-bottom:1px solid #ddd;margin: 0px auto 30px;position:relative;}
.main_title h1 {display: inline-block;font-size:18px;font-weight: 400 !important;color:#0d05f5;letter-spacing: -0.8px;border-bottom: 1px solid #0d05f5;padding:15px 0;}
.main_title a {position:absolute;top:15px;right:0px;font-size:15px;font-weight:400 !important;color:#666;}
.main_title a img {vertical-align:top;}

.main_box02 {padding:10px 0px 50px 0;}
.main_box02 p {font-size:16px;font-weight:300 !important;color:#555;line-height:200%;padding-top:15px;}

.main_box03 {padding:10px 0px 50px 0;}
.main_box03 h1 {display:inline-block;font-size:18px;font-weight:300 !important;color:#444;padding:10px 0;line-height:200%;}
.main_box03 .thum {display:inline-block;vertical-align:top;width:53%;padding-right:20px;}
.main_box03 .thum img {max-width:100%;}

.main_box04 {padding:10px 0px 50px 0;}
.main_box04 img {max-width:100%;}

.qna_wrap {padding:3% 5% 5% 5%;background:#080393;margin:10px auto 50px;}
.qna_wrap a {display:inline-block;background:#0d05f6;color:#fff;padding:10px 15px;font-size:15px;}

@media all and (max-width:1024px) { 
    .gnb_wrap .inner {padding-left: 0px !important; padding-right: 0px !important;}
	.menu-container{display:none;}
	.menu-controls{display:none;}

	.main_box_visual {padding:0px 15px;}

	.main_title h1 {font-size:16px;}
	.main_title a {font-size:13px;}

	.main_box02 {padding:10px 0px 30px 0;}
	.main_box02 p {font-size:14px;}

	.main_box03 {padding:10px 0px 30px 0;}
	.main_box03 h1 {font-size:16px;}
	.main_box03 .thum {width:53%;}

	.main_box04 {padding:10px 0px 30px 0;}

	.qna_wrap {padding:3% 5% 5% 5%;background:#080393;margin:10px auto 30px;}
	.qna_wrap a {padding:10px 15px;font-size:13px;}
	#sec1 {padding:0px 5%;}
}