@charset "utf-8";



@media all and (max-width:1400px){
    .org_chart .org_wrap {height:1930px;}
    .org_wrap::after {height:1410px;}
    .org_chart .org_style04 {height:52px;line-height:50px;}
    /* .org08::after {top:25px;} */
    /* .org08::before {content:'';position:absolute;top:425px;left:50px;width:50%;height:1px;background:#dadada;z-index:-1;} */
    /* .org08 .org_style09::after {display:none;} */
    .org_box.org04 .org_style08_wrap a.org_style08, 
    .org_box.org05 .org_style08_wrap a.org_style08 {float:none;display:block;width:260px;margin:0 auto 10px;}
    .org_box.org08 .org_style09_wrap {width:16.5%;height:530px;padding:0 10px;margin-right:0;}
    .org_box.org08 .org_style09_wrap.short_line {width:17%;}
    .org_box.org04 .org_style08_wrap,
    .org_box.org05 .org_style08_wrap {margin-top:11px;}
    .org_chart .org_style08 br {display:none;}
    .org05 .org_style08_wrap::before,
    .org04 .org_style08_wrap::before,
    .org04 .org_style_wrap::after, 
    .org05 .org_style_wrap::after,
    .org08 .org_style09::after {width:0;height:0;background:transparent;}
    .org04 {right:calc(50% + 62px);}
    .org04::after {right:-63px;}
    .org04 .org_style06::before {bottom:38px;}
    .org05 {top:462px;left:calc(50% + 58px)}
    .org05::before {left:-58px;}
    .org06 {top:726px;left:calc(50% + 247px);}
    .org06::before {top:-239px;left:-183px;height:265px;}
    .org06::after {left:-183px;width:192px;}
    .org02 {/*left:calc(50% + 248px)*/right:20px;}
    .org07 {/*top:462px;*/left:calc(50% + 135px);}
    .org08 {top:1012px;}
    .org_style15_wrap {top:-110px;left:10%;width:33%;}
    .org08 .org_style15_wrap::before {top:0;}
    .org08 .org_style15_wrap .org_style15::after {left:50%;width:calc(100% + 10px);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
    .org08 .short_line .org_style09::after, 
    .org08 .short_line .org_style09::after {content:'';position:absolute;top:-30px;left:27%;width:1px;height:30px;background:#909090;z-index:-1;}
    
    /* 조직도 1052px 잘라옴 */
    .org_box.org08 .org_style09_wrap,
    .org_box.org08 .org_style09_wrap.short_line {position:relative;width:33.333%;height:390px;padding:0 15px;margin-right:0;}
    .org08::after {top:25px;}
    .org08::before {content:'';position:absolute;top:415px;left:10%;width:80%;height:1px;background:#909090;z-index:-1;}
    
    
    .alio_wrap .conTable_wrap td .li_style01{width:50%;}
    .public_data_wrap .public_data_use .data_use_cont{width: 27.5%; min-width: auto;}
    .public_data_wrap .public_data_use .data_use_cont01::after, .public_data_wrap .public_data_use .data_use_cont03::before{width: 60px; height: 60px; background-size: contain;}
    .public_data_wrap .public_data_use .data_use_cont01::after{right: -78px;}
    .public_data_wrap .public_data_use .data_use_cont03::before{left: -78px;}
    .business_name_process > li{width: 27.5%;}
    .business_name_process .business_name_process_02 li{padding-left: 10px; letter-spacing: -1px;}
    .business_name_process .business_name_process_step{right: -24.5%}
    .statute_wrap .list_box .btn_list {width:100%;margin:10px 0;}
    .esg_wrap .cont03 .list_title,
    .esg_wrap .cont03 .list_title02 {width:100%;margin-bottom:20px;padding:0;}
    .esg_wrap .cont03 .list_title::after,
    .esg_wrap .cont03 .list_title02::after {display:none;}
    .esg_wrap .cont03 .list_title02 br {display:none;}
    .esg_wrap .cont03 .list_wrap {width:100%;}
    .esg_wrap .cont03 .list_wrap02 {width:100%;padding-top:0;}
    .esg_wrap .cont03 .list_wrap br {display:none;}
    .esg_wrap .cont03 .list_wrap03 {width:100%;margin-top:0;padding-top:0;}
}

@media all and (max-width:1300px){
	/*
    .ethical02{left:3%;}
    .ethical03{right:3%;}*/
    .charter_wrap .cont02 ul li {margin:0 0 50px 0 !important;}
    .cal_list01,
    .cal_day_wrap {width:100%;}
    .cal_list02,
    .cal_table_info {width:100%;margin:0;}
    .cal_con_wrap .cal_day_wrap {text-align:center;}
    .cal_con_wrap .cal_list01 {max-height:none;}
    .cal_con_wrap .cal_list02 {margin-top:20px;}
}

@media all and (max-width:1200px){
    .kocca_history .history_wrap .img {font-size:1.6em;}
    .game_list_slide_wrap {height:auto;}
    .game_list_slide .txt_wrap {width:100%;border-right:0;}
    .game_list_slide .info_wrap {width:100%;padding-top:20px;margin-top:20px;padding-left:0;border-top:1px solid #d1d1d1;}
    .game_list_slide .info_wrap li {display:inline-block;margin-right:50px;}
    .game_list_slide .info_wrap li .title {width:auto;margin-right:10px;}
    .login_wrap {margin-top:-60px;}
    .oppress_wrap .oppress_step01.middle .oppress_step02{height: 346px;}
    .oppress_wrap .oppress_step03{-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
    .oppress_wrap .oppress20per,
    .oppress_wrap .oppress40per{width: calc(50% - 4px);}
    .oppress_wrap .oppress333per { width: calc(100% - 4px); }
    .oppress_wrap .oppress50per{width: 100%;}
    .oppress_wrap .oppress50per:nth-child(2){margin-top: 8px;}
    .oppress_wrap .oppress_step03 > li {margin-bottom: 8px;}
    .oppress_wrap .oppress40per {margin-top: 8px;}
    .ethics_process .process_view{margin: 20px 0 10px;}
    /*.ethical02{left:0;}
    .ethical03{right:0;}
    .ethical_list{top: -160px;}
    .ethical_box{background-size: contain; width: 300px; height: 300px;}*/
    .business_name_process .business_name_process_step{right: -25.5%}
    .business_name_process .business_name_process_02 li{letter-spacing: -2px; font-size: 15px;}
    .statute_wrap .list_box .btn_list a {width:calc(50% - 10px);margin:2px 0;}
    .statute_wrap .list_box .btn_list a + a{margin-left:0;}
    .gamehabit_survey .bgbox_style01 .txt{width: 67%; left:31%;}
    .gamehabit_survey .bgbox_style01::before{left:-110px;}
    .social_system_wrap .cont04 .coaial_table_layout table:nth-child(1),
    .social_system_wrap .cont04 .coaial_table_layout table:nth-child(2) {width:100%;margin-bottom:10px;min-width:768px;float:none;}
    .social_system_wrap .cont04 .coaial_table_layout table .row02 {height:auto;}
    .social_system_wrap .cont04 .coaial_table_layout table:nth-child(1)::after {display:none;}
    .gamesurvey_con::before {content:'';display:block;margin:0 auto 5px auto;width:250px;height:30px;background:url(/images/homepage/www/kocca/common/img_table_scroll.png);}
    .gamesurvey_con::after {content:'';}
    
    /* 방송영상독립제작사체불신고, 음원/반사재기신고 하단 신고하기 */
    .anonym_report .report_wrap_new .report_box.first .cont {padding-top:228px;}
    .anonym_report .report_wrap_new .report_box .icon_video,
    .anonym_report .report_wrap_new .report_box .icon_sound {background-position:center top 40%;}
    .anonym_report .report_wrap_new .report_box .cont {height:302px;}
    .anonym_report .report_wrap_new .report_box .cont .form {display:block;width:100%;}
	.anonym_report .report_wrap_new .report_box .cont .form .form01 {width:100%;}
	.anonym_report .report_wrap_new .report_box .cont .form .form01 input {float:none;width:100%;margin:4px 0;}
	.anonym_report .report_wrap_new .report_box .cont .form .form02 {width:100%;margin:0;margin:4px 0 0 0;}
	.anonym_report .report_wrap_new .report_box .cont .form .form02 input {width:100%;font-size:16px;}
	
	.total_search {width:100%;}
}

@media all and (max-width:1140px){
	.org07 {left:calc(50% + 90px);}
}

@media all and (max-width:1052px){
	.ethical .cont03 .list_wrap ul.list1 { font-size:1.125em; }
	.ethical .cont03 .list_wrap ul.list2 { font-size:15px; }
	
	/* 방송영상독립제작사체불신고, 음원/반사재기신고 하단 신고하기 */
	.anonym_report .report_wrap_new .report_box.first {margin-bottom:10px;padding-bottom:15px;}
	.anonym_report .report_wrap_new .report_box.first,
	.anonym_report .report_wrap_new .report_box {width:100%;margin-right:0;}
	.anonym_report .report_wrap_new .report_box.first .btn {margin-bottom:23px}
	.anonym_report .report_wrap_new .report_box .cont {height:auto;border:0 none;padding:0;}
	.anonym_report .report_wrap_new .report_box .icon_video, 
	.anonym_report .report_wrap_new .report_box .icon_sound {background-position:center top 24px}
	.anonym_report .report_wrap_new .report_box.first .cont {height:auto;padding-top:120px;border:1px solid #e3e3e3;}
}

@media all and (max-width:1024px){
	.total_search_form .form-check{text-align:center; padding-left:0;}
	.org_chart .org_wrap {height:2860px;}
	.org_wrap::after {height:1410px;}
    .org_box:not(.org01) {position:static;margin:40px auto 0 auto;width:100%;}
    .org07 {width:180px !important;}
    /* .org_box.org07 {margin-top:0;} */
    .org_box.org05 .org_style11 {margin:20px auto 0;}
    .org_chart .org_style02,
    .org_chart .org_style03,
    .org03 .org_style04{margin:0 auto;}
    .org_style03_wrap,
    .org_style10_wrap { width:180px; margin:0 auto;}    
    .org03  {-ms-transform:none;-webkit-transform:none;transform:none;}
    .org06 .org_style10_wrap { margin:11px auto 0;}
    .org_chart .org_wrap {padding-top:200px;}
    .org04 .org_style05.bg::after,
    .org04 .org_style08_wrap::before,
    .org04 .org_style08_wrap .org_style08::after,
    .org04::after,
    .org05::before,
    .org05 .org_style06::before,
    .org05 .org_style06::after,
    .org05 .org_style08_wrap::before,
    .org05 .org_style08_wrap .org_style08::after,
    .org05 .org_style_wrap::after,
    .org06::after,
    .org06 .org_style06::after,
    .org07 .org_style06::after,
    .org08::after,
    .org08::before,
    .org08 .org_style09::after,
    .org07::after,
    .org04::before {display:none;}
    .org_style15_wrap {position:relative;top:auto;left:auto;margin:0 auto 20px;}
    .org08 .org_style15_wrap::after {height:46px;}
    .org08 .org_style15_wrap .org_style15::after {bottom:-48px;}
    .org_box.org04 .org_style08_wrap,
    .org_box.org05 .org_style08_wrap {margin-top:20px;}
    .org_box.org08 .org_style09_wrap,
    .org_box.org08 .org_style09_wrap.short_line {width:50%;height:auto;}
    .org_box.org08 .org_style09_wrap:nth-child(1),
    .org_box.org08 .org_style09_wrap:nth-child(2),
    .org_box.org08 .org_style09_wrap:nth-child(3),
    .org_box.org08 .org_style09_wrap:nth-child(4),
    .org_box.org08 .org_style09_wrap:nth-child(5),
    .org_box.org08 .org_style09_wrap:nth-child(6),
    .org_box.org08 .org_style09_wrap:nth-child(7) {height:auto;min-height:370px;margin-bottom:20px;}
    .kocca_history .history_wrap .img {width:100%;padding-top:30%;}
    .kocca_history .history_wrap .img p {-webkit-transform:none;transform:none;color:#fff;}
    .kocca_history .history_wrap .list {width:100%;padding-left:0;padding-top:50px;}
    .finance_support .list02 .btn_area a{width:calc(50% - 8px); overflow:hidden; white-space:nowrap; letter-spacing:-1px; height:39px; text-overflow:ellipsis;}
    .login_info .img_wrap {height:auto;}
    .login_info .img_wrap p {width:100%;}
    .login_info .img_wrap .btn_link {float:none;}
    .proposal_wrap .proposal_boxwrap .box:nth-child(1),
    .proposal_wrap .proposal_boxwrap .box:nth-child(2) {width:50%;}
    .proposal_wrap .proposal_boxwrap .box:nth-child(3) {width:100%;}
    .proposal_wrap .proposal_boxwrap .box:nth-child(3)::before {display:none;}
    .oppress_wrap .oppress_step01.middle .oppress_step02{height: 432px;}
    .oppress_wrap li.oppress20per,
    .oppress_wrap li.oppress333per,
    .oppress_wrap li.oppress40per{width: 100%;}
    .oppress_wrap li.oppress20per{height: 80px;}
    .oppress_wrap li.oppress333per{height: 138.5px;}
    .oppress_wrap li.oppress40per{height: 104px;}
    .oppress_wrap .oppress40per ul li{text-align: center;}
    .oppress_wrap .oppress_step03 > li + li {margin-bottom: 8px;}
    .oppress_wrap .oppress40per{margin-top: 8px;}
    .oppress_wrap .oppress_step03 > li.oppress50per{height: 180px;}
    .alio_wrap .conTable_wrap td .li_style01{width:100%; float:none;}
    .ethics_process .ethics_process_list02{display: block;}
    .ethics_process .ethics_process_list02 > li:first-child,
    .ethics_process .ethics_process_list02 > li:last-child{width: 100%;}
    .ethics_process .ethics_process_list02 > li:last-child{margin-top: 25px;}
    .public_data_wrap .public_data_use{display: block;}
    .public_data_wrap .public_data_use .data_use_cont{width: 100%;}
    .public_data_wrap .public_data_use .data_use_cont01{background-size: auto;}
    .public_data_wrap .public_data_use .data_use_cont01::after{right: 50%; transform: translateX(50%) rotate(90deg); top: unset; bottom: -85px;}
    .public_data_wrap .public_data_use .data_use_cont03::before{left: 50%; transform: translateX(-50%) rotate(-90deg); top: -85px;}
    .public_data_wrap .public_data_use .data_use_cont02, .public_data_wrap .public_data_use .data_use_cont03{margin-top: 100px;}
    .business_name_process .business_name_process_02 li{letter-spacing: 0px; font-size: 16px; padding-left: 25px;}
    .business_name_process{display: block;}
    .business_name_process > li{width: 100%;}
    .business_name_process > li:not(:first-child){margin-top: 105px;}
    .business_name_process .business_name_process_step{top: unset; bottom: -85px; right: 50%; transform: translateX(50%); background: url(/images/homepage/www/kocca/contents/icon_business_name_process_respond.png) no-repeat center bottom;}
    .relevant_news_slide {padding:0 50px;}
    .relevant_news_slide .slick-prev {left:-50px;}
    .relevant_news_slide .slick-next {right:-50px;}
    .relevant_news_slide .slick-list li a {margin:0 10px;}
	.facilities_slide .txt_box {width:100%;box-shadow:none;}
    .facilities_slide .img_box {width:100%;margin:10px 0 0 0;}
    .facilities_slide .img_box img {width:100%;}
    .facilities_slide .slick-dotted.slick-slider {min-height:auto;}
    .facilities_slide .pager_wrap .prev,
    .facilities_slide .pager_wrap .next {width:25px;height:25px;background:rgba(0,0,0,0.6);border-radius:100%;text-align:center;line-height:25px;}
    .facilities_slide .pager_wrap .prev::before,
    .facilities_slide .pager_wrap .next::before {color:#fff;}
    .facilities_slide .slick-dots {left:60px;color:#fff;}    
    .gamecenter_wrap .info_wrap .img_box { width:100%; }
    .gamecenter_wrap .info_wrap .txt_box { width:100%; margin:15px 0 0 0; }
    .gamecenter_wrap .info_wrap .txt_box .li_btn li { width:calc(50% - 2px); margin-bottom:10px; padding:0 3px; }
	.gamecenter_wrap .info_wrap .txt_box .li_btn li a { width:100%; }
	.gamecenter_wrap .info_wrap .txt_box .li_btn li .btn_link { width:100%; }
    .gamecenter_slide .img_box { width:100%; margin:10px 0 0 0; }
    .gamecenter_slide .img_box img { width:100%; }
    .gamecenter_slide .slick-dotted.slick-slider { min-height:auto; }
    .gamecenter_slide .pager_wrap .prev,
    .gamecenter_slide .pager_wrap .next { bottom:12px; width:25px; height:25px; background:rgba(0,0,0,0.6); border-radius:100%; text-align:center; line-height:25px; }
    .gamecenter_slide .pager_wrap .prev { left:15px; }
    .gamecenter_slide .pager_wrap .next { left:105px; }
    .gamecenter_slide .pager_wrap .prev::before,
    .gamecenter_slide .pager_wrap .next::before { color:#fff; }
    .gamecenter_slide .slick-dots { left:45px; bottom:5px; color:#fff; background:0 none; }
    .kocca_video_wrap .cont01 .txt_wrap {width:100%;box-shadow:none;padding:30px;}
    .kocca_video_wrap .cont01 .txt_wrap br {display:none;}
    .kocca_video_wrap .cont01 .video_wrap {margin:10px 0 0 0;height:300px;padding:0;width:100%;max-width:100%;}
    .kocca_video_wrap .cont01 .video_wrap a {background-size:cover;}
    .site_wrap .list_box.box50 {width:100%;}
    .site_wrap .list_box .list > ul {width:calc(100% + 20px);margin-left:-10px;}
    .site_wrap .list_box .list > ul > li {padding:0 10px;width:50%;}
    .site_wrap .site_box_wrap02 .box li {width:calc(50% - 20px);}
    .site_wrap .site_box_wrap02 .box li.txt:first-child::after {right:-36px;}
    .site_wrap .global_list02 ul li {width:100%;}
	.site_wrap .tab_box_game .photo {width:300px;}
	.site_wrap .tab_box_game .txt {padding-left:20px;width: calc(100% - 300px);}    
    .ci_wrap .cont01 .img_wrap {width:calc(100% - 40px);margin:20px;}
    .ci_wrap .cont01 .txt_wrap {width:calc(100% - 40px);margin:20px;padding:0;}
    .ci_wrap .cont01 .txt_wrap br {display:none;}
    .ci_wrap .cont01 .txt_wrap .txt01 {margin-top:0;}
    .ci_wrap .cont02 ul li {width:50%;margin-bottom:10px;}
    .sns_wrap .sns_list ul li {width:100%;padding:170px 20px 20px 20px;background-position:top 30px center;}
    .sns_wrap .sns_list ul li br {display:none;}
    .social_system_wrap .cont03 .social_box_style02 {background:none;}
    .social_system_wrap .cont03 .social_style01 {margin-bottom:30px;}
    .social_system_wrap .cont03 .social_style02,
    .social_system_wrap .cont03 .social_style03 {float:none;}
    .social_system_wrap .cont03 .social_style02 > div,
    .social_system_wrap .cont03 .social_style03 > div {margin:0 auto;margin-bottom:20px !important;}
    .greetings_wrap .cont01 .img {float:none;margin:0 auto;}
    .greetings_wrap .cont01 .txt {width:100%;margin-top:30px;}
    .greetings_wrap .txt p {margin-bottom:10px;}
    .greetings_wrap ul {padding-left:20px;}
    .greetings_wrap .cont02 {padding-top:30px;}
    .greetings_wrap .cont02 .img {float:none;margin:30px auto;}
    .greetings_wrap .cont02 .txt {width:100%;}
	.charter_wrap .cont01 {padding:220px 0 20px 0;background-position:top;}
	.site_sns > ul > li{width: 100%; float: none;}
    .site_sns > ul > li > a{margin: 5px;}
	.council_wrap .board01 {width:100%; margin-bottom:20px;}
	.gamehabit_survey .bgbox_style01 {height:420px;}
	.gamehabit_survey .bgbox_style01 .bg{background-image:none; background-color:#b1e8ff;}
	.gamehabit_survey .bgbox_style01::after{content: none;}
	.gamehabit_survey .bgbox_style01::before{width: 70%; background-size: contain; background-position: center bottom;}
	.gamehabit_survey .bgbox_style01 .txt{top:55px;}
	.finance_support .conbox_wrap .conbox .tab_style03 > li{width:33.33%; margin:10px 0;}
    .council_wrap .board01 {width:100% !important;padding:0 !important;}
    .council_wrap .list {height:auto;}
    .council_wrap .list ul li.nodata {height:auto;line-height:normal;padding:20px 0;}
    .esg_wrap .esg_style01,
    .esg_wrap .esg_style02 {padding:20px 30px;}
    .esg_wrap .esg_style01 .title,
    .esg_wrap .esg_style02 .title {width:100%;text-align:center;margin-bottom:10px;}
    .esg_wrap .esg_style01 .txt,
    .esg_wrap .esg_style02 .txt {width:100%;/*text-align:center;*/margin:0;}
    .esg_wrap .esg_style01 .title::before {display:none;}
    .ethical .ethical_style01,
    .ethical .ethical_style02 {padding:20px 30px;}
    .ethical .ethical_style01 .title,
    .ethical .ethical_style02 .title {width:100%;text-align:center;margin-bottom:10px;}
    .ethical .ethical_style01 .txt,
    .ethical .ethical_style02 .txt {width:100%;text-align:center;margin:0;}
    .ethical .ethical_style01 .title::before,
    .ethical .ethical_style02 .title::before {display:none;}
    .ethical .cont03 { padding-bottom:0; }
    .ethical .cont03 .list_wrap { width:100%; margin:0 0 20px; }
    .ethical .cont03 .list_wrap ul.list1,
    .ethical .cont03 .list_wrap ul.list2 { width:100%; }
    .ethical .cont03 .list_wrap ul.list2 { margin-top:10px; }
    /* .ethical .cont03 .list_wrap ul.list1 { font-size:1em; }
    .ethical .cont03 .list_wrap ul.list2 { margin-top:15px; font-size:14px; } */
    .ethical .cont03 .list_wrap ul.list1 li,
    .ethical .cont03 .list_wrap ul.list2 li { background:none; }
    .ethical .cont03 .list_wrap ul.list2 li > div { padding-top:30px; }
    .ethical .cont03 .list_title { width:100%;text-align:center;margin-bottom:10px; padding:0;}
    .ethical .cont03 .list_title::after { display:none; }
    .ethical .cont03 .list_title br { display:none; }
    .esg_wrap .cont03 {padding:30px 20px;}
    .esg_wrap .cont03 .list_wrap ul li {margin:0 20px;width:calc(33.33% - 40px);}
    .esg_wrap .cont03 .list_wrap ul li::after {right:-36px;}
    .esg_initiative .cont01 .img { width:100%; padding:0; }
    .esg_initiative .cont01 .con_box { width:100%; margin-top:30px; }
    .esg_initiative .cont01 .con_box .tit { margin-bottom:30px; }
    .esg_initiative .cont01 .con_box br { display:none; }
    .esg_initiative .cont02 { padding:30px; }
    .esg_initiative .list li { padding:20px 15px; }
    .mission_wrap .cont02 .mission_style02 li,
    .mission_wrap .cont03 {padding:20px 30px;}
    .mission_wrap .cont02 .mission_style02 li .title,
    .mission_wrap .cont03 .title,
    .mission_wrap .cont04 .title,
    .mission_wrap .cont05 .title {width:100%;text-align:center;margin-bottom:10px;}
    .mission_wrap .cont05 .title {padding:0;}
    .mission_wrap .cont02 .mission_style02 li .title::before,
    .mission_wrap .cont03 .title::before,
    .mission_wrap .cont04 .title::before {display:none;}
    .mission_wrap .cont02 .mission_style02 li p {width:100%;text-align:center;}
    .mission_wrap .cont03 .list,
    .mission_wrap .cont04 .list,
    .mission_wrap .cont05 .list {width:100%;}
    .mission_wrap .cont04 > div {padding:20px 0;}
}

@media all and (max-width:784px){
	.ethical .cont03 .list_wrap ul.list1 { font-size:1em; }
	.ethical .cont03 .list_wrap ul.list2 { font-size:14px; }
	.ethical .cont03 .list_wrap ul.list2 li > div { padding-top:33px; }
}

@media all and (max-width:768px){
	.total_search_form .form_box {width:calc(100% - 60px);}
	.total_search_form .form-check input::before{width:16px; height:16px;}	
	.finance_support .cont01 .btn_area a{display:block;}
	.finance_support .step_count03 li.step04,
	.finance_support .step_count03 li.step05,
	.finance_support .step_count03 li.step06,
	.finance_support .step_count03 li.step07,
	.finance_support .step_count03 li.step08,
	.finance_support .step_count03 li.step09{margin: 0 30px 30px 30px;}
	.finance_support .step_count03 li{margin: 0 30px 30px 30px;}
	.finance_support .list02 .btn_area a{text-align:left;width:calc(100% - 8px);}
	.finance_support .list01 .step_style01 > ul > li p.list { width:100%; }
	.finance_support .list01 .step_style01 .title + p,
	.list01 .step_style01 > ul > li { font-size:16px; }
    .sns_wrap .slick-prev,
    .sns_wrap .slick-next  {width:40px;height:40px;}
	.survey_wrap {padding:30px;}
	.survey_wrap .survey {padding:30px;}
    .survey_wrap .survey_info {padding:20px 0;}
    .survey_wrap .survey_q {padding:20px;}
    .survey_wrap .survey_a {padding:20px 20px 24px 20px;}
    .survey_wrap .survey_a li {width:100%;}
    .survey_wrap .survey_a .etc {margin-top:5px;}
    .survey_wrap .survey_a .etc label {width:100%;}
    .survey_wrap .survey_a .etc label + input {width:100%;}
    .kocca_history {font-size:18px;}
    .kocca_history .history_wrap .list {padding-top:30px;}
    .kocca_history .history_list {padding:15px 0;margin-bottom:20px;}
    .login_tab {font-size:16px;}
    .game_list_slide {padding:20px 0;}
    .game_list_slide .txt_wrap .thumb_wrap {width:100%;height:200px;margin-bottom:20px;}
    .game_list_slide .txt_wrap .title,
    .game_list_slide .txt_wrap .label,
    .game_list_slide .txt_wrap p {position:static;width:100%;margin-top:20px;}
    .game_list_slide .txt_wrap .label br {display:none;}
    .oath_wrap {font-size:16px;}
    .login_wrap {margin:-60px -31px 0 -31px;border-radius:0;border:none;}
    .login_wrap .cert_box ul li {width:100%;}
    .proposal_wrap .proposal_boxwrap {width:100%;margin-left:0;}
    .proposal_wrap .proposal_boxwrap .box:nth-child(1),
    .proposal_wrap .proposal_boxwrap .box:nth-child(2),
    .proposal_wrap .proposal_boxwrap .box:nth-child(3) {padding:0;}
    .anonym_report .report_step li {width:calc(100% - 30px);margin:10px !important;}
    .anonym_report .report_step li span::before, 
    .anonym_report .report_step li span::after {display:none;}
    .anonym_report .report_box {width:calc(100% - 20px);margin-bottom:10px;}
    .oppress_wrap .oppress_step02{padding: 10px;}
    .oppress_wrap .oppress_step01 > ul{display: block;}
    .oppress_wrap .oppress_step01 > ul > li{width: 100%;}
    .oppress_wrap .oppress_step01 > ul > li > span{padding: 0 10px;}
    .oppress_wrap .oppress_step01.middle > ul > li {width: 100%;}
    .oppress_wrap .oppress_step03{display: block;}
    .oppress_wrap .oppress_step01.middle > ul > li.oppress_step01_big{width: 100%;}
    .oppress_wrap .oppress_step01.middle .oppress_step02, .oppress_wrap .oppress_step03 > li.oppress50per{height: 110px;}
    .oppress_wrap .oppress_step01.middle .oppress_step02.noborder{height: auto;}
    .oppress_wrap li.oppress333per{height: 80px;}
    .ethics_process .ethics_process_list03.processtype, .ethics_process .ethics_li_box04 > ul{display: block;}
    .ethics_process .ethics_process_list03.processtype > li:first-child,
    .ethics_process .ethics_process_list03.processtype > li:nth-child(2),
    .ethics_process .ethics_process_list03.processtype > li:nth-child(3){width: 100%;}
    .ethics_process .ethics_li_box{height: 200px;}
    .ethics_process .ethics_li_box04{height: auto;}
    .ethics_process .ethics_li_box04 ul li{float: left; height: 150px;}
    .ethics_process .ethics_li_box04 ul li + li{float: right;}
    .ethics_process .ethics_li_box04 ul::after{content: ''; display: block; clear: both;}
    .ethics_process .ethics_process_list03 .ethics_li_box{height: auto;}
    /* .ethical_pc{display:none;}
    .ethical_mobile{display:block;}
    .ethical_top_mobile{padding-top:200px; background:url(/images/homepage/www/kocca/contents/ethical_box_bg02.png) no-repeat center top;}
    .ethical_box_m{position:relative; height:130px; width:95%; margin:30px auto; padding:20px 25px; border-radius:15px; background:#f8f6fb; text-align: center;}
    .ethical_box_m::before{content:''; width: calc(100% + 20px); height: 150px; position: absolute; top:-10px; left:-10px; border: 1px dashed #fff; border-radius:15px; background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #5c3fac, #ea7a17); background-origin: border-box; background-clip: content-box, border-box; z-index: -1;}
    .ethical_box_m > p > span{font-size:19px; font-weight:600; display:block; margin-bottom:20px;}
    .ethical_box_m > p{font-size: 16px;}
    .ethical_list_m.ethical_list02{margin-top:60px; position:relative;}
    .ethical_list_m.ethical_list02::before{content:''; width:37px; height: 27px; position: absolute; background-image: url(/images/homepage/www/kocca/contents/icon_ethical_list.png); background-size:contain; top:-45px; left: 50%; margin-left:-18.5px;}
    .ethical_list_m > li{height:30px; font-size:16px; line-height:30px;}
    .ethical_list_m > li + li{margin-top:10px;}
    .ethical_list_m > li > span{height:100%; display:inline-block; width:105px; margin-right:5px; text-align:center; border-radius:15px; color: #fff; font-weight:600;}
    .ethical_list_m.ethical_list01 > li > span{background:#8972b1;}
    .ethical_list_m.ethical_list02 > li > span{background:#cf7051;}
    .ethical_list_m > li span + p{width:calc(100% - 115px); display:inline-block; } */
    .ethical .h3_subtitle.topline { padding-bottom:0; }
    .ethical .cont03 .list_wrap ul.list1 li .t_box br { display:none; }
    .ethical .cont03 { padding:50px 80px; }
    .ethical .cont03 .list_title { font-size:1.375em; }
    .ethical .cont03 .list_wrap ul.list1 li,
    .ethical .cont03 .list_wrap ul.list2 li { width:100%; margin:0; }
    .ethical .cont03 .list_wrap ul.list1 li .t_box { width:calc(100% - 0px); margin-bottom:0; padding:15px 0; }
    .ethical .cont03 .list_wrap ul.list2 { height:100%; }
    .ethical .cont03 .list_wrap ul.list2 li > div { width:calc(100% - 0px); height:51px; margin:0; padding:14px 0 10px; }
    .ethical .cont03 .list_wrap ul.list2 li > div:nth-child(1n+1) { margin-bottom:14px; }
    .ethical .cont03 .list_wrap ul.list2 li > div br { display:none; }
    .ethical .cont03 .list_wrap ul.list2 li span { top:50%; margin-top:-13px; left:10px; }
    .facilities_history li .tit,
    .facilities_history li .txt {width:100%;padding:0;}
    .site_wrap .site_box_wrap01 .box + .box {margin:0;}
    .site_wrap .site_box_wrap01 .box {width:100%;margin:0 0 20px 0;}
	.site_wrap .global_conbox01 .tit,
	.site_wrap .global_conbox02 .tit {width:100%;margin-bottom:20px;}
	.site_wrap .global_conbox01 .txt,
	.site_wrap .global_conbox02 .txt {width:100%;}
	.site_wrap .global_list01.count02 li {width:100%;margin-bottom:20px;}
	.site_wrap .global_list01 ul li:nth-child(2n + 3)::after {display:none;}
	.site_wrap .coninfo .tit {font-size:19px;}
	.site_wrap .coninfo p + p {margin-top:10px;font-size:15px;}
	.site_wrap .coninfo .w_opacity_box {padding:20px;}
	.site_wrap .game_human_line {margin-top:10px;padding:20px 20px 16px;}
	.site_wrap .game_human_line p {margin-top:12px;}
	.site_wrap .tab_box_game .photo {width:400px;margin:0 auto;}
	.site_wrap .tab_box_game .txt {width:100%;margin-top:30px;}
	.site_wrap .tab_box_game .txt p.img {text-align:center;}
	.major_events_wrap .event_list .month {width:80px;}
	.major_events_wrap .event_list .list {width:calc(100% - 80px);}
	.major_events_wrap .event_list .txt_wrap {padding-left:30px;}
	.social_system_wrap .cont01 {padding:230px 0 20px 0;background-position:top;}
	.social_system_wrap .cont02 .icon_list ul li {margin:5px;}
	.social_system_wrap .cont03 .social_box_style01 .title {width:100%;height:50px;}
	.social_system_wrap .cont03 .social_box_style01 .list {width:100%;}
	.charter_wrap .cont02 .img {width:80px;}
	.charter_wrap .cont02 .txt {margin-top:0;}
	.contact_list li{float:none;}
	.contact_list li + li{margin-left:0; margin-top:10px;}
	/*.business_name_process{margin-bottom:100px;}*/ 
	.business_name_list_bottom {margin-bottom:100px;}
	.gamehabit_survey .bgbox_style01{height:530px;}
    .gamehabit_survey .bgbox_style01 .txt{width:100%; left: 0; top:45px;}
    .gamehabit_survey .bgbox_style01 .txt .title{font-size:24px;}
    .gamehabit_survey .bgbox_style01 .txt p{font-size: 15px;}
    .gamehabit_survey .bgbox_style01 .txt p span{font-size: 17px;}
    .gamehabit_survey .bgbox_style01::before{width:100%;}
    .gamehabit_survey .bgbox_style01::after{content: ''; width:18%; background-size: contain; background-position: center bottom;}
    .esg_wrap .cont03 .list_wrap ul li {width:100%;margin-bottom:50px;}
    .esg_wrap .cont03 .list_wrap ul li:last-child {margin-bottom:30px;}
    .esg_wrap .cont03 .list_wrap ul li .t_box {height:100%;margin-top:0;}
    .esg_wrap .cont03 .list_wrap ul li::after {right: 50%;top: auto;bottom: -40px;-webkit-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);}
    .esg_wrap .cont03 .cont_title {width:250px;}
    .esg_wrap .cont03 .list_title02 {margin:10px 0 0 0;}
    .esg_wrap .cont03 .list_wrap02 {width:100%;padding:10px;}
    .esg_wrap .cont03 .list_wrap03 {width:100%;margin-top:0;padding:10px;}
    .esg_wrap .cont03 .list_wrap03 .list ul li { width:100%; }
    .esg_initiative .cont01 .con_box .tit { font-size:1.5625em; }
    .esg_initiative .list li .num { font-size:20px; }
    .cal_con_wrap .cal_day_wrap .prev {margin-right:20px;}
    .cal_con_wrap .cal_day_wrap .next {margin-left:20px;}
    
    /* 경영목표 */
    .mission_wrap .cont03 ul li {width:100%;}
    .mission_wrap .cont03 ul li span {float:none !important; margin:10px auto 0 !important;}
    .mission_wrap .cont03 ul li:nth-child(2)::before,
    .mission_wrap .cont03 ul li:nth-child(2)::after,
    .mission_wrap .cont03 ul li:nth-child(3)::before,
    .mission_wrap .cont03 ul li:nth-child(3)::after {display:none;}
    .mission_wrap .cont04 .color01 .list li {width:50%;margin:10px 0;}
    
    /* 우리동네캐릭터 역대 수상작(2024.03.11 추가) */
    .ourcharacter_award_box .our_award_list ul {width:100%;height:100%;margin:0;}
    .ourcharacter_award_box .our_award_list li {width:100%;padding:0;margin-bottom:30px;}
    .ourcharacter_award_box .our_award_list .img {padding-top:0;text-align:center;}
    .ourcharacter_award_box .our_award_list .img img {position:relative;top:auto;left:auto;-ms-transform:translate(0%, 0%);-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);}
    
    .kocca_video_wrap .board_list02 .title {height:auto;margin-bottom:3px;}
}


@media all and (max-width:620px){
	/*.finance_support .cont_layer_pop .conbox.icon::before{margin-right:20px; min-width:80px;}*/
	.finance_support .list01 .step_style01 .title + p,
	.list01 .step_style01 > ul > li { font-size:14px; }
	
}

@media all and (max-width:600px){
    .kocca_map_wrap .traffic_wrap > ul > li {-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
    .kocca_map_wrap .traffic_wrap .title {width:100%;border-right:0;border-bottom:1px solid #e8e8e8;margin-bottom:20px;padding-bottom:20px;}
    .kocca_map_wrap .traffic_wrap .list {width:100%;padding-left:0;}
    .login_form .form02 > div {width:100%;}
    .oath_sign li span {display:block;}
    .oath_list {margin:40px 20px;background-size:contain;}
    .survey_wrap .survey_info > div {width:100%;}
    .survey_wrap .survey_info > div:nth-child(1) {margin-bottom:20px;}
    .business_name_process .business_name_process_02 li{padding-left: 10px; letter-spacing: -1px; font-size: 15px;}
    .site_wrap .global_list02 ul li .img_wrap {width:100%;text-align:center;margin-bottom:20px;}
    .site_wrap .global_list02 ul li .txt_wrap {width:100%;}
    .statute_wrap .list_box .btn_list a {width:100%;}
    .ci_wrap .cont02 ul li {width:100%;}
    .ci_wrap .cont03 > ul > li {width:100%;}
    .ci_wrap .cont03 .img_wrap  {height:auto; padding:30px 10px;}
    .ethical_box_m > p > span{font-size:17px; }
    .ethical_box_m > p{font-size: 14px; line-height:1.3em;}
    .ethical_list_m > li{font-size:14px;}
    .ethical .cont03 { padding:50px; }
    .finance_support .conbox_wrap{padding:25px;}
   	.finance_support .tab_style03 > li > a span{min-height:60px; font-size:13px; letter-spacing:-0.5px;}
    .esg_wrap .esg_style02 .txt ul li {width:100%;}
    .esg_wrap .esg_style02 .txt ul li:nth-child(n+2)::before {display:block;margin:10px auto;}
    .esg_initiative br { display:none; }
    .esg_initiative .h3_subtitle.topline p br { display:block; }
    .esg_initiative .cont01 .con_box .tit { font-size:1.250em; }
    .esg_initiative .cont02 { margin-top:20px; padding:30px; }
    .esg_initiative .list { margin-top:20px; }
    .esg_initiative .list li { padding:10px; }
    .esg_initiative .list li .num { font-size:18px; padding-right:20px; }
    .esg_initiative .list li .text { width:calc(100% - 50px); }
    .mission_wrap .cont04 ul li,
    .mission_wrap .cont04 .color01 .list li {width:100%;padding:10px;margin:0;}
    .mission_wrap .cont04 ul li + li {border:none;border-top:1px solid #e3e3e3;}
    .mission_wrap .cont05 ul {height:900px;}
    .mission_wrap .cont05 li {width:calc(50% - 30px)}
    
    .login_form .form02 .login_onepass {width:100%;}
}

@media all and (max-width:500px){
	.org_box.org08 .org_style09_wrap, 
	.org_box.org08 .org_style09_wrap.short_line {width:100%;height:auto !important;margin-bottom:20px;}
	.org_style13_wrap { /* display:none; */ }
	.org_box.org08 .org_style09_wrap:nth-child(1), 
	.org_box.org08 .org_style09_wrap:nth-child(2), 
	.org_box.org08 .org_style09_wrap:nth-child(3), 
	.org_box.org08 .org_style09_wrap:nth-child(4), 
	.org_box.org08 .org_style09_wrap:nth-child(5), 
	.org_box.org08 .org_style09_wrap:nth-child(6), 
	.org_box.org08 .org_style09_wrap:nth-child(7) {min-height:auto;}
	.org_style15_wrap {width:100%;padding:0 20px;margin-bottom:14px;}
	.org08 .org_style15_wrap::after,
	.org08 .org_style15_wrap .org_style15::after {width:0;height:0;}
    .relevant_news_slide .slick-list > div a {margin:0;}
    .total_search_form .form_box select {width:110px;}
    .total_search_form .form_box .total_search {width: calc(100% - 150px);}
    .major_events_wrap .search_wrap select,
    .major_events_wrap .search_wrap button {width:100%;margin-bottom:5px;}
}

@media all and (max-width:480px){
	.contents_style02 #contents_body {padding:0;}
    .org_chart .search_box select {width:100%;}
    .org_chart .search_input {width:100%;max-width:100%;margin-top:10px;}
    .org04,
    .org05 {width:260px;}
    .org_chart .org_style08 {width:100%; text-align:center;}
    .finance_support .cont_layer_pop .conbox.icon{flex-direction:column;}
	.finance_support .cont_layer_pop .conbox.icon::before{width: 100%; margin-right:0; margin-bottom: 20px;}
	.finance_support .conbox_wrap .conbox .tab_style03 > li { width:50%; }
    .list01 .pop_style02 .layer_title { font-size:18px; }
    .kocca_history .history_list li .title,
    .kocca_history .history_list li .txt {width:100%;}
    .proposal_wrap .proposal_boxwrap .box:nth-child(1),
    .proposal_wrap .proposal_boxwrap .box:nth-child(2) {width:100%;}
    .anonym_report .report_box .cont {height:auto;}
    .anonym_report .report_box .cont .form .form01 {width:100%;}
    .anonym_report .report_box .cont .form .form02 {width:100%;margin-top:0;float:none;}
    .relevant_news_slide {width:100%;}
    .relevant_news_slide .slick-list li a {width:calc(100% - 10px);}
    .site_wrap .list_box .list > ul > li,
    .site_wrap .list_box.box50 .list > ul > li {width:100%;height:60px;}
    .sns_wrap h4 .btn_link {width:100%;float:none;margin-top:10px;}
    .major_events_wrap .event_list .icon_wrap {width:100%;}
    .major_events_wrap .event_list .icon_wrap::before {left:50%;margin-left:-55px;}
    .major_events_wrap .event_list .txt_wrap {width:100%;padding-left:0;margin-top:20px;}
    .charter_wrap .cont02 .img {width:100%;text-align:center;}
    .charter_wrap .cont02 .txt {width: 100%;margin: 20px 0 0 0;padding: 20px 0 0 0;border: none;border-top: 2px solid #4f4f4f;}
    .ethical_list_m > li{height: auto;}
    .ethical_list_m > li + li{margin-top:10px;}
    .ethical_list_m > li > span{display:block; margin:0 auto;}
    .ethical_list_m > li span + p{width: 100%; text-align:center; display:block;}
    .ethical .cont03 { padding:50px 50px 0px; }
    .esg_initiative .cont02 { padding:15px; }
    .esg_initiative .list { margin-top:15px; }
    .mission_wrap .cont05 ul {height:auto;}
    .mission_wrap .cont05 li {width:calc(100% - 30px); padding-bottom:15px;}
    .cal_con_wrap .cal_year,
    .cal_con_wrap .cal_month {width:100%;}
    .cal_con_wrap .cal_year::after {display:none;}
    .cal_con_wrap .cal_list02 .cal_title .cal_btn a {width:70px;}
}

@media all and (max-width:400px){
    .public_data_wrap .public_data_use .data_use_cont01{background-size: contain;}
    .finance_support .conbox_wrap .conbox .tab_style03 > li{width:100%;}
    .list01 .pop_style02 .layer_title { font-size:15px; text-align:left; padding-left:20px; }
	.mypage_wrap .mypage_login .captcha_form .captcha_img img { width:150px; }
	.mypage_wrap .mypage_login .captcha_form .btn_case01 { height:35px; line-height:33px; }
	.mypage_wrap .mypage_login .captcha_form .btn_mini { padding:0 18px; }
	.gamecenter_wrap .info_wrap .txt_box .li_btn li { width:100%; padding:0; }
	.ethical .cont03 { padding:50px 30px 0; }
	
	/* 원장인사말 */
	.greetings_wrap .greetings_sign span {display:block;margin-top:5px;text-align:right;}
	.greetings_wrap .greetings_sign span img {margin-left:0;}
}

@media all and (max-width:380px){
	.org_chart .org_style02,
	.org_chart .org_style03,
	.org_box.org04 .org_style05,
	.org_box.org04 .org_style08_wrap a.org_style08, 
	.org_box.org05 .org_style08_wrap a.org_style08,
	.org_chart .org_style04,
	.org07,
	.org_box.org05 .org_style11,
	.org_box.org04 .org_style08_wrap a.org_style08, 
	.org_box.org05 .org_style08_wrap a.org_style08,
	.org_box.org06 .org_style11,
	.org_style03_wrap, 
	.org_style10_wrap,
	.org_box.org04 .org_style06 {width:100%}
	.org07 {width:100% !important;}
	.org_style15_wrap,
	.org_box.org08 .org_style09_wrap, 
	.org_box.org08 .org_style09_wrap.short_line {padding:0;}
}

@media all and (max-width:350px){
	.org_chart .org_wrap { padding:200px 0 0; }
    .list01 .pop_style02 .layer_title { font-size:13px; }
    .ethics_process .ethics_li_box04 > ul > li{padding: 15px;}
    .ethics_process .process_view > li {font-size: 0.85em;}
    .business_name_process .business_name_process_02 li{letter-spacing: -2px;}
    .mypage_wrap .mypage_login .captcha_form .captcha_img img { width:130px; }
	.mypage_wrap .mypage_login .captcha_form .btn_case01 { height:30px; line-height:28px; }
	.mypage_wrap .mypage_login .captcha_form .btn_mini { padding:0 11px; }
}