@charset "UTF-8"; ul {
    padding-left: 0;
    margin-bottom: 0
}

main {padding-right: 100px;}
header .header-menu-dropdown { padding-right:100px; }

section.section {
    margin: 0 auto;
    padding: 120px 0;
}

.con_wid {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}


.right_menu {
    position: fixed;
    background: #414b93;
    width: 100px;
    height: 100%;
    top: 100px;
    right: 0;
    z-index: 9999;
    overflow:auto;
}

.right_menu li a {
    color: #fff;
    display: flex;
    width: 100%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #fafafa;
    font-size: 14px;
}

.right_menu li a.pink {
    color: #173E8B;
    background: #FFDEDE
}

.right_menu li a img {
    margin-bottom: 5px;
    width: 25px;
}

.big_tit {
    text-align: center;
}

.big_tit h2 {
    font-weight: 800;
    font-size: 36px
}

section.section01 {
    height: 100vh;
    margin-bottom: 0;
    overflow: hidden;
    margin-top: 0;
    position: relative;
    padding: 0 !important;
}

section.section01 .txt_box {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    text-align: left;
    z-index: 99;
}

section.section01 .txt_box h2 {
    font-size: 96px;
    font-weight: 800
}

section.section01 .txt_box p.eng {
    font-size: 24px;
    position: absolute;
    bottom: 10px;
    right: -73px;
    letter-spacing: 14px;
    writing-mode: vertical-lr;
}

section.section01 .main_banner, section.section01 .main_banner .slide_box,section.section01 .main_banner .slide_box * { width:100%; height:100%; margin:0 }
section.section01 .main_banner .slide_box img { width:100%; height:100%; object-fit:cover; }

section.section01 .icon_banner {
    background: #fff;
    border-radius: 20px 20px 0 0;
    display: flex;
    gap: 80px;
    padding: 20px;
    margin:0 auto;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

section.section02 {
}

section.section02 .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 120px;
    position: relative;
}

section.section02 .la_con.tab01 {
    width: calc(100% - 372px);
}

section.section02 .la_con .la_tab_hd {
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-wrap: wrap;
    width: max-content;
}

section.section02 .la_con .tablist {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

section.section02 .la_con .tablist button {
    background: transparent;
    border: 0;
    font-weight: 500;
    position:relative;
    font-size: 18px;
}

section.section02 .la_con .tablist button:after {
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    background: #242C68;
    transform: rotate(45deg) translate(-50%);
    position: absolute;
    right:-15px;
    top:11px
}

section.section02 .la_con .tablist li:last-child button:after { display:none; }

section.section02 .la_con .tabpanel {
    height: 100%;
}

section.section02 .la_con .tabpanel ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: 100%;
}

section.section02 .la_con .tabpanel ul li {
    width: calc(33.3% - 10px);
    height: calc(50% - 5px);
    border: 1px solid #ededed;
    overflow: hidden;
    border-radius: 10px;
}

section.section02 .la_con .tabpanel ul li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: relative
}

section.section02 .la_con .tabpanel ul li a:hover {
    text-decoration: none
}

section.section02 .la_con .tabpanel ul li a strong {
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
    line-height: 1.2;
    height: 43.19px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

section.section02 .la_con .tabpanel ul li a:hover strong {
    text-decoration: underline
}

section.section02 .la_con .tabpanel ul li a p.con {
    color: #bbb;
    font-size: 16px;
}

section.section02 .la_con .tabpanel ul li a .date {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 20px;
    background: #303243;
    color: #fff;
    font-size: 14px
}

section.section02 .la_con .tabpanel ul li a:hover .date {
    background: #2A3DC9;
    transition: all .2s
}

section.section02 .la_con .tabpanel ul li a .date span.go { float:right }

section.section03 {
    border: 1px solid #ededed;
    border-width: 1px 0px 1px 0px;
    padding: 60px 0;
    color: #242C68;
    margin-bottom: 0;
}

section.section03 .schedule {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

section.section03 .schedule .schedule-title {
    border-right: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
}

section.section03 .schedule .schedule-title .txt {
    padding: 0 40px;
}

section.section03 .schedule .schedule-title .txt h2 {
    font-weight: 800
}

section.section03 .schedule .schedule-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    flex: 1;
}

section.section03 .schedule .schedule-list li {
    width: calc(33.33% - 20px);
    text-align:center;
}

section.section03 .schedule .schedule-list li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #242C68
}

section.section03 .schedule .schedule-list li a .date {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative
}

section.section03 .schedule .schedule-list li a .date:after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #242C68;
    transform: rotate(45deg) translate(-50%);
    position: absolute;
    left: 50%;
    bottom: -15px;
}

section.section04 {
    background-image: url(../../../resources/images/theme/base/recent-bg.png);
    background-repeat: no-repeat;
    background-position-y: -90px;
}

section.section04 .recent-news {
    margin-top: 40px
}

section.section04 .recent-news-slider .tit {
    font-size: 24px;
    margin-bottom: 20px;
    display: block;
}

section.section04 .recent-news-slider {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

section.section04 .recent-news-slider li {
    width: calc(33.3% - 20px);
}

section.section04 .recent-news-slider li .img_box {
    width: 100%;
    height: 290px;
}

section.section04 .recent-news-slider li .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 10px
}

section.section04 .recent-news-slider li .txt {
    height: 69px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

section.section04 .recent-news-slider li .txt * {
    all: unset;
}

section.section05 {
    margin: 0 auto;
    background-image: url(../../../resources/images/theme/base/ibsi_back.png);
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 140px;
}

section.section05 .con_wid {
    display: flex;
    flex-wrap: wrap;
    gap: 50px
}

section.section05 .ipsi_hd {
    position: relative;
}

section.section05 .ipsi_hd img {
    position:absolute;
    left:-200px;
    width: 350px;
    bottom: -120px;
    max-width: max-content;
}

section.section05 .ipsi_hd h2 {
    font-size: 40px;
    font-weight: 800;
    color: #fff;
}

section.section05 .ipsi_hd h2 span {
    font-size: 32px;
    font-weight: 600
}

section.section05 ul.ipsi_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    flex: 1;
    justify-content: flex-end;
}

section.section05 li.ipsi_li {
    width: calc(20% - 30px);
    padding: 20px;
    padding-top: 60px;
    padding-bottom: 40px;
    background: #ffffffc7;
    backdrop-filter: blur(1px);
    border-radius: 10px;
    position: relative;
}

section.section05 li.ipsi_li:hover {
    background:#fff;
    transition: all .2s
}

section.section05 li.ipsi_li h3 {
    text-align: center;
    font-size: 20px;
    color: #414B93;
    font-weight: 700;
    margin-bottom: 30px;
}

section.section05 ul.ipsi_ul .i_icon {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 3px solid #162b93;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%);
}

section.section05 ul.ipsi_ul .ipsi_li .i_icon.icon01 {
    background: #fff url(/template/resources/images/theme/ipsi/i_icon_01.png) no-repeat center;
    background-size: 60px;
}

section.section05 ul.ipsi_ul .ipsi_li .i_icon.icon02 {
    background: #fff url(/template/resources/images/theme/ipsi/i_icon_02.png) no-repeat center;
    background-size: 60px;
}

section.section05 ul.ipsi_ul .ipsi_li .i_icon.icon03 {
    background: #fff url(/template/resources/images/theme/ipsi/i_icon_03.png) no-repeat center;
    background-size: 55px;
}

section.section05 ul.ipsi_ul .ipsi_li .i_icon.icon04 {
    background: #fff url(/template/resources/images/theme/ipsi/i_icon_04.png) no-repeat center;
    background-size: 35px;
}

section.section05 ul.ipsi_ul .ipsi_li .i_icon.icon06 {
    background: #fff url(/template/resources/images/theme/ipsi/i_icon_06.png) no-repeat center;
    background-size: 40px;
}

section.section06 {background: linear-gradient(90deg, #F6F7F9 50%, #fff 50%);margin: 0;}

section.section06 .con_wid {
    display: flex;
    flex-wrap: wrap;
}

section.section06 .con_wid h3 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 60px;
    position:relative;
}

section.section06 .con_wid h3:after {display:block;content:"";width:57px;height:5px;background: url(/template/resources/images/theme/ipsi/deco.png) no-repeat;margin: 20px auto 0;}


section.section06 .con_wid > div {
    width: 50%;
    padding: 0 60px;
}

section.section06 .con_wid .left ul.circle {
    display: flex;
    flex-wrap: wrap;
}

section.section06 .con_wid .left ul.circle li {
    width: 50%;
    margin-bottom: 20px
}

section.section06 .con_wid .right ul.circle {
    display: flex;
    flex-wrap: wrap
}

section.section06 .con_wid .right ul.circle li {
    width: 33.3%;
    margin-bottom: 20px
}



ul.circle {
    padding-left: 0;
}

ul.circle li {
    padding-left: 20px;
    position: relative;
    font-weight: 600;
    margin-bottom: 5px;
}

.circle li::before {
    display: block;
    content: "";
    clear: both;
    width: 6px;
    height: 6px;
    background: #0fb187;
    position: absolute;
    left: 6px;
    top: 8px;
    border-radius: 100%;
}

@media screen and (max-width:1680px){
	.con_wid { max-width:1200px; }
	section.section04 .recent-news-slider .tit { height:61px; text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }
	section.section02 .la_con .tabpanel ul li a p.con { height: 45px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }
	section.section04 .recent-news-slider .tit { font-size:22px; }
	section.section05 ul.ipsi_ul { gap:15px }
	section.section05 li.ipsi_li { width:calc(20% - 15px); padding:60px 15px 40px; }
	
}

@media screen and (max-width:1280px){
	.con_wid {}
	section.section01 {height: 85vh;}
	section.section01 .txt_box { padding:0 3.5rem }
	section.section01 .icon_banner { gap:30px; }
	.right_menu { top: 76px }
	section.section02 .la_con .tabpanel ul li { width: calc(50% - 10px) }
	section.section02 .la_con .tabpanel ul li:last-child, section.section02 .la_con .tabpanel ul li:nth-child(5) { display:none }
	section.section05 .ipsi_hd img { display:none }
}

@media screen and (max-width:1080px){
	section.section {padding: 80px 3.5rem;}
	
	section.section01 .txt_box h2 { font-size:68px }
	section.section01 .txt_box p.eng { display:none; }
	
	section.section02 .la_con .tabpanel ul li { width: 100%; margin-right:20px }
	section.section02 .la_con .tabpanel ul li:nth-child(3), section.section02 .la_con .tabpanel ul li:nth-child(4) { display:none }
	section.section03 .schedule { gap:20px }
	section.section03 .schedule .schedule-title { align-items: center; }
	section.section03 .schedule .schedule-title img { width:100px; height:auto }
	section.section03 .schedule .schedule-title .txt { padding:0 30px }
	section.section03 .schedule .schedule-title .txt h2 { font-size:1.7rem }
	section.section03 .schedule .schedule-list { gap:20px }
	section.section03 .schedule .schedule-list li a .date { font-size:26px; }
	
	section.section05 {}
	section.section05 .con_wid { flex-direction: column; }
	section.section05 .ipsi_hd { text-align:center; }
	section.section05 ul.ipsi_ul {/* flex-direction: column; */}
	section.section05 li.ipsi_li {width: calc(50% - 10px);padding:45px 30px 50px;flex: 1 1 auto;}
	section.section05 li.ipsi_li h3 { margin-bottom:20px }
	section.section05 li.ipsi_li ul.circle {display:flex;flex-wrap:wrap;gap: 10px;}
	section.section05 ul.ipsi_ul .i_icon { width:80px; height:80px; background-size:auto !important}
	
	section.section06 { background:#fff; padding:0 !important }
	section.section06 .con_wid { flex-direction:column; padding:0}
	section.section06 .con_wid > div { width:100%; padding: 60px 3.5rem}
	section.section06 .con_wid .left { background:#F6F7F9 }
	section.section06 .con_wid .left ul.circle { justify-content: center; }
	section.section06 .con_wid .left ul.circle li { width:25%; flex: 1 1 auto; }
	section.section06 .con_wid .right ul.circle { justify-content: center; }
	section.section06 .con_wid .right ul.circle li { flex:1 1 auto }
}

@media screen and (max-width:820px){
	section.section { padding: 80px 3rem }
	section.section01 .txt_box h2 { font-size:56px }
	section.section01 .icon_banner { gap:5px 0px; }
	section.section01 .icon_banner li {flex: 1 1 33.3%;}
	section.section01 .icon_banner img { margin: 0 auto; display: block; }
	section.section02 .flex {flex-direction:column;gap:20px;margin-top: 100px; align-items:center}
	section.section02 .la_con .tabpanel ul li {margin-right:0;width: calc(50% - 5px);height: 180px;}
	section.section02 .la_con.tab01 { width:100%; }
	section.section02 .la_con .tabpanel ul li:nth-child(3), section.section02 .la_con .tabpanel ul li:nth-child(4) { display:block }
	section.section02 .flex .banner img { width:100%; }
	section.section03 .schedule { align-content:center; align-items:center; flex-direction:column }
	section.section03 .schedule .schedule-title { border:0; border-bottom:1px solid #ededed; margin-bottom:20px; padding-bottom:20px; width:100%; justify-content: center;}
	section.section03 .schedule .schedule-list { width:100%; }
	section.section04 .recent-news-slider { flex-direction:column; }
	section.section04 .recent-news-slider li { width:100%; }
	.big_tit h2 { font-size:30px }
	
	section.section01 .txt_box { position:inherit }
	section.section.section01 { height:auto; }
	.con_wid h2, .con_wid > img, .con_wid p { display:none }
	
}

@media screen and (max-width:770px){
	main { padding-right:80px }
	section.section { padding: 50px 2rem }
	section.section03 .schedule .schedule-list li a .date { font-size:26px; }
	section.section02 .la_con .tabpanel ul li { width:100%; }
	section.section02 .la_con .la_tab_hd { position:initial; transform:none; margin-bottom:20px; }
	section.section02 .la_con .tablist li {  }
	section.section02 .flex { margin-top:40px; }
	section.section02 .la_con .tablist { justify-content:center; gap:10px 20px }
	.right_menu { width:80px; }
	.right_menu li a { font-size:13px }
}

@media screen and (max-width:680px){
	section.section { padding: 40px 2rem }
	section.section03 .schedule .schedule-list { flex-direction: column; }
	section.section03 .schedule .schedule-list li { width:100%; }
	section.section05 li.ipsi_li { width:100%; }
	section.section04 .recent-news-slider .tit { font-size:20px }
	section.section05 .ipsi_hd h2 { margin-bottom:20px; font-size:30px }
	section.section04 .recent-news-slider li .txt { font-size:14px; height:61px }
	section.section06 .con_wid .right ul.circle li, section.section06 .con_wid .left ul.circle li { width:50% }
	main { padding:0; padding-top:77px; }
	.right_menu { display:none; }
}

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