/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;&display=swap');
@url:"test.jpg";
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,button,img {
	margin:0;padding:0;
}
html,body,img,table {
	border:0;
}
ol,ul {
	list-style:none;
}
textarea {
	resize: none;
}
html, body {
	min-width:1400px;
	width: 100%;
	height: 100%;
}
body {
	font-family: "Roboto",'Noto Sans KR', sans-serif;
}
a {
	font-size: inherit;
	text-decoration:none;
	color:black;
}
a, input, select, textarea, button {
	outline: none;
}
input, textarea, select, button {
	font-family: "Roboto",'Noto Sans KR', sans-serif;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}

#header {
	position: absolute;
	top: 0;
	min-width:1400px;
	width: 100%;
	background-color: #ffffff;
	z-index: 20;
}
.top {
	height: 100px;
}
.topMenu {
	width: 1400px;
	margin: 0 auto;
	text-align: right;
}
.topMenu > .banner > .rightlogo{
	width: 300px;
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
}
.topMenu > .banner > .rightlogo > img{
	width:163px ;
	height: auto;
}
.topMenu > .banner{
	width:1400px;
	height:116px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:absolute;
	top:30px;
}
.topMenu > .banner > .kselect_title{    
	position: absolute;
    right: 280px;
    top: 13px;
    font-size: 15px;
	width: 120px;
	height: 35px;
    color: #1c51b1;
    font-weight: bold;
}
.topMenu > .banner > .kselect_title span{
	position: relative;
	top: 6px;
}     
.topMenu > .banner > .right_kselect{
	width: 150px;
	z-index: 1;
	position: absolute;
	top: 15px;
	right: 120px;
	text-align: left;
	height: 28px;
	overflow: hidden;
}
.topMenu > .banner > .right_kselect ul li{
	height: 26px;
	font-size:14px;
	color:#666;
	padding-top: 4px;
	width: 190px;
	text-overflow:ellipsis;
}
.topMenu > .banner > .right_kselect ul li div.fcount{
	padding: 0px;
	background-color:#666;
	color:#fff;
	display: inline-block;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	position: relative;
	top: 1px;
}
.topMenu > .banner > .kselect_title .btn_top{
	position: absolute;
	top: 2px;
	right: 0;
	color:#aaa;
	cursor: pointer;
}
.topMenu > .banner > .kselect_title .btn_bottom{
	position: absolute;
	bottom: 2px;
	right: 0;
	color:#aaa;
	cursor: pointer;
}
.topMenu > .banner > .today-weather{
	position:absolute;
	top:35px;
	left:30px;
	font-size:13pt;
	font-weight:bold;
}
.mobile_close{
	display:none;
}
.topMenu > .banner > .today-weather > .mobile_btn{
	display:none;
}
.topMenu > .banner > .today-weather > .air-font{
	font-size:12pt;
	font-weight:normal;
}
.topMenu > .banner > .logo {
	/*margin:0 auto;*/
}
.topMenu > .banner > .mobile_logo {
	display:none;
}
.topMenu  ul.login_info{
	margin-top:5px;
}
.topMenu  ul  li{
	display: inline-block;
}
.topMenu  ul.login_info  li{
	font-size: 11pt;
	margin-left:15px;
	font-weight:normal;
}
.topMenu  ul.login_info  li.userName{

	position:absolute;
	right:0px;
	z-index:30;
}
.topMenu  ul.login_info  li:nth-last-child(n+2):after {
	display: inline-block;
	content: "|";
	width: 20px;
	height: 12px;
	/*color: #adadad;*/
	font-size: 10pt;
	/*vertical-align: top;*/
	text-align: right;
}

.topMenu  ul.user_info  li {
	display: inline-block;
	font-size: 10px;
	padding-left: 5px;
	vertical-align: middle;
}

.topMenu  ul.user_info  li  input[type=text] , .topMenu  ul.user_info  li  input[type=password]{
	border:0;
	border-bottom:1px solid black;
	width:90px;
	padding:5px;
}
.navBar {
	position: relative;
	width: 100%;
	min-height: 60px;
	margin: 0 auto;
	color:white;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background-color:white;
	/*
	border-bottom:2px solid #4b6ad9;
	box-shadow:0 4px 6px -5px black;
	*/
	text-align:center;
	z-index:101;
}
.navBar>a {
	float: left;
}
.navBar>a>img {
	height: 50px;
	margin: 19px 0;
}

.navBar>a {
	float: left;
}
.navBar>a>img {
	height: 50px;
	margin: 19px 0;
}
#menu-area{
	/*width:100%;*/
	height:0px;/*0으로바꿔야함*/
	width: 1400px;
	margin: 0 auto;
	overflow:hidden;
	background:url("../img_new/menuslide_img.png"),linear-gradient(90deg, #f5f6fa , white, white);
	background-size:auto,contain;
	background-repeat: no-repeat, no-repeat;
	background-position:left bottom,right;
	text-align:left;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	background-position-x:0%;
}
#menu-area > .menu-area-center{
	width: 1400px;
	height:100%;
	margin:0 auto;
	display:none;
}
#menu-area > .menu-area-center.on{
	display:flex;
}
#menu-area > .menu-area-center > .menu-main-subject{
	width:230px;
	color:black;
	height:100%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	/*
	background-image:url("../img_new/menu_slidebg.png");
	background-position:bottom;
	background-repeat: no-repeat;
	*/
}
#menu-area > .menu-area-center > .menu-main-subject > h1{
	padding-top:35px;
	padding-left:72px;
	font-size:20pt;
}
#menu-area > .menu-area-center > .menu-main-subject > h2{
	padding:0 40px 35px 35px;
	font-size:11pt;
}
#menu-area > .menu-area-center > .menu-main-subject > h1 > span{
	border-bottom:2px solid white;
	padding-bottom:15px;
}
#menu-area > .menu-area-center > .menu-main-content{
	width:1068px;
	height:100%;
	display:inline-block;
	vertical-align:top;
	background-color:white;
}
#menu-area > .menu-area-center > .menu-main-content > dl{
	width:185px;
	height:100%;
	display:inline-block;
	vertical-align:top;ㅁ
	position:relative;
	padding: 30px 25px 0 25px;
}
#menu-area > .menu-area-center > .menu-main-content > dl:hover{
	background-color:rgb(249, 248, 254);	
}
#menu-area > .menu-area-center > .menu-main-content > dl:not(:first-child){
	margin-left: 20px;
}

#menu-area > .menu-area-center > .menu-main-content > dl > dt{
	border-bottom:1px solid black;
	color:black;
	font-size:13pt;
	position:relative;
	overflow:hidden;
	z-index:3;
	cursor:pointer;
}
#menu-area > .menu-area-center > .menu-main-content > dl > dt.on{
	/*color:white;*/
}
#menu-area > .menu-area-center > .menu-main-content > dl > dt > div{
	padding:15px 15px 15px 30px;
}
#menu-area > .menu-area-center > .menu-main-content > dl > dt:before{
/*	content:'';position:absolute;bottom:0;left:-100%;width:100%;height:100%;background-color:rgb(0, 114, 187);transition: all .3s;z-index:-1;*/
}
#menu-area > .menu-area-center > .menu-main-content > dl > dt.on:before{
	left:0;
}
#menu-area > .menu-area-center > .menu-main-content > dl > dt:after{
    /*
	content: "∨";
	position:absolute;
	top:15px;
	right:10px;
	color:rgb(193 196 199);
	*/
}
#menu-area > .menu-area-center > .menu-main-content > dl > dt.on:after{
	/*color:white;*/
}
#menu-area > .menu-area-center > .menu-main-content > dl > dd{
	font-size:12pt;
	color:rgb(73, 74, 75);
	margin-top:10px;
	margin-bottom:10px;
	padding-left:15px;
	cursor:pointer;
	position:relative;
}
#menu-area > .menu-area-center > .menu-main-content > dl > dd.long_menu{
	font-size:11pt;
}
#menu-area > .menu-area-center > .menu-main-content > dl > dd:hover{
	color: #00a1e8;
}
#menu-area > .menu-area-center > .menu-main-content > dl > dd:hover > a{
	color: #00a1e8 !important;
}
#menu-area > .menu-area-center > .menu-main-content > dl > dd:before {
    /*content: ".";*/
    display: inline-block;
    height: 100%;
    overflow: hidden;
    padding: 0 5px;
    color: rgb(73, 74, 75);
}
/*메뉴새창링크*/
.new_site:after{
	content:'';
	background-image:url("../img_new/icon/new_window.png");	
	background-position:right top;
	background-repeat:no-repeat;
	position:absolute;
	width:21px;
	height:17px;
	top:4px;
	right:2px;
}
#menu-area > .menu-area-center > .menu-main-content > dl > dd:nth-child(2){
	margin-top:30px;
}
#menu-area > .menu-side{
	width:70%;
	height:100%;
	background-color:rgb(243, 244, 248);
	float:right;
}
.navBar > .sitemap{
	width: auto;
	/*max-height: 35px;*/
	min-height:78px;
	background-color:white;
	position:fixed;
	display:inline-block;
	left:0;
	right: 0;
	top: 0;
	bottom: 0;
	display:none;
	z-index: 5;
}
.navBar > .sitemap.on{
	display:inline-block;
}
.navBar > .sitemap > .site_top{
	width: 100%;
	text-align: center;
	background-color:#364666;
	height: 50px;
}
.navBar > .sitemap > .site_top > .site_top_area{
	width: 1400px;
	margin: 0 auto;
	text-align: center;
	font-size:20px;
	color:white;
	padding-top: 10px;
	position: relative;
}
.navBar > .sitemap > .site_area{
	width: 1400px;
	margin: 0 auto;
}
.sitemap  dl {
	text-align: right;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: inline-block !important;
	display: -webkit-flex;     /* NEW - Chrome */
	width:15%;
	margin-left: 20px;
	vertical-align:top;
}
.sitemap  dl  dt {
	border-bottom:1px solid rgb(57, 84, 129);
	width:100%;
	padding:12.5px 0;
	color:#333;
	text-align:center;
	margin-top:15px;
	font-size:14pt;
}
.sitemap  dl  dd{
	width:100%;
	padding:3px 0;
	cursor: pointer;
	vertical-align: top;
	text-align: left;
	font-size:10pt;
	color:#666;
	padding-left:10px;
}
.sitemap  dl.menu01  dd{
	/*color:#afe4f8;*/
}
.sitemap  dl.menu02  dd{
	/*color:#c4df9b;*/
}
.sitemap  dl  dd:before{
	display: inline-block;
	content: "-";
	width: 12px;
	height: 12px;
	font-size: 11pt;
	text-align: right;
}
.sitemap  dl  dd.sitemap_subtitle{
	font-weight:bold;
	font-size:12pt;
	color:#4760db;
	margin-top:15px;
}
.sitemap  dl  dd.sitemap_subtitle:before{
	display: inline-block;
	content: "";
	width: 2px;
	text-align: right;
}
.sitemap  .btn_close{
	background-image:url('../img_new/icon_close.png');
	background-size:100%;
	background-color:inherit;
	width:20px;
	height:20px;
	cursor:pointer;
	position:absolute;
	top:15px;
	right:15px;
}
.sitemap .btn_close_area img{
	position:absolute;
	bottom:15px;
	right:470px;
}
#navigation {
	width: 1400px;
	/*max-height: 35px;*/
	min-height:60px;
	display: inline-block;
	overflow: hidden;
	background-color:white;
}
#navigation > .mobile_menu{
	display:none;
}
#navigation > .main_logo_back > .main_logo{
	float:left;
	display:flex;
	width:21%;
}
.navigation > .main_logo_back > .main_logo > .login_info{
	display:none;
}
#navigation  .main_deps li.mobile_li{ 
	display:none;
}
#navigation > ul {
	width:100%;
	text-align: right;
	float:right;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	position: relative;
}
#navigation > ul > li {
	min-width:16%;
	padding:17px 0;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	float:left;
}
#navigation > ul > li > li{
	display:none;
}
/*#navigation>ul>li:not(:last-child)>span { padding-left: 10px; }*/
/*#navigation>ul>li:nth-child(1), #navigation>ul>li:nth-child(2) {  min-width: 105px;  }*/
#navigation > ul > li > span > a {
	color:black;
	font-size: 18px;
	font-weight: bold;
}

#navigation > ul > li > span:hover > a {
	color: #00a1e8;
}
#navigation > ul > li.active > span > a {
	color: #00a1e8;
}

#navigation > ul > li > a{
	display:none;
}
#navigation > ul > li > ul {
	height: 100%;
	margin: 30px 0 20px 0;
	display:none;
}
#navigation > ul > li > ul > li {  }
/*
#navigation > ul > li > ul > li:hover > a, #navigation > ul > li > ul > li > a:hover {
	color: #00a1e8 !important;
	font-weight: bold;
}
*/
#navigation > ul > li > ul > li:not(:first-child) {
	margin-top: 8px;
}
#navigation > ul > li > ul > li > a {
	display: inline-block;
	width: 100%;
	padding: 8px 0;
	font-size: 13px;
	word-break: break-word;
}
#navigation > ul > li > ul > li > a:before {
	display: inline-block;
	height: 100%;
	overflow: hidden;
	padding: 0 5px;
	color: #0054a6;
}
#navigation > ul > li > ul > li > a:hover {
	color: #00a1e8;
}
.m_navigation{
	display: none;
}

.container {
	width: 100%;
	min-height:250px;
}
.container.main{
	background:none;
}

.container .subhadder{
	width:100%;
	height:290px;
	overflow:hidden;
	display: none;
}
.container .subhadder .subimg{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	transform: scale(1);
	transition: transform 5000ms;
}
.container .subhadder  .subimg#subimg1{
	background-image:url("../img_new/sub/img8.jpg");	
}
.container .subhadder  .subimg#subimg2{
	background-image:url("../img_new/sub/img15.jpg");	
}
.container .subhadder  .subimg#subimg3{
	background-image:url("../img_new/sub/img10.jpg");	
}
.container .subhadder  .subimg#subimg4{
	background-image:url("../img_new/sub/img11.jpg");	
}
.container .subhadder  .subimg#subimg5{
	background-image:url("../img_new/sub/img12.jpg");	
}
.container .subhadder  .subimg#subimg6{
	background-image:url("../img_new/sub/img15.jpg");	
}
.container .subhadder  .subimg#subimg7{
	background-image:url("../img_new/sub/img14.jpg");	
}
/*
.container .subhadder  .subimg#subimg8{
	background-image:url("../img_new/sub/img8.jpg");	
}
*/
.container .sub-content{
	width:1400px;
	margin:0 auto;
	min-height:500px;
	position:relative;
}
.container > .content , .container > form > .content{
	width:1400px;
	margin:0 auto;
	padding-top:20px;
	border-collapse:separate;
	border-spacing:10px;
}
.container > .content2{
	text-align:center;
}
.content_search_mobile{
	display: none;
}

.container > .content3{
	width: 100%;
	margin-top: 20px;
	padding-bottom: 20px;
	text-align:center;
	background-color:#eee;
	background-image:url('../img_new/test.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
}
.container > .content3 > .subcon{
	width:1400px;
	margin:0 auto;
	text-align: left;
}
.content1 .bookinfo{
	width:467px;
	height:341px;
	display:inline-block;
	margin-right:15px;
	position:relative;
	background-image:url('../img_new/recomandationboo_kbg.png');
	text-align:center;
}
.bookinfo .bookinfo_slide{
	width:467px;
	height:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
.bookinfo .bookinfo_slide .bookinfo_slide_deps{
	width:100%;
	position:relative;
	margin-top:85px;
	margin-left:80px;
}

.new_book {
    position: absolute;
    left: 0px;
    top: -31px;
    width: 149px;
    height: 42px;
    background-image: url("../img_new/recomande_bg.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    text-align: center;
    color: white;
    font-size: 12pt;
    line-height: 50px;
	font-weight:bold;
	border:none;
	background-color:none;
	cursor:pointer;
}


.bookinfo .bookinfo_slide .bookinfo_slide_deps:after{
    content: "";
    position: absolute;
    left: -58px;
    top: 184px;
    width: 450px;
    height: 50px;
    background-image: url("../img_new/recomande_shelf.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}

.bookinfo-leftbtn {
    position: absolute;
    left: 50px;
    top: 160px;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    background-color: rgb(36, 41, 47);
    padding: 5px;
    color: white;
    font-weight: bold;
    text-align: center;
	cursor:pointer; 
}
.bookinfo-rightbtn {
    position: absolute;
    right: 50px;
    top: 160px;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    background-color: rgb(36, 41, 47);
    padding: 5px;
    color: white;
    font-weight: bold;
    text-align: center;
	cursor:pointer; 
}

.bookinfo ul{
	list-style:none;
}
.bookinfo ul li{
	margin-top:10px;
	float:left;
	text-align:center;
	position:relative;
}
.bookinfo ul.large_ul li{
	margin-left:50px;
}
.bookinfo ul.large_ul li img{
	transition: all ease 1s;
	cursor:pointer;
}
.bookinfo ul.large_ul li img:hover {
	transform: scale( 1.5 );
}
.bookinfo ul li.txt-li{
	width:24px;
	padding:15px 4px 0 4px;
	line-height:16px;
	background-image:url('../img_new/recomande_bookbg.png');
	font-size:11pt;
	height:160px;
	color:rgb(76, 76, 76);
	font-weight:bold;
	cursor:pointer;
	border-right:1px solid rgb(151,151,151);
}
.bookinfo ul li.txt-li:first-child{
	border-left:1px solid rgb(151,151,151);
}
.bookinfo ul li.img-li{
	background-color:white;
	height:175px;
	width:0;
	overflow:hidden;
	border-top:1px solid rgb(151,151,151);
	border-bottom:1px solid rgb(151,151,151);
	border-right:1px solid rgb(151,151,151);
}
.bookinfo ul li.img-li:nth-child(2){
	width:30%;
}
.bookinfo ul li div:first-child{
	margin-top:15px;
	/*margin-left:60px;*/
}
.bookinfo ul li div{
	margin-top:4px;
	font-size:9pt;
	font-weight:normal;
}
.bookinfo ul li div.img-div{
	height:122px;

}
.bookinfo ul li div span{
	font-size:10pt;
	font-weight:normal;
}
.bookinfo ul li .bookimg{
	height:100%;
	box-shadow:3px 3px 5px rgba(0, 0, 0, 0.8);

}
.bookinfo ul li .bookstate{
	position:absolute;
	top:-18px;
	left:15px;
}

.content1 .popupzone{
	width:750px;
	display:inline-block;
	height:400px;
	overflow:hidden;
	border-radius:40px 5px;
	position:relative;
}

#slideshow{
	overflow:hidden;
	height:100%;
	position:relative;
	width:100%;
}
#slideshow ul {position:relative;left:0px;top:0px;height:100%;}
#slideshow ul li{float:left;height:100%;background-repeat:no-repeat;background-size:100%;}
#slideshow ul li img{width:100%;}

.popupzone .popup-navi{
	width:100%;
	height:30px;
	position:absolute;
	bottom:0px;
	z-index:1;
}
.popupzone .popup-navi .popup-navi-background{
	background-color:#13235e;
	width:100%;
	height:100%;
	opacity:0.9;
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
}
.popupzone .popup-navi .popup-state{
	color:white;
	position:absolute;
	right:35px;
	top:5px;
	z-index:2;
}
.popupzone .popup-navi .popup-state span{
	color:rgb(255, 240, 0);
}
.popupzone .popup-navi .popup-state span#navi_totalcount{
	color:white;
}
.popupzone .popup-navi .popup-state button{
	width: 13px;
	height: 13px;
	background-color:none;
	border:none;
	position: relative;
	top: 2px;
	margin: 0 2px;
	cursor: pointer;
}
.popupzone .popup-navi .popup-state button.ico_move{
	background:url("../img_new/icon/pp_play.png");
	display: none;
}
.popupzone .popup-navi .popup-state button.ico_stop{
	background:url("../img_new/icon/pp_stop.png");
}
.popupzone .popup-navi .popup-state button.ico_left{
	background:url("../img_new/icon/pp_pre.png");
}
.popupzone .popup-navi .popup-state button.ico_right{
	background:url("../img_new/icon/pp_after.png");
}
.popupzone .popup-navi .popup-state a{
	color:white;
	margin-right:7px;
	border:1px solid white;
	padding:1px 3px 7px 4px;
	width:12px;
	height:12px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	border-radius:3px;
	font-family: "Malgun Gothic";
}
.popupzone .popup-navi  ul{
	list-style:none;
	margin-top:8px;
	margin-left:20px;
	z-index:10;
}
.popupzone .popup-navi ul li{
	width:40%;
	height:13px;
	margin-right:3px;
	display:inline-block;
	cursor:pointer;
	z-index:10;
	display: none;
}
.popupzone .popup-navi ul li.active{
	display: inline;
}
.popupzone .popup-navi ul li span{
	display: inline-block;
    position: relative;
	color:#eee;
	bottom: 3px;;
	color:white;
	font-weight: normal;
	font-size:14px;
}
.popupzone img{
	width:100%;
	height:100%;
	display:table-cell;
}
.content1 .buttonarea{
	width:600px;
	display:inline-block;
	height:400px;
	overflow:hidden;
	border-radius:0px;
	background-image:url("../img_new/mainbg03.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	margin-left: 30px;
}
.content1 .buttonarea .login_area{
	border-radius:30px;
	width: 70%;
	margin: 0 80px;
	background:linear-gradient( to right, rgb(74, 106, 217), rgb(115, 101, 236) );
	text-align: center;
	height: 40px;
	margin-top:17px;
}
.content1 .buttonarea .login_area ul{
	display: inline-block;
} 
.content1 .buttonarea .login_area ul li{
	display: inline-block;
	font-size:16px;
	color:white;
	padding-top: 8px;
}
.content1 .buttonarea .login_area ul li a{
	color:white;
	
}
.content1 .buttonarea .login_area ul li:first-child:after{
	content:"|";
	padding-left: 60px;
	padding-right: 60px;
	position: relative;
	bottom: 2px;
}
.content1 .buttonarea .id_pass_area {
	margin-top: 15px;
	text-align: right;
	padding-right: 120px;
	font-size:16px;
}
.content1 .buttonarea .id_pass_area ul li{
	display: inline-block;
	position: relative;
	font-size:14px;
	padding-left: 20px;
}
.content1 .buttonarea .id_pass_area ul li:before{
	content:"·";
	left:10px;
	position: absolute;
	top: -6px;
	font-size:24px;
}
.content1 .buttonarea .id_pass_area font:first-child{
	position: relative;
	padding-left: 20px;
}
.content1 .buttonarea .id_pass_area font:first-child:before{
	content:"·";
	left:10px;
	position: absolute;
	top: -8px;
	font-size:24px;
}
.main_btn_area{
	padding-left: 20px;
	text-align: center;
}
.main_btn_area ul {
	position: relative;
	margin-top: 25px;
	padding-right: 50px;
}
.main_btn_area ul li{
	cursor:pointer;
	list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 123px;
    height: 120px;
    margin: 10px 20px;
    border-radius: 170px;
	position: relative;
}
.main_btn_area ul li:hover{
	background-color:#eeeeeea1;
    transition: all 0.3s;
}
.main_btn_area ul li:hover .icon{  
-webkit-transform:scaleX(-1);
    -moz-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
}
.main_btn_area ul li .icon {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 53px;
    height: 53px;
    transition: all 0.3s;
}
.main_btn_area ul li.banner1 div{
    background: url("../img_new/quick01.png") no-repeat center center;
}
.main_btn_area ul li.banner2 div{
    background: url("../img_new/quick02.png") no-repeat center center;
}
.main_btn_area ul li.banner3 div{
    background: url("../img_new/quick03.png") no-repeat center center;
}
.main_btn_area ul li.banner4 div{
    background: url("../img_new/quick04.png") no-repeat center center;
	background-size:150%;
}
.main_btn_area ul li.banner5 div{
    background: url("../img_new/quick05.png") no-repeat center center;
}
.main_btn_area ul li.banner6 div{
    background: url("../img_new/quick06.png") no-repeat center center;
}
.main_btn_area ul li span {
    display: block;
    position: relative;
    z-index: 10;
    font-size: 15px;
    color: #666;
    padding-top: 10px;
    text-align: center;
    transition: all 0.3s;
}
/*
.buttonarea .main_btn_area ul {
	display:table-cell;
}
.buttonarea .main_btn_area ul li{
	width:96px;
	height:96px;
	display:inline-block;
	position:relative;
	margin:4px;
	background-color:white !important;
	border-radius:20px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	font-size:11pt;
	background-position:center 30%;
	background-repeat:no-repeat;
}
.buttonarea .main_btn_area ul li:hover div{
	color: #00a1e8;
}
*/
/*
.buttonarea ul li.white{
	background-color:white !important;
}
*/
.buttonarea ul li div{
	bottom:10px;
	width:100%;
}



.content2 .booksearch{
	background-color:white;
	border:3px solid #4b6ad9;
	width:550px;
	height:53px;
	margin:0 auto;
	border-radius:50px;
}

.booksearch .search-type{
	color:white;
	font-weight:bold;
	font-size:14pt;
	width:29%;
	height:100%;
	float:left;
	text-align:center;
}
.booksearch .search-type div{
	margin-top:25px;
}
.booksearch .search-area{
	width:75%;
	height:100%;
	display:inline-block;
	float:right;
	text-align:left;
	position: relative;
}
.booksearch .search-area img{
	position: absolute;
	top: -3px;
	right: -3px;
}
.booksearch .search-area input[type=text]{
	width:84%;
	height:100%;
	border:none;
	font-size:15px;
	display:inline-block;
	vertical-align:top;
}
.booksearch select{
	border: none;
	height: 30px;
	margin-top: 12px;
	font-size:15px;
}
.booksearch .search-area div{
	width:7%;
	text-align:center;
	cursor:pointer;
	padding-top:15px;
	display:inline-block;
	vertical-align:top;
}



.content3 .con3{
	background-color:white;
	display:inline-block;
	padding:25px 35px 35px 35px;
	height:370px;
	vertical-align:top;
	text-align: left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.content3 .con3:not(:first-child){
	margin-left:11px;
}
.con3 .subject{
	font-size: 15pt;
    padding-bottom: 5px;
    width: 100%;
    position: relative;
    /*border-bottom: 1px solid rgb(162,162,162);*/
    height: 30px;
	border-bottom:2px solid #666;
}
.con3 .subject ul li{
	display: inline-block;
	color:#aaa ;
	margin-right: 20px;
	cursor: pointer;
}
.con3 .subject ul li.active{
	color:#333 ;
}
.con3.notice .subject{
}
.con3.program .subject{
	color:#1b8a85;
}
.con3.lecture .subject{
	color:#605ca8;
}
.con3 .subject .more-button{
	position:absolute;
	top:4px;
	right:15px;
}
.con3 .subject.lecture-subject{
	padding:15px;
	width:auto;
	overflow:hidden;
}
.con3 .subject span{
	font-size: 11pt;
	color:#959595;
}
.content3 .notice{
	width:750px;
	background-repeat:repeat-x;
	border-radius:40px 5px;
}
.mainconetent{
	margin-top:30px;
	display: none;
	width: 100%;
}
.mainconetent.active{
	display: inline-block;
}
.mainconetent.program-mainconetent{
	margin-top:0;
	height:100%;
}
.mainconetent.lecture-mainconetent{
	margin-top:0;
	height:75%;
}

.maincon_sub_area{
	width: 610px;
	display: inline-block;
	margin-left: 30px;
}
.maincon_sub_area .maincon_sub{    
	background-color: white;
    display: inline-block;
    padding: 25px 35px 0 35px;
    height: 200px;
    vertical-align: top;
    text-align: left;
	width: 93%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 40px 5px;
	position: relative;
}

.maincon_sub_area .maincon_sub:last-child{
	height: 150px;
	margin-top: 20px;
}    


.maincon_sub_area .maincon_sub .subject {
    font-size: 15pt;
    padding-bottom: 5px;
    width: 100%;
    position: relative;
    /* border-bottom: 1px solid rgb(162,162,162); */
    height: 30px;
	color:#333;
    border-bottom: 2px solid #666;
	margin-bottom: 10px;
}
.maincon_sub_area .maincon_sub .subject_book {
    font-size: 15pt;
    padding-bottom: 5px;
    width: 100%;
    position: relative;
    /* border-bottom: 1px solid rgb(162,162,162); */
    height: 30px;
	color:#333;
	margin-bottom: 10px;
}
.maincon_sub_area .maincon_sub .subject_book span{
	font-size:16px;
}
.maincon_sub_area .maincon_sub .subject .more-button {
    position: absolute;
    top: 4px;
    right: 15px;
}
.maincon_sub_area .maincon_sub .date_area{
	display: inline-block;
	width: 180px;
	font-size:19px;
}
.maincon_sub_area .maincon_sub .date_area .btn_left, .maincon_sub_area .maincon_sub .date_area .btn_right{
	position: relative;
	top: 34px;
	cursor: pointer;
}
.maincon_sub_area .maincon_sub .date_area .btn_right img{
	width: 20px;
}
.maincon_sub_area .maincon_sub .date_area .btn_left img{
	width: 20px;
}
.maincon_sub_area .maincon_sub div{
	vertical-align: top;
	display: inline-block;
	color:#aaa;
}
.maincon_sub_area .maincon_sub .main_date {
    width: 110px;
    border-radius: 40px;
    text-align: center;
    /*
	\padding: 5px 20px;
    border: 3px solid #ddd;
	*/
	margin-top: 25px;
	color:#666;
}
.maincon_sub_area .maincon_sub .main_date span{
	font-size:18pt;
}

.maincon_sub_area .maincon_sub .holiday_area{
	width: 280px;
	height: 76px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.maincon_sub_area .maincon_sub .holiday_area .holiday_content{
	width: 200%;
	position: relative;
	left:0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.maincon_sub_area .maincon_sub .holiday_area .holiday_content .hol_block{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.maincon_sub_area .maincon_sub .holiday_rightbtn{
	width: 24px;
    height: 30px;
    background-image: url("../img_new/btn_right.png");
    position: absolute;
    top: 94px;
    right: 44px;
    cursor: pointer;
}
.maincon_sub_area .maincon_sub .holiday_leftbtn{
	width: 23px;
    height: 30px;
    background-image: url("../img_new/btn_left.png");
    position: absolute;
    top: 94px;
    left: 205px;
    cursor: pointer;
}


.maincon_sub_area .maincon_sub .holiday_area .hol{
	padding: 10px 5px 7px 5px;
    color: white;
    display: inline-block;
    margin-left: 17px;
    text-align: center;
    width: 27px;
    font-size: 13px;
    height: 20px;
    vertical-align: top;
    border-radius: 50px;
    background-color: rgb(118, 175, 255);
	margin-top: 1px;
}
.maincon_sub_area .maincon_sub .holiday_area .big_hol{
	padding: 15px 10px 12px 10px;
    color: white;
    display: inline-block;
    margin-left: 8px;
    text-align: center;
    width: 27px;
    font-size: 13px;
    height: 20px;
    vertical-align: top;
    border-radius: 50px;
    background-color: rgb(118, 175, 255);
	margin-top: 18px;
}


.maincon_sub_area .maincon_sub .holiday_sub{
	margin-top: 15px;
}
.maincon_sub_area .maincon_sub .holiday_sub dl dt , .maincon_sub_area .maincon_sub .holiday_sub dl dd{
	display: inline-block;	
	margin-right: 20px;
}
.maincon_sub_area .maincon_sub .holiday_sub dl dt{
	color:rgb(72, 101, 224);
	border:1px solid rgb(72, 101, 224);
	border-radius:2px;
	padding: 5px 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.maincon_sub_area .maincon_sub .holiday_sub dl dd{
	margin-right: 10px;
	color:#555;
}


.maincon_sub_area .maincon_sub ul li{
	display: inline-block;
	position: relative;
	padding-left: 80px;
	height: 65px;
	padding-right: 20px;
	margin-right:15px;
	border-right:1px dashed #eee;
}
.maincon_sub_area .maincon_sub ul li:last-child{
	border-right:none;
}
.maincon_sub_area .maincon_sub ul li:before{
	content:" ";
	position: absolute;
	width: 65px;
	height: 65px;
	left: 0;
}
.maincon_sub_area .maincon_sub ul li p.book_sub{
	font-size:14px;
	margin-top: 6px;
	color:#383838;
}
.maincon_sub_area .maincon_sub ul li div.book_con{
	font-size: 17px;
	font-weight: bold;
	color:#666;
}
.maincon_sub_area .maincon_sub ul li.icon1:before{
	background-image:url("../img_new/booksituation_01.gif");
}
.maincon_sub_area .maincon_sub ul li.icon2:before{
	background-image:url("../img_new/booksituation_02.gif");
}

.maincon_sub_area .maincon_sub ul li.icon3:before{
	background-image:url("../img_new/booksituation_03.gif");
}




.notice .first_notice{
	position: relative;
	padding-left: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	height: 50px;
	padding-top: 15px;
	margin-bottom: 20px;
	line-height: 20px;
}
.notice .first_notice:before{
	content:" ";
	position: absolute;
	width: 50px;
	top: 0;
	left: 0;
	height: 50px;
	background-image:url("../img_new/icon/icon_allam.gif");
	background-repeat:no-repeat;
	background-position:center;
}
.notice .first_notice.release_con:before{
	background-image:url("../img_new/icon/icon_allam02.gif");
}
.notice .first_notice.news_con:before{
	background-image:url("../img_new/icon/icon_allam03.gif");
}
.notice .first_notice dl dt{
	font-size:16px;
	display: inline-block;
}
.notice .first_notice dl dd{
	display: inline-block;
	position: absolute;
	right: 0;
}
.notice .mainconetent ul li{
	position:relative;
}
.notice .mainconetent ul li{
	border-top:1px solid #eee;
}
.notice .mainconetent ul li div{
    position:absolute;
	right:0;
	top:6px;
	color:rgb(120,120,120);
}
.notice .mainconetent ul li a{
    display: inline-block;
    padding: 7px 0;
    font-size: 14px;
    word-break: break-word;
}
.notice .mainconetent ul li a:before{
	background: url('../img_new/dot1.png') no-repeat 0px 0px;  
    content: "";
    display: inline-block;
    height: 8px;
    width: 10px;    
    margin: 0 3px 0 8px;
}

.content3 .program{
	width:515px;
	background-image:url("../img_new/main_bg2.jpg");
	background-repeat:repeat-x;
}
.program .program-category{
	width:20%;
	display:inline-block;
	vertical-align:top;
	height:100%;
}
.program .program-category ul{
	margin-top:30px;
}
.program .program-category ul li{
	width:100%;
	border:2px solid rgb(0, 114, 187);
	border-radius:15px;
	text-align:center;
	font-weight:bold;
	padding:4px;
	margin-top:5px;
}
.program .program-category ul li.active{
	color:white;
	background-color:rgba(0, 38, 74, 1);
	border:2px solid rgb(0, 38, 74);
}
.program .program-content{
	width:100%;
	display:inline-block;
	height:100%;
	vertical-align:top;
	position:relative;
}
.program .program-content .dashed-line{
	border-left:1px dashed rgb(162, 162, 162);
	height:52%;
	width:1px;
	position:absolute;
	left:25px;
	top:55px;
}
.program .program-content dl{
	display:inline-block;
	width:32%;
	margin-top:30px;
	margin-left:5px;
	cursor:pointer;
}
.program .program-content dl.first{
	margin-left:0px;
}
.program .program-content dl dt{
	font-weight:bold;
	font-size:12pt;
	margin-bottom:15px;
	color:rgb(82, 149, 207);
}
.program .program-content dl dd{
	margin-top:7px;
	font-size:14px;
}
.program .program-content dl dd:last-child{
/*
	text-align:right;
	margin-top:30px;
	padding-right:25px;
*/
}
.program .program-content dl dd:before{
    content: ".";
    display: inline-block;
    height: 100%;
    overflow: hidden;
    padding: 0 5px;
    color: rgb(73, 74, 75);
}
.program .program-content dl dd.date:not(:last-child):before{
	content:"";
}


.book_lat {position:relative;margin-bottom:30px;background:#fff;width: 100%;float: left;}
.book_lat  .book_ov{
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}

.content4 .con4 .subject{
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
	position: relative;
	border-bottom:1px solid #eee;
}
.content4 .con4 .subject ul li{
	display: inline-block;
	vertical-align: top;
	width: 100px;
	text-align: center;
	padding: 10px 20px;
	border-radius:35px;
	border:1px solid rgb(175, 187, 240);
	font-size:16px;
	color:#999;
	margin-left: 10px;
}
.content4 .con4 .subject ul li.active{
	color:white;
	background:linear-gradient( to right, rgb(74, 106, 217), rgb(115, 101, 236) )
}

.book_lat .book_lat_title {display:block;line-height:45px;font-size:1.6em;color:#000;border-bottom:1px solid #bbb;font-weight: normal;}
.book_lat .book_lat_title b{margin-left:20px;margin-right:20px;position: relative;bottom: 2px;color:#aaa;font-weight: 200;}
.book_lat .book_lat_title span {color:#aaa;display:inline-block;cursor:pointer;}
.book_lat .book_lat_title span.active {font-weight: 700;color:#000;}

.book_lat ul {padding:10px 0;display:none;width: 201%;}
.book_lat ul.active {display:block;}
.book_lat li {line-height:18px;margin-bottom:10px;width:249px;display: inline-block;position: relative;vertical-align: top;overflow: hidden;}
.book_lat li .ca_name{
	position: absolute;
	top: 8px;
	left: 33px;
}
.book_lat li a {line-height:24px;font-weight:700;font-size:1.1em;line-height:27px;vertical-align:top;padding: 0;}
.book_lat li a img{
    display: block;
    margin: 0 auto;
    margin-top: 8px;
    width: 150px;
    height: 220px;
}
.book_lat li a span {
    display: block;
    position: relative;
    font-weight: 500;
	font-family: 'Montserrat','notokrm', sans-serif;
    z-index: 10;
    color: #555;
    padding-top: 15px;
    text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.book_lat .btn_book_left{
	position: absolute;
	top: 95px;
	left: 25px;
	cursor: pointer;
}
.book_lat .btn_book_right{
	position: absolute;
	top: 95px;
	right: 25px;
	cursor: pointer;
}


.content3 .lecture{
	width:325px;
	height:316px;
	padding-left:35px;
	padding-right:35px;
	padding-bottom:0;
	background-image:url("../img_new/main_bg3.jpg");
	background-repeat:repeat-x;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.lecture .mainconetent img{
	width:100%;
	height:100%;
}


.content4 .siteguide{
	height:85px;
	width:100%;
}


.container > .content5 {
    width: 100%;
	height: 300px;
    text-align: center;
    background-image: url(../img_new/bg_majorservice.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
	color:white;
}
.container > .content5 dl{
	margin-top: 35px;
	line-height: 35px;
}
.container > .content5 dl dt{
	font-size:20px;
}
.container > .content5 dl dd{
	font-size:18px;
	color:rgb(134 144 207);
}

.bottom_btn_area ul {
	position: relative;
}
.bottom_btn_area ul li{
	list-style: none;
    display: inline-block;
    vertical-align: top;
    width: 150px;
    height: 150px;
    margin: 20px 30px;
    border-radius: 170px;
	position: relative;
	cursor: pointer;
}
.bottom_btn_area ul li:hover{
    transition: all 0.3s;
}
.bottom_btn_area ul li .back{
	
	-webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
	
	width: 100%;
	height: 100%;
    border-radius: 170px;
	position: absolute;
	z-index: 1;
}
.bottom_btn_area ul li:hover .back{
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    transition: all 0.3s;
	z-index: 1;
}  
.bottom_btn_area ul li:hover .icon{  
}
.bottom_btn_area ul li .icon {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    width: 90px;
    height: 75px;
    transition: all 0.3s;
	z-index: 10;
	position: relative;
}
.bottom_btn_area ul li span {
	z-index: 10;
	font-size:14px;
	position: relative;
	top: 15px;
	color:white;
}
.bottom_btn_area ul li.banner1 div.back{
    background: url("../img_new/majorservice01_over.png") no-repeat center center;
}
.bottom_btn_area ul li.banner2 div.back{
    background: url("../img_new/majorservice02_over.png") no-repeat center center;
}
.bottom_btn_area ul li.banner3 div.back{
    background: url("../img_new/majorservice03_over.png") no-repeat center center;
}
.bottom_btn_area ul li.banner4 div.back{
    background: url("../img_new/majorservice04_over.png") no-repeat center center;
}
.bottom_btn_area ul li.banner5 div.back{
    background: url("../img_new/majorservice05_over.png") no-repeat center center;
}
.bottom_btn_area ul li.banner6 div.back{
    background: url("../img_new/majorservice06_over.png") no-repeat center center;
}
.bottom_btn_area ul li.banner7 div.back{
    background: url("../img_new/majorservice07_over.png") no-repeat center center;
}

.bottom_btn_area ul li.banner1 div.icon{
    background: url("../img_new/majorservice01.png") no-repeat center center;
}
.bottom_btn_area ul li.banner2 div.icon{
    background: url("../img_new/majorservice02.png") no-repeat center center;
}
.bottom_btn_area ul li.banner3 div.icon{
    background: url("../img_new/majorservice03.png") no-repeat center center;
}
.bottom_btn_area ul li.banner4 div.icon{
    background: url("../img_new/majorservice04.png") no-repeat center center;
}
.bottom_btn_area ul li.banner5 div.icon{
    background: url("../img_new/majorservice05.png") no-repeat center center;
}
.bottom_btn_area ul li.banner6 div.icon{
    background: url("../img_new/majorservice06.png") no-repeat center center;
}
.bottom_btn_area ul li.banner7 div.icon{
    background: url("../img_new/majorservice07.png") no-repeat center center;
}


.siteguide div{
	width:20%;
	height:100%;
	color:white;
	display:inline-block;
    vertical-align: middle;
	text-align:center;
	font-size:15pt;
	font-weight:bold;
	line-height:85px;
	cursor:pointer;
}
.siteguide div.pattern1{
	background-image:url('../img_new/mbtn_bg1.gif');
}
.siteguide div.pattern2{
	background-image:url('../img_new/mbtn_bg2.gif');
}
.btn-move{
	height: 24px;
    line-height: 25px;
    text-align: center;
	border:1px solid #67686a;
    color: #c1c6d1;
    text-decoration: none !important;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
	outline:0;
	padding:6px 10px;
	font-size:12pt;
	margin-bottom:5px;
	position: relative;
	right: 4px;
	border-left:none;
}
.btn-rightblue{
	height: 26px;
    line-height: 15px;
    text-align: center;
    background: #1b7ece;
    color: #fff;
    text-decoration: none !important;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
	border:0;
	outline:0;
	padding:5px 10px;
}
.unvisible-area{
	height:190px;
}

.tail{
	width:100%;
	min-width:1400px;
	background-color:rgb(45, 47, 70);
	height:170px;
	text-align:center;
	display:inline-block;
}
.tail .tail-location{
	width:1400px;	
	padding:40px 0 0 0;
	margin:0 auto;
	height:45px;
	border-bottom:1px solid rgb(75, 78, 87);
	position: relative;
}
.tail .tail-location .information-policy{
float:left;
}
.tail .tail-location .information-policy ul li{
	display:inline-block;
	color:#999;
	cursor:pointer;
	font-size:12pt;
}
.tail .tail-location .information-policy ul li a{
	color:#999
}
.tail .tail-location .information-policy ul li:first-child{
	color:rgb(247, 148, 29);
}
.tail .tail-location .information-policy ul li:not(:first-child):before{
	content: "|";
    display: inline-block;
    height: 10px;
    width: 20px;    
    margin: 0 10px;
	text-align:center;
}
.tail .tail-location .location-move{
	font-size:12pt;
	position: absolute;
	right: 0;
	top: 33px;
}
.tail .tail-location .location-move select{
	padding:5px;
	background-color:rgb(45, 47, 70);
	border:1px solid #67686a;
	color:#c1c6d1;
}
.tail .tail-location .location-move select option{
	color:#c1c6d1;
}

.tail .tail-location .location-move select#pavilion1{
	margin-left:25px;
}
.tail .tail-siteguide{
	width:1400px;	
	margin:15px auto 0 auto;
	color:#7b7b83;
	text-align:left;
	font-size:11pt;
}
.tail .tail-siteguide .tail_img{
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
}
.tail .tail-siteguide .tail_copyright{
	display: inline-block;
	vertical-align: top;
}
.tail .tail-siteguide .copyright{
	margin-top: 5px;
	font-size:12px
}



@media (min-width: 1200px) {

}
@media (max-width: 490px) {
}
@media (max-width: 444px) {
	.reservation {
		height: auto;
		padding-bottom: 20px;
	}
}


.event_check:before{
	/*background: url('../img_new/user.png') no-repeat 0px 0px;  */
    content: "";
    display: inline-block;
    height: 22px;
    width: 25px;
	position:relative;
	top:5px;
    margin: 0 3px 0 8px;
}
.event_check span{
	color:rgb(65, 177, 79);
	text-decoration:underline;
}

.ico{
	background-image:url('../img_new/img_weather_170628.png');
	background-repeat:no-repeat;
	display:inline-block;
	width:60px;
	height:60px;
	position:relative;
	top:22px;
}
.ico.ico-C{
	background-position:-208px -240px;
	width:25px;
	height:20px;
	
}
.ico.ico-sunny{
	background-position:0px 0px;
}
.ico.ico-mostly-cloudy{
	background-position:0px -60px;
}
.ico.ico-mostly-cloudy-many{
	background-position:-120px -60px;
}
.ico.ico-mostly-cloudy-rain{
	background-position:-60px -120px;
}
.ico.ico-rain-snow{
	background-position:0px -180px;
}
.ico.ico-cloudy-snow{
	background-position:-180px -180px;
}
.ico.ico-mostly{
	background-position:-120px -60px;
}
.ico.ico-rain{
	background-position:-180px -60px;
}
.ico.ico-snow{
	background-position:-180px -120px;
}
/*
sunny
mostly_cloudy
mostly_cloudy_many
mostly_cloudy_rain
rain_snow
cloudy_snow
mostly
rain
snow
*/

.ico-1{
	background-image:url("../img_new/icon/quick_icon1.gif");
}
.ico-2{
	background-image:url("../img_new/icon/quick_icon2.gif");
}
.ico-3{
	background-image:url("../img_new/icon/quick_icon3.gif");
}
.ico-4{
	background-image:url("../img_new/icon/quick_icon4.gif");
}
.ico-5{
	background-image:url("../img_new/icon/quick_icon5.gif");
}
.ico-6{
	background-image:url("../img_new/icon/quick_icon6.gif");
}
.ico-7{
	background-image:url("../img_new/icon/quick_icon7.gif");
}
.ico-8{
	background-image:url("../img_new/icon/quick_icon8.gif");
}
.ico-9{
	background-image:url("../img_new/icon/quick_icon9.gif");
}


.air{
	display:inline-block;
	padding:4px 8px;
	border-radius:25px;
	color:white;
	font-weight:normal;
	font-size:10pt;
}

.air.air-good{
	background-color:rgb(50, 161, 255);
}
.air.air-normal{
	background-color:rgb(0, 199, 60);
}
.air.air-bad{
	background-color:rgb(253, 155, 90);
}
.air.air-verybad{
	background-color:rgb(255, 89, 89);
}


.site-guide{
	width:173px;
	height:173px;
	position:fixed;
	right:150px;
	background-image:url('../img_new/icon/firstvisit.png');
}


/*왼쪽메뉴*/
#lnb1{position:relative;top:-30px;width:240px;display:inline-block;}
#lnb1 #lnb{width:100%;min-height:100px;position:relative;right:1px;}
#lnb1 #leftmenu_title{position:relative;height:100px;font-size:20pt;letter-spacing:0px;font-weight:bold;color:white;background-color:rgb(57, 95, 204);text-align:right;margin-top: 40px;margin-bottom: 10px;display:flex;align-items: center;justify-content: center;}
#lnb1 #leftmenu_title p{font-size:12px;}
#lnb1 ul .menu{overflow:hidden;width:100%;position:relative;margin-bottom: 3px;border:1px solid rgb(238, 239, 243);}
#lnb1 ul .menu .more{display:none;}
#lnb1 ul .menu .more.hide{display:inline;position:absolute;right:60px;top:9px;font-size:16px;color:rgba(112, 112, 112, 1);}
#lnb1 ul.lnb li.menu a h3{position:relative;padding-top:15px;padding-left:10px;padding-bottom:10px;font-size:13pt;}
#lnb1 ul li.menu img.side_plus{position:relative;float:right;top:20px;right:15px;}
#lnb1 div.head_line{border-bottom:2px solid rgb(0,168,231)}
#lnb1 div.menu_line{border-bottom:1px solid rgb(220,220,220);display: none;}
#lnb1 li .sub_maintitle{background-color:white;}
#lnb1 li .sub_maintitle.current{background-color:rgba(51, 51, 51, 1);}
#lnb1 li.current h3{font-weight:700 !important;color:white;}
#lnb1 li.menu  > .sub_maintitle > a > h3{position:relative;padding-top:15px;padding-left:25px;padding-bottom:15px;font-size:11pt;color:rgba(112, 112, 112, 1)}
#lnb1 li.menu  > .sub_maintitle.current > a > h3{color:white;}
#lnb1 li.current > .sub_maintitle > a > h3{color:white;}
#lnb1 li.menu  > .sub_maintitle > a > h3 > span{}
#lnb1 ul ul li.first{position:relative;padding-top:25px;}
#lnb1 ul ul li{height:25px;font-size:11pt;position:relative;margin-top:0px;background:url("../../../images/sub/icon_bullet.gif") no-repeat 0 7px;padding-left:30px;padding-top:5px;}
#lnb1 ul ul li ul li{position:relative;margin-top:10px;margin-left:0;background:none;padding-left:0;}
#lnb1 ul ul li ul li a{color:#666;}
#lnb1 .hide{display:none;}
#lnb1 li.menu>a{height:46px;}

#lnb1 ul.sidemenu{padding-bottom:20px;border-top:1px solid rgb(238, 239, 243);}
#lnb1 ul.sidemenu.current{border-left:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;border-right:1px solid #b7b7b7;}
#lnb1 ul.sidemenu li a{color:rgba(124, 125, 127, 1); }
#lnb1 ul.sidemenu li a.current{;color:rgb(85, 120, 160);}


#maincon{
	display:inline-block;
	vertical-align:top;
	width:1090px;
	float:right;
}


#maincon #con_location1 {
	margin-bottom: 0px;
}
#maincon #con_location1 .con_local{
	width: 100%;
	height: 80px;
	text-align:right;
	margin-top:15px;
	padding-bottom:14px;
	font-size:11pt;
	border-bottom:1px solid rgb(205, 205, 205);
	/*margin-bottom:40px;*/
}
#maincon #con_location1 .con_local .current_title{
	text-align: left;
	margin-top: 15px;
	color:#888;
}
#maincon #con_location1 .con_local .current_title .home img{
	padding-bottom: 4px;
}
#maincon #con_location1 .con_local .current_title .current{
	color:rgb(56, 94, 202);
}

.main_title{
	font-size: 24pt;
    text-align: left;
    color: #4c4c4c;
    font-weight: bold;
}
/*
.main_title:before{
    content: "";
    display: inline-block;
    height: 17px;
    width: 17px;    
}
*/

.s_content {
    font-size: 14px;
    line-height: 25px;
    color: rgb(95,95,95);
}
.s_content ul {
    float: left;
    margin-right: 100px;
}

.subbox{
	width:100%;
	position:relative;
	display: flex;
	margin-top: 16px;
	padding-bottom:60px;
	min-height:250px;
}

.subbox .productDescription{
	min-height:350px;
}

.subbox table{
	width:100%;
	border-top:2px solid rgb(91, 108, 121);
	margin-top: 15px;
}
.subbox table tr th , .subbox table tr td{
	border-bottom:1px solid rgb(229, 229, 229);
	padding:10px 15px;
	font-size:14px;
} 
.subbox table tr th{
	/*background-color:rgb(241, 244, 249);*/
	font-weight:bold;
	text-align: center;
	border-bottom:1px solid #726f6f;
}
.subbox table tr th:not(:first-child){
	/*border-left:1px dashed rgb(229, 229, 229);*/
}
.subbox table tr td:not(:first-child){
	/*border-left:1px solid rgb(229, 229, 229);*/
	text-align: left;
}
.subbox table tr td.row_border{
	/*border-left:1px solid rgb(229, 229, 229);*/
}
.subbox table.view_table tr th:not(:first-child){
	border-left:none;
}
.subbox table.view_table tr td:not(:first-child){
	border-left:none;
}
.subbox .q_center{
	width:100%;
	text-align:left;
	display:flex;
}
.subbox .q_left{
	width:25%;
	display:block;
}
.subbox .q_right{
	width:50%;
	padding-right:0;
	display:block;
}
.subbox  .q_content{
	width:100%;
}

.q_content img, .q_content iframe{
	max-width:100%;
}
.subbox .q_content.unvisible{
	display:none;
}
.subbox dl{
	margin-top:25px;
	font-size:12pt;
	line-height:27px;
	margin-bottom: 0;
}
.subbox dl dt:not(.sub_title):before{
	background: url('../img_new/sub/h2.png') no-repeat 0px 0px;  
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;    
    margin: 0 3px 0 8px;
}
.subbox dl dt.sub_title:before{
	background: url('../img_new/sub/title_ring.png') no-repeat 0px 0px;  
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;    
	position:relative;
	top:2px;
	margin-right: 5px;
	right:5px;
}
.subbox dl dt{
	font-size:14pt;
	font-weight:bold;
	color:#626262;
}
.subbox dl dt.sub_title{
	font-size:16pt;
	color:rgb(64, 91, 141);
	margin:30px 0 15px 0;
}
.subbox dl dd{
	padding-left:10px;
	line-height:30px;
}
.subbox dl dd.book_circle{
	font-weight:bold;
	color:#9e0b0f;
}
.subbox dl dd.title_dd{
	font-weight: bold;
}
.subbox dl dd.sub_dd{
	padding-left:30px;
}
.subbox dl dd.dot_dd:before{
	background: url('../img_new/sub/h4.gif') no-repeat 0px 0px;  
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;    
	position:relative;
	top:3px;
	right:0px;
}
.subbox dl dd.center_dd{
	text-align:center;
}
.subbox .btn {
	border-radius: 8px;
    display: inline-block;
    padding: 5px 20px;
    border: 0;
    background-color: #5cc6d6;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
	line-height:30px;
}
.subbox .btn_shape {
    display: inline-block;
    padding: 0px 10px;
    border: 0;
    background-color:rgb(253, 127, 131);
    font-size: 14px;
    color: #fff;
	line-height:25px;
	width:50px;
}
.subbox .btn_red {
    background-color: #d65c5c; 
    color: #fff; 
}
.subbox .btn_ornage {
    background-color: rgb(247, 148, 29); 
    color: #fff; 
}
.subbox .btn_green {
    background-color: #76d65c; 
    color: #fff; 
}
.subbox .btn_blue {
    background-color: rgb(67, 135, 220); 
    color: #fff; 
}
.subbox .btn_gray{
    background-color: rgb(76, 113, 155); 
    color: #fff; 
}

.subbox .btn_gray{
    background-color:rgb(149, 149, 149);
}
.subbox .btn_white{
    background-color:white;
    color: rgb(149, 149, 149);
	border:1px solid rgb(149, 149, 149);
}

.gearbtn{
	background-color:#76afff;
	color:white;
	padding:5px 12px;
	border-radius:5px;
	margin-right:5px;
	cursor:pointer;
	margin-left:5px;
	display: flex; align-items: center; justify-content: center; height: 38px; font-size: 1.271em; margin-top: 15px;
}

.sub_infomation{
	width:100%;
	padding:25px;
	margin-top:70px;
	margin-bottom:15px;
	background-color:rgb(250, 250, 250);
	
	-webkit-transition: max-height 0.5s ease;
	-moz-transition: max-height 0.5s ease;
	-o-transition: max-height 0.5s ease;
	-ms-transition: max-height 0.5s ease;
	transition: max-height 0.5s ease;
	border:2px solid rgb(244, 245, 249);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

}
.sub_infomation > dl{
	margin-top:0;
	font-size:12pt;
}
.sub_infomation > dl > dt{
	font-size:12pt;
	color:#545454;
}
.sub_infomation > dl > dt.division:before{
    content: "";
    display: inline-block;
    height: 22px !important;;
    width: 22px !important;    
	position:relative;
	top:3px;
	right:5px;	
}
/*
.sub_infomation > dl > dt:after{
	content:"|";
	position:relative;
	bottom:2px;
	margin-left:20px;
}
*/
.sub_infomation > dl > dt.division:before{
	background-image:url('../img_new/icon/charge_01.png');
}
.sub_infomation > dl > dt.admin:before{
	background:none;
	content:none;
	/*background-image:url('../img_new/icon/charge_02.png');*/
}
.sub_infomation > dl > dt.call:before{
	background:none;
	content:none;
	/*background-image:url('../img_new/icon/charge_03.png');*/
}
.sub_infomation > dl > dt.call{
}
.sub_infomation > dl > dd.dd_print{
	float:right;
	display: none;
}
.sub_infomation > dl > dd.dd_print button{
	
	position:relative;
	top:3px;
	margin-left:15px;
}
.sub_infomation > dl > dd{
	margin-right:15px;
}
.sub_infomation > dl > dt, .sub_infomation > dl > dd{
	display:inline-block;
}


.icon-bar {    
	background-color: rgb(54, 56, 81);
    margin-top: 0px;
    display: block;
    width: 5px;
    height: 5px;
    margin-left: 4px;
    border-radius: 1px;
    display: inline-block;

}
.icon-X {
	font-size:20pt;
	color:rgb(54, 56, 81);
	position: relative;
	bottom: 3px;
}
.mobile_btn{
	width: 30px;
	height: 30px;
	border: none;
	margin: 17px 0 0 70px;
	background-color: white;
	cursor: pointer;
	font-size:0;
	color:white;
	font-weight:bold;
	position: absolute;
	right: 0;
	line-height: 7px;
}
.mobile_btn .icon-bar{
	background-color: rgb(41, 62, 107);
}
.mobileNavToggle {
	width: 30px;
	height: 30px;
	border: none;
	margin: 17px 0 0 70px;
	background-color: white;
	cursor: pointer;
	font-size:0;
	color:white;
	font-weight:bold;
	position: absolute;
	right: 0;
	line-height: 7px;
}


.inlineMenu {
	margin-top: 40px;
	margin-bottom:20px;
}
.inlineMenu > ul {
	font-size:0;
}
.inlineMenu > ul > li {
	display: inline-block;
	border: 1px solid rgb(76, 113, 155);
	border-left: 1px solid #e9e9e9;
	background-color: rgb(76, 113, 155);
	color: #ffffff;
	cursor: pointer;
	font-size:16px;
	margin-top:10px;
}
.inlineMenu > ul > li.active {
	margin-top:0;
	border: 1px solid rgb(76, 113, 155);
	/*background-color: #37363c;*/
	background-color: #ffffff;
	color: rgb(76, 113, 155);
	border-bottom:none;
	margin-top:0;
}
.inlineMenu > ul > li > a {
	display: block;
	padding: 10px 30px;
	height: 100%;
	color: #ffffff;
	text-decoration:none;
}
.inlineMenu > ul > li.active > a {
	padding-top:20px;
	color: rgb(76, 113, 155);
}


.subMenu {
	margin-top: 40px;
	margin-bottom:20px;
}
.subMenu > ul {
	font-size:0;
}
.subMenu > ul > li {
	display: inline-block;
	padding: 4px 30px;
	cursor: pointer;
	font-size:16px;
	border: 1px solid rgb(137, 161, 187);
	/*background-color: #37363c;*/
	background-color: #ffffff;
	color: rgb(137, 161, 187);
}
.subMenu > ul > li.active {
	margin-top:0;
	border: 1px solid rgb(137, 161, 187);
	border-left: 1px solid #e9e9e9;
	background-color: rgb(137, 161, 187);
	color: #ffffff;
}
.subMenu > ul > li > a {
	display: block;
	height: 100%;
	color: #ffffff;
}
/*도서관소개*/
.hi_library{
	/*background-image:url('../img_new/sub/welcome_jlib.png');*/
	text-align:left;
	width:100%;
	height:135px;
	margin-bottom:50px;
}
.welcome_ceo{
	background-image:url('../img_new/sub/welcome_lib.gif');
	background-position:right bottom;
	background-repeat:no-repeat;
	min-height:650px;
}
.mobile_img{
	display:none;
}
.hi_library .hi_title{
	position:absolute;
	top:25px;
	/*left:75px;*/
	line-height:40px;
}
.hi_library .hi_title .eng_title{
	font-size:20pt;
	color:rgb(56, 53, 50);
	padding-left:15px;
}
.hi_library .hi_title .kor_title{
	font-size:26pt;
	margin-top:25px;
	color:rgb(43, 121, 215);
	padding-left:15px;
}
.years{
	margin-top:30px;
	width:100%;	
	min-height:1200px;
}
.years ul{
	display:inline-block;
	float:left;
	width:32%;
	border-top:1px solid rgb(231, 231, 231);
	height:400px;
	vertical-align:top;
	position:relative;
	padding:5px;
}
.years ul:before{
	content:'';
	position:absolute;
	left:0;
	top:-5px;
	width:15px;
	height:15px;
	background-image:url("../img_new/sub/history_2.png");
	background-position:left top;
	background-repeat:no-repeat;
}
.years ul.first_top:before{
	background-image:url("../img_new/sub/history_1.png");
	height:20px;
	top:-9px;
}
.years ul.third_top{
	border-right:1px solid rgb(231, 231, 231);
}
.years ul.first_middle{
	border-left:1px solid rgb(231, 231, 231);
}
.years ul.last:after{
	content:'';
	background-image:url("../img_new/sub/history_3.png");	
	background-position:right top;
	background-repeat:no-repeat;
	position:absolute;
	width:15px;
	height:20px;
	top:-9px;
	right:0;
}
.years ul li{
	margin-top:8px;
	width:100%;
	font-size:9pt;
}
.years ul li.year_title{
	margin-top:15px;
	color:rgb(45, 119, 214);
	font-size:25pt;
}
.years ul li span{
	color:rgb(45, 119, 214);
	margin-right:8px;
}

.vision{
	margin-top:40px;
	width:100%;
	height:815px;
	background-image:url("../img_new/sub/vision_bg.png"),url("../img_new/sub/vision_bg.png");	
	background-position:center 250px,center 545px;
	background-repeat:no-repeat,no-repeat;
}
.vision ul li{
	text-align:center;
}
.vision ul li div.main_circle{
	width:220px;
	height:220px;
	border-radius:220px;
	text-align:center;
	margin:0 auto;
	vertical-align:center;
	background-color:rgb(87, 122, 162);
	/*
	background-image:url("../img_new/sub/vision_gr.png");
	background-position:center;
	background-repeat:no-repeat;
	*/
	display:flex;
	align-items: center;
	justify-content: center;
}
.vision ul li div.main_circle dl dd{
	font-size:14pt;
	color:white;
	padding-left:0;
}
.vision ul li div.goal{
	width:80px;
	border:4px solid rgb(194, 194, 194);
	border-radius:35px;
	padding:10px 30px;
	background-color:white;
	display:inline-block;
	color:rgb(124, 124, 124);
	font-weight:bold;
	margin-top:70px;
	font-size:14pt;
}
.vision ul li.goal_sub{
	display:flex;
	margin:0 auto;
	width:80%;
	margin-top:15px;
	background-image:url("../img_new/sub/l_1px.png");
	background-repeat:repeat-x;
	background-position:center;
}
.vision ul li.goal_sub div.sub_circle{
	width:150px;
	height:150px;
	background-color:rgb(43, 110, 188);
	display:flex;
	border-radius:150px;
	color:white;
	float:left;
	align-items: center;
	justify-content: center;
}
.vision ul li.goal_sub div.sub_circle dl{
	margin:0;
}
.vision ul li.goal_sub div.sub_circle dl dd{
	padding:0;
	font-size:13pt;
}
.vision ul li.goal_sub div.sub_circle:not(:last-child){
	margin-right:96px;
}
ul.vision_sub_title{
	margin-top:10px;
	height:105px;
}
ul.vision_sub_title li{
	text-align:center;
	background-color:#42558b;
	color:white;
	display:flex;
	float:left;
	align-items: center;
	justify-content: center;
	vertical-align:top;
	width:22.92%;
	height:45px;
	padding:30px 10px;
	margin-right:1px;
	font-size:14pt;
}

ul.vision_sub_title li.gray2{
	background-color:#588fa5;
}

ul.vision_sub_content{
	margin-top:10px;
}
ul.vision_sub_content li{
	text-align:center;
	color:rgb(94,94,94);
	border:1px solid rgb(224,224,224);
	display:inline-block;
	vertical-align:top;
	width:24.46%;
	height:90px;
	padding:30px 0px;
	margin-right:0px;
}
ul.vision_sub_content li dl{
	margin:0;
}
ul.vision_sub_content li dl dd{
	padding-left:3px;
	font-size:10pt;
	text-align:left;
}
ul.vision_sub_content li dl dd:before{
	background: url('../img_new/sub/vision_dot.png') no-repeat 0px 0px;  
    content: "";
    display: inline-block;
    height: 9px;
    width: 8px;    
    margin: 0 3px 0 8px;
}





/*board*/
.boardsearch{
	width:100%;
	margin-bottom: 5px;
	text-align: right;
}
.boardsearch select{
	width:150px;
	padding:7px;
	border:1px solid #aaa;
	vertical-align: top;
}
.boardsearch button.searchBtn{
	padding:8px 22px;
	background-color:rgb(58, 94, 204);
	border-radius:8px;
	color:white;
	position:relative;
	top:0px;
	cursor:pointer;
	vertical-align: top;
}
.boardsearch button.searchBtn:hover{
	background-color:rgb(34, 63, 151);
	
}
.boardsearch input[type=text]{
	width:170px;
	padding:8px;
	border:1px solid #aaa;
	vertical-align: top;
}
.subbox .totallist{
	width:100%;
	text-align:right;
	font-size:11pt;
	word-break: break-all;
	word-break: break-word;
	-ms-word-break: break-all;
	padding-right: 10px;
	margin-bottom:0;
	position: relative;
	top: 10px;
}
.subbox table.boardList tr th,.subbox table.boardList tr td{
	padding:15px;
	min-width:40px;
}
.subbox .board_button{
	margin-top:10px;
	margin-right:5px;
	/*border-top:1px solid #dddddd;*/
	padding-top:15px;
	clear:both;
}


.subbox .write_title{
	border:1px solid #ddd; 
	height:34px;
	margin-bottom:15px;
}
.subbox .write_title div{
	font-weight:bold; 
	font-size:14px; 
	margin:7px 0 0 10px;
}
.subbox table.write_table tr th,.subbox table.write_table tr td{
	padding:10px;
}
.subbox table.write_table tr td input[type=text]{
	width:100%;
	height:28px;
	font-size:12pt;
	border: 1px solid #9A9A9A;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}

.subbox table.write_table tr td input[type=text].min-text{
	width:auto;
}
.subbox table.write_table tr td input[type=text].small_text{
	width:125px;
}
.subbox table.write_table tr td input[type=text].middle_text{
	width:30%;
}
.subbox table.write_table tr td:not(:first-child){
	border-left:none;
}
.textarea{
	font-size:10pt !important;
	margin-top:15px;
	margin-bottom:15px;
	line-height:23px;
}
/*파일테이블*/
.subbox table.write_table  #variableFiles{
	border:none;
}
.subbox table.write_table  #variableFiles tr td{
	border:none;
}

.subbox table.view_table tr th{
	padding:20px;
}
.subbox table.view_table tr td{
	padding:15px;	
}
.subbox table.view_table tr td span{
	/*font-size:12pt;*/
}
.btn_updown{
	width:15px;
	height:15px;
	padding:5px;
	color:rgb(139, 139, 139);
	font-weight:bold;
	border:1px solid rgb(221, 221, 221);
	border-radius:2px;
	text-align:center;
	display:inline-block;
	margin-right:2px;
}
.btn_view{
	border-radius: 2px;
    display: inline-block;
    padding: 4px 40px;
    border: 0;
    background-color: rgb(104, 114, 126);
    font-size: 14px;
    color: #fff;
    cursor: pointer;
	line-height:30px;
	font-weight:bold;
}
/*갤러리*/

.gridView {
    width: 100%;
	border-top:1px solid #dddddd;
}
.gridView>div {
    float: left;
    width: 25%;
    height: 140px;
    margin-top: 20px;
	margin-bottom:15px;
    text-align: center;
}
.gridView>div>a>img {
    width: 100px;
    height: 100px;
    border: solid 1px #dddddd;
}
.gridView .preView {
    margin-top: 5px;
	font-size: 12px;
}
.gridView .date {
    color: #aaaaaa;
}


.gridView_Bookstart {
    width: 100%;
	border-top:1px solid #dddddd;
}
.gridView_Bookstart>div {
    float: left;
    width: 50%;
    height: 200px;
    margin-top: 20px;
	margin-bottom:20px;
    text-align: center;
}
.gridView_Bookstart>div>a>img {
    width: 320px;
    height: 180px;
    border: solid 1px #dddddd;
}
.gridView_Bookstart .preView {
    margin-top: 5px;
	font-size: 12px;
}
.gridView_Bookstart .date {
    color: #aaaaaa;
}

.contentView {}
.contentView .border {
	height: 1px;
	background-color: #dddddd;
}
.contentView>.writer {
	padding: 15px;
	border-bottom: solid 1px #dddddd;
	font-size: 12pt;
}

.btns { margin-top: 20px; text-align: right; }
.btns a {
	display: inline-block;
	padding: 5px 11px;
	font-size: 12px;
	color: #000000;
	border: solid 1px #c0c0c0;
}
.contentView>.title {
	margin-top: 5px;
	padding: 10px;
	font-weight: bold;
	background-color: rgb(241, 244, 249);
	text-align:center;
	font-size:12pt;
	border-top: 2px solid rgb(91, 108, 121);
}

.contentView>.info, .contentView>.etc {
	margin-top: 5px;
	color: #808080;
	border-bottom: 1px solid #dddddd;
}
.contentView>.info>.date {
	float: right;
}
.contentView>.info>.date>span {
	margin-left: 5px;
	vertical-align: top;
	font-size: 12px;
	line-height: 20px;
}
.contentView>.info>.date>span>b {
	font-size: 14px;
}

.contentView>.info>.recommend {
	float: right;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
}
.contentView>.info>.recommend>span {  }
.contentView>.info>.recommend>span>span {
	vertical-align: super;
	margin-left: 2px;
}
.contentView>.info>.recommend>span>span>b {
	font-size: 14px;
}
.contentView>.etc>b {
	font-size: 14px;
}
.contentView>.etc>span {
	font-size: 12px;
	line-height: 20px;
}


.contentView>.files {
	margin: 20px 0;
	padding:10px;
	/*padding-top: 10px;*/
	text-align: right;
	border-top: 1px solid #dddddd;
	/*border-bottom: 1px solid #dddddd;*/
}
.contentView>.files>div {  }
.contentView>.files>div:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url('../img/icon_file.gif') no-repeat center;
}
.contentView>.files>div>a {
	vertical-align: bottom;
}
.contentView>.files>div>a>span:first-child { color: #808080; }
.contentView>.files>div>a>span:nth-child(2) { color: #ff6600; font-size:11px; }
.contentView>.files>div>a>span:nth-child(3) { color: #d3d3d3; font-size:11px; }


.contentView>.content {
	min-height: 150px;
	word-break: break-all;
	word-break: break-word;
}
.contentView>.content>img {
	margin: 10px 0;
}
.contentView>.content img { max-width: 100%; }
.contentView>.content video { max-width: 640px; max-height: 480px; }

.contentView>.content>.writeContents { font-size: 12px; line-height: 150%; }

.contentView>.recommendContainer { text-align: center; }
.contentView>.recommendContainer>.good, .contentView>.recommendContainer>.notGood {
	display: inline-block;
	padding: 5px;
	width: 70px;
	height: 43px;
	background-color: #f9f9f9;
	border: solid 1px #dddddd;
	border-radius: 2px;
}
.contentView>.recommendContainer>.good {
	color: #808080;
}
.contentView>.recommendContainer>.notGood {
	color: crimson;
}
.contentView>.recommendContainer>.good:after, .contentView>.recommendContainer>.notGood:after {
	content: "";
	display: block;
	width: 14px; height: 20px;
	margin: 5px auto;
}
.contentView>.recommendContainer>.good:after {
	background: url('../img/icon_good.gif') no-repeat center;
}
.contentView>.recommendContainer>.notGood:after {
	background: url('../img/icon_nogood.gif') no-repeat center;
}

/*행사달력*/

.calendar {
    width: 100%;
}

.calendar .btnArrow{padding:10px; font-size:0; border:1px solid #cecece;width:18px;height:18px;position:absolute;top:0px;background-position:50% 50%;background-repeat:no-repeat}
.calendar .prevMonth{background-image: url(../images/sub/btn_prev_cal.png);left:0 }
.calendar .nextMonth{background-image: url(../images/sub/btn_next_cal.png);right:0 }

.calendar a, .calendar a>img {
	outline: none;
}
.calendar>table {
	width: 100%;
	margin-top: 15px;
}
.calendar>.calHead {
	position: relative;
    height: 70px;
	overflow: hidden;
}
.calendar>.calHead>.calTitle {
	width: 380px;
	margin: 12px auto;
	text-align: center;
	position: relative;
}
.calendar>.calHead>.calTitle>div {
	display: inline-block;
	vertical-align: middle;
}
.calendar>.calHead>.calTitle>div:not(:nth-child(2)) {
	margin: 0 10px;
}
.calendar>.calHead>.calTitle>div:nth-child(2) {
	width: 200px;
	height: 32px;


	font-size: 28px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}



.calendar>.calHead>.addSchedule {
	position: absolute;
	top: 10px;
	right: 10px;
}
.calendar>.calHead>.addSchedule>a {
	vertical-align: bottom;
}

.calendar>table>thead {
}
.calendar>table>thead th {
	width: 14.285%;
	height: 45px;
    text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #b9b9b9;
    background-color: #f5f5f5;
}


.calendar>table>tbody td {
	overflow: auto;
	vertical-align: top;
	word-break: break-all;
	word-break: break-word;
}
.calendar>table>tbody>tr>td:not(:last-child) {
	border-right: 1px solid #ededed;
}
.calendar>table>tbody>tr>td {
	border-bottom: 1px solid #ededed;
}

.calendar>table>tbody td>div {
	min-height: 60px;
	overflow: hidden;
	font-size: 12px;
	padding: 5px 0 5px 5px;
}
.calendar>table>tbody td>div>div>a {
	font-size: 12px;
	line-height: 16px;
}
.calendar>table>thead>tr>th:first-child, .calendar>table>tbody>tr>td:first-child, .calendar>table>tbody>tr>td:first-child>div>div:first-child>a {
	color: red;
}
.calendar>table>thead>tr>th:last-child, .calendar>table>tbody>tr>td:last-child, .calendar>table>tbody>tr>td:last-child>div>div:first-child>a {
	color: blue;
}
.calendar>table>tbody td>div>div:last-child {
	word-break: break-all;
	word-break: break-word;
	-ms-word-break: break-all;
}
.calendar>table>tbody .empty {  }
.calendar>table>tbody .today {
	background-color: #ddeef8;
}
.calendar>table>tbody .counsel {
	background-color: #FFFFE9;
}
.calendar>table>tbody .holiday>div, .calendar>table>tbody .holiday>div>a {
	color: red !important;
}
/*행사달력*/

.paging2 {
	margin: 20px 0;
    text-align: center;
}
.paging2>a {
	display: inline-block;
	min-width: 26px; min-height: 26px;
	vertical-align: top;
	font-size: 16px;
	line-height: 26px;
	border-radius:26px
}
.paging2>.arrow {
	width: 27px; height: 27px;
	border: none;
	background-repeat: no-repeat;
	background-position: center;
}
.paging2 .thisPage {
	border: 1px solid #242424;
}
.paging2>.arrow:first-child {
	background-image: url("../img_new/board/y_prev.gif");
	border-radius:0;
}
.paging2>.arrow:nth-child(2) {
	background-image: url("../img_new/board/m_prev.gif");
	border-radius:0;
}
.paging2>.arrow:nth-last-child(2) {
	background-image: url("../img_new/board/m_next.gif");
	border-radius:0;
}
.paging2>.arrow:last-child {
	background-image: url("../img_new/board/y_next.gif");
	border-radius:0;
}

.paging2.special>a:nth-last-child(3) {
	margin-left: 5px;
}
.paging2.special>a:nth-child(3) {
	margin-left: 1px;
}
.paging2.special>.otherPage, .paging2.special>.thisPage {
	margin-left: 6px;
}

/*외부추천도서*/
.recommBookList {
	margin:30px 0;
}
.recommBookList > li {
	padding:30px 0; 
	line-height:1.571em; 
	float:left;
	width:49%;
	vertical-align:top;
}
.recommBookList .bookImg {
	overflow:hidden; 
	position:absolute; 
	top:0; 
	left:0; 
	width:92px; 
	height:122px;
}

.recommBookList .bookImg img {
	width:90px; 
	height:120px;
	border:1px solid #d7d7d7;
}
.recommBookList .bookWrap {
	overflow:hidden; 
	position:relative; 
	min-height:150px; 
	padding:0 20px 0 105px;

	padding-bottom:30px; 
	border-bottom:1px dashed #d7d7d7;
}
.recommBookList .recommDesc {
	padding:30px 0; 
	border-bottom:1px solid #d7d7d7;
}


.comment_text{
	width: 100%;
    border-top: 2px solid rgb(91, 108, 121);
    margin-top: 15px;
	height: 40px;
	padding-top: 10px;
	border-bottom:1px solid #ddd;
}


/*member*/
.login{
	width:100%;
	height:350px;
	text-align:center;
	margin-top:130px;
	margin-bottom:130px;
}
.login .welcome{
	font-size:35pt;
	width:300px;
	margin:0 auto;
}
.login .welcome:before{
	content:'';
	background-image:url("../img_new/member/join_icon.gif");	
	background-repeat:no-repeat;
	display:inline-block;
	width:95px;
	height:70px;
	vertical-align:top;
}
.login .welcome2{
	font-size:12pt;
	margin-top:15px;
}
.login form{
	width:670px;
	min-height:100px;
	margin:50px auto 0 auto;
}
.login form div {
    display: inline-block;
	width:470px;
}
.login form div.member_confirm_id{
	height:45px;
	padding:7px;
	font-size:14pt;
	text-align:left;
	font-weight:bold;
}

.login form input[type=text] , .login form input[type=password]{
	width:470px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid black;
	height:45px;
	padding:7px;
	font-size:14pt;
	margin-top:5px;
}
.login form button{
	width:120px;
	height:120px;
	color:white;
	display:flex;
	align-items: center;
	justify-content: center;
	float:right;
	border-radius:90px;
	font-size:16pt;
	outline:0;
	background-color:rgb(41, 62, 107);
	margin-top:7px;
	margin-left:10px;
} 

.login ul li{
	text-align:right;
	width:380px;
	margin:10px auto 0 auto;
	font-size:11pt;
}

.r_textarea{
	width: 100%;
	height: 150px;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: justify;
	border: 1px solid #D8D8D8;
	padding: 15px;
	font-family: inherit;
	font-size: inherit;
	color: #666;
	font-weight: inherit;
	font-size: 100%;
	background-color:rgb(245, 245, 245);
}
.confirm_area{
	width:49%;
	height:430px;
	display:inline-block;
	padding:25px;
	border-radius:35px;
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.confirm_area div{
	font-size:22pt;
	padding:10px 0 0 0;
}
.confirm_area dl dd{
	text-align:left;
	margin-top:15px;
}
.confirm_area dl dd.sub_dd{
	padding-left:15px;
}
.confirm_area dl dd.sub_dd:before{
	background: url('../img_new/member/h2.png') no-repeat 0px 0px;  
    content: "";
    display: inline-block;
    height: 13px;
    width: 12px;    
    margin: 0 5px 0 0;
}
.r_textarea.register{
	height:60px;
	overflow: hidden;
}
#joinForm dl dd input[type=text] , #joinForm dl dd input[type=password]{
	height:25px;
	padding:5px;
}
#joinForm dl dd input[type=checkbox]{
	height:auto;
	padding:0;
	margin-right:5px;
}
.paragraph_type6{
	text-align:center;
}
/* 첫방문 */

.fvisit {
	width: 100%;
}

.fvisit > .clickdiv {
	width: 1400px;
	margin: 0 auto;
	position: relative;
}

.fvisit > .clickdiv > div {
	position: absolute;
	right: -210px;
	top: 490px;
	width: 130px;
	height: 126px;
	background-image: url('../img_new/quick/btn_firstvisit.gif');
}

.fvisit > .clickdiv > div:hover {
	cursor: pointer;
}

.fvisit > .clickdiv > div > .closepopup { 
	position: absolute;
	top: 14px;
    right: 14px;
    width: 19px;
	height: 19px;
	background-image: url('../img_new/quick/close_2.png');
}

.fvisit > .clickdiv > div > .closepopup:hover {
	cursor: pointer;
}

.fvisit > .fpopup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
	background: rgba(0, 0, 0, 0.54);
}

.fvisit > .fpopup > div {
	position: relative;
	top: 50%;
	left: 50%;
	width: 598px;
	margin: -299px 0 0 -299px;
	background-color: #fff;
}

.fvisit > .fpopup > div > .titlediv {
    width: 100%;
    height: 146px;
    background: #293e6b;
}

.fvisit > .fpopup > div > .titlediv > div {
	margin-left: 50px;
	padding-top: 43px;
}

.fvisit > .fpopup > div > .titlediv > div > span:nth-child(1) {
	display: block;
    font-size: 24px;
    color: #ffffff;
}

.fvisit > .fpopup > div > .titlediv > div > span:nth-child(2) {
	display: block;
	font-size: 24px;
    color: #ffffff;
}

.fvisit > .fpopup > div > .linkdiv {
	margin: 54px 44px 0;
    padding-bottom: 20px;
}

.fvisit > .fpopup > div > .linkdiv > ul {
    margin-bottom: 40px;
    padding-bottom: 38px;
    border-bottom: 0px;
    overflow: hidden;
}

.fvisit > .fpopup > div > .linkdiv > ul:first-child {
    border-bottom: 1px solid #e3e3e3;
}

.fvisit > .fpopup > div > .linkdiv > ul > li {
    float: left;
    width: 25%;
    text-align: center;
}

.fvisit > .fpopup > div > .linkdiv > ul > li > a > img {
	width: 60px;
	height: 60px;
}
.fvisit > .fpopup > div > .linkdiv > ul > li > a > span {
    display: block;
    margin-top: 15px;
    color: #171717;
    font-size: 15px;
}

.fvisit > .fpopup > div > .closediv {
    position: absolute;
    top: 24px;
    right: 24px;
	background-image: url('../img_new/quick/close_1.png');
	width: 23px;
	height: 23px;
}

.fvisit > .fpopup > div > .closediv:hover {
	cursor: pointer;
} 
/*인기도서*/

.book-container {
	padding: 8px;
	border-bottom: 1px solid #eee;
}
.book-container button {
	padding: 6px 12px;
	border: none;
	border-radius: 3px;
	background: #4fa7ff;
	color: white;
}
.book-title {
	font-weight: bold;
	overflow-wrap: break-word;
	padding-bottom: 10px;
	padding-top:10px;
	font-size:20px;
}
.book-title>a {
	color: #000000;
}
.book-container>.book-wrap {
	display: flex;
}
.book-wrap>.book-img {
	width: 82px;
	height: 125px;
	overflow: hidden;
	margin-right:25px;
	margin-top:15px;
}
.book-img>img {
	width: 100%; height: 100%;
	background: url("../thumb/no_img.gif") center / contain no-repeat;
	object-fit: contain;
}
.book-wrap>.book-info {
	flex: 1;
	min-height: 110px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 18pt;
	color: #4e4e4e;
	overflow-wrap: break-word;
	position:relative;
}
.book-wrap .book-info .book-info-sub{
	position:absolute;
	right:0;
	font-size:12pt;
	text-align:center;
	padding-left:35px;
	top:0px;
	background-image:url("../../img_new/plus/");
	width:130px;
}
.book-wrap .book-info .book-info-sub.ok{
	color:rgb(35, 133, 198);
	margin-top:8px;
}
.book-wrap .book-info .book-info-sub.no{
	color:rgb(244, 138, 116);
}
.book-button {
	margin-top: 10px;
}
.book-stat {
	background: #717171;
	display: inline-block;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	padding: 5px 10px 5px 10px;
	margin-right: 5px;
}

.Closed{
	border:1px solid #ddd;
	width:100%;
	padding:15px;
	text-align:center;
	margin-top:25px;

	-webkit-transition: margin-left 0.5s ease;
	-moz-transition: margin-left 0.5s ease;
	-o-transition: margin-left 0.5s ease;
	-ms-transition: margin-left 0.5s ease;
	transition: margin-left 0.5s ease;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.Closed .day{
	width:80px;
	height:80px;
	border-radius:80px;
	background-color:rgb(223, 240, 255);
	font-size:16pt;
	text-align:center;
	display: -webkit-inline-flex;
	display:-ms-inline-flexbox;
	display: inline-flex;
	margin-left:15px;
	align-items: center;
	justify-content: center;
	margin-top: 3px;
}

.lib_link_box::after{content: ''; display: block; clear: both;}
.lib_link_box li{float: left; padding: 20px; width: calc(50% - 5px); font-size: 18px; font-weight: 500; background-color: #f7f7f7; box-sizing: border-box; cursor: default;}
.lib_link_box li:not(:first-of-type, :nth-of-type(2)){margin-top: 10px;}
.lib_link_box li:nth-of-type(2n+1){margin-right: 10px;}
.lib_link_box li a{position: relative; margin-top: 15px; padding: 5px 10px; display: block; max-width: 200px; font-size: 14px; font-weight: 400; border: 1px solid #ddd; background-color: #fff;}
.lib_link_box li a::after{content: ''; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 25px; height: 25px; border-radius: 15px; background-color: rgb(57, 95, 204); background-image: url('../images/icon_linkMove.svg'); background-repeat: no-repeat; background-size: 15px; background-position: center;}

.reading_culture_link::after{content: ''; display: block; clear: both;}
.reading_culture_link div{float: left; padding: 150px 15px 25px; width: 50%; text-align: center; box-sizing: border-box; background-repeat: no-repeat; background-size: 80px; background-position: center 35px; cursor: default;}
.reading_culture_link div:first-of-type{position: relative; background-image: url(../images/icon_readingCulture01.png);}
.reading_culture_link div:first-of-type::after{content: ''; position: absolute; top: 25px; right: 0; width: 1px; height: calc(100% - 50px); background-color: #ddd;}
.reading_culture_link div:nth-of-type(2){background-image: url(../images/icon_readingCulture02.png);}
.reading_culture_link div a{display: block; margin: 25px auto 0; padding: 10px 0; max-width: 150px; color: #fff;}
.reading_culture_link div:first-of-type a{background-color: rgb(34, 63, 151);}
.reading_culture_link div:first-of-type a:hover{background-color: rgb(18, 40, 107);}
.reading_culture_link div:nth-of-type(2) a{background-color: rgb(67, 135, 220);}
.reading_culture_link div:nth-of-type(2) a:hover{background-color: rgb(37, 98, 172);}


.check{
	margin-top: 10px;
}

@media (max-width: 654px){
	.reading_culture_link div{width: 100%; padding-left: 0; padding-right: 0;}
	.reading_culture_link div:first-of-type{padding-bottom: 60px;}
	.reading_culture_link div:first-of-type::after{top: 100%; right: 0; width: 100%; height: 1px;}
}

@media (max-width: 499px){
	.lib_link_box li{width: 100%;}
	.lib_link_box li:nth-of-type(2){margin-top: 10px;}
	.lib_link_box li:nth-of-type(2n+1){margin-right: 0;}
}

@media (max-width: 950px) {
	html{
		min-width:100%;
	}
	body {
		min-width:100%;
		-webkit-transition: margin-left 0.5s ease;
		-moz-transition: margin-left 0.5s ease;
		-o-transition: margin-left 0.5s ease;
		-ms-transition: margin-left 0.5s ease;
		transition: margin-left 0.5s ease;
	}
	#wrap{
	}
	.unvisible-area{
		height: 70px;
	}
	.topMenu > .banner > .today-weather{
		left:10px;
		font-size:9pt;
	}

	.topMenu > ul > li:not(:last-child) {
		/*display: none;*/
	}
	.topMenu  .banner .content2{
		display: none;
	}
	.content_search_mobile{
		display: inline;
	}


	.container {
		width: auto;
	}

	.container.main{
		background:none;
	}
	.contentRight {
		width: 100%;
	}

	.mobileNavToggle {
		/*display: initial;*/
		display: none;
		float: left;
	}

	.mobileMenu {
		display: block;
	}

	.top {
	}
	
	.ico{
		width:25px;
		height:25px;
		position:relative;
		top:7px;
		background-position:0px -240px;
	}
	.ico.ico-C{
		background-position:-208px -240px;
		width:30px;
		height:30px;
		
	}
	.ico.ico-sunny{
		background-position:0px -240px;
	}
	.ico.ico-mostly-cloudy{
		background-position:0px -270px;
	}
	.ico.ico-mostly-cloudy-many{
		background-position:-60px -270px;
	}
	.ico.ico-mostly-cloudy-rain{
		background-position:-30px -300px;
	}
	.ico.ico-rain-snow{
		background-position:0px -330px;
	}
	.ico.ico-cloudy-snow{
		background-position:-90px -330px;
	}
	.ico.ico-mostly{
		background-position:-60px -270px;
	}
	.ico.ico-rain{
		background-position:-90px -270px;
	}
	.ico.ico-snow{
		background-position:-90px -300px;
	}
	.navBar {
		width: auto !important;
		text-align: center;
		min-height:0;
		background:none;
	}

	.navBar > a {
		float: none;
	}

	.navBar > a > Img {
		height: 35px;
		margin: 12px 30px 0 0;
	}

	.navToggle {
		left: 5px;
		right: auto;
	}
	.topMenu > .banner > .today-weather{
		width:100%;
		text-align:left;
		left:0;
		top:65px;
	}
	.topMenu > .banner > .today-weather > .mobile_btn{
		display:block;
		position:absolute;
		right:10px;
		bottom:15px;
	}

	.subhadder{
		display:none;
	}
	.reservation > ul:nth-child(3) {
		display: block;
		margin-left: 32px;
		margin-bottom: 15px;
	}
	.serviceContainer ul>li {
		width: 18.8%;
	}
	.booksearch .search-area div{
		position:absolute;
		right:0;
	}
	.program .program-content{
		width:70%;
	}
	.program .program-content dl{
		width:85%;
	}
	.program .program-content dl:not(:first-child){
		display:none;
	}
	.topMenu > .banner{
		top:0;
	}
	.topMenu > ul.login_info{
		display:none;
	}
	
	.topMenu > .banner > .logo {
		display:none;
	}
	.topMenu > .banner > .mobile_logo {
		display:inline;
		position: relative;
		top: 17px;
	}
	.topMenu > .banner > .mobile_logo img{
		width: 150px;
	}
	.topMenu > .banner > .kselect_title{
		display: none;
	}
.topMenu > .banner > .rightlogo{
	display: none;
}
	.topMenu .logo img{
		width:100%;
	}
	#navigation {
		position: fixed;
		/*display: none;*/
		top: 0;
		/*작업후변경*/
		right: -100%;
		height: 100%;
		max-height: 100%;
		margin-top: 0;
		overflow: auto;
		background:none;
		transition: all 0.5s ease;
		z-index:105;
		background-color:rgb(41, 62, 107);
		width:100%;
		text-align:left;
	}
	#navigation > .main_logo_back{
	   background-color: rgb(74, 106, 217);
		background-image: linear-gradient(120deg, rgb(74, 106, 217) 10%, rgb(115, 101, 236) 90%);
		z-index: 110;
		height:65px;
	}
	#navigation > .main_logo_back > .main_logo{
		width:100%;
		display:inline-block;
		float:none;
		position:relative;
		top:13px;
	}
	#navigation > .main_logo_back > .main_logo > .login_info {
		display:inline;
		margin-left:15px;
	}
	#navigation > .main_logo_back > .main_logo > .login_info li{
		min-height:25px;
		font-size:12pt;
		display:inline-block;
		padding-top:10px;
		z-index:120;
	}
	#navigation > .main_logo_back > .main_logo > .login_info li.userName{
		display:none;
	}
	#navigation > .main_logo_back > .main_logo > .login_info.middle_message > li{
		display:none !important;
	}

	.navigation > .main_logo_back > .main_logo > ul.login_info > li:nth-last-child(n+2):after {
		display: inline-block;
		content: "|";
		width: 9px;
		height: 12px;
		/*color: #adadad;*/
		font-size: 12pt;
		/*vertical-align: top;*/
		text-align: right;
	}
	#navigation > .main_logo_back > .main_logo > .login_info li a{
		color:white;
		font-weight: normal;
	}
	#navigation .main_logo_back .mobile_close{
		display:inline-block;
		position:absolute;
		right:0;
		width:10%;
		cursor:pointer;
		color:#ffffff;
		font-size:17pt;
		z-index:120;
		top:19px;
	}
	#navigation .main_logo img{
		width:100%;
		display:none;
	}
	#navigation .mobile_menu{
		width:55%;
		float:right;
		display:inline !important;
		height:100%;
		background-color:rgb(242, 242, 242);
	}
	
	#navigation .mobile_menu .mobile_sub_menu{
		display:none !important;
		width:100%;
	}
	#navigation .mobile_menu .mobile_sub_menu li{
		padding-left:15px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#navigation .mobile_menu .mobile_sub_menu > li:after{
		position: absolute;
		top: 15px;
		right: 8px;
		content: "∨";
		color:rgb(173, 174, 175);
	}
	#navigation .mobile_menu .mobile_sub_menu li ul li{
		padding-left:0;
	}
	
	#navigation .mobile_menu .mobile_sub_menu.active{
		background-color:rgb(242, 242, 242);
		display:inline-block !important;	
	}

	#navigation > ul {
		width:45%;
		display:inline-block;
	}

	#navigation > ul > li , #navigation > .mobile_menu > ul > li {
		width:100% !important;
		padding-left:0;
		position: relative;
		display: block;
		text-align: left;
		margin-left: 0 !important;
		padding: 14px 0 14px 0;
		border-bottom: solid 1px #c9c9c9;
		background-color:white;
		color:rgb(221,221,221);
	}

	#navigation > ul > li.navToggle {
		display: none;
	}

	#navigation > ul > li > span > a , #navigation > .mobile_menu > ul > li > span > a{
		pointer-events: none;
		font-size: 14px;
		font-weight: normal;
		color:rgb(41, 62, 107);
	}

	#navigation > ul > li:after #navigation > .mobile_menu > ul > li:after {
		position: absolute;
		top: 15px;
		right: 8px;
		content: "|";
		color:rgb(221,221,221);
	}

	#navigation > ul > li > ul , #navigation > .mobile_menu > ul > li > ul {
		max-height: 0;
		overflow: hidden;
		display:block;
		margin: 0;

		border: none;


		-webkit-transition: max-height 0.5s ease;
		-moz-transition: max-height 0.5s ease;
		-o-transition: max-height 0.5s ease;
		-ms-transition: max-height 0.5s ease;
		transition: max-height 0.5s ease;
	}
	#navigation > .mobile_menu > ul > li > ul > li:before{	
		content: "-";
		display: inline-block;
		height: 100%;
		overflow: hidden;
		padding: 0 5px;
		color: rgb(73, 74, 75);
		position:relative;
		top:2px;
	}
	#navigation > ul > li > ul > li , #navigation > .mobile_menu > ul > li > ul > li {
		margin-top: 13px;
		border: none;
		display: block; 
		position:relative;
		padding: 12px 0 0px 10px; 
		font-size: 14px;
		border-top:1px solid #ddd;
		background-color:#fff;
		color:rgb(73, 74, 75);
		z-index:55;
	}

	#navigation > ul > li > ul > li > a , #navigation > .mobile_menu > ul > li > ul > li > a {
		padding-left: 15px;
		font-size: 14px;
		color: #dadada;
	}

	#navigation > ul > li.active > ul , #navigation > .mobile_menu > ul > li.active > ul {
		max-height: 1000px;
	}

	#navigation > ul > li > ul > li:not(:first-child) {
		margin-top: 0px;
	}
	.main_deps{
		float:left !important;
	}
	.main_deps li{
		background-color:rgb(41, 62, 107) !important;
		padding-left:15px !important;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.main_deps li.mobile_li{ 
		display:inline-block !important;
	}
	.main_deps li.active{
		background-color:rgb(242, 242, 242) !important;
	}
	.main_deps li.active span a{
		color:rgb(41, 62, 107) !important;
	}
	.main_deps li span a{
		color:white !important;
	}
	.main_deps li:after{
		content:"" !important;
	}



	.navClose {
		display: inline-block;
		width: 20px; height: 20px;
		margin: 8px 5px 0 5px;
		vertical-align: top;
		position: absolute;
		bottom: 25px;
		right: 10px;
		border: none;
		background: url('../img_new/icon/icon_close.gif') center no-repeat;
		background-size: contain;
	}

		
	.transform {
		-webkit-transition: all 0.5s ease; 
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		 transition: all 0.5s ease; 
	}
	.m_navigation {
		position: fixed;
		display: inline;
		z-index: 10;
		top: 50px; left: 100%;
		width: 100%; height: 100%;
		max-height: 100%;
		background-color: white;
		margin-top: 0;
	}
	.m_navigation>.navigationMenu {
		display: flex;
		padding: 10px;
		background-color: #DDDDDD;
		background-image: repeating-linear-gradient(#DDDDDD 0%, #DCDCDC 100%);
	}
	.navigationMenu>div.user {
		flex: 1;
		font-size: 11pt;
		line-height: 28pt;
		color:#666;
	}
	.navigationMenu>div.user>img {
		height: 20px;
		vertical-align: top;
		margin-top: 8px;
		margin-left: 5px;
	}
	.navigationMenu>div.user>strong {
		margin: 0 8px;
		font-size: 13pt;
	}

	.navigationMenu>div.icons {
		width: 110px;
		text-align: right;
	}
	.navigationMenu>div.icons>a {
		display: inline-block;
		width: 50px;
		text-align: center;
		position: relative;
		top: 0;
	}
	.navigationMenu>div.icons>a.m_logout{
		top: 15px;
	}
	.navigationMenu>div.icons>a>img {
		display: block;
		height: 20px;
		margin: 0 auto;
	}
	.navigationMenu>div.icons>a>span {
		font-size: 8.5pt;
		color: #1C1C1C;
	}


	.m_navigation>.important2 {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 298px;
		background-color: rgba(0,0,0,0.5);
	}
	.m_navigation>.important3 {
		position: absolute;
		z-index: 2;
		top: 453px;
		left: 0;
		width: 100%;
		height: calc(100% - 415px);
		background-color: rgba(0,0,0,0.5);
	}
	.m_navigation>ul {
		height: calc(100% - 110px);
		overflow: auto;
		border-top: 1px solid #b5b5b5;
		font-size: 10pt;
	}
	.m_navigation>ul>li {
		/*border-top: 1px solid #313131;*/
		box-sizing: border-box;
		color: #474747;
	}
	.m_navigation>ul>li>strong {
		display: block;
		padding: 12px 0 12px 15px;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		color: #464646;
		word-break: keep-all;
		overflow: hidden;
		background-color: #f7f7f7;
		line-height: 17pt;
	}
	.m_navigation>ul>li>strong>img {
		width: 20px; height: 20px;
		vertical-align: top;
		margin-right: 5px;
	}
	.m_navigation>ul>li>ul {
		display: flex;
		flex-wrap: wrap;
	}
	.m_navigation>ul>li>ul>li {
		flex-basis: 50%;
		flex-grow: 1;
		flex-shrink: 0;
		/*padding: 10px 0 10px 15px;*/
		box-sizing: border-box;
	}
	.m_navigation>ul>li>ul>li:nth-child(odd) {
		border-right: 1px solid #e6e6e6;
	}
	.m_navigation>ul>li>ul>li:nth-child(n+3) {
		border-top: 1px solid #e6e6e6;
	}
	.m_navigation>ul>li>ul>li>a {
		display: block;
		padding: 10px 0 10px 15px;
		color: #464646;
		word-break: keep-all;
	}



	
	#header {
		position: fixed;
		width: 100%;
		min-width:100%;
	}
	.top {
		height: 60px;
	}
	.topMenu {
		width: 100%;
	}
	.topMenu .login_info{
		display: none;
	}
	.topMenu > .banner{
		width:100%;
		height: 60px;
	}
	.topMenu > .banner > .today-weather > .air-font{
		font-size:11pt;
	}

	.container .content{
		width:100% !important;
		margin-top:0;
		padding-top:0;
	}
	.container .content1{
		padding: 0 20px;
	  -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  box-sizing:border-box;
	}
	.container .content4{
		padding: 0 20px;
	  -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  box-sizing:border-box;
	  margin-bottom: 30px;
	}
	.container > .content > div{
		width:100%;
		margin-left: 0;
		margin-top: 15px;
		padding-top: 15px;
		border:none;
		background-image:none;
		text-align: center;
		padding: 0;
	}
	.content1 .buttonarea .login_area{
		width: 70%;
		display: none;
		margin: 0;
	}
	.main_btn_area ul li .icon{
		width: 50px;
		background-size:40px !important;
	}
	.content1 .buttonarea .id_pass_area{
		padding-right: 0;
		display: none;
	}
	.buttonarea ul li.white{
		border:1px solid rgb(236, 236, 236);
	}
	.booksearch .search-area{
		width: 67%;
		border:1px solid #ddd;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.booksearch .search-area img{
		top: -4px;
	}
	.booksearch select{
		margin-left: 10px;
		background-color:white;
		border:none;
	}
	.bookinfo .bookinfo_slide{
		background-size:100%;
		width:100%;
		text-align:center;
		display:flex;
	}
	.content1 .popupzone{
		padding-top: 8px;
		height:auto;
	}
	.content1 .bookinfo{
		background:none;
		height:240px;
	}
	.content1 .buttonarea{
		height: auto;
		margin-bottom: 15px !important;
		margin-top: 0px !important;
	}
	.bookinfo .bookinfo_slide .bookinfo_slide_deps{
		margin:24px auto;
		width:330px;
	}
	.bookinfo ul li.img-li{
		/*width:150px;*/
	}
	.bookinfo ul li.img-li:nth-child(2){
		width:150px;
	}
	.buttonarea ul{
		text-align:center;
		display:block;
		width:100%;
		margin:0 auto;
	}
	.maincon_sub_area .maincon_sub .holiday_sub{
		padding-left: 15px;
	}
	.maincon_sub_area .maincon_sub .holiday_sub dl dt{
		width: 25%;
		text-align: center;
	}
	.maincon_sub_area .maincon_sub .holiday_sub dl dd{
		margin-right: 0;
		width: 60%;
	}
	.maincon_sub_area .maincon_sub .subject{
		font-size:16px;
		padding-left: 15px;
		height: 35px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.maincon_sub_area .maincon_sub .subject_book{
		font-size:16px;
		padding-left: 15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.maincon_sub_area .maincon_sub .subject_book span{
		font-size:14px;
	}

	.maincon_sub_area .maincon_sub .date_area{
		width: 100%;
		text-align: center;
	}

	.content1 .buttonarea .login_area ul li:first-child:after{
		padding-left:  20px;
		padding-right:  20px;
	}

	.content2 .booksearch{
		width:90%;
	}

	.topMenu  .banner .right_kselect{
		display: none;
	}

	.booksearch .search-type{
		font-size:8pt;
	}
	.booksearch .search-type div{
		margin-top:16px;
	}
	.booksearch .search-type div label{
		display:inline-block;
		text-align:left;
		width:90%;
		padding-left:2px;
	}
	.booksearch .search-type div label input{
		margin-left:0 !important;
		position:relative;
		top:3px;
	}
	.booksearch .search-area input[type=text]{
		font-size:10pt;
		width:65%;
		padding-left: 10px;
	}
	
	.program .program-content dl dd:last-child{
		display:none;
	}

	.popupzone .popup-navi ul{
		text-align: left;
	}


	.content3 .con3{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:25px 0 10px 0;
		margin-bottom:15px;;
	}
	.content3 .notice{
		width: 100%;
		height:auto;
		margin: 0 auto;
		border-radius:5px;
	}
	.notice .mainconetent ul li a{
		width: 220px;
		text-overflow:ellipsis;
		overflow: hidden;
		height: 16px;
		white-space: nowrap;
		font-size:12px;
	}
	.mainconetent.active{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.notice .first_notice{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	
	}
	.notice .first_notice dl dt{
		text-overflow:ellipsis;
		overflow: hidden;
		width: 160px;
		font-size:12px;
		white-space: nowrap;
	}
	.notice .first_notice dl dd{
		right: 18px;
	}
	.notice .mainconetent ul li div{
		right: 15px;
	}
	.con3 .subject{
		width:auto;
		height: 35px;
		font-size:16px;
		padding-left: 15px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.con3 .mainconetent{
		padding-left:10px;
	}
	.con3.lecture .mainconetent{
		padding-left:10px;
	}
	.con3 .subject .more-button{
		float:none;
	}
	.book_lat ul{
		width: 100%;
		padding-left: 20px;
	}
	.book_lat ul.active{
		text-align: center;
		padding-left: 0;
	}
	.maincon_sub_area{
		width: 100%;
		margin-left: 0;
		height: auto;
	}
	.maincon_sub_area .maincon_sub{
		height: auto;
		padding-bottom: 10px;
		margin-top: 20px;
		border-radius:5px;
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
	}
	.maincon_sub_area .maincon_sub .holiday_area{
		width: 100%;
		margin-top: 10px;
	}
	.maincon_sub_area .maincon_sub .holiday_rightbtn{
		display: none;
	}
	.maincon_sub_area .maincon_sub .holiday_leftbtn{
		display: none;
	}
	.maincon_sub_area .maincon_sub .holiday_area .hol{
		padding: 2px 5px 3px 5px;
		width: 40px;
		height: 15px;
		margin-left: 5px;
		background:none;
		color:#666;
	}
	.maincon_sub_area .maincon_sub ul li{
		padding-left: 0;
		width: 32%;
		text-align: center;
		padding: 0;
		margin: 0;
	}
	.maincon_sub_area .maincon_sub ul li:last-child{
		padding: 0;
		margin: 0;
	}
	.maincon_sub_area .maincon_sub ul li:before{
		content:none;
	}

	.book_lat{
		margin-bottom: 0;
	}
	.book_lat ul{
		height: 180px;
	}
	.book_lat ul li{
		width:40% ;
	}
	.book_lat li a img{
		width: 100px;
		height: 140px;
	}
	.book_lat .btn_book_right{
		right: -5px;
		top: 65px;
	}
	.book_lat .btn_book_left{
		left: -5px;
		top: 65px;
	}





	.notice ul li div{
		right:5px;
	}
	.siteguide div{
		font-size:7pt;
	}
	.container .sub-content{
		width:100%;
	}
	#maincon{
		width:100% !important;
		padding:0 15px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main_title{
		font-size:20pt;
		position:absolute;
	}
	.q_content img, .q_content iframe{
		max-width:100%;
	}
	#maincon #con_location1 .con_local .current_title{
		padding-top:50px !important;
		font-size:11pt;
	}
	#lnb1{
		display:none !important;
	}

	.main_btn_area {
		padding: 0;
		margin-top: 20px;
	}
	.main_btn_area ul li{
		width: 50%;
		height: 75px;
		border:1px solid #eee;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		table-layout: fixed;
		float: left;
		border-radius:0;
		margin: 0;
	}
	.main_btn_area ul li .icon{
		display: inline-block;
		vertical-align: middle;
		margin-top: 10px;
		width: 75px;
		background-size:100%;
	}
	.main_btn_area ul li span{
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}

	.hi_library{
		background:none !important;
		height:190px !important;
	}
	.hi_library .hi_title{
		top:15px !important;
		left:25px !important;
	}
	.hi_library .hi_title .kor_title{
		padding-left:0 !important;
	}
	.welcome_ceo{
		background:none !important;;
	}
	.mobile_img{
		display:inline;
	}
	.boardsearch select{
		width:80px !important;
	}


	.calendar > .calHead > .calTitle{
		width:100% !important;
	}
	.calendar > .calHead > .calTitle > div:nth-child(2){
		font-size:24px !important;
		width:170px !important;
	}
	.calendar > .calHead > .addSchedule > a{
		display:none;
	}

	.subbox .q_left{
		width:100%;
	}
	.subbox .q_right{
		width:100%;
	}
	.subbox table.boardList tr th, .subbox table.boardList tr td{
		padding:15px 0 !important;
		font-size:9pt;
		overflow:hidden;
		/*white-space : nowrap;*/
		text-overflow: ellipsis;
		max-width:150px;
	}
	.subbox table.boardList tr td{
	}
	.subbox table.view_table tr td img{
		max-width:100% !important;
		height:auto;
	}
	.subbox table tr th, .subbox table tr td{
		padding:15px 5px !important;
		font-size:9pt;
		text-align:center;
	}
	.subbox table tr td{
		padding-right: 10px !important;
	}
	.subbox table tr th:not(:first-child){
		border-left:1px solid #726f6f;
	}
	.subbox table tr th.th_head{
		border-left:1px solid #726f6f;
	}
	.subbox table tr td:not(:first-child){
		border-left:1px solid rgb(229, 229, 229);
	}
	.subbox dl{
		font-size:10pt;
	}
	.subbox dl dt:not(.sub_title):before{
		margin:0 3px 0 0;
		display: none;
	}
	.subbox dl dt.sub_title:before{
		background-size:80%;
		top:5px;
		right:5px;
	}
	.subbox dl dt{
		padding-left:4px;
		font-size:14px !important;
	}
	.subbox dl dd{
		padding-left:0px;
	}
	.subbox dl dd.sub_dd{
		padding-left:5px;
	}
	.subbox dl dd img{
		max-width:100%;
	}
	.subbox .btn{
		margin-top:8px;
	}
	.sub_infomation > dl > dd{
		width:40%;
		margin-right:0;
	}

	.container > .content3 > .subcon{
		width: 100%;
		text-align: center;
		padding-top: 20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.sub_infomation > dl > dd.dd_print button{
		display:none;
	}
	.sub_infomation > dl > dt{
		width:53%;
	}
	.years{
		width:100%;	
	}
	.years ul{
		display:inline-block;
		float:none;
		width:95%;
		border-top:1px solid rgb(231, 231, 231);
		min-height:200px;
		vertical-align:top;
		position:relative;
		padding:5px;
		border:none !important;
	}
	.years ul:before{
		background-image:none;
	}
	.years ul.first_top:before{
		background-image:none;
	}
	.years ul.last:after{
		background-image:none;	
	}

	.vision ul li.goal_sub{
		width:100%;
		margin-top:80px;
	}
	.vision ul li.goal_sub div.sub_circle{
		width:100px;
		height:100px;
	}
	.vision ul li.goal_sub div.sub_circle:not(:last-child){
		margin-right:0;
	}
	.vision ul li.goal_sub div.sub_circle dl dd{
		padding:0;
		font-size:8pt
	}
	ul.vision_sub_title li{
		width: 100%;
		height: 45px;
		padding: 15px 0px;
		margin-right: 3px;
	}
	ul.vision_sub_content li{
		width:100%;
		height: 130px;
		padding: 15px 0px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}




	.login .welcome2{
		font-size:11pt;
	}
	.login form{
		width:100%;
	}
	.login form div{
		width:50%;
	}

	.sub_infomation > dl > dd.dd_call{
		float:none;
	}
	.sub_infomation > dl > dt.call{
		float:left;
	}
	.login form input[type=text], .login form input[type=password]{
		width:100%;
	}

	.confirm_area{
		width:98%;
		min-height:430px;
		height:auto;
		margin-top:8px;
	}

	
	.recommBookList > li {
		width:100%;
	}
	.container > .content5{
		background-image:none;
		background-color:rgb(46, 61, 142);
		height: auto;
	}
	.container > .content5 dl{
		margin-top: 15px;
		padding-top: 15px;
	}
	.container > .content5 dl dd{
		font-size:16px;
	}
	.bottom_btn_area{
		margin-top: 15px;
	}
	.bottom_btn_area ul li{
		margin: 0;
		padding: 20px 0 4px 0;
		width: 100%;
		text-align: center;
		height: 30px;
		border-top:1px solid #ccc;
		opacity: 0.8;
		border-radius:0;
	}
	.bottom_btn_area ul li div.back{
		display: none;
	}
	.bottom_btn_area ul li div.icon{
		width: 20px;
		height: 20px;
		background-size:20px !important;
		margin-top: 0;
		display: inline-block;
		vertical-align: top;
		margin-right: 30px;
		position: relative;
		bottom: 3px;
	}
	.bottom_btn_area ul li span{
		top: auto;
		bottom: 5px;
	}
	.tail .tail-location .location-move select{
		font-size:12px;
		vertical-align: top;
	}
	.btn-move{
		font-size:12px;
		height: 15px;
		padding: 7px 10px;
		line-height: 15px;
	}

	.tail{
		min-width:100%;
		min-height:165px;
		height:auto;
		
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding:20px;
	}
	.tail .tail-location{
		width:100%;
		padding-top:0px;
		border-bottom:none;
		margin-bottom:15px;
		height: auto;
		text-align: left;
	}

	.tail .tail-location .location-move{
		width:100%;
		margin-top: 20px;
		margin-top:15px;
		margin-bottom:10px;
		position: static;
		text-align: left;
	}
	.tail .tail-location .location-move select{
		width:180px;
	}
	.tail .tail-location .location-move select#pavilion1{
		margin-left:0 !important;
	}
	.tail .tail-siteguide{
		width:100%;
		font-size:9pt;
		text-align:left;
	}
	.tail .tail-location .information-policy{
		float: none;
	}
	.tail .tail-location .information-policy ul li{
		font-size:10pt;
	}
	.tail .tail-location .information-policy ul li:not(:first-child):before{
		width: 5px;
	}

	.tail .tail-siteguide .tail_copyright{
		padding: 0 10px;
	}

	.background-black{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 19;
		background: rgba(0, 0, 0, 0.54);		
	}
	.book-wrap > .book-info{
		font-size:12px;
	}
	
	.book-title{
		font-size:14px;
	}
	.paging2 > a{
		
	}

	/* 20191203 */
	.subbox table.view_table tr td.barTableTitle, .subbox table.view_table tr td.barTableData { 
	    width: 50%;
		text-align: left;
	}

	.subbox table.view_table tr td.barTableData { 
	    white-space: inherit;
	}

	.subbox table.view_table tr td.barTableData img {
		height: 15px;
	}


	.hi_library .hi_title .eng_title{
		font-size:16pt;
	}

	.hi_library .hi_title .kor_title{
		font-size:18pt;
	}


	.vision{
		background:none;
		height: 670px;
	}
	.vision ul li div.goal{
		margin-top: 70px;
	}

	.inlineMenu > ul > li{
		width: 30%;
		background-color:white;
		border:1px solid rgb(76, 113, 155);
		color:rgb(76, 113, 155);
		padding: 0;
		margin-right: 5px;
	}
	.inlineMenu > ul > li > a{
		color:rgb(76, 113, 155);
		padding: 10px;
		text-align: center;
	}
	.inlineMenu > ul > li.active{
		background-color:rgb(76, 113, 155);
	}
	.inlineMenu > ul > li.active > a{
		padding-top: 10px;
		color:white;
	}

	.subMenu > ul {
		width: 100%;
	}
	.subMenu > ul > li{
		width: 45%;
		padding: 5px 0;
		margin-right: 5px;
		margin-top: 10px;
		text-align: center;
	}

	.calendar>.calHead{
		height: auto;
	}
	.calendar>.calHead>div{
		position: static !important;
	}


	.boardsearch input[type=text]{
		width: 120px;
	}
}

/* 첫방문 미디어 쿼리 */
@media (max-width: 1853px) {
	.fvisit {
		display:none;
	}
}