/**************************************************
* 제목: 게시판 스타일
* 설명: 게시판과 관련된 뷰, 리스트, 등록양식 등의 스타일
* 작성자: jjaekong@gmail.com
* 작성일: 14.04.04
**************************************************/

/* 게시판 검색 */
.search-container form { position: relative; padding: 20px 264px 20px 305px; height: 26px; background-color: #f5f5f5; }
.search-container .type { position: absolute; top: 20px; left: 195px; }
.search-container .type select { width: 106px; height: 26px; border: 1px solid #c2c2c2; background-color: #fff;}
.search-container .keyword p { height: 24px; border: 1px solid #c2c2c2; background: url(/eng/images/common/bg_search_keyword.gif) repeat-x 0 0; }
.search-container .keyword input[type="text"] { display: block; padding: 5px 0; width: 100%; height: 14px; line-height: 14px; text-indent: 5px; background-color: transparent; }
.search-container button { position: absolute; top: 20px; right: 180px; /*width: 65px;*/width:80px; height: 26px; border: 1px solid #c2c2c2; background: url(/eng/images/common/ico_search_do.gif) no-repeat 57px 7px #f3f3f3; font-weight: bold; text-indent: -10px; }

/* 페이지네이션 */
.list-pagination { position: relative; height: 32px; text-align: center; }
.list-pagination p { display: inline-block; }
.list-pagination a { display: inline-block; width: 30px; height: 30px; text-align: center; border: 1px solid #e3e3e3; vertical-align: middle; line-height: 30px; }
.list-pagination .current { display: none; }
.list-pagination .selected { background-color: #2a67b3; border-color: #235db3; color: #fff; }
.list-pagination .btn-write { position: absolute; top: 0; right: 0; width: 98px; height: 30px; border: 1px solid #00559d; color: #fff; background: url(/eng/images/common/ico_write_button.gif) no-repeat 18px 9px #005caa; text-indent: 10px; }

/* 일반게시판 리스트 */
.board-list { margin: 0 auto; width: 972px; }
.board-list h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.board-list .list-container tbody td { padding-left: 10px; padding-right: 10px; text-align: center; }
.board-list .list-container tbody td.addr{width:30%;}
.board-list .list-container tr.notice td.no span { display: inline-block; width: 33px; height: 17px; line-height: 17px; background-color: #3f96d1; color: #fff ;}
.board-list .list-container tr.notice td.title { font-weight: bold; }
.board-list .list-container td.title { text-align: left; padding-left: 20px; padding-right: 20px; }
.board-list .list-container tr:hover td { background-color: #f5f5f5;}
.board-list .list-container tr:hover td.title a { color: #005dac; }
.board-list .list-container td .btn { display: inline-block; width: 51px; height: 19px; border: 1px solid; }
.board-list .list-container td .btn-apply { border-color: orange; }
.board-list .list-pagination { margin-top: 20px; }
.board-list .search-container { margin-top: 60px; }

/* 뉴스레터 리스트 */
.newsletter-list { margin: 0 auto; width: 972px; }
.newsletter-list h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.newsletter-list .list-container ul { overflow: hidden; }
.newsletter-list .list-container li { float: left; margin: 0 20px 20px 0; width: 228px; height: 284px; }
.newsletter-list .list-container li div { position: relative; width: 100%; height: 100%;overflow: hidden; }
.newsletter-list .list-container li.break { margin-right: 0; }
.newsletter-list .list-container li a { display: block; width: 100%; height: 100%; line-height: 18px; cursor: pointer; }
.newsletter-list .list-container li .details { position: absolute; bottom: 0; left: 0; padding: 15px 0; width: 100%; height: 38px; background: url(/eng/images/community/bg_newsletter_list.png) repeat 0 0; }
.newsletter-list .list-container li .details strong { display: block; color: #fff; text-indent: 15px; font-size: 13px; }
.newsletter-list .list-container li .details span { display: block; color: #b0b2b5; text-indent: 15px; font-size: 11px; }
.newsletter-list .list-container li a:hover .details { background-image: none; background-color: #0086cd; }
.newsletter-list .list-pagination { margin-top: 0; *margin-top: 20px; }
.newsletter-list .search-container { margin-top: 60px; }

/* 뉴스레터 뷰 */
.newsletter-view { margin: 0 auto; width: 972px; }
.newsletter-view h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.newsletter-view .view-container { width: 100%; }

/* 동영상 */
.video-list { margin: 0 auto; width: 972px; }
.video-list h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.video-list .view-container { overflow: hidden; }
.video-list .video-container { float: left; width: 645px; height: 386px; }
.video-list .video-container div { width: 100%; height: 100%; }
.video-list .caption-container { float: right; width: 314px; height: 386px; }
.video-list .caption-container > div { width: auto; border-top: 2px solid #005dac; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
.video-list .caption-header { padding: 15px 20px; height: 39px; border-bottom: 1px solid #d9d9d9; }
.video-list .caption-header h3 { padding-bottom: 10px; font-size: 15px; color: #005dac; }
.video-list .caption-header dl { font-size: 11px; color: #777; }
.video-list .caption-header dt { float: left; }
.video-list .caption-header dt span { padding: 0 3px; }
.video-list .caption-header dd { float: left; }
.video-list .caption-header dt.count { padding-left: 10px; margin-left: 10px; background: url(/eng/images/community/bar_video_caption.gif) no-repeat 0 50%; }
.video-list .caption-content { overflow: auto; padding: 15px 20px; height: 283px; font-size: 13px; line-height: 26px; color: #555;background-color:#f5f5f5; }
.video-list .caption-content p { padding-bottom: 10px; }
.video-list .list-pagination { margin-top: 25px; }
.video-list .list-container { margin-top: 50px; padding: 20px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.video-list .list-container ul { overflow: hidden; }
.video-list .list-container li { float: left; margin-left: 36px; width: 165px; /*height:160px;*/ }
.video-list .list-container li:first-child { margin-left: 0; }
.video-list .list-container li a { display: block; width: 100%; height: 100%; }
.video-list .list-container li .figure { position: relative; display: block; height: 105px; cursor: pointer; }
.video-list .list-container li .figure span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:  url(/eng/images/community/ico_video_play.png) no-repeat 10px 75px #000; opacity: .4; filter: alpha(opacity=40); }
.video-list .list-container li .details strong { display: block; margin-top: 10px; font-size: 13px; font-weight: normal; }
.video-list .list-container li .details span { display: block; margin-top: 5px; color: #777; }
.video-list .list-container li a:hover .details strong { color: #005dac;}
.video-list .list-container li.selected a .figure span { opacity: 0; filter: alpha(opacity=0); }
.video-list .list-container li.selected a .details strong { color: #005dac; font-weight: bold; }
.video-list .search-container { margin-top: 60px; }

/* FAQ */
.faq-list { margin: 0 auto; width: 972px; }
.faq-list h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.faq-list .faq-tabs { height: 45px; }
.faq-list .faq-tabs ul { height: 44px; border-bottom: 1px solid #005dac; }
.faq-list .faq-tabs li { float: left; width: 162px; height: 100%; }
.faq-list .faq-tabs li a { display: block; margin-left: 3px; line-height: 44px; font-weight: bold; text-indent: 20px; font-size: 13px; background-color: #e5e5e5; }
.faq-list .faq-tabs li:first-child a { margin-left: 0; }
.faq-list .faq-tabs li.selected a { height: 44px; line-height: 44px; border-top: 1px solid #005dac; border-left: 1px solid #005dac; border-right: 1px solid #005dac; background-color: #fff; color: #005dac; }
.faq-list .faq-container { margin-top: 35px; }
.faq-list .faq-container p.notice { padding-left: 20px; line-height: 35px; color: #555; background: url(/eng/images/common/ico_question.gif) no-repeat 0 50%; }
.faq-list .faq-container ul { border-top: 2px solid #005dac; border-bottom: 1px solid #afafaf; }
.faq-list .faq-container li {  border-top: 1px solid #e4e4e4; }
.faq-list .faq-container li a { display: block; padding: 15px 0; height: 20px; line-height: 20px; color: #555; background: url(/eng/images/common/ico_plus.gif) no-repeat 100% 50%; }
.faq-list .faq-container li .no { display: inline-block; width: 75px; height: 20px; text-align: center; }
.faq-list .faq-container li .q { display: inline-block; margin: 0 15px; width: 35px; height: 20px; text-align: center; background-color: #3f96d1; color: #fff; }
.faq-list .faq-container li strong { display: inline-block; padding-right: 30px; }
.faq-list .faq-container li .reply { display: none; position: relative; width: 100%; border-top: 1px dashed #8b949e; background-color: #f7f7f7; }
.faq-list .faq-container li .reply .a { position: absolute; top: 25px; left: 68px; display: inline-block; width: 35px; height: 20px; line-height: 20px; background-color: #9a9a9a; text-align: center; color: #fff; }
.faq-list .faq-container li .reply-inner { padding: 25px 70px 25px 120px; }
.faq-list .faq-container li .reply-content { line-height: 21px; color: #555; }
.faq-list .faq-container li .reply-content strong { padding-right: 0; }
.faq-list .faq-container li.opened a { background-image: url(/eng/images/common/ico_minus.gif); color: #005dac; }
.faq-list .faq-container li.opened .reply { display: block; }
.faq-list .faq-container li.nothing { padding: 30px 0; text-align: center; }
.faq-list .search-container { margin-top: 60px; }
.faq-list .list-pagination { margin-top: 30px; }

/* 매뉴얼 타입 */
.manual-list { margin: 0 auto; width: 972px; }
.manual-list h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.manual-list .list-container { margin-top: 30px; }
.manual-list .list-container img { max-width: none; }
.manual-list .list-container tbody td { padding-left: 10px; padding-right: 10px; text-align: center; }
.manual-list .list-container tr.notice td.title { font-weight: bold; }
.manual-list .list-container td.title { text-align: left; padding-left: 20px; padding-right: 20px; }
.manual-list .list-container tr:hover td.title a { color: #005dac; }
.manual-list .list-container td .btn { display: inline-block; width: 51px; height: 19px; border: 1px solid; }
.manual-list .list-container td .btn-apply { border-color: orange; }
.manual-list .list-container .btn-download { display: inline-block; width: 95px; height: 28px; line-height: 28px; border: 1px solid #bbb; background: url(/eng/images/common/bg_button.gif) repeat-x 0 0; text-align: center; font-weight: bold;  }
.manual-list .list-container .btn-download span { padding-right: 17px; background: url(/eng/images/common/ico_download.png) no-repeat 100% 50%; }
.manual-list .list-pagination { margin-top: 20px; }
.manual-list .search-container { margin-top: 60px; }
.manual-list .search-container { margin-top: 0; }
.manual-list .search-container form { overflow: hidden; height: auto; }
.manual-list .search-container .type { height: 32px; }
.manual-list .search-container .type select { height: 32px; }
.manual-list .search-container p { height: 30px; background-color: #fff; }
.manual-list .search-container input { padding: 8px 0 !important; }
.manual-list .search-container button[type="submit"] { height: 32px; background-image: none; background-color: #005ba8; border-color: #00559d; font-size: 13px; color: #fff; text-indent: 0; }
.manual-list .search-container button[type="submit"] span { padding-right: 18px; background: url(/eng/images/common/ico_search2.png) no-repeat 100% 50%; }

/* 다운로드(카탈로그) 타입 */
.download-list { margin: 0 auto; width: 972px; }
.download-list h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.download-list .down-container ul { overflow: hidden; border-top: 2px solid #005dac; background: url(/eng/images/support/bg_list.gif)  repeat-x 0 100%; }
.download-list .down-container li { float: left; padding: 40px 0; width: 25%; *width: 24.9%; border-bottom: 1px solid #e4e4e4; }
.download-list .down-container li p.figure { width: 154px; height: 193px; background: url(/eng/images/support/bg_list_figure.png) no-repeat 0 0; }
.download-list .down-container li p.figure img { margin: 1px 0 0 1px; }
.download-list .down-container .btn-download { display: inline-block; margin-top: 10px; width: 95px; height: 28px; line-height: 28px; border: 1px solid #bbb; background: url(/eng/images/common/bg_button.gif) repeat-x 0 0; text-align: center; font-weight: bold;  }
.download-list .down-container .btn-download span { padding-right: 17px; background: url(/eng/images/common/ico_download.png) no-repeat 100% 50%; }
.download-list .down-container li strong { display: block; padding: 7px 0 3px; font-size: 13px; line-height: 22px; }
.download-list .down-container li span { color: #777; }
.download-list .list-container tbody td { padding-left: 10px; padding-right: 10px; text-align: center; }
.download-list .list-container tr.notice td.title { font-weight: bold; }
.download-list .list-container td.title { text-align: left; padding-left: 20px; padding-right: 20px; }
.download-list .list-container tr:hover td { background-color: #f5f5f5;}
.download-list .list-container tr:hover td.title a { color: #005dac; }
.download-list .list-container td .btn { display: inline-block; width: 51px; height: 19px; border: 1px solid; }
.download-list .list-container td .btn-apply { border-color: orange; }
.download-list .list-pagination { margin-top: 20px; }
.download-list .search-container { margin-top: 25px; }

/* Q&A 리스트 */
.qna-list { margin: 0 auto; width: 972px; }
.qna-list h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.qna-list .qna-tabs { height: 45px; }
.qna-list .qna-tabs ul { height: 44px; border-bottom: 1px solid #005dac; }
.qna-list .qna-tabs li { float: left; width: auto; height: 100%; }
.qna-list .qna-tabs li a { display: block; margin-left: 3px; line-height: 44px; font-weight: bold; text-indent: 20px; font-size: 13px; background-color: #e5e5e5; }
.qna-list .qna-tabs li:first-child a { margin-left: 0; }
.qna-list .qna-tabs li.selected a { height: 44px; line-height: 44px; border-top: 1px solid #005dac; border-left: 1px solid #005dac; border-right: 1px solid #005dac; background-color: #fff; color: #005dac; }
.qna-list .list-container { margin-top: 45px; }
.qna-list .list-container tbody td { padding-left: 10px; padding-right: 10px; text-align: center; }
.qna-list .list-container tr.notice td.title { font-weight: bold; }
.qna-list .list-container td.title { text-align: left; padding-left: 20px; padding-right: 20px; }
.qna-list .list-container tr:hover td { background-color: #f5f5f5;}
.qna-list .list-container tr:hover td.title a { color: #005dac; }
.qna-list .list-container .reply span { display: inline-block; width: 65px; height: 19px; border: 1px solid #666; color: #666; line-height: 19px; }
.qna-list .list-container .reply .done { color: #efa200; border-color: #efa200; }
.qna-list .list-pagination { margin-top: 20px; }
.qna-list .search-container { margin-top: 60px; }

/* Q&A 뷰 */
.qna-view { overflow: hidden; margin: 0 auto; width: 972px; }
.qna-view h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.qna-view .view-container { width: 704px; float: left; }
.qna-view .list-container2 { width: 231px; float: right; }

/* 게시판 내용 */
.board-title {padding-bottom: 20px;font-size: 24px;font-weight:bold;color:#005dac;}
.post-container { border-bottom: 1px solid #c2c2c2; }
.post-container .view-title {padding: 15px 12px;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;font-size: 15px;background-color: #f9f9f9;color: #565656;}
.post-container .view-title {padding: 15px 12px;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;font-size: 15px;background-color: #f9f9f9;color: #565656;}
.post-container .post-content h4 {font-size: 18px;}
.post-container .post-content h5 {font-size: 16px;}
.post-container .post-content h3, .post-container .post-content h4{ margin-bottom: 15px; }
.post-container .post-content h5, .post-container .post-content h6{ margin-bottom: 10px; }
.post-container .post-meta { padding: 10px 20px; overflow: hidden; border-bottom: 1px solid #e4e4e4; font-size: 11px; color: #777; line-height: 24px; }
.post-container .post-meta dl.writer { float: left; }
.post-container .post-meta dl.count { float: left; margin-left: 10px; padding-left: 10px; background: url(/eng/images/common/bar_post_meta.gif) no-repeat 0 50%; }
.post-container .post-meta dl.date { float: right; }
.post-container .post-meta dl.date dt { visibility: hidden; }
.post-container .post-meta dl span { padding: 0 3px; }
.post-container .post-meta dt { float: left; }
.post-container .post-meta dd { float: left; } 
.post-container .post-content { border-bottom: 1px solid #e4e4e4; line-height: 24px; }
.post-container .post-content p { padding: 20px 0; }
.post-container .post-attach { padding: 20px 0; }
.post-container .post-attach strong { display: block; color: #0086cd; }
.post-container .post-attach ul { padding-top: 10px; }
.post-container .post-attach li { padding-left: 20px; line-height: 24px; background: url(/eng/images/common/ico_attach.gif) no-repeat 0 50%; }
.post-container .post-attach li a:hover { text-decoration: underline; }

/* 게시판 내용 2 */
.post-container2 .post-meta { overflow: hidden; padding: 10px 20px ; background-color: #f5f5f5; }
.post-container2 .post-meta h3 { float: left; font-size: 15px; line-height: 25px; } 
.post-container2 .post-meta dl.date { float: right; font-size: 11px; color: #777; line-height: 24px; }
.post-container2 .post-meta dl.date dt { visibility: hidden; }
.post-container2 .post-meta dt { float: left; }
.post-container2 .post-meta dd { float: left; } 
.post-container2 .post-content table { border-top: 0; }
.post-container2 .post-content tr td { padding-right: 20px; }
.post-container2 .post-content tr td:first-child { width: 140px; padding-right: 0; text-align: left; text-indent: 20px; color: #005dac; font-weight: bold; }
.post-container2 .post-content td li { line-height: 24px; }
.post-container2 .post-attach li { padding-left: 20px; background: url(/eng/images/common/ico_attach.gif) no-repeat 0 50%; }
.post-container2 .post-attach li a { color: #777; }
.post-container2 .post-attach li a:hover { text-decoration: underline; }

/* 답변 영역 */
.reply-container { margin-top: 50px; border: 1px solid #e4e4e4; }
.reply-container .reply-title { overflow: hidden; padding: 10px 20px; line-height: 30px; }
.reply-container .reply-title h4 { float: left; }
.reply-container .reply-title h4 span { display: inline-block; margin-right: 20px; width: 38px; height: 17px; line-height: 17px; background-color: #3f96d1; color: #fff; text-align: center; }
.reply-container .reply-title .reply-meta { float: right; color: #777; }
.reply-container .reply-title dl { float: left; }
.reply-container .reply-title dt { float: left; }
.reply-container .reply-title dd { float: left; }
.reply-container .reply-title dl span { padding: 0 3px; }
.reply-container .reply-title dl.date { margin-left: 10px; background: url(/eng/images/common/bar_post_meta.gif) no-repeat 0 50%; }
.reply-container .reply-title dl.date dt { visibility: hidden; width: 10px; height: 30px; }
.reply-container .reply-content { padding: 25px 25px 25px 80px; background: url(/eng/images/common/bg_replay_content.gif) no-repeat 0 0 #f7f7f7; line-height: 24px; }

/* 버튼 영역 */
.btn-container { margin-top: 20px; height: 32px; }
.btn-container p { text-align: right;  }
.btn-container a { display: inline-block; width: 97px; height: 30px; border: 1px solid; line-height: 30px; text-indent: 30px; font-weight: bold; background-repeat: no-repeat; background-position: 15% 50%; text-align: left; }
.btn-container a.btn-golist { border-color: #005dac; color: #005dac; background-image: url(/eng/images/common/ico_golist_button.gif); }
.btn-container a.btn-delete { border-color: #005dac; color: #005dac; background-image: url(/eng/images/common/ico_delete_button.gif); }
.btn-container a.btn-modify { border-color: #00559d; color:#fff; background-color: #0057a1; background-image: url(/eng/images/common/ico_modify_button.gif); }
.btn-container a.btn-application { width: 136px; border-color: #00559d; color:#fff; background-color: #0057a1; background-image: url(/eng/images/common/ico_app_button.gif); text-indent: 40px; }

/* 리스트 컨테이너2 */
.list-container2 div { position: relative; border: 2px solid #005dac; border-right: 1px solid #afafaf; border-bottom: 1px solid #afafaf; border-left: 1px solid #afafaf; }
.list-container2 h4 { padding: 10px 20px; border-bottom: 1px solid #afafaf; font-size: 13px; line-height: 22px; color: #005dac; }
.list-container2 p { position: absolute; top: 13px; right: 14px; }
.list-container2 ul { overflow: hidden; width: 100%; }
.list-container2 li { float: left; width: 100%; height: 46px; }
.list-container2 li img { vertical-align: middle; margin-right: 5px; }
.list-container2 li a { overflow: hidden; display: block; height: 100%; padding: 0 20px; color: #777; cursor: pointer; }
.list-container2 li:first-child a span { border-top: 0; }
.list-container2 li.notice a { color: #000; }
.list-container2 li.notice a span { text-indent: 0; background-image: none; }
.list-container2 li a span { display: block; padding: 10px 0; height: 25px; border-top: 1px solid #e4e4e4;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 25px; background: url(/eng/images/common/ico_list2_dot.gif) no-repeat 0 50%; text-indent: 10px; }
.list-container2 li a:hover { color: #005dac; }
.list-container2 li a:hover span { background-image: url(/eng/images/common/ico_list2_arrow.gif); }

/* 게시판 뷰 */
.board-view { overflow: hidden; margin: 0 auto; width: 1070px; }
.board-view h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.board-view .view-container { width: 810px; float: left; }
.board-view .list-container2 { width: 231px; float: right; }

/*게시판쓰기*/
.board-write table{width:100%;border-top:2px solid #005dac;border-bottom:1px solid #afafaf;border-collapse:collapse;table-layout:fixed;}
.board-write table tbody th{padding-left:20px;text-align:left;color:#005dac;background-color:#f5f5f5;}
.board-write table td{padding:10px 0px 10px 10px;}
.board-write table td input[type="text"]{width:92%;vertical-align:top;}
.board-write table td input[type="password"]{height: 12px;padding: 5px 9px 4px;line-height: 12px;border: 1px solid #DBDBDB;}
.board-write table td input.pct80{width:77%;}
.board-write table td input.pct50{width:47%;}
.board-write table td input.pct30{width:27%;}
.board-write table td input.pct25{width:22%;}
.board-write table td input.pct20{width:17%;}
.board-write table td input.pct10{width:7%;}
/*.board-write table td select.sel165{width:165px;}
.board-write table td select.sel150{width:150px;}
.board-write table td select.sel125{width:125px;}
.board-write table td select.sel55{width:55px;}
.board-write table td select.sel54{width:54px;}*/
.board-write table td select.sel40{width:40%;}
.board-write table td select.sel35{width:35%;}
.board-write table td select.sel30{width:30%;}
.board-write table td select.sel25{width:25%;}
.board-write table td select.sel20{width:20%;}
.board-write table td select.sel10{width:10%;}
.board-write table td label{margin-right:10px;}
.board-write table td input[type="radio"]{margin:0 0 0 5px;}
.board-write table td .marR{margin-right:10px;}
.board-write table td.edit_container{width:100%;padding:0;overflow:hidden;}
.btn-container .bt_inp_silver{width: 97px; height: 32px; border: 1px solid #005dac;color:#005dac; cursor:pointer; line-height: 30px;*line-height:26px; font-weight: bold;text-indent:16px;vertical-align:top;background:url(../eng/images/common/ico_inquiry_cancel.gif) no-repeat 14% 50%;}
.btn-container .bt_inp_blue{width: 97px; height: 32px; border: 1px solid #005dac;color:#fff; cursor:pointer; line-height: 30px;*line-height:26px; font-weight: bold;text-indent:16px;vertical-align:top;background:#0057A1 url(../eng/images/common/ico_inquiry_register.gif) no-repeat 12% 50%;}

.board-write { overflow: hidden; margin: 0 auto; width: 972px; }
.board-write h2 { padding-bottom: 20px; font-size: 24px; color: #005dac; }
.board-write .write-container td { padding: 9px 10px; }
.board-write .write-container input[type="text"],
.board-write .write-container input[type="password"] { padding: 4px 4px 5px; }
.board-write .write-container select { vertical-align: top; }
.board-write .write-container td:first-child { width: 100px; background-color: #f5f5f5; font-weight: bold; color: #005dac; text-align: left; text-indent: 10px; }
.board-write .write-container .file2 td:first-child,
.board-write .write-container .desc td:first-child { width: auto; background-color: #fff; font-weight: normal; color: inherit; text-indent: 0; }
.board-write .write-container .no-border { padding-bottom: 0; border-bottom: 0; }
.board-write .write-container .addr label,
.board-write .write-container .email label,
.board-write .write-container .phone label,
.board-write .write-container .mobile label,
.board-write .write-container .attach label { position: absolute; visibility: hidden; width: 0; height: 0; }
.board-write .write-container #title { width: 95%; }
.board-write .write-container #name,
.board-write .write-container #pw { width: 120px; }
.board-write .write-container .mobile input { width: 50px; }
.board-write .write-container .mobile select { width: 60px; }
.board-write .write-container #email1 { width: 120px; }
.board-write .write-container #email2 { width: 100px; }
.board-write .write-container .email select { width: 80px; }
.board-write .write-container .attach input { width: 96%; }
.board-write .btn-container { margin-top: 30px; height: 40px; text-align: right; }
.board-write .btn-container .btn-write { display: inline-block; width: 99px; height: 32px; line-height: 30px; background-color: #005caa; border: 1px solid #00559d; text-align: center; color: #fff; font-size: 13px; font-weight: bold; vertical-align: top; text-indent: 0; }
.board-write .btn-container .btn-write span { padding-left: 24px; background: url(/eng/images/membership/ico_pencil.png) no-repeat 0 50%; }
.board-write .btn-container .btn-cancel { display: inline-block; width: 97px; height: 30px; background: url(/eng/images/membership/bg_button.gif) repeat-x 0 0; border: 1px solid #00559d; line-height: 30px; text-align: center; color: #005dac; font-size: 13px; font-weight: bold; vertical-align: top; text-indent: 0; }
.board-write .btn-container .btn-cancel span { padding-left: 22px; background: url(/eng/images/membership/ico_back.png) no-repeat 0 50%; }

/* 비밀번호 입력 레이어 */
#password-form { display: none; }
#password-form.opened { display: block; }
#password-form.popup-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000; }
#password-form .popup-modal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .5; }
#password-form .popup-container { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -150px; background-color: #fff; }
#password-form .form { text-align: center; }

@media screen and (max-width: 1200px){
	.board-view { width: 972px; }
	.board-view .view-container {width: 704px;}
	.post-container h3{font-size: 19px; line-height: 25px;}
	.post-container .post-content h4 {font-size: 17px;}
	.post-container .post-content h5 {font-size: 15px;}
	.post-container .post-content{font-size: 13px;}
}

@media screen and (max-width: 971px) {
	
	/* 일반게시판 리스트 */
	.board-list { padding: 35px; width: auto; }
	.board-list .list-container .no { display: none; }
	.board-list .list-container .attach { display: none; }
	.board-list .list-pagination { margin-top: 15px; }
	.board-list .search-container { margin-top: 35px; }
	
	/* 뉴스레터 리스트 */
	.newsletter-list { margin: 0; padding: 35px 25px; width: auto; }
	.newsletter-list h2 { padding-left: 10px; }
	.newsletter-list .list-container li { margin: 0 0 20px 0; width: 33.3%; height: auto; }
	.newsletter-list .list-container li div { margin: 0 10px; width: auto; }
	.newsletter-list .list-container li img { width: 100%; }
	.newsletter-list .search-container { margin-top: 35px; }
	
	/* 뉴스레터 뷰 */
	.newsletter-view { margin: 0; padding: 35px 25px; width: auto; }
	.newsletter-view h2 { padding-left: 10px; }
	
	/* 동영상 */
	.video-list { padding: 35px; width: auto; }
	.video-list .video-container { float: none; margin: 0 auto; width: 575px; height: 345px; }
	.video-list .caption-container { float: none; margin-top: 20px; width: auto; height: 300px; }
	.video-list .caption-content { height: 197px; }
	.video-list .list-container { margin-top: 20px; padding: 0 0; border-top: 0; }
	.video-list .list-container li { float: left; margin-left: 0; padding: 20px 0; width: 100%; height: auto; border-top: 1px solid #e4e4e4; }
	.video-list .list-container li div { width: 100%; height: 100%; }
	.video-list .list-container li div a { overflow: hidden; }
	.video-list .list-container li .figure { float: left; margin-right: 10px; }
	
	/* FAQ */
	.faq-list { margin: 0; padding: 35px 25px; width: auto; }
	.faq-list .faq-tabs { height: auto; }
	.faq-list .faq-tabs ul { width: 100%; height: auto; border-bottom: 0; }
	.faq-list .faq-tabs li { margin-top: 10px; width: 100%; height: 100%; }
	.faq-list .faq-tabs li:first-child { margin-top: 0; }
	.faq-list .faq-tabs li a { margin-left: 0; border: 0; }
	.faq-list .faq-tabs li.selected a { border: 0; background-color: #005dac; color: #fff; }
	.faq-list .search-container { margin-top: 35px; }
	
	/* QNA 리스트 */
	.qna-list { margin: 0; padding: 35px 25px; width: auto; }
	.qna-list .qna-tabs { height: auto; }
	.qna-list .qna-tabs ul { width: 100%; height: auto; border-bottom: 0; }
	.qna-list .qna-tabs li { margin-top: 10px; width: 100%; height: 100%; }
	.qna-list .qna-tabs li:first-child { margin-top: 0; }
	.qna-list .qna-tabs li a { margin-left: 0; border: 0; }
	.qna-list .qna-tabs li.selected a { border: 0; background-color: #005dac; color: #fff; }
	.qna-list .list-container .no { display: none; }
	.qna-list .list-container .type { width: 50px; }
	
	/* Q&A 뷰 */
	.qna-view { padding: 35px; width: auto; }
	.qna-view .view-container { width: auto; float: none; }
	.qna-view .list-container2 { width: auto; float: none; margin-top: 30px; }
	
	/* 매뉴얼 리스트 */
	.manual-list { padding: 35px; width: auto; }
	.manual-list .list-container .no { display: none; }
	
	/* 다운로드 리스트 */
	.download-list { padding: 35px; width: auto; }
	.download-list .down-container li { width: 33.3%; }
	.download-list .list-pagination { margin-top: 15px; }
	.download-list .search-container { margin-top: 35px; }
	
	/* 페이지네이션 */
	.list-pagination .current { display: inline-block; padding: 0 30px; height: 30px; line-height: 30px; vertical-align: middle; }
	.list-pagination .current i { color: #005dac; font-style: normal; font-weight: bold; }
	.list-pagination .number { display: none; }
	
	/* 게시판 검색 */
	.search-container form { padding: 20px 99px 20px 140px; height: 26px; background-color: #f5f5f5; }
	.search-container .type { left: 30px; }
	.search-container button { right: 30px; }
	
	/* 게시판 뷰 */
	.board-view { padding: 35px; width: auto; }
	.board-view .view-container { width: auto; float: none; }
	.board-view .list-container2 { width: auto; float: none; margin-top: 30px; }
	
	/* 게시판 쓰기 */
	.board-write { padding: 35px; width: auto; }
}

@media screen and (max-width: 639px) {
	
	/* 게시판 리스트 */
	.board-list { padding: 25px 0 30px; }
	.board-list h2 { padding-bottom: 15px; padding-left: 15px; }
	.board-list .search-container { margin-top: 20px; }
	.board-list .list-container tbody td.addr{width:25%;}
	
	/* 뉴스레터 리스트 */
	.newsletter-list { padding: 25px 0 30px; }
	.newsletter-list h2 { padding-left: 15px; }
	.newsletter-list .list-container ul { padding: 0 10px; }
	.newsletter-list .list-container li { margin: 0 0 20px 0; width: 50%; height: auto; }
	.newsletter-list .list-container li a { line-height: 16px; }
	.newsletter-list .list-container li .details { padding: 10px 0; width: 100%; height: 30px; }
	.newsletter-list .list-container li .details strong { text-indent: 10px; font-size: 11px; }
	.newsletter-list .list-container li .details span { text-indent: 10px; font-size: 10px; }
	.newsletter-list .search-container { margin-top: 20px; }
	
	/* 뉴스레터 리스트 */
	.newsletter-view { padding: 25px 0 30px; }
	.newsletter-view h2 { padding-left: 15px; }
	
	/* 동영상 */
	.video-list { padding: 25px 0 30px; }
	.video-list h2 { padding-left: 15px; }
	.video-list .video-container { float: none; margin: 0 auto; width: 320px; height: 192px; }
	.video-list .list-container li { padding: 0; }
	.video-list .list-container li div { padding: 10px; width: auto; height: auto; }
	.video-list .list-container li .figure { width: 100px; height: 64px; }
	
	/* FAQ 리스트 */
	.faq-list { padding: 25px 0 30px; }
	.faq-list h2 { padding-left: 15px; }
	.faq-list .faq-tabs li { margin-top: 1px; }
	.faq-list .faq-container p.notice { margin-left: 10px; }
	.faq-list .search-container { margin-top: 20px; }
	
	/* QNA 리스트 */
	.qna-list { padding: 25px 0 30px; }
	.qna-list h2 { padding-left: 15px; }
	.qna-list .qna-tabs li { margin-top: 1px; }
	.qna-list .qna-tabs li a { text-indent: 15px; }
	.qna-list .list-container .type { width: 30px; }
	
	/* QNA 뷰 */
	.qna-view { padding: 25px 0 30px; }
	.qna-view h2 { padding-bottom: 15px; padding-left: 15px; }
	.qna-view .list-container2 { width: auto; float: none; margin-top: 20px; }
	
	/* 매뉴얼 리스트 */
	.manual-list { padding: 25px 0 30px; }
	.manual-list h2 { padding-bottom: 15px; padding-left: 15px; }
	.manual-list .search-container { margin-top: 0; }
	
	/* 다운로드 리스트 */
	.download-list { padding: 25px 0 30px; }
	.download-list h2 { padding-bottom: 15px; padding-left: 15px; }
	.download-list .down-container li { padding-left: 5%; width: 45%; }
	.download-list .search-container { margin-top: 20px; }
	
	/* 페이지네이션 */
	.list-pagination { height: 79px; }
	.list-pagination p { display: block; }
	.list-pagination p.btn-area { margin-top: 15px; }
	.list-pagination .btn-write { position: relative; top: auto; right: auto; width: 135px; height: 32px; background-position: 32px 9px; }
	
	/* 게시판 검색 */
	.search-container  { padding: 0 20px; }
	.search-container form { padding: 15px 20px; height: 57px; }
	.search-container .type { position: relative; top: auto; left: auto; height: 26px; }
	.search-container .type select { width: 100%; height: 26px; border: 1px solid #c2c2c2;  }
	.search-container .keyword { margin-top: 5px; heigth: 26px; padding-right: 59px; }
	.search-container button { top: auto; bottom: 15px; right: 20px; width: 55px; height: 26px; background-position: 37px 7px; }
	
	/* 게시판 내용 */
	.post-container .post-meta { margin: 0 20px; padding-left: 0; padding-right: 0; }
	.post-container .post-content { margin: 0 20px; }
	.post-container .post-attach { margin: 0 20px; }
	
	/* 버튼 영역 */
	.btn-container p { text-align: center;  }
	
	/* 리스트 컨테이너2 */
	.list-container2 { margin: 0 20px; }
	
	/* 게시판 뷰 */
	.board-view { padding: 25px 0 30px; }
	.board-view h2 { padding-bottom: 15px; padding-left: 15px; }
	.board-view .list-container2 { width: auto; float: none; margin-top: 20px; }
	
	/* 게시판 쓰기 */
	.board-write { padding: 25px 0 30px; }
	.board-write h2 { padding-bottom: 15px; padding-left: 15px; }
	.board-write .btn-container { text-align: center; }
	
	.manual-list .list-container img { max-width: 60px; }
}