.content_inner{width:1280px; margin:0 auto;}
.content_inner:after{content:' '; display: block; clear:both;}
.mobile{display:none;}
.ctt_privacy,.ctt_patient,.ctt_provision{padding-top:150px !important;}


/* header */
#wrap{position: relative; overflow: hidden; min-width:1280px; margin:0 auto;}
#warp #sub_container02 #bo_list,#warp #sub_container02 #bo_v,#warp #sub_container02 #bo_w,#warp #sub_container02 #bo_gall{max-width:1280px; margin:80px auto 120px;}
#mb_login,#mb_confirm,.register{padding :150px 0;}

#header{position:absolute; padding-top:14px; width:100%;  height:80px; background:#fff; overflow: hidden; z-index: 100; transition:0.8s;}
#header:hover{height:280px; box-shadow:0 0 30px rgba(0,0,0,0.2); background:#fff url('../images/gnb_bg.png') repeat-x 0 6px; }
#header:hover .gnb ul li.depth01 ul.depth02{position: relative;height:100%; }
#header.scroll_on{position:fixed; top: 0; width:100%; left:0; margin-left:0; height:73px; border-radius:0; box-shadow:0 0 30px rgba(0,0,0,0.1)}
#header.scroll_on:hover{height:280px;}
#header.scroll_on .gnb{top:9px;}
#header.scroll_on .gnb ul>li.depth01>a{padding:24px 0 ;  }
#header.scroll_on .gnb_all{display:none}
#header.scroll_on h1.logo{}
#header.scroll_on h1.logo img{}
#header.scroll_on .login_wrap{opacity:0; visibility: hidden;}
#header.scroll_on .gnb ul li.depth01>a span{font-size:16px;}
/* 로고 */
#header h1.logo{position: absolute; left:25px; top:24px; z-index:10; }
#header h1.logo img{width:140px;}
#header h1.logo a{margin:0}


/* PC GNB */
#header .gnb{ top:9px; width:1000px; min-width:1000px; margin:0 auto;text-align:center;z-index: 10;transition:0.8s; letter-spacing:-0.9px;}
#header .gnb ul li.depth01{position: relative;float:left;  width:20%}

/* #header .gnb ul li.depth01:nth-child(1){width:8%;}
#header .gnb ul li.depth01:nth-child(2){width:9%;}
#header .gnb ul li.depth01:nth-child(3){width:8%;}
#header .gnb ul li.depth01:nth-child(4){width:8%;}
#header .gnb ul li.depth01:nth-child(5){width:12%;}
#header .gnb ul li.depth01:nth-child(6){width:9%;}
#header .gnb ul li.depth01:nth-child(7){width:20%;} */
/* #header .gnb ul li.depth01:nth-child(8) li:hover a {color: #fff; font-weight:500; width:98px; margin:4px auto 0;line-height:30px;height:30px;  bordeR:1px dashed #383a4a;}
#header .gnb ul li.depth01:nth-child(9){width:8%;}
 */
#header .gnb ul li.depth01>a{display: block; padding:23px 0;color: #444; overflow: hidden;  }
#header .gnb ul li.depth01>a span{transition:0.9s;font-size:1em; color: #444;}
#header .gnb ul li.depth01:hover{}
#header .gnb ul li.depth01:hover a span{color: #3e58c8; font-weight:500;}
#header .gnb ul li.depth01 ul.depth02{position: relative;height:0;overflow: hidden;   transition:0s; margin-top:22px;}
#header .gnb ul li.depth01 ul.depth02{}
#header .gnb ul li.depth01 ul.depth02 li a{display:block; color: #888; font-weight:400;margin:4px 0; font-size:0.9em; line-height:30px;height:30px; bordeR:1px dashed #383a4a;}
#header .gnb ul li.depth01 ul.depth02 li:last-child a{}
#header .gnb ul li.depth01 ul.depth02 li:hover a{color: #fff; font-weight:500; bordeR:1px dashed #525361;  line-height:30px;height:30px}

/* 전체메뉴 */
#header .gnb_all{position:absolute; right:34px;top:21px;padding:14px;  cursor: pointer; z-index:2010; transition:0.4s; display:none}
#header .gnb_inner{display:none;position:relative;width:100%; margin:0 auto;opacity:0;top:10%; z-index:2000; clear:both; overflow:hidden; padding:30px 0; text-align:center;}
#header .gnb_inner>ul{text-align:left; font-size:0; letter-spacing:0;padding-left:30px;margin-bottom:30px;}
#header .gnb_inner ul>li.depth01{display:inline-block;width:100%;margin-bottom:5%; vertical-align:top;}
#header .gnb_inner ul>li.depth01>a{display: inline-block;font-size:20px;margin-bottom:10px;transition:0.3s; color: #333;}
#header .gnb_inner ul>li.depth01:hover>a{color: #996c59;}
#header .gnb_inner ul>li.depth01 ul li{margin:10px 0;}
#header .gnb_inner ul>li.depth01 ul li a{display:block;font-size:13px; color:#777;}
#header .gnb_inner ul>li.depth01 ul li:hover a{color:#111; }
#header .gnb_on{display:block; opacity:0.9;}
#header .all_icon{width:16px;height:16px;-webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;transition:0.4s;}
#header .all_icon span{display: block;position: absolute;  height:2px;  width:16px;background: #996c59;  border-radius:30px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#header.scroll_on .all_icon span{background:#996c59;}
#header .all_icon span.icon_list1{top: 0px;}
#header .all_icon span.icon_list2,.all_icon span.icon_list3{top:6px;}
#header .all_icon span.icon_list4{top:12px;}
#header .all_icon.open span{background:#413e3a ;}
#header .all_icon.open span.icon_list1{top: 18px;  width: 0%;  left:50%;}
#header .all_icon.open span.icon_list2{-webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
#header .all_icon.open span.icon_list3{-webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
#header .all_icon.open span.icon_list4{top: 18px;  width: 0%;  left: 50%;}
#header .overlay{height:0%; width:100%;display: block;position: fixed;z-index:2000;top: 0;left: 0;background:rgba(255,255,255,0.95); transition:0.4s ease-in-out;overflow:hidden;}
#header .overlay-content {position: relative;top:10%;width:100%;text-align: center;}
#header .myNav_on{display:block;height:100%;}

.gnbbx{display:none}
.center_box{width:1500px; margin:0 auto;}
.notice_box{width:1500px; margin:40px auto; overflow:hidden}
.banner_inner {width:1500px;  margin:10px auto 50px;}
.top_login{position:fixed; right:25px; top:17px;z-index:100}
.top_login ul li{ float:left; width:55px; height:55px;border-radius:50px;margin-left:5px; color:#fff; font-size:0.8rem; text-align:Center; line-height:0.9rem; position:relative; }
.top_login ul li:first-child{background:#6b83c7; }
.top_login ul li:last-child{background:#383a4d; }
.top_login ul li a:link, .top_login ul li a:visited{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:black; width:100%;color:#fff;}
.top_login ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1) ; transition:0.3s;}
.top_login a span{display:block;margin-top:-1px;}


/*슬라이드롤링배너_new20220322*/
.banner_inner {display: flex;gap: 3rem;}
.banner_inner .banner_board_wrap {width: calc(100% - 674px - 3rem);display: flex;gap: 2rem;}
.banner_inner .banner_board_wrap > .banner_list {position: relative;width: 50%;height: 400px;border-radius: 1rem;overflow: hidden;border: 1px solid #E2E2E8;}
.banner_inner .banner_board_wrap .banner_board {height: 100%;}
.banner_inner .banner_board_wrap .banner_board .thumb {position: relative;width: 100%;height: 268px;overflow: hidden;}
.banner_inner .banner_board_wrap .banner_board .thumb .type {position: absolute;top:0;left: 0;width: 134px;height: 50px;display: inline-flex;color: #fff;align-items: center;justify-content: center;font-weight: 500;font-size: 1.1rem;border-radius: 0 0 1rem 0;}
.banner_inner .banner_board_wrap .banner_list:nth-child(1) .thumb .type {background: rgba(107 132 199 / 80%);}
.banner_inner .banner_board_wrap .banner_list:nth-child(2) .thumb .type {background: rgba(98 56 126 / 80%);}
.banner_board .thumb img {width: 100%;object-fit: cover;min-height: 100%;}
.banner_inner .banner_board_wrap .banner_board .info {background: #D8EAFF;height: calc(100% - 268px);padding: 1rem;box-sizing:border-box;display: flex;flex-direction: column;justify-content: space-between;}
.banner_inner .banner_board_wrap .banner_list:nth-child(1) . .info {background: #D8EAFF;}
.banner_inner .banner_board_wrap .banner_list:nth-child(2) .info {background: #DCD8FF;}
.banner_inner .banner_board_wrap .banner_board .info .tit {color: #000;font-size: 1.2rem;font-weight: 500;overflow: hidden !important;text-overflow: ellipsis !important;display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important;display: block;line-height: 1.4;}
.banner_inner .banner_board_wrap .banner_board .info .tit:hover {text-decoration: underline;}
.banner_inner .banner_board_wrap .banner_board .info .date {color: #606060;}
#mainbanner{width: 674px !important;overflow: hidden;border-radius: 1rem;border: 1px solid #E2E2E8;}
#mainbanner .swiper-slide img {width: 100%;height: 100%;}

.banner_inner .banner_board_wrap .swiper-slide {position: relative;}
.banner_inner .banner_board_wrap .pagination_wrap {}
.banner_inner .banner_board_wrap .pagination_wrap > div {opacity: .5;position: absolute;top: 40%;z-index: 1;transform: translateY(-50%);}
.banner_inner .banner_board_wrap .pagination_wrap > div:hover {opacity: 1;}


.banner_inner .pagination_wrap .swiper-button-prev2,
.banner_inner .pagination_wrap .swiper-button-prev3 {left: .5rem;background: url('/web/images/borad_left_on.png') 50% 50% no-repeat;width:40px;height: 40px;background-size: 100% 100%;border-radius: 100px;}
.banner_inner .pagination_wrap .swiper-button-next2,
.banner_inner .pagination_wrap .swiper-button-next3{right: .5rem;background: url('/web/images/borad_right_on.png') 50% 50% no-repeat;width:40px;height: 40px;background-size: 100% 100%;border-radius: 100px;}

.swiper-wrapper { 
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
}

.swiper-container {
 
  width: 100%;
  position: relative;
  max-width: 100%;
  height: 100%;
}

.slider-image-wrapper {
  height: 100%;
  width: auto;
  overflow: hidden; 
}

.slider-item {
  width: 100%;
  
 
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  opacity: 0;
  background: linear-gradient(270deg, #f7f9ff 0%, #f2f6ff 100%);
  cursor: -webkit-grab;
  cursor: grab;
}
.slider-item-content {
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: 0.4s;
}
.slider-item-content > * {
  opacity: 0;
  transform: translateY(20px);
}

.swiper-slide-active .slider-item-content > * {
  transform: translateY(0px);
  opacity: 1;
}

.slider-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s;
  height:437px;
}


.swiper-pagination-bullet {
  border-radius: 0;
  width: 11px;
  height:11px;
  border-radius: 50%;
  line-height: 30px;
  font-size: 12px;
  opacity: 1;
  background: rgba(78, 76, 88, 0.3);
  display: inline-block;
  margin-right:6px;
  cursor: pointer;
  transition: all 0.2s;
}

.swiper-pagination-bullet-active {
  background: #4e4c58;
  width: 24px;
  border-radius: 10px;
}

.slider-buttons {
  position: absolute;
  display: none;
  top: 100%;
  justify-content: flex-end;
  width: 100%;
  padding-top: 8px;
}

.swiper-button-next,
.swiper-button-prev {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  color: #fff;
  position: relative;
  margin-left: 4px;
}
.swiper-button-next:before,
.swiper-button-prev:before {
  content: "";
  position: absolute;
  background-color: #fff;
  height: 1px;
  width: 0;
  left: 0;
  bottom: -1px;
  transition: 0.2s;
}
.swiper-button-next:hover:before,
.swiper-button-prev:hover:before {
  width: 100%;
}

.socials {
  position: fixed;
  top: 12px;
  right: 16px;
  display: flex;
  align-items: center;
}
.socials .social-link {
  display: inline-block;
  margin-left: 8px;
  color: #fff;
}


/*슬라이드 3/24 비주얼 추가*/

/*메인배너 메인타이틀*/
#mainbanner .pc_img{ text-align:center;height: 100%;
 
}
#mainbanner .m_img{display:none; }
#mainbanner .main_text{
  overflow: hidden;

  width:100%;
  height: 100%;

  box-sizing: border-box;
 
}
.swiper-slide img {
  object-fit: cover;
}


.swiper-pagination {
  position: absolute; left:50%;
 bottom:0;z-index:1000
}



/*search_area*/
.search_area{overflow:hidden; z-index:0; position: relative;margin-left:-40px;z-index:50}
.search_area .search_box{width:750px; margin:150px auto 0; overflow:hidden; position:relative; padding:0 20px 20px}
.search_area h2{float:left;}
.search_area .search_input{width:500px; display:inline-block; float:right;  border-radius:50px;box-sizing: border-box; height:63px; background: linear-gradient(0.25turn, #4790d0, #6f81c6, #9b74b6);  box-shadow:0 7px 20px rgba(0,0,0,0.2) ;/* background:url(../images/s_box.png) no-repeat 50% 100%; */}
.search_area .search_input input{width:494px;  height:57px;  border-radius:50px;bordeR:0; background:#fff; padding-left:27px;margin:3px 0 0 3px;  font-size:15px; letter-spacing:-0.4px;font-family: 'Noto Sans KR'; font-weight:400} 
.search_area .search_submit{ border-radius:0 50px 50px 0;height:57px; width:70px;  display:inline-block; position:absolute;top:3px; right:20px; background:#9276bc}
.search_area .ico_search_submit{ background:url(../images/s_icon.png) no-repeat 0 0; width:27px; height:27px; displaY:block; position:absolute; top:16px; right:25px;  /* transform:translate(-50%, -50%) */}

.sns_bar{height:145px;margin-bottom: 2rem;}
.sns_bar .center_box{height: 100%;display: flex;align-items: center;justify-content: space-between;background: linear-gradient(0.25turn, #4790d0, #6f81c6, #9b74b6);border-radius: 1rem;padding: 1rem;box-sizing:border-box;}
.newsletter form {display: flex;gap: .4rem;flex-wrap: wrap;}
.newsletter p{color:#fff;margin-bottom:15px; font-size:18px}
.newsletter input[type=text]{width:247px; font-size:13px; height:47px; line-height:47px; border-radius:4px; background:#2c56a9; 
border:0; color:#fff;padding-left:10px;box-sizing: border-box; font-family: 'Noto Sans KR'; font-weight:400}
.newsletter a.btn_letter{background:#fff; color:#242423; display:block; text-align:Center; font-size:16px; font-weight:500;height:47px; line-height:47px; width:140px;floaT:right;  border-radius:4px;}
.newsletter a.btn_letter_last{background:#fff; color:#242423; display:block; text-align:Center; font-size:16px; font-weight:500;height:47px; line-height:47px; min-width:140px;floaT:right;  border-radius:4px;padding: 0 3rem 0 1rem;display: inline-flex;align-items: center;justify-content: center;position: relative;}
.newsletter a.btn_letter_last > img {margin-right: .5rem;width: 28px;}
.newsletter a.btn_letter_last:after {content:'';display: block;background: url('/web/images/btn_letter_last_arr.png') no-repeat;position: absolute;right: 1rem;width: 22px;height: 22px;background-size: cover;}

/* .newsletter input[type=text], input[type=file], input[type=password]{width:247px; font-size:13px; height:47px; line-height:47px; border-radius:4px; background:#2c56a9; 
border:0; color:#fff;padding-left:10px;box-sizing: border-box; font-family: 'Noto Sans KR'; font-weight:400}
 */
.newsletter textarea::placeholder {color:#fff;}
.newsletter input::placeholder {color:#fff; }
.newsletter input::-webkit-input-placeholder { color: #fff; letter-spacing:-0.1px;}
.newslettertextarea::-webkit-input-placeholder { color: #fff; }

.banner_box{float:left;width:240px;margin:18px 0 0 30px }
.banner_box a{ display:block; float:left; width:49%;}
.banner_box a:nth-child(1){float:right;}
.banner_box a:nth-child(2){float:right;}


.sns_box{}
.sns_box ul {background: rgba(0 0 0 / 10%);border-radius: 1rem;background: rgba(0 0 0 / 10%);border-radius: 1rem;height: 100px;display: inline-flex;align-items: center;justify-content: center;width: 380px;padding: 0 1rem;box-sizing: border-box;}
.sns_box ul li{position:relative; text-align:center;flex:1;}
.sns_box ul li img{width:auto}
.sns_box ul li span{ display:block; color:#fff;font-size:1rem; text-align:center; margin-top:12px;}





/* 메인비주얼 */
.PC_visual{position: relative;height:411px;overflow: hidden; text-align:center; color: #fff; line-height:1.3;  margin-top:-64px;  z-index:-50}

.PC_visual .visual01{ background:#e5edf6; height:320px;margin-top:92px;}
.PC_visual .visual01 img{margin-top:-85px;}

.mo_visual .visual01{display:none}
#mvisual02{margin-top:-89px;}
#mvisual02 .mvisual_list{ height:417px;position:relative; z-index:0}

.pc_vi{display:block}
.m_vi{display:none}

/*게시판*/
.notice_wrap{ background:#eef1f6; overflow:hidden}

.notice_wrap .notice_left{background:#fff;width:650px; border-radius:10px;float:left;padding:22px 30px 35px;box-sizing: border-box;}
.notice_wrap .notice_right{background:#fff;width:650px; border-radius:10px;float:right; padding:22px 30px 35px;box-sizing: border-box;}


/*게시판 탭*/
.notice{width:100%;}

.tabs_css{display:inline-block; margin:20px auto 15px;}
.tabs_css li{ float:left;margin:0 1px; font-weight:500;font-size:22px;  letter-spacing:-0.9px;cursor:pointer; padding-right:15px; margin-right:10px}
.tabs_css li:first-child{background:url('../images/notice_line.png') no-repeat right center ;}
.tabs_css li.on{ color:#194ab3;font-weight:500;}
.tabs_css li.no_line{ background:none}
.notice_wrap .con_css{position:relative}
.notice_wrap .con_css .tit_s{color:#fff; font-size:14px; border-radius:50px; width:82px; height:27px; line-height:27px; display:block; text-align:center;float:left;margin-top:6px;}
.notice_wrap .con_css .tit01{background:#6d82c7;}
.notice_wrap .con_css .tit02{background:#3452a6;}
.notice_wrap .con_css .tit03{background:#de7e8e;}
.notice_wrap .con_css dl{width:100%; overflow:hidden; }
.notice_wrap .con_css dl dt{float:left;  width:80%; height:34px; line-height:34px; font-weight:300; font-size:16px; letter-spacing:-0.8px;}
.notice_wrap .con_css dl dt span{color:#194ab3;font-weight:500;margin-right:8px}
.notice_wrap .con_css dl dd{float:right;  text-align:right; width:20%; font-weight:300; height:32px; line-height:32px; font-size:16px; color:#8b8b8b}
.notice_wrap .more{background:#181818; padding:9px 9px 8px; display:inline-block; position:absolute; right:0; top:-48px}



/*갤러리게시판*/
.gallery_wrap{margin:30px 0 61px;}
.gallery_wrap .con_css{position:relative}
.gallery_wrap .con_css ul{margin:14px 0;height:335px; overflow:hidden;}
.gallery_wrap .con_css ul li{float:left; font-weight:300; width:290px;margin-right:36px}
.gallery_wrap .con_css ul li .gallery_img{width:290px; height:216px; overflow:hidden}
.gallery_wrap .con_css ul li img{width:100% ; height:100%}
.gallery_wrap .con_css ul li:nth-child(4){margin-right:0; }
.gallery_wrap .con_css ul li span.cate{color:#3451a6; display:block; font-size:17px;margin-top:25px;font-weight:500}
.gallery_wrap .con_css ul li span.tit{color:#1e1e1e; display:block; font-size:16px; line-height:22px;margin:10px 0; height:44px;}
.gallery_wrap .con_css ul li span.date{color:#747070; display:block;font-size:14px}
.gallery_wrap .more{background:#181818; padding:9px 9px 8px; display:inline-block; position:absolute; right:0; top:-56px}





/* 컨텐츠 */
#container02{position: relative; min-width:1280px;  overflow: hidden; }
#container02 .bt_bgimg{ background:url('../images/bt_sbg.jpg') no-repeat center center ; width:100%; z-index:-200; position:absolute; bottom:0; height:362px;}
#sub_container02{position: relative; top: 0; min-height:900px;}


/* 도서검색 */
.bt_search{background:#777fc5; width:1270px; border-radius:32px 32px 0 0; height:120px; margin:0 auto; overflow:hidden;}
.bt_search_box{width:680px; margin:27px auto 0;overflow:hidden}
.bt_search_box h2{float:left; display:block;width:130px; text-align:Center; font-weight:500}
.bt_search_box h2 .s_txt{font-size:10px; color:#c3c6e3;  letter-spacing:1px;}
.bt_search_box h2 p{font-size:35px; color:#fff; letter-spacing:-1px;}
.bt_search_box .search_input{ position:relative;margin:6px 0 0 10px;}
.bt_search_box .search_input input{width:530px;float:right; line-height:50px; height:56px;display:block;  border-radius:50px;bordeR:0; background:#fff; padding-left:20px; font-size:0.9rem; letter-spacing:-0.5px;font-family: 'Noto Sans KR'; font-weight:400} 
.bt_search_box .search_submit{ border-radius:0 50px 50px 0;height:56px; width:60px;  display:inline-block; position:absolute;top:0%; right:0;  background:#383a4d}
.bt_search_box .ico_search_submit{ background:url(../images/s_icon.png) no-repeat 0 0; width:27px; height:27px; displaY:block; position:absolute;top:50%; transform:translate(0, -50%) ;right:20px;  /* transform:translate(-50%, -50%) */}



/* 풋터 */
#footer{padding-bottom:45px;position: relative; width:100%; background:#f8f8f8;overflow:hidden;position: relative;}
#footer .footer_link{padding:50px 0 0 0;}
#footer .footer_link ul li{display: inline-block; padding:0 16px 0 0; font-size:0.85em; }
#footer .footer_inner{padding:20px 0; font-size:0.9em; line-height:1.5;}
#footer .footer_inner .bt_logo{position: absolute;right: 1rem;top: 30px;}
#footer .footer_inner address{float:left;}
#footer .footer_inner address ul li{display: inline-block;  color: #555; font-size:0.9em; 	}
#footer .footer_inner address ul li strong{display: inline-block; margin-right:3px;color: #555;}
#footer .footer_inner cite{display:block; margin:10px 0 15px; font-size:12px; opacity:0.7; letter-spacing:-0.3px;}







@media only screen and (min-width: 321px) and (max-width: 900px){
	#header{ display:none }
	#header:hover{ background:none;box-shadow:none}
	#header .gnb_all{position:absolute; left:10px;top:21px;padding:14px;  cursor: pointer; z-index:2010; transition:0.4s;display:block;}
	
	#header.scroll_on{ box-shadow:none}
	#header.scroll_on .gnb_all{top:13px;display:block;}
	#header .gnb{ display:none}
	#header h1.logo{ display:none}




.top_login{ position:fixed; right:15px; top:12px;z-index:100}
.top_login ul li{ float:left; width:45px; height:45px;border-radius:50px;margin-left:5px; color:#fff; font-size:0.7rem; text-align:Center; line-height:0.8rem; position:relative; }
.top_login ul li:first-child{background:#6b83c7; }
.top_login ul li:last-child{background:#383a4d; }
.top_login ul li a{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:black; width:100%}



/*search_area*/
.search_area{overflow:hidden; z-index:0; position: relative; width:97%;margin:0 auto;}
.search_area .search_box{width:100%; margin:0 auto 0; overflow:hidden; position:relative;text-align:Center; padding:40px 40px 10px; box-sizing: border-box;}
.search_area .search_box h2 img {width: 200px;}
.search_area h2{ float:none}
.search_area .search_input{width:100%;margin:20px 0 25px; position:relative; border-radius:50px;box-sizing: border-box; height:60px; background: linear-gradient(0.25turn, #4790d0, #6f81c6, #9b74b6);  box-shadow:0 7px 20px rgba(0,0,0,0.2) ;}
.search_area .search_input input{width:99%; top:50%; left:50%;  line-height:50px; height:54px;display:block;  border-radius:50px;bordeR:0; background:#fff; padding-left:20px; font-size:0.8rem; letter-spacing:-0.5px;} 
.search_area .search_submit{ border-radius:0 50px 50px 0;height:57px; width:60px;  display:inline-block; position:absolute;top:50%; right:0%; transform:translate(0, -50%) ; background:#9276bc}
.search_area .ico_search_submit{ background:url(../images/s_icon.png) no-repeat 0 0; width:27px; height:27px; displaY:block; position:absolute;top:50%; transform:translate(0, -50%) ;right:20px;  /* transform:translate(-50%, -50%) */}

.sns_bar{background: linear-gradient(0.25turn, #4790d0, #6f81c6, #9b74b6);height:145px;margin-top:-1px;}


/* 컨텐츠 */
#container02{position: relative; min-width:100%;  overflow: hidden;}

/* 메인비주얼 */
.PC_visual{position: relative;height:411px;overflow: hidden; text-align:center; color: #fff;  line-height:1.3;  margin-top:-45px;  z-index:-50; width:100%; display:none}

.PC_visual .visual01{ background:#e5edf6; height:320px;margin-top:92px; display:none}
.PC_visual img{width:100%}

.mo_visual{position: relative; overflow: hidden; text-align:center;}
.mo_visual .visual01{display:block}
.mo_visual .visual01 img{width:100%}

#mvisual02{margin-top:0px;}
#mvisual02 .mvisual_list{ height:417px;position:relative; z-index:0}

.m_vi{display:block;}
.m_vi img{width:100%}
.pc_vi{display:none}



/*슬라이드 3/24 비주얼 추가*/

/*메인배너 메인타이틀*/


#mainbanner{ position:relative;border-radius: 1rem;}
#mainbanner .pc_img{display:none;}
#mainbanner .m_img{display:block }
#mainbanner .m_img img{width:100%;height: 100%;}
#mainbanner .main_text{
  overflow: hidden;

  width:100%;

  box-sizing: border-box;
 
}
.swiper-slide img {
  object-fit: cover;
}
.swiper-container{margin-top:0; }
.swiper-pagination {
  position: absolute;margin-left:0; 
 top:20px; left:20px; z-index:0;
}


.slider-image{ height:100%}
/* ------------------------------------- mobile_menu ------------------------------------- */
.close { position:absolute; top:20px; right:0px; width:44px; }  
.all_menu { width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); position:fixed; display:none; z-index:9999; top: 0;}
.all_box {padding:0;width:50%;top:0px;/* background:#549cee url("https://dgpublic.org/img/common/mo_bg.png") no-repeat 0 0;  */ background: linear-gradient(0.40turn, #4790d0, #6f81c6, #9b74b6); 
background-size:cover;z-index:10;left:-210px;bottom:0;top:0;position:fixed;overflow-y: auto;}

.tgnb { display:none; }
.gnbbx {display:block; width:100%; background:white; height:50px; position:relative; z-index:2; border-bottom:1px solid #D5D5D5; }
.side3 { display:none; } .side4 { display:none; }
.gnbbx2 {display:block; width:100%; height:65px; position:fixed; background:#fff; z-index:90; }
h1 {display:block;}
h1 a { text-indent:-9999px;background:url('/img/common/logo.png') no-repeat 0 0; width:124px; height:38px;background-size:100%;margin:15px 0 0 20px;}

#navi{ margin-top:0px; z-index:24; letter-spacing:-0.05em;} 
#navi h2 a{display: block; padding: 10px 10px 10px 16px; font-size:14px; color: #fff; border-bottom:1px solid #6597cb; background:url("/img/common/all_menu_off.png")no-repeat 90% center;  background-size:10px;}
#navi h2 a.alone{background:none;}

#navi :target h2 a { background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff);
	background-color:rgba(255, 255, 255, 0.2);  }
#navi p { height:0; overflow:hidden;
-moz-transition:height 0.5s ease-in;
-o-transition:all 0.3s ease-in;
-webkit-transition:height 0.3s ease-in;
transition:height 0.15s ease-in;  }

#navi :target p { height: 36px; border-bottom: 1px solid #6597cb; background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff);
	background-color:rgba(255, 255, 255, 0.1);}
#navi p a { display: block; padding-left: 25px; line-height: 36px; font-size: 12px; color: #fff;  }
#navi p a:hover { color:#9ecee4; }

.mo_tmu {text-align:center;border-bottom:1px solid #6597cb; padding:0 10px 20px;margin-top:100px;}
.mo_tmu a { border: 1px solid #fff;font-size:12px;font-weight:400; background:#fff; display:inline-block;color: #0077bf; padding:5px 15px;border-radius:20px;margin-right:5px;}


.mo_cs {color:#fff; padding:100px 15px 15px 15px;} 
.mo_cs p.mo_cs_st01 {font-size:12px;padding-bottom:10px;font-weight:600;}
.mo_cs p.mo_cs_st02 {font-size:12px;font-weight:400;padding-bottom:20px;}
.mo_cs p.mo_cs_st02 span {font-size:20px;font-weight:600; display:block;}
.mo_cs p.mo_cs_st03 {font-size:12px;font-weight:400;}
.mo_cs p a {color:#fff;}

.mo_menu1 {border-bottom:1px solid #fff;  width:100%;text-align:left;}
.mo_menu1 ul {margin:0 auto;}
.mo_menu1 ul li {display:inline-block;padding-bottom:10px; margin:0 5px}
.mo_menu1 ul li a {display:inline-block; padding:5px 10px; font-size:11px; color:#fff;text-align:center;border-radius:20px;border:1px solid #fff;}

.mo_menu2 {bottom:50px; position:absolute;width:100%;text-align:center;}
.mo_menu2 ul {margin:0 auto;}
.mo_menu2 ul li {display:inline-block;padding-bottom:10px;}
.mo_menu2 ul li a {width:40px; height:40px; text-indent:-9999px;display:inline-block;}
.mo_menu2 ul li a.sns01 {background:url("https://dgpublic.org/img/sub/w_sns01.png")no-repeat 50% 50%;}
.mo_menu2 ul li a.sns02 {background:url("/img/common/sns02_.png")no-repeat 50% 50%;}
.mo_cs p.mo_cs_st03 {background:url("/img/common/sns03_.png")no-repeat 50% 50%;}


.mo_sns_info {text-align:center;padding-top:20px;}
.mo_sns_info a {padding:10px;width:15px; height:15px;display:inline-block; border-radius:50%;margin-right:3px;border: 1px solid #fff;}
.mo_sns_info img {width:15px;}

.side2_m { top: 21px; left:20px; border: 0px solid #dedede;  position: absolute; z-index:1;    padding: 3px 4px; width:24px; height:19px; background:url("https://dgpublic.org/img/common/m_menu.png") no-repeat; background-position:center center;} 
.side2_m { display:block; cursor:pointer; }

.scroll_side2_m { top: 16px; border: 0px solid #dedede;  position: absolute; right: 0;   margin-right: 15px; padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; } 
.scroll_side2_m { display:block; cursor:pointer; }


.center_box{width:auto}
.sns_bar{height:100%; padding:1.3rem 0;}
.newsletter{width:90%;margin:0 auto; float:none; overflow:hidden;}
.newsletter p{color:#fff;margin-bottom:15px; font-size:0.9rem}
.newsletter input{width:39%; display:block;float:left;font-size:0.8rem;margin-right:1%; height:43px; line-height:43px; border-radius:4px; background:#2c56a9; border:0; color:#fff;padding-left:10px;box-sizing: border-box; }
.newsletter a.btn_letter{background:#fff; color:#242423; display:block; text-align:Center; font-size:0.9rem; font-weight:500;height:43px; line-height:43px; width:20%;floaT:right;  border-radius:4px;}
.btn_letter_last {height: 43px !important;}
.newsletter input[type=text], input[type=file], input[type=password]{width:39%; display:block;float:left;font-size:0.8rem;margin-right:1%; height:43px; 
line-height:43px; border-radius:4px; background:#2c56a9; border:0; color:#fff;padding-left:10px;box-sizing: border-box; font-family: 'Noto Sans KR'; font-weight:400}
.banner_box{float:left;width:31%;margin:0 0 0 5%; }
.banner_box a{margin:0px 0 0; display:block; float:left; width:48%;}
.banner_box a:nth-child(1){float:left;}
.banner_box a:nth-child(2){float:right;}
.banner_box a img{width:100%;}

.sns_box{width:58%; float:right;margin:6px 4% 0 0; }
.sns_box ul li{ float:right;  width:24%; margin-left:1px;position:relative; text-align:center}
.sns_box ul li span{ display:block; color:#fff;font-size:0.6rem; text-align:center; margin-top:4px;}



/*게시판*/
.notice_box{width:100%;margin:20px 0}
.notice_wrap{ background:#eef1f6; overflow:hidden; width:100%}

.notice_wrap .notice_left{background:#fff;width:94%;height:auto; margin:0 auto 15px; border-radius:10px;  padding:10px 20px 30px;box-sizing: border-box;float:none}
.notice_wrap .notice_right{background:#fff;width:94%; height:auto;margin:0 auto;  border-radius:10px;   padding:10px 20px 30px;box-sizing: border-box;float:none}

 
/*게시판 탭*/
.notice{width:100%;}

.tabs_css{display:inline-block; margin:20px auto 13px;}
.tabs_css li{ float:left;margin:0 1px; font-weight:600;font-size:1.2rem;  letter-spacing:-1.2px;cursor:pointer; padding-right:15px; margin-right:10px}
.tabs_css li:first-child{background:url('../images/notice_line.png') no-repeat right center ;}
.tabs_css li.on{ color:#194ab3;font-weight:600;}
.tabs_css li.no_line{ background:none}
.notice_wrap .con_css{position:relative}
.notice_wrap .con_css .tit_s{color:#fff; font-size:0.7rem; border-radius:50px; width:64px; height:22px; line-height:22px; display:block; text-align:center;float:left;margin-top:5px;}
.notice_wrap .con_css .tit01{background:#6d82c7;}
.notice_wrap .con_css .tit02{background:#3452a6;}
.notice_wrap .con_css .tit03{background:#de7e8e;}
.notice_wrap .con_css dl{width:100%; overflow:hidden; }
.notice_wrap .con_css dl dt{float:left;  width:100%; height:28px; line-height:28px; font-weight:400; font-size:0.9rem; letter-spacing:-0.8px; overflow:hidden}
.notice_wrap .con_css dl dt span{color:#194ab3;font-weight:500;margin-right:8px;  display:none}
.notice_wrap .con_css dl dd{float:right; display:none ; text-align:right; width:20%; font-weight:300; height:32px; line-height:32px; font-size:16px; color:#8b8b8b}
.notice_wrap .more{background:#181818; padding:5px 5px 4px; display:inline-block; position:absolute; right:0; top:-39px}

/*갤러리게시판*/

.gallery_wrap{margin:20px auto 0; width:86%;height:auto;float:none; overflow:hidden}
.gallery_wrap .con_css{position:relative}
.gallery_wrap .con_css ul{margin-top:14px;height:230px;  overflow:hidden}
.gallery_wrap .con_css ul li{float:left; font-weight:300; width:48%;margin:0 0 20px; }
.gallery_wrap .con_css ul li img{width:100%; height:100%;}
.gallery_wrap .con_css ul li:nth-child(odd){float:left; }
.gallery_wrap .con_css ul li:nth-child(even){float:right; margin-right:0}
.gallery_wrap .con_css ul li:nth-child(3), .gallery_wrap .con_css ul li:nth-child(4){display:none}
.gallery_wrap .con_css ul li span.cate{color:#3451a6; display:block; font-size:1rem;margin-top:14px;font-weight:500; letter-spacing:-0.9px;}
.gallery_wrap .con_css ul li span.tit{color:#1e1e1e; display:block; font-size:0.9rem; line-height:1.2rem;margin:8px 0; height:38px;font-weight:500;  overflow:hidden}
.gallery_wrap .con_css ul li span.date{color:#747070; display:block;font-size:0.8rem; letter-spacing:0px;}
.gallery_wrap .more{background:#181818; padding:5px 5px 4px; display:inline-block; position:absolute; right:0; top:-57px}


.gallery_wrap .con_css ul li .gallery_img{ width:100%; height:115px; overflow:hidden}
.gallery_img img{width:100%}


/* 도서검색 */
.bt_search{border-radius:0;height:auto; width:100%;margin:0 auto; overflow:hidden;background:#fff url('../images/m_bt_sbg.jpg') no-repeat center 0;background-size:cover; padding-top:00px}
.bt_search_box{width:85%; margin:27px auto 0;overflow:hidden; background:#777fc5;  border-radius:20px 20px 0 0;padding-bottom:20px}
.bt_search_box h2{ float:none;display:block;width:auto; margin:6px auto 14px;text-align:Center; font-weight:500;line-height:1.4rem}
.bt_search_box h2 .s_txt{font-size:0.5rem; color:#c3c6e3;  letter-spacing:2.2px;}
.bt_search_box h2 p{font-size:1.6rem; color:#fff; letter-spacing:-1.2px;}
.bt_search_box .search_input{ position:relative;margin:0 auto ;width:80%;  }
.bt_search_box .search_input input{width:100%;float:none;position:relative; line-height:45px; height:48px;display:block;margin:0 auto;  border-radius:50px;bordeR:0; background:#fff; padding-left:20px; font-size:0.8rem; letter-spacing:-0.5px;} 
.bt_search_box .search_submit{ border-radius:0 50px 50px 0;height:48px; width:50px;  display:inline-block; position:absolute;top:0%; right:0;  background:#383a4d}
.bt_search_box .ico_search_submit{ background:url(../images/s_icon.png) no-repeat 0 0; width:27px; height:27px; displaY:block; position:absolute;top:50%; transform:translate(0, -50%) ;right:14px;  /* transform:translate(-50%, -50%) */}



/* 풋터 */
#footer{padding:70px 0 15px;position: relative; width:100%; overflow:hidden;margin:0 auto; background:#f8f8f8; }
#footer .footer_link{padding:0; text-align:center; display:block;}
#footer .footer_link ul li{display: inline-block; padding:0 10px 0 0; font-size:0.8em; font-weight:500; letter-spacing:-1px;}
#footer .footer_inner{padding:20px 0; font-size:0.9em; line-height:1.5;}
#footer .footer_inner .bt_logo{float:none;margin: 10px auto 0;  text-align:center;right: auto;transform: translateX(-50%);left: 50%;top: 10px;}
#footer .footer_inner address{float:none; width:80%;margin:0 auto; text-align:center; }
#footer .footer_inner address ul li{width:100%;  color: #6f6c6c; font-size:0.8em;  line-height:1.1rem;margin:-1px 0 0; padding:0	}
#footer .footer_inner cite{display:block; margin:10px 0 15px; font-size:0.7em;  line-height:0.8rem; opacity:0.7; letter-spacing:-0.3px;}


}

.wFix {width: 1500px;margin: 0 auto;}
.board_wrap {background: linear-gradient(to right, #F9F1FF, #EEF8FF);position: relative;}
#container02:before {content:'';position: absolute;top: 8rem;left: 3.5rem;width: 154px;height: 182px;background: url('/web/images/bg_img1.png') no-repeat;background-size: 100% 100%;}
.board_wrap:after { animation: float 4s ease-in-out infinite;content:'';position: absolute;top: 1.5rem;right: 0;width: 200px;height: 209px;background: url('/web/images/bg_img2.png') no-repeat;background-size: 100% 100%;}

/* 떠오르는 애니메이션 */
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.board_wrap > .wFix {margin: 0 auto;padding: 2rem 0 ;display: flex;gap: 3rem;}
.board_wrap > .wFix  > div {width: 33.33333%;z-index: 1;}
.board_wrap > .wFix  > div .tit_wrap {height: 50px;border-radius: .5rem .5rem 0 0;margin-bottom: .5rem;display: flex;align-items: center;justify-content: space-between;padding: 0 1rem;}
.board_wrap > .wFix  > div .tit_wrap .tit {color: #fff;font-size: 1.2rem;}
.board_wrap > .wFix  > div > ul > li {margin-bottom: .5rem;}
.board_wrap > .wFix  > div > ul a {display: flex;width: 100%;height: 118px;border-radius: .5rem;border: 1px solid #E5DFEF;padding: .5rem;box-sizing: border-box;background: #Fff;}
.board_wrap > .wFix  > div > ul a:hover .info .tit {text-decoration: underline;}
.board_wrap > .wFix  > div > ul a .thumb {width: 140px;height: 100px;border-radius: .5rem;overflow: hidden;}
.board_wrap > .wFix  > div > ul a .thumb img {width: 100%;height: 100%;}
.board_wrap > .wFix  > div > ul a .info {padding-left: 1rem;width: calc(100% - 150px);}
.board_wrap > .wFix  > div > ul a .info .tit {color: #000;font-size: 1.1rem;font-weight: 500;overflow: hidden !important;text-overflow: ellipsis !important;display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical !important;display: block;line-height: 1.4;}
.board_wrap > .wFix  > div > ul a .info .date {font-size: .95rem;color: #606060;margin-top: 1.5rem;display: inline-block;}
.board_wrap .board_1 .tit_wrap  {background: #3D5983;}
.board_wrap .board_2 .tit_wrap  {background: #5C4370;}
.board_wrap .board_3 .tit_wrap  {background: #406642;}

.board_wrap .board_2 ul a .info {width: 100% !important;padding-left: 0 !important;}
.board_wrap .board_2 ul a .info .date {margin-top: .5rem !important;}
.board_wrap .board_2 ul a .info .tit {margin-top: .5rem;-webkit-line-clamp: 1 !important;}

/* 비주얼 페이징 */
.swiper-pagination {position: unset;width:  auto !important;height: auto !important;opacity: 1 !important;color: #000;font-size: 1rem;background: transparent !important;margin-right: .5rem;}
.mainbanner_wrap .pagination_wrap {background: #fff;border-radius: 5rem;position: absolute;min-width: 110px;padding: 0 1.5rem 0 2rem;height: 44px;z-index: 99999;bottom: -20px;left: 50%;transform: translateX(-50%);display: inline-flex;align-items: center;justify-content: center;box-shadow: 5px 5px 10px rgba(0 0 0 / 10%);}
.pagination_wrap .swiper-button-prev,
.pagination_wrap .swiper-button-next,
.pagination_wrap .swiper-button-prev2,
.pagination_wrap .swiper-button-next2,
.pagination_wrap .swiper-button-prev3,
.pagination_wrap .swiper-button-next3{font-size: 0;width: 20px;height: 20px;position: unset;margin: 0;cursor: pointer;}
.pagination_wrap .swiper-button-prev:hover,
.pagination_wrap .swiper-button-next:hover,
.pagination_wrap .swiper-button-prev2:hover,
.pagination_wrap .swiper-button-next2:hover,
.pagination_wrap .swiper-button-prev3:hover,
.pagination_wrap .swiper-button-next3:hover{text-decoration: none !important;}
.pagination_wrap .swiper-button-prev:after,
.pagination_wrap .swiper-button-next:after,
.pagination_wrap .swiper-button-prev2:after,
.pagination_wrap .swiper-button-next2:after,
.pagination_wrap .swiper-button-prev3:after,
.pagination_wrap .swiper-button-next3:after{display: none;}
.pagination_wrap .swiper-button-prev{background: url('/web/images/arrow_back_ios.png') 50% 50% no-repeat;}
.pagination_wrap .swiper-button-next{background: url('/web/images/arrow_forward_ios.png') 50% 50% no-repeat;}
.pagination_wrap .swiper-pagination-current {font-weight: 600;color: #194AB3;}

.swiper-play-pause {color: #000;font-size: 18px;cursor: pointer;background: transparent;margin-top: -5px;}

.mainbanner_wrap {position: relative;height: 400px !important;}

/* 메인 배경 */
.bt_bg {background: url('/web/images/main_top_bg.png') 50% 14% no-repeat;background-size:100%  auto;}


/* 반응형 */
@media screen and (max-width: 1500px) {
	.banner_inner {width: 100%;padding: 1rem;box-sizing:border-box;}
	.center_box {width: 100%;padding: 1rem;box-sizing:border-box;}
	.wFix {width: 100%;padding: 1rem;box-sizing:border-box;}
	#container02:before {top: 6rem;width: 134px;height: 162px;}

	.board_wrap:after {display: none;}
	.sns_bar {position: relative;}
	.sns_bar:after {animation: float 4s ease-in-out infinite;content: '';position: absolute;top: -7.2rem;z-index: 11;right: 0;width: 150px;height: 159px;background: url(/web/images/bg_img2.png) no-repeat;background-size: 100% 100%;}
}
@media screen and (max-width: 1320px) {
	#mainbanner {width: 580px !important;}
	.banner_inner .banner_board_wrap {width: calc(100% - 580px);}
	.sns_bar {height: auto;}
	.sns_bar .center_box {flex-direction: column;}
	.sns_bar .center_box > div {width: 100%;}
	.sns_bar .center_box > .newsletter {margin-bottom: .8rem;}
	.sns_box ul {width: 100%;}

	.board_wrap > .wFix {gap: 2rem;}
}
@media screen and (max-width: 1280px) {
	#container02 {min-width: 100% !important;}
	.banner_inner {height: auto !important;flex-direction: column;width: 100%;}
	.banner_inner .banner_board_wrap {width: 100%;}
	#mainbanner {width: 100% !important;}
	
	#container02:before {top: 7rem;left: 2rem;width: 104px;height: 132px;}
}
@media screen and (max-width: 1150px) {
	html, body {min-width: auto !important;}
}
@media screen and (max-width: 900px) {
	.board_wrap > .wFix {flex-direction: column;padding: 0 1rem;}
	.board_wrap > .wFix > div {width: 100%;}
	#mainbanner {width: 100%;}
	
	#container02:before {top: 1rem;left: 1rem;width: 94px;height: 122px;}
	.sns_bar:after {width: 130px;height: 129px;top: -5rem;}
	.mainbanner_wrap {height: auto !important;}
	
}
@media screen and (max-width: 670px) {
	.banner_inner .banner_board_wrap {flex-direction: column;}
	.banner_inner .banner_board_wrap > .banner_board {width: 100%;}
	.banner_inner .banner_board_wrap > .banner_list {width: 100%;}
	
	#container02:before {top: 1.5rem;left: 1rem;width: 75px;height: 93px;}
}
