@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body { margin: 0; padding: 0; background: url(/images/master/bg_body.gif) repeat-x left top;}

* { margin: 0; padding: 0;}
html { height: 100%; overflow-y: scroll;}
* html { height: 100%; margin: 0; padding: 0;}

.hide { display: none !important; }


a img { border: none;}



input { margin: 0;}
ul li { list-style: none; margin: 0; padding: 0;}
ul { margin:0; padding:0;}
h1, h2, h3, h4, h5 { margin:0 ; padding: 0;}
p { margin: 0; padding: 0;}
.clear { clear: both; height:0; width:0; line-height: 0; font-size: 0; margin: 0; padding: 0;}
table { border-spacing: 0px; border-collapse: collapse; }
td, th { padding: 0px; }
input { vertical-align: middle; margin: 2px; font-family: NanumGothic, Arial, Helvetica, sans-serif;}
label { vertical-align: middle;}
button { border: none; cursor: pointer; vertical-align: middle;}

textarea { vertical-align: middle;}
select { vertical-align: middle;}
img { font-size: 0;}

.postercommon{
    border-radius:10px;
    border:solid 1px #ddd;
}



#divTimeList a {
    float: left;
    padding-right: 7px;
}

/*
a img, a, img, h1 { font-size: 0; line-height: 1px;}
*/



#wrap_kkw { width: 998px; text-align: left; margin: 0 auto; display: inline-block; margin-top: 10px;}

/* gnb */

h1 { display: inline-block; position:absolute; left: 0; top: 8px; left: 35px;width: 210px; height:24px;}
h1 a { display: inline-block;}
.gnb { width: 998px; margin: 0 auto;  text-align: left; height: 82px; position: relative;}

.top { float: right; color: #757575; font-size: 11px;}
.top a {color: #757575 !important; text-decoration: none !important;}
.top a:hover { color: #d89205 !important;}
.login, .gnbmenu { float: left; margin-top: 10px;}

.gnbmenu { position: relative; top: 0px;}
.gnbmenu a { margin-right: 10px;}
input.id { background: url(/images/master/textbox_id.png) no-repeat left top; width: 87px; height: 27px; border: none; margin-left: 10px; color: #e1e1e1; padding-left: 8px;}
input.pw { background: url(/images/master/textbox_pw.png) no-repeat left top; width: 87px; height: 27px; border: none; margin-left: 3px; color: #e1e1e1; padding-left: 8px;}

.login { position: absolute; right: 0; top: 45px;}
.login a, .login input { float: left;}

.gnb_login { background:url(/images/master/gnb_login.gif) no-repeat left top; overflow: hidden; display: inline-block; text-indent: -9999px; width: 42px; height: 20px;}
.btn_join { background: url(/images/master/btn_join.gif) no-repeat left top;text-indent: -9999px; overflow: hidden; display: block; width: 66px; height: 26px; border: none; }

.movie_detail img { max-width: 600px; margin-top: 15px; }

.btn_logout { background: url(/images/master/btn_logout.gif) no-repeat left top;text-indent: -9999px; overflow: hidden; display: block; width: 52px; height: 20px; border: none;}
.btn_mypage { background: url(/images/master/btn_mypage.gif) no-repeat left top;text-indent: -9999px; overflow: hidden; display: block; width: 60px; height: 20px; border: none; margin-left: 3px;}

/* //gnb */


.quick_menu { width: 100%; text-align: center; height: 67px;margin: 0 auto;}
.quick_menu ul { text-align: center; width: 954px; display: inline-block; margin: 0 auto;}
.quick_menu li { display: inline-block; float: left;}

/* menu */
.menu { height: 48px; float: left; width: 100%; text-align: center; text-align: center;}
.menu div { background: url(/images/master/bg_menu.gif) repeat-x left top;margin: 0 auto; display: inline-block; width: 998px;}
.menu a { float: left; height: 48px; text-indent: -9999px; overflow: hidden; display: block;}
.ticketing {
    background: url(/images/master/ticketing.gif) no-repeat left top;
    width: 220px;
}
.giftmall {
    background: url(/imagescorp/conicgift.com/giftmall.gif) no-repeat left top;
    width: 220px;
}
.movie_info { background: url(/images/master/movie.gif) no-repeat left top; width: 58px; margin: 0 23px;}
.theater { background: url(/images/master/theater.gif) no-repeat left top; width: 58px; margin: 0 23px;}
.mypage { background: url(/images/master/myticketing.gif) no-repeat left top; width: 81px;margin: 0 23px;}
.cscenter { background: url(/images/master/cscenter.gif) no-repeat left top; width: 58px; margin: 0 23px;}
.quick_ticketing { position: absolute; top: 20px; left: 5px; }
.guice {background: url(/images/master/guide.gif) no-repeat left top; width: 94px; margin: 0 23px;}
.event {background: url(/images/master/event.gif) no-repeat left top; width: 46px; margin: 0 23px;}

/*2017 Å«ÅÍ ½Ã¼¼ ¸Þ´º css*/

.movieticket { background:none!important }
.movieticket li {border-right : 1px solid black;padding-left : 20px !important; padding-right: 20px; }
.movieticket li b { color:#333; padding-left:8px }

a:hover.giftmall {
    background: url(/imagescorp/conicgift.com/giftmall_on.gif) no-repeat left top;
    width: 220px;
}

a:hover.ticketing { background: url(/images/master/ticketing_on.gif) no-repeat left top; z-index:10000000}
a:hover.movie_info { background: url(/images/master/movie_on.gif) no-repeat left top;}
a:hover.theater { background: url(/images/master/theater_on.gif) no-repeat left top;}
a:hover.mypage { background: url(/images/master/myticketing_on.gif) no-repeat left top;}
a:hover.cscenter { background: url(/images/master/cscenter_on.gif) no-repeat left top;}
a:hover.guice {background: url(/images/master/guide_on.gif) no-repeat left top; }
a:hover.event { background: url(/images/master/event_on.gif) no-repeat left top;}
a:hover.quick_ticketing { top: 21px;}
a:hover.changupinfo { background: url(/images/master/changupinfo_on.gif) no-repeat left top;}


ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    margin-top:1px;
}

ul.topnav li {float: left;}

ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    text-decoration: none;
    transition: 0.5s;
    font-size:13px;
    font-weight:bold;
    padding-top:10px;
    padding:10px 26px;
}

ul.topnav li a:hover {background-color: #555;}

ul.topnav li .active {background-color: #555;}

ul.topnav li.icon {display: none;}
/* //menu */



/* main */
#wrap_main { width: 998px; margin: 0 auto; }



.login_area {background: url(/images/master/bg_section.gif) repeat-x left bottom; display: inline-block; padding-bottom: 17px; height:140px; overflow: hidden;}


.login_area .idarea, .login_area .pwarea { width: 120px !important; height: 18px !important; border: 1px solid #c5c5c5; float: left; padding: 4px; margin:0; margin-right: 6px; background-color: #fff !important;}
.login_area span { display: inline-block; float: left; letter-spacing:-1px; line-height: 25px;}
.login_area ul { display: inline-block; margin-bottom: 10px;}
.login_area li { height: 26px; display: block; margin-top: 5px; line-height: 26px; text-align: left;}
.login_area input { vertical-align: middle;}
.login_area a { color: #757575 !important;}
.btn_logins { background: url(/images/master/btn_login.gif) no-repeat left top;text-indent: -9999px; overflow: hidden; display: block; width: 46px; height: 23px; border: none; position: relative; top: 2px; float: left;}

/* main_layout */
.main_left { background-color: #f8f6f2; border: 1px solid #dfdfdf; width: 190px; height: 426px; padding: 0 12px; float: left;}
.main_left header { display: inline-block; text-align: left; width: 190px; margin-top: 18px;}
.main_left header img { float: left;}

.main_center { width: 600px; float: left; border-top: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf; }
.main_center .top_banner img { float: left;}
/* main left */
#wrap_main h3 { width: 100%; height: 20px; margin-bottom:5px; margin-top: 15px; display: inline-block; float: left;}
#wrap_main h3 img { float: left !important;}
#wrap_main h3 a { float: right;}
.more { background: url(/images/master/btn_more.gif) no-repeat left top; overflow: hidden; display: block; width: 40px; height: 12px; text-indent: -9999px;}
.notice { background: url(/images/master/bg_section.gif) repeat-x left bottom; float: left; display: inline-block; height: 200px;}
.notice ul  { display: inline-block; margin-bottom: 15px; width: 190px;}
.notice li { display: inline-block; height: 22px; line-height: 22px; float: left; width: 100%;}
.notice li a { display: inline-block; background: url("/images/master/bull_board.gif") no-repeat  2px 50%; color: #666666 !important; font-size: 11px; height: 22px; line-height: 22px; overflow: hidden; padding-left: 10px; text-decoration: none !important;text-align: left; cursor: pointer; width:180px;}
.notice li a:hover {  color: #e9a418 !important;}

/* main_center */
.top_banner { float: left; display: inline-block;}
.banner_info { float: left; padding-top: 10px;}
.banner_info p { width:  80px; margin-left: 8px; float: left;}
.best_top {border-top: 1px solid #dfdfdf; padding-bottom: 3px;}
.best_top ul { display: inline-block; margin: 0 auto;}
.best_top ul li {float: left; margin: 0 5px;}
.best_top ul li img { padding-bottom: 5px;}

.main_right { float: right; width: 171px;display: inline-block;}
.main_right h3 { height: 43px !important; margin-bottom: 0 !important; float: left; background: url(/images/master/bg_section.gif) repeat-x left bottom; margin-top: 15px; width: 100%;}
.main_right h3 a { float: right;}

.theater_main { background-color: #f8f6f2;  border: 1px solid #dfdfdf;width: 155px; height: 196px; padding: 0 8px;  }

.rank { float: left; width: 155px !important; position: relative !important; display: inline-block; background-color: #f8f6f2;  border: 1px solid #dfdfdf; height: 220px; padding: 0 8px;  margin-top: 8px; }
.rank ul { width: 155px; float:left;}
.rank ul li { display: inline-block; overflow: hidden; height: 28px; float: left; font-family: NanumGothic; width: 100%;}
.rank ul li a { font-size: 11px; color: #888; width: 130px; display: block; text-align: left; height: 28px; float: left; line-height: 28px;}
.rank ul li img { margin-right: 8px; float: left; height: 14px; position: relative; line-height: 28px; top: 7px;}
.rank ul li a:hover { color: #ff690a;}
.no1 { margin-top: 10px;}
.rank h3 a { float: right;}
.rank h3 img { float:left;}

.comingsoon_list { width: 408px; border:1px solid #dfdfdf; display: inline-block; float: left; border-top: 3px solid #333333; margin-top: 8px; }
.comingsoon_list h3 {width: 100%;}
.comingsoon_list h3 img { margin-left: 10px;}
.comingsoon_list h3 a { margin-right: 10px;}

.chainbanner_list { width: 408px; height:220px; border:1px solid #dfdfdf; display: inline-block; float: left; border-top: 3px solid #333333; margin-top: 8px; }
.chainbanner_list h3 {width: 100%;}
.chainbanner_list h3 img { margin-left: 10px;}
.chainbanner_list h3 a { margin-right: 10px;}

.event_list { width: 565px; height:220px; border:1px solid #dfdfdf; display: inline-block; float: right; border-top: 3px solid #333333; border-left: 0; margin-top: 8px; padding: 0 8px 0 13px;}
.vent_list h3 img { margin-left: 10px;}
.vent_list h3 a { margin-right: 10px;}

.preview_play { width: 565px; background-color: #f8f6f2; border:1px solid #dfdfdf; display: inline-block; float: right; border-top: 3px solid #333333; border-left: 0; margin-top: 8px; padding: 0 8px 0 13px;}
.preview_play h3 img { margin-left: 10px;}
.preview_play h3 a { margin-right: 10px;}

/* //main */

.title_poster { text-align: left; padding-left: 23px; height:37px; overflow: hidden;}
.title_poster a { font-size: 14px; color: #333 !important; font-weight: bold; height: 37px; display: block; width: 148px; overflow: hidden; margin-bottom: 13px;}
.info_movie { text-align:left;}
.info_movie strong { float: left; width: 25px; margin-left: 10px; margin-right: 5px;}
.info_movie span { display: inline-block; width: 120px; height: 15px; overflow: hidden; float: left; }

/* board style */
.board_01 { border: 1px solid #ddd; border-left: 2px solid #a49d8a; font-size: 11px; color: #555; table-collapse: saparate;}
.board_01 th { border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; background-color: #f6f6f6; height: 29px; text-align: left; padding-left: 10px; table-collapse: saparate;}
.board_01 td { border-bottom: 1px solid #dddddd; padding-left: 10px; background-color: #fff;  table-collapse: saparate;}

/* commingsoon_video */
.preview_play  { height: 290px;}
.preview_play a { float: left;}
.commingsoon_video { width:354px; height:240px; background-color:Black; float: left; position: relative; margin-right: 11px;}
.preview_play table { float:right; width: 198px !important; text-align:left; margin-bottom: 5px;}
.preview_play strong { font-size: 16px; color: #333; font-weight: bold; text-align: left; display: inline-block; width: 200px; overflow: hidden;  height: 17px; float: left; padding-bottom: 10px;}
.preview_play b { display: inline-block; width: 190px; overflow: hidden;  height: 17px;}

.btn_ticketing {background: url(/images/master/btn_ticketing.gif) no-repeat left top; overflow: hidden; display: block; width: 66px; height: 23px; text-indent: -9999px; margin-right: 4px; float: left;}
.btn_detail {background: url(/images/master/btn_detail.gif) no-repeat left top; overflow: hidden; display: block; width: 66px; height: 23px; text-indent: -9999px;}


.main_contents_left { width: 773px; margin-right: 25px; float: left;}
.main_contents_right { float: right; width: 200px;}
.banners { display:inline-block;}
.banners a { margin-bottom: 6px; display: inline-block; float: left;}

.banner_main { display: inline-block; text-align: center; width: 998px; margin: 0 auto; margin-top: 8px; }
.banner_main div {display: inline-block; text-align: center;}
.banner_main a { float: left; }

/* footer */
#footer_wrap { background: url(/images/master/bg_footer.gif) repeat-x left top; width: 100%; text-align: center;margin-top:30px;}
#footer {width:998px; margin:0 auto; text-align: left;}
.logo_area {width: 200px; float: left; margin-top: 33px;}
.logo_area a { vertical-align: middle;}
.company_info { display: inline-block !important; width:750px;}
.company_info ul { float: left; margin-top: 25px; font-size: 12px; color: #ddd; margin-bottom: 7px; display: inline-block; }
.company_info ul li { float: left;line-height: 25px; vertical-align: middle; font-weight:bold; color:#000}
.company_info ul li a { margin: 0 10px; font-weight:bold}


/* left menu */

.content_Center { float:left; width:804px; padding-left: 30px; padding-top: 10px; border-left : 1px solid #e1e1e1; min-height: 500px;}  
.section_left { width: 163px; float:left; margin: 0 !important; height:100%;}



.left_menu {  width: 162px; display: inline-block; margin-bottom: 30px; float:left;display: inline-block; background-color: #f8f6f2; border: 1px solid #dedede; border-right: 0; border-bottom: 0;}
.left_menu a { width: 161px; height: 35px; display: block; text-indent: -9999px; overflow: hidden;} 
.left_menu li { float: left; display: inline-block; height: 35px; width: 161px; border-bottom: 1px solid #dedede;}
.title_menu {display: inline-block; background:#2E2F33; width:153px; font-size:16px; padding:15px 0 14px 10px; border-top:solid 4px #DD9D22; color:#fff; font-family:NanumGothic; border-right:solid 1px #ddd}
.title_menu_notitle {display: inline-block; width:153px; font-size:16px; padding:15px 0 14px 10px; border-top:solid 4px #FFF; color:#fff; font-family:NanumGothic; border-right:solid 1px #ddd}


.menu_screening { background: url(/images/master/menu_screening.gif) no-repeat left center;}
.menu_screening_on { background: url(/images/master/menu_screening_on.gif) no-repeat left center;}
.menu_comingsoon { background: url(/images/master/menu_comingsoon.gif) no-repeat left center;}
.menu_comingsoon_on { background: url(/images/master/menu_comingsoon_on.gif) no-repeat left center;}
.menu_theater { background: url(/images/master/menu_theater.gif) no-repeat left center;}
.menu_guide { background: url(/images/master/menu_guide.gif) no-repeat left center;}
.menu_guide_on { background: url(/images/master/menu_guide_on.gif) no-repeat left center;}
.menu_notice { background: url(/images/master/menu_notice.gif) no-repeat left center;}
.menu_notice_on { background: url(/images/master/menu_notice_on.gif) no-repeat left center;}
.menu_faq { background: url(/images/master/menu_faq.gif) no-repeat left center;}
.menu_faq_on { background: url(/images/master/menu_faq_on.gif) no-repeat left center;}
.menu_1to1 { background: url(/images/master/menu_1to1.gif) no-repeat left center;}
.menu_1to1_on { background: url(/images/master/menu_1to1_on.gif) no-repeat left center;}
.menu_myticketing { background: url(/images/master/menu_myticketing.gif) no-repeat left center;}
.menu_myticketing_on { background: url(/images/master/menu_myticketing_on.gif) no-repeat left center;}
.menu_modify { background: url(/images/master/menu_modify.gif) no-repeat left center;}
.menu_modify_on { background: url(/images/master/menu_modify_on.gif) no-repeat left center;}
.menu_coupon { background: url(/images/master/menu_coupon.gif) no-repeat left center;}
.menu_coupon_on { background: url(/images/master/menu_coupon_on.gif) no-repeat left center;}
.title_region { background: url(/images/master/title_region.gif) no-repeat left center;}
.title_event2 { background: url(/images/master/title_event2.gif) no-repeat left center;}
.menu_buy { background: url(/images/master/menu_buy.gif) no-repeat left center;}
.menu_buy_on { background: url(/images/master/menu_buy_on.gif) no-repeat left center;}
.menu_bankrefund { background: url(/images/master/menu_bankrefund.gif) no-repeat left center;}
.menu_bankrefund_on { background: url(/images/master/menu_bankrefund_on.gif) no-repeat left center;}


a:hover.menu_screening { background: url(/images/master/menu_screening_on.gif) no-repeat left center;}
a:hover.menu_comingsoon { background: url(/images/master/menu_comingsoon_on.gif) no-repeat left center;}
a:hover.menu_theater { background: url(/images/master/menu_theater_on.gif) no-repeat left center;}
a:hover.menu_guide { background: url(/images/master/menu_guide_on.gif) no-repeat left center;}
a:hover.menu_notice { background: url(/images/master/menu_notice_on.gif) no-repeat left center;}
a:hover.menu_faq { background: url(/images/master/menu_faq_on.gif) no-repeat left center;}
a:hover.menu_myticketing { background: url(/images/master/menu_myticketing_on.gif) no-repeat left center;}
a:hover.menu_modify { background: url(/images/master/menu_modify_on.gif) no-repeat left center;}
a:hover.menu_coupon { background: url(/images/master/menu_coupon_on.gif) no-repeat left center;}
a:hover.title_region { background: url(/images/master/title_region_on.gif) no-repeat left center;}
a:hover.title_event2 { background: url(/images/master/title_event2_on.gif) no-repeat left center;}
a:hover.menu_buy { background: url(/images/master/menu_buy_on.gif) no-repeat left center;}
a:hover.menu_bankrefund { background: url(/images/master/menu_bankrefund_on.gif) no-repeat left center;}
a:hover.menu_1to1 { background: url(/images/master/menu_1to1_on.gif) no-repeat left center;}

.menu_bottom {background: url(/images/master/menu_bottom.gif) no-repeat left top; width: 164px; height: 35px; position: relative; top:-1px;}

.join_table { width: 100%; margin: 0 auto;border-top: 2px solid #a49d8a; }
.join_table th { border-bottom: 1px solid #e1e1e1;  text-align: left; width: 148px; background: url(/images/master/line.gif) no-repeat left top;}
.join_table td { border-bottom: 1px solid #e1e1e1; padding:8px}
.join_table .editor-label { text-align: left;}

.join_table_100 { width: 100%; margin: 0 auto;border-top: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.join_table_100 th { border-bottom: 1px solid #e1e1e1; border-left: 2px solid #a49d8a; text-align: left; width: 168px; background: url(/images/master/line.gif) no-repeat left top;}
.join_table_100 td { border-bottom: 1px solid #e1e1e1;}
.join_table_100 .editor-label { text-align: left;}

.editor-field {padding: 6px !important;}

.input_sm[type='text']{
    width:100px !important;
}

.input_sm[type='password']{
    width:100px !important;
}

.input_md[type='text']{
    width:200px !important;
}

.input_md[type='password']{
    width:200px !important;
}


#sub_contRight { float: right;display: inline-block;  width:171px; margin-top:-40px;  }
#sub_contRight .main-right { float: left;}



.left_banners img { margin-top: 6px;}




.mylpm_info {
    padding-top:10px;
}

.mylpm_info ul {
    
}

.mylpm_info ul li.title{
    font-weight:bold;
    width:100px;
    float:left;
}

.mylpm_info ul li.con{
    float:left;
}

.mylpm_info ul li.con p.dot{
     height:1px;
}

.left_cscenter{
    background:url(/images/master/left_cscenter.gif) no-repeat; 
    width:163px !important; 
    min-height:200px;
    display:table;    
}

.left_cscenter_text{
    text-align:left; 
    color:#CC9933; 
    font-size:26px; 
    padding-left:10px; 
    padding-top:70px; 
    font-family:NanumGothic;
}

.left_cscenter_text_small{
    text-align:left; 
    color:#CC9933; 
    font-size:20px; 
    padding-left:10px; 
    padding-top:70px; 
    font-family:NanumGothic;
}

.popuplayer{
    border:solid 1px #ccc;
    position:absolute; 
    top: 100px;
    text-align:left;
}

.popup_content{
    padding:10px;
}

.popup_footer{
    padding:10px;
    height:20px;
    font-size:12px;
    font-family: NanumGothic;
    font-weight:bold;
    border-top:solid 1px #ddd;
    clear:both;
}

.leftMenu a.on {
    background-position: 500px 500px;
    color: #edad00;
    border-left:solid 1px #ddd;
}


.leftMenu a {
    border-left:solid 1px #ddd;
    /*width: 260px;*/
    height: 48px;
    font-size: 14px;
    color: #a3a3a3;
    line-height: 48px;
    display: block;
    overflow: hidden;
    font-family: NanumGothic;
    font-weight: bold;
    letter-spacing: -0.08em;
    padding-left: 12px;
    background-position: 500px 500px;
}

.leftMenu a:hover{
    text-decoration:none;
    color: #edad00;
}

.leftMenu {
    width: 165px;
    display: inline-block;
    margin-bottom: 30px;
    float: left;
    display: inline-block;
    background-color: #f8f6f2;
    border: 0px solid #dedede;
    border-right: 0;
    border-bottom: 0;
}
ul {
    list-style: none;
    padding-left: 0;
}

.leftMenu li {
    float: left;
    display: inline-block;
    height: 48px;
    width: 100%;
    border-bottom: 1px solid #dedede;
}

.leftMenu:after{
    clear:both;
}

#titleSub{
     height:30px !important; 
     margin-bottom:14px !important;
     border-bottom:solid 1px #ddd;     
}

#titleSub .title{
    font-size:30px;
    font-weight:bold;
    color:#000;
    padding-left:0 !important;
    
}

#titleSub .desc{
    font-size:14px;
}

.titleSub{
    font-size:16px;
    color:#000;
    margin-bottom:4px;
}

.mt10{
    margin-top:10px
}

.mt20{
    margin-top:20px
}

    #rightQuick {
        position: absolute;
        top: 47px;
        right: -35px;
    }

    #areaWrap {
        position: relative;
        width: 1002px;
        margin: 0px auto;
        font-family: NanumGothic;
    }

.btn[disabled]{
    background-color:#ccc;
    color:#666;
    border:solid 1px #999;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

button, select {
    text-transform: none;
}
button {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

/*user agent stylesheet
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    padding: 1px 6px;
}
user agent stylesheet
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}*/

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-detail, .btn-detail:active, .btn-detail:focus, .btn-detail:hover, .btn-detail:link, .btn-detail:visited  {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-decoration:none;
}

.btn-list, .btn-list:active, .btn-list:focus, .btn-list:hover, .btn-list:link, .btn-list:visited  {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    text-decoration:none;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-sm>.btn, .btn-xs {
    padding: 3px 8px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}

.cmtWriteBox{
    width:678px;
    height:68px;
}

.cmtWriteBoxAlert{
    color:red;
    padding-bottom:4px;
}

.box{
    text-align:center; 
    font-size:16px; 
    font-weight:bold; 
    color:#000; 
    margin-top:20px;
    margin-bottom:20px;
    padding:20px;
    border:solid 1px #ddd;
}

@charset "utf-8";


/* ÀüüÀû¿ë(±âº» ½ºÅ¸ÀÏ) =========================================================================================================*/

/* Type Selector */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	cellspacing:0; 
	cellpadding:0;
	
	/*background:transparent;
	line-height:normal;*/
    
	
	/*½ºÅ©·Ñ*/
	/*scrollbar-face-color:#FFF;  
	scrollbar-highlight-color:#FFF; 
	scrollbar-shadow-color:#808080;
	scrollbar-3dlight-color:#E0E0E0; 
	scrollbar-darkshadow-color:#FFF; 
	scrollbar-track-color:#FFF;
	scrollbar-arrow-color: #808080;*/
	}
	
	

	table {padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
	th,td {padding:0px;}

	img	{border:0px;}
 

    hr {
        border: 0;
        height: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    hr.m20 {
        border:0;
        padding:10px;
    }

    hr.m10 {
        border:0;
        padding:5px;
    }

	col	{background:none;}
	table {width:100%}
	
	ul{list-style:none; padding-left:0;}
	
	body, span, textarea, p, table{ 
	    font-family: NanumGothic; font-size:12px; color:#7f7f7f; line-height:18px; letter-spacing:0;
	}

    .c-authnum{
        font-family:Consolas !important;
        font-size:12px !important;
    }

	a:link				{color:#242323; text-decoration:none;}
	a:visited			{color:#242323; text-decoration:none;}
	a:hover				{color:#fb6400; text-decoration:none;}
	a:active			{color:#242323; text-decoration:none;}

	
	a.rollover img { border-width:0px; display:inline; } 
	a.rollover img.over { display:none; } 
	a.rollover:hover { border:0px; } 
	a.rollover:hover img { display:none; } 
	a.rollover:hover img.over { display:inline; } 
	
     
    .chk-rdo {width:14px; height:14px; vertical-align:middle;}
	.input{border:1px solid #dedede;}
	.input01 {height:20px; border:1px solid #000; background:#1d1e1f; color:#747474; font-size:11px;}
    .input02 {width:430px; height:74px;}
	.input03{height:24px; background:#f3f4f4; border:1px solid #dedede; font-size:14px; color:#736f6d; font-weight:bold; padding-left:15px; width:270px;}
	.input04{border:1px solid #dedede; height:18px;}
	.input05{border:1px solid #dedede; height:23px; font-size:11px;}
	.input06{border:1px solid #dedede; background:#f9f9f9; font-size:12px;}
	
	.pdA{padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;}
	.pd10{padding:10px;}
	.pdl10{padding-left:10px;}    
	.pdl25{padding-left:25px;}
	.pdr10{padding-right:10px;}
	.pdt5{padding-top:5px;}
	.pdt10{padding-top:10px;}
	.pdt20{padding-top:20px;}
	.pdb10{padding-bottom:10px;}
	.pdb20{padding-bottom:20px;}	
	.mgt10{margin-top:10px;}
	.mgt20{margin-top:20px;}	
	.mgt30{margin-top:30px;}		
	.mgl10{margin-left:10px;}		
	.mgl15{margin-left:15px;}		
	.mgl20{margin-left:20px;}
	.mgl28{margin-left:28px;}
	.mgl40{margin-left:40px;}
	.mgr90{margin-right:90px;}
	.mgb35{margin-bottom:35px;}
	.lnh01{line-height:13px;}
	
	.bda{border:1px solid#dedede;}
	.nbd{border-bottom:none !important;}
	
	
	.font01{color:#242323;}
	.font01B{color:#242323; font-weight:bold; font-size:12px;}	
	.font02{font-size:12px; font-weight:bold; color:#242323; letter-spacing:0;}
	.font02{font-size:14px; font-weight:bold; color:#242323; letter-spacing:0;}
	.font03{color:#ff6500;}
	.font03 a.ticket{text-decoration:underline; color:#ff6500;}
	.font03 a.ticket:hover{font-weight:bold;}
	.font04{color:#fff; font-size:16px; font-weight:bold; letter-spacing:-1px;}
	.font05{font-size:12px; color:#777777; letter-spacing:0; line-height:22px;}
	.font06{font-size:12px; color:#a09f9f; letter-spacing:0; line-height:22px;}
	.font07{font-size:14px; font-weight:bold; color:#ff6600;}
	.font08{font-size:11px; color:#878686; letter-spacing:0; line-height:22px;}
	.font09{color:#ed1c24; font-weight:bold;}
	.font10{font-size:12px; color:#777777; letter-spacing:-1px; line-height:22px;}

    .red{color:#ff6500 !important;}
    .red:link{color:#ff6500 !important;}
	
	.txtC{text-align:center;}
	.txtL{text-align:left;}
	.txtR{text-align:right;}
    
	.line01{background:url(/images/New/line_bg.gif) repeat-x; height:2px;}
	
	.fl{float:left; display:inline; position:relative;}
	.fr{float:right; display:inline; position:relative;}
	
	.bdBox01{border:1px solid #dedede; background:#fcfcfc; float:left;  position:relative; padding:25px; width:489px;}
	
	#login a{color:#878686;}
	#login a:hover{color:#ff6600;}
	.visual_title{height:30px; text-align:left; vertical-align:top;}
	.poster{width:162px; float:left; position:relative; display:inline;}
	.posterbg{background:url(/images/New/movie_bg.gif) no-repeat top; width:162px;}
	.posterimg{padding:6px; width:148px; height:213px;}
	.posterimg02{padding-left:10px; padding-right:10px; width:148px; height:213px;}
	.posterimg,.posterImg02 img{width:148px; height:213px;}
	
	.rank02{position:absolute; left:10px; top:60x; width:35px; height:37px; z-index:1000;}

    .conTit{height:18px; vertical-align:top; text-align:left; float:left; position:relative; width:100%;}
	
	
	.hotmovie{ height:250px; width:100%; float:left; position:relative; display: inline-block; margin:0 auto;}
	.hotmovie dl{border-top:1px solid #dedede;padding: 0 10px;}
	.hotmovie dt a{display:block; width:100%; height:22px; background:url(/images/master/btn_booktk02.gif) no-repeat right center; text-align:left; font-weight:bold; padding-top:6px;}
	.hotmovie dd{display:none; height:137px;}
	.movieInfo {width:380px;  position:relative; text-align:left;}
	.movieInfo td{text-align:left; line-height:15px; vertical-align:top;}
	.infoimg {width:83px; height:130px; padding-right:10px;}
	.infoimg img{width:93px; height:130px;}
	
	
	.faq{width:788px; float:left; position:relative; display:block;}
	.faq dl{border-bottom:1px solid #dedede;}
	.faq dt a{display:block; width:788px; height:27px; text-align:left; padding-left:5px; font-weight:bold; padding-top:10px;}
	.faq dd{display:none;}

	
    .moviepre{position:relative; float:left; position:relative; height:226px;}
	
   
    .mainBoard{border-top:1px solid #e6e6e6; float:left; position:relative; width:100%;}
	.mainBoard td.bull{background:url(/images/New/bull_board.gif) no-repeat 2px 50%; padding-left:10px; width:250px; height:24px; letter-spacing:-1px;}
	
	.cmSoon {width:360px; float:left; position:relative; text-align:left;}
	.poster02 li{display:inline; float:left; position:relative; width:106px;}
	.poster02 img{border:1px solid #dedede; width:104px; height:148px;}
	.poster02 li.txt{line-height:18px; margin-top:8px; letter-spacing:-1px; float:left; position:relative;}
	.postertxt{line-height:18px; letter-spacing:-1px;}
	
	.mevent{ float:left; position:relative;}
	.eventImg{border:1px solid #dedede;}
	.eventImg img{ width:360px; height:135px;}    
	
	.mainBoard02{float:left; position:relative; width:100%; text-align:left;}
	.mainBoard02 td{border-bottom:1px solid #dedede; padding-top:4px;}
	.mainBoard02 td.bull{background:url(/images/New/icon_new.gif) no-repeat 2px 50%; padding-left:35px; width:200px; height:21px; letter-spacing:-1px;}
	 
	.hotrank{border:1px solid #dedede; padding:15px 10px 15px 10px; float:left; position:relative; width:176px; text-align:left; height:230px;}
	.hotrank a{font-size:12px; color:#878686; letter-spacing:-1px;}
	.hotrank a:hover{color:#ff6600;}
    .hotrank li{height:24px;}
	.hotrank img{vertical-align:middle; margin-bottom:3px;}	
	
	.customer{border:1px solid #dedede; padding:17px 14px 18px 14px; float:left; position:relative; width:168px; text-align:left; height:210px;}	
	
	.account{border:1px solid #dedede; padding:17px 14px 12px 14px; float:left; position:relative; width:168px; text-align:left;}
	
	.footerBanner {border-top:1px solid #747474; border-bottom:1px solid #dedede; height:34px; padding:7px 35px 7px 0; position:relative;} 
    .footerBanner li{display:inline; text-align:center;}
	.footerBanner img{margin-left:35px;}
	
	.copy{margin-top:20px; height:105px; width:980px; position:relative; float:left;}
	.copy li{display:inline;}
	.copy li.logo{float:left; width:140px; padding-top:20px;}
	.copyTxt {display:block; position:relative; float:left;}
	.copyTxt ul{display:block;}
	
	.lnb{float:left; position:relative;}
	.lnb li{height:10px; padding-left:10px; border-bottom:1px solid #dedede; padding-top:15px; padding-bottom:15px; }
	
	.subVisual {background:url(/images/New/subVisual_bg.gif) no-repeat; height:94px; padding-top:18px;}
	.subBanner {height:94px; margin-left:5px; margin-right:5px;}
	.subBanner li {height:94px; display:inline; position:relative; float:left; border:1px solid #515151; width:233px;}
	.subBanner li.img{width:233px; height:94px;}
	
	.subTitle {height:49px; border-bottom:1px solid #242323; vertical-align:top; text-align:left; padding-left:10px;}
	.subTitle02{height:112px; vertical-align:top; text-align:left;}
	.subTitle03{height:72px; vertical-align:top; text-align:left; position:relative;}
	.movieList{position:relative; float:left;}
	
     
	.movie ul{padding:30px 10px 30px 10px; border-bottom:1px solid #dedede; height:300px;}
	.movie li{display:inline; float:left; position:relative; width:168px;}
	.movie td.posterImg{ text-align:center; padding-bottom:13px;}
	
	.age00{background:url(/images/master/age00.gif) no-repeat left top; width: 19px; height: 19px;}	
	.age12{background:url(/images/master/age12.gif) no-repeat left top; width: 19px; height: 19px;}	
	.age15{background:url(/images/master/age15.gif) no-repeat left top; width: 19px; height: 19px;}	
	.age18{background:url(/images/master/age18.gif) no-repeat left top; width: 19px; height: 19px;}
	.ageH{background:url(/images/master/ageH.gif) no-repeat left top; width: 19px; height: 19px;}
	
	.movieNow { float:left; position:relative; }
	.movieNow ul{border-bottom:1px solid #dedede; float:left; position:relative; padding-bottom:20px; padding-top:20px;}
	.movieNow li{ float:left; position:relative;}
	.movieNow li.info{width:100%; text-align: center;}
	.poster03 { width: 100%; margin: 0 auto; text-align:center; margin-bottom: 10px; display:inline-block;}
	.poster03 img{width:148px; height:213px;margin: 0 auto;}
    .movieNow { border-bottom: 1px solid #dedede; display: inline-block; float: left;}
    .movieNow ul { display: inline-block; float: left; width: 168px; text-align: center; padding: 0 14px; border-bottom: 1px solid #dedede; margin-bottom: 18px; position: relative; top: 1px;}

	
	.loca{height:50px; text-align:right;}
	.contBanner{width:196px; height:102px; border:1px solid #dedede; float:left; position:relative;}
	.contBanner img{width:196px; height:102px;}
	.contBanner02{width:196px; height:300px; border:1px solid #dedede; float:left; position:relative;}
	.contBanner02 img{width:196px; height:300px;}
	
	.dbInfo{height:200px; background:url(/images/master/dbinfo_bg.gif) repeat; padding:20px; border: 4px solid #b99765; margin-bottom: 20px;}
	.dbInfo td.poster{width:214px; height:200px;}
	
	.dbInfo td.info{padding-left:40px; width:500px; vertical-align:top; text-align:left;}
    .dbInfo td.info.info-price-title{ background-color: #f1f1f1; border: 1px solid #e1e1e1; border-right:none; padding: 10px; line-height: 20px; color: #959595; text-align: right; }
    .dbInfo td.info.info-price-caption { background-color: #f1f1f1; border: 1px solid #e1e1e1; border-left:none;border-right:none; padding: 10px; line-height: 20px; color: #333; }

	.dbInfo02{float:left; position:relative; width:759px; height:165px; background:url(/images/master/dbinfo_bg.gif) repeat-x; margin-top:20px; padding:20px;}
	.dbInfo02 td.theater{width:214px; height:165px;}
	.dbInfo02 td.theater img{width:214px; height:165px;}
	.dbInfo02 td.info{padding-left:40px; width:500px; vertical-align:top; text-align:left;}
	
	.movieImg{margin-top:40px;}
	.movieImg td{text-align:left;}
	.movieImg img{width:118px; height:77px;}
	
	.movieTab{border-bottom:2px solid #b99765; height:33px; width:100%; float:left;  position:relative;}
	.movieTab li{float:left; position:relative; display:inline;}
	.replyWrite {border:1px solid #dbdbdb; background-color:#eeeeee; float:left; position:relative; width:538px; padding:20px;}
	.replyWrite li{display:inline; float:left; position:relative;} 
	
	.replyList {float:left; position:relative; width:580px;}
	.replyList ul {border-bottom:1px solid #dedede; padding-bottom:15px; padding-top:15px;}
	.replyList li{line-height:20px;}
	
	.pageMove{float:left; position:relative; text-align:center; height:50px; margin-top:20px; width:100%;}
	.pageMove ul{margin:auto; width:352px;}
	.pageMove li.nextP a{float:left; position:relative; border:1px solid #dedede; padding-top:0; height:22px; width:22px;}
	.pageMove li a{border:1px solid #dedede; width:22px; height:19px; display:inline; float:left; margin-left:5px; padding-top:3px;}
	.pageMove a:hover,.pageMove a.active{width:24px; height:21px; display:inline; float:left; background-color:#ff6600; border:none; color:#fff; font-weight:bold;}
    
	.sub_conTit{ margin-bottom:30px;}
	
	.listSearch{float:left; position:relative; text-align:right; width:100%;}
	.boardList01 {float:left; width:100%;}
	.boardList01 th{padding-top:12px; padding-bottom:12px; background-color: #fdfdfd;}
	.boardList01 td{padding-top:10px; padding-bottom:10px; border-bottom:1px solid #dedede;}	

	
	.boardList02 {float:left; width:100%; border-top:2px solid #b99765;}
	.boardList02 th{height:38px; border-bottom:1px solid #dedede; background-color: #fdfdfd;}
	.boardList02 td{padding-top:15px; padding-bottom:15px; border-bottom:1px solid #bbb;}	
	
	
    .boardForm0_kw {float:left; width:100%; border-left:1px solid #dedede;border-top: 1px solid #dedede;border-right: 1px solid #dedede;width: 800px; margin-left: 79px;}
	.boardForm0_kw th{height:28px; border-bottom:1px solid #dedede; background-color: #fdfdfd;border-right: 1px solid #dedede;}
	.boardForm0_kw th span, .boardForm0_kw td strong { margin-left: 15px; }
	
	.boardForm0_kw td{padding-top:15px; padding-bottom:15px; border-bottom:1px solid #dedede; }

	.boardList03 {width:100%; border-top:2px solid #b99765;}
	.boardList03 th{height:36px; border-bottom:1px solid #bbb; background-color: #fdfdfd; text-align: center !important;}
	.boardList03 td{padding:8px 10px 8px 10px; border-bottom:1px solid #dedede;}
		
	.titleEvent {margin-top:40px; margin-bottom:50px; float:left;}
	.titleEvent li {width:263px; height:143px; text-align:left; float:left; position:relative; display:inline;}
	.titleEvent img {border:1px solid #dedede; width:248px; height:140px;}
	
	.eventThumb {padding-left:10px; padding-right:10px;}
	.eventThumb img{border:1px solid #dedede; height:100px; width:196px;}
	
	.boardForm01 {border-top:2px solid #b99765; width:100%;}
	.boardForm01 th{background:#fcfbfa; padding:10px; color:#666565; font-weight:bold; border-bottom:1px solid #dedede; width:80px}
	.boardForm01 td{padding:10px; border-bottom:1px solid #dedede;}	
	
	.theaterImg {padding-left:10px;}
	.theaterImg img{border:1px solid #dedede; height:88px; width:130px;}
	
	
	.cont_set{float:left; position:relative; width:570px; margin-bottom:40px;}
	.cont_set li.cont{margin-left:15px; float:left; position:relative;}
	.bull {background:url(/images/New/bull_info.gif) no-repeat; padding-left:18px; line-height:15px;}
	
	.cont_set02{float:left; position:relative; width:800px; margin-bottom:100px;}
	.cont_set03{float:left; position:relative; width:800px; margin-bottom:50px; border-top:2px solid #b99765; padding-top:30px;}
	
	.sub_obj{float:left; position:relative; background:url(/images/New/bull_conObj.gif) no-repeat left; padding-left:15px; margin-bottom:13px; width:555px; }

    .guide{float:left; position:relative; width:790px;}
	.guide ul{margin:auto;}
	.guide li{float:left; margin-bottom:40px; display:inline;  position:relative;}
	
	.btnArea {float:left; margin-top:20px; text-align:center; width:100%;}
	


    
#wrap{width:100%; height:100%; text-align:center; display: inline-block; min-height:300px}
.wrapper{width:980px; position:relative; margin:0 auto;}
#header{width:100%; height:78px; background:url(/images/New/header_bg.gif) bottom repeat-x;}	
#utilbar {width:940px; height:21px; position:relative; padding:15px 20px 0 20px; margin:0 auto;}
#gnb{width:980px; height:42px; margin:0 auto; z-index:100; }
#visualarea{width:100%; height:250px; background:url(/images/New/visual_bg.gif) repeat-x; padding:25px 0 20px 0;  position:relative; text-align:left;}
#visual_sub{width:100%; height:130px; background:url(/images/New/visual_bg.gif) repeat-x; position:relative; text-align:left;}
#visual_left{width:213px; padding-left:20px; padding-right:40px; float:left; position:relative;}
#visual_right{width:687px; padding-right:20px; float:left; position:relative; display:inline;}

#contents{width:980px; margin:0 auto; margin-top:30px; text-align:left; position:relative;}
#conLeft{width:380px; float:left; position:relative;}
#conCenter{margin-left:20px; width:360px; float:left; position:relative; display:inline;}
#contRight{margin-left:20px; width:198px; float:left; position:relative; display:inline;}

#sub_contents{width:998px; margin:0 auto; padding-top:30px;  text-align:left; position:relative; display: inline-block;}
#sub_conLeft{width:160px; float:left; position:relative;}
#sub_conCenter{border-left:1px solid #dedede; padding-left:20px; width:580px; float:left; position:relative; display:inline;}
#sub_conCenter02{width:100%; float:left; position:relative; display:inline;}
#sub_conCenter03{width:890px; float:right; position:relative; display:inline;}

#sub_contRight02{width:100%; float:left; position:relative; display:inline;}

/* #sub_contRight02 #sub_contRight { position: absolute; right: -230px; top: 0;}#sub_contRight{ width:200px; float:left; position: absolute; right: 0; display:inline-block; z-index: 1;} */

#footer{width:980px; margin:0 auto; margin-top:30px; position:relative; float:left;}
#sub_contRight02 #sub_contRight {float: right; margin-top: 20px !important; z-index: 10;}

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/


.page
{
    margin:0 auto;
}

#main
{
    padding:10px;
}

td
{
    font-size: 11px;
    font-family: NanumGothic;
}

img
{
	border:none;
	vertical-align:bottom;	
}

.font11
{
    font-family:NanumGothic;
    font-size:11px;
}

#content { height:1000px; margin:20px; padding:10px; background:#eeeeee; float:left}

#notification { position:fixed; _position:absolute; _z-index:-1; left:0; top:0; width:100%; height:40px; padding:10px; background:#15C23D; text-align:center; cursor:pointer; font-size:18px; font-weight:bold; padding-top:24px; color:#fff; display:none; font-family:NanumGothic}

a:link
{
    color: #3B5998;
    text-decoration:none;
}
a:visited
{
    color: #3B5998;
    text-decoration:none;
}
a:hover
{
    color: #3B5998;
    text-decoration: underline;
}
a:active
{
    color: #3B5998;
    text-decoration:underline;
}

p, ul
{
    margin-bottom: 20px !important;
    line-height: 1.6em !important;
}

ul.desc
{
	background:url(/images/master/ul_desc.gif) no-repeat ;
	font-weight:bold;
	padding-left:18px;
}

li
{
	
	font-weight:normal;
    list-style: none;
    padding-left:14px;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family:'Malgun Gothic' !important;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
#page
{  	
    margin-left:auto;
    margin-right:auto;
    width:100%;
    min-height:600px;
    height:100%;
    background:#fff;
}

#pageEmpty
{
    margin:0 auto;
    width:100%;
}

#headerTop
{
    width:100%;
    background:#5A5788;
    height:8px;
}

#headerContainer
{
    width:980px;
    margin:0 auto;
}

#header
{
    margin-left: auto;
    margin-right: auto;
}

#header a:link
{
    text-decoration:none;
}
#header a:visited
{
    text-decoration:none;
}
#header a:hover
{
    text-decoration: underline;
}
#header a:active
{
    text-decoration:underline;
}

.white
{
    color:#fff;
}

.white a:link
{
    text-decoration:none;
    color:#fff;
}
.white a:visited
{
    text-decoration:none;
    color:#fff;
}
.white a:hover
{   
    color:#fff;
    text-decoration: underline;
}
.white a:active
{
    color:#fff;
    text-decoration:underline;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family:NanumGothic;
    font-size: 32px !important;
}

#page
{
    width:980px;
}



#page .menu
{
    padding-left:50px;
    float:left;
}

#page .leftMenu
{
    float:left;
    width:140px;
    background:#fff;
    height:100%;
    min-height:700px;
}

#page .content
{   
    width:770px;
    padding-left:20px;
    float:left;
    padding-bottom:40px;
    background:#fff;
}

#page .content .title
{
    border-bottom:1px solid #ddd; 
    padding-bottom:11px;
}

#page .content .subTitle
{
    padding-top:40px;
}


#page .content .subCaption
{
    padding-top:20px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 10px !important;
    border: 1px solid #CCC !important;
    border-radius:5px;
}

fieldset p 
{
    margin: 2px 11px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"]
{
    border: 1px solid #CCC;
    padding:4px !important;
    width:100%;
    height:20px;
}

input[type="text"].phone
{
    width: 30px;
    border: 1px solid #CCC;
    padding:4px;
    height:20px;
}

input[type="text"].big
{
    width: 140px;
    border: 1px solid #CCC;
    height:16px;
    padding:4px;
    font-weight:bold;
}

input[type="password"].big
{
    width: 140px;
    border: 1px solid #CCC;
	height:16px;
    padding:4px;
}

input[type="password"]
{
    border:1px solid #CCC;
    padding:4px;
    width:100%;
    height:20px;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:10px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
    padding-top:20px;
}

#logindisplay
{
}

#logindisplay a:link
{
    text-decoration: underline;
}

#logindisplay a:visited
{
    text-decoration: underline;
}

#logindisplay a:hover
{
    text-decoration: none;
}

.field-validation-error span
{
    color: #CC0000 !important;
    font-size:11px;
    font-family:NanumGothic;
    
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    background-color: #ffeeee;
    font-size:11px;
    font-family:NanumGothic;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #666666;
}

.validation-summary-errors
{
    font-weight: bold;
    font-size:16px;
    color: #666666;
}

.validation-summary-errors ul
{
	display: inline;
    list-style: none;
}

.validation-summary-valid
{
    display: none;
}

.display-label,
.editor-label
{
    clear:both;
    float:left;
	font-weight:bold;
	padding: 6px 10px;
	text-align: right;
	width:120px;
	height:20px;
	font-size:11px;
}

.clear
{
	clear:both;
}

.display-field input[type="text"],
.display-field input[type="password"],
.editor-field input[type="text"],
.editor-field input[type="password"]
{
	width: 140px;
    border: 1px solid #CCC;
    height:16px !important;
    padding:4px !important;
    font-weight:bold;
}

.editor-field,
.display-field
{
	padding-top:5px;
	padding-bottom:11px;
	font-family:NanumGothic;
}

.display-field div,
.editor-field div
{
	padding-top:6px;
}

/*.display-field input[type="button"],
.editor-field input[type="button"]
{
	margin-top:10px;
}*/


.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

#pager
{
	padding:10px 0 10px 0;
	text-align:right;
}

#pager span
{
	padding:10px;
}

#pager a
{
	padding:10px;
}

div.subMenu
{
    background:#F2F2F2;
    padding:10px; 
    margin-bottom:10px; 
    height:20px;
}

#today a
{
    color:#fff;
    font-size:11px;    
}

#today a:hover
{
    color:#fff;
    font-size:11px;
}

#today a:active
{
    color:#fff;	
    font-size:11px;
}

#today a:link
{
    color:#fff;	
    font-size:11px;
}


.input_white
{
	border:none;
	border:solid 1px #fff;
}


/* Pageslist */	
		
.pageslist
{
	margin:20px 0 50px 0;
	text-align:center;
}
	
.pageslist a,
.pageslist span
{	
	color: #3b6cac;
	font-size: 10px;
	font-weight: bold;		
	padding: 3px 6px;
	margin: 0 5px 0 0;
	background-color: #fff;
	text-decoration: none;
	border: 1px solid #cdd9e9;
	font-family:Tahoma;
}
		
.pageslist a.selected,
.pageslist span.selected,
.pageslist a:active
{
	background-color: #8FC1DA;
	border-color: #87a739;
	background-repeat: repeat-x;
}
.pageslist b
{
	color: #f1fed1 !important;
}

.pageslist a:hover
{
	color: black;
}

.pageslist a:active
{
	top: 1px;
	left: 1px;
}
		
.pageslist .disabled
{
	color: #c9cdd8;
}

.line
{
	color:#ccc;
}

select
{
	width: 150px;
    border: 1px solid #CCC;
    height:30px;
    padding:4px;
}

textarea
{
	border:1px solid #ddd;
	font-size:11px;
	padding:4px;
    width:100%;
}


/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:340px; width:400px; background-color:#fff; border:4px solid #444; padding:11px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; display:block; margin-bottom:11px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/images/button/modal_x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

#createbutton
{
    text-align:center;
    padding:20px 0;
}

.font_red
{
    color:Red;
}

.userinfo
{
    width:10px; 
    height:30px;
}

#login
{
    width:743px; 
    height:156px;
    background:url(/images/shared/login_bk.jpg);
    padding:16px 0 0 44px;
}

a { text-decoration: none;}
ul li { list-style: none;}
ul { padding: 0; margin: 0;}

.situations { float: left;}
.situations ul { float:left;}
.situations li { float: left; margin-right: 20px; padding-left: 12px;}
.situations a { display: inline-block;}

.all_situation { background:url(/images/shared/bg_all.gif) no-repeat left top; width: 980px; height: 37px;display: inline-block; float: left;}
.all_situation li a {background: url(/images/shared/bul_02.gif) no-repeat left 14px; line-height: 37px; padding-left: 12px; color: #fff; font-size: 11px;}
 
.my_situation { background:url(/images/shared/bg_my.gif) no-repeat left top;width: 980px; height: 37px;display: inline-block;}
.my_situation li a { background: url(/images/shared/bul_01.gif) no-repeat left 14px; line-height: 37px; padding-left: 12px;color: #6f639b; font-size: 11px;}
 
.first_tic { float: right !important;}
.first_tic select {width: 65px; margin-left: 7px;font-size: 11px;}
.first_tic a { background: none !important;}
 
.shadow { margin: 0; font-size:0; line-height: 0; float: left;}
.clear { clear: both;}
 
.lemar { margin-left: 225px;}

.sit {border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1; color: #999; font-size: 11px; text-align: center; font-family: NanumGothic; margin: 0 auto;}
.sit tr td { width: 70px; height:30px; border: 1px solid #e1e1e1; border-left: none; border-bottom: none;}
.width_s { width: 20px !important;}
.heigh_s td { height: 16px !important;}
.screen {width: 315px; height: 2px; text-align: center; margin: 0 auto;}


.cinemaregion
{
    padding:4px 4px 4px 10px;
    border-bottom:1px solid #ddd;
    font-weight:bold;
    cursor:pointer;
}

.black:link, .black:hover, .black:active, .black:visited{
    color:black !important;
}

.black span{
    color:black !important;
}

/* TABLE
----------------------------------------------------------*/

.table_list
{
	width:100%;
	border-collapse: collapse;
}


.table_list tr:hover
{
    background:#E8E8E8;	
}

.table_list .modify
{
	width:120px;
	border-collapse: collapse;
}

.table_list thead th
{
    padding:6px;
    font-weight:bold;
	text-align:center;
	border-bottom:solid 1px #ccc;
    border-top:solid 1px #ccc;
	color:#333;
    background:#F2F2F2;
    border-left:solid 1px #ccc;
}

.table_list thead th:last-child
{
    border-right:solid 1px #ccc;
}

.table_list td
{
	text-align:left;
	border-bottom:solid 1px #ccc;
    border-left:solid 1px #ccc;
	padding:6px;
}

.table_list td:last-child
{
    border-right:solid 1px #ccc;
}

.table_view
{
	width:100%;
	border-collapse: collapse;
	border:solid 1px #EAEAEA;
	border-top:solid 1px #EAEAEA;
}

.table_view thead td
{
	height:30px;
	text-align:center;
	border-bottom:solid 1px #EAEAEA;
	color:#333;
}

.table_view thead th
{
	height:30px;
	text-align:center;
	border-bottom:solid 1px #EAEAEA;
	background:#FFBEA0;
	color:#333;
}

.table_view th
{
	height:30px;
	text-align:left;
	border-bottom:solid 1px #EAEAEA;
	color:#333;
	background:#F9F9F9;
	font-weight:normal;
	padding-left:10px;
	font-weight:bold;
}

.table_view td
{
	height:24px;
	padding-left:4px;
	text-align:left;
	border-bottom:solid 1px #EAEAEA;
	padding-left:10px;
	border-left:solid 1px #EAEAEA;
	padding-right:10px;
}

.table_view td.right
{
	border-right:solid 1px #EAEAEA;
}

.date
{
	font-size:11px;
	font-family:Tahoma;
	color:#666;
}

.price
{
	font-size:11px;
	font-family:Tahoma;
	color:#333;
}

.table_search
{
	width:100%;
	border-top:1px solid #999;
	background:#F9F9F9;	
}

.table_search td
{
	padding-left:4px;
	text-align:left;
	padding-left:10px;
	height:40px;
}

.table_search td.title
{
	color:#333;
}

.title
{
	padding-left:10px;
	height:24px;
}
.table_footer
{
	width:100%;
	border-bottom:1px solid #999;
	background:#F9F9F9;
	padding:4px;
}

.table_footer td
{
	padding-left:4px;
	text-align:left;
	padding-left:10px;
	height:36px;
}

.table_footer td.title
{
	color:#333;
}

.tb_idx 	{padding-left:7px}
.tb_padding	{padding:7px 10px 5px 10px}
.tb01	{margin-left:8px;width:545px}/*Å×ÀÌºí ±âº»Å©±â,µé¿©¾²±âÀû¿ë*/
.tb02	{background-color:#D7D7D7;}/*±âº»Å×ÀÌºí ¶óÀθ¸µé±â */
.tb03	{background-color:#E5AEAB;}/*±âº»Å×ÀÌºí ¶óÀθ¸µé±â Red*/
.tb04	{background-color:#BBBBBB;}/*±âº»Å×ÀÌºí ¶óÀθ¸µé±â */
.tb_white{background-color:#FFFFFF;}/*±âº»Å×ÀÌºí ¶óÀθ¸µé±â(2)*/
.tb_gray {background-color:#F7F7F7;}
.tb_gray2 {background-color:#F1F1F1;}
.tb_gray3 {background-color:#E9E9E9;}
.tb_gray4 {background-color:#FAFAFA;}
.tb_gray5 {background-color:#202020;}/*°øÁö»çÇ× ¶óÀÎ1*/
.tb_gray6 {background-color:#E1E1E1;}/*°øÁö»çÇ× ¶óÀÎ2*/

/* Å×À̺í Çʵå */
.tb_fdtop	{font-weight:bold;color:#444444;text-align:center;background-color:#E9E9E9}
.tb_fdleft	{color:#CE0000;background-color:#F7F7F7;padding-left:40px;height:30px}
.tb_fdjoin	{color:#444444;background-color:#F7F7F7;height:30px}/*ȸ¿ø°¡ÀÔ Çʵå */
.tb_fdjoin_red{color:#CE0000;background-color:#FBE5E3;height:30px}/*ȸ¿ø°¡ÀÔ Çʵå Red*/
/* Å×ÀÌºí ¶óÀÎ */
.tb_litop	{border-top:1px solid #D7D7D7}
.tb_libottom{border-bottom:1px solid #D7D7D7}
.tb_liboth	{border-left:1px solid #D7D7D7;border-right:1px solid #D7D7D7}
.tb_lileft	{border-left:1px solid #D7D7D7;}
.tb_liright	{border-right:1px solid #D7D7D7}
.tb_line	{background-color:#D7D7D7}
/* Å×ÀÌºí ¶óÀÎ2 : °ßÀû¼­ °á°ú */
.tb_litop2	{border-top:1px solid #BBBBBB}
.tb_libottom2{border-bottom:1px solid #BBBBBB}
.tb_liboth2	{border-left:1px solid #BBBBBB;border-right:1px solid #BBBBBB}
.tb_lileft2	{border-left:1px solid #BBBBBB;}
.tb_liright2{border-right:1px solid #BBBBBB}
.tb_line2	{background-color:#BBBBBB}

.c11{
    font-size:11px !important;
}

.table_list .disable{
    color:#ccc;
}

.table_list .enable{
    color:#000 !important;
}

#wrap .wrap_content{
    width:800px; 
    margin:0 auto; 
    text-align:left; 
    padding-top:30px;
    min-height:800px;
}

.loginBox{border:1px solid #dedede; width:298px; float:left; position:relative; border:1px solid #dedede; padding:59px; color:#7f7f7f; line-height:18px; letter-spacing:0;}
.loginBox a{color:#878686;}
.loginBox a:hover{color:#ff6600;}

.changupinfo {
    background: url(/images/master/changupinfo.gif) no-repeat left top;
    width: 100px;
    margin: 0;
}

.alert{
    
}

.center{
    text-align:center !important;
}


.hidden{
    display:none;
}

.ticketing_cinema{
    cursor:pointer; height:18px; padding-left:10px; padding-top:2px;
}


.modal {
    display:    none;
    position:   fixed;
    z-index:    99999999;
    top:        50%;
    left:       50%;
    height:     50px;
    width:      50px;
    margin:auto 0 ;
    background: url('/images/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

.backgrounddisable {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
    background: rgba( 0, 0, 0, .6);
    z-index:100000;
}

.backgrounddisable .spinner {
    border: 10px solid #fff; /* Light grey */
    border-top-color: rgba(0,0,0,.2);
    border-right-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.2);
    border-left-color: rgba(255,255,255,.5);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1.5s linear infinite;
    z-index: 99111111;
    position:absolute;
    top:50%;
    left:50%;
}



/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.my_list td {
    padding: 5px;
}


.mb10{
    margin-bottom:10px !important;
}


/*Ãë¼Ò¹öÆ°*/
.btn-cancel, .btn-cancel:active, .btn-cancel:link, .btn-cancel:hover, .btn-cancel:visited {
    color: #000;
    background-color: #eee;
    border-color: #999;
    text-decoration:none;
}

.bold{
    font-weight:bold;
}

.black{
    color:#000;
}

.pt-10{
    padding-top:10px;
}

.cancel{
    text-decoration:line-through;
}

.prodtitle{
    font-size:14px;
}

.pb10{
    padding-bottom:10px !important;
}

span, td{
    font-family:'Malgun Gothic';
}

.prdc_info_column2 .option_case.number .plusminus_wrap {
    float: right;
    vertical-align: top;
}

.option_case.number .plusminus_wrap {
    float: right;
    vertical-align: top;
}


.plusminus_wrap {
    position: relative;
    display: inline-block;
    width: 51px;
    height: 21px;
    margin-top: 0;
    padding: 0 0 0 21px;
    vertical-align: middle;
}

.plusminus_wrap .numbtn_minus {
    position: absolute;
    left: 0;
    top: 2px;
    vertical-align: top;
}

.numbtn_minus {
    width: 21px;
    height: 21px;
    line-height: 21px;
    background: url(/images/product/sp_product.png) no-repeat -231px -3px;
    border: 0 none;
    overflow: hidden;
}

.plusminus_wrap .numbtn_plus {
    position: absolute;
    right: 0;
    top: 2px;
    vertical-align: top;
}

.numbtn_plus {
    width: 21px;
    height: 21px;
    line-height: 21px;
    background: url(/images/product/sp_product.png) no-repeat -262px -3px;
    border: 0 none;
    overflow: hidden;
}

:root .plusminus_wrap input[type='text'] {
    padding: 1px 4px 1px;
}

:root input[type='text'] {
    padding: 1px 4px 3px;
}

:root input[type='text'] {
    padding: 1px 4px 3px;
}

:root input[type='text'] {
    padding: 1px 4px 3px;
}

.plusminus_wrap .text {
    position: absolute;
    left: 21px;
    width: 22px;
    height: 17px;
    padding: 2px 4px 0px;
    margin-top: 2px;
    border: 1px solid #dadada;
    border-left: 0 none;
    border-right: 0 none;
    font: 12px/1.2 Tahoma,'¸¼Àº °íµñ',Malgun Gothic,dotum,sans-serif;
    text-align: center;
    vertical-align: top;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes buyani {
    100%  {color: yellow;
    }
    0% {color: red;
    }
}

/* Standard syntax */
@keyframes buyani {
    100%  {color: yellow;
    }
    0% {color: red;
    }
}

.buyani {    
    color: yellow;
    -webkit-animation-name: buyani; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: buyani; /* Standard syntax */
    animation-duration:1s; /* Standard syntax */
    animation-iteration-count: infinite;
}

.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

#devpageurl {
    background: #000;
    color: #fff;
    padding: 20px;
    z-index: 999999999999999;
    position: fixed;
    bottom: 0;
    width: 100%;
}

    #devpageurl.hidepanel {
        background: #000;
        color: #fff;
        padding: 20px;
        z-index: 999999999999999;
        position: fixed;
        bottom: -190px;
        width: 100%;
    }
.progressButton {
    border: 2px solid #fff; /* Light grey */
    border-top-color: rgba(0,0,0,.2);
    border-right-color: rgba(0,0,0,.2);
    border-bottom-color: rgba(0,0,0,.2);
    border-left-color: rgba(255,255,255,.5);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation: spin 1.5s linear infinite;
    z-index: 99111111;
    position: absolute;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.form{

}

    .form li {
        padding-bottom: 10px;
    }

#voucherinfo {
    background: white;
    border: solid 1px #ddd;
    width: 980px;
    height: 740px;
    position: absolute;
    padding: 10px;
    padding-top:200px;
    text-align: center;
    z-index: 10000000;
}

#voucherinfo div:first-child {
    width: 48%;
    text-align: right;
    padding-right: 5px;
}

#voucherinfo div:last-child {
    width: 48%;
    text-align: left;
    padding-left: 5px;
}