/* youtube */ .youtubeWrap { position: relative; width: 100%; padding-bottom: 56.25%; } .youtubeWrap iframe { position: absolute; width: 100%; height: 100%; } .embed-responsive {position: relative;display: block; height: 0;padding: 0;overflow: hidden;} .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;} .embed-responsive-16by9 {padding-bottom: 56.25%;} .embed-responsive-4by3 {padding-bottom: 75%;} .desc {font-size:16px;line-height:1.7;color:#444;letter-spacing:-0.5px;} .tit-sec {font-size:38px;letter-spacing:-1.5px;color:#644092;margin-bottom:35px} a.purple, a.purple i{ color:#4d3494 !important; font-weight:600 !important;} /* sub navigation */ .sub_visual {position:relative;padding:50px 0 60px 0;background:url(/kor/img/cmm/sub_visual_bg4.jpg) no-repeat 0 0 #f5f5f5;background-size:100% 100%;} .sub_visual .sub_visual_inner {padding-left:70px;padding-right:70px;} .sub_visual .sub_tit {font-size:34px;line-height:44px;font-weight:600;color:#fff;letter-spacing:-1px;text-align:center} .snb ul {margin-top:50px;} .snb ul:before, .snb ul:after {clear:both;content:'';display:block} .snb ul li {position:relative;width:25%;padding:0;border-bottom:1px solid rgba(255,255,255,.5);border-left:1px solid rgba(255,255,255,.5);float:left;border-top:1px solid rgba(255,255,255,.5)} .snb ul li:nth-child(4), .snb ul li:nth-child(8), .snb ul li:nth-child(12), .snb ul li:last-child {border-right:1px solid rgba(255,255,255,.5)} .snb ul li a {display:block;font-size:16px;line-height:55px;color:#fff;padding:0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(77,119,186,.8)} .snb ul li a:hover, .snb ul li.current a {/*background:url(/img/cmm/ico_snb_on.png) no-repeat 85% 50% #fff;*/background:#fff;color:#111;font-weight:bold;} .list_mark {position:absolute; right:15px; top:24px;display:block; width:7px; height:7px; font-size:1%; line-height:1%;border-radius:50%;-webkit-border-radius:50%;} .list_mark.emerald_dot {background:#56ccc8;} .list_mark.yellow_dot {background:#fab520;} @media only all and (max-width:1024px) { .sub_visual {padding:50px 0 0 0;background-size:100% 100%} .sub_visual .sub_visual_inner {padding-left:0;padding-right:0} .sub_visual .sub_tit {padding-bottom:50px;} .snb {position:relative;height:50px;overflow:hidden;background:#fff;border-bottom:1px solid #ddd;} .snb:before, .snb:after {position:absolute;z-index:1;display:block;width:24px;height:50px;content:''; -webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%} .snb:before{top:0;left:0;background:url(/kor/img/cmm/bg_gr_tab.png) no-repeat;display:none} .snb:after{top:0;right:0;background:url(/kor/img/cmm/bg_gr_tab2.png) no-repeat;} .snb nav {position:relative;overflow-x:scroll;height:50px;-webkit-overflow-scrolling:touch} .snb ul {margin-top:0;display:table;white-space:nowrap} .snb ul li {display:table-cell;width:auto;white-space:nowrap;float:none} .snb ul li a {line-height:50px;color:#888;background:#fff} .snb ul li.current {position:relative;} .snb ul li.current a:after {position:absolute;bottom:0;left:0;width:100%;height:3px;background:#4d3494;content:'';} .snb ul li a:hover, .snb ul li.current a {background:none;color:#4d3494;} .snb ul, .snb ul li {border:none !important} } @media only all and (max-width:768px) { .sub_visual {padding:30px 0 0 0} .sub_visual .sub_tit {font-size:28px;padding-bottom:30px} .snb ul li a {font-size:15px;padding:0 13px;letter-spacing:-1px;} } /* sub navigation */ #snb {text-align:center;padding:50px 0;border-top:1px solid #6b4895} #snb .snb_tit {position:relative;margin:0 auto;} #snb .snb_tit h2 {font-size:20px;letter-spacing:-1px;font-weight:500;color:#ab92d9} #snb .snb_tit .wrap_snb_2depth {position:relative;} #snb .snb_tit .wrap_snb_2depth h3 a {margin-top:0} #snb .snb_tit .wrap_snb_2depth a {display:inline-block;color:#fff;font-size:32px;font-weight:500;line-height:1.6;/* margin-top:10px; */letter-spacing:-1.3px; background:url(/kor/img/cmm/page_arrow_down.png) no-repeat center right;padding-right:40px;} #snb .snb_tit .wrap_snb_2depth a:hover {text-decoration:underline} #snb .snb_tit .wrap_snb_2depth > a {min-width:300px; padding:20px 0; } #snb .snb_tit .wrap_snb_2depth .snb_2depth_list {position:absolute;top:80px;left:0;right:0;width:250px;max-height:450px; margin:0 auto; display:none; background:#fff;border:1px solid #ab92d9;box-shadow:2px 2px 16px rgba(117,46,138,.2);z-index:99;padding:20px 0} #snb .snb_tit .wrap_snb_2depth .snb_2depth_list li { /*border-bottom:1px solid #5f4296;*/ } #snb .snb_tit .wrap_snb_2depth .snb_2depth_list li a {display:block;font-size:16px;line-height:1.5;padding:10px;word-break:keep-all;font-weight:300;color:#4d3494;background:none;letter-spacing:-0.5px} #snb .snb_tit .wrap_snb_2depth .snb_2depth_list li a:hover {color:#fff;background:#4d3494;text-decoration:none;} #snb .snb_tit .wrap_snb_2depth .snb_2depth_list li:first-child a {/* padding-top:0; */margin-top:0} #snb .btn_page_arrow {display:inline-block;font-size:15px;line-height:50px;color:#fff;height:50px;opacity:.7;} #snb .btn_page_arrow.btn_page_prev {position:absolute;top:0;left:0;bottom:0;padding-left:105px;margin:auto auto; background:url(/kor/img/cmm/page_arrow_prev.png) no-repeat center left} #snb .btn_page_arrow.btn_page_next {position:absolute;top:0;right:0;bottom:0;padding-right:105px;margin:auto auto; background:url(/kor/img/cmm/page_arrow_next.png) no-repeat center right} .mCSB_container {padding:0 15px} .mCSB_inside>.mCSB_container {margin-right:0px !important} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#ab92d9 !important} .mCSB_scrollTools .mCSB_draggerRail {background-color:#e0e0e0 !important} @media only all and (max-width:1024px) { #snb {padding-left:20px;padding-right:20px} } @media only all and (max-width:768px) { #snb {padding:20px 15px} #snb .snb_tit .wrap_snb_2depth a {font-size:18px;padding-right:20px;background-size:12px} #snb .btn_page_arrow {display:none;} #snb .snb_tit .wrap_snb_2depth .snb_2depth_list {top:50px} } @media only all and (max-width:414px) { #snb .snb_tit .wrap_snb_2depth .snb_2depth_list {200px} #snb .snb_tit .wrap_snb_2depth .snb_2depth_list li a {font-size:15px;margin-top:4px} } .cont_sub {padding-top:60px;padding-bottom:60px;background:#ffffff} /* 3차메뉴 탭 */ .tab_basic {margin-bottom:60px} .tab_basic ul:before, .tab_basic ul:after {content:'';display:block;clear:both} .tab_basic ul li {float:left;margin-left:10px;margin-right:10px;margin-bottom:6px;} .tab_basic ul li a {display:block;padding:8px 20px 9px;font-size:17px;line-height:1.5;font-weight:500;letter-spacing:-1px;color:#9185ae; border:2px solid #eae1fd;} .tab_basic ul li.on {margin-right:20px} .tab_basic ul li.on a {border:2px solid #4f3584;color:#4f3584} #cont {position:relative;} .cont_sub {position:relative;padding-top:80px;padding-bottom:80px;} .cont_sub .sec {padding-top:50px;padding-bottom:50px;} @media only all and (max-width:1024px) { .cont_sub {padding-top:40px;padding-bottom:40px;} } @media only all and (max-width:768px) { .cont_sub {padding-top:40px;padding-bottom:40px;} } @media only all and (max-width:414px) { .cont_sub {padding-top:20px;padding-bottom:40px;} } /* sub - common text style */ .cont_sub b {font-weight:500} .cont_sub .tit_sec {display:block;color:#4d3494;font-size:30px;line-height:40px;font-weight:bold;letter-spacing:-1px;padding-bottom:15px} .cont_sub .tit_sec .tit_sec_border {border-bottom:3px solid #4d3494;} .cont_sub .tit_sec .en {display:inline-block;font-size:20px;line-height:40px;color:#999;padding-left:20px;} .cont_sub .txt_headline {font-size:22px;line-height:160%;color:#444;font-weight:bold;letter-spacing:-1px;} .cont_sub .txt_headline2 {font-size:26px;line-height:160%;color:#444;font-weight:300;letter-spacing:-1px;} .cont_sub .desc-s {font-size:15px;line-height:160%;} .cont_sub .desc, .cont_sub .desc p, .cont_sub .desc strong, .cont_sub .desc a, .cont_sub .desc span {font-size:16px;line-height:170%;color:#555;font-weight:300} .cont_sub .desc_b {font-size:18px;font-weight:500;letter-spacing:-1px;} .txt-helper {font-size:15px;line-height:150%;margin-top:10px;} @media only all and (max-width:1024px) { .cont_sub .tit_sec {font-size:24px;line-height:150%;} .cont_sub .tit_sec .en {display:none} .cont_sub .desc, .cont_sub .desc p, .cont_sub .desc strong, .cont_sub .desc a, .cont_sub .desc span {font-size:15px;letter-spacing:-0.5px;word-break:break-all;} } @media only all and (max-width:768px) { .cont_sub .tit_sec {font-size:28px;padding-bottom:10px;} .txt-helper {letter-spacing:-1px;} .cont_sub .txt_headline2 {font-size:22px;} } @media only all and (max-width:414px) { .cont_sub .desc-s {font-size:14px;} .cont_sub .tit_sec {font-size:18px;line-height:150%;padding-bottom:10px;} .cont_sub .txt_headline {font-size:18px;} .cont_sub .txt_headline2 {font-size:20px;} } /* 3차 메뉴 탭 */ /* .col2 li {width:50%;} .col3 li {width:33.33333%;} .col4 li {width:25%;} .col5 li {width:20%;} */ .tabscontents {padding-top:0;} @media (max-width:768px){ /* .tabmenu {margin-left:-5px;margin-right:-5px;} .tabmenu {position:relative;margin-left:auto;margin-right:auto} .tabmenu:before, .tabmenu:after {display:block;content:'';clear:both} .tab_basic {border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;margin-bottom:15px} .tab_basic li {padding:0px;float:left} .tab_basic li a {font-size:14px;line-height:34px;border-top:none;letter-spacing:-1px;padding:0 8px;} .tab_basic li:first-child a {border-left:none;} .tab_basic li.on {background-image:none;} .col2 li, .col3 li, .col4 li {width:50%} .tab_basic li:nth-child(1), .tab_basic li:nth-child(3), .tab_basic li:nth-child(5) {border-left:1px solid #e0e0e0 } .tabscontents {padding-top:0px} .tabmenu {margin-bottom:10px} */ .tab_basic {overflow-x:scroll;border:none;margin-bottom:0} .tab_basic ul li {float:none;white-space:nowrap;display:table-cell;margin-left:0;margin-right:10px;padding:0 5px;} .tab_basic ul li:first-child {padding-left:0} .tab_basic ul li a {display:inline-block;padding:8px 10px;font-size:15px;line-height:1.2;white-space:nowrap} } @media (max-width:414px){ /* .tab_basic {width:100%;position:relative;} .tab_basic li {position:relative;width:25%} .tab_basic li a {height:100%;font-size:14px;line-height:32px;white-space:normal;overflow:hidden;text-overflow:ellipsis;} .col2 li, .col3 li, .col4 li {width:50%} .col5 li {width:50%} */ } /* 상영시간표 탭 */ .tab_schedule {margin:0 auto;} .tab_schedule li {padding:5px 3px 10px 3px} .tab_schedule li.on {} .tab_schedule li a {display:block;font-size:15px;line-height:26px;color:#888;background:#fff;text-align:center;white-space:nowrap;padding:4px 16px;border:1px solid #e0e0e0;font-weight:300} .tab_schedule li:first-child a{border-left:1px solid #e0e0e0} .tab_schedule li:hover a, .tab_schedule li:focus a, .tab_schedule li.active a {background:#fff;color:#5e35ca;border-color:#8f64ff} @media (max-width:768px){ .tab_schedule li {padding:2px 2px} .tab_schedule li a {font-size:14px;padding:3px 8px 4px} } /* 교육사업 - history 탭 */ .tab_history {margin:0 auto;text-align:center} .tab_history li {padding:0px;margin:0;border:1px solid #e0e0e0;} .tab_history li a {display:block;padding:10px 20px;font-size:15px;line-height:15px;color:#888;font-family:'Lato', sans-serif !important;letter-spacing:0 !important} .tab_history li.on {border-color:#222;z-index:10} .tab_history li.on a {color:#222;font-weight:bold} .tab_history li:hover a {cursor:pointer;color:#222;} @media (max-width:768px){ /* 모바일에서 select 형태 */ #btnSelectTab {width:100%;display:inline-block;border:1px solid #e0e0e0;padding:8px 10px;font-size:15px;margin:30px 0} .faq_wrap .tabmenu, .education .tabmenu {width:50%;} .tab_history {display:none;position:} .tab_history.on {display:block;position:absolute;top:0;left:0;z-index:10} .tab_history li {width:100%;margin-top:-1px;background:#fff} .tab_history li:first-child {margin-top:0;z-index:10;margin-bottom:1px} .tab_history li a {float:none;font-size:14px;line-height:22px;padding:8px 10px;background:#fff} .tab_history li.on {} } /* 날짜,요일 형식 탭 */ .tab_date {margin:0 auto;text-align:center} .tab_date li {padding:0margin:0;border-bottom:1px solid #e0e0e0} .tab_date li:hover {cursor:pointer} .tab_date li a, .tab_date li a span {display:block;font-family:'Lato', sans-serif;color:#aaa;text-align:center} .tab_date li a {display:block;padding:10px 10px;font-size:30px;font-weight:bold;} .tab_date li a span {font-size:16px;line-height:24px;font-weight:normal;margin-top:5px;} .tab_date li.on {border-bottom-width:3px;border-color:#7e29bf} .tab_date li.on a, .tab_date li.on span {color:#333} @media (max-width:768px) { .tab_date {white-space:nowrap;overflow-y:scroll} .tab_date li a {padding:5px 10px;font-size:20px;font-weight:bold;} .tab_date li a span {font-size:15px;line-height:22px;font-weight:normal;margin-top:5px;} } /* ----------------------------------------------------- SELECT, CHEKBOX, RADIO BUTTON ----------------------------------------------------- */ /* Select custom - select-basic */ .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; overflow-y: auto; max-height: 200px;} .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;} /* 라디오 버튼 radio button - 스위치 타입 switch type */ .radio-switch {padding:8px 0;overflow:hidden;} .radio-switch input {position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden;} .radio-switch label {float:left;} .radio-switch label {display:inline-block;min-width:60px;background-color:#fff;color:#aaa;font-size:15px;font-weight:normal;text-align:center;text-shadow:none; padding: 6px 14px;border: 1px solid rgba(0, 0, 0, 0.2); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .radio-switch label:hover {cursor:pointer;} .radio-switch input:checked + label { border-color:#a23fda;color:#a23fda; -webkit-box-shadow:none; box-shadow: none; -webkit-box-shadow: 0 1px 3px rgba(92, 46, 145, 0.2); box-shadow:0 1px 3px rgba(92, 46, 145, 0.2); } .radio-switch label:first-of-type {border-radius:0} .radio-switch label:last-of-type {border-radius:0} /* 라디오 버튼 radio button - custom radio */ input.radio:empty {margin-left:-9999px;} input.radio:empty ~ label {position: relative;float: left;line-height: 2.5em;text-indent: 3.25em;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input.radio:empty ~ label:before {position:absolute;display:block;top:0;bottom:0;left:0;content:'';width:2.5em;border:1px solid #fff;border-radius: 3px 0 0 3px;} /* toggle hover */ input.radio:hover:not(:checked) ~ label:before {content:'\2714';text-indent:.2em;color:#fff;} input.radio:disabled ~ label:before {content:'' !important;text-indent:.2em;color:#fff;} input.radio:hover:not(:checked) ~ label {color: #888;} /* toggle on */ input.radio:checked ~ label:before {content:'\2714';text-indent: .2em;color: #9CE2AE;background-color: #4DCB6D;} input.radio:disabled ~ label:before {content:'';text-indent: .2em;color: #9CE2AE;background-color: #4DCB6D;} input.radio:checked ~ label {color: #444;} /* radio focus */ input.radio:focus ~ label:before {box-shadow: 0 0 0 3px rgba(255,255,255,.3);} /* ----------------------------------------------------- PROGRAM LIST ----------------------------------------------------- */ .filmlist .section_info {border-bottom:1px solid #e0e0e0;padding-bottom:50px;} .filmlist .section_info .btn_more_pgnote {display:none} .film_list_wrap {padding-top:50px;} .film_list_wrap .totalcount {display:block;font-size:16px;margin-bottom:15px;color:#888} .film_list_wrap .totalcount .count {color:#5832bd;font-weight:900} .film_list_wrap .mv_box {padding-left:10px;padding-right:10px;} .film_list_wrap .mv_thumb {position:relative;width:100%; max-height:222px; overflow:hidden;background:#f5f5f5;border:1px solid #e0e0e0;border-bottom:0} .film_list_wrap .mv_thumb a {display:block} .film_list_wrap .mv_thumb img {width:100%;height:auto; transition:transform .5s cubic-bezier(.175,.885,.32,1.275);transform:scale(1);} .film_list_wrap .mv_thumb:hover img {transform:scale(1.03) rotate(.02deg)} .mv_box .mv_thumb .btn_wrap {position:absolute;right:10px;bottom:10px;z-index:30} .mv_box .mv_thumb .btn_wrap .btn_mv_trailer {display:inline-block;width:40px;height:40px;background:url(/kor/img/cmm/ico_play_trailer_s.png) no-repeat 50% 50% rgba(0,0,0,.5);} .mv_box .mv_thumb .btn_wrap .btn_mv_trailer:hover {background-color:#6d41e9} .film_list_wrap .mv_info_wrap {padding:10px 20px 20px;border:1px solid #e0e0e0;margin-bottom:50px;min-height:147px;} .film_list_wrap .mv_info_wrap p {padding:3px 0;text-align:center} .film_list_wrap .mv_info_wrap .mv_tit a {display:block;font-size:20px;line-height:130%;color:#222;font-weight:600;/*white-space:nowrap;*/word-break: break-word; overflow:hidden;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .film_list_wrap .mv_info_wrap .mv_dir {margin-bottom:5px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis } .film_list_wrap .mv_info_wrap .mv_info { white-space:nowrap;overflow:hidden;text-overflow:ellipsis } .film_list_wrap .mv_info_wrap .mv_info span {display:inline-block;position:relative;padding:0 10px;font-size:13px;color:#888;line-height:160%;word-break:break-all;letter-spacing:0} .film_list_wrap .mv_info_wrap .mv_info span:after {content:'';position:absolute;top:5px;right:0;width:1px;height:12px;background:#aaa} .film_list_wrap .mv_info_wrap .mv_info span:last-child:after {content:none;} @media (max-width:768px){ .film_list_wrap {padding:30px 15px} .filmlist .section_info {padding-bottom:30px;} .filmlist .section_info .section_info_txt {position:relative;letter-spacing:-0.5px;text-align:justify;word-break:break-all;margin-bottom:10px} .filmlist .section_info .section_info_txt span {display:block;/*height:180px;*/overflow-y:scroll;} .filmlist .section_info .section_info_txt .bg-gr-pgnote {display:block;;position:absolute;bottom:0;left:0;width:100%;height:50px;/*background:url(/kor/img/cmm/bg_gr_pgnote.png) repeat-x 0 0*/} .filmlist .section_info .btn_more_secinfo {display:inline-block;text-align:center;margin:0 auto;border:1px solid #e0e0e0;padding:6px 15px;font-size:14px;letter-spacing:-1px;border-radius:50px;} .film_list_wrap .mv_info_wrap {padding:10px;margin-bottom:30px;min-height:auto} .film_list_wrap .mv_info_wrap .mv_tit a {font-size:18px;line-height:1} .film_list_wrap .mv_info_wrap .mv_dir {font-size:14px;} .film_list_wrap .mv_thumb { } .film_list_wrap .mv_thumb img { } .mv_box .mv_thumb .btn_wrap {right:10px;bottom:10px;} .mv_box .mv_thumb .btn_wrap .btn_mv_trailer {width:35px;height:35px;background:url(/kor/img/cmm/ico_play_trailer_s_m.png) no-repeat 50% 50% rgba(0,0,0,.5);background-size:14px 14px} .orderby { background: #000; padding: 2px 15px 3px; border-radius: 0 10px; color: #fff; } } @media (max-width:414px){ .film_list_wrap {padding:30px 0px} .film_list_wrap .mv_box {} .film_list_wrap .totalcount {text-align:center;font-size:14px;letter-spacing:-0.5px;font-weight:bold;margin-bottom:30px} .film_list_wrap .mv_info_wrap {padding:10px 0;border:none;margin-bottom:10px} .film_list_wrap .mv_info_wrap .mv_tit a {font-size:14px;} .film_list_wrap .mv_info_wrap p {text-align:left} .film_list_wrap .mv_info_wrap .mv_dir {font-size:13px;margin-bottom:0} .film_list_wrap .mv_info_wrap .mv_info {display:none} .film_list_wrap .mv_thumb {max-height:170px;border-bottom:1px solid #e0e0e0} .film_list_wrap .mv_thumb img { } .mv_box .mv_thumb .btn_wrap {right:5px;bottom:5px;} .mv_box .mv_thumb .btn_wrap .btn_mv_trailer {width:30px;height:30px;background:url(/kor/img/cmm/ico_play_trailer_s_m.png) no-repeat 50% 50% rgba(0,0,0,.5);background-size:12px 12px} .orderby { background: #000; padding: 2px 15px 3px; border-radius: 0 10px; color: #fff; } } @media (max-width:320px) { .film_list_wrap .mv_box {width:100%} .orderby { background: #000; padding: 2px 15px 3px; border-radius: 0 10px; color: #fff; } } /* -------------------------------- Schedule -------------------------------- */ /* schedule - 카드형 */ .tbl_schedule .sch_li {display:block;padding:20px 0px;border-bottom:0px dashed #e0e0e0;} .tbl_schedule .sch_li:before, .tbl_schedule .sch_li:after {clear:both;display:block;content:''} .tbl_schedule .sch_li:nth-child(even) {background:#fff} .tbl_schedule .sch_li:first-child {padding-top:0;} .tbl_schedule .sch_li .sch_it.blank_wrap {background:#f0f0f0;} .tbl_schedule .sch_li .sch_li_tit, .tbl_schedule .sch_li .sch_it {float:left;} .tbl_schedule .sch_li .sch_li_tit {width:10%; float:left;word-break:keep-all;font-size:30px;font-weight:bold;letter-spacing:-1px;line-height:1.5} .tbl_schedule .sch_li .sch_li_tit_sub {display:block; font-size:14px; font-weight:normal; color:#888; padding-right:20px } .tbl_schedule .sch_li .sch_it {position:relative;display:block;width:18%;border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;height:172px;padding:15px;} .tbl_schedule .sch_li .sch_it:hover {background:#fff} .tbl_schedule .sch_li .sch_it.blank_wrap:hover {background:#f0f0f0;} .tbl_schedule .sch_li .sch_it:last-child {border-right:1px solid #e0e0e0} .tbl_schedule .sch_li .sch_it .code {position:absolute;top:15px;right:10px;font-size:12px;line-height:1.5;color:#3f538d;background:#eef2ff;font-weight:bold;padding:2px 6px;border-radius:50px;-webkit-border-radius:50px} .tbl_schedule .sch_li .sch_it .time {font-size:15px;font-weight:bold;line-height:1.5;display:inline-block;margin-top:0} .tbl_schedule .sch_li .sch_it .film_tit, .tbl_schedule .sch_li .sch_it .film_tit a {line-height:1.5;height:72px;overflow:hidden;margin-top:3px} .tbl_schedule .sch_li .sch_it .grade {margin-top:8px} .tbl_schedule .sch_li .sch_it .grade img { margin-right:3px; } /* 마우스오버시 묶음상영 영화 표시 */ .tbl_schedule .sch_li .sch_it .film_tit:hover + .pack .pack_list {display:block;} .tbl_schedule .sch_li .sch_it .pack .pack_list:hover {display:block;} .tbl_schedule .sch_li .pack .pack_list {position:absolute;top:80px;left:15px;padding:12px 20px;width:auto;border:2px solid #6e4fc6;background:#fff;display:none;z-index:10;} .tbl_schedule .sch_li .pack .pack_list li a {display:block;color:#6e4fc6;font-size:15px;line-height:1.4;padding:6px 0;word-break:keep-all;letter-spacing:-1px;} .tbl_schedule .sch_li .pack .pack_list li a:hover {text-decoration:underline} /* 등급아이콘 */ .ico_grade {position:relative;display:inline-block;width:24px;height:24px;} .ico_grade.ico_g {background:url(/kor/img/cmm/ico_g.png) no-repeat 0 0} .ico_grade.ico_12 {background:url(/kor/img/cmm/ico_12.png) no-repeat 0 0} .ico_grade.ico_15 {background:url(/kor/img/cmm/ico_15.png) no-repeat 0 0} .ico_grade.ico_18 {background:url(/kor/img/cmm/ico_18.png) no-repeat 0 0} .ico_grade.ico_19 {background:url(/kor/img/cmm/ico_19.png) no-repeat 0 0} .ico_grade.ico_ke {background:url(/kor/img/cmm/ico_a.png) no-repeat 0 0} .ico_grade.ico_kn {background:url(/kor/img/cmm/ico_KN.png) no-repeat 0 0} .ico_grade.ico_kk {background:url(/kor/img/cmm/ico_KK.png) no-repeat 0 0} .ico_grade.ico_no {background:url(/kor/img/cmm/ico_NO.png) no-repeat 0 0} .ico_grade.ico_gv {background:url(/kor/img/cmm/ico_GV.png) no-repeat 0 0} .ico_grade.ico_blank {background:url(/kor/img/cmm/ico_blank.png) no-repeat 0 0} .tbl_schedule .sch_li .sch_it .tt_pop {position:absolute;top:0;left:0;width:100%;height:100%;background:#222;padding:20px;color:#fff;display:none} .tbl_schedule .sch_li .sch_it:hover .tt_pop {display:block;} .tbl_schedule .sch_li .sch_it .tt_pop .pop_sec_tit, .tbl_schedule .sch_li .sch_it .tt_pop .pop_film_tit {font-size:16px;} /* schedule - 목록형 */ .tbl_schedule2 {} .tbl_schedule2 {border-top:2px solid #111;border-left-width:0;border-right-width:1px} .tbl_schedule2 > thead > tr > th {font-weight:bold;border-bottom:1px solid #ddd;display:none} .tbl_schedule2 > thead > tr > th, .tbl_schedule2 > tbody > tr > th, .tbl_schedule2 > thead > tr > td, .tbl_schedule2 > tbody > tr > td { padding:15px 18px; line-height:1.5; font-size:16px; text-align:center; font-weight:300; border-bottom: 1px solid #ddd; vertical-align:top !important; } .tbl_schedule2 > tbody > tr > td.code, .tbl_schedule2 > tbody > tr > td.time {font-weight:bold} .tbl_schedule2 > tbody > tr > td.theater {text-align:left} .tbl_schedule2 > tbody > tr > td.film_tit {font-size:20px;line-height:1.5;text-align:left;font-weight:bold;letter-spacing:-1px;margin-right:10px;} .tbl_schedule2 > tbody > tr > td.film_tit a {float:left;} .tbl_schedule2 > tbody > tr > td.film_tit .ico_grade {display:inline-block;float:left;vertical-align:middle;margin-left:10px} .tbl_schedule2 > tbody > tr > td.code .code_wrap {font-size:12px;line-height:1.5;color:#3f538d;background:#eef2ff;font-weight:bold;padding:2px 6px;border-radius:50px;-webkit-border-radius:50px} @media (max-width:768px){ /* Schedule */ .tbl_schedule .sch_li .sch_li_tit {float:none;width:100%;margin-bottom:10px;font-size:18px} .tbl_schedule .sch_li {padding:15px 0; min-width:1024px; } /*.tbl_schedule .sch_li .sch_it {padding:10px;width:50%;margin-bottom:10px;height:144px;border:1px solid #e0e0e0}*/ .tbl_schedule .sch_li .sch_it.blank_wrap {/*display:none*/} .tbl_schedule .sch_li .sch_it .code {position:relative;top:0;left:0;display:block;text-align:center; width: 80%;} .tbl_schedule .sch_li .sch_it .time {font-size:13px;margin-top:8px} .tbl_schedule .sch_li .sch_it .film_tit, .tbl_schedule .sch_li .sch_it .film_tit a, .tbl_schedule .sch_li .sch_it .film_tit span {font-size:14px;line-height:1.3;letter-spacing:-1px;height:auto} .ico_grade {width:20px;height:20px;background-size:20px} .tbl_schedule .sch_li .sch_it .grade img {} .tbl_schedule .sch_li .sch_it .grade .btn_ticket_sch { position: absolute; top: 12px; right: 12px; } /* schedule 2 */ .tbl_schedule2 > thead {display:none} .tbl_schedule2 > tbody > tr > th.time, .tbl_schedule2 > tbody > tr > td.theater, .tbl_schedule2 > tbody > tr > td.code {float:left} .tbl_schedule2 > tbody > tr > td.film_tit, .tbl_schedule2 > tbody > tr > td.grade, .tbl_schedule2 > tbody > tr > td.event {display:block;width:100%;} .tbl_schedule2 > thead > tr > th, .tbl_schedule2 > tbody > tr > th, .tbl_schedule2 > thead > tr > td, .tbl_schedule2 > tbody > tr > td {display:inline-block;text-align:left;border-bottom:0;padding:5px 10px;font-size:14px;} .tbl_schedule2 > tbody > tr:before {content:'';display:block;height:15px;border-top:1px solid #ddd} .tbl_schedule2 > tbody > tr:after {content:'';display:block;height:15px;} .tbl_schedule2 > tbody > tr > td.film_tit {font-size:16px;} .tbl_schedule2 > tbody > tr > td.film_tit:before, .tbl_schedule2 > tbody > tr > td.film_tit:after {clear:both;display:block;content:'';} .tbl_schedule .sch_li .sch_li_tit_sub {display:inline-block; padding-left:10px;} } @media (max-width:414px){ /*.tbl_schedule .sch_li .sch_it {padding:10px;width:100%;margin-bottom:10px;height:144px;border:1px solid #e0e0e0}*/ } /* ----------------------------------------------------- PROGRMA VIEW ----------------------------------------------------- */ /* 상영작 뷰 - 상단 섹션 타이틀 */ /*.bg_film_read_top {position:absolute;top:0;left:0;width:100%;height:300px;background:url(/kor/img/cmm/sub_visual_bg.jpg) no-repeat 0 0 #4e3495;}*/ .bg_film_read_top {position:absolute;top:0;left:0;width:100%;height:300px;} .film_hd {position:relative;width:100%;padding:40px 0} .film_hd .btn_list {position:absolute;display:inline-block;float:left;color:#fff;color:rgba(255,255,255,.8);padding-left:40px;font-size:16px;line-height:30px;} .film_hd .btn_list:before {content:'';position:absolute;top:0;left:0;width:32px;height:30px;background:url(/kor/img/cmm/ico_arrow_back.png) no-repeat 0 10px;line-height:30px;} .film_hd .film_sec_tit {margin:0 auto;text-align:center} .film_hd .film_sec_tit h3 {font-size:24px;line-height:30px;font-weight:500;text-align:center;color:#fff;letter-spacing:-1px;margin:0 auto} /* 상영작 뷰 - 스틸컷 슬라이더 */ .stillcut {position:relative;width:100%;overflow:hidden;padding:0;margin:0;border-color:#484689; background:#484689; background: -webkit-gradient(linear, left top, right bottom, from(#5d2e85), to(#484689)); background: -moz-linear-gradient(left top, right bottom, #5d2e85, #484689); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d2e85', endColorstr='#484689');} .stillcut .slider .still_li {position:relative;width:1200px;height:688px;overflow:hidden;margin:0 10px;background:#000;box-shadow:4px 4px 10px rgba(0,0,0,.05)} .stillcut .slider .still_li img {width:100%;height:auto;min-height:600px;opacity:0.5} .stillcut .slider .still_li.slick-current img {opacity:1;} .stillcut .slick-arrow {z-index:20;width:58px;height:60px;font-size:0px;line-height:0;text-indent:-9999px;} .stillcut .slick-arrow.slick-prev {position:absolute;top:280px;left:20px;background:url(/kor/img/cmm/ico_slick_prev.png) no-repeat 50% 50% rgba(0,0,0,.3);} .stillcut .slick-arrow.slick-next {position:absolute;top:280px;right:20px;background:url(/kor/img/cmm/ico_slick_next.png) no-repeat 50% 50% rgba(0,0,0,.3);} .stillcut .txtbox {position:absolute;bottom:0px;left:0;right:0;margin:0 auto;color:#fff;width:1200px;text-align:center;} .stillcut .txtbox .txtbox_inner {position:relative;z-index:10;padding:0 15px 50px 15px} .stillcut .txtbox .txtbox_inner .tit_movie {font-size:42px;line-height:130%; font-weight:600;} .stillcut .txtbox .txtbox_inner .tit_movie span { display:block; font-size:28px;line-height:110%;font-weight:500; } .stillcut .txtbox .txtbox_inner .tagline {font-size:20px;line-height:160%;color:#fff;color:rgba(255,255,255,.85);padding-top:10px;} .stillcut .txtbox .txtbox_inner .btn_play_trailer {display:block;position:absolute;bottom:50px;right:50px;} .stillcut .txtbox .bg-gr {content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:140px;background:url(/kor/img/cmm/bg_gr_still_btm.png) repeat-x 0 0;margin:0 auto} @media (max-width:1024px) { .stillcut .slider .still_li {max-width:900px;height:auto} .stillcut .slider .still_li img {min-height:auto} .stillcut .txtbox, .stillcut .txtbox .bg-gr {width:100%;max-width:900px} .stillcut .txtbox .txtbox_inner .btn_play_trailer {bottom:25px;right:25px;} .stillcut .slick-arrow.slick-prev {top:280px;left:10px;} .stillcut .slick-arrow.slick-next {top:280px;right:10px;} } @media (max-width:768px) { .stillcut .slider .still_li {max-width:600px;} .stillcut .txtbox, .stillcut .txtbox .bg-gr {width:100%;max-width:600px} .film_hd {padding:25px 0} .film_hd .film_sec_tit h3 {width:60%;white-space:nowrap;font-size:18px;text-overflow:ellipsis;overflow:hidden;} .film_hd .btn_list {padding-left:22px;font-size:14px;} .film_hd .btn_list:before {width:32px;height:30px;background:url(/kor/img/cmm/ico_arrow_back.png) no-repeat 0 10px;line-height:30px;background-size:18px;top:2px} .stillcut .txtbox .txtbox_inner {padding-bottom:30px;} .stillcut .txtbox .txtbox_inner .tit_movie {font-size:36px;} .stillcut .txtbox .txtbox_inner .tagline {font-size:18px;} .stillcut .txtbox .txtbox_inner .btn_play_trailer {bottom:20px;right:20px;} .stillcut .txtbox .txtbox_inner .btn_play_trailer img {width:40px;} .stillcut .slick-arrow {width:40px;height:46px;} .stillcut .slick-arrow.slick-prev {top:180px;left:0px;background-size:12px 22px;} .stillcut .slick-arrow.slick-next {top:180px;right:0px;background-size:12px 22px;} } @media (max-width:414px) { .stillcut .slider .still_li {max-width:414px;} .stillcut .txtbox, .stillcut .txtbox .bg-gr {width:100%;max-width:414px} .film_hd {padding:15px 0} .film_hd .film_sec_tit h3 {width:60%;font-size:16px;} .film_hd .btn_list {padding-left:18px;font-size:14px;} .film_hd .btn_list:before {width:32px;height:30px;background:url(/kor/img/cmm/ico_arrow_back.png) no-repeat 0 10px;line-height:30px;background-size:14px;top:3px} .stillcut .slick-arrow {width:28px;height:34px;} .stillcut .slick-arrow.slick-prev {top:100px;left:0px;background-size:8px 16px;background-position:43% 50%} .stillcut .slick-arrow.slick-next {top:100px;right:0px;background-size:8px 16px;background-position:57% 50%} .stillcut .txtbox .txtbox_inner .tit_movie {font-size:28px;line-height:150%;padding:0 15px} .stillcut .txtbox .txtbox_inner .tagline {font-size:15px;letter-spacing:-1px;padding:0 15px} .stillcut .txtbox .txtbox_inner .btn_play_trailer {bottom:0px;right:0px;} .stillcut .txtbox .txtbox_inner .btn_play_trailer img {width:38px;} } @media (max-width:320px) { .bg_film_read_top {height:100px;} .stillcut .slider .still_li {max-width:320px;} } /* 상영작 뷰 - 상영작 정보 */ .film_info {padding:50px 0} .film_info .film_info_top {text-align:center;margin-bottom:20px;} .film_info .director_name {font-size:17px;font-weight:bold;letter-spacing:-0.5px;} .film_info .list_film_info {margin-top:15px;margin-bottom:15px;} .film_info .list_film_info li {position:relative;padding:0 15px;color:#888;font-size:16px;line-height:170%;} .film_info .list_film_info li:after {content:'';position:absolute;top:6px;right:0;width:1px;height:13px;background:#ccc;} .film_info .list_film_info li:last-child:after {content:none;} .film_info .premiere {border:2px solid #e5afe8;color:#a83aae;font-size:15px;padding:2px 6px;margin:0 5px;font-weight:600} .film_info .premiere2 {font-size:14px;color:#666;font-weight:500} .film_info .keyword {margin:20px 0;} .film_info .keyword span {display:inline-block;padding:6px 15px 7px;font-size:15px;color:#5832bd;border:1px solid #ab91ef;margin:10px 3px;border-radius:50px;-webkit-border-radius:50px;letter-spacing:-0.5px;} .film_info .keyword span.nopz {padding:0; border:none; margin:0px;} .film_info .synopsis, .film_info .pg_note {position:relative;margin:15px 0;} .film_info #pg_note .desc p { font-size: 16px; line-height: 170%; color: #555; font-weight: 300; } .film_info btn_more_pgnote {display:none} .film_info .synopsis h4, .film_info .pg_note h4{font-size:30px;font-weight:bold;color:#4d3494;margin-bottom:20px; margin-top:30px} @media (max-width:1024px) { .film_info .synopsis, .film_info .pg_note span {font-size:15px;letter-spacing:-0.5px;text-align:justify;word-break:break-all;} } @media (max-width:768px) { .pg_note span {display:block;height:150px;overflow-y:scroll} .pg_note .bg-gr-pgnote {display:block;;position:absolute;bottom:0;left:0;width:100%;height:50px;background:url(/kor/img/cmm/bg_gr_pgnote.png) repeat-x 0 0} .btn_more_pgnote {display:inline-block;text-align:center;margin:0 auto;border:1px solid #e0e0e0;padding:6px 15px;font-size:14px;letter-spacing:-1px;border-radius:50px;} } @media (max-width:414px) { .film_info {padding:30px 0} .film_info .premiere, .film_info .premiere2 {display:inline-block;margin:3px} .film_info .list_film_info li {font-size:13px;margin-bottom:5px} .film_info .list_film_info li:after {top:5px;height:12px;} .film_info .synopsis, .film_info .pg_note span {letter-spacing:-0.8px;line-height:175%} } /* 상영작 뷰 - 상영시간표 */ .schedule {position:relative;padding:50px 0 70px} .schedule h4 {text-align:center;font-size:30px;font-weight:bold;color:#333;} .tbl_schedule {width:100%;margin:0 auto;margin-top:40px; } .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 #e0e0e0; } .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:#f5f5f5;color:#222;border:none;font-weight:500} .tbl_schedule > tbody > tr > td:first-child {color:#5e35ca;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 .icon_SGO {display:inline-block;font-size:14px;text-transform:uppercase;color:#666;font-family:'Lato', sans-serif !important;letter-spacing:0 !important;font-weight:bold} .tbl_schedule > tbody > tr > td .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-left:5px} @media (max-width:1024px) { .tbl_schedule { } } @media (max-width:768px) { .tbl_schedule {width:100%;margin-top:30px; overflow-x:scroll;} .tbl_schedule > thead > tr > th {display:none} .tbl_schedule > tbody > tr {border-bottom:3px solid #f5f5f5} .tbl_schedule > tbody > tr > td {display:block;width:100%;border-top:none;padding:3px 0;font-size:15px; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0;} .tbl_schedule > tbody > tr > td:last-child {} .tbl_schedule > tbody > tr > td:first-child {padding-top:15px;} .tbl_schedule > tbody > tr > td:last-child {padding-bottom:15px; border-right:1px solid #e0e0e0;} .tbl_schedule > tbody > tr > td.film_tit {text-align:center;font-size:17px;} /* 제목 */ .tbl_schedule > tbody > tr > td.section_film_tit { border:none;} } /* 상영작 뷰 - 감독, 크레딧 */ .director, .credit {position:relative;padding:50px 0 70px} .credit.sales {position:relative;padding:50px 0 0px} .credit.sales2 {position:relative;padding:20px 0 70px} .director h4, .credit h4{font-size:30px;font-weight:bold;color:#4d3494;margin-bottom:40px;} .credit.sales h4, .credit.sales2 h4 {font-size:22px; margin-bottom:10px;} .director_list {position:relative;} .director_list li {position:relative;margin-bottom:40px} .director_list li:last-child {margin-bottom:0} .director_list li:before, .director_list li:after {clear:both;display:block;content:'';} .director_list li .dir_img {position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;background:#f5f5f5} .director_list li .dir_img img {position:absolute;top:0;left:0;width:100%;height:auto;min-height:150px} .director_list li .dir_info .dir_name {font-size:17px;margin-bottom:15px;} .director_list li .dir_info .dir_name .kor {position:relative;display:inline-block;padding-right:13px;color:#5e35ca} .director_list li .dir_info .dir_name .kor:after {/*content:'';position:absolute;top:3px;right:0;width:1px;height:14px;background:#ccc*/} .director_list li .dir_info .dir_name .en {padding-left:13px;} .director_list li .dir_info .desc {display:block;font-size:15px;text-align:justify;color:#555} .director_list li .dir_info .desc p { font-size: 16px; line-height: 170%; color: #555; font-weight: 300; } .credit ul {display:table;width:100%;padding:0px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0} .credit ul li {display:table-row;margin:3px 0;background:#fff;} .credit ul li strong {width:36%;color:#666;border-right:1px solid #e0e0e0;background:#f5f5f5} .credit ul li span {width:64%;color:#4d3494;font-weight:bold;vertical-align:top;} .credit ul li strong, .credit ul li span {display:table-cell;padding:15px 20px;font-size:16px;line-height:160%;border-bottom:1px solid #e0e0e0} @media (max-width:1024px) { .director h4, .credit h4 {text-align:center;margin-bottom:30px;} .director_list li .dir_img {text-align:center;margin:0 auto} .credit {border-top:1px solid #e0e0e0;} .credit ul {width:80%;margin:0 auto} .credit ul li strong {width:30%;} .credit ul li span {width:70%;} .credit.sales, .credit.sales2 {border-top:none;} } @media (max-width:768px) { .director, .credit, .schedule {padding:40px 0} .director_list li .dir_img {margin-bottom:30px;} .director_list li .dir_info .dir_name {text-align:center} .director_list li .dir_info .desc {word-break:break-all;letter-spacing:-0.5px;} .credit ul {width:100%} .credit ul li strong {width:20%;} .credit ul li span {width:80%;} } @media (max-width:414px) { .director h4, .credit h4 {margin-bottom:20px} .director h4, .credit h4, .schedule h4 {font-size:20px;} .director, .credit, .schedule {padding:30px 0} .credit ul li strong, .credit ul li span {padding:8px 12px;font-size:13px;line-height:150%} } /* 상영작 뷰 - 묶음상영 */ .moviepack {position:relative;background:#f8f9fb;padding:50px 0} .moviepack .pack_tit h5, .moviepack .pack_tit strong {display:inline-block;line-height:1.1;letter-spacing:-0.5px;} .moviepack .pack_tit h5 {position:relative;font-size:18px;font-weight:500;color:#4d3494;padding-right:15px;margin-right:13px;} .moviepack .pack_tit h5:after {content:'';position:absolute;top:3px;right:0;width:1px;height:15px;background:#aaa} .moviepack .pack_tit strong {font-size:16px;color:#888;font-weight:normal} .rolling_pack {margin-top:30px;} .rolling_pack .pack_li {margin-left:6px;margin-right:6px;width:308px;} .rolling_pack .pack_li a {display:block} .rolling_pack .pack_li .pack_mv_thumb {display:block;position:relative;width:100%;height:180px;overflow:hidden} .rolling_pack .pack_li .pack_mv_thumb img {width:100%;height:auto;min-height:178px;overflow:hidden;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);transform:scale(1);} .rolling_pack .pack_li a:hover img {transform:scale(1.03) rotate(.02deg);} .rolling_pack .slick-list:after {content:'';position:absolute;top:0;right:0;width:160px;height:100%;background:url(/kor/img/cmm/bg_gr_pack_right.png) repeat-y 0 0;z-index:20} .rolling_pack .pack_li .mv_tit {display:block;font-size:18px;line-height:160%;color:#333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%;margin-top:15px;} .rolling_pack .pack_li .mv_tit_en {margin-top:3px;color:#666} .rolling_pack .pack_li a:hover .mv_tit, .rolling_pack .pack_li a:hover .mv_tit_en {color:#4d3494 !important} .pack-slick-arrow {width:30px;height:90px;background:#000;z-index:10;font-size:0;text-indent:-999px;} .pack-slick-arrow.pack-slick-prev {position:absolute;top:0;right:0;background:url(/kor/img/cmm/pack-slick-prev.png) no-repeat 50% 50%} .pack-slick-arrow.pack-slick-prev:after {content:'';position:absolute;top:90px;right:0;width:30px;height:1px;background:#aaa} .pack-slick-arrow.pack-slick-next {position:absolute;top:90px;right:0;background:url(/kor/img/cmm/pack-slick-next.png) no-repeat 50% 50%} @media (max-width:768px) { .moviepack {padding:35px 0} .rolling_pack .pack_li .pack_mv_thumb {height:120px;} .rolling_pack .pack_li .pack_mv_thumb img {min-height:120px} .rolling_pack .pack_li .mv_tit {margin-top:10px;font-size:16px;} .rolling_pack .pack_li {width:180px;} .pack-slick-arrow, .pack-slick-arrow.pack-slick-prev, .pack-slick-arrow.pack-slick-next {display:none !important;content:none;background:none;width:0;height:0;} } @media (max-width:414px) { .moviepack {padding:30px 0} .pack .pack_tit h5 {font-size:16px;padding-right:12px;margin-right:8px;letter-spacing:-1px;font-weight:bold} .pack .pack_tit h5:after {height:12px;background:#ccc} .pack .pack_tit strong {font-size:15px;letter-spacing:-1px;} .rolling_pack .pack_li .pack_mv_thumb {height:85px;} .rolling_pack .pack_li .pack_mv_thumb img {min-height:85px} .rolling_pack .pack_li {width:130px;} .rolling_pack .pack_li .mv_tit {font-size:14px;margin-top:5px} .rolling_pack .slick-list:after {display:none} } @media (max-width:320px) { .rolling_pack .pack_li {width:110px;} } /* ----------------------------------------------------- CONTENT ----------------------------------------------------- */ /* 개요 */ .intro .intro_desc {padding-left:30px;} .intro .tbl_box .group .hdbox, .intro .tbl_box .group .subbox {padding-left:15px;text-align:left} @media (max-width:768px) { .intro .intro_poster_img {margin:0 auto;text-align:center;width:60%;margin-top:15px;} .intro .intro_desc {padding-left:0;padding-top:30px;} .intro .tit_sec {} .intro .tbl_box .group {padding:8px 0 6px} .intro .tbl_box .group .hdbox {padding:5px 0; padding-left:0} .intro .tbl_box .group .subbox {padding:5px 0px;text-align:left} .intro .inner {padding:20px;margin:0} } /* 포스터 */ .poster .poster_img {padding-right:30px;} .poster .poster_txt {padding:0px 30px 20px 30px;} .poster .poster_txt .txt_headline {word-break:keep-all} .poster .artist {margin-top:50px;} .poster .artist .name {font-size:20px;font-weight:500;} .poster .artist .artist_li {margin-top:30px;} .poster .artist .artist_li:first-child {margin-top:0} @media (max-width:1024px) { .poster .poster_img {padding-right:15px} .poster .poster_txt {padding:0px 20px 20px;} } @media (max-width:768px) { .poster {text-align:center;margin:0 auto;} .poster .poster_img {margin:0 auto;text-align:center} .poster .poster_img img {width:60%} .poster .poster_txt {padding:20px 20px 20px;text-align:center} .poster .poster_txt .desc {padding:10px;} .poster .poster_down {text-align:center;margin-top:15px;} .poster .poster_down .btn_poster_down {width:60%} .poster .poster_txt .txt_headline2 {width:100%;} .poster .artist .artist_li {margin-top:15px;} .poster .tbl_box_tit2 {border:none} .poster .artist {margin-top:20px;padding:0 15px;border-top:1px solid #e0e0e0} } @media (max-width:414px) { .poster .poster_img img {width:60%} .poster .poster_txt .txt_headline {font-size:16px;} } /* 시상, 심사위원 */ .awards {padding-top:30px;} .awards .tbl_box_tit {border-bottom:none} .awards .award_field {} .awards .award_field .tit_box {text-align:center;padding:30px 15px;} .awards .award_field .award_tit {font-size:20px;font-weight:500;letter-spacing:-1px;} .jury {margin-top:50px;} .jury .jury_list li {position:relative;border-top:1px solid #e0e0e0;padding:30px 0} .jury .jury_list li:first-child {border-top:none} .jury .jury_list li:before, .jury .jury_list li:after {display:block;content:'';clear:both} .jury {margin-top:50px; border-bottom:1px solid #e0e0e0;padding:10px 0} .jury:after {display:block;content:'';clear:both} .jury .jury_list2 li {position:relative; width:48%; float:left; margin:0 0 20px 0 } .jury .jury_list2 li:first-child {border-top:none} .jury .jury_list2 li:before, .jury .jury_list2 li:after {display:block;content:'';clear:both} .jury .jury_img {position:relative;float:left;width:25%;} .jury .jury_desc {float:left;width:75%;} .jury .jury_img_wrap {display:block;width:220px;height:220px;background:#f5f5f5;overflow:hidden;border-radius:100%;-webkit-border-radius:100%;margin:0 auto} .jury .jury_img_wrap .img_jury {min-height:220px;height:auto;width:100%} .jury .jury_name {font-size:22px;font-weight:300;letter-spacing:-1px;line-height:160%;padding:10px 0} .jury .jury_img_wrap2 {display:block;width:110px;height:110px;background:#f5f5f5;overflow:hidden;border-radius:100%;-webkit-border-radius:100%;margin:0 auto} .jury .jury_img_wrap2 .img_jury {min-height:110px;height:auto;width:100%} .jury .jury_img_wrap3 {display:block;width:180px;height:180px;background:#f5f5f5;overflow:hidden;border-radius:100%;-webkit-border-radius:100%;margin:0 auto} .jury .jury_img_wrap3 .img_jury {min-height:180px;height:auto;width:100%} .jury .jury_img2 {position:relative;float:left;width:35%;} .jury .jury_desc2 {float:right;width:62%;} .jury_selector_img{width: 220px;height: 220px;background: #f5f5f5;overflow: hidden;border-radius: 100%;-webkit-border-radius: 100%;margin:0 auto;} @media (max-width:768px) { .awards {margin-top:20px !important;padding-top:0} .awards .award_field .tit_box {margin-bottom:10px;padding:15px} .awards .award_field .award_tit {font-size:16px;} .jury {margin-top:20px;} .jury .jury_img, .jury .jury_desc {float:none;display:block;margin:0 auto} .jury .jury_img {width:100%;} .jury .jury_desc {width:95%;} .jury .jury_img_wrap {width:110px;height:110px;} .jury .jury_img_wrap .img_jury {min-height:110px;} .jury .jury_name {font-size:20px;} .jury_selector_img{width: 110px;height: 110px;} .jury .jury_list2 li { width:100%; } .jury .jury_img2{width:100%;} .jury .jury_img_wrap3 {width:110px;height:110px;} .jury .jury_img_wrap3 .img_jury {min-height:110px;} .jury .jury_desc2 {width:100%;} } /* 프로그램 */ @media (max-width:768px) { .program_wrap .tbl_box_tit2 {padding:0;margin:30px 0 10px 0;border:none} } /* 페미니스타 */ .feministar {position:relative;;} .feministar .line {display:inline-block;width:24px;height:1px;background:#888;margin-top:20px;} .feministar .tit_box {position:relative} .feministar .feministar_txt {} .feministar .feministar_img {float:left;} .list_circle li{padding:0 25px;color: #555;font-weight: 300;position:relative;font-size:16px;line-height:180%;} .list_circle li:before{content:'';position:absolute;top:13px;left:5px;width:4px;height:4px;border-radius:30px;background:#555;} .feministar .feministar_box{height:502px;} .tit_box .desc-l {font-size:18px;font-weight:300;line-height:240%;letter-spacing:-1px;} @media (max-width:1024px) { .list_circle li{font-size:15px;} .feministar .feministar_box{height:auto;} } @media (max-width:768px) { .feministar .feministar_img {width:90%;float:none;border-bottom:1px solid #888;margin-bottom:30px;} } @media (max-width:414px) { .feministar .feministar_img {width:90%} } /* 스폰서 */ .sponsor {} .sponsor .sponsor_box {border:1px solid #e0e0e0;margin:0;padding:30px 30px;border-radius:5px;-webkit-border-radius:5px;background:#fff;margin-bottom:30px;} .sponsor .sponsor_list:before, .sponsor .sponsor_list:after {display:block;content:'';clear:both} .sponsor .sponsor_list li {float:left;width:20%;border-radius:5px;-webkit-border-radius:5px;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-bottom:10px;} .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} } /* 교통안내 */ .traffic .add_wrap {border-bottom:1px solid #e0e0e0;padding:30px 0;text-align:center;position:relative;} .traffic .add_wrap:after, .traffic .add_wrap:before {clear:both;display:block;content:'';} .traffic .add_wrap .add {font-size:18px;line-height:160%} .traffic_box {padding:30px 0} .traffic_tit {font-size:18px;text-align:center;padding-bottom:15px;} .traffic_list {} .traffic_list li {padding:15px;text-align:center;} .traffic_list li strong {font-size:16px;font-weight:500} .traffic_list li p {} .traffic .btn_map_area {float:right} .traffic .btn_map_area a {display:inline-block;width:34px;height:34px;margin:0 5px;} .traffic .btn_map_area .btn_naver_map {background:url(/kor/img/cont/ico_naver_map.png) no-repeat 0 0;background-size:34px 34px} .traffic .btn_map_area .btn_kakao_map {background:url(/kor/img/cont/ico_kakao_map.png) no-repeat 0 0;background-size:34px 34px} @media (max-width:768px) { .traffic .btn_map_area {float:none;margin:0 auto;text-align:center} } /* 교육사업 */ .education #btnSelectTab {margin:0 0 20px 0} .education .edu_top {padding-bottom:20px;padding-top:20px;} .tbl_edu_list {display:table;width:100%;margin-top:15px;box-shadow:1px 1px 6px rgba(0,0,0,.04)} .tbl_edu_list .edu_list_hd {position:relative;display:table-cell;vertical-align:middle;width:22%;padding:15px;border:1px solid #b6aced;color:#4d3494;background-repeat:no-repeat;background-position:0 0} .tbl_edu_list .edu_list_hd .edu_tit {font-size:21px;line-height:160%;font-weight:500;color:#4d3494;letter-spacing:-1px;text-align:center;} .tbl_edu_list .edu_list_hd .edu_date, .tbl_edu_list .edu_list_hd .edu_place {display:block;text-align:center;font-size:14px;line-height:160%;color:#555} .tbl_edu_list .edu_list_hd .edu_date strong, .tbl_edu_list .edu_list_hd .edu_place strong {display:none;} .tbl_edu_list .edu_list_bd {display:table-cell;width:72%;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0} .edu_list_hd.bg1 {background-image:url(/kor/img/cont/cine_poster2012.jpg);border:0;} .edu_list_hd.bg1 .edu_tit, .edu_list_hd.bg1 .edu_date, .edu_list_hd.bg1 .edu_place {color:#fff !important} .tbl_edu {width:100%;} .tbl_edu > thead > tr > th {font-weight:bold;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;text-align:center} .tbl_edu > thead > tr > th:last-child {border-right:0} .tbl_edu > thead > tr > th, .tbl_edu > tbody > tr > th, .tbl_edu > tbody > tr > td {font-size:15px;line-height:160%;padding:8px;letter-spacing:-0.5px;font-weight:400} .tbl_edu > tbody > tr > td.tc {text-align:center;border-left:1px solid #e0e0e0} .tbl_edu > tbody > tr > th {position:relative;font-weight:normal;color:#4d3494;width:10%;} .tbl_edu > tbody > tr > th:after {content:'\203A';font-size:30px;margin-right:10px;color:#b6aced;float:right;margin-top:-5px} .tbl_edu > tbody > tr {border-bottom:1px solid #e0e0e0} .tbl_edu > tbody > tr > td .edu_sec_tit, .tbl_edu > tbody > tr > td .edu_movie_tit {display:inline-block;} .tbl_edu > tbody > tr > td .edu_sec_tit {color:#333;font-weight:500} .tbl_edu > tbody > tr > td .edu_movie_tit {color:#888;padding-left:7px} .tbl_edu > tbody > tr > td .edu_movie_tit_block {display:block;padding:3px 0;font-size:15px;color:#888} .tbl_edu2 > tbody > tr > td {text-align:center;border-right:1px solid #e0e0e0} .tbl_edu2 > tbody > tr > td .edu_sec_tit {font-size:16px;} @media (max-width:768px) { .tbl_edu {border-left:1px solid #e0e0e0} .tbl_edu_cine {display:none} .tbl_edu_list .edu_list_hd {background-size:100%;text-align:center} .tbl_edu_list .edu_list_hd, .tbl_edu_list .edu_list_bd {display:block;width:100%} .tbl_edu_list .edu_list_hd .edu_tit {font-size:20px;line-height:150%;} .tbl_edu_list .edu_list_hd .btn_edu_more {display:inline-block;cursor:pointer;display:inline-block;padding:7px 12px;border:1px solid #b6aced;text-align:center;margin:12px 10px 5px 10px;letter-spacing:-1px;color:#4d3494;border-radius:50px} .tbl_edu_list .edu_list_hd.bg1 .btn_edu_more {color:#fff;border-color:#fff;border-color:rgba(255,255,255,.3)} .tbl_edu.open {} } @media (max-width:414px) { .tbl_edu_list .edu_list_hd {padding:5px;} .tbl_edu_list .edu_list_hd .edu_tit {font-size:16px;font-weight:bold;} .tbl_edu > tbody > tr > td .edu_sec_tit {font-size:14px;line-height:150%;padding:0 0 2px 0} .tbl_edu > tbody > tr > td .edu_movie_tit, .tbl_edu > tbody > tr > td .edu_movie_tit_block {display:block;margin:0;padding:0 0 10px 0;font-size:13px;line-height:150%} .tbl_edu > tbody > tr > td {text-align:left;padding-bottom:0} .tbl_edu > tbody > tr > td.tc {font-size:13px;} .tbl_edu > tbody > tr > th {border-right:none;font-weight:bold;font-size:13px;vertical-align:top;padding:8px 5px 8px 8px} .tbl_edu > tbody > tr > th:after {content:none} .tbl_edu > tbody > tr > td .edu_movie_tit {padding-left:0} .tbl_edu2 > tbody > tr > td, .tbl_edu2 > tbody > tr > td .edu_sec_tit {padding:3px;line-height:18px;text-align:center;word-break:keep-all;font-size:13px;} } /* 피치앤캐치 */ .pnc_film_list {padding-top:30px;} .pnc_film_list .li {padding:30px 0} .pnc_film_list .film_tit {font-size:20px;line-height:160%;font-weight:500;color:#222;letter-spacing:-1px;} .pnc_film_list .genre {} .pnc_film_list .genre span {position:relative;margin-left:15px;padding-left:15px;} .pnc_film_list .genre span:first-child {margin:0;padding:0} .pnc_film_list .genre span:before {content:'';position:absolute;top:6px;left:0;display:inline-block;width:1px;height:14px;float:left;background:#ccc;} .pnc_film_list .genre span:first-child:before {content:none} .pnc_film_list .dir {padding-left:15px} .pnc_film_list .logline b {letter-spacing:-1px;color:#222} .pnc_film_list .genre, .pnc_film_list .dir, .pnc_film_list .logline {color:#666;line-height:150%;font-size:16px;margin-top:10px;} @media (max-width:768px) { .pnc_film_list img {margin-bottom:15px;} .pnc_film_list .film_tit, .pnc_film_list .genre, .pnc_film_list .dir, .pnc_film_list .logline {display:block;text-align:center} .pnc_film_list .genre {margin:0;padding:0} .pnc_film_list .genre:before {content:none} } /* 리스트 */ .list_caution {margin-top:20px;margin-bottom:20px;} .list_caution li {position:relative;padding-left:15px;line-height:150%;padding-top:3px;padding-bottom:3px;color:#888;font-size:15px;font-weight:300} .list_caution li:before {content:'';position:absolute;top:12px;left:0;background:#888;width:5px;height:1px;} .list_caution.txt-warning li {color:#f55d9c !important} .list_caution.txt-warning li:before {background:#f55d9c} .list_dot {margin-top:15px;margin-bottom:15px;} .list_dot > li {position:relative;font-size:16px;line-height:150%;color:#555;font-weight:300;padding:3px 0;padding-left:13px;text-align:left} .list_dot > li:before {display:block; content:""; position:absolute; top:14px; left:0; width:2px;height:2px;background:#999;} .list_dot2 {margin-top:15px;margin-bottom:15px;} .list_dot2 > li {position:relative;font-size:16px;line-height:150%;color:#333;font-weight:500;padding:3px 0;padding-left:13px;margin:0 0 10px 0;text-align:left} .list_dot2 > li:before {display:block; content:""; position:absolute; top:14px; left:0; width:4px;height:4px;background:#4d3494;} .list_dot2 > li > ul > li {position:relative;font-size:16px;line-height:150%;color:#555;font-weight:300;padding:3px 0;padding-left:13px;text-align:left} .list_dot2 > li > ul > li:before {display:block; content:"-"; position:absolute; top:5px; left:0; !important} @media (max-width:768px) { .list_caution, .list_dot {margin-top:10px;margin-bottom:10px;} .list_caution li, .list_dot > li {font-size:14px;padding:5px 15px;letter-spacing:-1px;color:#666} } /* club siwff */ @media (max-width:768px) { .club_siwff .tbl.tbl_box thead > tr > th:first-child {display:none} .club_siwff .tbl.tbl_box tbody > tr > th {display:none;} .club_siwff .tbl.tbl_box tbody > tr > td {width:50%;padding:5px 5px} .club_siwff .list_caution li, .list_dot > li {padding:5px 5px} } /* 테이블 */ .tbl_basic_horizon thead > tr > th {} .tbl_basic_horizon thead > tr > td {} .tbl_basic_horizon tbody > tr > th {text-align:left;font-weight:500} .tbl_basic_horizon tbody > tr > th, .tbl_basic_horizon tbody > tr > td {font-size:16px;line-height:160%;color:#555;padding:12px} .tbl_basic_horizon tbody > tr > td {font-weight:300;} .tbl.tbl_box {border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;box-shadow:2px 2px 5px rgba(0,0,0,.03)} .tbl.tbl_box tbody > tr > th, .tbl.tbl_box thead > tr > th {font-weight:300;font-size:17px;text-align:center;color:#222} .tbl.tbl_box thead > tr > th {border-bottom-width:1px} .tbl.tbl.tbl_box > colgroup+thead > tr:first-child>th, .tbl.tbl.tbl_box > thead:first-child > tr:first-child >th {border-top:1px solid #e0e0e0} .tbl.tbl_box thead > tr > th, .tbl.tbl_box thead > tr > td, .tbl.tbl_box tbody > tr > th, .tbl.tbl_box tbody > tr > td {padding:12px 20px;vertical-align:middle;border-right:1px solid #e0e0e0} .tbl.tbl_box tbody > tr > th {width:180px;} .tbl.tbl_box tbody > tr > td {font-size:16px;line-height:160%;color:#555;font-weight:300;color:#888;text-align:center} .tbl.tbl_box tbody > tr > td.td_left {text-align:left !important} .tbl_box .txt-helper {display:block;font-size:14px;color:#9644d8;margin-top:5px;} @media (max-width:768px) { .tbl.tbl_box tbody > tr > th {width:} .tbl.tbl_box thead > tr > th, .tbl.tbl_box thead > tr > td, .tbl.tbl_box tbody > tr > th, .tbl.tbl_box tbody > tr > td {word-break:keep-all} .tbl_basic_horizon tbody > tr > th, .tbl_basic_horizon tbody > tr > td {display:block;width:100%;padding:5px 12px;} .tbl_basic_horizon tbody > tr > th {font-weight:bold;padding-bottom:5px} .tbl_basic_horizon tbody > tr > td {border-top:0;font-size:15px;} .tbl.tbl_box tbody > tr > th {width:auto;} .tbl_box .txt-helper {font-size:13px;line-height:20px} } @media (max-width:414px) { .tbl.tbl_box thead > tr > th, .tbl.tbl_box thead > tr > td, .tbl.tbl_box tbody > tr > th, .tbl.tbl_box tbody > tr > td {padding:5px 10px;font-size:14px;} } .tbl_box_tit {font-size:24px;font-weight:300;color:#111;letter-spacing:-1px;padding:30px 0 20px;border-bottom:1px solid #e0e0e0} .tbl_box_tit2 {font-size:24px;line-height:150%;font-weight:300;color:#111;letter-spacing:-1px;padding:20px 0 15px;border-top:1px solid #e0e0e0} .tbl_box_tit2.border-secondary {border-color:#29b1bf !important} .tbl_box_tit2.border-primary{border-color:#4d3494 !important} .tbl_box_tit2.border-warning{border-color:#f55d9c !important} .tbl_box .group {position:relative;background:#fff;padding:20px 0;margin-bottom:5px;border-top:1px solid #e0e0e0;} .tbl_box .group:first-child {border-top:none} .tbl_box .group:after {clear:both;content:'';display:block;} .tbl_box .group .hdbox {display:table;float:left;width:180px;height:100%;text-align:center;} .tbl_box .group .hdbox .tit {display:table-cell;vertical-align:middle;font-size:17px;color:#222;font-weight:300;padding-top:5px} .tbl_box .group1 .hdbox .tit {padding-top:0} .tbl_box .group .subbox {display:table;border-left:1px solid #f5f5f5;padding-left:30px;} .tbl_box .group .subbox div {display:table-cell;vertical-align:middle;} .tbl_box .group .subbox_list:after, .tbl_box .group .subbox_list:before {clear:both;display:block;content:'';} .tbl_box .group .subbox_list {float:left;text-align:center;width:80%;position:relative;} .tbl_box .group .subbox_list li {float:left;display:table;width:33.333333%;padding:10px 0 10px 10px;} .tbl_box .group .subbox_list.col2 > li {width:50%} .tbl_box .group .subbox_list li:first-child {padding-left:0} .tbl_box .group .subbox_list li:first-child+li+li+li {clear:both;padding-left:0} .tbl_box .group .subbox_list li div {display:table-cell;vertical-align:middle;background:url(/kor/img/cont/bg_subbox.png) no-repeat #f8f4fd;padding:15px;} .tbl_box .group .subbox_list li .subtit {font-size:18px;margin-bottom:10px;font-weight:400;color:#4d3494;} .tbl_box .group .subbox_list li .desc {font-size:16px;line-height:160%;color:#888;font-weight:300} .tbl_box .group .subbox_list li .txt-helper {display:block;font-size:14px;color:#9644d8;margin-top:5px;} .tbl_box .group1 .hdbox, .tbl_box .group1 .subbox_list li {height:206px;} @media (max-width:768px) { .tbl_box .group {padding:15px;} .tbl_box .group .subbox {padding:15px 0;border:none} .tbl_box_tit2 {padding:15px 0} } @media (max-width:414px) { .tbl_box .group .hdbox {padding-bottom:10px;} .tbl_box .group .subbox_list li .subtit, .tbl_box .group .hdbox .tit {letter-spacing:-1px;} .tbl_box .group .subbox {border:none;padding-left:none;} .tbl_box .group .subbox_list li {padding:5px 0 !important;} .tbl_box .group .subbox_list li .subtit {font-size:16px;} .tbl_box .group .subbox_list li .desc {font-size:15px;color:#333} .tbl_box .group .subbox .list_dot {padding-top:0;margin-top:0} .tbl_box_tit, .tbl_box_tit2 {font-size:20px;font-weight:bold;padding:15px 0} } .tbl.tbl_box_s {border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;box-shadow:2px 2px 5px rgba(0,0,0,.03)} .tbl.tbl_box_s tbody > tr > th, .tbl.tbl_box_s thead > tr > th {font-weight:300;font-size:17px;text-align:center;color:#222} .tbl.tbl_box_s thead > tr > th {border-bottom-width:1px} .tbl.tbl.tbl_box_s > colgroup+thead > tr:first-child>th, .tbl.tbl.tbl_box_s > thead:first-child > tr:first-child >th {border-top:1px solid #e0e0e0} .tbl.tbl_box_s thead > tr > th, .tbl.tbl_box_s thead > tr > td, .tbl.tbl_box_s tbody > tr > th, .tbl.tbl_box_s tbody > tr > td {padding:12px 15px;vertical-align:middle;border-right:1px solid #e0e0e0} .tbl.tbl_box_s tbody > tr > th {width:180px;} .tbl.tbl_box_s tbody > tr > td {font-size:16px;line-height:160%;color:#555;font-weight:300;color:#888;text-align:center} .tbl.tbl_box_s tbody > tr > td.td_left {text-align:left !important} .tbl.tbl_box_s tbody > tr > td > ul {margin:0} .tbl.tbl_box_s thead > tr > th, .tbl.tbl_box_s thead > tr > td, .tbl.tbl_box_s tbody > tr > th, .tbl.tbl_box_s tbody > tr > td {padding:8px;vertical-align:middle;border-right:1px solid #e0e0e0} .tbl.txt-left thead > tr > th, .tbl.txt-left thead > tr > td, .tbl.txt-left tbody > tr > th, .tbl.txt-left tbody > tr > td {text-align:left !important;padding:12px 20px;} @media (max-width:768px) { .tbl_box .group .hdbox {display:block;height:auto;width:100%} .tbl_box .group .subbox_list {width:100%} .tbl_box .group1 .hdbox, .tbl_box .group1 .subbox_list li {height:auto;width:100%} } .ticket_info_caution {border:1px solid #e0e0e0;margin:0 auto;margin-top:50px;} .ticket_info_caution .caution_it {padding:20px 30px;text-align:center} .ticket_info_caution .caution_it:first-child {border-right:1px solid #e0e0e0} @media (max-width:768px) { .ticket_info_caution .caution_it:first-child {border-right:none;border-bottom:1px solid #e0e0e0} .tbl.tbl_box_s thead > tr > th, .tbl.tbl_box_s thead > tr > td, .tbl.tbl_box_s tbody > tr > th, .tbl.tbl_box_s tbody > tr > td {padding:10px;font-size:15px;} } @media screen and (max-width: 600px) { table.tbl_responsive { border: none; border-left: none !important; border-bottom: none !important; box-shadow: none !important; } .tbl.tbl_box { /* border-left:none; */} table.tbl_responsive thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table.tbl_responsive tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } table.tbl_responsive td { border-bottom: 1px solid #ddd; border-left: 1px solid #e0e0e0; display: block; font-size: .8em; text-align: right; } table.tbl_responsive td::before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } table.tbl_responsive td:first-child, table.tbl_responsive th:first-child + td { background:#ddd; color:#000 !important; font-weight:bold !important;border-bottom: 0; } table.tbl_responsive th:first-child { background:#000; color:#fff !important; font-weight:bold !important;border-bottom: 0;border:none; border-bottom: 3px solid #ddd; display: block; margin-bottom: .6em; margin-top:2em; } table.tbl_responsive.tbl_responsive2 td { text-align:left !important; } table.tbl_responsive.tbl_responsive2 th:first-child + td, table.tbl_responsive td { background:#fff; color:#888 !important; font-weight:normal !important;border-bottom: 0; text-align:left; } table.tbl_responsive th:first-child { background:#000; color:#fff !important; font-weight:bold !important;border-bottom: 0;border:none; border-bottom: 3px solid #ddd; display: block; margin-bottom: .6em; margin-top:2em; } table.tbl_responsive td:last-child { border-bottom: 0; } } /* 티켓안내 + 상영시간표 상단 문구 */ .note {padding:0 0;} .note:before, .note:after {clear:both;display:block;content:'';} .note .note_li {position:relative;float:left;width:50%;padding:10px;} .note .note_li div:before {content:'';display:inline-block;position:absolute;top:20px;left:20px;width:92px;height:92px;background:url(/kor/img/cont/ico_ticket_noteold.png) no-repeat #fafafa;margin:0 auto} .note .note_li div {position:relative;background:#fafafa;padding:15px 60px 15px 140px;min-height:140px;} .note .note_li .note_li_tit {font-size:18px;letter-spacing:-1px} .note .note_li .desc-s {color:#888} .note .note_li.note_li_1 div:before {background-position:0 0} .note .note_li.note_li_2 div:before {background-position:-92px 0} .note .note_li.note_li_3 div:before {background-position:-184px 0} .note .note_li.note_li_4 div:before {background-position:-276px 0} .note .note_li.note_li_5 div:before {background-position:-368px 0} .note .note_li.note_li_6 div:before {background-position:-460px 0} .note .note_li.note_li_7 div:before {background-position:-556px 0} .ticket_info .note_li {background:#fff;border-top:1px solid #ccc} .ticket_info .note .note_li div:before {background-color:#fff} .ticket_info .note_li div {min-height:200px;background:#fff} .ticket_info .tbl_box .price {font-size:18px;font-weight:900} @media (max-width:768px) { .note {padding:0 0 10px 0} .note .note_li {padding:0 0 5px 0;width:100%} .note .note_li div {padding:15px;min-height:auto} .note .note_li div:before {content:none} .note .note_li .txt-helper {font-size:13px;margin-top:5px;letter-spacing:-1px;} .note .note_li .tbl_box_tit2 {padding-top:0;padding-bottom:3px;font-size:16px;} } @media screen and (max-width: 767px){ .table-responsive{width: 100%;overflow-x: auto;white-space: nowrap;} } /* 티켓안내 + 상영시간표 상단 문구 */ .covid {padding:0 0;} .covid:before, .covid:after {clear:both;display:block;content:'';} .covid .covid_li {position:relative;float:none;width:100%;padding:20px;} .covid .covid_li div:before {content:'';display:inline-block;position:absolute;top:35px;left:20px;width:120px;height:92px;background:url(/kor/img/cont/ico_ticket_note.png) no-repeat #fafafa;margin:0 auto} .covid .covid_li div {position:relative;background:#fafafa;padding:15px 60px 15px 170px;min-height:140px;} .covid .covid_li .note_li_tit {font-size:18px;letter-spacing:-1px} .covid .covid_li .desc-s {color:#888} .covid .covid_li.covid_li_1 div:before {background-position:-2px -40px} .covid .covid_li.covid_li_2 div:before {background-position:-99px -40px} .covid .covid_li.covid_li_3 div:before {background-position:-220px -40px} .covid .covid_li.covid_li_4 div:before {background-position:-325px -37px} .covid .covid_li.covid_li_5 div:before {background-position:-435px -40px} .covid .covid_li.covid_li_6 div:before {background-position:-550px -37px} .covid .covid_li.covid_li_7 div:before {background-position:-650px -40px} .covid .covid_li.covid_li_8 div:before {background-position:-750px -40px} .covid .covid_li.covid_li_9 div:before {background-position:-860px -40px} .covid .covid_li.covid_li_10 div:before {background-position:-986px -40px} .covid .covid_li.covid_li_11 div:before {background-position:-1093px -37px} .covid_info .covid_li {background:#fff;border-top:1px solid #ccc} .covid_info .covid_li:last-child {border-bottom:1px solid #ccc} .covid_info .covid .covid_li div:before {background-color:#fff} .covid_info .covid_li div {background:#fff} .covid_info .tbl_box .price {font-size:18px;font-weight:900} @media (max-width:768px) { .covid19 {padding:0 0 10px 0} .covid19 .covid19_li {padding:0 0 5px 0;width:100%} .covid19 .covid19_li div {padding:15px;min-height:auto} .covid19 .covid19_li div:before {content:none} .covid19 .covid19_li .txt-helper {font-size:13px;margin-top:5px;letter-spacing:-1px;} .covid19 .covid19_li .tbl_box_tit2 {padding-top:0;padding-bottom:3px;font-size:16px;} } /* 상영시간표 보는법 */ .grade_info {padding:0px} .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;letter-spacing:-1px;} .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} } /* -------------수강료 --------------*/ .academy_info {width:100%;border:1px solid #e0e0e0;} .academy_info > thead > tr > th {border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:#f5f5f5;font-weight:500} .academy_info > thead > tr > th, .academy_info > tbody > tr > td {padding:10px 10px} .academy_info > tbody > tr > td {border-right:1px solid #e0e0e0;padding-left:20px;} .academy_info > tbody > tr > td p {font-size:15px;line-height:150%;color:#666;} .academy_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} */ } /* 여성영화인의 밤 - 일시 및 장소 */ .dnp {margin:10px 0 0 0;} .dnp .box {text-align:center;padding:30px;background:#fff;border-radius:3px;-webkit-border-radius:3px;min-height:125px} .dnp .box.left {border-right:5px solid #f5f5f5} .dnp .box strong {font-size:18px;color:#222;font-weight:500;padding-bottom:10px;display:block;} .dnp .box p {font-size:22px;line-height:160%;font-weight:300;} .dnp .box p.desc {font-size:16px !important} .dnp .box strong.film_tit {} .dnp .box.txt-left {text-align:left; margin-bottom:10px; } .dnp .box p.genre { font-size:15px; } .dnp .box span.dir { font-size:16px; } .dnp .box p.logline { font-size:15px; } @media (max-width:768px) { .dnp {margin:10px 0 0 0} .dnp .box {padding:15px;min-height:auto;margin:3px auto;text-align:left;width:90%} .dnp .box strong, .dnp .box p {display:block;width:100%} .dnp .box strong {display:inline-block;font-size:14px;} .dnp .box p {font-size:14px;display:inline-block;} .dnp .box p.desc {font-size:13px !important;} .dnp .box {text-align:center} } /* 후원회원 */ .pr_banner {} .pr_banner a {display:block;color:#fff;padding:30px 30px;height:260px} .pr_banner a strong {display:block;font-size:22px;font-weight:400;margin-bottom:20px;} .pr_banner .link_bora {background:url(/kor/img/cmm/sub_visual_bg2.jpg) no-repeat 0 0 #603783} .pr_banner .link_fm {background:url(/kor/img/cmm/sub_visual_bg4.jpg) no-repeat 0 0 #333} .pr_banner p {font-size:15px;line-height:160%;font-weight:300;color:#fff;color:rgba(255,255,255,.5)} .btn_link_pr {position:absolute;bottom:30px;right:20px;font-size:14px;display:inline-block;padding-right:20px;margin:0 10px;background:url(/kor/img/cmm/ico_member_arrow.png) no-repeat right center;} /* 10년의 약속 */ .tbl_hof {width:100%;} .tbl_hof tr td {border-bottom:1px solid #e0e0e0;padding:15px 10px 30px 10px;border-right:20px solid #fff;border-left:20px solid #fff;font-size:14px;line-height:150%;vertical-align:top;font-weight:300} .tbl_hof tr td span {font-size:18px;font-weight:400;display:block;} .tbl_hof tr > td:first-child {padding-left:0} .hof_li_inner {padding:20px;} .hof_li_inner .name {font-size:18px;font-weight:300} .hof_li_inner .career {padding-top:20px;} @media (max-width:768px) { .tbl_hof tr td {display:block;width:100%;padding:10px 0;} .table-responsive{width: 100%;overflow-x: auto;white-space: nowrap;} } /* 20주년 기념사업 */ .tbl_dvd {width:100%;} .tbl_dvd > thead > tr > th {font-weight:bold;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;text-align:center;background:#f5f5f5} .tbl_dvd > thead > tr > th:last-child {border-right:0} .tbl_dvd > thead > tr > th, .tbl_dvd > tbody > tr > th, .tbl_dvd > tbody > tr > td {font-size:15px;line-height:160%;padding:10px 15px;letter-spacing:-0.5px;font-weight:400;text-align:center;border-left:1px solid #e0e0e0} .tbl_dvd > tbody > tr > td > p, .tbl_dvd > tbody > tr > td > p > span {font-weight:500;font-size:16px} .tbl_dvd > tbody > tr > th {position:relative;font-weight:normal;color:#4d3494;width:10%;} .tbl_dvd > tbody > tr {border-bottom:1px solid #e0e0e0} .tbl_dvd > tbody > tr > td .edu_sec_tit, .tbl_dvd > tbody > tr > td .edu_movie_tit {display:inline-block;} .tbl_dvd > tbody > tr > td .edu_sec_tit {color:#333;font-weight:500} .tbl_dvd > tbody > tr > td .edu_movie_tit {color:#888;padding-left:7px} .tbl_dvd > tbody > tr > td .edu_movie_tit_block {display:block;padding:3px 0;font-size:15px;color:#888} .trailer_20th_top .tbl_box_tit {border:none} .trailer_20th_dir {margin-top:50px;} .trailer_20th_dir .trailer_20th_dir_li {margin-top:50px;} .tit_box { padding:50px; background-color:#f4eefb; background-image:linear-gradient(146deg, #f6f6f6 0%, #f4eefb 100%); background-image:-webkit-linear-gradient(146deg, #f6f6f6 0%, #f4eefb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f4eefb'); box-shadow:1px 1px 5px rgba(0,0,0,0.01); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.01); } .tit_box p {font-size:18px;font-weight:300;line-height:160%;letter-spacing:-1px;} .tit_box.titbox2 { display:table; width:100%; padding:10px; min-height:100px; background-color:#f4eefb; background-image:linear-gradient(146deg, #f6f6f6 0%, #f4eefb 100%); background-image:-webkit-linear-gradient(146deg, #f6f6f6 0%, #f4eefb 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f4eefb'); box-shadow:1px 1px 5px rgba(0,0,0,0.01); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.01); } .tit_box.titbox2 p {display:table-cell; vertical-align:middle; text-align:center; font-size:18px;font-weight:300;line-height:160%;letter-spacing:-1px;} @media (max-width:768px) { .tit_box {padding:30px;} .press .tbl.tbl_box_s tbody > tr > th {width:20%} .press .tbl.tbl_box_s tbody > tr > td {width:80%} } @media (max-width:414px) { .tit_box {padding:20px;} .tbl_dvd > thead > tr > th, .tbl_dvd > tbody > tr > th, .tbl_dvd > tbody > tr > td {font-size:13px;padding:5px;} .tit_box {margin-bottom:5px;} .tit_box p {font-size:15px;} } [data-tooltip-text]:hover { position: relative; } [data-tooltip-text]:hover:after { background-color: #000000; background-color: rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFFFFF; font-size: 12px; content: attr(data-tooltip-text); margin-top: 45px; top: 0; left: 0; padding: 7px 12px; position: absolute; width: auto; min-width: 60px; max-width: 300px; word-wrap: break-word; z-index: 9999; } /* 야외광장 이벤트 - 부스 리스트 */ .tab_booth_date {} .tab_booth_date li {padding:0;margin:0;} .tab_booth_date li:hover {cursor:pointer} .tab_booth_date li a {display:block;padding:10px 20px;font-size:16px;font-weight:bold;font-family:'Lato', sans-serif;color:#aaa;} .tab_booth_date li.on {color:#29b1bf} .tab_booth_date li.on a {color:#333} @media (max-width:768px) { .tab_date {white-space:nowrap;overflow-y:scroll} .tab_date li a {padding:5px 10px;font-size:20px;font-weight:bold;} .tab_date li a span {font-size:15px;line-height:22px;font-weight:normal;margin-top:5px;} } .booth {margin-top:50px;} .booth .booth_list {background:#fff;padding:30px;} .booth .booth_list:before, .booth .booth_list:after {display:block;content:'';clear:both} .booth .booth_list li {float:left;width:20%;min-height:80px;border-bottom:1px solid #e0e0e0;padding:30px 10px} .booth .booth_list li p {padding:20px 0px; font-size:15px;line-height:24px;height:48px;overflow:hidden;} /* 기념품 */ .souvenir {} .souvenir .souvenir-li {margin-bottom:30px;} .souvenir .pr-img {border:1px solid #e0e0e0} .souvenir .pr-tit {font-size:16px;line-height:160%;font-weight:500;padding:15px 0 5px 0;text-decoration:underline} .souvenir .pr-price {font-size:18px;color:#666;font-weight:900;letter-spacing:1px !important} @media (max-width:768px) { .souvenir .souvenir-li {min-height:300px;} } /* Program view */ .pg_view {} .pg_view .top_visual {position:relative;height:400px;overflow:hidden;} .pg_view .top_visual .cover_img {width:100%;min-height:400px;background:url(../img/program/film_cover_test.jpg) no-repeat 0 0;background-attachment:fixed;} .pg_view .film_info_wrap {padding-top:60px;} .pg_view .film_info_wrap .film_tit {font-size:38px;line-height:1.5;color:#592a80;letter-spacing:-1.5px;font-weight:bold} .pg_view .film_info_wrap .film_tit_en {font-size:20px;line-height:1.5;color:#9b7fb3;font-weight:bold;margin-top:10px} .film_info_wrap .film_info {padding-bottom:30px;padding-top:10px} .film_info_wrap .film_info li {position:relative;font-size:18px;color:#444;font-weight:bold;padding:0 15px;letter-spacing:-1px;} .film_info_wrap .film_info li:after {content:'';position:absolute;display:inline-block;width:1px;height:16px;top:3px;right:0;background:#ccc} .film_info_wrap .film_info li:first-child {padding-left:0} .film_info_wrap .film_info li:last-child:after {content:none} .film_info_wrap .desc {color:#666} .film_nav:before, .film_nav:after {clear:both;display:block;content:'';} .film_nav .film_nav_it {float:left;width:50%;} /* 피치 캐치 */ .pecbox { margin-bottom:50px; } .pecbox .moviethum2 img{ width:100%;} .pecbox .movieTit1 {margin-top:10px; color: #4d3494; font-size:13px;} .pecbox .movieTit2 {margin-top:10px; font-weight:bold; } .pecbox .movieCoach2 {margin-top:10px; line-height:20px; height:40px; overflow:hidden; } .pecbox .movieCoach2.t1 {margin-top:10px; line-height:20px; height:20px; overflow:hidden; } .pecbox .movieInfo2 {margin-top:10px; line-height:20px; height:40px; overflow:hidden;} .pecbox .movieInfo2.t1 {margin-top:10px; line-height:20px; height:60px; overflow:hidden;} /*굿즈 마켓*/ .goods {position:relative; width:100%; padding:40px 20px; margin-top:50px; background:#f8f8f8; } .goods:after {display:block;content:'';clear:both} .goods ul {position:relative; width:99%; margin:auto;} .goods ul li { width:30%; margin:0 1.5% 30px 1.5%; float:left; text-align:center; } .goods ul li div.g_img { background:#fff; width:100%; padding:30px; border:1px solid #ddd; margin:0 0 10px 0; } .goods ul li div.g_tit { font-size:18px; font-weight:bold; line-height:1.8; } .goods ul li div.spec {font-size:16px; line-height:1.5; color:#666} .goods ul li div.price {font-size:18px; line-height:1.5; font-weight:bold; } .goods .tit_sec{background: #fff;padding-top: 15px;width: 95%;text-align: center;margin: 0 30px 30px 25px;border: 1px solid #ddd;} @media (max-width:414px) { .goods {padding:20px 10px; margin-top:30px; } .goods ul {position:relative; width:99%; margin:auto;} .goods ul li { width:48%; margin:0 1% 30px 1%; } .goods ul li div.g_img { padding:10px; margin:0 0 10px 0; } .goods ul li div.g_tit { font-size:15px; line-height:1.5; } .goods ul li div.spec {font-size:13px; line-height:1.2;} .goods ul li div.price {font-size:14px; line-height:1.2; } .goods .tit_sec{padding-top: 10px;width: 100%;margin:0 0 15px 0;} }