@charset "utf-8";

/*a, a:link {color: #575757; text-decoration: none; cursor: pointer; }
a:visited {color: #575757;}
a:hover, a:active, a:focus {color: #575757; text-decoration: underline;}*/
legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}

table {border-spacing:0;}
select {font-size:12px;}
input.poll_input {border:1px solid #cdcdcd; height:20px; padding:3px 3px 0px 3px; font-size:12px; background:#fff;}
input.poll_input_file {width:90%; border:1px solid #cdcdcd; padding:3px 3px 0px 3px; font-size:12px; background:#fff;}
textarea {border:1px solid #cdcdcd; font-size:12px;}
.display_none {display:none;}


#poll {margin:0 auto;margin-top:30px;}

#poll .poll_total {width:100%;display:inline-block;padding-bottom:5px;}
#poll .poll_total_left {float:left; font-size:13px;color:#777;padding-top:10px;}
#poll .poll_total_left img{margin-right:5px;margin-top:-2px;vertical-align:middle;}
#poll .poll_total_right {float:right;}
#poll .poll_total img {padding-left:3px;vertical-align:middle;}
#poll div.poll_total .poll_orange{color:#F96F00;}
#poll .poll_button {width:100%; margin-top:5px; text-align:right;}
#poll .guide span {float:right; color:#838383;font-size:13px; font-weight:normal;padding-bottom:5px;vertical-align:middle;}
#poll .guide span img{vertical-align:middle;margin-right:3px;}
#poll span.category_color {color:#979797;vertical-align:middle;}


a.con_btn,
input.con_btn{display:inline-block;margin:0 3px;color:#fff;padding:12px 25px 13px 25px; font-weight:normal;font-size:15px;line-height:normal;vertical-align:middle;text-align:center;cursor:pointer;border:0;letter-spacing:-0.05em;}
.con_btn.dgray,
.con_sbtn.dgray{background:linear-gradient(45deg, #858585 0%,#a2a2a2 54%);}
.con_btn.dgray:hover,
.con_sbtn.dgray:hover{background:#858585;}


/* List */
#poll .table_blist {clear:both;}
#poll .table_blist table {width:100%; border-collapse:collapse;border-top:2px solid #222;}
#poll .table_blist table caption {display:none;}
#poll .table_blist th,
#poll .table_blist td{text-align:center;padding:12px 0;font-size:15px;font-weight:400;border-bottom:1px solid #dfdfdf}
#poll .table_blist td span.orange{color:#000;}
#poll .table_blist thead th {text-align:center; border-bottom:1px solid #ccc;}
#poll .table_blist thead th.th_none {background-image:none;}
#poll .table_blist tbody td img {vertical-align:middle;}
#poll .table_blist tbody td span.reply_count {color:#EE5A00; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em;}
#poll .table_blist tbody td.notice {background-color:#FBFBFB;}
#poll .table_blist tbody td.title {text-align:left;}
#poll .table_blist tbody td.center {text-align:center;}

#poll .look{display:inline-block;padding:7px 20px;font-size:15px;font-weight:500;color:#fff !important;background:#00439d;border-radius:10px;}

/* Write */
#poll .table_bwrite {clear:both; padding-top:20px;}
#poll .table_bwrite table{width:100%; line-height:16px; border-collapse:collapse;}
#poll .table_bwrite table caption{display:none;}
#poll .table_bwrite thead th {padding:8px 0 6px 0; color:#373737; font-weight:bold; line-height:130%;background:#eeeef7;}
#poll .table_bwrite thead th.subject {padding:10px 0;border-top:1px solid #2d2f8e;border-bottom:1px solid #2d2f8e;font-size:16px;font-weight:600;color:#222;}
#poll .table_bwrite thead th.count{padding:10px 0 10px 20px;border-top:1px solid #2d2f8e;border-bottom:1px solid #2d2f8e;}
#poll .table_bwrite thead th.count span{display:inline-block;background-color:#00439d;width:35px;height:35px;line-height:35px;font-size:13px;font-weight:800;text-align:center;border-radius:50px;color:#fff;margin-right:15px;box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
#poll .table_bwrite tbody td.content{padding:20px 0;font-size:14px;}
#poll .table_bwrite tbody td.content div{padding-bottom:8px;}
#poll .table_bwrite tbody td.content div label{font-size:15px;font-weight:500;}
#poll .table_bwrite tbody td.content div label input{margin-right:10px;}
#poll .table_bwrite table .poll_head{padding-bottom:15px;background:#fff;}

/* Title */
#poll_tit .title_bg {width:100%; background-color:#fff;}
#poll_tit .title {font-weight:bold;padding:25px;border:1px solid #222;color:#000000;font-size:16px; text-align:left;position:relative;z-index:1;}
#poll_tit .title span{display:inline-block;padding:15px 20px;font-size:16px;color:#fff;background:#00439d;margin-right:15px;}
#poll_tit .title img {vertical-align:middle;}
#poll_tit .title_content {padding:15px;text-align:justify;border:1px solid #ccc;margin-top:-1px;}
#poll_tit .title_content ul {margin:0 0 0 20px;padding:0;}
#poll_tit .title_content li {background:transparent url(/lifelongedu/nanum/site/builder/skin/main/img/common/list01.gif) no-repeat left top 12px;background-size:12px;padding:2px 0 2px 20px;line-height:25px;font-size:16px;font-weight:500;color:#555;}
#poll_tit .title_content li strong{font-size:17px;font-weight:700;color:#222;margin-right:5px;}

/* View */
#poll .table_bview {clear:both; padding-top:20px;}
#poll .table_bview table{width:100%; line-height:16px; border-collapse:collapse;}
#poll .table_bview table caption{display:none;}
#poll .table_bview thead th {padding:8px 0 6px 0; color:#373737; font-weight:bold; line-height:130%;background:#eeeef7;}
#poll .table_bview thead th.subject {padding:10px 0;border-top:1px solid #2d2f8e;border-bottom:1px solid #2d2f8e;font-size:16px;font-weight:600;color:#222;}
#poll .table_bview thead th.count {padding:10px 15px 10px 20px;border-top:1px solid #2d2f8e;border-bottom:1px solid #2d2f8e;width:35px;}
#poll .table_bview thead th.count span{display:inline-block;background-color:#00439d;width:35px;height:35px;line-height:35px;font-size:13px;font-weight:800;text-align:center;border-radius:50px;color:#fff;margin-right:15px;box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
#poll .table_bview tbody td.content{padding:20px 0;font-size:14px;}
#poll .table_bview tbody td.content div{padding-bottom:8px;font-weight:500;font-size:15px;}
#poll .table_bview table .poll_head{padding-bottom:15px;background:#fff;}
.all_look{padding:5px 8px;font-size:12px;color:#222;border:1px solid #ccc;background:#fff;}




#poll .total_result {width:100%;}
#poll .result01 {float:left;width:50%; background:transparent url(/lifelongedu/nanum/site/poll/img/bull_list.gif) no-repeat scroll 1px 36%;padding-left:7px;}
#poll .result02 {float:left;width:50px; text-align:right;}
#poll .result03 {float:left;width:100px; text-align:right;}
#poll .result04 {float:left;width:150px;margin-left:10px;}
#poll .graph01 {background-image:url(/lifelongedu/nanum/site/poll/img/graph_bar01.gif);height:13px;}
#poll .graph02 {background-image:url(/lifelongedu/nanum/site/poll/img/graph_bar02.gif);height:13px;}
#poll .graph03 {background-image:url(/lifelongedu/nanum/site/poll/img/graph_bar03.gif);height:13px;}
#poll .graph04 {background-image:url(/lifelongedu/nanum/site/poll/img/graph_bar04.gif);height:13px;}
#poll .graph05 {background-image:url(/lifelongedu/nanum/site/poll/img/graph_bar05.gif);height:13px;}
#poll .graph06 {background-image:url(/lifelongedu/nanum/site/poll/img/graph_bar01.gif);height:13px;}
#poll .graph07 {background-image:url(/lifelongedu/nanum/site/poll/img/graph_bar02.gif);height:13px;}
#poll .graph08 {background-image:url(/lifelongedu/nanum/site/poll/img/graph_bar03.gif);height:13px;}
#poll .graph09 {background-image:url(/lifelongedu/nanum/site/poll/img/graph_bar04.gif);height:13px;}
#poll .graph10 {background-image:url(/lifelongedu/nanum/site/poll/img/graph_bar05.gif);height:13px;}
#poll .clear {clear:both;padding-bottom:6px;}


/* View Popup */
#poll_popup {width:100%;}
#poll_popup .table_bview {clear:both;color:#373737; font-weight:bold;display:inline-block;width:100%;}
#poll_popup .table_bview .subject{float:left;line-height:35px;font-size:15px;}
#poll_popup .table_bview div.count {float:left;}
#poll_popup .table_bview div.count span{display:inline-block;border:1px solid #3053c7;width:35px;height:35px;line-height:35px;font-size:13px;text-align:center;border-radius:50px;color:#3053c7;margin-right:15px;}



#poll_popup .table_blist {clear:both; text-align:center; margin:0 auto; padding-top:20px; padding-bottom:20px;}
#poll_popup .table_blist table{width:96%; line-height:16px; border-collapse:collapse; border-top:2px solid #C8C8C8; }
#poll_popup .table_blist table caption{display:none;}
#poll_popup .table_blist thead th {border:1px solid #DCDCDC;  background:#F4F4F4; color:#666666; font-weight:bold; letter-spacing:-0.1em; line-height:160%;}
#poll_popup .table_blist thead th.th_none {background-image:none;}
#poll_popup .table_blist tbody td{ border:1px solid #DCDCDC; background:#ffffff; text-align:center; line-height:140%;}
#poll_popup .table_blist tbody td.notice {background-color:#FBFBFB;}
#poll_popup .table_blist tbody td.title {text-align:left;padding:4px;}
#poll_popup .table_blist tbody td.center {text-align:center;}
#poll_popup .table_blist th,
#poll_popup .table_blist td{font-size:14px;padding:12px;}

/* Paginate */
.poll_paginate{clear:both;position:relative;text-align:center;margin-top:35px;}
.poll_paginate a,
.poll_paginate strong{display:inline-block;width:35px;height:35px;line-height:35px;padding:0;vertical-align:middle;color:#222;font-family: 'Roboto', sans-serif;font-weight:500;font-size:12px;letter-spacing:0;}
.poll_paginate a:hover{color:#4c5fbb;}
.poll_paginate strong{color:#fff !important;background:#696969;vertical-align:middle;}
.poll_paginate img{vertical-align:middle;}


/* Button */
.poll_button {clear:both;}
.poll_button .fl {float:left;}
.poll_button .fr {float:right; overflow:hidden;}
.poll_button .pt10 {padding-top:10px;}


.poll_button ul li {float:left;}
.poll_button ul li.pl {padding-left:10px;}
.poll_button ul li.pt {padding-top:7px;}
.poll_button span.bt {float:right; padding-top:10px; padding-left:4px; text-align:right;}
.poll_button2 {margin:0 auto; text-align:center; padding-top:10px; padding-left:4px;}




.poll_bt01 {display:inline;}
.poll_bt01 a{display:inline; overflow:hidden; float:left; height:22px; padding-left:13px; margin-right:3px; font:12px dotum; letter-spacing:-1px; color:#6B6B6B; text-decoration:none; background:url(/lifelongedu/nanum/site/poll/img/bt01_bg.gif) left 0; cursor:pointer;}
.poll_bt01 a:hover{background:url(/lifelongedu/nanum/site/poll/img/bt01_bg.gif) left -22px; text-decoration:none;}
.poll_bt01 a span{display:inline; overflow:hidden; float:left; height:22px; padding-right:10px; line-height:200%; background:url(/lifelongedu/nanum/site/poll/img/bt01_bg.gif) right 0;}
.poll_bt01 a:hover span{color:#6B6B6B; background:url(/lifelongedu/nanum/site/poll/img/bt01_bg.gif) right -22px;}

/* Search */
.poll_search {width:330px; margin:0 auto; margin-top:18px;}
.poll_search ul {float:left;}
.poll_search ul li {float:left; height:35px;}
.poll_search ul li.board_search_start {float:left; width:18px; height:35px; background:url(/lifelongedu/nanum/site/board/nninc_simple/img/search_left.gif); background-repeat:no-repeat;}
.poll_search ul li.board_search_end {float:left; width:18px; height:35px; background:url(/lifelongedu/nanum/site/board/nninc_simple/img/search_right.gif); background-repeat:no-repeat;}
.poll_search ul li select {float:left; height:28px;}
.poll_search ul li input.search_input {float:left; margin-left:5px; background:#e5e5e5; border:1px solid #bebebe; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:24px; padding:2px 0 0 3px;}
.poll_search ul li input.search_bt {float:left;}

.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle; font-weight:bold; color:#313131; line-height:140%;}
.command_pwd li.text {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;padding-right:4px;}
.command_pwd li {float:left; padding-left:3px;}
.command_pwd li img {height:20px;padding-top:1px;}


.pwd_check {width:90%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px; font-weight:bold; color:#313131; line-height:140%;}
.pwd_check *{margin:0; padding:0;}
.pwd_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.pwd_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.pwd_check li {}
.pwd_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}




/********************모바일********************/
@media(max-width:767px){

	

#poll {margin-top:0;}
#poll .poll_total_left{float:none;width:100%;margin-bottom:5px;}
#poll .poll_total_right{float:none;width:100%;}
#poll .poll_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#poll .poll_total_right li{display:inline-block;float:none;}

#poll .poll_total_left{float:none;width:100%;margin-bottom:5px;}
#poll .poll_total_right{float:none;width:100%;}
#poll .poll_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#poll .poll_total_right li{display:inline-block;float:none;}




/* View */
#poll .table_bview table{table-layout:fixed;}
#poll .table_bview thead th.count{padding:8px 10px;}
#poll .table_bview thead th.count span{width:25px;height:25px;line-height:25px;margin-right:0;}
#poll .table_bview tbody td.content img{display:block;width:100%;min-width:300px;}
#poll .table_bview tbody td.content div{font-size:14px;}

/* Paginate */
.poll_paginate a, 
.poll_paginate strong{width:30px;height:30px;line-height:30px;}



/* Button */
.poll_button {clear:both;width:100%;display:inline-block;padding-top:8px;}
.poll_button .fl {display:inline-block;width:100%;float:none;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dashed #ccc;}
.poll_button .fl ul{text-align:center;}
.poll_button .fl ul li{display:inline-block;margin:0;float:none;}
.poll_button .fr {float:none; overflow:hidden;width:100%;text-align:center;}
.poll_button .fr a{float:none;display:inline-block;margin:0 2px;}
.poll_button .fr a:first-child{margin:0 2px;}


.poll_search {width:300px;margin:0 auto; margin-top:18px;}
.poll_search ul li input.search_input {float:left; width:170px;}
.poll_search ul li input.search_bt {float:left;}


#poll .table_blist th,
#poll .table_blist td{font-size:13px;font-weight:normal;}

#poll .table_bwrite th,
#poll .table_bwrite td{font-size:13px;font-weight:normal;}
#poll .table_bwrite thead th.count{padding:8px 10px;}
#poll .table_bwrite thead th.count span{width:25px;height:25px;line-height:25px;margin-right:0;}
#poll .table_bwrite thead th.subject{font-size:14px;}
#poll .table_bwrite tbody td.content div label{font-size:14px;}

#poll_tit .title{padding:15px;font-size:14px;}
#poll_tit .title span{padding:10px;font-size:14px;margin-right: 8px;}
#poll_tit .title_content ul{margin:0;}
#poll_tit .title_content li strong{font-size:15px;}
#poll_tit .title_content li{font-size:14px;padding-left:15px;background-size:9px;}

#poll .look{padding:2px 12px;font-size:13px;border-radius:5px;}

}







