@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:730px; box-sizing:border-box;overflow:hidden; background:no-repeat center bottom; background-size:inherit; }
.s_visual .s_visual_in { position:relative; display:flex; align-items: center; justify-content: center; width:100%; height:100%;  z-index:2; max-width: 1600px; margin: 0 auto; padding-top: 100px;}
.s_visual .sv_tit { color:#fff; width: 95%; text-align: center;}
.s_visual .sv_tit p.eng{font-size: 1.3rem; font-weight: 800; letter-spacing: 0.2em; color: #5acbf0;}
.s_visual .sv_tit h3 { font-size: 5.5rem;  font-weight: 400; margin: 40px 0 20px; font-family: 'GongGothicMedium';}
.s_visual .sv_tit p.t1 { font-size: 1.8rem; line-height: 2.8rem; font-weight: 600;font-weight: 600;}

@media all and (max-width: 976px){
    .s_visual { height:580px;}
    .s_visual .s_visual_in {padding-top: 70px;}
    .s_visual .sv_tit p.eng{font-size: 1.2rem;}
    .s_visual .sv_tit h3 { font-size: 5rem; margin: 30px 0 20px;}
    .s_visual .sv_tit p.t1 { font-size: 1.6rem; line-height: 2.6rem;}
}
@media all and (max-width: 767px){
    .s_visual { height:500px;background-size: cover; }
    .s_visual .s_visual_in {padding-top: 60px;}
    .s_visual .sv_tit h3 { font-size: 4rem; margin: 20px 0 10px;}
    .s_visual .sv_tit p.t1 { font-size: 1.5rem; line-height: 2rem;}
}
@media all and (max-width: 568px){
    .s_visual { height:450px;}
    .s_visual .s_visual_in { padding-top: 20px;}
    .s_visual .sv_tit h3 { font-size: 3.5rem; }
    .s_visual .sv_tit p.t1 { font-size: 1.4rem;}
}
@media all and (max-width: 480px){
    .s_visual { height:auto;}
    .s_visual .s_visual_in {padding: 160px 0 60px;}
}

/* Sub-Menu */


.sub_menu_wrap { position:absolute;  width:50%; max-width: 1600px; height:80px; line-height:80px; padding:0; font-weight:400; box-sizing:border-box; z-index:10; background: #fff; box-shadow:1px 0  4px rgba(154,163,170,0.3); right: 0; margin-top: -80px;background: #12224a;}
.sub_menu_wrap .m_home{ position:static; display:block; width:80px; height:80px; float:left; background: #1597cb url("/images/sub/ico_home.png") no-repeat center center; border:0;  background-size: 23px;}
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:330px; float:left; text-align:left; cursor:pointer; font-size: 1.8rem; background: #12224a;}
.sub_menu_wrap .m_dep_box::after {position: absolute; width: 1px; height: 20px; background: #fff; opacity: 0.3; content: ''; right: 0; top: 50%; transform: translateY(-50%);}
.sub_menu_wrap .m_dep_box:last-child::after{display: none;}
.sub_menu_wrap .m_dep_tit { display:block; background:url('/images/sub/arrow_down.png') no-repeat 88% center;  color:#fff; box-sizing:border-box; padding:0 2em; cursor:pointer;}
.sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#f8faff; 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:#1597cb; 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: 1480px){
    .sub_menu_wrap {width: 60%;}
}
@media all and (max-width: 1280px){
    .sub_menu_wrap { height: 60px; line-height: 60px; margin-top: -60px; }
    .sub_menu_wrap .m_home { width:60px; height:60px;  background-size: 30% auto;}
    .sub_menu_wrap .m_dep_box{width: 260px; font-size: 1.6rem;}
}
@media all and (max-width: 980px){
    .sub_menu_wrap {width: 100%;}
}
@media all and (max-width: 640px){
    .sub_menu_wrap { height: 60px; line-height: 60px;margin-top: -60px}
    .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; margin-top: 0; }
    .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 { text-align: center; color:#222; font-size:4.0rem;  font-weight: 600; font-family: 'SUIT'; transform: rotate(-0.03deg); line-height: 1.2em; padding: 3em 0 2.5em; letter-spacing: -0.04em;}
#pageCont { padding-bottom:130px}

@media all and (max-width:1280px) {
	#subTitle { padding: 2.5em 0 2em; font-size: 3.5rem;}
	#pageCont { padding-bottom:100px}
}
@media all and (max-width:480px) {
	#subTitle { font-size:3rem; padding: 4em 0 2em;}
	#pageCont { padding-bottom:80px}
}







.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:#034ea2; }


/* 페이지 인식을 위한 부분 */
.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:#034ea2; font-weight:600; border-color: #034ea2 !important; z-index:98; }

@media all and (max-width:1280px) {
    .tabmenu li { width: calc(100%/3 + 1px); }
}

@media all and (max-width:480px) {
    .tabmenu { justify-content: flex-start; }
    .tabmenu li { width: calc(100%/2 + 1px); }
    .tabmenu li a { justify-content: center; }
}

@media all and (max-width:380px) {
    .tabmenu li a { padding: 1em; }
}


.tb-style2 { width: 100%;   line-height: 1.3em; text-align: center; color:#212121;}
.tb-style2 thead tr th { background: #12224a; color:#fff; padding: 14px 0;border-bottom: 1px solid #ddd;   font-size: 1.8rem; line-height: 1.7em;border-left: 1px solid #ddd;}
.tb-style2 thead tr th:first-child {border-left: 0;}
.tb-style2 tbody td { padding: 15px 7px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1.6rem;  word-break: keep-all; line-height: 1.4em;}
.tb-style2 td:first-child {border-left: 0;}
.tb-style2 td.br1{border-left: 1px solid #ddd;}



@media all and (max-width:1239px){
  .tb-scroll{width: 100%; overflow-x: scroll; }
}
@media screen and (max-width:767px) {
    .tb-style2 thead th { padding: 1em; }
    .tb-style2 tbody td { padding: 0.8em; }
}
@media screen and (max-width:400px) {
    .tag{font-size: 1rem; padding: 2px 4px;}
    .tag2{font-size: 1rem; padding: 2px 4px;}
}


