@charset "utf-8";


@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {
    -webkit-text-size-adjust: none;/* 아이폰 가로모드 폰트 픽스 */
}




/* common */

body,
body * {
    font-family: "Nanum Gothic", "나눔고딕", serif; font-size:14px;
}


fieldset, img {border:0;vertical-align:middle;margin:0; padding:0;}
.test {border:1px solid red;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
h3{display:none;}
/* Common */
* {margin:0; padding:0; font-family:dotum,gulim,Verdana,sans-serif;}

html, body { /*overflow-x:hidden; overflow-y:auto; *overflow-Y:;*/}

/*body {font-size:12px; color:#555;font-family:"맑은고딕",Verdana,dotum,gulim,sans-serif;}*/
input, textarea, select, option {font-size:12px; color:#666; padding:2px;}
input {vertical-align:middle;}
table, th, td {font-size:12px; color:#555;}
caption, hr {display:none;}
ul, li {list-style:none;}
img, fieldset {border:none;}
a:link, a:visited {text-decoration:none; color:#555;}
a:hover, a:active, a:focus {text-decoration:none; color:#91af00;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal;}

.blind, legend {display:block; position:absolute; left:0; top:-5000px; overflow:hidden;}
legend {*width:0;}

.f_left {float:left;}
.f_right{float:right;}
.cen {text-align:center;}
.left {text-align:left;}
.imgmiddle {vertical-align:middle;}
.imgbottom {vertical-align:bottom;}
.imgtop {vertical-align:top;}

.clear {clear:both;}
.test {border:1px solid #000;}
.cen {text-align:center;}
.rig {text-align:right;padding-right:5px}

.top3 {padding-top:3px;}
.top5 {padding-top:5px;}
.top10 {padding-top:10px;}
.top15 {padding-top:15px;}
.top20 {padding-top:20px;}
.top25 {padding-top:25px;}
.top30 {padding-top:30px;}
.top40 {padding-top:40px;}
.top50 {padding-top:50px}
.top70 {padding-top:70px}
.top100 {padding-top:100px}
.top120 {padding-top:120px}
.top150 {padding-top:150px}

.rig5 {padding-right:5px;}
.rig10 {padding-right:10px;}
.rig20 {padding-right:20px;}

.left5 {padding-left:5px;}
.left10 {padding-left:10px;}
.left15 {padding-left:15px;}
.left20 {padding-left:20px;}
.left30 {padding-left:30px;}
.left50 {padding-left:50px;}

.bottom3 {padding-bottom:3px;}
.bottom5 {padding-bottom:5px;}
.bottom10 {padding-bottom:10px;}
.bottom15 {padding-bottom:15px;}
.bottom20 {padding-bottom:20px;}
.bottom30 {padding-bottom:30px;}
.bottom50 {padding-bottom:50px;}

.w800 {width:800px;}

.mtop5 {margin-top:5px;}
.mtop25 {margin-top:25px}
.mtop30 {margin-top:30px;}


/*====================================================================================================*/

.s_txt {font-size:11px;color:#757575;}

.box {font-family: "돋움체";font-size: 9pt;color: #333333;border: 1px solid #999999; height:18px; line-height: 140%;}
.box2 { font-size:9pt; color:#666666; text-decoration:none;background:#F7F7F7 ;border-bottom: 1px solid #C6C6C6; 
           border-right: 1px solid #C6C6C6;	border-left: 1px solid #C6C6C6; border-top:1px solid #C6C6C6}

.png24 {tmp:expression(setPng24(this));}



#head_menu {position:relative;width:1000px;text-align:left;margin: 0px auto;}
#head_menu H1 {padding: 22px 0 0 5px;}

#top_sm {position: absolute;top: 0; right: 5px; z-index:99;height:30px;}
#top_sm li {float: left;width:auto;padding-right:2px;}




.top_mm {right: 45px;position: absolute;top: 0px; padding-left:5px;z-index:99;}
.top_mm LI {float: left;width:auto;padding-right:1px;}

.test {border:1px solid red}

.t_top {background: url(/images/table/top_bg1.gif) repeat-x top;text-align: center; font-weight:bold; color:#494949;}
.b_line {border-bottom:1px solid #b2b2b2;padding:4px;}
.r_line {border-right:1px solid #cdcdcd;}
.l_line {border-left:1px solid #cdcdcd;}
.s_box {border:1px solid #cdcdcd;background: #e5eaf3;padding:7px;}
.t_line {background: #64acc9;}

.ta_s {border-bottom:1px solid #b5b5b5;}
.ta_s th {padding:12px 5px 5px 5px;}

.ta_s2 {border-bottom:1px solid #b5b5b5;border-top:2px solid #5a82c8;}
.ta_s2 th {background:#f5f5f5;border-bottom:1px solid #dedede;padding:5px;}
.ta_s2 td {background:#ffffff;border-bottom:1px solid #dedede;border-left:1px solid #dedede;padding:5px;}

.td_bg1 {background: url(/images/table/td_bg1.gif) repeat-x bottom; height:24px;padding:4px;padding-top:1px;}
.td_bg2 {background: url(/images/table/td_bg2.gif) repeat-x bottom; height:24px;padding:4px;padding-top:1px;}

.td_bg3 {background: #FFFFFF; height:24px; padding:4px;padding-top:1px;}
.td_bg4 {background: #F8F8F8; height:24px; padding:4px;padding-top:1px;}


.td_m {background: #ddeaef; height:24px; border-bottom:1px solid #b2b2b2;}

#tab {background: url(/images/table/tab_bg.gif) repeat-x; padding-left:20px;}
#tab ul li {float:left;background: url(/images/table/tab_bg2.gif) repeat-x;margin-left:2px; display:inline;font-weight:bold; color:#2f516a;}
.tab_left {background: url(/images/table/tab_left.gif) no-repeat left;}
.tab_right {background: url(/images/table/tab_right.gif) no-repeat right;padding:10px 10px 5px 10px;height:33px;}


#foot {position:relative; margin: 20px auto;width: 1000px;text-align: left;}

/*보고서출력*/
/*
.print_top {height:80px; font-size: 18pt;color: #1e609d;font-family: "바탕체";font-weight:bold;border-bottom:3px double #dedede;padding-top:30px;}
*/

.s_st {background:url(/images/table/c_ico.png) no-repeat left 8px; padding: 5px 5px 5px 8px;font-weight:bold;color:#555555;font-size:14px;}

.print_top {font-size: 18pt;color: #1871AB;font-family: "바탕체";font-weight:bold;padding-top:10px;}

.print_line {border-bottom:1px solid #dedede;font-weight:normal;height:22px;}
.print_to {height:80px; font-size: 18pt;color: #323e43;font-family: "돋움체";font-weight:bold;}
.print_day {font-size: 11pt;color: #666666;font-family: "돋움체";font-weight:bold;}
.print_from { font-size: 12pt;color: #323e43;font-family: "돋움체";font-weight:bold;}


/*--- 일반게시판 리스트 ---*/

.ta1 {background:url(/images/table/table_top.gif) no-repeat left top; padding-top:4px;width:100%;border-bottom:1px solid #c8c8c8;}
.ta1 table {width:100%;}
.ta1 th {background:url(/images/table/th_bg.gif) repeat-x left top;padding:5px 5px;border-bottom:1px solid #c8c8c8;font-family:"돋움","굴림";color:#666;text-align:center;letter-spacing:-0.04em;}
.ta1 td {border-bottom:1px solid #e3e3e3;padding:7px 15px;font-family:"돋움","굴림";color:#666; text-align:left;}


/*
.ta1_view {background:url(/images/table/table_top.gif) no-repeat left top;padding-top:4px;width:100%;}
*/

.ta1_view {border-top:3px solid #3D5AA4;width:100%;}


.ta1_view table {width:100%;}
.ta1_view th {background:#efefef;padding:9px 5px;border-bottom:1px solid #e3e3e3;font-family:"돋움","굴림";color:#666;text-align:center;letter-spacing:-0.04em;}
.ta1_view td {background:#f9f9f9;border-bottom:1px solid #e3e3e3;padding:7px 5px;font-family:"돋움","굴림";color:#666;text-align:left;}
.ta1_view td a {font-family:"돋움","굴림";}
.ta1_view td div {font-family:"돋움","굴림";}
.ta1_view .aleft {text-align:left;}
.ta1_view td.bgw {background:#ffffff;}
.ta1_view td .input {border:1px solid #d9d9d9;padding:3px 5px;vertical-align:middle;}
.ta1_view td .input2 {vertical-align:middle;}
.ta1_view td .label {vertical-align:middle;line-height:0;}
.ta1_view td .cnum {font-size:11px; color:#ff6000;}
.ta1_view .ta1_view_foot {width:100%;position:relative;height:30px;}
.ta1_view .ta1_view_foot .view_btn {position:absolute;right:5px;top:0px;text-align:right;}

.ta1_view td .s_ta {border-top:2px solid #2a90d4;}
.ta1_view td .s_ta td {line-height:140%;background:#ffffff;padding:3px;}
.ta1_view td .s_ta td.cen {text-align:center;}
.ta1_view td .s_ta td.left {text-align:left;}


	/* 일반버튼 */
	.btn {display:inline-block; border:0; margin:0 2px; background:url('/images/btn/btn_bg.gif') no-repeat left top;}
	.btn a {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn input {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn button {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn .icon {border:0; vertical-align:middle; margin-right:5px; position:relative; z-index:2; left:10px;}
				
	.btn {margin-right:2px; padding-left:1px; color:#fff;}
	.btn a {left:2px; padding:0 11px 0 8px; color:#fff; _top: -1px}
	.btn a span {font-weight:bold;font-size:12px;}
	.btn button {left:2px; padding:0 11px 0 8px; color:#fff;}
	.btn input {left:2px; padding:0 11px 0 8px; color:#fff;}

	/* 일반버튼2 */
	.btn2 {display:inline-block; border:0; margin:0 2px; background:url('/images/btn/btn_bg2.gif') no-repeat left top;}
	.btn2 a {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg2.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn2 input {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg2.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn2 button {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg2.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn2 .icon {border:0; vertical-align:middle; margin-right:5px; position:relative; z-index:2; left:10px;}
				
	.btn2 {margin-right:2px; padding-left:1px; color:#fff;}
	.btn2 a {left:2px; padding:0 11px 0 8px; color:#555; _top: -1px}
	.btn2 a span {color:#ff0096;font-weight:bold;font-size:12px;}
	.btn2 button {left:2px; padding:0 11px 0 8px; color:#fff;}
	.btn2 input {left:2px; padding:0 11px 0 8px; color:#fff;}

/* 일반버튼3 */
	.btn3 {display:inline-block; border:0; margin:0 2px; background:url('/images/btn/btn_bg3.gif') no-repeat left top;}
	.btn3 a {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg3.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn3 input {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg3.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn3 button {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg3.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn3 .icon {border:0; vertical-align:middle; margin-right:5px; position:relative; z-index:2; left:10px;}
				
	.btn3 {margin-right:2px; padding-left:1px; color:#fff;}
	.btn3 a {left:2px; padding:0 11px 0 8px; color:#fff; _top: -1px;letter-spacing:-0.05em;font-weight:bold;}
	.btn3 button {left:2px; padding:0 11px 0 8px; color:#fff;}
	.btn3 input {left:2px; padding:0 11px 0 8px; color:#fff;}

/* 일반버튼4 */
	.btn4 {display:inline-block; border:0; margin:0 2px; background:url('/images/btn/btn_bg4.gif') no-repeat left top;}
	.btn4 a {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg4.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn4 input {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg4.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn4 button {display:inline-block; border:0; margin:0; background:url('/images/btn/btn_bg4.gif') no-repeat right top; height:21px; line-height:20px; font-size:11px; font-family:'돋움'; vertical-align:middle; white-space:nowrap; position:relative; overflow: visible; cursor:hand; text-decoration:none! important }
	.btn4 .icon {border:0; vertical-align:middle; margin-right:5px; position:relative; z-index:2; left:10px;}
				
	.btn4 {margin-right:2px; padding-left:1px; color:#fff;}
	.btn4 a {left:2px; padding:0 11px 0 8px; color:#fff; _top: -1px;letter-spacing:-0.05em;font-weight:bold;}
	.btn4 button {left:2px; padding:0 11px 0 8px; color:#fff;}
	.btn4 input {left:2px; padding:0 11px 0 8px; color:#fff;}



.tab2 {margin-top:25px;}
.tab2 li {float:left;border:1px solid #dedede;border-bottom:none;border-left:none;width:158px;text-align:center;}
.tab2 li.left {border-left:1px solid #dedede;}
.tab2 .current {background:url(/images/table/tab_off.gif) repeat-x left top;padding: 8px;letter-spacing:-0.05em;display:block;font-weight:bold;}
.tab2 .on {background:url(/images/table/tab_on.gif) repeat-x left top;padding: 8px;letter-spacing:-0.05em;display:block;font-weight:bold;color:#ffffff;}

.tab3 {clear:both;}
.tab3.mtop {margin-top:8px;}
.tab3 li {float:left;border-bottom:none;border-left:none;width:158px;text-align:center;}
.tab3 li.left {border-left:1px solid #dedede;}
.tab3 .current {background:url(/images/table/tab_off.gif) repeat-x left top;padding: 8px;letter-spacing:-0.05em;display:block;font-weight:bold;border:1px solid #dedede;}
.tab3 .on {background:url(/images/table/tab_on.gif) repeat-x left top;padding: 8px;letter-spacing:-0.05em;display:block;font-weight:bold;color:#ffffff;border:1px solid #387dd5;}
.tab3 .on a {color:#ffffff;text-decoration:none;}

.search_box {clear:both;position:relative;background:url(/images/table/search_box1.jpg) no-repeat left top;padding:15px 20px;vertical-align:top;min-height:25px;background-size: 100% 57px;}
.search_box .input {border:1px solid #d9d9d9;padding:4px 5px;width:177px;vertical-align:middle;}
.search_box .input2 {border:1px solid #d9d9d9;padding:4px 5px;vertical-align:middle;}
.search_box .select {height:22px;vertical-align:middle;}
.search_box .s_btn {position:absolute; top: 15px;right:25px;}
.search_box ul li {float:left;padding-left:10px;}

.search_box2 {clear:both;position:relative;background:url(/images/table/search_box3.jpg) no-repeat left top;padding:15px 20px;vertical-align:top;min-height:25px;background-size: 100% 57px;}
.search_box2 .input {border:1px solid #d9d9d9;padding:4px 5px;width:177px;vertical-align:middle;}
.search_box2 .input2 {border:1px solid #d9d9d9;padding:4px 5px;vertical-align:middle;}
.search_box2 .select {
	height: 24px;
    line-height: 18px;
    padding-left: 5px;
    border: 1px solid #b7b7b7;
    margin:3px 5px 3px 0;
	vertical-align:middle;
}
.search_box2 .s_btn {position:absolute; top: 15px;right:25px;}
.search_box2 ul li {float:left;padding-left:10px;}


.sub_st {background:url(/images/table/c_st_ico.gif) no-repeat left top;padding: 7px 5px 7px 38px; font-weight:bold;font-size:18px;font-family:"나눔고딕", NanumGothic ;}


.disp {display:none;}

.st {clear:both;font-weight:bold;font-size:13px;font-family:"돋움", "굴림";padding:10px 0 5px 0 ;}


input.txt_date {
	width = "100px";
	text-align = "center";
	behavior:url("/Program/module/date/txt_date.htc");
}

/* --------- 추천도서---------  */

/* 기본이미지게시판 목록 */
.count{position:absolute; right:15px; top:18px;}
.listline{ float:left;width:100%; border-top: 2px solid #8abade; border-bottom: 1px solid #8abade;}

.imglist{clear:both; width:100%; float:left;}
.imglist li{float:left; padding: 20px 0;border-bottom:#d4d4d4 1px solid; width:100%;}
.imglist li .thum{border:1px solid #bcbcbc; width:178px; height:125px; margin:0 30px 0 0px;}
.imglist li a.left_pic{float:left;}
.imglist li .article{padding:0 15px 0 210px;}
.imglist li .article h4{display:inline;font-weight:bold}
.imglist li .tit01 a {font-size:11pt; text-align:left; color:#333; line-height:150%; }
.imglist li .tit01 a:hover, .article_perform .tit01 a:hover{color:#3B7BB6; text-decoration:underline; }
.imglist li  p{line-height:130%;margin-top:13px;}
.imglist li .article .bottom{padding-top:10px;}
.imglist li .article .date{color:#0a6da6;}
.imglist li .article .reporter{color:#0a6da6; padding-right:10px; border-right:#d4d4d4 1px solid; margin-right:10px;}
.imglist li.end{border-bottom:none;}


/*추천도서 썸네일*/
.imglist li img.thum_book{border:1px solid #bcbcbc;width:100px; height:140px; margin:0 15px 0 0px;}

/*추천도서 목록부분*/
.imglist li .left_book {float:left; width:325px; padding-right:60px; }
.imglist li .right_book {float:left; width:330px;}
.imglist li .article_book{padding-left:125px;}
.imglist li .article_book .field{display:block; font-weight:bold; color:#b93e02;margin-bottom:3px;margin-top:0;}
.imglist li .article_book h4 {margin-bottom:8px;font-weight:bold}
.imglist li .article_book h4 a{text-align:left; color:#0A6DA6; line-height:130%;font-weight:bold}
.imglist li .article_book h4 a:hover{color:#3B7BB6; text-decoration:underline;font-weight:bold }
.imglist li .article_book .ment{ line-height:130%;margin-top:10px;}
.imglist li .article_book span{ line-height:130%;display:block;}

/*추천도서 보기*/
.imgview{clear:both; width:765px; float:left;}
.imgview li{border-bottom:#d4d4d4 1px solid; padding:7px 0; line-height:18px;}
.imgview li .tit01{font-size:11pt; text-align:left; color:#0a6da6;padding:0 15px;line-height:20px;font-weight:bold;}
.imgview li .intit01{font-size:11pt; text-align:left; color:#0a6da6;line-height:20px;font-weight:bold;}
.imgview .tit02{clear:both; padding:25px 0 0 15px;font-size:11pt; color:#0a6da6;font-weight:bold;}
.imgview .item{font-weight:bold; padding:0 20px 0 15px;}
.imgview .story{padding:20px 15px; text-align:justify; line-height:20px;width:720px;}
.imgview .pic{text-align:center; padding-bottom:30px;}
.imgview .tel{font-weight:bold; color:#02739b;padding-top:10px;}
.imgview li.end{border-bottom:none;}

/*추첨도서 보기부분*/
.imgview .thum_book{float:left; width:182px; height:246px; background:url(/html/image/s_culture/bg_book.gif) no-repeat bottom right; position:relative;}
.imgview .thum_book img{position:absolute; top:29px; right:8px; width:157px; height:216px;}
.imgview .booklist {padding:15px 0 0 43px;float:left;}
.imgview .booklist li{border-bottom:#d4d4d4 1px solid;width:530px;padding:7px 0; line-height:18px;}
.imgview .booklist li .bookitem{float:left;font-weight:bold; width:70px;}
.imgview .booklist li .bookcon{ padding-left:70px; }
.imgview .booklist li.recomm{color:#333; font-weight:bold;}



/*테이블스타일 1*/

.table_type1 { width:760px;border:1px solid #2e659e; }
.table_type1 table {border-collapse:collapse;font-size:12px;color:#777;}

.table_type1 {border-top:1px solid #2e659e;border-bottom:1px solid #2e659e;}
.table_type1 table {margin-top:1px;width:100%;table-layout:fixed;}
.table_type1 table thead th {text-align:center;border-top:1px solid #c0d3e0;border-right:1px solid #c0d3e0;border-bottom:1px solid #c0d3e0;padding:7px 0; height:36px; 
color:#fff;font-weight:bold;background:url(/images/tab_bg.gif) repeat-x}
/*background-color:#7da7d2;*/
.table_type1 table tbody th {text-align:center;padding:7px 0;border-bottom:1px solid #c7d8dc;border-right:1px solid #c0d3e0;background-color:#e6eff5;font-weight:bold;color:#555 }
.table_type1 table tbody td {padding:5px 3px;border-bottom:1px solid #d8d6d3;border-right:1px solid #d8d6d3;background-color:#fff;color:#555}

.table_type1 .none_r {border-right:none;}
.table_type1 .tline { border-top:2px solid #2e659e }

/*테이블스타일 1-1 (월 설문조사)*/
.table_type1_1 { width:950px;border:1px solid #2e659e; }
.table_type1_1 table {border-collapse:collapse;font-size:12px;color:#777;}

.table_type1_1 {border-top:1px solid #2e659e;border-bottom:1px solid #2e659e;}
.table_type1_1 table {margin-top:1px;width:100%;table-layout:fixed;}
.table_type1_1 table thead th {text-align:center;border-top:1px solid #c0d3e0;border-right:1px solid #c0d3e0;border-bottom:1px solid #c0d3e0;padding:7px 0; height:36px; 
color:#fff;font-weight:bold;background:url(/images/tab_bg.gif) repeat-x}
/*background-color:#7da7d2;*/
.table_type1_1 table tbody th {text-align:center;padding:7px 0;border-bottom:1px solid #c7d8dc;border-right:1px solid #c0d3e0;background-color:#e6eff5;font-weight:bold;color:#555 }
.table_type1_1 table tbody td {padding:5px 3px;border-bottom:1px solid #d8d6d3;border-right:1px solid #d8d6d3;background-color:#fff;color:#555}

.table_type1_1 .none_r {border-right:none;}
.table_type1_1 .tline { border-top:2px solid #2e659e }


/*테이블스타일 2 - 최종설문조사 폼*/

.table_type2 { width:760px;border:1px solid #2e659e; }
.table_type2 table {border-collapse:collapse;font-size:12px;color:#777;}

.table_type2 {border-top:1px solid #2e659e;border-bottom:1px solid #2e659e;}
.table_type2 table {margin-top:1px;width:100%;table-layout:fixed;}

.table_type2 table th {text-align:left; padding:7px 10px;border-bottom:1px solid #c7d8dc;border-right:1px solid #c0d3e0;background-color:#e6eff5;font-weight:bold;color:#555 }
.table_type2 table td {padding:10px 15px;border-bottom:1px solid #d8d6d3;border-right:1px solid #d8d6d3;background-color:#fff;color:#555}
.table_type2 table td .box2 {border:1px solid #dcdcdc;height:21px;}





/*테이블스타일3 - 최종설문조사 폼*/

.table_type3 { width:100%;/*border:1px solid #2e659e;*/ margin:0 auto }
.table_type3 table {border-collapse:collapse;font-size:12px;color:#777;}

/*.table_type3 {border-top:1px solid #2e659e;border-bottom:1px solid #2e659e;}*/
.table_type3 table {margin-top:1px;width:100%;table-layout:fixed;}
.table_type3 table th {padding:5px 10px 5px 0;text-align:left;border-top:1px solid #c7d8dc;border-bottom:1px solid #c7d8dc;background-color:#e6eff5;font-weight:bold;color:#555 }
.table_type3 table td {padding:3px 10px 3px 10px;color:#555}
.table_type3 table td table td {padding:0;color:#555;font-weight:normal}
.table_type3 table td table td .num {background:url(/images/form/num_bg.gif) no-repeat; width:16px; height:18px; text-align:center; color:#fff; font-size:11px }
.table_type3 table td table td.none {border:none;}
.table_type3 .box {border:1px solid #dcdcdc;}

.pop_ques_tit{ font-family:"돋움"; text-align:left; height:25px; font-weight:bold; font-size:14px; 
background:url(/Program/vote/research/images/pro_icon1.gif) no-repeat 0 10px; margin-top:10px; padding:10px 0 0 12px }



.poll_tit { width:670px; height:30px; background:url(/images/form/poll_tit.gif) no-repeat; padding:6px 0 0 10px; text-align:left }
.poll_tit_s { width:670px; height:30px; padding:5px 0 0 10px; text-align:left }

.poll_box {width:720px;background:url(/images/form/final_bg.gif) repeat-y; }
.poll_box .top {width:720px;background:url(/images/form/final_top.gif) no-repeat left top; padding:20px 0 0 0;}
.poll_box .foot {width:720px;background:url(/images/form/final_bot.gif) no-repeat left bottom; padding: 0 15px 15px 20px;text-align:left;}


/*------------------------------------*/


.box { border:1px solid #d9d9d9;padding:3px 5px; }


.research_tit { background:url(/images/form/poll_top_bg2.gif) no-repeat center top; width:710px; height:75px; padding-top:25px; text-align:center; }
.research_tit .tit { font-weight:bold; font-size:16px; }
.research_tit .tit_b { font-weight:bold; font-size:18px; margin-top:5px; font-family:"돋움"; color:#0068b7; }
.box { border:1px solid #d9d9d9;padding:3px 5px; }






/* 월 설문지 */
.lec_tit { text-align:left; }
.lec_tit .lec { font-weight:bold; color:#0068b7; font-size:12px }

.cell li       { border-top:1px dashed #666; margin-top:3px; padding:3px 0 0 5px; letter-spacing:-1px; line-height:130% }
.cell li.first  { border-top:none; margin:0; padding:0 0 0 5px; line-height:130% }

.sati li       { border-top:1px dashed #666; margin-top:11px; padding-top:13px; font-weight:normal; font-size:11px; text-align:center; line-height:130% }
.sati li.first  { border-top:none; margin:0; padding-top:2px; font-weight:normal; font-size:11px; line-height:130%} 

.ques_tit { width:760px; height:80px; background:url(/images/form/question_tit.gif) no-repeat; position:relative }
.ques_tit .tit { text-indent:-1000em; display:none }
.ques_tit .tit_num { position:absolute; left:385px; top:29px; font-family:"돋움"; font-weight:bold; font-size:21px; color:#ff7800 }
.ques_stit { font-weight:bold; height:35px; padding-top:13px }
.ques_num { font-weight:bold; color:blue }
.ques_top { width:760px; background:url(/images/form/question_top.gif) no-repeat;}
.ques_bot { width:730px; background:url(/images/form/question_bot.gif) no-repeat left bottom; padding:15px; line-height:130% }
.ques_bg { width:724px; border-left:3px solid #bbd8ee; border-right:3px solid #bbd8ee; padding:15px; }

.final_sel li { float:left; padding-right:20px }


/* 텝 메뉴 */

#tab {background: url(/images/table/tab_bg.gif) repeat-x; padding-left:20px;}
#tab ul li {float:left;background: url(/images/table/tab_bg2.gif) repeat-x;margin-left:2px; display:inline;font-weight:bold; color:#2f516a;}
.tab_left {background: url(/images/table/tab_left.gif) no-repeat left;}
.tab_right {background: url(/images/table/tab_right.gif) no-repeat right;padding:10px 10px 5px 10px;height:33px;}

.tab3 {clear:both;}
.tab3.mtop {margin-top:8px;}
.tab3 li {float:left;border-bottom:none;border-left:none;width:158px;text-align:center;}
.tab3 li.left {border-left:1px solid #dedede;}
.tab3 .current {background:url(/images/table/tab_off.gif) repeat-x left top;padding: 8px;letter-spacing:-0.05em;display:block;font-weight:bold;border:1px solid #dedede;}
.tab3 .on {background:url(/images/table/tab_on.gif) repeat-x left top;padding: 8px;letter-spacing:-0.05em;display:block;font-weight:bold;color:#ffffff;border:1px solid #387dd5;}
.tab3 .on a {color:#ffffff;text-decoration:none;}



.faq {width:100%;background:url(/images/table/table_top.gif) no-repeat left top;padding-top:4px;border-bottom:1px solid #c8c8c8;}
.faq ul li {border-bottom:1px dotted #c0c0c0;padding: 10px 0;}
.faq ul li .q {font-weight:900;font-family:"나눔고딕", NanumGothic;font-size:1.2em;background:url(/images/icon_q.png) no-repeat left top;padding: 0 0 0 20px;}
.faq ul li .a {background:#f9f9f9;padding: 10px;margin-top:10px;}
.faq ul li .a span {display:block;background:url(/images/icon_a.png) no-repeat left top;padding: 0 0 0 20px;line-height:150%;}


/* 카테고리탭 */
.tabbtn{ width:690px;height:60px;background:url("/images/board/tab_bg_line.png"); margin-bottom:20px;}
.tabbtn ul { margin:0;padding:0; }
.tabbtn ul li	{ float:left;  text-align:center; font-weight:bold;color:#8d8d8d;}
.tabbtn ul li.on{  display:block; width:118px; height:34px; background:url("/images/board/tab_bg_on.png") no-repeat 0 0; padding-top:8px;}
.tabbtn ul li.on a{  color:#FFF;}
.tabbtn ul li.off{  display:block;width:118px;height:34px; background:url("/images/board/tab_bg_off.png") no-repeat 0 0;padding-top:8px;}
.tabbtn ul li.off a{  color:#8d8d8d;}
.tabbtn ul li.off a:hover{  color:#FF6600;}
.tabbtn ul li.search{float:right; width:160px; height:34px;}

.tabbtn ul li.sub{float:left; height:26px;padding:0 0 0 10px;font-size:11px;font-weight:normal;border-bottom:0px solid #b7b7b7;}
.tabbtn ul li.sub a.focus{ font-weight:bold;}
.tabbtn ul li.sub #m_cate0{}
.tabbtn ul li.sub #m_cate1{}
.tabbtn ul li.sub #m_cate2{}
.tabbtn ul li.sub #m_cate3{width:690px;padding-left:100px;}

.tabbtn ul li.tot_on{  display:block; width:50px; height:34px; background:url("/images/board/tab_bg_toton.png") no-repeat 0 0; padding-top:8px;}
.tabbtn ul li.tot_on a{  color:#FFF;}
.tabbtn ul li.tot_off{  display:block;width:50px;height:34px; background:url("/images/board/tab_bg_totoff.png") no-repeat 0 0;padding-top:8px;}
.tabbtn ul li.tot_off a{  color:#8d8d8d;}
.tabbtn ul li.tot_off a:hover{  color:#FF6600;}


/*FAQ 탭버튼 */
/* 카테고리탭 */
.tabbtn2{ width:100%;height:60px;margin-bottom:0px;}
.tabbtn2 ul { margin:0;padding:0; }
.tabbtn2 ul li	{ float:left;  text-align:center; font-weight:bold;color:#8d8d8d;}
.tabbtn2 ul li.on{  display:block; width:96px; height:34px; background:url("/images/board/tab_bg_on.png") no-repeat 0 0; padding-top:8px;}
.tabbtn2 ul li.on a{  color:#FFF;}
.tabbtn2 ul li.off{  display:block;width:96px;height:34px; background:url("/images/board/tab_bg_off.png") no-repeat 0 0;padding-top:8px;}
.tabbtn2 ul li.off a{  color:#8d8d8d;}
.tabbtn2 ul li.off a:hover{  color:#FF8000;}



.tab {
	padding:0 10px;
	overflow:hidden;
	background: url(/images/dot.jpg)repeat-x 0 100%;
}
.tab > li {
	display:inline-block;
	width:150px;
	position:relative;
	background-color:#dadada;
	margin-right:5px;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.tab > li:hover {
	background-color:#fff;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.tab > li > a {
	display:block;
	text-align:center;
	padding:13px 20px;
	font-size:14px;
	line-height:1.2em;
	border:1px solid #c4c4c4;
	color:#555;
}
.tab > li.current {
	bottom:0px;
	background-color:#fff;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.tab > li.current > a {
	color:#000;
	border-bottom-color:#fff;
}


/*2016-09-05 추가*/
.admin_wrap {width:1000px; padding:30px;}
.admin_wrap .title {
	font-size: 24px;
    color: #434343;
    letter-spacing: -0.025em;
    font-weight: bold;   
    margin-bottom: 30px;
}
.admin_con {text-align:left;}


.ta_mng {padding-top:3px;width:100%;}
.ta_mng table {width:100%;}

.ta_mng th {background-color:#f4f7fd;padding:13px 20px;border-top:2px solid #386bc0;border-bottom:1px solid #b7c5da;color:#2c4d83;text-align:center;letter-spacing:-0.04em; font-size:13px}
.ta_mng th.sub {background:#6FAAFB;padding:5px;border-top:0px solid #3D5AA4;border-bottom:1px solid #232323;color:#FFFFFF;text-align:center;letter-spacing:-0.04em;}

.ta_mng td {padding:7px 10px;color:#666;text-align:center; font-size:12px}
.ta_mng td a {font-size:12px}
.ta_mng td.sum {background:#6FAAFB;padding:7px 5px;color:#FFFFFF;font-weight:bold} 


.ta_mng .aleft {text-align:left;}
.ta_mng td img {vertical-align:middle;}
.ta_mng td .s_txt {font-size:11px;color:#999;letter-spacing:-0.05em;padding-top:5px;display:inline-block;}

.ta_mng.scroll-table {
    overflow: auto; 
    max-height: 600px;
}

.ta_mng.scroll-table table {
    width: auto !important;
    min-width: 1500px !important;
}


.mng_select {
    height: 24px;
    line-height: 18px;
    padding-left: 5px;
    border: 1px solid #b7b7b7;
    margin:3px 5px 3px 0;
}


.b_foot {position:relative; float:left;margin-top:15px;width:100%;}
.b_foot .page {width:50%;text-align:center; margin:0 auto;}
.b_foot .page ul li {float: left; display:inline; margin:0 2px}
.b_foot .b_btn {position:absolute; right:0;}
.b_foot .b_btn img {padding:2px;}


.b_foot .page ul font {
	padding:5px 10px 6px 10px;    
	background:#fff;
	border:1px solid #e4e4e4;
}
.b_foot .page ul b {
    display:inline-block; 
	padding:5px 10px 6px 10px;
    box-sizing:border-box;
    border:1px solid #1768b6;
    background:#1768b6;
	color:#fff;
}

.table-thead tr th {
    border-left: 1px solid #b7c5da;
} 

.table-thead tr th:first-child {
    border-left: none;
}

.table-tbody tr td {
    border-bottom: 1px solid #b7c5da;
    border-left: 1px solid #b7c5da;
}

.table-tbody tr td:first-child {
    border-left: none;
}

.table-tfoot th,
.table-tfoot td {
    border-bottom:2px solid #386bc0;
    color:#2c4d83;text-align:center;letter-spacing:-0.04em; font-size:13px;
}

.table-tfoot th {
    border-top: none;
}

.table-tfoot td {
    text-align: left;
    border-left: 1px solid #b7c5da;
}


/* 2024.09.09 */
.toggle-noti { display: none; }
.toggle-siblings:hover + .toggle-noti { display: block; }