/*서브-상단비주얼 */
.svisual{ width:100%; height:470px;  position: fixed; background: url(../img/main/svisual.jpg) no-repeat center top / cover; }
.svisual .svisual_bg{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0px; z-index: 19;}
.svisual .sv_tit{ position: absolute; top:180px; left:50%; transform: translateX(-50%); z-index: 20; text-align: center;}
.svisual h3{ font-family: 'GimhaeGayaB';  font-size:35px; line-height:45px; color: #fff;}
.svisual span{ display: block; font-size: 15px; font-weight: 300; color: rgba(255,255,255,.7); line-height: 1; letter-spacing: 2px; margin-top: 10px;}

@media screen and (max-width:1023px) {
  .svisual{ height:280px; position: relative;}
  .svisual .sv_tit{ width: 100%;}
  .svisual h3{ font-size:27px;}
  .svisual span{ font-size: 12px; margin: 0px 0 0 0;}
}
@media screen and (max-width:767px) {
  .svisual{ height:180px; }
  .svisual .svisual_bg{ background-color: rgba(0,0,0,0.4);}
  .svisual .sv_tit{ top:85px;}
  .svisual h3{ font-size:22px;}
  .svisual span{ font-size: 10px;}
}

/*서브메뉴*/
.smenu_wrap{ height:60px; display:flex; justify-content: center; align-items: center;  z-index: 22; }
.smenu_wrap .sm_home{ width:60px; height:60px; background-color: #f16937; border-bottom: 1px solid #f16937; display: flex; justify-content: center; align-items: center; position:relative;}
.smenu_wrap .sm_home a{ display: block; width:60px; height:60px; line-height:60px; text-align: center;}
.smenu_box{ background-color:#f7f7f7; border-bottom: 1px solid #ddd;}
.smenu_box .smenu{ height:59px; position:relative;}
.smenu_box .smenu ul{ display:flex; text-align: center;}
.smenu_box .smenu ul li { border-right: 1px solid #ddd;}
.smenu_box .smenu ul li:last-child{ border-right: 0;}
.smenu_box .smenu ul li a{ display:block; font-size:17px; color:#444; font-weight: 300; line-height:60px; padding: 0 20px;}
.smenu_box .smenu ul li a:hover{ color:#222;}
.smenu_box .smenu ul li a.menu_on{ color:#f16937; font-weight:700; background-color: #fff;}

.mo_smenu{ display: none;}
@media screen and (max-width: 1279px) {
  .smenu_wrap{ width:100%;}
}
@media screen and (max-width: 1023px) {
  .smenu_wrap{ height:50px; border-bottom: 1px solid #ddd;}
  .smenu_wrap .sm_home{ width:50px; height:50px;}
  .smenu_wrap .sm_home a{ width: 50px; height:50px; line-height:50px; }
  .smenu_box{ display: none;}

  /*모바일 서브메뉴*/
  .smenu_wrap .mo_smenu{ width:calc(100% - 50px); height:50px; position:relative; cursor: pointer; display: block;}
  /*.smenu_wrap .mo_smenu::before{ display:block; content:""; width:1px; height:60px; background-color:#ddd; position:absolute; left:0px; top:50%; transform:translateY(-50%);}
  .smenu_wrap .mo_smenu::after{ display:block; content:""; width:1px; height:60px; background-color:#ddd; position:absolute; right:0px; top:50%; transform:translateY(-50%);}*/
  .smenu_wrap .mo_smenu .sm_click{ font-family: 'GowunBatang-Bold'; font-size:18px; font-weight: 600; color:#f16937; line-height:50px; padding:0 20px; position:relative;}
  .smenu_wrap .mo_smenu .sm_click .cl_arrow{ position:absolute; right:30px; top:50%; transform:translateY(-50%);}
  .smenu_wrap .mo_smenu .sm_click .cl_arrow span{ display:block; width:8px; height:2px; background-color:#999; }
  .smenu_wrap .mo_smenu .sm_click .cl_arrow span:nth-of-type(1){ transform: rotate(45deg);}
  .smenu_wrap .mo_smenu .sm_click .cl_arrow span:nth-of-type(2){ transform: rotate(-45deg); position:absolute; top:0px; left:5px; }
  .smenu_wrap .mo_smenu ul{ display:none; position:absolute; top:50px; left:0px; z-index:22; width:100%; background-color:#f2f2f2; padding: 15px 0;}
  .smenu_wrap .mo_smenu ul li a{ line-height:30px; display:block; font-size:18px; color:#555; font-weight: 400; padding: 0 30px;}
}


/*가로스크롤*/
.row-horizon { position:relative; width:100%; overflow-x: hidden; overflow-y: hidden;}

/*테이블*/
.tbl table{ width:100%; border-top:1px solid #444; text-align:center; line-height: 1.6rem;}
.tbl caption{ font-size: 0px; height: 0px;}
.tbl thead tr th{ padding:15px 10px; border-bottom:1px solid #444; border-left-color:#fff; font-size: 1.3em; width: 13%;}
.tbl thead tr th:first-child{ width: 8%;}
.tbl tbody tr th{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 1.4em;}
.tbl tbody tr th p{ font-size: 0.95rem;}
.tbl tbody tr td{ padding:15px 10px; border-bottom:1px solid #ddd; font-size: 1.4em; font-family: 'NEXON Lv2 Gothic';}
.tbl tbody tr td.holi{ color: #f5821f;}
.tbl tbody tr td p{ font-size: 0.9rem; color: #777;}
.tbl tbody tr:nth-child(odd) th{ background-color: #f9f9f9;}
.tbl tbody tr:nth-child(odd) td{ background-color: #f9f9f9;}

.tbl2 table{ width:100%; border-top:1px solid #ddd;}
.tbl2 tr th{ padding:18px 20px; border-bottom:1px solid #ddd; background:#f2f2f2;}
.tbl2 tr th:last-child{ border-right:0;}
.tbl2 tr td{ padding:18px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tbl2 tr td:last-child{ border-right:0;}
.tbl2 thead tr th{ text-align:center; border-right:1px solid #ddd;}
.tbl2 tr.td_center td, .tbl2 tr.td_center th{ text-align:center;}

.tbl_blur{ display: none;}
.tbl_scroll{ display: none;}
@media screen and (max-width: 768px) {
  /*테이블 모바일*/
  .table_wrap{ position: relative;}
  .tbl_blur{ display: block; position:absolute; top:0px; right:0; width:40px; height:100%; background:url(../img/common/tbl_blur.png) repeat-y right top; z-index:10;}
  .row-horizon {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;float: none; width: 100%;}
  .tbl_scroll{ display: block; font-size:12px; line-height: 12px; color:#888; margin-bottom:10px; padding-left: 5px;}
  }
@media screen and (max-width: 550px) {
  .tbl table{ line-height: 1.4rem;}
  .tbl thead tr th{ padding:8px 20px; font-size: 1.1em;}
  .tbl tbody tr th{ padding:10px 20px; font-size: 1.1em;}
  .tbl tbody tr th p{ font-size: 0.95rem;}
  .tbl tbody tr td{ padding:10px 20px; font-size: 1.1em; }
  .tbl tbody tr td p{ font-size: 0.8rem;}
}
      
.imgt{ text-align:center;}
@media screen and (max-width:1000px) {
  .imgt img{ width:100%;}
}