@charset "utf-8";
.page_menu { float: right; margin: 0 0 0 }
.page_menu li.on { float: left; color: #fff; background: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page_menu li { float: left; margin-right: 10px; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; height: 30px; margin: 0 8px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page_menu li i { display: inline-block; margin: 3px 4px 0 0 !important; font-size: 13px !important; color: #666 !important }
.page_menu li.on a { color: #fff }
.page_menu li.on i { display: inline-block; margin: 3px 4px 0 0 !important; font-size: 13px !important; color: #fff !important }
.page_menu li a { text-decoration: none; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page_menu li:hover { background: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.page_menu li:hover a { color: #fff }
.page_menu li:hover i { color: #fff !important }
.fileComment { display: inline-block; width: 100%; float: left; padding: 6px 0; font-size: 13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fileList { float: left; width: 100%; margin: 0 }
.fileList li { float: left; margin-right: 10px; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fileList li a { display: inline-block; vertical-align: top }
.fileList li input { margin-right: 10px }
.tab_wrap > .title_area { float: left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.title_area { float: left; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.title_area .floorNum { position: relative; top: -2px; float: left; font-weight: 600; font-size: 60px; height: 60px; margin-right: 36px; line-height: 60px; color: #333 }
.title_area>h2 { display: block; margin-right: 16px; font-size: 26px; color: #333 }
.title_area>h2 > span { display: inline-block; margin-left: 20px; font-size: 26px; color: #f47320; letter-spacing: 0 }
.title_area>h2 > span > em { font-size: 16px; color: #666 }
.title_area>span { display: inline-block; padding-top: 1px; color: #999 }
.title_area>a { float: right; position: relative; top: -14px; margin: 0 270px 0 0; padding: 3px 16px; display: inline-block; color: #666; background: #f5f5f5; border: 1px solid #dddcdc; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.title_area>a i { color: #999; position: relative; top: 0px; font-size: 12px; }
.title_area>a:hover { color: #666; background: #fff; border: 1px solid #dddcdc; }
.cd-top { display: inline-block; visibility: hidden; overflow: hidden; position: fixed; right: 10px; bottom: 40px; z-index: 1000; width: 40px; height: 40px; background: rgba(255,153,153,0.8) url(../../images/web_a/common/cd-top-arrow.svg) no-repeat center 50%; text-indent: 100%; white-space: nowrap; box-shadow: 0 0 10px rgba(0,0,0,0.05); opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0 .3s; -moz-transition: opacity .3s 0s, visibility 0 .3s; transition: opacity .3s 0s, visibility 0 .3s }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0 0; -moz-transition: opacity .3s 0s, visibility 0 0; transition: opacity .3s 0s, visibility 0 0 }
.cd-top.cd-is-visible { visibility: visible; opacity: 1 }
.cd-top.cd-fade-out { opacity: .5 }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1 }
.cd-top:hover { background-color: #e86256; opacity: 1 }
/*레이어팝업*/
.mw { position: fixed; _position: absolute; top: 0; left: 0; z-index: 1100; width: 100%; height: 100% }
.mw .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
.mw .fg { position: fixed; top: 40%; left: 53%; width: 500px; margin: -10% 0 0 -18%; padding: 20px; border: 2px solid #333; background: #fff; box-shadow: 1px 2px 2px #999 }
.mw .fg .title { padding: 0 0 10px; font-size: 16px; color: #333 }
.mw02 { position: fixed; _position: absolute; top: 0; left: 0; z-index: 1100; width: 100%; height: 100% }
.mw02 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333; opacity: .1; }
.mw02 .fg { position: absolute; top: 40%; left: 50%; width: 500px; margin: -10% 0 0 -16%; padding: 20px; border: 2px solid #333; background: #fff; box-shadow: 1px 2px 2px #999 }
.mw02 .fg .title { padding: 0 0 10px; font-size: 18px; color: #333 }
.mw03 { position: fixed; _position: absolute; top: 0; left: 0; z-index: 1100; width: 100%; height: 100% }
.mw03 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); }
.mw03 .fg { position: absolute; top: 50%; left: 50%; width: 600px; margin: -10% 0 0 -16%; padding: 20px; border: 2px solid #333; background: #fff; border-radius: 10px; }
.mw03 .fg .title { padding: 10px 0; font-size: 18px; color: #333 }
/* 팝업 */
.mw01 { position: fixed; _position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; letter-spacing: -1px }
.mw01 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .2; -ms-filter: alpha(opacity=20) }
/* 팝업 */
.mw01 .fg { position: absolute; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
#pop_box { width: 800px; height: 540px; overflow: auto; margin: 0 auto; background: #fff; border: 1px solid #ccc; border-radius: 10px; padding: 30px 40px 20px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.mw01 .table01 { width: 100%; height: 100%; }
#pop_box .tit_pop { color: #333; font-size: 28px; padding: 0 0 20px 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#pop_box .tit_pop > span { color: #666; font-size: 20px; }
#pop_box .btn_close { display: inline-block; float: right; width: 66px; height: 22px; background: url(../../images/web_a/common/lightbox-btn-close.gif) left top no-repeat; text-indent: -9999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; top: 10px; cursor: pointer }
#pop_box .title { clear: both; color: #333; padding-left: 20px; background: url(../../images/web_a/common/arrow04.gif) left 5px no-repeat; margin: 12px 0 8px 0; font-size: 15px; float: left; font-weight: 600 }
#pop_box02 { width: 100%; height: 100%; overflow: auto; margin: 0 auto; background: #fff; border-radius: 10px; padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.mw01 .table01 { width: 100%; height: 100%; }
#pop_box02 .tit_pop { color: #333; font-size: 28px; padding: 0 0 20px 0; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#pop_box02 .tit_pop > span { color: #666; font-size: 20px; }
#pop_box02 .btn_close { display: inline-block; float: right; width: 66px; height: 22px; background: url(../../images/web_a/common/lightbox-btn-close.gif) left top no-repeat; text-indent: -9999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; top: 10px; cursor: pointer }
#pop_box02 .title { clear: both; color: #333; width: 100%; text-align: left; padding-left: 20px; background: url(../../images/web_a/common/arrow04.gif) left 5px no-repeat; margin: 12px 0 8px 0; font-size: 15px; float: left; font-weight: 600 }
#pop_box02 ul.table02 { width: 100%; float: left; text-align: left }
#pop_box02 ul.table02 li { width: 100%; float: left; margin-bottom: 14px }
/* 사물함 */
.lockerMap { display: inline-block; position: relative; -webkit-transform-origin: top left; -moz-transform-origin: top left; transform-origin: top left; }
.mw .pop_lockerPos { position: fixed; top: 10%; left: 53%; margin: 0 0 0 -18%; z-index: 210; width: 440px; height: 600px; border-radius: 20px; padding: 20px; background: #fff4e8; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mw .pop_lockerPos.password { height: 344px; }
.mw .pop_lockerPos.confirm { height: 436px; }
.mw .pop_lockerPos .title { font-size: 27px; color: #333; margin: 4px 0 12px 10px; }
.mw .pop_lockerPos ul.bumrea { float: left; width: 100%; margin: 0 0 10px 10px }
.mw .pop_lockerPos ul.bumrea li { float: left; color: #333; font-size: 15px; display: inline-block; width: auto; margin-right: 20px }
.mw .pop_lockerPos ul.bumrea li span { width: 20px; height: 16px; border-radius: 3px; margin-right: 8px; }
.mw .pop_lockerPos ul.bumrea li span.able { background: #f58026 }
.mw .pop_lockerPos ul.bumrea li span.disable { background: #8892a0 }
.mw .pop_lockerPos .lockerArea { float: left; width: 100%; border: 1px solid #d3c7b8; background: #fff; border-radius: 4px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mw .pop_lockerPos .lockerArea .locker { margin: 0 auto; width: 260px }
.mw .pop_lockerPos .lockerArea .locker li { float: left; width: 80px; border: 1px solid #eee; margin: 2px; border-radius: 5px; overflow: hidden }
.mw .pop_lockerPos .lockerArea .locker li.none { width: 80px; height: 54px; }
.mw .pop_lockerPos .lockerArea .locker li a { display: inline-block; width: 80px; height: 54px; text-align: center; color: #fff; font-size: 26px; padding-top: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mw .pop_lockerPos .lockerArea .locker li a:active { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2) inset }
.mw .pop_lockerPos .lockerArea .locker li.able a { background: #f58026 }
.mw .pop_lockerPos .lockerArea .locker li.disable a { background: #8892a0 }
.mw .pop_lockerPos .help { float: left; width: 100%; margin: 10px 0 14px 20px; color: #3a2f29; font-size: 14px; }
.mw .pop_lockerPos .help li { }
.mw .pop_lockerPos .useInfor { float: left; width: 100%; margin: 6px 0 0 10px; }
.mw .pop_lockerPos p.stitle { float: left; width: 100%; font-size: 18px; margin: 0 0 8px 0 }
.mw .pop_lockerPos .btn_list { float: left; display: inline-block; margin-bottom: 10px }
.mw .pop_lockerPos .btn_list li { float: left; margin-right: 4px; line-height: 160% }
.mw .pop_lockerPos .btn_list li input { font-size: 22px; height: 42px; padding: 4px 10px 3px; border: 1px solid #ebd6be; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.mw .pop_lockerPos .btn_list li .ui-datepicker-trigger { position: relative; top: -4px; padding: 6px; vertical-align: top; margin-left: 8px; background: none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mw .pop_lockerPos .pop_box { float: left; width: 100%; margin: 0 auto 20px; padding: 5px 10px; border-radius: 10px; background: #38353a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.mw .pop_lockerPos .pop_box p { color: #fff; font-size: 30px; line-height: 140% }
.mw .pop_lockerPos .pop_box p.cardTag { float: left; width: 100%; padding: 20px 40px; }
.mw .pop_lockerPos .pop_box p.cardTag img { float: left; margin-right: 20px; }
.mw .pop_lockerPos .pop_box p.cardTag span { float: left; margin-right: 20px; color: #fff; margin: 20px 0 0 0 }
.mw .pop_lockerPos .pop_box p.comment { color: #fff; font-size: 24px; line-height: 140%; padding: 20px }
.mw .pop_lockerPos .pop_box p > span { color: #FF0 }
.mw .pop_lockerPos .user { margin: 20px; font-size: 20px }
.mw .pop_lockerPos .user li { overflow: hidden; margin-bottom: 4px; padding: 5px 0; color: #fff; white-space: nowrap; text-overflow: ellipsis }
.mw .pop_lockerPos .user li.photo { float: left; height: 100px; margin-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.mw .pop_lockerPos .user li.photo img { width: 62px; height: 74px; }
.mw .pop_lockerPos .user li > span:first-child { display: inline-block; width: 120px; color: #999999 }
.mw .pop_lockerPos p.comment01 { padding: 20px; font-size: 22px; color: #fff; }
.mw .pop_lockerPos p.comment02 { padding-bottom: 4px; font-size: 17px; color: #666; }
.mw .fg .popBtnArea { margin-top: 0px; }
.mw .fg .popBtnArea ul { width: 540px; margin: 0 auto }
.mw .fg .popBtnArea ul li.fl { float: left; }
.mw .fg .popBtnArea ul li.fr { float: right; }
.mw .fg #login_page { padding: 20px 120px 0 !important; margin-bottom: 40px; }
.mw .fg #login_page .rcm { width: 410px }
.mw .fg .lcm { width: 560px !important; }
.mw .fg #login_page .number_pad { padding: 26px 40px 10px }
.btn_area { float: left; width: 100%; margin-top: 10px }
.btn_area li { float: left; width: 49% }
.btn_area li:first-child { float: left; width: 49.5%; margin-right: 1% }
.btn_area li.center { display: table-cell; float: left; width: 100%; text-align: center }
.btn_area li > div.on { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20) inset }
.btn_area li > div.on span { position: relative; top: 1px; left: 1px }
.btn_area li > a.on { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20) inset }
.btn_area li > a.on span { position: relative; top: 1px; left: 1px }
.btn_area .sbtn01 { display: inline-block; width: 100%; height: 40px; margin: 0 auto; padding-top: 7px; border-radius: 5px; font-size: 18px; color: #fff; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer }
.btn_area .sbtn01:active { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.20) inset }
.btn_area .sbtn01:active span { position: relative; top: 1px; left: 1px }
.btnGray { background: #acb3bb; border: 1px solid rgba(0, 0, 0, 0.1); color: #fff; text-shadow: 0 0 3px rgba(0,0,0,.3); }
.btnBasic { background: #eddfd4; color: #5c5050; border: 1px solid rgba(0, 0, 0, 0.1); }
.btnPoint { background: #9a6d6d; color: #fff; border: 1px solid rgba(0, 0, 0, 0.1); }
.btnConfirm { background: #383e4e; color: #fff !important; }
/*************************** 약관확인 및동의 *****************************/
.agreement_comment { width: 100%; text-align: left; overflow: auto; border: solid 1px #ddd; background: #f9f9f9; padding: 10px 20px; margin-bottom: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.agreement { height: 240px; width: 100%; overflow: auto; border: solid 1px #ddd; background: #f9f9f9; padding: 10px; margin-bottom: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.agreement p { line-height: 180%; margin: 10px 0 }
.agreement p span { font-weight: bold; padding-left: 12px; background: url(../../images/web_a/common/arrow00.gif) left 50% no-repeat; }
.agreement p.h2 { border: 1px #ccc solid; padding: 10px; width: 95%; background: #eee; margin-bottom: 20px; background: url(../../images/web_a/common/bg_agreement.gif) left top repeat-x; }
.agreement p.h3 { padding-left: 12px; margin: 0; color: #333; font-size: 16px; font-weight: bold; margin: 15px 0; background: url(../../images/web_a/common/arrow08.gif) left 50% no-repeat; }
.agreement ol { margin-left: 60px; }
.agreement ol li { list-style-type: decimal; }
.agreement_s.member { padding-top: 18px; height: 50px; border: solid 1px #ddd; background: #f9f9f9; }
.agreement_e { padding-top: 18px; height: 110px; border: solid 1px #ddd; background: #f9f9f9; }
.agreement_e.member p { padding-top: 5px; text-align: center; }
.agreement_e.member ol { margin-left: 80px; }
.agreement_e.member ol li { list-style-type: lower-roman; }
.agreement .privacy .tit { font-weight: bold; padding-left: 12px; text-align: left; background: url(../../images/web_a/common/arrow00.gif) left 50% no-repeat; }
.agreement .privacy li { padding: 10px; text-align: left; }
.agreement .privacy .cont01 { padding: 0 0 0 40px }
.agreement .privacy .cont02 { padding: 0 0 0 60px }
.agreement .privacy .cont03 { padding: 0 0 0 80px }
/* 2013.06.28 */
.register_checkBox { margin: 10px 0; }
.register_checkBox li { float: left; margin-right: 16px; line-height: 160%; margin-bottom: 6px; text-align: left; font-size: 12px }
.register_checkBox li.first { margin-left: 14px }
.register_checkBox li span { font-weight: bold }
.register_checkBox li.check { font-size: 14px }
.register_checkBox li.check01 { float: right; margin-top: 10px; font-size: 14px }
.register_checkBox li p.check02 { text-align: right; margin-top: 6px }
.em { font-size: 14px; color: #999; margin-right: 4px; font-weight: 600 }
/*로딩*/
.mw04 { position: fixed; _position: absolute; top: 0; left: 0; z-index: 1100; width: 100%; height: 100% }
.mw04 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .8; }
.mw04 .fg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.loadTxt { font-size: 13px; display: inline-block; margin-top: 10px; color: #ccc; text-align: center }
.xi-spin { width: 44px; height: 44px; font-size: 44px; transform-origin: 50% 50%; }
.clearfix { margin: 0 auto; width: 120px; }
/* 버튼 */
.btn_area { float: left; width: 100%; margin-top: 14px }
.btn_area li { float: left; width: 49% }
.btn_area li:first-child { float: left; width: 49.5%; margin-right: 1% }
.btn_area li.center { display: table-cell; float: left; width: 100%; text-align: center }
.btn_area li > div.on { box-shadow: 3px 3px 5px rgba(0,0,0,0.20) inset }
.btn_area li > div.on span { position: relative; top: 1px; left: 1px }
.btn_areaCn { float: left; width: 100%; margin-top: 14px }
.btn_areaCn li { float: left; width: 33% }
.btn_areaCn li:first-child { float: left; width: 33%; margin-right: 1% }
.btn_areaCn li.center { display: table-cell; float: left; width: 100%; text-align: center }
.btn_areaCn li > div.on { box-shadow: 3px 3px 5px rgba(0,0,0,0.20) inset }
.btn_areaCn li > div.on span { position: relative; top: 1px; left: 1px }
.btn_areaSe { float: left; width: 100%; margin-top: 14px }
.btn_areaSe li { float: left; width: 49% }
.btn_areaSe li:first-child { float: left; width: 49%; margin-right: 1% }
.btn_areaSe li > div.on { box-shadow: 3px 3px 5px rgba(0,0,0,0.20) inset }
.btn_areaSe li > div.on span { position: relative; top: 1px; left: 1px }
.btn_area02 > div { float: left; width: 228px }
.btn_area02 > div.on { box-shadow: 3px 3px 5px rgba(0,0,0,0.20) inset }
.btn_area02 > div.on span { position: relative; top: 1px; left: 1px }
.btn_area02 > a { display: inline-block; float: left; width: 228px }
.btn_area02 > a.on { box-shadow: 3px 3px 5px rgba(0,0,0,0.20) inset }
.btn_area02 > a.on span { position: relative; top: 1px; left: 1px }
.sbtn01 { display: inline-block; width: 100%; height: 40px; margin: 0 auto; padding-top: 5px; border-radius: 5px; font-size: 18px; color: #fff; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btnBasic { background: #999; color: #fff !important; border: 1px solid #888 }
.btnBasic:hover { background: #666; color: #fff !important; border: 1px solid #888 }
.btnConfirm { background: #d70453; color: #fff !important; border: 1px solid rgba(0,0,0,.2) }
.btnConfirm:hover { background: #d70453; color: #fff !important; border: 1px solid rgba(0,0,0,.2) }
/* 팝업 */
.fg { text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.fg > p { margin: 0 0 0 10px; font-size: 24px }
.fg p .btn_close { position: absolute; top: 20px; right: 20px; text-align: center; font-size: 24px; color: #fff; border-radius: 5px; margin: 0; width: 40px; height: 30px; line-height: 120%; background: #d70453; }
.fg p .btn_close:active { background: #e0301e; box-shadow: 2px 2px 3px rgba(0,0,0,0.20) inset }
.fg .pop_box { float: left; width: 100%; margin: 4px auto 10px; border-radius: 5px; background: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.fg .error01 { margin: 20px 10px; font-size: 26px; line-height: 140%; color: #fff }
.fg .pop_box p { color: #fff; font-size: 30px; line-height: 140% }
.fg .pop_box p.cardTag { float: left; width: 100%; padding: 20px 40px; }
.fg .pop_box p.cardTag img { float: left; margin-right: 20px; }
.fg .pop_box p.cardTag span { float: left; margin-right: 20px; color: #fff; margin: 20px 0 0 0 }
.fg .pop_box p > span { color: #FF0 }
.fg .user { margin: 10px 20px; font-size: 16px }
.fg .user li { overflow: hidden; padding: 4px 0; color: #fff; white-space: nowrap; text-overflow: ellipsis }
.fg .user li.photo { float: left; height: 110px; margin-top: 4px; margin-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.fg .user li.photo img { width: 62px; height: 74px; border-radius: 3px; }
.fg .user li > span:first-child { display: inline-block; width: 80px; color: #999 }
.fg p.comment01 { padding: 20px; font-size: 26px; color: #fff; }
.fg p.comment02 { padding-bottom: 2px; font-size: 16px; color: #666; }
.fg p.comment04 { position: relative; bottom: -10px; height: 200px; margin-left: 30px; padding: 10px 20px 10px 150px; background: url(../../images/web_a/common/ico_smile.png) left bottom no-repeat; font-size: 20px; line-height: 140%; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fg p.comment04 > span:first-child { display: inline-block; margin-top: 10px; font-size: 36px }
.fg .btn_area li > div.btnConfirm { background: #06c; }
.fg .btn_area li > a.btnConfirm { background: #06c; }
.fg .btn_area li > div.btnOk { background: #06c; }
.fg .btn_area li > a.btnOk { background: #06c; }
.fg .btn_area li > div.btnConfirm { background: #06c; }
.fg .btn_area li > a.btnConfirm { background: #06c; }
.fg .btn_area li > div.btnOk { background: #06c; }
.fg .btn_area li > a.btnOk { background: #06c; }
.saladFin { float: left; width: 500px }
/*톱버튼*/
.cd-top { display: inline-block; visibility: hidden; overflow: hidden; position: fixed; right: 30px; bottom: 40px; z-index: 100; width: 40px; height: 40px; border-radius: 10px; background: rgba(255,153,153,0.8) url(../../images/web_a/common/cd-top-arrow.svg) no-repeat center 50%; text-indent: 100%; white-space: nowrap; box-shadow: 0 0 10px rgba(0,0,0,0.05); opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0 .3s; -moz-transition: opacity .3s 0s, visibility 0 .3s; transition: opacity .3s 0s, visibility 0 .3s }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0 0; -moz-transition: opacity .3s 0s, visibility 0 0; transition: opacity .3s 0s, visibility 0 0 }
.cd-top.cd-is-visible { visibility: visible; opacity: 1 }
.cd-top.cd-fade-out { opacity: .5 }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1 }
.cd-top:hover { background-color: #e86256; opacity: 1 }

/*맵부스*/
.map_box div.booth { position: absolute; font-size: 13px; overflow: hidden; line-height: 120%; transform-origin: 50% 50%; border-radius: 6px; }
.map_box .on { background: #ef568d; color: #fff;}
.map_box div.booth span { position: relative; padding: 0 1px; width: 100%; display: flex; align-items: center; text-align: center; transform-origin: 50% 50%;}
.map_box div.booth span em { position: absolute; transform: translateX(-50%); left: 50%; width: 100%;}
.mapArea .seat { background: #ff5793; color: #fff;}