/* 메인에서만 적용*/
#ft{
	margin-top:0;
}

#hd_pop .sound_only{
	display:none;
}
/* main banner */
.main_banner{
	width:100%;
	min-width:1440px;
	height:650px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position:relative;
}
.main_banner {
    position: relative;
    width: 100%;
    height: 600px;
    background: #f5f5f5;
}

.banner_img_box{
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
}

.banner_img_box_1{
	background-image: url('/theme/jbtourbiz/img/main/mainview01.png');
}


.banner_img_box_2{
	background-image: url('/theme/jbtourbiz/img/main/main_visual.png');
}

.main_banner .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.main_banner_text {
	width:100%;
	max-width:1200px;
	display:block;
	position:Absolute;
	left:50%;
	top:45%;
	margin-left:-600px;
}

.main_banner_text h3 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

.main_banner_text h1 {
    font-size: 48px;
    font-weight: bold;
    color: #000;
}

.swiper{
	height:100%;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 20px;
}

.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    background: #ccc !important;
    border:2px solid #fff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff !important;
}

.main_banner h1{
	color:#fff;
	margin:15px 0 0 0;
}

.main_banner h3{
	color:#fff;
}

/*
.main_banner .main_banner_text{
	position:absolute;
	top:275px;
	left:50%;
	width:100%;
	max-width:1200px;
	margin-left:-600px;
	text-align:center;
}
 */

/* program banner */

.main_program{
	display:flex;
	height:fit-content;
	padding:0px 15px;
}
.program_title{
	width:30%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.program_title h2{
	margin:0;
}
.program_title p{
	font-size:17px;
}

.program_title a.program_title_link{
	font-size:17px;
	font-weight:bold;
	background:#333;
	color:#fff;
	border-radius:15px;
	display:block;
	width:fit-content;
	padding:5px 10px;
}

.program_title_link{
	
}
.program_title .program_tag{
	margin-top:40px;
}
.program_title ul{
	padding:0;
	margin-bottom:0;
}

.program_title li p{
	font-size:15px;
	display:block;
	border-radius:15px;
	padding:5px 10px;
	border:1px solid #333;
	width:fit-content;
	margin:7px 0px;
}

.program_title li:last-child p{
	margin-bottom:0;
}
.program_list{
	width:70%;
	height:100%;
}

/* 보드영역 */
.main_board{
	height:fit-content; /*지워야함 */
	background:#f4f5f6;
	width:100%;
}

.main_board{
}

.main_board .container{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:30px;
	width:100%;
	max-width:1440px;
}

.main_board .container:before,
.main_board .container:after{
	content:none;
}

.main_board .container .board_area{
		width:800px;
}

.main_board .youtube{
	height:100%;
}



.youtube_btn{
	border:2px solid #e53935;
	border-radius:20px;
	color:#e53935;
	padding:5px 10px;
	font-weight:bold;
}

.youtube_box{
	border-radius:15px;
	overflow:hidden;
	height:385px;
	
}


/* 열린광장 섹션 스타일 */
.open_plaza {
    padding: 60px 15px;
	min-width:1440px;
    background: #f8f9fa;
}

.section_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.section_title {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

/* 탭 메뉴 스타일 */
.tab_menu {
    display: flex;
    gap: 10px;
}

.tab_btn {
    padding: 8px 20px;
    border: 1px solid #ddd;
    background: #fff;
    color: #666;
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s;
}

.tab_btn:hover {
    background: #f0f0f0;
}

.tab_btn.active {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

/* 탭 컨텐츠 스타일 */
.tab_content {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.tab_panel {
    display: none;
	height:385px;
}

.tab_panel.active {
    display: block;
}

.center_intro_box{
	width:100%;
	margin:0 auto;
	padding:15px;
}
.center_intro_link{
	width:100%;
	max-width:1410px;
	margin:30px auto 0px;
	height:100px;
	background-image: url('/theme/jbtourbiz/img/site/main//new/ban_bg.png');
	position:relative;
	border-radius:15px;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:space-around;
}

.center_intro_link p{
	color:#ffff;
	font-size:28px;
	font-weight:600;
	margin:0 45px 0 100px;
}

.center_intro_link .btn_intro{
	background:#fff;
	color:#231e7a;
	font-weight:800;
	border-radius:20px;
	padding:10px 25px;
	
}

.center_intro_link .intro_ele{
	display:block;
	align-self:flex-end;
	text-align:center;
}

/* 메인 배너링크 */
.main_link{
	width:100%;
	height:100%;
	border-bottom:1px solid #e8e8e8;
}

.main_link .link_box,.company_banner{
	
	display:flex;
	flex-direction:column;
	height:100%;
	justify-content:space-between;
	align-items:flex-end;
}

.main_link .link_area{
	width:90%;
	border-radius:15px;
	position:relative;
	padding:30px;
	
}
.main_link .company_banner{
	height:70px;
}

.link_area p{
	font-size:24px;
	font-weight:800;
	color:#fff;
	margin:0;
}

.link_area a{
	color:#fff;
	font-size:15px;
	margin-top:20px;
	display:block;
	font-weight:600;
}

.main_link .link_fac{
	background:#ff6600;
}
.main_link .link_com{
	background:#231e7a;
}
.main_link .link_cen{
	background:#028090;
}

.main_link .link_icon{
	position:absolute;
	bottom:35px;
	right:60px;
}

.company_banner ul{
	width:100%;
	display:flex;
	justify-content:space-between;
}

/* 팝업 */
#hd_pop .sound_only{
	display:none;
}

#hd_pop{
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-175px;
	z-index:999;
	background:#fff;
	border-radius:15px;
	overflow:hidden;
	border:1px solid #333;
}

.hd_pops_con{
	background:#333;
}

.hd_pops_con img{
	width:100%;
}
.hd_pops_con p{
	margin:0;
}
.hd_pops_footer{
	text-align:center;
	padding:10px;
	margin-right:15px;
}

.hd_pops_reject,.hd_pops_close{
	background:#fff;
	border:none;
}


@media (max-width: 768px) {
	#hd_pop{
		top:10%;
	}
}