@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');

/* direct CSS */
/* loading */
 /* 로딩전 화면을 가리기 */
 #ringloadings {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 999999;
}

/* 로더 */
#ringy
{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100px;
height:100px;
background:transparent;
border-radius:50%;
text-align:center;
line-height:100px;
font-family:sans-serif;
font-size:20px;
color:#fe0000;
letter-spacing:4px;
text-transform:uppercase;
}
#ringy:before
{
content:'';
position:absolute;
top:-3px;
left:-3px;
width:100%;
height:100%;
border:3px solid transparent;
border-top:3px solid #fe0000;
border-right:3px solid #fe0000;
border-radius:50%;
animation:animateC 2s linear infinite;
}
.ringspan
{
display:block;
position:absolute;
top:calc(50% - 2px);
left:50%;
width:50%;
height:4px;
background:transparent;
transform-origin:left;
animation:animate 2s linear infinite;
}

/* 로더 애니메이션 */
@keyframes animateC
{
    0%{
        transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
    }
}
@keyframes animate
{
    0%{
        transform:rotate(45deg);
    }
    100%{
        transform:rotate(405deg);
    }
}

/* flex Setting */
.flex { display:flex; }
.flex.col { flex-direction: column; }
.flex.j_start { justify-content:flex-start; }
.flex.j_end { justify-content:flex-end; }
.flex.j_center { justify-content:center; }
.flex.j_space { justify-content: space-between; }
.flex.j_stretch { justify-content: stretch; }
.flex.a_start { align-items: flex-start; }
.flex.a_center { align-items: center; }
.flex.a_end { align-items: flex-end; }

/* common */
.inner { width:100%; max-width:1280px; margin:0 auto; }
.board_title { font-family: 'Noto Serif KR', serif; font-size:30px; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px; }

/* header */
#tnb { height:55px; border-bottom:1px solid #ddd; }
#tnb .inner { height:100%; }
.tnb_left, .tnb_right { width:50%; }
.tnb_left p { color:#14306b; font-size:14px; }
.tnb_right { position:relative; }
.tnb_right select { border:1px solid #ddd; }
.tnb_auth a { display:inline-block; width:70px; text-align:center; border:1px solid #ddd; padding:2px 0; font-size:12px; margin-left:10px; }
.tnb_auth li:last-child a { background-color:#f1f1f1; color:#888; }
#hd_wrapper .inner { height:100%; }
.nav_wrap { background-color:#de0000; }
#s_gnb { width:100%; }
#s_gnb .gnb_ul > li { position:relative; width:25%; text-align:center; transition:.3s; }
#s_gnb .gnb_ul > li::after { position:absolute; width:1px; height:30px; background-color:rgba(255,255,255,.9); right:0; top:calc(50% - 15px); content:""; display:block; }
#s_gnb .gnb_ul > li:last-child::after { display:none; }
#s_gnb .gnb_ul > li > a { font-size:14px; font-family: 'Noto Serif KR', serif; color:#fff; font-weight:500; height:60px; line-height:60px; display:inline-block; }
#s_gnb .gnb_ul > li .lnb { display:none; position:absolute; background-color:rgba(255,255,255,.9); z-index:999; width:100%; left:0; top:60px; }
#s_gnb .gnb_ul > li.active { background-color:#fff; }
#s_gnb .gnb_ul > li.active > a { color:#fe0000; font-weight:bold; }
#s_gnb .gnb_ul > li.active .lnb { display:block; }
#s_gnb .gnb_ul > li .lnb a { display:block; text-align:left;  padding:13px 20px; font-size:14px; font-family: 'Noto Serif KR', serif; }
#s_gnb .gnb_ul > li .lnb a:hover { color:#fe0000;  background-color:#fff; }
#s_gnb .gnb_ul > li .inner_lnb li a { padding-left:40px; }
.lan_change { width:140px; height:30px; color:#aaa; border-radius:5px; text-align:center; font-size:14px; }
.glob_btn { width:140px; height:50px; position:relative; cursor:pointer; }
.glob_btn:hover .global_sel { display:block;  animation:animateGlob .1s linear;}
.global_sel:hover { display:block; }
#logo { width:50%; }
.hd_right { width:50%; }
.hd_logo_wrap { padding:20px 0; }
.vertical_bar { display:inline-block; margin-right:20px; }

@keyframes animateGlob
{
    0%{
        opacity: 0;
        transform:translateY(25px);
    }
    100%{
        opacity: 1;
        transform:translateY(-0px);
    }
}

.glob_btn img { width:20px; margin-top:2px; }
.glob_btn span { margin-left:2px; font-size:14px; font-weight:400; }
.global_sel { display:none; position:absolute; top:50px; background-color:#fff; border:1px solid #ccc; width:150px; text-align:center; padding:10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; z-index:999; }
.global_sel li a { display:block; font-size:14px; padding:10px 0; }

.catalog_btn { font-size:14px; }

/* section1 */
.mvSwiper { width:100%; height:80vh; overflow:hidden; position:relative; }
.mv_content { text-align:center; position:relative; z-index: 2;}
.mv_content h2, .mv_content p { color:#fff; }
.mv_content h2 { font-family: 'Noto Serif KR', serif; font-weight:500;  font-size:45px; margin:10px 0 20px; }
.mv_top_text { font-size:18px; font-family: 'Noto Serif KR', serif; }
.mv_bottom_text { font-size:18px; font-weight:300; line-height:30px; }
.mv_btn a { background-color:#fe0000; display:inline-block; margin-top:50px; color:#fff; border-radius:40px; padding:10px; width:150px; font-size:14px; opacity:.8; transition:.3s; }
.mv_btn a:hover { opacity:1; }

.mv_arr { background:none; width:auto; height:auto; transform:translateY(-50%); margin-top:0;  }
.mv_arr.swiper-button-next { right:40px; }
.mv_arr.swiper-button-prev { left:40px; }
.mv_arr img { width:40px; }
.mvSwiper.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:40px; }
.mvSwiper.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 3px; }
.mvSwiper .swiper-pagination-bullet { background-color:#fff; opacity:1; width:10px; height:10px; }
.mvSwiper .swiper-pagination-bullet-active { background-color:#ce5e5e; }

.mv_slide.swiper-slide-active .keyinverse { -webkit-animation: kenburns-top 10s ease-out both; animation: kenburns-top 10s ease-out both; position:absolute; width:100%; height:100%; left:0; right:0; top:0; bottom:0; z-index:1; }
.mv_slide.swiper-slide-active .mv_content h2 { -webkit-animation: text_fadeinDown 1s ease-out both; animation: text_fadeinDown 1s ease-out both; animation-delay: 2s; }
.mv_slide.swiper-slide-active .mv_content p { -webkit-animation: text_fadeinDown 1s ease-out both; animation: text_fadeinDown 1s ease-out both;  }
.mv_slide.swiper-slide-active .mv_content .mv_top_text { animation-delay: 1s; }
.mv_slide.swiper-slide-active .mv_content .mv_bottom_text { animation-delay: 3s; }
.mv_slide.swiper-slide-active .mv_content a { -webkit-animation: btn_fadeinUp 1s ease-out both; animation: btn_fadeinUp 1s ease-out both; animation-delay: 4s; }

@keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

@keyframes text_fadeinDown {
    0% {
        opacity:0;
        transform:translateY(-50px);
    }
    100% {
        opacity:1;
        transform:translateY(0px);
    }
}

@keyframes btn_fadeinUp {
    0% {
        opacity:0;
        transform:translateY(50px);
    }
    100% {
        opacity:.8;
        transform:translateY(0px);
    }
}


/* section2 */
#section2 { padding:80px 0; }
.sec2Swiper { max-width:1400px;  margin:0 auto; height:400px; overflow:hidden; position:relative;}
.sec2_slide { padding:0 80px; }
.sec2_arr.swiper-button-next { right:0px; width:auto; height:auto; transform:translateY(-50%); margin-top:0; }
.sec2_arr.swiper-button-prev { left:0px; width:auto; height:auto; transform:translateY(-50%); margin-top:0; }
.sec2_left { width:500px; padding-right:50px; padding-top:30px; }
.sec2_right { width:calc(100% - 500px); }
.sec2_img_box { width:100%; height:350px; }
.sec2Swiper .red_point { color:#c71a1c; font-size:18px; margin-bottom:5px; }
.sec2Swiper .en_title { font-size:26px; color:#505050; position:relative; display:inline-block; }
.sec2Swiper .en_title:after { left:calc(100% + 10px); right:0; display:block; width:100%; height:1px; background-color:#505050; top:50%; content:''; position:absolute; }
.sec2Swiper h3 { font-size:26px; font-weight:700; margin:10px 0; }
.sec2Swiper .sec2_slide_text { font-size:15px; line-height:30px; color:#333333; }
.empty_place { height:125px; }
.sec2Swiper .swiper-pagination-bullet { opacity:1; width:40px; height:40px; text-align:center; line-height:40px; border-radius:100%; background-color:#222; color:#fff; }
.sec2Swiper.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:50px; position:absolute; padding-left:80px; z-index:999; }
.sec2Swiper .swiper-pagination-bullet:nth-of-type(1) { background:url(../img/sec2_img01.png) center/cover no-repeat }
.sec2Swiper .swiper-pagination-bullet:nth-of-type(2) { background:url(../img/mv01.png) center/cover no-repeat }

/* section3 */
#section3 .inner { border-top:1px solid #ddd;  padding:80px 0;  }
.sec3_title { text-align:center; }
.sec3_title p { color:#c71a1c; font-size:16px; }
.sec3_title h3 { font-weight:700; font-size:30px; }
.tabArea { margin-top:30px; } 
.tabArea .tab { display: flex; justify-content: center; align-items: center;} 
.tabArea .tab li a { font-size: 15px; color: #9a9a9a; font-weight: 500; padding:30px 10px; margin:0 20px; display:inline-block; } 
.tabArea .tab li.on a { font-weight: bold; border-bottom:2px solid #c71a1c; color:#222; } 
.tabArea .tabBox { margin-top: 0px; display: none; border:1px solid #ddd; padding:40px 70px; } 
.tabArea .tabBox.on { display: block; } 
.tab_img { width:55%; padding-top:29.5%; }
.tab_img:nth-of-type(1) { background:url(../img/sec3_img01.png) center/cover no-repeat; }
.tab_text { width:45%; padding-left: 40px; }
.tab_text h4 { font-size:30px; font-weight:500; margin-bottom:20px; line-height:40px; }
.tab_text h4 span { color:#ce5e5e; }
.tab_text_mid { font-size:18px; margin-bottom:10px; }
.tab_text_bottom { font-size:16px; margin-bottom:10px; }
.tab_text a { display:block; width:155px; height:45px; text-align:center; line-height:42px; font-size:15px; border:1px solid #333; margin-top:20px; }

/* section4 */
.sec4_title { text-align:center; }
.sec4_title p { font-size:16px;  font-family: 'Noto Serif KR', serif; margin-bottom:5px; }
.sec4_title h3 { display:inline-block; font-size:26px; font-family: 'Noto Serif KR', serif; font-weight:bold; border-bottom:2px solid #ce5e5e; padding-bottom:20px; }
.sec4_left { width:50%; height:220px; }
.sec4_img { width:100%; height:100%; }
.sec4_right { width:50%; height:220px; padding:20px; }
.sec4_right h4 { font-size:18px; margin-bottom:10px; }
.sec4_right p { font-size:14px; color:#656565; margin-bottom:10px; }
.sec4_right a { color:#aeaeae; font-size:13px; }
.sec4Swiper { overflow:hidden; position:relative; height:220px; margin-top:40px; }
.sec4_slide { border:1px solid #ddd; background-color:#f9f9f9; }
.sec4_arr_wrap { padding:10px 0; }
.sec4_arr_wrap div { margin-right:5px; cursor:pointer; }

/* section5 */
#section5 { background-color:#223f7b; padding:60px 0px; margin-bottom:30px; margin-top:80px; }
.sec5_left, .sec5_right { width:50%; }
.sec5_left { padding-left:55px; }
.sec5_right { padding-left:90px; }
.sec5_right h3 { color:#daddcc; font-size:40px; font-weight:400; line-height:45px; }
.sec5_right h3 span { color:#ffd50f; }
.sec5_mid_text { font-size:27px; color:#fff; margin:20px 0; }
.sec5_bottom_text { font-size:16px; color:#fff; }
.sec5_right a { border:1px solid #fff; padding:10px 40px; color:#fff; margin-top:30px; display:inline-block; font-size:13px; }
.sec5Swiper { overflow:hidden; position:relative; }
.sec5_slide img { width:100%; height:340px; }
.pager_back { position:absolute; background-color:#ffd50f; width:230px; height:130px; margin-top:-55px; margin-left:-55px; padding-top:20px; padding-left:65px; }
.pager_back .swiper-pagination-bullet { background-color:#ffd50f; margin-right:5px; border:1px solid #223f7b; opacity:1; width:9px; height:9px; }
.pager_back .swiper-pagination-bullet-active { background-color:#223f7b; width:20px; border-radius:5px; }
.slider_btn { color:#223f7b; font-size:6px; cursor:pointer; }

/* section6 */
#section6 { padding:60px 0; }
.latest_wrap > div { width:50%; }
.board_latest { position:relative; border:1px solid #ddd; padding:30px; width:100%;  }
.latest_more { position:absolute; right:0; top:0; display:inline-block; width:40px; height:40px; line-height:25px;padding-left:7px; text-align:center; color:#fff; font-size:40px; }
.notice_latest { margin-bottom:30px; }
.notice_latest .latest_more { background-color:#ffd50f; }
.bbs_latest .latest_more { background-color:#dfa3ab; }

.board_latest h4 { font-size:22px; font-family: 'Noto Serif KR', serif; padding-bottom:20px; border-bottom:1px solid #ddd; }
.board_latest h4 span { font-size:18px; color:#a8a8a8; display:inline-block; margin-left:5px; }
.board_latest .latest_date { width:80px; text-align:center; font-family: 'Roboto', sans-serif; }
.board_latest .latest_date p:first-child { font-size:16px; font-weight:700; }
.board_latest .latest_date p:last-child { font-size:14px; }
.board_latest .latest_title { width:calc(100% - 80px); font-size:14px; }

.m_latest_list li { padding:15px 0; border-bottom:1px solid #ddd; }
.m_latest_list li:last-child { border-bottom:none; padding-bottom:0; }

.latest_video { margin-left:100px; }
.lv_title { margin-bottom:60px; }
.lv_title h4 { font-size:26px; font-family: 'Noto Serif KR', serif; margin-bottom:15px; }
.lv_title h4 span { font-size:18px; color:#a8a8a8; }
.lv_title p { font-size:15px; } 

.sec6Swiper { overflow:hidden; position:relative; }
.sec6_slide img { height:350px; width:100%; }
.sec6_slide p { font-size:15px; text-align:center; margin-top:10px; font-weight:500; }

.swiper-pagination6 { text-align:center; margin-top:25px; }
.lv_slider .swiper-pagination-bullet { background-color:#8e8e8e; opacity:1; vertical-align: middle; margin-right:7px; width:8px; height:8px; border-radius:0; }
.lv_slider .swiper-pagination-bullet-active { background-color:#223f7b; width:16px; height:16px; border-radius:0px; }


/* partner */
#section7 { padding:30px 0; border-top:1px solid #ddd; }
.partner_list li { border:1px solid #ddd; height:60px; padding:0 20px; width:calc(100% / 6); }
.partner_list li img { width:80%; max-width:120px; }
/*.partner_list { flex-wrap: wrap; }*/
/*.partner_list li { width:33.33333%; height:auto; border:none; padding:10px; }*/


/* copyright */
#ft { background-color:#f5f5f5; padding:60px 0; }
.ft_logo { width:400px; }
.ft_info { width:calc(100% - 400px); font-size:14px; }
.ft_info p:first-child { margin-bottom:10px; }

#top_btn { position:fixed; right:20px; bottom:20px; width:50px; height:50px; border:none; background-color:#ffd50f; color:#fff; border-radius:100%; z-index:999; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; font-size:30px; }
#top_btn i { display:inline-block; margin-bottom:10px; }