/* 레이아웃 CSS */
.header { position: fixed;top: 0;left: 0;width: 100%;background-color:#fafafa;;transition: background-color 0.3s ease, box-shadow 0.3s ease;z-index: 100;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.header.scrolled {background-color:#fafafa;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.header-container {max-width: 1140px;padding:0px 20px; margin: 15px auto;display: flex; align-items: center; justify-content: space-between; }
.menu-container { position: relative; flex: 1;  cursor: grab; /*padding-bottom:30px;overflow: hidden;*/}
.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:0px;margin:0px 10px; color: #fff; text-decoration: none; font-size: 15px; position: relative;border-bottom:1px solid transparent;}
.header.scrolled .menu-item{color:#000;}
.menu-item:first-child { color: #333; font-weight: bold; }
.menu-item:hover {border-bottom:1px solid #666;}
/*.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:5px; }
.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: #000; }
.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:#4d87eb; 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; }


@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;}
}



.contentsBox {}
.sub_title {border-bottom:1px solid #ddd;margin:0px auto 40px;}
.sub_title h1 {display:inline-block;font-size:20px;font-weight:400 !important;color:#4d87eb;letter-spacing:-0.8px;border-bottom:1px solid #4d87eb;padding:10px 0;}

.sub_txt_box {}
.sub_txt_box strong {display:block;text-align:center;padding:3px 0 30px 0;font-size: 20px;font-weight: 600;line-height: 36px;color:#4d87eb;border-bottom:1px solid #ddd;}
.sub_txt_box span {display:block;padding:30px 0 40px 0;font-size: 15px;line-height: 25px;letter-spacing: -.025em;color:#333;}

.sub_txt_box01 strong {display:block;padding:3px 0 10px 0;font-size: 20px;font-weight: 600;line-height: 36px;color:#4d87eb;}
.sub_txt_box01 span {display:block;padding:10px 0 40px 0;font-size: 15px;line-height:30px;letter-spacing: -.025em;color:#333;}

.sub_txt_box02 {text-align:center;padding:40px 0;}
.sub_txt_box02 strong {display:block;padding:3px 0 10px 0;font-size: 20px;font-weight: 600;line-height: 36px;color:#222;}
.sub_txt_box02 span {display:block;padding:10px 0 40px 0;font-size: 15px;line-height:30px;letter-spacing: -.025em;color:#333;}

.imgBox {text-align:center;}
.imgBox img {max-width:100%;}



.sub_pick {display:block;background-position:center;background-size:cover;position:relative;height:30vw;}
.sub_txt {display:flex;justify-content: center;align-items: center;flex-direction: column;text-align:center;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
.sub_txt strong {display:block;font-size: 24px;color:#fff;letter-spacing: -1.2px;opacity:0.8;}
.sub_txt span {display:block;font-size: 20px;color:#fff;line-height: 1.6;letter-spacing: -1px;padding-top:20px;}

.sub_btn {background:#615f5d !important;text-align:center;position:relative;margin:30px auto;}
.sub_btn a {display:inline-block;vertical-align:top;text-overflow: ellipsis;overflow: hidden;max-height: 70px;line-height: 70px;padding: 0 5px 0 30px;font-size: 18px;letter-spacing: -1.1px;color: #fff;vertical-align: middle;white-space: nowrap;width:48%;}
.sub_btn span {display:inline-block;vertical-align:middle;background:#fff;width:1px;height:30px;opacity:0.2;}

.sub_btn svg {display:inline-block;vertical-align:middle;width:20px;height:20px;margin:-3px 5px 0px 0px;}

.sub_area01 {border-bottom:1px dotted #ddd;padding:30px 0;}
.sub_area01 strong {display:block;font-size:20px;font-weight:600;line-height:36px;color:#615f5d;}
.sub_area01 span {display:block;color:#333;font-size:15px;line-height:25px;letter-spacing: -.025em;padding-top:20px;}

.sub_area02 {padding:30px 0;}
.sub_area02 strong {display:block;font-size:15px;font-weight:600;line-height:30px;color:#615f5d;}
.sub_area02 span {display:block;color:#222;font-size:15px;letter-spacing: -.05em;line-height: 24px;padding-top:10px;}

.sub_area03 {display:inline-block;vertical-align:top;width:48%;padding:30px 0;border-top:1px solid #ddd;}
.gallery_img {display:inline-block;vertical-align:middle;width:48%;overflow:hidden;}
.gallery_img img {width:130px;}
.gallery_txt {display:inline-block;vertical-align:middle;width:48%;overflow:hidden;}
.sub_area03 strong {display:block;font-weight:500;letter-spacing:-.7px;font-size: 13px;color:#333;}
.sub_area03 span {display:block;color:#666;margin-top:5px;font-size:13px;line-height:1.85;letter-spacing:-.9px;}
.sub_area03 p {display:block;color:#333;font-size:14px;line-height:25px;letter-spacing:-.025em;text-align:left;padding:50px 0px 0px 10%;}
.sub_area04 p {display:block;color:#333;font-size:14px;line-height:25px;letter-spacing:-.025em;text-align:left;padding:40px 0px 40px 0;}

.dotline {border-top:2px dotted #ddd;height:30px;margin:30px auto 0px;clear:both;}
.line {border-bottom:1px dotted #ddd;height:30px;clear:both;}

.subNavi {text-align:center;margin:15px auto;}
.subNavi a {display:inline-block;vertical-align:top;color:#333;font-size:13px;padding:5px 0;margin:0px 8px;letter-spacing:-.5px;}
.subNavi a.on {border-bottom:1px solid #4d87eb;color:#4d87eb;}

.index {max-width:1920px;width:100%;margin:0px auto;padding:0px 0px 50px 0px;min-height:500px;}
.sub {width:1100px;padding:120px 0px 50px 0px;min-height:500px;}

.sns_wrap {}
.sns_wrap div {display:inline-block;vertical-align:top;width:31%;margin:0.5%;}
.sns_wrap div a {display:block;}
.sns_link {background:#fafafa;padding:5%;}
.sns_link strong {display:block;font-size: 15px;line-height: 28px;color: #333;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.sns_link span {display:block;margin-top: 10px;font-size: 15px;font-weight: 300;line-height: 28px;letter-spacing: -.5px;color: #666;}
.blog_link {padding:15px 0;}
.blog_link strong {font-size:13px;color: #333;}
.blog_link span {display:inline-block;vertical-align:middle;font-size:12px;font-weight: 300;line-height:15px;letter-spacing: -.5px;color: #999;padding:0px 5px;margin-left:5px;border-left:1px solid #999}

.map-container {position:relative;height:400px;overflow:hidden;}
.root_daum_roughmap_landing {width:100% !important;}
.map_name {position:relative;padding:25px;}
.map_name span {display:block;font-size:15px;color:#666;font-weight:400;}
.map_name strong {display:block;font-size:26px;color:#615f5d !important;font-weight:300 !important;margin-top:3px}

.map_area {position:relative;padding:25px;border-top:1px solid #ddd;}
.map_area h1 {display:inline-block;font-size:14px;color:#111;font-weight:400;width:14%;}
.map_area i {color:#999;margin-right:10px;font-size:20px;}
.map_area div {display:inline-block;vertical-align:top;width:34%;}
.map_area div {font-size:14px;color:#555;font-weight:400;line-height:25px;}
.map_area div span {display:inline-block;vertical-align:top;font-size:14px;color:#999;font-weight:400;width:80px;padding:5px 0;}
.map_area div strong {display:inline-block;vertical-align:top;font-size:14px;color:#666;font-weight:400;padding:5px 0;}
.map_area div p {padding:10px;font-size:13px;color:#666;font-weight:400;}

.btnBox {position:absolute;top:30%;right:0;}


.inquiry_txt {font-size:13px;color:#333;font-weight:400;line-height:25px;}
.inquiry_tb {background:#fafafa;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:30px auto;padding:10px;}
.inquiry_tb table {width:100%;}
.inquiry_tb table th {text-align:left;padding:5px 5px 5px 25px;font-size:14px;color:#111;font-weight:400;width:150px;}
.inquiry_tb table td {text-align:left;padding:5px;}
.inquiry_tb table input[type=text] {height:40px !important;border-radius:0px !important;font-size:14px !important;color:#111 !important;}
.inquiry_tb table select {height:40px !important;border-radius:0px !important;font-size:14px !important;color:#111 !important;border:1px solid #ddd !important;}
.inquiry_tb table input[type=file] {height:40px !important;border-radius:0px !important;font-size:14px !important;color:#111 !important;}
.inquiry_tb textarea {height:150px !important;border-radius:0px !important;font-size:14px !important;color:#111 !important;}

.inquiry_left {display:inline-block;vertical-align:middle;}
.inquiry_left label {font-size:13px !important;color:#111 !important;}
.inquiry_left input[type=checkbox] {width:14px !important;}
.btn_private {display:inline-block;vertical-align:middle;font-size:13px;color:#444;font-weight:400;padding:0 10px;}

.inquiry_right {display:inline-block;vertical-align:middle;float:right;}
.inquiry_right a {display:inline-block;vertical-align:top;font-size:14px;color:#444;font-weight:400;width:80px;padding:10px 0;text-align:center;border:1px solid #ddd;background:#fff;}
.inquiry_right a:last-child {color:#fff;background:#555;}

.pop_wrap {display:none;position:fixed;top:20%;left:50%;width:500px;margin-left:-250px;padding:30px;background:#fff;z-index:9999}
.pop_wrap strong {display:block;font-size:18px;color:#333;font-weight:500;padding:5px 0;}
.pop_wrap span {display:block;font-size:14px;color:#333;font-weight:400;padding:5px 0;line-height:28px;}
.btn_closed {display:block;font-size:14px;color:#444;font-weight:400;width:80px;padding:10px 0;text-align:center;border:1px solid #ddd;background:#fff;margin:30px auto;}


.visual_main {background:url('/theme/rb.basic/img/jf0608_1.jpg') no-repeat center top;position:relative;height:20vw;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: #333;letter-spacing: -0.8px;border-bottom: 1px solid #333;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;}

.txtBox {padding:50px 8%;text-align:center;}
.txtBox strong {display:block;font-size:18px;font-weight:300 !important;color:#555;line-height:200%;padding-top:15px;}
.txtBox span {display:block;font-size:15px;font-weight:500 !important;color:#777;}

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

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

@media all and (max-width:900px) {
	.header-container {padding:0px 0px 0px 10px;}
    .subNavi {display:none;}

	.index {padding:0px 0px 50px 0px;}
	.sub {padding:60px 15px 50px 15px;}

	.sub_title h1 {font-size:18px;}
	.sub_pick {height:40vw;}
	.sub_txt strong {font-size:18px;}
	.sub_txt span {font-size:15px;padding-top: 20px;}
	
	.sub_btn {margin:20px auto;}
	.sub_btn a {max-height:50px;line-height:50px;padding: 0 5px 0 30px;font-size:15px;width: 48%;}

	.sub_area01 {padding:20px 0;}
	.sub_area01 strong {font-size:16px;line-height:30px;}
	.sub_area01 span {font-size:13px;line-height:20px;padding-top:15px;}

	.sub_area02 {padding:20px 0;}
	.sub_area02 strong {font-size:13px;line-height:20px;}
	.sub_area02 span {font-size:13px;line-height:20px;}

	.sub_area03 {width:100%;padding:30px 0;}
	.sub_area03 p {padding:30px 0px 0px 20px;}
	.sub_area04 p {padding:20px 0px 20px 0;}

	.dotline {height:30px;}
	.line {height:20px;}

	.sns_wrap div {width:48%;margin:0.5%;}
	.sns_link {background:#fafafa;padding:5%;}
	.sns_link strong {font-size:14px;line-height:25px;}
	.sns_link span {font-size:12px;line-height:20px;}
	.blog_link span {font-size:11px;margin-left:3px;}

	.map-container {height:350px;overflow:hidden;}
	.map_name span {font-size:14px;}
	.map_name strong {font-size:22px;}

	.map_area h1 {font-size:13px;width:100px;}
	.map_area i {margin-right:5px;font-size:20px;}
	.map_area div {width:calc(100% - 110px);}
	.map_area div span {font-size:13px;width:80px;padding:5px 0;}
	.map_area div strong {font-size:13px;padding:5px 0;}
	.map_area div p {padding:10px;font-size:13px;}

	.btnBox {position:relative;top:auto;right:auto;margin-top:10px;}

	.inquiry_tb {margin:20px auto;}
	.inquiry_tb table th {padding:5px 5px 5px 5px;font-size:13px;width:100px;}
	.inquiry_tb table td {padding:5px;}
	.inquiry_tb table input[type=file] {width:90%;}
	
	.inquiry_box {margin:20px 0 80px 0;}
	.inquiry_right {margin:20px 0;}
	.inquiry_right a {display:inline-block;vertical-align:top;font-size:14px;color:#444;font-weight:400;width:80px;padding:10px 0;text-align:center;border:1px solid #ddd;background:#fff;}
	.inquiry_right a:last-child {color:#fff;background:#555;}
	.inquiry_tb textarea {height:100px !important;}

	.pop_wrap {top:20%;left:10%;width:80%;margin-left:0px;padding:20px;}
	.pop_wrap strong {font-size:16px;}
	.pop_wrap span {font-size:13px;}
	
	.visual_main {height:35vw;}
	.main_box_visual {padding:0px 15px;}

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

	.txtBox strong {font-size:16px;}
	.txtBox span {font-size:14px;}

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