@charset "UTF-8";

@media screen and (max-width: 1840px){
    .header .gnb_header .container .gnb {}
    .header .gnb_header > .container .logo {left: 5px;}
    .header .gnb_header > .container .inner_area {right: 5px;}
    .sec1 .main_visual .main_vis_slider .slick-arrow.slick-prev {left: 5px;}
    .sec1 .main_visual .main_vis_slider .slick-arrow.slick-next {right: 5px;}
}

@media screen and (max-width:1400px){
}

@media screen and (max-width:1280px){
	.sec3 .program_area .day_cont {padding: 0 150px;}
    

}

@media screen and (max-width:1080px){
    .sec1 .main_visual .main_vis_slider .slide {height: 500px;}
	.sec1 .notice_area .container .notice_container {padding: 15px 40px 15px 15px;}
    .sec1 .notice_area .container .notice_container .title {left: 15px; width: 130px;}
    .sec1 .notice_area .container .notice_container .title .text {padding: 0 0 0 50px; font-size: 18px; line-height: 40px; background-size: 40px auto;}
    .sec1 .notice_area .container .notice_container .notice_slider {padding: 0 0 0 130px;}
    .sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .content .box .text {height: 40px; font-size: 16px; line-height: 40px;}
    .sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .date {padding: 0 0 0 10px;}
    .sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .date .text {font-size: 14px; line-height: 40px;}
    .sec1 .notice_area .container .notice_container .notice_btn_wrap {right: 15px;}
    .sec1 .main_visual .main_vis_slider .slick-arrow {width: 15px; height: 27px; background-size: 15px auto;}

    .sec2 {padding: 85px 0 70px;}
    .sec2 .container .sec2_title {margin: 0 0 35px 0;}
    .sec2 .container .sec2_title .text {padding: 0 20px 0 38px; font-size: 32px; line-height: 50px;}
    .sec2 .container .sec2_title .text:before {width: 37px; height: 45px; background-size: 37px auto;}
    .sec2 .container .sec2_title .text:after {}
    .sec2 .container .sec2_title .ft_c {font-size: 50px;}
    .sec2 .container .sec2_title .ft_c:before {top: -20px; right: -15px; width: 15px; height: 26px; background-size: 15px auto;}
    .sec2 .container .link_list .item {width: 33.3333%;}
    .sec2 .container .link_list .item:nth-child(n + 4) {margin: 20px 0 0;}

    .sec2 .container .link_list .item .icon_wrapper .circle {width: 105px; height: 105px;}
    .sec2 .container .link_list .item .icon_wrapper .circle .icon {background-size: 51px auto;}
    .sec2 .container .link_list .item .title {margin: 15px 0 0;}
    .sec2 .container .link_list .item .title .text {font-size: 16px; line-height: 26px;}
    .sec2 .container .link_list .item .box .icon_wrapper .circle {width: 110px; height: 110px;}
    .sec2 .container .link_list .item .box .icon_wrapper .circle .icon {background-size: 41px auto;}
    .sec3 .program_area .day_cont .program_slider .slide .box .img_box .img_container .img_inner {height: 180px;}

    .sec3 {padding: 60px 0 40px;}
    .sec3 .sec3_title {margin: 0 0 20px 0;}
    .sec3 .sec3_title .text {font-size: 32px; line-height: 50px;}
    .sec3 .sec3_title .text .ft_c {font-size: 50px;}
    .sec3 .date_list .container .item_list .item {padding: 0 15px;}
    .sec3 .date_list .container .item_list .item .btn {font-size: 20px; line-height: 30px;}
    .sec3 .date_list .container .item_list .item .btn .bold {font-size: 22px;}
    .sec3 .program_area .day_cont {padding: 0 80px;}
    .sec3 .program_area .day_cont .program_slider .slide .box .img_box .status {width: 60px; height: 60px; line-height: 60px;}
    .sec3 .program_area .day_cont .program_slider .slide .box .text_wrapper {padding: 15px 15px 25px 15px;}
    .sec3 .program_area .day_cont .program_slider .slide .box .text_wrapper .text {font-size: 18px; line-height: 26px;}
    


    .sec4 {padding: 30px 0 80px 0;}
    .sec4 .container .sec4_title {margin: 0 0 35px 0;}
    .sec4 .container .sec4_title .text {font-size: 32px; line-height: 50px;}
    .sec4 .container .sec4_title .text .ft_c .bold {font-size: 50px;}
    .sec4 .container .sec4_title .text .ft_c .bold:before {top: -8px; lefT: -8px; width: 15px; height: 14px; background-size: 14px auto;}
    .sec4 .container .find_program .left_menu {width: 260px;}
    .sec4 .container .find_program .menu_contents {width: calc(100% - 260px);}
    .sec4 .container .find_program .left_menu .item_list .item .btn .text {font-size: 16px;}
    .sec4 .container .find_program .left_menu .item_list .item .btn.on .text:after {margin: 0 0 0 12px;}
}

@media screen and (max-width:767px){
    .sec1 .main_visual .main_vis_slider .slide {height: 650px;}
    .sec1 .notice_area .container .notice_container {padding: 10px 30px 10px 10px;}
    .sec1 .notice_area .container .notice_container .title .text {padding: 0 0 0 40px; font-size: 16px; line-height: 30px; background-size: 30px auto;}
    .sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .content .box .text {height: 30px; font-size: 14px; line-height: 30px;}
    .sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .date .text {line-height: 30px;}
    .sec1 .notice_area .container .notice_container .notice_btn_wrap {right: 10px; top: auto; transform: none; bottom: 10px;}
    
    
    .sec2 .container .sec2_title .text {font-size: 24px; line-height: 36px;}
    .sec2 .container .sec2_title .text:before {width: 32px; height: 40px; background-size: 32px auto;}
    .sec2 .container .sec2_title .ft_c {font-size: 36px;}
    .sec2 .container .link_list .item {padding: 0 10px;}

    .sec3 {padding: 40px 0 30px;}
    .sec3 .sec3_title .text {font-size: 24px; line-height: 36px;}
    .sec3 .sec3_title .text .ft_c {font-size: 36px;}
    .sec3 .program_area .day_cont {padding: 0 50px;}
    .sec3 .date_list .container .item_list .item {padding: 0 10px;}
    .sec3 .date_list .container .item_list .item .btn {font-size: 16px; line-height: 20px;}
    .sec3 .date_list .container .item_list .item .btn .bold {font-size: 20px;}
    .sec3 .date_list .container .item_list .item .detail_date {font-size: 12px; padding: 0 10px;}
    .sec3 .date_list .container .btn_view_more {display: none;}
    .sec3 .program_area .day_cont .program_slider .slide .box .text_wrapper .text {font-size: 16px; line-height: 24px;}
    .sec3 .program_area .program_slider .slick-arrow {width: 14px; height: 28px; background-size: 14px auto;}
    .sec3 .program_area .day_cont .program_slider .slide .box .img_box .status {width: 55px; height: 55px; font-size: 12px; line-height: 55px;}

    .sec3 .btn_box .btn_view_more {display: inline-block;}


    .sec4 {padding: 20px 0 60px 0;}
    .sec4 .container .sec4_title .text {font-size: 24px; line-height: 36px;}
    .sec4 .container .sec4_title .text .ft_c .bold {font-size: 36px;}
    .sec4 .container .find_program {display: block;}
    .sec4 .container .find_program .left_menu {display: block; width: auto; margin: 0 -5px;}
    .sec4 .container .find_program .left_menu .item_list {font-size: 0;}
    .sec4 .container .find_program .left_menu .item_list .item {display: inline-block; width: 50%; border-right: 1px solid #e0e0e0; vertical-align: top;}
    .sec4 .container .find_program .left_menu .item_list .item:nth-child(even) {border-right: none;}

    .sec4 .container .find_program .left_menu .item_list .item:nth-child(even) .btn.on {margin: 0 0 0 -15px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
    .sec4 .container .find_program .left_menu .item_list .item:nth-child(n +3) {border-bottom: none;}
    .sec4 .container .find_program .left_menu .item_list .item .btn {height: 80px;}
    .sec4 .container .find_program .menu_contents {width: 100%; margin: 20px 0 0;}
    .sec4 .container .find_program .left_menu .item_list .item .btn.on {width: calc(100% + 15px); border-top-left-radius: 0; border-bottom-left-radius: 0; }
    .sec4 .container .find_program .menu_contents .contents_wrapper .box img.pc {display: none;}
    .sec4 .container .find_program .menu_contents .contents_wrapper .box img.mob {display: block; width: 100%;}
    .sec4 .container .find_program .left_menu .item_list .item .btn.on .text:after {display: none;}
    .sec4 .container .find_program .left_menu .item_list .item .btn .text {font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:480px){
    .only_480 {display:block;}
    .sec1 .main_visual .main_vis_slider .slide {height: 350px;}
    .sec1 .notice_area .container .notice_container .title {position: relative; top: auto; left: auto; transform: none;}
    .sec1 .notice_area .container .notice_container .notice_slider {padding: 0;}
    .sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper {display: block;}
    .sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .content {display: block;}
    
    .sec1 .notice_area .container .notice_container .notice_slider .slide .notice_wrapper .date {display: block; width: auto; padding: 0;}

    .sec2 .container .link_list .item {width: 50%;}
    .sec2 .container .link_list .item:nth-child(n + 4) {margin: 0;}
    .sec2 .container .link_list .item:nth-child(n + 3) {margin: 20px 0 0;}
}