@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 70% bottom; background-size:inherit; border-radius: 0 0 0 130px;}
.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;}
.s_visual .sv_tit { color:#fff; width: 95%; text-align: center;}
.s_visual .sv_tit h3 { font-size: 6rem;  font-weight: 700; margin-top: 0px; font-family: 'NEXONLv1Gothic';}
.s_visual .sv_tit p.t1 { font-size: 2.2rem; line-height: 2.8rem; font-weight: 600; margin:1em 0 1em ;}
.s_visual .sv_tit p.eng{font-family: 'Montserrat'; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.5em; opacity: 0.5;}


@media all and (max-width: 1280px){
    .s_visual {border-radius: 0 0 0 10rem;}
}
@media all and (max-width: 976px){
    .s_visual { height:480px; }
    .s_visual .sv_tit h3 { font-size: 5.0rem;}
	.s_visual .sv_tit p.t1 {font-size:2.0rem;  line-height: 2.5rem;}
	.s_visual .sv_tit p.t1 span {display:block}
}
@media all and (max-width: 840px){
    .s_visual {background-size: cover; }
}
@media all and (max-width: 767px){
    .s_visual {border-radius: 0;}
}
@media all and (max-width: 568px){
    .s_visual { height:400px; }
    .s_visual .s_visual_in { padding: 11em 0; }
    .s_visual .sv_tit h3 { font-size: 3.5rem; }
}
@media all and (max-width: 480px){
    .s_visual { height:80vw; }
    .s_visual .s_visual_in { padding: 9em 0; }
    .s_visual .sv_tit p.t1 { font-size: 1.6rem;   line-height: 2rem;}
	.s_visual .sv_tit p.eng{ font-size: 1.1rem; }
}

/* Sub-Menu */
#subContent.sbc{display: flex; justify-content: end;}
.sub_menu_wrap { position:relative;  width:50%; height:80px; line-height:80px; margin-top:-80px; padding:0; font-weight:400; box-sizing:border-box; z-index:10; background: linear-gradient(to right, #3375be, #2da5b0); border-radius: 40px 0 0 0; }
.sub_menu_wrap .m_home{ position:static; display:block; width:80px; height:80px; float:left; background: url("/images/sub/ico_home.png") no-repeat center center; border:0;}
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:200px; float:left; text-align:center; cursor:pointer; font-size: 1.8rem; }
.sub_menu_wrap .m_dep_tit { display:block; background:url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#fff; box-sizing:border-box; padding:0 2.5em 0 0; cursor:pointer;}
.sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#f3f7ff; 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:linear-gradient(to right, #3375be, #2da5b0); 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 {width:70%;}
}
@media all and (max-width: 1080px){
    .sub_menu_wrap { height: 80px; line-height: 80px; margin-top: -80px; }
    .sub_menu_wrap .m_home { width:80px; height:80px;  background-size: 30% auto;}
}

@media all and (max-width: 767px){
    .sub_menu_wrap {width:100%; height: 70px; line-height: 70px; margin-top: -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 { 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); }
    .sub_menu_wrap .m_dep_tit {padding:0 2em;text-align: left;}
}


@media all and (max-width: 480px){
    .sub_menu_wrap { width: 100%; height: 50px; line-height: 50px; margin-top: -50px; border-radius: 2rem 0 0 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: 800; font-family: 'NEXONLv1Gothic'; transform: rotate(-0.03deg); line-height: 1.2em; padding: 3em 0 2.5em; letter-spacing: -0.04em;}
#pageCont { padding:180px 0 160px}
#pageCont2 { padding:0px 0 160px}

@media all and (max-width:1280px) {
    #subTitle { padding: 2em 0 ; }
    #pageCont { padding:140px 0 120px}
    #pageCont2 { padding:0px 0 120px}
}

@media all and (max-width:980px) {
    #pageCont { padding:100px 0 80px}
    #pageCont2 { padding:0px 0 80px}
}
@media all and (max-width:480px) {
    #pageCont { padding:8rem 0 6rem}
    #pageCont2 { padding:0px 0 6rem}
    #subTitle { font-size:3.2rem; }
	#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:#3375be; }


/* 페이지 인식을 위한 부분 */
.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:#3375be; font-weight:600; border-color: #3375be !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%;  border-top: 2px solid #009cab; line-height: 1.3em; text-align: center; color:#212121;}
.tb-style2 thead tr th { background: #009cab1c; color:#212121; 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.5rem;  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;}
}