@charset "utf-8";

@font-face {
  font-family:'Noto-R';
  src:url('font/notokr-regular.eot'); /* IE 호환성 보기 모드(compatibility mode) */
  src:local('notokr-regular'),
    url('font/notokr-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/notokr-regular.woff') format('woff'), /* Modern Browsers */
    url('font/notokr-regular.svg') format('svg'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Montserrat-R';
  src:url('font/Montserrat-Regular.eot'); /* IE 호환성 보기 모드(compatibility mode) */
  src:local('Montserrat-Regular'),
    url('font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */
    url('font/Montserrat-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* reset */
body,input,textarea,select,button,table,p,div{font-family:Noto-R,Arial;color:#444}
button{overflow:visible;border:0;background:transparent;cursor:pointer;outline:none}
button::-moz-focus-inner{padding:0;border:0}
.sp_en, #footer strong, .ico_notice, .reserve_title h1{overflow:hidden;display:inline-block;width:1px;height:1px;background-image:url(../img/sp_en.png);background-repeat:no-repeat;font-size:0}
.ico_notice{width:14px;height:14px;margin-left:7px;background-position:-176px 0;vertical-align:middle;cursor:pointer}
.selectbox a{font-size:14px}

/* header */
#header .search_area .logo{top:0;left:0;width:auto;height:auto}
#header .search_area .logo .sp_en{display:block;width:174px;height:38px;background-position:0 0}
#header .gnb .notice{margin-top:-3px}
#header .gnb .notice a,#header .gnb .notice a.more{vertical-align:middle}
#header .user_menu .btn_login{margin-right:5px;padding:2px 6px;border:1px solid #dedede;background:#fff}
#header .gnb .user_menu a{letter-spacing:0}
#header .gnb .user_menu .hd_selt{margin-right:5px}
.hd_selt{position:relative;color:#999}
.hd_selt .selt{position:relative;padding-right:13px}
.hd_selt .selt .sp{position:absolute;top:50%;right:0;width:5px;height:3px;margin-top:-2px;background-position:-369px -41px}
.hd_selt .selt.open .sp{background-position:-376px -41px}
.hd_selt .selt_lst{position:absolute;top:21px;left:-7px;z-index:5;width:66px;padding:5px 8px;border:1px solid #ddd;background:#fff}
.hd_selt .selt_lst a{line-height:20px}
.hd_selt .selt_lst a:hover{text-decoration:underline}

/* top menu */
#header .menu_en{min-height:58px;background:url(../img/bg_head_menu.gif) repeat-x 0 0}
#header .menu_en ul:after{display:block;clear:both;content:''}
#header .menu_en li{float:left;text-align:center}
#header .menu_en li:first-child{width:86px}
#header .menu_en li.tab2{width:98px}
#header .menu_en li.tab3{width:98px}
#header .menu_en li.tab4{width:98px}
#header .menu_en li.tab5{width:153px}
#header .menu_en li.tab6{width:169px}
#header .menu_en li.tab_linkon{width:101px}
#header .menu_en li.tab7{width:93px}
#header .menu_en li.tab8{width:94px}
#header .menu_en li a{display:block;position:relative;height:54px;margin-left:-1px;padding-top:18px;border:1px solid #dedede;border-width:0 1px;text-align:center;box-sizing:border-box}
#header .menu_en li:first-child a{margin-left:0}
#header .menu_en li.on a,#header .menu_en li:hover a{position:relative;border-color:#41b40a;background:#41b40a}
#header .menu_en li span{display:inline-block;font-weight:bold;font-size:15px;color:#000;letter-spacing:-0.2px;vertical-align:middle}
#header .menu_en .on span,#header .menu_en li:hover span{color:#fff;text-shadow:1px 1px 0 #329700}
#header .menu_en li.tab_linkon a:after{overflow:hidden;position:absolute;top:4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:30px;height:12px;background:url(../../img/sp@2x.png) no-repeat;background-size:500px auto;background-position:-158px -62px;content: '';}

#header .search_area h1{top:0;width:174px;height:38px;background-position:0 0}

/* layer */
.layer .notice{margin:0 -20px -15px;letter-spacing:0;font-weight:bold}

/* button */
.btn_en{display:inline-block;min-width:76px;padding:12px 17px;border-radius:2px;font-size:15px;vertical-align:middle;text-align:center;box-sizing:border-box}
.btn_en_b{display:inline-block;width:100%;height:62px;padding:0 17px;border-radius:2px;font-size:20px;font-weight:bold;text-align:center;vertical-align:middle;box-sizing:border-box}
.btn_en_b:after{display:inline-block;width:1px;height:62px;vertical-align:middle;content:''}
.btn_bdr_green{border:1px solid #3ab101;color:#3ab101}
.btn_bdr_gray{border:1px solid #bebebe;background:#fafafa;color:#767676}
.btn_bdr_gray2{border:1px solid #dedede;color:#767676}
.btn_green{background:#40b409;color:#fff}
.btn_gray{background:#aeaeae;color:#fff}
.btn_gray2{background:#767676;color:#fff}
.btn_gray3{background:#ababab;color:#e5e5e5;text-shadow:1px 1px 0 #969696}
.btn_white{border:1px solid #bebebe;color:#767676}

.btn_buyticket{width:110px;height:42px;background-position:-215px -144px}
.btn_soldout{width:110px;height:42px;background-position:0 -144px}
.btn_previous{width:102px;height:54px;background-position:-210px -32px}
.btn_next{width:210px;height:54px;background-position:0 -88px}
.btn_next2{width:103px;height:54px;background-position:-105px -32px}
.btn_next3{width:90px;height:30px;background-position:-92px 0}
.btn_myticket{width:102px;height:32px;background-position:-314px -32px}
.btn_printout{width:103px;height:32px;background-position:0 -32px}
.btn_close{width:101px;height:42px;background-position:-327px -144px}
.btn_print{width:101px;height:42px;background-position:-112px -144px}
.btn_print2{width:100px;height:40px;background-position:0 -230px}
.btn_slip{width:120px;height:40px;background-position:-388px -188px}
.btn_cancelorder{width:120px;height:40px;background-position:-266px -188px}
.btn_ok{width:120px;height:40px;background-position:-102px -230px}
.btn_prev{width:90px;height:30px}
.btn_delete{width:90px;height:30px;background-position:-184px 0}
.btn_list{width:90px;height:30px;background-position:-276px 0}
.btn_list2{width:90px;height:30px;background-position:-368px 0}
.btn_register{width:121px;height:40px;background-position:-143px -188px}
.btn_cancel{width:121px;height:40px;background-position:-224px -230px}
.btn_inquiries{width:141px;height:40px;background-position:0 -188px}
.btn_faq{width:121px;height:40px;background-position:-347px -230px}
.btn_withdrawal{width:236px;height:64px;background-position:0 -272px}
.btn_buynow2{width:79px;height:26px;background-position:-213px -114px}
.btn_comingsoon{width:110px;height:42px;background-position:-430px -144px}
.btn_saleclosed{width:110px;height:42px;background-position:-542px -144px}
.btn_buynow{width:224px;height:64px;background-position:-238px -272px}
.btn_saleclosed2{width:224px;height:64px;background-position:0 -338px}
.btn_comingsoon2{width:224px;height:64px;background-position:-226px -338px}
.btn_soldout2{width:224px;height:64px;background-position:-452px -338px}
.btn_fanauth{width:314px;height:44px;background-position:-294px -88px}
.btn_auth{width:121px;height:42px;background-position:-510px -189px}
.btn_cancel2{width:121px;height:42px;background-position:-470px -232px}

/* paging */
.paging a,.paging strong{font-family:Montserrat-R}

/* 달력 */
.ui-datepicker-body table th{font-size:13px}
.ui-datepicker-body table td{font-family:Montserrat-R}
.ui-datepicker-body table td:first-child,.ui-datepicker-body table td:first-child a{color:#f21c00}
.ui-datepicker-body table td.last,.ui-datepicker-body table td.last a{color:#339e00}

/* footer */
#footer strong{position:absolute;top:0;left:0;width:210px;height:40px;background-position:0 -40px}
#footer .info li{padding-top:5px}
#footer .menu_lst{margin-bottom:31px}
#footer .menu_lst a{font-size:12px;color:#878d95}
#footer .menu_lst a:first-child{color:#a7acb6;font-weight:bold}
#footer .menu_lst .bar{display:inline-block;width:2px;height:10px;margin:0 16px;background:#565656;vertical-align:middle}
#footer .info{color:#62676c;font-size:12px;line-height:17px;letter-spacing:-0.035em}

/* 예매팝업 > 등급/좌석 선택 */
.layer.rsv_info{display:block;left:-240px;top:0;bottom:auto;width:240px;box-sizing:border-box}
.layer.rsv_info:before{position:absolute;top:-1px;right:-9px;width:10px;height:8px;background-position:-133px -241px;content:''}
.layer.rsv_info ul,.layer.rsv_info p{font-size:12px;color:#767676;line-height:18px}