@charset "utf-8";

dl,dt,dd{margin:0;padding:0}
table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}

/* 검색 */
.board_search {height:27px;}
.board_search .total_page {float:left; padding:2px 0 0 0;}
.board_search .search {float:right; text-align:right;}
.board_search select {height:20px;}
.board_search input {vertical-align:top;}
.board_search .input {width:155px; height:18px; background:#fff; margin:0 2px;}

/* 리스트 */
.board_list table {width:100%; border-collapse:collapse; border-spacing:0px;}
.board_list thead th {height:29px; border-top:2px solid #535353; border-bottom:1px solid #d8d8d8; background-color:#f7f7f7; color:#555;}
.board_list tbody td {padding:6px 0; border-bottom:1px solid #d8d8d8; text-align:center;}
.board_list .subject {text-align:left; padding-left:10px;}
.board_list img {vertical-align:middle;}
.board_list.work table td{padding:10px 0 ; font-size:11px;}
.board_list.work table td a{display:inline-block; margin-top:5px; color:#193d78;}
.board_list.work .subject {text-align:left; padding-left:10px;}

.gallery_list {*zoom:1; width:100%; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:20px 0 0 0;}
.gallery_list:after {content:" "; display:block; clear:both;} 
.gallery_list li {float:left; display:inline; width:346px; height:320px; text-align:center; line-height:1.4em; margin:0 17px; overflow:hidden;}
.gallery_list a {display:block; cursor:pointer; overflow:hidden;}
.gallery_list .thumb {display:block; border:1px solid #dedede; padding:4px; margin-bottom:8px;}

.project_list table {width:100%; border-collapse:collapse; border-spacing:0px;}
.project_list thead th {padding:6px; background:#34a7fb; border:1px solid #bfbfbf; border-top:3px solid #1672bc; border-bottom:1px solid #1672bc; color:#fff; line-height:14px;}
.project_list tbody td {padding:6px; border:1px solid #bfbfbf; text-align:center;}
.project_list img {vertical-align:middle;}

.product_list {*zoom:1; width:100%; border-top:2px solid #30a4f9; border-bottom:1px solid #d8d8d8; padding:20px 0 0 0;}
.product_list:after {content:" "; display:block; clear:both;} 
.product_list li {float:left; display:inline; width:180px; height:195px; text-align:center; line-height:16px; margin:0 7px; overflow:hidden;}
.product_list a {display:block; cursor:pointer; overflow:hidden;}
.product_list .thumb {margin-bottom:8px;}
.product_list .zoom {margin-bottom:8px;}

.faq_search {padding:12px 0; text-align:center; border:1px solid #ccc; background: url('../../../AppData/Local/Microsoft/Windows/INetCache/IE/images/bbs/faq_search_bg.gif') 0 100% repeat-x; margin:0 0 40px 0;}
.faq_search * {vertical-align:middle;}
.faq {border-top:1px solid #ccc;}
.faq dl {border-bottom:1px solid #ccc;}
.faq dt {height:34px; line-height:34px; font-weight:bold; border-top:1px solid #ccc;}
.faq dt a {display:block; color:#333; background:url('../../../AppData/Local/Microsoft/Windows/INetCache/IE/images/bbs/faq_q.gif') 11px 50% no-repeat; padding:0 0 0 70px; text-decoration:none;}
.faq dd {display:none; border-top:1px dotted #ccc; background:#f2f2f2 url('../../../AppData/Local/Microsoft/Windows/INetCache/IE/images/bbs/faq_a.gif') 11px 12px no-repeat; padding:10px 20px 20px 70px;}

.certificate {border-top:2px solid #30a4f9; border-bottom:1px solid #ddd; padding:20px 0 0 0;}
.certificate ul {*zoom:1;}
.certificate ul:after {content:" "; display:block; clear:both;} 
.certificate ul li {float:left; display:inline; width:170px; height:325px; text-align:center; margin:0 12px;}
.certificate ul li a {display:block; overflow:hidden;}
.certificate ul li a .thumb {display:block; padding:4px; border:1px solid #ccc; margin:0 0 6px 0;}
.certificate ul li a .zoom {display:block; margin:0 0 6px 0;}

/* 글작성 */
.board_write {border-top:2px solid #535353; border-bottom:1px solid #999; font-family:나눔고딕,'NanumGothic','Nanum Gothic',helvetica,sans-serif; padding:5px 0;}
.board_write p {position:relative; padding:6px 0 6px 100px; line-height:1.4em; border-top:1px solid #d8d8d8; overflow:hidden;}
.board_write p.top {border-top:0;}
.board_write p.content {padding-left:0;}
.board_write p.bg {background:#edeefc;}
.board_write .fr {float:right; width:265px; position:relative; display:inline-block; padding:0 0 0 100px; top:0;}
.board_write .fr .title {top:1px;}
.board_write .title {position:absolute; left:10px; top:7px; width:95px; font-weight:bold;}
.board_write .line {display:block; padding-top:6px;}

/* 상세보기 */
.board_view {position:relative; border-top:2px solid #535353; line-height:27px;}
.board_view dl {height:27px; border-bottom:1px solid #d8d8d8; clear:both; overflow:hidden;}
.board_view dt {float:left; width:90px; height:27px; text-align:center; font-weight:bold; background:#f7f7f7;}
.board_view dd {float:left; height:27px; padding-left:10px;}
.board_view dl.date {position:absolute; top:28px; right:130px;}
.board_view dl.date dd {width:150px; text-align:center; padding:0;}
.board_view dl.count {position:absolute; top:28px; right:0px;}
.board_view dl.count dd {width:40px; text-align:center; padding:0;}
.board_view img {vertical-align:middle;}
.board_view a {text-decoration:none;}
.view_content {clear:both; padding:20px; border-bottom:1px solid #d8d8d8;}

.product_view {border-top:2px solid #30a4f9; border-bottom:1px solid #c9c9c9;}
.product_view .title {padding:8px 0; color:#444; text-align:center; font-size:14px; border-bottom:1px solid #c9c9c9;}
.product_view .content {padding:20px 10px;}

/* 이전글,다음글 */
.prev_next dl {width:100%; padding:6px 0 6px 0; line-height:1.2em; overflow:hidden; clear:both;}
.prev_next dt {float:left; width:90px; text-align:center; font-weight:bold; color:#666;}
.prev_next .prev {border-top:2px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.prev_next .prev dt {background: url('../../../AppData/Local/Microsoft/Windows/INetCache/IE/images/bbs/arrow_up.gif') 14px 50% no-repeat;}
.prev_next .next {border-bottom:2px solid #d8d8d8;}
.prev_next .next dt {background: url('../../../AppData/Local/Microsoft/Windows/INetCache/IE/images/bbs/arrow_down.gif') 14px 50% no-repeat;}

/* 버튼 */
.buttons {padding:15px 0; clear:both; overflow:hidden;}
.buttons .cen {text-align:center;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

/* Text Button Package */
.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url('../../../AppData/Local/Microsoft/Windows/INetCache/IE/images/bbs/btn_pack.gif') no-repeat;font-size:12px;font-family:Nanum Gothic, Tahoma, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack{margin-right:4px}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
.btn_pack.medium,
.btn_pack.medium *{height:24px;line-height:24px}
.btn_pack.large,
.btn_pack.large *{height:30px;line-height:30px}
.btn_pack.xlarge,
.btn_pack.xlarge *{height:36px;line-height:36px}
.btn_pack.small,
.btn_pack.small *{height:19px;line-height:19px}
.btn_pack.medium{background-position:left 0}
.btn_pack.large{background-position:left -30px}
.btn_pack.xlarge{background-position:left -65px}
.btn_pack.small{background-position:left -106px}
.btn_pack.medium *{padding:0 10px 0 6px;background-position:right top;font-size:12px}
.btn_pack.large *{padding:0 14px 0 10px;background-position:right -30px;font-size:13px}
.btn_pack.xlarge *{padding:0 10px 0 6px;background-position:right -65px;font-size:15px}
.btn_pack.small *{padding:0 6px 0 2px;background-position:right -106px;font-size:11px}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{color:#000}
.btn_pack.strong *{font-weight:bold !important}
.btn_pack.icon *{padding-left:20px}
.btn_pack.small.icon *{padding-left:16px}
.btn_pack.icon span{width:20px;margin-right:-20px;padding:0 !important}
.btn_pack.medium .check{background-position:4px -150px}
.btn_pack.large .check{background-position:4px -146px}
.btn_pack.xlarge .check{background-position:5px -144px}
.btn_pack.small .check{background-position:3px -153px}
.btn_pack.medium .add{background-position:-16px -150px}
.btn_pack.large .add{background-position:-14px -146px}
.btn_pack.xlarge .add{background-position:-14px -144px}
.btn_pack.small .add{background-position:-18px -153px}
.btn_pack.medium .delete{background-position:-34px -150px}
.btn_pack.large .delete{background-position:-34px -146px}
.btn_pack.xlarge .delete{background-position:-34px -144px}
.btn_pack.small .delete{background-position:-37px -153px}
.btn_pack.medium .calendar{background-position:-56px -150px}
.btn_pack.large .calendar{background-position:-56px -146px}
.btn_pack.xlarge .calendar{background-position:-56px -144px}
.btn_pack.small .calendar{background-position:-59px -153px}
.btn_pack.medium .refresh{background-position:-76px -150px}
.btn_pack.large .refresh{background-position:-76px -146px}
.btn_pack.xlarge .refresh{background-position:-76px -144px}
.btn_pack.small .refresh{background-position:-79px -153px}
.btn_pack.medium .download{background-position:-96px -151px}
.btn_pack.large .download{background-position:-96px -147px}
.btn_pack.xlarge .download{background-position:-96px -145px}
.btn_pack.small .download{background-position:-99px -154px}

/* 페이지목록 */
.paginate {padding:20px 0;text-align:center;line-height:normal; clear:both;}  
.paginate a,  
.paginate strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px; font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}  
.paginate a:hover,  
.paginate a:active,  
.paginate a:focus{background-color:#f8f8f8;}  
.paginate strong{color:#e34e0e}  
.paginate a.direction{padding:0; margin:0 4px;}

/* 코멘트 */
.comment_area {background:#f7f7f7; padding:20px; margin-top:20px; clear:both; overflow:hidden;}
.comment_list li {position:relative; padding:10px; border-bottom:1px dotted #d8d8d8;}
.comment_list li .info .name {font-weight:bold; color:#333;}
.comment_list li .info .date {font-size:11px; font-family:Tahoma, sans-serif, Verdana; color:#767676; margin:0 4px;}
.comment_list li .txt {color:#555; line-height:1.5em; padding:4px 0 0 0;}
.comment_list li .controll {position:absolute; top:10px; right:10px; font-size:11px; color:#dddddd;}
.comment_list li .controll a {color:#767676; margin:0 4px;}

.comment_write label {display:inline-block; border:1px solid #d8d8d8; border-bottom:0; background:#fff; padding:4px 10px; font-weight:bold; overflow:hidden;}
.comment_write .write {position:relative; height:70px; padding:0 120px 0 0;}
.comment_write .write textarea {width:99%; height:50px; background:#fff; border:1px solid #d8d8d8; overflow-y:auto;}
.comment_write .btn {position:absolute; top:0; right:0;}
.comment_write .btn_pack input {width:110px;}
.comment_write .byte {display:block; font-size:11px; color:#767676; text-align:right;}
.comment_write .byte strong {color:#ed7500;}

/* 문의폼 */
.mailform {margin:0 20px 20px 0px; font-family:'나눔고딕',NanumGothic;}
.mailform h3{font-weight:normal; color:#ec831d; margin-bottom:8px; letter-spacing:-1px; font-size:18px; }
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:3px solid #535353;}
.mailform th {padding:9px 12px; border-bottom:1px solid #ccc; text-align:left; vertical-align:top; font-weight:normal;}
.mailform td {padding:9px 12px; border-bottom:1px solid #ccc;}
.mailform img {vertical-align:top;}
.mailform2 {margin:0 20px 20px 0px;}
.mailform2 h3.title {color:#333333; font-size:18px; font-family:'나눔고딕',NanumGothic; margin:0 0 8px 0; font-size:18px; font-weight:normal;}
.mailform2 table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #9a9a9a; border-bottom:1px solid #9a9a9a; background:#fbfaf7;}
.mailform2 th {padding:9px 12px; border-bottom:1px solid #ccc; background: url('../../../AppData/Local/Microsoft/Windows/INetCache/IE/images/bbs/vline.gif') 100% 14px no-repeat; text-align:left; vertical-align:top; font-weight:normal;}
.mailform2 td {padding:9px 12px; border-bottom:1px solid #ccc;}
.mailform2 img {vertical-align:top;}

/* 검색결과 */
.search_section {margin:0 0 25px 0; padding:10px 0 0 0; background:url('/images/bbs/line.gif') 0 100% repeat-x;}
.search_section h3 {background:url('/images/bbs/search_arrow.gif') 0 50% no-repeat; line-height:1.2em; font-size:14px; font-weight:bold; color:#000; padding:0 0 0 23px; margin:0 0 22px 0;}
.search_section h3 span {color:#3f9dd8; text-decoration:underline;}
.search_section li {*zoom:1; padding:20px 0 21px 130px; min-height:86px; background: url('../../../AppData/Local/Microsoft/Windows/INetCache/IE/images/bbs/line.gif') 0 100% repeat-x; position:relative;}
.search_section li:after {content:" "; display:block; clear:both;} 
.search_section li:first-child {padding-top:0;}
.search_section li:first-child .thumb {top:0;}
.search_section li .thumb {position:absolute; top:20px; left:0; width:110px; height:76px; padding:4px; border:1px solid #ccc;}
.search_section li .info .best span {display:inline-block;overflow:visible;position:relative;vertical-align:middle;white-space:nowrap;font-size:11px;font-weight:bold;color:#fff;height:15px;line-height:15px;padding:0 6px;background:#ff6600;}
.search_section li .info .title {padding:2px 0 6px 0; font-size:12px; color:#333;}
.search_section li .info .title a {color:#333;}
.search_section li .info .txt {height:40px; line-height:16px;}
.search_section li .info .date {float:left; color:#999;}
.search_section li .info .play_pack {float:right;}