@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 900;
	font-display: swap;
	src: local('NanumSquareNeo Black'), url('/assets/home/font/woff2/NanumSquareNeoTTF-eHv.woff2') format('woff2'), url('/assets/home/font/woff/NanumSquareNeoTTF-eHv.woff') format('woff');
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 800;
	font-display: swap;
	src: local('NanumSquareNeo ExtraBold'), url('/assets/home/font/woff2/NanumSquareNeoTTF-dEb.woff2') format('woff2'), url('/assets/home/font/woff/NanumSquareNeoTTF-dEb.woff') format('woff');
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 700;
	font-display: swap;
	src: local('NanumSquareNeo Bold'), url('/assets/home/font/woff2/NanumSquareNeoTTF-cBd.woff2') format('woff2'), url('/assets/home/font/woff/NanumSquareNeoTTF-cBd.woff') format('woff');
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 400;
	font-display: swap;
	src: local('NanumSquareNeo Regular'), url('/assets/home/font/woff2/NanumSquareNeoTTF-bRg.woff2') format('woff2'), url('/assets/home/font/woff/NanumSquareNeoTTF-bRg.woff') format('woff');
}
@font-face {
	font-family: 'NanumSquareNeo';
	font-weight: 300;
	font-display: swap;
	src: local('NanumSquareNeo Light'), url('/assets/home/font/woff2/NanumSquareNeoTTF-aLt.woff2') format('woff2'), url('/assets/home/font/woff/NanumSquareNeoTTF-aLt.woff') format('woff');
}

body {
    font-family:'NanumSquareNeo';
    overflow-x:hidden;
}


.body-hidden {
    overflow-y:hidden;
}


/* 상단 */
.pc-header {
    position:fixed;
    top:3rem;
    left:5rem;
    width:18rem;
    z-index:10;
}
.pc-header h1 {
    margin:0;
    font-size:0;
}
.pc-header h1 img {width:13.4rem; height:auto;}
.pc-header .nav {
    margin-top:6.5rem;
}
.pc-header .nav li {
    position:relative;
}
.pc-header .nav li::after {
    display:inline-block;
    content:"";
    position:absolute;
    top:2.5rem;
    left:0;
    width:1rem;
    height:2px;
    background:#D31421;
    display:none;
}
.pc-header .nav li > a {
    font-size: 2rem;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.6;
    letter-spacing: normal;
    text-align: left;
    color: #000;    
}
.pc-header .nav li.on:after {
    display:inline-block;
}
.pc-header .nav li.on > a {
    color:#D31421;
    padding-left:1.5rem;
    font-weight:900;
}

.pc-header .category {
    display:none;
}

.pc-header .nav li > p {display:none; margin-bottom:1rem;}
.pc-header .nav li > p a {
    display:inline-block; padding-left:1.5rem; color:#888; font-size:1.6rem;
    white-space:nowrap;
}
.pc-header .nav li.on > p {display:block;}

/** aside */
.body-fixed {overflow-y:hidden; position:fixed; width:100%;}
aside#pc-aside {
    background:#fff; position:fixed; top:0; left:100%; transition:all 0.3s; width:100%; height:100%; z-index:1001; overflow-y:auto; 
} 
aside#pc-aside .aside_conts {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    height:100%;
    position:relative; 
    padding-top:22rem;
    box-sizing:border-box;
}
aside#pc-aside .aside_conts .atop {
    position: absolute; top:0; left:0; width:100%;
}
aside#pc-aside .aside_conts .atop h1 {position:absolute; top:3rem; left:3rem; font-size:0; margin:0;}
aside#pc-aside .aside_conts .atop h1 img {width:13.4rem; height:auto;}
aside#pc-aside .aside_conts .atop > .cate_close {
    display:block; width:2rem; height:2rem; font-size:0;
    position:absolute; top:3rem; right:3rem;
    background:url("../img/partycon2023/as_close.png") no-repeat center;
    background-size:contain;
}
aside#pc-aside .aside_conts .atop .slogon {
    padding:10rem 3rem 30px; text-align:center; background:#fff;
    font-size: 3rem;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
aside#pc-aside .aside_conts .atop .slogon span {
    display:inline-block;
}
aside#pc-aside .aside_conts .atop .slogon span.sl1 {
    border-bottom:solid 1px #000;
}
aside#pc-aside .aside_conts .atop .slogon span.sl2 {
    margin-top:1rem;
    color: #e60024;
    border-bottom:solid 1px #e60024;
}

aside#pc-aside .aside_conts .atop .line {left:0; right:0; height:5px;}

aside#pc-aside .aside_conts > ul {
    padding:0 3rem;
}
aside#pc-aside .aside_conts > ul > li {text-align:left;}
aside#pc-aside .aside_conts > ul > li + li {margin-top:20px;}
aside#pc-aside .aside_conts > ul > li > a {font-size:2rem; color:#000; font-weight:700;}
aside#pc-aside .aside_conts > ul > li > p a {display:inline-block; padding-top:1rem; padding-bottom:1rem; font-size:1.6rem; color:#888;}

/* 반응형 */
@media all and (min-width:1201px) {
    .body-fixed {position:relative; overflow-y:inherit;}
    aside#pc-aside {display:none;}
    .category_mask {display:none !important;}
}



/* 레이아웃 */
.pc-container {
    padding-top:3rem;
}
.layout-1080 {
    width:108rem;
    margin:auto;    
}

@media all and (max-width:1590px) {
    .layout-1080 {
        margin:inherit;
        margin-left:25rem;
    }
}
@media all and (max-width:1350px) {
    .pc-header {
        position:absolute;
        top:3rem;
        left:5rem;
        right:5rem;
        width:inherit;
    }
    .pc-header .category {
        display:block;
        position:absolute;
        top:0;
        right:0;
        font-size:0;
        width:2.8rem;
        height:2.8rem;
        background:url("../img/partycon2023/category.svg") no-repeat center;
        background-size:2.8rem auto;
    }
    .pc-header .nav {
        display:none;
    }
    .pc-container {
        padding-top:15rem;
    }
    .layout-1080 {
        margin:auto;
        margin-left:auto;
    }
}
@media all and (max-width:1200px) {
    .pc-header {
        top:2rem;
        left:2rem;
        right:2rem;
    }
    .layout-1080 {
        width:100%;  
        padding:0 2rem; 
    }
}


/* 하단 */
.pc-footer {
    margin-top:12rem;
    padding:0 5rem;
    background:url("../img/partycon2023/footer_bg.png") no-repeat center;
    background-size:cover;
}
.pc-footer .indiv {
    padding:2rem 0;
    display:flex;
    align-items:center;
}
.pc-footer .indiv .tlogo {
    font-weight: 800;
    font-size: 1.8rem;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}
.pc-footer .indiv .bar {
    margin:0 3rem;
    width:1px; height:1.6rem;
    background:#000; opacity:0.2;
}
.pc-footer .indiv .tslogon {
    font-weight: 400;
    font-size: 1.8rem;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    letter-spacing:0.4rem;
}
.pc-footer .indiv .tslogon span {
    display:inline-block;
    margin-left:1rem;
    font-weight: 900;
}
.pc-footer .indiv .tcopy {
    margin-left:auto;
    opacity: 0.5;
    font-weight: 400;
    font-size: 1.5rem;
    font-stretch: normal;
    font-style: normal;
    line-height:1;
    letter-spacing: normal;
    text-align: right;
    color: #fff;    
}



a.pc-home {
    position:fixed;
    
    bottom:14.4rem;
    right:2rem;
    display: block;
    width: 7.4rem;
    height: 7.4rem;    
    line-height:7.4rem;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 800;
    border-radius: 50%;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 34%);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.34);
    box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 34%);
    background:var(--symbol-color);
    z-index: 201;
}

a.pc-top {
    position:fixed;
    bottom:6rem;
    
    right:2rem;
    display: block;
    width: 7.4rem;
    height: 7.4rem;
    padding-top: 4rem;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 800;
    border-radius: 50%;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 34%);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.34);
    box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 34%);
    z-index: 201;
    background:#112C56  url("../img/top.png") no-repeat center top 2rem;
    background-size: 1.8rem auto;
}

@media all and (max-width:1200px) {
    .pc-footer {
        padding:0 2rem;
    }
}
@media all and (max-width:620px) {
    .pc-footer {margin-top:8rem;}
    .pc-footer .indiv .tlogo {
        font-size: 1.4rem;
    }
    .pc-footer .indiv .bar {
        margin:0 1rem;
    }
    .pc-footer .indiv .tslogon {
        font-size: 1.4rem;
    }
    .pc-footer .indiv .tcopy {
        font-size: 1.2rem;
    }
}
@media all and (max-width:420px) {
    .pc-footer .indiv {
        flex-wrap:wrap;
        row-gap:1rem;
        justify-content:center;
    }
    .pc-footer .indiv .bar {display:none;}
    .pc-footer .indiv > div {flex-basis:100%; text-align:center !important;}

    a.pc-home {
        bottom: 13.4rem;
        width: 6.4rem;
        height: 6.4rem;
        line-height: 6.4rem;
        font-size: 1.4rem;
    }
    a.pc-top {
        width: 6.4rem;
        height: 6.4rem;
        padding-top: 3rem;
        font-size: 1.4rem;
        background: #112C56 url(../img/top.png) no-repeat center top 1.5rem;
        background-size: 1.6rem auto;
    }
}



/* 메인 */
.pc-main {

}
.pc-main .msec1 {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
}
.pc-main .msec1 .left {
    padding-bottom:4rem;
}
.pc-main .msec1 .left .txt {
    display:inline-block;
    padding-top:12rem;
    background:url("../img/partycon2023/quote.png") no-repeat left top;
    background-size:auto 6rem;
    font-size: 1.8rem;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.23px;
    text-align: left;
    color: #000;
}
.pc-main .msec1 .left h2 {
    margin-top:2rem;
    font-size: 4.8rem;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.pc-main .msec1 .left h2 span {
    display:inline-block;
}
.pc-main .msec1 .left h2 span.sl1 {
    border-bottom:solid 1px #000;
}
.pc-main .msec1 .left h2 span.sl2 {
    margin-top:1rem;
    color: #e60024;
    border-bottom:solid 1px #e60024;
}
.pc-main .msec1 .left p {
    margin-top:3rem;
    font-size: 1.6rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
}
.pc-main .msec1 .right img {
    max-width:100%;
}

@media all and (max-width:985px) {
    .pc-main .msec1 .left {flex:1;}
    .pc-main .msec1 .right {flex:1;}
}
@media all and (max-width:620px) {
    .pc-main .msec1 .left .txt {font-size:2.2rem; padding-top:10rem;}
    .pc-main .msec1 .right {display:none;}
}

.pc-main .new-msec1 {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:6rem 10rem;
}
.pc-main .new-msec1 .slogan img {max-width:100%;}

@media all and (max-width:1350px) {
    .pc-main .new-msec1 {
        padding:0 10rem 6rem;
    }
}

.pc-main h2.mtit {
    margin-bottom:8rem;
    position:relative;
    display:flex;
    column-gap:2rem;
    padding-left:3rem;
    align-items:center;
    font-size: 5.6rem;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    background:url("../img/partycon2023/icon_tit.png") no-repeat left center;
}
.pc-main h2.mtit::after {
    display:block;
    content:"2023";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    opacity: 0.05;
    font-size: 8rem;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -2px;
    text-align: right;
    color: #000;
    z-index:-1;
}
.pc-main h2.mtit span {
    display:inline-block;
    font-size: 1.8rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.pc-main h2.mtit em {
    font-size: 1.8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #666;

}

@media all and (max-width:620px) {
    .pc-main h2.mtit {
        font-size: 3.6rem;
        margin-bottom:5rem;
        padding-left:2rem;
        background-size:0.7rem auto;
    }
    .pc-main h2.mtit::after {display:none;}
}
@media all and (max-width:420px) {
    .pc-main h2.mtit {
        font-size: 3.2rem;
    }
}



.pc-main .msec2 {
    position:relative;
    margin-top:4rem;
    padding-bottom:6rem;
}
/* .pc-main .msec2::before {
    display:block;
    content:"";
    position:absolute;
    top:38.4rem;
    left:5rem;
    width:19.6rem;
    height:11.6rem;
    background:url("../img/partycon2023/people.png") no-repeat center;
    background-size:contain;
    z-index:-1;
} */
.pc-main .msec2::after {
    display:none;
    content:"";
    position:absolute;
    top:30%;
    left:0;
    bottom:0;
    width:100%;
    background:#e60024;
    z-index:-1;
}
.pc-main .msec2 .candi-list {
    font-size:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.pc-main .msec2 .candi-list li {
    display:inline-block;
    width:calc(33.333% - 3.333%);
    margin-bottom:6rem;
}

/* 4줄 */
.pc-main .msec2 .candi-list.col-4 {
    column-gap:2%;
}
.pc-main .msec2 .candi-list.col-4 li {
    width:23%;
}

/* 결선 */
.pc-main .msec2 .candi-list.final {
    column-gap:30%;
    background:url("../img/partycon2023/final_vs.png") no-repeat center;
    background-size:23% auto;
}
.pc-main .msec2 .candi-list.final li {
    width:35%;
}

.pc-main .msec2 .candi-list li .name {
    font-size: 3.6rem;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.pc-main .msec2 .candi-list li .comment {
    margin-top:2rem;
    font-size: 1.8rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.pc-main .msec2 .candi-list li .comment span {
    font-size:1.6rem;
}
.pc-main .msec2 .candi-list li .img {
    margin-top:3rem;
    position:relative;
}
.pc-main .msec2 .candi-list li .img a:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(85, 85, 85, .1);
}
.pc-main .msec2 .candi-list li .img img {
    width:100%;
}
.pc-main .msec2 .candi-list li .go {
    margin-top:3rem;
    position:relative;
}
.pc-main .msec2 .candi-list li .go a {
    display:block;
    font-size: 1.8rem;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.pc-main .msec2 .candi-list li .go a span {
    display:inline-block;
}
.pc-main .msec2 .candi-list li .go a::after {
    display:block;
    position:absolute;
    content:"";
    top:50%;
    transform:translateY(-50%);
    right:0;
    width:2rem;
    height:1.7rem;
    background:url("../img/partycon2023/go_arr2.png") no-repeat center;
    background-size:contain;
    z-index:0;
}
.pc-main .msec2 .candi-list li .sns {
    margin-top:3rem;
    display:flex;
    column-gap:2rem;
    align-items:center;
}
.pc-main .msec2 .candi-list li .sns a {
    display:inline-block;
}
.pc-main .msec2 .candi-list li .sns a.blog {
    width:2.5rem;
    height:1.2rem;
    background:url("../img/partycon2023/sns_blog_black.png") no-repeat center;
    background-size:contain;
}
.pc-main .msec2 .candi-list li .sns a.instar {
    width:2rem;
    height:2rem;
    background:url("../img/partycon2023/sns_instar_black.png") no-repeat center;
    background-size:contain;
}
.pc-main .msec2 .candi-list li .sns a.you {
    width:2.4rem;
    height:1.8rem;
    background:url("../img/partycon2023/sns_you_black.png") no-repeat center;
    background-size:contain;
}
.pc-main .msec2 .candi-list li .sns a.face {
    width:0.9rem;
    height:1.7rem;
    background:url("../img/partycon2023/sns_facebook_black.png") no-repeat center;
    background-size:contain;
}
.pc-main .msec2 .candi-list li:nth-child(1) .name,
.pc-main .msec2 .candi-list li:nth-child(1) .comment,
.pc-main .msec2 .candi-list li:nth-child(2) .name,
.pc-main .msec2 .candi-list li:nth-child(2) .comment,
.pc-main .msec2 .candi-list li:nth-child(3) .name,
.pc-main .msec2 .candi-list li:nth-child(3) .comment {    
    color:#000;
}
/* .pc-main .msec2 .candi-list li:nth-child(1) .go a,
.pc-main .msec2 .candi-list li:nth-child(2) .go a,
.pc-main .msec2 .candi-list li:nth-child(3) .go a {
    color:#000;
}
.pc-main .msec2 .candi-list li:nth-child(1) .go a::after,
.pc-main .msec2 .candi-list li:nth-child(2) .go a:after,
.pc-main .msec2 .candi-list li:nth-child(3) .go a:after {
    background: url(../img/partycon2023/go_arr2.png) no-repeat center;
    background-size:contain;
}

.pc-main .msec2 .candi-list li:nth-child(1) .sns a.blog,
.pc-main .msec2 .candi-list li:nth-child(2) .sns a.blog,
.pc-main .msec2 .candi-list li:nth-child(3) .sns a.blog {
    background:url("../img/partycon2023/sns_blog_black.png") no-repeat center;
    background-size:contain;
}
.pc-main .msec2 .candi-list li:nth-child(1) .sns a.instar,
.pc-main .msec2 .candi-list li:nth-child(2) .sns a.instar,
.pc-main .msec2 .candi-list li:nth-child(3) .sns a.instar {
    background:url("../img/partycon2023/sns_instar_black.png") no-repeat center;
    background-size:contain;
}
.pc-main .msec2 .candi-list li:nth-child(1) .sns a.you,
.pc-main .msec2 .candi-list li:nth-child(2) .sns a.you,
.pc-main .msec2 .candi-list li:nth-child(3) .sns a.you {
    background:url("../img/partycon2023/sns_you_black.png") no-repeat center;
    background-size:contain;
}
.pc-main .msec2 .candi-list li:nth-child(1) .sns a.face,
.pc-main .msec2 .candi-list li:nth-child(2) .sns a.face,
.pc-main .msec2 .candi-list li:nth-child(3) .sns a.face {
    background:url("../img/partycon2023/sns_facebook_black.png") no-repeat center;
    background-size:contain;
} */

@media all and (max-width:1200px) {
    .pc-main .msec2::before {display:none;}
    /* 2줄 */
    .pc-main .msec2 .candi-list.col-4 {
        column-gap:2%;
    }
    .pc-main .msec2 .candi-list.col-4 li {
        width:48%;
    }
}

@media all and (max-width:620px) {
    .pc-main .msec2 {padding-bottom:3rem;}
    .pc-main .msec2::after {top:50%;}
    .pc-main .msec2 .candi-list li {
        width:calc(50% - 2%);
    }
    /* 2줄 */
    .pc-main .msec2 .candi-list.col-4 {
        column-gap:2%;
    }
    .pc-main .msec2 .candi-list.col-4 li {
        width:48%;
    }
    .pc-main .msec2 .candi-list li .name {
        font-size: 2.6rem;
    }
    .pc-main .msec2 .candi-list li .comment {
        margin-top:1.2rem;
        font-size: 1.6rem;
    }
    .pc-main .msec2 .candi-list li .comment span {
        font-size:1.4rem;
    }

    .pc-main .msec2 .candi-list li:nth-child(4) .name,
    .pc-main .msec2 .candi-list li:nth-child(4) .comment {    
        color:#000;
    }

    .pc-main .msec2 .candi-list li:nth-child(1) .go a,
    .pc-main .msec2 .candi-list li:nth-child(2) .go a {
        color:#000;
    }
    .pc-main .msec2 .candi-list li:nth-child(1) .go a::after,
    .pc-main .msec2 .candi-list li:nth-child(2) .go a:after {
        background: url(../img/partycon2023/go_arr2.png) no-repeat center;
        background-size:contain;
    }
    
    .pc-main .msec2 .candi-list li:nth-child(1) .sns a.blog,
    .pc-main .msec2 .candi-list li:nth-child(2) .sns a.blog{
        background:url("../img/partycon2023/sns_blog_black.png") no-repeat center;
        background-size:contain;
    }
    .pc-main .msec2 .candi-list li:nth-child(1) .sns a.instar,
    .pc-main .msec2 .candi-list li:nth-child(2) .sns a.instar {
        background:url("../img/partycon2023/sns_instar_black.png") no-repeat center;
        background-size:contain;
    }
    .pc-main .msec2 .candi-list li:nth-child(1) .sns a.you,
    .pc-main .msec2 .candi-list li:nth-child(2) .sns a.you {
        background:url("../img/partycon2023/sns_you_black.png") no-repeat center;
        background-size:contain;
    }
    .pc-main .msec2 .candi-list li:nth-child(1) .sns a.face,
    .pc-main .msec2 .candi-list li:nth-child(2) .sns a.face {
        background:url("../img/partycon2023/sns_facebook_black.png") no-repeat center;
        background-size:contain;
    }    
   
}
@media all and (max-width:420px) {
    .pc-main .msec2 {margin-top:2rem;}
}





.pc-main .msec3 {
    position:relative;
    margin-top:12rem;
    padding-bottom:12rem;
}
/* 
.pc-main .msec3::after {
    display:block;
    content:"";
    position:absolute;
    top:35rem;
    left:0;
    bottom:0;
    width:100%;
    background:url("../img/partycon2023/msc3_bg.png") no-repeat center;
    background-size:cover;
    z-index:-1;
} 
*/
.pc-main .msec4 {
    position:relative;
    margin-top:12rem;
    padding-bottom:12rem;
}
/* .pc-main .msec4::after {
    display:block;
    content:"";
    position:absolute;
    top:35rem;
    left:0;
    bottom:0;
    width:100%;
    background:url("../img/partycon2023/msc3_bg.png") no-repeat center;
    background-size:cover;
    z-index:-1;
} */

@media all and (max-width:620px) {
    .pc-main .msec3 {
        margin-top:8rem;
        padding-bottom:8rem;
    }
    .pc-main .msec3::after {top:15%;}
}

@media all and (max-width:620px) {
    .pc-main .msec4 {
        margin-top:8rem;
        padding-bottom:8rem;
    }
    .pc-main .msec4::after {top:25%;}
}



.mid-list {
    font-size:0;
    display:flex;
    flex-wrap:wrap;
    width:calc(100% + 1px);
}
.mid-list li {
    display:inline-block;
    width:calc(33.333% + 1px);
    padding:3rem;
    background:#fff;
    border:solid 1px #000;
    margin-top:-1px;
    margin-left:-1px;
}
/* 4줄 */
.mid-list.col-4 li {
    width:calc(25% + 1px);    
}
.mid-list li .comment {
    font-size: 1.8rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.mid-list li .comment span {
    font-size:1.6rem;
    letter-spacing:-0.5px;
}
.mid-list li .comment span.err {
    font-size:1.5rem;
}
.mid-list li .img {
    position:relative;
    margin-top:3rem;
}
.mid-list li .img a:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(85, 85, 85, .1);
}
.mid-list li .img img {
    width:100%;
}
.mid-list li .name {
    position:relative;
    margin-top:2rem;
}
.mid-list li .name a {
    display:block;
    font-size: 2.4rem;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.mid-list li .name a::after {
    display:block;
    position:absolute;
    content:"";
    top:50%;
    transform:translateY(-50%);
    right:0;
    width:2rem;
    height:1.7rem;
    background:url("../img/partycon2023/go_arr2.png") no-repeat center;
    background-size:contain;
    z-index:0;
}

.mid-list.col-4 li .comment .err2.kgr br {
    display:none;
}

@media all and (max-width:1200px) {
    /* 2줄 */
    .mid-list.col-4 li {
        width:calc(50% + 1px);
        padding:2rem;
    }

    .mid-list.col-4 li .comment .err2.kgr br {
        display:block;
    }
}
@media all and (max-width:960px) {
    .mid-list li .comment .err2 br {
            display:none;
    }
}
@media all and (max-width:890px) {
    /* .mid-list.col-4 li .comment .err2.kgr br {
        display:none;
    } */
}
@media all and (max-width:840px) {
    /* .mid-list li .comment .err4 br {
        display:none;
    } */
}
@media all and (max-width:660px) {
    /* .mid-list li .comment .err3 br {
        display:none;
    } */
}
@media all and (max-width:620px) {
    .mid-list li {
        width:calc(50% + 1px);
        padding:2rem;
    }
    /* 2줄 */
    .mid-list.col-4 li {
        width:calc(50% + 1px);
        padding:2rem;
    }
    .mid-list li .comment {
        font-size: 1.6rem;
    }
    .mid-list li .comment span {
        font-size:1.4rem;
    }
    .mid-list li .comment .err2 br {
        display:block;
    }
    .mid-list li .comment .err3 br {
        display:block;
    }
    .mid-list li .comment .err4 br {
        display:block;
    }
    .mid-list li .img {
        margin-top:2rem;
    }
}

@media all and (max-width:480px) {
    .mid-list.col-4 li .comment .err2.kgr br {
        display: none;
    }
}

@media all and (max-width:460px) {
    .mid-list li .comment span.err br {
            display:none;
    }
}
@media all and (max-width:400px) {
    .mid-list li .comment br {
        display:none;
    }
    .mid-list li .comment span.err {
        font-size:1.3rem;
    }
}
@media all and (max-width:380px) {
    .mid-list li .comment .err4 br {
        display:none;
    }
}



.pc-main .msec5 {
    position:relative;
    margin-top:12rem;
}
.pc-main .msec5::after {
    display:block;
    content:"";
    position:absolute;
    top:20rem;
    left:0;
    bottom:3rem;
    width:100%;
    background:url("../img/partycon2023/msc5_bg.png") no-repeat center;
    background-size:cover;
    z-index:-1;
}
.pc-main .msec5 .bn-wrap {
    display:flex;
    column-gap:8rem;
}
.pc-main .msec5 .bn-wrap > div {
    flex:1;
}
.pc-main .msec5 .mtit2 {
    display:flex;
    align-items:center;
    font-size: 4.4rem;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-bottom:3rem;
}
.pc-main .msec5 .mtit2 a {
    display:inline-block;
    font-size:0;
    margin-left:auto;
    width:2rem;
    height:1.7rem;
    background:url("../img/partycon2023/go_arr2.png") no-repeat center;
    background-size:contain;
}
.pc-main .msec5 p {
    height:5.5rem;
    font-size: 1.8rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
.pc-main .msec5 .img {
    margin-top:4rem;
}
.pc-main .msec5 .img img {
    width:100%;
}

@media all and (max-width:620px) {
    .pc-main .msec5 {
        margin-top:8rem;
    }
    .pc-main .msec5::after {display:none;}
    .pc-main .msec5 .bn-wrap {
        flex-wrap: wrap;
    }
    .pc-main .msec5 .bn-wrap > div {
        flex-basis:100%;
    }
    .pc-main .msec5 .bn-wrap > div.left .img {
        position:relative;        
    }
    .pc-main .msec5 .bn-wrap > div.left .img:after {
        display:inline-block;
        content:"";
        position:absolute;
        top:0;
        left:-2rem;
        right:-2rem;
        bottom:0;
        background:url("../img/partycon2023/vote_bg.png") no-repeat center;
        background-size:100% auto;
        z-index:-1;
    }
    .pc-main .msec5 .bn-wrap > div.right {
        margin-top:6rem;
    }
    .pc-main .msec5 .bn-wrap > div.right .img {
        position:relative;
    }
    .pc-main .msec5 .bn-wrap > div.right .img:after {
        display:inline-block;
        content:"";
        position:absolute;
        top:0;
        left:-2rem;
        right:-2rem;
        bottom:0;
        background:url("../img/partycon2023/schedule_bg.png") no-repeat center;
        background-size:100% auto;
        z-index:-1;
    }
    .pc-main .msec5 .mtit2 {
        font-size: 3rem;
        margin-bottom:2rem;
    }
    .pc-main .msec5 .mtit2 a {
        width:2.5rem;
        height:2.1rem;
    }
    .pc-main .msec5 .img {
        margin-top:3rem;
    }
    .pc-main .msec5 p {
        height:auto;
        font-size: 1.6rem;
    }
    
}






/* 페이지 타이틀 */
h2.page-title {
    font-size:5rem;
    font-weight:900;
    color:#000;
    line-height:1;
}



/* 일정안내 */
.pc-schedule {
    padding-top:12rem;
}
.pc-schedule dl {
    display:flex;
    margin-top:6rem;
}
.pc-schedule dl dt {
    padding-top:2rem;
    width:29rem;
    font-size:3rem;
    color:#000;
    font-weight:900;
    background:url("../img/partycon2023/top_bar.png") no-repeat left top;
    background-size:3rem auto;
}
.pc-schedule dl dd {
    flex:1;
    padding-top:2.5rem;
}
.pc-schedule dl dd p {
    position:relative;
    padding-left:1.6rem;
    color:#737373;
    font-size:2.4rem;
    font-weight:700;
}
.pc-schedule dl dd p:before {
    display:block;
    content:"";
    width:0.6rem;
    height:0.6rem;
    background:#b1b1b1;
    border-radius:50%;
    position:absolute;
    top:1.2rem;
    left:0;
}
.pc-schedule dl dd p b {
    color:#000;
}
.pc-schedule dl dd p em {
    font-size:1.8rem;
    font-style:italic;
}
.pc-schedule dl dd p strong {
    color:#e60024;
    font-size:3rem;
}
.pc-schedule dl dd p span {
    font-size:2.2rem;
}
.pc-schedule .dflex {
    display:flex;
    align-items:center;
    column-gap:4rem;
}
.pc-schedule a.mov {
    display:inline-block;
    padding-left:4rem;
    background:url("../img/partycon2023/icon_you.png") no-repeat left center;
    background-size:auto 2.3rem;
    font-size:1.8rem;
    color:#000;
    font-weight:900;
}

.pc-schedule h3 {
    font-size:3rem;
    color:#e60024;
    font-weight:900;
    margin:0;
    line-height:1;
}

.pc-schedule .case {
    margin-top:6rem;
    border-top:dashed 1px #ddd;
    padding:2rem 0 0;

}
.pc-schedule .case span {
    display:inline-block;
    padding:1rem 2rem;
    background:#aaa;
    color:#fff;
    font-size:1.6rem;
    border-radius:0.4rem;
}

.pc-schedule .stack-live {padding-left:2rem;}

@media all and (max-width:1350px) {
    .pc-schedule {
        padding-top:0;
    }
}
@media all and (max-width:1200px) {
    .pc-schedule dl {
        flex-wrap:wrap;
    }
    .pc-schedule dl dt {
        width:100%;
        flex-basis:100%;
    }
}
@media all and (max-width:620px) {
    h2.page-title {
        font-size:4rem;
    }
    .pc-schedule dl dt {
        font-size:2.2rem;
        background-size:2.5rem auto;
    }
    .pc-schedule dl dd p {
        font-size:1.6rem;
    }
    .pc-schedule dl dd p:before {
        top:0.7rem;
    }
    .pc-schedule dl dd p em {
        font-size:1.4rem;
    }
    .pc-schedule dl dd p strong {
        font-size:1.8rem;
    }
    .pc-schedule a.mov {
        font-size:1.6rem;
        background-size:auto 2rem;
    }
    .pc-schedule h3 {
        font-size:1.8rem;
    }
    .pc-schedule dl dd p span {
        font-size:1.6rem;
    }
}
@media all and (max-width:420px) {
    h2.page-title {
        font-size:3.2rem;
    }
    .pc-schedule .dflex {
        flex-wrap:wrap;
    }
    .pc-schedule .dflex p {
        flex-basis:100%;
    }
    .pc-schedule .dflex a {
        margin:1rem 0 0 1.7rem;
    }
    .pc-schedule p b {
        display:block;
    }
    .pc-schedule p em {
        display:block;
    }
}









/* 프로필 상세 */
.pc-view {
    padding-top:5rem;
    background:url("../img/partycon2023/photo_bg1.png") no-repeat;
    background-position:left top 50rem;
}
.pc-view .profile {
}
.pc-view .profile .dflex {
    display:flex;
}
.pc-view .profile .dflex .img {
    position:relative;
    flex:1;
}
.pc-view .profile .dflex .img:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(85, 85, 85, .1);
}
.pc-view .profile .dflex .img img {
    width:100%;
}
.pc-view .profile .dflex .info {
    flex:1;
    display:flex;
    flex-wrap:wrap;
    padding-top:5rem;
}
.pc-view .profile .dflex .info .if1 {
    flex-basis:100%;
    padding-left:10rem;
    font-size:3.6rem;
    color:#000;
}
.pc-view .profile .dflex .info .if1 p {font-size:3.2rem;}
.pc-view .profile .dflex .info .if1 b {
    font-size:4rem;
    font-weight:800;
    color:#e60024;
    white-space:nowrap;
}
.pc-view .profile .dflex .info .name {
    flex-basis:100%;
    padding-left:10rem;
    font-size:9rem;
    color:#000;
    font-weight:900;
}
.pc-view .profile .dflex .info .sns {
    position:relative;
    align-self:end;
    display:flex;
    align-items:center;
    column-gap:1rem;
    background:#f0f6f7;
    flex-basis:100%;
    padding-left:10rem;
    padding-top:10rem;
}
.pc-view .profile .dflex .info .sns a {
    display:inline-block;
    width:5.2rem;
    height:5.2rem;
    font-size:0;
}
.pc-view .profile .dflex .info .sns a.you {
    background:url("../img/partycon2023/view_sns_you.png") no-repeat center;
    background-size:contain;
}
.pc-view .profile .dflex .info .sns a.ka {
    background:url("../img/partycon2023/view_sns_ka.png") no-repeat center;
    background-size:contain;
}
.pc-view .profile .dflex .info .sns a.blog {
    background:url("../img/partycon2023/view_sns_blog.png") no-repeat center;
    background-size:contain;
}
.pc-view .profile .dflex .info .sns a.facebook {
    background:url("../img/partycon2023/view_sns_face.png") no-repeat center;
    background-size:contain;
}
.pc-view .profile .dflex .info .sns a.instar {
    background:url("../img/partycon2023/view_sns_ins.png") no-repeat center;
    background-size:contain;
}
.pc-view .profile .dflex .info .sns::after {
    display:block;
    content:"";
    position:absolute;
    top:5rem;
    left:100%;
    bottom:0;
    width:120rem;
    background:#f0f6f7;
}
.pc-view .profile .dflex .info .sns span {    
    display:block;
    width:80rem;
    height:5rem;
    background:url("../img/partycon2023/photo_bg2.png") no-repeat center;
    background-size:100%;
    position:absolute;
    top:0;
    left:0;
}
.pc-view .profile .dflex .info .sns span em {
    display:block;
    width:100rem;
    height:5rem;
    background:url("../img/partycon2023/photo_bg3.png") no-repeat center;
    background-size:100% auto;
    position:absolute;
    top:-5rem;
    left:100%;
}
.pc-view .profile .career {
    position:relative;    
}
.pc-view .profile .career .dflex {
    position:relative;
    top:0;
    left:15rem;
    column-gap:6rem;
    row-gap:3rem;
    padding:8rem 0 15rem 10rem;  
    background:#f0f6f7;
    width:calc(100% + 15rem);
}
.pc-view .profile .career .dflex::after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:100%;
    bottom:0;
    width:102.5rem;
    background:#f0f6f7;
}
.pc-view .profile .career .dflex > div > dl {
    display:flex;
    column-gap:4rem;
}
.pc-view .profile .career .dflex > div.class {
    flex:1;
}
.pc-view .profile .career .dflex > div.class dd p {
    white-space:nowrap;
}
.pc-view .profile .career .dflex > div.history {
    flex:1.5;
}
.pc-view .profile .career .dflex > div > dl dt {
    font-size:2.6rem;
    color:#000;
    font-weight:800;
    white-space:nowrap;
}
.pc-view .profile .career .dflex > div > dl dd p {
    padding-left:1.2rem;
    text-indent:-1.2rem;
    font-size:1.8rem;
    color:#000;
    line-height:1.8;
    white-space:nowrap;
}

@media all and (max-width:1550px) {
    .pc-view .profile .career .dflex {
        flex-wrap:wrap;
    }
    .pc-view .profile .career .dflex > div {
        flex-basis:100%;
    }
    .pc-view .profile .career .dflex > div.class {
        flex-basis:100%;
    }
    .pc-view .profile .career .dflex > div.class dd p {
        white-space:inherit;
    }
    .pc-view .profile .career .dflex > div.history {
        flex-basis:100%;
    }
    .pc-view .profile .career .dflex > div > dl dd p {
        white-space:inherit;
    }
}
@media all and (max-width:1350px) {
    .pc-view {
        padding-top:0;
    }
}
@media all and (max-width:1200px) {
    .pc-view .profile .dflex .info .if1 b {
        white-space:inherit;
    }
    .pc-view .profile .career .dflex {
        left:0;
    }
    .pc-view .profile .dflex .info {
        padding-top:3rem;
    }
    .pc-view .profile .dflex .info .if1 {
        padding-left:3rem;
    }
    .pc-view .profile .dflex .info .name {
        padding-left:3rem;
    }
    .pc-view .profile .dflex .info .sns {
        padding-top:7rem;
        padding-left:3rem;
    }
}
@media all and (max-width:800px) {
    .pc-view {
        background:none;
    }
    .pc-view .profile .career .dflex {
        width:100%;
    }
    .pc-view .profile .dflex .info {
        padding-top:0;
        flex:1.5;
    }
    .pc-view .profile .dflex .info .if1 {
        font-size:2.6rem;
    }
    .pc-view .profile .dflex .info .if1 p {font-size:2.2rem;}
    .pc-view .profile .dflex .info .if1 b {
        font-size:3.5rem;
    }
    .pc-view .profile .dflex .info .name {
        font-size:6rem;
    }
    .pc-view .profile .dflex .info .sns {
        padding-top:5rem;
    }
    .pc-view .profile .dflex .info .sns span {
        height:2.5rem;
        width:100%;
    }
    .pc-view .profile .dflex .info .sns::after {
        display:none;
    }
    .pc-view .profile .dflex .info .sns span em {
        display:none;
    }
    .pc-view .profile .career .dflex::after {
        display:none;
    }
}
@media all and (max-width:620px) {
    .pc-view .profile .dflex .info .if1 {
        font-size:2rem;
    }
    .pc-view .profile .dflex .info .if1 p {font-size:1.8rem;}
    .pc-view .profile .dflex .info .if1 b {
        font-size:2.5rem;
    }
    .pc-view .profile .dflex .info .name {
        font-size:4rem;
    }
    .pc-view .profile .dflex .info .sns {
        padding-top:3rem;
    }
    .pc-view .profile .dflex .info .sns span {
        height:1rem;
    }
    .pc-view .profile .dflex .info .sns a {
        width:4rem;
        height:4rem;
    }
    .pc-view .profile .career .dflex {
        left:0;
        column-gap: 10rem;
        row-gap: 3rem;
        padding: 5rem 2rem 5rem 2rem;
    }
    .pc-view .profile .career .dflex > div > dl dt {
        font-size:2rem;
    }
    .pc-view .profile .career .dflex > div > dl dd p {
        font-size:1.6rem;
    }
}
@media all and (max-width:520px) {
    .pc-view .profile .dflex {
        flex-wrap:wrap;
    }
    .pc-view .profile .dflex .img {
        flex-basis:100%;
    }
    .pc-view .profile .dflex .info {
        flex-basis:100%;
        padding-top:3rem;
    }
    .pc-view .profile .dflex .info .if1 {
        padding-left:2rem;
    }
    .pc-view .profile .dflex .info .name {
        padding-left:2rem;
        margin:2rem 0 3rem;
    }
    .pc-view .profile .dflex .info .sns {
        padding-left:2rem;
    }
}



.pc-view h2 {
    font-size:3rem;
    font-weight:900;
    color:#000;
    background:url("../img/partycon2023/h2_bg.png") no-repeat right center;
    margin-bottom:8rem;
    line-height:1;
}

.pc-view .vsec1 {
    padding:12rem 0;
    background:url("../img/partycon2023/vsec1_bg1.png") no-repeat left bottom 5rem,
               url("../img/partycon2023/vsec1_bg2.png") no-repeat left 90% top 24rem;
}
.pc-view .vsec1 .s1 {
    font-size:4rem;
    color:#e60024;
}
.pc-view .vsec1 .s2 {
    font-size:4rem;
    color:#000;
    font-weight:900;
}
.pc-view .vsec1 .dflex {
    display:flex;
    margin-top:6rem;
}
.pc-view .vsec1 .dflex > div {
    flex:1;
}
.pc-view .vsec1 .dflex > div.txt {
    padding-right:5rem;
}
.pc-view .vsec1 .dflex > div.txt p {
    font-size:2rem;
    color:#414141;
    line-height:1.8;
    font-weight:600;
}
.pc-view .vsec1 .dflex > div.txt p + p {
    margin-top:3rem;
}
.pc-view .vsec1 .dflex > div.txt p span {
    color:#e60024;
    font-weight:800;
}
.pc-view .vsec1 .dflex > div.txt p b {
    color:#000;
    font-weight:800;
}
.pc-view .vsec1 .dflex > div.txt .hl {
    font-size:3rem;
    color:#0fb2d6;
    font-weight:800;
}
.pc-view .vsec1 .dflex > div.img {
    text-align:right;
}
.pc-view .vsec1 .dflex > div.img img {
    max-width:100%;
}
.pc-view .vsec1 div.txt2 {
    margin-top:4rem;
}
.pc-view .vsec1 div.txt2 p {
    font-size:2rem;
    color:#414141;
    line-height:1.8;
    font-weight:600;
}
.pc-view .vsec1 div.txt2 p + p {
    margin-top:3rem;
}
.pc-view .vsec1 div.txt2 p span {
    font-size:2rem;
    color:#e60024;
    font-weight:800;
}
.pc-view .vsec1 div.txt2 p b {
    font-size:2rem;
    color:#000;
    font-weight:800;
}

@media all and (max-width:800px) {
    .pc-view h2 {
        background-size:50% auto;
    }
}
@media all and (max-width:620px) {
    .pc-view h2 {
        margin-bottom:4rem;
    }
    .pc-view .vsec1 {
        padding:6rem 0;
    }
    .pc-view .vsec1 .s1 {
        font-size:2rem;
    }
    .pc-view .vsec1 .s2 {
        margin-top:1rem;
        font-size:2.6rem;
    }
    .pc-view .vsec1 .dflex {
        flex-wrap:wrap;
        margin-top:3rem;
    }
    .pc-view .vsec1 .dflex > div.txt {
        flex-basis:100%;
        padding-right:0;
    }
    .pc-view .vsec1 .dflex > div.txt p {
        font-size:1.6rem;
    }
    .pc-view .vsec1 .dflex > div.txt p + p {
        margin-top:2rem;
    }
    .pc-view .vsec1 .dflex > div.txt .hl {
        font-size:2.2rem;
    }
    .pc-view .vsec1 .dflex > div.img {
        margin-top:3rem;
        flex-basis:100%;
        text-align:center;
    }
    .pc-view .vsec1 div.txt2 p {
        font-size:1.6rem;
    }
    .pc-view .vsec1 div.txt2 p + p {
        margin-top:2rem;
    }
    .pc-view .vsec1 div.txt2 p span {
        font-size:1.8rem;
    }
    .pc-view .vsec1 div.txt2 p b {
        font-size:1.8rem;
    }
}


.pc-view .vsec2 {
    padding:12rem 0;
    background:#f7f7f7;
}
.pc-view .vsec2 dl {
    display:flex;
    border-bottom:solid 1px #000;
    padding:5rem 0;
}
.pc-view .vsec2 dl:first-child {padding-top:5rem;}
.pc-view .vsec2 dl dt {
    flex:1;
}
.pc-view .vsec2 dl dt div {
    padding-left:3.2rem;
    text-indent:-3.2rem;
    font-size:2.8rem;
    color:#000;
    font-weight:900;
}
.pc-view .vsec2 dl dt b {color:#e60024;}
.pc-view .vsec2 dl dd {
    flex:1;
}
.pc-view .vsec2 dl dd p {
    font-size:1.8rem;
    color:#4b4b4b;
    font-weight:600;
    padding-left:1.5rem;
    text-indent:-1.5rem;
    line-height:1.8;
}
.pc-view .vsec2 dl dd p + p {
    margin-top:2rem;
}

@media all and (max-width:800px) {
    .pc-view .vsec2 dl {
        flex-wrap:wrap;
    }
    .pc-view .vsec2 dl dt {
        flex-basis:100%;
    }
    .pc-view .vsec2 dl dt br {
        display:none;
    }
    .pc-view .vsec2 dl dd {
        flex-basis:100%;
        margin-top:2rem;
    }
}
@media all and (max-width:620px) {
    .pc-view .vsec2 {
        padding:6rem 0;
    }
    .pc-view .vsec2 dl {
        padding:3rem 0;
    }
    .pc-view .vsec2 dl.fst {
        padding-top:0;
    }
    .pc-view .vsec2 dl dt div {
        font-size:2rem;
    }
    .pc-view .vsec2 dl dd p {
        font-size:1.6rem;
    }
}




.pc-view .vsec3 {
    padding:12rem 0;
    background:url("../img/partycon2023/vsec3_top_bg.jpg") no-repeat center top;
    background-size:100% auto;
}
.pc-view .vsec3 h2 {
    color:#fff;
    background:none;
    margin-bottom:5rem;
}
.pc-view .vsec3 .mwrap {
    margin-top:4rem;
}
.pc-view .vsec3 .mwrap .mov {
    position:relative;
    padding-top:55%;
}
.pc-view .vsec3 .mwrap .mov .ifm {
    position:absolute;
    top:0;left:0;width:100%;height:100%;
}
.pc-view .vsec3 .mwrap .mov .ifm img {
    width:100%;
    height:100%;
}
.pc-view .vsec3 .mwrap .sbj {
    text-align:center;
    margin-top:4rem;
    font-size:3rem;
    color:#000;
    font-weight:900;
}
.pc-view .vsec3 .mwrap ul.mov_nav {
    margin-top:5rem;
    display:flex;
    column-gap:1rem;
    row-gap:1rem;
    justify-content:center;
}
.pc-view .vsec3 .mwrap ul.mov_nav li {
    position:relative;
    width:19rem;
    height:14.3rem;
    font-size:0;
}
.pc-view .vsec3 .mwrap ul.mov_nav li a:after {
    display:none;
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border:solid 0.5rem #e60024;
}
.pc-view .vsec3 .mwrap ul.mov_nav li.active a:after,
.pc-view .vsec3 .mwrap ul.mov_nav li:hover a:after {
    display:block;
}
.pc-view .vsec3 .mwrap ul.mov_nav li img {
    width:100%;
    height:100%;
}

@media all and (max-width:1200px) {
    .pc-view .vsec3 {
        background-size:100% 35%;
    }
}
@media all and (max-width:620px) {
    .pc-view .vsec3 {
        padding:6rem 0;
    }
    .pc-view .vsec3 h2 {
        margin-bottom:3rem;
    }
    .pc-view .vsec3 .mwrap .sbj {
        font-size:2rem;
    }
    .pc-view .vsec3 .mwrap ul.mov_nav li {
        width:15rem;
        height:auto;
    }
    .pc-view .vsec3 .mwrap ul.mov_nav li img {
        height:auto;
    }
}




.pc-view .vsec4 {
    padding:12rem 0;
    background:#f7f7f7;
}
.pc-view .vsec4 .pm-list {
    position:relative;
    margin-top:5rem;
}
.pc-view .vsec4 .pm-list ul {
    display:flex;
    column-gap:3rem;
}
.pc-view .vsec4 .pm-list ul li {
    padding:1.5rem;
    background:#dcdcdc;
    position:relative;
}
.pc-view .vsec4 .pm-list ul li img {
    width:100%;
}
.pc-view .vsec4 .pm-list ul li.on,
.pc-view .vsec4 .pm-list ul li:hover {
    background:url("../img/partycon2023/photo_pmo_frame.png") no-repeat center;
    background-size:cover;
}
.pc-view .vsec4 .pm-list ul li.on a:after,
.pc-view .vsec4 .pm-list ul li:hover a:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(0, 0, 0, 0.2);
    z-index:2;
}
.pc-view .vsec4 .pm-list ul li.on a:before,
.pc-view .vsec4 .pm-list ul li:hover a:before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:url("../img/partycon2023/photo_1_pmo_view.png") no-repeat center;
    z-index:3;
}

.pc-view .vsec4 .pm-list .control {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:calc(100% + 5rem);
}
.pc-view .vsec4 .pm-list .control a {
    display:block;
    width:6rem;
    height:6rem;
    font-size:0;
}
.pc-view .vsec4 .pm-list .control a.prev {
    background:url("../img/partycon2023/prev.png") no-repeat center;
    background-size:6rem auto;
}
.pc-view .vsec4 .pm-list .control a.next {
    margin-bottom:1rem;
    background:url("../img/partycon2023/next.png") no-repeat center;
    background-size:6rem auto;
}
.pc-view .vsec4 .pm-list .control a.stop {
    background:url("../img/partycon2023/pause.png") no-repeat center;
    background-size:6rem auto;
}
.pc-view .vsec4 .pm-list .control a.play {
    display:none;
    background:url("../img/partycon2023/pause.png") no-repeat center;
    background-size:6rem auto;
}

.pc-view .vsec4 .pm-list .bx-wrapper {max-width:100% !important;}

@media all and (max-width:1200px) {
    .pc-view .vsec4 .pm-list .control {
        margin-top:3rem;
        position:relative;
        left:inherit;
        top:inherit;
        transform:inherit;
        display:flex;
        justify-content:center;
    }
    .pc-view .vsec4 .pm-list .control a {
        display:inline-block;
    }
    .pc-view .vsec4 .pm-list .control a.prev {
        transform:rotate(-90deg);
    }
    .pc-view .vsec4 .pm-list .control a.next {
        transform:rotate(270deg);
    }
}
@media all and (max-width:620px) {
    .pc-view .vsec4 {
        padding:6rem 0;
    }
    .pc-view .vsec4 .pm-list ul {
        column-gap:2rem;
    }
}




/* 레이어 */
.pop_layer {
	background-color:rgba(255,255,255,.8); 
	justify-content:center; /* 수평 중앙정렬 */
	align-items:center;     /* 수직 중앙정렬 */
	position:fixed;         /* 화면 고정 */
	top:0;
	left:0;
	right:0;
	bottom:0;       /* 모든 방향에 0 (화면에 꽉차게) */
	display:flex; 	/* 처음부터 보이게 하는 상황이라면 display:flex; */
	padding:5%;   /* 반응형 */
	opacity:0;
    transition:all 0.3s ease;
    transform:scale(1.2);
    z-index:-1;
    overflow-y:auto;
}
.pop_layer.active {
    opacity:1;
    z-index:1000;
    transform:scale(1);
}
.pop_layer .ly-conts {
    max-width:64rem;
    margin:auto;
	position:relative;
	top:0;
	bottom:0;
    background:url("../img/partycon2023/photo_pmo_frame.png") no-repeat center;
    background-size:cover;
    box-shadow: .4rem .4rem 3rem rgba(0,0,0,.2); /* 그림자 효과 */
    padding:1.5rem;
	z-index:1001;
}
.pop_layer .ly-conts .img img {width:100%;}
.pop_layer .ly-conts .close {
    display:block;
    width:7rem;
    height:7rem;
    position:absolute;
    top:-1.5rem;
    left:calc(100% + 5rem);
    transform:translateX(-50%);
    font-size:0;
    background:url("../img/partycon2023/pmo_ly_close.png") no-repeat center;
    background-size:3.6rem auto;
}


.pop_layer .pc-prev {
    position:fixed;
    top:50%;
    left:10%;
    display: block;
    width: 6rem;
    height: 6rem;
    font-size: 0;
    background: url(../img/partycon2023/prev.png) no-repeat center;
    background-size: 6rem auto;
    transform:translateY(-50%) rotate(-90deg);
    z-index:9999;
}

.pop_layer .pc-next {
    position:fixed;
    top:50%;
    right:10%;   
    display: block;
    width: 6rem;
    height: 6rem;
    font-size: 0;
    background: url(../img/partycon2023/next.png) no-repeat center;
    background-size: 6rem auto;
    transform:translateY(-50%) rotate(270deg);
    z-index:9999;
}

@media all and (max-width:650px) {
    .pop_layer {padding:10%;}
    .pop_layer .ly-conts .close {
        width: 5rem;
        height: 5rem;
        top:-5rem;
        left:100%;
    }
}
@media all and (max-width:520px) {
    .pop_layer .pc-prev {left:5%; opacity:0.5;}
    .pop_layer .pc-next {right:5%; opacity:0.5;}
}

/* 슬라이드 1번째부터 재정렬 */
/* .pm-list .bx-viewport li,
.pop_layer .bx-viewport li {min-height:1px; min-width:1px;}
.pm-list .bx-clone,
.pop_layer .bx-clone {display:none;}  */



/* 유투브 팝업 */
#youtubeOpen .smov:after {
    padding-top: 56.3%;
}






/* 메인 배경 애니메이션 */
.pc-main {position:relative; overflow:hidden;}
.pm-bg-left {
    position:absolute;
    top:39rem;
    left:-32.3rem;
    width:32.3rem;
    height:127.4rem;
    background:url("../img/partycon2023/pbgl-1.png") no-repeat right 12.3rem top 42.8rem,
               url("../img/partycon2023/pbgl-2.png") no-repeat right top;
    background-size:86.5rem auto, 22.3rem auto;
    transition:right 0.5s;
    z-index:-1;
}
.pm-bg-right {
    position:absolute;
    top:39rem;
    right:-32.3rem;
    width:32.3rem;
    height:86.5rem;
    background:url("../img/partycon2023/pbgr-1.png") no-repeat left 12.3rem top,
               url("../img/partycon2023/pbgr-2.png") no-repeat left top 90%;
    background-size:86.5rem auto, 6.3rem auto;
    transition:right 0.5s;
    z-index:-1;
}

@media all and (max-width:1560px) {
    .pm-bg-left {opacity:0.1;}
    .pm-bg-right {opacity:0.1;}
}
@media all and (max-width:520px) {
    .pm-bg-left {opacity:0;}
    .pm-bg-right {opacity:0;}
}




#youtubeOpen .modal-header h2 {
    font-family: 'Pretendard', sans-serif;
}
.modal-content .modal-header {
    margin-bottom:0;
}









/* 공보물 */
.pt-head {position:relative; padding:3rem 5rem;}
.pt-head .logo img {width:13.4rem; height:auto;}
.pt-head .category {
    display:block;
    position:absolute; top:3rem; right:5rem; 
    font-size:0;
    width:2.8rem;
    height:2.8rem;
    background:url("../img/partycon2023/category.svg") no-repeat center;
    background-size:2.8rem auto;
}
.pt-head .logo {margin:0; padding:0;}

.pt-wrap {padding:0 5rem;}
.pt-wrap .pt-tit {
    margin-bottom:2rem;
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-weight: 900;
    padding-left:1.6rem;
    background:url("../img/partycon2023/pt_tit_bar.png") no-repeat left center;
}
.pt-wrap .pt-total {
    margin-top:2rem;
    margin-bottom:2rem;
    font-size: 2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.9;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-weight: 800;
}
.pt-wrap .pt-total span {
    color:#e60024;
}
.pt-list > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 2%;
}
.pt-list > ul > li {
    width:48%;
    border-top:solid 1px #eee;
    padding:5rem 0;
}
.pt-list .name {position:relative; margin-bottom:3rem; padding-left:6rem;}
.pt-list .name .thumb {
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    width:5rem;
    height:5rem;
    padding: 1px;
    background-image: linear-gradient(141deg, #e60024 14%, #112c56 85%);    
    border-radius:50%;
    overflow:hidden;    
}
.pt-list .name .thumb img {width:100%; height:100%; border-radius:50%;}
.pt-list .name h4 {
    margin:0;
    padding:0;
    font-size: 2.4rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-weight:900;
}
.pt-list .name p {
    font-size: 1.3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.69;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
    font-weight:700;
}
.pt-list .name p br {display:none;}

.pt-wrap .promotion-pic ul {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap:2%;
}
.pt-wrap .promotion-pic ul li {
    width:23%;
    padding:0.6rem;
    background:#dcdcdc;
    position:relative;
}
.pt-wrap .promotion-pic ul li img {
    width:100%;
}
.pt-wrap .promotion-pic ul li:hover {
    background:url("../img/partycon2023/photo_pmo_frame.png") no-repeat center;
    background-size:cover;
}
.pt-wrap .promotion-pic ul li.on a:after,
.pt-wrap .promotion-pic ul li:hover a:after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(0, 0, 0, 0.2);
    z-index:2;
}
.pt-wrap .promotion-pic ul li:hover a:before {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:url("../img/partycon2023/photo_1_pmo_view.png") no-repeat center;
    z-index:3;
}  

aside#pt-aside {
    background:#fff; position:fixed; top:0; left:100%; transition:all 0.3s; width:100%; height:100%; z-index:1001; overflow-y:auto; 
} 
aside#pt-aside .aside_conts {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    height:100%;
    position:relative; 
    padding-top:22rem;
    box-sizing:border-box;
}
aside#pt-aside .aside_conts .atop {
    position: absolute; top:0; left:0; width:100%;
}
aside#pt-aside .aside_conts .atop h1 {position:absolute; top:3rem; left:3rem; font-size:0; margin:0;}
aside#pt-aside .aside_conts .atop h1 img {width:13.4rem; height:auto;}
aside#pt-aside .aside_conts .atop > .cate_close {
    display:block; width:2rem; height:2rem; font-size:0;
    position:absolute; top:3rem; right:3rem;
    background:url("../img/partycon2023/as_close.png") no-repeat center;
    background-size:contain;
}
aside#pt-aside .aside_conts .atop .slogon {
    padding:10rem 3rem 30px; text-align:center; background:#fff;
    font-size: 3rem;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
aside#pt-aside .aside_conts .atop .slogon span {
    display:inline-block;
}
aside#pt-aside .aside_conts .atop .slogon span.sl1 {
    border-bottom:solid 1px #000;
}
aside#pt-aside .aside_conts .atop .slogon span.sl2 {
    margin-top:1rem;
    color: #e60024;
    border-bottom:solid 1px #e60024;
}

aside#pt-aside .aside_conts .atop .line {left:0; right:0; height:5px;}

aside#pt-aside .aside_conts > ul {
    padding:0 3rem;
}
aside#pt-aside .aside_conts > ul > li {text-align:left;}
aside#pt-aside .aside_conts > ul > li + li {margin-top:20px;}
aside#pt-aside .aside_conts > ul > li > a {font-size:2rem; color:#000; font-weight:700;}
aside#pt-aside .aside_conts > ul > li > p a {display:inline-block; padding-top:1rem; padding-bottom:1rem; font-size:1.6rem; color:#888;}

/* 반응형 */
@media all and (min-width:1201px) {

}




@media (max-width: 1200px) {
    .pt-head {padding:2rem 2rem;}
    .pt-head .category {top:2rem; right:2rem;}
    .pt-wrap {
        padding: 0 2rem;
    }
    .pt-list > ul > li {
        width:100%;
    }
}
@media (max-width: 520px) {
    .pt-wrap .pt-tit {font-size:2.6rem;}
    .pt-list > ul > li {
        width:48%;
        padding:3rem 0;
    }
    .pt-list .name {margin-bottom:2rem;}
    .pt-list .name p {display:none;}
    .pt-list .name p br {display:block;}
    .pt-wrap .promotion-pic ul li {width:100%;}
    .pt-wrap .promotion-pic ul li:nth-child(2) {display:none;}
    .pt-wrap .promotion-pic ul li:nth-child(3) {display:none;}
    .pt-wrap .promotion-pic ul li:nth-child(4) {display:none;}
}




/* 투표안내 */
.pc-vote {
    padding-top: 12rem;
}
.pc-vote .img {text-align:center;}
.pc-vote .img.for_mobile {display:none;}
.pc-vote .img img {max-width:100%;}

@media (max-width: 1350px) {
    .pc-vote {
        padding-top: 0;
    }
}
@media (max-width: 800px) {
    .pc-vote .img.for_mobile {display:block;}
    .pc-vote .img.for_pc {display:none;}
}