/*******************************
 * Sponge Core page structure
 *****************************/

/*
    트래픽 과다 유발을 발생하게 됨으로 웹폰트 사용을 중지하도록 조정을 합니다.
    2015.3.21 박경화 
    나눔고딕은 폰트 깔려있는 디바이스에서만 보여지게 조정을 합니다.
    @import url('/Sponge/WebFonts/NewNanumgothic/nanumgothic.css'); */
/*a:focus{ background-color:transparent !important;}*/
body { font-family:"Nanum Barun Gothic", "Nanum Gothic", "나눔고딕", "Helvetica Neue", "Malgun Gothic", "맑은 고딕", "Lucida Grande", "Georgia", "돋움", "굴림"; font-size: 10pt; 
       line-height: 1.7; -webkit-font-smoothing: antialiased; color: #000; background-color: transparent; }

li { list-style-type: none; }

input::placeholder{color:#ccc;}
input:placeholder{color:#ccc;}
input::-ms-input-placeholder{ color:#ccc;}
input:-ms-input-placeholder{ color:#ccc;}
input::-webkit-input-placeholder{color:#ccc}
input::-moz-placeholder{ color:#ccc;opacity:1;}
input[type="text"] { 

-webkit-ime-mode:active; 

-moz-ime-mode:active; 

-ms-ime-mode:active; 

ime-mode:active; }

select:focus-visible{ outline: -webkit-focus-ring-color auto 1px !important; }

label + label{ margin-left:3px;}
table caption { font-size:0px; line-height:0; text-indent:-9999px;}
.hide{ display:normal !important; font-size:0px; line-height:0; text-indent:-9999px; overflow:hidden; display:none; }
.panel-sponge-desktop { margin-bottom: 5px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #eee; }
.panel-sponge-desktop > .panel-heading { border-color: #EEE; padding: 7px 10px; }

.sponge-pagination-section { text-align: center; padding: 15px 0 10px 0; font-size: 14px; }
.sponge-pagination-section a { padding: 5px; }

.sponge-clear { display: block; float: none; clear: both; height: 0; width: 100%; font-size: 1% !important; line-height: 1% !important; overflow: hidden; margin: 0 !important; padding: 0 !important; }

.clear { display: block; float: none; clear: both; height: 0; width: 100%; font-size: 1% !important; line-height: 1% !important; overflow: hidden; margin: 0 !important; padding: 0 !important; }

.glyphicon-pagebutton { color: #A09999; }

.libtech-header-sub-section, .libtech-header-sub-section label { /*border-bottom: 1px solid #9D3393; */
    color: #333; font-size: 12pt; font-weight: 600; margin: 10px 0 10px 0; padding: 2px 0; line-height: 20px; text-align:left;
}

.libtech-header-small-section { /*border-bottom: 1px solid #9D3393; */
    color: #333; font-size: 10pt; font-weight: 600; margin: 5px 0 5px 0; padding: 2px 0; line-height: 20px; /*background:  url(/Clicker/Images/gonext.png) no-repeat 0% 0px; padding-left:10px; */
}

.libtech-header-center-section { margin-top: 5px; margin-bottom: 5px; font-weight: 600; color: #333; text-align: center; }

.sponge-text-align-center { text-align: center; }

.sponge-text-align-right { text-align: right; }
.sponge-text-align-left { text-align: left !important; }

.libtech-font-bold { font-weight: 600; }

.libtech-font-18 { font-size: 18px; }

.libtech-margin-top-bottom-min { margin-top: 5px; margin-bottom: 5px; }

.libtech-margin-top-bottom { margin-top: 10px; margin-bottom: 10px; }

.libtech-margin-top { margin-top: 10px; }

.libtech-margin-bottom { margin-bottom: 10px; }

.libtech-padding-min { padding: 5px; }

.libtech-clear-both { clear: both; }

.libtech-display-none { display: none; }

.libtech-tag-content { color: Gray; padding: 5px 0 0 0; }

.libtech-column-number { padding-right: 5px; text-align: right; }

.libtech-position-absolute-top-left { left: 2px; top: 2px; position: absolute; }

.libtech-position-relative { position: relative; }

.libtech-color-black { color: Gray; }

.libtech-color-gray { color: Gray; }

.libtech-color-remark { color: #077BE7; }

.libtech-color-red { color: #D35A5A; }

.libtech-color-original-red { color: #FF0000; }

.libtech-color-blue { color: #22A7EC; }

.libtech-color-original-blue { color: #0000FF; }

.libtech-color-green { color: #0EAD28; }

.libtech-color-white { color: White; }

.libtech-color-black { color: #000; }

.libtech-color-cream { color: #f2f2f2; }

.libtech-color-purple {
    color: #800080;
}
.sponge-point-color{ color:#005aab;}
a:hover .sponge-point-color{ text-decoration:underline; }
.sponge-point-bg-color{ background-color:#5aa8dd; color:#fff;}
.sponge-point-border-color{ border-color:#5aa8dd; }
.libtech-header-sub-title { color: #333; font-size: 14px; font-weight: 600; }

.libtech-modal-header { color: #fff; font-size: 10pt; }

.sponge
.modal-header h3 { margin: 2px; }

.libtech-modal-message { font-size: 10pt; /*font-weight: 600; */
}

.libtech-text-focus-change { border: 1px solid #fff; }
.libtech-text-focus-change:focus { background-color: #EEB95A; border-color: white; }

img.book-image-border { border: 1px solid #dddddd; width: 80px; height: 110px; }

.sponge-six-column-center-image { height: 85px; /*max-width: 100%; */
    width: auto; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; border: 1px solid #eee; -webkit-transition: border 1s; }

    .sponge-six-column-center-image:hover { opacity: 0.80; filter: alpha(opacity = 80); transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; border: 1px solid #ddd; -webkit-transition: border 1s; }

.sponge-four-column-center-image { height: 160px; /*max-width: 100%; */
    width: auto; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; border: 1px solid #eee; -webkit-transition: border 1s; }

    .sponge-four-column-center-image:hover { opacity: 0.80; filter: alpha(opacity = 80); transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; border: 1px solid #ddd; -webkit-transition: border 1s; }

.sponge-two-column-center-image { height: 170px; /*max-width: 100%; */
    width: auto; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; border: 1px solid #eee; -webkit-transition: border 1s; }

    .sponge-two-column-center-image:hover { opacity: 0.80; filter: alpha(opacity = 80); transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; border: 1px solid #ddd; -webkit-transition: border 1s; }

.libtech-help { margin-top: 10px; text-align: left; }


.libtech-whitesmoke-border-padding { background-color: whitesmoke; padding: 20px 10px 20px 10px; display: block; border: 1px solid #EEE; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

#sponge-search-footer{font-size: 12px; margin-top:20px;}      
#sponge-search-footer .panel{margin-bottom:0px;}

.libtech-menu-left-fix-center { top: 400px; left: 0; position: fixed; }

.libtech-two-column-thumbnails { margin: 0px 0; padding:0 -15px; }

.libtech-two-column-thumbnails-li { display: inline; float: left; list-style: none; margin: 0 -15px;  width: 48%;  }

.libtech-four-column-thumbnails { margin: 0px; }

.libtech-four-column-thumbnails-li { display: inline; float: left; list-style: none; margin: 5px; width: 280px; }

.sponge-four-column-thumbnails { margin: 0px; }

.sponge-four-column-thumbnails-li { display: inline; float: left; list-style: none; margin: 5px; width: 285px; }

.libtech-six-column-thumbnails { margin: 0px; }

.libtech-six-column-thumbnails-li { display: inline; float: left; list-style: none; margin: 5px; width: 186px; }

.libtech_cover_image_normal { height: 120px; width: auto; }
/*
.thumbnails-photo li{ text-align:center;}
.thumbnails-photo li{ background-image:none !important; padding-left:0px !important; display:inline-block; padding:10px 15px; margin:0 -15px;}*/
.thumbnails-photo .col-md-6{ padding-bottom:15px;}
.thumbnails-photo img.img-thumbnail{ width:585px; }

.sponge-photo-list > div{ border:1px solid #ddd; padding:5px; background-color:#eee; height:300px;width:48%; overflow:hidden; margin-right:10px; display:inline-block; }
.sponge-photo-list > div:last-child{margin-right:0; }
.sponge-photo-list > div img{ width:100%; }

@-webkit-keyframes libtech-animation-blink { 0% { opacity: 1.0; /*text-shadow: 0 0 5px #00c6ff; */
    }

    50% { opacity: 0.2; /*text-shadow: none; */ }

    100% { opacity: 1.0; /*text-shadow: 0 0 5px #00c6ff; */ }
}

@-moz-keyframes libtech-animation-blink { 0% { opacity: 1.0; /*text-shadow: 0 0 5px #00c6ff; */
    }

    50% { opacity: 0.2; /*text-shadow: none; */
    }

    100% { opacity: 1.0; /*text-shadow: 0 0 5px #00c6ff; */
    }
}

.libtech_color_background_normal { background-color: #ffffff; }


.libtech-mobile-body { background-color: #FAFAFA; }

.libtech-mobile-render-body { background-color: #FAFAFA; }

.libtech-mobile-header { text-align: center; border-bottom: 1px solid #EEE; }

.libtech-mobile-login { padding: 5px; text-align: right; }

.libtech-mobile-newbook { background-color: white; padding: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 3px 0 2px 0; }

.libtech-mobile-board { background-color: white; border-top: 1px solid #eee; margin: 3px 0 0 0; }

.libtech-mobile-search { padding: 10px 3px 0 3px; }

.libtech-mobile-user-menu { margin-top: 20px; margin-bottom: 40px; }

.libtech-mobile-padding { padding: 5px; }

.libtech-mobile-padding-top-bottom { padding: 10px 0; }

.libtech-clear-both { clear: both; }

/*a:active { background-color: #D9EDF7; }*/

a:active, a:hover { outline: 0; }

a { -webkit-tap-highlight-color: rgba(207, 241, 241, 0); }

.panel-title-mobile-sponge { font-size: 12px; }

.breadcrumb-sponge-mobile { padding: 8px 15px; margin-bottom: 10pt; list-style: none; background-color: #F5F5F5; border-radius: 1px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.panel-sponge-mobile { margin-bottom: 5px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #eee; }

.panel-sponge-mobile > .panel-heading { color: #333; background-color: #F5F5F5; border-color: #eee; }

.panel-title { font-size: 12px; }



.libtech-mobile-5menu-item { width: 25%; text-align: center; float: left; margin-bottom: 10px; }

.libtech-mobile-5menu-item-image { height: 30px; }

.libtech-mobile-5menu-item-text { padding: 3px; margin: 5px 0 15px 0; }

.img-polaroid { padding: 2px; }

.sponge-img{ text-align:center; margin-bottom:20px; margin-top:30px;}
.sponge-img a{  margin: 7px; display:inline-block;}
.sponge-img img{border:1px solid #ddd; width:80px; height:110px;padding:2px;}

.sponge_brief_content { padding-left: 15px; padding-right: 5px; display: block; overflow: hidden; }

.sponge_content_etc { display: block; margin-top: 2px; color: #BDBDBD; font-size: 12px; }

.eng-ime-mode{ime-mode:disabled;}
.inactive-ime-mode{ ime-mode:inactive; }

a { color: #000; text-decoration: none; }

    a:hover,
    a:focus { color: #504B4B; text-decoration: none; }

    a:focus { /*outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; */
    }




.sponge-top-margin { margin-top: 10px; }

/*서브페이지_타이틀*/

.sponge-page-title-section { width: auto; position: relative; height:75px; margin: 0 auto 0 auto; padding: 25px 0;  border-bottom: 0px solid #007fb6; z-index:2; 
                             position:absolute; width:100%; left:0; top:0; background-color:#eee; }
.sponge-page-title-section h3 { font-size: 30px; font-weight: 600; margin: 0;  position:absolute; top:18px; width:100%; text-align:center;}
.sponge-page-title-section li{ background-image:none !important; }

.list-type-none { padding:0px !important; margin:0px !important; }
.list-type-none li{ padding:0px 0 3px 0 !important; background-image:none !important; display:inline-block;}
    
.sponge-page-breadcrumbs-section { /*float: none; display: inline;*/  clear:both; width:1315px; margin:0 auto;}
/*.sponge-layout-TwoColumn .sponge-page-breadcrumbs-section { margin-right:250px; }*/

.breadcrumbs-sponge-desktop { padding: 0; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 0; position:absolute; }


.sponge_brief_content { padding-left: 15px; padding-right: 5px; display: block; overflow: hidden; }

.sponge_content_title { color: #333; font-size: 13px; font-weight: 500; }


.user-detail-page-thumb li{ background-image:none !important;}



.libtech-mobile-body { background-color: #FAFAFA; }

.libtech-mobile-render-body { background-color: #FAFAFA; }

.libtech-mobile-header { text-align: center; }

.libtech-mobile-login { padding: 5px; text-align: right; }

.libtech-mobile-newbook { background-color: white; padding: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 3px 0 2px 0; }

.libtech-mobile-board { background-color: white; border-top: 1px solid #eee; margin: 3px 0 0 0; }

.libtech-mobile-user-menu { margin-top: 20px; margin-bottom: 40px; }

.libtech-mobile-padding { padding: 5px; }

.libtech-mobile-padding-top-bottom { padding: 10px 0; }

.libtech-clear-both { clear: both; }

a:active { background-color: #D9EDF7; }

a:active, a:hover { outline: 0; }

a { -webkit-tap-highlight-color: rgba(207, 241, 241, 0); }

.panel-title-mobile-sponge { font-size: 12px; }

.breadcrumb-sponge-mobile { padding: 8px 15px; margin-bottom: 10pt; list-style: none; background-color: #F5F5F5; border-radius: 1px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.panel-sponge-mobile { margin-bottom: 5px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-color: #eee; }

    .panel-sponge-mobile > .panel-heading { color: #333; background-color: #F5F5F5; border-color: #eee; }

.panel-title { font-size: 12px; }

.libtech-mobile-single-row { display: block; color: #333; font-weight: 400; font-size: 12px; margin: 5px 0 5px 0; padding: 5px 10px 5px 10px; border-bottom: 1px solid #eee; }

.libtech-mobile-single-row-link { display: block; }

.libtech-mobile-title-link { color: #504B4B; }

.libtech-mobile-5menu-item { width: 25%; text-align: center; float: left; height: 90px; margin-bottom: 10px; }

.libtech-mobile-5menu-item-image { height: 30px; }

.libtech-mobile-5menu-item-text { padding: 3px; margin: 10px 0 15px 0; }

.img-polaroid { padding: 2px; }
.sponge-mobile-single-line { height: 20px; font-size: 13px; overflow: hidden; }
.sponge_brief_content { padding-left: 15px; padding-right: 5px; display: block; overflow: hidden; }

.sponge_content_etc { display: block; margin-top: 2px; color: #8d8d8d; font-size: 12px; }
.search-list-etc{color: #8d8d8d; }


a { color: #000; text-decoration: none; }

    a:hover,
    a:focus { color: #504B4B; text-decoration: none; }

    a:focus { /*outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; */
    }

.sponge-box-list-inline .box { padding: 10px 0px 10px 10px; margin: 10px 0; line-height: 1.1; text-align: left; border-radius: 4px; background-color: #fff; border: 1px solid #d8d8d8; height: 90px;  line-height:22px; overflow:hidden;}

.sponge-image-border-padding { padding: 2px; border-radius: 1px; background-color: #FFF; border: 1px solid #DDD; }

.sponge-mobile-top-logo { height: 30px; margin: 3px 0; }

.sponge-form-page { text-align: center; margin-top: 15px; background-color: #FDFDFD; }

.sponge-vertical-align-middle { vertical-align: middle; }

.sponge-vertical-align-top, .sponge-vertical-align-top td { vertical-align: top; }

.sponge-h3 { color: #333; line-height: 1.2 !important; vertical-align: middle; border-left: 5px solid #F0AD4E; padding-left: 5px !important; padding-bottom: 0px !important; margin: 5px 0 7px 0 !important; letter-spacing: -0.03em; border-bottom: 0px !important; font-size: 1.3em !important; font-weight: 600; }

.sponge-panel-dim-remark { margin-bottom: 5px; padding: 12px; border: 1px solid #dbdbdb; overflow: hidden; border-radius: 7px; background-color: #FCFCFC; }

.sponge-panel-remark { margin-bottom: 5px; padding: 12px; border: 1px solid #eee; overflow: hidden; background-color: whitesmoke; }

.sponge-panel-white-remark { margin-bottom: 5px; padding: 20px ;  /*overflow:visible; overflow:auto; overflow:scroll; overflow:hidden; */
    overflow: auto; overflow-x: auto; }
.sponge-list-board-detail-long .sponge-panel-white-remark table, .se2_inputarea table{ width:100%;  }

.sponge-panel-remark-list { margin-bottom: 0px; overflow: hidden; clear: both; position:relative; }

.sponge-min-height { min-height: 400px;  }

.sponge-width-100percent { width: 100%; }

.sponge-font-weight-bold { font-weight: 600; }

.sponge-item-creator { color: #7C7575; padding: 5px 0; }

.sponge-item-small-creator { color: #7C7575; padding: 5px 0; font-size: 11px; }



/*default */
.sponge-table-default { word-break:keep-all; position: relative; width: 100%; border-collapse: collapse; margin-bottom: 15px; clear: both; border: 1px solid #ddd; border-left:0px;}

.sponge-table-default caption { width:0px; height:0px; font-size:0px; line-height:0; overflow:hidden;}
.sponge-table-default th { padding: 5px; color: #444444; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-color:#ddd; font-weight: 600; vertical-align:middle; background: #ededed; }
.sponge-table-default tbody th, .sponge-table-default tbody td{ border-left:1px solid #ddd; border-top: 1px solid #ddd; padding: 5px; border-color:#ddd; }
.sponge-table-default thead th, .sponge-table-default thead td{ border-left:1px solid #ddd; border-top: 1px solid #ddd; }

.sponge-table-default .bg-red > th, .sponge-table-default .bg-red > td, .table-striped > tbody > tr.bg-red:nth-child(odd) > td, .table-striped > tbody > tr.bg-red:nth-child(odd) > th{ background-color:#f6e5e5;}

.sponge-table-default .sponge-table-default-td{padding:0;}
.sponge-table-default .sponge-table-default-td tbody tr > th:first-child, .sponge-table-default .sponge-table-default-td tbody tr > td:first-child, 
.sponge-table-default .sponge-table-default-td thead tr > th:first-child, .sponge-table-default .sponge-table-default-td thead tr > td:first-child { border-left-width:0;}



.sponge-table-default .sub_title { color: #444444; font-weight: 600; }

.sponge-table-default td ul, .sponge-table-default td .sponge-position-relative{ text-align:left;}
.sponge-table-default td { line-height: 1.7; word-break:keep-all; }
.sponge-page-guide .sponge-table-default td > p:last-child { margin-bottom:0; }
.sponge-table-default strong.title { line-height: 16px; font-size: 16px; }


.sponge-table-default .left { text-align: left; }
.sponge-table-default .center { text-align: center; }
.sponge-table-default .right { text-align: right; }
.sponge-table-default .rightLine { border-right: 1px solid #ddd; }
.sponge-table-default .noLine { border-right: 0px !important; }

.sponge-table-default.sponge-table-default-center th, .sponge-table-default.sponge-table-default-center td { text-align:center; }
.sponge-table-default.sponge-table-default-center th.left, .sponge-table-default.sponge-table-default-center td.left { text-align:left; }
.sponge-table-default.sponge-table-default-left td { text-align:left; }
.sponge-table-default.sponge-table-default-left td.sub_title{text-align:center;}
.sponge-table-default.sponge-table-default-center th h4, .sponge-table-default.sponge-table-default-center td h4{ text-align:left; }

.sponge-table-default-hover a{ color:#0d59b6;}

.sponge-table-default > tbody > tr:nth-child(2n+1) > td, .sponge-table-default > tbody > tr:nth-child(2n+1) > th{border-color: #ddd;}

.sponge-table-default > tbody.table-right-line > tr > td{ border-right:1px solid #eceeef;}
.sponge-table-default > tbody.table-right-line > tr > td:last-child{ border-right:0px solid #eceeef;}



.sponge-table-default-space td { background-color: #fff; }


.sponge-table-default-sub-card{border:1px solid #ddd; border-radius:5px; background-color:#fff !important;}

.sponge-table-default-sub{ padding:0px;border-radius:5px; }
.sponge-table-default-sub th { padding: 2px; background-color: #cef4f5 !important;}
.sponge-table-default-sub td { padding: 2px; background-color: #fff !important;}

.sponge-table-default + ul, .sponge-guide-Box-table + .sponge-guide-Box{ padding-top:10px; }
.sponge-table-default td ul + br{ display:none; }


.sponge-page-guide .sponge-table-default + p{ margin-top:15px;}



/*청구기호*/
.sponge-table-callsign th, .sponge-table-callsign td {
    padding: 5px 10px;
}
.sponge-table-callsign th{ border:1px solid #000; border-top:0px; border-top:0px; text-align:center;}


/*kpcl mobile library intro*/

.sponge-table-from { }
.sponge-table-from th label{ margin-bottom:0px; width:auto;}
.sponge-table-from td {padding:0 0 0 5px; }
.sponge-table-from td textarea { border:0px; padding:5px 5px 5px 5px; margin-left:-5px; margin-right:-5px; width:100%; height:33px; border-radius:0px; vertical-align:middle;}
.sponge-table-from td input[type="text"] { border:0px; padding:5px 5px 5px 5px; margin-left:-5px; margin-right:-5px; width:100%; height:33px; border-radius:0px; vertical-align:middle; background-color:transparent;}
.sponge-table-from td.text-inline input[type="text"] { height:auto; }
.sponge-table-from td input[type="password"] { border:0px; padding:5px 5px 5px 5px; margin-left:-5px; margin-right:-5px; width:100%; height:33px; border-radius:0px; vertical-align:middle; background-color:transparent;}
.sponge-table-from td input[type="date"] { border:0px; padding:0 5px; margin-left:-5px; margin-right:-5px; width:48%; height:33px; border-radius:0px; vertical-align:middle; background-color:transparent;}
.sponge-table-from td input[type='radio'], .sponge-table-from td input[type='checkbox']{ vertical-align:middle; margin-top:1px; margin-left:5px; background-color:transparent;}
.sponge-table-from td label{ vertical-align:middle; margin-top:5px; margin-left:5px; background-color:transparent;}
.sponge-table-from td .btn-file input[type=file]{ margin-left:5px;}
.sponge-table-from td .tricBox{ opacity:0.8; border-color:#fff !important; padding-left:0px;}
.guideTitle{ font-size:20px; color:#525252; font-weight:600;}
p.guideTitle{ margin-top:0;}
.sponge-table-title{  color:#007fb6;font-weight:600;}
.reading-form-default-sub input[type="date"]{ border-color: #7c7c7c; height:33px; border-radius:0;}

/*LOGIN*/
.sponge-account-login-body { padding-top: 40px; padding-bottom: 40px; width: 360px; margin: 0 auto; }
.sponge-account-login-body h2.form-signin-heading { font-size:17px; color:#555; font-weight:600;}
.sponge-account-login-body .form-control, .sponge-account-login-body .btn-sponge-xlg { margin:0px; padding:8px 20px !important;}

.form-signin { max-width: 330px; padding: 15px; margin: 0 auto; }
.form-signin .form-signin-heading{ margin-bottom: 10px; font-weight:600; }
.form-signin .checkbox { margin-bottom: 10px; }
.form-signin .checkbox { font-weight: normal; }
.form-signin .form-control { position: relative; font-size: 14px; height: auto; padding: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="text"] { margin-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; margin-top:-1px; }
/*.myRequestList .form-control{ border:0px; background-color:transparent; }*/
.btn-xs span.glyphicon, .btn-group-xs > .btn span.glyphicon { /*color:#578cb1;*/ }
.glyphicon-color-white, .sponge-color-white{ color:#fff !important; text-shadow:none !important;}

/*Box*/
.sponge-page-boxGide, .sponge-page-guide p.sponge-page-boxGide { border: 1px solid #ddd; clear: left; line-height: 25px; padding:15px; margin-bottom:20px; }
.sponge-page-boxGide-glay{ background-color:#dddddd; }
.sponge-page-boxGide-img { text-align:center; background-color:#fff; }
.sponge-page-boxGide-img img{ width:100%;  }
.sponge-page-boxGide2, .sponge-page-guide p.sponge-page-boxGide2 { border: 1px solid #ddd;  clear: left; background: url('/Sponge/Images/background/teb_bg.png') repeat-x 0 -8px; line-height: 200%; margin-bottom:20px; padding:15px; font-weight:600; min-width:290px;}
.sponge-page-boxGide3 { border: 1px solid #ddd;  clear: left; background: url('/Sponge/Images/background/teb_bg.png') repeat-x 0 -8px; line-height: 25px; margin: 0; padding:15px; margin-bottom:20px;}
.sponge-page-boxGide4 { border: 1px solid #ddd; clear: left; line-height: 15px; padding:5px; font-size:10pt; margin-bottom:20px;}
.sponge-page-boxGide ul, .sponge-page-boxGide2 ul, .sponge-page-boxGide3 ul{  margin-bottom:0px; padding-left:0px;}
.sponge-page-phoneGuide { border: 1px solid #ddd;  clear: left; line-height: 25px; margin: 20px 0; padding:5px 5px; width:100%; border-radius:5px;}
.sponge-page-phoneGuide .pull-left{ padding:5px 5px; margin:0px;}
.sponge-page-phoneGuide .pull-right{ padding:5px 15px; margin:0px; background-color:#3384cd; color:#fff; font-weight:600; border-radius:5px; }

.sponge-page-boxGide2 p:last-child, .sponge-page-boxGide p:last-child{margin-bottom:0px;}
.sponge-page-boxGide2 .title{ font-size:20px; text-align:center; line-height:30px;}

.sponge-page-boxGide2 ul > li:last-child, .sponge-page-boxGide2 ul:last-child{margin-bottom:0;} 

.sponge-page-boxGide2 .sponge-guide-btns{ margin-top:15px; padding-top:15px; border-top-color:#ddd; }
.sponge-page-boxGide2 > .sponge-guide-btns:last-child{ margin-bottom:0;}
.sponge-page-boxGide2 + .sponge-nav-tabs{ margin-top:30px;  }

.sponge-page-boxGide > h6:first-child{ margin-top:0;}

/*사명*/
.sponge-page-mission{text-align:center;}
.sponge-page-mission ul{ clear:both; padding-bottom:15px;}
.sponge-page-mission li{ font-size:16px; font-weight:600; height:100px; display:inline-block; vertical-align:middle;}
.sponge-page-mission li.missionTitle{ color:#fff; border:1px solid #ff6a00; background-color:#ff6a00; width:100px; border-radius:50%; padding:35px 0 0 0;  font-size:22px; text-align:center; }
.sponge-page-mission li.missionGuide{  border: 1px solid #555; background: url(/Sponge/Images/background/teb_bg.png) repeat-x left top !important;  width:450px; margin-left:20px; padding:23px 0 0 20px; text-align:left;}


.sponge-border0 { border: 0px; }

.sponge-list-none li { list-style-type: none; padding-left: 0px; list-style-image: none; }

.sponge-list-width { min-width: 0; }

.search-guide-width { width: 180px; margin-right: 5px; }


.sponge-min-height { min-height: 450px; }


/*NAVER 테이블*/
.sponge-page-guide p.naver{margin:0px; }
.naver_table { border-collapse: collapse; text-align: left; width: 100%; }
.naver_table caption { width:0px; height:0px; font-size:0px; line-height:0; overflow:hidden; }
.naver_table th { padding-top: 10px; text-align: center; background: #ededed; font: bold 12px/21px Dotum; color: #888888; }
.naver_table td { padding: 5px 0 5px 0; line-height: 18px; color: #5d5d5d; text-align: left; }
.naver_table td.book_name img { width: 80px; height: 110px; border: 1px solid #ddd; }

/* 네이버 디테일 정렬 */
.sponge_open_naver { margin: 0 auto; width: 100%; padding: 15px; border: 1px solid #999; line-height: 20px; }
.sponge_open_naver h1 { padding: 5px 0 15px 0; }
.sponge_cent_naver { width: 100%; padding: 0 0 20px 0; }
h4.naver a span, h4.naver span, p.naver span { font-size: 30px; color: #4fb725; font-weight: bolder; letter-spacing: -2px; }
.sponge_cent_naver dl { margin: 0 20px 20px 0;}

.sponge_cent_naver dt { font-size: 16px; float: left; display: inline; font-weight: 600; padding: 3px 20px 0 0; }
.sponge_cent_naver dt img { width: 100px; border: 1px solid #ddd; }
.sponge_cent_naver dd { float: left; display: inline; line-height: 28px;  }
/*.sponge_cent_naver dd strong { font-size: 16px; color: #367dc4; }*/
/*#otherBook dt.thumb { float:left; display:inline; width:120px; clear:both; }*/

.sponge_open_naver .sponge_naver_detalil { clear: both; text-align: justify; width: 100%; }
.section.detail .section_more{ float:left; clear:left; margin-bottom:30px; border:1px solid #ddd; padding:0 10px; border-radius:3px; }
.section.detail .section_more a{ color:#3384cd; font-size:90%; }

.sponge-page-guide .section.detail > ul{text-align:center;}
.sponge-page-guide .section.detail > ul > li{ background-image:none; display:inline-block; text-align:center; width:24%; vertical-align:top; padding-left:0;}
.sponge-page-guide .section.detail > ul > li::before{  display:none; }
.sponge-page-guide .section.detail > ul > li > dl{ margin-bottom:0; }
.sponge-page-guide .section.detail > ul > li > dl > dt{ margin-bottom:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; margin-top:5px; }



#otherBook dt img{padding: 2px; border-radius: 0px; width: 80px; height: 110px; border: 1px solid #dddddd; background: #F0F0F0; margin:0 auto;}
#otherBook dt img:hover{border: 1px solid #aeaeae; background: #dddddd; opacity:100;}    
#otherBook dd{ padding-bottom:10px;}
#otherBook dd:last-child{ padding-bottom:0px;}

#otherBook, div.dsc { margin: 10px 0 3px 0; border: 1px solid #ddd; padding: 20px; }
div.dsc p { margin: 0px; }

/*Amazon 테이블*/
.amazon_table { width: 100%; border-collapse: collapse; text-align: left; }
.amazon_table caption { width:0px; height:0px; font-size:0px; line-height:0; overflow:hidden; }
.amazon_table th { padding-top: 10px; text-align: center; background: #ededed; font: bold 12px/21px Dotum; color: #888888; }
.amazon_table td { padding: 8px 0 8px 0; line-height: 18px; color: #5d5d5d; text-align: center; border-bottom: 1px solid #dddddd; }
.amazon_table td .book_name img { width: 90px; height: 120px; }
.amazon_table .left5_align { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }
.amazon_table .left5_align a { color: #555; font-weight: 600; }
.amazon_table .left5_align a:hover { color: #2f457c; text-decoration: underline; font-weight: 600; }
.amazon_table td p { padding-top: 5px; }

.sponge-tile-content{ padding-right:0px !important;}
.sponge-tile-text{padding:0px !important; font-size:13px !important; color:#7c7c7c }
.sponge-tile-text strong{ font-weight:bold; color:#555;}
p.sponge-tile-btn{ margin-top:0px !important; margin-bottom:10px; text-align:right;}

/*로그인관련 메세지*/

 .sponge-account-login-body-sky{ background:url('/Sponge/Images/guidePage/loginSkyBg.png') no-repeat right top; width:100%; padding-top:330px;font-weight:600;} 
 .sponge-account-login h2.form-signin-heading{ color:#5a7fab;  font-size:30px !important;  font-weight:600; margin-left:10px;} 
 .sponge-account-login{ background:url('/Sponge/Images/guidePage/loginBg.png') no-repeat left bottom; padding-top:0px; width:720px;  height:185px; margin:0 auto; font-size:26px !important;  font-weight:600;} 
 .sponge-account-login p{ padding-left:220px; padding-top:10px;} 
 .sponge-account-login p.frist{ padding-top:40px;} 
 .sponge-layout-main-search .form-inline .form-group{ margin-right:0px;}
 
/*찾아오시는 길*/
.sponge-map { }
.sponge-map .Vehicle{ border-top:1px solid #c4c4c4;  padding:20px 0 20px 120px; margin-top:20px; }
.sponge-map .Car{background:url('/Sponge/Images/guidePage/new_car.png') no-repeat left 20px; }
.sponge-map .Bus{background:url('/Sponge/Images/guidePage/new_bus.png') no-repeat left 20px; }
.sponge-map h4{ background-image:none !important; padding:0px !important;  margin-top:0px !important; color:#000 !important;  }
.sponge-map h4 span{  font-size:11px !important;}
.sponge-map h5{ background-image:none !important; padding:0px !important; margin-left:0px !important; color:#915360 !important;}

.sponge-map .info{border-bottom:1px dashed #c4c4c4; padding-bottom:15px;}
.sponge-map .icon_bus{ border:1px solid #48922d; background-color:#50a332; padding:1px 2px; font-size:11px; color:#fff; margin-right:2px;}
.sponge-map .icon_bus01{border:1px solid #48922d; background-color:#50a332;}
.sponge-map .icon_bus02{border:1px solid #cea000; background-color:#ecb700;}
.worldmap{position:absolute; cursor: pointer;}
.worldmap01 {top:85px; left:350px; }
.worldmap02 {top:45px; left:220px; }
.worldmap03 {top:130px; left:240px; }
.worldmap04 {top:65px; left:560px; }
.worldmap05 {top:175px; left:635px; }
.worldmap06 {top:200px; left:460px; }
.worldmap07 {top:-10px; left:460px; }
.worldmap08 {top:270px; left:460px; }
.worldmap09 {top:115px; left:490px; }

.geolocationList{position:relative; width:420px; float:left; display:inline; }

.geolocation{position:absolute; cursor: pointer;}
.geolocation01 {top:105px; left:145px; }
.geolocation02 {top:100px; left:250px; }
.geolocation03 {top:215px; left:160px; }
.geolocation04 {top:280px; left:250px; }
.geolocation05 {top:340px; left:130px; }       
.geolocation06 {top:532px; left:98px; }


/*길 위의 인문학--------------------------------------------------------------------------*/ 
/*(특별프로그램)*/
.onroad_geolocation{}
.onroad_geolocation_left{ text-align:center; width:100%; margin-bottom:20px; }
.onroad_geolocation_left a{ display:inline-block;}
#geomap_sub{ padding:15px !important; border:1px solid #ddd; margin:0 8px !important; clear:both;}
.MapLocation{margin:0px !important; padding:0px !important; text-align:left; clear:both;}
.MapLocation li{ padding:3px !important; background-image:none !important;  display:inline-block;}


.onroad_geolocation_right{ text-align:right;}
.sponge-nav-tabs-onroad li a{  padding-right:35px !important;}
.sponge-nav-tabs-onroad li a i{ position:absolute; right:5px; font-size:11px !important;}


.onroad_VideoBoard{ padding:10px 0 !important; text-align:center;}
.onroad_VideoBoard li {padding:0px !important; background-image:none !important; border:1px solid #ddd; width:32%; margin:0 0.5%; display:inline-block;  overflow:hidden !important;}
.onroad_VideoBoard li a.VideoBoard{ background-color:#fff; overflow:hidden; padding:0px; text-align:center; height:250px; overflow:hidden !important; width:100%;  }
.onroad_VideoBoard li a.VideoBoard img{ height:200px; margin:0 auto; overflow:hidden ;}
.onroad_VideoBoard li p{ background-color:#eee; min-height:50px; margin:0px; overflow:hidden !important; border-top:1px solid #ddd;}

.btn-group-sponge-page{text-align:center; width:100%; }
.btn-group-sponge-page > .btn{ border-radius:0 !important; float:none;}
.btn-group-sponge-page .page_nation_left{ border-radius:5px 0 0 5px !important;}
.btn-group-sponge-page .page_nation_right{ border-radius:0 5px 5px 0 !important;}



/*.onroad-form-horizontal .form-control, .onroad-form-horizontal .form-control-line{width:90% !important;}*/
.onroad-form-horizontal .col-sm-8 {width:60% !important;}
.onroad-form-horizontal .form-control ~ .form-control-line{left:15px !important; right:15px !important;}

.onroad-form-horizontal .form-group > label,.onroad-form-horizontal  .form-group .control-label{font-size:15px; font-weight:600;  background: url('/Sponge/Images/title/icon_s_default.png') no-repeat; background-position:20px center !important; text-align:left; padding-left:35px; color:#333;}
.onroad-form-horizontal .libtech-header-sub-section{ background: url('/Sponge/Images/title/icon_s_default.png') no-repeat; background-position:5px center !important; text-align:left; padding-left:20px; opacity:0.5;}
.sponge_container_two_column .col-md-6.column-left{ padding-left:0px; width:51.5%; padding-right:5px;}
.sponge_container_two_column .col-md-6.column-right{ padding-right:1px; width:48.5%;}


.ie7-visible{display:none; }
.ie7-hide{display:inline-block; }


/* Skip Menu */
.skipMenu {height:0; width:100%;}
.skipMenu li {display:inline; padding-right:2em;}
.skipMenu li a {position:absolute; top:-9999px; left:0; z-index:1000; width:100%; height:30px; background-color:#000; font-weight:bold; color:#fff; line-height:30px; background-color:#7c7c7c !important; font-family:'NanumBold'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);}
.skipMenu li a:focus,
.skipMenu li a:hover,
.skipMenu li a:active {top:0;}


/*층별안내*/
.floor_visual{ clear:left; color:#666666;}
.floor_visual div.MapImg{margin-bottom:30px; }
.floor_visual hr{ width:100%; }
.floor_visual hr + p.floor_no, .floor_visual > p.floor_no:first-child{  padding-left:20px; }
.floor_visual p.floor_no{float:left; display:inline-block;  padding:20px 0 0 0px; width:30%; margin-right:3%;}
.floor_visual p span{ font-size:larger; font-weight:600; color:#3d3d3d;}
.floor_visual p.floor_no span.number{ display:inline-block; float:left; padding:5px 10px; border-top:3px solid #3532ad; margin-right:20px; color:#b6b6b6; font-weight:900; font-size:30px;}

.floor_visual p.floor_no img{ display:inline-block; padding:3px; background-color:#eee; border:1px solid #ddd; width:calc(100% - 80px); height:140px; margin-bottom:10px; }

.floor_visual .nomList{ color:#b6b6b6; border-top:3px solid #3532ad; font-weight:bolder; display:inline-block; width:50px;  font-size:40px;  letter-spacing:-5px;}







/*층별안내2*/
.sponge-floor-visual{ clear:left; color:#666666;}
.sponge-floor-visual img.MapImg{margin:20px 0; }
.sponge-floor-visual div.blockList{  text-align:left;}
.sponge-floor-visual div.blockList > div{ float:left; display:inline; width:30%; height:200px;}
.sponge-floor-visual div.blockList > div .nomList{ color:#b6b6b6; border-top:3px solid #3532ad; font-weight:bolder; width:50px;  font-size:40px;  letter-spacing:-3px; float:left; display:inline; line-height:normal; text-align:center; }
.sponge-floor-visual div.blockList > div .imgList{  display:inline; float:left; width:230px; padding-left:20px;}
.sponge-floor-visual div.blockList > div img{ display:block; padding:3px; background-color:#eee; border:1px solid #ddd; width:147px; height:95px; }
.sponge-floor-visual div.blockList > div p{ font-size:larger; font-weight:600; color:#3d3d3d;}

/*층별안내2*/
.floor_visual_2020{ margin:0px; padding:0px;}
.floor_visual_2020 .floor_img{ border:1px solid #ddd;}
.floor_visual_2020 img{ width:100%;}
.floor_visual_2020 li{ width:48%; display:inline-block; padding:0px !important; border:1px solid #ddd; height:90px; overflow:hidden; background-image:none !important; margin-bottom:12px !important; }
.floor_visual_2020 li:nth-child(odd){ float:left; }
.floor_visual_2020 li:nth-child(even){ float:right; }



.createGuide { text-align:center; margin:0px !important; padding:0px !important;}
.createGuide.firstList { border-top:1px solid #ddd;}
.sponge-page-guide .createGuide li, .createGuide li{ padding:10px !important; background-image:none !important;  border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:240px; margin-bottom:0;} 
.createGuide li:first-child{ border-left:1px solid #ddd;}
.sponge-page-guide .createGuide > li::before, .createGuide > li::before{ display:none; }
.createGuide li:hover{ background-color:#eee;}
.createGuide li a{ width:100%; display:block; font-size:15px; font-weight:600; text-align:center;}
.createGuide li img{ width:120px; height:175px; margin:5px auto 10px auto; border:1px solid #ddd; padding:3px;   }
.createGuide li a:hover img{ border:1px solid #CCC;}



.sponge-logon-body{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3); max-width:800px; margin:0 auto 20px auto !important;}
.sponge-logon{background:#fff url('/sponge/Images/background/logonBg.png') no-repeat center -120px; width:100%;  border-top:2px solid #2d4da0;  text-align:center; padding:30px 0 30px 0; box-shadow: 0px 5px 20px rgba(255, 255, 255, 0.3) inset; }
.sponge-logon h1{font-size:32px; color:#fff; margin-bottom:0; font-weight:600; }
.sponge-logon h2{font-size:16px; margin:0 0; text-align:left; margin-left:40px; margin-top:20px; margin-bottom:10px;  font-weight:600; color:#2d4da0;}
.sponge-logon div.logonIcon{background:#575757 url('/sponge/Images/Icon/logonIcon.png') no-repeat center 15px; width:80px; height:80px; border-radius:50%; border:2px solid #fff; display:block; margin:30px auto 30px auto; 
                            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3) ; }
.sponge-logon .loginBtn .btn{ padding:15px 40px 15px 40px !important; font-size:18px; border-radius:0px;  border-color:#2d4da0;  background:#2d4da0 linear-gradient(#6a81bc 5%, #2d4da0 90%) !important; /*text-shadow:0px 2px 2px rgba(23, 47, 110, 1);*/ }
.sponge-logon .loginBtn .btn span{background: url('/sponge/Images/Icon/loginBtnIcon.png') no-repeat left center; display:inline-block; width:17px; height:21px; vertical-align:middle; margin-right:10px;}

.sponge-logon p, .sponge-logon ul{font-size:14px; }
.sponge-logon ul{ padding:0 40px 0 40px !important; }
.sponge-logon li{ margin-bottom:10px; }
.sponge-logon li:last-child{ margin-bottom:0; }
.sponge-logon p span{ color:#2c2c2c;}

.sponge-guide-phone{ background-color:#e0ecf4;  width:100%; font-weight:600; color:#0063a3; border:1px solid #6aa3c9; border-radius:2px; box-shadow: 0px 5px 10px rgba(255, 255, 255, 0.5) inset;}
.sponge-guide-phone > .row{ padding:0px; margin:0px;}
.sponge-guide-phone > .row > div{ padding:10px 15px; vertical-align:top; text-align:center;}
.sponge-guide-phone > .row > div > i{ font-size:160%;  vertical-align:middle;}
.sponge-guide-phone > .row > div > i.fa, .sponge-guide-phone > .row > div > i.far, .sponge-guide-phone > .row > div > i.fab, .sponge-guide-phone > .row > div > i.fas{ font-size:250%; margin-right:10px;}
.sponge-guide-phone > .row > div > span{ vertical-align:middle; margin-top:10px; font-size:120%; }


.sponge-guide-phone-red{ background-color:#fbd7e4; color:#d71748; border-color: #e85d8b; }

.sponge-guide-phone > .row > div.col-md-3{ padding:10px 5px;}
.sponge-guide-phone > .row > div.col-md-3 > i.fa, .sponge-guide-phone > .row > div.col-md-3 > i.far, .sponge-guide-phone > .row > div.col-md-3 > i.fab, .sponge-guide-phone > .row > div.col-md-3 > i.fas{ font-size:200%; margin-right:5px;}
.sponge-guide-phone > .row > div.col-md-3 > i.fa-fax, .sponge-guide-phone > .row > div.col-md-3 > i.fa-envelope{font-size:150%;}
.sponge-guide-phone > .row > div.col-md-3 > span{ font-size:110%; }




.sponge-font-weight-bold{font-weight:60.sponge-list-erm dd0;}

       

.sponge-display-inline { display: inline; }


.sponge-folat-left { float: left; }

.btn-file { position: relative; overflow: hidden; margin:0 10px 0 0; padding:0px;}

    .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0; /* background:red; */
        cursor: inherit; display: block; }

.validation-summary-valid { display: none; }


.sponge-file-type-icon { width: 17px; height: 17px; margin:1px;  }

.sponge-mobile-white-padding { padding: 5px 10px; }

.sponge-default-min-height-desktop { min-height: 400px; }

.sponge-textcolor-red { color: #FA4A72; }

.sponge-boardlistheader_entrydate { background: url('/sponge/Images/guidePage/date.png') repeat scroll 0 0 transparent; height: 53px; margin-left: 5px; margin-top: 0px; width: 49px; text-align: center; }

.sponge-entrydatedateMonth { color: #FFFFFF; font-size: 10px; margin: 0; padding: 3px 0 0; text-align: center; }

.sponge-entrydatedateDay { color: #888888; font-family: Times New Roman,Helvetica,Sans-Serif; font-size: 21px; font-weight: 700; margin: 0; padding: 3px 0 0; text-align: center; }

.libtech_li_with_icon { background: url('/sponge/Images/icon/titlearrowicon.png') no-repeat scroll 1px 5px transparent; padding-left: 10px; }


.sponge-table-readview-table { width: 100%; }

.sponge-table-reader-tr { margin-bottom: 2px; height: 30px; }

.sponge-table-reader-label-staff { width: 30%; text-align: right; padding-right: 10px; color: #777; /* color: #6B6767; */
    /*background-color: #efefef; */
    background-color: #e2e1e1; border-radius: 5px; }

.sponge-table-reader-label { width: 30%; text-align: right; padding-right: 10px; color: #7C7979; }

    .sponge-table-reader-label label { margin-bottom: 0; }

.sponge-table-reader-data { width: 70%; color: #000; }

.sponge-table-reader-data-staff { padding: 2px 4px; font-size: 100%; color: #fff; background-color: #f6da9d; border-radius: 3px; }



.clicker_command_button_section { text-align: right; margin-top: 5px; margin-bottom: 20px; }

.clicker_small_command_button_section { text-align: right; margin-top: 0px; margin-bottom: 5px; }
.sponge-clicker-seats{ margin-top:20px !important; line-height:35px !important;}
.sponge-clicker-seats input[type='radio'], .sponge-clicker-seats input[type='checkbox']{ line-height:normal !important; margin-top:0px !important; vertical-align:middle;}

.sponge-alert-messagebox { padding: 10px; margin-bottom: 10px; text-align: center; }

.sponge-container-mini-center-body { margin: 0 auto; width: 70%; }

.six_column_photo_small_image { height: 40px; width: auto; }

.side-collapse-container { width: 100%; position: relative; left: 0; overflow: hidden; transition: left .4s; }

.side-collapse-container.out { left: 150px; overflow: hidden; }

.side-collapse { top: 18px; bottom: 0; left: 0; width: 150px; position: fixed; overflow: visible; transition: width .4s; }

.side-collapse.in { width: 0; overflow: hidden; }




.sponge-select-width { width: 120px; }

.sponge-class-index-odd { background-color: #FBFDFD; }

.sponge-float-left { float: left; }

.sopnge-welcome-search-booklist{ width:100%; display:block;  margin-top:30px; }
.sopnge-welcome-search-booklist .col-md-6{ width:50%; float:left; }

.sopnge-welcome-search-archivelist{ width:1170px;display:block;  margin-top:30px; }
.sopnge-welcome-search-archivelist .col-md-6{ width:50%; float:left; }

    
ul.user-welcome-page-thumb { list-style: none;margin:0 0px; padding: 0px; text-align:center; width:100%;}
ul.user-welcome-page-thumb > li { display:inline-block; background-image:none; padding:10px; margin:0px; background-image:none !important; }
ul.user-welcome-page-thumb > li > a{ display:inline-block; }
ul.user-welcome-page-thumb > li::before { display:none; }
ul.user-welcome-page-thumb > li > a > img { width: 70px; height: 90px; /* -ms-interpolation-mode: bicubic; */ border: 1px solid #DDD; padding: 2px; background: #F0F0F0;}



ul.user-welcome-page-thumb2{ text-align:center; /*background:#fff url('../../Sponge/Images/background/classGuideBg.png') no-repeat center bottom; padding-bottom:42px;*/ padding-right:10px; }
ul.user-welcome-page-thumb2 > li > a > img { width: 88px; height: 120px; border-color:#cccccc; }
    
ul.user-welcome-archive-page-thumb { list-style: none;margin:0 0px; padding: 0px; text-align:center; width:100%;}
ul.user-welcome-archive-page-thumb > li { display:inline-block; background-image:none; padding:10px; margin:0px; background-image:none !important; }
ul.user-welcome-archive-page-thumb > li > a > img { /* -ms-interpolation-mode: bicubic; */ border: 1px solid #DDD; padding: 2px; background: #F0F0F0;}


#search-advanced-box { text-align: center; margin: 10px; }

    #search-advanced-box dl { clear: both; }

    #search-advanced-box dt { padding-right: 10px; }

    #search-advanced-box dt, #search-advanced-box dd { display: inline; }

        #search-advanced-box dd.engSerial03 { display: block; padding: 5px 0 0 47px; }


.search-advanced-table { width: 770px; height: 100%; margin: 0 auto; border: 0; }

#divkeyword { padding: 12px; }

.search-advanced-table th { width: 30%; border: 0; padding: 2px 10px; text-align: right; font-weight: 600; }

.search-advanced-table td { border: 0; padding: 2px 0 2px 0px; text-align: left; }




.form-inline .search-advance-ddl-first { width: 120px; }

.form-inline .search-advance-query { width: 250px; }

.form-inline .search-advance-year { width: 120px; }



.btn-mobile-sm,
.btn-group-mobile-sm > .btn { padding: 3px 6px; font-size: 9pt; line-height: 1.5; border-radius: 3px; z-index:2; }
.btn-group-mobile-sm > .btn-sponge-default{ margin-left:0px !important;}
.sponge-admin-header { font-size: 15px; }

.sponge-white-back-solid-items { background-color: #FFF; padding: 10px; border: 1px solid #D6CDCD; margin-bottom: 10px; }

.sponge-white-back-default-height { height: 119px; overflow: hidden; }

.pull-in { margin-right: -15px; margin-left: -15px; }

.line { width: 100%; height: 1px; margin: 10px 0; overflow: hidden; font-size: 0; background-color:#eee; }
.panel-body > .line:last-child{ background-color:#fff;}


.i-switch { position: relative; display: inline-block; width: 35px; height: 20px; margin: 0; cursor: pointer; background-color: #27c24c; border-radius: 30px; }

    .i-switch input { position: absolute; opacity: 0; filter: alpha(opacity=0); }

        .i-switch input:checked + i:before { top: 50%; right: 5px; bottom: 50%; left: 50%; border-width: 0; border-radius: 5px; }

        .i-switch input:checked + i:after { margin-left: 16px; }

    .i-switch i:before { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; background-color: #fff; border: 1px solid #f0f0f0; border-radius: 30px; content: ""; -webkit-transition: all 0.2s; transition: all 0.2s; }

    .i-switch i:after { position: absolute; top: 1px; bottom: 1px; width: 18px; background-color: #fff; border-radius: 50%; content: ""; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); -webkit-transition: margin-left 0.3s; transition: margin-left 0.3s; }

.i-switch-md { width: 40px; height: 24px; }

    .i-switch-md input:checked + i:after { margin-left: 17px; }

    .i-switch-md i:after { width: 22px; }

.i-switch-lg { width: 50px; height: 30px; }

    .i-switch-lg input:checked + i:after { margin-left: 21px; }

    .i-switch-lg i:after { width: 28px; }

.i-checks { padding-left: 20px; cursor: pointer; }

    .i-checks input { position: absolute; margin-left: -20px; opacity: 0; }

        .i-checks input:checked + i { border-color: #23b7e5; }

            .i-checks input:checked + i:before { top: 4px; left: 4px; width: 10px; height: 10px; background-color: #23b7e5; }

        .i-checks input:checked + span .active { display: inherit; }

        .i-checks input[type="radio"] + i,
        .i-checks input[type="radio"] + i:before { border-radius: 50%; }

        .i-checks input[disabled] + i,
        fieldset[disabled] .i-checks input + i { border-color: #dee5e7; }

            .i-checks input[disabled] + i:before,
            fieldset[disabled] .i-checks input + i:before { background-color: #dee5e7; }

    .i-checks > i { position: relative; display: inline-block; width: 20px; height: 20px; margin-top: -2px; margin-right: 4px; margin-left: -20px; line-height: 1; vertical-align: middle; background-color: #fff; border: 1px solid #cfdadd; }

        .i-checks > i:before { position: absolute; top: 10px; left: 10px; width: 0; height: 0; background-color: transparent; content: ""; -webkit-transition: all 0.2s; transition: all 0.2s; }

    .i-checks > span { margin-left: -20px; }

        .i-checks > span .active { display: none; }

/*회원가입*/
.Rqall {width: 820px; margin: auto; letter-spacing: -0.5px; }
.Rqall h1 {font-size: 20px; text-align: center; padding: 10px 0; }
.agreeCon {height: 180px; overflow: hidden; overflow: hidden; border: 5px solid #dddddd; margin-top: 3px; padding: 10px; line-height: 24px; color: #666; }
.agreeCon1 {height: auto; overflow: hidden; overflow: hidden; border: 5px solid #dddddd; margin-top: 3px; padding: 10px; line-height: 24px; color: #666; }
.agreeCon p {padding: 0 0 5px 0; font-weight: bold; }
.agreeCon li {padding: 5px 0 5px 20px; }
.agreeCon1 p {padding: 0 0 5px 0; font-weight: bold; }
.agreeCon1 li {padding: 5px 0 5px 20px; }
.agreeCon2 {border: 2px solid #dddddd; margin-top: 3px; padding: 5px 10px 0 10px; line-height: 24px; color: #666; }
.agreeForm {overflow: hidden; padding-top: 10px; }
.agreeForm dl {float: right; }
.agreeForm dl dt, .agreeForm dl dd {float: left; margin: 0 0 0 10px; line-height: 18px; }
.agreeForm label {vertical-align: middle; margin: 0; }
.agreeForm input {vertical-align: middle; margin: 0 0 0 10px; }
.Rqall .searchBtn {text-align: center; padding: 15px; }

.agreeCon { height: 150px; overflow: auto; overflow-x: hidden; border: 1px solid #dddddd; padding: 0 10px; line-height: 18px; color: #666; }

.agreeCon h5 { margin: 0px; background-image: none !important; padding-left: 0px; }

.agreeCon2 { border: 2px solid #dddddd; margin-top: 3px; padding: 5px 10px 0 10px; line-height: 24px; color: #666; }

.agreeForm { overflow: hidden; padding-top: 10px; }

.agreeForm dl { float: right; }
.agreeForm dl dt, .agreeForm dl dd { float: left; margin: 0 0 0 10px; line-height: 18px; }
.agreeForm input, .agreeForm label { vertical-align: middle; margin: 0; }
.agreeForm input { vertical-align: middle; margin: 0 0 0 10px; }

.agreeForm2021 { }
.sponge-page-guide .agreeForm2021 h4{ border:1px solid #000; font-size:40px; width:100%; padding:40px; text-align:center; background-image:none; color:#000;  margin-bottom:20px; }
.sponge-page-guide .agreeForm2021 > div{ border:1px solid #000;  padding:20px; color:#000; background-color:#eee; margin-bottom:20px; }

.sponge-page-guide .agreeForm2021 table.sponge-table-default, .sponge-page-guide .agreeForm2021 table.sponge-table-default th, .sponge-page-guide .agreeForm2021 table.sponge-table-default td{border-color:#000; color:#000; background-color:#fff; text-align:center;}

.sponge-page-guide .agreeForm2021 table.sponge-table-default td.left{text-align:left;}

.sponge-page-guide .MyDocument-Rqall h4{ padding:0; border-top-width:0; color:#000; font-size:17pt; }
.sponge-page-guide .MyDocument-Rqall h4::before{ display:none; }
.sponge-page-guide .MyDocument-Rqall h4.first{ margin-top:0px !important; }
.sponge-page-guide .MyDocument-Rqall h5{ padding:0; border-top-width:0; color:#000; font-size:14pt; }
.sponge-page-guide .MyDocument-Rqall h5::before{ display:none; }
.sponge-page-guide .MyDocument-Rqall h5.first{ margin-top:0px !important; }
.sponge-page-guide .MyDocument-Rqall table{ border-left-width:0;border-right-width:0;}
.sponge-page-guide .MyDocument-Rqall table h5{ margin-top:0px !important; }
.sponge-page-guide .MyDocument-Rqall table td, .sponge-page-guide .MyDocument-Rqall table th{padding:10px;}
.sponge-page-guide .MyDocument-Rqall table tbody > tr > td:first-child{border-left-width:0;}
/*.modal-dialog { width: 480px; }*/

.modal-sm { width: 350px; margin:100px auto;}
.modal{z-index:9000;}
.sponge-color-sponge { color: #5688E0 !important; }
.sponge-color-default { color: #484848 !important; }


    .sponge-color-default:-ms-input-placeholder { color: #848484; }

.label.label-danger.sponge-color-red{}
.sponge-color-red, .btn-default.sponge-color-red{ color: #ff0000 !important; }
.sponge-color-red:-ms-input-placeholder { color: #e8acc3; }
a span.sponge-color-red{ color: #ff0000 !important; }
a span.sponge-color-red:hover{ color: #007fb6 !important; }


.sponge-color-darkpink{ color: #f84e6a;}
.sponge-color-green { color: #78af19; }
.sponge-color-darkgreen { color: #00733f; }
.sponge-color-gray { color: #8f8f8f; }
.sponge-color-yellow { color: #FFC107; }
.sponge-color-purple { color: #7f00e1; }
.sponge-color-white{ color:#fff;}
.sponge-color-black{ color:#000; }

.sponge-color-blue { color: #007fb6; }
a span.sponge-color-blue{ color: #4e98e4; }
a span.sponge-color-blue:hover{ color: #555; }

.sponge-color-orange { color: #ff6c00; }

.sponge-color-lightgray { color: #929292; }

.sponge-page-guide h4 .pull-right, .sponge-page-guide h5 .pull-right {color:#484848;}
.sponge-page-guide h4 .pull-right.btn-info, .sponge-page-guide h5 .pull-right.btn-info {color:#fff;}

.sponge-floor-icon{ text-align:right; padding:15px 0 0 0; }
.sponge-floor-icon > li{ margin-left:10px; display:inline-block; }
.sponge-floor-icon > li::before{ display:none; }

.sponge-input-style { }

    .sponge-input-style p { padding: 0 0 15px 0; margin: 0px; }

    .sponge-input-style input, .sponge-input-style select { margin: 0px; line-height: normal; vertical-align: middle; line-height: normal; }
        .sponge-input-style input.input10p, .sponge-input-style select.select10p { width: 10%; }
        .sponge-input-style input.input20p, .sponge-input-style select.select20p { width: 20%; }
        .sponge-input-style input.input24p, .sponge-input-style select.select24p { width: 24%; }
        .sponge-input-style input.input25p, .sponge-input-style select.select25p { width: 25%; }
        .sponge-input-style input.input30p, .sponge-input-style select.select30p { width: 30%; }
        .sponge-input-style input.input40p, .sponge-input-style select.select40p { width: 40%; }
        .sponge-input-style input.input50p, .sponge-input-style select.select50p { width: 50%; }
        .sponge-input-style input.input60p, .sponge-input-style select.select60p { width: 60%; }
        .sponge-input-style input.input70p, .sponge-input-style select.select70p { width: 70%; }
        .sponge-input-style input.input80p, .sponge-input-style select.select80p { width: 80%; }
        .sponge-input-style input.input89p, .sponge-input-style select.select89p { width: 89%; }
        .sponge-input-style input.input90p, .sponge-input-style select.select90p { width: 90%; }
        .sponge-input-style input.input95p, .sponge-input-style select.select95p { width: 95%; }
        .sponge-input-style input.input96p, .sponge-input-style select.select96p { width: 96%; }
        .sponge-input-style input.input97p, .sponge-input-style select.select97p { width: 97%; }
        .sponge-input-style input.input98p, .sponge-input-style select.select98p { width: 98%; }
        .sponge-input-style input.input99p, .sponge-input-style select.select99p { width: 99%; }
        .sponge-input-style input.input100p, .sponge-input-style select.select100p { width: 100%; }
        .sponge-input-style input.input01 { width: 95%; }
        .sponge-input-style input.input02 { width: 95%; }
        .sponge-input-style input.input03 { width: 250px; display: inline; float: left; margin-right: 10px; }
        .sponge-input-style input.input04 { width: 95%; }
        .sponge-input-style input.input05 { width: 95%; }
        .sponge-input-style input.input75 { width: 75px; }
        .sponge-input-style input.input150 { width: 150px; }
        .sponge-input-style input.input250 { width: 250px; }
        .sponge-input-style input.input400 { width: 400px; }
        .sponge-input-style input.input470 { width: 470px; }
        .sponge-input-style input.input500 { width: 500px; }
        .sponge-input-style input.mod01 { ime-mode: disabled; }
    .sponge-input-style select { width: 225px; line-height: normal; }
        .sponge-input-style select.select150 { width: 150px; }

    .sponge-input-style textarea { width: 95%; height: 100px; border: 1px solid #CCC; padding: 3px 6px; border-radius: 3px; line-height: normal; }

    /*.sponge-input-style input:-ms-input-placeholder { color: #848484; }

    .sponge-input-style input.input01:-ms-input-placeholder { color: #848484; }

    .sponge-input-style textarea:-ms-input-placeholder { color: #848484; }*/

    .sponge-input-style input[type='radio'], .sponge-input-style input[type='checkbox'], .sponge-input-style input[type='file']{ vertical-align: middle; border: 0px; }

    .sponge-input-style .sponge-btnSearch { width: 100px; margin-top: 10px; line-height: normal; }

.img-sponge-circle { height: auto; max-width: 100%; vertical-align: middle; border-radius: 50%; border: 0;}

#clicker_div_users_guide_panel { top: 20px; left: 160px; width: 880px; display: none; }


.sponge-page-guide-delete { border: 2px solid #e5e5e5; font-size: 24px; color: #504B4B; padding: 80px 0 0% 350px; margin: 0 auto; height: 300px; background: url('/Sponge/Images/guidePage/deleteBackground.png') no-repeat 100px 60px; }

.sponge-page-guide-delete h2 { font-size: 24px; }

.sponge-page-guide-delete p { padding-top: 10px; }

.sponge-page-guide-delete p span { color: #1da3db; font-size: 30px; font-weight: 600; }

.sponge-label { padding-right: 5px; padding-left: 5px; }

.sponge-value { padding-right: 5px; padding-left: 5px; }

#bookingList { width: 100%; }

    #bookingList ul { float: right; }

    #bookingList li { display: inline; padding-left: 10px; }

.bannerpagethumb li { width: 48%; border: 1px solid #ddd; background-color: #eee; display: inline; float: left; text-align: center; margin:0  1%; background-image:none !important; padding-left:0 !important; }

    .bannerpagethumb li div.imges-banner { min-height: 200px; width: 95%; border: 1px solid #ddd; background-color: #fff; margin: 10px auto; overflow: hidden; }

        .bannerpagethumb li div.imges-banner img { }

    .bannerpagethumb li div.text-banner { margin-bottom: 10px; }

.modal-header-error { background-color: #F05050; }

.modal-header-warning { background-color: #F0B750; }

/*항상 테스트 css는 맨 아래에 위치하도록 하여 주십시오. css가 깨지는 경우에 확인용을 쓰는 css 입니다. 
  문제가 발생하면 아래의 경로에서 검증을 하시기 바랍니다. 2014.12.06 박경화
  http://jigsaw.w3.org/css-validator/
*/
.sponge-border-test { border: 1px solid #f70a0a !important; }
.sponge-border { border: 1px solid #ddd !important; }
.sponge-border-bottom { border-bottom: 1px solid #ddd !important; margin-bottom:5px; padding-bottom:5px; }
.sponge-border-bottom:last-child { border-bottom: 0px solid #ddd !important; }
.sponge-profilethumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }


.sponge-profile-mid-photo-image { /* max-height: 280px; */
    width: 160px; /*일단고정사이즈로 가봅니다...*/ height: 160px; border: 1px solid #DDD; padding: 2px; background: #F0F0F0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); }

/*FAQ리스트*/

.faq_result { border-top: 0px solid #86a8dd; padding: 1px 0 0 0; }
.faq_result dt { cursor:pointer; border-bottom: 1px solid #b7b7b7; padding: 6px 5px 5px 27px; color: #638ed2; font-weight: 600; border-top: 2px solid #b9cfdb; margin-bottom: 10px; vertical-align: top; position:relative; }
.faq_result dt:hover { background-color:#638ed2; }
.faq_result dt::before{ content:'Q'; color:#638ed2; font-weight:900; position:absolute; left:5px; top:5px; font-family:'나눔고딕';}
.faq_result a { color: #638ed2; font-weight:600; text-decoration:underline; }
.faq_result a:hover { color: #5796f9; }
.faq_result dt:hover { background-color: #edf5f7; }
.faq_result dd {  background: url('/Sponge/Images/icon/btn_a.png') no-repeat 8px 7px; padding-left: 50px; padding-right: 10px; padding-bottom: 10px; line-height: 24px; }
.faq_result dd h5{ margin:15px 0 10px 0; }


.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders .faq_result dd { display:block !important; }
.faq_result h4 { background-color: #5997c2 !important; padding: 10px 20px; width: 100%; color: #fff !important; text-align: center; background-image: none !important; font-weight: 600; font-size: 14px !important; text-align:left; }
.sponge-page-guide .faq_result h4::before{ display:none; }
.faq_result ul{ padding-left:0px !important; }

.sponge-position-relative {position:relative; padding-bottom:30px; z-index:3;}
.btn-close{float:right; position:absolute; right:5px; bottom:5px; z-index:2;}
.btn-more{float:right; position:absolute; right:5px; bottom:5px; z-index:1;}

.MyPage-board{ padding:0 0 0 0; margin:0px;}
.MyPage-board .row{margin:0 0 0 0px; padding:0px;}


.MyPage-board .title{ height:30px; font-weight:600; border-bottom:1px solid #ddd;}
.MyPage-board h5{ height:30px !important; font-weight:600 !important; color:#262626 !important; padding:0 0 !important; margin:0px !important;  font-size:18px !important; display:block; float:left !important;  border-bottom:2px solid #276cc4; background-image:none !important;}
.MyPage-board h5::before{display:none;}
.MyPage-board h5 span.sponge-language-english{ font-size:15px;}
.MyPage-board a.main-more-icon{ margin:5px 0 0 10px; float:right; display:block; width:14px; height:14px; background: url('/Sponge/Images/icon/more_plus.png') no-repeat left bottom; }
/*.MyPage-SubjectRead-row .main-more-icon{ display:block; width:12px; height:12px; background: url('/Sponge/Images/icon/more_plus.png') no-repeat center center; display:inline-block; }
.MyPage-SubjectRead-row a.more-icon{ margin:5px 0 0 10px; float:right; display:block; width:14px; height:14px; background: url('/Sponge/Images/icon/more_plus.png') no-repeat left bottom; }*/
.MyPage-board a.more-icon, a.more-icon { margin:5px 0 0 10px; float:right; display:block; width:14px; height:14px; background: url('/Sponge/Images/icon/more_plus.png') no-repeat center center; }
.MyPage-board i.main-more-icon{ margin: 0 0 ; display:inline-block; width:12px; height:12px;  background: url('/Sponge/Images/icon/more_plus.png') no-repeat center center; }
.MyPage-board a.main-more-icon span{ padding-left:2px; letter-spacing:0px; display:none; }
.MyPage-board ul.data{ padding:0 0 0 0; margin:20px 0 0 0; clear:both; }

.MyPage-board li.list{ clear:both; width:100%; margin:0px; height:35px;  overflow:hidden; vertical-align:bottom;  }
.MyPage-board li.list:last-child{ height:25px; }
.MyPage-board li.list a{ width:75%; height:22px; float:left; display:inline; color:#222222; text-align:left; overflow:hidden;}
.MyPage-board li.list p{ width:25%; float:right; display:inline; padding:0 0; text-align:right;  margin:0px; } 



.MyPage-board ul.data.dataBook { text-align:center; overflow:hidden; margin-top:25px;}
.MyPage-board ul.data.dataBook li{ width:24%; display:inline-block; float:none !important; height:auto !important; background-image:none !important; padding:0px !important;}
.MyPage-board ul.data.dataBook li img{ width:110px; height:160px; border:1px solid #eee;}
.MyPage-board ul.data.dataBook li img:hover{ border-color:#7c7c7c;}

.dataroomGuide .col-md-6{ min-height:280px;} 
.MyPage-board dl{ padding:10px 0 0 0; clear:both; width:100%; margin:0px; }
.MyPage-board dt{ clear:both; float:left; display:inline; width:20%; padding:10px 0; border-top:1px solid #eee;}
.MyPage-board dd{  float:left; display:inline; width:80%; padding:10px 0; border-top:1px solid #eee; } 
.MyPage-board dl dt:first-child, .MyPage-board dl > dd.first{ border-top:0px solid #eee; } 


.MyPage-SubjectRead .MyPage-SubjectRead-row{ margin:0 -10px;}



.MyPage-SubjectRead .col-md-6, .MyPage-SubjectRead .col-md-12{ padding:0 10px; margin-bottom:15px;}
.MyPage-SubjectRead .col-md-6 > div, .MyPage-SubjectRead .col-md-12 > div{ border:1px solid #ddd; padding:20px;}
.MyPage-SubjectRead .col-md-6 > div{height:257px; overflow-y:hidden;}
.MyPage-board.MyPage-SubjectRead ul.data.data2 li.list{  width:49%; float:left; display:inline-block; clear:none; }

.exportType li{ display:inline-block; padding-left:0px !important; background-image:none !important; margin-right:15px;}



.VideoBoard { margin-top: 7px; }

    .VideoBoard .sponge-color-lightgray a { color: #929292; }

        .VideoBoard .sponge-color-lightgray a:hover, .VideoBoard .sponge-color-lightgray a.over { color: #555; }

.text-xs { font-size: 12px; }

.ui-widget { font-family: "Nanum Gothic", "나눔고딕", Lucida Grande, Georgia, "맑은 고딕", "굴림"; }

.alert-sponge { border-radius: 2px !important; color: #666; background-color: #EDF1F2; border: 1px solid #DEE5E7 !important; padding: 8px 14px 8px 14px !important; }
.alert > ul:last-child{margin-bottom:0;}

.sponge-dl-default dl { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; }

.sponge-dl-default dt { float: left; clear: left; width: 180px; text-align: right; color: #666; font-weight: 600; padding: 0 0 0.5em 0; }
.sponge-dl-default dt:after { /*content: ":"; */ }

.sponge-dl-default dd { margin: 0 0 0 190px; padding: 0 0 0.5em 0; color: #1179CE; }

.clicker_progress { background: rgb(204,204,204); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(204,204,204,1) 10%, rgba(233,233,233,1) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(204,204,204,1)), color-stop(90%,rgba(233,233,233,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(204,204,204,1) 10%,rgba(233,233,233,1) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(204,204,204,1) 10%,rgba(233,233,233,1) 90%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(204,204,204,1) 10%,rgba(233,233,233,1) 90%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(204,204,204,1) 10%,rgba(233,233,233,1) 90%); /* W3C */
    border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 0 #FFFFFF; display: block; height: 22px; margin: 4px 0; min-width: 200px; padding: 0; position: relative; }

    .clicker_progress span { border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; display: block; height: 20px; margin: 0; padding: 0; text-align: center; width: 0; }
    .clicker_progress span b { color: #FFFFFF; line-height: 20px; padding-left: 2px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.progress-blue span { /*background: -moz-linear-gradient(center top , #00ADEE 10%, #0078A5 90%) repeat scroll 0 0 transparent; background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#00ADEE),
        to(#0078A5)); */
    background: rgb(0,173,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,173,238,1) 10%, rgba(0,120,165,1) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(0,173,238,1)), color-stop(90%,rgba(0,120,165,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,173,238,1) 10%,rgba(0,120,165,1) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,173,238,1) 10%,rgba(0,120,165,1) 90%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0,173,238,1) 10%,rgba(0,120,165,1) 90%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adee', endColorstr='#0078a5',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(0,173,238,1) 10%,rgba(0,120,165,1) 90%); /* W3C */
    border: 1px solid #0078A5; }

.progress-green span { /*background: -moz-linear-gradient(center top , #8FC857 10%, #5C9425 90%) repeat scroll 0 0 transparent; background: -webkit-gradient(
linear, left top, left bottom, 
from(#8FC857),
to(#5C9425)); */
    background: rgb(143,200,87); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(143,200,87,1) 10%, rgba(92,148,37,1) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(143,200,87,1)), color-stop(90%,rgba(92,148,37,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc857', endColorstr='#5c9425',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* W3C */
    border: 1px solid #5C9425; }

.progress-orange span { background: rgb(250,165,26); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(250,165,26,1) 10%, rgba(244,122,32,1) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(250,165,26,1)), color-stop(90%,rgba(244,122,32,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(250,165,26,1) 10%,rgba(244,122,32,1) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(250,165,26,1) 10%,rgba(244,122,32,1) 90%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(250,165,26,1) 10%,rgba(244,122,32,1) 90%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(250,165,26,1) 10%,rgba(244,122,32,1) 90%); /* W3C */
    border: 1px solid #F47A20; }

.progress-red span { background: rgb(221,95,95); background: -moz-linear-gradient(top, rgba(221,95,95,1) 10%, rgba(169,44,44,1) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(221,95,95,1)), color-stop(90%,rgba(169,44,44,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(221,95,95,1) 10%,rgba(169,44,44,1) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(221,95,95,1) 10%,rgba(169,44,44,1) 90%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(221,95,95,1) 10%,rgba(169,44,44,1) 90%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd5f5f', endColorstr='#a92c2c',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(221,95,95,1) 10%,rgba(169,44,44,1) 90%); /* W3C */
    border: 1px solid #A92C2C; }

th { font-weight: 500; }

.bs-callout { padding: 20px; margin: 20px 0; border: 1px solid #EEE; border-left-width: 5px; border-radius: 3px; background-color: #FCFCFC; }

.bs-callout-normal { border-left-color: #A7B5A7; }


.arrowBox { width: 100%; }
.arrowBox p { padding: 10px !important; text-align: center; display: inline; float: left; margin-bottom: 10px; border-radius: 3px; vertical-align: middle; min-height:90px; }
.arrowBox p.box { width: auto; border: 1px solid #dddddd !important; }
.arrowBox div.box { padding: 10px !important; text-align: center; display: inline; float: left; margin-bottom: 10px; border-radius: 3px; vertical-align: middle; min-height:90px; width: auto; border: 1px solid #dddddd !important;}
.arrowBox div.box ul{text-align:left;}
.arrowBox p.arrow { border: 0px; }
.arrowBox p.arrow span { font-size: 50px; color: #83b7e3; font-weight: bold; }

.arrowBox2019{ border:1px solid #c8c8c8; background:#fff; border-radius:3px; /*box-shadow:0 0 20px #ddd inset !important;*/box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1) inset; width:100%; margin-bottom:30px; }
.sponge-page-guide .arrowBox2019 + ul{ padding-top:0px;}
.sponge-page-guide .arrowBox2019{ margin-bottom:20px; }
.arrowBox2019 table{ width: 100%;border-bottom:1px solid #c8c8c8;}
.arrowBox2019 table:last-child{ border-bottom-width:0;}
.arrowBox2019 td, .arrowBox2019 .sponge-table-default tbody td, .sponge-table-default .arrowBox2019 tbody td { padding:15px 40px 15px 10px; margin:0px;  background: url('/Sponge/Images/Arrow/arrowBoxGray.png') no-repeat right center; vertical-align:middle; 
                                     text-align:center; color:#555; font-weight:600; line-height:18px; border-left-width:0; }
.arrowBox2019 table:last-child tr > td:last-child{ background-image:none !important; padding-right:15px; }
.arrowBox2019 td i{ display:inline-block; font-size:30px; color:#5aa8dd;}
.arrowBox2019 td .arrow-small{font-size:80%; font-weight:normal; line-height:15px;}
.arrowBox2019 td span{ display:inline-block; }
.arrowBox2019 td a{ text-decoration:underline; }
.arrowBox2019-small.arrowBox2019 td{padding:15px 20px 15px 10px;}
.arrowBox2019 + ul{ padding-top:20px;}


.arrowBox2019-gradient{ border-color:#555;}
.arrowBox2019-gradient td, .arrowBox2019-gradient .sponge-table-default tbody td { background-image: url('/Sponge/Images/Arrow/arrowBoxGray-left.png'); color:#000; }
.arrowBox2019-gradient table tbody tr{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+13,7db9e8+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 13%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 13%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 13%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */

}

.arrowBox2019-black{ border-color:#555;}
.arrowBox2019-black td, .arrowBox2019-black .sponge-table-default tbody td { background-image: url('/Sponge/Images/Arrow/arrowBoxGray-left.png'); color:#000; }






.arrowBox2{ clear:both;}
.arrowBox2 li{ background: url('/Sponge/Images/Arrow/Arrow.png') no-repeat right 37px !important; display:inline-block;   padding-left:0px !important; padding-right:45px; margin-right:30px; text-align:center;  font-weight:600; font-size:15px; vertical-align:top; }
.arrowBox2 li::before{display:none;}
.sponge-page-guide .arrowBox2 li{ background-position: right 37px !important; text-align:center;}
.arrowBox2 li:last-child{ background-image:none !important; padding-right:0px; margin-right:0px;}
.arrowBox2 li span.fa, .arrowBox2 li i.fa, .arrowBox2 li span.far, .arrowBox2 li i.far, .arrowBox2 li span.fas, .arrowBox2 li i.fas, .arrowBox2 li span.fab, .arrowBox2 li i.fab, .arrowBox2 li span.glyphicon, .arrowBox2 li i.glyphicon
{ color:#1b4c9d; font-size:35px; background: url('/Sponge/Images/Arrow/ArrowBg.png') no-repeat left center; padding-top:21px;  width:81px; height:76px; display:block; margin:10px auto; padding-right:5px; display:block}

.arrowBox2 .list01{opacity: 1;}
.arrowBox2 .list02{opacity: 0.50;}
.arrowBox2 .list03{opacity: 0.80;}
.arrowBox2 li ul { border-top:1px dashed #ccc; margin-top:15px; padding-top:15px;}
.arrowBox2 li li{ background: url('/Sponge/Images/title/icon_s_default.png') no-repeat !important; background-position:left 10px !important; width:100% !important;font-weight:normal; font-size:13px; text-align:left; 
                  padding:0 0 0 10px !important; margin:0 0 5px 0 !important; }
.arrowBox2 li li:last-child{ background: url('/Sponge/Images/title/icon_s_default.png') no-repeat !important; background-position:left 10px !important;}
.arrowBox2 li p{ color:#007fb6; border-top:1px solid #eee;  font-size:20px; }
.arrowBox2 .small{ font-size:20px; color:#1b4c9d; background: url('/Sponge/Images/Arrow/ArrowBg.png') no-repeat left center; padding-top:21px;  width:81px; height:76px; display:block; margin:10px auto; padding-right:5px; display:block}
.arrowBox2 .large{ font-size:50px; padding-top:13px;}

.sponge-page-guide .arrowBox2 ul li{ text-align:left; background-position:left 9px !important;}


.arrowBox3{ clear:both;}
.arrowBox3 li{ display:inline-block; background-image:none !important; padding-left:0px !important; width:95px; margin-right:30px; text-align:center;  font-weight:600; font-size:14px; }
.arrowBox3 li::before{display:none;}
.arrowBox3 li:last-child{ background-image:none !important; padding-right:0px; margin-right:0px;}
.arrowBox3 li a{ width:90px; height:90px; border-radius: 100px; display:inline-block; text-align:center; float:left; background-color:#5b9dc0; border:1px solid #6289a2; vertical-align:middle; font-size:22px; font-weight:600; text-shadow:0px 2px 2px #336e94; color:#fff; padding-top:28px; line-height:1.7 !important; }
.arrowBox3 li.list01 a{ background-color:#5b9dc0; border-color:#6289a2; }
.arrowBox3 li.list02 a{ background-color:#50c8c9; border-color:#5cb7b8;}
.arrowBox3 li.list03 a{ background-color:#5593bc; border-color:#5483a1;}
.arrowBox3 li.list04 a{ background-color:#8ec0e5; border-color:#99bad0;}
.arrowBox3 li.list05 a{ background-color:#50c8c7; border-color:#5eb3b4;}
.arrowBox3 li.list06 a{ background-color:#0e8dd7; border-color:#035788;}
.arrowBox3 li.list07 a{ background-color:#5b9dc0; border-color:#6289a2;}
.arrowBox3 li span { vertical-align:middle; background: url('/Sponge/Images/Arrow/ArrowBlue.png') no-repeat; float:left; display:inline-block; width:4px; height:7px; margin-top:43px;}
.arrowBox3 li.list01 span{ background-position:left top; }
.arrowBox3 li.list02 span{ background-position:left -30px;}
.arrowBox3 li.list03 span{ background-position:left -60px;}
.arrowBox3 li.list04 span{ background-position:left -90px;}
.arrowBox3 li.list05 span{ background-position:left -120px;}
.arrowBox3 li.list06 span{ background-position:left -150px;}
.arrowBox3 li.list07 span{ background-position:left -180px; background-image:none !important;}
.arrowBox3 li.line2 a{  padding-top:24px !important;}

.arrowBox5{ clear:both;}
.arrowBox5 li{ display:inline-block; background-image:none !important; padding-left:0px !important; width:95px; margin-right:30px; text-align:center;  font-weight:600; font-size:15px; }
.arrowBox5 li::before{display:none;}
.arrowBox5 li:last-child{ background-image:none !important; padding-right:0px; margin-right:0px;}
.arrowBox5 li a{ width:90px; height:90px; border-radius: 100px; display:inline-block; float:left; background-color:#893645; border:1px solid #6f2c38; vertical-align:middle; font-size:22px; font-weight:600; text-shadow:0px 1px 2px #572830; color:#fff; padding-top:28px; line-height:1.7 !important; }
.arrowBox5 li.list01 { opacity: 0.9; }
.arrowBox5 li.list02 { opacity: 0.7; }
.arrowBox5 li.list03 { opacity: 0.5; }
.arrowBox5 li.list04 { opacity: 0.8; }
.arrowBox5 li.list05 { opacity: 0.7; }
.arrowBox5 li.list06 { opacity: 1;  }
.arrowBox5 li.list07 { opacity: 0.3; background-image:none !important; }
.arrowBox5 li span { vertical-align:middle; background: url('/Sponge/Images/Arrow/ArrowRed.png') no-repeat; float:left; display:inline-block; width:4px; height:7px; margin-top:43px;}
.arrowBox5 li.list07 span{ background-image:none !important; }

.arrowBox4{ clear:both;}
.arrowBox4 li{ display:inline-block;   padding-left:0px !important; padding-right:20px; text-align:center;  font-weight:600; font-size:15px; }
.arrowBox4 li::before{display:none;}
.arrowBox4 li:last-child{ background-image:none !important; padding-right:0px; margin-right:0px;}
.arrowBox4 li a{ width:100px; height:100px; border-radius: 100px; display:block; background-color:#5b9dc0; border:1px solid #6289a2; vertical-align:middle; font-size:22px; font-weight:600; text-shadow:2px 2px 2px #336e94; color:#fff; padding-top:28px; line-height:1.7 !important; }
.arrowBox4 li a span{ vertical-align:middle; }



.sponge-page-guide ul.arrowBox6{ clear:both; width:100%; display:inline-block; margin:0; padding:0;}
.arrowBox6 > li{ float:left; display:table; background-image:none !important; padding-left:0px !important; width:20%; padding-right:30px;font-weight:600; font-size:15px; position:relative;}

.arrowBox6 > li::before{display:none;}

.arrowBox6 > li > div { width:100%; height: 60px; display:table; vertical-align:middle; background-color:#4ca0e2; color:#fff; padding:0 5px; text-align:center; clear:both; vertical-align:top; line-height:18px; }
.arrowBox6 > li > div.arrowTitle{ }
.arrowBox6 > li > div.arrowTitle > p{ display:table-cell; vertical-align:middle;}
.arrowBox6 > li > div.arrowTitle > p > span{ font-size:80%; }

.arrowBox6 > li > div.arrow { background-color:#f3f3f3; display:block; height:auto; margin:0; padding:0; height:10px; overflow:hidden; border:1px solid #ddd; border-top:0px; border-bottom:0px; }
.arrowBox6 > li > div.arrow > i{ width: 0px;height: 0px; border-top:10px solid #4ca0e2; border-bottom:10px solid none; border-right: 10px solid transparent; border-left: 10px solid  transparent; display:inline-block; vertical-align:top; text-align:center;  }

.arrowBox6 > li > div.arrowText { background-color:#f3f3f3; color:#000; border:1px solid #ddd; border-top:0px; }
.arrowBox6 > li > div.arrowText > div { display:table-cell; width:100%; vertical-align:middle; }
.arrowBox6 > li > div.arrowText > div > p{  width:100%; vertical-align:middle; }
.arrowBox6 > li > div.arrowText > div > p > span{ font-size:80%; }

.arrowBox6 > li > p.arrowRight{position:absolute; top:45%; right:8%; margin:0; text-align:left;}
.arrowBox6 > li > p.arrowRight > i, .arrowBox6 > li > p > span{width: 0px;height: 0px; position:absolute;}
.arrowBox6 > li > p.arrowRight > i{  border-top:10px solid transparent; border-bottom:10px solid transparent; border-right: 10px solid none; border-left: 10px solid #c5c5c5; }
.arrowBox6 > li > p.arrowRight > span{  border-top:5px solid transparent; border-bottom:5px solid transparent; border-right: 5px solid none; border-left: 5px solid #fff; top:5px; left:0; }
.arrowBox6 > li:last-child > p > i{ display:none;}



.sponge-page-guide ul.arrowBox7{ clear:both; width:100%; display:inline-block; margin:0; padding:0;}
.arrowBox7 > li{ float:left; display:table; background-image:none !important; padding-left:0px !important; width:18%; margin-right:2.5%;font-weight:600; font-size:15px; position:relative;}
.arrowBox7 > li:last-child{ float:right; margin-right:0; }
.arrowBox7 > li:nth-last-child(2){  margin-right:0; }

.arrowBox7 > li::before{display:none;}
.arrowBox7 > li > div{width:100%;}
.arrowBox7 > li > div > div { width:100%; height: 60px; display:table; vertical-align:middle; background-color:#4ca0e2; color:#fff; padding:0 5px; text-align:center; clear:both; vertical-align:top; line-height:18px; }
.arrowBox7 > li > div > div.arrowTitle{ }
.arrowBox7 > li > div > div.arrowTitle > p{ display:table-cell; vertical-align:middle;}
.arrowBox7 > li > div > div.arrowTitle > p > i.fa, .arrowBox7 > li > div > div.arrowTitle > p > i.far, .arrowBox7 > li > div > div.arrowTitle > p > i.fas, .arrowBox7 > li > div > div.arrowTitle > p > i.fab{ font-size:40px;}
.arrowBox7 > li > div > div.arrowTitle > p > span{ font-size:80%; }

.arrowBox7 > li > div > div.arrow { background-color:#f3f3f3; display:block; height:auto; margin:0; padding:0; height:10px; overflow:hidden; border:1px solid #ddd; border-top:0px; border-bottom:0px; }
.arrowBox7 > li > div > div.arrow > i{ width: 0px;height: 0px; border-top:10px solid #4ca0e2; border-bottom:10px solid none; border-right: 10px solid transparent; border-left: 10px solid  transparent; display:inline-block; vertical-align:top; text-align:center;  }

.arrowBox7 > li > div > div.arrowText { background-color:#f3f3f3; color:#000; border:1px solid #ddd; border-top:0px; }
.arrowBox7 > li > div > div.arrowText > div { display:table-cell; width:100%; vertical-align:middle; }
.arrowBox7 > li > div > div.arrowText > div > p{  width:100%; vertical-align:middle; }
.arrowBox7 > li > div > div.arrowText > div > p > span{ font-size:80%; }

.arrowBox7 > li > div > p.arrowRight{position:absolute; top:45%; right:-5%; margin:0; text-align:left;}
.arrowBox7 > li > div > p.arrowRight > i, .arrowBox7 > li > div > p > span{width: 0px;height: 0px; position:absolute;}
.arrowBox7 > li > div > p.arrowRight > i{  border-top:10px solid transparent; border-bottom:10px solid transparent; border-right: 10px solid none; border-left: 10px solid #c5c5c5; }
.arrowBox7 > li > div > p.arrowRight > span{  border-top:5px solid transparent; border-bottom:5px solid transparent; border-right: 5px solid none; border-left: 5px solid #fff; top:5px; left:0; }
.arrowBox7 > li:last-child > div > p > i{ display:none;}

.sponge-page-guide .arrowBox7.arrowBox-col7 > li{ width:12.1%;}
.sponge-page-guide .arrowBox7.arrowBox-col7 > li > div > p.arrowRight{right:-8%; }
.sponge-page-guide .arrowBox7.arrowBox-col4 > li{ width:23.1%;}
.sponge-page-guide .arrowBox7.arrowBox-col4 > li > div > p.arrowRight{right:-4%; }



.UserGuide2020{text-align:left;}

.phoneList2020{padding:0px 15px;}
.phoneList2020 .phoneList{ border:1px solid #000; border-left:0px; text-align:center; padding:0px;}
.phoneList2020 .phoneList:first-child{ border-left:1px solid #000;}
.phoneList2020 .phoneList p{color:#000;}
.phoneList2020 .phoneList p:first-child{ border-bottom:1px solid #000; height:320px; overflow:hidden; margin:0px;}
.phoneList2020 .phoneList .phoneimg img{width:100%;}


.pcList2020 .phoneList p:first-child{ height:auto;}



.ArchiveSearchType{ width:100%; }
.ArchiveSearchType ul{ padding-left:0px !important; margin-left:0px !important; text-align:center; }
.ArchiveSearchType li{ width:24%; display:inline-block; background-image:none !important; padding-left:0px !important; padding:0 0.5% 10px 0.5%; min-width:200px; }
.ArchiveSearchType li::before{display:none;}
.ArchiveSearchType li a{ width:100%; border:1px solid #ddd; height:200px; font-size:20px; font-weight:600; color:#555; display:block;  }
.ArchiveSearchType li a:hover{ border:1px solid #555; color:#000; background-color:#eee; }
.ArchiveSearchType li a span{ background: url('/Sponge/Images/icon/ArchiveSearchType.png') no-repeat; display:block; width:120px; height:130px; margin:10px auto;}
.ArchiveSearchType li a span.list01{ background-position:left 0; }
.ArchiveSearchType li a span.list02{ background-position:-120px 0; }
.ArchiveSearchType li a span.list03{ background-position:-240px 0; }
.ArchiveSearchType li a span.list04{ background-position:-360px 0; }
.ArchiveSearchType li a span.list05{ background-position:-480px 0; }
.ArchiveSearchType li a span.list06{ background-position:-600px 0; }
.ArchiveSearchType li a span.list07{ background-position:-720px 0; }
.ArchiveSearchType li a span.list08{ background-position:-840px 0; }
.ArchiveSearchType li a span.list09{ background-position:-960px 0; }
.ArchiveSearchType li a span.list10{ background-position:-1080px 0; }
.ArchiveSearchType li a span.list11{ background-position:-1200px 0; }
.ArchiveSearchType li a span.list12{ background-position:-1320px 0; }



.ArchiveSearchType2{ width:100%; }
.ArchiveSearchType2 ul{ padding-left:0px !important; margin-left:0px !important; text-align:center; }
.ArchiveSearchType2 li{ width:24%; min-width:145px; display:inline-block; background-image:none !important; padding-left:0px !important; padding:0 0.5% 10px 0.5%; text-align:center;}
.ArchiveSearchType2 li::before{display:none;}
.ArchiveSearchType2 li a{ width:100%; height:200px; font-size:20px; font-weight:600; color:#555; display:block;  text-align:center;  }

.ArchiveSearchType2 li a:hover, .ArchiveSearchType2 li a:focus{  color:#000;  background-color:transparent;}

.ArchiveSearchType2 li a span{ background: url('/Sponge/Images/icon/ArchiveSearchType2.png') no-repeat; display:block; width:145px; height:145px; margin:10px auto; }
.ArchiveSearchType2 li a span.list01{ background-position:left top; }/*문헌*/
.ArchiveSearchType2 li a span.list02{ background-position:-150px top; }/*사진*/
.ArchiveSearchType2 li a span.list03{ background-position:-300px top; }/*음악*/
.ArchiveSearchType2 li a span.list04{ background-position:-450px top; }/*11111111*/
.ArchiveSearchType2 li a span.list05{ background-position:-600px top; }/*구술기록*/
.ArchiveSearchType2 li a span.list06{ background-position:-750px top; }/*행사기록*/
.ArchiveSearchType2 li a span.list07{ background-position:-900px top; }/*레시피*/
.ArchiveSearchType2 li a span.list08{ background-position:-1050px top; }/*동영상*/


.ArchiveSearchType2 li a:hover span{ background-position-y:-150px !important; }


.ArchiveSetting ul{ text-align:center;  vertical-align:top; padding:15px 0;}
.ArchiveSetting li{  float:none !important; display:inline-block;vertical-align:top; }
.ArchiveSetting li::before{display:none;}
.ArchiveSetting li a{  font-size:18px;  }

.ArchiveClassSearch { font-weight:600;} 
.ArchiveClassSearch td{ padding-right:20px;} 

.classsearch{ text-align:center;}
.geolocationImg{text-align:center; position:relative; }
.arrowTextSmall li span, .arrowTextSmall li i{font-size:15px;}
.arrowTextSmall li::before{display:none;}



.font-bold { font-weight: 600; }

.font-thin { font-weight: 300; }

strong { font-weight: 600 !important; }

.board_title { font-weight: 600; font-size:18px; }

.sponge-mobile-body { background-color: #ECECEC; }

.sponge-mobile-white-panel { margin-bottom: 5px; background-color: #FFF; border-top: 1px solid #E5E3E3; border-bottom: 1px solid #E5E3E3; }

.sponge-mobile-gap { height: 5px; }

.sponge-mobile-padding-mobile-panel { padding: 5px; }

.sponge-mobile-inner-panel { padding: 5px; }

.sponge-mobile-sub-header { padding: 5px 0 5px 0; font-size: 13px; font-weight: 600; }

@-webkit-keyframes libtech_blink_animation { 0% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }

    50% { opacity: 0; text-shadow: none; }

    100% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
}

@-moz-keyframes libtech_blink_animation { 0% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }

    50% { opacity: 0; text-shadow: none; }

    100% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
}

@-webkit-keyframes libtech_opacity_blink_animation { /*0% {opacity:0.45; text-shadow:0 0 20px #00c6ff; }
50% {opacity:0; text-shadow:none; }
100% {opacity:0.45; text-shadow:0 0 20px #00c6ff; }*/
    0% { opacity: 0.85; }

    50% { opacity: 0; }

    100% { opacity: 0.85; }
}

@-moz-keyframes libtech_opacity_blink_animation { /*0% {opacity:0.45; text-shadow:0 0 20px #00c6ff; }
50% {opacity:0; text-shadow:none; }
100% {opacity:0.45; text-shadow:0 0 20px #00c6ff; }*/
    0% { opacity: 0.85; }
    50% { opacity: 0; }
    100% { opacity: 0.85; }
}

a.spongelinkstrong:link { color: #3F77DF; font-weight:600; }
a.spongelinkstrong:visited { color: #3F77DF; font-weight:600; }
a.spongelinkstrong:hover { color: #48AE2C; font-weight:600; }
a.spongelinkstrong:active { color: #3F77DF; font-weight:600; }
.newListBtn{ background-color:rgba(244,122,32,1); color:#fff; padding:0px 3px; margin-left:2px; }
.newListBtnDufault{ background-color:#fff; color:#099df2; padding:0px 3px 0px 2px; margin-left:2px; border:1px solid #d5d5d5; }

@media print { a[href]:after { content: none !important; }
}
/*신착검색*/
.sponge-newbook-list{ text-align:center; width:100%; padding-left:0px !important;}
.sponge-newbook-list li{ padding:10px; margin:0px; background-image:none !important; display:inline-block; }
.sponge-newbook-list li::before{display:none;}
.sponge-newbook-list img{ width:70px; height:90px; padding:3px; border:1px solid #DDD; background-color:#F0F0F0; }

/*신착검색*/
.sponge-newarchive-list{ text-align:center; width:100%; padding-left:0px !important;}
.sponge-newarchive-list li{ padding:10px; margin:0px; background-image:none !important; display:inline-block; }
.sponge-newarchive-list li::before{display:none;}
.sponge-newarchive-list img{ padding:3px; border:1px solid #DDD; background-color:#F0F0F0; }

/*탭색 조정*/
.page-search-left-list { float:left; width:80%;}
.page-search-right-refine {float:right; width:20%; }
.sponge-page-guide .page-search-left-list h4.first{ margin-top:30px;  }
.page-search-left-list .sponge-search-more{ float:right;  }

/*버튼 정리*/
/* 2016.4.6 박경화 아래 조정은 막아 놓도록 합니다. 문자 이미지 클리어 런스 가 흐릿하게 갑니다.*/
/*.btn span, .btn i{ font-size:11px; margin-right:2px;}*/

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 4px;
    font-size: 8pt;
    line-height: 1.5;
    text-shadow:none;
    font-weight:600;
    box-shadow:none;

}

.btn-xs:hover, .btn-xs:focus, .btn-group-xs > .btn:hover, .btn-group-xs > .btn:focus {  
   color:#fff;
}

.card{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-block{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card>.list-group:first-child .list-group-item:first-child{border-top-right-radius:.25rem;border-top-left-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:#f7f7f9;border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:#f7f7f9;border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-primary{background-color:#0275d8;border-color:#0275d8}.card-primary .card-footer,.card-primary .card-header{background-color:transparent}.card-success{background-color:#5cb85c;border-color:#5cb85c}.card-success .card-footer,.card-success .card-header{background-color:transparent}.card-info{background-color:#5bc0de;border-color:#5bc0de}.card-info .card-footer,.card-info .card-header{background-color:transparent}.card-warning{background-color:#f0ad4e;border-color:#f0ad4e}.card-warning .card-footer,.card-warning .card-header{background-color:transparent}.card-danger{background-color:#d9534f;border-color:#d9534f}.card-danger .card-footer,.card-danger .card-header{background-color:transparent}.card-outline-primary{background-color:transparent;border-color:#0275d8}.card-outline-secondary{background-color:transparent;border-color:#ccc}.card-outline-info{background-color:transparent;border-color:#5bc0de}.card-outline-success{background-color:transparent;border-color:#5cb85c}.card-outline-warning{background-color:transparent;border-color:#f0ad4e}.card-outline-danger{background-color:transparent;border-color:#d9534f}.card-inverse{color:rgba(255,255,255,.65)}.card-inverse .card-footer,.card-inverse .card-header{background-color:transparent;border-color:rgba(255,255,255,.2)}.card-inverse .card-blockquote,.card-inverse .card-footer,.card-inverse .card-header,.card-inverse .card-title{color:#fff}.card-inverse .card-blockquote .blockquote-footer,.card-inverse .card-link,.card-inverse .card-subtitle,.card-inverse .card-text{color:rgba(255,255,255,.65)}.card-inverse .card-link:focus,.card-inverse .card-link:hover{color:#fff}.card-blockquote{padding:0;margin-bottom:0;border-left:0}.card-img{border-radius:calc(.25rem - 1px)}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img-top{border-top-right-radius:calc(.25rem - 1px);border-top-left-radius:calc(.25rem - 1px)}.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}@media (min-width:576px){.card-deck{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-deck .card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.card-deck .card:not(:first-child){margin-left:15px}.card-deck .card:not(:last-child){margin-right:15px}}@media (min-width:576px){.card-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group .card{-webkit-box-flex:1;-webkit-flex:1 0 0%;-ms-flex:1 0 0%;flex:1 0 0%}.card-group .card+.card{margin-left:0;border-left:0}.card-group .card:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.card-group .card:first-child .card-img-top{border-top-right-radius:0}.card-group .card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group .card:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.card-group .card:last-child .card-img-top{border-top-left-radius:0}.card-group .card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group .card:not(:first-child):not(:last-child){border-radius:0}.card-group .card:not(:first-child):not(:last-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child) .card-img-top{border-radius:0}}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%;margin-bottom:.75rem}}
.qq-upload-button{display: inline-block; margin-bottom: 0px; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; white-space: nowrap; font-size: 10pt; line-height: 1.4285; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 1px 4px !important; font-size: 8pt !important; line-height: 1.5 !important; text-shadow: none; font-weight: 600; box-shadow: none; border: solid 1px #880000 !important; margin: 0px 1px; background-color: #5aa8dd; color: #fff !important; font-weight: 600; margin-top:1px;}

.card-footer {border-top:1px solid #ddd;}

.btn {  }
.btn-sponge-default { margin: 0px 1px; border: solid 1px #5aa8dd; background-color: #5aa8dd; color: #fff; font-weight: 600; }
.btn-sponge-default:hover, .btn-sponge-default:focus, .btn-sponge-default:active { background-color: #5aa8dd; color: #fff; }

.btn-sponge-orange { margin: 2px; border: solid 1px #f18b1d; background-color: #f18b1d; color: #fff; font-weight: 600; }
.btn-sponge-orange:hover, .btn-sponge-default:focus, .btn-sponge-default:active { background-color: #f18b1d; color: #fff; }

.btn-sponge-deepgrey{border: solid 1px #5e5e5e; margin:0px 1px; background-color:#5e5e5e; color:#fff; font-weight:600; }

.btn-sponge-lg{  padding:6px 10px 6px 10px; font-size:13px;}
.btn-sponge-xlg{  padding:8px 20px; font-size:13px;}

.btn-sponge-radius{ border-radius:0px; padding-left:15px; padding-right:15px; }

.sponge-search-detail a.btn.btn-sponge-white, .btn-sponge-white{ text-shadow:none; background:#fff none !important; color:#525252 !important; border-color:#7c7c7c !important; padding-left:7px; padding-right:7px;}
.btn-sponge-white:hover, .btn-sponge-white:focus, .btn-sponge-white:active{ text-shadow:none !important; background:#fff none !important; background:#fff linear-gradient(#fff 40%, #fff ) !important; color:#727272 !important; border-color:#727272 !important;}
.btn-sponge-white span{ font-size:11px; text-shadow:none !important;}

.btn-sponge-blue, .btn-sponge-blue.btn-sponge-default{border: solid 1px #5aa8dd !important; margin:0px 1px; background-color:#3384cd; color:#fff !important; font-weight:600;}
.btn-sponge-blue:hover, .btn-sponge-blue:focus{ text-shadow:none; color:#fcffda !important; background-color:#3384cd;}

/*.btn-success{border: solid 1px #65C759 !important; background-color:#8CD41B; background:#8CD41B linear-gradient(#8CD41B 40%, #A0DE40 ) !important; color:#fff !important; font-weight:600; box-shadow:0 0.5px 1px #fff inset !important;}
.btn-success:hover, .btn-success:focus{ text-shadow:0px 1px 1px #679C13; background-color:#89cf1b; background:#8CD41B linear-gradient(#8CD41B 40%, #8CD41B ) !important; color:#fff !important; }

.btn-warning{ border: solid 1px #F5AA03 !important; text-shadow: 0px 1px 1px #ce7e00 !important; background-color: #F1B306; background: #F1B306 linear-gradient(#F1B306 40%, #FBCB45 ) !important; color: #fff !important;
    font-weight: 600; box-shadow: 0 0.5px 1px #fff inset !important;}
.btn-warning:hover, .btn-warning:focus{ text-shadow:none !important;  background-color:#ebae03 !important; background:#F1B306 linear-gradient(#F1B306 40%, #F1B306 ) !important; color:#fff !important;}

.btn-info{ border: solid 1px #709DD0 !important; text-shadow: 0px 1px 1px #477ebc; background-color: #74A7E0; background: #74A7E0 linear-gradient(#74A7E0 40%, #98C2E4 ) !important; color: #fff !important; font-weight: 600;  box-shadow:0 0.5px 1px #fff inset !important;}
.btn-info:hover, .btn-info:focus{  text-shadow:0px 1px 1px #477ebc !important; background-color:#71a1d8; background:#74A7E0 linear-gradient(#74A7E0 40%, #74A7E0 ) !important; color:#fff !important;}

.btn-danger { border-color:#E46B67 !important; text-shadow:0px 1px 1px #b00000; background-color:#E46B67 !important; background:#E46B67 linear-gradient(#E46B67 20%,  #E48582 80%) !important; color:#fff !important; font-weight:600; box-shadow:0 1px 1px #ffd0d0 inset;}
.btn-danger:hover, .btn-danger:focus { text-shadow:none !important; background-color:#E46B67 !important;  background:#E46B67 linear-gradient(#E46B67 20%,  #E46B67 80%) !important; border-color:#dd6460 !important; color:#fff !important;}*/


 .btn-default, .btn-default.btn-sponge-default{color:#828587; background-color:#fff; border-color:#bdc3c7;}
 .btn-default:hover, .btn.btn-default:hover, .btn-default:hover span,.btn-default.hover, .btn-default:focus, .btn.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#828587; background-color:#fff; border-color:#bdc3c7;}
 .btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled.hover,.btn-default[disabled].hover,fieldset[disabled] .btn-default.hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#bdc3c7; border-color:#bdc3c7}
 .btn-default .badge{color:#bdc3c7;background-color:#fff}

 .btn-primary, .btn-primary.btn-sponge-default{color:#fff ; background-color:#52d0b7; border-color:#52d0b7;}
 .btn-primary:hover, .btn-primary:hover span, .btn-primary.hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#52d0b7;border-color:#52d0b7;}
 .btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled.hover,.btn-primary[disabled].hover,fieldset[disabled] .btn-primary.hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#52d0b7; border-color:#52d0b7;}
 .btn-primary .badge{color:#52d0b7;background-color:#fff}

 .btn-info, .btn-info.btn-sponge-default{color:#fff !important;background-color:#3498db; border-color:#3498db;}
 .btn-info:hover, .btn-info:hover span,.btn-info.hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff; background-color:#3498db;border-color:#3498db}
 .btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background:#3498db;border-color:#3498db}
 .btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled.hover,.btn-info[disabled].hover,fieldset[disabled] .btn-info.hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#bdc3c7;border-color:#3498db}
 .btn-info .badge{color:#3498db;background-color:#fff}
 
 .btn-brown, .btn-brown.btn-sponge-default{color:#fff;background-color:rgba(178, 56, 49, 1.0); border-color:rgba(178, 56, 49, 1.0);}
 .btn-brown:hover, .btn-brown:hover span,.btn-brown.hover,.btn-brown:focus,.btn-brown:active,.btn-brown.active,.open>.dropdown-toggle.btn-brown{color:#fff; background-color:#9a7e53;border-color:#9a7e53; opacity:1;}
 .btn-brown:active,.btn-brown.active,.open>.dropdown-toggle.btn-brown{background:rgba(178, 56, 49, 1.0);border-color:rgba(178, 56, 49, 1.0)}
 .btn-brown.disabled,.btn-brown[disabled],fieldset[disabled] .btn-brown,.btn-brown.disabled:hover,.btn-brown[disabled]:hover,fieldset[disabled] .btn-brown:hover,.btn-brown.disabled.hover,.btn-brown[disabled].hover,fieldset[disabled] .btn-brown.hover,.btn-brown.disabled:focus,.btn-brown[disabled]:focus,fieldset[disabled] .btn-brown:focus,.btn-brown.disabled:active,.btn-brown[disabled]:active,fieldset[disabled] .btn-brown:active,.btn-brown.disabled.active,.btn-brown[disabled].active,fieldset[disabled] .btn-brown.active{background-color:rgba(178, 56, 49, 1.0);border-color:rgba(178, 56, 49, 1.0)}
 .btn-brown .badge{color:rgba(178, 56, 49, 1.0);background-color:#fff}

 .btn-danger, .btn-danger.btn-sponge-default{color:#fff !important;background-color:#dd6460; border-color:#dd6460;  background:#dd6460 linear-gradient(#dd6460 20%,  #dd6460 80%);}
 .btn-danger:hover, .btn-danger:hover span, .btn-danger.hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff; background-color:#dd6460; border-color:#dd6460;}
 .btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background:#dd6460;border-color:#dd6460}
 .btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled.hover,.btn-danger[disabled].hover,fieldset[disabled] .btn-danger.hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#bdc3c7;border-color:#dd6460}
 .btn-danger .badge{color:#dd6460;background-color:#fff}
 .btn-danger.btn-xs span.glyphicon{ color:#fff; }  


 .btn-success, .btn-success.btn-sponge-default{color:#fff;background-color:#35c568; border-color:#35c568;}
 .btn-success:hover, .btn-success:hover span, .btn-success.hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#35c568; border-color:#35c568;}
 .btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background:#35c568;border-color:#35c568}
 .btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled.hover,.btn-success[disabled].hover,fieldset[disabled] .btn-success.hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#bdc3c7;border-color:#35c568}
 .btn-success .badge{color:#35c568;background-color:#fff}
 
 .btn-warning, .btn-warning.btn-sponge-default{color:#fff;background-color:#f1c40f; border-color:#f1c40f;}
 .btn-warning:hover,.btn-warning:hover span,.btn-warning.hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#f1c40f; border-color:#f1c40f;}
 .btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background:#f1c40f;border-color:#f1c40f}
 .btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled.hover,.btn-warning[disabled].hover,fieldset[disabled] .btn-warning.hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#bdc3c7;border-color:#f1c40f}
 .btn-warning .badge{color:#f1c40f;background-color:#fff}
 
 .btn-inverse, .btn-inverse.btn-sponge-default{color:#fff;background-color:#34495e; border-color:#34495e;}
 .btn-inverse:hover,.btn-inverse:hover span,.btn-inverse.hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.open>.dropdown-toggle.btn-inverse{color:#fff;background-color:#34495e; border-color:#34495e;}
 .btn-inverse:active,.btn-inverse.active,.open>.dropdown-toggle.btn-inverse{background:#34495e;border-color:#34495e; color:#fff !important;}
 .btn-inverse.disabled,.btn-inverse[disabled],fieldset[disabled] .btn-inverse,.btn-inverse.disabled:hover,.btn-inverse[disabled]:hover,fieldset[disabled] .btn-inverse:hover,.btn-inverse.disabled.hover,.btn-inverse[disabled].hover,fieldset[disabled] .btn-inverse.hover,.btn-inverse.disabled:focus,.btn-inverse[disabled]:focus,fieldset[disabled] .btn-inverse:focus,.btn-inverse.disabled:active,.btn-inverse[disabled]:active,fieldset[disabled] .btn-inverse:active,.btn-inverse.disabled.active,.btn-inverse[disabled].active,fieldset[disabled] .btn-inverse.active{background-color:#bdc3c7;border-color:#34495e}
 .btn-inverse .badge{color:#34495e;background-color:#fff}

 .btn-wide{min-width:140px;padding-right:30px;padding-left:30px}
 
 .btn-point, .btn-point.btn-sponge-default{border:1px solid #d10d22; background-color:#d10d22; color:#fff;}
 .btn-point:hover,.btn-point:focus{background-color:#d10d22;}

.btn-ChatGPT{ margin-top:20px; position:relative; height:33px; padding-left:37px !important; }
.btn-ChatGPT > i{  background:#1da484 ; padding:5px; height:31px; width:31px; position:absolute; left:0; top:0; }
.btn-ChatGPT > i > i{ background: url('/Sponge/Images/ChatGPT/ChatGPT.png') no-repeat center center; background-size:22px; width:22px; height:22px; display:block;}
/*{border: solid 1px #5aa8dd; text-shadow:0px 1px 1px #1F629C; margin:0px 1px; background-color:#5aa8dd; background:#5aa8dd linear-gradient(#5aa8dd 40%, #5aa8dd ); color:#fff; font-weight:600; box-shadow:0 0.5px 1px #fff inset;}*/

#ChatGPTModal .modal-header{ background-color:#fff; padding:10px 20px; color:#000; }
#ChatGPTModal .modal-header .modal-title{ color:#000; font-size:18px; font-weight:600; }
#ChatGPTModal .modal-header button.close { color:#000; padding:7px; }
#ChatGPTModal .modal-header button.btn{ float:right; padding:3px 8px 3px 8px; margin-left:3px; height:27px;}
#ChatGPTModal .modal-header button.btn.btn-sponge-default{ background-color:#1da484; border-color:#1da484;}

#ChatGPTModal .modal-footer{ margin-top:0; text-align:center; }
#ChatGPTModal .modal-footer .btn{ border-radius:0; padding:10px; font-size:16px; background-color:#1da484; border-color:#1da484; }
#ChatGPTModal .modal-footer .btn:hover{ color:#fff; }
.sponge-ChatGPT-search { width:100%; margin:10px auto 0 auto;  z-index:10; z-index:10; position:relative; }   
.sponge-ChatGPT-search h3{ position:absolute; left:0px; top:0px; background:#1da484; color:#fff; font-size:16px;height:auto; padding:30px 10px; margin:0; text-align:center; height:77px;}
.sponge-ChatGPT-search h3 > i{  display:inline-block; }
.sponge-ChatGPT-search h3 > i > i{ background: url('/Sponge/Images/ChatGPT/ChatGPT.png') no-repeat center center; background-size:35px; width:35px; height:35px; display:inline-block;}
.sponge-ChatGPT-search h3{ font-family:돋움;}
.sponge-ChatGPT-search .search_inputboxmain { width:100%; vertical-align: middle !important; color: #000000;  margin: 0 0 0 0; padding-left:185px; padding-right:77px; padding-top:10px; box-shadow:none; border:1px solid #7c7c7c; font-size:16px; height:77px; overflow-y:auto; }

.sponge-ChatGPT-search .search_inputboxmain:-ms-input-placeholder,
.sponge-ChatGPT-search input.search_inputboxmain::placeholder,
.sponge-ChatGPT-search input.search_inputboxmain:placeholder,
.sponge-ChatGPT-search input.search_inputboxmain::-ms-input-placeholder,
.sponge-ChatGPT-search input.search_inputboxmain:-ms-input-placeholder,
.sponge-ChatGPT-search input.search_inputboxmain::-webkit-input-placeholder,
.sponge-ChatGPT-search input.search_inputboxmain::-moz-placeholder{ color: #282828; }

.sponge-ChatGPT-search .local-search-main:hover, .sponge-ChatGPT-search .local-search-main:focus{ background-color:#00448f !important;}
.sponge-ChatGPT-search .btn-main{  position:absolute; right:0; top:0; height:77px; width:77px; display:block; font-size:32px; color:#000;  background-color:transparent; border-color:transparent; padding:0; border-radius:0;}
.sponge-ChatGPT-search .btn-main:hover, .sponge-ChatGPT-search .btn-main:active, .sponge-ChatGPT-search .btn-main:focus{ background-color:transparent; border-color:transparent;}

.sponge-ChatGPT-search .searchBtn:hover, .sponge-ChatGPT-search .searchBtn:focus{ opacity:1; }
.sponge-ChatGPT-search .searchBtn:hover, .sponge-ChatGPT-search .searchBtn02:hover{ color:#fff !important;}



.btn:hover, .btn:focus, .btn:hover span, .btn:focus span, .btn:hover i, .btn:focus i{ opacity:0.8; }


.fileexport{ padding:10px 0 10px 10px; margin-top:-15px;}

 .sponge-columns-one .btn-sponge-default{margin:0px; vertical-align:top; height:33px;}

.btn.btn-default > .fa-share{ color:#5aa8dd;}

.open > .btn-info.dropdown-toggle{
    background-color:#fff;
    background:#fff linear-gradient(WhiteSmoke 10%, #eee 20%, #fff 10%, #fff 60%); box-shadow:0 1px 1px #fff inset; color:#7c7c7c;}
 

.sponge-table-default td .btn-sponge-default{ margin-bottom:2px;}

.sponge-table-default a.btn-info, .sponge-table-default a.btn-default{ height:auto !important; /*margin-top:5px !important;*/ background-image:none !important;}
.sponge-table-default a.btn-info:hover, .userBtn a.btn-xs:hover{  }

.sponge-table-default a.btn-info .fa, .sponge-table-default a.btn-info .fab, .sponge-table-default a.btn-info .fas, .sponge-table-default a.btn-info .far, .sponge-table-default a.btn-info .glyphicon{ color:#FFF; }
.sponge-table-default a.btn-default .fa, .sponge-table-default a.btn-default .far, .sponge-table-default a.btn-default .fas, .sponge-table-default a.btn-default .fab, .sponge-table-default a.btn-default .glyphicon, .btn-more i.fa, .btn-more span.fa, .btn-more i.fab, .btn-more span.fba, .btn-more i.fas, .btn-more span.fas, .btn-more i.far, .btn-more span.far, .btn-more i.glyphicon, .btn-more span.glyphicon{ color:#3498db; }
.sponge-table-default a.btn-default .fa.fa-apple{ color:#828587 !important; }
.sponge-table-default a.btn-default .fa.fa-mobile{ width:10px; height:10px; font-size:15px; color:#000000 !important; margin-top:0px; vertical-align:top }
.btn.btn-xs.btn-default .fab.fa-youtube{ color:red;}


/*탭색 조정*/
.sponge-nav-tabs, .nav-tabs{ margin-bottom:40px; padding-left:0px;  border-bottom-width:0; padding-top:1px; }

.tab-scroller { margin-bottom:40px; }
.tab-scroller .sponge-nav-tabs, .tab-scroller .nav-tabs{ margin-bottom:0; }
.sponge-layout-main-search .sponge-nav-tabs, .sponge-layout-main-search .nav-tabs, .sponge-layout-main-background .sponge-nav-tabs,  .sponge-layout-main-background  .nav-tabs{ margin-bottom:0px; }


.sponge-page-guide .sponge-nav-tabs{ margin-top:40px; padding-left:0px;}
.sponge-page-guide .form-inline.sponge-form-inline + .sponge-nav-tabs {margin-top:0;}

/*.sponge-page-guide > .sponge-nav-tabs{ margin-top:0; }*/
.sponge-nav-tabs.first, .sponge-page-guide > ul.sponge-nav-tabs:first-child{ margin-top:0px; }
.sponge-page-guide .sponge-nav-tabs + .sponge-table-default{ margin-top:30px;}
.sponge-nav-tabs > li {  margin:0 0px; }
.sponge-nav-tabs > li::before{ display:none; }
.sponge-nav-tabs > li.active > a, .sponge-nav-tabs > li.active > a:hover, .sponge-nav-tabs > li.active > a:focus, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,
.nav-tabs.nav-justified.sponge-nav-tabs > .active > a, .nav-tabs.nav-justified.sponge-nav-tabs > .active > a:hover, .nav-tabs.nav-justified.sponge-nav-tabs > .active > a:focus
{ border-color: #5aa8dd; background:#5aa8dd; color: #fff !important; font-weight: 600; border-bottom: 1px solid #5aa8dd;}
.sponge-nav-tabs > li > a, .nav-tabs .nav-link{white-space: nowrap; border:1px solid #ddd; padding: 11px 10px; margin:-1px -1px 0 0; background-color:#fff;border-radius:0px; line-height:16px; text-align:center; min-width:116.91px; display:inline-block; height:39px; color:#404652;}
.sponge-nav-tabs > li:first-child{margin-left:0px;}
/*.sponge-nav-tabs > li > a:hover{ color:#5aa8dd; }*/
.sponge-nav-tabs > li.active > a:hover{ color:#fff !important;}
.sponge-nav-tabs > li > a > i{ margin-left:3px; top:3px; display:none;}
.sponge-nav-tabs > li.active > a > i{ display:inline-block;}
.sponge-nav-tabs > li.active > a .badge{ background-color:#FFF; color:#5BC0DE;}
.sponge-nav-tabs > li > a > label.badge{margin:0px; padding:2px 5px; }

.container-position{position:relative;}
.sponge-nav-tabs-scroll { width: 100%; height: 57px; overflow-x:auto; overflow-y:hidden; margin-bottom:20px;
}
.sponge-nav-tabs-scroll > li{ display:table-cell; float:none;}





.sponge-nav-tabs-radius{text-align:center !important; padding:15px !important; border:1px solid #ddd;}
.sponge-nav-tabs-radius > li.active > a, .sponge-nav-tabs-radius > li.active > a:hover, .sponge-nav-tabs-radius > li.active > a:focus{ margin:0 3px 3px 0;}
.sponge-nav-tabs-radius > li > a{ border-radius:3px; margin:0 3px 3px 0; border-bottom:1px !important; border-bottom:1px solid #ddd !important;}

.sponge-nav-tabs-sub{ padding-left:0px !important; margin-top:20px;  }
.sponge-nav-tabs-sub > li{ background-image:none !important; padding-left:0px !important; }
.sponge-nav-tabs-sub > li.active > a, .sponge-nav-tabs-sub > li.active > a:hover, .sponge-nav-tabs-sub > li.active > a:focus
{ border-color: #b6b6b6 !important; background-color:#b6b6b6 !important; /*background:#b6b6b6 linear-gradient(#b6b6b6 20%, #b6b6b6 80%) !important;*/ }

.nav-tabs.nav-justified + .nav-tabs.nav-justified{ margin-top:-41px; }
.nav-tabs.nav-justified > li > a{ width:100%; border-radius:0; }
.nav-tabs.nav-justified > li + li > a{ border:1px solid #ddd; border-left-width:0; position:relative; }
.nav-tabs.nav-justified > li > a > .badge{ position:absolute; right:0; top:0; border-radius: 0 0 0 10px; }
/*.nav-tabs.nav-justified > li.active > a > .badge{ right:1px; }*/
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus{color:#fff;}

.sponge-search-top-header{ margin-bottom:5px;}

.sponge-nav-tabs-LibraryOnRoad  .sponge-nav-tabs > li > a{ padding: 3px 3px !important;}
.sponge-nav-tabs-LibraryOnRoad  li { padding:0 5px 3px 0 !important; background-image:none !important; float:left; display:inline;}
.sponge-nav-tabs-LibraryOnRoad  li a{ width:115px; text-align:left; }
.sponge-nav-tabs-LibraryOnRoad  li a span{ font-size:10px; }

.sponge-nav-tabs-left{ border:0px solid #ddd;  margin:0px !important; margin-top:5px !important; }
.sponge-nav-tabs-left > li {clear:left; width:100%;}
.sponge-nav-tabs-left > li > a{ border:1px solid #ddd !important; padding: 3px 6px; margin:0 0px; margin-bottom:1px; border-radius:3px; background-color:#F0F0F0; font-size:12px; width:100%; display:table; height:auto;}
.sponge-nav-tabs-left > li > a > strong{ width:7%; display:inline-block; }


.sponge-nav-tabs-left > li > a > p, .sponge-nav-tabs-left > li > a > span{ display:table-cell; vertical-align:middle;  background-color:#fff; border-radius:3px; padding: 8px 4px; width:92%;  margin:0px 0 0  3px; display:inline-block; text-align:left; }
.sponge-nav-tabs-left > li > a:hover{ color:#5aa8dd !important; }
.sponge-nav-tabs-left > li.active > a { border-right:0px !important; margin-right:-1px;}
.sponge-nav-tabs-left > li.active > a > p, .sponge-nav-tabs-left > li.active > a > span{ color:#555;}
.sponge-nav-tabs-left > li.active > a:hover{ color:#fff !important;  /*background: #5aa8dd linear-gradient(#5aa8dd 40%, #5aa8dd ) !important;*/ background-color:#5aa8dd;}
.sponge-nav-tabs-left > li > a > i{ margin-left:3px; top:3px; display:none;}
.sponge-nav-tabs-left > li.active > a > i{ display:inline-block;}
.sponge-nav-tabs-left > li.active > a .badge{ background-color:#FFF; color:#5BC0DE;}


.sponge-nav-tabs-jawon{ z-index:900;}
.sponge-nav-tabs-jawon > li > a{font-size:15px;  }
.sponge-nav-tabs-jawon > li > a > span { font-size:70% !important; }

.sponge-nav-tabs-col10 > li{width:10%; margin-right:-1px;}
.sponge-nav-tabs-col10 > li > a{ width:100%; min-width:0;}

.sponge-nav-tabs > li.pull-right > a.btn-sponge-default { border-color: #5aa8dd; background-color: #5aa8dd; border-radius:3px; font-size: 13px; padding: 3px 8px; min-width: 0; height: auto; color: #FFF; }

.facilities-intro { position: relative; }
.facilities-box{height:269px;}
.facilities-intro .sponge-nav-tabs-left{ position:absolute; top:130px; z-index:1; left:20px; min-width:380px;}

.facilities-intro-list .topBox { background-color:#eee; border-radius:5px; padding:10px; margin:0px;}
.facilities-intro-list .topBox > div{ background-color:#fff; border-radius:5px; padding:10px; width:54%; min-height:290px;}
.facilities-intro-list .topBox > div:first-child{ width:45%; }
.facilities-intro-list .topBox > div:last-child{  float:right; }
.facilities-intro-list .topBox > div:last-child img{ width:100%;}
.facilities-intro-list .topBox h4{ margin-top:0px; display:block;  border-top-width:0; padding-top:0;}
.facilities-intro-list .topBox h4::before{  display:none; }
.facilities-intro-list .topBox h4 .title{ font-size:22px !important; padding:10px 0px 5px 5px;}
.facilities-intro-list .topBox h4 .floor{ padding:10px; border-radius:5px; background-color:#007fb6; color:#fff; font-size:24px; margin-right:0;}
.facilities-intro-list .topBox h5{ margin-top:25px;  }



/*버튼색 조정*/
.sponge-mylibrry-dropdown-menu .btn-sponge-default{padding:6px 20px 7px 20px; }
.sponge-mylibrry-dropdown-menu .dropdown-menu{min-width:105px; padding:3px 10px; }
.sponge-mylibrry-dropdown-menu .dropdown-menu dd.list{ padding:2px 5px; }
.sponge-mylibrry-dropdown-menu .dropdown-menu dd.divider{ padding:0 0; margin:1px 0}

.sponge-page-guide .dropdown-menu li{background-image:none !important; padding-left:0px !important;}
ul#pagemenu {margin-left:0px !important; padding-left:0px !important;}

.sponge-mylibrry-dropdown-menu > .btn + .dropdown-toggle{ margin-left:-2px;}
/*subPage Guide*/
.sponge-page-guide { clear: both; margin:0 0 0 0; word-break:keep-all; }


.sponge-page-guide h4, .sponge-page-guide h3.tit.active, .sponge-page-guide h3.tit { font-weight: 600; height: auto;  clear: both; font-size: 18pt; line-height: 20pt; margin: 40px 0 20px 0; color:#007fb6; border-top:1px solid #ddd; 
padding:15px 0 0 20px; position:relative; }
.sponge-page-guide h3.tit.order14, .sponge-page-guide h3.tit.order12, .sponge-page-guide h3.tit.order13{ display:none; }

.sponge-page-guide h4.first, .sponge-page-guide h3.tit.active.first, .sponge-page-guide h3.tit.first, .sponge-page-guide > h4:first-child, .sponge-pull-title h4 { margin-top: 0px; /*border-top-width:0; padding-top:10px;*/}
/*#get_library_intro .sponge-page-guide > h4:first-child, 
#get_library_intro01 .sponge-page-guide > h4:first-child, 
#get_library_intro02 .sponge-page-guide > h4:first-child, 
#get_library_intro03 .sponge-page-guide > h4:first-child, 
#get_library_intro04 .sponge-page-guide > h4:first-child, 
#get_library_intro05 .sponge-page-guide > h4:first-child, 
#get_library_intro06 .sponge-page-guide > h4:first-child, 
#get_library_intro07 .sponge-page-guide > h4:first-child, 
#get_library_intro08 .sponge-page-guide > h4:first-child, 
#get_library_intro09 .sponge-page-guide > h4:first-child, 
#get_library_intro10 .sponge-page-guide > h4:first-child,
#get_library_intro11 .sponge-page-guide > h4:first-child,
#get_library_intro12 .sponge-page-guide > h4:first-child,
#get_library_intro13 .sponge-page-guide > h4:first-child,
#get_library_intro14 .sponge-page-guide > h4:first-child, 
#get_library_intro15 .sponge-page-guide > h4:first-child{ margin-top:40px;}*/
.sponge-page-guide + h4{ /*border-top-width:0;*/  /*margin-top:0px;*/ margin-top:3px;}
/*.sponge-page-boxGide2 + h4{ margin-top:20px;}*/

.sponge-page-guide h4::before, .sponge-page-guide h3.tit::before{  position:absolute; top:-2px; left:0; width:20px; height:20px; border-top:3px solid #1c71ba; border-left:3px solid #1c71ba; display:block; content:'';}
.sponge-page-guide h4.first::before, .sponge-page-guide > h4:first-child::before, .sponge-pull-title h4::before{top:0px;}

.sponge-page-guide h4.c-tit01::before{display:none;}

.sponge-page-guide h4 + .sponge-guide-Box > h5:first-child, .sponge-page-guide h4 + h5{ margin-top:30px; }

.sponge-page-guide .modal-header h4{ text-align:left; color:#fff; border-top-width:0; padding:0; margin:0; width:auto; display:inline-block; }
.sponge-page-guide .modal-header h4::before{ display:none; }


.sponge-page-guide h5 { font-weight: 600; height: auto; margin: 40px 0 20px 0px;  font-size: 15pt; line-height: 20pt; clear: left; position:relative; padding-top:10px;}
.sponge-page-guide h5.first{margin-top:0;}
.sponge-page-guide h5::before { content:'￣'; position:absolute; top:0; left:0; font-weight:600; color:#007fb6;}
.sponge-page-guide h5.color-grey{color:#7c7c7c !important; }
.sponge-page-guide h6, .sponge-page-guide .sponge-point-title { margin: 20px 0 10px 0; font-weight: 600; font-size: 13pt; clear: left;  }
.sponge-page-guide h7 { margin: 15px 0 5px 0; font-weight: 600; font-size: 11pt; clear: left; padding-left:15px; }
.sponge-page-guide .sponge-point-title{padding-left:0px;}
.sponge-page-guide .h6_list { margin-left: 15px; }
.sponge-page-guide .sponge-point-title-normal{ font-weight: normal; color:#007fb6;}
.sponge-page-guide ul { margin:0 0 10px 0; }
.sponge-page-guide ul.sponge-guide-Box{margin-bottom:0;}
/*.sponge-page-guide li { padding-left: 10px; text-align:left; margin-bottom:5px;  }*/
.sponge-page-guide ul > li { text-align:left; margin-bottom:10px; padding-left:15px; position:relative;  }
.sponge-page-guide ul > li::before{ content:'·';  position:absolute; left:0; top:0; font-size:24px; font-weight:900; color:#bdc3c7; line-height:24px; }
.sponge-page-guide ul > li:last-child { margin-bottom:0px; }

.sponge-page-guide ul.decimal > li { background-image:none  !important; padding-left: 0;  }
.sponge-page-guide ul > li > ul{ padding-top:10px; }
.sponge-page-guide ul > li > ul > li{ margin-bottom:10px; padding-left:15px;}
.sponge-page-guide ul > li > ul > li::before{ content:'-'; font-size:unset;}
.sponge-page-guide ul > li > ul > li > ul > li::before{ content:'';}

.reading-naver.sponge-page-guide ul > li::before{ display:none; }

.sponge-page-guide.list-none li, .sponge-page-guide ul.list-none li { background-image:none; padding-left: 0;  }
li.sponge-page-guide { background: url('/Sponge/Images/title/icon_s_default.png') no-repeat left  center; border-bottom:1px solid #ddd; width:100%; padding:5px 10px; margin-top:0px; }
li.sponge-page-guide:last-child{ border-bottom:0px solid #ddd; margin-bottom:10px;}
.sponge-page-guide .dp_none { display: none; }
.sponge-page-guide .sub_padge_title::before{ content:'·';  font-size:24px; font-weight:900; color:#000; line-height:27px;  margin-right:5px; }
.sponge-page-guide p{ padding:0 0; margin:5px 0 20px 0px; }
.sponge-page-guide.sponge-list-board .sponge-panel-white-remark table tr > td > p:last-child, .sponge-page-guide.sponge-list-board .sponge-panel-white-remark table tr > th > p:last-child{ margin-bottom:5px;}

.sponge-page-guide p.first{ margin-left:0px;}  
.sponge-page-guide .sponge-table-default td ul { margin:0px !important; padding-left:0px; }

.sponge-book-title{ color:#007fb6; font-weight:600; font-size:120%;}

.sponge-page-guide ul.nav.nav-tabs li{padding-left:0px !important; background-image:none; margin-bottom:0px;}

.sponge-page-guide .sponge-page-guide-search h4 { min-width:290px; background:none !important; background-color:#f1f1f1 !important; color:#3f3f3f !important; padding:7px 15px; font-size:12pt; width:100%; font-weight: 600; 
                                                  clear: left; margin: 15px 0 0 0; border:1px solid #dddddd; height:auto; border-radius:5px 5px 0 0;}
.sponge-page-guide .sponge-page-guide-search h4 .sponge-search-more{ font-size:70%; float:right;}
.sponge-page-guide .sponge-page-guide-search .sponge-page-boxGide{  border-top:0px; height:193px; overflow-y:scroll; padding-top:10px;}

ul.sponge-page-guide-list { text-align:right;}
.sponge-page-guide-list li{ display:inline-block; color:#888; }
.sponge-page-guide-list li strong{ color:#000; }

/*개인정보처리방침 & 이메일무단수집거부*/
.sponge-page-guide-policy_email { line-height: 25px;  }
.sponge-page-guide-policy_email h4 { font-weight: 600; font-size: 30px; width: 100%; padding: 20px 0 20px 0; text-align:center; background-image:none !important; line-height:40px; border-top-width:0; margin-top:0;}
.sponge-page-guide-policy_email h4::before { display:none; }
.sponge-page-guide-policy_email h5::before { display:none; }
.sponge-page-guide-policy_email h5.disabled{opacity:1; box-shadow:0 1px 1px #eee inset; border-radius:6px; padding:10px 20px; height: auto; margin: 30px 0 10px 0px; font-size: 15pt; line-height: 15pt; clear: left; 
                                            color:#525252; background-color:#5aa8dd; color:#fff !important;  background-image:none !important; }
.sponge-page-guide-policy_email h5.first{ margin-top:0px !important; }
.sponge-page-guide-policy_email h6 { font-weight: 600; font-size: 14px; padding-top: 10px; margin-left:0px; font-size:16px; }
.sponge-page-guide-policy_email h6.first { padding-top: 0px; margin-top:5px;}
.sponge-page-guide-policy_email p { padding: 0px 0 10px 0; }
.sponge-page-guide-policy_email p.first { padding: 15px 0 10px 0; }
.sponge-page-guide-policy_email .policy_img { padding-left: 193px; min-height: 120px; background: url(/sponge/Images/guidePage/ico_policy.png) no-repeat 0 0; }
.sponge-page-guide-policy_email .policy_img p { clear: both; font-size: 15px; padding: 0 0 10px 0; }
.sponge-page-guide-policy_email .email_img { padding-left: 193px; min-height: 135px; background: url(/sponge/Images/guidePage/ico_email.png) no-repeat 0 0; }
.sponge-page-guide-policy_email .email_img.library_img {  padding-left: 220px; background: url(/sponge/Images/guidePage/ico_library.png) no-repeat 20px 0; min-height:179px;}
.sponge-page-guide-policy_email .email_img p { clear: both; font-size: 15px; padding: 0 0 10px 0; }
.sponge-page-guide-policy_email ul {  padding-left: 0; margin-top: 0px; margin-left:5px;  }
.sponge-page-guide-policy_email li {  padding-left: 0; margin-top: 5px; margin-bottom: 15px; margin-left:0px;  background-image:none !important; }
.sponge-page-guide-policy_email li::before { display:none; }
.sponge-page-guide-policy_email .btn-sponge-default { white-space:normal;  }
.sponge-page-guide-policy_email .btn-sponge-white {  padding:3px 10px; margin:1px;  }

.sponge-guide-title {  clear: left; margin: 30px 0 0 0; height:auto; line-height:11pt; position:relative;}
.sponge-guide-title .pull-right .selectWrap { margin-left:3px; margin-right:3px; line-height:22px; height:25px;}
.sponge-guide-title .pull-right .tricBox {  background-position:right -3px; height:25px;}
.sponge-guide-title .pull-right .row-tow-right .selectWrap{ margin-right:5px;}
.sponge-guide-title h4 { margin-top:0px;}

/*.sponge-guide-title .pull-right.sponge-detail-list{ position:absolute; right:0; top:50px;}*/

.sponge-pull-title{width:100%; position:relative;}

.sponge-pull-title h4.pull-left{ margin-top:0px; width:100%; }
.sponge-pull-title .pull-right{ margin-top:0px; position:absolute; right:0; top:5px;}
.sponge-pull-title .pull-right.first{ margin-top:0;}
.sponge-pull-title .pull-right.pull-right-h5.first{ margin-top:20px;}

.sponge-pull-title.sponge-collection{padding-bottom:10px;}

.sponge-guide-Box { border:0px solid #ddd; padding:0 0; margin:0px; }

.sponge-guide-Box table{ padding:0 0; width:100%; }
.sponge-guide-Box table.sponge-table-from-right{ width:40%; }
.sponge-guide-Box-table { border:0px solid #ddd; padding:0 0; margin:0 0px 0 0; clear:both; }
.sponge-guide-Box-table p{ margin-left:0px; padding-left:0px; }

.sponge-guide-Box-shadow{ padding:30px; box-shadow : 5px 5px 10px 3px rgba(0, 0, 0, 0.1); border-radius:20px;}

.sponge-guide-Box-line { border:1px solid #ddd; padding:0 0; border-top:0px ; }
.sponge-guide-Box-sub{ text-align:left; width:100%; padding:20px; border:1px solid #ddd;  background-color:#FDFDFD; border-radius:5px; padding:15px; margin:15px 0; }
.sponge-box-default { width: 100%; padding: 20px 10px 10px 10px; margin: 10px auto 0 auto; border-top: 1px solid #eee; border-left: 0px; border-right: 0px; }
.sponge-box-default-first { width: 100%; padding: 20px 10px 10px 10px; margin: 10px auto 0 auto; border-top: 0px solid #eee; border-left: 0px; border-right: 0px; }
.sponge-box-default-border { width: 100%; padding: 15px; margin: 10px auto; border: 1px solid #eee; }

.sponge-delete-box{text-align:center; width:100%;}

.sponge-delete-title{ padding:5px 15px; font-weight:600; font-size:15px; margin:0 0; }
.sponge-delete-guide{ padding:5px 15px; font-weight:600; font-size:20px; margin:0 0; }

/*찾아오시는길*/
.directions_map{width:100%; margin:0 auto;}
.directions_map .root_daum_roughmap{height:300px; overflow:hidden; width:100% !important;}
.directions ul{padding-left:30px;}
.directions_group{margin-top:30px;padding-left:145px;background:url(/Sponge/Images/icon/ico_map_car.gif) no-repeat 0 0;}
.directions_group ul li {display:inline; float:left; margin-left:0px; font-weight:bolder; }
.directions_group2{margin-top:30px;padding-left:145px;background:url(/Sponge/Images/icon/ico_map_bus.gif) no-repeat 0 0; border-bottom:1px solid #ddd; padding-bottom:20px;}
.directions_group2 ul li {display:inline; float:left; margin-left:0px; font-weight:bolder; }


.sponge-directions h5{vertical-align:middle; text-shadow:5px 5px 5px #fff;}
.sponge-directions h5:before{ width:100%; top:-10px;   content:''; height:1px; z-index:0; border-top:1px  dashed #ddd; }
.sponge-directions .sponge-guide-Box > h5:first-child:before{  border-top-width:0; }
.sponge-directions .vehicle{  display:inline-block;vertical-align:middle; text-shadow:none; }
.sponge-directions .vehicle > i  { display:table; background-color: #007fb6; width: 50px; height: 50px; text-align: center;  border-radius: 50%; color: #fff;}
.sponge-directions .vehicle > i > i { display:table-cell; vertical-align:middle; }
/*.sponge-directions .vehicle > i > i:nth-child(2) { margin-left:-10px; opacity:0.7; }*/


.root_daum_roughmap_landing-sponge{ padding-bottom:0; width:100% !important;}

.sponge-ui-local {position:relative; margin-top:-0px; border-top:1px solid #ddd; padding-bottom:40px;}
.sponge-ui-local .map-title {float:left; z-index:1;width:400px;padding: 20px 20px 20px 0; }
.sponge-ui-local .map-title strong {display:inline-block;position: relative;letter-spacing: -0.03em;font-size: 35px;font-weight: 700;color: #1a1b1c;}
.sponge-ui-local .map-title strong > span { font-size:70%;}
.sponge-ui-local .map-title strong:after {display:block; position:absolute; right:-15px; top:10px; content:''; width:8px; height:8px; border-radius:50%; background:#004098; }
.sponge-ui-local .map-title p {margin: 10px 0 0;font-size: 18px;color: #1a1b1c;}
.sponge-ui-local .map-cont {float:right;position:absolute; top:-40px;  right:0; z-index:1;width:calc(100% - 400px);padding:40px 50px;border-radius: 85px 0 85px 0;background: #004098; color:#fff;}
.sponge-ui-local .map-cont .map-list {}
.sponge-ui-local .map-cont .map-list > li {position:relative;margin:12px 0;padding-left: 15px;font-size:17px;color:#fff;}
.sponge-ui-local .map-cont .map-list > li:after {display:block; position:absolute; content:''; left:0; top:13px; width:4px; height:4px; border-radius:50%; background:#fff; }
.sponge-ui-local .map-cont .map-list > li.addr {padding-left:60px;}
.sponge-ui-local .map-cont .map-list > li.addr strong {position:absolute; left:15px; top:0; }
.sponge-ui-local .map-cont .map-list > li strong {display:inline-block; font-weight:700; margin-right:15px;}
.sponge-ui-local .map-cont > p:last-child{margin-bottom:0;}
.sponge-ui-local .map-cont > p > ul:last-child{ margin-bottom:0;}
.sponge-ui-local .map-cont > p > ul > li:last-child{ margin-bottom:0;}

/*소개및연혁*/

.sponge-intro div{ background:url('/Sponge/Images/guidePage/intro.png') no-repeat 0 bottom; width:350px; height:245px; float:left; display:inline;}
.sponge-intro p{ padding:0 0px 20px 0px; text-align:justify;}
.sponge-intro p:last-child{ padding:0 0px 0 0px;}
.sponge-intro span{ color:#000; font-weight:bold;}

.sponge-title-intro{ padding:0 0; font-weight:600; font-size:14px; margin:0 0; }


/*도서관 소개 - 연혁 -광주보건대스타일*/
.history_box{width:100%;clear:both;float:left}    
.history_box .year_box{width:100%;padding:20px 0; border-bottom:1px dotted rgba(28, 113, 186, 0.8); display:inline-block;}     
/*.history_box .year_box:first-child{padding-top:0;}*/
.history_box .year_box:last-child{border-bottom:none;}  
.history_box .year_box h5{width:110px; font-weight:800;color:#007fb6;font-size:25px;line-height:40px;margin-bottom:0; display:inline-block; margin:0; background-image:none !important; padding:0; float:left;}  
.history_box .year_box h5::before, .sponge-page-guide .history_box .year_box h5::before{display:none;}
.history_box .year_box .month_box{ width:calc(100% - 110px); padding:0; float:left; }      
.history_box .year_box .month_box:last-child{padding-bottom:0;}     
.history_box .year_box .month_box > div{ clear:both; display:table; vertical-align:middle; float:left;padding-top:0px; padding-bottom:8px;}  
.history_box .year_box .month_box > div > h6{ font-size:17px; color:#007fb6;font-weight:600;margin:0 0 0 0; text-align:center; width:51px;  }
.history_box .year_box .month_box > div > h6 > span{ background-color:rgba(223, 229, 244, 1);  height:51px; width:51px;  display:block; border-radius:50%; display:table-cell; vertical-align:middle; }
.history_box .year_box .month_box > div > p, .history_box .year_box .month_box > div > ul{line-height:23px;color:#555;font-size:15px; margin:0; display:table-cell; vertical-align:middle; width:auto; min-height:51px; padding-left:15px;} 
 

.sponge-history-guide{ position:relative; }
.sponge-history-guide > i{ width:1px; height:100%; background-color:#1fa7f1; display:block; position:absolute; left:292px; z-index:1; top:10px;}
.sponge-history-guide > div{ position:relative; z-index:2;}
.sponge-history-guide > div > h4{ width:320px; display:inline-block; float:left; background-image:none; padding-left:0px; color:#1fa7f1; font-size:60px; font-weight:600; position:relative; line-height:normal; margin:0; border-top:0; }
.sponge-history-guide > div > h4::before{ display:none; }
.sponge-history-guide > div > h4 > i{width:56px; height:56px; display:inline-block; background-color:#fff; border-radius:50%; border:1px solid #d4dde0; position:absolute; right:0; top:10px; text-align:center;  }
.sponge-history-guide > div > h4 > i > span{ width:15px; height:15px; display:inline-block; background-color:#1fa7f1; border-radius:50%;  text-align:center; position:absolute; top:20px; left:20px;}
.sponge-history-guide > div > ul{ float:left; padding:10px 0 100px 90px;}
.sponge-history-guide > div:nth-last-child(2) > ul{ padding-bottom:0;}
.sponge-history-guide > div > ul > li{ background-image:none; padding-left:0px; margin-bottom:30px;}
.sponge-history-guide > div > ul > li::before{ display:none;}
.sponge-history-guide > div > ul > li > span.history-title{ font-size:36px; font-weight:600;}
.sponge-history-guide > div > ul > li > strong{ padding-right:20px; }
.sponge-history-guide > div > ul > li  .white{ color:#fff; }


/*Search----------------------------------------------*/
/*767이상일때 정의가 bootstrap.css 없어 넣어뒀습니다.*/
.col-md-12 { width: 100%;}
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333%;}
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667%; }
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%;}
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667%;}
.col-md-1 { width: 8.33333333%; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12
{ float:left; display:inline-block; }
.sponge-form-inline { width: auto; margin:0px 0 30px 0; padding: 15px; background-color: whiteSmoke; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #EEE; border: 1px solid rgba(0, 0, 0, 0.05); line-height: 1.8; }/*드롭다운 버튼이 가려지게 됩니다. 해서 막습니다. 문제가 발생하면 class에 clearfix 문을 추가하도록 합니다.overflow: hidden; */
/*.sponge-form-inline #div_text_users, .sponge-form-inline #div_userDepart,.sponge-form-inline  #div_userLevel, .sponge-form-inline #div_Device{ display:inline-block !important;}*/
.div_list{ display:inline-block !important;}
.div_list #DropDownListUserDepart{ max-width:170px;}
/*Search Columns*/
.sponge-columns-one, .sponge-columns-two{ width:auto;}

.menubar-leftmenu{ width:20%;}
.gui-controls li .title{ height:15px;}
.gui-controls li { padding-left:0px; background-image:none !important;}
.gui-controls .badge{ border-radius:10px; margin-top:7px;}
.gui-controls span.title .badge{ margin-top:0px;}
.gui-controls > li > a .title{ opacity:1;}
.menubar-right-content{ width:79%;}
.sponge-layout-sub-background .sponge-layout-content-container{ min-height:700px;}
.sponge-layout-content-container-leftmenu .sponge-naver-left.sponge-onroad-left{width:85%; margin-top:20px; padding:15px !important;}
.sponge-layout-content-container-leftmenu ul.sponge-naver-left.sponge-onroad-left li a{ padding:2px 10px;}
.sponge-naver-left.sponge-onroad-left a .badge{ font-size:8pt;}
.sponge-naver-left.sponge-onroad-left li{ padding:3px 0;}
.sponge-naver-left { padding:15px; }

.sponge-naver-left.sponge-onroad-left{border-top:0px solid #eee;}
.sponge-naver-left.sponge-onroad-left:first-child{border-top:1px solid #eee;}

.row.Board-onroad .col-md-2 .sponge-page-boxGide.sponge-naver-left.sponge-onroad-left li{  background-image:none !important;}
.row.Board-onroad .col-md-2 ul.sponge-page-boxGide.sponge-naver-left.sponge-onroad-left{ margin:0px !important; }

/*Search Box FullMaster*/
.sponge-form-default .col-md-1, .sponge-form-default .col-md-2, .sponge-form-default .col-md-3, .sponge-form-default .col-md-4, .sponge-form-default .col-md-5, .sponge-form-default .col-md-6, .sponge-form-default .col-md-7, .sponge-form-default .col-md-8, .sponge-form-default .col-md-9, .sponge-form-default .col-md-10, .sponge-form-default .col-md-11, .sponge-form-default .col-md-12
{ float:none; display:inline-block; margin:0 0 3px 0; padding:0px; width:auto; vertical-align:top; }

.sponge-form-default{text-align:center; float:none; margin:0 auto; padding:0px 15px;}
.sponge-form-default input { margin-bottom: 0; }
.sponge-form-default select { margin-bottom: 0px; }

.sponge-form-default label.sponge-label-default{ display:none; padding: 0 42px 0 10px; margin-right:-4px; width:auto; background: url(/Sponge/Images/icon/select_icons_default_new.png) right -348px no-repeat; text-align:right; color:#fff; background-color: #b7b7b7; border: solid 1px #7c7c7c; border-right: solid 0px #7c7c7c; font-weight:600; height: 33px; position: relative; box-sizing:border-box; line-height:29px; vertical-align:middle;}
.sponge-form-default input.sponge-input-default { background-color:#fff; font-weight:600; ime-mode: active; border: solid 1px #7c7c7c;  height: 33px;  border-radius:0px; line-height:normal; padding:0 0 0 10px;width:400px; margin-left:0px; }
.sponge-form-inline-searchengine .sponge-form-default input.sponge-input-default{ width:300px; }
.sponge-form-default input.sponge-input-default-search{border-right-width:0; margin:0;}
.sponge-form-inline-searchengine .sponge-form-default input.sponge-input-default-search{border-right-width:1px;}
/*.sponge-form-default input.sponge-input-default-sponge { width:50%; }*/
.sponge-form-default input.sponge-input-default-100 { background-color:#fff; font-weight:600; ime-mode: active; border: solid 1px #7c7c7c; height: 33px;  border-radius:0px; line-height:normal; padding:0 0 0 10px;width:100px; margin-left:0px; }
.sponge-form-default input.sponge-input-default-200 { background-color:#fff; font-weight:600; ime-mode: active; border: solid 1px #7c7c7c; height: 33px;  border-radius:0px; line-height:normal; padding:0 0 0 10px;width:200px; margin-left:0px; }
.sponge-form-default input.sponge-input-default-nutshell { font-weight:600; ime-mode: active; border: solid 1px #7c7c7c; height: 33px;  border-radius:0px; line-height:normal; padding:0 0 0 10px;width:500px; margin-left:0px; }
.sponge-form-default input.sponge-input-default-sub { font-weight:600; ime-mode: active; border: solid 1px #7c7c7c; height: 33px;  border-radius:0px; line-height:normal; padding:0 0 0 10px;width:150px; margin-left:0px; }
.sponge-form-default input.sponge-input-default-150 { width:150px; }
.rowspan-2 { height:60px !important; }


.sponge-form-default .sponge-input-default-box{ position:relative; }
/*.sponge-form-default .sponge-input-default-box input.sponge-input-default { border-right-width:1px; }*/
.sponge-form-default .sponge-input-default-box .sponge-multilingual-btn { position:absolute; right:100px; top:1px; height: 31px; width:31px; padding:2px 5px; border-radius:50%; }
.sponge-form-inline-searchengine .sponge-form-default .sponge-input-default-box .sponge-multilingual-btn{right:70px; padding:0;}

.sponge-form-default .sponge-checkbox-default{position:absolute; right:0; top:0; height: 33px; padding:0 10px; border-radius:0px; line-height:30px !important; font-siz
e:13px; border: solid 1px #7c7c7c;  background-color: #b7b7b7; color:#fff !important; letter-spacing:-0.5px;}
.sponge-form-default .sponge-checkbox-default .checkbox label, .sponge-form-default .sponge-checkbox-default .radio label, .sponge-form-default .sponge-checkbox-default label{ font-size:13px; color:#fff; font-weight:600;}
.sponge-form-default .sponge-checkbox-default input{ padding:0px; margin:0px; vertical-align:middle; }       
.sponge-form-default .sponge-searches-agreement label{ margin:0px; }
.sponge-form-default .sponge-searches-agreement{ padding-top:5px;}
.sponge-form-default .sponge-title-default{ background-color:#fff; margin-right:-5px; color:#555 !important; font-weight:600; padding-left:15px; padding-right:0px; }
.sponge-form-default .sponge-title-default span{ color:#9c9c9c; margin-top:1px; border-right:1px solid #9c9c9c; padding-right:15px; }


.sponge-form-default .btn-sponge-default{ margin:0; height:33px;}
/*Search Box TwoColumnMaster*/
.sponge-form-default-sub .col-md-1, .sponge-form-default-sub .col-md-2, .sponge-form-default-sub .col-md-3, .sponge-form-default-sub .col-md-4, .sponge-form-default-sub .col-md-5, .sponge-form-default-sub .col-md-6, .sponge-form-default-sub .col-md-7, .sponge-form-default-sub .col-md-8, .sponge-form-default-sub .col-md-9, .sponge-form-default-sub .col-md-10, .sponge-form-default-sub .col-md-11, .sponge-form-default-sub .col-md-12
{ float:left; display:inline-block; margin:0 0 0 0; padding:0px 1px; box-sizing:border-box; border-right: 1px solid #7c7c7c;}

.sponge-form-default-sub{ float:none; margin:0 auto; padding-left:15px; padding-right:15px; width:80%;}
.sponge-form-default-sub form{margin:0; padding:0;}
.sponge-form-default-sub .row{ margin:0 0px 5px 0px; border-radius:0px;border: solid 1px #7c7c7c; background-color:#ffffff; width:100%; box-sizing:content-box;}
.sponge-form-default-sub .row-tow-left{ float:left; display:inline; margin-bottom:0px; width:50%; border-right: 0px; margin-right:-1px;}
.sponge-form-default-sub .row-tow-right{ float:left; display:inline; width:50%; margin-right:-2px;}
.sponge-form-default-sub label.sponge-label-default{ padding:0 0;  color:#fff; text-align:center; background-color:#c1c1c1 ; display:inline-block; font-weight:600; position: relative; line-height:30px; height: 33px; text-shadow:0 1px 1px #7c7c7c;}
.sponge-form-default-sub label.sponge-label-default.sponge-label-default-height65{height:65px; padding:12px;}

.sponge-form-default-sub label.sponge-label-default span{ font-size:11px;}
.sponge-form-default-sub input.sponge-input-default { font-weight:600; ime-mode: active; color: #797979; background-color:transparent;  border:0px; border-right: 1px solid #7c7c7c; height: 33px;  border-radius:0px; line-height:30px; padding:0 10px;}
.sponge-form-default-sub span.standby-mode-standby{ font-weight:600; ime-mode: active; color: #797979; background-color:transparent;  border:0px; border-right: 0px solid #7c7c7c; height: 33px;  border-radius:0px; line-height:30px; padding:0 10px;}
.sponge-form-default-sub .sponge-calendar-default, .sponge-form-default .sponge-calendar-default{width:42%; text-align:center; height:33px; border:0px; padding:0 5px; margin-bottom:0px; }
.sponge-form-default .sponge-calendar-default{height:31px;}
.sponge-form-default .sponge-calendar-box{ background-color:#fff;  border:solid 1px #7c7c7c; height:33px;}

.col-15p .full.libtech-datepicker-default{width: 100%; text-align:center; border:0px; background-color:transparent; margin-top:-5px; }

.col-15p { width: 15%; background-color: #f7f7f7; }
.col-16p{width:16%;}
.col-18p{width:18%;}
.col-20p{width:20%;}
.col-21p{width:21%;}
.col-21_5p{width:21.5%;}
.col-22p{width:22%;}
.col-23p{width:23%;}

.selectWrap { position: relative;  margin:0 0 0 0px; padding:0px; box-sizing:border-box; padding:0 0; height:33px; line-height:30px; text-align:left;  width:130px; }
.SelectBoxBasic { position: relative; ime-mode: active; z-index: 100; width:130px !important;  margin:0 0 0 0; padding:0 5px; height:33px; box-sizing:border-box; font-weight:600;}
.SelectBoxBasic160 { width:160px !important;}

.tricBox { position: absolute; left: 0; top: 0; display: block; z-index: 50; width:130px !important; margin:0 0 0 0; padding:0 5px; height:33px; font-weight:600; 
background:#fff url(/Sponge/Images/icon/select_icons_default_new_blue.png) right -148px no-repeat ; border: solid 1px #7c7c7c; color:#555; }
.tricBox:focus-visible, .selectWrap:focus-visible{ outline: -webkit-focus-ring-color auto 1px !important; }
.tricBox200 .tricBox, .tricBox200 { width:200px !important;}
.tricBox_w100P .selectWrap, .tricBox_w100P .tricBox, .w100P { width:100% !important;}

.selectWrap150 { position: relative;  margin:0 0 0 0px; padding:0px; box-sizing:border-box; padding:0 0; height:33px; line-height:30px; text-align:left;  width:150px; }
.SelectBoxBasic150 { position: relative; ime-mode: active; z-index: 100; width:150px !important;  margin:0 0 0 0; padding:0 5px; height:33px; box-sizing:border-box; font-weight:600;}

.selectWrap200 { position: relative;  margin:0 0 0 0px; padding:0px; box-sizing:border-box; padding:0 0; height:33px; line-height:30px; text-align:left;  width:200px; }
.selectWrap200 .selectWrap{ width:200px; }
.SelectBoxBasic200 { position: relative; ime-mode: active; z-index: 100; width:200px !important;  margin:0 0 0 0; padding:0 5px; height:33px; box-sizing:border-box; font-weight:600;}
.tricBox200 { position: absolute; left: 0; top: 0; display: block; z-index: 50; width:200px !important; margin:0 0 0 0; padding:0 5px; height:33px; font-weight:600; background:#fff url(/Sponge/Images/icon/select_icons_default_new_blue.png) right -148px no-repeat  !important; border: solid 1px #7c7c7c;}


.selectWrap170 { position: relative;  margin:0 0 0 0px; padding:0px; box-sizing:border-box; padding:0 0; height:33px; line-height:30px; text-align:left;  width:170px; }
.SelectBoxBasic170 { position: relative; ime-mode: active; z-index: 100; width:170px !important;  margin:0 0 0 0; padding:0 5px; height:33px; box-sizing:border-box; font-weight:600;}
.tricBox170 { position: absolute; left: 0; top: 0; display: block; z-index: 50; width:170px !important; margin:0 0 0 0; padding:0 5px; height:33px; font-weight:600; background:#fff url(/Sponge/Images/icon/select_icons_default_new_blue.png) right -148px no-repeat  !important; border: solid 1px #7c7c7c;}
.tricBox170 .tricBox, .tricBox170 { width:170px !important;}


.sponge-form-default-sub .selectWrap { margin-left:3px; margin-right:3px; line-height:33px; width:100% !important; }
.sponge-form-default-sub .SelectBoxBasic { width:99% !important;}
.sponge-form-default-sub .SelectBoxBasic2022 { width:99% !important; border-width:0;}
.sponge-form-default-sub .tricBox {  border: 0px; background-position:right -297px; width:99% !important;}
.sponge-form-default-sub .col-p .tricBox {  border: 0px; background-position:right -297px; width:95% !important;}
.sponge-form-default-sub .row-tow-right .selectWrap{ margin-right:5px;}

.AccountSelect  { border:1px solid #ddd; width:100% !important; margin-bottom:7px; }
.AccountSelect .selectWrap { margin-left:0; margin-right:0; line-height:33px; width:100% !important; }
.AccountSelect .SelectBoxBasic { width:100% !important;}
.AccountSelect .tricBox {  border: 0px; background-position:right 3px !important; width:100% !important; padding-left:20px;}

.SelectBoxBasic02 { position: relative; ime-mode: active; z-index: 100; width:130px !important;  margin:0 0 0 0; padding:0 5px; height:33px; box-sizing:border-box; font-weight:600;}
.tricBox02 { position: absolute; left: 0; top: 0; display: block; z-index: 50; width:130px !important; margin:0 0 0 0; padding:0 5px; height:33px; font-weight:600; background:#fff url(/Sponge/Images/icon/select_icons_default_new_blue.png) right -148px no-repeat  !important; border: solid 1px #7c7c7c;}

.sponge-form-default-sub .selectWrap02 { margin-left:3px; margin-right:3px; line-height:33px; width:100% !important; }
.sponge-form-default-sub .SelectBoxBasic02 { width:99% !important;}
.sponge-form-default-sub .tricBox02 {  border: 0px; background-position:right -297px; width:99% !important;}


.sponge-columns-SelectBoxBasic .selectWrap {width:95px; }
.sponge-columns-SelectBoxBasic .SelectBoxBasic {width:95px !important;  }
.sponge-columns-SelectBoxBasic .tricBox { width:95px !important; background:#fff url(/Sponge/Images/icon/select_icons_default_new_blue.png) right -298px no-repeat  !important; border:1px solid #ddd; color:#7c7c7c;}


.SelectBoxBasic2022{position: relative; ime-mode: active; z-index: 100; width:130px;  margin:0 0 0 0; padding:0 5px; height:33px; box-sizing:border-box; font-weight:600; border:solid 1px #7c7c7c; border-radius:0;}

.sponge-select-default{ font-weight:600; ime-mode: active; border: solid 3px #7c7c7c; height: 33px;  border-radius:0px; line-height:25px; padding:0 0 0 10px; background:#fff url(/Sponge/Images/icon/select_icons_default_new.png) right -147px no-repeat; }

.border-0{ border:0px !important;}

/*검색리스트*/
.sponge-related-searches{ padding:15px 0 5px 0; clear:both; line-height:13px;}

/*Search List*/
.btn-group.open > .dropdown-menu.pull-right > li{ background-image:none; padding-left:0px;}

.sponge-page-guide #picture p {margin-top:0px !important}
.search-list-result-left{ margin-top:20px;}
.search-list-result { border-top: 1px solid #EEE; padding: 10px 0 10px 0; position: relative; clear:both; min-height:125px; /*overflow:hidden;*/  }
.sponge-newbook-list {text-align:left;}
.sponge-newbook-list .search-list-result { width:49.5%; float:left; display:inline-block; clear:none; }
.sponge-newbook-list .search-list-result:nth-child(even) {  float:right; }
.search-list-result-left > .search-list-result:first-child{border-top-width:0;}
.sponge-list-content { padding-left: 15px; padding-right: 5px; display: block; overflow: hidden; width:83%; text-align:left;}
.sponge-newbook-list .sponge_thumbnails_image_div{width:100px;  }
.sponge-list-content { width:auto; }

.sponge-page-guide .sponge-list-content .sponge-list-content-box{ clear:both;}
/*.search-list-result-left .sponge-list-content {width:100%;}*/
.search-list-result-left .sponge-list-content{ padding-left:20px; }
.sponge-list-title {  font-size: 15px; font-weight: 600; width: auto; }
.search-list-checkbox { top: 0;  right: 0;  position: absolute;  color: #555; }


.search-list-result-left .search-list-checkbox{ right:auto; left:0; top:14px; font-size:11px; font-weight:600;}
.search-list-command {  right: 0; bottom:15px; position: absolute; color: #555; font-size:11px;}
.search-list-command .label{ margin:0px 0px 0 2px; }
.search-list-command a, .search-list-command btn, .search-list-command input, .search-list-command div.dropdown{ display:inline-block; }
.search-list-command .label{ font-size:11px;}
/*searchlist-모달부분*/
.search-list-command .sponge-searchlist-pop{ width:600px; padding: 15px 10px 15px 10px; position:absolute; top:80%; right:0px; left:auto; background-color:#F5F5F5; box-shadow:none; border:1px solid #dddddd; border-radius:0px 0px 5px 5px; height:250px;}
.search-list-command .sponge-searchlist-pop{ overflow:scroll; min-height:250px;}
.search-list-command .sponge-searchlist-pop-sms{  right:-28px; color:#555; }
.search-list-command .pop02{ right:-62px;}
.search-list-command .sponge-searchlist-pop-title{  border:0px; color:#3384cd; position:absolute; right:0px; top:-17px; border-radius:0px; padding:3px 7px 6px 7px; background:#F5F5F5 url(/Sponge/Images/guidePage/sponge-searchlist-pop-icon.png) center bottom no-repeat;}
.search-list-command .sponge-searchlist-pop-sms  .sponge-searchlist-pop-title{position:absolute; right:28px; }
.search-list-command .pop02 .sponge-searchlist-pop-title{ right:62px;}


.sponge_thumbnails_image_div{ margin: 0 0 0 0; float:left; width:125px; text-align:center; padding-left:0;}
.sponge_thumbnails_image_div .search-list-checkbox-number{ vertical-align:top;}
.sponge_thumbnails_image { /*margin: 0 0 0 0; float:left; width:120px; text-align:center; padding-left:40px;*/ display:inline-block;}
.search-list-result-left .sponge_thumbnails_image { margin-left:20px;}
.sponge_thumbnails_image img{padding: 2px; border-radius: 0px; width: 75px; height: 103px; border: 1px solid #dddddd; background: #F0F0F0; margin:0 auto;}
.sponge_thumbnails_image.sponge_thumbnails_image_widh img{width: 120px; height: 80px;}
.sponge_thumbnails_image img:hover{border: 1px solid #aeaeae; background: #dddddd; opacity:100;}    

.sponge_thumbnails_archiveimage { margin: 0 0 0 0; float:left;}
.sponge_thumbnails_archiveimage img{padding: 1px; border-radius: 0px; border: 1px solid #dddddd; background: #F0F0F0; margin:0 auto;}
.sponge_thumbnails_archiveimage img:hover{border: 1px solid #aeaeae; background: #dddddd; opacity:100;}   

.page-search-left-list-esearch .search-list-checkbox{ right:auto; left:0; top:6px;}
.page-search-left-list-esearch #searchq02 .search-list-checkbox{top:20px;}
.page-search-left-list-esearch .sponge_thumbnails_image_div{ width:75px; text-align:left;}
.page-search-left-list-esearch .sponge_thumbnails_image_div .search-list-checkbox-number{ position:absolute; right:0;}
.page-search-left-list-esearch .search-list-right{ position:absolute; right:0; top:20px; }


.book-title-page { border-top:1px solid #ddd; }
.book-title-page .row{ padding-left:0px; margin:0px; float: left; display: inline; width:50%;  border-bottom:1px solid #ddd; min-width:290px;}
.book-title-page dt{ padding:10px 10px 10px 0; float: left; display: inline; background-image:none !important; min-width:85px; width:20% !important; height:125px; overflow-y:hidden; }
.book-title-page dt.ebook_dt{width:30% !important; height:105px; min-width:124px;}
.book-title-page dd { width: 79% !important; padding:10px 0;  height:125px; overflow-y:hidden;}
.book-title-page dd.ebook_dd { width: 69% !important; height:105px; min-width:166px;}

/*.book-title-page .book-title-page_image{ border-bottom:1px solid #ddd; padding:10px 10px 10px 0; float: left; display: inline; background-image:none !important; min-width:85px; width:10% !important; height:115px; overflow-y:hidden; }
.book-title-page .book-title-page-list { border-bottom:1px solid #ddd; width: 40% !important; padding:10px 0;  height:115px; overflow-y:hidden;}*/
.book-title-page a{color:#007fb6; font-weight:600;}
.book-title-page a.btn-info{color:#fff;}
.book-title-page a:hover{color:#004784;}


/*.sponge-search-list-modal{ top:40%;}*/
.sponge-search-list-modal .modal-header{ padding:5px 10px; background-color:#ddd; border:1px solid #ccc; }
.sponge-search-list-modal .modal-title{ color:#555; font-weight:600;}
.sponge-search-list-modal .modal-header button.close{ color:#555; opacity:1;}
.sponge-search-list-modal .modal-body{ padding:5px; }

.sponge-search-list-modal table{ font-size:12px; color:#7c7c7c; width:100%; margin:3px auto;  }
.sponge-search-list-modal table th{ border-right:1px solid #eee; padding:3px; color:#555;}
.sponge-search-list-modal table td{ border-right:1px solid #eee; border-top:1px solid #eee; padding:2px; }
.sponge-search-list-modal table th:last-child{ border-right:0px solid #eee;}
.sponge-search-list-modal table td:last-child{ border-right:0px solid #eee; }

.sponge-search-modal-tab-content{ border-top:1px solid #eee; padding:10px 0 5px 0;}
.sponge-search-modal-tab-content .tab-pane{ text-align:center; }
.sponge-search-modal-tab-content .btn { padding:2px 5px; margin:1px; display:inline-block; width:25px; height:25px;color:#828587 !important; background-color:#fff; border:1px solid #bdc3c7 ; background:#fff linear-gradient(#fff 20%,  #fff 80%) !important; }

ul.sponge-search-modal-btn.nav-tabs{ text-align:center; margin:0 0 10px 0; border-bottom:0px; }
.sponge-search-modal-btn li{ float:none; display:inline-block; margin-bottom:3px;  }
.sponge-search-modal-btn.nav-tabs > li > a{padding:3px 10px; text-align:left; border-width:0px; border-radius:0; text-align:center; margin:0;}
.sponge-search-modal-btn.nav-tabs > li.active > a, .sponge-search-modal-btn.nav-tabs > li.active > a:hover, .sponge-search-modal-btn.nav-tabs > li.active > a:active, .sponge-search-modal-btn.nav-tabs > li.active > a:active { background-color:#5aa8dd; color:#fff; border-width:0px; }
.sponge-search-modal-btn.nav-tabs > li > a > span{ font-size:10px; display:block;}
.sponge-page-guide  ul.sponge-search-modal-btn.nav-tabs > li::before{ display:none; }
#multilingualKeyboard { border:1px solid #ddd; background-color:#fff; padding:10px; margin-top:10px;}
.sponge-form-inline.sponge-search-modal-form{ }



/*Search Detail List*/
.sponge-search-detail{ padding:0px; margin:0px; width:100%; position:relative;}
.sponge-search-detail .detail-table-left { width:13%; padding:0px; margin:0px; /*z-index:2;*/}
/*.sponge-search-detail .detail-table-left > div { position:absolute; z-index:2;}*/
.sponge-search-detail .detail-table-left .page-detail-title-image a { display:block; }
.sponge-search-detail .detail-table-left .page-detail-title-image img { padding: 2px; border-radius: 0px; width:100%; /*height:140px;*/ border: 1px solid #ddd; background: #F0F0F0; margin:0 auto 0 auto; }
.sponge-search-detail .detail-table-left .page-detail-title-archive img { padding: 0; border-radius: 0px; width:150px; /*height:140px;*/ border: 0px solid #dddddd; background-color:#FFF; margin:15px auto 0 auto; }
.sponge-search-detail .detail-table-left .page-detail-title-archiveimage img { padding: 2px; border-radius: 0px; /*height:140px;*/ border: 1px solid #dddddd; background: #F0F0F0; margin:15px auto 0 auto; }
.sponge-search-detail .detail-table-left .page-detail-title-qrcode { margin-top: 15px;width:100%; vertical-align:top;  padding:0; text-align:center;}

.sponge-search-detail .detail-table-left .page-detail-title-qrcode > a, .sponge-search-detail .detail-table-left .page-detail-title-qrcode > btn{  display:block;}
.sponge-search-detail .detail-table-right {width:85%;  float:right; padding-right:0px; min-height:310px; }
.sponge-search-detail .detail-table-right > .detail-table-right-body{width:100%; /*background-color:#eee;*/ padding:20px 10px; border:1px solid #ddd; min-height:412px; }
.sponge-search-detail .detail-table-left .modal-body{ text-align:left;  }
/*.sponge-search-list-modal-mark{top:15%;}*/

.sponge-search-detail dl{ margin-bottom:0px; display: block; float: none; clear: both; padding:0 0px 0px 10px; border-top:1px solid #eee;}
.sponge-search-detail dl:first-child{ border-top:0px;}
.sponge-search-detail dt{color:#000; margin-right:10px; float:left; font-weight:normal;  line-height:20px; margin-right:20px; width:150px; padding:7px 0 7px 12px; position:relative; }
.sponge-search-detail dt::before{ content:'·';  position:absolute; left:0; top:5px; font-size:24px; font-weight:900; color:#bdc3c7; line-height:24px; }
.sponge-search-detail dd.sponge-book-list-data{ font-weight:600; margin-right:20px; line-height:20px; margin-left:170px; padding:7px 0 7px 0; min-height:34px;}
.sponge-search-detail dd.sponge-book-list-data .unicode-list-height{ max-height:200px; overflow:auto; max-width:737px; }
.sponge-search-detail dd.sponge-book-list-data span.glyphicon{ top:2px; color:#5aa8dd;}
.sponge-search-detail dd.sponge-book-list-data span.fa, .sponge-search-detail dd.sponge-book-list-data span.far, .sponge-search-detail dd.sponge-book-list-data span.fas, .sponge-search-detail dd.sponge-book-list-data span.fab{ top:1px; color:#5aa8dd; position:relative; font-size:15px;}
.sponge-search-detail dd.sponge-book-list-data span.sponge-icon-eBook{ background: url('/Sponge/Css/theme/icon/e-Book.png') no-repeat left top;  float:left; display:block; width:16px; height:15px;  margin-top:3px; }
.sponge-search-detail dd.sponge-book-list-data .btn span.glyphicon, .sponge-search-detail dd.sponge-book-list-data .btn span.fa, .sponge-search-detail dd.sponge-book-list-data .btn span.far, .sponge-search-detail dd.sponge-book-list-data .btn span.fas, .sponge-search-detail dd.sponge-book-list-data .btn span.fab{ top:1px; color:#fff;}
.sponge-search-detail .detail-table-right a, .sponge-search-detail .sponge-book-title, .sponge-detail-list span, .sponge-detail-list .fa, .sponge-detail-table .fa, .sponge-detail-list .far, .sponge-detail-table .far, .sponge-detail-list .fas, .sponge-detail-table .fas, .sponge-detail-list .fab, .sponge-detail-table .fab{ color:#3384cd;}
a:hover, a:focus, .sponge-search-detail .detail-table-right a:hover, .sponge-detail-table .fa:hover, .sponge-detail-table .far:hover, .sponge-detail-table .fas:hover, .sponge-detail-table .fab:hover{ color:#224867;}

.sponge-search-detail .detail-table-right a.btn, .sponge-search-detail a.btn{ color:#fff !important;}
.sponge-search-detail a.btn:hover, .sponge-search-detail a.btn:focus{ color:#fff !important;}
.sponge-search-detail a.btn.btn-default{ color:#828587 !important;}
.sponge-search-detail a.btn.btn-default:hover, .sponge-search-detail a.btn.btn-default:focus{ color:#828587 !important;}
.sponge-search-detail a .fa, .sponge-search-detail a .far, .sponge-search-detail a .fas, .sponge-search-detail a .fab{ color:#5aa8dd !important; font-size:13px !important;}
.sponge-search-detail a.btn .fa, .sponge-search-detail a.btn .far, .sponge-search-detail a.btn .fas, .sponge-search-detail a.btn .fab { color: #fff !important;}
.sponge-search-detail a .fa.fa-youtube-play{ color:red !important; opacity:0.9;}
.sponge-search-detail .sponge-book-title{ font-size:120%; font-weight:600; margin-bottom:10px; width:100%; }

.sponge-book-list-box{}
.sponge-searchdetalil-2021-right > div{ border:1px solid #ddd; width:100%; margin-bottom:20px;}
.sponge-searchdetalil-2021-right > div > h5{ border-bottom:1px solid #ddd; margin-top:0; font-size:unset; padding:10px 10px; margin-bottom:10px; position:relative; }
.sponge-searchdetalil-2021-right > div > h5::before{ display:none;}
.sponge-searchdetalil-2021-right > div > h5 > span{ color:#3384cd; }
.sponge-searchdetalil-2021-right > div > h5 > a.more, .sponge-searchdetalil-2021-right > div > h5 > span.more{ position:absolute; right:10px; top:10px; font-size:70%; color:#3384cd; }

.sponge-search-chart{width:100%; }

.sponge-guide-Box.sponge-detail-table{ padding:0px;}
.sponge-page-guide .sponge-detail-table ul{margin:0; padding:0;}
.sponge-guide-Box.sponge-detail-table > p{ padding-left:15px;}


.search-detail-table {width:100%; }
.search-detail-table td, .search-detail-table > tbody > tr:nth-child(2n+1) > td{ border-bottom:0px !important; background-color:transparent !important; }

.search-detail-table .detail-table-mobile-left { border: medium none; text-align: right; text-transform: none; vertical-align: text-top; width: 100px; padding: 3px 10px 3px 0; color: #000; }

.sponge-page-guide ul.sponge-detail-list { padding-top: 0; margin:0 0 0 0px; }
.sponge-page-guide ul.sponge-detail-list > li { display: inline-block;  padding-left: 5px; font-size: 11px; background-image:none !important;  }
.sponge-page-guide ul.sponge-detail-list > li::before { display:none;  }
.sponge-page-guide ul.sponge-detail-list > li span { font-size: 15px; margin-right: 5px; color: #3384cd; }

.sponge-onroad-detail{ border-bottom:0px;}
.sponge-onroad-detail .detail-table-left { width:46%;  text-align:left; height:320px; text-align:center; overflow:hidden; border-right:1px solid #eee; }
.sponge-onroad-detail .detail-table-left img.sponge-profile-big-photo-image{ width:auto; height:320px; margin:0 auto; min-width:400px; }
.sponge-onroad-detail .detail-table-right {width:54%;  min-height:300px; border-left:0px solid #eee;}
.btn.btn-icon-toggle i, .btn.btn-icon-toggle span{color:#555 !important;}

  
.search-left-refine { margin-top: 0; min-height: 450px; border:1px solid #ddd;  border-radius:5px; background-color:#f5f5f5; }

.search-left-refine ul{ margin:7px 0 10px 0; font-size:12px; padding-left:10px;}
.search-left-refine ul li{ margin-bottom:3px; }
/*.search-left-refine i{ position:absolute; right:25px; display:none;}*/
.user-detail-page-thumb {list-style: none; margin: 0; padding: 3px; }
.user-detail-page-thumb > li { margin: 0; padding: 5px; float: left; position: relative; width: 33%; height: 75px; text-align: center; }
.user-detail-page-thumb > li::before { display:none; }
.user-detail-page-thumb > li img { width: 58px;  height: 70px; border: 1px solid #DDD; padding: 2px; background: #F0F0F0; text-align: center; }
.page-refine-title{ font-weight: 600; background-color:#ebebeb; padding:3px 10px; width:100% !important; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.search-left-refine .page-refine-title:first-child{ border-top:0px solid #cfcfcf;}
.page-refine-sub-title { font-weight: 600; padding: 2px 10px; margin: 5px 10px 0px 10px; background-color: #f1f1f1; border: 1px solid #ebebeb; font-size: 12px; }
.page-refine-sub-title-p { font-weight: 600; padding: 2px 10px !important; margin: 5px 10px 0px 10px !important; border: 0px solid #ebebeb; font-size: 12px; }
.pull-right-span-deletehistory{margin-right:10px;}

.page-search-left-list { width: 75%; }
.page-search-left-list-emsearch{ width:100%;}
.page-search-right-refine {  }

.btn-engine-more{ width:100%; padding:0 10px;  text-align:right;}
.btn-engine-more button { border-width:0; padding:0; background-color:transparent; line-height:normal; border-width:0;  }
.btn-engine-more button > i{ border-radius:50%; padding:2px; background-color:#5aa8dd; width:15px; height:15px; text-align:center; color:#fff; font-size:12px; line-height:normal; display:inline-block;}
.btn-engine-more button > i > i{ display:none; }
.btn-engine-more button > span{ margin-left:3px; font-size:90%; }

.btn-engine-year{ width:100%; padding: 10px; }
.btn-engine-year input[type="text"], .btn-engine-year input[type="password"]{ width:37%; min-width:94px; margin:0; border-color:#ddd;}
.btn-engine-year .pubYearBtn{ border-radius:0;}

/*.sponge-page-guide .search-left-refine ul#refine-year{ border-bottom:1px solid #ddd; margin:0 0 5px 0; padding:0;}*/
/*.sponge-page-guide .search-left-refine ul#refine-year > li{ display:inline-block; margin:0 5px; width:auto; padding-left:0; }*/
.sponge-page-guide .search-left-refine ul#refine-year > li::before{ display:none; }
#refine-year input[type="checkbox"]{ vertical-align:middle;}
.refine-year-btn{ padding:0 10px; text-align:center; }
.refine-year-btn > div{ padding:5px; border:1px solid #ddd;}
.refine-year-btn .btn{ border-radius:0; }

.number-list{ /*border-radius:10px; padding:1px 5px; font-size:80%; line-height:normal; margin-left:3px; background-color:#7c7c7c; color:#fff;*/ opacity:0.7; }

.playerContainer {width: 350px; margin: 0 auto; }
.dataListFrist { clear: both;  margin-top: 20px; }
.dataListFrist li { float: left; display: inline;  width: 140px; height: 110px; text-align: center; font-weight: normal;  background-image:none !important;}
.dataListFrist li img { border: 1px solid #808080; padding: 3px; background-color: #fff; width: 117px; height: 66px;}
.dataListFrist li b { font-weight: normal;}


.sponge-list-board .pull-left p{ margin:0px 0 5px 12px;}    
.sponge-list-board .glyphicon { font-size:11px;}
.sponge-list-board #l_title, .sponge-list-board .l_title{  padding:7px 15px; width:100%; font-size:13pt; font-weight: 600; clear: left; margin: 0; border:1px solid #dddddd; border-bottom:0px; border-top:2px solid #dddddd;background-color:#f1f1f1;  border-radius:5px 5px 0 0; height:auto;line-height:normal; }  
.sponge-list-board #categoryitem{  padding:7px 15px; width:100%; font-size:13pt; font-weight: 600; clear: left; margin: 0; border:1px solid #dddddd; border-bottom:0px; border-top:2px solid #dddddd;background-color:#f1f1f1;  border-radius:5px 5px 0 0; height:auto;line-height:normal; }  
.sponge-list-board #yearitem{  padding:7px 15px; width:100%; font-size:13pt; font-weight: 600; clear: left; margin: 0; border:1px solid #dddddd; border-bottom:0px; border-top:2px solid #dddddd;background-color:#f1f1f1;  border-radius:5px 5px 0 0; height:auto;line-height:normal; }  
.sponge-list-board #smart_editor2 #smart_editor2_content  {width:100%;}
.sponge-list-board dl{ margin-bottom:0px; }
.sponge-list-board dt{ margin-right:15px; display:inline-block; line-height:normal;}
.sponge-list-board dd{ padding-bottom:3px;}
.sponge-list-board dd input{ width:auto; margin-bottom:3px !important;}
.sponge-list-board dd input[type='text']{ margin-right:5px;}
.sponge-list-board input[type='radio'], .sponge-list-board input[type='checkbox']{ margin:2px 0 0 0;}
.se2_inputarea{height:auto !important; }

.sponge-list-board h4 .sponge-book-title{ margin-bottom:0px;}

.sponge-list-board2.row{ margin:0px;}

.onroad-board{ clear:both; border-top:1px solid #ddd; min-width:290px; padding:10px 0; line-height:25px; margin:0px;}
.sponge-page-guide > .onroad-board:last-child{ border-bottom:1px solid #ddd;}
.onroad-board-0{ background-color:#f7f7f7; color:#000; }
.onroad-board:hover{ background-color:#f0f5fa;}

.onroad-board dt{ display:inline; float:left; overflow:hidden; padding-left:10px;  min-width:50px; vertical-align:top;  font-size:80%;  padding-top:3px; }

.onroad-board dd{ overflow:hidden; min-width:230px;  color:#555; padding-left:10px;}
.onroad-board dd a{ font-weight:600;  }
.onroad-board dd span { opacity:0.6; font-size:80%; }


.onroad-board-2021 dd{ text-align:right;}
.onroad-board-2021 dd span {  font-size:90%; color:#000;}
.onroad-board-2021 dd > a{ width:60%; display:inline-block; text-align:left; float:left;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.onroad-board-2021 dd > div{ width:40%; float:right;}
.onroad-board-2021 dd > div > p{ display:inline-block; text-align:center; margin:0;  }
.onroad-board-2021 dd > div > p:first-child{ width:30%; }
.onroad-board-2021 dd > div > p:nth-child(2){ width:20%; }
.onroad-board-2021 dd > div > p:nth-child(3){ width:28%; }
.onroad-board-2021 dd > div > p:nth-child(4){ width:17%; }
.onroad-board-2021 dd > div > p > span{ display:inline-block; }

.onroad-board-2021-top{ border-color:#555; background-color:#eee;}
.onroad-board-2021-top dt, .onroad-board-2021-top dd > a span{ color:#000; font-size:95%; opacity:1; }
.onroad-board-2021-top dt{margin:0; padding:0 0 0 12px; text-align:left;}
.onroad-board-2021-top dt > span{ margin-top:1px; display:block; }
.onroad-board-2021-top dd > div > p{  font-weight:600; }
/*.onroad-board-2021-top dd > div > p:nth-child(4){ text-align:left; }*/
.onroad-board-2021-top dd > div > p > span{ color:#000; opacity:1; }



.titleimg{ width:200px; }

.sponge-guide-btns{ text-align:center; width:100%; border-top:1px solid #b9b8b8;  padding:30px 1px 0 1px; margin:30px 0; display:block;}
.modal .sponge-guide-btns{ margin:0; padding-top:15px;}
.sponge-page-guide > .sponge-guide-btns:first-child{  padding:30px 1px 0 1px; margin:0 0 30px 0; }
.sponge-page-guide > .sponge-guide-btns + h4{  }
.sponge-guide-btns.sponge-text-align-center{ text-align:center; }
.sponge-guide-btns.sponge-text-align-left{ text-align:left; }
.sponge-guide-btns:last-child{ margin-bottom:0; }
.sponge-guide-btns .btn, .clicker_small_command_button_section .btn{ margin:0 1px 3px 1px; border-radius:0; padding:10px; font-size:unset;}
.sponge-guide-btns .btn, .sponge-guide-btns .btn  .glyphicon, .sponge-guide-btns .btn .fa, .sponge-guide-btns .btn .fas, .sponge-guide-btns .btn .far, .sponge-guide-btns .btn .fab
{ font-size:14px; }
.sponge-guide-btns .btn-group-sponge-page .btn, .sponge-guide-btns .btn-group-sponge-page .btn.btn-sponge-default{ padding:5px; font-weight:normal; width:auto; min-width:33px; }
.sponge-guide-2btn{ text-align:right; width:100%; border:1px solid #b9b8b8;  padding:30px 0; margin:30px 0; }
.sponge-guide-2btn .btn{ margin:0 1px 3px 1px;}
.sponge-guide-2btn .btn:last-child{ margin-right:1px;}
.sponge-guide-2btn .btn:first-child{ margin-left:1px;}
.sponge-guide-btns .panel-default{ text-align:left; margin-top:15px;}
.sponge-guide-btns .btn-default{ margin-left:-1px; margin-right:-1px; flex:none;}
.sponge-guide-btns .btn-sponge-default{ flex:none;}
.sponge-guide-btns .btn-group-sponge-page.btn-group{ text-align:center; display:inline-block;  }
:-ms-input-placeholder.form-control { color: #ccc !important; }
input:-ms-input-placeholder { color: #ccc !important; }
textarea:-ms-input-placeholder { color: #ccc !important; }

.sponge-list-erm { width:85%; }
.sponge-list-erm dl{ margin-bottom:15px; clear:both; display:table; width:100%;  }
.sponge-list-erm dl:last-child{ margin-bottom:0px; }
.sponge-list-erm dt{ margin-right:10px; display:inline-block; vertical-align:top; } /*12*/
.sponge-list-erm dd{ padding-bottom:3px; width:550px; display:inline-block; text-align:left; }
.sponge-list-erm dd.TitleJ{  padding-top:20px; padding-bottom:0px; margin-bottom:0px;}
.sponge-list-erm .alert{ padding-bottom:5px; margin-top:0px; }
.sponge-list-erm .btn-sm, .sponge-list-erm  > .btn{ margin:1px; padding:2px 9px; }
.sponge-list-erm .btn-sm:first-child, .sponge-list-erm  > .btn:first-child{ margin-left:0px; }
.sponge-list-erm .btn-fsearch-list-resultsm:last-child, .sponge-list-erm  > .btn:last-child{ margin-right:0px; }
.sponge-list-erm .btn{ margin:1px 1px; }

.sponge-list-erm .btn.btn-default.btn-sm{ border-color:#555; color:#000; }

.sponge-list-erm-webdb{ width:100%;padding:0; }
.sponge-list-erm-webdb > dl{ margin-bottom:0; text-align:center;}
.sponge-list-erm-webdb > dl > dd > div{ margin-bottom:4px; }
.sponge-list-erm-webdb > dl > dd > div:last-child{ margin-bottom:0px; }

.sponge-list-erm-webdb td a.btn.btn-sponge-default.btn-sm{ font-weight:normal;}
.sponge-list-erm-webdb > dl > dt{ display:inline-block; vertical-align:top; width:100px; padding-right:10px; text-align:right; }
.sponge-list-erm-webdb > dl > dd{ display:inline-block; text-align:left; width:calc(100% - 100px)}
.sponge-list-erm-webdb > dl .btn{ position:relative; margin: 2px; background-color: rgba(255,255,255, 0.3); color:rgba(85,85,85, 0.3); border-color:rgba(85,85,85, 0.3); padding:3px 0px; min-width:34px; height:34px; font-size:110%;}
.sponge-list-erm-webdb > dl > dt .btn#btn_all{ height:76px; min-width:76px; padding-top:25px; }

.sponge-list-erm-webdb > dl .btn.active_no{ background-color:rgba(255,255,255, 1); border-color:rgba(85,85,85, 1); color:rgba(85,85,85, 1); }
.sponge-list-erm-webdb > dl .btn.active_active{ border-color:#3782cb; color:#3782cb; font-weight:600; }

.sponge-list-erm-webdb > dl .btn:hover, .sponge-list-erm-webdb > dl .btn:focus, .sponge-list-erm-webdb > dl .btn:active{ color:rgba(85,85,85, 0.3) !important; opacity:1; }
.sponge-list-erm-webdb > dl .btn.active_no:hover, .sponge-list-erm-webdb > dl .btn.active_no:focus, .sponge-list-erm-webdb > dl .btn.active_no:active{ color:#3782cb !important; }

.sponge-list-erm-webdb > dl .btn.active_active:hover, .sponge-list-erm-webdb > dl .btn.active_active:focus, .sponge-list-erm-webdb > dl .btn.active_active:active{ color:#3782cb; opacity:1; font-weight:600; }
.sponge-list-erm-webdb > dl .btn > span.count_no{ display:none; padding:2px 5px; position:absolute; right:-6px; top:-6px; width:23px; height:18px; border-radius:32px; color:#fff; background-color:#3782cb; font-size:11px; z-index:1; opacity:1 !important; }
.sponge-list-erm-webdb > dl .btn:hover > span.count_no{ display:inline-block;}
.sponge-list-erm-webdb > dl .btn.active_active > span.count_no{ display:inline-block; }

.sponge-list-Serial { text-align:center; }

.radio-style-advanced{padding:7px 10px !important;}
.radio-style-advanced p {margin:0px !important;}
.radio-style-advanced p input[type='radio']{margin-left:10px !important;}
.radio-style-advanced p input[type='radio']:first-child{margin-left:0px !important;}



.sponge-document-file{ background: url(/Sponge/Images/icon/DocumentFile.png) left top no-repeat; width:17px; height:15px; display:block; float:left; padding-right:5px; margin-right:3px;  }
.sponge-document-file-pdf {  }
.sponge-document-file-xls { background-position-x:-20px !important; width:15px;  }
.sponge-document-file-ppt { background-position-x:-38px !important; width:16px;  }
.btn-default:hover .sponge-document-file, .btn-default:hover span.sponge-document-file, .hover.btn-default .sponge-document-file, .btn-default:focus .sponge-document-file, .btn-default:active .sponge-document-file, .active.btn-default .sponge-document-file, .open > .btn-default.dropdown-toggle .sponge-document-file
{background-image: url(/Sponge/Images/icon/DocumentFile.png)  !important;}
.btn-default:hover .sponge-document-file-xls, .btn-default:hover span.sponge-document-file-xls{ background-position-x:-20px !important;}
.btn-default:hover .sponge-document-file-ppt, .btn-default:hover span.sponge-document-file-ppt{ background-position-x:-38px !important;}

.label-sponge-button{ font-weight:normal; }
.label-sponge-button.label-default{}
.label-sponge-button.label-primary{ color:#fff; background-color:#52d0b7;}
.label-sponge-button.label-info{ color:#fff; background-color:#3498db;}
.label-sponge-button.label-brown{ color:#fff; background-color:rgba(178, 56, 49, 1.0);}
.label-sponge-button.label-warning{ color:#fff; background-color:#f1c40f;}
.label-sponge-button.label-inverse{ color:#fff; background-color:#34495e;}
.label-sponge-button.label-danger{ color:#fff; background-color:#d9534f;}
.label-sponge-button.label-success{ color:#fff; background-color:#5cb85c;}




.sponge-font-size-11 { font-size:11px; color:#7c7c7c;}
.sponge-font-size-120p { font-size:120%;}
.libtech-mobile-header-popup{ display:none; min-width:0px; min-height:0px; }
.myModal{display:none;}

/*길위의인문학*/
.sponge-onroad-panel {text-align:center;}
.sponge-onroad-panel img.imgsize{ width:100%; height:240px; border:1px solid #eee;}
.sponge-onroad-panel .col-md-4{ padding-bottom:30px; min-height:300px;}


.dl-horizontal dt.list-title{ float:left; text-align:center; min-width:117px; width:22%;}
.dl-horizontal dd.list{ float:left; width:78%; padding-left:10px;   }
.dl-horizontal dd.list .col-md-8 p.p-list-title{  width:100%; height:25px; overflow:hidden;  margin:0px;}
.dl-horizontal dd.list .col-md-8 p.p-list{  line-height:20px; height:140px; overflow:hidden; }
.dl-horizontal dd.listvideoboard{ margin-left:130px;}
.dl-horizontal dd.listvideoboard2{ margin-left:170px;}
.dl-horizontal2 { margin-bottom:0px; }


.dl-horizontal5 dt.list-title{ width:28%;}
.dl-horizontal5 dd.list{ width:72%; }

.dl-horizontal .pull-left span{}

.dl-horizontal4 dt.list-title{ width:29%;}
.dl-horizontal4 dd.list{ width:71%;  }
.dl-horizontal4 dd.list .col-md-8{ padding-left:0px; padding-right:0px; }
.dl-horizontal4 dd.list .col-md-4{ padding-right:0px; }


/*도서관연혁 History*/
.history_guide div.img_hi, .history_guide p.img_hi{ background:url('/Sponge/Images/history/since.png') no-repeat left top; line-height:40px; display:block; width:35%; float:left; display:inline; height:307px; text-align:left;  font-size:50px; font-weight:600; color:#3384cd; vertical-align:top; letter-spacing:-1px;}
.history_guide span{  font-weight: 600; }
.history_guide ul{  width:100%; clear:both;  margin-bottom:0; padding-left:0px;}
.history_guide .guide_text{ width:65%; float:right; display:inline;}
.sponge-page-guide .history_guide .guide_text h4, .history_guide .guide_text h4{ width:190px; font-size:16px; font-weight:600; color:#fff; padding:15px;  clear:both; background:#3384cd url('/Sponge/Images/title/history_guide_right.png') no-repeat right center; 
border-bottom:2px solid #3384cd; border-top:1px solid #3384cd; }

/*.sponge-page-guide .history_guide .guide_text h4.first, .history_guide .guide_text h4.first{ border-top:1px solid #3384cd;}*/
.sponge-page-guide .history_guide h4::before, .history_guide h4::before{ display:none;}
.sponge-page-guide .history_guide .guide_text > h4:first-child, .history_guide .guide_text > h4:first-child{ margin-top:0;}
.history_guide ul > li { background-image:none; clear:both;  padding-bottom:5px; }
.history_guide ul > li::before{ display:none; }
.history_guide h5{ background-image:none !important; clear:both; padding-left:25px !important; margin-bottom:0px !important; padding-bottom:5px; color:#007fb6 !important; padding-top:20px; }
.history_guide h5.first{margin-top:0px !important; padding-top:10px !important; }
.history_guide li h5{ padding-left:0px !important; padding-bottom:0px;  color:#555;padding-top:0px;}
.history_guide li h5:before{ display:none;}
.history_guide li h6{ width:33px; float:left; display:inline; margin:4px 10px 0 0; color:#555; text-align:right; }
.history_guide p{ float:left; display:inline;  margin:5px 0 15px 0 !important; color:#7c7c7c;  height:auto; padding:0px !important;}
.history_guide li p{ width:470px; float:left; display:inline;  margin:0px 0 0 0 !important; color:#7c7c7c;  height:auto; padding:0px !important;}

/*도서관연혁 History2 신라대적용*/
.history-box{ }
.history-box div.img_hi, .history_guide p.img_hi{ background:url('/Sponge/Images/history/since.png') no-repeat left top; line-height:40px; display:block; width:35%; float:left; display:inline; height:307px; text-align:left;  font-size:50px; font-weight:600; color:#3384cd; vertical-align:top; letter-spacing:-1px;}
.history-box .guide_text{ width:65%; float:right; display:inline;}
.history-box h5{ border-top:2px solid #4391c3; display: inline; width: 15%; font-size: 33px; color: #4391c3; padding: 20px 0 55px 0; text-align: center; float:left; margin:0px; background-image:none !important;}
.sponge-page-guide.history-box h4 + h5, .sponge-page-guide .history-box h4 + h5{ margin-top:0;}
.history-box h5::before{ display:none;}
.history-box ul{ float:left; width: 85%; border-top:2px solid #e0e0e0; padding:10px 0 10px 30px ;}
.history-box li{ padding-left:0px !important; margin-bottom:10px !important; background-image:none !important; clear:both; float:left; width:100%;}
.history-box li::before{ display:none; }
.history-box li h6{ float:left; margin:0px; padding:0px 0 0 0;  line-height:1.7; width:10%;}
.history-box li p{ float:left; margin:0px; padding:0px; line-height:1.7; width:90%;}
.history-box-100 .guide_text{ width:100%;}

/*도서관연혁 History2 대원대적용*/
.sponge-history-content{ width:100%; position:relative; }
.sponge-history-content > div.title-history{ position:relative; height:196px; width:196px; border-radius:50%; border:8px solid rgba(26, 103, 148, 0.2); margin:0 auto 30px auto; }
.sponge-history-content > div.title-history > span{ font-size:350%; font-weight:600; text-align:center; background-color:#1a6794; color:#fff; width:180px; height:180px; padding:15px 0; border-radius:50%; 
margin:0 auto; display:block; line-height:55px;  }
.sponge-history-content > div.title-history > span > i{ font-size:60%; }
.sponge-history-content::before{ content:''; height:100%; width:1px; background-color:#000; opacity:0.4; position:absolute; left:50%;}
.sponge-history-content > dl{  width:100%;  padding-right:49.6%; text-align:right;}
.sponge-history-content > dl > dt{ font-size:38px; margin-bottom:15px; padding-right:30px; opacity:0.6; color:#1a6794; }
.sponge-history-content > dl > dd{ position:relative; margin-bottom:10px;  padding-right:30px;}
.sponge-history-content > dl > dd::before{ content:'◆'; font-size:50%;color:#1a6794; position:absolute; left:calc(100% - 8px);  top:5px; }
.sponge-history-content > dl > dd > strong{ float:right; padding-left:10px; }


.sponge-history-content > dl:nth-child(odd){ padding-right:0; padding-left:49.6%; text-align:left; }
.sponge-history-content > dl:nth-child(odd) > dt{ padding-right:0px; padding-left:30px; }
.sponge-history-content > dl:nth-child(odd) > dd{ padding-right:0px; padding-left:30px; }
.sponge-history-content > dl:nth-child(odd) > dd::before{ /*left:-0.5px;*/left:calc(0% + 2px);  }
.sponge-history-content > dl:nth-child(odd) > dd > strong{ float:left; padding-right:10px; padding-left:0; }


.sponge-history-content.sponge-pictures-content::before{ opacity:0.1; width:2px; }
.sponge-history-content.sponge-pictures-content > dl{ padding-right:52.5%;}
.sponge-history-content.sponge-pictures-content > dl:nth-child(odd){ padding-left:52.5%;  padding-right:0;}
.sponge-history-content.sponge-pictures-content > dl > dt{ font-size:20px; opacity:0.9; color:#000; position:relative; /*text-align:left;*/ }
.sponge-history-content.sponge-pictures-content > dl > dt > .pictures-title{padding-left:1px;}
.sponge-history-content.sponge-pictures-content > dl > dt > .pictures-title > span{ font-size:70%; opacity:0.7;}
.sponge-history-content.sponge-pictures-content > dl > dt > .pictures-title > i{ color:#007fb6; }
.sponge-history-content.sponge-pictures-content > dl > dt > a.btn.btn-default{ border-color:#000; color:#000; margin-top:10px;}
.sponge-history-content.sponge-pictures-content > dl > dt > a.btn.btn-default:hover{ color:#007fb6; }
.sponge-history-content.sponge-pictures-content > dl > dd::before{ content:url( '/Sponge/Images/history/bg_timeline_left.png' ); position:absolute; left:calc(100% - 30px);  top:15px;  }
.sponge-history-content.sponge-pictures-content > dl:nth-child(odd) > dd::before{ left:-45px;  transform: rotate(180deg); }
.sponge-history-content.sponge-pictures-content > dl > dd > a, .sponge-history-content.sponge-pictures-content > dl > dd > p{ border:1px solid #ddd; display:inline-block;}
.sponge-history-content.sponge-pictures-content > dl > dd > a > img{ max-width:300px;}
.sponge-history-content.sponge-pictures-content > dl > dd > img{max-width:310px; }
.sponge-history-content.sponge-pictures-content > dl > dd > img:nth-child(1){ max-width:390px; margin-bottom:10px;}
.sponge-history-content.sponge-pictures-content > dl > dd > img:nth-child(2){ max-width:190px; margin-right:6px;}
.sponge-history-content.sponge-pictures-content > dl > dd > img:nth-child(3){ max-width:190px;}

.sponge-history-content.sponge-pictures-content-s{ margin-top:50px;}
.sponge-history-content.sponge-pictures-content-s > dl > dt{ font-size:24px;  /*text-align:left;*/ }
.sponge-history-content.sponge-pictures-content-s > dl > dt > i{ color:#007fb6; }
.sponge-history-content.sponge-pictures-content-s > dl > dd{  padding-right:39px;}
.sponge-history-content.sponge-pictures-content-s > dl:nth-child(odd) > dd{ padding-left:39px; }
.sponge-history-content.sponge-pictures-content.sponge-pictures-content-s > dl > dd::before{ left:calc(100% - 38px);  }
.sponge-history-content.sponge-pictures-content.sponge-pictures-content-s > dl:nth-child(odd) > dd::before{ left:-37px; }



/*스터디룸 예약 Booking*/
#bookingList li{ background-image:none !important; }

/*조직구성도*/
.organization{width:100%; text-align:center; border-width:2px; padding:30px; border-color:#eee; }

.organization h4{ text-align:left;}
.organization .row{ padding:0px; margin:0px; }
.organization .row.row14 .col-md-1{ width:7.142%; }
.organization .row.row16 .col-md-1{ width:5.5%; }
.organization .border{ border:1px solid #ddd; border-radius:5px; font-size:16px; padding:10px; text-align:center; font-weight:600; }
.organization .writing-mode{  text-align:center; line-height:18px;}
.organization .bordertitle{background-image: url('/Sponge/Images/guidePage/OrganizationBg.png');}
.organization .title01  {
background: #1092bc; /* Old browsers */
color:#fff; border-color:#1092bc;
/*background:#2da4cb url('/Sponge/Images/guidePage/OrganizationBg.png') !important;*/
}
.organization .title02  {
background: #7dc629; /* Old browsers */
color:#fff; border-color:#65aa16;
/*background:#2da4cb url('/Sponge/Images/guidePage/OrganizationBg.png') !important;*/
}
.organization .title03  {
background: #aa6716; /* Old browsers */
color:#fff; border-color:#aa6716;
/*background:#2da4cb url('/Sponge/Images/guidePage/OrganizationBg.png') !important;*/
}
.organization .border.title04  {background: #eee; border-color:#ddd; color:#000; padding:5px;}
.organization .border p.title{ border-bottom:1px solid #ddd; width:100%; margin:0 auto; }
.organization .border-col-2{ border-radius:50%; width:100%; height:120px;  }
.organization .border-col-3{ border-radius:10px; width:100%; }
.organization .br{ border-right:1px solid #ddd; }
.organization .bb{ border-bottom:1px solid #ddd; }

.organization .border ul{ padding:0px; margin:10px 0 0 0px; text-align:center; }
.organization .border li{ padding:3px !important; margin:3px; min-width:100px; background-color:#ddd; background-image:none !important; border:1px solid #ddd; border-radius:5px; display:inline-block; text-align:center; }
.organization .border li::before{ display:none; }

.organization .border-list-sub{min-height:253px;  box-shadow:inset 5px 5px 5px #f7f7f7; font-size:14px; margin-right:24px; width:150.66px;}
.organization .border a{ color:#fff;}

.organization .box-list{border:1px solid #ddd; border-radius:5px; font-size:16px; padding:10px; text-align:center; font-weight:600; min-height:100px; width:400px;  box-shadow:inset 5px 5px 5px #f7f7f7;}
.organization .box-list p.title{ border-bottom:1px solid #ddd; width:100%; margin:0 auto; padding-bottom:5px;}
.organization .box-list ul{ padding:0px; margin:10px 0 0 0px; text-align:center; }
.organization .box-list li{ padding:3px !important; margin:3px; min-width:100px; background-color:#ddd; background-image:none !important; border:1px solid #ddd; border-radius:5px; display:inline-block; text-align:center; }
.organization .box-list li::before{ display:none; }


.sponge-staff{ text-align:center; }
.sponge-staff-one{ border-radius:50%; border:1px solid #ddd; padding:20px; height:250px; width:250px; margin:0 auto; display:table; box-shadow:inset 0px 10px 10px rgba(0,0,0,.05);}
.sponge-staff-one > *{ display:table-cell; vertical-align:middle; clear:both; min-width:60%; }
.sponge-staff-one > * > p, .sponge-staff-one > * > a{ margin:0 0 20px 0; padding:5px 20px; background-color: #5184c2; border:1px solid #5184c2; border-radius:20px; color:#fff; font-weight:600;  box-shadow:inset 0px 10px 10px rgba(255,255,255,.3); display:block; }
.sponge-staff-one > * > p:last-child, .sponge-staff-one > * > a:last-child{ margin-bottom:0px; background-color: #50bec1; border-color:#50bec1; }
.sponge-staff-one > * > a:hover{ color:#ffef8f;}


/*금광산DB-지질자원 관련 CSS*/
.GoldMine .imgStyle{ text-align:center; }
.GoldMine .imgStyle .photos {overflow: hidden; border: 1px solid #f0f0f0; width: 100%;}
.GoldMine .imgStyle img {border: none;}
.GoldMine .imgStyle .photos div img {padding: 10px; margin: 0 0;}
.GoldMine .imgStyle .photos ul.thumbs {margin: 0;padding: 0 0 0 10px;list-style: none;width: 100%; text-align: center;}
.GoldMine .imgStyle .photos ul.thumbs li {width: 85px; height: 100px; margin: 0 10px 0 0;padding: 0; display:inline-block; overflow: hidden; border: 1px solid #ddd; background-image:none;}
.GoldMine .imgStyle .photos ul.thumbs li.thumbs02 { height: 52px; overflow-y:hidden; }
.GoldMine .imgStyle .photos ul.thumbs li:hover {opacity: .0.8;}
.GoldMine .imgStyle .photos ul.thumbs li img { width:100%  }
/*.GoldMine .imgStyle div#jas-container { width: 100%; }
.GoldMine .imgStyle div#jas-frame {width: 100%; padding:10px; border:1px solid #ddd; }
.GoldMine .imgStyle div#jas-tags {font-size: 8pt; font-family: verdana; }
.GoldMine .imgStyle div#jas-tags h3 { margin-bottom: 1em;}
.GoldMine .imgStyle div#jas-tags ul {list-style: none; }
.GoldMine .imgStyle div#jas-tags ul li {margin-bottom: 0.3em; }
.GoldMine .imgStyle div#jas-tags ul li input {margin-right: 3px; }
.GoldMine .imgStyle div#jas-thumbnails {float: left; clear: left; margin-top: 1em;}
.GoldMine .imgStyle  div#jas-thumbnails ul {list-style: none; width: 100%; margin: 10px 0 10px 10px; overflow: hidden; }
.GoldMine .imgStyle  div#jas-thumbnails ul li {float: left; width: 90px; margin: 0 5px 5px 0; background-image:none !important; padding: 1px; border: 1px solid #eee;  }
.GoldMine .imgStyle div#jas-thumbnails ul li img {width: 100%; cursor: pointer; }
.GoldMine .imgStyle div#jas-thumbnails ul li.selected-parent { border: 1px solid #f60;  }
.GoldMine .imgStyle div#jas-thumbnails ul li img.selected {}
.GoldMine .imgStyle h2#jas-image-text {text-align: center; font-size: 13px; }
.GoldMine .imgStyle img#jas-image {margin-bottom: 1em; }
.GoldMine .imgStyle ul#links {display: block; clear: left; padding: 2em 0 1em 4em; }
.GoldMine .imgStyle ul#links li {line-height: 2em; }
.GoldMine .imgStyle ul#navigation-controls {font-size: 8pt; font-family: verdana; display:none; }
.GoldMine .imgStyle ul#navigation-controls li {float: left; line-height: 1.5em; margin-right: 0.5em; }
.GoldMine .imgStyle ul#navigation-controls li#image-counter {margin: 0 0.75em 0 0.5em; }
.GoldMine .imgStyle li.slideshow-item {margin-left: 3em;  }*/

.GoldMine .imgStyle img{ width:100%;  }
.GoldMine .imgStyle p{  margin-top:0px; font-weight:600; padding:5px; background-color:#5aa8dd; color:#fff; clear:both; }
.GoldMine .imgStyle a p { color:#fff; }
.GoldMine .imgStyle a p:hover{ color:#f0ff74; }


/* 겔러리 */ 
.sponge_gallery_list_body {padding:0; width:1170px; max-width:1170px; margin:0 auto;  color: #504b4b; text-align:center;}
.sponge_gallery_list_body2 {padding:0; width:850px; max-width:850px; margin:0 auto; color: #504b4b; text-align:center;}
.sponge_gallery_list_body > .listStyleMain { width:100%; margin:15px 0 0 0;}
.sponge_gallery_list_body > .listStyleMain > .listStyle { overflow:hidden; background-color:#fff; border:0px solid #ddd; padding:0; margin:0 27px 20px 0; display:inline-block; float:left; }
.sponge_gallery_list_body > .listStyleMain > .listStyle:nth-child(4n+3) { margin-right:0; }
.sponge_gallery_list_body > .listStyleMain > .listStyle:nth-child(4n+4) { float:right; margin-right:0; }
.sponge_gallery_list_body .archivelistStyle { overflow:hidden; background-color:#fff; border:1px solid #ddd; padding:0; margin:0 1.5% 15px 105%; width:15%; display:inline-block; text-align:center}
.sponge_gallery_list_body2 .nutshelllistStyle { overflow:hidden; background-color:#fff; border:1px solid #ddd; padding:0; margin:0 1.5% 3px 105%; width:13%; display:inline-block; text-align:center}
.sponge_gallery_list .listStyle {  width:30%; margin:0 1% 20px 1%;}
.sponge_gallery_list .archivelistStyle {  width:15%; margin:0 1% 15px 1%;}
.sponge_gallery_list .nutshelllistStyle {  width:13%; margin:0 1% 3px 1%;}

.thumbnail { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; position: relative; margin-bottom:0px; background-color:transparent; padding:0px; border:1px solid #eee;}
.thumbnail span.zoom { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; /* 20150609 -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; */ background: #CCC; bottom: 8px; color: #FFF; display: block; height: 15px; padding: 6px; position: absolute; right: 8px; text-align: center; width: 15px; }
.thumbnail span.zoom i { font-size: 14px; left: -1px; position: relative; top: -3px; }
.thumbnail-small { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } 
ul.thumbnails-small { list-style: none; margin: 10px 0; padding: 0; } 
ul.thumbnails-small li { display: inline-block; float: none; margin: 10px 10px 0 0; padding: 0; } 
 
 a.thumb-info { display: block; overflow: hidden; position: relative; text-decoration: none; } 
 a.thumb-info:hover span.thumb-info-action-icon { right: 0; top: 0; } 
 a.thumb-info:hover span.thumb-info-action { filter: alpha(opacity=100); opacity: 1; } 
 a.thumb-info span.thumb-info-action-icon { -moz-border-radius: 0 0 0 25px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-border-radius: 0 0 0 25px; -webkit-transition: all 0.3s;  background: rgba(53,118,172, 0.9);
                                            border-radius: 0 0 0 25px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; transition: all 0.3s; width: 50px; } 
 a.thumb-info span.thumb-info-action-icon i { font-size: 24px; left: 3px; position: relative; top: -4px; }                                                                                                                                                                                                                                                                                                                                                                                                                               
 a.thumb-info:hover span.thumb-info-title {  background: rgba(53,118,172, 0.9); display:none; } 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
 a.thumb-info span.thumb-info-action { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; background: rgba(53,118,172, 0.2); /*rgba(36,27,28, .9); 마우스오버 마스크 브라운*/ bottom: 0; color: #FFF; 
                                       filter: alpha(opacity=0); height: 100%; left: 0; opacity: 0.0; position: absolute; right: 0; top: 0; transition: all 0.3s; width: 100%;  } 
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
 a.thumb-info span.thumb-info-inner { font-family:"Nanum Gothic"; font-size: 0.8em; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; 
                                      display: block; transition: all 0.3s; padding: 0; white-space: nowrap; } 

 a.thumb-info span.thumb-info-title { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; bottom: 30%; color: #FFF; font-size: 18px; font-weight: 700; left: 0; background: rgba(36,27,28, .5);  letter-spacing: -1px; 
                                      padding: 10px; position: absolute; text-shadow: 1px 1px 1px rgba(0,0,0,.2); text-transform: uppercase; transition: all 0.3s; z-index: 1; } 
 a.thumb-info span.thumb-info-type { -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: #CCC; border-radius: 0px; display: inline-block; float: left; font-size: 0.7em; font-weight: 400; letter-spacing: 0; 
                                      margin:7px -2px -15px -2px; padding: 5px 9px; text-transform: none;background: rgba(53,118,172, 0.9); } 
 a.thumb-info:hover img { -moz-transform: scale(1.0,1.0); -ms-transform: scale(1.0,1.0); -o-transform: scale(1.0,1.0); -webkit-transform: scale(1.0,1.0); transform: scale(1.0,1.0); } 
 a.thumb-info img { -moz-border-radius: 0px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -webkit-border-radius: 0px; -webkit-transition: all 0.2s linear; border-radius: 0px; position: relative; transition: all 0.2s linear;
                     width:358px;  height:301px; object-fit:cover; } 
 a.thumb-info.team { cursor: default; } 

.sponge_gallery_list_body > .listStyleMain a.thumb-info { width:270px; height:280px; } 
.sponge_gallery_list_body > .listStyleMain a.thumb-info img { width:270px;  height:280px; } 

 span.thumb-info-caption { padding: 10px 0; } 
 span.thumb-info-caption p { font-size: 0.9em; line-height: 20px; margin: 0 0 8px; padding: 10px; } 
 div.thumb-info-social-icons { border-top: 1px dotted #DDD; margin: 0 10px; padding: 15px 0; } 
 div.thumb-info-social-icons a { -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; background: #CCC; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; } 
 div.thumb-info-social-icons a:hover { text-decoration: none; } 
 div.thumb-info-social-icons a span { display: none; } 
 div.thumb-info-social-icons a i { color: #FFF; font-size: 0.9em; font-weight: normal; } /* Images */ 
 img.responsive { display: block; margin: 0 auto; max-width: 100%; text-align: center; }

 .border-padding-Img{border:1px solid #ddd; padding:2px;}
 .big-Img.border-Img{ border:1px solid #ddd; }
 .big-Img-pc{width:100%;}
 .big-Img-max, .big-Img-max img{max-width:100% !important; height:auto;}
 .big-Img-pc90{width:90%;}
 .big-Img-pc80{width:80%;}
 .big-Img-pc70{width:70%;}
 .big-Img-pc60{width:60%;}
 .big-Img-pc50{width:50%;}
 .big-Img-pc40{width:40%;}
 .big-Img-pc30{width:30%;}
 .big-Img-pc20{width:20%;}
 .big-Img-pc10{width:10%;}
 /*겔러리2*/
/*.sponge-gallery-row{ margin:0; padding:0;}*/
.sponge-gallery-row .sponge-gallery-col{ margin-bottom:20px;}
.sponge-gallery-row .sponge-gallery-col > div.sponge-gallery-title{ border:1px solid #ddd; border-bottom-width:0; text-align:center; padding:7px; }
.sponge-gallery-row .sponge-gallery-col > div.sponge-gallery-img{overflow:hidden; background-color:#fff; border:1px solid #ddd; text-align:center; height:301px; }
.sponge-gallery-row .sponge-gallery-col > div.sponge-gallery-bottom{ border:1px solid #ddd; border-top-width:0; text-align:center; padding:7px; }
.sponge-gallery-row .sponge-gallery-col > div.sponge-guide-btns-libtech{ border:0px solid #ddd; }
.sponge-gallery-row .sponge-gallery-col > div > a > img{ width:100%; }
.sponge-gallery-row .sponge-gallery-col > div > a.thumb-info span.thumb-info-title{ bottom:35%;}
.sponge-gallery-row .sponge-gallery-table{ width:100%; padding-top:10px;}
.sponge-gallery-row .sponge-gallery-table .sponge-table-default{ border-right-width:0;border-color:#000; }
.sponge-gallery-row .sponge-gallery-table .table-striped > tbody > tr > td, .sponge-gallery-row .sponge-gallery-table .table-striped > tbody > tr > th{ border-color:#000; background-color:#fff; color:#000; }
.sponge-gallery-row .sponge-gallery-table .table-striped > tbody > tr > td:first-child, .sponge-gallery-row .sponge-gallery-table .table-striped > tbody > tr > th:first-child{ border-left-width:0; }

 /**
 * Grid container
 */
#main {width:100%;}
#tiles {list-style-type: none;position: relative; margin: 0;padding: 0;}
#tiles li:hover img{opacity:0.8;}
/*** Grid items*/
#tiles li {width: 370px;padding-bottom:10px;background-color: #ffffff;display: none;cursor: pointer;background-image:none !important;padding-left:0 !important; }
.sponge-page-guide ul#tiles > li::before { display:none; }

#tiles li div.list {width: 100%;border: 1px solid #F0F0F0;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 0.2em;}
#tiles li div.list div.img img.photo_img{ width:100%; height:206px;}
#tiles li div.list div.img img.photo_img_book { width: 105px; height: 160px; }
#tiles li img.photo_img{border-top-left-radius:0.2em;border-top-right-radius:0.2em;}
#tiles li.inactive {visibility: hidden;opacity: 0;}
#tiles li img.photo_img {display: block;width: 100%;}
#tiles li div.list div{padding:10px 10px;}
#tiles li div.list div > p{ margin:0 0 10px 0;}
#tiles li div.list div > p:last-child{ margin-bottom:0;}
#tiles li div.list div > p.thumb-info-inner{ height:25px; overflow-y:hidden; font-weight:600;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

#textcut {/*padding-top: 5px;*/color: #A6A6A6;overflow: hidden;text-overflow: ellipsis;width: 360px;display: -webkit-box;-webkit-line-clamp: 2;line-height: 1.2em;height: 2.4em;}


.sponge-sub-gallery{ width:100%;}
.sponge-sub-gallery ul{ width:100%; text-align:center; padding:0px !important; margin:20px 0 !important; vertical-align:top; }
.sponge-sub-gallery li{ width:145px; display:inline-block; padding:2px !important; background-image:none !important; vertical-align:top; border:1px solid #ddd;}
.sponge-sub-gallery li a img{ width:100%;}

.sponge-width-100p{width:100%;}

.sponge-big-column-center-image {
            height: 300px; /*max-width: 100%;*/
            width: auto;
            transition: opacity 1s;
            -moz-transition: opacity 1s;
            -webkit-transition: opacity 1s;
            -o-transition: opacity 1s;
            border: 1px solid #eee;
            -webkit-transition: border 1s;
        }

            .sponge-big-column-center-image:hover {
                opacity: 0.80;
                -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 80);
                filter: alpha(opacity = 80);
                transition: opacity 1s;
                -moz-transition: opacity 1s;
                -webkit-transition: opacity 1s;
                -o-transition: opacity 1s;
                border: 1px solid #ddd;
                -webkit-transition: border 1s;
            }


#popWrap{ width:364px; height:435px; margin:0 auto;  border:1px solid #a0a0a0; padding:0px;}
#popHeader{ width:364px; height:103px; background:url('/Sponge/Images/background/header.png') repeat-x ;}
#popHeader h1{ height:39px; margin:0px; padding:0px;}
#popHeader h1 img{ margin:3px 0 0 10px;}
#popHeader h2{ vertical-align:top; text-align:center; padding:10px 0; margin:0px; font-size:24px;}
#popWrap .video_box{ width:320px; height:286px; margin:15px auto; padding:4px; background-color:#fff;  border:4px solid #d0d0d0;}

/*팝업*/
.popupmain { margin:5px; padding:10px; border:1px solid #c8c8c8; background:#efefef; }
    /*.popupmain { margin:5px; padding:10px; border:1px solid #c8c8c8; background:#efefef url('../../Images/pop_bg.gif') top right repeat-x; }*/
.popupmain h3{ margin-bottom:5px; font-size:13px; }
.popupmain p{vertical-align: middle; margin:5px 0 0 0 ;}
.popupmainback{ padding:10px; border:1px solid #c8c8c8; background:#fff; min-height:100px;}

.popupmain table{ border-top:3px solid #6d6d6d;  border-bottom:0px; border-left:1px solid #a7a7a7; border-right:0px solid #a7a7a7;}
.popupmain table th{ border:1px solid #a7a7a7; border-left:0px; padding-left:5px; border-top:0px; font-weight:bold;}
.popupmain table td{ border:1px solid #a7a7a7; border-left:0px; padding-left:5px; border-top:0px;}


.readyGuide{ padding:70px 0; width:100%; border:0px solid #eee; margin:0 auto; font-weight:600; box-shadow:inset 0 0 0 #f7f7f7;}
.readyGuide .col-md-6:first-child { text-align:right; padding-right:30px; }
.readyGuide .col-md-6:last-child { text-align:left; padding-top:20px; }
.readyGuide p { font-size:24px; color:#c1c1c1; }
.readyGuide p span{ font-size:36px; color:#418ac8; }

.file_link_Bigimg_list{ background:url('/Sponge/Images/ready/no_img.png') no-repeat center center; max-height:450px; overflow:hidden; border:1px solid #ddd;  }
.file_link_Bigimg_list img{width:100%; padding:5px;}
.file_link_Smallimg_list{ padding-left:30px; padding-right:0px; }
.file_link_img_list{ padding:0 15px !important; margin-bottom:15px; max-width:142px; display:inline-block; background-image:none !important;}
.file_link{width:100%; height:100px; overflow:hidden; display:block; border:1px solid #ddd;}
.file_link img{width:100%; }
.file_link_img_list-bottom{ margin-top:5px;}
.file_link_img_list .fa-2{ font-size:18px; color:#969c9c;  margin-left:5px; margin-top:5px; font-weight:100; }

.bookNavi{overflow:hidden;}
.bookNavi2{height:650px; overflow:hidden; display:block; position:relative;}
.sponge-card-head-list { text-align:right; padding:15px; }
.sponge-card-head-list li{ display:inline-block; background-image:none !important; padding:0px !important; }

.row-two{margin:0px;}
.row-two-col{width:49.5%; padding:0px;}
.row-two-col-right{float:right;}
.row-two .row-two-col .btn{ border-color:#dddddd !important;}

 .sponge-guide-btns-libtech{ padding:10px; text-align:center; border-top:0px solid #ddd;}

 .main-new-btn{padding:.1em .3em; font-size:70%; vertical-align:middle; background-color:#f18101; letter-spacing:-0.5px; opacity:1; border-radius:2px;}

.leftmenu-guide{ width:100%; padding:10px 10px 7px 10px; border:1px solid #3377bd; background-color:#3377bd; background:#3377bd linear-gradient(#3377bd 40%, #488cd1 ) !important; border-radius:5px; text-align:center; color:#fff; font-weight:600; margin:20px 0; line-height:15px; box-shadow:1px 1px 2px #fff inset; }
.leftmenu-guide p{ width:100%; padding:5px; border:1px solid #fff; background-color:#fff; border-radius:5px; color:#3377bd; margin-top:5px; line-height:25px; }

.leftmenu-guide:hover, .leftmenu-guide:focus{ background:#3377bd linear-gradient(#3377bd 40%, #3377bd ) !important; color:#efff24; }


 /* -------- left & right wrap --------- ***************************************************************************************************************************************/
/*.sponge-layout-wrap{padding-top:40px;}*/
.sponge-layout-content-container-rightcontent{ float:right; display:inline; min-height:500px; margin-right:0px; width:78%; } /* 8월24일 */
/*.col-md-9.sponge-layout-content-container-rightcontent .sponge-page-guide.clicker_mode{ margin-top:15px;}*/
#subHwrap{ min-height:400px; }

/* 왼쪽메뉴 */
.sponge-layout-content-container-leftmenu{ float:left; display:inline; width:20%; } /* img test */
.sponge-layout-content-container-leftmenu h1{ padding:50px 0; width:100%; color:#fff; font-size:  24px; font-weight:600; margin-bottom:10px; text-align:center; background-color:#1a6794; margin-top:0; } 
.sponge-layout-content-container-leftmenu > ul > li{ margin-bottom:10px;}
.sponge-layout-content-container-leftmenu > ul > li:last-child{ margin-bottom:0px;}
.sponge-layout-content-container-leftmenu > ul > li > a{ width:100%; font-weight:600; vertical-align:top;  color:#000; line-height:15px; display:inline-block; border:1px solid #ddd; border-radius:2px; padding:12px 10px; 
                                                         position:relative;}
.sponge-layout-content-container-leftmenu > ul > li > a:hover{ color:#007fb6;}
.sponge-layout-content-container-leftmenu > ul > li.basicover > a, .sponge-layout-content-container-leftmenu > ul > li.basicover > a:hover, .sponge-layout-content-container-leftmenu > ul > li.basicover > a:focus
{ margin-bottom:0px; border-color:#1a6794; color:#1a6794; }


.sponge-layout-content-container-leftmenu > ul > li.basicover > a::after{ content:'▶'; color:#1a6794; position:absolute; right:5px; top:10px; font-size:10px; z-index:2; }
.sponge-layout-content-container-leftmenu > ul > li.basicover > a::before{ content:'▶'; color:#fff; position:absolute; right:8px; top:10px; font-size:10px; z-index:3; }

.sponge-layout-content-container-leftmenu > ul > li.basicover-sub-on > a{ background-color:#898d9f; color:#fff !important;  }
.sponge-layout-content-container-leftmenu > ul > li.basicover-sub-on > a::after{ content:url( '../images/arrow/left-menu-arrow.png' );
-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
}
.sponge-layout-content-container-leftmenu > ul > li.basicover.basicover-sub-on > a, .sponge-layout-content-container-leftmenu > ul > li.basicover.basicover-sub-on > a:hover, .sponge-layout-content-container-leftmenu > ul > li.basicover.basicover-sub-on > a:focus
{background-color:#898d9f; color:#fff !important; }




.sponge-layout-content-container-leftmenu > ul > li > ul{ background-color:#fff; margin:0px 0 10px 0; padding:5px 0 5px 0; border:1px solid #ddd; border-top-width:0;}
.sponge-layout-content-container-leftmenu > ul > li.basicover ul{ border-color:#1a6794;}
.sponge-layout-content-container-leftmenu > ul > li > ul > li > a{padding:5px 0 5px 18px; width:100%; display:block; position:relative;}
.sponge-layout-content-container-leftmenu > ul > li > ul > li > a::before{ content:'ㆍ';  position:absolute; left:5px;  }

.sponge-layout-content-container-leftmenu > ul > li > ul > li.smallover > a{color:#1a6794; font-weight:600; }

.sponge-layout-content-container-leftmenu > ul > li > ul > li > ul{  font-size:80%; padding-left:22px;}
.sponge-layout-content-container-leftmenu > ul > li > ul > li.smallover > ul > li.small3over > a{ color:#007fb6; }





.sponge-layout-content-container-leftmenu ul.kor-hide, .sponge-layout-content-container-leftmenu ul.eng-hide, .sponge-layout-content-container-leftmenu > ul > li.kor-hide, .sponge-layout-content-container-leftmenu > ul > li.eng-hide{width:100%;}

.EquipmentStaff-thumbnails{padding:0px; margin:0px;}
.EquipmentStaff-thumbnails li{ display:inline-block; padding:5px;}


.sponge-table-from-right{float:right; width:40%;}

.tabs-GoldMine a{width:100px; text-align:center; padding-left:20px;  }
.GoldmineMap .label-primary{font-size:10px; font-weight:normal;}

/*margin&padding*/
.sponge-margin-left0 { margin-left: 0px !important; }
.sponge-margin-left1 { margin-left: 1px !important; }
.sponge-margin-left2 { margin-left: 2px !important; }
.sponge-margin-left3 { margin-left: 3px !important; }
.sponge-margin-left4 { margin-left: 4px !important; }
.sponge-margin-left5 { margin-left: 5px !important; }
.sponge-margin-left7 { margin-left: 7px !important; }
.sponge-margin-left10{ margin-left: 10px !important; }
.sponge-margin-left15 { margin-left: 15px !important; }
.sponge-margin-left20 { margin-left: 20px !important; }
.sponge-margin-left25 { margin-left: 25px !important; }
.sponge-margin-left27 { margin-left: 27px !important; }
.sponge-margin-left30 { margin-left: 30px !important; }
.sponge-margin-left35 { margin-left: 35px !important; }
.sponge-margin-left40 { margin-left: 40px !important; }
.sponge-margin-left45 { margin-left: 45px !important; }
.sponge-margin-left50 { margin-left: 50px !important; }
.sponge-margin-left60 { margin-left: 60px !important; }
.sponge-margin-left70 { margin-left: 70px !important; }
.sponge-margin-left80 { margin-left: 80px !important; }
.sponge-margin-left90 { margin-left: 90px !important; }
.sponge-margin-left95 { margin-left: 95px !important; }
.sponge-margin-left100 { margin-left: 100px !important; }
.sponge-margin-left110 { margin-left: 110px !important; }
.sponge-margin-left120 { margin-left: 120px !important; }
.sponge-margin-left130 { margin-left: 130px !important; }
.sponge-margin-left140 { margin-left: 140px !important; }
.sponge-margin-left150 { margin-left: 150px !important; }
.sponge-margin-left200 { margin-left: 200px !important; }
.sponge-margin-left250 { margin-left: 250px !important; }
.sponge-margin-left300 { margin-left: 300px !important; }
.sponge-margin-left350 { margin-left: 350px !important; }
.sponge-margin-left400 { margin-left: 400px !important; }
.sponge-margin-left450 { margin-left: 450px !important; }
.sponge-margin-left500 { margin-left: 500px !important; }
.sponge-margin-right0 { margin-right: 0px !important; }
.sponge-margin-right1 { margin-right: 1px !important; }
.sponge-margin-right2 { margin-right: 2px !important; }
.sponge-margin-right3 { margin-right: 3px !important; }
.sponge-margin-right4 { margin-right: 4px !important; }
.sponge-margin-right5 { margin-right: 5px !important; }
.sponge-margin-right7 { margin-right: 7px !important; }
.sponge-margin-right10 { margin-right: 10px !important; }
.sponge-margin-right15 { margin-right: 15px !important; }
.sponge-margin-right20 { margin-right: 20px !important; }
.sponge-margin-right25 { margin-right: 25px !important; }
.sponge-margin-right27 { margin-right: 27px !important; }
.sponge-margin-right30 { margin-right: 30px !important; }
.sponge-margin-right35 { margin-right: 35px !important; }
.sponge-margin-right40 { margin-right: 40px !important; }
.sponge-margin-right45 { margin-right: 45px !important; }
.sponge-margin-right50 { margin-right: 50px !important; }
.sponge-margin-right60 { margin-right: 60px !important; }
.sponge-margin-right70 { margin-right: 70px !important; }
.sponge-margin-right80 { margin-right: 80px !important; }
.sponge-margin-right90 { margin-right: 90px !important; }
.sponge-margin-right95 { margin-right: 95px !important; }
.sponge-margin-right100 { margin-right: 100px !important; }
.sponge-margin-right110 { margin-right: 110px !important; }
.sponge-margin-right120 { margin-right: 120px !important; }
.sponge-margin-right130 { margin-right: 130px !important; }
.sponge-margin-right140 { margin-right: 140px !important; }
.sponge-margin-right150 { margin-right: 150px !important; }
.sponge-margin-right200 { margin-right: 200px !important; }
.sponge-margin-right250 { margin-right: 250px !important; }
.sponge-margin-right300 { margin-right: 300px !important; }
.sponge-margin-right350 { margin-right: 350px !important; }
.sponge-margin-right400 { margin-right: 400px !important; }
.sponge-margin-right450 { margin-right: 450px !important; }
.sponge-margin-right500 { margin-right: 500px !important; }
.sponge-margin-top0 { margin-top: 0px !important; }
.sponge-margin-top1 { margin-top: 1px !important; }
.sponge-margin-top2 { margin-top: 2px !important; }
.sponge-margin-top3 { margin-top: 3px !important; }
.sponge-margin-top4 { margin-top: 4px !important; }
.sponge-margin-top5 { margin-top: 5px !important; }
.sponge-margin-top7 { margin-top: 7px !important; }
.sponge-margin-top10 { margin-top: 10px !important; }
.sponge-margin-top15 { margin-top: 15px !important; }
.sponge-margin-top20 { margin-top: 20px !important; }
.sponge-margin-top25 { margin-top: 25px !important; }
.sponge-margin-top27 { margin-top: 27px !important; }
.sponge-margin-top30 { margin-top: 30px !important; }
.sponge-margin-top35 { margin-top: 35px !important; }
.sponge-margin-top40 { margin-top: 40px !important; }
.sponge-margin-top45 { margin-top: 45px !important; }
.sponge-margin-top50 { margin-top: 50px !important; }
.sponge-margin-top60 { margin-top: 60px !important; }
.sponge-margin-top70 { margin-top: 70px !important; }
.sponge-margin-top80 { margin-top: 80px !important; }
.sponge-margin-top90 { margin-top: 90px !important; }
.sponge-margin-top95 { margin-top: 95px !important; }
.sponge-margin-top100 { margin-top: 100px !important; }
.sponge-margin-top110 { margin-top: 110px !important; }
.sponge-margin-top120 { margin-top: 120px !important; }
.sponge-margin-top130 { margin-top: 130px !important; }
.sponge-margin-top140 { margin-top: 140px !important; }
.sponge-margin-top150 { margin-top: 150px !important; }
.sponge-margin-top200 { margin-top: 200px !important; }
.sponge-margin-top250 { margin-top: 250px !important; }
.sponge-margin-top300 { margin-top: 300px !important; }
.sponge-margin-top350 { margin-top: 350px !important; }
.sponge-margin-top400 { margin-top: 400px !important; }
.sponge-margin-top450 { margin-top: 450px !important; }
.sponge-margin-top500 { margin-top: 500px !important; }
.sponge-margin-top-30{margin-top:-30px !important;}
.sponge-margin-top-40{margin-top:-40px !important;}
.sponge-margin-top-60{margin-top:-60px !important;}
.sponge-margin-top-70{margin-top:-70px !important;}
.sponge-margin-bottom0 { margin-bottom: 0px !important; }
.sponge-margin-bottom1 { margin-bottom: 1px !important; }
.sponge-margin-bottom2 { margin-bottom: 2px !important; }
.sponge-margin-bottom3 { margin-bottom: 3px !important; }
.sponge-margin-bottom4 { margin-bottom: 4px !important; }
.sponge-margin-bottom5 { margin-bottom: 5px !important; }
.sponge-margin-bottom7 { margin-bottom: 7px !important; }
.sponge-margin-bottom10 { margin-bottom: 10px !important; }
.sponge-margin-bottom15 { margin-bottom: 15px !important; }
.sponge-margin-bottom20 { margin-bottom: 20px !important; }
.sponge-margin-bottom25 { margin-bottom: 25px !important; }
.sponge-margin-bottom27 { margin-bottom: 27px !important; }
.sponge-margin-bottom30 { margin-bottom: 30px !important; }
.sponge-margin-bottom35 { margin-bottom: 35px !important; }
.sponge-margin-bottom40 { margin-bottom: 40px !important; }
.sponge-margin-bottom45 { margin-bottom: 45px !important; }
.sponge-margin-bottom50 { margin-bottom: 50px !important; }
.sponge-margin-bottom60 { margin-bottom: 60px !important; }
.sponge-margin-bottom70 { margin-bottom: 70px !important; }
.sponge-margin-bottom80 { margin-bottom: 80px !important; }
.sponge-margin-bottom90 { margin-bottom: 90px !important; }
.sponge-margin-bottom95 { margin-bottom: 95px !important; }
.sponge-margin-bottom100 { margin-bottom: 100px !important; }
.sponge-margin-bottom110 { margin-bottom: 110px !important; }
.sponge-margin-bottom120 { margin-bottom: 120px !important; }
.sponge-margin-bottom130 { margin-bottom: 130px !important; }
.sponge-margin-bottom140 { margin-bottom: 140px !important; }
.sponge-margin-bottom150 { margin-bottom: 150px !important; }
.sponge-margin-bottom200 { margin-bottom: 200px !important; }
.sponge-margin-bottom250 { margin-bottom: 250px !important; }
.sponge-margin-bottom300 { margin-bottom: 300px !important; }
.sponge-margin-bottom350 { margin-bottom: 350px !important; }
.sponge-margin-bottom400 { margin-bottom: 400px !important; }
.sponge-margin-bottom450 { margin-bottom: 450px !important; }
.sponge-margin-bottom500 { margin-bottom: 500px !important; }
.sponge-margin0 { margin: 0px !important; }
.sponge-margin1 { margin: 1px !important; }
.sponge-margin2 { margin: 2px !important; }
.sponge-margin3 { margin: 3px !important; }
.sponge-margin4 { margin: 4px !important; }
.sponge-margin5 { margin: 5px !important; }
.sponge-margin7 { margin: 7px !important; }
.sponge-margin10 { margin: 10px !important; }
.sponge-margin15 { margin: 15px !important; }
.sponge-margin20 { margin: 20px !important; }
.sponge-margin25 { margin: 25px !important; }
.sponge-margin27 { margin: 27px !important; }
.sponge-margin30 { margin: 30px !important; }
.sponge-margin35 { margin: 35px !important; }
.sponge-margin40 { margin: 40px !important; }
.sponge-margin45 { margin: 45px !important; }
.sponge-margin50 { margin: 50px !important; }
.sponge-margin60 { margin: 60px !important; }
.sponge-margin70 { margin: 70px !important; }
.sponge-margin80 { margin: 80px !important; }
.sponge-margin90 { margin: 90px !important; }
.sponge-margin95 { margin: 95px !important; }
.sponge-margin100 { margin: 100px !important; }
.sponge-margin110 { margin: 110px !important; }
.sponge-margin120 { margin: 120px !important; }
.sponge-margin130 { margin: 130px !important; }
.sponge-margin140 { margin: 140px !important; }
.sponge-margin150 { margin: 150px !important; }
.sponge-margin200 { margin: 200px !important; }
.sponge-margin250 { margin: 250px !important; }
.sponge-margin300 { margin: 300px !important; }
.sponge-margin350 { margin: 350px !important; }
.sponge-margin400 { margin: 400px !important; }
.sponge-margin450 { margin: 450px !important; }
.sponge-margin500 { margin: 500px !important; }
.sponge-padding0 { padding: 0px !important; }
.sponge-padding1 { padding: 1px !important; }
.sponge-padding2 { padding: 2px !important; }
.sponge-padding3 { padding: 3px !important; }
.sponge-padding4 { padding: 4px !important; }
.sponge-padding5 { padding: 5px !important; }
.sponge-padding7 { padding: 7px !important; }
.sponge-padding10 { padding: 10px !important; }
.sponge-padding15 { padding: 15px !important; }
.sponge-padding20 { padding: 20px !important; }
.sponge-padding25 { padding: 25px !important; }
.sponge-padding27 { padding: 27px !important; }
.sponge-padding30 { padding: 30px !important; }
.sponge-padding35 { padding: 35px !important; }
.sponge-padding40 { padding: 40px !important; }
.sponge-padding45 { padding: 45px !important; }
.sponge-padding50 { padding: 50px !important; }
.sponge-padding60 { padding: 60px !important; }
.sponge-padding70 { padding: 70px !important; }
.sponge-padding80 { padding: 80px !important; }
.sponge-padding90 { padding: 90px !important; }
.sponge-padding95 { padding: 95px !important; }
.sponge-padding100 { padding: 100px !important; }
.sponge-padding110 { padding: 110px !important; }
.sponge-padding120 { padding: 120px !important; }
.sponge-padding130 { padding: 130px !important; }
.sponge-padding140 { padding: 140px !important; }
.sponge-padding150 { padding: 150px !important; }
.sponge-padding200 { padding: 200px !important; }
.sponge-padding250 { padding: 250px !important; }
.sponge-padding300 { padding: 300px !important; }
.sponge-padding350 { padding: 350px !important; }
.sponge-padding400 { padding: 400px !important; }
.sponge-padding450 { padding: 450px !important; }
.sponge-padding500 { padding: 500px !important; }
.sponge-padding-bottom0 { padding-bottom: 0px !important; }
.sponge-padding-bottom1 { padding-bottom: 1px !important; }
.sponge-padding-bottom2 { padding-bottom: 2px !important; }
.sponge-padding-bottom3 { padding-bottom: 3px !important; }
.sponge-padding-bottom4 { padding-bottom: 4px !important; }
.sponge-padding-bottom5 { padding-bottom: 5px !important; }
.sponge-padding-bottom7 { padding-bottom: 7px !important; }
.sponge-padding-bottom10 { padding-bottom: 10px !important; }
.sponge-padding-bottom15 { padding-bottom: 15px !important; }
.sponge-padding-bottom20 { padding-bottom: 20px !important; }
.sponge-padding-bottom25 { padding-bottom: 25px !important; }
.sponge-padding-bottom27 { padding-bottom: 27px !important; }
.sponge-padding-bottom30 { padding-bottom: 30px !important; }
.sponge-padding-bottom35 { padding-bottom: 35px !important; }
.sponge-padding-bottom40 { padding-bottom: 40px !important; }
.sponge-padding-bottom45 { padding-bottom: 45px !important; }
.sponge-padding-bottom50 { padding-bottom: 50px !important; }
.sponge-padding-bottom60 { padding-bottom: 60px !important; }
.sponge-padding-bottom70 { padding-bottom: 70px !important; }
.sponge-padding-bottom80 { padding-bottom: 80px !important; }
.sponge-padding-bottom90 { padding-bottom: 90px !important; }
.sponge-padding-bottom95 { padding-bottom: 95px !important; }
.sponge-padding-bottom100 { padding-bottom: 100px !important; }
.sponge-padding-bottom110 { padding-bottom: 110px !important; }
.sponge-padding-bottom120 { padding-bottom: 120px !important; }
.sponge-padding-bottom130 { padding-bottom: 130px !important; }
.sponge-padding-bottom140 { padding-bottom: 140px !important; }
.sponge-padding-bottom150 { padding-bottom: 150px !important; }
.sponge-padding-bottom200 { padding-bottom: 200px !important; }
.sponge-padding-bottom250 { padding-bottom: 250px !important; }
.sponge-padding-bottom300 { padding-bottom: 300px !important; }
.sponge-padding-bottom350 { padding-bottom: 350px !important; }
.sponge-padding-bottom400 { padding-bottom: 400px !important; }
.sponge-padding-bottom450 { padding-bottom: 450px !important; }
.sponge-padding-bottom500 { padding-bottom: 500px !important; }
.sponge-padding-top0 { padding-top: 0px !important; }
.sponge-padding-top1 { padding-top: 1px !important; }
.sponge-padding-top2 { padding-top: 2px !important; }
.sponge-padding-top3 { padding-top: 3px !important; }
.sponge-padding-top4 { padding-top: 4px !important; }
.sponge-padding-top5 { padding-top: 5px !important; }
.sponge-padding-top7 { padding-top: 7px !important; }
.sponge-padding-top10 { padding-top: 10px !important; }
.sponge-padding-top15 { padding-top: 15px !important; }
.sponge-padding-top20 { padding-top: 20px !important; }
.sponge-padding-top25 { padding-top: 25px !important; }
.sponge-padding-top27 { padding-top: 27px !important; }
.sponge-padding-top30 { padding-top: 30px !important; }
.sponge-padding-top35 { padding-top: 35px !important; }
.sponge-padding-top40 { padding-top: 40px !important; }
.sponge-padding-top45 { padding-top: 45px !important; }
.sponge-padding-top50 { padding-top: 50px !important; }
.sponge-padding-top60 { padding-top: 60px !important; }
.sponge-padding-top70 { padding-top: 70px !important; }
.sponge-padding-top80 { padding-top: 80px !important; }
.sponge-padding-top90 { padding-top: 90px !important; }
.sponge-padding-top95 { padding-top: 95px !important; }
.sponge-padding-top100 { padding-top: 100px !important; }
.sponge-padding-top110 { padding-top: 110px !important; }
.sponge-padding-top120 { padding-top: 120px !important; }
.sponge-padding-top130 { padding-top: 130px !important; }
.sponge-padding-top140 { padding-top: 140px !important; }
.sponge-padding-top150 { padding-top: 150px !important; }
.sponge-padding-top200 { padding-top: 200px !important; }
.sponge-padding-top250 { padding-top: 250px !important; }
.sponge-padding-top300 { padding-top: 300px !important; }
.sponge-padding-top350 { padding-top: 350px !important; }
.sponge-padding-top400 { padding-top: 400px !important; }
.sponge-padding-top450 { padding-top: 450px !important; }
.sponge-padding-top500 { padding-top: 500px !important; }
.sponge-padding-right0 { padding-right: 0px !important; }
.sponge-padding-right1 { padding-right: 1px !important; }
.sponge-padding-right2 { padding-right: 2px !important; }
.sponge-padding-right3 { padding-right: 3px !important; }
.sponge-padding-right4 { padding-right: 4px !important; }
.sponge-padding-right5 { padding-right: 5px !important; }
.sponge-padding-right7 { padding-right: 7px !important; }
.sponge-padding-right10 { padding-right: 10px !important; }
.sponge-padding-right15 { padding-right: 15px !important; }
.sponge-padding-right20 { padding-right: 20px !important; }
.sponge-padding-right25 { padding-right: 25px !important; }
.sponge-padding-right27 { padding-right: 27px !important; }
.sponge-padding-right30 { padding-right: 30px !important; }
.sponge-padding-right35 { padding-right: 35px !important; }
.sponge-padding-right40 { padding-right: 40px !important; }
.sponge-padding-right45 { padding-right: 45px !important; }
.sponge-padding-right50 { padding-right: 50px !important; }
.sponge-padding-right60 { padding-right: 60px !important; }
.sponge-padding-right70 { padding-right: 70px !important; }
.sponge-padding-right80 { padding-right: 80px !important; }
.sponge-padding-right90 { padding-right: 90px !important; }
.sponge-padding-right95 { padding-right: 95px !important; }
.sponge-padding-right100 { padding-right: 100px !important; }
.sponge-padding-right110 { padding-right: 110px !important; }
.sponge-padding-right120 { padding-right: 120px !important; }
.sponge-padding-right130 { padding-right: 130px !important; }
.sponge-padding-right140 { padding-right: 140px !important; }
.sponge-padding-right150 { padding-right: 150px !important; }
.sponge-padding-right200 { padding-right: 200px !important; }
.sponge-padding-right250 { padding-right: 250px !important; }
.sponge-padding-right300 { padding-right: 300px !important; }
.sponge-padding-right350 { padding-right: 350px !important; }
.sponge-padding-right400 { padding-right: 400px !important; }
.sponge-padding-right450 { padding-right: 450px !important; }
.sponge-padding-right500 { padding-right: 500px !important; }
.sponge-padding-left0 { padding-left: 0px !important; }
.sponge-padding-left1 { padding-left: 1px !important; }
.sponge-padding-left2 { padding-left: 2px !important; }
.sponge-padding-left3 { padding-left: 3px !important; }
.sponge-padding-left4 { padding-left: 4px !important; }
.sponge-padding-left5 { padding-left: 5px !important; }
.sponge-padding-left7 { padding-left: 7px !important; }
.sponge-padding-left10{ padding-left: 10px !important; }
.sponge-padding-left15 { padding-left: 15px !important; }
.sponge-padding-left20 { padding-left: 20px !important; }
.sponge-padding-left25 { padding-left: 25px !important; }
.sponge-padding-left27 { padding-left: 27px !important; }
.sponge-padding-left30 { padding-left: 30px !important; }
.sponge-padding-left35 { padding-left: 35px !important; }
.sponge-padding-left40 { padding-left: 40px !important; }
.sponge-padding-left45 { padding-left: 45px !important; }
.sponge-padding-left50 { padding-left: 50px !important; }
.sponge-padding-left60 { padding-left: 60px !important; }
.sponge-padding-left70 { padding-left: 70px !important; }
.sponge-padding-left80 { padding-left: 80px !important; }
.sponge-padding-left90 { padding-left: 90px !important; }
.sponge-padding-left95 { padding-left: 95px !important; }
.sponge-padding-left100 { padding-left: 100px !important; }
.sponge-padding-left110 { padding-left: 110px !important; }
.sponge-padding-left120 { padding-left: 120px !important; }
.sponge-padding-left130 { padding-left: 130px !important; }
.sponge-padding-left140 { padding-left: 140px !important; }
.sponge-padding-left150 { padding-left: 150px !important; }
.sponge-padding-left200 { padding-left: 200px !important; }
.sponge-padding-left250 { padding-left: 250px !important; }
.sponge-padding-left300 { padding-left: 300px !important; }
.sponge-padding-left350 { padding-left: 350px !important; }
.sponge-padding-left400 { padding-left: 400px !important; }
.sponge-padding-left450 { padding-left: 450px !important; }
.sponge-padding-left500 { padding-left: 500px !important; }

.btn-default .fa-file-excel-o, .btn-sponge-white .fa-file-excel, .fa.fa-file-excel, .fa-file-excel-o{ color:#3ab245 !important;}
.btn-default .fa-file-pdf-o, .btn-default .fa-youtube, .fa-file-pdf{color:red !important;}
.btn-default .fa-file-powerpoint-o{color:#ff7e00 !important;}
.btn-default .fa-file-word-o{color:#007fb6 !important;}

.DeskTop_none, .DeskTop-none{display: none !important;}

.sponge-background-color-grey { background-color: #eee; }
.sponge-border-grey { border: 1px solid #dddddd; }
.sponge-panel-white { border: 1px solid #dddddd; padding: 10px; background-color: #fff; margin-bottom:10px;}
.sponge-panel-right-white { border: 1px solid #eee; padding: 10px; background-color: #fff; border-left: 0;}
.sponge-panel-white-heading { height:20px; margin-bottom:5px; font-weight:500; font-size:10pt; border-left: 2px solid #7e7e7e; padding-left: 10px;}
.sponge-language-english { color: #8c8c8c; font-weight: 400; margin-left: 4px; }

.sponge-page-boxGide-border-bottom-line{border-bottom:1px solid #ddd; margin-bottom:15px; padding: 0;}
.sponge-page-boxGide-border-bottom-line:last-child{border-bottom:0px solid #ddd; margin-bottom:0; padding: 0;}
.sponge-page-boxGide-border-bottom-line .btn{ margin-bottom:5px;}

.sponge-non-responsive{width:1170px;}
.sponge-non-responsive .sponge-non-responsive-left{width:250px;}
.sponge-non-responsive .sponge-non-responsive-right{width:870px;}

.sponge-non-responsive-list{ padding-top:20px;}
.sponge-non-responsive-list li{ width:49%; border:1px solid #ddd; display:inline-block; margin-bottom:10px;}
.sponge-non-responsive-list li p{  border-top:1px solid #ddd; padding:5px; }

.sponge_form_table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 2px 2px;
}

    .sponge_form_table tr td {
        /*border: 1px solid #e5e5e5;*/
        width: 70%;
        /*background-color: #fff;*/
        padding: 5px 2px 5px 2px;
        position: relative;
    }

    .sponge_form_table th {
        text-align: right;
        padding-right: 5px;
        font-weight: 400;
    }

.sponge_read_table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 2px 2px;
}

    .sponge_read_table tr {
        padding-bottom: 5px;
    }

        .sponge_read_table tr td {
            border: 1px solid #e5e5e5;
            width: 70%;
            background-color: #fff;
            padding: 5px 5px 5px 5px;
            position: relative;
            height: 30px;
        }

    .sponge_read_table th {
        text-align: right;
        padding-right: 10px;
        font-weight: 400;
    }

.sponge_read_table_command {
    border: 0 !important;
    width: 80%;
    background-color: none;
    padding: 15px 0 5px 0 !important;
    position: relative;
    height: 30px;
}

.sponge_simple_header {
    font-size: 10pt;
    border-left: 2px solid #7e7e7e;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    min-height: 20px;
}

    .sponge_simple_header span {
        display: block;
        font-weight: 500;
        font-size: 10pt;
        width: 80%;
    }

.img-thumbnail-full-square {
    padding: 0px !important;
    border-radius: 0px !important;
}
    
    a.btn-sponge-white:hover, a.btn-sponge-white:focus, a.btn-sponge-white:active{color:#727272; border-color:#727272;}
    a.btn-default:hover, a.btn-default.hover, a.btn-default:focus, a.btn-default:active, a.btn-default.active,.open>a.btn-default{color:#828587;}
 


tr.DeskTop_none2{  visibility:hidden; opacity:0; height:0px; overflow:hidden;  }
tr.DeskTop_none2 td a{ display:none; }

        .sponge-white-relative-panel {
            border: 1px solid #eee;
            padding: 0;
            background-color: #fff;
            margin-bottom: 7px;
            position: relative;
            font-size:10pt;
        }
        .sponge-white-relative-panel .list-type-content {
            top: 20px; left: 110px; position: absolute;
        }

.sponge-grey-panel {
    background-color:#eee;
    padding:5px;
}


.sponge-white-panel-on-grey {
    background-color:#fff;
    padding:15px;
    border-radius: 2px;
    color:#69696D;
    margin-bottom:10px;
    font-size:14px;
    /*border: 1px solid #5DACEA;*/
}

.sponge-border-none {
    border:0 !important;
}

.sponge-left-edge-image {
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    border: 0;
    border-right: 1px solid #E8E7E7;
}

/*.sponge-form-horizontal .form-group{ margin:0px 0 10px 0; padding:0px;}*/


/*.sponge-form-horizontal .form-group.is-focused label,
.sponge-form-horizontal .form-group.is-focused label.control-label { color: #03a9f4;}


.sponge-form-horizontal .label-static.form-group label.control-label, .sponge-form-horizontal .is-focused.label-floating.form-group label.control-label, .sponge-form-horizontal :not(.is-empty).label-floating.form-group label.control-label{ left:15px; top:-20px; font-size:16px;}*/


/*.sponge-form-horizontal .form-group{ border-bottom:1px solid #ddd;}*/
.form-horizontal .col-sm-4{ text-align:center;}
.form-horizontal-2020 .col-sm-4 .btn.btn-sponge-default.btn-xs.btn-default{ font-weight:normal; padding:2px 4px !important; margin-top:5px;}

.card .card-head .btn, .card .card-head .btn { margin-top:6px;}
.sponge-card-body-btn{border-top:1px solid #ddd; padding:10px 10px 0 10px; margin:10px -10px 0 -10px; text-align:right;}

.font-15{font-size:15px;}



.thumbnails li{ padding-left:0px !important; background-image:none !important; }
.thumbnails li::before{ display:none; }

.sponge-layout-appdown{display:none;}



.spongespa-form-dl .card{ margin-bottom:10px; }
.spongespa-form-dl dl{ float:left; width:50%; height:49px; margin-bottom:0px;}
.spongespa-form-dl.spongespa-form-dl-col4 dl{ width:25%;}
.spongespa-form-dl.spongespa-form-dl-col3 dl{ width:33%;}
.spongespa-form-dl.spongespa-form-dl-col3 dl:nth-child(3n+3){ width:34%;}

.spongespa-form-dl dt{ float:left; width:30%; text-align:right; color:#909090; padding:5px 10px 5px 0; font-weight:normal;}
.spongespa-form-dl dd{ float:left; width:70%; padding:5px 0 5px 0;}
.spongespa-form-dl dd input[type="text"], .spongespa-form-dl dd select.form-control:not([size]):not([multiple]){ border:1px solid #ddd; background-color:#fff; width:100%; color:#4c4c4c; margin-top:-5px !important;}

.spongespa-form-dl dd.spongespa-form-dl-checkbox{  padding-top:7px; text-align:left;}
.spongespa-form-dl dd.spongespa-form-dl-date input{width:47%;}
.spongespa-form-dl dd.spongespa-form-dl-date input:first-child{ float:left; margin-right:1.5% !important;}
.spongespa-form-dl dd.spongespa-form-dl-date input:last-child{ float:right;}

.spongespa-form-dl dl.spongespa-form-dl-textarea{ width:100%; height:auto;}
.spongespa-form-dl dl.spongespa-form-dl-textarea dt{ width:15%;}
.spongespa-form-dl dl.spongespa-form-dl-textarea dd{ width:85%; height:auto;}

.spongespa-form-dl-border dl dd, .spongespa-form-dl.spongespa-form-dl-border  dl.spongespa-form-dl-textarea dd{ border-bottom:1px dashed #ddd; padding-top:5px; padding-left:10px; min-height:31px;}
.spongespa-form-dl dd.border-list{ border-bottom:1px dashed #ddd; padding-left:10px; min-height:31px;}

.spongespa-form-dl dl dd.spongespa-form-dl-date2 {position:relative;}
.spongespa-form-dl dl dd.spongespa-form-dl-date2 .input-group-addon{position:absolute; right:0px; top:0px;}



.spongespa-erm{ border-top:1px solid #000; border-bottom:1px solid #000; padding:0px; margin:0px;}
.spongespa-erm .spongespa-erm-list{border-bottom:1px solid #eee; text-align:center; padding:15px; }
.spongespa-erm a.banner { border:1px solid #ddd; vertical-align:middle; text-align:center; display:block; padding:12px 5px 0 5px; height: 45px; width: 100%; margin: 0 auto 5px auto; line-height: normal; border-radius:9px; }
.spongespa-erm a.banner:hover, .spongespa-erm a.banner:focus { border-color:#c1c1c1; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1) inset;}


/*table .form-control[readonly]{border-bottom-color:#fff;}*/

.VideoBoardimg{ width:428px; height:210px;}

/*#smart_editor2 .se2_text_tool .se2_multy{left:0px !important;}*/


/*웹접근성 문제로 다시 정의*/
.dropdown-toggle:focus {
  outline:auto;
}

/*=========================================================
  배너 팝업
=========================================================*/
.banner_popup{ /*background-size: auto 109%;*/overflow: hidden;width:100%; background-color:#144587;  }
/* 슬라이드
=========================================================*/
.banner_popup .banner_slide{padding:0 30px; position: relative;}
.banner_slide .slide_rowbx{overflow: hidden;}
.banner_slide .slide_rowbx .row_overbx{margin-right:-1px;}
.banner_slide .slide_ulbx{overflow: hidden;}
.banner_slide .slide_ulbx > li{width:555px; float: left; display: block;}
.banner_slide .slide_itembx{text-align: center;padding:20px 15px;border-right: solid 1px rgba(255,255,255,0.15);}
.banner_slide .slide_itembx .title{font-size: 20px; color:#aea186; line-height: 1.4em; font-weight: bold;margin-bottom: 10px;display: block;}
.banner_slide .slide_itembx .title .white_color{font-size: 20px; color:#fff; line-height: 1.4em; font-weight: bold;}
.banner_slide .slide_itembx .p_link_bx{font-size: 0; line-height: 0;margin:-2px -2px;}
.banner_popup .arrow_btnbx{margin:2px 2px;}
.banner_popup .close_cheackbx input[type='checkbox']{ margin-top:2px; }

.NavControl ul{  }
.NavControl li{ display:inline-block; float:left; }
.NavControl li a{border:1px solid #bebebe; font-weight:600;border-radius:50%; width:12px; height:12px; padding:0 0; display:block; color:#3f3f3f; text-align:center;
                text-shadow: 3px 3px 3px #fff; background-color:#fff; background:#fff linear-gradient(#fff 40%, #ddd ) !important; line-height:5px; line-height:-1.5px; -webkit-text-size-adjust:none !important; 
                font-size:5pt !important; margin:9px 3px 9px 0; }
.NavControl li.flex-active a { background: #000;width:13px; height:13px; background:#000 linear-gradient(#555 30%, #000 ) !important;text-shadow: 3px 3px 3px #000; border:1px solid #000 !important; color:#FFF; cursor: default; /*background: rgba(0, 0, 0, 0.9);*/}

.flexslider { background: url(/Sponge/Images/background/popupImg.png) no-repeat left 5px; margin: 0; padding: 0 0 0 100px; position: relative;  zoom: 1;  -webkit-border-radius: 0;  -moz-border-radius: 0;  border-radius: 0; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); 
              -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);}
.flexslider .slides, .flexslider .slides1 {  zoom: 1;}
.flexslider .slides img, .flexslider .slides1 img {  height: auto;  -moz-user-select: none;}
.flexslider .slides > li,.flexslider .slides1 > li { display: none; -webkit-backface-visibility: hidden; padding:15px 0; font-size:18px; font-weight:600; color:#fff; width:1070px; }  
.flexslider .slides > li > a, .flexslider .slides1 > li > a { color:#fff;}
.flexslider .slides > li > a:hover, .flexslider .slides > li > a:focus, .flexslider .slides1 > li > a:hover, .flexslider .slides1 > li > a:focus { color:#fffec5 !important;}
.flexslider .slides > li > a.more, .flexslider .slides1 > li > a.more {  border:1px solid #3e5462 !important; color:#3e5462 !important; font-weight:normal; margin-top:-2px; }
.flexslider .slides > li > a.more > span,.flexslider .slides1 > li > a.more > span{ color:#0086db; display:none;}
.flexslider .slides img, .flexslider .slides1 img { width: 100%;  display: block;}
.flexslider .slides:after, .flexslider .slides1:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .flexslider .slides,html[xmlns] .flexslider .slides1 {  display: block;}
* html .flexslider .slides, * html .flexslider .slides1 {  height: 1%;}
.no-js .flexslider .slides > li:first-child, .no-js .flexslider .slides1 > li:first-child {  display: block;}



/* 닫기 박스=========================================================*/
.popup_closebx .max_container{padding:20px 80px; }

.popup_closebx{background: #9d1d40;padding:4px 1px;}
.close_cheackbx{font-size: 0; line-height: 0; text-align: right; background-color:#474747;}
.close_cheackbx_container{ position:relative;}
.close_cheackbx .style_checkbx{display: none;}
.close_cheackbx input[type='checkbox']{ margin-top:8px; margin-right:3px;}
.close_cheackbx label{font-size: 13px; color:#fff;line-height: normal; padding:0 0; margin:7px 33px 8px 0; vertical-align:top; height:15px; position: relative; display: inline-block; padding-right:10px; border-right:1px solid #fff; }
/*.close_cheackbx label:before{content: ""; width:13px; height: 13px;background: #fff; display: block;position: absolute; top:7px; left:0;border:solid 1px #9f9f9f;}*/
.pup_close_btn{width:21px; height: 21px; display: block; background: url(/Sponge/Images/icon/pup_close_btn.png) no-repeat; text-indent: -99999px; position: absolute; top:4px; right:0px; /*background-size: 500px 500px;*/}

/*액션*/
.banner_popup .close_cheackbx .style_checkbx:checked + label:before{border:solid 1px #fff;background:#9f9f9f;}


.top_popup_line2{  background:#474747 url(/Sponge/Images/popup/2023popupBg.png) no-repeat right top; height:107px; }

.top_popup_line2 #srolling{position: relative; overflow:hidden; padding:20px 0 20px 0; }
.top_popup_line2 #srolling:before{ content:''; background: url(/Sponge/Images/popup/2023popupIcon.png) no-repeat center center; width:130px; height:67px;  display:inline-block; vertical-align:top; }
.top_popup_line2 #srolling_area{  height:67px; /*position:relative !important; top:0 !important;*/ display:inline-block; z-index:200; padding-top:17px; }
.top_popup_line2.srolling1 #srolling #srolling_area{ padding-top:0;}

.top_popup_line2 #srolling_area > div{}
.top_popup_line2 #srolling_area > div > div{}
.top_popup_line2 #srolling_area > div > div > a { color:#fff; width:100%; height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.top_popup_line2 #srolling_area > div > div > a:hover { font-weight:600; }
.top_popup_line2 #srolling_area > div > div > a > i { color:#11bcdd;  }
.top_popup_line2 #srolling_area > div > div > a:hover > i { color:#fff;  }
.top_popup_line2 #srolling_area > div.list1{ margin-top:-10px; }



.top_popup_line2 .srolling_click{ display:none; }

.top_popup_line2 .close_cheackbx{ position:absolute; top:43px; width:100%;  background-color:transparent; z-index:100; font-size:initial; line-height:normal; color:#fff;}
.top_popup_line2 .close_cheackbx_container{margin:0 auto;}
.top_popup_line2 .pup_close_btn{ background: url('/sponge/Images/popup/pup_close_btn.png') no-repeat center center; width:35px; height:35px;}
.top_popup_line2 .close_cheackbx label{border-right:0px; font-size:initial; margin:0; height:auto; padding:0; margin-right:5px;}
.top_popup_line2 .close_cheackbx a{ line-height:normal; color:#fff; margin-left:5px;}
.top_popup_line2 .close_cheackbx input[type='checkbox']{margin-top:-2px; line-height:normal;}

/*팝업 2023*/
.sponge-banner-popup{ background-color:rgba(0, 0, 0, 0.5); position:fixed; z-index:9000;  width:100%; height:100vh; top:0; display:none; } 
.sponge-banner-popup > .banner_popup-close{ position:fixed; z-index:9001;width:100%; height:100vh;}
.sponge-banner-popup > .container{ width:900px; margin:150px auto; background-color:#fff; border-radius:20px; position:relative; z-index:9002;}
.sponge-banner-popup .flexslider{ background-image:none; padding:0; position:unset; }
.sponge-banner-popup .flexslider .slides > li, .sponge-banner-popup .flexslider .slides1 > li{ padding:0; margin:0; font-size:14px; font-weight:normal;}
.sponge-banner-popup .flexslider .slides > li h2{ padding:10px 55px; height:47px; width:100%;  }
.sponge-banner-popup .flexslider .slides > li h2 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-weight:600; width:100%; text-align:center; display:block; height:25px; }
.sponge-banner-popup .flexslider .slides > li .sponge-banner-popup-content{ padding:0 0 0 0; width:100%; color:#000; }
.sponge-banner-popup .flexslider .slides > li .sponge-banner-popup-content > div{ /*background:url('/Sponge/Images/popup/popupBg.png') no-repeat right bottom;*/ background-size:500px;  border-top:1px solid #ddd;
border-bottom:1px solid #ddd;  width:100%; height:400px; padding:15px; overflow-y:auto; }
.sponge-banner-popup .flexslider .slides > li .sponge-banner-popup-content > div .sponge-min-height{ min-height:300px; }
.sponge-banner-popup .flexslider .slides > li .sponge-banner-popup-content > div > ul > li{ padding-left:0 !important;  font-weight:normal;}

 /*페이저 버튼*/
.sponge-banner-popup .flex-control-paging { display: inline-block; position:absolute; left:14px; bottom:15px; z-index:2000; }
.sponge-banner-popup .flex-control-paging:after { display: block; content: ''; clear: both; }
.sponge-banner-popup .flex-control-paging li { float:left; display: inline-block; }
.sponge-banner-popup .flex-control-paging a { vertical-align:top; display: inline-block; margin: 0 3px; padding-top:3px; width: 20px; height: 20px; background-color: #fff; font-size: 11px; line-height: 11px; color:#555;  border:1px solid #ddd; text-align:center;}

.sponge-banner-popup .flex-control-paging a.flex-active { background-color:#555; border-color:#555; color:#fff; }
.sponge-banner-popup .flex-control-paging a:hover {opacity:0.6;}
    /*이전, 다음 버튼*/
.sponge-banner-popup .flex-direction-nav li { position: absolute; top: 12px; border-radius:50%; background-color:#7c7c7c; height:25px; width:25px; text-align:center; }
.sponge-banner-popup .flex-direction-nav li:hover {opacity:0.6;}
.sponge-banner-popup .flex-direction-nav li a { text-decoration: none; font-size: 14px; font-weight: bold; color: #fff; display:block; vertical-align:top; line-height:14px; padding-top:5px; min-height:25px; display:block; font-size:0; }
.sponge-banner-popup .flex-direction-nav li a::before{ content: url( '/Sponge/Images/popup/popup-left.png' ); display:block; width:6px; height:10px; margin:2px auto;}
.sponge-banner-popup .flex-direction-nav li.flex-nav-next a::before{ content: url( '/Sponge/Images/popup/popup-right.png' ); }

.sponge-banner-popup .flex-direction-nav li.flex-nav-prev { left: 20px; }
.sponge-banner-popup .flex-direction-nav li.flex-nav-next { right: 20px; }

.sponge-banner-popup .sponge-banner-popup-footer{ padding:10px 15px;}

.sponge-banner-popup .close_cheackbx{  background-color:transparent; text-align:right; }
.sponge-banner-popup .close_cheackbx_container{ width:100%; bottom:0px; z-index:1000;}
.sponge-banner-popup .close_cheackbx_container > .btn{ background-color:#eee; margin-left:5px;}
.sponge-banner-popup .close_cheackbx label{ color:#000; margin-right:25px;}
.sponge-banner-popup .pup_close_btn{ background-image: url('/Sponge/Images/icon/pup_close_btn_black.png');}
.sponge-banner-popup .close_cheackbx input[type='checkbox'] {margin-top:2px; border-radius:0 !important; width:15px;}

/* 버튼(타입 애로우)
=========================================================*/
.arrow_btnbx{font-size: 0; line-height: 0;display:inline-block;padding:4px 12px;background: #fff;}
.arrow_btnbx .text{font-size: 12px; color:#333333; line-height: 1.4em;display: inline-block; vertical-align: middle;font-weight: bold;margin-right:8px;}
.arrow_btnbx .icon_item{width:5px; height: 10px;background: url('/Sponge/Images/icon/icon_item.png') no-repeat;background-size: 500px 500px;background-position: 0 -36px;display: inline-block;vertical-align: middle;}

/*호버*/
.arrow_btnbx:hover{background: #9d1d40;}
.arrow_btnbx:hover .text{color:#fff;}
.arrow_btnbx:hover .icon_item{background-position:-9px -36px;}

/* 슬라이드 애로우 버튼
=========================================================*/
.banner_slide .slide_prev_btn{width:17px; height: 31px;background: url('/Sponge/Images/icon/icon_item.png') no-repeat;background-size: 500px 500px;background-position: 0 0;position: absolute; top:50%; left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);text-indent: -99999px;}
.banner_slide .slide_next_btn{width:17px; height: 31px;background: url('/Sponge/Images/icon/icon_item.png') no-repeat;background-size: 500px 500px;background-position: -20px 0;position: absolute; top:50%; right:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);text-indent: -99999px;}

/*호버*/
.banner_slide .slide_prev_btn:hover{opacity: 0.5;}
.banner_slide .slide_next_btn:hover{opacity: 0.5;}


.sponge-number{  clear:left; padding-top:0;  }
.sponge-number img{ padding-top:15px;  }
.sponge-number ul{padding-left:0; }

.sponge-number ul > li{line-height:25px; text-align:justify;  padding:15px 10px 15px 50px;border-bottom:1px solid #f3f3f3; background-image:none !important;  vertical-align:top; position:relative;  margin-bottom:0;}
.sponge-number ul > li:last-child{border-bottom:0px solid #f3f3f3; }
.sponge-number ul > li::before{ display:none;}
/*.sponge-number i{ color:#5aa8dd; font-size:200%; font-weight:600; position:absolute; left:0;}*/
    .sponge-number i { color: #5aa8dd; font-size: 200%; font-weight: 600; left: 0; position:absolute; }


.sponge-smooth-main > div{ width:48%; display:inline-block; vertical-align:top; }
.sponge-smooth-main > div:last-child{ width:50%; }
.sponge-smooth-gallery { font-size:0; line-height:0; overflow:hidden; position:relative; border-radius:6px;  /*display:none;*/ height:auto; }
.sponge-smooth-gallery-paginate { text-align:center;}
.sponge-smooth-gallery-paginate a:link, .sponge-smooth-gallery-paginate a:visited { text-decoration: none; display: inline-block; color: #666; border: 2px solid #666; width: 40px; height: 19px; padding: 7px 0 0 0; margin: 3px; border-radius: 7px; font-size: 10px; vertical-align: top; }
.sponge-smooth-gallery-paginate a:hover { color: #fff; background:#666; }
.sponge-smooth-gallery-paginate a:active { color: #fff; border: 2px solid #222; background:#222; }
.sponge-smooth-gallery-disabled { opacity:.3; }
.sponge-smooth-gallery-item { vertical-align:top; display:inline-block; position:relative; font-size:12px; color: #8B8B8B; line-height:1.4em; padding:5px; text-align:center; width:24%; height:auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; top:0; overflow:hidden; }
.sponge-smooth-gallery-item img { max-width:100%; height:60px !important; border-radius: 3px; box-shadow: 0 5px 15px #ccc; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; transition:all .2s ease-out; margin-bottom:10px; }
.sponge-smooth-gallery-item img:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
.sponge-smooth-gallery-modal { background:rgb(0,0,0); background:rgba(0,0,0,.8); position:fixed; top:0; left:0; width:100%; height:100%; padding:15px 15px 60px 15px; display:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; }
.sponge-smooth-gallery-modal-h { display:table; width:100%; height:100%; }
.sponge-smooth-gallery-modal-v { display:table-cell; vertical-align: middle; }
.sponge-smooth-gallery-modal img { max-width:100%; height:auto; box-shadow:0 0 10px #000; }
.sponge-smooth-gallery-modal-img-wrap { position: relative; display: inline-block; }
.sponge-smooth-gallery-caption { color: #E2E2E2; background: #000; bottom: 0; line-height: 1.2em; padding: 5px 15px; display: inline-block; border-radius: 20px; font-size: 12px; }
#sponge-smooth-gallery-close { color: #fff; text-decoration: none; border: 2px solid #fff; width: 31px; height: 24px; display: inline-block; padding-top: 7px; border-radius: 17px; position: absolute; top: 8px; right: 8px; }
#sponge-smooth-gallery-close:hover { color:rgb(200,0,0); border:2px solid rgb(200,0,0); }
@media all and (max-width: 800px) { 
    .sponge-smooth-gallery-item { width:33.3%; }
}
@media all and (max-width: 500px) { 
    .sponge-smooth-gallery-item { width:50%; padding:5px;  }
}

.spongespa-bg-grey{ background-color: #e9ebee;}

.navbar-toggle-qna { display: inline-block; }




.sponge-search-popular{ clear:left; font-size:11px; width:1170px; /*background: rgba(0, 0, 0, 0.4);*/ overflow:hidden; vertical-align:top; margin:10px -30px -15px -30px; padding:15px; background-color:transparent; border-top:1px solid #ddd;}
.sponge-search-popular h3{ margin:0 0 0 0; display: inline-block; text-indent:0px; line-height:normal; color:#555; padding:5px 10px !important; border:1px solid #5aa8dd; border-radius:3px; margin:0px; text-align:center; font-size: 11px;
                           background-color:#5aa8dd; color:#fff; width:7%; vertical-align:top; }
.sponge-search-popular ul{padding:0px 0 0 20px; display:inline-block; overflow:hidden; width:91%; text-align:left; height:18px; margin-bottom:0px;}
.sponge-search-popular li{padding:0 0 0 0 !important; display:inline-block; margin:0px 10px 0px 0px; background-image:none !important;  height:18px;}
.sponge-search-popular li:first-child a{ font-weight:600; }.sponge-search-popular li::after(2) a{ color:#2a8ebf; }
.sponge-search-popular li a{ padding:5px !important; display:block; }
.sponge-search-popular li a:hover, .sponge-search-popular li a:focus{ text-decoration:none; }

/*유의사항, 준수사항, 주의사항*/
.sponge-page-guide ul.permissions{}
.sponge-page-guide ul.permissions > li{line-height:25px; text-align:justify;  padding:15px 30px 16px 50px; border-bottom:1px solid #f3f3f3; background-image:none !important; clear:left; position:relative; margin-bottom:0; }
.sponge-page-guide ul.permissions > li::before{ display:none; }
.sponge-page-guide ul.permissions > li:last-child{border-bottom:0px solid #f3f3f3; }
.sponge-page-guide ul.permissions > li em{ color:#004476; font-size:20px; margin-right:15px; font-weight:600; display:inline-block; vertical-align:top; position:absolute; left:0; }
.sponge-page-guide ul.permissions > li p{  display:inline-block; vertical-align:top; padding:0px; margin:0px;}
.sponge-page-guide ul.permissions > li:last-child em{ opacity:1;}
.sponge-page-guide ul.permissions > li:first-child em{ opacity:1;}
.sponge-page-guide ul.permissions > li:nth-child(1) em{ opacity:.95;}
.sponge-page-guide ul.permissions > li:nth-child(2) em{ opacity:.9;}
.sponge-page-guide ul.permissions > li:nth-child(3) em{ opacity:.85;}
.sponge-page-guide ul.permissions > li:nth-child(4) em{ opacity:.8;}
.sponge-page-guide ul.permissions > li:nth-child(5) em{ opacity:.75;}
.sponge-page-guide ul.permissions > li:nth-child(6) em{ opacity:.7;}
.sponge-page-guide ul.permissions > li:nth-child(7) em{ opacity:.65;}
.sponge-page-guide ul.permissions > li:nth-child(8) em{ opacity:.6;}
.sponge-page-guide ul.permissions > li:nth-child(9) em{ opacity:.55;}
.sponge-page-guide ul.permissions > li:nth-child(10) em{ opacity:.5;}
.sponge-page-guide ul.permissions > li:nth-child(11) em{ opacity:.45; line-height:normal}
.sponge-page-guide ul.permissions > li:nth-child(12) em{ opacity:.41;}
.sponge-page-guide ul.permissions > li:nth-child(13) em{ opacity:.38;}
.sponge-page-guide ul.permissions > li:nth-child(14) em{ opacity:.32;}
.sponge-page-guide ul.permissions > li:nth-child(15) em{ opacity:.29;}
.sponge-page-guide ul.permissions > li:nth-child(16) em{ opacity:.24;}
.sponge-page-guide ul.permissions > li:nth-child(17) em{ opacity:.20;}
.sponge-page-guide ul.permissions > li:nth-child(18) em{ opacity:.20;}
.sponge-page-guide ul.permissions > li:nth-child(19) em{ opacity:.20;}
.sponge-page-guide ul.permissions > li:nth-child(20) em{ opacity:.20;}


.sponge-page-guide ul.permissions.permissions-opacity > li{ padding-left:70px;}
.sponge-page-guide ul.permissions.permissions-opacity > li em{ opacity:1 !important; color:#005fa4; }

.sponge-page-guide ul.decimal{ padding-left:20px;}
.sponge-page-guide ul.decimal > li{ list-style-type:decimal; }
.sponge-page-guide ul.decimal > li::marker{}
.sponge-page-guide ul.decimal > li::before{ display:none; }

/*도서관장*/
.LibraryDirector{}
.LibraryDirector ul{ padding:0px; margin:0px;}
.LibraryDirector li{ width:15%; margin:0 1% 20px 1%; display:inline-block; float:left; border:1px solid #ccd0d7; padding:0 15px !important; background-image:none !important; font-weight:600; color:#000000; font-size:15px;}
.LibraryDirector li::before{ display:none; }
.LibraryDirector li:nth-child(6n+6){ margin-right:0px; float:right;}
.LibraryDirector li:nth-child(6n+1){ margin-left:0px;}
.LibraryDirector li span.title{ font-size:15px; padding:15px 0; border-top:3px solid #35ac36; display:inline-block; }
.LibraryDirector li div.photo{ width:100px; height:110px; margin:0 auto; display:block; overflow:hidden;background:#eae8e8 url('/sponge/Images/icon/LibraryDirector.png') no-repeat center bottom; }
.LibraryDirector li div.photo img{ width:100px;  }
.LibraryDirector li p{ text-align:center; font-weight:normal; }


.book-title-tabs{font-size:0;margin-bottom:40px;padding:10px;background-color:#f4f4f4;}
.book-title-tabs strong{display:none;color:#fff;height:25px;text-align:left; padding:8px 20px 0 5px;font-weight:normal;font-size:14px;}
.book-title-tabs ul{font-size:14px;display:inline-block;}
.book-title-tabs ul li{float:left;}
.book-title-tabs ul li a{display:inline-block;height:25px;text-align:center;padding:8px 25px 0 5px;}
.book-title-tabs ul li:first-child a{background-image:none}
.book-title-tabs li.selected{background:#2ed8de;color:#fff;}


/*.dropdown dd .mutliSelect ul{ z-index:2000; overflow:hidden; background-color:#fff; border:1px solid #ddd; border-radius:0px 0px 3px 3px; }*/
.dropdown dd .mutliSelect ul{z-index:2000; background-color:#fff; border:1px solid #ddd; border-radius:0px 0px 3px 3px;}
.dropdown dd .mutliSelect ul li{ background-image:none !important; }


.noList-s{ display:inline-block; width:33%; vertical-align:top;}
.noList-s ul{ padding:28px 0 0 10px;}
.noList-s li{ width:170px; height: 20px; margin-bottom:4px; padding:0px !important; background-image:none; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.noList-s li span.no{ margin-top:2px; box-sizing:content-box;  padding:0px 0 2px 0 !important; height:15px !important; width:15px !important; background-color:black; color:#fff; text-align:center; display:inline-block; border-radius:2px; font-size:11px;}
.noList-s1{ display:inline-block; width:33%; vertical-align:top;}
.noList-s1 ul{ padding:28px 0 0 10px !important;}
.noList-s1 li{ width:170px; height: 20px; margin-bottom:4px; padding:0px !important; background-image:none; text-overflow:ellipsis; overflow:hidden; word-wrap:normal;}
.noList-s1 li span.no{ margin-top:2px; box-sizing:content-box;  padding:0px 0 2px 0 !important; height:15px !important; width:15px !important; background-color:black; color:#fff; text-align:center; display:inline-block; border-radius:2px; font-size:11px;}
/*#5aa8dd*/
.chList{width:65%;display:inline-block;}

/*탑검색*/
.search-bar { -moz-transition: all 0.5s cubic-bezier(0.7, 0.03, 0.17, 0.97) 0.25s; -o-transition: all 0.5s cubic-bezier(0.7, 0.03, 0.17, 0.97) 0.25s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0.03, 0.17, 0.97); 
              -webkit-transition-delay: 0.25s; transition: all 0.5s cubic-bezier(0.7, 0.03, 0.17, 0.97) 0.25s; position: relative; width: 300px; height: 30px; margin: 0 auto; }
.search-bar input { outline: none; box-shadow: none; height: 30px; line-height: 30px; width: 100%; padding: 5px; box-sizing: border-box; background: transparent; color: white; border: 4px solid #555; border-radius: 40px; }
.search-bar .toggle { -moz-transition: all 0.5s cubic-bezier(0.98, 0.02, 0.46, 0.99) 0.25s; -o-transition: all 0.5s cubic-bezier(0.98, 0.02, 0.46, 0.99) 0.25s; -webkit-transition: all 0.5s cubic-bezier(0.98, 0.02, 0.46, 0.99); 
                      -webkit-transition-delay: 0.25s; transition: all 0.5s cubic-bezier(0.98, 0.02, 0.46, 0.99) 0.25s; position: absolute; width: 30px; height: 30px; cursor: pointer; right: 0; top: 0; border-radius: 40px; }
.search-bar .toggle .toggle:after, .search-bar .toggle .toggle:before { border-color: #ee6da3; }
.search-bar .toggle:after, .search-bar .toggle:before { -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; content: ''; display: block; position: absolute; right: 0; width: 0; height: 15px; 
                                                        border-left: 2px solid #555; border-radius: 4px; top: 0;  }
.search-bar .toggle:before { -moz-animation: close-one-reverse 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); -webkit-animation: close-one-reverse 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); animation: close-one-reverse 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); -moz-transform: translate(-25px, 12.5px) rotate(45deg); -ms-transform: translate(-25px, 12.5px) rotate(45deg); -webkit-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
.search-bar .toggle:after { -moz-animation: close-two-reverse 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); -webkit-animation: close-two-reverse 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); animation: close-two-reverse 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); -moz-transform: translate(-25px, 12.5px) rotate(-45deg); -ms-transform: translate(-25px, 12.5px) rotate(-45deg); -webkit-transform: translate(-25px, 12.5px) rotate(-45deg); transform: translate(-25px, 12.5px) rotate(-45deg); }
.search-bar.closed { width: 30px; }
.search-bar.closed input {color: #E62878; }
.search-bar.closed .toggle:before { -moz-animation: close-one 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); -webkit-animation: close-one 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); 
                                    animation: close-one 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); height: 0px; -moz-transform: translate(-8px, 8px) rotate(45deg); -ms-transform: translate(-8px, 8px) rotate(45deg); 
                                    -webkit-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
.search-bar.closed .toggle:after { -moz-animation: close-two 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); -webkit-animation: close-two 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); 
                                   animation: close-two 0.85s 1 normal cubic-bezier(1, 0.01, 0.46, 1.48); height: 15px; -moz-transform: translate(0, 37.5px) rotate(-45deg); -ms-transform: translate(0, 37.5px) rotate(-45deg); 
                                   -webkit-transform: translate(0, 37.5px) rotate(-45deg); transform: translate(0, 37.5px) rotate(-45deg); }

@-moz-keyframes close-one {
 0%   {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
 10%  {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
 60%  {height: 0px; -moz-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
 100% {height: 0px; -moz-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
}
@-webkit-keyframes close-one {
 0% {height: 15px; -webkit-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
 10% {height: 15px; -webkit-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
 60% {height: 0px; -webkit-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
 100% {height: 0px; -webkit-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
}
@keyframes close-one {
 0% {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(45deg); -ms-transform: translate(-25px, 12.5px) rotate(45deg); -webkit-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
 10% {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(45deg); -ms-transform: translate(-25px, 12.5px) rotate(45deg); -webkit-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
 60% {height: 0px; -moz-transform: translate(-8px, 8px) rotate(45deg); -ms-transform: translate(-8px, 8px) rotate(45deg); -webkit-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
 100% {height: 0px; -moz-transform: translate(-8px, 8px) rotate(45deg); -ms-transform: translate(-8px, 8px) rotate(45deg); -webkit-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
}
@-moz-keyframes close-two {
 0% {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(-45deg); transform: translate(-25px, 12.5px) rotate(-45deg); }
 60% {height: 2px; -moz-transform: translate(-6px, 37.5px) rotate(-45deg); transform: translate(-6px, 37.5px) rotate(-45deg); }
 70% {height: 2px; -moz-transform: translate(-6px, 37.5px) rotate(-45deg); transform: translate(-6px, 37.5px) rotate(-45deg); }
 100% {height: 15px; -moz-transform: translate(0, 37.5px) rotate(-45deg); transform: translate(0, 37.5px) rotate(-45deg); }
}
@-webkit-keyframes close-two {
 0% {height: 15px; -webkit-transform: translate(-25px, 12.5px) rotate(-45deg); transform: translate(-25px, 12.5px) rotate(-45deg); }
 60% {height: 2px; -webkit-transform: translate(-6px, 37.5px) rotate(-45deg); transform: translate(-6px, 37.5px) rotate(-45deg); }
 70% {height: 2px; -webkit-transform: translate(-6px, 37.5px) rotate(-45deg); transform: translate(-6px, 37.5px) rotate(-45deg); }
 100% {height: 15px; -webkit-transform: translate(0, 37.5px) rotate(-45deg); transform: translate(0, 37.5px) rotate(-45deg); }
}
@keyframes close-two {
 0% {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(-45deg); -ms-transform: translate(-25px, 12.5px) rotate(-45deg); -webkit-transform: translate(-25px, 12.5px) rotate(-45deg); transform: translate(-25px, 12.5px) rotate(-45deg); }
 60% {height: 2px; -moz-transform: translate(-6px, 37.5px) rotate(-45deg); -ms-transform: translate(-6px, 37.5px) rotate(-45deg); -webkit-transform: translate(-6px, 37.5px) rotate(-45deg); transform: translate(-6px, 37.5px) rotate(-45deg); }
 70% {height: 2px; -moz-transform: translate(-6px, 37.5px) rotate(-45deg); -ms-transform: translate(-6px, 37.5px) rotate(-45deg); -webkit-transform: translate(-6px, 37.5px) rotate(-45deg); transform: translate(-6px, 37.5px) rotate(-45deg); }
 100% {height: 15px; -moz-transform: translate(0, 37.5px) rotate(-45deg); -ms-transform: translate(0, 37.5px) rotate(-45deg); -webkit-transform: translate(0, 37.5px) rotate(-45deg); transform: translate(0, 37.5px) rotate(-45deg); }
}
@-moz-keyframes close-one-reverse {
 0% {height: 0px; -moz-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
 40% {height: 0px; -moz-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
 80% {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
 100% {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
}
@-webkit-keyframes close-one-reverse {
 0% {height: 0px; -webkit-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
 40% {height: 0px; -webkit-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
 80% {height: 15px; -webkit-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
 100% {height: 15px; -webkit-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
}
@keyframes close-one-reverse {
 0% {height: 0px; -moz-transform: translate(-8px, 8px) rotate(45deg); -ms-transform: translate(-8px, 8px) rotate(45deg); -webkit-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
 40% {height: 0px; -moz-transform: translate(-8px, 8px) rotate(45deg); -ms-transform: translate(-8px, 8px) rotate(45deg); -webkit-transform: translate(-8px, 8px) rotate(45deg); transform: translate(-8px, 8px) rotate(45deg); }
 80% {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(45deg); -ms-transform: translate(-25px, 12.5px) rotate(45deg); -webkit-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
 100% {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(45deg); -ms-transform: translate(-25px, 12.5px) rotate(45deg); -webkit-transform: translate(-25px, 12.5px) rotate(45deg); transform: translate(-25px, 12.5px) rotate(45deg); }
}
@-moz-keyframes close-two-reverse {
 0% {height: 15px; -moz-transform: translate(0, 37.5px) rotate(-45deg); transform: translate(0, 37.5px) rotate(-45deg); }
 40% {height: 2px; -moz-transform: translate(-6px, 40.5px) rotate(-45deg); transform: translate(-6px, 40.5px) rotate(-45deg); }
 50% {height: 2px; -moz-transform: translate(-6px, 40.5px) rotate(-45deg); transform: translate(-6px, 40.5px) rotate(-45deg); }
 100% {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(-45deg); transform: translate(-25px, 12.5px) rotate(-45deg); }
}
@-webkit-keyframes close-two-reverse {
 0% {height: 15px; -webkit-transform: translate(0, 37.5px) rotate(-45deg); transform: translate(0, 37.5px) rotate(-45deg); }
 40% {height: 2px; -webkit-transform: translate(-6px, 40.5px) rotate(-45deg); transform: translate(-6px, 40.5px) rotate(-45deg); }
 50% {height: 2px; -webkit-transform: translate(-6px, 40.5px) rotate(-45deg); transform: translate(-6px, 40.5px) rotate(-45deg); }
 100% {height: 15px; -webkit-transform: translate(-25px, 12.5px) rotate(-45deg); transform: translate(-25px, 12.5px) rotate(-45deg); }
}
@keyframes close-two-reverse {
 0% {height: 15px; -moz-transform: translate(0, 37.5px) rotate(-45deg); -ms-transform: translate(0, 37.5px) rotate(-45deg); -webkit-transform: translate(0, 37.5px) rotate(-45deg); transform: translate(0, 37.5px) rotate(-45deg); }
 40% {height: 2px; -moz-transform: translate(-6px, 40.5px) rotate(-45deg); -ms-transform: translate(-6px, 40.5px) rotate(-45deg); -webkit-transform: translate(-6px, 40.5px) rotate(-45deg); transform: translate(-6px, 40.5px) rotate(-45deg); }
 50% {height: 2px; -moz-transform: translate(-6px, 40.5px) rotate(-45deg); -ms-transform: translate(-6px, 40.5px) rotate(-45deg); -webkit-transform: translate(-6px, 40.5px) rotate(-45deg); transform: translate(-6px, 40.5px) rotate(-45deg); }
 100% {height: 15px; -moz-transform: translate(-25px, 12.5px) rotate(-45deg); -ms-transform: translate(-25px, 12.5px) rotate(-45deg); -webkit-transform: translate(-25px, 12.5px) rotate(-45deg); transform: translate(-25px, 12.5px) rotate(-45deg); }
}
.sponge-user-top-search, li.sponge-user-top-search{position:absolute; right:0px; top:0px; background-color:#fff; margin:0px !important; }
.sponge-user-top-search input[type=text] {
    width: 31px;
    height: 31px;
    box-sizing: border-box;
    border: 0px;
    cursor: pointer;
    background-color: white;   
    background-image: url('/sponge/Images/icon/sponge-user-top-search.png');
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding: 0 15px 0 15px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
/*.sponge-user-top-search input[type=text]:-ms-input-placeholder {display:none;}*/

.sponge-user-top-search input[type=text]:focus {
    width: 400px; border:1px solid #ddd; padding: 12px 15px 12px 40px; cursor:text; background-position-x:5px;
}
.sponge-user-top-search input[type=text]:focus:-ms-input-placeholder {display:block;}


.sponge-circle, .onroad-board dd span.sponge-circle{padding:1px 3px; background-color:#007fb6; color:#fff; border-radius:50%; font-weight:600; font-size:110%;}



.img70p img.img70p{width:70%;}

.card-name-list{ width:100%; font-size:16px;}
.card-name-list .card-head header{ width:100%; font-weight:600; vertical-align:bottom;}
.card-name-list .card-head header .pull-left{ font-size:25px; width:20%;}
.card-name-list .card-head header .pull-right{ width:100%; font-size:20px; width:75%; text-align:right; padding-top:3px; }
.card-name-list .card-body p {font-size:15px;}
.card-name-list .card-body a {width:100%;}
.card-name-list .card-footer{text-align:center;}
.card-name-list .card-footer img {width:60%;}

.sponge-search-ebsco .ebsco-title{ padding:10px 15px; border:1px solid #ddd; background-color:#f9f9f9;  width:100%; line-height:150%;}
.sponge-search-ebsco h4 { background-image:none;color:#555;font-size:12pt; font-weight:800; float:left; padding:0px; margin:0px; margin-top:2px;}
.sponge-search-ebsco .sponge-search-ebsco-more{ float:right; }
.sponge-search-ebsco .sponge-search-ebsco-more span.more{ font-size:130%; }
.sponge-search-ebsco table{width:100%;}
.sponge-search-ebsco table tr:last-child td{ border-bottom:0px solid #eee;}
.sponge-search-ebsco table td{ border-bottom:1px solid #eee; padding:10px 0; vertical-align:top;}
.sponge-search-ebsco table td .title-bold{ font-size:11pt; font-weight:700;}

.sponge-search-ebsco table td p a{color:#e8812d;}

/*.sponge-layout-wrap-full .sponge-layout-content-sub{ padding-top:75px; }*/
.sponge-searchdetalil-guide{position:relative; width:100%; margin:0 auto;  }
.sponge-searchdetalil-guide .sponge-page-guide{float:left; width:100%; display:inline; }

.sponge-searchdetalil-2021{ position:relative; }
.sponge-searchdetalil-2021 > .col-md-9{ width:80%;   }
.sponge-searchdetalil-2021 > .col-md-3{ width:19.5%; float:right;  }

.sponge-page-guide .sponge-search-tab .sponge-nav-tabs{ margin-top:40px; margin-bottom:30px; }

.sponge-curation-book{ margin-top:30px;}
.sponge-curation-book > ul{ background-image: url('../Images/bookDefaults/shelf.png'); padding:0 20px 0 20px;}
.sponge-curation-book > ul > li{ text-align:center; height:270px; margin:0; width:20%; min-width:202px; position:relative; overflow:hidden;}
.sponge-curation-book > ul > li::before{ display:none; }
.sponge-curation-book > ul > li > a{ width:187px; height:202px; background-image: url('/Sponge/Images/bookDefaults/bookBglogo.png'); padding:0px 24px 0 17px; position:relative; text-align:left; display:block; overflow:hidden; word-break:keep-all; }
.sponge-curation-book > ul > li > a > img{ width:138px; height:202px; border:1px solid #bbb; transition: all 0.4s; transform-origin: left top;}
.sponge-curation-book > ul > li > a:hover > img{ }
.sponge-curation-book > ul > li > a > span { word-break:keep-all; overflow:hidden; display:none; position:absolute; width:138px; height:202px; padding:15px 5px; background-color:rgba(0, 0, 0, 0.7); top:0; text-align:center; font-weight:600; color:#fff; }
.sponge-curation-book > ul > li > a > span > span{ }
.sponge-curation-book > ul > li > a > span > span > span { font-size:90%; opacity:0.7; font-weight:normal;}
.sponge-curation-book > ul > li:hover > a > span{ display:table; animation-name:top; animation-duration:1s; -webkit-animation-name:top; -webkit-animation-duration:1s;}
.sponge-curation-book > ul > li:hover > a > span > span{ display:table-cell; vertical-align:middle;  }
.sponge-curation-book .sponge-curation-book-medal{ position:absolute; right:20px; top:-20px; /*box-shadow:rgba(0,0,0, 0.8);*/ width:50px;}


.sponge-page-guide p.sponge-curation-book-text, .sponge-curation-book-text{ margin:0; padding-top:25px; letter-spacing:-0.7px; }
.sponge-curation-book-text > a{ height:24px; width:100%; display:block; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500; }
.sponge-curation-book-text > span{font-size:80%;  }
/*.sponge-curation{}
.sponge-curation > ul{ padding:0 20px 0 20px;}
.sponge-curation > ul > li{ text-align:center; height:270px; margin:0; width:100%;}
.sponge-curation > ul > li::before{ display:none; }
.sponge-curation > ul > li > a{ width:187px; height:202px; background-image: url('/Sponge/Images/bookDefaults/bookBglogo.png'); padding:0px 24px 0 17px; position:relative; text-align:left; display:block; overflow:hidden; word-break:keep-all; }
.sponge-curation > ul > li > a > img{ width:138px; height:202px; border:1px solid #bbb; transition: all 0.4s; transform-origin: left top;}
.sponge-curation > ul > li > a:hover > img{ }
.sponge-curation > ul > li > a > span{ word-break:keep-all; overflow:hidden; display:none; position:absolute; width:138px; height:202px; padding:15px 5px; background-color:rgba(0, 0, 0, 0.7); top:0; text-align:center; font-weight:600; color:#fff; }
.sponge-curation > ul > li > a:hover > span{ display:block; animation-name:top; animation-duration:1s; -webkit-animation-name:top; -webkit-animation-duration:1s;}*/


/* 신착도서 -----------------------------------------------------------------------------------------------------------------------------------------*/  
.sponge-curation{box-sizing: border-box; margin:0 auto; width:100%; padding:0 0 70px 0;}

.sponge-curation{ padding-top:0px; }
.sponge-curation{width:100%; position:relative;}
.sponge-curation > div{width:100%; }
.sponge-curation p.noData{display:none;position:absolute;top:100px;left:25px;}
.sponge-curation.active p.noData{display:block}
.sponge-curation.active > div{display:block}
.sponge-curation> h2 a:before{content: '';opacity: 0;display: block;position: absolute;top: 0;right: 50%;left: 50%;height: 3px;background-color: #06603c;transition: right 0.25s ease, left 0.25s ease, opacity 0.25s ease;}
.sponge-curation.active > h2 a:before{left: 0;right: 0;opacity: 1;}
.sponge-curation > div > div{position:relative;height: 470px;padding:0 0;overflow:hidden;z-index:10;  }


.sponge-curation > div > div > ul{ position:absolute;top: 0;left:0;width:100%;padding-top: 0; height:450px; overflow:hidden; text-align:center; width:1123px !important;}
.sponge-curation > div > div > ul > li{ display:inline-block; width:1123px !important; height:450px; padding:0 0; margin:0px;  text-align:left;}
.sponge-curation > div > div > ul > li::before{ display:none; }
.sponge-curation > div > div > ul > li > div.sponge-curation-img{ display:inline-block; float:left; width:284px; position:relative; padding-top:7px; }
.sponge-curation > div > div > ul > li > div.sponge-curation-img > a.curation-img{ width:284px;  height:389px; background-image: url('/sponge/Images/bookDefaults/bookBglogoBig.png'); padding:0px; position:relative; display:block; overflow:hidden; word-break:keep-all; }


.sponge-curation > div > div > ul > li > div.sponge-curation-img > a.curation-img > img{ width:271px; height:389px; border:1px solid #555; transition: all 0.4s; transform-origin: left top;}
.sponge-curation > div > div > ul > li > div.sponge-curation-img:hover > a.curation-img > img{ border-color:#000; background-color:transparent; }

.sponge-curation > div > div > ul > li > div.sponge-curation-img > a.curation-img > span{ word-break:keep-all; vertical-align:middle;  overflow:hidden; display:none; position:absolute; width:271px; height:389px; padding:15px 5px; background-color:rgba(0, 0, 0, 0.7); top:0; text-align:center; font-weight:600; color:#fff; }
.sponge-curation > div > div > ul > li > div.sponge-curation-img:hover > a.curation-img > span{ display:table; vertical-align:middle;  animation-name:top; animation-duration:1s; -webkit-animation-name:top; -webkit-animation-duration:1s;}
.sponge-curation > div > div > ul > li > div.sponge-curation-img:hover > a.curation-img > span > span{ display:table-cell; vertical-align:middle; font-size:130%; }
.sponge-curation > div > div > ul > li > div.sponge-curation-img:hover > a.curation-img > span > span > span{ opacity:0.7;  font-size:80%;}

.sponge-curation > div > div > ul > li > div.sponge-curation-img > a.curation-detail{ display:block; margin:16px auto 0 auto; min-height:41px; padding:7px 10px; background-color:#000; color:#fff; text-align:center; transition-duration: 0.5s, 0s;}

.sponge-curation > div > div > ul > li > div.sponge-curation-img:hover > a.curation-detail{ background-color:#e98a1b; }
.sponge-curation > div > div > ul > li > div.sponge-curation-img .sponge-curation-medal { position: absolute; display: block; content: attr(data-rank); text-align: center; padding-top:8px; width: 65px; height: 54px; left: 7px; top: 1px; 
font-size: 1.2rem; z-index: 1; color: #fff; background: url('/sponge/Images/bookDefaults/bookmark.png') no-repeat center top; background-size: 100% 100%; font-weight: 500; line-height:normal;}
.sponge-curation > div > div > ul > li > div.sponge-curation-img .sponge-curation-medal2 { font-size: 1.9rem; padding-top:12px; background-image: url('/sponge/Images/bookDefaults/bookmark2.png'); }
.sponge-curation > div > div > ul > li > div.sponge-curation-img .sponge-curation-medal3 { width: 81px; height: 70px; right:20px; left:auto; font-size: 2rem; padding:14px 6px 0 15px; background-image: url('/sponge/Images/bookDefaults/bookmark3.png'); }

.sponge-curation > div > div > ul > li > div.sponge-curation-youtu{ display:inline-block; float:right; width:800px; height:445px; border:1px solid #000; margin-top:7px; }


.sponge-curation div.btns {position:absolute; bottom:40px; left:0;  width:100%; text-align:center;}

.sponge-curation .btns a{display: inline-block; transition:background 0.25s ease; z-index:1000; border:1px solid #555;  width:30px; height:30px; text-align:center;background-color:rgba(0, 0, 0, 0.1); font-size:110%;}
.sponge-curation .btns a span.glyphicon{ color:#555; font-size:20px;}
.sponge-curation .btns a:hover span.glyphicon{ color:#555; }
.sponge-curation .btns a.prev{right: -10px;}
.sponge-curation .btns a.next{left: -10px;}


.sponge-curation-content{ width:100%; margin:20px 0;}
.sponge-curation-content > div{ }
.sponge-curation-content > div.sponge-curation-content-img{ width:380px; display:inline-block; float:left; border:1px solid #bbb; }
.sponge-curation-content > div.sponge-curation-content-img > img{ width:378px; }
.sponge-curation-content > div.sponge-curation-content-text{ width:56%; display:inline-block; float:right;border:1px solid #ddd; padding:20px; min-height:380px; }

@keyframes top
{
from {top:245px; opacity:0;}
to   {top:0; opacity:1; }
}

.sponge-search-newbook{}

.sponge-page-guide .sponge-search-newbook ul{ padding:5px 15px 5px 15px; height:160px; overflow:hidden;}
.sponge-page-guide .sponge-search-newbook ul > li{ padding-bottom:10px; text-align:center; padding-left:0;}
.sponge-search-newbook li::before{ display:none;}
.sponge-search-newbook li a{ display:inline-block; text-align:center; }
.sponge-search-newbook li img{ width:105px; height:150px; border:1px solid #ddd;}
.sponge-search-newbook li:hover img{ border:1px solid #ccc;}

.sponge-search-newbook #quickMenuList{ padding-top:0px; display:none;}
.sponge-search-newbook #quickMenuList .sponge-top-btn{border:0px solid #ddd; border-top:1px solid #ddd; font-weight:600;border-radius:0px; width:auto; height:18px; padding:0 3px; display:block; color:#3f3f3f; text-align:center;
                text-shadow: 3px 3px 3px #fff; background-color:#fff; background:#fff linear-gradient(#fff 40%, #fff ) !important; line-height:5px; line-height:-1.5px; -webkit-text-size-adjust:none !important; font-size:11pt !important; margin:0px 0; }


.spongespa-form-dl-label .control-label.col-sm-4{ width:100%;}
.spongespa-form-dl-label dd{ padding:5px; }

.deletehistory .fa.fa-times { margin-top: 5px; }

.sponge-page-guide-movie{border:1px solid #ddd;}
.sponge-page-guide-movie .col-md-6-movie{ height:360px; overflow:hidden; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0 5px 0; }
.sponge-page-guide-movie .col-md-6-movie:nth-child(odd){ }
.sponge-page-guide-movie .col-md-6-movie:nth-child(even){  border-right:0px solid #ddd;  }
.sponge-page-guide-movie .col-md-6-movie img{ max-height:300px;  }

.sponge-card{min-height:240px; border:1px solid #ddd; margin:1px;}
.sponge-card-glay{background-color:#eee;}
.sponge-card .card-header{padding:15px;}
.sponge-card .card-body{padding:15px;}
.sponge-card-point{ margin-left:-5px; margin-left:-5px;}
.sponge-card-point .col-md-3{ padding-left:5px; padding-left:5px;}
.sponge-card-point .sponge-card{min-height:0;}
.sponge-card-point .sponge-card .card-header{padding:10px; line-height:15px; font-weight:600;}
.sponge-card-point .sponge-card .card-body{padding:10px; font-size:16px;}
.sponge-card .card-body .sponge-card-mileage{ font-size:20px; }
.sponge-card .card-body .sponge-card-mileage h4{ font-size:20px; background-image:none !important; padding-left:0px !important; margin-top:0px; color:#555; margin-bottom:25px; font-weight:normal; }
.sponge-point-Batch{text-align:center; line-height:none; font-weight:600; }
.sponge-point-Batch > span{ display:inline-block; width:65px; height:65px; border-radius:50%; background-color:#007fb6; font-size:40px; text-align:center; color:#FFF; margin-bottom:10px; }
.sponge-point-Batch > span.orange{ background-color:#ff6c00; }
.sponge-point-Batch > span.lightgray{ background-color:#929292; }
.sponge-point-Batch > span.yellow{ background-color:#FFC107; }
.sponge-point-Batch > span.blue{ background-color:#0e5db7; }
.sponge-point-Batch > span.purple{ background-color:#7f00e1; }
.arrowBox2019-mileage i{ font-size:200%; vertical-align:middle; margin-right:10px;}


.sponge-card-clicker{ margin-bottom:15px; min-height:0; border-radius:0px; /*border-width:2px;*/}

.sponge-card-clicker .card-head{ padding:5px 15px; border-bottom:1px solid #ddd;}
.sponge-card-clicker .card-img-box{padding:0px;}
.sponge-card-clicker .card-img-box > div{ width:100%; height:140px; text-align:center; overflow:hidden; background-color:#eee; }
.sponge-card-clicker .card-img-box > div img{ width:100%;transform: translateY(0);transition: transform 0.25s ease; }
/*.sponge-card-clicker .card-img-box > div img:before{ transform: translateY(0);transition: transform 0.25s ease; }*/
.sponge-card-clicker .card-img-box > div img:hover{transform: translateY(-5px);}
.sponge-card-clicker .card-text-box{padding:5px 5px 5px 10px;}
.sponge-card-clicker .card-text-box .card-title{ margin:0px 0 5px 0; font-size:16px; color:#000; font-weight:600;}
.sponge-card-clicker .card-text-box .card-title a{color:#000;}
.sponge-card-clicker .card-text-box .btn-xs{ min-width:30px;}


.form-horizontal .control-label.sponge-text-align-center{text-align:center;}
/*.box-UcFilePosted > div{ display:inline-block; }*/


/*팝업*/
.popupBackground{background: url('/Sponge/Images/popup/Background.png');  width:850px; border:1px solid #a6a6a6; margin:30px auto 0 auto; letter-spacing:-1px; }
.popupGuide{background: url('/Sponge/Images/popup/MONITOR.png') no-repeat left top; padding:40px 10px 20px 470px; color:#949494; min-height:410px; }
.popupGuide h1{font-size:32px; color:#1aaec6; margin-bottom:10px; }
.popupGuide h2{font-size:35px;  color:#2c2c2c;  margin-bottom:10px; font-weight:600; line-height:55px;}
.popupGuide h2 span{ color:red;font-size:45px; }
.popupGuide h3{font-size:24px; margin:20px 0; }
.popupGuide p{font-size:14px; }
.popupGuide p span{ color:#2c2c2c;}

.sponge-display-inline-block{display:inline-block;}



.sponge-class-search { position:relative; width:100%; }
.sponge-class-search > ul { width:33%; display:inline; /*border-left:3px dotted  #c6c6c6;*/ float:left; text-align:left; padding:0px; margin:0px;}
.sponge-class-search > ul:first-child { border-left:0px dotted  #c6c6c6;}
.sponge-class-search > ul li{  clear:both; width:100%;}
.sponge-class-search > ul li a:first-child{ width:15%; float:left; display:inline; text-align:right;  }
.sponge-class-search > ul li a:last-child{ width:83%; float:right; display:inline;  }

.sponge-list-board-detail .sponge-sns { display:inline-block; margin-left:10px; vertical-align:middle; }
.sponge-list-board-detail .pull-right{ padding-bottom:10px; padding-top:40px; }

/*.sponge-sns{ width:100%; text-align:right; padding-bottom:10px; }*/
.sponge-sns .sns { cursor: pointer; display: inline-block; clear: none; text-align: center; width:29px; height:29px; background: url('/Sponge/Images/icon/sponge-sns.png') no-repeat left top;  } 
.sponge-sns .sns01 { background-position-x:left;} /*페이스북*/
.sponge-sns .sns02 { background-position-x:-30px;} /*트위터*/
.sponge-sns .sns03 { background-position-x:-60px;} /*구글플러스*/
.sponge-sns .sns04 { background-position-x:-90px;} /*카카오스토리*/
.sponge-sns .sns05 { background-position-x:-120px;} /*네이버밴드*/
.sponge-sns .sns06 { background-position-x:-150px;} /*네이버 블로그/카페*/
.sponge-sns .sns07 { background-position-x:-180px;} /*카카오톡*/
.sponge-sns .sns08 { background-position-x:-210px;} /*인스타그램*/
.sponge-sns .sns09 { background-position-x:-240px;} /*유튜브*/
.sponge-sns .sns10 { background-position-x:-270px;} /*주소복사*/
.sponge-sns .sns11 { background-position-x:-300px;} /*네이버블로그*/
.sponge-sns .sns12 { background-position-x:-330px;} /*네이버카페*/

.sponge-sns-small .sns{ width:21px; height:21px; background-image: url('/Sponge/Images/icon/sponge-sns-small.png'); vertical-align:middle; } 
.sponge-sns-small .sns01 { background-position-x:left ;} /*페이스북*/
.sponge-sns-small .sns02 { background-position-x:-22px;} /*트위터*/
.sponge-sns-small .sns03 { background-position-x:-44px;} /*구글플러스*/
.sponge-sns-small .sns04 { background-position-x:-66px;} /*카카오스토리*/
.sponge-sns-small .sns05 { background-position-x:-88px;} /*네이버밴드*/
.sponge-sns-small .sns06 { background-position-x:-110px;} /*네이버 블로그/카페*/
.sponge-sns-small .sns07 { background-position-x:-132px ;} /*카카오톡*/
.sponge-sns-small .sns08 { background-position-x:-154px;} /*인스타그램*/
.sponge-sns-small .sns09 { background-position-x:-176px;} /*유튜브*/
.sponge-sns-small .sns10 { background-position-x:-198px;} /*주소복사*/
.sponge-sns-small .sns11 { background-position-x:-220px;} /*네이버블로그*/
.sponge-sns-small .sns12 { background-position-x:-242px;} /*네이버카페*/



/* Book */
.sponge-detail-book{position:relative; width:100%; height:190px; margin:0px auto 0 auto; border-top: none;box-sizing: border-box; background: #f6f6f6;}

.sponge-detail-book .title{ border-bottom:0px; }
.sponge-detail-book .nav-tabs{border-bottom:0px;}
.sponge-detail-book .nav-tabs > li > a{font-size:20px; border:0px; border-right:1px solid #eee !important; height:23px !important; padding:0 20px; margin:0px; font-weight:normal; color:#000  }
.sponge-detail-book .nav-tabs > li:first-child > a{ padding-left:0; }
.sponge-detail-book .nav-tabs > li:last-child > a{border-right:0px solid #eee !important; padding-right:0; }
.sponge-detail-book .nav-tabs > li.active > a,
.sponge-detail-book .nav-tabs > li.active > a:hover,
.sponge-detail-book .nav-tabs > li.active > a:focus, .sponge-detail-booklist-newbook .nav-tabs > li > a:hover, .sponge-detail-booklist-newbook .nav-tabs > li > a:focus  {  color:#a72b43 !important; background-color:transparent; border:0px; }
.sponge-detail-book .nav > li > a:hover, .sponge-detail-book .nav > li > a:focus{background-color:transparent;}
.sponge-detail-book a.main-more-icon{position:absolute; right:0px; top:20px; padding:3px 15px 2px 15px; background-image:none; font-size:11px; border:1px solid #d2d6d5; border-radius:15px; height:auto; width:auto; color:#888888; font-weight:600; top:5px; }
.sponge-detail-book a.main-more-icon i{ display:inline-block; background:url('/Users/Dscl/Images/main/more-span.png') no-repeat left top; width:6px; height:9px; }

.sponge-page-guide .sponge-detail-book ul{ padding-left:0px;}
.sponge-page-guide .sponge-detail-book li{ background-image:none !important; padding-left:0px;}
.sponge-page-guide .sponge-detail-book li::before{ display:none; }
.sponge-detail-book > ul > li{width:100%; }
.sponge-detail-book > ul > li > h2{position: relative;height:51px;border-bottom: 1px solid #dcdcdc;border-top: 1px solid #e8e8e8;font-size:16px;font-weight:normal;line-height: 51px;background: #fff;}
.sponge-detail-book > ul > li h2{border-right: 1px solid #e8e8e8;}
.sponge-detail-book > ul > li:first-child h2{margin-left: -1px;border-left: 1px solid #e8e8e8;}
.sponge-detail-book > ul > li:last-child h2{width: 100%;}
.sponge-detail-book > ul > li > h2 a{display:block;color:#414141;transition: color 0.25s ease;}
.sponge-detail-book > ul > li.active > h2{height: 52px;border-bottom:none;font-size:18px;line-height: 52px;display: inline-block;width: 100%;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;position: relative;z-index: 1;width: 100%;margin-left: -1px;}
.sponge-detail-book > ul > li.active > h2 a{color: #06603c;position: relative;}
.sponge-detail-book > ul > li > div{display:none;position:absolute;top:20px;left:0;width:100%}
.sponge-detail-book > ul > li p.noData{display:none;position:absolute;top:90px;left:25px;}
.sponge-detail-book > ul > li.active p.noData{display:block}
.sponge-detail-book > ul > li.active > div{display:block}
.sponge-detail-book > ul > li> h2 a:before{content: '';opacity: 0;display: block;position: absolute;top: 0;right: 50%;left: 50%;height: 3px;background-color: #06603c; transition: right 0.25s ease, left 0.25s ease, opacity 0.25s ease;}
.sponge-detail-book > ul > li.active > h2 a:before{left: 0;right: 0;opacity: 1;}
.sponge-detail-book > ul > li > div > div{position:relative;height: 155px;margin:0 35px;overflow:hidden;z-index:10;margin-top: -10px;}
.sponge-detail-book > ul > li > div > div > ul{position:absolute; top: 0; left:0; width:100% !important; /*white-space:nowrap; word-wrap:normal;*/ padding-top:10px; padding-left:0px !important;}
.sponge-detail-book > ul > li > div > div > ul > li{float:left;width:218px !important;transform: translateY(0);transition: transform 0.25s ease; text-align:center;}
.sponge-detail-book > ul > li > div > div > ul > li:hover{transform: translateY(-7px);}
.sponge-detail-book > ul > li > div > div > ul > li.noBook{width:100% !important; padding-top:60px; font-size:120%; font-weight:600; background-image:none !important;}
.sponge-detail-book > ul > li > div > div > ul > li.noBook:hover{transform: translateY(0px);}
.sponge-detail-book > ul > li > div > div > ul > li a{display:inline-block;text-align:center; margin:0 auto;}
.sponge-detail-book > ul > li > div > div > ul > li a img{ width: 100px;height: 145px; border:1px solid #eee;}
.sponge-detail-book > ul > li > div > div > ul > li a span{display:block;color:#424242;font-size:12px;text-align:center;overflow:hidden;/*word-break:break-all;white-space:nowrap;text-overflow:ellipsis;*/ display:none;}
.sponge-detail-book > ul > li > div > div > ul > li a span.writer{display:block;color:#acacac;font-size:12px;text-align:center;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis}
.sponge-detail-book ul > li .btns{display:none;position:absolute;top:85px;left:0}
.sponge-detail-book ul > li.active .btns{display:block}
.sponge-detail-book .btns a{position:absolute;top:0;display: block;width: 16px; transition:background 0.25s ease;}
/*.sponge-detail-book .btns a:hover{background-color: #154a46;}*/
.sponge-detail-book .btns a.prev{right: 20px;}
.sponge-detail-book .btns a.next{left: 20px;}
.sponge-detail-book .btns a img{position: relative;top: 50%;margin-top: -8px;vertical-align:top;}
.sponge-detail-book a.more{display: none;position: relative;display: inline-block;float: right;top: -32px;margin-right: 10px;z-index: 10;}
.sponge-detail-book .loginWrap{margin-top: 55px;display: inline-block;text-align: left;margin-left: 50px;padding-left: 151px;min-height: 107px;background: url(../../../../image/ko/local/main/loginIcon.png) no-repeat 0 0;}
.sponge-detail-book .loginTitle{margin-bottom: 4px;font-size: 20px;line-height: 25px;color: #195853;font-weight: normal;} 
.sponge-detail-book .loginTxt{margin-bottom: 15px;font-size: 14px;line-height: 18px;color: #444;}
.sponge-detail-book .loginBtn{display: block;max-width: 222px;height: 42px;line-height: 42px;text-align: center;color: #fff;background-color: #195853;font-size: 14px;transition: 0.25s ease; }
.sponge-detail-book .loginBtn:hover{background-color: #154a46;}


.sponge-detail-book-best{ height:250px; }
.sponge-detail-book-best > ul > li > div > div{ height: 235px;}
.sponge-page-guide .sponge-detail-book.sponge-detail-book-best > ul > li > div > div > ul > li{ padding:0 27px 0 29px; height:216px; background: url('/Sponge/Images/background/sponge-detail-book-best.png') no-repeat center top !important;  margin-bottom:15px;}
.sponge-page-guide .sponge-detail-book.sponge-detail-book-best > ul > li > div > div > ul > li.noBook{width:100% !important; padding-top:60px; font-size:120%; font-weight:600; background-image:none !important;}
.sponge-detail-book-best > ul > li > div > div > ul > li a{ padding:20px; height:216px; width:162px; text-align:left; overflow:hidden; position:relative; }



.sponge-detail-book-best > ul > li > div > div > ul > li a > div{ display:block; min-height:50px; font-size:15px; text-align:left; position:absolute; width:122px; height:50px; overflow-x:hidden; word-break:break-all;white-space:nowrap;text-overflow:ellipsis; }
.sponge-detail-book-best > ul > li > div > div > ul > li a span{ display:block;  font-size:15px; text-align:left; }
.sponge-detail-book-best > ul > li > div > div > ul > li a span:first-child{ height:50px; margin-bottom:20px; color:#007fb6;text-overflow:ellipsis;}
.sponge-detail-book-best > ul > li > div > div > ul > li a span:last-child{ margin-bottom:0px; height:auto;}


.sponge-detail-book-SubjectRead{ background-color:transparent; width:1128px; height:170px;}
.sponge-detail-book-SubjectRead > ul > li > div > div > ul > li{width:117px !important;}
.sponge-detail-book-SubjectRead .btns a.prev{right: 0;}
.sponge-detail-book-SubjectRead .btns a.next{left: 0;}

.sponge-search-result{ padding:0px; margin:0px; font-size:110%; font-weight:600;}

.sponge-table-default-sort{float:right; line-height:5px; width:10px; position:relative; vertical-align:top;}
.sponge-table-default-sort a{ position:absolute; top:0px; cursor:pointer;}
.sponge-table-default-sort a:last-child{ top:10px;}


.SearchBookList-date{ margin-bottom:10px;}
.SearchBookList-date input[type="text"]{  width:100px; color: rgb(0, 0, 0);}

.sponge-font-20{font-size:20px !important;}
.sponge-font-24{font-size:24px !important;}
.sponge-font-30{font-size:30px !important;}

.popover{min-width:250px;}
/*input::placeholder { color: red; font-style: italic; }
input::-webkit-input-placeholder { color: red; font-style: italic;}
input:-ms-input-placeholder { color: red; font-style: italic;}*/
.sponge-page-guide .sponge-search-ebsco .pagination > li { background-image: none !important; padding-left: 0px !important; }

.sponge-error-message{position:relative; display:table; background-color:#e7e7e7; width:100%; border-radius:5px; padding: 30px; font-size:30px; min-height:364px; }
.sponge-error-message .sponge-error-message-text{ display:table-cell; vertical-align:middle; height:300px; width:100%; padding-right:500px; padding-left:50px; position:relative; }
.sponge-error-message .sponge-error-message-text > i.fas.fa-ban{ font-size:40px; vertical-align:middle; color:#de3535; position:absolute;left:0; margin-top:6px;  }
.sponge-error-message .sponge-error-message-img{  position:absolute; right:0px; top:0px;}


.sponge-list-title > a{ color:#2e6ea6;}
.page-search-right-refine span.textcolorgrey{ color:#4b8fcc;}
.search-list-etc span.sponge-color-blue{ color:#ec6133;}


.sponge-cursor-pionter{ cursor:pointer; }


.fa-img .fa-file-hwp-img{ height:13px;}


.far.fa-trash-alt.sponge-color-red:hover{ opacity:0.8; }


.sponge-layout-sub-search{ width:1315px; margin:0 auto; /*height:40px;*/ position:absolute; top:-15px; }
.sponge-layout-sub-search > div{position:absolute; right:0; width:320px; top:30px; z-index:3; }
.sponge-layout-sub-search > div > form{ width:100%; float:right; position:relative; }
.sponge-layout-sub-search > div > form label{ display:none; }
.sponge-layout-sub-search > div > form input[type="text"].form-control{margin:0; border:2px solid #000; min-height:42px;}
.sponge-layout-sub-search > div > form .btn{ position:absolute; right:0; top:0; height:42px; border-radius:2px; background-color:transparent; padding:5px 7px; }
.sponge-layout-sub-search > div > form .btn > i{ font-size:26px; }

.sponge-autocomplete-btn{ right:40px; top:6px; position:absolute;}
.sponge-form-inline-searchengine .sponge-autocomplete-btn{ right:5px; top:3px;}
.sponge-autocomplete-btn > .btn, .sponge-layout-sub-search > div > form .sponge-autocomplete-btn > .btn{ border:1px solid #ddd; border-radius:0; background-color:#fff; height:auto; position:unset; padding:2px; font-size:11px; }


/*input[type="radio"], input[type="checkbox"] {position: relative;width: 28px; height: 17px; -webkit-appearance:none; background: linear-gradient(90deg, #666, #666); outline: none; border-radius: 20px;  display: inline-block; border:1px solid #666;}
input:checked[type="radio"], input:checked[type="checkbox"] { background: linear-gradient(90deg, #5aa8dd, #1c6db2); border-color:#5aa8dd;} 
input[type="radio"]:before, input[type="checkbox"]:before { content: ''; position: absolute; width: 15px; height: 15px; background-color: #fff; border-radius: 50%;  transition:all 0.3s;left:0;}    
input:checked[type="radio"]:before, input:checked[type="checkbox"]:before{ left:11px; }*/

.sub-background-bottom{}
.sponge-layout-content-sub{ padding-top:110px; position:relative;}
.sponge-layout-content-sub-2021{ width:1315px; margin:0 auto; }

.board-select2{ margin-bottom:10px; position:absolute;}
.board-select2 > select{ margin:0; padding:7px 15px; height:36px; background-color:transparent; border-color:transparent; }


.onroad-board dd span.btn.btn-xs{color:#fff; background-color:#276cc4; border-color:#276cc4; opacity:1; }
.onroad-board dd span.btn.btn-xs.btn-info{ background-color:#52d0b7; border-color:#52d0b7; }
.onroad-board dd span.btn.btn-xs.btn-primary{ background-color:#3498db; border-color:#3498db; }





.sponge-QRcod{ background: url('/Sponge/Images/guidePage/QrTopBg.png') no-repeat !important; width:833px; text-align:center; padding:0 100px; margin:0 auto 30px auto !important; }
/*.sponge-QRcod h4{width:100%; padding:40px 0 !important; color:#fff !important; background-image:none !important;  font-size:36px !important; font-weight:600; border-radius:10px 10px 0 0;}*/
/*.sponge-page-guide.sponge-QRcod h4, .sponge-page-guide .sponge-QRcod h4, .sponge-QRcod h4{ border-top-width:0; padding:15px 0; color:#fff; font-size:30px;  background-color:#3384cd; margin-top:50px; }
.sponge-QRcod > h4:first-child{ margin-top:0px; }*/

.sponge-QRcod h4{width:100%; border-top-width:0; background-color:#eee; padding:10px; margin-top:30px; border:1px solid #ddd;}
.sponge-QRcod .sponge-guide-Box{ padding:20px 0; border-top-width:0; margin-top:0;}
.HomepageUserGuide.sponge-QRcod .sponge-guide-Box.row, .HomepageUserGuide.sponge-QRcod .sponge-guide-Box{ padding:20px; margin:0; }
.HomepageUserGuide.sponge-QRcod .sponge-guide-Box.row > div, .HomepageUserGuide.sponge-QRcod .sponge-guide-Box .row > div{ padding:0px; margin:0; }
.sponge-page-guide.sponge-QRcod h4::before, .sponge-page-guide .sponge-QRcod h4::before, .sponge-QRcod h4::before{ display:none; }
.sponge-QRcod h5{width:100%; padding:0 0;  background-image:none;  font-size:20px; font-weight:600;}
.sponge-QRcod h5::before{ display:none; }
.sponge-QRcod p{width:237px; height:237px; margin:20px auto 10px auto; padding-top:35px;}
.sponge-QRcod p img{width:166px; height:166px;}
.sponge-QRcod .qr-list{}
.sponge-QRcod .qr-list h5{ margin-top:40px;}
.sponge-QRcod .qr01 p{ background: url('/Sponge/Images/guidePage/QrBg01.png') no-repeat;}
.sponge-QRcod .qr02 p{ background: url('/Sponge/Images/guidePage/QrBg02.png') no-repeat;}
.sponge-QRcod .qr03 p{ background: url('/Sponge/Images/guidePage/QrBg03.png') no-repeat;}

.sponge-QRcod-small .qrList{ padding:0px 15px;}
.sponge-QRcod-small p{width:180px; height:180px; padding-top:25px; text-align:center;}
.sponge-QRcod-small p img{width:130px; height:130px;}
.sponge-QRcod-small .qr01 p{ background-Image: url('/Sponge/Images/guidePage/QrBg01_small.png');}
.sponge-QRcod-small .qr02 p{ background-Image: url('/Sponge/Images/guidePage/QrBg02_small.png');}
.sponge-QRcod-small .qr03 p{ background-Image: url('/Sponge/Images/guidePage/QrBg03_small.png');}


.sponge-QRcod-bg-none{ background-image:none !important; width:100%; padding:0 0 !important; margin:0 auto 30px auto !important; }
/*.sponge-QRcod-bg-none h4{ padding:20px 0 !important;  background-color:#5aa8dd !important; font-size:16px !important; }*/
.sponge-QRcod-bg-none h5.title{ background:#f1f1f1 url('/Sponge/Images/title/title_h5_bg.png') no-repeat right 12px !important; color:#000; font-size:15px !important; text-align:left;  padding:10px 20px !important; }

.sponge-QRcod-bg-none .sponge-page-boxGide{  text-align:left; margin:10px 0; min-height:145px;}
.sponge-QRcod-bg-none .sponge-page-boxGide.sponge-text-align-center{  text-align:center; }
.sponge-QRcod-bg-none .sponge-page-boxGide span, .ClickerUserGuide .sponge-text-align-center span{ color:#0166b0; }
.sponge-QRcod-bg-none .sponge-page-boxGide strong, .ClickerUserGuide .sponge-text-align-center strong{ color:#ff2d6d; }
.sponge-QRcod-bg-none .phonetext{  }

.sponge-QRcod-bg-none .sponge-page-boxGide.sponge-page-boxGide-100p{width:100%; min-height:1px; padding:15px; margin:15px 0; text-align:center; }

.ClickerUserGuide .qrList{ float:none; /*vertical-align:top;*/ display:inline-block; vertical-align:top; }
.ClickerUserGuide .qrList h5{  text-align:center; background-image:none !important; background-color:transparent !important;}
/*.sponge-page-guide .ClickerUserGuide h4, .sponge-page-guide .ClickerUserGuide > h4.frist{ padding:20px; background-color:#5aa8dd; color:#fff; border-radius:5px 5px 0 0; }
.sponge-page-guide .ClickerUserGuide h4::before{ display:none;}*/
.ClickerUserGuide h5{text-align:left;}
.sponge-page-guide .ClickerUserGuide h5::before{ display:none;}
.ClickerUserGuide h6{text-align:left; }
.ClickerUserGuide .phoneList { /*float:none;*/ /*width:32% !important;*/  vertical-align:top; text-align:center; }
.ClickerUserGuide .phoneList > p{ width:auto; height:auto; margin:10px auto; padding-top:0;}
.ClickerUserGuide .phoneList p.phoneimg{background: url('/Sponge/Images/guidePage/phone_bg.png') no-repeat; display:block; width:340px; height:577px; margin:0 auto; padding:42px 0px 0px 0px  !important; overflow-y:hidden !important; }
.ClickerUserGuide .phoneList p.phoneimg img{ width:296px; height:auto; max-height:493px; overflow-y:hidden; }

.HomepageUserGuide .phoneList, .HomepageUserGuide.sponge-QRcod .sponge-guide-Box.row > div.phoneList, .HomepageUserGuide.sponge-QRcod .sponge-guide-Box .row > div.phoneList { padding:0px; min-height:255px; position:relative; margin-bottom:20px;}
.HomepageUserGuide .phoneList > p{ height:30px; font-size:15px; font-weight:600; color:#000; }
.HomepageUserGuide .phoneList p.phoneimg{background: url('/Sponge/Images/guidePage/phone_bg2.png') no-repeat; width:290px; height:492px;  }
.HomepageUserGuide .phoneList p.phonetext{ padding:50px 40px !important; }
.HomepageUserGuide .phoneList > p.text{ background-color:rgba(0, 0, 0, 0.7); border-radius: 0 0 20px 20px;  padding:10px 5px; width:96%; position:absolute; bottom:0px; min-height:80px; margin:0 2%; color:#fff; display:table-cell; vertical-align:middle;}
.HomepageUserGuide .phoneList p.phoneimg img{ width:246px; max-height:408px; }
.sponge-page-guide .phoneList ul{ padding:15px; background-color:#555; color:#fff; width:290px; margin:-90px auto 0 auto; display:block; min-height:231px;  margin-bottom:30px;}
.HomepageUserGuide .row{ margin:0; padding:0; }


.HomepageUserGuide_2020{margin-bottom:0px;}
.HomepageUserGuide_2020 .phoneList div.phoneimg{background: url('/Sponge/Images/guidePage/phone_bg2.png') no-repeat; width:290px; height:492px; padding:42px 22px 42px 22px !important; margin:0 auto;  }
.HomepageUserGuide_2020 .phoneList div.phoneimg > p{ width:246px; height:408px; overflow:hidden; margin-top:0px !important; padding-top:0px !important; }
.HomepageUserGuide_2020 .phoneList div.phoneimg img{ width:246px; height:auto;  }

.HomepageUserGuide_small{margin-bottom:0px;}
.HomepageUserGuide_small .phoneList div.phoneimg{background: url('/Sponge/Images/guidePage/phone_bg3.png') no-repeat; width:230px; height:392px; padding:32px 17px 22px 17px !important; margin:0 auto;  }
.HomepageUserGuide_small .phoneList div.phoneimg > p{ width:196px; height:338px; overflow:hidden; margin-top:0px !important; padding-top:0px !important; }
.HomepageUserGuide_small .phoneList div.phoneimg img{ width:196px; height:auto;  }


.sponge-QRcod-small .mobile-guide-none p{ padding:0; width:100%; height:auto; margin:0;}
.sponge-QRcod-small .mobile-guide-none p img {width:100%; height:auto;}
.sponge-QRcod-small .mobile-guide-none p.text{ padding:5px; width:100%; background-color:rgba(0, 0, 0, 0.55); color:#fff; margin-bottom:20px;}
/*.modal-open .modal-backdrop{margin-right:0;}


.menuWrap{z-index:4 !important;}

.sponge-layout-sub-search{z-index:3;}
#GNB{ z-index:4 !important;}*/

/*.sponge-navbar-brand{z-index:1020 !important;}*/

.sponge-page-guide.sponge-list-board.sponge-list-board-detail{ /*padding:0 0;*/}
.sponge-page-guide.sponge-list-board.sponge-list-board-detail h4{ padding:20px 0;  margin:0; text-align:center;  border-top:3px solid #444444; border-bottom:1px solid #b9b8b8; width:100%; color:#000;}
.sponge-page-guide.sponge-list-board.sponge-list-board-detail h4 .sponge-book-title { font-size:26px; color:#444444; }
.sponge-page-guide.sponge-list-board.sponge-list-board-detail h4::before{ display:none; }
.sponge-page-guide.sponge-list-board.sponge-list-board-detail h4 > span.btn.btn-xs{ padding: 1px 5px;    font-size: 70%;  font-weight:normal; margin-top:-4px;  }


.sponge-page-guide.sponge-list-board.sponge-list-board-detail .pull-right{ margin:0; padding:10px 0; width:100%; border-bottom:1px solid #b9b8b8; text-align:right;}


.sponge-panel-default{ border-radius:0; border-width:0; border-bottom:1px solid #eeeeee; box-shadow:none; }
.sponge-panel-default > .panel-heading{ padding:5px 10px; border-width:0; border-top:3px solid #444444; border-bottom:1px solid #eeeeee; border-radius:0;}

.sponge-panel-default textarea{ min-height:100px;}
.sponge-panel-default .panel-body{ padding:15px 0;}

.sponge-nutshell-list{ border:1px solid #ddd; border-top-width:3px; border-bottom-width:2px; display:block;}
.sponge-nutshell-list > a{ width:33.3%; display:inline-block;  border:1px solid #ddd; border-left-width:0; float:left; padding: 5px 15px;  margin: 0; margin-top:-1px; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.sponge-nutshell-list > a:nth-child(3n+3){ width:33.4%; border-right-width:0; }
.sponge-nutshell-list > a:nth-child(1), .sponge-nutshell-list > a:nth-child(2), .sponge-nutshell-list > a:nth-child(3){ border-top-width:0; }

/*.sponge-mylibrary-chart .col-md-8 #chart > div > div{  width:100% !important; height: auto !important;}
.sponge-mylibrary-chart svg:not(:root){ width:100% !important;}*/

/*.sponge-mylibrary-chart h5{ margin-top:0;}*/
.sponge-mylibrary-chart .sponge-page-boxGide{ min-height:232px;}
.sponge-mylibrary-chart .sponge-search-newbook{text-align:center;}
.sponge-mylibrary-chart .sponge-search-newbook ul{ padding-top:25px; height:180px;}
.sponge-mylibrary-chart .sponge-search-newbook li{ width:30%; display:inline-block;}


.label-ing{background-color:#0c3058;}

.sponge-booknavi-form{}
.sponge-booknavi-form label{ margin-bottom:5px; }
.sponge-booknavi-form .form-control{ margin:0 0 20px 0; padding:10px; height:auto; }
.dropdown-menu > li::before{display:none;}


select.form-control, select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; vertical-align:middle;
background:#fff url('/sponge/Images/Arrow/select-arrow.png') no-repeat center right !important; /* 화살표 모양의 이미지 */ padding:0 19px 0 5px; }
select.form-control:hover, select:hover { opacity:0.8; }
/*select.form-control:focus, select:focus { rotation:180deg; }*/

select.form-control::-ms-expand {
   display: none;
}

/*input[type=checkbox].css-checkbox + label {
    display: inline-block; 
    height: 20px; 
    padding-left: 30px !important; 
    line-height: 20px !important; 
    background: url(../images/bg_checkbox.png) no-repeat 0 0; 
    background-size: 20px; 
    cursor: pointer; 
    vertical-align: middle; 
    font-size: 15px;
}
input[type=checkbox].css-checkbox:checked +label {background-position:0-20px;}*/


.sponge-scroll-y{max-height:700px; overflow-y:auto;}




/* sponge_board_list */
.sponge_board_list {overflow:hidden; margin:0 -1%; }
.sponge_board_list > li {float:left; width:23%; margin:0 1% 27px 1%; padding:3px; background-image:none;  position:relative;}
/*.sponge_board_list > li.project-height375 { height:400px; }*/
.sponge_board_list > li.on {background-color:#f4f4f4;}

.sponge_board_list > li > a {display:block;}

.sponge_board_list .img_box { position: relative; z-index: 1; padding-bottom: 75%; text-align: center; border: 1px solid #ddd; border-bottom: 0; overflow: hidden; }
.sponge_board_list .img_box img{ width:100%; }
.sponge_board_list .img_box .inner_box {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; }
.sponge_board_list .img_box .inner_box a.sponge_img, .sponge_board_list .img_box .inner_box .sponge_img{display:block; width:266px; height:190px; background:#eee url('/sponge/Users/Dsclm/Images/favicon_opacity.png') no-repeat center center; background-size:50%; }
.sponge_board_list .img_box .inner_box a.sponge_img img, .sponge_board_list .img_box .inner_box .sponge_img img {display: inline; width:266px; height:190px; object-fit:cover; }/*11111111111111111*/
a.sponge_img .ready_box, .sponge_img .ready_box { padding-top:40px; font-size:120%; vertical-align:middle; color:#fff; display: inline; width:100%; height:100%; opacity:1 !important; position:absolute; top:0; left:0; background-color:rgba(0, 0, 0, .6);}

.sort { z-index:2;width:auto;min-width:50px;height:18px;padding:3px 5px;font-size:12px;line-height:18px; background-color:#51a0e3; color:#fff; font-size:13px; text-align:center; }
.sort2{background-color:#048eac;}
.sort3{background-color:#f6921e;}
.sort4{background-color:#30b6ae;}
.sort5{background-color:#F15F5F;}
.sort6{background-color:#47C83E;}

.sponge_board_list .hover_box{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; opacity:0; visibility:hidden; transition: opacity 0.5s; -ms-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s;}
.sponge_board_list .hover_box a{display:inline-block; margin:0 10px; vertical-align:middle;}
.sponge_board_list > li:hover .hover_box{background-color:rgba(0,0,0,0.8); opacity:1; visibility:visible;}
.sponge_board_list .hover_box:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle;}

.sponge_board_list > li .hover_box.close_event {background-color:rgba(127,108,89,0.9); visibility:visible; opacity:1; color:#fff;}
.sponge_board_list > li .hover_box.close_event p{font-size:1.13em; display:inline-table;}

.sponge_board_list .txt_box{position: relative; z-index: 1; border:1px solid #d2d2d2; text-align:center; padding:6px; color:#000;}
.sponge_board_list .txt_box .name{font-weight:500; margin-bottom:5px; height:1.2em; white-space: nowrap; word-break: break-all; line-height:1.2em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow:hidden;}
.sponge_board_list .txt_box .period{word-break:break-all;}
.sponge_board_list .txt_box .period span{vertical-align:middle; margin-right:10px; color:#ccc;}
.video_bg {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background: rgba(0,0,0,0.2) url('/images/sub/video_bg.png') center center no-repeat;}
.sponge_board_list .txt_box .tit {display:-webkit-box; overflow:hidden; height:2.4em; line-height:1.2em; color:#000; font-size:0.93em; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; -ms-word-break: keep-all; word-break: keep-all;}

.sponge_board_list .txt_box .txt_box_btn{ margin:15px 0 0 0; width:100%; display:inline-block; }
.sponge_board_list .txt_box .txt_box_btn > div{ margin:0; margin:0 1.7% 0 0; float:left; display:inline-block; width:32.1%; overflow:hidden; }
.sponge_board_list .txt_box .txt_box_btn > div:last-child{ margin:0 0 0 0;  float:right;}
.sponge_board_list .txt_box .txt_box_btn .btn{ border:1px solid #d2d2d2; padding:5px 0; width:100%; display:block; border-radius:0px; min-height:30px; margin-bottom:3px; }
.sponge_board_list .txt_box p{margin-bottom:0px;}

.sponge_board_list .info_box {height:16px; color:#7a7a7a; font-size:0.93em;}
.sponge_board_list .info_box span {display:inline-block; vertical-align:top;}
.sponge_board_list .info_box span:before {content:"|"; padding:0 5px;}
.sponge_board_list .info_box span:first-child:before {display:none;}
.sponge_board_list.keep .img_box .inner_box {font-size:0;}
.sponge_board_list.keep .img_box img {width:auto; height:auto; vertical-align:middle;}

/* sponge_board_list.project */
/*.sponge_board_list.project .img_box{padding-bottom:65%;}*/
.sponge_board_list.project .txt_box{text-align:left; position:relative; padding-bottom:65px;}
/*.sponge_board_list.project .txt_box .name{display:-webkit-box; height:2.8em; white-space: pre-line; color:#000; font-size:1.13em; line-height:1.4em; margin-bottom:8px; -ms-word-break: keep-all; word-break: keep-all;}*/
.sponge_board_list.project .txt_box .name{display:-webkit-box; height:2.8em; white-space: normal; color:#000; font-size:1.13em; line-height:1.4em; margin-bottom:8px; -ms-word-break: keep-all; word-break: keep-all;}

.sponge_board_list.project .txt_box .period{margin-bottom:8px;}
.sponge_board_list.project .txt_box .period, .sponge_board_list.project .txt_box .period span{color:#f6921e;}
.sponge_board_list.project .txt_box .list1 li{color:#333;  word-break:break-all; letter-spacing:-0.8px; background-image:none;  }
.sponge_board_list.project .txt_box .list1 li:before{display:inline-block; content:''; width:5px; height:4px; background-color:#000; margin-right:5px; position:relative; top:-4px;}
.sponge_board_list.project .txt_box .list1 li strong{color:#000; /*font-weight:400; margin-right:5px;*/}

.sponge_board_list.project .txt_box .list1 li.admin_btn{ padding:0; display:block;}
.sponge_board_list.project .txt_box .list1 li.admin_btn > a{ width:49%; float:left; }
.sponge_board_list.project .txt_box .list1 li.admin_btn > a:last-child{ float:right; }


.sponge_board_list.project .txt_box .state{position:absolute; left:0; bottom:0; width:100%; padding:15px 0; text-align:center; background-color:#d95b17; color:#fff; font-size:1.06em; font-weight:500;}
.sponge_board_list.project .txt_box .state2{background-color:#d7b43b;}
.sponge_board_list.project .txt_box .state3{background-color:#939393;}
/* // sponge_board_list.project */

.sponge_board_list.club .txt_box{padding-bottom:10px;}

/* sponge_board_list.manual */
.sponge_board_list.manual .img_box {padding-bottom:100%;}
.sponge_board_list .makers {position:absolute; right:0; top:0; z-index:1; width:80px; height:30px; padding:2px 5px; background-color:#FFF; border:1px solid #d2d2d2; text-align:center;}
.sponge_board_list .makers img {max-height:25px;}

.sponge_board_list.community .txt_box .state {background-color:#af9e8c;}
.sponge_board_list.community .txt_box .store a{color:#fff; float:left; width:50%; border-right:1px solid #fff;}
.sponge_board_list.community .txt_box .store a:last-child{border-right:0;}
.comm_makers {position:absolute; right:0; top:0; z-index:1; height:30px; line-height:30px; padding:0 10px; background-color:#FFF; color:#696565; font-size:0.86em;}
.comm_util_bx .each {margin-right:10px; color:#7c7c7c;}
.comm_util_bx .each:hover {font-weight:500;}
.comm_util_bx .each.shop {color:#af9e8c;}
.comm_util_bx .each:last-child {margin-right:0;}

/* sponge_sitemap*/
.sponge-sitemap, .sponge-sitemap > ul { width:100%; margin:0 auto; }
.sponge-sitemap > div, .sponge-sitemap > ul > li{ display:inline; width:22.7%; margin-right:3%; float:left; vertical-align:top; }
.sponge-sitemap > div:last-child{ float:right; margin-right:0; }
.sponge-sitemap > div > h4, .sponge-sitemap > ul > li > h4, .sponge-sitemap > ul > li > a{ margin-top:0px; text-align:center; width:100%; padding: 15px 0; background-color:#1a6794; color:#fff; background-image:none; }
.sponge-sitemap > div > ul{margin:0px; padding:0px;}
.sponge-sitemap > div > ul > li{ background-image:none; padding:8px; padding-left:15px; margin:0px;  }
.sponge-sitemap > div > h4::before{ display:none; }

.sponge-page-guide.sponge-sitemap > div > ul > li::before{ top:5px;}



.sponge-sitemap > ul { width:100%; margin:0 auto; }
.sponge-sitemap > ul > li{ display:inline; width:22.7%; margin-right:3%; float:left; vertical-align:top; }
.sponge-sitemap > ul > li:last-child{ float:right; margin-right:0; }
.sponge-sitemap > ul > li::before{ display:none; }
.sponge-sitemap > ul > li > a{ margin-top:0px; text-align:center; width:100%; padding: 15px 0; background-color:#1a6794; color:#fff; background-image:none; display:block; font-weight:normal; font-size:20px; font-weight:600; }
.sponge-sitemap > ul > li > ul{margin:0px; padding:20px 0 ;}
.sponge-sitemap > ul > li > ul > li{ background-image:none; padding:8px; padding-left:15px; margin:0px;  }
.sponge-sitemap > ul > li > h4::before{ display:none; }

.sponge-page-guide.sponge-sitemap > ul > li > ul > li::before{ top:5px;}



/****************** respond ******************/

/* �������� �Խ��� */
.sponge_board_list > li {padding:3px;border:solid 1px #d2d2d2;}
.sponge_board_list .img_box {border:none !important;}
.sponge_board_list .btn_box{padding:0 0; text-align:right; width:100%;}


.sponge_board_list.story .img_box {padding-bottom:100%;}
.sponge_board_list .txt_box {padding:10px 5px;border:none;text-align:left;}
.sponge_board_list .txt_box .name {font-size:18px;font-weight:700 !important;}
.sponge_board_list .txt_box .period {font-size:14px;}
.sponge_board_list > li .hover_box.close_event, 
.sponge_board_list.shop > li:hover .hover_box.close_event {background:rgba(92,122,131,0.9);}
.sponge_board_list .txt_box .mtype {margin-bottom:5px;padding:0 5px;}
.sponge_board_list .txt_box .mtype span {display:inline-block;background:#78808c;padding:0 10px;font-family:'Nanum Gothic' !important;font-size:13px;font-weight:700;color:#fff;text-align:center;line-height:26px;vertical-align:top;}

.sponge_board_list.shop > li .hover_box a > img {width:auto;}
.sponge_board_list.shop .txt_box,
.sponge_board_list.project .txt_box,
.sponge_board_list.manual .txt_box {padding:0;}
.sponge_board_list.shop .txt_box .tit, .sponge_board_list.project .txt_box .name, .sponge_board_list.manual .txt_box .name {height:24px;margin:0 0 10px 0;padding:0 0;background:none;font-size:16px;font-weight:700;line-height:24px; }
.sponge_board_list.project .txt_box .name label.btn { border-radius:20px; padding:2px 5px !important; font-size:70%;}
.sponge_board_list.shop .txt_box .tit2, .sponge_board_list.project .txt_box .name2, .sponge_board_list.manual .txt_box .name2 {height:auto; min-height:24px;}
.sponge_board_list.shop .txt_box .tit a, .sponge_board_list.project .txt_box .name a, .sponge_board_list.manual .txt_box .name a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; height:20px; display:block;}
/*.sponge_board_list.project .txt_box .name a span{ display:inline-block;}*/
.sponge_board_list.news .txt_box .name,
.sponge_board_list.story .txt_box .name {height:48px;margin:5px 0 10px;padding:0 5px;background:none;font-size:18px;font-weight:700;line-height:24px;}
.sponge_board_list.shop .list1 li {margin:0;padding:0 10px;border-top:solid 1px #d2d2d2;}
.sponge_board_list.shop .list1 li:before,
.sponge_board_list.project .list1 li:before {display:none !important;}
.sponge_board_list.shop .list1 li dl {font-size:14px;table-layout:fixed;}

.sponge_board_list.project .list1 li, .sponge_board_list.manual .list1 li {margin:0 0 10px 0;padding:0 0 0 63px;border-top:solid 0px #d2d2d2;font-size:14px;line-height:18px; position:relative; }
.sponge_board_list.project .list2 li, .sponge_board_list.manual .list2 li { padding-left:70px; }
.sponge_board_list.project .list3 li, .sponge_board_list.manual .list3 li { padding-left:85px; }
.sponge_board_list.project .list1 li:nth-last-child(1), .sponge_board_list.manual .list1 li:nth-last-child(1)  { margin-bottom:0px;}
.sponge_board_list.project .list1 li strong {display:inline-block; margin:0 !important;font-weight:700; position:absolute; left:0px;}
.sponge_board_list.project .list1 li:nth-child(1) strong {word-spacing:2px;}
.sponge_board_list.project .txt_box .state {display:block;position:relative;left:auto;bottom:auto;margin-top:10px;background:#ff5a00;}
.sponge_board_list.project .txt_box .state3 {background:#939393;}
.sponge_board_list.project .txt_box .list1{ opacity:0.8;}

.sponge_board_list.manual .list1 li b {display:inline-block;width:50px;margin:0 !important;font-weight:700;}
.sponge_board_list.manual .list1 li.btm:after {content:"";display:block;clear:both;}
.sponge_board_list.manual .list1 li.btm > span {display:inline-block;}
.sponge_board_list.manual .list1 li.btm .comm {float:left;}
.sponge_board_list.manual .list1 li.btm .comm > i {display:inline-block;margin-right:5px;vertical-align:middle;}
.sponge_board_list.manual .list1 li.btm .date {float:right;}

.sponge_board_list.news .txt_box .month {margin:0 -8px -13px;padding:5px 10px;background:#eaeaea;border-top:solid 1px #d2d2d2;font-size:15px;font-weight:700;color:#089ad5;text-align:right;}

.sponge_board_list.community .cmn_btns {display:table;width:100%;margin:15px 0 -5px;table-layout:fixed;border-spacing:4px 0;}
.sponge_board_list.community .cmn_btns > a {display:table-cell;height:42px;padding:9px;font-size:1em;font-weight:700;color:#fff;text-align:center;line-height:24px;vertical-align:middle;transition:background 0.4s;}
.sponge_board_list.community .cmn_btns .cmn_btn {background:#3db3e3;}
.sponge_board_list.community .cmn_btns .cmn_btn:hover {background:#089ad5;}
.sponge_board_list.community .cmn_btns .str_btn {background:#33b6b0;}
.sponge_board_list.community .cmn_btns .str_btn:hover {background:#0da39c;}


/* sponge_board_list.project */
.sponge_board_list.project-left{ margin:0px; padding:0px;}
.sponge_board_list.project-left li{ width:100%; margin:0 0 10px 0; padding:3px; }
.sponge_board_list.project-left .img_box{ width:24%; display:inline-block; float:left; height:200px; overflow:hidden; padding-bottom:0px;}
.sponge_board_list.project-left .img_box .inner_box a.sponge_img, .sponge_board_list.project-left .img_box .inner_box .sponge_img{height:200px; overflow:hidden; position:relative;}
.sponge_board_list.project-left .img_box .inner_box a.sponge_img img, .sponge_board_list.project-left .img_box .inner_box .sponge_img img{height:200px; width:240px;}

.sponge_board_list.project-left .img_box a.sponge_img .ready_box{ position:absolute; width:240px; height:200px; background-color:rgba(0,0,0,.125);}

.sponge_board_list.project-left .txt_box{ width:75%; display:inline-block; float:right; line-height:30px; height:202px; overflow:hidden;}

.sponge_board_list.project-left .txt_box .tit a, .sponge_board_list.project-left .txt_box .name a, .sponge_board_list.project-left .txt_box .name a{ padding:10px 0;}
.sponge_board_list.project-left .txt_box .name{ height:auto; margin:0px; width:100%; white-space:normal; padding:10px 0; font-size:120%;}
.sponge_board_list.project-left .txt_box .name span.font11{ font-size:80%;}






.sponge-team-home > div > div{ border-color: #ddd; border-radius:3px; margin-bottom:15px; }
.sponge-team-home p{ margin:0 0px 10px 0px; line-height:25px;} 
.sponge-team-home > div p:last-child{ margin:0 0 0 0;} 
.sponge-team-home .panel-heading{ padding:5px 10px; color:#000; font-weight:600; }

/*프로필*/
.sponge-team-profile-picture{width:120px; /*height:120px; border-radius:50%;*/ margin:0 auto; overflow:hidden; background-color:#ddd;}
.sponge-team-profile-picture > img, .sponge-team-profile-picture > a > img{ width:100%; }

/*.sponge-team-profile .profile-list{width:100%; padding:5px; text-align:center;}*/
/*.sponge-team-profile ul li{  background: url('/sponge/Images/title/border-icon.png') no-repeat left 15px; padding-left:10px; margin:0; }*/
.sponge-team-profile ul li{ margin:0; background-image:none; padding-left:0px; border-bottom:1px solid #ddd; }
.sponge-team-profile ul li:last-child{ border-bottom:0px solid #ddd; }
.sponge-team-profile ul li span{ opacity:0.7;  }

/*달력*/
.sponge-team-calendar{padding:15px; line-height:18px;}
.sponge-team-calendar .fc-sat { color: blue; }
.sponge-team-calendar .fc-sun { color: red; }
.sponge-team-calendar .fc-basic-view .fc-body .fc-row { min-height: 0; }
.sponge-team-calendar .holiday { color: red; }
.sponge-team-calendar .fc-scroller.fc-day-grid-container { height: auto !important; }

.sponge-team-calendar .fc-toolbar { margin-bottom: 0px; }
.sponge-team-calendar .fc-button.fc-state-default { border-radius: 50%; width: 25px; height: 25px; font-size: 10px; }
.sponge-team-calendar .fc-button.fc-state-default.fc-corner-right { background: url('/sponge/Users/Dsclm/Images/Sub/fc-icon.png') no-repeat center center; }
.sponge-team-calendar .fc-button.fc-state-default.fc-corner-right.fc-next-button { background-image: url('/sponge/Users/Dsclm/Images/Sub/fc-icon-right.png'); }
.sponge-team-calendar .fc-icon { font-size: 13px; display: none; }
.sponge-team-calendar .fc-icon-left-single-arrow:after { top: 0; left: 0; }
.sponge-team-calendar .fc-right .fc-button-group > .fc-today-button.fc-button.fc-state-default.fc-corner-left { margin-right: 5px; border-radius: 10px; width: auto; padding: 0 5px; line-height: 10px; }
.sponge-team-calendar .fc table{ font-size:12px; }

.sponge-team-home ul li.list-group-item{ background-image:none; padding:5px 10px; margin-bottom:-1px; }
.sponge-team-home ul li.list-group-item::before{ display:none; }

.sponge-team-home .panel-body{ padding:10px;}

.sponge-team-home .panel-default > .panel-heading{border-color:#ddd;}

/*.sponge-team-home .panel-default > .panel-heading-black{background-color:#555; color:#fff;}
.sponge-team-home .panel-default > .panel-heading-black .team-more{color:#fff;}*/

.sponge-table-fullcalendar{ margin:0; padding:0;}
.sponge-table-fullcalendar > div{ margin:0; padding:0;}

.sponge-table-box .sponge-table-fullcalendar{ margin-bottom:10px; }
.sponge-table-box .sponge-table-fullcalendar table th, .sponge-table-box .sponge-table-fullcalendar table td{padding:3px;}
.sponge-table-box .sponge-table-fullcalendar table td >div { min-height:0 !important;}
.sponge-table-box .sponge-table-fullcalendar table .fc-day-number{ margin:0px; }
.sponge-table-box .sponge-table-fullcalendar table .fc-grid .fc-day-number{ padding:0px;}
.sponge-table-box .sponge-table-fullcalendar .fc-view-month .fc-event, .sponge-table-box .sponge-table-fullcalendar .fc-view-agendaWeek .fc-event{width:11px !important; height:11px !important; border-radius:50%; margin-top:-20px; margin-left:-3px;}
.sponge-table-box .sponge-table-fullcalendar .fc-day-number{font-size:13px; height:30px; }

.sponge-team-home .panel > .list-group:last-child .list-group-item:last-child{border-bottom:1px solid #ddd;}

.panel-default-bookclub ul.team-home-list{padding:10px; margin-bottom:0;}
.panel-default-bookclub ul.team-home-list > li:last-child{ margin-bottom:0;}
.panel-default-bookclub ul.team-home-list > li > a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; height:20px; display:inline-block;}
.panel-default-bookclub ul.team-home-list > li > p{width:18%;  display:inline-block; float:right; text-align:right;}
.colon{ background: url('/sponge/Images/colon.png') no-repeat; display:inline-block; width:3px; height:5px; }

.tab-content-bus input[type="file"], .tab-content-bus .form-inline .form-control, .tab-content-bus .btn-sponge-default {
    display: inline-block;
    height: 25pt;
}
.tab-content-bus .btn-sponge-default {
    
    padding: 6px 8px 6px 8px !important;
}

.radio-list span{ margin-right:20px;}


.btn-group-mobile-sm > .btn.btn-sponge-default.btn-large, .btn-large{padding:20px 40px !important; font-size:130%;}

.bulwebdb-blue-background { background-color: #0000ff; color: #ffffff; }


.sponge-box-2022-db{}
.sponge-box-2022-db dl{ width:100%; margin-bottom:30px;}
.sponge-box-2022-db dl dt{width:100%; margin-bottom:10px; position:relative; }
.sponge-box-2022-db dl dt span.title{ font-size:16px; color:#555555; font-weight:600;}
.sponge-box-2022-db dl dt span.btn-list{position:absolute; right:0;}
.sponge-box-2022-db dl dt span.btn-list .btn{ padding:4px 5px; border-radius:2px; }
.sponge-box-2022-db dl dt span.btn-list .btn-info{ background-color:#3498db; }
.sponge-box-2022-db dl dt span.btn-list .btn.btn-info:hover{ color:#fff !important; }
.sponge-box-2022-db dl dd{ background-color:#f5f5f5; padding:15px;}


.modal-header h1, .modal-header h2, .modal-header h3,.modal-header h4, .modal-header h5, .modal-header h6{ width:auto; display:inline-block;}

.btn-sponge-default.btn-lg{ padding:8px 14px !important;}

.tab-content > .tab-pane > h5:first-child{ margin-top:0;}





.spongespa-form-dl-top{font-size:11px;}
.spongespa-form-dl-top dl{ height:28px !important; }
.spongespa-form-dl-top input[type="text"], .spongespa-form-dl-top input[type="password"], .spongespa-form-dl-top input[type="date"], .spongespa-form-dl-top select, .spongespa-form-dl-top button, .spongespa-form-dl-top meter, .spongespa-form-dl-top progress, .spongespa-form-dl-top .btn, .spongespa-form-dl-top select.form-control:not([size]):not([multiple])
 { font-size:11px !important; height:25px !important; padding:2px 5px !important;}

.spongespa-form-dl.spongespa-form-dl-top dt{ width:30%; }
.spongespa-form-dl.spongespa-form-dl-top dd{ width:70%; }
.spongespa-form-dl.spongespa-form-dl-top input[type="date"]{ letter-spacing:-1.5px; padding-right:0px !important; }

.spongespa-form-dl.spongespa-form-dl-top dd.spongespa-form-dl-date input{width:49% !important;}


.spongespa-form-dl.spongespa-form-dl-top input[type="date"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    /*-webkit-appearance: none;*/
    margin-top: 4%;
}

/*.spongespa-form-dl{ padding:15px 15px 10px 15px; background-color:#fff; border:1px solid #ddd;}*/
.spongespa-form-dl{ padding:15px 15px 10px 15px; background-color:#f7f7f7; border:1px solid #ddd;}
.spongespa-form-dl-border0{border:0px; padding:0px; background-color:#fff; }
/*.modal-body .spongespa-form-dl{ padding:10px 0 0 0; background-color:#fff; border:0px solid #ddd;}*/
.spongespa-form-dl .card{ margin-bottom:10px; clear:both;}
.spongespa-form-dl dl{ float:left; width:50%; margin-bottom:0px; height:auto; /*min-height:37px;*/ }


.spongespa-form-dl.spongespa-form-dl-col9 dl, .spongespa-form-dl .spongespa-form-dl-col9 dl{ width:11.1%;}
.spongespa-form-dl.spongespa-form-dl-col8 dl, .spongespa-form-dl .spongespa-form-dl-col8 dl{ width:12.5%;}
.spongespa-form-dl.spongespa-form-dl-col7 dl, .spongespa-form-dl .spongespa-form-dl-col7 dl{ width:14.2%;}
.spongespa-form-dl.spongespa-form-dl-col6 dl, .spongespa-form-dl .spongespa-form-dl-col6 dl{ width:16.6%;}
.spongespa-form-dl.spongespa-form-dl-col5 dl, .spongespa-form-dl .spongespa-form-dl-col5 dl{ width:20%;}
.spongespa-form-dl.spongespa-form-dl-col4 dl, .spongespa-form-dl .spongespa-form-dl-col4 dl{ width:25%;}
.spongespa-form-dl.spongespa-form-dl-col3 dl, .spongespa-form-dl .spongespa-form-dl-col3 dl{ width:33.3%;}
.spongespa-form-dl.spongespa-form-dl-col2 dl, .spongespa-form-dl .spongespa-form-dl-col2 dl{ width:50%;}

.spongespa-form-dl.spongespa-form-dl_2n dl dt, .spongespa-form-dl.spongespa-form-dl_2n dl dd, .spongespa-form-dl.spongespa-form-dl_2n dl dd.spongespa-form-dl-checkbox{ width:50%;}
.spongespa-form-dl.spongespa-form-dl-col1 dl, .spongespa-form-dl .spongespa-form-dl-col1 dl{ width:100%;}
.spongespa-form-dl.spongespa-form-dl-col10 dl, .spongespa-form-dl .spongespa-form-dl-col10 dl{ width:10%;}
.spongespa-form-dl.spongespa-form-dl-col11 dl, .spongespa-form-dl .spongespa-form-dl-col11 dl{ width:9%;}

.spongespa-form-dl-row2col2{padding:0px;}
.spongespa-form-dl-row2col2 .row{padding:0px; margin:0px; }
.spongespa-form-dl-row2col2 .row > div{padding:15px 15px 10px 15px; margin:0px; }
.spongespa-form-dl-row2col2 .row > .col-md-9{  }
.spongespa-form-dl-row2col2 .row > .col-md-3{  padding-left:0px; }
.spongespa-form-dl-row2col2 .row .col-20p{width:20% !important;}
.spongespa-form-dl-row2col2 .row .col-80p{width:80% !important;}

.bg-color-red{background-color:#ffd1d1;}
.bg-color-white{background-color:#fff;}
.bg-color-yellow{background-color:#FAF4C0;}
.bg-color-green{background-color:#CEFBC9;}
.bg-color-blue{background-color:#D4F4FA;}
.bg-color-orange{background-color:#FAECC5;}

.spongespa-form-dl-100p .row > .col-md-4{ border-right:1px solid #ddd;}
.spongespa-form-dl-100p .row > .col-md-4:last-child{ border-right:0px solid #ddd;}
.spongespa-form-dl-100p .row > .col-md-4 dl{ width:100%;}

.spongespa-form-dl dl.dl-100p, .spongespa-form-dl.spongespa-form-dl-col3 dl.dl-100p:nth-child(3n+1), .spongespa-form-dl.spongespa-form-dl-col3 dl.dl-100p:nth-child(3n+3){width:100%;}
.spongespa-form-dl dl.dl-50p{width:50% !important;}

.spongespa-form-dl dl .col-10p{ width:10% !important;}
.spongespa-form-dl dl .col-12_5p { width: 12.5% !important; }
.spongespa-form-dl dl .col-15p { width: 15% !important; }
.spongespa-form-dl dl .col-20p { width: 20% !important; }
.spongespa-form-dl dl .col-25p{ width:25% !important;}
.spongespa-form-dl dl .col-27p{ width:27% !important;}
.spongespa-form-dl dl .col-30p{ width:30% !important;}
.spongespa-form-dl dl .col-32p{ width:32% !important;}
.spongespa-form-dl dl .col-34p{ width:34% !important;}
.spongespa-form-dl dl .col-35p{ width:35% !important;}
.spongespa-form-dl dl .col-40p{ width:40% !important;}
.spongespa-form-dl dl .col-50p{ width:50% !important;}
.spongespa-form-dl dl .col-65p{ width:65% !important;}
.spongespa-form-dl dl .col-75p{ width:75% !important;}
.spongespa-form-dl dl .col-80p { width: 80% !important; }
.spongespa-form-dl dl .col-85p { width: 85% !important; }
.spongespa-form-dl dl .col-87_5p { width: 87.5% !important; }
.spongespa-form-dl dl .col-100p{ width:100% !important;}



.spongespa-form-dl.spongespa-form-dl-col1.spongespa-form-dl-col20 dt{ width:20%;}
.spongespa-form-dl.spongespa-form-dl-col1.spongespa-form-dl-col20 dd{ width:80%;}
.spongespa-form-dl .spongespa-form-dl-col1.spongespa-form-dl-col20 dt{width:15%;}
.spongespa-form-dl .spongespa-form-dl-col1.spongespa-form-dl-col20 dd{width:85%;}

.spongespa-form-dl.spongespa-form-dl-col3 dl .col-20p, .spongespa-form-dl .spongespa-form-dl-col3 dl .col-20p{ width:13.2%;}
.spongespa-form-dl.spongespa-form-dl-col3 dl .col-80p, .spongespa-form-dl .spongespa-form-dl-col3 dl .col-80p{ width:86.8%;}
.spongespa-form-dl.spongespa-form-dl-col3 dl.dl-20p, .spongespa-form-dl .spongespa-form-dl-col3 dl.dl-20p{ width:33%;}
.spongespa-form-dl.spongespa-form-dl-col3 dl.dl-80p, .spongespa-form-dl .spongespa-form-dl-col3 dl.dl-80p{ width:67%;}
.spongespa-form-dl.spongespa-form-dl-col3 dl.dl-80p .col-20p, .spongespa-form-dl .spongespa-form-dl-col3 dl.dl-80p .col-20p{ width:20%;}
.spongespa-form-dl.spongespa-form-dl-col3 dl.dl-80p .col-80p, .spongespa-form-dl .spongespa-form-dl-col3 dl.dl-80p .col-80p{ width:80%;}
.spongespa-form-dl.spongespa-form-dl-col3 dl.dl-20p .col-20p, .spongespa-form-dl .spongespa-form-dl-col3 dl.dl-20p .col-20p{ width:40%;}
.spongespa-form-dl.spongespa-form-dl-col3 dl.dl-20p .col-80p, .spongespa-form-dl .spongespa-form-dl-col3 dl.dl-20p .col-80p{ width:60%;}

.spongespa-form-dl dt{ float:left; width:40%; text-align:right; color:#435059; padding:0px 3px 0px 0; font-weight:normal; margin:3px 0px;}
.spongespa-form-dl dd{ float:left; width:60%; padding:3px 0 0px 0; margin:0px 0 5px 0; }
.spongespa-form-dl dd.pull-right{ float:right;}

.spongespa-form-dl.spongespa-form-dl-top dd input[type="text"], .spongespa-form-dl.spongespa-form-dl-top dd select.form-control, .spongespa-form-dl.spongespa-form-dl-top dd select{ margin-top:-4px !important; }
.spongespa-form-dl dd input[type="text"], .spongespa-form-dl dd select.form-control:not([size]):not([multiple]), .spongespa-form-dl dd input[type="password"]{ border:1px solid #ccc; background-color:#fff; width:100%; color:#636c72; }

.spongespa-form-dl dd.spongespa-form-dl-checkbox{  padding-top:3px; text-align:left;}
.spongespa-form-dl dd.spongespa-form-dl-checkbox .form-control{ width:auto;}

.spongespa-form-dl dd.spongespa-form-dl-date input, .spongespa-form-dl dd.spongespa-form-dl-date select{width:47% !important;}
.spongespa-form-dl dd.spongespa-form-dl-date input:first-child, .spongespa-form-dl dd.spongespa-form-dl-date select:first-child{ float:left; margin-right:1.5% !important;}
.spongespa-form-dl dd.spongespa-form-dl-date input:last-child, .spongespa-form-dl dd.spongespa-form-dl-date select:last-child{ float:right;}

.spongespa-form-dl dl.spongespa-form-dl-textarea{ width:100%; height:auto;}
.spongespa-form-dl dl.spongespa-form-dl-textarea dt{ width:20%;}
.spongespa-form-dl dl.spongespa-form-dl-textarea dd{ width:80%; height:auto;}

.form-control-double-inline { width:100px !important; display:inline;}
.spongespa-form-dl dd .form-control-double-inline { width:49% !important; display:inline; float:left; margin-right:0px !important;}
.spongespa-form-dl dd .form-control-double-inline:last-child { float:right;}


/*.spongespa-form-dl.spongespa-form-dl-col9 dd .form-control-double-inline { width:73% !important;}
.spongespa-form-dl.spongespa-form-dl-col9 dd .form-control-double-inline:last-child { float:right;}*/

.spongespa-form-dl.spongespa-form-dl-col6 dl{ width:16.6%;}
.spongespa-form-dl-border dl dd, .spongespa-form-dl.spongespa-form-dl-border  dl.spongespa-form-dl-textarea dd, .spongespa-form-dl dd.border-list
{ border:1px solid #ddd; padding-top:3px; padding-left:10px; min-height:29px; background-color:transparent; border-radius:3px; margin:0 0px 8px 0 !important;}

.spongespa-form-dl dl dd.spongespa-form-dl-date2 {position:relative;}
.spongespa-form-dl dl dd.spongespa-form-dl-date2 .input-group-addon{position:absolute; right:0px; top:0px;}

.spongespa-form-dl .fa-question-circle.fa-fw{width:14px;}

.spongespa-form-dl.spongespa-form-dl-col-titlelong dt{ width:50%; }
.spongespa-form-dl.spongespa-form-dl-col-titlelong dd{ width:50%; }
.spongespa-form-dl.spongespa-form-dl-col-titlelong dd .form-control-double-inline{width:47% !important;}

.spongespa-form-dl-sub{background: rgba(255, 255, 255, 0.5); padding:5px 0; margin: 5px 0; border-left:0px; border-right:0px;}

.btn-double-inline{position:relative;}
.btn-double-inline .btn-double-inline-first{ width:100%; display:inline-block; padding-right:20%;}
.btn-double-inline .btn-double-inline-last{ width:19%; display:inline-block; position:absolute; right:0px; text-align:right;}
.btn-double-inline .btn-double-inline-last > .btn:last-child{ margin-right:0px !important;}

.spongespa-form-dl .dropdown-menu li a{ padding:2px 10px;}


.spongespa-form-dl .col-md-6 .spongespa-form-dl-col1 dl{ width:100%;}
.spongespa-form-dl .btn-dd input[type="text"]{float:left; display:inline-block; width:85%;}
.spongespa-form-dl .btn-dd button{float:right; display:inline-block; width:13%;}

.spongespa-form-dl .form-control, .spongespa-form-dl textarea, .spongespa-form-dl textarea.form-control { border-color:#ccc;}

.form-horizontal .spongespa-form-dl-clicker-update .col-sm-4{ padding:0; text-align:right; width:100%; }
.spongespa-form-dl.spongespa-form-dl-top.spongespa-form-dl-clicker-update  dt{ width:50%; }
.spongespa-form-dl.spongespa-form-dl-top.spongespa-form-dl-clicker-update  dd{ width:50%; }


.spongespa-form-dl input[type="radio"], .spongespa-form-dl input[type="checkbox"]{ height:auto; margin-top:1px;}
.spongespa-form-dl .btn.btn-sponge-default.libtech-help-popover{height:auto !important; padding:2px 3px 0px 3px !important;}


.starRev { display: block; }
.starR1 { background: url('/sponge/images/ico_review.png') no-repeat -52px 0; background-size: auto 100%; width: 15px; height: 30px; float: left; text-indent: -9999px; cursor: pointer; }
.starR2 { background: url('/sponge/images/ico_review.png') no-repeat right 0; background-size: auto 100%; width: 15px; height: 30px; float: left; text-indent: -9999px; cursor: pointer; }
.starR1.on { background-position: 0 0; }
.starR2.on { background-position: -15px 0; }

.sponge-naver-right .naver-img {
    padding: 2px;
    border-radius: 0px;
    width: 75px;
    height: 103px;
    border: 1px solid #dddddd;
    background: #F0F0F0;
    margin: 0 auto;
}

.sponge-login, .sponge-nav-tabs > li > a.sponge-login{ display:none; }
.sponge-login-block, .sponge-nav-tabs > li > a.sponge-login-block{ display:none; }
.sponge-logout, .sponge-nav-tabs > li > a.sponge-logout, .nav-tabs > li.sponge-logout{ display:inline-block; }


.sponge-font-s{ font-size:80%;}
.sponge-font-l{ font-size:130%;}



.board_form_list{position:relative;}
.board_form_list .board-select2{right:2px; top:2px;}
.board_form_list .board-select2 > select{ background-color:#eee !important; height:34px; border-radius:0; border-left:1px solid #ddd;}



.reading-naver{ margin:20px auto; width:1000px; }

.reading-naver h3.tit{ border-top-width:0; margin:0; padding:0;}

.reading-naver h3.tit.order49, .reading-naver h3.tit.order35, .reading-naver h3.tit.order50{ border-top-width:1px; margin:40px 0 20px 0; padding-top:40px;}





.modal-xl{ width:1000px;}


.search-inputboxmain-box{ position:relative; }

.json-hover{ width:100%; }
.json-hover > ul { width:100%; background-color:#fff; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); max-height:400px; overflow-y:auto; }
.json-hover > ul > li{ width:100%; padding:5px 10px 5px 40px; position:relative; /*border-bottom:1px solid #555;*/ transition-duration: 0.9s, 0s; }
.json-hover > ul > li > i{ position:absolute; left:12px; top:11px;  }

.json-hover > ul > li > a{ display:block; width:100%;}
.json-hover > ul > li > a > div.imgList { display:inline-block; width:75px; vertical-align:top;text-align:right; display:none; }

.json-hover > ul > li > a > div.imgList > img { display:inline-block; width:65px; height:84px; border:1px solid #555; }
.json-hover > ul > li > a > div.contentList { display:inline-block; width:100%;  }
.json-hover > ul > li > a > div.contentList > p{ color:#555; margin-bottom:0px;}
.json-hover > ul > li > a > div.contentList > p.titleList { color:#555; }

.json-hover > ul > li > a > div.contentList > p.etcList{ display:none; }
/*.json-hover > ul > li > a > div.contentList > p.etcList:last-child{ margin-bottom:0px;}*/
.json-hover > ul > li > a > div.contentList > p.etcList > span {  vertical-align:middle;}
.json-hover > ul > li > a > div.contentList > p.etcList > span:first-child { margin-left:0px; }
.json-hover > ul > li > a > div.contentList > p.etcList > span > span { opacity:0.7; font-size:80%; padding-right:5px;}
.json-hover > ul > li > a > div.contentList > p.etcList > i{ opacity:0.7; font-size:60%;margin-right:4px; margin-left:4px;}

.json-hover > ul > li:hover > i{ top:15px;  }
.json-hover > ul > li:hover{ background-color:#eee; padding:10px 10px 10px 40px; }
.json-hover > ul > li:hover > a > div.imgList { display:inline-block; }
.json-hover > ul > li:hover > a > div.contentList > p.titleList  { color:#007fb6; font-weight:600; }
.json-hover > ul > li:hover > a > div.contentList { width:calc(100% - 80px);  }
.json-hover > ul > li:hover > a > div.contentList > p.etcList{ display:block; }


/*자동완성 기능 - 확인*/
#ui-id-1{ overflow-y:auto; height:auto; max-height:300px;}
#ui-id-2{ overflow-y:auto; height:auto; max-height:300px;}
.ui-menu{ overflow-y:auto; height:auto; max-height:300px;}
.ui-autocomplete { background-color:#fff; box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3); max-height:400px; overflow-y:auto; }
#ui-id-1 > li.ui-menu-item { width:100%; padding:0 0 0 0; position:relative;  transition-duration: 0.9s, 0s; }
#ui-id-1 > li.ui-menu-item > div.ui-menu-item-wrapper{ position:unset; padding-left:30px;}
#ui-id-2 > li.ui-menu-item { width:100%; padding:0 0 0 0; position:relative;  transition-duration: 0.9s, 0s; }
#ui-id-2 > li.ui-menu-item > div.ui-menu-item-wrapper{ position:unset; padding-left:30px;}
.ui-menu > li.ui-menu-item { width:100%; padding:0 0 0 0; position:relative; /*border-bottom:1px solid #555;*/ transition-duration: 0.9s, 0s; }
.ui-menu > li.ui-menu-item > div.ui-menu-item-wrapper{ position:unset; padding-left:30px;}
.ui-menu-item > div > i{ position:absolute !important; left:12px; top:8px;  }

.ui-menu-item > div >  div.imgList { display:inline-block; width:75px; vertical-align:top;text-align:right; display:none; }

.ui-menu-item > div > div.imgList > img { display:inline-block; width:60px; height:80px; border:1px solid #555; }
.ui-menu-item > div > div.contentList { display:inline-block; width:100%; padding-left:30px;  }
.ui-menu-item > div > div.contentList > p{ color:#555; margin-bottom:0px;}
.ui-menu-item > div > div.contentList > p.titleList { color:#555; }

.ui-menu-item > div > div.contentList > p.etcList{ display:none; }
.ui-menu-item > div > div.contentList > p.etcList > span {  vertical-align:middle;}
.ui-menu-item > div > div.contentList > p.etcList > span:first-child { margin-left:0px; }
.ui-menu-item > div > div.contentList > p.etcList > span > span { opacity:0.7; font-size:80%; padding-right:5px;}
.ui-menu-item > div > div.contentList > p.etcList > i{ opacity:0.7; font-size:60%;margin-right:4px; margin-left:4px;}

#ui-id-1 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active{ border-width:0; margin:0; width:100%; padding:5px 5px; }
#ui-id-1 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active { background-color:#eee !important; padding:10px 10px 10px 40px; }
#ui-id-1 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active > i{ top:16px; color:#000; }
#ui-id-1 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .imgList { display:block !important; position:absolute; right:5px; top:4px; }
#ui-id-1 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .contentList  { width:calc(100% - 80px);  }
#ui-id-1 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .contentList > p.titleList  { color:#000; font-weight:600; }
#ui-id-1 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .contentList > p.etcList{ display:block; }

#ui-id-2 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active{ border-width:0; margin:0; width:100%; padding:5px 5px; }
#ui-id-2 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active { background-color:#eee !important; padding:10px 10px 10px 40px; }
#ui-id-2 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active > i{ top:16px; color:#000; }
#ui-id-2 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .imgList { display:block !important; position:absolute; right:5px; top:4px; }
#ui-id-2 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .contentList  { width:calc(100% - 80px);  }
#ui-id-2 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .contentList > p.titleList  { color:#000; font-weight:600; }
#ui-id-2 > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .contentList > p.etcList{ display:block; }

.ui-menu > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active{ border-width:0; margin:0; width:100%; padding:5px 5px; }
.ui-menu > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active { background-color:#eee !important; padding:10px 10px 10px 40px; }
.ui-menu > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active > i{ top:16px; color:#000; }
.ui-menu > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .imgList { display:block !important; position:absolute; right:5px; top:4px; }
.ui-menu > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .contentList  { width:calc(100% - 80px);  }
.ui-menu > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .contentList > p.titleList  { color:#000; font-weight:600; }
.ui-menu > li.ui-menu-item > div.ui-menu-item-wrapper.ui-state-active .contentList > p.etcList{ display:block; }

.sponge-author-hover{ position:relative; display:inline-block;}
.sponge-author-hover > div { position:relative; display:inline-block; }
.sponge-author-hover > div > a{position:relative; display:inline-block;}
.sponge-author-hover > div > a::before{ display:none; }
.sponge-author-hover > div:hover > a::before{ display:inline-block; content:''; width: 0; height: 0; border-left: 10px solid white; border-right: 10px solid white; border-bottom: 10px solid #7c7c7c; position:absolute; top:20px; left:calc(50% - 10px); }
.sponge-author-hover > div#jsonsubject:hover > a::before, .sponge-author-hover > div#jsonauthor:hover > a::before{ display:none;}

.sponge-author-hover:hover > div > a{  }
.sponge-author-hover .json-hover{ width:0; height:0; overflow:hidden; position:relative; }
.sponge-author-hover:hover .json-hover{ display:inline-block; z-index:200; width:500px; height:auto; position:absolute; left:0; top:20px; padding-top:10px;}
.sponge-author-hover:hover > div#jsonsubject .json-hover, .sponge-author-hover:hover > div#jsonauthor .json-hover{ top:15px; padding-top:10px;}



.sponge-author-hover .json-hover > ul { box-shadow: none;background-color:#7c7c7c; max-height:250px; }
/*.sponge-author-hover .json-hover > ul::before{ display:none; }
.sponge-author-hover .json-hover > ul::before{ display:inline-block; content:''; width: 0; height: 0; border-left: 10px solid white; border-right: 10px solid white; border-bottom: 10px solid #7c7c7c; position:absolute; top:20px; left:calc(50% - 10px); }*/


.sponge-page-guide .sponge-author-hover ul > li::before { top:8px; left:10px;}
.sponge-page-guide .sponge-author-hover ul > li:hover::before { top:13px; left:8px; }
.sponge-author-hover .json-hover > ul > li { padding-left:20px; margin-bottom:0;}
.sponge-author-hover .json-hover > ul > li:hover { border:2px solid #000;}
.sponge-author-hover .json-hover > ul > li > a > div.contentList > p.titleList {font-weight:normal; color:#fff;}
.sponge-author-hover .json-hover > ul > li:hover > a > div.contentList > p.titleList{ font-weight:600; color:#000;}

.sponge-layout-sub-search .json-hover > ul > li > i{ display:none;}
.sponge-layout-sub-search .json-hover > ul > li{ padding:5px; border-bottom:1px solid #eee; max-height:57px;  overflow:hidden; text-overflow:ellipsis; /*white-space:nowrap;*/}
.sponge-layout-sub-search .json-hover > ul > li:hover{ max-height:82px;}
.sponge-layout-sub-search .json-hover > ul > li > a > div.contentList > p.etcList:last-child{ display:none;}
.sponge-layout-sub-search .json-hover > ul > li:hover > a > div.imgList{ width:50px;}
.sponge-layout-sub-search .json-hover > ul > li > a > div.imgList > img {  width:50px; height:65px; }

.sponge-layout-sub-search .json-hover > ul > li:hover > a > div.contentList{ width:calc(100% - 50px);}

.dropdown.dropdown-hover:hover > .dropdown-menu { display:block; margin:0; }




.tab-scroller {
            position: relative;
            max-width: 100%;
            overflow: hidden;
        }

        .tab-scroller-arrow {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 25px;
            cursor: pointer;
            z-index: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #ffffff;
            border: 1px solid #222222;
        }

        .tab-scroller .right-arrow {
            right: 0;
        }

        .tab-scroller .left-arrow {
            left: 0;
        }

            .tab-scroller .left-arrow.d-none ~ .nav {
                padding-left: 0;
            }

        .tab-scroller .nav {
            position: relative;
            /*padding-left: 35px;*/
            flex-wrap: nowrap;
            display: flex;
            flex-direction: row;
        }




.sponge-display-grid{position: relative;    display: grid;    grid-template-columns: 5fr 5fr; align-items:center;}
.sponge-display-grid > * {  }
.sponge-display-grid > *:last-child{ text-align:right; }

a.active-color:active, a.active-color:after{ color:#007fb6 !important;} 

.sponge-table-default-overflow-x, .sponge-table-default-overflow{ overflow-x:auto; }
.sponge-table-default-overflow-y{ overflow-x:auto; max-height:800px; }


.label-default[href]:hover, .label-default[href]:focus{    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    color: #857A7A; }

/*.fixed-table-container { width: 100%;height: 580px;position: relative; padding-top: 41px; overflow-x:hidden; }

.fixed-table-container200 { height: 200px; }
.fixed-table-container250 { height: 250px; }
.fixed-table-container270 { height: 270px; }
.fixed-table-container300 { height: 300px; }
.fixed-table-container400 { height: 400px; }
.fixed-table-container450 { height: 450px; }
.fixed-table-container500 { height: 500px; }
.fixed-table-container550 { height: 550px; }
.fixed-table-container600 { height: 600px; }
.fixed-table-container610 { height: 610px; }
.fixed-table-container620 { height: 620px; }
.fixed-table-container630 { height: 630px; }
.fixed-table-container640 { height: 640px; }
.fixed-table-container650 { height: 650px; }
.fixed-table-container660 { height: 660px; }
.fixed-table-container670 { height: 670px; }
.fixed-table-container680 { height: 680px; }
.fixed-table-container690 { height: 690px; }
.fixed-table-container700 { height: 700px; }
.fixed-table-container710 { height: 710px; }
.fixed-table-container720 { height: 720px; }
.fixed-table-container730 { height: 730px; }
.fixed-table-container740 { height: 740px; }
.fixed-table-container750 { height: 750px; }
.fixed-table-container800 { height: 800px; }
.header-bg { background-color:#f8f8f8; height: 45px; position: absolute;top: 0;right: 0;left: 0; border-bottom: 1px solid #b5b0b0; border-top:1px solid #b5b0b0;}
.table-wrapper { overflow-x: hidden;overflow-y: auto;height: 100%;}
.fixed-table-container table.sponge-table-default { width: 100%; border-collapse: collapse; border-spacing:0px; margin-bottom:0px; position:unset;}

.fixed-table-container table.sponge-table-default th { padding: 0px;  border-bottom:0px solid #fff !important; border-top:0px solid #fff !important; }                     
.fixed-table-container table.sponge-table-default .th-text { position: absolute; top: 0;width: inherit; width: 100%;line-height: normal; padding:12px 5px 0 5px; vertical-align:middle; background:url("/SpongeApp/src/assets/images/sponge-table-default-th.png") no-repeat left top; } 
.fixed-table-container table.sponge-table-default tr th:first-child .th-text { background-image:none; }    
.fixed-table-container table.sponge-table-default .th-text.th-text2 { padding-top:5px; }   
.fixed-table-container ul.ngx-pagination{ border-top:1px solid #b5b0b0; border-bottom:1px solid #b5b0b0; background-color:#fff; margin:0px; padding:15px 0;}

.fixed-table-container-overflow{overflow-y:hidden; }*/
.ch-desk-messenger {
   
}
.sponge-spin-body-bg{position:relative;}
.sponge-spin-body{position:absolute; left:0; top:0; bottom:0; right:0; padding-top:230px; width:100%; text-align:center; min-height:532px; font-size:20px; background-color:rgba(0,0,0,.3); color:#fff;}
.sponge-spin {
    margin:20px;
    color:#1c71ba;
    font-size:40px;
    animation-name: sponge-spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes sponge-spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.modal-header{ color:#fff; position:relative; height:auto; padding-right:35px; }
.modal-header button.close{ position:absolute; right:10px; top:calc(50% - 10px);}

.modal-webchat{ width:100%; max-width:590px;right:20px; left:auto; top:auto; bottom:170px; padding:10px; border-radius:0; padding-left:220px;}
.modal-webchat .modal-header{  font-size:110%; background-color:#fff; color:#000; font-weight:600; }
.modal-webchat .modal-header button.close{color:#000;}
.modal-webchat .modal-content{ box-shadow:0 1pt 10pt rgba(0, 0, 0, 0.15); border-bottom:1px solid rgba(0, 0, 0, 0.2);}
.modal-webchat .modal-dialog{ width:100%; margin:0;}
.modal-webchat .modal-body{ /*min-height:600px;*/}
.closer_webchat_button_wrapper{ bottom:25px;}
.closer_webchat_button_wrapper .closer_webchat_button{background-color: #2887d1;border-radius: 50%;display:table; overflow:hidden; position:relative;  transition-duration: 0.3s, 0s; width:72px; height:72px; text-align:center; padding-top:10px;  }
.closer_webchat_button > i{ width:68px; height:68px; background-color:rgba(40, 135, 209, .4); display:block; position:absolute; left:-25%; top:45%; transform:rotate(20deg); display:none; }
.closer_webchat_button > span{ text-align:center; vertical-align:middle; display:block; font-size:32px; color:#fff; font-weight:bold; transition-duration: 0.3s, 0s;
background-image: url('/sponge/Images/ChatGPT/chatbot.png'); background-size:58px; width:58px; height:47px; margin:0 auto; }
.closer_webchat_button:hover > span{ opacity:0.8; }
.closer_webchat_button > span:before, .closer_webchat_button > span:before{ color:#007fb6; }
.closer_webchat_button > span > img{height:30px; }
.closer_webchat_button > span > span{ font-size:30px; }

.closer_webchat_button:hover > span{ font-size:34px;}

.closer_webchat_button_bata{ background: linear-gradient(135deg,  #28f29b 1%,#3fbbf6 67%); border-radius:30px 0px 30px 5px; color:#162b48; position:absolute; left:-2px; top:-2px; padding:0px 5px; font-size:60%; font-weight:600;
box-shadow:0 1pt 10pt rgba(0, 0, 0, 0.3); }

.modal-webchat-mobile{ position:relative; }

.modal-open .modal.modal-webchat{}
.sponge-webchat{padding-right:0 !important; overflow-y:auto;}
.sponge-webchat .modal-backdrop, .sponge-webchat .modal-backdrop.fade.in { z-index: -1; opacity:0; }
.modal-webchat .chat-container { width: 100%; height: 506px; overflow-y: scroll; padding: 0 10px;}
.modal-webchat .modal-body{ padding:0;}

.modal-webchat .user-message { margin: 10px 0 5px 0; clear: both; background-color:#5aa8dd; color:#fff; border-radius: 8px 0 8px 8px; padding:10px; line-height:18px; width:auto; max-width:80%; display:table; float:right;}
.modal-webchat .bot-message { margin-bottom: 10px; float: left; text-align: left; width: 100%; clear: both; }
.modal-webchat .first-text:first-letter{ color:#007fb6; font-size:120%;}

.modal-webchat .modal-footer{ position:relative; padding:0; height:44px;}
.sponge-webchat-bottom{  }
.sponge-webchat-bottom .webchat-plus{ position:absolute; left:10px; bottom:10px; }
/*.sponge-webchat-bottom .dropdown-menu{ transform: translate3d(-200px, 0px, 0px); bottom:10px; left: 0px; will-change: transform; position:relative;}*/
.modal-webchat textarea#user-input, .modal-webchat input#user-input { width: 100%; margin-top: 0; border-width:0; margin:0; padding:10px 60px 10px 30px;font-family: inherit; 
    font-size: 100%; line-height: 21px; margin: 0; flex: 1 1 auto; width: 100%; max-height: 120px; height: 42px;border: none; resize: none;  }
.modal-webchat textarea#user-input:focus, .modal-webchat input#user-input:focus{outline:none;}

.webchat-plus-modal-btn{ position:absolute; left:10px; bottom:10px; padding:0; margin:0; border-width:0; background-color:transparent; }
#webchat-plus-modal{ position:absolute; display:block !important; transform: translate3d(-200px, 0px, 0px); bottom:0px; left: 0px; top:auto; will-change: transform; width:190px; display:inline-block !important; opacity:1;}
#webchat-plus-modal.modal.fade.in{ opacity:0; display:none; }
#webchat-plus-modal .modal-content{ min-width:0; padding:0px; border-radius:2px; }

.webchat-chatlist{}
#ChatList > button{ margin:0; background-color:transparent; padding:5px 5px 5px 15px; font-size:80%; border-radius:0px; border-width:0; border-bottom:1px solid #ddd; width:100%; text-align:left; position:relative; }
#ChatList > button:last-child{ border-bottom-width:0; }

#ChatList > button::before  { content:'·'; font-size:24px;  position:absolute; left:7px; top:8px; line-height:12.8px; }


.chatlist-language{ position:absolute; right:35px; top:5px; z-index:50000;}
.chatlist-language select{ z-index:50000;}
select option{ content:'/Sponge/Images/Language/ico_en.gif'; padding-left:20px; display:inline-block;}


.webchat-reformation-modal-btn{ position:absolute; right:10px; bottom:10px; padding:0; margin:0; border-width:0; background-color:transparent; font-size:80%; background-color:#7c7c7c; color:#fff; border-radius:2px; padding:2px 5px; }
.webchat-reformation-modal-btn.webchat-reformation-modal-btn-qna{ top:8px; bottom:auto; right:83px;  background:transparent url("/Sponge/Images/ChatGPT/qna.png") repeat-x left top; background-size:44px; width:44px; height:27px; border-width:0; padding-top:0; }
.ChatSearchList-box { position:relative; min-height:235px; }
.ChatSearchList-title{ padding:5px 10px; background-color:#fff; color:#000; font-weight:600; border-bottom:1px solid #ddd; text-align:center; }
#ChatSearchList{ position:absolute; bottom:54px; right:11px; background-color:#fff; width:367px;  /*border-top:1px solid #ddd;*/}
#ChatSearchList > a{ width:100%; padding:3px 10px 3px 10px; border-bottom:1px solid #eee; display:block; font-size:90%;}
#ChatSearchList > a > i{ margin-right:5px;}
#ChatSearchList > a:last-child{  border-bottom-color: #ddd; }

.dropdown-menu-chat{ right:0px; left:auto; min-width:80px; font-size:10px; padding:5px; }
.dropdown-menu-chat img{ margin-right:3px; }

.improvement-modal{ width:90%; margin:130px 20px 0 10px;}
.improvement-modal .modal-header{ display:none; }
.improvement-modal textarea{ width:100%; border-width:0; min-height:300px; margin:0; }

.improvement-modal .modal-footer > .btn{  padding:2px 5px; font-size:80%; margin:1px;}
.improvement-modal .modal-footer{ margin-top:0;}



.faq-box{ border:1px solid #ddd; padding:5px; background-color:#eee; max-width:80%; }
.faq-box-head > span{background: url('/Sponge/Images/ChatGPT/faq.png'); display:block; width:96px; height:74px; color:#144682; padding:10px 18px; font-size:24px; font-weight:600; }
.faq-box-body > li{ padding:5px; font-weight:600; color:#000;  text-align:left; font-size:14px;}
.faq-box-body > li > button{ border-width:0; background-color:transparent; position:relative; padding-left:10px; text-align:left;}
.faq-box-body > li > button::before{ position:absolute; left:0; content:'·';  }

.faq-box-btn{ width:100%; text-align:right; padding-top:5px;}
.faq-box-body > li > button.btn.btn-xs.btn-default{ border:1px solid #dddddd; color:#7c7c7c !important; background-color:#fff; position:relative; padding:3px 5px; text-align:left;}
.faq-box-body > li > button.btn.btn-xs.btn-default::before{ display:none; }

.sponge-list-searchengine .sponge-table-default{ border-top-width:1px; border-color:#909090; }
.sponge-list-searchengine .sponge-table-default > tbody > tr:nth-child(odd) > th, .sponge-list-searchengine .sponge-table-default th{ background-color:#d5e0ec; }
.sponge-list-searchengine .sponge-table-default > tbody > tr:nth-child(odd) > td{ background-color:#fff; }
.sponge-list-searchengine .sponge-table-default > tbody > tr > td.colspan2{ text-align:center; }
.sponge-list-searchengine .sponge-table-default > tbody > tr:nth-child(2n+1) > td, .sponge-list-searchengine .sponge-table-default > tbody > tr:nth-child(2n+1) > th, .sponge-list-searchengine .sponge-table-default th, .sponge-list-searchengine .sponge-table-default td, .sponge-list-searchengine .sponge-table-default tbody th, .sponge-list-searchengine .sponge-table-default tbody td, .sponge-list-searchengine .sponge-table-default thead th, .sponge-list-searchengine .sponge-table-default thead td
{ border-color:#909090;}

.sponge-list-searchengine .sponge-list-content{ padding-right:0; }
.sponge-list-searchengine .search-list-result{ border-top-color:#ddd; padding:20px 0 5px 0; }
.sponge-list-searchengine .tab-pane > .search-list-result:first-child{ border-top-width:0; }
.sponge-list-searchengine #searchq02 .search-list-result{padding-top:0; min-height:0; padding:15px 0;}
.sponge-list-searchengine #searchq02 .search-list-result-left > .search-list-result:first-child{}
.sponge-list-searchengine #searchq02 .search-list-result-left{ margin-top:0;}
.sponge-list-searchengine .search-list-command{ position:unset; text-align:right;}
.sponge-list-searchengine .sponge-list-title a{ font-size:120%; }

.sponge-list-searchengine .search-left-refine{border-radius:0; border-color:#909090;}
.sponge-list-searchengine .page-refine-title{ background-color:#d5e0ec; border-color:#909090; padding:7px 10px;  }
.sponge-list-searchengine .page-refine-title .fa.fa-angle-down{ margin-left:5px; }
.sponge-list-searchengine .page-refine-sub-title{ font-size:90%; background-color:#d5e0ec; border-color:#909090; width:100%; border-width:0; border-top-width:1px; margin:0;}
.sponge-list-searchengine .page-refine-title + .page-refine-sub-title{ border-top-width:0px;}
.sponge-list-searchengine .search-left-refine ul{ font-size:90%;}
.sponge-page-guide.sponge-list-searchengine ul.sponge-nav-tabs-sub { margin-bottom:0;}
.sponge-list-searchengine .sponge-allcheckbox-display { margin-top:0; }

.sponge-list-searchengine .sponge-list-content > a.sponge-list-title{ font-size:120%; margin-bottom:6px; display:inline-block; width:calc(100% - 180px); }
.sponge-list-searchengine .sponge-list-content > a.sponge-list-title > span.l_mastid{ font-size:70%;  }

.sponge-list-searchengine .label-sponge-button{ border-color:#909090; background-color:#fff; color:#555; padding-top:3px;}
.sponge-list-searchengine .search-list-command .sponge-searchlist-pop{ border-width:0; background-color:transparent; color:#555; top:0; border-radius:0; min-height:0; overflow:unset; padding:25px 0 0 0; }
.sponge-list-searchengine .search-list-command .sponge-searchlist-pop-box{ border:1px solid #909090; background-color:#fff; min-height:100px; padding:10px;  }
.sponge-list-searchengine .search-list-command .sponge-searchlist-pop-box > i.arrow-box{ content:''; border:1px solid #909090; background-color:#fff; border-right-width:0; border-bottom-width:0; height:10px; width:10px; position:absolute; right:23px;  display:block; top:20px; transform: rotate(45deg); z-index:500; }
.sponge-list-searchengine .search-list-command .sponge-searchlist-pop-box .sponge-table-default{ margin-bottom:0; }

.sponge-dl-searchengine{ width:100%;border-top:1px solid #909090; display:block; }
.sponge-dl-searchengine > dt, .sponge-dl-searchengine > dd{ display:inline-block; float:left; width:19%; border-left:1px solid #909090; border-bottom:1px solid #909090; padding:8px; height:35px;}
.sponge-dl-searchengine > dt{ background-color:#d5e0ec; width:14.33333333333%; text-align:center; font-weight:normal; }
.sponge-dl-searchengine > *.colspan2{width:33.33333333333%; border-right:1px solid #909090;}
.sponge-dl-searchengine > *:nth-child(6n+6){border-right:1px solid #909090;}
.sponge-dl-searchengine > *.colspan2 > *, .sponge-list-searchengine .sponge-table-default > tbody > tr > td > *{ width:auto; display:inline-block;  }
.sponge-list-searchengine .label-sponge-button{ border-color:#909090; background-color:#fff; color:#555; padding-top:3px;}
.sponge-list-searchengine .sponge-dl-searchengine .dropdown.open, .sponge-list-searchengine .sponge-table-default > tbody > tr > td .dropdown.open{ position:unset;}
.sponge-list-searchengine .sponge-dl-searchengine .sponge-searchlist-pop, .sponge-list-searchengine .sponge-table-default > tbody > tr > td .sponge-searchlist-pop
{ border-width:0; background-color:transparent; color:#555; top:0; border-radius:0; min-height:0; overflow:unset; padding:23px 0 0 0; right:0px; left:auto; top:103px; box-shadow:none;}
.sponge-list-searchengine .sponge-dl-searchengine .sponge-searchlist-pop-box, .sponge-list-searchengine .sponge-table-default > tbody > tr > td .sponge-searchlist-pop-box
{ border:1px solid #909090; background-color:#fff; min-height:0; padding:10px; box-shadow:0 1pt 10pt rgba(0, 0, 0, 0.15); overflow-y:auto; max-height:200px; }
.sponge-list-searchengine .sponge-dl-searchengine .sponge-searchlist-pop-box > i.arrow-box, .sponge-list-searchengine .sponge-table-default > tbody > tr > td .sponge-searchlist-pop-box > i.arrow-box
{ content:''; border:1px solid #909090; background-color:#fff; right:64px;  position:absolute;  display:block; top:18px; transform: rotate(45deg); z-index:500; border-right-width:0; border-bottom-width:0; height:10px; width:10px;}
.sponge-list-searchengine .sponge-dl-searchengine .sponge-searchlist-pop-box .sponge-table-default, .sponge-list-searchengine .sponge-table-default > tbody > tr > td .sponge-searchlist-pop-box .sponge-table-default{ margin-bottom:0; }
.sponge-table-searchengine{ position:unset; }
.sponge-list-searchengine .sponge-table-searchengine1{ margin-top:10px;}
.sponge-list-searchengine .sponge-table-searchengine1 td{ height:59px;}

/*.sponge-list-searchengine .sponge-table-searchengine1 tbody th, .sponge-list-searchengine .sponge-table-searchengine1 tbody td{ padding-top:10px;padding-bottom:10px;}*/

.sponge-list-searchengine .sponge-list-content2 > a.sponge-list-title{ margin-bottom:14px;}
.sponge-list-searchengine .sponge-list-content2 .sponge-dl-searchengine .sponge-searchlist-pop-box > i.arrow-box, .sponge-list-searchengine .sponge-list-content2 .sponge-table-default > tbody > tr > td .sponge-searchlist-pop-box > i.arrow-box
{ right:29px;}

.sponge-list-searchengine .sponge_thumbnails_image img{ margin-bottom:15px;}


.sponge-page-guide .search-list-right-icon{ display:inline-block; margin:0px 0px 0 0; vertical-align:top; position:absolute; right:40px; }
.sponge-page-guide .search-list-right-icon > li{ display:inline-block; margin:0 10px; padding:0;  }
.sponge-page-guide .search-list-right-icon > li.icon-active{}
.sponge-page-guide .search-list-right-icon > li::before{ display:none; }
.sponge-page-guide .search-list-right-icon > li > a{ font-size:120%; color:#cacaca; cursor:Default; }
.sponge-page-guide .search-list-right-icon > li.icon-active > a{ color:#444; cursor:pointer;}

.ui-tooltip, .arrow:after { background: black; border: 0; }
.ui-tooltip { color: white !important; border-radius: 20px !important;  text-transform: uppercase !important; min-height:32px; padding-top:5px !important;
 /*box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) !important;*/ border-width:0 !important; box-shadow:none !important; background-color:#007fb6 !important;}
.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px;  }
.arrow.top { top: -16px; bottom: auto; }
.arrow.left { left: 20%; }
.arrow:after { content: ""; position: absolute; left: 28px; top: -12px; width: 15px; height: 15px; /*box-shadow: 6px 5px 9px -9px black;*/ box-shadow:none !important; background-color:#007fb6 !important;
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.arrow.top:after { bottom: -20px; top: auto; }

.sponge-searchengine-type03{ margin-top:10px; }
.sponge-searchengine-type03 dl{ width:100%; margin-bottom:5px; }
.sponge-searchengine-type03 dl > dt { opacity:0.6; display:inline-block; font-weight:normal; margin-right:5px;}
.sponge-searchengine-type03 dl > dd {  margin-right:15px; display:inline-block; color:black; }
.sponge-searchengine-type03 dl > dd::after { content:'/'; padding-left:15px; opacity:0.3; }
.sponge-searchengine-type03 dl > dd:last-child::after {  opacity:0; }
.sponge-searchengine-type03 dl > dd > span.opcity{ opacity:0.6;}

.wrapper-switch { width: auto; height: auto; display: inline-block; }
.wrapper-switch #switch { position: absolute; /* hidden */ appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.wrapper-switch .switch_label { position: relative; cursor: pointer; display: inline-block; width: 80px; height: 28px; background: #fff; border: 2px solid rgba(90, 168, 221, 0.8); border-radius: 20px; transition: 0.2s; text-align: right; padding-right: 10px; transition-duration: 0.9s, 0s; }
.wrapper-switch .switch_label:hover { background: #efefef; }
.wrapper-switch .onf_btn { position: absolute; top: 2px; left: 3px; display: inline-block; color: rgba(90, 168, 221, 0.8);background-color: rgba(90, 168, 221, 0.8); border-radius:50px; transition: 0.2s; font-size:20px; line-height:normal;}
.wrapper-switch .onf_btn .fas.fa-check-circle{ display:none;}
.wrapper-switch .onf_btn .far.fa-check-circle{ display:inline-block;}

/* checking style */
.wrapper-switch #switch:checked + .switch_label { background: #5aa8dd; border: 2px solid #5aa8dd; text-align: left; padding-left: 10px; color: #fff; }

.wrapper-switch #switch:checked + .switch_label:hover { background: rgba(90, 168, 221, 0.5); }

/* move */
.wrapper-switch #switch:checked + .switch_label .onf_btn { left: auto; right: 3px;  box-shadow: 1px 2px 3px #00000020; }
.wrapper-switch #switch:checked + .switch_label .onf_btn .fas.fa-check-circle{ display:inline-block;}
.wrapper-switch #switch:checked + .switch_label .onf_btn .far.fa-check-circle{ display:none;}

.sponge-page-guide .libtech-vacation {padding:0; width:100%; margin-bottom:20px; clear:both;}
.sponge-page-guide .libtech-vacation > li{ display:inline-block; float:left; width:10%; padding:0; vertical-align:top; border-right:1px solid #fff;}
.sponge-page-guide .libtech-vacation > li:last-child{  border-right-width:0;}
.sponge-page-guide .libtech-vacation > li::before{ display:none; }
.sponge-page-guide .libtech-vacation > li > dl{ }
.sponge-page-guide .libtech-vacation > li > dl > dt, .sponge-page-guide .libtech-vacation > li > dl > dd{ padding:5px; text-align:center;  border-bottom:1px solid #fff; min-height:37px; width:100%;}
.sponge-page-guide .libtech-vacation > li > dl > dd{ background-color:#dede4d; opacity:0.4; }
.sponge-page-guide .libtech-vacation > li > dl > dd.bancha{ position:relative; padding:0; opacity:1; background-color:rgba(222, 222, 77, 0.4);}
.sponge-page-guide .libtech-vacation > li > dl > dd.bancha::after{ content:''; /*background-color:rgba(0, 0, 0, 0.3);*/  position:absolute; left:0; right:0; top:0; bottom:0; }
.sponge-page-guide .libtech-vacation > li > dl > dd.bancha > div{ width:50%; display:inline-block; float:left; padding:5px 0;min-height:36px; }
.sponge-page-guide .libtech-vacation > li > dl > dd.bancha > div:last-child{ border-left:1px solid #fff;}
.sponge-page-guide .libtech-vacation > li > dl .year{ padding:5px; opacity:1;}
.sponge-page-guide .libtech-vacation > li > dl .year2022{ background-color:#c6e0b4;}
.sponge-page-guide .libtech-vacation > li > dl .year2023{ background-color:#dec1f0;}
.sponge-page-guide .libtech-vacation > li > dl .year2024{ background-color:#bdd7ee;}

.sponge-page-guide .libtech-vacation-top{ position:fixed; right:30px; width:120px; z-index:5000;}
.sponge-page-guide .libtech-vacation-top > li > dl{ margin-bottom:0; width:100%;}
.sponge-page-guide .libtech-vacation-top > li{ width:100%; }

.PriCent {
    font-size: 20px;
    font-weight: bold;
    color: black;
}

.opacity-50{opacity:0.5;}
:lang(ko) .unicode-list{ font-family:'NanumGothic';}