@import url("../css/reset.css");

.visual {position: relative; height: 667px; background: url(../images/common/visual_main.png) no-repeat center center; background-size: cover;} 
.en_main .visual { height: 480px;} 
.visual .main_title {font-family: 'gyeonggi'; font-size: 40px;font-weight: 500;color: #505557; padding: 90px 0 20px;text-align: center;line-height: 1.3;}
.visual .main_title em {font-family: 'gyeonggi'; font-size: inherit;font-weight: inherit;}
.visual .main_title br {display: none;}
.visual .main_title em:nth-of-type(1) {color: #065893;}
.visual .main_title em:nth-of-type(2) {color: #00A991;}
.visual .input_wrap {position: relative; max-width: 948px;height: 80px; margin: 0 auto; display: flex; background:linear-gradient(45deg, #0C2B80, #4CB699); border-radius: 24px; padding: 4px;}
.visual .input_wrap input { border-radius: 20px;  border: 0; padding-right: 100px;}
.visual .input_wrap input,
.visual .input_wrap input::placeholder {font-size: 24px; font-weight: 500; color: #020B3D;}
.visual .input_wrap .btn_search {position: absolute; top: 0;right: 0; height: 100%; display: flex; justify-content: center; align-items: center; background: #00A991; border-radius: 0 20px 20px 0; width: 76px; }
.visual .input_wrap .btn_search::before {content: '';width: 34px; height: 34px; background: url(../images/common/btn_search_big.svg) no-repeat center center; background-size: cover; flex-shrink: 0;}
.visual .tag_wrap {margin-top: 20px; display: flex; justify-content: center; align-items: center; gap: 10px;}
.visual .tag_wrap .tit { width: 40px; height: 27px; background: #00A991; padding-right: 2px; border-radius: 10px; font-size: 13px; font-weight: 600; color: #fff; display: flex; justify-content: center; align-items: center; flex-shrink: 0; } 
.en_main .visual .tag_wrap .tit { width: fit-content; padding: 0 8px;} 
.visual .tag_wrap > ul {display: flex; justify-content: center; align-items: center; gap: 10px; overflow: hidden;}
.visual .tag_wrap > ul > li { color: #444646; font-weight: 400; font-size: 18px; }
.visual .tag_wrap > ul > li > a {padding: 20px;border-radius: 16px;overflow: hidden; height: 55px; background: #fff;display: flex; justify-content: center; align-items: center; border: 1px solid #fff; transition: 0.2s;}
.visual .tag_wrap > ul > li > a:focus,
.visual .tag_wrap > ul > li > a:hover {border: 1px solid #B7C0D9;}
.visual .tag_wrap .btn_tag_more {display: none; justify-content: center; align-items: center; gap: 4px; padding: 8px; height: 32px; background: #E4E9F5; border-radius: 10px; font-size: 14px; color: #505557; cursor: pointer; flex-shrink: 0;}
.en_main .visual .tag_wrap .btn_tag_more {line-height: 1.5;}
.visual .tag_wrap .btn_tag_more::before {content: ''; width: 12px; height: 12px; background: url(../images/common/btn_plus2.svg) no-repeat center center; background-size: auto;}
.visual .tag_wrap .btn_tag_more.on::before {background: url(../images/common/btn_minus.svg) no-repeat center center; background-size: auto;}
.visual .list_bar {overflow: hidden; }
.visual .list_bar_swiper {margin-top: 90px; background:linear-gradient(45deg, #0C2B80, #4CB699); border-radius: 200px; height: 108px; }
.visual .list_bar_swiper > ul { display: flex; justify-content: center; align-items: center;width: auto; height: 100%;/* padding: 0 90px 0 60px; */}
.visual .list_bar_swiper > ul > li {flex-shrink: initial;width: auto; height: auto;}
.visual .list_bar_swiper > ul > li + li {border-left: 1px solid #ffffff20;}
.visual .list_bar_swiper > ul > li > a { display: flex; gap: 8px; align-items: center; font-size: 16px; font-weight: 700; color: #fff; padding: 10px 30px; border-radius: 100px; transition: 0.2s; }
.visual .list_bar_swiper > ul > li > a:hover { background: #fff; color: #0C2B80;}
.visual .list_bar_swiper > ul > li > a::before {content: ''; width: 40px;height: 40px;flex-shrink: 0;}
.visual .list_bar_swiper > ul > li:nth-child(1) > a::before {background: url(../images/common/ic_mainlink01.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(2) > a::before {background: url(../images/common/ic_mainlink02.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(3) > a::before {background: url(../images/common/ic_mainlink03.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(4) > a::before {background: url(../images/common/ic_mainlink04.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(5) > a::before {background: url(../images/common/ic_mainlink05.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(6) > a::before {background: url(../images/common/ic_mainlink06.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(1) > a:hover::before {background: url(../images/common/ic_mainlink01_on.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(2) > a:hover::before {background: url(../images/common/ic_mainlink02_on.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(3) > a:hover::before {background: url(../images/common/ic_mainlink03_on.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(4) > a:hover::before {background: url(../images/common/ic_mainlink04_on.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(5) > a:hover::before {background: url(../images/common/ic_mainlink05_on.png) no-repeat center center; background-size: cover;}
.visual .list_bar_swiper > ul > li:nth-child(6) > a:hover::before {background: url(../images/common/ic_mainlink06_on.png) no-repeat center center; background-size: cover;}
.sec_title {position: relative;z-index: 3; display: inline-flex; align-items: center; font-size: 32px; font-weight: 700; color: #000; margin-bottom: 30px; line-height: 1;}
.report_wrap {position: relative; margin-top: -100px;}
.report_wrap .main_inner {display: flex; gap: 60px 20px; flex-wrap: wrap;}
.report_wrap .main_inner > div {position: relative; padding: 60px; background: #fff; border: 1px solid #00000026; border-radius: 30px; width: calc(50% - 10px);/* max-height: 567px; */}
/* .report_wrap .main_inner > div.book_wrap {overflow: hidden;} */
.report_wrap .news_wrap .tab_wrap .tab_list {display: flex; gap: 8px;margin-bottom: 30px;}
.report_wrap .news_wrap.type2 .tab_wrap .text_wrap em:first-of-type {display: block; }
.report_wrap .news_wrap.type2 .tab_wrap .tab_con ul li {align-items: baseline;}
.report_wrap .news_wrap .tab_wrap .tab_list li {flex-shrink: 0;}
.report_wrap .news_wrap .tab_wrap .tab_list li button {height: 42px;border-radius: 10px;width: fit-content; padding: 0 12px;font-size: 18px;font-weight: 700;color: #222424; transition: 0.2s;}
.report_wrap .news_wrap .tab_wrap .tab_list li button.on {background: #000;color: #fff;}
.report_wrap .news_wrap .tab_wrap .tab_list li button:not(.on):is(:hover,:focus) {background: #EEF2F6; }
.report_wrap .news_wrap .tab_wrap .tab_con ul li {display: flex; align-items: center; gap: 8px;}
.report_wrap .news_wrap .tab_wrap .tab_con ul li::before {display: none; content: ''; width: 4px;height: 4px; border-radius: 100%; background: #000;flex-shrink: 0;}
.report_wrap .news_wrap .tab_wrap .tab_con ul li + li { margin-top: 20px; }
.report_wrap .news_wrap .tab_wrap .tab_con ul li a {display: flex; width: calc(100% - 12px);align-items: center;gap: 10px;}
.report_wrap .news_wrap .tab_wrap .tab_con ul li a .text_wrap2,
.report_wrap .news_wrap .tab_wrap .tab_con ul li a .text_wrap {width: calc(100% - 120px); font-size: 18px;font-weight: 400;color: #222424;}
.report_wrap .news_wrap .tab_wrap .tab_con ul li a .date {margin-left: auto; text-align: right; width: 110px; flex-shrink: 0; font-size: 18px;font-weight: 400; color: #71777A;}
.report_wrap .news_wrap .tab_wrap .tab_con ul li a .tag {display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 400; width: 46px; height: 26px; border-radius: 20px;border: 1px solid #000; }
.report_wrap .news_wrap .tab_wrap .tab_con ul li a .tag.type1 {border: 1px solid #8B704A; color: #8B704A;}
.report_wrap .news_wrap .tab_wrap .tab_con ul li a .tag.type2 {border: 1px solid #007F6D; color: #007F6D;}
.report_wrap .news_wrap .tab_wrap .tab_con ul li a .tag.type3 {border: 1px solid #0C2B80; color: #0C2B80;}
.report_wrap .news_wrap .tab_wrap .tab_con ul li a .tag.type4 {border: 1px solid #0C6EBF; color: #0C6EBF;}
.report_wrap .news_wrap.type2 .tab_wrap .tab_con ul li a .date {margin-top: auto;}
.report_wrap .news_wrap .tab_wrap .tab_con ul li a:focus .text_wrap2,
.report_wrap .news_wrap .tab_wrap .tab_con ul li a:hover .text_wrap2,
.report_wrap .news_wrap .tab_wrap .tab_con ul li a:focus .text_wrap,
.report_wrap .news_wrap .tab_wrap .tab_con ul li a:hover .text_wrap {text-decoration: underline;}
.report_wrap .btn_more { border: 1px solid #d8d8d8; width: 87px; height: 32px; border-radius: 10px; background: #fff; display: flex; justify-content: center; align-items: center; position: absolute; top: 63px; right: 60px;  font-size: 16px;font-weight: 400;color: #505557; gap: 4px; transition: 0.2s;}
.en_main .report_wrap .btn_more { line-height: 1.2;}
.report_wrap .btn_more:hover {background: #0C2B80;color: #fff; }
.service_wrap ul li a .btn_more { border: 1px solid #d8d8d8; width: 76px; height: 32px; border-radius: 10px; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 16px;font-weight: 400;color: #505557; gap: 4px; flex-shrink: 0;}
.report_wrap .btn_more::before {content: ''; width: 12px; height: 12px; background: url(../images/common/btn_plus.svg) no-repeat center center; background-size: auto;}
.en_main .report_wrap .btn_more::before {margin-top: 1px;}
.report_wrap .btn_more:hover::before {background: url(../images/common/btn_plus_on.svg) no-repeat center center; background-size: auto;}
.service_wrap ul li a .btn_more::before {content: ''; width: 12px; height: 12px; background: url(../images/common/btn_plus.svg) no-repeat center center; background-size: auto;}
.youtube_wrap .sec_title em {font-size: inherit; font-weight: inherit; color: #007F6D;margin-left: 5px;}
.youtube_wrap .sec_title::before {content: ''; order: 2;margin-left: 7px; margin-top: -1px; width: 40px; height: 40px; flex-shrink: 0;background: url(../images/common/ic_youtube.svg) no-repeat center center; background-size: auto;margin-right: 7px;}
.en_main .youtube_wrap .sec_title::before {display: none;}

/* 기존 YouTube Tab Styles */
.youtube_wrap .tab_wrap {display: flex; flex-direction: row-reverse; gap: 40px; }
.en_main .youtube_wrap .tab_wrap {display: block; }
.en_main .youtube_wrap .tab_wrap .tab_con {width: 100%;}
.youtube_wrap .tab_wrap .tab_list {display: flex; flex-direction: column; gap: 30px; }
.youtube_wrap .tab_wrap .tab_list li a {display: block; width: 130px; height: 74px; border-radius: 10px; border: 3px solid transparent; overflow: hidden; }
.youtube_wrap .tab_wrap .tab_list li a.on,
.youtube_wrap .tab_wrap .tab_list li a:hover {border: 3px solid #0C2B80;box-shadow: 0px 5px 10px 0px #020B3D33; }
.youtube_wrap .tab_wrap .tab_list li a img {width: 100%; height: 100%; object-fit: cover; }
.youtube_wrap .tab_wrap .tab_con { width: calc(100% - 170px); }
.youtube_wrap .tab_wrap .tab_con a:hover .thum_info dt {text-decoration: underline;}
.youtube_wrap .tab_wrap .tab_con a .thum_video {position: relative; width: inherit; border-radius: 10px; overflow: hidden;border: 3px solid transparent;}
.youtube_wrap .tab_wrap .tab_con a .thum_video:hover {border: 3px solid #0C2B80;box-shadow: 0px 5px 10px 0px #020B3D33; }
.youtube_wrap .tab_wrap .tab_con a .thum_video::before {content: '';position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px;height: 64px;background: url(../images/common/btn_video_play.png) no-repeat center center; background-size: cover;}
.youtube_wrap .tab_wrap .tab_con a .thum_video div img {width: 100%; height: 100%; object-fit: cover; }
.youtube_wrap .tab_wrap .tab_con a .thum_video.on {border: 3px solid #0C2B80;box-shadow: 0px 5px 10px 0px #020B3D33;}
.youtube_wrap .tab_wrap .tab_con a .thum_info {width: inherit; margin-top: 20px; transition: 0.2s;}
.youtube_wrap .tab_wrap .tab_con a .thum_info dt {font-size: 20px;font-weight: 700;color: #222424; margin-bottom: 10px;}
.youtube_wrap .tab_wrap .tab_con a .thum_info dd {font-size: 18px;font-weight: 400;color: #71777A; }


.youtube_swiper_wrap {position: relative;}
.youtube_swiper .swiper-wrapper { flex-direction: column; align-items: flex-end; gap: 28px; }
.youtube_swiper_wrap .youtube_swiper ul li:first-of-type {width: calc(100% - 180px);position: absolute; top: 0; left: 0; }
.youtube_swiper_wrap .youtube_swiper ul li:not(:first-of-type) {width: 140px;height: 70px; }
.youtube_swiper_wrap .youtube_swiper ul li:not(:first-of-type) .thum_info {display: none;}
.youtube_swiper_wrap .youtube_swiper ul li:not(:first-of-type) a .thum_video::before {display: none;}
.youtube_swiper_wrap .youtube_swiper ul li .thum_video {position: relative; border-radius: 10px; overflow: hidden; border: 3px solid transparent;}
.youtube_swiper_wrap .youtube_swiper ul li a:is(:hover,:focus) .thum_video {border: 3px solid #0C2B80; box-shadow: 0px 5px 10px 0px #020B3D33;}
.youtube_swiper_wrap .youtube_swiper ul li a .thum_video::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; background: url(../images/common/btn_video_play.png) no-repeat center center; background-size: cover; z-index: 1;}
.youtube_swiper_wrap .youtube_swiper ul li a .thum_video div {height: 0; overflow: hidden; padding-top: 56.25%; width: 100%; position: relative;}
.youtube_swiper_wrap .youtube_swiper ul li a .thum_video div img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.youtube_swiper_wrap .youtube_swiper ul li a .thum_info {margin-top: 20px;}
.youtube_swiper_wrap .youtube_swiper ul li a .thum_info dt {font-size: 20px; font-weight: 700; color: #222424; margin-bottom: 10px;}
.youtube_swiper_wrap .youtube_swiper ul li a .thum_info dd {font-size: 18px; font-weight: 400; color: #71777A;}
.youtube_swiper_wrap .youtube_swiper ul li a:is(:hover,:focus) .thum_info dt {text-decoration: underline;}
.youtube_swiper_btn_wrap {position: absolute; top: calc(50% - 60px); transform: translateY(-50%); width: 100%; z-index: 2;}
.youtube_swiper_pagination {display: none;}
.youtube_swiper_btn { width: 100%; display: none;}
.youtube_swiper_btn .youtube_swiper_prev,
.youtube_swiper_btn .youtube_swiper_next {position: absolute;z-index: 1; transition: 0.2s; width: 44px; height: 44px; border: 1px solid #d8d8d8; border-radius: 100%; background: url(../images/common/btn_arr_prev.svg) #fff no-repeat center center; background-size: 33px auto;}
.youtube_swiper_btn .youtube_swiper_prev {left: -28px;}
.youtube_swiper_btn .youtube_swiper_next {background: url(../images/common/btn_arr_next.svg) #fff no-repeat center center; background-size: 33px auto; right: -28px;}
.youtube_swiper_btn .youtube_swiper_prev:hover,
.youtube_swiper_btn .youtube_swiper_next:hover {background-color: #EEF2F6;}

.book_wrap {position: relative;}
.book_wrap.type2 {background: #F3F8FD !important;}
.book_swiper_wrap .book_swiper {overflow: hidden; }
.book_swiper_wrap .book_swiper ul li .thumb_img {border: 1px solid #00000020; border-radius: 0 10px 10px 0; overflow: hidden;transition: all 0.3s ease; position: relative; top:0;}
.book_swiper_wrap .book_swiper ul li .thumb_img > div {height: 0;overflow: hidden;padding-top: 133%;width: 100%; position: relative;}
.book_swiper_wrap .book_swiper ul li .thumb_img > div img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; }
.book_swiper_wrap .book_swiper ul li a {display: block; /* padding-bottom: 10px; */}
.book_swiper_wrap .book_swiper ul li a:hover .thumb_img,
.book_swiper_wrap .book_swiper ul li a:focus .thumb_img { top: -15px; box-shadow: 0px 5px 10px 0px #020B3D33;} 
.book_swiper_wrap .book_swiper ul li a:hover .thum_info dt,
.book_swiper_wrap .book_swiper ul li a:focus .thum_info dt {text-decoration: underline;} 
.book_swiper_wrap .book_swiper ul li .thum_info dt {font-size: 18px;font-weight: 700;color: #222424; margin: 20px 0 10px; height: 44px;}
.book_swiper_wrap .book_swiper ul li .thum_info dd {font-size: 18px;font-weight: 400;color: #71777A; }
.book_swiper_wrap .book_swiper {position: relative; overflow: hidden; padding: 16px 0 0; padding-left: 1px; margin-top: -16px;}
.book_swiper_wrap .book_swiper_btn_wrap {position: absolute;z-index: 2; top: 55px; right: 60px; display: flex; align-items: center; gap: 8px;}
.book_swiper_wrap .book_swiper_btn_wrap .book_swiper_pagination {width: fit-content; color: #9EA3A6; font-size: 18px; font-weight: 400; margin-top: -5px; }
.book_swiper_wrap .book_swiper_btn_wrap .book_swiper_pagination .swiper-pagination-current {font-size: inherit; font-weight: inherit; color: #000; }
.book_swiper_wrap .book_swiper_btn_wrap .book_swiper_pagination .swiper-pagination-total {font-size: inherit; font-weight: inherit; color: #9EA3A6; }
.book_swiper_wrap .book_swiper_btn_wrap .book_swiper_btn .book_swiper_prev {transition: 0.2s; width: 40px; height: 40px; border: 1px solid #d8d8d8;border-radius: 10px 0 0 10px; background: url(../images/common/btn_arr_prev.svg) #fff no-repeat center center; background-size: auto; } 
.book_swiper_wrap .book_swiper_btn_wrap .book_swiper_btn .book_swiper_next {transition: 0.2s; width: 40px; height: 40px; border: 1px solid #d8d8d8;border-left: 0; margin-left: -3px; border-radius: 0 10px 10px 0; background: url(../images/common/btn_arr_next.svg) #fff no-repeat center center; background-size: auto; }
.book_swiper_wrap .book_swiper_btn_wrap .book_swiper_btn .book_swiper_prev:hover,
.book_swiper_wrap .book_swiper_btn_wrap .book_swiper_btn .book_swiper_next:hover {background-color: #EEF2F6;}
/* 발간물 페이드 */
.book_swiper_wrap .book_swiper::before {opacity: 0;transition: 0.5s; content: '';position: absolute; top: 0px; right: -10px; z-index: 2; width: 30px;height: 100%; background: url(../images/common/img_blur_r.png) repeat center center;background-size: 100%; }
.book_swiper_wrap .book_swiper::after {opacity: 0;transition: 0.5s; content: '';position: absolute; top: 0px; left: -10px; z-index: 1; width: 30px;height: 100%; background: url(../images/common/img_blur_l.png) repeat center center;background-size: 100% }
.book_swiper_wrap .book_swiper.sliding::before {opacity: 1;}
.book_swiper_wrap .book_swiper.sliding::after {opacity: 1;}
.book_swiper_wrap .book_swiper:has(ul li:last-child.swiper-end)::before {opacity: 0;}
.book_swiper_wrap .book_swiper:has(ul li:first-child.on)::after {opacity: 0;}
.book_swiper_wrap .book_swiper:has(ul li:last-child.on)::before {opacity: 0;}
.book_swiper_wrap .book_swiper:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}   
.book_wrap.type2 .book_swiper_wrap .book_swiper::after {background: url(../images/common/img_blur_blue_l.png) repeat center center;background-size: 100%; }
.book_wrap.type2 .book_swiper_wrap .book_swiper::before {background: url(../images/common/img_blur_blue_r.png) repeat center center;background-size: 100%; }

.service_wrap {margin: 60px auto 80px;}
.service_wrap ul {display: flex; border-radius: 20px; overflow: hidden; border: 1px solid #D8D8D8; }
.service_wrap ul li {display: flex; gap: 20px; height: 162px; width: calc(100% / 4);}
.en_main .service_wrap ul {align-items: center;}
.en_main .service_wrap ul li {width: calc(100% / 3); height: 132px;}
.service_wrap ul li + li {border-left: 1px solid #D8D8D8;}
.service_wrap ul li a {height: 100%;width: 100%; padding: 40px; display: flex;text-align: center; gap: 10px; justify-content: center; align-items: center; flex-direction: column; transition: 0.2s;}
.service_wrap ul li a::before {content: ''; width: 52px;height: 52px;display: inline-flex; flex-shrink: 0;}
.service_wrap ul li a:hover {background: #F3F8FD;}
.service_wrap ul li a:hover h3 {color: #0C2B80;}
.service_wrap ul li:nth-child(1) a::before {background: url(../images/common/ic_service01.png) no-repeat center center; background-size: cover;}
.service_wrap ul li:nth-child(2) a::before {background: url(../images/common/ic_service02.png) no-repeat center center; background-size: cover;}
.service_wrap ul li:nth-child(3) a::before {background: url(../images/common/ic_service03.png) no-repeat center center; background-size: cover;}
.service_wrap ul li:nth-child(4) a::before {background: url(../images/common/ic_service04.png) no-repeat center center; background-size: cover;}
.en_main .service_wrap ul li:nth-child(1) a::before {background: url(../images/common/ic_mainfoot01.svg) no-repeat center center; background-size: cover;}
.en_main .service_wrap ul li:nth-child(2) a::before {background: url(../images/common/ic_mainfoot02.svg) no-repeat center center; background-size: cover;}
.en_main .service_wrap ul li:nth-child(3) a::before {background: url(../images/common/ic_mainfoot03.svg) no-repeat center center; background-size: cover;}
.service_wrap ul li a h3 {font-size: 20px;font-weight: 700;color: #222424; }
.service_wrap ul li a span{font-size: 16px; font-weight: 500; color: #71777A;padding-left: 72px;margin-top: -20px;}

.main_link_wrap {padding: 0 !important;min-height: 520px;overflow: hidden;}
.main_link_wrap .link_list {display: flex; flex-wrap: wrap;height: 100%;}
.main_link_wrap .link_list li {width: 50%;}
.main_link_wrap .link_list li + li {border-left: 1px solid #D8D8D8;}
.main_link_wrap .link_list li:nth-of-type(3) {border-left: 0; border-top: 1px solid #d8d8d8;}
.main_link_wrap .link_list li:nth-of-type(4) {border-top: 1px solid #d8d8d8;}
.main_link_wrap .link_list li a {display: flex;flex-direction: column; justify-content: center; align-items: center;height: 100%;}
.main_link_wrap .link_list li a::before {content: '';width: 72px;height: 72px;}
.main_link_wrap .link_list li a:hover {background: #F3F8FD; }
.main_link_wrap .link_list li:nth-of-type(1) a::before {background: url(../images/common/ic_enmainlink01.svg) no-repeat center center;background-size: cover;}
.main_link_wrap .link_list li:nth-of-type(2) a::before {background: url(../images/common/ic_enmainlink02.svg) no-repeat center center;background-size: cover;}
.main_link_wrap .link_list li:nth-of-type(3) a::before {background: url(../images/common/ic_enmainlink03.svg) no-repeat center center;background-size: cover;}
.main_link_wrap .link_list li:nth-of-type(4) a::before {background: url(../images/common/ic_enmainlink04.svg) no-repeat center center;background-size: cover;}
.main_link_wrap .link_list li a span {text-align: center; font-size: 20px;font-weight: 700;color: #222424;}

.analysis_wrap {background: #F3F8FD !important; }
.analysis_wrap .analysis_list li:last-of-type {border-bottom: 0;}
.analysis_wrap .analysis_list li {display: flex; justify-content: space-between; padding: 32px 0;border-bottom: 1px solid #d8d8d8;}
.analysis_wrap .analysis_list li span {font-size: 24px; line-height: 1.8; font-weight: 700; color: #222424;}
.analysis_wrap .analysis_list li a {border: 1px solid #d8d8d8; width: 32px; height: 32px; border-radius: 10px; background: #fff; display: flex; flex-shrink: 0; justify-content: center; align-items: center; background: url(../images/common/btn_plus.svg) #fff no-repeat center center; background-size: auto;}
.analysis_wrap .analysis_list li a:hover { background: url(../images/common/btn_plus_on.svg) #000 no-repeat center center; background-size: auto; }

.periodicals_wrap {}
.periodicals_wrap .periodicals_list li + li {margin-top: 10px; }
.periodicals_wrap .periodicals_list li {display: flex;gap: 20px; align-items: center;padding: 10px 16px;}
.periodicals_wrap .periodicals_list li::before {content: '';width: 52px;height: 52px;}
.periodicals_wrap .periodicals_list li:nth-child(1)::before {background: url(../images/common/ic_priodicals01.svg) no-repeat center center;background-size: cover;}
.periodicals_wrap .periodicals_list li:nth-child(2)::before {background: url(../images/common/ic_priodicals02.svg) no-repeat center center;background-size: cover;}
.periodicals_wrap .periodicals_list li:nth-child(3)::before {background: url(../images/common/ic_priodicals03.svg) no-repeat center center;background-size: cover;}
.periodicals_wrap .periodicals_list li:nth-child(4)::before {background: url(../images/common/ic_priodicals04.svg) no-repeat center center;background-size: cover;}
.periodicals_wrap .periodicals_list li a {font-size: 24px;font-weight: 700;color: #222424;}
.periodicals_wrap .periodicals_list li:has(a:hover) {background: #F3F8FD;border-radius: 12px;}

@media screen and (max-width: 1380px) {
    .report_wrap .main_inner > div {padding: 30px;}
    .sec_title {font-size: 29px; margin-bottom: 30px;}
    .report_wrap .btn_more{right: 30px; top: 32px;}
    .book_swiper_wrap .book_swiper_btn_wrap{right: 30px; top: 23px;}
    .youtube_wrap .tab_wrap {gap: 20px;}
    .youtube_wrap .tab_wrap .tab_con {width: calc(100% - 130px);}
    .report_wrap .news_wrap .tab_wrap .tab_con ul li + li {margin-top: 16px;}
    .report_wrap {margin-top: -75px;}
    .youtube_wrap .tab_wrap .tab_list li a {width: 110px; height: 65px;}
    /* .book_swiper_wrap .book_swiper ul li .thumb_img {height: 223px;} */
}
@media screen and (max-width: 1280px) {
    .youtube_wrap .tab_wrap .tab_list {gap: 20px;}
    .visual .list_bar_swiper {margin-top: 30px; border-radius: 16px; height: 154px;}
    .visual .list_bar_swiper > ul {flex-wrap: nowrap;}
    /* .book_swiper_wrap .book_swiper ul li .thumb_img {height: 193px;} */
    .youtube_swiper_wrap .youtube_swiper ul { gap: 20px; }
    .youtube_swiper_wrap .youtube_swiper ul li:first-of-type {width: calc(100% - 130px);}
    .youtube_swiper_wrap .youtube_swiper ul li:not(:first-of-type) {width: 120px; height: 60px;}
    .visual .list_bar_swiper > ul > li > a {flex-direction: column; text-align: center; font-size: 15px;letter-spacing: -0.5px;}
    .report_wrap.type2 {margin-top: -125px;}
}
@media screen and (max-width: 1024px) {
    .visual .tag_wrap {flex-wrap: wrap; gap: 8px;}
    .visual .tag_wrap > ul {flex-wrap: wrap; gap: 8px;}
    .visual .tag_wrap > ul > li {font-size: 15px}
    .visual .tag_wrap > ul > li > a {height: 41px; padding: 12px;}
    .visual .input_wrap input,
    .visual .input_wrap input::placeholder {font-size: 16px;}
    .visual .input_wrap {height: 64px; border-radius: 20px;}
    .visual .input_wrap input {border-radius: 16px;}
    .visual .input_wrap .btn_search {width: 56px; height: 56px;top: 4px;border-radius: 0 16px 16px 0;}
    .visual .input_wrap .btn_search::before {width: 30px;height: 30px; }
    .service_wrap ul li a {padding: 30px 0;}
    .report_wrap .main_inner {gap: 20px;}
    .report_wrap .main_inner > div {width: 100%;}
    .youtube_wrap .tab_wrap .tab_list li a {width: 200px;}
    .youtube_wrap .tab_wrap .tab_con {width: calc(100% - 220px);}
    .youtube_wrap .tab_wrap .tab_list li a {height: 116px;}
    /* .book_swiper_wrap .book_swiper ul li .thumb_img {height: 368px;} */
    .youtube_swiper_wrap {padding-bottom: 6%;}    
    .youtube_swiper_wrap .youtube_swiper ul { gap: 20px; } 
    .youtube_swiper_wrap .youtube_swiper ul li:not(:first-of-type) {width: 194px;height: 110px;}
    .youtube_swiper_wrap .youtube_swiper ul li:first-of-type {width:calc(100% - 210px)}
    .visual .list_bar_swiper {padding: 0 20px;}
    .visual .list_bar_swiper > ul {justify-content: flex-start;}
    .visual .list_bar_swiper > ul > li {flex-shrink: 0;}
    .visual .list_bar_swiper > ul > li + li {border: 0;}
    .visual .list_bar_swiper > ul > li > a {padding: 10px 2px; border-radius: 16px;}
    .visual .list_bar {position: relative; }
    .visual .list_bar .list_bar_swiper_btn {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2;}
    .visual .list_bar .list_bar_swiper_btn .list_bar_swiper_prev,
    .visual .list_bar .list_bar_swiper_btn .list_bar_swiper_next {position: absolute;z-index: 2; transition: 0.2s; width: 28px; height: 28px; background: url(../images/common/btn_arr_prev2.svg) no-repeat center center; background-size: 26px auto;}
    .visual .list_bar .list_bar_swiper_btn .list_bar_swiper_prev {left: 14px;}
    .visual .list_bar .list_bar_swiper_btn .list_bar_swiper_next {background: url(../images/common/btn_arr_next2.svg) no-repeat center center; background-size: 26px auto; right: 14px;}
    .visual .list_bar_swiper::before {content: ''; position: absolute; bottom: 0;left: 0;width: 40px; height: 154px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 2; pointer-events: none; border-radius: 16px 0 0 16px;}
    .visual .list_bar_swiper::after {content: ''; position: absolute; bottom: 0;right: 0;width: 40px; height: 154px; background: linear-gradient(270deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 2; pointer-events: none; border-radius: 0 16px 16px 0;}
    .report_wrap.type2 {margin-top: -165px;}
}

@media screen and (max-width: 900px) {
    .youtube_wrap .tab_wrap {flex-wrap: wrap; flex-direction: column-reverse;}
    .youtube_wrap .tab_wrap .tab_con {width: 100%;}
    .youtube_wrap .tab_wrap .tab_list {flex-direction: row; gap: 8px;}
    .youtube_wrap .tab_wrap .tab_list li {flex: 1; }
    .youtube_wrap .tab_wrap .tab_list li a {width: 100%;}
    /* .book_swiper_wrap .book_swiper ul li .thumb_img {height: 300px;} */
    .youtube_swiper_wrap {padding-bottom: 0;}    
}

@media screen and (max-width: 768px) {
    .visual {height: auto; margin-bottom: 20px; background: url(../images/common/visual_main_m.png) no-repeat top center; }
    .en_main .visual {height: auto; padding-bottom: 20px;}
    .visual .main_title {font-size: 30px;padding: 70px 0 20px;}
    .visual .main_title br {display: block;}
    .report_wrap {margin-top: 0;}
    .report_wrap.type2 {margin-top: 0;}
    .service_wrap {margin: 20px auto 40px;} 
    .en_main .service_wrap ul li {width: 100%;height: 100px;}
    .service_wrap ul li {height: auto;}
    .service_wrap ul li a {padding: 20px 10px;}
    /* .service_wrap ul li:nth-child(1),  */
    /* .service_wrap ul li:nth-child(2), */
    /* .service_wrap ul li:nth-child(3) {border-bottom: 0;}     */
    .service_wrap ul li a h3 {font-size: 18px; width: 100%;}
    .sec_title {font-size: 21px;margin-bottom: 20px;}
    .report_wrap .main_inner {gap: 20px;}
    .report_wrap .main_inner > div {padding: 30px 16px; border-radius: 16px; }
    .book_swiper_wrap .book_swiper_btn_wrap {right: 20px; top: 22px;}
    .book_swiper_wrap .book_swiper_btn_wrap .book_swiper_pagination {font-size: 14px;}
    .book_swiper_wrap .book_swiper_btn_wrap .book_swiper_btn .book_swiper_prev,
    .book_swiper_wrap .book_swiper_btn_wrap .book_swiper_btn .book_swiper_next {width: 32px;height: 32px;}
    .book_swiper_wrap .book_swiper ul li .thum_info dt {font-size: 16px; margin: 16px 0 8px;}
    .book_swiper_wrap .book_swiper ul li .thum_info dd {font-size: 14px;}
    .report_wrap .news_wrap .tab_wrap .tab_list {gap: 0; margin-bottom: 25px;}
    .report_wrap .news_wrap .tab_wrap .tab_list li button {min-width: auto; padding: 0 7px; font-size: 15px;height: 36px;}
    .report_wrap .news_wrap .tab_wrap .tab_con ul li {align-items: baseline;}
    .report_wrap .news_wrap .tab_wrap .tab_con ul li a {flex-wrap: wrap;gap: 6px; }
    .report_wrap .news_wrap .tab_wrap .tab_con ul li a .text_wrap,
    .report_wrap .news_wrap .tab_wrap .tab_con ul li a .text_wrap2 {width: calc(100% - 52px);}
    .report_wrap .news_wrap .tab_wrap .tab_con ul li a .date {width: fit-content; font-size: 14px; margin-left: 52px;}
    .en_main .report_wrap .news_wrap .tab_wrap .tab_con ul li a .date {margin-left: 0;}
    .report_wrap .btn_more {top: 23px; right: 20px; height: 32px; font-size: 12px; width: 65px; gap: 3px; border-radius: 7px;}
    .report_wrap .btn_more::before {width: 9px;height: 9px;}
    .youtube_wrap .sec_title {flex-wrap: wrap; letter-spacing: -0.67px;}
    .youtube_wrap .sec_title::before {margin-left: 2px;width: 25px;height: 18px;background-size: cover;}
    .youtube_wrap .tab_wrap .tab_con a .thum_video::before {width: 48px; height: 48px;}
    .youtube_wrap .sec_title em {margin-left: 4px;}
    .youtube_swiper .swiper-wrapper { flex-direction: row; align-items: center; }
    .youtube_swiper_wrap .youtube_swiper ul {gap:0;}
    .youtube_swiper_wrap .youtube_swiper ul li:first-of-type,
    .youtube_swiper_wrap .youtube_swiper ul li:not(:first-of-type) {width: 100%; height: auto;}
    .youtube_swiper_btn {display: block;}
    .youtube_swiper_wrap .youtube_swiper {overflow: hidden;}
    /* .report_wrap .main_inner > div.youtube_wrap:has(.youtube_swiper_wrap) {padding: 30px 0 30px 16px;} */
    .youtube_swiper_wrap .youtube_swiper ul li:not(:first-of-type) .thum_info {display: block;}
    .youtube_swiper_wrap .youtube_swiper ul li:first-of-type {position: static;}

    /* 유튜브 페이드 */
    .youtube_swiper_wrap .youtube_swiper::before {opacity: 0;transition: 0.5s; content: '';position: absolute; top: 0px; right: -10px; z-index: 2; width: 30px;height: 100%; background: url(../images/common/img_blur_r.png) repeat center center;background-size: 100%; }
    .youtube_swiper_wrap .youtube_swiper::after {opacity: 0;transition: 0.5s; content: '';position: absolute; top: 0px; left: -10px; z-index: 1; width: 30px;height: 100%; background: url(../images/common/img_blur_l.png) repeat center center;background-size: 100%; }
    .youtube_swiper_wrap .youtube_swiper.sliding::before {opacity: 1;}
    .youtube_swiper_wrap .youtube_swiper.sliding::after {opacity: 1;}
    .youtube_swiper_wrap .youtube_swiper:has(ul li:last-child.swiper-end)::before {opacity: 0;}
    .youtube_swiper_wrap .youtube_swiper:has(ul li:first-child.on)::after {opacity: 0;}
    .youtube_swiper_wrap .youtube_swiper:has(ul li:last-child.on)::before {opacity: 0;}
    .youtube_swiper_wrap .youtube_swiper:has(ul li:last-child.swiper-slide-next)::before {opacity: 0;}

    .main_link_wrap {min-height: auto;}
    .main_link_wrap .link_list li a span {font-size: 16px;}
    .main_link_wrap .link_list li a {padding: 20px;}
    .analysis_wrap .analysis_list li span {font-size: 18px;}
    .periodicals_wrap .periodicals_list li a {font-size: 22px;}
    /* .book_swiper_wrap .book_swiper ul li .thumb_img {height: 270px;} */
    .service_wrap ul {flex-wrap: wrap;}
    .service_wrap ul li {width: calc(100% / 2);}
    .service_wrap ul li:nth-child(3) {border-left: 0;}
    .service_wrap ul li:nth-child(1),
    .service_wrap ul li:nth-child(2) {border-bottom: 1px solid #D8D8D8;}
    .service_wrap ul li a h3 {font-size: 18px;}
    .en_main .service_wrap ul li a h3 br {display: none;}
}  

@media screen and (max-width: 640px) {
    .visual .tag_wrap .btn_tag_more {display: flex;}
    .youtube_wrap .tab_wrap .tab_list li a {height: 90px;}
    .youtube_wrap .tab_wrap .tab_con a .thum_info dt {font-size: 18px;}
    /* .book_swiper_wrap .book_swiper ul li .thumb_img {height: 200px;} */
    .report_wrap .main_inner > div.book_wrap {padding: 30px 16px;}
    .book_swiper_wrap .book_swiper_btn_wrap .book_swiper_pagination {display: none;}
    .book_swiper_wrap .book_swiper_btn_wrap {right:initial; left: 0;top: 44%; width: 100%;}
    .book_swiper_wrap .book_swiper_btn_wrap .book_swiper_btn .book_swiper_prev,
    .book_swiper_wrap .book_swiper_btn_wrap .book_swiper_btn .book_swiper_next {position: absolute; z-index: 1;width: 44px; height: 44px; border-radius: 100%; background-size: 33px auto !important;}
    .book_swiper_wrap .book_swiper_btn_wrap .book_swiper_btn .book_swiper_prev { left: -12px;}
    .book_swiper_wrap .book_swiper_btn_wrap .book_swiper_btn .book_swiper_next { right: -12px;}
    .visual .tag_wrap > ul > li > a {height: 35px; border-radius: 8px;} 
    .youtube_swiper_wrap .youtube_swiper ul li a .thum_info {margin-top: 10px;}
    .youtube_swiper_wrap .youtube_swiper ul li a .thum_info dt {font-size: 18px;margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
    .youtube_swiper_wrap .youtube_swiper ul li a .thum_info dd {font-size: 14px;}
}

@media screen and (max-width: 480px) {
    .sec_title {margin-bottom: 10px;}
    .book_wrap .sec_title {margin-bottom: 20px;}
    .youtube_wrap .tab_wrap .tab_list li a {height: 65px;}
    /* .book_swiper_wrap .book_swiper ul li .thumb_img {height: 150px;} */
    .youtube_wrap .tab_wrap .tab_con a .thum_info {margin-top: 10px;}
    .youtube_wrap .tab_wrap .tab_con a .thum_info dt {font-size: 18px; margin-bottom: 6px;}
    .youtube_wrap .tab_wrap .tab_con a .thum_info dd {font-size: 14px;}
    .report_wrap .news_wrap .tab_wrap .tab_con ul li + li {margin-top: 10px;}
    .report_wrap .news_wrap .tab_wrap .tab_con ul li a {align-items: baseline;}
    .main:not(.en_main) .report_wrap .news_wrap .tab_wrap .tab_con ul li a .text_wrap {font-size: 16px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;}
    .report_wrap .news_wrap .tab_wrap .tab_con ul li a .tag {width: 42px;height: 22px;}
    .report_wrap .news_wrap .tab_wrap .tab_con ul li a .text_wrap {width: calc(100% - 48px);}
    .report_wrap .news_wrap .tab_wrap .tab_con ul li a .text_wrap2 {width: 100%;}
    .report_wrap .news_wrap .tab_wrap .tab_con ul li a .date {margin-left: 48px;}
}

@media screen and (max-width: 400px) {
    /* .book_swiper_wrap .book_swiper ul li .thumb_img {height: 130px;} */
}