@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* board */
ul.bbsList{border-top-color:#013a54;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{border-color:#013a54;}
ul.bbsList li .more em,
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus,
ul.bbsList li:hover .date,
ul.bbsList li:hover .date i{color:#013a54;}
ul.bbsList li .notice{background:#013a54;}

.pagination span{color:#013a54; border-color:#013a54;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{background:#f9f1f2; border-color:#f9f1f2;}

.faqList dt.on:before{background:#013a54;}

.bbsTitle_cont > i{color:#013a54; border-bottom-color:#013a54;}
.bbsPager .inr_pager > a:hover > em{color:#013a54;}

.inr_pagination > a:hover > em{color: #c6a582;}

/****************************************************/


.list02 > li{position:relative; line-height:1.7; padding-left:13px; margin-bottom:7px;}
.list02 > li:before{content:""; position:absolute; left:0; top:12px; width:5px; height:1px; margin-right:5px; background:#555;}
.list01 > li{overflow: hidden; position:relative; line-height:1.7; padding-left:13px; margin-bottom:10px; margin-left: 18px;}
.list01 > li:before{content:""; position:absolute; left:0; top:12px; width:4px; height:4px; margin-right:5px; background:#777; border-radius:50%;}

.wrap{width:1200px; margin:0 auto;}
.area_subVisual{position: relative; height:500px; width: 100%; margin: 0 auto; text-align: center;}
.area_subVisual{position:relative; width:100%; height:400px; overflow:hidden;}
.area_subVisual .v_zoom{position:absolute;left:0;top:0;bottom:0;width:100%; transform:scale(1.2); background-repeat: no-repeat;background-position: 50% 80%; transition:4s;}
.area_subVisual .v_zoom.on {transform:scale(1);}
.area_subVisual .text{position: absolute; top: 50%; left: 0; right: 0; transform: translate(0,-50%); color:#fff; }
.area_subVisual .text h2{font-size:40px; -webkit-animation: fade-in-bottom 1s ease-in-out;  animation: fade-in-bottom 1s ease-in-out; }
.area_subVisual .text p{opacity:0.8; -webkit-animation: fade-in-bottom 1s ease-in-out;  animation: fade-in-bottom 1s ease-in-out;}
.lnb{width:100%;margin:0 auto; border-bottom:1px solid #ddd;}
.lnb ul{width:1200px; margin:0 auto; text-align:center;}
.lnb ul li{display:inline-block;position:relative; margin-left:36px}
.lnb ul li:first-child{margin-left:0;}
.lnb ul li a{display:block; min-width:170px; height:60px; line-height:60px; text-align: center; font-size:18px; color:#aaa}
.lnb ul li a:after{content:''; display:block; position:absolute; left:0; bottom:-1px; height:4px; background:#023664; width:0;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease}
.lnb ul li a.on:after{left:0; width:100%; }
.lnb ul li a.on{color:#023664}
.lnb ul li a:hover{color:#023664}
.lnb ul li a:hover:after{width:100%;}

#content.sub{padding:80px 0;}
.sub_title,
.sub_tit{margin-bottom:50px; color: #111; font-size: 45px; text-align:center;}
.sub_tit02{position:relative; padding-left:15px; margin-bottom:30px; font-size:30px; color:#111; text-align: left;}
.sub_tit02:before{content:''; display:block; position:absolute; left:0; top:10px; width:3px; height:28px; background:#023664;}

/* CEO 인사말 */
.area_comapny .cont {display:-ms-flexbox;display:-webkit-flex;display: flex;justify-content: center;align-items: flex-start;} 
.area_comapny .cont .text {position: relative;width: 60%;text-align: center;} 
.area_comapny .cont .img {position: relative; display:-ms-flexbox; display:-webkit-flex; display: flex; justify-content: flex-end; } 
.area_comapny .cont .text i { display: block; font-size: 20px; color: #dbdbdb; font-style: normal; } 
.area_comapny .cont .text h3 { display: block; font-size: 57px; color: #dbdbdb; padding: 0 0 56px; line-height:1; } 
.area_comapny .cont .text span { display: block; margin-bottom: 30px; font-size:30px;  color:#111; font-weight:bold;} 
.area_comapny .cont .text p {line-height:1.7; font-size: 17px; padding: 28px 24px 0 0; font-weight:300; word-break: keep-all;} 
.area_comapny .cont .text span:nth-of-type(2) {margin-top:80px;} 
.area_comapny .cont .text span b { display: inline-block; vertical-align: top; font-size: 20px; color: #000; margin-right: 20px; font-weight:bold; } 
.area_comapny .cont .img ul{position:absolute; left:-65px; top:15%;}
.area_comapny .cont .img ul li{width:0; height:20px; margin-bottom:10px; transition:2s}
.area_comapny .cont .img ul li:first-child{background:#f6851e}
.area_comapny .cont .img ul li:nth-child(2){background:#023664}
.area_comapny .cont .img ul li:last-child{background:#808284}
.area_comapny .cont .img.active ul li{width:100px; transition:2s}

*[lang="en"] .area_comapny .cont .text span{margin-bottom:0}
*[lang="en"] .area_comapny .cont .text span:nth-of-type(2){margin-top:30px;}

/* history */
.historywrap{position:relative; overflow:hidden; margin-top:65px;}
.historywrap::before{content:""; display:block; width:7px; height:7px; background:#bbb; border-radius:50%; position:Absolute; left:50%; margin-left:-3px; bottom:0; z-index:10}
.historywrap::after{content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:10px; z-index:0}
.history_img{background:url(../../images/contents/img_history.jpg) no-repeat 50%; padding:120px 0; text-align:center; color:#fff; font-size:22px;}
.history_img b{display:block;}

.historywrap .his_in{clear:both;position:Relative; padding:0 0 100px 70px; z-index:1; width:50%; box-sizing:border-box; float:right;}
.historywrap .his_in h6{font-size:40px;font-weight:700;color: #023664;line-height:100%;letter-spacing:0.3pt;margin-bottom:20px;position:relative;}
.historywrap .his_in h6:after {display:block;content:"";width:11px;height:11px;box-sizing:border-box;position:absolute;top:8px;left:-74px;background: #023664;}
.historywrap .his_in h6 a{font-weight:700; color:#0187ce; line-height:100%;}
.historywrap .his_in h6 form{display:inline; position:Relative; top:-5px; left:-5px;}
.historywrap .his_in .his_txt{}
.historywrap .his_in .his_txt dl{position:relative; overflow:hidden; clear:both; padding:0 0 12px}
.historywrap .his_in .his_txt dl:last-child {padding-bottom:0}
.historywrap .his_in .his_txt dt{color:#272c2f; font-weight:700; width:60px; float:left; font-size:18px;}
.historywrap .his_in .his_txt dd {color:rgba(39,44,47,.8); letter-spacing:-0.3pt; position:Relative; width:calc(100% - 60px); float:left; box-sizing:Border-box;  word-break:keep-all; font-size:18px;}
.historywrap .his_in:first-child{}
.historywrap .his_in:last-child{padding-bottom:150px}

.historywrap div.his_img {position:absolute; width:100%; text-align:right; left:-100%; padding-right:70px; box-sizing:border-box;}
.historywrap div.his_img img{max-width:100%;}
.historywrap .his_in:nth-child(even) div.his_img {left:100%; text-align:left; padding-left:70px; padding-right:0}

.historywrap .his_in:nth-child(even){float:left; padding:0 70px 100px 0}
.historywrap .his_in:nth-child(even) h6{text-align:right}
.historywrap .his_in:nth-child(even) h6:after {left:auto; right:-76px}
.historywrap .his_in:nth-child(even) .his_txt{text-align:right;}
.historywrap .his_in:nth-child(even) .his_txt dt{float:right;}
.historywrap .his_in:nth-child(even) .his_txt dd::before{left:auto; right:0;}

*[lang="en"] .historywrap .his_in .his_txt dt{width:120px;}
*[lang="en"] .historywrap .his_in .his_txt dd{width:calc(100% - 120px);}

ul.tabs{display:flex; margin: 0px; padding: 0px; list-style: none;}
ul.tabs li{width: 33.33%; padding:15px 0; background: #f9f9f9; border: 1px solid #e2e2e2; text-align: center; font-size:18px; font-weight:bold; cursor:pointer; font-size: 18px; color: #888; }
ul.tabs li.current{font-weight: bold; color: #fff; background: #333; border:1px solid #333; z-index: 9; }
.tab-content{display: none;  padding:15px 0;}
.tab-content.current{display: inherit;}

.snb{margin:40px 0}
.snb ul{overflow:hidden; border:1px solid #ddd; max-width:768px; margin:0 auto;}
.snb ul li{box-sizing:border-box; float:left; width:33.3%; text-align:center; border-left:1px solid #ddd;}
.snb ul li:first-child{border-left:0}
.snb ul li a{display:block; width:100%; padding:20px 0;}
.snb ul li a.on{background:#333; color:#fff;}

/* vision */
.vision_top{ padding:28px 10px; background:#023664; text-align:center; }
.vision_top span{display:block; margin-bottom:7px; font-size:22px; font-weight:bold; color:#fff;}
.vision_top p{font-weight:300; color:#fff;}
.vision_list{ display: flex; justify-content: space-evenly; padding:40px;  border:solid 1px #e0e0e0; box-shadow:0px 15px 30px 0 rgba(0, 0, 0, 0.06);}
.vision_list > li img{height:48px;}
.vision_list > li > div{width:300px;height:300px;border-radius:50%;text-align:center;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.vision_list > li > div p{margin-top:15px; font-size:20px; color:#fff;}
.vision_list > li > ul{margin-top:25px;}
.vision_list > li > ul li{text-align:center; font-weight:500}

*[lang="en"] .vision_list > li{width:30%;}

/* 사업영역 */
.area_battery .img{padding:50px 0; border:1px solid #888;}
.area_battery p{display: inline-block; margin-top:25px; padding:10px 25px; background:#222; font-size: 18px; color: #fff; text-align:center;}
.area_battery {text-align:center;}

.area_recycling .img{}
.area_recycling p{display: inline-block; padding:10px 25px; background:#222; font-size: 18px; color: #fff; text-align:center;}
.area_recycling {text-align:center;}

.area_rnd h3{margin-bottom:25px;}
.area_rnd .rnd_top dl{position: relative; padding-left:220px;}
.area_rnd .rnd_top dl + dl{margin-top: 15px;}
.area_rnd .rnd_top dt{width:220px;position: absolute;top: 2px;left: 0;font-size: 20px;line-height: 1.3;font-weight: 500;letter-spacing: -0.5px;color: #023664;}
.area_rnd .rnd_top dt:before{position: absolute;top: 8px;left: -18px;display: block;content: '';width: 6px;height: 6px;-webkit-border-radius: 100%;border-radius: 100%;background-color: #023664;}
.area_rnd .rnd_top dd{font-size: 18px; line-height: 1.7; letter-spacing: -0.65px; font-weight: 500; color: #232323;}

.area_rnd .rnd_mid{margin:60px 0;}
.area_rnd .gray{margin-bottom:60px; padding: 40px 5.6%; background-color: #f8f8f8;}

.rnd_mid{position:relative;}
.rnd_mid .bx-controls-direction a.bx-prev:After{}
.rnd_mid .bx-controls-direction a:hover{opacity:1;}
.rnd_mid .bx-controls-direction a{display:block; position:absolute; opacity:1; overflow:hidden; width:50px; height:50px; text-indent:-9999px; transition:all 0.2s ease-out 0s; transform:scale( 1.0 );}
.rnd_mid .bx-controls{position:absolute; top:50%; z-index:51; width:100%; margin-top:-25px; text-align:center;}
.rnd_mid .bx-controls > div{position:relative; width:100%; margin:0 auto;}
.rnd_mid .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0 0 0 / 60%) url(../images/contents/btn_img.svg) no-repeat 50% 50%; background-size:17px 27px}
.rnd_mid .bx-controls-direction a.bx-next{right:0;}
.rnd_mid .bx-controls-direction a.bx-prev{left:0px;}
.rnd_mid .bx-controls-direction a.bx-prev:after{background:rgb(0 0 0 / 60%) url(../images/contents/btn_img.svg) no-repeat 50% 50%; background-size:17px 27px; transform: rotate(180deg)}

*[lang="en"] .area_rnd .rnd_top dt{position:relative; width:100%; margin-bottom:7px;}
*[lang="en"] .area_rnd .rnd_top dl{padding-left:0}

/* 제품소개 */
.area_product{max-width: 1100px; margin: 0 auto; }
.product_top {display: flex;justify-content: flex-start;align-items: center;}
.product_top > div{}
.product_top .img{width:45%;}
.product_top .text{width:50%}
.product_top .text span{display: inline-block;/* padding: 6px 25px; *//* background: #023664; */border-radius: 20px; font-size: 25px; font-weight: bold; color: #000;}
.product_top .text h3{line-height: 1.2; margin:15px 0 20px 0; font-weight:bold; font-size:40px; color:#111;}
.product_top .text p{line-height:1.8; font-size:18px; color:#444; word-break:keep-all; margin-bottom: 40px;}

.area_product .text_content {
	padding-block: 10px;
    margin-inline: -270px;
    border-radius: 15px;
    margin-top: 50px;
    border-width: 1px;
    border-color: #c3c3c3;
    background: border-box;
    background-clip: padding-box;
    border-style: solid;
}


*[lang="en"] .product_top .text .mgt0{margin-top:0}
*[lang="en"] .product_top .text h3{font-size: 35px;}

.product_table{margin-top:60px;}
.product_table h3{margin-bottom:30px;}
.table01{ width: 100%; border-top: 2px solid #000; }
.table01 thead th { background-color: #f9f9f9; border-bottom: 1px solid #e9e9e9; font-size: 15px; line-height: 35px; vertical-align: middle; height: 60px; text-align: center; }
.table01 tbody th,
.table01 tbody td { font-size: 15px; color: #666; line-height: 32px; padding: 20px 10px; vertical-align: middle; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; text-align:center; }
.table01 tbody td.center { text-align: center; }
.table01 tbody th { background-color: #eef0f4; font-size: 15px; color: #183039; border-left: 0; }
.bdl0{border-left:0 !important}

.product_table .box{}
.product_table .box h4{margin-bottom:12px; font-size:22px; color:#111;}
.product_table .box ul li{font-size:17px;}

.product_table.v1{overflow: hidden;}
.product_table.v1 .inr{float:left; width:48%; margin-right:4%;}
.product_table.v1 .inr.mg0{margin-right:0}
.product_table .sub_tit03 {margin-bottom:12px; text-align: center; font-size: 18px; color: #111;}

/* 오시는 길 */
.area_map{overflow: hidden;}
.img_list{position: relative; margin-bottom:50px;}
.area_map .map_wrap{  }
.area_map .root-map{ width: 100%; }
.area_map .root-map .wrap_map{ height: 100%; }
.area_map .root-map svg{ pointer-events: none; }
.area_map :is(.map_border, .wrap_controllers, .cont){ display: none; }
.area_map .text_wrap{}

.area_map h3{margin-top:40px; margin-bottom:20px;}
.area_map .text_wrap ul{margin-top:20px; text-align:center;}
.area_map .text_wrap ul li{display:inline-block; margin-bottom:15px; margin-right:30px; font-size:18px;}
.area_map .text_wrap ul li b{display:inline-block; color:#111; padding-right:15px;}
.area_map .text_wrap .btn{display:block; margin-top:30px;}
.area_map .text_wrap .btn a{display:block; width:180px; padding:15px 0; border:1px solid #111; text-align:center;}

.img_list li{ }
.img_list img{width:100%}

.area_map .bx-controls-direction a.bx-prev:After{}
.area_map .bx-controls-direction a:hover{opacity:1;}
.area_map .bx-controls-direction a{display:block; position:absolute; opacity:1; overflow:hidden; width:50px; height:50px; text-indent:-9999px; transition:all 0.2s ease-out 0s; transform:scale( 1.0 );}
.area_map .bx-controls{position:absolute; top:50%; z-index:51; width:100%; margin-top:-25px; text-align:center;}
.area_map .bx-controls > div{position:relative; width:100%; margin:0 auto;}
.area_map .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0 0 0 / 60%) url(../images/contents/btn_img.svg) no-repeat 50% 50%; background-size:17px 27px}
.area_map .bx-controls-direction a.bx-next{right:0;}
.area_map .bx-controls-direction a.bx-prev{left:0px;}
.area_map .bx-controls-direction a.bx-prev:after{background:rgb(0 0 0 / 60%) url(../images/contents/btn_img.svg) no-repeat 50% 50%; background-size:17px 27px; transform: rotate(180deg)}


.area_neo{text-align:center}

.area_policy{font-weight:300; font-size:15px;}
.area_policy h4{margin-bottom:0.72rem; font-size:20px; color:#111;}

/* sub0601 */
.snb.form ul li{width:50%;}

	/* ------------- sub0601 from fraud ------------- */
	.fraud .inConts {
		position: relative;
		max-width: 1230px;
		width: 100%;
		padding: 0 15px 6.5rem;
		margin: 0 auto;
	}

	.content.fraud {
		padding-bottom: 0!important;
	}

	.inConts > .ethics > p {
		margin-bottom: 3.125rem;
	}

	.inConts > .ethics > .top_list {
		border: 1px solid #e2e2e2;
		display: flex;
		padding: 1.25rem 0;
		position: relative;
	}
	
	.inConts > .ethics > .top_list:before {
		content: '';
		width: 1px;
		height: 50%;
		background-color: #e2e2e2;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%)
	}
	
	.inConts > .ethics > .top_list .left {
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.inConts > .ethics > .top_list .left ul li {
		position: relative;
		color: #777;
	}
	
	.inConts > .ethics > .top_list .left ul li:last-child {
		margin-bottom: 0;
	}
	
	.inConts > .ethics > .top_list .left ul li:before {
		content: '*';
		position: absolute;
		left: -10px;
		top: 15px;
		transform: translateY(-50%)
	}
	
	.inConts > .ethics > .top_list .right {
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.inConts > .ethics > .top_list .right ul li {
		position: relative;
		color: #777;
	}
	.inConts > .ethics > .top_list .right ul li:last-child {
		margin-bottom: 0;
	}
	
	.inConts > .ethics > .top_list .right ul li:before {
		content: '*';
		position: absolute;
		left: -10px;
		top: 13px;
		transform: translateY(-50%)
	}
	
	.inConts > .ethics > h2 {
		font-size: 1.3rem;
		margin-bottom: 0.72rem
	}
	
	.inConts > .ethics > .epigyny {
	}
	
	.inConts > .ethics > .epigyny li {
		margin-bottom: 3.25rem;
	}
	
	.inConts > .ethics > .epigyny li:last-child {
		margin-bottom: 0
	}
	
	.inConts > .ethics > .epigyny li h4 {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 1.3rem;
		width: 11.75rem;
		height: 2.5rem;
		background-color: #26966a;
		position: relative;
		margin-bottom: 0.72rem;
	}
	
	.inConts > .ethics > .epigyny li h4:before {
		content: '';
		width: 1rem;
		height: 2.5rem;
		background-color: #26966a;
		position: absolute;
		right: -1.1rem;
		top: 0;
		bottom: 0;
	}
	
	.inConts > .ethics > .epigyny li span {
		color: #26966a;
		font-weight: 500;
	}
	
	.inConts > .ethics .chart {
		border: 1px solid #e2e2e2;
		padding: 4rem;
		margin: 1.8rem 0 6.25rem
	}
	
	.inConts > .ethics .chart .chart_box .chart_top {
		display: flex;
		text-align: center;
		align-items: center;
		height: 8.8rem;
		position: relative;
	}
	
	.inConts > .ethics .chart .chart_box .chart_top:before {
		content: '';
		background: url('../images/sub/management/chart_bg02.png')no-repeat center center/contain;
		position: absolute;
		left: 12.5%;
		top: 4.4rem;
		width: 2px;
		height: 180px;
		z-index: -1;
	}
	
	.inConts > .ethics .chart .chart_box .chart_top .left {
		background-color: #fff;
		width: 25%;
		padding: 0.5rem;
		border-radius: 10px;
		border: 2px solid #d8d8d8;
		font-size: 1rem;
		font-weight: 700;
		display: flex;
		justify-content: center;
		align-items: center
	}
	
	.inConts > .ethics .chart .chart_box .chart_top .right {
		width: 75%;
		height: 100%;
	}
	
	.inConts > .ethics .chart .chart_box .chart_top .right ul {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		justify-content: space-between;
		height: 100%;
	}
	
	.inConts > .ethics .chart .chart_box .chart_top .right ul li {
		width: 33%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0.5rem 0;
	}
	
	.inConts > .ethics .chart .chart_box .chart_top .right ul li:first-child {
		color: #fff;
		background-color: #26966a;
		border-radius: 10px;
		font-size: 1rem;
		font-weight: 700;
		margin: 0 auto
	}
	
	.inConts > .ethics .chart .chart_box .chart_top .right ul li:nth-child(2) {
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding: 0;
		margin-top: 5rem
	}
	
	.inConts > .ethics .chart .chart_box .chart_top .right ul li:nth-child(2) > div {
		color: #26966a;
		background-color: #fff;
		border-radius: 10px;
		border: 2px solid #26966a;
		font-size: 1rem;
		font-weight: 700;
		width: 33%;
		padding: 0.5rem 0;
	}
	
	.inConts > .ethics .chart .chart_box .chart_top .right ul li:nth-child(2) > div:first-child {
		margin-left: 7.2rem
	}
	
	.inConts > .ethics .chart .chart_box .chart_bt {
		margin-top: 4.5rem;
		position: relative
	}
	
	.inConts > .ethics .chart .chart_box .chart_bt:before {
		content: '';
		background: url('../images/sub/management/chart_bg01.png')no-repeat center center;
		position: absolute;
		left: 13%;
		top: -11rem;
		width: 100%;
		height: 14rem;
		z-index: -1;
	}
	
	.inConts > .ethics .chart .chart_box .chart_bt .bt01 {
		text-align: center;
	}
	
	.inConts > .ethics .chart .chart_box .chart_bt .bt01 ul {
		display: flex;
		justify-content: space-between;
	}
	.inConts > .ethics .chart .chart_box .chart_bt .bt01 ul li {
		background-color: #ebfbf5;
		color: #26966a;
		font-size: 1rem;
		font-weight: 700;
		width: 24.5%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px 10px 0 0;
		padding: 0.5rem 0
	}
	
	.inConts > .ethics .chart .chart_box .chart_bt .bt02 {
		text-align: center;
		margin-top: 0.5rem
	}
	
	.inConts > .ethics .chart .chart_box .chart_bt .bt02 ul {
		display: flex;
		justify-content: space-between;
	}
	
	.inConts > .ethics .chart .chart_box .chart_bt .bt02 ul li {
		background-color: #ededed;
		color: #000;
		font-size: 1rem;
		font-weight: 400;
		width: 24.5%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 0 0 10px 10px;
		padding: 0.5rem 0
	}
	
	.inConts > .ethics .chart .chart_box .chart_bt {
	}
	
	.inConts > .ethics .chart .chart_box .chart_bt {
	}
	
	.inConts > .ethics .chart .chart_box .chart_bt {
	}
	
	.inConts > .ethics > .txt_cont h4 {
		font-size: 1.3rem;
		margin-bottom: 0.72rem
	}
	
	.inConts > .ethics > .txt_cont p {
	}
	
	.inConts > .ethics .chart h3 {
		margin-bottom: 1.8rem;
		color: #26996a;
		font-size: 1rem
	}
	
	.inConts > .ethics .inspection {
		max-width: 1070px;
		margin: 2rem auto 0
	}
	
	.inConts > .ethics .inspection h2 {
		font-size: 1.3rem;
		color: #023664;
		margin-bottom: 1rem
	}
	
	.inConts > .ethics .inspection ul {
		display: flex;
		justify-content: center;
	}
	
	.inConts > .ethics .inspection ul li {
		width: 16.25rem;
		height: auto;
		border-radius: 20px;
		border: 1px solid #26966a;
		padding: 1rem;
		margin-right: 0.5rem
	}
	
	.inConts > .ethics .inspection ul li:last-child {
		margin-right: 0
	}
	
	.inConts > .ethics .inspection ul li .visual {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	
	.inConts > .ethics .inspection ul li .visual h4 {
		font-size: 1.2rem;
		margin-top: 1rem
	}
	
	.inConts > .ethics .inspection ul li .txt {
		margin-top: 1.2rem
	}
	
	.inConts > .ethics .inspection ul li .txt p {
		position: relative;
		padding-left: 0.5rem;
		font-size: 0.9rem
	}
	
	.inConts > .ethics .inspection ul li .txt p:last-child {
		margin-bottom: 0;
	}
	
	.inConts > .ethics .inspection ul li .txt p:before {
		content: '';
		width: 4px;
		height: 4px;
		background-color: #000;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 15px;
	}
	
	.inConts > .ethics form {
		margin-top: 3.25rem
	}
	
	.inConts > .ethics .form_tit {
		color: #b10112;
		margin-bottom: 0.72rem;
		display: block;
	}
	
	.inConts > .ethics form table{
		display: table;
		table-layout: fixed;
	}
	
	.inConts > .ethics form table,.inConts > .ethics form table tr,.inConts > .ethics form table tr td {
		border-collapse: collapse;
		border: 1px solid #e2e2e2
	}
	
	.inConts > .ethics form table tr td {
	}
	
	.inConts > .ethics form table tr td.form_txt {
		padding: 1.2rem;
		background-color: #f7f7f7;
		width: 18.75rem;
		color: #000;
	}
	
	.inConts > .ethics form table tr td.form_visual {
		padding: 0.8rem;
		color: #000;
	}
	
	.inConts > .ethics input {
		border: 1px solid #e2e2e2;
		padding: 0.75rem;
		color: #777;
	}
	
	.inConts > .ethics input.w50 {
		width: 50%
	}
	
	.inConts > .ethics input.w15 {
		width: 15.7%
	}
	
	.inConts > .ethics input.w25 {
		width: 23.5%
	}
	
	.inConts > .ethics .checkIn {
		display: inline-block;
		vertical-align: top;
		margin-right: 0.5rem
	}
	
	.inConts > .ethics textarea {
		width: 100%;
		border: 1px solid #e2e2e2;
		padding: 1rem;
		outline: none;
		color: #777;
		height: clamp(100px, calc(100vw / 4), 450px);
	}
	
	.inConts > .ethics input[type=file] {
		border: none;
		width: 100%;
	}
	
	.inConts > .ethics input[type=file]::file-selector-button {
		background-color: #2e2e2e;
		color: #fff;
		border: none;
		padding: 8px 16px;
		font-weight: 700;
		font-size: 0.9rem;
	}
	
	.inConts > .ethics #p_num {
		width: 15.7%;
		border: 1px solid #e2e2e2;
		outline: none;
		color: #777;
		background: url('../images/common/select_btn.png') no-repeat 95% center;
		cursor: pointer;
	}
	
	.inConts > .ethics #sortation {
		cursor: pointer;
		width: 50%;
		border: 1px solid #e2e2e2;
		padding: 0.75rem;
		outline: none;
		color: #777;
		background: url('../images/common/select_btn.png') no-repeat 95% center;
	}
	
	.inConts > .ethics .select_box {
	}
	
	.inConts > .ethics input[type=radio]:checked + label:after {
		background-color: #000;
	}
	
	.inConts > .ethics input[type=radio] + label:after {
		width: 22px;
		height: 22px;
		left: 0;
	}
	
	.inConts > .ethics input[type=radio]:checked + label:before {
		border-color: #000;
	}
	
	.inConts > .ethics input[type=radio]:checked + label {
		color: #000;
	}
	
	.inConts > .ethics input[type=checkbox]:checked + label {
		color: #000;
	}
	
	.inConts > .ethics input[type=checkbox]:checked + label:before {
		border-color: #023664;
		background: #023664;
	}
	
	.inConts > .ethics .gain {
		margin-top: 6.25rem
	}
	
	.inConts > .ethics .gain h4 {
		font-size: 1.3rem;
		color: #000;
		margin-bottom: 0.72rem
	}
	
	.inConts > .ethics .gain .termsBox {
		border: 1px solid #dddddd;
		padding: 1.25rem;
		line-height: 1.3;
		height: 12.5rem;
		box-sizing: border-box;
		background-color: #f9f9f9;
		overflow-y: auto;
	}
	
	.inConts > .ethics .report_btn {
		display: flex;
		justify-content: center;
		margin-top: 6.25rem
	}
	
	.inConts > .ethics .report_btn .report {
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 16.875rem;
		height: 4.375rem;
		background-color: #28956b;
		font-size: 1.1rem
	}
	
	.inConts > .ethics .report_btn .search {
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 16.875rem;
		height: 4.375rem;
		background-color: #2f3130;
		font-size: 1.1rem;
		margin-right: 0.5rem
	}
	
	.inConts > .ethics .report_btn .correct {
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 16.875rem;
		height: 4.375rem;
		background-color: #868686;
		font-size: 1.1rem;
	}
	
	.inConts > .ethics .report_btn .main-go {
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 16.875rem;
		height: 4.375rem;
		background-color: #023664;
		font-size: 1.1rem;
	}
	
	.inConts > .ethics .report_view table,.inConts > .ethics .report_view table tr,.inConts > .ethics .report_view table tr td {
		border-collapse: collapse;
		border: 1px solid #e2e2e2;
		border-right: none;
		border-left: none;
	}
	
	.inConts > .ethics .report_view tr td:first-child {
		background-color: #f7f7f7;
		width: 20%;
	}
	
	.inConts > .ethics .report_view tr td {
		padding: 1rem;
	}
	
	.inConts > .ethics .report_view .file_down {
		text-decoration: underline;
		color: #222
	}
	
	.inConts > .ethics .report_view dl {
		border-top: 1px solid #e2e2e2;
		display: flex;
	}
	
	.inConts > .ethics .report_view dl:last-child {
		border-bottom: 1px solid #e2e2e2
	}
	
	.inConts > .ethics .report_view > h3 {
		margin-bottom: 1rem;
		font-size: 1.3rem
	}
	
	.inConts > .society {
	}
	
	.inConts > .society .tit h3 {
		font-size: 2rem;
		color: #023664;
		margin-bottom: 3.25rem;
		line-height: 1.4
	}
	
	.inConts > .society > .txt h4 {
		font-size: 1.3rem;
		margin-bottom: 0.72rem
	}
	
	.inConts > .society > .logo {
		margin: 6.25rem 0 0;
	}
	
	.inConts > .society > .logo h4 {
		font-size: 1.3rem;
		margin-bottom: 0.72rem
	}
	
	.inConts > .society > .logo ul {
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
	}
	
	.inConts > .society > .logo ul li {
		width: 14%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0.5rem
	}
	
	.inConts > .society > .list {
		margin-top: 6.25rem
	}
	
	.inConts > .society > .list > h4 {
		font-size: 1.3rem;
		margin-bottom: 0.72rem
	}
	
	.inConts > .society > .list .box {
		margin-bottom: 3rem;
	}
	
	.inConts > .society > .list .box:last-child {
		margin-bottom: 0;
	}
	
	.inConts > .society > .list .box h3 {
	}
	
	.inConts > .society > .list .box h3 {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 1.3rem;
		width: 11.75rem;
		height: 2.5rem;
		background-color: #26966a;
		position: relative;
		margin-bottom: 0.72rem;
	}
	
	.inConts > .society > .list .box h3:before {
		content: '';
		width: 1rem;
		height: 2.5rem;
		background-color: #26966a;
		position: absolute;
		right: -1.1rem;
		top: 0;
		bottom: 0;
	}
	
	.inConts > .society > .list .box ul {
		display: flex;
		justify-content: space-between
	}
	
	.inConts > .society > .list .box ul li {
		width: 49%;
	}
	
	.inConts > .society > .list .box ul li > .txt {
		margin-top: 0.72rem
	}
	
	.inConts > .society > .list .box ul li > .txt p.top {
		font-weight: 700;
		color: #000;
		font-size: 1.3rem;
	}
	
	.inConts > .society .cont {
		display: flex;
		justify-content: space-between
	}
	
	.inConts > .society .cont .right {
		width: 58%;
		padding-top: 1rem
	}
	
	.inConts > .society .cont .right .txt {
	}
	
	.inConts > .society .cont .right span {
		font-size: 2.6875rem;
		color: ##26966a
	}
	
	.inConts > .society .cont .right h1 {
		font-size: 1.8rem;
		color: #26966a;
		line-height: 1.4
	}
	
	.inConts > .society .cont .right h1 span.line0 {
		display: block;
		line-height: 0.3;
	}
	
	.inConts > .society .cont .right h1 span {
		display: block;
	}
	
	.inConts > .society .cont .right p {
		font-size: 1rem
	}
	
	.inConts > .society .cont .right .btn {
		margin-top: 1.7rem;
		display: flex;
	}
	
	.inConts > .society .cont .right .btn a {
		color: #fff;
		background-color: #26966a;
		padding: 1.5rem
	}
	
	.inConts > .ethics .list-box {
		margin-bottom: 6.25rem
	}
	
	.inConts > .ethics .list-box:last-child {
		margin-bottom: 0
	}
	
	.inConts > .ethics .list-box > h3 {
		font-size: 1.3rem;
		margin-bottom: 0.72rem;
		color: #254970
	}
	
	.inConts > .ethics .list-box > p {
		font-size: 1.1rem;
	}
	
	.inConts > .ethics .list-box .ethics-list {
		margin-top: 2.5rem
	}
	
	.inConts > .ethics .list-box .ethics-list dl dt,.inConts > .ethics .list-box .ethics-list dl dd {
		display: block
	}
	
	.inConts > .ethics .list-box .ethics-list dl dt {
		cursor: pointer;
		color: #2e2e2e;
		border-bottom: 1px solid #d9dadc;
		;position: relative;
		font-size: 1.125rem;
		font-weight: 700;
		padding: 2rem 0
	}
	
	.inConts > .ethics .list-box .ethics-list dl dt>span {
		transition: all 0.3s ease;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 40px;
		display: inline-block;
		width: 25px;
		height: 5px;
		background: url('../images/common/list_close.png') no-repeat center center;
	}
	
	.inConts > .ethics .list-box .ethics-list dl.active dt>span {
		background: url('../images/common/list_open.png') no-repeat center center;
		height: 25px;
		width: 25px;
	}
	
	.inConts > .ethics .list-box .ethics-list dl dd {
		display: none;
		border-bottom: 1px solid #d9dadc;
		font-size: 1rem;
		line-height: 1.5;
		padding: 2rem 0;
		color: #777
	}
	
	.inConts > .ethics .list-box .ethics-list dl dd p {
		position: relative;
		padding-left: 0.5rem;
	}
	
	.inConts > .ethics .list-box .ethics-list dl dd p:before {
		content: '';
		width: 5px;
		height: 1px;
		background-color: #777;
		position: absolute;
		left: 0;
		top: 14px;
	}
	
	.inConts > .ethics .bt_mana {
		margin-top: 3.125rem
	}
	
	.inConts > .ethics .bt_mana h4 {
		font-size: 1.3rem;
		margin-bottom: 0.72rem
	}
	
	.inConts > .ethics .bt_mana p {
		color: #777
	}

	/* icon list */
	.ethics_list {
		display: flex;
		justify-content: space-evenly;
		padding: 40px;
	}
	.ethics_list li {
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.ethics_list > li > div {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		text-align: center;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		background: black;
		background-size: cover;
		background-position: 50%;
	}
	.ethics_list > li img {
		height: 48px;
	}
	.ethics_list > li > ul {
		margin-top: 25px;
	}


	/* icon */
	.btn_direct {
		margin: 40px auto;
	}
	.btn_direct ul {
		overflow: hidden;
		margin: 0 auto;
		display: flex;
		gap: 20px;
		justify-content: center;
	}
	.btn_direct ul li {
		width: 50%;
			box-sizing: border-box;
			float: left;
			width: 33.3%;
			text-align: center;
			border: 1px solid #ddd;
			background: #333;
	}
	.btn_direct ul li a {
		display: block;
		width: 100%;
		padding: 20px 0;
	}
	.btn_direct ul li a.on {
		background: #333;
		color: #fff;
	}
	.btn_direct ul li a.on.blue {
		background: #4A72B7;
		color: #fff;
	}
	.inConts .tittle {
		margin-bottom: 50px;
		color: #111;
		font-size: 45px;
		text-align: center;
	}

	/* ------------- sub0601 from fraud end ------------- */
	


@media screen and (max-width:1279px){
	.lnb ul,
	.lnb{width:100%;}
	.wrap{width:94%;}
	
	.area_comapny .cont .img{width:40%;}
	.area_comapny .cont .text{width:55%;}
	.area_comapny .cont .img img{width:100%;}

	.area_recycling .img img,
	.area_battery .img img{width:90%;}
	
	.area_neo img,
	.area_recycling img,
	.area_battery img,
	.area_map .list img{width:100%;}

	.area_product{width:94%;}
	.product_top .img{width:48%;}
	.product_top{justify-content: space-between;}
	
	.vision_list{justify-content: space-between;}
	.vision_list > li > div{width:260px; height:260px;}
}


@media screen and (max-width:1023px){
	.area_comapny .cont .text span{margin-bottom:0; font-size:25px;}

	.rnd_mid ul li{width:48%;}
	.rnd_mid ul li img{width:100%;}

}


@media screen and (max-width:980px){
	.area_comapny .cont .img ul{display:none;}
	.area_comapny .cont{align-items: center;}
	.lnb ul li{margin-left:0;}
	
	.product_top .text span{margin-top:0}
	.product_top .img img{width:100%;}
	.product_top .text{width:45%;}
	.product_top .text h3{font-size:30px;}
	.product_top{align-items: flex-start;}

	.vision_list > li > div{width:200px; height:200px;}
}


@media screen and (max-width:860px){
	.area_comapny .cont .text{width:60%;}
	.area_comapny .cont .img{width:38%;}
	
	.area_recycling .img,
	.area_battery .img{margin:0; padding:0; border:0}
	
	.area_recycling .img img,
	.area_battery .img img{width:100%;}
}

@media screen and (max-width:767px){
	#content.sub{padding:40px 0;}
	.area_subVisual{height:250px;}
	.area_subVisual .text h2{font-size:20px;}
	.sub_title,
	.sub_tit{font-size:20px; margin-bottom:25px;}

	.sub_tit02{padding-left:10px; font-size:18px;}
	.sub_tit02:before{top:8px; height:16px;}

	.lnb{overflow-x:auto; overflow-y:hidden; width:100%;}
	.lnb ul{display:table; margin:0 auto; width:100%}
	.lnb ul li{display:table-cell; vertical-align:middle;}
	.lnb ul li a{ min-width: 120px; padding:0 10px; margin:0; white-space: nowrap; font-size:14px;}

	.area_comapny .cont .img{display:none;}
	.area_comapny .cont .text{width:100%;}
	.area_comapny .cont .text span{font-size:18px;}
	.area_comapny .cont .text span b{font-size:16px;}
	.area_comapny .cont .text span:nth-of-type(2){margin-top:25px;}
	.area_comapny .cont .text p{font-size:14px;}
	
	ul.tabs li{font-size:15px}
	.history_img{padding:80px 10px}
	.historywrap{margin-top:25px;}
	.historywrap .his_in{width:100%;}
	.historywrap .his_in:nth-child(even),
	.historywrap .his_in{padding:0 0 40px 30px;}
	.historywrap .his_in:nth-child(even) h6{text-align:left;}
	.historywrap .his_in:nth-child(even) .his_txt{text-align:left;}
	.historywrap .his_in:nth-child(even) .his_txt dt{float:left;}
	.historywrap .his_in h6{margin-bottom:10px; font-size:20px;}
	.historywrap .his_in h6:after{width:8px; height:8px; left:-23px;}
	.historywrap .his_in .his_txt dt{width:50px; font-size:14px;}
	.historywrap .his_in .his_txt dd{font-size:14px;}
	.historywrap::after{left:10px;}
	.historywrap::before{left:10px;}
	.historywrap .his_in:last-child{padding-bottom:50px;}

	*[lang="en"] .historywrap .his_in .his_txt dt{display:block; width:100%; margin-bottom:5px;}
	*[lang="en"] .historywrap .his_in .his_txt dd{width:100%;}

	.area_battery p{padding:5px 10px; font-size:12px;}
	
	.snb{margin:20px 0;}
	.snb ul li a{padding:10px 0;}

	.img_list{margin-bottom:25px;}
	.area_map .text_wrap,
	.area_map .map_wrap{width:100%;}
	.area_map .text_wrap ul li{margin-bottom:6px; font-size:14px;}
	.area_map .text_wrap .btn{display:inline-block; margin-top:15px;}
	.area_map .text_wrap .btn a{width:auto; padding:10px 20px; font-size:13px;}

	.area_rnd .rnd_top dt:before{left:0; top:5px;}
	.area_rnd .rnd_top dt{width:auto; position:static; margin-bottom:7px; padding-left:15px; font-size:15px;}
	.area_rnd .rnd_top dl{padding-left:0}
	.area_rnd .rnd_top dd{font-size:14px;}

	.area_rnd .rnd_mid{margin:40px 0}

	.list01 > li:before{top:10px;}

	.product_top .text h3{font-size:20px;}
	.product_top .text p{font-size:14px;}
	.product_top .text span{font-size:12px; border-radius:0}
	
	.table01 thead th{font-size:13px;}
	.table01 tbody th, .table01 tbody td{padding:12px 3px; font-size:13px;}
	
	.product_table .box{padding:15px;}
	.product_table .box h4{font-size:15px;}
	.product_table .box ul li{font-size:14px;}
	
	.vision_top{height:auto;}
	.vision_top span{font-size:17px;}
	.vision_list{padding:40px 0; border:0;box-shadow: none;}
	.vision_list > li{width:32%;}
	.vision_list > li > div p{font-size:15px;}
	.vision_list > li > div{border-radius:0; width:100%;}
	.vision_list > li img{height:35px;}
	
	.rnd_mid .bx-controls{margin-top:-17px;}
	.rnd_mid .bx-controls-direction a.bx-next{right:0px; width:35px; height:35px;}
	.rnd_mid .bx-controls-direction a.bx-prev{left:0px; width:35px; height:35px;}
	.rnd_mid .bx-controls-direction a.bx-prev:after,
	.rnd_mid .bx-controls-direction a:after{background-size:11px 20px;}

	.area_map .bx-controls{margin-top:-17px;}
	.area_map .bx-controls-direction a.bx-next{right:0px; width:35px; height:35px;}
	.area_map .bx-controls-direction a.bx-prev{left:0px; width:35px; height:35px;}
	.area_map .bx-controls-direction a.bx-prev:after,
	.area_map .bx-controls-direction a:after{background-size:11px 20px;}
	
	.area_policy h4{font-size:16px;}
}

@media screen and (max-width:600px){
	.history_img b{display: contents; word-break:keep-all;}
	
	.product_top{display:block;}
	.product_top .img{width:100%; text-align:center;}
	.product_top .img img{width:80%;}
	.product_top .text{width:100%; margin-top:25px;}
}

@media screen and (max-width:420px){
	.vision_list{display:block;}
	.vision_list > li{width:100%; margin-bottom:30px;}
	.vision_list > li > .list01{margin-top:7px;}
	.vision_list > li > div{height:140px;}

	*[lang="en"] .vision_list > li{width:100%;}
}


	/*  ---------------------------------end fraud form page ---------------------------------*/

	@media screen and (max-width:640px) {
		.inConts > .ethics > .tit h3 {
			font-size: 1.6rem
		}
	
		.inConts > .ethics .action ul {
			flex-flow: wrap;
		}
	
		.inConts > .ethics .action ul li:nth-child(2),.inConts > .ethics .action ul li:nth-child(1),.inConts > .ethics .action ul li:nth-child(3) {
			margin-bottom: 0.5rem
		}
	
		.inConts > .ethics .action ul li:nth-child(5) {
			margin-right: 0;
			margin-top: 0.5rem
		}
	
		.inConts > .ethics .action ul li .visual:before {
			display: none
		}
	
		.inConts > .ethics .action ul li .visual {
			flex-direction: column-reverse;
		}
	
		.inConts > .ethics .action ul li .visual h4 {
			margin-top: 0;
			margin-bottom: 1.2rem
		}
	
		.inConts > .ethics .action ul li .visual img {
			width: 70%
		}
	
		.inConts > .ethics .action .list_btn a {
			width: 100%;
			background: #023664 url('../images/common/down_btn.png') no-repeat 66% center
		}
	
		.inConts > .society > .logo ul li {
			width: 31%;
			margin: 0.3rem
		}
	
		.inConts > .society > .logo ul {
			justify-content: flex-start;
		}
	
		.inConts > .society > .list .box ul {
			display: block
		}
	
		.inConts > .society > .list .box ul li {
			width: 100%;
			margin-bottom: 1rem
		}
	
		.inConts > .ethics .inspection ul li:nth-child(2) {
			margin-right: 0;
		}
	
		.inConts > .ethics .inspection ul li:nth-child(1),.inConts > .ethics .inspection ul li:nth-child(2) {
			margin-bottom: 0.5rem
		}
	
		.inConts > .ethics .inspection ul {
			flex-flow: wrap;
		}
	
		.inConts > .ethics .inspection ul li {
			width: 48%;
		}
	
		.inConts > .ethics .chart {
			padding: 1rem
		}
	
		.inConts > .ethics .chart h3 {
			text-align: center;
		}
	
		.inConts > .ethics form table tr td.form_txt {
			width: 25%
		}
	
		.inConts > .ethics input.w50 {
			width: 100%;
		}
	
		.inConts > .ethics #sortation {
			width: 100%;
		}
	
		.inConts > .ethics input.w25 {
			width: 46.5%
		}
	
		.inConts > .ethics input.w15 {
			width: 30%;
		}
	
		.inConts > .ethics #p_num {
			width: 31%
		}
	
		.inConts > .ethics .report_btn .report {
			width: 100%;
		}
	
		.inConts > .ethics .report_btn .search {
			width: 100%;
			margin-bottom: 0.5rem
		}
	
		.inConts > .ethics .report_btn .correct {
			width: 100%;
			margin-bottom: 0.5rem
		}
	
		.inConts > .ethics .report_btn .main-go {
			width: 100%;
		}
	
		.inConts > .ethics .report_btn {
			display: block
		}
	
		.inConts > .ethics input[type=radio]:checked + label:before {
			width: 11px;
			height: 11px;
		}
	
		.inConts > .ethics input[type=radio]:checked + label:after {
			width: 11px;
			height: 11px;
		}
	
		.inConts > .ethics input[type=radio] + label:after {
			width: 11px;
			height: 11px;
		}
	
		.inConts > .ethics input[type=radio] + label:before {
			width: 11px;
			height: 11px;
		}
	
		.inConts > .ethics > .top_list .left {
			width: 100%;
		}
	
		.inConts > .ethics > .top_list .right {
			width: 100%;
			margin-top: 0.5rem
		}
	
		.inConts > .ethics > .top_list {
			flex-direction: column;
		}
	
		.inConts > .ethics > .top_list:before {
			right: -10px;
			bottom: -10px;
			left: auto;
			top: auto;
			transform: none;
			width: 10px;
			height: 100px;
			background-color: #023664;
		}
	
		.inConts > .ethics > .top_list:after {
			content: '';
			width: 90px;
			height: 10px;
			background-color: #023664;
			position: absolute;
			right: 0;
			bottom: -10px;
		}
	}

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

		.inConts > .ethics > body, li {
			font-size: 12px;
		}

		.inConts > .ethics > .tit h3 {
			font-size: 1.6rem
		}
	
		.inConts > .ethics .action ul {
			flex-flow: wrap;
		}
	
		.inConts > .ethics .action ul li:nth-child(2),.inConts > .ethics .action ul li:nth-child(1),.inConts > .ethics .action ul li:nth-child(3) {
			margin-bottom: 0.5rem
		}
	
		.inConts > .ethics .action ul li:nth-child(5) {
			margin-right: 0;
			margin-top: 0.5rem
		}
	
		.inConts > .ethics .action ul li .visual:before {
			display: none
		}
	
		.inConts > .ethics .action ul li .visual {
			flex-direction: column-reverse;
		}
	
		.inConts > .ethics .action ul li .visual h4 {
			margin-top: 0;
			margin-bottom: 1.2rem
		}
	
		.inConts > .ethics .action ul li .visual img {
			width: 70%
		}
	
		.inConts > .ethics .action .list_btn a {
			width: 100%;
			background: #023664 url('../images/common/down_btn.png') no-repeat 66% center
		}
	
		.inConts > .society > .logo ul li {
			width: 31%;
			margin: 0.3rem
		}
	
		.inConts > .society > .logo ul {
			justify-content: flex-start;
		}
	
		.inConts > .society > .list .box ul {
			display: block
		}
	
		.inConts > .society > .list .box ul li {
			width: 100%;
			margin-bottom: 1rem
		}
	
		.inConts > .ethics .inspection ul li:nth-child(2) {
			margin-right: 0;
		}
	
		.inConts > .ethics .inspection ul li:nth-child(1),.inConts > .ethics .inspection ul li:nth-child(2) {
			margin-bottom: 0.5rem
		}
	
		.inConts > .ethics .inspection ul {
			flex-flow: wrap;
		}
	
		.inConts > .ethics .inspection ul li {
			width: 48%;
		}
	
		.inConts > .ethics .chart {
			padding: 1rem
		}
	
		.inConts > .ethics .chart h3 {
			text-align: center;
		}
	
		.inConts > .ethics form table tr td.form_txt {
			width: 35%;
		}
	
		.inConts > .ethics input.w50 {
			width: 100%;
		}
	
		.inConts > .ethics #sortation {
			width: 100%;
		}
	
		.inConts > .ethics input.w25 {
			width: 44%
		}
	
		.inConts > .ethics input.w15 {
			width: 28%;
		}
	
		.inConts > .ethics #p_num {
			width: 31%
		}
	
		.inConts > .ethics .report_btn .report {
			width: 100%;
		}
	
		.inConts > .ethics .report_btn .search {
			width: 100%;
			margin-bottom: 0.5rem
		}
	
		.inConts > .ethics .report_btn .correct {
			width: 100%;
			margin-bottom: 0.5rem
		}
	
		.inConts > .ethics .report_btn .main-go {
			width: 100%;
		}
	
		.inConts > .ethics .report_btn {
			display: block
		}
	
		.inConts > .ethics input[type=radio]:checked + label:before {
			width: 11px;
			height: 11px;
		}
	
		.inConts > .ethics input[type=radio]:checked + label:after {
			width: 11px;
			height: 11px;
		}
	
		.inConts > .ethics input[type=radio] + label:after {
			width: 11px;
			height: 11px;
		}
	
		.inConts > .ethics input[type=radio] + label:before {
			width: 11px;
			height: 11px;
		}
	
		.inConts > .ethics > .top_list .left {
			width: 100%;
		}
	
		.inConts > .ethics > .top_list .right {
			width: 100%;
			margin-top: 0.5rem
		}
	
		.inConts > .ethics > .top_list {
			flex-direction: column;
		}
	
		.inConts > .ethics > .top_list:before {
			right: -10px;
			bottom: -10px;
			left: auto;
			top: auto;
			transform: none;
			width: 10px;
			height: 100px;
			background-color: #023664;
		}
	
		.inConts > .ethics > .top_list:after {
			content: '';
			width: 90px;
			height: 10px;
			background-color: #023664;
			position: absolute;
			right: 0;
			bottom: -10px;
		}

		/* btn */
	.btn_direct {
		margin: 40px auto;
	}
	.btn_direct ul {
		overflow: hidden;
		margin: 0 auto;
		display: flex;
		gap: 20px;
		justify-content: center;
	}
	.btn_direct ul li {
		box-sizing: border-box;
		float: left;
		width: 100%;
		text-align: center;
		border: 1px solid #ddd;
		background: #333;
		display: flex;
		align-items: center;
	}
	.btn_direct ul li a {
		display: block;
		width: 100%;
		padding: 20px 0;
	}
	.btn_direct ul li a.on {
		background: #333;
		color: #fff;
	}
	/* icon list */
	.ethics_list {
		display: flex;
		justify-content: space-evenly;
		padding: 40px;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px;
	}
	.ethics_list li {
		display: flex;
		align-items: center;
		flex-direction: column;
		flex-basis: calc(50% - 10px);
	}
	.ethics_list > li > div {
		width: 130px;
		height: 130px;
		border-radius: 50%;
		text-align: center;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;
		background: black;
		background-size: cover;
		background-position: 50%;
		padding: 20px;
	}
	.ethics_list > li img {
		height: 48px;
	}
	.ethics_list > li > ul {
		margin-top: 25px;
	}
	}