@charset "utf-8";
.cd-top { display: inline-block; visibility: hidden; overflow: hidden; position: fixed; right: 40px; bottom: 240px; z-index: 1000; width: 40px; height: 40px; border-radius: 10px; background: rgba(63, 69, 129, 0.8) url(../images/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: #3f4581; opacity: 1 }
.cd-top:hover { background-color: #3f4581; opacity: 1 }
.bbs_list { clear: both; width: 100%; }
.bbs_list { width: 100%; border-collapse: collapse; border-top: 1px solid #333; background: #fff; table-layout: fixed }
.bbs_list caption { display: none }
.bbs_list th { padding: 6px 0; border: solid 1px #ddd; background: #f5f5f5; color: #333; text-align: center }
.bbs_list td { padding: 4px 0; border: solid 1px #ddd; color: #333; text-align: center; }
.bbs_list td ul.list_input { }
.bbs_list td ul.list_input.setTime { width: 270px; margin: 0 auto }
.bbs_list td ul.list_input li { float: left }
.bbs_list.confirm { font-size: 18px; border-top: 3px solid #28303b }
.bbs_list.confirm thead { }
.bbs_list thead th { padding: 12px 0; background: #f9f9f9 }
.bbs_list.confirm td.infor { }
.bbs_list td { padding: 8px 14px;  }
.bbs_list td.left { text-align: left }
.bbs_list.confirm td.infor { }
.bbs_list td { padding: 8px 4px }
.bbs_list.confirm td.infor > p { font-weight: 600; padding: 2px }
.bbs_list.confirm td.infor > p.cancel { color: #555 }
.bbs_list.confirm td.infor > p.reserv { color: #087ab9; }
.bbs_list.confirm td.infor > a { width: 90%; margin: 4px auto; padding: 6px 0; border-radius: 3px }
.bbs_list.print { font-size: 18px; border-top: 3px solid #28303b; margin-bottom: 30px; }
.bbs_list.print thead { }
.bbs_list.print thead th { padding: 12px 0; text-align: left }
.bbs_list.print td.infor { }
.bbs_list.print th { padding: 8px 10px 8px 30px; text-align: left }
.bbs_list.print td { padding: 8px 30px; text-align: left }
.bbs_list.print td.infor > p { font-weight: 600; padding: 2px }
.bbs_list.print td.infor > p.cancel { color: #555 }
.bbs_list.print td.infor > p.reserv { color: #087ab9; }
.bbs_list.print td.infor > a { width: 90%; margin: 4px auto; padding: 6px 0; border-radius: 3px }
.btn { display: inline-block; cursor: pointer }
.btn.small { padding: 1px 18px 2px; font-size: 15px }
.btn.long { padding: 10px 40px 10px; font-size: 18px }
.btn.confirm { background: #087ab9; color: #fff }
.btn.confirm:hover { background: #00659c }
.btn.basic { background: #aaa; color: #fff }
.btn.basic:hover { background: #999; color: #fff }
/*레이어팝업*/
.mw { position: fixed; z-index: 1100; top: 0; left: 0; width: 100%; height: 100% }
.mw .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); animation: fadein 300ms ease-out; -moz-animation: fadein 300ms ease-out; -webkit-animation: fadein 300ms ease-out; -o-animation: fadein 300ms ease-out; }
.mw .fg { position: absolute; top: 50%; left: 50%; width: auto; background: #fff; transform: translate(-50%, -50%); box-shadow: 1px 1px 5px rgba(0,0,0,.1); animation: fadeinTop 300ms ease-out; -moz-animation: fadeinTop 300ms ease-out; -webkit-animation: fadeinTop 300ms ease-out; -o-animation: fadeinTop 300ms ease-out; }
/*.mw .fg p.title { padding: 0 0 6px; font-size: 18px; color: #333 }*/
.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 .lcm { width: 560px !important; }
/**/
.mw .fg.xsmall { width: 320px }
.mw .fg.small { width: 410px }
.mw .fg.midium { width: 480px }
.mw .fg.large { width: 560px }
.mw .fg.xlarge { width: 640px }
.mw .fg.xxlarge { width: 720px }
/**/
.mw .fg #login_page { margin-bottom: 40px; padding: 20px 120px 0 !important; }
.mw .fg #login_page .rcm { width: 410px }
.mw .fg #login_page .number_pad { padding: 26px 40px 10px }
/* 팝업 */
.fg { text-align: left; }
.fg > p { }
.fg > p.title { height: 48px; display: flex; align-items: center; padding-left: 80px; font-size: 22px; color: #fff; background: #2d2d3c url("../images/common/ico-popup-title.png") no-repeat left top; }
.fg > p .btn_close { position: absolute; top: 20px; right: 20px; width: 40px; height: 30px; margin: 0; border-radius: 6px; background: #0076c2; color: #fff; font-size: 24px; text-align: center; line-height: 120%; cursor: pointer; display: none }
.fg > p .btn_close:active { background: #e0301e; box-shadow: 2px 2px 3px rgba(0,0,0,0.20) inset }
.fg .pop_box { position: relative; float: left; width: 100%; margin: 4px auto 10px; padding: 20px 26px; background: #fff; line-height: 140%; font-size: 16px }
.fg .pop_box.alert { float: left; width: 100%; border: none; border-radius: 0; background: #fff; text-align: center; }
.fg .error01 { margin: 20px 10px; font-size: 26px; line-height: 140%; color: #fff }
.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 .pop_box p.comment { padding: 10px; color: #232B33; font-size: 18px; line-height: 140% }
.fg .pop_box .myReser_list { margin: 20px; font-size: 16px }
.fg .pop_box .myReser_list li { margin: 10px 0 0 0 }
.fg .pop_box li.comt { margin-bottom: 10px; padding-bottom: 10px; }
.fg .pop_box li.comt > p { color: var(--text-black03-color); font-size: 15px; line-height: 140% }
.fg .pop_box .popContList { font-size: 18px; line-height: 140%; }
.fg .pop_box > div.txt { color: var(--text-black02-color); font-size: 15px; line-height: 140%; padding: 20px 0px }
.fg .pop_box .btn-close { position: absolute; bottom: -10px; right: -70px; font-size: 30px; color: #fff; border: 3px solid #fff; padding: 10px; }
.fg .pop_box .btn-close:hover { color: #fdea00; border: 3px solid #fdea00; }
.fg p.alarm { display: flex; padding: 20px 20px; color: #232B33; font-size: 18px; align-items: center; justify-content: center; flex-direction: column; line-height: 140% }
.fg p.alarm > img { width: 80px }
.fg p.alarm > span { padding: 20px 20px 10px; color: var(--text-black02-color); font-size: 18px; line-height: 140% }
.fg .user { }
.fg .user li { padding: 3px 0; overflow: hidden; color: #232B33; white-space: nowrap; text-overflow: ellipsis }
.fg .user li.photo { float: left; margin-right: 20px; }
.fg .user li.photo img { width: 62px; height: 74px; border-radius: 6px; border: 1px solid rgba(0,0,0,.1); background: #f5f5f5; }
.fg .user li > span:first-child { display: inline-block; width: 70px; color: #999 }
.fg .person_num { float: left; padding: 14px 20px; font-size: 16px; width: 100% }
.fg .person_num li { display: flex; float: left; width: 100%; padding: 4px 0; color: #232B33; align-items: center; }
.fg .person_num li span { float: left }
.fg .person_num li > span:first-child { display: inline-block; width: 70px; color: #999 }
.fg .person_num li span ul.num { float: left }
.fg .person_num li span ul.num li { float: left; width: auto; margin-right: 10px; }
.fg .person_num li span ul.num li:last-child { float: left; width: auto; margin-right: 0px; }
.fg .person_num li.num { margin-top: 14px; padding-top: 14px; border-top: 1px solid #eee; }
.fg .person_num li.num span.txt { color: var(--text-black02-color) }
.fg .person_num li span ul.num li:first-child::after { position: relative; top: 0; left: 4px; content: "@"; color: var(--text-black02-color); }
.fg .comment { margin: 0; color: var(--text-black01-color); font-size: 16px; }
.fg .comment01 { margin: 0; color: var(--text-black01-color); font-size: 18px; line-height: 140%; }
.fg .comment02 { margin: 0; padding: 4px; color: #666; font-size: 14px; clear: both; }
.fg .comment03 { }
.fg .comment04 { position: relative; height: 240px; margin-left: 30px; padding: 20px 20px 20px 160px; overflow: auto; background: url(../../images/web_a/common/ico_smile.png) left 16px no-repeat; color: var(--text-black01-color); font-size: 18px; line-height: 140%; }
.fg .comment04 > span:first-child { display: inline-block; margin-top: 10px; font-size: 36px }
.fg .btnArea { margin-top: 10px }
.popupCheck { float: right; margin-bottom: 10px }
.construction { display: flex; align-items: center; justify-content: center; padding: 100px 0; }
.fadeinTop { animation: fadeinTop 300ms ease-out; -moz-animation: fadeinTop 300ms ease-out; -webkit-animation: fadeinTop 300ms ease-out; -o-animation: fadeinTop 300ms ease-out; }
@keyframes fadeinTop { from {
opacity:0;
top: 52%;
}
to { opacity: 1; top: 50%; }
}
@-moz-keyframes fadeinTop { from {
opacity:0;
top: 52%;
}
to { opacity: 1; top: 50%; }
}
@-webkit-keyframes fadeinTop { from {
opacity:0;
top: 52%;
}
to { opacity: 1; top: 50%; }
}
@-o-keyframes fadeinTop { from {
opacity:0;
top: 52%;
}
to { opacity: 1; top: 50%; }
}
.fadein { animation: fadein 300ms ease-out; -moz-animation: fadein 300ms ease-out; -webkit-animation: fadein 300ms ease-out; -o-animation: fadein 300ms ease-out; }
@keyframes fadein { from {
opacity:0;
}
to { opacity: 1; }
}
@-moz-keyframes fadein { from {
opacity:0;
}
to { opacity: 1; }
}
@-webkit-keyframes fadein { from {
opacity:0;
}
to { opacity: 1; }
}
@-o-keyframes fadein { from {
opacity:0;
}
to { opacity: 1; }
}