@charset "UTF-8";
@import url('font.css');
html{
scroll-behavior: smooth;
}
*{
font-family: 'NanumSquare', sans-serif;
font-weight:400;
}
p{
	word-break:keep-all;
}
body{
background:#fff;
color:#212529;
}
*:focus {
  outline: 1px dashed #788fbe;
}
.container{
max-width: 1280px;
margin: 0 auto;
}
.fadeIn {
    opacity: 0 !important;
    transform: translate(0, -50px);
}
.fadeIn.right{
    transform: translate(100px, 0);
}
.fadeIn.left{
    transform: translate(-100px, 0);
}
.fadeIn.bottom{
    transform: translate(0, -100px);
}
.fadeIn.visible {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
	transition: all .7s;
}
.delay-1{
	-webkit-transition-delay: .15s !important;
	-moz-transition-delay:  .15s !important;
	-ms-transition-delay:  .15s !important;
	-o-transition-delay:  .15s !important;
	transition-delay: .15s !important;
}
header{
height: 173px;
}
.skip-link {
position: fixed;
top: -40px;
left: 0;
background: #000;
color: #fff;
padding: 8px 16px;
z-index: 100;
text-decoration: none;
color:#fff !important;
width:100%;
text-align:center;
}

.skip-link:focus {
top: 0px; /* 포커스 되었을 때 보이도록 설정 */
}
#home{
position: relative;
}
#home .home-top{
padding-top: 80px;
padding-bottom: 80px;
	background:url(/caContainer/images/img_main_bg.jpg) no-repeat center;
	background:cover;
}
/* #home:before{
content:"";
width: 100%;
height: 400px;
display: block;
background: #fff;
position: absolute;
left: 0;
top:0;
z-index: 0;
} */
.intro{

}
.main-text-00{
font-family: 'GyeonggiTitleM';
font-size:2rem;
color: #353535;
margin-bottom: 1.5rem;
}
.main-text-00 *{
font-family: 'GyeonggiTitleM';
}
.main-text-00 img{
	
width:90%;
max-width:560px;
}
.main-text-00 .text-01{
line-height: 1;
color: #0d8701;
}
.main-text-00 .text-02{
color: #027cf8;
font-size: 3rem;
font-weight: bold;
}
.main-text-01 {
color: #353535;
font-family: 'NanumSquare', sans-serif !important;
}
.main-text-01 .text-01{
font-size: 1.5rem;
font-weight: 800;
text-decoration: underline;
margin-bottom: 10px;
}
.main-text-01 .text-02{
font-size: 1.2rem;
line-height: 1.5;
}
#home h2{
	text-align:center;
	color:#003964;
	padding:50px 0;
}
.ca-step{
/* background: url(../images/img_step_line.png) no-repeat top 0px center; */
}
.ca-step .img-wrap img{
	width:100%;
}
/* .ca-step h3{
	position:relative;
	text-align:center;
	height:60px;
	line-height:60px;
} */
.ca-step h3 span{
	font-size:14px;
}
/* .ca-step .step-01 h3{
background: rgb(235,205,76);
background: linear-gradient(90deg, rgba(235,205,76,1) 0%, rgba(166,220,98,1) 50%);
}
 */

    .h3-wrap {
      display: flex;
      align-items: center;
      position: relative;
      width: calc(100% + 25px);
   	  z-index: 1;
    }

    .h3-wrap h3 {
      width: 100%;
      height: 72px; /* 화살표와 높이를 맞춤 */
      background-color: black;
      color: #000;
      line-height: 72px; /* 텍스트가 가운데 오도록 설정 */
      margin: 0;
      text-align:center;
      font-size:1.25rem;
      text-indent: -30px;
    }

    /* 실제 화살표 */
    .h3-wrap::after {
      position: absolute;
      right: 0; /* 테두리 안쪽에 화살표 배치 */
      content:"";
      display:block;
      width:72px;
      height:72px;
    }
    .ca-step{
    overflow:hidden;
    }
    .ca-step > div{
    padding-left:0;
    padding-right:0;
    }
    .ca-step .step-01  .h3-wrap{
	z-index:4;
       }
   .ca-step .step-01  .h3-wrap h3{
   background: rgb(235,205,76);
	background: linear-gradient(90deg, #a1eefd 0%, rgba(166,220,98,1) 90%);
   }
   .ca-step .step-01  .h3-wrap::after {
     background:url(/caContainer/images/img_caStep01_after.png) no-repeat center;
   }
   .ca-step .step-02  .h3-wrap{
	z-index:3;
   }
   .ca-step .step-02  .h3-wrap h3{
   background: #97e8fc ;
	background: linear-gradient(90deg, #97e8fc 0%, #6ba7e9 90%);
   }
   .ca-step .step-02  .h3-wrap::after {
     background:url(/caContainer/images/img_caStep02_after.png) no-repeat center;
   }
     .ca-step .step-03  .h3-wrap{
	z-index:2;
   }
   .ca-step .step-03  .h3-wrap h3{
   background:#516aa7;
	background: linear-gradient(90deg, #516aa7 0%, #e66a7d 90%);
   }
   .ca-step .step-03  .h3-wrap::after {
     background:url(/caContainer/images/img_caStep03_after.png) no-repeat center;
   }
   .ca-step .step-04  .h3-wrap h3{
   background: #e39f67;
	background: linear-gradient(90deg, #e39f67 0%, #ffe23f 90%);
   }
   .ca-step .step-04  .h3-wrap::after {
   display:none;
   }
    
    
    
/*
.ca-step dt{
font-weight: 900;
font-size: 1.4rem;
margin-bottom: 10px;
}
.ca-step dd{
font-size: 1.3rem;
line-height: 1.5;
}
.ca-step dd img{
display: block;
}
.ca-step dd img +  span{
font-size: 1rem;
}
.ca-step .step-01{
}
.ca-step .step-01 .img-wrap{
margin-bottom: 10px;
}
.ca-step .step-01 .d-flex{
gap:10px
}
.ca-step .step-01 .d-flex img{
margin-bottom: 10px;
}
.ca-step .step-01 .img-wrap img{
max-width:500px ;
}
.ca-step .step-02{
position: relative;
}
.ca-step .step-02 .img-wrap{
position: relative;
width:fit-content;
height: 350px;
max-width:550px;
}
.ca-step .step-02 .img-wrap > img{
width: 100%;
}
.ca-step .step-02 .img-wrap .fadeIn.left{
position: absolute;
left: 110px;
top:0;
}
.ca-step .step-02 .img-wrap .fadeIn.left img,
.ca-step .step-02 .img-wrap .fadeIn.right img{
width: 70px;
}
.ca-step .step-02 .img-wrap .fadeIn.right{
position: absolute;
  right: 0;
  top: 0px;
}
.ca-step .step-02 .img-wrap .fadeIn.right img{
padding-top: 245px;
}

.ca-step .step-02 dd > div{
width:fit-content ;
margin: 20px auto 0;
}
.ca-step .step-02 dd > div div{
display:flex;
font-size: 1rem;
}
.ca-step .step-02 dd > div div span:first-child{
width: 88px;
text-align: center;
margin-right: 43px;
}
.ca-step .step-02 dd > div div span:nth-child(2){
width: 93px;
text-align: center;
}
.ca-step .step-02 dd > div div span:nth-child(3){
width:80px;
text-align: center;
}
.ca-step .step-02 .img-wrap .fadeIn{
	-webkit-transition-delay: .2s !important;
	-moz-transition-delay:  .2s !important;
	-ms-transition-delay:  .2s !important;
	-o-transition-delay:  .2s !important;
	transition-delay: .2s !important;
}
.ca-step .step-03 {

}
.ca-step .step-03 dl{
text-align: right;
padding-right: 100px;
}
.ca-step .step-03 .img-wrap{
max-width:600px;
}
.ca-step .step-03 .img-wrap img{
margin-top: -80px;
width: 100%;
}
.ca-step .step-03 .fadeIn{
	-webkit-transition-delay: .2s !important;
	-moz-transition-delay:  .2s !important;
	-ms-transition-delay:  .2s !important;
	-o-transition-delay:  .2s !important;
	transition-delay: .2s !important;
}
.ca-step .step-04{

}
.ca-step .step-04 .img-wrap img{
max-width:600px;
}
.ca-step .step-04 dl{
margin-top: 100px;
}
.ca-step .step-04 dd img{
margin: 0 0 0 auto;
}
*/



/* 수출 검색*/
#home .search-form{
border: 6px solid transparent;
-webkit-border-radius: 0 27px 27px 27px;
-moz-border-radius: 0 27px 27px 27px;
border-radius: 0 27px 27px 27px;
padding:0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
margin-top:-6px;
background-image: linear-gradient(#fff, #fff), linear-gradient(to left, rgba(0,117,249,.4) 0%, rgba(0,197,43,.4) 100%);
background-origin: border-box;
background-clip: content-box, border-box;
}
.search-form  .tab-pane{
display: none;
padding:50px;
}
.search-form  .tab-pane.active{
display: block;
}
.search-form .d-flex{
gap:10px
}
.form-wrap-label{
font-size: 1.3rem;
color: #0364ad;
margin-bottom: 10px;
font-weight: 600;
}
.search-form .row > div{
margin-bottom: 1.5rem;
}
.search-form .btn-wrap .btn{
width: 100%;
background: #0364ad;
color: #fff;
font-size: 1.2rem;
font-weight: 800;
padding: 0.5rem;
border-radius:10px;
}
.sub-content-body .search-form .btn-wrap .btn{
background:#003964;
}
.search-form .btn-wrap{
display: flex;
align-items: end;
}
.sub-content-body .search-form .top-btn-wrap{
padding-bottom:.5rem;
text-align:right;
}

.search-form .form-control,
.search-form .form-select{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-bottom:1px solid #000;
border-width: 0 0 1px 0;
font-size: 1.2rem;
font-weight: 700;
/* padding-left: 0; */
}
.nav-tabs .nav-link{
background:rgba(0,0,0,.7) ;
font-size: 1.2rem;
padding: 16px 2.5rem 12px;
-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
color:#fff;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
border-color:transparent;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
/*   color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
   */
color: #0364ad;
background-color: #fff;
border:6px solid rgba(0,197,43,.4);
font-weight: 800;
border-bottom:0;
padding-top:10px;
padding-bottom:18px;
font-size: 1.2rem;
}
.search-form .card{
border: 3px solid #ebebeb;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.card-body{
padding: 1.5rem;
}
.search-form .card .form-label{
font-size: 1rem;
font-weight: 600;
}
.search-form .card .form-control,
.search-form .card .form-select{
border: 1px solid #dee2e6;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.search-form .card .row > div{
margin-bottom: 1rem;
}

.sub-content-body .search-form .card{
background: #f9f9f9;
}
.sub-content-body .search-form .card .form-label,
.sub-content-body .search-form .form-control, 
.sub-content-body .search-form .form-select{
font-size: 1rem;
}

.sub-content-body .form-wrap-label{
font-size:1.1rem;
}
.sub-content-body .form-label{
font-size:0.8rem
}
.adm.search-form .card-body{
	padding-bottom:.5rem;
}
.adm.search-form .row {
	align-items:Center;
}
.adm.search-form .row > div[class*="col"] > div{
	display:flex;
	align-items:center;
	gap:10px;
	padding-right:30px;
}
.adm.search-form .row > div[class*="col"] > div .form-label{
	white-space:nowrap;
	margin-bottom:0;
}

.pc-header{
position: fixed;
top:0;
left: 0;
width: 100%;
z-index:5;
background: #fff;
}
.pc-header .logo-wrap{
	display:flex;
	align-items:center;
	gap:20px;
	cursor:pointer;
	padding:5px 0;
}
.pc-header .logo-wrap h1{
	margin-bottom:0;
}
.pc-header .logo-wrap img{
	height:65px;
}

.pc-header .logo-wrap h2{
	font-size:20px;
	border-left:1px solid #ddd;
	padding-left:20px;
	color:#444;
	font-family: 'GyeonggiTitleM';
	font-weight:400;
}
.pc-header.adm nav:before{
	display:none !important;
}
.pc-header.adm {
	border-bottom:1px solid #eee;
	
}
.pc-header.adm nav ul{
	display:flex;
	justify-content:start;
	gap:50px;
	list-style:none;
	padding-left:0;
}
.pc-header.adm nav  ul >li{
	flex:unset
}
.pc-header.adm nav ul >li > a{
	padding:10px 20px;
	color: #000;
    text-decoration: none;
    font-weight: 700;
    font-size: 19px;
}
.pc-header.adm .header-top a{
	color:#000;
}
.main-nav{
/* 	background: linear-gradient(to bottom, #fff 59px, #fff 59px, #f7f7f7 59px); */
	background:#fff;
	border:1px solid #eee;
}
.main-nav:before{
	content:"";
	display:block;
	width:100%;
	background:#eee;
	height:1px;
	position:relative;
	top:60px;
}
.menu{
  list-style: none;
  padding: 0;
  margin:0 auto;
  display: flex;
  flex-direction: row;
}
.menu-item {
	flex:1;
  position: relative;
  text-align:center;
}

.menu-link {
  display: inline-block;
  padding: 15px 0;
  color: #000;
  text-decoration: none;
  font-weight:700;
  font-size:19px;
}
.menu-link:hover,
.menu-link:focus {
	color:#000 !important;
    text-decoration: underline;
}
.sub-menu {
  display: none;
  list-style: none;
  padding: 20px 0;
  margin: 0;
  min-width: 100%;
}
.sub-menu dl{
	max-width:220px;
	margin:0 auto;
}
.sub-menu dt, .sub-menu dt a{
   font-size: 1rem;
   font-weight: 800;
   color: #000;
   padding:.2rem 0 .3rem;
   text-align:left;
}
.sub-menu a {
padding:.1rem 0;
  color: #000;
  display: block;
  white-space: nowrap;
  text-align:left;
}

.sub-menu a:hover, .sub-menu a:focus {
    text-decoration: underline;
}
.sub-menu dd a:before{
	content:"-";
	margin-right:10px;
}
/* 메뉴 토글 버튼 (모바일) */
.menu-toggle {
  display: none;
  color: #333;
  padding: 10px 15px;
  font-size: 20px;
  border: none;
  position: absolute;
  right: 0;
  top: 35px;
  background:transparent;
}
.sub-menu-expItem {
	overflow:hidden;
    margin: 0 auto;
}
.sub-menu-expItem dd{
	width:50%;
	float:left;
}

/* 서브메뉴 표시 */
/*
.menu-item:focus-within > .sub-menu,
.menu-link:focus + .sub-menu,
.menu-link:hover + .sub-menu {
  display: block;
}

*/

.pc-header .header-top{
position:relative;
display:flex;
align-items:end;
justify-content:space-between;
padding: 5px 0 5px;
}
.pc-header.adm .header-top{
	padding-top:0px;
}
.pc-header .adminLogin{
position:Absolute;
right:0;
top: 7px;
color: #818181;
font-size: 13px;
}
.pc-header .header-top ul{
display:flex;
justify-content:end;
align-items:center;
list-style: none;
gap:20px;
margin-bottom:.5rem;
}
.content-wrap{
display:flex;
gap:40px;
padding-top: 30px;
}
.lnb{
background: url(../images/img_lnb_bg.png) no-repeat left top;
width: 230px;
}
.lnb h2{
    height: 125px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 1.8rem;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lnb > div{
background: #fff;
border: 1px solid #d5d8db;
-webkit-border-radius: 50px 0 50px 0;
-moz-border-radius: 50px 0 50px 0;
border-radius: 50px 0 50px 0;
padding: 30px 20px;
}
.lnb ul {
	padding-left:0;
}
.lnb h3{
	font-weight:800;
	font-size:1rem;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:0;
}
.lnb ul li {
list-style: none;
padding: 7px 0 7px 10px;
}
.lnb ul li a{
padding: 5px 0px;
text-decoration: none;
color: #000;
display: flex;
 justify-content: space-between;
align-items: center;

}
.lnb ul li a:after{
content:"\f054";
font-family: 'Font Awesome 6 Free';
width: 24px;
height: 24px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
line-height:22px;
text-align: center;
border: 1px solid #d5d8db;
font-size: 12px;
display: block;
font-weight: bold;
}
.lnb ul li.active a{
color: #003964;
font-weight: 800;
}
.lnb ul li.active a:after{
background: #003964;
border-color: #003964;
color: #fff;
}
.sub-content{
flex:1;
}
.container-fluid .sub-content{
width:100%;
}
.location{
font-size: 13px;
}
.location i{
margin: 0 7px;
}
.location img{
width:auto;
height:13px;
}
.location span{
color: #2f89e3;
}
.sub-content-top h3{
padding: 20px 0 10px;
border-bottom: 3px solid #000;
font-weight: 600;
font-size:1.5rem;
}
.sub-content-body{
padding: 20px 10px;
}
section.container-fluid .content-wrap{
padding:0 2rem;
}
section.container-fluid .sub-content-body{
padding-top:0;
}

h4.sub-h4{
font-size: 1.2rem;
font-weight: 800;
color: #0364ad;
margin-bottom: 2rem;
}
h4.sub-h4-02{
display:flex;
margin-bottom: 2rem;
align-items:end;
}
h4.sub-h4-02:after{
content:"";
width:100%;
height:3px;
background:#000;
display:block;
}
h4.sub-h4-02 span{	
font-size: 1.2rem;
font-weight: 800;
color: #000;
display:block;
padding-right:30px;
background:#fff;
white-space:nowrap;
}
ul.hyphen{
list-style: "-  ";
}
h5.sub-h5{
font-weight: 600;
font-size: 1.15rem;
margin-bottom:1rem;
}
 h5.sub-h5:before{
content:"";
width: 6px;
height: 6px;
background: #0364ad;
display: inline-block;
margin-right: 10px;
transform: rotate(45deg);
vertical-align: 2px;
}

.tb-01{
width: 100%;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
border-collapse: collapse;
}
.tb-01 thead th{
background: #dbe5ef;
font-weight: 600;
}
.tb-01 th,.tb-01 td{
border-right: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
padding: 5px 0;
}
.tb-01 th:last-child,
.tb-01 td:last-child{
border-right: 0;
}
.tb-01 tbody th.text-start{
padding-left: 30px;
background:#e7e7e9
}
.tb-01 tbody th{
font-weight: 600;
background:#e2ecf6;
}
.tb-01 tbody .tr-total.last td{
/*     background: #cdcdcd;
    border-top: 2px solid #000; */
    color:#ef2a74
}
.tb-01 tbody .tr-total td,.tb-01 tbody .tr-total th,
.tb-01 tbody .tr-rowspan th:first-child{
border-bottom:2px solid #bdbdbd
}
.tb-01 tbody .tr-total td,
.tb-01 tbody .tr-total th{
font-weight: 800;	
}
.tb-01 tbody .tr-total td{
color:#0364ad;
background:#eef0f2;
}
.tb-02 {
border-radius: 8px 8px 0 0;
border:1px solid #ddd;
overflow:hidden;
}
.tb-02 table{
width: 100%;
}
.tb-02 thead th{
background: #368be5;
font-weight: 600;
color:#fff;
}
.tb-02 th,.tb-02 td{
border-bottom: 1px solid #ddd;
text-align: center;
padding: 13px 0;
}
.tb-02 tr:last-child td{
	border-bottom:0;
}
.tb-02 td .fa-solid.fa-x{
	color:red
}
.tb-02.even-bg tbody tr:nth-child(even){
	background:#f5f5f5;
}

.bg-light .tb-01{
	border-top:0;
	border-bottom:1px solid #ddd;
}
.bg-light .tb-01 th,.bg-light .tb-01 td{
border-color:#ddd;
font-weight:600;
padding:10px 0;
}

.bg-light .tb-01 thead th{
background:#0364ad;
color:#fff;
padding:1rem 0;
}
.tb-03 {
border:1px solid #ddd;
overflow:hidden;
}
.tb-03 table{
width: 100%;
}
.tb-03 th{
background: #eef2f7;
font-weight: 600;
text-align:center;
}
.tb-03 th,.tb-03 td{
border-bottom: 1px solid #ddd;
text-align: center;
padding: 10px 15px;
}
.tb-03 tr:last-child td{
	border-bottom:0;
}
.tb-03 td{
	text-align:left;
}








/*푸터*/
footer{
background: #f4f4f4;
padding: 50px 0;
}
footer  address{
margin: 0;
word-break:keep-all;
margin-bottom:20px;
display:flex;
gap:0 10px;
flex-wrap:wrap;
}
footer  address span{
white-space:nowrap;
}
footer *{
font-size: 17px;
color: #585858;
margin-bottom: 0;
}
footer .d-flex{
font-weight:500;
padding: 10px 0;
-webkit-appearance: 20px;
-moz-appearance: none;
appearance: none;
flex-wrap: wrap;
}
footer a{
text-decoration: none;
-ms-word-break: keep-all;
word-break: keep-all;
white-space: nowrap;
}
footer .d-flex a:after{
content:"|";
padding: 0 10px;
}
footer .d-flex a:last-child:after{
display: none;
}
footer .d-flex a:first-child{
color: #3635d0;
}

/*모바일 헤더*/
header .m-header{
border-bottom: 1px solid #ddd;
}
header .m-header .nav-wrap{
display: none;
background: #fff;
border-top: 1px solid #ddd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .m-header .nav-wrap ul{
list-style: none;
padding: 0;
margin-bottom:0;
}
header .m-header .nav-wrap ul:not(.sub-menu) > li{
border-bottom: 1px solid #ddd;
}
header .m-header .nav-wrap ul li a{
color: #000;
text-decoration: none;
padding: 10px 10px 10px 30px;
font-weight: 600;
display: block;
}
header .m-header .nav-wrap ul.sub-menu a{
font-weight: 400;
}
header .m-header .nav-wrap ul li .sub-menu{
padding-left: 10px;
}
header h2{	
	margin:0;
}
header .m-header .nav-wrap{
	background:#fff;
	height:100dvh;
}
header .m-header h1{
text-align: center;
padding: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 0;
}
header .m-header h1 img{
height: 50px;
}
header .m-header{
display: none;
position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 10;
}
header .m-header .m-open{
position: absolute;
right: 10px;
top:12px;
background: #003964;
color: #fff;
border: 0;
width: 40px;
height: 36px;
font-size: 26px;
}

header .m-header h2.accordion-header {
	margin:0;
}
header .m-header .accordion-item{
	background:#fff;
}
header .m-header h2.accordion-header .accordion-button{
	color:#444;
	font-weight:600;
}
header .m-header h2.accordion-header .single{
	background:#F3F6F9;
	color:#444;
	box-shadow: none;
}
header .m-header h2.accordion-header .single:after{
	display:none !important;
}



#loginSection {
min-height:calc(100dvh - 140px);
display:flex;
align-items:center;
background: url(../images/img_login_bg.png) no-repeat center bottom;
}
#loginForm{
max-width:350px;
margin: 0 auto;
}
#loginForm p{
text-align: center;
}
#loginForm legend{
font-size: 2rem;
text-align: center;
font-weight: 600;
margin-bottom:30px;
}
#loginForm .mb-2 {
position: relative;
}
#loginForm .mb-2 label{
position: absolute;
left:13px;
top:10px;
}
#loginForm .mb-2 .form-control{
padding-left: 50px;
}
#loginForm .btn.btn-lg{
background: #368be5;
color: #fff;
width: 100%;
}


#tbHeader{
background: #368be5;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
overflow-x: hidden;
}
#tbHeader.bg-light th{
color:#000;	
}
#tbHeader *{
color: #fff;
}
.list-wrap #tbHeader thead th{
position: sticky;
top: 0px;
padding: 13px 0;
text-align: center;
-ms-word-break: keep-all;
word-break: keep-all;
white-space: nowrap;
}
#tbHeader th {
    border: 1px solid rgba(255, 255, 255, .1);
}

#tbHeader th:last-child{
/* padding-right: 16px; */
}
#tbBody{
border: 1px solid #ddd;
text-align: center;
height: 460px;
overflow-y: scroll;
overflow-x: auto;
}
#tbBody td{
padding: 13px 0;
border-bottom: 1px solid #ddd;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
-ms-word-break: keep-all;
word-break: keep-all;
white-space: nowrap;
}
#tbBody tr:hover{
background: #f9f9f9;
}
#tbBody tr:last-child td{
/* border-bottom: 0; */
}
#tbHeader table, #tbBody table{
table-layout:fixed;
width: 100%;
}
#tbBody table td{
position: relative;
}
#tbHeader th, #tbBody td {
    white-space: nowrap;
    height: 45px;
    table-layout: fixed;
}
#tbBody.tb-input table td{
	padding:4px 0;
}
.tb-wrap.board #tbHeader{
	background:#eef2f7;
	border:1px solid #ddd;
	border-bottom:0;
	border-radius:0;
}
.tb-wrap.board #tbHeader th{
	color:#000;
}
.tb-wrap.board #tbHeader th,
.tb-wrap.board #tbBody td {
    white-space: nowrap;
    height: 36px;
    table-layout: fixed;
}
.tb-wrap.board #tbBody td {
    padding: 10px 0;
}
.tb-wrap.board #tbBody tr:hover{
	cursor:pointer;
}
.tb-wrap.board #tbBody tr:nth-child(10) td{
	border-bottom:0;
}
.tb-wrap.board #tbHeader th:last-child{
	padding-right:16px;
}
.tb-wrap.board + #paging li strong{
	background:#eef2f7;
	color:#666;
	border-color:#ddd
}



/* .tb-wrap.board #tbBody::-webkit-scrollbar{
	border-left:1px solid #ddd;
} */

/*전자정부프레임워크 페이징*/
#paging {
padding:10px 0; 
display:flex; 
justify-content:center;
gap:10px;
text-align:center;
}
#paging li {
display:inline-block; 
list-style-type:none; 
font-size:1rem; 
color: #333333;
width:30px;
}
#paging li > *{
	padding:3px 0;
	border-radius:4px;
}
#paging li a{
	display:flex;
	color:#666;
	border:1px solid #ddd;
	align-items: center;
    justify-content: center;
    height:32px;
}
#paging li strong{
	display:flex;
	background:#368be5;
	color:#fff;
	border:1px solid #368be5;
	align-items: center;
    justify-content: center;
      height:32px;
}
/*CA수출효과 > 수출 작업*/
.expProcess-step {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 55px 36px;
    padding-right:20px;
}
.expProcess-step .img-wrap > img{
	width:100%;
}
.expProcess-step .img-wrap{
	text-align:center;
}
.expProcess-step .img-wrap span{
	display:block;
	padding:10px 0;
    font-size: 1rem;
    font-weight: 800;
    word-break:keep-all;
}
.expProcess-step .img-wrap{
	position:relative;
}
.expProcess-step .img-wrap:after{
	content:"";
	display:block;
	position:absolute;
	right:-30px;
	top:calc(50% - 22px);
	transform:translateY(-50%);
	width:24px;
	height:12px;
	background:url(/caContainer/images/img_exportItem_02_step_right.jpg) no-repeat center;
	background-size:100% auto;
}
.expProcess-step .img-wrap:last-child:after{
	display:none;
}
/*
.expProcess .img-wrap:nth-child(1) { grid-columns: 1; grid-row: 1; }
.expProcess .img-wrap:nth-child(2) { grid-column: 2; grid-row: 1; }
.expProcess .img-wrap:nth-child(3) { grid-column: 3; grid-row: 1; }
.expProcess .img-wrap:nth-child(4) { grid-column: 3; grid-row: 2; }
.expProcess .img-wrap:nth-child(5) { grid-column: 2; grid-row: 2; }
.expProcess .img-wrap:nth-child(6) { grid-column: 1; grid-row: 2; }

.expProcess .img-wrap:nth-child(3):after,
.expProcess .img-wrap:nth-child(6):after,
.expProcess .img-wrap:nth-child(9):after{
	left:50%;
	transform:translateX(-50%);
	top:auto;
	bottom:-40px;
	width:24px;
	height:32px;
	background:url(/caContainer/images/img_exportItem_02_step_down.jpg) no-repeat center;
}
.expProcess .card:nth-child(4):after,
.expProcess .card:nth-child(5):after{
	left:-34px;
	right:auto;
	top:50%;
	background:url(/caContainer/images/img_exportItem_02_step_left.jpg) no-repeat center;
}

*/






.exportItem .select-item{
	list-style: none;
	padding-left:0;
}
.exportItem .select-item {
	text-align: center;
}
.exportItem .select-item .img-wrap{
	margin-bottom:.5rem;
}
.exportItem .select-item .img-wrap img{
	position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
	width:100%;
	height:auto;
}
.exportItem .select-item .img-wrap + span{
	display:block;
	margin-bottom:1rem;
	font-weight:600
}
.exportItem .select-item li:hover{
	cursor:pointer;
}
.exportItem .select-item li .img-wrap{
	position: relative;
	height: 120px;
    overflow: hidden;
    border-radius: 10px;
}
.exportItem .select-item li.on .img-wrap:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
	border-radius:10px;
	background:rgba(0,0,0,.3) url(/caContainer/images/ico_check.png) no-repeat center;
}

.exportItem-details .col-lg-6 > div{
	display:flex;
	gap:20px;
}
.exportItem-details .col-lg-6 > div img{
	max-height:134px;
}
.exportItem-details .col-lg-6 > div .hyphen{
padding-left:20px;
}
.exportItem-caution{
	background:#e9ecf4 url(/caContainer/images/img_caution.png) no-repeat center left 20px;
	padding:15px 15px 15px 120px;
	border-radius:10px;
}
.exportItem-caution div{
	background:#fff;
	border-radius:10px;
	padding:20px;
}



.exportItem-step {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3열 */
    gap: 55px 36px; /* 아이템 간격 */
    padding-top:30px;
}

.exportItem-step .card {
	position:relative;
    border-radius:10px;
    padding: 20px; 
    border:0;
}
.exportItem-step .card .top{
	position:relative;
	top:-30px;	
	text-align:center;
	height:10px;
}
.exportItem-step .card .top .badge{
	background:#454545;
	padding:.5rem;
}
.exportItem-step .card h6{
	text-align:center;
	font-size:1.3rem;
	font-weight:600;
}
.exportItem-step .card img{
	margin-bottom:10px;
	width:100%;
	height:auto;
	max-height:167px;
	max-width:258px;
}
.exportItem-step .card h6.h6-02{
	text-align:left;
	font-size:1rem;
	font-weight:800;
	padding:10px 0;
	margin-bottom:0px;
}
.exportItem-step .card:after{
	position:absolute;
	right:-34px;
	top:50%;
	transform:translateY(-50%);
	content:"";
	display:block;
	width:32px;
	height:24px;
	background:url(/caContainer/images/img_exportItem_02_step_right.jpg) no-repeat center;
	z-index:-1;
}
.exportItem-step .card:last-child:after{
	display:none;
}
.text-green{
	color:#1cab00;
}
/* 지그재그 형태로 배치 */
.exportItem-step .card:nth-child(1) { grid-columns: 1; grid-row: 1; }
.exportItem-step .card:nth-child(2) { grid-column: 2; grid-row: 1; }
.exportItem-step .card:nth-child(3) { grid-column: 3; grid-row: 1; }
.exportItem-step .card:nth-child(4) { grid-column: 3; grid-row: 2; }
.exportItem-step .card:nth-child(5) { grid-column: 2; grid-row: 2; }
.exportItem-step .card:nth-child(6) { grid-column: 1; grid-row: 2; }

.exportItem-step .card:nth-child(3):after,
.exportItem-step .card:nth-child(6):after,
.exportItem-step .card:nth-child(9):after{
	left:50%;
	transform:translateX(-50%);
	top:auto;
	bottom:-40px;
	width:24px;
	height:32px;
	background:url(/caContainer/images/img_exportItem_02_step_down.jpg) no-repeat center;
}
.exportItem-step .card:nth-child(4):after,
.exportItem-step .card:nth-child(5):after{
	left:-34px;
	right:auto;
	top:50%;
	background:url(/caContainer/images/img_exportItem_02_step_left.jpg) no-repeat center;
}
.exportCondition-opt .tb-02 thead th{
 background: #ff9024;
  padding: 16px 0px;
}
.exportCondition-opt{
/* 	display:flex;
	gap:30px;
 */}
.exportCondition-opt ul{
/* 	width:230px;
	height:110px; */
	display:flex;
	list-style: none;
	gap:20px;
	padding-left:0;
/* 	background:url(/caContainer/images/img_exportCondition_01.png) no-repeat center;
	flex-direction: column;
	padding-left: 2rem;
	margin-bottom:0;
	background-size: 100% 100%; */
}
.exportCondition-opt ul li{
	padding-left:1.5rem;
	background:url(/caContainer/images/ico_check_orange.png) no-repeat center left;
}
.exportCondition-container{
	margin-bottom:3rem;
}
.exportCondition-container .item-wrap.c-20ft{
	position:relative;
	background:url(/caContainer/images/img_exportCondition_containerBg_20ft.png) no-repeat left center;
  	background-size:88.5% 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr); 
    grid-auto-flow: column; 
    gap: 1px; 
    padding:12px 62px 12px 1.13% ;
    max-width:450px;
}
.exportCondition-container .item-wrap.c-20ft:after{
	content:"";
	display:block;
	position:absolute;
	left:87.83%;
	top:0;
	width:58px;
	height:100%;
	background-image:url(/caContainer/images/img_exportCondition_containerBg_20ft_right.png);
	background-position:center;
	background-size:100% auto;
	background-repeat: no-repeat;
}
.exportCondition-container .item-wrap.c-40ft{
	background-image:url(/caContainer/images/img_exportCondition_containerBg_40ft.png);
  	background-size:88.5% 100%;
  	background-repeat:no-repeat;
  	background-position:left center;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(2, 1fr); 
    grid-auto-flow: column; 
    gap: 1px; 
    padding:12px 12.17% 12px 1.13% ;
    position:relative;
}
.exportCondition-container .item-wrap.c-40ft:after{
	content:"";
	display:block;
	position:absolute;
	left:87.83%;
	top:0;
	width:58px;
	height:100%;
	background-image:url(/caContainer/images/img_exportCondition_containerBg_40ft_right.png);
	background-position:center;
	background-size:100% auto;
	background-repeat: no-repeat;
}

.exportCondition-container .item {
    color: #eee;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
	overflow:hidden;
}
.btn-grid-add{
	width:24px;
	height:24px;
	background:url(/caContainer/images/ico_grid_add.png) no-repeat center;
}
.btn-grid-delete{
	width:24px;
	height:24px;
	background:url(/caContainer/images/ico_grid_delete.png) no-repeat center;
}
.btn-grid-excel{
	width:24px;
	height:24px;
	background:url(/caContainer/images/ico_grid_excel.png) no-repeat center;
}
/*엑셀 다운로드*/
.btn-grid-excel-dl{
	width:24px;
	height:24px;
	background:url(/caContainer/images/ico_grid_excel_dl.png) no-repeat center;
}
/*엑셀 업로드*/
.btn-grid-excel-up{
	width:24px;
	height:24px;
	background:url(/caContainer/images/ico_grid_excel_up.png) no-repeat center;
}

.bar{
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #cbcbcb;
    margin: 0 .3rem;
    vertical-align: middle;
}

/*팝업*/
.ui-dialog .ui-dialog-content{
	padding:1em;
}
.ui-dialog-titlebar.ui-widget-header {
    background: #003964;
    color:#fff;
}
.ui-dialog .ui-dialog-titlebar-close{
	background:none;
	border:0;
	color:#fff;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon{
	background-image: url(images/ui-icons_ffffff_256x240.png);
}
/*팝업 등록*/

.regist-form .sub-h4{
	margin-bottom:1rem;
}
.regist-form .top-btn-wrap{
padding-bottom:.5rem;
text-align:right;
}
.regist-form .card{
background: #f9f9f9;
border: 1px solid #ebebeb;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:.7rem 0;
}
.regist-form .card hr{
opacity:.1;
margin:.3rem 0;
}
.regist-form .card th{
font-size: 14px;
white-space: nowrap;
	
}
.regist-form .card th,
.regist-form .card td{
padding:3px 0;
}
.regist-form .card th{
padding-left:1rem;
}
.regist-form .btn-wrap {
	margin-bottom:1rem;
}
.regist-form .btn-wrap .btn{
width: 150px;
background: #368be5;
color: #fff;
font-size: 1rem;
font-weight: 800;
padding: 0.5rem;
border-radius:10px;
}
.sub-caContainer .img-wrap.con-01,
.sub-caContainer .img-wrap.con-02{
	max-width:458px;
	margin:0 auto;
}
.sub-caContainer .img-wrap.con-01 .small{
	background:#7eb6ea;
	text-align:center;
	padding:10px 0;
}
.sub-caContainer .img-wrap.con-02 .small{
	background:#a1ca65;
	text-align:center;
	padding:10px 0;
}
.sub-caContainer .img-wrap img{
	width:100%;
}
.img-box{
	background:#f4f4f4;
	border-radius:8px;
	border:2px solid #d6d7db;
	text-align:center;
	padding:5%;
	box-sizing:border-box;
	margin-bottom:1rem;
}

.sub-content-body.caEffect{

}
.sub-content-body.caEffect .sec01 .card{
	background:url(/caContainer/images/img_caEffect_01.jpg) no-repeat center;
	border-radius:10px;
	overflow:hidden;
	height:250px;
    align-items: start;
    justify-content: center;
}
.sub-content-body.caEffect .sec01 ul {
	gap:10px;
	list-style:none;
	align-items:center;
	justifty-content:start;
	flex-wrap:wrap;
}
.sub-content-body.caEffect .sec01 .card h5{
	padding-left:2rem;
}
.sub-content-body.caEffect .sec01 ul li{
	width:100px;
	height:100px;
	padding:24px 20px;
	text-align:center;
	border-radius:10px;
	background:rgba(0,0,0,.5);
	color:#fff;
	word-break:keep-all;
}
.sub-content-body.caEffect .sec02  .d-flex{
	gap:20px;
	flex-wrap:wrap;
}
.sub-content-body.caEffect .sec02 .img-box{
	display:flex;
	gap:10px;
	padding:1rem;
}
.sub-content-body.caEffect .sec02 .img-box,
.sub-content-body.caEffect .sec02 .img-box + div{
	flex:1;
}
.sub-content-body.caEffect .sec02 .img-box img{
	display:block;
	width:100%;
}
.sub-content-body.caEffect .sec02 .img-box .general{
	flex:1;
	background:#3c3c3c;
	padding:5px;
	color:#fff;
	text-align:Center;
	font-weight:600
}
.sub-content-body.caEffect .sec02 .img-box .ca{
	flex:1;
	background:#5bae00;
	padding:5px;
	color:#fff;
	text-align:Center;
	font-weight:600
}

.sub-content-body.caEffect .sec02 .img-box.flex-column > div{
	position:relative;
}
.sub-content-body.caEffect .sec02 .img-box.flex-column span{
	position:absolute;
	left:0;
	top:0;
	width:100px;
}
.sub-content-body.caEffect .sec02 .img-box.flex-column img{
	width:100%;
}
.sub-content-body.caEffect .sec02 .img-box .general span{
	background:#3c3c3c;
}
.sub-content-body.caEffect .sec02 .img-box .ca span{
	background:#5bae00;
}

.sub-content-body.caEffect .sec02 .img-box span{
	display:block;
	padding:8px 5px 3px;
}
.sub-content-body.caEffect .sec02 .img-box + div{
	flex:1;
	padding:10px 0;
}
.sub-content-body.caEffect .sec02 h6{
	font-weight: 600;
    font-size: 1.15rem;
    border-bottom:1px solid #000;
  	padding-bottom:10px;
}
.sub-content-body.caEffect .sec02 dl {
	padding:10px;
	width:100%;
}
.sub-content-body.caEffect .sec02 dl dt{
	font-weight: 600;
    font-size: 1rem;
}
.sub-content-body.caEffect .sec02 dl dd {
	margin-bottom:0;
	display:flex;
}
.sub-content-body.caEffect .sec02 dl dd label{
	border-right:1px solid #ddd;
	width:70px;
	padding:5px 0;
}
.sub-content-body.caEffect .sec02 dl dd label + div{
	flex:1;
	display: flex;
    align-items: center;
    gap:10px;
}
.sub-content-body.caEffect .sec02 dl dd .bar-01{
	background:#d5d8db;
	border-radius:0 8px 8px 0;
	display:inline-block;
	height:70%;
}
.sub-content-body.caEffect .sec02 dl dd .bar-02{
	background:#2285e4;
	border-radius:0 8px 8px 0;
	display:inline-block;
	height:70%;
}
.sub-content-body.caEffect .sec02 dl dd .bar-03{
	background:#c9e7c0;
	border-radius:0 8px 8px 0;
	display:inline-block;
	height:70%;
}
.sub-content-body.airExport .exportProcess{
	padding-top:150px;
}
.sub-content-body.airExport .exportProcess img:first-child{
	position:absolute;
	top:-130px;
	left:50%;
	transform:translateX(-50%);
}
.sub-content-body.airExport .exportProcess .d-flex{
	background:#f2f2f3;
	border-radius:50px;
	align-items:center;
	justify-content:space-between;
	padding:10px 50px;
}
.sub-content-body.airExport .exportProcess .d-flex > div{
	position:relative;
	text-align:center;
}
/* .sub-content-body.airExport .exportProcess .d-flex > div:after{
	content:"";
	display:block;
	width:16px;
	height:22px;
	background:url(/caContainer/images/img_airExport_020.png) no-repeat center;
} */

.ul-tabs{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	list-style:none;
	padding-left:0;
}
.ul-tabs li{
	border:1px solid #ddd;
	text-align:center;
	padding:10px;
	flex:1;
    min-width: calc(20% - 10px);
    max-width: calc(20% - 10px);
    cursor:pointer;
}
.ul-tabs li.active{
	background:#003964;
	color:#fff;
	border-color:#003964;
}
.sub-h6-country{
	padding:3px 0 3px 30px;
	background:url(/caContainer/images/ico_country.png) no-repeat left center;
}
.sub-h6-no{
	padding:3px 0 3px 30px;
	background:url(/caContainer/images/ico_no.png) no-repeat left center;
}

.search-code{
	position:relative;
}
.search-code button{
	width:20px;
	height:20px;
	border:0;
	background:url(/caContainer/images/ico_search.png) no-repeat center;
	position:absolute;
	right:10px;
	top:8px;
}
.search-code .form-control{
	padding-right:30px;
}
.regist-form .bg-light .tb-01{
	background:#edeef3
}
.regist-form .bg-light .tb-01 th{
    font-weight: 600;
    background: #0364ad;	
	padding:0.5rem;
	color:#fff;
}
.top-btn-wrap .btn.btn-excel{
	background:#217245;
	color:#fff;
}
.regist-form .bg-light .tb-01 td{
	background:#fff;
	padding:0.3rem;
	
}
.regist-form .bg-light .tb-01 .form-control{
    border-color: transparent;
    background: transparent;
    border-radius:0;
    paddding:0;
}
#labelTooltip{
	color:#f04b52;
	padding:.375rem .375rem;
}
.tooltip-inner{
	background:#f7f7f7;
	color:#f04b52;
	word-break:keep-all;
	border:1px solid #ddd;
	font-size:12px;
	text-align:left;
	font-weight:600;
}
.tooltip-arrow,.tooltip-arrow:before{
	display:none;
}



/* 공식 배너 */
#krds-masthead {
  position:relative;
  background-color: #eef2f7;
  z-index:10;
}
#krds-masthead .nuri-txt{
    display: flex;
    align-items: center;
    padding: 4px;
}
#krds-masthead .nuri-txt::before {
  content: "";
  display: inline-flex;
  width: var(--krds-icon--size-large);
  height: var(--krds-icon--size-large);
  background-color: var(--krds-light-color-text-basic);
  background-color: transparent !important;
  forced-color-adjust: none;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  -webkit-mask-image: none;
  mask-image: none;
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask: none;
  mask: none;
	width:24px;
	height:24px;
  -webkit-mask-image: url(/caContainer/images/ico_flag.svg);
  mask-image: url(/caContainer/images/ico_flag.svg);
  background-image:  url(/caContainer/images/ico_flag.svg);

}




/* 데스크톱 (최대 1200px) */
@media (max-width: 1600px) {
	.adm.search-form .row > div[class*="col"] > div{
	padding-right:10px;
	}
}

@media (min-width: 1201px) {
  #main-menu{
  display:block !important;  
  }
}

/* 데스크톱 (최대 1200px) */
@media (max-width: 1200px) {
	header{
	height: 93px;
	}
/*
	header .pc-header{
	display: none;
	}

	header .m-header{
	display: block;
	}
*/
.pc-header .header-top{
	padding:0 10px;
}
.menu-toggle{
	bottom:10px;
}
  .pc-header .adminLogin{
	display:none;
  }
  .main-nav:before{
  display:none;
  }
  .main-menu {
    display: none;
    flex-direction: column;
  }

  .menu-item {
    width: 100%;
  }
  .menu-toggle {
    display: block;
  z-index:10;
  }
   .menu[aria-expanded="true"] {
    display: block;
  }
  .menu-item > .menu-link{
	position:relative;
}
.menu-item > .menu-link:before{
  content:"";
  position:absolute;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  top:26px;
  right:1px;
  border-left: 2px solid #222; /* 왼쪽 선 */
  border-bottom: 2px solid #222; /* 아래쪽 선 */
  transform-origin: center center;
  transition: transform 0.3s ease;
  transform: translateY(-50%) rotate(-45deg);
}
.menu-item > .menu-link.on:before{
  transform: translateY(-50%) rotate(135deg);
}
  
  #main-menu{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#fff;
  padding-top:50px;
  padding:80px 1rem 0;
  }
  .main-nav{
  }
   #main-menu .menu-item,
   #main-menu .sub-menu li{
   text-align:left;
   border-bottom:1px solid #eee;
   }
   #main-menu .menu-item a{
   display:block;
   }
   #main-menu .sub-menu{
   background:#f7f7f7;
   }
   #main-menu .menu{
   display:block;
   }
.sub-content-top h3{
	font-size:1.25rem
}
.sub-menu dl{
	margin-left:10px
}
	.lnb > div{
	border:0;
	padding:0;
	}
	.lnb{
	width:100%;
	background:none;
	}
	.lnb h2{
	color:#000;
	height:auto;
	padding:10px 0;
	line-height:1;
	font-size:1.3rem;
	}
	.lnb ul{
	display:flex;
	border-radius:0;
	padding:10px;
	gap:5px;
	border:0;
	justify-content: center;
	flex-wrap:wrap;
	}
	.lnb ul li{
	padding:0;
	border:1px solid #ddd;
	}
	.lnb ul li a{
	padding:3px 10px;
	white-space:nowrap;
	font-size:12px;
	}
	.lnb ul li.active {
   border-color:#003964;
   background:#003964;
   }
   .lnb ul li.active a{
   color:#fff;
   }
	.lnb ul li a:after{
	display:none;
	}
	.content-wrap{
	display: block;
	padding-top:100px;
	}
	.pc-header.adm{
	align-items:center;
	} 		
	.pc-header.adm .menu-toggle{
	bottom:0;
	}
	.pc-header.adm .header-top{
	padding-right:2rem !important
	}
	.pc-header.adm .header-top ul{
	margin-top:auto;
	margin-bottom:auto;
	}
	.pc-header.adm nav ul{
	display:block;

	}
	.pc-header.adm nav ul li{
	margin-bottom:1rem;
	}
}
@media (max-width: 993px) {
   .menu-link{
	font-size:16px;
   }
}
@media screen and (max-width: 768px) {
 .pc-only{
 display:none !important
 }
.sub-menu-expItem {
    margin: 0;
}
 .sub-content-body{
 max-width:100%;
 }
.sub-content-body.caEffect .sec02 .img-box, .sub-content-body.caEffect .sec02 .img-box + div{
width:100%;
flex:none;
 }
 .pc-header .logo-wrap{
 gap:10px;
 }
 .pc-header .logo-wrap img{
 height:35px;
 }
 .pc-header .logo-wrap h2{
 	font-size:14px;
	padding-left:10px;
 }
    .content-wrap{
	padding-top:15px;
    }	
    
.sub-content-body.caEffect .sec01 .card{
    height:300px;
   }
.bg-light .tb-01 thead th{
	padding:.5rem 0;
}
.tb-01 th, .tb-01 td{
	font-size:14px;
}
.sub-content-top h3{
	font-size:1.15rem;
}
.lnb h2{
	font-size:1.25rem;
}
h4.sub-h4,h5.sub-h5{
	font-size:1rem;
	word-break:keep-all;
}
.expProcess-step .img-wrap span{
	font-size:14px;
}
.sub-content-body .form-wrap-label{
	font-size:1rem;
}
.sub-content-body.airExport .exportProcess .d-flex{
	word-break:keep-all;
	white-space:nowrap;
	padding:10px;
}
.sub-content-body.airExport .exportProcess .d-flex div img{
	width:40px;
	height:auto;
	top:-67px !important;
}

.sub-content-body.airExport .exportProcess{
	padding-top:70px;
}
.sub-content-body.airExport .exportProcess .d-flex > div{
	font-size:12px;
}
footer *{
	font-size:12px;
	
}
#krds-masthead .nuri-txt{
	font-size:12px;
}
}
