@charset "utf-8";
/****************************************/
/* Name: 금샘도서관
/* PART: CONTENT STYLE 
/* Version: 1.0 / day: 2021-07-13
/* Author: imtec 
/****************************************/

/*
=========================================================================
메인 콘텐츠 css
=========================================================================
*/

/* 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}


.mVisual{position:relative;margin:0 auto 70px;padding:50px 30px;max-width:1800px;height:640px;background:url('/img/gslib/m_visual(2023).jpg') no-repeat center center;background-size:cover;z-index:2}
.mVisual::after{position:absolute;top:270px;left:0;width:100%;height:0;content:'';border-top:1px solid rgba(255,255,255,0.2)}
.mVisual .box{position:relative;margin:0 auto;max-width:1400px;z-index:2}
.mVisual .box::after{display:block;clear:both;content:''}
.mVisual .box dl{margin-bottom:120px;font-family: 'GmarketSans';}
.mVisual .box dl dt{margin-bottom:20px;font-size:30px;color:#fff;line-height:1}
.mVisual .box dl dd ul::after{display:block;clear:both;content:''}
.mVisual .box dl dd ul li{float:left;margin-right:55px;text-align:center}
.mVisual .box dl dd ul li:last-child{margin-right:0}
.mVisual .box dl dd ul li a{display:inline-block;font-size:17px;color:#fff}
.mVisual .box dl dd ul li span{display:block;margin:0 auto 10px;width:90px;height:90px;background-color:#fff;background-repeat:no-repeat;background-position:center top;border-radius:30px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mVisual .box dl dd ul li.on a span,
.mVisual .box dl dd ul li a:hover span{background-position:center bottom;box-shadow:5px 5px 10px rgba(0,0,0,0.1)}
.mVisual .box dl dd ul li a:hover{text-decoration:none}
/*.mVisual .box .lt{float:left;max-width:900px;width:67%}
.mVisual .box .rt{float:right;max-width:420px;width:30%}*/
.mVisual .box .lt{float:left;max-width:1080px;width:79%}
.mVisual .box .rt{float:right;max-width:250px;width:20%}
.mVisual .box .lt dd ul li.ic1 span{background-image:url('/img/gslib/m_q_ic1_1.png')}
.mVisual .box .lt dd ul li.ic2 span{background-image:url('/img/gslib/m_q_ic1_2.png')}
.mVisual .box .lt dd ul li.ic3 span{background-image:url('/img/gslib/m_q_ic1_3.png')}
.mVisual .box .lt dd ul li.ic4 span{background-image:url('/img/gslib/m_q_ic1_4.png')}
.mVisual .box .lt dd ul li.ic5 span{background-image:url('/img/gslib/m_q_ic1_5.png')}
.mVisual .box .lt dd ul li.ic6 span{background-image:url('/img/gslib/m_q_ic1_6.png')}
.mVisual .box .lt dd ul li.ic7 span{background-image:url('/img/gslib/m_q_ic1_7.png')}
.mVisual .box .lt dd ul li.on a span,
.mVisual .box .lt dd ul li a:hover span{background-color:#3e5799}
.mVisual .box .rt dd ul li.ic1 span{background-image:url('/img/gslib/m_q_ic2_1.png')}
.mVisual .box .rt dd ul li.ic2 span{background-image:url('/img/gslib/m_q_ic2_2.png')}
.mVisual .box .rt dd ul li.ic3 span{background-image:url('/img/gslib/m_q_ic2_3.png')}
.mVisual .box .rt dd ul li.on a span,
.mVisual .box .rt dd ul li a:hover span{background-color:#e66078}

.mVisual .box .mSearch{clear:both;}
.mVisual .box .mSearch .searForm{position:relative;margin-bottom:10px;padding:0 64px 0 160px;max-width:680px;height:64px;overflow:hidden;background:#fff;border-radius:5px}
.mVisual .box .mSearch .searForm select{position:absolute;top:0;left:0;padding:0 20px;width:160px;height:64px;color:#282b8e;font-weight:bold;cursor:pointer;outline:none;-webkit-appearance: none;-moz-appearance: none; appearance: none;-ms-appearance: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background:#fff url('/img/gslib/ic_select_arrow.png') no-repeat right 12px center;border:0;}
.mVisual .box .mSearch .searForm select:focus{border:1px solid #111}
.mVisual .box .mSearch .searForm .serInp{margin:0;padding:0 20px;width:100%;height:100%;border:0;}
.mVisual .box .mSearch .searForm .btn{position:absolute;top:0;right:0;margin:0;width:64px;height:100%;text-indent:-999px;overflow:hidden;cursor:pointer;background:#3e5799 url('/img/gslib/ic_search.png') no-repeat center center;border:0;}
.mVisual .box .mSearch .searForm .btn:focus{outline:2px dashed #fff; outline-offset: -2px;}
.mVisual .box .mSearch .ser_txt li{display:inline-block;margin-right:4px}
.mVisual .box .mSearch .ser_txt li a{display:block;padding:0 15px;font-size:15px;color:#555;line-height:32px;background:rgba(255,255,255,0.7);border-radius:5px}

.mConTop{position:relative;padding:0 20px 70px;font-family: 'GmarketSans';}
.mConTop::after{position:absolute;top:-440px;left:0;width:100%;height:calc(100% + 440px);content:'';background-image: linear-gradient(to right, #edf0f8 , #fdf3f6);z-index:1}
.mConTop .mConBox{position:relative;margin:0 auto;max-width:1400px;z-index:2}
.mConTop .mConBox::after{display:block;clear:both;content:''}

.mCon1{position:relative;float:left;margin:0 2% 60px 0;padding:35px 50px 0;max-width:680px;width:48%;height:390px;background:#fff;box-shadow:10px 10px 15px rgba(0,0,0,0.1);border-radius:20px}
.mCon1 h2{margin-bottom:25px;font-size:30px;line-height:1}
.mCon1 .headLine{position:relative;margin-bottom:22px;padding:18px 0 0 150px;min-height:94px;color:#000}
.mCon1 .headLine .date{position:absolute;top:0;left:0;padding-top:15px;width:110px;height:94px;font-size:17px;text-align:center;border:3px solid #c9c9c9}
.mCon1 .headLine .date::before{position:absolute;top:-3px;left:0;width:22px;height:0;content:'';border-top:3px dotted #fff}
.mCon1 .headLine .date::after{position:absolute;bottom:-3px;right:0;width:22px;height:0;content:'';border-top:3px dotted #fff}
.mCon1 .headLine .date span{display:block;font-size:29px}
.mCon1 .headLine .tit{display:block;margin-bottom:7px;font-size:24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mCon1 .headLine .tit a:focus{outline:2px solid #000;outline-offset:-2px;}
.mCon1 .headLine .txt{display:block;font-family:'Nanum Gothic';font-size:15px;color:#555;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mCon1 ul{position:relative;margin:0 -50px;padding:30px 50px 20px;background:#f9f9f9;border-radius:0 0 20px 20px;z-index:2}
.mCon1 ul li{position:relative;margin-bottom:10px;padding:0 100px 0 15px;font-size:17px;z-index:2}
.mCon1 ul li::before{position:absolute;top:10px;left:0;width:6px;height:0;content:'';border-top:1px solid #2d4fc6;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.mCon1 ul li a{display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 85%;}
.mCon1 ul li .date{position:absolute;top:0;right:0;font-family:'Nanum Gothic';font-size:15px}
.mCon1 .btnToView{position:absolute;top:-30px;right:0;}
.mCon1 .btnToView a{display:block;padding-top:55px;width:90px;height:90px;font-size:15px;color:#fff;text-align:center;background:#2d2f47 url('/img/gslib/ic_total_view.png') no-repeat center 22px;border-radius:10px}
.mCon1 .btnToView a:focus{outline-style: dotted; outline-width: 2px;}

.mCon2{position:relative;float:right;margin:0 0 60px 2%;max-width:670px;width:48%;}
.mCon2 .popSlide{border-radius:20px;box-shadow:10px 10px 10px rgba(0,0,0,0.1)}
.mCon2 .popSlide li a:focus{outline:4px dotted #111; outline-offset:-4px;}
.mCon2 .control{position:absolute;bottom:-30px;right:0;padding:0 20px;line-height:60px;background:#fff;box-shadow:4px 4px 5px rgba(0,0,0,0.1);border-radius:0 0 0 20px;z-index:30}
.mCon2 .control .mPage1{display:inline-block;padding:0 15px;font-size:15px;color:#000;font-style:italic;vertical-align:middle}
.mCon2 .control .mPage1 .swiper-pagination-current{font-size:18px;font-weight:bold;}
.mCon2 .control button{position:relative;width:30px;height:30px;text-indent:-999px;overflow:hidden;vertical-align:middle;background-repeat:no-repeat;background-position:center center}
.mCon2 .control .prevSlide1{background-image:url('/img/gslib/ic_before.png') }
.mCon2 .control .nextSlide1{background-image:url('/img/gslib/ic_next.png') }
.mCon2 .control .stopSlide1{background-image:url('/img/gslib/ic_stop.png') }
.mCon2 .control .startSlide1{background-image:url('/img/gslib/ic_play.png') }

.mCon3{position:relative;clear:left;float:left;margin-right:2%;padding-left:200px;max-width:680px;width:48%;}
.mCon3 .tit{position:absolute;top:30px;left:0;}
.mCon3 .tit h2{margin-bottom:17px;font-size:30px;line-height:1}
.mCon3 .tit p{margin-bottom:80px;font-size:15px;}
.mCon3 .tit .btnMore{display:inline-block}
.mCon3 .tit .btnMore a{position:relative;display:block;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:#fff ;border-radius:10px}
.mCon3 .tit .btnMore a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:url('/img/gslib/ic_more.png') no-repeat center center;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon3 .tit .btnMore a:hover::after{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.mCon3 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.mCon3 ul li{padding:35px 20px 30px 35px;width:calc(50% - 5px);margin-bottom:10px;font-size:17px;background:#fff;border-radius:18px}
.mCon3 ul li h3{margin-bottom:10px;font-size:20px;color:#203a80;line-height:1}

.mCon4{position:relative;float:right;margin-left:2%;padding:40px 35px 20px;max-width:670px;width:48%;background:url('/img/gslib/m_sche_bg.png') no-repeat right bottom;border:6px solid #d3d0d4;border-radius:20px}
.mCon4 h2{margin-bottom:35px;padding-bottom:20px;font-size:30px;line-height:1;border-bottom:1px solid #ddd9de}
.mCon4 .hol_day{position:absolute;top:30px;right:35px}
.mCon4 .hol_day h3{display:inline-block;margin-right:10px;font-size:18px;color:#d03f59}
.mCon4 .hol_day .day{display:inline-block;width:37px;font-size:18px;color:#fff;line-height:36px;text-align:center;background:#ec6981;border-radius:6px}
.mCon4 .con{position:relative;padding-left:125px;min-height:130px}
.mCon4 .con .date{position:absolute;top:0;left:0;font-size:20px}
.mCon4 .con .date span{display:block;font-size:32px;color:#000}
.mCon4 .con ul li{position:relative;margin-bottom:12px;padding-left:12px;}
.mCon4 .con ul li a{display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mCon4 .con ul li::after{position:absolute;top:7px;left:0;width:4px;height:4px;content:'';background:#686868;border-radius:50%}
.mCon4 .con .btnMore{position:absolute;left:0;top:80px}
.mCon4 .con .btnMore a{display:block;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:#fff ;border-radius:10px}
.mCon4 .con .btnMore a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:url('/img/gslib/ic_more.png') no-repeat center center;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon4 .con .btnMore a:hover::after{transform:rotate(90deg);-webkit-transform:rotate(90deg)}

.mConMiddle{padding:50px 20px}
.mConMiddle .mConBox{position:relative;margin:0 auto;padding:50px 0;max-width:1400px}
.mConMiddle .mConBox h2{font-size:34px;color:#000;line-height:1}
.mConMiddle .mConBox::after{display:block;clear:both;content:''}
/*.mConMiddle .mConBox::before{position:absolute;top:0;left:0;content:'GUEMJSAEM LIBRARY';font-family: 'GmarketSans';font-size:108px;color:#cfd4e0;opacity:0.2;font-weight:500;line-height:1;white-space: nowrap;z-index:1}*/

/*.mCon5{position:relative;float:left;padding-top:20px;max-width:1000px;width:74%;z-index:2}*/
.mCon5{position:relative;float:left;padding-top:20px;max-width:1400px;width:100%;z-index:2}
.mCon5 .mCultSlide{margin-bottom:20px}
.mCon5 .mCultSlide > ul > li{padding:40px 20px 20px 1px;}
.mCon5 .mCultSlide ul li .box{position:relative;padding:60px 30px 35px;min-height:380px;text-align:center;border:1px solid #e5e5e5;border-radius:18px;box-shadow:10px 10px 10px rgba(0,0,0,0.1)}
.mCon5 .mCultSlide ul li .box:hover{border-color:#000}
.mCon5 .mCultSlide ul li .box .stat{position:absolute;top:-40px;left:50%;width:80px;color:#fff;line-height:80px;font-weight:bold;text-align:center;border-radius:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.mCon5 .mCultSlide ul li .box .stat.st1{background:#ed6c22}
.mCon5 .mCultSlide ul li .box .stat.st2{background:#07998d}
.mCon5 .mCultSlide ul li .box .stat.st3{background:#2d2f47}
.mCon5 .mCultSlide ul li .box .stat + .date{font-weight:bold}
.mCon5 .mCultSlide ul li .box .stat.st1 + .date{color:#ed6c22}
.mCon5 .mCultSlide ul li .box .stat.st2 + .date{color:#02756b}
.mCon5 .mCultSlide ul li .box .stat.st3 + .date{color:#777}
.mCon5 .mCultSlide ul li .box .date{display:block;margin-bottom:15px;line-height:1}
.mCon5 .mCultSlide ul li .box .tit{display:block;margin-bottom:20px;height:60px;font-family: 'GmarketSans';font-size:24px;color:#000;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;
 display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mCon5 .mCultSlide ul li .box .tit a{display:block}
.mCon5 .mCultSlide ul li .box ul{margin-bottom:25px}
.mCon5 .mCultSlide ul li .box ul li{position:relative;margin-bottom:6px;padding-left:80px;min-height:26px;font-size:15px;text-align:left;}
.mCon5 .mCultSlide ul li .box ul li .name{position:absolute;top:0;left:0;width:75px;font-size:14px;color:#333;font-weight:bold;line-height:26px;text-align:center;background:#eee;border-radius:13px}
.mCon5 .mCultSlide ul li.swiper-slide-active .box{border-color:#000}
.mCon5 .mCultSlide ul li .box .btn{display:block;line-height:50px;text-align:center;background:#f3f3f3}
.mCon5 .mCultSlide ul li .box .btn a{display:block;color:#383a4a;font-weight:bold;background:#fff url('/img/gslib/ic_arrow.png') no-repeat right 65px center;border:1px solid #383a4a}
.mCon5 .control{position:relative;padding:23px 130px}
.mCon5 .control .count{position:absolute;top:15px;left:0;}
.mCon5 .control .mPage2{position:relative;height:3px;background:#ededed}
.mCon5 .control .mPage2 span{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;transform-origin: left top;}
.mCon5 .control .cont_btn{position:absolute;top:0;right:0;}
.mCon5 .control .cont_btn button{margin-left:5px;width:50px;height:50px;text-indent:-999px;overflow:hidden;background-color:#ededed;background-repeat:no-repeat;background-position:center center;border-radius:50%}
.mCon5 .control .cont_btn .prevSlide2{background-image:url('/img/gslib/ic_before.png') }
.mCon5 .control .cont_btn .nextSlide2{background-image:url('/img/gslib/ic_next.png') }
.mCon5 .btnMore{position:absolute;right:0;top:-40px}
.mCon5 .btnMore a{position:relative;display:block;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:#fff;border:1px solid #e5e5e5;border-radius:10px}
.mCon5 .btnMore a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:url('/img/gslib/ic_more.png') no-repeat center center;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon5 .btnMore a:hover::after{transform:rotate(90deg);-webkit-transform:rotate(90deg)}

.mCon6{position:relative;float:right;padding-top:60px;max-width:350px;width:26%;overflow:hidden;font-family: 'GmarketSans';background:#fff;border-radius:18px;z-index:2}
.mCon6 h2{margin-bottom:25px;padding-left:55px;font-size:32px}
.mCon6 h2 span{display:block;margin-bottom:20px;font-size:15px;color:#999}
.mCon6 .post{position:relative;margin:0 auto -60px;width:164px;box-shadow:10px 10px 10px rgba(0,0,0,0.1);z-index:2}
.mCon6 .infor{position:relative;padding-top:90px;height:190px;color:#fff;text-align:center;background:#237b5a url('/img/gslib/ic_arrow2.png') no-repeat right 20px top 25px;}
.mCon6 .infor .grad{position:absolute;top:16px;left:25px;width:46px;text-align:center;line-height:46px;border:1px solid #fff;border-radius:50%;}
.mCon6 .infor .tit{display:block;margin-bottom:5px;padding:0 20px;height:50px;font-size:22px;line-height:1.2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;
 display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mCon6 .infor .date{display:block;line-height:48px;border-top:1px solid rgba(255,255,255,0.1)}
.mCon6 .btnMore{position:absolute;right:20px;top:40px}
.mCon6 .btnMore a{display:block;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:#fff ;border-radius:10px}
.mCon6 .btnMore a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:url('/img/gslib/ic_more.png') no-repeat center center;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mCon6 .btnMore a:hover::after{transform:rotate(90deg);-webkit-transform:rotate(90deg)}

.mConBottom{position:relative;padding:80px 0 100px 20px}
.mConBottom::after{position:absolute;top:0;left:0;width:100%;height:500px;content:'';background-image: linear-gradient(to right, #fefcf1 , #ebf7e6);z-index:1}
.mConBottom .mConBox{position:relative;margin:0 auto;max-width:1430px;z-index:2}
.mConBottom .mConBox h2{margin-bottom:35px;font-size:34px;text-align:center}

.mBookTab{position:relative;padding-top:80px;text-align:center}
.mBookTab > li{}
.mBookTab > li:nth-child(1) > a{left:26%}
.mBookTab > li:nth-child(2) > a{left:38%}
.mBookTab > li:nth-child(3) > a{left:50%}
.mBookTab > li:nth-child(4) > a{left:62%}
.mBookTab > li > a{position:absolute;top:0;padding:0 10px;width:11%;font-family: 'GmarketSans';font-size:18px;color:#333;line-height:50px;text-decoration:none;background:#fff;border-radius:8px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;box-shadow:4px 4px 0 rgba(0,0,0,0.05)}
.mBookTab > li > a:hover,
.mBookTab > li > a.on{background:#ffc949}
.mBookTab > li > .mTabCon{position:relative;width:100%;text-align:left}
.mBookTab > li > .mTabCon .mBookSlide{padding-right:30px}
.mBookTab > li > .mTabCon ul li{position:relative;padding-top:48px}
.mBookTab > li > .mTabCon ul li .img{padding: 0 15% 13% 0;width:100%;background:url('/img/gslib/book_bg.png') no-repeat right bottom;background-size:100%;}
.mBookTab > li > .mTabCon ul li .img img{width:100%;height:100%}
.mBookTab > li > .mTabCon ul li .tit{display:block;padding:0 15% 0 0;font-family: 'GmarketSans';font-size:17px;color:#555;text-align:center;overflow: hidden; white-space: normal; height:40px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mBookTab > li > .mTabCon ul li .txt{display:none}
.mBookTab > li > .mTabCon .btnMore{position:absolute;top:-70px;right:0}
.mBookTab > li > .mTabCon .btnMore a{position:relative;display:block;width:50px;height:50px;text-indent:-999px;overflow:hidden;background:#fff;border-radius:10px;box-shadow:4px 4px 0 rgba(0,0,0,0.05)}
.mBookTab > li > .mTabCon .btnMore a::after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:url('/img/gslib/ic_more.png') no-repeat center center;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.mBookTab > li > .mTabCon .btnMore a:hover::after{transform:rotate(90deg);-webkit-transform:rotate(90deg)}


.mBookTab .control{position:relative;margin-top:40px;padding:25px 130px}
.mBookTab .control .count{position:absolute;top:15px;left:0;}
.mBookTab .control .mPage3{position:relative;height:3px;background:#ededed}
.mBookTab .control .mPage3 span{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;transform-origin: left top;}
.mBookTab .control .cont_btn{position:absolute;top:0;right:0;}
.mBookTab .control .cont_btn button{margin-left:5px;width:50px;height:50px;text-indent:-999px;overflow:hidden;background-color:#ededed;background-repeat:no-repeat;background-position:center center;border-radius:50%}
.mBookTab .control .cont_btn .prevSlide3{background-image:url('/img/gslib/ic_before.png') }
.mBookTab .control .cont_btn .nextSlide3{background-image:url('/img/gslib/ic_next.png') }

/*
================================================================================
반응형 메인 콘텐츠
================================================================================
*/


 /* TABLET Device */
@media all and (max-width:1400px){
	
	.mVisual .box{max-width:1100px}
	.mVisual .box dl dd ul li{margin-right:20px}

	.mCon5{max-width:1400px}

}

 /* PC Device */
@media all and (min-width:1201px){
	
	.mBookTab > li > .mTabCon ul li .con::after{display:block;clear:both;content:''}
	.mBookTab > li > .mTabCon ul li .img{height:300px}
	.mBookTab > li > .mTabCon ul li.swiper-slide-active{padding:0 20px 0 0;width:36% !important}
	.mBookTab > li > .mTabCon ul li.swiper-slide-active .img{float:left;padding: 0 9% 9% 0;width:60%;height:400px}
	.mBookTab > li > .mTabCon ul li.swiper-slide-active .infor{padding-top:80px}
	.mBookTab > li > .mTabCon ul li.swiper-slide-active .tit{display:block;margin-bottom:20px;padding:0;width:auto;height:auto;font-size:24px;text-align:left;}
	.mBookTab > li > .mTabCon ul li.swiper-slide-active .txt{display:block;-webkit-line-clamp:0;}


}

 /* TABLET Device */
@media all and (max-width:1200px){
	
	.mVisual{min-height:740px;height:auto}
	.mVisual::after{display:none}
	.mVisual .box dl{margin-bottom:30px}
	.mVisual .box dl dd ul li{margin:0 0 20px;/*width:33.33%;*/ width:25%;}
	.mVisual .box dl.rt dd ul li{margin:0 0 20px;width:50%}
	/*.mVisual .box .lt{width:48%;}
	.mVisual .box .rt{width:48%;}*/
	.mVisual .box .lt{width:64%;}
	.mVisual .box .rt{width:32%;}
	.mVisual .box .lt dd ul li{word-break:keep-all}

	.mVisual .box .mSearch{position:relative;padding:50px 40px 0;}
	.mVisual .box .mSearch::before{position: absolute;top: 0;left:-30px;width:calc(100% + 60px);height: 0;content: '';border-top: 1px solid rgba(255,255,255,0.2);}

	.mCon1{float:none;margin:0 0 40px;max-width: none;width:100%;height:auto}
	.mCon2{float:none;margin:0 0 60px;max-width:none;width:100%;background:#e4e4e4;border-radius:20px;box-shadow:10px 10px 10px rgba(0,0,0,0.1)}
	.mCon2 .popSlide{margin:0 auto;max-width:670px;box-shadow:none}

	.mCon3{float:none;margin:0 0 40px;max-width: none;width:100%}
	.mCon4{float:none;margin:0;max-width: none;width:100%}

	.mConMiddle .mConBox{padding:50px 0 0}

	.mCon5{float:none;margin:0 0 40px;width:100%}

	.mCon6{float:none;width:100%;max-width: none;}
	
	.mConBottom{padding: 80px 0 100px 30px;}
	.mConBottom::after{/*top:-360px;*/height: 850px;}
	
	.mBookTab{padding:100px 0 0 0;text-align:left}
	.mBookTab > li:nth-child(1) > a{left:0}
	.mBookTab > li:nth-child(2) > a{left:19%}
	.mBookTab > li:nth-child(3) > a{left:38%}
	.mBookTab > li:nth-child(4) > a{left:57%}
	.mBookTab > li > a{width:18%;text-align:center}
	.mBookTab > li > .mTabCon{}
	.mBookTab > li > .mTabCon .mBookSlide{padding:0 20px 0 0}
	.mBookTab > li > .mTabCon ul li{padding-top:0;width:200px}
	.mBookTab > li > .mTabCon .btnMore{top:-100px;right:30px}
	


}


 /* Mobile Device */
@media all and (max-width:780px){
	.mVisual .box dl dd ul li{width:33.33%;}
	.mVisual .box .lt{width:58%;}
	.mVisual .box .rt{width:38%;}
	.mVisual .box .lt dd ul li.ic4,
	.mVisual .box .lt dd ul li.ic5,
	.mVisual .box .lt dd ul li.ic6 {min-height:146px;}
}

@media all and (max-width:640px){

	.mVisual{margin-bottom:40px;padding:30px 20px 150px;min-height:400px;background-color:#4798d7;background-position:right bottom;background-size:720px}
	.mVisual .box .lt{float:none;width:100%}
	.mVisual .box .rt{float:none;margin-bottom:0;max-width:none;width:100%}
	.mVisual .box dl{margin-bottom:20px}
	.mVisual .box dl dt{margin-bottom:10px;font-size:26px}
	.mVisual .box dl dd ul{margin:0 -15px}
	.mVisual .box dl dd ul li,
	.mVisual .box dl.rt dd ul li{width:33.33%}
	.mVisual .box .lt dd ul li.ic4,
	.mVisual .box .lt dd ul li.ic5,
	.mVisual .box .lt dd ul li.ic6 {min-height:126px;}
	.mVisual .box dl dd ul li span{margin-bottom:8px;width:80px;height:80px;background-size:100%;border-radius:20px}
	.mVisual .box dl dd ul li a{font-size:15px}

	.mVisual .box .mSearch{padding: 30px 0px 0;}
	.mVisual .box .mSearch .searForm{padding: 0 64px 0 0;}
	.mVisual .box .mSearch .searForm select{display:none;padding: 0 10px; width: 120px;}
	.mVisual .box .mSearch .searForm .serInp{padding:0 10px}

	.mConTop{padding-bottom:30px}

	.mCon1{margin-bottom:30px;padding: 30px 20px 0;}
	.mCon1 h2{margin-bottom: 20px;font-size: 26px;}
	.mCon1 .headLine{padding:0 0 0 130px}
	.mCon1 .headLine .tit{height:45px;font-size:20px;white-space: normal;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.mCon1 .headLine .txt{height:40px;white-space: normal;word-wrap: break-word; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.mCon1 ul{margin: 0 -20px;padding: 30px 20px 10px;}
	.mCon1 ul li{padding: 0 0 0 15px;font-size:15px}
	.mCon1 ul li .date{position:relative;}
	.mCon1 .btnToView{top:-20px}
	.mCon1 .btnToView a{padding-top: 45px;width: 75px;height: 75px;background-position:center 18px;background-size:20px}

	.mCon2 .control{padding:0 10px;line-height:50px}
	.mCon2 .control .mPage1{padding:0 5px;font-size:14px}
	.mCon2 .control .mPage1 .swiper-pagination-current{font-size:16px}

	.mCon3{margin-bottom:30px;padding-left: 0;}
	.mCon3 .tit{position:relative;top:0;}
	.mCon3 .tit h2{font-size:26px}
	.mCon3 .tit p{display:none}
	.mCon3 .tit .btnMore{position:absolute;top:-10px;right:0}
	.mCon3 .tit .btnMore a{width:40px;height:40px;}
	.mCon3 .tit .btnMore a::after{background-size:15px}
	.mCon3 ul li{margin-bottom:5px;padding:20px 15px;width:100%;font-size:15px;text-align:center}
	.mCon3 ul li h3{font-size:18px}

	.mCon4{padding:30px 30px 20px;background:none}
	.mCon4 h2{margin-bottom: 15px;padding-bottom: 0;font-size:26px;border-bottom:0}
	.mCon4 .hol_day{position:relative;top:0;right:0;margin-bottom:20px;padding-bottom:20px;border-bottom: 1px solid #ddd9de;}
	.mCon4 .hol_day h3{display:block;margin-bottom:10px}
	.mCon4 .con{padding-left:0}
	.mCon4 .con .date{position:relative;display:block;margin-bottom:15px;font-size: 16px;}
	.mCon4 .con .date span{font-size:28px}
	.mCon4 .con .btnMore{top:0;left:auto;right:0}
	.mCon4 .con .btnMore a{width:40px;height:40px;}
	.mCon4 .con .btnMore a::after{background-size:15px}

	.mConMiddle{padding:20px 20px 0}
	.mConMiddle .mConBox{padding-top:40px}
	.mConMiddle .mConBox::before{font-size:80px}
	.mConMiddle .mConBox h2{font-size:26px}
	
	.mCon5 .mCultSlide ul li .box{padding: 60px 20px 35px;}
	.mCon5 .btnMore{top:-30px}
	.mCon5 .btnMore a{width:40px;height:40px;}
	.mCon5 .btnMore a::after{background-size:15px}
	.mCon5 .control{padding:18px 100px 20px 0}
	.mCon5 .control .count{display:none}
	.mCon5 .control .cont_btn button{width:40px;height:40px;background-size:7px}

	.mCon6{margin:0 -20px;padding-top:0;width:auto;border-radius:0}
	.mCon6 h2{padding-left:20px}
	.mCon6 .infor .tit{font-size:20px}
	.mCon6 .btnMore{top:0;}
	.mCon6 .btnMore a{width:40px;height:40px;}
	.mCon6 .btnMore a::after{background-size:15px}

	.mConBottom{padding:40px 20px 40px}
	.mConBottom .mConBox h2{margin-bottom:25px;font-size:26px;}

	.mBookTab{padding-top:120px}
	.mBookTab > li > a{width:49%;font-size:16px;line-height:40px}
	.mBookTab > li:nth-child(2) > a{left:51%;}
	.mBookTab > li:nth-child(3) > a{top:50px;left:0;}
	.mBookTab > li:nth-child(4) > a{top:50px;left:51%;}
	.mBookTab > li > .mTabCon{width:calc(100% + 20px)}
	.mBookTab > li > .mTabCon ul li{width:150px}
	.mBookTab > li > .mTabCon ul li .img{padding: 0 23px 24px 0;}
	.mBookTab > li > .mTabCon ul li .tit{width:100%;font-size:14px}
	.mBookTab > li > .mTabCon .btnMore{top: -180px;right:20px}
	.mBookTab > li > .mTabCon .btnMore a{width:40px;height:40px;}
	.mBookTab > li > .mTabCon .btnMore a::after{background-size:15px}
	.mBookTab  .control{margin-top: 20px;padding:18px 100px 20px 0}
	.mBookTab  .control .count{display:none}
	.mBookTab  .control .cont_btn button{width:40px;height:40px;background-size:7px}
	.mConBottom::after{top:0;height: 390px;}


}


/*
=========================================================================
서브 콘텐츠 css
=========================================================================
*/


/* 도서관 안내 : 인사말 */
.greeting {position:relative; overflow:hidden; word-break:keep-all;}
.greeting .greeting_box {position:absolute; top:40px; left:16%; width:280px; height:260px; padding:40px 35px; font-family:'GmarketSans'; font-size:30px; line-height:1.2; font-weight:400; color:#fff; background: linear-gradient(180deg, #4b8fbd 0%,#5471c6 100%); box-shadow:10px 10px 10px rgba(0,0,0,0.1); z-index:1;}
.greeting .greeting_box span {font-size:15px; font-weight:300; letter-spacing:0; display:block; margin-bottom:10px;}
.greeting .greeting_img {float:left; position:relative; width:calc(50% - 60px); margin-right:60px; height:520px;}
.greeting .greeting_img::after {position:absolute; top:0; left:0; content:''; width:100%; height:520px; background:url('/img/gslib/sub/s1_1_1_img.jpg') 0 0 no-repeat;}
.greeting .greeting_txt {float:right; width:50%; padding-top:40px;}
.greeting .greeting_txt strong { display:inline-block; font-family:'GmarketSans'; font-size:32px; line-height:1.2; font-weight:400; color:#000; margin-bottom:60px;}
.greeting .greeting_txt p {margin-bottom:20px; line-height:1.5;}
.greeting .greeting_txt .sign {display:inline-block; width:100%; border-top:1px solid #d6d6d6; font-family:'GmarketSans'; font-size:18px; font-weight:400; color:#000; padding-top:20px; margin-top:60px;}


/* 도서관안내 : 연혁 */
.history li {position:relative; overflow:hidden;}
.history .histroy_li + .histroy_li {margin-top:70px;}
.history .h_year {float:left; position:relative; width:30%; margin-right:60px; font-family:'GmarketSans'; font-size:36px; font-weight:400; color:#000; vertical-align: top;}
.history .h_year::after {content:""; display:table; clear:both;}
.history .h_year .year_line {position:relative; margin-right:50px;}
.history .h_year .year_line::after {position:absolute; top:50%; right:-50px; width:40px; height:1px; background:#999; content:'';}
.history .h_cont {float:left; width:calc(70% - 60px); border-top: 1px solid #39508d; vertical-align: top;}
.history .h_cont li {position:relative; padding:20px 0; overflow:hidden;}
.history .h_cont li::after {display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-image: url('/img/gslib/common/basic_dot.png'); content:'';}
.history .h_cont .h_date {float:left; font-family:'GmarketSans'; font-size:18px; font-weight:400; color:#39508d; width:130px; display:inline-block; vertical-align:top; letter-spacing:0;}
.history .h_cont .h_txt {float:left; width:calc(100% - 130px); font-size: 16px; vertical-align:top;}


/* 도서관 안내 : 이용시간 */
.table_color {font-family:'GmarketSans', sans-serif; min-width: 768px; text-align: center; border-collapse: separate; border-spacing: 15px; }
.table_color thead { padding-bottom: 10px; }
.table_color thead th { position:relative; padding: 10px 0 10px; font-size:20px; color: #000; font-weight:400;}
.table_color thead th::before {content:''; position:absolute; top:10px; right:0; width:1px; height:17px; background:#d4d4d4;}
.table_color thead th:last-child::before {display:none;}
.table_color thead th:last-child { color: #cc4634; }
.table_color tbody th {padding: 20px 12px; font-size:20px; font-family:'GmarketSans', sans-serif; color: #fff; border-radius: 5px;font-weight:400;}
.table_color tbody tr:nth-child(1) th { background-color:#3e5799; }
.table_color tbody tr:nth-child(2) th { background-color:#4c79c2; }
.table_color tbody tr:nth-child(3) th { background-color:#3b96cc; }
.table_color tbody tr:nth-child(4) th { background-color:#35b3a0; }
.table_color tbody td {font-size:18px; border-radius:5px; border:1px solid #dedede; letter-spacing:0;}
.table_color tbody td:nth-child(2) {background-color:#ECEFF7;}
.table_color tbody td:nth-child(3), .table_color tbody td:nth-child(4), .table_color tbody td:nth-child(5) {background-color:#F6F8FA;}

/* 도서관안내 : 운영규정 */
.rule_title {font-size:28px; font-family:'GmarketSans'; font-weight:400; text-align:center; margin-bottom:20px;}

/* 이용안내 : 대관안내 */
.s1_2_6.stepCon ol.step2 span.con{min-height:145px; padding:20px;}
.s1_2_6.stepCon ol.step2 span.con .h_li{margin-bottom:0 !important; text-align:left; word-break:keep-all;}
@media all and (max-width: 1430px){
.s1_2_6.stepCon ol.step2 span.con{min-height:165px;}
}
@media all and (max-width: 1200px){
.s1_2_6.stepCon ol.step2 span.con{min-height:160px;}
}
@media all and (max-width: 1024px){
.s1_2_6.stepCon ol.li4 > li{width:50% !important;}
.s1_2_6.stepCon ol.step2 span.con{min-height: 120px;}
.s1_2_6.stepCon ol.step2 li{width:100%}
}
@media all and (max-width: 640px){
.s1_2_6.stepCon ol.li4 > li{width:100% !important;}
.s1_2_6.stepCon ol.step2 span.con{min-height:auto;}
}



/*
================================================================================
서브콘텐츠(기존)
================================================================================
*/

p{word-break:keep-all;}


/* 시설안내 - 슬라이드 */
.fac_box{margin-bottom:30px; height:100%;overflow:hidden}
.fac_box .fac_photo{position:relative;float:left;width:72%;}
.fac_box .fac_photo .fac_slide{width:100%;height:auto;padding-bottom:57%;overflow:hidden}
.fac_box .fac_photo span{position:absolute;top:44%; z-index:100;}
.fac_box .fac_photo span a {display:block;width:48px;height:48px;top:23px;font-size:0;overflow:hidden;background:rgba(0,0,0,0.6); border-radius:50%;}
.fac_box .fac_photo span a::after{position: absolute;display:inline-block;width:11px;height:18px;content:'';top:15px; left:19px;line-height:48px; background:url('/img/lll/img_common2.png') no-repeat}
.fac_box .fac_photo .btn_before{left:30px;}
.fac_box .fac_photo .btn_next{right:30px;}
.fac_box .fac_photo .btn_next a::after {background-position: -21px 0;}
.fac_box .slid_txt{float:right;width:25%;}
.fac_box .slid_txt ul li {width:100%; border:1px dotted #5e5e5e; padding:20px 30px; margin-bottom:20px;}
.fac_box .slid_txt ul li:last-child {margin-bottom:0;}
.fac_box .slid_txt ul li dl dt {font-family:'GmarketSans', sans-serif; font-weight:400; font-size:20px; color:#333; margin-bottom:5px;}

/* 층별안내 - 슬라이드 */
.floor_photo{position:relative; background:#3e5996;}
.floor_photo .floor_slide{width:100%;height:490px;overflow:hidden;}
.floor_photo .num{position:absolute;top:0;right:0; width:24%; height:490px; padding:25px 30px; background:#3e5996; z-index:12;}
.floor_photo .num li a{font-family:'GmarketSans'; font-size:16px; font-weight:300; display:block;padding:14px 10px;text-decoration:none;color:#fff;border-bottom:1px dotted rgba(255,255,255,0.3);}
.floor_photo .num li:last-child a {border-bottom:0;}
.floor_photo .num li.activeSlide{ border:1px solid #fff;}
.floor_photo .num li.activeSlide a{font-weight:400;border-bottom:0}

/* 층별배치도 */
.flo_tab{height:900px;background:#f5f6fa; border-top:2px solid #3e5996;border-left:1px solid #c1c7d1;border-right:1px solid #c1c7d1;border-bottom:1px solid #c1c7d1}
.flo_tab ul{position:relative;margin:0 -1px;padding:0 55px;height:64px;background:#fff;border-bottom:1px solid #c1c7d1}
.flo_tab ul:after{display:block;clear:both;content:''}
.flo_tab ul li{float:left;width:16.5%;text-align:center;}
.flo_tab ul li a{display:block; position:relative;height:64px;color:#555; line-height:65px; text-decoration:none;font-family:'GmarketSans'; font-size:17px;}
.flo_tab ul li a::after {position:absolute; top:40%; right:0; width:1px; height:12px; background:#ccc; content:'';}
.flo_tab ul li.on a::after,
.flo_tab ul li:last-child a::after {display:none;}
.flo_tab ul li.on{background:#3e5996;}
.flo_tab ul li.on a{color:#fff;/*font-weight:bold*/}
.flo_tab ul li .tab_con{position:absolute;top:120px;left:0;width:100%;text-align:center}

@media all and (max-width: 640px){
	.flo_tab ul {height:100px;}
	.flo_tab ul li{width:33.33%;}
	.flo_tab ul li a {height:50px; line-height:50px; font-size:16px;}
	
	.flo_tab ul li .tab_con {top:140px; padding:0 20px;}
}

@media all and (max-width:460px){
	.flo_tab {height:740px;}
}

@media all and (max-width:360px){
	.flo_tab {height:570px;}
}



/* 독서동아리 커뮤니티 */
.s3_5_2_link {position:relative; width:100%; overflow:hidden;}
.s3_5_2_link li {float:left; position: relative; display:inline-block; width:calc(25% - 10px); margin-right:10px; margin-bottom: 20px;}
.s3_5_2_link li:nth-child(2n){margin-right:10px;}
.s3_5_2_link li:nth-child(4n){margin-right:0;}
.s3_5_2_link li a {display:block; border:1px dotted #5e5e5e; padding:20px 30px; font-family:'GmarketSans'; font-weight:400; text-align: center; color:#000; font-size:20px; transition: 0.3s all;}
.s3_5_2_link li a:hover {text-decoration:none; background:#39508d; color:#fff;transition: 0.3s all; border:1px solid #39508d;}
.s3_5_2_link li a .btn {margin-top:15px; padding:10px; font-family:'Nanum Gothic',sans-serif; font-size:15px; text-align:center; background:#39508d; color:#fff;transition: 0.3s all;}
.s3_5_2_link li a:hover .btn{background:#fff; color:#39508d;transition: 0.3s all;}


.map_box{border:1px solid #c0c0c0}

.gud_box{position:relative;padding:50px 60px;min-height:140px;background:#f6f6f6;border:1px solid #e3e3e3}
.gud_box h2{margin-bottom:15px;font-size:28px;color:#0e51b8}
.gud_box .btn_pos{position:absolute;left:60px;bottom:50px;}
.gud_box.s2_11_bg{background-image:url('/new_img/library/sub/s2_11_bg.jpg');background-repeat:no-repeat;background-position:center right}


.cen_btnbox {width:100%;}
.cen_btnbox .btnbox01{width:200px; margin:30px auto;}
.cen_btnbox .btnbox01 span{margin-right:5px;}





/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

 /* TABLET Device */
@media all and (max-width:1200px){
	
}

@media all and (max-width: 1024px){
	/* 인사말 */
	.greeting .greeting_box {width:90%; height:inherit; top:30px; left:inherit; right:0; padding:30px; font-size:28px;}
	.greeting .greeting_img {width:calc(40% - 60px); margin-right:60px;}
	.greeting .greeting_txt {width:60%; padding-top:200px;}
	.greeting .greeting_txt strong {margin-bottom:20px;}
	.greeting .greeting_txt .sign {margin-top:0;}
	
	/* 층별안내 - 슬라이드 */
	.floor_photo{width:100%;}
	.floor_photo .floor_slide{height: auto;width: 100%; box-sizing: border-box; margin-left: 0; padding-top:200px;text-align: center;}
	.floor_photo .floor_slide li{position: relative !important; background:none;}
	.floor_photo .floor_slide ul{width:100%;}
	.floor_photo .floor_slide ul img {width:100%;}
	
	.floor_photo .num{width:100%; height:auto;}
	.floor_photo .num li {float:left;width:32%; min-height:36px; margin-right:2%; padding:0;}
	.floor_photo .num li:nth-child(3n+3) {margin-right:0;}
	.floor_photo .num li a{width:100%;height:100%;padding:6px 10px;}
	.floor_photo .num li:last-child a {border-bottom:1px dotted rgba(255,255,255,0.3);}

}
@media all and (max-width: 768px){
	/* 독서동아리 커뮤니티 */
	.s3_5_2_link li {width:calc(50% - 10px);}
	.s3_5_2_link li:nth-child(2n){margin-right:0;}
	.s3_5_2_link li:nth-child(4n){margin-right:auto;}
	
	/* 시설안내 - 슬라이드 */
	.fac_box .fac_photo{float:none; box-sizing: border-box; width:100%; margin-bottom:20px;}
	.fac_box .fac_photo .fac_slide {width:100% !important;}
	.fac_box .fac_photo .fac_slide li,
	.fac_box .fac_photo .fac_slide img{width:100%;}
	.fac_box .slid_txt{float:none; width:100%;}
	
	
	/* 층별안내 - 슬라이드 */
	.floor_photo .floor_slide{padding-top:260px;}
	.floor_photo .num li {width:48%;}
	.floor_photo .num li:nth-child(2n+2) {margin-right:0;}
	.floor_photo .num li:nth-child(3n+3) {margin-right:2%;}
	.floor_photo .num li:nth-child(odd){box-sizing: border-box;}	
	


}

 /* Mobile Device */
@media all and (max-width: 640px){
	/* 시설안내 - 슬라이드 */
	.fac_box .fac_photo .btn_before{left:10px; top:50%; margin-top:-30px;}
	.fac_box .fac_photo .btn_next{right:10px; top:50%; margin-top:-30px;}
	.fac_box .fac_photo .gui_txt{position: relative;right: 0;top: 0;background: none;padding: 0;}
	.fac_box .slid_txt ul li {margin-bottom:10px;}
	.fac_box .slid_txt ul li dl dt {font-size:18px;}

	.flo_tab ul{padding: 0}

	.gud_box{background-image: none !important;padding: 20px 25px;}
	.gud_box .btn_pos{position: relative;left: 0;bottom: 0;margin-top: 15px;}

	/* 인사말 */
	.greeting .greeting_box {top:30px; width:70%; height:inherit; font-size:25px; padding:26px;}
	.greeting .greeting_box span {font-size:14px;}
	.greeting .greeting_img {width:100%; height:210px;}
	.greeting .greeting_img::after {height:inherit; background-position:0 -248px;}
	.greeting .greeting_txt {width:100%; padding-top:40px;}
	.greeting .greeting_txt strong {font-size:24px;}
	.greeting .greeting_txt .sign {font-size:16px;}

	/* 연혁 */
	.history .h_year {width:100%; font-size:30px; margin-bottom:10px; margin-right:0;} 
	.history .h_year .year_line {margin-right:40px;}
	.history .h_year .year_line::after {right:-40px; width:30px;}
	.history .h_cont {width:100%;}

}


@media all and (max-width: 450px){
	/* 독서동아리 커뮤니티 */
	.s3_5_2_link li {width:100%;margin-right:0}
	.s3_5_2_link li a .btn{padding:8px 10px}

	/* 인사말 */
	.greeting .greeting_img {width:80%;}
}


@media all and (max-width:360px){
	/* 인사말 */
	.greeting .greeting_txt {padding-top:80px;}
}



/* 겔러리형 슬라이드 */
.photoSlide{position:relative;margin-bottom:20px;padding:20px 20px 0;border-top:1px solid #ddd;}
.photoSlide .loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff url('/new_img/common/loading.gif') no-repeat center center;z-index:1}
.photoSlide .photoBigView{position:relative;width:100%;overflow:hidden}
.photoSlide .loading + .photoBigView {max-height: 545px;}
.photoSlide .photoBigView ul li{text-align:center}
.photoSlide .photoBigView .flex-direction-nav a{position:absolute;top:50%;margin-top:-11px;width:14px;height:22px;text-indent:-999px;overflow:hidden;transition: all 0.2s ease;background-image:url('/new_img/common/com_img.png')}
.photoSlide .photoBigView .flex-direction-nav .flex-prev{left:-80px;background-position:-101px -270px}
.photoSlide .photoBigView .flex-direction-nav .flex-next{right:-80px;background-position:-141px -270px}
.photoSlide .photoBigView:hover .flex-direction-nav .flex-prev{left:20px}
.photoSlide .photoBigView:hover .flex-direction-nav .flex-next{right:20px}
.photoSlide .box{margin-top:20px;padding:15px 40px;background:#eee}
.photoSlide .photoThumb{position:relative;width:100%;}
.photoSlide .photoThumb .slides::after{display:block;clear:both;content:''}
.photoSlide .photoThumb .slides > li{background:#000}
.photoSlide .photoThumb .slides > li a{display:block;height:90px;overflow:hidden;border:3px solid #eee}
.photoSlide .photoThumb .slides > li img{width:100%;height:100%}
.photoSlide .photoThumb .slides > li.flex-active-slide a{border:3px solid #ffa70f}
.photoSlide .photoThumb .flex-direction-nav a{position:absolute;top:50%;margin-top:-13px;width:15px;height:26px;text-indent:-999px;overflow:hidden;transition: all 0.2s ease;background-image:url('/new_img/common/com_img.png')}
.photoSlide .photoThumb .flex-direction-nav .flex-prev{left:-20px;background-position:-10px -460px}
.photoSlide .photoThumb .flex-direction-nav .flex-next{right:-20px;background-position:-45px -460px}
.flex-direction-nav .flex-disabled{cursor: default;opacity: 0;z-index: -1;}
.photoSlide + .contents{border-top:0}