@import url('sub_en.css'); 


/**** S:: 회사소개 ****/
.about_cont{display: flex; justify-content: space-between;}
.about_cont > div{box-sizing:border-box; width: calc(50% - 40px);}
.about_cont .img_area{position: relative;}
.about_cont .img_area::before{content:''; display: block; width: 100px; height: 126px; background:url('/img/about_ci.png') no-repeat center/contain; position: absolute; left:50px; top:-58px; z-index: 5;}
.about_cont .img_area img{max-width:100%; height: auto; border-radius:var(--borderR20);}
.about_cont .txt_area{display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.about_cont .txt_area .fs30{font-weight: 300;}
.about_cont .txt_area .fs30 b{display: inline; font-weight:700; line-height: inherit;}
.about_cont .txt_area .fs18{padding: 30px 0 0;}
.about_cont .txt_area .fs18 + .fs18{padding: 35px 0 0;}

.about_cont .about_list{padding: 60px 0 0; width: 100%;}
.about_cont .about_list dl{border-radius:var(--borderR10); background:var(--grayBg); padding: 20px 30px; display: flex; align-items:center; justify-content: space-between; gap:0 30px; box-sizing:border-box;}
.about_cont .about_list dl + dl{margin-top: 10px;}
.about_cont .about_list dl dt{display: flex; align-items:center; gap:0 20px;}
.about_cont .about_list dl dt .fs16{}
.about_cont .about_list dl dt .eng{font-weight: 700; color:var(--black); position: relative;}
.about_cont .about_list dl dt .eng::before{display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; font-family:var(--icon); color:var(--main); font-weight: 400; width: 24px; height: 24px; line-height: 24px; font-size:24px;}
.about_cont .about_list dl.Since dt .eng::before{content:'\f1d0';}
.about_cont .about_list dl.exhibitions dt .eng::before{content:''; background:url('/img/exhibitions_icon.png') no-repeat center/contain;}
.about_cont .about_list dl.countries dt .eng::before{content:'\f35d';}
/* .about_cont .about_list dl dt .eng::after{content:''; display: block; width: 1px; height: 8px; background:var(--border); position: absolute; right: -10px; top:50%; margin-top: -4px;} */
.about_cont .about_list dl dd{display: flex; align-items:center;}
.about_cont .about_list dl dd .odometer_txt{font-size:46px; font-weight: 700; color:var(--black); font-family:var(--kor); line-height: 100%;}
.about_cont .about_list dl dd .odometer_txt p{display: inline-block; font-size:inherit; font-weight: inherit; color:inherit; font-family:inherit; line-height:inherit;}
.about_cont .about_list dl dd .odometer,
.about_cont .about_list dl dd .odometer *{font-size:inherit; font-weight: inherit; color:inherit; font-family:inherit; line-height:inherit;}
.about_cont .about_list dl dd .odometer-formatting-mark{display: none !important;}
/**** E:: 회사소개 ****/



/**** S:: 전시회소식 ****/
.new_banner{padding: 140px 0 100px; background:url('/img/news_bg.jpg') no-repeat center/cover;}
.new_banner h4{display: inline-block; font-size:2.222rem; font-weight: 700; color:var(--white); line-height: 130%; position: relative; margin: 0 0 20px;}
.new_banner h4::after{content:''; display: block; width: 62px; height: 46px; background:url('/img/new_icon.png') no-repeat center/contain; position: absolute; right: -45px; top:-40px;}
.new_banner .new_box{border-radius: var(--borderR20); border: 1px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.13); backdrop-filter: blur(10px); box-sizing:border-box; padding: 20px 15px 20px 30px;}
.new_banner .new_box ul{display: flex; flex-wrap:wrap; box-sizing:border-box; padding: 0 15px 0 0; max-height:270px; overflow-y: auto;}
.new_banner .new_box ul li{width: 33.33%; border-bottom: 1px solid rgba(255,255,255,.2);}
.new_banner .new_box ul li a{display: flex; gap:15px; width: 100%; align-items:center; box-sizing:border-box; padding: 20px 20px 20px 0;} 
.new_banner .new_box ul li a .national{max-width:50px; aspect-ratio:1/1; overflow: hidden;}
.new_banner .new_box ul li a .national img{display: block; width: 100%; height: 100%; object-fit:contain;}
.new_banner .new_box ul li a .text{width: calc(100% - 65px);}
.new_banner .new_box ul li a .text h5{font-weight: 700; color:var(--white); line-height: 120%; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.new_banner .new_box ul li a .text p{margin: 5px 0 0; font-weight: 600; line-height: 120%; color:rgba(255,255,255,.7); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}

.new_banner .new_box ul::-webkit-scrollbar {width: 3px;}
.new_banner .new_box ul::-webkit-scrollbar-thumb {height: 30%; background: var(--white);  border-radius: 10px;}
.new_banner .new_box ul::-webkit-scrollbar-track {background: rgba(255,255,255, .2);}
/**** E:: 전시회소식 ****/



/**** S:: 오시는길 ****/
.location_box{border:1px solid var(--border); border-radius:var(--borderR20); overflow: hidden;}
.location_map {width: 100%; height: 500px;}
.location_box iframe {width: 100%; height: 100%;}

.location_txt{box-sizing:border-box; position:relative; padding:50px 300px 50px 50px; background:var(--grayBg);}
.location_txt::before{content:''; display: block; width: 100%; height: 100%; box-sizing:border-box; position: absolute; left:0; top:0;  background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid transparent; border-image: linear-gradient(145deg , rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 100%) 1;}
.location_txt > *{position: relative; z-index: 2;}
.location_txt h4{color:var(--black); font-weight: 700;}
.location_txt h4 b{display: inline; font-weight: inherit; line-height: inherit; color:var(--main);}
.location_info{display: flex; flex-wrap:wrap; gap:10px 40px; padding: 20px 0 0;}
.location_info dl{display: flex; gap:0 10px;}
.location_info dl dt{display: flex; align-items:center; gap:0 10px; font-size:1rem; font-weight: 600; color:var(--black); line-height: 140%;}
.location_info dl dt::before{display: inline-block; width: 45px; height: 45px; line-height: 45px; font-size:24px; text-align:center; color:var(--main); border-radius:50%; background:var(--white); font-family:var(--icon); font-weight: 400;}
.location_info dl.address dt::before{content:'\e0c8';}
.location_info dl.tel dt::before{content:'\e0b0';}
.location_info dl.fax dt::before{content:'\e8ad';}
.location_info dl dd{font-size:1rem; font-weight: 400; color:var(--basic); line-height: 140%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}

.location_btn{position: absolute; right: 50px; top: 50px; display: flex; gap:10px;}
.location_btn a{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 120px; font-size:0.889rem; font-weight: 600; color:var(--white); text-align:center; transition:all .3s linear;}
.location_btn a img{width: 28px; height: auto; margin: 0 auto 8px; display: block;}

.location_btn a.google_btn{background:#4285f4;}
.location_btn a.google_btn:hover{background:#3367d6;}
/**** E:: 오시는길 ****/



/*******************************************************************************
    @media 1710px
*******************************************************************************/
@media all and (max-width:1710px){




}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){



}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){



}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/**** S:: 회사소개 ****/
.about_cont{}
.about_cont > div{width: calc(50% - 20px);}
.about_cont .img_area{}
.about_cont .img_area::before{width: 60px; height: 76px; left:30px; top:-38px;}
.about_cont .txt_area{}
.about_cont .txt_area .fs18{padding: 20px 0 0;}
.about_cont .txt_area .fs18 + .fs18{padding: 25px 0 0;}

.about_cont .about_list{padding: 40px 0 0;}
.about_cont .about_list dl{padding: 15px 20px; gap:0 10px;}
.about_cont .about_list dl dd .odometer_txt{font-size:30px;}
/**** E:: 회사소개 ****/

/**** S:: 전시회소식 ****/
.new_banner{padding: 100px 0 60px;}
.new_banner h4{font-size:1.944rem;}
.new_banner .new_box ul li{width: 50%;}
/**** E:: 전시회소식 ****/


/**** S:: 오시는길 ****/
.location_map{}
.location_map {height: 400px;}
.location_txt{padding:30px;}

.location_btn{right: 20px; top:-120px; z-index: 99;}
.location_btn a{width: 100px; height: 100px;}
.location_btn a img{width: 20px; height: auto; margin: 0 auto 8px;}
/**** E:: 오시는길 ****/

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/**** S:: 회사소개 ****/
.about_cont{flex-wrap:wrap; gap:30px;}
.about_cont > div{width: 100%;}
.about_cont .img_area{}
.about_cont .img_area::before{width: 40px; height: 50px; left:20px; top:-25px;}
.about_cont .img_area img{border-radius:var(--borderR10);}
.about_cont .txt_area{}
.about_cont .txt_area .fs18{padding: 10px 0 0;}
.about_cont .txt_area .fs18 + .fs18{padding: 15px 0 0;}

.about_cont .about_list{padding: 20px 0 0;}
.about_cont .about_list dl{padding: 15px;}
.about_cont .about_list dl + dl{margin-top: 5px;}
.about_cont .about_list dl dt .eng::before{margin: -2px 7px 0 0; width: 20px; height: 20px; line-height: 20px; font-size:20px;}
.about_cont .about_list dl dd .odometer_txt{font-size:25px;}

/**** E:: 회사소개 ****/


/**** S:: 전시회소식 ****/
.new_banner{padding: 80px 0 40px;}
.new_banner h4{font-size:1.444rem; margin: 0 0 10px;}
.new_banner h4::after{width:40px; height: 30px; right: -25px; top:-30px;}
.new_banner .new_box{border-radius: var(--borderR10); padding: 10px 10px 10px 20px;}
.new_banner .new_box ul{padding: 0 10px 0 0; max-height:170px;}
.new_banner .new_box ul li{width: 100%;}
.new_banner .new_box ul li a{gap:10px; padding: 10px 10px 10px 0;} 
.new_banner .new_box ul li a .national{max-width:35px;}
.new_banner .new_box ul li a .text{width: calc(100% - 45px);}
.new_banner .new_box ul li a .text h5{}
.new_banner .new_box ul li a .text p{margin:1px 0 0;}
/**** E:: 전시회소식 ****/

/**** S:: 오시는길 ****/
.location_box{border-radius:var(--borderR10);}
.location_map {height: 300px;}
.location_txt{padding:20px;}
.location_info{gap:8px 30px; padding: 15px 0 0;}
.location_info dl{gap:0 10px; width: 100%;}
.location_info dl dt{gap:0 8px;}
.location_info dl dt::before{width: 30px; height: 30px; line-height: 30px; font-size:16px;}
.location_info dl dd{width: calc(100% - 75px);}

.location_btn{right: 10px; bottom: auto; top:-85px; gap:5px;}
.location_btn a{width: 75px; height: 75px;}
.location_btn a img{width: 16px; height: auto; margin: 0 auto 5px;}
/**** E:: 오시는길 ****/



}