/* ########## setting ########### */
body {
    font-family: 'SCoreDream', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5;

}

a:hover {
    cursor: pointer;
}

.main_container {
    display: flex;
    justify-content: center;
}

.inner_center {
    width: 90%;
    max-width: 1300px;
    margin: auto;
}
.sub_title_container{
    position:relative ;
    top:130px;

}

.mini_nav{
    position: relative;
    margin-top: 100px;
}

/* ########## header ########## */
header{
    background-color: #fff;
    padding: 0px 0px;
    height: 130px;
    position: fixed; /* 헤더를 고정시킵니다 */
    top: 0;         /* 상단에 위치시킵니다 */
    width: 100%;
    z-index: 1000;  /* 다른 요소들 위에 위치하도록 z-index를 설정합니다 */
}

/* header_top_wrap */
header  .header_top_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header  .header_top_wrap > div {
    display: flex; 
    align-items: center;
    font-size: 13px;
}

header  .header_top_wrap > div:nth-child(1) > img {
    width: 110px;
}

header  .header_top_wrap > div > a {
    color: #FFFFFF;
    margin-left: 10px;
}

header  .header_top_wrap > div > a > img {
    width: 30px;
}

/* header_main_menu_wrap */
header  .header_main_menu_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFFFFF;
}

.site-link-btn{font-size:14px;padding:5px 10px;border-radius:5px; background-color: #0173ba;color:#fff;display: inline-block;}

.center_inner { max-width: 1300px; width:100%;margin: auto;}

/* ######## FOOTER ######### */

/* follow_us */
footer .follow_us {
    background-color: #f2f2f2;
    padding: 45px 0px;
}

footer .follow_us > div > div > div:nth-child(1) {
    font-size: 50px;
    font-weight: 600;
    text-align: center;
}

footer .follow_us > div > div > div:nth-child(2) {
    display: flex;
    justify-content: space-between;
}

footer .follow_us > div > div > div > a > img {
    border-radius: 50%;
    width: 75px;
    margin: 40px 15px 0px 15px;
}

/* footer_menu */
footer .footer_menu {
    background: #444b62;
    padding: 30px 0px;
}

footer .footer_menu > div > nav > ul {
    display: flex;
    justify-content: space-between;
}


footer .footer_menu > div > nav > ul > .main_menu > div {
    color: #e6e6e6;
    font-size: 14px;
    margin-bottom: 10px;
}

footer .footer_menu > div > nav > ul > li > .sub_menu > li > a {
    color: #979ba8;
    font-size: 14px;
}

footer .footer_menu > div > nav > ul > li > .sub_menu > li > a:hover {
    text-decoration: underline;
}

/* main_footer */
footer {
    background-color: #1a3683;
    padding: 30px 0px;
    position: relative;
    z-index: 999;
}

.footer_menu_bar {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    border-radius: 24px;
    padding: 14px 10%;
    font-size: 15px;
    margin-bottom: 30px;
}

.footer_menu_bar a:hover {
    color: #1a3683;
    text-decoration: underline;
}

footer .copyright {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}



body main .main_area .main_container .inner_center .main_area_contents .schedule_date_btn button.btnon{  background-color: #1270b4; color: #FFFFFF;}




@media (max-width:1200px) {
    footer .main_footer > div > div > div:nth-child(3) {
        display: block;
    }
    footer .main_footer.pc_view {
        display: none;
    }
    footer .main_footer.mobile_view{
        display: block;
    }
    footer .main_footer .contactarea {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }
    footer .main_footer .contactarea hr {
        background-color: #646979;
        border: none;
        width: 1px;
        height: 170px;
    }
    footer .main_footer .contactarea hr:nth-child(6) {
        display: none;
    }
    footer .main_footer .contactarea > div {
        text-align: center;
        width: 30%;
        margin: 0% 1%;
        padding: 20px 0px;
    }   
    /* footer .main_footer .contactarea > div:nth-child(2),
    footer .main_footer .contactarea > div:nth-child(5) {   
        border-left: 1px solid #646979; 
        border-right: 1px solid #646979;
    } */
    footer .main_footer .contactarea > div:nth-child(1),
    footer .main_footer .contactarea > div:nth-child(3),
    footer .main_footer .contactarea > div:nth-child(5) {   
        border-bottom: 1px solid #646979; 
    }

    footer .main_footer .contactarea div img {
        height: 100px;
    } 
}

.form_table_style_B { width: 100%;  border-top: 2px solid #0dace6; }
.form_table_style_B th:first-child{ border-left: 1px solid #d1d1d1;  }
.form_table_style_B th { padding: 15px 10px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; background-color: #f3f8fd; vertical-align: middle; }
.form_table_style_B td:first-child{ border-left: 1px solid #d1d1d1;  }
.form_table_style_B td { padding: 15px 10px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; vertical-align: middle; }
.form_table_style_B .border_none { border-right: none!important; }
.form_table_style_B .table_title { font-size: 20px; color: #ffffff; font-weight: bold; background-color: #0dace6; }
.form_table_style_B .sum { background-color: #e3fde4; }
.form_table_style_B .sum2 { background-color: #f3f8fd; }

.form_table_style_info { width: 100%;  border-top: 2px solid #555555; }
.form_table_style_info th:first-child{ border-left: 1px solid #d1d1d1;  }
.form_table_style_info th { padding: 15px 10px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; background-color: #f3f8fd; vertical-align: middle; }
.form_table_style_info td:first-child{ border-left: 1px solid #d1d1d1;  }
.form_table_style_info td { padding: 15px 10px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; vertical-align: middle; }
.form_table_style_info .border_none { border-right: none!important; }
.form_table_style_info .table_title { font-size: 20px; color: #ffffff; font-weight: bold; background-color: #555555; }
.form_table_style_info .sum { background-color: #e3fde4; }
.form_table_style_info .sum2 { background-color: #f3f8fd; }

@media (max-width:1000px) {
.footer_menu_bar {
    padding: 14px 3%;
}
.sub_title_container .title_wrap .title_text {
    font-size: 40px;
}
}


@media (max-width:730px) {
    header{height: 80px;}

    footer .footer_menu > div > nav > ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    footer .footer_menu > div > nav > ul > li  {
        width: 33%;
        margin-top: 15px;
    }
    footer .follow_us > div > div > div:nth-child(1) {
        font-size: 36px;
    }
    footer .main_footer .contactarea > div {
        width: 46%;
    }
 
    footer .main_footer .contactarea > div:nth-child(7){   
        border-bottom: 1px solid #646979; 
    }
    footer .main_footer .contactarea hr:nth-child(6) {
        display: flex;
    }
    footer .main_footer .contactarea hr:nth-child(4),
    footer .main_footer .contactarea hr:nth-child(8)    {
        display: none;
    }

    .form_table_style_B th, .form_table_style_info th { padding: 3px px; font-size:11px; }
    .form_table_style_B td, .form_table_style_info td { padding: 3px px; font-size:11px; }

}
@media (max-width:650px) {
   .footer_menu_bar {
    flex-wrap: wrap;
   }
   .footer_menu_bar > a {
    width: 32%;
    text-align: center;
   }
}
@media (max-width:450px) {
  
    footer .follow_us > div > div > div:nth-child(2) {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    footer .follow_us > div > div > div > a {
        width: 48%;
        text-align: center;
    }
    footer .follow_us > div > div > div > a > img {
        width: 70%;
    }
    footer .footer_menu > div > nav > ul > li  {
        width: 40%;
    }
    footer .main_footer .contactarea > div {
        width: 90%;
    }
    footer .main_footer .contactarea hr:nth-child(2),
    footer .main_footer .contactarea hr:nth-child(4),
    footer .main_footer .contactarea hr:nth-child(6),
    footer .main_footer .contactarea hr:nth-child(8),
    footer .main_footer .contactarea hr:nth-child(10) {
        display: none;
    }
    footer .main_footer .contactarea > div:nth-child(9){   
        border-bottom: 1px solid #646979; 
    }
}

@media (max-width:340px) {
    footer .follow_us > div > div > div:nth-child(1) {
        font-size: 40px;
    }
    footer .footer_menu > div > nav > ul > li  {
        width: 60%;
    }
}


/* 1) keyframes (변경 없음) */
@keyframes bgZoom {
  0%   { transform: scale(1.8); }
  100% { transform: scale(1);   }
}

/*############ sub 공통 사용 ############*/
/* sub_title_container */
.sub_title_container .title_wrap {
    position: relative;            /* pseudo-element 위치를 위해 */
    width: 100%;
    height: 24rem;
    background: #363A40;           /* 혹은 background-image 설정 */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 900;
}

/* 검정 반투명 레이어 */
.sub_title_container .title_wrap::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 투명도 50% */
    z-index: 1;
}

/* 배경 이미지가 inner_bg로 들어갈 때는 z-index:0으로 뒤에 깔아주고,
   텍스트는 z-index:2로 위로 띄워줍니다 */
.sub_title_container .title_wrap .inner_bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 0;
    opacity: 1;
    transition: all 1s ease-in-out;
}
.sub_title_container .title_wrap .inner_bg.active {
    opacity: 0.1;
}
.sub_title_container .title_wrap .inner_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
       animation: bgZoom 3s ease-in-out 1 forwards;
}

.sub_title_container .title_wrap .title_text {
    position: relative;
    z-index: 2;
    font-size: 48px;
}

/* ─── reveal 애니메이션 ─── */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}





.sub_title_container .step_wrap { padding: 16px 0; font-size: 16px; font-weight:600; position: relative; z-index:99;}
.sub_title_container .step_wrap .inner_center {  position: absolute; top: -30px;left: 50%; height: 55px; transform: translateX(-50%); background: #373a3f; box-shadow: 2px 2px 0.3rem rgba(0, 0, 0, 0.4);}
.sub_title_container .step_wrap .active_menu_wrap { display: flex; align-items: center; height: 100%;}
.sub_title_container .step_wrap .active_menu_wrap > li { height: 100%; width: 20%;}
.sub_title_container .step_wrap .active_menu_wrap > li.home_icon { width: fit-content; }
.sub_title_container .step_wrap .active_menu_wrap > li.home_icon > a {padding: 0px;}
.sub_title_container .step_wrap .active_menu_wrap > li.home_icon > a > img { height: 100%;}
.sub_title_container .step_wrap .active_menu_wrap > li > a { color: #fff; border-right: 1px solid #50555c; display: flex;align-items: center; height: 100%; padding: 0px 20px; display: flex; justify-content: space-between; width: 100%;}
.sub_title_container .step_wrap ul > li > a > img {height: 15px;}
.sub_title_container .step_wrap ul .sub_menu_list {  height: 0; opacity: 0; visibility: hidden; display: block; width: 100%; background-color: #373a3f;}
.sub_title_container .step_wrap ul .sub_menu_list.on { height: auto; opacity: 1; visibility: visible; transition: all 0.25s ease;}
.sub_title_container .step_wrap .sub_menu_list li { height: 100%; width: 100%; border-top: 1px solid #50555c;}
.sub_title_container .step_wrap .sub_menu_list li a { display: flex; width: 100%; height: 100%; padding: 15px 20px; color: #fff;}



/* .sub_title_container.bg_1 .title_wrap .img { background-image: url(../images/sub_vc_1.jpg); }
.sub_title_container.bg_2 .title_wrap .img { background-image: url(../images/sub_vc_2.jpg); }
.sub_title_container.bg_3 .title_wrap .img { background-image: url(../images/sub_vc_3.jpg); }
.sub_title_container.bg_4 .title_wrap .img { background-image: url(../images/sub_vc_4.jpg); }
.sub_title_container.bg_5 .title_wrap .img { background-image: url(../images/sub_vc_5.jpg); }
.sub_title_container.bg_6 .title_wrap .img { background-image: url(../images/sub_vc_6.jpg); } */


/* sub_button_container */
.sub_button_container { padding: 50px 0; }
.sub_button_container .title { margin-bottom: 40px; font-size: 36px; font-weight: 900; color: #0173ba; text-align: center; }

.sub_button_container .btn_wrap { display: flex; justify-content: center; }
.sub_button_container .btn_wrap > li { width: 33%; }
.sub_button_container .btn_wrap > li > a { height: 60px; border: 1px solid #dddddd; font-size: 22px; text-align: center; display: flex; align-items: center; justify-content: center; }
.sub_button_container .btn_wrap > li.on > a { color: #ffffff; background-color: #0173ba; }


/* sub_bottom_sponsor_wrap */
.sub_bottom_sponsor_wrap { border-top: 1px solid #eeeeee; }
.sub_bottom_sponsor_wrap .center_inner { padding: 10px 0; display: flex; align-items: center; justify-content: center; }
.sub_bottom_sponsor_wrap .sponsor_wrap { margin: 0 10px; display: flex; align-items: center; }
.sub_bottom_sponsor_wrap .sponsor_wrap > div { font-size: 15px; }
.sub_bottom_sponsor_wrap .sponsor_wrap ul { display: flex; align-items: center; }
.sub_bottom_sponsor_wrap .sponsor_wrap ul img { width: 180px; }


/* sub_side_link_wrap */
.sub_side_link_wrap { z-index: 3000; width: 120px; padding: 30px 0 20px 0; border-radius: 60px; border: 8px solid #4daf50; background-color: #ffffff; font-size: 14px; font-weight: bold; position: fixed; top: 50%; right: 10px; transform: translate(0,-50%); display: flex; flex-direction: column; align-items: center; }
.sub_side_link_wrap > ul > li { width: 100%; margin: 20px 0; }
.sub_side_link_wrap > ul > li a { font-size: 12px; text-align: center; font-weight: bold; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sub_side_link_wrap > ul > li a > img { width: 70px; }




.headding-box { padding: 30px; border: 13px #EEE solid; border-radius: 0 30px 0 30px; font-size: 16px; line-height: 180%; box-sizing: border-box; }
.headding-box .strong { color: orange; }
.headding-box ul li strong { font-weight: 700; }
.headding-box ul li { padding-left: 18px; background: url("../images/icon_dot.png") no-repeat 0 0 .8em; font-size: 16px; }
.headding-box ul li li { padding-left: 18px; background: url("../images/desh.png") no-repeat 0 0 .8em; font-size: 16px; }
.headding-box ul li {position: relative;padding-left: 30px;font-size: 16px; line-height: 20px; text-indent: 0;list-style-type: none; }
.headding-box ul li::before {content: "•";position: absolute;left: 0; top: 0; color: black; font-size: 18px; line-height: 20px;}
.headding-box ul li li::before {content: "•"; left: 0;}


@media all and (max-width:1200px) {
    .sub_title_container {
        top: 70px;
    }
   
    .sub_title_container .step_wrap .active_menu_wrap > li {
        width: 30%;
    }
}
@media all and (max-width:850px) {
    .sub_title_container .title_wrap .inner_bg {
        top: 0px;
    }
    .sub_title_container .title_wrap .inner_bg img {
        width: 140%;
    }
    .sub_title_container .step_wrap .inner_center {
        width: 100%;
    }
      .sub_title_container .step_wrap .active_menu_wrap > li {
        width: 50%;
    }
}
@media all and (max-width:650px) {
    .sub_title_container .title_wrap .inner_bg img {
        width: 160%;
    }
}
@media all and (max-width:560px){
    .headding-box { padding: 10px; border: 13px #EEE solid; border-radius: 0 20px 0 20px; font-size: 14px; line-height: 180%; box-sizing: border-box; }
    .headding-box .strong { color: orange; }
    .headding-box ul li strong { font-weight: 700; }
    .headding-box ul li { padding-left: 10px; background: url("../images/icon_dot.png") no-repeat 0 0 .8em; font-size: 12px; }
    .headding-box ul li li { padding-left: 10px; background: url("../images/desh.png") no-repeat 0 0 .8em; font-size: 12px; }

    .sub_title_container{}
    .sub_title_container .title_wrap { height: 200px;}
    .sub_title_container .title_wrap .inner_bg img {width: 180%;}
    .sub_title_container .title_wrap .title_text {font-size: 28px;}

    .sub_title_container .title_wrap > div:nth-child(1) { margin-bottom: 0px; font-size: 22px; font-weight: 600;  }
    .sub_title_container .step_wrap { font-size: 13px;  }

    .mini_nav{position: relative;margin-top: 30px;}

    .sub_title_container .step_wrap .active_menu_wrap .active_menu.main_menu {display: none; }
    .sub_title_container .step_wrap .active_menu_wrap .active_menu.sub_menu { width: 100%; }

}

   
.ContainerBox               { display: flex; }
.ContainerItem              { display: flex; align-items: center; font-size: 24px; font-weight: bold; padding: 10px 0; color: #000; }
.ContainerIcon              { height: 1.7em; width: auto; margin-right: 8px; }
.ContainerContents          { font-size: 18px; line-height: 1.9; margin-bottom: 60px; padding: 5px 20px; }

/* ─── 데스크탑 중간(width ≤ 1024px) ─── */
@media (max-width: 1024px) {
  .ContainerItem            { font-size: 20px; }
  .ContainerContents         { padding: 5px 15px; }
}

/* ─── 태블릿(width ≤ 768px) ─── */
@media (max-width: 768px) {
  .ContainerBox              { flex-direction: column; align-items: flex-start; }
  .ContainerContents         { font-size: 16px; line-height: 1.6; }
}