.mgb-0 { margin-bottom: 0px !important; }
.mgb-2 { margin-bottom: 2px !important; }
.mgb-5 { margin-bottom: 5px !important; }
.mgb-10 { margin-bottom: 10px !important; }
.mgb-15 { margin-bottom: 15px !important; }
.mgb-20 { margin-bottom: 20px !important; }
.mgb-25 { margin-bottom: 25px !important; }
.mgb-30 { margin-bottom: 30px !important; }
.mgb-40 { margin-bottom: 40px !important; }
.mgb-50 { margin-bottom: 50px !important; }
.mgb-100 { margin-bottom: 100px !important; }
.mgt-0 { margin-top: 0px !important; }
.mgt-10 { margin-top: 10px !important; }
.mgt-15 { margin-top: 15px !important; }
.mgt-20 { margin-top: 20px !important; }
.mgt-25 { margin-top: 25px !important; }
.mgt-30 { margin-top: 30px !important; }
.mgt-40 { margin-top: 40px !important; }
.mgt-50 { margin-top: 50px !important; }
.mgt-100 { margin-top: 100px !important; }
.mgl-0 { margin-left: 0px !important; }
.mgl-10- { margin-left: -10px !important; }
.mgl-10 { margin-left: 10px !important; }
.mgl-15 { margin-left: 15px !important; }
.mgl-20 { margin-left: 20px !important; }
.mgr-0 { margin-right: 0px !important; }
.mgr-10- { margin-right: -10px !important; }
.mgr-10 { margin-right: 10px !important; }
.mgr-15 { margin-right: 15px !important; }
.mgr-20 { margin-right: 20px !important; }

.pd-5 { padding: 5px !important; }
.pd-10 { padding: 10px !important; }
.pdb-0 { padding-bottom: 0px !important; }
.pdb-5 { padding-bottom: 5px !important; }
.pdb-10 { padding-bottom: 10px !important; }
.pdb-15 { padding-bottom: 15px !important; }
.pdb-20 { padding-bottom: 20px !important; }
.pdb-25 { padding-bottom: 25px !important; }
.pdb-30 { padding-bottom: 30px !important; }
.pdb-40 { padding-bottom: 40px !important; }
.pdb-50 { padding-bottom: 50px !important; }
.pdb-100 { padding-bottom: 100px !important; }
.pdt-0 { padding-top: 0px !important; }
.pdt-10 { padding-top: 10px !important; }
.pdt-15 { padding-top: 15px !important; }
.pdt-20 { padding-top: 20px !important; }
.pdt-25 { padding-top: 25px !important; }
.pdt-30 { padding-top: 30px !important; }
.pdt-40 { padding-top: 40px !important; }
.pdt-50 { padding-top: 50px !important; }
.pdt-100 { padding-top: 100px !important; }
.pdl-0 { padding-left: 0px !important; }
.pdl-10 { padding-left: 10px !important; }
.pdl-15 { padding-left: 15px !important; }
.pdr-0 { padding-right: 0px !important; }
.pdr-10 { padding-right: 10px !important; }
.pdr-15 { padding-right: 15px !important; }

.kill-lpaddng { padding-left: 0 !important; }
.kill-rpadding { padding-right: 0 !important; }
.kill-tpadding { padding-top: 0 !important; }
.kill-bpadding { padding-bottom: 0 !important; }
.kill-padding { padding: 0 !important; }

.ta_c {text-align:center !important;}
.cb { clear: both !important; }
.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}

.ellipsis2line {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.4em;
    max-height: 2.8em;
}

.ellipsis3line {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.4em;
    max-height: 4.2em;
}

.ellipsis4line {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.4em;
    max-height: 5.6em;
}

.ellipsis5line {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-height: 1.4em;
    max-height: 7.0em;
}

.dp_show {display: block;}
.dp_hide {display: none;}

/* font size */
.f_5px {font-size:5px !important;}
.f_12px {font-size:12px !important;}
.f_13px {font-size:13px !important;}
.f_14px {font-size:14px !important;}
.f_15px {font-size:15px !important;}
.f_16px {font-size:16px !important;}
.f_17px {font-size:17px !important;}
.f_18px {font-size:18px !important;}

.f_bold {font-weight:bold;}

/* color */
.f_gray {color:#555;}
.f_gray2 {color:#adacac;}
.f_gray3 {color:#cccccc;}
.f_point {color:#35b5ab;} /* ºñÄ¡»ö */
.f_darkgray {color:#666666;}
.f_blue {color:#147bda;}
.f_green {color:#2baf98;}
.f_red {color:#d1392b;}
.f_orangered {color:#ff4500;}
.f_black1 {color:#353535;}

.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; }

#dialogReview { margin:0 0 10px; }
#dialogReview .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; }
#dialogReview .ui-state-default:hover { background-color:#00529b; color:#fff; }

#dialogReview { margin:0 0 10px; }
#dialogReview .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; }
#dialogReview .ui-state-default:hover { background-color:#00529b; color:#fff; }

.captchaimgbox { width: 200px; height: 100px; }
#popup-board, .fsp-opoup { display: block; }
#mainMenu { z-index: 98; color: #eb1e0b; }
.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 { padding: 0; z-index: 99; }
.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; }
.fsp-popup iframe { border: 0; width: 100%; min-height: 600px; }

.qrcode img.qrcode-only { position: absolute; top: 13%; left: 9%; width: 83%; height: 43%; }

.popuparea .popupbox.newopen span.close {
    top: 10px;
    width: 15px;
    height: 15px;
    color: black;
    background-color: black;
    font-size: 16px;
}

@-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 (max-width: 992px) {
    #mainMenu ul.topnav li a { color: #232323; }
    #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) {
    #footer { color: #fff; }
    #top_scroll { bottom: 110px; }
    .section .section_sub_title {
        font-size: 16px;
        color: #454545;
        font-weight: 300;
        margin-bottom: 10px;
    }
    

    #section1 .frbox { text-align: left; color: #666; }
    #section1 .flbox .title {font-size: 18px; padding: 5px 0 5px 0; }

    #section2 .section .tabbox li { padding: 10px; margin: 0; color: #000; margin-bottom: 3px; }
    #section2 .section .tabbox li.btn { background-color: #ebebeb; }
    #section2 .section .tabbox.add { padding: 10px 0; }
    #section2 .section .tabbox.add li { margin: 5px 0; padding: 0; }
    /*#section2 .section .tabbox .btn.active { background-color: #f56363; }*/
    #section2 .section .btn_cate.active { color:#cc0000; font-weight: bold; }
    #section2 .tabcontents li a .txt1 { color: #000; font-weight: bold; }
    #section2 .tabcontents li a .txt2, #section2 .tabcontents li a .txt3 { font-weight: bold; }
    #section2 .tabcontents li a .txt3 { position:relative; line-height: 30px; height:30px; }

    #section3 .tabbox { margin-bottom: 20px; }
    #section3 .tabbox li { display: inline-block; margin: 5px 0; }
    #section3 .section .btn_group .btn { padding: 0 10px; }
    #section3 .tabWrap .row img { width: auto; max-width: 100%; }
    #section3 .modal .frbox .txtbox2 { padding: 10px 0; }
    #section3 .section .btn_group li.on .btn.btn_best { background-color: #cc0000; color: #fff; }

    #section4 #notice .view .row .content { max-height: 380px; }
    #section4 #notice .view .row .content img { width: auto; height: auto; max-width: 100%; }

    #section8 .row { padding: 0; }
    #section8 .row .col { width: 100%; height: auto; }
    #section8 .box { margin-top: 20px; }
    #section8 .panel_open { color: #666; }
    #section8 .panel_open .box { margin-top: 0; }
    #section8 .tbox { margin-top: 20px; padding-right: 10px; }
    #section8 .cbox { padding-left: 10px; padding-bottom: 12px; }
    #section8 .tbox input, #section8 .panel_title input { margin-right: 5px; }
    #section8 .tbox .agreeAllWrap { float: right; }
    #section8 .tbox label b { font-size: 14px; font-weight: normal; color: #666; }
    #section8 .cbox + .panel_open { border-top: 1px solid #cccccc; }

    /* faq */
    #section8 .panel_open { border-bottom:1px solid #cccccc; padding:12px 10px; position: relative; }
    #section8 .panel_open:nth-last-of-type(1) { border-bottom:none; }
    #section8 .panel_open .panel_title { cursor:pointer; position:relative; margin-left: 18px; }
    #section8 .panel_open .panel_title span { background-color:#555; color:#fff; display:inline-block; margin-right:5px; padding:7px 10px; }
    #section8 .panel_open .panel_title b { font-weight:400; font-size:15px; display:inline-block; max-width:80%; vertical-align:text-bottom; color:#333; }
    
    #section8 .panel_open span.inputbox {
    background-color: transparent;
    display: inline-block;
    height: 16px;
    margin-right: 0;
    padding: 0;
    position: absolute;
    left: 10px;
    top: 7px;
    width: 16px;
}
    #section8 .panel_open .panel_title span.iconbox { background-color:transparent; display:inline-block; height:16px; margin-right:0; padding:0; position:absolute; right:0px; top:2px; width:16px; }
    #section8 .panel_open .panel_content { display:none; padding:10px; }
    #section8 .panel_open .panel_content table { width:100%; }
    #section8 .panel_open .panel_content th { width:30px; vertical-align:top; }
    #section8 .panel_open .panel_content th span { display:inline-block; margin-right:10px; padding:0 5px; }
    #section8 .panel_open .panel_content td { line-height:1.4; color:#787878; vertical-align:top; }
    


    #section8 .calright ul li .icon span.color3 { background: #af1f1f; }
    #section8 .calright #map_canvas { margin: 10px 0;}
    #section8 .w100 table th, #section8 .w100 table td {
        border-left: 1px solid #ccc;
    }
    #section8 .w100 table th:first-child, #section8 .w100 table td:first-child {
        border-left: 0px;
    }

    #popup-board .info td img.responsive {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    #popup-board .info .content img, .boardReadWrap .content img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

}

@media (min-width: 768px) {
    .section .section_sub_title { font-size: 20px; }
}

@media (min-width: 992px) {
    .section .section_sub_title { margin-bottom: 20px; font-size: 24px; }
    #section1 .flbox .title {font-size: 22px; padding: 5px 0 5px 0; }

    #section8 .tbox label b { font-size: 16px; }

    #mainMenu ul.nologoi2 li.menu_w { width: 50% }
    #mainMenu ul.nologoi3 li.menu_w { width: 33.3% }
    #mainMenu ul.nologoi4 li.menu_w { width: 25% }
    #mainMenu ul.nologoi5 li.menu_w { width: 20% }
    #mainMenu ul.nologoi6 li.menu_w { width: 16.6% }
    #mainMenu ul.nologoi7 li.menu_w { width: 14.2% }
    #mainMenu ul.nologoi8 li.menu_w { width: 12.5% }
    #mainMenu ul.nologoi9 li.menu_w { width: 11.1% }

    #popup-board .info th.date { width: 140px; }

}

@media (min-width: 1024px) {
    #section2 .modal .txtbox2 { height:270px; overflow-y: auto; }
    #section2 .modal .txtbox .tx1 { font-size: 28px; }
}

.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: 99;
  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;
}