@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:700px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; }
.s_visual .s_visual_in { position:relative; display:flex;  width:90%; height:100%;  z-index:2; max-width: 1600px; margin: 0 auto;   align-items: center; text-align:center;  }
.s_visual .sv_tit { width:100%; color:#fff; }
.s_visual .sv_tit h2 { font-size: 6.0rem;  font-family:'ONE-Mobile-Title'; font-weight:normal ;letter-spacing: 0.3em; }
.s_visual .sv_tit .t1 { font-size: 1.8rem;   margin-top: 1.5em;  line-height:1.6em}

@media all and (max-width: 1280px){
	.s_visual { height:580px;}
}
@media all and (max-width: 976px){
	.s_visual { height:450px;}
	.s_visual .sv_tit h2 { font-size: 5.0rem;}
	.s_visual .sv_tit .t1 { font-size: 1.6rem;}
}
@media all and (max-width: 480px){
	.s_visual {height:90vw; }
	.s_visual .sv_tit h2 { font-size: 4.8rem; }
	.s_visual .sv_tit .t1 { font-size: 1.6rem; }
}



/* Sub-Menu */
.sub_menu_wrap { position:relative; width:90%; max-width:1600px;  height:90px; line-height:90px; margin:-90px auto 0;   padding:0;
                          font-weight:400; box-sizing:border-box; z-index:10; background: rgba(255,255,255,1);   border-bottom: 1px solid #e9e9e9;  }
.sub_menu_wrap .m_home{ position:static; display:block; width:90px; height:90px; float:left; background:#b97c5e  url("/images/sub/ico_home.png") no-repeat center; border:0;  }
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:22%; float:left; text-align:left; cursor:pointer; border-right: 1px solid #e9e9e9; font-size: 1.8rem; }
.sub_menu_wrap .m_dep_tit {line-height: 1; font-size:1.8rem;  display:flex; align-items: center; height:90px; 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:#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:#77675f ; 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: 1.7rem;}
.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; margin:-80px auto 0; }
.sub_menu_wrap .m_home { width:80px; height:80px; }
.sub_menu_wrap .m_dep_tit { height:80px;}
}
@media all and (max-width:976px){
  .sub_menu_wrap { height: 70px; line-height: 70px; width:100%; margin:0 auto; }
  .sub_menu_wrap .m_home { width:70px; height:70px; }
  .sub_menu_wrap .m_dep_box { width: calc(50% - 35px); }
  .sub_menu_wrap .m_dep_tit{height: 70px;}
  .sub_menu_wrap .m_2dep_box { border-right:0; }
}

@media all and (max-width: 640px){
  .sub_menu_wrap { height: 60px; line-height: 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{height: 60px;}
}


@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; height: 50px;}
  .sub_menu_wrap .m_dep_box .smenu a { padding: 0.8em 1em; }
}







#pageCont { padding: 6em 0 13em;   overflow:hidden}
#subTitle { text-align: center; color:#333; font-size: 4.0rem; line-height: 1.2em; margin-bottom:2em; 
                font-family: 'Pretendard';font-weight:700; letter-spacing: 0; }

@media all and (max-width:976px) {
   #pageCont { padding: 4em 0 6em; }
}
@media all and (max-width:480px) {
	#pageCont { padding: 2em 0 5em; }
	#subTitle { font-size: 3rem;}
}






.tabmenu { text-align: center; width: 100%; max-width: 1600px; margin: 0 auto 4%; overflow: hidden; font-size:0; padding-top:1px; padding-left: 1px;  }
.tabmenu li { position: relative; display: inline-block; width:calc(100% / 5); max-width: 250px; margin-top: -1px; margin-left: -1px;
                    border: 1px solid #e3e3e3; 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:#222   ; }

.tabmenu.fs-s li a { font-size: 1.5rem; }

.tabmenu.col5 li { width:calc(100% / 5); max-width: 280px; }
.tabmenu.col6 li { width:calc(100% / 6); max-width: 280px; }
.tabmenu.col7 li { width:calc(100% / 7); float: left; }



/* 페이지 인식을 위한 부분 */
.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:#222; font-weight:600; border-color: #222 !important; z-index:98; }



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

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

  .tabmenu.col3 li { width:calc(100% / 3);  float: inherit; }
  .tabmenu.col5 li { width:calc(100% / 3); }
  .tabmenu.col6 li { width:calc(100% / 3); }
}

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

}

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

.tb-style2 { width: 100%;  border-top: 1px solid #77675f; line-height: 1.3em; text-align: center;
    min-width: 1240px; color:#212121;font-family: 'ONE-Mobile-Title';}
.tb-style2 thead tr th { background: #77675f; color:#fff; padding: 25px 0;border-bottom: 1px solid #ddd;   font-size: 2rem; line-height: 1.7em;border-left: 1px solid #ddd;}
.tb-style2 thead tr th:first-child {border-left: 0;}
.tb-style2 tbody tr th{border-bottom: 1px solid #ddd; font-size: 2rem; background: #f8f4f1;}
.tb-style2 tbody td { padding: 25px 7px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1.8rem;  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;}
.t_n{display: none;}
.bl1{border-left: 1px solid #ddd !important;}

@media all and (max-width:1239px){
    .tb-scroll{width: 100%; overflow-x: scroll; }
    .t_n{display: block; margin-bottom: 10px;font-size: 1.5rem;}
}
@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;}
}