@charset "utf-8";
html,body{padding:0; width:100%; min-height:100%; max-width:1920px;margin:0 auto;font-size:16px;}
#wrap { position:relative;width:100%;min-width:1400px; margin:0 auto;}
*{box-sizing: border-box; outline: none !important;}

:root {
  --fn: 500;
  --fb: 600;
  --feb: 800;
  --fh: 900;

  --fs14: 14px;
  --fs15: 15px;
  --fs16: 16px;
  --fs18: 18px;
  --fs19: 19px;
  --fs20: 20px;
  --fs22: 22px;
  --fs24: 24px;
  --fs28: 28px;
  --fs35: 35px;
  --font-light: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-ebold: 800;
  --font-heavy: 900;
}
section {position:relative;width:100%;}
section .inner{position:relative;width:1400px;margin:0 auto;box-sizing: border-box;}

section.hmscTopWrpper {display:flex;justify-content: center;height:162px;}
section.hmscTopWrpper .inner{padding:0 80px 0 90px;}
section.hmscTopWrpper .logo{cursor:pointer;}
section.hmscTopWrpper .logo a{display:block;width:121px;height:88px;background:url('../images/t_logo.png') 0 0;transition: .5s all}
section.hmscTopWrpper .logo a:hover{background:url('../images/t_logo.png') 0 -176px;}
section.hmscTopWrpper .menu_wrapper{flex:1;font-size:var(--fs22);height:100%;}
section.hmscTopWrpper .menu_wrapper ul{gap:0 128px;height:100%;}
section.hmscTopWrpper .menu_wrapper ul li{height:100%;display:flex;justify-content: center;align-items: center;}
section.hmscTopWrpper .menu_wrapper ul li a{font-weight:var(--font-bold);}
section.hmscTopWrpper .menu_wrapper ul li a:hover{font-weight:var(--font-heavy);}
section.hmscTopWrpper .logo_archive{cursor:pointer;}

section.hmscTopWrpper #gnb-menu{display:none;position:absolute;width:100%;z-index:5;height:auto;top:155px;left:0;}
section.hmscTopWrpper .gnb-all-menu-wrapper{position:relative;display:flex;justify-content: center;background: #FFFFFF;box-shadow: #d8d8d8 0px 20px 30px -30px;}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper{position:relative;width:325px;display:flex;flex-direction: column;align-items: center;border-right:.5px solid #c9c7c7;padding:24px 0 42px 0;box-sizing: border-box;font-size:var(--fs18);}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper:last-child{border-right:0;}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .title{position:relative;font-size:var(--fs20);color:#003b90;font-weight:var(--font-ebold);margin-bottom:25px;left:-22px;}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .menu-list-wrap{width:140px;}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .menu-list{display:flex;flex-direction: column;align-items: start;gap:10px 0;margin-bottom:15px;}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .menu-list .menu-first{color:#000000;font-weight:var(--font-ebold);}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .menu-list .menu-first a{color:#000000;font-weight:var(--font-ebold);}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .menu-list .menu{}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .menu-list a{font-size:var(--fs18);}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .menu-list a:hover{border-bottom:1px solid #7f7f7f;color:#626262;font-weight:var(--font-heavy);}
section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .menu-list a.on{color:#6262ff}

section.mainPartnerList {height:150px;box-sizing: border-box;border-top:1px solid #c9c7c7;}
section.mainPartnerList .inner{height:100%;display:flex;align-items:center;padding:0 150px;box-sizing: border-box;}
section.mainPartnerList .inner .company-list-wrapper{position:relative;width:100%;}
section.mainPartnerList .inner .company-list-wrapper .partnerSwiper{position:relative;width:900px;margin:0 auto;}
section.mainPartnerList .inner .company-list-wrapper .partnerSwiper .swiper-slide{width:auto;}
section.mainPartnerList .inner .company-list-wrapper .partnerSwiper .swiper-slide img{max-width:100%;}
section.mainPartnerList .inner .company-list-wrapper .direction{position:absolute;width:31px;height:31px;top:15px;z-index:2;cursor:pointer;}
section.mainPartnerList .inner .company-list-wrapper .direction.partner-button-prev{left:0;background-image: url('../images/main/cbtn_prev.png');}
section.mainPartnerList .inner .company-list-wrapper .direction.partner-button-next{right:0;background-image: url('../images/main/cbtn_next.png');}

section.footerWrapper {display:flex;flex-direction:column;justify-content: start;align-items:center;height:270px;background: #e4e4e4;border-top:1px solid #c9c7c7;font-size:var(--fs16);font-weight:var(--font-medium);}
section.footerWrapper .foot_menu_wrapper{width:100%;border-bottom:1px solid #c9c7c7;display:flex;justify-content: center;}
section.footerWrapper .foot_menu_wrapper .foot_menu{width:1100px;font-size:var(--fs22);font-weight:var(--font-medium);display:flex;justify-content: space-between;}
section.footerWrapper .foot_menu_wrapper .foot_menu > div{position:relative;display:flex;width:100%;justify-content: center;align-items:center;height:75px;border-right:1px solid #c6c6c6;box-sizing: border-box;}
section.footerWrapper .foot_menu_wrapper .foot_menu > div:nth-child(1){border-left:1px solid #c6c6c6}
section.footerWrapper .foot_menu_wrapper .foot_menu > div a:hover{color:#003b90;border-bottom:1px solid #003b90;box-sizing: border-box;}
section.footerWrapper .foot_menu_wrapper .foot_menu > div .site-wrapper{position:absolute;display:flex;flex-direction:column;align-items:center;width:100%;bottom:0;background:#e4e4e4;border-radius:5px;box-sizing: border-box;font-size:var(--fs20);font-weight:var(--font-medium);color:#626262;z-index:3;gap:10px 0;height:0;overflow:hidden;}
section.footerWrapper .foot_menu_wrapper .foot_menu > div .site-wrapper.on{padding:15px 0;animation:.5s 1 foot_site_menu linear forwards}
section.footerWrapper .foot_menu_wrapper .foot_menu > div .site-wrapper .title{}
section.footerWrapper .foot_menu_wrapper .foot_menu > div .site-wrapper .site-list{display:flex;flex-direction: column;gap:5px 0;}
section.footerWrapper .foot_menu_wrapper .foot_menu > div .site-wrapper .site-list .site{}
section.footerWrapper .foot_menu_wrapper .foot_menu > div .site-wrapper .site-list .site a{color:#626262}
section.footerWrapper .foot_menu_wrapper .foot_menu > div .site-wrapper .site-list .site a:hover{color:#333333;border-bottom:1px solid #8b8b8b}

section.footerWrapper .inner{display:flex;width:1100px;flex-direction: column;align-items: center;}
section.footerWrapper .inner .copyright-wrapper{width:100%;display:flex;margin-top:65px;align-items:center;}
section.footerWrapper .inner .copyright-wrapper .logo{width:130px;}
section.footerWrapper .inner .copyright-wrapper .copyinfo{flex:1;line-height:1.7;}
section.footerWrapper .inner .copyright-wrapper .copyinfo p.last{color:#626262}
section.footerWrapper .inner .copyright-wrapper .sns{display:flex;gap:0 20px;margin-top:30px;}

section.page_position {width:100%;height:49px;background:#eceeff;border-top:1px solid #c9c7c7;border-bottom:1px solid #c9c7c7;}
section.page_position .inner{position:relative;display:flex;padding:0 150px;box-sizing: border-box;align-items:center;height:100%;font-size:var(--fs18);color:#626262;font-weight: var(--font-light)}
section.page_position .inner a{color:#626262;}
section.page_position .inner > div{position:relative;height:100%;display:flex;align-items: center;}
section.page_position .inner .home{background-image: url('../images/icon_home.png');width:51px;}
section.page_position .inner .page01{padding:0 30px 0 14px;box-sizing:border-box;font-weight: var(--font-bold);}
section.page_position .inner .page01::after{position:absolute;right:0;top:0;content:'';background-image: url('../images/icon_home_line.png');width:25px;height:49px;}
section.page_position .inner .page02{padding:0 0 0 14px;box-sizing:border-box;}

/* 전체 페이지 내용 적용 */
section.page_contents {}
section.page_contents .page-tabs{position:relative;width:100%;height:50px;display:flex;justify-content: center;border-bottom:1px solid #c9c7c7;box-sizing: border-box;font-size:18px;color:#c6c6c6;font-weight:var(--font-regular);}
section.page_contents .page-tabs.row2{height:100px;border-bottom:1px solid #c9c7c7;}
section.page_contents .page-tabs .page-tab .tabs{width:1100px;height:100%;}
section.page_contents .page-tabs .page-tab .tabs ul{display:flex;justify-content: space-between;height:100%;flex-wrap:wrap;}
section.page_contents .page-tabs .page-tab .tabs ul li{flex:1;height:100%;cursor:pointer;}
section.page_contents .page-tabs.row2 .page-tab .tabs ul li{flex:inherit;width:33.3%;height:50%;}
section.page_contents .page-tabs.row2::before{position:absolute;content:'';top:50px;left:0;width:100%;height:1px;background:#c9c7c7}

section.page_contents .page-tabs .tabs ul li.on{border-bottom:2px solid #003b90;}
section.page_contents .page-tabs .tabs ul li a{color:#c6c6c6;font-weight:var(--font-regular);}
section.page_contents .page-tabs .tabs ul li.on a{color:#003b90;font-weight:var(--font-ebold);}
section.page_contents .page-tabs .tabs ul li:hover{border-bottom:2px solid #003b90;}
section.page_contents .page-tabs .tabs ul li:hover a{color:#003b90;font-weight:var(--font-ebold);}

section.page_contents .inner{padding:100px 150px 150px 150px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
section.page_contents .inner.sub{padding:0 150px 150px 150px;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
section.page_contents .inner .title{font-size:var(--fs28);font-weight: var(--font-heavy);color:#232323;}
/* 전체 페이지 내용 적용 */


.center-all {display:flex;justify-content: center;align-items: center;}
.center-v-all {display:flex;flex-direction:column;justify-content: center;align-items: center;}
.center-between {display:flex;justify-content: space-between;align-items: center;}

.txtOver {overflow: hidden; white-space: nowrap;  text-overflow: ellipsis;  word-break: break-all;}
.line02 {display: -webkit-box;white-space:inherit;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;  word-break: keep-all;}

.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w30p {width:30%;}
.w40p {width:40%;}
.w50p {width:50%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w90p {width:90%;}
.w100p {width:100%;}
.mobile_menu_wrapper {display:none;}
BR.mo {display:none;}
@media (max-width: 640px) {
  html,body{max-width:640px;font-size:22px;}
  :root {

    --fs14: 0.88rem;
    --fs15: 0.94rem;
    --fs16: 1rem;
    --fs18: 1.13rem;
    --fs19: 1.19rem;
    --fs20: 1.25rem;
    --fs22: 1.38rem;
    --fs24: 1.50rem;
    --fs25: 1.56rem;
    --fs28: 1.75rem;
    --fs30: 1.870rem;
    --fs35: 2.19rem;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-ebold: 800;
    --font-heavy: 900;
  }

  #wrap {width:100%;min-width:inherit;}
  section .inner{width:100%;}

  section.hmscTopWrpper {height:auto;}
  section.hmscTopWrpper .inner{padding:20px 10px;}
  section.hmscTopWrpper .logo a{display:block;width:121px;height:88px;background:url('../images/t_logo.png') 0 0;transition: .5s all}
  section.hmscTopWrpper .logo a:hover{background:url('../images/t_logo.png') 0 -176px;}
  section.hmscTopWrpper .menu_wrapper{display:none;}
  section.hmscTopWrpper .logo_archive{cursor:pointer;}


  section.page_position {width:100%;height:49px;}
  section.page_position .inner{padding:0 10px;font-size:var(--fs18);}


  /* 전체 페이지 내용 적용 */
  section.page_contents {}
  section.page_contents .page-tabs{height:50px;}
  section.page_contents .page-tabs .page-tab{width:100%;}
  section.page_contents .page-tabs.row2{height:100px;}
  section.page_contents .page-tabs .page-tab .tabs{width:100%;height:100%;}
  section.page_contents .page-tabs.row2 .page-tab .tabs ul li{flex:inherit;width:33.3%;height:50%;}
  section.page_contents .page-tabs.row2::before{position:absolute;content:'';top:50px;left:0;width:100%;height:1px;background:#c9c7c7}

  section.page_contents .page-tabs .tabs ul li.on{border-bottom:2px solid #003b90;}
  section.page_contents .page-tabs .tabs ul li a{color:#c6c6c6;font-weight:var(--font-regular);}
  section.page_contents .page-tabs .tabs ul li.on a{color:#003b90;font-weight:var(--font-ebold);}
  section.page_contents .page-tabs .tabs ul li:hover{border-bottom:2px solid #003b90;}
  section.page_contents .page-tabs .tabs ul li:hover a{color:#003b90;font-weight:var(--font-ebold);}

  section.page_contents .inner{padding:30px 20px;}
  section.page_contents .inner.sub{padding:0 0 0 0;}
  section.page_contents .inner .title{font-size:var(--fs28);font-weight: var(--font-heavy);color:#232323;}
  /* 전체 페이지 내용 적용 */



  section.mainPartnerList {height:150px;}
  section.mainPartnerList .inner{padding:0 20px;}
  section.mainPartnerList .inner .company-list-wrapper .partnerSwiper{width:100%;}

  section.footerWrapper {height:auto;padding:0 0 30px 0;}
  section.footerWrapper .foot_menu_wrapper .foot_menu{width:100%;flex-wrap:wrap;font-size:var(--fs16)}
  section.footerWrapper .foot_menu_wrapper .foot_menu > div{position:relative;display:flex;width:50%;justify-content: center;align-items:center;height:40px;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;box-sizing: border-box;}
  section.footerWrapper .foot_menu_wrapper .foot_menu > div:nth-child(1){border-left:0;}
  section.footerWrapper .foot_menu_wrapper .foot_menu > div:nth-child(2){border-right:0;}
  section.footerWrapper .foot_menu_wrapper .foot_menu > div:nth-child(3){border-left:0;border-bottom:0;}
  section.footerWrapper .foot_menu_wrapper .foot_menu > div:nth-child(4){border-right:0;border-bottom:0;}
  section.footerWrapper .foot_menu_wrapper .foot_menu > div .site-wrapper{font-size:var(--fs16);}
  section.footerWrapper .foot_menu_wrapper .foot_menu > div .site-wrapper.on{padding:15px 0;animation:.5s 1 foot_site_menu_m linear forwards}

  section.footerWrapper .inner{width:100%;}
  section.footerWrapper .inner .copyright-wrapper{margin-top:20px;flex-direction: column;padding:0 20px;box-sizing: border-box;gap:10px 0;}
  section.footerWrapper .inner .copyright-wrapper .logo{width:130px;}
  section.footerWrapper .inner .copyright-wrapper .sns{display:flex;gap:0 20px;margin-top:10px;}

  .mobile_menu_wrapper {display:block;}
  .mobile_menu_wrapper .menu_wrapper{display:flex;align-items: center;justify-content: center;border-top:2px solid #eceeff;padding:20px 20px;box-sizing: border-box;}
  .mobile_menu_wrapper .menu_wrapper ul{display:flex;justify-content:center;width:100%;gap:0 40px;font-size:var(--fs20);}


  section.hmscTopWrpper #gnb-menu {position:fixed;top:0;height:100vh;background-color:rgba(0,0,0,.7);right:0;}
  section.hmscTopWrpper #gnb-menu .gnb-all-menu-wrapper{flex-wrap:wrap;justify-content: start;align-items:start;box-shadow:none;}
  section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper{width:48%;}
  section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .title {left:0}
  section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper .menu-list-wrap{width:240px;}
  section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper:nth-child(2) {border-right:0;}
  section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper.last {width:100%;padding:0 33px;box-sizing: border-box;display:flex;flex-direction: column;align-items: start}
  section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper.last .title{left:27px;}
  section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper.last .menu-list-wrap{display:flex;width:100%;flex-wrap:wrap;gap:0 17px;}
  section.hmscTopWrpper .gnb-all-menu-wrapper .menu-list-wrapper.last .menu-list-wrap .menu-list{}

  .f_sep {display:block;text-indent: -9999px;height:0;}
  BR.mo {display:block;}
  BR.pc {display:none;}
}