@charset "UTF-8";
@font-face { 
font-family: 'yg-jalnan'; 
font-weight: normal; 
font-style: normal; 
src:url('/resource/fonts/JalnanOTF.otf') format('opentype');
}
@font-face { 
font-family: 'Godo'; 
font-style: normal; 
font-weight: 400; 
src: url('/resource/fonts/GodoM.woff') format('woff');
}
@font-face { 
 font-family: 'Godo'; 
 font-style: normal; 
 font-weight: 700; 
 src: url('/resource/fonts/GodoB.woff') format('woff');
} 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src:url('/resource/fonts/OpenSans-Light.woff') format('woff');
}

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src:url('/resource/fonts/OpenSans-Regular.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
src:url('/resource/fonts/OpenSans-Medium.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src:url('/resource/fonts/OpenSans-Bold.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src:url('/resource/fonts/OpenSans-ExtraBold.woff') format('woff');
}
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:300;
src:url(/resource/fonts/NotoSansKR-DemiLight.woff);src:local('Noto Sans DemiLight'),local('NotoSansDemiLight'),url(/resource/fonts/NotoSansKR-DemiLight.woff2) format('woff2'),url(/resource/fonts/NotoSansKR-DemiLight.woff) format('woff'),url(/resource/fonts/NotoSansKR-DemiLight.otf) format('opentype')
}
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:400;
src:url(/resource/fonts/NotoSansKR-Regular.woff);src:local('Noto Sans Regular'),local('NotoSansRegular'),url(/resource/fonts/NotoSansKR-Regular.woff2) format('woff2'),url(/resource/fonts/NotoSansKR-Regular.woff) format('woff'),url(/resource/fonts/NotoSansKR-Regular.otf) format('opentype')
}
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:500;
src:url(/resource/fonts/NotoSansKR-Medium.woff);src:local('Noto Sans Medium'),local('NotoSansMedium'),url(/resource/fonts/NotoSansKR-Medium.woff2) format('woff2'),url(/resource/fonts/NotoSansKR-Medium.woff) format('woff'),url(/resource/fonts/NotoSansKR-Medium.otf) format('opentype')
}
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:600;
src:url(/resource/fonts/NotoSansKR-Bold.woff);src:local('Noto Sans Bold'),local('NotoSansBold'),url(/resource/fonts/NotoSansKR-Bold.woff2) format('woff2'),url(/resource/fonts/NotoSansKR-Bold.woff) format('woff'),url(/resource/fonts/NotoSansKR-Bold.otf) format('opentype')
}
@font-face{
font-family:'Noto Sans KR';
font-style:normal;
font-weight:800;
src:url(/resource/fonts/NotoSansKR-Black.woff);src:local('Noto Sans Black'),local('NotoSansBlack'),url(/resource/fonts/NotoSansKR-Black.woff2) format('woff2'),url(/resource/fonts/NotoSansKR-Black.woff) format('woff'),url(/resource/fonts/NotoSansKR-Black.otf) format('opentype')
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
-webkit-transform: translateX(-60px);
transform: translateX(-60px);
}
60% {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
40% {
-webkit-transform: translateX(-60px);
transform: translateX(-60px);
}
60% {
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
}
@-webkit-keyframes bouncee {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes bouncee {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
60% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}

100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}

100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}

100% {
opacity: 1;
}2
}

@keyframes fadeIn {
0% { 
opacity: 0;
}

100% {
opacity: 1;
}
}
@-webkit-keyframes anim-francisco {
50% {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
}
  
51% {
opacity: 0;
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
}

100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes anim-francisco {
50% {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0);
}

51% {
opacity: 0;
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0);
}

100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes flrd {
0% {
background:#AC0001
}
50% {
background:#e3191a
}
100% {
background:#AC0001
}
}

@-webkit-keyframes flbr {
0% {
background:#004eae
}
50% {
background:#096ec9
}
100% {
background:#004eae
}
}
.fadeIn {
-webkit-animation-name: fadeIn 0.3s forwards;
animation: fadeIn 0.3s forwards;
}
.francis {
-webkit-animation: anim-francisco 0.3s forwards;
animation: anim-francisco 0.3s forwards;

}



* {margin: 0; padding: 0; box-sizing: border-box; list-style-type: none;}

/* skip nav */
#skipNav {
position:relative;
z-index:9999;
}
#skipNav a {
position: absolute; 	
top: -200px; 
left:0; 
width: 100%; 
line-height: 40px; 
font-size : 18px;
text-align :center;
border: 1px solid #dedede; 
color : #fff;
background-color: #0B8CBE;
} 
#skipNav a:focus, 
#skipNav a:active {
top: 0;
}

/*scrolllock*/
.scrlock{
	overflow:hidden;
	touch-action:none;
}

/* hide-txt  */
.hide-txt {
overflow: hidden;
position: absolute;
width: 1px;
height: 1px;
font-size: 1px;
line-height: 0;
clip: rect(0 0 0 0);
white-space: nowrap;
margin: -1px;
padding: 0;
border: 0;
}

/* header */
#wrap {
position: relative;
height: 100hv;
width: 100%;
}
#headerWrap {
position: fixed;
width: 100%;
height: auto;
top: 0;
left:0;
z-index:99;
background:#fff
}
#headerWrap.on {
box-shadow:1px 5px 8px rgb(0,0,0,3%)
}
.headerArea {
width: 1440px;
height: 120px;
margin: 0 auto;
text-align: center;
padding-top: 32px;
}
.logo {
float: left;
}
.sideBtn {
float: right;
margin-top: 19px;

}
.sideBtn_box {
position: relative;
width: 17px;
height: 17px;
}
.sideBtn_box .line {
position: absolute;
width: 5px;
height: 5px;
background: #000;
transition:all 0.3s;
}
.sideBtn_box > .line:nth-child(2) {
top: 0;
left: 0;
}
.sideBtn_box > .line:nth-child(3) {
top: 0;
right: 0
}
.sideBtn_box > .line:nth-child(4) {
bottom: 0;
left: 0
}
.sideBtn_box > .line:nth-child(5) {
bottom: 0;
right: 0
}
.boun {
	color:#ac0001;
	display:inline-block;
animation-name: bouncee;
animation-delay : 0.2s;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count:infinite;
}

.top-bar {position: absolute; top:0; left: 0; width: 100%; height: 80px; transition: 0.4s;}
.top-bar:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-image: linear-gradient(90deg, #1ea0c3, #82ba3b);}
.sitemap-title {display: none;}
.side-bar {display: none; position: fixed; right:0; top:0; width: 100%; height: 100vh; background: #fff; 
overflow-y: auto; transition: 0.4s;box-shadow: -10px -1px 20px rgba(0,0,0,0.1); z-index: 999;}
/*.side-bar.active {right: 0;}*/
.side-bar .fa-external-link {position: relative; width: 25px; height: 15px;}
.side-bar .fa-external-link:before {content: ""; position: absolute; top: -4px; width: 25px; height: 25px;}
.gnb .fa-external-link {position: relative; width: 25px; height: 15px;}
.gnb .fa-external-link:before {content: ""; position: absolute; top: -4px; width: 25px; height: 25px;}
.side-bar-top {position: relative; width: 100%; height: 100px;background: linear-gradient(45deg, rgba(198,220,239,1) 15%, rgba(227,238,247,1) 60%);transition:all 1s}
.side-bar-top:hover {transition:all 1s;opacity:0.7}
.side-logo {position: absolute;top: 51%;left: 5%;transform: translateY(-50%);width: 250px;height: 41px;}
.side-close-btn {position: absolute; top:50%; right: 2%; transform: translateY(-50%); width: 30px; height: 30px; cursor: pointer;}
.side-close-btn:before, .side-close-btn:after {content: ""; position: absolute; top: 50%; left:0; width: 100%; height: 2px; background: #000;}
.side-close-btn:before {transform: translateY(-50%) rotate(-45deg);}
.side-close-btn:after {transform: translateY(-50%) rotate(45deg);}
.side-menu {position: relative; width: 85%; margin: 0 auto;}
.gnb-1depth {padding-top:40px}
.gnb-1depth a {display: block; position: relative; line-height: 2.2; transition: 0.4s;text-align:left;}
.gnb-1depth > li > a {font-size: 1.9rem; font-weight: 500;}
.gnb-1depth > li > a.active .highlight {display: inline-block; position: relative;}
.gnb-2depth {display: none;}
.side-bar .gnb-2depth {display: block;}
.gnb-1depth > li > a.active + .gnb-2depth {display: block;}
.gnb-2depth > li > a {padding-left: 4%; font-size: 1.4rem;}
.gnb-2depth > li > a:before {content: ""; position: absolute; top:50%; left:2%; width: 2px; height: 2px; background: #dcdcdc;}
.gnb-3depth > li > a {padding-left: 10%; font-size: 1.3rem; color: #555;}
.gnb-3depth > li > a:before {content: ""; position: absolute; top:50%; left:5%; width: 5px; height: 1px; background: #555;}
.plus-btn {display:none; position: absolute; top:50%; right: 2%; transform: translateY(-50%); width: 15px; height: 15px; transition: 0.4s;}
.plus-btn:before {content: ""; position: absolute; top: 50%; left:0; transform: translateY(-50%); width: 100%; height: 1px; background: #000; transition: 0.4s;}
.gnb-1depth > li > a.active .plus-btn:after {transform: translateY(-50%) rotate(0);}
.header.on .top-bar {background: #fff; box-shadow: 1px 5px 10px rgba(0,0,0,0.1);}
.header.on .gnb .gnb-1depth > li > a {color: #222;}
.header.on .gnb .gnb-1depth > li > a:hover, .header.on .gnb .gnb-1depth > li > a:active, .header.on .gnb .gnb-1depth > li > a:focus {text-decoration: none; color: #1ea0c3;} 
.header.on .gnb .gnb-3depth > li > a:hover, .header.on .gnb .gnb-3depth > li > a:active, .header.on .gnb .gnb-3depth > li > a:active {text-decoration: none; color: #1ea0c3;}
.header.on .side-btn {background-image: url('/resource/img/sidemenu-btn.svg');}
.header.on .gnb .gnb-1depth > li:after {background: #ddd;}
@media screen and (min-width: 500px){
.side-bar {width: 80%;}
}
@media screen and (min-width: 600px){
.side-bar {width: 70%;}
}
@media screen and (min-width: 768px){
.top-bar {height: 100px;}
.side-bar {width: 35%;}
.side-bar-top  {height: 100px;}
.side-logo img{width: 250px; }
.gnb-1depth > li > a {font-size: 1.8rem;}
.gnb-2depth > li > a {font-size: 1.8rem;}
.gnb-3depth > li > a {font-size: 1.6rem;}
}
@media screen and (min-width: 320px){
  .side-bar .gnb-1depth > li {position: relative; width: 100%; border-top: 1px solid #ddd;height:60px;}
  .side-bar .gnb-1depth > li > a {position:relative; top: 0; left: 0; padding: 10px 0 0 20px; background: transparent;font-size: 1.9rem;
  }
  .side-bar .gnb-1depth > li > a::before {content: ""; position: absolute; top:-2px; left:0; width:90%; height: 2px;  
  background-image: linear-gradient(-90deg, #82ba3b,#1ea0c3);transition:all 0.3s;
  } 
  .side-bar .gnb-1depth > li > a:hover:before {width:70%;height:5px;transform:skew(-50deg);left:0;
  }
  .side-bar .gnb-1depth > li > a::after {content: ""; position: absolute; top:57%; left:6px; width:3px; height:3px;transform:translateY(-50%);
  background:#000;} 
}
@media screen and (min-width:100px) and (max-width:500px) {
  .gnb-1depth > li > a {font-size:1.5rem !important;}
  .side-bar .gnb-1depth > li {height:48px;}
  .side-logo {width:auto;height:auto;}
  .side-logo img {width:200px}
}
.footer {
position: relative;
width: 100%;
}
.footerWrap {
width: 1440px;
height: 160px;
position: relative;
margin: 0 auto;
text-align: center;
margin-top: 50px;
border-top: 1px solid #ddd
}
.footer_link, .copyright, .footer_callcenter {
float: left;
display: block;
width: 100%
}
.footerWrap .footer_link_group {
position: relative;
float: left;
width: 70%;
text-align: left;
color: #111
}
.footerWrap .footer_link_group ul li {
float: left;
display: inline;
}
.footerWrap .footer_link_group .footer_link {
position: relative;
font-size: 1.7rem;
margin-top: 40px;
}
.footerWrap .footer_link_group .footer_link ul li:not(:last-child) {
position: relative;
padding-right: 30px;
}

.footerWrap .footer_link_group .footer_link ul li a {
font-weight: 700;
color: #111
}
.footerWrap .footer_link_group .footer_link ul li:first-child a {
color: #004eae
}
.footerWrap .footer_link_group .footer_link ul li:nth-child(2n) a {
color: #d42009;font-size:1.8rem
}
.footerWrap .footer_link_group .copyright {
font-size: 1.4rem;
margin-top: 22px;
margin-bottom:30px;
}
.footerWrap .footer_link_group .copyright ul li {
position: relative;
padding-right: 30px;
display:flex
}
.footerWrap .footer_link_group .copyright ul li a {
font-weight: 700;
color: #111
}
.footer_link_group ul li:not(:last-child):after {
content: "";
position: absolute;
top: 54%;
right: 15px;
transform: translateY(-50%);
width: 1px;
height: 11px;
background: #ccc;
}
.copyright ul li:not(:last-child):after {
content: "";
position: absolute;
top: 54%;
right: 15px;
transform: translateY(-50%);
width: 1px;
height: 11px;
background: #ccc;
}




.footerWrap .footer_site {
float: right;
width: 30%;
text-align: right;
margin-top:69px;
color: #fff
}
.footerWrap .footer_site ul li {
position:relative;
display: inline;
float:left;

}
.footerWrap .footer_site ul li:first-child {
margin-right: 30px;
width:218px;
height:46px;

}
.footerWrap .footer_site ul li:first-child:after {
content: '';
position:absolute;
background:url('/resource/img/common/kamco_foot_logo2.png');
left:0;
top:0;
width:218px;
height:46px;

}
.footerWrap .footer_site ul li:last-child {
width:168px;
height:46px;
}
.footerWrap .footer_site ul li:last-child:after {
content: '';
position:absolute;
background:url('/resource/img/common/ccrs_foot_logo2.png');
left:0;
top:0;
width:168px;
height:46px;
}

.objectWrap {
position: relative;
margin: 0 auto;
text-align: center;
width: 1440px;
}
.object1 {
position: absolute;
left: -12%;
bottom: 50px;
width: 110px;
height: 90px;
background: url('/resource/img/main/object_cat.png') no-repeat;
}
/*.object2 {
position: absolute;
right: -14%;
bottom: 50px;
width: 152px;
height: 300px;
background: url('/resource/img/main/object_smile.png') no-repeat;
}*/
.dropbtn {
  background-color:#fff;
  color:#111;
  border:1px solid #ccc;
  padding:19px 20px;
  font-size:1.3rem;
  width:165px;
  text-align:left;
  line-height:0rem;
  transition:all 0.3s;
 }
 .dropbtn:after {
 content: "";
 position:absolute;
 top:50%;
 right:12px;
 width:10px;
 height:6px;
 transform:translateY(-50%);
 background:url("/resource/img/icon/down_icon.png");
 transition:all 0.3s
 }
 .dropdown:hover .dropbtn:after {
   top:46%;
  transform:rotate(180deg);

  }
 .dropdown {
 position:relative;
 display:inline-block;;
 margin-top:-9px
 }
 .dropdown-content {
   background-color:#fff;
  color:#111;
  border:1px solid #ccc;
 display:none;
 position:absolute;
 min-widht:160px;
 z-index:1;
 top:-146px;
 }
  .dropdown-content a {
  font-size:1.2rem;
  width:100%;
  height:100%;
  padding:6px 20px;
  color:#111;
  width:163px;
  display:block;
  }
.dropdown-content a:hover {
 background:#eee;
 }
 .dropdown:hover .dropdown-content {display:block;}


.tbl {margin-top:10px;border-top:2px solid #000}
.tbl th {text-align:center; }
.tbl td, .tbl th {padding:12px 10px; border-bottom:1px solid #e2e2e4; line-height:18px; vertical-align: middle; box-sizing: border-box;border-right:0;border-left:0;font-size:1.8rem;font-weight:600;height:73px}
.tbl thead tr:first-child th {border-top:2px solid #1484a8; background:#29a1c0;}
.tbl thead th {background:#29a1c0; color:#fff; border-bottom: none;border: 1px solid #1484a8;}
.tbl tbody th {background:#f2f2f2;font-weight:600}
.tbl tbody td {padding-left:50px;font-weight:500}
.tbl tfoot th {background:#f7faef; color:#333;}
.tbl td {background: #fff;}
.tbl td .cpNm_cctn {font-size:1.3rem;display:block;line-height:1.8rem;color:red}
.tbl ~ p, .tbl2 ~ p, .tbl3 ~ p {position:relative;font-size:1.6rem;padding-top:30px;line-height:2.6rem;text-align:left;padding-left:20px;color:#757575}
h2 ~ p {position:relative;font-size:1.6rem;padding-top:0;line-height:2.6rem;text-align:left;color:#777}
.tbl ~ p:before, .tbl2 ~ p:before, .tbl3 ~ p:before {
content: '※';
position:absolute;
left:0;
}
.tbl .won {display:flex;align-items: center;flex-wrap:wrap}
.tbl_adj tr:nth-child(3) td{height:105px;}

.tbl2 {margin-top:10px;border-top:2px solid #000;}
.tbl2 th {text-align:center; }
.tbl2 td, .tbl2 th {padding:12px 10px; border:1px solid #e2e2e4; line-height:18px;vertical-align: middle;box-sizing: border-box;border-right:0;border-left:0;font-size:1.5rem;font-weight:600;height:73px;letter-spacing:-0.1rem}
.tbl2 thead th {background:#f2f2f2; color:#333; border-bottom: none;border:0;font-size:1.7rem;height:80px;}
.tbl2 tbody th {background:#f2f2f2;font-weight:600}
.tbl2 tbody td {font-weight:400;}
.tbl2 tbody td:nth-child(2n+2) {background:#f8f8f8}
.tbl2 tfoot th {background:#f7faef; color:#333;}
.tbl2 td {background: #fff;}
.tbl2 tfoot td.total {background:#e5f0f9;font-weight:700}
.tbl2 tbody td.acc {min-width:150px;word-break:keep-all}
.tbl2_wdth {overflow:overlay}

.tbl3 {margin-top:10px;border-top:2px solid #000}
.tbl3 th {text-align:center; }
.tbl3 td, .tbl3 th {padding:12px 10px; border:1px solid #e2e2e4; line-height:18px; vertical-align: middle; box-sizing: border-box;border-right:0;border-left:0;font-size:1.8rem;font-weight:600;height:73px}
.tbl3 thead tr:first-child th {border-top:2px solid #000; background:#f2f2f2;}
.tbl3 thead th {background:#29a1c0; color:#333; border-bottom: none;border: 0px solid #1484a8;}
.tbl3 tbody th {background:#f2f2f2;font-weight:600}
.tbl3 tbody td {padding-left:40px;font-weight:500}
.tbl3 tfoot th {background:#f7faef; color:#333;}
.tbl3 td {background: #fff;}
.tbl3 td ul {padding:8px 0;display:flex;}
.tbl3 td ul li {padding:2px 0;width:16%;font-size:1.7rem;line-height:2.1rem;display:flex;align-items:center;}
.tbl3 td ul li:nth-child(3) {width:28%}
.tbl3 td ul li:nth-child(4) {width:23%}
.tbl3 td ul.objc_list {flex-wrap:wrap}
.tbl3 td ul.objc_list li {width:50%;}
.th-60 td, .th-60 th {height:60px !important}
.tbl3 th.tbl3-ct {padding:12px 23px;}
.tbl3 td.pd-theme {padding:20px 25px !important;font-size:1.5rem !important;word-break:break-all}
.tbl3 td.pd-theme a.btn_addLst {margin-right:3px;}
.tbl3 td.pd-theme a.btn_addLst:nth-child(n+2) {margin-top:5px;}
.tbl3 td.pd-theme:nth-child(2) {width:128px;}
.tbl3.tbl3_ctrl tbody td {padding-left:0;}
.tbl4 {margin-top:10px;}
.tbl4 th {text-align:center;}
.tbl4 td, .tbl4 th {padding:12px 2px;  line-height:18px; vertical-align: middle; box-sizing: border-box;font-size:1.8rem;font-weight:600;height:60px;}
.tbl4 thead tr th:first-child {border-radius:20px 0 0 0}
.tbl4 thead tr th:last-child {border-radius:0 20px 0 0}
.tbl4 thead th {background:#e5f0f9; color:#000;;font-weight:600}
.tbl4 tbody {border-bottom:1px solid #eee}
.tbl4 tbody td {font-weight:500;text-align:center;}

.tbl5 {margin-top:10px;border-top:2px solid #000}
.tbl5 th {text-align:center;}
.tbl5 td, .tbl5 th {padding:12px 2px;  line-height:18px; vertical-align: middle; box-sizing: border-box;font-size:1.6rem;font-weight:600;height:60px;}
.tbl5 thead tr th {background:#f7f7f7;}
.tbl5 thead tr th:last-child {width:34%}
.tbl5 thead th {background:#f7f7f7; color:#111;;font-weight:600}
.tbl5 tbody {border-bottom:1px solid #eee}
.tbl5 tbody tr td a:hover {text-decoration:underline;font-weight:bold}
.tbl5 tbody td {font-weight:500;text-align:center;border-top:1px solid #eee}

.tbl6 {margin-top:10px;border-top:2px solid #000}
.tbl6 th {text-align:center;}
.tbl6 td, .tbl6 th {padding:12px 2px;  line-height:18px; vertical-align: middle; box-sizing: border-box; font-size:1.5rem;font-weight:600;height:60px;}
.tbl6 thead tr th {background:#f7f7f7;}
.tbl6 thead tr th:last-child {width:65%}
.tbl6 thead th {background:#f7f7f7; color:#111;;font-weight:600}
.tbl6 tbody {border-bottom:1px solid #eee}
.tbl6 tbody tr td a:hover {text-decoration:underline;font-weight:bold}
.tbl6 tbody td {font-weight:500;text-align:center;border-top:1px solid #eee}
.tbl6 tbody tr td:last-child {padding-left:30px;}
.tbl6 tbody tr td:first-child{background:#f8f8f8}
.tbl6 tbody tr td ol.pop_ol > li {margin-top:2px}

.tbl7 {margin-top:10px;border-top:2px solid #000}
.tbl7 th {text-align:center;}
.tbl7 td, .tbl7 th {padding:12px 2px;  line-height:18px; vertical-align: middle; box-sizing: border-box;font-size:1.6rem;font-weight:600;height:60px;}
.tbl7 td.btn  { height:auto;margin-top:14px;letter-spacing:-0.2rem;margin-right:10px;margin-left:10px;}
.tbl7 thead tr th {background:#f7f7f7;}
.tbl7 thead th {background:#f7f7f7; color:#111;;font-weight:600}
.tbl7 tbody {border-bottom:1px solid #eee}
.tbl7 tbody tr td a:hover {text-decoration:underline;font-weight:bold}
.tbl7 tbody td {font-weight:500;text-align:center;border-top:1px solid #eee}

.tbl_proc2 {width:100%;border:1px solid #ccc;margin-top:10px}
.tbl_proc2 td  {padding:5px;border:1px solid #ccc;font-size:1.3rem;color:#333;word-break:break-all}
.tbl_proc2 th {color:#414141;background:#ccc;padding:5px;font-weight:600;font-size:1.3rem;border:1px solid #ccc;word-break:break-all}

.tbl_chart {margin:18px 0;border-top:2px solid #000;border-bottom:1px solid #000}
.tbl_chart td, .tbl_chart th {padding:7px 2px;  line-height:18px;text-align:center !important;letter-spacing: -0.03rem;
vertical-align: middle; box-sizing: border-box;font-size:1.3rem;font-weight:600;height:36px;border-bottom:0;}
.tbl_chart th {text-align:center;font-size:1.5rem;height:40px;}
.tbl_chart tbody td {position:relative;font-weight:500;text-align:center;border-top:1px solid #dbdbdb;background:#f8f8f8;padding-left:0;}
.tbl_chart tbody td:nth-child(2n) {background:#e5f0f9}
.tbl_chart tbody td a{display:flex;align-items: center;justify-content: center;font-weight:300;letter-spacing:-0.05rem;
color:#0a4466;font-size:1.4rem;font-family: 'Godo';}
.tbl_chart tbody td a:hover {}
.tbl_chart tbody td a:after {
content:"";
width:15px;
height:14px;
display:inline-block;
background:url('/resource/img/icon/viewLink_icon.png') no-repeat;
margin-left:10px;
}
.tbl_bd {margin-top:10px;border-top:2px solid #000}
.tbl_bd th {text-align:center; }
.tbl_bd td, .tbl th {padding:12px 10px; border:1px solid #d1d1d1; line-height:18px; vertical-align: middle; box-sizing: border-box; font-size: 15px;border-right:0;border-left:0;font-size:1.8rem;font-weight:600;height:73px}
.tbl_bd thead tr:first-child th {border-top:2px solid #000; background:#f7f7f7;}
.tbl_bd thead th {background:#f7f7f7; color:#000; border-bottom: none;font-size:1.8rem;height:70px}
.tbl_bd tbody td {font-weight:600;font-size:1.8rem;line-height:2rem}
.tbl_bd tfoot th {background:#f7faef; color:#333;}
.tbl_bd td.nDat {width:100%;text-align:center;padding:26px;font-size:1.3rem;}
.srh_bar ul {display:flex;}
.srh_bar ul li {position:relative;}
.bd-w1 {width:33%;margin-right:1%}
.bd-w2 {width:79%;margin-left:1%}
.tbl_status {font-size:1.4rem;font-weight:300}
.tbl_status span {color:#00387d}
.ttl_num {position:relative;float:left;padding-left:20px;}
.ttl_num:before {
content: '';
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
width:12px;
height:12px;
background:url('/resource/img/icon/total_icon.png');
}
.page_num {position:relative;float:right;}
.notice_icon {
width:50px;
height:32px;
text-align:center;
border-radius:10px;
padding:7px 5px;
background:#00387d;
color:#fff;
font-size:1.4rem;
display:inline-block;
margin-right:14px;
line-height:1.7rem;
}

.tbl_fc {margin-top:10px;border-top:2px solid #000}
.tbl_fc th {text-align:center; }
.tbl_fc td, .tbl th {padding:12px 10px; border:1px solid #d1d1d1; line-height:18px; vertical-align: middle; box-sizing: border-box; font-size: 15px;border-right:0;border-left:0;font-size:1.8rem;font-weight:600;height:73px}
.tbl_fc thead tr:first-child th {border-top:2px solid #000; background:#f7f7f7;}
.tbl_fc thead th {background:#f7f7f7; color:#000; border-bottom: none;font-size:1.8rem;height:70px}
.tbl_fc tbody td {font-weight:500;font-size:1.8rem;line-height:2rem}
.tbl_fc tfoot th {background:#f7faef; color:#333;}
.tbl_fc td.nDat {width:100%;text-align:center;padding:26px;font-size:1.3rem;}
.tbl_wrap::-webkit-scrollbar {height: 10px;border-radius:10px;margin-top:3px}
.tbl_wrap::-webkit-scrollbar-track {inset 0 0 5px black;background: rgba(0,0,0,.05);border-radius:10px }
.tbl_wrap::-webkit-scrollbar-thumb {  background: rgba(0,0,0,.1);;border-radius:10px}
/* table > align */
table.taC td {text-align:center;}
td.taC {text-align:center !important;}
table.taL td {text-align:left;}
td.taL {text-align:left !important;}
table.taR td {text-align:right;}
td.taR {text-align:right  !important;}
.Thead tbody tr:first-child td,.Thead tbody tr:first-child th {border-top:2px solid #4681b9}
td li {position: relative;}
/*
td >ul >li {padding-left:15px; margin-top:3px; line-height:22px; text-align:left !important;}
td >ul >li:before {content: '';position: absolute;left: 0;top: 5px;width: 11px;height: 11px;background:url('/common/img/common/spr_bu.png') 0 -223px no-repeat; }
td >ul >li:first-child {margin-top:0;}
td >ul >li >ul {margin-top:10px !important;}
td >ul >li >ul >li {padding-left:10px; margin-top:6px; line-height:18px; text-align:left !important;}
td >ul >li >ul >li:first-child {margin-top:0;}
*/
.tbl tbody td .strong {color: #1396b0;font-weight: 600;}

.tbl_wrap .tbl_guide {display: none;}

.bd_guide {display: none;}
/* 테이블 */
.tb-w1 {width:40%;}
.tb-w3 {width:30%;margin:0}
.tb-w3:nth-child(2) {margin:0 2%}
.tb-w2 {width:29%;}
.tb-w25 {width:25%;}
.tb-w22 {width:22%;}
.tb-w50 {width:50%;}
.ml-10 {margin-left:10px;}
.btn_rsp {margin-left:10px;height:42.5px;width:90px}
.btn_rsp2 {margin-left:10px;height:42.5px;padding:0 15px;}
.btn_rsp a, .btn_rsp2 a {color:#fff}
.btn_down {margin-left:10px;height:38.5px;width:130px;padding:8px 6px;font-size:1.4rem}
.row_add {display:block;width:100%}
.row_add ul, .row_add2 ul {display:flex}
.row_add ul li:first-child {width:90px}
.row_add ul li:nth-child(n+2) {margin-left:10px;}
.row_add {margin:10px 0 10px 0;}
.row_add2 {margin:0}
.row_add2 ul li {width:140px;}
@media all and (max-width:1024px) {
.tbWp{ width: 100%; overflow: hidden; overflow-x: scroll; }
.tbWp .tbl_guide { display: block;text-align:left;padding: 0 0 0 20px; color: #9a763d; font-size: 13px; background: url('/resource/img/icon/info_icon2.png') 0px 1px no-repeat;
line-height: 120%;margin-top:0;letter-spacing:-0.1rem}
.tbWp .tbl3{width: 900px;}
}
@media all and (max-width:768px) {
.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; }
.tbl_wrap .tbl_guide { display: block;text-align:left;padding: 0 0 0 20px; color: #9a763d; font-size: 13px; background: url('/resource/img/icon/info_icon2.png') 0px 1px no-repeat;
line-height: 120%;margin-top:0;letter-spacing:-0.1rem}
.tbl_wrap .tbl3, .tbl_wrap .tbl2{width: 900px;}
.tbl-w340 {width:340px !important;}
.tbl td, .tbl th {height:auto}
.tbl2 thead th {background:#f2f2f2; color:#333; border-bottom: none;border:0;font-size:1.5rem;height:56px;}
.tbl2 td, .tb2 th {padding:12px 10px;line-height:1.8rem;font-size:1.3rem;height:50px}
.tbl2 tbody td {padding-left:12px;top:48px;padding:0 20px; }
.tbl3 td, .tbl3 th {padding:12px 10px;line-height:1.8rem;font-size:1.3rem;height:50px}
.tbl3 tbody td {padding-left:12px;top:48px;padding:7px 20px; }
.tbl3 tbody td .btn_addLst {margin-left:0 !important;display:block;}
.tbl3 th.tbl3-ct {padding:12px 11px;}
.tbl3 td.pd-theme {padding:12px 0px !important;font-size:1.3rem !important;}
.tbl3 td.pd-theme:nth-child(2) {width:71px;}
.unit_info {font-size:1.2rem !important;line-height:1.8rem !important}

.tbl_chart td {top:0 !important;font-size:1.2rem;padding:0;}
.tbl_chart td, .tbl_chart th {height:30px;padding: 8px 3px !important;}
.tbl_chart tbody td a {font-size:1.2rem;}
.tbl_chart tbody td a:after {width:10px;height:9px;background-size:cover;}
.w-400 {width:400px !important}
.w-500 {width:500px !important}
.w-600 {width:600px !important}
.w-700 {width:700px !important}
.w-800 {width:800px !important}
.w-900 {width:900px !important}
.w-70p {width:37% !important}
.row_add ul li:first-child {width:65px}
input[type=radio] + label {font-size:1.3rem !important;}
.tbl {border-top:1px solid #000;background:#fff !important}
.tbl td, .tbl th {line-height:1.8rem;font-size: 1.5rem;}
.tbl tbody th {height:30px;background:#fff !important;top:18px;font-size:1.5rem;padding:0 20px; }
.tbl tbody td {padding-left:12px;top:48px;padding:0 20px; }
.tbl tr {width:100%;display:block;margin-top:20px;}
.tbl tr:first-child {margin-top:30px;}
.tbl tr:last-child {border-bottom:1px solid #000;padding-bottom:30px;}
.tbl_res tr:nth-child(3) td input {width:47%;}
.tbl_res tr:nth-child(3) td .tb-h44 {width:100% !important;height:30px !important;border-radius:0 !important;margin-top:5px !important;}
.tbl_res tr:nth-child(4) td {display:flex;align-items:baseline;justify-content:space-between}
.tbl_res tr:nth-child(8) td {display:flex;flex-direction:column}
.tbl_res tr:nth-child(9) td ul li {height:25px;}
.tb-h44 {font-size:1.3rem !important}
.row_add {margin:0 0 10px 0}
.suvy_etc {width:60%}
.tbl .won {display:flex;align-items:center;align-items:center;flex-wrap:wrap}
.tbl .tb-w35 {width:84%;}
.phone_info {padding-left:0 !important;font-size:1.2rem !important;padding-top:10px;display:block;}
.tbl th, .tbl td {width:100%;text-align:left;;border:none;display:block}
.adr_row2 li .ml-4 {margin-left:0 !important}
.tb-w1 {width:100%;}
.tb-w3 {width:32%;}
.tb-w50 {width:100%}
.tb-w22 {width:25%;}
.btn_rsp {margin-left:10px;height:42.5px;width:24%;letter-spacing:-1px;font-size:1.1rem}
.btn_slt {margin-left:0;height:auto !important;width:65px !important;letter-spacing:-1px;font-size:1.1rem}
.btn_rsp2 {margin-left:10px;height:32px;width:137px !important;letter-spacing:-1px;font-size:1.1rem}
.tbl input::placeholder {font-size:1.5rem !important;}
.tbl3 td ul li {font-size:1.3rem}
.bd_guide {display: block;text-align:left;padding: 0 0 0 20px; color: #9a763d; font-size: 13px; background: url('/resource/img/icon/info_icon2.png') 0px 1px no-repeat;
line-height: 120%;margin-top:0;letter-spacing:-0.1rem;width:100%;float:left;}
.tbl7 {width:700px}
}
@media all and (max-width:650px) {
.w-400 {width:400px !important}
.w-500 {width:500px !important}
.w-600 {width:600px !important}
.w-700 {width:600px !important}
.w-800 {width:700px !important}
.w-900 {width:900px !important}
}
@media all and (max-width:500px) {
.w-400 {width:400px !important}
.w-500 {width:500px !important}
.w-600 {width:600px !important}
.w-700 {width:500px !important}
.w-800 {width:600px !important}
.w-900 {width:900px !important}
.tbWp .tbl3{width: 550px;}
.tbl7 {width:500px}
}
.board-pagi {
position: relative;
padding-top: 10px;
display:flex;
width:100%;
}
.board-pagi .pagination {

text-align: center;
margin: 0;
box-shadow: 1px 5px 10px rgb(0, 0, 0, 10%);
background: #fff;
border-radius:20px;
padding:8px;
margin:0 auto;
}

.board-pagi .pagination a {
display: block;
width: 40px;
height: 40px;
font-size:1.5rem;
line-height: 40px;
text-align: center;
transition: 0.4s;
color: #111;
}
.board-pagi .pagination li:first-child {
width: 30px;
margin-right: 0px;
margin-left:10px;
}
.board-pagi .pagination li:nth-child(2) {
margin-right: 10px;
}
.board-pagi .pagination li:last-child{
width: 30px;
margin-left: 0px;
margin-right:15px;
}
.board-pagi .pagination li:nth-last-child(2) {
margin-left: 10px;
}
.board-pagi .pagination li {
display: inline-block;
vertical-align: middle;
margin: 0 0px;

}
.board-pagi .pagination li a.on {
color: #fff;background:#136bd8;border-radius:10px
}
.board-pagi .pagination li:first-child a {
background: url('/resource/img/sub/page_left.png') no-repeat center;
}
.board-pagi .pagination li:nth-child(2) a {
background: url('/resource/img/sub/arrow_left.png') no-repeat center;
}
.board-pagi .pagination li:last-child a {
background: url('/resource/img/sub/page_right.png') no-repeat center;
}
.board-pagi .pagination li:nth-last-child(2) a {
background: url('/resource/img/sub/arrow_right.png') no-repeat center;
}
.blind {
position: absolute;
top: -9999px;
left: -9999px;
}
.board-pagi .pagination li.on a, .board-pagi .pagination li:hover a, .board-pagi .pagination li:focus a, .board-pagi .pagination li:active a {
border-color: #2f5993;
}

.vp_header {min-height:80px;padding:30px;font-size:2rem;font-weight:600;color:#333;border-top:2px solid #000;border-bottom:1px solid #000;text-align:left;word-break:break-all}
.vp_header ul {display:flex;}
.vp_header ul li {display:inline;float:left;width:120px;text-align:center;padding-right:10px}
.vp_header ul li:last-child {width:auto;text-align:left}

.vp_date {height:80px;padding:26px 30px;font-size:2rem;font-weight:600;color:#333;border-bottom:1px solid #000;text-align:left;background:#f7f7f7}
.vp_date ul {display:flex;align-items:center}
.vp_date ul li  {display:inline;float:left;width:120px;text-align:center;padding-right:10px}
.vp_date ul li:last-child {width:auto;text-align:left}

.vp_conts {position:relative;width:100%;padding:40px;border-bottom:1px solid #000}
.file_wrap {position:relative;text-align:right;margin-bottom:10px}
.file_wrap a {font-size:1.4rem;color:#00387d;font-weight:600;display:table-cell;padding-left:30px}

.vp_contents {margin:100px 0 80px;font-size:1.8rem;text-align:center;}
.vp_pg {height:80px;padding:28px 30px;font-size:1.8rem;font-weight:600;color:#333;border-bottom:1px solid #000;text-align:left;background:#f7f7f7}
.vp_pg ul li {position:relative;float:left;}
.vp_prev ul li:first-child:after {
content: '';
 position:absolute;
 width:10px;
 height:6px;
 top:50%;
 right:0;
 transform:translateY(-50%);
 background:url('/resource/img/icon/up_icon.png');
}
  .vp_next ul li:first-child:after {
content: '';
 position:absolute;
 width:10px;
 height:6px;
 top:50%;
 right:0;
 transform:translateY(-50%);
 background:url('/resource/img/icon/down_icon.png');
}
.vp_pg ul li:first-child {width:80px}
  .vp_pg ul li:nth-child(2)  {padding-left:40px;}
.vp_pg ul li:last-child {float:right;font-weight:500;color:#979797}


/* popup  */
.modal {
display:none;
position: fixed; 
z-index: 9999999; 
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto; 
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4); 
transition:all 0.3s;
z-index:99999
}
.modal1 .modal-content {transform:translate(-50%, 0);top:50px;}
.survey1 .modal-content {transform:translate(-50%, 0);top:50px;}
.modal21 .modal-content {transform:translate(-50%, 0);top:50px;}
.modal2 {display:block;}
.modal-content {
position:absolute;
text-align:center;
top:50%;
left:50%;
width:748px;
background:#fff;
border-radius:30px;
transform:translate(-50%, -50%);
border-radius:15px;
}
.close {color:#000;font-size:3.3rem;position:absolute;right:4%;top:2%;cursor:pointer;}
.modal7 .modal-content, .modal7_2 .modal-content {transform:translate(-50%, 0);top:50px;}

.overht_pop {transform:translate(-50%, 0);top:50px;}



.modal-content .mc_inner {width:100%;padding:30px}
.modal-content h3 {text-align:left;font-size:2.1rem;border-bottom:1px solid #e3e3e3;padding-bottom:20px;}

.closePop {
position:relative;
height:70px;
color: #aaa;
width:100%;
right:0px;
bottom:0;
font-size: 50px;
font-weight: 100;
background:#00387d;
color:#fff;
font-size:2rem;
font-weight:700;
padding-top:22px;
cursor:pointer;
border-radius:0 0 15px 15px;
}
.round_left {border-radius:0 0 0 15px;}
.round_right {border-radius:0 0 15px 0;}
.pop_conts {position:relative;width:100%;text-align:left;}
.pop_txt {position:relative;display:inline-block;padding-left:37px;font-size:1.8rem;margin:42px 0 20px;font-weight:600}
.pop_txt:after {
content: "";
position: absolute;
top: 57%;
left:0;
transform: translateY(-50%);
width: 30px;
height: 30px;
background:url('/resource/img/icon/pp_icon.png');
transition:all 0.3s;
}

.pop_ul {font-size:1.6rem}
.pop_conts {margin:15px 0 0 0;}
#myModal h2 {font-size:2.8rem;line-height:2.8rem;letter-spacing:-0.08rem;padding-top:0;font-weight:600;color:#292929;}
#myModal .h2_ttl {font-size:1.6rem;line-height:2.2rem;letter-spacing:-0.08rem;padding-top:18px;font-weight:500;color:#292929;text-align:left;padding-bottom:10px;}
#myModal h4 {font-size:1.8rem;line-height:2.8rem;letter-spacing:-0.08rem;padding-top:20px;font-weight:500;color:#292929}
.modal2 .modal-content {width:540px}
.modal5 .modal-content {width:900px;}
.modal6 .modal-content {width:980px}
.modal7 .modal-content, .modal7_2 .modal-content {width:900px;}
.modal_rslt03 .modal-content {width:600px;}

.mc_inner span {display:block;}
#myModal i {display:inline;margin-left:10px;}
.modal_schBar ul {display:flex;justify-content:space-around;}
.modal_schBar ul li {position:relative;width:90%}
.md_sch2 {width:100%;border-radius:20px;background-color:#f7f7f7;font-size:2rem;color:#666;border:0px;height:65px !important;
text-indent:30px;box-shadow:none;line-height:2rem;}
.md_sch2:focus {outline:none;background:#f1f1f1}
.md_sch2::placeholder {color:#999;font-size:1.7rem}
.md_sch2_icon {display:block;position:absolute;top:20px;right:29px;border:0px;background:transparent;}
.modal_schBox  {position:relative;width:90%;margin:0 auto;text-align:center;margin-top:20px;padding-bottom:24px;height:300px;overflow-y:auto}
.noData {width:100%;border:1px solid #ddd;border-radius:20px;padding:30px 20px;font-size:1.5rem;line-height:2.2rem}
.noData span {display:block;}
.md_1depth {position:relative;width:100%;}

.modal_tblBox {position:relative;width:94%;margin:0 auto;text-align:center;;padding-bottom:24px;}
.modal_tblBox > h4 {text-align:left}
.md_img_box {position:relative;width:100%;margin:0 auto;text-align:center;display:flex;justify-content:space-between;margin-top:20px;}
.md_img_box2 {position:relative;width:100%;margin:0 auto;text-align:center;display:flex;justify-content:flex-start;margin-top:20px;}
.md_img_box2 .img_box_unit {margin-right:2.5%}

.modal-today-close, .modal-today-close2, .modal-today-close3, .modal-today-close4, .modal-today-close5, .modal-today-close7, .modal-today-close8, .modal-today-close9, .modal-today-close10 {position:absolute;top:-34px;right:0;color:#edeef0;font-weight:700;font-size:1.5rem;background:#0d2849;padding:3px 8px;
border-radius:7px;cursor:pointer;transform:skew(168deg);letter-spacing:-0.03rem}
.modal-today-close:hover, .modal-today-close2:hover, .modal-today-close3, .modal-today-close4:hover {padding:3px 8px;background:#fff;color:#0d2849}

.img_box_unit {width:23%;background:#fff;border-radius:20px;box-shadow:1px 5px 10px rgb(0,0,0,10%);}
.img_box_unit a {display:block;width:100;height:100%}
.img_box_unit a:hover dl dd:last-child:after {background:url('/resource/img/icon/cc_arrow_on.png')}
.img_box_unit dl dt {padding:20px 5px 20px 5px;background:#e5f0f9;font-size:1.5rem;border-radius:20px 20px 0 0;font-weight:600}
.img_box_unit dl dd {position:relative;padding:40px 0}
.img_box_unit dl dd img {max-width:160px;width:100%;padding:20px 0 0 0;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;}
.img_box_unit dl dd:last-child {padding:25px 25px 25px 5px;font-size:1.4rem;font-weight:500}
.img_box_unit dl dd:last-child:after {
content: '';
position:absolute;
top:50%;
right:12%;
transform:translateY(-50%);
width:30px;
height:30px;
background:url('/resource/img/icon/cc_arrow.png');
transition:all 0.3s
}
ul[class^="pop_ul"] li {line-height:21px; position: relative;}
ul[class^="pop_ul"] > li {position:relative;margin-top:9px;padding-left:17px;word-break:inherit;letter-spacing:-0.06rem}
ul[class^="pop_ul"] > li:first-child{margin-top:0;}
ul[class^="pop_ul"] > li:before {position:absolute;left:0;top:0;}
ul[class^="pop_ul"] > li:first-child:before {content: '1.';}
ul[class^="pop_ul"] > li:nth-child(2):before {content: '2.';}
ul[class^="pop_ul"] > li:nth-child(3):before {content: '3.';}
ul[class^="pop_ul"] > li:nth-child(4):before {content: '4.';}
ul[class^="pop_ul"] > li:nth-child(5):before {content: '5.';}
ul[class^="pop_ul"] > li:nth-child(6):before {content: '6.';}
ul[class^="pop_ul"] > li:nth-child(7):before {content: '7.';}
ul[class^="pop_ul"] > li:nth-child(8):before {content: '8.';}
ul.pop_ul.ex > li {padding-left:0px !important}
ul.pop_ul.ex >  li:before {content:none !important}
ul.pop_ul.ex > li > ul {border:2px dotted #004eae}
ul.pop_ul.ex > li > ul > li > ul > li > ul {margin-top:8px;background:#004eae;border-radius:9px;padding:8px 0;}
ul.pop_ul.ex > li > ul > li {font-weight:700;letter-spacing:-0.05rem}
ul.pop_ul.ex > li > ul.box_set_img:after {
content:"";
position:absolute;
width:118px;
height:158px;
right:0;
bottom:0;
background:url("/resource/img/main/pop_img_people.png") no-repeat;
opacity: 0;
animation-name: fadeIn;
animation-delay: 0.3s;
animation-duration: 2s;
animation-fill-mode: forwards;
transition: all 0.3s;
}

ul[class^="pop_ul"] > li > ul {margin-top:8px;background:#eef6fb;border-radius:20px;padding:12px;border:2px dotted #73a1b6}
ul[class^="pop_ul"] > li > ul > li > ul {margin-top:8px;}
ul[class^="pop_ul"] li > ul > li:first-child {margin-top: 5px;}
ul[class^="pop_ul"] li > ul > li{padding-left:13px; margin-top:5px;font-size:1.4rem;color:#2c2c2c;line-height:1.7rem;word-break:inherit;letter-spacing:-0.05rem}
ul[class^="pop_ul"] li > ul > li.ex:before {content:none;}
ul[class^="pop_ul"] li > ul > li.ex:after {content: '*';position:absolute;left:1px;top:0;}
ul[class^="pop_ul"] > li >ul >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 3px; top: 7px; background:#7c7c7c;}

ul[class^="pop_ul"] li > ul > li > ul > li {padding-left:3px; margin-top:5px;font-size:1.4rem;color:#2c2c2c;line-height:1.7rem;word-break:inherit;letter-spacing:-0.05rem;font-weight:300}
ul[class^="pop_ul"] li > ul > li > ul > li > ul {margin-top:8px;background:#8ebbc9;border-radius:9px;padding:8px 0;}
ul[class^="pop_ul"] li > ul > li > ul > li > ul > li {position:relative;padding-left:20px;font-size:1.3rem;color:#fff;line-height:1.7rem;word-break:inherit;letter-spacing:-0.05rem;font-weight:bold;margin-top:0 !important}
ul[class^="pop_ul"] li > ul > li > ul > li > ul > li:before {content:"";position:absolute;width:3px;height:3px;left:10px;top:50%;transform:translateY(-50%);background:#fff}

.pop_ol {font-size:1.5rem}
ol[class^="pop_ol"] li {line-height:21px; position: relative;}
ol[class^="pop_ol"] > li {position:relative;margin-top:9px;padding-left:21px;word-break:inherit;letter-spacing:-0.03rem}
ol[class^="pop_ol"] > li:first-child{margin-top:0;}
ol[class^="pop_ol"] > li:before {position:absolute;left:0;top:-2px;}
ol[class^="pop_ol"] > li:first-child:before {content: '①';}
ol[class^="pop_ol"] > li:nth-child(2):before {content: '②';}
ol[class^="pop_ol"] > li:nth-child(3):before {content: '③';}
ol[class^="pop_ol"] > li:nth-child(4):before {content: '④';}
ol[class^="pop_ol"] > li:nth-child(5):before {content: '⑤';}
ol[class^="pop_ol"] > li > ul {margin-top:8px;}
ol[class^="pop_ol"] li > ul > li:first-child {margin-top: 0;}
ol[class^="pop_ol"] li > ul > li{padding-left:13px; margin-top:5px;font-size:1.3rem;color:#7c7c7c;line-height:1.7rem;word-break:inherit}
ol[class^="pop_ol"] li > ul > li.ex:before {content:none;}
ol[class^="pop_ol"] li > ul > li.ex:after {content: '*';position:absolute;left:1px;top:0;}
ol[class^="pop_ol"] > li >ul >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 3px; top: 7px; background:#7c7c7c;}
input[type="checkbox"]:checked {display:none;}
input[type="checkbox"]:checked +label {padding-left:23px;
background:url('/resource/img/icon/chked.png') no-repeat;background-position:1px 1px;
}
@media print {
* {-webkit-print-color-adjust:exact !important;color-adjust:exact !important}
a[href]::after {content:none !important}
}
/* 공동인증서 */
.tbl_gd {width:90%;max-width:383px;border:0;text-align:center;margin:0 auto;}
.tbl_gd td {height:54px;font-weight:500;color:#34373b;position:relative;letter-spacing:-0.05rem}
.ttl {font-size:1.6rem;padding:55px 0 20px 0;color:#fff !important;text-align:left;}
.ttl2 {font-size:1.4rem;padding:15px 0 20px 0;color:#fff !important;text-align:left;}
.ttl i {width:80%;display:block;}
.ttl em {display:block;font-style:inherit}
.ttl span {
content: "";
position:absolute;
width:48px;
height:70px;
right:0;
top:68%;
transform:translateY(-50%);
background:url("/resource/img/common/gd_obj.png")
}
.hta {height:50px !important}
.btn_sign {
	margin-top:33px;
   width: 116px;
   height: 39px;
   border-radius: 2px; 
   border: 1px solid rgb(168, 168, 168);
   cursor: pointer;
   background: rgb(222, 222, 222);
   font-size:1.3rem
}
.img_resp {max-width:383px !important;width:100%;}
.btn_sign:hover{background:#c7c7c7;}
.gdIdn_wrap {width:680px;margin:0 auto;text-align:center;}
.ob_gd {position:absolute;right:0;bottom:0}
.visual_gd {width:100%;height:126px;background:url('/resource/img/sub/gd_idn1.png') top center;}
.ctt_gd {width:100%;height:250px;margin-top:30px;}
.gd_box {width:90%;margin:0 auto;text-align:center;border-radius:15px;background:#fff;padding:30px 26px}
.gd_box h2 {font-size:2.2rem;line-height:3.4rem;letter-spacing:-0.05rem;}
.gd_box h3 {font-size:1.4rem;line-height:2.3rem;letter-spacing:-0.05rem;padding-top:20px;font-weight:400;text-align:left;}
.gd_box h3 .hit {font-size:1.7rem;font-weight:600;color:red}
.ft_gd {margin-top:80px;width:70%;margin:0 auto;text-align:center;}
.modal_vc {display:none;}
.modal_vc i {margin-left:0 !important;}
.modal_vc .modal-content {max-width:500px;border-radius:0;background:url("/resource/img/main/vc_bg.png") #fff no-repeat center top}
.modal_vc .modal-content .modal-today-close {top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc .modal-content .close {top:10px;right: 2%;color: #000;font-size: 4rem;line-height: 0;background: #f7f7f7;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #000;}
.modal_vc .modal-content h3 {color: #1b2f54;font-family: 'Godo'!important;text-align: center;border: 0;font-size: 4.1rem;letter-spacing: -0.3rem;padding: 5px 0;line-height: 4.5rem;}
.modal_vc .modal-content p {font-size: 1.6rem;line-height: 2.5rem;font-weight: 400;letter-spacing: -0.2rem;color: #000;display: flex;flex-direction: column;align-items: center;margin-top: 17px;}
.modal_vc .modal-content p span.bg_blck{background:#e3132b;color:#fff;padding:0 5px;margin:2px 0;line-height:2.1rem;display:inline-table;}
.modal_vc .modal-content h3 i {color:#e3132b}
.modal_vc .modal-content p i {color:#e3132b}
.modal_vc .modal-content .mc_inner {padding:65px 50px 50px 50px;}
.modal_vc .modal-content .mc_sbm {margin:22px 0 0 0}
.modal_vc .modal-content .page_vw, .modal_vc2 .modal-content .page_vw {position:absolute;left:10px;top:10px;font-size:2rem;background:#141414;color: #fff;padding:0 10px;}
.modal_vc .modal-content .page_vw b, .modal_vc2 .modal-content .page_vw b{font-size:2.6rem;}

.modal_vc2 {display:none;}
.modal_vc2 i {margin-left:0 !important;}
.modal_vc2 .modal-content {max-width:500px;border-radius:0;background:url("/resource/img/main/vc_bg3.png") #fff no-repeat center top}
.modal_vc2 .modal-content .modal-today-close2 {top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc2 .modal-content .close {top:10px;right: 2%;color: #000;font-size: 4rem;line-height: 0;background: #f7f7f7;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #000;}
.modal_vc2 .modal-content h3 {color: #1b2f54;font-family: 'Godo'!important;text-align: center;border: 0;font-size: 3rem;letter-spacing: -0.3rem;padding: 0px 0;line-height: 4.5rem;}
.modal_vc2 .modal-content p {font-size: 1.6rem;line-height: 2.5rem;font-weight: 400;letter-spacing: -0.2rem;color: #000;display: flex;flex-direction: column;align-items: center;margin-top: 17px;}
.modal_vc2 .modal-content p span.bg_blck{background:#e3132b;color:#fff;padding:0 5px;margin:2px 0;line-height:2.1rem;display:inline-table;}
.modal_vc2 .modal-content h3 i {color:#e3132b}
.modal_vc2 .modal-content p i {color:#e3132b}
.modal_vc2 .modal-content .mc_inner {padding:30px 50px 8.5px 50px;}
.modal_vc2 .modal-content .mc_sbm {margin:22px 0 0 0}


.modal_vc3 {display:none;}
.modal_vc3 i {margin-left:0 !important;}
.modal_vc3 .modal-content {max-width:500px;border-radius:0;background: #1b2f54;}
.modal_vc3 .modal-content .modal-today-close3 {top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc3 .modal-content .close {top:10px;right: 2%;color: #1b2f54;font-size: 4rem;line-height: 0;background: #fff;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #fff;line-height: 25px;border-radius: 3px;}
.modal_vc3 .modal-content h3 {color: #fff;font-family: 'Godo'!important;text-align: center;border: 0;font-size: 3rem;letter-spacing: -0.3rem;padding: 0px 15px;line-height: 4.5rem;}
.modal_vc3 .modal-content p {font-size: 1.6rem;line-height: 2.3rem;font-weight: 400;letter-spacing: -0.2rem;color: #353535;display: flex;flex-direction: column;align-items: center;margin-top: 5px;font-family: 'Noto Sans KR';background: #fff;padding: 10px;border-radius: 5px;}
.modal_vc3 .modal-content p span.bg_blck{background:#e3132b;color:#fff;padding:0 5px;margin:2px 0;line-height:2.1rem;display:inline-table;}
.modal_vc3 .modal-content h3 i {color:#e3132b}
.modal_vc3 .modal-content p i {color:#e3132b}
.modal_vc3 .modal-content .mc_inner {padding:30px 20px 20px}
.modal_vc3 .modal-content .mc_sbm {margin:22px 0 0 0}

.modal_vc3 .popup-btn {font-size: 15px;background: #ac0001;padding: 5px;border-radius: 5px;color: #fff;}

@media (max-width: 399px) {
	.modal_vc3 .modal-content .mc_inner {padding:20px 15px 15px}
	.modal_vc3 .modal-content h3 {line-height: 3.5rem;}
	.modal_vc3 .modal-content p {font-size: 1.4rem;line-height: 2rem;}
	.modal_vc3 .modal-content p br {display:none}
	.modal_vc3 .modal-content p span {margin:5px 0}
	.modal_vc3 .popup-btn {display:block}
}
/*
.modal_vc3 {display:none;}
.modal_vc3 i {margin-left:0 !important;}
.modal_vc3 .modal-content {width:600px;transform: translate(-50%,-50%); top: 50%;left:50%; }
.modal_vc3 .modal-content .modal-today-close3 {top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc3 .modal-content .close {top: 10px;right: 10px;z-index:999;color: #000;font-size: 4rem;line-height: 0;background: #f7f7f7;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #000;}
.modal_vc3 .modal-content:after{height:20px;content:"";background:rgba(0,0,0,0);display:block;}
.modal_vc3 .modal-content h3 {color: #222;font-family: 'Godo'!important;text-align: center;border: 0;font-size: 3.3rem;letter-spacing: -0.2rem;
padding: 5px 0;line-height: 4.5rem;font-weight: 100;margin-top:10px;}
.modal_vc3 .modal-content h3 em {color:#1b2f54}
.modal_vc3 .modal-content p {font-size: 2.2rem;line-height: 2.5rem;font-weight: 400;color: #000;display: flex;flex-direction: column;align-items: center;margin-top: 23px;margin-bottom:24px;}
.modal_vc3 .modal-content h3 i {color:#e3132b;font-weight: 700}
.modal_vc3 .modal-content p i {color:#e3132b}
.modal_vc3 .modal-content .mc_inner {padding:25px 40px 30px 40px;background:url("");overflow:hidden;box-radius:30px;}
.modal_vc3 .modal-content .mc_inner h2 {font-size:3.3rem !important;padding-left:0 !important;line-height:2.5rem !important;font-family:'Godo'!important;font-weight:300 !important;color:#004eae !important}
.modal_vc3 .modal-content .mc_inner h2:after {content:none;}
.modal_vc3 .modal-content .mc_inner .h2_ttl {font-size:1.6rem;padding-top:11px;}
.modal_vc3 .modal-content .mc_sbm {background:#fff;padding-bottom:30px;}
.vc3_txtBox {width:97%;background: linear-gradient(45deg, #fff3f3, #d0eaf7);padding:40px 20px;text-align:center;margin:0 auto;
position:relative;border-radius:10px;box-shadow: 2px 4px 5px 2px rgba(0,0,0,0.1);}
.modal_vc3 .modal-content .mc_inner:after {
position:absolute;content:"";right:0;bottom:0;width:149px;height:188px;
background:url("/resource/img/sub/prc_obj.png");
background-size:cover;border-radius: 15px;
}
*/

.modal_vc4 {display:none;}
.modal_vc4 i {margin-left:0 !important;}
.modal_vc4 .modal-content {width:600px;transform: translate(-50%,-50%); top: 50%;left:50%; }
.modal_vc4 .modal-content .modal-today-close4 {top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc4 .modal-content .close {top: 10px;right: 10px;z-index:999;color: #000;font-size: 4rem;line-height: 0;background: #f7f7f7;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #000;}
/* .modal_vc4 .modal-content:after{height:20px;content:"";background:rgba(0,0,0,0);display:block;} */
.modal_vc4 .modal-content h3 {color: #222;font-family: 'Godo'!important;text-align: center;border: 0;font-size: 3.3rem;letter-spacing: -0.2rem;
padding: 5px 0;line-height: 4.5rem;font-weight: 100;margin-top:10px;}
.modal_vc4 .modal-content h3 em {color:#db1112}
.modal_vc4 .modal-content p {font-size: 2.2rem;line-height: 2.5rem;font-weight: 400;color: #000;display: flex;flex-direction: column;align-items: center;margin-top: 23px;margin-bottom:24px;}
.modal_vc4 .modal-content h3 i {color:#e3132b;font-weight: 700}
.modal_vc4 .modal-content p i {color:#e3132b}
.modal_vc4 .modal-content .mc_inner {padding:25px 40px 30px 40px;background:url("");overflow:hidden;box-radius:30px;}
.modal_vc4 .modal-content .mc_inner h2 {font-size:3.3rem !important;padding-left:0 !important;line-height:2.5rem !important;font-family:'Godo'!important;font-weight:300 !important;color:#004eae !important}
.modal_vc4 .modal-content .mc_inner h2:after {content:none;}
.modal_vc4 .modal-content .mc_inner .h2_ttl {font-size:1.6rem;padding-top:11px;}
.modal_vc4 .modal-content .mc_sbm {background:#fff;padding-bottom:30px;}
.vc4_txtBox {width:97%;background: linear-gradient(45deg, #fff3f3, #d0eaf7);padding:40px 20px;text-align:center;margin:0 auto;
position:relative;border-radius:10px;box-shadow: 2px 4px 5px 2px rgba(0,0,0,0.1);}
.modal_vc4 .modal-content .mc_inner:after {
position:absolute;content:"";right:0;bottom:0;width:149px;height:188px;
background:url("/resource/img/sub/prc_obj.png");
background-size:cover;border-radius: 15px;
}

.txtBox_t1 {font-size:2rem;letter-spacing:-0.1rem;}
.txtBox_t2 {
font-size:1.7rem;letter-spacing:-0.06rem;
color: #db1112 !important;
padding-top:10px
}
@media screen and (max-width: 767px) {
  .modal_vc4 .modal-content .mc_inner {padding:25px 20px 20px 15px !important}
  .modal_vc4 .modal-content h3 {font-size:3.2rem !important;line-height: 3.5rem !important;width:80% !important;margin:0 auto !important;}
  .modal_vc4 .modal-content p {font-size: 1.8rem;line-height: 2.2rem;margin-top:11px;}
  .modal_vc4 .modal-content .mc_inner {padding:30px 20px !important}
  .txtBox_t1 {font-size:1.6rem !important;}
  .txtBox_t2 {font-size:1.6rem !important;}
  .modal-content .mc_inner:after {width:92px !important; height:118px !important;}
  .modal_vc4 .modal-content:after {height:0 !important;}
}

@media screen and (max-width: 499px) {
  .modal_vc4 .modal-content .mc_inner {padding:25px 20px 20px 15px !important}
  .modal_vc4 .modal-content h3 {font-size:2.6rem !important;line-height: 3rem !important;width:75% !important;margin:0 auto !important;letter-spacing: 0.1px;}
  .modal_vc4 .modal-content p {font-size: 1.8rem;line-height: 2.2rem;margin-top:11px;}
  .modal_vc4 .modal-content .mc_inner {padding:30px 20px !important}
  .txtBox_t1 {font-size:1.5rem !important;}
  .txtBox_t2 {font-size:1.4rem !important;}
  .modal-content .mc_inner:after {width:92px !important; height:118px !important;}
  .modal_vc4 .modal-content:after {height:0 !important;}
}

.modal_vc5 {display:none;}
.modal_vc5 i {margin-left:0 !important;}
.modal_vc5 .modal-content {width:500px;transform: translate(-50%,-50%); top: 50%;left:50%; }
.modal_vc5 .modal-content .modal-today-close5 {top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc5 .modal-content .close {top: 10px;right: 10px;z-index:999;color: #000;font-size: 4rem;line-height: 0;background: #f7f7f7;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #000;}
.modal_vc5 .modal-content .pop_wrap {word-break:keep-all;letter-spacing:-1px;height: 500px;}
.modal_vc5 .modal-content .pop_top {padding:20px;text-align:center;}
.modal_vc5 .modal-content .box_blue {background:#1b2f54;color:#fff;margin:5px auto 0;padding:7px 20px;font-weight:600;font-size:20px;}
.modal_vc5 .modal-content .pop_wrap .pop_con {padding:0 12px;margin-top:10px}
.modal_vc5 .modal-content .pop_wrap .pop_con ul {margin-bottom:20px;}
.modal_vc5 .modal-content .pop_wrap .pop_con ul li {display: inline-block;vertical-align: top;}
.modal_vc5 .modal-content .pop_wrap .pop_con ul li:first-child {width:25%;max-width: 100px;font-family:'Godo' !important;font-size:20px;font-weight:normal;}
.modal_vc5 .modal-content .pop_wrap .pop_con ul li:last-child {width:75%;max-width: 100%;}
.modal_vc5 .modal-content .pop_wrap .pop_con .pop_stit_1 {color:#1b2f54; text-align: left;}
.modal_vc5 .modal-content .pop_wrap .pop_con .pop_stit_2 {color:#e5152d; text-align: left;}
.modal_vc5 .modal-content .pop_wrap .pop_con .pop_txt1 {font-size:15px; text-align: left;}
.modal_vc5 .modal-content .pop_wrap .pop_con .pop_txt1 i {font-size:14px; text-align: left; padding-left: 15px;}

@media screen and (max-width:380px) {		
	.pop_con ul li {width:100%;}
	.pop_con ul li:first-child {margin-bottom:5px;font-size:12px;}
	.pop_con .pop_txt1 {font-size:10px;}
	.modal_vc5 .modal-content .pop_top {padding:15px;}
	.modal_vc5 .modal-content .box_blue {font-size:14px;}
	.modal_vc5 .modal-content .pop_wrap .pop_con {margin-top:5px;padding: 0px 20px;}
	.modal_vc5 .modal-content .pop_wrap .pop_con ul {margin-bottom:10px;}
	/* .modal_vc5 .modal-content .pop_wrap .pop_con ul li {display:block;} */
	.modal_vc5 .modal-content .pop_wrap .pop_con ul li:first-child {width:100%;}
	.modal_vc5 .modal-content .pop_wrap .pop_con ul li:last-child {width:100%;}
}

/* 23.02.14 공지사항 테이블 작업 */
.table_bd_title {font-family: 'Godo';font-size:4rem;text-align:center;font-weight:500;line-height:4.3rem;padding:0 0 24px;}
.table_bd {margin-top:10px;border-top:2px solid #000;}
.table_bd th {text-align:center; }
.table_bd td, .table_bd th {padding:12px 10px; border:1px solid #e2e2e4; line-height:18px;
 vertical-align: middle;box-sizing: border-box;border-right:0;border-left:0;font-size:1.5rem;font-weight:600;height:73px;letter-spacing:-0.1rem}
.table_bd thead th {background:#c1d6ed; color:#000#fff; border-bottom: none;border:1px solid #000;font-size:1.7rem;height:80px;}
.table_bd tbody th {background:#E6EEF7;font-weight:600;border:1px solid #000;text-align:left}
.table_bd tbody td {font-weight:400;border:1px solid #000;text-align:left;}
.table_bd tbody td span{color:#359d85}
.table_bd td {background: #fff;}
.table_bd_wdth {overflow:overlay}
@media all and (max-width:768px) {
.tbl_wrap .table_bd{width: 900px;}
.table_bd_title {font-size:2.8rem;line-height:3.5rem;}
.table_bd th, .table_bd td {font-size:1.4rem !important}
}

/* 23.04.12 채무조정 버튼 추가 */
.infoCf {border:1px solid #ccc;background:#fff;border-radius:8px;float:left; margin-top:15px;font-size:13px;
position:relative;letter-spacing:-0.1rem;margin-bottom:20px;transition:all 0.3s}
.infoCf a {display:block;width:100%;height:100%;padding:10px 14px;padding-left:34px;}
.infoCf:hover {border:1px solid #aaa}
.infoCf a:before {
content:"";
position:absolute;
width:20px;
height:21px;
top:50%;
left:7px;
transform:translateY(-50%);
background:url("/resource/img/icon/infoCf_icon.png");
}
@media all and (max-width:400px) {
.infoCf {font-size:12px;width:150px;float:inherit;margin:0 auto;margin-top:16px;}
.infoCf a {padding:7px 14px;padding-left:34px;}
}

/* 팝업 탭 */
.pop_tab {width:100%;}
.pop_tab ul {display:table;height:50px;width:100%}
.pop_tab ul li {position:relative;color:#fff;cursor:pointer;font-size:1.3rem;width:50%;display:table-cell;
vertical-align:middle;letter-spacing: -0.14rem;padding:0 3px;transition:all 0.3s;}
.pop_tab ul li.active:after {
  content:"";
  position:absolute;
  width:12px;
  height:12px;
  background:#AC0001;	
  left:50%;
  top:-6px;
  transform: translateX(-50%) rotate(45deg);  
}
.pop_tab ul li.active:last-child:after {background:#004eae}
.pop_tab ul li:first-child{background:#AC0001;
animation-name: flrd;
animation-delay : 0.2s;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count:infinite;
}
.pop_tab ul li:last-child {background:#004eae;
animation-name: flbr;
animation-delay : 0.2s;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count:infinite;
}
.pop_tab ul li.active  {animation:none;}

/* 240919 팝업창 디자인*/
.modal_vc7 {display:none;}
.modal_vc7 i {margin-left:0 !important;}
.modal_vc7 .modal-content {max-width:500px;border-radius:0;background: #1b2f54;}
.modal_vc7 .modal-content .modal-today-close7 {top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc7 .modal-content .close {top:10px;right: 2%;color: #1b2f54;font-size: 4rem;line-height: 0;background: #fff;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #fff;line-height: 25px;border-radius: 3px;}
.modal_vc7 .modal-content h3 {color: #fff;font-family: 'Godo'!important;text-align: center;border: 0;font-size: 3rem;letter-spacing: -0.3rem;padding: 0px 15px;line-height: 4.5rem;}
.modal_vc7 .modal-content p {font-size: 1.6rem;line-height: 2.3rem;font-weight: 400;letter-spacing: -0.2rem;color: #353535;display: flex;flex-direction: column;align-items: center;margin-top: 5px;font-family: 'Noto Sans KR';background: #fff;padding: 10px;border-radius: 5px;}
.modal_vc7 .modal-content p span.bg_blck{background:#e3132b;color:#fff;padding:0 5px;margin:2px 0;line-height:2.1rem;display:inline-table;}
.modal_vc7 .modal-content h3 i {color:#e3132b}
.modal_vc7 .modal-content p i {color:#e3132b}
.modal_vc7 .modal-content .mc_inner {padding:30px 20px 20px}
.modal_vc7 .modal-content .mc_sbm {margin:22px 0 0 0}

.modal_vc7 .popup-btn {font-size: 15px;background: #ac0001;padding: 5px;border-radius: 5px;color: #fff;}

@media (max-width: 399px) {
	.modal_vc7 .modal-content .mc_inner {padding:20px 15px 15px}
	.modal_vc7 .modal-content h3 {line-height: 3.5rem;}
	.modal_vc7 .modal-content p {font-size: 1.4rem;line-height: 2rem;}
	.modal_vc7 .modal-content p br {display:none}
	.modal_vc7 .modal-content p span {margin:5px 0}
	.modal_vc7 .popup-btn {display:block}
}

/* 250325 팝업창 디자인*/
.modal_vc8 {display:none;}
.modal_vc8 i {margin-left:0 !important;}
.modal_vc8 .modal-content {max-width:500px;border-radius:0;background: #1b2f54;}
.modal_vc8 .modal-content .modal-today-close8 {top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc8 .modal-content .close {top:10px;right: 2%;color: #1b2f54;font-size: 4rem;line-height: 0;background: #fff;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #fff;line-height: 25px;border-radius: 3px;}
.modal_vc8 .modal-content h3 {color: #fff;font-family: 'Godo'!important;text-align: center;border: 0;font-size: 3rem;letter-spacing: -0.3rem;padding: 0px 15px;line-height: 4.5rem;}
.modal_vc8 .modal-content p {font-size: 1.6rem;line-height: 2.3rem;font-weight: 400;letter-spacing: -0.2rem;color: #353535;display: flex;flex-direction: column;align-items: center;margin-top: 5px;font-family: 'Noto Sans KR';background: #fff;padding: 10px;border-radius: 5px;}
.modal_vc8 .modal-content p span.bg_blck{background:#e3132b;color:#fff;padding:0 5px;margin:2px 0;line-height:2.1rem;display:inline-table;}
.modal_vc8 .modal-content h3 i {color:#e3132b}
.modal_vc8 .modal-content p i {color:#e3132b}
.modal_vc8 .modal-content .mc_inner {padding:30px 20px 20px}
.modal_vc8 .modal-content .mc_sbm {margin:22px 0 0 0}

.modal_vc8 .popup-btn {font-size: 15px;background: #ac0001;padding: 5px;border-radius: 5px;color: #fff;}

@media (max-width: 399px) {
	.modal_vc8 .modal-content .mc_inner {padding:20px 15px 15px}
	.modal_vc8 .modal-content h3 {line-height: 3.5rem;}
	.modal_vc8 .modal-content p {font-size: 1.4rem;line-height: 2rem;}
	.modal_vc8 .modal-content p br {display:none}
	.modal_vc8 .modal-content p span {margin:5px 0}
	.modal_vc8 .popup-btn {display:block}
}

/* 250529 팝업창 디자인*/
.modal_vc9 {display:none;}
.modal_vc9 i {margin-left:0 !important;}
.modal_vc9 .modal-content {max-width:500px;border-radius:0;background: #548235;}
.modal_vc9 .modal-content .modal-today-close9 {top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc9 .modal-content .close {top:10px;right: 2%;color: #1b2f54;font-size: 4rem;line-height: 0;background: #fff;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #fff;line-height: 25px;border-radius: 3px;}
.modal_vc9 .modal-content h3 {color: #fff;font-family: 'Godo'!important;text-align: center;border: 0;font-size: 3rem;letter-spacing: -0.3rem;padding: 0px 15px;line-height: 4.5rem;}
.modal_vc9 .modal-content p {font-size: 1.6rem;line-height: 2.3rem;font-weight: 400;letter-spacing: -0.2rem;color: #353535;display: flex;flex-direction: column;align-items: center;margin-top: 5px;font-family: 'Noto Sans KR';background: #fff;padding: 10px;border-radius: 5px;}
.modal_vc9 .modal-content p span.bg_blck{background:#e3132b;color:#fff;padding:0 5px;margin:2px 0;line-height:2.1rem;display:inline-table;}
.modal_vc9 .modal-content h3 i {color:#e3132b}
.modal_vc9 .modal-content p i {color:#e3132b}
.modal_vc9 .modal-content .mc_inner {padding:30px 20px 20px}
.modal_vc9 .modal-content .mc_sbm {margin:22px 0 0 0}

.modal_vc9 .popup-btn {font-size: 15px;background: #ac0001;padding: 5px;border-radius: 5px;color: #fff;}

@media (max-width: 399px) {
	.modal_vc9 .modal-content .mc_inner {padding:20px 15px 15px}
	.modal_vc9 .modal-content h3 {line-height: 3.5rem;}
	.modal_vc9 .modal-content p {font-size: 1.4rem;line-height: 2rem;}
	.modal_vc9 .modal-content p br {display:none}
	.modal_vc9 .modal-content p span {margin:5px 0}
	.modal_vc9 .popup-btn {display:block}
}


/* 251111 팝업창 디자인*/
.modal_vc10 {display:none;}
.modal_vc10 i {margin-left:0 !important;}
.modal_vc10 .modal-content {max-width:500px;border-radius:0;background:url("/resource/img/main/vc_bg.png") #fff no-repeat center top}
.modal_vc10 .modal-content .modal-today-close10 {top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc10 .modal-content .close {top:10px;right: 2%;color: #000;font-size: 4rem;line-height: 0;background: #f7f7f7;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #000;}
.modal_vc10 .modal-content h3 {color: #1b2f54;font-family: 'Godo'!important;text-align: center;border: 0;font-size: 4.1rem;letter-spacing: -0.3rem;padding: 5px 0;line-height: 4.5rem;}
.modal_vc10 .modal-content p {font-size: 1.6rem;line-height: 2.5rem;font-weight: 400;letter-spacing: -0.2rem;color: #000;display: flex;flex-direction: column;align-items: center;margin-top: 17px;}
.modal_vc10 .modal-content p span.bg_blck{background:#e3132b;color:#fff;padding:0 5px;margin:2px 0;line-height:2.1rem;display:inline-table;}
.modal_vc10 .modal-content h3 i {color:#e3132b}
.modal_vc10 .modal-content p i {color:#e3132b}
.modal_vc10 .modal-content .mc_inner {padding:65px 50px 50px 50px;}
.modal_vc10 .modal-content .mc_sbm {margin:22px 0 0 0}
.modal_vc10 .modal-content .page_vw, .modal_vc2 .modal-content .page_vw {position:absolute;left:10px;top:10px;font-size:2rem;background:#141414;color: #fff;padding:0 10px;}
.modal_vc10 .modal-content .page_vw b, .modal_vc2 .modal-content .page_vw b{font-size:2.6rem;}

@media (max-width: 500px) {
 .modal_vc10 .modal-content .mc_inner {padding:40px 20px 20px 20px;}
 .modal_vc10 .modal-content p {font-size: 1.5rem;}
}

/* 251217 테이블 스크롤 */
.tbl_wrap2 {max-width: 100%;}
.tbl_wrap2 .tbl_guide {display: none;}
.tbl_wrap2::-webkit-scrollbar {height: 10px;border-radius:10px;margin-top:3px}
.tbl_wrap2::-webkit-scrollbar-track {inset 0 0 5px black;background: rgba(0,0,0,.05);border-radius:10px }
.tbl_wrap2::-webkit-scrollbar-thumb {  background: rgba(0,0,0,.1);;border-radius:10px}
.tbl_wrap2 table tbody td {text-align:center;}
.tbl_wrap2 table tbody td:last-child {padding-left:0;}
.tbl_wrap2 table td ul li {width: 40%;}
@media (max-width: 768px) {
    .tbl_wrap2 {width: 400px;overflow-x: scroll; }
    .tbl_wrap2 .tbl_guide { display: block;text-align:left;padding: 0 0 0 20px; color: #9a763d; font-size: 13px; background: url('/resource/img/icon/info_icon2.png') 0px 1px no-repeat;
line-height: 120%;margin-top:0;letter-spacing:-0.1rem}
     .tbl_wrap2 table tbody td .tb-w1 {width:70%}
     .tbl_wrap2 table td ul li {width: 50%;}
}
@media (max-width: 500px) {
    .tbl_wrap2 {width: 320px;overflow-x: scroll;}
.tbl_wrap2 table td ul li {width: 100%;}
}

/* 260430 팝업창 디자인*/
.modal_vc11 {display:none;}
.modal_vc11 i {margin-left:0 !important;}
.modal_vc11 .modal-content {max-width:500px;border-radius:0;background: #1b2f54;}
.modal_vc11 .modal-content .modal-today-close11{position:absolute;right:0;font-weight:700;padding:3px 8px;cursor:pointer;top:-30px;border-radius:0;border:1px solid #000;color:#333;background:#fff;transform:none;font-size:1.4rem;letter-spacing:-0.12rem;}
.modal_vc11 .modal-content .modal-today-close11:hover {padding:3px 8px;background:#fff;color:#0d2849}
.modal_vc11 .modal-content .close {top:10px;right: 2%;color: #1b2f54;font-size: 4rem;line-height: 0;background: #fff;width: 35px;height: 35px;line-height: 3.1rem;border: 1px solid #fff;line-height: 25px;border-radius: 3px;}
.modal_vc11 .modal-content h3 {color: #fff;font-family: 'Godo'!important;text-align: center;border: 0;font-size: 4.1rem;letter-spacing: -0.3rem;padding: 5px 0;line-height: 4.5rem;}
.modal_vc11 .modal-content p {font-size: 1.6rem;line-height: 2.5rem;font-weight: 400;letter-spacing: -0.2rem;color: #000;display: flex;flex-direction: column;align-items: center;}
.modal_vc11 .modal-content p span.bg_blck{background:#e3132b;color:#fff;padding:0 5px;margin:2px 0;line-height:2.1rem;display:inline-table;}
.modal_vc11 .modal-content h3 i {color:#e3132b}
.modal_vc11 .modal-content p i {color:#e3132b}
.modal_vc11 .modal-content .mc_inner {padding: 30px;}
.modal_vc11 .modal-content .mc_con {background:#fff;border-radius:20px;padding:15px}
.modal_vc11 .modal-content .page_vw, .modal_vc11 .modal-content .page_vw {position:absolute;left:10px;top:10px;font-size:2rem;background:#141414;color: #fff;padding:0 10px;}


@media (max-width: 500px) {
    .modal_vc11 .modal-content h3 {font-size: 3rem;line-height: 3.5rem;}
 .modal_vc11 .modal-content .mc_inner {padding: 40px 15px 15px;}
 .modal_vc11 .modal-content p  {font-size: 1.4rem;line-height: 2rem;}
}