﻿ @charset"utf-8";


/*.subVisual img{width:2000px;position:relative;top:0;left:50%;margin-left:-1000px}*/
.subCon{width:1200px;margin:0 auto;overflow:hidden;padding-top:45px;padding-bottom:50px}

.subCon .subTxt{width:930px;float:left;box-sizing:border-box;position:relative}
.subTxt .title{font-weight:bold;font-size:40px;line-height:40px;margin-bottom:68px}
.subTxt .woo_title{text-align:left; font-weight:bold;font-size:22px;line-height:25px;margin-bottom:25px}
.woo_tit{background:url(/img/sub/bullet_tit.gif) no-repeat 0 4px;color:#231f20;line-height:110%;text-align:left; font-size:20px;font-weight:800;padding-left:21px;margin-bottom:15px;}



	/* 온라인견적서------------*/

.bsCon2_consult3_01 label{display:inline;text-align:left;margin:0;font-weight:bold; font-size:15px;}


	.bsCon2_consult3_01 table{width:100%;border-top:2px solid #333;margin-bottom:3px;margin-top:-70px}
	.bsCon2_consult3_01 table thead tr th{background:#f8f8f8;border-bottom:1px solid #333;height:10px; width:20px; font-weight:bold; font-size:18px;}
	.bsCon2_consult3_01 table tbody tr td{border-bottom:1px solid #e6e6e6;height:10px;text-align:center; font-size:15px;}
	.bsCon2_consult3_01 table tbody tr td a{display:block;text-align:left}
	.bsCon2_consult3_01 table tbody tr td a mark{border:1px solid #0552b8;color:#0552b8;width:36px;display:inline-block;text-align:center;line-height:21px;margin-left:5px;font-size:15px}
	.bsCon2_consult3_01 table span.notice{display:inline-block;color:#fff;background:#f50000;padding:0 5px;margin-right:5px;text-align:center;text-indent:0}
	.bsCon2_consult3_01 table thead tr td.name{text-align:left;padding-left:10px;border:0;width:450px;}
	.bsCon2_consult3_01 table thead tr td.tel{text-align:left;padding-left:10px;border:0;width:25%;}
	.bsCon2_consult3_01 table thead tr td.jibang{text-align:left;padding-left:10px;border:0;width:10%;}
	.bsCon2_consult3_01 table thead tr td.pung{text-align:left;padding-left:10px;border:0;width:10%;}
	
	
	/* view */
	.bsCon2_consult3_01 table.boardView th{text-align:left;text-indent:20px;font-weight:bold;border-bottom:1px solid #e6e6e6}
	.bsCon2_consult3_01 table.boardView th mark{background:none;color:#0090d9;margin-right:5px}
	.bsCon2_consult3_01 table.boardView td{text-align:left;box-sizing:border-box}
	.bsCon2_consult3_01 table.boardView td.name{text-align:left;padding-left:20px;border:0;width:30%}
	.bsCon2_consult3_01 table.boardView td.name a{display:inline-block}
	/*.bsCon2_consult3_01 table.boardView td.date{text-align:center;border:0}*/
	.bsCon2_consult3_01 table.boardView td.num{text-align:right;padding-right:20px;border:0;width:60%}
	.bsCon2_consult3_01 table.boardView td.txt{box-sizing:border-box;padding:20px;border-top:1px solid #333;font-family:"nsr";line-height:24px}
	.bsCon2_consult3_01 table.boardView td p{line-height:24px}
	.bsCon2_consult3_01 table.boardView td.name strong:after{content:'';width:1px;height:15px;background:#333;display:inline-block;margin:0 12px;vertical-align:middle}
	.bsCon2_consult3_01 table.boardView td.num strong:after{content:'';width:1px;height:15px;background:#333;display:inline-block;margin:0 12px;vertical-align:middle}
	.bsCon2_consult3_01 table.boardView td.txt span.reply{display:block;/*color:#0090d9;*/font-weight:bold;margin-bottom:10px;font-size:16px}

	

	/* form */
	strong.pt{text-align:right;color:#db1515;font-size:14px;margin-bottom:10px;display:block}
	.bsCon2_consult3_01 h3{font-weight:bold;font-size:23px; margin-bottom:15px;  margin-bottom:15px;padding-top:1px;}
	.bsCon2_consult3_01 table.conForm th{background:#f8f8f8;height:57px;text-align:left;text-indent:32px;font-weight:bold;border-bottom:1px solid #e6e6e6}
	.bsCon2_consult3_01 table.conForm th b{color:#df3333;margin-right:5px}
	.bsCon2_consult3_01 table.conForm td{text-align:left;padding:0 14px;box-sizing:border-box}
	.bsCon2_consult3_01 table.conForm td.tab_button span.tab{position:relative;top:3px;display:inline-block;width:92px;text-align:center;height:36px;font-size:15px;margin:0px 7px 0px 0px}
	.tab_button .tab input{z-index:0}
	.tab_button .tab input, .tab_button .tab label{position:absolute;width:100%;height:36px}
	.tab_button .tab label{line-height:36px;z-index:1;text-align:center;border:1px solid #e9e9e9;background-color:#fff;box-sizing:border-box}
	.tab_button .tab input, .tab_button .tab label{position:absolute;width:100%;height:36px;top:0;left:0}
	.tab_button .tab input, .tab_button .tab label:hover{background:#0090d9;color:#fff;border:1px solid #0090d9}
	.tab_button .tab input, .tab_button .chkOn label{background:#0090d9;color:#fff;border:1px solid #0090d9}
	.bsCon2_consult3_01 table.conForm td select {vertical-align: -webkit-baseline-middle;border: 1px #e6e6e6 solid;width:293px;height:34px;padding-left:7px;
	font-size:14px;-webkit-appearance: none;-moz-appearance: none;appearance: none;float:left;background:url(/images/board/selectArrow.png) 95% center no-repeat;z-index:1}
	.bsCon2_consult3_01 table.conForm td select.smSize{width:212px;margin-left:7px}
	.bsCon2_consult3_01 table.conForm td select.ssSize{width:81px;margin-left:7px}
	.bsCon2_consult3_01 table.conForm td select.kySize{width:220px;margin-left:7px}
	.bsCon2_consult3_01 table.conForm td input.nameSize{width:100px;margin-left:7px}
	.bsCon2_consult3_01 table.conForm td input.telSize{width:150px;margin-left:7px}
	.bsCon2_consult3_01 table.conForm td input.jiyukSize{width:90px;margin-left:7px}
	.bsCon2_consult3_01 table.conForm td input.pungSize{width:90px;margin-left:7px}
	.bsCon2_consult3_01 table.conForm td select.sSize{width:115px}
	.bsCon2_consult3_01 table.conForm td span{float:left;margin:0 7px;position:relative;top:4px}
	.bsCon2_consult3_01 table.conForm td input{border:1px solid #e6e6e6;border-radius:0;height:32px;text-indent:10px;box-sizing:border-box}
	.bsCon2_consult3_01 table.conForm td input:focus{border:1px solid #0090d9}
	.bsCon2_consult3_01 table.conForm td input.email2{float:left}
	
	.bsCon2_consult3_01 table.conForm td input.mSize{width:293px}
	.bsCon2_consult3_01 table.conForm td input.LSize{width:100%}
	.bsCon2_consult3_01 table.conForm td input.smSize{width:212px}
	.bsCon2_consult3_01 table.conForm td textarea{width:100%;margin:10px 0px;height:50px;overflow-y:scroll;border:1px solid #e6e6e6;box-sizing:border-box;padding:10px;font-family:"nsr"}
	.bsCon2_consult3_01 table.conForm td textarea:focus{border:1px solid #0090d9}
	.bsCon2_consult3_01 table.conForm td.code{color:#888;font-size:15px}
	.bsCon2_consult3_01 table.conForm td.code span{float:none;margin-left:5px}
	.bsCon2_consult3_01 table.conForm td.code img{vertical-align:middle;margin-right:10px}
	.bsCon2_consult3_01 div.m_board{display:none}


	/* 동의서 */
	#appList th{text-indent:0;text-align:center}
	#appList td.btn_view a{display:block;width:87px;line-height:29px;color:#fff;background:#0090d9;text-align:center;margin:0 auto;font-size:14px}
	#appList td.btn_write a{display:block;width:87px;line-height:29px;color:#fff;background:#1276c3;text-align:center;margin:0 auto;font-size:14px}
	#appList td.btn_end a{display:block;width:87px;line-height:29px;color:#fff;background:#333;text-align:center;margin:0 auto;font-size:14px}
	#appList_write td.address {padding:10px 14px}
	#appList_write td.address a{display:inline-block;border:1px solid #333;font-size:15px;width:113px;line-height:30px;text-align:center;}
	#appList_write td.address input{float:left;margin-right:5px}
	#agreeBox h3{font-weight:bold;font-size:16px;  margin-bottom:15px;padding-top:10px}
	#agreeBox div{border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-top:2px solid #333; text-align:left;background:url()#f8f8f8;padding:15px;font-size:15px;font-family:"nsr";line-height:24px;box-sizing:border-box;width:100%;height:150px;overflow-y:scroll}
	#agreeBox div h4{margin:30px 0px 10px}
	#agreeBox div table{margin-bottom:15px}
	#agreeBox div table thead tr th{background:#666;color:#fff;font-size:13px;height:35px}
	#agreeBox div table tbody tr td{height:35px;font-size:13px;background:#fff;border-left:1px solid #e6e6e6}
	#agreeBox div table tbody tr td:first-child{border-left:0}
	#agreeBox span.txt_inquiry{display:block;font-size:13px;color:#666;margin:10px 0px 0px 15px}
	#agreeBox span.txt_inquiry mark{color:#000}
	#agreeBox label{display:block;text-align:right;font-size:14px;margin:10px 0px 50px 0px}
	#agreeBox label input{margin-right:5px;vertical-align:middle}
	#agreeBox ul{text-align:center;display:table;margin:0 auto 50px}
	#agreeBox ul li:first-child{background:#0090d9}
	#agreeBox ul li.none{width:30px;background:#fff}
	#agreeBox ul li{display:table-cell;vertical-align:middle;width:68px;background:#1276c3;line-height:10px}
	#agreeBox ul li a strong{display:block;color:#fff;font-size:19px;margin-bottom:10px;font-family:"nsb";font-weight:normal}
	#agreeBox ul li a{color:#9ddeff;font-size:14px;display:block;padding:5px 0;}




/*-------온라인견적서--종료---------*/

	@media(min-width:1px) and (max-width:1199px){
	.searchBox{float:none;width:100%}
	.searchBox select{width:28%;height:40px}
	.searchBox div.txt{width:70%;margin-left:2%;box-sizing:border-box}
	.searchBox div.txt input{width:80%;float:left}
	.searchBox div.txt img{float:right;width:38px}

	.bsCon1_test table.basicForm tr th{text-indent:5px;width:30%}
	.bsCon1_test table.basicForm tr td{padding:10px;width:70%}
	.bsCon1_test table.basicForm tr td input#payname{width:100%}
	.bsCon2_consult3_01 table.pc_board{display:none}
	.bsCon2_consult3_01 div.m_board{display:block;border-top:1px solid #333;margin-bottom:30px}
	.bsCon2_consult3_01 div.m_board a{display:block;border-bottom:1px solid #e6e6e6;padding:13px 5px 10px}
	.bsCon2_consult3_01 div.m_board a span{color:#0552b8;font-size:15px;font-weight:bold}
	.bsCon2_consult3_01 div.m_board a mark{border:1px solid #0090d9;color:#0090d9;font-size:13px;padding:2px 10px;margin-left:5px;font-weight:normal}
	.bsCon2_consult3_01 div.m_board a h3{font-weight:bold;font-size:15px}
	.bsCon2_consult3_01 div.m_board a h3 span{font-size:14px;display:inline-block;width:110px}
	.bsCon2_consult3_01 div.m_board a ul li{display:inline-block;margin-right:15px;color:#858585;font-size:13px}
		
	.bsCon2_consult3_01 table{margin-bottom:25px}
	.bsCon2_consult3_01 table.boardView th{font-size:15px;text-indent:10px}
	.bsCon2_consult3_01 table.boardView td{font-size:14px}
	.bsCon2_consult3_01 table.boardView td.name{padding-left:10px;width:40%}
	/*.bsCon2_consult3_01 table.boardView td.date{width:40%}*/
	.bsCon2_consult3_01 table.boardView td.num{padding-right:10px;width:60%}
	.bsCon2_consult3_01 table.boardView td strong:after{margin:0px 5px;height:12px} 
	.bsCon2_consult3_01 table.boardView td.txt{padding:10px;font-family:"nsr"}
	table.boardView td.txt img{width:100%;height:auto}
	.viewNext {margin-bottom:50px}
	.viewNext strong{width:17%;margin-right:10px}
	.paging{margin-bottom:30px}
	.boardBtn{width:100%}
	.boardBtn a{width:32%;line-height:35px;margin-left:2%;font-size:14px}
	.boardBtn a:first-child{margin-left:0}

	/* form */
	.bsCon2_consult3_01 table.conForm th{width:30%;text-indent:10px;font-size:14px}
	.bsCon2_consult3_01 table.conForm th b{margin-right:2px}
	.bsCon2_consult3_01 table.conForm td{width:70%;box-sizing:border-box}
	.bsCon2_consult3_01 table.conForm td select{width:100%;border-radius:0}
	.bsCon2_consult3_01 table.conForm td select.sSize{width:28%}
	.bsCon2_consult3_01 table.conForm td select.ssSize{width:28%}
	.bsCon2_consult3_01 table.conForm td input.mSize{width:100%;background:url();}
	.bsCon2_consult3_01 table.conForm td input.smSize{width:45%;background:url();}
	.bsCon2_consult3_01 table.conForm td input.LSize{background:url()}
	.bsCon2_consult3_01 table.conForm td input.sSize{background:url();width:28%}
	.bsCon2_consult3_01 table.conForm td span{font-size:13px;margin:0px;width:10%;text-align:Center}
	.bsCon2_consult3_01 table.conForm td textarea{border-radius:0;background:url();height:80px}
	.bsCon2_consult3_01 table.conForm td.emailForm{padding:10px}
	.bsCon2_consult3_01 table.conForm td.emailForm select.smSize{margin:5px 0px 0px 0px;width:100%}
	.bsCon2_consult3_01 table.conForm td.code{padding:10px;font-size:13px}
	.bsCon2_consult3_01 table.conForm td.code span{float:none;margin-left:0px;display:block;text-align:left;width:100%}

	/* 2018-10-15 수정 */
	.bsCon2_consult3_01 table.boardView td.txt img{width:100%}
	.bsCon2_consult3_01 table.boardView td.txt p{background:none;padding:0}
}

@media screen and (max-width:420px){

	
	#agreeBox h3{font-weight:bold;font-size:15px; text-align:left; margin-bottom:15px;padding-top:10px}
	
}











