@charset "utf-8";

@import url("survey.css");


/* 1차서브메뉴 이미지 간격 벌어짐 방지 210806 메뉴관리 css 깨짐*/
/*ul li img { display: block;}*/
/*li img {vertical-align:top;} 20181203삭제*/ 
/* 기본설정  */ 
* {
	margin:0;
	padding:0;
}
body {
	font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;
	font-size:12px;
}

img, fieldset, button {
	border:none;
}

a {
 text-decoration:none;
/* 웹접근성으로 인하여 제거 
outline:none;  */
/* 210806 웹취약점에서 걸림 expression 은 사용 지양
 selector-dummy: expression(this.hideFocus=true);
*/
}
	
a:hover, a:active, a:focus {
	text-decoration:underline;
}
li {
	/*list-style:none;*/
}
textarea {
	overflow:auto;
}
.i_tit {font-weight:bold; color:#F63;}
/******************  상단 타이틀  *******************/
.tit_style01 A {
	text-decoration:none;
	color:#7a7a7a;
}
.tit_style01 A.active, .tit_style01 A:hover {
	text-decoration:underline;
	color:#7a7a7a;
}

/* blind css 웹 접근성으로 인하여 변경
.menu_blind {
	visibility:hidden;overflow:hidden;position:absolute;left:0;top:-5000px;}
*/
.menu_blind {position:relative; z-index:1000}
.menu_blind li {position:absolute;top:0;left:50%;margin-left:-476px}
.menu_blind a {display:block;height:1px;width:1px;overflow:hidden;font-size:1em}
.menu_blind a:focus,
.menu_blind a:active {height:auto;width:154px;padding:2px 0;text-align:center;color:#222;font-weight:bold;text-decoration:none;border:3px solid #dcdcdc;background-color:#fff} 

/******************  달력 시작  *******************/

.facil_bbs_head_tit {
	float:left;
	width:638px;
	height:40px;
	padding:0px 0px 8px 30px;
}
.calendar_tb{
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	border-collapse:collapse;
	font-size:11px;
	table-layout: fixed;
}
.bbs_location {
	float:right;
	padding:0px 20px 0px 0px;
}
.calendar_tb font {
	font-size:11px; 
}
.calendar_tb td{
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	font-size:11px;
	padding:4px;
	color:#666666; 
	height:10px;
}
.calendar_tb th{
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	font-size:11px;
	height:10px;
}
.table_style02 {
	border-collapse:collapse;
	border-right:1px solid #c7d4ea;
	border-top:1px solid #c7d4ea;
	}
.table_style02 th {
	border-left:1px solid #c7d4ea;
	border-bottom:1px solid #c7d4ea;
	background-color:#dce6f6;
	color:#3d5b8c;
	font-size:12px;
	padding:6px;
}
.table_style02 td {
	color:#666666;
	font-size:12px;
	text-align:center;
	padding:6px;
	border-left:1px solid #c7d4ea;
	border-bottom:1px solid #c7d4ea;
}
.Table_cal { 
	font-size:11px;
	border-collapse:collapse;
	border:none;
}
.Table_cal th {
	font-size:11px;
	border:none;
	border-bottom:1px solid #e4e4e4;
	background-color:#ffffff;
	padding:4px 6px;
	color:#666666;
}
.Table_cal td {
	font-size:11px;
	border:none;
	border-bottom:1px solid #e4e4e4;
	padding:4px 6px;
}
.entr_tb {
	border-collapse:collapse;
	border-top:1px solid #d9d9d9;
}
.entr_tb th, .entr_tb td {
	border-top:1px solid #d9d9d9;
	padding:4px 0 4px 5px;
	font-size:12px;
	color:#666666;
}
.entr_tb th {
	font-size:12px;
	background-color:#f8f8f8;
	font-weight:normal;
}
.entr_input {
	border:1px solid #bec9d6;
	padding:2px;
	font-size:12px;
	color:#666666;
}
.btn_a {
	float:right;
	margin-right:10px;
}
.list_blue {
	font-size:11px;
	color:#7e7e7e;
	line-height:18px;
	padding:0;
	margin:0;
}
.list_blue li{
	background:url(/images/comm/calendar/list_icon.gif) no-repeat 0 6px;
	font-size:12px;
	padding:0 0 0 9px;
	margin:0;
}

.list_scr{
 height:100%;
 overflow-y:auto;	
}

.list_scr::-webkit-scrollbar{
	width:10px;
	height:6px;
	background:#ffffff;
}
	
	.list_scr::-webkit-scrollbar-thumb{
	border-radius:5.5px;
	background-color:#ced4da;
}
	
	.list_scr::-webkit-scrollbar-thumb:hover{
	background-color:#adb5bd;
}
		
	.list_scr::-webkit-scrollbar-track{
		border-radius:5.5px;
	background:#ffffff;
}




/******************  달력 끝  *******************/

.btmline {
	background:url(/images/comm/board/icon/line_dot.gif) repeat-x left bottom;
}

.input_st {
	border:1px solid #cacaca;
	padding:4px;
	font-size:12px;
	color:#808080;
}

.nonPdTB2 td, nonPdTB2 th {
	font-size:12px;
	color:#666666;
	padding:2px 2px 2px 0px;
}

/****************** 팝업리스트  *******************/
.popup_list {
	border-collapse:collapse;
	border-top:1px solid #dfeef3;
	border-right:1px solid #dfeef3;
}
.popup_list td {
	border-bottom:1px solid #dfeef3;
	border-left:1px solid #dfeef3;
	background:url(/images/comm/icon/pop_list_iocn.gif) no-repeat 6px 50% #fcfcfc;
	padding-left:22px;
}
.popup_list a {
	font-size:12px;
	font-family:"돋움";
	color:#59a7cb;
	line-height:25px;
	text-decoration:none;
}
.popup_list a:hover, a:active, a:focus {
	text-decoration:underline;
}
/****************** 팝업리스트  *******************/

/******************  식단 시작  *******************/
.food_tb {
	width:630px;
	border-collapse:collapse;
	margin:0 auto;
}
.food_tb td {
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:11px;
}
.food_tb th {
	
	border-top:2px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	background-color:#F5F5F5;
	color:#333333;
	font-weight:bold;
	font-size:13px;
}
.food_tb textarea {
	width:80px;
	height:130px;
	padding:3px 0 3px 7px;
	font-size:11px;
	color:#2E2E2E;
	overflow-x:hidden;
}
.food_tb font{
	font-size:14px;
}
#foodType {
	border:1px solid #becddd;
	background-color:#FFF;
	width:120px;
	height:20px;
	margin:0 0 5px 0;
}
.food_input{
	width:95%;
	border:0;
}
.food_input_m{
	width:97%;
	border:0;
}
.food_month{  
	height:20px;
	padding-top:20px;
	text-align:center;
}
.food_month span{
	margin: 0 30px;
	width:80px; 
	color:#000; 
	font-size:23px;
	font-weight:bold;
}
.food_month img{
	vertical-align:bottom;
}
.food_font{
	font-size:13px;
	font-family:돋움, airal, 굴림;
	border-bottom:1px solid #3b7dc6;
}
#foodView, #foodMod{
	height:30px;
	float:right;
	margin-right:100px;
}
#foodBottom_tb{
	margin:0 auto;
	width:630px;
	height:200px;
	background:url(/images/comm/foodMgt/table_bg.jpg) no-repeat
}
/******************  식단 끝  *******************/


.mg_b_30{ margin-bottom:30px; }



/*************************20161202 추가******************************************/



/* 버튼 common */
.btn_common,
.btn_common a,
.btn_common btn_common,
.btn_common input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px !important; font-family:Dotum, Tahoma, Sans-serif; white-space:nowrap; background:url('/images/comm/apple/button/common_white.png') no-repeat; overflow:visible; color:#3e5162;}
.btn_common { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.btn_common a,
.btn_common btn_common,
.btn_common input{ left:2px; vertical-align:top; cursor:pointer;}

.btn_common a,
.btn_common btn_common,
.btn_common input { height:23px; padding:2px 12px 0 10px; *padding:1px 12px 0 10px; font-size:12px; line-height:23px; background-position:right top;}

/* btn_common Text Color */
.btn_common *:hover,
.btn_common *:active,
.btn_common *:focus{ color:#1d96c3;}

.btn_common.black,
.btn_common.black a,
.btn_common.black btn_common,
.btn_common.black input { background-image:url('/images/comm/apple/button/common_black.png'); color:#fff;}
.btn_common.black *:hover,
.btn_common.black *:active,
.btn_common.black *:focus{ color:#fff;}

.btn_common.blue,
.btn_common.blue a,
.btn_common.blue btn_common,
.btn_common.blue input { background-image:url('/images/comm/apple/button/common_blue.png'); color:#fff;}
.btn_common.blue *:hover,
.btn_common.blue *:active,
.btn_common.blue *:focus{ color:#fff;}

/* btn_common Text Strong */
.btn_common.strong * { font-weight:bold !important;}

/*Common*/	
.clear{ clear:both}
.img_m{ vertical-align:middle;}
.blind, legend { display:block; overflow:hidden; position:absolute; left:0; top:-50000px;}
hr{ display:none}
.bg_none{ background:none !important;}


.fL {float:left;}
.fR {float:right;}
.cboth {display:block; content:""; clear:both;}
.tR {text-align:right !important;}
.tL {text-align:left !important;}
.tC {text-align:center !important;}
.colblue {color:#0054a6 !important;}
.colred {color:#e60013 !important;}
.colorange {color:#f26522 !important;}
.colgreen {color:#f26522 !important;}
.underline {text-decoration:underline;}
.inblk {display:inline-block;}

/* reset */
* { margin:0; padding:0;}
body { font:normal 0.81em "돋움", Dotum, Arial, Tahoma , Geneva, Verdana; color:#333; -webkit-text-size-adjust:none; }
h1, h2, h3, h4, h5, h6 { font-weight:Normal; }
ol, ul { list-style:none; }
hr {display:none;}
.conts ul li{list-style:disc !important;}
a {color:inherit;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }
em, address {font-style:normal; font-weight:normal;}
legend, caption { width:0; height:0; font-size:0; line-height:0; }
p {line-height:1em;}
.blind {visibility:hidden; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999em; position:absolute; left:-999px}
textarea { resize:vertical; font:inherit; overflow-y:auto; }
input, select { color:inherit; font:inherit; line-height:100%; }
img, fieldset,input[type="image"] {border:0;}
img, select, input, button { vertical-align:middle; }
figcaption { display:none; }
input { margin:0; padding:0; font-family:Dotum; font-size:inherit; color:#333; line-height:19px; vertical-align:middle; -webkit-border-radius:0; }
input[type="text"], input[type="password"] { height:19px; line-height:19px;/* padding:3px 0 0 7px; */ border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc;-webkit-appearance:none;}
input.tR { padding-left:0 !important; padding-right:7px !important; }
input[type="password"] { height:21px; padding-top:0px; line-height:21px; }
input[type="radio"] { width:13px; height:13px; vertical-align:-1px; *vertical-align:middle;}
input[type="checkbox"] { width:13px; height:13px; vertical-align:-2px; *vertical-align:middle;}
input:checked[type="checkbox"]{ background-color:#fff; -webkit-appearance:checkbox; }
input[readOnly="readOnly"],input.readOnly,input[readOnly] { background-color:#e2e2e2 !important; }
select { padding:1px 1px 1px 0; height:23px; *height:23px; font-size:1em; color:#333; line-height:23px; *line-height:23px; vertical-align:middle; font-family:Dotum;*margin-top:1px; }
input, select, button{vertical-align:middle;}
.bbsList tr td i {font-style: normal;}

/* 페이징 */
.paging { text-align:center; margin:20px auto; }
.paging * { display:inline-block; height:15px; line-height:28px; font-size:12px; text-align:center; vertical-align:top !important; } 
.paging .first,
.paging .prev,
.paging .next,
.paging .last,
.paging .first:hover,
.paging .prev:hover,
.paging .next:hover,
.paging .last:hover { background:none }
.paging .first { margin-right:4px; }
.paging .last { margin-left:4px }
.paging a,
.paging strong { color:#757575;}
.paging a:hover { color:#fefefe; }
.paging strong { color:#fefefe; font-weight:bold; }

/* space */
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}

.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}

#all-scroll .page { white-space: normal !important; }

.poptable {table-layout:fixed;}
.poptable tbody tr td a img{max-width:100%;}


/* 화면 축소,확대 버튼 */ 
.top_menu .size_set:after {content:none;}
.top_menu .size_set:before {content:none;}

.size_set{margin:2px 0px;}
.size_set a {-webkit-box-sizing: border-box;box-sizing: border-box; float:left; width:22px; height:22px; padding:0px !important; border:1px solid #000; margin:0px 2px;/*margin:8px 2px;*/ opacity:0.4; }
.size_set a.minus { background:url('/images/template/common/common/ico_minus.png') no-repeat center; }
.size_set a.plus {background:url('/images/template/common/common/ico_plus.png') no-repeat center;}
.size_set a:before { display:none; }
.size_set a:hover,
.size_set a:focus { opacity:1; }
.sr-only{position:absolute;margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}

.sideNavi li.dep a:hover{color:#406b92; background:url('/images/template/common/con_com/btn_annmore.png') 94% center no-repeat;}
.sideNavi li.dep{color:#406b92; background:url('/images/template/common/con_com/btn_annmore.png') 94% center no-repeat;}
.sideNavi li.active{background:white;}
.sideNavi li.dep a:focus{background:none;}
.sideNavi li.dep ul li a:hover,
.sideNavi li.dep ul li a:focus,
.sideNavi li.dep ul li a:active,
.sideNavi li.dep ul li a.on,
.sideNavi li.dep ul li a.lock {background:url('/images/template/10040/sub/bgSideNaviSub_on.png') 0 7px no-repeat;}
.sideNavi li ul li{margin: 8px 0 8px 0 !important;}

/* 20250109 플로팅버튼 추가 */ 
@keyframes roT{
	0%{
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100%{
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
.FloatingBtnWrap{position: relative;}
.WebC{ position: fixed; bottom: 6rem; right:4rem; width: 8rem; height: 8rem; border-radius: 50%; background-color: #fff; background: url('/images/template/00088/sub/set_bg.png') no-repeat center; background-size: cover; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}
.FloatingBtnWrap a .FWhover_Box{display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; width: 105%; height: 105%; background-color: var(--org); color: #fff; border-radius: 100%; z-index: 10; text-align: center; opacity: 0; transform: translate(-50%, -50%) scale(0); transition: transform 0.5s, opacity 0.3s; overflow: hidden; }
.FloatingBtnWrap a:hover .FWhover_Box{ opacity: 1; transform: translate(-50%, -50%) scale(1); background-color: #4696f1; transition:all 0.5s;}
.FloatingBtnWrap a:hover .FWhover_Box p{ font-weight: 700; text-align: center; overflow-wrap: break-word; font-size: 1rem; line-height: 1.5; }
.WebC .FWimg::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; width: 100%; height: 100%; background: url('/images/template/00088/sub/set_txt.png') no-repeat center; background-size: cover; z-index: -1; animation:roT 5s linear infinite;}
.WebC .FWimg img{width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; z-index: -1;}
.arr span {position: relative;}
.arr span::after {content: ''; width: 0.5rem;  height: 0.5rem; border-top: 3px solid #fff; border-right: 3px solid #fff; display: inline-block; transform: rotate(135deg); position: absolute; top: 0; left: calc(100% - 5px);}

@media (max-width: 1440px) {
	.WebC{ bottom: 2rem; right:3rem; width: 7rem; height: 7rem; }
	.arr span::after {border-top: 2px solid #fff; border-right: 2px solid #fff;}

}
 @media (max-width: 1024px) {
	.WebC{ bottom: 0.5rem; right:1rem; width: 6rem; height: 6rem; }
	.FloatingBtnWrap a:hover .FWhover_Box p{font-size: 0.8rem;}
	.arr span::after {width: 0.3rem;  height: 0.3rem;}
 }
@media (max-width: 800px) {
	.WebC{display: none;}
}