@charset "UTF-8"; 
b { font-weight: 700; } 

 .naviv_ul { display: flex; height: 100%; margin-right: 7rem; } 
 .naviv_li { height: 100%; position: relative; } 
 .nav_a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 2rem; font-weight: 600; font-size:1.8rem } 
 .nav_a:hover { color: #0065A7; } 


.rang_btn { position: absolute; right: 4rem; } 
/*상단이미지부분*/
 .main_visual { background: url('../img/bg.jpg') no-repeat; background-size: cover; height: 70rem; background-color: #fff; } 
.v_txt { padding-top: 10rem; font-size: 2rem; color: #fff; } 
.v_txt .v_txt_tit { font-size: 3.8rem; font-weight: 700; margin-top: 5rem; } 
.v_txt.en { width: 80%; } 

.pd { padding-top:16rem; padding-bottom: 16rem; } 

.con_tit { font-size: 2rem; color:#6C757D; margin-bottom: 4rem; text-align: center; } 
h3 { font-size: 5rem; color: #000; font-weight: 700; } 

/*회사소개*/
#section1 { text-align: center; } 
#section1 .txt1 { font-size: 4rem; letter-spacing: -1px; } 
#section1 .txt2 { font-size: 2rem; margin-top: 2.8rem; margin-bottom:5.7rem; } 
#section1 .sect1_box { display: flex; gap:3rem; font-size: 1.8rem; text-align: left; margin-top: 10rem; } 
#section1 .sect1_box > li { } 
#section1 .sect1_box .tbox_wrap { position: relative; } 
#section1 .sect1_box > li:nth-child(2) { margin-top: 4rem; } 
#section1 .sect1_box .tbox { position: absolute; bottom: 0; left:0rem; width: 100%; padding:3rem; color:#fff; z-index: 2; } 

#section_en1 .txt1 { font-size: 3rem; width: 80%; margin: 3rem auto; font-weight: 600; } 
#section_en1 .txt2 { font-size: 1.8rem; width: 80%; margin: 0 auto; } 

/*주요거래사*/
#section2 { background-color: #F4F7FF; } 
.card { margin-bottom: 2rem; border:#e3e3e3 1px solid; overflow: hidden; } 
.card-header { background-color: #fff; padding: 3rem; display: flex; justify-content: space-between; border-bottom: 0px; align-items: center; } 
.company-ii { 
 display: flex; 
 } 
.card-desc { padding:0rem 3rem 3rem; } 
.card-logo { /* flex-basis:260px; */padding-right: 5rem; width: 260px; text-align: center; } 
.company-info { flex:1 1 auto } 
#section2 .btn { display: flex; align-items: center; padding-left: 2rem; padding-right: 2rem; justify-content: center; } 
.company-info .nation { font-size: 1.6rem; font-weight: 300; } 
.company-info .nation::before { content:'|'; color: #e3e3e3; padding-left: 1rem; padding-right: 1rem; } 
.card-desc-txt1 { background-color: #F4F7FF; padding: 1.8rem 3.5rem; border-radius: 0.8rem; align-items: center; } 

@keyframes fadeIn { 
 from { opacity: 0; transform: translateY(-5px); } 
 to { opacity: 1; transform: translateY(0); } 
 } 

 .btn .arrow { 
 display: inline-block; 
 transition: transform 0.3s ease; margin-left: 0.5rem; 
 } 

 .btn.active .arrow { 
 transform: rotate(180deg); 
 } 
.card h4 { font-size: 2.8rem; font-weight: 800; margin-bottom: 1.2rem; } 

ul.list_st01 li { 
 position: relative; 
 padding-left: 12px; 
 } 
ul.list_st01 li:before { 
 content: ""; 
 position: absolute; 
 width: 4px; 
 height: 4px; 
 background: #2196F3; 
 top: 4px; 
 left: 0; 
 } 

.itm_link { margin-top: 5rem; }
.itm_info_img { display: block; padding: 15rem 0rem; text-align: center; font-size: 4rem; font-weight: 700;  background-size: cover; color: #fff; text-shadow: 0 1px 8px rgba(0,0,0,0.2); background-position-x: center;     height: 100%; }
.business_txt1{font-size: 2rem; text-align: center; margin-bottom: 4rem;}
#section_en2 .col-6 {margin-bottom:3rem}
#section_en2{padding-bottom: 12rem;}
#section_en3{ background-color:#F4F7FF ;}
.pa_box{background-color: #fff; border-radius: 1rem; padding:1rem 0rem 3rem; text-align: center; font-size: 1.8rem; font-weight: 600;     height: 100%;}
.pa_box:hover{ box-shadow: 0 0px 10px rgba(50, 125, 196, 0.3);;}
.pa_box_wrap > div {margin-bottom: 3rem;}
.map_eng iframe{width: 100%;}
/*contact*/
.map_info { display: flex; font-size: 1.6rem; padding: 3.4rem 4rem; } 
.map_info dt { width:150px; flex-shrink: 0; } 
.map_info dd { display: flex; flex-wrap: wrap; } 
.map_info dd > p { margin-right: 4rem; } 

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) { 
 
 } 


/*반응형 max 992px lg*/
@media (max-width: 991.98px) { 
   .naviv_ul.en .nav_a{    padding: 0 0.5rem;}
 .pd { padding-top: 12rem; 
 padding-bottom: 12rem; } 
 #section1 .txt1 br { display: none; } 
 #section1 .txt1 { font-size:3rem; } 
 .v_txt.en{width: 100%;}

 
 } 




/*반응형 max 767px md*/
@media (max-width: 767.98px) { 
.container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm{padding-right: 8px;
    padding-left: 8px;}
    .row{    margin-right: -8px;
    margin-left: -8px;}
    .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1{    padding-right: 8px;
    padding-left: 8px;}
    #section_en2{padding-bottom:5rem ;}
	#section_en2 .col-6 {margin-bottom: 2rem;}
.itm_info_img{font-size: 2rem;         display: flex;
        align-items: center;
        justify-content: center;
        padding: 0rem;
        height: 150px;
       }
.itm_info_img .txt{ }
.pa_box_wrap > div{margin-bottom: 1.6rem;}

 .h_menu .con_wrap { display: block; height: auto; padding: 0rem; } 
 .h_menu { } 
 .naviv_ul { font-size: 1.4rem; padding-bottom: 0.8rem; padding-top: 0.8rem; justify-content: center; margin-left: -1.6rem; margin-right: -1.6rem; background-color: #0065A7; } 
 .nav_a { white-space: nowrap; color: #fff; font-size:1.4rem } 
 .nav_a:hover { color: #fff; } 
 h3 { font-size: 2.8rem; } 
 .con_tit { font-size: 1.5rem; margin-bottom: 1.8rem; } 


 #section1 .txt1 { font-size: 1.8rem; } 
 .v_txt_img { width:100px; } 

 .v_txt .v_txt_tit { font-size: 2rem; } 
 .v_txt .v_txt_tit_en { font-size: 2rem; } 
 .v_txt .v_txt_tit br { display: none; } 
 .v_txt.en { width: 100%; } 
 .v_txt.en .v_txt_tit { margin-top: 2rem; font-size: 1.8rem; } 
 .v_txt { font-size: 1.5rem; padding-top: 5rem; } 
 .main_visual { height: 350px; } 


 .pd { padding-top: 8rem; padding-bottom: 5rem; } 

 /*회사소개*/
#section1 .sect1_box { flex-direction: column; gap: 1rem; margin-top: 3rem; font-size: 1.5rem; } 
#section1 .txt2 { font-size: 1.6rem; } 
#section1 .sect1_box .tbox { padding: 2rem 3rem; } 
.tbox .fs_30 { font-size: 2.2rem; } 
#section1 .sect1_box > li:nth-child(2) { margin-top: 0rem; } 
#section_en1 .txt1{font-size:2rem ; width: 100%;}
#section_en1 .txt2{font-size: 1.6rem; width: 100%;}
.business_txt1{font-size: 1.65rem;}

/*주요거래사*/
.card { margin-bottom: 1rem; } 
 .card h4 { font-size: 2rem; } 
 .card-header { display: block; padding:2rem 1.5rem; } 
 .card-logo { width: auto; padding-right: 1rem; } 
.items { margin-bottom: 2rem; } 
.card-desc { padding: 1.5rem; } 
.company-ii { flex-direction: column; } 
.card-logo { text-align: center; margin-bottom: 3rem; } 
.card-desc-txt1 { padding: 1.5rem; } 
.card-desc-txt1 img { display: none; } 

/*contact*/
.map_info { display: block; padding: 2rem 0rem; } 
.map_info dt { margin-bottom: 1rem; } 
.map_info dd { display: block; } 

 
.rang_btn{top:0.7rem; right: 1.6rem;}
.rang_btn .btn-sm{ font-size: 1.3rem; height: 26px;}
.mm_img{width:200px ;}
} 
/*반응형 max 576px sm*/
@media (max-width: 575.98px) { 
     .pd { padding-top: 7rem; padding-bottom: 4rem; } 
     .naviv_ul.en .nav_a{padding:0rem 1rem;}
     
 
 } 

@media (max-width:360px) { 
     h3 { font-size: 2.4rem; } 
  .naviv_ul.en .nav_a{padding:0.1rem 1rem; font-size: 1.2rem;}
 }