#modalPop{position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index: 10000}
#modalPop *{box-sizing: border-box;}
.pop-event .flex{position: relative; max-width: 400px; width: 95%; max-height: 95%; display: flex; left: 50%; top:50%; transform: translate(-50%, -50%); word-break: keep-all;}
.pop-event a{display: block;}
.pop-event a >img{width: 100%;}
.pop-event2023 .flex{position: relative; max-width: 1060px; width: 95%; max-height: 95%; display: flex; left: 50%; top:50%; transform: translate(-50%, -50%); word-break: keep-all;}
.pop-event2023 .modal-close{width: 60px; height: 60px; background: #fff; position: relative; white-space: nowrap; overflow: hidden;text-indent: -999px; border:1px solid #ccc; cursor: pointer}
.pop-event2023 .in{flex:1; background: #fff url('/resources/gogung/images/modal/bg.gif') center center no-repeat; background-size: cover; text-align: center; padding: 40px 30px 30px; overflow-y: auto;}
.pop-event2023 .border{border:3px solid #cfc2b3; position: relative; padding: 60px 30px 30px}
.pop-event2023 .border:before{width: 87px; height: 52px; background: url('../images/modal/top.gif') center center no-repeat; content: ''; position: absolute; left: 50%; top:0; transform: translate(-50%, -50%);}
.pop-event2023 .ico{position: absolute; width: 43px; height: 43px; background: url('../images/modal/ico.png') 0 0 no-repeat}
.pop-event2023 .ico1{left: 0; top:0}
.pop-event2023 .ico2{right: 0;top: 0;    transform: rotate(90deg);}
.pop-event2023 .ico3{left: 0; bottom: 0;     transform: rotate(-90deg);}
.pop-event2023 .ico4{right: 0; bottom: 0;    transform: rotate(180deg);}

.pop-event2023 .top{margin-bottom: 40px; font-size: 18px; color: #333;}
.pop-event2023 .txt{margin-top: 20px;}

.event2023-dev{background: #fff; border:1px solid #ccc; display: flex; font-size: 15px; color: #333; text-align: left; font-size: 14px;}
.event2023-dev > *{width: 50%; padding: 30px 30px 55px; position: relative;}
.event2023-dev > *:last-child{border-left: 1px solid #ccc;}
.event2023-dev .t1{position: relative; display: block; font-weight: 600; font-size: 1.200em; font-weight: 500; padding-top: 1em; line-height: 1.15; margin-bottom: 8px;}
.event2023-dev .t1:before,.event2023-dev .t1:after{ content: ''; height: 5px; left: 0; position: absolute; top: 0}
.event2023-dev .t1:before{width: 24px; background: #000;}
.event2023-dev .t1:after{background: #eb5c6e; z-index: 1; width: 12px}
.event2023-dev .t2{font-size: 1.600em; margin-bottom: 1em; line-height: 1.15; font-weight: 700; display: block;}
.event2023-dev .txt1{margin-bottom: 15px;}
.event2023-dev .txt_w{position: relative;z-index: 1}

.event2023-dev .bul-decimal{margin: 10px 0 0 1em;}
.event2023-dev .bul-decimal > li:not(:first-child){margin-top: 5px;}

.event2023-dev .dl{display: flex; margin-top: 8px;}
.event2023-dev dt{width: 110px;}
.event2023-dev dd{flex: 1}
.event2023-dev .img{position: absolute; right: 0; bottom: 0}
.event2023-dev .img img{display: block;}

.pop-event2023 .color-pink{color: #eb5c6e}
.pop-event2023 .tit-pink{color: #333; font-weight: 500;}
.pop-event2023 .tit-pink span{box-shadow: inset 0 -8px 0 rgba(235,92,110,.2)}
.pop-event2023 a{text-decoration: none; color: inherit;}

.pop-event2023 strong{font-weight: 500;}
.pop-event2023 .period{font-size: 24px; font-weight: 600; line-height: 1; margin: 40px 0 10px;}
.pop-event2023 .period span{box-shadow: inset 0 -10px 0 rgba(235,92,110,.2)}
.pop-event2023 .btns_w{max-width: 740px; margin: 0 auto; display: flex; justify-content: space-between; font-weight: 300;}
.pop-event2023 .btns_w > *{display: flex; background: #000; border-radius: 4px; background: #000; color: #fff; font-size: 16px; height: 3.750em; display: flex; align-items: center; justify-content: center; width: calc(50% - 10px); position: relative; font-weight: 300; padding:0 10px}
.pop-event2023 .btns_w > *:after{width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    vertical-align: middle; content: ''; transform: rotate(135deg); margin: 1px 0 0 8px;}

.pop-event2023 .modal-close:before,.pop-event2023 .modal-close:after{position: absolute;left: 50%;content:' ';height:24px;width: 4px;background-color: #231f20; top:50%; margin: -12px 0 0 -2px; top: 50%}
.pop-event2023 .modal-close:before{transform: rotate(45deg);}
.pop-event2023 .modal-close:after{transform: rotate(-45deg);}

.event2023-info{margin-top: 1.25em; margin-bottom: 2.5em; text-align: left;}
.event2023-info .tit{font-size: 20px; font-size: 1.25em; font-weight: 600;}
.event2023-info .details{list-style: none; margin-top: 10px; margin-bottom: 20px;}
.event2023-info .details >li{display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 10px; color: #333;}
.event2023-info .details .t{width: 120px;}
.event2023-info .details .cont{flex: 1; word-break: break-all;}
.event2023-info .details .cont a:hover{text-decoration: underline; text-underline-position: under;}
.event2023-info .color-gray{color: #666 !important;}
.event2023-info .color-black3{color: #333 !important;}
.tac{text-align: center !important;}

/* aside banner */
.banner-event2023{}
.banner-event2023 >a{display: block; margin: 15px 0 0;}
.banner-event2023 >a >img{width: 100%;}

@media (max-width:1024px){
.pop-event2023 .flex{flex-flow: column-reverse; align-items: end;}
.pop-event2023 .modal-close{width: 50px; height: 50px}
.pop-event2023 .modal-close:before,.pop-event2023 .modal-close:after{height: 20px;width: 3px; margin: -10px 0 0 -1px;}

.pop-event2023 .in{width: 100%}
.pop-event2023 img{max-width: 100%}
}

@media (max-width:841px){
.event2023-dev{flex-flow: column;}
.event2023-dev > *{width: 100%}
.event2023-dev > *:last-child{border-left: 0; border-top: 1px solid #ccc;}
.pop-event2023 .border{padding: 40px 15px 15px}
.pop-event2023 .in{padding: 30px 18px 18px}
.pop-event2023 .border:before{background-size:100%; width: 75px}
.pop-event2023 .top{margin-bottom: 30px;}
.event2023-dev > *{padding: 20px 20px 55px}
.event2023-dev .img{max-width: 40%}
.event2023-info .details .t{width: 100%;}
.event2023-info .details .cont{width: 100%; padding-left: 10px;}
}

@media (max-width:480px){
  .pop-event2023 .btns_w{flex-flow: column;}
  .pop-event2023 .btns_w > *{width: 100%; height: 3em}
  .pop-event2023 .btns_w > *:last-child{margin-top: 5px;}

}