@charset "UTF-8";

.header_wrapper {height: auto;}
.gnb_wrap {height: auto;}
.gnb_wrap .gnb_box ul.bottom_header_section ul {display: none;}

@media (max-width: 1920px) {
/* -------------------------main------------------------- */

#section2 .link_box_wrap ul{display: flex;gap: 30px;}
#section2 .link_box_wrap ul::after {display: none;}
#section2 .link_box_wrap li{float: none;flex: 1;align-items: center;width: auto;margin: 0;}

#section3 .view_box_wrap li a{padding: 50px 30px 50px 30px;}
.menu_nav li.m01.active a{width: 180px;}
}

@media (max-width: 1720px) {
/* -------------------------main------------------------- */

#section2 .section_inner{height: 100%;max-height: 650px;}

#section2 .link_box_wrap{height: calc(100% - 120px);max-height: 530px;}
#section2 .link_box_wrap ul {height: 100%;}
#section2 .link_box_wrap li{height: 100%;}
#section2 .link_box_wrap li > a{height: 100%;padding: 60px 0 40px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 35px;}
#section2 .link_box_wrap li > a span{padding-bottom: 0;padding-top: 100px;}
#section2 .link_box_wrap li > a span + em{position: static;transform: none;margin: 0;}

#section3 .section_inner{height: 100%;max-height: 650px;}
#section3 .view_box_wrap {height: calc(100% - 120px);}
#section3 .view_box_wrap ul {height: 100%;display: flex; flex-wrap: wrap}
#section3 .view_box_wrap ul::after {display: none;}
#section3 .view_box_wrap li{height: 50%;}
#section3 .view_box_wrap li a{display: flex;flex-direction: column;justify-content: space-between;height: 100%;padding: 40px 30px;}
#section3 .view_box_wrap .box_view{margin: 0;width: fit-content;}

#section3 .view_box_wrap li:nth-child(1){background-size: auto 110%;background-position: right center;}
#section3 .view_box_wrap li:nth-child(2){background-size: auto 100%;background-position: right center;}
#section3 .view_box_wrap li:nth-child(2) a{display: flex;flex-direction: column;justify-content: space-between;}
#section3 .view_box_wrap li:nth-child(3){background-size: auto 100%;background-position: left center;}
#section3 .view_box_wrap li:nth-child(3) a{margin-left: auto;}
#section3 .view_box_wrap li:nth-child(4){background-size: auto 100%;background-position: left center;}
#section3 .view_box_wrap li:nth-child(4) a{margin-left: auto;}

.menu_nav li a{height: 70px;position: relative;}
.menu_nav li a::after {display: none;content: '';position: absolute;right: 25px;width: 80px;height: 3px;top: 50%;transform: translateY(-50%);background-color: #fff;}
.menu_nav li:hover a::after {display: block;}
.menu_nav li.active a::after {display: block;}
.menu_nav li a span {display: none;}
.menu_nav li:hover a{padding: 23px 25px 23px 20px;width: 165px;}
.menu_nav li.active a{padding: 23px 25px 23px 20px;width: 165px;}
.menu_nav li.m02.active a{width: 165px;}

/* 20240227 메인이미지 변경 및 텍스트 수정 */
#section1.section1_bg_img_po {background-position: center;}
}

@media (max-width: 1560px) {
/* -------------------------main------------------------- */

.menu_nav li a{height: 60px;}
.menu_nav li:hover a{padding: 10px 25px 10px 20px;}
.menu_nav li.active a{padding: 10px 25px 10px 20px;}

.scroll_spy_top {top: 240px;position: fixed;}
}

@media (max-width: 1280px) {
/* -------------------------main------------------------- */

.contents_wrap .section_inner{width: 100%;padding: 0 40px;box-sizing: border-box;}

#section1 .section_inner{padding: 0;height: auto;}

/* 20240227 메인이미지 변경 및 텍스트 수정 */
#section1 .visual_tit_bg_pd {padding: 25px 80px;box-sizing: border-box;}
}

@media (max-width: 1024px) {
/* -------------------------main------------------------- */

.contents_wrap .section_inner{padding: 0 30px;}

.section {padding: 100px 0 80px !important;height: auto !important;}
.section .fp-tableCell {height: auto !important;}
#section1 .visual_tit .dec{margin-top: 30px;} 

#section2 .section_inner{height: auto;max-height: none;}
#section2 .link_box_wrap li > a{min-height: 316px;padding: 50px 15px 30px;gap: 30px;}

#section3 .view_box_wrap li a{padding: 35px 25px;}
#section3 .view_box_wrap .box_view{margin-top: 10px;}


/* 20240227 메인이미지 변경 및 텍스트 수정 */
#section1.section1_bg_img_po {padding-top: 185px !important;}
#section1 .visual_tit_bg_pd .tit_font{font-size: 62px;line-height: 1.25;letter-spacing: 30px;}

.scroll_spy_top {display: none;}
}

@media (max-width: 860px) {
/* -------------------------main------------------------- */

.section {padding: 80px 0 65px !important;}
#section1 .visual_tit .dec{font-size: 20px;line-height: 1.6;margin-top: 25px;} 

#section2 .top_tit_area{margin-bottom: 20px;}
#section2 .top_tit_area .tit{font-size: 32px;}
#section2 .link_box_wrap ul {gap: 20px;}
#section2 .link_box_wrap li > a{padding: 40px 15px 25px;min-height: 278px;gap: 25px;}

#section2 .link_box_wrap li > a span{font-size: 22px;line-height: 1.5;padding-top: 80px;}
#section2 .link_box_wrap li:nth-child(1) span{background-size: auto 60px;}
#section2 .link_box_wrap li:nth-child(2) span{background-size: auto 60px;}
#section2 .link_box_wrap li:nth-child(3) span{background-size: auto 60px;}

#section3 .top_tit_area{margin-bottom: 20px;}
#section3 .view_box_wrap li a{width: 100%;padding: 30px 20px;}
#section3 .view_box_wrap .box_tit{font-size: 28px;line-height: 1.2;height: auto;}

/* 20240227 메인이미지 변경 및 텍스트 수정 */
#section1.section1_bg_img_po {padding-top: 155px !important;}
#section1 .visual_tit_bg_pd .tit_font{font-size: 48px;letter-spacing: 25px;}
}

@media (max-width: 640px) {
/* -------------------------main------------------------- */

.section {padding: 60px 0 40px !important;}
#section1 .visual_tit .dec{font-size: 18px;margin-top: 20px;} 

#section2 .top_tit_area{margin-bottom: 15px;}
#section2 .top_tit_area .tit{font-size: 28px;}
#section2 .top_tit_area .dec{font-size: 17px;line-height: 1;padding: 15px 0;}

#section2 .link_box_wrap{height: auto;max-height: none;}
#section2 .link_box_wrap ul {gap: 15px;flex-wrap: wrap;height: auto;}
#section2 .link_box_wrap li{flex: 1 calc((100% - 15px) / 2);height: auto;}

#section2 .link_box_wrap li:hover:before{height: 8px;}
#section2 .link_box_wrap li:hover:after{height: 8px;}
#section2 .link_box_wrap li:hover > a:before{width: 8px;}
#section2 .link_box_wrap li:hover > a:after{width: 8px;}

#section2 .link_box_wrap li > a{gap: 20px;min-height: auto;padding: 30px 15px;}
#section2 .link_box_wrap li > a span{font-size: 20px;padding-top: 60px;}
#section2 .link_box_wrap li:nth-child(1) span{background-size: auto 45px;}
#section2 .link_box_wrap li:nth-child(2) span{background-size: auto 45px;}
#section2 .link_box_wrap li:nth-child(3) span{background-size: auto 45px;}

#section3 .top_tit_area{margin-bottom: 15px;}
#section3 .top_tit_area .tit{font-size: 28px;}
#section3 .top_tit_area .dec{font-size: 17px;line-height: 1;padding: 15px 0;}

#section3 .view_box_wrap li a{padding: 20px 15px;}
#section3 .view_box_wrap .box_tit{font-size: 24px;}

/* 20240227 메인이미지 변경 및 텍스트 수정 */
#section1.section1_bg_img_po {padding-top: 130px !important;}
#section1 .visual_tit_bg_pd {padding: 20px 40px;}
#section1 .visual_tit_bg_pd .tit_font{font-size: 36px;letter-spacing: 20px;}
}


@media (max-width: 480px) {
/* -------------------------main------------------------- */

.contents_wrap .section_inner{padding: 0 20px;}

.section {padding: 45px 0 35px !important;}
#section1 .visual_tit .tit{font-size: 28px;letter-spacing: 15px;}
#section1 .visual_tit .dec{font-size: 17px;margin-top: 15px;} 

#section2 .top_tit_area{margin-bottom: 10px;}
#section2 .top_tit_area .tit{font-size: 24px;}
#section2 .top_tit_area .dec{font-size: 16px;padding: 12px 0;}

#section2 .link_box_wrap ul{display: block;}
#section2 .link_box_wrap li{margin-bottom: 15px;}
#section2 .link_box_wrap li:last-child{margin-bottom: 0;}
#section2 .link_box_wrap li > a{gap: 15px;padding: 20px 10px;}

#section2 .link_box_wrap li:hover:before{height: 6px;}
#section2 .link_box_wrap li:hover:after{height: 6px;}
#section2 .link_box_wrap li:hover > a:before{width: 6px;}
#section2 .link_box_wrap li:hover > a:after{width: 6px;}

#section2 .link_box_wrap li > a span{padding-top: 45px;}
#section2 .link_box_wrap li:nth-child(1) span{background-size: auto 40px;}
#section2 .link_box_wrap li:nth-child(2) span{background-size: auto 40px;}
#section2 .link_box_wrap li:nth-child(3) span{background-size: auto 40px;}

#section3 .top_tit_area{margin-bottom: 10px;}
#section3 .top_tit_area .tit{font-size: 24px;}
#section3 .top_tit_area .dec{font-size: 16px;padding: 12px 0;}

#section3 .view_box_wrap li a{padding: 20px 12px;}
#section3 .view_box_wrap .box_tit{font-size: 21px;}

/* 20240227 메인이미지 변경 및 텍스트 수정 */
#section1.section1_bg_img_po {padding-top: 115px !important;}
#section1 .visual_tit_bg_pd {padding: 15px 20px;}
}