@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:460px; line-height:1.4; box-sizing:border-box;overflow:hidden; text-align:center; background:no-repeat center center; background-size:cover; margin-top: 100px;}
.s_visual .s_visual_in{ position:relative;display:table;width:100%; height:calc(100%);  z-index:2}
.s_visual .sv_tit { display:table-cell;  box-sizing:border-box;color:#fff;vertical-align:middle;  }
.s_visual .sv_tit h2 {font-size:6rem;line-height:1.2em; font-weight:700; letter-spacing:0;}
.s_visual .sv_tit p {font-size:2.3rem; line-height:1.4em; display:inline-block;  font-weight:600; margin-top: 20px;}
.s_visual .sv_tit h4{font-size: 1.4rem; font-weight: 600; color: #fff; opacity: 0.5; letter-spacing: 0.13em; margin-top: 10px;}

@media all and (max-width:976px){
	.s_visual{margin-top: 60px; height: 330px}
	.s_visual .sv_tit h2{font-size: 4rem;}
    .s_visual .sv_tit p{font-size: 2rem;}
	.s_visual .sv_tit p.txt{font-size: 1.9rem; font-weight: 400;}
}
@media all and (max-width:640px){
	.s_visual{height: 260px}
	.s_visual .sv_tit h2{font-size: 3.2rem;}
    .s_visual .sv_tit p{font-size: 1.8rem; margin-top: 15px;}
	.s_visual .sv_tit p.txt{font-size: 1.8rem;}
}



#subContent { position: relative; width: 100%; }


/* Sub-Menu */
.sub_menu_wrap {width:96%; max-width:1600px; height:80px; line-height:80px; margin:-40px auto 0; border:1px solid #ececec; z-index:3; position:relative; font-weight:400; box-sizing:border-box; background:#FFF;}
.sub_menu_wrap .inner{width: 100%;}

.sub_menu_wrap .m_home {position:absolute; top:0; left:0; height:80px; width:80px; background:#41a356 url("/images/sub/ico_home.png") no-repeat center center;
                                          background-size:100% 100%; border-right:1px solid #ececec;}
.sub_menu_wrap .m_home a{display:Block; width:100%; height:100%;}

.sub_menu_wrap .m_dep_tit,
.sub_menu_wrap .m_1dep_box,
.sub_menu_wrap br{display:none;}

.sub_menu_wrap.fixed .in{position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #ececec;}

.sub_menu_wrap .m_1dep_box .smenu li.last{display:none !important;}

.sub_menu_wrap .m_2dep_box{text-align:center;}
.sub_menu_wrap .m_2dep_box .smenu{display:block; margin-left: -80px;}
.sub_menu_wrap .m_2dep_box li{position:relative; display:inline-block; color:#686868; font-size: 1.7rem; }
.sub_menu_wrap .m_2dep_box li:first-child:before{display:none;}
.sub_menu_wrap .m_2dep_box li a{font-size: 1.8rem; color: #686868; border-right: 1px solid #ececec; padding: 0 50px;}
.sub_menu_wrap .m_2dep_box li:last-child a{border-right: 0; padding-right: 0;}
.sub_menu_wrap .m_2dep_box li:hover a{color: #41a356;}
.sub_menu_wrap .m_2dep_box li.s_on{color:#41a356}
.sub_menu_wrap .m_2dep_box li a.on{ color:#41a356; }


@media all and (max-width:976px) {
	.sub_menu_wrap{width:100%; border:0; border-bottom:1px solid #ddd; height:60px;  line-height:60px; color:#333; margin:-1px auto 0;}
	.sub_menu_wrap .inner{width:100%;}
	.sub_menu_wrap .m_home{position:static; display:block; width:60px; height:60px; float:left;  border:0;}
	.sub_menu_wrap .m_dep_box{display:block; width:220px; float:left; border-right:1px solid rgba(255,255,255,0.3); text-align:left; cursor:pointer;height:60px; line-height:60px; border-right:1px solid #ddd;}
	.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/icon_nav_arw.png') no-repeat 95% center; height:60px; line-height:60px; color:#333; box-sizing:border-box; padding:0 15px; cursor:pointer; font-size: 1.6rem;}
	.sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#f9f9f9; 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{padding:7px 15px; border:0; font-weight:500;}
	.sub_menu_wrap .m_dep_box .smenu li a.on{background:#f9b233; color:#FFF; border:0; padding:10px 15px;}
	.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:7px 15px; box-sizing:border-box; line-height:normal; font-size: 0.9em; font-size: 1.5rem;}
	.sub_menu_wrap .m_2dep_box li:before{display:none;}
}

@media all and (max-width:767px) {
	.sub_menu_wrap{ height:55px;  line-height:55px}
	.sub_menu_wrap .m_home{width:55px;  height:55px;}
	.sub_menu_wrap .m_dep_tit{height:55px; line-height:55px;}
	.sub_menu_wrap .m_dep_box{width:calc(50% - 28.5px); height:55px; line-height:55px;}
	.sub_menu_wrap .m_2dep_box{border-right:0;}
}
@media all and (max-width:480px) {
   .sub_menu_wrap{ height:45px;  line-height:45px}
	.sub_menu_wrap .m_home{width:45px;  height:45px;}
	.sub_menu_wrap .m_dep_tit{height:45px; line-height:45px;}
	.sub_menu_wrap .m_dep_box{width:calc(50% - 23.5px); height:45px; line-height:45px;}
}




#subTitle { text-align: center; color:#222; font-size: 3.6rem; font-weight:700; line-height:1em; padding: 75px 0 100px; letter-spacing:0;}
#pageCont { padding-bottom: 100px;}

@media all and (max-width:976px) {
   #subTitle { padding: 9% 0 8%; font-size: 3.2rem; }
    #pageCont{padding-bottom: 80px;}
}
@media all and (max-width:640px) {
   #subTitle { padding: 10% 0 11%;}
    #pageCont{padding-bottom: 60px;}
}


.tb-style2 { width: 100%;  border-top: 2px solid #41a356; line-height: 1.3em; text-align: center; border-right: 1px solid #e5e5e5; min-width: 1240px;}
.tb-style2 thead tr th { background: #41a3560d; color:#212121; padding: 14px 0;
                                  border-bottom: 1px solid #d5dfe7; border-left:1px solid #d5dfe7;  font-size: 1.6rem; line-height: 1.7em;}
.tb-style2 tbody td { padding: 13px 15px; border-left: 1px solid #e8ede9; border-bottom: 1px solid #e8ede9; font-size: 1.5rem;  word-break: keep-all; line-height: 1.8em;}


@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; }
}





.tabmenu { text-align: center; width: 94%; max-width: 1000px; margin: 0 auto 3%; overflow: hidden;  }
.tabmenu li { position: relative; float:left; width:25%; font-size: 1.8rem;}
.tabmenu.col2 { width: 50%; }
.tabmenu.col2 li { width: 50%; }
.tabmenu.col3 { width: 75%; }
.tabmenu.col3 li { width: 33.33%; }
.tabmenu.col5 li { width: 20%; }
.tabmenu.col6 li { width: 16.66%; }
.tabmenu li a { text-decoration: none; width:100%; height:70px; line-height: 70px; display: block; background:#fff;
                      color:#525252; font-size:1.1em; font-weight: 500;  border: 1px solid #dedede; border-left:0;
                      box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li:first-child { border-left:1px solid #dedede; }


/* 페이지 인식을 위한 부분 */
.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 { color:#fff; background:#41a356 ; font-weight:500; border-color: #41a356  !important; z-index:100; }


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

@media all and (max-width:640px) {
  .tabmenu { padding-top: 1px; }
  .tabmenu:not(.col3) li { width: 50% !important; }
  .tabmenu li a { margin-top: -1px; height:55px; line-height: 55px;}
  .tabmenu li:nth-child(odd) { border-left:1px solid #dedede; }
}

@media all and (max-width:480px) {
  .tabmenu li a { height:45px; line-height: 45px; font-size: 1.0em; }
}