@charset "utf-8";
/* main */

.main {color:#2a2a2a; font-size:14px; overflow: auto; height: 100%;}
.main .w_fix {margin:0 auto;}
.main #container {width:100%;background: none!important;}
.main #content {padding-top:0;padding: 0!important;}
.main .hd_top {width:1200px; margin:0 auto;}
.main #nav .list_nav {width:1200px; margin:0 auto;}
.main #nav .bg_sub {width:1200px; margin:0 auto; }
.main #nav .list_nav .visu_nav {margin-left:0;}

.hd_cont {padding:70px 0 60px}
.hd_cont .tit {position:relative; font-size:30px; text-align:center; font-weight:bold; line-height:1; letter-spacing:-0.01em}
.hd_cont .tit .more {display:inline-block;  margin:5px 0 0 10px; vertical-align:top; line-height:1}
.hd_cont .tit .ico_plus {display:inline-block; vertical-align:top}
.hd_cont .tit:before {position:absolute; top:50%; left:0; width:425px; height:1px; background:url(../images/comm/bg30.png); content:''}
.hd_cont .tit:after {position:absolute; top:50%; right:0; width:425px; height:1px; background:url(../images/comm/bg30.png);  content:''}
.hd_sub {padding-bottom:12px; border-bottom:2px solid #2a2a2a;}
.hd_sub .tit {position:relative; font-size:22px; font-weight:bold;}
.hd_sub .more {position:absolute; top:50%; right:0; width:20px; height:20px; margin-top:-10px;}
.hd_sub .ico_plus {display:block}

.main #footer .cont {width:1200px; margin:0 auto;}

/* 전광판 */
#cont_rank {height:712px; background:url(../images/main/main_bg_boxoffice.png) 50% 50% no-repeat #dee2e1; }
#cont_rank .w_fix {position:relative; padding-bottom:30px} /* 170802 수정 */
#cont_rank .slider {height:609px; overflow:hidden;}
#cont_rank .hd_cont {padding-bottom:25px}
#cont_rank .hd_cont + .ovf {padding:0 50px}
#cont_rank .wrap_tbl {width:730px; /* margin-left:45px; */}
#cont_rank .wrap_tbl.fl {width:525px; margin:0}
#cont_rank .wrap_tbl.fl + .fr {width:525px; margin:0}
#cont_rank .foreign .tb1 + .fl {margin-top:7px; margin-left:10px; font-weight:bold;;}
#cont_rank .wrap_tbl table thead th {padding:8px 10px 8px 10px; border-bottom:2px solid #2a2a2a; text-align:right;}
#cont_rank .wrap_tbl table thead th > img.mnbox_dw{margin:3px 0 0 5px;}
#cont_rank .wrap_tbl table tbody td {padding:8px 5px; border-bottom:1px solid #e8e8e8; border-bottom:1px solid rgba(80,80,80,0.1); text-align:right;}
#cont_rank .wrap_tbl table tbody td:first-child {padding-right:0}
#cont_rank .wrap_tbl table tbody td .ellip {width:125px; text-align:left}
#cont_rank .wrap_tbl.seat table tbody td .ellip{width:300px;}
#cont_rank .wrap_tbl table tbody td.tal {padding-left:20px; font-size:12px}
#cont_rank .wrap_tbl table tbody td .ico_comm {display:inline-block; vertical-align:top;}
#cont_rank .wrap_tbl table tbody td .up {width:12px; height:12px; margin:3px 6px; background-position:-25px -15px;}
#cont_rank .wrap_tbl table tbody td .down {width:12px; height:12px; margin:3px 6px; background-position:-25px 0}
#cont_rank .wrap_tbl table tbody td .keep {width:8px; height:2px; margin:9px 0 0 0; background:#666;}
#cont_rank .wrap_tbl table tbody td .new {width:24px; height:8px; margin:6px 0 0 0; background-position:-65px -85px;}
#cont_rank .wrap_tbl table tbody tr:hover td {background:#dadfe7; cursor:pointer; font-weight:bold; letter-spacing:-0.03em}
#cont_rank .wrap_tbl .info_date {display:block; margin-top:10px; text-align:right; font-size:12px;}
#cont_rank .info {padding-top:35px;position:relative;width:289px;}
#cont_rank .info .descr{position:absolute;width: 100%;padding: 0 15px;background: rgb(80 118 219 / 90%);color: #fff;box-sizing: border-box;opacity:0;cursor:pointer;height:410px;}

#cont_rank .info .thumb {position:relative; float:left; /* margin-right:22px; */}
#cont_rank .info .thumb .rank {position:absolute; top:0; left:0; width:40px; height:40px; padding:0 27px 27px 0; background:url(../images/main/main_bg_rank.png) 0 0 no-repeat; text-align:center; line-height:40px; color:#fff; font-size:20px; font-weight:bold;z-index:1;}
#cont_rank .info .cont .tit {margin:52px 0 8px; padding-bottom:15px; border-bottom:1px solid #e8e8e8;}
#cont_rank .info .cont .tit strong {font-size:25px; font-weight:normal;}
#cont_rank .info .cont .list_info dt {display:inline-block; width:1px; height:12px; background:#333; margin:6px 5px 0; vertical-align:top; font-size:0; line-height:0; text-indent:-9999em;}
#cont_rank .info .cont .list_info dt:first-child {position:absolute; top:-9999em; left:-9999em; visibility:hidden}
#cont_rank .info .cont .list_info dd {display:inline; line-height:1.6}
#cont_rank .info .cont .desc {margin-top:20px}
#cont_rank .info .cont .desc a {
	overflow:hidden;
	/*text-overflow:ellipsis;*/
	display: block; /* Fallback for non-webkit */
	/*display: -webkit-box;*/
	-webkit-line-clamp:9;
	-webkit-box-orient:vertical;
	line-height:20px;
	height:180px;/* Fallback for non-webkit */
}
#cont_rank .list_rank {margin-top:30px; text-align:center;}
#cont_rank .list_rank li {display:inline-block; position:relative; padding:0 10px; text-align:center;}
#cont_rank .list_rank li a {font-size:17px; color:#bdc7d7; font-weight:bold;}
#cont_rank .list_rank li a:hover {color:#5076db;}
#cont_rank .list_rank li a.active {color:#5076db; font-size:20px;}
#cont_rank .list_rank li:before {position:absolute; width:1px; height:17px; top:50%; left:0; margin-top:-8px; background:#c6c6c6; content:''}
#cont_rank .list_rank li:first-child:before {display:none;}
#cont_rank .rentrak {position:relative; padding-top:20px; text-align:right; clear:both}
#cont_rank .box_rentrak {display:none; position:absolute; bottom:20px; right:-33px; width:342px; height:143px; padding:15px 22px 0 16px; font-size:13px; line-height:20px; background:url(../images/main/box_rentrak.png) 50% 50% no-repeat; text-align:left}
#cont_rank .btn_rentrak:hover + .box_rentrak {display:block;}
#cont_rank .bx-controls-direction a {position:absolute; top:350px; opacity:0.5}
#cont_rank .bx-controls-direction .ico_comm {display:block; width:21px; height:41px;}
#cont_rank .bx-controls-direction .bx-prev {left:0;}
#cont_rank .bx-controls-direction .bx-next {right:0;}
#cont_rank .bx-controls-direction .bx-prev .ico_comm {background-position:0 0}
#cont_rank .bx-controls-direction .bx-next .ico_comm {background-position:0 -45px}
.strdt {float: left;width: 65px;margin-right: 20px;font-weight: bold;}
.strdd {display: block; width: 165px; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; margin-bottom: 5px;}
.bdbtm{border-bottom:1px solid #e8e8e8;}
.pd15{padding:15px 0;}




/*개봉예정작 독립/예술영화 기획회고전*/

.cont_3view .w_fix {position:relative; padding-bottom:30px} /* 170802 수정 */
.cont_3view .slider {height:609px; overflow:hidden;}
.cont_3view .hd_cont {padding-bottom:25px}
.cont_3view .hd_cont + .ovf {padding:0 50px}
.cont_3view .wrap_tbl {width:490px; margin-left:45px;}
.cont_3view .wrap_tbl.fl {width:525px; margin:0}
.cont_3view .wrap_tbl.fl + .fr {width:525px; margin:0}
.cont_3view .foreign .tb1 + .fl {margin-top:7px; margin-left:10px; font-weight:bold;;}
.cont_3view .wrap_tbl table thead th {padding:8px 20px; border-bottom:2px solid #2a2a2a; text-align:right;}
.cont_3view .wrap_tbl table tbody td {padding:8px 10px; border-bottom:1px solid #e8e8e8; border-bottom:1px solid rgba(80,80,80,0.1); text-align:right;}
.cont_3view .wrap_tbl table tbody td:first-child {padding-right:0}
.cont_3view .wrap_tbl table tbody td .ellip {width:125px; text-align:left}
.cont_3view .wrap_tbl table tbody td.tal {padding-left:30px; font-size:12px}
.cont_3view .wrap_tbl table tbody td .ico_comm {display:inline-block; vertical-align:top;}
.cont_3view .wrap_tbl table tbody td .up {width:12px; height:12px; margin:3px 6px; background-position:-25px -15px;}
.cont_3view .wrap_tbl table tbody td .down {width:12px; height:12px; margin:3px 6px; background-position:-25px 0}
.cont_3view .wrap_tbl table tbody td .keep {width:8px; height:2px; margin:9px 0 0 16px; background:#666;}
.cont_3view .wrap_tbl table tbody td .new {width:24px; height:8px; margin:6px 0 0 9px; background-position:-65px -85px;}
.cont_3view .wrap_tbl table tbody tr:hover td {background:#dadfe7; cursor:pointer; font-weight:bold; letter-spacing:-0.03em}
.cont_3view .wrap_tbl .info_date {display:block; margin-top:10px; text-align:right; font-size:12px;}
.cont_3view .info {padding-top:35px}
.cont_3view .info .thumb {position:relative; float:left; margin-right:22px;}
.cont_3view .info .thumb .rank {position:absolute; top:0; left:0; width:40px; height:40px; padding:0 27px 27px 0; background:url(../images/main/main_bg_rank.png) 0 0 no-repeat; text-align:center; line-height:40px; color:#fff; font-size:20px; font-weight:bold;;}
.cont_3view .info .cont .tit {margin:10px 0 15px; padding-bottom:15px; border-bottom:1px solid #e8e8e8;}
.cont_3view .info .cont .tit strong {font-size:25px; font-weight:normal;}
.cont_3view .info .cont .list_info dt {display:inline-block; width:1px; height:12px; background:#333; margin:6px 5px 0; vertical-align:top; font-size:0; line-height:0; text-indent:-9999em;}
.cont_3view .info .cont .list_info dt:first-child {position:absolute; top:-9999em; left:-9999em; visibility:hidden}
.cont_3view .info .cont .list_info dd {display:inline; line-height:1.6}
.cont_3view .info .cont .desc {margin-top:20px}
.cont_3view .info .cont .desc a {
	overflow:hidden;
	/*text-overflow:ellipsis;*/
	display: block; /* Fallback for non-webkit */
	/*display: -webkit-box;*/
	-webkit-line-clamp:9;
	-webkit-box-orient:vertical;
	line-height:20px;
	height:180px;/* Fallback for non-webkit */
}
.cont_3view .list_rank {margin:0px 5px; text-align:center;}
.cont_3view .list_rank.released_page{position: absolute;bottom: 40px;width: 100%;}
.cont_3view .list_rank li {display: inline-block;cursor: pointer;width: 30px;height: 7px; background: #ddd;overflow: hidden;margin:0px 2px;border-radius:3px;text-indent:-9999px;}
.cont_3view .list_rank.released_page li{background:#fff;}
.cont_3view .list_rank li a {font-size:17px; color:#bdc7d7; font-weight:bold;}
.cont_3view .list_rank a:hover li{background:#5076db;}
.cont_3view .list_rank a.active li{background:#5076db; width:50px;}
.cont_3view .list_rank li:before {position:absolute; width:1px; height:17px; top:50%; left:0; margin-top:-8px; background:#c6c6c6; content:''}
.cont_3view .list_rank li:first-child:before {display:none;}
.cont_3view .rentrak {position:relative; padding-top:20px; text-align:right; clear:both}
.cont_3view .box_rentrak {display:none; position:absolute; bottom:20px; right:-33px; width:342px; height:143px; padding:15px 22px 0 16px; font-size:13px; line-height:20px; background:url(../images/main/box_rentrak.png) 50% 50% no-repeat; text-align:left}
.cont_3view .btn_rentrak:hover + .box_rentrak {display:block;}
.cont_3view .bx-controls-direction a {position:absolute; top:350px; opacity:0.5}
.cont_3view .bx-controls-direction .ico_comm {display:block; width:21px; height:41px;}
.cont_3view .bx-controls-direction .bx-prev {left:0;}
.cont_3view .bx-controls-direction .bx-next {right:0;}
.cont_3view .bx-controls-direction .bx-prev .ico_comm {background-position:0 0}
.cont_3view .bx-controls-direction .bx-next .ico_comm {background-position:0 -45px}
.strdt {float: left;width: 65px;margin-right: 20px;font-weight: bold;}
.strdd {display: block; width: 165px; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; margin-bottom: 5px;}
.bdbtm{border-bottom:1px solid #e8e8e8;}
.pd8{padding:8px 0;}
.pd15{padding:15px 0;}

/*2019-03-14 차영훈 추가 */
.cont_3view .bx-viewport{height:600px; !important;}
#diverMovie.info.ovf a.thumb img {width:260px !important;height:370px !important;}
#reBoxoffice .tb1{height:390px;}

/* KOBIS cont_release */
#cont_release{background:#e9ecf1;}
#cont_release .wrap_share {width:1125px; margin:0 auto}

/* KOBIS Data */
#cont_data .wrap_share {width:1125px; margin:0 auto}
#cont_data .wrap_share > .fl {width:400px;}
#cont_data .share {margin-bottom:30px}
#cont_data .bar_hor {position:relative; height:38px; margin-top:25px; background:url(../images/main/grp_4.png) repeat-x; border-radius:5px; overflow:hidden}
#cont_data .fl .bar_hor {position:relative; height:38px; margin-top:25px; background:url(../images/main/grp_2.png) repeat-x; border-radius:5px; overflow:hidden}
#cont_data .bar_hor .mid_arrow1{position:relative; height:38px ;background: url(../images/main/grp_m1.png) no-repeat; width:25px; left:20px;}
#cont_data .bar_hor .mid_arrow2{position:relative; height:38px ;background: url(../images/main/grp_m2.png) no-repeat; width:25px; left:20px;}
#cont_data .bar_hor .share_kor {height:38px; padding-right:11px;     background: url(../images/main/grp_3.png) repeat-x; }
#cont_data .fl .bar_hor .share_kor {height:38px; padding-right:11px; background:url(../images/main/grp_1.png) repeat-x; }
#cont_data .bar_hor dl {position:absolute; top:0px;}
#cont_data .bar_hor dl dt,
#cont_data .bar_hor dl dd {display:inline-block; padding:0 5px; line-height:38px; color:#fff;}
#cont_data .bar_hor .share_kor dl {left:10px;}
#cont_data .bar_hor .share_fore dl {right:10px}
#cont_data .share .graph_share {position:relative; height:240px; margin:32px 0;}
#cont_data .share .graph_share > span {position:absolute; right:0; width:365px; height:1px; background:#ccc;}
#cont_data .share .graph_share .line_100 {top:0;}
#cont_data .share .graph_share .line_50 {top:50%;}
#cont_data .share .graph_share .line_0 {bottom:0;}
#cont_data .share .graph_share > span em {position:absolute; top:-10px; left:-33px; width:24px; text-align:right;}
#cont_data .share .graph_share > div {float:left; position:relative; width:20%; height:160px; text-align:center}
#cont_data .share .graph_share > div strong {position:absolute; bottom:-24px; left:0; width:100%; font-weight:normal}
#cont_data .share .graph_share > div span {position:absolute; bottom:0; left:50%; width:18px; margin-left:-9px; background:#ecca81; }
#cont_data .share .graph_share > div .emph {background:#f6b324;}
#cont_data .share .graph_share > div span em {position:absolute; top:-25px; left:50%; width:70px; margin-left:-35px;}
#cont_data .share .info_date {display:block; text-align:center;}
#cont_data .tbl1 {border-top:none}
#cont_data .tbl1 th,
#cont_data .tbl1 td {height:54px; color:#4f4f4f}
#cont_data .tbl1 th {font-size:17px;text-align: center;}
#cont_data .tbl1 td {padding-right:15px; text-align:right;}
#cont_data .tbl1 th span {display:block; font-size:14px; font-weight:normal}
#cont_data .tbl1 td span {display:inline-block; margin-right:3px; font-size:20px; font-weight:bold}
#cont_data .wrap_share > .fr {width:673px}
#cont_data .map {position:absolute; width:638px; height:581px; margin:23px 0 0 35px; background:url(../images/main/main_map.png) center top no-repeat; background-size:85%}
#cont_data .map ul li {position:absolute; width:130px; background:#74abe0; text-align:center}
#cont_data .map ul li strong {display:inline-block;margin-right:15px; color:#fff; line-height:23px; font-weight:normal}
#cont_data .map ul li .info1 {display:inline-block;}
#cont_data .map ul li .info1 * {color:#fdf2a0;}
#cont_data .map ul li .info2 {background:#f2f4f7;}
#cont_data .map ul li .info2 dd {line-height:23px; color:#4f4f4f}
#cont_data .map ul .su {
	top: 8px;
	left: 58px;
	background:#4b75ec;
}

#cont_data .map ul .ic {
	top: 60px;
	left: 51px;
	background:#4b75ec;
}
#cont_data .map ul .gg {
	top: 110px;
	left: 21px;
	background:#4b75ec;
}
#cont_data .map ul .sj {
	top: 161px;
	left: 21px;
}
#cont_data .map ul .dj {
	top: 212px;
	left: 24px;
}
#cont_data .map ul .cn {
	top: 265px;
	left: 37px;
}
#cont_data .map ul .jb {
	top: 317px;
	left: 41px;
}
#cont_data .map ul .gj {
	top: 371px;
	left: 3px;
}
#cont_data .map ul .jn {
	top: 424px;
	left: 18px;
}
#cont_data .map ul .gw {
	top: 9px;
	right: 51px;
}
#cont_data .map ul .cb {
	top: 70px;
	right: 13px;
}
#cont_data .map ul .gb {
	top: 132px;
	right: 0px;
}
#cont_data .map ul .dg {
	top: 193px;
	right: 23px;
}
#cont_data .map ul .us {
	top: 255px;
	right: 20px;
}
#cont_data .map ul .bs {
	top: 322px;
	right: 45px;
}
#cont_data .map ul .gn {
	top: 380px;
	right: 6px;
}
#cont_data .map ul .jj {
	top: 461px;
	right: 205px;
}
#cont_data .map .info_date {position:absolute; bottom:0px; right:0;}
#cont_data .map .info_date em {position:relative; float:left; margin-right:10px;; padding-right:10px;}
#cont_data .map .info_date em:after {position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-6px; background:#aaav; content:''}
#cont_data .realtime { margin-top: 95px; padding: 60px 0; background: url(../images/main/bigdata_back.jpg) 50% 50% no-repeat;  background-size: cover;}
#cont_data .realtime  .w_fix > .ovf {margin:0 50px} /* 170802 수정 */
#cont_data .realtime .hd_cont {padding:0; text-align:center}
#cont_data .realtime .hd_cont .tit {margin-bottom:5px}
#cont_data .realtime .hd_cont strong {font-size:30px; font-weight:normal;;}
#cont_data .realtime .hd_cont p {margin-top:9px; line-height:24px}
#cont_data .realtime .hd_cont .more {display:inline-block; position:relative; top:auto; right:auto; vertical-align:top; margin:2px 0 0 6px; }
#cont_data .realtime .hd_cont .more .ico_plus {display:block;}
#cont_data .realtime .ovf > .fl {width:395px; padding-top:50px;}
#cont_data .realtime .rank_realtime {padding:56px 17px 25px 17px; background:#fff}
#cont_data .realtime .rank_realtime a {position:relative; overflow:hidden }
#cont_data .realtime .rank_realtime a > * {display:inline-block; float:left; line-height:40px;}
#cont_data .realtime .rank_realtime .num {width:20px; padding:0 9px 0 20px; text-align:center; font-weight:bold;}
#cont_data .realtime .rank_realtime .ellip {width:250px; font-weight:normal; line-height:40px;}
#cont_data .realtime .rank_realtime .fr {float:right; width:80px; text-align:center; color:#818181}
#cont_data .realtime .rank_realtime .on a:after  {position:absolute; top:0; bottom:0; left:0; right:0; border:3px solid #7391e2; content:''}
#cont_data .realtime .rank_realtime .on a {font-size:17px; font-weight:bold;}
#cont_data .realtime .rank_realtime .on .ellip {font-weight:bold;}
#cont_data .realtime .ovf > .fr {padding-top:50px; height:339px;}

/* 개봉 예정작 */
#cont_released .cont {padding:50px 50px 60px}
#cont_released .fl li {position:relative; /* margin-left:20px; */} /* 170802 수정 */
#cont_released .fl li:first-child {margin-left:0}
#cont_released .fl li .info {position:absolute; bottom:0; left:0; width:100%; padding:20px 0; background:url(../images/comm/bg60.png); text-align:center; color:#fff}
#cont_released .fl li .info strong {display:block; width:200px; margin:0 auto; font-size:25px; letter-spacing:-0.05em}
#cont_released .fl li .info dl dt,
#cont_released .fl li .info dl dd {display:inline-block;}
#cont_released .fl li .info dl dt {position:relative; padding-right:10px; margin-right:8px;}
#cont_released .fl li .info dl dt:after {position:absolute; top:50%; right:0; width:1px; height:12px; margin-top:-5px; background:#fff; opacity:0.6; content:''}

/* 한국영화 제작 상황판 */
#cont_making {padding-bottom:60px;  }
#cont_making .cont {margin:0 50px}
#cont_making table tr.bg th,
#cont_making table tr.bg td {background:#f7f7f7;}
#cont_making table tbody td {border-left:1px solid #ccc; padding:0 10px}
#cont_making table tbody td .tit {display:block; width:235px; margin:0 auto}
#cont_making table tbody td .tal {display:block; width:205px;}

/* 공지사항 */
#cont_notice {padding:60px 0; background:url(../images/main/product_bg.jpg) 0 0 no-repeat;background-size:cover;}
#cont_notice .ovf {margin:0 50px}
#cont_notice .ovf > .fl {width:535px;}
#cont_notice .ovf > .fl table th,
#cont_notice .ovf > .fl table td {height:41px; border-bottom:1px dashed #d9d9d9; text-align:center;}
#cont_notice .ovf > .fl table th {padding-left:14px; text-align:left; font-weight:normal;}
#cont_notice .ovf > .fl table th .block {position:relative; width:380px; padding-left:16px;}
#cont_notice .ovf > .fl table th .block:after {position:absolute; top:50%; left:0px; width:4px; height:4px; margin-top:-2px; background:#555; content:''}
#cont_notice .ovf > .fr {width:535px; height:310px; background:url(../images/main/main_bg_theater.png) 0 0 no-repeat;}
#cont_notice .ovf > .fr .cont {float:right; position:relative; width:535px; height:187px; color:#fff}
#cont_notice .ovf > .fr .cont .bg {display:block; height:135px; background:#191919; opacity:0.8; filter: alpha(opacity=80);     margin-top: 90px;}
#cont_notice .ovf > .fr .cont .inner {position:absolute; top:0; left:0; width:495px; height:310px; padding:0 20px;}
#cont_notice .ovf > .fr .hd_cont {padding:71px 0 0; text-align:center;}
#cont_notice .ovf > .fr .tit {font-size:14px;}
#cont_notice a {text-decoration: none;}
#cont_notice .ovf > .fr .tit:before,
#cont_notice .ovf > .fr .tit:after {display:none;}
#cont_notice .ovf > .fr .info_date {display:block; width:160px; margin:10px auto 0; padding-top:5px; border-top:1px solid #8a8a8a; text-align:center;}
#cont_notice .ovf > .fr .info {overflow:hidden; padding:0 20px;}
#cont_notice .ovf > .fr .info > span {width:50%; text-align:center}
#cont_notice .ovf > .fr .info em {display:block; font-size:25px; font-weight:bold; color:#bdc7d7;}
#cont_notice .ovf > .fr .desc {margin-top:15px; font-size:13px; line-height:20px; letter-spacing:-0.01em}

caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; visibility:hidden}


/* 카테고리 new이미지*/
.gnb_newico
{background:url('/kobis/web/comm/images/main/new_ico.png')no-repeat; position:relative;display:inline-block;width:40px; height:40px;bottom:5px; float:right;padding-right:22px;}

.notyPop
{background:url('/kobis/web/comm/images/main/notice_back.png')no-repeat;}
.notyPop2
{background:url('/kobis/web/comm/images/main/notice_back3.png')no-repeat;}

/*코비스차트*/

.chart_tit li{float:left;text-align:center;font-weight:bold;padding:17px 0px 8px 0px;font-size:15px;border-bottom:1px solid #2a2a2a}


/*박스오피스 라디오 버튼 */
.boxRadioDiv{
	position: absolute;
	z-index: 1;
}
.boxRadio {
	margin: 10px 0 0 0;
	padding: 0;
	position: absolute;
	width: 100px;
	height: 22px;
	outline: none;
	background: #5076db;
	-webkit-appearance: none;
	cursor: pointer;
	border-radius: 20px;
	box-shadow: -5px -5px 0px rgba(255,255,255,0.1), 0px 0px 2px rgba(0,0,0,1), inset -2px -2px 5px rgba(255,255,255,0.1), inset 0px 0px 0px rgba(0,0,0,0.1), 0 0 0 0px #e6e6e6;
	transition: 0.5s;
	color: #fff;
}
.boxRadio:checked {background: #5076db;}
.boxRadio::before
{
	content: 'KOBIS';
	text-align: -moz-center;
	font-weight: bold;
	position: absolute;
	color: #fff;
	top: 0;
	left: 50px;
	width: 50px;
	height: 22px;
	background: linear-gradient(to top,#000,#555);
	border-radius: 20px;
	box-shadow: 0 0 0 1px #232323;
	transform: scale(0.98,0.96);
	transition: 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index:1;
}
.boxRadio:checked::before
{
	left: 0px;
}
.boxRadio::after
{
	content: '관객수';
	position: absolute;
	left: 0;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 22px;
	z-index:0;
}

.boxRadio:checked::after
{
	content: '매출액';
	font-weight: bold;
	left: 50px;
}