@charset "utf-8";

/* 서브공통 */
.common-banner {position:relative; /*padding-top:170px;*/ height: calc(100vh - 284px);  max-height:785px;   display: flex; justify-content: flex-end; flex-direction: column; height:570px;}
.common-banner .banner-img {height:557px; height:calc(100vh - 410px); max-height: 440px; margin-top:42px;  background-size:cover !important; height:440px;}
.common-banner.sub-banner-1 .banner-img {background:url("/assets/sub-banner/banner-1-1.png") no-repeat center center; }
.common-banner.sub-banner-2 .banner-img {background:url("/assets/sub-banner/banner-2.png") no-repeat center center; }
.common-banner.sub-banner-3 .banner-img {background:url("/assets/sub-banner/banner-3.png") no-repeat center center; }
.common-banner.sub-banner-4 .banner-img {background:url("/assets/sub-banner/banner-4.png") no-repeat center center; }
.common-banner.no-banner {height:auto;}
.common-banner.no-banner .banner-img {display:none;}
/* .common_banner.sub_banner_3 {background:url("/assets/images/banner/banner-1-0.jpg") no-repeat center center rgba(0, 15, 29, 0.29); background-size:cover; background-blend-mode: overlay;} */

.common-banner .location-box {margin-top:40px;}
.common-banner.no-banner .location-box {margin-top:170px;}
.common-banner .location-box .location-tit {font-size:48px; font-weight:800; color:#333333;}
.common-banner .location-box .con {display:flex; justify-content: space-between; align-items: center;}
/* .location-navi { display:flex;display: flex; align-items: center; align-content: center; flex-wrap: nowrap;}
.location-navi > div {display: inline-block;}
.location-navi > div a {padding:0 10px; display: inline-block; font-size:16px; color:#666666; font-weight:600;}
.location-navi > div.home {}
.location-navi > div.name-2 a {text-decoration: underline;}
.location-navi > span {color:#DDDDDD; font-size:16px; font-weight:200; padding:0 10px; display: inline-block; font-size:16px;} */


.con.sub{display: none; padding: 0;}
.location-navi{max-width: 500px; display: flex; position: relative;}
.location-navi>div{width: 50%;}
.location-navi .depth-1,
.location-navi .depth-2{position: relative; border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;}
.location-navi .depth-1{margin-left: 15px;}
.location-navi .depth-1 .name-1,
.location-navi .depth-2 .name-2{font-size: 14px; font-weight: 600; line-height: 40px; padding: 0 10px; position: relative; cursor: pointer; color: #333;}
.location-navi::before{content: ""; position: absolute; background-color: #DF1808; width: 15px; height: 40px; top: 0; left: -0;}
.location-navi.sw-pu::before{background-color: #0066FF;}
.plus-minus{position: absolute; width: 14px; height: 14px; right: 14px; top: 14px;}
.plus-minus:before{top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px;}
.plus-minus:before,
.plus-minus:after{content: ""; position: absolute; background-color: #333;transition: transform 0.25s ease-out;}
.plus-minus:after{top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px;}
div.depth-1.on .plus-minus:before{transform: rotate(90deg);}
div.depth-1.on .plus-minus:after{transform: rotate(180deg);}
div.depth-2.on .plus-minus:before{transform: rotate(90deg);}
div.depth-2.on .plus-minus:after{transform: rotate(180deg);}
div .style-depth.main-depth,
div .style-depth.sub-depth {display: none; position:absolute; left:0; top:40px; z-index:20; width:100%; background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
div .style-depth li {display: inline-block; width:100%;}
.style-depth li a {display: inline-block; width:100%; line-height:40px; font-size:14px; color:#333; border-bottom:1px solid #ddd; padding-left:30px;}
.style-depth li a span{font-size: 12px;}
.style-depth li a:hover {background:#df1808; color: #fff;}
.style-depth.sw-pu li a:hover {background:#0066FF; color: #fff;}
 .style-depth li:last-child a {border-bottom:none;}

.sub-nav{
    background: url('/assets/images/sub_bg.png') no-repeat center center; color: #fff;
    position: relative;
}
.sub-nav .sub-title{
    width: 1200px; display: flex; align-items: center; justify-content: center; margin: 0 auto; min-height: 300px;
}
.sub-nav .sub-title p{font-size: 46px; font-weight: 700; padding-top: 30px;}
.sub-nav ul{position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%);
    display: flex; align-items: stretch; justify-content: center; background-color: rgba(255,255,255,0.15); width: 100%;}
.sub-nav ul li{
    padding: 15px 0; transition: 0.5s; align-content: center;
}
.sub-nav ul li.active,
.sub-nav ul li:hover{
    background-color: #DF1808;
}
.sub-nav.sw-pu ul li.active,
.sub-nav.sw-pu ul li:hover{
    background-color: #0066FF;
}
.sub-nav ul li a{
    color: #fff; font-size: 16px; font-weight: 800; padding: 0 26px; display: flex; align-items: baseline; justify-content: center; text-align: center;
}


.sub-page-wrap {padding-bottom:20px;}
.sub-section {}

article {margin-top:60px;}
article.board {margin-top:60px;}
article section {margin-bottom:45px;}
article .s4{margin-bottom: 250px;}
table .w80 {width: 80px; text-align: center;}
table .w140 {max-width: 140px; background-color: #FBFBFB; text-align: center !important; font-weight: 600 !important;}
table .w105 {width:105px;}
table .w150 {width:150px;}
table .w160 {width:160px;}
table .w165 {width:165px;}
table .w200 {width:200px;}
table .w235 {width:235px;}
table .w230 {width:230px;}
table .w270 {width:270px;}

table .w280 {width:280px;}
table .w300 {width:300px;}
table .w315 {width:315px;}
table .w325 {width:325px;}
table .w450 {width:450px;}
table .w560 {width:39%;}

article.page-1-1 {}
.entire {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
article.page-1-3{margin-top: 65px;}

.tbl-tit {margin-bottom:20px; position:relative;}
.tbl-tit.mb20 {margin-bottom:20px;}
.tbl-tit h3 {position:relative; font-size:24px; font-weight:700; color: #333;}
/* .tbl-tit h3::before {content:""; position:absolute; top:3px; left:0; width:18px; height:18px; border-radius: 0 10px 10px 0; background:#007CCC;} */
.tbl-tit a.right-link {border-radius:5px; line-height:48px; display:inline-block; padding:0 37px; background:#fff; border:1px solid #004194; color:#004194; font-size:16px; font-weight:600; position:absolute; right:0; top:50%; transform: translateY(-50%);}
.tbl-tit a.right-link i {padding-left:10px;}
.tbl-tit a.right-link:hover {background:#004194; border:1px solid #fff; color:#fff;}
.tbl-tit p,
.tbl-tit2 p {color:#888888; font-size:16px; font-weight:500; line-height:22px; margin-top:10px;}
.tbl-tit-sub {font-size:16px; font-weight:500;}

.tbl-map img{width: 100%;}
.tbl-st-1 .s1{margin: 30px 0 50px;}
.tbl-st-no {width: 100%; align-content: center; height: 70px; background-color: #f8f8f8;}
.tbl-st-no p{font-size: 25px; font-weight: 700; text-align: center;}
.tbl-st-no.pu {height: 120px; margin-bottom: 60px;}
.tbl-st-no.pu p{font-size: 30px; color: #DF1808; word-break: keep-all; line-height: 100%;}
.press-link {display: flex; align-items: center; justify-content: center; gap: 40px; margin-top: 50px;}
.press-link a div{border: 2px solid #df1808;
    border-radius: 30px;
    color: #df1808;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    box-shadow: 0px 8px 6px -6px rgb(0, 0, 0, 0.2);
    font-size: 20px; font-weight: 700;
    min-width: 280px;
}
.press-link.en a div{width: 374px;}
.press-link a div i{position:absolute; right: 25px;}
.press-link a:nth-child(2) div{padding: 0 22px;}



/* .s1.en .left{padding-right: 25px;} */
.s1.en .tbl-st-1.a1{gap:20px; justify-content: space-between; align-items: stretch;}
.s1.en .tbl-st-1.a1.pe{max-height: 619px;}
.s1.en .tbl-st-1.a1 .left {padding-right: 25px;}
.s1.en .tbl-st-1.a1 .left img{height: 100%; max-height: 641px;}
.tbl-st-1.a1 { display: flex; align-items: center; gap: 65px;}
.tbl-st-1.a1 .left img{height: 490px;}
.tbl-st-1.c1 table td{text-align: center;}
.tbl-st-1 table {width:100%; border-top:1px solid #DF1808;}
.s1.sw-pu .tbl-st-1 table,
.s2.sw-pu .tbl-st-1 table{border-top: 1px solid #0066FF;}
.s1.sw-pu .tbl-st-1 table th.w80{width:148px;}

.tbl-st-1 table th {background:#FBFBFB; font-size:16px; font-weight:600; color:#333;}
.tbl-st-1 table td {font-weight:500; color:#444; font-weight:500; font-size:16px; line-height: 22px;}
.tbl-st-1 table th, .tbl-st-1 table td {padding:12px 25px; text-align:left; vertical-align: middle;   word-break:keep-all;}
.tbl-st-1 table td span{font-size: 14px;}
.tbl-st-1 table td {padding:12px;}
.tbl-st-1 table tbody tr {border-bottom:1px solid #EEEEEE;}
.tbl-st-1 table tbody td, .tbl-st-1 table tbody th {border-right:1px solid #EEEEEE;}
.tbl-st-1 table tbody td:last-child {border-right:none;}
.tbl-st-1 table tbody.white th {background:#fff;}
.tbl-st-1 table thead th {text-align:center;}
.tbl-st-1 table thead th.w10{width: 15%;}
.tbl-st-1 table tbody.all-center th, .tbl-st-1 table tbody.all-center td {text-align:center;}
.tbl-st-1 table tbody.en td:nth-child(1){text-align: left;}
.tbl-st-img {margin: 0 auto;}
.tbl-st-img img{max-width: 48%; display: inline-block; vertical-align: middle;}

.pro-dw {display: flex; gap: 25px; align-items: center; justify-content: space-between;}
.br-dw img{width: 100%; min-height: 135px;}
.br-dw img.mo{display: none;}
.br-dw{position: relative;}
.br-dw-01{position: absolute; bottom: 20px; right: 30px; color: #fff; text-align: right; display: flex; align-items: center; justify-content: flex-end;}
.br-dw-01 p:nth-child(1){font-size: 16px; font-weight: 700;}
.br-dw-01 p:nth-child(1){font-size: 16px; font-weight: 500;}
.br-dw-01 div{position: relative; padding-right: 50px;}
.br-dw-01 div::after{content: ''; position: absolute; border-left: 1px solid #fff; width: 1px; height: 42px; top: -2px; right: 25px;}
.br-dw-01 i{scale: 2;}

.tbl-dw{display: flex;}
.tbl-dw .mo{display: none;}
.tbl-dw>img{width: 70%; height: 125px;}
.tbl-dw>div{position: relative; width: 30%;}
.tbl-dw .br-dw-02{position: absolute; top: 0; left: 0; display: flex; flex-direction: column; height: 125px; justify-content: center; width: 100%; gap: 33%; padding: 0 25px 0 35px;}
.br-dw-02 a{display: flex; align-items: center; justify-content: space-between; color: #fff; position: relative;}
.br-dw-02 p{font-size: 16px; font-weight: 500; padding-right: 40px; letter-spacing: -1px;}
.br-dw-02 i{scale: 1.5; position: absolute; right: 3%;}
.br-dw-02 a::after{content: ''; position: absolute; width: 1px; height: 44px; border-left: 1px solid #fff; right: 40px;}

.tbl-st-1 .tbl-st-00{position: relative; margin-bottom: 20px;}
.tbl-st-1 .tbl-st-00 img{width: 100%; min-height: 400px;}

.tbl-st-1 .tbl-st-00 .mo{display: none;}
.tbl-st-1 .tbl-st-00 .tbl-a,
.tbl-st-1 .tbl-st-00 .tbl-b{position: absolute; top: 0; left: 0; padding-top: 56px; padding-left: 40px;}
.tbl-st-1 .tbl-st-00 .tbl-a p:nth-child(1){font-size: 48px; letter-spacing: -2px; font-weight: 700; color: #333;}
.tbl-st-1 .tbl-st-00 .tbl-a p:nth-child(2){font-size: 28px; font-weight: 600; color: #000; padding-top: 40px;}
.tbl-st-1 .tbl-st-00 .tbl-a p:nth-child(3),
.tbl-st-1 .tbl-st-00 .tbl-a p:nth-child(4){font-size: 20px; font-weight: 500; line-height: 28px; color: #333;padding-top: 20px;}

.tbl-st-1 .tbl-st-00 .tbl-b p:nth-child(1){font-size: 48px; font-weight: 700; color: #333; letter-spacing: -2px;}
.tbl-st-1 .tbl-st-00 .tbl-b p:nth-child(2){font-size: 20px; font-weight: 500; padding-top: 40px; color: #333; line-height: 28px;}
.tbl-st-1 .tbl-st-00 .tbl-b p:nth-child(3){font-size: 20px; font-weight: 500; padding-top: 20px; color: #333;line-height: 28px;}
.tbl-st-1 .tbl-st-00 .tbl-b p:nth-child(4){font-size: 28px; font-weight: 600; padding-top: 20px; color: #000;}

.event_list{font-size: 18px; font-weight: 500; padding-top: 40px;}
.s1.even{background-color: #f8f8f8; padding: 70px 0;}
.tbl-tit.even{position: absolute; background-color: #0066FF; clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%); left: -20px; bottom: 20px; width: 220px; padding: 14px 0 16px 20px; }
.tbl-tit.even.sw-pu{clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%); width: 330px;}
.tbl-tit.even h3 span{font-size: 24px; font-weight: 600; color: #fff;}
.event_ex{text-align: right; font-size: 16px; font-weight: 500; color: #0066FF; padding-bottom: 80px; max-width: 1200px; margin: 0 auto;}

.tbl-st-1.m table thead th{height: 35px; padding: 10px 35px;}
.tbl-st-m{margin-left: 30px; margin-bottom: 30px;}
.tbl-st-m p:nth-child(1){ font-weight: 700; font-size: 18px; color: #333;}
.tbl-st-m p:nth-child(2){padding: 10px 0; font-size: 16px;}
.tbl-st-m p:nth-child(3){font-size: 18px; font-weight: 700; color: #949393;}
.tbl-st-1.m div{margin: 10px 0; font-weight: 700;}
.tbl-st-m1>div>p{padding: 0 0 20px; font-size: 24px; font-weight: 700;}
.st-m1-01 ul,
.st-m1-02 ul{display: flex; align-items: center; justify-content: center; padding: 40px 0 38px; gap: 50px; background-color: #f7f7f7;}
.st-m1-01 ul li{min-width: 200px;}
.st-m1-02 ul li{min-width: 280px;}
.st-box-01{background-color: #0e2f70; padding: 16px 0; position: relative; color: #fff;}
.st-box-01 span{position: absolute; top: 40%; left: 10px; color: rgb(255, 255, 255,0.6); font-size: 14px; font-weight: 700; letter-spacing: -1px;}
.st-box-01 i{position: absolute; top: 40%; right: 10px; color: rgb(255, 255, 255,0.6); font-size: 14px; font-weight: 700; letter-spacing: -1px;}
.st-box-01 p{display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; letter-spacing: -1px;}
.st-box-02 {background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 176px;box-shadow: 0px 8px 6px -6px rgb(0, 0, 0, 0.2); gap: 15px; padding: 0 20px;}
p.hint-red{padding-left: 40px; padding-top: 15px;}
p.hint-red::before{content: '※'; position: absolute; left: 15px;}
.map-box img{width: 100%;}
.map-box .mo{display: none;}

.st-box-02>p{font-size: 15px; font-weight: 600; color: #444; text-align: center; line-height: 18px;}
.st-box-02 a div{border: 2px solid #df1808;
    border-radius: 25px;
    color: #df1808;
    padding: 0 14px 0 25px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    box-shadow: 0px 8px 6px -6px rgb(0, 0, 0, 0.2);
    font-size: 13px; font-weight: 600;
    text-align: center;
}
.st-box-02 a div p{word-break: keep-all;}
.st-box-02 a div i{padding-left: 14px;}
.st-box-02.sw-pu{display: flex; align-items: center; justify-content: center;  box-shadow: none; min-height: 100px; padding-top: 40px;}
.st-box-02.sw-pu a div {
    border: 2px solid #074098;
    border-radius: 35px;
    color: #074098;
    padding: 20px 18px 22px 75px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    box-shadow: 0px 8px 6px -6px rgb(0, 0, 0, 0.2);
    font-size: 20px;
    font-weight: 700;
}
.st-box-02.sw-pu a div i{padding-left: 65px;}

.logo-pr{position: relative; height: 90px;}
.logo-pr img{max-width: 100%; max-height: 100%; object-position: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); mix-blend-mode: overlay;}
td a{display: inline-block; padding-right: 10px;}
td a div{background-color: #cc0038; color: #fff; border-radius: 25px; padding: 5px 20px;}
.tbl-st-1.sh th{background: rgb(0 0 0 / 2%);}
.tbl-st-1.sh td{padding-left: 25px; font-weight: 600;}

.st-m1-02{text-align: center; padding: 0;}
.st-m1-02 a:nth-child(1){border: 1px solid #007ccc; background-color: #007CCC; padding: 20px; border-radius: 5px; color: #fff;}
.st-m1-02 a:nth-child(2),
.st-m1-02 a:nth-child(3){vertical-align: middle; margin-top: 2px;}

.list-bar-txt p a{color: #007CCC; font-size: 16px;}
.list-bar-txt ul li span{color: #007CCC;}
.tbl-tx-p p:nth-child(1){padding-top: 25px; padding-bottom: 10px; font-weight: 700; font-size: 18px; color: #333;}
.tbl-tx-p p:not(:nth-child(1)){padding: 5px 0; font-size: 18px;color: #949393;}

.tbl-tit-ex p{
    /* padding: 5px 0;  */
    font-size: 16px;
    line-height: 1.5;
}

/* .tbl-st-1 table .link-blue {background:#007CCC;} */
.tbl-st-1 table .link-blue a {color:#007CCC; font-weight:500; border: 1px solid #007ccc; border-radius: 5px; padding: 10px; box-sizing: border-box;}
.tbl-st-1 table tbody td.b-r, .tbl-st-1 table tbody th.b-r {border-right:1px solid #eee !important;}
.tbl-st-1 p.tbl-foot-txt {color:#888888; font-size:18px; font-weight:500; line-height:22px; margin-top:15px;}
.tbl-st-1 table tbody td.td-l {text-align:left;}
.page-1-5 .tbl-st-1 table tbody td {font-size:16px;}
.page-1-5 .tbl-st-1 table tbody td:last-child {font-weight:400;}
.page-1-5 .tbl-st-1 table tbody td:last-child img{vertical-align: bottom;}
.tbl-st-1 table tbody.t-seminar a {    font-weight: 500;  color: #444; font-weight: 500; font-size: 18px; line-height: 30px; word-break: break-word;}
.tbl-st-1 table tbody.t-seminar a:hover {color:#004194; text-decoration: underline;}
.tbl-st-1.tbl-st-notice table tbody td a {font-size:16px; color:#333333; font-weight:600;}
.tbl-st-1.tbl-st-notice table tbody td span {display:inline-block; border-radius:20px; background:#AAAAAA; line-height:25px; height:25px; text-align:center; width:60px; font-size:12px; font-weight:500; color:#fff;}
.tbl-st-1.tbl-st-notice table tbody td span.notice {background:#df1808;}
.tbl-st-1.tbl-st-notice table tbody td:last-child {font-size:14px; font-weight:600;}
.tbl-st-1.tbl-st-notice table tbody td span.notice.sw-pu{background: #074098;}

.bo-view table {table-layout:fixed; width:100%; border-top:1px solid #df1808;}
.bo-view.sw-pu table{border-top: 1px solid #074098;}
.bo-view table thead th {height:60px; text-align:center; vertical-align: middle;}
.bo-view table thead tr {border-bottom:1px solid #dddddd;}
.bo-view table tbody tr {border-bottom:1px solid #DDDDDD;}
.bo-view table .th-1 {width:75px; color:#df1808; font-weight:700;}
.bo-view.sw-pu table .th-1{color: #074098;}
.bo-view table .th-2 {text-align:left; color:#444444; font-size:18px; font-weight:700; padding:10px 0; line-height:1.4;}
.bo-view table .th-3 {width:130px; color:#999999; font-size:16px; font-weight:500;}
.bo-view .bo-contents {min-height:400px; padding:30px;}
.bo-view .bo-contents * {line-height:1.4;}

.pageing {margin-top:35px; text-align:center;}
.pageing ul {display:flex; justify-content: center;}
.pageing ul li a {color:#999999; font-size:14px; display:flex; width:23px; height:16px;     justify-content: center; align-items: center;}
.pageing ul li.current a {color:#3580C2;}
.pageing ul li.arrow a {color:#666666;}

.list-img-txt ul li .list-name{
    min-height: 48px; color: #fff; background-color: #074098; width: 100%; font-size: 18px; font-weight: 500; display: flex; align-items: center; justify-content: center;
    border-bottom: 1px solid #fff;
}

.list-img-txt {}
.list-img-txt ul {margin:0 -15px; font-size:0;}
.list-img-txt ul li {width:calc(50% - 30px); margin:0 15px 30px; display:inline-block; vertical-align: top;}
.list-img-txt ul li .img {}
.list-img-txt ul li .img img{width: 100%; height: 200px; object-fit: cover;}
.list-img-txt ul li .txt {min-height: 125px; display: flex; align-items: center; flex-direction: column; justify-content: center; background-color: #f5f5f5; gap: 10px; min-height: 140px; padding:0 30px;font-size: 16px; font-weight: 500;text-align: center;}
.list-img-txt ul li .txt p{word-break: keep-all;}


.list-img-only {}
.list-img-only ul {font-size:0; margin:0 -1%;}
.list-img-only ul li {height:234px; display:inline-block; width:23%; margin:0 1% 2%;}
.list-img-only ul li .img {overflow:hidden; width:100%; height:100%; box-shadow: 0 5px 5px #bebebe;}
.list-img-only ul li .img img {object-fit: cover; width:100%; height:100%;}

.list-box-link {}
.list-box-link ul {margin:0 -20px; font-size:0;}
.list-box-link ul li {position:relative; padding:35px 30px 50px; height:285px; width:calc(50% - 40px); margin:0 20px; display:inline-block; transition:background 0.5s;  background-position:center !important; overflow:hidden;}
.list-box-link ul li.more {background:url("/assets/images/ad-sponsor-box-1.jpg") no-repeat; background-size:auto 100%;}
.list-box-link ul li.down {background:url("/assets/images/ad-sponsor-box-2.jpg") no-repeat; background-size:auto 100%;}
.list-box-link ul li:hover {background-size:auto 110%;}
.list-box-link ul li .txt {}
.list-box-link ul li .txt h2 {color:#000; font-size:39px; font-weight:300; letter-spacing: -1px;}
.list-box-link ul li .txt h2 span{font-weight: 800;}
.list-box-link ul li .txt p:nth-of-type(1) {font-size: 16px; font-weight: 400; color: #000; padding-top: 15px;}
.list-box-link ul li .txt p:nth-of-type(2) {font-size: 17px;
    font-weight: 600; color: #000; text-decoration: underline; text-underline-position: under; padding-top: 10px;}
.list-box-link ul li .link {font-size:13px; font-weight:500; line-height:36px; position:absolute; left:28px; bottom:31px; background-color: #df1808; color: #fff; padding-left: 30px; padding-right: 13px;}
.list-box-link ul li .link .arr {margin-left:24px;}
.list-as {margin-top: 20px; background-color: #fafafa; padding: 25px 35px;}
.list-as p{position: relative; font-size: 16px; line-height: 26px; font-weight: 500;}
.list-as p::before{content: '-'; position: absolute; top: 0; left: -17px;}

.list-icon-txt {}
.list-icon-txt ul {font-size:0; margin:0 -10px;}
.list-icon-txt ul li {width:calc(33.3333% - 20px); margin:0 10px; display:inline-block; vertical-align: top; height:240px; border:1px solid #EEEEEE; border:1px solid #eee; border-radius:10px;}
.list-icon-txt ul li .flex-row {display:flex; height: 100%; width: 100%; flex-direction: column; justify-content: center; align-items: center;}
.list-icon-txt ul li .icon {height:75px; display:flex; justify-content: center; align-items: center;}
.list-icon-txt ul li .txt {color:#333333; font-size:18px; font-weight:700; margin-top:25px;}

.list-bar-txt {}
.list-bar-txt ul {}
.list-bar-txt ul li {color:#444444; font-size:16px; line-height:28px; font-weight:500; position:relative; padding-left:20px;}
.list-bar-txt ul li::before {content:"-"; position:absolute; left:0;}
.list-bar-txt ul li .hint-blue {color:#074098; font-size:14px;}
.hint-red{color: #DF1808;}
.hint-blue{color: #074098;}
dl.dl-bar {}
dl.dl-bar dt {color:#333; font-size:18px; font-weight:700; margin-bottom:15px;}
dl.dl-bar dd {font-size:16px; font-weight:500; margin-bottom:10px; position:relative; padding-left:20px; word-break: keep-all;}
dl.dl-bar dd::before {content:"●"; position:absolute; left:0; font-size: 10px; top: 2px;}

figure img {max-width:100%;}
figure p {font-size:18px; font-weight:500; color:#888888; margin-top:15px; line-height:22px;}

/* 탭 메뉴 */
.tab-menu-bar {position:absolute; display:inline-block; right:0; top:50%; transform: translateY(-50%);}
.tab-menu-bar .line-bar {position:absolute; bottom:0; z-index:2; background:#DF1808; height:2px;}
.tab-menu-bar ul {display: flex; align-items: center; justify-content: space-between; position:relative; z-index:1; margin:0 -35px;}
.tab-menu-bar ul li {cursor:pointer; padding:0 0 8px; margin:0 35px;}
/* .tab-menu-bar ul li:first-child {} */
.tab-menu-bar ul li span {font-size:18px; font-weight:700; color:#888888; line-height:21px; padding:0 10px; padding:0;}
.tab-menu-bar ul li.on span {color:#DF1808;}
.tab-menu-contents {min-height:447px;}
.tab-menu-contents .tab-cont {display:none;}

.list-board-st-1 .tbl-st-1 table tbody td img{max-width: 170px; display: flex; margin: 0 auto;}

.list-board-st-1 {}
.list-board-st-1 ul {margin:0 -1%; font-size:0;}
.list-board-st-1 ul li {width:23%; margin:0 1% 2%; display:inline-block; vertical-align: top; border:1px solid #eee; border-radius:10px; overflow:hidden;}
.list-board-st-1 ul li .logo {background:rgb(0 0 0 / 2%); height:142px; width:100%; position:relative;}
.list-board-st-1 ul li .logo img {max-width:80%; max-height:70%; object-position: center; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);     mix-blend-mode: overlay;}
.list-board-st-1 ul li .contxt {padding:20px 25px;}
.list-board-st-1 ul li .contxt .tit {}
.list-board-st-1 ul li .contxt .tit .t1 {color:#007CCC; font-size:14px; font-weight:600;}
.list-board-st-1 ul li .contxt .tit .t2 {
color:#333333; font-size:18px; font-weight:700; /*white-space:nowrap;*/ overflow:hidden; text-overflow:ellipsis; margin-top:7px;
display: -webkit-box;
-webkit-line-clamp: 3;
align-items: flex-start;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
text-align: left;
word-wrap: break-word;
height:54px;
}
.list-board-st-1 ul li .contxt .tit .t2 a {color:#333333;}
.list-board-st-1 ul li .contxt .info {padding-top:15px; margin-top:15px; border-top:1px solid #EEEEEE; height:auto;}
.list-board-st-1 ul li .contxt .info dl {}
.list-board-st-1 ul li .contxt .info dl dt {color:#444444; font-size:16px; font-weight:700; margin-bottom:10px;}
.list-board-st-1 ul li .contxt .info dl dd {color:#666666; font-size:16px; font-weight:500; line-height:20px; margin-bottom:8px; position:relative; padding-left:28px;}
.list-board-st-1 ul li .contxt .info dl dd:last-child {margin-bottom:0;}
.list-board-st-1 ul li .contxt .info dl dd span {color:#CCCCCC; width:25px; display:inline-block; text-align:center; position:absolute; left:0; top:0;}
.list-board-st-1 ul li .contxt .info dl dd a{color:#666666; font-size:18px; font-weight:500; line-height:20px; margin-bottom:8px; position:relative; padding-left:28px;}

.list-download {}
.list-download .t1 {text-align:left; font-size:24px; font-weight:800; line-height:36px;}
.list-download ul {margin-top:20px; border-top:1px solid #DF1808;}
.list-download.sw-pu ul {border-color:#0066FF;}
.list-download ul li {position:relative; display:flex; padding:21px 25px 15px; justify-content: space-between; align-items: center; border-bottom:1px solid #DDDDDD;}
.list-download ul li .name {font-size:16px; font-weight:600;}
.list-download ul li .down-txt {font-size:15px; font-weight: 500; color: #fff; background-color: #DF1808; border-radius: 25px; padding: 10px 16px 12px 26px;}
.list-download ul li .down-txt p{display: inline-block; padding-right: 10px;}
.list-download ul li:hover .name
/* .list-download ul li:hover .down-txt  */
{color:#DF1808;}


.slide-bg-txt-box {overflow:hidden; position:relative;}
.b2b-txt {position:absolute; left:0; bottom:0; width:100%; z-index:2; padding-left: 40px; padding-bottom: 50px;}

.b2b-txt p {color:#fff; text-align:left;}
.b2b-item{display: flex; align-items: center; gap: 10px; margin-left: -20px; padding-bottom: 10px;}

.b2b-tx-1 p:nth-of-type(1){font-size: 62px; letter-spacing: -1px; font-weight: 600; color: #fff; padding-bottom: 10px;}
.b2b-tx-1 p:nth-of-type(2){font-size: 27px; font-weight: 600; color: #ff9900;}
.b2b-txt>p{font-size: 18px; line-height: 27px; color: #fff; font-weight: 500;}
.b2b-bg .swiper-container {position:relative; z-index:1;}
.b2b-bg .swiper-slide {height:450px;  overflow:hidden;}
.b2b-bg .swiper-slide.swiper-slide1 {background:url("/assets/images/b2b_bg_01.png") no-repeat; background-size:cover;}
.b2b-bg .swiper-slide.swiper-slide2 {background:url("/assets/images/b2b-bg-2.jpg") no-repeat; background-size:cover;}
.b2b-bg .swiper-pagination {bottom:25px;}
.b2b-bg .swiper-pagination-bullet {border-radius:5px; background:rgb(255 255 255 / 40%); width:40px; height:5px; margin:0 8px !important;}
.b2b-bg .swiper-pagination-bullet-active {background:#fff;}
.b2b-st-02 p{word-break: keep-all;}

.list-row-txt {border-top: 1px solid #DF1808; background-color: #f7f7f7; padding: 40px 20px;}
.list-row-txt ul {background-color: #fff; display: flex; align-items: center; justify-content: center; padding: 45px 30px; gap: 70px; flex-wrap: wrap;}
.list-row-txt ul li {font-size:16px; font-weight:500; line-height: 21px; display: flex; align-items: center; position: relative; color: #000; gap: 20px;}
.list-row-txt.sw-pu ul li {max-width: 320px; word-break: keep-all;}
.list-row-txt ul li::after {content:""; background:#000; width:1px; height:30px; right:-35px; position:absolute;}
.list-row-txt ul li:last-child::after {content:none;}
.bg-txt {text-align:left; position: relative;}
.bg-txt p {font-size:15px; font-weight: 500; color:#DF1808; padding-top: 25px; padding-left: 20px; line-height: 21px; }
.bg-txt p::before{content: '※'; position: absolute; left: 0px;}

/* 검색창 */
.gall-top {display:flex;     justify-content: flex-end; position:absolute; right:0; top:50%; transform:translateY(-50%) ;}
.gall-top select {box-sizing:border-box; outline:none; border:1px solid #CCCCCC; border-radius:4px; font-size:14px; color:#666666; background:#fff; height:33px; min-width:90px; padding:0 20px 0 10px; margin-right:10px;}
.gall-top .search {height:33px; display: inline-block; width:280px; border:1px solid #CCCCCC; border-radius:4px; font-size:14px; color:#666666; padding-right:50px; position:relative; z-index:1; margin-right:16px;}
.gall-top .search input {box-sizing:border-box; border:none; outline:none; background:none; display: inline-block; height:33px; vertical-align: top; width:100%; padding-left:10px;} 
.gall-top .search button {border:none; outline:none; background:none; display: inline-block; height:33px; width:50px; text-align:center; vertical-align: top; position:absolute; right:0; top:0; color:#666666;}
.gall-top .search button img {width:11px; height:auto;}
.gall-top .list-style-tab {display:flex;}
.gall-top .list-style-tab button {box-shadow:rgb(0 0 0 / 16%) 1px 2px 5px; display: inline-block; vertical-align: top; font-size:12px; transform: skew(-0.1deg); color:#AAAAAA; height:33px; display:flex;align-items: center; justify-content: center; background:none; outline:none; border:none; cursor:pointer; padding:0 13px;}
.gall-top .list-style-tab button + button {margin-left:10px;}
.gall-top .list-style-tab button i {margin-right:10px; font-size:17px;}
.gall-top .list-style-tab button.active {color:#254C78; font-weight:700;}
.gall-top.news-top .search {margin-right:10px;}

aside.b2b {background:url("/assets/images/b2b-aside.jpg") no-repeat; background-size:cover; height:350px; margin-bottom:-50px;}
aside.b2b .con {height:100%;     display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}
aside.b2b .txt {font-size:38px; font-weight:800; line-height:52px;}
aside.b2b .txt span.blue {color:#007CCC;}
aside.b2b .txt span.white {color:#fff;}
aside.b2b .link-shortcuts {color:#fff; font-size:18px; font-weight:700; padding:18px 30px; border:1px solid #fff; border-radius:36px; display:inline-block; margin-top:48px;}
aside.b2b .link-shortcuts i {margin-left:50px;}

/* .business article.page-3-1 section.s2 { padding:40px 0;} */

.closed-img-txt {height:450px; display:flex;     align-items: center; flex-direction: column; justify-content: center;}
.closed-img-txt .img {}
.closed-img-txt .txt {color:#444444; font-size:21px; font-weight:600; margin-top:30px;}

.map-img-info {position:relative;}

/* .map-img-info .map img {max-width:100%; width: 140%;} */
.map-img-info .map img {width: 71%;}
.map-img-info .info {position:absolute; right:0; top:50%; transform: translateY(-50%); width:735px;}
.map-img-info .info dl {margin-bottom:35px;}
.map-img-info .info dl:last-child {margin-bottom:0;}
.map-img-info .info dl dt {color:#333333; font-size:21px; font-weight:700; margin-bottom:10px;}
.map-img-info .info dl dt i {color:#007CCC; margin-right:10px;}
.map-img-info .info dl dt i.r-90 {transform: rotate(-90deg);}
.map-img-info .info dl dd {}
.map-img-info .info dl dd .no-data {height:130px;}

.button-wrap {margin:40px -5px;}
.button-wrap.ta-r {text-align:right;}
.button-wrap.ta-l {text-align:left;}
.button-wrap.ta-c {text-align:center;}
.button-wrap button {background:none; outline:none; border:none; font-size:16px; font-weight:600; cursor:pointer; margin:0 5px;}
.button-wrap button.button-rewrite {border:1px solid #3580C2; border-radius:5px; background:#fff; color:#3580C2; padding:0 20px; height:40px; line-height:38px; text-align:center;}
.button-wrap button.button-submit {border:1px solid #3580C2; border-radius:5px; background:#3580C2; color:#fff; padding:0 20px; height:40px; line-height:38px; text-align:center;}
.button-wrap button.button-before {border:1px solid #EEEEEE; border-radius:5px; background:#fff; color:#777777; padding:0 20px; height:40px; line-height:38px; text-align:center;}

.media-list {}
.media-list ul {margin:0 -1% 2%; font-size:0;}
.media-list ul li {width:23%; margin:0 1% 2%; height:234px; display:inline-block; position:relative; overflow:hidden; cursor:pointer;}
.media-list ul li .thumb {width:100%; height:100%; overflow:hidden;}
.media-list ul li .thumb img {object-fit:cover; width:100%; height:100%;}
.popup-movie {position:fixed;left:0;top:0;width:100%;height:100%;z-index:11111; display:none;}
.popup-movie .mask {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);}
.popup-movie .close {position:absolute;left:50%;top:50%;margin:-313px 0 0 437px;width:43px;height:43px;cursor:pointer; color:#fff; font-size:40px;}
.popup-movie .video {position:absolute;left:50%;top:50%;margin:-260px 0 0 -480px;width:960px;height:540px;}
.popup-movie .video div {padding:56.25% 0 0 0; position:relative;}
.popup-movie .video div .popup_video {position:absolute;top:0;left:0;width:100%;height:100%;}

.procedure-box {}
.procedure-box .col {background-color: #f7f7f7;}

.procedure-st-1{padding: 44px 0 34px;  width: 100%;}
.procedure-st-1 ul{display: flex; align-items: center; justify-content: center; gap: 50px; flex-wrap: wrap;}
.procedure-st-1 ul .img-box{position: relative; display: flex;align-items: center; justify-content: center; background-color: #fff; padding: 40px 0 30px;box-shadow: 0px 0px 5px rgb(0, 0, 0,0.05);}
.procedure-st-1 ul li{width: 200px; min-height: 250px;}
.procedure-st-1 ul .img-box i{position: absolute; color: #8697b7; right: 10px; top: 50%; transform: translateX(-50%); scale: 1.5;}
.procedure-st-1 ul .text-box{display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #0e2f70; color: #fff; padding: 28px 0;}
.procedure-st-1 ul .text-box p:nth-child(1){font-size: 24px; font-weight: 700; letter-spacing: -1px; padding: 10px 5px; border-bottom: 1px solid #8797b8;}
.procedure-st-1 ul .text-box p:nth-child(2){font-size: 18px; font-weight: 500; padding-top: 10px;}
.procedure-st-2{display: flex; align-items: center; justify-content: center; padding-bottom: 34px;}
.map_link{display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.procedure-st-2 a div,
.map_link a div{border: 2px solid #df1808; border-radius: 25px; color: #df1808; padding: 0 85px; position: relative; display: flex; align-items: center; justify-content: center; min-height: 50px;box-shadow: 0px 8px 6px -6px rgb(0, 0, 0, 0.2); background-color: #fff;}
.procedure-st-2 a div p{
    font-size: 20px; font-weight: 700;
}
.procedure-st-2 a div i{position: absolute;right: 18px; top: 35%; transform: translateX(-50%); scale: 1.2;}


.list-step {}
.list-step ul {font-size:0; margin:0 -25px;}
.list-step ul li {position:relative; width:260px; height:250px; background:#FBFBFB; border-radius:50px; display:inline-block; vertical-align: top; margin:0 25px;}
.list-step ul li .flex-middle {display:flex; height:250px;     flex-direction: column; justify-content: center; align-items: center;}
.list-step ul li::after {content:"\f105";     font-weight: 900; font-family: "Font Awesome 6 Pro"; color:#CFCFCF; font-size:16px; position:absolute; right:-30px; top:50%; transform: translateY(-50%);}
.list-step ul li:last-child::after {content:none;}
.list-step ul li .icon {}
.list-step ul li .txt {text-align:center; margin-top:20px;}
.list-step ul li .txt .t1 {font-size:16px; font-weight:700;}
.list-step ul li.st1 .txt .t1 {color:#DF1808;}
.list-step ul li.st2 .txt .t1 {color:#F79200;}
.list-step ul li.st3 .txt .t1 {color:#004194;}
.list-step ul li .txt .t2 {font-size:21px; font-weight:700; color:#333333; margin-top:5px;}
.list-step.single ul li {background:#007CCC;}
.list-step.single ul li:hover {box-shadow:inset rgb(0 0 0 / 20%) 4px 4px 8px;}
.list-step.single ul li .icon {color:#fff; font-size:18px;}
.list-step.single ul li .txt {margin-top:10px;}
.list-step.single ul li .txt .t1 {color:#fff; font-size:21px; font-weight:800;}
.list-step.single ul li .txt .t2 {color:#fff; font-size:21px; font-weight:500; margin-top:5px;}

.dots {height:250px; display:flex; align-items: center;}
.dots .dot {border-radius:50%; background:rgb(0 0 0 / 19%); width:6px; height:6px; margin-right:13px; display:inline-block;}
.dots .dot:last-child {margin-right:0;}

.no-data {background:#FBFBFB; font-size:20px; font-weight:700; color:#666666; text-align:center; display:flex; align-items: center; justify-content: center; align-content: center;}
.no-data.h170 {height:170px; margin-right: 432px;}
.no-data.h250 {height:250px;}

.ta-c {text-align:center !important;}
.ta-l {text-align:left !important;}
.ta-r {text-align:right !important;}

.ta-d tr th{text-align: center;}
/* .ta-d tr th:nth-child(1){width: 7%;}
.ta-d tr th:nth-child(2){width: 16%;}
.ta-d tr th:nth-child(3){width: 68%;} */
.ta-d tr td:nth-child(1){text-align: center;}
.ta-bb{ text-align: center; background-color: #FBFBFB; border: 1px; font-weight: 900;}
.mt85 {margin-top:40px;}

span.red {color:#DF1808;}


.ann-list {margin-top:20px;}
.ann-list ul {border-top:1px solid #DDDDDD;}
.ann-list ul li {border-bottom:1px solid #DDDDDD;}
.ann-list ul li .contents-list {display:flex; justify-content: space-between; align-items: center; cursor:pointer;}
.ann-list ul li .contents-list .name {font-size:16px; line-height:24px; padding:15px 25px 15px 80px; width:100%; font-weight:600; color:#555; display:flex; align-items: center; position:relative;}
.ann-list ul li .contents-list .name span {display:inline-block; background:#df1808; color:#fff; border-radius:20px; width:40px; height:25px; font-size:12px; font-weight:500; line-height:25px; text-align:center; position:absolute; left:25px; top:14px;}
.ann-list ul li .contents-list .down-txt {color:#bbb; font-size:16px; line-height:16px; padding:5px; font-weight:500;}
.ann-list ul li .contents-list .arr {width:90px; text-align:center;}
.ann-list ul li .contents-list .arr i {transition: 0.5s; transform: rotate(180deg);}
.ann-list ul li.on .contents-list .arr i {transform: rotate(0deg);}
.ann-list ul li.on .contents-list .name span {background:#df1808;}
.ann-list.sw-pu ul li.on .contents-list .name span {background:#074098;}
.ann-list.sw-pu ul li .contents-list .name span {background:#074098;}
.ann-list ul li .contents-view {display:none; border-top:1px solid #eee;}
.ann-list ul li .contents-view .value {font-size:18px; line-height:30px; padding:20px 25px 20px 80px; width:100%; font-weight:500; color:#555; display:flex; align-items: center; position:relative;}
.ann-list ul li .contents-view .value>span {display:inline-block; background:#CCCCCC; color:#fff; border-radius:20px; width:40px; height:25px; font-size:12px; font-weight:500; line-height:25px; text-align:center; position:absolute; left:25px; top:17px;}
.ann-list ul li.on .contents-view {background:#FBFBFB;}
.ann-list ul li.on .contents-view .value>span {background:#074098;}
.ann-list.sw-pu ul li.on .contents-view .value>span {background:#df1808;}


/* public */
.public .common-banner.sub-banner-1 .banner-img {background:url("/assets/sub-banner/banner-1-1.png") no-repeat center center; }
.public .common-banner.sub-banner-2 .banner-img {background:url("/assets/sub-banner/banner-2-pub.png") no-repeat center center; }
.public .common-banner.sub-banner-3 .banner-img {background:url("/assets/sub-banner/banner-3-pub.jpg") no-repeat center center; }

.public article.page-2-1 section.s2 {background:#FBFBFB; padding:100px 0;}

.bg-txt2{
    background: url('/assets/images/b2b_bg_02.png') no-repeat center center; min-height: 234px; width: 100%;
}
.bg-txt2 p{padding: 25px 40px; background-color: rgb(13, 24, 48,0.85); color: #fff; font-size: 18px; font-weight: 500; line-height: 27px;}
.bg-txt2 p span{color: #ffcc00; text-decoration: underline; text-underline-position: under;}
.b2b-container{
    background-color: #f7f8fa;;
}
.b2b-st{padding: 45px 20px;}
.b2b-st ul{display: flex; align-items: center; justify-content: space-around; background-color: #fff; flex-wrap: wrap; margin-bottom: 40px;}
.b2b-st ul li:not(:nth-child(3)){width: calc(50% - 61px); padding: 20px 0 15px 78px; position: relative; min-height: 120px; }
.b2b-st ul li:nth-child(3){width: 100%; border-top: 1px solid #b2b2b2; margin: 0 30px;}
.b2b-st ul li:nth-child(2)::before,
.b2b-st ul li:nth-child(5)::before{content: '';position: absolute; width: 1px; height: 80px; top: 20px; left: -35px; border-left: 1px solid #b2b2b2;}
.b2b-st-01{position: absolute; top: 10px; left: 10px; color: #DF1808;}
.b2b-st-01 p:nth-child(1){font-size: 14px; line-height: 27px; font-weight: 500;}
.b2b-st-01 p:nth-child(2){font-size: 28px; font-weight: 900; letter-spacing: -1px; line-height: 27px;}
.b2b-st-02 p:nth-child(1){font-size: 20px; font-weight: 900; color: #000;padding-top: 20px;}
.b2b-st-02 p:nth-child(2){font-size: 16px; font-weight: 400; color: #333333; line-height: 21px; padding-top: 10px; letter-spacing: -1px;}

.b2b-st .procedure-st-2{padding-bottom: 0;}

.b2b-grid{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 4%;
    list-style: none;
    box-sizing: border-box;
}
.b2b-frid-item-match{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    padding-left: 40px;
    background-color: #f7f8f9;
}
.b2b-pannel{
    box-sizing: border-box;
    width: 100%;
    flex: auto;
    align-items: center;
}
.b2b-panel ul{
    text-align: left;
    padding: 0;
    list-style: none;
}
.b2b-panel ul li{
    list-style: none;
    padding: 20px 0;
}
.b2b-child{
    display: flex;
    justify-content: left;
    align-items: center;
}
.b2b-child>div:first-child{
    width: 10%;
}
.b2b-child>div:last-child{
    width: 90%;
    padding-left: 20px;
}
.b2b-panel ul li:not(:last-child){
    border-bottom: 1px solid #bebfc5;
} 
.b2b-child div strong span{
    color: #ff2e64;
    display: inline-block;
}
.b2b-child.txt1{
    font-size: 24px;
    line-height: 1.3;
    font-weight: 400;
}
.b2b-child.txt2{
    color: #bebfc5;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 1.7px;
}
.b2b-lo{
    max-width: 300px;
    margin: 40px auto 0;
    background-color: #007CCC;
    border-radius: 3px;
    text-align: center;
}
.b2b-con{
    padding: 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
}

.b2b-con a{
    color: #ffffff;
}
.b2b-con.img{
    float: left;
}
.b2b-con a div img{
    width: 50px;
    
}
.b2b-con.txt{
    padding-top: 16px;
}
.b2b-con a div span{
    font-size: 20px;
    
}
.b2b-con a div:after{
    display: block; clear: both;
}
.b2b-con div:last-child{
    margin-top: 8px;
}


.event_img{display: flex; flex-wrap: wrap; gap: 15px;}
.event_img li{width: calc((100% - (15px*2)) / 3);}
.event_img li img{width: 100%;}