
.captchar-img { max-width: 100%; }
.daterangepicker .calendar-time { font-size: 12px; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    -webkit-appearance: textfield;
}
/* ¿¹¾àÈ®ÀÎ¸ð´ÞÃ¢ */
.ui-widget-content { border-color:#ccc; background:#fff; color:#545454; border-radius:0; font-size:14px; padding:0; }
.ui-dialog .ui-dialog-titlebar { border:none; background:none; color:#232323; border-radius:0; font-weight:normal; padding:0; font-size:16px; margin:10px; border-bottom:1px solid #ccc; padding-bottom:10px; }
.ui-dialog .ui-dialog-titlebar-close { border:0; background:none; font-weight:normal; color:#00529b; border-radius:0; }
.ui-state-default .ui-icon { background:url('/images/contents/btn_close_01.png') no-repeat center; top:5px; }
.ui-widget input { border-radius:0; }
#dialog { margin:0 0 10px; }
.ui-widget-overlay { background:rgba(0,0,0,0.6); opacity:1; }
#dialog .ui-state-default { border-radius:0; border-color:#00529b; background:none; font-weight:normal; color:#00529b; -webkit-transition:all 0.5s; transition:all 0.5s; }
#dialog .ui-state-default:hover { background-color:#00529b; color:#fff; }

@-webkit-keyframes animatetop { 	
    from { opacity:0; top:-300px; }
	to { opacity:1; top: 0; }
}
@keyframes animatetop { 	
    from { opacity:0; top:-300px; }
	to { opacity:1; top: 0; }
}

/**************************************************
*   »ó¼¼º¸±â
**************************************************/
@media (min-width:0) {
    .fsp-popup { display:none; background:rgba(255, 255, 255, 0.99); bottom:0px; left:0px; overflow-x:hidden; overflow-y:auto; position:fixed; right:0px; top:0px; z-index:9999; }
    #popup-board { display:none; }
    #popup-board .logo { background-color:#ffffff; position:fixed; width:100%; z-index:2; border-bottom:1px solid #ccc; }
    #popup-board .logo .inner { padding:0; }
    #popup-board .logo h1 { display:inline-block; float:left; }
    #popup-board .logo a { color:#545454; width:auto; height:35px; display:inline-block; font-size:18px; font-weight:bold; padding:5px 10px; text-align:center; margin:5px 0; }
    #popup-board .logo a img { vertical-align:text-bottom; width:auto; }
    
    #popup-board .logo span { cursor:pointer; display:inline-block; height:15px; margin-right:30px; margin-top:15px; width:15px; float:right; }
    
    #popup-board .section { margin-top:15px; }
    #popup-board .info { border-collapse:collapse; table-layout:fixed; width:100%; }
    #popup-board .info tr { box-sizing:border-box; }
    #popup-board .info th, #popup-board .info td { padding:15px 0; }
    #popup-board .info td.text-right { text-align:right; }
    #popup-board .info th { border-bottom:2px solid #272727; border-top:2px solid #272727; font-size:16px; font-weight:300; }
    #popup-board .info td { border-bottom:1px solid #272727; }
    #popup-board .info th.title { font-weight:400; overflow:hidden; text-align:left; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 190px); color:#333; }
    #popup-board .info th.name { text-align:left; width:45px; color:#666; }
    #popup-board .info th.date { background:url("/images/contents/bg_bar_01.png") no-repeat 3px 50%; text-align:right; width:80px; color:#666; }
    #popup-board .info td img.responsive { height:auto; }
    #popup-board .info td p { font-size:14px; line-height:1.6; text-align:left; color:#666; }
    #popup-board .info th.name { font-size:14px; }
    #popup-board .info th.date { font-size:14px; }
    #popup-board .info td.text-right { font-size:14px; }
}
@media (min-width:992px) { 	
    #popup-board .logo a { font-size:20px; height:40px; }
    #popup-board .logo span { margin-right:15px; }
    #popup-board .info th.name .pc-only { display:inline-block; }
    #popup-board .info th.date .pc-only { display:inline-block; }
    #popup-board .info th.title { width:calc(100% - 230px); padding-left:10px; }
    #popup-board .info th.name { width:100px; }
    #popup-board .info th.date { width:130px; }
}
@media (min-width:1024px) { 	
    #popup-board .info tr { padding:0 10px; }
	#popup-board .info th, #popup-board .info td { box-sizing:border-box; padding:15px 0; }
	#popup-board .info td p { font-size:16px; }
	#popup-board .info th.date { background:url("/images/contents/bg_bar_01.png") no-repeat 0 50%; }
	#popup-board .info td.text-right { font-size:16px; }
}
@media (min-width:1280px) { 	
    #popup-board .info tr { padding:0 15px; }
	#popup-board .info th, #popup-board .info td { padding:15px 0; }
}

.captchaimgbox { width: 200px; height: 100px; }
#popup-board, .fsp-opoup { display: block; }
.board_content img, .responsive { width: auto; height: auto; max-width: 100%; }
.modalWrap { display: flex; width: 100%; height: 100%; padding: 50px 5px; }
.modalWrap .modal-content { margin: auto; width: 100%; max-width:950px; }
.modal-content { animation-duration:0.8s; animation-name:animatetop; -webkit-animation-duration:0.8s; -webkit-animation-name:animatetop; width:100%; }
.popuparea .popupbox button.btn-more { background-color: #eee; padding: 3px; }
.popuparea .popupbox { border: 1px solid #006db0; }
.popuparea { z-index: 95; display: block; }
.fsp-popup iframe { border: 0; width: 100%; min-height: 600px; }
.viewWrap img { max-width: 100%; width: auto;}
#footer .company .button {
    background-color: #0096db;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    padding: 0 10px;
}
#header.type1 #mainMenu ul.topnav li.first { width: 220px; }

form .captcha-img { width: auto; margin-top: 10px; }
.mapWrap img { width: auto; height: auto; height: auto; }
.IsReadType { cursor: pointer; }
#header.type2 #mainMenu ul.topnav li a { color: #fff; }
#mainMenu { z-index: 98 !important; }
#SchTelInfo { padding: 5px 0; }
#StoreListWrap .txtbox .tx1 .icon1 { background-color: #22286c; }
#StoreListWrap .txtbox .tx1 .icon2 { background-color: #077f45; }
#StoreListWrap .txtbox .tx1 .icon3 { background-color: #dca616; }
.ui-widget-content { width: 100% !important; max-width: 350px; }
.main_cal.fc .fc-toolbar.fc-header-toolbar { margin-bottom: 0.5em; }
.main_cal.fc .fc-toolbar-title { font-size: 1.5em; }
.main_cal.fc .fc-button { padding: 0.2em 0.2em; line-height: 1em;}
.main_cal.fc .fc-button .fc-icon { font-size: 1em; }
.main_cal.fc .fc-daygrid-day-number { padding: 0px; font-size: 0.8em; }
.main_cal.fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 0; }
#store_modal .slider-nav div { padding: 2px 0; }
#footer .company .btngp { display: block; }

@media (max-width: 992px) {
    #header.type2 #mainMenu ul.topnav li a { color: #232323 !important; font-weight: inherit; }
    #header.type2 #mainMenu { background-color: #fff !important; }
    #popup-board .info th.name { width: 50px; }
    .fsp-popup iframe { min-height: 500px; }
    .popuparea .popupbox { margin-left: 0; }
}

@media (max-width: 640px) {
    .popuparea .popupbox.newopen {
        width: 100% !important;
        height: auto !important;
    }
    .fsp-popup iframe { min-height: 400px; }
} 


@media (min-width:0) {

    #top_scroll { bottom: 110px; }
    .calright ul li .icon span.color3 { background: #af1f1f; }

}

@media (min-width:640px) {
}

@media (min-width:768px) {
}

@media (min-width:992px) {
    #mainMenu ul.topnav li.menu_w a { text-align: center; }

    /*#header.type2 #mainMenu ul.topnav li a { color: #fff; }*/
    #header.type2 #mainMenu.active ul.topnav li.menu_w a { color: #232323; }

}


.tooltip.caldiv { background:#fff; border:1px solid #ccc; left:10%; padding:15px 5px;}
.tooltip.caldiv strong { width: 100px; border:1px solid #ccc; color:#787878; display:inline-block; font-size:13px; margin:10px 5px; padding:3px 0; position:relative; text-align:center; z-index:2; cursor:pointer; }
.caldiv .callog { display:table; }
.caldiv .callogtr { display:table-row !important; padding:0px !important; text-align:left !important; }
.caldiv .callogtitle { color:#777 !important; display:table-cell !important; font-size:12px; font-weight:lighter; padding:5px !important; text-align:left !important; width:20%; }
.caldiv .callogbody { color:#777 !important; display:table-cell !important; font-size:12px; font-weight:lighter; line-height:15px; padding:0px 5px !important; text-align:left !important; width:auto; }

.popper,
.tooltip {
  position: absolute;
  z-index: 97;
  background: #FFC107;
  color: black;
  width: 280px;
  border-radius: 3px;
  box-shadow: 0 0 1px rgba(0,0,0,0.5);
  padding: 10px;
  text-align: center;
}
.style5 .tooltip {
  background: #1E252B;
  color: #FFFFFF;
  max-width: 250px;
  width: auto;
  font-size: .8rem;
  padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
  /*border-color: #FFC107;*/
  border-color: #ccc;
}
.style5 .tooltip .tooltip-arrow {
  border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 35px 0 35px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -6px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
  margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
