body{ background-color:#eee; }
.sponge-layout-main-background{ min-width:1170px; background-color:#fff;}
.sponge-layout-sub-background{ min-width:1170px; background-color:#fff;}
/*TOP---------------------------------- ***************************************************************************************************************************************/
a:hover, a:focus { color: #00823b !important;  }
#skipnavi{ display:none;}
.kor-hide{ display:none !important;}
.container {  padding-left:0px; padding-right:0px; width: 1170px; margin:0 auto;  }   

.navbar-header{float:left; height:68px; }
.navbar-header h1{ margin-top:0px; }
/* menu */
.sponge-header-nav { margin-bottom:0px;  height:126px; 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:12px 0; margin:0px; position:absolute; z-index:2000;}
.sponge-navbar-brand img{ height: auto; } 


 
/* infoBox */  
.infoBox{ margin-right:0px; text-align:right; font-size:12px; margin-top:20px; }
.infoBox > li{ margin:0 10px; display:inline-block; color:#555; float:none; }
.infoBox > li:last-child{}
.infoBox > li > a:hover, .infoBox > li > a:focus{ background-color:transparent !important; color: #00cc00 !important;}        
.infoBox > li > a{ display:inline-block; padding:5px 0; margin:0 0px; text-transform:uppercase;}
.infoBox a.loginIcon{ background:url("/Sponge/Images/icon/Lock02.png") no-repeat left center; color:#00cc00 !important; padding-left:13px; }
.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 2px 8px !important; border-radius:15px; }
.infoBox li.infoBox-language a:hover, .infoBox li.infoBox-language a:focus, .infoBox li.infoBox-language a:active{ color:#faffad !important; }

/* 메뉴- navbar */   
.sponge-navbar-top{ padding:0px; }
.sponge-navbar{  padding:0px; height:58px; border:0px; 
background: #11901e; 
/*background: -moz-linear-gradient(left, #003a00 20%, #0c750c 50%, #003a00 80%); 
background: -webkit-linear-gradient(left, #003a00 20%,#0c750c 50%,#003a00 80%); 
background: linear-gradient(to right, #003a00 20%,#0c750c 50%,#003a00 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a00', endColorstr='#003a00',GradientType=1 );*/}  

.menuWrap{ clear:both; width:100%;  margin:0 auto; position:absolute; top:68px; z-index:1000; overflow:hidden; background: url("/Users/Gtec/Images/menu/menuBg.png") repeat-x left 58px;}
#GNB{ padding:0 0 0 0; position:absolute; width:100%; min-height:58px; max-height:430px; text-align:center; }
#GNB a:active { background-color:transparent;}
#GNB li{ display:inline-block; vertical-align:top;}
#GNB li.menusub { width:191px; text-align:center; }
#GNB li.frist, #GNB li.last { width:191px; }
#GNB li a{display:block; margin:0;  color:#333}
#GNB li a.f17 { font-size:18px; color:#fff; font-weight:600; padding:12px 0; height:58px;}
#GNB li a.f17:hover, #GNB li a.f17:focus, #GNB li.over a{color:#feffa6 !important;}
#GNB .gnb1{ padding:25px 0; height:305px; /*text-align:left;*/ border-right:1px solid #eee; margin:0 -2px;}
#GNB .gnb1.last{border-right:0px solid #eee;}
#GNB .gnb1 li{float:none;  line-height:15px; width:100%;}
#GNB .gnb1 li li{font-size:11px;}
#GNB .gnb1 li li:last-child{ padding-bottom:3px;}
#GNB .gnb1 li li a{padding:15px 0 15px 0px; background: url("/Users/Gtec/Images/menu/menuSubIcon.png") no-repeat 20px 6px; font-weight:normal !important;}
#GNB .gnb1 li li li a{padding:2px 0 2px 30px; background-image:none;}
#GNB .gnb1 li a{display:block; float:none; padding:10px 5px 10px 5px; font-weight:normal; color:#666;}
#GNB .over .gnb1 li a{color:#666 !important; }
#GNB .over .gnb1 li a:hover, #GNB .gnb1 li:hover a{color:#00823b !important; font-weight:600;}
#GNB .gnb1 li li a:hover{ color:#3987d4 !important; }
#GNB .gnb1 li:hover li a{ color:#666 !important; font-weight:normal; }
#GNB .over .gnb1{ background:url('/Users/Gtec/Images/menu/menuSubBg.png');}
#GNB .over .gnb1:hover{ font-weight:600; }
.menuWrapMobile{ display:none; }

.badge { display: inline-block;  min-width: 10px;  padding: 3px 7px;  font-size: 9pt;  font-weight: bold;  color: #ffffff;  line-height: 1;  vertical-align: baseline;  white-space: nowrap;  text-align: center;  background-color: #dddddd;  border-radius: 10px;}
.sponge-layout-wrap{}

/* -------- Sub wrap --------- ***************************************************************************************************************************************/
.sponge-layout-content-sub-2021, .sponge-page-breadcrumbs-section, .sponge-layout-sub-search{width:1170px;}
.sponge-layout-content-main{ width:100%; overflow:hidden; margin:0 auto;  padding:0; }
.sponge-layout-content-sub{width:100%; overflow:hidden; padding-bottom:30px; margin:0 auto;  clear:both;}
.sponge-layout-content-container{ width:100%; padding-right:0px; float:left; display:inline; overflow:hidden;} 
/* 메인 롤링이미지 */
.sponge-layout-images-bg{ height:325px; width:100%;  background:#bca47e url('/Users/Gtec/Images/main/mainImg.png') no-repeat center top; }

/* 메인 롤링이미지 */
 
.sponge-layout-images{width:100%; margin:0 auto; padding:0 0px; position:relative; z-index:100; overflow: hidden;}
/* main container 컨텐츠 */
.visual { position:relative; width:100%; margin:0 auto; padding:0; overflow:hidden; clear:both;  }
.visual .visual_ctr { position:absolute; width:100%; height:100%; margin:0; padding:0; z-index:10; }
.visual .visual_ctr .btn_left, .visual .visual_ctr .btn_right { display:inline-block; margin:0; padding:0; position:absolute; top:165px; display:none; }
.visual .visual_ctr .btn_left { left:135px; }
.visual .visual_ctr .btn_right { right:135px; }
.visual .visual_ctr .btn_play, .visual .visual_ctr .btn_stop {bottom:40px; position:absolute;width:3px; height:3px; background-color:transparent !important;}
.visual .visual_ctr .btn_play img, .visual .visual_ctr .btn_stop img{vertical-align:top;}
.visual .visual_ctr .btn_play:hover, .visual .visual_ctr .btn_play:focus, .visual .visual_ctr .btn_stop:hover, .visual .visual_ctr .btn_stop:focus { background-color:#fff !important; opacity:0.8;}
.visual .visual_ctr .btn_play span, .visual .visual_ctr .btn_stop span { font-size:5pt !important; -webkit-text-size-adjust:none !important; vertical-align:top; }
.visual .visual_ctr .btn_play { left:884px; display:none; }
.visual .visual_ctr .btn_stop { left:900px; display:none; }
.visual .visual_ctr ul.pagination { list-style:none; padding:205px; overflow:hidden; width:100%; margin:0 auto;  text-align:center; }
.visual .visual_ctr ul.pagination li { display:inline-block; margin:0; padding:0 1px 0 1px; overflow:hidden; }
.visual .visual_ctr ul.pagination li a {  width: 13px; height: 13px; border-radius: 50%; display: inline-block; padding:0px; margin: 0;background-color: #fff; border:1px solid #fff; cursor: pointer; /*box-shadow: 1px 1px 1px #858181 inset;*/ }
.visual .visual_ctr ul.pagination li.on a {  background-color: #000; border: 1px solid #000; box-shadow: 1px 1px 2px #4c5d03 inset;  }
.visual .visual_ctr ul.pagination li a:hover, .visual .visual_ctr ul.pagination li a:focus { background-color: #afaaa3; }
#slideshow { margin:0; padding:0; width:100%; overflow:hidden; height:325px; }
#slides { width:100%; height:325px; margin:0; padding:0; overflow:hidden; position:absolute;}
#slides ul { list-style:none; margin:0; padding:0; overflow:hidden; width:100%; height:325px; }
#slides ul li { float:left; overflow:hidden; display:block; margin:0; padding:0; width:100%; height:325px; }
.fader-slide {opacity:0; position:absolute; display:block; width:100%; height:325px; background-size:contain;}
.slide-img01 {  background: url('/Users/Gtec/images/main/mainImg01.png') no-repeat center top; z-index: 1;}
.slide-img02 {  background: url('/Users/Gtec/images/main/mainImg02.png') no-repeat center top; z-index: 2;}
/*.slide-img03 {  background: url('/Users/Gtec/images/main/mainImg03.jpg') no-repeat center top; z-index: 3;}
.slide-img04 {  background: url('/Users/Gtec/images/main/mainImg04.jpg') no-repeat center top; z-index: 4;}
.slide-img05 {  background: url('/Users/Gtec/images/main/mainImg05.jpg') no-repeat center top; z-index: 5;}*/
/*텍스트*/
.fader-slide div{ position: absolute; left:800px; bottom:50px; width:400px; color:#fff; font-weight:600; letter-spacing:-0.5px; text-shadow:0 1px 1px #000;}
.fader-slide div h4{ font-size:48px; font-weight:500; }
.fader-slide div p{ font-size:18px;}
.fader-slide div em{ font-size:12px; color:#55380b; letter-spacing:-1px; display:none;}

.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}



/* SEARCH */
.sponge-layout-main-search-bg{ width:1170px; position:relative; z-index:900; margin:auto;}
.sponge-layout-main-search {  z-index:500; float:none; width:765px; margin:230px auto 0 auto; padding:0 0 0 0;  /*background: rgba(0, 0, 0, 0.3);*/ }

.sponge-layout-main-search ol{ text-align:center; margin:0px; }
.sponge-layout-main-search li{display:inline-block;  margin:0 5px; font-size:11px;}

.sponge-layout-main-search h3{  background:#fff url("/Users/Gtec/Images/main/readingGlasses.png") no-repeat 15px center; font-size:18px; border: solid 1px #000000; border-right:0px; border-radius:0 0 0 0; float:left; display:inline-block; 
            font-weight:600; height: 51px; position: relative; width: 150px; margin-top:0; vertical-align:top; padding:14px 20px 0 0 !important; text-align:right; color:#000; }
.sponge-layout-main-search .row{ margin:0px; /*padding-bottom:6px; background: rgba(61, 1, 14, 0.4);*/}
.sponge-layout-main-search .col-md-10{ width:530px;}
.sponge-layout-main-search .col-md-10 label{ display:none; }
.sponge-layout-main-search .search_inputboxmain { background:#fff url("/Users/Gtec/Images/main/searchBgLeft.png") no-repeat left center; width:100%;  height: 51px; padding-left: 20px; vertical-align: middle !important;   
                                                  color: #000000;   margin: 0 0 0 0; box-shadow:none !important; float:left; border-radius:0px;  border:1px solid #000000 !important; border-left:0px !important; font-size:15px;  }
.sponge-layout-main-search .col-md-10, .sponge-layout-main-search .col-md-1{ padding:0px; display:inline-block; margin:0px 0;}
.sponge-layout-main-search .country_id{ margin:0px; border:0px !important; }
.sponge-layout-main-search .col-md-1{ float:left;}
.sponge-layout-main-search button.searchBtn, .sponge-layout-main-search input.searchBtn, .sponge-layout-main-search a.searchBtn02{  font-weight:600; height:51px; font-size:18px; line-height:normal; padding:2px 8px 2px 8px !important; 
                                                                                                                                    box-shadow:none; width:85px; border-radius:0px; border:1px solid #02102a !important; color:#fff; 
                                                                                                                                    border-left:0px !important; text-shadow:none !important; 
background: #250008 !important; /* Old browsers */
background: -moz-linear-gradient(left, #250008 1%, #8d001e 50%, #250008 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left, #250008 1%,#8d001e 50%,#250008 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #250008 1%,#8d001e 50%,#250008 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#250008', endColorstr='#250008',GradientType=1 ) !important; /* IE6-9 */ }

.sponge-layout-main-search-popular{ clear:left;height:42px; width:765px; background: rgba(0, 57, 0, 1.0); margin:0 auto; z-index:3000; position:relative; overflow:hidden; display:none;}
.sponge-layout-main-search-popular h3{ display:none; }
.sponge-layout-main-search-popular ul{ text-align:center; }
.sponge-layout-main-search-popular li{ display:inline-block; }
.sponge-layout-main-search-popular li a{ color:#fff; padding:10px 20px; display:block; }
.sponge-layout-main-search-popular li a:hover, .sponge-layout-main-search-popular li a:focus, .sponge-layout-main-search-popular li a:active{ color:#fffeac !important; text-decoration:none; background-color:transparent !important; }

.sponge-main-icon li a:hover span{ background-position-y: -100px !important;}

/* 신착자료, 공지사항, 인기자료 */
.sponge-layout-main-dataList{ width:1170px; margin:25px auto 20px auto; clear:both;}
.sponge-layout-main-dataList .row{margin:0px;}
.sponge-layout-main-dataList .col-md-4
{ padding:0 0; position:relative;width:28%; margin:0px;} 
.sponge-layout-main-dataList .col-md-4.sponge-layout-main-booklist{width:36%; margin:0 4%; } 


.sponge-layout-main-dataList .title{height:33px; border-bottom:2px solid #11901e; } 
.sponge-layout-main-dataList .nav-tabs{height:33px; border-bottom: 0px solid #dddddd;}
.sponge-layout-main-dataList .nav-tabs > li.active > a,
.sponge-layout-main-dataList .nav-tabs > li.active > a:hover,
.sponge-layout-main- .nav-tabs > li.active > a:focus {  color:#000000; background-color:none; border-bottom:2px solid #11901e !important;}
.sponge-layout-main-dataList .nav-tabs > li > a { height:32px; font-weight:600; color:#888; padding:0 0; margin-right:15px; font-size:18px; display:block; float:left; border:0px !important; border-bottom:2px solid #11901e !important; background-color:none;}
.sponge-layout-main-dataList .nav-tabs > li > a:hover { color:#262626 !important; background-color:#fff; }
.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:31px !important; font-weight:600; color:#262626; padding:0 0; margin-top:0px; font-size:18px; display:block; float:left; /*border-bottom:1px solid #0c50a2;*/ }
.sponge-layout-main-dataList a.main-more-icon{position:absolute; right:0px; top:0; display:block; color:#11901e; /*width:14px; height:14px; background: url("/Users/Gtec/Images/main/board_more.png") no-repeat left bottom;*/ }
.sponge-layout-main-dataList a.main-more-icon span{ padding-left:2px; letter-spacing:0px; display:none; }
.sponge-layout-main-dataList li a:hover, .sponge-layout-main-dataList li a:focus{ color:#00823b !important;}

.sponge-layout-main-board ul.data{ padding:0 0 0 0; margin:18px 0 5px 0; clear:both;}
.sponge-layout-main-board li.list{ clear:both; width:100%; margin:0px; height:35px;  overflow:hidden; vertical-align:bottom;  background:url('/Users/Gtec/Images/main/boardIcon.png') no-repeat left 10px; padding-left:14px;}
.sponge-layout-main-board li.list a{ width:73%; font-size:14px; height:24px; overflow:hidden; float:left; display:inline; color:#222222; text-align:left;}
.sponge-layout-main-board li.list p{ width:27%; font-size:14px; float:right; display:inline; padding:0 0; text-align:right;  margin:0px; } 

.sponge-layout-main-banner{border:0px !important; border-top:1px solid #607b3b !important; clear:both; padding-bottom:10px; margin-top:7px;}
.sponge-layout-main-banner li{ border-right:1px solid #607b3b; border-bottom:1px solid #607b3b; float:left; display:inline; width:50%; height:59px; }
.sponge-layout-main-banner li:nth-child(odd){ border-left:1px solid #607b3b;}
.sponge-layout-main-banner li:hover{opacity:.7;}
.sponge-layout-main-banner li a{ display:block; text-align:center; width:100%; height:58px; padding-top:15px; line-height:18px; font-size:16px; font-weight:600; color:#002475; }
.sponge-layout-main-banner li a.line1{ padding-top:21px;}

.sponge-layout-main-banner li a span.banner{ display:block; width:101px; height:31px; background:url('/Users/Gtec/Images/main.png') no-repeat left -200px; margin:0 auto; }
.sponge-layout-main-banner li a span.banner01{ background-position-x:left; width:122px;}
.sponge-layout-main-banner li a span.banner02{ background-position-x:-150px; width:57px;}
.sponge-layout-main-banner li a span.banner03{ background-position-x:-250px; width:105px}
.sponge-layout-main-banner li a span.banner04{ background-position-x:-400px; width:66px}

.sponge-layout-main-booklist ul.data{ padding:0 0 0 0; margin:0 0 0 0; clear:both; text-align:center;}
.sponge-layout-main-booklist li.list{ display:inline-block; width:24%;  margin:20px 0 0 0%; }

.sponge-layout-main-booklist li.list img{ width:89px; height:125px; border:1px solid #eee;}
.sponge-layout-main-booklist li.list a:hover img{ border:1px solid #bbb;}
.sponge-layout-main-booklist li.list span{ overflow:hidden; height:30px; display:none; padding-top:10px;}

/* -------- 바로가기 --------- ***************************************************************************************************************************************/
.sponge-main-icon{ padding:0 0 0 0px;  }
.sponge-main-icon ul{  padding:0 0px 0 0; text-align:center;}
.sponge-main-icon li{ display:inline-block;  width:32%; text-align:center; vertical-align:top; margin:20px 0 7px 0; }
.sponge-main-icon li a{ display:block; text-decoration:none; color:#242424; font-size:14px; font-weight:600; line-height:15px; text-shadow:0px 0px 0px 3px #fff;  text-align:center;}
.sponge-main-icon li a:hover{ color:#000 !important;}
.sponge-main-icon li a:focus{ background-color:transparent;}
.sponge-main-icon li a i{ display:none;}
.sponge-main-icon li a span{ display:block; width:46px; height:42px;  background:url('/Users/Gtec/Images/main.png') no-repeat left top; margin:0 auto 10px auto;}
.sponge-main-icon li a span.map01{ background-position-x:0px; width:41px; }
.sponge-main-icon li a span.map02{ background-position-x:-50px;}
.sponge-main-icon li a span.map32{ background-position-x:-100px; width:36px;}
.sponge-main-icon li a span.map04{ background-position-x:-150px;}
.sponge-main-icon li a span.map05{ background-position-x:-200px; width:42px;}
.sponge-main-icon li a span.map06{ background-position-x:-250px; width:90px;}
.sponge-main-icon li a span.map07{ background-position-x:-350px; width:43px;}
.sponge-main-icon li a span.map08{ background-position-x:-400px; width:40px;}
.sponge-main-icon li a span.map09{ background-position-x:-450px; width:48px;}
.sponge-main-icon li a span.map10{ background-position-x:-500px; width:45px;}
.sponge-main-icon li a span.map11{ background-position-x:-550px; width:48px;}

/* Copyright */
footer, .sponge-footer{ width:100%; }

.sponge-layout-footer-banner {  width:1170px; margin:0 auto 10px auto;  border:1px solid #607b3b; border-radius:2px; padding:10px 10px 7px 10px ; text-align:center; height:60px; }
.sponge-layout-footer-banner h3 {  float:left; }
.sponge-layout-footer-banner ul  { vertical-align:top; margin:0 auto;  width:1170px; text-align:center;  }

.sponge-layout-footer-banner li  {  display:inline-block; margin:0 23px;}
.sponge-layout-footer-banner li a{   font-weight:600; background:url('/Users/Gtec/Images/main.png') no-repeat left -400px;  display:block; height:29px; } 
    
.sponge-layout-footer-banner li a.list01 { background-position-x:left; width:58px;}
.sponge-layout-footer-banner li a.list02 { background-position-x:-76px; width:77px;}
.sponge-layout-footer-banner li a.list03 { background-position-x:-171px; width:44px;}
.sponge-layout-footer-banner li a.list04 { background-position-x:-232px; width:136px;}
.sponge-layout-footer-banner li a.list05 { background-position-x:-385px; width:111px;}
.sponge-layout-footer-banner li a.list06 { background-position-x:-512px; width:117px;}
.sponge-layout-footer-banner li a.list07 { background-position-x:-651px; width:98px;}
.sponge-layout-footer-banner li a.list08 { background-position-x:-767px; width:88px;}
.sponge-layout-footer-banner li a.list09 { background-position-x:-868px; width:97px;}
.sponge-layout-footer-banner li a.list10 { background-image:none; font-size:18px; font-weight:600; padding:0px 0;}

.sponge-layout-footer-banner li a:hover { background-position-y:-460px !important; }
.sponge-layout-footer-banner li a.list10:hover { color:#936100;}

.sponge-layout-footer{ padding:20px 0; color:#4d4d4d;  width:100%; margin:0 auto; text-align:center;background-color:#eeeeee; border-top:1px solid #ddd;}

/*.sponge-layout-footer .footer-banner a:hover {background-position-y: -140px !important;}*/
 
.sponge-layout-footer address, .sponge-layout-footer address p{ color:#4f4f4f; display:inline-block; margin:0 0; width:100%; }
.sponge-layout-footer p{ margin:0 0 !important; vertical-align:top; color:#629973; line-height:30px;}
.sponge-layout-footer p a{  margin:0 5px; color:#629973; vertical-align:middle; }
.sponge-layout-footer p a:hover, .sponge-layout-footer address p a:focus, .sponge-layout-footer address p a:active{ color:#4d90fe !important;}
.sponge-layout-footer p a:first-child{  margin-left:0px; }
.sponge-layout-footer span.green, .sponge-layout-footer a.green{ color:#0068b7;}
.sponge-layout-footer span.fa-rss-square{ color:#ff7400; font-size:18px;}
.sponge-layout-footer address span.glay{ letter-spacing:0px; color:#989898;}
.sponge-layout-footer a:hover{ color:#000; }


/* ----------content "퀵메뉴 quick" to center the layout-------- */	 
#sponge-layout-content-container-quick{float:right; display:inline; position:fixed; top:380px; width:auto; padding-left:10px; z-index:0;}	
#quickMenu{width:auto; padding-top:10px;}
.sponge-top-btn{border:1px solid #bebebe; font-weight:600;border-radius:3px; width:auto; height:18px; padding:0 3px; display:block; color:#3f3f3f; text-align:center;
                text-shadow: 3px 3px 3px #fff; background-color:#fff; background:#fff linear-gradient(#fff 40%, #ddd ) !important; line-height:5px; line-height:-1.5px; -webkit-text-size-adjust:none !important; font-size:11pt !important; margin:1px 0; }


/*소개및연혁*/
.intro{ margin-top:40px;}
.intro div{ background:url("/Users/Gtec/Images/Sub/intro02.png") no-repeat 0 0px; width:380px; height:245px; float:left; display:inline;}/* width:265px; height:245px; */
.intro p{ padding:0 0px 30px 0px; text-align:justify; line-height:24px;}
.intro span{ color:#000; font-weight:600; font-size:16px;}

/*개인정보 이미+지*/
.table_l img.photo{ width:200px; padding:5px; border:1px solid #eee; margin:5px 5px 10px 0; }

/*자료실이용안내*/
.note_navi p{padding-bottom:5px;}


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

.Directions{padding:20px;background: linear-gradient( 45deg, #c8f486, #76bf0a, #a9ea48 );  }
.Directions img{ width:100%; border-radius:20px;}