/*---sub common css---*/


body{overflow:hidden;}

/*sub container*/
.sub_wrap{overflow: hidden;}

.sub_section{/*padding: 134px 0;padding-bottom: 150px; */padding: 150px 0;}
.sub_section_more { padding-top: 0; }

@media screen and (max-width: 1480px){

    .sub_section{padding: 100px 0;padding-bottom: 115px;}
    .sub_section_more { padding-top: 0; }
}

@media screen and (max-width: 740px){

    .sub_section{padding: 66px 0;padding-bottom: 75px;}
    .sub_section_more { padding-top: 0; }
}



@media screen and (max-width: 740px){

    .sub_tit h2{font-size: 30px;margin-bottom: 6px;}
    .sub_tit p{font-size: 11px;line-height: 160%;}

}

/*---sub visual---*/
.sub_visual{height: 580px;position: relative;overflow: hidden;}

.sub_visual figure{width: 100%;height: 100%;background-color: #000;background-repeat: no-repeat;background-position: center center;background-size: cover;transform: scale(1.1);transition: transform 5s ease-in-out;}
.sub_visual.active figure{transform: scale(1);}

.sv_text{position: absolute;bottom: 59px;left: 0;width: 100%;z-index: 1;color: #FFF;}
.sv_text span{display: block;}
.sv_text h2{margin-bottom: 13px;}

@media screen and (max-width: 1480px){

    .sub_visual{height: 500px;}
    .sv_text{bottom: 49px;}
}

@media screen and (max-width: 1080px){

    .sub_visual{height: 430px;}
    .sv_text{bottom: 39px;}
}

@media screen and (max-width: 740px){

    .sub_visual{height: 376px;}

    .sv_text{bottom: 29px;}
    .sv_text span{font-size: 13px;}
    .sv_text h2{font-size: 34px;line-height: 150%;margin-bottom: 3px;}
    .sv_text p{font-size: 13px;}
}

/*---sub_navi---*/
.sub_navi_wrap{border-bottom: 1px solid #ececec;}

.sub_navi>ul>li>a{display: none;}

.sub_navi>ul>li>ul{display: none;}
.sub_navi>ul>li>ul::after{content: "";clear: both;display: block;}
.sub_navi>ul>li>ul>li{float: left;}
.sub_navi>ul>li>ul>li>a{display: block;width: 100%;height: 100%;line-height: 74px;font-size: 1.13rem;font-weight: 400;-webkit-text-stroke: 0.01em;padding: 0 30px;}
/*.sub_navi>ul>li>ul>li:first-child>a{padding-left: 0;}*/
.sub_navi>ul>li>ul>li:last-child>a{padding-right: 0;}
.sub_navi>ul>li>ul>li>a.on{color: var(--color-02);font-weight: 500;}

/*navi show*/
#sub_navi_01>ul>li.k_menu_1>ul{display: block;}
#sub_navi_02>ul>li.k_menu_2>ul{display: block;}
#sub_navi_03>ul>li.k_menu_3>ul{display: block;}
#sub_navi_04>ul>li.k_menu_4>ul{display: block;}
#sub_navi_05>ul>li.k_menu_5>ul{display: block;}

@media screen and (max-width: 1480px){

    .sub_navi>ul>li>ul>li>a{line-height: 64px;padding: 0 25px;}
}

@media screen and (max-width: 1080px){

    .sub_navi>ul>li>ul>li>a{line-height: 59px;padding: 0 20px;}
}

@media screen and (max-width: 740px){

    .sub_navi>ul>li>ul>li>a{line-height: 51px;padding: 0 9px;font-size: 11px;}
}

@media screen and (max-width: 460px){

    .sub_navi{overflow-x: scroll;}
    .sub_navi>ul>li>ul{width: 110%;}
}


/*.b_sv_box{height:950px;}*/
.main_container{position:relative;}

.b_tit_box h2{margin:20px 0 32px 0; }
.b_tit_box p{line-height:1.5; -webkit-text-stroke: 0.01em;}


.br_980on{display:none;}
 @media screen and (max-width:980px){ 
	 .br_980on{display:block;}
 }


.br_720on{display:none;}
@media screen and (max-width:720px){ 
	 .br_720none{display:none;}
	 .br_720on{display:block;}

	 .sub_section{padding:70px 0; }

	 .b_tit_box span{font-size:12px;}
	 .b_tit_box h2{font-size:26px; margin: 10px 0 15px 0;}
	 .b_tit_box > p{font-size:12px;}

}




.br_1360on{display:none; }
.br_1360none{display:block; }
@media screen and (max-width:1360px){ 
	 .br_1360none{display:none; }
	 .br_1360on{display:block; }
}


.br_1280on{display:none;}
@media screen and (max-width:1280px){ 
	 .br_1280on{display:block;}
	 .b_liva_p_09 .b_tab_box .b_cont_list{width: 70%;}
}

.br_1080on{display:none;}
@media screen and (max-width:1080px){ 
	 .br_1080on{display:block;}
	 .br_1080none{display:none;}

}

.br_480on{display:none;}
@media screen and (max-width:480px){ 
	 .br_480on{display:block;}
	 .br_480none{display:none;}

}






@media screen and (min-width:1080px){ 
	 #site_map{display:none;}
}
@media screen and (max-width:1080px){ 
	 .lang_mobile img {filter: brightness(0) invert(1);}
	 #k_header .b_hd_right{z-index: 1000; justify-content: flex-end; width: 100%; position: relative;}

	.hd_logo{position:unset; }


}



.b_board_box .sv_text{top:50%; transform:translateY(-50%); bottom:unset; }
.b_board_box .sv_text h2{margin:20px 0; }


@media screen and (max-width:720px){ 
	 .b_board_box .sv_text h2{margin:10px 0; }
}



/*공통 css*/
.txt_c{text-align: center;}
.c_999{color: #999;}
.fc_n{color: #253d97;}
.fc_b{color: #f98650;}
.fc_sb{color: #669bd7;}
.fc_3{color: #333;}
.fc_9{color: #999;}
.fc_f{color: #fff;}

@media screen and (max-width:480px){
    .br_480_x{display: none;}
}

/*br*/
@media screen and (max-width:360px){
    .br_360_x{display: none!important;}
}







#bbs.bbs_bg{width: 100%; height: 100%; position: relative;}
#bbs.bbs_bg::before{position: absolute; bottom: -150px; left: 50%; transform: translateX(-50%); content: '';width: 200%; height: 1px; background: #ececec; z-index: -10;}

/*event*/
#bo_w .frm_input{margin-bottom: 20px;}

#mb_login.mbskin.login_lost .icon_login{margin: 0 auto; margin:100px 0 40px;}
#mb_login.mbskin.login_lost .icon_login h1{margin-top: 50px;}

#mb_login.mbskin.login_lost p{
    border: none;
    padding-bottom: 50px;
}
#mb_login.mbskin.login_lost p span{font-weight: bold;}

#mb_login.mbskin.login_lost .btn_submit{width: 25%;margin: 0 auto;}

@media screen and (max-width:720px){
    #mb_login.mbskin.login_lost .icon_login img{width: 40px; height: 40px;}
    #mb_login.mbskin.login_lost .icon_login{margin: 80px 0 20px;}
    #mb_login.mbskin.login_lost .icon_login h1{margin-top: 30px;}
    #mb_login.mbskin.login_lost p{padding-bottom: 40px;}

    #mb_login.mbskin.login_lost .btn_submit{width: 25%;}
}

@media screen and (max-width:480px){
    #mb_login.mbskin.login_lost .btn_submit{width: 30%;}
}



.main_btn{width: 100%; display: flex; justify-content: center; margin-top: 50px;}
.main_btn a{display: block; width: 30%; text-align: center; background: #05295a; color: #fff; margin: 0 5px; height: 50px; line-height: 50px;} 


/*common*/
.txt_list li{display: flex; margin-bottom: 15px;}
.txt_list li.last{margin-bottom: 0; }
.txt_list li span{display: block; margin-right: 10px;}
.txt_list li p{word-break: keep-all}


/*sub01_1*/
.sub01_1 .cont_wrap{display: flex; justify-content: flex-start; align-items: flex-start;  }
.sub01_1 .cont_wrap .cont_left{ overflow: hidden; width: 35%;}
.sub01_1 .cont_wrap .cont_left img{display: block; width: 100%;}
.sub01_1 .cont_wrap .cont_right{width: 65%;}
.sub01_1 .cont_wrap .cont_right ul {display: flex; flex-wrap: wrap;}
.sub01_1 .cont_wrap .cont_right ul li{width: 46%; background: #f9f9f9; margin-left: 4%; padding: 50px 35px; height: 0; padding-bottom: 31% }
.sub01_1 .cont_wrap .cont_right ul li:first-child,
.sub01_1 .cont_wrap .cont_right ul li:nth-child(2){margin-bottom: 30px;}
.sub01_1 .cont_wrap .cont_right .info_wrap{position: relative;}
.sub01_1 .cont_wrap .cont_right .info_txt > span{display: inline-block; background: #f98650; padding: 2px 10px;  margin-bottom: 20px;}
.sub01_1 .cont_wrap .cont_right .info_txt div p{display: flex; word-break: keep-all}
.sub01_1 .cont_wrap .cont_right .info_txt div span{display: block; margin-right: 10px}
.sub01_1 .cont_wrap .cont_right figure{position: absolute; right: 40px; bottom: 30px;}

@media screen and (max-width:1280px){
	.sub01_1 .cont_wrap .cont_right ul li{width: 47%; margin-left: 3%;    padding: 25px 25px 0;padding-bottom: 36% }
	.sub01_1 .cont_wrap .cont_right ul li:first-child,
	.sub01_1 .cont_wrap .cont_right ul li:nth-child(2){margin-bottom: 15px;}
	.sub01_1 .cont_wrap .cont_right figure{right: 25px; bottom: 25px;}
	.sub01_1 .cont_wrap .cont_right figure img{width: 48px;}	
}
@media screen and (max-width:1080px){
	.sub01_1 .cont_wrap{flex-direction: column;}
	.sub01_1 .cont_wrap .cont_left{width: 50%; margin-bottom: 30px;}
	.sub01_1 .cont_wrap .cont_right{width: 50%;}
	.sub01_1 .cont_wrap .cont_right .info_wrap{margin-bottom: 20px; width: 100%; padding: 25px; padding-bottom: 80px; margin-left: 0; height: auto;}
}
@media screen and (max-width:768px){
	.sub01_1 .cont_wrap .cont_left{width: 100%;}
	.sub01_1 .cont_wrap .cont_right{width: 100%;}
}
/*sub01_1*/

/*sub01_2*/
.history{ display: flex; justify-content: flex-start; align-items: flex-start; gap: 100px; }
.history .tab_img_box{width: 40%;}
.history .tab_txt_box{width: 60%;}
.history .tab_txt_box .tab_tit{margin: 0 auto 50px;}
.history img{ display: block; max-width: 100%; width: 100%; }
.tab_history li{display: flex; margin-bottom: 30px}
.tab_history li p{word-break: keep-all; line-height: 1.5;}
.tab_history li p.his_year{margin: 0 30px 0 10px; flex-shrink: 0; width: 10%; }

@media screen and (max-width:1280px){
	.history .tab_img_box{width: 40%;}
	.history .tab_txt_box{width: 60%; padding-left: 70px;}
	.history .tab_txt_box .tab_tit{margin: 30px 0;}
	.tab_history li{margin-bottom: 20px;}
	.tab_history li p.his_year{margin: 0 20px 0 10px}
}
@media screen and (max-width:1080px){
	.history .tab_txt_box .tab_tit{margin: 0 0 20px;}
	.tab_history li{margin-bottom: 10px;}
}
@media screen and (max-width:960px){
	.history{flex-direction: column;}
	.history .tab_img_box{width: 100%; order: 2;}
	.history .tab_txt_box{width: 100%; padding-left: 0; order: 1;}
}
/*
.history_top{text-align: center;}
.history_wrap{position: relative;}
.history_wrap::before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 1px; height: 100%; background: #d9d9d9;}
.history_wrap > li {display: flex; justify-content: center; align-items: center; padding-top: 150px; }
.history_wrap > li .history_img{width: 50%; padding-right: 60px;}
.history_wrap > li .history_img figure{overflow: hidden; width: 80%; margin-left: auto;}
.history_wrap > li .history_img img{display: block; max-width: 100%; border-radius: 20px; }
.history_wrap > li .history_txt_wrap{width: 50%; padding-left: 60px;}
.history_txt_wrap .his_tit{display: flex; align-items: baseline; margin-bottom: 20px; position: relative;}
.history_txt_wrap .his_tit::after{content: ''; position: absolute;display: block; width: 10px; height: 15px; background: url('/img/b_img/sub01/02/icon02.png') no-repeat center center / cover; top: 50%; left: -65px; transform: translateY(-50%);}
.history_txt_wrap .his_tit p{margin-left: 10px;}
.history_txt_wrap .txt_list li{margin-bottom: 10px;}
.history_txt_wrap .txt_list .his_info{padding-left: 15px;}
.history_txt_wrap .txt_list .his_info p{word-break: keep-all}
*/

/*
@media screen and (max-width:1280px){
	.history_wrap > li .history_img{padding-right: 40px;}
	.history_wrap > li .history_img figure{width: 100%; margin-left: 0;}
	.history_wrap > li .history_txt_wrap{padding-left: 40px;}
	.history_txt_wrap .his_tit::after{left: -45px;}
}
@media screen and (max-width:960px){
	.history_top{text-align: left;}
	.history_wrap::before{left: 18px; transform: none;}
	.history_wrap > li{padding-top: 80px;}
	.history_wrap > li .history_img{width: 100%; padding-right: 20px}
	.history_wrap > li{align-items: flex-start; flex-direction: column; padding-left: 50px;}
	.history_txt_wrap .his_tit{margin-bottom: 10px;}
	.history_wrap > li .history_txt_wrap{width: 100%; padding: 20px;}
	.history_txt_wrap .his_tit::after{left: -56px;}
	
	.history_txt_wrap .txt_list li{margin-bottom: 5px}
}
@media screen and (max-width:480px){
	.history_wrap > li .history_img{padding-right: 10px}
	.history_wrap > li{padding-left: 40px;}
	.history_wrap > li .history_txt_wrap{padding: 10px;}
	.history_txt_wrap .his_tit::after{left: -36px;}
}
*/
/*sub01_2*/

/*sub01_3*/
.sub01_3 .cont_wrap_01{padding: 30px; margin-bottom: 250px; border-radius: 30px; background-color: #f9f9f9; display: flex; align-items: center; background-image: url('/img/b_img/sub01/03/img02.png'); background-repeat: no-repeat; background-position: right -40px bottom -60px;
}
.marine_img {width: 42%; border-radius: 20px; border: solid 2px #dcdfe9; overflow: hidden;}
.marine_img img{display: block; max-width: 100%;}
.marine_info_wrap{width: 58%; padding:0 100px;}
.marine_info_wrap .marine_txt{margin: 30px 0;}
.marine_info_wrap .marine_down{display: inline-block; background: #253d97; padding: 10px 15px; border-radius: 30px; transition: all 0.3s;}
.marine_info_wrap .marine_down:hover{background: #444;}
.marine_info_wrap .marine_down div{display: flex; align-items: center;}
.marine_info_wrap .marine_down div p{margin-right: 15px}
.marine_info_wrap .marine_down div img{display: block; max-width: 100%;}


.sub01_3 .cont_wrap_02{text-align: center;}
.sub01_3 .cont_wrap_02 .marine_gif_wrap ul{display: flex; flex-wrap: wrap;}
.sub01_3 .cont_wrap_02 .marine_gif_wrap ul li{width: 16%; margin-right: 5%; margin-top: 80px;}
.sub01_3 .cont_wrap_02 .marine_gif_wrap ul li:nth-child(5n){margin-right: 0;}
.sub01_3 .cont_wrap_02 .marine_gif_wrap ul li figure{border-radius: 20px; border: solid 1px #d9d9d9; overflow: hidden; aspect-ratio : 1/1;}
.sub01_3 .cont_wrap_02 .marine_gif_wrap ul li figure img{display: block; max-width: 100%;}
.sub01_3 .cont_wrap_02 .marine_gif_wrap ul li p{margin-top: 20px;}

@media screen and (max-width:1280px){
	.sub01_3 .cont_wrap_01{background-position: right -30px bottom -60px; background-size: 300px}
	.marine_info_wrap{padding: 0 60px;}
	.marine_info_wrap .marine_txt{margin-top: 25px;}
}
@media screen and (max-width:1080px){
	.sub01_3 .cont_wrap_01{padding-bottom: 50px; flex-direction: column;}
	.marine_img{width: 100%;}
	.marine_info_wrap{width: 100%; padding: 0 20px; margin-top: 50px;}
	
	.sub01_3 .cont_wrap_02 .marine_gif_wrap{width: 90%; margin: 0 auto ;}
}
@media screen and (max-width:768px){
	.sub01_3 .cont_wrap_01{padding: 20px; padding-bottom: 50px; }
	.marine_info_wrap{padding: 0 10px;}
	.marine_info_wrap .marine_down{padding: 10px;}
	.marine_info_wrap .marine_down div p{margin-right: 10px}
	.marine_info_wrap .marine_down div img{width: 10px;}
	
	.sub01_3 .cont_wrap_02 .marine_gif_wrap ul li{width: 30%; margin-right: 5%; margin-top: 30px;}
	.sub01_3 .cont_wrap_02 .marine_gif_wrap ul li:nth-child(5n){margin-right: 5%;}
	.sub01_3 .cont_wrap_02 .marine_gif_wrap ul li:nth-child(3n){margin-right: 0;}
	.sub01_3 .cont_wrap_02 .marine_gif_wrap ul li figure{border-radius: 10px;}

}
@media screen and (max-width:480px){
	.sub01_3 .cont_wrap_01{background-image: none; }
}
/*sub01_3*/

/*sub01_4*/
.sub01_4 .map_wrap{margin-bottom: 50px;}
.sub01_4 .map_table_wrap table{width: 100%; }
.sub01_4 .map_table_wrap table td{padding: 30px 10px; }
.sub01_4 .map_table_wrap table td.tbl_30{ vertical-align: top; padding-left: 30px;}
.sub01_4 .map_table_wrap table td p{word-break: keep-all!important;}

.map_info p:first-child{margin-bottom: 10px}
.map_info_01{margin-bottom: 20px}
.map_info_02 p{margin-bottom: 10px; display: flex;}
.map_info_02 span{margin-right: 10px; display:block;}

.map_btn_wrap{display: flex;}
.map_btn a{display: flex; border-radius: 50px; padding: 10px 20px 10px 50px; align-items: center; transition: all 0.5s; background-repeat: no-repeat; background-position: 15px center;}
.map_btn_01{margin-right: 20px}
.map_btn_01 a{background-color: #057a19; background-image: url('/img/b_img/sub01/04/icon01.png');}
.map_btn_02 a{background-color: #fae100; background-image: url('/img/b_img/sub01/04/icon02.png');}
.map_btn_01:hover a{background-color: #00450C;}
.map_btn_02:hover a{background-color: #222; color:#fae100; background-image: url('/img/b_img/sub01/04/icon02_on.png');}
.map_btn a img{display: block; max-width: 100%; margin-right: 10px;}

@media screen and (max-width:1080px){
	.sub01_4 .map_table_wrap table td.tbl_30{ padding:20px 10px;}
	.sub01_4 .map_table_wrap table td.tbl_70{ padding:20px 40px 20px 10px;}
}
@media screen and (max-width:768px){
	.sub01_4 .map_table_wrap table td.tbl_30{ width: 20%; min-width: 84px}
	.sub01_4 .map_table_wrap table td.tbl_70{ width: 80%;}
	.map_info_02 span{margin-right: 5px;}
}
@media screen and (max-width:480px){
	.map_btn_wrap{flex-direction: column;}
	.map_btn_01{margin-right: 0; margin-bottom: 10px;}
	.map_btn a{width: 125px; background-size: 18px; padding-left: 45px; ; background-position: 15px center;}
}
/*sub01_4*/

/*sub02_3*/
.sub02_3 .cont_wrap_01{display: flex; align-items: center; justify-content: space-between; margin-bottom: 250px; }
.sub02_3 .cont_wrap_01 .b_tit_box{width: 70%; padding-right: 20px}
.sub02_3 .cont_wrap_01 .b_tit_box p:first-child{margin-bottom: 20px;}

.sub02_3 .cont_wrap_02{margin-bottom: 100px;}
.sub02_3 .cont_wrap_02 .sub_tit_wrap{display: flex;line-height: 1.4; position: relative;}
.sub02_3 .cont_wrap_02 .sub_tit_wrap::before{position: absolute; top: -30px; left: -50px; display: block; width: 92px; height: 105px; content: ''; background: url('/img/b_img/sub02/03/wheel.png') no-repeat center center / cover; z-index: -1;}
.sub02_3 .cont_wrap_02 .sub_tit_wrap .sub_tit{width: 30%; flex-shrink: 0;}
.sub02_3 .cont_wrap_02 .sub_tit_wrap .sub_txt{width: 70%; }
.sub_year{margin-bottom: 20px;}

@media screen and (max-width:1080px){
	.sub02_3 .cont_wrap_01{flex-wrap: wrap; margin-bottom: 150px; }
	.sub02_3 .cont_wrap_01 .b_tit_box{width: 100%; padding-right: 50px;}
	.sub02_3 .cont_wrap_01 .b_tit_box p:first-child{margin-bottom: 10px;}	
	.sub02_3 .cont_wrap_01 .tit_img{margin-top: 30px;}
	
	.sub02_3 .cont_wrap_02 .sub_tit_wrap::before{left: -30px; width: 72px; height: 84px;}
	.sub02_3 .cont_wrap_02 .sub_tit_wrap{flex-wrap: wrap;}
	.sub02_3 .cont_wrap_02 .sub_tit_wrap .sub_tit{width: 100%; margin-bottom: 30px;}
	.sub02_3 .cont_wrap_02 .sub_tit_wrap .sub_txt{width: 80%; }
	.sub_year{margin-bottom: 10px;}
}

/*tab common*/
.sub_tab_menu{width: 100%; display: flex; border: solid 1px #eee;}
.sub_tab_menu li{width: 200px; text-align: center;}
.sub_tab_menu li button{
	padding: 15px 10px;
    display: inline-block;
    width: 100%;
    height: 100%;
	transition: all 0.5s;
}
.sub_tab_menu li:hover button,
.sub_tab_menu li.on button{background: #222; color: #fff;}

.tab_cont_wrap{ width: 100%; background: #f9f9f9; position: relative; transition: height 0.5s ease-in-out; }
/*
.tab_cont{display: none;}
.tab_cont.on{display: block;}
*/
.tab_cont{width: 100%;  padding: 100px 60px; display: none; opacity: 0; visibility: hidden; z-index: 0; transition: all 0.5s;}
.tab_cont.on{opacity: 1; visibility: visible; display: block; z-index: 1;}


.tab_tit_box{display: flex; justify-content: space-between; margin-bottom: 60px;}
.tab_icon_wrap{display: flex; }
.tab_icon_wrap .tab_icon{display: flex; align-items: center; }
.tab_icon_wrap .tab_icon:first-child{margin-right: 40px;}
.tab_icon_wrap .tab_icon img{display: block; margin-right: 10px;}

.tab_table_wrap{width: 100%; text-align: center}
.tab_table_wrap .tbl_th{width: 100%; padding: 20px 0;background: #e7edf5; border-radius: 50px; margin-bottom: 20px;}
.tab_table_wrap .tbl_th ul{display: flex;}

.tab_table_wrap .tbl_tbody{width: 100%; background: #fff; border-radius: 30px; border: solid 1px #d9d9d9; overflow: hidden;}
.tab_table_wrap .tbl_tbody table{width: 100%;}
.tab_table_wrap .tbl_tbody table td{padding: 25px 10px;}

.tbl_30{width: 30%}
.tbl_35{width: 35%}
.tbl_40{width: 40%}
.tbl_60{width: 60%}
.tbl_70{width: 70%}
.bd_r{border-right: solid 1px #d9d9d9;}
.bd_b{border-bottom: solid 1px #d9d9d9;}
.bd_t{border-top: solid 1px #d9d9d9;}

@media screen and (max-width:1080px){
	.sub_tab_menu li{width: 25%;}
	.sub_tab_menu li button{padding: 10px;}
	
	.tab_cont{padding: 50px;}
	.tab_tit_box{margin-bottom: 40px;}
	.tab_icon_wrap .tab_icon:first-child{margin-right: 20px;}
	.tab_icon_wrap .tab_icon img{width: 36px;}
	.tab_table_wrap .tbl_th{padding: 10px 0; margin-bottom: 10px;}
	.tab_table_wrap .tbl_tbody table td{ padding: 15px 10px;}
}
@media screen and (max-width:768px){
	.tab_tit_box{flex-wrap: wrap;}
	.tab_tit_box .tab_tit{width: 100%; margin-bottom: 20px;}
	.tab_table_wrap .tbl_tbody{border-radius: 20px}
}
@media screen and (max-width:480px){
	.tab_cont{padding: 50px 30px;}
}

@media screen and (max-width:400px){
	.tab_cont{padding: 50px 15px;}
    .tab_cont .fs_40 { font-size: 2rem; }
}

.wind_gall_wrap { width: 100%; margin-top: 100px; }
.wind_gall_wrap iframe { width: 100%; min-height: 500px; border-radius: 30px; }

@media screen and (max-width:768px){
    .wind_gall_wrap {margin-top: 50px; }
}
/*sub02_3*/



/*문화제이야기*/
.story_container { width: 100%; }
.story_container .b_tit_box { width: 100%; }
.story_container .b_tit_box .b_tit_txt { padding-bottom: 50px; width: 100%; background: url("/img/b_img/sub05/story_tit_bg.png") right bottom no-repeat; background-size: contain; }

.story_container .b_txt_box h4 { margin-bottom: 10px; margin-top: 50px; } 
.story_container .b_txt_box p { margin-bottom: 20px; }
.story_container .story_img_wrap { margin-bottom: 50px; }
.story_container .story_img_wrap img { width: 100%; max-width: 1420px; }
.story_container .story_cnt .story_tit { margin-bottom: 30px; width: 100%; display: flex; flex-direction: column; gap: 10px;}


.story_gall { width: 100%; }
.story_gall_box { margin-bottom: 50px; }
.story_gall .story_gall_cnt { width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 50px; padding: 30px; border: 1px solid #d9d9d9; }
.story_gall .story_gall_cnt .story_gall_thum { width: 30%; }
.story_gall .story_gall_cnt .story_gall_thum img { width: 100%; max-width: 500px; }
.story_gall .story_gall_cnt .story_gall_txt { width: 70%; }
.story_gall .story_gall_cnt .story_gall_txt h3 { margin-bottom: 10px; }
.story_gall .story_gall_cnt .story_gall_txt p { margin-bottom: 30px;  }
.story_gall .story_gall_cnt .story_gall_txt p>span { line-height: 50px; }
.story_gall .story_gall_cnt .story_gall_txt .story_more { padding: 10px 15px; background: #f9f9f9; border: 1px solid #d9d9d9; max-width: 150px; text-align: center; cursor: pointer; transition: .3s; }
.story_gall .story_gall_cnt .story_gall_txt .story_more:hover { background: #222; color: #fff; }

.story_gall_more { width: 100%; background: #f9f9f9; margin-top: 20px; padding: 100px 50px; display: none; }
.story_gall_more .story_gall_more_tit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.story_gall_more .story_gall_more_img { width: 100%; margin-bottom: 50px; }
.story_gall_more .story_gall_more_img>img { width: 100%; max-width: 1420px; }
.story_gall_more .story_gall_more_txt>p { margin-bottom: 20px; }

@media screen and (max-width:720px){
    .story_gall_more { padding: 50px 20px; }
}

@media screen and (max-width:600px){
    .story_container .b_tit_box .b_tit_txt { background: #fff; }
    .story_gall .story_gall_cnt { flex-direction: column; }
    .story_gall .story_gall_cnt>div { width: 100%!important; }
    
    .story_gall_more .story_gall_more_tit { flex-direction: column; gap: 20px; } 
}



/*행렬 정보,구간*/

.sub02_2 .parade_container .b_tit_box .b_tit_txt{border-bottom: none; background: url(/img/b_img/sub02/03/parade_tit_bg.png) no-repeat right 5% bottom / contain;padding-bottom: 50px; }
.sub02_2 .parade_cnt{text-align: center; background: #f5f5f5; border-radius: 30px; padding: 100px 6%; position: relative; margin-bottom: 80px;}

.sub02_3 .parade_container .b_tit_box .b_tit_txt { padding-bottom: 50px; width: 100%; background: url("/img/b_img/sub02/03/parade_tit_bg.png") right bottom no-repeat; background-size: contain; border-bottom: 1px solid #d9d9d9; }
.sub02_3 .parade_cnt{margin-bottom: 150px;}
.parade_cnt p{word-break: keep-all;}
.sub02_2 .parade_cnt:last-child,
.sub02_3 .parade_cnt:last-child{margin-bottom:0;}

.parade_tit{margin: 50px 0 30px;  position: relative;}
.parade_tit p{margin-top: 10px; word-break: keep-all;}

.parade_img_wrap img{max-width: 100%;}
.parade_container .img_wrap{display: flex; justify-content: space-between; margin: 30px 0;}
.parade_container .img_wrap figure{width: 49%;}
.parade_container .img_wrap figure img{max-width: 100%;}

.parade_container .img_wrap.img_1 figure{width: 100%;}

@media screen and (max-width:720px){
	.sub02_2 .parade_cnt{margin-bottom: 40px;}
	.sub02_3 .parade_cnt{margin-bottom: 75px;}
	.parade_container .img_wrap{flex-wrap: wrap}
	.parade_container .img_wrap figure{width: 100%;}
	.parade_container .img_wrap figure:first-child{margin-bottom: 20px;}
	.parade_container .img_wrap.img_1 figure:first-child{margin-bottom: 0}

}

.parade_cnt .parade_icon{width: 100%; height: 100%;}
.parade_cnt .parade_icon figure{position: absolute; }

.icon01 .icon_l{left: -50px; top: 150px;}
.icon01 .icon_r{bottom: -30px; right: -100px;}	
.icon02 .icon_l{left: 10vw; top: -20px;}
.icon02 .icon_r{right: 10vw; top: 70px;}	
.icon03 .icon_l{left: 0; top: 100px;}
.icon03 .icon_r{right: 0; bottom: 60px;}
.icon04 .icon_l{left: 15vw; top: 70px;}
.icon04 .icon_r{right: 15vw; top: -40px;}
.icon05 .icon_l{top: 0; left: 15vw;}
.icon05 .icon_r{top: 0; right: 15vw;}
.icon06 .icon_l{left: 3vw; top: 50%; transform: translateY(-50%);}
.icon06 .icon_r{right: 3vw; top: 130px;}
.icon07 .icon_l{left: 8vw; bottom: 0;}
.icon07 .icon_r{right: 0; top: 30px;}
.icon08 .icon_l{right: 8vw; top: 107px;}

@media screen and (max-width: 1480px){
	.icon01 .icon_l{left: -20px;}
	.icon01 .icon_r{bottom: -60px; right: -30px;}	
	.icon08 .icon_l{ top: 103px;}
}
@media screen and (max-width: 1080px){
	.icon05 .icon_l img{width: 80%;}
}
@media screen and (max-width: 720px){

	.parade_cnt .parade_icon figure.icon_l img{display: block; margin-right: auto}
	.parade_cnt .parade_icon figure.icon_r img{display: block; margin-left: auto}

	.icon01 .icon_l{left: -20px; top: 10px;}
	.icon01 .icon_r{bottom: -70px; right: 10px;}
	.icon01 .icon_l img,
	.icon01 .icon_r img{width: 180px;}

	.icon02 .icon_l{left: 5vw;}
	.icon02 .icon_r{right: -2vw;}
	.icon02 .icon_l img,
	.icon02 .icon_r img{width: 48px;}

	.icon03 .icon_l{top: 40px;}
	.icon03 .icon_l img{width: 90px;}
	.icon03 .icon_r{bottom: 40px;}
	.icon03 .icon_r img{width: 55px;}

	.icon04 .icon_l{left: 5vw; top: 40px;}
	.icon04 .icon_r{right: 8vw; top: -15px;}
	.icon04 .icon_l img,
	.icon04 .icon_r img{width: 70px;}

	.icon05 .icon_l{left: 5vw;}
	.icon05 .icon_r{right: 5vw;}
	.icon05 .icon_l img,
	.icon05 .icon_r img{width: 50%}

	.icon06 .icon_l{left: -1vw;}
	.icon06 .icon_r{right: -1vw; top: 140px;}
	.icon06 .icon_l img,
	.icon06 .icon_r img{width: 60%;}

	.icon07 .icon_r{top: 10px;}
	.icon07 .icon_l img,
	.icon07 .icon_r img{width: 80%;}

	.icon08 .icon_l{top: unset; bottom: 0;}
	.icon08 .icon_l img{width: 80%;}
}
/*행렬 정보,구간*/