@charset "utf-8";
/*@font-face{
font-family:NanumGothic;src:url('/font/NanumGothic.eot');src:local('?'),url('/font/NanumGothic.woff') format('woff'),url('/font/NanumGothic.ttf') format('truetype'),url('/font/NanumGothic.svg#webfontdeSVIj0D') format('svg')}*/

/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

/* 기본스타일 */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th
{ margin:0; padding:0;line-height:140%;}
img {border:0px;}

ul, li {margin: 0;padding: 0; list-style:none;}

a:active,a:link,a:visited {text-decoration:none;color:#333;}
a:hover {text-decoration:none;color:#666;}
.hidden{display:none;}
/* 스킵 네비게이션 */
.skip_navi {display:none; overflow:hidden;}   
html { width:100%; overflow-y:scroll;}
body { position:relative; *zoom:1; font-size:75%; font-family:'Nanum Gothic','나눔고딕','맑은고딕','Malgun Gothic','돋움','sans-serif','Myriad Pro','Apple SD Gothic Neo'; line-height: normal; text-align:left;}

.iframe_size iframe{width:100%; height:400px; margin:15px auto; }
.iframe_size1 {width:90%; height:100%; margin:15px 0 0 10px;}
.iframe_size2{width:90%; height:100%; margin:15px 0 0 50px; }
.iframe_size_map {height:450px; width:100%; float:left; }


#daumRoughmapContainer1667284009320 {overflow:hidden !important; width:90% !important;}
#daumRoughmapContainer1667284068763 {overflow:hidden !important; width:90% !important;}
#daumRoughmapContainer1667284121102 {overflow:hidden !important; width:90% !important;}
#daumRoughmapContainer1666164218090 {overflow:hidden !important; width:90% !important;}

/* Selects */
.comm_sel {float:left;margin-right:-1px}
.comm_sel .jq_sel {display:block;position:relative;height:32px;background:url('/img/common/bg_selbox.gif') no-repeat 0 0;font-size:12px}
.comm_sel .jq_sel span {position:absolute;left:0;top:0;white-space:nowrap;height:32px;width:100%;_width:auto;line-height:32px;text-align:left;text-indent:8px;color:#9c9daf;overflow:hidden;cursor:pointer}
.comm_sel .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:28px;height:32px;background:url('/img/common/bg_selbox.gif') no-repeat 100% 0}
.comm_sel .jq_sel ul {overflow:auto;position:absolute;z-index:9999;top:31px;left:0px;max-height:300px;width:100%;list-style:none;background-color:#3d3d45;border-top:solid 1px #18181a;border-bottom:solid 1px #18181a;display:none;overflow:auto;overflow-y:auto;z-index:10;white-space:nowrap}
.comm_sel .jq_sel li {border-right:solid 1px #18181a;border-left:solid 1px #18181a}
.comm_sel .jq_sel ul a {display:block;padding:4px 2px 4px 8px;text-decoration:none;color:#9c9daf;text-align:left}
.comm_sel .jq_sel ul a:hover {background-color:#212227}
.comm_sel .jq_sel ul a.selected {}
.comm_sel .jq_sel_hide {display:none}


.comm_sel_type3 .jq_sel {height:32px;background-position:0 -100px;font-size:12px}
.comm_sel_type3 .jq_sel span {height:32px;line-height:32px;color:#555}
.comm_sel_type3 .jq_sel a.jqTransformSelectOpen {width:34px;height:32px;background-position:100% -100px}
.comm_sel_type3 .jq_sel ul {top:31px;border-color:#b9b9b9;background-color:#fff;}
.comm_sel_type3 .jq_sel li {border-color:#b9b9b9}
.comm_sel_type3 .jq_sel ul a {color:#666;padding:5px 2px 5px 8px;}
.comm_sel_type3 .jq_sel ul a:hover {background-color:#eee}

.sel_dim .jq_sel {z-index:1 !important;background-image:url('/img/common/bg_selbox_dim.gif')}
.sel_dim .jq_sel a.jqTransformSelectOpen {background-image:url('/img/common/bg_selbox_dim.gif')}
.sel_dim .jq_sel div span {filter:alpha(opacity=50);Opacity:0.5}
.sel_dim .jq_sel ul {display:none!important}


/* 상단통합 */
#wrap { position:relative; width:100%; }


#header {position:relative; width:100%; margin:0 auto; z-index:999999; }
#header:after { content:""; clear:both; display:block;}
	.h_lnb_wrap { width:100%; height:130px; text-align:center; }
	.h_lnb_wrap .nb_menu { position:relative; height:130px; margin:0 auto;  }
	.h_lnb_wrap .nb_menu .t_logo { position:absolute; left:0; top:25px; }
	.h_lnb_wrap .nb_menu .t_zoom{display:none}

	.h_lnb_wrap .nb_menu .t_menu{position:relative; float:right; padding:0 5px; }
	.h_lnb_wrap .nb_menu .t_menu ul {float:left; margin:33px 0 0 0 }
	.h_lnb_wrap .nb_menu .t_menu li { float:left; font-size:12px; color:#333; padding:10px 7px; } 		
	.h_lnb_wrap .nb_menu .t_menu li.line { font-size:7px; color:#333; padding:7px 0;}
	.h_lnb_wrap .nb_menu .t_menu li a { display:inline; color:#333 }

	.h_lnb_wrap .t_eng{position:absolute; right:120px; top:12px; }
	.h_lnb_wrap .t_eng a { display:inline-block; color:#a1a1a1;; font-size:14px; font-weight:600}
	.t_eng a.on { color: #222;}
	.h_lnb_wrap .t_eng a + a {position: relative; margin-left: 6px;padding-left: 8px; }

	.t_eng a + a::before {
		content: '';
		display: block;
		position: absolute;
		top: 3px;
		left: 0;
		width: 1px;
		height: 12px;
		background-color: #a2a2a2;
	}

	.h_lnb_wrap .nb_menu .t_bon a{position:absolute; right:20px;  top:10px; padding: 1px 5px; color:#fff; background:#2c529f; line-height:160%; font-size:12px;}
	.h_lnb_wrap .nb_menu .t_mylib {position:absolute; right:13px;  top:43px; width:138px; height:33px; background:url("/img/common/t_mypage_bg.gif") no-repeat;}
	.h_lnb_wrap .nb_menu .t_mylib a{color:#fff; line-height:160%; font-size:15px; font-weight:600; letter-spacing:-0.5px; margin:5px 0 0 30px; display:inline-block }


/*탑메뉴*/
#mainmenu_wrap {position:relative; width:100%; height:54px; text-align:center; background:#fff; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; z-index:999999;}
#mainmenu {float:left; width:100%; height:55px; position:relative;}
#nav {width:100%; height:55px; margin:0 auto;  }
#nav ul {float:left; margin:15px 0 0 0; padding:0; list-style:none;}
#nav ul li {float:left; margin:0 25px 0 25px;}

#nav ul li a {text-decoration:none; line-height:18px; font-size:15px; color:#424242; font-weight:600; letter-spacing:-1px;  text-align:center}
            #nav li a:hover, #nav li a:active, #nav li a:focus {font-weight:600; color:#226cbb}
            #nav li a.stay {/*background:#fff !important; */}
#nav ul li .active {/*background:#fff !important;*/ font-weight:600; color:#226cbb}

/* 서브 메뉴 시작 */	
#submenu {display:none;width:100%; height:350px; border-bottom:1px solid #cfcfcf; background:#fff; position:relative;}
.subm_list {width:100%; height:350px; margin:0 auto;}
.subm_list ul {float:left; width:100%; height:300px; margin:15px 0 0 0px; padding:0; list-style:none; color:#5a5a5a; letter-spacing:-0.05em; text-align:left; }
.subm_list ul li{float:left; width:135px; height:14px; margin-right:2px; }
.subm_list ul li ul{width:135px; margin:0; padding:0; list-style:none; }
.subm_list ul li ul li {margin:0 0 13px;}

.subm_list li ul li a:link, .subm_list li ul li a:visited {color:#666668; text-decoration:none; font-size:13px; font-weight:500; letter-spacing:-0.2px}
.subm_list li ul li a:hover, .subm_list li ul li  a:active, .subm_list li ul li a:focus  {color:#2159a3;text-decoration: underline; font-weight:600;}

#container { clear:both; width:100%; margin:0 auto; *zoom:1;  text-align:left;}
#container:after { content:""; clear:both; }



/* 하단통합 */
#footer_area1 {width:100%;  }
#footer_area {width:100%; height:100%; background:url('/img/common/copy_bg.gif') repeat-x; }
.footer {position:relative; width:100%; margin:0 auto;  padding:0 0 0 0; }
.footer:after { content:""; clear:both; display:block;}
.btm_btns {position:relative; display:inline-block; height:50px; padding:0; width: 95%; margin: 0 auto;}
.btm_btns ul {list-style:none; float:left; display:inline; }
.btm_btns ul li {list-style:none; float:left; display:inline; margin:17px 5px 0 15px; color:#898989;}
.btm_btns ul li a{color:#3a3a3a; font-size:13px; }
.btm_btns ul li a:hover{color:#000;text-decoration:underline;}
.btm_btns .right {display:none; float:right; width:215px; margin:8px 2px 0 4px; color:#3a3a3a; }
.btm_btns .right select.c_select {float:left; width:170px; margin:2px 3px 0 0; border:1px solid #bababa; line-height:30px; height:32px; color:#3a3a3a; font-size:13px; 
										vertical-align:middle; box-sizing:border-box; padding-left:3px; font-family:'맑은고딕','Malgun Gothic','나눔고딕','NanumGothic';}
.footer .cl_btm {position:relative; clear:both; margin:0; width:100%}
.footer .cl_btm:after { content:""; clear:both; display:block;}

.cl_btm .f_left_area {float:left; display:none; width:313px; margin:5px 0 0 0;}
.cl_btm .f_left_area p{font-size:10px; letter-spacing:-0.5px; margin:0 0 0 15px;}

.cl_btm .f_right_area {float:left; display:inline;width:95%; margin:20px 0 20px 25px;color:#2a2a2a; font-size:11px; line-height:190%; letter-spacing:-0.5px; }
.cl_btm .f_right_area p{font-size:11px; letter-spacing:-0.5px; margin:3px 0 0 45px;}

.footer .f_login {position:absolute; top:65px; right:5px; height:20px;}
.footer .f_login a{text-align:right; font-size:10px; font-weight:600; color:#fff; line-height:130%; background:#3a3a3a; padding:2px 3px;}

.footer .cl_btm .f_qrcode {display:none; position:absolute; top:20px; right:5px; }


span.fbtn_silib {color:#fff; background:#4c6de1; line-height:160%; padding:2px 8px; font-size:11px; border-radius:3px;}
span.fbtn_child {color:#fff; background:#0ba780; line-height:160%; padding:2px 3px; font-size:11px; border-radius:3px; }
span.fbtn_eng {color:#fff; background:#bf720a; line-height:160%; padding:2px 8px; font-size:11px; border-radius:3px; }
span.fbtn_eul {color:#fff; background:#5f2995; line-height:160%; padding:2px 3px; font-size:11px; border-radius:3px; }


/* 기타 스타일 */
.clear {clear:both;height:0;font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; *zoom:1;}
.clear:after { content:""; clear:both; display:block;}
.cl {clear:both; *zoom:1;}
.cl:after { content:""; clear:both; display:block;}
.cl_area {clear:both; width:980px; margin:0 auto; *zoom:1;}
.cl_area:after { content:""; clear:both; display:block;}
.all_clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
hr, caption, legend {display:none;}

/*정렬*/
.t_c {text-align:center !important;}

/* 투명png */
.png24 {tmp:expression(setPng24(this));}

/*구분스타일*/
.m_t3 {margin-top:3px !important;}
.m_t5 {margin-top:5px !important;}
.m_t9 {margin-top:9px !important;}
.m_t10 {margin-top:10px !important;}
.m_t15 {margin-top:15px !important;}
.m_t20 {margin-top:20px !important;}
.m_t30 {margin-top:30px !important;}
.m_l9 {margin-left:9px !important;}
.m_l400 {margin-left:400px !important;}

.m_b5 { margin-bottom:5px !important;}
.m_b10 { margin-bottom:10px !important;}
.m_b20 { margin-bottom:20px !important;}
.m_b30 { margin-bottom:30px !important;}

.p_t5 {padding-top:5px !important;}
.p_t10 {padding-top:10px !important;}
.p_t15 {padding-top:15px !important;}
.p_t20 {padding-top:20px !important;}
.p_t30 {padding-top:30px !important;}

.p_b5 {padding-bottom:5px !important;}
.p_b10 {padding-bottom:10px !important;}
.p_b15 {padding-bottom:15px !important;}
.p_b20 {padding-bottom:20px !important;}
.p_b30 {padding-bottom:30px !important;}

.p_l3 {padding-left:3px !important;}
.p_l5 {padding-left:5px !important;}
.p_l10 {padding-left:10px !important;}
.p_l15 {padding-left:15px !important;}
.p_l20 {padding-left:20px !important;}
.p_l30 {padding-left:30px !important;}
.p_l100 {padding-left:100px !important;}

.p_r5 {padding-right:5px !important;}
.p_r10 {padding-right:10px !important;}
.p_r20 {padding-right:20px !important;}
.p_r30 {padding-right:30px !important;}
.p_r100 {padding-right:100px !important;}




#main_container {position:relative; width:100%; margin:0 auto; height:100%}
#main_container:after {content:""; clear:both; display:block;}

#main_top{position:relative; width:100%; margin:0 auto; height:100%; background:#fff; }
.top_con{position:relative; width:100%; margin:0 auto; height:100%; top:0; }


/* 팝업*/
.m_popup {position: relative; width: 95%; height:332px; float: left; display: inline-block; margin:15px 0 15px 15px; border:1px solid #dbdbdb; border-radius:5px; overflow:hidden }
.btn_pagination2{position:absolute; }
.pagination2{position:absolute; top:13px; right:5px; z-index:9999}
.pagination2 a{cursor:pointer; margin:0; float: left;}
.banner_area2{height:370px;}
.images2 {height:370px; width:100%; position:relative}
.images2 img{height:332px; width:100%; }


/* 메인-비쥬얼 */
.m_visual {position:relative; display:block; width:100%; height:420px; background:#ddd}
/*635*/
#visual {position: relative; width: 100%; height:420px; margin:0 auto; }
#visual .roll_img {position: absolute; width:100%; height:420px; margin:0 auto; }
#visual .roll_img p{position: relative; height:420px; margin:0 auto; text-align:center}
#img_num1 {background:url('/img/main/main_nimg01.jpg'); background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}
#img_num2 {background:url('/img/main/main_nimg02.jpg'); background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}
#img_num3 {background:url('/img/main/main_nimg03.jpg'); background-repeat: no-repeat; background-size: auto 100%;  background-position: center; transition: all 0.25s;}

#visual .roll_img a {display:block;}
#visual .roll_img a.on {display:block;}
#visual .roll_img a.off {display:none;}

#visual .npbtn {position:absolute; width:100%; right:0; top:170px; height:105px; z-index:9; }
#visual .npbtn a {display:block; top:0px; width:60px; height:105px; text-indent:-9999px; position:absolute;}
#visual .npbtn a.next {background:url('/img/main/btn_p.png') no-repeat; right:0; top:0;}
#visual .npbtn a.prev {background:url('/img/main/btn_n.png') no-repeat; left:0px;}

#visual .remote {display:none; position:absolute;top:205px; right:10px; width:43px; height:44px; overflow:hidden;z-index:3;}
#visual .remote a {line-height:44px;display:block; text-indent:-99999px;}
#visual .remote a.arstop {background:url('/img/main/re_off.png') no-repeat;}
#visual .remote a.arplay {background:url('/img/main/re_on.png') no-repeat;}


#visual_text_area {position: relative; margin:0 auto; width: 90%; z-index:2; }
.visual_text {position: absolute; top:100px; left:5%; width: 80%; height:200px; z-index:99999; font-size:30px; 
				color:#fff; letter-spacing:-0.5px; text-align:left; font-weight:200;  /*text-shadow:2px 2px 5px #000*/}
.visual_text span { display: inline-block; word-break: keep-all; word-wrap: break-word; } 
.vi_text01 {color:#fff; font-size:19px; width:100%; line-height:130%; font-weight:600 }
.vi_text02 {margin:20px 0 20px 0; color:#fff; font-size:40px; width:90%; line-height:120%; }
.vi_text02 b{font-weight:600}
.vi_text03 {color:#fff; font-size:17px; width:90%;  line-height:130%; }
.vi_sha {text-shadow:2px 2px 5px #000 !important}
.w90 {width:90% !important}

.mobile_id {display:none}


/*메인_빠른메뉴*/

.m_btn {position:relative; float: left; width:95%; margin:0 0 15px 15px; background:#f6f6f6; border:1px solid #dbdbdb; border-radius:5px; }
.m_btn ul {margin:10px 0 10px 0; display:inline-block }
.m_btn ul li{float:left; width:91px; height:85px; letter-spacing:-0.5px; font-size:13px; font-weight:500; padding:0 8px 0 8px; text-align:center; color:#383838; }
.m_btn ul li img{text-align:center; margin:0 0 5px 0; width:65px; height:56px;}
.m_btn ul li:hover img{opacity: 0.7; }
.m_btn ul li a{color:#383838; }


#m_content_area {position:relative; width:100%; margin:0 auto; height:100%;}
#m_content_le {position:relative; width:100%; margin:0 auto; height:100%;}
#m_content_ri {position:relative; width:100%; margin:0 auto; height:100%;}



/*메인_검색*/
.m_search {position:relative; float:left; width:95%; margin:0 0 15px 15px;  height:105px; background:#226cbb; overflow:hidden; overflow:hidden; border-radius:5px;}
.m_search h2 {float:left; width:100%; text-align:left; font-size:16px; font-weight:600; color:#fff;  margin:15px 10px 0 25px}
.m_search input.minput_t {float:left; width:80%; height:35px; margin:13px 0 0 15px; color:#5f5f5f; font-size:13px; padding-left:10px;  border:1px solid #fff; }
.m_search input.minput_btn {width:46px; height:36px; border:none; padding:0; margin:13px 0 0 7px}
.m_search .search_title {position:absolute; left:150px; padding:21px 10px 0 0; font-size:15px; color:#000; font-weight:600}



/* 공지사항 */
.m_notice_area {position: relative; width: 95%; float: left; }
.m_notice {position: relative; width:100%; float: left; display: inline-block; margin:0 0 15px 15px; border:1px solid #dbdbdb; overflow:hidden; border-radius:5px; }
.m_notice h2 {width:90%;height: 32px; margin:20px 0 0 20px; text-align:left;  font-size:17px; font-weight:600; color:#016ead; padding:0}
.m_notice .notice_list {float:left; width:93%;  margin:7px 0 15px 20px; font-size:14px; font-weight:500; }
.m_notice .notice_list ul{float:left; }
.m_notice .notice_list ul li{float:left; width:100%; line-height:190%; text-align:left; font-size:13px; color:#424242; }
.m_notice .notice_list ul li a{color:#424242; }
.m_notice .boardMore {padding: 5px 7px; top: 20px; right: 20px; position: absolute; font-size:19px; font-weight:500; color:#fff; background:#c8c8c8; border-radius:25px;}

/*메인 공지사항 버튼*/

span.mbtn_silib {color:#fff; background:#4c6de1; line-height:160%; padding:3px 11px; font-size:11px; border-radius:3px; margin:0 5px 0 0}
span.mbtn_child {color:#fff; background:#0ba780; line-height:160%; padding:3px 6px; font-size:11px; border-radius:3px; margin:0 5px 0 0}
span.mbtn_eng {color:#fff; background:#bf720a; line-height:160%; padding:3px 11px; font-size:11px; border-radius:3px; margin:0 5px 0 0}
span.mbtn_eul {color:#fff; background:#5f2a96; line-height:160%; padding:3px 6px; font-size:11px; border-radius:3px; margin:0 5px 0 0}
span.mbtn_all {color:#fff; background:#5e5e5e; line-height:160%; padding:3px 11px; font-size:11px; border-radius:3px; margin:0 5px 0 0}
span.mbtn_notice {color:#5e5e5e; background:#d10b3a; line-height:160%; padding:3px 11px; font-size:11px; border-radius:3px; margin:0 5px 0 0}
span.mbtn_child02 {color:#fff; background:#ec64bb; line-height:160%; padding:3px 7px; font-size:12px; margin:0 5px 0 0}
span.mbtn_teen {color:#fff; background:#36b1ec; line-height:160%; padding:3px 7px; font-size:12px;  margin:0 5px 0 0}
span.mbtn_person {color:#fff; background:#f97c0d; line-height:160%; padding:3px 7px; font-size:12px; margin:0 5px 0 0}


span.mbtn_red {color:#fff; display: inline-block; width:50px;  text-align:center; background:#b01b1b; line-height:160%; padding:3px 0; font-size:11px; border-radius:3px; margin:0 0 0 0}
span.mbtn_gray {color:#fff; display: inline-block; width:40px;  text-align:center; background:#868686; line-height:160%; padding:3px 0; font-size:11px; border-radius:3px; margin:0 0 0 0}
span.mbtn_green {color:#fff; display: inline-block; width:50px;  text-align:center; background:green; line-height:160%; padding:3px 0; font-size:11px; border-radius:3px; margin:0 0 0 0}
span.mbtn_blue {color:#fff; display: inline-block;  width:40px; text-align:center; background:#06a0bc; line-height:160%; padding:3px 0; font-size:11px; border-radius:3px; margin:0 0 0 0}



/*메인 도서관이용안내 버튼*/
.m_libbtn {position: relative; width: 100%; float: left; display: inline-block; margin:0 0 15px 15px;  background:#f7f7f7; border:1px solid #dbdbdb; border-radius:5px; }
.m_libbtn p{background:url('/img/main/m_libuse_bg.png') no-repeat;  height:33px; margin:9px 0 0 15px; font-size:16px; font-weight:600; color:#333; padding:3px 0 0 40px;}
.m_libbtn .boardMore {padding: 5px 7px; top: 10px; right: 20px; position: absolute; font-size:19px; font-weight:500; color:#fff; background:#c8c8c8; border-radius:25px;}



/* 도서관별 프로그램 */
.m_pro_area {position: relative; width: 95%; float: left;}
.m_program {float:left; position:relative; width:100%; margin:0 0 15px 15px;  border:1px solid #dbdbdb; overflow:hidden; border-radius:5px; }
.m_program h2 {height: 28px; margin:20px 0 0 20px;  text-align:left; font-size:17px; font-weight:600; color:#3c3c3c; }

.tabs1 {float:left; width:100%; margin:0 auto;font-size:13px;}
.tabMenu1 {height:28px; margin:10px 8px 5px 8px; background: #f2f2f2;}
.tabMenu1 li {float:left;position:relative;display:block; width:60px; height:25px; text-align:center; font-weight:500;}
.tabMenu1 li a {position:absolute; left:0; top:0; display:display:inline-block; width:60px; height:25px; padding-top:4px;color:#1a1a1a;}
.tabMenu1 li.active a {width:60px; font-weight:600;color:#15389b;}

.tab-cont1 {clear:both; padding:0; width:95%; margin: 5px 15px 0 15px; }
.tab-cont1 .boardMore {padding: 5px 7px; top: 20px; right: 20px; position: absolute; font-size:19px; font-weight:500; color:#fff; background:#c8c8c8; border-radius:25px;}
.program_list {position:relative;  float:left; width:100%; margin:8px 0 15px 0;  }
.program_list ul li{position:relative; float:left; display:inline-block; width:100%; height:25px; line-height:170%; text-align:left; font-size:12px; color:#424242; }
.program_list ul li span.date{position:absolute; top:0; right:5px; letter-spacing:-0.5px;}

span.mpro_close {color:#fff; background:#000; line-height:160%; padding:3px 9px; font-size:11px; margin-right:8px; border-radius:3px; }
span.mpro_app {color:#fff; background:#db3716; line-height:160%; padding:3px 9px; font-size:11px; margin-right:8px; border-radius:3px; }
span.mpro_wait {color:#fff; background:#4b9515; line-height:160%; padding:3px 9px; font-size:11px; margin-right:8px; border-radius:3px; }


/* 영화상영*/
.m_movie {float:left; position:relative; width:100%; height:100%; margin:0 0 15px 15px;  border:1px solid #dbdbdb; border-radius:5px; }
.m_movie h2 {width:100%; height: 32px; margin:20px 0 0 20px; text-align:left; float:left; font-size:16px; font-weight:600; color:#333; padding:0;}
p.m_movie_s {color:#424242; font-weight:500; font-size:14px; line-height:150%; text-align:left; margin:6px 0 0 0; float: left; display: inline-block;  width: 45%;}
p.m_movie_t {color:#1c1c1c; font-weight:600; font-size:15px; line-height:180%; text-align:left;  margin:10px 0 0 0; float: left; display: inline-block;  width: 45%;}
.m_movie_img {float:left; text-align:left; width:35%; height:180px; margin:5px 20px 15px 20px;  }
.m_movie_img img{ width:100%; height:180px; border:1px solid #dbdbdb; }
.m_movie .boardMore {padding: 5px 7px; top: 16px; right: 20px; position: absolute; font-size:19px; font-weight:500; color:#fff; background:#c8c8c8; border-radius:20px;}



/* 추천도서 안내 */
.recommend_tab {width: 95%; float: left; margin:0 0 15px 15px; display: inline-block; position: relative; border:1px solid #dbdbdb; border-radius:5px;}
.recommend_tab .recommend_tab_list {height: 38px; width:100%; margin: 15px 0 0 0; }
.recommend_tab .recommend_tab_list li {margin: 0px; padding: 0px; width: 50%; height: 38px; float: left; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.recommend_tab .recommend_tab_list li a {overflow: hidden; display: block; padding:10px 0 0 0; text-align:center; font-size:15px;}
.recommend_tab .recommend_tab_list li#recommend1 a {width: 100%; height:28px; color:#3c3c3c}
.recommend_tab .recommend_tab_list li#recommend2 a {width: 100%; height:28px; margin-left: -1px; color:#3c3c3c}
.recommend_tab .recommend_tab_list li#recommend1 a:hover,
.recommend_tab .recommend_tab_list li#recommend1 a:active,
.recommend_tab .recommend_tab_list li#recommend1 a:focus {width: 100% !important; color:#016ead !important; font-weight:600 !important}
.recommend_tab .recommend_tab_list li.on a.recommend1a { height:28px; width: 100% !important; color:#016ead !important; font-weight:600 !important}
.recommend_tab .recommend_tab_list li#recommend2 a:hover,
.recommend_tab .recommend_tab_list li#recommend2 a:active,
.recommend_tab .recommend_tab_list li#recommend2 a:focus{width: 100% !important;  margin-left: -1px; color:#016ead !important; font-weight:600 !important}
.recommend_tab .recommend_tab_list li.on a.recommend2a {height:28px; width: 100% !important; margin-left: -1px; color:#016ead !important; font-weight:600 !important}

.recommend_contents {display: none;  height:230px; margin:25px 0 0 20px}
.recommend_contents ul{float:left; }
.recommend_contents ul .list {position: relative; float:left; height:190px; margin:1px 0 0 5px; }
.recommend_contents ul .list ul {color:#fff; line-height: 120%; float: left;  width:137px; margin:0 5px 0 5px; }
.recommend_contents ul .list ul li.bookimg {margin:0; width:122px; text-align:center; padding-top: 7px; background: url("/img/main/m_book_cover.gif") 0px 0px no-repeat; }
.recommend_contents ul .list ul li.bookimg img{width:122px; height:150px; border:1px solid #d4d4d4; }
.recommend_contents ul .list ul li.subject {color:#333; font-size:14px; width:122px; float: left; text-align:center; margin:15px 0 0 0; font-weight:600;}
.recommend_contents ul .list ul li.subject a{color:#333;}
.recommend_contents ul .list ul li.bookinfo{font-size:13px; color:#333; width:122px; float: left; text-align:center; margin: 7px 0 0 0;}
.recommend_tab .boardMore {padding: 5px 7px; top: 22px; right: 20px; position: absolute; font-size:19px; font-weight:500; color:#fff; background:#c8c8c8; border-radius:20px;}


/* 행사일정*/
.m_calendar{position: relative; width: 95%; float: left; display: inline-block; margin:0 0 15px 15px; border:1px solid #dbdbdb; border-radius:5px;}
.m_calendar_c {float:left; margin:37px 0 0 10px; width:15%; text-align:center; font-size:17px; color:#424242; }
.m_cal_color {color:#db3716; font-size:25px;}
.m_calendar_list {float:left; margin:20px 0 15px 5px; width:80%; text-align:left; }
.m_calendar_list ul{float:left; }
.m_calendar_list ul li{font-size:14px; color:#424242; font-weight:600; line-height:200%;}


.h_day1{color: #fff; background: #4c6de1; border-radius: 25px; padding: 2px 5px; font-size: 11px; width: 14px; display: inline-block; text-align: center; line-height: 170%;}
.h_day2{color: #fff; background: #0ba780; border-radius: 25px; padding: 2px 5px; font-size: 11px; width: 14px; display: inline-block; text-align: center; line-height: 170%;}
.h_day3{color: #fff; background: #bf720a; border-radius: 25px; padding: 2px 5px; font-size: 11px; width: 14px; display: inline-block; text-align: center; line-height: 170%;}


.m_calendar .boardMore {padding: 5px 7px; top: 16px; right: 20px; position: absolute; font-size:19px; font-weight:500; color:#fff; background:#c8c8c8; border-radius:20px;}

.m_cal_color1 {display:inline-block; margin-right: 23px; color:#153ecc }
.m_cal_color2 {display:inline-block; margin-right: 10px; color:#017f5f}
.m_cal_color3 {display:inline-block; margin-right: 23px; color:#8f5406}




/* 20221020 추가 */

/*뉴도서_검색*/
.mn_search_w{position:relative; background:#4f59bb; width:100%; height:105px;margin:0 auto; padding:12px 0; }
.mn_search {position:relative; float:left; width:95%; margin:0 0 15px 15px;  height:105px; background:#4f59bb; overflow:hidden; }
.mn_search h2 {float:left; width:100%; text-align:left; font-size:16px; font-weight:600; color:#fff;  margin:15px 10px 0 25px}
.mn_search input.minput_t {float:left; width:80%; height:35px; margin:13px 0 0 15px; color:#5f5f5f; font-size:13px; padding-left:10px;  border:1px solid #fff; }
.mn_search input.minput_btn {width:76px; height:36px; border:none; padding:0; margin:13px 0 0 7px}
.mn_search .search_title {position:absolute; left:150px; padding:21px 10px 0 0; font-size:15px; color:#000; font-weight:600}


/*신규_휴관일*/
.mn_day_w {position:relative; display:inline-block; width:100%; margin:0 auto; padding:40px 0; border-bottom:1px solid #dbdbdb }
.mn_day {position:relative; display:inline-block; width:100%; margin:0 auto; background:#fff; }
.mn_day h2 {float:left; display:inline-block; text-align: left; color:#000; font-size:20px; font-weight:500; line-height:110%; margin:0 0 15px 15px; }
.mn_day h2 b {font-size:26px;  font-weight:600}

.mn_day ul{float:left; width:93%; margin:0 0 15px 15px; }
.mn_day ul li {float:left; width:50%; font-size:18px; color:#000; font-weight:500; line-height:110%;font-weight:500; margin:0 0 15px 0}
.mn_day ul li h4 {float:left; width:65px; text-align: center; font-size:18px; color:#fff;  font-weight:500; padding: 11px 0; margin:0 12px 0 0 }
.mn_day ul li span { float:left; font-size:13px; color:#7b7b7b; font-weight:500; letter-spacing:-0.5px;}
.mn_day_c1 {background:#4c6de1;}
.mn_day_c2 {background:#a069ba;}
.mn_day_c3 {background:#0ba780;}
.mn_day_c4 {background:#bf720a;}
.mn_day_c5 {background:#686868;}

/*신규_아이콘*/
.mn_icon_w {position:relative; width:100%; margin:0 auto; padding:30px 0 30px 0; border-bottom:1px solid #dbdbdb}
.mn_icon {position:relative; width:100%; margin:0 auto; background:#fff; }
.mn_icon ul {display:inline-block }
.mn_icon ul li{float:left; width:110px; height:110px; letter-spacing:-0.5px; font-size:16px; font-weight:500; margin:0 0 25px 0; padding:0 20px; text-align:center; color:#383838; }
.mn_icon ul li img{text-align:center; margin:0 0 10px 0; width:80px; height:80px;}
.mn_icon ul li:hover img{opacity: 0.7; }
.mn_icon ul li a{color:#383838; }


/*신규_프로그램*/
.mn_pro_w {position:relative; width:100%; margin:0 auto; padding:80px 0 90px 0; background:#eff1f0}
.mn_pro {position:relative; width:100%; height:100%; margin:0 auto;  }
.mn_pro h2 {position:relative; width:100%;  font-size:24px; color:#000; margin:0 auto; text-align:center; font-weight:600 }

.ntabMenu1 {display:block; width:90%; height:30px; margin:25px auto 45px auto; }
.ntabMenu1 li {float:left; position:relative;display:block; width:25%; height:30px; font-weight:500;  font-size:17px; }
.ntabMenu1 li a {display:block; text-align:center;  width:100%; height:30px; color:#000; }
.ntabMenu1 li.active a {font-weight:600;color:#1f47d5; border-bottom:2px solid #1f47d5 }

.ntab-cont1 {position:relative; clear:both; padding:0; height:100%; margin:30px 0 0 0; }
.mn_pro_list {position:relative; display:inline-block; width:95%; height:190px; margin:0 0 10px 10px; background:#fff; border:1px solid #dbdbdb;}
.mn_pro_list h2 {display:inline-block; width:80%;  font-size:17px; font-weight:600; color:#000; text-align:left; margin:65px 0 0 22px; 
						word-break: keep-all; word-wrap: break-word;}
.mn_pro_list p {display:inline-block; width:80%;  font-size:14px; font-weight:500; color:#616161; text-align:left; margin:10px 0 0 22px; line-height:150%}
.mn_pro_list p span {display:inline-block; font-size:16px; margin:0 25px 0 0}
.mn_pro_d {position:absolute; top:22px; left:22px; font-size:15px; color:#fff; padding:2px 0; width: 55px; text-align: center;}
.mn_pro_s {position:absolute; bottom:0px; left:0px; font-size:17px; text-align:center; color:#fff; width:100%; padding:8px 0}
a.mn_pro_more {position:absolute; top:27px; right:20px; color:#7e7e7e; font-size:32px; font-weight:500; }
.mn_pro_c1 {background:#55a944} 
.mn_pro_c2 {background:#e23f59}
.mn_pro_c3 {background:#797979}

/*신규_추천도서*/
.mn_book_w {position:relative; width:100%; margin:0 auto; padding:0 0 100px 0 ; 
					background:url("/img/main/mn_book_bg.jpg") no-repeat top center}
.mn_book {position:relative; width:100%; margin:0 auto; }
.mn_book h2 {position:relative; width:100%;  font-size:21px; color:#fff; padding:75px 0 55px 0; margin:0 auto; text-align:center; font-weight:600 }

.mn_book_r {position:relative; width:500px; height:375px; background:#fff; margin:0 auto; border-bottom:1px solid #ddd }
.mn_book_r h3 {position:relative; width:90%;  font-size:19px; color:#000; padding:35px 0; margin:0 auto; 
						text-align:left; font-weight:600; background:none }
.mn_book_r .rlist {position:relative; display:inline-block; margin:0 0 0 55px; width:170px; height:260px; }
.mn_book_r .rlist img {display:inline-block; width:170px; height:195px; margin:0 0 12px 0;}
.mn_book_r .rlist p {display:block; font-size:17px; color:#575757; text-align:center; font-weight:600; line-height:130%}
.mn_book_r .rlist p span {display:block; width:100%; font-size:15px; color:#6a6a6a; font-weight:500; }
.rlist_d {position:absolute; top:0px; left:0px; text-align:center; color:#fff; font-size:14px; padding:3px 0; width:55px;}
.mn_book_r .boardMore { top:40px; right: 30px; position: absolute; font-size:33px; font-weight:500; color:#222; }

.mn_bw {width:170px !important; }
.mn_bl {margin:0 0 0 0 !important}


/*신규_공지사항*/
.mn_not_w {position:relative; width:100%; margin:0 auto; padding:60px 0 70px 0; }
.mn_not {position:relative; width:90%; margin:0 auto; }

.notice_tab  {position:relative; float:left; width:100%; height:370px; margin:0 0 30px 0; }
.notice_tab .notice_tab_list {width:100%; height: 55px; margin:0 0 0 0; border-bottom:2px solid #000 }
.notice_tab .notice_tab_list li {margin:0;  display:inline-block; text-align:center; float: left;}
.notice_tab .notice_tab_list li a {font-size:18px; font-weight:500; color:#575757; letter-spacing:-0.5px; }
.notice_tab .notice_tab_list li#notice1 a, #notice2 a, #notice3 a, #notice4 a, #notice5 a 
									{float:left; font-size:18px; font-weight:500; color:#575757; padding: 18px 20px 18px 0; }
.notice_tab .notice_tab_list li.on a.notice1a {color:#000 !important; font-size:22px !important; font-weight:600 !important; }
.notice_tab .notice_tab_list li.on a.notice2a {color:#000 !important; font-size:22px !important; font-weight:600 !important; }
.notice_tab .notice_tab_list li.on a.notice3a {color:#000 !important; font-size:22px !important; font-weight:600 !important; }
.notice_tab .notice_tab_list li.on a.notice4a {color:#000 !important; font-size:22px !important; font-weight:600 !important; }
.notice_tab .notice_tab_list li.on a.notice5a {color:#000 !important; font-size:22px !important; font-weight:600 !important; }

.notice_contents {display: none; float:left; width:100%; height:275px; margin:25px 0 0 0; } 
.notice_contents p{ display:inline-block; width:100%; margin:0; padding:0; line-height:220%; text-align:left; font-size:16px; color:#363636; }
.notice_contents p a{color:#363636; }
.notice_contents p span{display:inline-block; text-align:center; color: #fff; font-size:14px; margin:0 15px 0 0; padding:0; 
							height:22px; width:53px; line-height:140%}
.notice_tab .boardMore { top: 20px; right: 5px; position: absolute; font-size:45px; font-weight:500; color:#222; }
.mnb_state {margin:0 0 0 7px; color:#fff; background:#d60808; font-size:13px; padding:1px 4px;}


/*메인-팝업존*/
.blind{ overflow:hidden;position:absolute;top:0;left:-10000px;width:1px;height:1px;}
.hide{display:none;padding:0;margin:0;}

.bannerto{height:370px; width:100%; margin:0 auto; position:relative; overflow:hidden; background:#fff;}
.bannerto h2 {float:left; font-size:22px; width:100%; font-weight:600; color:#000; margin:12px 0 10px 0 }
.btn_pagination{position:absolute; }
.pagination{position:absolute; top:13px; right:5px; z-index:9999}
.pagination a{cursor:pointer; margin:0; float: left;}
.banner_area{height:370px;}
.images {height:320px; width:100%; position:relative}
.images img{height:315px; width:99%; border:1px solid #dbdbdb}




/* 배너모음*/
.m_banner {float:left; position:relative; width:95%; margin:0 0 15px 15px; display: inline-block; border:1px solid #dbdbdb; }
.select_direction{cursor:pointer;}

table.slider_table {position:relative; text-align:center; margin:0 auto; width:90%;}
.slider_td{padding:10px 20px 0 20px; width:100%;}
.slider_ul li {padding-right:9px; float:left; white-space: nowrap; overflow:hidden; }
.slider_ul li img {vertical-align:top; width:168px; height:45px;white-space: nowrap;}
.slider_ul li h1 {padding:0; margin:0;line-height:20px; overflow:hidden; text-align:center; font-size:11px; font-weight:normal; padding-top:2px;white-space: nowrap; display:none;}

#bn_arrow {position:relative; margin:10px 0 0 15px; float:left; width:100%;}
#bn_arrow ul li {display:inline; float:left; }
#bn_arrow ul li a{display:inline; float:left; padding: 5px 0 0 0px;}

/*서브*/
#sub_container_area {width:100%; margin:0 auto; } /*border-left:1px solid #ddd;*/
#sub_container_area:after { content:""; clear:both; display:block;}
.sub_container {width:100%; margin:0 auto; position: relative;  background:#fff; max-height:100%;  }
.sub_container:after { content:""; clear:both; display:block;}

.sub_center_area {float: left; display: inline-block; margin:0;  }
.sub_center_area:after { content:""; clear:both; display:block;}

/*서브비쥬얼*/
#sub_img {position: relative; float:right; width:100%; height:170px; margin:0 auto; overflow:hidden;}
#sub_img img{width:100%; height:170px; }
.sub_icon{position: relative; float:right;  height:25px; margin:10px 10px 2px 0; *zoom:1; width:100%; text-align:right; }

/*타이틀영역*/
#sub_img .sub_title_area {position: absolute; top:0; left: 0; height:55px; margin:95px 0 0 20px; *zoom:1; width:100%; text-align:left; }
.sub_title_area:after { content:""; clear:both; display:block;}
.sub_title_area h2 {width: 100%; float:left; display:inline; height:35px; padding: 10px 0 0 5px; margin:0; font-size:20px; color:#0d4c99; font-weight:600;letter-spacing:-0.1px; }
.sub_title_area .location_warp .location {float:left; display:inline; margin:0px 0 0 7px; font-size:13px !important; color:#656565; }
.sub_title_area .location_warp .location img {width:18px !important; height:16px !important; float:left; display:inline; margin:2px 5px 0 0;}
.sub_title_area .location_warp .location a { font-weight:500; font-size:14px !important;color:#656565;}
.sub_title_area .location_warp .print { /*float:left;*/ margin-left:10px; margin-top: -6px;} 
.sub_title_area .location_warp { position:relative; }


/* 좌측메뉴 */
.left_menu_area{position: relative; width:100%; margin-top:0; text-align:left; z-index:9999; float:left; background:#fff; border-bottom:1px solid #ddd}

.left_menu_title{display: none; position: relative; float:left; width:15%;}
.left_menu_title h2 {font-size:17px; margin:15px 0 15px 0; line-height:100%; color:#215ace; font-weight:600; text-align:center; letter-spacing:-0.05em;} 

/* 좌측메뉴_1단 */
.left_menu_area .slist_area {display: none; padding:0; margin:0; width:85%; float: left; }
.left_menu_area .slist_area ul {padding:0; width:100%; margin:10px 0 0 0}
.left_menu_area .slist_area ul li {float:left; text-align:left; display:block; list-style:none; }
.left_menu_area .slist_area ul li.leftmenu_size {}
.left_menu_area .slist_area ul li a {display:block; margin:0; line-height:200%;  padding:0 0 5px 16px; font-size:13px; color:#333; }
.left_menu_area .slist_area ul li a:hover { color:#215ace !important; text-decoration:underline; }
.left_menu_area .slist_area ul li a.select  { color:#215ace !important; font-weight:600; }

/* 좌측메뉴_2단 */
.left_menu_area .slist_area ul {display: none; height:100% !important}
.left_menu_area .slist_area ul li ul {display:block; padding:0; background: #f5f5f5; margin:0 0 5px 10px; float: left; }
.left_menu_area .slist_area ul li ul li {border:none; height:35px; padding-left:0;}
.left_menu_area .slist_area ul li ul li a {background:none !important; font-size:13px; padding:7px 7px; margin:0px 0 0 0; color:#666; font-weight:500;letter-spacing:-0.04em;}
.left_menu_area .slist_area ul li ul li a:hover { background:none !important; min-height:normal;color:#215ace !important;}
.left_menu_area .slist_area ul li ul li a.select { background:none !important;font-weight:600;color:#215ace !important;  }



.sub_content_area {margin:0px; padding:0; height:100%;}


/*컨텐츠영역*/
#content { position: relative; width:95%; float:left; margin:0; padding:25px 15px 25px 15px; color:#535353; text-align:left; }
#content:after { content:""; clear:both; display:block;}

/* 서브탭 */
.sub_tab_menu { clear:both; margin:5px auto 5px auto; border-bottom:1px solid #EFEFEF; *zoom:1;}
.sub_tab_menu:after {content:""; clear:both; display:block;}
.sub_tab_menu ul * { font-size:11px; font-weight:bold;color:#FFF; text-decoration:none !important;}

.sub_tab_menu ul li { float:left; display:inline; border:1px solid #c8c8c8; margin:0 2px 0 0; padding:1px;}
.sub_tab_menu ul li a { display:block;  padding:3px 15px; border:1px solid #e3e3e3; background: #c8c8c8; color:#FFF;}
.sub_tab_menu ul li a span {}

.sub_tab_menu ul li.active,
.sub_tab_menu ul li:hover { border:1px solid #e88291;}
.sub_tab_menu ul li.active a,
.sub_tab_menu ul li:hover a { border:1px solid #e88291; !important; background:#e88291 !important; }
.sub_tab_menu ul li.active a span,
.sub_tab_menu ul li:hover a{}

/*로그인 창*/
.login {width:100%; margin:20px auto; /*background:url(/board/skin/member/basic/img/login_bg.gif);*/ padding:0px 0px;}
.login h2 {margin:0 auto; text-align:center; width:100%;}
.login_area {padding:40px 0 0 10px;width:100%; margin:0 auto; text-align:center;}
.login_area .title {margin:0;height:30px;}
.login .input {width:375px;margin:0 auto; padding:20px 0 0 0; text-align:center}
.login .input .enter { margin:0px 0 20px 0px; height:55px; width:375px; }
.login .input .enter table.box {width:275px; float:left;border-collapse:collapse;margin:0 0 0 10px;}
.login .input .enter table.box tr td {padding:0;margin:0;}
.login .input .enter .btn_login_enter {width:62px;float:right;margin:0 20px 0 0}

.login .input .all_btn {clear:both;padding:0px 0 0 0;border-top:1px solid #dbdbdb}
.login .input .all_btn .all_btn_area {width:265px;height:60px;padding:15px 0 0 20px;}
.login .input .all_btn .all_btn_area h3.all_btn {margin:0 0 8px 0;border:none;padding:0}
.login .input .all_btn .all_btn_area ul {}
.login .input .all_btn .all_btn_area ul li {float:left;list-style:none;}
.login .input .all_btn .all_btn_area ul li.cen {padding:0 5px}


/*리스트 스타일*/
ul.style {padding:0px 0 3px 0px; }
ul.style li {padding:3px 0 0 10px; background:url(/img/sub/l_b_01.gif) no-repeat 0 10px !important; list-style:none; list-style-type:none; color:#606060}
ul.style a {color:#0175c5 !important;}
ul.style a:hover {color: #59615c !important;}



/* 문단 스타일 */
.text {padding:5px 0px 10px 0px; line-height:160%; color:#464545; margin:0 0 0 0; *zoom:1; }
.text:after { content:""; clear:both; display:block; }
input.input_none {cursor:pointer; background:none; border:none;color:#fff; font-size:12px; font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif';}
select.basic_select {box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; padding-left:5px; border:1px solid #d1cfcf; width:160px;
 font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif';}
input.basic_input {box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; .height:26px; 
						color:#151515; font-size:13px; margin-bottom:3px; padding-left:5px; border:1px solid #d1cfcf; width:150px;
						font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif';}


h3 {text-align:left; clear:both; background:url("/img/sub/h3.gif") no-repeat 2px 4px; font-weight:600; font-size:15px; color:#102b53; padding-left:20px; margin: 0 0 6px 0; }
h5 { text-align:left; clear:both; background:url("/img/sub/h5.gif") no-repeat 2px 4px; font-weight:500; font-size:13px; color:#333; padding-left:17px; margin: 0 0 5px 20px; }

h3.private { text-align:left; background:url("/img/sub/h3_p.gif") no-repeat 0px 2px; font-weight:600; font-size:16px; color:#333; padding-left:22px; margin: 0 0 6px 0; }
h4.private2 { text-align:left; font-weight:600; font-size:14px; color:#2051ad; padding-left:17px; padding-top:0; 
					padding-bottom:0; padding-right:0; margin: 0 0 5px 10px; background:url("/img/sub/h4.gif") no-repeat 2px 4px; }

ul.txt_list { margin:0 0 5px 30px;}
ul.txt_list li {list-style:none; background:url("/img/common/blut_01.gif") no-repeat 2px 8px; padding:3px 0 3px 12px; color:#7E7E7E; margin: 0;}
ul.txt_list2 { margin:0 0 5px 18px;}
ul.txt_list2 li {list-style:none; background:url("/img/common/blut_01.gif") no-repeat 2px 8px; padding:3px 0 3px 10px; color:#555; margin: 0;}
ul.txt_list2 li li { list-style:none; background:url("/img/common/blut_02.gif") no-repeat 2px 10px; padding:3px 0 3px 12px; color:#888; margin: 0;}
li.number { list-style-type:decimal; margin-left:15px; letter-spacing:-0.5px}
.s_txt_area { margin: 0 0 10px 24px; font-size:13px; line-height:160%; color:#333; }
.s_txt_area ul li.alpha { list-style-type:disc; margin-left:45px; letter-spacing:-0.5px; font-size:12px; }
.s_txt_area ul li.number { list-style-type:decimal; margin-left:27px; letter-spacing:-0.5px;}
.s_txt_area ul li.alpha_t { list-style-type:disc; margin-left:27px; letter-spacing:-0.5px; }


.txt_area { text-align:left; margin: 0 0 15px 15px; font-size:13px; line-height:160%; color:#333;}
.txt_area2 { margin: 0 0 10px 31px; font-size:11px; line-height:150%; color:#888;}
.txt_area3 { margin: 0 0 10px 24px; font-size:12px; line-height:160%; color:#333;}
.txt_area4 { margin: 0 0 15px 0; font-size:13px; line-height:160%; color:#333;}
.txt_area5 { margin: 0 0 10px 37px; font-size:12px; line-height:160%; color:#333;}

.img_area3 {width:100%;margin:5px 5px; text-align:center;}
.img_area3 img{width:100%;}

.table_area {float:left; width:96%; margin: 6px 10px 15px 32px;}
.table_area2 {float:left; width:98%; margin: 5px 0 25px 15px;}
.table_area3 {float:left; width:98%; margin: 0 0 15px 32px;}

.table_print { margin: 5px 5px;}
.map_area { float:left; width:98%; margin:0 0 0 0px; border:1px solid #ddd;}
.map_area2 { float:left; width:98%; margin:15px 0 15px 0px; text-align:center;}
p.tb_title { width:100%; text-align:right; margin:0 0 5px 0}

/*테이블*/
table.type_01 {width:100%; border-top:2px solid #569fd8; border-bottom:2px solid #569fd8;  margin:10px auto; border-collapse:collapse;}
table.type_01 tr th {padding:5px 0px; border:1px solid #d9d9d9; background:#F9F9F9; color:#666; font-weight:normal; text-align:center; vertical-align:middle; font-weight:bold;}
table.type_01 tr td {padding:5px 5px; border:1px solid #d9d9d9; background:#FFF; color:#5c5c5c;vertical-align:middle; text-align:left;}
table.type_01 tr td.center {padding:5px 5px; border:1px solid #d9d9d9; background:#FFF; color:#5c5c5c;vertical-align:middle; text-align:center;}

table.adm_type_01 {width:75%; border-top:2px solid #569fd8; border-bottom:2px solid #569fd8;  margin:10px auto; border-collapse:collapse;}
table.adm_type_01 tr th {padding:5px 0px; border:1px solid #d9d9d9; background:#F9F9F9; color:#666; font-weight:normal; text-align:center; vertical-align:middle; font-weight:bold;}
table.adm_type_01 tr td {padding:5px 0px; border:1px solid #d9d9d9; background:#FFF; color:#5c5c5c;vertical-align:middle; text-align:left;}


/*게시판_비회원글쓰기시 안내문구*/
.board_tinfo {width:95%; border:1px solid #ddd; padding:15px 15px; font-size:13px; font-weight:500; line-height:160%; color:#333; float: left;  margin: 0 0 25px 0;}
.board_tinfo p{background:url("/img/sub/h3.gif") no-repeat 2px 4px; padding-left:20px; font-weight:500; line-height:180%; color:#000}
.board_tinfo span.b_tpoint{font-weight:600; color:#000}
.board_tinfo span.b_tcolor1 {font-weight:600; color:#e94639}
.board_tinfo span.b_tcolor2 {font-weight:600; color:#419620}
.board_tinfo span.b_tcolor3 {font-weight:600; color:#d2173f}
.board_tinfo span.b_tcolor4 {text-decoration:underline}
.board_tlist {margin:7px 7px; padding:10px 10px; background:#f2f2f2;}


/* 문의사항 박스 */
.tel_section{width:740px;float: left; margin:35px 0 15px 15px; border-top:1px solid #4558a2;background:url("/img/sub/bg_tel_section.png") no-repeat 0 0}
.tel_section .desc_txt{padding:30px 0 0 120px;color:#757575;font-size:14px;height:20px;font-family:'나눔고딕',NanumGothic}
.tel_section .respon_area{padding:0 0 0 120px;height:40px;zoom:1}
.tel_section .respon_area:after{content:'';clear:both;display:block}

.tel_section .respon_area .respon_01{float:left;padding:3px 0 0 0;color:#3f3f3f;font-size:14px;font-family:'나눔고딕',NanumGothic}
.tel_section .respon_area .respon_02{float:left;padding:3px 0 0 40px;color:#3f3f3f;font-size:14px;font-family:'나눔고딕',NanumGothic}
.tel_section .point_area{position:relative;z-index:0;background:#1e3a5d;color:#fff;zoom:1}
.tel_section .point_area:after{content:'';clear:both;display:block}
.tel_section .point_area .point_txt{float:left;height:30px;line-height:30px;padding:0 0 0 12px}
.tel_section .point_area .point_select{float:right;height:25px;margin:5px 100px 0 0}
.tel_section .point_area .point_select *{*vertical-align:top}
.tel_section .point_area .point_select label{display:inline-block;margin:3px 0 0 0;height:13px;line-height:13px;font-family:'나눔고딕',NanumGothic}
.tel_section .point_area .btn_score{position:absolute;z-index:10;top:4px;right:15px}
.tel_section .point_area .btn_score a{position:relative;z-index:0;display:inline-block;width:53px;height:22px;overflow:hidden;background:url("/img/sub/btn_score.png") no-repeat 0 0}
.tel_section .point_area .btn_score a span{visibility:hidden;position:absolute;z-index:-1}
.tel_section .tel_desc{height:30px;line-height:30px;color:#ff0000;padding:0 0 0 12px}


/* 탭 현황(게시판) */

.tabs3  {width:100%; text-align:center; margin:0 auto; }
.tabMenu3 {float:left; margin:0;  font-size:14px; padding: 0; margin:10px 0 25px 0; width: 100%; border:1px solid #ddd;}
.tabMenu3 li {background:#fff; width:160px; display:block; float:left; list-style-type:none; text-align:center; }
.tabMenu3 li a {float:left; line-height:110%; width:160px;  padding:15px 0 15px 0;text-decoration:none; font-weight:500; color:#5f5f5f;}
.tabMenu3 li.active a {color:#fff; background: #0170af;font-weight:600; float:left; padding:15px 0 15px 0;}
.tab-cont3 { width:100%; height:auto; text-align:left; margin:0 auto;}


.tabs  {width:100%; text-align:center; margin:0 auto; }
.tabMenu {float:left; margin:0;  font-size:14px; padding: 0; margin:10px 0 20px 0; width: 100%; border:1px solid #ddd;}
.tabMenu li {background:#fff; width:160px; display:block; float:left; list-style-type:none; text-align:center; }
.tabMenu li a {float:left; line-height:110%; width:160px;  padding:15px 0 15px 0;text-decoration:none; font-weight:500; color:#5f5f5f;}
.tabMenu li.active a {color:#fff; background: #0170af;font-weight:600; float:left; padding:15px 0 15px 0;}
.tab-cont { width:100%; height:auto; text-align:left; margin:0 auto; margin-top:25px;}



/*테이블*/
table.type_01 {width:100%; border-top:2px solid #569fd8; border-bottom:2px solid #569fd8;  margin:10px auto; border-collapse:collapse;}
table.type_01 tr th {padding:5px 0px; border:1px solid #d9d9d9; background:#F9F9F9; color:#666; font-weight:normal; text-align:center; vertical-align:middle; font-weight:bold;}
table.type_01 tr td {padding:5px 5px; border:1px solid #d9d9d9; background:#FFF; color:#5c5c5c;vertical-align:middle; text-align:left;}
table.type_01 tr td.center {padding:5px 5px; border:1px solid #d9d9d9; background:#FFF; color:#5c5c5c;vertical-align:middle; text-align:center;}

table.adm_type_01 {width:75%; border-top:2px solid #569fd8; border-bottom:2px solid #569fd8;  margin:10px auto; border-collapse:collapse;}
table.adm_type_01 tr th {padding:5px 0px; border:1px solid #d9d9d9; background:#F9F9F9; color:#666; font-weight:normal; text-align:center; vertical-align:middle; font-weight:bold;}
table.adm_type_01 tr td {padding:5px 0px; border:1px solid #d9d9d9; background:#FFF; color:#5c5c5c;vertical-align:middle; text-align:left;}

table.tb01 {width:100%;border-style:solid none none;border-width:2px 0 0px;border-color:#0170af; font-size:13px; border-left: 1px solid #C8C8C8; margin-bottom:10px;}
table.tb01 thead th {padding:8px 10px 8px 10px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#f0f5f8;color:#333; text-align:center;}
table.tb01 tbody th {padding:9px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#fff;color:#0d567f; font-weight:600; text-align:center;}
table.tb01 tbody td {padding:9px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:center;}
table.tb01 tbody td ul {padding-left:3px}
table.tb01 tbody td ul li {list-style:none; background:url(/img/common/blut_01.gif) no-repeat 2px 8px; padding:3px 0 3px 12px; color:#7E7E7E;}
table.tb01 tbody td.point { color:#F17510; font-weight:600;}
table.tb01 tbody td.t_left {text-align:left;}
table.tb01 tbody td.left {text-align:left;}
table.tb01 tbody td a:hover {text-decoration:underline;}
table.tb01 tbody td p.btn {margin:7px 10px 7px 0; text-align:right;}
table.tb01 tbody td select {box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; padding-left:5px; border:1px solid #d1cfcf; width:65%;}
table.tb01 tbody td input[type=text] {box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; .height:26px; 
													color:#151515; font-size:13px; margin-bottom:3px; padding-left:5px; border:1px solid #d1cfcf; width:65%}
table.tb01 tbody td input[type=password] {box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; .height:26px; 
													color:#151515; font-size:13px; margin-bottom:3px; padding-left:5px; border:1px solid #d1cfcf; width:65%}

table.tb02 {width:100%;border-style:solid none none;border-width:2px 0 0;border-color:#314fc4; font-size:13px; border-left: 1px solid #C8C8C8;}
table.tb02 tbody th {padding:6px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#F4F4F4;color:#1f4a80; font-weight:600; text-align:center;}
table.tb02 tbody td {padding:7px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:center;}
table.tb02 tbody td ul {padding-left:3px}
table.tb02 tbody td ul li {list-style:none; background:url(/img/common/blut_01.gif) no-repeat 2px 8px; padding:3px 0 3px 12px; color:#7E7E7E;}
table.tb02 tbody td.left { text-align:left; }
table.tb02 tbody td.name { font-weight:bold; }

table.tb03 {width:100%;border-style:solid none none;border-width:2px 0 0;border-color:#314fc4; font-size:13px; border-left: 1px solid #C8C8C8;}   
table.tb03 thead th {padding:8px 10px 8px 10px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#adadad;background-color:#F4F4F4;color:#333; text-align:center;}
table.tb03 tbody th {padding:8px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#fafafa;color:#1f4a80; font-weight:600; text-align:center;}
table.tb03 tbody td {padding:8px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:center;}
table.tb03 tbody td.define { background-color:#F2F2F2; color:#666;}
table.tb03 tbody td.left { text-align:left;}
table.tb03 tbody td a:hover {text-decoration:underline;}
table.tb03 tbody td ul {padding-left:3px}
table.tb03 tbody td ul li {list-style:none; background:url(/img/common/blut_01.gif) no-repeat 2px 8px; padding:3px 0 3px 12px; color:#333; text-align:left;}

table.tb04 {width:100%;border-style:solid none none;border-width:2px 0 0;border-color:#314fc4; font-size:13px; border-left: 1px solid #C8C8C8;}
table.tb04 thead th {padding:3px 10px 4px 10px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#adadad;background-color:#FDF8DE;color:#2C5C07; text-align:center;}
table.tb04 tbody th {padding:8px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#F4F4F4;color:#1f4a80; font-weight600; text-align:center;}
table.tb04 tbody td {padding:8px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:center;}
table.tb04 tbody td ul {padding-left:3px}
table.tb04 tbody td ul li {list-style:none; background:url(/img/common/blut_01.gif) no-repeat 2px 8px; padding:3px 0 3px 12px; color:#333; text-align:left;}

/*도서관 소개리스트*/
.reg_list_box {width:720px;padding:0px;border-top:2px solid #f34602;border-bottom:2px solid #a1a1a1;background:#ffffff;font-family:'dotum';}
.reg_list_box tr th {padding:0px 0px; height:30px; border-bottom:2px solid #f34602;background:#FFFDF7; color:#a73001; font-weight:normal; text-align:center; vertical-align:middle; font-weight:bold;}
.reg_list_box tr td {padding:2px 0px; border-bottom:1px solid #d9d9d9; background:#FFF; color:#5c5c5c;vertical-align:middle; text-align:center;}
.reg_list_box .b_txt {color:#1f9703;padding:7px 7px;}
.reg_list_box .t_cap {text-align:right;}


/*프로그램명 등록 테이블*/
table.reg_list_type01 {width:100%; border-collapse:collapse; border-top:2px solid #f34602;border-bottom:2px solid #f34602;border-left:2px solid #fff;border-right:2px solid #fff;}
table.reg_list_type01 tr th {font-weight:bold; height:30px; text-align:left;vertical-align:middle; font-size:12px; background:#FFFDF7;padding:4px 0 0 18px;color:#a73001;border:1px solid #d9d9d9}
table.reg_list_type01 tr th.warn {background:#b7b1f3;color:#fff;font-size:12px}
table.reg_list_type01 tr th.warn_t {background:#9a96c3;color:#fff;font-size:12px; text-align:left; padding-left:10px}
table.reg_list_type01 tr td {text-align:left; padding:7px 5px;border:1px solid #d9d9d9; vertical-align:middle; background:#fff; line-height:160%;font-size:12px}


table.tb {width:90%; border-collapse:collapse; border-top:2px solid #f34602;border-bottom:2px solid #9d9d9d;border-left:2px solid #fff;border-right:2px solid #fff;}
table.tb tr th {font-weight:bold; height:30px; text-align:center;vertical-align:middle; font-size:12px; background:#FFFDF7;padding:4px 0 0 0;color:#a73001;border:1px solid #d9d9d9; border-bottom:2px solid #f34602;}
table.tb tr td {text-align:left; padding:7px 20px;border:1px solid #d9d9d9; vertical-align:middle; background:#fff; line-height:150%;font-size:13px}

/*margin*/
.mt_10 { margin-top:10px;}
.mt_15 { margin-top:15px;}
.mt_20 { margin-top:20px;}

/*강사소개*/
.bpic { width:120px; margin:0 auto;}
.tch_area {width:740px; float:left; display:inline; margin:0 5px 20px 0;}
.tch_area:after {content:""; clear:both; display:block;}
table.type_tch {width:100%;border-collapse:collapse; }
table.type_tch tr th {border-collapse:collapse; border:1px solid #d9d9d9;text-align:center;background:#f8f8f8; font-size:12px; padding:8px 5px; vertical-align:top}
table.type_tch tr th.pic {background:none;border:none !important;}
table.type_tch tr th.t_subject a{color:#333; font-size:15px; font-weight:600}
table.type_tch tr th.t_subject {color:#333; font-size:15px; font-weight:600}
table.type_tch tr td {border-collapse:collapse; border:1px solid #d9d9d9;text-align:left; font-size:12px;  padding:8px 5px;color:#787878}
table.type_tch tr td ul li {list-style:none; /*background:url(/img/common/blut_01.gif) no-repeat 2px 8px;*/ padding:3px 0 3px 12px; color:#333; text-align:left;}


/*신간안내*/
.new_book {width:740px; float:left; display:inline; margin:10px 10px;}
.new_book:after {content:""; clear:both; display:block;}
table.type_newb {width:100%;border-collapse:collapse; }
table.type_newb tr th {border-collapse:collapse; border:1px solid #d9d9d9;text-align:center;background:#f8f8f8; font-size:11px; padding:5px 5px; vertical-align:top}
table.type_newb tr th .bpic {background:none;border:1px solid #ddd !important; margin: 10px 0 0 10px;}
table.type_newb tr td {border-collapse:collapse; border:1px solid #d9d9d9;text-align:left; font-size:12px;  padding:5px 5px;color:#787878}
table.type_newb tr td.txt_v {padding:10px; color:#333; text-align:left; font-size:11px;}


/*버튼모음*/
.btn_area_le {text-align:left; margin:12px 0 12px 25px; clear:both}
span.btn01 {color:#fff; background:#0170AF; height:26px; line-height:160%; padding:7px 15px; border-radius:3px; }

span.btn_search1 {color:#fff; background:#333; height:26px; line-height:160%; padding:7px 15px  }
span.btn_ssang {color:#fff; background:#1a3774; height:26px; line-height:160%; padding:7px 15px  }
span.btn_hyun {color:#fff; background:#018e9e; height:26px; line-height:160%; padding:7px 15px  }
span.btn_hwan {color:#fff; background:#9a9e04; height:26px; line-height:160%; padding:7px 15px  }
span.btn_dol {color:#fff; background:#029730; height:26px; line-height:160%; padding:7px 15px  }
span.btn_so {color:#fff; background:#ac6e1d; height:26px; line-height:160%; padding:7px 15px }
span.btn_yul {color:#fff; background:#492fb9; height:26px; line-height:160%; padding:7px 15px }
span.btn_app {color:#fff; background:#ca4206; height:26px; line-height:160%; padding:7px 15px; border-radius:3px;}
span.btn_bbasic {color:#fff; background:#5a5a5a; height:26px; line-height:160%; padding:7px 15px; border-radius:3px; }

/*프로그램심청*/

span.pro_close {color:#fff; background:#000; line-height:160%; padding:5px 6px; font-size:12px; border-radius:3px; }
span.pro_close1 {width:57px; float:left; color:#fff; background:#565656; line-height:110%; padding:4px 2px; letter-spacing:-0.5px; font-size:12px; border-radius:3px; }
span.pro_app1 {width:57px; float:left; color:#fff; background:#03836c; height:26px; line-height:110%; padding:4px 2px; letter-spacing:-0.5px; font-size:12px; border-radius:3px;}
span.pro_app {color:#fff; background:#db3716; line-height:160%; padding:5px 6px; font-size:12px; border-radius:3px;}
span.pro_wait {color:#fff; background:#4b9515; line-height:160%; padding:5px 6px; font-size:12px; border-radius:3px; }


.txt_cont {float:left; margin: 0 0 30px 0; font-size:13px; line-height:160%; color:#333; }
.txt_cont p.c_left{text-align:left; float:left; width:95%;}
.txt_cont p.c_right{text-align:left; float:left; width:95%; margin:15px 0 0 20px; }
span.c_title{font-weight:600; font-size:14px; color:#1f6eb1; line-height:230%;}
.con_line {float:left; width:95%; border-bottom:1px solid #ddd; margin:15px 0 15px 0 }
.txt_line {border:1px solid #ddd; padding:15px 0 5px 0; margin:10px 0 25px 0 }

table.cal01 {width:100%;border-style:solid none none;border-width:2px 0 0;border-color:#264a7a; font-size:13px; border-left: 1px solid #C8C8C8;}
table.cal01 thead th {padding:8px 10px 8px 10px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#adadad;background-color:#eff3f8;color:#333; text-align:center;}
table.cal01 tbody td.back {border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#f7f7f7;color:#333; text-align:center;}
table.cal01 tbody td {position:relative; height:40px; padding:25px 8px; border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:left; }
table.cal01 tbody td p{position:absolute; top:8px; left:8px; }
table.cal01 tbody td.color_r {color:red}
table.cal01 tbody td.color_b {color:blue}
table.cal01 tbody td.point { color:#F17510; font-weight:600;}
table.cal01 tbody td.t_left {text-align:left;}


.intro01_area { position: relative; margin-top: 40px; width:100%; }

.left_area {float:left; width: 100%; font-size:14px; line-height:160%; color:#333;}
.right_area {float:left; margin:20px 0 0 0; width: 100%; font-size:14px; line-height:160%; color:#333;}
.name_sign {float:left; width: 100%; text-align: left; margin-top: 60px;}
.sign_text {    margin: 20px 10px 0 0; float: left; font-size:15px; font-weight:600;}

/*작은도서관 신청*/
table label{display:none;}
table.test_table {width:100%;border-style:solid none none;border-width:2px 0 0;border-color:#333; font-size:13px; border-left: 1px solid #C8C8C8; margin:15px 0 10px 0; }   
table.test_table thead th {padding:8px 10px !important ;border-style:none solid solid none; font-size:14px !important; border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#F4F4F4;color:#333; text-align:center;}
table.test_table tbody th {padding:9px 6px; border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#fafafa;color:#333; font-size:14px; font-weight:600; text-align:center;}
table.test_table tbody td {padding:6px 6px; border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:left;}
table.test_table tbody td.center{text-align:center;}
table.test_table tbody td.style01{box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; .height:26px; 
													color:#151515; font-size:13px; margin-bottom:3px; padding-left:5px; border:1px solid #d1cfcf; width:150px}
table.test_table tbody td.style02{box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; .height:26px; background:#ddd;
													color:#151515; font-size:13px; margin-bottom:3px; padding-left:5px; border:1px solid #d1cfcf; width:150px}
table.test_table tbody td a{color:#000; text-decoration:underline;}
table.test_table tbody td input[type=radio] {box-sizing:border-box; vertical-align:middle; line-height:28px; height:32px; padding-right:3px;}
table.test_table tbody td select {box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; padding-left:5px; border:1px solid #d1cfcf; width:160px;}
table.test_table tbody td input[type=text] {box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; .height:26px; 
													color:#151515; font-size:13px; margin-bottom:3px; padding-left:5px; border:1px solid #d1cfcf; width:150px}
table.test_table tbody td input[type=password] {box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; .height:26px; 
													color:#151515; font-size:13px; margin-bottom:3px; padding-left:5px; border:1px solid #d1cfcf; width:450px}
table.test_table tbody td input[type=file] {box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; .height:26px; 
													color:#151515; font-size:13px; margin-bottom:3px; padding-left:5px; border:1px solid #d1cfcf; width:300px}
table.test_table tbody td textarea {box-sizing:border-box; vertical-align:middle; line-height:26px; 
													color:#151515; font-size:13px; margin:5px 0 5px 0; padding:10px 10px; border:1px solid #d1cfcf; 
													font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif'; width:90%;}
table.test_table tbody td input.in_price {background:#f2f2f2; box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; .height:26px; 
													color:#333; font-size:14px; font-weight:600; margin-bottom:3px; padding-left:5px; border:1px solid #d1cfcf; width:80px}
table.test_table tbody td input[type=checkbox] {vertical-align:middle; height:15px;  width:15px; color:#151515; font-size:13px; }

.btn_ok {color:#fff; background:#018e9e; height:27px; line-height:170%; padding:0px 15px; border:none; font-size:12px;
			font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif';}
.btn_sbasic {color:#fff; background:#5a5a5a; height:26px; line-height:160%; padding:7px 15px; font-size:12px;}

/*천체망원경신청*/
.application-list { width:100%; text-align:center; margin:0 auto; }
.tabmenu {float:left; margin:0;  font-size:13px; padding: 0; margin:10px 0 10px 0; width: 100%;}
.tabmenu li {background:#fff; margin:1px 0 0 1px; width:180px; display:block; float:left; list-style-type:none; text-align:center; border:1px solid #ddd;}
.tabmenu a {float:left; line-height:110%; width:180px;  padding:10px 0 10px 0;text-decoration:none; font-weight:500; color:#5f5f5f;}
.tabmenu a.select{color:#fff; background: #3a76e5;font-weight:600; float:left; padding:10px 0 10px 0;}


table.print_table {width:100%;border-style:solid solid solid solid;border-width:1px 1px 1px 1px; border-color:#333; font-size:14px; margin:3px 0 3px 0; font-family:'나눔명조','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif'; }   
table.print_table thead th {padding:10px 10px !important ;border-style:none solid solid none; font-size:14px !important; border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#F4F4F4;color:#333; text-align:center;}
table.print_table tbody th {padding:10px 8px; border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#F4F4F4;color:#333; font-size:14px; font-weight:600; text-align:center;}
table.print_table tbody td {padding:10px 8px; border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:center; line-height:160%;}
table.print_table tbody td.center{text-align:center;}
table.print_table tbody td.right{text-align:right;}
table.print_table tbody td.left{text-align:left;}
table.print_table tbody td.text_bold{font-weight:600; }
table.print_table tbody td a{color:#000; text-decoration:underline;}

table.print_table1 {width:100%;border-style:none none none none;border-width:1px 1px 1px 1px; border-color:#333; font-size:14px; margin:0; font-family:'나눔명조','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif'; }   
table.print_table1 thead th {padding:10px 10px !important ;border-style:none solid solid none; font-size:14px !important; border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#F4F4F4;color:#333; text-align:center;}
table.print_table1 tbody th {padding:10px 8px; border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#F4F4F4;color:#333; font-size:14px; font-weight:600; text-align:center;}
table.print_table1 tbody td {padding:10px 8px; border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:center;}
table.print_table1 tbody td.center{text-align:center;}
table.print_table1 tbody td.left{text-align:left;}
table.print_table1 tbody td.border_ri{border-right:none}
table.print_table1 tbody td.border_bo{border-bottom:none}
table.print_table1 tbody td a{color:#000; text-decoration:underline;}
span.color_point {color:#000; font-weight:600}

table.print_table2 {width:100%;border:none;font-size:15px; margin:0; font-family:'나눔명조','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif'; }   
table.print_table2 thead th {padding:10px 10px !important ; border:none; font-size:25px !important; color:#000; text-align:center; }
table.print_table2 tbody th {padding:3px 5px;  border:none;color:#000; font-size:15px; font-weight:600; text-align:left;}
table.print_table2 tbody td {padding:3px 5px;  border:none; text-align:left;}
table.print_table2 tbody td.center{text-align:center;}
table.print_table2 tbody th.center{text-align:center;}
table.print_table2 tbody td.right{text-align:right;}
table.print_table2 tbody td.left{text-align:left;}

table.print_table3 {width:100%;border-style:solid solid solid solid;border-width:1px 1px 1px 1px; border-color:#333; font-size:14px; margin:3px 0 3px 0; font-family:'나눔명조','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif'; }   
table.print_table3 thead th {padding:2px 5px !important ;border-style:none solid solid none; font-size:14px !important; border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#F4F4F4;color:#333; text-align:center;}
table.print_table3 tbody th {padding:2px 5px; border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;background-color:#F4F4F4;color:#333; font-size:14px; font-weight:600; text-align:center;}
table.print_table3 tbody td {padding:2px 5px; border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:center; line-height:160%;}
table.print_table3 tbody td.center{text-align:center;}
table.print_table3 tbody td.right{text-align:right;}
table.print_table3 tbody td.left{text-align:left;}
table.print_table3 tbody td.text_bold{font-weight:600; }
table.print_table3 tbody td a{color:#000; text-decoration:underline;}

table.print_table4 {width:100%;border:none;font-size:14px; margin:15px 0;  }   
table.print_table4 tbody td {padding:10px 5px;  border:none; text-align:left;}
table.print_table4 tbody td.center{text-align:center;}

.select_img {margin:10px 0 20px 0; float:left; }
.select_img img{width:100%}
#map {margin:0 auto; width:100%; height : 450px; border:1px solid #d1cfcf}
#map_canvas {margin:0 auto; width:100%; height : 450px; border:1px solid #d1cfcf}
input.map_input {float:left; width:60%; box-sizing:border-box; vertical-align:middle; line-height:27px; height:29px; .height:27px; 
			color:#151515; font-size:13px; margin-bottom:3px; padding-left:5px; border:1px solid #d1cfcf;}

/*게시판*/
.btn_basic {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#fafafa;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#616161;
	font-family:Arial Black;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	height:24px;
	line-height:24px;
	width:65px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 0px #ffffff;
}.btn_basic:hover {
	background-color:#f2f2f2;
}.btn_basic:active {
	position:relative;
	top:1px;
}


.btn_blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #34529f;
	-webkit-box-shadow:inset 0px 1px 0px 0px #34529f;
	box-shadow:inset 0px 1px 0px 0px #34529f;
	background-color:#4868b8;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
	text-indent:0px;
	border:1px solid #34529f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial Black;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	width:65px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 0px #34529f;
}.btn_blue:hover {
	background-color:#34529f;
}.btn_blue:active {
	position:relative;
	top:1px;
}


.btn_black {
	-moz-box-shadow:inset 0px 1px 0px 0px #696969;
	-webkit-box-shadow:inset 0px 1px 0px 0px #696969;
	box-shadow:inset 0px 1px 0px 0px #696969;
	background-color:#5e5e5e;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
	text-indent:0px;
	border:1px solid #474747;
	display:inline-block;
	color:#ffffff;
	font-family:Arial Black;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:24px;
	width:65px;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 0px 0px #474647;
}.btn_black:hover {
	background-color:#383838;
}.btn_black:active {
	position:relative;
	top:1px;
}

.schedule_view_area { border:1px solid #EFEFEF;}
.schedule_view_area .schedule_title_area { padding:10px; border-bottom:1px solid #EFEFEF; font-weight:bold; letter-spacing:-0.1em; font-size:14px; color:#54689c; margin:0 5px;}
.schedule_view_area .schedule_date_area {padding:5px; background: #dee3f1; color:#4e66a6; margin:0 5px; font-weight:bold; letter-spacing:-0.1em;}
.schedule_view_area .schedule_other_area {padding:10px;}
.schedule_view_area .schedule_content_area {padding:10px;}


table.schedule_type {width:100%; border:1px solid #a2a2a2; table-layout:fixed; margin:10px auto;border-collapse:collapse; font-size:13px; font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif'; }
table.schedule_type tr td {padding:3px 2px; border:1px solid #c9cccf; background:#FFF; color:#5c5c5c;vertical-align:top; }
table.schedule_type tr th {padding:4px 2px; border:1px solid #c9cccf; border-bottom:1px solid #c9cccf !important;  border-top:1px solid #c9cccf !important;background:url('<?=$cms_skin_path?>/img/board_bg.gif') repeat-x; color:#363636; font-weight:normal; text-align:center; vertical-align:middle; font-weight:bold; font-size:13px;}
table.schedule_type input.check_box { width:13px; height:13px;}
table.schedule_type .sun { color:#F00;}
table.schedule_type .sat { color:#00F;}

.t_month {float:left; width:100%; height:35px; margin:10px auto 0 auto; text-align: center; }
.t_month ul li {display:inline; text-align:center; margin:0 auto; font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif'; 
						font-size:17px; font-weight:600; color:#000;vertical-align:top}


/* CSS Document */
.dk_cms_area { clear:both; margin:0 auto 0 auto; *zoom:1;}
.dk_cms_area:after { content:""; clear:both; display:block;}
.board_top_area { width:100%; height:25px; clear:both; *zoom:1;}
.board_top_area:after { content:""; clear:both; display:block;}
.board_top_area .top_category_area { float:left;}
.board_top_area .top_category_area img { vertical-align:middle;}
.board_top_area .top_category_area .date { color:#333;}
.board_top_area .top_category_area select { }
/*.board_top_area .top_other_area {float:left;  width: 100%; margin:5px 0 5px 0; height: 20px;}*/
/*.board_top_area .top_other_area img { vertical-align:middle;}*/
.board_top_area .total_bulletin {float: left; color:#333; }
.board_top_area .total_admin {right:0; float:right;}


table.dk_cms1 {width:100%; font-size:13px; margin-bottom:5px;}
table.dk_cms1 thead th {padding:12px 5px 12px 5px; border-top:1px solid #27bacd; border-bottom:1px solid #dadada; background-color:#fafafa; color:#505050; text-align:center; font-weight:600; }
table.dk_cms1 tbody th {padding:12px 5px 12px 5px; border-bottom:2px dotted #dadada; text-align:left; color:#656565; letter-spacing:-0.3px;}
table.dk_cms1 tbody th.photo_img {height:110px;}
table.dk_cms1 tbody td {padding:12px 5px 12px 5px; border-bottom:2px dotted #dadada; text-align:center; color:#333; letter-spacing:-0.3px;}
table.dk_cms1 tbody td.list {text-align:left; padding-left:10px;}
table.dk_cms1 tbody td.right {text-align:right; padding-right:10px; }
table.dk_cms1 tbody td.cont_print {word-break:break-all;}
table.dk_cms1 tbody td.nolist {height:140px; padding:12px 10px 12px 10px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:center;background-color:#f9f9f9;}
table.dk_cms1 tbody td.noline {padding:2px 4px;border-style:none none none none;border-width:0 0 0 0;border-color:#fff;text-align:center;}
table.dk_cms1 thead th a{color:#505050; letter-spacing:-0.3px;}
table.dk_cms1 tbody td a{color:#333;}
table.dk_cms1 tbody td a:hover{color:#656565; text-decoration:underline;}
table.dk_cms1 .notice{font-weight:600; color:#333; font-size:13px; letter-spacing:-0.3px;}
table.dk_cms1 .comment{font-weight:600; color:#855c47; font-size:12px; letter-spacing:-0.3px;}


table.dk_cmsw {width:100%; font-size:13px;  margin-bottom:5px;}
table.dk_cmsw thead th {padding:8px 5px 8px 5px; border-top:2px solid #6f6f6f; border-bottom:1px solid #d5d5d5; background-color:#f7f7f7; color:#000; text-align:center; font-weight:600; }
table.dk_cmsw tbody th {padding:10px 5px 10px 15px; border-bottom:1px solid #e5e5e5; text-align:left; color:#333; letter-spacing:-0.3px;}
table.dk_cmsw tbody td {padding:10px 5px 10px 15px; border-bottom:1px solid #e5e5e5; text-align:left; color:#656565; letter-spacing:-0.3px;}
table.dk_cmsw tbody td.right {text-align:right; padding-right:10px; }
table.dk_cmsw tbody td.cont_print {word-break:break-all;}
table.dk_cmsw tbody td input[type=checkbox]{padding:0 0 0 0; height:15px; width:15px; vertical-align:middle;  border:1px solid #d4d4d4 !important; }
table.dk_cmsw tbody td input[type=radio]{padding:0 0 0 0; height:15px; width:15px; vertical-align:middle;  border:none !important; }
table.dk_cmsw tbody td input[type=file]{border:none;  padding:10px 10px; margin:5px 0 5px 0; height:25px; vertical-align:middle}
table.dk_cmsw tbody td input[type=input]{padding:7px 2px 7px 2px; border:1px solid #d4d4d4; color:#656565; letter-spacing:-0.3px; font-size:13px; height:15px;}
table.dk_cmsw tbody td select {box-sizing:border-box; vertical-align:middle; line-height:26px; height:28px; padding-left:5px; border:1px solid #d1cfcf; padding:0 0 0 15px}
table.dk_cmsw tbody td textarea{ border:1px solid #d4d4d4;  padding:10px 10px; width:95%;}
table.dk_cmsw tbody td input{padding:7px 2px 7px 2px; border:1px solid #d4d4d4; color:#656565; letter-spacing:-0.3px; font-size:13px; height:15px; vertical-align:middle; line-height:12px; width:80%}
table.dk_cmsw tbody td.nolist {height:140px; padding:8px 10px 8px 10px;border-style:none solid solid none;border-width:0 1px 1px 0;border-color:#C8C8C8;text-align:center;background-color:#f9f9f9;}
table.dk_cmsw thead th a{color:#000; letter-spacing:-0.3px;}
table.dk_cmsw tbody td a{color:#656565;}
table.dk_cmsw tbody td a:hover{color:#656565; text-decoration:underline;}
table.dk_cmsw .notice{font-weight:600; color:#333; font-size:13px; letter-spacing:-0.3px;}
table.dk_cmsw .comment{font-weight:600; color:#b8b8b8; font-size:12px; letter-spacing:-0.3px;}

/* 이전 다음글 영역 */
.pn_area { clear:both; margin:10px auto 0 auto; padding:0 0 5px 0; *zoom:1;}
.pn_area:after { content:""; clear:both; display:block; }
.pn_area .pn_left { float:left;}
.pn_area .pn_right { float:right;}

/* 코멘트영역 */
.coment_area {clear:both; margin:10px auto 0 auto;border-collapse:collapse;}
.coment_area .coment_type {clear:both;  width:100% ;margin:10px auto 0 auto;border-collapse:collapse;}
.coment_print_area {clear:both;line-height:20px; padding:7px; word-break:break-all; overflow:hidden; }

/* 글쓰기 타이틀 */
.write_title { background:#767676;border-bottom:2px solid #e4e4e4; color:#e8e8e8;  font-weight:normal; padding:5px;}

/* 글쓰기버튼 영역 */
.btn_write_area {clear:both; margin:10px auto 0 auto; padding:0 0 5px 0; text-align:center; *zoom:1;}
.btn_write_area:after {content:""; clear:both; display:block; }
.btn_write_area img,
.btn_write_area a,
.btn_write_area input {vertical-align:middle;}


table.dk_cms2 {width:100%; font-size:13px; font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif'; }
table.dk_cms2 tbody td {padding:11px 5px 11px 5px; border-top:1px solid #e5e5e5; text-align:left; color:#656565; letter-spacing:-0.3px; vertical-align:middle;}
table.dk_cms2 tbody input[type=checkbox]{padding:0 0 0 0; height:15px; width:15px; vertical-align:middle;  border:1px solid #d4d4d4 !important; }
table.dk_cms2 tbody input[type=text]{padding:7px 2px 7px 2px; border:1px solid #d4d4d4; color:#656565; letter-spacing:-0.3px; font-size:13px; height:15px;vertical-align:middle;line-height:13px;}
table.dk_cms2 tbody input[type=password]{padding:7px 2px 7px 2px; border:1px solid #d4d4d4; color:#656565; letter-spacing:-0.3px; font-size:13px; height:15px;vertical-align:middle;line-height:13px;}
table.dk_cms2 tbody input[type=input]{padding:7px 2px 7px 2px; border:1px solid #d4d4d4; color:#656565; letter-spacing:-0.3px; font-size:13px; height:15px;vertical-align:middle;line-height:13px;}
table.dk_cms2 tbody td.right {text-align:right; padding-right:10px; }
table.dk_cms2 tbody td.cont_print {word-break:break-all;}
table.dk_cms2 thead th a{color:#000; letter-spacing:-0.3px;}
table.dk_cms2 tbody td a{color:#656565;}
table.dk_cms2 tbody td a:hover{color:#656565; text-decoration:underline;}

/* CSS Document */
.dk_cms_area {width:100%; float: left; margin:0 auto 0 auto; *zoom:1;}
.dk_cms_area:after { content:""; clear:both; display:block;}
.board_top_area { width:100%; height:25px; clear:both; *zoom:1;}
.board_top_area:after { content:""; clear:both; display:block;}
.board_top_area .top_category_area { float:left;}
.board_top_area .top_category_area img { vertical-align:middle;}
.board_top_area .top_category_area .date { color:#333;}
.board_top_area .top_category_area select { }
/*.board_top_area .top_other_area {float:left;  width: 100%; margin:5px 0 5px 0; height: 20px;}*/
/*.board_top_area .top_other_area img { vertical-align:middle;}*/
.board_top_area .total_bulletin {float: left; color:#333; }
.board_top_area .total_admin {right:0; float:right;}

.dk_cms {width:100%; clear:both; margin:10px auto 10px auto;border-collapse:collapse;}
.dk_cms tr.bg0 { background-color:#f3f3f3; } 
.dk_cms tr.bg1 { background-color:#FFF; } 

/* 리스트 띠 */
.dk_cms thead tr th { text-align:center; background:#e0e0e0 url(img/board_bg.gif) repeat-x 0 0; color:#454545;  font-weight:normal;height:28px; font-size:11px;}

.dk_cms thead tr th .subject { float:left; display:inline; margin: 8px 0 0 5px; font-weight:bold; color:#454545; text-align:left;}
.dk_cms thead tr th .other { float:right; display:inline; margin: 4px 5px 5px 0; text-align:right;}
.dk_cms thead tr th a { color:#454545;font-size:11px;}
.dk_cms thead tr td.other img { vertical-align:middle;}
.dk_cms thead tr td .view_file { color:#888; font-size:11px;}
.dk_cms thead tr td .datetime { color:#D3D3D3;font-size:11px;}
.dk_cms thead tr td .download {color:#FF6600; font-size:11px;}
.dk_cms thead tr td .link { color:#888;}
.dk_cms thead tr td .link_hit {color:#FF6600;}
.dk_cms thead tr td .poster { float:left; padding:5px 0 0 5px;}
.dk_cms thead tr td .other { float:right;padding:5px 5px 0 0;}

.dk_cms tr td {border-bottom:1px solid #d3d3d3;overflow:hidden;
						word-break:break-all;padding:7px 0
}
.dk_cms tr td .cont_print {word-break:break-all;}
.dk_cms tr td .good_area {width:72px; height:55px; background:url(img/good_bg.gif) no-repeat; text-align:center; float:right;}
.dk_cms tr td .good_area img { vertical-align:middle;}
.dk_cms tr td .good_area .good_text {margin:7px 0 5px 0;}


.dk_cms tr.notice_line td {background:#f9f9f9 !important}
.dk_cms tr.list_skin td {border-bottom:1px solid #d3d3d3;overflow:hidden;word-break:break-all; font-size:11px !important;}


.dk_cms tr td.num { color:#999; text-align:center;}
.dk_cms tr td.checkbox { text-align:center; }
.dk_cms tr td.subject { overflow:hidden; }
.dk_cms tr td.subject .notice { font-weight:bold;}
.dk_cms tr td.subject .comment {font-size:10px; color:#D35921;}
.dk_cms tr td.name { text-align:center; }
.dk_cms tr td.datetime { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.dk_cms tr td.hit { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.dk_cms tr td.good { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.dk_cms tr td.nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.dk_cms tr td input, .dk_cms tr th input {margin:0; padding:0;width:13px; height:13px; vertical-align:middle;}
.dk_cms tr td.no_content {height:100px !important;} /* 게시물이 없을 경우 */
.dk_cms tr td.file_add {text-align:center;}



.board_btn {clear:both; margin:10px auto 0 auto; *zoom:1;}
.board_btn:after { content:""; clear:both; display:block; }
.board_btn .btn_left { float:left;}

.board_btn .btn_right { float:right; }
.board_page { clear:both; display:block; text-align:center;width:100%; vertical-align:middle; font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif';}
.board_page img {vertical-align:middle;}
.board_page span {color:#333; font-size:13px; vertical-align:middle }
.board_page b .number {color:#000; font-size:13px; text-decoration:underline;}
.board_search { clear:both;text-align:center; margin:10px 0 0 0;vertical-align:midde;}
.board_search input {vertical-align:middle; }
.board_search .search_input{height:17px; border:1px solid #d2d0d0; padding:4px 0 0 0; width:180px}
.board_search select {vertical-align:middle;height:23px; border:1px solid #d2d0d0;}

/* 이전 다음글 영역 */
.pn_area { clear:both; margin:10px auto 0 auto; padding:0 0 5px 0; *zoom:1;}
.pn_area:after { content:""; clear:both; display:block; }
.pn_area .pn_left { float:left;}
.pn_area .pn_right { float:right;}

/* 코멘트영역 */
.coment_area {clear:both; margin:10px auto 0 auto;border-collapse:collapse;}
.coment_area .coment_type {clear:both;  width:100% ;margin:10px auto 0 auto;border-collapse:collapse;}
.coment_print_area {clear:both;line-height:20px; padding:7px; word-break:break-all; overflow:hidden; }

/* 글쓰기 타이틀 */
.write_title { background:#767676;border-bottom:2px solid #e4e4e4; color:#e8e8e8;  font-weight:normal; padding:5px;}

/* 글쓰기버튼 영역 */
.btn_write_area {clear:both; margin:10px auto 0 auto; padding:0 0 5px 0; text-align:center; *zoom:1;}
.btn_write_area:after {content:""; clear:both; display:block; }
.btn_write_area img,
.btn_write_area a,
.btn_write_area input {vertical-align:middle;}

/* 글쓰기 테이블 스타일 */
.dk_write { clear:both; margin:10px auto 0 auto;border-collapse:collapse; width:100%;}
.dk_write tr th {padding:2px 0; background:#FFF; text-align:center; border-bottom:1px solid #EFEFEF;}
.dk_write tr th.content_title {padding:5px 0; background:#FFF; }

.dk_write tr td {padding:2px 2px; border-bottom:1px solid #EFEFEF;}
.dk_write tr td input {margin:0 2px 0 0; vertical-align:middle;}
.dk_write tr td.content_write_area {text-align:center;}

/* 글쓰기 인풋박스 */
.txt_input {background:#fbfbfb; padding:2px 3px; border:1px solid #a7a7a7; border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}

/* 파일첨부 */
#variableFiles tr td {border:0 !important;padding:0 !important; margin:0 !important;}
#variableFiles tr td input {}


/* 코멘트 박스 */
.comment_box {clear:both; border-collapse:collapse; width:100%; background:#F9F9F9;}
.comment_box tr td {padding:3px 5px; }
.comment_box input, .comment_box span, .comment_box img {vertical-align:middle;}


/*view*/
#writeContents { min-height:200px; clear:both; margin:0; padding:0; text-align:left; }
#writeContents:after {content:""; clear:both; display:block;}
#writeContents img{width:100% !important; height:100% !important;}
.write_img img{width:100% !important; text-align:center !important;}


.library_btn1 a{color:#ed6311; font-weight:bold;}
.library_btn2 a{color:#2277dc; font-weight:bold;}
.library_btn3 a{color:#44b947; font-weight:bold;}
.library_btn4 a{color:#a13bc2; font-weight:bold;}
.library_btn5 a{color:#333; font-weight:bold;}




table.dk_cms3 {width:100%; font-size:13px; font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif'; }
table.dk_cms3 tbody td {padding:11px 5px 11px 5px; border-top:1px solid #e5e5e5; text-align:left; color:#656565; letter-spacing:-0.3px; vertical-align:middle;}
table.dk_cms3 tbody input[type=checkbox]{border:none; padding:0 0 0 5px; height:13px; width:13px; vertical-align:middle}
table.dk_cms3 tbody input[type=text]{padding:3px 2px 3px 2px; border:1px solid #d4d4d4; color:#656565; letter-spacing:-0.3px; font-size:13px; height:15px;vertical-align:middle;line-height:13px;}
table.dk_cms3 tbody input[type=password]{padding:3px 2px 3px 2px; border:1px solid #d4d4d4; color:#656565; letter-spacing:-0.3px; font-size:13px; height:15px;vertical-align:middle;line-height:13px;}
table.dk_cms3 tbody input[type=input]{padding:3px 2px 3px 2px; border:1px solid #d4d4d4; color:#656565; letter-spacing:-0.3px; font-size:13px; height:15px;vertical-align:middle;line-height:13px;}
table.dk_cms3 tbody td.right {text-align:right; padding-right:10px; }
table.dk_cms3 tbody td.cont_print {word-break:break-all;}
table.dk_cms3 thead th a{color:#000; letter-spacing:-0.3px;}
table.dk_cms3 tbody td a{color:#656565;}
table.dk_cms3 tbody td a:hover{color:#656565; text-decoration:underline;}



.highslide {
	cursor: url(<?=$board_skin_path?>/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: none;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 0px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
	color: #666;
}


/*회원가입*/
div.page_content { clear: both; padding: 5px 0 0 0;}
.con_box_dot {  border: 1px dashed #ccc; background-color: #f7f7f7; padding: 10px;}
.paragraph2 {margin-bottom: 15px;}
h6.stitle3 {clear: both; background: url("/img/sub/bullet2.gif") no-repeat 0 3px; padding-left: 20px;  font-size: 13px; color: #555; margin-top: 5px; 
					padding-bottom: 0; font-weight: 500;}

.scon { padding-left: 5px; margin-bottom: 10px;}
.scon li { background: url("/img/sub/bullet3.gif") no-repeat 0 8px; padding-left: 14px;}

h5.stitle1 {clear: both;  background:url("/img/sub/h4.gif") no-repeat 0px 4px; padding:0 0 5px 18px ;font-size: 14px; color: #1f3f94; margin:0; font-weight: 600; }
h6.stitle2 { clear: both; background: url("/img/sub/bullet2.gif") no-repeat 0 3px; padding-left: 20px; font-size: 14px;  color: #555;  margin-top: 5px; padding-bottom: 0;}
span.joinTxt { color: #176a9e;  font-size: 11px;}

.con_box_le {float:left; width:340px; border: 1px solid #7961b8; background-color: #f1eaf8; padding: 10px; margin:10px 20px 0 0}
.con_box_t {padding: 5px 0 10px 0; font-size:17px; font-weight:600; text-align:center; color:#333}
.con_box_btn {padding: 10px 5px 10px 5px; text-align:center;}
span.joinTxt1 { color: #542f8c;  }
.con_box_btn span.join_btn01 {display: inline-block; color:#fff; background:#442771; width:125px; height:40px; line-height:140%; padding:7px 15px; font-size:13px; margin:0 7px 0 0}
.con_box_btn span.join_btn01 a{display: inline-block; color:#fff; }

.con_box_ri {float:left; width:340px; border: 1px solid #4187c9; background-color: #e8eef6; padding: 10px; margin:10px 0 0 0}
span.joinTxt2 { color: #1765b3;  }
.con_box_btn span.join_btn02 {display: inline-block; color:#fff; background:#215595; width:125px; height:40px; line-height:140%; padding:7px 15px; font-size:13px; margin:0 7px 0 0}
.con_box_btn span.join_btn02 a{display: inline-block; color:#fff; }


.join-list { width:750px; margin:0 auto; }
.joinmenu {height:43px; margin-bottom:20px;}
.joinmenu li {float:left; position:relative; display:block; width:185px; height:32px; margin-right:0px; text-align:center; font-weight:500; background:#fff; letter-spacing: -0.5px;}
.joinmenu a {position:absolute; left:0; top:0; display:block; width:185px; height:32px; padding-top:10px; border:1px solid #ddd; background:#fff; font-size:13px;}
.joinmenu a.select{width:185px; padding-bottom:0px;border-bottom:0; background:#264a7a; font-weight:600; color:#fff; }

.textarea_box {width:100%; margin:5px 0 10px 0}
table.noline_table {width:100%;font-size:13px; margin:10px 0 10px 0;  }   
table.noline_table tbody td {padding:6px 6px; text-align:left;}
table.noline_table tbody td input[type=radio] {box-sizing:border-box; vertical-align:middle; line-height:28px; height:32px; padding-right:3px;}
table.noline_table tbody td textarea {box-sizing:border-box; vertical-align:middle; line-height:26px; font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif';
													color:#525252; font-size:13px; margin:5px 0 5px 0; padding:10px 10px; border:1px solid #d1cfcf; width:100%;}
table.noline_table tbody td input[type=checkbox] {vertical-align:middle; height:15px;  width:15px; color:#151515; font-size:13px; }


.btn_join_ok {color:#fff; background:#018e9e; height:35px; line-height:170%; padding:0px 25px; border:none; font-size:14px; font-weight:600;
			font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif';}
.btn_join_basic {color:#fff; background:#5a5a5a; height:35px; line-height:160%; padding:7px 15px; font-size:12px;}

.btn_join {color:#fff; background:#1d316d; height:26px; line-height:160%; padding:0px 5px; border:none; font-size:12px; font-weight:600;
			font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif';}
.btn_join_ok1 {color:#fff; background:#307312; height:35px; line-height:170%; padding:0px 25px; border:none; font-size:13px; font-weight:600;
			font-family:'나눔고딕','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif';}

.ujoin_text {clear:both; margin:5px auto 15px auto;  font-size:13px; color:#4f4f4f; line-height:150%; text-align:left; font-weight:500}
.ujoin_text a{color:#0360c0}
.ujoin_text1 {margin:5px auto 15px auto;  font-size:13px; color:#4f4f4f; line-height:150%; text-align:left; font-weight:500; border: 1px dashed #ccc; 
				background-color: #f7f7f7; padding:10px 10px;}

span.joinTxt3 { color: #10389b; font-weight:600}
span.joinTxt4 { color:#018649; font-weight:600} 
span.joinTxt5 { color:#bd450a; font-weight:600} 


.ipin_box_le {float:left; width:340px; border: 1px solid #ddd; padding: 10px; margin:10px 20px 15px 0}
.ipin_box_t {padding: 5px 0 10px 0; font-size:17px; font-weight:600; text-align:center; color:#333}
.ipin_box_btn {padding: 10px 5px 10px 5px; text-align:center;}
.ipin_box_btn span.ipin_btn01 {display: inline-block; color:#fff; background:#10389b; width:200px; line-height:140%; padding:7px 15px; font-size:13px; margin:0 7px 0 0}
.ipin_box_btn span.ipin_btn01 a{display: inline-block; color:#fff; }

.ipin_box_ri {float:left; width:340px; border: 1px solid #ddd; padding: 10px; margin:10px 15px 15px 0}
.ipin_box_btn span.ipin_btn02 {display: inline-block; color:#fff; background:#018649; width:200px; line-height:140%; padding:7px 15px; font-size:13px; margin:0 7px 0 0}
.ipin_box_btn span.ipin_btn02 a{display: inline-block; color:#fff; }


/* 업무일지_list_keyword */
.seat_type{width:100%; height:100%; float:left; display:inline; margin:10px 0 0 0; background:#f7f7f7; border:1px solid #ddd;}
.seat_type ul {float:left; display:inline-block; text-align:left; padding:10px 0 10px 15px;}
.seat_type ul li{float:left; text-align:center; letter-spacing: -0.7px; padding-right:15px; line-height:210%;}
.seat_type ul li a {font-size:13px; font-weight:normal; color:#333; }
.seat_type ul li a:hover { color:#0f4ea5 !important; text-decoration:underline; }
.seat_type ul li a.selected  {color:#fff !important; font-weight:bold; background:#0f4ea5; padding:4px 5px; }


/* 업무일지_list _search*/
.sarea_search{width:98%; float:left; display:inline; margin:20px 0 20px 15px;}
.sarea_search ul.le_text {width:50%; float:left; text-align:left; padding:5px 0 0 0;}
.sarea_search ul.le_text li{float:left; text-align:left; letter-spacing: -0.2px; font-size:15px; font-weight:normal; color:#616161; }
.sarea_search ul.ri_search {float:right; text-align:left; }
.sarea_search ul.ri_search li{float:left; text-align:left; letter-spacing: -0.2px; font-size:15px; font-weight:normal; color:#616161; }
.sarea_search ul.ri_search li input {width:200px; border:1px solid #d4d4d4; padding:7px 5px; font-weight:normal; height: 13px; margin-right:5px;}
.sarea_search ul.ri_search li input[type=button] {border:none; background:#525252; color:#fff; width:56px; height:28px; padding: 0;
font-family:'NanumGothic', '나눔고딕','맑은고딕','Malgun Gothic','돋움','sans-serif';}
.sarea_search ul.ri_search li select {width:100px ;border:1px solid #d4d4d4; padding:3px 5px; font-weight:normal; height: 28px; margin-right:5px; 
font-family:'NanumGothic', '나눔고딕','맑은고딕','Malgun Gothic','돋움','sans-serif';}
.sarea_excel {float:right}
.sarea_excel input[type=button] {border:none; background:#525252; color:#fff; padding: 2px 8px;
font-family:'NanumGothic', '나눔고딕','맑은고딕','Malgun Gothic','돋움','sans-serif'; cursor:pointer}



/*모바일 컨텐츠*/

#m_content { position:relative; text-align:center; height:100%; width:95%; margin: 0 auto; } 

#fl_img { position: relative; width: 100%; height:300px; float: left; display: inline-block; overflow:hidden; margin:15px 0; border:1px solid #dbdbdb;  ;z-index:99 }
#fl_img img {width:100% !important; height:300px;  float:left; display: inline-block;}
	/*#sliderWrap { position:relative; }
		#sliderWrap li {display:none; width:100%; margin:5px auto; text-align:center;}
		#sliderWrap li:first-child {display:block;}
		#sliderWrap li img {width:100%; }
		.arrowBox_warp { position:absolute; top:45%; width:100%}
		.arrowBox { position:relative; width:100%; }
		.arrowBox a { position:absolute; display:block; width:46px; height:46px;  text-indent:-999px;}
		.arrowBox a:last-child {background-position:0 0;}
		.arrowBox a:first-child {background-position:-46px 0; right:0;}*/


.micon{position:relative; width:100%; margin:0 auto; max-width:400px; min-height:300px; background:#fff; } 
.micon ul { float:left; width: 90%; padding:20px 0 0 20px;}
.micon ul li {float:left; width:25%; height:100%; text-align:center; margin: 0 0 11px 0; }
.micon ul li p {color:#303030; font-weight:normal; text-align:center;}
.micon ul li a {color:#303030; font-weight:normal; text-align:center; letter-spacing:-0.4px; font-size:98% }
.micon ul li img {width:90%; margin-bottom:6px;}

/*공지사항*/
#footermain {HEIGHT: 155px; }
.newsGroup {BACKGROUND: url(./img/notice_bg.gif) repeat-x; MARGIN-BOTTOM: 12px; HEIGHT: 35px; 
PADDING-BOTTOM: 0px; PADDING-TOP: 15px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px;}
.newsGroup H2 A{FLOAT: left; COLOR: #fff !important; FONT-SIZE: 20px !important; PADDING-LEFT: 2px; WIDTH: 100px; font-weight:bold;}
.newsGroup .newsList{margin-top:20px; FLOAT: left; WIDTH: 95%; }
.newsGroup .newsList UL LI {line-height:30px;FLOAT: left; WIDTH: 95%;}
.newsGroup .newsList A {FONT-SIZE: 15px; FONT-WEIGHT: normal; COLOR: #333;}

#notice_area{position:relative; float: left; display: inline-block;  width:100%; text-align:center; margin:0 auto; height:50px; border:1px solid #dbdbdb; }
#notice_area .notice { position:relative; margin: 0 auto; width:100%; height:45px; text-align:left; max-width:641px;}
#notice_area .notice ul{margin:10px 0 0 0; height:40px; width:100%; }
#notice_area .notice ul li {display: inline; text-align:left; font-size:110%; width: 60%; padding:4px 0 0 7px !important; letter-spacing:0; font-family:'나눔고딕', 'NanumGothic'; }
#notice_area .notice ul li a {color:#151515; font-weight: 600; font-size:100%;  line-height:200%; padding:6px 0 0 0;}
#notice_area .notice ul li.ntext{display: inline; text-align:left; margin:0; width:18%; background:none;}
#notice_area .notice ul li.ntext a { color:#1b4899; font-weight: 600; font-size:110%; line-height:200%;  padding:0 !important;}
#notice_area .notice ul li.nmore{display: inline; text-align:right; float:right;  margin:0 10px 0 0; width:10%; background:none;}

#por_content {margin:10px auto;padding:0 10px 0 10px;}
#por_content:after {content:"";display:block;clear:both;}

#por_content ul.btns {text-align:center;overflow:hidden;margin:0 0 0 10px;}
#por_content ul.btns li {margin:0 10px 10px 0;float:left;list-style:none}

#por_content .por_view{margin-top:15px;margin-bottom:15px;border:1px solid #d9d9d9;}
#por_content .por_view{content:"";display:block;clear:both;}
/* .por_view ul.Pimg img{ border:1px solid #d9d9d9;}*/
 .por_view ul.Pimg  {float:center;overflow:hidden;}
 .por_view ul.Pimg li {margin:12px 10px 12px 0;float:left;list-style:none;display:inline;clear:both;border:1px solid #c4c4c4;}
 .por_view ul.Plist  {float:center;overflow:hidden;}
 .por_view ul.Plist li {padding:5px 0 5px 0;text-align:left;list-style:none;clear:both;}
#por_content ul.Pnum  {text-align:center;overflow:hidden;}
#por_content ul.Pnum li {padding:5px 0 5px 0;text-align:center;list-style:none;display:inline;clear:both;}



/*하단*/
#footer_m {width:100%; text-align:center; min-height:123px; color:#fff; overflow:hidden; border-top:1px solid #ddd; }
#footer_m .btn_line {width:100%; text-align:center;float: left; background-color:#383838;}
#footer_m .btn_line ul {text-align:center;  margin:20px 0 0px 0px;}
#footer_m .btn_line ul li { text-align:center;  display: inline; padding:0 1px 0 1px }
#footer_m .copy_m {float: left; width:100%; min-height:95px; background:#383838; text-align:center;}
#footer_m .copy_m .copy_tm {color:#fff; text-align:center; font-size:13px; padding:10px 0 12px 0; line-height: 150%; letter-spacing:-0.03em}
#footer_m .copy_m .copy_tm .point_m { color:#91bdf9; display:inline; font-weight:600;}
span.btn_call_m {color:#fff; background:#1950b6; height:29px; line-height:160%; padding:7px 11px}
span.btn_call_m1 {color:#fff; background:#f46700; line-height:160%; padding:4px 3px; font-size:12px; border-radius:3px;}
span.btn_call_m2 {color:#fff; background:#148535; line-height:160%; padding:4px 8px; font-size:12px; border-radius:3px; }
span.btn_call_m4 {color:#fff; background:#a069ba; line-height:160%; padding:5px 8px; font-size:12px; }


/*지해css*/

/*서론*/
.ex_bg{width:100%; margin:0 0 28px 6px; display:inline-block;}
.ex_left{display:none; width:120px; float:left;}
.ex_bg img{width:93px; height:106px;}
.ex_right{width:100%; float:left; text-align:justify; font-size:14px; color:#333; line-height:150%;}
.ex_bg p{background:url("/img/sub/exp_bg.gif") no-repeat 0 4px; margin:0px 0 11px 0; font-size:16px; font-weight:600; color:#00409A; /*color:#2763B9; color:#187ABF;*/ padding-left:11px;}

/* 도서관소개 */
.li_pic{width:95%; height:290px; float:left; margin:11px 18px 0 18px; } 
.li_pic img{width:100%; height:240px; float:left; border:1px solid #C8C8C8; border-bottom:0;}
.li_pic p{background:#F7F7F7; width:100%; height:50px; float:left; font-size:16px; text-align:center; line-height:300%; border:1px solid #C8C8C8; border-bottom:2px solid #0170AF; color:#333333;}

/* 조직및기능 */
.g_com{width:100%; height:80px; text-align:center; border:1px solid #C8C8C8; margin:0 0 30px 0;}
.g_com p{background:#0170AF; text-align:center; width:100%; height:30px; color:white; font-size:14px; font-weight:600; line-height:190%;}
.g_com span{width:230px; height:50px; font-size:14px; color:#333; line-height:175%;}

.tab_box{position:relative; width:100%; height:48px; border-bottom:1px solid #C8C8C8; text-align:center; margin-bottom:35px;}
ul.g_tab{position:absolute; left:0; height:48px; width:100%}
ul.g_tab li{width:33%; height:48px; float:left; border:1px solid #C8C8C8; border-bottom:0; text-align:center; margin-left:-1px; font-size:14px; line-height:320%;}
ul.g_tab a{color:#333;}
ul.g_tab li.g_active{background:#F7F7F7; border-top:2px solid #0170AF; height:46px; font-weight:600;}

/*리브로피아*/
ul.lib_ul{margin:15px 0 42px 43px;}
ul.lib_ul li{float:left; font-size:15px; font-weight:600; width:33%; text-align:center; color:#333;}
ul.lib_ul li.lib_qr{width:40%;}
p.lib_icon{background:url("/img/sub/lib_icon.gif") no-repeat 0 0px; padding:1px 0 0 26px; margin:0px 0 11px 35px; font-size:14px; font-weight:600; color:#333;}

/* 박스 */
.ct_box{margin:12px 0;}
.ct_box img{width:95%}


/* 폰트 */
p.use_t{background:url("/img/sub/use_t.gif") no-repeat 0 0; font-size:16px; font-weight:600; color:black; height:44px; padding-left:38px; line-height:190%;}
span.f_red{color:red;}

/*리스트*/
ul.con_ul{margin:10px 0;}
li.li_bar{background:url("/img/sub/li_bar.png") no-repeat 0 9px; padding-left:11px; font-size:13px; line-height:165%; color:#333; margin:0 0 0 30px;}



/*추천도서_새디자인 list */
.bre_list_area {position:relative; width:100%; margin:15px auto; display:inline-block; height:100%;}
.bre_list{width:100%; margin:15px auto; display:inline-block; height:100%; border-bottom:1px solid #ddd;}
.bre_list_cover{width:20%; height:178px; float:left; display:inline-block; border:1px solid #ddd;}
.bre_list_cover img{width:100%; height:178px;}
.bre_list_con{width:75%; min-height:205px; margin:0 0 0 20px; float:left; display:inline-block; }
.bre_list_con ul{width:100%; float:left; display:inline-block; }
.bre_list_con ul li{font-size:13px; float:left; display:inline-block; color:#666; line-height:160%; letter-spacing: -0.5px; width:100%;}
.bre_list_con ul li span.t_bar{font-size:13px; color:#666; margin:0 20px 0 20px}
.bre_list_con ul li.bre_subject{width:100%; margin: 5px 0 10px 0; line-height: 24px; letter-spacing: -1px; text-overflow: ellipsis; font-size:16px; font-weight:600;}
.bre_list_con ul li.brer_memo{color:#333; margin:10px 0 0 0; line-height:150%}


/*추천도서_새디자인 View */
.bre_view {position:relative; width:100%; margin:20px auto; display:inline-block; height:100%; float:right; }
.bre_view_cover{width:20%; height:178px; float:left; display:inline-block; border:1px solid #ddd;}
.bre_view_cover img{width:100%; height:178px;}
.bre_view_con{width:75%; margin:0 0 20px 25px; float:left; display:inline-block; }
.bre_view_con ul{width:100%; float:left; display:inline-block; }
.bre_view_con ul li{font-size:13px; float:left; display:inline-block; color:#666; line-height:220%; letter-spacing: -0.5px; width:50%}
.bre_view_con ul li span{font-weight:bold; margin:0 10px 0 0}
.bre_view_con ul li.bre_subject{margin: 10px 0 20px 0; line-height: 24px;  text-overflow: ellipsis; color:#333; font-size:16px; font-weight:600; width:100%}
.bre_view_con ul li.brer_memo{color:#333; margin:10px 0 0 0; line-height:150%}
.bre_view_con2{width:96%; margin:25px 0 0 0; float:left; display:inline-block; border:1px solid #dbdbdb; padding:15px 15px; font-size:13px; line-height:160%;}


/*영화상영안내_새디자인 list */
.movie_list_area {position:relative; width:100%; margin:5px auto; display:inline-block; height:100%; }
.movie_list{width:98%; margin:15px 11px; height:215px; display:inline-block;  border-bottom:1px solid #ddd; }
.movie_list_cover{width:20%; height:178px; float:left; display:inline-block; border:1px solid #ddd;}
.movie_list_cover img{width:100%; height:178px;}
.movie_list_con{width:70%; margin:0 0 0 20px; float:left; display:inline-block; }
.movie_list_con ul{width:100%;float:left; display:inline-block; }
.movie_list_con ul li{font-size:13px; float:left; display:inline-block; color:#666; line-height:180%; letter-spacing: -0.5px; width:100%;}
.movie_list_con ul li.movie_subject{width:100%; margin: 5px 0 10px 0; line-height: 24px; letter-spacing: -1px; text-overflow: ellipsis; font-size:16px; font-weight:600;}
.movie_list_con ul li.movie_memo{color:#333; margin:10px 0 0 0; line-height:150%}
.movieb_more{color:#666; border:1px solid #ccc; background:#fafafa; display:inline-block; padding:1px 10px; font-size:12px; margin:10px 0 0 0; border-radius:5px}



/* 추가 css */

/* 공통 */
.left{text-align:left;}

/* 폰트 */
h4 { clear:both; background:url("/img/sub/h4_01.png") no-repeat 0px 3px; font-weight:600; font-size:16px; color:#333; padding-left:23px;}
h5.t01{ clear:both; background:url("/img/sub/h5.gif") no-repeat 0px 2px; font-weight:600; font-size:14px; color:#404040; padding-left:23px; margin:10px 0 5px 0;}
h2.use_title02{color:#404040; font-size:19px; margin:25px 0 20px 3px; font-weight:600;}
p.use_t{background:url("/img/sub/use_t.gif") no-repeat 0 0; font-size:16px; font-weight:600; color:black; height:44px; padding-left:38px; line-height:190%;}
p.ment_p{font-size:13px; margin-left:9px; color:#333;}
p.note_p{background:url("/img/sub/note_icon.gif") no-repeat 0 -5px; font-size:14px; font-weight:600; margin:6px 0 8px 0; padding-left:34px; line-height:156%;}
span.c_blue{color:#2a92d6}
span.f_ceb{font-size:13px; font-weight:600; display:block; margin-bottom:12px;}
.f_note{font-size:14px; margin-left:12px;}


/* 테이블 */
table.type_10 {width:100%; font-size:13px; border-top:1px solid #2a92d6; border-right:1px solid #DCDCDC; margin:15px auto 26px auto;}   
table.type_10 thead th {background:#F0F9FF; border-left:1px solid #DCDCDC; border-bottom:1px dotted #BDBDBD; padding:8px 10px 8px 10px; color:#333; text-align:center; letter-spacing:0.3px; line-height:170%;}
table.type_10 thead td {border-left:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:8px; text-align:center; line-height:170%; color:#523D3D;}
table.type_10 tbody th {background:#FBFBFB; border-left:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:8px; color:#5A5A5A; font-weight:600; text-align:center; letter-spacing:0.3px; line-height:170%;}
table.type_10 tbody td {border-left:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:8px; text-align:center; line-height:170%; color:#523D3D;}
table.type_10 tbody th.t_bg{background:#F0F9FF;}
table.type_10 tbody th.t_bg1{background:#F0F9FF; border-bottom:1px solid #2a92d6;}
table.type_10 ul li{background:url("/img/sub/li_bar.gif") no-repeat 0 11px; padding-left:9px; line-height:180%; font-size:13px;}
table.type_10 .left {text-align:left;}

table.type_11 {border-top:2px solid #2a92d6; width:100%; margin:15px auto; font-size:13px;}   
table.type_11 thead th {background:#F0F9FF; border-left:1px solid #DCDCDC; border-bottom:1px dotted #BDBDBD; padding:8px 10px 8px 10px; color:#333; text-align:center; letter-spacing:0.3px; line-height:170%;}
table.type_11 tbody th {border-bottom:1px solid #DCDCDC; padding:8px; color:#333; font-weight:600; text-align:center; letter-spacing:0.3px; line-height:170%;}
table.type_11 tbody td {border-left:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; padding:8px; text-align:center; line-height:170%; color:#5A5A5A;}
table.type_11 tbody td.left {text-align:left;}
table.type_11 thead th.bol_none {border-left:none;}
table.type_11 tbody td.bol_none {border-left:none;}
table.type_11 tbody td a{color:#5A5A5A;}
table.type_11 tbody td a:hover {text-decoration:underline;}

table.h_table {width:100%; border-top:2px solid #2A92D6; border-bottom:1px solid #D8D8D8; font-size:15px;  margin:15px auto 26px auto; color:#523D3D;}   
table.h_table tbody th {padding:10px; border-right:1px solid #EAEAEA; border-bottom:1px dashed #D8D8D8; color:#523D3D; font-size:20px; font-weight:bold; text-align:center;}
table.h_table tbody td {padding:15px 0px; border-bottom:1px dashed #D8D8D8; text-align:center; letter-spacing:-0.3px;}
table.h_table tbody td.b_none {padding:8px; text-align:center; letter-spacing:-0.3px; font-size:15px;}
table.h_table tbody td.left { text-align:left;}
table.h_table tbody td.bg_gray{background:#f9f9f9;}


/* 리스트 */
ul.li_box{border:1px solid #e9e9e9; height:52px; margin-bottom:15px;}
ul.li_box li a{width:25%; float:left; display:block; font-size:15px; text-align:center; color:#333; padding:18px 0;}
ul.li_box li.li_active a{background:#2a92d6; font-weight:600; color:white;}

ul.li_box2{border:1px solid #e9e9e9; height:52px; margin-bottom:15px;}
ul.li_box2 li a{width:25%; float:left; display:block; font-size:15px; text-align:center; color:#333; padding:18px 0;}
ul.li_box2 li.li_active a{background:#2a92d6; font-weight:600; color:white;}

ul.li_box03{border-bottom:1px solid #e9e9e9; height:45px; margin:35px 0; background:#f2f2f2}
ul.li_box03 li a{width:33.33%; float:left; display:block; font-size:15px; text-align:center; color:#333; padding:14px 0;}
ul.li_box03 li.li_active a{background:#f2f2f2; font-weight:600; color:#088557; border-bottom:3px solid #088557}


ul.li_box02{display:inline-block;  width:100%; border:1px solid #e9e9e9;  margin:15px 0;}
ul.li_box02 li a{width:15%; float:left; display:block; font-size:15px; text-align:center; color:#333; padding:18px 0;}
ul.li_box02 li.li_active a{background:#2a92d6; font-weight:600; color:white;}

.ct_box ul{margin:5px 0 10px 14px;}
.ct_box ul li{background:url("/img/sub/li_bar.gif") no-repeat 0px 11px; padding-left:10px; font-size:14px; color:#333; line-height:175%;}
.ct_box01 ul{margin:5px 0 10px 14px;}
.ct_box01 ul li{background:url("/img/sub/li_bar.gif") no-repeat 0px 11px; padding-left:9px; font-size:14px; color:#333; line-height:175%;}
.ct_box ul li.t01_w{width:320px}
ul.circle_ul{margin-top:16px;}
ul.circle_ul li{background:url("/img/sub/circle_li.png") no-repeat 0 5px; font-size:14px; line-height:210%; color:#333; padding-left:5px;}
ul.circle_ul li span{color:white; font-weight:bold; margin-right:13px;}


/* 탭영역 */
.c_tab{width:100%; height:250px;margin-top:33px;}
.c_tab li{background:url("/img/sub/c_icon01.png") no-repeat right 16px; float:left; width:44%; height:55px; border-bottom:1px solid #e9e9e9; font-size:15px; line-height:330%; letter-spacing:-0.8px;}
.c_tab li.t_active a{font-weight:bold;}
.c_tab li.b_thick{border-bottom:2px solid #b2b3b4; height:52px;}
.c_tab li a {color:#333;}

.c_tab li.tour_tab{position:relative; background:#f7f7f7; float:left; width:24%; height:29px; border:1px solid #e9e9e9; font-size:15px; line-height:130%; margin-left:-1px; text-align:center; padding-top:78px;}
.c_tab li.tour_tab img{position:absolute; top:8%; left:28%;}

.tab-text {width:100%; margin-top:400px;}


/* 박스 */
.ct_box{margin:13px 0 13px 4px;}
.ct_box01{margin:10px 0 16px 0;}
.ct_box01{display:inline-block; margin:10px 0 16px 0;}

.history_img{position:relative; width:100%; height:137px; background:url("/img/sub/history_img.png") no-repeat right bottom; background-size:42%;}
.history_img p{position:absolute; top:33px; left:0; font-size:46px; color:#2A92D6;}
.history_img span{position:absolute; top:101px; left:0; font-size:18px; color:#656565;}

.tel_box{width:100%; height:100%; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; margin-bottom:20px; text-align:center; font-size:14px; color:#333;}
.tel_box p{font-weight:600; height:33px;  border-bottom:1px dotted #DCDCDC; line-height:230%;}
.tel_box span{background:#FBFBFB; display:block; height:33px; line-height:220%;}

.pre_box{border:1px dashed #757575; border-top:2px solid #2A92D6; padding:23px; margin-bottom:38px; font-size:14px; font-style:italic; line-height:180%; text-align:center; color:#3E3E3E;}
.pre_box span{font-size:30px; color:#333;}

.sea_box{position:relative; float:left; width:360px; height:67px; margin:15px 20px; color:#333;}
.sea_box img{float:left;}
.sea_box span{position:absolute; top:12px; left:79px; font-size:15px; font-weight:600;}
.sea_box p{position:absolute; top:35px; left:79px; font-size:14px;}

.cnt_box{width:100%; height:180px; padding:0 10px; margin-top:7px;}
.cnt_box01{float:left; width:16%; height:122px;}
.cnt_box01 p{height:37px; font-size:14px; text-align:center; color:#333; margin-top:10px;}
.cnt_box02{float:left; margin:50px 6px 0 6px;}

.img_area {text-align:center;}
.img_area2 {text-align:center; border:1px solid #ddd; padding:19px 0; margin-top:18px;}
.img_area2 img{width:100%;}

.greet_box{position:relative;color:#3a3a3a;text-align:justify;}
.greet_text{float:left;width:65%;font-size: 15px;margin-top: 30px;line-height:175%;color: #333;}
.greet_img{float:left;width:35%;/* padding-top:20px; */}
.greet_box h6{font-size: 24px;font-weight:bold;l;line-height: 155%;letter-spacing: -0.4px;}
.greet_box strong{float:right;text-align:right;font-size:14px;line-height: 180%;margin-top: 16px;color: #3a3a3a;margin:45px 30px 0 0;;}
.gp_box{position:absolute;right: 31px;width: 270px;text-align: right;margin-top: 6px;}

.tour_box{border:1px solid #ddd; border-radius:15px; width:91%; height:100%; padding:20px 20px; overflow:hidden; margin-bottom:20px; color:#333;}
.tour_box img{border:1px solid #ddd; float:left; width:165px; height:119px; border-radius:13px;  overflow:hidden;}
.tour_box02{float:left; margin-left:27px; width:64%;}
.tour_box .tour_box02 h6{background:url("/img/sub/inbox_bg.png") no-repeat 1px 0; padding-top:12px; float:left; width:100%; font-size:19px; font-weight:bold; margin-top:1px;}
.tour_box .tour_box02 span{float:left; font-size:15px; font-weight:600; margin-top:7px;}
.tour_box .tour_box02 p{ float:left;  font-size:14px; text-align:justify; line-height:155%; letter-spacing:-0.5px;  margin-top:10px;}

.eight_box img{width:100%; border:1px solid #ddd; border-radius:10px; margin:20px 0 35px 0; overflow:hidden;}

/* 설명 박스 */
.intro_box{position:relative; background:url("/img/sub/inbox_bg.png") no-repeat 0 0; width:100%; margin-bottom:49px;}
.intro_box p.intro_title01{font-size:16px; font-weight:600; color:#333; margin-bottom:12px; padding-top:16px;}
.intro_box p.intro_title02{width:80%; font-size:14px; color:#3E3E3E; line-height:175%; text-align:justify;}
.intro_box img{position:absolute; top:21px; right:0px;}
.intro_box ul{margin:10px 0 0 16px;}
.intro_box ul li{font-size:13px; list-style:disc; line-height:165%; letter-spacing:-1px; margin-bottom:3px;}

/* 시민 한 책 읽기 */
.rbook_wrap{width:100%;margin: 25px 0 0 10px;display:inline-block;}
ul.rbook_box{position:relative;color:#fff;line-height: 120%;float: left;width: 48%;margin: 0 5px 25px 5px;}
p.rbook_p{position:absolute;top:9px;left:0;}

ul.rbook_box li.bookimg02{float:left;margin:0;width: 152px;text-align:center;padding-top: 7px;background: url("/img/main/m_book_cover02.jpg") 0px 0px no-repeat;}
ul.rbook_box li.bookimg02 img{width: 152px;height: 161px;border:1px solid #d4d4d4;margin-bottom:5px;}
ul.rbook_box li.subject02{color:#333;font-size:14px;width: 152px;text-align:center;margin:15px 0 0 0;font-weight:600;line-height:130%;}
ul.rbook_box li.bookinfo02{font-size:13px;color:#333;width: 152px;float: left;text-align:center;margin: 7px 0 0 0;}


/* 수상작 갤러리 */
.rphoto_wrap{width:100%;margin:15px 0;display:inline-block;/* text-align: center; */}
ul.rphoto_box{position:relative;color:#fff; line-height: 120%;float: left; padding:0 0 10px 0; width: 22%;margin:9px 7px 0 7px; border:1px solid #DEDEDE;}
p.rphoto_p{position:absolute;top:0;left:0;}

ul.rphoto_box li.photoimg02{float:left;margin:0; width: 100%;text-align:center; padding-top: 0;}
ul.rphoto_box li.photoimg02 img{width: 100%; height: 130px; border-bottom:1px solid #d4d4d4;}
ul.rphoto_box li.psubject02{color:#333;font-size:14px;width: 100%;float: left;text-align:center;margin: 10px 0 0 0;font-weight:600;line-height: 130%;}
ul.rphoto_box li.photoinfo02{font-size:13px;color:#333;width: 100%;float: left;text-align:center;margin: 7px 0 0 0;}
span.rpho_btn01 {color:#fff; background:#ff5c77; line-height:160%; padding:5px 10px; font-size:13px; margin:0 5px 0 0}



/* 이용안내 */
.use_title{width:98%; height:30px; color:#333; font-size:16px; font-weight:600; background:#F9F9F9; border-bottom:1px solid #DEDEDE; padding:9px 0 0 15px;}
.use_text{width:98%; font-size:13px; margin:20px 0; padding:0 15px; line-height:170%; text-align:justify; color:#3E3E3E;}
.use_text a{color:#333;}
.use_text a:hover{text-decoration:underline;}
.use_text ul{padding:0 0px; margin:10px 0;}
.use_text ul li.li_num{list-style:decimal; margin-left:18px;}
.use_text ul li.li_disc{list-style:disc; margin-left:18px;}


/*사이트맵*/
#sitemap { clear:both; width:100%; margin: 0 auto;}
#sitemap .site_box{float:left; width:170px; margin-right:30px; padding:0; min-height:500px;}
#sitemap .site_box p{padding-left:19px; color:#4E4E4E; font-weight:600; background:#FBFBFB; border:1px solid #ddd; border-top:2px solid #2A92D6; border-bottom:0; width:160px; height:41px; line-height:260%; font-size:16px;}
#sitemap .site_box p a{margin-left:19px; color:#4E4E4E; font-weight:600;}
#sitemap .site_box ul{width:179px; border:1px solid #ddd; border-top:1px dashed #BFBFBF; min-height:100%;}
#sitemap .site_box ul li{height:15px !important; font-weight:500; font-size:14px; padding:12px 17px; color:#484848;}
#sitemap .site_box ul li a:hover{color:#70b50c; text-decoration:underline;}
.m_bott{margin-bottom:12px;}


/* 버튼 */
.btn_area_ce {text-align:center; margin:32px 0 30px 0; clear:both}
span.btn_box {font-size:13px; color:#fff; background:#2A92D6; height:26px; line-height:160%; padding:8px 16px; border-radius:20px;}
span.btn_box1 {font-size:13px; color:#fff; background:#2ca378; height:26px; line-height:160%; padding:8px 16px; border-radius:20px;}


.btn_area_ce1 {text-align:center; margin:25px 0 10px 0; clear:both}
.btn_area_ce1 input[type=submit]  {color:#fff; background:#1f4c84; line-height:160%; padding:10px 15px; font-size:13px; border-radius:5px; border:none; cursor:pointer; 
			font-family:'NanumGothic','NanumGothic','맑은고딕','Malgun Gothic','돋움','sans-serif';}

/*로그인 폼*/
.login {width:100%; margin:20px auto; height:230px; padding:0px 0px; }
.login input{font-family:'NanumGothic','나눔고딕','맑은고딕','Malgun Gothic','돋움','sans-serif','Myriad Pro','Apple SD Gothic Neo';}
.login h2 {float:left; width:95%;}
.login_area {margin:0px 0 0 0px; height:210px; width:95%;float:left; }
.login_area .title {margin:0; height:35px; padding-left:5px; border-bottom:2px solid #333; font-size:17px; color:#333; font-weight:600}


.login .login_area .enter {float:left; margin:25px 0 25px 0px; height:65px; width:100%;}
.login .login_area .enter ul{width:70%; float:left;margin:0 0 0 5px; }
.login .login_area .enter ul li{float:left; display:inline-block; line-height:300%; text-align:left; width:100%;}
.login .login_area .enter ul li span.login_text{float:left; font-size:14px; color:#333; width:30%; text-align:left}
.login .login_area .enter ul li input{float:left; width:185px; height:24px; border:1px solid #dcdcdc; color:#333; font-size:13px; padding:2px 5px; }

.login .login_area .btn_login_enter {width:20%;float:right; margin:0 10px 0 0;}
.login .login_area .btn_login_enter .login_button {width:80px; background:#333; height:65px; border:0; color:#fff; font-size:17px; font-weight:600; cursor:pointer}

.login .login_area .all_btn {width:100%; float:left; height:55px; padding:0; border-top:1px solid #dbdbdb; }
.login .login_area .all_btn p {float:left; margin:20px 0 0 10px; font-size:12px; color:#333; width:390px;}
.login .login_area .all_btn ul {float:left; width:300px; margin:10px 0 0 10px;}
.login .login_area .all_btn ul li {float:left; display:inline}
.login .login_area .all_btn span.mbtn01 {color:#fff; background:#777777; height:18px; line-height:160%; padding:4px 5px; font-size:11px; border-radius:3px; margin-right:5px;}

.quiz_w {float:left; background:#f2f2f2; border: 1px solid #ddd;border-radius: 15px; width: 90%;height: 100%;padding: 20px 20px;margin-bottom: 20px;color: #333;}
.quiz_w h3 {float: left; background:none; width:100%; font-size: 32px; text-align: center; line-height: 160%; margin: 5px auto; color:#000; font-weight:600;}
.quiz_w p {float: left; font-size: 15px; text-align: left; line-height: 160%; margin-top: 10px; color:#000; font-weight:600;}
.quiz_w ul {float: left; padding:15px; border-radius: 15px;margin: 20px 0 0 0; background:#fff; width:95%; }
.quiz_w ul li {float: left; font-size: 15px; text-align: center; line-height: 160%; color:#000; width:25%;}


.mr_no {margin-right:0 !important;}
ul.cultlist {width:100%; display:inline-block; vertical-align: middle; margin:20px 0;}
ul.cultlist li { display: inline-block; width:46%; margin:0 30px 30px 0; background:none}
ul.cultlist li img { display: inline-block; width:100%; height:250px; vertical-align: middle; }
ul.cultlist li p {display: block; margin-top: 10px; position: relative; padding-left: 17px; font-size: 15px; line-height:150%;}
ul.cultlist li p:before {  content: ''; display: block; position: absolute; top: 50%; margin-top: -3px; left: 0; width: 6px; height: 6px; background: #333;}

.swot_box{width: 99%; display:block;  margin: 15px 0 35px 0;border: 1px solid #ddd; height: 250px;}
.swot_box img{margin:0; float: left;  width:51%; height: 250px;}
.swot_box ul{float: right; width:40%; margin:35px 35px 0 0}
.swot_box ul li{ position: relative;  font-size: 16px; padding:0 0 0 15px; line-height: 170%;}
.swot_box ul li:before {  content: ''; display: block; position: absolute; top: 50%; margin-top: -1px; left: 0; width: 4px; height: 4px; background: #000;}
.swot_box strong {color:#000; font-size:18px;}


.barcode_t {position: relative;  background:#204385; color:#fff; margin:0 0 50px 0; padding:20px 0; width:100%; text-align:center; font-size:20px; font-weight:600}
.barcode_t a {position:absolute;top:10px; right:15px;font-size:25px; color:#fff; background:#83c4ee;  line-height:140%; padding:5px 15px; 
					border-radius:30px;  font-weight:500}

.code_img {position: relative;  display: block; width:90%; text-align:center; margin:0 auto; padding: 15% 0 7% 0; }
.code_img img {width:100%; height:100%; text-align:center; margin:0 auto}
.code_img p {padding:7px 0; width:95%;  margin:30px auto; line-height: 160%; font-size:15px; background:#d1d1d1; color:#000; 
					border-radius:20px; text-align:center; font-weight:600}


.text_wrap {position: relative; margin:0 auto; border-radius:10px; width:80%; padding: 4% 4%; border: 1px solid #204385; word-break: keep-all; word-wrap: break-word;}
.text_wrap p {display: inline-block; width:100%; padding:10px 0; margin:0 0 0 0; line-height: 160%;font-size:14px; color:#000; text-align:left; font-weight:500}
.text_wrap p span {display: inline-block;width:20%; color:#000; text-align:left; font-weight:600}
.text_wrap h3 {display: block; font-size:16px;   text-align:center; margin: 0 0 10px 0;background:#204385; padding:8px 0; color:#fff; font-weight:600}
.text_wrap a {display:table; font-size:14px; color:#fff; background:#2A92D6;  line-height:160%; padding:6px 30px; border-radius:20px; 
					margin:0 auto; font-weight:600}