@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:640px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; text-align: center;}
.s_visual.s_visual1 {background: url('../img/sub/s_visual1.png?v=2');}
.s_visual.s_visual2 {background: url('../img/sub/s_visual2.png?v=1');}
.s_visual.s_visual3 {background: url('../img/sub/s_visual3.png?v=1');}
.s_visual.s_visual5 {background: url('../img/sub/s_visual5.png');}
.s_visual .s_visual_in { position:relative; display:table; width:90%; max-width:1416px; height:100%;  z-index:2; margin: 0 auto;}
.s_visual .sv_tit { display:table-cell; box-sizing:border-box; color:#fff; vertical-align:middle;  }
.s_visual .sv_tit h2 { font-size: 48px; line-height: 1.15em;}
.s_visual .sv_tit p.t1 { margin-top: 20px; font-size: 20px; line-height: 32px; color:#FFF; }


@media all and (max-width: 1480px){
    .s_visual  { height: 50vw; }
}


@media all and (max-width: 1280px){
    .s_visual .sv_tit h2 { font-size: 40px; }
    .s_visual .sv_tit p { font-size: 18px; }
}

@media all and (max-width: 976px){
    .s_visual  { height: 55vw; }
    .s_visual .sv_tit p { font-size: 16px; }
}

@media all and (max-width: 767px){
    .s_visual  { height: 80vw; }
    .s_visual .sv_tit p.t1 { font-size: 15px;  margin-top: 10px;}
}

@media all and (max-width: 480px){
    .s_visual  { height: 70vw; }
	.s_visual .sv_tit {padding-top:10%}
    .s_visual .sv_tit p.t1 { font-size: 1.5rem;}
    .s_visual .sv_tit h2 { font-size: 3.5rem; }
}



/* Sub-Menu */
#subContent{position: relative;}
#subContent::after{position: absolute; content: '';width: 100%; top: 0;left: 0;background: rgba(255,255,255,0.2); height: 1px; bottom: -80px;}
.sub_menu_wrap { position:relative;  width:95%; max-width: 1400px; height:80px; line-height:80px; margin:-80px auto 0; padding:0; font-weight:400; box-sizing:border-box; z-index:10; background: transparent ;   }
.sub_menu_wrap .m_home{ position:relative; display:block; width:80px; height:80px; float:left; background:transparent url("../img/sub/ico_home.png") no-repeat center;border-left: 1px solid rgba(255,255,255,0.2); }
.sub_menu_wrap .m_home:after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px;  height:100%; background: rgba(255,255,255,0.2);}
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:300px; float:left; text-align:left; cursor:pointer; border-right: 1px solid #ffffff09; font-size: 20px; font-weight:400}
.sub_menu_wrap .m_dep_tit {position: relative; display:block; background:url('../img/sub/arrow_down.png') no-repeat 92% center;  color:#fff; box-sizing:border-box; padding:0 2em; cursor:pointer;}
.sub_menu_wrap .m_dep_tit:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px;  height:100%; background: rgba(255,255,255,0.2);}
.sub_menu_wrap .m_dep_box .smenu { position: absolute; display:none; width:calc(100% + 2px); margin-left:-1px; background:#f6f6f6; 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:#3282dc; 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:1.2em 1.5em; box-sizing:border-box; line-height:normal; font-size: 16px;}
.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: 1080px){
    .sub_menu_wrap { height: 80px; line-height: 80px; margin-top: -80px; }
    .sub_menu_wrap .m_home { width:80px; height:80px; }
    .sub_menu_wrap .m_dep_box{font-size: 18px;}
}

@media all and (max-width: 767px){
    .sub_menu_wrap { height: 70px; line-height: 70px; margin-top: -70px; }
    .sub_menu_wrap .m_home { width:70px; height:70px; background-size: 18px;}
    .sub_menu_wrap .m_dep_box { width: calc(50% - 35px); }
    .sub_menu_wrap .m_2dep_box { border-right:0; }
    .sub_menu_wrap .m_dep_box{font-size: 1.7rem;}
}

@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_box{font-size: 1.5rem;}
    .sub_menu_wrap .m_dep_tit {padding:0 0.8em;}
}


@media all and (max-width: 480px){
  .sub_menu_wrap { width: 100%; height: 50px; line-height: 50px; margin-top: -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.3rem; background-size: 12px auto; }
  .sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; }
}





#subTitle { text-align: center; color:#212121; font-size: 40px; font-family: 'SUIT'; font-weight: 700; line-height: 1.2em;padding-bottom: 80px;}
#subTitle span{font-family: 'SUIT';  display: inline-block;}
#pageCont { padding: 120px 0 180px; overflow: hidden; }

@media all and (max-width:1280px) {
    #subTitle {font-size: 35px;}
    #pageCont {padding: 100px 0 160px;}
}

@media all and (max-width:767px) {
    #subTitle {font-size: 30px;padding-bottom: 60px;}
    #pageCont {padding: 80px 0 140px;}
}

@media all and (max-width:480px) {
    #subTitle {font-size: 3rem;}
    #pageCont {padding: 80px 0 120px;}
}





.tabmenu { text-align: center; width: 100%; max-width: 1600px; margin: -2% auto 4%; overflow: hidden; padding-top:1px; padding-left: 2px; display: flex; justify-content: center;  }
.tabmenu li { position: relative; width:calc(100% / 4); max-width: 250px; margin-top: -1px; margin-left: -1px;
                    border: 1px solid #dee6e9; text-align: center; }
.tabmenu li a { text-decoration: none; width:100%; height:60px; line-height: 60px; display: block; background:#fff;
                      color:#525252; font-size:1.7rem;  font-weight: 600;
                      box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li a:hover { color:#00913a ; }

.tabmenu.col8 { flex-wrap: wrap; justify-content: flex-start; }
.tabmenu.col8 li { width: calc(100% / 8); }

/* 페이지 인식을 위한 부분 */
.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,
.tab13 .tabmenu  a.menu13,
.tab14 .tabmenu  a.menu14,
.tab15 .tabmenu  a.menu15 { color:#fff; background:#00913a; font-weight:600; border-color: #00913a !important; z-index:98; }


@media all and (max-width:1080px) {
  .tabmenu { margin-top: 0; margin-bottom: 5%; }
  .tabmenu li a { height:55px; line-height: 55px; }
}


@media all and (max-width:976px) {
  .tabmenu li { width:calc(100% / 5); }
  .tabmenu li a { font-size: 1.6rem;  }
}

@media all and (max-width:767px) {
  .tabmenu li { width:calc(100% / 4); }

}

@media all and (max-width:640px) {
  .tabmenu li a { height:50px; line-height: 50px;  }
}

@media all and (max-width:568px) {
  .tabmenu li { width:calc(100% / 2); }
  .tabmenu li a { height:40px; line-height: 40px;  }
}

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

}



.tb-style1{width: 100%; font-size: 17px; text-align: center; border-top: 2px solid #1469b4; }
.tb-style1 thead tr th{padding:1em 0; background-color: #1469b4; border-right: 1px solid #eee; font-size: 18px; font-weight: 500; color: #FFF; }
.tb-style1 thead tr th:last-child{border-right: 0;}
.tb-style1 tbody tr th {padding: 1em; background-color: #fafafa;  color: #222; font-weight: 500;border-bottom: 1px solid #dedede; word-break: keep-all; border-right: 1px solid #eee;}
.tb-style1 tbody tr td { padding: 1em; border-bottom: 1px solid #dedede; border-right: 1px solid #eee; word-break: keep-all; color: #777;}
.tb-style1 tbody tr td.bg{background-color: #f6f7fa; color: #212121; font-weight: 500;}
.tb-style1 tbody tr td:last-child{border-right: 0;}
.tb-style1 .s1{background-color: #1469b411; color: #1469b4; font-weight: 500;}
.tb-style1 .dash > li{margin-bottom: 5px;}


.tb-style1.disease1 {margin-top:1em}
.tb-style1.disease1 thead tr th,
.tb-style1.disease1 tbody tr th,
.tb-style1.disease1 tbody tr td {padding:0.6em 0}

@media all and (max-width:870px){
    .tb-style1{font-size: 15px;}
	.tb-style1 thead.last-th {display:none}

	.tb-style1 tbody tr th,
	.tb-style1 tbody tr td {padding: 1em 5px}
    .tb-style1 thead tr th {font-size: 15px;}
}
@media all and (max-width:480px){
	.tb-style1 thead tr th {font-size: 14px;}
	.tb-style1{ font-size: 14px; }
}