@charset "utf-8";



@media all and (max-width:1200px){
    h2 {/*height:350px;line-height:350px;*//*border-radius:0% 0% 50% 50% / 0% 0% 20% 20% ;*/height:280px;padding-top:170px;}
    .h2Location {padding-top:110px;}
    .location:not(.active) {/*top:230px;*/}
    .contents_info .contact_us .txt {width:calc(100% - 520px);}
    .step_style01 > ul {width:calc(100% + 60px);margin-left:-30px;}
    .step_style01 > ul > li {margin:0 30px 30px 30px;}
    .step_style01 > ul > li::after {right:-30px;}
    .step_style01.step_count02 > ul > li {width:calc(50% - 60px);}
    .step_style01.step_count03 > ul > li {width:calc(33.33% - 60px);}
    .step_style01.step_count04 > ul > li {width:calc(25% - 60px);}
    .step_style01.step_count05 > ul > li {width:calc(20% - 60px);}
    .step_style01.step_count06 > ul > li {width:calc(16.66% - 60px);}
	.contents_style02 #contents_body {margin-top:100px;}
    .contents_info .contact_us .list {float:none;}
    .contents_info .contact_us .txt {float:none;width:100%;margin-top:10px;}
}

@media all and (max-width:1024px){
	.pop_style02 .step_style03 > ul > li .title + p br {display:none;}
	.step_style04.step_count05 {width:calc(100% + 40px);margin:40px -20px;}
	.step_style04.step_count05 ul li {margin:0 20px;width:calc(20% - 40px);}
	.step_style04 ul li::after {right:-37px;}
	
	/* 개인정보처리방침 음성 영역 */ 
    .privacy_voice_area .voice_list .audio_boxb,
    .privacy_voice_area .voice_list .audio_boxb audio {width:100%;}
	
}

@media all and (max-width:862px){
	.award_list.safety { margin:60px 50px 60px 70px; background:url(/images/homepage/www/kocca/contents/award_bg04.png) 43% top no-repeat; }
	
}

@media all and (max-width:788px){
	.award_list.safety { margin:60px 50px 60px 60px; background:url(/images/homepage/www/kocca/contents/award_bg04.png) 45% top no-repeat; }
	
}

@media all and (max-width:768px){
	h2 {font-size:40px;padding-top:190px;}
	.h2Location {height:320px;padding-top:160px;}
    h3 {font-size:32px;padding-top:70px;padding-bottom:30px;}
    h4 {font-size:20px;margin:30px 0 10px 0;}
    h5 {font-size:18px;}
    h6 {font-size:16px;}
    .indent01 {margin-left:0;}
    .tab_style01 ul {font-size:15px;}
    .tab_style01 ul li a {padding:12px 30px;}
    .tab_style01 ul li.active a {box-shadow:8px 8px 4px rgb(0 0 0 / 16%);}    
    .radio_style01 {width:20px;height:20px;margin-left:25px;margin-top:1px;}
    .radio_style01 + label::before {width:20px;height:20px;line-height:20px;}
    .radio_style01:checked + label::after {width:6px;height:11px;top:4px;left:7px;}
    .checkbox_style01 + label::before {width:20px;height:20px;line-height:20px;}
    .location {padding:15px;}
    .location .menu {padding:5px 10px;}
    .location .menu .label {padding-right:20px;}
    .contents_info .btn_area {position:static;}
    /* .step_style01 li:nth-child(2n):after {top:calc(100% + 0px);right:calc(100% + 10px);-webkit-transform:rotate(140deg);transform:rotate(140deg);} */
    .step_style01.step_count02 > ul > li,
    .step_style03.step_count02 > ul > li {width:calc(100% - 60px) !important;}
    .step_style01.step_count03 > ul > li,
    .step_style03.step_count03 > ul > li {width:calc(100% - 60px) !important;}
    .step_style01.step_count04 > ul > li,
    .step_style03.step_count04 > ul > li {width:calc(100% - 60px) !important;}
    .step_style01.step_count05 > ul > li,
    .step_style03.step_count05 > ul > li {width:calc(100% - 60px) !important;}
    .step_style01.step_count06 > ul > li,
    .step_style03.step_count06 > ul > li {width:calc(100% - 60px) !important;}
    .step_style01 > ul > li .title + p br {display:none;}
    .list01 .step_style01 > ul > li .title + p br {display:block;}
    .finance_support .step_style01.icon .title {height:40px;}
    .finance_support .list01 .step_style01.icon .title br {  display:none;}
    .conbox.icon {padding-left:0;display:block;}
    .conbox.icon:not(.icon_center)::before {position:static;-ms-transform:none;-webkit-transform:none;transform:none;margin:0 auto 30px auto;}
    .cont_txt_right .img {width:100%;margin:13px 0 20px 0;}
    .cont_txt_left .img {width:100%;margin:13px 0 20px 0;}
    .cont_txt_right .txt p + p {margin-top:20px;}
    .cont_txt_left .txt p + p {margin-top:20px;}
    .cert_box ul li {width:100%;margin-bottom:20px;}
    .cert_box ul li .box p:nth-child(2) br {display:none;}
    .award_title {padding-top:80px;}
    .award_title_info br {display:none;}
    .award_list {margin:10px 0;padding-top:50px;}
    .step_style02 li + li {margin-left:50px;}
    .step_style02 li + li::before {left:-37px;}
    .img_wrap .zoom {display:block;}
    .traffic_wrap .title {width:100%;margin-bottom: 20px;padding-bottom: 20px;border:none;border-bottom: 1px solid #e8e8e8;}
    .traffic_wrap .list {width:100%;}
    .traffic_wrap > ul > li::after {width:0;height:0;}
	.step_style04.step_count05 ul li {width:calc(33.33% - 40px);margin-bottom:20px;}
	.step_style04 ul li:nth-child(3)::after {display:none;}
	.award_list.safety { margin:60px 50px 60px 50px; background:url(/images/homepage/www/kocca/contents/award_bg04.png) center top no-repeat; }
	
	/* 인권경영이행규칙 틀 */
	.human_right_box .human_right_list {margin:20px 20px 8px;}
	.human_right_box .human_right_list .human_width250 {width:100%;}
	
	/* 개인정보처리방침 */
	.termsWrap .cnt_list li a {height:25px;font-size:16px;}
	
	/* 개인정보처리방침 - 20240830_개편 */
	.termsWrap.new_privacy_policy .privacy_new {padding-right:37px;background-size:33px auto;background-position:right bottom 4px;}
	.termsWrap.new_privacy_policy .box01 {padding:20px 25px;}
    .termsWrap.new_privacy_policy .enforce_01 {font-size:14px;margin-top:20px;padding-top:20px;}
    .termsWrap.new_privacy_policy .privacy_style01 {margin:5px 0 0 5px;}
    .termsWrap.new_privacy_policy .privacy_style01 li {width:100%;font-size:14px;margin-top:2px;padding-left:12px;}
    .termsWrap.new_privacy_policy .cnt_list {padding:20px 5% 10px 5%;}
    .termsWrap.new_privacy_policy .cnt_list li {width:100%;margin-bottom:12px;}
    .termsWrap.new_privacy_policy .cnt_list li a {height:auto;}
    .painting_view_link {position:relative;right:auto;top:auto;margin-top:20px;}
    .painting_view_link a {display:block;text-align:center;}
    
    .termsWrap.new_privacy_policy .click_table_open, 
    .termsWrap.new_privacy_policy .click_table_open02 {padding:10px 43px 10px 15px;}
    
    /* 개인정보처리방침 음성 영역 */ 
    .privacy_voice_area {gap:10px;flex-direction:column;margin-bottom:10px;}
    .privacy_voice_area .voice_list {flex:1 0 0;width:100%;}
    
    /* 그림으로 보는 알기쉬운 개인정보처리방침 */
    .termsWrap .painting_view .enforce_flex img {width:91px;margin-right:0;}
    .termsWrap .painting_view .enforce_flex .painting_img01 {margin-right:10px;}
    .termsWrap .painting_view .tit {font-size:20px;margin-bottom:0;}
    .termsWrap .painting_view .txt {font-size:16px;}
    .termsWrap .painting_view .step_style01 > ul {width:100%;margin-left:0;}
    .termsWrap .painting_view .step_style01 > ul > li {width:100% !important;padding:15px;font-size:15px;-webkit-box-pack:left;-webkit-justify-content:left;-ms-justify-content:left;}
    .termsWrap .painting_view .only_img_line {margin-bottom:15px;}
}

@media all and (max-width:735px){
	.award_list.safety ol li span.text { display:inline-block; width:92%; }
	
}

@media all and (max-width:616px){
	.award_list.safety ol li span.text { display:inline-block; width:90%; }
	.pop_style02 .layer_title .m { display:none; }
}

@media all and (max-width:600px){
	.location .menu {display:none;}
	.location .menu:last-child {display:block;}
	.award_list.safety { margin:60px 20px 60px 20px; background:url(/images/homepage/www/kocca/contents/award_bg04.png) center top no-repeat; }
}

@media all and (max-width:485px){
	.award_list.safety ol li span.text { display:inline-block; width:86%; }
    .finance_support .list01 .step_style01.icon .title { height:auto; }
    .finance_support .list01 .step_style01.icon .title br {display:block;}
}
	
@media all and (max-width:480px){
	.location {padding:20px 10px;}
    .step_style01.step_count02 > ul > li {width:calc(100% - 60px) !important;}
    .step_style01.step_count03 > ul > li {width:calc(100% - 60px) !important;}
    .step_style01.step_count04 > ul > li {width:calc(100% - 60px) !important;}
    .step_style01.step_count05 > ul > li {width:calc(100% - 60px) !important;}
    .step_style01.step_count06 > ul > li {width:calc(100% - 60px) !important;}
    .btn_area.area_center label {display:block;margin:10px;}
	.step_style04.step_count05 > ul > li {width:100%;}
	.step_style04 > ul > li::after {display:none;}
	.file_style01 + label { width:calc(100% - 80px); max-width:calc(100vw - 80px); padding-left:75px; }
	.file_style01 + label::before { width:65px; margin-right:10px; font-size:13px; }   
    .radio_style01 {margin-left:10px;margin-top:11px;}
	
    /* 인권경영이행규칙 틀 */
	.human_right_box .human_right_list li {padding-left:0;}
	.human_right_box .human_right_list .num {position:relative;display:block;}
}

@media all and (max-width:403px){
	.award_list.safety { margin:60px 0; background:url(/images/homepage/www/kocca/contents/award_bg04.png) center top no-repeat; }
    .award_list.safety ol li span.text { display:inline-block; width:84%; }
    
    /* 개인정보처리방침 - 20240830_개편 */
    .painting_view_link a {text-align:left;padding-right:10px;}
    .painting_view_link a span {font-size:14px;padding-right:16px;background-position:right 5px;white-space:break-spaces;}
    .painting_view_link a span br {display:none;}
    .painting_view_link a::after {background:0 none;}
}

@media all and (max-width:378px){
    .award_list.safety ol li span.text { display:inline-block; width:80%; }
}

@media all and (max-width:350px){
    
}