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

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*** reset ***/
html, body {height:100%; min-height:100%; font-size:13px; line-height:1.45; color:#353535; font-weight:300; overflow: hidden;}
html, body, div, ul, ol, li, dl, dt, dd, p, strong, span, em, a, table, th, td, caption, input, button, textarea, label, form, legend, fieldset, select, hr, h1, h2, h3, h4, h5, h6, img {padding:0; margin:0; border:0; color:inherit; background:none; font-family:'Noto Sans KR', sans-serif; vertical-align:baseline; line-height:1.45}
header, footer, nav, article {display:block;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
th, td {vertical-align:middle}
th {font-weight: bold;}
input {-webkit-appearance:none; border-radius:0}
select, button {cursor:pointer}
ul, ol {list-style:none;}
img {max-width:100%; vertical-align:top;}
a {color:inherit ; text-decoration:none}
em {font-style:normal}
strong {font-weight:bold;}

#wrap {position:relative; min-height:100%; overflow: auto; height: 100%;}
#container {min-height:90%; min-width:1400px; overflow:hidden; padding-bottom:50px;}
#content {overflow:hidden;}
#content h4.tit {font-size:30px; font-weight:bold;; line-height:1;}
#content .hd {position:relative; padding-bottom:22px;}
#content .hd .locate {position:absolute; top:5px; right:0; overflow:hidden}
#content .hd .locate li {float:left; position:relative; padding-left:14px; margin-left:12px;}
#content .hd .locate li:after {position:absolute; width:3px; height:5px; top:7px; left:0; background:url(/kobis/web/comm/images/comm/ico_comm.png) -30px -70px no-repeat; vertical-align:top; content:''} 
#content .hd .locate li:first-child:after {display:none}
#content .hd .locate li:first-child a {display:block; width:14px; height:14px; margin-top:3px;}
#content .hd .locate li:first-child a span {display:block; width:14px; height:13px; background:url(/kobis/web/comm/images/comm/ico_comm.png) 0 -90px no-repeat;}
#content .hd .locate li:last-child a {font-weight:bold;}
#content .hd .locate a {color:#555;}


/*** common ***/
.w_fix {width:1200px;} 
.blind {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; visibility:hidden}
.hidetxt {font-size:0; line-height:0; text-indent:-9999px}
.block {display:block;}
.ovf {overflow:hidden;}
.ellip {display:block; overflow:hidden; white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}
.ellip.multi {display:-webkit-box; -webkit-box-orient:vertical; white-space:normal; word-wrap:break-word; -webkit-line-clamp: 3;}
.thumb {position:relative;}
.thumb:after {position:absolute; top:0; left:0; bottom:0; right:0; border:1px solid #000; opacity:0.1;filter: alpha(opacity=10); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; content:''}
.bg_blue {background:#5076db; color:#fff;}
.bg_red {background:#e75252; color:#fff}
.box {border:1px solid #d9d9d9; border-radius:4px; background:#fff;}
.bg_light {background:#f4f4f4}
.dimm {position:fixed; top:0; left:0; width:100%; background:url(/kobis/web/comm/images/comm/bg60.png); background:rgba(0,0,0,0.4); z-index:999}

/* icon */
.ico_comm {background:url(/kobis/web/comm/images/comm/ico_comm.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-9999px}
.ico_plus {width:20px; height:20px; background-position:-40px -25px;}
.ico_arw {display:inline-block; width:3px; height:7px; margin:6px 10px 0 0; background-position:-30px -70px; vertical-align:top}
.check_ico {background: url(../images/comm/check_ico.png) no-repeat; font-size: 0; line-height: 0; text-indent: -9999px;}

/* 상단 설명문구 들여쓰기 */
.dot01 {position:relative; padding-left:12px;}
.dot01:after {position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-1px; margin-top:-1.5px; border-radius:3px; background:#212121; content:''}

/* 설명문구 들여쓰기 */
.dot02 {position:relative; padding-left:12px;}

/* 설명문구 들여쓰기 */
.dot03 {position:relative; padding-left:20px;}
.dot03:after {position:absolute; top:0 !important; left:10px; width:10px; height:3px; margin-top:-1px; margin-top:-1.5px; content:'-'}

.tooltip {display:inline-block; position:relative; vertical-align:middle;}
.tooltip .ico_comm {display:block; width:16px; height:16px; background-position:-40px -125px;}
.tooltip .layer_desc {display:none;}
.box_tip {position:absolute; padding:8px 10px; margin-top:15px; border:1px solid #d5d5d5; border-color:rgba(0,0,0,0.2); border-radius:4px; background:#fff; line-height:1.3; font-size:13px; font-weight:normal;box-shadow:3px 3px 3px rgba(0,0,0,0.3); z-index:99999}
.box_tip:after {position:absolute; top:-12px; left:56px; width:14px; height:12px; background:url(../images/cont/arw_tootip.png) 0 0 no-repeat; content:''}
.btn_small .ico_comm {display:inline-block; vertical-align:top;}
.btn_small .ico_add {width:7px; height:7px; margin:3px 0 0 4px; background-position:-30px -135px;}
.btn_small .ico_link {width:4px; height:7px; margin:3px 0 0 5px; background-position:-50px -115px;}
.btn_small.btn_open .ico_comm {width:9px; height:5px; margin:4px 0 0 5px; background-position:-60px -125px}
.btn_small.btn_open.on .ico_comm {background-position:-60px -115px;}
.sns_facebook .ico_comm {width:8px; height:13px; background-position:-75px -145px;}
.sns_twitter .ico_comm {width:13px; height:10px; background-position:-75px -160px;}

/* font */
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs20 {font-size:20px;}
.fs30 {font-size:30px;}
.emph {color:#5076db;}
.fwb {font-weight:bold;}
.udline {text-decoration:underline;}
.tit_ba {display:block; position:relative; padding-left:26px; margin-bottom:20px; font-weight:bold;; font-size:17px; line-height:1;}
.tit_ba:after {position:absolute; top:0; left:0; width:19px; height:17px; background:url(/kobis/web/comm/images/comm/ico_comm.png) -65px -40px no-repeat; content:''; -webkit-print-color-adjust: exact;}
.tit_blue {display:block; font-size:13px; line-height:1;}
.tit_blue .ico_comm {display:inline-block; width:11px; height:11px; background-position:-75px -70px; vertical-align:top; margin:2px 4px 0 0;}
.tit_type1 {display:block; position:relative; padding:4px 0 5px 10px; border-left:5px solid #373737; border-bottom:1px solid #373737; color:#373737; font-size:16px;}
.tit_type1 .fr {margin-top:4px; font-size:12px; font-weight:normal;}
.tit_type2 {display:block; padding-left:14px; border-left:6px solid #5076db; color:#5076db;  font-size:17px; }
.txt_red {color:#ec0000 !important;}

/* 정렬 */
.fl {float:left;}
.fr {float:right;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}
ul.fl {float:none; overflow:hidden;}
ul.fl li {float:left;}
.tar .btn_small {margin-left:4px;}

/* form */
input::-ms-clear {display:none}
.tf_comm,
.slt_comm {border:1px solid #d7d7d7;}
/*select {border:1px solid #d7d7d7;}레이어팝업 셀랙트박스 추가 */
.tf_comm + .btn_small {vertical-align:top; margin-top:3px; margin-top:2.5px;}
.tf {display:block; width:100%; height:27px; background:#fff; text-indent:7px; line-height:27px; font-size:13px;}
.tf_bg {background:#f4f4f4;}
input:disabled {background:#f4f4f4; border:1px solid #d7d7d7;} /* 171124 추가 */
.tf_comm input:disabled {border:none;} /* 171124 추가 */
.dot01 + .tf_comm,
.dot01 + .period,
.dot01 + .slt_comm,
.dot01 + .tf_range {overflow:hidden;}
.dot01 + .tf_range {position:relative;}
.dot01 + .tf_range .tf_comm {width:45%;}
.dot01 + .tf_range .tac {position:absolute; top:0; left:50%; width:12px;; margin-left:-6px; line-height:29px;}
.chk_comm {position:absolute; width:0px; height:0px; overflow:hidden; opacity:0;}
.chk_comm + label {display:inline-block; position:relative; padding-left:28px; height:20px; line-height:20px; font-size:13px; cursor:pointer}
.chk_comm + label:after {position:absolute; top:0; left:0; width:20px; height:20px; background:url(/kobis/web/comm/images/comm/ico_comm.png) -40px -50px no-repeat; content:' '}
.chk_comm:disabled + label {color:#999;} /* 171124 추가 */
.chk_comm:checked + label:after {background-position:-40px -75px;}
.chk_comm + label.hidetxt {width:24px; padding:0}
.chk_comm:disabled + label {color:#999;} /* 171124 추가 */
.chk_comm:disabled + label:after {width:18px; height:18px; background:#e5e5e5; border:1px solid #d5d5d5; border-radius:2px;} /* 171124 추가 */
.radio + label {padding-left:24px;}
.radio + label:after {width:18px; height:18px; background:url(/kobis/web/comm/images/comm/ico_comm.png) -65px 0px no-repeat;}
.radio:checked + label:after {background:url(/kobis/web/comm/images/comm/ico_comm.png) -65px -20px no-repeat;}
.radio:disabled + label:after {border-radius:100%;}  /* 171124 추가 */
.slt_cover,
.slt_coverInner {display:block;}
.slt_comm {position:relative; cursor:pointer}
.slt_comm .slt {top:0; left:0; width:100%; height:26px; line-height:27px; box-sizing:content-box}
.slt_comm .slt_cover {padding:0 22px 0 7px; background:url(/kobis/web/comm/images/comm/arw_slt3.png) right 50% no-repeat #fff;}
.slt_comm .slt_coverInner {height:27px; line-height:27px; text-align:left; }
select:disabled {background:#f4f4f4; border:1px solid #d7d7d7; color:#888} /* 171124 추가 */
select:disabled + .slt_cover {background-color:#f4f4f4; color:#888} /* 171124 추가 */
.slt optgroup[label] {color:#5076db;}
.slt option {color:#353535}
.f_file {height:29px;}
.f_file .tf {font-size:12px; font-weight:300; color:#373737}
.f_file .file_btn {float:left; overflow:hidden; cursor:pointer}
.f_file .file_hidden {display:none}
.f_file .file_hidden + label {cursor:pointer}
.textarea {display:block; padding:5px; border:1px solid #d9d9d9;}
.textarea textarea {display:block; width:100%; resize:none;}
.btn_blue {display:inline-block; background:#5076db; color:#fff; font-size:14px; text-align:center;}
.btn_gray {display:inline-block; background:#626262; color:#fff; font-size:14px; text-align:center;}
.btn_pink {display:inline-block; background:#e4007f; color:#fff; font-size:14px; text-align:center;}
.btn_small {display:inline-block; padding:5px 10px; border:1px solid #d7d7d7; border-radius:3px; background:#fff; font-size:12px; text-align:center; color:#555; letter-spacing:-0.05em; line-height:1;text-decoration: none!important;}
.btn_add {display:inline-block; width:19px; height:19px; border:1px solid #d7d7d7; border-radius:2px; background:#fff; vertical-align:middle; text-align:center;}
.btn_add .ico_comm {display:inline-block; width:7px; height:7px; margin-top:5px; background-position:-30px -135px; vertical-align:top;}
.btn_minus {display:inline-block; position:relative; width:19px; height:19px; border:1px solid #d7d7d7; border-radius:2px; background:#fff; vertical-align:middle; text-align:center;}
.btn_minus:after {position:absolute; top:9px; left:5px; width:7px; height:1px; background:#222; content:''}
.btn_del {display:inline-block; width:15px; height:15px; margin-top:6px; border:1px solid #d7d7d7; border-radius:2px; background:#fff; text-align:center; vertical-align:top} /* 170809 수정 */
.btn_del .ico_comm {display:inline-block; vertical-align:top; margin-top:4px; width:7px; height:7px; background-position:-20px -135px;}
.btn_cal {float:right; width:27px; height:27px; margin-left:1px; border:1px solid #d7d7d7; text-align:center; cursor:pointer;}
.btn_cal .ico_comm {display:inline-block; width:17px; height:17px; background-position:0px -105px; vertical-align:top; margin-top:4px;}
.btn_cal + .tf_comm {overflow:hidden;}


/* datepicker */
.ui-datepicker {display:none; width:250px; background:#fff; border:1px solid #aaa; padding:5px 15px; font-size:14px; letter-spacing:0; border-radius:5px; padding-bottom:15px;}
.ui-datepicker-header {border-bottom:1px solid #ccc; border-radius:3px; text-align:center;}
.ui-datepicker-header > a {display:block; padding:5px; cursor:pointer}
.ui-datepicker-header .ui-icon {width:5px; height:9px; font-size:0; line-height:0; text-indent:-9999px}
.ui-datepicker-prev {float:left;}
.ui-datepicker-next {float:right}
.ui-datepicker-prev .ui-icon {float:left; background:url(/kobis/web/comm/images/comm/ico_comm.png) -20px -115px no-repeat;}
.ui-datepicker-next .ui-icon {float:right; background:url(/kobis/web/comm/images/comm/ico_comm.png) -35px -115px no-repeat}
.ui-datepicker-title {padding:4px 0} 
.ui-datepicker-calendar {margin-top:10px;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {font-size:15px; text-align:center; width:14.28%; height:25px; vertical-align:middle}
.ui-datepicker-calendar th a,
.ui-datepicker-calendar td a {display:inline-block; width:26px; height:26px; color:#777; line-height:26px;}
.ui-datepicker-calendar td a.ui-state-highlight {color:#000; font-weight:bold; background:#dadfe7; border-radius:100%}
.ui-datepicker-calendar td a:hover {background:#eee; border-radius:100%}
.ui-datepicker-calendar td a.ui-state-active {color:#fff; background:#5076db; border-radius:100%; font-weight:bold}
.ui-datepicker-calendar th:first-child span,
.ui-datepicker-calendar td:first-child a {color:#e8002e;}
.ui-datepicker-calendar th+th+th+th+th+th+th span,
.ui-datepicker-calendar td+td+td+td+td+td+td a {color:#0080e2;}

/* table */
.tbl_comm {border-bottom:2px solid #373737; table-layout:fixed;}
.tbl_comm th,
.tbl_comm td {height:45px; padding:0 12px; vertical-align:middle; border-left:1px solid #d9d9d9;}
.tbl_comm th:first-child,
.tbl_comm td:first-child {border-left:none}
.tbl_comm thead th {border-top:2px solid #5076db; background:#eee; color:#212121; font-weight:normal; -webkit-print-color-adjust: exact;}
.tbl_comm thead tr+tr th {border-top:1px solid #d9d9d9;  -webkit-print-color-adjust: exact;}
.tbl_comm tbody td {color:#666;border-top:1px solid #d9d9d9;} /* tbl_comm 라인 추가 */
.tbl_comm tbody tr:first-child td {border-top:2px solid #373737;}
.tbl_comm tbody tr:nth-child(even) td {background:#f8f8f8; -webkit-print-color-adjust: exact;}
.tbl_comm.row_on tbody tr.on td {background:#fff5b2 !important;}
.tbl_comm.row_on tbody tr.on_c td {background:#fff5b2 !important;}

.th_sort th{height: 80px;}

.tbl_min_width {min-width: 1400px;}

.rst_sch .tbl_comm + .tar {margin-top:5px; /*font-size:0;  20171211 수정*/}
.rst_sch .tbl_comm + .tar .btn_small {margin-left:4px;}

.tbl1 {border-top:1px solid #ccc; table-layout:fixed;}
.tbl1 th,
.tbl1 td {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.tbl1 tbody th,
.tbl1 tbody td:first-child {border-left:1px solid #ccc;}
.tbl1 tbody th {background:#f2f4f7;}
.tbl2 thead th {height:40px; border-top:2px solid #2a2a2a; border-bottom:2px solid #2a2a2a; text-align:center;}
.tbl2 tbody th,
.tbl2 tbody td {height:38px; border-bottom:1px solid #ccc; text-align:center}
.tbl3 {border-bottom:2px solid #373737;table-layout: fixed;}
.tbl3 th,
.tbl3 td {height:45px; padding:0 12px; vertical-align:middle; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}
.tbl3 th:first-child,
.tbl3 td:first-child {border-left:none}
.tbl3 thead th {border-top:2px solid #373737; color:#212121; font-weight:normal}
.tbl3 tbody td {color:#666}
.tbl3 tbody tr:first-child td {border-top:1px solid #878787}
.tbl4 tr:first-child > * {border-top:1px solid #a4a4a4;}
.tbl4 th,
.tbl4 td {border-bottom:1px solid #d9d9d9;}
.tbl4 td {padding:10px 12px;}
.tbl4 th {padding:8px 13px; text-align:left;background:#f4f4f4; font-weight:bold;}
.tbl4 tr:first-child > * {border-top:2px solid #373737;}
.tbl4 th.border {padding:8px 0; border-left:1px solid #d9d9d9; text-align:center;}
.tbl5 {border-top:2px solid #373737}

/* etc */
.box_gray {padding:28px 30px; border:1px solid #d9d9d9; background:#f4f4f4;}
.box_gray p {line-height:24px; color:#666}
.box_gray p:after {top:10px; margin:0;}
.dot_c {display:inline-block; width:5px; height:5px; border-radius:100%; font-size:0; line-height:0; text-indent:-9999px}
.dot_c.dot_r {background:#ff6161;}
.dot_c.dot_y {background:#ff9d46;}
.dot_c.dot_g {background:#b2e528;}
.dot_c.dot_b {background:#5076db;}
.dot_c.dot_s {background:#7fd2ea;}
.rst_sch .foot {position:relative; min-height:28px; margin-top:20px;}
.rst_sch .foot .total {position:absolute; top:6px; left:0;}
.rst_sch .foot .tar {position:absolute; top:4px; right:0;}
.paging {text-align:center; font-size:0;}
.paging .btn {display:inline-block; width:30px; height:30px; border:1px solid #d7d7d7; vertical-align:top; text-align:center; margin:0 3px;}
.paging .btn .ico_comm {display:inline-block; height:10px; vertical-align:top; margin-top:11px;}
.paging .first .ico_comm {width:10px; background-position:-20px -105px;}
.paging .last .ico_comm {width:10px; background-position:-35px -105px;}
.paging .prev .ico_comm {width:5px; background-position:-20px -115px;}
.paging .next .ico_comm {width:5px; background-position:-35px -115px;}
.paging .list_page {display:inline-block; vertical-align:top; font-size:0; margin:0 5px;}
.paging .list_page li {display:inline-block; vertical-align:top; margin:0 5px;}
.paging .list_page li a {display:block; position:relative; min-width:15px; text-align:center; font-size:14px; line-height:32px;}
.paging .list_page li a.on {font-weight:bold;;}
.paging .list_page li a.on:after {position:absolute; bottom:5px; left:0; width:100%; height:1px; background:#373737; content:''}
.tab1 {position:relative;}
.tab1 .list_tab {height:45px; border-bottom:1px solid #989898}
.tab1 .list_tab li {float:left; position:relative; height:45px; }
.tab1 .list_tab li a {display:block; position:relative; min-width:90px; padding:0 10px; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#f4f4f4; font-size:14px; text-align:center; line-height:44px; height:44px;}
.tab1 .list_tab li:first-child a {border-left:1px solid #d9d9d9}
.tab1 .list_tab li.active:after {position:absolute; top:0; left:-1px; width:1px; height:45px; background:#989898; content:''}
.tab1 .list_tab li.active a {border-color:#989898; background:#fff; font-weight:bold;}
.tab1 .list_tab li.active a:after {position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#fff; content:''}
.tab1 .list_tab li:first-child.active a {border-left:none;}
.tab1 .tab_right {position:absolute; top:0; right:0;}
.tab1 .tab_right .slt_comm {float:left; margin:7px 0 0 7px;}
.tab1 .tab_right .wrap_btn {margin-top:15px; font-size:0}
.tab1 .tab_right .btn_small {margin-left:4px; font-size:12px;}
.tab2 {position:relative; border-bottom:1px solid #afafaf; overflow:hidden;}
.tab2 li {float:left; width:33.333%; overflow:hidden; background:#f4f4f4;}
.tab2 li a {display:block; text-align:center; line-height:38px; border:1px solid #d9d9d9; border-bottom:none; margin-left:-1px; font-weight:lighter;;}
.tab2 li:first-child a {margin:0;}
.tab2 li.active {overflow:visible; background:#fff;}
.tab2 li.active a {border-color:#afafaf; font-weight:bold;} 
.item_tab {display:none;}
.list_thumb .list {overflow:hidden; border-bottom:1px solid #afafaf;}
.list_thumb .item {float:left; width:33.333%; margin-bottom:48px; overflow:hidden;}
.list_thumb .item.fst {clear:left;}
.list_thumb .thumb {float:left; width:35%; margin-right:15px; overflow:hidden;}
.list_thumb .thumb img {width:100%; height:auto;}
.list_thumb .cont {padding-top:6px; margin-right:50px; overflow:hidden; font-size:14px;}
.list_thumb .cont .tit {font-size:20px; -webkit-line-clamp:2; line-height:1.3}
.list_thumb .cont .info {overflow:hidden; margin-top:10px; margin-bottom:15px;}
.list_thumb .cont .info li {float:left; position:relative; padding-left:7px; margin-right:7px; line-height:1.2;}
.list_thumb .cont .info li:first-child {padding:0; border:none}
.list_thumb .cont .info li:after {position:absolute; top:3px; left:0; width:1px; height:10px; background:#666; content:''}
.list_thumb .cont .info li:first-child:after {display:none;}
.list_thumb .cont .info li a {line-height:1}
.list_thumb .cont dl dt,
.list_thumb .cont dl dd {display:inline-block; line-height:24px;}
.list_thumb .cont dl dt {margin-right:10px; padding:0 8px; border-radius:3px; color:#fff;}
.list_thumb .paging {margin-top:40px;}
.rst_sch .hd_rst {overflow:hidden; margin-bottom:6px}
.rst_sch .hd_rst .total {float:left; margin-top:17px;}
.rst_sch .hd_rst .btn_control {display:block; position:relative; width:13px; height:13px; margin-top:17px; margin-bottom:6px; border:1px solid #3a5db9; border-radius:2px; background:#5076db; box-sizing:content-box}
.rst_sch .hd_rst .btn_control .ico_comm {position:absolute; top:5px; left:3px; width:7px; height:4px; background-position:-25px -160px}
.rst_sch .hd_rst .btn_control.on {border:1px solid #d9d9d9; background:#f4f4f4}
.rst_sch .hd_rst .btn_control.on .ico_comm {background-position:-30px -60px}
.rst_sch .hd_rst .control_tbl {display:none; clear:both; padding:10px 12px; margin-bottom:2px; border:1px solid #d9d9d9; font-size:13px; color:#666;}
.rst_sch .hd_rst .control_tbl .ovf {margin:2px 0;}
.rst_sch .hd_rst .control_tbl button {float:left; width:124px; line-height:20px; text-align:center; margin-right:10px; color:#fff; background:#5076db;}
.rst_sch .hd_rst .control_tbl button.on {background:#626262;}
.hideCol {display:none;}
.col_on .hideCol {display:table-cell;}

/*온라인 상영관 테이블 내부 포스터 박스 작게 나오는거 수정 2019-04-11 차영훈 */
/*.tblimg .thumb{float:left;}*/


/*** header ***/
/* 로고/검색/로그인메뉴 */
.hd_top {position:relative; height:95px; padding-top:43px; background:#fff; font-size:14px;}
.hd_top h1 {position:absolute; top:43px; left:0;}
.hd_top .hd_sch {position:relative; width:375px; margin:0 auto; border-bottom:1px solid #2b2b2b}
.hd_top .hd_sch .hd_slt {position:relative; float:left; width:83px; padding:12px 0 12px 8px;}
.hd_top .hd_sch .hd_slt .slt { }
.hd_top .hd_sch .hd_slt .slt_coverInner {font-size:14px; background:url(/kobis/web/comm/images/comm/arw_slt1.png) right 50% no-repeat}
.hd_top .hd_sch .hd_slt .slt_coverInner:after {position:absolute; top:16px; right:0; width:1px; height:15px; background:#222; content:''}
.hd_top .hd_sch .hd_tf {display:block; position:relative; float:left; width:225px; height:47px; line-height:47px;}
.hd_top .hd_sch .tf {position:absolute; top:0; left:0; width:215px;padding:0 5px; line-height:47px; height:47px; z-index:100}
.hd_top .hd_sch .hd_tf .placeholder {position:absolute; top:0; left:5px; color:#ababab; z-index:1}
.hd_top .hd_sch .hd_tf .placeholder + input {position:absolute; top:0; left:0; z-index:10}
.hd_top .hd_sch .btn_sch {position:absolute; top:0; right:0; width:47px; height:47px;}
.hd_top .hd_sch .btn_sch .ico_comm {display:block; width:21px; height:21px; margin:13px; background-position:-40px 0px;} 
.hd_top .gnb_top {position:absolute; top:20px; right:0;}
.hd_top .gnb_top li {margin-left:15px; padding-left:15px; border-left:1px solid #ccc;}
.hd_top .gnb_top li:first-child {border:none}
.hd_top .gnb_top li a {display:block; line-height:15px;}

/* 사이트 메뉴 */
#nav {position:relative; height:54px; background:#5076db;}
#nav .list_nav {height:54px; margin:0 22px; text-align:center; font-size:0;}
#nav .list_nav .depth1 {float:left; width:200px; font-size:14px;}
#nav .list_nav .depth1:hover {background:#fff;}
#nav .list_nav .depth1:hover .tit_nav{color:#5076db}
#nav .list_nav .tit_nav {display:block; color:#fff; font-size:17px; line-height:54px; font-weight:bold;}
#nav .list_nav .wrap_sub {display:none; position:absolute; top:54px; left:0; width:100%; padding:5px 0 2px; background:url(/kobis/web/comm/images/comm/bg_gnb.png) right 0 no-repeat #fff; border-bottom:2px solid #5076db; z-index:10}
#nav .list_nav .depth1:hover .wrap_sub {display:block}
#nav .list_nav .visu_nav {float:left; width:200px; margin-left:22px; padding:21px 0 25px; font-size:17px; font-weight:bold; text-align:center;}
#nav .list_nav .visu_nav .depth2 {display:block; margin-bottom:2px; color:#5076db; letter-spacing: -1px;} 
#nav .list_nav .visu_nav .depth3 {display:block; height:27px; color:#838383; letter-spacing: -1px;}
#nav .list_nav .visu_nav:after {display:block; width:75px; height:75px; margin:9px auto 0; background:url(/kobis/web/comm/images/comm/ico_gnb.png) 0 0 no-repeat; content:''}
#nav .list_nav .visu_mvie:after {background-position:0 0;}
#nav .list_nav .visu_boxs:after {background-position:0 -75px;}
#nav .list_nav .visu_them:after {background-position:0 -150px;}
#nav .list_nav .visu_offc:after {background-position:0 -225px;}
#nav .list_nav .visu_online:after {background-position:0 -300px;}
#nav .list_nav .visu_my:after {background-position:0 -375px;}
#nav .list_nav .visu_cs:after {background-position:0 -450px;}
#nav .list_nav .nav_sub {overflow:hidden;}
#nav .nav7 .nav_sub {float:left; margin-right:5px;}
#nav .list_nav .nav_sub .depth2 {overflow:hidden}
.headerWidth {width:210px !important;}

#nav .list_nav .nav_sub .depth2 .tit_sub {float:left; width:200px; padding-left:25px; line-height:30px; background:#dfecff; margin-bottom:3px; text-align:left; font-weight:bold;; color:#333;}
#nav .list_nav .nav_sub .depth2:hover .tit_sub,
#nav .list_nav .nav_sub .depth2 .tit_sub.on {background:#809ff1; color:#fff;}
 
#nav .list_nav .nav_sub .depth2 ul {padding-left:12px;}
#nav .list_nav .nav_sub .depth2 ul li {float:left; margin-right:20px}
#nav .list_nav .nav_sub .depth2 ul a {display:block; opacity:0.8; line-height:22px; margin-top:4px;font-size: 13px;}
#nav .list_nav .nav_sub .depth2 ul a:hover,
#nav .list_nav .nav_sub .depth2 ul a.on {opacity:1; color:#000; font-weight:bold}


.ui-dialog {position:absolute; overflow:hidden;  background:#fff; box-shadow:0px 3px 7px rgba(0,0,0,0.35); z-index:999; border-radius:0 0 0 0;}
.ui-widget-header {background-color:#ffffff; background-image:none; border:none;}
.layer {margin-top: 8px; background:#fff;} 
.fund1_4_1 .layer {position:absolute !important; top:-9999px; left:-9999px; overflow:hidden;  padding:22px; background:#fff; border:1px solid #eee; box-shadow:0px 3px 7px rgba(0,0,0,0.35); z-index:999}
.ui-dialog .hd_layer strong.emph {display:block; font-size:17px;}
.ui-dialog .hd_layer .close {position:absolute; right:14px;}
.ui-dialog .hd_layer .ico_comm {display:block; width:22px; height:21px; background-position:0px -145px;}
.ui-dialog .cont_layer {margin-top:28px;}

.overdepth{width:100%;position:absolute;margin-left:225px;}

/* 영화상세 레이어 */
.ui-dialog, .ui-dialog.visible {width:810px; margin-left:-430px; padding:25px; font-size:14px;}
.ui-dialog .hd_layer {padding-bottom:40px;}
.ui-dialog .hd_layer .tit {position:relative; font-size:20px; padding-left:18px; line-height:1;}
.ui-dialog .hd_layer .tit:after {position:absolute; top:11px; left:0; width:6px; height:6px; background:#373737; content:''}
.ui-dialog .hd_layer .tit .bg_blue {display:inline-block; padding:0 6px; margin-left:7px; font-size:11px; line-height:21px; font-weight:normal; vertical-align:top}
.ui-dialog .hd_layer .back {position:absolute; right:62px;}
.ui-dialog .hd_layer .back .ico_comm {display:block; width:28px; height:21px; background-position:-45px -145px;}
/*.ui-dialog .cont_tab {padding:0 12px 20px; overflow-y:auto; overflow-x:hidden}*/
.ui-dialog .bar_top {margin-bottom:12px; text-align:right; font-size:0;}
.ui-dialog .bar_top * {display:inline-block; vertical-align:top}
.ui-dialog .bar_top .modify {font-size:12px; line-height:24px;}
.ui-dialog .bar_top .modify .btn_small {margin-left:7px;}
.ui-dialog .list_sns a {width:22px; height:22px; margin-left:5px; border:1px solid #d7d7d7; border-radius:2px; text-align:center;}
.ui-dialog .list_sns .ico_comm {display:block; margin:0 auto;}
.ui-dialog .list_sns .sns_facebook .ico_comm {margin-top:4px;}
.ui-dialog .list_sns .sns_twitter .ico_comm {margin-top:6px; margin-left:5px;}
.ui-dialog .basic .info {margin-top:40px;}
.ui-dialog .basic .info1 .thumb {width:192px; height:280px; margin-right:20px;}
.ui-dialog .basic .info1 .thumb img {height:100%; width:100%;}
.ui-dialog .basic .info1 .cont dt,
.ui-dialog .basic .info1 .cont dd {line-height:25px; color:#555}
.ui-dialog .basic .info1 .cont dt {float:left; width:85px; margin-right:20px; font-weight:bold;}
.ui-dialog .basic .info1 .cont dd {overflow:hidden;display:table-row; }
.ui-dialog .basic .thumb_slide {margin:25px 0 10px;}
.ui-dialog .basic .thumb_slide .thumb {display:block;  text-align:center; overflow:hidden;}
.ui-dialog .basic .thumb_slide .bx-wrapper {width:710px; margin-left: 27.5px;}
.ui-dialog .basic .info2 .thumb {height:160px;}
.ui-dialog .basic .info2 .thumb img {width:100%; height:100%;}
.ui-dialog .basic .info3 .thumb {height:85px; overflow:hidden;}
.ui-dialog .basic .info3 .thumb img {min-width:100%; min-height:100%; max-width:none;}
.ui-dialog .basic .desc_info {padding:24px 20px; line-height:24px; overflow:hidden; color:#555;}
.ui-dialog .basic .desc_info dt,
.ui-dialog .basic .desc_info dd {line-height:24px;}
.ui-dialog .basic .desc_info dt {float:left; margin-right:15px; font-weight:bold;}
.ui-dialog .basic .desc_info dd {overflow:hidden;}
.ui-dialog .basic .info5 .tac {margin-top:10px;}
.ui-dialog .tit_type2 + .desc {margin-top:40px; padding-left:20px; line-height:24px;}
.ui-dialog .tbl_comm th,
.ui-dialog .tbl_comm td {height:42px; font-size:13px; color:#333; text-align:center;}
.ui-dialog .info_tbl {padding:18px 0 8px;}
.ui-dialog ul.fl {float:left;}
.ui-dialog ul.fl a {width:82px; line-height:25px; text-align:center; margin-right:1px;}
.ui-dialog ul.fl + .ovf .btn_small {margin-left:14px;}
.ui-dialog .status .info1 .tbl_comm th,
.ui-dialog .status .info1 .tbl_comm td {padding:0;}
.ui-dialog .status .info1 .tbl_comm .bgw  {background:#fff;border-top:1px solid #d9d9d9}
.ui-dialog .status .info1 .tbl_comm tr.fst th,
.ui-dialog .status .info1 .tbl_comm tr.fst td {border-top:1px solid #d9d9d9;}
.ui-dialog .status .info1 .tbl_comm tbody th {font-weight:normal; line-height:26px;}
.ui-dialog .status .info1 .tbl_comm tbody td {text-align:right; padding:0 5px;}
.ui-dialog .status .info1 .tbl_comm td:first-child {border-left:1px solid #d9d9d9;}
.ui-dialog .status .tbl_comm .btn_blue {width:82px; line-height:25px;}
.ui-dialog .status .info2 {margin-top:25px;}
.ui-dialog .status .info2 .tbl_comm {margin-top:10px;}
.ui-dialog .status .info2 .tbl_comm tr.active td {background:#dce4f8;}
.ui-dialog .status .info2 .tbl_comm tbody td:first-child {color:#000;}
.ui-dialog .status .info2 .tbl_comm .link_theater {text-decoration:underline;}
.ui-dialog .status .detail {margin-top:30px;}
.ui-dialog .status .detail .tbl_scr {margin-top:22px;}
.ui-dialog .status .detail .box_gray {margin-top:15px;}
.ui-dialog .status .detail .box_gray + .tbl_scr {margin-top:12px;}
.ui-dialog .status .tbl_scr {position:relative; padding-top:43px; max-height:300px; overflow:hidden; border-bottom:2px solid #373737}
.ui-dialog .status .tbl_scr .wrapper {max-height:300px; overflow-y:auto; overflow-x:visible}
.ui-dialog .status .tbl_scr table {border-bottom:1px solid #d9d9d9;}
.ui-dialog .status .tbl_scr th,
.ui-dialog .status .tbl_scr td {padding:0;}
.ui-dialog .status .tbl_scr thead tr {position:absolute; top:0; left:0; display:table-row; width:765px; height:43px; overflow:hidden;}
.ui-dialog .status .tbl_scr tbody {display:table-row-group; max-height:300px;}
.ui-dialog .status .tbl_scr th,
.ui-dialog .status .tbl_scr td {width:120px}
.ui-dialog .status .tbl_scr th + th + th,
.ui-dialog .status .tbl_scr td + td + td {width:253px}
.ui-dialog .status .tbl_scr th + th + th + th,
.ui-dialog .status .tbl_scr td + td + td + td {width:120px}
.ui-dialog .status .tbl_scr th + th + th + th + th {width:148px;}
.ui-dialog .status .tbl_scr td + td + td + td + td {width:auto}
.ui-dialog .status .desc_info {padding:24px 20px 0 20px; line-height:24px; overflow:hidden; color:#555;}
.ui-dialog .statistics .info1 .tbl_comm th,
.ui-dialog .statistics .info1 .tbl_comm td {padding:0;}
.ui-dialog .statistics .info1 .tbl_comm .bgw  {background:#fff;border-top:1px solid #d9d9d9}
.ui-dialog .statistics .info1 .tbl_comm tr.fst th,
.ui-dialog .statistics .info1 .tbl_comm tr.fst td {border-top:1px solid #d9d9d9;}
.ui-dialog .statistics .info1 .tbl_comm tbody th {font-weight:normal; line-height:26px;}
.ui-dialog .statistics .info1 .tbl_comm tbody td {text-align:right; padding:0 5px;}
.ui-dialog .statistics .info1 .tbl_comm td:first-child {border-left:1px solid #d9d9d9;}
.ui-dialog .statistics .tbl_comm .btn_blue {width:82px; line-height:25px;}
.ui-dialog .statistics .info2 {margin-top:25px;}
.ui-dialog .statistics .info2 .tbl_comm {margin-top:10px;}
.ui-dialog .statistics .info2 .tbl_comm tr.active td {background:#dce4f8;}
.ui-dialog .statistics .info2 .tbl_comm tbody td:first-child {color:#000;}
.ui-dialog .statistics .info2 .tbl_comm .link_theater {text-decoration:underline;}
.ui-dialog .statistics .detail {margin-top:30px;}
.ui-dialog .statistics .detail .tbl_scr {margin-top:22px;}
.ui-dialog .statistics .detail .box_gray {margin-top:15px;}
.ui-dialog .statistics .detail .box_gray + .tbl_scr {margin-top:12px;}
.ui-dialog .statistics .tbl_scr {position:relative; padding-top:43px; max-height:300px; overflow:hidden; border-bottom:2px solid #373737}
.ui-dialog .statistics .tbl_scr .wrapper {max-height:300px; overflow-y:auto; overflow-x:visible}
.ui-dialog .statistics .tbl_scr table {border-bottom:1px solid #d9d9d9;}
.ui-dialog .statistics .tbl_scr th,
.ui-dialog .statistics .tbl_scr td {padding:0;}
.ui-dialog .statistics .tbl_scr thead tr {position:absolute; top:0; left:0; display:table-row; width:765px; height:43px; overflow:hidden;}
.ui-dialog .statistics .tbl_scr tbody {display:table-row-group; max-height:300px;}
.ui-dialog .statistics .tbl_scr th,
.ui-dialog .statistics .tbl_scr td {width:120px}
.ui-dialog .statistics .tbl_scr th + th + th,
.ui-dialog .statistics .tbl_scr td + td + td {width:253px}
.ui-dialog .statistics .tbl_scr th + th + th + th,
.ui-dialog .statistics .tbl_scr td + td + td + td {width:120px}
.ui-dialog .statistics .tbl_scr th + th + th + th + th {width:148px;}
.ui-dialog .statistics .tbl_scr td + td + td + td + td {width:auto}
.ui-dialog .statistics .desc_info {padding:24px 20px 0 20px; line-height:24px; overflow:hidden; color:#555;}

/* 섬네일 슬라이드 */
.thumb_slide {position:relative;}
.thumb_slide .item_slide {float:left; width:100px;}
.thumb_slide .bx-controls-direction a {position:absolute; top:50%; padding:15px 5px; margin-top:-27.5px;}
.thumb_slide .bx-controls-direction .ico_comm {display:block; width:13px; height:25px;}
.thumb_slide .bx-controls-direction .bx-prev {left:-5px}
.thumb_slide .bx-controls-direction .bx-next {right:-5px}
.thumb_slide .bx-controls-direction .bx-prev .ico_comm {background-position:-85px 0}
.thumb_slide .bx-controls-direction .bx-next .ico_comm {background-position:-85px -30px}


/*** footer ***/
#footer {bottom:0; left:0; width:100%; background:#272829; color:#fff; font-size:14px;min-width: 1400px;}
#footer .foot_link {position:relative; padding:32px 0; margin-bottom:32px; border-bottom:1px solid #404041;}
#footer .foot_link li {width:102px;}
#footer .foot_link li+li {width:152px;}
#footer .foot_link li+li+li {width:137px;}
#footer .foot_link li+li+li+li {width:84px;}
#footer .foot_link li+li+li+li+li {width:102px;}
#footer .foot_link li+li+li+li+li+li {width:130px;}
#footer .foot_link li:nth-child(3) {font-weight:bold;}
#footer .foot_link li a:hover {font-weight:bold}
#footer .foot_link .sites {position:absolute; top:50%; right:0; width:158px; height:30px; margin-top:-15px; border:1px solid #fff; }
#footer .foot_link .sites .slt {width:100%; height:30px; color:#222;}
#footer .foot_link .sites .slt_cover {padding-left:10px;}
#footer .foot_link .sites .slt_coverInner {font-size:13px; line-height:1; padding:8px 0 9px; color:#fff; background:url(/kobis/web/comm/images/comm/arw_slt2.png) right 50% no-repeat; }
#footer .foot_info {padding-bottom:32px; font-weight:lighter;}
#footer .foot_info strong {padding-top:8px; margin-right:42px;}
#footer .foot_info .ovf {line-height:24px; font-size:13px; opacity:0.75}
#footer .foot_info .ovf span {display:inline-block; margin-right:24px;}
#footer .foot_info .ovf p {letter-spacing:0}



.bg_red2{margin-right: 10px; padding: 0 8px; border-radius: 3px; color: #fff; display: inline-block; line-height: 24px; background: #e75252; font-weight: bold; width: 52px; text-align: center;}




.minwidth{min-width:1400px;}