/*
font-family: 'Exo', sans-serif;
*/

/* common */
*{word-break:keep-all;}
/*서브비주얼*/
#subVisual { width:90%; height:280px; overflow: hidden; position: relative; display: ; margin: 0 auto; background:url("/img/sub/subVisual.jpg")no-repeat center top;}
#subVisual.sv02{background:url("/img/sub/subVisual_02.jpg")no-repeat center top;}
#subVisual.sv03{background:url("/img/sub/sv03.jpg")no-repeat center top;}
#subVisual.sv04{background:url("/img/sub/subVisual_04.jpg")no-repeat center top;}
#subVisual > div { display: table; width: 100%; height:100%; }
#subVisual dl { display: table-cell; vertical-align: middle; color: #fff; text-align: center; }
#subVisual dt { font-size:36px; line-height:120%; font-weight: 500; }
#subVisual dd { margin-top: 20px; font-size:20px; font-weight: 300; line-height: 120%;  }
#subVisual img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; z-index:-1; }

#lnb { width:90%; margin: 0 auto; height: 70px; line-height: 70px; box-sizing:border-box; border-bottom:1px solid #f2f6fb; background: #f2f6fb; }
#lnb li { float: left; }
#lnb li a { display: table; width: 100%; height:70px; color: #595b60; font-size:15px; font-weight: 300; text-align: center; letter-spacing: -.8px; box-sizing:border-box; padding:0 10px; }
#lnb li a span { display: table-cell; vertical-align: middle; line-height: 120%; }
#lnb li a span i { display: none; }
#lnb li.on a { background: #0d2866; color: #fff; }
.lnb4 { display: none; }

#cont { width:100%; margin:95px 0 100px; }
#cont:after{display:block;content:"";clear:both;}
#cont h2 { text-align: center; font-size:40px; font-weight: 700; line-height: 120%; color: #2b2d31; }

#cont > article { width:1400px; margin: 0 auto;}
#cont > article:after{display:block;content:"";clear:both;}
#cont .paging { margin-top:80px; text-align: center; }
#cont .paging li { display: inline-block; vertical-align: top; margin:0 1px; }
#cont .paging li a { display: block; width:25px; height:34px; line-height:34px; box-sizing:border-box; border:1px solid #dbdbdb; text-align: center; position: relative; }
#cont .paging li a img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; }
#cont .paging li.on a { background: #676767; color: #fff; }


.navi {width:90%;     margin:58px auto 0;}
.navi ul { text-align:right;}
.navi ul li { display:inline-block; vertical-align:middle; text-align:left; }
.navi ul li:after { content:">"; font-family:"돋움",dotum; margin:0 24px;}
.navi ul li:last-child { color:#0d2866}
.navi ul li:last-child:after { display:none;}
.inner1400 { max-width:1400px; margin:0 auto; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.subTit { overflow: hidden; text-align: center;  color: #393939;  }
.subTit dt { text-align: center; font-size:40px; line-height:120%; font-weight: 700; }
.subTit dd { text-align: center; margin-top:15px; line-height:120%; font-size:32px; }
.subTit dd.type02{font-size:24px;}

/*제품정보*/
.pdCon:after{display:block;content:"";clear:both;}
.pdCon .list { text-align: center; overflow: hidden; }
.pdCon .list li { display: inline-block; vertical-align: top; border:1px solid #d6d6d6; width:410px; /* height:460px; */ box-sizing:border-box; margin:0 20px 40px; }
.pdCon .list li div { width:100%; height:320px; position: relative; overflow: hidden; }
.pdCon .list li div img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto;  }
.pdCon .list li dl { width: 100%; height:140px; background: #f4f4f4; overflow: hidden; text-align: center; }
.pdCon .list li dt { margin-top:30px; color: #393939; font-size:20px; line-height:120%; }
.pdCon .list li dd { color: #929292; font-size:16px; line-height: 120%; margin-top: 20px; }


/*회사소개*/
.greeCon { overflow: hidden; }
.greeCon .tnBox { margin-top:100px; overflow: hidden; position: relative; }
.greeCon .tnBox > img { position: absolute; top: 0; left: 0; z-index:-1; }
.greeCon .tnBox ul { margin-top:146px; overflow: hidden; text-align: center; }
.greeCon .tnBox li { display: inline-block; vertical-align: top; margin:0 62.5px; }
.greeCon .tnBox li div { width:242px; height:242px; background: #6b82e0; border-radius:50%; position: relative; }
.greeCon .tnBox li:nth-child(2) div { background: #6da8e0; }
.greeCon .tnBox li:last-child div { background: #f85e66; }
.greeCon .tnBox li div img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; }
.greeCon .tnBox li p { margin-top:38px; color: #393939; font-size:28px; line-height:120%; font-weight: 500; }
.greeCon .tnBox > div { margin-top:80px; overflow: hidden; text-align: center; }
.greeCon .tnBox > div p.txt { font-size:20px; line-height:180%; color: #777c83;  }
.greeCon .tnBox > div p.sign { margin-top:80px; color: #393939; font-size:48px; line-height:120%; letter-spacing: -.5px; font-family: 'Nanum Brush Script', cursive; }





/* 견적문의 */
ul:after,
.clearfix:after { content:""; display:block; clear:both; }

.inquiry_wrap { }
.inquiry_wrap .top_txt { background:#e3f0ff; line-height:1.4; padding:52px 7.14285714286%; border:1px solid #e1e6ed; margin-bottom:80px;}
.inquiry_wrap .top_txt dl { color:#393939; position:relative; padding-left:190px;}
.inquiry_wrap .top_txt dl:before { content:url("/img/sub/inquiry_icon.png"); position:absolute; left:0; top:0;}
.inquiry_wrap .top_txt dl dt {  font-size:32px;  font-weight:700;}
.inquiry_wrap .top_txt dl dd { font-size:24px; margin-top:20px;}


.tab_s1 {}
.tab_s1 ul {}
.tab_s1 ul li { float:left; width:23.42857142857%; margin-right:2.09523809524%;}
.tab_s1 ul li:last-child { margin:0; }
.tab_s1 ul li select,
.tab_s1 ul li button { width:100%; height:60px; background:#f2f6fb; border:none; font-size:20px; color:#393939; font-weight:700; padding:0 30px; position:relative; text-align:left; display:block;}
.tab_s1 ul li select { background:url("/img/sub/arr_s1.png") no-repeat 95% center #f2f6fb;
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
}
select::-ms-expand {
    display: none;
}
.tab_s1 ul li button:after { content:url("/img/sub/arr_s1.png"); position:absolute; right:18.29268292683%; top:50%; line-height:0; margin-top:-4px;}


.inquiry_wrap {}
.inquiry_wrap .form {  margin-top:74px; }
.inquiry_wrap .form .tit { width:110px; text-align:right; margin-right:30px; font-size:20px; color:#393939; font-weight:700; margin-top:16px; line-height:1.5;}
.inquiry_wrap .form .list { }
.inquiry_wrap .form .list li { margin-bottom:16px;}
.inquiry_wrap .form .list li:last-child { margin:0; }
.inquiry_wrap .form .list li > div { overflow:hidden; }
.inquiry_wrap .form .list li > div > div { float:left; }
.inquiry_wrap .form .input_box { 
width:calc(100% - 140px);
width:-webkit-calc(100% - 140px);
width:-moz-calc(100% - 140px);
}

.inquiry_wrap .form .input_box-1 { display:flex; }
.inquiry_wrap .form .input_box-1 input { width:200px; }
.inquiry_wrap .form .input_box figure { padding:0; margin:0; background:#e6e6e6; display:flex; align-items:center; ustify-content:center;}
.inquiry_wrap .form .input_box button { border:none; outline:none; width:60px; height:60px; cursor:pointer; }
.inquiry_wrap .form .input_box #imgCaptcha {  }

.inquiry_wrap .line_2 { overflow:hidden;}
.inquiry_wrap .line_2 > div { float:left; width:50%;}
.inquiry_wrap .email_box,
.inquiry_wrap .tel_box { font-size:0; letter-spacing:-4px;}
.inquiry_wrap .tel_box > div { display:inline-block; vertical-align:middle; 
width:calc( (100% - 24px) / 3);
width:-moz-calc( (100% - 24px) / 3);
width:-webkit-calc( (100% - 24px) / 3);
}

.inquiry_wrap .tel_box > div.dots, 
.inquiry_wrap .email_box > div.dots { text-align:center; font-size:16px; background:#f2f6fb; height:60px; line-height:60px;}


.inquiry_wrap .email_box > div { display:inline-block; vertical-align:middle; 
width:calc( (100% - 24px) / 3);
width:-moz-calc( (100% - 24px) / 3);
width:-webkit-calc( (100% - 24px) / 3);
}

.inquiry_wrap .tel_box > div.dots { width:12px; }
.inquiry_wrap .email_box > div.dots { width:24px;}

.inquiry_wrap .privacy_box, 
.inquiry_wrap input, 
.inquiry_wrap select, 
.inquiry_wrap textarea { width:100%; background:#f2f6fb; font-size:16px; padding:0 30px ; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#777c83;}
.inquiry_wrap input, 
.inquiry_wrap select { height:60px; line-height:60px; border:none;}
.inquiry_wrap textarea { text-align:left; padding:18px 30px; height:348px; border:none; resize:none;}

.inquiry_wrap .agree_chk,
.inquiry_wrap .privacy_box { padding:18px 30px; color:#777c83; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.inquiry_wrap .privacy_box { height:168px; overflow-y:scroll; }
.inquiry_wrap .agree_chk { background:#e0e7ef; position:relative; font-size:16px; }
.inquiry_wrap .agree_chk input { position:absolute; left:-9999px; height:0;}
.inquiry_wrap .agree_chk label {color:#777c83; position:relative; padding-left:30px; display:block;}
.inquiry_wrap .agree_chk label span { width:20px; height:20px; background:#fff; display:inline-block; position:absolute;  left:0;}
.inquiry_wrap .agree_chk input:checked + label span { background:url("/img/sub/chk_boxSt1.png") no-repeat center #fff;}
.inquiry_wrap .submit { text-align:center; margin-top:50px; }
.inquiry_wrap .submit input[type="submit"] { max-width:600px; margin:0 auto; background:#2653ba; color:#fff; text-align:center; border-radius:10px; font-size:24px; cursor:pointer;}



.inquiry_wrap .m_show { display:none;}
.inquiry_wrap .info { margin-top:136px; line-height:1.4;}
.inquiry_wrap .info img { width:auto; max-width:100%;}
.inquiry_wrap .info .con { overflow:hidden;}
.inquiry_wrap .info .con > div { float:left; }
.inquiry_wrap .info .con:last-child { margin-top:36px; }
.inquiry_wrap .info .con .tit:before { content:""; width:39px; height:4px; background:#4997f9; display:block; margin-bottom:18px;}
.inquiry_wrap .info .con .tit { font-size:24px; color:#393939; font-weight:700;  width:118px;}
.inquiry_wrap .tip { display:none; font-size:16px; }
.inquiry_wrap .info .con .txt_box {
width:calc(100% - 118px);
width:-webkit-calc(100% - 118px);
width:-moz-calc(100% - 118px);
}

.inquiry_wrap .info article { width:22.77691107644%; float:left; }
.inquiry_wrap .info article:nth-child(1) { margin-right:22.69890795632%;}
.inquiry_wrap .info article:nth-child(2) { margin-right:15.36661466459%;}
.inquiry_wrap .info article:nth-child(3) { width:16.38065522621%;}

.inquiry_wrap .info article:last-child { margin:0; }
.inquiry_wrap .info .input_box1 { position:relative;}
.inquiry_wrap .info .input_box1 ul { }
.inquiry_wrap .info .input_box1 ul li { float:left; width:49%; margin-right:2%;}
.inquiry_wrap .info .input_box1 ul li.len_2 { width:100%; }
.inquiry_wrap .info .input_box1 ul li.len_2 > div{ float:left; width:49%; margin-right:2%;}
.inquiry_wrap .info .input_box1 ul li.len_2 > div:last-child { margin:0; }
.inquiry_wrap .info .input_box1 ul li:last-child { margin:0; }
.m_num,
.inquiry_wrap .info .input_box1 ul li .m_tit { display:none; }
.inquiry_wrap .info .input_box1 ul li input {text-align:center; padding:0;}
.inquiry_wrap .info .input_box1 ul li input,
.inquiry_wrap .info .input_box1 ul li select { color:#393939; font-weight:700; font-size:20px;}
.inquiry_wrap .info .input_box1 ul li select { background:url("/img/sub/arr_s1.png") no-repeat 80% center #f2f6fb; padding-left:15px;
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
}
.inquiry_wrap .info .list_info { text-align:center; padding-left:100px; margin-top:200px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
.inquiry_wrap .info .list_info:before { content:""; width:100%;height:200px; background:url("/img/sub/inquiry_line.png") no-repeat right top; display:block; position:absolute; left:0; top:-200px; padding-left:100px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.inquiry_wrap .info .list_info ul {}
.inquiry_wrap .info .list_info ul li { float:left; color:#777c83; height:237px; width:19.69230769231%; border:1px solid #cecece; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-right:0.35714285714%; position:relative;}
.inquiry_wrap .info .list_info ul li:last-child { margin:0; }
.inquiry_wrap .info .list_info ul li.h_100 .tit2 { height:100%; }
.m_num,
.inquiry_wrap .info .list_info ul li .num { position:absolute; left:50%; width:40px; height:40px; top:-20px; margin-left:-20px; background:#4997f9; color:#fff; font-weight:700; font-size:20px; border-radius:50%; line-height:40px;}
.inquiry_wrap .info .val_txt {position:absolute;  left:-190px; width:430px;}

.inquiry_wrap .info .val_txt { }

.inquiry_wrap .info .val_txt p { float:left;  text-align:center; margin-right:10px; font-size:20px; font-weight:500; color:#777c83;}
.inquiry_wrap .info .val_txt p:first-child { margin-top:15px;}
.inquiry_wrap .info .val_txt p:last-child { margin:0; }
.inquiry_wrap .info .val_txt p.val { width:145px; height:56px; background:#d5e683; color:#393939; font-weight:700;  line-height:56px;}

.inquiry_wrap .info .list_info ul li .tit2 { height:102px; background:#f2f6fb; font-size:20px; font-weight:500;}
.inquiry_wrap .info .list_info ul li .tit2 p { position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.inquiry_wrap .info .list_info ul li .txt {font-size:20px; line-height:1.4; height:133px;}
.inquiry_wrap .info .list_info ul li.h_100 .tit2 > div p { top:0;
transform:translateY(0);
-moz-transform:translateY(0);
-webkit-transform:translateY(0);
-o-transform:translateY(0);
-ms-transform:translateY(0);
}
.inquiry_wrap .info .list_info ul li.h_100 .tit2 > div,
.inquiry_wrap .info .list_info ul li .txt > div {position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.inquiry_wrap .info .list_info ul li .txt p { 
}







@media screen and (max-width:1400px) {

	/*서브비주얼*/
	#subVisual { width:calc(100% - 30px); height:280px; margin:0 15px; box-sizing:border-box; padding:0 15px; }
	#subVisual img { height: 100%; }
	#lnb { display: none; }
	#cont { width:100%; margin:50px 0 90px; }
	#cont h2 { font-size:35px; }
	#cont > article { margin: 55px auto 0; width: 100%; box-sizing:border-box; padding:0 15px; }
	#cont .paging { margin-top:30px; }


	/*회사소개*/
	.greeCon .tnBox > img { width: 100%; }
	.greeCon .tnBox ul { margin-top:50px; }
	.greeCon .tnBox li { margin:0 62.5px 20px; }
	.inquiry_wrap .info .list_info ul li .tit2 { font-size:18px; padding:0 10px;}
	.inquiry_wrap .info .list_info ul li .txt { font-size:16px;}


}

@media screen and (max-width:650px) {


	/*제품정보*/
	.pdCon .list li { max-width:410px; width:100%; /* height:460px; */ margin:0 0 20px; }
	.pdCon .list li div { width:100%; height:320px; position: relative; overflow: hidden; }


	.subTit dt { font-size:35px; }
	.subTit dd { font-size:20px; }
	.subTit dd.type02{font-size:20px;}


	/*회사소개*/
	.greeCon .tnBox { margin-top:50px; }
	.greeCon .tnBox ul { margin-top:50px; }
	.greeCon .tnBox li { margin:0 20px 30px; }
	.greeCon .tnBox li div { width:180px; height:180px; }
	.greeCon .tnBox li div img { height:80px; }
	.greeCon .tnBox li p { margin-top:15px; font-size:20px; }
	.greeCon .tnBox > div { margin-top:30px; }
	.greeCon .tnBox > div p.txt { font-size:16px; line-height:150%; }
	.greeCon .tnBox > div p.sign { margin-top:30px; font-size:35px; }
	

	.inquiry_wrap .form .input_box-1 input { width:110%; }
}


.p-view{}
.p-view .top{height:auto;box-sizing:border-box;background:url("/img/sub/p-view-bg01.jpg")no-repeat center top;background-size:cover;padding-top:75px;text-align:center;font-size:0;padding-bottom:50px;}
.p-view .top .img{width:470px;height:470px;display:inline-block;vertical-align:top;margin-right:170px;}
.p-view .top .img img{width:100%;height:100%;}
.p-view .top .txt-box{display:inline-block;vertical-align:top;text-align:left;width:525px;padding-top:35px;box-sizing:border-box;}
.p-view .top .txt-box p{font-size:32px;font-weight:bold;color:#393939;position:relative;line-height:1.3;}
.p-view .top .txt-box p:after{display:block;content:"";position:absolute;left:0;bottom:-25px;width:37px;height:4px;background-color:#2653ba;}
.p-view .top .txt-box span{display:block;font-size:20px;font-weight:300;line-height:1;color:#676c73;margin-top:60px;position:relative;width:calc(100% - 82px);width:-o-calc(100% - 82px);width:-moz-calc(100% - 82px);width:-ms-calc(100% - 82px);width:-webkit-calc(100% - 82px);}
.p-view .top .txt-box span img{display:block;position:absolute;right:-82px;top:-30px; width:80px; height:80px;}
.p-view .top .txt-box em{display:block;width:100%;background-color:#e7f0f7;padding:30px;margin-top:130px;box-sizing:border-box;font-size:20px;font-weight:300;line-height:1.2;color:#676c73;}
.p-view .top .txt-box dl:first-of-type{padding-top:30px;}
.p-view .top .txt-box dl{padding-top:15px;font-size:0;text-align:left;}
.p-view .top .txt-box dl dt{display:inline-block;vertical-align:top;width:165px;font-size:20px;font-weight:bold;color:#393939;line-height:1.2;}
.p-view .top .txt-box dl dd{display:inline-block;vertical-align:top;font-size:20px;font-weight:400;color:#676c73;line-height:1.2;width:calc(100% - 165px);width:-ms-calc(100% - 165px);width:-o-calc(100% - 165px);width:-moz-calc(100% - 165px);width:-webkit-calc(100% - 165px);}
.p-view .inner{padding-top:100px;}
.p-view .inner ul{font-size:0;text-align:center;}
.p-view .inner ul li:last-of-type{margin-right:0;}
.p-view .inner ul li{display:inline-block;vertical-align:top;margin-right:50px;}
.p-view .inner ul li img{width:243px;height:243px; border: 1px solid #ddd;}
.p-view .inner ul li p{font-size:24px;font-weight:bold;color:#393939;padding-top:30px;}
.p-view > dl{padding-top:90px;padding-left:100px;}
.p-view > dl > dt{position:relative;}
.p-view > dl > dt:before{display:block;content:"";position:absolute;width:68px;height:68px;left:-90px;top:-15px;background:url("/img/sub/products-dl-before.png")no-repeat center top;background-size:cover;}
.p-view > dl > dt b{display:inline-block;vertical-align:bottom;font-size:28px;font-weight:bold;color:#393939;letter-spacing:-0.02em;margin-right:40px;line-height:1.2;}
.p-view > dl > dt span{display:inline-block;vertical-align:bottom;font-size:20px;font-weight:400;letter-spacing:-0.02em;color:#777;line-height:1.2;}
.p-view > dl > dd{padding-top:50px;}
.p-view > dl > dd img{max-width:100%;}
.p-view > dl > dd p{font-size:20px; font-weight:bold; text-align:left;padding-bottom:20px; text-align:center;}
/ *.p-view > dl > dd p span{border:2px solid #2653ba; padding:12px;color:#2653ba;} */
.p-view > dl > dd div{font-size:20px; padding:20px 0 20px 0;  line-height:1.8em; }
.p-view > dl > dd div .title{font-size:24px; border-bottom: 1px solid #b4babf; color:#393939; font-weight: bold; margin-bottom:20px;}
.p-view > dl > dd div{overflow:auto;}
.p-view > dl > dd div p{float:left;}
.p-view > dl > dd div p:nth-child(1){width:15%; font-size:20px; font-weight:bold; text-align:left;padding-bottom:40px; text-align:center; border:2px solid #2653ba; padding:36px 12px;color:#2653ba; box-sizing: border-box; margin-top:30px;}
.p-view > dl > dd div p:nth-child(2){width:85%;}
.p-view > dl > dd div p:nth-child(2) img{width:100%;}
.p-view > dl > dd table{margin-top:50px;}
.p-view > dl > dd table thead{}
.p-view > dl > dd table thead tr{}
.p-view > dl > dd table thead tr th:first-of-type{border-left:0; border-right:20px solid #fff;}
.p-view > dl > dd table thead tr th{font-size:20px;font-weight:bold;color:#393939;text-align:center;padding:25px 0;background-color:#e7f0f7;border:1px solid #b4babf;border-top:1px solid #2653ba;}
.p-view > dl > dd table thead tr th:last-of-type{border-right:0;}
.p-view > dl > dd table tbody{}
.p-view > dl > dd table tbody tr{}
.p-view > dl > dd table tbody tr td:first-of-type{border-left:0; border-right:20px solid #fff;}
.p-view > dl > dd table tbody tr td{border:1px solid #b4babf;padding:25px 0;font-size:20px;font-weight:400;color:#929292;text-align:center;}
.p-view > dl > dd table tbody tr td:last-of-type{border-right:0;}
.p-view .etc{margin-top:80px;}
.p-view .etc .inner{width:100%;padding:45px 80px 45px 50px;box-sizing:border-box;background-color:#f2f6fb;border-radius:15px;border:1px solid #e3e7ee;}
.p-view .etc .inner:after{display:block;content:"";clear:both;}
.p-view .etc .inner p{font-size:28px;font-weight:bold;color:#565f74;float:left;padding-top:20px;line-height:1.3;}
.p-view .etc .inner a{display:block;font-size:24px;font-weight:400;color:#fff;width:220px;height:65px;background-color:#2653ba;text-align:center;float:right;border-radius:15px;line-height:65px;}

@media all and (max-width:1400px){
	.p-view .top .img{margin-right:100px;}

	.tab_s1 ul li button { font-size:18px;}
	.tab_s1 ul li button:after { right:10px;}
}
@media all and (max-width:1200px){
	.p-view .top{height:auto;padding:30px 0;}
	.p-view .top .img{margin-right:0;display:block;margin:0 auto;}
	.p-view .top .txt-box{display:block;margin:0 auto;width:100%;padding:35px 30px;}

	.p-view .inner ul li:last-of-type{margin-right:0;}
	.p-view .inner ul li{width:23%;margin-right:2.6666%;}
	.p-view .inner ul li img{width:100%;height:auto;}



	/* 견적문의 */
	.inquiry_wrap .line_2 > div { width:100%; float:none; margin-bottom:16px;}
	.inquiry_wrap .line_2 > div:last-child { margin:0; }
	.tab_s1 ul li { width:49%; margin-right:2%; margin-bottom:12px;}
	.tab_s1 ul li button { padding:0 15px;}
	.tab_s1 ul li:nth-child(2n) { margin-right:0;}
	.tab_s1 ul li button { font-size:16px;}
/* 	.tab_s1 ul li { width:} */
	.inquiry_wrap .tip { display:block; margin-top:6px;}


	.inquiry_wrap .info .input_box1 ul.m_show { position:relative; display:block !important; margin-top:38px; padding:0; }
	.inquiry_wrap .info .input_box1 ul.m_show > li { margin:0; border:1px solid #d2d2d2; border-top:none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
	.inquiry_wrap .info .input_box1 ul.m_show > li:first-child { border-top:1px solid #d2d2d2;}
	.inquiry_wrap .info .input_box1 ul.m_show > li > div { width:100%; float:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.m_num,
	.inquiry_wrap .info .input_box1 ul.m_show .num { width:25px; height:25px; background:#4997f9; color:#fff; font-weight:700; font-size:16px; text-align:center; line-height:25px; border-radius:50%; position:absolute; left:20px; top:14px;}
	.inquiry_wrap .info .input_box1 ul.m_show .tit2 {background:#f2f6fb; padding:18px 0 18px 60px; line-height:1.4;}
	.inquiry_wrap .info .input_box1 ul.m_show .txt {padding:18px 0 18px 60px;}
	.inquiry_wrap .info .input_box1 ul.m_show .txt p { line-height:1.4; margin-bottom:5px;}
	.inquiry_wrap .info .input_box1 ul.m_show .txt p:last-child { margin:0;}
	.inquiry_wrap .info .val_txt { position:static; width:100%; margin-top:20px;}
	.inquiry_wrap .info .val_txt p { width:49% !important; margin-right:2%; font-size:16px; position:relative;  padding-left:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.inquiry_wrap .info .val_txt p .m_num { position:absolute; left:0; top:6px; margin-left:0; }
	.inquiry_wrap .info .val_txt p:first-child { text-align:right; margin-top:0; padding-right:27px;}
	.inquiry_wrap .info .val_txt p:last-child { margin:0; }
	.inquiry_wrap .info .val_txt p:last-child .m_num { left:-30px;}
	.inquiry_wrap .info .val_txt p.val { height:40px; line-height:40px;}
	.inquiry_wrap .info .val_txt p br { display:none; }
	.inquiry_wrap .info .tit2 br { display:none; }
	.m_w100 > div,
	.m_w100 { width:100% !important;}
	.inquiry_wrap .info .list_info:before { display:none; }
	.inquiry_wrap .info .list_info {padding-left:0; margin-top:0; width:100%; }
	.inquiry_wrap .info .list_info ul li { float:none; width:100%; padding:18px 0; height:auto; }
	.inquiry_wrap .agree_chk, .inquiry_wrap .privacy_box { padding:18px 15px;	}

	

}
@media all and (max-width:1024px){
	.p-view .etc .inner p{float:none;text-align:center;}
	.p-view .etc .inner a{float:none;margin:30px auto 0;}
	.p-view > dl{padding-left:0;}
	.p-view > dl > dt{padding-left:100px;}
	.p-view > dl > dt:before{left:0;}
	.p-view > dl > dd table thead tr th{font-size:16px;}
	.p-view > dl > dd table tbody tr td{font-size:16px;}
	.p-view .etc{padding-left:0;}
	.p-view .etc .inner{padding:30px;}
}
@media all and (max-width:640px){
	.p-view .top .img{width:70vw;height:70vw;}
	.p-view .top .txt-box p{font-size:28px;}
	.p-view .top .txt-box span{font-size:16px;}
	.p-view .top .txt-box em{font-size:16px;}
	.p-view .top .txt-box dl dt{font-size:18px;}
	.p-view .top .txt-box dl dd{font-size:18px;}

	.p-view .inner ul li p{font-size:16px;padding-top:20px;}

	.p-view > dl > dt{padding-left:60px;}
	.p-view > dl > dt:before{width:50px;height:50px;top:-8px;}

	.p-view .etc .inner p{font-size:20px;}
	.p-view .etc .inner a{font-size:18px;width:150px;height:45px;line-height:45px;}


	/* 견적문의 */
	.inquiry_wrap .form .tit { font-size:16px; width:80px; margin-right:10px;}
	.inquiry_wrap .form .input_box {
		width: calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
		width: -moz-calc(100% - 90px);
	}

	.inquiry_wrap .privacy_box, 
	.inquiry_wrap input, .inquiry_wrap select, 
	.inquiry_wrap textarea { padding:0 12px;}

	.inquiry_wrap textarea { height:240px; padding:18px 12px;}
	.inquiry_wrap .privacy_box {padding:18px 12px;}
	.inquiry_wrap .info .val_txt p { font-size:12px;}
	.inquiry_wrap .tip { font-size:14px;}
}


.hisCon{}
.hisCon > img{margin-top:75px;width:100%;}
.hisCon .box{padding-top:55px;}
.hisCon .box:after{display:block;content:"";clear:both;}
.hisCon .box article{float:left;width:50%;box-sizing:border-box;}
.hisCon .box article:last-of-type{padding-left:40px;}
.hisCon .box article:first-of-type > div:last-of-type{border-bottom:0;}
.hisCon .box article > div:first-of-type{height:235px;}
.hisCon .box article > div{position:relative;margin-left:100px;height:170px;box-sizing:border-box;padding-top:35px;border-bottom:1px dashed #bbbdc1;}
.hisCon .box article > div h3{position:absolute;left:-100px;top:35px;font-size:36px;font-weight:bold;color:#0d2866;font-family: 'Exo', sans-serif;line-height:1;}
.hisCon .box article > div ul{}
.hisCon .box article > div ul li:first-of-type{margin-top:0;}
.hisCon .box article > div ul li{position:relative;padding-left:70px;margin-top:13px;}
.hisCon .box article > div ul li h4{font-size:24px;font-weight:bold;color:#194fc9;position:absolute;left:15px;font-family: 'Exo', sans-serif;top:5px;}
.hisCon .box article > div ul li div{}
.hisCon .box article > div ul li div p:first-of-type{margin-top:0;}
.hisCon .box article > div ul li div p{font-size:20px;font-weight:300;letter-spacing:1.2;line-height:1.2;margin-top:13px;}

@media all and (max-width:1200px){
	.hisCon .box article{width:100%;}
	.hisCon .box article:last-of-type{padding-left:0;}
	.hisCon .box article:first-of-type > div:last-of-type{border-bottom:1px dashed #bbbdc1;}
	.hisCon .box article > div{height:auto !important;padding-bottom:50px;}

	.inquiry_wrap .top_txt { margin-bottom:40px;}
	.inquiry_wrap .form { margin-top:37px; }

	.inquiry_wrap .top_txt dl { padding:120px 0 0 0;}
	.inquiry_wrap .top_txt dl dt { font-size:26px;}
	.inquiry_wrap .top_txt dl dd { font-size:20px;}



	.inquiry_wrap .info .con { margin-bottom:54px; }
	.inquiry_wrap .info .con:last-child { margin:0;}
	.inquiry_wrap .info .con > div { float:none; width:100% !important;}
	.inquiry_wrap .info .con .tit { margin-bottom:24px;}
	.inquiry_wrap .info .con .m_scroll { overflow:hidden; overflow-x:scroll;}
	.inquiry_wrap .info .con .m_scroll img { min-width:1200px}
	.inquiry_wrap .info .con:nth-child(1) .txt_box { border:1px solid #ddd; padding:22px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.m_hide { display:none !important;}
	.m_show { display:inline-block !important;}

	.inquiry_wrap .info .input_box1 ul li input,
	.inquiry_wrap .info .input_box1 ul li select { font-size:14px; height:40px; line-height:40px; text-align:left; padding-left:20px;}
	.inquiry_wrap .info .input_box1 ul li select { background-position:96% center !important;}
	.inquiry_wrap .info .input_box1 ul li .m_tit { display:block; background:#d5e683; text-align:center; height:40px; color:#333; font-size:16px; font-weight:700; position:relative;}
	.m_num { display:block; }
	.inquiry_wrap .info .input_box1 ul li .m_tit .m_num {position:absolute; left:-35px; top:6px;}
	.inquiry_wrap .info .input_box1 ul { padding-left:55px;}
	.inquiry_wrap .info .input_box1 ul.pd_0 { padding:0; }
	.inquiry_wrap .info .input_box1 ul li { width:100%; float:none; }
	.inquiry_wrap .info .input_box1 ul li:after { content:""; display:block; clear:both;}
	.inquiry_wrap .info .input_box1 ul li > div { float:left; width:49%; margin-right:2%; line-height:40px;}
	.inquiry_wrap .info .input_box1 ul li > div:last-child { margin:0; }
	.inquiry_wrap .info .input_box1 ul li { margin-bottom:20px; }
	.inquiry_wrap .info .input_box1 ul li:last-child { margin:0; }
	.inquiry_wrap .info article { width:100% !important; margin-right:0 !important; margin-bottom:48px; float:none;}
	.inquiry_wrap .info article:last-child { margin:0; }

	.tab_s1 ul li select, .tab_s1 ul li button { padding:0 15px; font-size:16px;}
	.inquiry_wrap .info { margin-top:60px;}
	.inquiry_wrap .info .con .tit { font-size:22px;}
}

@media all and (max-width:767px){

}

@media all and (max-width:640px){
	.hisCon .box article > div{margin-left:0;}
	.hisCon .box article > div h3{position:relative;left:auto;top:auto;margin-bottom:10px;}
	.hisCon .box article > div ul li{padding-left:50px;}
	.hisCon .box article > div ul li h4{left:0;}


	.tab_s1 ul li button { font-size:14px;}
}

.group{}
.group > img{margin-top:110px;width:100%;}


.location{}
.location .inner:after{display:block;content:"";clear:both;}
.location .inner .left{float:left;}
.location .inner .right{float:right;}

.location .inner .left > p{font-size:40px;font-weight:300;line-height:52px;color:#363636;padding-bottom:50px;border-bottom:1px solid #363636;}
.location .inner .left > p b{font-weight:bold;}
.location .inner .left dl:first-of-type{margin-top:50px;}
.location .inner .left dl{margin-top:20px;font-size:0;text-align:left;}
.location .inner .left dl dt{font-size:20px;font-weight:bold;color:#363636;font-family: 'Exo', sans-serif; display:inline-block;vertical-align:top;width:135px;}
.location .inner .left dl dd{display:inline-block;vertical-align:top;font-size:20px;font-weight:300;line-height:40px;color:#777c83;position:relative;top:-11px;}
@media all and (max-width:1400px){
	.location .inner .right{float:none;}
	.location .inner .right img{width:100%;}
	.location .inner .left{float:none;margin-top:50px;}
}
@media all and (max-width:640px){
	.location .inner .left > p{font-size:30px;}
	.location .inner .left dl dt{display:block;}
	.location .inner .left dl dd{display:block;padding-top:15px;}
	.tab_s1 ul li select, .tab_s1 ul li button { padding:0 10px; font-size:14px;}
}

.tech{}
.tech ul{font-size:0;text-align:left;}
.tech ul li:nth-of-type(4n){margin-right:0;}
.tech ul li{display:inline-block;vertical-align:top;width:23%;margin-right:2.6666%;margin-bottom:60px;}
.tech ul li .img{width:100%;border:1px solid #d1d1d1;box-sizing:border-box; text-align:center;}
.tech ul li .img img{ max-height:280px;}
.tech ul li p{font-size:24px;font-weight:500;line-height:1.3;color:#393939;padding-top:35px;}
.tech ul li span{display:block;font-size:20px;font-weight:300;line-height:1.3;padding-top:5px;color:#808080;}
@media all and (max-width:1024px){
	.tech ul li{width:32%;margin-right:1.3333%;}
	.tech ul li:nth-of-type(4n){margin-right:1.3333%;}
	.tech ul li:nth-of-type(3n){margin-right:0;}
}
@media all and (max-width:700px){
	.tech ul li{width:48%;margin-right:4%;}
	.tech ul li:nth-of-type(4n){margin-right:4%;}
	.tech ul li:nth-of-type(3n){margin-right:4%;}
	.tech ul li:nth-of-type(2n){margin-right:0;}
}

p.list-title{font-size:40px;font-weight:bold;color:#2b2d31;text-align:center;padding:0 10px 55px 10px; line-height:1.4em; box-sizing:border-box;}

#catalog_pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:100000;display:none;}
#catalog_pop .bg { background:rgba(0,0,0,0.6); position:absolute; left:0; top:0; width:100%; height:100%; }
#catalog_pop .img { width:90%; max-width:400px; z-index:10; position:absolute; left:50%; top:50%;
transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}
#catalog_pop .img img { width:auto; max-width:100%;}
#catalog_pop .close_btn { position:absolute; right:0; top:-30px;}
#catalog_pop .close_btn button { width:20px; height:20px; border:none; background:url("/img/sub/close_btn_s1.png") no-repeat center; cursor:pointer;}

@media all and (max-width:768px){
	p.list-title{font-size:30px;}
}

.input_box { display: flex; width: 100%; }
.input_box.fitBox { width: 140px; height: 40px; flex-shrink: 0; }
.input_box button { width: 40px; height: 40px; background: #ddd; display: flex; justify-content: center; align-items: center; flex-shrink: 0; margin-right: 10px; }