@charset "utf-8";

/* Board Common Botton */
input.bdCmBtn{display:inline-block; font-size:16px; height:30px; padding:5px 10px 7px 10px; color:#424242; border:1px solid #114291; background-color:#fff; font-weight:bold;}
input.bdCmBtn:hover {background:#114291; color:#fff; font-weight:bold;text-decoration: none}

a.bdCmBtn span{display:inline; font-size:16px; padding:5px 10px 7px 10px; background:#66615b; color:#fff; border:1px solid #66615b;  transition:all 0.3s ease;}
a.bdCmBtn:hover span{ background:#c62828; border-color:#c62828;}
/*
a.bdCmBtn span{display:inline-block; font-size:16px; height:23px; padding:5px 10px 7px 10px; color:#424242; border:1px solid #114291; background-color:#fff;}
a.bdCmBtn span:hover {background:#114291; color:#fff; text-decoration: none}
*/

.cursorHand{cursor:pointer;}

.boardCategory{padding-bottom:20px;}
.boardCategory:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.boardCategory h3{display:none;}
.boardCategory ul{list-style:none;}
.boardCategory ul li{float:left;}
.boardCategory ul li a{display:block; padding:15px 30px 15px 30px; margin-right:8px; margin-bottom:8px;  border:1px solid #c2c2c2; font-size:15px; color:#666;}
.boardCategory ul li a.cateOv,
.boardCategory ul li a:hover{background:#a50505; color:#fff;}

.ListBoardWrap{padding-bottom:40px;}

.ListBoardWrap table td.subject{text-align:left;}
.ListBoardWrap table th.col_category{width:110px;}
.ListBoardWrap table th.col_number {width:65px;}
.ListBoardWrap table th.col_move {width:45px;}
.ListBoardWrap table{position:relative; width: 100%; border-collapse: separate; border-top: 1px solid #333;  margin-left: -1px; clear:both; word-break:break-all !important;}
.ListBoardWrap table tr{border-top: 1px solid #333;}
.ListBoardWrap table .table_tip{position:absolute; right:0; top:-25px; color:#666; font-size:14px;}
.ListBoardWrap table{border-collapse:separate; border-top:1px solid #333; margin-left:-1px; width:100%;}
.ListBoardWrap table thead th {background:#f4f4f4; font-size:15px; padding:15px 10px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font-weight:bold;}
.ListBoardWrap table thead th {display:none;}
.ListBoardWrap table tbody td, .tbl_gray1 tfoot td {background:#fff; font-size:15px;}
.ListBoardWrap table tbody td {border-bottom:1px solid #ddd; text-align:center; height: 60px; padding: 0 1.5rem; overflow: hidden;}
.ListBoardWrap table tbody td.tbltext_le{ text-align:left;}
.ListBoardWrap table tr.noticeWrap td{background:#fff;}
.ListBoardWrap table tr.hideAT td, .ListBoardWrap table tr.hideAT td a{color:#999;}
.ListBoardWrap table td.notice{font-weight:bold;}
.ListBoardWrap table td.searchResult{height:250px; line-height:250px; vertical-align:middle; border-bottom:1px solid #ddd;}
.ListBoardWrap table td span.cmti{color:#ff5a00; font-size:11px; vertical-align:middle;}
.ListBoardWrap table td img{vertical-align:middle; display: inline;}
.ListBoardWrap table td.num_cir{ position: relative; text-align: center; vertical-align: middle; font-weight: 600;z-index: 1;}
.ListBoardWrap table td.num_cir span { position: relative; z-index: 1; padding: 6px 12px;}
.ListBoardWrap table td.num_cir::before { content: '';position: absolute; left: 50%; top: 50%; width: 90%; height: 70%; background: rgb(80 180 255 / 40%); border-radius: 10px; transform: translate(-50%, -50%); z-index: -1;}
.ListBoardWrap table th.col_number {display:none;}
.ListBoardWrap table th:first-child,
.ListBoardWrap table td:first-child{border-left:none;}
.mhide{display:none;}
/*
	@media all and (max-width:768px){
		.ListBoardWrap table tbody td, .tbl_gray1 tfoot td{font-size:1rem; width: 100%;}
		.ListBoardWrap table tbody td.date{display:none;}
	}

		@media all and (max-width:580px){
			.ViewBoardWrap .boardButton{width:100%;}
			.ViewBoardWrap .linkArticle{width:100%;}
			.ViewBoardWrap .articleNext li,
			.ViewBoardWrap .articlePrev li{width:100%; text-align:left;}
			.ListBoardWrap img.event{ width:100%;}
		}
*/
@media (max-width: 768px) {

  /* 테이블 → 블록화 */
  .ListBoardWrap table,
  .ListBoardWrap table tbody,
  .ListBoardWrap table tr,
  .ListBoardWrap table td {
    display: block;
    width: 100%;
  }

  /* thead 숨김 */
  .ListBoardWrap table thead {
    display: none;
  }

  /* 한 줄 카드처럼 */
  .ListBoardWrap table tr {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 10px;
  }

  /* td 기본 */
  .ListBoardWrap table tbody td {
    height: auto;
    padding: 6px 0;
    border: none;
    text-align: left;
  }

  /* 제목은 강조 */
  .ListBoardWrap table td.subject {
    font-weight: 600;
    margin-bottom: 5px;
  }

  /* 번호 (num_cir) */
  .ListBoardWrap table td.num_cir {
    position: absolute;
    top: 10px;
    right: 10px;
    width: auto;
  }

  .ListBoardWrap table td.num_cir::before {
    width: 100%;
    height: 100%;
  }

  /* 불필요 컬럼 숨김 */
  .ListBoardWrap table th.col_category,
  .ListBoardWrap table th.col_move,
  .ListBoardWrap table td.col_category,
  .ListBoardWrap table td.col_move {
    display: none;
  }

}
.BookList{clear:both; width:100%;}
.BookList:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.BookList > ul{list-style:none; margin:0; padding:0;}
.BookList > ul li{float:left; width:294px; height:100%; background:#fff; margin-right:21px; margin-bottom:21px; border:1px solid #e9e9eb;}
.BookList > ul li a{display:block; color:#7f8186;}
.BookList > ul li a:hover{text-decoration:none;}
.BookList > ul li:nth-child(3n){margin-right:0;}
.BookList > ul li span{display:block; width:185px; margin:0 auto; letter-spacing:-0.05em; line-height:1.3em;}
.BookList > ul li strong{display:block; width:225px;  padding:38px 0 10px 0; margin:0 auto; letter-spacing:-0.05em; line-height:1.3em; text-align:center; overflow: hidden; font-size:16px; color:#494c52;}
.BookList > ul li strong.spec{padding-top:16px;}
.BookList > ul li span.l_img{display:block; padding:8px 0;}
.BookList > ul li span.l_img img{-webkit-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); -moz-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); box-shadow: 5px 5px 20px 5px rgba(217,217,217,1);}
.BookList > ul li span.l_text{display:block; font-size:14px; line-height:1.4em;}
.BookList > ul li span.l_info{display:block; text-align:right; padding:20px 0 10px 0; font-size:13px; letter-spacing:0;}
.BookList > ul li span.l_info .l_hit{display:inline-block; padding:0 15px 0 26px; background:url('/images/bd_latest_icon.gif') no-repeat left 2px;}
.BookList > ul li span.l_info .l_date{display:inline-block; padding-left:10px; background:url('/images/bd_latest_line_bg.gif') no-repeat left 5px;}


.WebzineList span.l_img{display:block; padding:8px 0;}
.WebzineList span.l_img img{-webkit-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); -moz-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); box-shadow: 5px 5px 20px 5px rgba(217,217,217,1);}


.GalleryList{clear:both; width:100%;}
.GalleryList:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.GalleryList > ul{list-style:none; margin:0; padding:0;}
.GalleryList > ul li{float:left; width:268px; height:290px; background:#fff; margin-right:13px; margin-bottom:21px; border:1px solid #e9e9eb;}
.GalleryList > ul li a{display:block; color:#7f8186;}
.GalleryList > ul li a:hover{text-decoration:none;}
.GalleryList > ul li:nth-child(4n){margin-right:0;}
.GalleryList > ul li strong,
.GalleryList > ul li span{display:block; width:205px; margin:0 auto; letter-spacing:-0.05em; line-height:1.3em;}
.GalleryList > ul li strong{display:block; width:225px; height:16px;  padding:38px 0 10px 0; margin:0 auto; letter-spacing:-0.05em; line-height:1.4em; text-align:center; overflow: hidden; font-size:16px; color:#494c52;}
.GalleryList > ul li strong.spec{padding-top:16px;}
.GalleryList > ul li span.l_img{display:block; padding:8px 0;}
.GalleryList > ul li span.l_img img{border:1px solid #ccc;}
.GalleryList > ul li span.l_text{display:block; font-size:14px; line-height:1.4em;}
.GalleryList > ul li span.l_info{display:block; text-align:right; padding:20px 0 10px 0; font-size:13px; letter-spacing:0;}
.GalleryList > ul li span.l_info .l_hit{display:inline-block; padding:0 15px 0 26px; background:url('/images/bd_latest_icon.gif') no-repeat left 2px;}
.GalleryList > ul li span.l_info .l_date{display:inline-block; padding-left:10px; background:url('/images/bd_latest_line_bg.gif') no-repeat left 5px;}


.ListBoardWrap table.faqList .subject{font-size:17px;}
.ListBoardWrap table.faqList .faqTitle{padding:10px;}
.ListBoardWrap table.faqList .faqTitle b{position:absolute; font-size:25px; line-height:1.3em; color:#555;}
.ListBoardWrap table.faqList .faqTitle a{display:block; padding:5px 20px 2px 32px; line-height:1.6em;}
.ListBoardWrap table.faqList .faqWrap{display:none; padding:20px; background:#f4f4f4; margin:0 20px 20px 20px;}
.ListBoardWrap table.faqList .faqFatxt{/*position:absolute;*/float:left; font-size:25px; line-height:1.3em; color:#555;}
.ListBoardWrap table.faqList .faqContent{padding:6px 20px 8px 28px;  line-height:1.6em; font-size:15px;}
.ListBoardWrap table.faqList .faqContent a{color:blue; text-decoration:underline;}
.ListBoardWrap table.faqList tr:first-child td .faqWrap{display:block;}
.ListBoardWrap table.faqList .faqMdBtn{float:right; margin:-25px 10px 0 0; cursor:pointer; color:blue;}
.ListBoardWrap table.faqList .faqMdBtn:hover{text-decoration:underline;}

.ViewBoardWrap{width:100%; word-wrap:break-word; border-top:1px solid #333; margin-top:60px;}
.ViewBoardWrap table{border-collapse:collapse; color:#666;}
.ViewBoardWrap table caption{display:none;}
.ViewBoardWrap table thead th{font-size:24px; font-weight:500; border-bottom:1px dashed #d9d9d9; padding:15px 0;}
.ViewBoardWrap table > tbody{}
.ViewBoardWrap table th{height:40px; padding-top:4px; text-align:center; vertical-align:middle; color:#424242; font-size:15px;}
.ViewBoardWrap table td{height:40px; padding-top:4px; padding-left:20px; text-align:left; vertical-align:middle; color:#424242; font-size:15px;}
.ViewBoardWrap table span.fileSizeByte{font-size:15px; color:#424242;}
.ViewBoardWrap table td.content{padding:40px 20px; text-align:left; color:#424242;}
.ViewBoardWrap table td.images img{max-width:880px; width:100%;}
.ViewBoardWrap table td.images{padding:20px 0; text-align:center; max-width:880px; width:100%;}
.ViewBoardWrap table td.content img{width:100%; max-width:880px; /*max-width:660px;*/ margin:0;}
.ViewBoardWrap table td.content table th,
.ViewBoardWrap table td.content table td{text-align:left; vertical-align:top; }
.ViewBoardWrap table td.content ul{margin-left:35px;}
.ViewBoardWrap table td.content ol{margin-left:50px;}
.ViewBoardWrap table hr{display:block; width:100%;}
.ViewBoardWrap .boardButton{height:60px;}
.ViewBoardWrap .boardButton ul{display:inline; float:right; padding:15px 0 0 0;}
.ViewBoardWrap .boardButton li{display:inline; float:left; margin-left:4px;}
.ViewBoardWrap .writeData{text-align:left !important; padding-left:20px;}
.ViewBoardWrap .linkArticle{position:relative; border-top:1px solid #ddd; color:#424242; font-size:13px; background:#f9f9f9;}
.ViewBoardWrap .linkArticle:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ViewBoardWrap .articlePrev{padding:12px 0 12px 20px; border-bottom:1px solid #ddd;}
.ViewBoardWrap .articlePrev:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ViewBoardWrap .articleNext{padding:12px 0 12px 20px;}
.ViewBoardWrap .articleNext:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ViewBoardWrap .articleNext li,
.ViewBoardWrap .articlePrev li{float:left; margin-right:10px;}


.WriteBoardWrap table{border-collapse:collapse; color:#666; border-top:1px solid #333;}
.WriteBoardWrap table caption{display:none;}
.WriteBoardWrap table thead th{height:50px; font-weight:bold; border-bottom:1px dashed #d9d9d9;}
.WriteBoardWrap table th{height:44px; border-bottom:1px solid #ddd; background:#f9f9f9; text-align:center; vertical-align:middle; color:#424242; font-size:15px;}
.WriteBoardWrap table td{height:44px; border-bottom:1px solid #ddd; padding-left:10px; text-align:left; vertical-align:middle; color:#424242;}
.WriteBoardWrap table td.writeInfo{padding:6px 0 5px 20px; text-align:center;}
.WriteBoardWrap table td.content{height:350px; padding:0;}
.WriteBoardWrap table td select{width:auto; height:30px; padding-left:5px; font-size:15px;}
.WriteBoardWrap table td input[type=text],
.WriteBoardWrap table td input[type=password]{width:90%; padding:3px 5px; border:1px solid #aaa; font-size:15px;}
.WriteBoardWrap table td input[type=file]{width:93%;}
.WriteBoardWrap table td .InputReadonly{background:#eee; color:#bbb;}
.WriteBoardWrap .boardButton{width:100%; text-align:center;}
.WriteBoardWrap .boardButton p{padding-top:30px;}
.WriteBoardWrap .fontColorFile{font-size:11px; color:#de5807;}
.WriteBoardWrap .writeQuestion{padding:10px 0;}


/* Board Password Area */
.PasswordBoardWrap{width:100%; margin-top:25px;}
.PasswordBoardWrap div.title{height:40px; padding-top:23px; border:1px solid #ddd; text-align:center; vertical-align:middle; background:#fbfbfb; color:#424242; font-size:15px;}
.PasswordBoardWrap div.content{width:100%; height:220px; padding-top:120px; border-bottom:1px solid #e8e8e8; text-align:center;}
.PasswordBoardWrap .WriteInput{width:200px; height:17px; padding:0 5px; line-height:17px; border:1px solid #cbcbcb;}
.PasswordBoardWrap .passText{padding-bottom:20px; color:red;}
.PasswordBoardWrap .passInput{width:380px; margin:0 auto;}
.PasswordBoardWrap .passInput *{display:inline;}

/* Board Reply Area */
.ReplyWrite{width:100%; padding-top:20px; border-bottom:1px solid #ebebeb; color:#555;}
.ReplyWrite .WriteInfo{float:left; padding:10px 0 5px 0;}
.ReplyWrite .WriteInfo b{color:#555;}
.ReplyWrite .WriteTextWrap{padding-bottom:10px;}
.ReplyWrite .WriteTextArea{width:99%; height:60px; padding:5px; border:1px solid #cdcdcd; color:#424242;}
.ReplyWrite .WriteBtn{float:right; padding:10px 0;}
.ReplyWrite .WriteBtn input{border:none;}

.ReplyView{width:100%; border-bottom:1px solid #ebebeb; margin-bottom:5px; background:#fafafa; color:#424242;}
.ReplyView .ViewInfo{float:left; padding-top:20px; padding-left:20px; list-style:none;}
.ReplyView .ViewInfo li{float:left; padding-right:20px;}
.ReplyView .DeleteBtn{float:right; padding:10px 0;}
.ReplyView .DeleteBtn a{display:block; padding:4px;}
.ReplyView .ViewInfo b{color:#83c1d6;}
.ReplyView .ViewContent{clear:both; padding:10px 20px 20px 20px;}


@media screen and (max-width:1023px){
	#content .ViewBoardWrap table td.content img{width:100%; max-width:1024px;}
}

@media screen and (max-width:640px){
	.GalleryList table td{display:block; width:340px; padding-bottom:20px;}
	.GalleryList table td .listData{width:232px; border:1px solid #c8c8c8; margin:0 auto;}
	#content .ViewBoardWrap table td.content img{width:100%; max-width:640px;}
}

.smartOutput p {margin: 7px 0;}
.smartOutput {font-size:15px; line-height:1.6;}
.smartOutput li {display: list-item; text-align: -webkit-match-parent;}
.smartOutput ul {display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px;}
.smartOutput ol {display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px;}
.smartOutput table{width: auto;}
.smartOutput td{padding:4px;}

/*견적문의*/
.inquiry_wrap{ position:relative; width:100%; padding:3rem; margin: 50px 0; border-radius:2rem; background:#f4f7f9; /*border:1px solid #edf1f5;*/ overflow:hidden; box-sizing:border-box;}
.inquiry_wrap fieldset{ position:relative; z-index:2; border:0; margin:0; padding:0;}
.inquiry_wrap legend{ display:none;}
.inquiry_wrap ul{ display:flex; flex-wrap:wrap; gap:1.75rem; margin:0; padding:0;}
.inquiry_wrap ul li{ list-style:none; width:calc(50% - 1.25rem); text-align: left;}
.inquiry_wrap ul li:nth-child(5),
.inquiry_wrap ul li:nth-child(6){ width:100%;}

.inquiry_wrap label{ display:block; margin-bottom:0.75rem; font-size:0.95rem; font-weight:700; color:#222; letter-spacing:-0.02em;}
.inquiry_wrap .essential{ color:#b53641; margin-right:0.2rem;}
.inquiry_wrap .noessential{ opacity:0.25; margin-right:0.2rem;}
.inquiry_wrap input[type="text"],
.inquiry_wrap input[type="file"],
.inquiry_wrap textarea{ width:100%; border:1px solid #dfe6ee; border-radius:0.5rem; background:#fff; padding:0 1rem; font-size:1rem; color:#111; transition:all 0.3s ease; box-sizing:border-box;}
.inquiry_wrap input[type="text"],
.inquiry_wrap input[type="file"]{ height:3rem;}
.inquiry_wrap textarea{ height:15rem; padding:1.5rem; line-height:1.8; resize:none;}
.inquiry_wrap input:hover,
.inquiry_wrap textarea:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(0,0,0,0.06);}
.inquiry_wrap input:focus,
.inquiry_wrap textarea:focus{ border-color:#0066cc; box-shadow: 0 10px 24px rgba(0,0,0,0.08), 0 0 0 5px rgba(0,102,204,0.08); outline:none;}
.inquiry_wrap input::placeholder,
.inquiry_wrap textarea::placeholder{ color:#aaa;}
.inquiry_wrap input[type="file"]{ padding-top:1rem; cursor:pointer;}
.btnWrap{ position:relative; z-index:2; margin-top:4rem; text-align:center;}
.btnWrap input[type="image"]{ max-width:240px; transition:all 0.35s ease;}
.btnWrap input[type="image"]:hover{ transform:translateY(-5px) scale(1.02); filter:drop-shadow(0 12px 20px rgba(0,102,204,0.18));}
.file_box{ width:100%;}
.file_box input[type="file"]{display:none;}
.file_box .file_tit{ display:block; margin-bottom:0.75rem; font-size:0.95rem; font-weight:700; color:#222;}
.file_box .file_inner{ display:flex; align-items:center; justify-content:space-between; gap:1rem;  width:100%; min-height:4.2rem; padding:0 1.5rem; border-radius:0.5rem; background:#fff; border:1px solid #dfe6ee; box-shadow:0 5px 18px rgba(0,0,0,0.03); transition:all 0.3s ease; box-sizing:border-box; cursor:pointer;}
.file_box .file_inner:hover{ transform:translateY(-2px); box-shadow:0 10px 20px rgba(0,0,0,0.06);}
.file_box .file_name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:0.95rem; color:#888;}
.file_box .file_btn{ display:inline-flex; align-items:center; justify-content:center; height:2.8rem;  padding:0 1.5rem; border-radius:0.5rem;  background:#0066cc; font-size:0.9rem; font-weight:600; color:#fff; flex-shrink:0;  transition:all 0.3s ease;}
.file_box .file_inner:hover .file_btn{ background:#004ea0;}
.boardButton{ text-align:center; margin-top:3rem;}
.boardButton .inquiry_Btn{ display:inline-flex; align-items:center;  justify-content:center; min-width:220px; height:64px; padding:0 2.5rem;  border:0;  border-radius:999px; background:#c62828;  font-size:1rem; font-weight:700; color:#fff;  cursor:pointer; transition:all 0.3s ease;}
.boardButton .inquiry_Btn:hover{ background:#a91b1b; transform:translateY(-3px);}
@media all and (max-width:1280px){
    .inquiry_wrap{padding:4rem;}
    h4.first{font-size:2.9rem;}
}
@media all and (max-width:1024px){
	.inquiry_wrap{padding:3rem;}
    .inquiry_wrap ul li{width:100%;}
    h4.first{font-size:2.4rem;}
    h5{font-size:1rem; margin-bottom:3rem;}
}
@media all and (max-width:768px){
    .eng-title{font-size:0.82rem; letter-spacing:0.14em;}
    .eng-title::after{ width:45px;}
    h4.first{font-size:2rem;}
    .inquiry_wrap{padding:2rem 1.25rem; border-radius:1.5rem;}
    .inquiry_wrap input[type="text"],
    .inquiry_wrap input[type="file"]{ height:3.6rem; padding:0 1rem; border-radius:1rem;}
    .inquiry_wrap textarea{height:11rem;  padding:1rem; border-radius:1rem;}
    .btnWrap{margin-top:3rem;}
    .btnWrap input[type="image"]{max-width:180px;}
}