@charset "UTF-8";



@media screen and (max-width:1400px){
    #fullpage .section .fp-tableCell {width: 100%; height: 100% !important; padding: 100px 10px;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_top_txt {height: 32px; font-size: 32px; line-height: 32px;}
    .sec1 .main_visu_wrap .main_visu_list {padding: 0 500px 0 0;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_title {height: 70px; font-size: 65px; line-height: 70px;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_subtxt {height: 60px; font-size: 20px; line-height: 32px;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_bt_wrap {margin: 32px 0 0;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_bt_wrap .visu_view {padding: 0 50px; font-size: 18px; line-height: 50px;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link {padding: 24px 20px;}

    .sec2 .sec2_top_wrap {padding: 0 100px 0 0;}
    .sec2 .sec2_top_wrap .sec2_tit {font-size: 40px; line-height: 50px;}
    .sec2 .sec2_top_wrap .sec2_slt_wrap {top: 28px; right: 110px; width: 200px;}
	.sec2 .sec2_top_wrap .sec2_slt_wrap .slt_tit {padding: 0 40px 0 27px; font-size: 19px; line-height: 50px; border-radius: 30px;}
	.sec2 .sec2_top_wrap .sec2_slt_wrap .slt_tit:after {top: 20px; right: 30px; }
	.sec2 .sec2_top_wrap .sec2_slt_wrap .slt_list > li .slt_btn {padding: 0 0 0 27px; font-size: 19px; line-height: 50px;}

    .sec3 .sec3_slide_warp .sec3_title {font-size: 42px; line-height: 52px;}
    .sec3 .sec3_slide_warp .sec3_subtit {font-size: 18px; line-height: 50px;}
    .sec3 .sec3_slide_warp .sec3_slide_inner {padding: 20px 45px 60px;}
    .sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list {padding: 25px 0 0;}
    .sec3 .sec3_slide_warp .slick-dots {bottom: -60px;}
	.sec3 .sec3_slide_warp .plan_arrows_btn_box {right: 45px;}
	.sec5 .fp-tableCell {padding: 0 !important;}
}

@media screen and (max-width:1280px){
    #fullpage .section {display: table !important; width: 100%; height: auto !important;}
    #fullpage .section .fp-tableCell {width: 100%; height: 100% !important; padding: 110px 10px 110px;}
    #fullpage .section.sec1 .fp-tableCell {padding: 110px 10px 0;}
    .sec1 .main_visu_wrap .main_visu_list {padding: 0 500px 0px 0;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_top_txt {font-size: 20px; line-height: 40px;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_title {height: auto; font-size: 40px; line-height: 65px;}
    .sec1 .main_quick_wrap {position: relative; bottom: auto; left: auto; display: block; width: auto; margin: 0 -10px;}
    .sec1 .main_quick_wrap .quick_list > li {background-size: 50px auto;}
    .sec1 .main_quick_wrap .quick_list > li .quick_link {padding: 30px 20px 100px 20px;}
    .sec1 .main_quick_wrap .quick_list > li .quick_link .quick_tit {font-size: 20px; line-height: 30px;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link {padding: 24px 10px;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_tit {padding: 0; font-size: 14px; line-height: 20px;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_img_wrap .else_img {width: 50px; height: 50px;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_img_wrap.icon1 .else_img {background-size: 25px auto;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_img_wrap.icon2 .else_img {background-size: 25px auto;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_img_wrap.icon3 .else_img {background-size: 25px auto;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_img_wrap.icon4 .else_img {background-size: 25px auto;}

    .sec2 .sec2_top_wrap .sec2_tit {font-size: 34px; line-height: 42px;}
	.sec2 .sec2_top_wrap .sec2_slt_wrap {top: 22px; right: 90px; width: 150px;}
	.sec2 .sec2_top_wrap .sec2_slt_wrap .slt_tit {padding: 0 30px 0 17px; font-size: 17px; line-height: 40px; }
	.sec2 .sec2_top_wrap .sec2_slt_wrap .slt_tit:after {top: 15px; right: 20px; }
	.sec2 .sec2_top_wrap .sec2_slt_wrap .slt_list > li .slt_btn {padding: 0 0 0 17px; font-size: 17px; line-height: 40px;}
    .sec2 .sec2_slide_wrap .sec2_slide_inner .sec2_slide_list li .sec2_slide_link .sec2_hover_cont {padding: 20px;}
    .sec2 .sec2_slide_wrap .sec2_slide_inner .sec2_slide_list li .sec2_slide_link .sec2_hover_cont .hover_cont_inner .hover_tit {font-size: 18px; line-height: 30px;}

    .sec3 .sec3_slide_warp .sec3_title {font-size: 34px; line-height: 42px;}
    .sec3 .sec3_slide_warp .sec3_subtit {font-size: 16px; line-height: 36px;}
    .sec3 .sec3_slide_warp .sec3_slide_inner {padding: 10px 30px 40px;}
    .sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list {padding: 30px 0 0;}
    .sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list .slick-track > li .sec3_slide_link .sec3_img_tit {font-size: 16px; line-height: 30px;}
    .sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list .slick-track > li .sec3_slide_link .sec3_num_txt {font-size: 16px;}
    .sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list .slick-track > li .sec3_slide_link .sec3_num_txt .else_txt {font-size: 34px;}
    .sec3 .sec3_slide_warp .slick-dots {bottom: -40px;}
	.sec3 .sec3_slide_warp .plan_arrows_btn_box {right: 25px;}
	.sec4 .title_area .title {font-size : 34px; line-height: 42px;}
	.sec4 .notice_info_cont {margin: 30px 0 0;}
	.sec4 .notice_info_cont > .list > li .box .title_area .title {padding: 0 20px; font-size: 22px; line-height: 50px;}
	.sec4 .notice_info_cont > .list > li .box .title_area .view_btn {right: 8px; width: 13px; height: 12px; background-size: cover;}
	.sec4 .notice_info_cont > .list > li .box .title_area .tab_box .tab_list li .notice_btn {padding: 0 10px; font-size: 17px; line-height: 50px;}
	.sec4 .notice_info_cont > .list > li .box .title_area .tab_box .tab_list li.on .notice_btn:after {bottom: 7px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area {padding: 20px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .date {width: 80px; border: 3px solid #ececec;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .date .date_inner {height: 70px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .date .date_inner .day {font-size: 20px; line-height: 20px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .date .date_inner .year {font-size: 12px; line-height: 18px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .txt_box {padding: 12px 0 11px 90px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .txt_box .txt_inner .tit {height: 27px; font-size: 18px; line-height: 27px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .txt_box .txt_inner .sub_txt { height: 27px;font-size: 16px; line-height: 27px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_btm {margin: 10px 0 0; padding: 10px 0 0;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_btm .list li .box .txt {height: 28px; padding: 0 0 0 7px; font-size: 16px; line-height: 28px;}


	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_btm .list li .box .txt:before {top: 14px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_btm .list li .box .date {font-size: 16px; line-height: 28px;}
	.sec4 .notice_info_cont > .list > li .box:before {width: 60px; height: 60px; background-size: cover;}
	.sec4 .notice_info_cont > .list > li .box .img_box {max-width: 100%;}
	.sec4 .notice_info_cont > .list > li .box .img_box .img_inner {height: 272px;}
	.sec4 .notice_info_cont > .list > li .box > .title {left: 19px; top: 9px; font-size: 22px; line-height: 33px;}

	.sec4 .quick_box {margin: 40px 0 0;}
	.sec4 .quick_box .list li .box .text {display: inline-block; padding: 0 0 0 80px; background-size: 70px 70px; font-size: 16px; line-height: 80px;}

	#fullpage .section.sec5 {display: none !important;}
}

@media screen and (max-width:1024px){
    .sec1 .main_visu_wrap {margin: 0 0 80px;}
    .sec1 .main_visu_wrap .main_visu_list {padding: 0 300px 0 0;}
    #fullpage .section .fp-tableCell {padding: 60px 10px 60px;}
    #fullpage .section.sec1 .fp-tableCell {padding: 110px 10px 0;}
    .sec1 {background-position: right top; }
    .sec1 .main_quick_wrap .quick_list {flex-wrap: wrap;}
    .sec1 .main_quick_wrap .quick_list > li {width: 33.3333%; background-position: right 10px bottom 10px; background-size: 40px auto;}
	.sec1 .main_quick_wrap .quick_list > li.color4 {width: 100%;}
    .sec1 .main_quick_wrap .quick_list > li.color5 {width: 100%;}
    .sec1 .main_quick_wrap .quick_list > li .quick_link {padding: 20px 10px 60px 10px;}
    .sec1 .main_quick_wrap .quick_list > li .quick_link .quick_arr {right: 10px;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list:after {top: 0; left: 50%; width: 2px; height: 100%; background-color: rgba(255, 255, 255, 0.2); transform: translateX(-50%);}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li {display: inline-block; width: 50%;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link {padding: 10px;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_img_wrap .else_img {width: 45px; height: 45px;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_img_wrap.icon1 .else_img {background-size: 20px auto;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_img_wrap.icon2 .else_img {background-size: 20px auto;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_img_wrap.icon3 .else_img {background-size: 20px auto;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li .else_quick_link .else_img_wrap.icon4 .else_img {background-size: 20px auto;}
    .sec2 .sec2_top_wrap .sec2_tit {font-size: 30px; line-height: 30px;}
	.sec2 .sec2_top_wrap .sec2_slt_wrap {top: 14px; right: 90px; width: 130px;}
    .sec2 .sec2_top_wrap .sec2_slt_wrap .slt_tit {padding: 0 22px 0 14px; font-size: 15px; line-height: 36px; }
	.sec2 .sec2_top_wrap .sec2_slt_wrap .slt_tit:after {top: 13px; right: 15px; }
	.sec2 .sec2_top_wrap .sec2_slt_wrap .slt_list > li .slt_btn {padding: 0 0 0 14px; font-size: 15px; line-height: 36px;}
    .sec2 .sec2_slide_wrap .sec2_slide_inner .sec2_slide_list li .sec2_slide_link .sec2_hover_cont {padding: 10px;}
    .sec2 .sec2_slide_wrap .sec2_slide_inner .sec2_slide_list li .sec2_slide_link .sec2_hover_cont .hover_cont_inner .hover_tit {font-size: 14px; line-height: 24px;}
    .sec2 .sec2_slide_wrap .sec2_slide_inner .sec2_slide_list li .sec2_slide_link .sec2_hover_cont .hover_cont_inner .hover_date {font-size: 14px; line-height: 24px;}


    .sec3 .sec3_slide_warp .sec3_title {font-size: 30px; line-height: 36px;}
    .sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list .slick-track > li .sec3_slide_link .sec3_img_tit {margin: 8px 0 0; font-size: 14px; line-height: 30px;}
    .sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list .slick-track > li .sec3_slide_link .sec3_num_txt {font-size: 14px;}
    .sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list .slick-track > li .sec3_slide_link .sec3_num_txt .else_txt {font-size: 26px;}
    .sec3 .sec3_slide_warp .slick-dots {padding: 0 80px 0 0;}

	.sec4 .title_area .title {font-size : 30px; line-height: 36px;}
    .sec4 .notice_info_cont {margin: 15px 0 0;}
	.sec4 .notice_info_cont > .list > li {display: block; width: 100%; margin: 10px 0 0;}
	.sec4 .notice_info_cont > .list > li:first-child {margin: 0;}
	.sec4 .notice_info_cont > .list > li:last-child {margin: 10px 0 0;}
	.sec4 .notice_info_cont > .list > li .box .title_area .title {padding: 0 10px; font-size: 18px; line-height: 35px;}
	.sec4 .notice_info_cont > .list > li .box .title_area .tab_box .tab_list li .notice_btn {padding: 0 7px; font-size: 15px; line-height: 35px;}
	.sec4 .notice_info_cont > .list > li .box .title_area .tab_box .tab_list li.on .notice_btn:after {bottom: 4px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area {padding: 10px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .date {width: 60px; height: 60px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .date .date_inner {height: 60px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .date .date_inner .day {font-size: 18px; line-height: 18px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .txt_box {padding: 9px 0 9px 67px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .txt_box .txt_inner .tit {height: 24px; font-size: 16px; line-height: 24px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_top .txt_box .txt_inner .sub_txt { height: 24px;font-size: 14px; line-height: 24px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_btm {margin: 7px 0 0; padding: 7px 0 0;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_btm .list li .box .txt {height: 21px; font-size: 14px; line-height: 21px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_btm .list li .box .txt:before {top: 9px;}
	.sec4 .notice_info_cont > .list > li .box .notice_area .notice_btm .list li .box .date {font-size: 14px; line-height: 21px;}
	.sec4 .notice_info_cont > .list > li .box > .title {left: 9px; top: 4px; font-size: 18px; line-height: 27px;}
	.sec4 .notice_info_cont .img_slide_list {padding: 20px 0 0;}
	.sec4 .notice_info_cont > .list > li .slick-dots {top: 5px;}

	.sec4 .quick_box {margin: 20px 0 0;}
	.sec4 .quick_box .list {text-align: center;}
	.sec4 .quick_box .list li {width: 50%; margin: 10px 0 0;}
	.sec4 .quick_box .list li:nth-child(-n + 2) {margin: 0;}
	.sec4 .quick_box .list li .box .text {padding: 55px 0 0; background-size: 50px 50px; background-position: center top; font-size: 14px; line-height: 21px;}

	.footer {padding: 0;}
}

@media screen and (max-width:767px){
    #fullpage .section .fp-tableCell {padding: 40px 10px;}
    .sec1 {background-position: left 82% top; background-size: auto 480px;}
    .sec1 .main_visu_wrap {margin: 0 0 60px;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_top_txt {font-size: 18px; line-height: 28px;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_title {margin: 8px 0 0; font-size: 30px; line-height: 42px;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_subtxt {height: 52px; margin: 5px 0 0; font-size: 18px; line-height: 28px;}
    .sec1 .main_visu_wrap .main_visu_list li .visu_link .visu_bt_wrap .visu_view {padding: 0 20px; font-size: 14px; line-height: 32px;}
	.sec1 .main_visu_wrap .main_visu_list {padding: 0;}
    .sec1 .main_visu_wrap .main_visu_list .slick-dots {left: auto; right: 0;}
    .sec1 .main_quick_wrap .quick_list > li {width: 100%;}
    .sec1 .main_quick_wrap .quick_list > li.color1 {background-image: none;}
    .sec1 .main_quick_wrap .quick_list > li.color2 {background-image: none;}
    .sec1 .main_quick_wrap .quick_list > li.color3 {background-image: none;}
    .sec1 .main_quick_wrap .quick_list > li .quick_link .quick_arr {top: 50%; transform: translateY(-50%);}
    .sec1 .main_quick_wrap .quick_list > li .quick_link {padding: 10px;}
    .sec1 .main_quick_wrap .quick_list > li .quick_link .quick_tit {font-size: 14px; line-height: 20px;}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list:after {width: 100%; height: 2px; top: 50%; left: 0; transform: translateY(-50%);}
    .sec1 .main_quick_wrap .quick_list > li .else_quick_wrap .else_quick_list > li {width: 100%;}
    .sec1 .main_visu_wrap .val_control {/*bottom: -10px;*/ bottom: -20px; left: auto; right: 0px;}
    .sec1 .main_visu_wrap .val_control .num {font-size: 14px; line-height: 20px;}

    .sec2 .sec2_top_wrap {display: block; padding: 0 70px 0 0;}
    .sec2 .sec2_top_wrap .sec2_tit {width: 100%; font-size: 24px;}
    /* 2024-11-19 수정 */
    .sec2 .sec2_top_wrap .sec2_slt_wrap {position: static; width: inherit; min-width: 110px; margin: 10px 0 0 0;}
    /* 2024-11-19 수정 */
    .sec2 .sec2_top_wrap .sec2_slt_wrap .slt_tit {padding: 0 22px 0 14px; font-size: 15px; line-height: 36px; }
	.sec2 .sec2_top_wrap .sec2_slt_wrap .slt_tit:after {top: 13px; right: 15px; }
	.sec2 .sec2_top_wrap .sec2_slt_wrap .slt_list > li .slt_btn {padding: 0 14px; font-size: 15px; line-height: 36px;}
    .sec2 .sec2_top_wrap .sec2_arrows_btn_box {top: 0; transform: none;}
    .sec2 .sec2_top_wrap .sec2_arrows_btn_box .arr_btn {width: 10px; height: 24px;}
    .sec2 .sec2_top_wrap .sec2_arrows_btn_box .arr_btn.prev {background-size: 10px auto;}
    .sec2 .sec2_top_wrap .sec2_arrows_btn_box .arr_btn.next {background-size: 10px auto;}

    .sec3 .sec3_slide_warp .sec3_title {font-size: 24px;}
    .sec3 .sec3_slide_warp .sec3_subtit {font-size: 14px; line-height: 32px;}
    .sec3 .sec3_slide_warp .plan_arrows_btn_box {right: 30px; bottom: -10px;}
    .sec3 .sec3_slide_warp .plan_arrows_btn_box .arr_btn {width: 10px; height: 24px; background-size: 10px auto;}
	.sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list {padding: 15px 0 0;}
    .sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list .slick-track > li .sec3_slide_link .img_hole {display: none;}
    .sec3 .sec3_slide_warp .sec3_slide_inner .sec3_slide_list .slick-list .slick-track > li .sec3_slide_link:hover {transform: none;}

	.sec4 .title_area .title {font-size : 24px;}

	/* 기존팝업 */
	.main-popup{width:calc(100% - 40px);}
	.main-popup .popwrap{width:100%;}
	.main-popup .popwrap .slick-slide .popcontent img{width:100%;}

	.pop_layer {display: none !important;}

}


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