@charset "utf-8";


#sub_visual {padding:111px 0 171px; text-align:center; color:#fff; background-image:url('../img/sub/sub01_bg.jpg'); background-position:center; background-repeat:no-repeat; background-size:cover;}
#sub_visual.sub01 {background-image:url('../img/sub/sub01_bg.jpg');}
#sub_visual.sub02 {background-image:url('../img/sub/sub02_bg.jpg');}
#sub_visual.sub03 {background-image:url('../img/sub/sub03_bg.jpg');}
#sub_visual.sub04 {background-image:url('../img/sub/sub04_bg.jpg');}
#sub_visual.sub05 {background-image:url('../img/sub/sub05_bg.jpg');}
#sub_visual h3 {font-size:54px; text-transform:uppercase; margin-bottom:5px;}
#sub_visual p {font-size:16px;}

	@media screen and (max-width:1199px){
		#sub_visual {padding:91px 0 151px;}
	}

	@media screen and (max-width:999px){
		#sub_visual {padding:81px 0 131px;}
		#sub_visual h3 {font-size:280%;}
		#sub_visual p {font-size:100%;}
	}

	@media screen and (max-width:799px){
		#sub_visual {padding:61px 0;}
		#sub_visual h3 {font-size:240%;}
		#sub_visual p {font-size:80%;}
	}

	@media screen and (max-width:499px){
		#sub_visual h3 {font-size:220%;}
		#sub_visual p {font-size:80%;}
	}


#s_menu {margin-top:-60px; line-height:60px; height:60px; text-align:center; background:rgba(0,0,0,0.6);}
#s_menu .container {height:100%;}

#s_menu ul {display:flex; justify-content: center; height:100%; }
#s_menu ul li {position:relative; font-size:17px; height:100%; line-height:120%;}
#s_menu ul li:before {position:absolute; left:0; display:inline-block; top:18px; width:1px; height:24px; background:#fff; content:'';}
#s_menu ul li a {display:flex; align-items: center; justify-content: center; overflow:hidden; height:100%; color:#fff; text-transform:uppercase; padding:0 50px; word-break:keep-all;}
#s_menu ul li:first-child:before {display:none;}
#s_menu ul li.on a {color:#fabf13;}

	@media screen and (max-width:1199px){
		#s_menu ul li {width:20%;}
		#s_menu ul li a {padding:0;}
	}


	@media screen and (max-width:999px){
		#s_menu ul li {font-size:95%;}
	}

	@media screen and (max-width:799px){
		#s_menu {display:none;}
		#s_menu ul li {font-size:95%;}
		#s_menu ul li:first-child:nth-last-child(1), #s_menu ul li:first-child:nth-last-child(1)~li{width:100%;}
		#s_menu ul li:first-child:nth-last-child(2), #s_menu ul li:first-child:nth-last-child(2)~li{width:49%;}
		#s_menu ul li:first-child:nth-last-child(3), #s_menu ul li:first-child:nth-last-child(3)~li{width:32%;}
		#s_menu ul li:first-child:nth-last-child(4), #s_menu ul li:first-child:nth-last-child(4)~li{}
	}

	@media screen and (max-width:499px){
		#s_menu ul li {font-size:90%;}
		#s_menu ul li:first-child:nth-last-child(1), #s_menu ul li:first-child:nth-last-child(1)~li{width:100%;}
		#s_menu ul li:first-child:nth-last-child(2), #s_menu ul li:first-child:nth-last-child(2)~li{width:49%;}
		#s_menu ul li:first-child:nth-last-child(3), #s_menu ul li:first-child:nth-last-child(3)~li{width:32%;}
		#s_menu ul li:first-child:nth-last-child(4), #s_menu ul li:first-child:nth-last-child(4)~li{}
	}


#sub_content_wrap .sub_content_title {text-align:center; font-size:38px; margin-top:113px; margin-bottom:62px; letter-spacing:-0.01em; font-weight:500; letter-spacing:-0.03em;}
#sub_content_wrap .sub_content_area {}

	@media screen and (max-width:999px){
		#sub_content_wrap .sub_content_title {font-size:200%; margin-top:83px; margin-bottom:52px;}
	}

	@media screen and (max-width:799px){
		#sub_content_wrap .sub_content_title {font-size:180%;}
	}

	@media screen and (max-width:499px){
		#sub_content_wrap .sub_content_title {font-size:160%; margin-top:53px; margin-bottom:32px;}
	}

.greeting {display:block; overflow:hidden;}
.greeting .image {float:right; width:527px;}
.greeting .text {float:left; width:calc(100% - 600px); font-size:24px; font-weight:300; letter-spacing:0; padding-top:30px;}
.greeting .text h5 {font-size:28px; font-weight:500; line-height:140%; margin-bottom:45px; word-break:keep-all;}
.greeting .text h5 .br {display:block;}
.greeting .text p {font-size:18px; font-weight:300; line-height:160%; margin-bottom:20px; word-break:keep-all;}

	@media screen and (max-width:1199px){
		.greeting .image {width:45%;}
		.greeting .text {width:50%; margin-right:5%;}
		.greeting .text h5 {font-size:26px;}
		.greeting .text p {font-size:17px;}
	}

	@media screen and (max-width:999px){
		.greeting .image {float:none; width:70%; margin:0 auto; text-align:center;}
		.greeting .text {float:none; width:70%; margin:0 auto; font-size:100%;}
		.greeting .text h5 {font-size:160%;}
		.greeting .text h5 .br {display:inline;}
		.greeting .text p {font-size:100%;}
	}

	@media screen and (max-width:799px){
		.greeting .image {width:100%;}
		.greeting .text {width:100%;}
		.greeting .text h5 {font-size:140%; line-height:130%; margin-bottom:25px;}
		.greeting .text p {font-size:95%;}
	}

	@media screen and (max-width:499px){
		.greeting .text h5 {font-size:120%;}
		.greeting .text p {font-size:90%;}
	}


.ctt_history {text-align:center;}
.history {position:relative; display:inline-block;}
.history .year {text-align:left; margin-top:26px;}
.history .year:first-child {margin-top:0;}
.history .year:before {position:absolute; display:inline-block; width:2px; height:calc(100% - 60px); background:#efefef; top:0; left:46px; z-index:1; content:'';}
.history .year h5 {position:relative; display:inline-block; font-family:'Nexen_B', sans-serif; font-size:36px; color:#ffa800; font-weight:500; margin-right:125px; vertical-align:top; z-index:2; width:100px;}
.history .year h5:before {position:relative; display:block; left:40px; width:14px; height:14px; border-radius:50%; background:#ffa800; margin-bottom:15px; vertical-align:top; content:'';}
.history .year ul {display:inline-block; margin-top:30px;}
.history .year ul li {font-size:18px; line-height:160%; margin-bottom:5px; font-weight:300; word-break:keep-all;}
.history .year ul li span {display:inline-block; margin-right:25px;}

	@media screen and (max-width:1024px){
		.history .year h5 {font-size:200%; margin-right:5%;}
		.history .year ul {width:calc(95% - 110px);}
		.history .year ul li {font-size:110%;}
		.history .year ul li span {display:block;}
	}

	@media screen and (max-width:999px){
		.history {width:80%;}
		.history .year:before {left:38px;}
		.history .year h5 {font-size:180%;}
		.history .year h5:before {left:32px;}
		.history .year ul li {font-size:105%;}
	}

	@media screen and (max-width:799px){
		.history {width:90%;}
		.history .year:before {left:34px;}
		.history .year h5 {width:70px; font-size:160%;}
		.history .year h5:before {left:28px;}
		.history .year ul li {font-size:100%;}
		.history .year ul li span {font-weight:600}
	}

	@media screen and (max-width:499px){
		.history {width:100%; padding:0 10px;}
		.history .year:before {left:40px;}
		.history .year h5 {width:70px; font-size:140%;}
		.history .year h5:before {width:10px; height:10px; left:26px;}
		.history .year ul {margin-top:24px;}
		.history .year ul li {font-size:90%;}
	}


.location {}
.location .sec {margin-top:50px;}
.location .sec:first-child {margin-top:0;}
.location #map,
.location #map1,
.location #map2 {height:453px !important}
.location .info_box {padding:45px 25px 0;}
.location .info_box .info {}
.location .info_box .info h5 {font-size:27px; margin-bottom:20px;}
.location .info_box .info dl {display:inline-block; margin-right:42px;}
.location .info_box .info dl dt {display:inline-block; font-size:19px; font-weight:600; margin-right:5px;}
.location .info_box .info dl dt:before {position:relative; display:inline-block; margin-right:10px; background-repeat:no-repeat; background-position:center; background-size:contain; content:'';}
.location .info_box .info dl dd {display:inline-block; font-size:17px; font-weight:400; word-break:keep-all;}
.location .info_box .info dl.add {}
.location .info_box .info dl.add dt:before {width:19px; height:23px; background-image:url('../img/sub/location_add_icon.png'); top:3px;}
.location .info_box .info dl.tel {}
.location .info_box .info dl.tel dt:before {width:20px; height:23px; background-image:url('../img/sub/location_tel_icon.png'); top:3px;}
.location .info_box .info dl.fax {margin-right:0;}
.location .info_box .info dl.fax dt:before {width:19px; height:23px; background-image:url('../img/sub/location_fax_icon.png'); top:3px;}

	@media screen and (max-width:1199px){
		.location .info_box .info dl.add {display:block; margin-bottom:5px;}
	}

	@media screen and (max-width:999px){
		.location #map,
		.location #map1,
		.location #map2 {height:350px !important}
		.location .info_box {padding:30px 25px 0;}
		.location .info_box .info h5 {font-size:140%;}
		.location .info_box .info dl dt {font-size:110%;}
		.location .info_box .info dl dd {font-size:105%;}
		.location .info_box .info dl.add dt:before {width:15px; height:20px;}
		.location .info_box .info dl.tel dt:before {width:16px; height:20px;}
		.location .info_box .info dl.fax dt:before {width:15px; height:20px;}
	}

	@media screen and (max-width:799px){
		.location #map,
		.location #map1,
		.location #map2 {height:300px !important}
		.location .info_box {padding:30px 25px 0;}
		.location .info_box .info h5 {font-size:120%;}
		.location .info_box .info dl {display:block; margin-right:0; margin-bottom:5px;}
		.location .info_box .info dl dt {font-size:100%;}
		.location .info_box .info dl dd {font-size:95%;}
		.location .info_box .info dl.add dt:before {width:15px; height:20px;}
		.location .info_box .info dl.add dd {margin-left:24px;}
		.location .info_box .info dl.tel dt:before {width:16px; height:20px;}
		.location .info_box .info dl.fax dt:before {width:15px; height:20px;}
	}

	@media screen and (max-width:499px){
		.location #map,
		.location #map1,
		.location #map2 {height:250px !important}
		.location .info_box {padding:30px 2% 0;}
		.location .info_box .info h5 {font-size:110%; margin-bottom:10px;}
		.location .info_box .info dl dt {font-size:95%;}
		.location .info_box .info dl dd {font-size:90%;}
	}




.business {}
.business .image_box {display:inline-block; width:49.5%; vertical-align:top;}
.business .image_box .image {position:relative;}
.business .image_box .image:before {position:absolute; width:509px; height:509px; left:-19px; top:19px; z-index:1; content:'';}
.business .image_box .image img {position:relative; z-index:2;}
.business .info_box {display:inline-block; width:49.5%; margin-top:100px;}
.business .info_box h5 {font-size:32px; letter-spacing:-0.04em; font-weight:400; line-height:140%; margin-bottom:41px;}
.business .info_box p {font-size:18px; letter-spacing:-0.02em; color:#444; font-weight:300; line-height:180%; word-break:keep-all;}
.business .info_box .br {display:block;}

.business01 .image_box .image:before {background-color:#e2e2e2;}
.business02 .image_box .image:before {background-color:#1f58ad;}
.business03 .image_box .image:before {background-color:#c9d8ff;}
.business04 .image_box .image:before {background-color:#c5e5ff;}


	@media screen and (max-width:1199px){
		.business .image_box {width:45%; padding-left:19px;}
		.business .image_box .image:before {width:100%; height:100%;}
		.business .info_box {width:54%; padding-left:4%; margin-top:60px;}
		.business .info_box p .br {display:inline;}
	}

	@media screen and (max-width:999px){
		.business .image_box {width:40%;}
		.business .info_box {width:59%; margin-top:40px;}
		.business .info_box h5 {font-size:160%;}
		.business .info_box p {font-size:100%;}
	}

	@media screen and (max-width:799px){
		.business {text-align:center;}
		.business .image_box {width:70%;}
		.business .info_box {width:90%; text-align:left; margin-top:60px;}
		.business .info_box h5 {font-size:140%; margin-bottom:31px;}
		.business .info_box p {font-size:95%;}
	}

	@media screen and (max-width:499px){
		.business .info_box {width:100%; margin-top:50px;}
		.business .info_box h5 {font-size:120%; margin-bottom:21px;}
		.business .info_box p {font-size:90%;}
	}


.product01 .product_top_box {display:block; overflow:hidden; padding:43px; background:#f9f9f9; margin-bottom:110px;}
.product01 .product_top_box .product_img {position:relative; float:left; width:45%; padding-top:42%; background:#fff;}
.product01 .product_top_box .product_img .image {position: absolute; display: flex; justify-content: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%;}
.product01 .product_top_box .product_img .image img {max-width:100%; height:auto;}
.product01 .product_top_box .product_info {float:left; width:55%; padding-left:3%; margin-top:39px; text-align:left;}
.product01 .product_top_box .product_info h4 {font-size:32px; text-transform:uppercase; margin-bottom:8px; letter-spacing:-0.03em;}
.product01 .product_top_box .product_info p {font-size:20px; letter-spacing:-0.04em;}
.product01 .product_top_box .product_info ul {margin-top:35px;}
.product01 .product_top_box .product_info ul li {margin-left:15px; margin-bottom:10px; line-height:140%; font-size:18px; font-weight:300; letter-spacing:-0.04em; word-break:keep-all;}
.product01 .product_top_box .product_info ul li:before {position:relative; display:inline-block; margin-right:5px; margin-left:-10px; content:'·';}
.product01 .product_top_box .product_info a.download {display:inline-block; width:260px; color:#fff; text-align:center; background:url('../img/sub/download_icon.png') #4a4a4a 45px center no-repeat; padding:14px 0 14px 35px; border-radius:25px; margin-top:30px; font-weight:300;}

	@media screen and (max-width:999px){
		.product01 .product_top_box .product_info h4 {font-size:180%;}
		.product01 .product_top_box .product_info p {font-size:120%;}
		.product01 .product_top_box .product_info ul li {font-size:100%;}
	}

	@media screen and (max-width:799px){
		.product01 .product_top_box {margin-bottom:55px;}
		.product01 .product_top_box {padding:5%;}
		.product01 .product_top_box .product_img {float:none; width:100%; padding-top:100%;}
		.product01 .product_top_box .product_info {float:none; width:100%;}
		.product01 .product_top_box .product_info a.download {width:100%;}
	}

	@media screen and (max-width:499px){
		.product01 .product_top_box .product_info h4 {font-size:140%;}
		.product01 .product_top_box .product_info p {font-size:100%;}
		.product01 .product_top_box .product_info ul {margin-top:15px;}
		.product01 .product_top_box .product_info ul li {font-size:90%;}
		.product01 .product_top_box .product_info a.download {font-size:90%; margin-top:10px;}
	}

.product01 {text-align:center; letter-spacing:-0.03em;}
.product01 .product_cont {width:850px; margin:0 auto;}
.product01 .product_cont .br {display:block;}

.product01 .product_cont .title_box {}
.product01 .product_cont .title_box .title {font-size:52px; line-height:140%; font-weight:400; margin-bottom:22px; word-break:keep-all;}
.product01 .product_cont .title_box .title .logo_img {margin-bottom:55px;}
.product01 .product_cont .title_box .text {font-size:40px; color:#fff; font-weight:400; background:#a0a0a0; padding:11px 0;}
.product01 .product_cont .title_box .image {background:#e6e6e6;}

.product01 .product_cont .cate {position:relative; display:block; width:130px; height:52px; margin-bottom:55px;}
.product01 .product_cont .cate:before {position:absolute; left:0; display:inline-block;  border-bottom: 52px solid red; border-left: 10px solid transparent; border-right: 10px solid transparent; height: 0; width: 100%; content:'';}
.product01 .product_cont .cate span {position:absolute; width:100%; display:block; text-align:center; color:#fff; text-transform:uppercase; z-index:1; font-size:20px; line-height:52px; letter-spacing:0;}

	@media screen and (max-width:999px){
		.product01 .product_cont {width:90%;}
		.product01 .product_cont .title_box .title {font-size:280%;}
		.product01 .product_cont .title_box .text {font-size:200%;}
		.product01 .product_cont .title_box .image img {max-width:80%;}
	}

	@media screen and (max-width:799px){
		.product01 .product_cont .br {display:inline}

		.product01 .product_cont {width:100%;}
		.product01 .product_cont .title_box .title {font-size:180%;}
		.product01 .product_cont .title_box .title .logo_img {margin-bottom:35px;}
		.product01 .product_cont .title_box .text {font-size:130%;}

		.product01 .product_cont .cate {width:110px; height:32px; margin-bottom:35px;}
		.product01 .product_cont .cate:before {border-bottom:32px solid red;}
		.product01 .product_cont .cate span {font-size:90%; line-height:32px;}
	}

	@media screen and (max-width:499px){
		.product01 .product_cont .title_box .title {font-size:140%;}
		.product01 .product_cont .title_box .title .logo_img img {width:70%;}
		.product01 .product_cont .title_box .text {font-size:106%;}
	}


.product01 .sec_box {padding:112px 0px; text-align:left;}
.product01 .text_box h5 {font-size:36px; font-weight:500; line-height:120%; word-break:keep-all;}
.product01 .text_box h5 .s_tit {display:block; font-size:18px; color:#ff0000; font-weight:600;}
.product01 .text_box p {font-size:22px; font-weight:400; word-break:keep-all; margin-top:40px;}

	@media screen and (max-width:999px){
		.product01 .text_box h5 {font-size:200%;}
		.product01 .text_box h5 .s_tit {font-size:50%;}
		.product01 .text_box p {font-size:110%;}
	}

	@media screen and (max-width:799px){
		.product01 .sec_box {padding:56px 0;}
		.product01 .text_box h5 {font-size:140%;}
		.product01 .text_box h5 .s_tit {font-size:70%;}
		.product01 .text_box p {font-size:100%; margin-top:20px;}
	}

	@media screen and (max-width:499px){
		.product01 .text_box h5 {font-size:120%;}
		.product01 .text_box p {font-size:90%;;}
	}


.product01 .product_cont .design {padding-left:80px;}
.product01 .product_cont .design .image {clear:both; margin-top:40px; text-align:center;}
.product01 .product_cont .design .sec1 {padding-right:30px;}
.product01 .product_cont .design .sec1 .info {display:block; overflow:hidden;}
.product01 .product_cont .design .sec1 .info .image_box {float:right;}
.product01 .product_cont .design .sec1 .info .text_box {float:left; width:calc(100% - 260px); margin-top:20px;}

.product01 .product_cont .design .sec2 {margin-top:50px; padding-right:15px;}
.product01 .product_cont .design .sec2 .info .text_box .title {position:relative; display:block; overflow:hidden;}
.product01 .product_cont .design .sec2 .info .text_box .title h5 {position:absolute; bottom:0; float:left; width:calc(100% - 430px);}
.product01 .product_cont .design .sec2 .info .text_box .title .image_box {float:right;}
.product01 .product_cont .design .sec2 .info .text_box p {clear:both; display:block;}

	@media screen and (max-width:999px){
		.product01 .product_cont .design {padding-left:5%;}
		.product01 .product_cont .design .sec1 {padding-right:0.5%;}
		.product01 .product_cont .design .image img {width:90%;}

		.product01 .product_cont .design .sec2 .info .text_box .title h5 {width:45%;}
		.product01 .product_cont .design .sec2 .info .text_box .title .image_box {width:53%;}
		.product01 .product_cont .design .sec2 .image img {width:65%;}
	}

	@media screen and (max-width:799px){
		.product01 .product_cont .design .sec1 .info .image_box {width:40%;}
		.product01 .product_cont .design .sec1 .info .text_box {width:60%;}
		.product01 .product_cont .design .image img {width:100%;}

		.product01 .product_cont .design .sec2 .image img {width:75%;}
	}

	@media screen and (max-width:499px){
		.product01 .product_cont .design .sec1 .info .image_box {float:none; width:100%; text-align:center;}
		.product01 .product_cont .design .sec1 .info .image_box img {width:50%;}
		.product01 .product_cont .design .sec1 .info .text_box {float:none; width:100%;}

		.product01 .product_cont .design .sec2 .info .text_box .title h5 {position:relative; bottom:auto; width:100%; margin-bottom:20px;}
		.product01 .product_cont .design .sec2 .info .text_box .title .image_box {float:none; width:100%; text-align:center;}

		
		.product01 .product_cont .design .sec2 .image img {width:100%;}
	}


.product01 .product_cont .function {padding:0 80px 178px;}
.product01 .product_cont .function .image {margin:0 -80px; margin-top:90px;}

	@media screen and (max-width:999px){
		.product01 .product_cont .function {padding:0 5% 128px;}
		.product01 .product_cont .function .image {width:95%; margin:0 auto; margin-top:90px;}
	}

	@media screen and (max-width:799px){
		.product01 .product_cont .function {padding:0 5% 64px;}
	}

	@media screen and (max-width:499px){
		.product01 .product_cont .function .image {margin-top:40px;}
	}


.product01 .product_cont .forpet {background:#595656; padding:72px 0; text-align:center;}
.product01 .product_cont .forpet .cate {margin:0 auto; margin-bottom:33px;}
.product01 .product_cont .forpet .info {color:#fff;}
.product01 .product_cont .forpet .info .text_box p {font-weight:300;}
.product01 .product_cont .forpet .info .text_box em {font-style:normal; font-size:16px; margin-top:-5px;}
.product01 .product_cont .forpet .content {}
.product01 .product_cont .forpet .content ul {display:block; overflow:hidden; padding:20px;}
.product01 .product_cont .forpet .content ul li {float:left; width:calc(50% - 20px); margin:10px;}
.product01 .product_cont .forpet .content ul li .image {}
.product01 .product_cont .forpet .content ul li .image img {max-width:100%;}
.product01 .product_cont .forpet .content ul li .text {background:#eeefef; padding:11px 10px 22px;}
.product01 .product_cont .forpet .content ul li .text .speech {display:inline-block; width:134px; font-size:16px; letter-spacing:0.03em; line-height:110%; font-weight:500; text-transform:uppercase; background:url('../img/sub/product01_sec4_speech_bg.png') top center no-repeat; padding:20px 0 12px; vertical-align:top; text-align:center; background-size:contain;}
.product01 .product_cont .forpet .content ul li .text p {display:inline-block; width:calc(100% - 160px); padding-top:15px; margin-left:5px; letter-spacing:-0.03em; font-size:20px; text-align:left; line-height:120%; font-weight:400; word-break:keep-all;}

	@media screen and (max-width:999px){
		.product01 .product_cont .forpet .content ul li .text .speech {width:103px; font-size:14px; padding:19px 0 11px;}
		.product01 .product_cont .forpet .content ul li .text p {width:calc(100% - 115px); font-size:105%;}
	}

	@media screen and (max-width:799px){
		.product01 .product_cont .forpet {padding:46px 0;}
		.product01 .product_cont .forpet .info .text_box em {font-size:85%;}

		.product01 .product_cont .forpet .content ul {padding:2%;}
		.product01 .product_cont .forpet .content ul li {width:48%; margin:1%;}
		.product01 .product_cont .forpet .content ul li .text {height:81px; padding:11px 3%;}
		.product01 .product_cont .forpet .content ul li .text .speech {width:39%; font-size:60%; padding:12px 0;}
		.product01 .product_cont .forpet .content ul li .text p {width:58%; font-size:90%; margin-left:1%; padding-top:5px;}
	}

	@media screen and (max-width:499px){
		.product01 .product_cont .forpet .content ul {padding:5% 0;}
		.product01 .product_cont .forpet .content ul li .text {height:98px;}
		.product01 .product_cont .forpet .content ul li .text .speech {width:100%; padding:10px 0 6px;}
		.product01 .product_cont .forpet .content ul li .text p {width:100%; font-size:80%; text-align:center;}
	}


.product01 .product_cont .safety {background:#aaaaaa; padding:84px 0 64px; text-align:center;}
.product01 .product_cont .safety .text_box h5 {color:#fff; margin-bottom:25px;}
.product01 .product_cont .safety .image img {margin-left:-20px;}

.product01 .product_cont .howtouse {padding:0;}
.product01 .product_cont .howtouse img {width:100%;}

	@media screen and (max-width:999px){
		.product01 .product_cont .safety .image img {width:80%; margin-left:-3%;}
	}

	@media screen and (max-width:799px){
		.product01 .product_cont .safety {padding:42px 0 32px;}
		.product01 .product_cont .safety .image img {width:90%; margin-left:-2%;}
	}

#footer {margin-top:145px;}

	@media screen and (max-width:1199px){
		#footer {margin-top:105px;}
	}

	@media screen and (max-width:999px){
		#footer {margin-top:85px;}
	}

	@media screen and (max-width:799px){
		#footer {margin-top:55px;}
	}



/* 항균·살균 조명 - product04 */
.tabCon{display:none; width:100%; text-align:center; box-sizing:border-box;}
.tabCon > .tab_con {margin:100px auto;}
.tabCon > .tab_con2 {padding:100px 0;}
.tabCon > .tab_con .container, .content .container {max-width:1200px; margin:0 auto;}
.tabCon > .tab_con h4, .content h4 {font-family:'Montserrat'; font-size:16px; font-weight:600; color:#123693; margin:0;}
.tabCon > .tab_con hr, .content hr {width:26px; height:2px; border:0; background-color:#333; margin:14px auto 2px;}
.tabCon > .tab_con h1, .content h1 {font-size:50px; font-weight:600; line-height:2; margin:0;}
.tabCon > .tab_con p, .content > .container > p {color:#595959; line-height:1.6; font-weight:300; margin:0;}
.tabCon > .tab_con p:last-of-type, .content > .container > p:last-of-type {margin-bottom:40px;}
.tabCon > .tab_con1 .led_img {display:flex; justify-content:space-between; flex-wrap:wrap;}
#content2 .tab_con1 .led_img {justify-content:center;}
.tabCon > .tab_con1 .led_img > img {width:49.7%; border:1px solid #c8c8c8; box-sizing:border-box;}
.tabCon > .tab_con2 {background:#f0f0f0;}
.tabCon > .tab_con2 .drawing_img {display:flex; justify-content:center; align-items:center; width:100%; height:53vw; max-height:530px; border:2px solid #dadada; background-color:#fff; box-shadow:2px 12px 27px #ddd;}
.tabCon > .tab_con2 .drawing_img img {width:82%;}
.tabCon > .tab_con3 table {width:100%; border-collapse:collapse; font-size:18px; text-align:left; line-height:48px; background-color:#f0f0f0;}
.tabCon > .tab_con3 tr {border-bottom:1px solid #fff; font-weight:500;}
.tabCon > .tab_con3 th {color:#fff; background-color:#222; font-weight:500;}
.tabCon > .tab_con3 th:first-child {width:40%; padding-left:17%;}
.tabCon > .tab_con3 th:nth-child(2) {width:15%;}
.tabCon > .tab_con3 th:nth-child(3) {width:30%;}
.tabCon > .tab_con3 td:first-child {padding-left:17%;}

#content4 {background:url("/ko/theme/dmled/img/sub/iot_light/test_bg.jpg") no-repeat; padding:100px 0;}
#content4 .test {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; background-color:#fff; padding-bottom:50px;}
#content4 .test p {width:100%; font-weight:300;}
#content4 .test .test_01, #content4 .test .test_02 {margin:50px;}
#content4 .test .test_01 p:first-of-type, #content4 .test .test_02 p:first-of-type {font-size:18px; font-weight:500; color:#4371bc; margin:20px 0 6px;}
#content4 .test .test_01 p:last-of-type, #content4 .test .test_02  p:last-of-type {font-size:14px; color:#666;}

#content5 {text-align:left; padding-top:85px;}
#content5 .container {display:flex; justify-content:space-between; flex-wrap:wrap;}
#content5 hr {margin:14px 0;}
#content5 h1 {font-size:46px; line-height:unset; font-weight:100; letter-spacing:-0.06em; color:#000;}
#content5 h1 span:first-of-type {font-weight:500;}
#content5 h1 span:last-of-type {font-weight:500; color:#123693;}
.cont5_wrap:nth-of-type(1) {width:54%}
.cont5_wrap:nth-of-type(2) {width:46%;}
.cont5_wrap > p {text-align:left !important;}
.cont5_wrap p {font-weight:300; text-align:center;}
.cont5_wrap > p, .cont5_application p {font-weight:600; color:#3c3c3c; margin-bottom:20px;}
.cont5_wrap ul, .cont5_application ul {display:flex; justify-content:space-between;}
.cont5_wrap ul img, .cont5_application ul img {width:100%;}
.cont5_application {width:100%;}


.product04 {text-align:center;}
.product04 input {display:none;}
.product04 label {display:inline-block; padding:16px 38px; font-size:17px; font-weight:500; letter-spacing:-0.03em; color:#bfbfbf; border:2px solid #c7c7c7; border-radius:30px; cursor:pointer;}
 
/*input 클릭시, label 스타일*/
.product04 input:checked + label {color:#003cb5; border:2px solid #003cb5;}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {display:block;}

@media screen and (max-width:1199px){
	.container {padding:0;}
	.tabCon > .tab_con .container, .content .container {padding:0 2%;}
}

@media screen and (max-width:1023px){
	.product04 label {padding:12px 30px;}
	.tabCon > .tab_con {margin:80px auto;}
	.tabCon > .tab_con h1, .content h1 {font-size:36px; line-height:1.8;}
	.tabCon > .tab_con2 {padding:80px 0;}
	.tabCon > .tab_con2 .drawing_img img {width:88%;}
	.tabCon > .tab_con3 table {font-size:17px; line-height:45px;}
	.tabCon > .tab_con3 th:first-child, .tabCon > .tab_con3 td:first-child {padding-left:10%;}
	.tabCon > .tab_con3 th:nth-child(3) {width:40%;}
	#content4 {padding:80px 0;}
	#content4 .test .test_01, #content4 .test .test_02 {margin:7% 2%;}
	#content5 h1 {font-size:36px;}
	.cont5_wrap p {font-size:14px; letter-spacing:-0.03em;}
	.cont5_wrap > p {font-size:16px;}
}

@media screen and (max-width:767px){
	.product04 label {margin:auto auto 5px; font-size:14px; padding:1.5% 2%;}
	.tabCon > .tab_con {margin:40px auto 50px;}
	.tabCon > .tab_con h4, .content h4 {font-size:14px;}
	.tabCon > .tab_con h1, .content h1 {font-size:30px;}
	.tabCon > .tab_con p:last-of-type, .content > .container > p:last-of-type {margin-bottom:25px;}
	.tabCon > .tab_con p, .content > .container > p {line-height:1.4; font-size:15px; word-break:keep-all;}
	.tabCon > .tab_con2 {padding:50px 0;}
	.tabCon > .tab_con3 table {font-size:15px; line-height:40px;}
	.tabCon > .tab_con3 th, .tabCon > .tab_con3 tr {font-weight:400;}
	.tabCon > .tab_con3 th:first-child, .tabCon > .tab_con3 td:first-child {padding-left:3%;}
	.tabCon > .tab_con3 th:first-child {width:40%;}
	.tabCon > .tab_con3 th:nth-child(2) {width:16%;}
	.tabCon > .tab_con3 th:nth-child(3) {width:52%;}
	#content4 {padding:50px 0; background-size:contain; background-color:#f6f6f6;}
	#content4 .test .test_01 p:first-of-type, #content4 .test .test_02 p:first-of-type {font-size:16px; margin:14px 0 0;}
	#content4 .test .test_01, #content4 .test .test_02 {margin-top:10px;}
	#content4 .test {padding-top:40px;}
	#content4 .test p {font-size:15px;}
	#content5 {text-align:center; padding-top:50px;}
	#content5 .container {max-width:574px !important;}
	#content5 h1 {font-size:30px;}
	.cont5_wrap:nth-of-type(1), .cont5_wrap:nth-of-type(2) {width:100%; margin-bottom:25px;}
	.cont5_wrap > p, .cont5_application p {font-size:15px; font-weight:500;}
	.cont5_application ul {flex-wrap:wrap;}
	.cont5_application ul li {width:50%;}
}

@media screen and (max-width:414px){
	.product04 label {display:block; font-size:14px; padding:6px 0; width:70vw;}
	.tabCon > .tab_con {margin:30px auto 40px;}
	.tabCon > .tab_con h4, .content h4 {font-size:13px;}
	.tabCon > .tab_con h1, .content h1 {font-size:24px; line-height:1.6;}
	.tabCon > .tab_con p, .content > .container > p {font-size:14px;}
	.tabCon > .tab_con1 .led_img > img {width:100%;}
	.tabCon > .tab_con1 .led_img > img:nth-child(2) {margin-top:-1px;}
	.tabCon > .tab_con2 .drawing_img img {width:96%;}
	.tabCon > .tab_con2 {padding-top:40px;}
	.tabCon > .tab_con3 table {font-size:13px; line-height:32px; word-break:keep-all;}
	#content4 {padding:40px 0;}
	#content4 .test {padding:30px 0;}
	#content4 .test p {font-size:14px;}
	#content4 .test .test_01 p:first-of-type, #content4 .test .test_02 p:first-of-type {font-size:15px;}
	#content4 .test .test_01 p:last-of-type, #content4 .test .test_02 p:last-of-type {font-size:13px;}
	#content4 .test .test_01 img, #content4 .test .test_02 img {width:70%;}
	#content5 {padding-top:40px;}
	#content5 h1 {font-size:24px;}
	.cont5_wrap > p, .cont5_application p {margin-bottom:10px;}
	.cont5_wrap ul, .cont5_application ul {flex-wrap:wrap; justify-content:center;}
	.cont5_wrap ul li, .cont5_application ul li {width:65%; margin-bottom:15px;}
	.cont5_application ul li:last-child, .cont5_application ul li:last-child p {margin-bottom:0;}
	.cont5_wrap > p {text-align:center !important;}
}




.product05 .br {display:block;}
.product05 .sec01 {display:flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:130px;}
.product05 .sec01 .imgBox {width:48%; text-align:center;}
.product05 .sec01 .imgBox img {max-width:100%;}
.product05 .sec01 .imgBox .imgCont {display:none; }
.product05 .sec01 .imgBox .imgCont.current {display:inherit;}
.product05 .sec01 .infoBox {width:50%; margin-left:2%;}
.product05 .sec01 .infoBox .tabCont {border-top:1px solid #e5e5e5; padding:20px 0;}
.product05 .sec01 .infoBox .tabCont:nth-child(4) {border-bottom:1px solid #e5e5e5;}
.product05 .sec01 .infoBox .tabCont h6 {font-size:24px; font-weight:600; color:#123693; cursor:pointer;}
.product05 .sec01 .infoBox .textBox {display:none;}
.product05 .sec01 .infoBox .sTit {font-size:18px; color:#333; letter-spacing:-0.04em; font-weight:500; margin-top:3px;}
.product05 .sec01 .infoBox .cont {font-size:16px; font-weight:400; letter-spacing:-0.05em; margin-top:25px; color:#555;}
.product05 .sec01 .infoBox .cont p {margin-top:25px;}
.product05 .sec01 .infoBox .cont p b {color:#333;}
.product05 .sec01 .infoBox .cont p:first-child {margin-top:0;}
.product05 .sec01 .infoBox .cont .dotUl {margin-left:15px;}
.product05 .sec01 .infoBox .cont .dotUl li {margin:3px 0;}
.product05 .sec01 .infoBox .cont .dotUl li:before {position:relative; display:inline-block; margin-left:-10px; margin-right:5px; content:'·';}
.product05 .sec01 .infoBox .download {display:flex; justify-content: center; width:50%; max-width:260px; margin-top:50px; background:#4a4a4a; color:#fff; font-size:16px; font-weight:400; padding:10px 0; border-radius:25px; overflow:hidden;}
.product05 .sec01 .infoBox .download:before {position:relative; display:inline-block; margin-right:28px; content:url('../img/sub/downIcon.png');}

.product05 .sec01 .infoBox .current {padding:20px 0 30px;}
.product05 .sec01 .infoBox .current .textBox {display:inherit;}
.product05 .sec01 .infoBox .current h6 {font-size:32px; color:#123693;  cursor:inherit;}
.product05 .sec01 .linkBox {width:100%; text-align:center; margin-top:20px;}
.product05 .sec01 .linkBox a {display:block; padding:20px 0; background:#161c2c; color:#fff; font-size:24px;}

	@media screen and (max-width:1199px){
		.product05 .sec01 {justify-content: space-evenly; padding:0 2%;}
		.product05 .sec01 .imgBox {width:45%;}
		.product05 .sec01 .infoBox {width:52%; margin-left:3%;}
	}

	@media screen and (max-width:999px){
		.product05 .sec01 {margin-bottom:100px;}
		.product05 .sec01 .imgBox {width:43%;}
		.product05 .sec01 .infoBox {width:52%; margin-left:5%;}
		.product05 .sec01 .infoBox .tabCont h6 {font-size:120%;}
		.product05 .sec01 .infoBox .sTit {font-size:105%;}
		.product05 .sec01 .infoBox .cont {font-size:100%;}
		.product05 .sec01 .infoBox .download {width:80%; font-size:100%; margin-top:30px;}

		.product05 .sec01 .infoBox .current h6 {font-size:160%;}
		.product05 .sec01 .linkBox a {padding:15px 0; font-size:120%;}
	}

	@media screen and (max-width:799px){
		.product05 .sec01 {flex-direction: column; padding:0 5%;}
		.product05 .sec01 .imgBox {width:100%;}
		.product05 .sec01 .imgBox #tab-2.imgCont.current img {max-width:60%; margin-bottom:20px;}
		.product05 .sec01 .infoBox {width:100%; margin-left:0;}
		.product05 .sec01 .infoBox .tabCont {padding:15px 0;}
		.product05 .sec01 .infoBox .tabCont h6 {font-size:110%;}
		.product05 .sec01 .infoBox .tabCont p {word-break:keep-all;}
		.product05 .sec01 .infoBox .sTit {font-size:100%;}
		.product05 .sec01 .infoBox .cont {font-size:95%;}
		.product05 .sec01 .infoBox .download {width:100%; max-width:inherit; font-size:95%;}

		.product05 .sec01 .infoBox .current {padding:20px 0 30px;}
		.product05 .sec01 .infoBox .current h6 {font-size:140%;}
		.product05 .sec01 .linkBox a {font-size:110%;}
	}

	@media screen and (max-width:499px){
		.product05 .sec01 .infoBox .sTit {font-size:95%;}
		.product05 .sec01 .infoBox .cont {font-size:90%; margin-top:10px;}
		.product05 .sec01 .infoBox .cont p {margin-top:10px;}
		.product05 .sec01 .infoBox .download {width:100%; max-width:inherit; font-size:90%;}
		.product05 .sec01 .linkBox a {font-size:100%;}

	}

.product05 .sec02 {background:url('../img/sub/product05Sec02Bg.jpg') center no-repeat; background-size:cover; text-align:center; padding:118px 0; margin-bottom:-145px;} 
.product05 .sec02 h5 {font-size:40px; color:#fff; margin-bottom:58px;}
.product05 .sec02 h5 .sTit {font-size:14px; font-weight:400; display:block;}
.product05 .sec02 .contBox {display:flex; justify-content: space-evenly;}
.product05 .sec02 .contBox .box {position:relative; display: flex; flex-direction: column; justify-content: center; width:50%; max-width:443px; min-height:270px; background:#fff;}
.product05 .sec02 .contBox .box:before {position: absolute; width: 100%; height: 100%; left: -17px; top: 17px; z-index: 1; background:rgba(255,255,255,0.2); content: '';}
.product05 .sec02 .contBox .box h6 {font-size:24px; letter-spacing:-0.03em;}
.product05 .sec02 .contBox .box h6:after {position:relative; display:block; width:10px; height:2px; background:#102251; margin:20px auto; content:'';}
.product05 .sec02 .contBox .box p {font-size:20px; font-weight:500; color:#555;}

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

	@media screen and (max-width:999px){
		.product05 .sec02 {padding:78px 0; margin-bottom:-85px;}
		.product05 .sec02 h5 {font-size:240%; margin-bottom:38px;}
		.product05 .sec02 h5 .sTit {font-size:30%;}
		.product05 .sec02 .contBox .box {width:45%; min-height:250px;}
		.product05 .sec02 .contBox .box:before {left:-10px; top:10px;}
		.product05 .sec02 .contBox .box h6 {font-size:140%;}
		.product05 .sec02 .contBox .box p {font-size:110%;}
	}

	@media screen and (max-width:799px){
		.product05 .sec02 .contBox {flex-direction: column; align-items: center;}
		.product05 .sec02 .contBox .box {width:80%; min-height:200px; margin-bottom:30px;}
		.product05 .sec02 .contBox .box h6 {font-size:130%;}
		.product05 .sec02 .contBox .box p {font-size:100%;}
	}

	@media screen and (max-width:499px){
		.product05 .sec02 {padding:58px 0;}
		.product05 .sec02 h5 {font-size:220%; margin-bottom:28px;}
		.product05 .sec02 .contBox .box {min-height:180px; margin-bottom:20px;}
		.product05 .sec02 .contBox .box h6 {font-size:110%;}
		.product05 .sec02 .contBox .box h6:after {margin:15px auto;}
		.product05 .sec02 .contBox .box p {font-size:90%;}

	}