@charset "utf-8";
/* CSS Document */



/* base */
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
.hiding {visibility:hidden;}



/* form */
.hp .itext {width:48px;} /* 연락처 */
.hp .num {width:30px;} /* 연락처 */
.address .itext {width:48px;}
.address .itext.a01 {width:250px;} /* 주소 , 2014.05.12 수정 : width:200px; --> width:250px; */
.address .itext3 {width:50px;}
.address .itext.w01 {width:224px; }
.address .itext.w02 {width:193px; }



/* Search Box */
.searchArea {margin:0; padding:0; background:#fff;}
.searchArea select {border-color:#d4d4d4;}
.searchArea input {width:220px;}


/* Table Type */
table {border-collapse:collapse; clear:both;}

.tbl01 {margin-top:20px; letter-spacing:0 !important;}
.tbl01 table {width:100%; border-top:2px solid #1d8519; border-bottom:1px solid #d5d5d5;}
.tbl01 th {padding:9px 10px 6px; border-bottom:1px solid #e3e3e3; background:#fff; color:#333; vertical-align:top;}
.tbl01 td {padding:8px 10px 7px; padding:9px 10px 6px\9; border-top:1px solid #e3e3e3; text-align:center; color:#666;}
.tbl01 td.sub {color:#666; text-align:left;}
.tbl01 tr.over:hover {background:#fbfff8;}

.tbl02 {margin-top:20px; letter-spacing:0 !important;}
.tbl02 table {width:100%; border-top:2px solid #1d8519; border-bottom:1px solid #d5d5d5; color:#666;}
.tbl02 th {padding:11px 0 8px 23px; border-top:1px solid #ddd; background:#fafcf8; text-align:left; letter-spacing:-1px;}
.tbl02 th em {font-style:normal; color:#f33f4b; margin-right:6px;}
.tbl02 td {padding:11px 0 8px 15px; border-top:1px solid #e3e3e3;}

.tbl03 {margin-top:20px; letter-spacing:0 !important;}
.tbl03 table {width:100%; border-top:2px solid #1d8519; border-bottom:1px solid #d5d5d5;}
.tbl03 th {padding:9px 10px 6px; border-bottom:1px solid #e3e3e3; background:#fff; color:#333; vertical-align:top;}
.tbl03 td {padding:8px 10px 7px; padding:9px 10px 6px\9; border-top:1px solid #e3e3e3; text-align:center; color:#666; border-right:1px solid #e3e3e3;}
.tbl03 td.sub {color:#666; text-align:left;}
.tbl03 tr.over:hover {background:#fff;}
.tbl03 td.last {border-right:0 none;}


/* 조회페이지 */
.tblView {margin-top:20px; letter-spacing:0 !important;}
.tblView table{width:100%; border-top:2px solid #1d8519; border-bottom:1px solid #777;}
.tblView th {padding:9px 20px 6px; border-top:1px solid #e3e3e3; text-align:left; color:#333; vertical-align:middle;}
.tblView td {padding:9px 0 6px; border-top:1px solid #e3e3e3; color:#666;}
.tblView td.sub{color:#666;}
.tblView td a{display:inline-block; vertical-align:middle;}
.tblView td a img{margin:0 4px -3px 0;}
.tblView .view {padding:20px 0 20px 20px; line-height:20px;}
.tblView .view.imgTy {padding:18px 0 13px !important;}


/* 공감칼럼 */
.news_list {border-top:2px solid #777; margin-top:20px; text-align:left;}
.news_list li {*zoom:1;padding:17px 0;border-bottom:1px solid #e9eaea; width:100%; float:left;}
.news_list li:after {content:'';display:block;clear:both;}
.news_list li .img {float:left; width:20%; border:1px solid #ddd; text-align:center;}
.news_list li .img img{width:100%;}
.news_list li .info {float:right; width:75%;}
.news_list li .info .subject {font-size:1.3em;font-weight:bold;color:#2a2f33;padding-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list li .info .subject a {color:#2a2f33;}
.news_list li .info .period {color:#a4a4a4;margin-top:10px;}
.news_list li .info .txt {color:#818487;margin-top:10px;line-height:1.4em;}


/*btn sml font11 orange 컬러변경*/
a.btn_sml:link{font-family:'돋움',Tahoma; font-size:11px; color:#333; text-decoration:none; text-transform:lowercase}
a.btn_sml:visited{font-family:'돋움',Tahoma; font-size:11px; color:#333; text-decoration:none}
a.btn_sml:hover{font-family:'돋움',Tahoma; font-size:11px; color:#e73535; text-decoration:none}


/* btn image*//* 버튼배경처리와 배경에 얹은 TEXT*/
a.btn_sml{display:inline-block; ;background:url(../images/common/bg_btn_default.gif) no-repeat 100% -27px; font-family:'돋움',Tahoma; font-size:12px; color:#666; line-height:22px; letter-spacing:-1px; text-decoration:none;white-space:nowrap; padding-right:4px; padding-bottom:1px; margin-left:2px; margin-top:1px; text-align:left;}
a.btn_sml span,a.btn_sml strong{display:block; padding:1px 4px 0 8px; background:url(../images/common/bg_btn_default.gif) no-repeat 0 -27px}



/* paging */
.paging {position:relative; padding:30px 0 30px 0; text-align:center; clear:both;}
.paging a, .paging strong {display:inline-block; position:relative; line-height:21px; margin-right:1px; padding:0 4px; color:#666; font-weight:normal; text-align:center;}
.paging strong, .paging a:hover {color:#1d8519; font-weight:bold;}
.paging .end, .paging .pre, .paging .next {border:0 !important; padding:0 !important; background:none !important; width:auto !important; height:auto !important; vertical-align:top;}
.paging .pre {margin:0 5px;}
.paging .next {margin:0 5px;}


/* Button */
.schBtn {display:inline-block; width:60px; height:19px; padding:0 0 3px 0; background:#777; color:#fff !important; font-size:12px; text-align:center; vertical-align:middle; margin-left:5px;}

.btnType {display:inline-block;}
.btnType img {border:0; vertical-align:middle;}
.btnType a {display:inline-block; overflow:visible; margin:0; padding:0; border:0; width:auto !important; font-size:13px; vertical-align:top; white-space:nowrap; font-weight:bold;}
.btnType.type1 a, .btnType.type2 a, .btnType.type3 a {border:1px solid #103550; padding:0 15px; height:33px; line-height:33px;}
.btnType.type1 a {background:#1d8519; border-color:#1d8519; color:#fff !important;}
.btnType.type2 a {background:#9bc83b; border-color:#9bc83b; color:#fff;}
.btnType.type3 a {background:#999; border-color:#999; color:#fff;}
.btnType2 a{display:inline-block; overflow:visible; margin-top:-5px; padding:2px 15px 0 15px; border:1px solid #8c0905; width:auto !important; font-size:12px; vertical-align:top; white-space:nowrap; font-weight:bold; background:#f33f4b; color:#fff !important;}

.btnType3{overflow:visible; margin:0; padding:5px 9px 5px 9px; font-size:11px; vertical-align:middle; background:#909598; color:#fff; white-space:nowrap;}
.btnType4{overflow:visible; margin:0; padding:5px 9px 5px 9px; font-size:11px; vertical-align:middle; background:#1d8519; color:#fff; white-space:nowrap;}
.btnType5{overflow:visible; margin:0; padding:4px 9px 4px 9px; font-size:11px; vertical-align:middle; background:#f9f9f9; border:1px solid #d4d4d4; color:#333; white-space:nowrap;}



/* Tab Button */
a.btn_big{display:inline-block; border:1px solid #656565; font-family:'돋움',Tahoma; font-size:12px; color:#666; padding:0 15px; height:30px; line-height:30px; letter-spacing:-1px; text-decoration:none; white-space:nowrap; font-weight:bold;}
a.btn_big span,a.btn_big strong{display:block; padding:0 15px; height:30px;}


/* Tab Button over 컬러변경 */
a.btn_big:link{font-family:'돋움',Tahoma; font-size:12px; color:#333; text-decoration:none; text-transform:lowercase}
a.btn_big:visited{font-family:'돋움',Tahoma; font-size:12px; color:#333; text-decoration:none}
a.btn_big:hover{font-family:'돋움',Tahoma; font-size:12px; background:#f33f4b; border-color:#8c0905; color:#fff !important; text-decoration:none}




.btnTypeIn,
.btnTypeIn * {background:url('../images/common/bg_btn.gif') no-repeat; display:inline-block; overflow:visible; margin:0; padding:0; border:0; height:24px; color:#6c6c6c; font-size:11px; font-family:'돋움','Dotum'; vertical-align:top; white-space:nowrap; letter-spacing:-1px; text-align:center; }
.btnTypeIn { padding-left:1px; background-position:left 0;}
.btnTypeIn * { padding:0 7px 0 6px; background-position:right 0; line-height:26px; }


.btnTypeIn2 a {display:inline-block; overflow:visible; margin:0; padding:0 9px; height:22px; border:1px solid #00baf2; background:#ffffff; color:#00baf2; line-height:26px; letter-spacing:-1px; font-weight:normal; font-size:11px; }


/** Button Area **/
.btn {margin:15px 0 0; text-align:right;}
.btn2 {margin:15px 0 0; text-align:center;}
.btn3 {margin:15px 0 0; text-align:left;}
.btn .btnType {margin-left:2px;}
.btnl {position:absolute; left:0;}
.btnR {position:absolute; right:0; top:15px;}


/* 이전글/다음글 */
.prevNext {margin:-1px 0 0 0; border-top:1px solid #777; border-bottom:1px solid #777;}
.prevNext li {height:35px; line-height:38px; overflow:hidden;}
.prevNext li span {position:relative; display:inline-block; width:60px; padding:0 0 0 7px;}
.prevNext li.next {border-top:1px solid #e3e3e3;}
.prevNext li img {vertical-align:middle; margin:0 0 0 18px;}


/* 답변 */
.reply {margin:-1px 0 0 0; border-top:1px solid #777; border-bottom:1px solid #777;}
.reply .first {padding:9px 0 6px 0; overflow:hidden; border-bottom:1px solid #e3e3e3;}
.reply .next {line-height:25px; margin:7px 18px;}
.reply img {vertical-align:middle; margin:0 7px 0 18px;}