.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_container #bo_list,#warp #sub_container #bo_v,#warp #sub_container #bo_w,#warp #sub_container #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:255px; 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:253px;}
#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;}


/* PC GNB */
#header .gnb{ top:9px; width:1100px; 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; }
#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:13%;}
#header .gnb ul li.depth01:nth-child(6){width:12%;}
#header .gnb ul li.depth01:nth-child(7){width:12%;}
#header .gnb ul li.depth01:nth-child(8){width:9%;}
#header .gnb ul li.depth01:nth-child(9){width:13%;}
#header .gnb ul li.depth01:nth-child(9) 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(10){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:1270px; margin:0 auto;}
.notice_box{width:1320px; margin:40px auto; overflow:hidden}
.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{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:black; width:100%}
.top_login ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1) ; transition:0.3s;}

/*search_area*/
.search_area{overflow:hidden; z-index:0; position: relative;margin-left:-40px;}
.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.5px;} 
.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{background: linear-gradient(0.25turn, #4790d0, #6f81c6, #9b74b6);height:145px;}
.newsletter{width:640px; float:left;margin-top:33px}
.newsletter p{color:#fff;margin-bottom:15px; font-size:18px}
.newsletter input{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; }
.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 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:19px 0 0 30px }
.banner_box a{ display:block; float:left; width:49%;}
.banner_box a:nth-child(1){float:left;}
.banner_box a:nth-child(2){float:right;}


.sns_box{width:350px; float:right;margin-top:40px ; }
.sns_box ul li{ float:left;  width:24%; margin-left:1px;position:relative; text-align:center}
.sns_box ul li img{width:auto}
.sns_box ul li span{ display:block; color:#fff;font-size:15px; text-align:center; margin:12px 0;}





/* 메인비주얼 */
.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;}

.m_visual .visual01{display:none}




/*게시판*/
.notice_wrap{ background:#eef1f6; overflow:hidden}

.notice_wrap .notice_left{background:#fff;width:650px; height:300px; border-radius:10px;float:left;padding:24px 30px 20px;box-sizing: border-box;}
.notice_wrap .notice_right{background:#fff;width:650px; height:300px; border-radius:10px;float:right; padding:24px 30px 20px;box-sizing: border-box;}


/*게시판 탭*/
.notice{width:100%;}

.tabs_css{display:inline-block; margin:20px auto 20px;}
.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:-54px}



/*갤러리게시판*/
.gallery_wrap{margin:30px 0 80px;}
.gallery_wrap .con_css{position:relative}
.gallery_wrap .con_css ul{margin-top:14px;}
.gallery_wrap .con_css ul li{float:left; font-weight:300; width:290px;margin-right:36px}
.gallery_wrap .con_css ul li:last-child{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:-63px}





/* 컨텐츠 */
#container{position: relative; min-width:1280px;  overflow: hidden;  background:url('../images/bt_sbg.jpg') no-repeat bottom center ;}
#sub_container{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;} 
.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:#fff;overflow:hidden}
#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{float:right;margin-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 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;}


/* 컨텐츠 */
#container{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%}

.m_visual{position: relative; overflow: hidden; text-align:center;}
.m_visual .visual01{display:block}
.m_visual .visual01 img{width: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{background: linear-gradient(0.40turn, #4790d0, #6f81c6, #9b74b6);height:100%; overflow:hidden;  padding:30px 0 25px}
.newsletter{width:90%;margin:0 auto; float:none; overflow:hidden; padding:0 0 20px}
.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;}


.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 img{width:60%}
.sns_box ul li span{ display:block; color:#fff;font-size:0.6rem; text-align:center; margin:4px 0;}



/*게시판*/
.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;}
.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%}
.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}


/* 도서검색 */
.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:40px 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}
#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;}




}