@charset "utf-8";

body {overflow-x:hidden;}
#accessibility .sub {display:none;}

/* header */
header {position:fixed;}
/* header.active {position:fixed;} */

#main {overflow:hidden;}
/* 메인 비주얼 */
.section01 {position:relative;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.section01 .main_slide01 {z-index:10;position:relative;margin-bottom:0;}
.section01 .main_slide01 .img_wrap {position:relative;height:910px;overflow:hidden;}
/*.section01 .main_slide01 .img_wrap::after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.3);}*/
.section01 .main_slide01 .img_wrap img {max-width:none;min-width:100%;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:-1;}
.section01 .main_slide01 .img_info {width:100%;height:217px;position:absolute;right:0;bottom:0;background:url(/images/homepage/www/kocca/main/img_info_bg02.png) no-repeat right top;color:#fff;font-weight:500;font-family:'BMDoHyeon';}
.section01 .main_slide01 .img_info .title {font-size:1.75em;position: absolute;top:60px;right:190px;/*top: 65px;right: 240px;*/width: 340px;word-break:keep-all;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/}
.section01 .main_slide01 .img_info .txt {font-size:1.125em;position: absolute;top: 120px;right: 240px;width: 340px;line-height: 1.5em;max-height: 3.0em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;letter-spacing:-0.4px;}
.section01 .main_slide01 .cont_wrap {position:absolute;}
.section01 .inner {z-index:11;position:absolute;bottom:0;left:50%;padding-bottom:13%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1600px;max-width:calc(100% - 200px);}
.section01 .text_box {width:470px;height:200px;position:relative;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.section01 .text_box img {opacity:0;}
.section01 .text_box img:nth-of-type(1) {animation: section01_ani01 0.4s linear both;}
.section01 .text_box img:nth-of-type(2) {animation: section01_ani01 0.4s linear both 0.1s;}
.section01 .text_box img:nth-of-type(3) {animation: section01_ani01 0.4s linear both 0.2s;}
.section01 .text_box img:nth-of-type(4) {animation: section01_ani01 0.4s linear both 0.3s;}
.section01 .text_box img:nth-of-type(5) {animation: section01_ani01 0.4s linear both 0.4s;}
.section01 .text_box img:nth-of-type(6) {animation: section01_ani01 0.4s linear both 0.5s;}
.section01 .text_box img:nth-of-type(7) {animation: section01_ani01 0.4s linear both 0.6s;}
.section01 .text_box img:nth-of-type(8) {animation: section01_ani01 0.4s linear both 0.7s;}
.section01 .text_box img:nth-of-type(9) {animation: section01_ani01 0.4s linear both 0.8s;}
.section01 .text_box img:nth-of-type(10) {animation: section01_ani01 0.4s linear both 0.9s;}
.section01 .text_box img:nth-of-type(11) {animation: section01_ani01_01 1s ease both 1s;margin-right:7px;}
.section01 .text_box img:nth-of-type(12) {animation: section01_ani01 0.4s linear both 1.8s;}
.section01 .text_box img:nth-of-type(13) {animation: section01_ani01 0.4s linear both 1.9s;}
.section01 .text_box img:nth-of-type(14) {animation: section01_ani01 0.4s linear both 2.0s;}
.section01 .text_box img:nth-of-type(15) {animation: section01_ani01 0.4s linear both 2.1s;}
@keyframes section01_ani01 {
0% {opacity:0;margin-top:-30px;margin-left:-5px;}
100% {opacity:1;}
}
@keyframes section01_ani01_01 {
0% {opacity:0;-ms-transform:scaleX(0);-webkit-transform:scaleX(0);transform:scaleX(0);}
50% {opacity:1;-ms-transform:scaleX(1.3);-webkit-transform:scaleX(1.3);transform:scaleX(1.3);}
100% {opacity:1;-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1);}
}
.section01 .search_box {width:460px;margin-top:50px;position:relative;padding:0 0 10px 80px;border-bottom:2px solid #fff;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.section01 .search_box::after {content:'';display:block;clear:both;}
.section01 .search_box input[type=text] {float:left;width:calc(100% - 200px);height:30px;background:transparent;border:none;color:#fff;}
.section01 .search_box input[type=text]::placeholder {color:#fff;}
.section01 .search_box input[type=submit] {float:left;width:24px;height:24px;background:url(/images/homepage/www/kocca/common/icon_search01_on.png);text-indent:-9999px;overflow:hidden;}
.section01 .search_box::before {content:'검색';position:absolute;top:0;left:0;font-size:14px;font-weight:bold;padding:5px 20px;border-radius:20px;background:#fff;color:#3e3e3e;}
.section01 .search_box .select_list {float:right;position:relative;font-size:14px;width:150px;height:30px;line-height:30px;overflow:hidden;color:#fff;}
.section01 .search_box .select_list::after {content:'\e941';position:absolute;right:5px;top:2px;font-family:'xeicon';font-size:12px;cursor:pointer;z-index:-1;}
.section01 .search_box .select_list .list {position:absolute;top:0;right:0;width:100%;-ms-transition:0.2s linear;-webkit-transition:0.2s linear;transition:0.2s linear;}
.section01 .search_box .select_list .list li {height:30px;font-weight:500;cursor:pointer;}
.section01 .search_box .select_list .list li a {display:block;width:calc(100% + 10px);}
.section01 .search_box .select_list .list li span.num {font-weight:bold;margin-right:10px;display:inline-block;vertical-align:middle;}
.section01 .search_box .select_list .list li span.txt {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:inline-block;vertical-align:middle;width:100px;}
.section01 .search_box .select_list.active {overflow:inherit;}
.section01 .search_box .select_list.active .list{background:#fff;z-index:100;border:2px solid #7c3598;border-radius:8px;color:#535353;padding:10px;}
.section01 .search_box .select_list.active .listli:hover {color:#57286a;}
.section01 .search_box .select_list.active .list {top:-10px !important;}
.section01 .search_box .select_list.active .title {color:#57286a;font-weight:bold;font-size:16px;padding-left:10px;}
.section01 .search_box .select_list.active .title span {display:none;}
.section01 .search_box .select_list.active .title::after {-ms-transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
.section01 .playlink {position:absolute;top:70px;right:0;width:167px;height:167px;z-index:10;}
.section01 .playlink:before {content:'';width:100%;height:100%;background:url(/images/homepage/www/kocca/main/section01_playlink_bg.png);background-size:cover;position:absolute;top:0;left:0;animation: section01_ani02 5s linear infinite;}
.section01 .playlink:hover:before {animation-play-state: paused;}
.section01 .playlink:after {content:'';width:100%;height:100%;background:url(/images/homepage/www/kocca/main/section01_playlink.png);background-size:cover;position:absolute;top:0;left:0;}
@keyframes section01_ani02 {
0% {-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);}
100% {-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
.section01 .pager_wrap {position:relative;margin-top:50px;z-index:10;}
.section01 .pager_wrap .pager > * {float:left;}
.section01 .pager_wrap .prev {width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:100%;cursor:pointer;}
.section01 .pager_wrap .prev a {display:block;width:100%;height:100%;position:relative;}
.section01 .pager_wrap .prev a::after {content:'\e93b';width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;font-family:'xeicon';font-size:18px;text-align:center;line-height:50px;}
.section01 .pager_wrap .next {width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:100%;cursor:pointer;margin-left:82px;}
.section01 .pager_wrap .next a {display:block;width:100%;height:100%;position:relative;}
.section01 .pager_wrap .next a::before {content:'\e93e';width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;font-family:'xeicon';font-size:18px;text-align:center;line-height:50px;}
.section01 .pager_wrap .play_wrap {width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:100%;margin-left:10px;position:relative;}
.section01 .pager_wrap .play_wrap > * {width:100%;height:100%;}
.section01 .pager_wrap .play_wrap .slick_play::after {content:'\ea3e';width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;font-family:'xeicon';font-size:18px;text-align:center;line-height:50px;z-index:-1;}
.section01 .pager_wrap .play_wrap .slick_stop::after {content:'\ea3b';width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;font-family:'xeicon';font-size:18px;text-align:center;line-height:50px;z-index:-1;}
.section01 .slick-dots {position:absolute;left:50%;bottom:0;width:75px;margin:0 0 28px -750px;padding-bottom:13%;text-align:center;color:#fff;font-size:17px;}
.section01 .slick-dots li {display:none;width:100%;}
.section01 .slick-dots li .now_pagi {font-size:30px;font-weight:bold;}
.section01 .slick-dots li .now_pagi::after {content:'/';margin-left:5px;}
.section01 .slick-dots li.slick-active {display:block;}
/*추후 메인 비주얼 2개 돌 경우 주석 풀기*/
.section01 .pager_wrap .play_wrap,
.section01 .slick-dots {display:none;}
/*
.section01 .icon_animation div {position:absolute;opacity:0;z-index:-1;}
.section01 .icon_animation .icon01 {width:19px;height:50px;background:url(/images/homepage/www/kocca/main/icon_main_visual01.png);position:absolute;top:-170px;right:420px;animation: section01_ani03 6s linear infinite;}
.section01 .icon_animation .icon02 {width:19px;height:50px;background:url(/images/homepage/www/kocca/main/icon_main_visual01.png);position:absolute;top:240px;right:350px;animation: section01_ani03 6s linear infinite 2s;}
.section01 .icon_animation .icon03 {width:19px;height:50px;background:url(/images/homepage/www/kocca/main/icon_main_visual01.png);position:absolute;top:-170px;left:-50px;animation: section01_ani03 6s linear infinite 1s;}
.section01 .icon_animation .icon04 {width:270px;height:31px;background:url(/images/homepage/www/kocca/main/icon_main_visual02.png);position:absolute;top:-60px;right:400px;animation: section01_ani03_01 6s linear infinite;}
.section01 .icon_animation .icon05 {width:64px;height:59px;background:url(/images/homepage/www/kocca/main/icon_main_visual03.png);position:absolute;top:440px;left:-80px;animation: section01_ani03_01 6s linear infinite 1s;}
.section01 .icon_animation .icon06 {width:299px;height:299px;background:url(/images/homepage/www/kocca/main/icon_main_visual04.png);position:absolute;top:90px;left:-350px;animation: section01_ani03_01 6s linear infinite;}
.section01 .icon_animation .icon07 {width:829px;height:829px;background:url(/images/homepage/www/kocca/main/icon_main_visual05.png);position:absolute;top:210px;left:-630px;animation: section01_ani03_01 6s linear infinite 1s;}
@keyframes section01_ani03 {
0% {-ms-transform:translateY(-300%);-webkit-transform:translateY(-300%);transform:translateY(-300%);opacity:0;}
50% {-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
100% {-ms-transform:translateY(300%);-webkit-transform:translateY(300%);transform:translateY(300%);opacity:0;}
}
@keyframes section01_ani03_01 {
0% {opacity:0;}
50% {opacity:1;}
100% {opacity:0;}
}
*/
.section01 .icon_animation div {position:absolute;z-index:-1;}
.section01 .icon_animation .icon05 {width:64px;height:59px;background:url(/images/homepage/www/kocca/main/icon_main_visual03.png);position:absolute;top:440px;left:-80px;}
.section01 .icon_animation .icon06 {width:299px;height:299px;background:url(/images/homepage/www/kocca/main/icon_main_visual04.png);position:absolute;top:90px;left:-350px;}
.section01 .icon_animation .icon07 {width:829px;height:390px;background:url(/images/homepage/www/kocca/main/icon_main_visual05.png);position:absolute;top:210px;left:-630px;}



.section01 .event_zone {position:absolute;width:100%;bottom:0;z-index:10;}
.section01 .event_zone a {display:block;}
.section01 .event_zone img {width:100%;}


/* KOCCA 알림 */
.section02 {position:relative;z-index:10;}
.section02 .inner {padding:100px 0;position:relative;width:1600px;max-width:calc(100% - 200px);margin:0 auto;}
.section02 .info {font-size:20px;text-align:center;color:#2d2d2d;-ms-transition:1s ease;-webkit-transition:1s ease;transition:1s ease;}
.section02 h2 {font-size:38px;text-align:center;color:#2d2d2d;font-family:'BMDoHyeon';margin:20px 0 40px 0;-ms-transition:1s ease;-webkit-transition:1s ease;transition:1s ease;}
.section02 h2 span {color:#ff5800;}
.section02 .popup_zone {position:relative;}
.section02 .popup_zone .popup_zone_list {width:calc(100% - 150px);margin:0 auto;overflow:hidden;position:relative;}
.section02 .popup_zone .swiper-slide {width:700px;height:400px;max-width:100%;border-radius:20px;margin:0;text-align:center;color:#fff;overflow:hidden;transform:translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;}
.section02 .popup_zone .popup_zone_list a {display:block;border-radius:20px;width:100%;height:100%;width:700px;height:400px;}
.section02 .popup_zone .popup_zone_list a:focus {border:3px dotted #333;}
.section02 .popup_zone .popup_zone_list a img {display:inline-block;width:100%;height:100%;width:700px;height:400px;}
.section02 .popup_zone .swiper-slide-prev {transform: scale(0.5);}
.section02 .popup_zone .swiper-slide-active {z-index:10;text-align:center;width:700px !important;}
.section02 .popup_zone .swiper-button-next,
.section02 .popup_zone .swiper-button-prev {color:#434343;/*text-indent: -9999px;*/overflow: hidden;background:none;width:50px;height:100px;margin-top:-50px;}
.section02 .popup_zone .swiper-button-next::before {content: "\e93e";font-family:'xeicon';text-indent:0;font-size:55px;width:100%;height:100%;display:block;}
.section02 .popup_zone .swiper-button-prev::before {content: "\e93b";font-family:'xeicon';text-indent:0;font-size:55px;width:100%;height:100%;display:block;}
.section02 .popup_zone .swiper-slide-prev {transform:translate3d(200px, 0px, -500px) rotateX(0deg) rotateY(0deg) scale(1) !important;text-align:right;}
.section02 .popup_zone .swiper-slide-next {transform:translate3d(-200px, 0px, -500px) rotateX(0deg) rotateY(0deg) scale(1) !important;text-align:left;}
.section02 .popup_zone .popup_zone_list .swiper-notification {display:none;}

.section02 .popup_zone .swiper-slide-duplicate {}

/* KOCCA 알림 접근성 관련으로 인한 수정  */
.section02 .kocca_notify_slide {position:relative;margin:0 50px;}
.section02 .kocca_notify_slide .slick-track {height:456px;padding-top:85px;padding-bottom:85px;}
.section02 .kocca_notify_slide .slick-slide {width:500px;max-width:100%;margin:0;border-radius:20px;overflow:hidden;-ms-transition:0.2s ease;-webkit-transition:0.2s ease;transition:0.2s ease;}
.section02 .kocca_notify_slide .slick-current {box-shadow:0px 0px 20px rgba(0,0,0,0.2);transform:scale(1.4);-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);}
.section02 .kocca_notify_slide .slick-current img {}
.section02 .kocca_notify_slide .kocca_notify_prev,
.section02 .kocca_notify_slide .kocca_notify_next {position:absolute;top:50%;width:50px;height:100px;margin-top:-40px;color:transparent;z-index:10;}
.section02 .kocca_notify_slide .kocca_notify_prev {left:-65px;}
.section02 .kocca_notify_slide .kocca_notify_next {right:-65px;}
.section02 .kocca_notify_slide .kocca_notify_next::before {content:"\e93e";font-family:'xeicon';color:#434343;font-size:55px;width:100%;height:100%;display:block;}
.section02 .kocca_notify_slide .kocca_notify_prev::before {content:"\e93b";font-family:'xeicon';color:#434343;font-size:55px;width:100%;height:100%;display:block;}

@media all and (max-width:900px){
	.section02 .kocca_notify_slide .slick-track {height:auto;padding-top:20px;padding-bottom:20px;}
    .section02 .kocca_notify_slide .slick-current {transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
}

@media all and (max-width:400px){
	.section02 .kocca_notify_slide {margin:0;}
	.section02 .kocca_notify_slide .kocca_notify_prev {left:0;}
	.section02 .kocca_notify_slide .kocca_notify_next {right:0;}
}

/* 어떤 서비스를 찾으세요? (삭제됨) */
.section03 {padding:100px 0 120px 0;position:relative;z-index:30;}
.section03::before {content:'';position:absolute;left:50%;top:10%;-ms-transform:translateX(-50%) rotate(-2.5deg);-webkit-transform:translateX(-50%) rotate(-2.5deg);transform:translateX(-50%) rotate(-2.5deg);background:#f3f5f8;width:110%;height:calc(100% + 100px);z-index:-1;}
.section03 h2 {font-size:24px;font-family:'BMDoHyeon';color:#3b54a6;text-align:center;}
.section03 ul {padding:30px;width:1370px;margin:0 auto;}
.section03 ul li {float:left;margin:0 15px;width:calc(11.11% - 30px);}
.section03 ul li a {display:block;text-align:center;font-size:17px;font-weight:500;color:#4b5362;width:100%;height:115px;position:relative;border-radius:20px;background:#fff;box-shadow:inset 0 0 10px rgb(15 30 86 / 20%);-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.section03 ul li a::before {content:'';position:absolute;top:15px;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50px;height:50px;-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.section03 ul li a span {position:absolute;bottom:20px;left:0;text-align:center;display:block;width:100%;}
.section03 ul li a:hover {background:#37436e;background: -ms-linear-gradient(#4d5a8d, #37436e);background: -webkit-linear-gradient(#4d5a8d, #37436e);background: linear-gradient(#4d5a8d, #37436e);color:#fff;-webkit-box-shadow: 22px 22px 12px rgba(21,31,68,0.2);box-shadow: 22px 22px 12px rgba(21,31,68,0.2);-ms-transform:translate(-10px, -20px);-webkit-transform:translate(-10px, -20px);transform:translate(-10px, -20px);}
.section03 ul li.list01 a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list01.png);}
.section03 ul li.list02 a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list02.png);}
.section03 ul li.list03 a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list03.png);}
.section03 ul li.list04 a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list04.png);}
.section03 ul li.list05 a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list05.png);}
.section03 ul li.list06 a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list06.png);}
.section03 ul li.list07 a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list07.png);}
.section03 ul li.list08 a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list08.png);}
.section03 ul li.list09 a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list09.png);}
.section03 ul li.list01:hover a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list01_on.png);}
.section03 ul li.list02:hover a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list02_on.png);}
.section03 ul li.list03:hover a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list03_on.png);}
.section03 ul li.list04:hover a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list04_on.png);}
.section03 ul li.list05:hover a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list05_on.png);}
.section03 ul li.list06:hover a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list06_on.png);}
.section03 ul li.list07:hover a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list07_on.png);}
.section03 ul li.list08:hover a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list08_on.png);}
.section03 ul li.list09:hover a::before {background:url(/images/homepage/www/kocca/main/icon_section03_list09_on.png);}

/* 주요 사업 */
.section04 {position:relative;width:100%;margin-top:0;padding-top:50px;-ms-transition:0.8s ease;-webkit-transition:0.8s ease;transition:0.8s ease;z-index:40;}
.section04::before {content:'';position:absolute;left:0;top:0;background:url(/images/homepage/www/kocca/main/section04_bg01.png) top center;width:2560px;height:630px;z-index:-1; /*-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0); */ -ms-transition:1s ease-in-out;-webkit-transition:1s ease-in-out;transition:1s ease-in-out;}
.section04.list01::before {background:url(/images/homepage/www/kocca/main/section04_bg01.png) center top no-repeat;background-size:cover;}
.section04.list02::before {background:url(/images/homepage/www/kocca/main/section04_bg02.png) center top no-repeat;background-size:cover;}
.section04.list03::before {background:url(/images/homepage/www/kocca/main/section04_bg03.png) center top no-repeat;background-size:cover;}
.section04.list04::before {background:url(/images/homepage/www/kocca/main/section04_bg04.png) center top no-repeat;background-size:cover;}
.section04 .inner {width:1600px;max-width:calc(100% - 200px);margin:0 auto;position:relative;}
.section04 h2 {font-family:'BMDoHyeon';font-size:40px;font-weight:500;color:#fff;position:absolute;top:30px;left:0;}
.section04 h2 .info {font-family:'Noto Sans KR','돋움','dotum', Arial, sans-serif;font-size:0.5em;color:#fff;margin-top:5px;font-weight:500;display:block;}
.section04 .tab_menu {position:absolute;top:140px;left:0;-ms-transition:3s ease;-webkit-transition:3s ease;transition:3s ease;}
.section04 .tab_menu li {margin-bottom:10px;padding-right:20px;}
.section04 .tab_menu li:last-child {margin-bottom:0;}
.section04 .tab_menu li a {display:block;font-size:17px;color:#fff;padding-left:70px;height:54px;line-height:54px;-ms-transition:background 0.2s linear;-webkit-transition:background 0.2s linear;transition:background 0.2s linear;}
.section04 .tab_menu li a:hover {font-weight:bold;}
.section04 .tab_menu li.list01 a {background:url(/images/homepage/www/kocca/main/icon_section04_list01.png) left center no-repeat;}
.section04 .tab_menu li.list02 a {background:url(/images/homepage/www/kocca/main/icon_section04_list02.png) left center no-repeat;}
.section04 .tab_menu li.list03 a {background:url(/images/homepage/www/kocca/main/icon_section04_list03.png) left center no-repeat;}
.section04 .tab_menu li.list04 a {background:url(/images/homepage/www/kocca/main/icon_section04_list04.png) left center no-repeat;}
.section04.list01 .tab_menu li.list01 a {background:url(/images/homepage/www/kocca/main/icon_section04_list01_on.png) left center no-repeat;font-weight:bold;}
.section04.list02 .tab_menu li.list02 a {background:url(/images/homepage/www/kocca/main/icon_section04_list02_on.png) left center no-repeat;font-weight:bold;}
.section04.list03 .tab_menu li.list03 a {background:url(/images/homepage/www/kocca/main/icon_section04_list03_on.png) left center no-repeat;font-weight:bold;}
.section04.list04 .tab_menu li.list04 a {background:url(/images/homepage/www/kocca/main/icon_section04_list04_on.png) left center no-repeat;font-weight:bold;}
.section04 .slick-list {padding:10px 0;}
.section04 .main_board_list {bottom:0;top:130px;left:200px;width:100%;min-height:400px;}
.section04 .main_board_list .list {position:relative;display:block;background:#fff;overflow:hidden;width:340px;height:360px; border:1px solid #dedede;border-radius:20px;margin:0 15px;padding:35px 25px;box-shadow:5px 5px 5px rgba(0,0,0,0.08);font-size:17px;}
.section04 .main_board_list .list .title {font-size:24px;font-weight:bold;color:#2d2d2d;line-height:32px;max-height:64px;margin-bottom:27px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.section04 .main_board_list .list .cont,
.section04 .main_board_list .list .cont {overflow:hidden;}
.section04 .main_board_list .list .cont ul li {padding-left:15px;position:relative;}
.section04 .main_board_list .list .cont ul li::before {content:'ㆍ';position:absolute;top:0px;left:-5px;font-size:1.4em;}
.section04 .main_board_list .list .cont ul li + li {margin-top:10px;}
.section04 .main_board_list .list .cont .cont_title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.section04 .main_board_list .list .cont .cont_title + .cont_txt {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.section04 .main_board_list .list .cont > .cont_txt {max-height: 8em;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.section04 .main_board_list .list .cont .cont_img {max-height: 8em;overflow: hidden;}
.section04 .main_board_list .list.banner {border:none;}
.section04 .main_board_list .list .cont .banner_img {position:absolute;top:0;left:0;width:100%;}
.section04 .main_board_list .list .cont .banner_img img {width:100%;}
.section04 .main_board_list .list .day {font-size:17px;color:#535353;font-weight:500;line-height:1.6em; background:#fff;position:absolute;width:calc(100% - 50px);bottom:0px;border-top:1px solid #d8d8d8;padding:12px 0;}
.section04 .main_board_list .list .day .day_title {background:#e9e9e9;padding:1px 8px 3px 8px;border-radius:10px;font-weight:bold;margin-right:5px;}
.section04 .pager_wrap {position:absolute;top:80px;right:0;}
.section04 .pager_wrap .pager > div {float:left;margin-left:15px;border-radius:100%;background:#fff;color:#565656;width:40px;height:40px;line-height:40px;overflow:hidden;}
.section04 .pager_wrap .pager a {display:block;position:relative;display:block;width:100%;height:100%;}
.section04 .pager_wrap .pager a:focus {-webkit-box-shadow: 4px 4px 2px rgba(21,31,68,0.2);box-shadow: 4px 4px 2px rgba(21,31,68,0.2);background:#ccc;}
.section04 .pager_wrap .pager .prev a::after {content:'\e93b';width:100%;height:100%;position:absolute;top:0;left:0;font-family:'xeicon';font-size:18px;font-weight:bold;text-align:center;line-height:40px;}
.section04 .pager_wrap .pager .next a::after {content:'\e93e';width:100%;height:100%;position:absolute;top:0;left:0;font-family:'xeicon';font-size:18px;font-weight:bold;text-align:center;line-height:40px;}
.section04 .pager_wrap .pager .more a::after {content:'\e913';width:100%;height:100%;position:absolute;top:0;left:0;font-family:'xeicon';font-size:18px;font-weight:bold;text-align:center;line-height:40px;}

/* 게시판 */
.section05 {overflow:hidden;padding-top:330px;-ms-transition:0.8s ease;-webkit-transition:0.8s ease;transition:0.8s ease;position:relative;}
.section05::before {content:'';position:absolute;top:100px;left:50%;width:200%;height:2px;background:#dbdbdb;-ms-transform:translateX(-50%) rotate(-5deg);-webkit-transform:translateX(-50%) rotate(-5deg);transform:translateX(-50%) rotate(-5deg);}
.section05 .inner {width:1280px;max-width:calc(100% - 200px);margin:0 auto;}
.section05 .inner::after {content:'';display:block;clear:both;}
.section05 .inner > div {width:calc(50% - 20px);float:left;position:relative;}
.section05 .inner > div:nth-child(2) {float:right;}
.section05 .title h2 {font-family:'BMDoHyeon';font-size:24px;color:#3b54a6;position:relative;display:inline-block;padding-bottom:4px;}
.section05 .title h2::before {content:'';width:100%;height:3px;background:#3b54a6;position:absolute;bottom:0;left:0;}
.section05 .list {font-size:20px;font-weight:500;color:#2d2d2d;margin-top:35px;}
.section05 .list ul li {margin-bottom:10px;}
.section05 .list ul li a {display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.section05 .list ul li:hover {text-decoration:underline;}
.section05 .more {position:absolute;top:10px;right:0;font-size:17px;color:#555555;font-weight:500;}
.section05 .more::after {content:'\e913';font-family:'xeicon';margin-left:5px;font-weight:bold;}

/* 링크박스 */
.section06 {padding-top:100px;position:relative;}
.section06::before {content:'';position:absolute;top:150px;left:50%;width:200%;height:2px;background:#dbdbdb;-ms-transform:translateX(-50%) rotate(8deg);-webkit-transform:translateX(-50%) rotate(8deg);transform:translateX(-50%) rotate(8deg);}
.section06 .inner {width:1600px;max-width:calc(100% - 200px);margin:0 auto;}
.section06 .link_box > div {/*width:calc(16.2% - 40px);*/width:calc(16.5% - 40px); min-height:280px; height:auto; position:relative;border-radius:20px;float:left;margin-left:20px;margin-right:20px;}
/*.section06 .link_box > div:last-child {width:calc(19% - 40px);}*/
.section06 .link_box::after {content:'';display:block;clear:both;}
.section06 link_box div {-ms-transition:0.8s ease;-webkit-transition:0.8s ease;transition:0.8s ease;}
.section06 .link_box div::before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;border-radius:20px;}
.section06 .link_box div.link_box06::before {display:none;}
.section06 .link_box01 {margin-top:0;margin-left:0;}
.section06 .link_box02 {margin-right:30px !important;}
.section06 .link_box07 {margin-right:10px !important;}
.section06 .link_box02,
.section06 .link_box04,
.section06 .link_box07 {margin-top:100px;}
.section06 .link_box01::before {background:url(/images/homepage/www/kocca/main/section06_bg01.png) center;}
.section06 .link_box02::before {background:url(/images/homepage/www/kocca/main/section06_bg02.png) center;}
.section06 .link_box03::before {background:url(/images/homepage/www/kocca/main/section06_bg03.png) center;}
.section06 .link_box04::before {background:url(/images/homepage/www/kocca/main/section06_bg04.png) center;}
.section06 .link_box05::before {background:url(/images/homepage/www/kocca/main/section06_bg05.png) left -30px bottom -126px;}
.section06 .link_box07::before {background:url(/images/homepage/www/kocca/main/section06_bg07.png) left -73px center;}
.section06 .link_box > div a {display:block;/*padding:80px 30px 15px 30px;*/padding:80px 5px 15px 5px;border-radius:20px;width:90%;text-align:center;font-size:1.25em;color:#fff;font-family:'BMDoHyeon';-ms-transition:0.4s ease;-webkit-transition:0.4s ease;transition:0.4s ease;}
.section06 .link_box > div.link_box06 a {width:100%;font-size:1.125em;color:#424242;background-color:#f4f4f4;font-size:1.125em;margin-bottom:25px;background-repeat:no-repeat;background-position:top 20px center;}
.section06 .link_box > div.link_box06 a:hover {background-color:#ddd;}
.section06 .link_box01 a {background:rgba(134,61,209,0.75);position:absolute;right:-15px;bottom:-15px;}
.section06 .link_box02 a {background:rgba(238,86,4,0.85);position:absolute;right:-15px;top:-15px;}
.section06 .link_box03 a {background:rgba(49,113,185,0.75);position:absolute;left:-15px;bottom:-15px;}
.section06 .link_box04 a {background:rgba(70,141,41,0.85);position:absolute;left:-15px;top:-15px;}
.section06 .link_box05 a {background:rgba(181,30,199,0.75);position:absolute;left:-15px;bottom:-15px;}
.section06 .link_box07 a {background:rgba(44,79,189,0.75);position:absolute;left:-15px;top:-15px;}
.section06 .link_box div a::before {content:'';width:60px;height:50px;position:absolute;top:20px;left:50%;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);background-repeat:no-repeat;}
.section06 .link_box01 a::before {background-image:url(/images/homepage/www/kocca/main/icon_section06_01.png);}
.section06 .link_box02 a::before {background-image:url(/images/homepage/www/kocca/main/icon_section06_02.png);}
.section06 .link_box03 a::before {background-image:url(/images/homepage/www/kocca/main/icon_section06_03.png);}
.section06 .link_box04 a::before {background-image:url(/images/homepage/www/kocca/main/icon_section06_04.png);}
.section06 .link_box05 a::before {background-image:url(/images/homepage/www/kocca/main/icon_section06_05.png);}
.section06 .link_box07 a::before {background-image:url(/images/homepage/www/kocca/main/icon_section06_07.png);}
.section06 .link_box06 a:nth-child(1) {background-image:url(/images/homepage/www/kocca/main/icon_section06_06_01.png);}
.section06 .link_box06 a:nth-child(2) {background-image:url(/images/homepage/www/kocca/main/icon_section06_06_02.png);}
.section06 .link_box06 a:nth-child(3) {background-image:url(/images/homepage/www/kocca/main/icon_section06_06_03.png);}
.section06 .link_box div.link_box06 a::before {display:none;}

/* 배너(삭제) */
.section07 {position:relative;margin-top:80px;overflow:hidden;max-height:300px;}
.section07 .section07_banner .img_wrap img {width:100%;}
.section07 .section07_banner a:focus {border:2px solid blue;}
.section07 .pager_wrap {font-size:15px;}
.section07 .pager_wrap .pager > * {float:left;}
.section07 .pager_wrap .prev {position:absolute;top:50%;left:170px;-ms-transform:translateY(-30%);-webkit-transform:translateY(-30%);transform:translateY(-30%);width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:100%;cursor:pointer;line-height:50px;}
.section07 .pager_wrap .prev a {display:block;width:100%;height:100%;font-size:0;position:relative;}
.section07 .pager_wrap .prev a::after {content:'\e93b';width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;font-family:'xeicon';font-size:18px;text-align:center;}
.section07 .pager_wrap .next {position:absolute;top:50%;right:170px;-ms-transform:translateY(-30%);-webkit-transform:translateY(-30%);transform:translateY(-30%);width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:100%;cursor:pointer;margin-left:82px;line-height:50px;}
.section07 .pager_wrap .next a {display:block;width:100%;height:100%;font-size:0;position:relative;}
.section07 .pager_wrap .next a::before {content:'\e93e';width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;font-family:'xeicon';font-size:18px;text-align:center;
line-height:50px;}
.section07 .slick-dots {position:absolute;bottom:10px;text-align:center;color:#fff;font-size:17px;}
.section07 .slick-dots li {margin:0 3px;}
.section07 .slick-dots li a {display:block;}
.section07 .slick-dots li button {border:1px solid #fff;border-radius:100%;width:10px;height:10px;}
.section07 .slick-dots li button:focus {border:1px solid #ff5800;}
.section07 .slick-dots li.slick-active button {background:#fff;}
.section07 .slick-dots li button::before {font-size:0;width:0;height:0;}

/* KOCCA SNS */
.section08 {margin-top:60px;}
.section08 .inner {width:1550px;max-width:calc(100% - 200px);margin:0 auto;}
.section08 .kocca_sns {position:relative;background:#fff;border:1px solid #dedede;border-radius:20px;padding:20px;color:#2d2d2d;font-weight:500;line-height:50px;}
.section08 .kocca_sns::after {content:'';display:block;clear:both;}
.section08 .kocca_sns .title {float:left;font-weight:bold;color:#2d2d2d;/*font-family:'BMDoHyeon;';*/width:235px;position:relative;padding-left:70px;padding-right:10px;letter-spacing:-1px;}
.section08 .kocca_sns .title::before {content:'';width:62px;height:69px;background:url(/images/homepage/www/kocca/main/character_koccasns_2.png);position:absolute;left:-2px;bottom:-8px;/*animation: section08_ani01 1s ease-in-out infinite alternate;*/}
@keyframes section08_ani01 {
0% {-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
.section08 .kocca_sns .title span {color:#3b54a6;}
.section08 .kocca_sns .info {float:left;position:relative;padding-left:10px;}
.section08 .kocca_sns .info::after {content:'';width:1px;height:25px;background:#d8d8d8;position:absolute;left:0;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.section08 .kocca_sns .list {float:right;}
.section08 .kocca_sns .list ul::after {content:'';display:block;clear:both;}
.section08 .kocca_sns .list ul li {margin:0 6px;float:left;-ms-transition:0.8s ease;-webkit-transition:0.8s ease;transition:0.8s ease;}
.section08 .kocca_sns .list ul li:nth-child(2) {transition-delay:0.3s;}
.section08 .kocca_sns .list ul li:nth-child(3) {transition-delay:0.6s;}
.section08 .kocca_sns .list ul li:nth-child(4) {transition-delay:0.9s;}
.section08 .kocca_sns .list ul li a {display:block;position:relative;padding-left:55px;line-height:50px;}
.section08 .kocca_sns .list ul li a::before {content:'';display:inline-block;width:48px;height:48px;border-radius:100%;vertical-align: middle;position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.section08 .kocca_sns .list ul li.youtube a::before {background:url(/images/homepage/www/kocca/main/icon_youtube.png) no-repeat center;}
.section08 .kocca_sns .list ul li.facebook a::before {background:url(/images/homepage/www/kocca/main/icon_facebook.png) no-repeat center;}
.section08 .kocca_sns .list ul li.naver a::before {background:url(/images/homepage/www/kocca/main/icon_naver.png) no-repeat center;}
.section08 .kocca_sns .list ul li.navertv a::before {background:url(/images/homepage/www/kocca/main/icon_navertv.png) no-repeat center;}
.section08 .kocca_sns .list ul li.tistory a::before {background:url(/images/homepage/www/kocca/main/icon_tistory.png) no-repeat center;}
.section08 .kocca_sns .list ul li.twitter a::before {background:url(/images/homepage/www/kocca/main/icon_twitter.png) no-repeat center;}
.section08 .kocca_sns .list ul li.x_twitter a::before {background:url(/images/homepage/www/kocca/main/icon_x_twitter.png) no-repeat center;}
.section08 .kocca_sns .list ul li.insta a::before {background:url(/images/homepage/www/kocca/main/icon_insta.png) no-repeat center;}

/* animation 공통 */
.scroll-spy {opacity:0;}
.section02 .show {opacity:1;animation: rubberBand 1s;}
.section02 h2.show {opacity:1;animation: rubberBand 1s;}
.section04 h2.show {opacity:1;animation: rubberBand 1s;}
.section04 .tab_menu.show {opacity:1;animation: bounceInLeft 1s;}
.section04 .main_board_list.show {opacity:1;animation: fadeInRight 1s;}
.section05 .show {opacity:1;animation: flipInX 1s;}
.section06 .show {opacity:1;animation: jackInTheBox 1s;}
.section08 .show {opacity:1;animation: jackInTheBox 1s;}