@charset "utf-8";
body, button, input, select, table, textarea { font-family: nanum gothic, Tahoma, Geneva, sans-serif; font-size: 12px }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
body { position: relative; word-wrap: break-word }
a img { border: 0 }
[hidden] { display: none }
.xe_content img { max-width: 100%; height: auto }
@media \0screen {
  img { max-width: none }
}
.xe-clearfix:after, .xe-clearfix:before { content: " "; display: table }
.xe-clearfix:after { clear: both }
.xe-clearfix { zoom: 1 }
.xe-widget-wrapper { overflow: hidden }
#popup_menu_area { position: absolute; margin: 10px 0; padding: 10px; border: 1px solid #e9e9e9; border-radius: 3px; font-size: 12px; box-shadow: 0 0 6px #666; filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=135, strength=5); background: #fff }
#popup_menu_area ul { margin: 0; padding: 0; list-style: none }
#popup_menu_area li { margin: 0; padding: 0; line-height: 1.25 }
#popup_menu_area a { display: block; padding: 1px 3px; border-radius: 2px; text-decoration: none; color: #333 }
#popup_menu_area a:active, #popup_menu_area a:focus, #popup_menu_area a:hover { color: #fff; background: #666 }
.message { position: relative; margin: 1em 0; padding: 0 1em; border: 1px solid #ddd; border-radius: 4px; line-height: 1.4; font-size: 13px; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); background-color: #f8f8f8 }
body>.message { margin: 1em }
.message p { margin: 1em 0 !important }
.message.info { border-color: #BCE8F1; color: #3A87AD; background-color: #D9EDF7 }
.message.error { border-color: #EED3D7; color: #B94A48; background-color: #F2DEDE }
.message.update { border-color: #D6E9C6; color: #468847; background-color: #DFF0D8 }
.wfsr { z-index: 100; display: none; position: fixed; left: 0; top: 0; right: 0; margin: 0; padding: 20px 0 0; border-bottom: 1px solid #ccc; text-align: center; font: 700 16px/60px "Helvetica Neue", Helvetica, Arial, 돋움, Dotum, sans-serif; color: #fff; opacity: .8; filter: alpha(opacity=80); box-shadow: 0 0 5px #000; background: #333 url(../../common/img/msg.loading.gif) no-repeat center 15px }
.btnArea { clear: both; margin: 10px 0; padding: 0; text-align: right; zoom: 1 }
.btnArea:after { clear: both; display: block; content: "" }
.btn { display: inline-block; *display: inline; margin: 0; padding: 0 12px !important; height: 24px !important; overflow: visible; border: 1px solid #bbb; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); border-bottom-color: #a2a2a2; border-radius: 2px; text-decoration: none !important; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, .75); vertical-align: top; line-height: 24px !important; font-family: inherit; font-size: 12px; color: #333; *zoom: 1; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(top, #fff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) }
button.btn, input.btn { height: 26px !important }
.btn:active, .btn:hover, .btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9 }
.btn>a, .btn>button, .btn>input, .btn>span { display: inline-block; *zoom: 1; margin: 0 -12px !important; padding: 0 12px !important; overflow: visible; width: auto; height: 24px; border: 0; vertical-align: top; text-decoration: none !important; line-height: 24px; font-family: inherit; font-size: 12px; color: #333; cursor: pointer; background: 0 0 }
.btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; white-space: nowrap; vertical-align: middle; font-size: 0; *zoom: 1 }
.btn-group:first-child { *margin-left: 0 }
.btn-group+.btn-group { margin-left: 5px }
.btn-group>.btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }
.btn-group>.btn+.btn { margin-left: -1px }
.btn-group>.btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px }
.btn-group>.btn:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px }
.btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 2 }

/*modal*/
.modal-backdrop.in { opacity: 0 !important; filter: alpha(opacity=50); }
#floatingBanner { width: 100%; right: 0px; left: inherit; }
#floatingBanner .modal-title { font-size: 22px; }
#floatingBanner .modal-title::after { border: 0px; margin: 0px; padding: 0px; }
#floatingBanner .modal-body { padding-top: 5px; }
#floatingBanner p { font-size: 15px; font-weight: 400; margin-bottom: 0px; padding-bottom: 10px; word-break: keep-all; }
#floatingBanner .form-control { border: 2px solid rgba(0, 0, 0, .1); border-left: 0px; border-right: 0px; background: rgba(255, 255, 255, .5); border-radius: 0; box-shadow: none; height: auto; line-height: 1.33333; padding: 12px 18px; }
#floatingBanner .form-control::placeholder { color: #666; }
#floatingBanner .modal-dialog { position: fixed; bottom: 20px; right: 40px; margin: 0; width: 360px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; font-size: 14px; scale: 80%; transform-origin: right bottom; }
#floatingBanner.in .modal-dialog { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
#floatingBanner .btn.btn-lg { padding: 10px 32px !important; font-size: 18px; line-height: 1.3333333 !important; border-radius: 18px; height: auto !important; }
#floatingBanner .underline { text-decoration: underline !important; text-underline-position: under !important; }
#floatingBanner .btn-primary, #floatingBanner .btn-primary:hover, #floatingBanner .btn-primary:focus, #floatingBanner .btn-primary:active, #floatingBanner .btn-primary.active, #floatingBanner .btn-primary.focus, #floatingBanner .btn-primary:active, #floatingBanner .btn-primary:focus, #floatingBanner .btn-primary:hover, #floatingBanner .open>.dropdown-toggle.btn-primary { background-color: #000 ! important; border: 1px solid #000 ! important; }
#floatingBanner .checkbox { font-size: 12px; }
#floatingBanner input[type="checkbox"] { margin: 6px 0 0 -20px; }
#floatingBanner #hideForDay { font-size: 14px; cursor: pointer; }
.form-group label.error { color: #b71828; display: block !important; font-weight: 400; font-size: 9px; line-height: 11px; padding-left: 20px; }

/*floatingBanner2*/

/*#floatingBanner2 { bottom: -10px; left: calc(50% - 860px); top: inherit; right: inherit; }*/
#floatingBanner2 { width: 50%; }
#floatingBanner2 .modal-title { font-size: 20px; padding-top: 200px; }
#floatingBanner2 .modal-title::after { border: 0px; margin: 0px; padding: 0px; }
#floatingBanner2 .modal-body { padding-top: 5px; }
#floatingBanner2 p { font-size: 14px; font-weight: 400; margin-bottom: 0px; padding-bottom: 10px; }
#floatingBanner2 .form-control { border: 2px solid rgba(0, 0, 0, .1); border-left: 0px; border-right: 0px; background: rgba(255, 255, 255, .5); border-radius: 0; box-shadow: none; height: auto; line-height: 1.33333; padding: 12px 18px; }
#floatingBanner2 .form-control::placeholder { color: #666; }
#floatingBanner2 .modal-dialog { position: fixed; bottom: 20px; left: 40px; margin: 0; width: 360px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; font-size: 14px; scale: 80%; transform-origin: right bottom; }
#floatingBanner2.in .modal-dialog { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
#floatingBanner2 .btn.btn-lg { padding: 10px 32px !important; font-size: 18px; line-height: 1.3333333 !important; border-radius: 18px; height: auto !important; }
#floatingBanner2 .underline { text-decoration: underline !important; text-underline-position: under !important; }
#floatingBanner2 .btn-primary, #floatingBanner2 .btn-primary:hover, #floatingBanner2 .btn-primary:focus, #floatingBanner2 .btn-primary:active, #floatingBanner2 .btn-primary.active, #floatingBanner2 .btn-primary.focus, #floatingBanner2 .btn-primary:active, #floatingBanner2 .btn-primary:focus, #floatingBanner2 .btn-primary:hover, #floatingBanner2 .open>.dropdown-toggle.btn-primary { background-color: #000 ! important; border: 1px solid #000 ! important; }
#floatingBanner2 .checkbox { font-size: 12px; }
#floatingBanner2 input[type="checkbox"] { margin: 6px 0 0 -20px; }
#floatingBanner2 .kakao-arrow { width: 15px; margin: 0 10px; }
#floatingBanner2 #hideForDay2 { font-size: 12px; cursor: pointer; }
#floatingBanner2 .btn-wrap { padding: 20px 0 0; }

/*round-button*/
.round-button { display: none; }
.round-button2 { display: none; }
/*.round-button3 { width: 100%; max-width: 288px; cursor: pointer; position: fixed; bottom: 550px; left: 40px; z-index: 1000; border: 0; padding: 0; margin: 0; background: transparent; }*/
.round-button3 { width: 100%; max-width: 288px; cursor: pointer; position: fixed; bottom: 100px; left: 40px; z-index: 1000; border: 0; padding: 0; margin: 0; background: transparent; }
.round-button img, .round-button2 img, .round-button3 img { width: 100%; }

/*floatingBanner3*/
#floatingBanner3 { width: 100%; left: 0px; right: inherit; }
#floatingBanner3 .modal-title { font-size: 22px; }
#floatingBanner3 .modal-title::after { border: 0px; margin: 0px; padding: 0px; }
#floatingBanner3 .modal-body { padding-top: 5px; }
#floatingBanner3 p { font-size: 15px; font-weight: 400; margin-bottom: 0px; padding-bottom: 10px; word-break: keep-all; }
#floatingBanner3 .form-control { border: 2px solid rgba(0, 0, 0, .1); border-left: 0px; border-right: 0px; background: rgba(255, 255, 255, .5); border-radius: 0; box-shadow: none; height: auto; line-height: 1.33333; padding: 12px 18px; }
#floatingBanner3 .form-control::placeholder { color: #666; }
#floatingBanner3 .modal-dialog { position: fixed; bottom: 20px; left: 40px; margin: 0; width: 360px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; font-size: 14px; scale: 80%; transform-origin: left bottom; }
#floatingBanner3.in .modal-dialog { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
#floatingBanner3 .btn.btn-lg { padding: 10px 32px !important; font-size: 18px; line-height: 1.3333333 !important; border-radius: 18px; height: auto !important; }
#floatingBanner3 .underline { text-decoration: underline !important; text-underline-position: under !important; }
#floatingBanner3 .btn-primary, #floatingBanner3 .btn-primary:hover, #floatingBanner3 .btn-primary:focus, #floatingBanner3 .btn-primary:active, #floatingBanner3 .btn-primary.active, #floatingBanner3 .btn-primary.focus, #floatingBanner3 .btn-primary:active, #floatingBanner3 .btn-primary:focus, #floatingBanner3 .btn-primary:hover, #floatingBanner3 .open>.dropdown-toggle.btn-primary { background-color: #000 ! important; border: 1px solid #000 ! important; }
#floatingBanner3 .checkbox { font-size: 12px; }
#floatingBanner3 input[type="checkbox"] { margin: 6px 0 0 -20px; }
#floatingBanner3 #hideForDay { font-size: 12px; cursor: pointer; }
@media screen and (max-width:640px) {
  #xe_popup333182 { display: none !important; }
  .round-button { width: 35%; cursor: pointer; position: fixed; bottom: 20px; left: 5px; z-index: 1070; border: 0; padding: 0; margin: 0; background: transparent; }
  .round-button2 { width: 32%; cursor: pointer; position: fixed; bottom: 60px; left: 5px; z-index: 1070; border: 0; padding: 0; margin: 0; background: transparent; }
  .round-button3 { display: none; }
  #floatingBanner { width: 60%; }
  #floatingBanner .modal-dialog { right: 0px; scale: 65%; transform-origin: right bottom; }
  #floatingBanner2 { bottom: 0; left: 0; top: inherit; right: inherit; }
  #floatingBanner2 .modal-dialog { position: fixed; bottom: 20px; left: 0px; margin: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; font-size: 14px; scale: 80%; transform-origin: left bottom; }
  #floatingBanner2.in .modal-dialog { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
  #floatingBanner3 .modal-dialog { right: 0px; scale: 65%; transform-origin: right bottom; }
  #floatingBanner3.in .modal-dialog { transform: translateX(10px); }
}
@media screen and (max-width:400px) {
  #floatingBanner3.in .modal-dialog { transform: translateX(-40px); }
}
@media screen and (max-width:320px) {
  #floatingBanner3.in .modal-dialog { transform: translateX(-130px); }
}