
/*견적문의*/
#board .board_write{width:100%; overflow:hidden; border-top:1px solid #222;}
#board .board_write table{width:100%; margin-top:-1px; border-bottom:1px solid #ccc}
#board .board_write th{text-align:center; padding:16px 16px 16px 15px;  vertical-align:top; background:#f9f9f9; border-top:1px solid #e7e7e7;}
#board .board_write td{text-align:left; padding:10px; border-top:1px solid #e7e7e7;}
#board .board_write .text {background:#f8f8f8; height:30px;}

#board .board_write .selectB {min-width:80px; height:38px; vertical-align:middle; border:solid 1px #dfdfdf; background:#f8f8f8;}

#board .board_write .textarea {width:99%;height:100px; border:solid 1px #dfdfdf; background:#f8f8f8;}

.mob_company{display:none}

.terms{width:100%; color:#777;}
.terms .terms_in{width:100%; height:150px; overflow-x: hidden;text-align:left;line-height:20px;color:#666; font-family: 'Roboto', '맑은 고딕', Malgun Gothic, Dotum, '돋움',  sans-serif; }


/*공지사항*/

#board .board_list{width:100%; overflow:hidden; border-top:1px solid #222;}
#board .board_list table{width:100%; border-top:1px solid #111;}
#board .board_list th { border-bottom:1px solid #ddd; font-size:14px; text-align:left; padding:13px; background:url('/images/common/board/list_th_bg2.gif') repeat-x left top; position:relative; font-weight:bold;}
#board .board_list th:after {content:""; border-right:1px solid #bbb; height:16px; position:absolute; right:0; top:0;}
#board .board_list th:last-child:after {content:""; border:0;}
#board .board_list td {border-bottom:1px solid #e7e7e7; text-align:left; padding:13px;}
#board .board_list .num{font-size:14px; font-weight:300; color:#666; }
#board .board_list .date{font-size:14px; color:#666; font-weight:300; text-align:center;}
#board .board_list .top_cont{background-color:#f8f8f8; color:#666; }
#board .board_list .bo_cont a{overflow:hidden; color:#666;font-size:14px;}


/*보도자료*/

#board .board_list_img{width:100%; overflow:hidden; border-top:1px solid #222;}
#board .board_list_img table{width:100%; border-top:1px solid #111;}
#board .board_list_img th { border-bottom:1px solid #ddd; font-size:14px; text-align:left; padding:13px; background:url('/images/common/board/list_th_bg2.gif') repeat-x left top; position:relative; font-weight:bold;}
#board .board_list_img th:after {content:""; border-right:1px solid #bbb; height:16px; position:absolute; right:0; top:0;}
#board .board_list_img th:last-child:after {content:""; border:0;}
#board .board_list_img td {border-bottom:1px solid #e7e7e7; text-align:left; padding:5px;}

.board_list_img .article .photo {width:182px; height:122px; text-align:left; }
.board_list_img .article .photo img {width:170px; height:122px;}
.board_list_img .article .text p {margin-bottom:0 !important; text-align:left;}
.board_list_img .article .text .title {height:25px; overflow:hidden}
.board_list_img .article .text .title a {font-size:15px; line-height:25px; font-weight:600; color:#369;}
.board_list_img .article .text .title img {vertical-align:middle; margin-left:2px;}
.board_list_img .article .text .date {font-size:12px; color:#999;}
.board_list_img .article .text .cnt a {font-size:13px;}


/* board view */
.board_view{width:100%; border-top:1px solid #ccc; border-bottom:2px solid #e4e4e4;margin-top:0px}
.board_view img{vertical-align:middle; max-width: 910px; width: auto;}
.board_view th{background:#f5f5f5; padding-left:18px; text-align:left; height:45px; border-bottom:1px solid #dbdbdb; font-weight:normal}
.viewCon{width: 96%; padding: 2%;}
.board_view td{text-align:left; padding:10px 5px; border-bottom:1px solid #dbdbdb;}
.board_view em{color:#cc3366; font-style:normal; font-size:11px; }
.board_view .input_file{width:100%; border:1px solid #ddd;}

.board_view .date{text-align:left; margin-left:3px;}
.board_view .date p{font-size:12px;color:#666}
.board_view .date span{line-height: 20px; }

.view_text{font-size: 12px; color: #666;text-align: right;margin-right: 10px;margin-bottom: 5px;}


/* faq */
.tab_content {padding: 20px 0px 30px 0; font-size: 12px;}
.tab_content ul {width:100%; margin:0px; padding:0px;}
.tab_content ul li { list-style:none}
.faq{ border-top:2px solid #222;}
.faq li { padding:20px 20px 20px 35px; }

.faq li.q { text-align:left; font-size:15px; border-bottom: 1px #ddd solid; cursor: pointer; color:#333; background:url(../images/common/q_bg.png) no-repeat left;}

.faq li.q img{ float:right;}

.faq li.a { text-align:left;display: none; color:#666; line-height:18px; font-size:14px; background:#f6f6f6 url(../images/common/a_bg.png) no-repeat 10px 15px; word-break:keep-all; border-bottom:1px solid #ededed; padding:  20px 50px 20px 50px; }
.rotate {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/*gallery*/
.gallery {border-top:2px solid #bbb; border-bottom:1px solid #dbdbdb;}
.gallery td {width:22.5%; float:left;}
.gallery .gal_img img {width:100%; cursor:pointer;}
.gallery .gal_tit {margin-top:7px;}
.gallery td div, .gallery li div {margin:auto;}


/* paging */
.paging{margin:30px 0 20px 0; text-align:center;}
.paging img{vertical-align:middle;}
.paging a{display:inline-block; text-align:center; padding:5px 10px; margin:0 2px; border:1px solid #d3d3d3; background:#ffffff; color:#626262; font-size:13px; color:#666; vertical-align:middle;}
.paging a.selected {border:1px solid #97c6dc; background:#97c6dc; font-weight:bold; color:#fff; text-decoration:none;}
.paging span {color:#7ca4bd; font-size:13px; border: 1px solid #d3d3d3;font-weight: bold; padding: 5px 10px;margin: 0 2px;}
.paging .prev {width:19px; height:0; overflow:hidden; padding:0; padding-top:18px; border:0;}
.paging .next {width:19px; height:0; overflow:hidden; padding:0; padding-top:18px; border:0;}


/* search */
.search{padding-top:15px; width:100%; margin:0 auto;  }
.search input,.search select{vertical-align:middle; }
.search fieldset{text-align:center;}
.btn{padding-top:15px; text-align:right;}
.search .input_text{ height:30px; border:1px solid #dfdfdf;}
.search select{width:94px; height:34px!important; font-size:12px;}


/* 버튼 */
.btn_Grey{display:inline-block; color:#fff!important; border:1px solid #000; padding:5px 40px; margin-top:10px; line-height:30px; background-color:#333;font-weight:400; text-align:center;  border-radius:2px; cursor:pointer;}


@media all and (max-width:1024px) {
#board.form .board_write .text {height:40px;}
#board.form .board_write .selectB {height:40px;}


#board .portfolio .subject {font-size:15px;}
#board .portfolio ul li {width:100%; margin-bottom:3%; position:relative; overflow:hidden; }
#board .portfolio ul li .title {text-align:center; font-size:14px; color:#000;}

}


@media all and (max-width:1023px) {

#board.form .board_write th{padding:10px 0 10px 15px; vertical-align:top;}
#board.form .board_write td{padding:10px 0 10px 10px;}
.gallery td {width:33%}

#board .board_list .num {width:10%}
#board .board_list .date {width:20%}
#board .board_list .bo_cont a{width:70%;  }

}

@media all and (min-width:769px) {
.mob_table{display:none}
}


@media all and (max-width:768px) { /* 768px 이하 스마트폰 */


/*form.skin*/
#board .board_write th, #board.form .board_write td{ text-align:left; }
#board .board_write .selectB {width:90%; height:40px;}
#board .board_write .textarea {width:90%; height:100px;}
#board .board_write .mgB10{margin-bottom:10px;}
#board .board_write th{padding:15px 0 5px 15px; background:none}


.search .input_text{ width:40%; height:35px; border:1px solid #dfdfdf;}

#board .portfolio .subject {font-size:15px;}
#board .portfolio ul li {width:99.2%; position:relative; overflow:hidden;}
#board .portfolio ul li .title {text-align:center; font-size:14px; color:#000;}
.board_list_img .article .photo img {width:100px; height:80px;}
.board_list_img .article .photo {width:120px; height:100px; }

.pc_table{display:none}

.gallery td {width:50%;}

}


@media screen and (max-width:768px) {
#board.form .board_write .text {width:90%; height:40px;}
#board.form .board_write .selectB {width:90%; height:40px;}

}