@charset "utf-8";

/* 게시판 영역 임시 표시 <div class="board_point">게시판영역</div> */
.board_point {padding:100px;background:#662e91;color:#fff;text-align:center;font-size:30px;font-weight:bold;}

/* sub_guide */
.subguide .cont01 .conbox.icon::before {background-image:url(/images/homepage/www/kocca/contents/icon_cont_subguide.png);}
.subguide .cont01 .conbox .li_style01 .title {width:190px;}
.subguide .step_style01 li.step01 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_subguide_cont04_01.png);}
.subguide .step_style01 li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_subguide_cont04_02.png);}
.subguide .step_style01 li.step03 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_subguide_cont04_03.png);}

.subguide .bgbox_style01{position: relative; width:100%; height: 369px;}
.subguide .bgbox_style01::before{content:''; position:absolute; top:0; left:-77px; width:695px; height: 100%; background-image: url(/images/homepage/www/kocca/contents/gamehabit_cont01_bg02.png); z-index: 1;}
.subguide .bgbox_style01::after{content:''; position:absolute; top:0; right:-25px; width:158px; height: 100%; background-image: url(/images/homepage/www/kocca/contents/gamehabit_cont01_bg03.png); z-index: 1;}
.subguide .bgbox_style01 .bg{position:absolute; width: 150%; left:-25%; height: 100%; background-image: url(/images/homepage/www/kocca/contents/gamehabit_cont01_bg01.png);}
.subguide .bgbox_style01 .txt{position: relative; z-index: 2; width: 72%; top: 90px; left:28%;}
.subguide .bgbox_style01 .txt p{font-size:18px; color: #5a647b; letter-spacing: -1px;}
.subguide .bgbox_style01 .txt p span{font-size:20px; color: #3b4762;}
.subguide .bgbox_style01 .txt .title{font-size: 30px; margin-bottom: 30px; color: #3a3c42;}


/* 금융지원 */
.finance_support .tab_style03 li.list01 > a {background-image:url(/images/homepage/www/kocca/contents/icon_financlist01_off.png);}
.finance_support .tab_style03 li.list02 > a {background-image:url(/images/homepage/www/kocca/contents/icon_financlist02_off.png);}
.finance_support .tab_style03 li.list03 > a {background-image:url(/images/homepage/www/kocca/contents/icon_financlist03_off.png);}
.finance_support .tab_style03 li.list04 > a {background-image:url(/images/homepage/www/kocca/contents/icon_financlist04_off.png);}
.finance_support .tab_style03 li.list05 > a {background-image:url(/images/homepage/www/kocca/contents/icon_financlist05_off.png);}
.finance_support .tab_style03 li.list06 > a {background-image:url(/images/homepage/www/kocca/contents/icon_financlist06_off.png);}
.finance_support .tab_style03 li.list07 > a {background-image:url(/images/homepage/www/kocca/contents/icon_financlist07_off.png);}
.finance_support .tab_style03 li.list08 > a {background-image:url(/images/homepage/www/kocca/contents/icon_financlist08_off.png);}
.finance_support .tab_style03 li.list09 > a {background-image:url(/images/homepage/www/kocca/contents/icon_financlist09_off.png);}
.finance_support .tab_style03 li.list01 > a:hover {background-image:url(/images/homepage/www/kocca/contents/icon_financlist01_on.png);}
.finance_support .tab_style03 li.list02 > a:hover {background-image:url(/images/homepage/www/kocca/contents/icon_financlist02_on.png);}
.finance_support .tab_style03 li.list03 > a:hover {background-image:url(/images/homepage/www/kocca/contents/icon_financlist03_on.png);}
.finance_support .tab_style03 li.list04 > a:hover {background-image:url(/images/homepage/www/kocca/contents/icon_financlist04_on.png);}
.finance_support .tab_style03 li.list05 > a:hover {background-image:url(/images/homepage/www/kocca/contents/icon_financlist05_on.png);}
.finance_support .tab_style03 li.list06 > a:hover {background-image:url(/images/homepage/www/kocca/contents/icon_financlist06_on.png);}
.finance_support .tab_style03 li.list07 > a:hover {background-image:url(/images/homepage/www/kocca/contents/icon_financlist07_on.png);}
.finance_support .tab_style03 li.list08 > a:hover {background-image:url(/images/homepage/www/kocca/contents/icon_financlist08_on.png);}
.finance_support .tab_style03 li.list09 > a:hover {background-image:url(/images/homepage/www/kocca/contents/icon_financlist09_on.png);}
.finance_support .step_style01 li em{display:block; font-weight:bold;}
.finance_support .list01 .cont_layer_pop .step_style01 li.step01 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list01_01.png);}
.finance_support .list01 .cont_layer_pop .step_style01 li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list01_03.png); /* background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list01_02.png); */}
.finance_support .list01 .cont_layer_pop .step_style01 li.step03 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list07_02.png); /* background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list01_03.png); */}
.finance_support .list01 .cont_layer_pop .step_style01 li.step04 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list07_04.png);}
.finance_support .list01 .cont_layer_pop .step_style01 li.step04.icon_evaluate .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_06.png);}
.finance_support .list01 .cont_layer_pop .step_style01 li.step05 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list08_01.png);}
.finance_support .list01 .cont_layer_pop .step_style01 li.step06 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list03_02.png);}
.finance_support .list01 .cont_layer_pop .step_style01 li.step03.type2 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_07.png);}
.finance_support .list02 .cont_layer_pop .step_style03 li.step01 .title + p::before {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_02.png);}
.finance_support .list02 .cont_layer_pop .step_style03 li.step02 .title + p::before {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_03.png);}
.finance_support .list02 .cont_layer_pop .step_style03 li.step03 .title + p::before {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_04.png);}
.finance_support .list02 .cont_layer_pop .step_style03 li.step04 .title + p::before {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_05.png);}
.finance_support .list02 .cont_layer_pop .step_style03 li.step05 .title + p::before {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_06.png);}
.finance_support .list02 .cont_layer_pop .step_style03 li.step06 .title + p::before {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_07.png);}
.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: 30px 30px 0 30px;}
.finance_support .list02 .conbox_wrap{padding: 10px;}

.finance_support .step_style01 .title + p{font-size:14px;}
.finance_support .conbox .list01 p.list + p.list { margin-top:0; }
.finance_support .list01 .step_style01 > ul > li {justify-content:flex-start;}
.finance_support .list01 .step_style01 > ul > li p.list { text-align:left;}
.finance_support .list01 .step_style01 .list { margin-left:10px; text-indent:-7px; letter-spacing:-1px; color:#3a3a3a; }
/*.finance_support .step_style01.icon .title{height:60px;}*/
.finance_support .step_style01.icon li .title{margin-bottom:60px;}
.finance_support .list02 .step_style01.step_count03.value_list li.step01 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list01_01.png);}
.finance_support .list02 .step_style01.step_count03.value_list li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_05.png);}
.finance_support .list02 .step_style01.step_count03.value_list li.step03 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_06.png);}
.finance_support .list02 .step_style01.step_count03.value_list li.step04 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_07.png);}
.finance_support .list02 .step_style01.step_count03.value_list li.step05 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_08.png);}
.finance_support .list02 .step_style01.step_count03.value_list li.step06 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_09.png);}
.finance_support .list02 .btn_area a{width:calc(33.3% - 8px);}
.finance_support .list03 .step_style01.step_count03 li.step01 .title::after{background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list01_01.png);}
.finance_support .list03 .step_style01.step_count03 li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_06.png);}
.finance_support .list03 .step_style01.step_count03 li.step03 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list03_01.png);}
.finance_support .list03 .step_style01.step_count03 li.step04 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list03_03.png);}
.finance_support .list03 .step_style01.step_count03 li.step05 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list03_02.png);}
.finance_support .list04 .cont_layer_pop .step_style01 li.step01 .title::after,
.finance_support .list05 .cont_layer_pop .step_style01 li.step01 .title::after,
.finance_support .list06 .cont_layer_pop .step_style01 li.step01 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list01_01.png);}
.finance_support .list04 .cont_layer_pop .step_style01 li.step02 .title::after,
.finance_support .list05 .cont_layer_pop .step_style01 li.step02 .title::after,
.finance_support .list06 .cont_layer_pop .step_style01 li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list04_01.png);}
.finance_support .list04 .cont_layer_pop .step_style01 li.step03 .title::after,
.finance_support .list05 .cont_layer_pop .step_style01 li.step03 .title::after,
.finance_support .list06 .cont_layer_pop .step_style01 li.step04 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list02_06.png);}
.finance_support .list06 .cont_layer_pop .step_style01 li.step03 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list06_01.png);}
.finance_support .list04 .cont_layer_pop .step_style01 li.step04 .title::after,
.finance_support .list05 .cont_layer_pop .step_style01 li.step04 .title::after,
.finance_support .list06 .cont_layer_pop .step_style01 li.step05 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list03_01.png);}
.finance_support .list04 .cont_layer_pop .step_style01 li.step05 .title::after,
.finance_support .list05 .cont_layer_pop .step_style01 li.step05 .title::after,
.finance_support .list06 .cont_layer_pop .step_style01 li.step06 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list03_03.png);}
.finance_support .list04 .cont_layer_pop .step_style01 li.step06 .title::after,
.finance_support .list05 .cont_layer_pop .step_style01 li.step06 .title::after,
.finance_support .list06 .cont_layer_pop .step_style01 li.step07 .title::after  {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list03_02.png);}
.finance_support .list06 .cont_layer_pop .step_style01 li.step06 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list03_03.png);}
.finance_support .list07 .cont_layer_pop .step_style01 li.step01 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list07_01.png);}
.finance_support .list07 .cont_layer_pop .step_style01 li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list07_02.png);}
.finance_support .list07 .cont_layer_pop .step_style01 li.step03 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list07_03.png);}
.finance_support .list07 .cont_layer_pop .step_style01 li.step04 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list07_04.png);}
.finance_support .list07 .cont_layer_pop .step_style01 li.step05 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list03_02.png);}
.finance_support .list08 .cont_layer_pop .step_style01 li.step01 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list08_01.png);}
.finance_support .list08 .cont_layer_pop .step_style01 li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list03_02.png);}
.finance_support .list08 .cont_layer_pop .step_style01 li.step03 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_finance_support_list08_01.png);}
.finance_support .list09 .cont_txt_right .txt p{font-weight:600;}
.finance_support .list09 .cont_txt_right .txt p span{font-weight:400; font-size:14px;}
.finance_support .list09 .cont_txt_right .txt p em{color:#b42970;}

.cont .cont_info_txt {font-size:14px; color:#4b4b4d; margin-top:40px;}
.cont .cont_sub_wrap {margin-top:25px; padding:30px 0 10px; border-top: 1px solid #b7b4b9;}
.cont .cont_sub_wrap h6 {margin: 0 0 18px 0; font-weight: 600;}
.cont .cont_sub_wrap h6 ~ h6{margin: 40px 0 18px 0;}
.cont .cont_sub_wrap .btn_area.area_center{margin:0;}

.finance_support .cont_layer_pop .li_tit{color: #6e3798; font-weight: 600;}
.finance_support .cont_layer_pop .step_style01 .li_tit{margin-bottom:10px;}
.finance_support .cont_layer_pop .step_style01 + .step_style01 .li_tit{margin-top: 20px;}
/*.finance_support .cont_layer_pop .conbox.icon{position: relative; margin:30px 0; -webkit-box-align:center; -ms-flex-align:center;-webkit-align-items:center; align-items:center;}*/
.finance_support .cont_layer_pop .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_finance_support_list02_01.png); background-color: transparent; left:35px; width: 80px; height:80px; border-radius:0;}
.finance_support .cont_layer_pop .conbox ul.li_style01 li{font-size:14px; color:#4b4b4d;}
.finance_support .cont_layer_pop .conbox ul.li_style01 li:last-child{margin-bottom: 0;}
.finance_support .cont_layer_pop .conbox ul.li_style01 li span{color:#76767f; font-size:12px; font-weight:400;padding-left:0;}



/* 게임이용 자가진단 */
.gamehabit_survey .step_style01 > ul > li.on > p:not(.title){color: #7449b4;font-weight: 600;}
.gamehabit_survey .step_style01 .step01 .title::after{background-image: url(/images/homepage/www/kocca/contents/icon_gamehabit_cont01_01.png);}
.gamehabit_survey .step_style01 .step01.on .title::after{background-image: url(/images/homepage/www/kocca/contents/icon_gamehabit_cont01_01_on.png);}
.gamehabit_survey .step_style01 .step02 .title::after{background-image: url(/images/homepage/www/kocca/contents/icon_gamehabit_cont01_02.png);}
.gamehabit_survey .step_style01 .step02.on .title::after{background-image: url(/images/homepage/www/kocca/contents/icon_gamehabit_cont01_02_on.png);}
.gamehabit_survey .step_style01 .step03 .title::after{background-image: url(/images/homepage/www/kocca/contents/icon_gamehabit_cont01_03.png);}
.gamehabit_survey .step_style01 .step03.on .title::after{background-image: url(/images/homepage/www/kocca/contents/icon_gamehabit_cont01_03_on.png);}
.gamehabit_survey .step_style01 .step04 .title::after{background-image: url(/images/homepage/www/kocca/contents/icon_gamehabit_cont01_04.png);}
.gamehabit_survey .step_style01 .step04.on .title::after{background-image: url(/images/homepage/www/kocca/contents/icon_gamehabit_cont01_04_on.png);}
.gamehabit_survey .bgbox_style01{position: relative; width:100%; height: 369px;}
.gamehabit_survey .bgbox_style01::before{content:''; position:absolute; top:0; left:-77px; width:695px; height: 100%; background-image: url(/images/homepage/www/kocca/contents/gamehabit_cont01_bg02.png); background-repeat:no-repeat; z-index: 1;}
.gamehabit_survey .bgbox_style01::after{content:''; position:absolute; top:0; right:-25px; width:158px; height: 100%; background-image: url(/images/homepage/www/kocca/contents/gamehabit_cont01_bg03.png); background-repeat:no-repeat; z-index: 1;}
.gamehabit_survey .bgbox_style01 .bg{position:absolute; width: 150%; left:-25%; height: 100%; background-image: url(/images/homepage/www/kocca/contents/gamehabit_cont01_bg01.png);}
.gamehabit_survey .bgbox_style01 .txt{position: relative; z-index: 2; width: 67%; top: 90px; left:28.5%;}
.gamehabit_survey .bgbox_style01 .txt p{font-size:18px; color: #5a647b; letter-spacing: -1px;}
.gamehabit_survey .bgbox_style01 .txt p span{font-size:20px; color: #3b4762;}
.gamehabit_survey .bgbox_style01 .txt .title{font-size: 30px; margin-bottom: 30px; color: #3a3c42;}
.gamehabit_survey .txtbox_style01{padding: 30px 20px; height:300px;}
.gamehabit_survey .txtbox_style01 p{font-weight: 500; line-height: 2;}
.gamehabit_survey .txtbox_style01 p > span{color:#848386; font-size:16px;}
.gamehabit_survey .txtbox_style01 p > strong{color:#ef6b00; font-size: 16px; font-weight: 600;}
.gamehabit_survey .board_write01{padding: 30px 20px;}
.gamehabit_survey .cont01 .conbox.icon::before{background-image:url(/images/homepage/www/kocca/contents/icon_gamehabit02_cont01_01.png);}
.gamehabit_survey .cont01 .conbox ul.li_style01 li{color:#605f63;}
.gamehabit_survey .cont01 .conbox ul.li_style01 li span{color: #828085; font-size: 15px; margin-top: 15px;}
.gamehabit_survey02 .bgbox_style01::before{content:''; left:-77px; width:303px; height: 100%; background-image: url(/images/homepage/www/kocca/contents/gamehabit02_cont01_bg02.png);}
.gamehabit_survey02 .bgbox_style01::after{content:none;}
.gamehabit_survey02 .bgbox_style01 .bg{background-image: url(/images/homepage/www/kocca/contents/gamehabit02_cont01_bg01.png);}
.gamehabit_survey02 .bgbox_style01 .txt{left:10%; top:60px;text-shadow: 1px 2px rgb(0 0 0 / 50%);}
.gamehabit_survey02 .bgbox_style01 .txt p{font-size:18px; color: #fff;}
.gamehabit_survey02 .bgbox_style01 .txt .title{font-size: 24px; color: #fff;}

.gamehabit_survey03 .cont01 .conbox.icon::before{background-image:url(/images/homepage/www/kocca/contents/icon_gamehabit03_cont01_01.png);}
.survey_box_wrap{position:relative; position:relative; margin: 120px 0 350px; height:auto; }
.survey_box_wrap *{font-family: 'NanumMyeongjo', serif;}
.survey_box_wrap::before, .survey_box_wrap::after{content: ''; position: absolute; background-repeat:no-repeat; z-index: 1;}
.survey_box_wrap::before{background-image: url(/images/homepage/www/kocca/contents/gamehabit03_cont01_bg02_01.png); width:100px; height: 107px; top:-60px; left:50%; transform: translateX(-50%);}
.survey_box_wrap::after{background-image: url(/images/homepage/www/kocca/contents/gamehabit03_cont01_bg02_02.png); width:166px; height: 343px; top:-50px; right:-249px; transform: translateX(-50%);}
.survey_box_bg{position: absolute; width: 100%; bottom: 0; left:0; z-index: 1;}
.survey_box_bg::before, .survey_box_bg::after{content: ''; position: absolute; background-repeat:no-repeat; }
.survey_box_bg::after{background-image: url(/images/homepage/www/kocca/contents/gamehabit03_cont01_bg02_03.png); width: 299px; height: 165px; left: -115px; bottom: -200px;}
.survey_box_bg::before{background-image: url(/images/homepage/www/kocca/contents/gamehabit03_cont01_bg02_04.png); width: 521px; height: 372px; right: -170px; bottom: -252px;}
.survey_box{width: 100%; height: 100%; position: relative; background: #fff; box-shadow: 10px 10px 20px rgb(0 0 0 / 15%); padding: 80px 60px 168px;}
.survey_box::before,.survey_box::after{content: ''; width: 100%; height: 100%; position: absolute; background: #fff; box-shadow: 10px 10px 20px rgb(0 0 0 / 15%); top: 0; left: 0;}
.survey_box::before{z-index: -1;  transform:rotate(-3deg) translate(-10px, 15px)}
.survey_box::after{z-index: -2; transform: rotate(2deg) translateX(10px);}
/*
.survey_box::after{content:''; position:absolute; z-index:-1; width: 1584px; height:1350px; top:-180px; left:-7%; background-image:url(/images/homepage/www/kocca/contents/gamehabit03_cont01_bg02.png);}
*/
.survey_box .survey_tit{text-align: center; font-size:30px;}
.survey_box table.conTable{border-top:2px solid #000; font-size: 14px; }
.survey_box table.conTable th{background: #fff;}
.survey_box  table.conTable th, .survey_box table.conTable td{border-left:0; padding: 16px 14px 15px; line-height: 1.25;}
.survey_box table.conTable .radio_style01 + label::before{width: 20px; height: 20px;line-height:20px;vertical-align: top;}
.survey_box .survey_btn_box{margin-top: 25px;}
.survey_box .survey_btn_box::after{content:''; display: block; clear: both;}
.survey_box .survey_btn_box .btn_survey_next,
.survey_box .survey_btn_box .btn_survey_prev{width: 129px; height:30px; font-size: 16px; position: relative; text-align: center;}
.survey_box .survey_btn_box .btn_survey_next{float: right;}
.survey_box .survey_btn_box .btn_survey_prev{float: left;}
.survey_box .survey_btn_box .btn_survey_next::after,
.survey_box .survey_btn_box .btn_survey_prev::after{content:''; width: 129px; position: absolute; height: 18px; bottom: 0; left: 0; background-repeat: no-repeat;}
.survey_box .survey_btn_box .btn_survey_next::after{background-image: url(/images/homepage/www/kocca/contents/icon_btn_survey_next.png);}
.survey_box .survey_btn_box .btn_survey_prev::after{background-image: url(/images/homepage/www/kocca/contents/icon_btn_survey_prev.png);}
.survey_box .btn_area.area_center{margin: 200px 0 0 0;}
.gamesurvey_con {overflow-x:auto;position:relative;}
.gamesurvey_con > table,
.gamesurvey_con > div {min-width:1024px;}
.gamehabit_survey04 .cont01 .conbox.icon::before{background-image:url(/images/homepage/www/kocca/contents/icon_gamehabit04_cont01_01.png);}
.gamehabit_survey04 .cont02 .box_style01{border:0; margin: 15px 80px;}
.gamehabit_survey04 .cont02 .cont_txt_right .txt{padding: 75px 0;}
.gamehabit_survey04 .cont02 .cont_txt_right .txt p{margin: 20px 0;}
.gamehabit_survey04 .cont02 .cont_txt_right .txt p span,
.gamehabit_survey04 .cont02 .cont_txt_right .txt p em{font-weight: 600;}
.gamehabit_survey04 .cont02 .cont_txt_right .txt p span{color: #7449b4;}
.gamehabit_survey04 .cont02 .cont_txt_right .txt .txt_first{font-size:20px; font-weight: 500;}
.gamehabit_survey04 .game_survey_result{color: #ee8425 !important; font-weight: 600;}
.gamehabit_survey04 h5{margin: 35px 0 10px;}
.gamehabit_survey04 h6{margin: 15px 0 10px;}

/* 자가진단결과 팝업 */
.tab_style04 .inner{background: none;}
.tab_style04 ul{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; 
-ms-justify-content:center; -webkit-justify-content:center; justify-content: center; margin-top: 20px;}
.tab_style04 ul li{text-align: center;padding: 12px 0; position: relative; height: 50px; border-bottom: 1px solid #9a9a9d;}
.tab_style04 ul li a{display: inline-block;width: 100%;border-right: 1px solid #eee;padding: 0 50px;background: none;border-radius: 0;}
.tab_style04 ul li.active{border-bottom: 3px solid #f3590e;}
.tab_style04 ul li.active a{box-shadow: none;color: #f3590e;font-weight: bold;}
.tab_style04 ul li:last-child a{border-right: 0;}


/* 자가진단결과 팝업 */
.gamehabit_survey04 .tab_view_wrap{text-align: left;}
.gamehabit_survey04 .bg_{text-align: left;}
.gamehabit_survey04 .cont_bgcolor{border-radius: 15px; margin: 25px 0; overflow: hidden; padding-top: 15px;}/* cont_bgcolor 추가 */
.gamehabit_survey04 .cont_bgcolor.yellow{background-color:#fde398;}
.gamehabit_survey04 .cont_bgcolor.gray{background-color:#f1f2f6;}

.gamehabit_survey04 .img.imgcircle{margin: 13px 40px 40px 60px; flex-direction:column;}/* imgcircle 추가 */
.gamehabit_survey04 .img.imgcircle img{border-radius: 50%;border: 1px solid #c2c2c2;}
.gamehabit_survey04 .img.imgcircle span{font-size:14px; margin-top: 10px;}
.gamehabit_survey04 .cont_txt_right.cont_bgcolor .img{margin:20px 40px 0 0;}
.gamehabit_survey04 .cont_txt_right.cont_bgcolor .txt{padding-right: 40px;}
        


/* KOCCA소개 */
    /* 조직도 */
    .org_chart .search_box {text-align:center;}
    .org_chart .search_input {width:300px;max-width:calc(100% - 150px);}
    .org_chart .search_input input[type=text] {width:100%;}
    .org_chart .org_wrap {position:relative;padding:0 20px;height:1450px;margin-top:70px;margin-bottom:60px;/*background:url(/images/homepage/www/kocca/contents/org_wrap_bg.png) top 105px center no-repeat;*/}
    .org_chart .org_wrap a {display:block;text-align:center;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
    .org_chart p {clear:both;}
    /* 조직도 box_style */
    .org_chart .org_style01 {width:185px;height:185px;border-radius:100%;/*font-size:1.875em;*/font-size:26px;font-weight:bold;color:#fff;line-height:185px;position:relative;}
    .org_chart .org_style01::after {content:'';position:absolute;top:50%;left:50%;width:calc(100% - 20px);height:calc(100% - 20px);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:url(/images/homepage/www/kocca/contents/org_style01_after_bg.png) center no-repeat;border-radius:100%;z-index:-1;}
    .org_chart .org_style01::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/homepage/www/kocca/contents/org_style01_before_bg.png) center no-repeat;border-radius:100%;z-index:-1;}
    .org_chart .org_style01:hover {border-radius:100%;-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
    .org_chart .org_style02 {width:180px;height:52px;line-height:52px;background:url(/images/homepage/www/kocca/contents/org_style02_bg.png) center no-repeat;border-radius:10px;border-top-right-radius:20px;color:#fff;font-weight:600;}
    .org_chart .org_style02:hover {border-radius:0;-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
    .org_chart .org_style03 {width:180px;height:52px;line-height:52px;background-color:#353a96;/* background:url(/images/homepage/www/kocca/contents/org_style03_bg.png) center no-repeat; */border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;font-weight:600;}
    .org_chart .org_style03:hover {border-radius:0;-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
    .org_chart .org_style04 {width:180px;height:64px;line-height:62px;background:url(/images/homepage/www/kocca/contents/org_style04_bg.png) center no-repeat;border-radius:10px;color:#fff;font-weight:600;}
    .org_chart .org_style04:hover {border-radius:0;-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
    .org_chart .org_style05 {width:100%;height:52px;line-height:52px;background:url(/images/homepage/www/kocca/contents/org_style05_bg.png) center no-repeat;border-radius:10px;color:#fff;font-weight:600;}
    .org_chart .org_style05:hover {border-radius:0;-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
    .org_chart .org_style06 {position:relative;width:100%;height:52px;line-height:50px;background:#fff;border:2px solid #157fab;border-radius:10px;color:#157fab;font-weight:600;margin:0 auto;}
    .org_chart .org_style06:hover {border-radius:0;}
    .org_chart .org_style07 {width:100%;height:44px;line-height:44px;background:#f4f4f4;border-radius:10px;color:#5c5b5e;font-size:0.9375em;font-weight:500;}
    .org_chart .org_style07:hover {background:#157fab;color:#fff;}
    .org_chart .org_style08 {position:relative;width:32%;line-height:20px;margin-left:2%;padding:11px;background:#fff;border:1px solid #909090;border-radius:10px;color:#5c5b5e;}
    .org_chart .org_style08:hover {background:#157fab;color:#fff;border:1px solid #157fab;}
    .org_chart .org_style09 {position:relative;width:100%;height:52px;line-height:52px;background:url(/images/homepage/www/kocca/contents/org_style09_bg.png) center no-repeat;background-size:cover;border-radius:10px;color:#fff;font-weight:600;/* 여기부터는링크빠졌을때*/text-align:center;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
    .org_chart .org_style09:hover {border-radius:0;}
    .org_chart .org_style10 {width:100%;height:44px;line-height:44px;background:#f4f4f4;border-radius:10px;color:#5c5b5e;text-align:center;/* font-size:0.9375em;font-weight:500; */}
    .org_chart .org_style10:hover {background:#353a96;color:#fff;}
    .org_chart .org_style11 {position:relative;width:100%;height:52px;line-height:52px;background:url(/images/homepage/www/kocca/contents/org_style11_bg.gif) center no-repeat;border-radius:10px;color:#fff;font-weight:600;}
    .org_chart .org_style11:hover {border-radius:0;-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
    .org_chart .org_style12 {width:100%;height:46px;line-height:44px;background:#fff;border:1px solid #909090;border-radius:10px;color:#5c5b5e;font-size:16px;}
    .org_chart .org_style12:hover {background:#157fab;color:#fff;border:1px solid #157fab;}
    .org_chart .org_style13 {width:100%;height:100%;line-height:44px;background:#fff;border:1px solid #909090;border-radius:10px;color:#5c5b5e;font-size:16px;}
    .org_chart .org_style13:hover {background:#157fab;color:#fff;border:1px solid #157fab;}
    .org_chart .org_style14 {width:100%;height:100%;line-height:44px;background:#fff;border-radius:10px 10px 0 0;color:#5c5b5e;font-size:16px;transition:none !important;}
    .org_chart .org_style14:hover {color:#fff; transition:none !important; }
    .org_chart .org_style15 {position:relative;width:100%;height:52px;line-height:50px;background:#fff;border:2px solid #393793;border-radius:10px;color:#393793;font-weight:600;margin:0 auto;}
    .org_chart .org_style15:hover {border-radius:0;}
    .org_box.org02 a:nth-child(2) {margin-top:11px;}
    .org_box.org04 .org_style05 {width:260px;margin:0 auto;}
    .org_box.org04 .org_style06 {width:180px;margin-top:13px;/* 여기부터는링크빠졌을때*/text-align:center;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
    .org_box.org05 .org_style11 {width:260px;margin:0 auto;/* 여기부터는링크빠졌을때*/text-align:center;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
    .org_box.org06 .org_style11 {width:180px;margin:0 auto;}
    .org_style03_wrap {margin-top:-2px;border:2px solid #353a96;border-radius:10px;padding:10px;background:#fff;border-top-right-radius:0px;border-top-left-radius:0px;}
    .org_style03_wrap a:nth-child(n+2) {margin-top:10px;}
    .org_style07_wrap {margin-top:14px;/* margin-top:15px;border:1px solid #909090;border-radius:10px;padding:10px;background:#fff; */}
    .org_style07_wrap a:nth-child(n+2) {margin-top:7px;}
    .org_box.org04 .org_style08_wrap {margin-top:45px;position:relative;text-align:center;}
    .org_box.org04 .org_style08_wrap a.org_style08,
    .org_box.org05 .org_style08_wrap a.org_style08 {float:left;}
    .org_box.org04 .org_style08_wrap a:first-child,
    .org_box.org05 .org_style08_wrap a:first-child {margin-left:0;} 
    .org_box.org05 .org_style06 {width:260px;}
    .org_box.org05 .org_style08_wrap {margin-top:45px;position:relative;text-align:center;}
    .org_box.org05 .org_style08_wrap span:nth-child(odd) {float:left;margin-bottom:10px;}
    .org_box.org05 .org_style08_wrap span:nth-child(even) {float:right;margin-bottom:10px;}
    .org_box.org04 .org_style08_wrap::after,
    .org_box.org05 .org_style08_wrap::after,
    .org_box.org06 .org_style10_wrap::after {content:'';display:block;clear:both;}
    .org_box.org05 .org_style08:hover {background:#0b837b;color:#fff;border:1px solid #0b837b;}
    .org_box.org07 a {margin-bottom:10px;}
    .org_style10_wrap {margin-top:11px;margin-bottom:6px;border:2px solid #0b837b;border-radius:10px;padding:10px;background:#fff;}
    .org_style10_wrap p:nth-child(n+2),
    .org_style10_wrap a:nth-child(n+2) {margin-top:10px;}
    .org_chart .org_style10_wrap .org_style10:hover {background:#0b837b;color:#fff;}
    .org_box.org08 .org_style09_wrap {float:left;width:200px;margin-right:16px;}
    .org_box.org08 .org_style09_wrap .org_style06 {margin-top:15px;}
    .org_box.org08 .org_style09_wrap:last-child {margin-right:0;}
    .org_style13_wrap { padding:0 9px 9px; }
    .org_style13_wrap p { width:100%;height:44px;line-height:44px;background:#f4f4f4;border-radius:10px;color:#5c5b5e; }
    .org_style13_wrap p:nth-child(n+2) {margin-top:7px;}
    .org_style15_wrap {position:absolute;top:-108px;left:118px;width:180px;}
    .team_wrap { width:100%;height:100%;margin-top:7px;background:#fff;border:1px solid #909090;border-radius:10px;color:#5c5b5e;font-size:16px; }
    .team_wrap .tit_team { height:44px;line-height:44px; text-align:center; }
    .team_wrap .org_style13_wrap p a { border-radius:10px; }
    .team_wrap .org_style13_wrap p:hover a {background:#fff;color:#157fab;font-weight:500;}
    .team_wrap .org_style13_wrap p a.btn_link2 { padding-right:10px; background:url(/images/oldimg/sub/link.png) 90% 16px no-repeat; }
    .team_wrap .org_style13_wrap p:hover a.btn_link2:hover { background:url(/images/oldimg/sub/link_on.png) 90% 16px no-repeat; }
    .team_wrap.type2:hover { background:#157fab; -ms-transition:0.2s ease !important;-webkit-transition:0.2s ease !important;transition:0.2s ease !important; }
    .team_wrap.type2:hover .org_style14 {background:#157fab;color:#fff; -ms-transition:0.2s ease !important;-webkit-transition:0.2s ease !important;transition:0.2s ease !important; }
    .org_chart + .cont03 .board_list01:focus {outline:none;}
    .org_style_wrap {position:relative;}
    
    /* 조직도 position */
    .org_box {position:absolute;}
    .org01 {top:0;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
    .org02 {top:180px;/*left:calc(50% + 298px);*/right:0;width:180px;}
    .org03 {top:244px;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
    .org04 {top:394px;right:calc(50% + 122px);width:560px;}
    .org05 {top:394px;left:calc(50% + 108px);width:560px;}
    .org06 {top:568px;left:calc(50% + 297px);}
    .org07 {top:308px;left:calc(50% + 180px);width:180px;}
    .org08 {top:920px;left:0;width:100%;}

    /* 조직도 line */
    .org_wrap::after {content:'';position:absolute;top:0;left:calc(50% - 0px);width:1px;height:786px;background:#909090;z-index:-1;}
    .org04::before {content:'';position:absolute;top:-181px;right:-122px;width:402px;height:1px;background:#909090;z-index:-1;}
    .org04::after {content:'';position:absolute;top:-181px;left:50%;width:1px;height:182px;margin-left:-1px;;background:#909090;z-index:-1;}
    .org04 .org_style05.bg::after {content:'';position:absolute;top:103px;right:-170px;width:100%;height:1px;background:#909090;z-index:-1;}
    .org04 .org_style06::before {content:'';position:absolute;bottom:-23px;left:50%;width:1px;height:100%;margin-left:-1px;background:#909090;z-index:-1;}
    .org04 .org_style08_wrap::before {content:'';position:absolute;top:-25px;left:50%;width:calc(100% - 180px);height:1px;background:#909090;z-index:-1;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
    .org04 .org_style08_wrap .org_style08::after {content:'';position:absolute;top:-25px;left:50%;width:1px;height:100%;background:#909090;z-index:-1;}
    .org04 .org_style08:nth-child(2)::after,
    .org05 .org_style08_wrap .org_style08:nth-child(2)::after {margin-left:-1px;}
    .org05 .org_style06::before {content:'';position:absolute;bottom:-23px;left:50%;width:1px;height:100%;background:#909090;z-index:-1;}
    .org05 .org_style06::after {content:'';position:absolute;top:25px;left:-170px;width:100%;height:1px;background:#909090;z-index:-1;}
    .org05 .org_style08_wrap::before {content:'';position:absolute;top:-25px;left:50%;width:calc(100% - 180px);height:1px;background:#909090;z-index:-1;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
    .org05 .org_style08_wrap .org_style08::after {content:'';position:absolute;top:-25px;left:50%;width:1px;height:100%;background:#909090;z-index:-1;}
    .org05::before {content:'';position:absolute;top:25px;left:-108px;width:262px;height:1px;background:#909090;z-index:-1;}
    .org05::after {}
    .org04 .org_style_wrap::after,
    .org05 .org_style_wrap::after {content:'';position:absolute;bottom:-21px;left:50%;width:1px;height:100%;margin-left:-1px;background:#909090;z-index:-1;}
    .org06::before {content:'';position:absolute;top:-148px;left:-243px;width:1px;height:175px;background:#909090;z-index:-1;}
    .org06::after {content:'';position:absolute;top:26px;left:-243px;width:242px;height:1px;background:#909090;z-index:-1;}
    .org06 .org_style06::after {content:'';position:absolute;top:25px;left:-170px;width:100%;height:1px;background:#909090;z-index:-1;}
    .org07::after {content:'';position:absolute;top:-95px;right:90px;width:270px;height:1px;background:#909090;z-index:-1;} 
    .org07 .org_style06::after {content:'';position:absolute;top:-96px;left:50%;width:1px;height:98px;margin-left:-1px;;background:#909090;z-index:-1;}
    .org08::after {content:'';position:absolute;top:-134px;left:50%;width:calc(100% - 306px);height:1px;margin-left:53px;background:#909090;z-index:-1;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
    .org08 .org_style09::after {content:'';position:absolute;top:-134px;left:50%;width:1px;height:134px;background:#909090;z-index:-1;}
    .org08 .short_line .org_style09::after,
    .org08 .short_line .org_style09::after {top:-28px;height:28px;}
    .org08 .org_style15_wrap::before {content:'';position:absolute;top:-26px;left:50%;width:1px;height:28px;margin-left:-2px;background:#909090;z-index:-1;}
    .org08 .org_style15_wrap::after {content:'';position:absolute;top:52px;left:50%;width:1px;height:28px;background:#909090;z-index:-1;}
    .org08 .org_style15_wrap .org_style15::after {content:'';position:absolute;bottom:-31px;left:-20px;width:217px;height:1px;background:#909090;z-index:-1;}

/* 우수지원과제 */
    /* 방송콘텐츠제작지원주요성과 */
    .broadcast_wrap .broadcast01::before{background-image:url(/images/homepage/www/kocca/contents/icon_broadcast01.png);}
    .broadcast_wrap .broadcast02::before{background-image:url(/images/homepage/www/kocca/contents/icon_broadcast02.png);}
    .broadcast_wrap .broadcast03::before{background-image:url(/images/homepage/www/kocca/contents/icon_broadcast03.png);}
    .broadcast_wrap .broadcast04::before{background-image:url(/images/homepage/www/kocca/contents/icon_broadcast04.png);}
    .broadcast_wrap .broadcast05::before{background-image:url(/images/homepage/www/kocca/contents/icon_broadcast05.png);}
    .broadcast_wrap .broadcast06::before{background-image:url(/images/homepage/www/kocca/contents/icon_broadcast06.png);}
    .excellence_slide {position:relative;}
    .excellence_slide ul li {margin:0 10px;}
    .excellence_slide ul li a {display:block;position:relative;text-align:center;background-repeat:no-repeat;width:392px;height:222px;border-radius:20px;overflow:hidden;background-image:url(/images/homepage/www/kocca/common/noimg.png);background-position:center;}
    .excellence_slide ul li a .info {position:absolute;top:0;right:0;bottom:0;left:0;padding-top:40px;background:rgba(0,0,0,0.7);border-radius:20px;border:3px solid #ff7836;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;opacity:0;}
    .excellence_slide ul li a .info > div {-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;}
    .excellence_slide ul li a:hover .info > div {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
    .excellence_slide ul li a:hover .info {opacity:1;}
    .excellence_slide .cat {font-size:14px;color:rgb(32, 22, 22);color:#fff;-ms-transition:0.2s ease 0.1s;-webkit-transition:0.2s ease 0.1s;transition:0.2s ease 0.1s;}
    .excellence_slide .title {font-size:18px;color:#fff;font-weight:bold;margin-top:5px;-ms-transition:0.2s ease 0.2s;-webkit-transition:0.2s ease 0.2s;transition:0.2s ease 0.2s;}
    .excellence_slide .link {background:#fff;border-radius:17px;color:#000;font-weight:bold;display:inline-block;padding:5px 10px;margin-top:50px;font-size:14px;-ms-transition:0.2s ease 0.3s;-webkit-transition:0.2s ease 0.3s;transition:0.2s ease 0.3s;}
    .excellence_slide .link::after {content:'\e980';font-family:'xeicon';margin-left:5px;color:#757575;}
    .excellence_slide .prev {position:absolute;top:-40px;right:30px;left:auto;cursor:pointer;}
    .excellence_slide .next {position:absolute;top:-40px;right:0px;cursor:pointer;}
    .excellence_slide .prev a::before {content:'\e93b';font-family:'xeicon';color:#000;font-size:22px;text-indent:0;position:absolute;top:0;left:0;}
    .excellence_slide .next a::before {content:'\e93e';font-family:'xeicon';color:#000;font-size:22px;text-indent:0;position:absolute;top:0;left:0;}
    
    .excellence_slide .prev a,
    .excellence_slide .next a {display:inline-block;text-indent:-9999px;width:20px;height:30px;}
	.excellence_slide .prev a:focus,
   	.excellence_slide .next a:focus {outline:1px solid #000;}
    .excellence_slide .play_wrap {width:30px;height:30px;position:absolute;top:-40px;right:55px;}
    .excellence_slide .play_wrap > * {width:100%;height:100%;text-indent:-9999px;}
    .excellence_slide .play_wrap .slick_play::after {content:'\ea3e';width:100%;height:100%;position:absolute;top:0;left:0;color:#000;font-family:'xeicon';font-size:30px;text-align:center;line-height:30px;text-indent:0;}
    .excellence_slide .play_wrap .slick_stop::after {content:'\ea3b';width:100%;height:100%;position:absolute;top:0;left:0;color:#000;font-family:'xeicon';font-size:30px;text-align:center;line-height:30px;text-indent:0;}
    .broadcast_wrap .cont02 {margin-top:50px;}


/* 사업소개 */
.business_intro_list .slick-slide {float:left;width:100px;/*width:7.692%;*/}
.business_intro_list .slick-slide a {display:block;padding-top:100px;background-position:top 20px center;background-repeat:no-repeat;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.business_intro_list .slick-slide a span {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;min-height:50px;text-align:center;color:#313034;font-weight:bold;font-size:0.875em;}
.business_intro_list .slick-prev:before {content: "\e93b";font-family:'xeicon';color:#39393a;font-weight: bold;}
.business_intro_list .slick-next:before {content: "\e93e";font-family:'xeicon';color:#39393a;font-weight: bold;}
.business_intro_list .slick-prev.slick-disabled:before,
.business_intro_list .slick-next.slick-disabled:before {opacity:0.1;}
.business_intro_list .slick-slide.list00 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro00_off.png);}
.business_intro_list .slick-slide.list01 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro01_off.png);}
.business_intro_list .slick-slide.list02 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro02_off.png);}
.business_intro_list .slick-slide.list03 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro03_off.png);}
.business_intro_list .slick-slide.list04 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro04_off.png);}
.business_intro_list .slick-slide.list05 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro05_off.png);}
.business_intro_list .slick-slide.list06 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro06_off.png);}
.business_intro_list .slick-slide.list07 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro07_off.png);}
.business_intro_list .slick-slide.list08 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro08_off.png);}
.business_intro_list .slick-slide.list09 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro09_off.png);}
.business_intro_list .slick-slide.list10 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro10_off.png);}
.business_intro_list .slick-slide.list11 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro11_off.png);}
.business_intro_list .slick-slide.list12 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro12_off.png);}
.business_intro_list .slick-slide.list13 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro13_off.png);}
.business_intro_list .slick-slide.list14 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro14_off.png);}
.business_intro_list .slick-slide.list15 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro15_off.png);}
.business_intro_list .slick-slide.list16 a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro16_off.png);}
.business_intro_list .slick-slide.list00:hover a,
.business_intro_list .slick-slide.list00.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro00_on.png);}
.business_intro_list .slick-slide.list01:hover a,
.business_intro_list .slick-slide.list01.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro01_on.png);}
.business_intro_list .slick-slide.list02:hover a,
.business_intro_list .slick-slide.list02.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro02_on.png);}
.business_intro_list .slick-slide.list03:hover a,
.business_intro_list .slick-slide.list03.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro03_on.png);}
.business_intro_list .slick-slide.list04:hover a,
.business_intro_list .slick-slide.list04.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro04_on.png);}
.business_intro_list .slick-slide.list05:hover a,
.business_intro_list .slick-slide.list05.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro05_on.png);}
.business_intro_list .slick-slide.list06:hover a,
.business_intro_list .slick-slide.list06.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro06_on.png);}
.business_intro_list .slick-slide.list07:hover a,
.business_intro_list .slick-slide.list07.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro07_on.png);}
.business_intro_list .slick-slide.list08:hover a,
.business_intro_list .slick-slide.list08.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro08_on.png);}
.business_intro_list .slick-slide.list09:hover a,
.business_intro_list .slick-slide.list09.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro09_on.png);}
.business_intro_list .slick-slide.list10:hover a,
.business_intro_list .slick-slide.list10.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro10_on.png);}
.business_intro_list .slick-slide.list11:hover a,
.business_intro_list .slick-slide.list11.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro11_on.png);}
.business_intro_list .slick-slide.list12:hover a,
.business_intro_list .slick-slide.list12.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro12_on.png);}
.business_intro_list .slick-slide.list13:hover a,
.business_intro_list .slick-slide.list13.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro13_on.png);}
.business_intro_list .slick-slide.list14:hover a,
.business_intro_list .slick-slide.list14.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro14_on.png);}
.business_intro_list .slick-slide.list15:hover a,
.business_intro_list .slick-slide.list15.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro15_on.png);}
.business_intro_list .slick-slide.list16:hover a,
.business_intro_list .slick-slide.list16.active a {background-image:url(/images/homepage/www/kocca/contents/icon_business_intro16_on.png);}
.business_intro_list button:focus::before {outline:auto;}


/* 회원 (로그인,화원가입,아이디찾기,비밀번호찾기 */
.login_wrap {position:relative;padding:50px 50px 100px 50px;border-radius:24px;background:#fff;margin-top:-50px;z-index:1;/*box-shadow:5px 5px 20px rgba(0,0,0,0.08);*/border:1px solid #eee;}
.login_wrap .inner {width:850px;max-width:100%;margin:0 auto;}
/*.login_wrap .inner.inner_width100 {width:100%;}*/
.login_tab {position:absolute;top:-30px;left:0px;width:calc(100% + 8px);font-size:1.0625em;}
.login_tab ul li {float:left;width:25%;height:60px;line-height:60px;margin:-1px;}
.login_tab ul li a {display:block;background:#f5f5f5;color:#7c7c7c;border:1px solid #b7b7b7;text-align:center;border-top-left-radius:24px;border-top-right-radius:24px;}
.login_tab ul li:first-child a {border-left:1px solid #eee;}
.login_tab ul li:last-child a {border-right:1px solid #eee;}
.login_tab ul li.active a {background:#fff;color:#414141;font-weight:bold;border-bottom:1px solid #fff;}
.login_wrap .login_title {font-size:1.375em;font-weight:bold;color:#3a3a3a;text-align:center;margin:50px 0 70px 0;}
.login_wrap .login_title p {font-size:0.7272em;color:#5c5b5e;font-weight:500;margin-top:20px;}
.login_form::after {content:'';display:block;clear:both;}
.login_form .form01,
.login_form .form02 {width:100%;max-width:100%;height:100%;margin-bottom:20px;}
.login_form .form01 > input {width:100%;height:40px;height:40px;margin-bottom:15px;}
.login_form .form01 .input_txt_span {display:block;margin:-13px 0 15px;padding-left:10px;font-size:14px;}
.login_form .form01 a {font-size:0.9375em;color:#5c5b5e;}
.login_form .form01 a:hover {font-weight:bold;}
.login_form .form01 .link_join {float:right;color:#8030be;font-weight:bold;position:relative;}
.login_form .form01 .link_join::after {content:'\e93e';font-family:'xeicon';margin-left:5px;}
.login_form .form01 .link_join::before {content:'';width:100%;height:1px;position:absolute;bottom:0;left:0;background:#8030be;}
.login_form .form02 a {display:block;background:#fff;border-radius:20px;border:1px solid #e3e3e3;color:#5c5b5e;font-weight:bold;text-align:left;padding: 10px 10px 10px 40px;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.login_form .form02 > div {padding:5px;width:50%;float:left;}
.login_form .form02 .login_onepass {width:50%;}
.login_form .form02 .login_onepass a {background:url(/images/homepage/www/kocca/common/icon_onepass02.png) no-repeat left 20px center;}
.login_form .form02 .login_naver a {background:url(/images/homepage/www/kocca/common/icon_naver02.png) no-repeat left 20px center;}
.login_form .form02 .login_kakao a {background:url(/images/homepage/www/kocca/common/icon_kakao02.png) no-repeat left 20px center;}
.login_form .form02 .login_google a {background:url(/images/homepage/www/kocca/common/icon_google02.png) no-repeat left 20px center;}
.login_form .form02 .login_facebook a {background:url(/images/homepage/www/kocca/common/icon_facebook02.png) no-repeat left 20px center;}
.login_form .form02 a:hover {box-shadow:6px 6px 5px rgba(0,0,0,0.08);}
.login_info {width:100%;margin:40px 0 0 0;padding-top:40px;border-top:1px solid #e2e2e2;}
.login_wrap .board_write01 + .login_info {padding-top:0;border-top:none;}
.login_info .login_info_title {font-size:1.25em;font-weight:bold;color:#6e3798;margin-bottom:5px;}
.login_info .login_info_title::after {content:'!';font-size:0.7em;font-weight:900;display:inline-block;text-align:center;margin-left:10px;padding:0 8px;border-radius:6px;border:1px solid #6e3798;box-shadow:3px 3px 2px rgba(110,55,152,0.2);vertical-align:middle;}
.login_wrap .login_info .cert_info_title::after {content:'!';font-size:14px;font-weight:900;display:inline-block;text-align:center;margin-left:10px;padding:0 8px;border-radius:6px;border:1px solid #6e3798;box-shadow:3px 3px 2px rgba(110,55,152,0.2);vertical-align:middle;}
.login_info .img_wrap {width:840px;max-width:100%;height:136px;margin-top:40px;background:url(/images/homepage/www/kocca/common/login_info_bg01.png) no-repeat center;background-size:cover;position:relative;padding:40px 20px;}
.login_info .img_wrap p {color:#fff;float:left;}
.login_info .img_wrap .btn_link {float:right;color:#fff;margin-top:10px;background:transparent;}
.login_info .img_wrap .btn_link:hover {background:#000;border:1px solid #e3e3e3;}
.login_wrap .step {margin:50px 0;}
.login_wrap .step ul li {width:72px;}
.login_wrap .step ul li:nth-child(1) p::before {background-image:url(/images/homepage/www/kocca/common/member_signup_step01_off.png);}
.login_wrap .step ul li:nth-child(2) p::before {background-image:url(/images/homepage/www/kocca/common/member_signup_step02_off.png);}
.login_wrap .step ul li:nth-child(3) p::before {background-image:url(/images/homepage/www/kocca/common/member_signup_step03_off.png);}
.login_wrap .step ul li:nth-child(4) p::before {background-image:url(/images/homepage/www/kocca/common/member_signup_step04_off.png);}
.login_wrap .step ul li:nth-child(1).active p::before {background-image:url(/images/homepage/www/kocca/common/member_signup_step01_on.png);}
.login_wrap .step ul li:nth-child(2).active p::before {background-image:url(/images/homepage/www/kocca/common/member_signup_step02_on.png);}
.login_wrap .step ul li:nth-child(3).active p::before {background-image:url(/images/homepage/www/kocca/common/member_signup_step03_on.png);}
.login_wrap .step ul li:nth-child(4).active p::before {background-image:url(/images/homepage/www/kocca/common/member_signup_step04_on.png);}
/*.login_wrap .cert_box ul {overflow:hidden;}*/
.login_wrap .cert_box ul::after {content:'';display:block;clear:both;}
.login_wrap .cert_box ul li {width:50%;min-height:400px;float:left;}
.login_wrap .cert_box.cert01 ul li:nth-child(1) .box {background:url(/images/homepage/www/kocca/common/icon_cert01_bg01.png) center top 40px no-repeat;}
.login_wrap .cert_box.cert01 ul li:nth-child(2) .box {background:url(/images/homepage/www/kocca/common/icon_cert01_bg02.png) center top 40px no-repeat;}
.login_wrap .cert_box.cert02 ul li:nth-child(1) .box {background:url(/images/homepage/www/kocca/common/icon_cert02_bg01.png) center top 40px no-repeat;}
.login_wrap .cert_box.cert02 ul li:nth-child(2) .box {background:url(/images/homepage/www/kocca/common/icon_cert02_bg02.png) center top 40px no-repeat;}
.login_wrap .cert_box ul li .box p:nth-child(1) {font-size:1.25em;font-weight:bold;color:#3a3a3a;margin-bottom:20px;}
.login_wrap .cert_box ul li .box p:nth-child(2) {font-weight:500;color:#5c5b5e;margin-bottom:40px;}
.login_wrap .cert_box ul li .box a {display:block;width:180px;height:40px;line-height:40px;font-weight:bold;color:#5b5b5b;margin:20px auto;border:1px solid #e1e1e1;border-radius:4px;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.login_wrap .cert_box ul li .box:hover {-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);box-shadow:12px 12px 10px rgba(0,0,0,0.08);}
.login_wrap .cert_box ul li .box a:hover {background:#d66420;color:#fff;border:none;}
.login_wrap.complete .cont01 {border-top:2px solid #000;border-bottom:1px solid #878787;padding:160px 30px 50px 30px;background:url(/images/homepage/www/kocca/common/icon_login_complete.png) center top 60px no-repeat;}
.sns_login_pop_wrap .cont {padding-top:20px;}
.sns_login_pop_wrap .cont p {margin-top:20px;}
.login_wrp .disnone{display: none;}
.login_wrp .find_id{border-top: 2px solid #000; border-bottom: 1px solid #878787; padding-bottom: 70px;}
.login_wrp .find_id .login_pwd_header{font-size: 22px; color: #3a3a3a; text-align: center; margin: 70px 0 50px 0;}
.login_wrp .find_id .login_pwd_header em{font-weight: bold;}
.login_wrp .find_id .login_pwd_header p{font-size: 16px; color: #5c5b5e; font-weight: 500; margin-top: 10px;}
.login_wrp .find_id .login_pwd_header .btn_pack a {font-size:14px;font-weight:bold;color:#8030be;position:relative;padding:0 20px 2px 0;margin-left:10px;}
.login_wrp .find_id .login_pwd_header .btn_pack a::before {content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#8030be;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.login_wrp .find_id .login_pwd_header .btn_pack a::after {content:'\e907';font-family:'xeicon';position:absolute;right:0;top:0;}
.login_wrp .find_id .login_pwd_header .btn_pack a:hover::before {width:100%;}
.login_wrp .find_id .login_findpw_box .inner{ text-align:center; width: 400px; margin: 0 auto;}
.login_wrp .find_id .login_findpw_box .inner input, .login_wrp .find_id .login_findpw_box .inner a{width: 100%; margin-top: 15px;}
.login_wrp .cont_layer_pop p {margin-bottom:10px;letter-spacing:-0.6px;}


/* KOCCA 캘린더 */
.cal_con_wrap .cal_list_wrap {margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.cal_list01,
.cal_day_wrap {width:calc(100% - 440px);}
.cal_list02,
.cal_table_info {width:420px;margin-left:20px;}
.cal_con_wrap .cal_day_wrap {font-size:1.625em;color:#3a3a3a;font-weight:600;margin-bottom:20px;}
.cal_con_wrap .cal_year {display:inline-block;}
.cal_con_wrap .cal_year::after {display:inline-block;content:'';width:1px;height:20px;background:#dedede;margin:0 10px;}
.cal_con_wrap .cal_month {display:inline-block;}
.cal_con_wrap .cal_day_wrap .prev,
.cal_con_wrap .cal_day_wrap .next {display:inline-block;text-indent:-9999px;position:relative;width:30px;height:40px;}
.cal_con_wrap .cal_day_wrap .prev {margin-right:50px;}
.cal_con_wrap .cal_day_wrap .next {margin-left:50px;}
.cal_con_wrap .cal_day_wrap .prev::after,
.cal_con_wrap .cal_day_wrap .next::after {content:'';font-family:'xeicon';color:#b5b5b5;position:absolute;top:0;left:0;text-indent:0;}
.cal_con_wrap .cal_day_wrap .prev::after {content:'\e93b';}
.cal_con_wrap .cal_day_wrap .next::after {content:'\e93e';}
.cal_con_wrap .cal_mark01,
.cal_con_wrap .cal_mark02,
.cal_con_wrap .cal_mark03,
.cal_con_wrap .cal_mark04 {position:relative;padding-left:15px;}
.cal_con_wrap .cal_mark01::before {content:'';position:absolute;top:0.5em;left:0;width:10px;height:10px;border-radius:100%;background:#3672bc;color:#6f6d70;}
.cal_con_wrap .cal_mark02::before {content:'';position:absolute;top:0.5em;left:0;width:10px;height:10px;border-radius:100%;background:#cc7431;color:#6f6d70;}
.cal_con_wrap .cal_mark03::before {content:'';position:absolute;top:0.5em;left:0;width:10px;height:10px;border-radius:100%;background:#8248b9;color:#6f6d70;}
.cal_con_wrap .cal_mark04::before {content:'';position:absolute;top:0.5em;left:0;width:10px;height:10px;border-radius:100%;background:#45a943;color:#6f6d70;}
.cal_con_wrap .cal_table_info {text-align:right;align-self:end;margin-bottom:20px;}
.cal_con_wrap .cal_table_info ul li {display:inline-block;margin-left:20px;}
.cal_con_wrap .cal_list01 {border-top:1px solid #1c1c1c;}
.cal_con_wrap .cal_table {width:100%;border:1px solid #dedede;}
.cal_con_wrap .cal_table th {background:#f9f9f9;height:50px;line-height:50px;border:1px solid #dedede;font-weight:500;}
.cal_con_wrap .cal_table td {height:135px;padding:10px;border:1px solid #dedede;}
.cal_con_wrap .cal_table td:first-child,
.cal_con_wrap .cal_table th:first-child {border-left:0;}
.cal_con_wrap .cal_table td:last-child,
.cal_con_wrap .cal_table th:last-child {border-right:0;}
.cal_con_wrap .cal_table td:first-child .num {color:#ff0000;}
.cal_con_wrap .cal_table td.holiday .num {color:#ff0000;}
.cal_con_wrap .cal_table .sun {color:#ff0000;}
.cal_con_wrap .cal_table .sat {color:#0000ff;}
.cal_con_wrap .cal_table .num {width:100%;}
.cal_con_wrap .cal_table .mark_list {width: 100%;}
.cal_con_wrap .cal_table .mark_list a {display:block;}
.cal_con_wrap .cal_table .mark_list span {display:block;font-size:0.875em;}
.cal_con_wrap .cal_info .pop_cal_year {font-size:1.25em;font-weight:bold;color:#333333;text-align:center;margin-top:30px;}
.cal_con_wrap .cal_info .cont .conTable_wrap {height:calc(100% - 210px);overflow-y:auto;}
.cal_con_wrap .cal_info .cont .btn_area {text-align:center;margin:20px 0;}
.cal_con_wrap .cal_list01,
.cal_con_wrap .cal_list02 {max-height:730px;}
.cal_con_wrap .cal_list01 table {width:100%;min-width:500px;}
.cal_con_wrap .cal_list02 {border:1px solid #dedede;border-top:1px solid #1c1c1c;}
.cal_con_wrap .cal_list02 .cal_title {height:50px;background:#f9f9f9;border-bottom:1px solid #dedede;}
.cal_con_wrap .cal_list02 .cal_title .day {color:#3a3a3a;font-weight:500;margin-left:10px;line-height:50px;display:inline-block;}
.cal_con_wrap .cal_list02 .cal_title .cal_btn {display:inline-block;margin:5px 10px;float:right;}
.cal_con_wrap .cal_list02 .cal_title .cal_btn a {width:90px;border-radius:4px;}
.cal_con_wrap .cal_list02 .cal_title .cal_btn a.active {background:#39363c;color:#fff;}
.cal_con_wrap .cal_list02 .list_wrap {height:calc(100% - 50px);overflow:auto;padding-top:30px;}
.cal_con_wrap .cal_list02 .list {margin:0 10px 50px 10px;/*color:#6f6d70;*/position:relative;}
.cal_con_wrap .cal_list02 .list:last-child {margin-bottom:10px;}
.cal_con_wrap .cal_list02 .list_title {margin-bottom:15px;}
.cal_con_wrap .cal_list02 li {width:100%;}
.cal_con_wrap .cal_list02 li a {display:block;height:30px;line-height:30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cal_con_wrap .cal_list02 li a:hover {color:#000;text-decoration:underline;}
.cal_con_wrap .cal_list02 li .type01 {background:#4971b4;color:#fff;width:55px;text-align:center;line-height:27px;border-radius:7px;padding:0px 10px;font-size:0.81em;display:inline-block;margin-right:6px;}
.cal_con_wrap .cal_list02 li .type02 {background:#636363;color:#fff;width:55px;text-align:center;line-height:27px;border-radius:7px;padding:0px 10px;font-size:0.81em;display:inline-block;margin-right:6px;}
.cal_con_wrap .cal_list02 .more {position:absolute;top:3px;right:10px;font-weight:400;font-size:0.81em;}

/* 마이페이지 */
.mypage_wrap .mypage_login {border-top:2px solid #000;border-bottom:1px solid #878787;padding-bottom:70px;}
.mypage_wrap .mypage_title {font-size:1.375em;font-weight:bold;color:#3a3a3a;text-align:center;margin:70px 0 50px 0;}
.mypage_wrap .mypage_title p {font-size:0.7272em;color:#5c5b5e;font-weight:500;margin-top:10px;}
.mypage_wrap .mypage_login .inner {width:400px;max-width:100%;margin:0 auto;}
.mypage_wrap .mypage_login input {width:100%;margin-top:15px;}
.mypage_wrap .mypage_login .li_style01 {margin-top:15px;}
.mypage_wrap .mypage_login .li_style01 a {font-size:14px;font-weight:bold;color:#8030be;position:relative;padding:0 20px 2px 0;margin-left:10px;}
.mypage_wrap .mypage_login .li_style01 a::before {content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#8030be;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.mypage_wrap .mypage_login .li_style01 a::after {content:'\e907';font-family:'xeicon';position:absolute;right:0;top:0;}
.mypage_wrap .mypage_login .li_style01 a:hover::before {width:100%;}
.mypage_wrap.resign .conbox.icon::before {background-image:url(/images/homepage/www/kocca/contents/icon_cont_resign.png);}
/* 자동 로그인 방지 */
.mypage_wrap .mypage_login .captcha_form { display:table; width:100%; margin-top:15px; }
.mypage_wrap .mypage_login .captcha_form .captcha { }
.mypage_wrap .mypage_login .captcha_form .captcha_img { display:table-cell; }
.mypage_wrap .mypage_login .captcha_form .btn_control { display:table-cell; margin-top:10px; padding-left:10px; vertical-align:middle; }
.mypage_wrap .mypage_login .captcha_form .btn_case01 { cursor:pointer; }
.mypage_wrap .mypage_login .captcha_form .btn_case01 input,
.mypage_wrap .mypage_login .captcha_form .btn_case01 button { margin:0; vertical-align:middle; }

/* 설문조사 */
.survey_wrap {width:1250px;max-width:100%;padding:6%;border-radius:30px;background:url(/images/homepage/www/kocca/contents/survey_bg.png) no-repeat center;position:relative;box-shadow:15px 15px 20px rgba(0,0,0,0.2);}
.survey_wrap::before {content:'';width:35%;padding-top:25%;position:absolute;top:0;left:0;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:url(/images/homepage/www/kocca/contents/survey_img01.png) no-repeat center;background-size:cover;z-index:11;}
.survey_wrap::after {content:'';width:13%;padding-top:11%;position:absolute;top:0;right:50px;-ms-transform:translateY(-110%);-webkit-transform:translateY(-110%);transform:translateY(-110%);background:url(/images/homepage/www/kocca/contents/survey_img02.png) no-repeat center;background-size:cover;z-index:11;}
.survey_wrap .survey {background:#fff;padding:50px;position:relative;z-index:10;box-shadow:15px 15px 20px rgba(0,0,0,0.2);}
.survey_wrap .survey::before {content:'';width:53%;padding-top:14%;position:absolute;top:0;left:50%;background:url(/images/homepage/www/kocca/contents/survey_img03.png) no-repeat center;background-size:cover;-ms-transform:translate(-50%, -70%);-webkit-transform:translate(-50%, -70%);transform:translate(-50%, -70%);z-index:11;}
.survey_wrap .survey_info {border-top:1px solid #000;border-bottom:1px solid #000;padding:20px 0;color:#848386;overflow:hidden;}
.survey_wrap .survey_info > div {width:50%;float:left;margin:5px 0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.survey_wrap .survey_info > div:nth-child(n+3) {width:100%;}
.survey_wrap .survey_info > p {clear:both;padding-top:20px;}
.survey_wrap .survey_info_title {font-weight:500;color:#5e5d60;margin-right:35px;min-width:120px;}
.survey_wrap .survey_info_title + span {}
.survey_wrap .survey_question {border-top:2px solid #000;}
.survey_wrap .survey_q {border-bottom:1px dotted #9b9b9b;padding:30px;color:#5c5b5e;font-weight:bold;}
.survey_wrap .survey_a {position:relative;padding:30px 30px 34px 30px;}
.survey_wrap .survey_a::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:url(/images/homepage/www/kocca/contents/survey_a_bg.png);}
.survey_wrap .survey_a ul::after {content:'';display:block;clear:both;}
.survey_wrap .survey_a li {float:left;margin:5px 50px 5px 0;}
.survey_wrap .survey_a label {color:#5d5d5d;}
.survey_wrap .survey_a .etc {clear:both;margin-top:20px;}
.survey_wrap .survey_a .etc label {width:100px;line-height:40px;display:inline-block;}
.survey_wrap .survey_a .etc label + input {width:calc(100% - 180px);}
.survey_wrap .survey_a .etc .etc_info {color:#9e9e9e;}
.survey_wrap .survey_a .textarea_info {font-size:14px;color:#9e9e9e;float:right;}
.survey_complete .icon::before {background-image:url(/images/homepage/www/kocca/contents/icon_survey_complet01.png);}


/* kocca 소개 연혁 */
.kocca_history {font-size:1.25em;}
.kocca_history .history_wrap .img {float:left;background-size:cover;width:calc(100% - 700px);padding-top:31.3%;font-size:2em;font-weight:bold;color:#3a3a3a;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;}
.kocca_history #tab01 .history_wrap .img {background-image:url(/images/homepage/www/kocca/contents/kocca_history_img01.png);}
.kocca_history #tab02 .history_wrap .img {background-image:url(/images/homepage/www/kocca/contents/kocca_history_img02.png);}
.kocca_history #tab03 .history_wrap .img {background-image:url(/images/homepage/www/kocca/contents/kocca_history_img03.png);}
.kocca_history #tab04 .history_wrap .img {background-image:url(/images/homepage/www/kocca/contents/kocca_history_img04.png);}
.kocca_history .history_wrap .img p {position:absolute;bottom:0;left:30px;-webkit-transform:translateY(45%);transform:translateY(45%);}
.kocca_history .history_wrap .img span {font-size:1.5em;}
.kocca_history .history_wrap .list {float:right;width:700px;padding-left:80px;}
.kocca_history .history_title {font-size:1.5em;font-weight:bold;color:#3a3a3a;border-bottom:2px solid #515151;padding-bottom:10px;}
.kocca_history .history_list {padding:25px 0;border-bottom:1px solid #c6c6c6;margin-bottom:40px;}
.kocca_history .history_list li {margin:10px 0;}
.kocca_history .history_list li::after {content:'';display:block;clear:both;}
.kocca_history .history_list li .title {display:inline-block;font-weight:bold;color:#6e3798;width:70px;vertical-align:top;}
.kocca_history .history_list li .txt {display:inline-block;width:calc(100% - 70px);}

/* kocca 소개 오시는길 */
.kocca_map { width:100% !important; height:450px !important; margin-bottom: 30px !important; }
.kocca_map .wrap_map {height:calc(100% - 50px) !important;}
.kocca_map_wrap .cont02 {clear:both;}
.kocca_map .roughmap_maker_label a {display:block;}

/* kocca 소개 esg경영 */
.esg_wrap .cont01 {position:relative;margin:0 auto;}
.esg_wrap .esg_style01 {padding:40px 60px;border-radius:50px;background:#fff;width:100%;height:auto;font-size:1.25em;margin-bottom:15px;}
.esg_wrap .esg_style01 .title {position:relative;width:230px;font-weight:bold;display:inline-block;vertical-align:top;}
.esg_wrap .esg_style01 .title::before {content:'';width:8px;height:8px;display:inline-block;background:#672e94;margin-right:20px;border-radius:100%;vertical-align: middle;}
.esg_wrap .esg_style01 .txt {width:calc(100% - 240px);color:#4b4b4b;display:inline-block;vertical-align: top;text-align:center;margin-left:-120px;}
.esg_wrap .esg_style01.color01 {border:1px solid #672e94;color:#672e94;}
.esg_wrap .esg_style01.color01 .title::before {background:#672e94;}
.esg_wrap .esg_style01.color02 {border:1px solid #ee5e17;color:#ee5e17;}
.esg_wrap .esg_style01.color02 .title::before {background:#ee5e17;}
.esg_wrap .cont02 {margin-top:0;position:relative;}
.esg_wrap .cont02::before {content:'';display:block;margin:40px auto;width:76px;height:45px;background:url(/images/homepage/www/kocca/common/icon_arrow02_top_big.png);z-index:-1;}
.esg_wrap .esg_style02 {padding:40px 60px;border-radius:50px;background:#fff;width:100%;height:auto;font-size:1.25em;margin-bottom:15px;}
.esg_wrap .esg_style02 .title {position:relative;width:230px;font-weight:bold;display:inline-block;vertical-align:top;}
.esg_wrap .esg_style02 .title span {display:inline-block;width:135px;text-align:center;border-radius:14px;font-size:0.8em;color:#fff;padding:4px 0;}
.esg_wrap .esg_style02 .txt {width:calc(100% - 240px);color:#4b4b4b;display:inline-block;vertical-align: top;text-align:center;margin-left:-120px;}
.esg_wrap .esg_style02 .txt ul li {display:inline-block;}
.esg_wrap .esg_style02 .txt ul li:nth-child(n+2)::before {content:'';display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:100%;background:#d5d5d5;margin:0 20px;}
.esg_wrap .esg_style02.color01 {border:1px solid #188ecb;}
.esg_wrap .esg_style02.color01 .title span {background:#188ecb;}
.esg_wrap .esg_style02.color02 {border:1px solid #3e5ead;}
.esg_wrap .esg_style02.color02 .title span {background:#3e5ead;}
.esg_wrap .cont03 {margin-top:50px;padding:50px;border-radius:40px;border:1px dashed #c9c9c9;position:relative;}
.esg_wrap .cont03 .cont_title  {position:absolute;top:0;left:50%;text-align:center;font-size:1.25em;font-weight:bold;color:#672e94;padding:0 10px;background:#fff;-ms-transform:translate(-50% -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.esg_wrap .cont03 .list_title {position:relative;font-size:1.25em;font-weight:900;width:180px;text-align:center;padding-right:50px;display:inline-block;vertical-align: middle;}
.esg_wrap .cont03 .list_title::after {position:absolute;top:50%;right:0;content:'';width:26px;height:41px;background:url(/images/homepage/www/kocca/common/icon_arrow02_right_middle.png);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.esg_wrap .cont03 .list_wrap {width:calc(100% - 190px);display:inline-block;vertical-align: middle;margin-bottom:10px;font-size:1.25em;}
.esg_wrap .cont03 .list_wrap ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.esg_wrap .cont03 .list_wrap ul::after {content:'';display:block;clear:both;}
.esg_wrap .cont03 .list_wrap ul li {border-radius:10px;margin:0 40px;width:calc(33.33% - 80px);border:1px solid #989898;position:relative;text-align:center;}
.esg_wrap .cont03 .list_wrap ul li .t_box {display:block;background:#fff;width:calc(100% - 40px);height:calc(100% + 2px);margin:0 auto;margin-top:-1px;margin-bottom:-1px;padding:10px 0;letter-spacing: -0.15em;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.esg_wrap .cont03 .list_wrap ul li::after {content:'';width:30px;height:30px;background:url(/images/homepage/www/kocca/common/icon_plus01.png);position:absolute;right:-57px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.esg_wrap .cont03 .list_wrap ul li:last-child::before,
.esg_wrap .cont03 .list_wrap ul li:last-child::after {display:none;}
.esg_wrap .cont03 .list_wrap ul li.color01 {border:1px solid #1e9a47;}
.esg_wrap .cont03 .list_wrap ul li.color01 .title  {color: #1e9a47;font-weight:bold;font-size:0.8em;width:100%;}
.esg_wrap .cont03 .list_wrap ul li.color02 {border:1px solid #188ecb;}
.esg_wrap .cont03 .list_wrap ul li.color02 .title  {color: #188ecb;font-weight:bold;font-size:0.8em;width:100%;}
.esg_wrap .cont03 .list_wrap ul li.color03 {border:1px solid #714197;}
.esg_wrap .cont03 .list_wrap ul li.color03 .title  {color: #714197;font-weight:bold;font-size:0.8em;width:100%;}
.esg_wrap .cont03 .list_wrap.list03 {font-size:1em;}
.esg_wrap .cont03 .list_title02 {position:relative;font-size:1.25em;font-weight:900;margin:40px 0 20px 0;width:180px;text-align:center;padding-right:50px;display:inline-block;}
.esg_wrap .cont03 .list_title02::after {position:absolute;top:50%;right:0;content:'';width:26px;height:41px;background:url(/images/homepage/www/kocca/common/icon_arrow02_right_middle.png);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.esg_wrap .cont03 .list_wrap02 {width:calc(100% - 190px);display:inline-block;vertical-align:middle;padding:30px;}
.esg_wrap .cont03 .list_wrap02 .list {padding:20px 8px 0 8px;position:relative;}
.esg_wrap .cont03 .list_wrap02 .list .title {color:#fff;border-radius:30px;padding:8px 0;margin-bottom:20px;text-align:center;}
.esg_wrap .cont03 .list_wrap02 .list.color01 .title {background:#1e9a47;}
.esg_wrap .cont03 .list_wrap02 .list.color02 .title {background:#188ecb;}
.esg_wrap .cont03 .list_wrap02 .list.color03 .title {background:#714197;}
.esg_wrap .cont03 .list_wrap02 .list ul li {text-align:left;margin-bottom:10px;position:relative;padding-left:50px;}
.esg_wrap .cont03 .list_wrap02 .list ul li span.num {position:absolute;top:0;left:0;display:inline-block;text-align:center;padding:2px 10px;background:#eee;text-align:center;border-radius:20px;}
.esg_wrap .cont03 .list_wrap03 {width:calc(100% - 190px);display:inline-block;vertical-align:middle;margin-top:-30px;padding:0 30px;}
.esg_wrap .cont03 .list_wrap03 .list { padding:0 8px 0 8px; position:relative; }
.esg_wrap .cont03 .list_wrap03 .list ul li { float:left; width:33.3333%; text-align:left;margin-bottom:10px;position:relative;padding-left:50px;}
.esg_wrap .cont03 .list_wrap03 .list ul li span.num {position:absolute;top:0;left:0;display:inline-block;text-align:center;padding:2px 10px;background:#eee;text-align:center;border-radius:20px;}
/* esg이니셔티브 */
.esg_initiative .cont01 {background:#fafafa;padding:40px 0;position:relative;color:#4a4a4a;}
.esg_initiative .cont01 .img {position:relative;width:420px;display:inline-block;vertical-align:middle;text-align:center;padding-right:30px;}
.esg_initiative .cont01::before {content:'';background:#fafafa;position:absolute;top:0;left:-100%;width:100%;height:100%;z-index:-1;}
.esg_initiative .cont01::after {content:'';background:#fafafa;position:absolute;top:0;right:-100%;width:100%;height:100%;z-index:-1;}
.esg_initiative .cont01 .con_box {width:calc(100% - 430px);color:#3a3a3a;display:inline-block;vertical-align: middle;/* text-align:center; */}
.esg_initiative .cont01 .con_box .tit { margin-bottom:35px; font-size:24px; }
.esg_initiative .cont01 .con_box .txt01 { margin-bottom:20px; }
.esg_initiative .cont01 .con_box .txt02 { font-size:14px; }
.esg_initiative .cont01 .con_box .txt02 .indent { display:inline-block; margin-left:9px; text-indent:-9px; }
.esg_initiative .cont02 { padding:40px 0;position:relative;border:1px solid #e3e3e3;text-align:center; }
.esg_initiative .list { margin-top:30px; }
.esg_initiative .list li { width:100%; padding:20px 0; color:#565656; font-weight:600; border-bottom:1px solid #e3e3e3; }
.esg_initiative .list li .num { display:inline-block; padding-right:36px; font-size:25px; color:#bebebe; vertical-align:middle; }
.esg_initiative .list li .text { display:inline-block; width:calc(100% - 70px); vertical-align:middle; }

/* 경영목표 */
.mission_wrap .cont01 .mission_style01 {position:relative;background:#672e94;width:230px;height:230px;border-radius:100%;margin:0 auto;padding:80px 35px 60px 35px;line-height:40px;font-size:1.75em;font-weight:900;color:#fff;}
.mission_wrap .cont01 .mission_style01::before {content:'';width:145px;height:145px;background:#e6e6ef;border-radius:100%;position:absolute;bottom:0;left:-10px;z-index:-1;}
.mission_wrap .cont01 .mission_style01::after {content:'';width:90px;height:90px;background:url(/images/homepage/www/kocca/contents/mission_wrap_img01.png);position:absolute;top:10px;left:-35px;z-index:1;}
.mission_wrap .cont01 .mission_style01 span:nth-child(2) {font-size:1.4285em;font-weight:100;color:#a670d1;}
.mission_wrap .cont01 .mission_style01 span:nth-child(3) {width:100%;text-align:right;display:inline-block;}
.mission_wrap .cont02 .mission_style02 {width:100%;padding-top:65px;position:relative;overflow:hidden;font-size:1.25em;}
.mission_wrap .cont02 .mission_style02 li {padding:40px 60px;border-radius:50px;background:#fff;width:100%;height:auto;margin-bottom:20px;}
.mission_wrap .cont02 .mission_style02 li .title {position:relative;width:230px;font-weight:bold;display:inline-block;vertical-align:top;}
.mission_wrap .cont02 .mission_style02 li .title::before {content:'';width:8px;height:8px;display:inline-block;background:#672e94;margin-right:20px;border-radius:100%;vertical-align: middle;}
.mission_wrap .cont02 .mission_style02 li p {width:calc(100% - 240px);color:#4b4b4b;display:inline-block;vertical-align: top;}
.mission_wrap .cont02 .mission_style02 li.color01 {border:1px solid #672e94;}
.mission_wrap .cont02 .mission_style02 li.color02 {border:1px solid #ff8417;}
.mission_wrap .cont02 .mission_style02 li.color01 .title {color:#672e94;}
.mission_wrap .cont02 .mission_style02 li.color01 .title::before {background:#672e94;}
.mission_wrap .cont02 .mission_style02 li.color02 .title {/*color:#ff8417;*/color:#ff4f17;}
.mission_wrap .cont02 .mission_style02 li.color02 .title::before {background:#ff8417;}
.mission_wrap .cont03 {padding:10px 60px;border-radius:100px;background:#fff;width:100%;height:auto;margin-bottom:20px;border:1px dashed #cdcdcd;font-size:1.25em;}
.mission_wrap .cont03 .title {position:relative;width:120px;font-weight:bold;display:inline-block;vertical-align:middle;}
.mission_wrap .cont03 .title::before {content:'';width:8px;height:8px;display:inline-block;background:#767676;margin-right:20px;border-radius:100%;vertical-align: middle;}
.mission_wrap .cont03 .list {width:calc(100% - 130px);color:#4b4b4b;display:inline-block;vertical-align: middle;}
.mission_wrap .cont03 .list ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.mission_wrap .cont03 ul li {position:relative;/*width:33.33%;*/ width:25%;}
.mission_wrap .cont03 ul li:last-child::before {display:none;}
.mission_wrap .cont03 ul li span {position:relative;display:block;width:130px;height:130px;background-color:#f7f7f7;background-position:top 20px center;background-repeat:no-repeat;text-align:center;border-radius:100%;padding-top: 80px;}
.mission_wrap .cont03 ul li:nth-child(1) span {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0301.png);margin:0 auto;}
.mission_wrap .cont03 ul li:nth-child(2) span {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0302.png);margin:0 auto;}
.mission_wrap .cont03 ul li:nth-child(3) span {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0303.png);margin:0 auto;}
.mission_wrap .cont03 ul li:nth-child(4) span {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0304.png);margin:0 auto;}
.mission_wrap .cont03 ul li:nth-child(2)::before {content:'';width:30px;height:30px;background:url(/images/homepage/www/kocca/common/icon_plus01.png);position:absolute;left:-5%;top:50px;}
.mission_wrap .cont03 ul li:nth-child(2)::after,
.mission_wrap .cont03 ul li:nth-child(3)::after {content:'';width:30px;height:30px;background:url(/images/homepage/www/kocca/common/icon_plus01.png);position:absolute;right:-5%;top:50px;}
.mission_wrap .cont04 {margin:0 auto;position:relative;color:#4b4b4b;}
.mission_wrap .cont04::after {content:'';display:block;margin:70px auto;width:76px;height:45px;background:url(/images/homepage/www/kocca/common/icon_arrow02_bottom_big.png);z-index:-1;}
.mission_wrap .cont04 > div {padding:40px 60px;border-radius:12px;background:#fff;width:100%;height:auto;margin-bottom:20px;border:1px dashed #cdcdcd;font-size:1.125em;}
.mission_wrap .cont04 .title {position:relative;width:150px;font-weight:bold;display:inline-block;vertical-align:middle;}
.mission_wrap .cont04 .title::before {content:'';width:8px;height:8px;display:inline-block;background:#767676;margin-right:20px;border-radius:100%;vertical-align: middle;}
.mission_wrap .cont04 .color01 {border:1px solid #188ecb;}
.mission_wrap .cont04 .color01 .title {color:#188ecb;}
.mission_wrap .cont04 .color01 .title::before {background:#188ecb;}
.mission_wrap .cont04 .color02 {border:1px solid #3e5ead;}
.mission_wrap .cont04 .color02 .title {color:#3e5ead;}
.mission_wrap .cont04 .color02 .title::before {background:#3e5ead;}
.mission_wrap .cont04 .list {width:calc(100% - 160px);color:#4b4b4b;display:inline-block;vertical-align: middle;text-align:center;}
.mission_wrap .cont04 ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.mission_wrap .cont04 ul li {/*width:33.33%;*/ width:25%; padding:0 10px;}
.mission_wrap .cont04 ul li + li {border-left:1px solid #e3e3e3;}
.mission_wrap .cont05 {background:#fafafa;padding:60px 0;position:relative;color:#4a4a4a;}
.mission_wrap .cont05 .title {position:relative;width:320px;font-size:1.25em;font-weight:bold;display:inline-block;vertical-align:middle;text-align:center;padding-right:100px;}
.mission_wrap .cont05 .title span {font-weight:400;}
.mission_wrap .cont05::before {content:'';background:#fafafa;position:absolute;top:0;left:-100%;width:100%;height:100%;z-index:-1;}
.mission_wrap .cont05::after {content:'';background:#fafafa;position:absolute;top:0;right:-100%;width:100%;height:100%;z-index:-1;}
.mission_wrap .cont05 .list {width:calc(100% - 330px);color:#4b4b4b;display:inline-block;vertical-align: middle;text-align:center;}
.mission_wrap .cont05 ul {height:610px;margin-top:10px;overflow:hidden;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;/*-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;*/}
.mission_wrap .cont05 li {margin:15px;padding-top:80px;text-align:center;border:1px solid #c9c9c9;border-radius:12px;float:left;width:calc(33.33% - 30px); /* height:120px; */ background-color:#fff;background-position:top 20px center;background-repeat:no-repeat;position:relative;}
.mission_wrap .cont05 li span {position:absolute;top:5px;left:5px;display:block;width:25px;height:25px;line-height:25px;font-size:0.875em;font-weight:500;text-align:center;color:#707070;background:#eee;border-radius:100%;}
.mission_wrap .cont05 li.list01 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0501.png);}
.mission_wrap .cont05 li.list02 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0502.png);}
.mission_wrap .cont05 li.list03 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0503.png);}
.mission_wrap .cont05 li.list04 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0504.png);}
.mission_wrap .cont05 li.list05 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0505.png);}
.mission_wrap .cont05 li.list06 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0506.png);}
.mission_wrap .cont05 li.list07 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0507.png);}
.mission_wrap .cont05 li.list08 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0508.png);}
.mission_wrap .cont05 li.list09 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0509.png);}
.mission_wrap .cont05 li.list10 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0510.png);}
.mission_wrap .cont05 li.list11 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0511.png);}
.mission_wrap .cont05 li.list12 {background-image:url(/images/homepage/www/kocca/contents/icon_mission_cont0512.png);}

/* 이달의 우수게임 수상작 */
.game_list_slide_wrap {border-top:3px solid #000;width:100%;height:400px;position:relative;margin-top:50px;}
.game_list_slide_wrap .pager_wrap {position:absolute;top:-40px;right:0;width:80px;}
.game_list_slide_wrap .pager_wrap .slick-dots {display:none;}
.game_list_slide_wrap .pager_wrap .play_wrap {display:inline-block;vertical-align:middle;width:20px;height:30px;}
.game_list_slide_wrap .pager_wrap .play_wrap > a {position:relative;display:inline-block;text-indent:-9999px;}
.game_list_slide_wrap .pager_wrap .play_wrap > a::after {font-family:'xeicon';font-size:22px;position:absolute;top:0;left:0;text-indent:0;}
.game_list_slide_wrap .pager_wrap .play_wrap .slick_play::after {content:'\ea3e';}
.game_list_slide_wrap .pager_wrap .play_wrap .slick_stop::after {content:'\ea3b';}
.game_list_slide_wrap .pager_wrap .slick-arrow {transform:none;position:relative;top:0;right:0 !important;bottom:0;left:0 !important;display:inline-block;vertical-align:middle;width:20px;height:30px;line-height:30px;}
.game_list_slide_wrap .pager_wrap .slick-arrow::before {display:none;}
.game_list_slide_wrap .pager_wrap .slick-arrow a {display:block;width:100%;height:100%;font-size:1rem;text-indent:-9999px;}
.game_list_slide_wrap .pager_wrap .slick-arrow a::before {position:absolute;top:0;left:0;}
.game_list_slide_wrap .pager_wrap .slick-next a::before {content: "\e93e";font-family:'xeicon';color:#000;text-indent:0;}
.game_list_slide_wrap .pager_wrap .slick-prev a::before {content: "\e93b";font-family:'xeicon';color:#000;text-indent:0;}
.game_list_slide_wrap .pager_wrap .play_wrap .slick_play:focus::after,
.game_list_slide_wrap .pager_wrap .play_wrap .slick_stop:focus::after {outline:1px solid #000;}
.game_list_slide_wrap .slick-dots {position:absolute;top:-40px;right:80px;bottom:auto;width:70px;text-align:center;}
.game_list_slide_wrap .slick-dots li {display:none;width:100%;}
.game_list_slide_wrap .slick-dots li .now_pagi {font-size:1.25em;font-weight:900;}
.game_list_slide_wrap .slick-dots li .now_pagi::after {content:'/';margin-left:5px;}
.game_list_slide_wrap .slick-dots li.slick-active {display:block;}
.game_list_slide {height:100%;padding:50px 0 40px 0;}
.game_list_slide::after {content:'';display:block;clear:both;}
.game_list_slide .txt_wrap {width:calc(100% - 380px);height:100%;float:left;position:relative;border-right:1px solid #d1d1d1;}
.game_list_slide .txt_wrap .thumb_wrap {width:320px;height:320px;border-radius:20px;overflow:hidden;float:left;background:#eee;position:relative;top:0;left:0;}
.game_list_slide .txt_wrap .thumb_wrap img {position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.game_list_slide .txt_wrap .title {width:calc(100% - 495px);font-size:1.5em;font-weight:bold;position:absolute;top:0;left:355px;line-height: 1.5em;max-height: 3em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.game_list_slide .txt_wrap .title a {display:block;}
.game_list_slide .txt_wrap .label {position:absolute;top:0;right:25px;background:url(/images/homepage/www/kocca/contents/icon_excellent_game.png) no-repeat center top 10px;width:110px;padding:50px 0 10px 0;border:5px solid #7244ab;color:#7244ab;font-size:0.75em;font-weight:900;text-align:center;}
.game_list_slide .txt_wrap p {position:absolute;bottom:0;left:355px;line-height: 1.5em;max-height: 9em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;padding-right:20px;}
.game_list_slide .info_wrap {width:380px;height:100%;padding-left:40px;float:left;}
.game_list_slide .info_wrap li {margin-bottom:15px;}
.game_list_slide .info_wrap li .title {font-weight:bold;width:90px;display:inline-block;}

/* 상세검색 기관검색 */
.pop_style02 .category_search {border-bottom:1px solid #000;padding:20px 0;}
.pop_style02 .category_search::after {content:'';display:block;clear:both;}
.pop_style02 .category_search .title {font-size: 1.125em;color: #3a3a3a;font-weight: bold;margin:0 0 0 30px;vertical-align:middle;width:90px;display:inline-block;}
.pop_style02 .category_search .giselect_wrap { width:300px; max-width:calc(100% - 123px); vertical-align: middle; display:inline-block; position:relative; z-index:10; padding:0; }
.pop_style02 .category_search .giselect_wrap > .label {padding:0 40px 0 15px;display:block;}
.pop_style02 .category_search .giselect_wrap a:hover {font-weight:bold;}
.pop_style02 .category_search .giselect_wrap a:hover::after {background:#39363c;border:1px solid #39363c;color:#fff;box-shadow:5px 5px 4px rgba(0,0,0,0.13);-ms-transform:translateY(-4px);-webkit-transform:translateY(-4px);transform:translateY(-4px);}
.pop_style02 .category_search .giselect_wrap .form_search {margin-bottom:20px;width:calc(100% - 30px);}
.pop_style02 .category_search .giselect_wrap .form_search_list {width:calc(100% + 15px);height: 300px; overflow-y: auto;padding-right:5px;}
.pop_style02 .category_search .giselect_wrap .form_search_list a {width:100%;}
.pop_style02 .category_search .giselect_wrap .form_search_list a {display:block;position:relative;width:100%;margin-top:10px;height:35px;line-height:35px;cursor:pointer;}
.pop_style02 .category_search .giselect_wrap .form_search_list a::after {content:'선택';float:right;border:1px solid #bfbec1;text-align:center;padding:0 15px;border-radius:4px;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.pop_style02 .category_search .giselect_wrap .form_search .form_search_txt {width:100%;}
.pop_style02 .category_search .giselect {display:none;position:absolute;top:0;right:0;background:#fff;border:1px solid #757575;border-radius:10px;padding:20px;width:100%;}
.pop_style02 .category_search .form_search_close {position:absolute;top:22px;right:10px;}
.pop_style02 .category_search .form_search_close::after {content:'';content: "\e921";font-family:'xeicon';font-size:22px;}


/* 익명신고 */
.anonym_report .report_step ul::after {content:'';display:block;clear:both;}
.anonym_report .report_step li {width:calc(25% - 60px);margin:0 30px;float:left;position:relative;}
.anonym_report .report_step span {display:block;height:70px;line-height:70px;position:relative;border-radius:20px;border:3px solid #e3e3e3;background:#fff;text-align:center;color:#3a3a3a;font-weight:500;}
.anonym_report .report_step li:nth-child(1) {margin-top:50px;}
.anonym_report .report_step li:nth-child(2) span:nth-child(2) {margin-top:20px;}
.anonym_report .report_step li:nth-child(2) span:nth-child(1)::before {content:'';width:70px;height:2px;background:#e3e3e3;position:absolute;bottom:0px;left:-70px;-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);z-index:-1;}
.anonym_report .report_step li:nth-child(2) span:nth-child(1)::after {content:'';width:0;height:0;border:8px solid transparent;border-left:8px solid #e3e3e3;position:absolute;bottom:5px;left:-10px;-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);z-index:-1;}
.anonym_report .report_step li:nth-child(2) span:nth-child(2)::before {content:'';width:70px;height:2px;background:#e3e3e3;position:absolute;top:0px;left:-70px;-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);z-index:-1;}
.anonym_report .report_step li:nth-child(2) span:nth-child(2)::after {content:'';width:0;height:0;border:8px solid transparent;border-left:8px solid #e3e3e3;position:absolute;top:5px;left:-10px;-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg);z-index:-1;}
.anonym_report .report_step li:nth-child(n+3) span::before {content:'';width:70px;height:2px;background:#e3e3e3;position:absolute;top:50%;left:-70px;z-index:-1;}
.anonym_report .report_step li:nth-child(n+3) span::after {content:'';width:0;height:0;border:8px solid transparent;border-left:8px solid #e3e3e3;position:absolute;top:50%;left:-10px;margin-top:-8px;z-index:-1;}
.anonym_report .report_box {width:calc(50% - 20px);float:left;margin:0 10px;}
.anonym_report .report_box .title {background:url(/images/homepage/www/kocca/contents/bg_report_box_title.png) right center;height:50px;line-height:50px;font-weight:bold;color:#fff;text-align:center;border-radius:8px;}
.anonym_report .report_box .cont {border:1px solid #cfcfd1;border-radius:8px;padding:30px 20px;height:200px;}
.anonym_report .report_box .cont .btn_link {display:block;width:100%;max-width:320px;margin:0 auto;}
.anonym_report .report_box .cont .btn_link:nth-child(n+2) {margin-top:10px;}
.anonym_report .report_box .cont .form {width:100%;max-width:420px;margin:0 auto;}
.anonym_report .report_box .cont .form .form01 {float:left;width:calc(100% - 150px);}
.anonym_report .report_box .cont .form .form01 input {width:100%;margin-bottom:10px;text-align:center;}
.anonym_report .report_box .cont .form .form02 {float:right;width:130px;margin-top:25px;}
.anonym_report .report_box .cont .form .form02 input {min-width:100%;}
.anonym_report .report_box .cont .form + p {clear:both;margin-top:10px;letter-spacing:-0.8px;}
.anonym_report .report_box + p {clear:both;padding:18px 0 0 10px;}
.anonym_report .step_style01 li .title {letter-spacing:-1px;}
.anonym_report .step_style01.noneicon li .title + div {text-align:left;width:100%;display:block;}
.anonym_report .box_style01 p {letter-spacing:-1px;}

/* 방송영상독립제작사체불신고, 음원/반사재기신고 하단 신고하기 */
.anonym_report .report_wrap_new .report_box {width:65%;margin:0;}
.anonym_report .report_wrap_new .report_box .title {margin-top:10px;font-size:20px;color:#535353;font-weight:700;background:none;height:auto;line-height:initial;}
.anonym_report .report_wrap_new .report_box .cont {border:1px solid #e3e3e3;border-radius:16px;padding:32px;height:204px;}
.anonym_report .report_wrap_new .report_box .cont .txt {margin:10px 0 28px;font-size:15px;color:#535353;text-align:center;}
.anonym_report .report_wrap_new .report_box.first {width:33%;margin-right:2%;}
.anonym_report .report_wrap_new .report_box.first .cont {padding-top:134px;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.anonym_report .report_wrap_new .report_box.first .cont:hover {-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px);box-shadow:12px 12px 10px rgba(0,0,0,0.08);-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.anonym_report .report_wrap_new .report_box.first .btn {display:block;width:264px;height:40px;line-height:38px;font-weight:bold;color:#5b5b5b;margin:0 auto;border:1px solid #e1e1e1;border-radius:4px;text-align:center;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.anonym_report .report_wrap_new .report_box.first .btn:hover {background:#d66420;color:#fff;border:none;}

.anonym_report .report_wrap_new .report_box .icon_video {background:url(/images/homepage/www/kocca/contents/icon_video.png) no-repeat; background-position:center top 33px;}
.anonym_report .report_wrap_new .report_box .icon_sound {background:url(/images/homepage/www/kocca/contents/icon_sound.png) no-repeat; background-position:center top 33px;}

.anonym_report .report_wrap_new .report_box .cont .form {max-width:inherit;width:auto;display:flex;align-items:center;justify-content:center;}
.anonym_report .report_wrap_new .report_box .cont .form .form01 {width:auto;}
.anonym_report .report_wrap_new .report_box .cont .form .form01 input {float:left;width:224px;margin:0 4px;padding:0 20px;color:#888;text-align:left;}
.anonym_report .report_wrap_new .report_box .cont .form .form02 {float:left;margin:0;margin:0 0 0 4px;}
.anonym_report .report_wrap_new .report_box .cont .form .form02 input {font-size:16px;}

/* 문의답변 */
.qa_wrap .conbox.icon::before {background-image:url(/images/homepage/www/kocca/contents/icon_qa_wrap01.png);}
.qa_wrap .conbox.icon::before {background-image:url(/images/homepage/www/kocca/contents/icon_qa_wrap01.png);}
.qa_wrap .step_style01 li.step01 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_qa_wrap_step01.png);}
.qa_wrap .step_style01 li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_qa_wrap_step02.png);}
.qa_wrap .step_style01 li.step03 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_qa_wrap_step03.png);}

/* 국민제안 */
.proposal_wrap .conbox.icon::before {background-image:url(/images/homepage/www/kocca/contents/icon_proposal_wrap01.png);}
.proposal_wrap .proposal_boxwrap {width:calc(100% + 60px);margin-left:-30px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.proposal_wrap .proposal_boxwrap .box:nth-child(1),
.proposal_wrap .proposal_boxwrap .box:nth-child(2) {width:28%;padding:0 60px;}
.proposal_wrap .proposal_boxwrap .box:nth-child(3) {width:44%;padding:0 60px;position:relative;}
.proposal_wrap .proposal_boxwrap .box:nth-child(3)::before {content:'';height:calc(100% - 110px);width:1px;background:#e3e3e3;position:absolute;bottom:0;left:0;}
.proposal_wrap .step_style01 li {height:210px;margin-bottom:0;}
.proposal_wrap .step_style01 li.step01 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_proposal_step01.png);}
.proposal_wrap .step_style01 li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_proposal_step02.png);}
.proposal_wrap .conbox.icon.complete::before {background-image:url(/images/homepage/www/kocca/common/icon_complete02.png);}

/* 안전보건방침 */

/* 실적증명서 */
.perf_wrap .step_style01 {margin:70px 0 50px 0;}
.perf_wrap .step_style01 li.step01 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_perf_wrap_step01.png);}
.perf_wrap .step_style01 li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_perf_wrap_step02.png);}
.perf_wrap .step_style01 li.step03 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_perf_wrap_step03.png);}

/* 경영목표 */
/* 원장인사말 */
.greetings_wrap .txt p {margin-bottom:25px;}
.greetings_wrap .txt01 {font-size:1.5em;}
.greetings_wrap ul {padding-left:30px;border-left:2px solid #4f4f4f;margin-bottom:25px;}
.greetings_wrap ul li {font-size:1.125em;font-weight:bold;}
.greetings_wrap ul li + li {margin-top:10px;}
.greetings_wrap .cont01 .img {position:relative;width:538px;max-width:100%;float:left;}
/*
.greetings_wrap .cont01 .img::before {content:'';width:23.7%;height:106%;position:absolute;top:-10px;left:-10px;background:url(/images/homepage/www/kocca/contents/greetings_img02.png);z-index:-1;}
.greetings_wrap .cont01 .img::after {content:'';width:207px;height:555px;position:absolute;top:-10px;right:-10px;background:url(/images/homepage/www/kocca/contents/greetings_img03.png);z-index:-1;}
*/
.greetings_wrap .cont01 .txt {width:calc(100% - 588px);float:right;}
.greetings_wrap .cont02 {clear:both;padding-top:80px;}
.greetings_wrap .cont02 .txt {float:left;width:calc(100% - 460px);}
.greetings_wrap .cont02 .img {float:right;width:460px;max-width:100%;text-align:right;}
.greetings_wrap .greetings_sign {clear:both;font-size:1.25em;font-weight:bold;color:#642b7f;}
.greetings_wrap .greetings_sign p {font-size:16px;color:#535353;font-weight:400;}
.greetings_wrap .greetings_sign p span {vertical-align:top;}
.greetings_wrap .greetings_sign img {vertical-align: middle;margin-left:25px;}

/* 고객헌장 전문 */
.charter_wrap .cont01 {padding:20px 450px 20px 0; background:url(/images/homepage/www/kocca/common/bg_bi_bg_color.png) no-repeat right center;}
.charter_wrap .cont01 .title {font-size:1.5em;margin-bottom:35px;}
.charter_wrap .cont02 .box_style01 {padding:35px;}
.charter_wrap .cont02 ul li {clear:both;margin-bottom:70px;margin-left:0;overflow:hidden;}
/* .charter_wrap .cont02 ul li:nth-child(1) {margin-left:0;}
.charter_wrap .cont02 ul li:nth-child(2) {margin-left:110px;}
.charter_wrap .cont02 ul li:nth-child(3) {margin-left:220px;}
.charter_wrap .cont02 ul li:nth-child(4) {margin-left:330px;}
.charter_wrap .cont02 ul li:nth-child(5) {margin-left:440px;} */
.charter_wrap .cont02 .img {width:120px;float:left;}
.charter_wrap .cont02 .txt {float:left;width:calc(100% - 165px);font-size:1.5em;margin:20px 0 0 35px;padding-left:35px;border-left:2px solid #4f4f4f;}
.charter_wrap .cont02 .txt .title {color:#642b7f;font-weight:900;}
.charter_wrap .cont02 .txt .txt01 {margin-top:5px;}
.charter_wrap .cont02 .fullname {font-size:1.5em;color:#642b7f;font-weight:bold;text-align:center;}
.charter_wrap .cont02 .box_style01 + p {margin-top:20px;}
.contact_list li{float:left;}
.contact_list li + li{margin-left:50px;}
.contact_list li span {display:inline-block;margin-right:50px;font-weight:500;}

/* 법령 */
.statute_wrap .list_box {border-top:1px solid #0a0a0a;border-bottom:1px solid #0a0a0a;padding:30px 0;}
.statute_wrap .list_box > div {width:100%;margin:10px 0;}
.statute_wrap .list_box div::after {content:'';display:block;clear:both;}
.statute_wrap .list_box h4 {width:200px;float:left;margin:0; margin-bottom:20px;}
.statute_wrap .list_box .btn_list {width:calc(100% - 200px);float:left;margin:0;}
.statute_wrap .list_box .btn_list a {width:calc(25% - 10px);}
.statute_wrap .list_box .btn_list a + a {margin-left:10px;}
.statute_wrap .conbox.icon::before {background-image:url(/images/homepage/www/kocca/contents/icon_conbox_statute_wrap.png);}

/* 알림마당 - 견적공고 */
.estimate .cont01 .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_estimate.png);}

/* 열린경영 - 경영공시 - 경영공시안내 */
.alio .conbox_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_conbox_alio_01.png);}
.alio_wrap h4 .alio_tit::before{content: ''; width:63px; height:25px; display: inline-block; background-image: url(/images/homepage/www/kocca/contents/icon_alio_02.gif); margin-right: 5px; vertical-align: middle;}
.alio_wrap .conTable_wrap td::after{content: ''; display: block; clear: both;}
.alio_wrap .conTable_wrap td .li_style01{float: left; width: 400px;}
.alio_wrap .conTable_wrap td .li_style01 li{margin: 10px 0;}
.icon_alio {background: url(/images/homepage/www/kocca/contents/icon_alio.gif) no-repeat;width: 29px;height: 12px;overflow: hidden;display: inline-block;text-indent: -9999px;margin-left:10px;}
.alio_wrap .li_style01 a {margin:0;}
.alio_wrap .th01 {width:125px}
.alio_wrap .th02 {width:130px}
/* 열린경영 - 경영공시 - 기관운영 - 관련법령 */
.law_wrap .txtbox_style01 > h4{display: inline-block; width: 200px; margin: 20px 0;}
.law_wrap .txtbox_style01 > h4 + .btn_area{width: calc(100% - 205px); display: inline-block; margin: 0;}
.law_wrap .txtbox_style01 > h4 + .btn_area > a{width: 240px; letter-spacing: -1px; white-space: nowrap;}

/* 열린경영 - 윤리경영 - 윤리경영목표및 전략*/
.infotext_3depth{font-size: 25px; font-weight: 400; text-align: center; color: #39393a;}
.infotext_3depth::before{content: ''; display: block; margin: 20px auto 20px; width: 1px; height: 24px; background: #3a3a3a;}
.ethical_mobile{display:none;}
.ethical .cont01 {position:relative;margin:0 auto;}
.ethical .ethical_style01 {padding:40px 60px;border-radius:50px;background:#fff;width:100%;height:auto;font-size:1.25em;margin-bottom:15px;}
.ethical .ethical_style01 .title {position:relative;width:230px;font-weight:bold;display:inline-block;vertical-align:top;}
.ethical .ethical_style01 .title::before {content:'';width:8px;height:8px;display:inline-block;background:#672e94;margin-right:20px;border-radius:100%;vertical-align: middle;}
.ethical .ethical_style01 .txt {width:calc(100% - 240px);color:#4b4b4b;display:inline-block;vertical-align: top;text-align:center;margin-left:-120px;}
.ethical .ethical_style01.color01 {border:1px solid #672e94;color:#672e94;}
.ethical .ethical_style01.color01 .title::before {background:#672e94;}
.ethical .ethical_style01.color02 {border:1px solid #ee5e17;color:#ee5e17;}
.ethical .ethical_style01.color02 .title::before {background:#ee5e17;}
.ethical .cont02 {margin-top:0;position:relative;}
.ethical .cont02::before {content:'';display:block;margin:40px auto;width:76px;height:45px;background:url(/images/homepage/www/kocca/common/icon_arrow02_top_big.png);z-index:-1;}
.ethical .ethical_style02 {padding:40px 60px;border-radius:50px;background:#fff;width:100%;height:auto;font-size:1.25em;margin-bottom:15px;}
.ethical .ethical_style02 .title {position:relative;width:230px;font-weight:bold;display:inline-block;vertical-align:top;}
.ethical .ethical_style02 .title span {display:inline-block;width:135px;text-align:center;border-radius:14px;font-size:0.8em;color:#fff;padding:4px 0;}
.ethical .ethical_style02 .txt {width:calc(100% - 240px);color:#4b4b4b;display:inline-block;vertical-align: top;text-align:center;margin-left:-120px;}
.ethical .ethical_style02 .txt ul li {display:inline-block;}
.ethical .ethical_style02 .txt ul li:nth-child(n+2)::before {content:'';display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:100%;background:#d5d5d5;margin:0 20px;}
.ethical .ethical_style02.color01 {border:1px solid #188ecb;}
.ethical .ethical_style02.color01 .title span {background:#188ecb;}
.ethical .ethical_style02.color02 {border:1px solid #3e5ead;}
.ethical .ethical_style02.color02 .title span {background:#3e5ead;}
.ethical .cont03 {margin-top:50px;padding:50px 100px;border-radius:40px;border:1px dashed #c9c9c9;position:relative;}
.ethical .cont03 .cont_title {position:absolute;top:0;left:50%;text-align:center;font-size:1.25em;font-weight:bold;color:#672e94;padding:0 10px;background:#fff;-ms-transform:translate(-50% -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.ethical .cont03 .list_title {position:relative;font-size:1.25em;font-weight:900;width:160px;text-align:center;padding-right:50px;display:inline-block;vertical-align: middle;}
.ethical .cont03 .list_title::after {position:absolute;top:50%;right:0;content:'';width:26px;height:41px;background:url(/images/homepage/www/kocca/common/icon_arrow02_right_middle.png);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.ethical .cont03 .list_title span { display:inline-block; }
.ethical .cont03 .list_wrap {width:calc(100% - 210px);display:inline-block;vertical-align: middle;margin:0 0 0 45px;}
.ethical .cont03 .list_wrap ul.list1 {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;font-size:1.25em;}
.ethical .cont03 .list_wrap ul.list1::after {content:'';display:block;clear:both;}
.ethical .cont03 .list_wrap ul.list1 li { background-color:#f1f1f1; border-radius:25px 25px 0 0; margin-right:20px;width:calc(25% - 17px);height:100%;position:relative;text-align:center;}
.ethical .cont03 .list_wrap ul.list1 li:last-child { margin-right:0; }
.ethical .cont03 .list_wrap ul.list1 li .t_box {display:block;border-radius:20px 20px;width:calc(87% - 0px);margin:0 auto;margin-top:14px;margin-bottom:10px;padding:22px 0;letter-spacing: -0.15em;color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.ethical .cont03 .list_wrap ul.list1 li.color01 .t_box { background-color:#746653; }
.ethical .cont03 .list_wrap ul.list1 li.color02 .t_box { background-color:#1e928b; }
.ethical .cont03 .list_wrap ul.list1 li.color03 .t_box { background-color:#2e539d; }
.ethical .cont03 .list_wrap ul.list1 li.color04 .t_box { background-color:#8a48a0; }
.ethical .cont03 .list_wrap ul.list2 {height:216px;margin-top:0;overflow:hidden;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.ethical .cont03 .list_wrap ul.list2 li { background-color:#f1f1f1; border-radius:0 0 25px 25px; margin-right:20px;width:calc(25% - 17px); height:100%;position:relative;text-align:center; }
.ethical .cont03 .list_wrap ul.list2 li:last-child { margin-right:0; }
.ethical .cont03 .list_wrap ul.list2 li > div { margin:0 13px; padding-top:25px; text-align:center; border:1px solid #c9c9c9; border-radius:20px; float:left; width:calc(100% - 26px); height:96px; background-color:#fff; position:relative; color:#4b4b4b; line-height:1.4; }
.ethical .cont03 .list_wrap ul.list2 li > div:nth-child(2n+1) { margin-bottom:10px; }
.ethical .cont03 .list_wrap ul.list2 li span {position:absolute;top:5px;left:5px;display:block;width:25px;height:25px;line-height:25px;font-size:0.875em;font-weight:500;text-align:center;color:#707070;background:#eee;border-radius:100%;}

/* 열린경영 - 윤리경영 - 공익신고안내 */
.ethics_public .step_style01.step_count03{margin: 40px 0 20px;}
    
/* 열린경영 - 윤리경영 - 인권경영 */
.ethics_process_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_conbox_ethics01.png);}
.ethics_process li > span{display: block; text-align: center;}
.ethics_process .ethics_process_list01 > li:first-child{
    width:255px; height:110px; font-size: 30px; font-weight: bold; border-radius: 7.5px; overflow: hidden; color: #fff; position: relative; background: url(/images/homepage/www/kocca/contents/ethics_bg_01.jpg); box-shadow: 5px 5px 14px rgba(0, 0, 0, .3); margin: 0 auto 45px; padding:20px 0; text-align: center;}
.ethics_process .ethics_process_list01 > li:first-child > span{font-size: 16px;}
.ethics_process .ethics_process_list02{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
}
.ethics_process .ethics_process_list02 > li > span{width: 100%; height: 50px; line-height:50px; color:#fff; font-weight: 600;  border-radius: 7.5px; background-repeat: no-repeat; background-position: right center; text-align: center;}
.ethics_process .ethics_process_list02 > li:first-child{width: calc(65% - 10px);}
.ethics_process .ethics_process_list02 > li:first-child > span{background-image: url(/images/homepage/www/kocca/contents/ethics_bg_02.jpg); background-color: #157fab;}
.ethics_process .ethics_process_list02 > li:last-child{width: calc(35% - 10px)}
.ethics_process .ethics_process_list02 > li:last-child > span{background-image: url(/images/homepage/www/kocca/contents/ethics_bg_03.png); background-color: #7c56b6;}
.ethics_process .ethics_process_list03 > li > span{width: 100%; height: 50px; line-height:48px; color: #157fab; border: 2px solid #157fab; border-radius: 7.5px; margin: 12px 0;}
.ethics_process .ethics_process_list03.processtype,
.ethics_process .ethics_li_box02 > ul,
.ethics_process .ethics_li_box04 > ul{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;
}
.ethics_process .ethics_process_list03.processtype > li:first-child{width: calc(25% - 6px);}
.ethics_process .ethics_process_list03.processtype > li:nth-child(2){width: calc(50% - 6px);}
.ethics_process .ethics_process_list03.processtype > li:nth-child(3){width: calc(25% - 6px);}
.ethics_process .ethics_li_box,
.ethics_process .ethics_li_box03{border-radius: 7.5px; border: 1px solid #cfcfd1; padding: 25px 20px; }
.ethics_process .ethics_li_box{height:580px;}
.ethics_process .ethics_li_box02{height: 73px;}
.ethics_process .ethics_li_box03{height: 255px;}
.ethics_process .ethics_li_box04{height: 252px;}
.ethics_process .ethics_li_box02 > ul > li,
.ethics_process .ethics_li_box04 > ul > li{width: calc(50% - 4px); border-radius: 7.5px; border: 1px solid #cfcfd1; }
.ethics_process .ethics_li_box02 > ul > li{padding: 10px;height: 65px;}
.ethics_process .ethics_li_box02 > ul > li > span{background: #f4f4f4; height: 100%; line-height: 43px; border-radius: 7.5px; }
.ethics_process .ethics_li_box04 > ul{height: 100%;}
.ethics_process .ethics_li_box04 > ul > li{padding: 25px 20px; margin-top: 8px;}
.ethics_process .ethics_info {text-align: left; font-size: 14px; margin-top: 30px;}
.ethics_process .process_view{margin: 25px 25px 0 25px;}
.ethics_process .process_view > li{width: 100%; border-radius: 7.5px; background-color: #e7e7e7; text-align: center; height: 75px; line-height: 37px; position: relative; margin-bottom: 40px;}
.ethics_process .process_view > li:last-child{margin-bottom: 0;}
.ethics_process .process_view > li:not(:last-child)::after{content: ''; position: absolute; width: 15px; height: 9px; bottom: -25px; left: 50%; background-image: url(/images/homepage/www/kocca/contents/icon_ethics_process.png); transform: translateX(-50%);}
.ethics_process .process_view > li > span{height: 50%; background: #f4f4f4; border-top-left-radius: 7.5px; border-top-right-radius: 7.5px;}
.award_date_info{text-align: right; font-size: 14px; line-height: 24px;}

/* 열린경영 - 윤리경영 - 갑질근절 - 갑질근절추진체계 */
.oppress_wrap .oppress_step01{position: relative;}
.oppress_wrap .oppress_step01 span{display: block;}
.oppress_wrap .oppress_step01.middle{margin: 90px 0; }
.oppress_wrap .oppress_step01 > ul{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;}
.oppress_wrap .oppress_step01 > ul > li{width:calc(33.333% - 7px); margin-top: 10px;}
.oppress_wrap .oppress_step01.middle > ul > li{width:calc(19% - 7px);}
.oppress_wrap .oppress_step01.middle > ul > li.oppress_step01_big{width:calc(43% - 7px);}
.oppress_wrap .oppress_step01 > ul > li > span{height: 50px; line-height: 46px; border: 2px solid #0080ad; color: #0080ad; font-weight: 600; border-radius: 7.5px; text-align: center;}
.oppress_wrap .oppress_step01.oppress_after::after{content: ''; width: 39px; height: 24px; background: url(/images/homepage/www/kocca/contents/icon_oppress_step01.jpg) no-repeat center; position: absolute;  left: 50%;}
.oppress_wrap .oppress_step01:first-of-type::after{bottom: -59px; transform: translateX(-50%);}
.oppress_wrap .oppress_step01:last-of-type::after{top:-59px; transform: translateX(-50%) rotate(-180deg);}
.oppress_wrap .oppress_step01_tit{width: 100%; height: 50px; line-height: 50px; background: url(/images/homepage/www/kocca/contents/ethics_bg_02.jpg) no-repeat right center #157fab; border-radius: 7.5px; text-align: center; color: #fff; font-weight: 600;}
.oppress_wrap .oppress_step02{border: 1px solid #d0d0d2; border-radius: 7px; padding: 15px; text-align: center; height: 80px; margin-top: 10px;}
.oppress_wrap .oppress_step01.middle .oppress_step02{height: 110px;}
.oppress_wrap .oppress_step02.noborder{border: 0; padding: 0;}
.oppress_wrap .oppress_step03{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;}
.oppress_wrap .oppress_step03 > li{border: 1px solid #d0d0d2; border-radius: 7px; padding: 15px 6px; text-align: center; height:110px}
.oppress_wrap .oppress50per{width: calc(50% - 5px);}
.oppress_wrap .oppress20per{width: calc(20% - 7px);}
.oppress_wrap .oppress333per{width: calc(33.39% - 7px);}
.oppress_wrap .oppress40per{width: calc(40% - 7px);}
.oppress_wrap .oppress40per ul li{text-align: left;}

/* 열린경영_정보공개_정보공개제도안내_처리절차 */
.open_info_process_wrap .open_info_process{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between; margin-top: 60px;}
.open_info_process_wrap .open_info_process .open_info_process_01{position: relative;}
.open_info_process_wrap .open_info_process .open_info_process_01:first-child{width:39%;}
.open_info_process_wrap .open_info_process .open_info_process_01:nth-child(2){width:46%;}
.open_info_process_wrap .open_info_process .open_info_process_01:last-child{width: 180px;}
.open_info_process_wrap .open_info_process .claimant > p,
.open_info_process_wrap .open_info_process .manage > p,
.open_info_process_wrap .open_info_process .charge > p{width: 260px; height: 50px; line-height:50px; color: #fff; font-weight: 600; text-align: center; background-position: 50% center; background-repeat: no-repeat; border-radius: 7.5px;}
.open_info_process_wrap .open_info_process .claimant > p{background-image: url(/images/homepage/www/kocca/contents/org_style03_bg.png); background-position: 70% center;}
.open_info_process_wrap .open_info_process .manage > p,
.open_info_process_wrap .open_info_process .charge > p{background-image: url(/images/homepage/www/kocca/contents/org_style05_bg.png);}
.open_info_process_wrap .open_info_process .claimant{padding-top: 175px;}
.open_info_process_wrap .open_info_process .manage{margin-top: 35px;}
.open_info_process_wrap .open_info_process .claimant::before,
.open_info_process_wrap .open_info_process .claimant::after{content: ''; position: absolute; width: 422px; height: 128px; background-repeat: no-repeat; z-index: 1;}
.open_info_process_wrap .open_info_process .claimant::before{top: 47px; left: 82px; background-image: url(/images/homepage/www/kocca/contents/icon_open_info_process_blue_r_bt.png);}
.open_info_process_wrap .open_info_process .claimant::after{top: 225px; left: 82px; background-image: url(/images/homepage/www/kocca/contents/icon_open_info_process_blue_r_tb.png);}
.claimant_to_manage , .claimant_to_charge, .manage_to_claimant, .manage_to_competent, .charge_to_claimant, .charge_to_manage, .charge_to_competent, .competent_to_charge{position: absolute; width: max-content;}
.open_info_process_wrap .open_info_process .charge{margin-top: 230px;}
.open_info_process_wrap .open_info_process .claimant_to_charge{top: 5px; left: 270px;}
.open_info_process_wrap .open_info_process .claimant_to_manage{bottom: 0; left: 85px;}
.open_info_process_wrap .open_info_process .manage_to_claimant, 
.open_info_process_wrap .open_info_process .charge_to_claimant{left:-240px;}
.open_info_process_wrap .open_info_process .charge_to_claimant{top: 240px;}
.open_info_process_wrap .open_info_process .charge_to_manage{top: 135px; left:-20px;}
.open_info_process_wrap .open_info_process .manage_to_competent{top: 5px; right: 130px;}
.open_info_process_wrap .open_info_process .manage::before,
.open_info_process_wrap .open_info_process .manage::after{content: ''; position: absolute; background-repeat: no-repeat; z-index: 1;}
.open_info_process_wrap .open_info_process .manage::before{top: 67px; left: -409px; background-image: url(/images/homepage/www/kocca/contents/icon_open_info_process_blue_l_tb.png); width:409px; height:108px}
.open_info_process_wrap .open_info_process .manage::after{top: 85px; left: 135px; background-image: url(/images/homepage/www/kocca/contents/icon_open_info_process_blue_t.png); transform: rotate(180deg); width:9px; height:228px;}
.open_info_process_wrap .open_info_process .charge::before,
.open_info_process_wrap .open_info_process .charge::after{content: ''; position: absolute; background-repeat: no-repeat; z-index: 1;}
.open_info_process_wrap .open_info_process .charge::before{top: 226px; left: -408px; background-image: url(/images/homepage/www/kocca/contents/icon_open_info_process_blue_l_bt.png); width:409px; height:108px;}
.open_info_process_wrap .open_info_process .charge::after{top: 87px; left: 120px; background-image: url(/images/homepage/www/kocca/contents/icon_open_info_process_blue_t.png); width:9px; height:228px;}
.open_info_process_wrap .open_info_process .charge_to_competent.competent01{left: 280px; top: 140px;}
.open_info_process_wrap .open_info_process .charge_to_competent.competent02{left: 280px; top: 240px;}
.open_info_process_wrap .open_info_process .charge_to_competent.competent03{left: 280px; top: 302px;}
.open_info_process_wrap .open_info_process .charge_to_competent.competent04{left: 280px; top: 420px;}
.open_info_process_wrap .open_info_process .charge_to_competent.competent05{left: 280px; bottom: -20px;}
.open_info_process_wrap .open_info_process .competent_to_charge{bottom: 105px; left: -315px;}
.competent_list{margin-top: 25px;}
.competent_list > li{width: 180px; height: 66px; border: 1px solid #cfcfd1; border-radius: 7.5px; position: relative; text-align: center; line-height: 64px; margin-bottom: 75px;}
.competent_list > li:last-child{margin-bottom: 0;}
.competent_list > li::after{content:''; position:absolute; width: 160px; height: 44px; background: #f4f4f4; border-radius: 7.5px; top: 10px; left: 9px; z-index: -1;}
.competent_list > li::before{content: ''; position: absolute; background-repeat: no-repeat; z-index: 1; background-position: right center; }
.competent_list > li:first-child::before{top: 28px; right:181px; background-image: url(/images/homepage/www/kocca/contents/icon_open_info_process_gray_r.png); width:333px; height:9px; }
.competent_list > li:nth-child(2)::before{top: 29px; right:181px; background-image: url(/images/homepage/www/kocca/contents/icon_open_info_process_gray_bt.png); width:387px; height:119px; }
.competent_list > li:nth-child(3)::before{top: 29px; right:181px; background-image: url(/images/homepage/www/kocca/contents/icon_open_info_process_gray_r.png); width:333px; height:9px; }
.competent_list > li:nth-child(4)::before{top: -84px; right:181px; background-image: url(/images/homepage/www/kocca/contents/icon_open_info_process_gray_r_tb.png); width:461px; height:122px;background-position: right bottom; }

/* 열린경영_정보공개_정보목록공개 */
.info_list_open_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_info_list_open.png);}

/* 열린경영_정보공개_공공데이터개방 */
.public_data_wrap .btn_area.area_left{margin: 20px 0;}
.public_data_wrap .public_data_use{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;}
.public_data_wrap .public_data_use .data_use_cont{min-width: 350px; height: 205px; background-repeat: no-repeat; background-position: center top; text-align: center; position: relative;}
.public_data_wrap .public_data_use .data_use_cont01{background-image: url(/images/homepage/www/kocca/contents/public_data_use01_bg.png);}

.public_data_wrap .public_data_use .data_use_cont03{background-image: url(/images/homepage/www/kocca/contents/public_data_use03_bg.png);}
.public_data_wrap .public_data_use .data_use_cont > p{padding-top: 135px; font-size: 20px; font-weight: 600;}
.public_data_wrap .public_data_use .data_use_cont > span{margin-top: 20px; display: block;}
.public_data_wrap .public_data_use .data_use_cont01::after,
.public_data_wrap .public_data_use .data_use_cont03::before{content: ''; width:75px; height:75px; position: absolute; top:70px; background: url(/images/homepage/www/kocca/contents/icon_public_data_use01.png) no-repeat center;}
.public_data_wrap .public_data_use .data_use_cont01::after{right: -90px;}
.public_data_wrap .public_data_use .data_use_cont03::before{left: -90px; transform: rotate(180deg);}

/* 열린경영_정보공개_제공대상공공데이터목록 */
.public_open_wrap .btn_area.area_left{margin: 20px 0;}

/* 열린경영_정보공개_공공데이터 온라인의견 */
.public_data_online_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_public_data_online.png);}

/* 열린경영_정보공개_사업실명제 */
.business_name_process{display:-webkit-box; display:-ms-flexbox;display:-webkit-flex; display:flex; -ms-justify-content:space-between;-webkit-justify-content:space-between; justify-content: space-between;/*margin-bottom:150px;*/}
.business_name_process > li{width: 25%; position: relative;}
.business_name_process > li:last-child .business_name_process_02{background: url(/images/homepage/www/kocca/contents/business_name_process_bg.png) no-repeat center;}
.business_name_process > li .number{display:block; width: 100%; height: 52px; line-height: 52px; border-radius: 7.5px; background: #8955ba url(/images/homepage/www/kocca/contents/ethics_bg_03.png) no-repeat right bottom; text-align: center; color: #fff; font-weight: 600;}
.business_name_process .business_name_process_02{padding: 10px; border: 1px solid #cfcfd1; margin-top: 10px; border-radius: 7.5px; min-height: 222px; }
/*.business_name_process .business_name_process_02 li{height:44px; line-height: 44px; padding-left: 25px; background-color: #f4f4f4; border-radius: 7.5px; width: 100%; margin-top: 8px;}*/
.business_name_process .business_name_process_02 li{min-height:44px; padding-left:15px; padding-top:10px; padding-bottom:10px; background-color:#f4f4f4; border-radius:7.5px; width:100%; margin-top:8px;}
.business_name_process .business_name_process_02 li:first-child,
.business_name_process .business_name_process_02.count8 li:nth-child(2){margin-top:0;}
.business_name_process .business_name_process_02.count8::after{content: ''; display: block; clear: both;}
.business_name_process .business_name_process_02.count8 li{width: calc(50% - 4px); float: left; }
.business_name_process .business_name_process_02.count8 li:nth-of-type(even){margin-left: 8px;}
.business_name_process .business_name_process_step{color:#5a308d; ;position: absolute; top: 50%; right: -33%; transform: translateY(-50%); padding-bottom: 45px; background: url(/images/homepage/www/kocca/contents/icon_business_name_process.png) no-repeat center bottom;}

/* 열린경영_정보공개_대상사업 리스트 */
.business_name_list_bottom {margin-bottom:150px;}


/* 콘텐츠지식_정기간행물_KOCCA포커스 */
.KOCCA_focus_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_koccafocus.png);}

/* 콘텐츠지식_정기간행물_n콘텐츠_CT문화와 기술의 만남*/
.ctculture_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_ctculture.png);}

/* 콘텐츠지식_정기간행물_글로벌게임산업트렌드*/
.global_game_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_global_game.png);}

/* 콘텐츠지식_연구보고서_보고서 */
.report_alio_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_report_alio.png);}

/* 콘텐츠지식_연구보고서_산업백서 */
.report_alio_industry_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_report_alio_industry.png);}

/* 콘텐츠지식_해외산업정보_해외산업동향 */
.oversea_industry_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_oversea.png);}

/* 콘텐츠지식_해외산업정보_위클리글로벌 */
.weekly_global_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_weekly_global.png);}

/* 콘텐츠지식_해외산업정보_글로벌특화보고서 */
.global_special_report_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_global_special.png);}

/* 콘텐츠지식_해외산업정보_실감콘텐츠리포트 */
.realistic_contents_wrap .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_realistic_contents.png);}


/* 콘텐츠지식_유관기관지식보고서_간행물 */
.publication_wrap.publication01 .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_publication_01.png);}
.publication_wrap.publication02 .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_publication_02.png);}
.publication_wrap.publication03 .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_publication_03.png);}

/* 콘텐츠지식_유관기관지식보고서_국내동향 */
.statistics_wrap.statistics01 .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_statistics_01.png);}
.statistics_wrap.statistics02 .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_statistics_02.png);}
.statistics_wrap.statistics03 .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_statistics_03.png);}

/* 콘텐츠지식_유관기관지식보고서_해외동향 */
.statistics_overseas_wrap.overseas01 .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_statistics_overseas_01.png);}
.statistics_overseas_wrap.overseas02 .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_statistics_overseas_02.png);}
.statistics_overseas_wrap.overseas03 .conbox.icon::before{background-image: url(/images/homepage/www/kocca/contents/icon_statistics_overseas_03.png);}


/* ci소개 */
.ci_wrap .cont01 {border:1px solid #e3e3e3;}
.ci_wrap .cont01 .img_wrap {width:calc(50% - 80px);float:left;margin:40px;padding:60px 20px;border:1px solid #e3e3e3;background:url(/images/homepage/www/kocca/common/bg_gridbox.png) #fff;text-align:center;}
.ci_wrap .cont01 .txt_wrap {width:50%;float:left;padding:40px 40px 40px 0;}
.ci_wrap .cont01 .txt_wrap .txt01 {font-size:1.25em;font-weight:bold;margin-top:40px;margin-bottom:10px;color:#3a3a3a;}
.ci_wrap .cont01 .txt_wrap .txt02 {letter-spacing:-1px;}
.ci_wrap .cont01 .btn_wrap {clear:both;background:#fafafa;padding:40px;text-align:center;}
.ci_wrap .cont01 .btn_wrap .btn_download {width:180px;}
.ci_wrap .cont02 {background:#fafafa;padding:60px 0;position:relative;}
.ci_wrap .cont02::before {content:'';position:absolute;width:100%;height:100%;top:0;left:-100%;background:#fafafa;}
.ci_wrap .cont02::after {content:'';position:absolute;width:100%;height:100%;top:0;right:-100%;background:#fafafa;}
.ci_wrap .cont02 ul {display:flex;flex-wrap:wrap;gap:13px;}
.ci_wrap .cont02 ul li {width:22%;text-align:center;flex:auto;}
.ci_wrap .cont02 .img_wrap {height:160px;line-height:160px;padding:0 10px;border:1px solid #e3e3e3;background:url(/images/homepage/www/kocca/common/bg_gridbox.png) #fff;}
.ci_wrap .cont02 .img_wrap img {vertical-align:middle;}
.ci_wrap .cont02 .txt_wrap {font-weight:bold;color:#3a3a3a;padding:10px;border-bottom:1px solid #e3e3e3;}
.ci_wrap .cont02 .btn_wrap {padding:10px;}
.ci_wrap .cont03 > ul {display:flex;gap:20px;flex-wrap:wrap;}
.ci_wrap .cont03 > ul > li {flex:auto;}
.ci_wrap .cont03 .img_wrap {border:1px solid #e3e3e3;text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;height:300px;padding:0 10px;}
.ci_wrap .cont03 .txt_wrap {padding:15px 0;}
.ci_wrap .cont03 .txt_wrap .li_style01 {float:left;margin-top:5px;font-weight:bold;}
.ci_wrap .cont03 .txt_wrap .btn_download {float:right;}
.ci_wrap .cont04 .btn_wrap {background:#fafafa;padding:40px;text-align:center;border:1px solid #e3e3e3;}
.ci_wrap .cont04 .btn_wrap a { width:250px; max-width:100%; }

/* 홍보영상 */
.kocca_video_wrap .cont01 {position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.kocca_video_wrap .cont01 .txt_wrap {width:400px;border:1px solid #e3e3e3;border-left:4px solid #666666;background:#f9f9f9;padding:40px 25px 30px 30px;box-shadow:14px 14px 10px rgba(0,0,0,0.08);}
.kocca_video_wrap .cont01 .txt_wrap .txt01 {font-size:1.5em;font-weight:900;color:#474747;letter-spacing:-1.4px;}
.kocca_video_wrap .cont01 .txt_wrap .txt01 span {letter-spacing:-1.4px;}
.kocca_video_wrap .cont01 .txt_wrap .txt02 {margin-top:20px;}
.kocca_video_wrap .cont01 .txt_wrap .btn01 a {font-weight:bold;margin-top:50px;display:inline-block;}
.kocca_video_wrap .cont01 .txt_wrap .btn01 a::before {content: "\ea3f";font-family:'xeicon';margin-right:5px;color:#6a2e74;font-size:1.2em;font-weight:100;vertical-align:middle;}
.kocca_video_wrap .cont01 .video_wrap {float:left;width:880px;max-width:calc(100% - 400px);padding-left:40px;}
.kocca_video_wrap .cont01 .video_open {display:block;width:100%;height:100%;background:url(/images/homepage/www/kocca/contents/kocca_video_thumb2.png) center no-repeat;text-indent:-9999px;overflow:hidden;}
.kocca_video_wrap .cont01 .video_con {margin-top:20px;}
.kocca_video_wrap video {width:100%;height:auto;}
.kocca_video_wrap .board_list02 .title {line-height: 1.5em;height: 3.2em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: pre-wrap;}



/* 공식SNS */
.sns_slide a:focus {opacity:0.5;}
.sns_wrap .sns_list {border-top:2px solid #414042;overflow:hidden;margin-top:20px;clear:both;}
.sns_wrap .sns_list ul {margin:-1px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.sns_wrap .sns_list ul li {width:50%;float:left;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:30px 30px 30px 170px;background-position:left 40px center;background-repeat:no-repeat;}
.sns_wrap .sns_list ul li.list_youtube {background-image:url(/images/homepage/www/kocca/contents/sns_wrap_list_youtube02.jpg);background-size:96px;}
.sns_wrap .sns_list ul li.list_instagram {background-image:url(/images/homepage/www/kocca/contents/sns_wrap_list_instagram02.jpg);background-size:96px;}
.sns_wrap .sns_list ul li.list_facebook {background-image:url(/images/homepage/www/kocca/contents/sns_wrap_list_facebook02.jpg);background-size:96px;}
.sns_wrap .sns_list ul li.list_naverblog {background-image:url(/images/homepage/www/kocca/contents/sns_wrap_list_naverblog02.jpg);background-size:96px;}
/* .sns_wrap .sns_list ul li.list_naverpost {background-image:url(/images/homepage/www/kocca/contents/sns_wrap_list_naverpost02.jpg);background-size:96px;} */
.sns_wrap .sns_list ul li.list_tistory {background-image:url(/images/homepage/www/kocca/contents/sns_wrap_list_tistory02.jpg);background-size:96px;}
.sns_wrap .sns_list ul li.list_twitter {background-image:url(/images/homepage/www/kocca/contents/sns_wrap_list_twitter02_new.jpg);background-size:96px;}
.sns_wrap .sns_list ul li .sns_list_title {font-size:1.25em;font-weight:bold;color:#6e3798;}
.sns_wrap .sns_list ul li .sns_list_txt {margin-top:10px;}
.sns_wrap .sns_list ul li .sns_list_btn {margin-top:20px;}
.sns_wrap .slick-prev {z-index:10;left:25px;width:60px;height:60px;border-radius:100%;background:#fff;box-shadow:6px 6px 10px rgba(0,0,0,0.080);}
.sns_wrap .slick-next {z-index:10;right:25px;width:60px;height:60px;border-radius:100%;background:#fff;box-shadow:6px 6px 10px rgba(0,0,0,0.080);}
.sns_wrap .slick-prev::before {content: "\e93b";display:block;font-family:'xeicon';color:#4b4b4b;}
.sns_wrap .slick-next::before {content: "\e93e";display:block;font-family:'xeicon';color:#4b4b4b;}
.sns_wrap .slick-arrow {opacity:0.7;}
.sns_wrap .slick-dots {bottom:10px;}
.sns_wrap .slick-dots li {width:10px;height:10px;}
.sns_wrap .slick-dots li button::before {width:10px;height:10px;border:1px solid #6e3798;border-radius:100%;opacity:0.7;text-indent:-9999px;}
/* .sns_wrap .slick-dots li button:focus::before {opacity:0.5;} */
.sns_wrap .slick-dots .slick-active button::before {background:#6e3798;}
.sns_wrap .slick-disabled {opacity:0;}

/* 주요행사 */
.major_events_wrap .conbox.icon::before {background-image:url(/images/homepage/www/kocca/contents/icon_cont_major_events.png);}
.major_events_wrap .event_list > ul > li {position:relative;border:1px solid #dbdbdb;border-radius:10px;padding:0 40px;margin-bottom:10px;min-height:220px;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.major_events_wrap .event_list > ul > li::after {content:'';display:block;clear:both;}
.major_events_wrap .event_list .month {font-size:1.875em;color:#696868;float:left;width:180px;margin-top:80px;}
.major_events_wrap .event_list .list {float:left;width:calc(100% - 180px);}
.major_events_wrap .event_list .list li {margin-top:1px;padding:60px 0 40px 0;overflow:hidden;}
.major_events_wrap .event_list .list li + li {border-top:1px solid #c7c6c8;}
.major_events_wrap .event_list .icon_wrap {float:left;width:110px;padding-top:130px;position:relative;text-align:center;color:#38333d;font-weight:500;}
.major_events_wrap .event_list .icon_wrap::before {content:'';width:110px;height:110px;position:absolute;top:0;left:0;background-color:#f7f7f7;border-radius:100%;background-position:center;background-repeat:no-repeat;}
.major_events_wrap .event_list .txt_wrap {float:left;width:calc(100% - 110px);padding-left:60px;}
.major_events_wrap .event_list .txt_wrap .day {font-weight:500;color:#38333d;}
.major_events_wrap .event_list .txt_wrap .title {font-weight:bold;color:#38333d;}
.major_events_wrap .event_list .txt_wrap .txt01 {font-size:0.875em;margin-top:15px;color:#656370;}
.major_events_wrap .event_list .txt_wrap .info {margin-top:25px;color:#656370;}
.major_events_wrap .event_list .nodata {margin:0;color:#38333d;font-weight:500;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.major_events_wrap .event_list .event_icon01 .icon_wrap::before {background-image:url(/images/homepage/www/kocca/contents/icon_major01.png);}
.major_events_wrap .event_list .event_icon02 .icon_wrap::before {background-image:url(/images/homepage/www/kocca/contents/icon_major02.png);}
.major_events_wrap .event_list .event_icon03 .icon_wrap::before {background-image:url(/images/homepage/www/kocca/contents/icon_major03.png);}
.major_events_wrap .event_list .event_icon04 .icon_wrap::before {background-image:url(/images/homepage/www/kocca/contents/icon_major04.png);}
.major_events_wrap .event_list .event_icon05 .icon_wrap::before {background-image:url(/images/homepage/www/kocca/contents/icon_major05.png);}
.major_events_wrap .event_list .event_icon06 .icon_wrap::before {background-image:url(/images/homepage/www/kocca/contents/icon_major06.png);}
.major_events_wrap .event_list > ul > li:hover {border:1px solid #969596;box-shadow:9px 9px 6px rgba(0,0,0,0.1);}
.major_events_wrap .event_list > ul > li:hover .month {font-weight:bold;}

/* 사회공헌활동 추진체계 */
.social_system_wrap .cont01 {padding:100px 450px 100px 0;border-bottom:1px solid #000; background:url(/images/homepage/www/kocca/common/bg_bi_bg_color.png) no-repeat right center;}
.social_system_wrap .cont01 p {font-size:1.5em;}
.social_system_wrap .cont02 p {font-size:1.25em;}
.social_system_wrap .cont03 {margin-top:70px;overflow:hidden;}
.social_system_wrap .cont03 .social_box_style01 {border:1px solid #d8d8d8;border-radius:12px;margin-bottom:20px;overflow:hidden;font-size:1.25em;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.social_system_wrap .cont03 .social_box_style01 .title {background:#fbfbfb;width:25%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;}
.social_system_wrap .cont03 .social_box_style01 .list {width:75%;text-align:center;padding:15px;}
.social_system_wrap .cont03 .social_box_style01 .list ul {padding:10px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;}
.social_system_wrap .cont03 .social_box_style01 .list ul li {width:50%;border-right:1px solid #d8d8d8;float:left;padding:10px;}
.social_system_wrap .cont03 .social_box_style01 ul + ul li {width:33.33%;}
.social_system_wrap .cont03 .social_box_style01:nth-child(2) .list ul:nth-child(2) {margin-top:10px;border-top:1px solid #d8d8d8;}
.social_system_wrap .cont03 .social_box_style01 .list ul li:last-child {border-right:0;}
.social_system_wrap .cont03 .social_box_style02 {position:relative;font-size:1.25em;width:970px;max-width:100%;margin:50px auto 0 auto;padding-bottom:60px;overflow:hidden;background:url(/images/homepage/www/kocca/contents/social_box_style02_bg01.png) top 40px center no-repeat;}
.social_system_wrap .cont03 .social_style01 {border-radius:40px;background:#fbf9fc;border:1px solid #714197;width:370px;max-width:100%;text-align:center;padding:25px;margin:0 auto 60px auto;}
.social_system_wrap .cont03 .social_style02 {float:right;}
.social_system_wrap .cont03 .social_style02 .color01 {border-radius:40px;background:#f8fcf9;border:1px solid #1e9a47;width:370px;max-width:100%;text-align:center;padding:15px;margin-bottom:40px;}
.social_system_wrap .cont03 .social_style02 .color01 .title {font-size:0.8em;font-weight:bold;color:#1e9a47;}
.social_system_wrap .cont03 .social_style02 .color02 {border-radius:40px;background:#fff;border:1px solid #aaaaaa;width:370px;max-width:100%;text-align:center;padding:20px;}
.social_system_wrap .cont03 .social_style02 .color02 .title {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #d8d8d8;}
.social_system_wrap .cont03 .social_style02 .color02 .list {font-size:0.8em;}
.social_system_wrap .cont03 .social_style03 {float:left;}
.social_system_wrap .cont03 .social_style03 .color01 {border-radius:40px;background:#f8fbfd;border:1px solid #188ecb;width:370px;max-width:100%;text-align:center;padding:15px;margin-bottom:40px;}
.social_system_wrap .cont03 .social_style03 .color01 .title {font-size:0.8em;font-weight:bold;color:#188ecb;}
.social_system_wrap .cont03 .social_style03 .color02 {border-radius:40px;background:#fff;border:1px solid #aaaaaa;width:370px;max-width:100%;text-align:center;padding:20px;}
.social_system_wrap .cont03 .social_style03 .color02 .title {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #d8d8d8;}
.social_system_wrap .cont03 .social_style03 .color02 .list {font-size:0.8em;}
.social_system_wrap .cont03 .social_style03 ul li {display:inline-block;margin:0 20px;}
.social_system_wrap .cont04 .social_box_style03 {width:100%;min-height:52px;padding:1em;text-align:center;color:#fff;font-weight:bold;border-radius:8px;overflow:hidden;background:url(/images/homepage/www/kocca/contents/social_box_style03_bg.png) right bottom no-repeat;}
.social_system_wrap .cont04 .coaial_table_layout table:nth-child(1) {width:calc(100% - 400px);float:left;min-width:auto;position:relative;}
.social_system_wrap .cont04 .coaial_table_layout table:nth-child(1)::after {content:'';position:absolute;top:50%;right:-35px;width:26px;height:41px;background:url(/images/homepage/www/kocca/common/icon_arrow02_right_middle.png);}
.social_system_wrap .cont04 .coaial_table_layout table:nth-child(2) {width:350px;float:right;min-width:auto;}
.social_system_wrap .cont04 .coaial_table_layout table .row02 {height:69px;}

/* KOCCA 웹진 */
.sns_webzine .sns_scrap {padding:20px 0;border-bottom:1px solid #000;}
.sns_webzine .sns_scrap::after {content:'';display:block;clear:both;}
.sns_webzine .sns_scrap .subscribe_btn {float:left;}
.sns_webzine .sns_scrap .right {display:inline-block;float:right;}
.sns_webzine .sns_scrap * {vertical-align:middle;}
.sns_webzine .conzin_top, 
.sns_webzine .conzin_menu,
.sns_webzine .conzin_con {margin:0 auto;overflow:visible !important;}
.sns_webzine .conzin_top > ul, 
.sns_webzine .conzin_menu > ul,
.sns_webzine .conzin_con > ul {overflow:visible !important;}
/* .sns_webzine .sns_cont a:focus img {box-shadow:2px 2px 2px rgba(0,0,0,0.2)} */
.sns_webzine .conzin_top::after, 
.sns_webzine .conzin_menu::after,
.sns_webzine .conzin_con::after {content:'';display:block;clear:both;}
.sns_webzine .sns_cont a:focus {outline:auto;}
.sns_webzine .sns_cont a:focus img {box-shadow:3px 3px 3px 3px #fff}
.sns_webzine .conzin_menu a:focus {outline:2px solid blue;}

.new_conzin_2023 {margin-top:30px;text-align:center;}
.new_conzin_2023 .new_conzin_shadow {display:inline-block;box-shadow:0px 0px 16px rgba(0,0,0,0.12);}
.new_conzin_2023 table {margin:0 auto;}
.new_conzin_2023 table td {border:0 none;}
.new_conzin_2023 a {margin:0;}

/* 봄봄발자국 */
.bombom_wrap .conbox.icon::before {background-image:url(/images/homepage/www/kocca/contents/icon_conbox_bombom.png);}

/* 주요소식 */
.relevant_news_slide {padding:0 100px;}
.relevant_news_slide .slick-list > div a {display:block;margin:0 26px;padding:20px;border:1px solid #cddbdf;width:316px;max-width:100%;height:143px;}
.relevant_news_slide .slick-list > div a .tit {display:block;}
.relevant_news_slide .slick-list > div a .txt {display:block;line-height: 1.5em;max-height: 3em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.relevant_news_slide .slick-list > div:nth-child(9n + 1) {background:url(/images/homepage/www/kocca/contents/relevant_news_boxbg_01.gif) no-repeat center;}
.relevant_news_slide .slick-list > div:nth-child(9n + 2) {background:url(/images/homepage/www/kocca/contents/relevant_news_boxbg_02.gif) no-repeat center;}
.relevant_news_slide .slick-list > div:nth-child(9n + 3) {background:url(/images/homepage/www/kocca/contents/relevant_news_boxbg_03.gif) no-repeat center;}
.relevant_news_slide .slick-list > div:nth-child(9n + 4) {background:url(/images/homepage/www/kocca/contents/relevant_news_boxbg_04.gif) no-repeat center;}
.relevant_news_slide .slick-list > div:nth-child(9n + 5) {background:url(/images/homepage/www/kocca/contents/relevant_news_boxbg_05.gif) no-repeat center;}
.relevant_news_slide .slick-list > div:nth-child(9n + 6) {background:url(/images/homepage/www/kocca/contents/relevant_news_boxbg_06.gif) no-repeat center;}
.relevant_news_slide .slick-list > div:nth-child(9n + 7) {background:url(/images/homepage/www/kocca/contents/relevant_news_boxbg_07.gif) no-repeat center;}
.relevant_news_slide .slick-list > div:nth-child(9n + 8) {background:url(/images/homepage/www/kocca/contents/relevant_news_boxbg_08.gif) no-repeat center;}
.relevant_news_slide .slick-list > div:nth-child(9n + 9) {background:url(/images/homepage/www/kocca/contents/relevant_news_boxbg_09.gif) no-repeat center;}
.relevant_news_slide .slick-prev {left:-100px;}
.relevant_news_slide .slick-next {right:-100px;}
.relevant_news_slide .slick-prev:before {content: "\e93b";font-family:'xeicon';font-size:1.875rem;color:#39393a;}
.relevant_news_slide .slick-next:before {content: "\e93e";font-family:'xeicon';font-size:1.875rem;color:#39393a;}
.relevant_news_slide .slick-prev:focus:before,
.relevant_news_slide .slick-next:focus:before {text-shadow:2px 2px 1px rgba(0,0,0,0.2);opacity:0.75;}
.relevant_news_slide .slick-dots {bottom:-40px;}
.relevant_news_slide .slick-dots li {display:none;width:100%;color:#333b3d;cursor:auto;}
.relevant_news_slide .slick-dots li .now_pagi {font-weight:bold;}
.relevant_news_slide .slick-dots li .now_pagi::after {content:'/';margin-left:5px;}
.relevant_news_slide .slick-dots li.slick-active {display:block;}

/* 시설이용신청 */
.facilities_slide {position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.facilities_slide .txt_box {width:400px;border:1px solid #e3e3e3;border-left:4px solid #666666;background:#f9f9f9;padding:60px 25px 60px 30px;box-shadow:14px 14px 10px rgba(0,0,0,0.08);}
.facilities_slide .txt_box .tit {font-size:1.5em;font-weight:900;color:#474747;margin-bottom:30px;}
.facilities_slide .txt_box p {color:#5c5b5e;letter-spacing:-0.8px;}
.facilities_slide .txt_box p + p {margin-top:10px;}
.facilities_slide .img_box {position:relative;margin-left:40px;width:calc(100% - 440px);}
.facilities_slide .slick-dotted.slick-slider {margin-bottom:0;min-height:480px;}
.facilities_slide .slick-dots {position:absolute;bottom:50px;left:-390px;width:auto;color:#5c5b5e;font-size:17px;}
.facilities_slide .slick-dots li {position:absolute;top:0;left:0;display:none;width:50px;cursor:default;}
.facilities_slide .slick-dots li.slick-active {display:block;}
.facilities_slide .slick-dots li .now_pagi {font-size:1.25em;}
.facilities_slide .slick-dots li .total_pagi {font-size:1em;}
.facilities_slide .slick-dots li .now_pagi::after {content:'/';margin-left:5px;}
.facilities_slide .pager_wrap .prev {position:absolute;bottom:23px;left:30px;cursor:pointer;}
.facilities_slide .pager_wrap .next {position:absolute;bottom:23px;left:120px;cursor:pointer;}
.facilities_slide .pager_wrap .prev::before {content:'\e93b';font-family:'xeicon';color:#5c5b5e;font-size:1rem;}
.facilities_slide .pager_wrap .next::before {content:'\e93e';font-family:'xeicon';color:#5c5b5e;font-size:1rem;}
.facilities_slide ul li {position:relative;}
.facilities_slide .img_box_link {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;font-size: 0;}
.facilities_slide .img_box_link::after {content:''; position: absolute; width:124px; height:40px; bottom:0; right:0; z-index:1; background:url(/images/homepage/www/kocca/contents/icon_facilities_link.png) no-repeat;}
/* .facilities_slide ul li a::after {} */
.facilities_history {border-top:2px solid #515151;border-bottom:2px solid #515151;font-size:1.25em;font-weight:500;}
.facilities_history.font_small {font-size:1em;}
.facilities_history.font_small li {padding:10px 0 !important;}
.facilities_history li:nth-child(n+1) {border-top:1px solid #eeeeee;padding:15px 0;}
.facilities_history li .tit {color:#6e3798;width:250px;padding-left:30px;display:inline-block;vertical-align:top;}
.facilities_history li .txt {color:#5c5b5e;width:calc(100% - 250px);padding-right:30px;display:inline-block;}
.facilities_slide .slick-slide img {width: auto;max-width:none;height: auto;}


/* 사업별사이트 */
.site_wrap .list_box {clear:both;float:left;width:100%;}
.site_wrap .list_box h4 {clear:both;}
.site_wrap .list_box.box50 {width:calc(50% - 30px);clear:none;}
.site_wrap .list_box.box50 + .box50 {float:right;}
.site_wrap .list_box.box50 + .box50 + .box50 {float:left;}
.site_wrap .list_box.box50 + .box50 + .box50 + .box50 {float:right;}
.site_wrap .list_box .list {border-top:1px solid #878787;padding:15px 0;}
.site_wrap .list_box .list > ul {display:block;width:calc(100% + 60px);margin-left:-30px;}
.site_wrap .list_box .list > ul::after {content:'';display:block;clear:both;}
.site_wrap .list_box .list > ul > li {float:left;width:25%;height:105px;padding:0 30px;margin-bottom:20px;}
.site_wrap .list_box.box50 .list > ul > li {width:50%;}
.site_wrap .list_box .list > ul > li > a {display:block;width:100%;height:100%;bordeR:1px solid #d8d8d8;border-radius:12px;background:#fbfbfb;font-size:1.125em;position:relative;padding:10px 60px 10px 20px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;word-break:keep-all;}
.site_wrap .list_box .list > ul > li > a::after {content: "\e93e";font-family:'xeicon';position:absolute;width:1.88em;height:1.88em;border-radius:100%;background:#949494;color:#fff;text-align:center;line-height:1.88em;top:50%;right:20px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.site_wrap .list_box .list > ul > li > a:hover {background:#fff;border-color:#999999;box-shadow:9px 9px 5px rgba(0,0,0,0.12);}
.site_wrap .list_box .list > ul > li > a:hover::after {background:#ee8425;}
.site_wrap .qa .qa_tit {display:inline-block;width:20px;}
.site_wrap .qa .qa_txt {display:inline-block;width:calc(100% - 20px);}
.site_wrap .site_box_wrap01 {margin:20px 0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.site_wrap .site_box_wrap01 .box {width:calc(50% - 15px);margin:0 15px 0 0;}
.site_wrap .site_box_wrap01 .box + .box {margin:0 0 0 15px;}
.site_wrap .site_box_wrap01 .tit,
.site_wrap .site_box_wrap02 .tit {width:100%;height:50px;line-height:50px;color:#fff;font-weight:bold;text-align:center;margin-bottom:17px;border-radius:8px;background:url(/images/homepage/www/kocca/contents/site_box_wrap_tit_bg01.png) no-repeat right center;}
.site_wrap .site_box_wrap01 .txt {height:calc(100% - 67px);padding:20px;border:1px solid #cfcfd1;border-radius:8px;}
.site_wrap .site_box_wrap02 .txt {height:53px;line-height:53px;padding:0 20px;border:1px solid #cfcfd1;border-radius:8px;}
.site_wrap .site_box_wrap02 {margin:20px 0;}
.site_wrap .site_box_wrap02 .box li {width:calc(50% - 70px);float:left;margin-bottom:10px;}
.site_wrap .site_box_wrap02 .box li + li {float:right;}
.site_wrap .site_box_wrap02 .box li.row02 {height:120px;line-height:116px;}
.site_wrap .site_box_wrap02 .box li.txt:first-child {position:relative;}
.site_wrap .site_box_wrap02 .box li.txt:first-child::after {content: "\e907";font-family:'xeicon';position:absolute;top:0;right:-86px;font-size:28px;color:#8b8890;}
.site_wrap .site_box_wrap02 .btn_download {display:inline;margin-left:10px;}
.site_wrap .step_style01 {margin:20px 0;}
.site_wrap .step_style01 li.step01 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_site_wrap_step01.png);}
.site_wrap .step_style01 li.step02 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_site_wrap_step02.png);}
.site_wrap .step_style01 li.step03 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_site_wrap_step03.png);}
.site_wrap .step_style01 li.step04 .title::after {background-image:url(/images/homepage/www/kocca/contents/icon_site_wrap_step04.png);}
.site_wrap h4 {clear:both;}
.site_wrap .coninfo {border-radius:30px;height:330px;padding:30px 30px 30px 30px;margin-bottom:70px;background-repeat:no-repeat;background-position:center;color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;}
.site_wrap .coninfo strong {font-size:1.125em;}
.site_wrap .coninfo .tit {font-size:22px;}
.site_wrap .coninfo p + p {margin-top:20px;font-size:18px;font-weight:500;}
.site_wrap .coninfo.site_wrap_sports {background-image:url(/images/homepage/www/kocca/contents/coninfo_site_wrap_sports.png);}
.site_wrap .coninfo.site_wrap_newcont {background-image:url(/images/homepage/www/kocca/contents/coninfo_site_wrap_newcont.png);}
.site_wrap .coninfo.site_wrap_institute {background-image:url(/images/homepage/www/kocca/contents/coninfo_site_wrap_institute_240821.jpg);}
.site_wrap .coninfo.site_wrap_content {background-image:url(/images/homepage/www/kocca/contents/coninfo_site_wrap_content.png);}
.site_wrap .coninfo .w_opacity_box {padding:24px 100px;color:#020202;text-align:center;background-color:rgba(225,225,225,0.85);border-radius:30px;}
.site_wrap .global .conbox.icon::before {background-image:url(/images/homepage/www/kocca/contents/icon_conbox_global.png)}
.site_wrap .game_human_grat_bg {margin-top:10px;background-color:#e0e1e3;text-align:center;}
.site_wrap .game_human_line {margin-top:25px;padding:40px 40px 33px;border:1px solid #e4e4e4;text-align:center;}
.site_wrap .game_human_line p {margin-top:22px;text-align:left;}
.site_wrap .center_intro {background:#fbfbfd;border-radius:30px;}
.site_wrap .cont_layer_pop .cont {color:#4b4b4d !important;font-size:0.875em;}
.site_wrap .top_info {font-weight:500;padding:40px 0 20px 0;margin-bottom:20px;border-bottom:1px solid #b7b4b9;}
.site_wrap .conbox.icon::before {background-image:url(/images/homepage/www/kocca/contents/site_wrap_layer_conboxicon01.png);}
.site_wrap .photo_list {width:calc(100% + 20px);margin-bottom:20px;margin-left:-10px;}
.site_wrap .photo_list::after {content:'';display:block;clear:both;}
.site_wrap .photo_list li {float:left;padding:10px;}
.site_wrap .photo_list li img {border-radius:10px;}
.site_wrap .photo_list li img + p {font-weight:500;text-align:center;margin-top:15px;}
.site_wrap .photo_list.count02 li,
.site_wrap .photo_list02.count02 li {width:100%;}
.site_wrap .photo_list.count02 li,
.site_wrap .photo_list02.count02 li {width:50%;}
.site_wrap .photo_list.count03 li,
.site_wrap .photo_list02.count03 li {width:33.33%;}
.site_wrap .photo_list.count04 li,
.site_wrap .photo_list02.count04 li {width:25%;}
.site_wrap .photo_list02 {width:calc(100% + 20px);margin:20px 0;}
.site_wrap .photo_list02::after {content:'';display:block;clear:both;}
.site_wrap .photo_list02 li {float:left;padding:10px;}
.site_wrap .photo_list02 li img {border-radius:10px;border:1px solid #cdcdcd;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.site_wrap .photo_list02 li img:hover {box-shadow:9px 9px 5px rgba(0,0,0,0.08);}
.site_wrap .photo_list02 li a {display:block;}
.site_wrap .photo_list_tit {font-size:1.2857em;}
.site_wrap .global_conbox01 {background:#f2eef4;border-radius:8px;border-bottom-left-radius:60px;padding:35px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.site_wrap .global_conbox01::after {content:'';display:block;clear:both;}
.site_wrap .global_conbox01 .tit {width:200px;padding-top:120px;background-repeat:no-repeat;background-position:top center;text-align:center;}
.site_wrap.usa .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_usa.png);}
.site_wrap.chn .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_chn.png);}
.site_wrap.jpn .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_jpn.png);}
.site_wrap.eu .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_eu.png);}
.site_wrap.idn .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_idn.png);}
.site_wrap.vnm .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_vnm.png);}
.site_wrap.uae .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_uae.png);}
.site_wrap.thai .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_thai.png);}
.site_wrap.russia .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_russia.png);}
.site_wrap.th .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_th.png);}
.site_wrap.ru .global_conbox01 .tit {background-image:url(/images/homepage/www/kocca/contents/global_conbox01_ru.png);}
.site_wrap .global_conbox01 .txt {width:calc(100% - 200px);}
.site_wrap .global_conbox01 .txt p + p {margin-top:25px;}
.site_wrap .global_conbox02 {background:#fff;padding:35px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.site_wrap .global_conbox02 .tit {width:200px;text-align:center;}
.site_wrap .global_conbox02 .tit .img_wrap {margin-bottom:20px;}
.site_wrap .global_conbox02 .txt {width:calc(100% - 200px);}
.site_wrap .global_conbox02 .txt p {letter-spacing:-0.6px;}
.site_wrap .global_conbox02 .txt p + p {margin-top:25px;}
.site_wrap .global_list01 ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.site_wrap .global_list01 ul li {position:relative;border-radius:10px;border:1px solid #989898;margin-bottom:60px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content: center;-ms-justify-content: center;justify-content: center;text-align:center;}
.site_wrap .global_list01 ul li span {background:#fff;margin:0 auto;padding:10px 0;border-radius:20px;}
.site_wrap .global_list01 ul li span::before {content:'';width:calc(100% - 40px);height:1px;background:#fff;position:absolute;top:-1px;left:20px;}
.site_wrap .global_list01 ul li span::after {content:'';width:calc(100% - 40px);height:1px;background:#fff;position:absolute;bottom:-1px;left:20px;}
.site_wrap .global_list01 ul li:nth-child(2n + 3)::after {content:'';width:30px;height:30px;background:url(/images/homepage/www/kocca/common/icon_plus01.png);position:absolute;right:-42px;top:-30px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.site_wrap .global_list01 ul li .tit {color:#672e94;font-weight:bold;}
.site_wrap .global_list01 ul li .txt {color:#4b4b4b;font-size:1.25em;margin:5px 30px 0;}
.site_wrap .global_list01.count02 li {width:calc(50% - 25px);}
.site_wrap .global_list02 ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.site_wrap .global_list02 ul li {border:1px dashed #c9c9c9;padding:25px;width:calc(50% - 25px);position:relative;border-radius:18px;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.site_wrap .global_list02 ul li .img_wrap {width:160px;min-height:100px;background:url(/images/homepage/www/kocca/contents/global_staff_bg01.png) center no-repeat;text-align:center;}
.site_wrap .global_list02 ul li .img_wrap img {width:100px;}
.site_wrap .global_list02 ul li .txt_wrap {width:calc(100% - 160px);}
.site_wrap .global_list02 ul li .txt_wrap .tit {width:80px;display:inline-block;font-weight:bold;}
.site_wrap .global_list02 ul li .txt_wrap .txt01 {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #e7e7e7;}
.site_wrap .global_list02 ul li .txt_wrap .txt02 {margin-bottom:30px;display:flex;}
.site_wrap .global_list02 ul li .txt_wrap .txt02 .tit {flex-shrink:0;}
.site_wrap .map_info .address {width:100%;}
.site_wrap .history_list {margin-bottom:40px;}
.site_wrap .history_list li {margin:10px 0;}
.site_wrap .history_list li::after {content:'';display:block;clear:both;}
.site_wrap .history_list li .title {display:inline-block;font-weight:bold;color:#6e3798;width:100px;vertical-align:top;}
.site_wrap .history_list li .txt {display:inline-block;width:calc(100% - 100px);}
.site_wrap .tab_box_game {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.site_wrap .tab_box_game .photo .li_style01 {margin-top:10px;}
.site_wrap .tab_box_game .photo {width:400px;}
.site_wrap .tab_box_game .txt {padding-left:20px;width: calc(100% - 400px);}
.site_wrap .tab_box_game .txt .box_game_title {margin: 0 0 20px;line-height: 38px;width: 368px;color: #fff;padding-left: 30px;font-size: 15px;font-weight: 600;background-color: #c9b399;background: url(/img/sub/bg_part2.png);background-repeat: no-repeat;}
.site_wrap .tab_box_game .txt .box_game_name {margin-bottom:10px;}
.site_wrap .tab_box_game .txt .box_game_name strong {font-size:1.5em;margin-right:10px;}
.site_wrap .tab_box_game .txt .box_game_name + p {margin:10px 0;}
.site_wrap .tab_box_game_info {padding-top: 40px;color: #3b7fbe !important;font-size: 17px !important;line-height: 1.5 !important;text-align: center;border-top: 1px dashed #aaa;border-bottom: 1px dashed #aaa;margin:30px 0;padding:30px 0;}    
.site_wrap .tab_box_game_info + .tab_box_game {margin-top:100px;}
.site_wrap hr.dashed_line_matb50 {border-top:1px dashed #aaa;margin:50px 0;}

/* 위험상황신고 */
.report_wrap .conbox.icon::before{background-image:url(/images/homepage/www/kocca/contents/icon_conbox_report_wrap.png);}
.report_wrap .step_style01 li.step01 .title::after {background-image: url(/images/homepage/www/kocca/contents/icon_report_wrap01.png);}
.report_wrap .step_style01 li.step02 .title::after {background-image: url(/images/homepage/www/kocca/contents/icon_report_wrap02.png);}
.report_wrap .step_style01 li.step03 .title::after {background-image: url(/images/homepage/www/kocca/contents/icon_report_wrap03.png);}
.report_wrap .step_style01 li.step04 .title::after {background-image: url(/images/homepage/www/kocca/contents/icon_report_wrap04.png);}



.site_sns > ul::after{content: ''; display: block; clear: both;}
.site_sns > ul > li{margin-bottom: 30px; width: 50%; float: left;}
.site_sns > ul > li > span{display: block; margin-bottom: 10px; font-weight: bold;}
.site_sns > ul > li > a{display: inline-block; width: 70px; height: 70px; margin: 0 5px;text-indent: -100000em; background-position: center; background-repeat: no-repeat;}
.site_sns > ul > li > a.sns_f{background-image: url(/images/homepage/www/kocca/contents/ico_sns_fa.png);}
.site_sns > ul > li > a.sns_t{background-image: url(/images/homepage/www/kocca/contents/ico_sns_twi.png);}
.site_sns > ul > li > a.sns_w{background-image: url(/images/homepage/www/kocca/contents/ico_sns_we.png);}
.site_sns > ul > li > a.sns_i{background-image: url(/images/homepage/www/kocca/contents/ico_sns_ins.png);}
.site_sns > ul > li > a.sns_b{background-image: url(/images/homepage/www/kocca/contents/ico_sns_naver.png);}
.site_sns > ul > li > a.sns_l{background-image: url(/images/homepage/www/kocca/contents/ico_sns_in.png);}
.site_sns > ul > li > a.sns_y{background-image: url(/images/homepage/www/kocca/contents/ico_sns_you.png);}

/* openapi */
.openapi_wrap .li_style01 > li {letter-spacing:-0.6px;}

/* 열린이사회 */
.council_wrap .board01 {width:33.33%;float:left;}
.council_wrap .board01 + .board01 {padding:0 0 0 20px;}
.council_wrap .title .tit {font-family: 'BMDoHyeon';font-size: 1.25em;color: #3b54a6;position: relative;display: inline-block;padding-bottom: 4px;}
.council_wrap .more {float: right;font-size: 1em;color: #555555;font-weight: 500;}
.council_wrap .list {font-size:1em;font-weight:500;color:#2d2d2d;margin-top:15px;height:180px;}
.council_wrap .list ul li {height:30px;margin-bottom:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.council_wrap .list ul li .txt {width:calc(100% - 100px);display:inline-block;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.council_wrap .list ul li .day {width:100px;display:inline-block;text-align:right;vertical-align: middle;}
.council_wrap .list ul li a:hover .txt,
.council_wrap .list ul li a:hover .day {text-decoration:underline;}
.council_wrap .list ul li.nodata {height:100%;line-height:180px;margin:0;}

/* 개인정보처리방침 */
.personal ul li {margin-bottom:5px;}
.personal .cont_layer_pop {text-align:left;}
.personal .cont_layer_pop .cont {padding-top:30px;}

/* 영상정보처리기기 운영방침 */
.foot_copyright p + p {margin-top:10px;}
.foot_copyright .box_style01 {text-align:center;}
.foot_copyright .box_style01 img {margin:0 20px;}

/* 통합검색 */
.total_search_form {width:750px; max-width:100%; margin:-95px auto 0 auto;/*position:absolute;top:250px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);*/}
.total_search_form .form_box {position:relative;width:calc(100% - 120px);height:50px;background:#fff;border-radius:12px;padding:10px;margin:0 auto;}
.total_search_form .form_box select {width:140px; max-width:100%; height:100%;line-height:100%;border:0;border-radius:0;border-right:1px solid #d3d3d3;}
.total_search_form .form_box .total_search {border:0;width:calc(100% - 180px);height:100%;line-height:100%;}
.total_search_form .form_box input[type=submit] {text-indent:-9999px;position:absolute;top:13px;right:20px;width:24px;height:24px;background:url(/images/homepage/www/kocca/common/icon_search01.png);}
.total_search_form .total_search_detail {float:left;background:#d96a19;width:100px;height:50px;line-height:50px;font-weight:bold;display:block;color:#fff;text-align:center;border-radius:12px;}
.total_search_form .form-check {width:100%;clear:both;padding-top:5px; padding-left:60px;}
.total_search_form .form-check input {position:relative;width:0;}
.total_search_form .form-check input::before {content:'';position:absolute;top:5px;left:0;display:block;width:18px;height:18px;border:1px solid #fff;border-radius:4px;cursor:pointer;}
.total_search_form .form-check input::after {content: "\e928";font-family:'xeicon';font-size:0.75em;position:absolute;top:7px;left:3px;display:block;cursor:pointer;color:#fff;display:none;}
.total_search_form .form-check input:checked::after {display:block;}
.total_search_form .form-check label {color:#fff;padding-left:20px;cursor:pointer; vertical-align:middle;}
.search_details {position:relative;}
.total_search {width:calc(100% - 300px);}
.total_search .search_cont_title {padding:60px 0 50px 0;font-size:1.5em;text-align:center;font-weight:400;text-align:left;}
.total_search .search_cont_title span {font-weight:bold;}
.order_wrap a {font-size:0.875em;display:inline-block;padding:0 10px;position:relative;}
.order_wrap a.active {font-weight:bold;}
.order_wrap a::after {content:'';width:1px;height:calc(100% - 8px);position:absolute;top:4px;left:0;background:#d2d2d2;}
.order_wrap a:first-child {padding-left:0;}
.order_wrap a:first-child::after {display:none;}
.order_wrap .order_latest::before {content: "\ead8";font-family:'xeicon';margin-right:5px;}
.search_location li + li{margin-top:10px;}
.search_location li a{vertical-align:middle; display:inline-block; }
.search_location li .home {background:url(/images/homepage/www/kocca/common/icon_home.png) no-repeat center; width:16px; height:24px; margin-right:5px;}
.total_search_cont:first-child{border-top:1px solid #c6c6c6;}
.total_search_cont{border-bottom:1px solid #c6c6c6; padding:10px 0 20px;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.total_search_cont:hover {text-decoration:underline;}
.total_search_cont::after{content:''; display:block; clear:both;}
.total_search_cont > a > span, .total_search_cont > span{display:block;}
.total_search_cont .total_menunm{font-size: 18px; color: #3a3a3a; font-weight: 500; margin: 10px 0 5px 0;}
.total_search_cont .total_path{margin-top:10px; font-size:14px;}
.total_search_cont .total_down{float:right;}


/* 메일링서비스 */
.mail_wrap .txtbox_style01 + p {margin:20px 0 10px 0;}
.mail_wrap .conbox.icon::before{background-image:url(/images/homepage/www/kocca/contents/icon_conbox_mail_wrap.png);}

/* 지역글로벌게임센터 */
.site_wrap .gamecenter .conbox.icon::before { background-image:url(/images/homepage/www/kocca/contents/icon_conbox_gamecenter.png); } /* contents.css line 1347 사업별사이트 */
.map_game_center { width:100%; height:100%; padding:25px; border:1px solid #dedede; background-color:#f9f9f9; }
.map_game_center.pc .map_con { position:relative; width:566px; height:708px; margin:15px auto; background-image:url(/images/homepage/www/kocca/contents/bg_map_game_center.png); }
.map_game_center.pc .map_con .ico { position:absolute; }
.map_game_center.pc .map_con .ico a { display:block; -ms-transition:0.2s ease; -webkit-transition:0.2s ease; transition:0.2s ease; }
.map_game_center.pc .map_con .ico a:hover { box-shadow:5px 5px 4px rgba(0,0,0,0.13); -ms-transform:translateY(-4px); -webkit-transform:translateY(-4px); transform:translateY(-4px); }
.map_game_center.pc .map_con .ggc,
.map_game_center.pc .map_con .lab_ggd  { top:136px; left:169px; }/* 경기 */
.map_game_center.pc .map_con .cngc,
.map_game_center.pc .map_con .lab_ccnd { top:216px; left:33px; }/* 충남 */
.map_game_center.pc .map_con .cbgc,
.map_game_center.pc .map_con .lab_ccbd { top:222px; left:210px; }/* 충북 */
.map_game_center.pc .map_con .djgc,
.map_game_center.pc .map_con .lab_dj { top:273px; left:58px; }/* 대전 */
.map_game_center.pc .map_con .jbgc,
.map_game_center.pc .map_con .lab_jlbd { top:352px; left:29px; }/* 전북 */
.map_game_center.pc .map_con .dgc,
.map_game_center.pc .map_con .lab_dg { top:364px; left:211px; }/* 대구 */
.map_game_center.pc .map_con .gbgc,
.map_game_center.pc .map_con .lab_gsbd { bottom:296px; right:30px; }/* 경북 */
.map_game_center.pc .map_con .ugc,
.map_game_center.pc .map_con .lab_us { bottom:254px; right:0px; }/* 울산 */
.map_game_center.pc .map_con .bgc,
.map_game_center.pc .map_con .lab_bs { bottom:203px; right:32px; }/* 부산 */
.map_game_center.pc .map_con .gjgc,
.map_game_center.pc .map_con .lab_gg { bottom:191px; left:8px; }/* 광주 */
.map_game_center.pc .map_con .jngc,
.map_game_center.pc .map_con .lab_jlnd { bottom:144px; left:0px; }/* 전남 */

.map_game_center.pc .map_con .lab_gwd { top:60px; left:240px; }/* 강원 */
.map_game_center.pc .map_con .lab_ic { top:144px; left:13px; }/* 인천 */
.map_game_center.pc .map_con .lab_gsnd { top:466px; right:190px; }/* 경남 */
.map_game_center.pc .map_con .lab_jj { bottom:25px; left:12px; }/* 제주 */

.map_game_center.pc .map_con .e_sports_djgc { top:278px; left:74px; }/* 이스포츠 대전 */
.map_game_center.pc .map_con .e_sports_bs { bottom:202px; right:156px; }/* 이스포츠 부산 */
.map_game_center.pc .map_con .e_sports_gg { bottom:188px; left:30px; }/* 이스포츠 광주 */

.map_game_center.pc .map_con .agency_sj { top:256px; left:43px; } /* 거점기관 세종 */
.map_game_center.pc .map_con .agency_dj { top:296px; left:64px; }/* 거점기관 대전 */

.map_game_center.pc .map_con .music_ic {top:152px;left:12px;}/* 음악창작소 인천 */
.map_game_center.pc .map_con .music_seoul {top:112px;left:134px;}/* 음악창작소 서울 */
.map_game_center.pc .map_con .music_ggd {top:150px;left:190px}/* 음악창작소 경기(구리) */
.map_game_center.pc .map_con .music_gsbd {bottom:296px;right:42px;}/* 음악창작소 경북 */

.map_game_center.m { display:none; }
@media all and (max-width:1200px){
}
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
	.map_game_center.pc { display:none; }
	.map_game_center.m { display:block; }
	.map_game_center.m table.conTable td img { max-width:190px; }
	
	.alio_wrap .th01 {width:60px}
	.alio_wrap .th02 {width:80px}
}
@media all and (max-width:600px){
	.map_game_center.pc { display:none; }
	.map_game_center.m { display:block; }
	.sns_webzine .sns_scrap .subscribe_btn {float:none;}
	.sns_webzine .sns_scrap .right {width:100%;margin-top:10px;float:none;}
}
@media all and (max-width:480px){
	.map_game_center.pc { display:none; }
	.map_game_center.m { display:block; padding:15px; }
	.map_game_center.m table.conTable th,
	.map_game_center.m table.conTable td { padding:8px 10px 8px; }
	.map_game_center.m table.conTable td img { max-width:160px; }
	.map_game_center.m .btn_link { min-width:80px; padding:9px 30px 7px 9px; font-size:12px; }
}

.gamecenter_wrap { }
.gamecenter_wrap .info_wrap { position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin-bottom:38px; }
.gamecenter_wrap .info_wrap .img_box { display:flex; width:360px; height:200px; border:1px solid #d2d2d2; justify-content:center; align-items:center; }
.gamecenter_wrap .info_wrap .img_box img { max-width:100%; max-height:100%; }
.gamecenter_wrap .info_wrap .txt_box { position:relative; margin-left:36px; width:calc(100% - 396px); }
.gamecenter_wrap .info_wrap .txt_box .tit { font-size:20px; color:#773795; font-weight:600; }
.gamecenter_wrap .info_wrap .txt_box .li_style01 { margin-top:8px; padding-bottom:18px; border-bottom:1px solid #c0bfc1; }
.gamecenter_wrap .info_wrap .txt_box .li_style01 li { line-height:1.8; color:#474747; font-weight:400; }
.gamecenter_wrap .info_wrap .txt_box .li_style01 li strong { font-weight:700; }
.gamecenter_wrap .info_wrap .txt_box .li_btn { margin-top:18px; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li { display:inline-block; padding:0 2px; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li a { position:relative; display:inline-block; font-size:14px; font-weight:500; text-align:center; background:#fff; color:#555; padding:8px 36px 8px 16px; /*width:109px;*/ min-height:39px; border-radius:4px; border:1px solid #bfbec1; -ms-transition:0.2s ease; -webkit-transition:0.2s ease; transition:0.2s ease; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li a::after {content:'\e980';position:absolute;right:10px;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:'xeicon';font-size:1.2em;font-weight:bold;}
.gamecenter_wrap .info_wrap .txt_box .li_btn li .btn_link { width:160px; padding:8px 40px 8px 15px; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li a:hover { box-shadow:5px 5px 4px rgba(0,0,0,0.13); -ms-transform:translateY(-4px); -webkit-transform:translateY(-4px); transform:translateY(-4px); }
.gamecenter_wrap .info_wrap .txt_box .li_btn li .btn_link:hover { background:#39363c; border:1px solid #39363c; color:#fff; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li .btn_blog:hover { border:1px solid #00a02d; color:#00a02d; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li .btn_face:hover { border:1px solid #2570ed; color:#4175ec; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li .btn_instar:hover { border:1px solid #eb358f; color:#eb358f; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li .btn_youtube2:hover { border:1px solid #eb3535; color:#eb3535; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li .btn_daum:hover { border:1px solid #5e79cf; color:#5e79cf; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li .btn_kakao:hover { border:1px solid #f3d722; color:#f3d722; }
.gamecenter_wrap .info_wrap .txt_box .li_btn li .btn_twitter:hover {border:1px solid #2c96d4; color:#2c96d4;}

.gamecenter_slide { position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap; }
.gamecenter_slide .img_box { position:relative; width:100%; margin:0; }
.gamecenter_slide .slick-dotted.slick-slider { margin-bottom:0; min-height:480px; }
.gamecenter_slide .slick-dots { position:absolute; bottom:0px; right:80px; width:56px; height:40px; line-height:38px; text-align:center; color:#fff; background-color:rgba(0, 0, 0, 0.8); font-size:16px; }
.gamecenter_slide .slick-dots li { position:absolute; top:0; left:0; display:none; width:56px; margin:0; cursor:default; }
.gamecenter_slide .slick-dots li.slick-active { display:block; }
.gamecenter_slide .slick-dots li .now_pagi { font-weight:800; }
.gamecenter_slide .slick-dots li .total_pagi { font-size:1em; }
.gamecenter_slide .slick-dots li .now_pagi::after { content:'/'; margin-left:5px; font-weight:500; }
.gamecenter_slide .pager_wrap .prev,
.gamecenter_slide .pager_wrap .next { position:absolute; bottom:0px; border-left:1px solid #353635; background-color:rgba(0, 0, 0, 0.8); width:40px; height:40px; line-height:40px; cursor:pointer;  text-align:center; }
.gamecenter_slide .pager_wrap .prev { right:40px; }
.gamecenter_slide .pager_wrap .next { right:0px; }
.gamecenter_slide .pager_wrap .prev::before { content:'\e93b'; font-family:'xeicon'; color:#fff; font-size:1rem; }
.gamecenter_slide .pager_wrap .next::before { content:'\e93e'; font-family:'xeicon'; color:#fff; font-size:1rem; }
.gamecenter_slide ul li {position:relative;}
.gamecenter_slide .img_box_link {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;font-size: 0;}
.gamecenter_slide .img_box_link::after {content:''; position: absolute; width:124px; height:40px; bottom:0; right:0; z-index:1; background:url(/images/homepage/www/kocca/contents/icon_facilities_link.png) no-repeat;}
/* .gamecenter_slide ul li a::after {} */
.gamecenter_slide .slick-slide img {width: auto;max-width:none;height: auto;}

/* 우리동네캐릭터 역대 수상작(2024.03.11 추가) */
.ourcharacter_award_box {}
.ourcharacter_award_box .our_award_list ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 40px);height:calc(100% + 40px);margin:-20px;}
.ourcharacter_award_box .our_award_list li {width:33.333%;padding:20px;}
.ourcharacter_award_box .our_award_list .img {position:relative;padding-top:95%;border:1px solid #ddd;border-radius:10px;overflow:hidden;}
.ourcharacter_award_box .our_award_list .img img {position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.ourcharacter_award_box .our_award_list .txt {text-align:center;}
.ourcharacter_award_box .our_award_list .txt span {display:block;}
.ourcharacter_award_box .our_award_list .txt .tit {display:inline-block;padding-left:24px;font-size:1.25em;font-weight:bold;color:#38333d;margin-top:10px;margin-left:5px;white-space:break-spaces;}
.ourcharacter_award_box .our_award_list .txt .mini {font-size:1em;color:#786F78;margin-left:5px;}
.icon_award {background:url(/images/homepage/www/kocca/contents/ico_award.png) no-repeat;}