@import url("/Sponge/WebFonts/NotoSansKR/NotoSansKR.css");

/* font */
@font-face {
font-family: PretendardL;
src: url('/Sponge/WebFonts/Pretendard/Pretendard-Light.eot');
src: local('※'), url('/Sponge/WebFonts/Pretendard/Pretendard-Light.woff') format('woff');
}

@font-face {
font-family: PretendardR;
src: url('/Sponge/WebFonts/Pretendard/Pretendard-Regular.eot');
src: local('※'), url('/Sponge/WebFonts/Pretendard/Pretendard-Regular.woff') format('woff');
}
@font-face {
font-family: PretendardM;
src: url('/Sponge/WebFonts/Pretendard/Pretendard-Medium.eot');
src: local('※'), url('/Sponge/WebFonts/Pretendard/Pretendard-Medium.woff') format('woff');
}
@font-face {
font-family: PretendardSB;
src: url('/Sponge/WebFonts/Pretendard/Pretendard-SemiBold.eot');
src: local('※'), url('/Sponge/WebFonts/Pretendard/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
font-family: PretendardB;
src: url('/Sponge/WebFonts/Pretendard/Pretendard-Bold.eot');
src: local('※'), url('/Sponge/WebFonts/Pretendard/Pretendard-Bold.woff') format('woff');
}
@font-face {
font-family: GmarketSansTTFL;
src: url('/Sponge/WebFonts/Gmarket/GmarketSansLight.eot');
src: local('※'), url('/Sponge/WebFonts/Gmarket/GmarketSansLight.woff') format('woff');
}
@font-face {
font-family: GmarketSansTTFM;
src: url('/Sponge/WebFonts/Gmarket/GmarketSansMedium.eot');
src: local('※'), url('/Sponge/WebFonts/Gmarket/GmarketSansMedium.woff') format('woff');
}
@font-face {
font-family: GmarketSansTTFB;
src: url('/Sponge/WebFonts/Gmarket/GmarketSansBold.eot');
src: local('※'), url('/Sponge/WebFonts/Gmarket/GmarketSansBold.woff') format('woff');
}
@font-face {
font-family: oneMobileR;
src: url('/Sponge/WebFonts/ONEMobile/ONEMobileRegular.eot');
src: local('※'), url('/Sponge/WebFonts/ONEMobile/ONEMobileRegular.woff') format('woff');
}
@font-face {
font-family: oneMobileTR;
src: url('/Sponge/WebFonts/ONEMobile/ONEMobileTitleOTF.eot');
src: local('※'), url('/Sponge/WebFonts/ONEMobile/ONEMobileTitleOTF.woff') format('woff');
}

/*  한국어 */
:lang(ko) {
  font-family:"pretendardR" , "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
:lang(ko) .fas, .fas {
  font-family: 'Font Awesome 5 Free' !important;
}
:lang(ko) .fa, .fa {
  font-family: 'FontAwesome' !important;
}

.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
}

:lang(ko) h1, :lang(ko) h2, :lang(ko) h3, :lang(ko) h4, :lang(ko) h5, :lang(ko) h6{ font-family:'oneMobileTR'; font-weight:normal;}
:lang(zn) h1, :lang(zn) h2, :lang(zn) h3, :lang(zn) h4, :lang(zn) h5, :lang(zn) h6{ font-family:'pretendardR'; }


body, .form-control{  font-size:16px; font-family:"PretendardM" , "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.sponge-layout-main-background{ min-width:1440px; height:auto !important;}
.sponge-layout-sub-background{ min-width:1440px;}
/*TOP---------------------------------- ***************************************************************************************************************************************/
a{  }
a:hover, a:focus { color: #a62940; }
a:active { color: #0c86cb;  }
#skipnavi{ display:none;}
.kor-hide, .mokwon-hide{ display:none !important;}
.container {  padding-left:0px; padding-right:0px; width: 1440px; margin:0 auto;  }  


#menu{	min-width:124px; padding:0; position:fixed; right:20px; top:41%;z-index: 70;  background-color: rgba(255, 255, 255, 1);
opacity:1; animation-name:left; animation-duration:1s; -webkit-animation-name:left; padding:20px 10px; border-radius:10px;
-webkit-animation-duration:1s;animation-delay:1.0s;animation-iteration-count:1;animation-fill-mode: backwards; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2); }
@keyframes left
{
from {right:-100px; opacity:0;}
to   {right:20px; opacity:1; }
}
#menu::before{content:''; display:block; position:absolute; left:27px; top:35px; height:140px; width:1px; background-color:#ababab; z-index:100;}
#menu > li{ width:100%; display:block; margin-bottom:8px; }
#menu > li:last-child{ margin-bottom:0px; }
#menu > li > a{ padding:5px 10px; text-decoration:none; color: #000; width:100%; display:block; font-size:16px; position:relative; z-index:200; }
#menu > li.active > a{ color:#a62940; }
#menu > li > a > i{ width:7px; height:7px; border-radius:50px; background-color:#000; display:inline-block; vertical-align:middle; margin-left:4px; margin-right:10px; margin-top:-3px; }
#menu > li.active > a > i{width:15px; height:15px; border:4px solid #a62940; background-color:#fff; margin-left:0; }

 
#sponge-header{ width:100%; position:fixed; z-index:1000; background-color:#fff; /*top:0;*/}
.navbar-header{float:left; height:75px; }
.navbar-header h1{ margin-top:22px; }
/* menu */
.sponge-header-nav { margin-bottom:0px;  height:151px; border-radius:0px; border:0px;  }
.sponge-header-nav .navbar-toggle{display: none;}


/* logo */

.navbar > .container .sponge-navbar-brand, .navbar > .container-fluid .sponge-navbar-brand{ margin-left:0px; }
.sponge-navbar-brand { height: auto; padding:0 0; margin:0px; position:absolute; z-index:2000;}
.sponge-navbar-brand img{ height: auto; } 


 
/* infoBox */  
.infoBox{ margin-right:0px; text-align:right; margin-top:10px; position:relative;}
.infoBox > li{ margin:3px 12px; display:inline-block; color:#555; float:none; vertical-align:top; padding:10px 0; }
.infoBox > li:last-child{ margin-right:0px;}
.infoBox > li > a:hover, .infoBox > li > a:focus{ background-color:transparent !important; }        
.infoBox > li > a{ display:inline-block; padding:0 0; margin:0 0px;}
/*.infoBox > li > a > strong{ vertical-align:top; }*/
.infoBox li.login-library-list a span{ color:#ec5e33 !important; }
.infoBox li.login-library-list a span.eng-hide{ color:#555 !important; }
.infoBox li.login-library-list a:hover span.eng-hide{ color:#00448f !important; }
:last-child.navbar-right.navbar-nav.infoBox{ margin-right:0px; }
/*.infoBox li.infoBox-language a{ font-size:11px; background-color:#505050 !important; color:#fff; padding:1px 8px; border-radius:15px; }
.infoBox li.infoBox-language a:hover, .infoBox li.infoBox-language a:focus, .infoBox li.infoBox-language a:active{ color:#faffad !important; }*/
.infoBox > li.icon{ padding:0; }
.infoBox > li.icon > a{ padding:0;}
.infoBox > li.icon > a::before{ content:''; background:url("/Users/mokwon/Images/main.png") no-repeat left -200px; display:block; width:30px; height:26px; margin:0 auto 7px auto; }
.infoBox > li.icon01 > a::before{ background-position-x:0px; }
.infoBox > li.icon02 > a::before{ background-position-x:-30px; }
.infoBox > li.icon03 > a::before{ background-position-x:-60px; }
.infoBox > li.icon04 > a::before{ background-position-x:-90px; }
.infoBox > li.icon05 > a::before{ background-position-x:-120px; }

/* 메뉴- navbar */   
.sponge-navbar-top{ padding:0px; }
.sponge-navbar{  padding:0px; height:76px; border:0px; background:#fff;}  

/* main menu
----------------------------*/
#sponge-new-menu{clear:both; width:100%;  z-index:1000; overflow:visible; background-color:#fff; height:76px; border-top:1px solid #ededee; border-bottom:1px solid #ededee; }
#sponge-new-menu ul.sponge-navbar-nav{padding:0 0 0 0; margin:0 auto; width:1440px; z-index:999999990; float:none; text-align:center;}
#sponge-new-menu > ul > li.dropdown{margin:0; padding:0;  display:inline-block;float:none; zoom:1; color:#eee; line-height:normal; vertical-align:middle; 
           transition:background-color 0.2s; outline:none; -moz-user-select:none; -webkit-user-select: none; -ms-user-select: none; width:235px;  text-align:center; position:static;}
#sponge-new-menu > ul > li > a.dropdown-toggle{ font-size:21px; color:#000000; font-weight:600; padding:25px 0;  height:76px;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-navbar-nav .open > a, .sponge-navbar-nav .open > a:hover, .sponge-navbar-nav .open > a:focus
{ background-color:transparent; color:#a62940 !important; }
.sponge-navbar-nav .open > a{border-bottom:5px solid #a62940 !important;}

#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%; color:#000; padding:0; margin:0; border:0px;
                                   z-index:8888; position:absolute; left:0% !important; right:0px !important; border-radius:0; box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2); /*border-bottom:2px solid #a72b43 !important;*/
                        background: -moz-linear-gradient(right, rgba(243,241,241,1) 50%, rgba(222,188,195,1) 50%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left right, left right, color-stop(10%,rgba(243,241,241,1)), color-stop(90%,rgba(222,188,195,1))); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(right, rgba(243,241,241,1) 50%,rgba(222,188,195,1) 50%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(right, rgba(243,241,241,1) 50%,rgba(222,188,195,1) 50%); /* Opera11.10+ */
                        background: -ms-linear-gradient(right, rgba(243,241,241,1) 50%,rgba(222,188,195,1) 50%); /* IE10+ */                   
                        background: linear-gradient(right, rgba(243,241,241,1) 50%, rgba(222,188,195,1) 50%); /* W3C */
                        background: url('/Users/mokwon/Images/menu/menu_bg.png') repeat-y center top;
}
#sponge-new-menu ul.ul-dropdown-menu{margin:0 auto; padding:0 0 0 0; z-index:0; border-radius:0; width:1440px; /*background: url('/Users/mokwon/Images/menu/sponge-menu-ul-bg.png') no-repeat 160px top;*/ font-size:15px;}
#sponge-new-menu ul.ul-dropdown-menu > li {min-height:340px; display:inline-block; width:350px !important;  padding:0 0 0 20px; text-align:left; vertical-align:top; border-right:1px solid #d18b97; margin:30px 0%;  }
#sponge-new-menu ul.ul-dropdown-menu.ul-dropdown-menu-long > li {min-height:398px; }
#sponge-new-menu ul.ul-dropdown-menu > li:last-child{border-right:0px;}
/*#sponge-new-menu ul.ul-dropdown-menu > li{}*/
#sponge-new-menu ul.ul-dropdown-menu.col5 > li  {  width:207px !important; }
#sponge-new-menu ul.ul-dropdown-menu.col4 > li  {  width:260px !important; }
#sponge-new-menu ul.ul-dropdown-menu.col4 > li.w21{ width:22% !important;}
#sponge-new-menu ul.ul-dropdown-menu.col4 > li.w38{ width:520px !important;}
#sponge-new-menu ul.ul-dropdown-menu.col4 > li.w38 > ul > li > ul > li  {  clear:none;  width:48%; display:inline-block; padding-right:15px;}
/*#sponge-new-menu ul.ul-dropdown-menu.col4 > li.w38 ul.list-style-height li:nth-child(15) a,
#sponge-new-menu ul.ul-dropdown-menu.col4 > li.w38 ul.list-style-height li:nth-child(16) a,
#sponge-new-menu ul.ul-dropdown-menu.col4 > li.w38 ul.list-style-height li:nth-child(17) a,
#sponge-new-menu ul.ul-dropdown-menu.col4 > li.w38 ul.list-style-height li:nth-child(18) a
  { height:45px;}*/

#sponge-new-menu ul.ul-dropdown-menu > li.sponge-menu-title{min-height:400px;  margin-left:0px; text-align:center;  color:#000; font-size:30px; text-align:right; font-weight:600; width:374px !important; margin:0px; padding:30px 0 30px 0; border-right:0px solid #ddd;}
#sponge-new-menu ul.ul-dropdown-menu > li.sponge-menu-title span.sponge-menu-text{  display:block; margin-right:80px; }
#sponge-new-menu ul.ul-dropdown-menu > li.sponge-menu-title span.sponge-menu-icon{ background: url('/Users/mokwon/Images/menu/sponge-menu-logo.png') no-repeat center top; display:inline-block; width:233px; height:334px; margin:20px 0; }

/*#sponge-new-menu ul.ul-dropdown-menu > li.sponge-menu-title span.sponge-menu-icon{ background: url('/Users/mokwon/Images/menu/sponge-menu-icon01.png') no-repeat center top; display:block; width:102px; height:106px; margin:20px auto;}
#sponge-new-menu ul.ul-dropdown-menu > li.sponge-menu-title span.sponge-menu-icon02{ background-image: url('/Users/mokwon/Images/menu/sponge-menu-icon02.png'); width:123px; height:104px; }
#sponge-new-menu ul.ul-dropdown-menu > li.sponge-menu-title span.sponge-menu-icon03{ background-image: url('/Users/mokwon/Images/menu/sponge-menu-icon03.png'); height:89px; }
#sponge-new-menu ul.ul-dropdown-menu > li.sponge-menu-title span.sponge-menu-icon04{ background-image: url('/Users/mokwon/Images/menu/sponge-menu-icon04.png'); width:143px; height:75px; }
#sponge-new-menu ul.ul-dropdown-menu > li.sponge-menu-title span.sponge-menu-icon05{ background-image: url('/Users/mokwon/Images/menu/sponge-menu-icon05.png'); width:129px; height:101px; }
#sponge-new-menu ul.ul-dropdown-menu > li.sponge-menu-title span.sponge-menu-icon06{ background-image: url('/Users/mokwon/Images/menu/sponge-menu-icon06.png'); width:120px; height:95px; }*/


#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-weight:600; font-size:18px; /*border-bottom:1px solid rgba(0,0,0,0.15) !important;*/ width:100%; padding:15px 0; display:inline-block; 
                                                                                                          vertical-align:top;}
#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:#a72b43; }
#sponge-new-menu ul.ul-dropdown-menu > li > ul > li a:hover, #sponge-new-menu ul.ul-dropdown-menu > li > ul > li a:focus  {font-weight:600; }
#sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul{margin-top:0;}
#sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li  {  margin:0 0 0 0; padding:0px; /*height:35px;*/ line-height:normal; clear:left;}
/*#sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li:hover  a, #sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li:hover > li > a {color:#a72b43;}*/
#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 { display:inline-block; padding:10px 0 10px 10px; width:100%; background: url('/Users/mokwon/Images/menu/sponge-menu-icon.png') no-repeat left 14px; }

#sponge-new-menu ul.ul-dropdown-menu > li > ul > li > ul > li > ul > li > a  {  padding:8px 5px 8px 10px;clear:left; display:inline-block; font-size:90%;}


#sponge-new-menu > ul > li.allmenuBtn .btn.btn-info{ background-color:transparent; border:0px; padding:0px; margin-top:23px;}
#sponge-new-menu > ul > li.allmenuBtn .btn.btn-info:hover, #sponge-new-menu > ul > li.allmenuBtn .btn.btn-info:focus{ background-color:transparent !important; }
#sponge-new-menu > ul > li.allmenuBtn .btn.btn-info .icon-bar{background-color:#a72b43; height:3px; width:25px; margin:4px 0 !important; display:block;}



#myModalTop .modal-dialog{width:1270px; border-radius:0px;}
#myModalTop .modal-content{ border-radius:0px; background-color:rgba(255,255,255,0.9)}
#myModalTop .modal-header{ background-color:transparent; border-bottom:0px; min-height:30px;}
#myModalTop .modal-header button.close{ color:#878787; font-size:30px; opacity:0.7; margin-right:15px;}

#myModalTop .modal-body > ul{ text-align:center; }
#myModalTop .modal-body > ul > li{ width:30%; display:inline-block; vertical-align:top; text-align:left;}
#myModalTop .modal-body > ul > li > p{ background-color:#a72b43; color:#fff; font-weight:600; font-size:18px; width:100%; padding:10px; height:50px; }
#myModalTop .modal-body > ul > li > p >i { float:right; margin-top:5px;}
#myModalTop .modal-body > ul > li > ul{ padding:5px 15px 15px 15px; font-weight:600;}
#myModalTop .modal-body > ul > li > ul > li > ul{ padding:5px 15px; font-weight:normal;}
#myModalTop .modal-body > ul > li > ul > li > ul > li{ font-size:11px; }

/* links in sub menu
----------------------------*/
#sponge-new-menu .dropdown a{color:#000; line-height:1; text-decoration:none; transition:color 0.4s; }
#sponge-new-menu .dropdown a:hover, #sponge-new-menu .dropdown a:focus{text-decoration:none; color:#09F; }

#sponge-new-menuLink {display:none; }
#sponge-new-menu .menu-icon   {display:none;}

*#fullpage{ margin-top:0;}
.section{ }
#fullpage > .section:first-child {background: url('/Users/Mokwon/images/main/mainImg.jpg') no-repeat center top; background-size:100%; height:100vh;} 
#section1 .fp-tableCell{display:block; padding-top:151px; }
/*#section1 .sponge-layout-wrap{ position:relative; }*/
#section2{ /*background-color:#f1f3f8;*/  }
#section2 .fp-tableCell{display:block;padding-top:151px; }
#section2 .sponge-layout-wrap{ width:1440px; margin:0 auto; height:100%; padding-top:151px; }

#section3 .fp-tableCell{display:block;padding-top:151px;}
#section4 .fp-tableCell{display:block;padding-top:151px;}
#section5 { padding-top:0; height:auto !important; }
#section5 .fp-tableCell{ height: auto !important; }
#section5 .sponge-layout-wrap{  padding-top:0;}

.sponge-layout-sub-background .sponge-layout-wrap{margin-top:151px;}


/* -------- Sub wrap --------- ***************************************************************************************************************************************/
.sponge-layout-content-sub-2021, .sponge-page-breadcrumbs-section, .sponge-layout-sub-search{width:1440px;}
.sponge-layout-content-main{ width:100%; overflow:hidden; margin:0 auto;  padding:0; }
.sponge-layout-content-sub{width:100%; overflow:hidden; padding-bottom:80px; margin:0 auto;  clear:both;}

.sponge-layout-content-container{ width:100%; padding-right:0px; float:left; display:inline; overflow:hidden;} 


/* 메인 롤링이미지-----------------------------------------------------------------------------------------------------------------------------------------*/  
.sponge-layout-images-bg{  width:100%; margin-bottom:0; position:relative; }

 
.sponge-layout-images{width:100%; margin:0 auto; padding:0 0px;  z-index:100; overflow: hidden; min-height:555px; background: url('/Users/Mokwon/Images/main/mainImg01.jpg') no-repeat center top; position:absolute; top:0;  z-index:100;}

.sponge-carousel .item{  background:#d2cfca url('/Users/Mokwon/Images/main/mainImg01.jpg') no-repeat center top; height:555px; }
.sponge-carousel .item.mainImg02{ background-image:url('/Users/Mokwon/Images/main/mainImg02.jpg'); }
.sponge-carousel .item.mainImg03{ background-image:url('/Users/Mokwon/Images/main/mainImg03.jpg'); }
.sponge-carousel .item.mainImg04{ background-image:url('/Users/Mokwon/Images/main/mainImg04.jpg'); }
/*.sponge-carousel .item.mainImg05{ background-image:url('/Users/Mokwon/Images/main/mainImg05.jpg'); }*/
.sponge-carousel .carousel-control{  width:7%; z-index:50;}
.sponge-carousel .carousel-control:active{ background-color:transparent;}
.sponge-carousel .carousel-indicators{bottom:auto; top:880px;}
.sponge-carousel .carousel-indicators li{ width:16px; height:16px; margin:1px 2px;}
.sponge-carousel .carousel-indicators .active{ width:18px; height:18px;}


/*.sponge-main-icon-map-box{ width:100%;  font-weight:600; margin:0 auto; padding-top:155px; min-height:calc(920px - 119px)}
.sponge-main-icon-map-box > div{ padding:0px 0px 0 0; text-align:center; position:absolute; width:100%; z-index:1; }
.sponge-main-icon-map-box > div > div{ margin:0 auto; width:922px; box-shadow:0px 10px 20px rgb(0 0 0 / 20%); background-color:#fff;  border-radius:15px; padding:40px 45px;
animation-name:top; animation-duration:1s; -webkit-animation-name:top; -webkit-animation-duration:1s;  }*/


.wrap-index { overflow: hidden; }
.dark-green { color: #4c5b52; }
.light-green { color: #00853e; }
.mb-50 { margin-bottom: 50px;}
.slider { float: left; height:918px; width: 100%; position: absolute; }
.slider .jquery-reslider .slider-block {width: 100%; height: 100%; position: absolute; z-index: 1; background-position: center top; background-repeat: no-repeat; background-size: 1903px; opacity: 0; animation:sunday 7s 2s infinite alternate; -webkit-animation:sunday 7s infinite alternate; -moz-animation:sunday 7s infinite alternate; -o-animation:sunday 7s infinite alternate; -ms-animation:sunday 7s infinite alternate;} 
@keyframes sunday{ 10%{background-size:1903px;}   100%{background-size:2100px;} }
.slider .jquery-reslider .slider-direction { position: absolute; top: 32%; cursor: pointer; z-index:5000 !important; font-size:40px; color:#fff; opacity:0.6; display:none; } 
.slider .jquery-reslider .slider-direction.slider-direction-prev {left: 20px;  }
.slider .jquery-reslider .slider-direction.slider-direction-next {right: 20px; }
.slider .jquery-reslider .slider-direction:hover{opacity:1;}
.slider .jquery-reslider .slider-dots {position: absolute; width: 100%; text-align: center; bottom: 50px; z-index:5000 !important; display:none; }
.slider .jquery-reslider .slider-dots li {width: 15px; height: 15px; border-radius: 100px; display: inline-block; margin: 10px; border: 1px solid #ffffff; cursor: pointer; }
.slider .jquery-reslider .slider-dots li.active {background-color: #ffffff; }

.sponge-slider { width: 100%; height: 918px; margin: 0 auto; background-color: aqua; position: relative; overflow: hidden; }
.sponge-slider .panel { width: 100%; height: 100%; position: relative; }

.sponge-slider .panel li { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; color: #fff; font-size: 30px; display: none; }

.sponge-slider .panel li:nth-child(1) { background-image: url('/Users/Mokwon/Images/main/mainImg01.jpg'); display: block; }
.sponge-slider .panel li:nth-child(2) { background-image: url('/Users/Mokwon/Images/main/mainImg02.jpg'); }
.sponge-slider .panel li:nth-child(3) { background-image: url('/Users/Mokwon/Images/main/mainImg03.jpg'); }
.sponge-slider .panel li:nth-child(4) { background-image: url('/Users/Mokwon/Images/main/mainImg04.jpg'); }

.sponge-slider .btn { position: absolute; bottom: 30px; left: 50%; margin-left: -70px; }
.sponge-slider .btn li { float: left; width: 20px; height: 20px; text-indent: -9999px; margin-right: 20px; cursor: pointer; }
.sponge-slider .btn .on { background-color: #000; }
.sponge-slider .btn li:hover { background-color: #000; }
.sponge-slider .btn li:last-child { margin-right: 0px; }
.sponge-slider .prev { position: absolute; left: 30px; top: 50%; width: 30px; height: 30px; background-color: aqua; margin-top: -15px; }
.sponge-slider .next { position: absolute; right: 30px; top: 50%; width: 30px; height: 30px; background-color: aqua; margin-top: -15px; }


/* SEARCH -----------------------------------------------------------------------------------------------------------------------------------------*/  
.sponge-layout-main-search-bg{position:relative; min-height:555px; width:1440px; margin:0 auto; }

.sponge-layout-main-search-bg > div{ position:absolute; z-index:200; width:100%;animation-name:top; animation-duration:1s; -webkit-animation-name:top; -webkit-animation-duration:1s; animation-fill-mode: forwards;}
.sponge-layout-main-search {  position:absolute; top:135px; width:80%; margin:0 10%;  z-index:10;  height:auto; z-index:10; padding-top:43px;}   
.sponge-layout-main-search .ai-guide{ border-radius:30px; padding:10px 20px 10px 55px; color:#fff; position:absolute; right:0; z-index:1000; top:0;background:#000 url(/sponge/Images/HipGPT/ai-w.png) no-repeat 20px center;
    background-size: 25px;}
.sponge-layout-main-search .ai-guide:hover{ opacity:0.8; }
.sponge-layout-main-search > div { width:100%; padding:20px 0 20px 0; margin:0 auto;  background-color:#fff; box-shadow:0px 10px 20px rgb(0 0 0 / 40%);}

@keyframes top
{
from {top:-135px; opacity:0;}
to   {top:135px; opacity:1; }
}
.sponge-layout-main-search .nav-tabs{ font-weight:600; float:none; border-bottom: 0px solid #dddddd; height:65px; width:100%; margin:0 auto;  }
.sponge-layout-main-search .nav-tabs > li{ margin:0; width:33%; vertical-align:top; padding-top:9px;  margin-right:0.5%;}
.sponge-layout-main-search .nav-tabs > li:last-child{  border-right-width:1px; margin-right:0; float:right;}
.sponge-layout-main-search .nav-tabs > li > a { padding:15px 0px; margin:0px; font-size:18px; width:100%; height:56px; /*cursor: auto;*/ color:#fff; text-align:center; background: #a62940; 
                                                border-radius:5px 5px 0 0; z-index:50; border-width:0;  transition-duration: 0.5s, 0s; vertical-align:bottom;}
.sponge-layout-main-search .nav-tabs > li > a:hover, .sponge-layout-main-search .nav-tabs > li > a:focus, .sponge-layout-main-search .nav-tabs > li > a:active{ color:rgba(222,188,195,1);}
.sponge-layout-main-search .nav-tabs > li:first-child > a, .sponge-layout-main-search .nav-tabs > li.active > a, .sponge-layout-main-search .nav-tabs > li > a + .sponge-layout-main-search .nav-tabs > li.active{border-left-width:0px;}
.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 { color:#000;  height:69px; border-width:0px; font-size:20px; border:5px solid #a62940; border-bottom-width:0;
-ms-transform: translateY(-9px); transform: translateY(-9px); -webkit-transform: translateY(-9px); background: rgba(255,255,255, 1);}
.sponge-layout-main-search .nav-tabs > li.active > a::after{ content:'▼'; display:block; font-size:11px; color:#a62940; }
.sponge-layout-main-search .nav-tabs > li > a .BETA{ font-size:80%; font-weight:normal; margin-left:5px;}

.sponge-layout-main-search .tab-content{  float:none; margin:0 auto; background-color:rgba(255,255,255,1); z-index:10; position:relative; border:5px solid #a62940; }
.sponge-layout-main-search .tab-content .form-inline.tab-pane{ padding:0 20px 0px 20px; }
.sponge-layout-main-search .tab-content .form-inline.tab-pane > div { position:relative;display: grid; grid-template-columns:   7fr 1.2fr 1.5fr 1.2fr; }
.sponge-layout-main-search .tab-content .form-inline.tab-pane#search02 > div{ grid-template-columns:   7fr 1.2fr 1.2fr ; }
.sponge-layout-main-search .tab-content .form-inline.tab-pane#search03 > div { grid-template-columns:   9.2fr 1.2fr; }
.sponge-layout-main-search .tab-content .form-inline.tab-pane > div > * { margin:0 3px; height: 57px; vertical-align: middle;  display:inline-block; border-radius:2px; font-size:16px;}

.sponge-layout-main-search h3{ display:none;}


.sponge-layout-main-search .search-inputboxmain-box{  position:relative;}
.sponge-layout-main-search .search_inputboxmain { color: #000000;  padding-left:20px; box-shadow:none; border:2px solid #a62940;  height: 57px; width:100%; font-size:16px;}


.sponge-layout-main-search .search_inputboxmain:-ms-input-placeholder,
.sponge-layout-main-search input.search_inputboxmain::placeholder,
.sponge-layout-main-search input.search_inputboxmain:placeholder,
.sponge-layout-main-search input.search_inputboxmain::-ms-input-placeholder,

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


.sponge-layout-main-search .btn-main{ background-color:#a62940; color:#fff; padding:0 0 0 0;  }
.sponge-layout-main-search .btn-main-right{ background-color:#fff; border:2px solid #a62940; color:#000; }
.sponge-layout-main-search a.btn-main-right{ padding-top:15px; }

.sponge-layout-main-search .btn-main::before{ content:''; background:transparent url('/Users/Mokwon/Images/main/searchIcon01.png') no-repeat left top; display:inline-block; width:22px; height:22px; vertical-align:middle; margin-right:5px; }
.sponge-layout-main-search .search-icon02::before{ background-image: url('/Users/Mokwon/Images/main/searchIcon02.png'); width:23px; height:16px; }
.sponge-layout-main-search .search-icon03::before{ background-image: url('/Users/Mokwon/Images/main/searchIcon03.png'); width:21px; height:21px; }

.sponge-layout-main-search .searchBtn:hover, .sponge-layout-main-search .searchBtn:focus{ opacity:1; }
.sponge-layout-main-search .searchBtn:hover, .sponge-layout-main-search .searchBtn02:hover{ color:#fff !important;}
.sponge-layout-main-search .sponge-autocomplete-btn > .btn{ background-color:#e5e4e2; border-radius:8px; font-size:14px; padding:4px 10px;}

.sponge-layout-main-search .sponge-autocomplete-btn{ top:11px; right:10px;}


.fp-viewing-page02 .ui-autocomplete{ display:none; }
.fp-viewing-page03 .ui-autocomplete{ display:none; }
.fp-viewing-page04 .ui-autocomplete{ display:none; }
.fp-viewing-page05 .ui-autocomplete{ display:none; }

/* -------- 즐겨찾기 --------- ***************************************************************************************************************************************/
.sponge-main-btn{  width:100%; padding:40px 0; position:absolute;bottom:0; z-index:104;}
.sponge-main-btn > ul{ text-align:center; overflow:hidden; width:1440px; margin:0 auto 0 auto; }
.sponge-main-btn > ul > li{ width:9.7%;  display:inline-block; line-height:15px; position:relative;vertical-align:top;}
.sponge-main-btn > ul > li > a{ display:block; text-decoration:none; line-height:15px; color:#000; text-align:center; font-size:16px; font-weight:600;  }
.sponge-main-btn > ul > li > a:hover, .sponge-main-btn > ul > li > a:focus{ background-color:transparent;}
.sponge-main-btn > ul > li > a span.map { display:block; width:100px; height:100px; margin:10px auto 20px auto; border-radius:50%;}
.sponge-main-btn > ul > li > a span.map > i{ display:block; width:100px; height:100px;  background:url('/Users/Mokwon/Images/main.png') no-repeat left top;  border-radius:50%;}
.sponge-main-btn > ul > li > a span.map01 > i{ background-position-x:0px;}
.sponge-main-btn > ul > li > a span.map02 > i{ background-position-x:-100px; }
.sponge-main-btn > ul > li > a span.map03 > i{ background-position-x:-200px; }
.sponge-main-btn > ul > li > a span.map04 > i{ background-position-x:-300px; }
.sponge-main-btn > ul > li > a span.map05 > i{ background-position-x:-400px; }
.sponge-main-btn > ul > li > a span.map06 > i{ background-position-x:-500px; }
.sponge-main-btn > ul > li > a span.map07 > i{ background-position-x:-600px; }
.sponge-main-btn > ul > li > a span.map08 > i{ background-position-x:-700px; }
.sponge-main-btn > ul > li > a span.map09 > i{ background-position-x:-800px; }
.sponge-main-btn > ul > li > a span.map10 > i{ background-position-x:-900px; }
/*
.sponge-main-btn > ul > li > a span.map11{ background-position-x:-1000px; width:52px;}
.sponge-main-btn > ul > li > a span.map12{ background-position-x:-1100px; width:54px;}*/
.sponge-main-btn > ul > li:hover > a span.map > i{background-position-y:-100px;}
.sponge-main-btn > ul > li:nth-child(1) > a > span.map { animation-delay:0.5s;}
.sponge-main-btn > ul > li:nth-child(2) > a > span.map { animation-delay:0.75s;}
.sponge-main-btn > ul > li:nth-child(3) > a > span.map { animation-delay:1s;}
.sponge-main-btn > ul > li:nth-child(4) > a > span.map { animation-delay:1.25s;}
.sponge-main-btn > ul > li:nth-child(5) > a > span.map { animation-delay:1.5s;}
.sponge-main-btn > ul > li:nth-child(6) > a > span.map { animation-delay:1.75s;}
.sponge-main-btn > ul > li:nth-child(7) > a > span.map { animation-delay:2s;}
.sponge-main-btn > ul > li:nth-child(8) > a > span.map { animation-delay:2.25s;}
.sponge-main-btn > ul > li:nth-child(9) > a > span.map { animation-delay:2.5s;}
.sponge-main-btn > ul > li:nth-child(10) > a > span.map { animation-delay:2.75s;}

.sponge-main-btn > ul > li:hover > a{ opacity:1; }
.sponge-main-btn > ul > li:hover > a > span.map{background-position-y: top; transition-duration: 0.9s, 0s; transform:rotateY(360deg);   }



/* 신착자료, 공지사항, 인기자료 */
.sponge-layout-main-dataList{  clear:both; padding:60px 0 40px 0; }
.sponge-layout-main-dataList h2{ font-size:30px; display:block; padding:70px 0 50px 0; text-align:center; }
.sponge-layout-main-dataList h2 > span{position:relative; display:inline-block;  text-align:center; width:350px; height:30px;}
.sponge-layout-main-dataList h2 > span > span{position:absolute; width:100%; left:0;  z-index:3; color:#000;}
.sponge-layout-main-dataList h2 > span > i{ content:''; display:block; width:100%; position:absolute; height:9px; background-color:#4877e4;  z-index:1; bottom:0; }

.sponge-layout-main-dataList > .row{width:1440px; margin:0px auto 0 auto; padding:0;}
.sponge-layout-main-dataList > .row > div{ padding:0; margin:0; }
.sponge-layout-main-dataList > .row > div.col-md-3{ width:385px; margin-right:30px; }
.sponge-layout-main-dataList > .row > div.col-md-6{ width:605px;}
.sponge-layout-main-dataList > .row > div.col-md-3:last-child{  float:right; margin-right:0; }

.sponge-layout-main-dataList > .row > div > div{ height:370px;width:100%; border-bottom:1px solid #ddd; }

.sponge-layout-main-dataList .title{height:55px; /*border-bottom:3px solid #000000;*/ position:relative; } 
.sponge-layout-main-dataList .nav-tabs{height:55px; border-bottom: 0px solid #dde6e8;}
.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 {  color:#000000;border-width:0; /*border-bottom:3px solid #000;*/ background-color:transparent; }
.sponge-layout-main-dataList .nav-tabs > li > a { height:43px; font-weight:600; color:#a09e9e; padding:0 0; margin-right:30px; font-size:27px; display:block; float:left; border-width:0px; background-color:transparent;}
.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 .nav-tabs > li > a > span.main-new-btn{ border-radius:20px !important; font-size:60% !important;}
.sponge-layout-main-dataList .tab-content { border-top:0px solid #1759a6; }
.sponge-layout-main-dataList h3{ height:auto; color:#000; padding:0 0; margin-top:0px; font-size:30px; display:block; float:left; font-weight:600;  }
.sponge-layout-main-dataList a.main-more-icon{position:absolute; right:25px; top:25px; display:block; vertical-align:top; color:#2c2c2c;}
.sponge-layout-main-dataList a.main-more-icon > span{ font-family:'굴림'; color:#a62940; }

/* 이용시간 */
.sponge-layout-main-time{  font-weight:500; position:relative;  padding:25px 25px;height:370px; border:1px solid #dcdbdb; background:#fff  url('/Users/Mokwon/Images/main/timeGuide.png') no-repeat right bottom; }
.sponge-layout-main-dataList .sponge-layout-main-time a.main-more-icon{right:0; top:0;}
.sponge-layout-main-time > div > dl:first-child{margin-bottom:30px;}
.sponge-layout-main-time > div > dl > dt{ font-size:16px; color:#fff; background-color:#a62940; margin-bottom:15px; position:relative; padding:3px 30px; text-align:center; font-weight:600;  width:120px;  border-radius:5px; display:block;  }
/*.sponge-layout-main-time > div > dl > dt::before{ content:''; width:12px; height:12px; border-radius:50%; background-color:#1f3b77; display:inline-block; position:absolute; left:0; top:6px; }*/
.sponge-layout-main-time > div > dl > dd{ color:#000000; letter-spacing:-0.5px; margin-bottom:15px; }

.sponge-layout-main-time > div > dl > dd:last-child{ margin-bottom:25px; }
.sponge-layout-main-time > div > dl > dd.red{ color:#cd3429; }
.sponge-layout-main-time > div > dl > dd > p{margin:0 0 10px 0;}
.sponge-layout-main-time > div > dl > dd > p > span{ color:#37569e; }
.sponge-layout-main-time > div > p{color:#37569e;}
/*.sponge-layout-main-dataList .sponge-layout-main-time a.main-more-icon{ position:absolute; right:30px; bottom:30px; top:auto; border:1px solid #da4034; font-size:15px; display:block; padding:3px 15px; color:#da4034; width:auto; font-weight:500; }
.sponge-layout-main-dataList .sponge-layout-main-time a.main-more-icon span{ font-family:'돋움'; }*/

/* 데이터 리스트 */
.sponge-layout-main-board{ position:relative; background-color:#fff; padding:25px 30px 0 30px;border:1px solid #dcdbdb;}
.sponge-layout-main-board .tab-content ul{ padding:0px 0 0 0; margin:0 0 0 0; display:inline-block; width:100%;}
.sponge-layout-main-board .tab-content ul > li{ clear:both; width:100%; margin:0px; padding:0;  overflow:hidden; vertical-align:bottom; font-size:16px; border-bottom:1px solid #eee; position:relative; height:56px; }
.sponge-layout-main-board .tab-content ul > li:last-child{ border-bottom-width:0px; }
.sponge-layout-main-board .tab-content ul > li:hover{ background-color:#f3f3f3;}
.sponge-layout-main-board .tab-content ul > li > a, .sponge-layout-main-board ul > li > p{ display:inline-block; padding:13px 0;  margin:0px; }
.sponge-layout-main-board .tab-content ul > li > a{ width:100%; padding-right:17% ; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }
.sponge-layout-main-board .tab-content ul > li > p{ width:17%; text-align:right; position:absolute; right:0; } 
.sponge-layout-main-board .tab-content ul > li .newListBtnDufault{ border-width:0; border-radius:0; background-color:#c30819; color:#fff; padding:2px 4px;}
.sponge-layout-main-board .tab-content ul > li > a > span.btn{ min-width:50px; height:29px; padding:3px 3px; text-align:center; border-radius:3px; font-size:14px;  margin-right:10px; color:#fff;}
.sponge-layout-main-board .tab-content ul > li > a > span.btn, .onroad-board dd span.btn.btn-xs{ background-color:#a62940; border-color:#a62940;}
.sponge-layout-main-board .tab-content ul > li > a > span.btn.btn-primary, .onroad-board dd span.btn.btn-xs.btn-primary{background-color:#159db7; border-color:#159db7;}
.sponge-layout-main-board .tab-content ul > li > a > span.btn.btn-info, .onroad-board dd span.btn.btn-xs.btn-info{ background-color:#37569e; border-color:#37569e; }
.sponge-layout-main-board .tab-content ul > li > a > span.label{ display:none; }
/*롤링배너*/
.sponge-main-bannerZone{padding:0 0 0 0 !important; margin-bottom:0; background-color:#ddd;  width: 100%; border-radius:1px;}
.mainslides.carousel{ width: 100%; height: 323px; overflow:hidden; background:#ddd url("/Users/Mokwon/Images/main/sponge-logo.png") no-repeat center center; position:unset;  }
.mainslides img { width: 100%; height: 323px; }
.carousel-indicators { position: absolute; bottom: 0px; left: 0%; z-index: 15; width: 100%; padding: 10px 20px;  margin-left:0%;  text-align: right; list-style: none; background-color:#000; }
.carousel-indicators li {  display: inline-block; width: 12px;  height: 12px;  margin: 0 4px;  text-indent: -999px; cursor: pointer; background-color: #ffffff; border: 1px; border-radius: 10px;}
.carousel-indicators .active {  background-color: #d0e3b6; margin: 0 4px;}
.sponge-main-bannerZone .carousel-inner > .item{ border-width:0;}
#section2 .sponge-main-bannerZone .fp-tableCell{ height:auto; padding-top:0; }

.sponge-layout-main-banner-pull > div{ position:relative; }
.sponge-layout-main-banner-pull > div:first-child{ margin-bottom:30px; }
.sponge-layout-main-banner-pull h3{ position:absolute; left:0; width:272px; text-align:center; margin:0;}
.sponge-layout-main-banner-pull h3 > a{ display:table; width:100%; height:111px; background-color:#a62940; color:#fff; font-size:28px; }
.sponge-layout-main-banner-pull h3 > a > span { display:table-cell; vertical-align: middle; }
.sponge-layout-main-banner-pull h3 > a > span > span { color:#ffd200; }

.sponge-layout-main-banner-pull ul{ padding-left:272px; background-color:#f0f0f0; text-align:center; margin:0; height:111px;}
.sponge-layout-main-banner-pull ul > li{ width:24.5%; display:inline-block;}
.sponge-layout-main-banner-pull > div:last-child ul > li{ width:19.5%;}
.sponge-layout-main-banner-pull ul > li > a{ display:table; width:100%; height:111px; font-size:18px; }
.sponge-layout-main-banner-pull ul > li:nth-child(odd) > a{ background-color:#eae9e9; }
.sponge-layout-main-banner-pull ul > li > a > span { display:table-cell; vertical-align: middle; }
.sponge-layout-main-banner-pull ul > li > a > span > i.icon{  transition-duration: 0.5s, 0s; display:block; width:50px; height:41px;  background:url('/Users/Mokwon/Images/main.png') no-repeat left -226px; margin:0 auto; }
.sponge-layout-main-banner-pull ul > li > a > span > i.icon01{ background-position-x:0px;}
.sponge-layout-main-banner-pull ul > li > a > span > i.icon02{ background-position-x:-50px; }
.sponge-layout-main-banner-pull ul > li > a > span > i.icon03{ background-position-x:-100px; }
.sponge-layout-main-banner-pull ul > li > a > span > i.icon04{ background-position-x:-150px; }
.sponge-layout-main-banner-pull ul > li > a > span > i.icon05{ background-position-x:-200px; }
.sponge-layout-main-banner-pull ul > li > a > span > i.icon06{ background-position-x:-250px; }
.sponge-layout-main-banner-pull ul > li > a > span > i.icon07{ background-position-x:-300px; }
.sponge-layout-main-banner-pull ul > li > a > span > i.icon08{ background-position-x:-350px; }
.sponge-layout-main-banner-pull ul > li > a > span > i.icon09{ background-position-x:-400px; }
.sponge-layout-main-banner-pull ul > li > a:hover > span > i.icon{ margin-top:-5px; margin-bottom:5px; }


#section3{ background: url("/Users/Mokwon/Images/main/boxBg.png") center 151px;}
#section3 .sponge-layout-main-dataList{ padding:40px 0; width:100%; height:100%; }



/* 신착도서 -----------------------------------------------------------------------------------------------------------------------------------------*/  

.sponge-layout-main-booklist{ padding:0 0 0 0;}
.sponge-layout-main-booklist > div .nav-tabs{text-align:center; margin-bottom:100px; }
.sponge-layout-main-booklist > div .nav-tabs > li{ float:none; display:inline-block;}
.sponge-layout-main-booklist > div .nav-tabs > li > a{ font-size:40px; display:block; padding:0 0 0 0; text-align:center; border-width:0; background-color:transparent; font-weight:600; }

.sponge-layout-main-booklist > div .nav-tabs > li.active > a{ border-width:0; background-color:transparent; }
.sponge-layout-main-booklist > div .nav-tabs > li.active > a::first-letter { color:#a62940;}

.sponge-layout-main-#section3 .sponge-layout-main-dataListbooklist a.main-more-icon{position:absolute; right:0px; top:-140px; display:block; vertical-align:top; color:#2c2c2c; width:117px; height:40px;padding-top:5px; border-radius:20px; border:1px solid #848282; color:#848282; text-align:center; }
.sponge-layout-main-booklist a.main-more-icon > span{ font-family:'굴림'; font-size:90%; }
.sponge-layout-main-dataList .sponge-layout-main-booklist a.main-more-icon { border:1px solid #a4a4a4; border-radius:20px; right:0; top:-45px; padding:5px 30px;}
/* 신착도서 -----------------------------------------------------------------------------------------------------------------------------------------*/  
.sponge-main-book{box-sizing: border-box; margin:0 auto; width:1440px; padding:65px 0;}

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

.sponge-main-book > ul > li > div > div > ul{ position:absolute;top: 0;left:20px;width:100%;padding: 50px 0 50px 50px; height:500px; overflow:hidden;  width:1500px !important;}
.sponge-main-book > ul > li > div > div > ul > li{ display:inline-block; width:221px !important; height:500px; padding:0 0% 0 0; margin:0px;  text-align:left;}
.sponge-main-book > ul > li > div > div > ul > li > a{ transition-duration: 0.5s, 0s; border:3px solid #fff; box-shadow: 0 0px 40px rgba(74, 94, 140, 0.3); width:210px;  height:340px; padding:35px 10px; position:relative; display:inline-block;  overflow:hidden; word-break:keep-all; background-color:#fff; border-radius:10px; text-align:center;}
.sponge-main-book > ul > li > div > div > ul > li > a:hover{ border-color:#a62940;}
.sponge-main-book > ul > li > div > div > ul > li > a > img{ width:137px; height:201px; border:1px solid #c6c6ca;display:block; margin:0 auto; }
.sponge-main-book > ul > li > div > div > ul > li > a > p{ text-align:center; font-weight:400;display:block; margin-top:20px; font-size:18px; }
.sponge-main-book > ul > li > div > div > ul > li > a > p > span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:35px; width:199px; display:block;}
.sponge-main-book > ul > li > div > div > ul > li > a > p > span:last-child{ font-size:80%; opacity:0.7; }




.sponge-main-book ul > li .btns{display:none; position:absolute; top:185px; left:0; font-size:40px;}
.sponge-main-book ul > li.active .btns{display:block}
.sponge-main-book .btns a{position:absolute;top:0;display: block; transition:background 0.25s ease; z-index:500;}
.sponge-main-book .btns a span.glyphicon{ color:#c9c9c9; font-size:20px;}
.sponge-main-book .btns a:hover span.glyphicon{ color:#86aedb; }
.sponge-main-book .btns a.prev{right: 0px;}
.sponge-main-book .btns a.next{left: 0px;}


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



/* Book */
.sponge-layout-main-db .sponge-main-book{ padding:0;}
.sponge-layout-main-db .sponge-main-book > ul > li > div > div{height: 585px;}

.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul{  height:585px;}
.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li{  height:585px;}
.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li:nth-child(even){  padding-top:60px; vertical-align:top;}

.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li > a{ width:210px;  height:210px; padding:0px 0; display:table; margin-bottom:20px; text-align:center; }
.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li > a.color-box{ background-color:#a62940; border-color:#a62940;}
.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li > a.color-box:hover{ background-color:rgba(166, 41, 64, 0.8);}
.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li > a > span {  display:table-cell; vertical-align: middle; }
.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li > a > span > img{ max-width:95%;   }
/*.sponge-layout-main-db .sponge-main-book > ul > li > div > div > ul > li > a.color-box > span > img{filter: invert(1); }*/
.sponge-layout-main-db .sponge-main-book ul > li .btns{ top:225px; }

/* Copyright */
footer{ width:100%; }
.sponge-layout-footer-banner-list{ background-color:#eaedf2; padding:50px 0; }
.sponge-layout-footer-banner-list > .row{ padding: 0; width:1440px; margin:0 auto;}
.sponge-layout-footer-banner-list > .row > div{ background-color:#fff; height:170px; width:990px; padding:40px 0;  }
.sponge-layout-footer-banner-list > .row > div:last-child{ float:right; width:420px; }
.sponge-layout-footer-banner-list > .row > div > ul{ text-align:center; }
.sponge-layout-footer-banner-list > .row > div > ul > li{ display:inline-block; padding:0 30px;}
.sponge-layout-footer-banner-list > .row > div:first-child > ul > li { border-right:1px solid #eaedf2; padding:0 15px 0 13px; }
.sponge-layout-footer-banner-list > .row > div:first-child > ul > li:last-child { border-right-width:0;  }
.sponge-layout-footer-banner-list > .row > div > ul > li > a{ display:block; }
.sponge-layout-footer-banner-list > .row > div > ul > li > a:hover{ opacity:0.8; }
.sponge-layout-footer-banner-list > .row > div > ul > li > a > span.img-icon{ transition-duration: 0.5s, 0s; display:block; width:205px; height:89px;  background:url('/Users/Mokwon/Images/main.png') no-repeat left -460px; margin:0 auto; }
.sponge-layout-footer-banner-list > .row > div > ul > li > a > span.img-icon.icon01{ background-position-x:0px;}
.sponge-layout-footer-banner-list > .row > div > ul > li > a > span.img-icon.icon02{ background-position-x:-220px; }
.sponge-layout-footer-banner-list > .row > div > ul > li > a > span.img-icon.icon03{ background-position-x:-440px; }
.sponge-layout-footer-banner-list > .row > div > ul > li > a > span.img-icon.icon04{ background-position-x:-660px; position:relative; }
.sponge-layout-footer-banner-list > .row > div > ul > li > a > span.icon{ transition-duration: 0.5s, 0s; display:block; width:60px; height:60px;  background:url('/Users/Mokwon/Images/main.png') no-repeat left -400px; margin:0 auto; }
.sponge-layout-footer-banner-list > .row > div > ul > li > a > span.icon.icon01{ background-position-x:0px;}
.sponge-layout-footer-banner-list > .row > div > ul > li > a > span.icon.icon02{ background-position-x:-60px; }
.sponge-layout-footer-banner-list > .row > div > ul > li > a > span.icon.icon03{ background-position-x:-120px; }

.sponge-layout-footer-banner {  width:100%; margin:0px auto 0px auto; background-color:#535353; height:90px;}

.sponge-layout-footer-banner h3 { float:left; }
.sponge-layout-footer-banner > ul  { vertical-align:top; margin:0 auto;  width:1440px; text-align:center; height:105px; margin-bottom:0; }
.sponge-layout-footer-banner > ul > li { display:inline-block; margin:30px 33px 30px 33px; float:left; padding:0 0 0 0; vertical-align:top;}
.sponge-layout-footer-banner > ul > li:first-child { margin-left:0px; }  
.sponge-layout-footer-banner > ul > li:last-child { float:right; margin-right: 0px; }   
.sponge-layout-footer-banner > ul > li:nth-last-child(2) { margin-right: 0px; }    
.sponge-layout-footer-banner > ul > li > a{  display:block; padding:0 0; font-size:20px; color:#fff; }  
.sponge-layout-footer-banner > ul > li > a:hover, .sponge-layout-footer-banner > ul > li > a:focus{ color:#ffc000; }



.sponge-layout-footer{ color:#bbbcbc; background-color:#1c1d1f;  color:#fff; width:100%; margin:0 0 0 0;  }
.sponge-layout-footer .container{ position:relative; }
.sponge-layout-footer .container > div{  padding:60px 0; width:100%; text-align:left;}
.sponge-layout-footer .container > div select{ height:auto; }


.sponge-layout-footer address{   color:#fff;  margin:0 ; text-align:center; }

.sponge-layout-footer address > p { color:#bbbcbc; line-height:30px; }
.sponge-layout-footer address > p:first-child { height:100px; border-bottom:1px solid #535455; padding-top:40px; }
.sponge-layout-footer address > p:first-child > a{ color:#8b8989;  margin:0 20px; display:inline-block;}
.sponge-layout-footer address > p:first-child > a:first-child{ color:#ffc000; margin-left:0; }
.sponge-layout-footer address > p:first-child > a:last-child{ color:#ff7e19; margin-right:0; }
.sponge-layout-footer address span.glay{ opacity:0.6;}
.sponge-layout-footer address a{ color:#94b5db;}
.sponge-layout-footer address a:hover, .sponge-layout-footer address > p.select-links-list > a:hover, .sponge-layout-footer address > p:first-child > a:hover{ color:rgb(255, 216, 89);}
.sponge-layout-footer address > p > span.add { color:#616163; }
.sponge-layout-footer .container > div.sponge-main-banner-footer-list{ padding: 0 0 0 21px; float:right; width:461px; height:360px; position:relative; margin-top:-30px; }

.sponge-layout-footer-logo > a{display:block; width:258px; height:36px;  background:url('/Users/Mokwon/Images/main/sponge-logo-footer.png') no-repeat left top; margin:40px auto 30px auto;}
.sponge-layout-footer address > p.select-links-list > a { color:#616163; border:1px solid #40404e; border-radius:1px; padding:0px 30px; display:inline-block; margin:20px 10px 30px 10px; }


.family_site { float: right; padding-top: 10px;  width:20%; text-align:right; }
.family_site .family_site_box button:focus-visible { box-shadow: #fff 0px 0px 0px 3px, #fff 0px 0px 0px 4px;  }
.family_site_box { position: relative; width: 200px; margin-left: 10px; display:inline-block; border-width:0; padding:0; background-color:transparent; }
.family_site_box:first-child { margin-left: 0; }
.family_site_box .btn_family { position: relative; width: 100%; height: 48px; padding:0 60px 0 30px; background-color: #121212; border: 1px solid #3c3c3c; border-radius: 10px; font-size: 16px; color: #fff; text-align: left; z-index: 1; }
.family_site_box .btn_family:focus{outline:none;}
.family_site_box .btn_family::before { position: absolute; width: 12px; height: 2px; background: #fff; right: 28px; top:23px; content: ""; }
.family_site_box .btn_family::after { position: absolute; width: 2px; height: 12px; background: #fff; right:33px; top:18px; opacity: 1; transition: 0.3s; content: "";  }
.family_site_box.open .btn_family::after{ display:none;  }
.family_site_list{ background-color:#121212; color:#fff; width:100%; border-radius:15px 15px 0 0; padding:10px; bottom:calc(100% - 10px) !important; border: 1px solid #3c3c3c; border-bottom-width:0; }
.family_site_list > li > a{ color:#fff; padding:10px 10px; }


/* ----------content "퀵메뉴 quick" to center the layout-------- */	 
#sponge-layout-content-container-quick{ position:fixed; top:200px; width:auto; z-index:9999; right:20px;}	 
.sponge-layout-main-background #sponge-layout-content-container-quick #quick{  display:none; }
#quickMenu{width:auto; padding-top:10px;}
.sponge-top-btn{border:1px solid #bebebe; font-weight:600; width:40px; height:40px; padding:0 0; color:#3f3f3f; text-align:center; display:table; font-size:20pt;
                text-shadow: 3px 3px 3px #fff; background-color:#fff; background:#fff linear-gradient(#fff 40%, #ddd ) !important; line-height:5px; line-height:-1.5px; -webkit-text-size-adjust:none; margin:1px 0; }
.sponge-top-btn > i{ display:table-cell; vertical-align:middle;}



.banner_popup{ background-color:#474747; height:63px;  z-index:10000; position:relative;  }
.banner_popup > .container{ width:1440px; position:relative; }
.flexslider{background-image:none; padding-left:0px;}
.flexslider .slides > li { color:#fff;}  
.flexslider .slides > li > a { color:#fff; height:23px; overflow-y:hidden; display:block;}
.flexslider .slides > li > a:hover, .flexslider .slides > li > a:focus { color:#efff67 !important;}
.flexslider .slides > li > a > i.fa{font:normal normal normal 14px/2 normal; border-radius:50%; width:12px; height:12px; background-color:#fff;}
.flexslider .slides > li > a > i.fa.fa-check:before{ content:none; }
.flexslider .slides > li > a:hover > i.fa, .flexslider .slides > li > a:focus > i.fa{background-color:#efff67;}
.NavControl{display:none;}
.close_cheackbx{position:absolute; right:0; top:10px;}
.close_cheackbx_container{margin-top:0; width:201px; float:right;}
.pup_close_btn{ background: url('/sponge/Images/popup/pup_close_btn.png') no-repeat center center; width:35px; height:35px;}
.close_cheackbx label{border-right:0px; font-size:16px; margin-top:12px; margin-right:45px;}
.close_cheackbx input[type='checkbox']{margin-top:10px;}
.banner_popup .close_cheackbx input[type='checkbox']{ margin-top:8px;}



/* -------- sub wrap --------- ***************************************************************************************************************************************/
.iframe-mokwon{width:100%; min-height:930px; border:1px solid #ddd;}

.sponge-layout-content-container-leftmenu{display:none;}
.sponge-layout-content-container-rightcontent{width:100%;}

#sponge-table-banner td strong, #sponge-table-banner td strong a, .a-title> div > div > ul > li > a{ color:#a72b43;  font-weight:600;}




.introGuide{min-height:700px; width:100%; color:#000; background: url('/Users/mokwon/Images/sub/intro.png') no-repeat right bottom; font-size:15px; }
.root_daum_roughmap{width:100% !important; }
.root_daum_roughmap .wrap_map{height:470px !important;}
.introGuide p:last-child{ padding-right:70%; }
.introGuide p:nth-last-child(2){ padding-right:60%; }

.permissions li em.number{ color:#a72b43;}


table.bor td{  padding:5px 30px 5px 10px;} 


.sponge-table-default th, .sponge-table-default td { text-align:center;  vertical-align:middle;}

.sponge-table-default td.sub_title.userBtn{ text-align:left;}

.a-title{ margin-bottom:50px;}
table.tbl_type5 { margin-top:10px; width:100%;}
table.tbl_type5 td{background: url("/Sponge/Images/icon/sub_dot.png") no-repeat left 13px;  padding:5px 15px;}
#tab-uni{margin-bottom:50px;}

/*#tab-uni .sponge-nav-tabs-sub.sponge-nav-tabs > li{width:6.66666%; margin-left:-1px;}
#tab-uni .sponge-nav-tabs-sub.sponge-nav-tabs > li > a { width:100%; min-width:0; }*/
.call-number{  border:1px solid #ddd;}
.call-number > div.call-number-img{ float:left; width:50%;  border-right:1px solid #ddd;}
.call-number > div.call-number-img > img{ width:100%;  }
.call-number > div.call-number-table { width:50%; float:right; min-height:518px; display:table; padding:20px;background-color:#555;}
.call-number > div.call-number-table table{ width:100%; vertical-align:middle; display:table-cell; margin:0 auto;}
.call-number > div.call-number-table table td{ color:#fff; padding:10px 0 10px 25px; font-size:16px; }
.call-number > div.call-number-table table td.bor{ color:#000;font-size:20px;}

.call-number2{  border:1px solid #ddd; padding:15px;}
.call-number2 > img{ float:left; width:30%; }
.call-number2 > table { width:50%; float:left; font-weight:600; margin-left:40px; margin-top:51px; }

.btn-list-w table .btn{width:80%;}
.call-number > table td{  padding:10px 0 10px 25px; font-size:16px; }
.call-number > table td.bor{ font-size:20px;}


.sponge-circle, .onroad-board dd span.sponge-circle{background-color:#a72b43; }

.sponge-account-login-body{width:50%; margin:0 auto; }
.sponge-page-login{width:50%; clear:none; margin:0 25%;  }
/*.sponge-page-login.kor-hide{display:block !important; }*/
.sponge-account-login-body h2.form-signin-heading{display:none;}
.form-signin{padding:0px; max-width:100%; margin-bottom:30px; }
.sponge-page-login p{ padding:15px 0; border-bottom:1px solid #eee; margin:0px; }
.sponge-page-login .sponge-guide-Box p.last{ border-bottom:0px solid #eee; }
.sponge-account-login-body{min-width:290px;}


.tagwordcomment textarea.form-control{ min-height:250px;}

.sponge-searches-agreement-mokwon{ padding-right:168px;}


.sponge-table-default-banner .userBtn a span.hide{ display:inline-block !important; font-size:14px; line-height:normal; text-indent:0px; overflow:auto;}
.sponge-table-default-banner strong{ display:none;}
.sponge-table-default-banner .sub_title.userBtn{ text-align:left;}

.list-block{display:block !important; height:auto !important;}
.list-block.collapse.in{ display:none !important; height:0px !important; }


.sponge-guide-phone{ background-color:#f3dee2;  color:#a2001f; border:1px solid #c15c6f;}
.print-inline{width:100%; text-align:center;}
.print-inline > div{display:inline-block;  width:auto; margin-right:10px;}

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

/*.sponge-list-title > a{ color:#504B4B !important;}*/

.sponge-page-title-section{ height:110px; padding:15px 0;}
.sponge-page-title-section h3{width:1440px; margin:0 auto; text-align:left; position:relative; top:40px;}
.sponge-page-breadcrumbs-section{ /*position:absolute;*/  position:absolute; top:15px; width:100%;}
.breadcrumbs-sponge-desktop{ position:relative; width:1440px; margin:0 auto; }
.sponge-layout-content-sub{padding-top:142px;}
.sponge-layout-sub-search{top:5px;}


/*.sponge-searchdetalil-2021 > .col-md-9{ padding-right:265px; }*/
.sponge-guide-Box table.table-goal{ text-align:center; width:80%; }
.sponge-guide-Box table.table-goal th{ background-color:#666666; color:#fff; text-align:center; padding:15px 0;font-weight:600; }
.sponge-guide-Box table.table-goal td{ text-align:center; padding:15px 0;font-weight:600;}

.sponge-page-guide-SpongeNutshell h5::before{ display:none; }


.sponge-sitemap > div{width:15%; margin-right:2%;}





.erm-sponge-table-banner #sponge-table-banner .userBtn > a{ background-image:none; border-width:0; border-radius:0; padding:0 !important; height:auto; width:auto; text-align:left;}
.erm-sponge-table-banner #sponge-table-banner .userBtn > a:hover{ box-shadow:none; }
.erm-sponge-table-banner #sponge-table-banner td.left a.sponge-table-banner-title {display:none;}
.erm-sponge-table-banner #sponge-table-banner .userBtn > a > span.hide{display:inline-block !important; font-size:unset; line-height:normal; text-indent:0; } 

/*#jsonTable > ul{ border:3px solid rgba(167, 43, 67, 1); border-top-width:0; }*/


.sponge-search-detail .detail-table-left{width:18%;}
.sponge-search-detail .detail-table-right{ width:82%;}



/* 찾아오시는길_학과 */

.root_daum_roughmap_landing {position: relative; padding:0 0 0 0; padding-bottom:150px; }
.ui-map {position:absolute;left:0;top:0;width:100%;height:500px;background: #eee;}
.ui-local {position:relative; margin-top:-167px;}
.ui-local .map-title {float:left;position:absolute;left: 0;top: -151px;z-index:1;width:400px;padding: 20px 20px 20px 0; border-top:1px solid #ddd; }
.ui-local .map-title strong {display:inline-block;position: relative;letter-spacing: -0.03em;font-size: 35px;font-weight: 700;color: #1a1b1c;}
.ui-local .map-title strong:after {display:block; position:absolute; right:-15px; top:10px; content:''; width:8px; height:8px; border-radius:50%; background:#930d29; }
.ui-local .map-title p {margin: 10px 0 0;font-size: 18px;color: #1a1b1c;}
.ui-local .map-cont {float:right;position:absolute; bottom:0; right:0; z-index:1;width:calc(100% - 400px);min-height: 225px;padding:40px 50px;border-radius: 85px 0 85px 0;background: #9e1432 url('/Users/mokwon/Images/sub/addr_logo.png')no-repeat right bottom;}
.ui-local .map-cont .map-list {}
.ui-local .map-cont .map-list > li {position:relative;margin:12px 0;padding-left: 15px;font-size:17px;color:#fff;}
.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; }
.ui-local .map-cont .map-list > li.addr {padding-left:60px;}
.ui-local .map-cont .map-list > li.addr strong {position:absolute; left:15px; top:0; }
.ui-local .map-cont .map-list > li strong {display:inline-block; font-weight:700; margin-right:15px;}

@media(max-width:1279px){
    .ui-direct {padding:0;}
    .ui-map {position:relative; }
    .ui-local {margin:30px 0 0;}
    .ui-local .map-title {float:none; position:relative; width:100%; margin:0 0 20px;}
    .ui-local .map-cont {float:none; width:100%; border-radius:0 0 85px 0;}
}

@media(max-width:767px){
    .ui-map {height:350px;}
    .ui-local .map-title strong {font-size:30px;}
    .ui-local .map-title p {font-size:16px;}
    .ui-local .map-cont {min-height:235px; padding:20px; background-size:180px auto}
    .ui-local .map-cont .map-list > li {font-size:16px;}

}

@media(max-width:580px){
    .ui-local .map-cont .map-list > li strong {display:block;}
    .ui-local .map-cont .map-list > li.addr {padding-left:15px;}
    .ui-local .map-cont .map-list > li.addr strong {position:static;}
}


/* 아이콘리스트 */
.sponge-map-guide {margin: 0 0; padding:0;}
.sponge-map-guide > .row {margin: 0 0; padding:0;}
.sponge-map-guide > .row > .col-md-6 { border:1px solid #dad8d9;border-left:none;border-top:1px solid #930d29;background: #fff; width:48%; float:left; display:inline-block; margin:0; padding:0;}
.sponge-map-guide > .row > .col-md-6:last-child{ float:right;}
.sponge-map-guide > .row > .col-md-6:before {display:block;position:absolute;left:0;top:150px;bottom:0;content:'';width:1px;height:auto;background:#dad8d9;}
.sponge-map-guide > .row > .col-md-6:after {display:block; position:absolute; top:0; left:0; content:''; width:1px; height:150px; background:#930d29;}
.sponge-map-guide > .row > .col-md-6 .item {min-height: 0;padding: 30px 35px;border:none;text-align: center;}
.sponge-map-guide > .row > .col-md-6 .item img {width:100%}

.sponge-map-guide > .row > .col-md-6 .circle {width:100px;height:100px;margin:0 auto 20px;background-color: #f7f1f3;}
.sponge-map-guide > .row > .col-md-6 .ui-summary {margin: 15px 0 0 0; font-size: 22px;}
.sponge-page-guide .sponge-map-guide > .row > .col-md-6 .ui-summary  p {margin-bottom:10px; }
.sponge-map-guide > .row > .col-md-6 .ui-summary strong {color: #930d29; position:relative; padding-bottom:5px; }
.sponge-map-guide > .row > .col-md-6 .ui-summary strong:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    content: '';
    width: 100%;
    height: 5px;
    background: #ddb8c2;}
.sponge-map-guide > .row > .col-md-6 .ui-summary .fas.fa-arrow-right { font-size:70%; vertical-align:middle; margin:0 10px; }
.sponge-map-guide a.btn.btn-sponge-default { padding:7px 30px 7px 15px; font-size:16px; font-weight:normal; border-radius:0; position:relative; }
.sponge-map-guide a.btn.btn-sponge-default:before {  content: url( '/Users/mokwon/Images/sub/map-arrow.png'); width:13px; height:6px; position:absolute; right:10px; top:calc(25% - 6px);}

/*.btn_wrap{text-align:right;}*/
.sponge-list-searchengine .sponge-table-default, .sponge-list-searchengine .sponge-table-default > tbody > tr:nth-child(odd) > th, .sponge-list-searchengine .sponge-table-default th,
.sponge-list-searchengine .sponge-table-default > tbody > tr:nth-child(2n+1) > td, .sponge-list-searchengine .sponge-table-default > tbody > tr:nth-child(2n+1) > th, .sponge-list-searchengine .sponge-table-default th, .sponge-list-searchengine .sponge-table-default td, .sponge-list-searchengine .sponge-table-default tbody th, .sponge-list-searchengine .sponge-table-default tbody td, .sponge-list-searchengine .sponge-table-default thead th, .sponge-list-searchengine .sponge-table-default thead td,
.sponge-list-searchengine .search-left-refine, .sponge-list-searchengine .page-refine-title, .sponge-list-searchengine .page-refine-sub-title
{ border-color:#ddd; color:#666;}




@keyframes rotate-loading {
    0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@-moz-keyframes rotate-loading {
    0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@-webkit-keyframes rotate-loading {
    0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@-o-keyframes rotate-loading {
    0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}
@keyframes rotate-loading {
    0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@-moz-keyframes rotate-loading {
    0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@-webkit-keyframes rotate-loading {
    0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@-o-keyframes rotate-loading {
    0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); }
    100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
}

@keyframes loading-text-opacity {
    0% { opacity: 0 }
    20% { opacity: 0 }
    50% { opacity: 1 }
    100% { opacity: 0 }
}

@-moz-keyframes loading-text-opacity {
    0% { opacity: 0 }
    20% { opacity: 0 }
    50% { opacity: 1 }
    100% { opacity: 0 }
}

@-webkit-keyframes loading-text-opacity {
    0% { opacity: 0 }
    20% { opacity: 0 }
    50% { opacity: 1 }
    100% { opacity: 0 }
}

@-o-keyframes loading-text-opacity {
    0% { opacity: 0 }
    20% { opacity: 0 }
    50% { opacity: 1 }
    100% { opacity: 0 }
}

.loading-container,
.loading { height: 100px; position: relative; width: 100px; border-radius: 100%; }
.loading-container { margin: 0px auto }
.loading { border: 2px solid transparent; border-color: transparent #000 transparent #000; -moz-animation: rotate-loading 1.5s linear 0s infinite normal; -moz-transform-origin: 50% 50%; -o-animation: rotate-loading 1.5s linear 0s infinite normal; -o-transform-origin: 50% 50%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; -webkit-transform-origin: 50% 50%; animation: rotate-loading 1.5s linear 0s infinite normal; transform-origin: 50% 50%; }
.loading-container:hover .loading { border-color: transparent #E45635 transparent #E45635; }
.loading-container:hover .loading,
.loading-container .loading { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#loading-text { -moz-animation: loading-text-opacity 2s linear 0s infinite normal; -o-animation: loading-text-opacity 2s linear 0s infinite normal; -webkit-animation: loading-text-opacity 2s linear 0s infinite normal; animation: loading-text-opacity 2s linear 0s infinite normal; color: #000; font-family: "Helvetica Neue, "Helvetica", ""arial"; font-size: 10px; font-weight: bold; margin-top: 45px; opacity: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 100px; }


.sponge-list-searchengine .sponge-dl-searchengine .sponge-searchlist-pop, .sponge-list-searchengine .sponge-table-default > tbody > tr > td .sponge-searchlist-pop
{ top:90px;}
.sponge-list-searchengine .sponge-dl-searchengine .sponge-searchlist-pop-box > i.arrow-box, .sponge-list-searchengine .sponge-table-default > tbody > tr > td .sponge-searchlist-pop-box > i.arrow-box
{ right:49px;}

.sponge-list-searchengine .sponge-table-searchengine1 > tbody > tr:nth-child(odd) > th, .sponge-list-searchengine .sponge-table-searchengine1 th{ background-color:#eee !important;}


.sponge-page-mokwon > .btn.btn-sponge-default.btn-default:hover, .sponge-page-mokwon > .btn.btn-sponge-default.btn-default:focus, .sponge-page-mokwon > .btn.btn-sponge-default.btn-default:active {
    background-color: #a72b43;
    border-color: #a72b43;
    color: #fff;
}
.sponge-page-smart img{ max-width:30%; padding:0; border:1px solid #555; margin-bottom:20px;}

.sponge-page-smart-hanja h1, .sponge-page-smart-hanja h2, .sponge-page-smart-hanja h3, .sponge-page-smart-hanja h4, .sponge-page-smart-hanja h5, .sponge-page-smart-hanja h6{ font-family:'pretendardR' !important; }

.fair2025 h4{ margin-top:0; background-color:#37569e; 
background: linear-gradient(135deg,  #3876dd 0%,#3876dd 50%,#87e0fd 100%); 
 color:#fff !important; padding:10px 0 15px 0;  text-align:center; margin-bottom:20px; border-top-width:0;}
.fair2025 h4::before, .fair2025 h5::before{ display:none;}
.fair2025 h4 span{ opacity:0.7; color:#fff;}
.fair2025 h4 span.big{ font-size:160%; font-weight:600; display:block; margin-top:5px;}
.fair2025 h4 span.small{font-size:70%; }
.fair2025 ol{ text-align:center;}
.fair2025 ol li{ width:30%; padding:3px 5px; display:inline-block;}
.fair2025 ol li a{ width:100%; display:block; background-color:#09ade1; color:#fff; padding:5px;  text-align:center; }