@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
/* 폰트 */
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard Variable';
    src: url('/theme/BS4-Basic/css/font/PretendardVariable.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}


html, body{font-family: "Pretendard Variable", sans-serif !important;font-size: 20px;word-break: keep-all;word-wrap: break-word;}
#nt_sidebar_move{display: none !important;}
.nt-container{max-width: unset !important;width: 100%;}
li{list-style: none;}
img{max-width: 100%;}
p{padding:0;margin:0;word-break: keep-all !important;}
.row{margin: 0;}
input,
input:focus,
select:focus{box-shadow: none !important; border: 1px solid var(--color) !important;}
.label-cap{background-color: var(--color) !important; font-size: 12px; font-weight: 400; font-family: "Pretendard Variable", sans-serif !important;}
.line-br {display: block;}
@media all and (max-width:1024px){
    html,body{font-size: 18px;}
}







:root{
    --color:#004F96;
    --font-Outfit: "Outfit", sans-serif;
}


/* scroll Bar */
body::-webkit-scrollbar { width: 10px; }
body::-webkit-scrollbar-thumb { background-color: var(--color); }
body::-webkit-scrollbar-track { background-color: #f9f9f9; }



/* 공통 
.sub_page{width: calc(100% - 40px);max-width: 1320px;margin: 0 auto 200px;}
.sub_page .sub_title{padding: 140px 0 100px;}
.sub_page .sub_title h2{display: block;width: 100%;text-align: center;font-size: 3.0em;font-weight: 700;}
.sub_page .sub_title p{display: block;width: 100%;text-align: center;font-size: 1.70em;margin-top: 150px;font-weight:bold;}
.sub_page .sub_title span{display: block;width: 100%;text-align: center;font-size: 1.20em;margin-top: 10px;}
.sub_page .sub_con{}
#nt_title .title_bg_wrap{background-position: center !important;}
.form-control:focus{box-shadow: none !important; border: 1px solid var(--color) !important;}
@media all and (max-width:1200px){
    .sub_page{margin: 0 auto 150px;}
    .sub_page .sub_title{padding: 120px 0 100px;}
    .sub_page .sub_title h2 {font-size: 2.50em;}
    .sub_page .sub_title p{margin-top: 50px;}
}
@media all and (max-width:768px){
    .sub_page{margin: 0 auto 100px;}
    .sub_page .sub_title{padding: 100px 0 60px;}
    .sub_page .sub_title p{margin-top: 50px;}
}
@media all and (max-width: 640px){
    .sub_page .sub_title h2 {font-size: 2.0em;}
}
*?


/* 게시판 페이징 */
#bo_list_wrap .pagination li{width: auto; min-width: 30px;}
.page-link{border: 0 !important; font-size: var(--font18); color: #7E7E7E; padding: 0 !important; height: 100%; line-height: 30px; text-align: center;}
.page-link:hover{background: transparent !important;}
.page-link:focus{box-shadow: none !important;}
.page-item:first-child .page-link,
.page-item:last-child .page-link{display: flex; justify-content: center; align-items: center;}
.page-item:first-child .page-link:hover img{content: url('/img/pg_prev_btn_on.svg');}
.page-item:last-child .page-link:hover img{content: url('/img/pg_next_btn_on.svg');}
.page-link img{max-width: 100%;}
.page-item.active .page-link{border: 0 !important; color: var(--color) !important; font-weight: 600;background: #fff !important;}





/* header 시작 */
#header {width: 100%;height: 110px;border-bottom: 1px solid transparent;position: fixed;top: 0;left: 0;z-index: 999;transition: .35s;background: #fff;transition: transform 0.3s ease;}
#header.scrolled {background: rgba(0,0,0,.8);}
#header.hide {display: none;}
.header__nav {height: 100%;}
.header__nav .nav {display: block;height: 100%;}
.header__nav .cinner {display: flex;justify-content:space-between;align-items: center;gap: 0 50px;max-width: 1400px;margin:0 auto;width:92%;height: 100%;position: relative;}
.header__nav .header__logo {position:relative;height:100%}
.header__nav .header__logo a{}
.header__nav .header__logo a img {height:100%;padding:15px 0}
#main-nav {height: 100%;}
.main-nav__depth1 {height: 100%;}
.main-nav__depth1 [class*=mn-a]:not(.mn-a1):hover{text-decoration: underline;text-underline-offset: 6px;}
.main-nav__depth1 .mn-ul1 {display: flex;height: 100%;gap:60px}
.main-nav__depth1 .mn-li1 {position: relative;display: flex;align-items: center;}
.main-nav__depth1 .mn-a1 {display: flex;justify-content: space-evenly;align-items: center;width: 100%;color: #000;font-size:20px;font-weight: 500;text-align: center;}
.main-nav__depth1 .mn-li1.on .mn-a1{color: var(--color);}
.main-nav__depth2 {width: 100%;min-width:130px;padding: 20px 0;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);z-index: 100;text-align: center;visibility: hidden;opacity: 0;transition: visibility 0.35s, opacity 0.35s ease-in-out;}
.main-nav__depth2 .mn-ul2 {width: 100%;display: flex;flex-direction: column;align-items: center;}
.main-nav__depth2 .mn-li2:not(:last-child) {margin-bottom: 20px;}
.main-nav__depth2 .mn-a2 {display: block;font-size: 18px;font-weight: 100;text-align: left;color:#fff}
.main-nav__depth3 .mn-ul3 {width: 100%;margin: 10px 0 0;display:flex;gap:10px; }
.main-nav__depth3 .mn-s3 {position:relative}
.main-nav__depth3 .mn-li3:not(:last-child) .mn-s3:before {content:''; position:absolute; right:-5px;top:50%;transform: translateY(-50%); width:1px ; height:60%;background:#fff}
.main-nav__depth3 .mn-li3:not(:last-child) {margin-bottom: 15px;}
.main-nav__depth3 .mn-a3 {display: block;font-size: 16px;}
.main-nav__depth3 .mn-a3:hover {color: #fff;}
.main-nav__depth1:hover .main-nav__depth2, 
.main-nav__depth1:hover .main-nav__depth3 {visibility: visible;opacity: 1;}


.header__nav .lang {position:relative; display:flex;}
.header__nav .lang button {-webkit-appearance: button;display: flex;align-items: center;gap: 0 8px;background-color: transparent;background-image: none;border:0;color: #fff;font-size: 18px;font-weight: 600;position: relative;}
.header__nav .lang button::after {content: '';display: block;width: 12px;height: 8px;background: url(../img/arrow_w.svg) center center / cover no-repeat;}
.header__nav .lang button img:first-child {margin-right:9px;}
.header__nav .lang .lang-list {position: absolute;top: 40px;left: -10px;width:72px;opacity:0;transition: all 0.3s ease 0s;clear: both;}
.header__nav .lang .lang-list > li a {display: block;width: 100%;padding: 10px 0;background: #fff;font-size: 16px;text-align: center;transition: background-color 0.3s ease 0s;}
.header__nav .lang .lang-list > li a:hover {background: #065C8C;color: #fff;}
.header__nav .lang:hover .lang-list,
.header__nav .lang button:hover ~ .lang-list, 
.header__nav .lang-list:hover {opacity:1;}

.header__nav .nav__btn {display: none;}
.header__nav .nav__btn a {display: flex;align-items: center;width: 40px;height: 23px;position: relative;}
.header__nav .nav__btn a::before,
.header__nav .nav__btn a::after {content: '';display: block;width: 100%;height: 1px;background: #000;position: absolute;left: 0;right: 0;margin: auto;}
.header__nav .nav__btn a::before {top: 0;}
.header__nav .nav__btn a::after {bottom: 0;}
.header__nav .nav__btn a span{display: block;width: 100%;height: 1px;background: #000;}
.nav-bg {width: 100%;height: 0;background: #004F96;position: absolute;top: 100%;left: 0;opacity: 0;transition: height 0.35s ease-in-out, opacity 0.35s ease-in-out;/* z-index: 98; */    border-top: 1px solid rgba(255, 255, 255, .2);}
#header.active {border-bottom: 1px solid #eee;background: #fff;}
#header.active .main-nav__depth1 .mn-a1 {color: #000;}
#header.active .header__nav .nav  {background:#004F96}
#header.active .header__nav .header__logo img  {opacity: 0;}
#header.active .header__nav .header__logo:before {content: '';display: block;width: 100%;background: url(../img/logo_w_.png) no-repeat;height: 100%;padding:15px 0;background-position: center center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);background-size:contain}

.nav-bg { height:0; opacity:0; transition: height .35s ease, opacity .35s ease; }
.header__nav.nav-open .nav-bg { height: var(--navbg-h, 0px); opacity:1; }
#header.active .main-nav__depth1 .mn-li1 .mn-a1 { color:#fff; font-weight:500; }
.main-nav__depth1 .mn-li1:hover:before {position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;width:10px; height:10px; content:''; border-radius: 50%;background: #fff;z-index:99}


#header.active .main-nav__depth1 .mn-li1 .mn-a1{font-weight: 500;color:#fff}
#header.active .header__nav .lang button {color: #000;}
#header.active .header__nav .lang button::after {background: url(../img/arrow_b.svg) center center / cover no-repeat;}
#header.active .header__nav .nav__btn a::before, 
#header.active .header__nav .nav__btn a::after,
#header.active .header__nav .nav__btn a span {background: #000;}

/* 서브 페이지 header */
#header.sub-header {border-bottom: 1px solid #C4C4C4;}
#header.nav-up {transform: translateY(-100%);}
#header.nav-down {transform: translateY(0);}


@media all and (max-width: 1900px){
    /* .header__nav .cinner {margin: 0 50px;} */
}
@media all and (max-width: 1599px){
    /* .header__nav .cinner {margin: 0 40px;} */
}
@media all and (max-width: 1199px){
    #main-nav {display: none;}
    .header__nav .cinner {gap: 0 30px;}
    #main-nav,
    .header__gnb {display: none;}
    .header__nav .nav__btn {display: block;}
    #header {height: 80px;}
    .header__nav .header__logo a img {max-width: 85%;}
}
@media all and (max-width: 768px){
    /* .header__nav .cinner {margin: 0 20px;} */
}
@media all and (max-width: 640px){
    .header__nav .nav__btn a {width: 32px;}
}
/* header 끝 */







/* 퀵 메뉴 시작 */
#quick-menu {position: fixed;top: 50%;right: 0;transform: translateY(-50%);z-index: 99999;}
#quick-menu ul {border: 1px solid #EAEAEA;box-sizing: border-box;background: #fff;}
#quick-menu ul > li {}
#quick-menu ul > li:not(:last-child) {border-bottom: 1px solid #EAEAEA;box-sizing: border-box;}
#quick-menu ul > li > a {display: block;width: 100%;height: 100%;padding: 28px 21px;}
#quick-menu ul > li > a > .ico {max-width: 50px;margin: 0 auto 10px;}
#quick-menu ul > li > a > .txt {color: #000;font-size: 18px;font-weight: 500;line-height: 1.0;}

@media all and (max-width: 1199px){
    #quick-menu ul > li > a {padding: 20px 14px;}
    #quick-menu ul > li > a > .ico {max-width: 40px;}
    #quick-menu ul > li > a > .txt {font-size: 14px;}
}
@media all and (max-width: 1024px){
    #quick-menu ul > li > a > .ico {max-width: 30px;margin: 0 auto;}
    #quick-menu ul > li > a > .txt {display: none;}
}
/* 퀵 메뉴 끝 */
.fix_box {position:fixed;z-index: 999;width: 92%;max-width: 1400px;margin: 0 auto;left: 50%;transform: translateX(-50%);bottom: 90px;}
.fix_box .open_fixbox {position: absolute;right: -200px;bottom: 0;cursor:pointer;}
.fixed_box_wrap { display:none; }
.fixed_box_wrap {position: absolute;right: 0;bottom: 0;background: #fff;padding: 40px;border-radius: 20px;width: 280px;box-shadow:  2px 2px 2px 2px #57575752;}
.fixed_box_wrap .top {    display: flex;flex-direction: column;align-items: center;gap: 25px;border-bottom: 1px solid #d9d9d9;padding-bottom: 25px;margin-bottom: 25px;}
.fixed_box_wrap .top span.colse{cursor:pointer}
.fixed_box_wrap .top p{    text-align: center;font-size: 17px;color: #222;}
.fixed_box_wrap .bottom {display: flex;flex-direction: column;align-items: center;gap: 5px;}
.fixed_box_wrap .bottom > a{width: 90%;background: #004A92;display: flex;justify-content: center;align-items: center;padding: 7px;border-radius: 30px;color: #fff;}
.fixed_box_wrap .bottom > a:first-child {background: #00435b;}
.fixed_box_wrap .bottom > div {    display: flex;align-items: center;gap: 10px;}
.fixed_box_wrap .bottom > div span {    font-weight: 600;font-family: 'Outfit';}

@media(max-width:1400px) {

.fix_box .open_fixbox {right:0}
}


/* 푸터시작 */
#footer{background:#fff}
#footer .footer_wrap {width:92%; max-width:1400px; margin:0 auto;padding:0;position:relative; padding-bottom:50px;}
#footer .footer_wrap .footer_top{}
#footer .footer_wrap .footer_top .menu{display: flex;align-items: center;gap: 40px;margin-bottom: 30px;}
#footer .footer_wrap .footer_top .menu a {color: #666;position: relative;font-size: 0.9em;}
#footer .footer_wrap .footer_top .menu a:nth-child(4) {font-weight:bold; color:#004F96}
#footer .footer_wrap .footer_top .menu a:before {content:'';position:absolute; left:-20px;width:1px ;height:12px; background:#666; top:50%;transform:translateY(-50%)}
#footer .footer_wrap .footer_top .menu a:first-child:before {display: none;}
#footer .footer_wrap .footer_mid{margin-bottom: 20px;display: flex;flex-direction: column;gap:5px;}
#footer .footer_wrap .footer_mid div{display: flex;gap: 25px;}
#footer .footer_wrap .footer_mid div span {font-size: 0.8em;color: #666;}
#footer .footer_wrap .footer_bottom{}
#footer .footer_wrap .footer_bottom .copyright{font-size: 0.8em;color: #b9b9b9;}
#footer .footer_wrap .footer_right {position: absolute;right: 0;top: 50%;}
#footer .footer_wrap .footer_right ul {display: flex;align-items: center;gap: 10px;}
#footer .footer_wrap .footer_right ul li {}
#footer .footer_wrap .footer_right ul li a{display: flex;align-items: center;justify-content: center;width: 50px;aspect-ratio: 1 / 1;height: auto;}
@media (max-width:1000px){
    #footer .footer_wrap .footer_mid div:first-child {flex-wrap: wrap;justify-content: flex-start;}
    #footer .footer_wrap .footer_mid div span {text-align: left;}
}
@media (max-width:800px){
#footer .footer_wrap .footer_right  {position:relative; margin-bottom:30px;}
}
/* 푸터 끝 */




/* 메인페이지 시작 */
.main .inner {max-width:1400px;width:92%; margin:0 auto; padding:120px 0; position:relative}
.section_title {width: 100%;display: flex;flex-direction: column;align-items: center;margin-bottom:100px;}
.section_title span {color:#004F96; font-family:var(--font-Outfit);font-weight:bold;}
.section_title h2 {    font-size: 2.5em;text-align: center;font-weight: 600;margin-bottom:40px;margin-top:15px;}
.section_title p{color:#898989; font-size:0.9em;text-align:center}
.img_wrap img {width:100%}
iframe {width: 100%;aspect-ratio: 16/9; }

.main .section1 {height:100vh;overflow: hidden;}
.main .section1 .mySwiper {}
.main .section1 .mySwiper .swiper-slide {position:relative ; }
.main .section1 .mySwiper .txt_wrap {position: absolute;left: 50%;top: 35%;transform: translateX(-50%);max-width: 1400px;width: 92%;color: #fff}
.main .section1 .mySwiper .txt_wrap h2 {font-size: 3em;font-weight:bold; margin-bottom:30px;}
.main .section1 .mySwiper .txt_wrap p {font-size:1em; line-height:1.5;margin-bottom:95px}
.main .section1 .mySwiper .txt_wrap a {color:#004F96;font-size:1em;padding:15px 35px; border-radius:30px;background: #fff;font-weight:500}
.main .section1 .mySwiper .txt_wrap a img {margin-right:5px;}
.main .section1 .mySwiper .img_wrap img{min-height:100vh; width:100%;overflow:hidden; object-fit: cover;} 


.main .section2 {background: #F4F7F7;} 
.main .section2 .inner {padding:75px 0} 
.main .section2 .section2_contents_wrap .section2_contents_list {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 15px;} 
.main .section2 .section2_contents_wrap .section2_contents_list li {width: calc(100% / 3 - 10px);display: flex;flex-direction: column;align-items: center;gap:10px;} 
.main .section2 .section2_contents_wrap .section2_contents_list li > p {font-family: var(--font-Outfit);font-size:2.5em;font-weight:900;text-align: center;} 
.main .section2 .section2_contents_wrap .section2_contents_list li > span {color:#585858; font-size:1em;} 



.main .section3 {} 
.main .section3 .inner { max-width:1800px}
.main .section3 .sec3_content_wrap ul {display: flex;gap: 30px;}
.main .section3 .sec3_content_wrap ul li:nth-child(2n) {padding-top:100px;}
.main .section3 .sec3_content_wrap ul li a {display: block;position: relative;overflow: hidden;}
.main .section3 .sec3_content_wrap ul li a .img_wrap {border-radius: 20px; overflow: hidden;}
.main .section3 .sec3_content_wrap ul li a:hover .img_wrap img {filter: blur(3px);transition: filter 0.3s ease;}
.main .section3 .sec3_content_wrap ul li a .txt_wrap {position: absolute;bottom: 0;left: 0;width: 100%;padding: 30px 35px;box-sizing: border-box;color: #fff;display: flex;flex-direction: column;gap: 20px;transition: transform 0.5s ease;}
.main .section3 .sec3_content_wrap ul li a .txt_wrap h3 {font-size: 1.5em;display: flex;flex-direction: column;}
.main .section3 .sec3_content_wrap ul li a .txt_wrap h3 > span:first-child {font-size:16px}
.main .section3 .sec3_content_wrap ul li a .txt_wrap p {font-size: 0.8em;height: 0;opacity: 0;transform: translateY(20px);transition: opacity 0.4s ease, transform 0.4s ease;line-height:1.5}
.main .section3 .sec3_content_wrap ul li a:hover .txt_wrap {transform: translateY(-20px);}
.main .section3 .sec3_content_wrap ul li a:hover .txt_wrap p {opacity: 1;transform: translateY(0);height:100%;font-size:1em}

.main .section4 {background: url('../img/main_sec4_bg.png') no-repeat center center;background-size: cover; height: 100vh;}
.main .section4 .inner {height:100%}
.main .section4 .inner.mo_content {display:none}
.main .section4 .inner.pc_content {display:block}
.main .section4 h3 {color:#fff; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);font-size: 2.25em;display:flex; flex-direction: column;justify-items: center;text-align: center;gap:20px;font-weight:600;line-height: 1.3;}
.main .section4 h3 span {font-size:25px;font-family: var(--font-Outfit);font-weight: 500;}
.main .section4 .text_box {position:relative;display:flex; height:100%;padding-bottom:30px;}
.main .section4 .text_box > div {width:calc(100% / 3); display: flex;flex-direction: column;justify-content: center;}
.main .section4 .text_box .left{gap:230px;}
.main .section4 .text_box .center{gap:515px;}
.main .section4 .text_box .right{gap:250px; padding-left:50px;}
.main .section4 .text_box > div > p{text-align:center;color:#666; font-weight:400}
.main .section4 .text_box > div > p.active {color:#004F96; font-weight:500}

.main .section5{padding:150px 0;}
.main .section5 .slide_box {display: flex;flex-direction: column;gap: 50px; overflow: hidden;}
.main .section5 .line {overflow: hidden;}
.main .section5 .track {display: flex;width: max-content;align-items: center;gap: 100px;}
.main .section5 .line.left .track {animation: marqueeLeft 40s linear infinite;}
.main .section5 .line.right .track {animation: marqueeRight 40s linear infinite;}

@keyframes marqueeLeft {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); } 
}

@keyframes marqueeRight {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

.main .section6 .tab_title_wrap {display:flex; align-items: center;}
.main .section6 .section_title {align-items: flex-start;}
.main .section6 .tab_menu {display: flex;gap: 10px;height: 80px;background: #d9e5ef;padding: 10px;border-radius: 80px;}
.main .section6 .tab_content {display:none}
.main .section6 .tab_content.active{display:block}
.main .section6 .tab_btn {border: 0;cursor: pointer;color: #004F96;background: transparent;display: block;font-size: 1em;width: 260px;}
.main .section6 .tab_btn.active {background: #004F96;color: #fff;border-color: #004F96;border-radius: 30px;}
.main .section6 .media_wrap {display: flex;gap: 30px;}
.main .section6 .media_main {flex: 2;max-width: 820px;width: 50%;}
.main .section6 .media_list {flex: 1;display: flex;flex-direction: column;gap: 10px;width:50%; }
.main .section6 .media_item {display: flex;gap: 20px;align-items: center;cursor: pointer;}
.main .section6 .media_item a{display: flex;gap: 20px;align-items: center;}
.main .section6 .media_item a img {width:50%}
.main .section6 .media_item p {font-size:0.9em}
.main .section6 .btn_more {margin-top: 10px;background: #E21515;color: #fff;text-align: center;text-decoration: none;width: 220px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 30px;}
.main .section6 .link_btn {display: flex;align-items: center;justify-content: center;} 

.main .section7 {background: url('../img/main_sec7_bg.png') no-repeat center center;background-size: cover; padding:150px 0;overflow: hidden;}
.main .section7 .section_title {margin-bottom:50px}
.main .section7 .section_title h2 {margin-bottom:0}
.main .section7 .loop_slide_wrap .loop_slide{    background: #CDDEEF;width: 450px;aspect-ratio: 1 / 1;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 25px;border-radius: 20px;}
.main .section7 .loop_slide_wrap .loop_slide:nth-child(2n) {background: #EAEAEA;}
.main .section7 .loop_slide_wrap .loop_slide .img_wrap {display: flex;flex-direction: column;align-items: center;gap: 30px;}
.main .section7 .loop_slide_wrap .loop_slide .img_wrap img {width:auto}
.main .section7 .loop_slide_wrap .loop_slide .img_wrap span{background: #004F96;color: #Fff;padding: 10px 30px;border-radius: 30px;font-size: 0.9em;}
.main .section7 .loop_slide_wrap .loop_slide .txt_wrap p{font-size: 0.9em;padding: 0 50px;text-align: center;}
.main .section7 .loop_slide_wrap .track {animation: loop 40s linear infinite;width: fit-content;gap: 20px;display:flex}
.main .section7 .link_btn a {display: flex;margin-top: 100px;background: #004F96;color: #fff;width: 220px;justify-content: center;align-items: center;position: relative;left: 50%;transform: translateX(-50%);height: 60px;border-radius: 30px;}
@keyframes loop {
  0% {transform: translateX(0);}
  100% {transform: translateX(-50%);}
}

.main .section8 .inner {position: relative;background: url(../img/main_sec8_bg.png) #FBFBFB;background-repeat: no-repeat;background-position: 70% bottom;margin: 150px 0 120px;border-radius: 30px;overflow: hidden;left: 50%;transform: translateX(-50%);}
.main .section8 .sec8_txt_wrap {display: flex;justify-content: center;flex-direction: column;align-items: center;gap:20px;}
.main .section8 .sec8_txt_wrap h3 {    font-size: 2.5em;color: #004F96;font-weight: bold;margin-bottom: 10px;}
.main .section8 .sec8_txt_wrap .sec8_txt_list{color: #666;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 30px;line-height: 1.35;font-size: .9em;padding-bottom: 30px;}
.main .section8 .sec8_txt_wrap .sec8_link a {font-size: 1em;color: #fff;background: #004F96;padding: 20px 40px;border-radius: 50px;display: block;}

@media (max-width:1200px){
    body{font-size:17px}
    .inner {padding:80px 0}
    .section3 .sec3_content_wrap ul {gap:15px;}
    .section3 .sec3_content_wrap ul li a .txt_wrap {padding:20px 25px}
}
@media (max-width:1000px){
    .section3 .sec3_content_wrap ul li a .txt_wrap {padding:10px}
    .main .section3 .sec3_content_wrap ul {    flex-wrap: wrap;justify-content: center;}
    .main .section3 .sec3_content_wrap ul li {width:calc(100% / 3 - 20px)}
    .main .section3 .sec3_content_wrap ul li:nth-child(2n) {padding-top:0}
    .main .section6 .section_title {margin-bottom:30px;}
    .main .section6 .tab_title_wrap {    flex-direction: column;margin-bottom:30px;}
    .main .section7 .loop_slide_wrap .loop_slide {width:400px;}
    .main .section6 .media_wrap {gap:20px;}
    .main .section6 .media_item, 
    .main .section6 .media_list {gap:15px;}

}
@media (max-width:800px){
    body{font-size:18px}
    .inner {padding:60px 0}
    
    .section3 .sec3_content_wrap ul {flex-wrap: wrap;}


    .main .section6 .media_wrap {flex-direction: column;}
    .main .section6 .media_main {width:100%}
    .main .section6 .media_list {width:100%}
    .main .section6 .media_item img {width:40%}
    .section8 .sec8_txt_wrap h3 {font-size:40px;}
    

}
@media (max-width:768px){ 
.fix_box {display:none}
    .section_title {margin-bottom:60px;}
    .section_title h2  {font-size:30px; margin-top:10px; margin-bottom:20px;}
    .section_title p{font-size:15px;}
    .main .section2 .section2_contents_wrap .section2_contents_list li > p {font-size:30px;}
    .main .section3 .sec3_content_wrap ul li {width:calc(50% - 20px)}
    .main .section3 .sec3_content_wrap ul li a .txt_wrap h3 {font-size:30px}
    .main .section3 .sec3_content_wrap ul li a .txt_wrap p {font-size:17px;} 
    .main .section4 .text_box {flex-direction: column;margin-top:30px;}
    .main .section4 .text_box > div {width:100%;    align-items: flex-start;}
    .main .section4 .text_box .left ,
    .main .section4 .text_box .center,
    .main .section4 .text_box .right {gap:10px; padding-left:0}
    .main .section4 .text_box > div > p {text-align: left;}
    .main .section4 .inner.pc_content {display:none}
    .main .section4 .inner.mo_content {display:block; padding-top:0;}
    .main .section4 {background:url('../img/main_sec4_mobg.png') no-repeat center right}
    .main .section5 {padding: 60px 0;}
    .main .section5 .track {height:30px;gap:60px;}
    .main .section5 .track img {height:100%;}
    .main .section5 .slide_box {gap:30px}
    .main .section6 .tab_menu {width:100%}
    .main .section6 .tab_btn {width:50%;}
    .main .section7 {padding:80px 0}
    .main .section7 .loop_slide_wrap .loop_slide {width:320px;}
    .main .section7 .loop_slide_wrap .loop_slide .txt_wrap p {font-size:15px;padding:0 20px;}
    .main .section7 .loop_slide_wrap .loop_slide .img_wrap {gap:15px;}
    .main .section7 .loop_slide_wrap .loop_slide .img_wrap span {padding: 5px 30px;}
    .main .section7 .loop_slide_wrap .loop_slide {gap:10px;}
    .main .section7 .link_btn a {margin-top:60px;}

    #footer .footer_wrap .footer_top .menu {display:flex;flex-wrap: wrap;gap:10px 40px;}
    #footer .footer_wrap .footer_mid div {display:flex;flex-wrap: wrap;gap:10px 25px;}
    #footer .footer_wrap .footer_mid div span {line-height: 1.4;}
    
}
@media (max-width:600px){ 

    .main .section1 .mySwiper .txt_wrap {top:50%; transform:translate(-50%, -50%)}
    .main .section1 .mySwiper .txt_wrap h2 {font-size:40px}
    .main .section1 .mySwiper .txt_wap h2 {font-size:30px}
    .main .section1 .mySwiper .txt_wrap p,
    .main .section1 .mySwiper .txt_wrap a,
    .main .section3 .sec3_content_wrap ul li a .txt_wrap p {font-size:18px}
    .main .section2 .section2_contents_wrap .section2_contents_list {display: flex;flex-direction: column;align-items: center;gap: 30px;}
    .main .section2 .section2_contents_wrap .section2_contents_list li > p {font-size:35px;}
    .main .section2 .section2_contents_wrap .section2_contents_list li {width:100%}
    .main .section3 .sec3_content_wrap ul li a .txt_wrap {padding:20px 25px;}
    .main .section5 .sec5_txt_wrap h3 {font-size:30px;}
    
}

@media (max-width:500px){ 
    .main .section1 .mySwiper .txt_wrap h2 {font-size:35px} 
    .main .section1 .mySwiper .txt_wrap p, .section1 .mySwiper .txt_wrap a {font-size:17px}
   .main .section8 .sec8_txt_wrap h3 {text-align: center;font-size:40px;}
    .main .section3 .sec3_content_wrap ul li {width:100%} 
}
/* 메인페이지 끝 */