@charset "utf-8";

@import url('reset.css');
@import url('swiper.min.css');
/* @import url('layout.css'); */
/* 캐시 무효화용 버전 (2026-09-28 kdy img height:auto 추가) */
/* @import url('layout.css?v=20260928'); */
/* 2026-10-28 제보 폼 라디오·체크박스 키보드 접근 */
@import url('layout.css?v=20261028');


@media (min-width: 1024px) {
	#header{height: 81px;transition: all ease .4s;overflow: hidden}
	#header .head{display: flex;align-items: center;padding: 0 60px}
	#header .btn_site,
	#lnb > li > a{font-size: 17px;}
	
	#lnb > li{display: inline-block;vertical-align: middle;margin:0 8px;position: relative;transition: padding .3s ease}
	#lnb > li.home{display: none;}
	#lnb > li > a{padding:0 34px;color: #fff;font-weight: 700;letter-spacing: -0.04em;box-sizing: border-box;
		display: flex;align-items: center;justify-content: center;
	    -webkit-tap-highlight-color : transparent !important;
	}
	#lnb .sub_depth{display:block;width:100%;position: absolute;top:80px;left:50%;transform:translateX(-50%);box-sizing: border-box;overflow: hidden;}
	#lnb .sub_depth ul{padding-top: 7px;padding-bottom: 2px;}
	#lnb .sub_depth li{margin: 20px 0 21px}
	#lnb .sub_depth a{display: block;text-align: center;padding: 2px 16px;font-size: 16px;font-weight:400;transition: color .1s ease;}
	#lnb .sub_depth a:hover{color: #228BE6;}
	#lnb > li > a > span{position: relative;height:80px;display: inline-flex;align-items: center;}
	#lnb > li > a > span:after,
	#lnb > li > a > span:after{display: block;width: 100%;content: '';height: 1px;background-color: #f15921;position: absolute;bottom: -1px;left:0;opacity: 0;transition: opacity 0.1s}
	#lnb > li > a:hover > span:after,
	#lnb > li.on > a > span:after{opacity: 1;transition: opacity 0.2s ease}
}

@media (max-width: 1023px) and (min-width: 768px) {

}

@media (max-width: 1340px) {
	footer{flex-direction: column;align-items: flex-start;padding:40px 74px 48px}
	footer .logo{margin-bottom:32px}
    footer > .left{flex-direction:column;align-items:flex-start;padding:0}
    footer > .left .content{margin-bottom:50px}
    footer > .right .link_wrap a{width:48px;height:48px;margin:0 20px 0 0}
    #lnb{left:auto;transform:translateX(0);right:18px}
    
    .activities_list{gap: 15px}
    .activities_list > li {padding-top: 30px;padding-bottom: 15px;min-height: 260px;}
    .activities_list i {width: 110px;height: 110px;background-size: cover;}
    .activities_list p{font-size: 18px}
    
    .report_step .tit{font-size: 20px}
    
	.report_step .tit{font-size: 18px}
	.report_step .icn{width: 124px;height: 124px;margin: 0 auto 15px;}
	.report_step > li:after{background-size: cover;width: 14px;height: 20px;margin-top: -10px;}
	
	.tbl_form01 th{padding-left: 24px}
}

@media (max-width: 1023px) {
	footer>.left .top span:nth-of-type(1){display:block;margin-bottom:6px}
	footer>.left .top span:nth-of-type(2){margin-left: 0;padding-left: 0}
    footer>.left .top span:nth-of-type(2):after{display: none}
    
    #header .head,
	.total_nav .top{box-sizing: border-box;padding-left: 16px;padding-right: 16px;display: flex;align-items:center;}
	.total_nav .top{display: flex;}
	
	.hamberger{display: block;right: 18px}
	#header.active .hamberger.show .btn_total:before, 
	#header.active .hamberger.show .btn_total:after{background-color: #000 !important;}
	#header.active .total_nav{visibility: visible;left:0;opacity: 1;transition: opacity .2s}
	#header.active .total_nav .total_inner{transform:translateX(0);transition: transform .4s .1s}
	.total_nav{opacity: 0;visibility:hidden;position: fixed;top:0;left:100%;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 90;box-sizing: border-box;transition: right .2s ease}
	.total_nav .total_inner{position: absolute;top:0;right:0;height: 100%;width: 100%;overflow:hidden;overflow-y: auto;padding: 0;box-sizing: border-box;background-color:#dedede;transform:translateX(100%);}
	#header .total_nav .logo > a {background-image: url(../images/logo/logo_bk.png);}
	#header .total_nav .btn_site{color: #111}
	#header .total_nav .btn_site:before{background-color: #000}
	
	#lnb{border-top: 1px solid #000;position: relative;right: auto;}
	#lnb > li{text-align: left;border-bottom: 1px solid #000}
	#lnb > li > a{font-weight: 500;color: #111;font-size: 17px;display: block;padding: 22px 0;padding-left: 30px;}
	#lnb .sub_depth{display:none;border-top: 1px solid rgba(0, 0, 0, 0.2);padding: 15px 0}
	#lnb .sub_depth a{font-size: 15px;font-weight: 400;color: #777;display: block;padding:5px 0;padding-left: 38px;}
	#lnb li.on .sub_depth{display: block}
	/*
	.total_nav .close{display: block;width: 34px;height: 34px;background: url(../images/icon_close.png) no-repeat 50% 50%;position: absolute;top:18px;right:13px;background-size: 13px 13px}
	*/
	
	.main_visual .bg{min-height: 768px;}
	.main_visual .en{font-size: 24px;margin-bottom: 20px;white-space: nowrap;}
	.main_visual .tit{font-size: 41px;}
	.main_visual .btns {margin-top: 180px;}
	.main_visual .swiper-pagination{margin-top: 110px}
	
	.btns.t1{width: 300px;height: 65px;font-size: 20px;}
	
	.layout_box01{display: block;}
	.layout_box01 .col:last-child{display: flex;gap:10px;margin-top: 40px}
	.layout_box01 .col:last-child br{display: none}
	
	.compliance_area .layout_box01 .col:first-child br{display: none}
	
	.cp_requirements{display: block;}
	.cp_requirements ol:last-child{border-top: 0}
	.cp_requirements li {font-size: 24px;height: 88px;}
	
	.cp_operate .col.tit .box{width: 280px;height: 280px;}
	
	.certificate_list > li{font-size: 18px}
	
	.qes_list {padding: 85px 60px 64px;}
	.qes_list .company .ceo{display: block;margin-top: 20px;margin-left: 0;}
	
	.activities_list {margin-top: 15px;flex-wrap: wrap;}
	.activities_list > li{padding-top: 36px;flex: 1 1 40%;width: 50%;min-height: 310px;}
	.activities_list i {width: 140px;height: 140px;}
	.activities_list p {font-size: 22px;}
	
	.report_step{flex-wrap: wrap;padding-right: 0;padding-left: 15px;padding-right: 15px}
	.report_step > li{width: 33.333%;flex: 1 1 30%;margin-bottom: 15px;}
	.report_step > li:after{right: -14px}
	.report_step .icn{width: 132px;height: 132px}
}

@media (max-width: 767px) {
	html, body{font-size: 14px;}
	
	.pc,
	.pc.inline{display: none;}
	.mo{display: block;}
	.mo.inline{display: inline;}
	
	colgroup.pc,
	col.pc,
	th.pc,
	td.pc{display: none}
	
	footer {font-size: 16px;padding: 40px 16px 48px;}
	footer>.left .top{margin-bottom: 6px;}
    footer>.left .top span:nth-of-type(1){display:block;margin-bottom:6px}
    .body-kr-500-bold {font-size: 16px;line-height: 24px;}
	
	.base_paging .number a, 
	.base_paging .number .on{min-width: 30px;font-size: 14px}
	.base_paging a.page.prev:before {background-position: 0 0;}
	.base_paging a.page.next:before {background-position: -32px 0;margin-top: -5px;}
	
	.sub_visual{height: 500px;}
	.sub_visual .bg{background-position: 50% 50%;background-size: cover;}
	.sub_visual .subtitle{font-size: 40px;margin-bottom: 10px;}
	.sub_visual .en{font-size: 16px}
	.sub_visual .cont{margin-bottom: 0;margin-top: 30px}
	
	#container{padding: 75px 16px 80px;font-size: 18px;box-sizing: border-box;line-height: 1.65;}
	.part {margin-bottom: 60px;}
	
	.title01{font-size: 28px;margin-bottom: 18px;}
	
	.certificate_list {padding: 0 15px;}
	.certificate_list > li{font-size: 13px;line-height: 1.35;margin-bottom: 30px;}
	.certificate_list > li:last-child{margin-bottom: 0}
	.certificate_list p {margin-top: 6px;}
	
	.qes_list{margin-top: 43px;padding-left: 30px;padding-right: 30px}
	.qes_list ol > li{margin-bottom: 42px}
	.qes_list dt{font-size: 24px;margin-bottom: 5px;}
	.qes_list .no {top: -0.25em;}
	.qes_list dd{line-height: 1.7;}
	.qes_list dt span {padding-right: 12px;}
	.qes_list ol > li:nth-child(5) dt:before,
	.qes_list ol > li:nth-child(6) dt:before{margin-top: 20px;}
	.qes_list .company{font-size: 20px;padding-top: 60px;}
	.qes_list .company .ceo{display: block;margin-left: 0;margin-top: 20px;}
	.qes_list .company .ceo img{width: 108px;margin-left: 10px;}
	
	.layout_box01{display: block;}
	.layout_box01 .col:last-child{margin-top: 30px;display: block;}
	.layout_box01 .col:last-child br{display: block;}
	
	.ethical_list .col:first-child{width: 120px;padding-left: 15px;}
	.ethical_list .no{font-size: 18px;width: 30px}
	.ethical_list .icn img{width: 42px}
	.ethical_list .col:last-child{padding-left: 25px;padding-right: 20px;font-size: 16px;line-height: 1.65}
	
	.cp_requirements{display: block;margin-top: 45px;margin-bottom: 30px;}
	.cp_requirements li{font-size: 20px;height: 78px;box-sizing: border-box;padding-top: 2px;}
	.cp_requirements .no{font-size: 24px;font-weight: 700;width: 80px;}
	
	.cp_operate > li{padding: 30px;}
	.cp_operate > li:last-child{margin-bottom: 0}
	.cp_operate > li,
	.cp_operate .col{display: block;height: auto}
	.cp_operate .col.tit{padding-top: 0;margin-bottom: 30px;font-size: 22px;width: 100%}
	.cp_operate .col.tit .box{width: 180px;height: 180px;margin: 0 auto;padding-top: 10px;box-sizing: border-box;}
	.cp_operate .col.tit i {margin-bottom: 15px;}
	.cp_operate .col.tit .icn img{width: 65px}
	.cp_operate .col.cont{padding: 0}
	.cp_operate dl {line-height: 1.6;}
	.cp_operate dt{font-size: 20px;margin-top: 15px;margin-bottom: 5px}
	.cp_operate dd{font-size: 18px}
	.cp_operate .col.cont li{font-size: 20px;padding-left: 0.5em;text-indent: -0.5em;line-height: 1.9;}
	
	.report_area [class ^= "txt"]{font-size: 13px;line-height: 1.6;}
	
	.form_ref{font-size: 13px;margin-top: -40px;padding-bottom: 15px;}
	.report_area .txt2{font-size: 13px}
	
	.tbl_form01,
	.tbl_form01 tbody,
	.tbl_form01 tr,
	.tbl_form01 th,
	.tbl_form01 td{display: block;height: auto}
	.tbl_form01 th, .tbl_form01 td{font-size: 16px}
	.tbl_form01 th{padding-left: 25px}
	.tbl_form01 td{padding-left: 0;padding-right: 0}
	.tbl_form01 th{height: 50px;display: flex;align-items: center;}
	
	/*
	.check label{font-size:13px;}
	.int,
	.textarea{border-radius: 4px;font-size: 14px;}
	.int{height: 43px;}
	*/
	
	.main_visual .bg{min-height: 540px;}
	
	.btns.t2{height: 62px;font-size: 17px;}
	
	.activities_list p {font-size: 18px;}
	
	.report_step{margin-top: 45px;padding-left: 0;padding-right: 0}
}

@media (max-width: 600px){
	footer{font-size: 12px;}
    footer .logo{width:137px !important;height:40px !important;margin-bottom:24px}
    .body-kr-500-bold{font-size:12px;line-height:20px}
    .body-kr-500-light,.body-kr-300-light{font-size:12px;line-height:22px}
    
    #header .logo > a{width: 94px;height: 27px;}
    #header .btn_site{font-size: 12px;margin-top: 4px;margin-left: 14px;}
	#header .btn_site:before{height: 16px;margin-top: -8px;left: -6px;}
	#header .head,
	.total_nav .top{height: 60px;border-bottom: 0;}
	#header .logo{margin-top: -5px}
	
	.hamberger{right: 12px}
	.hamberger .btn_total{width:26px;height:1px;margin-left:-13px;}
	.hamberger .btn_total:before{top:-7px;}
	.hamberger .btn_total:after{top:7px;}
	
	#lnb > li > a{font-size: 14px;padding: 18px 0;padding-left: 25px;}
	
	.main_visual .cont{margin-top: 10px}
	.main_visual .en{font-size: 15px;margin-bottom: 16px;}
	.main_visual .tit{font-size: 24px;line-height: 1.55;}
	.main_visual .tit .rg{font-weight: 300}
	.main_visual .swiper-pagination{margin-top: 45px;}
	.main_visual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 5px;height: 5px;margin: 0 3px;}
	.main_visual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{width: 25px}
	.main_visual .btns {margin-top: 100px;}
	
	.btns.t1{width:200px;height:40px;font-size: 14px;}
	.btns.t1 span {padding-right: 22px;}
	.btns.t1 span:before{width: 15px;height: 10px;background-size: 100% auto;margin-top: -6px;}
	.btns.t2{font-size: 13px;height: 42px;}
	.btns.t2 .down{font-size: 11px;padding-right: 15px;}
	.btns.t2 .down:after{width: 10px;height: 10px;background-size: cover;margin-top: -7px;}
	.btns.t3{font-size: 14px;height: 52px;}
	.btn_center{margin-top: 50px}
	
	#container{font-size: 13px;line-height: 1.6;}
	
	.sub_visual{height: 330px;}
	.sub_visual .subtitle{font-size: 30px;margin-bottom: 8px;}
	.sub_visual .en{font-size: 12px}
	.sub_visual .cont{margin-top: 10px}
	
	.title01{font-size: 18px;margin-bottom: 12px;}
	
	.layout_box01 .col:last-child{margin-top: 15px;}
	.layout_box01 .btns {margin-bottom: 6px;}
	.ethical_list .col:first-child{width: 90px;padding-left: 15px;}
	.ethical_list .no{font-size: 15px;width: 25px}
	.ethical_list .icn img{width: 34px}
	.ethical_list .col:last-child{padding: 21px 25px 21px 20px;font-size: 12px;line-height: 1.65}
	.ethical_list .col{height: auto;}
	.ethical_list br{display: none}
	
	.btns.t2{width: 320px}
	
	.cp_requirements{margin-top: 33px;margin-bottom: 30px;}
	.cp_requirements li{font-size: 13px;height: 50px;padding-top: 2px;}
	.cp_requirements .no{font-size: 16px;width: 50px;}
	
	.cp_operate{margin: 0 -16px;}
	.cp_operate > li{padding: 30px 16px;margin-bottom: 10px;}
	.cp_operate > li:last-child{margin-bottom: 0}
	.cp_operate .col.tit{padding-top: 0;margin-bottom: 26px;font-size: 14px;}
	.cp_operate .col.tit .box{width: 120px;height: 120px;padding-top: 5px;}
	.cp_operate .col.tit i {margin-bottom: 11px;}
	.cp_operate .col.tit .icn img{width: 50px}
	.cp_operate dt{font-size: 14px;margin-top: 10px;margin-bottom: 1px}
	.cp_operate dd{font-size: 13px}
	.cp_operate .col.cont li{font-size: 14px;padding-left: 0.5em;text-indent: -0.5em;}
	
	.certificate_list > li{width: 100%;font-size: 12px;line-height: 1.35;margin-bottom: 32px;}
	.certificate_list > li:last-child{margin-bottom: 0}
	.certificate_list .img img{width: 197px}
	.certificate_list p {margin-top: 4px;}
	
	.qes_list{margin: 0 -16px;margin-top: 43px;padding: 48px 16px 50px;}
	.qes_list ol > li{margin-bottom: 42px}
	.qes_list dt{font-size: 16px;margin-bottom: 6px;}
	.qes_list .no{width: 25px;height: 25px;font-size: 14px;top: -0.25em;left: -36px}
	.qes_list dt, 
	.qes_list dd{padding-left: 36px;}
	.qes_list dd{line-height: 1.65;}
	.qes_list ol > li:nth-child(5) dt:before,
	.qes_list ol > li:nth-child(6) dt:before{margin-top: 13px;}
	.qes_list .company{font-size: 14px;padding-top: 41px;}
	.qes_list .company .ceo{display: block;margin-left: 0;margin-top: 15px;}
	.qes_list .company .ceo img{width: 82px;margin-left: 10px;}
	
	.activities_list {margin-top: 15px;flex-wrap: wrap;gap:10px}
	.activities_list > li{min-height: 175px;padding-top: 19px;}
	.activities_list i{width: 80px;height: 80px;background-size: cover;margin: 0 auto 17px;}
	.activities_list p {font-size: 13px;}
	.activities_list > li:nth-child(3) i{margin-bottom: 12px}
	
	.report_area .title01{line-height: 1.5;margin-bottom: 10px;}
	.report_step{flex-wrap: wrap;padding-right: 0;margin-top: 26px;}
	.report_step > li{width: 50%;flex: 0 0 44%;margin-bottom: 12px;}
	.report_step .tit{font-size: 12px}
	.report_step .icn{width: 84px;height: 84px;margin: 0 auto 10px;}
	.report_step > li:after {width: 9px;height: 13px;background-size: cover;margin-top: -7px;}
	
	.form_ref{font-size: 11px;margin-top: -30px;padding-bottom: 14px;}
	.report_area .txt2{font-size: 11px}
	
	.tbl_form01,
	.tbl_form01 tbody,
	.tbl_form01 tr,
	.tbl_form01 th,
	.tbl_form01 td{display: block;height: auto}
	.tbl_form01 th, .tbl_form01 td{font-size: 14px}
	.tbl_form01 th{padding-left: 25px}
	.tbl_form01 td{padding-left: 0;padding-right: 0}
	.tbl_form01 th{height: 40px}
	
	.int, .sel,
	.file_box .file_name{height: 38px;}
	.file_box{display: block;}
	.file_box .btn_file{line-height: 38px;width: 100%}
	.radio label,
	.check label,
	.int, .sel,
	.file_box .file_name,
	.file_box .btn_file{font-size: 13px}
	
	.terms_area {padding-top: 18px;}
	.terms_box{font-size: 12px;padding: 12px 15px;height: 160px;}
	.terms_box .tit{font-size: 12px}
	
	.btn_top {width: 30px;height: 48px;background-size: 11px auto}
}