.sub_con .in{max-width:1400px; }

.sub_vi {width:100%; display:inline-block; text-align:center; box-sizing:border-box; height:450px; position:relative;display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; padding-top:80px;}
.sub_vi1 {background:url('/common/img/sub_vi1.png') no-repeat center / cover , rgba(0, 0, 0, 0.4);background-blend-mode: multiply;}
.sub_vi2 {background:url('/common/img/facility3.png') no-repeat center / cover , rgba(0, 0, 0, 0.3);background-blend-mode: multiply;}
.sub_vi3 {background:url('/common/img/facility1.png') no-repeat center / cover , rgba(0, 0, 0, 0.4);background-blend-mode: multiply;}
.sub_vi4 {background:url('/common/img/facility2.png') no-repeat bottom center / cover , rgba(0, 0, 0, 0.2);background-blend-mode: multiply;}
.sub_vi5 {background:url('/common/img/quick2.png') no-repeat center / cover , rgba(0, 0, 0, 0.3);background-blend-mode: multiply;}
.sub_vi h2{font-size:4em; color:#fff; font-family: 'NPSfontBold';}


.sub_menu{width: 100%; margin-top:40px;}
.sub_menu ul{display:flex;  justify-content:center;width:100%; max-width:1400px;margin:0 auto; box-sizing:border-box; }
.sub_menu li{flex1;}
.sub_menu a{display:inline-block; padding:15px 45px; box-sizing:border-box; font-size:1.2em; font-weight:600; color:var(--main_c); letter-spacing:0; border-radius:50px; color:#ccc;}
.sub_menu a.ov{color:#fff; background:var(--main_c); }

.sub_con section{margin:100px 0;}
h3.guide{font-size:3.2em; margin-bottom:40px; font-family: 'NPSfontBold';}

@media (max-width: 900px) { 
	.sub_vi{height:300px; padding-top:70px;}
	.sub_vi h2{font-size:2.6em;}
	.sub_menu{overflow-x:auto;}
	.sub_menu ul{justify-content: flex-start;}
	.sub_menu a{padding: 12px 20px; font-size:1em; white-space:nowrap;}

	.sub_con section{margin:50px 0;}
	h3.guide{font-size:2em; margin-bottom:30px;}
}



.company01 .wrap{display:flex; gap:30px;}
.company01 .imgbox{width:50%;}
.company01 .imgbox img{width:100%; border-radius:30px;}
.company01 .txtbox{width:50%;}
.company01 .txtbox h5{font-size:1.5em; font-weight:600; color:#777; line-height:1.6; margin-bottom:20px;     font-family: 'NPSfontBold';}
.company01 .txtbox p{font-size:1.1em; line-height:1.7;}
.company01 .txtbox span{font-weight:700;  font-family: 'NPSfontBold'; color:#777;}
.company01 .txtbox span.blue{color:var(--main_c); font-weight:700;  font-family: 'NPSfontBold';}
.company01 .txtbox b{color:var(--main_c2); font-weight:600; font-family: 'NPSfontBold'}

@media (max-width: 900px) { 
	.company01 .wrap{flex-direction:column;}
	.company01 .imgbox{width:100%;}
	.company01 .txtbox{width:100%; font-size:.9em;}
	.company01 .txtbox h5{font-size:1.3em;}
	.company01 .txtbox h5 br{display:none;}

}
.company02 .wrap{display:flex; gap:20px; align-items: start;}
.company02 .txtbox{width:50%;}
.company02 .txtbox li{display:flex; gap:30px; margin-bottom:17px; padding-bottom:17px; line-height:1.6; font-size:1.2em; border-bottom:1px solid #ddd; box-sizing:border-box;}
.company02 .txtbox li:first-child{border-top:1px solid #ddd; padding-top:17px;}
.company02 .txtbox li:last-child{margin-bottom:0; }
.company02 .txtbox b{color:var(--main_c); font-weight:600; flex-shrink:0; min-width:60px;}
.company02 .txtbox p{font-weight:300;}

.iconbox{display:flex; gap:20px; width:50%; flex-wrap:wrap;}
.iconbox li{width:calc(50% - 10px); display:flex; gap:10px; background:#eee; padding:30px; box-sizing:border-box; font-size:1.3em; align-items:center; font-weight:600;}
.iconbox i{background:linear-gradient(270deg, rgba(7, 49, 144, 1) 0%, rgba(205, 16, 46, 1) 100%); color:#fff;; box-sizing:border-box; border-radius:50%; font-size:1.2em; width:60px; height:60px; line-height:60px; text-align:center; flex-shrink: 0;}
.product04 .iconbox{width:100%; flex-wrap:nowrap; margin-bottom:30px;}
.product04 .iconbox li{padding:20px;}

@media (max-width: 900px) { 
	.company02 .wrap{flex-direction:column;}
	.company02 .txtbox{width:100%;}
	.company02 .txtbox li{font-size:1em;}
	.iconbox{width:100%;}
	.iconbox li{font-size:1em; padding:15px;}
	.iconbox i{width:50px; height:50px; line-height:50px;}
	.product04 .iconbox{flex-wrap:wrap; }
}
.company03	 .wrap {max-width:1100px; margin:0 auto; background:#f5f5f5; padding:50px; box-sizing:border-box; position:relative;}
.company03	 .wrap > div{display:flex; gap:60px;}
.company03	 h5{font-size:3em; line-height:1;     background: linear-gradient(270deg, rgba(7, 49, 144, 1) 0%, rgba(205, 16, 46, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; letter-spacing:-1px; min-width:150px;}
.company03	 ul{position:relative; padding-bottom:60px; box-sizing:border-box;}
.company03	 ul::before{position:absolute; top:0; left:-30px; content:''; width:2px; height:100%; background:#ddd;}
.company03 .wrap > div:last-of-type ul{padding-bottom:0;}
.company03	 li{position:relative; display:flex; gap:10px; font-size:1.1em; line-height:1.5; margin-top:7px;}
.company03	 li:first-child{margin-bottom:0;}
.company03 li::before{position:absolute; top:8px; left:-33px; content:''; width:10px; height:10px; background: linear-gradient(270deg, rgba(7, 49, 144, .9) 0%, rgba(205, 16, 46, .9) 100%); border-radius:50%;}
.company03 span{font-weight:600;}
.company03 .bg0 {
    position: absolute;
    bottom:-10px;
    right: 0;
    font-weight: 800;
    color: #fff;
    font-size: 8em;
    line-height: .8;
    letter-spacing: 0;
	text-align:right;
    font-family: "Montserrat", sans-serif;
}

@media (max-width: 900px) { 
	.company03 .wrap{padding:20px;}
	.company03 .wrap > div{flex-direction:column; gap:5px; align-items: flex-start;}
	.company03 h5{font-size:2em; min-width:auto;}
	.company03 ul{padding-bottom:0; margin-bottom:40px;}
	.company03 li{font-size:1em; }
	.company03 ul::before{display:none;}
	.company03 li::before{display:none;}
	.company03 .bg0 {display:none;}
	.company03 .wrap > div:last-child ul{margin-bottom:0;}
}

  
.company04 article{
	position: relative;
    box-sizing: border-box;
    width: 100%;
    background: #f9f9f9;
    padding: 60px 40px;
}
.company04 article::before {
    background: url(/common/img/logo_icon.png) no-repeat 0 0 / contain;
    content: '';
    position: absolute;
    left: 5%;
    top: 5%;
    width: 525px;
    height: 357px;
    opacity: .05;
}

.company04 article .box_wrap  {position:relative; z-index:9; display:flex; flex-wrap:wrap; justify-content : space-between; align-items:flex-start; margin-top:60px; }
.company04 article .box_wrap div {width:23%; text-align:center; }
.company04 article .box_wrap p.b {
    width: 100%;
    border-top: 3px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(270deg, rgba(7, 49, 144, 1) 0%, rgba(205, 16, 46, 1) 100%) border-box;
    font-size: 1.3em;
    font-weight: 500;
    padding: 20px 10px;
    box-sizing: border-box;
    box-shadow: 1px 0px 6px 0px rgb(0 0 0 / 20%);
}

.company04 article .box_wrap p.s {width:100%;  background-color:#eee;  margin-top:10px; line-height:50px;   font-size:1.1em; font-weight:500; color:#666;}

.company04 article  .box1 {width:22%; text-align:center;     background: linear-gradient(180deg, rgb(235 206 173), rgb(175 131 91)); line-height:80px; color:#fff; margin-left:26%;  font-weight:600; position:relative; z-index:9; 
    font-size: 1.4em;
    font-weight: 600;
    position: relative;
    z-index: 9;
    background: linear-gradient(270deg, rgba(7, 49, 144, 1) 0%, rgba(205, 16, 46, 1) 100%);
    color: #fff;
    transition: all 0.3s ease-out;
}
.company04 article .box1:after {
	content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: inline-block;
    border: 1px solid #fff;
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
}

.company04 article  .box1 span{color:#fff}
.company04 article  .type2 {margin-top:80px;}
 
.company04 article .line_x {width:52%; height:1px; background-color:#aaa; display:inline-block; position:absolute; left:11%; top:330px}
.company04 article .line_x:nth-of-type(2) {width:49%; height:1px;  left:auto; right:14%; top:180px;}
.company04 article .line_y {width:1px; height:50px;  background-color:#aaa; display:inline-block; position:absolute;  top:330px}
.company04 article .line_y:nth-of-type(1) {left:11%;}
.company04 article .line_y:nth-of-type(2) {left:37%; top:140px; height:250px}
.company04 article .line_y:nth-of-type(3) {right:37%;}
.company04 article .line_y:nth-of-type(4) {right:14%; height:180px; top:180px;}

@media all and (max-width:900px) {
	.company04 article{padding:60px 0; background:none; font-size:.9em; padding-top:30px;}
	.company04 article::before{width:90%; height:90%;}
	.company04 article .box1{width:50%; margin-left:25%;}
	.company04 article  .type2 {margin-top:40px;}
	.company04 article .box_wrap div {width:32%; text-align:center; }
	.company04 article .box_wrap div:nth-child(n + 4) {margin:0 auto; margin-top:40px; width:100%;}

	.company04 article .line_x {width:80%; left:10%; top:260px}
	.company04 article .line_x:nth-of-type(2){display:none;}
	.company04 article .line_y:nth-child(1) {left:10%; top:260px}
	.company04 article .line_y:nth-child(2){left:50%; height:250px; top:70px;}
	.company04 article .line_y:nth-child(3){right:10%; top:260px}
	.company04 article .line_y:nth-child(4){display:none;}
	.company04 article .line_y:nth-child(5) {right:10%;}

 }		

.company05 .wrap{display:flex; gap:20px;}
.company05 .wrap > div{width:50%;}
.company05 iframe{width:100%; height:300px; display:block;}
.company05 .info{padding:20px; box-sizing:border-box; border:1px solid #ddd; border-top:none;}  
.company05 .info h4{background:var(--main_c); color:#fff; display:inline-block; font-weight:500;  padding:10px 15px; box-sizing:border-box;} 
.company05 .info > p{margin:10px 0 15px 0;} 
.company05 ul{display:flex; gap:30px; }  
.company05 li{display:flex; gap:5px;}  
.company05 b{font-weight:600;}  

@media all and (max-width:1400px) {
	.company05 .info > p{margin-bottom:20px;}
	.company05 ul{flex-direction:column; gap:10px;}
}
@media all and (max-width:900px) {
	.company05 .wrap{flex-direction:column;}
	.company05 .wrap > div{width:100%;}
}

.product01 .wrap{display:flex; gap:30px; flex-wrap:wrap;}
.product01 dl{width:calc(50% - 15px); border:1px solid #ddd; box-sizing:border-box; display:flex; align-items:start;     border-top: 4px solid transparent;
background: linear-gradient(#fff, #fff) padding-box, linear-gradient(270deg, rgba(7, 49, 144, 1) 0%, rgba(205, 16, 46, 1) 100%) border-box;
}
.product01 dt{width:45%; padding-top:35%;}
.product01 dd{padding:20px; box-sizing:border-box; width:55%;}
.product01 h6{font-size:1.4em; font-weight:600; }
.product01 p{font-size:1.1em; margin-top:5px;}
.product01 ul{margin-left:20px; margin-top:15px;}
.product01 li{font-size:1em; margin-top:5px; list-style:disc; line-height:1.4;}

@media (max-width: 900px) { 
	.product01 dl{width:100%; flex-direction:column;}
	.product01 dt{width:100%; padding-top:60%;}
	.product01 dd{font-size:.8em; padding:10px; width:100%;}
	.product01 h6{font-size:1.3em;}
}

.product03{position:relative;}
.product03::before{content:'';position:absolute; top:93px; left:0; width:100%; height:calc(100% + 193px); background:url('/common/img/bg_w.png') no-repeat center bottom / cover; z-index:-1;}
.product03 ul{text-align:center; padding-top:60px; box-sizing:border-box;}
.product03 li{width:25%; margin:0 auto; }
.product03 img{width:100%; padding:10px; box-sizing:border-box; border: 3px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(270deg, rgba(7, 49, 144, 1) 0%, rgba(205, 16, 46, 1) 100%) border-box;}
.product03 p{margin-top:20px; font-size:1.1em; font-weight:500; line-height:1.5;}

@media (max-width: 900px) { 
	.product03 li{width:100%; }
}

.product04 .in{max-width:1200px;}
.level{display:flex; flex-wrap:wrap; gap:20px; }
.level li{border-radius:10px; position:relative; box-sizing:border-box; padding:20px 30px;  font-size:1.15em;font-weight:500; width:calc(20% - 16px); text-align:center; border:1px solid #ccc;}
.level li::after{
	content: '→';
    position: absolute;
    right: -30px;
    top: calc(50% - 20px);
    width: 40px;
    line-height: 40px;
	background: linear-gradient(270deg, rgba(7, 49, 144, .9) 0%, rgba(205, 16, 46, .9) 100%);
	background: #eee;
    color: #333;
	box-sizing:border-box;
    text-align: center;
    border-radius: 50%;
    z-index: 99;
    font-weight: 800;
}
.level li:last-child::after{display:none}

@media (max-width: 900px) { 
	.level li{width:calc(50% - 20px); font-size:1em;}
	.level li::after{width:30px; line-height:30px; top: calc(50% - 15px); font-size:.9em;}
}




.sub_con .tb_wrap{ overflow:auto;}
.sub_con table{width:100%; border-collapse: collapse;  border-top: 5px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(270deg, rgba(7, 49, 144, 1) 0%, rgba(205, 16, 46, 1) 100%) border-box;}
.sub_con th, .sub_con td{padding:15px 10px; box-sizing:border-box; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;    line-height: 1.5;     word-break: keep-all;}
.sub_con th{background:#f6f6f6; font-weight:600; padding:20px 10px; font-size:1.1em; }

@media screen and (max-width:900px) {
	.sub_con table{font-size:.8em; min-width:450px;}
	.sub_con th, .sub_con td{padding:7px; }
	.sub_con th{font-size:1em; padding:10px;}
	
}

.graph {margin-top:40px;}


.none_list{background:#f0f0f0; padding:15px; box-sizing:border-box; text-align:center;}
.gallery .in > div{display:flex; gap:20px; flex-wrap:wrap;}
.gallery dl{width:calc(25% - 15px); border:1px solid #ddd; box-sizing:border-box;}
.gallery dt{width:100%; height:13vw; cursor:pointer; position:relative; overflow:hidden;}
.gallery dd{font-size:1.2em; font-weight:600; padding:15px; box-sizing:border-box; border-top: 4px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(270deg, rgba(7, 49, 144, 1) 0%, rgba(205, 16, 46, 1) 100%) border-box;}
.gallery dt::after{content:'';width:100%;height:100%; background: linear-gradient(270deg, rgba(7, 49, 144, 70%) 0%, rgba(205, 16, 46, 70%) 100%); position:absolute; bottom:-100%; left:0; transition: all .5s ease;z-index:9;}
.gallery dt:hover::after {transition: all .5s ease; bottom:0; content: '\f065'; display: flex;  align-items: center;  justify-content: center; font-family:"Font Awesome 6 Free"; font-weight: 600; color:#fff; font-size:3em;}

@media (max-width: 900px) { 
	.gallery dl{width:calc(50% - 10px); }
	.gallery dt{height:35vw;}
	.gallery dd{font-size:.9em;}
	.gallery dt:hover::after {font-size:2em;}
}



/*페이지*/
.page {text-align:center; width:100%; margin-top:60px; display:inline-block; }
.page ul { width:100%; display:flex; align-items:center; justify-content:center; }
.page a {display:inline-block; 	text-decoration:none; vertical-align:middle;   color:#999; text-align:Center; font-size:1.2em; margin:0 8px;}
.page a.ov  {color:var(--main_c); font-weight:600; }
.page i{color:#999;}


@media screen and (max-width:900px) {
	.page a{font-size:1em; }

}

/* 제품문의 */
.sub_con .contact .in{max-width:1000px;}
.write {width:100%; display:flex;  justify-content:space-between; flex-wrap:wrap; border-top: 3px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(270deg, rgba(7, 49, 144, 1) 0%, rgba(205, 16, 46, 1) 100%) border-box; }
.write li input[type="file"]{font-size:1em;}
.write input[type="radio"]{width:20px; height:20px;}
.write li { width:100%;  display:flex; align-items:center;  padding:15px ; box-sizing:border-box; background:#f9f9f9;}
.write li.col-2 {width:50%}
.write li.right p  {padding-left:30px; }
.write li p {width:130px; font-size:1.1em; font-weight:600; color:#333} 
 .write li  input[type="text"] {width: calc(100% - 130px);
    height: 38px;
    font-size:1em;
    border-radius: 5px;
    text-indent: 10px;  
	box-sizing:border-box; 
	border:1px solid #bbb;
}

.write li  select { 
    height: 38px; padding-right:5px;
    font-size:1em;
    border-radius: 5px;
    padding-left: 5px; box-sizing:border-box; 
	border:1px solid #bbb;
	
}
.write li textarea {width: calc(100% - 130px); 	border:1px solid #bbb;}

.write li.phone div{width: calc(100% - 130px);display:flex;align-items:center}
.write li.phone select {width:40%}
.write li.phone span {margin:0 5px}

.write li.mail  div {width: calc(100% - 130px); display:flex; align-items:center}
.write li.mail  input[type="text"] {width:20%;}
.write li.mail span {margin:0 5px}
.write li.mail select {margin-left:5px}

.write li.tell  input[type="text"] {width:30%;}

 @media screen and (max-width:800px) {
	.write li {width:100%;  flex-wrap:wrap;}
	.write li.col-2 {width:100%; flex-wrap:wrap;}
	.write li.right p  {padding-left:0}
	.write li p {width:100%; margin-bottom:5px} 
	.write li  input[type="text"] {width:100%}

	.write li.phone div{width: 100%}
	.write li.phone select {width:auto}
	.write li.mail  input[type="text"] {width:50%;}
    .write li textarea {width:100%; height:150px !important }

	.write li.mail  div {width:100%;  }

} 

@media screen and (max-width:600px) {
	.write li.mail div{ flex-wrap:wrap}
	.write li.mail input[type="text"] {width: calc(50% - 13px);}
    .write li.mail select{margin:10px 0 0 0;width:100%;}
 }

.textarea1 {
    font-size: 0.95em;
    line-height: 1.4em;
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 15px;
}


 .privacy_check {
	width: 100%;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    background-color: #f9f9f9;
    text-align: center;
    font-size: 1em;
    color: #666;
	font-weight:600
}

.inquiry h4{font-size:1.3em; font-weight:500;}
.privacy_check label	{display: flex; align-items: center; gap: 5px; justify-content: center;}
.privacy_check input {vertical-align:middle;width:17px;height:17px;}
.check input[type=checkbox]{width:20px;height:20px;margin-right:3px}


.contact .m_btnbox{text-align:center; display:inline-block; width:100%; margin-top:60px;}
.contact .m_btn{font-size:1.2em; cursor:pointer; padding:15px 55px; }