.header{z-index: 9998; position: relative}
.header .logo{position: absolute; left: 50px; top: 30px}

.top_nav{
	display: flex; gap:60px;
	align-items: center;
    justify-content: center;
}


.top_nav li a{text-align: center;
display: flex; color: #0d1e5b; font-size: 16px; font-weight: 600;
align-items: center;
    justify-content: center; height: 100px; transition-duration: .8s}
    
    
.header .all_btn{position: absolute; right: 50px; top: 40px;
width: 24px; height: 20px; z-index: 9999}    
.header .all_btn span{position: absolute; height: 3px; background: #1b3bb7; transition-duration: .8s;}
.header .all_btn span:nth-child(1){width: 100%; left: 0; top: 0}
.header .all_btn span:nth-child(2){width: 60%; left: 40%; top: 50%;
    transform: translateY(-50%);}
.header .all_btn span:nth-child(3){width: 100%; left: 0; bottom: 0}

.all_menu .header .all_btn span:nth-child(1){
top: 50%;
    transform: rotate(45deg) translateY(calc(-50% + 1.5px));	
}

.all_menu .header .all_btn span:nth-child(2){
	opacity: 0
}

.all_menu .header .all_btn span:nth-child(3){
	top: 50%;
    transform: rotate(-45deg) translateY(calc(-50% + 1.5px));	
    bottom: auto
}


.open_drop_nav{position: absolute; left: 0; top: 100px; width: 100%;
display: flex; overflow: hidden; transition-duration: .8s; opacity: 0; height: 0}
.open_drop_nav .left{width: 480px; padding-top: 60px; padding-left: 150px;
background: #132051 url(../img/open_drop_nav.png);
background-repeat: no-repeat; background-position: right 80%; height: 360px;}
.open_drop_nav .left h3{font-weight: bold; color: #fff; word-break: keep-all; font-size: 32px;}


.header .drop_nav{display: flex; background: #f5f8fa; flex:1}
.header .drop_nav li{flex:1; padding: 40px 25px;}
.header .drop_nav li + li{border-left: 1px solid #e8ebed}
.header .drop_nav li h3{font-size: 20px; font-weight: bold; color: #0d1e5b; margin-bottom: 30px; word-break: keep-all}


.header .drop_nav .drop_list a{display: block; font-size: 16px; color: #0d1e5b; word-break: keep-all;
font-weight: 500; line-height: 150%}
.header .drop_nav .drop_list a + a{margin-top: 20px;}


.header:hover .open_drop_nav{opacity: 1; top: 100px; visibility: visible; height: 360px }




.site_map{position: fixed; left: 0; top: 0; width: 100%; height: 100%;
background: rgba(255,255,255,0.5); z-index: 9997; padding: 0 150px; opacity: 0; visibility: hidden; overflow: hidden; transition-duration: .8s;
backdrop-filter: blur(30px);}

.all_menu .site_map{opacity: 1; visibility: visible}

.all_menu .open_drop_nav,
.all_menu .header:hover .open_drop_nav{opacity: 0; visibility: hidden}

.all_menu .top_nav{opacity: 0; visibility: hidden}


.site_map .copy{position: absolute; left: 50%; 
transform: translateX(-50%); font-size: 14px; color: #5a6aa4; bottom: 50px; text-align: center; width: 100%}


.site_map .drop_nav{display: flex; height: 100%}
.site_map .drop_nav li{flex:1; padding: 0 25px; padding-top: 20%}
.site_map .drop_nav li + li{border-left: 1px solid #dfdfe5}

.site_map .drop_nav li h3{color: #0d1e5b; font-size: 24px; font-weight: 800; word-break: keep-all}
.site_map .drop_nav li h3 + .drop_list{margin-top: 50px}
.site_map .drop_nav li .drop_list a{color: #0d1e5b; font-size: 18px; 
word-break: keep-all; line-height: 150%; display: block}
.site_map .drop_nav li .drop_list a + a{margin-top: 20px}



.inner{padding: 0 10rem;}
.inner_in{padding: 0 16rem;}
/*foot*/


body{
	background: linear-gradient(0deg,rgba(243, 245, 253, 1) 0%, rgba(255, 255, 255, 1) 30%);
}

.footer{border-top: 1px solid #dfe2e8; padding: 60px 0;



}

.foot_top_btn{position: fixed; z-index: 9992;
border: 1px solid #ebeff2; border-radius: 72px; background:#195fc4;
width: 72px; height: 72px; display: flex; right: 40px; bottom: 40px ;
justify-content: center;
    align-items: center;}





.foot_top_are{display: flex;
    align-items: flex-start;
    justify-content: space-between;}

.foot_link{display: flex; gap:25px;align-items: center;}
.foot_link a{color: #4459a9; font-size: 16px; word-break: keep-all}
.foot_link i{width: 2px; height: 16px; background: #dfe2e8}


.foot_bottom_are{display: flex;
    align-items: flex-start;
    justify-content: space-between; margin-top: 50px;}

.foot_bottom_are .txt p{color: #4459a9; font-size: 16px; word-break: keep-all}
.foot_bottom_are .txt p.copy{margin-top: 10px; color: #4459a9; opacity: .5}
.foot_sns{display: flex;
    align-items: center;
    justify-content: flex-end;}



/*main*/


.index_search{background:url(../img/main/search_index_bg.png);
background-position: left center; background-repeat: no-repeat; padding: 80px 0;
max-width: 1480px; margin: 0 auto}

.index_search h2{text-align: center; font-size: 28px; font-weight: 800; word-break: keep-all;
color: #172149}

.index_search h2 b{color: #1b3bb7}

.search_index{display: flex; background: #fff; height: 80px; 
border-radius: 80px; border: 3px solid #1b3bb7; overflow: hidden; margin: 40px auto;
max-width: 1000px; padding: 10px 10px 10px 45px;}
.search_index input{border: 0; flex:1; font-size: 18px; }
.search_index button{ width: 54px; height: 54px; border-radius: 64px; border: 0;
background: linear-gradient(-260deg,rgba(27, 59, 183, 1) 0%, rgba(26, 183, 234, 1) 50%, rgba(255, 255, 255, 1) 100%);
display: flex;
justify-content: center;
    align-items: center;}

.search_index input::placeholder{color: #bbbbbb}


.search_goods{display: flex; gap:26px;
justify-content: center;
    align-items: center;}
.search_goods label{color: #1b3bb7; font-size: 18px; word-break: keep-all;
padding: 8px 15px; border-radius: 50px; background: rgba(27,59,183,0.08); font-weight: bold}

.search_goods p{color: #6a8bc9; font-size: 18px; word-break: keep-all; font-weight: bold}
.search_goods .txt{display: flex; gap:20px;     align-items: center;}





.flex_main_mid{display: flex; gap:60px; align-items: flex-start}
.flex_main_mid .box{width: calc(50% - 30px); position: relative}


.main_title{margin-bottom: 40px; position: relative}
.main_title h2{font-weight: bold; word-break: keep-all; color: #0d1e5b; font-size: 28px;}


.main_title .btn_flex{position: absolute; right: 0; display: flex; gap:10px; align-items: center; bottom: 0}
.main_title .btn_flex span{background: #fff; border: 2px solid #ebeff2; width: 48px; height: 48px;
display: flex; align-items: center; justify-content: center; border-radius: 48px; cursor: pointer}

.main_title .btn_flex span img{display: block}

.flex_box{margin: 0 -8px}

.flex_box .slick-slide{padding: 8px}

.flex_box a{display: block}

.flex_box a{flex:1; padding: 40px; border-radius: 20px; border: 3px solid #ebeff2;
transition-duration: .8s; box-shadow: 5px 0 5px rgba(52,84,176,0.05);
background: #fff; position: relative}

.flex_box a i{border: 2px solid #f2f7fa; border-radius: 56px; width: 52px; height: 52px; 
display: flex;
justify-content: center;
    align-items: center;
    position: absolute; right: 30px; top: 50%;
    transform: translateY(-50%); }

.flex_box a:hover{box-shadow: 5px 0 5px rgba(52,84,176,0.15)}

.flex_box a .thum{display: block; margin-bottom: 15px;}
.flex_box a h3{font-size: 22px; font-weight: bold; word-break: keep-all; color: #0d1e5b;}
.flex_box a p{font-size: 18px; word-break: keep-all; margin-top: 15px; color: #2e3d73}


.main_icon_flex{display: flex; margin-top: 32px;     justify-content: space-between; padding: 0 }
.main_icon_flex a{text-align: center; flex:1}
.main_icon_flex a i{border-radius: 30px; background: #f5f8fc; width: 120px; height: 120px;
display: flex;
justify-content: center;
    align-items: center; margin: 0 auto}

.main_icon_flex a span{display: block; text-align: center;
color: #2e3d73; word-break: keep-all; margin-top: 25px; font-size: 16px}




.toggle-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 22px;
}

.mid_slide_btn{position: absolute; right: 20px; bottom: 20px; display: flex; gap:6px}
.mid_slide_btn span{border-radius: 4px; background: rgba(0,0,0,0.3); width: 28px; height: 28px;
display: flex;
justify-content: center;
    align-items: center; cursor: pointer }

.mid_slide a{border-radius: 20px; overflow: hidden; display: block}
.mid_slide a img{width: 100%}


.updown_slide_btn{position: absolute; right: 10rem; top: 50%; display: flex; gap:6px;
transform: translateY(-50%);}
.updown_slide_btn span{border-radius: 4px; background: rgba(0,0,0,0.0); width: 28px; height: 28px;
display: flex;
justify-content: center;
    align-items: center; cursor: pointer }


.up_down_are{position: relative; display: flex; gap:10px; margin: 100px 0}
.up_down_are .left{padding:25px 25px 25px 10rem;background: #2bc3c3; 
border-radius:0 10px 10px 0; width: 455px;
    display: flex;
    align-items: center;}

.up_down_are .left h3{font-size: 22px; color: #fff; word-break: keep-all}
.up_down_are .right{flex:1;
padding: 25px 10rem 25px 40px; background: #f5f8fa; border-radius: 10px 0 0 10px}

.updoen_slide a{display: flex; gap:20px;
align-items: center;}
.updoen_slide a p{font-size: 20px; color: #2e3d73; display: flex; gap:20px;
align-items: center;}
.updoen_slide a i{width: 2px; background: #e9edf0; height: 20px;}

.updoen_slide a p span.thum{border: 1px solid #dadce0; border-radius: 4px; padding: 10px}

.common_btn{color: #0d1e5b; font-size: 18px; text-align: center; word-break: keep-all;
height: 56px; border: 2px solid #ebeff2; border-radius: 56px; display: inline-flex;
align-items: center; justify-content: center; padding: 0 50px; background: #fff; transition-duration: .8s}

.common_btn:hover{background: #f7f8fc}

.main_title .common_btn{position: absolute; right: 0; bottom: 0}



.tab_main{}


.tab_flex{display: flex; gap:30px;
align-items: flex-start;}

.tab_flex .tab {
  display: flex;
 gap:10px;
 width: 550px;
 flex-wrap: wrap;
 align-items: flex-start;
}
.tab_flex .tab__item {
	transition-duration: .8s;
	background: #f5f8fc;
	padding: 20px 10px;
	border-radius: 60px;
	text-align: center;
	width: calc(50% - 5px);
	cursor: pointer
	
}

.tab_flex .tab__item a{color: #7c94c2; font-size: 18px; font-weight: bold}


.tab_flex .tab__item.active,
.tab_flex .tab__item:hover {
  background: #132051
}

.tab_flex .tab__item.active a,
.tab_flex .tab__item:hover a{color: #fff}

.tab_flex .tab__content-wrapper {
  flex:1
}
.tab_flex .tab__content {
  display: none;
}
.tab_flex .tab__content.active {
  display: block;
}


.main_tab_list{}
.main_tab_list li{
border: 2px solid #ebeff2; border-radius: 20px;
box-shadow: 10px 0 30px rgba(52,84,176,0.05);
}

.main_tab_list li a{display: block; padding: 30px; position: relative}

.main_tab_list li + li{margin-top: 15px;}


.main_tab_list li h4{font-size: 16px; color: #114ab7; word-break: keep-all; margin-bottom: 8px}
.main_tab_list li h3{font-size: 22px; word-break: keep-all; color: #0d1e5b; font-weight: bold; }
.main_tab_list li p.date{margin-top: 15px; display: flex; gap:13px;
font-size: 18px; color: #9ea0ad; }
.main_tab_list li .dday{position: absolute; right: 15px; top: 15px;
color: #004ad8; font-size: 18px; word-break: keep-all; padding:10px; border-radius: 8px;
background: rgba(0,74,216,0.1); font-weight: 600 }




.main_event{padding: 100px 0}
.main_event .main_title{text-align: center}



.event_date_keep{display: flex;
border: 2px solid #ebeff2; border-radius: 20px;
box-shadow: 10px 0 30px rgba(52,84,176,0.05); background: #fff;
padding: 30px 20px; text-align: center; gap:20px;
align-items: center;
    justify-content: flex-start;}


.event_date_keep .month{width: 50px;}
.event_date_keep .month h3{color: #132051; font-size: 28px;}
.event_date_keep .month p{font-size: 16px; color: #132051; font-weight: 600}
.event_date_keep .line{width: 2px; height: 44px; background: #f0f4f7}




.event_date_keep .date_list{display: flex;
flex-direction: row;
    flex-wrap: nowrap;}
.event_date_keep .date_list li{width: 45px}

.event_date_keep .date_list li p{color: #7c94c2; font-size: 16px}
.event_date_keep .date_list li a{font-weight: bold; color: #132051; 
font-size: 20px; 
 width: 32px; height: 32px; background: #fff; border-radius: 32px; transition-duration: .8s;
 display: block; line-height: 32px; margin: 8px auto 0}

.event_date_keep .date_list li a.atv,
.event_date_keep .date_list li a:hover{
	background: rgba(20,120,255,0.1);
	color: #1478ff
}

.event_date_keep .date_list li p.sun{color: #ed8080}

.event_date_keep_slide_are{position: relative; margin-top: 60px}

.event_date_keep_slide_are .aroow_btn{position: absolute; top: 50%;
width: 50px; height: 50px; border: 2px solid #ebeff2; border-radius: 50px;
z-index: 2;
cursor: pointer;
display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    transform:translateY(-50%)
}

.event_date_keep_slide_are .aroow_btn.prev{left: -25px}
.event_date_keep_slide_are .aroow_btn.next{right: -25px}

.event_date_keep_slide{
	margin: 0 -15px
}


.event_date_keep_slide .box{background: #f5f8fc; display: block; padding: 30px;border-radius: 20px;}

.event_date_keep_slide .slick-slide{padding: 0 15px}


.event_date_keep_slide .box span{display: block; padding-left: 20px;}
.event_date_keep_slide .box .date{
	font-size: 20px; font-weight: bold; color: #132051;
	position: relative;  word-break: keep-all; margin-bottom: 10px
}

.event_date_keep_slide .box .date:after{
	content: '·'; position: absolute; left: 0; top: 0
}


.event_date_keep_slide .box .subject{font-size: 18px; word-break: keep-all; color: #132051}
.event_date_keep_slide .box .txt{color: #626d97; font-size: 16px; word-break: keep-all; margin-top: 5px}


.main_contact{padding: 0 5rem;}
.main_contact .box{display: flex; border-radius: 20px;
padding: 100px; background: #132051 url(../img/main/main_contact.png);
background-position: left bottom; background-repeat: no-repeat}

.main_contact .box .left,
.main_contact .box .right{width: 50%}
.main_contact .box .left h2{color: #fff; font-size: 56px; font-weight: 800; line-height: 150%; word-break: keep-all}

.main_contact .box .main_form{display: flex; gap:20px 40px;flex-wrap: wrap;}
.main_contact .box .main_form li{width: calc(50% - 20px)}
.main_contact .box .main_form li.w100{width: 100%}

.main_contact .box .main_form li label{display: block; color: #fff; font-size: 18px; margin-bottom: 8px; display: block}

.main_contact .box .main_form li input{font-size: 18px; color: #fff;
background: #111d48; border-radius: 10px; border: 0; width: 100%; height: 60px; line-height: 60px; padding: 0 15px}

.main_contact .box .main_form li textarea{font-size: 18px; color: #fff;
background: #111d48; border-radius: 10px; border: 0; width: 100%; height: 200px; line-height: 150%; 
padding: 15px 15px; word-break: keep-all}


.form_ck{display: flex; margin-top: 20px; gap:5px}
.form_ck label,
.form_ck a{color: #fff; font-size: 16px;}

.main_form_btn{margin-top: 40px; text-align: right}
.main_form_btn button{color: #195fc4; font-size: 20px; font-weight: bold; text-align: center;
height: 66px; border-radius: 6px; background: #fff; border: 0; line-height: 66px; width: 280px;}

.main_partner{padding: 100px 0 200px; text-align: center}
.main_partner_title{text-align: center; margin-bottom: 100px}
.main_partner_title h2{font-size: 40px; color: #0d1e5b; font-weight: bold; word-break: keep-all; line-height: 150%; 
margin-top: 20px}




.main_partner_slide .box{padding: 0 20px}
.main_partner_slide .box img{max-width: 100%}




.pop-layer {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0,0,0,0.2)
}



.pop-layer .pop-container {
  border-radius: 20px; overflow: hidden;
  background: #fff; width: 600px;
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #f5f8fc
}

.pop-layer .pop_title{background: #f5f8fc; font-size: 20px; padding: 20px; text-align: center; border-bottom: 1px solid #f5f8fc }

.pop-layer .pop_conts{height: 530px; overflow-y: auto; padding: 50px}

.pop-layer .pop_conts .txt{margin-bottom: 30px}
.pop-layer .pop_conts .txt .thum{display: block; margin-bottom: 15px;}
.pop-layer .pop_conts .txt h3{font-size: 22px; font-weight: bold; word-break: keep-all; color: #0d1e5b;}
.pop-layer .pop_conts .txt p{font-size: 18px; word-break: keep-all; margin-top: 15px; color: #2e3d73;
display: flex; gap:5px; align-items: center;}

.pop-layer .pop_conts .txt p i{background: #dadce0; width: 3px; height: 3px}

.pop_tlb{}
.pop_tlb table{width: 100%; border-spacing: 0; border-top: 3px solid #ebeff2}

.pop_tlb table th{padding: 15px 20px; border-bottom: 1px solid #ebeff2; font-size: 18px; word-break: keep-all; color: #404866; background: #f5f8fc}
.pop_tlb table td{padding: 15px 20px; border-bottom: 1px solid #ebeff2; font-size: 18px; word-break: keep-all; color: #404866}



a.btn-layerClose {
  display: block;
  color: #fff;
  font-size: 20px;
  padding: 20px;
  background: #132051;
  text-align: center
}