@charset "utf-8"; /*------------------------------- 컨텐츠 COMMON -------------------------------*/ #contents {/*background: #F4F3D6;*/} a.cover {position: absolute;top:0;left:0;width:100%;height:100%;z-index:10} .txt-container {max-width:800px;} .sec {position:relative;padding-top:4rem;padding-bottom:4rem;} .sec.top1 {padding-top:1rem;} .sec + .sec {padding-top:0} .sec + .sec.dark, .sec.dark + .sec {padding-top:4rem;} /* Typography */ .tit_section {position:relative;font-size:1.6rem;font-weight:bold;padding-left:15px;letter-spacing:-0.5px;color:#333;} .tit_section:before {content:'';display:inline-block;width:8px;height:6px;background-color:var(--bg-primary);position:absolute;top:10px;left:0;} .tit_section2 {position:relative;font-size:2.2rem;font-weight:bold;padding-left:0;line-height:2em;letter-spacing:-1px;color:#333;} .tit_section3 {position:relative;font-size:2.7rem;font-weight:bold;padding-left:0;line-height:2em;letter-spacing:-1px;color:#333;} .tit_section4 {position:relative;font-size:2.0rem;font-weight:bold;padding-left:0;line-height:2em;letter-spacing:-1px;color:#333;} .txt-helper {position:relative;font-size:13px;margin-left:15px;padding-left:16px;padding-top:3px;} /* 헬퍼텍스트 */ .txt-helper:before {content:'\203B';position:absolute;top:0;left:0;color:#888;padding-top:3px;} .dark .tit_section {color:#fff;} .dark .tit_section:before {background-color:#fff;} .dark .desc, .dark .desc-l, .dark .desc-s {color:#fff} .tit_item {font-size:3rem;line-height:1.4;font-weight:bold;color:#333;letter-spacing:-1.8px} .desc {font-size:1.5rem;line-height:1.8;font-weight:500;color:#555} .desc-s {font-size:1.4rem;line-height:1.8;color:#555} .desc-l {font-size:1.6rem;line-height:1.8;color:#555} .desc_visual {font-size:3.2rem;line-height:1.3;font-weight:bold;letter-spacing:-1.5px} .tit_section + .tit_item {margin-top:0.3em} .tit_item + .desc, .tit_item + .desc-l {margin-top:1.5em;} .desc-l p + p, .desc p + p {margin-top:1em} .txt-primary {color:var(--txt-primary)} .txt-red {color:red;} .txt-muted {color:#767676;} .helper-box {border:2px solid #BBCBB2;background:#E8EBCE;padding:1em 1.2em;font-size:1.6rem;} .helper-box strong, .helper-box p {font-size:1.5rem;color:var(--txt-primary)} .helper-box strong {font-weight:bold;} .helper-box strong + p {margin-top:0.3em} @media screen and (max-width: 767px){ .table-responsive{width: 100%;overflow-x: auto;white-space: nowrap;} .table-responsive table{width: auto;} } @media (min-width: 992px) { .sec {padding-top:6.5rem;padding-bottom:8rem;} .sec + .dark.sec, .dark.sec + .sec {padding-top:6.5rem;} .tit_section {font-size:2rem;padding-left:20px} .tit_section:before {width:10px; top:12px;left:0;} .tit_item {font-size:4rem;} .desc {font-size:1.6rem;} .desc-l {font-size:1.8rem;} .desc_visual {font-size:5rem;line-height:1.3;} } /* sub top visual */ .subtop_visual { position: relative;background: #111;height:300px;display:flex;display:none;align-items: center;background:url(/kor/img/cmm/subtopbg-0322-01.jpg) no-repeat center center; overflow:hidden} .subtop_visual .desc_visual {color:var(--txt-secondary);} .subtop_visual .tit_page {font-size:1.8rem;font-weight:bold;color:var(--txt-secondary);letter-spacing:-0.5px;margin-top:2em} .subtop_visual.subtop_visual1 {background:url(/kor/img/cmm/subtopbg-0322-01.jpg) no-repeat center center} .subtop_visual:before {content:'';display:inline-block;width:15%;height:150px;position:absolute;bottom:-135px;left:-50px;background:var(--bg-secondary); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transfrom: rotate(8deg); -webkit-transform: rotate(8deg); transform: rotate(8deg); } .subtop_visual:after {content:'';display:inline-block;width:22%;height:150px;position:absolute;bottom:-125px;right:-50px;background:var(--bg-secondary); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transfrom: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } @media (min-width: 992px) { .subtop_visual {height:600px;padding-top:120px} .subtop_visual .subtop_visual .tit_page {font-size:2rem;} } /* Tab */ .tab_list {position:relative; margin-left:-1.6rem;margin-right:-1.6rem;margin-bottom:2.5rem; display:block; overflow-x: scroll;} .tab_list .tab_item {position:relative;padding:0 1.6rem;/* margin-right: 12px; min-width: 80px;*/ width: auto; display: table-cell; white-space: nowrap;} .tab_list .tab_item:not(:last-child) {padding-right:1.6rem} .tab_list .tab_item:not(:last-child):after {content:'';display:inline-block;width:1px;height:14px;background:rgba(0,0,0,0.4);position:absolute;top:3px;right:0;opacity: .6} .tab_list .tab_item a {font-size:1.5rem;font-weight:bold;color:var(--txt-gray); } .tab_list .tab_item.current a {color:#41BFB2;opacity:1} .tab_nav {padding-top:2.5rem;padding-bottom:2.5rem; } .tab_nav .tab_list {justify-content:flex-start} @media (min-width: 992px) { .tab_list {margin-bottom:3.5rem; display:flex;align-items:center;justify-content:center; overflow-x: auto; } .tab_list .tab_item a {color:#ccc; font-size:1.8rem;font-weight: 700; line-height: normal; letter-spacing: -0.72px;} .tab_list .tab_item a:hover {color:#333;} .tab_nav {padding-top:3rem;padding-bottom:3rem; display:block;} } /* Lists */ .list_basic > li {position:relative;font-size:1.6rem;line-height:1.5;margin-top:0.6rem;margin-bottom:0.6rem;font-weight:500;padding-left:2.2rem} .list_basic > li:before {content:'';display:inline-block;width:10px;height:10px;position: absolute;top:9px;left:0;background:#222} .list_basic > li:first-child {margin-top:0} .list_basic > li:last-child {margin-bottom:0} .list_basic > li > ul {margin-top:0.6rem;} .list_basic > li > ul > li {position:relative;font-size:1.5rem;margin-top:0.4rem;margin-bottom:0.4rem;padding-left:1.6rem} .list_basic > li > ul > li:before {content:'';display:inline-block;width:8px;height:1px;position: absolute;top:11px;left:0;background:#222} .list_basic > li > ul > li:last-cilld {} .list_basic2 > li {position:relative;font-size:1.6rem;line-height:1.5;margin-top:0.6rem;margin-bottom:0.6rem;font-weight:500;padding-left:2.8rem} .list_basic2 > li:before {content:'';display:inline-block;width:5px;height:5px;position: absolute;top:9px;left:15px;background:#666} .list_basic2 > li:first-child {margin-top:0} .list_basic2 > li:last-child {margin-bottom:0} .list_basic2 > li > ul {margin-top:0.6rem;} .list_basic2 > li > ul > li {position:relative;font-size:1.5rem;margin-top:0.4rem;margin-bottom:0.4rem;padding-left:1.6rem} .list_basic2 > li > ul > li:before {content:'';display:inline-block;width:8px;height:1px;position: absolute;top:11px;left:0;background:#222} .list_basic2 > li > ul > li:last-cilld {} .list_notice > li {position:relative;font-size:1.6rem;line-height:1.5;margin-top:0.8rem;margin-bottom:0.8rem;font-weight:500;padding-left:1.2rem;color:#888} .list_notice > li:before {content:'';display:inline-block;width:3px;height:3px;position: absolute;top:10px;left:0;background:#aaa} .list_notice > li:first-child {margin-top:0} .list_notice > li:last-child {margin-bottom:0} @media (min-width: 992px) { .list_basic > li {font-size:1.8rem;margin-top:1rem;margin-bottom:1rem;} .list_notice > li {margin-top:1rem;margin-bottom:1rem;} } /* Tables */ .tbl_basic {width:100%; border-collapse:collapse;background:transparent;border-top:6px solid var(--bg-primary);border-bottom:1px solid rgba(0,0,0,0.1) !important; border-left:1px solid rgba(0,0,0,0.1);text-indent:0;font-weight:normal; line-height:1.5;font-size:1.6rem;} .tbl_basic>thead>tr>th, .tbl_basic>tbody>tr>th {font-weight:bold} .tbl_basic>thead>tr>th, .tbl_basic>thead>tr>td, .tbl_basic>tbody>tr>th, .tbl_basic>tbody>tr>td {font-size:1.5rem;line-height:1.5;padding:0.8em 1.2em; border-bottom:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);vertical-align:top;text-align:center;} .tbl_basic>thead>tr>th, .tbl_basic>tbody>tr>th {color:var(--txt-primary); font-weight:bold;} .tbl_basic>tbody>tr>td {text-align:left;} .tbl_basic>tbody>tr>td.tleft {text-align:left;} .tbl_basic>tbody>tr>td strong {font-weight:500} @media (min-width: 992px) { .tbl_basic>thead>tr>th, .tbl_basic>thead>tr>td, .tbl_basic>tbody>tr>th, .tbl_basic>tbody>tr>td {font-size:1.6rem;} } /* umca */ .section_umca_film {position:relative;background:url(/img/cont/umca_film_bg.jpg) no-repeat center center;background-size:cover;color:#fff} .section_umca_film .tit_item {color:#fff;} .cont_umca .name_box {border-top:10px solid var(--txt-primary);border-bottom:10px solid var(--txt-primary);padding-top:2rem;padding-bottom:2rem;} .cont_umca .name_box p {color:var(--txt-primary);} .cont_umca .name_box .name {font-size:1.5rem;font-weight:bold;} .cont_umca .name_box .name.en {font-size:2rem;line-height:1.3;text-transform:uppercase;margin-bottom:0.5em} @media (min-width: 992px) { .sec.section_umca_film {padding-top:8rem;padding-bottom:8rem} .cont_umca .name_box {padding-top:3rem;padding-bottom:3rem;} .cont_umca .name_box .name {font-size:1.8rem;} .cont_umca .name_box .name.en {font-size:3.4rem;} .cont_umca .umca_select_txtbox {padding-left:4rem} } /*------------------------------- Film -------------------------------*/ /* 모달창 크기 지정 */ @media (min-width: 768px) { .modal-dialog.modal-full {max-width:100%} } @media (min-width: 992px) { .modal-dialog.modal-full {max-width:100%} } @media (min-width: 1200px) { .modal-dialog.modal-full {max-width:100%} } #staticBackdrop2 { padding-left:17px;} /* 영화 정보 */ .film .modal-body {padding:0;color:#fff} .film .filmtop {position:relative;background-color:#000;height:700px;overflow:hidden;} .film .filmtop .filmtop_visual {position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat: no-repeat;background-size: cover;opacity: 0.7} .filmtop:before {content:'';display:inline-block;width:15%;height:150px;position:absolute;bottom:-135px;left:-50px;background:var(--bg-primary); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transfrom: rotate(8deg); -webkit-transform: rotate(8deg); transform: rotate(8deg); } .filmtop:after {content:'';display:inline-block;width:22%;height:150px;position:absolute;bottom:-125px;right:-50px;background:var(--bg-primary); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transfrom: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .film .filmtop .premiere {display:inline-block;font-size:1.1rem;text-transform: uppercase;font-weight:bold;padding:0 1em;border-radius:50px;-webkit-border-radius:50px;background:#E7494A;line-height:2;padding-bottom:2px;} .film .filmtop .tit_main {font-size:3.6rem;line-height:1.3;font-weight:bold;letter-spacing:-1.5px;padding-top:0.1em;padding-bottom:0.3em} .film .filmtop .filmtop_info_wrap {position: relative} .film .filmtop .filmtop_info {position:absolute;top:0;left:0;padding:6rem 0} .film .filmtop .filminfo_list {display: flex;justify-content: flex-start;align-items: center;margin-left:-0.8em;margin-right:-0.8em} .film .filmtop .filminfo_list li {position:relative;padding-left:0.8em;padding-right:0.8em;font-size:1.4rem;display:block;color:#fff;font-weight:bold} .film .filmtop .filminfo_list li:not(:last-child):after {content:'';display:inline-block;width:1px;height:0.9em;background:#fff;position:absolute;top:6px;right:0;opacity: .6} .film .filmtop .filmtop_info .btn_play {margin-top:2rem} .btn > .icon {margin-right:0.3em} .icon-play {display:inline-block;width:18px;height:15px;background:url(/kor/img/cmm/ico_play.svg) no-repeat center center;} .film .film_sec {padding-bottom:6rem} .film .tit_filmv {font-size:2.2rem;font-weight:bold;color:var(--txt-secondary);margin-bottom:0.6em;text-transform: uppercase} /* Film View 타이틀 */ .film .filmdetail {background:var(--bg-primary);padding:4em 0} .film .filmdetail .film_synopsis .desc {font-weight:500} /* 스케줄 */ .film .filmdetail .film_schedule {/*border-top:10px solid var(--bg-secondary);border-bottom:10px solid var(--bg-secondary);padding-top:2rem;padding-bottom:3.5rem;*/} .film_schedule .list_schedule {margin-top:-1rem;margin-bottom:-1rem;} .film_schedule .list_schedule li {padding:1rem 0;} .film_schedule .list_schedule .date{position:relative} .film_schedule .list_schedule .date > span {font-size:2rem;} .film_schedule .list_schedule .date .day {margin-right:10px} .film_schedule .list_schedule .date .time {position:relative;padding-left:30px} .film_schedule .list_schedule .date .time:before {content:'';display:inline-block;width:20px;height:4px;background:#fff;position:absolute;top:2px;left:0;bottom:0;margin:auto auto} .film_schedule .list_schedule .theater {font-weight:500;} /* 감독정보 */ .list_dir {margin-top:-1.6rem;margin-bottom:-1.6rem} .list_dir .dir_item {padding:1.6rem 0;display: flex;justify-content:flex-start;align-items: center;} .list_dir .dir_item .dir_thumb > .avatar {width:10rem;height:10rem;} .list_dir .dir_item .dir_info {padding-left:2rem} .list_dir .dir_item .dir_info .dir_name {display:block;font-size:1.8rem;margin-bottom:0.5em;} /* Photo Gallery */ .film_photo .slick-track .slick-slide {position:relative;display:block;box-shadow:3px 3px 20px rgba(0,0,0,.4);} .film_photo .slick-track .slick-slide:before {/*content:'';padding-top:70%;float:left;*/} .film_photo .slick-track .slick-slide img { /*position:absolute;top:0;width:100%; -o-object-fit:cover;object-fit:cover;*/ border-radius:0.6rem;} .film_photo .filmphoto-nav {margin-top:2rem} .film_photo .filmphoto-nav .slick-track .slick-slide {margin-left:0.5rem;margin-right:0.5rem;} .film_photo .slick-arrow {z-index:0;width:30px;height:30px;margin-top:-30px;background-color:#000;border:2px solid rgba(255,255,255,0.9);border-radius:100%;-webkit-border-radius:100%;color:#fff;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;background-repeat: no-repeat;font-size:0;text-indent: -9999px;background-size:8px;z-index:100} .film_photo .slick-arrow.slick-prev {position:absolute;top:50%;left:-20px;background-image: url(/kor/img/cmm/ico_gallery_arrows_prev.svg);background-position:47% 50%} .film_photo .slick-arrow.slick-next {position:absolute;top:50%;right:-20px;background-image: url(/kor/img/cmm/ico_gallery_arrows_next.svg);background-position:54% 50%} .film_photo .slick-dots {position:absolute;bottom:- 15px;padding:1rem 0 0; width: 100%; margin: 0; list-style: none; text-align: center; z-index: 20;} .film_photo .slick-dots:before, .film_photo .slick-dots:after {clear:both;display:block;content:'';} .film_photo .slick-dots li {display:inline-block;margin-right:8px;} .film_photo .slick-dots button { display:inline-block;position:relative;width:8px;height: 8px;padding: 0;text-indent: -9999px;border-radius:50px;-webkit-border-radius:50px; transition:background-color 700ms cubic-bezier(0.215, 0.61, 0.355, 1);border:0;background:none;background:#fff} .film_photo .slick-dots li.slick-active button {background-color:#fff;width:20px;} /* credit */ .film .credit {position:relative;background:#181818;padding:3rem 0;} .film .credit dl dt, .film .credit dl dd {font-family: 'Oswald', sans-serif;letter-spacing: 0 !important;font-size:1.4rem;padding-top:0.5em;padding-bottom:0.5em} .film .credit dl dt {text-transform: uppercase} .film .credit dl dd {color:var(--bg-secondary);} .film .nextfilm {position:relative;background:#000;height:200px;} .film .nextfilm .nextfilm_thumb {position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat: no-repeat;background-size: cover;opacity: 0.4} .film .nextfilm .txtbox {position: absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;} .film .nextfilm .txtbox .tit_nextfilm {display:block;color:var(--txt-secondary);margin-bottom:0.5em;text-transform: uppercase;font-size: 1.4rem;} .film .nextfilm .txtbox .desc_visual {color:#fff;} @media (min-width: 992px) { .film .premiere {font-size:1.3rem} .film .tit_filmv {font-size:3.4rem;} .film .filmtop .tit_main {font-size:5.6rem;} .film .filmtop .filminfo_list li {font-size: 1.8rem;} .film .filmtop .filmtop_info .btn_play {margin-top:4rem} .film .filmdetail {padding:6.5rem 0} /* 스케줄 */ .film_schedule .list_schedule .date > span {font-size:2.6rem;} /* 감독정보 */ .film .filmdetail .film_synopsis_wrap {padding-right:8rem} .list_dir {margin-top:10px} .list_dir .dir_item .dir_thumb > .avatar {width:14rem;height:14rem;} .list_dir .dir_item .dir_info {padding-left:4rem} .list_dir .dir_item .dir_info .dir_name {font-size:2.2rem} .list_dir .dir_item .dir_info .desc-s {width:70%;word-break:keep-all} /* Photo Gallery */ .film_photo .slick-arrow {opacity:0;background-size:auto;width:60px;height:60px} .film_photo .slick-slider:hover {cursor:pointer} .film_photo .slick-slider:hover .slick-arrow {opacity:1;z-index:10;} /* credit */ .film .credit {padding:5.5rem 0;} .film .credit dl dt, .film .credit dl dd {font-size:1.6rem} .film .nextfilm .txtbox .tit_nextfilm {font-size:1.6rem} .film .nextfilm {height:300px} } @media only all and (max-width:414px) { .film .filmtop { height: 300px; } } /**/ .guide .tit_section {margin-bottom:1em} .guide .colors .items {height:200px} .sb-sec {padding-top:4rem;padding-bottom:4rem;} .sb-sec:first-child {padding-top:0} .sb-sec + .sb-sec {border-top:1px solid rgba(0,0,0,0.1);} /* 3차 메뉴 탭 */ .col2 li {width:50%;} .col3 li {width:33.33333%;} .col4 li {width:25%;} .col5 li {width:20%;} .tabscontents {padding-top:50px;} .tab_basic {margin:0 0;} .tab_basic li {padding:11px 0px;} .tab_basic li.on {background:url(/kor/img/cmm/tab_basic_on.png) no-repeat 50% 98%;} .tab_basic li a {display:block;font-size: 1.5rem;line-height:50px;color:#666;background:#fff;text-align:center; border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .tab_basic li:first-child a{border-left:1px solid #e0e0e0} .tab_basic li:hover a, .tab_basic li:focus a, .tab_basic li.on a {background:#272727;border-color:#222;color:#fff;box-shadow:1px 1px 6px rgba(0,0,0,.3)} .tab_3depth {text-align:left;margin:0 0} .tab_3depth:before, .tab_3depth:after {clear:both;display:block;content:''} .tab_3depth li {text-align:center;color:#888; min-width:15%; border: 1px solid #EFEFEF; border-radius:4px; background-color: #F7F7F7; font-size: 1.6rem;font-weight: 500; color:var(--bg-primary); moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin-left:10px; } .tab_3depth li:first-child { margin-left:0;} .tab_3depth.xxx li { min-width: initial;} .tab_3depth li a {display:block; color: #41BFB2; font-size: 18px; font-style: normal; font-weight: 700; line-height: 18px; letter-spacing: -0.72px;padding:15px 35px;} .tab_3depth.movie li {margin-left:3px;} .tab_3depth.movie li a {display:block;font-size: 1.5rem;line-height:150%;padding:15px 10px;} .tab_3depth li:hover, .tab_3depth li.on { background-color:#82D9D0} .tab_3depth li:hover a, .tab_3depth li.on a {color:#333} .tab_3depth li:before, .tab_3depth li:after {clear:both;display:block;content:'';} .tab_3depth li.on {} @media only all and (max-width:768px) { .tab_3depth {margin:20px 0;display:block;overflow-x:scroll} .tab_3depth li {margin-right:12px;min-width:80px;width:auto;display:table-cell;white-space:nowrap;} .tab_3depth li a {padding:10px 5px} } @media only all and (max-width:414px) { .tab_3depth li a {padding:6px 3px;font-size:14px;} } .tab_widfree {text-align:left;margin:80px 0 0} .tab_widfree:before, .tab_widfree:after {clear:both;display:block;content:''} .tab_widfree li {text-align:center;color:#888; min-width:8%; margin-bottom:2px; border: 2px solid var(--bg-primary); border-radius:0; background-color: transparent;padding: 0.375rem 0.75rem;font-size: 1.6rem;font-weight: 500; color:var(--bg-primary); moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .tab_widfree li a {color:var(--bg-primary);display:block;font-size: 1.5rem;line-height:150%;padding:9px 16px;} .tab_widfree li:hover, .tab_widfree li.on { background-color:var(--bg-primary)} .tab_widfree li:hover a, .tab_widfree li.on a {color:#FFF} .tab_widfree li:before, .tab_widfree li:after {clear:both;display:block;content:'';} .tab_widfree li.on {} @media only all and (max-width:768px) { .tab_widfree {margin:20px 0;display:block;overflow-x:scroll} .tab_widfree li {margin-right:12px;min-width:80px;width:auto;display:table-cell;white-space:nowrap;} .tab_widfree li a {padding:10px 5px} } @media only all and (max-width:414px) { .tab_widfree li a {padding:6px 3px;font-size:14px;} } .cont_umca_committee .still {width:100%; margin:0 0 10px 0 } .cont_umca_committee .still:after { content:""; display:block; float:none; clear:both; height:15px;} .cont_umca_committee .still li {width:33.3%; float:left; } .cont_umca_committee .still li img {width:100%; } .txt_year {font-size:4.5rem;font-weight:900;color:var(--bg-primary);margin-bottom:10px; text-align:center;} .txt_name {font-size:3rem;font-weight:600;color:#333;margin-bottom:10px;} .sponsor .sponsor_box {border:1px solid #e0e0e0;margin:0;padding:30px 30px;border-radius:5px;-webkit-border-radius:5px;background:#fff;margin-bottom:30px; text-align:center; } .sponsor .sponsor_list:before, .sponsor .sponsor_list:after {display:block;content:'';clear:both} .sponsor .sponsor_list li.umff {float:left;width:30%;padding:0 5px; margin:0 1%;} .sponsor .sponsor_list li.umff2 {float:left;width:48%;padding:0 5px; text-align:center; margin:0 1%;} .sponsor .sponsor_list li.umff3 {float:left;width:31%;padding:0 5px; margin:0 1%;} .sponsor .sponsor_list li {float:left;width:25%;padding:0 5px} .sponsor .sponsor_list li a { /*display:block;text-align:center;padding:10px 5px;background:#fff;*/ } .sponsor .sponsor_list li .img_logo {margin:20px 0 20px 0;} .sponsor .sponsor_list li .cp_name {font-size:15px;line-height:150%;font-weight:500;color:#777;padding-top:15px;border-top:0px solid #e0e0e0} .sponsor .sponsor_list li a:hover .cp_name {color:#444;} @media (max-width:768px) { .sponsor .sponsor_box {padding:15px;} .sponsor .sponsor_list li {width:50%;} .sponsor .sponsor_list li .cp_name {letter-spacing:-1px;min-height:55px;} } @media (max-width:414px) { .sponsor .sponsor_box {padding:5px;} .sponsor .sponsor_list li {width:50%;} .sponsor .sponsor_list li .cp_name {font-size:14px;letter-spacing:-1px;border-top:1px solid #e0e0e0;padding-top:10px} } /* 조직구성 */ .organ {margin:30px 0 0 } .organ_box {border-top:3px solid #333;padding:40px 0} .organ div h4 {letter-spacing:-1px; font-size:1.6rem;margin:0 auto; text-align:center; padding:20px 0;} .organ div h5 { background:#88ccdc; display:block; color:#fff; font-weight:600; padding:10px 5px; text-align:center; margin-top:7px;} .organ div h5.h5_2 {background:#7ca2d5} .organ .dep2 h4, .organ .dep3 h4 {background:#333;color:#fff;font-size:1.8rem;font-weight:500;} .organ .dep2 > ul, .organ .dep3 > ul, .organ .dep4 > ul {margin:0 auto;width:70%;} .organ .dep2 { padding-bottom:30px; background:url(/kor/img/cont/bg_organ.png) repeat-y center bottom;} .organ .dep2.dep22 {background:url(/kor/img/cont/bg_organ.png) repeat-y center bottom;} .organ .dep2 > ul > li { width:33.33333%; background:url(/kor/img/cont/bg_organ.png) repeat-y center top; } .organ .dep2 > ul > li:first-child, .organ .dep2 > ul > li:first-child h4 {background:none} .organ .dep3 { background:url(/kor/img/cont/bg_organ.png) repeat-y center top; padding:30px 0 60px 0;} .organ .dep3 > ul > li { width:40%; background:url(/kor/img/cont/bg_organ.png) repeat-y center top; } .organ .dep3 > ul > li:first-child {margin-left:10%;} .organ .dep4 > ul > li { width:100%; background:url(/kor/img/cont/bg_organ.png) repeat-y center; padding-top:30px;font-size:1.6rem;font-weight:bold} .organ .dep4 {padding-bottom:30px; } .organ .dep4 > ul > li a {display:block;font-weight:normal; font-size:1.6rem; color:#fff; padding:10px 0; } .organ .dep4 > ul > li a:hover {text-decoration:underline;} .organ .dep4 > ul > li > ul > li {width:19%; margin:0 0.5%; float:left} .organ .dep4 > ul > li > ul > li a {color:#aaa} .organ .dep4 .bg_line { border-bottom:1px solid #d5d6d8; width:53.4%; margin:0 auto;} .organ div > ul > li {vertical-align:top;} .organ div > ul > li > ul > li { background:#fff; border:1px solid #d9d9d9; color:#7a7d82; padding:10px 5px; text-align:center; margin-top:10px;font-size:1.6rem; } .map_wrap {width:100%;height:500px;overflow:hidden;border:1px solid #e0e0e0;margin-top:30px;margin-bottom:30px} .tbl_guidelines {} .tbl_guidelines .tbl_gd_li {display:block;border-bottom:1px solid #e8e8e8;padding:20px 0} .tbl_guidelines .tbl_gd_li:before, .tbl_guidelines .tbl_gd_li:after {clear:both;content:'';display:block;} .tbl_guidelines .tbl_gd_li:last-child {border-bottom:none} .tbl_guidelines .tbl_gd_li .tbl_gd_hd, .tbl_guidelines .tbl_gd_li .tbl_gd_bd {display:inline-block;float:left;font-size:1.6rem;line-height:1.8} .tbl_guidelines .tbl_gd_li .tbl_gd_hd {width:16%;text-align:center; font-size:1.8rem; color:#333;font-weight:500; height:auto;} .tbl_guidelines .tbl_gd_li .tbl_gd_bd {width:80%} .tbl_guidelines .tbl_gd_li .tbl_gd_bd .tbl_gd_hd {text-align:left;padding: 5px 0;} @media only all and (max-width:768px) { .tbl_guidelines .tbl_gd_li .tbl_gd_hd, .tbl_guidelines .tbl_gd_li .tbl_gd_bd {width:100%;} .tbl_guidelines .tbl_gd_li .tbl_gd_hd {margin-bottom:10px;} } @media only all and (max-width:414px) { .list_basic li {font-size:14px;} .tbl_guidelines .tbl_gd_li {padding:15px} .tbl_guidelines .tbl_gd_li .tbl_gd_hd, .tbl_guidelines .tbl_gd_li .tbl_gd_bd {width:100%;font-size:14px;line-height:1.8;text-align:left} .tbl_guidelines .tbl_gd_li .tbl_gd_hd {font-size:15px;margin-bottom:5px;} .tbl_guidelines .tbl_gd_li .tbl_gd_bd {letter-spacing:-0.5px;} .organ div h4 {font-size:1.3rem !important;} .organ div h5 {font-size:1.3rem !important;} .organ .dep3 > ul > li { width:50%; } .organ .dep3 h4 {font-size:1.3rem; } .organ .dep4 > ul {margin:0 auto;width:100%;} .organ .dep4 > ul > li {font-size:1.2rem;} .organ .dep4 > ul > li a { font-size:1.2rem; } } /* 페스티벌 */ .festival_date {width:35%; margin:0 auto 50px auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0; font-size:24px; font-weight:600; text-align:center; letter-spacing:-0.5px} .festival_date2 {width:50%; margin:0 auto 50px auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0; font-size:24px; font-weight:600; text-align:center; letter-spacing:-0.5px} .festival_date3 {width:70%; margin:0 auto 50px auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0; font-size:24px; font-weight:600; text-align:center; letter-spacing:-0.5px} .festival_img {width:100%; margin:0 0 30px 0;} .festival_img:after { content:""; display:block; height:0; clear:both; float:none;} .festival_img li {width:50%; float:left; } .festival_img li img {width:100% } .writerbox {width:100%; } .writerbox:after { content:""; display:block; height:0; clear:both; float:none;} .writer {width:40%; float:left; } .writer img {width:100%} .writer_txt {width:55%; float:right; } @media (max-width:768px){ .festival_date {width:80%; margin:0 auto 30px auto; padding:20px 0; font-size:16px; font-weight:600;} .festival_date2 {width:95%; margin:0 auto 30px auto; padding:20px 0; font-size:16px; font-weight:600;} .festival_date3 {width:95%; margin:0 auto 30px auto; padding:20px 0; font-size:16px; font-weight:600;} .writer {width:50%; margin:0 auto 20px auto; float:none; } .writer_txt {width:100%; float:none; } } .online_box {border:3px solid #0d927f; padding:30px; text-align:center; } .online_box .telbox{display:inline-block; color:#fff; margin:15px 0 0 0;background:#0d927f; padding:10px 30px; text-align:center; } .qna_box {position:relative;} .qna_box .qna_q {font-size:1.8rem;line-height:1.8;font-weight:500; display:inline-block;color:#fff; background:#0d927f; margin:25px 0 0 0; padding:10px 30px;;} .qna_box .qna_a {font-size:1.5rem;line-height:1.8;font-weight:400;color:#555; width:100%; background:#fff; padding:20px 30px;} .qna_box .qna_a:after { content:""; display:block; height:0; clear:both; float:none;} .enter {position:relative; width:70%; margin:auto;} .enter ul { width:100%;} .enter ul li {background:#0e5d4f; color:#fff; font-size: 16px; text-align:center; line-height:1.6; padding:17px; border-radius:30px; margin:0 0 10px 0} .enter ul li:after {content:'';display:block;width:32px;height:32px; margin:20px auto 0 auto; background:url(/kor/img/cont/list_arrow.png) no-repeat 0 bottom;} .enter ul li:last-child:after {display:none;} .enter ul li div.tit {color:#ff790c; font-size: 22px; font-weight:bold; } @media (max-width:768px){ .enter {position:relative; width:100%; margin:auto;} .enter ul { width:100%;} } @media (max-width:414px){ .enter {position:relative; width:100%; margin:auto;} .enter ul { width:100%;} .enter ul li {font-size: 14px; line-height:1.6; padding:15px; border-radius:20px; margin:0 0 10px 0} .enter ul li:after {content:'';display:block;width:32px;height:32px; margin:20px auto 0 auto; background:url(/kor/img/cont/list_arrow.png) no-repeat 0 bottom;} .enter ul li div.tit {color:#ff790c; font-size: 18px; } } /* 상영시간표 */ .grade_info {padding:30px 10px 30px} .tbl_grade_info {width:100%;border:1px solid #e0e0e0;} .tbl_grade_info > thead > tr > th {border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:#f5f5f5;font-weight:500} .tbl_grade_info > thead > tr > th, .tbl_grade_info > tbody > tr > td {padding:10px 10px} .tbl_grade_info > tbody > tr > td {border-right:1px solid #e0e0e0;padding-left:20px;} .tbl_grade_info > tbody > tr > td p {font-size:15px;line-height:150%;color:#666;} .tbl_grade_info > tbody > tr > td .txt-helper {font-size:13px;} @media (max-width:768px) { .tbl_grade_info > thead > tr > th {display:none} .tbl_grade_info > tbody > tr > td {display:block;width:100%;border-top:1px solid #e0e0e0;padding:15px} } .info_txtbox {display:block;border:1px solid #e0e0e0;padding:30px;margin:20px 0} .info_txtbox_black {display:block;border:1px solid #e0e0e0;padding:30px;margin:20px 0;color:#fff;background:#232323} .cont_theater .info_txtbox {margin:20px 0 50px} .list_secondary li {position:relative;text-align:left;font-size:17px;line-height:160%;font-weight:400;padding-left:20px;margin:10px 0} .list_secondary li:first-child {margin:0} .list_secondary li:before {content:'';display:inline-block;width:10px;height:10px;position:absolute;top:8px;left:0;background:#fff;border:2px solid #005b4c; border-radius:50px;-webkit-border-radius:50px;} .list_secondary li.festhome {color:#f15122 !important} .list_secondary li.festhome:before {border:2px solid #f15122;} .list_secondary li.txt-secondary:before {border:2px solid #f32240;} .list_secondary li ul {margin: 10px 0 20px 0; } .list_secondary li ul li {padding-left:10px;margin:5px 0} .list_secondary li ul li:before {content:'';display:inline-block;width:5px;height:5px;position:absolute;top:12px;left:0; background:#fff;border:1px solid #005b4c; border-radius:50px;-webkit-border-radius:50px;} @media (max-width:768px){ .cont_platform .list_secondary li {font-size:14px;margin:10px 0;padding-left:15px;} .cont_platform .list_secondary li:before {width:8px;height:8px;} } .tit_sec {display:block;color:#333;font-size:24px;line-height:1.5;font-weight:bold;letter-spacing:-1px;padding:15px 0} /* tbl_basic */ .tbl_basic {width:100%; border-collapse:collapse;background:#fff;border-top:1px solid #EFEFEF;border-bottom:1px solid #939393 !important; border-left:1px solid #EFEFEF;text-indent:0;font-weight:normal; line-height:160%;} .tbl_basic>thead>tr>th, .tbl_basic>tbody>tr>th {background:#F7F7F7} .tbl_basic>thead>tr>th, .tbl_basic>thead>tr>td, .tbl_basic>tbody>tr>th, .tbl_basic>tbody>tr>td {line-height:160%;padding:10px 17px; border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;vertical-align:middle;} .tbl_basic>thead>tr>th, .tbl_basic>tbody>tr>th {color:#333; font-weight:500;font-size:16px;text-align:center;} .tbl_basic>tbody>tr>td {color:#222; font-weight:400;font-size:16px;text-align:center;} .tbl_basic>tbody>tr>td.tleft {text-align:left;} .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:400} .tbl_basic>tbody>tr>td a:hover {color:#444} .tbl_basic>tbody>tr>td ul.list_basic_s > li {font-size:15px;padding:3px 0 3px 17px} .tbl_basic2 {width:100%; border-collapse:collapse;background:#fff;border-top:1px solid #EFEFEF;border-bottom:1px solid #939393 !important; border-left:1px solid #EFEFEF;text-indent:0;font-weight:normal; line-height:160%;} .tbl_basic2>thead>tr>th, .tbl_basic>tbody>tr>th {background:#F7F7F7} .tbl_basic2>thead>tr>th, .tbl_basic2>thead>tr>td, .tbl_basic2>tbody>tr>th, .tbl_basic2>tbody>tr>td {line-height:160%;padding:10px 10px; border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;vertical-align:middle;} .tbl_basic2>thead>tr>th, .tbl_basic2>tbody>tr>th {color:#005b4c; font-weight:500;font-size:15px;text-align:center;} .tbl_basic2>tbody>tr>td {color:#222; font-weight:400;font-size:15px;text-align:center;} .tbl_basic2>tbody>tr>td.tleft {text-align:left;} .tbl_basic2>tbody>tr>td , .tbl_basic2>tbody>tr>td strong, .tbl_basic2>tbody>tr>td a {font-size:15px;} .tbl_basic2>tbody>tr>td strong {font-weight:500} .tbl_basic2>tbody>tr>td a {text-decoration:underline;font-weight:400} .tbl_basic2>tbody>tr>td a:hover {color:#444} .tbl_basic2>tbody>tr>td ul.list_basic_s > li {font-size:15px;padding:3px 0 3px 17px} .tbl_cartime {width:180%; border-collapse:collapse;background:#fff;border-top:1px solid #EFEFEF;border-bottom:1px solid #939393 !important; border-left:1px solid #EFEFEF;text-indent:0;font-weight:normal; line-height:160%;} .tbl_cartime>thead>tr>th, .tbl_cartime>tbody>tr>th {background:#F7F7F7} .tbl_cartime>thead>tr>th, .tbl_cartime>thead>tr>td, .tbl_cartime>tbody>tr>th, .tbl_cartime>tbody>tr>td {line-height:160%;padding:10px 5px; border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;vertical-align:middle;} .tbl_cartime>thead>tr>th, .tbl_cartime>tbody>tr>th {color:#005b4c; font-weight:500;font-size:14px;text-align:center;} .tbl_cartime>tbody>tr>td {color:#222; font-weight:400;font-size:14px;text-align:center;} .tbl_schedule {width:80%;margin:0 auto; background-color:#f9f9f9} .tbl_schedule.wid100 {width:100% !important} .tbl_schedule tr {margin:5px 0;} .tbl_schedule tr th, .tbl_schedule tr td {text-align:center;font-size:16px;line-height:160%} .tbl_schedule tr td img {vertical-align:top} .tbl_schedule > thead > tr > th, .tbl_schedule > tbody > tr > th, .tbl_schedule > tfoot > tr > th, .tbl_schedule > thead > tr > td, .tbl_schedule > tbody > tr > td, .tbl_schedule > tfoot > tr > td { border-top:3px solid #f5f5f5; padding:12px 0; border-right:1px solid #EFEFEF; } .tbl_schedule > tbody > tr > td:last-child {border-right:none} .tbl_schedule .section_film_tit {font-size:18px;background:#fff;text-align:left !important; padding-left:15px;padding-right:15px} .tbl_schedule .section_film_tit a {color:#222 !important;text-align:left;font-weight:400 !important;padding-left:15px} .tbl_schedule > thead > tr > th {background:#666;color:#fff;border:none;font-weight:500} .tbl_schedule > tbody > tr > td:first-child {color:#18695b;font-weight:bold;} .tbl_schedule > tbody > tr > td.film_tit {text-align:left; padding-left:15px;padding-right:15px;} /* Á¦¸ñ */ .tbl_schedule > tbody > tr > td.code {font-size:15px} .tbl_schedule > tbody > tr > td span.icon_SGO {display:inline-block;font-size:13px;text-transform:uppercase;color:#fff;font-family:'Lato', sans-serif !important;letter-spacing:0 !important;font-weight:bold} .tbl_schedule > tbody > tr > td span.icon_SGO:after {float:right;content:'';display:inline-block;width:16px;height:16px;background:url(/kor/img/cmm/ico_get_ticket.png) no-repeat center bottom;margin: 3px 0 0 8px; position: absolute;} .tbl_schedule colgroup {} .tbl_schedule colgroup col {width:8%; } .tbl_schedule colgroup col:nth-child(1) {width:10%;} .tbl_schedule colgroup col:nth-child(2) {width:38%;} .tbl_schedule colgroup col:nth-child(3) {width:15%;} .tbl_schedule colgroup col:nth-child(4) {width:8%;} /* */ @media (max-width:1024px) { .tbl_schedule {width:80%} } @media (max-width:768px) { .tbl_schedule {width:100%;margin-top:10px;} .tbl_schedule > thead > tr > th {display:none} .tbl_schedule > tbody > tr {border-bottom:10px solid #f5f5f5} .tbl_schedule > tbody > tr > td {display:block;width:100%;border-top:none;padding:3px 0;font-size:15px;} .tbl_schedule > tbody > tr > td:first-child {padding-top:15px;} .tbl_schedule > tbody > tr > td:last-child {padding-bottom:15px;} .tbl_schedule > tbody > tr > td.film_tit {text-align:center;font-size:17px;} /* Á¦¸ñ */ .tbl_schedule colgroup col {width:100%;} .tbl_schedule th, .tbl_schedule td {display:block} .tbl_schedule colgroup col:nth-child(1) {width:100%;} .tbl_schedule colgroup col:nth-child(2) {width:100%;} .tbl_schedule colgroup col:nth-child(3) {width:100%;} } } .tbl_time {width: 70%; border-collapse: collapse; border:1px solid #999;} .tbl_time>tbody>tr>td {text-align: center; padding: 5px 0; border-right: 1px solid #999;} /* 셀렉트박스 Select custom */ .select-hidden {display: none;visibility: hidden;padding-right: 10px;} .select-custom .select {cursor:pointer;display:inline-block;position:relative;font-size:16px;color:#444;height:40px;min-width:100px} .select-custom .select-styled {position:absolute;top:0;right:0;bottom: 0;left:0;background-color:#fff;padding: 8px 15px;border:1px solid #e0e0e0;- -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; } .select-custom .select-styled:after {content: "";width:0;height:0;border:7px solid transparent;border-color:#fff transparent transparent transparent;position:absolute;top:16px;right:10px;} .select-custom .select-styled:hover {background-color:#444;color:#fff} .select-custom .select-styled:active, .select-custom .select-styled.active {background-color:#444;color:#fff} .select-custom .select-styled:after {content: "";width:0;height:0;border:7px solid transparent;border-color:#888 transparent transparent transparent;position:absolute;top:9px;right:12px;} .select-custom .select-styled:active:after, .select-styled.active:after {top:9px;border-color: transparent transparent #888 transparent;} .select-custom .select-list {display:none;position:absolute;top:100%;right:0;left:0;z-index:999;margin:0;padding:0; list-style:none;background-color:#fff;border:1px solid #e0e0e0} .select-custom .select-list li {margin:0;padding:12px 0;text-indent: 15px;border-top:1px 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;} .select-custom .select-list li:hover {color:#444;background:#f5f5f5;} .select-custom .select-list li[rel="hide"] {display:none;} /* Archive Search */ .arc_search .search_box {position:relative;width:100%; padding:40px 0 30px;} .arc_search .search_box .search_box_inner {width:900px;margin:0 auto;} @media (max-width:1024px) { .arc_search .search_box .search_box_inner {width:90%} } @media (max-width:768px) { .arc_search .search_box .search_box_inner {width:100%} .arc_search .search_box {padding:0 10px 10px 10px;margin-top:20px;border:none;background:#fff} .nopadding_m {padding:0 !important} } .search_box .select_year, .search_box .wrap_inp_arc_search {border:4px solid #3c8075;border-radius:0 10px 0 0} .search_box .select_year {padding:0} .search_box .select_year .select {width:100%} .search_box .wrap_inp_arc_search {position:relative;background:#fff;} .search_box .wrap_inp_arc_search:before, .search_box .wrap_inp_arc_search:after {display:block;content:'';clear:both } .search_box .wrap_inp_arc_search .select, .search_box .wrap_inp_arc_search .inp_arc_search, .search_box .wrap_inp_arc_search .btn_arc_search {float:left;} .search_box .wrap_inp_arc_search .inp_arc_search {height:50px;line-height:50px;font-size:16px;padding:5px 10px;border-width:0} .search_box .wrap_inp_arc_search .btn_arc_search {display:inline-block;float:right;font-size:0;text-indent:-9999px;background:url(/kor/img/cont/ico_arc_search.png) no-repeat center center;width:50px;height:50px} .select-custom.select-arc .select {font-size:16px;color:#3c8075;height:50px;display:block;} .select-custom.select-arc .select-styled {background-color:#fff;padding:0px 15px;border:0px solid #e0e0e0;line-height:50px;border-radius:0 4px 0 0} .select-custom.select-arc .select-styled:hover {background-color:#fff;color:#3c8075} .select-custom.select-arc .select-styled:active, .select-styled.active {color:#3c8075} .select-custom.select-arc .select-list {background-color:#fff;border:1px solid #e0e0e0} .select-custom.select-arc .select-list li {border-top:1px solid #e0e0e0;} .select-custom.select-arc .select-list li:hover {color:#fff;background:#3c8075;} .select-custom.select-arc .select-styled:after {content: "";width:0;height:0;border:7px solid transparent;border-color:#3c8075 transparent transparent transparent;position:absolute;top:23px;right:12px;} .select-custom.select-arc .select-styled:active:after, .select-custom.select-arc .select-styled.active:after {top:14px;border-color: transparent transparent #3c8075 transparent;} /* datail input */ .search_box .form_lbl {line-height:40px;padding-right:0} .search_box label.form_tit {display: flex; padding: 12px 20px; align-items: center; border-radius: 4px; border: 1px solid #EFEFEF; background: #333;color: #FFF; font-size: 17px; font-style: normal; font-weight: 600; line-height: 18px; /* 90% */ letter-spacing: -0.8px;} .search_box .form_group_wrap {margin-bottom:10px} .search_box .form_group {border:1px solid #e0e0e0;border-radius:0px;background-color:#fff;box-shadow:none;} .search_box .form_group:hover {border:1px solid #ddd;background-color:fff;} .search_box .form_group.on {border-color:#7457c7;box-shadow:0 0 6px rgba(91,66,163,0.3)} .search_box .form_group .form_txt input {background-color:#fff} .search_box .form_group .form_txt input[type='text'], .search_box .form_group .form_txt input[type='password'], .search_box .form_group .form_txt input[type='tel'] {padding:5px 10px;} .search_box .form_group .form_txt input {height:40px;font-size:16px;border:none;} .search_box .search_detail {padding:30px 0;} .search_box .search_tit {display: flex; padding: 12px 20px; align-items: center; border-radius: 4px; border: 1px solid #EFEFEF; background: #333;color: #FFF; font-size: 17px; font-style: normal; font-weight: 600; line-height: 18px; /* 90% */ letter-spacing: -0.8px;justify-content: center;} .search_detail .search_detail_txtbox {text-align:center;padding-bottom:20px;margin-bottom:40px;border-bottom:1px solid #e0e0e0} .search_detail .search_detail_txtbox p {display:block;color:#888;font-size:17px;font-weight:300} .search_detail .search_detail_txtbox p:before {content:'';display:inline-block;width:20px;height:20px;background:url(/kor/img/cmm/ico_talk.png) no-repeat center center;margin-right:10px;vertical-align:middle} .dropdown-toggle {display: block;width: 100%;width:100%;padding: 1rem 1.2rem;text-align:left;font-size:1.6rem; line-height: 2.2rem; border: 1px solid #33333320; border-radius: 0.4rem;background:#fff;color:#aaa; background-image: url("/kor/img/cmm/chevron-down.png");background-repeat: no-repeat;background-position: right 1rem center;background-size: 18px; -webkit-appearance: none;-moz-appearance: none;appearance: none;} .dropdown-menu {max-height:240px;overflow-x:hidden; color:#ffffffaa} .dropdown-menu:after {/*content:'';position:sticky;left:0;bottom:-2rem;width:100%;height:3rem;background: -webkit-linear-gradient(-90deg, rgba(37, 37, 37, 0), rgba(37, 37, 37, 1));display: block*/} .tbl_search_tab2 th {font-weight:bold;text-align:center} .tbl_search_tab2 td {text-align:left;} .tbl_search_tab2 td a {line-height:34px;margin:8px 10px 8px 0;padding:0px 25px;border:1px solid #f1f1f1;background:#f4f4f4;border-radius:50px; -webkit-border-radius:50px;display:inline-block;} .tbl_search_tab2 td a:hover {background:#fff} .tbl_sch_tab {border:1px solid #f1f1f1;} .tbl_sch_tab table tr th {border-right:1px solid #f1f1f1;padding:10px} .tbl_sch_tab table tr td {padding:10px} .sch_tab_list2 {text-align:left} .sch_tab_list2 li {margin:2px 0} .sch_tab_list2 li:hover {background:#fff;} .sch_tab_list2 li a{line-height:32px;width:35px;height:35px;display:inline-block;text-align:center;border:1px solid #f1f1f1;background:#f4f4f4;border-radius:50%; -webkit-border-radius:50%;} .sch_tab_list2 li a:hover {background:#fff} /* 온라인 상영관 */ .online_li {position:relative;padding:20px; background:#fff; border:solid 1px #dddddd; vertical-align:middle; margin-bottom:10px;} .online_info {line-height:36px;} .btn_play_wecandeo { float:right;} .onlykorea { float:right; display:inline-block; padding:0 10px;} /* 출품 */ .submit {} .sec_tit {position:relative;font-size:28px;line-height:50px;font-weight:bold;color:#222;padding-left:35px;} .sec_tit:before {content:'';position:absolute;top:25px;left:0;width:25px;height:3px;background:#222} @media (max-width: 768px) { .sec_tit {font-size:20px;padding-left:0;text-align:center;} .sec_tit:before {content:none;} } .submit .tbl_tit {display:inline-block;font-size:24px;font-weight:bold;color:#888;line-height:30px;letter-spacing:-1px;padding-bottom:20px} .submit .tbl_list_basic address {margin-bottom:0} .submit .tbl_list_basic address p {padding:5px 0} .submit .tbl_list_basic address p span {font-family: 'Roboto Condensed', sans-serif;font-weight:700;font-size:16px;margin-right:8px} /* 출품 테이블 */ .submit .tbl_list_basic {position:relative;border:1px solid #ddd;border-top-width:2px;border-top-color:#888;} .submit .tbl_list_basic .tbl_li {position:relative;display:inline-table;width:100%;background:#fff} .submit .tbl_list_basic .tbl_li .tbl_hd, .submit .tbl_list_basic .tbl_li .tbl_bd {display:table-cell;padding:30px;vertical-align:middle;border-bottom:1px solid #ddd;} .submit .tbl_list_basic .tbl_li .tbl_hd {width:20%;text-align:center;border-right:1px solid #ddd;font-size:16px;font-weight:500;letter-spacing:-0.5px;color:#222;background:#f5f5f5} .submit .tbl_list_basic .tbl_li .tbl_bd {width:80%;color:#444} .submit .tbl_list_basic .tbl_li2 .tbl_hd, .submit .tbl_list_basic .tbl_li2 .tbl_bd {display:block !important;width:100%;padding:9px 12px} .submit .tbl_list_basic .tbl_li2 .tbl_hd {width:100%;text-align:center; font-size:16px;font-weight:500;letter-spacing:-0.5px;color:#222;background:#eee; } .submit .tbl_list_basic .tbl_li2 .tbl_bd {width:100%;color:#444} .submit .col-md-6 .tbl_li .tbl_hd {width:40%;} .submit .col-md-6 .tbl_li .tbl_bd {width:60%} .submit .tbl_list_basic .tbl_list_box {padding:15px 25px;} .submit .tbl_list_basic.tbl_list_form .tbl_hd{text-align:center} .submit .tbl_list_basic.tbl_list_form .tbl_hd, .submit .tbl_list_basic.tbl_list_form .tbl_bd {padding:15px 15px} .submit .tbl_list_basic.tbl_list_form .tbl_bd .list_info {margin:10px 0} .submit .tbl_list_basic.tbl_list_form .tbl_bd .list_info li {font-size:14px;line-height:20px} .submit_form textarea {border:1px solid #e0e0e0} .submit_form label {font-weight:500} .submit_form .inputTxt {height:34px;} .submit_form .inputTxt {border:1px solid #e0e0e0; padding-left:10px;} .submit_form .inputTxt:focus {box-shadow:none !important;-webkit-box-shadow:none !important;border:1px solid #db444a !important} .submit_form .chk_member {margin-right:15px;} .tbl_list_basic2{width:100%; margin:0 auto;} .tbl_list_basic2 > table{width:100%;border:1px solid #e0e0e0;border-top-width:3px;border-top-color:#888;} .tbl_list_basic2 th {font-weight:bold;background:#fafafa} .tbl_list_basic2 td{font-weight:normal;background:#fff;} .tbl_list_basic2 th, .tbl_list_basic2 td {padding:10px 10px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;text-align:center;font-size:16px;color:#333} .tbl_list_basic2 .txt-left th, .tbl_list_basic2 .txt-left td {text-align:left !important} .support_info_box {position:relative;display:block;border:1px solid #5bcbf0;background:#f3fcff;padding:25px 20px;} .support_info_box .tit {font-size:22px;font-weight;:old;color:#26b4e3;letter-spacing:-1px;} .support_info_box p {color:#111} .btn.btn_del2 {border:1px solid #333;background:#555;color:#fff} .btn.btn_del2:hover, .btn.btn_del2:focus{background:#333} .btn.btn_add2 {border:1px solid #d31213;background:#d81e1f;color:#fff} .btn.btn_add2:hover, .btn.btn_add2:focus {background:#cb0a0b} @media (max-width: 768px) { .submit .tbl_list_basic .tbl_li .tbl_bd, .submit .tbl_list_basic .tbl_li .tbl_hd {display:block;width:100%;padding:9px 12px} .submit .tbl_list_basic .tbl_list_box {padding:12px;} .submit .tbl_list_basic .tbl_bd .list_info li, .submit .tbl_list_basic .tbl_list_box .list_info li {font-size:13px;letter-spacing:-0.5px;color:#666} .submit_form .inputTxt {} } .umtree_gr {margin:5px 0 7px} .umtree_gr .umtree_gr_tit {font-size: 16px; font-weight: 700; margin-bottom:3px;} .umtree_gr ul li {margin-bottom:3px} .list_secondary li {position:relative;text-align:left;font-size:17px;line-height:160%;font-weight:400;padding-left:20px;margin:10px 0} .list_secondary li:first-child {margin:0} .list_secondary li:before {content:'';display:inline-block;width:10px;height:10px;position:absolute;top:8px;left:0;background:#fff;border:2px solid var(--txt-primary); border-radius:50px;-webkit-border-radius:50px;} .list_secondary li.festhome {color:#f15122 !important} .list_secondary li.festhome:before {border:2px solid #f15122;} .list_secondary li.txt-secondary:before {border:2px solid #f32240;} .list_secondary li ul {margin: 10px 0 20px 0; } .list_secondary li ul li {padding-left:10px;margin:5px 0} .list_secondary li ul li:before {content:'';display:inline-block;width:5px;height:5px;position:absolute;top:12px;left:0; background:#fff;border:1px solid var(--txt-primary); border-radius:50px;-webkit-border-radius:50px;} .list_secondary li ul.award li {width: 40%;} .list_secondary li ul.award li span {float: right;} @media (max-width:1200px){ .list_secondary li ul.award li {width: 100%;} } @media (max-width:768px){ .cont_platform .list_secondary li {font-size:14px;margin:10px 0;padding-left:15px;} .cont_platform .list_secondary li:before {width:8px;height:8px;} } /* eco history */ .eco_year_box{font-weight:bold;margin:10px 0;text-align:center;border: 1px solid rgba(0,0,0,0.1);padding: 5px 0;} .eco_arrow{display: flex;justify-content: center;align-items: center;} .eco_box div{float:left;width:20%;padding-right:15px;} @media (max-width:768px){ .eco_arrow img{transform: rotate(90deg);} .eco_box div{width:100%;padding-right:0;} } /* checkbox, radio button */ .chk_red, .radio_red { position:relative; display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 24px; height: 24px; background: url(/kor/img/icons/ico_form_red.png) no-repeat; border: none; cursor: pointer; } .chk_red .member_chk {width:100%;height:100%} .chk_red {background-position: 0 0;} .chk_red:hover {background-position: -26px 0;} .chk_red.checked {background-position: -52px 0;} .chk_red.disabled {background-position: -78px 0;cursor:default;} .chk_red.checked.disabled {background-position: -104px 0;} .radio_red {background-position:-130px 0;} .radio_red.hover {background-position:-156px 0;} .radio_red.checked {background-position:-182px 0;} .radio_red.disabled {background-position:-208px 0;cursor:default;} .radio_red.checked.disabled {background-position: -234px 0;} span.icon_SG { display:inline-block; line-height:22px; width:24px; height:24px; font-size:13px; text-align:center; color:#fff; border-radius:50%; background:#74c819;} span.icon_S12 { display:inline-block; line-height:22px; width:24px; height:24px; font-size:13px; text-align:center; color:#fff; border-radius:50%; background:#ef5a1f;} span.icon_S15 { display:inline-block; line-height:22px; width:24px; height:24px; font-size:13px; text-align:center; color:#fff; border-radius:50%; background:#298eff;} span.icon_S18 { display:inline-block; line-height:22px; width:24px; height:24px; font-size:13px; text-align:center; color:#fff; border-radius:50%; background:#ef1f1f;} span.icon_SE { display:inline-block; line-height:22px; width:24px; height:24px; font-size:13px; text-align:center; color:#fff; border-radius:50%; background:#2b67c9;} span.icon_SNE { display:inline-block; line-height:22px; width:24px; height:24px; font-size:13px; text-align:center; color:#fff; border-radius:50%; background:#09c1e3;} span.icon_SQA { display:inline-block; line-height:22px; width:24px; height:24px; font-size:13px; text-align:center; color:#fff; border-radius:50%; background:#9e33e2;} span.icon_SMJ { display:inline-block; line-height:22px; width:24px; height:24px; font-size:13px; text-align:center; color:#fff; border-radius:50%; background:#000; font-size:15px;} span.icon_SGO { display:inline-block; line-height:22px; width:24px; height:24px; font-size:13px; text-align:center; color:#fff; border-radius:50%; background:#919088;} /* 영화 정보 */ .film { } .film .filmtop {position:relative;background-color:#000;height:550px;overflow:hidden;} .film .filmtop .filmtop_visual {position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat: no-repeat;background-size: cover;opacity: 0.7} .filmtop:before {content:'';display:inline-block;width:15%;height:150px;position:absolute;bottom:-135px;left:-50px;background:var(--bg-primary); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transfrom: rotate(8deg); -webkit-transform: rotate(8deg); transform: rotate(8deg); } .filmtop:after {content:'';display:inline-block;width:22%;height:150px;position:absolute;bottom:-125px;right:-50px;background:var(--bg-primary); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transfrom: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .film .filmtop .premiere {display: inline-block; flex-direction: column; justify-content: center; align-items: center; padding: 2px 8px; position: static; top: 0px; background: rgba(35, 35, 35, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 6px; color:#fff;} .film .filmtop .tit_main {font-size:3.6rem;line-height:1.3;font-weight:bold;letter-spacing:-1.5px;padding-top:0.1em;padding-bottom:0.3em} .film .filmtop .filmtop_info_wrap {position: absolute; width:100%; height:100%;} .film .filmtop .filmtop_info {position:absolute;top:0;left:0;padding:3rem 0} .film .filmtop .filmtop_info .cinema_title_kor { font-weight:700; font-size:3rem; color:#fff; font-family: 'Cafe24Ohsquare';} .film .filmtop .filmtop_info .cinema_title_eng { font-weight:700; font-size:2rem; color:#fff; font-family: 'Cafe24Ohsquare';} .film .filmtop .film_basic_info {position:absolute;bottom:0;left:0;padding:3rem 0} .film .filmtop .filminfo_list {display: flex;justify-content: flex-start;align-items: center;margin-left:-0.8em;margin-right:-0.8em} .film .filmtop .filminfo_list li {position:relative;padding-left:0.8em;padding-right:0.8em;font-size:1.4rem;display:block;color:#fff;font-weight:600} .film .filmtop .filminfo_list li:not(:last-child):after {content:'';display:inline-block;width:1px;height:0.7em;background:#fff;position:absolute;top:6px;right:0;opacity: .6} .filmtop .btn_play_trailer_wrap { position: absolute; left: 50%; top: 50%; margin-top: -53px; margin-left: -57px;z-index:1;} .film .filmtop .filmtop_info .btn_play {margin-top:2rem} .btn > .icon {margin-right:0.3em} .icon-play {display:inline-block;width:18px;height:15px;background:url(/kor/img/cmm/ico_play.svg) no-repeat center center;} .film .film_sec {padding-bottom:6rem; background:transparent} .film .film_sec.film_sec_box { background:#fff; border: 1px solid #E0E0E0; box-sizing: border-box; border-radius: 10px; position:relative; z-index:100;} .film .tit_filmv { font-size:2.4rem;font-weight:600;color:#333;margin-bottom:0.6em;text-transform: uppercase} /* Film View 타이틀 */ .film .filmdetail {background:#fff;padding:4em 0;position:relative;} .film .filmdetail .film_synopsis .desc {font-weight:500; line-height:3.2rem; font-size:1.8rem;} .film .filmdetail .film_pgnt .desc { padding:2.4rem 3.2rem; border:1px solid #e0e0e0; font-weight:400; line-height:3.2rem; font-size:1.6rem; border-radius:2rem;} /*

Schedule