@charset "utf-8";

/* 글 등록시 등록중입니다 이미지레이어 */
.mw {position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000 url('/ease_src/img/bg.png') repeat;opacity:.5;filter:alpha(opacity=50);z-index:10000}
.mw .fg{position:absolute;top:50%;left:50%;width:360px;height:80px;margin:-100px 0 0 -200px;padding:20px;border:1px solid #ccc;background:#fff;z-index:11000}
.mw .fg .loding {display:block; text-align:center}

#container #contentWrap .content_body fieldset {border:none}
#container #contentWrap .content_body fieldset .blind {display:none}
#container #contentWrap .content_body input {padding:0 3px; border:1px solid #abadb3; background:#fff; border-radius:0; box-sizing: border-box; height:28px}
#container #contentWrap .content_body input.file {border:none}
#container #contentWrap .content_body select {border:1px solid #ccc; border-radius:0; box-sizing: border-box; height:28px}

/*button 버튼 스타일은 css/basic.css*/
.BtnArea{text-align:right; height:33px; margin-bottom:5px}
.BtnArea button, button {cursor:pointer; /*font-family: 'NBG','NanumBarunGothic','나눔바른고딕','Malgun Gothic','맑은고딕';*/ font-size:13px}
.mt-33 {margin-top:-33px}

/*페이지,검색영역*/
div.board_info {clear:both; overflow:hidden; margin-bottom:10px}
div.board_info p.page_info {float:left; color:#333}
div.board_info p.page_info strong {color:#fd6800}
div.board_info div.Search_rss {float:right; text-align:right} 
div.board_info div.Search_rss form span.form-input {display:inline-block; width:35%}  
div.board_info div.Search_rss form span.form-input input {box-sizing:border-box; width:100%; padding: 0 3px; border: 1px solid #abadb3; background: #fff; height: 26px}  
div.board_info div.Search_rss a.icon_rss {background:#EB8B45 url(/upload/skin/board/basic/icon_rss.png) no-repeat center; display:inline-block; width:11%; height:28px; vertical-align:-11px}

/*고객문의 처리 현황*/
.processArea {display:inline-block; position:relative; top:-45px}
.processArea .item{display:block; margin:0 5px 0 1px; overflow:hidden;  padding:5px 0}
.processArea .item select {height:33px}
.processArea .item dt{display:inline-block; font-size:14px; font-weight:bold}
.processArea .item dd{display:inline-block; font-size:14px}

/* table style*/
table caption {display:none}

/*Board List*/
.tstyle_list {clear:both; width:100%; border-top:1px solid #919191; line-height:1.6; margin-bottom:10px; border-spacing:0}
.tstyle_list thead th, .tstyle_list td {word-break:keep-all; border-bottom:1px solid #dcd9d9; text-align:center;  padding:8px;  }
.tstyle_list thead th {color:#000; font-weight:normal; background:#fafafa; border-left:1px solid #dcd9d9; border-bottom:1px solid #919191}
.tstyle_list thead th:first-child {border-left:0}
.tstyle_list tbody th {color:#333; font-weight:normal; background:#fafafa}
.tstyle_list tbody tr:hover {background:#fafafa}
.tstyle_list td {border-left:1px solid #dcd9d9}
.tstyle_list td.title a:hover {text-decoration:underline}
.tstyle_list td.txt_left {text-align:left}
.tstyle_list td:first-child {border-left:0}

/*Board View*/
.tstyle_view {width:100%; border-collapse:collapse; letter-spacing:0; border-top:1px solid #919191; margin-bottom:30px; position:relative; z-index:1}
.tstyle_view th, .tstyle_view td {padding:10px 16px; border-bottom:1px solid #e2e3e6; word-break:break-all; border-left:1px solid #eaeaea}
.tstyle_view thead th {border-bottom:1px solid #919191; color:#333; background:#f2f2f2; border-left:0}
.tstyle_view tbody th {color:#000;background:#fcfcfc; font-weight:normal} 
.tstyle_view tbody tr th:first-child, .tstyle_write tbody tr th:first-child {border-left:0}
.tstyle_view tbody tr td.title {font-size:16px; font-weight:normal; text-align:center; margin:0 }
.tstyle_view tbody tr td.tb_contents {word-wrap: break-word; padding:20px; border-left:0}
.tstyle_view tbody tr td.tb_contents img{max-width:784px; width:100%; display: block;  margin: 0 auto;}
.tstyle_view tbody tr.add_file {border-top:1px solid #e2e3e6}

/*Board 이전글, 다음글*/
.list_board {border-top:1px solid #919191; border-bottom:1px solid #919191; margin-bottom:20px}
.list_board li {border-top:1px solid #e2e3e6; padding:7px}
.list_board li a:hover {text-decoration:underline}
.list_board li:first-child {border:0}
.list_board li:first-child span {background-position:-73px 5px}
.list_board li span {color:#333; font-weight:normal; padding:0 15px 0 20px; display:inline-block; background:url(/upload/skin/board/basic/ico_group.png) no-repeat -73px -7px; width:40px; height:18px}

/*Board Write*/
.tstyle_write {width:100%; border-collapse:collapse; letter-spacing:0; border-top:1px solid #919191; margin-bottom:30px; position:relative; z-index:1}
.tstyle_write th, .tstyle_write td {padding:8px 16px; border-bottom:1px solid #e2e3e6; word-break:keep-all; border-left:1px solid #eaeaea}
.tstyle_write tbody th {color:#000;background:#fcfcfc; font-weight:normal}
.tstyle_write tbody tr td.tb_contents {border-left:0; padding:8px 0}
.tstyle_write tbody tr td.tb_contents .content {width:99%}
.tstyle_write tbody tr td.th_add span {font-weight:normal; font-size:11px; color:#777; letter-spacing:-1px}
.tstyle_write tbody tr td.add_file th {background-color:#fff}
.tstyle_write tbody tr td.add_file td {background:url(/upload/skin/board/basic/line_bar.gif) no-repeat left center; border-left:0}
.tstyle_write tbody tr td.add_file th span {font-size:11px; font-weight:normal; color:#717171}
.tstyle_write tbody tr.file_info td {border-left:none; font-size:11px; font-weight:normal; color:#717171}
.tstyle_write tbody tr.file_info th, .tstyle_write tr.file_info td {background:#FCFCFC; padding:3px 0 3px 70px}
.tstyle_write tbody td:first-child {border-left:0}
.tstyle_write tbody tr.add_file td input {border:none !important}
.tstyle_write tbody tr td input.line-no {border:none !important}

/* search area */
.search_form {background:#f7f7f7; border-top:1px solid #7b7b7b; border-bottom:1px solid #c1c1c1; padding:20px 25px; margin-bottom:30px}
.search_form input[type="text"] {width:340px; height:15px; padding:5px}
.search_form02 {float:right; margin-bottom:12px}
.search_form02 input[type="text"] {width:120px; height:14px; padding:5px}
.select_form {background:#f7f7f7; border-top:1px solid #7b7b7b; border-bottom:1px solid #c1c1c1; padding:9px 22px 12px; margin-bottom:30px}
.select_form p.txt_point01 {margin-bottom:5px}
.select_form select {min-width:30%; vertical-align:middle}
.srch_date {padding:11px 20px; margin-bottom:32px}
.srch_date input[type="text"] {width:100px}
.srch_date span {display:inline-block; padding:6px 0}
.srch_date span.line {background:url(/upload/skin/board/basic/line_bar02.png) no-repeat right top; height:28px; padding-right:20px; margin-right:20px}

/* cs area */
.cs_area {background:url(/upload/skin/board/basic/bg_cs.gif) no-repeat 0 0; height:58px; padding:11px 30px 15px 16px}
.cs_area h1 {display:inline;  }
.cs_area .txt_cs {display:inline; color:#777; font-size:0.95em}
.cs_area .txt_cs span {display:inline-block; color:#d1d1d3;  width:20px; text-align:center}
.cs_area .cs_input { padding:16px 0 13px 0}
.cs_area .cs_input li {float:left; padding-right:10px}
.cs_area ul {margin-right:15px}
.cs_area .btn_ok {float:left}
.cs_area .btn_ok a {display:inline-block; padding:3px 12px; background:#5a5a5a; color:#fff; font-size:0.95em; letter-spacing:0}

/* file list */
.attach_file li {padding-left: 17px; background: url(/upload/skin/board/basic/ico_group.png) no-repeat -6px -126px;	}	

/*faq 리스트*/
div.listFaq {border-top:1px solid #919191; clear:both; margin:10px 0 0 0; overflow:hidden}
div.listFaq ul li {border-bottom:1px solid #e6e6e6; clear:both; display:block; overflow:hidden; content:""}
div.listFaq ul li:hover {background:#fafafa}
div.listFaq ul li span.question {display:block; position:relative; z-index:100}
div.listFaq ul li span.question a {display:block; padding:15px 17px}
div.listFaq ul li span.question span.category, .listFaq ul li span.question span.title {padding-top:7px;  margin-right:5px}
div.listFaq ul li div.answer {background:#fafafa; border-top:none; border-bottom:none; padding:50px 15px 10px 17px; position:relative; margin-top:-50px}
div.listFaq ul li div.answer div.answer_box {border-top:1px dashed #ddd; padding:10px 0 0}
div.listFaq ul li div.answer div.answer_box span.category {float:left}
div.listFaq ul li div.answer div.answer_box span.con {display:inline-block; margin-left:10px; line-height:22px}

/*faq 글쓰기*/
.BoardWrite_Wrap {width:100%; margin-bottom:20px;  border-top: 1px solid #919191}
.BoardWrite_Wrap .group {clear:both; overflow:hidden; border-bottom: 1px solid #E2E3E6; background:url('/upload/skin/corporation/basic/tt_bg.gif') repeat-y -40px top; position:relative}
.BoardWrite_Wrap .group .tt {width:150px;  color: #333333;padding: 10px 5px; word-break: keep-all; font-weight:normal; display:block; position:absolute; left:0; text-align:center}
.BoardWrite_Wrap .group .con {min-height:20px; border-left: 1px solid #E2E3E6; margin-left:160px;  padding: 10px 5px} 
.BoardWrite_Wrap .group .con .field2 {width:99%; padding:3px 0} 
.BoardWrite_Wrap .group .content {width:98%; margin:10px 0}
.BoardWrite_Wrap .group_bg {background:none} 
	
/* 달력형 */
.calendar {position:relative; top:-20px}
.calendar h1 {background:url(/upload/skin/board/basic/bg_calendar_line.jpg) repeat-x left bottom; height:80px; text-align:center; color:#fd6800; line-height:1em; font:normal 32px Verdana, Geneva, sans-serif; letter-spacing:-0.05em}
.calendar .tb_calendar {width:100%; border-collapse:separate; border-spacing:2px; font:normal 21px Verdana, Geneva, sans-serif}
.calendar .btn_pre_month {position:absolute; top:8px; left:50px}
.calendar .btn_next_month {position:absolute; top:8px; right:50px}
.calendar .tb_calendar th {font-weight:normal; color:#183e89; text-align:center; height:80px}
.calendar .tb_calendar th:first-child {color:#f35050}
.calendar .tb_calendar td { width:80px; height:80px; text-align:center; color:#c6c8c9}
.calendar .tb_calendar td.bg {background:url(/upload/skin/board/basic/bg_calendar_td.jpg) repeat 0 0; color:#777}
.calendar .tb_calendar td.on {color:#fff; background:#565656; border-top:3px solid #fd6800; height:77px}
.calendar .tb_calendar td.on a {color:#fff;  display:block; text-decoration:none; height:77px; line-height:77px}
.calendar .tb_calendar  .month_day {position:relative; padding:27px 5px 5px 5px; .padding-top:10px; font-size:11px}
.calendar .tb_calendar td .month_day span {font-size:12px; display:block; font-weight:normal; position:absolute; top:10px; left:10px; vertical-align:top; height:13px; color:#777}
.calendar .tb_calendar td .month_day li a {display:inline-block; color:#54575a; letter-spacing:-1px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; width:90px}

/*listPDF*/
ul.listPDF {border-top: 1px solid #919191; border-bottom: 1px solid #919191; clear:both; padding: 20px 0;margin: 10px 0 15px; position:relative; overflow:hidden}
ul.listPDF li {float: left; width:33.3%; overflow:hidden; margin-bottom:20px}
ul.listPDF li:first-child {margin-left:0}
ul.listPDF li:last-child {margin-right:0}
ul.listPDF li div.thumb {display:block; margin: 0 5px 10px}
ul.listPDF li div.thumb > img {border:1px solid #e4e4e4; display:block; height:150px; margin-bottom:10px}
ul.listPDF li div.thumb a {box-sizing: border-box; display:inline-block; text-align:center; padding:5px 0; width:48%}
ul.listPDF li div.thumb a:last-child {margin-right:0}
ul.listPDF li div.con {margin-top:10px}
ul.listPDF li div.con h4 {font-size:16px; font-weight:normal; margin-bottom:10px}
ul.listPDF li div.con dl.info dt > img {vertical-align:-3px}
ul.listPDF li.no_data {border:none; text-align:center; width:100%; padding:30px 0; min-height:auto; float:none; display:block}

/* comment */
div.boardCommentWrap{margin-top:25px}
div.boardCommentWrap h5{height:25px; font-size:12px; position:relative}
div.boardCommentWrap .text_info{padding-left:10px; font-weight:normal; font-size:11px}
div.boardCommentWrap .txtNum {position:absolute; top:0; right:0}
div.boardComment{position:relative; padding:15px 0; padding-top:10px; background:url('/upload/skin/board/basic/btn_register.gif') 0 bottom no-repeat}
div.boardComment form.write fieldset{width:100%; padding:0}
div.boardComment form.write div.memo{position:relative; border:1px solid #ccc; background:#F9F9F9; padding:15px}
div.boardComment form.write div.memo textarea{width:86%; height:46px;clear:both; border:1px solid #ccc}
div.boardComment form.write div.memo button{position:relative; top:1px; width:13%; height:47px}
div.boardComment form.write .ok{ border:0; padding:18px 14px; width:80px; text-align:center; background:url('/upload/skin/board/basic/btn_register.gif') no-repeat; font-weight:normal; color:#666; text-decoration:none}
div.boardComment div.commentList{margin:15px 0 0 0; border-bottom:1px solid #ccc}
div.boardComment div.commentList ul{margin:10px 10px 0}
div.boardComment div.commentList ul li{position:relative; padding:10px 0; border-top:1px dotted #dadada; line-height:18px}
div.boardComment div.commentList ul li span.memo{display:block; margin:0 160px 0 0; line-height:18px; background:url(/upload/skin/board/basic/icon_re.gif) no-repeat left 2px; padding-left:15px}
div.boardComment div.commentList ul li span.writer{display:inline-block; position:absolute; right:0; top:10px; line-height:18px}
div.boardComment div.commentList ul li.first{border-top:0;  }
div.boardComment div.commentList ul li.re_comment{padding:15px; background:#fafafa}
div.boardComment div.commentList .btn_img {vertical-align:middle}
div.boardComment div.commentList .of_reply_icon {margin-top:3px}

/*수정/삭제 비밀번호입력*/
#questPW {clear:both; overflow:hidden; padding:100px 0}
#questPW .txtBox {background:url('/upload/skin/board/basic/questPW_bg.gif') no-repeat 20% 0; padding-left:40%; position:relative; min-height:150px}
#questPW .txtBox .title {font-family:'NBG','NanumBarunGothic','나눔바른고딕','Malgun Gothic','맑은고딕'; color:#666; clear:both; font-size:16px; letter-spacing:-1px; margin-bottom:25px; line-height:24px}
#questPW .txtBox .pw_div {display:inline-block}
#questPW .txtBox .pw_div input {border:1px solid #ddd; padding:5px; width:130px}
#questPW .txtBox .font_red {color:#cc3300; position:relative; top:33px; left:-145px}
#questPW .txtBox .btnWrap {display:inline-block}
#questPW .txtBox button {padding:4px 3px 3px; vertical-align:middle}

/* 레이어팝업 */
.layerpopup {overflow: hidden; visibility: hidden; position: fixed; left: 0; top: 0; z-index: 20; width: 0; height: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.3s;}
.layerpopup .group {overflow: hidden; overflow-y: auto; position: relative; top: 50%; width: 30.5rem; max-width: 90%; max-height: 90%; margin: 0 auto; transform: translate(0, -50%);}
.layerpopup .group .title {display: block; overflow: hidden; height: 2.75rem; padding: 0 3rem 0 1.5rem; background: linear-gradient(to right, #3a64b3, #464da2); font-size: 0.9rem; font-weight: 400; color: #fff; text-overflow: ellipsis; white-space: nowrap; line-height: 2.75rem;}
.layerpopup .item {padding: 1.8rem; background-color: #fff;}
.layerpopup .popupClose {overflow: hidden; position: absolute; right: 0; top: 0; width: 2.75rem; height: 2.75rem; text-align: center; line-height: 2.75rem; transition: all 0.2s;}
.layerpopup .popupClose::before {display: block; font-family: 'xeicon'; font-size: 0.9rem; color: #fff; content: '';}
.layerpopup .popupClose:hover,
.layerpopup .popupClose:focus,
.layerpopup .popupClose:active {transform: rotate(360deg);}
.layerpopup.active {visibility: visible; width: 100%; height: 100%; opacity: 1; z-index: 100}

/* 레이어팝업  이메일 */
.layerpopup .group.email {width: 23rem; border: 1px solid #ddd;}
.layerpopup .group.email .title {border-bottom: 1px solid #ddd; background: none #fff;}
.layerpopup .group.email .title img {vertical-align: middle;}
.layerpopup .group.email .item {padding-left: 0.5rem; padding-right: 0.5rem; color: #333; text-align: center;}
.layerpopup .group.email .popupClose::before {color: #484848;}
.layerpopup .group.email .number {font-size: 1.5rem; font-weight: 700; color: #000;}
.layerpopup .group.email .form {position: relative; width: 17.75rem; max-width: 100%; margin: 1rem auto 0; padding-right: 3.75rem;}
.layerpopup .group.email .form .btn-m {position: absolute; right: 0; top: 0; width: 3.75rem; min-width: 0; height: 2rem; padding: 0; font-weight: 400; line-height: 1.8rem; border: 0 none; background-color: #284780; color: #fff;}
.btn-m2 {width: 5rem; min-width: 0; height: 3rem; padding: 0; font-weight: 400; line-height: 1.8rem; border: 0 none; background-color: #284780; color: #fff;}
.layerpopup .group.email .form input {width: 100%; height: 2rem; vertical-align: top;}
.layerpopup .group.email .result {margin-top: 1rem; line-height: 2rem;}
.layerpopup .group.email .result .icon3 {margin-right: 0.25rem; vertical-align: top;}
.icon3 {display: inline-block; overflow: hidden; width: 2rem; height: 2rem; border-radius: 100%; border: 1px solid #ddd; color: #333; text-align: center; line-height: 1.9rem;}
.icon3 i {display: block; line-height: inherit;}
@media (max-width:414px){
	.tstyle_view tbody tr td.tb_contents{padding:15px;}	
}