/*서브 공통 레이아웃*/

._sub{ width: 100%; position: relative; overflow: hidden; }
.subcon{ width: 100%; padding-top: 120px; padding-bottom: 50px; position: relative; }

._sub{ width: 100%; position: relative; }
._sub .subcon .wrap1280 > h1{ display: flex; justify-content: center; align-items: flex-start; line-height: 1.3; }
._sub .subcon .wrap1280 > h1 img{ flex-shrink: 0; }
._sub .subcon .wrap1280 > h1 span{ display: block; padding-top: 0.3em; font-size: 36px; font-family: 'Jalnan'; margin-left: 15px; word-break: keep-all; }

@media screen and (max-width: 820px){
    .subcon{ padding-top: 80px; padding-bottom: 30px; }
    ._sub .subcon .wrap1280 > h1 img{ width: 40px; }
    ._sub .subcon .wrap1280 > h1 span{ font-size: 26px; }
}

@media screen and (max-width: 500px){
    ._sub .subcon .wrap1280 > h1 img{ width: 30px; }
    ._sub .subcon .wrap1280 > h1 span{ font-size: 20px; }
}


/* 게시판 공통 레이아웃 */

.search{ width: 100%; max-width: 490px; box-sizing: border-box; margin-left: auto; display: flex; justify-content: space-between; }
.search select{ border: 1px solid #2240ae; width: 80px; flex-shrink: 0; box-sizing: border-box; font-size: 16px; letter-spacing: -0.03em; color: #222; line-height: 1.2; padding: 9px 10px; font-family: 'Noto Sans KR', sans-serif; }
.search .schWrap{ display: flex; width: 100%; margin-left: 10px; border: 1px solid #2240ae; box-sizing: border-box; }
.search .schWrap input{ width: 100%; border: none; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.03em; padding: 8px 10px; } 
.search .schWrap input::placeholder{ color: #ccc; }
.search .schWrap .schbtn{ flex-shrink: 0; width: 40px; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #2240ae; cursor: pointer; border: none; }
.search .schWrap .schbtn i{ color: #fff; font-size: 18px; }

.table{ width: 100%; font-size: 18px; letter-spacing: -0.03em; line-height: 1.3; margin-top: 50px; }
.table .topline{ width: 100%; display: flex; background-color: #ededed; }
.table .topline li{ text-align: center; padding: 20px 0; box-sizing: border-box; }
.table .topline li:nth-of-type(1){ width: 90px; flex-shrink: 0; }
.table .topline li:nth-of-type(2){ width: 100%; }
.table .topline li:nth-of-type(3){ width: 120px; flex-shrink: 0; }
.table .topline li:nth-of-type(4){ width: 120px; flex-shrink: 0; }
.table .topline li:nth-of-type(5){ width: 110px; flex-shrink: 0; }

.table .bottomline{ width: 100%; text-align: center; }
.table .bottomline > a{ display: flex; width: 100%; padding: 20px 0; border-bottom: 1px solid #ccc; box-sizing: border-box; color: #777; }
.table .bottomline > a .num{ width: 90px; flex-shrink: 0; }
.table .bottomline > a .title{ width: 100%; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; color: #000; }
.table .bottomline > a .writer{ width: 120px; flex-shrink: 0; }
.table .bottomline > a .date{ width: 120px; flex-shrink: 0; }
.table .bottomline > a .rate{ width: 110px; flex-shrink: 0; }

@media screen and (min-width: 821px){
    .table .bottomline > a:hover{ background-color: rgba(0,0,0,0.02); }
}


.pageWrap{ width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 50px; }
.pageWrap .btn{ color: #2240ae; font-size: 20px; display: block; }
.pageWrap .pages{ font-size: 16px; color: #2240ae; display: flex; margin: 0 25px; }
.pageWrap .pages li{ width: 35px; height: 35px; border-radius: 50%; border: 1px solid #2240ae; box-sizing: border-box; overflow: hidden; margin-right: 10px; }
.pageWrap .pages li:last-of-type{ margin-right: 0; }
.pageWrap .pages li a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding-bottom: 3px; box-sizing: border-box; }
.pageWrap .pages li.on{ background-color: #2240ae; color: #fff; }

.pageWrap .btn.stack{ margin: 0 25px; }
.pageWrap .btn.stack i{ margin-left: -7px; margin-right: -7px; }


.btnWrap{ display: flex; justify-content: center; }
.btnWrap .btn{ display: block; margin-top: 10px; width: 90%; max-width: 250px; padding: 15px 0; box-sizing: border-box; color: #fff; background-color: #2240ae; border-radius: 27px; text-align: center; font-family: 'Jalnan'; font-size: 20px; transition-duration: 0.2s; border: 2px solid #2240ae; }
.btnWrap .btn.reverse{ background-color: #fff; border: 1px solid #2240ae; color: #2240ae; }

.btnWrap .btn.conf{ background-color: #fff; color: #2240ae; border: 2px solid #2240ae; }

@media screen and (min-width: 821px){
    .btnWrap .btn:hover{ background-color: #fff; border-color: #2240ae; color: #2240ae; }
    .btnWrap .btn.reverse:hover{ background-color: #2240ae; color: #fff; }
    .btnWrap .btn.conf:hover{ background-color: rgba(34, 64, 174, 0.05); }
}

@media screen and (max-width: 1280px){
    .search select{ font-size: 14px; }
    .search .schWrap input{ font-size: 14px; }

    .table{ font-size: 16px; margin-top: 30px; }
    .table .topline li{ padding: 15px 0; }
    .table .bottomline > a{ padding: 15px 0; }
    .table .topline li:nth-of-type(1){ width: 70px; }
    .table .topline li:nth-of-type(3){ width: 80px; }
    .table .topline li:nth-of-type(4){ width: 90px; }
    .table .topline li:nth-of-type(5){ width: 70px; }
    .table .bottomline > a .num{ width: 70px; }
    .table .bottomline > a .writer{ width: 80px; }
    .table .bottomline > a .date{ width: 90px; }
    .table .bottomline > a .rate{ width: 70px; }

}

@media screen and (max-width: 820px){

    .table{ font-size: 14px; margin-top: 20px; }
    .table .topline li{ padding: 10px 0; }
    .table .bottomline > a{ padding: 10px 0; }
    .table .topline li:nth-of-type(1){ width: 50px; }
    .table .topline li:nth-of-type(3){ width: 70px; }
    .table .topline li:nth-of-type(4){ width: 70px; }
    .table .topline li:nth-of-type(5){ width: 50px; }
    .table .bottomline > a .num{ width: 50px; }
    .table .bottomline > a .writer{ width: 70px; }
    .table .bottomline > a .date{ width: 70px; }
    .table .bottomline > a .rate{ width: 50px; }

    .pageWrap .pages{ margin: 0 15px; }
    .pageWrap .pages li{ width: 25px; height: 25px; font-size: 12px; }
    .pageWrap .pages li a{ padding-bottom: 1px; }
    .pageWrap .btn{ font-size: 16px; }

    .pageWrap .btn.stack{ margin: 0 10px; }
    .pageWrap .btn.stack i{ margin-left: -6px; margin-right: -6px; }

    .btnWrap .btn{ font-size: 14px; padding: 10px 0; margin-top: 30px; max-width: 190px; }
}

@media screen and (max-width: 500px){
    .search select{ width: 60px; font-size: 12px; }
    .search .schWrap input{ font-size: 12px; }
    .search .schWrap .schbtn{ width: 35px; }

    .table{ font-size: 12px; }
    .table .topline li:nth-of-type(1){ width: 40px; }
    .table .topline li:nth-of-type(3){ width: 50px; }
    .table .topline li:nth-of-type(4){ display: none; }
    .table .topline li:nth-of-type(5){ display: none; }
    .table .bottomline > a .num{ width: 40px; }
    .table .bottomline > a .writer{ width: 50px; }
    .table .bottomline > a .date{ display: none; }
    .table .bottomline > a .rate{ display: none; }

    .btnWrap .btn{ font-size: 12px; max-width: 150px; }
    
    
}


/* 뷰페이지 공통 레이아웃 */
.view .subcon h5{ font-size: 36px; letter-spacing: -0.03em; color: #2240ae; line-height: 1.3; font-family: 'Jalnan'; word-break: keep-all; }
.view .subcon .viewBar{ width: 100%; border-top: 1px solid #999; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 20px 0; margin-top: 35px; letter-spacing: -0.03em; }
.view .subcon .viewBar > ul{ width: 100%; display: flex; }
.view .subcon .viewBar > ul li{ display: flex; align-items: center; border-right: 1px solid #999; padding: 0 15px; box-sizing: border-box; color: #555; padding-bottom: 3px; }
.view .subcon .viewBar > ul li:first-of-type{ padding-left: 0; }
.view .subcon .viewBar > ul li:last-of-type{ border-right: none; }
.view .subcon .viewBar > ul li span{ margin-right: 5px; }
.view .subcon .viewBar > ul li p{ color: #999; }

.view .subcon .editor{ margin: 50px 0; letter-spacing: -0.03em; font-size: 18px; word-break: keep-all; line-height: 1.3; }

.view .subcon .attach{ width: 100%; display: flex; align-items: center; background-color: #f1f1f1; padding: 20px; box-sizing: border-box; letter-spacing: -0.03em; }
.view .subcon .attach span{ color: #222; flex-shrink: 0; }
.view .subcon .attach p{ color: #777; margin-left: 20px; }

.view .btnWrap .btn{ margin-top: 50px; max-width: 150px; font-size: 18px; }

.view .explore{ width: 100%; letter-spacing: -0.03em; margin-top: 70px; }
.view .explore > a{ padding: 25px 0; box-sizing: border-box; width: 100%; display: flex; color: #999; font-size: 18px; border-bottom: 1px solid #ccc; }
.view .explore > a:first-of-type{ border-top: 1px solid #999; }
.view .explore > a span{ display: block; flex-shrink: 0; width: 105px; text-align: center; border-right: 1px solid #999; }
.view .explore > a p{ margin-left: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; transition-duration: 0.2s; }

@media screen and (min-width: 821px){
    .view .explore > a:hover{ background-color: rgba(0,0,0,0.02); }
    .view .explore > a:hover p{ color: #2240ae; }
}

@media screen and (max-width: 1280px){
    .view .subcon h5{ font-size: 32px; }
    .view .subcon .viewBar{ margin-top: 20px; padding: 15px 0; }
    .view .explore{ margin-top: 40px; }
    .view .explore > a{ padding: 20px 0; font-size: 16px; }
}

@media screen and (max-width: 820px){
    .view .subcon h5{ font-size: 24px; }
    .view .subcon .viewBar{ margin-top: 10px; font-size: 14px; }
    .view .subcon .viewBar > ul li{ padding: 0 10px; }
    .view .subcon .editor{ font-size: 16px; }
    .view .subcon .attach{ font-size: 14px; }
    
    .view .btnWrap .btn{ font-size: 14px; max-width: 120px; }

    .view .explore{ margin-top: 30px; }
    .view .explore > a{ padding: 15px 0; font-size: 14px; }
    .view .explore > a span{ width: 70px; }
    .view .explore > a p{ margin-left: 15px; }
}

@media screen and (max-width: 500px){
    .view .subcon h5{ font-size: 20px; }
    .view .subcon .viewBar{ font-size: 12px; }
    .view .subcon .viewBar > ul li{ padding: 0 8px; }
    .view .subcon .editor{ font-size: 14px; }
    .view .subcon .attach{ padding: 15px; font-size: 12px; }

    .view .btnWrap .btn{ font-size: 12px; max-width: 100px; }

    .view .explore > a{ font-size: 12px; }
}


/* 행사개요 - 전시회개요 */
.introduce{ width: 100%; position: relative; }
.introduce .subcon{ position: relative; }
.introduce .subcon .obj{ position: absolute; top: 0; right: 0; text-align: right; }
.introduce .subcon .obj._2{ top: 430px; }

.introduce .wrap1280{ display: flex; justify-content: space-between; }
.introduce .wrap1280 .lbx{ width: calc(550 / 1280 * 100%); overflow: hidden; box-shadow: 3px 3px 10px rgba(0,0,0,0.05); }
.introduce .wrap1280 .lbx .poster{ width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.introduce .wrap1280 .lbx .poster::after{ content: ''; display: block; padding-bottom: calc(778 / 550 * 100%); }
.introduce .wrap1280 .rbx{ width: calc(640 / 1280 * 100%); font-family: 'Jalnan'; display: flex; flex-direction: column; justify-content: center; }
.introduce .wrap1280 .rbx dl{ word-break: keep-all; }
.introduce .wrap1280 .rbx dl dt{ font-size: 20px; letter-spacing: 0.2em; }
.introduce .wrap1280 .rbx dl dd{ font-size: 38px; line-height: 1.2; margin-top: 10px; }
.introduce .wrap1280 .rbx > ul{ margin-top: 35px; width: 100%; }
.introduce .wrap1280 .rbx > ul li{ width: 100%; display: flex; align-items: flex-start; margin-bottom: 20px; }
.introduce .wrap1280 .rbx > ul li:last-of-type{ margin-bottom: 0; }
.introduce .wrap1280 .rbx > ul li span{ width: 150px; flex-shrink: 0; display: block; padding: 0.4em 0; box-sizing: border-box; text-align: center; background-color: #fe99b8; color: #fff; border-radius: 16px; font-size: 24px; margin-right: 20px; }
.introduce .wrap1280 .rbx > ul li p{ font-size: 20px; padding-top: 4px; line-height: calc(30 / 20); letter-spacing: -0.04em; word-break: keep-all; position: relative;}


@media screen and (max-width: 1280px){
    .introduce .subcon .obj img{ width: 70%; }
    .introduce .wrap1280 .rbx{ width: calc(670 / 1280 * 100%); }
    .introduce .wrap1280 .rbx dl dt{ font-size: 18px; }
    .introduce .wrap1280 .rbx dl dd{ font-size: 36px; }
    .introduce .wrap1280 .rbx > ul li{ margin-bottom: 10px; }
    .introduce .wrap1280 .rbx > ul li span{ width: 120px; font-size: 20px; border-radius: 10px; }
    .introduce .wrap1280 .rbx > ul li p{ font-size: 16px; }
    .introduce .wrap1280 .rbx > ul li p br{ display: none; }
}

@media screen and (max-width: 820px){
    .introduce .wrap1280{ flex-direction: column; }
    .introduce .wrap1280 .lbx{ width: 100%; max-width: 500px; margin: 0 auto; }
    .introduce .wrap1280 .rbx{ width: 100%; max-width: 500px; margin: 0 auto; margin-top: 30px; }
    .introduce .subcon .obj img{ width: 50%; opacity: 0.8; }
    .introduce .subcon .obj._2{ top: auto; bottom: -50px; }
}

@media screen and (max-width: 500px){
    .introduce .wrap1280 .rbx dl dt{ font-size: 14px; }
    .introduce .wrap1280 .rbx dl dd{ font-size: 9vw; }
    .introduce .wrap1280 .rbx > ul{ margin-top: 15px; }
    .introduce .wrap1280 .rbx > ul li span{ width: 80px; font-size: 14px; margin-right: 10px; border-radius: 5px; }
    .introduce .wrap1280 .rbx > ul li p{ font-size: 12px; }
}

/* 행사개요 - 구성 및 품목안내 */
._sub.product .subcon .wrap1280 > h1{ color: #333; justify-content: flex-start; }
.product .prdList{ width: 100%; margin-top: 70px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.product .prdList li{ width: 50%; display: flex; margin-bottom: 45px; }
.product .prdList li .img{ flex-shrink: 0; }
.product .prdList li .img.on img{ animation: shakeIcon 0.4s linear; }
.product .prdList li dl{ font-family: 'Jalnan'; padding: 0 25px; box-sizing: border-box; width: 100%; padding-top: 50px; }
.product .prdList li dl dt{ font-size: 26px; }
.product .prdList li dl dd{ font-size: 18px; color: #777777; line-height: calc(26 / 18); margin-top: 25px; word-break: keep-all; }


@keyframes shakeIcon{
    0%{ transform: rotate(0deg); }
    20%{ transform: rotate(-10deg); }
    40%{ transform: rotate(10deg); }
    60%{ transform: rotate(-10deg); }
    80%{ transform: rotate(10deg); }
    100%{ transform: rotate(0deg); }
}

@media screen and (max-width: 1280px){
    .product .prdList li .img{ width: 160px; }
    .product .prdList li dl{ padding-left: 15px; padding-top: 40px; }
    .product .prdList li dl dt{ font-size: 22px; }
    .product .prdList li dl dd{ font-size: 16px; margin-top: 15px; }
}

@media screen and (max-width: 1180px){
    .product .prdList li dl dd br{ display: none; }
}

@media screen and (max-width: 820px){
    ._sub.product .subcon .wrap1280 > h1{ justify-content: center; }
    .product .prdList{ flex-direction: column; max-width: 500px; margin: 0 auto; margin-top: 50px; }
    .product .prdList li{ width: 100%; margin-bottom: 30px; align-items: center; }
    .product .prdList li .img{ width: 120px; }
    .product .prdList li dl{ padding-top: 0; }
    .product .prdList li dl dt{ font-size: 20px; }
    .product .prdList li dl dd{ font-size: 14px; margin-top: 15px; }
    .product .prdList li dl dd br{ display: block; }
}

@media screen and (max-width: 500px){
    .product .prdList li{ margin-bottom: 20px; }
    .product .prdList li .img{ width: 80px; }
    .product .prdList li dl dt{ font-size: 14px; }
    .product .prdList li dl dd{ font-size: 12px; margin-top: 10px; }
}


/* 행사개요 - 오시는 길 */
._sub.location .subcon .wrap1280 > h1{ color: #333; }
.location #map{ height: 350px; margin-top: 50px; border-bottom: 1px solid #ddd; }
.location .root_daum_roughmap{ width: 100%; height: 100%; }
.location .root_daum_roughmap .wrap_map{ width: 100%; height: 100%; }
.location .trsp{ width: 100%; }
.location .trsp li{ width: 100%; display: flex; padding: 30px 0; border-bottom: 1px solid #dddddd; font-family: 'Jalnan'; align-items: center; }
.location .trsp li:last-of-type{ border-bottom: none; }
.location .trsp li .icon{ flex-shrink: 0; }
.location .trsp li .r_info{ width: 100%; padding-left: 30px; box-sizing: border-box; }
.location .trsp li .r_info h4{ font-size: 14px; color: #2240ae; }
/* .location .trsp li .r_info .flex{ display: flex; align-items: center; flex-wrap: wrap; margin-top: 15px; text-align: center; } */
.location .trsp li .r_info .flex{ display: flex; align-items: center; flex-wrap: wrap; margin-top: 0; text-align: center; }
.location .trsp li .r_info .flex .step{ display: flex; align-items: flex-start; margin-top: 5px; }
.location .trsp li .r_info .flex p{ font-size: 16px; line-height: 1.3; word-break: keep-all; margin-right: 15px; }
.location .trsp li .r_info .flex > p{ margin-top: 5px; }
.location .trsp li .r_info .flex span{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; background-color: #2240ae; color: #fff; font-size: 14px; margin-right: 15px; flex-shrink: 0; }
.location .trsp li .r_info .flex p em{ font-size: 14px; color: #777; }

@media screen and (max-width: 820px){
    .location #map{ height: 250px; margin-top: 30px; }
    .location .trsp li .r_info{ padding-left: 20px; }
    .location .trsp li .r_info .flex p{ font-size: 14px; padding-top: 0.1em; margin-right: 10px; }
    .location .trsp li .r_info .flex span{ margin-right: 10px; }
}

@media screen and (max-width: 500px){
    .location .trsp li{ flex-direction: column; }
    .location .trsp li .r_info{ padding-left: 0; }
    .location .trsp li .r_info .flex{  justify-content: center; }
    .location .trsp li .r_info h4{ text-align: center; margin-top: 10px; }
}



/* 관람안내 - 관람안내 */
.info{ width: 100%; position: relative; }
.info .subcon{ font-family: 'Jalnan'; color: #4d4d4d; }
.info .stepWrap{ width: 100%; margin-bottom: 95px; }
.info .stepWrap .tit{ display: flex; align-items: center; flex-wrap: wrap; }
.info .stepWrap .tit .img{ flex-shrink: 0; margin-right: 10px; }
.info .stepWrap .tit h3{ font-size: 24px; }
.info .stepWrap .tit > a{ margin-left: 40px; background-color: #e14fa4; font-size: 16px; color: #fff; display: inline-block; padding: 0.3em 1em; box-sizing: border-box; border-radius: 15px; border: 2px solid #e14fa4; transition-duration: 0.2s; }

@media screen and (min-width: 821px){
    .info .stepWrap .tit > a:hover{ background-color: rgba(255,255,255,0); color: #e14fa4; }
}

.info .stepWrap .steps{ width: 100%; display: flex; justify-content: space-between; text-align: center; margin-top: 30px; align-items: center; }

.info .stepWrap .steps li{ background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
.info .stepWrap .steps li:nth-of-type(2n-1){ width: calc(350 / 1280 * 100%); flex-shrink: 0; }
.info .stepWrap .steps li:nth-of-type(2n-1)::after{ content: ''; display: block; padding-bottom: 100%; }
.info .stepWrap .steps li:nth-of-type(2n){ width: 100%; height: 7px; border-radius: 2px; margin-left: -4.5%; margin-right: -0.5%; margin-bottom: 2.5%; transform-origin: 0 0; }


.info .stepWrap .steps li .step{ display: flex; flex-direction: column; align-items: center; width: calc(240 / 315 * 100%); position: absolute; top: 0; left: 50%; transform: translateX(-50%); margin-left: -5%; margin-top: -7%; height: 100%; box-sizing: border-box; padding-top: 32%; }
.info .stepWrap .steps li .step dl{ margin-top: 28px; }
.info .stepWrap .steps li .step dl dt{ font-size: 20px; }
.info .stepWrap .steps li .step dl dd{ font-size: 16px; line-height: calc(22 / 16); margin-top: 10px; }
.info .stepWrap .steps li .step dl dd span{ font-size: 14px; }

.info .stepWrap .steps li > p{ position: absolute; top: 100%; left: 0; text-align: center; width: 100%; font-size: 12px; line-height: 1.3; margin-left: -4%; word-break: keep-all; display: none; }

.info .stepWrap .steps._1 li:nth-of-type(2n){ background-color: #f8a0d0; }
.info .stepWrap .steps._1 li .step dl dt{ color: #ffa4da; }

.info .stepWrap .steps._2 li:nth-of-type(2n){ background-color: #05b4ef; }
.info .stepWrap .steps._2 li .step dl dt{ color: #06b3ef; }

.info .stepWrap .steps._3 li:nth-of-type(2n){ background-color: #ffbc00; }
.info .stepWrap .steps._3 li .step dl dt{ color: #ffc400; }

.info .note{ width: 100%; background-color: #eeeeee; text-align: center; padding: 30px; box-sizing: border-box; padding-top: 40px; word-break: keep-all; overflow: hidden; }
.info .note h3{ font-size: 26px; line-height: 1.3; color: #000; }
.info .note dl{ font-size: 18px; color: #e83838; line-height: calc(26 / 18); margin-top: 20px; }


@media screen and (max-width: 1280px){
    .info .stepWrap{ margin-bottom: 70px; }
    .info .stepWrap .tit h3{ font-size: 20px; }

    .info .stepWrap .steps li:nth-of-type(2n-1){ width: calc(400 / 1280 * 100%); }
    .info .stepWrap .steps li:nth-of-type(2n){ margin-left: -5.2%; height: 5px; }
    .info .stepWrap .steps li .step{ padding-top: 0; justify-content: center; }
    .info .stepWrap .steps li .step dl{ margin-top: 13px; }
    .info .stepWrap .steps li .step dl dt{ font-size: 18px; }
    .info .stepWrap .steps li .step dl dd{ font-size: 14px; }
    .info .stepWrap .steps li .step dl dd span{ font-size: 12px; }

    .info .note{ padding-top: 35px; }
    .info .note h3{ font-size: 22px; }
    .info .note dl{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    .info .stepWrap .steps li:nth-of-type(2n-1){ width: calc(440 / 1280 * 100%); }
    .info .stepWrap .steps li:nth-of-type(2n){ margin-left: -6%; height: 4px; }
    .info .stepWrap .steps li .step dl{ margin-top: 5px; }
    .info .stepWrap .steps li .step dl dt{ font-size: 14px; }
    .info .stepWrap .steps li .step dl dd{ display: none; }
    .info .stepWrap .steps li > p{ display: block; }

    .info .note{ padding-top: 30px; }
    .info .note h3{ font-size: 20px; }
    .info .note dl{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    .info .stepWrap .tit h3{ font-size: 18px; margin-right: 20px; }
    .info .stepWrap .tit > a{ margin-left: auto; font-size: 12px; margin-top: 5px; }

    .info .stepWrap .steps li:nth-of-type(2n){ height: 2px; }
    .info .stepWrap .steps{ margin-top: 10px; }
    .info .stepWrap .steps li .step dl dt{ font-size: 12px; }
    .info .stepWrap .steps li > p{ font-size: 11px; }
    .info .stepWrap .steps li .step .icon{ width: 30px; }

    .info .note h3{ font-size: 18px; }
    .info .note dl{ font-size: 12px; }
}

@media screen and (max-width: 400px){
    .info .stepWrap .tit h3{ width: 80%; margin-right: 0; }
}



/* 관람안내 - 사전등록 */

input::placeholder{ color: #999; font-family: 'Noto Sans KR', sans-serif; }
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active{ -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s; color: #000; caret-color: #000; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.025em; }


.prereg .form{ width: 100%; background-color: #eeeeee; padding: 65px 0; box-sizing: border-box; margin-top: 70px; }
.prereg .form .inn{ width: 90%; max-width: 770px; margin: 0 auto; }
.prereg .form .inn li{ width: 100%; display: flex; align-items: flex-start; margin-bottom: 30px; }
.prereg .form .inn li .block{ width: 100%; }
.prereg .form .inn li .flexWrap{ width: 100%; display: flex; }
.prereg .form .inn li .block .flexWrap input{ width: 100%; }
.prereg .form .inn li button{ flex-shrink: 0; border: none; background: none; background-color: #2240ae; color: #fff; font-family: 'Jalnan'; font-size: 18px; padding: 5px 10px; margin-left: 10px; border-radius: 10px; cursor: pointer; }
.prereg .form .inn li button.on{ pointer-events: none; background-color: #4d4d4d; }

.prereg .form .inn li .flexWrap p{ margin-left: 20px; }
.prereg .form .inn li .showInn{ width: 100%; }
.prereg .form .inn li .showInn p{ width: 100%; margin-top: 10px; display: none; color: #2240ae; font-weight: 700; }
.prereg .form .inn li .showInn p.on{ display: block; }

.prereg .form .inn li.show{ display: none; }
.prereg .form .inn li.show.on{ display: flex; }

.prereg .form .inn li:last-of-type{ margin-bottom: 0; }
.prereg .form .inn li > label{ flex-shrink: 0; font-family: 'Jalnan'; font-size: 20px; width: 130px; padding: 10px 0; cursor: pointer; word-break: keep-all; }
.prereg .form .inn li input{ border: none; background: none; background-color: #fff; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.025em; box-sizing: border-box; font-size: 16px; border-radius: 10px; padding: 10px; }

.prereg .form .inn li input.deAct{ background-color: #fafafa; color: #888; pointer-events: none; }

.prereg .form .inn li > input{ width: 100%; }
.prereg .form .inn li .radios{ display: flex; }
.prereg .form .inn li .radios .radioWrap{ display: flex; padding: 10px 0; margin-right: 50px; align-items: center; }
.prereg .form .inn li .radios .radioWrap:last-of-type{ margin-right: 0; }
.prereg .form .inn li .radios .radioWrap input{ width: 14px; height: 14px; border-radius: 50%; margin: 0; position: relative; margin-right: 10px; padding: 0; }
.prereg .form .inn li .radios .radioWrap label{ font-family: 'Jalnan'; font-size: 18px; cursor: pointer; }
.prereg .form .inn li .radios .radioWrap input::after{ content: ''; display: block; width: 7px; height: 7px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: #333333; z-index: 1; opacity: 0; }
.prereg .form .inn li .radios .radioWrap input:checked::after{ opacity: 1; }

.prereg .form .inn li .addWrap{ width: 100%; }
.prereg .form .inn li .addWrap .zip{ display: flex; margin-bottom: 10px; }
.prereg .form .inn li .addWrap > input{ width: 100%; margin-bottom: 10px; }
.prereg .form .inn li .addWrap input:last-of-type{ margin-bottom: 0; }
.prereg .form .inn li .addWrap .zip #zipcode{ width: 150px; }
.prereg .form .inn li .addWrap .zip #schzip{ width: 120px; font-family: 'Jalnan'; font-size: 18px; margin-left: 7px; cursor: pointer; }

.prereg .priv{ display: flex; justify-content: flex-end; align-items: center; margin-top: 10px; }
.prereg .priv em{ margin-left: 10px; text-decoration: underline; text-underline-position: under; cursor: pointer; }
.prereg .priv input{ display: none; }
.prereg .priv label i{ margin-right: 5px; font-size: 26px; }
.prereg .priv label{ font-size: 16px; letter-spacing: -0.03em; color: #777777; cursor: pointer; display: flex; align-items: center; }
.prereg .priv label span{ text-decoration: underline; text-underline-position: under; }
.prereg .priv input:checked ~ label{ color: #000; }
.prereg .priv input:checked ~ label i{ color: #000; }

.prereg .submit{ margin-right: 20px; }


@media screen and (max-width: 820px){
    .prereg .form{ margin-top: 30px; padding: 30px 0; }
    .prereg .form .inn li{ margin-bottom: 15px; }
    .prereg .form .inn li input{ font-size: 14px; padding: 5px; border-radius: 5px; }
    .prereg .form .inn li > label{ font-size: 16px; padding: 5px 0; width: 100px; }
    .prereg .form .inn li .radios .radioWrap{ padding: 5px 0; margin-right: 30px; }
    .prereg .form .inn li .radios .radioWrap label{ font-size: 14px; }
    .prereg .form .inn li .addWrap .zip #zipcode{ width: 100%; max-width: 150px; }
    .prereg .form .inn li .addWrap .zip #schzip{ font-size: 14px; width: 80px; }

    .prereg .form .inn li button{ font-size: 14px; }
    .prereg .form .inn li .showInn p{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    .prereg .form{ margin-top: 20px; padding: 20px 0; }
    .prereg .form .inn li{ margin-bottom: 10px; flex-direction: column; }
    .prereg .form .inn li input{ font-size: 12px; padding: 5px; border-radius: 5px; }
    .prereg .form .inn li > label{ font-size: 14px; padding: 10px 0; max-width: unset; }
    .prereg .form .inn li .radios .radioWrap{ padding: 5px 0; margin-right: 20px; }
    .prereg .form .inn li .radios .radioWrap label{ font-size: 12px; }
    .prereg .form .inn li .radios .radioWrap input{ margin-right: 5px; }
    .prereg .form .inn li .addWrap .zip #schzip{ font-size: 12px; }
    .prereg .priv label{ font-size: 14px; }
    .prereg .submit{ margin-right: 10px; }
    .prereg .priv{ flex-wrap: wrap; }
    .prereg .priv em{ font-size: 14px; margin-left: 10px; }

    .prereg .form .inn li button{ font-size: 12px; }
    .prereg .form .inn li .showInn p{ font-size: 12px; }
}


/* 관람안내 - 사전등록 확인 */

._sub .subcon.confirm .wrap1280 > h1{ color: #333; }
.prereg .subcon .form .inn{ max-width: 800px; }
.prereg .subcon.confirm .form .inn li{ display: block; text-align: center; }
.prereg .subcon.confirm .form input{ margin-top: 30px; font-size: 18px; padding: 20px 10px; border-radius: 20px; text-align: center; }
.prereg .subcon.confirm .btn.enter{ max-width: 120px; margin-top: 30px; }
.prereg .subcon.confirm .inn h2{ font-family: 'Jalnan'; font-size: 24px; text-align: center; line-height: calc(34 / 24); word-break: keep-all; }
.prereg .subcon.confirm .inn h2 span{ color: #2240ae; }
.prereg .subcon.confirm p{ font-size: 16px; font-weight: 500; color: #777; text-align: center; margin-top: 25px; line-height: 1.3; word-break: keep-all; }
.prereg .subcon.confirm p br{ display: none; }
.prereg .subcon.confirm .btn.main{ margin-top: 65px; }

@media screen and (max-width: 820px){
    .prereg .subcon.confirm .form input{ font-size: 14px; padding: 10px; border-radius: 5px; margin-top: 10px; }
    .prereg .subcon.confirm .btn.enter{ margin-top: 20px; }

    .prereg .subcon.confirm .inn h2{ font-size: 20px; }
    .prereg .subcon.confirm p{ font-size: 14px; }
    .prereg .subcon.confirm p br{ display: block; }

    .prereg .subcon.confirm .btn.main{ margin-top: 30px; }
}

@media screen and (max-width: 500px){
    .prereg .subcon.confirm .inn h2{ font-size: 16px; }
}



/* 관람안내 - 참가업체 리스트 */
.corplist .search{ width: 100%; max-width: 400px; }
.corplist .cor_list{ width: 100%; display: flex; flex-wrap: wrap; margin-top: 50px; }
.corplist .cor_list li{ width: calc(400 / 1280 * 100%); margin-right: calc(40 / 1280 * 100%); margin-bottom: 65px; cursor: pointer; }
.corplist .cor_list li:nth-of-type(3n){ margin-right: 0; }

.corplist .cor_list li .thumb{ width: 100%; overflow: hidden; background-color: #eee; }
.corplist .cor_list li .thumb ._max{ background-size: cover; background-repeat: no-repeat; background-position: center; transition-duration: 0.6s; }
.corplist .cor_list li .thumb ._max::after{ content: ''; display: block; padding-bottom: calc(300 / 400 * 100%); }
.corplist .cor_list li h3{ font-family: 'Jalnan'; font-size: 20px; margin-top: 15px; text-align: center; transition-duration: 0.4s; }

@media screen and (min-width: 821px){
    .corplist .cor_list li:hover .thumb ._max{ transform: scale(1.1); }
    .corplist .cor_list li:hover h3{ color: #2240ae; }
}

.viewpop{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; letter-spacing: -0.03em; opacity: 0; z-index: -1; transition: opacity 0.4s; }
.viewpop .popbg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.viewpop .popin{ background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #2240ae; box-sizing: border-box; height: 70vh; overflow: hidden; width: 95%; max-width: 960px;}
.viewpop .popin .rel{ position: relative; width: 100%; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; }
.viewpop .popin .rel #change{ display: flex; flex-direction: column; }
.viewpop .popin .rel .close{ position: absolute; top: 10px; right: 10px; color: #2240ae; font-size: 40px; cursor: pointer; }
.viewpop .popin .rel dl{ flex-shrink: 0; padding: 50px; padding-bottom: 0; box-sizing: border-box; width: 100%; padding-bottom: 50px; }
.viewpop .popin .rel dl dt{ font-size: 30px; font-family: 'Jalnan'; color: #2240ae; }
.viewpop .popin .rel dl dd{ font-size: 18px; line-height: calc(26 / 18); margin-top: 15px; word-break: keep-all; }
.viewpop .popin .rel .editor{ height: 100%; overflow-y: auto; padding: 0 50px; box-sizing: border-box; width: 100%; line-height: 1.5; padding-bottom: 50px; }
.viewpop .popin .rel .editor::-webkit-scrollbar {width: 8px; background-color: #f1f1f1;}
.viewpop .popin .rel .editor::-webkit-scrollbar-thumb {background-color: #2f3542; border-radius: 10px;}

.viewpop.op{ opacity: 1; }
.viewpop.zidx{ z-index: 1000; }


.viewpop.priv .rel{ padding: 60px; }
.viewpop.priv .rel .privText{ line-height: 1.3;  overflow-y: auto; word-break: keep-all; }
.viewpop.priv .rel .privText::-webkit-scrollbar {width: 8px; background-color: #f1f1f1;}
.viewpop.priv .rel .privText::-webkit-scrollbar-thumb {background-color: #2f3542; border-radius: 10px;}
.viewpop.priv .rel .privText h1{ font-size: 20px; }


@media screen and (max-width: 1280px){
    .corplist .cor_list li{ margin-bottom: 30px; }

    .viewpop .popin .rel dl{ padding: 40px; }
    .viewpop .popin .rel dl dt{ font-size: 24px; }
    .viewpop .popin .rel dl dd{ font-size: 16px; }
    .viewpop .popin .rel .editor{ padding: 0 40px; padding-bottom: 40px; }
}

@media screen and (max-width: 820px){
    .corplist .cor_list{ justify-content: space-between; }
    .corplist .cor_list li{ width: 49%; margin-right: 0; }
    .corplist .cor_list li h3{ font-size: 16px; }

    .viewpop .popin .rel dl{ padding: 30px; }
    .viewpop .popin .rel dl dt{ font-size: 20px; }
    .viewpop .popin .rel dl dd{ font-size: 14px; }
    .viewpop .popin .rel .editor{ padding: 0 30px; padding-bottom: 30px; font-size: 14px; }

    .viewpop.priv .rel{ padding: 60px 30px; }
}

@media screen and (max-width: 500px){
    .corplist .cor_list li{ width: 100%; }
    .corplist .cor_list li h3{ font-size: 14px; }

    .viewpop .popin .rel dl{ padding: 20px; }
    .viewpop .popin .rel dl dt{ font-size: 18px; }
    .viewpop .popin .rel dl dd{ font-size: 12px; }
    .viewpop .popin .rel .editor{ padding: 0 20px; padding-bottom: 20px; font-size: 12px; }
    .viewpop .popin .rel .close{ font-size: 30px; top: 12px; right: 15px; }

    .viewpop.priv .rel{ padding: 50px 20px; }
    .viewpop.priv .rel .privText{ font-size: 14px; }
}


/* 업체참가안내 - 참가신청, 자료실(원페이지) */
.partic .conbx{ width: 100%; margin-bottom: 70px; }
.partic .conbx:first-of-type{ display: flex; align-items: center; }
.partic .conbx .subtit{ display: flex; align-items: center; }
.partic .conbx .subtit span{ font-family: 'Jalnan'; font-size: 24px; color: #ffc400; margin-left: 10px; }
.partic .conbx > p{ margin-left: 30px; font-family: 'Jalnan'; font-size: 20px; }

.partic .conbx .procedWrap{ width: 100%; position: relative; font-family: 'Jalnan'; margin-top: 25px; }
.partic .conbx .procedWrap h5{ display: inline-block; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background-color: #fff; color: #aaa; letter-spacing: 0.1em; font-size: 18px; padding: 0 35px; box-sizing: border-box; white-space: nowrap; }
.partic .conbx .procedWrap .steps{ display: flex; justify-content: space-between; align-items: center; padding: 20px; box-sizing: border-box; width: 100%; border-radius: 200px; border: 1px solid #aaaaaa; }
.partic .conbx .procedWrap .steps li{ position: relative; }
.partic .conbx .procedWrap .steps li:nth-of-type(2n-1){ box-sizing: border-box;  background-color: #fff; border-radius: 50%; border: 35px solid #ffc400; width: calc(372.2 / 1280 * 100%);  }
.partic .conbx .procedWrap .steps li:nth-of-type(2n-1)::after{ content: ''; display: block; padding-bottom: 100%; }
.partic .conbx .procedWrap .steps li:nth-of-type(2n){ flex-shrink: 0; }

.partic .conbx .procedWrap .steps li .conts{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.partic .conbx .procedWrap .steps li .conts img.on{ animation: shakeIcon 0.4s linear; }
.partic .conbx .procedWrap .steps li .conts span{ margin-top: 30px; line-height: calc(24 / 16); word-break: keep-all; }

.partic .conbx .booth{ width: 100%; max-width: 628px; margin: 0 auto; margin-top: 30px; border: 1px solid #b4b4b4; box-sizing: border-box; overflow: hidden; }
.partic .conbx .booth img{ transition-duration: 0.6s; }

@media screen and (min-width: 821px){
    .partic .conbx .booth:hover img{ transform: scale(1.05); }
}

.partic .conbx .tables{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; letter-spacing: -0.03em; margin-top: 50px; word-break: keep-all; }
.partic .conbx .tables table{ width: calc(610 / 1280 * 100%); }
.partic .conbx .tables table td, th{ border: 1px solid #ddd; box-sizing: border-box; vertical-align: middle; text-align: center; }
.partic .conbx .tables table th{ font-weight: 500; background-color: #eeeeee; padding: 16px 0; }
.partic .conbx .tables table td{ padding: 8px 0; }
.partic .conbx .tables table td br.mob{ display: none; }
.partic .conbx .tables table td span{ font-size: 12px; color: #999; }
.partic .conbx .tables table tr:first-of-type th{ border-color: #ffc400; background-color: #ffc400; font-size: 20px; padding: 13px 0; }
.partic .conbx .tables table tr td em{ line-height: calc(20 / 16); color: #999; }


.partic .conbx .downWrap{ display: flex; justify-content: space-between; margin-top: 30px; }
.partic .conbx .downWrap .down{ width: calc(610 / 1280 * 100%); border-radius: 20px; overflow: hidden; }
.partic .conbx .downWrap .down > a{ display: flex; width: 100%; padding: 25px 0; box-sizing: border-box; justify-content: center; align-items: center; border: 4px solid #ffc400; background-color: #ffc400; transition-duration: 0.4s; border-radius: 20px; }
.partic .conbx .downWrap .down > a img{ margin-right: 10px; transition-duration: 0.4s; flex-shrink: 0; }
.partic .conbx .downWrap .down > a span{ font-family: 'Jalnan'; font-size: 20px; color: #fff; transition-duration: 0.4s; }

@media screen and (min-width: 821px){
    .partic .conbx .downWrap .down > a:hover{ background-color: #fff; }
    .partic .conbx .downWrap .down > a:hover img{ filter: invert(1); }
    .partic .conbx .downWrap .down > a:hover span{  color: #000; }
}



@media screen and (max-width: 1280px){
    .partic .conbx .procedWrap .steps li:nth-of-type(2n-1){ width: calc(397 / 1280 * 100%); border-width: 20px; }
    .partic .conbx .procedWrap .steps li:nth-of-type(2n){ width: 20px; }

    .partic .conbx .procedWrap .steps li .conts img{ width: 40%; }
    .partic .conbx .procedWrap .steps li .conts span{ font-size: 14px; margin-top: 15px; }

    .partic .conbx .tables table td{ font-size: 14px; }

    .partic .conbx .downWrap .down > a{ padding: 20px 0; }
    .partic .conbx .downWrap .down > a span{ font-size: 18px; }

}

@media screen and (max-width: 820px){
    .partic .conbx{ margin-bottom: 50px; }
    .partic .conbx .subtit span{ font-size: 18px; }
    .partic .conbx > p{ font-size: 16px; }

    .partic .conbx .procedWrap h5{ padding: 0 10px; font-size: 14px; transform: translate(-50%, -70%); }
    .partic .conbx .procedWrap .steps li:nth-of-type(2n){ width: 10px; }
    .partic .conbx .procedWrap .steps li:nth-of-type(2n-1){ width: calc(400 / 1280 * 100%); border-width: 15px; }
    .partic .conbx .procedWrap .steps{ padding: 5px; }
    .partic .conbx .procedWrap .steps li .conts span{ font-size: 10px; margin-top: 5px; }

    .partic .conbx .booth{ margin-top: 10px; }

    .partic .conbx .tables{ margin-top: 0; flex-direction: column; }
    .partic .conbx .tables table{ width: 100%; margin-top: 20px; }
    .partic .conbx .tables table th{ font-size: 14px; padding: 12px 0; }
    .partic .conbx .tables table tr:first-of-type th{ font-size: 16px; }

    .partic .conbx .downWrap{ margin-top: 20px; }
    .partic .conbx .downWrap .down{ border-radius: 10px; }
    .partic .conbx .downWrap .down > a{ padding: 10px 0; border-radius: 10px; }
    .partic .conbx .downWrap .down > a span{ font-size: 14px; }
    
}

@media screen and (max-width: 500px){
    .partic .conbx{ margin-bottom: 30px; }
    .partic .conbx .procedWrap h5{ font-size: 12px; }
    .partic .conbx .procedWrap .steps li:nth-of-type(2n-1){ border-width: 10px; }
    .partic .conbx .procedWrap .steps li .conts span{ position: absolute; top: calc(100% + 20px); left: 50%; transform: translateX(-50%); width: 120%; }
    .partic .conbx:nth-of-type(2){ margin-bottom: 120px; }
    .partic .conbx .tables table tr:first-of-type th{ font-size: 14px; }
    .partic .conbx .tables table td{ font-size: 12px; }
    .partic .conbx .tables table td br.mob{ display: block; }

    .partic .conbx .downWrap{ flex-direction: column; }
    .partic .conbx .downWrap .down{ width: 100%; margin-bottom: 10px; }
    .partic .conbx .downWrap .down > a{ padding: 5px 0; }
}



/* 에디터 폰트스타일 초기화 */
.editor{ font-family: 'Noto Sans KR', sans-serif; }

.editor html, 
.editor body, 
.editor div, 
.editor span, 
.editor applet, 
.editor object, 
.editor iframe,
.editor h1, 
.editor h2, 
.editor h3, 
.editor h4, 
.editor h5, 
.editor h6, 
.editor p, 
.editor blockquote, 
.editor pre,
.editor a, 
.editor abbr, 
.editor acronym, 
.editor address, 
.editor big, 
.editor cite, 
.editor code,
.editor del, 
.editor dfn, 
.editor em, 
.editor img, 
.editor ins, 
.editor kbd, 
.editor q, 
.editor s, 
.editor samp,
.editor small, 
.editor strike, 
.editor strong, 
.editor sub, 
.editor sup, 
.editor tt, 
.editor var,
.editor b, 
.editor u, 
.editor i, 
.editor center,
.editor dl, 
.editor dt, 
.editor dd, 
.editor ol, 
.editor ul, 
.editor li,
.editor fieldset, 
.editor form, 
.editor label, 
.editor legend,
.editor table, 
.editor caption, 
.editor tbody, 
.editor tfoot, 
.editor thead, 
.editor tr, 
.editor th, 
.editor td,
.editor article, 
.editor aside, 
.editor canvas, 
.editor details, 
.editor embed, 
.editor figure, 
.editor figcaption, 
.editor footer, 
.editor header, 
.editor hgroup, 
.editor menu, 
.editor nav, 
.editor output, 
.editor ruby, 
.editor section, 
.editor summary,
.editor time, 
.editor mark, 
.editor audio, 
.editor video{ font: revert; font-size: revert; }

.editor a{ text-decoration: revert; color: revert; }
.editor h2{ font-weight: normal; }
.editor img{ height: auto !important; }





/* 250908 이벤트 카카오배너 추가 */
.event_banner{ width: 100%; position: relative; overflow: hidden; padding-top: 90px; padding-bottom: 45px; box-sizing: border-box; margin-bottom: 50px; word-break: keep-all; font-family: 'Pretendard'; }
.event_banner .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.event_banner .objbg{ position: absolute; right: 23px; bottom: 15px; z-index: 1; }
.event_banner .bg img{ width: 100%; height: 100%; object-fit: cover; }
.event_banner .wrap{ width: 95%; margin: 0 auto; max-width: 1105px; position: relative; z-index: 1; display: flex; justify-content: space-between; }

.event_banner .wrap .lbx{ width: 75%; padding-right: 10px; box-sizing: border-box; max-width: 570px; font-family: 'Jalnan'; text-align: center; color: #333333; }
.event_banner .wrap .lbx .flexbx{ display: flex; align-items: center; width: 100%; justify-content: space-between; padding: 0 30px; height: 68px; box-sizing: border-box; background-color: #fff5d4; border-radius: 34px; font-size: 32px; letter-spacing: -0.05em; line-height: 1.3;  }
.event_banner .wrap .lbx .flexbx .strong{ display: block; }
.event_banner .wrap .lbx > p{ font-size: 20px; letter-spacing: -0.05em; margin-top: 13px; line-height: 1.3; }
.event_banner .wrap .rbx{ position: relative; height: 68px; width: 25%; max-width: 230px; }
.event_banner .wrap .rbx > a{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; font-size: 23px; font-weight: 600; letter-spacing: -0.05em; color: #fff; background-color: #371d1e; border-radius: 34px; border: 2px solid #371d1e; box-sizing: border-box; transition-duration: 0.2s; }
.event_banner .wrap .rbx .obj{ position: absolute; z-index: -1; }
.event_banner .wrap .rbx .obj._1{ width: 43px; top: -26px; left: 89%; }
.event_banner .wrap .rbx .obj._2{ width: 40px; top: 85%; left: 82%; }

@media screen and (min-width: 821px){
    .event_banner .wrap .rbx > a:hover{ background-color: #fff; color: #371d1e; }
}

@media screen and (max-width: 1280px){
    .event_banner{ padding-top: 70px; padding-bottom: 40px; }
    .event_banner .wrap .lbx .flexbx{ font-size: 24px; padding: 0 20px; height: 60px; }
    .event_banner .wrap .lbx > p{ font-size: 18px; }
    .event_banner .wrap .rbx{ height: 60px; }
    .event_banner .wrap .rbx > a{ font-size: 20px;  }
    .event_banner .wrap .rbx .obj._2{ top: 81%; left: 76%; }
}

@media screen and (max-width: 820px){
    .event_banner .objbg{ display: none; }
    .event_banner .wrap{ flex-direction: column; align-items: center; justify-content: center; }
    .event_banner .wrap .lbx{ width: 100%; padding: 0; }
    .event_banner .wrap .lbx .flexbx{ font-size: 20px; }
    .event_banner .wrap .lbx > p{ font-size: 16px; }
    .event_banner .wrap .rbx{ width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 50px; height: 45px; }
    .event_banner .wrap .rbx > a{ font-size: 16px; padding: 0 20px; box-sizing: border-box; }
}

@media screen and (max-width: 500px){
    .event_banner{ padding: 50px 0; }
    .event_banner .wrap .lbx .flexbx{ height: auto; padding: 10px 15px; font-size: 18px; }
    .event_banner .wrap .lbx .flexbx img{ width: 20px; }
    .event_banner .wrap .lbx > p{ font-size: 14px; margin-top: 10px; }
    .event_banner .wrap .rbx{ height: 40px; margin-top: 30px; }
    .event_banner .wrap .rbx > a{ font-size: 14px; }
    .event_banner .wrap .rbx .obj._2{ top: 73%; }
}


.kakao_event{ width: 100%; position: relative; padding-top: 150px; padding-bottom: 290px; background-color: #ffc400; font-family: 'Pretendard'; word-break: keep-all; }
.kakao_event .obj{ position: absolute; z-index: 0; }
.kakao_event .obj._1{ top: 0; left: 0; width: 100%; }
.kakao_event .obj._2{ top: 0; left: 0; width: 100%; }
.kakao_event .obj._3{ bottom: 0; left: 0; width: 100%; }
.kakao_event .obj._3 img{ width: 100%; }
.kakao_event .wrapbx{ position: relative; z-index: 1; width: 95%; margin: 0 auto; max-width: 1175px; text-align: center; }
.kakao_event .wrapbx .title{ display: flex; align-items: center; width: 100%; max-width: 623px; margin: 0 auto; justify-content: space-between; padding: 0 30px; height: 68px; box-sizing: border-box; background-color: #fff5d4; border-radius: 34px; font-size: 28px; letter-spacing: -0.05em; line-height: 1.3; font-family: 'Jalnan'; color: #333333; }
.kakao_event .wrapbx .bigTitle{ margin-top: 30px; }
.kakao_event .wrapbx .bigTitle dl{ font-family: 'Jalnan'; }
.kakao_event .wrapbx .bigTitle dl dt{ font-size: 123px; letter-spacing: -0.025em; color: #213fae; }
.kakao_event .wrapbx .bigTitle dl dd{ font-size: 175px; letter-spacing: 0.025em; color: #fff; position: relative; display: inline-block; }
.kakao_event .wrapbx .bigTitle dl dd img{ position: absolute; }
.kakao_event .wrapbx .bigTitle dl dd img:nth-of-type(1){ left: 103%; top: -0.1em; }
.kakao_event .wrapbx .bigTitle dl dd img:nth-of-type(2){ right: 96%; bottom: -0.3em; }
.kakao_event .wrapbx .dates{ position: relative; font-size: 42px; letter-spacing: -0.05em; line-height: calc(60 / 42); color: #fff; font-family: 'Jalnan'; margin-top: 90px; }
.kakao_event .wrapbx .dates br.mob{ display: none; }
.kakao_event .wrapbx .dates .realdate{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-text-stroke: 8px #f06601;
    z-index: -1;
}

.kakao_event .wrapbx .info{ font-size: 24px; font-weight: 700; letter-spacing: -0.05em; color: #333333; line-height: calc(38 / 24); margin-top: 85px; }
.kakao_event .wrapbx .conbx{ margin-top: 90px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.kakao_event .wrapbx .conbx .tbx{ font-size: 28px; display: inline-block; padding: 18px 130px; color: #371d1e; font-family: 'Jalnan'; border-radius: 34px; background-color: #fff5d4; }
.kakao_event .wrapbx .conbx > img{ filter: drop-shadow(0 0 15px rgba(0,0,0,0.15)); margin-top: 50px; }
.kakao_event .wrapbx .conbx dl{ margin-top: 15px; line-height: 1.4; color: #333333; }
.kakao_event .wrapbx .conbx dl dt{ font-size: 42px; letter-spacing: -0.05em; font-weight: 900; }
.kakao_event .wrapbx .conbx dl dd{ font-size: 32px; font-weight: 500; letter-spacing: -0.05em; margin-top: 5px; }
.kakao_event .wrapbx .conbx .meth{ width: 100%; display: flex; margin-top: 95px; }
.kakao_event .wrapbx .conbx .meth li:nth-of-type(2n-1){ width: calc(365 / 1175 * 100%); border-radius: 90px; background-color: #fff; padding: 40px 10px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; }
.kakao_event .wrapbx .conbx .meth li:nth-of-type(2n){ width: calc(40 / 1175 * 100%); padding: 0 5px; box-sizing: border-box; text-align: center; font-size: 24px; letter-spacing: -0.05em; font-family: 'Jalnan';display: flex; align-items: center; color: #fff; justify-content: center; }
.kakao_event .wrapbx .conbx .meth li em{ display: flex; width: 70px; height: 70px; border-radius: 50%; background-color: #ffc400; color: #fff; font-family: 'Jalnan'; justify-content: center; align-items: center; font-size: 36px; }
.kakao_event .wrapbx .conbx .meth li > img{ margin-top: 26px; }
.kakao_event .wrapbx .conbx .meth li p{ font-size: 24px; font-weight: 600; letter-spacing: -0.05em; line-height: calc(32 / 24); margin-top: 35px; min-height: 2.6em; display: flex; align-items: center; justify-content: center; } 

.kakao_event .wrapbx .signin{ display: flex; justify-content: center; margin-top: 60px; }
.kakao_event .wrapbx .signin > a{ display: flex; align-items: center; justify-content: center; border-radius: 45px; background-color: #371d1e; padding: 20px 110px; box-sizing: border-box; }
.kakao_event .wrapbx .signin > a em{ display: block; }
.kakao_event .wrapbx .signin > a span{ font-size: 40px; font-weight: 700; letter-spacing: -0.05em; margin-left: 20px; color: #fff; }

.kakao_event .wrapbx .note{ margin-top: 55px; color: #333; line-height: calc(40 / 28); }
.kakao_event .wrapbx .note dt{ font-size: 34px; font-weight: 800; letter-spacing: -0.05em; }

.kakao_event .wrapbx .note dd{ font-size: 28px; font-weight: 500; letter-spacing: -0.05em; margin-top: 5px; }

@media screen and (max-width: 1280px){
    .kakao_event{ padding-top: 120px; }
    .kakao_event .wrapbx .title{ font-size: 26px; }
    .kakao_event .wrapbx .bigTitle dl dt{ font-size: 9.5vw; }
    .kakao_event .wrapbx .bigTitle dl dd{ font-size: 13.3vw; }
    .kakao_event .wrapbx .bigTitle dl dd img:nth-of-type(2){ bottom: -0.6em; }
    .kakao_event .wrapbx .dates{ margin-top: 70px; font-size: 30px; }
    .kakao_event .wrapbx .dates .realdate{ -webkit-text-stroke: 6px #f06601; }
    .kakao_event .wrapbx .info{ font-size: 22px; margin-top: 50px; }
    .kakao_event .wrapbx .conbx{ margin-top: 70px; }
    .kakao_event .wrapbx .conbx .tbx{ font-size: 24px; padding: 12px 100px; }
    .kakao_event .wrapbx .conbx dl dt{ font-size: 35px; }
    .kakao_event .wrapbx .conbx dl dd{ font-size: 22px; }
    .kakao_event .wrapbx .conbx .meth{ margin-top: 40px; }
    .kakao_event .wrapbx .conbx .meth li:nth-of-type(2n-1){ border-radius: 50px; padding: 30px 10px; }
    .kakao_event .wrapbx .conbx .meth li em{ width: 50px; height: 50px; font-size: 30px; }
    .kakao_event .wrapbx .conbx .meth li > img{ width: 100px; }
    .kakao_event .wrapbx .conbx .meth li p{ font-size: 20px; margin-top: 20px; }
    .kakao_event .wrapbx .signin > a em{ width: 100px; }
    .kakao_event .wrapbx .signin > a span{ font-size: 30px; margin-left: 10px; }
    .kakao_event .wrapbx .note dt{ font-size: 30px; }
    .kakao_event .wrapbx .note dd{ font-size: 22px; }
}

@media screen and (max-width: 820px){
    .kakao_event{ padding-top: 100px; padding-bottom: 160px; }
    .kakao_event .wrapbx .title{ font-size: 22px; padding: 0 20px; height: 60px; }
    .kakao_event .wrapbx .bigTitle dl dd img:nth-of-type(1){ width: 20px; }
    .kakao_event .wrapbx .bigTitle dl dd img:nth-of-type(2){ width: 40px; }
    .kakao_event .wrapbx .dates{ margin-top: 50px; font-size: 24px; }
    .kakao_event .wrapbx .info{ font-size: 18px; margin-top: 30px; }
    .kakao_event .wrapbx .conbx{ margin-top: 40px; }
    .kakao_event .wrapbx .conbx .tbx{ font-size: 20px; padding: 12px 80px; }
    .kakao_event .wrapbx .conbx dl dt{ font-size: 28px; }
    .kakao_event .wrapbx .conbx dl dd{ font-size: 18px; }
    .kakao_event .wrapbx .conbx .meth{ margin-top: 30px; flex-direction: column; justify-content: center; align-items: center; }
    .kakao_event .wrapbx .conbx .meth li:nth-of-type(2n-1){ border-radius: 20px; padding: 30px 10px; width: 100%; max-width: 300px; margin: 0 auto; }
    .kakao_event .wrapbx .conbx .meth li:nth-of-type(2n){ transform: rotate(90deg); padding: 10px 0; width: 100%; text-align: center; }
    .kakao_event .wrapbx .conbx .meth li em{ width: 40px; height: 40px; font-size: 22px; }
    .kakao_event .wrapbx .conbx .meth li > img{ width: 80px; }
    .kakao_event .wrapbx .conbx .meth li p{ font-size: 18px; margin-top: 10px; min-height: unset; }
    .kakao_event .wrapbx .signin > a{ padding: 20px 10px; width: 100%; max-width: 300px; }
    .kakao_event .wrapbx .signin > a em{ width: 60px; }
    .kakao_event .wrapbx .signin > a span{ font-size: 24px; margin-left: 5px; }
    .kakao_event .wrapbx .note dt{ font-size: 24px; }
    .kakao_event .wrapbx .note dd{ font-size: 18px; }
}

@media screen and (max-width: 500px){
    .kakao_event{ padding-top: 70px; padding-bottom: 100px; }
    .kakao_event .wrapbx .title{ height: auto; padding: 10px; font-size: 16px; }
    .kakao_event .wrapbx .title strong{ padding: 0 5px; box-sizing: border-box; display: block; }
    .kakao_event .wrapbx .title > img{ width: 25px; }
    .kakao_event .wrapbx .bigTitle{ margin-top: 20px; }
    .kakao_event .wrapbx .bigTitle dl dt{ font-size: 11.5vw; }
    .kakao_event .wrapbx .bigTitle dl dd{ font-size: 16.3vw; }
    .kakao_event .wrapbx .bigTitle dl dd img:nth-of-type(1){ width: 10px; }
    .kakao_event .wrapbx .bigTitle dl dd img:nth-of-type(2){ width: 20px; bottom: -0.3em; }
    .kakao_event .wrapbx .dates{ font-size: 18px; margin-top: 20px; }
    .kakao_event .wrapbx .dates br.mob{ display: block; }
    .kakao_event .wrapbx .info{ font-size: 14px; margin-top: 20px; }
    .kakao_event .wrapbx .conbx .tbx{ padding: 12px 40px; font-size: 16px; }
    .kakao_event .wrapbx .conbx > img{ margin-top: 20px; }
    .kakao_event .wrapbx .conbx dl dt{ font-size: 20px; }
    .kakao_event .wrapbx .conbx dl dd{ font-size: 14px; }

    .kakao_event .wrapbx .conbx .meth li > img{ margin-top: 10px; }
    .kakao_event .wrapbx .conbx .meth li p{ font-size: 14px; }
    .kakao_event .wrapbx .signin > a em{ width: 50px; }
    .kakao_event .wrapbx .signin > a span{ font-size: 16px; }

    .kakao_event .wrapbx .note dt{ font-size: 20px; }
    .kakao_event .wrapbx .note dd{ font-size: 14px; }
}