@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

  .s_visual { position:relative;width:100%; height:580px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; margin-top: 100px;}
  .s_visual .s_visual_in { position:relative; display:flex; align-items: center; width:90%; height:100%;  z-index:2;
                                max-width: 1600px; margin: 0 auto; justify-content: center;}
  .s_visual .sv_tit { color:#fff; text-align: center; }
  .s_visual .sv_tit h2 { font-size: 5.8rem;}
.s_visual .sv_tit h4{font-family: 'Poppins', sans-serif; opacity: 0.7; color: #fff; font-size: 1.3rem; font-weight: 400; letter-spacing: 0.2em; margin: 30px 0 25px;}
.s_visual .sv_tit h4 span{color: #2dcbff; font-weight: 700;}
  .s_visual .sv_tit p.t1 { font-size: 1rem; font-weight: 500;  letter-spacing: 1em; }
  .s_visual .sv_tit p.t2 { font-size: 1.8rem; line-height: 1.7em;}

@media all and (max-width:1600px){
	.s_visual{margin-top: 70px;}
}
  @media all and (max-width: 1480px){
    .s_visual { height: auto; padding: 10em 0; }
  }

  @media all and (max-width: 768px){
    .s_visual { padding: 8em 0; margin-top: 60px;}
    .s_visual .sv_tit h2 { font-size: 4.8rem; }
    .s_visual .sv_tit p.t1 { font-size: 0.9rem; letter-spacing: 0.7em; }
    .s_visual .sv_tit p.t2 { font-size: 1.6rem;}
	  .s_visual .sv_tit p.t2 br{display: none;}
	  .s_visual .sv_tit h4{margin: 20px 0;}
  }

  @media all and (max-width: 640px){
    .s_visual { padding: 7em 0; }
    .s_visual .sv_tit h2 { font-size: 3.6rem; }
  }


  /* Sub-Menu */
  .sub_menu_wrap { position:relative;  width:90%; max-width: 1600px; height:90px; line-height:90px; margin:0 auto; padding:0; transform: translateY(-50%);
                            font-weight:400; box-sizing:border-box; z-index:10; background: #fff; border: 1px solid #e5e5e5; border-top: 0; border-left:0; }
  .sub_menu_wrap .m_home{ position:static; display:block; width:90px; height:90px; float:left; background: #0d6fb8 url("/images/sub/ico_home.png"); border:0;  }
  .sub_menu_wrap .m_dep_box{ position: relative; display:block; width:350px; float:left; text-align:left; cursor:pointer;border-right:1px solid #dedede; font-size: 1.6rem; }
  .sub_menu_wrap .m_dep_tit { display:block; background:url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#222; box-sizing:border-box; padding:0 1.5em; cursor:pointer;}
  .sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#f8f8f8; box-sizing:Border-box; border:1px solid #ddd; border-top:0;}
  .sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100%; display:block; box-sizing:border-box;  border-top:1px dotted #ddd; padding:0;}
  .sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
  .sub_menu_wrap .m_dep_box .smenu li:hover a { border:0; font-weight:500;}
  .sub_menu_wrap .m_dep_box .smenu li a.on{background:#0d6fb8; color:#fff; border:0; }
  .sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
  .sub_menu_wrap .m_dep_box .smenu a { color:#333; display:block; width:100%;  padding:1em 1.5em; box-sizing:border-box; line-height:normal; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .sub_menu_wrap .m_dep_box .smenu a br { display: none; }
  .sub_menu_wrap .m_2dep_box li:before {display:none;}

  @media all and (max-width: 1280px){
    .sub_menu_wrap { height: 80px; line-height: 80px; }
    .sub_menu_wrap .m_home { width:80px; height:80px;  background-size: 100% auto;}
  }

  @media all and (max-width: 976px){
    .sub_menu_wrap { height: 70px; line-height: 70px;  }
    .sub_menu_wrap .m_home { width:70px; height:70px; }
    .sub_menu_wrap .m_dep_box { width: calc(50% - 35px); }
    .sub_menu_wrap .m_2dep_box { border-right:0; }
  }

  @media all and (max-width: 640px){
    .sub_menu_wrap { width: 100%; height: 60px; line-height: 60px; transform: none; }
    .sub_menu_wrap .m_home { width:60px; height:60px; }
    .sub_menu_wrap .m_dep_box { width: calc(50% - 30px); }
  }


  @media all and (max-width: 480px){
    .sub_menu_wrap { width: 100%; height: 50px; line-height: 50px;  }
    .sub_menu_wrap .m_home { width:50px; height:50px; }
    .sub_menu_wrap .m_dep_box { width: calc(50% - 25px); }
    .sub_menu_wrap .m_dep_tit { padding: 0 0.8em; font-size: 1.7rem; background-size: 12px auto; }
    .sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; }
  }




  #subTitle {font-family: 'GmarketSans', sans-serif; text-align: center; color:#222; font-size: 4rem; line-height: 1.2em; font-weight: 700; padding: 40px 0 0px;}
  #pageCont { padding: 5% 0 130px; }

  @media all and (max-width:1080px) {
  }

  @media all and (max-width:880px) {
    #pageCont { padding: 9% 0 14%; }
  }

  @media all and (max-width:640px) {
     #subTitle { font-size: 3rem; padding-top: 2em; }
  }

  @media all and (max-width:480px) {
  }






  .tabmenu { position: relative; width: 90%; max-width: 1600px; margin: 0 auto 4%; padding-top: 1px; padding-left: 1px; text-align: center;
                    display: flex; align-items: stretch; flex-wrap: wrap; justify-content: center; }
  .tabmenu li { width: calc(100%/7 + 1px); margin-left: -1px; margin-top: -1px; font-size: 1.7rem;  }
  .tabmenu li a { display: block; width: 100%; height: 100%; padding: 1.4em; border: 1px solid #e5e7ee;
                        display: flex; align-items: center; justify-content: center; font-weight: 500; color:#212121;  }
  .tabmenu li a:hover { color:#072974; }


  /* 페이지 인식을 위한 부분 */
  .tab01 .tabmenu  a.menu1,
  .tab02 .tabmenu  a.menu2,
  .tab03 .tabmenu  a.menu3,
  .tab04 .tabmenu  a.menu4,
  .tab05 .tabmenu  a.menu5,
  .tab06 .tabmenu  a.menu6,
  .tab07 .tabmenu  a.menu7,
  .tab08 .tabmenu  a.menu8,
  .tab09 .tabmenu  a.menu9,
  .tab10 .tabmenu  a.menu10,
  .tab11 .tabmenu  a.menu11,
  .tab12 .tabmenu  a.menu12 { color:#fff; background:#072974; font-weight:600; border-color: #072974 !important; z-index:98; }


  @media all and (max-width:480px) {
    .tabmenu li { width: calc(100%/3 + 1px); }
    .tabmenu li a { justify-content: center; }
  }

  @media all and (max-width:380px) {
    .tabmenu li a { padding: 1em; }
  }