/* 767px 이하일때 (Mobile)----------------------------------------------------------------------------- */     
    @media only screen and (max-width : 767px) { 
        
        body 
        {
             /*font-family: "Noto Sans light","Malgun gothic","맑은 고딕", "sans-serif", "Lucida Grande", "Georgia", "굴림";*/ 
             font-family: "Nanum Gothic", "나눔고딕", "Lucida Grande, Georgia", "맑은 고딕", "굴림";
             letter-spacing:-0.5px; 
             -webkit-font-smoothing:antialiased;
             -moz-osx-font-smoothing:grayscale;
        }
        .clicker-wrap-body{ }
        .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
        { width:100%;}
        .sponge-layout-sub-background{width:100%; min-width:0 !important;}
        .sponge-layout-sub-background.sponge-layout-mobile-background{ background-image:none !important; width:100%; max-width:100%;}
        /*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
        {  padding:0px; margin:0px 0 3px 0; width:100%;}
        .sponge-form-default{padding:0px 0px;}
        .sponge-form-default .row{  margin:0px; }
        .sponge-form-default label.sponge-label-default{  margin-right:0px; border-right: solid 1px #7c7c7c; width:100%; text-align:left; color:#7c7c7c; background-color: #fff;}
        .sponge-form-default input.sponge-input-default { font-weight:600; width:100%; padding-left:5px;}   
        .sponge-form-default input.sponge-input-default-100 { font-weight:600; width:100%; padding-left:5px;}       
        .sponge-form-default input.sponge-input-default-150{width:100%;}
        .sponge-form-default input.sponge-input-default-sub {width:100%; padding-left:5px; }
        .sponge-form-default .sponge-checkbox-default{ line-height:28px;   }
        .sponge-form-default .sponge-checkbox-default label{ }
.sponge-form-default .sponge-input-default-box .sponge-multilingual-btn{ padding:5px;}
        .sponge-columns-one{padding:0 0px; width:100%;}
        .sponge-columns-two{ width:49.7% !important; float:left !important; padding:0px;}
        .sponge-columns-two-right{float:right !important; width:49.7% !important; margin-right:0px !important;}

        .sponge-columns-Three{ width:33% !important; float:left !important; padding:0px;}
        .sponge-columns-Three-center-new{ width:33% !important;  padding-left:19px !important;}
        .sponge-columns-Three-center{ width:33.5% !important;  padding-left:2px !important; }
        .sponge-columns-Three.sponge-columns-Three-center{margin-right:0px !important; margin-left:2px;}
        .sponge-columns-Three-right{float:right !important; width:33.5% !important; padding-left:2px !important;}
   
        .sbHolder{ width:100%; background-color: #fff; }
        .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ color:#515151 !important; }
        .sbOptions{ width: 100%; border: solid 3px #7c7c7c; margin:-3px; padding:0 0; box-sizing:content-box;}
        .btn-sm, .btn-group-sponge-page > .btn { padding: 3px 5px;}
.sponge-guide-btns .btn-group-sponge-page .btn, .sponge-guide-btns .btn-group-sponge-page .btn.btn-sponge-default{ padding:3px; font-size:11px; height:24px; min-width:24px;}

        /*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
        {  border:0px; border-bottom: 1px solid #ddd;}

        .sponge-form-default-sub{ padding-left:0; padding-right:0; width:100%;}
        .sponge-form-default-sub form{margin:0; padding:0;}
        .sponge-form-default-sub .row{  margin-bottom:5px;  background-color:#fff; border-radius:0;}
        .sponge-form-default-sub .row-tow-left{ margin-bottom:5px; width:100%; border-right: 1px solid #7c7c7c; margin-right:0px;}
        .sponge-form-default-sub .row-tow-right{  width:100%; margin-right:0px;}
        .sponge-form-default-sub label.sponge-label-default{ text-align:left; padding-left:10px;border-radius:0 0 0 0; border-bottom:1px solid #7c7c7c;}
        .sponge-form-default-sub label.sponge-label-default span{ font-size:11px;}
        .sponge-form-default-sub input.sponge-input-default {  width:100%; border:0px; border-bottom: 1px solid #ddd;}   
        .sponge-form-default-sub input.col-md-8{ width:100%; border:0px; border-bottom: 1px solid #ddd;}

        .sponge-form-default-sub .sponge-columns-one{padding:0 0px; width:100%;}
        .sponge-form-default-sub .sponge-columns-two{ width:49.5%; float:left !important; padding:0px;}
        .sponge-form-default-sub .sponge-columns-two-right{float:right !important; padding-left:0px !important;}
        .sponge-columns-two .selectWrap{ margin-left:1px !important;}
        .selectWrap{width:100% !important;}
        .sponge-form-default-sub .selectWrap{ width:99% !important; margin:0 auto !important;}
        
       
        .SelectBoxBasic, .SelectBoxBasic2022, .selectWrap170, .tricBox170, .SelectBoxBasic170 {width: 100% !important; min-width:100%; max-width:100%; } 
        .sponge-form-default input.sponge-input-default-search{}
        .tricBox {width: 100% !important; min-width:100%; max-width:100%;}

        .fileexport-margin{ margin:0px; background-color:#fff; border-top:0px; border-radius:0px; border-color:#ddd;}
        .fileexport-margin .sponge-columns-two{ width:40% !important; }
        .fileexport-margin .sponge-columns-two-right{ width:60% !important;}

        /*검색리스트*/
        .sponge-searches-related{display:none; }
        .sponge-search-more{ margin-top:-30px; margin-right:10px; height:26px; padding:3px;}

        /*모달*/
        .sponge-search-list-modal{ width:90%; margin:0 auto;}
        .sponge-search-list-modal .modal-dialog{ width:100%; margin:0 auto; margin:0;}
        .sponge-search-list-modal .modal-content{ }
        /*.sponge-search-list-modal table{ }*/


        

    /* 버튼정리 (Mobile)----------------------------------------------------------------------------- */     
    
        .btn-sponge-default{ border-radius:3px;}
        .btn-sponge-white{ border-radius:3px; width:100%;}
        .btn-sponge-lg{  width:100%;}
        .btn-sponge-xlg{  width:100%;}
        .fileexport{  margin-top:0px;}
        .sponge-guide-btns{ padding:10px 0; margin-top:15px; }
        .sponge-guide-Box .sponge-guide-btns{ margin-bottom:0px; }
        .sponge-guide-btns .btn{ width:auto;}
        .sponge-guide-btns.first{ margin-top:0px;}
        .sponge-guide-btns.first-box{ margin-top:0px; border-top:0px; border-radius:0px 0px 3px 3px;}
  
    /* title (Mobile)----------------------------------------------------------------------------- */     

        .sponge-page-title-section { margin:0 0; border-bottom: 1px solid #dddddd !important; border-top: 1px solid #f1f1f1 !important; background-image:none !important; background-color:#f1f1f1 !important; padding:0 10px !important;  height:40px;}
        .sponge-page-title-section h3 { font-size: 17px; padding:9px 0; margin-left:0px; margin-right:0px; left:10px; top:1px; text-align:left; }
        .breadcrumb{ margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
        .breadcrumb > .active{ display:none; }
        .breadcrumb > li + li::before{ padding:0 2px;}
        .sponge-page-breadcrumbs-section{ margin-top:10px; font-size:11px; float:right; text-align:right; }
        .breadcrumbs-sponge-desktop{right:10px;}
        /*.sponge-page-title-section { margin:0 0; border-bottom: 1px solid #dddddd !important; border-top: 1px solid #dddddd !important; background-image:none !important; background-color:#f1f1f1 !important; padding:0 10px !important;  min-width:290px;}
        .sponge-page-title-section h3 { font-size: 18px !important; color:#3f3f3f !important; padding:7px 0 !important; display:none;}
        .sponge-page-breadcrumbs-section {margin-top: 9px;float:left; font-weight:600;}
        .breadcrumb > .active{font-size: 18px !important; color:#3f3f3f !important; margin-top:-8px; }
        .breadcrumbs-sponge-desktop li{ float:right; padding:0 0 0 5px; }
        .breadcrumbs-sponge-desktop > li + li::after{ content:"  /\00a0"; font-size:12px !important;}
        .breadcrumbs-sponge-desktop > li + li::before{ content:none;}*/
        
.sponge-page-guide .history_box_guide .sponge-nav-tabs{ border-top-width:0px; margin-bottom:0px;}
.sponge-page-guide .history_box .year_box h5{background:none !important;}
.history_box .year_box{padding:10px 0;}
.history_box.sponge-guide-Box{ padding:0px 10px;}

.history_box .year_box .month_box{width:calc(100% - 20px); clear:both; }

.sponge-history-content > div.title-history{ height:126px; width:126px; }
.sponge-history-content > div.title-history > span{ font-size:240%; width:110px; height:110px; line-height:30px;  }
.sponge-history-content > div.title-history > span > i{ font-size:60%; }
.sponge-history-content > dl > dt{ font-size:24px; padding-right:15px; }
.sponge-history-content > dl > dd{ padding-right:15px;}
.sponge-history-content > dl > dd::before{ left:calc(100% - 6px); top:3px;}
.sponge-history-content > dl:nth-child(odd) > dd::before{ left:auto; right:calc(100% - 6px);}
.sponge-history-content > dl > dd > strong, .sponge-history-content > dl:nth-child(odd) > dd > strong{ display:block; float:none; }
.sponge-history-content > dl:nth-child(odd) > dt, .sponge-history-content > dl:nth-child(odd) > dd{padding-left:15px;}
.sponge-guide-Box > p:first-child{margin-top:0;}

        /*찾아오시는 길*/
        .sponge-map { }
        .sponge-map .Vehicle{ border-top:1px solid #c4c4c4;  padding:20px 0 20px 0; margin-top:20px; }
        .sponge-map .Car,.sponge-map .Bus{ background-image:none; }

        .sponge-map h4 { background:none !important; background-color:#f1f1f1 !important; color:#3f3f3f !important; padding:7px 15px !important; 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-map h5 { background:#f1f1f1 url("/Sponge/Images/title/title_h5_bg.png") no-repeat right 12px !important; padding:7px 30px 7px 15px !important;margin: 15px 0 10px 0 !important; line-height:12pt; color:#3f3f3f !important; }
        .sponge-map h5:first-child { margin-top: 0 !important;  }
        .sponge-map .info{border-bottom:0px dashed #c4c4c4;  }

        .worldmap, .geolocation{ position:relative; left:auto; top:auto; display:inline-block; margin-right:30px; clear:left; clear:both;}
        .geolocationList{width:100%;}
        .page-detail-title-image-archive{margin:0 auto;}

        .geolocationImg{text-align:left; }
        .geolocationImg a{ min-width:100px; }

        
    /*모바일버젼확인*/
    
    .libtech-mobile-header-popup{  min-width:300px; min-height:370px; border:3px solid #0a7bc3; position:absolute; top:10px; left:10px; z-index:6000; background: url('/sponge/images/Popup/mobile_popup_blue.png') no-repeat;display:block; }
    .libtech-mobile-header-popup .sponge-popup-App-close{ margin:0 5px; padding:5px; float:right;}
    .libtech-mobile-header-popup .sponge-popup-App-logo{ width:200px;  margin:20px 0 15px 100px; text-align:center; clear:right;}
    .libtech-mobile-header-popup .sponge-popup-App-logo img{ width:175px;}
    .libtech-mobile-header-popup .sponge-popup-App-go{ width:146px; height:145px; z-index:1; margin:10px 0 10px 150px; background: url('/sponge/images/Popup/app_blue.png') no-repeat; display:block;}


/*subPage Guide*/
    /* 768px 이하일때 (Mobile)----------------------------------------------------------------------------- */     
        
        .sponge-page-guide { padding:15px 10px 15px 10px; margin: 0px; overflow-x:auto;}
        .sponge-searchdetalil-guide, .sponge-searchdetalil-guide .sponge-page-guide{width:100%;}
        .sponge-page-guide.first { padding-top:0;}

        .sopnge-welcome-search-booklist{ margin-top:15px; }
        .sopnge-welcome-search-booklist{ display:none; }
  
        .page-search-left-list { float:none; width:100%;}
        .page-search-right-refine {float:none; width:20%; display:none; }
           

        .sponge-logon-body{ margin:0 auto !important;}
        .sponge-logon ul{ padding:15px 15px 0 15px !important; }

        /*탭색 조정*/   
        
        .nav-tabs-blue { padding:25px 0 0 0px; margin:0 0;  border-bottom:1px solid #292523 !important;}  
        .nav-tabs-blue > li.active > a,
        .nav-tabs-blue > li.active > a:hover,
        .nav-tabs-blue > li.active > a:focus { border:1px solid #525252 !important; border-bottom:1px !important; padding:3px 6px;}


        .sponge-layout-content-container-leftmenu{ min-height:0; width:100%; border-bottom:1px solid #ddd; } /* img test */
        .sponge-layout-content-container-leftmenu h1{ display:none;} 
        .sponge-layout-content-container-leftmenu ul{padding-left:0; padding-right:0; width:100%; text-align:center;}
        .sponge-layout-content-container-leftmenu ul li{display:inline-block;}
        .sponge-layout-content-container-leftmenu ul li a{ padding:2px 5px; border:1px solid #ddd; border-radius:3px; margin-top:10px; margin-bottom:10px; } 
        .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,
        .sponge-layout-content-container-leftmenu ul li.active a, .sponge-layout-content-container-leftmenu ul li.active a:hover, .sponge-layout-content-container-leftmenu ul li.active a:focus
        { background-color:#007fb6 !important; background-image:none !important; color:#fff !important; border:1px solid #007fb6; }

        .col-md-9.sponge-layout-content-container-rightcontent .sponge-page-guide.clicker_mode{ margin-top:0px; padding-top:15px;}

 
          
      div.dsc { margin: 0px 0 10px 0; border-top: 0px solid #ddd; padding: 15px; }
      .organization .padding0{padding:0px;} 
      .organization .border{padding:10px 5px; margin-bottom:5px;}
      .organization .border-col-2{width:100%; height:auto; border-radius:10px; margin:0 auto;}         
      .organization .border-list-sub{width:100%;}


        .search-list-result, .sponge-newbook-list .search-list-result{height:auto; width:100%; min-height:0;}
        .sponge-list-content {padding:0 0 0 0px; }
        #searchq01 .sponge-list-content {padding-top:22px; }
        .sponge-page-guide .sponge-list-content .sponge-list-content-box{ margin:0; }
        .sponge-page-guide .sponge-list-content .sponge-list-content-box > span.DeskTop-none{display:inline-block;}
        .sponge-page-guide .sponge-list-content .sponge-list-content-box a { display:inline-block;}
        .sponge-page-guide .sponge-list-content .sponge-list-content-box .label-sponge-button{   background-color:#fff; border:1px solid #bdc3c7; padding:2px 4px !important; line-height:1.5 !important; min-height:20px !important;}

        .sponge-page-guide .sponge-list-content .sponge-list-content-box .sponge-searchlist-pop{ overflow-x:auto; width:100%;}
        .sponge-page-guide .sponge-list-content .sponge-list-content-box .dropdown{ position:unset;  }
        .sponge-page-guide .sponge-list-content .sponge-list-content-box .dropdown-menu{top:95%; padding:0; border-radius:0;}

        .sponge_thumbnails_image_div{width:75px;}
        .sponge_thumbnails_image img{width:55px; height:75px;}
        .sponge-list-title { color: #0A0A0A; font-size: 14px; font-weight: 600; width: 85%; }
        .search-list-command { top: 10px; left: 75px; position: absolute; color: #C9C3C3; height:25px; z-index:7;}
        /*searchlist-모달부분*/
        .search-list-command .sponge-searchlist-pop{ display:none;}
   

        .search-list-checkbox { top: 7px; z-index:9; }

        /*board css*/
        .sponge-list-board .pull-right{ float:none !important; clear:left; padding:0 0 0 10px;}
        .sponge-list-board .pull-right img{ vertical-align:middle; margin:0 0 0 2px;}
        .sponge-list-board-detail .pull-right { float:none !important; clear:left; padding:4px 15px; border:1px solid #dddddd; border-top:0px; /*border-bottom:0px;*/border-bottom:1px solid #eee; margin:0px;}
        .sponge-list-board #l_title{  background-color:#f1f1f1; color:#3f3f3f; padding:7px 15px; width:100%;font-size:12pt; border:1px solid #dddddd; border-bottom:0px; height:auto; border-radius:5px 5px 0 0;line-height:normal; }    
        #smart_editor2 .se2_tool{ overflow:hidden; }
        #smart_editor2 .se2_text_tool ul{ display:inline-block; float:none;}
        #smart_editor2 .se2_text_tool li { display:inline-block; float:none; position: relative; z-index: 30; }
        
        .modal-dialog{ width:100% !important;  padding-top:120px; margin:0;}
  
    /*subPage Guide*/

   .sponge-QRcod-bg-none .sponge-page-boxGide{  min-height:0px !important;}

    .sponge-page-guide h4, .sponge-page-guide-policy_email h4, .sponge-map h4, .sponge-page-guide h3.tit.order50 { color:#3f3f3f;  font-size:12pt;  clear: left; margin: 20px 0 0 0;  height:auto; padding:5px 0 5px 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:15px;}
    
    .sponge-page-guide h4.first{ margin-top:0px !important; padding-top:7px;} 

.sponge-page-guide h5, .sponge-map h5 { padding:7px 30px 7px 15px;  line-height:12pt; color:#3f3f3f; background-image:none !important; background-color:#f1f1f1; 
                                            background:#f1f1f1 url("/Sponge/Images/title/sponge-mobile-h5.png") no-repeat right center; font-size:12pt; margin:20px 0 10px 0; }
    .sponge-page-guide h5.first {  margin-top:0px; }
    .sponge-page-guide h5.border-H5{ border-left:1px solid #ddd; border-right:1px solid #ddd; }
     .sponge-page-guide h4 + .sponge-guide-Box > h5:first-child, .sponge-page-guide h4 + h5, .sponge-guide-Box > h5:first-child{ margin-top:0px; }
    .sponge-page-guide h6, .sponge-page-guide .sponge-point-title, .sponge-page-guide .h6_list { margin-left: 0px; }
    .sponge-page-guide ul { padding:5px 0 5px 0; }
    .sponge-page-guide ul.first {  margin-top:0px; }
    .sponge-page-guide .sponge-guide-Box ul:last-child {  margin-bottom:0px; }
    .sponge-page-guide p{ margin:10px 0; padding:0 0px;}
    .sponge-page-guide p.first{ margin-top:0px;}
 
    .sponge-page-guide-policy_email{width:100%;}
    .sponge-page-guide-policy_email h4{display:block; margin:30px 0 20px 0; background-color:transparent !important; border:0px; padding:0 0;  font-size:24px;}
    .sponge-page-guide-policy_email h4:first-child{ margin:0 0 20px 0;}
    .sponge-page-guide-policy_email h5 { margin:10px 0 5px 0; }    
    .sponge-page-guide-policy_email h5.disabled{ background:#6aa2db; margin-top:10px; width:100%; font-size:12pt; }
    /*.sponge-page-guide-policy_email h5.disabled{ width:100%;}*/
    .sponge-page-guide-policy_email .policy_img, .sponge-page-guide-policy_email .email_img, .sponge-page-guide-policy_email .email_img.library_img  { padding-left: 0; min-height: initial; background-image:none; min-height:0;}
    .guideBox { border:1px solid #ddd; border-top:0px; padding:15px; }

    .sponge-table-default-overflow{overflow-x:scroll; width:100%;}
    .sponge-guide-Box .sponge-table-default {  min-width:258px;  }
    /*.sponge-guide-Box h5:first-child{margin-top:0px;}*/
    /*.sponge-guide-Box .sponge-page-boxGide{ margin: 15px;}*/
    .sponge-guide-title { padding:0; width:100%; clear: left; margin: 15px 0 0 0 !important; height:auto; line-height:11pt; border:0px;}
    .sponge-guide-title-first{margin-top: 0 !important;}
       
    .sponge-guide-title .pull-right {  padding:7px 15px; border:1px solid #dddddd; margin:0px; width:100%;} 
.sponge-guide-title .pull-right.sponge-detail-list.ie7-hide.sponge-guide-Box { border-top-width:0; } 
    .sponge-guide-title .sponge-detail-list { float:none !important; clear:left; background-color:#fff; text-align:center;} 
     .sponge-page-guide ul.sponge-detail-list{ padding-top:10px; padding-bottom:0;}
    .sponge-guide-title select{text-align:right;}

    .sponge-pull-title { position:relative; clear:both; }
    .sponge-pull-title h5.pull-left { width:100%;}
    .sponge-pull-title .pull-right{ position:absolute; top:3px; right:10px; padding:0px; margin:0px;}
    .sponge-pull-title .pull-right.first{ top:5px;}
    .sponge-pull-title .pull-right.pull-right-h5{top:5px; margin-top:0px;}
    .sponge-pull-title .pull-right-h5 { right:35px;}
    .sponge-pull-title .pull-right-10 { right:10px;}
    .sponge-pull-title { position:relative; clear:both; }
    .sponge-pull-title.sponge-collection {padding-bottom:0px;}
    .sponge-pull-title.sponge-collection .pull-right{ top:2px; right:5px;}

    .sponge-guide-Box, p.sponge-guide-Box{ padding:10px 0; clear:both; margin:0px;}
    .sponge-guide-Box ul{padding-left:0px;}
.sponge-guide-Box > ul:first-child{ padding-top:0;}
.sponge-guide-Box ul.sponge-page-boxGide2{ padding-left:10px; }
    ul.sponge-guide-Box{ padding:10px 0; clear:both; margin:0px !important;}
    .sponge-guide-Box-table{  padding-left:0px; padding-right:0px; margin-bottom:10px; overflow-x:auto; }
    .sponge-guide-Box-table table{ }
    .sponge-guide-Box-table p{ margin:5px 0 10px 5px; border:0px solid #eee; padding:0;}



    .sponge-search-detail{ padding-top:0px;  width:100%; padding-bottom:0px; }
    .sponge-search-detail .detail-table-left { text-align:center; float:none !important; width:100%;   padding:0 0 15px 0; position:unset; }
    .sponge-search-detail .detail-table-left a{display:inline-block;}
    .sponge-search-detail .detail-table-left .page-detail-title-image img{ width:100%; height: auto; max-width:120px; }
    .sponge-search-detail .detail-table-left .page-detail-title-qrcode { margin: 5px auto; padding:0px; width:100%; text-align:center; clear:both; }
    .sponge-search-detail .detail-table-left .page-detail-title-qrcode a, .sponge-search-detail .detail-table-left .page-detail-title-qrcode .label-sponge-button{ margin-bottom: 5px; width:auto;}
    .sponge-search-detail .detail-table-right { float:none !important; padding:0 0 0 0; width:100%; min-height:100px; }
    .sponge-search-detail .detail-table-right .sponge-book-title { border-top:1px solid #eee; padding-top:15px; margin-bottom:10px !important; }
    .sponge-search-detail .detail-table-right2 { min-height:0; }
    .sponge-search-detail .sponge-table-default { border-top: 0px solid #dbdbdb; border-bottom: 0px solid #dbdbdb !important;  }
    .sponge-search-detail .DeskTop_none .sponge-book-title{ padding:0px 0 0px 0;}
    .sponge-search-detail .mobile-none .sponge-book-title{ padding:20px 15px 10px 0;}
    .sponge-search-detail dl { border-top:0px; padding-left:0;}
    .sponge-search-detail dt{ padding-right:0; margin-right:5px !important; width:auto; min-width:80px; }
    .sponge-search-detail dd{ margin-right:10px; margin-left:8px;}
.sponge-search-detail dd.sponge-book-list-data{ margin-left:120px;}
    .sponge-search-detail dd span{ margin-left:0px; font-weight:normal;}

    .sponge-onroad-detail .detail-table-left{padding:0px;  margin-bottom:0px;}
    .sponge-onroad-detail .detail-table-left img.sponge-profile-big-photo-image{ width:100%; min-width:0; }
    .sponge-onroad-detail .detail-table-right{padding-top:0px; margin-top:0px; }


    .sponge-searchdetalil-2021 > .col-md-9{ padding:0; width:100%;}
    .sponge-searchdetalil-2021-right{ display:none;}
.sponge-search-detail .detail-table-right > .detail-table-right-body{border-width:0; padding:0 0 15px 0; min-height:0; }

    .mobile-padding-top20{padding-top:20px;}
    .titleBox{position:relative;}
    .titleBox .pull-right.first{position:absolute; top:6px; right:15px;}

    .sponge-onroad-nav-tabs{margin:0 15px; border:1px solid #ddd !important; border-radius:5px 5px 0 0;}
    .sponge-onroad-tab-content{margin:0 15px 15px 15px; border:1px solid #ddd !important; border-top:0px solid #ddd !important; border-bottom:1px solid #ddd !important; padding:15px;}
    .sponge-onroad-tab-roaditem-content{margin:0 15px 15px 15px; border:1px solid #ddd !important; border-top:0px solid #ddd !important; border-bottom:1px solid #ddd !important;}

    .page-detail-title-image{ display:inline-block; padding:0px;}
    .page-detail-title-image img{ width:110px; height:130px;}
    .page-detail-title-image a{padding:0px; margin:0px;width:120px; height:auto; display:block; }
    
    .detail-table-left img{ vertical-align:top; }
    .detail-table-right .sponge-form-inline{ border-radius:0px; border-top:0px; background-color:#fff; margin:0px; border-color:#ddd;}
    .detail-table-right p{ padding:10px 15px;}
    
    .search-detail-table {width:auto; margin:0 auto; }

    .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; }
    #SerialCheckinData{ margin:0px;}
    .sponge-title-intro{ margin-top:0px !important;}

    /*Erm*/
    .sponge-list-erm dt{ width:100%; display:block; margin-bottom:10px; }
    .sponge-list-erm dd{ width:100%; clear:both; }
    .sponge-list-erm-webdb > dl:last-child{ padding-left:0;}
    .sponge-list-erm-webdb > dl > dt{ display:none; }
    .sponge-list-erm-webdb > dl .btn{ padding-top:6px;}

    /*naver*/
    .sponge-page-guide .sponge-guide-Box ul.sponge-naver-left:last-child {  text-align:center; margin-bottom:20px; }
    .sponge-page-guide  .sponge-naver-left li{ display:inline-block; background-image:none !important; padding:1px; position:relative; padding:1px 2px; margin-bottom:0;  }
.sponge-naver-left li::before{ display:none;  }
    .sponge-naver-left a{ padding:2px; border:1px solid #ddd; border-radius:2px; }
    .sponge-naver-left li.line-top{border-top:0px solid #eee; padding-top:1px; margin-top:0;}
    .sponge-naver-left.sponge-onroad-left a{ padding:4px; border-radius:4px; }
    .sponge-naver-left.sponge-onroad-left a .badge{ font-size:8pt;}
   /*bestBook50, Recommendation*/
    .book-title-page { border-top:0px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0 15px;}
    .book-title-page dl.row{  min-width:260px; }
    .book-title-page dl.row:last-child{ border-bottom:0px solid #ddd; }
    .book-title-page dl.row:last-child, .book-title-page dl:last-child, .book-title-page dl.row:nth-last-child(1){  border-bottom:0px; }

    .book-title-page.book-title-page2{ border-top:1px solid #ddd;}
    .book-title-page dl{ min-width:260px; width:100% !important; padding:0px;}
    .book-title-page dl:last-child{ border-bottom:0px;}
    .book-title-page dt{ padding:12px 4px;  min-width:0; width:30% !important; float:left; text-align:center; display:inline-block;}
    .book-title-page dd { padding:10px 0 10px 10px; float:right; min-width:0; width:70% !important; display:inline-block; height:auto;}
    .book-title-page dt:nth-last-child(-n+2), .book-title-page dd:last-child { border-bottom:0px !important;}

    .book-title-page dt.ebook_dt{ min-width:75px;}
    .book-title-page dd.ebook_dd { min-width:180px;}
    .sponge_thumbnails_image.sponge_thumbnails_image_widh img{width: 70px; height: 47px;}

    /*.book-title-page .book-title-page_image{ padding:12px 0; min-width:74px; width:30% !important; float:left;}
    .book-title-page .book-title-page-list { padding:10px 0 10px 10px; float:right; min-width:160px; width:70% !important;}*/

    /*신착검색*/   
    ul.sponge-newbook-list{ margin-bottom:0px; padding-bottom:0px;} 
    .sponge-newbook-list li{ padding:3px; }
    .sponge-newbook-list img{ width:55px; height:73px; padding:2px;}
    
    /*배너*/
    .sponge_gallery_list_body .listStyle { width:45%; margin:0 2% 15px 2%;}

    .list-type-none {  text-align:center; }

    .sponge-panel-white-remark { border-top: 0px solid #dddddd; /*overflow:visible; overflow:auto; overflow:scroll; overflow:hidden; */}
    .sponge-min-height { min-height: 200px; }
    .sponge-panel-white-remark.sponge-min-height img{ width:100%;}

    .big-Img, .big-Img-pc, .big-Img-pc90, .big-Img-pc80, .big-Img-pc70, .big-Img-pc60, .big-Img-pc50, .big-Img-pc40, .big-Img-pc30, .big-Img-pc20, .big-Img-pc10{width:100%;}
    .big-Img.border-Img{ border:0px solid #ddd; }

    .small-Img{width:150%;}
    .sponge-page-boxGide2-title-first, .sponge-page-boxGide2.first, .sponge-page-boxGide.first, h4 +.sponge-page-boxGide2{border-top:0px;}
    .sponge-page-boxGide2-bottom0{ margin-bottom:0; }
    .sponge-page-boxGide2 > .sponge-guide-btns:last-child{ padding-bottom:0;}
    .sponge-page-guide h4 + .sponge-page-boxGide{ border-top-width:0; }
    .sponge-page-boxGide-mobile, .sponge-page-guide p.sponge-page-boxGide-mobile{border:1px solid #ddd; border-top-width:0; border-bottom-width:0; padding:10px; margin:0; }

    .sponge-document-file{ overflow:hidden;}

    .sponge-page-guide .arrowBox2019{ border:0px; border-radius:0 0 3px 3px; box-shadow:none; width:100%;}
    .sponge-page-guide .arrowBox2019 table{ width:100%; }
    .sponge-page-guide .arrowBox2019 td { padding:10px 10px 20px 10px; margin:0px;  background: url("/Sponge/Images/Arrow/arrowBoxGraydown.png") no-repeat right center !important;background-position:center bottom !important; display:block; width:100% !important; }
    .sponge-page-guide .arrowBox2019 td:last-child{padding:10px;}    
    .sponge-page-guide .arrowBox2019 td br{ display:none; }    
.sponge-page-guide .arrowBox2019 table:last-child tr > td:last-child{padding:10px 0 !important;}
    .sponge-guide-phone > .row > div{ text-align:left;}

    .arrowBox3{ clear:both; text-align:center;}
    .arrowBox3 li{ width:60px !important; margin-right:0px; display:inline-block; float:none;}
    .arrowBox3 li a{ width:55px; height:55px;  font-size:11px  !important;  padding-top:15px !important;  line-height:12px !important;}

    .arrowBox3 li span { margin-top:25px;}
    .arrowBox3 li.line2 a{  padding-top:14px !important;line-height:12px !important;}

    .sponge-QRcod{ background: none !important; width:100%; padding:0px;}
    .sponge-page-guide.sponge-QRcod h4, .sponge-page-guide .sponge-QRcod h4, .sponge-QRcod h4{width:100%; padding:7px 10px; background-image:none;  font-size:12pt; text-align:left; color:#000; border-top-width:1px; }
    .sponge-QRcod h5{width:100%; padding:7px 10px;  background:#f1f1f1 url("/Sponge/Images/title/title_h5_bg.png") no-repeat right 12px !important;  font-size:11pt !important; text-align:left; }

    .sponge-QRcod .col-md-6{  padding:0px;}


.sponge-page-boxGide2 + .sponge-guide-Box{ margin-bottom:0; }

    /*도서관연혁 History*/
    .history_guide{ padding-top:20px;}
    .history_guide .img_hi{ display:none !important;}
    .history_guide .guide_text{ width:100% ;}
    .sponge-page-guide .history_guide .guide_text h4, .history_guide .guide_text h4{ border-left-width:0; border-right-width:0; border-radius:0;}
    .history_guide ul{ margin:10px 0; border:0px !important;  padding:0px !important; height:auto;}
    .history_guide ul > li { clear:both;  }
    .history_guide ul > li > p{  margin:0 0 5px 0 !important; padding:0px !important;}
    .history_guide ul > li > p:first-child{  width:25px; margin-right:10px !important;}
    .history_guide li h6{width:10%;}
    .history_guide li p{width:85%; padding-top:10px;}
    .sponge-container-mini-center-body{width:100%;}
    .agreeCon {  border-top: 0px solid #dddddd; }

    .sponge-nav-stacked{text-align:center; border:1px solid #ddd; border-left:0px; border-right:0px; padding:5px 0;}
    .sponge-nav-stacked li { padding:0; display:inline-block; float:none;}
    .sponge-nav-stacked li a{ padding:2px 5px; display:inline-block; float:none;}


    .floor_visual div.MapImg{margin-bottom:20px; width:100%;}
    .floor_visual div.MapImg img{width:100%;}
    .floor_visual p{  width:100%; padding-left:42px; margin-top:20px; height:auto; clear:both; }


    .history_guide h5{ background-color:transparent !important; background-image:none !important; min-width:70px; float:left; color:#007fb6 !important;}
    .history_guide ul{width:90%;}
    .file_link_Smallimg_list{ padding-left:0px;  text-align:center; padding-top:20px;}

    .history-box div.img_hi, .history_guide p.img_hi{display:none;}
    .history-box .guide_text{width:100%;}
    .history-box h5{margin-top:0px; background-color:#fff !important; padding:8px 0px; background-image:none !important; color:#000;}
    .history-box ul{margin-top:0px; padding:5px;}
    .history-box li h6{ padding:0px 0; font-size:13px; width:100%; }
    

    /*도서관장*/
    .LibraryDirector{text-align:center;}
   

    .sponge-floor-icon{ text-align:center; }
    .sponge-floor-icon li{ margin-left:10px; display:inline-block; background-image:none !important; padding-left:0px !important;}

    .modal{width:90%; margin:0 auto;}
    .sponge-table-from-right{width:100%; float:none;}

    .col-15p{text-align:left; padding-left:10px !important; border-bottom:1px solid #ddd !important;}
    .row .col-15p{ border-top:1px solid #555 !important;}
    .row .col-15p:first-child, .row .col-15p.first-line-top0{ border-top:0px solid #555 !important;}
    .sponge-book-list-box {position:relative; height:60px; min-width:210px;}
    .sponge-book-list-box > div{ position:absolute; margin-left:75px; min-width:210px;}

    /*.sponge-profile-big-photo-image{max-height:100% !important; max-width:100% !important; width:100% !important;}*/
    .sponge-profile-big-photo-image{max-height:100% !important;}

    .sponge-profile-big-photo-no-max-width-image{max-height:100% !important;}

    .VideoBoardimg{max-width:428px; width:100%; height:auto; max-height:210px}
    /**/
    .banner_popup{display:none;}
       .pup_close_btn{ right:15px; }
    /*팝업 2023*/
    .sponge-banner-popup{ display:block; }
    .sponge-banner-popup > .container{ width:90%; margin:100px auto; padding:0 0; border-radius:10px;}

.sponge-banner-popup .flexslider .slides > li{font-weight:normal;}
    .sponge-banner-popup .flexslider .slides > li h2{ padding:5px 30px; height:27px; }
    .sponge-banner-popup .flexslider .slides > li h2 a{ font-size:13px; }
.sponge-banner-popup .flexslider .slides > li .sponge-banner-popup-content{ padding:10px 0 5px 0;}
    .sponge-banner-popup .flexslider .slides > li .sponge-banner-popup-content > div{ height:250px; padding:10px; font-size:13px; background-image:none; }
.sponge-banner-popup .flexslider .slides > li .sponge-banner-popup-content > div > ul > li{font-size:12px; font-weight:normal; }
     /*페이저 버튼*/
    .sponge-banner-popup .flex-control-paging { padding-left:0px; left:7px; bottom:10px; }


    .sponge-banner-popup .flex-control-paging a { padding-top:2px; width: 15px; height: 15px; font-size: 10px; line-height: 10px;}
    

        /*이전, 다음 버튼*/
    .sponge-banner-popup .flex-direction-nav li { top: 10px; height:18px; width:18px; }
    .sponge-banner-popup .flex-direction-nav li a { padding-top:4px; min-height:15px;}
    .sponge-banner-popup .flex-direction-nav li a::before{ margin:0px auto;}
    .sponge-banner-popup .flex-direction-nav li.flex-nav-prev { left: 10px; }
    .sponge-banner-popup .flex-direction-nav li.flex-nav-next { right: 10px; }


    .sponge-banner-popup .sponge-banner-popup-footer{padding:5px 0;}
    .sponge-banner-popup .close_cheackbx{  padding-right:0px; padding-bottom:5px; }
    .sponge-banner-popup .close_cheackbx_container{ width:100%; bottom:0; padding:0 10px; min-width:0;}
    .sponge-banner-popup .close_cheackbx_container > .btn{ font-size:11px; padding:3px 5px; }
    .sponge-banner-popup .close_cheackbx label{ color:#000; margin-right:20px;}
    .sponge-banner-popup .pup_close_btn{ right:10px; }
    .sponge-banner-popup .close_cheackbx input[type='checkbox'] {margin-top:2px; border-radius:0 !important; width:15px;}




    /*.flexslider .slides{height:50px; overflow:hidden;}
    .flexslider .slides > li { height:50px; overflow:hidden; }*/  

    .sponge-table-default th.mobile-background-none{ background-image:none;}
     /*찾아오시는길*/
    .directions_map{width:100%; margin:0 auto;}
    .directions_group, .directions_group2{margin-top:0px;padding-left:15px; background-image:none;}
    .directions_map p:first-child{ margin-top:0px;}
    .directions_map p:last-child{ margin-bottom:0px;}



.sponge-ui-local {border-top-width:0px; margin-bottom:0; padding-bottom:0;}
.sponge-ui-local .map-title {width:100%;padding: 0 10px 10px 0; }
.sponge-ui-local .map-title strong {font-size: 24px;}
.sponge-ui-local .map-cont { top:auto; position:unset;width:calc(100% - 0px);padding:10px; border-radius:0; }
.sponge-ui-local .map-cont .map-list { padding:0 ;margin:0;}
.sponge-ui-local .map-cont .map-list > li {margin:0 0;}
.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-directions h5{ background-color:transparent; padding-left:0; }


.sponge-smooth-main > div{width:100%;}
.sponge-smooth-main > div h5.first{ margin-top:20px; }

    .sponge-panel-remark-list{overflow-x:auto;}

    .sponge-detail-table .icon-mobile .fa, .sponge-detail-table .icon-mobile .fab, .sponge-detail-table .icon-mobile .fas, .sponge-detail-table .icon-mobile .far{ font-size:20px;}
   
    /* -------- 바로가기 --------- ***************************************************************************************************************************************/  
    .sponge-main-icon-map { text-align:center !important; padding:10px 0 15px 0 !important; border-bottom:1px solid #ddd !important; background-color:#fff !important; width:100% !important;}
    .sponge-main-icon-map ul{ padding:0;}
    .sponge-main-icon-map li{ float:none !important; height:auto !important; min-width:75px !important; padding-top:10px !important; width:auto !important; border-right:0px solid #e8e8e8 !important; vertical-align:top !important; display:inline-block !important;}
    .sponge-main-icon-map li.no, .sponge-main-icon-map li.mobile-none{ display:none !important;}
    .sponge-main-icon-map li.last{ float:none !important;}
    .sponge-main-icon-map li a{ font-size:12px !important; min-width:77px !important; width:auto !important;  height:auto !important; border:0px !important;}   
    .sponge-main-icon-map li a:hover{ color:#000 !important;}   
    .sponge-main-icon-map li a span{ display:block !important; width:54px !important; height:54px !important;  background:url("/sponge/Images/icon/mobile_main_iCon_guide.png") no-repeat !important; margin:0 auto 5px auto !important;}
    .sponge-main-icon-map li a span.map01{ background-position:0px -50px !important; }
    .sponge-main-icon-map li a span.map02{ background-position:-60px -50px !important;}
    .sponge-main-icon-map li a span.map03{ background-position:-120px -50px !important;}
    .sponge-main-icon-map li a span.map04{ background-position:-180px -50px !important;}
    .sponge-main-icon-map li a span.map05{ background-position:-240px -50px !important;}
    .sponge-main-icon-map li a span.map06{ background-position:-300px -50px !important;}
    .sponge-main-icon-map li a span.map07{ background-position:-360px -50px !important;}
    .sponge-main-icon-map li a span.map08{ background-position:-420px -50px !important;}
    .sponge-main-icon-map li a span.map09{ background-position:-480px -50px !important;}
    .sponge-main-icon-map li a span.map10{ background-position:-540px -50px !important;}
    .sponge-main-icon-map li a span.map11{ background-position:-600px -50px !important;}
    .sponge-main-icon-map li a span.map12{ background-position:-660px -50px !important;}
    .sponge-main-icon-map li a span.map13{ background-position:-720px -50px !important;}
    .sponge-main-icon-map li a span.map14{ background-position:-780px -50px !important;}
    .sponge-main-icon-map li a span.map15{ background-position:-840px -50px !important;}
    .sponge-main-icon-map li a span.map16{ background-position:-900px -50px !important;}
    .sponge-main-icon-map li a span.map17{ background-position:-960px -50px !important;}
    .sponge-main-icon-map li a span.map18{ background-position:-1020px -50px !important;}
    .sponge-main-icon-map li a span.map19{ background-position:-1080px -50px !important;}
    .sponge-main-icon-map li a span.map20{ background-position:-1140px -50px !important;}
    .sponge-main-icon-map li a span.map21{ background-position:-1200px -50px !important;}
    .sponge-main-icon-map li a span.map22{ background-position:-1260px -50px !important;}
    .sponge-main-icon-map li a span.map23{ background-position:-1320px -50px !important;}
    .sponge-main-icon-map li a span.map24{ background-position:-1380px -50px !important;}
    .sponge-main-icon-map li a span.map25{ background-position:-1440px -50px !important;}
    .sponge-main-icon-map li a span.map26{ background-position:-1500px -50px !important;}
    .sponge-main-icon-map li a span.map27{ background-position:-1560px -50px !important;}
    .sponge-main-icon-map li a span.map28{ background-position:-1620px -50px !important;}
    .sponge-main-icon-map li a span.map29{ background-position:-1680px -50px !important;}
    .sponge-main-icon-map li a span.map30{ background-position:-1740px -50px !important;}
    .sponge-main-icon-map li a span.map31{ background-position:-1800px -50px !important;}
    .sponge-main-icon-map li a span.map32{ background-position:-1860px -50px !important;}
    .sponge-main-icon-map li a span.map33{ background-position:-1920px -50px !important;}
    .sponge-main-icon-map li a span.map34{ background-position:-1980px -50px !important;}
      
    .sponge-main-icon-map li a:hover span.map01{ background-position:0px -120px !important;}
    .sponge-main-icon-map li a:hover span.map02{ background-position:-60px -120px !important;}
    .sponge-main-icon-map li a:hover span.map03{ background-position:-120px -120px !important;}
    .sponge-main-icon-map li a:hover span.map04{ background-position:-180px -120px !important;}
    .sponge-main-icon-map li a:hover span.map05{ background-position:-240px -120px !important;}
    .sponge-main-icon-map li a:hover span.map06{ background-position:-300px -120px !important;}
    .sponge-main-icon-map li a:hover span.map07{ background-position:-360px -120px !important;}
    .sponge-main-icon-map li a:hover span.map08{ background-position:-420px -120px !important;}
    .sponge-main-icon-map li a:hover span.map09{ background-position:-480px -120px !important;}
    .sponge-main-icon-map li a:hover span.map10{ background-position:-540px -120px !important;}
    .sponge-main-icon-map li a:hover span.map11{ background-position:-600px -120px !important;}
    .sponge-main-icon-map li a:hover span.map12{ background-position:-660px -120px !important;}
    .sponge-main-icon-map li a:hover span.map13{ background-position:-720px -120px !important;}
    .sponge-main-icon-map li a:hover span.map14{ background-position:-780px -120px !important;}
    .sponge-main-icon-map li a:hover span.map15{ background-position:-840px -120px !important;}
    .sponge-main-icon-map li a:hover span.map16{ background-position:-900px -120px !important;}
    .sponge-main-icon-map li a:hover span.map17{ background-position:-960px -120px !important;}
    .sponge-main-icon-map li a:hover span.map18{ background-position:-1020px -120px !important;}
    .sponge-main-icon-map li a:hover span.map19{ background-position:-1080px -120px !important;}
    .sponge-main-icon-map li a:hover span.map20{ background-position:-1140px -120px !important;}
    .sponge-main-icon-map li a:hover span.map21{ background-position:-1200px -120px !important;}
    .sponge-main-icon-map li a:hover span.map22{ background-position:-1260px -120px !important;}
    .sponge-main-icon-map li a:hover span.map23{ background-position:-1320px -120px !important;}
    .sponge-main-icon-map li a:hover span.map24{ background-position:-1380px -120px !important;}
    .sponge-main-icon-map li a:hover span.map25{ background-position:-1440px -120px !important;}
    .sponge-main-icon-map li a:hover span.map26{ background-position:-1500px -120px !important;}
    .sponge-main-icon-map li a:hover span.map27{ background-position:-1560px -120px !important;}
    .sponge-main-icon-map li a:hover span.map28{ background-position:-1620px -120px !important;}
    .sponge-main-icon-map li a:hover span.map29{ background-position:-1680px -120px !important;}
    .sponge-main-icon-map li a:hover span.map30{ background-position:-1740px -120px !important;}
    .sponge-main-icon-map li a:hover span.map31{ background-position:-1800px -120px !important;}
    .sponge-main-icon-map li a:hover span.map32{ background-position:-1860px -120px !important;}
    .sponge-main-icon-map li a:hover span.map33{ background-position:-1920px -120px !important;}
    .sponge-main-icon-map li a:hover span.map34{ background-position:-1980px -120px !important;}





    .mobile-none, .mobile-none{ display:none !important;}
    .DeskTop_none, .DeskTop-none{display:inline-block !important; }
    .sponge-nav-tabs.DeskTop_none, .sponge-nav-tabs.DeskTop-none{display:block !important; }

    tr.DeskTop_none2{ visibility:visible;  height:auto;  opacity:1;}
    tr.DeskTop_none2 td a{ display:block; }

    .SearchBookList-date{ margin-bottom:0; border:1px solid #ddd; padding:5px 15px; width:100%; text-align:right; border-radius:5px 5px 0 0; background-color:#eee;}
    .SearchBookList-date input[type="text"]{  width:80px;}
    /*로그인관련 메세지*/

     .sponge-account-login-body-sky{  padding-top:30px; background-image:none;} 
     .sponge-account-login h2.form-signin-heading{ margin-left:15px; } 
     .sponge-account-login{ background:url("/Sponge/Images/guidePage/loginBg2.png") no-repeat left bottom; width:100%; font-size:16px !important;} 
     .sponge-account-login p{  padding-right:15px;} 
     .sponge-account-login p.frist{ padding-top:45px;} 


    .readyGuide .col-md-6:first-child{ padding-right:0px;width:45%;}
    .readyGuide .col-md-6:first-child img{ width:100px; }
    .readyGuide .col-md-6:last-child { padding-top:0px;width:55%; }
    .readyGuide p { font-size:13px; color:#c1c1c1; }
    .readyGuide p span{ font-size:16px; color:#418ac8; }

    .arrowBox2{ clear:both; text-align:center;}
    .arrowBox2 li{width:40% !important; min-width:120px; max-width:140px; margin-right:0px; padding-right:20px;}

    #sponge-table-banner .userBtn a.btn393, #sponge-table-banner .userBtn a.btn394 ,#sponge-table-banner .userBtn a.btn395  { padding: 2px; }
        #sponge-table-banner .userBtn a{ padding:2px !important;}
#sponge-table-banner .userBtn a img{ display:none; }

/*길 위의 인문학--------------------------------------------------------------------------*/ 
   
    /*특별프로그램*/
    .onroad_geolocation{}
    .onroad_geolocation_left{ width:100%; }
    .onroad_geolocation_right{ width:100%; }
    .sponge-page-guide .sponge-nav-tabs-onroad{ border-left:0px !important; border-right:0px !important; padding:15px 0; margin:0px -15px !important; }
    /*동영상*/ 

    .onroad_VideoBoard li {width:47%; vertical-align:top; margin-bottom:10px; }
    .onroad_VideoBoard li a.VideoBoard{ height:150px;  }
    .onroad_VideoBoard li a.VideoBoard img{ height:100px;}

    .sponge-layout-appdown{display:block; background-color:#fff; color:#808080; padding:8px 10px 10px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:12px;}

    

    #tiles li{width:100%; left:0px !important;}

    .sponge-naver-left.sponge-onroad-left{border-top:0px solid #eee; margin-bottom:0px;}
    .sponge-naver-left.sponge-onroad-left:last-child{ margin-bottom:20px;}

    .dl-horizontal dt{ width:40%; display:inline; float:left; height:120px; overflow:hidden;  padding-bottom:10px; }
    .dl-horizontal dd { width:52%;  display:inline; float:left; height:120px;  overflow:hidden;  padding-bottom:10px; }
    .dl-horizontal dt.list-title{width:30%; height:150px; min-width:90px;}
    .dl-horizontal dt.list-title img{width:90px;  }
    .dl-horizontal dd.list{width:65%;  padding:0px 0 0 10px !important; margin:0px; height:auto;}
    .dl-horizontal dd.list .col-md-4, .dl-horizontal dd.list .col-md-8 { width:100%;  clear:both; padding:0px; }
    .dl-horizontal dd.list .col-md-8 p.p-list-title{ height:22px; }
    .dl-horizontal dd.list .col-md-8 p.p-list{ line-height:16px; height:115px;}
    .dl-horizontal dd.list .col-md-4 span, .dl-horizontal dd.list .col-md-4 button { width:60px; float:left; margin-right:3px; }
    .dl-horizontal dd.list .col-md-4 .text-center.sponge-margin-top5 { text-align:left !important;  clear:both;}
    .dl-horizontal dd.list .col-md-4 .text-center.sponge-margin-top5 button{width:30px; }
    .height-3.horizontal-3{height:140px !important;}

    .dl-horizontal2 dt{ height:auto;width:30% !important; }
    .dl-horizontal2 dd { height:auto; width:67% !important;}
    .ClickerUserGuide .phoneList {width:100% !important;  }

.onroad-board dt{min-width:25px;}


    .onroad-board2:first-child{ border:0px !important; padding-top:0px !important;}

    .onroad-board-2021 dd{ text-align:left;}
    .onroad-board-2021 dd > a{ width:100%;}
    .onroad-board-2021 dd > div{ width:100%; }
    .onroad-board-2021 dd > div > p{ margin:0 5px 0 0;  }
    .onroad-board-2021 dd > div > p:first-child{width:auto;  }
    .onroad-board-2021 dd > div > p:nth-child(2){width:auto;  }
    .onroad-board-2021 dd > div > p:nth-child(3){width:auto;  }
    .onroad-board-2021 dd > div > p:nth-child(4){width:auto;  }
    
    .onroad-board-2021-top{ display:none; }
   

    .onroad-form-horizontal .col-sm-8 {width:100% !important;}
 
    .sponge_container_two_column .col-md-6.column-left{ padding-left:15px; width:100%; padding-right:15px;}
    .sponge_container_two_column .col-md-6.column-right{ padding-right:15px; width:100%; margin-top:15px;}
    .sponge-list-content{width:auto;}


    .form-inline-iconList { width:100%; padding:0 10px 0 10px;margin:-31px 0 0 0; text-align:right; height:auto;}
    .form-inline-iconList .form-group{ width:auto; display:inline-block; margin:0px; height:28px; vertical-align:top;}
    .form-inline-iconList .form-group .btn { width:auto !important; display:inline-block !important; margin:0px 0px !important; border:0px !important; background:transparent linear-gradient(transparent 40%, transparent ) !important; background-color:transparent !important; padding:0px !important; color:#808080 !important;}
    .form-inline-iconList .form-group .btn .glyphicon-color-white{ color:#808080 !important;}
    .form-inline-iconList .form-group .btn.btn-sponge-default{margin-top:5px !important;}
    .heightH4{padding:7px 15px 8px 15px !important;}

    .bookNavi{overflow:scroll;}

    ul.user-welcome-page-thumb2{background-image:none !important;}
    ul.user-welcome-page-thumb2 li { padding:3px; }
    ul.user-welcome-page-thumb2 li img { width: 55px; height: 80px; border-color:#cccccc; }
   .sponge-chatting-qna-list .navbar-toggle-qna.navbar-toggle { display: inline-block; }
   .dropdown-menu li ul{font-size:10px; padding-left:20px; margin-bottom:5px;} 
   .navbar-nav .open .dropdown-menu > li:hover > a, .navbar-nav .open .dropdown-menu > li:focus > a { color:#006fba !important; background-color:transparent; }
        .dropdown-menu li ul li{  display:inline-block; padding-right:5px;   background: url('/Sponge/Images/menu/dropdown-menu-sub-Bg.png') no-repeat right center;} 
        .dropdown-menu li ul li:last-child{  background-image:none;} 
        .dropdown-menu li ul li a{ padding:0px 5px; font-size:10px; display:block;} 

        .dropdown-menu-block li{display:inline-block; width:auto}
        .dropdown-menu-block li.dropdown-menu-100{width:100%;}
        .navbar-nav .open .dropdown-menu-block > li > a{ padding-right:0px;}
        .sponge-photo-list > div{width:100%;}
        .sponge-page-login{padding:0px !important;}

.sponge-sitemap > div, .sponge-sitemap-col-4 > div{  width:100%; margin-right:0%; margin-bottom:20px; }
.sponge-sitemap > div > h4{ margin-top:0px; text-align:center; width:100%; padding: 10px 0 !important; background-color:#a72b43 !important; color:#fff !important; border:0px !important; border-radius:0px !important; }


 .mobile-yes, .kor-hide.mobile-yes{display:inline-block !important}      
 .kor-hide.mobile-none{display:none !important;}
 .faq_result dt{ margin-bottom:0px; border-top:0px;}
 .faq_result dl dt:first-child{ border-top:2px solid #7c7c7c;}

 .sponge-form-default-sub label.sponge-label-default.sponge-label-default-height65{height:auto; padding:0 0 0 10px;}


 .MyPage-SubjectRead.MyPage-board.sponge-page-guide h5{width:100%; background-image:none !important; background-color:transparent !important; height:20px !important; overflow:hidden; border-bottom:0px; font-size:13px !important; }
 .MyPage-board h5 span.sponge-language-english{font-size:13px !important;}
 .MyPage-SubjectRead.MyPage-board{ position:relative;}
 .MyPage-board a.main-more-icon{ position:absolute; top:5px; right:10px;}
 .MyPage-board a.main-more-icon2{ position:absolute; top:5px; right:40px;}
 .MyPage-board .main-more-icon-right{ text-align:right; position:absolute; top:0px; right:0;}
 .MyPage-board .main-more-icon-right a.main-more-icon, .MyPage-board .main-more-icon-right a.main-more-icon2{ display:inline-block; position:relative; }

 .MyPage-SubjectRead.MyPage-board.sponge-page-guide .sponge-img, .MyPage-SubjectRead.MyPage-board.sponge-page-guide ul.data, .MyPage-SubjectRead.MyPage-board.sponge-page-guide .userBtn.Ninline { padding:10px 20px; margin:5px 0 0 0px;}
 .MyPage-SubjectRead.MyPage-board.sponge-page-guide #sponge-table-banner .userBtn.Ninline a{ margin-bottom:5px;}
 .MyPage-SubjectRead.MyPage-board.sponge-page-guide .sponge-guide-Box{ padding:0 0; margin:0px;}
 .MyPage-SubjectRead.MyPage-board.sponge-page-guide .title{ padding:7px 10px; border-top:0px solid #ddd; height:32px; background-color:#eee;}
 .MyPage-SubjectRead.MyPage-board .col-md-12, .MyPage-SubjectRead.MyPage-board .col-md-6{ padding:0px; border:0px; width:100%;  margin:0px;}
 .MyPage-SubjectRead .col-md-6 > div, .MyPage-SubjectRead .col-md-12 > div{border:0px; border-bottom:1px solid #ddd; padding:0px; }
 .MyPage-SubjectRead .col-md-6 > div{min-height:0px;}
 
 .MyPage-SubjectRead-title h4 a{ width:100%; }
 .MyPage-SubjectRead-title h4 span{ width:100%; border-top:1px solid #ddd; padding-top:5px; margin-top:5px; text-align:right; }
 .MyPage-board.MyPage-SubjectRead-title h5{ padding-right:15px !important; height:auto !important;}
 .MyPage-board.MyPage-SubjectRead-title h5 span.sponge-language-english{ display:none;}




 table#sponge-table-banner col.banner_size{ width:140px;}
 table#sponge-table-banner .userBtn a, table#sponge-table-banner .userBtn div.btnDiv, #sponge-table-banner table .userBtn a 
 { min-width:100px; background-color:#2d6cb1; font-size:12px !important; line-height:15px !important; height: auto; width: 100%; background-image: none; text-shadow:none !important; color:#fff !important; 
   text-align:center !important; border:1px solid #2a5483; border-radius:3px; padding:2px;}
 
 table#sponge-table-banner .userBtn a span.hide, #sponge-table-banner table .userBtn a span.hide{display:block !important; font-size:12px !important; line-height:15px !important; text-indent:0; overflow:auto;}

 table#sponge-table-banner .userBtn a:hover span.hide, #sponge-table-banner table .userBtn a:hover span.hide, table#sponge-table-banner .userBtn a:hover, #sponge-table-banner table .userBtn a:hover{ color:#fffe96 !important;  }
 table#sponge-table-banner .userBtn a:hover, #sponge-table-banner table .userBtn a:hover, table#sponge-table-banner .userBtn div.btnDiv:hover, #sponge-table-banner table.userBtn div.btnDiv:hover,  table#sponge-table-banner .userBtn a img:hover, #sponge-table-banner table .userBtn a img:hover  
 { border:1px solid #002854 !important; border-radius:3px !important; cursor:pointer; }

  table#sponge-table-banner .userBtn a.btn, #sponge-table-banner table .userBtn a.btn, #sponge-table-banner .userBtn a.btn{ color:#555 !important;}
  table#sponge-table-banner .userBtn a.btn, #sponge-table-banner table .userBtn a.btn, #sponge-table-banner .userBtn a.btn.btn-xs.btn-info{ color:#fff !important;}

  #sponge-table-banner .sponge-table-banner-grayscale .userBtn a{background-image:none;}


 .spongespa-form-dl-label dl{ width:100%;}
 .spongespa-form-dl-label dl.spongespa-form-dl-textarea dt{width:30%;}
 .spongespa-form-dl-label dl.spongespa-form-dl-textarea dd{width:70%;}

 .sponge-page-guide-SpongeNutshell h5{ padding:7px 0 7px 15px;}
 .sponge-page-guide-SpongeNutshell h5 a{ width:100%; display:block;}

 .sponge-page-guide .arrowBox2019.arrowBox2019-mileage{border:1px solid #c8c8c8;}

 .sponge-mileage-list > div.col-md-5{ margin-top:20px;}
 .sponge-card .card-body .sponge-card-mileage h4{ border:0px solid #ddd; }
 .sponge-card-point .col-md-3{ width:50%; margin-bottom:10px;}

 .sponge-table-banner-hover-no .userBtn a:hover, .sponge-table-banner-hover-no .userBtn div.btnDiv:hover,  .sponge-table-banner-hover-no .userBtn a img:hover { box-shadow:none !important; border:0px !important; border-radius:0 !important; cursor:auto !important; background-color:transparent !important; color:#555 !important;}
 table.sponge-table-banner-hover-no .userBtn a span.hide, .sponge-table-banner-hover-no table .userBtn a span.hide{ background-color:transparent !important; cursor:default; color:#555 !important;}
 table.sponge-table-banner-hover-no .userBtn a span.hide:hover, .sponge-table-banner-hover-no table .userBtn a span.hide:hover,
#sponge-table-banner table.sponge-table-banner-hover-no .userBtn a:hover, #sponge-table-banner table.sponge-table-banner-hover-no .userBtn a:hover span.hide{ background-color:transparent !important; cursor:default; color:#555 !important;}



.sponge-nav-tabs{margin:0 -15px 0 -15px; background-image:none; text-align:center; border-top:0px solid #ddd; border-bottom:1px solid #ddd;  text-align:center; padding:14px 0 10px 0;}
.sponge-page-guide .sponge-nav-tabs{ margin:0 0 10px 0; border:1px solid #ddd; padding:15px 0 11px 0;  }
.sponge-page-guide .sponge-search-tab .sponge-nav-tabs{ margin:0 0 20px 0; }

.sponge-nav-tabs > li{margin:0 0 0 0;float:none; display:inline-block; min-width:44%; padding:0 1px; width:auto; }
.sponge-nav-tabs > li > a { border-radius:3px;  font-size:100%; min-width:80px; padding:5px; border:1px solid #ddd; font-size:13px; height:auto; margin:0 0 4px 0; width:100%; }
/*.sponge-nav-tabs > li.active > a, .sponge-nav-tabs > li.active > a:hover, .sponge-nav-tabs > li.active > a:focus{border-bottom-width:0px; border-top-width:0px;  }*/


.sponge-nav-tabs-jawon{ position:relative; margin-top:0px !important; margin-bottom:10px !important;}
.sponge-nav-tabs-jawon > li > a{font-size:13px; padding:3px 6px; }

.sponge-nav-tabs-mobile-bottom0{ margin-bottom:0 !important;}

/*.sponge-nav-tabs + .sponge-nav-tabs{ margin-bottom:0;}*/

.sponge-class-search > ul { width:100%; border-left:0px dotted  #c6c6c6; border-top:3px dotted  #c6c6c6; padding-top:15px; margin-top:15px;}
.sponge-class-search > ul:first-child { border-top:0px dotted  #c6c6c6; padding-top:0; margin-top:0;}

.floor_visual_2020 .floor_img{ border-top:0px solid #ddd;}
.floor_visual_2020 .col-md-5{ padding:10px 15px 4px 15px; border:1px solid #ddd; border-top:0px;}
.floor_visual_2020 .col-md-5 ul{ padding-left:0px !important;}

.UserGuide2020{text-align:center;}
.sponge-QRcod2020{text-align:center;}
.sponge-QRcod-small .qrList{ text-align:center; margin:0 auto;}
.sponge-QRcod-small h5{ padding:10px 0px !important; margin:0px !important;}
.sponge-QRcod-small p{ margin-top:0px !important;}
.phoneList2020 .phoneList{ border-left:1px solid #555; border-color:#555; margin-bottom:10px; }
.phoneList2020 .phoneList:first-child{ border-left:1px solid #555;}
.phoneList2020 .phoneList p:first-child img{ height:320px; width:auto;}
.pcList2020 .phoneList p:first-child img{ height:auto; width:100%;}
.sponge-page-guide .phoneList ul{ padding:10px; margin:-90px auto 0 auto; min-height:0;  margin-bottom:30px;}

.sponge-search-detail .detail-table-right .sponge-pull-title.SpongeSectionTitle .sponge-book-title, .sponge-pull-title.SpongeSectionTitle, .sponge-search-detail .detail-table-right .sponge-pull-title.SpongeSectionTitle .pull-left{ width:100%; }
.sponge-search-detail .detail-table-right .sponge-pull-title.SpongeSectionTitle .sponge-book-title{ padding-top:40px; padding-bottom:5px; border-bottom:1px solid #eee;}
/*.sponge-search-detail .detail-table-right .sponge-pull-title .pull-right.sponge-sns{  top:auto; right:auto; left:0px; position:relative; width:100%; text-align:left;}*/
.sponge-search-detail .detail-table-right .sponge-pull-title .pull-right.sponge-sns{right:0px; padding:5px; width:100%; border-bottom:0px solid #eee; text-align:right;}
.sponge-list-board-detail .sponge-sns{ width:auto; padding:0 10px 0px 5px; margin-left:0;}


.sponge-detail-book{margin:0px;position:relative; width:100%; height:150px; background-color:#fff; border:1px solid #ddd; border-top:0px;}
.sponge-detail-book .title{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 15px; height:40px; background-color:#eee; background-image:none; }
.sponge-detail-book h3 { color:#000 !important; border-radius:0; padding:0px 0 !important; font-size:12px; margin-right:-1px; min-width:0; line-height:1.4285; text-align:center; font-size:15px; border-bottom:0px; }
.sponge-detail-book a.main-more-icon{ padding:0px; border:0px solid #dddddd; border-radius:0px; top:0px; right:0px; width:24px; height:24px; float:right;background: url("/Users/Dscl/Images/main/board_more_mobile.png") no-repeat left bottom;}
.sponge-detail-book a.main-more-icon span{ letter-spacing:0px; }
.sponge-detail-book .nav-tabs{border-bottom: 0px solid #dddddd; height:auto;}
.sponge-detail-book .nav-tabs > li{margin:0px;}
.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{ border-bottom:0px; background-color:transparent !important; border-bottom:0px !important; color:#000 !important;}
.sponge-detail-book .nav-tabs > li > a {color:#969696 !important; border-radius:0; padding:0px 0 !important; margin-right:15px; min-width:0; line-height:1.4285; text-align:center; font-weight:600; font-size:15px; border-bottom:0px; background-color:transparent !important;}
.sponge-detail-book .nav-tabs > li > a:hover, .sponge-detail-book .nav-tabs > li > a:focus{ color:#000 !important;}
.sponge-page-guide .sponge-detail-book ul, .sponge-page-guide .sponge-detail-book li{padding:0; margin:0;}
.sponge-detail-book > ul > li > div > div{margin:0px 30px; height:150px;}
.sponge-detail-book > ul > li > div > div > ul{padding-top:10px; height:110px; overflow:hidden; width:100%;}
.sponge-page-guide  .sponge-detail-book > ul > li > div > div > ul > li{width:94px !important; margin-bottom:15px;}
.sponge-detail-book > ul > li > div > div > ul > li a{width:100%;}
.sponge-detail-book > ul > li > div > div > ul > li a img{ width:80px; height:110px;}
.sponge-detail-book > ul > li > div > div > ul > li a img:hover{ border:0px;}
.sponge-detail-book ul > li .btns{ top:70px;}
.sponge-detail-book .btns a.prev{right: 10px;}
.sponge-detail-book .btns a.next{left: 10px;}


         .sponge-page-guide .sponge-detail-book.sponge-detail-book-best > ul > li > div > div > ul > li{width:94px !important; height:110px; margin-bottom:15px; background-image:none !important; padding:0;}
        .sponge-detail-book.sponge-detail-book-best > ul > li > div > div > ul > li a{width:80px; height:110px; border:1px solid #ddd; padding:3px;}



/*.sponge-detail-book-best{height:170px;}
.sponge-page-guide .sponge-detail-book.sponge-detail-book-best ul{padding:0; height:170px; overflow:hidden; }
.sponge-page-guide .sponge-detail-book.sponge-detail-book-best > ul > li > div > div > ul > li{ padding:0; margin:0 10px; height:150px;}
.sponge-detail-book-best > ul > li > div > div > ul > li a{ padding:5px; height:110px;}*/

.sponge-page-guide p.sponge-search-result{ margin-top:0px; }

.sponge-guide-Box.sponge-detail-table table.sponge-table-default{ border-right:0px;} 
.sponge-guide-Box.sponge-detail-table table.sponge-table-default tr td:first-child, .sponge-guide-Box.sponge-detail-table table.sponge-table-default tr th:first-child{ border-left:0px; } 


.sponge-error-message{margin-top:0;background-color:#fff; border-radius:0; padding:20px 10px; font-size:15px; }
.sponge-error-message .sponge-error-message-text{ display:block;  height:auto; width:100%; padding-right:0; padding-bottom:30px; padding-left:20px; }
.sponge-error-message .sponge-error-message-text > i.fas.fa-ban{ font-size:15px;  }
.sponge-error-message .sponge-error-message-img{ position:relative; bottom:0; text-align:right; top:auto; }
.sponge-error-message .sponge-error-message-img img{ width:80%;}


.arrowBox6 > li{ width:100%; padding-right:0; padding-bottom:20px;}


.arrowBox6 > li > p.arrowRight{ top:auto; right:50%; left:50%; bottom:21px; margin:0 0 0 10px; text-align: center; transform:rotate(90deg);  }

.arrowBox6 > li > p.arrowRight > span{ border-left: 5px solid #f3f3f3;}

/*.sponge-gallery-row .sponge-gallery-col{padding:0;}*/
.sponge_gallery_list_body > .listStyleMain > .listStyle {  margin:0 0 10px 0; width:100%; }
.sponge_gallery_list_body > .listStyleMain > .listStyle:nth-child(4n+4) { float:right; margin-right:0; }



.sponge-gallery-row{margin:0;}
.sponge-gallery-row > .sponge-gallery-col { width:48%; padding:0; }
.sponge-gallery-row > .sponge-gallery-col:nth-child(2n+1){float:right;}
.sponge-gallery-row > .sponge-gallery-col a.thumb-info{ height:140px; }


.sponge-gallery-row .sponge-gallery-col > div.sponge-gallery-img, a.thumb-info img, .sponge-gallery-row .sponge-gallery-col > div > a > img{width:100%; height:auto;}




.sponge-history-guide > div > h4{border-width:0px; background-color:transparent !important;}
.sponge-history-guide > div > ul { padding-left: 0 !important; font-size: 13px !important;  padding-top: 20px;  padding-bottom: 30px;}

.sponge-layout-sub-search{ display:none;}


table.sponge-table-default-img .userBtn a, table.sponge-table-default-img .userBtn div.btnDiv, .sponge-table-default-img table .userBtn a{padding:0 !important; border-width:0 !important; background-color:transparent !important;}
table.sponge-table-default-img > a img{display:none;}

.LibraryDirector li{width:48%; float:unset; margin:0 3px 20px 3px;}
.LibraryDirector li:nth-child(6n+6){ float:unset;}
.LibraryDirector li:nth-child(6n+1){ margin-left:3px;}
input[type="radio"], input[type="checkbox"]{margin-top:-2px;}


ul.permissions{ padding-left:10px;}
.sponge-layout-content-sub-2021{width:100%; padding-top:40px;}
.sponge-page-breadcrumbs-section{width:100%;}


.sponge-page-guide.sponge-list-board.sponge-list-board-detail h4{  border-radius:0; padding:10px 0; border-left-width:0; border-right-width:0; }

.sponge-page-guide.sponge-list-board.sponge-list-board-detail .pull-right{ border-left-width:0; border-right-width:0; padding:5px 0; }
.sponge-panel-white-remark{ padding:10px;}
.sponge-page-guide.sponge-list-board.sponge-list-board-detail h4 .sponge-book-title{ font-size:15px;}
.sponge-nutshell-list > a, .sponge-nutshell-list > a:nth-child(3n+3){width:100%;}

.sponge-box-2022-db h4{ display:none;}

.sponge-box-2022-db dl dt span.btn-list .btn.btn-default{ display:none; }
.sponge-box-2022-db dl dt span.btn-list .btn{ padding:2px 3px; font-size:12px; }
.sponge-box-2022-db dl dd{ padding:10px;}


.nav-tabs.nav-justified > li + li > a{ border-left-width:1px;}

.sponge-page-guide .arrowBox7.arrowBox-col2 > li, .sponge-page-guide .arrowBox7.arrowBox-col3 > li,.sponge-page-guide .arrowBox7.arrowBox-col4 > li,.sponge-page-guide .arrowBox7.arrowBox-col5 > li,.sponge-page-guide .arrowBox7.arrowBox-col6 > li,.sponge-page-guide .arrowBox7.arrowBox-col7 > li,.sponge-page-guide .arrowBox7.arrowBox-col8 > li
{ width:100%;}

.arrowBox7 > li > div{ margin-bottom:10px; }
.arrowBox7 > li:last-child > div{ margin-bottom:0; }
.arrowBox7 > li > div > p.arrowRight{top:auto !important; right:auto !important; left:48%; bottom:9px;}
.arrowBox7 > li > div > p.arrowRight > i, .arrowBox7 > li > div > p > span{ transform:rotate(90deg) }
.arrowBox7 > li > div > p.arrowRight > i{   }
.arrowBox7 > li > div > p.arrowRight > span{  top:2px; left:3px; }
.arrowBox7 > li:last-child > div > p.arrowRight > span{display:none;}


.tab-scroller{ margin-bottom:0; /*border-bottom:1px solid #eee;*/ }
.sponge-form-inline{margin-bottom:15px;}
.tab-scroller .nav{ padding-left:25px;}



.top_popup_line2{ height:57px; }
.top_popup_line2.srolling2{ height:75px;}
.top_popup_line2 #srolling{ padding:10px 0 10px 0; }
.top_popup_line2.srolling1 #srolling{height:30px; }
.top_popup_line2.srolling2 #srolling{height:50px; }
.top_popup_line2 #srolling:before{ display:none; }
.top_popup_line2 #srolling_area{  height:47px;padding:3px 10px; width:100% !important; }
.top_popup_line2.srolling1 #srolling #srolling_area{ padding-top:0; top:0px !important; }
.top_popup_line2.srolling2 #srolling #srolling_area{ padding-top:0; top:0px !important; }



.top_popup_line2 #srolling_area > div{ width:100% !important;}
.top_popup_line2.srolling1 #srolling #srolling_area > div{ position:absolute; top:0px;padding-top:7px; }

.top_popup_line2.srolling2 #srolling #srolling_area > div{position:absolute; padding-top:5px;}
.top_popup_line2.srolling2 #srolling #srolling_area > div:nth-last-child(2){ top:0px;}
.top_popup_line2.srolling2 #srolling #srolling_area > div:last-child{ top:22px;}



.top_popup_line2 .close_cheackbx{  top:30px; padding-right:10px !important;}
.top_popup_line2.srolling2 .close_cheackbx{  top:50px; }
.top_popup_line2 .close_cheackbx input[type='checkbox']{ margin-top:-5px;}
.top_popup_line2 .close_cheackbx_container{ padding-right:0;}
.top_popup_line2 .close_cheackbx label, .top_popup_line2 .close_cheackbx a, .top_popup_line2 .close_cheackbx_container{ font-size:12px;}



.sponge-curation-content > div.sponge-curation-content-img{ width:100%;  }
.sponge-curation-content > div.sponge-curation-content-img > img{ width:100%; }

.sponge-curation-content > div.sponge-curation-content-text{ width:100%; padding:15px; min-height:200px; border-top-width:0; }

/* 신착도서 -----------------------------------------------------------------------------------------------------------------------------------------*/  
.sponge-curation{padding:0 0 0 0;height: 610px}
.sponge-curation > div > div{height: 560px; }
.sponge-curation > div > div > ul{  height:560px; width:100% !important; margin:0 auto; }
.sponge-curation > div > div > ul > li{  width:100% !important; height:560px; }

.sponge-curation > div > div > ul > li > div.sponge-curation-img{ display:inline-block; float:left; width:100%; position:relative; padding-top:4px; }
.sponge-curation > div > div > ul > li > div.sponge-curation-img > a.curation-img{ width:180px;  height:247px; margin:0 auto; background-size:180px; }
.sponge-curation > div > div > ul > li > div.sponge-curation-img > a.curation-img > img{  width:171px; height:247px; }
.sponge-curation > div > div > ul > li > div.sponge-curation-img > a.curation-img > span{ width:171px; height:247px; padding:5px;  }

.sponge-curation > div > div > ul > li > div.sponge-curation-img > a.curation-detail{  margin:10px auto 0 auto; min-height:33px; padding:3px 5px; }

.sponge-curation > div > div > ul > li > div.sponge-curation-img .sponge-curation-medal { width: 50px; height: 43px; background-size:50px; }
.sponge-curation > div > div > ul > li > div.sponge-curation-img .sponge-curation-medal3 { width: 50px; height: 43px; right:26%; background-size: 50px; font-size:15px; padding-top:8px; }

.sponge-curation > div > div > ul > li > div.sponge-curation-youtu{  width:100% !important; height:250px;margin-top:10px; }
.sponge-curation > div > div > ul > li > div.sponge-curation-youtu iframe {  width:100% !important;  height:250px !important;}

.sponge-curation div.btns { bottom:10px;}


.sponge-curation-book{ margin-top:10px;}
.sponge-curation-book > ul{ padding:0 0 0 0; background-image:none; }
.sponge-curation-book > ul > li{ height:190px; margin:0; padding:0; width:50%; min-width:160px; padding-left:10px; }

.sponge-curation-book > ul > li > a{ width:160px; height:175px; background-size: 160px; padding:0px 0 0 14px;  }
.sponge-curation-book > ul > li > a > img{ width:118px; height:175px; 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 {  width:118px; height:175px; padding: 5px;  }


.sponge-ChatGPT-search .search_inputboxmain{ padding:10px;}


.sponge-searchdetalil-2021{ margin:0; padding:0;}
.sponge-search-detail .detail-table-left{ width:100%;}
.sponge-search-detail .detail-table-right .sponge-pull-title.SpongeSectionTitle .sponge-book-title{ padding-top:5px;}
.btn-ChatGPT{ width:auto;}
.sponge-ChatGPT-search h3{ display:none;}

.sponge-list-searchengine .sponge-table-searchengine{ position:relative; width:100%; border-top-width:0; }
.sponge-list-searchengine .sponge-table-searchengine colgroup{ display:none; }
.sponge-list-searchengine .sponge-table-searchengine > tbody > tr{ display:flex; flex-wrap:wrap;   }
.sponge-list-searchengine .sponge-table-searchengine > tbody > tr > th, .sponge-list-searchengine .sponge-table-searchengine > tbody > tr > td { display:inline-block; line-height:1.3; text-align:left; width:70%; }
.sponge-list-searchengine .sponge-table-searchengine > tbody > tr > th { width:30%; text-align:center;}
.sponge-list-searchengine .sponge-table-searchengine > tbody > tr > td { padding-left:10px;}
.sponge-list-searchengine .sponge-table-searchengine > tbody > tr > td.colspan2{ display:none; }
.sponge-list-searchengine #searchq01 .sponge-list-content {padding-top:0; }

.sponge-dl-searchengine > dt, .sponge-dl-searchengine > dd{ width:65%; padding:5px; height:32px;}
.sponge-dl-searchengine > dt{ width:35%; }
.sponge-dl-searchengine > *:nth-child(2n+2){border-right:1px solid #909090;}
.sponge-list-searchengine .search-list-command{ display:none; }



.sponge-page-guide .libtech-vacation { font-size:80%;}
.sponge-page-guide .libtech-vacation > li > dl > dt, .sponge-page-guide .libtech-vacation > li > dl > dd{min-height:46px;}
.sponge-page-guide .libtech-vacation > li > dl > dt{min-height:0;background-color:#fff;}
.sponge-page-guide .libtech-vacation > li > dl > dd.bancha > div{min-height:45px; line-height:11px; }
.sponge-page-guide .libtech-vacation > li > dl > dd.bancha > div > i{ display:block;  }

.sponge-page-guide .libtech-vacation-top{ right:10px; width:70px; }
.sponge-page-guide .libtech-vacation-top > li > dl > dd{ min-height:0; }
.sponge-page-guide .libtech-vacation-top > li > dl .year{ opacity:0.8;}
.sponge-page-guide .libtech-vacation-top > li > dl > dt{opacity:0.8;}

.sponge-form-inline-searchengine .sponge-form-default input.sponge-input-default{ width:100%; }
.sponge-list-searchengine .sponge-allcheckbox-display{ margin-top:10px;}
.sponge-list-searchengine .tab-pane > .search-list-result:first-child{ border-top-width:1px; margin-top:5px;}
.sponge-page-guide.sponge-list-searchengine .search-list-right-icon{  display:block; position:unset; right:auto; padding-top:0;}
.sponge-page-guide.sponge-list-searchengine .search-list-right-icon > li{ margin: 0 10px 0 0;}
.sponge-list-searchengine .sponge-searchengine-type03 dl > dd::after{ padding-left:5px; }
.sponge-list-searchengine .sponge-searchengine-type03 dl > dd{ margin-right:5px;}
.sponge-list-searchengine .sponge-searchengine-type03{ margin-top:0;}

.sponge-list-searchengine .sponge-list-content > a.sponge-list-title{ width:calc(100% - 25px);}
.sponge-list-searchengine .sponge-table-searchengine1 td{ height:auto;}

.modal-webchat{ z-index:31474830000; bottom:0;}
.modal-webchat .modal-dialog{ position:relative; padding-top:0; }
#webchat-plus-modal{ transform: translate3d(0, 0px, 0px); bottom:5px; left: 0; right:0; width:100%;  max-width:590px; max-height:150px; overflow-y:hidden; /*display:none !important;*/ z-index:31474830000; padding:0;  border-bottom:1px solid #ddd;}

.modal-webchat{ right:10px; left:10px;  padding:0; padding-left:0; overflow-y:visible;}
.modal-webchat .chat-container {  height: 356px; border-width:0;}
.modal-open .modal.modal-webchat{ overflow-y:visible; }
.modal-webchat-mobile{ padding-bottom:160px; }
#ChatList{overflow-y:auto; max-height:115px;}
.modal-webchat .modal-header button.close{ font-size:14px; margin-top:2px; }

.sponge-webchat-app .modal-webchat{ top:20px;}

.sponge-webchat-app .sponge-layout-content-sub-2021{ padding-top:0;}
.sponge-webchat-app #webchat-plus-modal{ max-height:185px;}
.sponge-webchat-app .modal-webchat-mobile{ padding-bottom:195px;}
.sponge-webchat-app #ChatList{max-height:150px;}
.improvement-modal{ top:15%; bottom:0;}
.improvement-modal .modal-footer{ padding:7px;}
.improvement-modal textarea{ padding:10px; min-height:270px;}

}
   
@media only screen and (max-width : 410px) {
     
  
    }
@media only screen and (max-width : 340px) {
    .sponge-main-icon-map li{ width:70px !important; }
    .dl-horizontal dt{ width:45%;  }
    .dl-horizontal dd { width:47%;  }
    .dl-horizontal dt.list-title{width:25%; min-width:80px; }
    .dl-horizontal dt.list-title img{width:80px;  }
 
    .dl-horizontal dd.list{width:70%;}
    .sponge-layout-appdown { font-size:11px;}

}

@media only screen and (max-width : 790px) {
    .board_video .col-md-4{ width:320px !important; margin:0 auto !important; display:block !important; float:none !important;}
}
@media only screen and (max-width : 430px) {
    .board_video .col-md-4{ width:100% !important; }

}
/* 320px 이하일때 --------------------------- */
@media only screen and (max-width : 340px) {
    .btn-mobile-sm, .btn-group-mobile-sm > .btn, .btn-mobile-sm, .btn-group-mobile-sm > .btn.btn-sponge-default{ padding:3px 4px; letter-spacing:-1px;}
    .sponge-page-breadcrumbs-section{ font-size:10px;}

}