/* ===================================================
  sub파일 :
			0. policy	- privacy
						- use

			1. solution - zeroenergy
						- remotecontrol
						- monitoring

			2. product	- wrieless
						- software

			-> board .css
			3. contact  - notice
						- inquiry

			4. company  - history
						- location



======================================================*/

*{font-family:var(--prefont);}


/* ===================================================

	PC ver (1000px 이상)

======================================================*/

@media screen and (min-width:1001px){

/* ===================================================
  sub 페이지 공통
======================================================*/
.sub_visual{width: 100%;height: 640px;}
.sub_visual.solution{background:url(/images/sub/solution_bg.png) no-repeat;background-size:cover;position:relative;}
.sub_visual.product{background:url(/images/sub/product_bg.png) no-repeat;background-size:cover;position:relative;}
.sub_visual.contact{background:url(/images/sub/contact_bg.png) no-repeat;background-size:cover;position:relative;}
.sub_visual.company{background:url(/images/sub/company_bg.png) no-repeat;background-size:cover;position:relative;}
.sub_visual.policy{background:url(/images/sub/contact_bg.png) no-repeat;background-size:cover;position:relative;}


.sub_title{color:#fff;font-family:var(--montfont);font-size:48px;font-weight:600;}

.sub_title_area{position:absolute;top:300px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:Center;}

.sub_info{display:flex;font-size:18px;color:#fff;margin-top:20px;}
.sub_info p{padding:0 20px;}
.sub_info p:nth-child(2){position:relative;}
.sub_info p:nth-child(2)::before{content:'>';position:Absolute;top:35%;transform:translateY(-50%);left:-5px;color:#fff;}
.sub_info p:nth-child(2)::after{content:'>';position:Absolute;top:35%;transform:translateY(-50%);right:-5px;color:#fff;}

.sub_info p a{color:#fff;}


.sub_tab{width: 100%;height:70px;line-height:70px;background:rgba(0,0,0,60%);position:absolute;bottom:0;display:flex;justify-content:center;}
.sub_tab li{margin:0 50px;}
.sub_tab li a{display:block;height:100%;font-size:20px;font-weight:500;color:#c3c3c3;padding:0 20px;}
.sub_tab li.on{border-bottom:2px solid #fff;}
.sub_tab li.on a{color:#fff;}


.sub{width: 100%;}
.sub .section{padding: 120px 15px;}
.sub .section3--inquiry {padding:70px 15px;}

.sub_in{width: 100%;max-width:1280px;margin:0 auto}

.sub .sub_name{font-size:36px;font-weight:600;text-align:center;color:#181818;}

.section .sub_in .title1{font-size:28px;font-weight:600;color:#181818;text-align:center;}
.section .sub_in .title2{font-size:20px;font-weight:500;color:#565656;text-align:center;margin-top:10px;}



/* ===================================================

  0. policy - privacy / use

======================================================*/

.policy .sub_info p:nth-child(2)::after{display:none;}
.policy .section1 .policy_in{width: 100%;min-height: 500px;border:1px solid #ababab;margin-top:75px;padding:20px 15px 50px 15px;}
.policy .section1 .policy_in p{font-size:16px;}




/* ===============================================================

  1. solution - zeroenergy / remotecontrol / monitoring

==================================================================*/

.solution .section1_ul li{display:flex;justify-content:space-between;margin-top:80px}
.solution .section1_ul .img_box img{width: 100%;border-radius:20px;}

.solution .section1 ul li .txt_box{width: 50%;display:flex;flex-direction:column;justify-content:center;}
.solution .section1 ul li .txt_box .title{font-size:28px;font-weight:600;margin-bottom:16px;}

.solution .section1 ul li .txt_box .con p{font-size:20px;line-height:32px;position:relative;padding-left:24px;}
.solution .section1 ul li .txt_box .con p::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #0d89cd;
											position:absolute;top:10px;left:0;}
.solution .section1 ul li .txt_box .con p span{display:inline-block;font-weight:500;position:relative;}
.solution .section1 ul li .txt_box .con p span::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;}

.solution .section1 ul li .none2{display:none;}

.solution .section1 ul li .txt_box .link_box{width: 100%;background:#ededed;margin:20px 0;border-radius:8px;padding:13px 15px;padding-right:70px;}
.solution .section1 ul li .txt_box .link_box p{font-size:18px;color:#5b5b5b;position:Relative;padding-left:16px;line-height:23px;}
.solution .section1 ul li .txt_box .link_box p::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;position:absolute;top:0px;left:0;}

.solution .section1 ul li .txt_box .link_box p a{display:inline-block;color:#222be8;font-size:18px;line-height:20px;position:Relative;}
.solution .section1 ul li .txt_box .link_box p a::after{content:'';position:absolute;bottom:-3px;left:0;width: 100%;height:1px;background:#222be8;}

.solution .section1 ul li:nth-child(2n+1) .txt_box{padding-left:40px;}
.solution .section1 ul li:nth-child(2n) .txt_box{padding-right:70px;}


.solution .section1 ul li:last-child .link_box p::before{display:none;}

.solution .section2{background:url(/images/sub/subbg1.png) no-repeat #fafafa;background-position:bottom 40px right 40px;}

.solution .section2 .title1{margin-bottom:70px;}

.solution .section2 .detail{color:#181818;font-size:24px; font-weight: 600; position:relative;padding-left:16px;margin-bottom:20px;}
.solution .section2 .detail::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #0d89cd;
											position:absolute;top:50%;left:0%;transform:translateY(-50%);}



.solution .section2 ul{display:flex;flex-wrap:wrap;gap:2.6%;margin-bottom:20px;}
.solution .section2 ul li{width:31.5%;margin-bottom:20px;}
.solution .section2 ul li img{width:100%;border-radius:15px;}
.solution .section2 ul li .txt{font-size:24px;font-weight:600;margin-top:15px;text-align:center;}

.solution .section3 ul{display:flex;justify-content:center;justify-content:space-evenly;margin-top:70px}
.solution .section3 ul li{width: auto;}
.solution .section3 ul li .txt{font-size: 20px;font-weight:600;color:#181818;margin-top:30px;text-align:center;}




/* ===========================================

  2. product - wireless / software

==============================================*/

.product .section1 ul li{margin-top:80px;}
.product .section1 ul li .txt_box .title{font-size:28px;font-weight:600;margin-bottom:16px;}

/* .product .section1 ul li .txt_box .con{width: 100%;background:#ededed;padding:36px 40px 40px 40px;border-radius:15px;
										display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:40px;} */

.product .section1 ul li .txt_box .con{width: 100%;background:#ededed;padding:36px 40px;border-radius:15px; display:flex;flex-wrap:wrap;margin-top:40px; justify-content: space-between;}
.product .section1 ul li .txt_box .con p{width:48%;font-size:20px;line-height:32px;position:relative;padding-left:24px;color:#181818;}
.product .section1 ul li .txt_box .con p::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #0d89cd;
											position:absolute;top:10px;left:0;}

.product .section1 ul li .txt_box .con p span{}

.product .section1 ul li:first-child .txt_box:last-child .con{padding: 36px 40px;}
.product .section1 ul li:first-child .txt_box:last-child .con p{width: 100%;}
.product .section1 ul li .txt_box .con .none2{display:none;}

.product .section1 ul li .txt_box_style .con p{width:48% !important;}

.product .section2{padding-top:0;}


.product .section2--custom .detail{color:#181818;font-size:28px; font-weight: 600; position:relative;padding-left:16px;margin-bottom:40px; text-align: left;}
.product .section2--custom .detail::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #6fba1b;
											position:absolute;top:50%;left:0%;transform:translateY(-50%);}

.product .section2 .sub_in{text-align:center;}
.product .section2 .sub_in img{width: 100%;}

.product .section3{background:url(/images/sub/subbg1.png) no-repeat #fafafa;background-position:bottom 40px right 40px;}
.product .section3 .sub_in{}
.product .section3 .title1{text-align:left;margin-bottom:40px;}

.product .section3 table{width: 100%;color:#202020;}
.product .section3 table thead{background:#0068b7;color:#fff;font-size:20px;font-weight:600;}
.product .section3 table thead tr th{padding:10px 0;}

.product .section3 table tbody tr td{padding:16px 0;}
.product .section3 table tbody .title{width: 20%;color:#fff;font-size:18px;background:#4c95cc;text-align:center;}
.product .section3 table tbody .con{padding-left:45px;padding-right:45px;background:#e4eff7;font-size:18px;}
.product .section3 table tbody .con .none2{display:none;}

.product .section4 .title1{text-align:left;margin-bottom:40px;}
.product .section4 .sub_in img{width:100%;}





/* ===================================================

  4. company - history / location

======================================================*/

.company .section1_ul li{display:flex;justify-content:space-between;margin-top:80px}
.company .section1_ul .img_box img{width: 100%;border-radius:20px;}

.company .section1 ul li .txt_box{width: 50%;display:flex;flex-direction:column;justify-content:center;}
.company .section1 ul li .txt_box .title{font-size:48px;font-weight:600;margin-bottom:20px;color:#181818;}

.company .section1 ul li .txt_box .con p{font-size:20px;line-height:32px;position:relative;padding-left:24px;color:#181818;}
.company .section1 ul li .txt_box .con p::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #0d89cd;
											position:absolute;top:10px;left:0;}
.company .section1 ul li .txt_box .con p span{display:inline-block;font-weight:500;position:relative;}
.company .section1 ul li .txt_box .con p span::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;}

.company .section1 ul li .none2{display:none;}

.company .section1 ul li .txt_box .link_box{width: 100%;background:#ededed;margin-top:40px;border-radius:8px;padding:13px 15px;padding-right:80px;}
.company .section1 ul li .txt_box .link_box p{font-size:18px;color:#5b5b5b;position:Relative;padding-left:16px;}
.company .section1 ul li .txt_box .link_box p::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;position:absolute;top:0px;left:0;}

.company .section1 ul li .txt_box .link_box p a{display:inline-block;color:#222be8;font-size:18px;line-height:20px;position:Relative;}
.company .section1 ul li .txt_box .link_box p a::after{content:'';position:absolute;bottom:-3px;left:0;width: 100%;height:1px;background:#222be8;}

.company .section1 ul li:nth-child(2n+1) .txt_box{padding-left:40px;}
.company .section1 ul li:nth-child(2n) .txt_box{padding-right:70px;}


.company .section2 .map_area{width: 100%;height: 540px;background:skyblue;margin-top:110px;}
.company .section2 .map_area #map1, .company .section2 .map_area #map2{width: 100%;height: 100%;}

.company .section2 .map_info{margin-top:36px;color:#181818;}
.company .section2 .map_info .title{font-size:24px;font-weight:600;margin-bottom:16px;}

.company .section2 .map_info .con p{font-size:20px;line-height:32px;position:relative;padding-left:24px;}
.company .section2 .map_info .con p::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #0d89cd;
											position:absolute;top:10px;left:0;}


.company .section2 .map_info .con p .none2{display:none;}


}






/* ===================================================

  MOBILE ver (1000px 이하)

======================================================*/

@media screen and (min-width:998px)and (max-width:1000px){

	/* ===================================================
	  sub 페이지 공통
	======================================================*/
	.sub_visual{width: 100%;height: 64.0000vw;background:url(/images/sub/solution_bg.png) no-repeat;background-size:cover;position:relative;}
	.sub_visual.solution{background:url(/images/sub/solution_bg.png) no-repeat;background-size:cover;position:relative;}
	.sub_visual.product{background:url(/images/sub/product_bg.png) no-repeat;background-size:cover;position:relative;}
	.sub_visual.contact{background:url(/images/sub/contact_bg.png) no-repeat;background-size:cover;position:relative;}
	.sub_visual.company{background:url(/images/sub/company_bg.png) no-repeat;background-size:cover;position:relative;}
	.sub_visual.policy{background:url(/images/sub/contact_bg.png) no-repeat;background-size:cover;position:relative;}

	.sub_title{color:#fff;font-family:var(--montfont);font-size:5.2000vw;font-weight:600;}

	.sub_title_area{position:absolute;top:30.0000vw;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:Center;}

	.sub_info{width:55vw;display:flex;justify-content: space-evenly;align-items:center;font-size:3.000vw;color:#fff;margin-top:2.0000vw;}
	.sub_info p{padding:0 2.5vw;}
	.sub_info p a{display:block;width: 100%;height: 100%;vertical-align:middle}
	.sub_info p:first-child{width: 9vw;}
	.sub_info p:first-child img{width: 100%;}

	.sub_info p:nth-child(2){position:relative;}
	.sub_info p:nth-child(2)::before{content:'>';position:Absolute;top:45%;transform:translateY(-50%);left:-1.2vw;color:#fff;}
	.sub_info p:nth-child(2)::after{content:'>';position:Absolute;top:45%;transform:translateY(-50%);right:-1.5vw;color:#fff;}

	.sub_info p a{color:#fff;}


	.sub_tab{width: 100%;height:9.0000vw;line-height:9.0000vw;background:rgba(0,0,0,60%);position:absolute;bottom:0;display:flex;justify-content:center;}
	.sub_tab li{margin:0 2.0000vw;}
	.sub_tab li a{display:block;height:100%;font-size:3.1vw;font-weight:500;color:#c3c3c3;padding:0 1.3vw;}
	.sub_tab li.on{border-bottom:0.2000vw solid #fff;}
	.sub_tab li.on a{color:#fff;}


	.sub{width: 100%;}
	.sub .section{padding: 12.0000vw 0vw/* 1.5000vw */;}
	.sub_in{width: 96%;margin:0 auto}

	.sub .sub_name{font-size:4.5000vw;font-weight:600;text-align:center;color:#181818;}

	.section .sub_in .title1{font-size:4.2000vw;font-weight:600;color:#181818;text-align:center;}
	.section .sub_in .title2{font-size:3.7000vw;font-weight:500;color:#565656;text-align:center;margin-top:1.0000vw;}



	/* ===================================================

	  0. policy - privacy / use

	======================================================*/


	.policy .sub_info{width: 45vw;justify-content: center;}
	.sub_info p:nth-child(2)::before {left:-0.8vw;}
	.policy .sub_info p:nth-child(2)::after{display:none;}
	.policy .section1 .policy_in{width: 100%;min-height: 500px;border:1px solid #ababab;margin-top:75px;padding:20px 15px 50px 15px;}
	.policy .section1 .policy_in p{font-size:20px;}



	/* ===============================================================

	  1. solution - zeroenergy / remotecontrol / monitoring

	==================================================================*/

	.solution .section1_ul li{display:flex;flex-direction:column;justify-content:space-between;align-items:  flex-start;margin-top:80px}

	.solution .section1_ul .img_box{order:1;width: 70%;}
	.solution .section1_ul .img_box img{width: 100%;border-radius:20px;}

	.solution .section1 ul li .txt_box{order:2;width: 100%;display:flex;flex-direction:column;justify-content:center;margin-top:20px;}
	.solution .section1 ul li .txt_box .title{font-size:36px;font-weight:600;margin-bottom:16px;}

	.solution .section1 ul li .txt_box .con p{font-size:30px;line-height:36px;position:relative;padding-left:24px;}
	.solution .section1 ul li .txt_box .con p::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #0d89cd;
												position:absolute;top:10px;left:0;}
	.solution .section1 ul li .txt_box .con p span{display:inline-block;font-weight:500;position:relative;}
	.solution .section1 ul li .txt_box .con p span::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;}

	.solution .section1 ul li .none2{display:block;}

	.solution .section1 ul li .txt_box .link_box{width: 100%;background:#ededed;margin-top:40px;border-radius:8px;padding:35px 15px;padding-right:80px;}
	.solution .section1 ul li .txt_box .link_box p{font-size:28px;color:#5b5b5b;position:Relative;padding-left:16px;}
	.solution .section1 ul li .txt_box .link_box p::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;position:absolute;top:0px;left:0;}

	.solution .section1 ul li .txt_box .link_box p a{display:inline-block;color:#222be8;font-size:28px;line-height:20px;position:Relative;}
	.solution .section1 ul li .txt_box .link_box p a::after{content:'';position:absolute;bottom:-3px;left:0;width: 100%;height:1px;background:#222be8;}

	.solution .section1 ul li:nth-child(2n+1) .txt_box{}
	.solution .section1 ul li:nth-child(2n) .txt_box{}

	.solution .section1 ul li:last-child .txt_box .link_box{margin:20px 0;}

	.solution .section2{background:url(/images/sub/subbg1.png) no-repeat #fafafa;background-position:bottom 40px right 40px;}

	.solution .section2 .title1{margin-bottom:50px;}

	.solution .section2 .detail{display:inline-block;color:#181818;font-size:30px;position:relative;padding-left:16px;margin-bottom:20px;text-align:center;}
	.solution .section2 .detail::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #0d89cd;
												position:absolute;top:50%;left:0%;transform:translateY(-50%);}

	.solution .section2 ul{center;margin:40px 0 80px;}
	.solution .section2 ul li{width:70%;margin-bottom:40px;}
	.solution .section2 ul li img{width:100%;border-radius:15px;}
	.solution .section2 ul li .txt{font-size:32px;font-weight:600;margin-top:15px;}

	.solution .section3 ul{display:flex;justify-content:center;justify-content:space-evenly;margin-top:70px}
	.solution .section3 ul li{width: auto;}
	.solution .section3 ul li img{width: 100%;}
	.solution .section3 ul li .txt{font-size: 30px;font-weight:600;color:#181818;margin-top:30px;text-align:center;}




	/* ===================================================

	  2. product - wireless / software

	======================================================*/

	.product .section1 ul li{margin-top:80px;}
	.product .section1 ul li .txt_box .title{font-size:36px;font-weight:600;margin-bottom:16px;}

	.product .section1 ul li .txt_box .con{width: 100%;background:#ededed;padding:36px 40px 40px 40px;border-radius:15px;
											margin-top:40px;}
	.product .section1 ul li .txt_box .con p{width: 100%;font-size:28px;line-height:38px;position:relative;padding-left:24px;color:#181818;}
	.product .section1 ul li .txt_box .con p::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #0d89cd;
												position:absolute;top:10px;left:0;}
	.product .section1 ul li .txt_box .con p span{}

	.product .section1 ul li:first-child .txt_box:last-child .con{padding: 36px 40px 20px 40px}

	.product .section1 ul li .txt_box .con .none{display:none;}
	.product .section1 ul li .txt_box .con .none2{display:block;}


	.product .section2{padding-top:0;}
	.product .section2 .sub_in{text-align:center;}
	.product .section2 .sub_in img{width: 100%;}

	.product .section3{background:url(/images/sub/subbg1.png) no-repeat #fafafa;background-position:bottom 40px right 40px;background-position:top 3vw right 4.0000vw;background-size:23%;}
	.product .section3 .sub_in{}
	.product .section3 .title1{text-align:left;margin-bottom:40px;}

	.product .section3 table{width: 100%;color:#202020;}
	.product .section3 table thead{background:#0068b7;color:#fff;font-size:28px;font-weight:600;}
	.product .section3 table thead tr th{padding:10px 0;}

	.product .section3 table tbody tr td{padding:16px 0;}
	.product .section3 table tbody .title{width: 30%;color:#fff;font-size:26px;background:#4c95cc;text-align:center;}
	.product .section3 table tbody .con{padding-left:20px;padding-right:25px;background:#e4eff7;font-size:26px;}


	.product .section4 .title1{text-align:left;margin-bottom:40px;}
	.product .section4 .sub_in img{width:100%;}




	/* ===================================================

	  4. company - history / location

	======================================================*/

	.company .section1_ul li{display:flex;justify-content:space-between;align-items:flex-start;margin-top:80px}
	.company .section1_ul .img_box{width: 35%;}
	.company .section1_ul .img_box img{width: 100%;border-radius:20px;}

	.company .section1 ul li .txt_box{width: 65%;display:flex;flex-direction:column;justify-content:center;}
	.company .section1 ul li .txt_box .title{font-size:36px;font-weight:600;margin-bottom:20px;color:#181818;}

	.company .section1 ul li .txt_box .con p{font-size:30px;line-height:40px;position:relative;padding-left:24px;color:#181818;}
	.company .section1 ul li .txt_box .con p::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #0d89cd;
												position:absolute;top:10px;left:0;}
	.company .section1 ul li .txt_box .con p span{display:inline-block;font-weight:500;position:relative;}
	.company .section1 ul li .txt_box .con p span::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;}

	.company .section1 ul li .none2{display:block;}

	.company .section1 ul li .txt_box .link_box{width: 100%;background:#ededed;margin-top:40px;border-radius:8px;padding:13px 15px;padding-right:80px;}
	.company .section1 ul li .txt_box .link_box p{font-size:28px;color:#5b5b5b;position:Relative;padding-left:16px;}
	.company .section1 ul li .txt_box .link_box p::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;position:absolute;top:0px;left:0;}

	.company .section1 ul li .txt_box .link_box p a{display:inline-block;color:#222be8;font-size:28px;line-height:20px;position:Relative;}
	.company .section1 ul li .txt_box .link_box p a::after{content:'';position:absolute;bottom:-3px;left:0;width: 100%;height:1px;background:#222be8;}

	.company .section1 ul li:nth-child(2n+1) .txt_box{padding-left:30px;}
	.company .section1 ul li:nth-child(2n) .txt_box{}



	.company .section2 .map_area{width: 100%;height: 540px;background:skyblue;margin-top:110px;}
	.company .section2 .map_area #map1, .company .section2 .map_area #map2{width: 100%;height: 100%;}

	.company .section2 .map_info{margin-top:36px;color:#181818;}
	.company .section2 .map_info .title{font-size:36px;font-weight:600;margin-bottom:16px;}

	.company .section2 .map_info .con p{font-size:30px;line-height:38px;position:relative;padding-left:24px;margin-top:5px;}
	.company .section2 .map_info .con p::before{content:'';width: 6px;height: 6px;background:transparent;border-radius:50px;border:2px solid #0d89cd;
											position:absolute;top:10px;left:0;}



	}

@media screen and (max-width:997px){


	/* ===================================================
	  sub 페이지 공통
	======================================================*/
	.sub_visual{width: 100%;height: 64.0000vw;background:url(/images/sub/solution_bg.png) no-repeat;background-size:cover;position:relative;}
	.sub_visual.solution{background:url(/images/sub/solution_bg.png) no-repeat;background-size:cover;position:relative;}
	.sub_visual.product{background:url(/images/sub/product_bg.png) no-repeat;background-size:cover;position:relative;}
	.sub_visual.contact{background:url(/images/sub/contact_bg.png) no-repeat;background-size:cover;position:relative;}
	.sub_visual.company{background:url(/images/sub/company_bg.png) no-repeat;background-size:cover;position:relative;}
	.sub_visual.policy{background:url(/images/sub/contact_bg.png) no-repeat;background-size:cover;position:relative;}

	.sub_title{color:#fff;font-family:var(--montfont);font-size:5.2000vw;font-weight:600;}

	.sub_title_area{position:absolute;top:30.0000vw;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:Center;}

	.sub_info{width:55vw;display:flex;justify-content: space-evenly;align-items:center;font-size:3.000vw;color:#fff;margin-top:2.0000vw;}
	.sub_info p{padding:0 2.5vw;}
	.sub_info p a{display:block;width: 100%;height: 100%;vertical-align:middle}
	.sub_info p:first-child{width: 9vw;}
	.sub_info p:first-child img{width: 100%;}

	.sub_info p:nth-child(2){position:relative;}
	.sub_info p:nth-child(2)::before{content:'>';position:Absolute;top:45%;transform:translateY(-50%);left:-1.2vw;color:#fff;}
	.sub_info p:nth-child(2)::after{content:'>';position:Absolute;top:45%;transform:translateY(-50%);right:-1.5vw;color:#fff;}

	.sub_info p a{color:#fff;}


	.sub_tab{width: 100%;height:9.0000vw;line-height:9.0000vw;background:rgba(0,0,0,60%);position:absolute;bottom:0;display:flex;justify-content:center;}
	.sub_tab li{margin:0 2.0000vw;}
	.sub_tab li a{display:block;height:100%;font-size:3.1vw;font-weight:500;color:#c3c3c3;padding:0 1.3vw;}
	.sub_tab li.on{border-bottom:0.2000vw solid #fff;}
	.sub_tab li.on a{color:#fff;}


	.sub{width: 100%;}
	.sub .section{padding: 12.0000vw 1.5000vw;}
	.sub .section3--inquiry {padding: 8vw 1.5000vw;}

	.sub_in{width:96%;margin:0 auto}

	.sub .sub_name{font-size:4.5000vw;font-weight:600;text-align:center;color:#181818;}

	.section .sub_in .title1{font-size:4.2000vw;font-weight:600;color:#181818;text-align:center;}
	.section .sub_in .title2{font-size:3.7000vw;font-weight:500;color:#565656;text-align:center;margin-top:1.0000vw;}



	/* ===================================================

	  0. policy - privacy / use

	======================================================*/

	.policy .sub_info{width: 45vw;justify-content: center;}
	.sub_info p:nth-child(2)::before {left:-0.8vw;}
	.policy .sub_info p:nth-child(2)::after{display:none;}
	.policy .section1 .policy_in{width: 100%;min-height: 350px;border:1px solid #ababab;margin-top:35px;padding:15px;}
	.policy .section1 .policy_in p{font-size:16px;}



	/* ===============================================================

	  1. solution - zeroenergy / remotecontrol / monitoring

	==================================================================*/

	.solution .section1_ul li{display:flex;flex-direction:column;justify-content:space-between;align-items:  flex-start;margin-top:8.0000vw}

	.solution .section1_ul .img_box{order:1;width: 70%;}
	.solution .section1_ul .img_box img{width: 100%;border-radius:2.0000vw;}

	.solution .section1 ul li .txt_box{order:2;width: 100%;display:flex;flex-direction:column;justify-content:center;margin-top:2.0000vw;}
	.solution .section1 ul li .txt_box .title{font-size:3.6000vw;font-weight:600;margin-bottom:1.6000vw;}

	.solution .section1 ul li .txt_box .con p{font-size:3.200vw;line-height:4.000vw;position:relative;padding-left:2.4000vw;}
	.solution .section1 ul li .txt_box .con p::before{content:'';width: 0.9000vw;height: 0.9000vw;background:transparent;border-radius:5.0000vw;border:0.3000vw solid #0d89cd;
												position:absolute;top:1.0000vw;left:0;}
	.solution .section1 ul li .txt_box .con p span{display:inline-block;font-weight:500;position:relative;}
	.solution .section1 ul li .txt_box .con p span::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;}

	.solution .section1 ul li .none2{display:block;}

	.solution .section1 ul li .txt_box .link_box{width: 100%;background:#ededed;margin-top:4.0000vw;border-radius:0.8000vw;padding:3.5000vw 1.7000vw;padding-right:4.50000vw;}
	.solution .section1 ul li .txt_box .link_box p{font-size:3.000vw;color:#5b5b5b;position:Relative;padding-left:1.6000vw;}
	.solution .section1 ul li .txt_box .link_box p::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;position:absolute;top:0.0000vw;left:0;}

	.solution .section1 ul li .txt_box .link_box p a{display:inline-block;color:#222be8;font-size:3.000vw;line-height:2.0000vw;position:Relative;}
	.solution .section1 ul li .txt_box .link_box p a::after{content:'';position:absolute;bottom:-0.3000vw;left:0;width: 100%;height:0.1000vw;background:#222be8;}

	.solution .section1 ul li:nth-child(2n+1) .txt_box{}
	.solution .section1 ul li:nth-child(2n) .txt_box{}

	.solution .section1 ul li:last-child .txt_box .link_box{margin:2.0000vw 0;}

	.solution .section2{background:url(/images/sub/subbg1.png) no-repeat #fafafa;background-position:top 3vw right 4.0000vw;background-size:23%;}
	.solution .section2 .title1{margin-bottom:5.0000vw;}

	.solution .section2 .detail{display:inline-block;color:#181818;font-size:3.3vw;position:relative;padding-left:1.9000vw;margin-bottom:2.0000vw; font-weight:600;}
	.solution .section2 .detail::before{content:'';width: 0.9000vw;height: 0.9000vw;background:transparent;border-radius:5.0000vw;border:0.3000vw solid #0d89cd;
												position:absolute;top:50%;left:0%;transform:translateY(-50%);}

	.solution .section2 ul{display:flex;flex-wrap:wrap;gap:2.6%;justify-content:space-between;margin:4.0000vw 0 2.50000vw;}
	.solution .section2 ul li{width:48%;margin-bottom:4.0000vw;}
	.solution .section2 ul li img{width:100%;border-radius:1.5000vw;}
	.solution .section2 ul li .txt{font-size:3.2000vw;font-weight:600;margin-top:1.5000vw;}

	.solution .section3 ul{display:flex;justify-content:center;justify-content:space-evenly;margin-top:7.0000vw}
	.solution .section3 ul li{width: 20%;}
	.solution .section3 ul li img{width: 100%;}
	.solution .section3 ul li .txt{font-size: 3.200vw;font-weight:600;color:#181818;margin-top:3.0000vw;text-align:center;}



	/* ===================================================

	  2. product - wireless / software

	======================================================*/

	.product .section1 ul li{margin-top:8.0000vw;}
	.product .section1 ul li .txt_box .title{font-size:3.6000vw;font-weight:600;margin-bottom:1.6000vw;}

	.product .section1 ul li .txt_box .con{width: 100%;background:#ededed;padding:3.6000vw 4.0000vw 4.0000vw 4.0000vw;border-radius:1.5000vw;
											margin-top:4.0000vw;}
	.product .section1 ul li .txt_box .con p{width: 100%;font-size:3.2000vw;line-height:4.000vw;position:relative;padding-left:2.4000vw;color:#181818;}
	.product .section1 ul li .txt_box .con p::before{content:'';width: 0.9000vw;height: 0.9000vw;background:transparent;border-radius:5.0000vw;border:0.3000vw solid #0d89cd;
												position:absolute;top:1.0000vw;left:0;}
	.product .section1 ul li .txt_box .con p span{}
	.product .section1 ul li .txt_box .con .none{display:none;}
	.product .section1 ul li .txt_box .con .none2{display:block;}

	.product .section1 ul li:first-child .txt_box:last-child .con{padding: 3.6000vw 4.0000vw 2.7000vw 4.0000vw}




	.product .section2{padding-top:0;}


	.product .section2--custom .detail{display:inline-block;color:#181818;font-size:3.6000vw;position:relative;padding-left:1.9000vw;margin-bottom:4.0000vw; font-weight:600;}
	.product .section2--custom .detail::before{content:'';width: 0.9000vw;height: 0.9000vw;background:transparent;border-radius:5.0000vw;border:0.3000vw solid #6fba1b;
												position:absolute;top:50%;left:0%;transform:translateY(-50%);}

	.product .section2 .sub_in{text-align:center;}
	.product .section2--custom .sub_in {text-align:left;}

	.product .section2 .sub_in img{width: 100%;}

	.product .section3{background:url(/images/sub/subbg1.png) no-repeat #fafafa;background-position:top 3vw right 4.0000vw;background-size:23%;}
	.product .section3 .sub_in{}
	.product .section3 .title1{text-align:left;margin-bottom:4.0000vw;}

	.product .section3 table{width: 100%;color:#202020;}
	.product .section3 table thead{background:#0068b7;color:#fff;font-size:3.000vw;font-weight:600;}
	.product .section3 table thead tr th{padding:1.0000vw 0;}

	.product .section3 table tbody tr td{padding:1.6000vw 0;}
	.product .section3 table tbody .title{width: 30%;color:#fff;font-size:3.000vw;background:#4c95cc;text-align:center;}
	.product .section3 table tbody .con{padding-left:2.0000vw;padding-right:2.5000vw;background:#e4eff7;font-size:3.000vw;}


	.product .section4 .title1{text-align:left;margin-bottom:4.0000vw;}
	.product .section4 .sub_in img{width:100%;}







	/* ===================================================

	  4. company - history / location

	======================================================*/

	.company .section1_ul li{display:flex;justify-content:space-between;align-items:flex-start;margin-top:12.0000vw}
	.company .section1_ul .img_box{width: 35%;}
	.company .section1_ul .img_box img{width: 100%;border-radius:2.0000vw;}

	.company .section1 ul li .txt_box{width: 65%;display:flex;flex-direction:column;justify-content:center;}
	.company .section1 ul li .txt_box .title{font-size:4.2000vw;font-weight:600;margin-bottom:2.0000vw;color:#181818;}

	.company .section1 ul li .txt_box .con p{font-size:3.0000vw;line-height:4.0000vw;position:relative;padding-left:2.4000vw;color:#181818;}
	.company .section1 ul li .txt_box .con p::before{content:'';width: 0.9000vw;height: 0.9000vw;background:transparent;border-radius:5.0000vw;border:0.3000vw solid #0d89cd;
												position:absolute;top:1.0000vw;left:0;}
	.company .section1 ul li .txt_box .con p span{display:inline-block;font-weight:500;position:relative;}
	.company .section1 ul li .txt_box .con p span::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;}

	.company .section1 ul li .none2{display:block;}

	.company .section1 ul li .txt_box .link_box{width: 100%;background:#ededed;margin-top:4.0000vw;border-radius:0.8000vw;padding:1.3000vw 1.5000vw;padding-right:8.0000vw;}
	.company .section1 ul li .txt_box .link_box p{font-size:2.8000vw;color:#5b5b5b;position:Relative;padding-left:1.6000vw;}
	.company .section1 ul li .txt_box .link_box p::before{content:'*';display:inline-block;font-weight:600;color:#1c26e8;position:absolute;top:0.0000vw;left:0;}

	.company .section1 ul li .txt_box .link_box p a{display:inline-block;color:#222be8;font-size:2.8000vw;line-height:2.0000vw;position:Relative;}
	.company .section1 ul li .txt_box .link_box p a::after{content:'';position:absolute;bottom:-0.3000vw;left:0;width: 100%;height:0.1000vw;background:#222be8;}

	.company .section1 ul li:nth-child(2n+1) .txt_box{padding-left:3.0000vw;}
	.company .section1 ul li:nth-child(2n) .txt_box{}


	.company .section2 .map_area{width: 100%;height: 54.0000vw;background:skyblue;margin-top:11.0000vw;}
	.company .section2 .map_area #map1, .company .section2 .map_area #map2{width: 100%;height: 100%;}

	.company .section2 .map_info{margin-top:3.6000vw;color:#181818;}
	.company .section2 .map_info .title{font-size:3.6000vw;font-weight:600;margin-bottom:1.6000vw;}

	.company .section2 .map_info .con p{font-size:3.0000vw;line-height:3.8000vw;position:relative;padding-left:2.4000vw;margin-top:0.5000vw;}
	.company .section2 .map_info .con p::before{content:'';width: 0.6000vw;height: 0.6000vw;background:transparent;border-radius:5.0000vw;border:0.2000vw solid #0d89cd;
											position:absolute;top:1.0000vw;left:0;}


}
