@charset "utf-8"; @import url("events.css"); /* ---------------------- Typhography ---------------------- */ .db{display:block;} .di{display:inline-block;} .overview_cont .theater .swiper-slide .txt-center{text-align:center;} .display0 {font-size:42px;line-height:66px; } .display1 {font-size:32px;line-height:44px; } .display2 {font-size:24px;line-height:34px; } .display3 {font-size:16px;line-height:34px; } .display4 {font-size:14px;line-height:28px;} .heading1 {font-size:32px;line-height: 34px;line-height: 145%; font-weight: bold} .heading2 {font-size:24px;line-height: 26px;line-height: 145%; font-weight: bold} .heading3 {font-size:18px;line-height: 22px;line-height: 120%; font-weight: bold} .heading4 {font-size:16px;line-height: 28px;line-height: 145%; font-weight: bold} .subtitle1 {font-size:16px;line-height:150%;font-weight:600;} .text-body1 {font-size:18px;line-height:200%;} .text-body2 {font-size:16px;line-height:175%} .text-body3 {font-size:15px;line-height:175%} .text-body4 {font-size:14px;line-height:170%} .label1 {font-size:16px;line-height: 100%;font-weight:bold} .label2 {font-size:14px;line-height: 100%;font-weight:bold} .label3 {font-size:12px;line-height: 100%;font-weight:600} .caption1 {font-size:13px;line-height: 22px;line-height:170%} .caption2 {font-size:12px;line-height: 18px;;line-height: 150%;} .td_lt {text-decoration:line-through;} i {font-weight:revert;} @media (min-width: 992px) { .display0 {font-size:82px;line-height:100px; } .display1 {font-size:70px;line-height: 90px;} .display2 {font-size:40px;line-height: 50px;} .display3 {font-size:24px;line-height: 34px;} .display4 {font-size:18px;line-height: 30px;} .heading1 {font-size:36px;line-height: 52px;line-height: 145%;} .heading2 {font-size:24px;line-height: 34px;line-height: 145%;} .heading3 {font-size:22px;line-height: 32px;line-height: 145%;} .heading4 {font-size:18px;line-height: 26px;line-height: 145%;} .subtitle1 {font-size:18px;line-height:150%;} .text-body1 {font-size:20px;line-height:200%;} .text-body2 {font-size:18px;line-height:175%} .text-body3 {font-size:17px;line-height:175%} .text-body4 {font-size:14px;line-height:170%} .label1 {font-size:18px;line-height: 100%;} .label2 {font-size:16px;line-height: 100%;} .label3 {font-size:14px;line-height: 100%;} .label4 {font-size:12px;line-height: 100%;} .caption1 {font-size:13px;line-height: 22px;line-height:170%} .caption2 {font-size:12px;line-height: 18px;;line-height: 150%;} } .bold{font-weight:bold !important;} /* 말줄임 */ .ellipsis {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .ellipsis-multiline {display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;-webkit-line-clamp:3;} /* img */ .img-responsive {width: 100%;} /* defaultmarginbox */ .container-sm, .container-md{max-width: 1192px; padding-right:1.5rem;padding-left:1.5rem;} .page > .container, .container-sm{margin-bottom:120px;} .page > .cont_b{ margin-bottom:120px;} .defaultmarginbox {margin:120px auto;} .gide_1068{max-width:1068px;} /* 프로그램 섹션 */ /* .pgsection {background:#000 url(/kor/img/cont/pgs_bg.jpg) no-repeat top center; padding:140px 50px;} */ .pgsection .sec_pg {padding:40px; border-top:solid 1px #ddd; font-size: 1.7rem; color:#333; } .pgsection .sec_pg:first-child{padding-top:0;} .pgsection .sec_pg .tit-sec-name{display:inline-block; font-size: 3.2rem; color:#111; padding-bottom:15px;} .pgsection .sec_pg:nth-child(1) {border:none; } @media(max-width:500px){ .pgsection .sec_pg {padding:40px 0;} } @media(max-width:430px){ .pgsection .sec_pg .tit-sec-name{font-size:25px;} } /* 어워드 */ .award .award_li {float:left;padding:55px 30px; margin:calc(var(--bs-gutter-x) / 2) 0; background:#f5f5f5; height:450px; font-size: 1.6rem; color:#555; } .award .award_li .tit-sec-name-en { color:#ed1f2e; font-size: 1.4rem; padding-bottom:20px;font-weight:800;} .award .award_li .tit-sec-name { color:#111111; font-size: 3.2rem; padding-bottom:20px;font-weight:700;} .d3tab_basicbox > .container-xl {max-width:1600px;} /* 조직구성 */ .contactbox { margin:180px 0;} .contact .row { display: flex; flex-wrap: wrap; row-gap: 2rem; } .contact .contact_li {padding:40px;border:1px solid #ddd;height:100%;} .contact .contact_li .tit-sec { font-size: 2.4rem; padding-bottom:15px;font-weight:800;} .contact .contact_li strong {padding-bottom:10px;color:#333} .contact .contact_li .team {padding-top:5px;margin-bottom:5px} .contact .contact_li .team .name {font-size:18px;line-height:30px;margin-bottom:5px;font-weight:bold;color:#333;} .contact .contact_li .team .s_name { font-size:15px; line-height:30px;margin-bottom:5px;font-weight:bold;color:#666; } .contact .contact_li .team .link_mail {display:block;font-size:14px;line-height:20px;color:#aaa; } .contact .contact_li .team .link_mail:hover {color:#666} @media only all and (max-width:768px) { .contact .contact_li {height:auto; padding:30px 20px;} .contact .contact_li .tit-sec {padding-bottom:0;} } /* 집행위원장 인사말 */ /* .greeting_box { margin:180px 0;} */ /* 프로그래머 소개 */ .programer { } .programer .programer_li { position:relative; margin:calc(var(--bs-gutter-x) / 2) 0; text-align:center; } .programer .programer_li .info { position:absolute; bottom:10px; left:30px; } .programer .programer_li .pname { color:#fff;font-size: 2.4rem; padding-bottom:5px;font-weight:800;} .programer .programer_li .psection { color:#fff;font-size: 1.6rem; padding-bottom:20px;font-weight:700; display:inline-block; padding-left:15px} /* 수상작 */ .award .tit_bg {text-align: center; padding:0px 60px; display:inline-block; position:relative; } .award .tit_bg::before {content:'';position:absolute; left:0; top:0;display:inline-block; width:47px;height:101px;background:url(/kor/img/cont/awards_title_bg1.png) no-repeat center center;} .award .tit_bg::after {content:'';position:absolute; right:0; top:0; display:inline-block; width:47px;height:101px;background:url(/kor/img/cont/awards_title_bg2.png) no-repeat center center;} .award .tit-sec { font-size:4.5rem; font-weight:700; letter-spacing:-1px; } .award .tit-sec span {display:block; color:#666; font-size:2rem; } .award_contain {display:flex; justify-content:space-between;} .award_contain2 {display:flex; justify-content:center;} .award_text p:nth-child(1){text-align:center; font-size:30px;line-height: 1.8;font-weight:bold;letter-spacing: -0.5px;color: #444;word-break: keep-all;} .award_text p:nth-child(2){text-align:center; font-size:18px;line-height: 1.8;font-weight:bold;letter-spacing: -0.5px;color: #444;word-break: keep-all;} .award_jury { margin:30px 0 0 0 ;} .award_jury .title { text-align:left; padding-left:10px; border-bottom:2px solid #636363;font-size:20px; font-weight:bold; margin-right:70%} .award_jury .text { text-align:left; font-size:15px; margin:5px; line-height: 2; max-width: fit-content;} @media only all and (max-width:1024px) { .award .tit-sec {padding-top:20px;} } @media only all and (max-width:768px) { .award .award_li {min-height:auto; height:auto; padding:40px 30px;} } @media only all and (max-width:600px) { .award_jury { margin:20px 0 0 0 ;} .award_contain {display:flex; flex-direction: column;} .award_jury .title { text-align:left;border-bottom:1.5px solid #636363;font-size:20px; font-weight:bold;} .award_jury .text { text-align:left; font-size:17px; margin:5px; line-height: 2; max-width: fit-content; margin-bottom:20px;} .award .tit-sec {font-size:2.6rem;} } @media only all and (max-width:500px) { .award_contain {display:flex; flex-direction: column;} .winner_tit_sec {color:#4f4c4d;font-size:23px;line-height:1.2;font-weight:bold;letter-spacing:-1.3px;word-break:keep-all; margin-bottom:10px; margin-top:100px;} .award_text p:nth-child(1){text-align:center; font-size:15px;line-height: 1.8;font-weight:bold;letter-spacing: -0.5px;color: #444;word-break: keep-all;} .award_text p:nth-child(2){text-align:center; font-size:12px;line-height: 1.8;font-weight:bold;letter-spacing: -0.5px;color: #444;word-break: keep-all;} .award_jury { margin:10px 0 0 0 ;} .award_jury .title { text-align:left;font-size:12px; font-weight:bold;} .award_jury .text { text-align:left; font-size:11px; margin:5px; line-height: 2; max-width: fit-content; margin-bottom:20px;} .award .award_li .tit-sec-name {font-size:25px;} .award .tit-sec span {font-size:1.6rem;} } /* 심사위원 */ .jury .jury_li {position:relative;width:100%;padding:40px 0;border-bottom:1px dotted #ddd; display:flex; align-items: flex-start;} .jury .jury_li:last-child {border-bottom:none} .jury .tit-sec span {color:#b5222b; font-weight:bold;} .jury .jury_li:before, .jury .jury_li:after {display:block;content:'';clear:both} .jury .jury_li .jury_img, .jury .jury_li .jury_txt {float:left;} .jury .jury_li .jury_img {position: relative; aspect-ratio:1 / 1; height:250px;/* overflow:hidden */;/*background:url('/kor/img/cont/noimage-user.jpg') no-repeat 50% 50% #fff;background-size:100% */} .jury .jury_li .jury_img img {border-radius:0;border:1px solid #ededed} .jury .jury_li .jury_img.people img {width:100%;height:100%;min-height:250px; box-sizing:content-box;} .jury .jury_li .jury_img .img_copy{position: absolute; background: none; bottom: 0; color: #fff; padding: 10px; font-size: 12px; line-height: 1.5; opacity: 0.7;} .jury .jury_li .jury_img.line{border: 1px solid #efefef;} .jury .jury_li .jury_txt {width:calc(100% - 250px);padding-left:50px;padding-top:0} .jury .jury_li .jury_txt .name {position:relative; font-size:24px;font-weight:bold;color:#111;letter-spacing:-1px; display:inline-block; margin-right:30px;} /* .jury .jury_li .jury_txt .name:after {content:''; position:absolute; bottom:6px; left:0; right:0; display:block; width:100%; height:8px; background:rgba(213, 0, 0, 0.4); z-index:-1;} */ .jury .jury_li .jury_txt .jury_info {display:inline-block;} .jury .jury_li .jury_txt .jury_info > span {position:relative;display:inline-block;padding-right:12px;margin-right:7px;font-size:17px;line-height:1.6;color:#333;font-weight:500} .jury .jury_li .jury_txt .jury_info > span:after {content:''; display:inline-block; width:1px; height:13px; position:absolute; top:6px; right:0; background:#ddd;} .jury .jury_li .jury_txt .jury_info > span:last-child:after {content:none} .jury .jury_li .text-body3 {color:#666;} .jury .jury_li .text-body3 .point {color:#b5222b; margin-right:1rem; display:block; font-size:1.8rem; margin-bottom:0.2rem;} @media only all and (max-width: 1024px){ .jury .jury_li .jury_img{/* height: 200px */;} /* .jury .jury_li .jury_img img{min-height: 200px;} */ .jury .jury_li {align-items: flex-start;} .jury .jury_li .jury_txt .name {display:block;} .jury .jury_li .jury_txt .jury_info {display:block; margin-top:10px;} } @media only all and (max-width: 768px){ .jury .jury_li{padding: 20px 0; display:block;} .jury .jury_li .jury_img{float: none; margin:0 auto;/* height: auto;margin: auto; */} .jury .jury_li .jury_img img{min-height: inherit;} /* .jury .jury_li .jury_img.people img{min-height: auto; width:250px; height:auto;} */ .jury .jury_li .jury_txt{float: none;width: auto;padding-left: 0;padding-top: 30px;} } @media only all and (max-width:500px){ .jury .jury_li{padding: 20px 0;} .jury .jury_li .text-body3 .point {font-size:16px;} } .rowfull{display:inline-block; width:100%; vertical-align:top;} .init{font-size:0;} .init > *{display:inline-block; vertical-align:top;} .init.t > *{vertical-align:top;} .init.m > *{vertical-align:middle;} .init.b > *{vertical-align:bottom;} /* 컨텐츠 공통 - 텍스트 */ .tit-sec{font-size:32px; margin-bottom:20px; font-weight:700; color:#111;} .txt-sub{font-size:24px; margin-bottom:20px; font-weight:700; color:#111;} .txt-sub2{font-size:22px; margin-bottom:20px; color:#e31525;} @media(max-width:500px){ .txt-sub2{font-size:18px;} } @media(max-width:375px){ .tit-sec{font-size:27px;} .txt-sub{font-size:20px;} .txt-sub2{font-size:17px;} } .h5_tit{position:relative; margin-left:4px; margin-bottom:10px; padding-left:20px; font-size:20px; font-weight:700; color:#111;} .h5_tit::before{position:absolute; content:''; display:inline-block; left:0; top:10px; width:10px; height:10px; border-radius:3px; border:3px solid #ce1e36;} .h5_tit + p{margin-bottom:20px; font-size:18px; font-weight:600; color:#333;} .txt-caution{margin-top:1rem; font-size:16px; color:#888;} .desc{font-size:17px;} .desc-l{font-size:16px; font-weight:400; color:#333;} .txt-caution.desc-s {font-size:0.8em;} .b_logo .b_box{padding:100px 60px 20px 40px; text-align:center; font-size:20px;} .b_logo .b_box:nth-child(2) p{padding:100px 0; text-align:center; font-size:23px; font-weight:bold;} .b_logo .b_box p{padding-top:35px;} .red{font-weight:bold; color:#ce1e36;} .a_type1{color:#ce1e36; font-weight:500; text-decoration:underline;} .a_type2{color:#ce1e36; font-weight:bold; text-decoration:underline !important;} /* 박스 */ .box_basic{padding:30px; margin-bottom:30px; border:1px solid #ccc; border-radius:0; font-size:17px; text-align:center; line-height: 180%; background-color: #f7f7f7;} .box-gray{width:100%; background:#f8f8f8; padding:40px 50px;} .box-gray > ul > li{position:relative; margin-bottom:10px; padding-left:12px; line-height:1.6; font-size:16px;} .box-gray > ul > li:last-child{margin-bottom:0;} .box-gray > ul > li::before{position:absolute; content:''; display:inline-block; left:0; top:10px; width:3px; height:3px; border-radius:5px; background:#151515;} .box-gray .box-tb-wrap{margin-left:12px;} .box-gray .box-tb-wrap .box-tb{font-size:0; padding-bottom:10px; color:#333;} .box-gray .box-tb-wrap .box-tb em{display:inline-block; position:relative; padding-left:10px; width:60%; font-size:16px;} .box-gray .box-tb-wrap .box-tb em::before{position:absolute; content:''; display:inline-block; left:0; top:10px; width:3px; height:3px; border-radius:5px; background:#151515;} .box-gray .box-tb-wrap .box-tb sup{display:inline-block; width:20%; font-size:16px;} .box-gray .box-tb-wrap .box-tb sub{display:inline-block; width:20%; font-size:16px; text-align:center;} @media (max-width:768px) { .box-gray .box-tb-wrap .box-tb{padding-bottom:15px;} .box-gray .box-tb-wrap .box-tb em{width:100%;} .box-gray .box-tb-wrap .box-tb sup{width:50%;} .box-gray .box-tb-wrap .box-tb sub{width:50%; text-align:right;} } @media (max-width:640px) { .box-gray{padding:30px;} .box_basic {padding:20px; font-size:16px; } .desc{font-size:16px; } } /* 이미지 박스 */ .img_box{} .img_box .box{display:inline-block; width:calc(50% - 17px); margin-right:30px; margin-bottom:30px; border:1px solid #ddd;} .img_box .box:nth-child(2n){margin-right:0;} .img_box .box .img_bg{height:375px; line-height:375px; background:#000;} .img_box .box dl{padding:20px; border-top:1px solid #ddd; text-align:center;} .img_box .box dl dt{font-size:15px; color:#555;} .img_box .box dl dd{display:block; padding-top:10px; font-size:18px; color:#111; font-weight:700;} @media (max-width:1024px) { .img_box .box .img_bg{height:320px; line-height:320px;} } @media (max-width:768px) { .img_box .box .img_bg{height:230px; line-height:230px;} } @media (max-width:500px) { .img_box .box{width:100%;} .img_box .box .img_bg{height:auto; line-height:inherit;} } /* 라인 */ .border-sec {padding-top:6rem;padding-bottom:6rem;} .border-sec:first-child {padding-top:0} .border-sec + .border-sec {border-top:1px solid rgba(0,0,0,0.1);} @media (max-width:768px) { .border-sec {padding-top:3rem;padding-bottom:3rem;} } /* 리스트 */ .list_basic{font-size:17px; margin-left:5px;} .list_basic > li{position:relative; margin-bottom:10px; padding-left:12px; line-height:1.6;} .list_basic > li:last-child{margin-bottom:0;} .list_basic > li::before{position:absolute; content:''; display:inline-block; left:0; top:10px; width:5px; height:5px; border-radius:5px; background:#151515;} .list_basic > li > b{display:block; font-size:18px; padding-bottom:5px;} .list_basic > li > a{color:blue;} .list_basic > li .list_add{color:#555;} .list_basic > li .list_add li{margin-bottom:10px;} .list_basic > li .list_add li p.desc{display:block; font-size:16px; color:#666;} .list_basic .li_dot{margin:10px 0 20px 15px;} .list_basic .li_dot li{position:relative; margin-bottom:10px; padding-left:12px; line-height:1.6;} .list_basic .li_dot li:last-child{margin-bottom:0;} .list_basic .li_dot li::before{position:absolute; content:''; display:inline-block; left:0; top:13px; width:3px; height:3px; border-radius:5px; background:#151515;} .list_basic02{font-size:17px;} .list_basic02 > li{margin-bottom:10px; line-height:1.6;} .list_basic02 > li:last-child{margin-bottom:0;} .list_basic03{display:inline-block; padding-right:130px; vertical-align: top;} .list_basic04{display:inline-block; padding-right:130px; vertical-align: top; font-size:17px;} .list_basic04 > li{position:relative; margin-bottom:10px; padding-left:12px; line-height:1.6;} .desc-list{font-size:16px; margin-left:10px; color:#666;} .list_info li{width:100%; height:72px; line-height:72px; padding: 0 40px; margin-bottom:10px; background:#f8f8f8; border:1px solid #ddd; color:#333; } .list_info li strong{display:inline-block; width:25%; font-size:18px;} .list_info li sub{display:inline-block; font-size:16px;} .list_info li span{float:right; font-size:16px; text-align:right; font-weight:600;} @media(max-width:640px){ .list_info li{height:auto; padding:20px; line-height:1.4;} .list_info li strong{display:block; width:100%; padding-bottom:10px;} .list_basic03{display:block; padding-right:0;} } @media(max-width:420px){ .list_info li{height:auto; padding:20px; line-height:1.4;} .list_info li strong{display:block;} .list_info li span{display:block; float:none; padding-top:10px; text-align:left;} } /* 버튼 */ .btn_badge{display:inline-block; min-width:300px; margin:30px 0; padding:20px 30px; border-radius:50px; background:#ce1e36; color:#fff; font-size:18px; font-weight:700; text-align:center;} .close{background:#333; color:#fff; pointer-events : none;} .btn_right{margin-right:30px;} .btn_down{display:inline-block; margin-top:30px; padding:15px 35px; border-radius:50px; border:1px solid #111; color:#111; font-size:16px; font-weight:700; transition: all 0.3s ease-in-out;} .btn_down:hover{background:#111; color:#fff;} .btn-group{display:inline-block;} .btn-group li{display:inline-block;} .btn-type1{display:inline-block; line-height:1; color:#222; border:1px solid #ccc; padding:1.5rem 2rem; background-color: transparent; font-size: 1.4rem; font-weight:bold;} .btn-center {text-align: center;} @media(max-width:640px){ .btn_right{margin-right:0px;} } /* 테이블 */ .table01{width:100%; border-top:2px solid #111;} .table01 thead tr{color:#111; border-bottom:2px solid #ddd;} .table01 thead tr th{padding:10px; height:50px; font-size:15px;} .table01 tbody tr{font-size:15px; height:55px; border-bottom:1px solid #ddd;} .table01 tbody tr th{padding:10px; border-right:1px solid #ddd;} .table01 tbody tr td{padding:10px; text-align:center; border-left:1px solid #ddd;} .table01 tbody tr td.left{text-align:left;} .table02{border-top:2px solid #111;} .table02 dl{padding:30px 0; font-size:17px; border-bottom:1px solid #ddd; color:#111;} .table02 dl dt{display:inline-block; width:calc(25% - 20px); font-weight:700; text-align:center; vertical-align:top;} .table02 dl dd{display:inline-block; width:75%; line-height:1.6;} .table02 dl dd .p_bold{color:#333; font-weight:600;} .table03{border-top:1px solid #ddd; color:#111; } .table03 dl{padding:30px 0; font-size:17px; border-bottom:1px solid #ddd; color:#111;} .table03 dl dt{display:inline-block; width:calc(60% - 50px); text-align:center; vertical-align: top; } .table03 dl dd{display:inline-block; width:38%; line-height:2; margin-left:50px;} .table03 dl dd .p_bold{color:#333; font-weight:600;} .table03_t{font-weight:bold;} .table04{border-top:2px solid #111;} .table04 dl{padding:10px; font-size:17px; border-bottom:1px solid #ddd; color:#111;} .table04 dl dt{display:inline-block; width:calc(25% - 20px); font-weight:700; vertical-align: top;} .table04 dl dd{display:inline-block; width:75%; line-height:1.6;} .table04 dl dd .p_bold{color:#333; font-weight:600;} .table05{width:100%; border-top:2px solid #111;} .table05 thead tr{color:#111; border-bottom:2px solid #ddd;} .table05 thead tr th{padding:10px; height:50px; font-size:16px; font-weight:800;} .table05 tbody tr{font-size:16px; height:55px; border-bottom:1px solid #ddd;} .table05 tbody tr th{padding:20px; border-right:1px solid #ddd; font-weight:600;} .table05 tbody tr td{padding:20px; text-align:left; line-height:1.5; border-left:1px solid #ddd; } .table05 tbody tr td strong{display:block;} .table05 tbody tr td .btn{border: 1px solid #ccc; padding:1.5rem 2rem; border-radius:0; margin-top:2rem;} .table05 tbody tr td ul li{position:relative; padding-left:1.5rem; margin-left:1rem;} .table05 tbody tr td ul li::before{position:absolute; content:''; display:inline-block; left:0; top:10px; width:4px; height:4px; border-radius:5px; background:#555;} .table05 tbody tr td ul li a{font-size:1.6rem;} .table05 tbody tr td.center{text-align:center;} .table06{width:100%; border-top:2px solid #111;} .table06 thead tr{color:#111; border-bottom:2px solid #ddd;} .table06 thead tr th{padding:10px; height:50px; font-size:16px; font-weight:800;} .table06 tbody tr{font-size:16px; height:55px; border-bottom:1px solid #ddd;} .table06 tbody tr th{padding:20px; border-right:1px solid #ddd; font-weight:600;} .table06 tbody tr td{padding:20px; text-align:left; line-height:1.5; border-left:1px solid #ddd; } .table06 tbody tr td strong{display:block;} .table06 tbody tr td .btn{border: 1px solid #ccc; padding:1.5rem 2rem; border-radius:0; margin-top:2rem;} .table06 tbody tr td.center{text-align:center;} .tbl_basic {border-collapse:collapse; background:#fff; width:100%; border-top:4px solid #666; border-bottom: 1px solid #939393 !important; border-left:1px solid #e0e0e0; text-indent:0; font-weight:normal; line-height:170%; } .tbl_basic>thead>tr>th, .tbl_basic>thead>tr>td { background:#efefef;padding:15px 20px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;vertical-align:middle; } .tbl_basic>tbody>tr>th, .tbl_basic>tbody>tr>td {line-height:170%;padding:15px 20px; border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;vertical-align:middle;} .tbl_basic>tbody>tr.href_view {cursor:pointer;} .tbl_basic>tbody>tr.href_view:hover { background: #eee;} .tbl_basic>thead>tr>th, .tbl_basic>tbody>tr>th {color:#444; font-weight:500;font-size:18px;text-align:center;} .tbl_basic>tbody>tr>td.center{text-align:center;} .tbl_basic>tbody>tr>td, .tbl_basic>tbody>tr>td strong, .tbl_basic>tbody>tr>td a {font-size:16px;} .tbl_basic>tbody>tr>td strong {font-weight:500} .tbl_basic>tbody>tr>td a {text-decoration:underline;font-weight:500} .tbl_basic>tbody>tr>td a:hover {color:#e95151} .tbl_basic>tbody>tr>td .circle{display:block; width:6rem; height:6rem; text-align:center; background: url(/kor/img/main/icon_goarr.png) no-repeat center center; border-radius:50%; margin:0 auto; background-size:40%; background-color: #333;} .tbl_basic>tbody>tr>td:hover .circle{background-color:#e81e2d;} .no-r-line {border-right:none !important;} @media (max-width:768px) { .tbl_submission_guide>colgroup>col{width:100%;} .table03 dl dt{display:block; width:100%; text-align:left;} .table03 dl dd{display:block; width:100%; margin-left:0; margin-top:30px;} .table05 thead tr th, .table05 tbody tr th, .table05 tbody tr td{color:#000;} } /* 2024-07-30 */ @media screen and (max-width: 768px){ .table-responsive{width: 100%; overflow-x:auto;/* white-space: nowrap; */} .table-responsive table{width:900px;} .table-responsive table.w8 {width:800px} .table-responsive table.w7 {width:700px} .table-responsive table.w6 {width:600px;} .table-responsive table.w1 {width:100%;} .table-responsive table.w1 th {width:40%;} .table-responsive table th {white-space:normal !important; word-break:keep-all;} .table-responsive::-webkit-scrollbar{width:8px; /* 세로스크롤 넓이 */ height:8px; /* 가로스크롤 높이 */ background:transparent;} .table-responsive::-webkit-scrollbar-track{width:8px; background:#f3f3f3;} .table-responsive::-webkit-scrollbar-thumb{width:8px; background:#ddd; border-radius:10px;} } @media(max-width:500px){ .table02 dl dt, .table02 dl dd{display:block; width:100%; text-align:left;} .table02 dl dd{margin-top:20px;} .tbl_basic>tbody>tr>td, .table05 tbody tr td, .table06 tbody tr td {padding:13px; font-size:15px;} .table05 tbody tr th, .table06 tbody tr th, .tbl_basic>thead>tr>th, .tbl_basic>tbody>tr>th {padding:13px;} } /* FAQ 내 table style */ .faq_inner_tbl {position:relative; table-layout:fixed;width:100%;border-top: none;background: #fff;border-right: 1px solid #ddd;} .faq_inner_tbl thead tr{color:#111; border-bottom:2px solid #ddd;} .faq_inner_tbl thead tr th{padding:10px;height:50px;font-size:15px;line-height:1.1; font-weight:bold;color: #fff;background-color:#000;word-break:break-all;white-space: normal !important;} .faq_inner_tbl thead tr th strong{color:#FF4F59;} .faq_inner_tbl tbody tr{font-size:15px; height:55px; border-bottom:1px solid #ddd;} .faq_inner_tbl tbody tr th{padding:10px;color:#000; background:#f3f3f3; border-left:1px solid #ddd; border-right:1px solid #ddd; word-break:break-all; white-space: normal !important;} .faq_inner_tbl tbody tr th.fix {position:sticky; left:0;} .faq_inner_tbl tbody tr td{padding:10px; text-align:center; border-left:1px solid #ddd; color:#000;} .faq_inner_tbl tbody tr td.left{text-align:left;} .faq_inner_tbl tbody tr td strong {coloR:#bf202c;} @media(max-width:500px){ .faq_inner_tbl thead tr th, .faq_inner_tbl thead tr td {font-size:14px;} .faq_inner_tbl tbody tr th, .faq_inner_tbl tbody tr td {font-size:13px;} } /* BIFF개요 */ .intro_list{border-top:1px solid #111;} .intro_list dl{border-bottom:1px solid #ddd; text-align:center; font-size:18px; padding-bottom:40px;} .intro_list dl dt{position:relative; padding-top:180px; font-weight:700; color:#333;} .intro_list dl dt::before{position:absolute; content:''; display:inline-block; top:40px; left:50%; margin-left:-58px; width:116px; height:116px; background:url(/kor/img/cont/intro_logo_biff.png) no-repeat;} .intro_list dl dd{color:#111;} .intro_list a{position:relative; border-bottom:1px solid #ddd; padding:30px 20px; transition: all 0.3s ease-in-out;} .intro_list a:hover{background:#f6f6f6;} .intro_list a .logo{display:inline-block; width:25%; text-align:left;} .intro_list a .logo img{max-width:248px;} .intro_list a .logo em{display:block; margin-top:15px; font-size:16px; color:#333;} .intro_list a em{font-weight:bold;} .intro_list a p{display:inline-block; padding-left:30px; width:calc(75% - 150px); } .intro_list a span{position:absolute; top:50%; right:20px; margin-top:-22px; width:120px; height:44px; line-height:44px; border:1px solid #aaa; background:#fff; border-radius:44px; font-size:16px; font-weight:700; color:#111; text-align:center;} .intro_box{margin:60px 0;} .intro_box .box{display:inline-block;/* border:1px solid #eee; */width:calc(50% - 25px); padding:60px 0; margin-right:25px; margin-bottom:25px; text-align:center;} .intro_box .box:nth-child(2n){margin-right:0;} .intro_box .box:nth-child(3), .intro_box .box:nth-child(4){margin-bottom:0;} .intro_box .box p{position:relative; display:inline-block; padding:0 60px;} .intro_box .box p::before, .intro_box .box p::after{position:absolute; content:''; display:inline-block; top:-12px; width:36px; height:77px;} .intro_box .box p::before{left:0; background:url(/kor/img/cont/intro_box_left.png) no-repeat center center;} .intro_box .box p::after{right:0; background:url(/kor/img/cont/intro_box_right.png) no-repeat center center;} .intro_box .box span{display:block; font-size:18px; font-weight:600; color:#888;} @media(max-width:1024px){ .intro_box .box::before{left:20px;} .intro_box .box::after{right:20px;} .intro_list a .logo{width:100%; text-align:left;} .intro_list a .logo img{display:inline-block; padding-right:30px;} .intro_list a .logo em{display:inline-block;} .intro_list a p{width:calc(95% - 150px); padding-left:0;} } @media(max-width:980px){ .intro_box .box{width:100%;} .intro_box .box::before{left:13%;} .intro_box .box::after{right:13%;} .intro_box .box:nth-child(3){margin-bottom:25px;} .intro_list a p{margin-top:20px;} } @media(max-width:768px){ .intro_list a{padding:40px 0;} .intro_list a .logo em{display:block; padding-left:0;} } @media(max-width:470px){ .intro_list a span{width:44px; font-size:0; right:0;} .intro_list a span::before{position:absolute; content:''; display:inline-block; top:50%; left:50%; margin-top:-7px; margin-left:-3px; width:10px; height:18px; background:url(/kor/img/cont/icon_arrow.png) no-repeat; background-size:8px; font-size:0;} .intro_list a p{width:calc(95% - 50px);} .intro_box .box{padding:30px 0;} } /* 스폰서 */ /* .txt-sub-line{position:relative; font-size:24px; margin-bottom:20px; font-weight:700; color:#111; text-align:center;} .txt-sub-line:before{position:absolute; content:''; display:inline-block; left:0; top:50%; width:40%; height:1px; border:1px solid #ddd; z-index:-1;} .txt-sub-line:after{position:absolute; content:''; display:inline-block; right:0; top:50%; width:40%; height:1px; border:1px solid #ddd; z-index:-1;} .llogo_title {display:block; font-size:17px; font-weight:700; color:#333; margin-top:20px;} .tier_group{padding:30px 0; font-size:0;} .tier_group_it{display:inline-block; text-align:center; height:140px; vertical-align:top; margin-bottom:30px;} .tier_group_it a{display:block; height: 90px; line-height:90px;} .gold_sponsor .tier_group_it{width:50%;} .premier_sponsor .tier_group_it{width:25%; padding-bottom:60px;} .premier_sponsor .it_50{width:50%; text-align:center;} .premier_sponsor .tier_group_it:nth-child(n + 4){padding-bottom:0;} .major_sponsor .tier_group_set{padding:0 80px;} .major_sponsor .tier_group_it{width:25%; display:inline-block; text-align:center;} .major_sponsor .tier_group_it.second-line{width:22%; display:inline-block; text-align:center; } .mecenat .tier_group_it, .partner .tier_group_it{width:20%; padding-bottom:60px;} .partner .tier_group_it{width:16.6666%; padding-bottom:60px;} .mecenat .tier_group_it{width:25%; display:inline-block; text-align:center; } .partner .tier_group_itt:nth-child(n + 6){padding-bottom:0;} .major_sponsor .tier_group_it:nth-child(n + 6){padding-bottom:0;} .mecenat .tier_group_it:nth-child(n + 6){padding-bottom:0;} .partner .tier_group_it:nth-child(n + 6){padding-bottom:0;} .major_sponsor{text-align:center;} .mecenat, .partner{text-align:center;} @media(max-width:1024px){ .txt-sub-line:before{width:30%;} .txt-sub-line:after{width:30%;} .major_sponsor .tier_group_set{padding:0;} } @media(max-width:768px){ .mecenat, .partner{padding:0;} .premier_sponsor .tier_group_it{display:inline-block;} .major_sponsor .tier_group_it.second-line, .major_sponsor .tier_group_it, .mecenat .tier_group_it, .partner .tier_group_it{width:33.3333%;} } @media(max-width:640px){ .txt-sub-line:before{width:20%;} .txt-sub-line:after{width:20%;} .gold_sponsor .tier_group_it{width:100%; margin-bottom:40px;} .gold_sponsor .tier_group_it:last-child{margin-bottom:0;} .major_sponsor.mb60{margin-bottom:0;} .major_sponsor .tier_group_it.second-line, .major_sponsor .tier_group_it, .premier_sponsor .tier_group_it{width:50%;} .premier_sponsor .tier_group_it:nth-child(2n){margin-right:0;} .premier_sponsor .it_50{width:100%;} } @media(max-width:500px){ .tier_group{padding:0;} .major_sponsor .tier_group_it, .mecenat .tier_group_it, .partner .tier_group_it{width:calc(50% - 10px); margin-right:20px;} .major_sponsor .tier_group_it:nth-child(2n), .mecenat .tier_group_it:nth-child(2n), .partner .tier_group_it:nth-child(2n){margin-right:0;} .llogo_title{font-size:15px;} } @media(max-width:375px){ .txt-sub-line:before{width:15%;} .txt-sub-line:after{width:15%;} .premier_sponsor .tier_group_it{width:100%;} } */ /* 포스터 */ .producer dl{font-size:15px; margin-top:20px;} .producer dl dt{font-size:16px; color:#aaa; font-weight:700;} .producer dl dd{color:#111; margin-top:10px;} /* sns 허브 */ .sns_hub{width:100%; font-size:0;} .sns_hub .box{display:inline-block; width:calc((100% - 60px) / 4); max-height:420px; padding:30px 10px; border:1px solid #ddd; text-align:center; font-size:16px; vertical-align:top;} .sns_hub .box:nth-child(3n){margin-right:0;} .sns_hub .box dl{margin-top:25px;} .sns_hub .box dl dt{font-size:25px; font-weight:600; color:#111;} .sns_hub .box dl dd{font-size:14px; font-weight:600; color:#888;} .sns_hub .box .sns_link{position:relative; padding-top:50px; margin-top:40px; height:90px;} .sns_hub .box .sns_link::before{position:absolute; content:''; display:inline-block; left:50%; top:0; margin-left:-3px; width:6px; height:6px; background:#999; border-radius:6px;} .sns_hub .box .sns_link li{display:inline-block; width:calc(20% - 15px); vertical-align:top;} .sns_hub .box .sns_link li:last-child{margin-right:0;} .sns_hub .box .sns_link li a{position:relative; padding-top: 50px; display:block; } .sns_hub .box .sns_link li a::before{position:absolute; content:''; display:inline-block; left:50%; top:0; margin-left:-20px; width:40px; height:40px; background-repeat:no-repeat; background-position:center;} .sns_hub .box .sns_link li a[data-type="페이스북"]::before{background-image:url(/kor/img/cont/sns_facebook.png);} .sns_hub .box .sns_link li a[data-type="트위터"]::before{background-image:url(/kor/img/cont/sns_twitter.png?1);} .sns_hub .box .sns_link li a[data-type="인스타그램"]::before{background-image:url(/kor/img/cont/sns_instagram.png);} .sns_hub .box .sns_link li a[data-type="유튜브"]::before{background-image:url(/kor/img/cont/sns_youtube.png);} .sns_hub .box .sns_link li a[data-type="틱톡"]::before{background-image:url(/kor/img/cont/sns_tiktok.png);} .sns_hub .box .sns_link li a span{font-size:14px; color:#888; letter-spacing: -0.5px;} @media (max-width:1600px) { .sns_hub .box .sns_link li {width:calc(20% - 6px);} } @media (max-width:1192px) { .sns_hub .box{width:calc(50% - 25px);} } @media screen and (min-width:787px) { .sns_hub {display: flex;flex-wrap: wrap; gap:20px;} } @media (max-width:786px) { .sns_hub .box{width:100%; margin-right:0; margin-bottom:20px; padding:20px 15px;} } /* 티켓카탈로그*/ .ticket_list {position:relative;} .ticket_list .acc_it {position:relative;padding:50px 0;border-top:1px solid #e0e0e0;} .ticket_list .acc_it:first-child {border-top:none} .ticket_list .acc_it:before, .ticket_list .acc_it:after {display:block;content:'';clear:both;} .ticket_list .acc_it .hd, .ticket_list .acc_it .bd {float:left;display:inline-block;} .ticket_list .acc_it > .hd {width:20%;} .ticket_list .acc_it > .bd {width:80%;} .tica_list li {display:inline-block; font-size:16px;letter-spacing:-0.5px;} .tica_list li {position:relative;padding-right:20px;margin-right:18px;color:#555;margin-bottom:20px;} .tica_list li:after {content:'';display:inline-block;position:absolute;top:3px;right:0;width:1px;height:15px;background:#ddd;} .tica_list li:last-child:after {content:none;} @media (max-width:640px) { .ticket_list .acc_it > .hd {width:25%;} .ticket_list .acc_it > .bd {width:75%;} } @media (max-width:375px) { .ticket_list .acc_it > .hd {width:30%;} .ticket_list .acc_it > .bd {width:70%; padding-left:30px;} .tica_list li {display:block;} .tica_list li:after{display:none;} } /* 영상 */ .media_ul .media_li {position:relative;padding-top:30px;padding-bottom:30px;padding-left:20px;padding-right:20px} .media_ul .media_li:last-child {border-bottom:0} .media_ul .media_li .cover {position:absolute;top:0;left:0;width:100%;height:100%;z-index:20} .media_ul .media_li .thumb {background:#000;width:100%;height: auto;/* overflow:hidden; *//* max-height:320px; */aspect-ratio: 490/300; border-radius:0 0 ; } /* @media (max-width:500px) { .media_ul .media_li .thumb {height:150px;} } */ .media_ul .media_li .thumb img { transform-origin:center center; transform:scale(1.1); opacity:.9; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%; height: 100%; object-fit: cover; } .media_ul .media_li:hover img {opacity:1;transform:scale(1.15);} .media_ul .media_li .txtbox {border:0px solid #e0e0e0;padding:25px;background:#eeeeee;border-radius: 0;} .media_ul .media_li .evt_type {font-size:16px;margin-bottom:10px;color:#888;letter-spacing:-0.5px; position:relative; display: inline-block; padding-right:1rem;} .media_ul .media_li .evt_type:after {content:''; position:absolute; top:50%; right:0; margin-top:-4px; width:6px; height:6px; border-radius:50%; background:#e10011;} .media_ul .media_li .evt_tit {display:block;font-size:2rem;line-height:1.4;color:#111;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-1.2px;} .media_ul .media_li .evt_info {margin-bottom:20px;} .media_ul .media_li .evt_info .date, .media_ul .media_li .evt_info .place {display:inline-block;position:relative;font-size:16px;color:#666;} .media_ul .media_li .evt_info .date {padding-right:15px} .media_ul .media_li .evt_info .date:after {content:'';display:inline-block;width:1px;height:15px;background:#ccc;position:absolute;top:0;right:0;margin-right:10px} .media_ul .media_li .d-day {display:inline-block;float:left;margin-top:5px;margin-right:8px;font-size:13px;font-weight:900;color:#fff;padding:3px 12px;border-radius:50px;-webkit-border-radius:50px;background:#e45353} .media_ul .media_li .d-day.d-finish {background:#444;font-weight:400} .media_wrap .media_ul {margin-top:30px;} @media (max-width:500px) { .media_ul .media_li {padding:10px;} .media_ul .media_li .evt_tit {white-space:normal; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:18px;} .media_ul .media_li .txtbox {padding:20px 18px;} } /* media Select */ .media_filter_bar {margin-bottom:3px; text-align: center; padding-top:30px;} .media_filter_bar:before {content:'';display:inline-block;width:30px;height:30px;float:left;margin:auto auto;margin-right:10px;/*background:url(/kor/img/cmm/ico_filter.png) no-repeat 50% 50%;*/} .media_filter_btn_wrap {display:inline-block;} .media_filter_bar .btn-filter {position:relative;display:inline-block;border-bottom:2px solid #151515;padding:19px 5px;line-height:1;width:200px; margin-right:4px;border-radius:0px;font-size:18px;color:#333; line-height:1.5;letter-spacing:-0.5px;text-align: left;} .media_filter_bar .btn-filter:after {content:'';display:inline-block;width:23px;height:27px;float:right;margin:auto auto; background:url(/kor/img/cmm/ico_dropdown_filter2.png) no-repeat 100% 50%;opacity:.4;} .media_filter_btn_wrap .btn-filter.on .btn-filter:after {opacity:1} .media_filter_select_list li {position:relative;} .media_filter_select_list {position:absolute;padding:5px 0;z-index:999;margin:0;list-style:none;background-color:#fff;border:1px solid #ddd;border-top:0; border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;width:200px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out; opacity:0;z-index:-1;margin-top:-1px} .media_filter_select_list li a {font-size:14px;margin:0;padding:8px 10px;text-indent:0px;border-bottom:0px solid #e0e0e0;-moz-transition:all 0.15s ease-in;-o-transition:all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in; color:#888;display:block;letter-spacing:-0.5px !important; text-align:left;} .media_filter_select_list li:hover a {color:#111} .media_filter_btn_wrap.on .media_filter_select_list {opacity:1;z-index:90;max-height:320px;overflow-y:scroll; } /* 2024-07-31 */ @media (max-width:600px){ .media_filter_bar:before {display:none;} .media_filter_bar {display:flex; flex-wrap:wrap;} .media_filter_btn_wrap {display:inherit; position:relative;} .media_filter_btn_wrap:nth-child(1) {width:30%;} .media_filter_btn_wrap:nth-child(2) {width:70%;} .media_filter_btn_wrap:nth-child(3) {width:100%;} .media_filter_bar .btn-filter {display:block; width:100% !important; font-size:17px; padding:13px 5px;} .media_filter_btn_wrap.on .media_filter_select_list {top:55px; width:100% !important; min-width:auto;} .media_filter_bar .btn-filter:after {transform:scale(0.6);} } /* 아시아콘텐츠어워즈 */ .asia .a_txt{position:relative; padding-left:180px; padding-bottom:50px;} .asia .a_txt::before{position:absolute; content:''; display:inline-block; left:0; top:0; width:150px; height:250px; background:url(/kor/img/cont/aca2022_symbol.png);} @media (max-width:500px) { .asia .a_txt{padding-top:250px; padding-left:0; padding-bottom:0;} .asia .a_txt::before{left:50%; margin-left:-75px;} } /* 부산관광정보 */ .tour{font-size:0;} .tour a{display:inline-block; vertical-align:top; width:calc(25% - 29px); height: 348px; margin-right:35px; text-align:center; background-color:#ddd; margin-bottom:35px; background-repeat:no-repeat; background-size:cover; background-position:center; transition: all 0.3s ease-in-out;} .tour a:nth-child(4n){margin-right:0;} .tour a span{line-height:348px;padding-bottom:30px; font-size:24px; font-weight:700; color:#fff;} .tour a:hover{position:relative;} .tour a:hover::before{position:absolute; content:''; display:inline-block; top:50%; left:50%; margin-left:-5.5px; margin-top:30px; width:11px; height:11px; background: url(/kor/img/cont/icon_tour.png) no-repeat;} @media (max-width:1600px) { .tour a{width:calc(25% - 26.3px);} } @media (max-width:1024px) { .tour a{width:calc(33.3333% - 13.32px); margin-right:20px; margin-bottom:20px;} .tour a:nth-child(3n){margin-right:0;} .tour a:nth-child(4n){margin-right:20px;} } @media (max-width:768px) { .tour a{width:calc(50% - 10px);} .tour a:nth-child(2n){margin-right:0;} .tour a:nth-child(3){margin-right:20px;} } @media (max-width:500px) { .tour a{width:100%;} .tour a:nth-child(3){margin-right:0;} } /* FAQ */ .qna ul{width: 100%;} .qna ul li{color: #555; font-size: 18px; padding:30px ; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; cursor: pointer;} .qna ul li:first-child { border-top:1px solid #dfdfdf; } .qna ul li div.question{position: relative; height:auto;} .qna ul li div.question::after{display: block; clear: both; content:"";} .qna ul li div.question span{float:left; display: inline-block; font-weight:bold; font-size: 22px; color: #fff; background: #333; width:55px; height:55px; border-radius: 50%; text-align:center; line-height:55px; box-sizing:border-box;} .qna ul li div.question p{display:inline-block; width: calc(100% - 55px); padding:1.5rem; height: auto;border-left:none; box-sizing:border-box; overflow:hidden;} .qna ul li .answer{ padding:30px 0 10px; display: none; cursor: auto; border-top:1px dotted #dfdfdf; margin:30px 0 0 0;} .qna ul li .answer::after{display: block; clear: both; content:"";} .qna ul li .answer > div{float: left; } .qna ul li .answer .ico_sec span{display:inline-block; width:33px; height:33px; border-radius: 50%; text-align:center; line-height:33px; background:#bf202c; color:#fff; margin-left:20px;} .qna ul li .answer .txt_sec{width:90%; padding: 0 0 0 30px; box-sizing: border-box; } .qna ul li .answer .txt_sec p{ font-size: 16px; line-height:1.8;} .qna ul li .answer .txt_sec p span{ color:#e10011;background:none;} .qna ul li.on{background: #f6f6f6; color: #bf202c; } .qna ul li.on div.question span, .qna ul li.on span{background: #bf202c; border-color:#bf202c;} .qna ul li.on .answer{display: block;} .qna ul li.on .answer .txt_sec p{ color: #000;} .view_list.qna_wrap .tableWrap table tbody tr td p.table_tit img{padding-left:13px; vertical-align:-5px;} .view_list.qna_wrap .tableWrap table tbody tr td p span:first-child{border:none;} .qna_wrapper .view_sec .view_tit h1 span:first-child{border-right:0;} .faq_covid ul li{color: #555; font-size: 18px; padding:20px ;border-top:1px solid #dfdfdf; } .faq_covid ul li:last-child { border-bottom:1px solid #dfdfdf; } @media only all and (max-width:430px) { .qna ul li{ font-size: 15px; padding:10px ; } .qna ul li div.question span{font-size: 18px; width:30px; height:30px; line-height:30px; } .qna ul li div.question p{padding:0 0 0 1.5rem;} .qna ul li .answer{ padding:20px 0 10px; margin:20px 0 0 0;} .qna ul li .answer .ico_sec span{ width:25px; height:25px;line-height:25px; margin-left:10px;} .qna ul li .answer > div {float:none;} .qna ul li .answer .txt_sec{width:100%; padding: 10px 0 10px; } .qna ul li .answer .txt_sec p{ font-size: 14px; line-height:1.8;} .view_list.qna_wrap .tableWrap table tbody tr td p.table_tit img{padding-left:13px; vertical-align:-5px;} .view_list.qna_wrap .tableWrap table tbody tr td p span:first-child{border:none;} .qna_wrapper .view_sec .view_tit h1 span:first-child{border-right:0;} } /* 프로그램 경향 */ .program_img{} .program_img .right{float:right; margin-top:40px;} @media (max-width:1192px) { .program_img .right{float:none; margin-top:40px;} } /* 관객가이드 - 상영관안내 */ .rule ul{position:relative; padding-left:210px;} .rule ul::before{position:absolute; content:''; display:inline-block; top:50%; left:0; margin-top:-50.5px; width:175px; height:101px; background: url(/kor/img/cont/rule.png) no-repeat;} @media (max-width:768px) { .rule ul{padding-left:0;} .rule ul::before{display:none;} } .sc-slide.slick-initialized .slick-slide{display:inline-block !important ; text-align:center;} .sc-slide.slick-initialized .slick-slide img{display:inline-block !important ; text-align:center;} .sc-slide .slide-list{width:324px; margin:0 20px;} .sc-slide .slide-list img{text-align:center;} .sc-slide .slide-list .txtbox{text-align:center; margin-top:40px;} .sc-slide .slide-list .txtbox em{font-size:24px; font-weight:700; color:#111;} .sc-slide .slide-list .txtbox sub{display:block; font-size:16px; color:#aaa;} /*btn*/ .sc-slide .slick-arrow {position:absolute; z-index:10; margin-top:-80px; display:inline-block; width:80px; height:80px; z-index:20; opacity:0; text-indent:-9999px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; opacity:1;} .sc-slide .slick-arrow.slick-next {top:50%;right:35px;background:url(/kor/img/cont/pg-slide-next.png) no-repeat 50% 50%;} /* .pg-slide .slick-arrow.slick-prev {top:50%;left:0px;background:url(https://www.jimff.org/kor/img/main/pg-slide-prev2.png) no-repeat 50% 50% #fff} */ /*굿즈샵*/ @media(max-width:1920px){ .goods img{width:calc(80% - 10px); margin-left:125px; } } @media(max-width:1880px){ .goods img{width:calc(80% - 10px); margin-left:125px; } } @media(max-width:1100px){ .goods img{width:calc(80% - 10px); margin-left:95px; } } @media(max-width:700px){ .goods img{width:calc(80% - 10px); margin-left:75px; } } @media(max-width:500px){ .goods img{width:calc(80% - 10px); margin-left:55px; } } /* 팝업 */ .pop-wrap .popup{position:fixed; width:100%; height:100vh; line-height:100vh; left:0; top:0; background:rgba(0,0,0,0.6); z-index:9999; font-size:0; text-align:center; overflow:auto;} .pop-wrap .popup .el{position:relative; padding:2rem; display:inline-block; line-height:1; vertical-align:middle; background:#fff; text-align:center;} .pop-wrap .popup .el .btn-group{width:100%; text-align:center; margin-top:4rem;} .pop-wrap .popup .el .btn-group button{display:inline-block; padding:1.5rem 5rem; border-radius:4rem; text-align:center; background:#ce1e36; color:#fff; font-weight:700;} .ov-img{width:calc(40% - 1rem);display:inline-block; margin-right:2rem;} .ov-text{width:calc(60% - 1rem); margin-right:0;} @media(max-width:768px){ .ov-img{width:100%;} .ov-text{width:100%;} .ov-text h4{margin-top:3rem;} .ov-text p{color:#000;} } .tab_3dep {position:relative;margin:20px 0 30px 0 ;} .tab_3dep:before, .tab_3dep:after {content:'';display:block;clear:both} .tab_3dep .tab_list {margin-left:0} .tab_3dep .tab_list li {position:relative;float:left; padding:0px; width:calc(25% - 1.5rem); letter-spacing:-1px; margin-left:2rem;} .tab_3dep .tab_list li:first-child {margin-left:0} .tab_3dep .tab_list li a {position:relative;display:block;font-size:18px;color:#333; padding:2rem 0; font-weight:400; border:1px solid #dfdfdf; text-align:center; transition:all 0.3s ease; border-radius:5rem;} .tab_3dep .tab_list li a:hover {background:#bf202c; color:#fff; border:1px solid #bf202c;} .tab_3dep .tab_list li.on a {color:#fff;font-weight:500; font-size:18px; background:#bf202c; border:1px solid #bf202cs;} @media(max-width:768px){ .tab_3dep .tab_list li{width:calc(50% - 0.5rem); margin-left:1rem; margin-bottom:1rem;} .tab_3dep .tab_list li a {padding:1rem;} .tab_3dep .tab_list li:nth-child(3){margin-left:0} } .swiper{position:relative; width:100%; overflow: hidden;} .swiper-pagination-bullet-active{background:#e81e2d !important;} /*관리자 워닝문구*/ @keyframes blink-effect { 50% { opacity: 0; } } .page_warning {position: fixed;bottom: 20px; right: 100px; z-index: 999999;} .page_warning div {font-size: 1.4rem;color:#fff;background: #e1001161;border-radius: 2rem;padding:1rem 2rem;margin:10px 0 20px;display:inline-block} .page_warning .blink{animation: blink-effect 1s step-end infinite;} .page_warning .blink img {width:26px; padding-right:5px;} /* 2024-07-25 모바일 가로스크롤 안내 */ .scroll_guide {display:none;} @media(max-width:768px){ .scroll_guide {display:flex; align-items:center; /* justify-content:center; */ padding-left:10px; /* position:relative; top:-3px; */ color:#333;} .scroll_guide img {height:32px;} .scroll_guide > span {padding-left:10px; font-size:15px;} .scroll_guide + .table-responsive .mt50 {margin-top:10px;} .btn-group + .scroll_guide {margin-top:20px;} .qna ul li .answer > div.scroll_guide {float:none;} .qna ul li.on .scroll_guide {top:0;} .qna ul li.on .scroll_guide span {background:transparent; border-color:transparent; font-size:14px;} .qna ul li.on .scroll_guide img {height:30px;} } @media (max-width:500px) { .tit-sec, .heading1 {font-size:2.6rem; line-height:1.3;} } /* 2024-07-29 역대사진 */ .arc_year_list {display:none !important;} .arc_year_list.on {display:block !important;} @media (max-width:500px) { .archive_nav .arc_year .year .year_select {font-size:21px !important; width:100%;} .archive_nav .arc_year .year {border:1px solid #d4d4d4; border-radius:3px; padding:10px 15px;} .archive_nav .arc_year .year .year_select:after {top:9px !important;} .arc_year_list {width:100% !important;; top:52px !important;;} /* .cont_archive .container-sm, .cont_archive .container {padding-right:0; padding-left:0;} */ .archive_nav .arc_year {float:none !important;} .archive_nav .arc_year.mb80 {margin-bottom:30px;} .archive_nav .arc_year .year .year_select:after {transform:scale(0.5)} .arc_year_list } /* 2024-08-19 굿즈숍 - 아카이브 복원 */ /* 관객가이드 - 굿즈숍 */ /* Pitt GROUND */ .goodsTop {background-color:#f7f7f7;} .flexbox:has(.blackbox) {padding:2rem;;} .blackbox{width: 33.33%;border-left: 1px solid #dedede;padding: 1rem 2rem;} .blackbox:first-child {border-left:none;} .blackbox li{padding: 1rem;text-align:center;} .blackbox li:nth-child(1){color: #111;/* border-bottom:1px solid #111; */} .blackbox li:nth-child(2){color: #111;line-height: 1.5;font-size:1.6rem;height:114px;align-content: center;background: #fff;} .blackbox li h4{font-size: 22px; font-weight:bold;} .blackbox li h4 span{font-size: 16px; font-weight:300;} .blackbox li h4 span a { vertical-align: middle; } .blackbox li h4 span i { color:#d51521; padding-left:5px;} @media(max-width:1024px){ .flexbox:has(.blackbox) {padding:0; flex-wrap:wrap; border-top:1px solid #ddd;} .blackbox {width:100%; display:flex; border-left:none; border-bottom:1px solid #ddd; } .blackbox li {width:50%;} .blackbox li:nth-child(1) {align-content:center;} .blackbox li:nth-child(2) {align-content:center; border-bottom:none;} } @media(max-width:768px){ .flex_blackbox_wrap{ flex-wrap: wrap; } .blackbox{ width: 100%; } .blackbox li:nth-child(2){ height:auto; } } @media screen and (max-width:540px) { .blackbox {flex-wrap:wrap; padding-bottom:2rem;;} .blackbox li {width:100%;} .blackbox li h4 {font-size:18px;} .blackbox li h4 span {font-size:14px;} .blackbox li:nth-child(2) {font-size:14px;} } .flexbox{width: 100%;display: flex;justify-content: space-between;align-items: center;} .flexbox.special{ align-items: flex-start;} .f_txt{width: 49%;} .f_img{width: 45%;} .f_img img{display: block;width: 100%;} .f_txt2{width: 50%;} .f_img2{width: 50%;} .f_img2 img{display: block;width: 95%;} .pitt_poster{width:100%; text-align:center;} .pitt_poster img{display: inline-block;width: 100%;} .f_line{border-bottom:#ddd 2px solid;} @media(max-width:1020px){ .flexbox{flex-wrap: wrap;} .f_txt{width: 100%; margin-top:2rem;} .f_img{width: 100%;margin-top:0px;} .f_txt2{width: 100%; margin-top:2rem;} .f_img2{width: 100%; text-align:center;} .f_img2 img{width: 100%;} .pitt_poster img{display: inline-block;} .mt200{margin-top:0;} } /* goods list */ .flexbox_nowrap{ display: grid; grid-template-columns: repeat(4, 1fr); gap:3rem; } .goodslist{width: 100%;} .goodslist li{text-align: center;font-size: 17px; font-weight:700; margin-bottom:30px;word-break: keep-all;} .goodslist li span{font-size: 16px; color:#222;} .goodslist li img{display: inline-block;width: 100%;} .goodslist li:hover img{opacity: 0.8; transition: all 0.3s ease-in; font-weight:bold;} .goodslist .comingsoon { height:268px; display: flex; justify-content: center; align-items: center; flex-direction: column; } @media(max-width:768px){ .flexbox_nowrap { grid-template-columns: repeat(2, 1fr); } } /* 2024-08-26 어워드 타이틀 */ @media (max-width:480px) { .award .tit_bg:before, .award .tit_bg:after {transform:scale(0.7);} .award .tit_bg:before {left:-10px;top:-20px;} .award .tit_bg:after {right:-10px;top:-20px;} .award .tit_bg {padding:0 35px; width:100%; margin-top:10px;} } /* 2024-08-29 스폰서 */ /* .sponsor_container {max-width:840px; margin:0 auto; padding-top:30px;} .list_container {max-width:840px; margin:0 auto;} .sp_group {padding:20px 0 90px; display:flex; align-items:center; flex-wrap:wrap; justify-content: center;} .sp_item {display:flex; flex-direction:column; align-items:center;} .sp_item .sp_title {font-weight:bold; font-size:17px; color:#333; display:none;} .sp_group.gold {padding:10px 0 80px;} .mo_sp {display:none;} @media (max-width:650px){ .sp_group.major .sp_item a img {display:none;} .sp_group.major .sp_item a img.mo_sp {display:inherit !important;} .sp_group {padding:30px 0 60px;} .sp_group.dia .sp_item {width:90%;} .sp_group.gold {padding-bottom:90px;} .sp_group.gold .sp_item {width:100%;} .sp_group.major .sp_item {width:50%; padding:10px 5px;} .sp_group.mecenat .sp_item {width:50%;} } */ /* 2024-08-30 수상작 수상자 */ .award .display4 {border-bottom:1px solid #ebebeb; padding:2rem 4rem 5rem;} @media (max-width:768px){ .award .display4 {padding:0 0 2.5rem 0;} } /* 2024-08-30 개요 및 특징*/ .ov-fe {position:relative;} /* .page1-2 .row:last-child {display:none;} */ .overview_top {overflow:hidden; position:relative; padding:13rem 0; font-size:2rem; color:#fff; background:transparent;} .overview_top .video_wrap {position:fixed; top:0; left:0; width:100%; height:100%; transform: translateZ(0); will-change: transform; z-index:-1; overflow:hidden; display: flex; align-items: flex-start; justify-content: center; background-color:#000;} .overview_top .video_wrap:after {content:''; display:block; position:absolute; background:linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%); width:100%; height:100%; z-index:3; display:none;} .overview_top .video_wrap video {transform:scale(2.2); position:relative; z-index:2; } .overview_top .video_wrap img { position:absolute; z-index:1; height:100%; max-width:none} @media(max-width:1200px){ .overview_top .video_wrap video {transform:scale(1.3)} } @media(max-width:768px){ .overview_top .video_wrap video {transform:scale(1)} } .overview_top > div > strong {display:block; margin-bottom:2rem; font-weight:700; color:#E02C2C;} .overview_top > div > p {margin-bottom:4rem;font-size:5rem; font-weight:700; line-height:1;} .overview_top > div > em {display:flex; gap:0 2rem;} .overview_cont {padding-top:3rem; padding-bottom:3rem; background:#fff;} .overview_cont dl {display:flex; justify-content:space-between; padding:7rem 1em; border-bottom:1px solid #E6E6E6;} .overview_cont dl:last-child {border-bottom:none;} .overview_cont dl dt {width:230px; padding-bottom:1rem; font-size:3rem; font-weight:700; letter-spacing:-0.6px;} .overview_cont dl dd {flex:1 0 0;} .overview_cont dl dd > strong {display:block; padding-bottom:1rem; font-size:2rem; font-weight:700; color:#333;} .overview_cont dl dd > p {font-size:1.7rem;color:#666; line-height:1.8; word-break:keep-all;} .overview_cont .ev {display:inline-block; padding:0.5rem 1.5rem; border:1px solid #343434; font-size:1.6rem; font-weight:600; color:#404040; border-radius:30px;} .overview_cont .event dd {display:flex; flex-wrap:wrap; align-items:center; gap:1rem;} .overview_cont .theater .swiper {position:relative; margin-top:3rem; } .overview_cont .theater .swiper:after {content:''; display:block; position:absolute; top:0; right:0; z-index:2; width:120px; height:100%; background:linear-gradient(90deg, rgba(255, 255, 255, 0.00) 13.92%, rgba(255, 255, 255, 0.29) 48.34%, #FFF 89.49%, #FFF 102.83%);} .overview_cont .theater .swiper-slide {overflow:hidden;width:110px; margin-right:2rem;} .overview_cont .theater .txtbox {visibility:hidden;opacity:0; transition:opacity 0.3s; word-break:keep-all; position:absolute; top:0; left:0; width:100%; height:100%;} .overview_cont .theater .swiper-slide:hover .txtbox {display:block; display:flex; justify-content:center; align-items:center; visibility:visible; position:absolute; top:0; left:0; width:100%; height:100%; padding:2rem; background:rgba(90, 0, 0, 0.50); color:#fff; text-align:center; opacity:1; opacity:1; line-height:1.2;} .overview_cont .theater dd {width:calc(100% - 230px);} .overview_cont .swiper-button-next {right:0;width:43px; height:43px; background:rgba(0, 0, 0, 0.70); border-radius:21.5px;} .overview_cont .swiper-button-prev {display:none;width:43px; height:43px; background:rgba(0, 0, 0, 0.70); border-radius:21.5px;} .overview_cont .swiper-button-next:after, .overview_cont .swiper-button-prev:after {font-size:1.6rem;color:#fff;} .feature {position:relative; padding-top:20rem; padding-bottom:20rem; } .feature .bg{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:top center; color:#fff; background-attachment:fixed; z-index:-1;} .feature .inner {max-width:1400px; margin:0 auto; padding-right:2rem; padding-left:2rem;} .feature > div {display:flex; justify-content:space-between; align-items:flex-start;} .feature > div .tit {position:sticky; top:30rem; font-size:4rem; font-weight:700; letter-spacing:-0.6px; margin-right:18rem; color:#fff;} .feature > div ul {flex:1 0 0;} .feature > div ul li {padding:9rem 0 5rem;border-bottom:1px solid rgba(255, 255, 255, 0.10);} .feature > div ul li:first-child {padding-top:0;} .feature > div ul li:last-child {border-bottom:none;} .feature ul li > strong {display:block;position:relative; padding-bottom:2.5rem; font-size:2.6rem; font-weight:700; color:#fff;} .feature ul li > strong > i {display:block;position:absolute; bottom:0; font-size:10rem; font-weight:700; color:rgba(255, 255, 255, 0.20); font-family:"Cormorant SC", serif;} .feature ul li > p {font-size:1.7rem; color:rgba(255, 255, 255, 0.60); line-height:1.8; word-break:keep-all; } .feature .bg {transition:1s} .feature .bg1 {background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/kor/img/cont/bg-ov-1.jpg?ver=2'); opacity:1;} .feature .bg2 {background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/kor/img/cont/bg-ov-2.jpg?ver=2'); opacity:0;} .feature .bg3 {background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/kor/img/cont/bg-ov-3.jpg?ver=2'); opacity:0;} .feature.bg-point1 .bg2 {opacity:1;} .feature.bg-point2 .bg3 {opacity:1;} .feature.bg-point3 .bg4 {opacity:1;} .feature.bg-point4 .bg4 {opacity:1;} .feature .progress {height:4px; background:var(--biff-red-v2); opacity:0; visibility:hidden; transition:0.3s} #hd.sub.fixed-top ~ .page .feature.fixed .progress {opacity:1; visibility:visible; position:fixed; top:var(--hd-height); left:0;} @media (max-width:1200px){ .feature > div .tit {margin-right:10rem;} .overview_cont dl {padding-right:0; padding-left:0;} } @media (max-width:1024px){ .feature {padding:12rem 0;} .feature > div {display:block;} .feature > div .tit {margin-right:0; position:static; margin-bottom:6rem;} .overview_cont dl {display:block;} .overview_cont dl dt {width:100%;} .overview_cont dl dd {width:100% !important;} } @media (max-width:768px){ .overview_top {padding:8rem 0; font-size:1.6rem; background-position:50% 50%;} .overview_top > div > p {font-size:3rem;} .overview_top > div > em {gap:0 1rem} .overview_cont dl {padding:3rem 0;} .overview_cont dl dt {font-size:2.5rem;} .overview_cont dl dd > strong {font-size:1.8rem;} .overview_cont dl dd > p {font-size:1.6rem;} .overview_cont .swiper-button-next, .overview_cont .theater .swiper:after {display:none;} .overview_cont .theater .swiper {overflow:visible;} .overview_cont .theater .swiper-slide {width:100px;} .overview_cont .ev {font-size:1.5rem;} .feature {padding:8rem 0;} .feature > div ul li {padding:6rem 0 3rem;} .feature > div .tit {font-size:2.8rem; margin-bottom:4rem;} .feature ul li > strong {font-size:1.8rem; padding-bottom:1rem;} .feature ul li > strong > i {font-size:8rem; bottom:auto; top:-7rem;} .feature ul li > p {font-size:1.6rem; line-height:1.7;} } @media (max-width:430px){ .overview_top .video_wrap {position:fixed;} .overview_top .video_wrap video {display:none;} } /* iPhone Safari에서만 적용되는 스타일 */ @supports (-webkit-overflow-scrolling: touch) { .overview_top {background:linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url('/kor/img/cont/bg-info2.jpg') 50% 50% / auto 200% no-repeat; background-position:50% 0; } .feature .bg {position:fixed;background-attachment: initial; will-change: transform; transform: translateZ(0);} } /* 2024-08-30 프로그램 개요*/ #progSumm {margin-bottom:10em; font-size:10px;} #progSumm section {margin-bottom:6em;} #progSumm section .summ_cont {width:90%; max-width:128em; padding:6em 8em; margin:0 auto;} #progSumm section .summ_cont h3 {margin-bottom:3em; text-align:center;} #progSumm section .summ_cont h3 small {display:block; font-size:1.6em; font-weight:700; color:#DA1212;} #progSumm section .summ_cont h3 strong {display:block; font-size:3em; font-weight: 800; color:#151515; letter-spacing:-0.05em;} #progSumm section .summ_cont .detail {text-align:center; font-size:1.5em; line-height:2; } #progSumm section .summ_cont .detail a {position:relative; display:inline-flex; vertical-align:top;} #progSumm section .summ_cont .detail a * {transition:all 0.5s;} #progSumm section .summ_cont .detail a b {display:inline-block; padding:0.75ex 1em; font-size:0.83em; font-weight:700; line-height:1; color:#888; background:#fff; border:1px solid #e3e3e3; border-radius:50em;} #progSumm section .summ_cont .detail a:hover b, #progSumm section .summ_cont .detail a:focus b {color:#fff; background:#CE1E36} #progSumm section .summ_cont .detail a b svg {vertical-align:sub; transition:all 0.1s;} #progSumm section .summ_cont .detail a:hover b svg, #progSumm section .summ_cont .detail a:focus b svg {fill:#fff} #progSumm section .summ_cont .detail a span.thumb {position:absolute; left:0; bottom:100%; display:none; width:8.3em; height:auto; aspect-ratio:150 / 100; } #progSumm section .summ_cont .detail a:hover span.thumb, #progSumm section .summ_cont .detail a:focus span.thumb {display:block; } #progSumm section .summ_cont .detail a span.thumb img {width:100%; height:100%; object-fit:cover; border-radius:0.66em; border:1px solid rgba(255,255,255,0.2)} #progSumm section .summ_bnr {width:100%; max-width:144em; margin:0 auto;} #progSumm section .summ_bnr .img {width:100%; height:auto; aspect-ratio:1440 / 550;} #progSumm section .summ_bnr .img img {width:100%; height:100%; object-fit:cover;} #progSumm section .summ_swiper {} #progSumm section .summ_swiper .swiper-wrapper {} #progSumm section .summ_swiper .swiper-wrapper .swiper-slide {width:100%; aspect-ratio:870 / 550; padding:0 2em} #progSumm section .summ_swiper .swiper-wrapper .swiper-slide img {width:100%; height:100%; object-fit:cover;} #progSumm section .summ_swiper .swiper-pager {position:relative; width:75%; height:1px; margin: 6em auto 0;} #progSumm section .summ_swiper .swiper-pager .pager_progressbar {width:100%; height:1px; background-color:#ddd;} #progSumm section .summ_swiper .swiper-pager .pager_progressbar .swiper-pagination-progressbar-fill {background-color:#FF4F59;} #progSumm section#summSec01 .summ_cont {background-color:#eee;} #progSumm section#summSec02 {} #progSumm section#summSec03 {} @media screen and (max-width:1240px) { #progSumm {font-size:9px;} } @media screen and (max-width:992px) { #progSumm {font-size:8px;} #progSumm section .summ_cont {padding:6em 4em;} } @media screen and (max-width:540px) { #progSumm {font-size:2vw;} #progSumm section .summ_cont {padding:4em 3em;} #progSumm section .summ_cont h3 {margin-bottom:1.5em;} #progSumm section .summ_cont h3 small {font-size:1.5em;} #progSumm section .summ_cont h3 strong {font-size:3em;} #progSumm section .summ_cont .detail {text-align:left;} #progSumm section .summ_cont .detail a b img {width:1.2em; height:auto;} #progSumm section .summ_bnr .img {aspect-ratio: 3 / 1.8;} #progSumm section .summ_swiper .swiper-wrapper .swiper-slide {padding:0;} #progSumm section .summ_swiper .swiper-pager {width:90%} } /* 2024-09-01 심사위원 스타일수정 */ body:has(.snb_ul li.current[data-menutxt="Juries"]) .award .tit_bg:after, body:has(.snb_ul li.current[data-menutxt="Juries"]) .award .tit_bg:before {display:none;} /* 2024-09-01 작품검색 */ .shfrm_wrap .k-more {display:none;} @media (max-width: 768px) { .shfrm_wrap {position:relative; padding-bottom:15px !important;margin-top:-20px;} .shfrm_wrap .scroll_wrap {height:100px; overflow:hidden; } .shfrm_wrap .k-more {margin-top:15px; width:100%; display:flex; align-items: center; justify-content: center; padding:0 10px; border:1px solid #d4d4d4; height:34px; color:#333; border-radius:0 0 8px 8px;} .shfrm_wrap .k-more:after {content:''; display:inline-block; width:18px; height:18px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat; position:relative;top:2px;} .shfrm_list {display:flex; flex-wrap:wrap; justify-content: center;} .shfrm_list li {padding:3px !important;} .shfrm_wrap.on .scroll_wrap {height:auto;} .shfrm_wrap.on .k-more:after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='currentColor'%3E%3Cpath d='M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z'%3E%3C/path%3E%3C/svg%3E");} } @media (max-width: 430px) { .movieserach_wrap .inp_search_wrap .inp_search { font-size: 16px !important; } } /* 2024-08-19 */ .tbl_basic2 {border-collapse:collapse; background:#fff; width:100%;border-left:1px solid #e0e0e0; text-indent:0; font-weight:normal; line-height:170%; } .tbl_basic2>thead>tr>th, .tbl_basic2>thead>tr>td { color:#fff ! important;background:#ce1e36;padding:15px 20px;border-bottom:1px solid #e0e0e0;vertical-align:middle; } .tbl_basic2>thead>tr>th {border-right: 1px solid #ce1e36;border-left: 1px solid #ce1e36;} .tbl_basic2>tbody>tr>th, .tbl_basic2>tbody>tr>td {line-height:170%;padding:15px 20px; border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;vertical-align:middle;} .tbl_basic2>tbody>tr.href_view {cursor:pointer;} .tbl_basic2>tbody>tr.href_view:hover { background: #eee;} .tbl_basic2>thead>tr>th, .tbl_basic2>tbody>tr>th {color:#444; font-weight:500;font-size:18px;text-align:center;} .tbl_basic2>tbody>tr>th {background: #f5f5f5;font-size:16px;} .tbl_basic2>tbody>tr>td {text-align:center;} .tbl_basic2>tbody>tr>td, .tbl_basic2>tbody>tr>td strong, .tbl_basic2>tbody>tr>td a {font-size:16px;} .tbl_basic2>tbody>tr>td strong {font-weight:500} .tbl_basic2>tbody>tr>td a {font-weight:600} .tbl_basic2>tbody>tr>td a:hover {color:#e95151} .tbl_basic2>tbody>tr>td .circle{display:block; width:6rem; height:6rem; text-align:center; background: url(/web/20231020091055im_/https://www.biff.kr/kor/img/main/icon_goarr.png) no-repeat center center; border-radius:50%; margin:0 auto; background-size:40%; background-color: #333;} .tbl_basic2>tbody>tr>td:hover .circle{background-color:#e81e2d;} @media (max-width:768px) { .tbl_submission_guide>colgroup>col{width:100%;} .table03 dl dt{display:block; width:100%; text-align:left;} .table03 dl dd{display:block; width:100%; margin-left:0; margin-top:30px;} .table05 thead tr th, .table05 tbody tr th, .table05 tbody tr td{color:#000;} } /* 2024-10-22 어워드 특별언급 */ .award .special {margin-top:5rem; border:1px solid #e5e5e5; border-radius:1.5rem; padding:3rem 5rem; gap:5rem; display:flex; align-items:center;} .award .special .tit-sec {position:relative; font-size:2.6rem; margin:0 !important; padding:0 !important;} .award .special .jury_txt {display:flex; } .award .special .name {font-size:2rem; font-weight:bold; letter-spacing:-1px; color:#111; } .award .special .name > span {font-size:1.7rem; color:#333; font-weight:500; margin-left:1rem;} .award .special .name ~ .name:before {content:' , '; margin:0 1rem;} @media(max-width:768px){ .award .special .jury_txt {flex-direction: column; gap:0.2rem} .award .special .name ~ .name:before {display:none;} .award .special {flex-direction:column; align-items:flex-start; border:none; padding:0; border-top:1px solid #333; border-radius:0; margin-top:3rem; padding-top:3rem; gap:1.5rem} } /* 2025-05-28 배지안내페이지 리디자인 */ .badge_line_wrap { display:flex; border-top:1px solid #e0e0e0; align-items: center; gap: 5rem; padding: 4rem 0; } .badge_line_wrap:first-child { border-top: 5px solid #222; } .badge_line_wrap.last { border-bottom: 1px solid #e0e0e0; } .badge_line_wrap .left { width: 25%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; } /* .badge_line_wrap .left svg { width:7rem; height:7rem; color:#222; } svg 아이콘 */ .badge_line_wrap .left .txt-sub { margin-bottom:0; font-size:2rem; text-align: center; } .badge_line_wrap .right { width:100%; font-size: 1.7rem; line-height: 180%; word-break: keep-all; } .badge_line_wrap .right .desc { font-size: 1.6rem; } .badge_line_wrap .right .list_add > li { margin-bottom: 1rem; } .badge_line_wrap .right .list_add > li > ul > li { margin-left: 1rem; margin-top:0.5rem; font-size:1.6rem; color:#777; line-height:150%; } .badge_line_wrap .right .period_wrap { display:flex; gap: 1rem; align-items: stretch; } .badge_line_wrap .right .period_wrap > div { flex: 1; display: flex; flex-direction: column; } .badge_line_wrap .right .period_wrap .titlebox { background: #000000; color: #ffffff; font-weight: 700; padding: 0.5rem 0; font-size: 1.7rem; text-align: center; } .badge_line_wrap .right .period_wrap .contentbox { flex: 1; background: #f7f7f7; font-size: 1.6rem; padding: 1.5rem 2rem; display: flex; flex-direction: column; justify-content: center; text-align: center; } .badge_line_wrap .right .period_wrap .contentbox p { font-weight: 800; color: #222; text-align: center; } .badge_line_wrap .right .period_wrap .contentbox .list_basic { text-align: left; font-size: 1.6rem; } .badge_line_wrap .right .period_wrap .contentbox .list_basic > li { margin-bottom: 5px; } @media (max-width: 768px) { .badge_line_wrap { flex-direction: column; gap: 3rem; padding: 3rem; } .badge_line_wrap .left { width: 100%; } } @media (max-width: 480px) { .badge_line_wrap { gap: 1rem; padding: 0; margin-bottom: 2rem; } .badge_line_wrap .left { flex-direction: row; background: #ececec; padding: 1rem; } /* .badge_line_wrap .left svg { width:2.4rem; height:2.4rem; } svg 아이콘 */ .badge_line_wrap .left img { display:none; } .badge_line_wrap .left .txt-sub { font-size: 1.7rem; } .badge_line_wrap .right { font-size: 1.6rem; padding: 1rem 1.5rem; } .badge_line_wrap .right .period_wrap { flex-direction: column; } } /* 2025-08-12 faq 추가 */ .dl_style {border-top:1px solid #000; color:#000; font-size:15px;} .dl_style dl {display:flex;border-bottom:1px solid #ddd; } .dl_style dt {width:120px; background:#eaeaea; font-weight:bold; padding:10px 20px; } .dl_style dd {flex:1 0 0; background:#fff; padding:10px 20px;} .dl_style dd strong {color:#e10011;} .dl_style .etc {margin-top:10px;} @media (max-width: 480px) { .dl_style dt {width:25%; padding:10px; } .dl_style dd {padding:10px;} } /* 아시아100 */ body:has(.asia100) .d3tab_basicbox {border:none !important;} .asia100 {position:relative;margin-top:20px;} .asia100_info { margin-bottom: 10px; text-align:center; background: #f9f9f9; border:0.5px solid #dedede} .asia100_summ {padding:30px 10px; font-size:16px; color:#777; background-color:#fff; word-break:keep-all; text-wrap:balance} .asia100_summ h2 {margin-bottom:0.5ex; font-size:24px; line-height:1.4; font-weight:bold; color:#111;} /* 아시아 100 search input */ .asia100 .asia100_search {padding:30px 10px;} .asia100_search .inp_search_wrap {width: 540px; max-width:90%; display:block;margin:auto;position:relative;background:none;border-bottom: 2px solid #000;padding:0 0px;} .asia100_search .inp_search_wrap form {display:flex; align-items:center; justify-content:space-between; } .asia100_search .inp_search_wrap .btn_search_l {display:inline-block; } .asia100_search .inp_search {width:80%;padding: 0 20px 10px 10px;font-size:18px;letter-spacing:-0.5px;line-height:1.4;border:none;background:none} .asia100_search .inp_search:focus {border-color:#e0e0e0} input::-ms-input-placeholder { color: #ccc; } input::-webkit-input-placeholder { color: #ccc; } input::-moz-placeholder { color: #ccc;} .asia100_search .btn_delete {position:absolute;right:50px;top:0px;bottom:0;width:24px;height:24px;margin:auto auto} .asia100_search .btn_delete .ico_delete {display:inline-block;width:24px;height:24px;background:url(/kor/img/cmm/ico_del.png) no-repeat 50% 50%} .asia100_cont {} .asia100 .asia_tab {width: 624px; max-width:90%; position:relative;margin:20px auto 0 auto} .asia100 .asia_tab a {color:#000;} .asia100 .asia_tab:after {content:'';clear:both;display:block;} .asia100 .asia_tab_ul {position:relative;background:#eee;/*border-radius:30px*/display: flex; flex-direction:row; border-radius:50em; overflow:hidden;} .asia100 .asia_tab_ul li {width:100%;} .asia100 .asia_tab_ul li a{height:50px;color: #888;display:block;width: 100%;align-content: center;text-align:center;font-weight: 600;font-size: 15px;/*border-radius:30px*/background-color: #e9e8e9;} .asia100 .asia_tab_ul li.on a{color:#fff !important;display:block;background: #000;font-weight: 600;font-size: 17px;border-radius: 50em;} /* .asia100 .asia_tab ul li:first-child a {border-radius:30px ; } .asia100 .asia_tab ul li:last-child a{border-right:0px solid #cc2828; border-radius:0 30px 30px 0; } */ .asia100 .list_wrap {display:flex;flex-wrap:wrap;gap: 30px 1px;margin-top: 40px;} .asia100 .list_wrap:not(:has(.li_box)) {display:block; width:100%; padding:2rem 0; font-size:2rem; text-align:center;} /* .asia100 .list_wrap:not(:has(.li_box)):after {content:"NO DATA.";} */ .asia100 .li_box {width: calc((100% - 3px) / 4);} .asia100 .move_li {position:relative;/* background-color:#000; */} .asia100 .move_li .ranking {position:absolute;top: 0;left: 0;background: #000000;opacity: 1;color:#fff;font-size:18px;font-weight: 500;text-align:center;z-index:9;width: 42px;height: auto;aspect-ratio: 1 / 1;align-content: center;backdrop-filter: blur(6px);border-radius: 0;/* border: 1px solid rgba(255,255,255,0.2); */ border: 1px solid rgb(255 255 255 / 18%); border-top: none; border-left: none;} .asia100 .move_li:hover .ranking {opacity:1;} .asia100 .move_li .ranking2 {position:absolute;top: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;background: #000000;opacity: 1;color:#fff;font-size:18px;font-weight: 400;text-align:center;z-index:9;width: 42px;height: auto;aspect-ratio: 1 / 1;align-content: center;backdrop-filter: blur(6px);border-radius: 0;/* border: 1px solid rgba(255,255,255,0.2); */line-height: 1; border: 1px solid rgb(255 255 255 / 18%); border-top: none; border-left: none;} .asia100 .move_li .ranking2 .same {/* display:block; */font-size:12px;} .asia100 .move_li .thumb {position:relative;display:block;width:100%;height: auto;aspect-ratio: 16 / 10;overflow:hidden;text-align:center;background: #000;/*border-radius:20px;*/} .asia100 .move_li .thumb a {display:block;width: 100%;height: 100%;} .asia100 .move_li .thumb_blank {position:relative;display:block;width:100%;height:200px;overflow:hidden;text-align:center;background:#000; /*border-radius:20px;*/ padding:30px 0 0 0; } .asia100 .move_li .thumb span {position: absolute;top: 0;left: 42px;display: block;width:auto ;height: 42px; padding:0 .5ex; aspect-ratio: 1 / 1;align-content: center;font-size: 13px;line-height: 1;font-weight: 300;color: #fff;background-color:var(--biff-red);border: 1px solid rgb(255 255 255 / 18%);border-top: none;border-left: none;z-index: 9;} .asia100 .move_li .thumb span.old {background: #000000;backdrop-filter: blur(5px);} .asia100 .move_li .thumb span small {font-size: 1.03em;/* letter-spacing:-0.5px; */} .asia100 .move_li .thumb span.old small {font-size:1em;font-weight: 300;letter-spacing:1.2px;coloR: #e20011;} .asia100 .move_li .txtbox { /* position:absolute; */ width:100%; bottom:0; left:0; /* background:linear-gradient(-90deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 1)); */ /* background:-webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 1)); */ opacity:0.8; /*border-radius:0 0 20px 20px;*/ padding:10px 0 20px 20px; z-index:1; } .asia100 .move_li:hover .txtbox {opacity:1;} .asia100 .move_li .txtbox .mtitle {/* color:#fff; */font-size: 18px;font-weight: 700;letter-spacing:-1px;opacity:1 !important;color: #000;z-index:99;} .asia100 .move_li .txtbox .director {/* color:#fff; */font-size:14px;font-weight:400;letter-spacing:-1px;opacity:1 !important;z-index:99;color: #666;} .asia100 .move_li .txtbox .mtitle a{color:#fff; font-size:28px; font-weight:700; letter-spacing:-1px; opacity:1 !important; z-index:99;} .asia100 .move_li .txtbox .director a {color:#fff; font-size:22px; font-weight:500; letter-spacing:-1px; opacity:1 !important; z-index:99;} .asia100 .move_li .thumb img { width: 100%; height:100%; /* min-height:300px; */ /* transform-origin:center center; */ /* transform:scale(1.05); */ opacity:1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; object-fit: cover; object-position: center center; filter: brightness(0.5) } .asia100 .move_li:hover .thumb img {filter:brightness(1); } @media (max-width:1440px) { .asia100 .li_box { width: calc((100% - 2px) / 3); } } @media (max-width:1080px) { .asia100 .li_box { width: calc((100% - 1px) / 2); } .asia100 .move_li .thumb img {filter: brightness(1);} } @media (max-width:540px) { .asia100_summ {font-size:14px} .asia100_summ h2 {font-size:18px;} .asia100_summ br {display:none;} .asia100_search .inp_search {font-size:15px;} .asia100_search .inp_search_wrap {max-width:99%;} .asia100 .asia_tab {max-width:100%;} .asia100 .asia_tab_ul {border-radius:;} .asia100 .asia_tab_ul li a {height:36px;font-size:12px; } .asia100 .asia_tab_ul li.on a {font-size:13px; border-radius:;} .asia100 .li_box { width: 100%; } } /* 관객가이드 > 개폐막식 안내 */ #guideOpnClsInfo {padding:0 0 0;font-size:9.5px;word-break:keep-all;} #guideOpnClsInfo h3 {margin-top:1.5em; padding-bottom:1em; font-size:4em; font-weight:700; color:#000; } #guideOpnClsInfo section {padding-top:8em; padding-bottom:8em;} #guideOpnClsInfo section .container-xxl {display:flex; gap:3em;} #guideOpnClsInfo section h4 {width:12em; font-size:3.2em; font-weight:700; color:#000; flex-shrink:0;} #guideOpnClsInfo section h4:before {content:""; display:block; width:0.5ex; height:0.5ex; margin:-1ex 0 0.5ex ; border-radius:50em; background-color:#DA1212;} #guideOpnClsInfo section h4 small {font-size:0.65em; font-weight:700;} #guideOpnClsInfo .goci_cont {width:calc(100% - 14em);} #guideOpnClsInfo .goci_cont .goci_noti {display:flex; flex-flow:column; gap:1ex; margin-top:3em; padding:2em; background:#e5e5e9} #guideOpnClsInfo .goci_cont .goci_noti li {padding-left:0.8em; font-size:1.6em; text-indent:-0.8em;} #guideOpnClsInfo .goci_cont .goci_noti li b {line-height:1; background: linear-gradient(to bottom, transparent 70%, rgba(255, 79, 89, 0.4) 70%);} #guideOpnClsInfo .goci_cont .goci_noti li:before {content:"ㆍ"; font-weight:900; color:#DA1212;} #guideOpnClsInfo .goci_cont .goci_noti li .goci_ref { text-indent: -1.8em; padding-left: 1.8em; font-size:0.95em; color:#666;} #guideOpnClsInfo .goci_sec01 { background:#f4f4f5;} #guideOpnClsInfo .goci_sec01 .goci_cont {} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_wrap {display:flex; gap:6em 5em;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_wrap dl {/* width:50%; */} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_wrap dl dt { margin-bottom:1ex; font-size:1.8em; font-weight:600;color:#DA1212;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_wrap dl dt br {display:none;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_wrap dl dd {flex-shrink:0; font-size:2.4em; color:#000;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_wrap dl dd strong {font-weight:700; /*box-shadow:inset 0px -0.75ex 0 0 rgb(255 79 89 / 40%);*/} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule {display:flex;gap: 3em; padding:2em; margin-top:3em; background:#fff;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl {position:relative; display:flex; flex-flow:column;gap:0; width:100%; } #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl:not(:last-child):after {content:"";position:absolute;top: 1.55ex;right: 0;display:block;width: 1ex;height: 1ex;border-top:1px solid #DA1212;border-right:1px solid #DA1212;transform:rotate(45deg);} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl dt {display:flex;flex-flow:column;gap:1em;align-items: start;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl dt small {padding-right: 1ex;font-weight:500;color:#DA1212;font-size:1.6em;background-color: #fff;z-index: 1;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl dt strong {display:block;width: 100%;padding: 2.5ex 1em 0 0;font-size:1.8em;font-weight:600;border-top: 1px solid #ff9797;margin-top: -2.5ex;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl dd {padding:0 0 0 0; font-size:1.6em;} #guideOpnClsInfo .goci_sec02 {} #guideOpnClsInfo .goci_sec02 .goci_cont {display:flex; flex-wrap:wrap; gap:6em 3em;} #guideOpnClsInfo .goci_sec02 .goci_cont dl {display:flex; flex-flow:column; gap:1em; width:calc((100% - 6em) / 3); padding: 0 3em 0 0; font-size:1.8em;} #guideOpnClsInfo .goci_sec02 .goci_cont dl dt {} #guideOpnClsInfo .goci_sec02 .goci_cont dl dt img {height:3em; box-shadow:inset 0px -1.25ex 0 0 rgb(255 79 89 / 40%);} #guideOpnClsInfo .goci_sec02 .goci_cont dl dd {line-height:1.8; font-weight:400;} #guideOpnClsInfo .goci_sec02 .goci_cont dl dd b {font-weight:600; color:#000; background: linear-gradient(to bottom, transparent 70%, rgba(255, 79, 89, 0.4) 70%)} #guideOpnClsInfo .goci_sec03 {background:#f4f4f5;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_cmt {padding-bottom:1em; margin-bottom:1.5em; font-size:1.8em; line-height:1.8; border-bottom:1px solid #ddd;} #guideOpnClsInfo .goci_sec03 .goci_cont {} #guideOpnClsInfo .goci_sec03 .goci_cont h5 {display:flex; justify-content:space-between; align-items:self-end; font-size:2.4em;font-weight: 600; } #guideOpnClsInfo .goci_sec03 .goci_cont h5:not(:first-child) {margin-top:2em;} #guideOpnClsInfo .goci_sec03 .goci_cont h5 b {font-weight: 600; color: #DA1212; } #guideOpnClsInfo .goci_sec03 .goci_cont h5 sub {font-size:0.7em; font-weight:500; color:#000; line-height:1; box-shadow:inset 0px -0.75ex 0 0 rgb(255 79 89 / 40%);} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap {} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap {margin-top:2em;margin-bottom:3em;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap h6 {padding-left:0.9em; margin-bottom:1em; font-size:2em; text-indent:-0.9em; line-height:1;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap h6 b { font-weight: 600; color: #000; } #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap h6 [class*=" xi-"], #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap h6 [class^=xi-] {text-indent:0;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap h6 a:hover {color:#DA1212;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap h6:before { content: "- "; font-size: 1.3em; font-weight: 900; color: #DA1212;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap .goci_info_wrap_dl {display:flex; gap:2em; } #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap .goci_info_wrap_dl dl {width:calc((100% - 4em) / 3); padding:2em 2em 2.5em; background:#fff;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap .goci_info_wrap_dl dl dt {margin-bottom:1.5ex; line-height:1.3; font-size:1.8em; font-weight:600; color:#DA1212;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap .goci_info_wrap_dl dl dt small {font-weight:500; color:#333;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap .goci_info_wrap_dl dl dd {font-size:1.7em; line-height:1.2; font-weight:500; } #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap .goci_info_wrap_dl dl dd b {display:inline-block; margin-bottom:1ex; font-size:1.2em; line-height:1; box-shadow:inset 0px -0.75ex 0 0 rgb(255 79 89 / 40%)} #guideOpnClsInfo .goci_sec04 {} #guideOpnClsInfo .goci_sec04 .goci_cmt {font-size:1.8em; line-height:1.8;} #guideOpnClsInfo .goci_sec04 .goci_cmt img {height:5em;} #guideOpnClsInfo .goci_sec05 {background:#f4f4f5;} #guideOpnClsInfo .goci_sec05 .goci_cont {padding:4em; text-align:center; background:#e5e5e9;} #guideOpnClsInfo .goci_sec05 .goci_cont img {max-height:60vh; aspect-ratio:1500 / 1022} @media screen and (max-width:1660px) { #guideOpnClsInfo section .container-xxl {padding:0 3em;} } @media screen and (max-width:1240px) { #guideOpnClsInfo {font-size:9px;} #guideOpnClsInfo section .container-xxl {flex-flow:column; gap:3em;} #guideOpnClsInfo section h4 {width:100%;} #guideOpnClsInfo section h4 br {display:none;} #guideOpnClsInfo .goci_cont {width:100%;} } @media screen and (max-width:1024px) { } @media screen and (max-width:768px) { #guideOpnClsInfo section h4 br {display:block;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule {flex-wrap:wrap; margin-left: 1ex;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl {width:100%;padding-left: 3ex; border-left:1px solid #ff9797} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl:not(:last-child):after {top:revert; right:revert; left:-0.5ex;bottom:0; transform:rotate(135deg);} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl dt {flex-flow:row; align-items:baseline; gap:0;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl dt small {flex-shrink:0;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl dt strong {border-top: 0; margin-top: 0; padding: 0; height: auto;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl dt strong br {display:none;} #guideOpnClsInfo .goci_sec02 .goci_cont dl {width:calc((100% - 3em) / 2); padding:0;} #guideOpnClsInfo .goci_sec03 h4 br {display:none;} } @media screen and (max-width:540px) { #guideOpnClsInfo {font-size:2vw;} #guideOpnClsInfo .goci_sec01 .goci_cont .goci_schedule dl dt strong {text-align:right;} #guideOpnClsInfo .goci_sec02 .goci_cont {gap:3em;} #guideOpnClsInfo .goci_sec02 .goci_cont dl {width:100%; padding:0;} #guideOpnClsInfo .goci_sec03 h4 br {display:block;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap .goci_info_wrap_dl {flex-wrap:wrap;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap .goci_info_wrap_dl dl {width:100%;} #guideOpnClsInfo .goci_sec03 .goci_cont .goci_info_wrap .goci_info_wrap_dl dl dd {text-align:right;} } /* 관객가이드 > 예매안내 > 티켓 */ body:has(#gbi_menu) .quickmenu_wrap {z-index:999999999} body:has(#gbi_menu) .btn_floating {bottom:14rem} body:has(#gbi_menu) .quick_top {bottom:7rem} #gbi_menu {left: 0; position: fixed; bottom: 3em; right: 0; display: flex ; flex-direction:column; gap:1em ;font-size: 10px; z-index: 99999999999999999999999999999999999999999999999999999;} #gbi_menu button {width: max-content; margin: 0 auto; font-size:1.6em; font-weight:500; color:#fff; border-radius: 50em; border: 1px solid rgb(255 255 255 / 10%); background: linear-gradient(90deg, rgb(0 0 0 / 60%) 5.19%, rgb(0 0 0 / 60%) 105.41%); padding: 1em 2em; backdrop-filter: blur(6px); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); transition:all 0.5s;} #gbi_menu button:hover {background: linear-gradient(90deg, rgb(0 0 0 / 80%) 5.19%, rgb(0 0 0 / 80%) 105.41%); transition:all 0.5s;} #gbi_menu button b {font-weight:500;} #gbi_menu button span {display:none;} #gbi_menu button i { display: inline-block; width: 10px; height: 10px; margin-left:1ex; border-right: 2px solid #ffb0b0; border-bottom: 2px solid #ffb0b0; transform: translateY(2px) rotate(-135deg); transition: all 0.5s;} #gbi_menu ul { display: flex ; flex-direction:column; justify-content: center; width:max-content; margin: 0 auto; gap: 1em; color: #fff; border-radius: 1em 1em 0 0; border: 1px solid rgb(255 255 255 / 10%); background: linear-gradient(90deg, rgb(0 0 0 / 70%) 5.19%, rgb(0 0 0 / 70%) 105.41%); padding: 2em; backdrop-filter: blur(6px); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); height:1px; opacity:0; font-size:0;overflow:hidden; transition:opacity 0.5s} #gbi_menu ul li {} #gbi_menu ul li a {display: block; background: transparent; border-radius: 50em; color: rgba(255,255,255,0.5); font-weight:300; transition:color 0.5s} #gbi_menu ul li a:hover {color:#fff; text-decoration:underline;} #gbi_menu ul li a.active {color:#ffb0b0; font-weight:500;} #gbi_menu.open {bottom:0; border-radius:0em;} #gbi_menu.open button {font-size: 1.5em; background-color:#000;;} #gbi_menu.open button i {transform:translateY(-2px) rotate(45deg); border-color:#fff;} #gbi_menu.open ul {display:flex; height:auto; font-size: 1.5em; opacity:1; transition:opacity 0.5s} #guideBookInfo01 {padding:0 0 5em;font-size:9.5px;word-break:keep-all;} #guideBookInfo01 h3 {margin-top:1.5em; padding-bottom:1em; font-size:4em; font-weight:700; color:#000; } #guideBookInfo01 section {padding-top:10em; padding-bottom:10em;} #guideBookInfo01 section .container-xxl {display:flex;} #guideBookInfo01 section h4 {width:13em; font-size:3.2em; font-weight:700; color:#000; flex-shrink:0;} #guideBookInfo01 section h4:before {content:""; display:block; width:0.5ex; height:0.5ex; margin:-1ex 0 0.5ex ; border-radius:50em; background-color:var(--biff-red);} #guideBookInfo01 section h4 small {font-size:0.65em; font-weight:700;} #guideBookInfo01 .gbi_cont {width:calc(100% - 14em);} #guideBookInfo01 .gbi_cont .gbi_noti {display:flex; flex-flow:column; gap:1ex; margin-top:1em; padding:2em; background:#e5e5e9} #guideBookInfo01 .gbi_cont .gbi_noti li {padding-left:0.8em; font-size:1.6em; text-indent:-0.8em;} #guideBookInfo01 .gbi_cont .gbi_noti li b {line-height:1; background: linear-gradient(to bottom, transparent 70%, rgba(255, 79, 89, 0.3) 70%);} #guideBookInfo01 .gbi_cont .gbi_noti li:before {content:"ㆍ"; font-weight:900; color:var(--biff-red);} #guideBookInfo01 .gbi_cont .gbi_noti li .gbi_ref { text-indent: -1.8em; padding-left: 1.8em; font-size:0.95em; color:#666;} #guideBookInfo01 .gbi_sec01 { background:#f4f4f5; border-top:1px solid #ddd;} #guideBookInfo01 .gbi_sec01 h4 > div {display:flex; flex-direction:column; gap:.5ex;} #guideBookInfo01 .gbi_sec01 h4 b {font-weight:700;} #guideBookInfo01 .gbi_sec01 h4 .btn_ticket a {display: flex ; width:max-content; justify-content: space-between; align-items: center; text-align: center ;} #guideBookInfo01 .gbi_sec01 h4 .btn_ticket a i {color:var(--biff-red)} #guideBookInfo01 .gbi_sec01 h4 .btn_ticket a:hover {color:var(--biff-red)} #guideBookInfo01 .gbi_sec01 .gbi_cont {display:flex;gap: 1ex;flex-wrap:wrap;} #guideBookInfo01 .gbi_sec01 .gbi_cont dl {display:flex;flex-flow:column;justify-content:flex-start;gap:2em;width: calc(50% - 2ex);padding:5em 4em;text-align:center;background-color:#fff;} #guideBookInfo01 .gbi_sec01 .gbi_cont dl dt {height:5em; padding:0 0 1em; align-content:center; font-size:2.1em; color:#888; border-bottom:1px solid #ddd;} #guideBookInfo01 .gbi_sec01 .gbi_cont dl dt b {font-weight:600; color:#000;} #guideBookInfo01 .gbi_sec01 .gbi_cont dl dd {} #guideBookInfo01 .gbi_sec01 .gbi_cont dl dd small {display:block; margin-bottom:.5ex; font-size:1.6em;font-weight:600;color:var(--biff-red); } #guideBookInfo01 .gbi_sec01 .gbi_cont dl dd strong {display:block; font-size:3.6em; font-weight:800;} #guideBookInfo01 .gbi_sec01 .gbi_cont dl dd span {display: inline-block; margin-top: 1ex; font-weight:600; font-size: 1.6em; line-height:1; color:#000; box-shadow:inset 0px -0.75ex 0 0 rgb(255 79 89 / 40%); } #guideBookInfo01 .gbi_sec01 .gbi_cont .comment {font-size:1.5rem; width:100%; color:var(--biff-red); margin-top:1rem;} #guideBookInfo01 .gbi_sec01 .gbi_cont .comment li {position:relative; padding-left:1rem; font-weight:700;} #guideBookInfo01 .gbi_sec01 .gbi_cont .comment li:before {content:''; display:block; width:4px; height:4px; border-radius:3px; background:var(--biff-red); position:absolute; top:0.9rem;left:0; } #guideBookInfo01 .gbi_sec02 {} #guideBookInfo01 .gbi_sec02 .gbi_cont {display:flex; gap:3em;} #guideBookInfo01 .gbi_sec02 .gbi_cont dl {display:flex; flex-flow:column; justify-content:space-between; gap:2.5em; width:33.33%; padding: 0 3em 0 0; font-size:1.8em;} #guideBookInfo01 .gbi_sec02 .gbi_cont dl:not(:last-child) {border-right:1px solid #eaeaea} #guideBookInfo01 .gbi_sec02 .gbi_cont dl dt {} #guideBookInfo01 .gbi_sec02 .gbi_cont dl dt svg { width:auto; height:6rem; fill:var(--biff-red) } #guideBookInfo01 .gbi_sec02 .gbi_cont dl dd {line-height:1.8; font-weight:500;} #guideBookInfo01 .gbi_sec02 .gbi_cont dl dd b {font-weight:600; color:#000; background: linear-gradient(to bottom, transparent 70%, rgba(255, 79, 89, 0.4) 70%)} #guideBookInfo01 .gbi_sec03 {background:#f4f4f5} #guideBookInfo01 .gbi_sec03 .gbi_cont {} #guideBookInfo01 .gbi_sec03 .gbi_cont h5 {display:flex; align-items:baseline; gap:1ex; font-size:2.4em;font-weight: 600; } #guideBookInfo01 .gbi_sec03 .gbi_cont h5:not(:first-child) {margin-top:2em;} #guideBookInfo01 .gbi_sec03 .gbi_cont h5 b {font-weight: 600; color: var(--biff-red); } #guideBookInfo01 .gbi_sec03 .gbi_cont h5 sub {font-size:0.7em; font-weight:500; color:#000; line-height:1; box-shadow:inset 0px -0.75ex 0 0 rgb(255 79 89 / 40%);} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap {} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap {margin-top:2em;margin-bottom:3em;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap h6 {padding-left:0.9em; margin-bottom:1em; font-size:2em; text-indent:-0.9em; line-height:1;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap h6 b { font-weight: 600; color: #000; } #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap h6 [class*=" xi-"], #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap h6 [class^=xi-] {text-indent:0;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap h6 a:hover {color:var(--biff-red);} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap h6:before { content: "- "; font-size: 1.3em; font-weight: 900; color: var(--biff-red);} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap_dep2 { padding:2em 2em 2.5em; background:#fff} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap_dep2:not(:first-of-type) {margin-top:1em;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap_dep2 strong {display:block; padding-bottom:1ex; margin-bottom:1em; font-size:1.7em; line-height:1; font-weight:600; border-bottom:1px solid #eaeaea; } #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl {display:flex; gap:1em; } #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap > .gbi_info_wrap_dl {padding:2em 2em 2.5em; background:#fff} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl {width:33.33%; padding:0 1em; gap:1em;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl dt {margin-bottom:.5ex; font-size:1.5em; font-weight:500; color:#666;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl dd {font-size:1.7em; line-height:1.2; font-weight:500; } #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl dd small {color:var(--biff-red);} #guideBookInfo01 .gbi_sec04 {} #guideBookInfo01 .gbi_sec04 .gbi_cont {} #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap {display:flex;flex-wrap:wrap;gap: 6em 0em;justify-content: space-between;} #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap dl {width:calc((100% - 15em) / 4); } /* #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap dl:nth-child(1) {width:calc(((100% - 15em) / 4) * 2); } */ #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap dl dt { margin-bottom:1ex; font-size:1.8em; font-weight:600;color:#000;} #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap dl dd {flex-shrink:0; font-size:2.4em; font-weight:700; color:var(--biff-red);} #guideBookInfo01 .gbi_sec05 { background:#f4f4f5} #guideBookInfo01 .gbi_sec05 .gbi_cont h5 {display:flex; align-items:baseline; gap:1ex; margin-bottom:1em; font-size:2.4rem; font-weight:600; } #guideBookInfo01 .gbi_sec05 .gbi_cont h5 strong {font-weight:700;} #guideBookInfo01 .gbi_sec05 .gbi_cont h5 b {font-weight:700; color:var(--biff-red);} #guideBookInfo01 .gbi_sec05 .gbi_cont h5 sub {font-size:0.7em; font-weight:500; color:#000; line-height:1; box-shadow:inset 0px -0.75ex 0 0 rgb(255 79 89 / 40%);} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap {display:flex;flex-wrap:wrap;gap: 1ex;} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl {width: calc((100% - 2ex) / 3);padding:3em;background:#fff;} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl dt {font-size:1.8em;} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl dt b {box-sha dow:inset 0px -0.75ex 0 0 rgb(255 79 89 / 40%)} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl dd {font-size:1.6em;} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl dd b {color:var(--biff-red)} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl dd p {margin-top:1ex; line-height:1.2;} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl dd p:not(.ref) {padding-left:1.6ex; text-indent:-1.6ex; font-weight:400; } #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl dd p:not(.ref):before {content:"- "; font-size:1.2em; font-weight:900; color:var(--biff-red);} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl dd p.ref {padding-left:2.1ex; text-indent:-1.6ex; font-size:0.9em; color:#666;} #guideBookInfo01 .gbi_sec06_1 {} #guideBookInfo01 .gbi_sec06_1 { background:#fff;} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap {display:flex;gap: 6em 3em; flex-wrap:wrap; ;} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl {position:relative; display:flex; flex-flow:column;gap:1em; width:calc((100% - 9em) / 4); } #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl:not(:last-child):after {content:"";position:absolute;top: 1.55ex;right: 0;display:block;width: 1ex;height: 1ex;border-top:1px solid var(--biff-red);border-right:1px solid var(--biff-red);transform:rotate(45deg);} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl dt {display:flex;flex-flow:column;gap:1em;align-items: start;} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl dt small {padding-right: 1ex;font-weight:500;color:var(--biff-red);font-size:1.6em;background-color: #fff;z-index: 1;} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl dt strong {display:block;width: 100%;height:max-height;padding: 2.5ex 1em 0 0;font-size:1.8em;font-weight:600;border-top: 1px solid #ff9797;margin-top: -2.5ex;} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl dd {padding:0 1.2em 0 0; font-size:1.5em;} #guideBookInfo01 .gbi_sec06_2 { background:#f4f4f5} #guideBookInfo01 .gbi_sec06_2 .gbi_cont .gbi_noti {margin-top:0; padding:0; gap:1em; background:none;} #guideBookInfo01 .gbi_sec07 { background:#fff} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap {display:flex; justify-content:space-between; } #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl { width: calc((100% - 2ex) / 3); padding: 3em; background: #f4f4f5;} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl dt {font-size:2em;} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl dt b {/*box-shadow:inset 0px -0.75ex 0 0 rgb(255 79 89 / 30%)*/} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl dd {font-size:1.6em;} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl dd b {color:var(--biff-red)} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl dd p {margin-top:1ex;} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl dd p:not(.ref) {padding-left:1.6ex; text-indent:-1.6ex; font-weight:400; } #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl dd p:not(.ref):before {content:"- "; font-size:1.2em; font-weight:900; color:var(--biff-red);} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl dd p.ref {padding-left:2.1ex; text-indent:-1.6ex; font-size:0.9em; color:#666;} #guideBookInfo01 .gbi_sec08 { background:#f4f4f5} #guideBookInfo01 .gbi_sec08 .gbi_cont {} #guideBookInfo01 .gbi_sec08 .gbi_cont h5 {display:flex; align-items:baseline; gap:1ex; margin-bottom:1em; font-size:2rem; font-weight:600; } #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap_dep2 { padding:2em 2em 2.5em; background:#fff} #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap_dep2:not(:first-of-type) {margin-top:1em;} #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap_dep2 strong {display:block; padding-bottom:1ex; margin-bottom:1em; font-size:1.7em; line-height:1; font-weight:600; border-bottom:1px solid #eaeaea; } #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl {display:flex; gap:1ex; } #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap > .gbi_info_wrap_dl {} #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl {width:33.33%; gap:1em;padding:3em; background:#fff} #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl dt {margin-bottom:.5ex; font-size:1.7em; font-weight:600; color:var(--biff-red);} #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl dd {font-size:1.6em; line-height:1.2; font-weight:500; } #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl dd small {color:var(--biff-red);} #guideBookInfo01 .gbi_sec09 { background:#fff} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap {display:flex; gap:1ex;} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl {display:flex;flex-flow:column;justify-content:center;gap: 1em;width:50%;padding:5em 4em;text-align:center;background-color:#f4f4f5} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl dt {font-size:2.1em; color:#888; } #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl dt svg {width: 2.4em;height:auto;fill: var(--biff-red);} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl dt strong {display:block; margin-top:1ex; font-weight:600; color:#000;} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl dd a {display:inline-flex;align-items:center;gap:1ex;padding: 0.5ex 2ex;font-size:2.4em;font-weight:500;color: #ffffff;border-radius:50em;/* border: 1px solid #111; */background: #111;transition:all 0.5s;} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl dd a i {display:none;width: 1ex;height: 1ex;border-top:2px solid var(--biff-red);border-right:2px solid var(--biff-red);transform:rotate(45deg);} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl dd a:hover {color:#fff;background-color: var(--biff-red);} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl dd a:hover i {border-color:#fff;} @media screen and (max-width:1660px) { #guideBookInfo01 section .container-xxl {padding:0 3em;} } @media screen and (max-width:1240px) { #guideBookInfo01 {font-size:8.5px;} #guideBookInfo01 section .container-xxl {flex-flow:column; gap:3em;} #guideBookInfo01 section h4 {width:100%;} #guideBookInfo01 section h4 br {display:none;} #guideBookInfo01 .gbi_cont {width:100%;} } @media screen and (max-width:1024px) { } @media screen and (max-width:768px) { #gbi_menu {bottom:-1px; gap:0;} #gbi_menu button {width:100%; border-radius:0; padding:1.5em 1ex; font-size:1.4em; border:none;} #gbi_menu ul {width:100%; border-radius:0; border:none;} #gbi_menu.open button {padding:1em 1ex;} #guideBookInfo01 section h4 br {display:block;} #guideBookInfo01 .gbi_sec01 .gbi_cont {flex-flow:column; } #guideBookInfo01 .gbi_sec01 .gbi_cont dl {width:100%;} #guideBookInfo01 .gbi_sec02 .gbi_cont {flex-flow:column; gap:2em;} #guideBookInfo01 .gbi_sec02 .gbi_cont dl {width:100%; padding-bottom:2em; gap:1em;} #guideBookInfo01 .gbi_sec02 .gbi_cont dl:not(:last-child) {border-right:0; border-bottom:1px solid #eaeaea;} #guideBookInfo01 .gbi_sec03 .gbi_cont h5 {flex-flow:column; align-items:flex-start;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl {flex-flow:column;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl {width:100%; display:flex; justify-content:space-between;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl dd {text-align:right;} #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap {} #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap dl, #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap dl:nth-child(1) {width: 50%;display:flex;flex-flow: column;/* justify-content:space-between; */align-items: baseline;gap: 0;} #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap dl dt i {display:none;} #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap dl dt br {display:block;} #guideBookInfo01 .gbi_sec05 .gbi_cont h5 {flex-flow:column; align-items:flex-start;} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap {} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl {width:100%;} #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap dl dt br {display:none;} #guideBookInfo01 .gbi_sec01 .gbi_cont dl dt br {display:none;} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap {flex-wrap:wrap; margin-left: 1ex; gap:3em;} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl {width:100%;padding-left: 3ex; padding-bottom: 1em; gap:1em;border-left:1px solid #ff9797} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl:not(:last-child):after {top:revert; right:revert; left:-0.5ex;bottom:0; transform:rotate(135deg);} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl dt {gap:0;} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl dt strong {border-top: 0; margin-top: 0; padding-top: 0; height: auto;} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl dt strong br {display:none;} #guideBookInfo01 .gbi_sec06_1 .gbi_cont .gbi_wrap dl dd br {display:none;} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl dd a i {display:block;} } @media screen and (max-width:540px) { #guideBookInfo01 {font-size:1.9vw;} #guideBookInfo01 .gbi_sec02 .gbi_cont dl, #guideBookInfo01 .gbi_sec02 .gbi_cont dl:not(:last-child) {padding-right:0;} #guideBookInfo01 .gbi_sec02 .gbi_cont dl dd br {display:none;} #guideBookInfo01 .gbi_sec02 .gbi_cont dl dt svg {height:4rem;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl {flex-flow:column;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl {display:flex; justify-content:space-between;width:100%; padding:0;} #guideBookInfo01 .gbi_sec03 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl dd {text-align:right; } #guideBookInfo01 .gbi_sec04 .gbi_cont .gbi_wrap {gap: 3em 0;} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap {flex-flow:column;} #guideBookInfo01 .gbi_sec05 .gbi_cont .gbi_wrap dl {width:100%;} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap {flex-flow:column; gap:1ex;} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl {width:100%;} #guideBookInfo01 .gbi_sec07 .gbi_cont .gbi_wrap dl dd p {margin-top:0;} #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl {flex-flow:column; gap:1ex;} #guideBookInfo01 .gbi_sec08 .gbi_cont .gbi_info_wrap .gbi_info_wrap_dl dl {width:100%;} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap {flex-flow:column;} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl {width:100%;} #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl { width: 100%; padding:3em; flex-flow: row; justify-content: space-between; align-items: center; } #guideBookInfo01 .gbi_sec09 .gbi_cont .gbi_wrap dl dt strong {display:inline; margin-left:1ex; } } /* 관객가이드 > 예매안내 > BIFF예매권 */ #guideBookInfo02 {padding:0 0 0;font-size:10px;word-break:keep-all;} #guideBookInfo02 h3 {margin-top:1.5em; padding-bottom:1em; font-size:4em; font-weight:700; color:#000; } #guideBookInfo02 section {padding-top:8em; padding-bottom:8em;} #guideBookInfo02 section .container-xxl {display:flex;} #guideBookInfo02 section h4 {width:12em; font-size:3.2em; font-weight:700; color:#000; flex-shrink:0;} #guideBookInfo02 section h4:before {content:""; display:block; width:0.5ex; height:0.5ex; margin:-1ex 0 0.5ex ; border-radius:50em; background-color:var(--biff-red);} #guideBookInfo02 section h4 small {font-size:0.65em; font-weight:700;} #guideBookInfo02 .gbi_cont {width:calc(100% - 13em);} #guideBookInfo02 .gbi_cont .gbi_noti {display:flex; flex-flow:column; gap:1ex; margin-top:4em; padding:2em; background:#e5e5e9} #guideBookInfo02 .gbi_cont .gbi_noti li {padding-left:0.8em; font-size:1.6em; text-indent:-0.8em;} #guideBookInfo02 .gbi_cont .gbi_noti li b {line-height:1; background: linear-gradient(to bottom, transparent 70%, rgba(255, 79, 89, 0.4) 70%);} #guideBookInfo02 .gbi_cont .gbi_noti li:before {content:"ㆍ"; font-weight:900; color:var(--biff-red);} #guideBookInfo02 .gbi_cont .gbi_noti li .gbi_ref { text-indent: -1.8em; padding-left: 1.8em; font-size:0.95em; color:#666;} #guideBookInfo02 .gbi_sec01 { color:#fff; background:#232323;} #guideBookInfo02 .gbi_sec01 h4 { color:#fff;} #guideBookInfo02 .gbi_sec01 .gbi_cont {font-size:2em;} #guideBookInfo02 .gbi_sec01 .gbi_cont .gbi_ref { text-indent: -1.8em; padding-left: 1.8em;margin-top:1ex; font-size:0.9em; color:#cdcdcd;} #guideBookInfo02 .gbi_sec02 {} #guideBookInfo02 .gbi_sec02 .gbi_cont {} #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap {display:flex; flex-wrap:wrap; gap:6em 5em;} #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap dl {width:calc((100% - 10em) / 3); } #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap dl dt { margin-bottom:1em; font-size:1.6em; font-weight:500;color:var(--biff-red)} #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap dl dd {font-size:2em; font-weight:600;} #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap dl dd a {font-weight:600;} #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap dl dd a i.xi-external-link {color:var(--biff-red);} #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap dl dd .gbi_ref {margin-top:1ex; padding-left: 1.6ex; text-indent: -1.6ex;font-size:0.8em; color:#666;} #guideBookInfo02 .gbi_sec03 { background:#f4f4f5;} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap {display:flex;gap: 3em;} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl {position:relative; display:flex; flex-flow:column;gap:6em; width:100%; } #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl:not(:last-child):after {content:"";position:absolute;top: 1.55ex;right: 0;display:block;width: 1ex;height: 1ex;border-top:1px solid var(--biff-red);border-right:1px solid var(--biff-red);transform:rotate(45deg);} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl dt {display:flex;flex-flow:column;gap:1em;align-items: start;} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl dt small {padding-right: 1ex;font-weight:500;color:var(--biff-red);font-size:1.6em;background-color: #f4f4f5;z-index: 1;} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl dt strong {display:block;width: 100%;height:3em;padding: 2.5ex 1em 0 0;font-size:1.8em;font-weight:600;border-top: 1px solid #ff9797;margin-top: -2.5ex;} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl dd {padding:0 1.2em 0 0; font-size:1.6em;} #guideBookInfo02 .gbi_sec04 { } #guideBookInfo02 .gbi_sec04 .gbi_cont .gbi_noti {margin-top:0; padding:0; gap:1em; background:none;} #guideBookInfo02 .gbi_sec05 { background:#f4f4f5} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap {display:flex; gap:1ex;} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl {display:flex;flex-flow:column;justify-content:center;gap: 1em;width:50%;padding:5em 4em;text-align:center;background-color:#fff} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl dt {font-size:2.1em; color:#888; } #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl dt svg {width: 2.4em;height:auto;fill: var(--biff-red);} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl dt strong {display:block; margin-top:1ex; font-weight:600; color:#000;} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl dd a {display:inline-flex;align-items:center;gap:1ex;padding: 0.5ex 2ex;font-size:2.4em;font-weight:500;color: #ffffff;border-radius:50em;/* border: 1px solid #111; */background: #111;transition:all 0.5s;} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl dd a i {display:none;width: 1ex;height: 1ex;border-top:2px solid var(--biff-red);border-right:2px solid var(--biff-red);transform:rotate(45deg);} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl dd a:hover {color:#fff;background-color: var(--biff-red);} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl dd a:hover i {border-color:#fff;} @media screen and (max-width:1660px) { #guideBookInfo02 section .container-xxl {padding:0 3em;} } @media screen and (max-width:1240px) { #guideBookInfo02 {font-size:9px;} #guideBookInfo02 section .container-xxl {flex-flow:column; gap:3em;} #guideBookInfo02 section h4 {width:100%;} #guideBookInfo02 section h4 br {display:none;} #guideBookInfo02 .gbi_cont {width:100%;} #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap {gap:3em;} #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap dl {width:calc((100% - 6em) / 3);} } @media screen and (max-width:1024px) { } @media screen and (max-width:768px) { #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap dl {width:calc((100% - 6em) / 2);} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap {flex-wrap:wrap; margin-left: 1ex;} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl {width:100%;padding-left: 3ex; padding-bottom: 1em; gap:1em;border-left:1px solid #ff9797} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl:not(:last-child):after {top:revert; right:revert; left:-0.5ex;bottom:0; transform:rotate(135deg);} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl dt {gap:0;} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl dt strong {border-top: 0; margin-top: 0; padding-top: 0; height: auto;} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl dt strong br {display:none;} #guideBookInfo02 .gbi_sec03 .gbi_cont .gbi_wrap dl dd br {display:none;} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl dd a i {display:block;} } @media screen and (max-width:540px) { #guideBookInfo02 {font-size:2vw;} #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap dl {width:100%;} #guideBookInfo02 .gbi_sec02 .gbi_cont .gbi_wrap dl dt {margin-bottom:1ex;} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap {flex-flow:column;} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl {width:100%;} #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl { width: 100%; padding:3em; flex-flow: row; justify-content: space-between; align-items: center; } #guideBookInfo02 .gbi_sec05 .gbi_cont .gbi_wrap dl dt strong {display:inline; margin-left:1ex; } } /* 관객가이드 > 상영관 운영 안내 */ #guideTheaterRegulation {padding-bottom:5em;font-size:10px;word-break:keep-all;} #guideTheaterRegulation section h4 {margin-bottom:1em; font-size:3.2em; font-weight:700; color:#000; } #guideTheaterRegulation .gtr_sec01 {padding-top:5em; border-top:1px solid #eaeaea;} #guideTheaterRegulation .gtr_sec01 .gtr_wrap {display:flex; flex-wrap:wrap; gap:7em; margin-top:5em;} #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box {width:calc((100% - 14em) / 3); } #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box .gtr_ico {position:relative; margin-bottom:2em; flex-shrink:0; z-index:1; } #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box .gtr_ico img {height:4.8em; padding-bottom:0.5ex; box-shadow:inset 0px -1.25ex 0 0 rgb(255 79 89 / 40%); } #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box .gtr_txt {font-size:1.6em;} #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box .gtr_txt p {margin-top:1ex;} #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box .gtr_txt p:not(.ref) {padding-left:1.6ex; text-indent:-1.6ex; font-weight:400; } #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box .gtr_txt p:not(.ref):before {content:"- "; font-size:1.2em; font-weight:900; color:var(--biff-red);} #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box .gtr_txt p.ref {padding-left:2.1ex; text-indent:-1.6ex; font-size:0.9em; color:#666;} #guideTheaterRegulation .gtr_sec02 {padding-top:5em; margin-top:5em; border-top:1px solid #eaeaea;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap {display:flex;flex-wrap:wrap;gap: 1px;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box {width: calc((100% - 1px) / 2);padding:0;display: flex;align-items: center;gap: 2em;background: #f3f3f3;padding: 1e;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_img {flex-shrink:0;width: 15em;aspect-ratio:1 / 1;border-radius: 50em;/* overflow: hidden; */} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_img img {width:100%; height:100%; object-fit:cover; object-position:center;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont {/* padding:2em 0; */background-repeat:no-repeat;background-size:cover;background-attachment:fixed;} /*#guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box:nth-child(2) .gtr_cont {border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box:nth-child(3) .gtr_cont {border-right:1px solid #eaeaea;}*/ #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt {font-size:1.6em;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt h5 {position:relative; font-size:1.3em; font-weight:600; line-height:1.4; color:#000;} /*#guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt h5:before {content:""; position:absolute; top:0; left:0; display:block; width:2px; height:2em; background-color: rgb(255 79 89 / 100%)}*/ #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt h5 .gtr_btn img {height:0.9em; vertical-align:baseline;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_addr {margin-top:1ex; font-size:1em; color:#666;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref {position:relative;padding: 1ex 1em;margin-top: 1ex;background: #ffffff;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref h6 {display:flex; justify-content:space-between; align-items:center; font-size:0.9em; } #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref h6 b {font-weight:600;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref h6 i {display:block;width:1ex; height:1ex; border-right:1px solid var(--biff-red); border-bottom:1px solid var(--biff-red); transform:rotate(45deg);transition:all 0.5s} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref:hover h6 i, #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref:focus h6 i {transform:rotate(225deg);transition:all 0.5s} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref .gtr_ref_detail {position:absolute;left:0;height:0px;width:100%;padding: 1em;opacity:0;background: #ffffff;overflow:hidden;z-index:2;transition:all 0.5s} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref:hover .gtr_ref_detail, #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref:focus .gtr_ref_detail {height:auto; border-bottom:1px solid #eaeaea; opacity:1; transition:all 0.5s;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref .gtr_ref_detail dl {margin-bottom:1ex; font-size:0.85em;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref .gtr_ref_detail dt {margin-bottom:0.5ex;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref .gtr_ref_detail dt span {display:inline-block; font-weight:500; line-height:1; box-shadow:inset 0px -0.5ex 0 0 rgb(255 79 89 / 40%); } #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref .gtr_ref_detail dd {padding-left:1.5ex; color:#666; text-indent:-1.5ex; } #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont .gtr_txt .gtr_ref .gtr_ref_detail dd:before {content:"ㆍ"; font-weight:900;} @media screen and (max-width:1660px) { #guideTheaterRegulation {padding:0 3em;} } @media screen and (max-width:1240px) { #guideTheaterRegulation {font-size:9px;} } @media screen and (max-width:1024px) { #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box {width:calc((100% - 7rem) / 2)} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box {width:calc((100% - 3rem) / 2)} } @media screen and (max-width:540px) { #guideTheaterRegulation {font-size:2vw;} #guideTheaterRegulation .gtr_sec01 .gtr_wrap {gap:5em;} #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box {width:100%} #guideTheaterRegulation .gtr_sec01 .gtr_wrap .gtr_box .gtr_ico {margin-bottom:1em;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box {width:100%; gap:0;} #guideTheaterRegulation .gtr_sec02 .gtr_wrap .gtr_box .gtr_cont{padding:1rem;} } /* 관객가이드 > 행사장 지도 */ #guideFestivalMap {padding:0 0 0;font-size:10px;word-break:keep-all;} #guideFestivalMap h3 {margin-top:1.5em; padding-bottom:1em; font-size:4em; font-weight:700; color:#000; } #guideFestivalMap section {padding-top:8em; padding-bottom:8em;} #guideFestivalMap section .container-xxl {display:flex;} #guideFestivalMap section h4 {width:12em; font-size:3.2em; font-weight:700; color:#000; flex-shrink:0;} #guideFestivalMap section h4:before {content:""; display:block; width:0.5ex; height:0.5ex; margin:-1ex 0 0.5ex ; border-radius:50em; background-color:#DA1212;} #guideFestivalMap section h4 small {font-size:0.65em; font-weight:700;} #guideFestivalMap .gfm_cont {/* width:calc(100% - 13em); */width:1220px;} #guideFestivalMap .gfm_cont img {border:1px solid #eaeaea;} #guideFestivalMap .gfm_cont .gfm_cmt { padding: 1em; margin-bottom: 0ex; font-size: 1.8em; font-weight:500; line-height: 1.8; background:#fff; border: 1px solid #eaeaea; } #guideFestivalMap .gfm_cont .gfm_cmt i {font-size:2em; color:#000; vertical-align: middle; box-shadow:inset 0px -0.5ex 0 0 rgb(255 79 89 / 40%);} #guideFestivalMap .gfm_cont .gfm_cmt br {display:none;} #guideFestivalMap .gfm_sec01 { background:#f4f4f5;} #guideFestivalMap .gbi_info_wrap_dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1ex; margin-top: 3ex; } #guideFestivalMap .gbi_info_wrap_dl dl { padding: 2.5em; background: #f4f4f5; } #guideFestivalMap .gbi_info_wrap_dl dl dt { margin-bottom: .5ex; font-size: 1.6em; font-weight: 600; color: var(--biff-red); } #guideFestivalMap .gbi_info_wrap_dl dl dd { font-size: 1.5em; line-height: 1.2; font-weight: 500; } @media screen and (max-width:1660px) { #guideFestivalMap section .container-xxl {padding:0 3em;} #guideFestivalMap .gfm_cont { width:100%; } } @media screen and (max-width:1240px) { #guideFestivalMap {font-size:9px;} #guideFestivalMap section .container-xxl {flex-flow:column; gap:3em;} #guideFestivalMap section h4 {width:100%;} #guideFestivalMap section h4 br {display:none;} #guideFestivalMap .gfm_cont {width:100%;} } @media screen and (max-width:768px) { #guideFestivalMap .gfm_cont .gfm_cmt br {display:block;} } @media screen and (max-width:540px) { #guideFestivalMap {font-size:2vw;} #guideFestivalMap .gbi_info_wrap_dl { grid-template-columns: repeat(2, 1fr); } #guideFestivalMap .gbi_info_wrap_dl dl { padding: 2em; } }