@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; padding-top: 100px; height:360px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; }
.s_visual .s_visual_in { position:relative; display:table; width:90%; max-width:1400px; height:100%;  z-index:2; margin: 0 auto; text-align:left; }
.s_visual .sv_tit { display:table-cell; box-sizing:border-box; color:#fff; vertical-align:middle; text-align: center; }
.s_visual .sv_tit h2 {font-family: 'Elice DX Neolli'; font-size: 3.6rem; line-height: 1.15em; font-weight: 700;}
.s_visual .sv_tit p.t1 { margin:1em 0 0; font-size: 1.6rem; line-height: 1.5em; opacity: 0.8; font-weight: 500; color:#FFF; }
.s_visual .sv_tit p.eng {font-size: 1.7rem; opacity:.4;}


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


@media all and (max-width: 1280px){
  /* .s_visual .sv_tit h2 { font-size: 5rem; } */
  /* .s_visual .sv_tit p { font-size: 2.2rem; } */
}

@media all and (max-width: 976px){
  .s_visual  { height: 35vw; }
  .s_visual .sv_tit p.t1{font-size: 1.5rem;}
  /* .s_visual .sv_tit h2 { font-size: 4.5rem; } */
}

@media all and (max-width: 767px){
  .s_visual  { height: 40vw; padding-top: 60px;}
}

@media all and (max-width: 500px){
  .s_visual  { height: 57vw; }
	.s_visual .sv_tit {}
  .s_visual .sv_tit p.t1 { margin:0.7em 0 0.3em; }
  .s_visual .sv_tit h2 { font-size: 3.5rem; }
  .s_visual .sv_tit p.t1 br{display: none;}
}

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



/* Sub-Menu */

.sub_menu_wrap { position:relative;  width:100%; height:80px; line-height:80px; margin: 0 auto 0; padding:0;font-weight:400; box-sizing:border-box; z-index:10; background: #fff; box-shadow:2px 0  10px rgba(154,163,170,0.3); max-width: 100%;}
.sub_menu_wrap .in{ position:relative;  width:100%; max-width: 1400px; height:100%; margin: 0 auto 0; padding:0;font-weight:400; box-sizing:border-box; z-index:10; background: #fff;}
.sub_menu_wrap .m_home{ position:static; display:block; width:80px; height:80px; float:left; background: #0e5acd url("/images/sub/ico_home.png") center center; border:0; border-right: 1px solid #dedede; }
.sub_menu_wrap .m_dep_box{ position: relative; display:block; width:280px; float:left; text-align:left; cursor:pointer;border-right:1px solid #dedede; font-size: 1.8rem; }
.sub_menu_wrap .m_dep_tit { display:block; background:url('/images/sub/arrow_down.png') no-repeat 92% center;  color:#212121; 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:#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:#2d2e83; 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: 1080px){
.sub_menu_wrap { height: 80px; line-height: 80px; margin-top: -40px; }
.sub_menu_wrap .m_home { width:80px; height:80px;  background-size: 100% auto;}
}

@media all and (max-width: 767px){
.sub_menu_wrap { height: 70px; line-height: 70px; margin-top: -35px }
.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: -30px}
.sub_menu_wrap .m_home { width:60px; height:60px; }
.sub_menu_wrap .m_dep_box { width: calc(50% - 30px); }
}


@media all and (max-width: 480px){
.sub_menu_wrap { width: 100%; height: 50px; line-height: 50px; margin-top: 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:#212121; font-size: 4.0rem; font-family: 'Pretendard'; font-weight: 700; line-height: 1.2em;
                padding: 2.5em 0 0; }
#pageCont { padding: 4% 0 5%; overflow: hidden; }

@media all and (max-width:976px) {
  #subTitle { padding-top: 2em; }
  #pageCont { padding: 7% 0; }
}

@media all and (max-width:767px) {
   #pageCont { padding: 8% 0; }
}

@media all and (max-width:568px) {
   #subTitle { font-size: 3.2rem;  }
}

@media all and (max-width:480px) {
  #pageCont { padding: 10% 0; }
}





.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) {

}



.go-site a{display: inline-block; background-color: #0e5acd; color: #fff; padding: 15px 40px; border-radius:100px; font-size: 18px;margin-top: 30px; border: 1px solid #0e5acd;}
.go-site a:hover{background: #fff; border: 1px solid #0e5acd; color: #0e5acd; font-weight: bold;}

@media all and (max-width:640px) {
    .go-site a{font-size: 15px;}
    } 


    .tb-style {width:100%; margin:0 auto;}
.tb-style th {font-size:1.8rem;  padding:1em 5px; background:#f9f9f9; border-bottom:1px solid #DDD; border-top:2px solid #222;  border-left:1px solid #DDD;  color:#000; line-height:1.8em; font-weight:500 }
.tb-style td { padding:1em 5px;  background:rgba(255,255,255,0.5); text-align:center;  border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.4em;  font-weight:400; letter-spacing:-0.01em;
				font-family:'Roboto', 'Pretendard'}
.tb-style th:first-child,
.tb-style td:first-child {border-left:0}
.tb-style td.td-f {border-left:1px solid #ddd}
.tb-style td .st1 {color:#aaa}

.scroll-txt { display: none; color:#999; text-align:left; font-size: 1em; margin: 1em 0;}


.table-container {overflow-x: auto;}
.responsive-table {border-collapse: collapse; font-size: 18px; min-width: 980px; width: 100%; text-align: center;}
.responsive-table thead tr {background-color: #00913a;color: #ffffff;}
.responsive-table th, .responsive-table td {padding: 15px 10px;}
.responsive-table tbody tr {border-bottom: 1px solid #dddddd;}
.responsive-table tbody tr th {background-color: #f3f3f3;}
.responsive-table tbody tr td{border-right: 1px solid #dddddd;}
.responsive-table tbody tr td:last-child{border-right: 0;}
.responsive-table tbody tr:last-of-type {border-bottom: 2px solid #00913a;}



@media (max-width: 768px) {
    .responsive-table {font-size: 14px;}
}


/* terms */
.terms {padding: 4%; max-width: 1600px; line-height: 1.7em; font-family: 'Pretendard', sans-serif; font-size: var(--fz14);}
.terms h3 { font-size: 20px; color:#212121; }
.terms h4 { font-size: 16px; color:#212121; margin: 2em 0 0.5em; }
.terms p + p { margin-top: 1em; }
.terms p + h3 { margin-top: 2.5em; }