._view { position: relative; }


/* 뷰페이지 공통 상단제목 + 하단 리스트가 공통임 */
._topArea { padding-top: 200px; padding-bottom: 40px; box-sizing: border-box; }
._topArea .tagBx{
    display: flex; gap: 8px;
}


._topArea .tag { display: flex; align-items: flex-start; justify-content: flex-start; gap: 14px; }
._topArea .tag .circle { font-size: 13px; color: #000; border-radius: 100px; padding: 7px 13px; box-sizing: border-box; background-color: #e2e2e2; display: inline-block; }
._topArea .tag .circle p { }
._topArea .tag.main .circle{ background: #000; color: #fff; }
._topArea .tag .small { font-size: 14px; line-height: 1.4; color: #777777; padding-top: 4px; }
._topArea h1 { font-size: 36px; font-weight: 600; line-height: calc(56/36); margin-top: 18px; margin-bottom: 30px; }
._topArea .date { font-size: 14px; font-weight: 300; color: rgba(0,0,0,0.5); }
._editorArea { padding: 40px 0; box-sizing: border-box; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
._editorArea ._editorBx.mb {margin-bottom: 130px;}
._editorArea .colBx { display: flex; flex-direction: column; gap: 130px; }
._editorArea .col { }
._editorArea .col h3 { font-size: 36px; font-weight: 600; line-height: 1.4; margin-bottom: 30px; }
._editorArea .col ._editorBx { }
._editorArea .col ._editorBx .imgDummy { background-color: #000; color: #fff; width: 80%; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 20px; margin: 0 auto; margin-bottom: 20px; }
._editorArea ._editorBx .txtDummy { line-height: 1.4 ; }
._editorArea ul{ list-style: disc; }
._editorArea ol{ list-style: auto; }
._editorArea *:not(.btnArea a, .btnArea a i) {
    font-weight: revert;
    font-style: revert;
    text-decoration: revert;
    height: auto !important;
}

/* 뉴스룸 블로그 버튼 */
.newsroom_view ._editorArea ._editorBx .btnArea{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.newsroom_view ._editorArea ._editorBx .btnArea a{
    background: transparent;
    border: 1px solid #2d2e30;
    box-sizing: border-box;
    color: #000;
    font-weight: inherit;
    font-style: inherit;
    font-family: 'Poppins';
}
.newsroom_view ._editorArea ._editorBx .btnArea .btn{
    display: inline-flex;
    align-items: center; justify-content: center; gap: 9px;
    font-size: 15px; font-family: 'Popins'; border-radius: 100px;
    padding: 0 calc(22/15*1em) ;
    height: calc(45/15*1em);
}
.newsroom_view ._editorArea ._editorBx .btnArea a:hover {
    background: #000;
    color: #ffff;
}


.stories_view ._editorArea ._editorBx .btnArea{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.stories_view ._editorArea ._editorBx .btnArea a{
    background: transparent;
    border: 1px solid #2d2e30;
    box-sizing: border-box;
    color: #000;
    font-weight: inherit;
    font-style: inherit;
    font-family: 'Poppins';
}
.stories_view ._editorArea ._editorBx .btnArea .btn{
    display: inline-flex;
    align-items: center; justify-content: center; gap: 9px;
    font-size: 15px; font-family: 'Popins'; border-radius: 100px;
    padding: 0 calc(22/15*1em) ;
    height: calc(45/15*1em);
}
.stroies_view ._editorArea ._editorBx .btnArea a:hover {
    background: #000;
    color: #ffff;
}



@media screen and (max-width:1600px) {
	.sideNavi { display: none !important; }
}
@media screen and (max-width:1440px) {
	._topArea h1 { font-size: 30px; }
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	._topArea { padding-top: 140px; }
	._topArea h1 { font-size: 24px; }
	._editorArea { padding: 80px 0; }
	._editorArea ._editorBx.mb {margin-bottom: 100px;}
	._editorArea .colBx { gap: 100px; }
	._editorArea .col h3 { font-size: 30px; }
}
@media screen and (max-width:820px) {
	._topArea h1 { font-size: 20px; }
	._editorArea { padding: 60px 0; }
	._editorArea .col h3 { font-size: 20px; }
}
@media screen and (max-width:500px) {
	._topArea { padding-top: 100px; padding-bottom: 40px; }
	._topArea h1 { font-size: 18px; margin-bottom: 20px; }
	._editorArea { padding: 40px 0; }
	._editorArea ._editorBx.mb {margin-bottom: 80px;}
	._editorArea .colBx { gap: 80px; }
	._editorArea .col h3 { font-size: 18px; margin-bottom: 20px; }
}
@media screen and (max-width:320px) {}







/* 하단 */
._bottomArea { padding-top: 40px; overflow: hidden; }
._bottomArea .btnBx { display: flex; align-items: center; justify-content: space-between; }
._bottomArea .btnBx .btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-size: 15px; font-family: 'Poppins'; color: #fff; background-color: #2d2e30; border-radius: 100px; padding: 0 calc(22/15*1em); line-height: 1.2; height: calc(45/15*1em);}
._bottomArea .btnBx .btn.border { background-color: transparent; border: 1px solid #2d2e30; box-sizing: border-box; color: #000; }
._bottomArea .btnBx .btn:hover { background-color: #000; color: #fff; border-color: transparent; }
._bottomArea .btnBx .btn p { }
._bottomArea .btnBx .btn i { }
._bottomArea .btnBx .flexBx { display: flex; align-items: center; justify-content: center; gap: 10px; }
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	._bottomArea .btnBx .btn{font-size: 13px; }
}
@media screen and (max-width:500px) {
	._bottomArea .btnBx{gap: 8px; flex-wrap: wrap; justify-content: center;}
	._bottomArea .btnBx .btn{font-size: 12px; }
	._bottomArea .btnBx .flexBx{gap: 8px;}
}
@media screen and (max-width:320px) {}


/* 스와이퍼 */
._bottomArea .swiperBx { margin-top: 120px; position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 150px; }
._bottomArea .swiper { width: 100%;}
._bottomArea .swiper-wrapper { }
._bottomArea .swiper-slide { }
._bottomArea .swiper-slide a { }
._bottomArea .swiper-slide a .imgBx { position: relative; background-color: #000; border-radius: 15px; overflow: hidden; margin-bottom: 18px; }
._bottomArea .swiper-slide a .imgBx::before { content:''; display: block; padding-bottom: calc(168/270*100%); }
._bottomArea .swiper-slide a .imgBx img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
._bottomArea .swiper-slide a .txtBx { }
._bottomArea .swiper-slide a .txtBx small { font-size: 13px; color: #000; display: block; margin-bottom: 6px; }
._bottomArea .swiper-slide a .txtBx p { font-weight: 500; line-height: calc(26/16); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
._bottomArea .swiperBx .arrowBx { position: absolute; width: 993px; top: 65px; display: flex; align-items: center; justify-content: space-between; }
._bottomArea .swiperBx .arrowBx .arrow { width: 36px; height: 36px; border-radius: 50%; font-size: 17px; display: flex; align-items: center; justify-content: center; background-color: #e2e2e2; color: rgba(0,0,0,0.5); cursor: pointer; }
._bottomArea .swiperBx .arrowBx .arrow:hover { background-color: var(--blue); color: #fff; }
._bottomArea .swiperBx .arrowBx .arrow i { }
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	._bottomArea .swiperBx{margin-top: 80px;}
}
@media screen and (max-width:1024px) {
	._bottomArea .swiperBx{flex-direction: column;}
	._bottomArea .swiperBx .arrowBx{position: unset; width: 90px; margin-top: 30px;}
}
@media screen and (max-width:820px) {
    ._bottomArea .swiperBx{  }
}
@media screen and (max-width:500px) {
	._bottomArea .swiperBx{margin-top: 60px; margin-bottom: 120px;}
	._bottomArea .swiper{overflow: visible;}
	._bottomArea .swiper-slide a .imgBx{border-radius: 10px;}
	._bottomArea .swiper-slide a .txtBx p{font-size: 14px; }
}
@media screen and (max-width:320px) {}


/* 왼쪽 네비게이션 */
.sideNavi {position: absolute; left: 78px; top: calc(var(--vh) * 50);display: flex; flex-direction: column; gap: 6px;opacity: 0;transition: opacity 0.5s; }
.sideNavi.on { opacity: 1; }
.sideNavi div {font-size: 15px; color: #b2b2b2; line-height: 1.4;display: flex; align-items: center; justify-content: flex-start; gap: 10px;cursor: pointer; }
.sideNavi div::before {content:''; display: block; width: 7px; height: 7px;border-radius: 50%; background-color: #b2b2b2; }
.sideNavi div.on { color: #000; }
.sideNavi div.on::before { background-color: var(--blue); }




/* event_view */

.event_view{
    padding-top: 200px;padding-bottom: 100px;
}
.event_view .cont {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    gap: 80px;
}
.event_view .left{width: 100%;max-width: 700px;}
.event_view .left {}
.event_view .left ._topArea{padding: 0;}
.event_view .left ._topArea h1{margin-bottom: 20px;}
.event_view .left ._topArea .date{
    display: flex;align-items: center;gap: 6px;
}
.event_view .left .editor{margin-top: 30px;}
.event_view .left .editor *{
    font-weight: revert;
    font-style: revert;
    text-decoration: revert;
    height: auto !important;
}
.event_view .left .editor ul,
.event_view .left .editor ol{ list-style: auto; }
.event_view .left .editor .imgBx{
    position: relative;
    max-width: 700px;
    width: 100%;
    margin-bottom: 40px;
}
.event_view .left .editor .imgBx::before{
    content:'';
    display: block;
    padding-bottom: calc(435/700*100%);
}
.event_view .left .editor .imgBx img{
    position: absolute;top: 0;left: 0;
    width: 100%; height: 100%; object-fit: cover;
    border-radius: 20px;
}
.event_view .left .editor .txt{font-size: 18px; line-height: calc(34/18); color: #000;}
/* .event_view .left .editor .txt p{margin-bottom: 20px;} */
.event_view ._bottomArea{padding-top: 90px;}

.event_view .formBx{
    width: 100%;max-width: 600px;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    padding: 45px;
    box-sizing: border-box;
}
.event_view .formBx form .row input{
    background: #f0f0f0;
}
.event_view .formBx form .row .textArea{
	background: #f0f0f0;
}
.event_view .formBx form .row .textArea textarea{
	background: #f0f0f0;
}
.event_view .formBx form ._basicbtn{display: flex;align-items: center;justify-content: flex-end}

@media screen and (max-width:1440px) {
    .event_view .left{max-width: clamp(600px, 600/1280*100vw, 700px);}
    .event_view .formBx{max-width: clamp(500px, 500/1280*100vw, 600px);}
}
@media screen and (max-width:1280px) {
    .event_view .cont{flex-direction: column;align-items: center;}
    .event_view .left .editor .txt{font-size: clamp(16px, 16/1024*100vw, 18px);}
    .event_view ._bottomArea{padding-top: 40px;}
    .event_view .left, .event_view .formBx{max-width: 700px;}
}
@media screen and (max-width:1024px) {
    .event_view{padding-top: 140px;}
}
@media screen and (max-width:820px) {
    .event_view .formBx{padding: 50px 20px;}
}
@media screen and (max-width:500px) {
	.event_view{padding-top: 100px;}
    .event_view .formBx{border-radius: 10px; padding: 40px 14px;}
}
@media screen and (max-width:360px) {
    /* .event_view .formBx{padding: 30px 20px;} */
}