/* 767px 이하일때----------------------------------------------------------------------------- */   
    @media only screen and (max-width : 990px) {   
        .sponge-layout-main-background, .sponge-layout-sub-background{ background-image:none !important; min-width:320px; background-color:#fff;}
        body{font-size:12px; min-width:320px;}
        .container { padding-left: 10px; padding-right: 10px; width:100%; min-width:320px; }   
         #menu{display:none;}
/**#fullpage{margin-top:87px;}*/
#fullpage > .section:first-child > .sponge-layout-wrap{ height:555px; position:relative;}
#fullpage > .section > .sponge-layout-wrap{ padding-top:0px; }

        .section .fp-tableCell{ display:block; height:auto !important; }
        #sponge-header{position:relative; }
      #sponge-header{position:relative; }
        /* menu */
        .sponge-header-nav{  width:100%; border:0px; background-color:#fff; position:fixed; left:0px; right:0px; z-index:2000; background-image:none; height:auto; min-width:320px;}        
        .sponge-header-nav .container{ padding:0;}  
        .sponge-header-nav .navbar-toggle{ margin-top:8px; display:block; position:absolute; right:0; margin-right:0;}
        .sponge-header-nav .navbar-toggle .icon-bar{background-color:#a62940; height:3px;}
        .sponge-header-nav{ margin-bottom:0px; padding:0px; border:0px; }
        .sponge-header-nav .navbar{ margin-bottom:0px; border:0px;}
        .sponge-navbar-top{padding-left:0px; padding-right:0px; background-image:none; position:relative; top:auto;}
        
        .navbar-header{ border-bottom:0px solid #a62940; float:none; padding-top:0; width:100%; height:54px;}
        /*logo*/
        .navbar-header h1{margin-top:10px; margin-left:10px;}
        .navbar > .container .sponge-navbar-brand, .navbar > .container-fluid .sponge-navbar-brand{ margin-left:0px; margin-top:0px;}
        .navbar-brand {padding: 0px 15px; height: auto; text-align:left; float:left; margin:0; }
        /*.navbar-brand img{ height:35px; }*/

        .navbar{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;border-left:none;border-right:none}
        .infoBoxTop{position:relative; height:auto;}
        .infoBox{ clear:both; padding:0 0; margin:0 0 !important; text-align:center; background-color:#a62940 !important;  font-size:13px; color:#b1b1b1 !important; width:100%; }
        .infoBox > li{ display:inline-block;padding:9px 6px !important;  margin:1px; color:#fff;}
        .infoBox > li > a{ padding:0px !important; color:#fff !important; display:inline-block; background-image:none; margin:0px; }
        .infoBox > li > a:hover, .infoBox > li > a:focus{ border:0px solid #a62940; background-color:transparent; color:#feff9a !important}
        .infoBox > li > a:hover span, .infoBox > li > a:focus span{color:#feff9a !important;}
        .infoBox a.loginIcon{ color:#feff9a !important; background-image:none;}
        
        .infoBox li.login-top-main { clear:left;}
        .infoBox li.login-library-list {  border-bottom:1px solid rgba(246,246,246, 0.2); margin:0 auto; width:100% !important;}
        .infoBox li.login-library-list a.eng-hide{  display:inline-block !important; }
        .infoBox li.login-library-list a{ padding:0 0px !important;  margin:0 10px;}
        .infoBox li.login-library-list a span{ color:#feff9a !important; }
        .infoBox li.login-library-list a span:hover, .infoBox li.login-library-list a span:focus, .infoBox li.login-library-list a:hover span.eng-hide{ color:#feff9a !important; }
        .infoBox li.login-library-list a span.eng-hide{ color:#fff !important; }
        .infoBox li.infoBox-language a{ padding:1px 8px !important; }
        :last-child.navbar-right.navbar-nav.infoBox{ margin-right:-15px; padding-right:0;}
        .infoBox li img { margin-top:-2px;}
.infoBox > li.icon > a::before{ display:none;}
        .sponge-empty-space-login{height:137px;}
        .sponge-empty-space-logout{height:94px;}  

         .sponge-navbar-top{padding-left:0px; padding-right:0px; background-image:none; /*top:56px;*/}
        /* 메뉴- navbar*/
        #sponge-new-menu{ height:auto; border-width:0; }
        #sponge-new-menu ul.sponge-navbar-nav{padding:5px 0; background-color:#fff; border-bottom:2px solid #a72b43; width:auto; }

        #sponge-new-menu > ul > li.dropdown{ width:100%;  text-align:left; line-height:normal;}
        #sponge-new-menu > ul > li > a.dropdown-toggle{ font-size:16px; color:#555;  font-weight:600; padding:10px 15px; height:auto;width:100%; text-decoration:none; display:inline-block; outline:0; cursor:pointer; }
        #sponge-new-menu a.dropdown-toggle:hover, #sponge-new-menu a.dropdown-toggle:focus, #sponge-new-menu a.dropdown-toggle:active, #sponge-new-menu .over a.dropdown-toggle, #sponge-new-menu .over:hover a.dropdown-toggle, #sponge-new-menu .over:focus a.dropdown-toggle, #sponge-new-menu .over:active a.dropdown-toggle, .sponge-navbar-nav .open > a, .sponge-navbar-nav .open > a:hover, .sponge-navbar-nav .open > a:focus, .sponge-navbar-nav .open > a:active, #sponge-new-menu a.dropdown-toggle:hover, #sponge-new-menu a.dropdown-toggle:focus, #sponge-new-menu a.dropdown-toggle:active, #sponge-new-menu .over a.dropdown-toggle, #sponge-new-menu .over:hover a.dropdown-toggle, #sponge-new-menu .over:focus a.dropdown-toggle, #sponge-new-menu .over:active a.dropdown-toggle
        { background-color:#a72b43 !important; color:#fff !important;  border-bottom:0px solid #8abbe1 !important; }
        #sponge-new-menu > ul > li > a.dropdown-toggle i{ float:right;}
        #sponge-new-menu .over{ background-color:#fff;  color:#a72b43 !important; }
        #sponge-new-menu > ul > li.allmenuBtn{ width:30px;}
        #sponge-new-menu div.dropdown-menu{width:100%; position:static;  border:0px; box-shadow:none; border-bottom:1px solid #ddd;}
        #sponge-new-menu ul.ul-dropdown-menu{ padding:5px 0px;  width:100%; background-image:none;}
        
        #sponge-new-menu ul.ul-dropdown-menu > li  {  width:100% !important; margin:0; clear:left; min-height:0; padding:0px;}
        #sponge-new-menu ul.ul-dropdown-menu > li.sponge-menu-title{ display:none;}
        #sponge-new-menu ul.ul-dropdown-menu.col5 > li, #sponge-new-menu ul.ul-dropdown-menu.col4 > li{width:100% !important;}
  
        #sponge-new-menu ul.ul-dropdown-menu > li.heightauto  { height:auto;}
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > a, #sponge-new-menu ul.ul-dropdown-menu > li > a  
        { font-size:14px; font-weight:normal; color:#555; border-bottom:0px solid rgba(0,0,0,0.15) !important; width:100%; padding:8px 25px !important; display:inline-block; vertical-align:top;}
        #sponge-new-menu ul.ul-dropdown-menu > li > a:hover, #sponge-new-menu ul.ul-dropdown-menu > li > a:focus{ /*background-color:#eee !important;*/font-weight:600; }
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li:hover a, #sponge-new-menu ul.ul-dropdown-menu > li > ul > li:focus a  { /*color:#000 !important; background-color:#eee;*/ font-weight:600; }
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li:hover li a {font-weight:normal; }
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li a:hover, #sponge-new-menu ul.ul-dropdown-menu > li > ul > li a:focus , #sponge-new-menu ul.ul-dropdown-menu > li > ul > li:hover li a:hover, #sponge-new-menu ul.ul-dropdown-menu > li > ul > li:hover li a:focus {font-weight:600; }
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li  { display:inline-block; margin:0 0 0 0; float:left; height:auto; padding-right:5px;}
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li:last-child{  background-image:none;} 

        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul{padding:0 30px 10px 30px;}
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li:hover > ul > li a, #sponge-new-menu ul.dropdown-menu > li > ul > li:focus > ul > li a{ color:#555;}
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li > a { font-size:13px; color:#555; display:inline-block; margin:0 0 0 0; padding:5px 10px !important; background-position:0 8px;  }
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li:hover > ul > li > a, #sponge-new-menu ul.ul-dropdown-menu > li > ul > li:focus > ul > li > a{/*background-color:#fff;*/}

        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li{ width:auto; clear:none; }
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li > a{ width:auto; }
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li > ul > li { display:none; }
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li > ul.menu-block > li { display:inline-block; width:auto; }
        

        #sponge-new-menu ul.ul-dropdown-menu.ul-dropdown-menu-long > li{ min-height:0;}
        #sponge-new-menu ul.ul-dropdown-menu.col4 > li.w21, #sponge-new-menu ul.ul-dropdown-menu.col4 > li.w38, #sponge-new-menu ul.ul-dropdown-menu.col4 > li.w38 > ul > li > ul > li{width:100% !important;}

        .dropdown-menu li ul{padding-left:0px; width:100%;}
        .dropdown-menu li ul li{background-image:none; padding:0px; width:100%;}
        #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li > ul > li > a{font-size:11px;}
        #sponge-new-menu .allmenuBtn{display:none;}
            #sponge-new-menu .dropdown a{color:#555;}
            .booklist-newbook #mycarousel_newbook, .booklist-newbook #mycarousel_best, .booklist-newbook #mycarousel_recommend{padding:15px 0;}
            #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > a, #sponge-new-menu ul.ul-dropdown-menu > li > a{font-weight:600;}

            #sponge-new-menu ul.ul-dropdown-menu.col5.col5-eng > li{width:100% !important;}
         /* -------- Sub wrap --------- ***************************************************************************************************************************************/
        .sponge-layout-wrap{width: 100%; margin:0px auto; padding-top:0;}
   

        .sponge-layout-content-main{ width:100%; background-image:none; }
        .sponge-layout-content-sub{ width:100%; padding:0px;}
        .sponge-layout-content-sub-2021, .sponge-page-breadcrumbs-section, .sponge-layout-sub-search{width:100%;}
        .sponge-layout-content-container{ width:100%;} 
        /*.sponge-page-title-section{background-color:#fff !important;}*/
        .sponge-main-left-content, .sponge-main-right-content{width:100%; position:relative;}

        .sponge-layout-images-bg{ height:auto; margin:0 auto; padding-top:0px;}
        .sponge-layout-images{ padding:0px; height:500px; margin:0;}
        

/* SEARCH -----------------------------------------------------------------------------------------------------------------------------------------*/  
.sponge-layout-main-search-bg{ min-height:0; width:100%; }

.sponge-layout-main-search { width:100%; margin:0 0; padding:0 10px; top:30px;}   
@keyframes top
{
from {top:-50px;}
to   {top:50px; }
}

.sponge-layout-main-search .nav-tabs{ font-weight:600; float:none; border-bottom: 0px solid #dddddd; height:38px; width:100%; margin:0 auto;  }
.sponge-layout-main-search .nav-tabs > li{ padding-top:4px; }

.sponge-layout-main-search .nav-tabs > li > a { padding:5px 0px;  font-size:14px; height:35px; }
.sponge-layout-main-search .nav-tabs > li.active > a,
.sponge-layout-main-search .nav-tabs > li.active > a:hover,
.sponge-layout-main-search .nav-tabs > li.active > a:focus { height:39px; border-width:0px; font-size:14px; border-width:2px; border-bottom-width:0;
-ms-transform: translateY(-4px); transform: translateY(-4px); -webkit-transform: translateY(-4px); }


.sponge-layout-main-search .tab-content{ border-width:2px; }
.sponge-layout-main-search .tab-content .form-inline.tab-pane{ padding:0 5px 0px 5px; }
.sponge-layout-main-search .tab-content .form-inline.tab-pane > div,.sponge-layout-main-search .tab-content .form-inline.tab-pane#search02 > div,
.sponge-layout-main-search .tab-content .form-inline.tab-pane#search03 > div { grid-template-columns:   9.0fr 1.4fr; }
.sponge-layout-main-search .tab-content .form-inline.tab-pane > div > * { height: 37px; font-size:14px;}
.sponge-layout-main-search .search_inputboxmain { padding-left:10px; border-width:2px;  height: 37px;}



.sponge-layout-main-search .btn-main::before{ display:none;}
.sponge-layout-main-search .sponge-autocomplete-btn > .btn{  font-size:11px; padding:1px 5px;}

.sponge-layout-main-search .sponge-autocomplete-btn{ top:7px; right:5px;}


.sponge-main-btn{ padding:10px 0 18px 0; top:auto; bottom:0; background-color:rgba(0, 0, 0, 0.6); }
.sponge-main-btn > ul > li{ width:30%; margin-bottom:10px; }
.sponge-main-btn > ul > li > a{ color:#fff; font-size:14px; }
.sponge-main-btn > ul > li > a span.map > i{background-position-y:-100px;}
.sponge-layout-main-search .ai-guide{ top:-45px; right:10px;}
        .sponge-main-banner-list{ display:none; }


        /* -------- 바로가기 --------- ***************************************************************************************************************************************/

        /* 신착자료, 공지사항, 인기자료 */
        .sponge-layout-main-dataList{ width:100%; padding:0 0; margin:0; min-width:290px;}
        .sponge-layout-main-dataList .row{ padding:0px; width:100%; margin:0;}
        .sponge-layout-main-dataList > .row{ margin:0 0;}
        .sponge-layout-main-dataList .row:first-child{ min-height:0; }
.sponge-layout-main-dataList > .row > div{padding:0;}
.sponge-layout-main-dataList > .row > div > div{ height:auto;}
        .sponge-layout-main-dataList > .row > div.col-md-4, .sponge-layout-main-dataList > .row > .col-md-2:last-child, #section3 .sponge-layout-main-dataList > div,
        #section3 .sponge-layout-main-dataList > div > div, #section3 .sponge-layout-main-dataList > div > div > .row:last-child > .col-md-6:first-child, #section3 .sponge-layout-main-dataList > div > div > .row:last-child > .col-md-6:last-child
        {width:100%;}
        .sponge-layout-main-dataList .title{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:0 10px; height:40px; background-color:#eee; background-image:none; position:relative; }
        .sponge-layout-main-dataList .title > h3 { color:#000 !important; border-radius:0; padding:10px 0 !important; font-size:12px; margin-right:-1px; min-width:0; text-align:left; font-size:15px; border-bottom:0px; font-weight:600; height:auto; }
        .sponge-layout-main-dataList .title > h3::before{ display:none; }
        

      

        .sponge-layout-main-dataList .nav-tabs{border-bottom: 0px solid #dddddd; height:auto;}
        .sponge-layout-main-dataList .nav-tabs > li{margin:0px;}
        .sponge-layout-main-dataList .nav-tabs > li.active > a,
        .sponge-layout-main-dataList .nav-tabs > li.active > a:hover,
        .sponge-layout-main-dataList .nav-tabs > li.active > a:focus{ border-bottom:0px; background-color:transparent !important; border-bottom:0px !important; color:#000 !important;}
        .sponge-layout-main-dataList .nav-tabs > li > a {color:#969696 !important; border-radius:0; padding:10px 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-layout-main-dataList .nav-tabs > li > a:hover, .sponge-layout-main-dataList .nav-tabs > li > a:focus{ color:#000 !important;}
        .sponge-layout-main-dataList ul.data{  padding:0;}
        .sponge-layout-main-dataList .tab-content{ padding:0 0 0 0;}
        .sponge-layout-main-dataList .col-md-4, .sponge-layout-main-dataList .col-md-5, .sponge-layout-main-dataList .col-md-6, .sponge-layout-main-dataList .col-md-2{ position:relative; width:100%; padding:0 0 0 0; border:0px; height:auto; background-color:transparent; min-height:0; }
        .sponge-layout-main-dataList .col-md-5 .title{ border-top:1px solid #ddd;  }
        .sponge-layout-main-dataList > .col-md-4:nth-last-child(2){width:100%;}
        .sponge-layout-main-dataList a.main-more-icon{ top:10px; right:10px; }
.sponge-layout-main-recommendation{background-image:none; text-align:center; }



/* 이용시간 */
.sponge-layout-main-time{ padding:0;height:auto; border:0px solid #dcdbdb; }
.sponge-layout-main-dataList .sponge-layout-main-time a.main-more-icon{ top:10px; right:10px;}
.sponge-layout-main-time > div > dl{ padding-left:30px;}
.sponge-layout-main-time > div > dl:first-child{margin-top:0px; margin-bottom:0;padding-top:20px;}
.sponge-layout-main-time > div > dl > dd:last-child{ margin-bottom:0; }

/* 데이터 리스트 */
.sponge-layout-main-board{ padding:0;border-width:0;}
.sponge-layout-main-board .tab-content ul > li{ font-size:14px; height:36px; }
.sponge-layout-main-board .tab-content ul > li > a, .sponge-layout-main-board ul > li > p{ padding:5px 0; }
.sponge-layout-main-board .tab-content ul > li > a{ padding-left:10px; padding-right:22%; }
.sponge-layout-main-board .tab-content ul > li > p{ padding-right:10px; width:22%;} 
.sponge-layout-main-board .tab-content ul > li > a > span.btn{ min-width:30px; height:20px; padding:0px 3px; text-align:center; border-radius:3px; font-size:11px;  margin-right:5px; }

.sponge-layout-main-board .tab-content ul > li > a > span.label{ display:none; }



.sponge-layout-main-banner-pull > div:first-child{ margin-bottom:0px; }
.sponge-layout-main-banner-pull h3{ position:unset; width:100%; height:38px;}
.sponge-layout-main-banner-pull h3 > a{width:100%; height:auto;  font-size:16px; padding:10px; }


.sponge-layout-main-banner-pull ul{ padding-left:0; background-color:#f0f0f0; height:80px;}
.sponge-layout-main-banner-pull ul > li{ width:24%; vertical-align:top; }
.sponge-layout-main-banner-pull > div:last-child ul > li{ width:19%;}
.sponge-layout-main-banner-pull ul > li > a{  height:80px; font-size:14px; line-height:18px;}



       

     
        #section3 .container{ padding:0;}
        .sponge-main-book-list{position:relative; padding:0; }
        .sponge-layout-main-dataList .sponge-layout-main-booklist .title{ border-top-width:0; border-bottom-width:0; padding:0; height:auto; background-color:transparent; background-image:none;  }
        .sponge-layout-main-booklist > div .nav-tabs{margin:10px; }
 
        .sponge-layout-main-booklist > div .nav-tabs > li > a{ font-size:18px; }
.sponge-layout-main-db{ margin-bottom:15px; }


.sponge-layout-main-dataList .sponge-layout-main-booklist a.main-more-icon { border-width:0; border-radius:0px; right:10px; top:-45px; padding:0 0;}

        .sponge-main-book{ padding:0 0;}


.sponge-main-book ul > li .btns{ top:80px;}
.sponge-main-book > ul > li > div > div{position:relative;height: 250px;margin:0 0;overflow:hidden;z-index:10; }

.sponge-main-book > ul > li > div > div > ul{ left:0; padding: 20px 0 20px 20px; height:250px;}
.sponge-main-book > ul > li > div > div > ul > li{ display:inline-block; width:160px !important; height:250px; padding:0 0% 0 10px; margin:0px;  text-align:left;}
.sponge-main-book > ul > li > div > div > ul > li > a{box-shadow: 0 0px 20px rgba(74, 94, 140, 0.3); width:140px;  height:210px; padding:10px 5px; }

.sponge-main-book > ul > li > div > div > ul > li > a > img{ width:100px; height:130px;  }
.sponge-main-book > ul > li > div > div > ul > li > a > p{ margin-top:10px; font-size:14px; }
.sponge-main-book > ul > li > div > div > ul > li > a > p > span{height:25px; width:130px;}


/* Book */

.sponge-layout-main-db .sponge-main-book > ul > li > div > div{height: 250px;}

.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul{  height:250px;}
.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li{ height:250px; width:105px !important;}
.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li:nth-child(even){  padding-top:20px; vertical-align:top;}

.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li > a{ width:95px;  height:95px; margin-bottom:10px; }

.sponge-layout-main-db .sponge-main-book ul > li .btns{ top:80px; }



        #section4 .sponge-layout-wrap{padding:15px 0 10px 0; margin-top:0; background-color:#eee; border-top:1px solid #ddd;  }
        
.sponge-layout-main-database li{width:47%; margin:0 1% 5px 1%; padding-right:0;}

.sponge-layout-main-database a{ height:35px; padding:5px 0; text-align:center; background-color:#fff; }

.sponge-layout-main-database a::after{ display:none;}
.sponge-layout-main-database a:hover::after{ color:#ffc600; }


.blob{display:none;}

.sponge-layout-main-dataList .col-md-6.sponge-layout-main-time{ padding:10px;}
.sponge-layout-main-time h4{ font-size:13px; }

.sponge-layout-main-time h4 > i.icon{ width:18px; height:18px;  background-position-y:-60px; background-size:300px; margin-right:5px;}

.sponge-layout-main-time h4 > i.icon02{ background-position-x:-30px; width:16px;  }
.sponge-layout-main-time h4 > i.icon03{ background-position-x:-60px; width:20px;  }

.sponge-layout-main-time p{  line-height:20px; margin-bottom:10px;}








        
.sponge-layout-main-background #sponge-layout-content-container-quick{ display:block; }
        #sponge-layout-content-container-quick{bottom:110px; top:auto; right:10px; }	

        #sponge-layout-content-container-quick h3, #sponge-layout-content-container-quick ul{display:none; }	
        .sponge-top-btn{ width:15px; height:15px; font-size:12px;}
/*.sponge-layout-main-background #quickMenu > a:last-child{display:none;}*/


     /* Copyright */
.sponge-layout-footer{ height:auto; margin-bottom:0; padding-top:15px;}
.sponge-layout-main-background .sponge-layout-footer{ margin:0 0 0 0;}
    .sponge-layout-footer .container > div{ width:100%; text-align:center; padding:20px 0; }
    
.sponge-layout-footer .container > div select,
.sponge-main-banner-footer-list{ display:none; }
/* -------- left & right wrap --------- ***************************************************************************************************************************************/


    .sponge-layout-content-container-rightcontent{ float:none; width:100%; } /* 8월24일 */
    .sponge-layout-content-container-leftmenu{ display:none; }
     .Intro{ padding:0 !important; }

    .Intro > div{ background-image:none; padding:15px;}
 .sponge-page-guide.sponge-page-guide-policy_email dl{width:50%;}
 UL.map H4 { border-radius:0px; font-size:13px; } 
 UL.map UL LI{width:100%; height:auto; padding-bottom:0px; margin-bottom:0px;}

 UL.map UL LI UL LI{height:auto; padding:0px 0 10px 0;}
  UL.map UL LI UL { margin:0px;}
  .introGuide{background-image:none;}
  .introGuide p:last-child,
.introGuide p:nth-last-child(2), .introGuide p:nth-last-child(3){ padding-right:0%; }

  .form-signin{margin-top:20px;}
  .sponge-page-login p.first{  padding-top:0px; }

  /*.sponge-list-content{padding-left:35px;}*/
    .search-list-command{ left:80px;}


.infoBox, #GNB, .sponge-layout-content-sub-2021, .sponge-page-breadcrumbs-section, .sponge-layout-sub-search, .sponge-layout-main-search, 
.sponge-main-banner-list ul, .sponge-layout-main-dataList, .close_cheackbx, .sponge-layout-main-dataList > .row > .col-md-6, .sponge-layout-main-dataList > .row > .col-md-6:last-child{ width:100%; }

.section { padding-top:0; height:auto !important; }
.section .fp-tableCell{ height: auto !important; }
#section1 .fp-tableCell, #section2 .fp-tableCell{padding:0;}
#fullpage .section .sponge-layout-wrap{ margin-top:0; padding:0;}
#fullpage .section:first-child .sponge-layout-wrap{ margin-top:0; padding:0;}
#section3 .fp-tableCell, #section4 .fp-tableCell{padding-top:0;}
.sponge-layout-sub-background .sponge-layout-wrap{ margin-top:0;}

#section3 .sponge-layout-main-dataList > div{ height:auto;}

.intro_guide > div{ background-position-x:right; padding:10px; text-align:left; }
.intro_guide > div > p{ font-size:24px; font-weight:600; color:#11547b; }
.intro_guide > div > p:first-child{background-image: url('/Users/Mokwon/Images/sub/bg_guide_img_title.png'); display:inline-block; width:213px; height:45px; margin-bottom:10px;}
.intro_guide > p{ margin-bottom:50px; font-size:18px;}



.sponge-search-form .col-md-1.sponge-columns-two .selectWrap,
.sponge-search-form .col-md-1.sponge-columns-two .SelectBoxBasic, .sponge-search-form .col-md-1.sponge-columns-two .tricBox  { width:auto !important; }


.sponge-main-btn > ul, .sponge-layout-main-dataList > .row, .sponge-main-book, .sponge-layout-footer-banner-list > .row, .sponge-layout-footer-banner > ul,
.sponge-page-title-section h3, .breadcrumbs-sponge-desktop, #sponge-new-menu ul.sponge-navbar-nav, #sponge-new-menu ul.ul-dropdown-menu, #section2 .sponge-layout-wrap,
.sponge-layout-content-sub-2021, .sponge-page-breadcrumbs-section, .sponge-layout-sub-search, .sponge-layout-main-search-bg, .sponge-layout-main-dataList > .row > div.col-md-3, .sponge-layout-main-dataList > .row > div.col-md-6
{ width:100%;}


.sponge-page-title-section{height:auto; padding:0px !important;}
        .sponge-page-title-section h3{top:0px; width:100%; text-align:center; left:0;}
        .sponge-page-breadcrumbs-section{top:0; display:none; }
.breadcrumbs-sponge-desktop{width:100%;}


.banner_popup{  height:43px; display:none; height:0; }
.banner_popup > .container{ width:100%; }
.flexslider{ padding-left:0;}
.flexslider .slides > li > a { height:20px; font-size:12px; width:100%;}
.flexslider .slides > li > a:hover, .flexslider .slides > li > a:focus { color:#efff67 !important;}
.flexslider .slides > li > a > i.fa{font-size:12px;}


.close_cheackbx{ top:5px;}

.pup_close_btn{ background-size:25px; width:25px; height:25px;}
.close_cheackbx label{border-right:0px; font-size:12px; margin-right:30px;}
.close_cheackbx input[type='checkbox']{margin-top:1px;}
.banner_popup .close_cheackbx input[type='checkbox']{ margin-top:5px;}

.close_cheackbx_container{ width:150px; min-width:100px;}

    }
        /* 320px 이하일때 --------------------------- */
    @media only screen and (max-width : 340px) {
        .sponge-main-icon-map-bottom li a{font-size:12px;}
     
    }