._notice_view._event .s1{padding-bottom: 150px !important;}
/* 이벤트배너올라오면 수치조절해야함! */
._notice_view .s1 .pinBx {display: flex;box-sizing: border-box;}
._notice_view .s1 .pinBx .left{position: absolute;}
._notice_view .s1 .pinBx .left .tit{}
._notice_view .s1 .pinBx .left .tit > div{overflow: hidden;}
._notice_view .s1 .pinBx .left .tit h2{font-size: 40px;font-weight: 800;color: #000;}
._notice_view .s1 .pinBx .left .tit span{font-size: 18px;font-weight: 500;color: #444444;display: block;padding-top: 15px;line-height: 1.66666;}


._notice_view .s1 .pinBx .left .btnBx{padding-top: 40px;}
._notice_view .s1 .pinBx .left .btnBx a{display: inline-block;min-width:180px;padding: 12px 0;
text-align: center;border: 1px solid var(--green);border-radius: 22.5px;position: relative;overflow: hidden;transition: all 0.6s;}
._notice_view .s1 .pinBx .left .btnBx a span{position: relative;z-index: 2;display: block;color: var(--green);font-size: 16px;font-weight: 600;transition: color 0.6s;}
/* btn hover */
._notice_view .s1 .pinBx .left .btnBx a .circle{
	width: 0; height: 0; transition: width .6s ease-in-out,height .6s ease-in-out;
	border-radius: 50%;
	background-color: var(--green);
	position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
	z-index: 1;
}
._notice_view .s1 .pinBx .left .btnBx a:hover .circle{
	width: 20em; height:20em;
}
._notice_view .s1 .pinBx .left .btnBx a:hover span{color: #fff;} 
._notice_view .s1 .pinBx .right{max-width: 640px;width: 100%;margin: 0 auto;}
._notice_view .s1 .pinBx .right > a{display: block;}
._notice_view .s1 .pinBx .right .list{padding-bottom: 70px;}
._notice_view .s1 .pinBx .right .list:last-child{padding-bottom: 0;}
._notice_view .s1 .pinBx .right .list .txtBx{padding-top: 20px;}
._notice_view .s1 .pinBx .right .list .txtBx .tit h4{font-size: 26px;font-weight: 700;color: #000;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
._notice_view .s1 .pinBx .right .list .txtBx .sub{padding-top: 20px;display: flex;align-items: center;gap: 8px;}
._notice_view .s1 .pinBx .right .list .txtBx .sub .tag{width: 60px;padding: 6px 0;box-sizing: border-box;border-radius: 12.5px;text-align: center;font-size: 14px;font-weight: 500;}
._notice_view .s1 .pinBx .right .list .txtBx .sub .tag.progress{background: var(--green);color: #fff;}
._notice_view .s1 .pinBx .right .list .txtBx .sub .tag.end{background: #606060;color: #bbbbbb;}
._notice_view .s1 .pinBx .right .list .txtBx .sub p{font-size: 14px;font-weight: 500;color: #777777;}



@media screen and (max-width: 1680px) {
    ._notice_view .s1 .pinBx .left .tit h2 {font-size: 38px;}
}
@media screen and (max-width: 1440px) {
    ._notice_view .s1 .pinBx .right .list .txtBx .tit h4 {font-size: 22px;}
    ._notice_view .s1 .pinBx .left .tit h2 {font-size: 34px;}
}
@media screen and (max-width: 1280px) {
    ._notice_view .s1 .pinBx .left .tit h2 {font-size: 32px;}
    ._notice_view .s1 .pinBx .left .tit span {font-size: 16px;}
    ._notice_view .s1 .pinBx .right{max-width: 540px;}
}
@media screen and (max-width: 1024px) {
    ._notice_view .s1 .pinBx .left {position: unset;}
    ._notice_view .s1 .pinBx .left{text-align: center;}
    
    ._notice_view .s1 .pinBx{flex-direction: column;align-items: center;justify-content: center;gap: 40px;}
}
@media screen and (max-width: 820px) {
    ._notice_view .s1 .pinBx .right .list .txtBx .tit h4 {font-size: 20px;}
    ._notice_view .s1 .pinBx .left .tit h2 {font-size: 28px;}

}
@media screen and (max-width: 500px) {
    ._notice_view .s1 .pinBx .left .tit h2 {font-size: 24px;}
    ._notice_view .s1 .pinBx .right .list{padding-bottom: 30px;}
    ._notice_view .s1 .pinBx .right .list .txtBx .tit h4 {font-size: 18px}
    ._notice_view .s1 .pinBx .right .list .txtBx .sub .tag{font-size: 12px;}
    ._notice_view .s1 .pinBx .right .list .txtBx .sub p {font-size: 12px;}
}
@media screen and (max-width: 360px) {
    ._notice_view .s1 .pinBx .right .list .txtBx .tit h4 {font-size: 16px}
}


._event_view .s1 .cont .formBx .checkBx ._flxBx{display: flex;align-items: center;gap: 10px;}
._event_view .s1 .cont .formBx .checkBx ._flxBx a{font-size: 12px;font-weight: 500;background: var(--green);color: #fff;padding: 5px 10px;border-radius: 5px;box-sizing: border-box;
    display: flex;align-items: center;justify-content: center;
    transition: background-color 0.3s;
}
._event_view .s1 .cont .formBx .checkBx ._flxBx a:hover{background: #000;}

@media screen and (max-width: 820px) {
    ._event_view .s1 .cont .eventForm .flxBx2{flex-direction: column;gap: 10px;}    
}
@media screen and (max-width: 360px) {
    ._event_view .s1 .cont .formBx .checkBx ._flxBx{flex-direction: column;}    
}