@charset "utf-8";

/*
프로젝트 : 영화진흥위원회 온라인상영관 통합전산망 구축
작성자 : 강정민
최종 업데이트일자 : 2020.09.17
*/

/* =======공통스타일 시작====== */
header {
    position: relative;
    width: 100%;
}

header .hd_top {
    position: static;
    margin: 10px auto 0 auto;
    padding: 20px 0 20px 0;
    width: 1200px;
    height: 68px;
    text-align: center;
    box-sizing: border-box;
}

header .hd_top .logo {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 -10% 0 0;
    vertical-align: middle;
}

header .hd_top .logo > a {
    display: block;
    height: 28px;
}

header .hd_top .logo a:focus img {
    outline: 1px solid #360afa;
    box-sizing: border-box;
}

header .hd_top .hd_nav_right {
    float: right;
}

header .hd_top .hd_nav_right .hel_user {
    display: inline-block;
    float: left;
    margin: 6px 0 0 0;
    font-size: 13px;
}

header .hd_top .hd_nav_right li {
    float: left;
}

header .hd_top .login_go, header .hd_top .hd_search, header .hd_top .hd_mypage {
    display: inline-block;
    margin-top: 0px;
    padding: 0 18px;
    width: 28px;
    height: 28px;
    background: url('../images/common/hd_top_icon.png') no-repeat;
    text-indent: -9999px;
    transition: background 0.2s;
}

header .hd_top .login_go.in {
    background-position: -175px 3px;
}

header .hd_top .hd_mypage {
    background-position: 9px 3px;
}

header .hd_top .login_go {
    background-position: -60px 3px;
}

header .hd_top .hd_search {
    background-position: -110px 2px;
}

header .hd_top .hd_mypage:hover, header .hd_top .hd_mypage:focus {
    background-position: 9px -30px
}

header .hd_top .login_go:hover, header .hd_top .login_go:focus {
    background-position: -60px -30px;
}

header .hd_top .login_go.in:hover, header .hd_top .login_go.in:focus {
    background-position: -175px -30px;
}

header .hd_top .hd_search:hover, header .hd_top .hd_search:focus {
    background-position: -110px -30px;
}

header .hd_login_sch {
    display: block;
}

header .hd_login_sch {
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 100%; /* height:auto; */
    /*background: url('../images/common/hd_bg_gnb.gif') repeat-y;*/
    background-size: 100%; /* border-top:1px solid #ddd; */
    background-color: #623c91;
    z-index: 4;
}

header .hd_login_sch .hd_login_form.on {
    display: block !important;
    height: auto;
}

header .hd_login_sch .hd_search_form.on {
    display: block !important;
    height: auto;
}

header .hd_login_sch .inner {
    margin: 0 auto;
    width: 1200px;
}

header .hd_login_sch .close_btn {
    display: inline-block;
    position: absolute;
    left: 50%;
    width: 33px;
    height: 33px;
    background: url('../images/common/hd_close.png') no-repeat center;
    text-indent: -9999px;
}

header .hd_login_sch .hd_login_form .close_btn {
    transform: translateX(230px) translateY(-220px);
}

header .idpw_find_chk .hd_login_form .close_btn {
    transform: translateX(230px) translateY(-180px);
}

header .hd_login_sch .hd_search_form .close_btn {
    transform: translateX(300px) translateY(-80px);
}

header .hd_login_sch a:hover, header .hd_login_sch a:focus {
    outline: 1px solid #fff
}

header .hd_login_sch .close_btn:focus {
    border: 1px solid #fff
}

header .hd_login_form {
    margin: 30px auto;
    width: 360px;
    text-align: left;
}

header .auth_num_form {
    margin: 0 0 20px 0;
}

header .hd_login_form > input, header .auth_num_form > input {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 10px 10px 10px 30px;
    background: none;
    color: #fff;
    font-size: 1.1em;
    border: 0;
    border-bottom: 1px solid #fff;
}

header .hd_login_form > input::placeholder,
header .auth_num_form > input::placeholder {
    color: #fff;
    font-weight: 100;
}

header .auth_num_form .input_num {
    display: inline-block;
    width: 70%;
}

header .hd_login_form .input_id {
    background: url('../images/common/hd_login_icon.png') no-repeat 4px 10px;
}

header .hd_login_form .input_pw {
    margin-bottom: 0;
    background: url('../images/common/hd_login_icon.png') no-repeat 4px -56px;
}

header .hd_login_form .input_num {
    margin-bottom: 0;
    background: url('../images/common/hd_login_icon.png') no-repeat 4px -116px;
}

header .hd_login_form .login_chk {
    margin: 18px 0 30px 0;
    text-align: left;
    color: #fff;
}

header .hd_login_form .login_chk .chkradio input[type="checkbox"]:not(old) {
    background: url('../images/common/hd_chkradio.png') no-repeat 0 0;
}

header .hd_login_form .login_chk .chkradio input[type="checkbox"]:not(old) + label {
    padding-left: 28px;
    height: 23px;
    background: url('../images/common/hd_chkradio.png') no-repeat 0 0px;
    transition: background 0.1s;
}

header .hd_login_form .login_chk .chkradio input[type="checkbox"]:not(old):checked + label {
    background: url('../images/common/hd_chkradio.png') no-repeat 0 -36px;
    color: #fff;
}

header .hd_login_form .login_chk .chkradio input[type="radio"]:not(old):checked + label {
    background: url('../images/common/hd_chkradio.png') no-repeat 0 -73px;
}

header .hd_login_form .login_chk .chkradio input[type="checkbox"]:disabled + label,
header .hd_login_form .login_chk .chkradio input[type="radio"]:disabled + label {
    opacity: 0.5;
}

header .hd_login_form .sign_in, header .hd_login_form .auth_ok {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fff;
    color: #f08200;
    font-size: 1.2em;
    text-align: center;
    transition: outline 0.3s;
}

header .hd_login_form .sign_in:hover, header .hd_login_form .sign_in:focus, header .hd_login_form .auth_ok:hover, header .hd_login_form .auth_ok:focus {
    outline: 2px solid #f08200;
}

header .hd_login_form .sign_up {
    display: inline-block;
    position: relative;
    margin-top: 25px;
    color: #fff;
}

header .hd_login_form .sign_up:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}

header .hd_login_form .find_idpw {
    float: right;
    color: #fff;
    font-size: 1em;
}

header .hd_login_form .push_num {
    display: inline-block;
    width: 28%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    box-shadow: border-box;
}

header .hd_search_form {
    margin: 30px 0;
    padding: 80px 0;
}

header .hd_search_form select {
    padding: 5px 0;
    width: 140px;
    background: url('../images/common/hd_select.png') no-repeat center right;
    border: 0;
    border-bottom: 1px solid #fff;
    font-size: 1.2em;
    color: #fff;
}

header .hd_search_form .sch_txt {
    margin-left: 15px;
    padding: 7px 30px 7px 0;
    width: 414px;
    background: none;
    border: 0;
    border-bottom: 1px solid #fff;
    vertical-align: middle;
    box-sizing: border-box;
    color: #fff;
}

header .hd_search_form .sch_txt::placeholder {
    color: #fff;
    font-weight: 100;
    font-size: 1.2em
}

header .hd_search_form .submit_sch {
    display: inline-block;
    margin-left: -30px;
    width: 30px;
    height: 30x;
    background: url('../images/common/hd_sch_btn.png') no-repeat center;
    text-indent: -9999px;
}

header .hel_user_mb {
    display: none;
}

/* 아이디비밀번호찾기 */
.hd_tab li {
    float: left;
    margin: 0 2px;
}

.hd_tab li > a {
    display: block;
    padding: 8px 20px;
    border: 1px solid #ccc;
    border-bottom: 0;
    color: #ddd;
}

.hd_tab li.on a {
    border-color: #fff;
    font-weight: 700;
    color: #fff;
}

.hd_tab_con {
    display: none;
}

.hd_tab_con.on {
    display: block !important;
}

.hd_tab_con .auth_wrap {
    margin: 10px 0;
    color: #fff;
    text-align: center;
}

.hd_tab_con .auth_box {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
}

.hd_tab_con .auth_box:hover {
    outline: 0;
}

.hd_tab_con .auth_box div {
    margin: 10px;
    height: 100px;
    border: 1px solid #fff;
}

.hd_tab_con .auth_box:hover h4, .hd_tab_con .auth_box:focus h4 {
    font-weight: 700;
}

.hd_tab_con .auth_box h4 {
    margin-top: 65px;
    color: #fff;
}

.hd_tab_con .auth_box.phone {
    background: url('../images/common/auth_phone.png') no-repeat 80px 30px;
    background-size: 40px;
}

.hd_tab_con .auth_box.ipin {
    background: url('../images/common/auth_ipin.png') no-repeat 70px 30px;
    background-size: 40px;
}

.hd_tab_con .auth_step2 > p {
    display: block;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #fff;
}

.hd_tab_con .auth_step2 span {
    display: block;
}

.hd_tab_con .auth_step2 a {
    color: #fff;
}


#gnb {
    position: relative;
    width: 100%;
    height: auto;
    border-top: 1px solid #ddd;
}
/*메뉴바 백그*/
#gnb > .gnb_bg {
    content: "";
    position: absolute;
    top: 52px;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 30px;
    width: 100%;
    height: 0;
    background-color: #623c91;
    /*background: url('../images/common/hd_bg_gnb.gif') repeat-y;*/
    background-size: 100%;
    z-index: 3;
    transition: all 0.2s;
}

#gnb .gnb_in {
    margin: 0 auto;
    width: 1200px;
}

#gnb .middleMenu {
    color: #F08200;
    font-weight: bold;
    font-size: 15px;
}

#gnb .depth1 > li {
    position: relative;
    float: left;
    width: 16.66%;
    text-align: center;
}

#gnb .depth1 > li > a {
    display: block;
    position: relative;
    padding: 15px 0;
    font-size: 1.2em;
    font-weight: 500;
    letter-spacing: -1px;
}

#gnb .depth1 > li:hover > a, #gnb .depth1 > li > a:hover, #gnb .depth1 > li > a:focus {
    color: #623c91;
    font-weight: 700;
}

/*마우스 호버링 시 색상*/
#gnb .d2_nav {
    background-color: #623c91;
    display: none;
    position: absolute;
    /*margin-top: -3px;*/
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: auto;
    transition: all 0.5s;
    z-index: 4;
    box-sizing: border-box;
}

#gnb .d2_nav.on {
    display: block;
}

#gnb .depth2 a {
    display: inline-block;
    position: relative;
    padding: 10px 0;
    color: #fff;
}

#gnb .depth2 a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0%;
    height: 1px;
    background: #fff;
    transition: width 0.3s;
}

#gnb .depth2 a:hover:after, #gnb .depth2 a:focus:after {
    width: 100%
}

/* #wrap */
#main_wrap, #wrap {
    min-height: 590px;
}


/* 상단 location : 페이지 depth명*/
.location {
    width: 100%;
    height: 50px;
    background-color: #623c91;
    /*background: url('../images/common/hd_bg.gif') repeat-y;*/
    background-size: 100%;
}

.location .local_in {
    background-color: #623c91;
    padding: 0;
    margin: 0 auto;
    width: 1200px;
}

.location .local_in > ul > li {
    float: left;
    position: relative;
    background: url('../images/common/location_arr.png') no-repeat right 20px;
}

.location .local_in li:first-child {
    background: none;
}

.location .local_in > ul > li > a {
    display: block;
    padding: 14px 30px 14px 15px;
    width: 225px;
    height: 50px;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    font-weight: 100;
    font-size: 15px;
    box-sizing: border-box;
}

/*.location .local_in li a:focus {*/
/*    outline: 1px solid #623c91;*/
/*}*/

.location .local_in > ul > li:last-child > a {
    font-weight: 500;
}

.location .main {
    width: 50px !important;
    height: 50px;
    background: url('../images/common/location_main.png') no-repeat center center;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    text-indent: -9999px;
}

.location2 {
    background-color: #623c91;
    display: none;
    position: absolute;
    padding: 10px 20px;
    width: 100%;
    /*background: #f08200;*/
    z-index: 1;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.location2.on {
    display: block;
    z-index: 3;
}

.location2 li a {
    display: block;
    padding: 4px;
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}

.location2 li a:hover, .location2 li a:focus, .location2 li.on a {
    background-color: #623c91;
    text-decoration: underline;
}

.location2 li.on a {
    font-weight: 500;
}

.location2 .middleMenu {
    color: #F08200;
    font-weight: bold;
    font-size: 15px;
}

/* contents */
.contents {
    position: relative;
    width: 100%;
}

/* 서브 cont */
.cont {
    padding: 30px 0 150px 0;
}

.con_inner {
    margin: 0 auto;
    width: 1200px;
    box-sizing: border-box
}

.cont .tit_page {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.7em;
    font-weight: 500;
    color: #444
}

.tit_page2 {
    margin: 45px 0 10px 0;
    font-size: 1.7em;
    font-weight: 500;
    color: #444
}

.tit_page3 {
    position: relative;
    padding: 15px 30px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    font-size: 1.4em;
    font-weight: 500;
    color: #333;
}

.tit_page3:before {
    content: "";
    position: absolute;
    top: 22px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url('../images/sub/tit_page3.png') no-repeat
}

.tit_page4 {
    margin: 45px 0 10px 0;
    font-size: 1.2em;
    font-weight: 700;
}

/* .cont .tit_page.bd{padding-bottom:22px;border-bottom:1px solid #cfcfcf;} */
.help_label.top {
    margin: -12px 0 0 10px;
    width: 20px;
    height: 20px;
    background: url('../images/sub/help_label.png') n ` o-repeat;
    background-size: 100%;
    cursor: pointer;
}

.help_label.top:hover, .help_label.top:focus {
    border: 1px solid #000;
}

.help_label.top .tool_tip {
    top: -10px;
    left: 45px;
    width: 600px;
    z-index: 2;
}

.help_label.top .tool_tip:before {
    left: -5px;
    background: url('../images/sub/tool_tip_arr.png') no-repeat;
}

.help_label.top .tool_tip > ul > li {
    margin: 0 0 6px 0;
    line-height: 18px;
    font-size: 13px;
}

.help_label.top .tool_tip > ul > li li {
    margin: 0 0 2px 0;
    font-size: 13px;
}

.help_label.top .tool_tip > ul ul > li:before {
    top: 8px;
}

.help_label.top .platform {
    margin: 4px 0 0 0;
}

.help_label.top .platform dd {
    float: left;
    margin: 1px;
    width: calc(16.66% - 2px);
    border: 1px solid #ededed;
    text-align: center
}

.help_label.top .platform dd img {
    height: 25px;
}

.help_label.mv_detail {
    top: -50px;
    left: 170px;
}

.ex {
    font-size: 0.9em;
}

.ex_bt {
    margin-top: 5px;
    font-size: 13px;
}

.circle_radio input[type="radio"]:not(old) {
    height: 0;
}

.circle_radio input[type="radio"]:not(old) + label {
    background: url('../images/common/circle_radio.png') no-repeat 0 0;
}

.circle_radio input[type="radio"]:not(old):checked + label {
    background-position: 0 -45px;
}

.circle_radio input[type="radio"]:not(old):disabled + label {
    background-position: 0 -90px;
}

.link_icon {
    display: inline-block;
    margin: 0 0 0 4px;
    width: 14px;
    height: 14px;
    background: url('../images/common/link_icon.png') no-repeat center;
}

.graph_icon {
    display: inline-block;
    margin: 0 4px 0 4px;
    width: 15px;
    height: 15px;
    background: url('../images/sub/graph_tbl_icon.png') no-repeat 0 0;
    vertical-align: middle;
}

.tbl_icon {
    display: inline-block;
    margin: 0 4px 0 4px;
    width: 16px;
    height: 15px;
    background: url('../images/sub/graph_tbl_icon.png') no-repeat 0 -48px;
    vertical-align: middle;
}


/* column 레이아웃 : 좌우로 나뉜 column형식*/
.column_wrp {
    *zoom: 1;
    box-sizing: border-box;
}

.column_wrp:after, .column_wrp:before {
    line-height: 0;
    display: table;
    content: ''
}

.column_wrp:after {
    clear: both
}

.column_wrp .col_row {
    float: left;
    box-sizing: border-box;
}

.column2 .col_row {
    width: 50%;
    box-sizing: border-box;
}

.column2_2 .left {
    width: calc(100% - 310px);
}

.column2_2 .right {
    width: 310px;
}

/* pagination 페이징버튼 */
.pagination {
    display: block;
}

.pagination ul {
    text-align: center;
}

.pagination ul li {
    display: inline-block;
    vertical-align: middle;
}

.pagination ul li a {
    display: block;
    margin: 0 2px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 1.1em;
}

.pagination ul li.on a, .pagination ul li.current a, .pagination ul li a:hover, .pagination ul li a:focus {
    text-decoration: underline;
    color: #623c91;
}

.pagination ul li a:hover, .pagination ul li a:focus {
    font-weight: 700;
}

.pagination ul li .arrow {
    background: url('../images/common/pagination.png') no-repeat;
    border: 1px solid #e3e3e3;
    text-indent: -9999px;
    overflow: hidden;
}

.pagination ul li .arrow:hover, .pagination ul li .arrow:focus {
    border-color: #623c91;
}

.pagination ul li .prev_end {
    background-position: 0 0;
}

.pagination ul li .prev {
    background-position: -50px 0;
}

.pagination ul li .next {
    background-position: -100px 0;
}

.pagination ul li .next_end {
    background-position: -150px 0;
}

.pagination ul li .prev_end:hover, .pagination ul li .prev_end:focus {
    background-position: 0 -45px;
}

.pagination ul li .prev:hover, .pagination ul li .prev:focus {
    background-position: -50px -45px;
}

.pagination ul li .next:hover, .pagination ul li .next:focus {
    background-position: -100px -45px;
}

.pagination ul li .next_end:hover, .pagination ul li .next_end:focus {
    background-position: -150px -45px;
}

/* 하단버튼 영역 */
.btn_area {
    margin-top: -45px;
}

.btn_area > a {
    margin: 0 4px;
}

.btn_area.left {
    float: left;
}

.btn_area.right {
    float: right;
}

.btn_area.right a {
    margin: 0 2px;
}

/* #footer */
footer {
    position: relative;
    width: 100%;
    background: #1c1c1c;
}

.footer_in {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    text-align: left;
}

.goTop {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 100px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    transition: background .3s;
}

.goTop:hover, .goTop:focus {
    background: rgba(0, 0, 0, 1);
}

.footer_top {
    padding: 10px 0;
    border-bottom: 1px solid #333;
    text-align: center;
}

.footer_top ul {
    display: inline-block;
    margin-top: 10px;
}

.footer_top ul li {
    display: inline-block;
}

.footer_top ul li a {
    position: relative;
    padding: 0 20px;
    color: #d9d9d9;
}

.footer_top ul li a:focus {
    outline: 1px solid #360afa;
}

.footer_top ul li a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 15px;
    background: #a0a0a0;
}

.footer_top ul li:last-child a:after {
    display: none;
}

.footer_top .slt {
    float: right;
    padding: 10px;
    width: 160px;
    height: 40px;
    background: url('../images/common/ft_select.png') no-repeat 90% center #414141;
    border: 0;
    border-radius: 20px;
    color: #aaaaaa;
}

/* .footer_bottom {padding:30px 0 60px 0;} */
.footer_bottom {
    padding: 30px 0 40px 0;
}

.footer_bottom .ft_logo {
    float: left;
}

.footer_bottom .ft_logo a:hover, .footer_bottom .ft_logo a:focus {
    outline: 1px solid #aaa;
}

.footer_bottom ul {
    display: inline-block;
    margin-left: 25px;
}

.footer_bottom ul li {
    position: relative;
    float: left;
    padding: 0 8px;
    color: #d1d1d1;
    font-size: 13px;
}

.footer_bottom ul li * {
    font-size: inherit;
}

.footer_bottom ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 15px;
    background: #555;
}

.footer_bottom ul li:last-child:after {
    display: none;
}

.footer_bottom ul li a {
    color: #d1d1d1;
}

.footer_bottom ul li a:focus {
    outline: 1px solid #aaa;
}

.footer_bottom .copy {
    display: inline-block;
    margin-left: 33px;
    color: #939393;
    font-size: 13px;
}


/* 레이어팝업 */
.layer_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 5 !important;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
}

.layer_pop::-webkit-scrollbar {
    display: none;
}

.layer_pop.on {
    display: block;
}

.layer_pop_in {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
}

.layer_top {
    padding: 10px 30px;
    background-color: #623c91;
    /*background: url('../images/common/hd_bg.gif') repeat-y center;*/
    background-size: 100%;
    text-align: left;
}

.layer_top .title {
    display: inline-block;
    font-size: 1.3em;
    font-weight: 300;
    color: #fff;
}

.layer_close {
    width: 22px;
    height: 22px;
    background: url('../images/common/mb_menu_close.png') no-repeat center;
    background-size: 100%;
    text-indent: -9999px;
}

.layer_top a {
    display: inline-block;
    color: #fff;
}

.layer_top a:hover, .layer_top a:focus {
    border: 1px solid #eee;
}

.main_layer .layer_top {
    padding: 10px 15px;
}

.layer_con {
    max-height: 700px;
    overflow-y: auto;
}

.layer_con {
    padding: 20px 30px;
    box-sizing: border-box;
}

.layer_con .sub_tit {
    padding-bottom: 15px;
    border-bottom: 1px solid #e3e3e3;
}

.layer_con .sub_tit > h4 {
    display: inline-block;
    font-size: 1.4em;
    font-weight: 500;
}

.main_layer .layer_con {
    padding: 0;
}

.layer_bottom {
    padding: 10px 30px 50px 30px;
    box-sizing: border-box;
}

.layer_bottom .btn_area {
    margin-top: 0;
}

.main_layer .layer_bottom {
    padding: 10px 10px 10px 10px;
    text-align: right;
}

.input_wrap .input_box span {
    display: block;
    margin-top: 20px;
    font-size: 1.2em;
    color: #555;
}

.input_wrap .input_box input {
    margin: 8px 0;
    width: 100%;
    height: 38px;
    border: 0;
    border-bottom: 1px solid #333;
    font-size: 1.1em;
}

.layer_sch_area {
    margin: 0 0 25px 0;
    width: 100%;
}

.layer_sch_area .sch_box {
    display: inline-block;
    width: 100%
}

.layer_sch_area .sch_box span {
    display: block;
    height: 22px;
    font-size: 16px;
    color: #555555
}

.layer_sch_area .sch_box select, .layer_sch_area .sch_box input[type="text"] {
    margin: 0 15px 0 0;
    padding: 0 35px 0 0;
    width: 150px;
    height: 38px;
    line-height: 38px;
    background: none;
    border: 0;
    border-bottom: 1px solid #333;
    font-size: 16px;
}

.layer_sch_area .sch_box select {
    background: url('../images/common/sch_area_select.png') no-repeat center right;
}

.layer_sch_area .datepicker {
    background: url('../images/common/sch_datepicker.png') no-repeat center right !important;
}

.layer_sch_area .sch_txt {
    margin: 0;
    padding-left: 25px !important;
    background: url('../images/sub/sch_icon.png') no-repeat left center !important;
}

.layer_sch_area .glasses {
    background: url('../images/sub/sch_icon.png') no-repeat center right !important;
}

.layer_sch_area .default_sch_box .sch_txt {
    width: calc(100% - 270px) !important;
}

.layer_fixed_tbl {
    max-height: 500px;
}

.layer_pop_multi {
    background: rgba(0, 0, 0, 0.5);
}

.layer_pop_multi .layer_pop_in {
    position: relative;
    top: 100px;
    left: 50px;
    transform: translate(0, 0);
    float: left;
    margin: 0 10px;
    min-width: 280px;
}

.layer_pop_multi .layer_top {
    padding: 10px 15px;
}

.layer_pop_multi .layer_top .title {
    font-size: 16px;
}

.layer_pop_multi .layer_con {
    padding: 0;
    min-height: 200px;
}

.layer_pop_multi .layer_bottom {
    padding: 10px 10px;
    background: #333;
    border-top: 1px solid #ddd;
    text-align: right;
}

.layer_pop_multi .layer_bottom .chkradio label {
    color: #fff;
    font-size: 13px;
}

.layer_pop_multi .layer_close {
    margin: 0 0 0 10px;
    padding: 4px 10px;
    background: #000;
    border-radius: 4px;
    color: #fff;
    text-indent: 0;
    font-size: 13px;
}

.keyword_chk_wrap {
    display: flex;
    flex-direction: row;
    margin: 0 0 10px 0;
    padding: 10px;
    width: 100%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.keyword_chk_wrap .cancel_all {
    display: inline-block;
    margin: 0 0 4px 0;
    padding-right: 40px;
    width: 120px;
    height: 40px;
    background: url('../images/common/hd_close.png') no-repeat #777 90% center !important;
    background-size: 12% !important;
}

.keyword_chk_wrap .cancel_all:hover, .keyword_chk_wrap .cancel_all:focus {
    background-color: #555 !important;
}

.keyword_chk_wrap .tab_tag {
    display: inline-block;
    margin: 0 0 0 10px;
    width: calc(100% - 42px);
}

.keyword_chk_wrap .tab_tag a {
    margin: 0 4px 4px 0;
    padding-right: 30px;
    background: url('../images/sub/close.png') no-repeat right 14px #fff !important;
    color: #777
}

.keyword_chart {
    margin: 10px 0;
    border: 1px solid #eee;
}

/* 회원가입 */
.sign_select_comp {
    display: table;
    margin: 50px auto;
}

.sign_select_comp > div {
    float: left;
    margin: 0 15px;
    padding: 40px;
    width: 492px;
    height: 327px;
    text-align: left;
    box-sizing: border-box;
}

.sign_select_comp .comp1 {
    background: url('../images/sub/sign_comp_bg1.png') no-repeat 0 0;
}

.sign_select_comp .comp2 {
    background: url('../images/sub/sign_comp_bg2.png') no-repeat 0 0;
}

.sign_comp_box {
    position: relative;
}

.sign_comp_box h4 {
    line-height: 1.1em;
    color: #fff;
    font-size: 2.6em;
    font-weight: 100;
}

.sign_comp_box h4 b {
    font-size: inherit;
    font-weight: 700;
}

.sign_comp_box a {
    display: inline-block;
    margin-top: 40px;
    padding: 10px 30px;
    background: #fff;
    border-radius: 28px;
    transition: all 0.3s;
}

.sign_comp_box a:hover, .sign_comp_box a:focus {
    margin-left: 10px;
    font-weight: 700;
}

.sign_comp_box:after {
    content: "";
    position: absolute;
    right: 40px;
    bottom: 40px;
}

.sign_select_comp .comp1:after {
    width: 69px;
    height: 119px;
    background: url('../images/sub/sign_comp_icon1.png') no-repeat;
}

.sign_select_comp .comp2:after {
    width: 120px;
    height: 105px;
    background: url('../images/sub/sign_comp_icon2.png') no-repeat;
}

.sign_in_step_wrap {
    display: table;
    margin: 0 auto 50px auto;
}

.sign_in_step li {
    float: left;
    position: relative;
    margin-right: 100px;
    padding-top: 5px;
    width: 130px;
    height: 130px;
    border: 8px solid #dbdbdb;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
}

.sign_in_step li:last-of-type {
    margin-right: 0;
}

.sign_in_step li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -117px;
    transform: translateY(-50%);
    width: 108px;
    height: 1px;
    background: #dbdbdb;
}

.sign_in_step li:last-of-type:after {
    display: none;
}

.sign_in_step i {
    display: block;
    width: 100%;
    height: 50px;
}

.sign_in_step .step {
    width: 50px;
    height: 50px;
    font-size: 0.9em;
    font-weight: 700;
    color: #777;
    vertical-align: bottom;
}

.sign_in_step p {
    font-size: 1.1em;
    font-weight: 500;
    color: #777
}

.sign_in_step .step1 i {
    background: url('../images/sub/sign_in_step.png') no-repeat 40px 10px;
}

.sign_in_step .step2 i {
    background: url('../images/sub/sign_in_step.png') no-repeat -165px 10px;
}

.sign_in_step .step3 i {
    background: url('../images/sub/sign_in_step.png') no-repeat -368px 10px;
}

.sign_in_step .step4 i {
    background: url('../images/sub/sign_in_step.png') no-repeat -585px 10px;
}

.sign_in_step li.on {
    border-color: #f08200;
}

.sign_in_step li.on .step, .sign_in_step li.on p {
    color: #f08200
}

.sign_in_step .step1.on i {
    background-position: 40px -93px;
}

.sign_in_step .step2.on i {
    background-position: -165px -93px;
}

.sign_in_step .step3.on i {
    background-position: -368px -93px;
}

.sign_in_step .step4.on i {
    background-position: -585px -93px;
}

.authent_wrap {
    display: table;
    margin: 0 auto;
}

.authent_wrap > div {
    float: left;
    margin: 0 15px;
    padding: 40px;
    width: 480px;
    height: 345px;
    border: 1px solid #ddd;
    text-align: left;
    box-sizing: border-box;
    text-align: center;
}

.authent_wrap h4 {
    font-size: 2em;
    font-weight: 100;
    color: #555;
}

.authent_wrap i {
    display: block;
    margin: 30px auto;
    width: 120px;
    height: 120px;
    background: #f1f1f1;
    border-radius: 50%;
}

.authent_wrap a {
    display: block;
    padding: 12px 0;
    background: #f08200;
    border-radius: 24px;
    font-size: 1.2em;
    color: #fff;
    transition: background 0.3s;
}

.authent_wrap a:hover, .authent_wrap a:focus {
    background: #1a4292;
}

.authent_wrap .phone i {
    background: url('../images/sub/auth_icon.png') no-repeat 0 0 #f1f1f1;
}

.authent_wrap .ipin i {
    background: url('../images/sub/auth_icon.png') no-repeat -128px 0 #f1f1f1;
}

.sign_in_end {
    margin: 0 auto;
    padding: 140px 0 45px 0;
    width: 80%;
    background: url('../images/sub/sign_in_end.png') no-repeat center 45px;
    border: 1px solid #ddd;
    text-align: center;
}

.sign_in_end h4 {
    margin-bottom: 10px;
    font-size: 2.4em;
    font-weight: 700;
    color: #333;
    word-break: keep-all;
}

.sign_in_end p {
    line-height: 1.6em;
    font-size: 1.2em;
    color: #555;
    word-break: keep-all;
}


/* =====애니메이션 키프레임===== */
@keyframes closeAni {
    0% {
        right: 10px
    }
    40% {
        right: 30px
    }
    60% {
        right: 0px
    }
    70% {
        right: 20px
    }
    100% {
        right: 10px
    }
}

@keyframes prevAni {
    0% {
        left: 10px
    }
    40% {
        left: 30px
    }
    60% {
        left: 0px
    }
    70% {
        left: 20px
    }
    100% {
        left: 10px
    }
}

/* ======각 서브 페이지 시작===== */

/* 스크롤바 디자인 */
.overflow_auto_x {
    overflow-x: auto;
}

.overflow_auto_x::-webkit-scrollbar {
    height: 5px;
}

.overflow_auto_x::-webkit-scrollbar-track {
    background: #fafafa;
}

.overflow_auto_x::-webkit-scrollbar-thumb {
    background: #dbdbdb;
}

.overflow_auto_x::-webkit-scrollbar-thumb:hover {
    background: #888;
}

.overflow_auto_y {
    overflow-y: auto;
}

.overflow_auto_y::-webkit-scrollbar {
    width: 5px;
}

.overflow_auto_y::-webkit-scrollbar-track {
    background: #fafafa;
}

.overflow_auto_y::-webkit-scrollbar-thumb {
    background: #dbdbdb;
}

.overflow_auto_y::-webkit-scrollbar-thumb:hover {
    background: #f08200;
}

/* TAB */
.tab_border {
    border-bottom: 1px solid #eaeaea;
}

.tab_border ul {
    margin-bottom: -1px
}

.tab li {
    float: left;
}

.tab.box6_4 li {
    width: 16.66%;
}

.tab.box6_3 li {
    width: 16.66%;
}

.tab.box6_2 li {
    width: 16.66%;
}

.tab.box6 li {
    width: 16.66%;
}

.tab li a {
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #dbdbdb;
    border-right: 0;
    outline-right: 0;
    font-size: 1.1em;
}

.tab li:last-of-type a {
    border-right: 1px solid #dbdbdb;
}

.tab li.on a, .tab li a:hover, .tab li a:focus {
    background: #666;
    color: #fff
}

.tab2 li {
    float: left;
}

.tab2 li a {
    display: block;
    padding: 2px 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #dbdbdb;
    outline-right: 0;
}

.tab2 li:last-of-type a {
    outline-right: 1px solid #dbdbdb;
}

.tab2 li.on a, .tab2 li a:hover, .tab2 li a:focus {
    background: #666;
    color: #fff
}

/* 마이페이지 대시보드 */
.more_link {
    display: inline-block;
    margin: 8px 0 0 0 !important;
    width: 35px;
    height: 35px;
    background: url('../images/sub/more2.png') no-repeat 0 0;
    text-indent: -9999px
}

.more_link:hover, .more_link:focus {
    background-position: 0 -38px;;
}


/*사업안내 , 소개페이지*/
.introduce_area {
}

.introduce_area .intro_area {
    text-align: center;
}

.introduce_area .intro_area > h2 {
    position: relative;
    padding: 25px 0;
    font-size: 35px;
    font-weight: 700;
    color: #000;
}

.introduce_area .intro_area > h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 70px;
    height: 2px;
    background: #000;
}

.introduce_area .intro_area > strong {
    display: block;
    padding: 25px 0 0 0;
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.introduce_area .intro_area > p {
    padding: 16px 0;
    font-size: 16px;
    color: #000;
}

.introduce_area .intro_s_tt {
    margin: 45px 0 15px 0;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-align: left;
}

.introduce_area .intro_s_tt2 {
    margin: 35px 0 0px 0;
    font-size: 17px;
    font-weight: 500;
    color: #333;
    text-align: left;
}

/*20201007 - background-size: cover; 추가 */
.intro_area2 {
    margin: 25px 0 25px 0;
    padding: 40px 0;
    height: 509px;
    background: url('../images/sub/intro_area2_bg.jpg') no-repeat center;
    box-sizing: border-box;
    background-size: cover;
}

.intro_area2 .cht_img {
    margin: 0 0 20px 0;
}

.intro_area2 .tablet, .intro_area2 .mb {
    display: none;
}

.intro_area2 p {
    line-height: 30px;
    font-size: 17px;
    color: #fff !important;
}

.intro_area3 .tbl_form {
    margin: 0;
}

.intro_area3 .tbl_form .tbl th, .intro_area3 .tbl_form .tbl td {
    padding: 15px 20px;
    border-color: #ddd;
}

.intro_area3 .tbl_form .tbl {
    margin: 10px 0 0 0;
    border-top: 1px solid #ddd;
    border: 1px solid #ddd;
}

.intro_area3 .tbl_form .tbl th {
    background: #f9f9f9;
    border-right: 1px solid #ddd;
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.intro_area3 .tbl_form .tbl td {
    text-align: left;
    color: #333;
    font-size: 14px;
}

.intro_area3 .system_img p * {
    font-size: inherit
}

.intro_area3 .system_img .sys_mb {
    display: none;
}

.intro_area3 .panel_box .tt {
    font-size: 16px;
    text-align: center;
    color: #f08200;
}

.intro_area3 .panel_box li {
    padding-left: 12px;
    text-indent: -12px;
    font-size: 14px;
    color: #333;
}

.intro_area3 .panel_box li:before {
    display: none;
}

/*20201007 - background-size: cover; 추가 */
.intro_area4 { /* margin:70px 0 0 0; */
    padding: 30px 0 0 0;
    height: 229px;
    background: url('../images/sub/intro_area4_bg.jpg') no-repeat center 90%;
    background-attachment: fixed;
    box-sizing: border-box;
    background-size: cover;
}

.intro_area4 .intro_area > h2 {
    color: #fff;
}

.intro_area4 .intro_area > h2:after {
    background: #fff;
}

.intro_area4 .intro_area > strong {
    color: #fff;
}

/* .intro_area5 {padding-bottom:150px;}
.intro_area5 .online_theater_list li{float:left;margin:0 0 20px 0;width:25%;text-align:center;}
.intro_area5 .online_theater_list li a{display:block;padding:5px;}
.intro_area5 .online_theater_list li picture{display:block; padding:30px 20px;width:100%;box-sizing: border-box;border:1px solid #eaeaea;}
.intro_area5 .online_theater_list li a:hover picture,
.intro_area5 .online_theater_list li a:focus picture{border-color:#f08200;}
.intro_area5 .online_theater_list li picture img{height:50px;}
.intro_area5 .online_theater_list li .name{display:block;margin-top:5px;font-size:1.1em;color:#555;} */

/*온라인상영관안내*/
.online_theater_tab {
    margin: 50px 0 0 0;
}

.online_theater_tab .tab_d1 {
    text-align: center;
}

.online_theater_tab .tab_d1 ul {
    display: inline-block;
}

.online_theater_tab .tab_d1 li {
    float: left;
}

.online_theater_tab .tab_d1 li a {
    display: block;
    position: relative;
    padding: 15px 40px;
    width: 322px;
    border-bottom: 2px solid #ddd;
    font-size: 25px;
    color: #111;
    box-sizing: border-box;
}


.online_theater_tab .tab_d1 li a:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translate(-50%);
    width: 0%;
    height: 2px;
    background: #f18825;
    transition: width 0.3s;
}

.online_theater_tab .tab_d1 li.on a {
    font-weight: 700;
    color: #f18825
}

.online_theater_tab .tab_d1 li.on a:before {
    width: 100%;
}



.online_theater_tab .tab_d1 li.on a:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
    width: 18px;
    height: 9px;
    background: url('../images/sub/on_arr.png') no-repeat;
}

.online_theather_list {
    display: none;
}

.online_theather_list.on {
    display: block;
}

.vod_tab {
    width: 100%;
    margin: 30px 0 0 0;
    padding: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;;
}

.vod_tab ul {
    display: inline-block;
}

.vod_tab li {
    float: left;
}

.vod_tab a {
    display: block;
    position: relative;
    padding: 60px 0 0 0;
    width: 140px;
    color: #777;
    font-size: 15px;
}

.vod_tab a br {
    display: none;
}

.vod_tab a.on {
    color: #f18825
}

.vod_tab a:hover, .vod_tab a:focus {
    text-decoration: underline;
}

.vod_tab a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #ededed;
}

.vod_tab .vod1:before {
    background: url('../images/sub/online_tab2.png') no-repeat 0 0 #ededed;
}

.vod_tab .vod2:before {
    background: url('../images/sub/online_tab2.png') no-repeat -145px 0 #ededed;
}

.vod_tab .vod3:before {
    background: url('../images/sub/online_tab2.png') no-repeat -292px 0 #ededed;
}

.vod_tab .vod4:before {
    background: url('../images/sub/online_tab2.png') no-repeat -438px 0 #ededed;
}

.vod_tab .vod5:before {
    background: url('../images/sub/online_tab2.png') no-repeat -580px 0 #ededed;
}

.vod_tab .vod1.on:before {
    background: url('../images/sub/online_tab2.png') no-repeat 0 -70px #F08200;
}

.vod_tab .vod2.on:before {
    background: url('../images/sub/online_tab2.png') no-repeat -145px -70px #F08200;
}

.vod_tab .vod3.on:before {
    background: url('../images/sub/online_tab2.png') no-repeat -292px -70px #F08200;
}

.vod_tab .vod4.on:before {
    background: url('../images/sub/online_tab2.png') no-repeat -438px -70px #F08200;
}

.vod_tab .vod5.on:before {
    background: url('../images/sub/online_tab2.png') no-repeat -580px -70px #F08200;
}

.online_theather_list {
    padding: 0 0 80px 0;
}

.online_theather_list .list_inner li {
    float: left;
    margin: 0 0 40px 0;
    width: 25%;
    text-align: center;
}

.online_theather_list .list_inner li a {
    display: block;
    padding: 5px;
}

.online_theather_list .list_inner li picture {
    display: block;
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
}

.online_theather_list .list_inner li a:hover picture,
.online_theather_list .list_inner li a:focus picture {
    border-color: #623c91;
}

.online_theather_list .list_inner li picture img {
    height: 50px;
}

.online_theather_list .list_inner li .name {
    display: block;
    position: relative;
    margin-top: 5px;
    height: 35px;
    font-size: 1.1em;
    color: #555;
    vertical-align: middle;
}

.online_theather_list .list_inner li span {
    display: block;
    height: 30px;
    line-height: 30px;
}

.online_theather_list .service_label {
    margin: 30px 0 0 0;
    padding: 10px 20px;
    background: #fafafa;
    border: 1px solid #eee;
}

.online_theather_list .service_label li {
    float: left;
    margin: 0 10% 0 0;
    line-height: 30px;
}

.online_theather_list .service_label li i {
    margin: 0 5px 0 0;
}

.online_theather_list .service_label li:last-child {
    margin-right: 0;
}

.online_theather_list .service {
    position: absolute;
    top: 0;
    left: 0;
}

.icon_service {
    display: block;
    float: left;
    margin: 0 0 0 2px;
    width: 30px;
    height: 30px;
    background: #ededed;
    border-radius: 50%;
    text-indent: -9999px;
}

.icon_service.vod2 {
    background: url('../images/sub/icon_service.png') no-repeat 0px 0 #ededed;
}

.icon_service.vod3 {
    background: url('../images/sub/icon_service.png') no-repeat -43px 0 #ededed;
}

.icon_service.vod4 {
    background: url('../images/sub/icon_service.png') no-repeat -94px 0 #ededed;
}

.icon_service.vod5 {
    background: url('../images/sub/icon_service.png') no-repeat -144px 0 #ededed;
}

/* OPEN API */
.tab_list {
    margin-bottom: 50px;
}

.tab_list > div {
    float: left;
}

.tab_list.box2 > div {
    width: 50%;
    height: 215px;
    box-sizing: border-box;
}

.tab_list_in {
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-right: 0;
}

.tab_list_in:last-of-type {
    border-right: 1px solid #ddd;
}

.tab_list_in > h4 {
    padding: 10px 40px;
    background: url('../images/sub/arr_right.png') no-repeat 20px center;
    border-bottom: 1px solid #ddd;
    font-size: 1.1em;
    font-weight: 500;
}

.tab_list_in ul {
    padding: 20px;
}

.tab_list_in .colum1 li {
    margin-bottom: 10px;
}

.tab_list_in .colum2 li {
    float: left;
    margin-bottom: 10px;
    width: 50%;
}

.tab_list_in li {
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.tab_list_in li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #555;
}

.tab_list_in li a {
    font-size: 1.1em;
}

.tab_list_in li a:hover, .tab_list_in li a:focus {
    text-decoration: underline;
}

.tab_list_in li.on a {
    color: #7c66fa;
    font-weight: 500;
}

.panel_box {
    margin: 20px 0;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #eee;
}

.panel_box li {
    position: relative;
    margin: 2px 0;
    padding-left: 10px;
    font-size: 1.1em;
}

.panel_box li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #8974ff;
}

/*  박스오피스 & 통계 & 마이페이지 차트영역 레이아웃 */
.chart_view_area {
    margin: 20px 0 30px 0;
}

.chart_view_area > div {
    height: 490px;
    box-sizing: border-box;
}

.chart_view_area .season_chart {
    height: auto;
}

.genreList_cht {
    padding: 20px 0;
    height: auto !important;
}

.chart_view_area #states path {
    fill: #ccc;
    stroke: #fff;
}

#graph circle {
    fill-opacity: .5;
}

#graph svg {
    width: 100%;
    height: 100%;
}

/* 박스오피스&통계 날짜선택 */
.cht_view_wrap {
    padding: 20px;
    background: #fbfbfb;
    border: 1px solid #e3e3e3;
}


.dete_select_wrap {
    padding: 20px;
    background: #fbfbfb;
    border: 1px solid #e3e3e3;
}

.date_select {
    margin-bottom: 10px;
    text-align: center;
}

.date_select span {
    margin-left: 10px;
    font-size: 14px;
    vertical-align: middle;
}

.date_select .datepicker, .this_date {
    margin-left: 15px;
    padding: 10px;
    width: 150px;
    height: 35px;
    background-position: 95% center !important;
    background-color: #fff !important;
    font-size: 14px;
    box-sizing: border-box;
    vertical-align: middle;
}

.date_select .datepicker_period, .this_date {
    margin-left: 15px;
    padding: 10px;
    width: 150px;
    height: 35px;
    background-position: 95% center !important;
    background-color: #fff !important;
    font-size: 14px;
    box-sizing: border-box;
    vertical-align: middle;
}

.date_select .glasses {
    padding: 10px;
    width: 40px;
    height: 40px;
    background-position: 95% center !important;
    background-color: #fff !important;
    box-sizing: border-box;
    vertical-align: middle;
}

.date_select .year {
    width: 80px;
    padding: 0 10px;
    height: 35px;
}

.date_select .month {
    padding: 0 10px;
    width: 100px;
    height: 35px;
    box-sizing: border-box;
}

.date_select .week_text {
    margin: 0 10px 0 0;
    padding: 0 10px;
    width: 170px;
    height: 35px;
    background: #fff;
    box-sizing: border-box;
}

.datepicer_btn {
    width: 35px;
    height: 35px;
    background: url('../images/common/sch_datepicker.png') no-repeat center !important;
    text-indent: -9999px;
}

.date_select .select_date_cht {
    display: inline-block;
    vertical-align: middle;
}

.date_select.select_date_cht .ui-datepicker-trigger {
    cursor: pointer;
}

/* .select_date_cht .year_text,
.select_date_cht .month_text{background:0;border:0;} */
.select_date_cht .year_text {
    width: 100px;
    background-color: #fbfbfb !important;
}

.date_select .arr_btn {
    display: inline-block;
    width: 23px;
    height: 30px;
    background: url('../images/sub/pagination_arr.png') no-repeat -19px 7px;
    vertical-align: middle;
    text-indent: -9999px;
}

.date_select .arr_btn:hover, .date_select .arr_btn:focus {
    outline: 1px solid #165cd1;
}

.date_select .arr_left_btn {
    margin-left: 20px;
}

.date_select .arr_right_btn {
    margin-right: 20px;
    background-position: -19px -65px;
}

.date_select .select_date_btn:hover, .date_select .select_date_btn:focus {
    outline: 1px solid #165cd1;
}

.date_select .ui-datepicker-trigger {
    cursor: pointer;
}

/*.date_select .ui-datepicker-trigger:hover,.date_select .ui-datepicker-trigger:focus{outline:1px solid #000;}*/

/* 박스오피스 우측포스터 슬라이더 */
.poster_slider {
    position: relative;
    padding-left: 10px;
}

.poster_rank_wrap {
    height: 100%;
    overflow: hidden;
}

.poster_rank_wrap .tt {
    display: block;
    margin: 0 0 10px 0;
    font-weight: 500;
    font-size: 1.4em;
    text-align: center;
}

.poster_rank_wrap .rank_box {
    height: 100%;
}

.poster_rank_wrap .rank_box .ps_bg {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.poster_rank_wrap .rank_box .ps_bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

:-ms-fullscreen, :root .poster_rank_wrap .rank_box .ps_bg:after {
    background: rgba(0, 0, 0, 0.6);
}

.poster_rank_wrap .rank_box .ps_bg svg {
    position: absolute;
    left: -9999px;
}

.poster_rank_wrap .rank_box .ps_bg img {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.5);
    width: 100%;
    height: 100%;
    filter: blur(5px);
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
}

:-ms-fullscreen, :root .poster_rank_wrap .rank_box .ps_bg img {
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}

.poster_rank_wrap .rank_box > a {
    display: block;
    position: relative;
    margin: 40px auto 10px auto;
    width: 220px;
    height: 315px;
    overflow: hidden;
    box-sizing: border-box;
}

.poster_rank_wrap .rank_box .poster {
    width: 220px;
    height: 100%;
    outline: 0;
}

.poster_rank_wrap .rank_box .poster > img {
    width: 100%;
    height: auto;
}

.poster_rank_wrap .rank_box .rank {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    line-height: 60px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.poster_rank_wrap .rank_box .txt {
    margin: 0 auto;
    width: 220px;
}

.poster_rank_wrap .rank_box .txt strong {
    display: block;
    font-size: 1.8em;
    font-weight: 500;
    color: #fff;
}

.poster_rank_wrap .rank_box .txt small {
    display: block;
    font-size: 1.1em;
    color: #fff;
}

/* 박스오피스 페이징버튼 ,재생, 정지 버튼 */
.poster_pagination.swiper-pagination {
    bottom: 15px !important;
}

.poster_pagination .play_btn {
    display: block;
    padding: 11px 9px;
    position: absolute;
    top: 0px;
    left: 220px;
    width: 22px;
    height: 22px;
    background: url('../images/sub/play_btn.png') no-repeat 5px -13px;
    text-indent: -9999px;
    box-sizing: border-box;
}

.poster_pagination .play_btn:hover, .poster_pagination .play_btn:focus {
    outline: 1px solid #fff;
}

.poster_pagination .play_btn.stop {
    background-position: 5px -13px;
}

.poster_pagination .play_btn.play {
    background-position: 5px 6px;
}

.poster_pagination .swiper-pagination-bullet {
    width: 12px;
    height: 20px;
    background: none;
    border-radius: 8px;
    border: 2px solid #fff;
    opacity: 1;
    box-sizing: border-box;
}

.poster_pagination .swiper-pagination-bullet-active {
    background: #fff
}

/* 박스오피스 우측 통계 */
.cht_view_year_all { /*margin-top:10px;*/
    padding-left: 10px;
}

.cht_view_year_all .cht_view {
    padding: 30px;
    height: 100%;
    background: #fbfbfb;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
}

.cht_view_year_all .cht_view .chtItemwrp li {
    float: left;
    width: 50%;
}

.cht_view_year_all .cht_view .chtItemwrp span {
    display: inline-block;
    color: #777;
    font-size: 13px;
    vertical-align: top;
}

.cht_view_year_all .cht_view .chtItemwrp .con_name {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 10px;
    max-width: 50px;
    font-weight: 500;
}

.cht_view_year_all .cht_view .chtItemwrp .con_name:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #777;
}

.cht_view_year_all .cht_view .chtItemwrp .con_per {
    color: #333;
}

/*통계정보*/
.global_map {
    width: 100%;
    height: 430px;
    overflow: hidden;
}

/* 박스오피스 리스트 랭킹카운트*/
.rank_move {
    display: block;
    background: none;
    font-size: 10px !important;
    font-weight: 700;
}

.rank_move.new {
    color: #f08200 !important;
}

.rank_move.up {
    padding-left: 10px;
    background: url('../images/sub/rank_updown.png') no-repeat 3px 3px;
    color: #ff0000 !important;
}

.rank_move.down {
    padding-left: 10px;
    background: url('../images/sub/rank_updown.png') no-repeat 3px -67px;
    color: #64bbc8 !important;
}

.rank_move.stay {
    margin: 0 auto;
    width: 20px;
    height: 10px;
    background: url('../images/sub/rank_updown.png') no-repeat 0px -148px;
    color: #333 !important;
}

.tbl_poster {
    display: flex;
    flex-direction: row;
}

.tbl_poster .poster {
    margin-right: 5px;
    width: 50px;
    height: 75px; /* outline:1px solid #ddd */;
    overflow: hidden;
    text-align: center;
}

.tbl_poster .poster > img {
    height: 100%;
}

.tbl_poster p {
    margin-top: 12px;
    width: calc(100% - 50px);
    font-size: inherit;
}

.tbl_poster p span {
    display: block;
    font-size: 16px;
}

.tbl_poster p .eng {
    font-size: 12px !important;
    font-family: 'Noto Sans', sans-serif;
}

.boxofficeYearFixedtable {
    width: 1200px;
    left: 50%; /* transform:translateX(-50%); */
}

.boxofficeYearFixedtable.td120wrp {
    left: 0;
    transform: translateX(0);
}


/* 툴팁 */
.help_label {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background: url('../images/sub/help_label.png') no-repeat;
    background-size: 85%;
    vertical-align: middle;
}

.help_label:hover, .help_label:focus {
    outline: 1px solid #f18825;
}

.help_label.on .tool_tip {
    display: block;
}

.tool_tip {
    display: none;
    position: absolute;
    top: -20px;
    left: 30px;
    padding: 15px;
    width: 280px;
    background: #fff;
    border: 1px solid #f08200;
    border-radius: 4px;
    text-align: left;
    line-height: 16px;
    color: #f08200;
    z-index: 1;
}

.tool_tip::before {
    content: "";
    position: absolute;
    top: 24px;
    left: -5px;
    width: 5px;
    height: 8px;
    background: url('../images/sub/tool_tip_arr.png') no-repeat center;
}

.tool_tip ul > li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 500;
    word-break: keep-all;
}

.tool_tip ul > li:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #f08200;
    border-radius: 50%;
}

.tool_tip ul > li:last-child {
    margin: 0;
}

.tool_tip ul > li ul li {
    margin-bottom: 4px;
    font-weight: 300;
}

.tool_tip ul > li ul li:before {
    height: 1px;
    border-radius: 0;
}

/*파일선택,파일업로드폼 filewrp*/
.filewrp .filewrp_btn input[type="file"] {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    border: 0;
    opacity: 0;
}

.filewrp input[type=text] {
    float: left;
    width: 70%;
}

.filewrp_btn {
    display: inline-block;
    position: relative;
    margin: 0 0 0 2px;
    padding: 0 10px;
    height: 37px;
    line-height: 37px;
    background: #777777;
    color: #fff;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
}

.filewrp_btn input {
    box-sizing: border-box;
    color: #fff;
}

.filewrp_btn.chk_state {
    padding: 0 10px;
    line-height: 1em;
    background: #1dabbb;
}

/* 엑셀업로드 검증 */
.chk_state span {
    display: inline-block;
    padding: 8px 10px;
    border-radius: 8px;
}

.chk_state.success span {
    border: 1px solid #1dabbb;
    color: #1dabbb;
}

.chk_state.fail span {
    border: 1px solid #ef0e48;
    color: #ef0e48;
}

/* 등록 및 수정 폼 : 버튼,input 디자인 */
.phone_input {
    width: 120px;
}

.email_input {
    width: 220px;
}

.add_del_p {
    position: relative;
}

.add_form {
    display: inline-block;
    margin-top: -10px;
    width: 40px;
    height: 40px;
    background: url('../images/sub/add_del_icon.png') no-repeat center 10px #eee;
    border-radius: 50%;
    text-indent: -9999px;
    vertical-align: middle;
    transition: all 0.5s;
}

.del_form {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: calc(100% + 10px);
    width: 40px;
    height: 40px;
    background: url('../images/sub/add_del_icon.png') no-repeat center -42px #eee;
    border-radius: 50%;
    text-indent: -9999px;
    vertical-align: middle;
    transition: all 0.5s;
}

/* .del_form.in{left:auto;right:10px;} */
.add_form:hover, .add_form:focus {
    background-color: #fff;
    box-shadow: 0 0 10px #bbb;
}

.del_form:hover, .del_form:focus {
    background-color: #fff;
    box-shadow: 0 0 10px #bbb;
}

.ad_f {
    margin: 0 0 5px 0;
}

.ad_f:last-child {
    margin: 0;
}

.add_input {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('../images/sub/add_del_icon2.png') no-repeat 0 -23px #eee;
    border-radius: 50%;
    text-indent: -9999px;
    vertical-align: middle;
}

.add_input:hover, .add_input:focus {
    background-position: -24px -23px;
}

.del_input {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('../images/sub/add_del_icon2.png') no-repeat 0 0px #eee;
    border-radius: 50%;
    text-indent: -9999px;
    vertical-align: middle;
}

.del_input:hover, .del_input:focus {
    background-position: -24px 0px;
}

/* 등록폼 : 국문/영문 탭*/
.story_tab_con textarea {
    display: none;
    padding: 10px;
    box-sizing: border-box;
}

.story_tab_con textarea.on {
    display: block;
}

/* 상영정보 > 리스트 */
/* 상영정보 > 최신상영작정보 */
.calendar_list_wrap {
    padding: 25px 0 0 0;
}

.calendar_list_wrap .sort_area {
    margin: 0 0 20px 0;
}

.calendar_list_wrap .sort_area .online_comp_select {
    display: inline-block;
    padding-left: 34px;
    background: url('../images/sub/online_comp_select.png') no-repeat 10px 8px #fff;
    border: 1px solid #ddd;
}

.calendar_list_wrap .sort_area .sch_txt {
    padding: 0 0 0 5px;
    height: 35px;
    box-sizing: border-box;
}

.calendar_list_wrap .sort_area .btns {
    height: 35px;
}

.calendar_list_wrap .sort_area .state_select {
    display: block;
    float: right;
    padding-left: 30px;
    background: url('../images/sub/online_comp_select2.png') no-repeat 10px 12px #fff;
    border: 1px solid #ddd;
}

.calendar_list_wrap .sort_area .online_comp_select select, .calendar_list_wrap .sort_area .state_select select {
    background: url('../images/common/sch_area_select.png') no-repeat 95% center;
    border: 0;
}

.movie_list_new {
    padding: 20px 10px;
    min-height: 700px;
    background: #f9f9f9;
}

.movie_list_new > li > a {
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 0 0 10px 0;
    transition: all 0.3s;
}

.movie_list_new > li > a:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 150px;
    width: 7px;
    height: 7px;
    background: #333;
    border-radius: 50%;
    transition: all 0.3s;
}

.movie_list_new > li > a:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 153px;
    width: 1px;
    height: 100%;
    min-height: 200px;
    background: #ddd;
    transition: all 0.3s;
}

.movie_list_new > li > a:hover, .movie_list_new > li > a:focus {
    padding: 10px;
    box-shadow: 0 0 10px 3px #ccc;
}

.movie_list_new > li > a:hover:before, .movie_list_new > li > a:focus:before, .movie_list_new > li > a:hover:after, .movie_list_new > li > a:focus:after {
    opacity: 0;
}

.movie_list_new .poster {
    float: left;
    width: 140px;
    height: 194px;
    max-height: 194px;
    outline: 1px solid #f1f1f1;
    overflow: hidden;
}

.movie_list_new .poster img {
    width: 100%;
}

.movie_list_new .txt {
    margin: -5px 0 0 10px;
    padding: 0 0 0 15px;
    width: calc(100% - 140px);
}

.movie_list_new .txt .state {
    display: block;
    background: none;
    font-size: 1.05em;
}

.movie_list_new .txt .state.release {
    color: #8161fc;
}

.movie_list_new .txt .state.show {
    color: #777;
}

.movie_list_new .txt .state > .date {
    position: relative;
    margin: 0 8px 0 0;
    padding: 0 15px 0 0;
    font-size: inherit;
    color: #333;
}

.movie_list_new .txt .state > .date:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 10px;
    background: #ccc;
}

.movie_list_new .txt .tit {
    display: -webkit-inline-box;
    margin: 10px 0;
    height: 40px;
    line-height: 1.2em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1.2em;
    font-weight: 500;
}

.movie_list_new .txt .tit > * {
    font-size: inherit;
    font-weight: inherit;
}

.movie_list_new .txt .info li {
    position: relative;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    float: left;
    font-size: 0.9em;
    color: #777;
}

.movie_list_new .txt .info li:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 10px;
    background: #ccc;
}

.movie_list_new .txt .online_comp_btn {
    margin: 15px 0 0 0;
    padding: 8px 30px 8px 15px;
    border-radius: 16px;
    background: url('../images/sub/arr_w1.png') no-repeat 92% -15px #666;
    color: #fff;
    transition: background 0.3s;
}

.movie_list_new .txt .online_comp_btn.on, .movie_list_new .txt .online_comp_btn:hover, .movie_list_new .txt .online_comp_btn:focus {
    background-position: 92% 15px;
    background-color: #333;
}

.movie_list_new .txt .online_comp_list {
    display: none;
    position: relative;
}

.movie_list_new .txt .online_comp_list.on {
    display: block;
    cursor: default;
}

.movie_list_new .txt .online_comp_list > ul {
    position: absolute;
    margin: 5px 0;
    width: 100%;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 15px 0px #ccc;
    z-index: 1;
    box-sizing: border-box;
}

.movie_list_new .txt .online_comp_list > ul > li {
    float: left;
    margin: 0 2px 2px 0;
    width: calc(33.33% - 2px);
    height: 30px;
    border: 1px solid #ddd;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}

.movie_list_new .txt .online_comp_list > ul > li > img {
    height: 100%;
}

/*달력*/
.calendar_list_wrap .calendar_movie {
    max-width: 100%;
    margin: 70px auto 0 16px;
}

/* 년도 , 월 선택 */
.calendar_list_wrap .calendar_movie .select_year {
    margin: 0 0 10px 0;
    padding: 0 25px 0 10px;
    height: auto;
    background: url('../images/sub/select_year.png') no-repeat center right;
    border: 0;
    font-size: 3.2em;
    font-weight: 700;
    font-family: 'Noto Sans', sans-serif;
}

.calendar_list_wrap .calendar_movie .select_month {
    padding: 10px 0;
    width: 100%;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

.calendar_list_wrap .calendar_movie .select_month > ul > li {
    float: left;
    width: 8.33%;
    text-align: center;
}

.calendar_list_wrap .calendar_movie .select_month > ul > li > a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 1.6em;
    font-family: 'Noto Sans', sans-serif;
}

.calendar_list_wrap .calendar_movie .select_month > ul > li > a:hover, .calendar_list_wrap .calendar_movie .select_month > ul > li > a:focus {
    text-decoration: underline;
}

.calendar_list_wrap .calendar_movie .select_month > ul > li > a.on {
    background: url('../images/sub/select_month.png') no-repeat center;
    color: #fff;
}

.calendar_list_wrap .calendar_movie thead th {
    padding: 20px 0;
    font-weight: 100;
    color: #777;
}

.calendar_list_wrap .calendar_movie .fc-sun,
.calendar_list_wrap .calendar_movie .fc-sat {
    color: red;
}

.calendar_list_wrap .calendar_table_inner .day_box {
    margin: 4px 0 0 0;
    padding: 0 0 6px 0;
    text-align: center;
}

.calendar_list_wrap .calendar_table_inner .day {
    display: block;
    padding: 8px;
    font-weight: 500;
    font-size: 1.6em;
    text-align: center;
    color: #333;
    box-sizing: border-box;
}

.calendar_list_wrap .calendar_table_inner td:hover .day,
.calendar_list_wrap .calendar_table_inner td:focus .day {
    text-decoration: underline;
}

.calendar_list_wrap .calendar_table_inner td .state_click {
    height: 20px;
}

.calendar_list_wrap .calendar_table_inner .fc-past .day_box {
    background: #f9f9f9;
}

.calendar_list_wrap .calendar_table_inner .fc-today .day_box {
    background: #c9eef4;
}

.calendar_list_wrap .calendar_table_inner .fc-past .day {
    color: #777;
}

/*달력 라이브러리쪽 css*/
.calendar_list_wrap .calendar_movie .fc-center h2 {
    display: none;
}

.calendar_list_wrap .calendar_movie .fc-day-header.fc-sun,
.calendar_list_wrap .calendar_movie .fc-day-header.fc-sat {
    color: red;
}

.calendar_list_wrap .calendar_movie thead .fc-day-number {
    display: block;
    position: relative;
    padding: 12px;
    font-weight: 500;
    font-size: 1.6em;
    text-align: center !important;
    color: #333;
    box-sizing: border-box;
}

.calendar_list_wrap .calendar_movie thead .fc-day-number:hover,
.calendar_list_wrap .calendar_movie .fc-day-number:focus {
    text-decoration: underline;
}

.calendar_list_wrap .calendar_movie thead .fc-day-number.on:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border: 2px solid #000;
    border-radius: 50%;
}

.calendar_list_wrap .calendar_movie tbody .fc-event {
    border: 0;
}

.calendar_list_wrap .calendar_movie .fc-today {
    border: 0;
}

.calendar_list_wrap .calendar_movie .fc-bg {
    display: inherit;
    z-index: 0;
    margin: 0 0 3px 0;
}

.calendar_list_wrap .calendar_movie .fc-bg .fc-today {
    background: #c9eef4 !important;
}

.calendar_list_wrap .calendar_movie .fc-bg .fc-past {
    background: #f9f9f9 !important;
}

.calendar_list_wrap .calendar_movie .fc-past .fc-day-number {
    color: #777777;
}

.calendar_list_wrap .calendar_movie .fc-event-container .fc-event {
    background: none !important;
    border: 0 !important;
    text-align: center;
}

/* 달력 안 상태값 */
.calendar_list_wrap .calendar_movie .state_label {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #fff;
}

.calendar_list_wrap .calendar_movie .state_label:hover, .calendar_list_wrap .calendar_movie .state_label:focus {
    text-decoration: underline;
    font-weight: 700;
}

.calendar_list_wrap .calendar_movie .state_label.show {
    background: #777 !important;
    border-radius: 0
}

.calendar_list_wrap .calendar_movie .state_label.release {
    background: #643dfd !important;
}

.calendar_list_wrap .calendar_movie .state_label.success {
    background: #f08200 !important;
}

.calendar_list_wrap .calendar_movie .state_label.failure {
    margin: 0 0 0 3px;
    background: #d93333 !important;
    border-radius: 0;
}

.calendar_list_wrap .calendar_movie .state_label.upload {
    background: #06a77f !important;
}

.calendar_list_wrap .movie_state, .calendar_list_wrap .data_state {
    text-align: right;
}

.calendar_list_wrap .movie_state li, .calendar_list_wrap .data_state li {
    display: inline-block;
    position: relative;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
}

.calendar_list_wrap .movie_state li:before, .calendar_list_wrap .data_state li:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.calendar_list_wrap .movie_state li.show {
    color: #777;
}

.calendar_list_wrap .movie_state li.show:before {
    background: #777;
    border-radius: 0;
}

.calendar_list_wrap .movie_state li.release {
    color: #643dfd;
}

.calendar_list_wrap .movie_state li.release:before {
    background: #643dfd;
}

.calendar_list_wrap .data_state li.success {
    color: #f08200;
}

.calendar_list_wrap .data_state li.success:before {
    background: #f08200;
}

.calendar_list_wrap .data_state li.failure {
    color: #d93333
}

.calendar_list_wrap .data_state li.failure:before {
    background: #d93333;
    border-radius: 0;
}

.calendar_list_wrap .data_state li.upload {
    color: #06a77f
}

.calendar_list_wrap .data_state li.upload:before {
    background: #06a77f;
}

.calendar_list_wrap.fixed .calendar_wrap {
    position: fixed;
    left: 50%;
    top: 10px;
    width: 600px;
    transition: top 0.3s;
}

.calendar_list_wrap.fixed .calendar_movie {
    margin: 0 0 0 15px;
}

.calendar_list_wrap.fixed2 .calendar_wrap {
    position: fixed;
    right: 50%;
    top: 10px;
    width: 600px;
    transition: top 0.3s;
}

/* 상단 검색란/상세검색열기 */
.cont_sch_area {
    background: #fafafa;
    border-bottom: 1px solid #ededed;
}

.cont_sch_inner {
    margin: 0 auto;
    padding: 10px 0 20px 0;
    width: 1200px;
}

.cont_sch_inner .sch_box_in {
    display: inline-block;
    vertical-align: top;
}

.default_sch, .detail_sch {
    margin-top: 15px;
    width: 100%;
}

.cont_sch_inner em.range {
    display: inline-block;
    text-align: center;
}

/* ~물결 */
.cont_sch_inner .sch_box {
    float: left;
    box-sizing: border-box;
}

.cont_sch_inner .box1 .sch_box {
    width: 100%
}

.cont_sch_inner .box2 .sch_box {
    width: 50%;
}

.cont_sch_inner .box3 .sch_box {
    width: 33.33%;
}

.cont_sch_inner .box4 .sch_box {
    width: 25%;
}

.cont_sch_inner .box5 .sch_box {
    width: 20%;
}

.cont_sch_inner .box6 .sch_box {
    width: 16.66%;
}

.detail_sch > .sch_box {
    padding-right: 25px;
}

.cont_sch_inner .detail_sch .overflow_auto_y {
    height: 175px;
}

.cont_sch_inner .sch_box span, .cont_sch_inner .sch_box .cate {
    display: block;
    height: 20px;
    font-size: 13px;
    color: #555555
}

.cont_sch_inner .sch_box select, .cont_sch_inner .sch_box input, .cont_sch_inner .sch_box_in select, .cont_sch_inner .sch_box_in input {
    margin: 0 15px;
    padding: 0 35px 0 0;
    width: 258px;
    height: 38px;
    line-height: 38px;
    background: none;
    border: 0;
    border-bottom: 1px solid #333;
    font-size: 1em;
}

.cont_sch_inner .sch_box select, .cont_sch_inner .sch_box_in select {
    background: url('../images/common/sch_area_select.png') no-repeat center right;
}

.cont_sch_inner select:nth-child(2), .cont_sch_inner input:nth-child(2), .select_box:nth-child(2) {
    margin-left: 0;
}

.cont_sch_inner .sch_txt {
    padding-left: 25px !important;
    width: 100%;
    background: url('../images/sub/sch_icon.png') no-repeat left center !important;
}

.default_sch.box1 .sch_txt {
    margin: 0;
    width: calc(100% - 318px);
}

.default_sch.box1 .sch_box_in.sch_txt_area {
    width: calc(100% - 280px);
}

.cont_sch_inner .sch_txt.sch_txt_type2 {
    width: 630px;
}

.cont_sch_inner .sch_txt.sch_txt_type3 {
    width: 885px;
}

.cont_sch_inner .sch_txt.w100 {
    width: 1200px !important;
}

.cont_sch_inner .sch_box .chkradio {
    display: block;
    margin: 4px 0;
}

.cont_sch_inner .chkradio input {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0 !important;
}

.cont_sch_inner .chkradio input[type="checkbox"]:not(old) + label {
    padding-left: 28px;
    height: 22px;
    background: url('../images/common/sch_chkradio.png') no-repeat 0 0px;
    font-size: 13px;
    transition: background 0.1s;
}

.cont_sch_inner .chkradio input[type="radio"]:not(old) + label {
    padding-left: 28px;
    background: url('../images/common/sch_chkradio.png') no-repeat 0 0px;
    transition: background 0.1s;
}

.cont_sch_inner .chkradio input[type="checkbox"]:not(old):checked + label {
    background-position: 0 -39px;
    color: #f08200;
}

.cont_sch_inner .chkradio input[type="radio"]:not(old):checked + label {
    background-position: 0 -80px;
    color: #f08200;
}

.cont_sch_inner .chkradio input[type="checkbox"]:disabled + label, .cont_sch_inner .chkradio input[type="radio"]:disabled + label {
    background-position: 0 -115px;
}

.cont_sch_inner .folder {
    display: block;
    background: #ebebeb;
}

.cont_sch_inner .folder a {
    display: block;
    margin: 10px 0;
    padding: 0 0 5px 0;
    background: url('../images/common/sch_folder.png') no-repeat 95% 6px #fafafa;
    color: #f08200;
    font-size: 13px;
}

.cont_sch_inner .folder a:hover, .cont_sch_inner .folder a:focus {
    text-decoration: underline;
}

.cont_sch_inner .folder.on a {
    background-position: 95% -33px;
}

.cont_sch_inner .folder .chkradio {
    display: none;
    margin: 10px 0 10px 10px;
}

.cont_sch_inner .folder .chkradio:last-of-type {
    padding: 0 0 5px 0;
}

.sch_btn_area {
    margin-top: 30px;
    text-align: center;
}

.sch_btn_area > input {
    margin: 0 4px;
}

/* 통합검색 */
.total_sch_page .keyword {
    font-weight: inherit;
    font-size: inherit;;
    color: #ff4c4c;
}

.total_sch_page > div {
    float: left;
}

.total_sch_page .left_snb {
    width: 160px;
}

.total_sch_page .left_snb li > a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    box-sizing: border-box;
}

.total_sch_page .left_snb li.on > a {
    background: #f08200;
    color: #fff;
    font-weight: 500;
}

.total_sch_page .total_sch_rank {
    width: 200px
}

.total_search_area {
    margin: 0 10px;
    padding: 0 10px;
    width: calc(100% - 400px);
    border-right: 1px solid #eee;
    box-sizing: border-box;
}

.total_sch_inner {
    margin: 0 auto;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #333;
    box-sizing: border-box;
}

.total_sch_inner .sch_txt_wrap {
    display: inline-block;
    position: relative;
    width: 340px;
}

.total_sch_inner .sch_txt_wrap .sch_txt {
    width: 100%;
}

.total_sch_inner .sch_txt_auto {
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    border: 2px solid #f08200;
}

.total_sch_inner .sch_txt_auto li {
    padding: 5px;
}

.total_sch_inner .sch_txt_auto li a {
    display: block;
}

.total_sch_inner .sch_txt_auto li strong {
    font-weight: 700;
}

.total_sch_inner select, .total_sch_inner .sch_txt {
    height: 38px;
    line-height: 38px;
    background: none;
    border: 0;
    border-bottom: 1px solid #333;
}

.total_sch_inner select {
    margin: 0 5px 0 0;
    padding-left: 0;
    width: 120px;
    background: url('../images/common/sch_area_select.png') no-repeat center right;
}

.total_sch_inner .sch_txt {
    padding: 0 35px 0 25px;
    width: 40%;
    background: url('../images/sub/sch_icon.png') no-repeat left center !important;
}

.total_sch_inner .btn_search {
    margin: 0 5px 0 5px;
}

.total_sch_inner .btn_option {
    margin: 0 0 0 5px;
    float: right;
    padding-right: 30px;
    background: url('../images/common/sch_area_select.png') no-repeat 90% center #fff !important;
    font-size: 14px;
}

.total_sch_inner .sch_box.detail {
    margin: 15px 0 0 0;
    text-align: left;
}

.total_sch_inner .sch_box.detail li {
    margin: 0 0 10px 0;
}

.total_sch_inner .sch_box .cate {
    display: inline-block;
    width: 70px;
    font-size: 13px;
}

.total_sch_inner .sch_box.detail .chkradio label {
    padding-left: 24px;
    font-size: 13px
}

.total_sch_inner .sch_box.detail .sorting {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}

.sch_total_cnt {
    padding: 20px 10px;
    border-bottom: 1px solid #333;
    font-size: 17px;
    font-weight: 500;
}

.sch_total_cnt em {
    font-size: inherit;
    font-weight: 700;
}

.search_helf {
    margin: 20px 0 0 0;
}

.search_helf h4 {
    font-size: 16px;
    font-weight: 500;
}

.search_helf p {
    color: #555;
}

.search_helf .basic_list {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #eaeaea;
}

.search_helf .basic_list li {
    position: relative;
    margin: 0 0 4px 0;
    padding-left: 10px;
}

.search_helf .basic_list li:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #555;
}

.search_helf .basic_list li:last-of-type {
    margin-bottom: 0;
}

.error_box {
    margin: 30px auto 0 auto;
}

.error_box .left_bx {
    overflow: hidden;
    float: left;
    margin: 0;
    width: 30%;
    text-align: center;
}

.error_box .right_bx {
    float: left;
    width: 70%;
    padding: 10px 0 0 20px;
    box-sizing: border-box;
}

.error_box .right_bx p * {
    font-size: inherit;
}

.error_box .right_bx .tit {
    display: block;
    margin: 0 0 10px 0;
    font-size: 20px;
    color: #f08200;
}

.error_box .help {
    margin: 5px 0;
}

.total_label {
    display: inline-block;
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
    font-weight: 500;
    font-size: 16px;
    color: #444;
}

.total_label span {
    font-size: inherit;
    color: #f08200;
    font-weight: 700;
}

.total_sch_list .sorting.right {
    float: right;
    margin: 12px 0 0 0;
}

.total_sch_list .sorting.right select {
    height: 30px;
}

.total_sch_list .sorting.right .btns {
    height: 30px;
    font-size: 13px;
}

.total_sch_list > ul > li {
    padding: 10px 0 0 0;
}

.total_sch_list > ul > li:first-child {
    border-top: 1px solid #777;
}

.total_sch_list > ul > li > a {
    display: flex;
    flex-direction: row;
    transition: all 0.3s;
}

.total_sch_list .picture {
    float: left;
    width: 100px;
    height: 135px;
    line-height: 135px;
    overflow: hidden;
}

.total_sch_list .picture.fasta {
    float: left;
    width: 100px;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
}

.total_sch_list .picture img {
    width: 100%;
    vertical-align: top;
}

.total_sch_list .txt {
    margin: 0 0 0 15px;
    width: calc(100% - 115px);
}

.total_sch_list .txt.notice {
    margin: 0;
    width: 100%;
}

.total_sch_list .txt .tit {
    display: block;
    font-size: 15px;
    font-weight: 700;
}

.total_sch_list .txt.notice .tit {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.total_sch_list .txt .tit .tit_eng {
    margin: 0 5px;
    color: #555;
    font-size: 13px;
    font-family: 'Noto Sans', sans-serif;
}

.total_sch_list .txt .info {
    margin: 5px 0;
}

.total_sch_list .txt.notice {
    margin: 5px 0;
}

.total_sch_list .txt .info li {
    position: relative;
    margin: 0 4px 0 0;
    padding: 0 8px 0 0;
    float: left;
    font-size: 13px;
    color: #555;
}

.total_sch_list .txt .info li:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 10px;
    background: #ccc;
}

.total_sch_list .txt .info li:last-of-type:after {
    display: none;
}

.total_sch_list .txt .info2 {
    margin: 8px 0 0 0;
}

.total_sch_list .txt .info2 li {
    font-size: 13px;
    color: #555;
}

.total_sch_list .txt .info2 li > * {
    font-size: inherit;
}

.total_sch_list .txt .info2 li span {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    color: #777;
    vertical-align: middle;
}

.total_sch_list .txt .info2 li span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
    height: 3px;
    background: #f08200;
}

.total_sch_list .txt .info2 li p {
    display: inline-block;
    width: calc(100% - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    vertical-align: middle;
}

.total_sch_list .more_sch {
    margin: 10px 0 0 0;
    text-align: right;
}

.total_sch_list .txt.notice .info2 li p {
    width: 100%;
}

.total_sch_list .more_sch a {
    display: inline-block;
    padding-right: 25px;
    background: url('../images/sub/ico_sgt.gif') no-repeat center right;
    font-size: 13px;
    text-decoration: underline;
}

.total_sch_list .txt.notice > p {
    display: -webkit-box;
    max-width: 95%;
    max-height: 54px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    font-size: 13px;
    overflow: hidden;
    color: #777;
}

.total_sch_list .sch_none {
    padding-bottom: 20px;
}

.total_sch_page .pagination {
    margin-top: 30px
}

.total_sch_rank .rank_box {
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #eee;
}

.total_sch_rank .rank_box:last-of-type {
    border-bottom: 0;
}

.total_sch_rank li {
    margin: 0 0 10px 0;
}

.total_sch_rank li span {
    font-weight: 500;
    color: #f08200;
}

.total_sch_rank li a {
    display: inline-block;
    padding: 0 0 0 5px;
    width: calc(100% - 40px);
    word-break: keep-all;
    box-sizing: border-box;
    text-align: left;
    font-size: 13px;
}

.total_sch_rank li em {
    display: inline-block;
    margin: 0 2px 0 0;
    background: #fff;
    border: 1px solid #ddd;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 11px;
    vertical-align: top;
    box-sizing: border-box;
}

/* div select */
.select_box {
    position: relative;
    margin: 0 15px;
    height: 38px;
}

.select_box .selected_txt {
    height: auto !important;
    overflow: hidden;
}

.select_box .selected_txt > a {
    display: block;
    padding: 0 35px 0 0;
    width: 258px;
    height: 38px;
    line-height: 38px;
    background: url('../images/common/sch_area_select.png') no-repeat center right;
    border: 0;
    border-bottom: 1px solid #333;
    font-size: 1.1em;
    box-sizing: border-box;
}

.select_box .selected_txt > a:hover, .select_box .selected_txt > a:focus {
    border: 1px solid #360afa;
}

.select_box .selected_hide {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 10px;
    width: 100%;
    background: #fafafa;
    box-shadow: 0 0 5px 0 #ccc;
    z-index: 1;
    box-sizing: border-box;
}

.select_box .selected_hide.on {
    display: block;
}

.select_box .overflow_auto_y {
    max-height: 250px;
}

.select_box .select_box_close {
    display: block;
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
    border-top: 1px solid #ddd;
    text-align: center;
}

.select_box .select_box_close:hover, .select_box .select_box_close:focus {
    text-decoration: underline;
}

.select_box .folder {
    display: block;
}

.select_box .folder a {
    display: block;
    margin: 10px 0;
    padding: 0 0 5px 0;
    background: url('../images/common/sch_folder.png') no-repeat 95% 10px #fafafa;
    color: #f08200;
}

.select_box .folder a:hover, .select_box .folder a:focus {
    text-decoration: underline;
}

.select_box .folder.on a {
    background-position: 95% -33px;
}

.select_box .folder .tbls {
    display: none;
}

.select_box .chkradio {
    display: block;
    margin: 5px 0;
}

.select_box .select_in_sch {
    margin: 0 0 10px 0;
}

.select_box .select_in_sch .sch_txt {
    padding-left: 35px;
    width: 100%;
    background: url('../images/sub/sch_icon.png') no-repeat 10px center #fff;
}


/* 상영정보 > 무료상영정보 */
.tab_tag {
    margin-top: 10px;
}

.tab_tag a {
    display: inline-block;
    margin: 0 8px 10px 0;
    padding: 10px 22px;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
}

.tab_tag a.on {
    border-color: #623c91;
    color: #623c91;
}

.tab_tag a:hover, .tab_tag a:focus {
    text-decoration: underline;
}

.genre_chk a.one {
    border-color: #623c91;
    color: #623c91;
}

.genre_chk a.two {
    border-color: #1dabbb;
    color: #1dabbb;
}

.genre_chk a.three {
    border-color: #f08200;
    color: #f08200;
}


/* 리스트 상단 */
.list_hd {
    padding: 10px 20px;
    width: 100%;
    background: #f9f9f9;
    border-top: 3px solid #333333;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
}

.list_hd .total {
    font-size: 14px;
    color: #555;
    line-height: 2.2em;
}

.list_hd .total em {
    font-weight: 500;
    font-size: inherit;
    color: #f18825;
}

.list_hd .right {
    float: right;
}

.list_hd .right .sort {
    min-width: 150px;
}

.list_hd .sort.right {
    float: right;
    min-width: 150px;
}

.list_hd .sort2.right {
    float: right;
    min-width: 150px;
}

.btn_list_val {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url('../images/sub/list_val.png') no-repeat 0 -35px #fff;
    border: 1px solid #ccc;
    text-indent: -9999px;
    vertical-align: middle;
    box-sizing: border-box;
}

.btn_list_val:hover, .btn_list_val:focus, .btn_list_val.on {
    border-color: #f08200;
}

.val_list {
    margin: 0 0 0 5px;
}

.btn_list_val.val_img {
    background-position: -45px -35px;
}

.list_val_con {
    display: none;
}

.list_val_con.on {
    display: block;
}

.val_list.on {
    background-position: 0 2px;
}

.val_img.on {
    background-position: -45px 2px;
}

.list_hd2 {
    width: 100%;
    box-sizing: border-box;
}

.list_hd2 .total {
    font-size: 14px;
    color: #555;
    line-height: 2.2em;
}

.list_hd2 .total em {
    font-weight: 500;
    font-size: inherit;
    color: #f18825;
}

.list_hd2 .sort.right {
    float: right;
    min-width: 150px;
}

.list_hd2 .right {
    float: right;
}

.list_hd3 {
    width: 100%;
    box-sizing: border-box;
}

.list_hd3 .right {
    float: right;
}

.list_hd3 .more_right {
    float: right;
}

.list_hd3 .tit_page3 {
    display: inline-block;
    border: none;
    position: relative;
    padding: 10px 30px 15px 30px;
    font-size: 1.4em;
    font-weight: 500;
    color: #333;
}

.list_hd3 .tit_page3:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url('../images/sub/tit_page3.png') no-repeat
}

.list_hd3 .tit_page3 * {
    font-size: inherit;
}

.list_hd3 .prev, .list_hd3 .next {
    display: inline-block;
    margin-top: 0px;
    width: 30px;
    height: 30px;
    background: url('../images/sub/pagination_arr2.png') no-repeat;
    text-indent: -9999px;
    vertical-align: top;
}

.list_hd3 .prev {
    background-position: -5px -40px;
}

.list_hd3 .next {
    background-position: -5px -2px;
}

.list_hd4 {
    padding: 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.list_hd5.right {
    float: right;
    margin-top: 4px;
}

/* 박스오피스 순위 탭 */
.rank_tab li {
    float: left;
}

.rank_tab li > a {
    display: block;
    position: relative;
    padding: 4px 15px;
    font-size: 1.1em;
    color: #555;
}

.rank_tab li > a:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #ddd;
}

.rank_tab li.on > a {
    color: #f18825;
    font-weight: 500;
}

.rank_tab li > a:hover, .rank_tab li > a:focus {
    text-decoration: underline;
}

.rank_tab li:first-child a {
    padding-left: 0;
}

.rank_tab li:last-child a:after {
    display: none;
}

.list_btn_area li {
    float: left;
    margin-left: 10px;
}

.list_btn_area.left li {
    margin-right: 10px;
    margin-left: 0;
}

/* 영화정보>리스트 */

/*이미지 목록형*/
.list_con {
    padding: 20px 0;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
}

.list_con .movie_list > li {
    float: left;
    width: 20%;
}

.list_con .movie_list > li > a {
    display: block;
    margin: 10px;
    text-align: center;
}

.list_con .movie_list > li > div {
    display: block;
    margin: 10px;
    text-align: center;
}

.list_con .movie_list .poster {
    position: relative;
    width: 100%;
    height: 317px;
    max-height: 317px;
    overflow: hidden;
    transition: all 0.5s;
}

.list_con .movie_list > li > a:hover .poster, .list_con .movie_list > li > a:focus .poster {
    box-shadow: 0 0 20px #333;
}

.list_con .movie_list .poster img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%; /* height:100%; */
    transform: scale(1) translateY(-50%);
    transition: transform 0.5s;
}

.list_con .movie_list .txt {
    margin: 0;
    height: 90px;
}

.list_con .movie_list .state {
    display: inline-block;
    border-radius: 4px;
    font-weight: 500;
    font-size: 0.8em;
    color: #fff;
}

.list_con .movie_list .state.release {
    padding: 2px 6px;
    background: #f08200;
}

.list_con .movie_list .state.show {
    padding: 2px 12px;
    background: #ef0e48;
}

.list_con .movie_list .rating {
    display: inline-block;
    float: right;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    font-size: 0.9em;
    color: #fff;
}

.list_con .movie_list .rating.rall {
    background: #0a9d5a;
}

.list_con .movie_list .rating.r19 {
    background: #d93333;
}

.list_con .movie_list .rating.r15 {
    background: #e45b00;
}

.list_con .movie_list .rating.r12 {
    background: #165cd1;
}

.list_con .movie_list .tit {
    display: block;
    font-size: 1.4em;
    font-weight: 300;
    color: #333;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list_con .movie_list .tit_eng {
    display: block;
    max-width: 95%;
    overflow: hidden;
    font-size: 1em;
    font-family: 'Noto Sans', sans-serif;
    color: #555;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list_con .movie_list .genre {
    margin-top: 8px;
    height: 22px;
}

.list_con .movie_list .genre li {
    display: inline-block;
    position: relative;
    padding: 0 8px;
    font-size: 1em;
    font-weight: 500;
    color: #555;
    vertical-align: middle;
}

.list_con .movie_list .genre .genre3 {
    max-width: 1000px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list_con .movie_list .genre li:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #bcbcbc;
}

.list_con .movie_list .genre li:last-child:after {
    display: none;
}

.cont .list_ft {
    padding-top: 50px;
}

/* .list_con .movie_list .comp_logo{display:inline-block;height:35px;background:none;} */
/* .list_con .movie_list .comp_logo > img{height:100%;} */
.list_con .movie_list .online_comp_btn {
    margin: 5px 0 5px 0;
    padding: 8px 30px 8px 15px;
    border-radius: 16px;
    background: url('../images/sub/arr_w1.png') no-repeat 92% -15px #666;
    color: #fff;
    transition: background 0.3s;
}

.list_con .movie_list .online_comp_btn.on,
.list_con .movie_list .online_comp_btn:hover, .movie_list_new .txt .online_comp_btn:focus {
    background-position: 92% 15px;
    background-color: #333;
}

.list_con .movie_list .online_comp_list {
    display: none;
    position: relative;
}

.list_con .movie_list .online_comp_list.on {
    display: block;
    cursor: default;
}

.list_con .movie_list .online_comp_list > ul {
    position: absolute;
    margin: 5px 0;
    width: 100%;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 15px 0px #ccc;
    z-index: 1;
    box-sizing: border-box;
}

.list_con .movie_list .online_comp_list > ul > li {
    float: left;
    margin: 0 2px 2px 0;
    width: calc(33.33% - 2px);
    height: 30px;
    border: 1px solid #ddd;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}

.list_con .movie_list .online_comp_list > ul > li > img {
    width: 100%;
}

/*통계-영화비교*/
.list_chked {
    position: fixed;
    left: 50%;
    bottom: -182px;
    transform: translateX(-50%);
    padding: 20px 0 10px 0;
    width: 100%;
    height: auto;
    background: #111;
    z-index: 2;
    box-sizing: border-box;
    transition: bottom 0.5s;
}

.list_chked.on {
    bottom: 0;
}

.list_chked_toggle {
    position: absolute;
    left: 50%;
    top: -35px;
    transform: translateX(-50%);
    width: 80px;
    height: 35px;
    line-height: 35px;
    background: #111;
    border-radius: 8px 8px 0 0;
    color: #fff;
    text-align: center;
}

.list_chked .inner {
    margin: 0 auto;
    width: 1200px;
    box-sizing: border-box;
}

.list_chked .inner > h4 {
    margin: 0 5px 0 0;
    font-size: 18px;
    font-weight: 700;
}

.list_chked .inner > p {
    font-size: 12px;
    vertical-align: bottom;
}

.list_chked .inner > h4, .list_chked .inner > p {
    display: inline-block;
    color: #fff;
}

.list_chked .inner .compa_area {
    margin: 25px 0 0 0;
    width: 100%;
}

.list_chked .inner .compa_area ul {
    display: inline-block;
    width: 100%;
}

.list_chked .inner .compareBtn_area {
    float: right;
}

.list_chked .inner .compareBtn_area > a {
    margin: 0 2px;
}

.list_chked .inner li {
    float: left;
    width: 20%;
}

.list_chked .inner .mv_del {
    display: block;
    color: #fff;
    text-align: center;
}

.list_chked .inner .poster {
    position: relative;
    margin: 0 auto;
    width: 50px;
    height: 70px;
}

.list_chked .inner .poster:after {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    background: url('../images/sub/close.png') no-repeat 4px 4px #fff;
    border-radius: 50%;
}

.list_chked .inner .poster img {
    height: 100%;
}

.list_chked .inner .mv_del .tit {
    display: block;
    margin: 5px auto 5px auto;
    max-width: 90%;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 300;
}

/* 영화 이용건수 비교 */
.movie_list_use > li {
    float: left;
    width: 20%;
}

.movie_list_use .use_chkraio input[type="checkbox"]:not(old) + label {
    padding: 0;
    width: 100%;
    height: auto;
    background: url('../images/common/use_chkradio_1.png') no-repeat 5px 93%;
}

.movie_list_use .use_chkraio input[type="checkbox"]:not(old):checked + label {
    background-image: url('../images/common/use_chkradio_2.png');
}

.movie_list_use .poster {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 95%;
    height: 310px;
    max-height: 310px;
    overflow: hidden;
    transition: all 0.5s;
}

.movie_list_use .poster img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: scale(1) translateY(-50%);
    box-sizing: border-box;
    transition: transform 0.5s;
}

.movie_list_use .list_txt {
    display: block;
    margin: 5px auto 0 auto;
    padding: 0 0 0 25px;
    width: 95%;
    box-sizing: border-box;
}

.movie_list_use .list_txt .tit {
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 22px;
    font-weight: 300;
    white-space: nowrap;
}

.movie_list_use .list_txt .tit_eng {
    display: block;
    max-width: 100%;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    font-family: 'Noto Sans', sans-serif;
}

.movie_list_use .use_chkraio input:checked + label .poster img {
    border: 3px solid #f08200;
}

.movie_list_use .use_chkraio input:checked + label .list_txt .tit_eng {
    color: #f08200;
}

/*영화 이용건수 비교 목록형*/
.list_con.change_grid_list .movie_list input {
    display: table;
    width: 0;
    height: 0;
}

.list_con.change_grid_list .use_chkraio input[type="checkbox"]:not(old) + label {
    width: 100%;
    height: auto;
    background: url('../images/common/use_chkradio_1.png') no-repeat 0 0;
    box-sizing: border-box;
}

.list_con.change_grid_list .use_chkraio input[type="checkbox"]:not(old):checked + label {
    background: url('../images/common/use_chkradio_2.png') no-repeat 0 0;
}

.list_con.change_grid_list .compa_mv .list_txt {
    display: inline-block;
    margin: 10px 0 0 8px;
    width: calc(100% - 75px);
    vertical-align: top;
    text-align: left;
}


/* 영화인,영화사,영화제 리스트 */
.list_con2 {
    border-top: 2px solid #333333;
}

.list_con2 > li {
    display: flex;
    flex-direction: row;
    padding: 30px 0;
    border-bottom: 1px solid #ebebeb;
}

.list_con2 > li > .person, .list_con2 > li > .movie_comp {
    display: flex;
    flex-direction: row;
    width: 50%;
}

.list_con2 > li:last-child {
    border-bottom: 0;
}

.list_con2 .photo {
    display: block;
    width: 160px;
    height: 225px;
    overflow: hidden;
}

.list_con2 .photo:hover, .list_con2 .photo:focus {
    outline: 1px solid #f08200
}

.list_con2 .photo figure {
    width: 160px;
    height: 100%;
}

.list_con2 .photo figure img {
    width: 100%;
}

.list_con2 .movie_comp .txt {
    margin-top: 15px;
}

.list_con2 .txt {
    margin: 0 0 0 15px;
    width: calc(100% - 175px);
    color: #555;
}

.list_con2 .movie_festival .festa_poster {
    width: 160px;
    height: 225px;
    overflow: hidden;
    outline: 1px solid #e3e3e3
}

.list_con2 .movie_festival .festa_poster:hover, .list_con2 .movie_festival .festa_poster:focus {
    outline: 1px solid #f08200
}

.list_con2 .movie_festival .festa_poster img {
    width: 100%;
}

.list_con2 .txt > a {
    display: block;
}

.list_con2 .txt .name strong {
    display: -webkit-inline-box;
    max-width: 100%;
    max-height: 48px;
    overflow: hidden;
    line-height: 1em;
    font-size: 1.7em;
    font-weight: 300;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

:-ms-fullscreen, :root .list_con2 .txt .name strong, _:-ms-lang(x), .list_con2 .txt .name strong {
    display: inline-block;
}

.list_con2 .txt .name:hover > *, .list_con2 .txt .name:focus > * {
    font-weight: 700;
    text-decoration: underline;
}

.list_con2 .txt .name_eng {
    margin: 0 0 0 15px;
    font-size: 16px;
    font-family: 'Noto Sans', sans-serif;
}

.list_con2 .movie_comp .txt .name_eng {
    margin: 5px 0 5px 0;
    display: block;
    max-width: 95%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #555;
    font-family: 'Noto Sans', sans-serif;
}

.list_con2 .txt .info {
    margin: 10px 0;
}

.list_con2 .txt .info li {
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    font-size: 16px;
}

.list_con2 .txt .info li:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 1px;
    height: 13px;
    background: #ccc;
}

.list_con2 .txt .info li:last-child:after {
    display: none;
}

.list_con2 .filmo, .list_con2 .complabel {
    display: inline-block;
    margin: 0 0 8px 0;
    padding: 2px 10px;
    background: #f08200;
    border-radius: 4px;
    color: #fff;
    font-size: 0.8em;
    font-weight: 500;
}

.list_con2 .movie_comp .works .complabel {
    margin: 5px 0 8px 0;
}

.list_con2 .txt .works li {
    margin-bottom: 5px;
    max-width: 95%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list_con2 .movie_comp .works li {
    display: inherit;
    max-width: 100%;
}

.list_con2 .movie_comp .works li > span {
    float: left;
    width: 70px;
}

.list_con2 .movie_comp .works li > p {
    float: left;
    padding: 0 10px 0 0;
    width: calc(100% - 70px);
    box-sizing: border-box;
}

.list_con2 .movie_comp .works li > p.adr {
    white-space: initial;
}

.list_con2 .txt .works a:hover, .list_con2 .txt .works a:focus {
    text-decoration: underline;
}

/* 이벤트정보 */
.list_con3 li {
    float: left;
    padding: 20px 0;
    width: 33.33%;
}

.list_con3 li > a {
    display: block;
}

.list_con3 li > a:hover .title, .list_con3 li > a:focus .title {
    text-decoration: underline;
}

.list_con3 .thum {
    display: block;
    width: 100%;
    height: 225px;
    overflow: hidden;
}

.list_con3 .thum img {
    height: 100%;
    transform: scale(1);
    transition: all 0.5s;
}

.list_con3 li > a:hover .thum img {
    transform: scale(1.1);
}

.list_con3 .txt {
    display: block;
    margin: 28px 0 0 0;
    padding: 0 0 0 15px;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
}

.list_con3 .comp_logo {
    margin: 0 0 0 0;
    height: 25px;
    overflow: hidden;
}

.list_con3 .comp_logo img {
    height: 100%;
}

.list_con3 .title {
    display: inline-block;
    position: relative;
    font-size: 1.4em;
    font-weight: 500;
}

.list_con3 .date {
    display: block;
    color: #777;
    font-size: 0.9em;
}

/* TABLE 리스트형 */
.tbl_list .tbl {
    margin: 5px 0 0 0;
    border-top: 2px solid #333333;
}

.tbl_list .tbl.fixedcon {
    margin: 0;
    border-top: 0;
}

.tbl_list .tbl th {
    padding: 10px 4px;
    background: #f9f9f9;
    border-bottom: 1px solid #dddddd;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    box-sizing: border-box;
}

.tbl_list .tbl2 th {
    padding: 10px 4px;
    background: none;
    border-bottom: 1px solid #dddddd;
    font-size: 13px;
    font-weight: 500;
    color: #555;
    box-sizing: border-box;
}

.tbl_list .tbl td {
    padding: 10px 4px;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    color: #777;
    box-sizing: border-box;
}

.tbl_list .tbl td a, .tbl_list .tbl td * {
    font-size: inherit;
    color: inherit;
}

.tbl_list .tbl td a:hover, .tbl_list .tbl td > a:focus {
    text-decoration: underline;
}


/*기본 목록형*/
.list_con.change_grid_list {
    padding: 0;
    border-bottom: 0;
}

.list_con.change_grid_list .movie_list > li {
    float: inherit;
    padding: 4px 0 0 0;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}

.list_con.change_grid_list .movie_list > li > a {
    margin: 0;
    text-align: left;
}

.list_con.change_grid_list .movie_list > li > a:hover .tit, .list_con.change_grid_list .movie_list > li > a:focus .tit {
    text-decoration: underline;
}

.list_con.change_grid_list .movie_list .poster {
    display: inline-block;
    width: 60px;
    height: 86px;
}

.list_con.change_grid_list .movie_list > li > a:hover .poster, .list_con.change_grid_list .movie_list > li > a:focus .poster {
    box-shadow: none;
}

.list_con.change_grid_list .movie_list .txt {
    display: inline-block;
    padding: 6px 0 6px 10px;
    width: calc(100% - 80px);
    height: auto;
    vertical-align: top;
    box-sizing: border-box;
}

.list_con.change_grid_list .movie_list .tit {
    font-size: 15px;
    font-weight: 700;
}

.list_con.change_grid_list .tit_eng {
    font-size: 13px;
    color: #777;
    font-family: 'Noto Sans', sans-serif;
}

.list_con.change_grid_list .genre li {
    font-size: 13px;
    font-weight: 300;
}

.list_con.change_grid_list .genre li:nth-of-type(1) {
    padding-left: 0;
}

.list_con.change_grid_list .grid_list {
    border-top: 2px solid #333;
}

.list_con.change_grid_list .grid_list > li {
    padding: 4px 0 4px 0;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}

.list_con.change_grid_list .grid_list .photo {
    display: inline-block;
    width: 60px;
    height: 86px;
    overflow: hidden;
    vertical-align: top;
}

.list_con.change_grid_list .grid_list .photo:focus {
    outline: 1px solid #000;
}

.list_con.change_grid_list .grid_list .photo img {
    width: 100%;
}

.list_con.change_grid_list .grid_list .txt {
    display: inline-block;
    padding: 6px 0 6px 10px;
    width: calc(30% - 80px);
    height: auto;
    vertical-align: top;
    box-sizing: border-box;
}

.list_con.change_grid_list .grid_list .txt_wide {
    display: inline-block;
    padding: 6px 0 6px 10px;
    width: calc(100% - 80px);
    height: auto;
    vertical-align: top;
    box-sizing: border-box;
}

.list_con.change_grid_list .grid_list .works {
    display: inline-block;
    padding: 6px 0 6px 0;
    width: 70%;
}

.list_con.change_grid_list .grid_list .name {
    font-size: 15px;
    font-weight: 700;
}

.list_con.change_grid_list .grid_list > li > a:focus .tit {
    text-decoration: underline;
}

.list_con.change_grid_list .grid_list .name:hover, .list_con.change_grid_list .grid_list .name:focus {
    text-decoration: underline;
}

.list_con.change_grid_list .grid_list .name_eng {
    font-size: 13px;
    color: #777;
    font-family: 'Noto Sans', sans-serif;
}

.list_con.change_grid_list .grid_list .info li {
    display: inline-block;
    position: relative;
    margin: 10px 5px 0 0;
    padding: 0 6px 0 0;
    font-size: 13px;
}

.list_con.change_grid_list .grid_list .info li:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 9px;
    background: #ccc;
}

.list_con.change_grid_list .grid_list .info li:last-child:after {
    display: none;
}

.list_con.change_grid_list .grid_list .filmo, .list_con.change_grid_list .grid_list .complabel {
    display: inline-block;
    margin: 0 0 8px 0;
    padding: 2px 10px;
    background: #f08200;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}

.list_con.change_grid_list .grid_list .works li {
    float: left;
    position: relative;
    margin: 0 5px 0 0;
    padding: 0 6px 0 0;
    font-size: 13px;
}

.list_con.change_grid_list .grid_list .works li:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 9px;
    background: #ccc;
}

.list_con.change_grid_list .grid_list .works li:last-child:after {
    display: none;
}

.list_con.change_grid_list .grid_list .works li a {
    font-size: inherit;
    text-decoration: underline;
}

.list_con.change_grid_list .grid_list .works li a:hover, .list_con.change_grid_list .grid_list .works li a:focus {
    font-weight: 500;
}

.list_con.change_grid_list .grid_list .txt_wide > a:focus {
    text-decoration: underline;
}

.list_con.change_grid_list .grid_list .txt_wide ol {
    margin-top: 10px;
}

.list_con.change_grid_list .grid_list .txt_wide li {
    float: left;
    position: relative;
    margin: 0 5px 0 0;
    padding: 0 6px 0 0;
    font-size: 13px;
}

.list_con.change_grid_list .grid_list .txt_wide li:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 9px;
    background: #ccc;
}

.list_con.change_grid_list .grid_list .txt_wide li:last-child:after {
    display: none;
}

.list_con.change_grid_list .grid_list .txt_wide li span {
    display: inline-block;
    margin: 0 4px 0 0;
    font-size: inherit;
    color: #777;
}

.list_con.change_grid_list .grid_list .txt_wide li p {
    display: inline-block;
    font-size: inherit;
}

/* 박스오피스 리스트 */
.tbl_list .tbl_boxoffice th {
    padding: 8px 4px;
}

.tbl_list .tbl_boxoffice td {
    padding: 4px 4px;
}

/*리스트 게시물없음*/
.nonepost {
    float: inherit;
    margin: 10px 0 0 0;
    padding: 30px 0 !important;
    width: 100% !important;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    color: #777;
    box-sizing: border-box;
}

/*행 음영표시*/
.bg_grey {
    background: #fafafa;
}

.tbl_bg_2n tbody tr:nth-child(2n) td {
    background: #fafafa;
}

.mb_list_show .list_info > li:nth-child(2n-1) {
    background: #fafafa;
}

.change_grid_list ul > li:nth-child(2n) {
    background: #fafafa;
}

/*태블릿 모바일화면 리스트 노출*/
.mb_list_show {
    display: none;
    margin-top: 10px;
    border-top: 2px solid #333;
}

.mb_list_show2 {
    display: none;
    margin-top: 10px;
    border-top: 2px solid #333;
}

.mb_list_show .list_info > li {
    border-bottom: 1px solid #ddd;
    color: #111;
}

.mb_list_show .list_info > li > div {
    margin: 0;
    float: left;
}

.mb_list_show.tbl_list .tbl {
    margin-top: 0;
    border-top: none;
}

.mb_list_show .poster {
    float: left;
    width: 100px !important;
}

.mb_list_show .poster .img {
    margin: 0 auto 5px auto;
    width: 100px;
    max-height: 150px;
    overflow: hidden;
}

.mb_list_show .poster .img img {
    width: 100%;
    vertical-align: top;
}

.mb_list_show .ranking {
    margin-bottom: 5px;
}

.mb_list_show .rank_num {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #888;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    box-sizing: border-box;
    vertical-align: top;
}

.mb_list_show .rank_move {
    display: inline-block;
    margin: 5px 0 0 0;
    padding-left: 20px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
}

.mb_list_show .poster_block {
    width: 100%;
}

.mb_list_show .poster_block .ranking {
    float: left;
    width: 45px;
}

.mb_list_show .poster_block .img {
    float: left;
    padding: 5px 5px 5px 5px;
    width: 60px;
    box-sizing: border-box;
}

.mb_list_show .poster_block .img img {
    width: 100%;
    vertical-align: top;
}

.mb_list_show .poster_block .mv_title {
    float: left;
    padding: 5px 0;
    width: calc(100% - 105px);
    box-sizing: border-box;
}

.mb_list_show .list_info .mv_info_title_big {
    float: left;
    padding: 15px 10px;
    width: calc(100% - 100px);
    box-sizing: border-box;
}

.mb_list_show .mv_info_title, .mb_list_show .mv_info_detail {
    float: left;
    padding: 15px 10px;
    width: calc(50% - 50px);
    box-sizing: border-box;
}

.mb_list_show .mv_info_title2, .mb_list_show .mv_info_detail2 {
    float: left;
    margin: 0;
    padding: 15px 10px;
    box-sizing: border-box;
}

.mb_list_show .mv_info_title2 {
    width: calc(30% - 50px);
}

.mb_list_show .mv_info_detail2 {
    width: calc(70% - 50px);
}

.mb_list_show .mv_tt {
    display: -webkit-box;
    max-width: 95%;
    max-height: 50px;
    font-weight: 500;
    font-size: 17px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
}

.mb_list_show .eng_tt {
    display: block;
    max-width: 95%;
    color: #777;
    font-family: 'Noto Sans', sans-serif;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mb_list_show .list_info .cate {
    position: relative;
    padding-left: 8px;
}

.mb_list_show .list_info .cate:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #777;
    border-radius: 50%;
}

.mb_list_show .list_info .cate > span {
    display: inline-block;
    color: #777;
    font-size: 13px;
}

.mb_list_show .list_info .open_date {
    margin: 10px 0 0 0;
}

.mb_list_show .open_date .total {
    color: #f08200;
}

.mb_list_show .mv_info_detail {
    padding-right: 0;
}

.mb_list_show .mv_info_detail li {
    margin-bottom: 4px;
}

.mb_list_show .season_list {
    margin: 10px 0 0 0;
}

.mb_list_show .season_list li {
    float: left;
    margin: 0 3px;
    width: calc(25% - 6px);
    border-bottom: 1px solid #eee;
}

.mb_list_show .season_list li span {
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    background: #ebf0f9;
    text-align: center;
}

.mb_list_show .season_list li p {
    display: block;
    padding: 4px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

.mb_list_show .list_info .detail_box li {
    float: left;
    padding: 4px 0;
    text-align: center;
}

.mb_list_show .list_info .detail_box.box4 li {
    width: calc(50% - 12px);
    border-top: 1px solid #eee;
    margin: 4px 6px;
}

.mb_list_show .list_info .detail_box.box3 li,
.mb_list_show .list_info .detail_box.box6 li {
    width: calc(33.33% - 12px);
    border-top: 1px solid #eee;
    margin: 4px 6px;
}

.mb_list_show .list_info .detail_box li > span {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #777;
}

.mb_list_show .list_info .detail_box li > p {
    display: block;
    margin: 0 2px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #f08200;
}

.mb_list_show .list_info .detail_box li:nth-of-type(1),
.mb_list_show .list_info .detail_box li:nth-of-type(2) {
    border-top: 0;
}

.mb_list_show .list_info .detail_box.box3 li,
.mb_list_show .list_info .detail_box.box6 li:nth-of-type(3) {
    border-top: 0;
}

.mb_list_show .list_info .detail_box .detail_icon {
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 30px;
}

.mb_list_show .list_info .detail_box .detail_icon.i1 {
    background: url('../images/sub/detail_icon1.png') no-repeat center;
}

.mb_list_show .list_info .detail_box .detail_icon.i2 {
    background: url('../images/sub/detail_icon2.png') no-repeat center;
}

.mb_list_show .list_info .detail_box .detail_icon.i3 {
    background: url('../images/sub/detail_icon3.png') no-repeat center;
}

.mb_list_show .list_info .detail_box .detail_icon.i4 {
    background: url('../images/sub/detail_icon4.png') no-repeat center;
}

.mb_list_show .list_info .detail_box .detail_icon.i5 {
    background: url('../images/sub/detail_icon5.png') no-repeat center;
}

.mb_list_show .list_info .detail_box .detail_icon.i6 {
    background: url('../images/sub/detail_icon6.png') no-repeat center;
}

.mb_list_show .list_info .detail_box .detail_icon.i7 {
    background: url('../images/sub/detail_icon7.png') no-repeat center;
}

.mb_list_show .genre_top td {
    padding: 4px;
}

.mb_list_show .genre_top td b {
    display: block;
    padding: 0 0 5px 0;
}

.mb_list_show .list_info.national_list > li > div {
    width: 100%;
}

.mb_list_show .list_info.national_list > li > div.ranking {
    width: inherit;
}

.mb_list_show .national_list .mv_info_detail {
    padding: 0 0 0 10px;
    width: calc(100% - 60px) !important;
}

.mb_list_show .total_info {
    background: #f9f9f9;
}

.mb_list_show .total_info ol {
    padding: 10px;
    width: 100%;
    box-sizing: border-box
}

.mb_list_show .total_info ol > li {
    float: left;
    margin: 2px 0;
    width: 50%;
    box-sizing: border-box
}

.mb_list_show .total_info > li > strong {
    display: block;
    padding: 5px 10px 0 10px;
    font-size: 16px;
}

.mb_list_show .total_info .cate {
    font-weight: 700;
    font-size: 15px;
}

.mb_list_show .total_info .cate > span {
    color: #555;
    font-weight: 500;
}

.mb_list_show .request_info {
    display: block;
    width: 100% !important;
}

.mb_list_show .request_info .state {
    display: inline-block;
    padding: 6px 10px;
    background: #444;
    color: #fff;
    font-size: 13px;
    box-sizing: border-box;
}

.mb_list_show .request_info .mb_title {
    display: -webkit-box;
    margin: 4px 0;
    max-width: 95%;
    max-height: 75px;
    color: #f08200;
    font-weight: 500;
    font-size: 17px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
}

.mb_list_show .request_info .req_title {
    display: block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mb_list_show .request_info ol {
    margin: 5px 0;
}

.mb_list_show .request_info ol li {
    position: relative;
    float: left;
    padding-left: 10px;
    width: 50%;
    font-size: 13px;
    color: #777;
    box-sizing: border-box;
}

.mb_list_show .request_info ol li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #777;
    border-radius: 50%;
}

.mb_list_show .request_info span.date {
    display: block;
    margin: 5px 5px 0 0;
    float: right;
    color: #777;
    font-size: 13px;
}

.mb_fixed_hide {
    display: none;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.mb_fixed_hide.on {
    display: block;
    z-index: 1;
}

/*반응형 sp사구분 테이블*/
.platform_area .tbl {
    margin: 0 0 5px 0;
}

.platform_area .tbl th {
    padding: 6px 4px;
    background: #efefef;
    font-size: 14px;
}

.platform_area .tbl td {
    padding: 6px 4px;
    background: #fff;
    font-size: 13px;
}

.platform_area .tbl_bdr td {
    border-color: #dcdcdc;
}

/* faq 형식 테이블 */
.tbl_list.faq_list .tbl th {
    padding: 8px 20px;
    background: none;
    text-align: left;
}

.tbl_list.faq_list .tbl th p {
    display: inline-block;
    margin: 10px 0 0 0;
    font-size: inherit;
    color: #555;
    vertical-align: middle;
}

.tbl_list.faq_list .list_q p {
    display: inline-block;
    max-width: 90%;
}

.tbl_list.faq_list .list_q .fold_btn {
    display: inline-block;
    margin: 11px 0 0 0;
    padding: 10px;
    float: right;
    width: 18px;
    height: 10px;
    background: url('../images/sub/tbl_arr.png') no-repeat 10px -110px;
    text-indent: -9999px;
}

.tbl_list.faq_list .list_q.on .fold_btn {
    background-position: 10px 2px;
}

.tbl_list.faq_list .list_q.on p {
    color: #623c91;
}

.tbl_list.faq_list .list_q .fold_btn:hover, .tbl_list.faq_list .list_q .fold_btn:focus {
    outline: 1px solid #f08200;
}

.tbl_list.faq_list .tbl td {
    padding: 15px 40px;
    background: #fafafa;
}

.tbl_list.faq_list .list_a {
    display: none;
}

.tbl_list.faq_list .list_a.on {
    display: table-row;
}

.tbl_list.faq_list .list_a .qna_icon {
    float: left;
}

.tbl_list.faq_list .list_a .answer {
    margin-left: 40px;
}

.tbl_list.faq_list .qna_icon {
    display: inline-block;
    margin: 0 10px 0 0;
    font-family: 'Noto Sans', sans-serif;
    font-size: 25px;
    font-weight: 700;
    vertical-align: middle;
    cursor: default;
}

.tbl_list.faq_list .qna_icon.icon_q {
    color: #f18825;
    vertical-align: top;
}

.tbl_list.faq_list .qna_icon.icon_a {
    color: #777;
}

.tbl_bdr th {
    padding: 15px 10px;
    border-right: 1px solid #ebebeb;
}

.tbl_bdr th:last-child {
    border-right: 0;
}

.tbl_bdr td {
    padding: 15px 10px;
    border-right: 1px solid #ebebeb;
}

.tbl_bdr .total_cnt td {
    border-right: 1px solid #ddd;
}

.tbl_bdr td:last-child {
    border-right: 0;
}

.tbl_bdr_td0 td {
    border-right: 0 !important;
}

.tbl_list .tbl.tbl_nth tbody tr:nth-child(2n) td {
    background: #fcfcfc
}

.tbl .bdr {
    border-right: 1px solid #ddd !important;
}

.tbl_fit_wrap .tbl td {
    font-size: 14px;
}

.tbl_fixed_hide {
    display: none;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
}

.tbl_fixed_hide.on {
    display: table;
}

.tbl .total_cnt td {
    background: #f9f9f9;
    font-weight: 700;
    font-size: 14px;
    color: #555;
}


/* TABLE 폼 .작성형 */
.tbl_form {
    margin: 10px 0 0 0;
}

.tbl_form .tbl {
    border-top: 2px solid #333333;
}

.tbl_form .tbl th {
    padding: 4px 4px;
    background: #f9f9f9;
    border-bottom: 1px solid #dddddd;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    box-sizing: border-box;
    word-break: keep-all;
}

.tbl_form .tbl td {
    padding: 4px 4px;
    border-bottom: 1px solid #ebebeb;
    font-size: 14px;
    color: #777;
    box-sizing: border-box;
    word-break: keep-all;
}

.tbl_form .tbl td > span {
    font-size: inherit;
    word-break: keep-all;
}

.tbl_form input {
    padding: 5px;
    height: 37px;
}

.tbl_form .btnsm {
    padding: 6px 15px;
    height: 37px;
    font-size: 15px;
}

.tbl_form input[type="checkbox"], .tbl_form input[type="radio"] {
    height: 0 !important;
}

.tbl_form select {
    height: 37px;
}

.tbl_form .select_box .selected_txt > a {
    padding: 0 35px 0 10px;
    height: 40px;
    background: url('../images/common/select_arr.png') no-repeat center right #fff;
    border: 1px solid #dfdfe0;
    box-sizing: border-box;
    vertical-align: middle;
}

.tbl_form .select_box .selected_txt > a:hover, .tbl_form .select_box .selected_txt > a:focus {
    border: 1px solid #360afa;
}

.tbl_form .select_box .overflow_auto_y {
    max-height: 200px;
}

.tbl_form .datepicker {
    background-position: 95% center !important;
}

.tbl_form .file {
    display: block;
    padding: 4px 2px 4px 25px;
    background: url('../images/sub/fileImg.png') no-repeat left 2px;
    font-size: inherit;
}

.tbl_form .file:hover, .tbl_form .file:focus {
    text-decoration: underline;
}

.tbl_form .tbls th,
.tbl_form .tbls td {
    padding: 4px 2px;
    font-size: 14px;
}

.tbl_form .tbls th {
    background: #ddd;
    border-right: 1px solid #ccc;
    color: #333;
}

.tbl_form .tbls td {
    background: #fff;
}

.tbl_form .tbls th:last-child {
    border-right: 0;
}

.tbl_form .tbls .chkradio, .tbl_form .tbls .circle_radio {
    margin: 0;
    vertical-align: middle;
}

.tbl .necessary {
    vertical-align: middle;
}

.tbl_form_dep {
    margin: 0 0 20px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-sizing: border-box;
}

.tbl_form_dep:last-of-type {
    margin-bottom: 0;
}

/* 테이블 정렬 */
.tbl .sorting {
    display: inline-block;
    width: 12px;
    height: 20px;
    background: url('../images/sub/sorting_arr.png') no-repeat 0 0;
    transition: background 0.2s;
    text-indent: -9999px;
}

.tbl .sorting.on {
    display: inline-block;
    width: 12px;
    height: 20px;
    background: url('../images/sub/sorting_arr_on.png') no-repeat 0 0;
    transition: background 0.2s;
}

.tbl .sorting:hover, .tbl .sorting:focus {
    outline: 1px solid #165cd1;
}

.tbl .sorting.down {
    background-position: 0 6px;
}

.tbl .sorting.up {
    background-position: 0 -40px;
}

/* 게시판 상세 */
.tbl_detail .tbl_top {
    padding: 20px 30px;
    background: #fafafa;
    border-top: 3px solid #333333;
    text-align: center;
}

.tbl_detail .tbl_top .title {
    display: block;
    width: 100%;
    line-height: 22px;
    font-size: 20px;
    font-weight: 300;
    color: #333;
    word-break: break-all;
    text-align: center
}

.tbl_detail .tbl_top .date {
    float: right;
    color: #555;
}

.tbl_detail .file_area {
    display: flex;
    flex-direction: row;
    padding: 20px 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.tbl_detail .file_area > * {
    font-size: 1.1em;
}

.tbl_detail .file_area span {
    position: relative;
    padding: 0 20px 0 0;
}

.tbl_detail .file_area span:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 13px;
    background: #333;
}

.tbl_detail .file_area .file {
    display: block;
    margin: 0 0 5px 15px;
    padding-left: 25px;
    background: url('../images/sub/fileImg.png') no-repeat left 0;
    font-size: inherit;
}

.tbl_detail .file_area .file:hover, .tbl_detail .file_area .file:focus {
    text-decoration: underline;
}

.tbl_detail .tbl_cont {
    padding: 40px;
    font-size: 16px;
}

.tbl_detail .tbl_ft .pagination {
    width: 100%;
}

.tbl_detail .tbl_ft .pagination > a {
    display: block;
    float: left;
    padding: 35px 60px;
    width: 50%;
    height: 95px;
    border: 1px solid #ddd;
    border-top-color: #333;
    box-sizing: border-box;
    font-size: 1em;
    color: #777;
}

.tbl_detail .tbl_ft .pagination > a:hover, .tbl_detail .tbl_ft .pagination > a:focus {
    text-decoration: underline;
}

.tbl_detail .tbl_ft .pagination .prev {
    background: url('../images/sub/pagination_arr.png') no-repeat 0 38px;
    border-right: 0;
}

.tbl_detail .tbl_ft .pagination .next {
    background: url('../images/sub/pagination_arr.png') no-repeat right -32px;
    text-align: right;
}

.tbl_detail .tbl_ft .btn_area {
    margin-top: 30px;
}

/* .tbl .notice_label{display:inline-block; padding:4px 8px;background:#f08200;border-radius:8px; color:#fff !important;font-size:12px !important;}
 */

/* 작성란 : 개인정보활용동의 체크 */
.pos_lr {
    margin-bottom: 10px;
    color: #555;
}

.pos_lr > h3 {
    display: inline-block;
    font-size: 1.1em;
}

.txt_wrap {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    line-height: 1.4em;
    box-sizing: border-box;
}

.personal_policy {
    margin: 0 0 20px 0;
    height: 180px;
    overflow-y: auto;
}

/* API */
.api_list > p {
    margin: 2px 0 2px 15px;
    font-size: 1.1em;
    color: #555;
}

.api_list > a {
    margin: 2px 0 2px 15px;
    font-size: 1.1em;
    color: #f08200;
}

.api_list > a:hover, .api_list > a:focus {
    text-decoration: underline;
}

.api_list .api_tt {
    position: relative;
    margin-top: 35px;
    padding: 0 0 0 15px;
    font-size: 1.2em;
    color: #7c66fa;
}

.api_list .api_tt:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #7c66fa;
}

.api_list .chk_ok {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background: url('../images/sub/chk_ok_no.png') no-repeat 0 0;
    text-indent: -9999px;
}

.api_list .chk_no {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background: url('../images/sub/chk_ok_no.png') no-repeat 0 -62px;
    text-indent: -9999px;
}

.api_list .list {
    margin: 4px 0 2px 15px;
}

.api_list .list * {
    font-size: 16px;
}

.api_msg {
    height: 379px;
    border: 1px solid #ddd;
}

/* 영화등록폼 : dragdrop_wrap */
.dragdrop_wrap {
    margin: 0; /* padding:12px;border:1px solid #ddd; */
    border-radius: 8px;
}

.dragdrop_wrap.horizontal {
    display: flex;
    flex-direction: row;
    list-style-type: none;
}

.dg_box {
    margin: 5px 0;
    padding: 12px 10px 12px 50px;
    background: url('../images/sub/dg_grab_off.png') no-repeat 15px center #fafafa;
    border-radius: 4px;
    cursor: grab;
    box-sizing: border-box;
}

.dragdrop_wrap.horizontal .dg_box {
    margin: 5px;
    padding: 40px 5px 5px 5px;
    width: calc(13.33% - 10px);
    background: url('../images/sub/dg_grab_off2.png') no-repeat center 12px #fafafa;
}

.dragdrop_wrap.horizontal.still .dg_box {
    width: calc(20% - 10px);
}

.dg_box:first-child {
    background-color: #e3ebff;
}

.dg_box:active {
    background: url('../images/sub/dg_grab_on.png') no-repeat 15px center #fff;
    border: 1px dashed #ddd;
}

.dragdrop_wrap.horizontal .dg_box:active {
    background: url('../images/sub/dg_grab_on2.png') no-repeat center 12px #fff;
    border: 1px dashed #ddd;
}

.dg_box .person li {
    float: left;
    position: relative;
    margin-right: 10px;
    padding: 0 10px 0 0;
    color: #333;
}

.dg_box .person li:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 1px;
    height: 14px;
    background: #ccc;
}

.dg_box .person li:last-child:after {
    display: none;
}

.dg_box .person .del_input {
    float: right;
}

.dg_box .person .add_input {
    display: none;
    float: right;
    margin-left: 10px;
}

.dg_box:first-child .person .add_input {
    display: block;
}

.dg_box:first-child .del_input, .dg_box:first-child .add_input {
    background-color: #fff;
}

.dg_box .detail_ps {
    margin: 5px 0 0 0;
}

.dg_box .detail_ps input, .dg_box .detail_ps select,
.dg_box .detail_ps .select_box .selected_txt > a {
    height: 38px;
    line-height: 38px;
}

.dg_box .detail_ps .select_box {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.dg_box .detail_ps .select_box .selected_txt > a {
    width: 100%;
}

.dg_box .image_figure {
    position: relative;
}

.dg_box .image_figure .first, .dg_box .image_figure .first_st {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 10px;
    background: #7c66fa;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}

.dragdrop_wrap.horizontal .dg_box:first-child .image_figure .first {
    display: block;
}

.dg_box .image_figure .first {
    display: none;
}

.dg_box .image_figure figure {
    overflow: hidden;
    max-height: 165px;
}

.dragdrop_wrap.horizontal.still figure {
    height: 150px;
    line-height: 150px;
    vertical-align: middle;
}

.dg_box .image_figure figure img {
    width: 100%;
}

.dragdrop_wrap.horizontal.still figure img {
    max-height: 150px;
}

.dg_box .image_figure .del_input {
    position: absolute;
    right: 0px;
    top: -32px;
    background: url('../images/sub/thumlist_close.png') no-repeat center #888;
    background-size: 45%;
}

.dg_box .image_figure .del_input:hover, .dg_box .image_figure .del_input:focus {
    background-color: #555;
}

.dragdrop_wrap.horizontal.still .dg_box .chkradio {
    position: absolute;
    top: -30px;
    left: 5px;
}

.dg_box .chkradio label {
    cursor: pointer;
}

.dragdrop_wrap .portlet-placeholder {
    margin: 0 1em 1em 0;
    height: 50px;
    border: 1px dotted #ccc !important;
}

.dragdrop_wrap.horizontal .portlet-placeholder {
    margin: 1em 0 1em 0;
    width: calc(13.33% - 10px);
    border: 1px dotted #ccc !important;
}

.dragdrop_wrap.horizontal.still .portlet-placeholder {
    width: 20%;
}

.write_form_area .ex_bt {
    margin: 0;
    font-size: 13px;
}

/* 영화등록폼 - 영화제등록 */
.list_depth_box {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    color: #333;
}

.list_depth_box .list_depth1 > .sch_box {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
}

.list_depth_box .list_depth2 {
    margin: 10px;
    background: #f8fffe;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.list_depth_box .list_depth3 {
    margin: 10px;
    background: #fff;
    border: 1px dashed #ddd;
    border-radius: 8px;
}

.list_depth_box .list_depth2 > .sch_box {
    border-bottom: 1px solid #ddd;
}

.list_depth_box .area_tt {
    display: inline-block;
    position: relative;
    margin: 10px 0 10px 10px;
    padding-left: 12px;
    font-size: 1.1em;
    font-weight: 700;
}

.list_depth_box .area_tt:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #555;
}

.list_depth_box .sch_box {
    padding: 10px;
}

.list_depth_box .sch_box > span {
    margin: 0 5px 0 20px;
    font-weight: 500;
    font-size: 1.1em;
    vertical-align: middle;
}

.list_depth_box .sch_box > span:first-of-type {
    margin-left: 0;
}

.list_depth_box .sch_box > input, .list_depth_box .sch_box > select {
    height: 40px;
    vertical-align: middle;
}

.list_depth_box .sch_box > input {
    padding: 5px;
}

.list_depth_box .add_input {
    margin: -5px 0 0 5px;
}

.list_depth_box .del_input {
    float: right;
    margin: 10px;
}

.write_form_area .tbl th {
    font-size: 15px;
}

/* 등록요청 상세 : 뷰어용*/
.write_wrap_view .right_box {
    display: flex;
    flex-direction: row;
    padding: 20px 0;
    border-top: 1px solid #eaeaea;
}

.write_wrap_view .right_box:last-child {
    border-bottom: 1px solid #eaeaea;
}

.write_wrap_view .right_box .write_wrap {
    width: calc(100% - 150px);
}

.write_wrap_view .box > h3,
.write_wrap_view .right_box > h3 {
    padding: 0 10px 0 0;
    width: 180px;
    font-size: 1.2em;
    color: #555;
    word-break: keep-all;
    box-sizing: border-box;
}

.write_wrap_view .right_box .write_wrap.box1 .mv_item {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.write_wrap_view .right_box .write_wrap.box2 .mv_item {
    display: block;
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

.write_wrap_view .right_box .mv_item .name {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 1.1em;
}

.write_wrap_view .right_box .mv_item .info {
    display: inline-block;
    position: relative;
    padding: 0 10px;
    color: #555
}

.write_wrap_view .right_box .mv_item .info:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 12px;
    background: #ccc;
}

.write_wrap_view .right_box .write_wrap .mv_item.award .info:nth-child(1) {
    padding-left: 0;
}

.write_wrap_view .right_box .write_wrap .mv_item.award .info:nth-child(1):before {
    display: none;
}

.write_wrap_view .right_box .write_wrap .mv_item.award .name {
    display: block;
    margin-bottom: 5px;
}

.write_wrap_view .right_box .mv_item .image_figure {
    display: inline-block;
    position: relative;
    margin: 5px 2px;
    width: 12.5%;
    min-height: 128px;
    max-height: 180px;
    background: #eee;
    overflow: hidden;
    vertical-align: middle;
}

.write_wrap_view .right_box .mv_item .image_figure.still {
    width: 20%;
    max-height: 270px;
}

.write_wrap_view .right_box .mv_item .image_figure img {
    width: 100%;
}

.write_wrap_view .right_box .mv_item .image_figure .first {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px 10px;
    background: #7c66fa;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}

.write_wrap_view .right_box .mv_item .image_figure:first-child .first {
    display: block;
}


/* dashboard 대시보드 */
.dashboard_wrap .ds_box_wrap li {
    float: left;
}

.dashboard_wrap .ds_box_wrap.box3 li {
    width: 33.33%;
}

.dashboard_wrap .ds_box_wrap li > div {
    margin: 0 5px;
    padding: 0 20px;
    height: 100px;
    line-height: 100px;
    background: #f08200;
    box-sizing: border-box;
    text-align: right;
}

.dashboard_wrap .ds_box_wrap li > div strong {
    font-size: 20px;
    font-weight: 100;
    color: #fff;
}

.dashboard_wrap .ds_box_wrap li > div strong span {
    font-size: 30px;
    font-weight: 700;
}

.dsb_cnt_i {
    display: block;
    margin-top: 20px;
    float: left;
    width: 40px;
    height: 50px;
}

.dsb_cnt_i.data_all {
    background: url('../images/sub/dsb_i1.png') no-repeat center;
    background-size: 100%;
}

.dsb_cnt_i.data_success {
    background: url('../images/sub/dsb_i2.png') no-repeat center;
    background-size: 100%;
}

.dsb_cnt_i.data_fail {
    background: url('../images/sub/dsb_i3.png') no-repeat center;
    background-size: 100%;
}

.dashboard_wrap .chart_view_area {
    margin: 10px 0;
}

.dashboard_wrap .tbl_td_h td {
    height: 58px;
}

/* 개인정보처리방침 */
.policy_box li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    word-break: keep-all;
}

.policy_box li a {
    font-weight: 500;
}

.policy_list .list_indent li {
    word-break: keep-all;
}

.policy_list .list_indent > li {
    margin-bottom: 10px;
    font-size: 1em;
    font-weight: 500;
}

.policy_list .list_indent > li > ul {
    margin: 4px 0;
}

.policy_list .list_indent > li > ul > li {
    margin: 4px 0;
    padding-left: 0;
    font-size: 1.1em;
    text-indent: 0;
}

.policy_list .list_indent li b, .policy_list .list_indent a {
    font-size: inherit;
}

.policy_list .list_indent > li > ul > li > ol {
    margin: 5px 10px 10px 10px;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ddd;
}

.policy_list .list_indent > li > ul > li > ol > li {
    margin: 4px 0;
    color: #333;
}

.policy_list .ind1 li {
    padding-left: 20px;
    text-indent: -20px;
}

.policy_list .list_indent > li > ul > li > div {
    margin: 10px;
}

.policy_list table {
    border-top: 1px solid #333 !important;
}

.policy_list table th {
    padding: 8px 6px !important;
    font-size: 14px !important;
}

.policy_list table td {
    padding: 6px !important;
    font-size: 14px !important;
}

.policy_list > p {
    padding: 10px;
    background: #f5f5f5;
    font-size: 1em;
}

.policy_list .list {
    margin: 5px 0 10px 0;
}

.policy_list .list li {
    position: relative;
    margin: 2px 0;
    padding-left: 10px;
    text-indent: 0;
}

.policy_list .list li:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #777;
}

.policy_list .icon {
    display: inline-block;
    margin: 0 4px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #555;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
}


/* 사이트맵 */
.sitemap_area {
    padding: 20px 0;
    border-top: 1px solid #ddd;
}

.site_inner {
    float: left;
    width: 33.33%;
    min-height: 300px;
}

.site_inner > div {
    margin: 0 10px;
}

.site_inner .left {
    padding: 10px 20px;
    background: #f08200;
}

.site_inner .left h4 {
    color: #fff;
    font-size: 1.2em;
}

.site_inner .right li {
    border-bottom: 1px solid #eee;
}

.site_inner .right a {
    display: block;
    padding: 10px 20px;
    font-size: 1.1em;
}

/* ======ViewZone(s)====== */

/* 영화정보>상세화면 */
.viewZone {
    width: 100%;
    min-height: 100%;
    height: 100%;
    background: #fff;
    z-index: 2;
    box-sizing: border-box;
}

.viewZone .view_layer {
    padding-bottom: 80px;
}

.viewZone_before {
    position: fixed;
    top: 50%;
    left: 10px;
    width: 80px;
    height: 80px;
    background: url('../images/sub/thum_arr.png') no-repeat 0 0 rgba(0, 0, 0, 0.5);
    text-indent: -9999px;
    z-index: 3;
}

.viewZone_before:hover {
    background-color: rgba(0, 0, 0, 1);
}

.viewZone_before:focus {
    background-color: rgba(0, 0, 0, 1);
    animation: prevAni 1s infinite;
}

.viewZone_close {
    position: fixed;
    top: 50%;
    right: 10px;
    width: 80px;
    height: 80px;
    background: url('../images/common/hd_close.png') no-repeat center rgba(0, 0, 0, 0.5);
    text-indent: -9999px;
    z-index: 3;
}

.viewZone_close {
    background-color: rgba(0, 0, 0, 1);
}

.viewZone_close:focus {
    background-color: rgba(0, 0, 0, 1);
    animation: closeAni 1s infinite;
}

.view_inner {
    margin: 0 auto;
    width: 1200px;
}

.viewZoneLast {
    display: block;
    width: 0;
    height: 0;
    text-indent: -9999px;
}

.view_top {
    position: relative;
    padding: 50px 0;
    width: 100%;
    height: 520px;
    box-sizing: border-box;
    overflow: hidden;
}

.view_top:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #212121;
    z-index: 1;
}

.view_top:after {
    background: rgba(0, 0, 0, 0.7) \9;
}

_:-ms-lang(x), .view_top:after {
    background: rgba(0, 0, 0, 0.7);
}

:-ms-fullscreen, :root .view_top:after {
    background: rgba(0, 0, 0, 0.7);
}

.view_top .view_top_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/sub/viewZone_bg.png') repeat-x 0 0;
    filter: blur(3px);
    transform: scale(1.2);
    text-align: center;
}

.view_top .view_top_bg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    min-height: 520px;
}

.view_top .movie_info {
    position: relative;
    z-index: 2;
}

.view_top .movie_info .btn_modify {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: url('../images/sub/modify.png') no-repeat center #623c91;
    text-indent: -9999px;
    transition: background 0.3s;
}

.view_top .movie_info .btn_modify:hover, .view_top .movie_info .btn_modify:focus {
    background-color: #f18825;
}

.view_top .movie_info .poster {
    display: inline-block;
    width: 280px;
    min-height: 280px;
    max-height: 408px; /* outline:1px solid rgba(255,255,255,0.2); */
    overflow: hidden;
    transition: all 0.5s;
}

.view_top .movie_info .poster img {
    width: 100%;
    transform: scale(1);
    transition: transform 0.5s;
}

.view_top .movie_info .poster figcaption {
    width: 0;
    height: 0;
    text-indent: -9999px;
}

.view_top .movie_info .overflow_auto_y {
    display: inline-block;
    margin-left: 28px;
    width: calc(100% - 311px);
    height: 450px;
    vertical-align: top;
}

.view_top .movie_info .overflow_auto_y::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.5);
}

.view_top .movie_info .overflow_auto_y::-webkit-scrollbar-thumb {
    background: #fff;
}

.view_top .movie_info .info_txt {
    color: #fff;
}

.view_top .movie_info .info_txt li {
    margin-bottom: 10px;
    color: #d1d1d1
}

.view_top .movie_info .info_txt li label {
    display: inline-block;
    width: 100px;
    vertical-align: top;
}

.view_top .movie_info .info_txt li p {
    display: inline-block;
    width: calc(100% - 110px);
    color: #fff;
}

.view_top .movie_info .info_txt li a {
    color: #fff;
    font-weight: 300;
}

.view_top .movie_info .info_txt li a:hover, .view_top .movie_info .info_txt li a:focus {
    font-weight: 500;
}

.view_top .movie_info .info_txt .tit {
    display: block;
    max-width: 93%;
}

.view_top .movie_info .info_txt .tit_ko {
    display: -webkit-inline-box;
    max-width: 100%;
    max-height: 88px;
    overflow: hidden;
    font-size: 2.8em;
    font-weight: 700;
    line-height: 1.1em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    color: #fff;
}

.view_top .movie_info .info_txt .tit_eng {
    display: inline-block;
    margin-left: 15px;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-size: 1.4em;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
}

.view_top .movie_info .info_txt .genre {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 1.1em;
}

.view_top .movie_info .info_txt li span {
    position: relative;
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
    color: #fff;
    word-break: keep-all;
}

.view_top .movie_info .info_txt li span:first-of-type {
    margin-left: -2px
}

.view_top .movie_info .info_txt .genre span:first-of-type {
    margin-left: 0;
}

.view_top .movie_info .info_txt li span:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 14px;
    background: #fff;
}

.view_top .movie_info .info_txt li span:last-child:after {
    display: none;
}

.view_con .overflow_auto_y::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.5);
}

.view_con .overflow_auto_y::-webkit-scrollbar-thumb {
    background: #fff;
}

.view_con {
    margin: 0 auto;
    width: 1200px;
}

.view_con .tit_item {
    margin: 45px 0 25px 0;
    font-size: 1.7em;
    font-weight: 500;
    color: #444
}

.view_con .tit_item .cnt {
    display: inline-block;
    margin: -4px 0 0 5px;
    padding: 2px 6px;
    min-width: 18px;
    background: #f08200;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
}

/*시리즈 회차정보*/
.view_con .serise_bar_move.right {
    float: right;
    margin-top: -50px;
}

.view_con .serise_bar_move a {
    display: inline-block;
    padding: 8px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-size: 14px;
}

.view_con .serise_bar_move a:hover, .view_con .serise_bar_move a:focus {
    border-color: #f08200;
}

.view_con .btn_bar_mv.first {
    padding-left: 30px;
    background: url('../images/sub/icon_bar_move.png') 0 -42px #f9f9f9;
    color: #999;
}

.view_con .btn_bar_mv.last {
    padding-right: 30px;
    background: url('../images/sub/icon_bar_move.png') -70px -42px #f9f9f9;
    color: #999;
}

.view_con .btn_bar_mv.first.on {
    padding-left: 30px;
    background: url('../images/sub/icon_bar_move.png') 0 0 #fff;
    color: #444;
}

.view_con .btn_bar_mv.last.on {
    padding-right: 30px;
    background: url('../images/sub/icon_bar_move.png') -70px 0 #fff;
    color: #444;
}

.view_con .serise_wrap .overflow_auto_x {
    display: block;
    padding: 0 0 20px 0;
    white-space: nowrap;
}

.view_con .view_serise {
    width: 100%;
}

.view_con .serise_wrap .serise_box {
    display: inline-block;
    margin-right: 10px;
    padding: 20px 10px;
    width: 360px;
    border: 1px solid #eaeaea;
    white-space: normal;
    vertical-align: top;
    word-break: keep-all;
    box-sizing: border-box;
}

.view_con .serise_wrap .serise_name {
    display: block;
    max-width: 95%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    font-weight: 500;
    color: #444;
}

.view_con .serise_wrap .serise_info {
    margin: 15px 0 30px 0;
    font-size: 14px;
    color: #777;
}

.view_con .serise_wrap .serise_info li {
    position: relative;
    float: left;
    padding: 0 8px;
}

.view_con .serise_wrap .serise_info li:first-child {
    padding-left: 0;
}

.view_con .serise_wrap .serise_info li:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #ccc;
}

.view_con .serise_wrap .serise_info li:last-child:after {
    display: none;
}

.view_con .serise_wrap .serise_story {
    display: -webkit-box;
    height: 57px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
    font-size: 14px;
    color: #444;
}

/*줄거리*/
.view_con .view_story {
    border-bottom: 1px solid #eaeaea;
    text-align: center;
}

.view_con .view_story p {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    max-height: 190px;
    text-align: left;
    transition: height 0.3s;
    overflow: hidden;
}

.view_con .tit_item2 {
    margin: 45px 0 10px 0;
    font-size: 1.3em;
    font-weight: 500;
    color: #444;
}

.view_con .view_story p.view {
    max-height: inherit;
    height: auto;
    overflow: inherit;
    -webkit-line-clamp: inherit;
    -webkit-line-clamp: inherit;
}

.view_con .view_story .more {
    display: none;
    position: relative;
    padding: 0 20px 10px 0;
    color: #666
}

.view_con .view_story .more:focus {
    text-decoration: underline;
}

.view_con .view_story .more:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url('../images/sub/more.png') no-repeat right 5px;
}

.view_con .view_story .more.fold:after {
    background-position: left 10px;
    transform: rotate(180deg);
}

.view_con .view_tag .btn_add_tag {
    margin-top: -58px;
    float: right;
}

.view_con .view_tag .overflow_auto_x {
    padding: 0 0 20px 0;
    white-space: nowrap;
}

.view_con .view_tag .overflow_auto_x a {
    display: inline-block;
    margin-right: 8px;
    padding: 10px 22px;
    width: auto;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
}

.view_con .view_tag .overflow_auto_x a:hover, .view_con .view_tag .overflow_auto_x a:focus {
    border-color: #f08200;
    color: #f08200;
}

.view_con .view_tab {
    margin: 45px 0 25px 0;
}

.tabCon > div {
    display: none;
}

.tabCon > div.on {
    display: block;
}

.view_con .view_tab_detail {
    padding: 30px 0;
}

/*온라인상영관정보*/
.view_con .online_theater_list {
    padding: 0 0 30px 0;
    border-bottom: 1px solid #eaeaea;
}

.view_con .online_theater_list li {
    float: left;
    width: 25%;
    text-align: center;
}

.view_con .online_theater_list li a {
    display: block;
    padding: 5px;
}

.view_con .online_theater_list picture {
    display: block;
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
}

.view_con .online_theater_list li a:hover picture, .view_con .view_tab_detail .online_theater_list li a:focus picture {
    border-color: #f08200;
}

.view_con .online_theater_list picture img {
    height: 50px;
}

.view_con .online_theater_list .name {
    display: block;
    margin-top: 5px;
    font-size: 1.1em;
    color: #555;
}

/* 포토 */
.view_con .view_tab_detail .view_thum {
    position: relative;
    overflow: hidden;
}

.view_con .view_tab_detail .view_thum .panel {
    padding-bottom: 55%;
    width: 100%;
    max-height: 675px;
}

.view_con .view_tab_detail .view_thum .panel > li {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
}

.view_con .view_tab_detail .view_thum .panel > li img {
    height: 100%
}

.view_con .view_tab_detail .view_thum .panel > li.on {
    opacity: 1;
}

.view_con .view_tab_detail .view_thum .btn_arr {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 82px;
    height: 82px;
    background: url('../images/sub/thum_arr.png') no-repeat rgba(0, 0, 0, 0.5);
    color: #fff;
    box-shadow: 0 0 5px #333;
    z-index: 3;
    transition: background 0.3s;
    text-indent: -9999px;
}

.view_con .view_tab_detail .view_thum .btn_arr.prev {
    left: 0;
    background-position: 0 0;
}

.view_con .view_tab_detail .view_thum .btn_arr.prev:hover, .view_con .view_tab_detail .view_thum .btn_arr.prev:focus {
    background-position: -20px 0;
    background-color: rgba(0, 0, 0, 1);
}

.view_con .view_tab_detail .view_thum .btn_arr.next {
    right: 0;
    background-position: -80px 0;
}

.view_con .view_tab_detail .view_thum .btn_arr.next:hover, .view_con .view_tab_detail .view_thum .btn_arr.next:focus {
    background-position: -60px 0;
    background-color: rgba(0, 0, 0, 1);
}

.view_con .view_tab_detail .list_thum_wrap {
    margin-top: 30px;
}

.view_con .view_tab_detail .list_btn_thum a.on {
    color: #f08200;
}

.view_con .view_tab_detail .list_btn_thum a:hover, .view_con .view_tab_detail .list_btn_thum a:focus {
    text-decoration: underline;
}

.view_con .view_tab_detail .list_btn_thum.left {
    display: inline-block;
}

.view_con .view_tab_detail .list_btn_thum.left a {
    margin-right: 15px;
    font-size: 1.1em;
}

.view_con .view_tab_detail .list_btn_thum.left a .cnt {
    margin: 0 5px;
    padding: 2px 10px;
    background: #555;
    border-radius: 10px;
    font-size: 0.8em;
    color: #fff;
}

.view_con .view_tab_detail .list_btn_thum a.on .cnt {
    background: #f08200;
}

.view_con .view_tab_detail .list_btn_thum.right {
    float: right;
}

.view_con .view_tab_detail .list_btn_thum.right .list_open,
.view_con .view_tab_detail .list_btn_thum.right .zoom {
    display: inline-block;
    margin-left: 10px;
    width: 40px;
    height: 40px;
    background: url('../images/sub/thum_list_btn.png') no-repeat 0 0 #ededed;
    border-radius: 50%;
    text-indent: -9999px;
}

.view_con .view_tab_detail .list_btn_thum.right .list_open {
    background-position: 12px 10px;
}

.view_con .view_tab_detail .list_btn_thum.right .zoom {
    background-position: -38px 10px;
}

.view_con .view_tab_detail .list_btn_thum.right .list_open:hover, .view_con .view_tab_detail .list_btn_thum.right .list_open:focus {
    background-position: 12px -20px;
    background-color: #f08200;
}

.view_con .view_tab_detail .list_btn_thum.right .zoom:hover, .view_con .view_tab_detail .list_btn_thum.right .zoom:focus {
    background-position: -38px -20px;
    background-color: #f08200
}

.view_con .view_tab_detail .list_thum_wrap .overflow_auto_x {
    width: 100%;
    padding: 20px 0 20px 0;
    white-space: nowrap;
}

.view_con .view_tab_detail .list_thum > a {
    display: inline-block;
    margin-right: 10px;
    width: 180px;
    height: 115px;
    background: #eee;
    overflow: hidden;
    text-align: center;
}

.view_con .view_tab_detail .list_thum > a:hover, .view_con .view_tab_detail .list_thum > a:focus {
    outline: 2px solid #f08200;
}

.view_con .view_tab_detail .list_thum > a > img {
    width: auto;
    height: 100%;
}

.view_con .view_tab_detail .box {
    display: flex;
    flex-direction: row;
    padding: 10px 0;
}

.view_con .view_tab_detail .box.pdb40 {
    border-bottom: 1px solid #eaeaea;
}

.view_con .view_tab_detail .right_box {
    display: flex;
    flex-direction: row;
    padding: 40px 0;
    border-bottom: 1px solid #eaeaea;
}

.view_con .view_tab_detail .right_box:last-of-type {
    border-bottom: 0;
}

.view_con .view_tab_detail .right_box > h3 {
    vertical-align: top;
}

.view_con .view_tab_detail .box > h3, .view_con .view_tab_detail .right_box > h3 {
    padding: 0 10px 0 0;
    width: 180px;
    font-size: 1.2em !important;
    color: #555;
    word-break: keep-all;
    box-sizing: border-box;
}

.view_con .view_tab_detail .box li, .view_con .view_tab_detail .right_box li {
    font-size: 1.1em;
    color: #555;
}

.view_con .view_tab_detail .box a, .view_con .view_tab_detail .right_box .link a,
.view_con .view_tab_detail .right_box a {
    text-decoration: underline;
    font-size: inherit;
    color: #555;
}

.view_con .view_tab_detail .box a:hover, .view_con .view_tab_detail .box a:focus, .view_con .view_tab_detail .right_box a:hover, .view_con .view_tab_detail .right_box a:focus {
    color: #f08200
}

.view_con .view_tab_detail .box .rank_div li {
    float: left;
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
}

.view_con .view_tab_detail .box .rank_div li:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #ddd;
}

.view_con .view_tab_detail .box .rank_div li:last-of-type:after {
    display: none;
}

.view_con .view_tab_detail .right_box .actor {
    width: calc(100% - 180px);
}

.view_con .view_tab_detail .right_box .actor .overflow_auto_x {
    display: block;
    padding: 20px 0;
    white-space: nowrap;
}

.view_con .view_tab_detail .right_box .actor .overflow_auto_x a {
    display: inline-block;
    margin-right: 20px;
    width: 120px;
    text-align: center;
    white-space: normal;
    vertical-align: top;
    word-break: keep-all;
}

.view_con .view_tab_detail .right_box .actor picture {
    display: block;
    width: 120px;
    height: 150px;
    overflow: hidden;
    text-align: center;
}

.view_con .view_tab_detail .right_box .actor picture img {
    width: 100%;
}

.view_con .view_tab_detail .right_box .actor .name {
    display: block;
    margin: 5px 0;
    line-height: 1.1em;
    font-size: 1.1em;
}

.view_con .view_tab_detail .right_box .role {
    display: block;
    color: #f08200;
}

.view_con .view_tab_detail .right_box .maker {
    text-align: left;
}

.view_con .view_tab_detail .maker_wrap .maker {
    width: calc(100% - 140px);
    text-align: left;
    max-height: 224px;
    overflow: hidden;
}

.view_con .view_tab_detail .maker_wrap .maker.on {
    max-height: inherit;
    overflow: inherit;
}

.view_con .view_tab_detail .maker_wrap .maker li {
    font-weight: 500;
    color: #333;
}

.view_con .view_tab_detail .right_box .maker a {
    display: inline-block;
    margin: 5px 2px;
}

.view_con .view_tab_detail .more_view, .view_con .view_tab_detail .more_view_award {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 50px;
    height: 20px;
}

.view_con .view_tab_detail .more_view_award {
    margin: 10px auto;
}

.view_con .view_tab_detail .more_view:after,
.view_con .view_tab_detail .more_view_award:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url('../images/sub/more.png') no-repeat right 5px;
}

.view_con .view_tab_detail .more_view.fold:after,
.view_con .view_tab_detail .more_view_award.fold:after {
    background-position: left 10px;
    transform: rotate(180deg);
}

.view_con .view_tab_detail .right_box .trophy b {
    display: block;
    padding-top: 20px;
    font-weight: 700;
    color: #111;
    font-size: inherit
}

.view_con .view_tab_detail .right_box .trophy span {
    display: inline-block;
    margin: 0 10px;
    font-size: in
}

.view_con .view_tab_detail .right_box > .movie_title {
    margin: 5px 30px 5px 20px;
    width: 130px;
    line-height: 1.1em;
    font-size: 1.1em;
    font-weight: 700;
    text-align: right;
}

.view_con .view_tab_detail .online_theater h3 {
    padding: 20px 0 0 0;
    font-size: 1.6em;
    font-weight: 500;
}

.view_con .view_tab_detail h3.tab_detail_tt {
    padding: 20px 0 10px 0;
    font-size: 1.6em;
    font-weight: 500;
}

.view_con .view_tab_detail .online_theater_list li {
    margin: 20px 0;
}

.view_bottom .btn_area {
    margin-top: 45px;
}

/*영화정보상세-회사 수상정보*/
.detail_wrap_type .cht_area .cht_inner.award {
    height: auto;
    max-height: 130px;
}

.award_count_area {
    display: inline-flex;
    vertical-align: top;
}

.award_count_area > li {
    display: block;
    margin: 0 2px;
    width: 200px;
    white-space: nowrap;
}

:-ms-fullscreen, :root .award_count_area > li {
    display: table;
}

.award_count_area .award_box {
    text-align: left;
}

.award_count_area .award_box .date {
    display: block;
    padding: 5px 10px;
    background: #bca3cd;
    color: #FFFFFF;
    font-size: 13px;
    text-align: left;
}

.award_count_area .award_box span {
    display: inline-block;
    padding: 0 5px;
    font-size: 13px;
}

.award_count_area ol li {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.award_count_area .open_end {
    margin-top: 5px;
}

.award_count_area .open_end li {
    color: #444;
    font-size: 13px;
}

.award_count_area .cnt {
    margin-top: 5px;
    border-top: 1px solid #e9e9e9;
}

.award_count_area .cnt li {
    text-align: center;
    border-left: 1px solid #e9e9e9;
    font-size: 13px;
}

.award_count_area .cnt li:nth-child(1), .award_count_area .cnt li:nth-child(2) {
    background: #f5f5f5;
    border-bottom: 1px solid #e9e9e9;
}

.award_count_area .cnt li:nth-child(3), .award_count_area .cnt li:nth-child(4) {
    border-bottom: 1px solid #e9e9e9;
}

.award_count_area .cnt li:nth-child(2n) {
    border-right: 1px solid #e9e9e9;
}

/* 영화정보상세-통계정보 */
.detail_statis {
    position: relative;
}

.detail_statis:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    /*background: url('../images/common/hd_bg.gif') repeat-y 0 0;*/
    background: #7e5da4;
    background: -moz-linear-gradient(left, #7e5da4 0%, #462a65 100%);
    background: -webkit-linear-gradient(left, #7e5da4 0%,#462a65 100%);
    background: linear-gradient(to right, #7e5da4 0%,#462a65 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e5da4', endColorstr='#462a65',GradientType=1 );
}

.detail_statis > ul > li {
    float: left;
    padding: 20px;
    border: 1px solid #e3e3e3;
    border-left: 0;
    box-sizing: border-box;
}

.detail_statis > ul > li:first-child {
    border-left: 1px solid #e3e3e3;
}

.detail_statis.menu3 > ul > li {
    width: 33.33%;
}

.detail_statis > ul > li p {
    display: inline-block;
    font-size: 20px;
    font-weight: 100;
}

.detail_statis > ul > li strong {
    display: block;
    margin-top: 20px;
    float: right;
    font-weight: 700;
    font-size: 30px;
    color: #f18825;
}

.detail_statis > ul > li strong em {
    display: inline-block;
    padding: 0 5px;
    font-weight: 300;
    font-size: 20px;
    color: #777;
}

.view_con .view_tab_detail .detail_5 h3 {
    margin: 0 0 10px 0;
    font-size: 1.6em;
    font-weight: 500;
}

.view_con .view_tab_detail .detail_5 .column_wrp {
    margin: 0 0 20px 0;
}

.view_con .view_tab_detail .detail_5 .column_wrp .col_row .cht {
    margin: 0 5px;
}

.detail_statis_cht .tab2_con {
    display: none;
    margin: 20px 0;
}

.detail_statis_cht .tab2_con.on {
    display: block;
}

.detail_statis_cht .cht {
    margin: 0 0 20px 0;
}

/* 영화인 영화제 영화사*/
.detail_wrap_type .cht_area {
    margin: 0 0 40px 0;
    width: 100%;
    text-align: center;
}

.detail_wrap_type .cht_area .year {
    display: inline-block;
    margin: 0 0 15px 0;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    font-size: 1.5em;
    color: #555;
    vertical-align: middle;
}

.detail_wrap_type .cht_area .reset {
    display: block;
    float: right;
    position: relative;
    width: 30px;
    height: 30px;
    background: #555;
    text-indent: -9999px;
    vertical-align: middle;
}

.detail_wrap_type .cht_area .reset:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url('../images/sub/icon_reset.png') no-repeat center;
    transition: all 0.5s;
}

.detail_wrap_type .cht_area .reset:hover, .detail_wrap_type .cht_area .reset:focus {
    background: #333;
}

.detail_wrap_type .cht_area .reset:hover:after, .detail_wrap_type .cht_area .reset:focus:after {
    transform: rotate(270deg);
}

.detail_wrap_type .cht_area .cht_inner {
    height: 100px;
    border: 1px solid #e3e3e3
}

.filmo_chart {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 107px;
    border: 2px solid #fff;
    cursor: pointer;
    box-sizing: border-box
}

.filmo_chart:hover, .filmo_chart:focus {
    border: 2px solid #f08200;
}

.filmo_chart:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.filmo_chart .filmo_year {
    font-size: 1em;
    line-height: 30px;
}

.filmo_chart .chartCt {
    height: 73px;
    background-color: #bca3cd;
}

.filmo_chart .chartCt .chartBg {
    background-color: #ffffff;
}

.filmo_chart .chartCntNum {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 8px;
    background: #ffffff;
    border-radius: 4px;
    font-size: 0.9em;
    font-weight: 500;
    color: #f08200;
    z-index: 1;
}

.filmo_list {
    margin: 20px 0 40px 0;
}

.filmo_list > ul > li {
    display: flex;
    flex-direction: row;
    float: left;
    margin-bottom: 20px;
    width: 33.33%;
}

.filmo_list .poster {
    width: 135px;
    height: 190px;
    overflow: hidden;
}

.filmo_list .poster:hover, .filmo_list .poster:focus {
    outline: 1px solid #f08200
}

.filmo_list .poster picture, .filmo_list .poster picture img {
    height: 100%;
}

.filmo_list .txt {
    margin: 20px 0 0 15px;
    padding: 0 10px 0 0;
    width: calc(100% - 175px);
    box-sizing: border-box;
}

.filmo_list .txt .title {
    display: block;
}

.filmo_list .txt .title strong {
    display: -webkit-inline-box;
    max-width: 100%;
    max-height: 51px;
    line-height: 1em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1.8em;
    font-weight: 300;
}

.filmo_list .txt .title .tit_eng {
    display: -webkit-inline-box;
    max-width: 100%;
    max-height: 38px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
    font-size: 1em;
    font-family: 'Noto Sans', sans-serif;
}

:-ms-fullscreen, :root .filmo_list .txt .title .tit_eng, _:-ms-lang(x), .filmo_list .txt .title .tit_eng {
    display: inline-block;
}

.filmo_list .txt .title:hover, .filmo_list .txt .title:focus {
    text-decoration: underline;
    color: #f08200;
}

.filmo_list .txt .info {
    margin: 10px 0;
}

.filmo_list .txt .info > li {
    position: relative;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    float: left;
    font-size: 1.1em;
    color: #555;
}

.filmo_list .txt .info > li:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #ccc;
}

.filmo_list .txt .info > li:last-of-type:after {
    display: none;
}

.filmo_list .txt .comp_info li {
    color: #f08200;
}

.filmo_list .txt .actor_ps > li {
    margin: 5px 0;
    font-size: 1.1em;
}

.filmo_list .txt .actor_ps .tt {
    color: #f08200;
}

.filmo_list .txt .comp_make {
    margin-top: 5px;
}

.filmo_list .txt .comp_make li {
    margin: 0 5px 0 0;
    float: left;
}

.filmo_list .txt .comp_make .complabel {
    padding: 2px 6px;
    background: #f08200;
    border-radius: 4px;
    color: #fff;
    font-size: 0.9em;
}

#detail_role1 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

#detail_role2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

<
/
style >
    /* 옴니버스 영화 리스트 */
.list_omnibus {
    margin-bottom: 50px;
}

.list_omnibus > li {
    padding: 30px 0;
    border-bottom: 1px solid #e3e3e3;
}

.list_omnibus > li:first-of-type {
    padding-top: 0;
}

.list_omnibus > li > a {
    display: flex;
    flex-direction: row;
    transition: all 0.3s;
}

.list_omnibus .poster {
    float: left;
    width: 160px;
    height: 228px;
    max-height: 228px;
    outline: 1px solid #f1f1f1;
    overflow: hidden;
}

.list_omnibus .poster img {
    width: 100%;
}

.list_omnibus .txt {
    margin: 0 0 0 25px;
    width: calc(100% - 185px);
}

.list_omnibus .txt .tit {
    display: block;
    font-size: 2em;
    font-weight: 300;
}

.list_omnibus .txt .tit .tit_eng {
    margin: 0 10px;
    color: #555;
    font-size: 0.6em;
    font-family: 'Noto Sans', sans-serif;
}

.list_omnibus .txt .info {
    margin: 10px 0 20px 0;
}

.list_omnibus .txt .info li {
    position: relative;
    margin: 0 15px 0 0;
    padding: 0 15px 0 0;
    float: left;
    font-size: 1.1em;
    color: #555;
}

.list_omnibus .txt .info li:after {
    content: "";
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 12px;
    background: #ccc;
}

.list_omnibus .txt .info li:last-of-type:after {
    display: none;
}

.list_omnibus .txt .maker li {
    display: flex;
    flex-direction: row;
    margin: 5px 0;
    font-size: 1.1em;
    color: #555;
}

.list_omnibus .txt .maker li > * {
    font-size: inherit;
}

.list_omnibus .txt .maker li span {
    display: inline-block;
    position: relative;
    padding: 0 0 0 15px;
    width: 70px;
    box-sizing: border-box;
}

.list_omnibus .txt .maker li span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #f08200;
}

.list_omnibus .txt .maker li p {
    display: inline-block;
    width: calc(100% - 50px)
}

.list_omnibus .txt .story {
    padding: 15px;
    background: #f9f9f9;
}

.list_omnibus .txt .story p {
    display: -webkit-inline-box;
    max-width: 100%;
    height: 40px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-overflow: ellipsis;
}


/* 영화정보 상세화면 레이어팝업 > 이미지 목록/이미지 크게보기 */
.thumImgZoom {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%) translateY(-50%);
    background: rgba(0, 0, 0, 0.8);
    z-index: 4 !important;
    overflow: auto;
    text-align: center;
    box-sizing: border-box;
}

.thumImgZoom .inner {
    margin: 0 auto;
    width: 1200px;
}

.thumImgZoom .thum_top {
    padding: 20px 0;
    background: #000;
    color: #fff;
}

.thumImgZoom .thum_top .title {
    float: left;
    width: calc(100% - 90px);
    text-align: left;
    font-size: 1.6em;
    font-weight: 100;
}

.thumImgZoom .thum_top .title .photo_cnt {
    padding: 0 5px;
}

.thumImgZoom .thum_top a {
    display: inline-block;
    color: #fff;
}

.thumImgZoom .thum_top a:hover, .thumImgZoom .thum_top a:focus {
    border: 1px solid #eee;
}

.thumImgZoom .thum_top .list_go {
    width: 40px;
    height: 40px;
    background: url('../images/sub/thumlist_btn2.png') no-repeat center;
    text-indent: -9999px;
}

.thumImgZoom .thum_top .thumImgZoomClose {
    width: 40px;
    height: 40px;
    background: url('../images/sub/thumlist_close.png') no-repeat center;
    text-indent: -9999px;
}

/* .thumImgZoom .thum_con{position: relative; padding:20px 0;}
.thumImgZoom .thum_con .list li{float:left;width:25%;} */
.thumImgZoom .thum_con {
    position: relative;
    padding: 20px 0;
    width: 100%;
}

.thumImgZoom .thum_con ul {
    column-width: 300px;
    column-gap: 10px;
    column-count: 3;
}

.thumImgZoom .thum_con .list li {
    display: inline-block;
    width: 100%;
}

.thumImgZoom .thum_con .list li a {
    display: block;
    margin: 0 0 10px 0;
    overflow: hidden;
    transition: all 0.3s;
}

.thumImgZoom .thum_con .list li a:hover, .thumImgZoom .thum_con .list li a:focus {
    transform: scale(1.1);
}

.thumImgZoom .thum_con .list li a img {
    width: 100%;
}

.thumImgZoom .thum_con ul.on {
    column-width: 100% !important;
    column-count: 1;
}

.thumImgZoom .thum_con .list li.on {
    width: 100%;
}

.thumImgZoom .thum_con .list li.on a { /* position: absolute;top:0;left:0; */
    margin: 20px 0;
    width: 100%;
    height: 700px;
}

.thumImgZoom .thum_con .list li.on a img {
    width: auto;
    height: 100%;
}

.thumImgZoom .thum_con .list li.on a:hover, .thumImgZoom .thum_con .list li.on a:focus {
    transform: none;
}

.thumImgZoom .thum_con .zoom {
    display: none;
}

.thumImgZoom .thum_con .zoom.on {
    display: block;
}

.thumImgZoom .thum_con .btn_arr {
    display: block;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 82px;
    height: 82px;
    background: url('../images/sub/thum_arr.png') no-repeat rgba(0, 0, 0, 0.5);
    color: #fff;
    box-shadow: 0 0 5px #333;
    z-index: 3;
    transition: background 0.3s;
    text-indent: -9999px;
}

.thumImgZoom .thum_con .btn_arr.prev {
    left: 0;
    background-position: 0 0;
}

.thumImgZoom .thum_con .btn_arr.prev:hover, .thumImgZoom .thum_con .btn_arr.prev:focus {
    background-position: -20px 0;
    background-color: rgba(0, 0, 0, 1);
}

.thumImgZoom .thum_con .btn_arr.next {
    right: 0;
    background-position: -80px 0;
}

.thumImgZoom .thum_con .btn_arr.next:hover, .thumImgZoom .thum_con .btn_arr.next:focus {
    background-position: -60px 0;
    background-color: rgba(0, 0, 0, 1);
}


/* ======ViewZone(e)====== */


/* 명작영화 기획전 */
.good_movie_wrap {
    position: relative;
}

.good_movie_wrap > article {
    float: left;
    min-height: 880px;
    box-sizing: border-box;
}

.good_movie_wrap .left {
    width: 35%;
    background: url('../images/sub/g_mv_left_bg.jpg') no-repeat center;
}

.good_movie_wrap .right {
    width: 65%;
    background: url('../images/sub/g_mv_right_bg.jpg') no-repeat center;
}

.good_movie_wrap .page_title {
    display: inline-block;
    position: relative;
    margin: 100px 0 0 100px;
    font-size: 4em;
    font-weight: 100;
    color: #fff;
    transition: all 0.5;
}

.good_movie_wrap .page_title:after {
    content: "";
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 50px;
    background: #fff;
}

.good_mv_box {
    position: relative;
    margin-top: 80px;
    float: right;
    padding: 20px 10px;
    width: 15%;
    min-height: 800px;
    box-sizing: border-box;
    transition: width 0.5s;
}

.good_mv_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 700px;
    background: rgba(255, 255, 255, 0.3);
}

.good_movie_wrap .left.on {
    position: absolute;
    top: 30px;
    min-height: 0;
    background: none;
}

.good_movie_wrap .left.on .page_title {
    margin: 0 0 0 100px;
    font-size: 30px;
}

.good_movie_wrap .left.on .page_title:after {
    display: none;
}

.good_movie_wrap .left.on .page_title br {
    display: none;
}

.good_movie_wrap .right.on {
    width: 100%;
}

.good_movie_wrap .right.on .good_mv_box {
    width: 8%;
}

.good_movie_wrap .right.on .good_mv_box > h4 {
    font-size: 17px;
}

.good_movie_wrap .right.on .good_mv_box.on {
    width: 75%;
}

.good_movie_wrap .right.on .good_mv_box.on > h4 {
    font-size: 22px;
}

.good_mv_box > h4 {
    display: inline-block;
    padding-right: 40px;
    background: url('../images/sub/arr_w2.png') no-repeat center right;
    color: #fff;
    font-weight: 100;
    font-size: 22px;
}

.good_mv_box > h4 > span {
    display: none;
}

.good_mv_box.on > h4 {
    background: none;
    font-weight: 500;
    font-size: 15px;
}

.good_mv_box.on > h4 > span {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: inherit;
}

.good_mv_box ul {
    width: 0;
    margin-top: 30px;
    opacity: 0;
    transition: all 0.5s 0.3s;
}

.good_mv_box.on ul {
    opacity: 1;
    width: auto;
}

.good_mv_box .rank {
    float: left;
    margin: 12px 0;
    width: 14%;
}

.good_mv_box .rank > a {
    display: block;
    text-align: center;
}

.good_mv_box .rank figcaption {
    height: 0;
    width: 0;
    text-indent: -9999px;
    opacity: 0;
}

.good_mv_box .rank .poster {
    position: relative;
    margin: 0 auto;
    width: 150px;
    height: 214px;
}

.good_mv_box .rank .poster img {
    width: 100%;
    vertical-align: top;
}

.good_mv_box .rank .txt {
    color: #fff;
    text-align: center;
}

.good_mv_box .rank .tit {
    display: block;
    max-width: 95%;
    font-size: 18px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.good_mv_box .rank.r1, .good_mv_box .rank.r2, .good_mv_box .rank.r3 {
    width: 33.33%;
}

.good_mv_box .rank.r1 .poster,
.good_mv_box .rank.r2 .poster,
.good_mv_box .rank.r3 .poster {
    width: 197px;
    height: 280px;
}

.good_mv_box .rank.r1 .tit,
.good_mv_box .rank.r2 .tit,
.good_mv_box .rank.r3 .tit {
    font-size: 25px;
}

.good_mv_box .ranking_num {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}

.good_mv_box .rank.r1 .ranking_num,
.good_mv_box .rank.r2 .ranking_num,
.good_mv_box .rank.r3 .ranking_num {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 50px;
}


/*기획전2*/
.tabCon.good_mv_box {
    margin-top: 20px;
    padding: 0;
    float: inherit;
    width: 100%;
    min-height: inherit;
}

.tabCon.good_mv_box ul {
    width: 100%;
    height: auto;
    opacity: 1;
}

.tabCon.good_mv_box .rank .poster {
    overflow: hidden;
}

.tabCon.good_mv_box .rank .txt {
    color: #111;
}

/* 명작영화 기획전(e) */

/*페이징 */
.pagenumber_area {
    display: inline-block;
    margin-left: 10%;
}

.pagenumber_area li {
    color: black;
    padding: 8px 13px;
    text-decoration: none;
    float: left;
    cursor: default;
}

.pagenumber_area li span {
    display: inline-block;
    font-size: 13px;
    width: 23px;
}

.active {
    border-bottom: 1px solid #333;
}

.pagenumber_area li > span:hover:not(.active) {
    transition: width 0.3s;
    border-bottom: 1px solid #333;
}