@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

* { 
font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
  margin: 0; padding: 0;}
body { font-weight: 400; font-size: 17px; line-height: 1.7;}
a { text-decoration: none; color:#002e72;}
  /* -webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
      transition:width 2s, height 2s, background-color 2s, transform 2s; */
    
h1, h2, h3, h4, h5 { font-family: 'Roboto'; font-weight: 400;}
  ul{ list-style:none;padding-left:0px;}
  .header { display: flex;
    flex-direction: row;
    justify-content: space-between; }
  #logo{ width:250px; font-size:35px;}
  #logo img{ width:250px}
  .logo { width:200px;}
  #member { background-color: #fafdfe; }
  .member { display: flex;    flex-direction: row;
    justify-content: flex-end;}

  #navbar a {
    float: right;
    display: block;
    color: #09264b;
    text-align: right;
    padding-left: 50px;
    text-decoration: none;
    letter-spacing: 1px;
}
  
  .show { transition: all 0.5s;}
  .sticky {
    position: fixed;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #656565; transition: all 1s;}
  
  #block { display: flex;flex-direction: row; justify-content: flex-start; overflow: hidden;}
  .block { width:50%; padding: 10px; border:1px solid #cdcdcd;}
  .right { text-align: right; float:right}

  
      .trans_eff { background-color: rgba(255,255,255,1) !important; border-bottom: 2px solid #3a3a3a;}
      .ret_eff { background-color: rgba(255,255,255,0) !important;border-bottom: 5px solid #3a3a3a;}
  
  .ico { width:25px;}
.member li { color:#ffffff;}
  #btn_top {display: inline-block; position: absolute; right:0px; width:50px; background-color: #f2f2f2;padding: 5px; margin-top:100px}
  .nav { align-content: space-around;
    justify-content: flex-end;}
  .nav-item { padding:0px;}
  #footer { text-align: center; background-color: #fff; padding:10px; border-top:1px solid #656565;}
  #intro { background-color: #f2f2f2;}
  .intro { text-align: center;
    background-image: url('../images/main2.jpg');
    background-position: center;background-size: cover;
    height: 600px;}
  .intro_sub {     background-image: url('../images/sub.png'); 
    /* background-position: center; */
    background-size: cover;}
  .intro_sub_bg {      background-color: #01caf636;}
  .intro_sub .p-5 { padding: 3rem !important;}
  .container { display: flex; flex-direction: column;}
  .container_col { display: flex; flex-direction: row; flex-wrap: wrap;}
  .list_Q { border:1px solid #cdcdcd;}
  .left50 { width:50%; float:left;padding: 10px;    background-color: rgb(255 255 255 / 80%);}
  .left25 { width:25%; float:left;padding: 10px;}
  .left75 { width:75%; float:left;padding: 10px; text-align: left;}
  .left33 { width:33.33%; display: flex; flex-direction: column; align-content: flex-start; justify-content: flex-start; align-items: flex-start;padding: 3%;}
  .right20 { width:20%; float:right;}
  .box { height: 100%; min-height: 100px;}
  .box:last-child{ border:none;}
  .all { width:100%;}
  .flex_col { display: flex; flex-direction: row;}
  .flex_col4 {display: flex; width: 100%; justify-content: space-between;}
  .flex_col4 div {width:22%}
  #left_menu { padding-right:100px;}
#mobile { display: none;}
#mobile img {    width: 35px;
  height: 35px;
  margin-top: 10px;}
#abs_menu {display: none; 
  width: 100%;
  height: 100px;
  position: relative;
  background-color: #fff;
  border-top: 1px solid #626262;}
  .content {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: nowrap;
}
.content_row { display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start;}
.content_col { display: flex; justify-content: flex-start; flex-direction: row; align-items: flex-start;}
.only_full { margin-right:20px;}
.table_text { display: flex; padding-left:30px; flex-direction: row; justify-content: flex-start; margin-right:0 !important; color:#626262;}
.table_text .left { font-size: 13px; color:#626262; margin-right:15px;}
.table_text .right { text-align: left;}
.li { padding:5px;}
.tb_img{ text-align: left;}
.nav-link {color: #002e72 !important}
.ico_arr { width:15px; height:15px; margin-top:3px; }
.ico_arr2 { width:15px; height:15px; margin-top:-8px; }
#cont1 { background-image: url('../images/cont1_bg.jpg'); background-repeat: no-repeat;background-position: right;}
#cont2 { background-image: url('../images/cont6_1_bg.jpg');
    background-size: cover;}
#cont4 { background-image: url('../images/cont4_1.jpg'); background-repeat: no-repeat; background-position: right;}
#con6_2_1 { width:717px;}
#con6_3 { width:800px}
#dot{     width: 10px;
  margin-top: -5px;}
#dot2 {     width: 10px; margin-right:5px;
  margin-top: 3px;}
.img1000 { width:100%;}
.border_box { padding:10px; border-radius: 10px; border:2px solid #dedede;}
#cont9, #cont8 { width:717px;}
#footer p { font-size:15px; color:#626262; line-height: 1.5;}
.hol1 {width:100%; height: 150px; background-position: center; background-repeat: no-repeat;}
#sub03_2_2 p{margin-bottom: 0px;}
#sub03_2_2 span{margin-bottom: 20px;    margin-left: 25px;}

@media screen and (max-width: 2000px) {
    body { min-height:800px}
    .intro { background-image: url('../images/main2.jpg');}
    #mobile { display: none;} 
    #footer p { font-size:13px; color:#626262; line-height: 1.5;}
  }

@media screen and (min-width: 768px) and (max-width: 1199px) {
    body { min-height:800px}
    .intro { background-image: url('../images/main2.jpg');}
    .intro_sub .p-5 { padding: 1.9rem !important;}
    #left_menu { padding-right:50px;}
    #nav-menu { display: none;}
    #mobile { display: flex;}
    .left50{ width:75%}
    #cont1 {    background-size: auto;}
    .left75 { width:100%; float:left;}
    .left25 { display: none;}
    .tb_img{ width:100%}
    .li { padding:1px; font-size: 14px;}
    #footer p { font-size:13px; color:#626262; line-height: 1.5;}
  }
@media screen and (max-width: 767px) {
  body { min-height:800px; font-size:15px;}
  h6, .h6 { font-size:15px; font-weight: 300;}
  .mx-3 {
    margin-right: 0.5rem!important;
    margin-left: 0.5rem!important;}
  .container {padding:0 !important;}
  .container_col {flex-direction: column;padding:0 !important;}
  .container, .container_col .left33, .custom-slider, .left50, .box{ width:100% !important;padding:0 !important;}
 
  .intro { background-image: url('../images/main2.jpg');}
  .intro_sub .p-5 { padding: 3rem !important;}
  .intro_sub_bg {  background-color: #fff;}
  #introduction .mt-4{margin-top:0px !important;}
  .right20 {display:none}
  .left75 { width:100%; float:left;}
  .left75 .img { width:100% !important;}
  .left25 { display: none;}
  #left_menu { display: none;}
  #nav-menu { display: none;}
  .nav-link {padding: 0.5rem 0.5rem !important;}
  #footer .left25 { display: none;}
  #footer .left75 { width:100%;}
  #footer p { font-size:13px; color:#626262; line-height: 1.5;}
  #mobile { display: flex;}
  .only_full { display:none}
  .tb_img{ width:100%; text-align: left;}
  .li { padding:1px; font-size: 12px;}
  .li img{display: none;}
  #navbar a { padding-left:0}
  .left33 {padding:0}
  .table_text{    padding-left: 0px !important; flex-direction: column;}
  .left50{ width:100%}
  .img { width:100% !important;}
  #cont6 { flex-direction: column;}
  #con6_3 { width:100% !important}
  .img1000{ width:100% !important}
  #cont9, #cont8 { width:100% !important}
  .show { transition: NONE !important;}
  .hol1 { margin-bottom: 15px; background-position: left;     background-size: cover; width:300px !important;     margin: 10px auto;}
  }

ul li { font-weight: 400;
  font-size: 1rem;
  color: #000;}
 .clear{font-weight: 300; color: rgb(0, 0, 0);}
 .select{font-weight: 600; color: firebrick;}
 .small { font-size: 13px; font-weight:300;}
 .box { padding:10px; border-right:1px solid #cdcdcd;}
 .left { text-align: left;}
 .custom-slider {display: flex; overflow: hidden;}
 .sub_title { color:#6c757d;margin-bottom: 30px;}
 .sub_menu{ color: #6c757d; border-bottom: 1px solid #e9ecef;}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width:100%;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  /* border: 1px solid #ccc; */
  border-top: none;
}