@charset "utf-8";
/****************************************************
 * filename		: content.css
 * description	:
 * date			: 2018-01

작성규칙
1. display, position, margin/padding, font, background, border, 그외 순으로 작성
2. 가능한 -webkit 속성은 사용하지 않는다. 배경 그라디에이션 같은 경우에 사용

****************************************************/


/* ================================================== Login ================================================== */
.loginWrap{position:absolute;top:50px;bottom:50px;left:50px;right:50px;min-width:800px;min-height:400px;}
.loginWrap .loginLeft{position:absolute;top:0;bottom:0;left:0;width:45%;background:url(../../images/bg_loginLeft.jpg);}
.loginWrap .loginLeft .loginVisual{position:absolute;top:40%;right:40px;margin-top:-55px;width:380px;height:110px;}
.loginWrap .loginLeft .loginVisual h1{display:block;position:absolute;top:0;left:150px;font-size:16px;color:#fff;}
.loginWrap .loginLeft .loginVisual span{display:block;position:absolute;bottom:10px;left:150px;font-size:12px;color:#eee;}
.loginWrap .loginRight{position:absolute;top:0;bottom:0;right:0;width:55%;background:url(../../images/bg_loginRight.jpg);}
.loginWrap .loginRight form{position:absolute;top:40%;left:60px;margin-top:-45px;padding-right:100px;width:220px;height:90px;}
.loginWrap .loginRight form input[type='text'],
.loginWrap .loginRight form input[type='password']{width:100%;height:40px;text-indent:10px;background:#fff;border:1px #cbcbcb solid;border-radius:5px;}
.loginWrap .loginRight form input[type='password']{margin-top:10px;}
.loginWrap .loginRight form input[type='submit']{position:absolute;top:0;right:0;width:90px;height:90px;font-size:15px;color:#fff;text-align:center;background:#387ec6;border:0px none;border-radius:5px;}
.loginWrap .loginFooter{position:absolute;right:10px;bottom:10px;color:#666;text-align:center;}


/* ================================================== Search ================================================== */
.ad_main_search{margin-bottom:10px;padding:6px;line-height:32px;text-align:center;background:#f0f5f9;border-top:2px solid #3e3e3e;border-bottom:1px solid #cddce6;}
.ad_main_search a.date {line-height:25px;height:27px;border:1px solid #d5d8dc;background:#f8f8f8;display:inline-block;width:60px;text-align:center;}
.ad_main_search a.search {line-height:28px;height:20px;color:#fff;background:#525f78;display:inline-block;width:80px;text-align:center;}


/* ================================================== Board ================================================== */
.dns {position:absolute; display:none; visibility:hidden; width:0; height:0; overflow:hidden; font:0;}
.search {text-align:center;padding-bottom:10px;}
.search select {height:22px; border:1px solid #e1e1e1;}
/*
.paging{text-align:center;padding:30px 0;line-height:auto;}
.paging a{font-size:11px;font-weight:bold;}
.paging a span,
.paging span span{position:absolute;left:-9999em;top:-9999em;}
.paging .first{background:url(../images/seocho/board/icon_first.gif) 0 4px no-repeat;padding:0 0 0 16px;margin-right:15px;}
.paging .prev{background:url(../images/seocho/board/icon_prev.gif) 0 4px no-repeat;padding:0 0 0 12px;margin-right:15px;}
.paging .num{display:inline-block;width:25px;height:22px;line-height:22px;text-align:center;border-right:1px solid #ccc;padding-right:3px;}
.paging .num:first-child{border-left:1px solid #ccc;padding-left:4px;}
.paging .prev + .num{border-left:1px solid #ccc;}
.paging .next{background:url(../images/seocho/board/icon_next.gif) right 4px no-repeat;padding:0 12px 0 0;margin-left:15px;}
.paging .last{background:url(../images/seocho/board/icon_last.gif) right 4px no-repeat;padding:0 16px 0 0;margin-left:15px;}
.paging .current{color:#d12338;text-decoration:underline;}
.paging + .btns{margin-top:-40px;}
*/
.board .open{display:inline-block;width:50px;height:16px;line-height:16px;font-size:12px;color:#fff;background:#2e63aa;border:1px solid #0b4798;border-radius:3px;}
.board .adno-open{display:inline-block;width:50px;height:16px;line-height:16px;font-size:12px;color:#fff;background:#c60013;border:1px solid #FF0000;border-radius:3px;}
.board .no-open{display:inline-block;width:50px;height:16px;line-height:16px;font-size:12px;color:#fff;background:#929191;border:1px solid #767676;border-radius:3px;}
.board .status-re{display:inline-block;width:70px;height:16px;line-height:16px;font-size:12px;color:#FFFFFF;background:#2e63aa;border:1px solid #b68101;border-radius:3px;}/* 접수중 */
.board .status-ing{display:inline-block;width:70px;height:16px;line-height:16px;font-size:12px;color:#fff;background:#c60013;border:1px solid #ac0011;border-radius:3px;}/* 처리중 */
.board .status-end{display:inline-block;width:70px;height:16px;line-height:16px;font-size:12px;color:#FFFFFF;background:#8C8C8C;border:1px solid #3f3f3f;border-radius:3px;}/* 답변완료 */
.board .status-ia{display:inline-block;width:70px;height:16px;line-height:16px;font-size:12px;color:#FFFFFF;background:#86E57F;border:1px solid #3f3f3f;border-radius:3px;}/* 중간답변 */
.board .status-move{display:inline-block;width:80px;height:16px;line-height:16px;font-size:12px;color:#000000;background:#FFFFFF;border:1px solid #6044a2;border-radius:3px;}/*삭제, 비공개처리, 이관, 답변없음, 부서답변완료 */
.board .status-end2{display:inline-block;width:70px;height:16px;line-height:16px;font-size:11px;color:#000000;background:#e46f35;border:1px solid #c75116;border-radius:3px;text-align:center;}/* 부서답변완료 */
.list1 td.holYear{color:#b61a3f;}
.list1 td.holYear span{font-size:32px;font-family:tahoma, dotum, sans-serif;color:#b61a3f;}
.list1 td.holDate{text-align:left;padding:20px;}
.list1 td.holDate a{margin-bottom:5px;}
.currYearMonth{color:#b61a3f;text-align:center;}
.currYearMonth span{font-size:32px;font-family:tahoma, dotum, sans-serif;color:#b61a3f;}
.currYearMonth a{font-size:32px;font-family:tahoma, dotum, sans-serif;color:#b61a3f;}
.roomAmount{border-width:0px;text-align:right;font-size:18px;color:#bb1203;font-weight:600;}
.title1{font-size:15px;font-weight:bold;padding:0 0 12px 12px;color:#41586e;background:url(/images/yangcheon/common/content/icon_title1.gif) 0 6px no-repeat;}
.title2{font-size:15px;font-weight:bold;padding:0 0 12px 12px;color:#41586e;background:url(/images/yangcheon/common/content/icon_title2.gif) 0 6px no-repeat;}
.list-group {padding-bottom: 15px;}
.list-group .btn-right {position: absolute;right: 20px;top: 3px;}
.list-group span.title_txt {display: inline-block;width: 85%;font-weight: bold;font-size: 14px;}
.list-group span.detail_txt {display: inline-block;width: 85%;font-size: 13px !important;font-weight: normal;}
.list-group-item.active{background-color: #efefef !important;border-color: #ddd !important;color: #5b5b60;}
.list-group-item {background-color: #fff;border: 1px solid #ddd;display: block;margin-bottom: -1px;padding: 5px 20px !important;position: relative;}

.photo_list ul:after{display:block;content:'';clear:both;}
.photo_list li{float:left;margin-bottom:20px;padding:5px;box-sizing:border-box;width:20%;}
.photo_list li .thumb{display:block;margin:0 auto;overflow:hidden;text-align:center;}
.photo_list li .thumb img{max-width:100%;}
.photo_list li .tit{display:block;padding:10px 0 5px;}
.photo_list li .tit a{display:block;text-align:center;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.photo_list li .date{display:block;text-align:center;font-size:13px;color:#777;}

.btnTable{display:inline-block;vertical-align:middle;padding:0 8px;height:24px;line-height:24px;background:#aeb6cb;color:#fff;text-align:center;font-size:12px;font-weight:600;}
.sm_title2{font-size:15px;font-weight:600;}

/* cms tap */
#contents_in .tabBar{margin-bottom:20px;height:40px;border-bottom:1px solid #3474b6;}
#contents_in .tabBar:after{display:block;content:"";clear:both;}
#contents_in .tabBar > li{position:relative;float:left;z-index:1;margin-left:3px}
#contents_in .tabBar > li:first-child {margin-left:0px;}
#contents_in .tabBar > li > a{display:block;margin-left:-1px;height:38px;border:1px solid #ddd;border-bottom:none;border-radius:8px 8px 0px 0px; line-height:40px;text-align:center;font-size:15px;color:#444;}
#contents_in .tabBar > li.active{z-index:2;}
#contents_in .tabBar > li.active > a{position:relative;height:38px;line-height:38px;border:1px solid #3474b6;border-bottom:2px solid #fff;font-size:15px;font-weight:600;color:#333;}
#contents_in .tabBar > li.active > a:after{display:block;content:'';position:absolute;bottom:-8px;left:50%;margin-left:-6px;width:12px;height:8px;background:url(../../images/sub/icon_tabBar_ar1.gif) no-repeat;}
#contents_in .tabBar.col3 > li{width:33.3333%;}
#contents_in .tabBar.col4 > li{width:25%;}
#contents_in .tabBar.col5 > li{margin-left:.5%;width:19.5%;}
#contents_in .tabBar.col6 > li{margin-left:.5%;width:16%;}
#contents_in .tabBar.col6 > li a{font-size:13px;}
#contents_in .tabPage{position:relative;display:none;}
#contents_in .tabPage.active{display:block;}

/* ======================================== Modal ======================================== */
.modalWrap{display:none;position:absolute;top:150px;left:50%;margin-left:-250px;width:500px;background:#fff;z-index:100;border:1px solid #d3d3d3;}
.modalWrap.small{margin-left:-250px;width:500px;}
.modalWrap .modalTitle{position:relative;padding:0 65px 0 10px;height:35px;background:#387ec6;}
.modalWrap .modalTitle h3{display:block;height:35px;line-height:35px;font-size:16px;font-weight:bold;color:#fff;}
.modalWrap .modalTitle h3 b{color:#e2f17d;}
.modalWrap .modalTitle .btn_modalClose{display:block;position:absolute;top:0;right:0;width:35px;height:35px;text-indent:-9999em;background:url(../images/icon_btnClose.png) no-repeat center center;}
.modalWrap .modalContent{padding:20px;}
.modalWrap .modalContent h4{display:block;margin-top:10px;padding-left:14px;height:36px;font-size:15px;font-weight:bold;color:#1f1f1f;line-height:36px;background:url(/FisdOBS/home/images/obs/icon_h4_modal.png) no-repeat 4px center;}
.modalWrap .modalContent .search{padding:4px 20px;background:#f5f5f5;border:1px #cbcbcb solid;}
.modalWrap .modalContent .search .btn_search{bottom:4px;height:26px;line-height:26px;}
.modalWrap .modalContent .search ul li{padding:4px 30px 4px 100px;}
.modalWrap .modalContent .search ul li .label{padding:4px 8px;}
.modalWrap .modalContent .tableBox table th,
.modalWrap .modalContent .tableBox table td{padding:7px;}
.modalWrap .modalContent .tableBox table.form th{padding-left:18px;background:#f5f5f5;}
.modalWrap .modalContent .btnArea{margin:0;}
.modalWrap .modalContent .btnArea + *{margin-top:20px;}
.modalWrap label{display:inline-block;}

/* 만족도조사 */
.survey_poll{background:#ededed;}
.survey_poll p.poll_con{border:1px solid #dcdcdc; font-size:13px; text-align:left; padding:20px 15px; background-color:#f8f8f8; letter-spacing:-0.3px;}
.survey_poll p.poll_con strong{ font-weight:bold; color:#8ca232; }
.survey_poll p.poll_con span{text-align:right; display:block; font-weight:bold;}
.survey_poll .poll_q{padding:10px 7px; border-left:1px solid #dcdcdc;  border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:url(/img/bbs/bg_poll_top.gif) repeat-x 0 0;}
.survey_poll h4{font-size:15px; font-weight:700;color:#333;padding-left:0px !important;padding-top:10px;padding-bottom:10px;background:none !important;}
.survey_poll h5{font-weight:bold; font-size:14px; text-align:center; border:1px solid #dcdcdc; background-color:#f8f8f8; padding:10px 0; margin-top:10px;color:#f67814;}
.survey_poll h6{font-size:15px;font-weight:700;border-bottom:2px solid #dcdcdc;color:#333;padding-top:10px;padding-bottom:5px;}
.survey_poll h6 span{display:inline-block;width:24px;height:24px;line-height:24px;background:#4572c3;color:#ffffff;text-align:center;border-radius:24px;margin-right:8px;}
.survey_poll .vote1{background:#ffffff;margin-top:10px;padding:10px;}
.survey_poll .vote1:first-child{border-top:none;}
.survey_poll .vote1 ul{padding:10px;}
.survey_poll .vote1 ul li{line-height:35px !important;font-size:13px;font-weight:700;color:#333;}
.survey_poll .vote1 ul li .txt_area textarea{border:1px solid #b6b6b6;width:100%;}
.survey_poll .vote2{margin-top:10px;}
.survey_poll .vote2 textarea{width:100%;}
.thank{margin-top:20px; border:1px solid #dcdcdc; font-size:13px; text-align:center; padding:20px 15px; font-weight:bold;}

.userResearch h5{display:none;}
.userResearch .vote1{ border:1px solid #ddd; padding:15px 15px 0 15px;}
.userResearch .vote1 ul{ overflow:hidden; margin-bottom:15px;}
.userResearch .vote1 ul.w4 li{width:25%;}
.userResearch .vote1 ul.w3 li{width:33%;}
.userResearch .vote1 ul.w3 li{ margin:5px 0;}
.userResearch .vote1 ul li{float:left; text-align:left;}
.userResearch .vote1 dl{ margin:10px 0 20px 0; overflow:hidden; border-bottom:1px dotted #ddd; padding-bottom:10px;}
.userResearch .vote1 dl:last-child{ border-bottom:none;}
.userResearch .vote1 dl dt{background:url(/images/frt/common/bullet02.gif) 0px 5px no-repeat; padding-left:7px; font-weight:bold; margin-bottom:8px;}
.userResearch .vote1 dl dd{float:left; width:25%;}
.userResearch .vote2{margin-bottom:30px;}
.userResearch .vote2 label{ display:none;}
.userResearch .vote2 textarea{ width:100%; height:70px;}
.userResearch .vote3{background:#f3f3f3; border:1px solid #c3c3c3; padding:20px 15px 0 15px; margin-bottom:20px;}
.userResearch .vote3 dl.w2 dd{width:50%;}
.userResearch .vote3 dl.w3 dd{width:33%;}
.userResearch .vote3 dl.w4 dd{width:25%;}
.userResearch .vote3 dl{margin-bottom:15px; overflow:hidden; border-bottom:1px dotted #c3c3c3;}
.userResearch .vote3 dl:last-child{border-bottom:none;}
.userResearch .vote3 dt{ color:#3d7711; font-weight:bold; margin-bottom:5px;}
.userResearch .vote3 dd{float:left; margin-bottom:10px;}
.userResearch .btn_zone{text-align:center;}
.userResearch .btn_zone a{display:inline-block; float:none;}
.userResearch .btn_zone a.btn2{border:1px solid #00a19c;padding:10px 12px;text-align:center;color:#ffffff;font-weight:bold;letter-spacing:-1px;background:#00ada8; width:150px;margin-left:5px;white-space:nowrap;}

.userResalt2 h5{display:none; }
.userResalt2 ul{padding:10px;}
.userResalt2 ul li{margin:5px 0; position:relative; padding-left:350px; line-height:1.2em; height:40px;font-size:13px;}
.userResalt2 ul li strong{position:absolute; left:0;top:4px;display:block; width:300px; text-align:left; color:#444444; font-size:95%;}
.userResalt2 ul li span{ font-size:85%; font-weight:bold; color:#444; font-family:Tahoma; }
.userResalt2 ul li div.poll1{ background: url(/SM/images/poll_line1.gif) left repeat-x; text-align:center;position:relative;}
.userResalt2 ul li.last{margin:5px 0; position:relative; padding-left:18px; padding-right:18px; }
.userResalt2 ul li.last p{margin-top:10px; line-height:18px; padding:5px; border:1px dashed #ddd;}
.userResalt2 .btn_zone{text-align:center;}
.userResalt2 .btn_zone a{display:inline-block; float:none;}
.userResalt2 ul.textcon{overflow-y:scroll; height:50px; padding:10px;}
.userResalt2 ul.textcon li{margin:5px 0; position:relative; padding-left:0px; line-height:1.2em;}
.userResalt2 ul.textcon li span{padding-right:10px; font-weight:normal; }

.userResalt2 .poll_section{background:#ffffff;padding:10px;margin-top:10px;}
.userResalt2 .poll_section:first-child{margin-top:0;}