/*공통*/
.logo{ background:url(/img/logo_b.png) 0 50% no-repeat; background-size:100% auto}
#ft{margin-top:100px}
.gnb_1da{color:#1e1e1e !important}
#hd{background:white}
#hd .bt_menu {
        color: #1e1e1e;
    }
	
img{max-width:100%}	
.slogan{text-align:center; margin:150px 0 0 0; text-align:center}
.slogan span{ font-size:1.6em; color:#004994}
.slogan h2{font-size:6.1em; margin:20px 0 12px 0; word-break:keep-all}
.slogan p{font-size:1.5em; color:#666; word-break:keep-all}
.wrap_nav{width:83%; margin:40px auto 28px auto; display:flex; align-items:center; justify-content:flex-end}
.wrap_nav .nav{display:flex; align-items:center; justify-content:flex-end; gap:54px; font-size:1.5em}
.wrap_nav .nav span{display:flex; align-items:flex-start; justify-content:flex-end; gap:36px; color:#777; position:relative; padding-right:20px}
.wrap_nav .nav span ul{display:none; position:absolute; padding:20px; line-height:2; left:50%; top:20px; transform:translate(-50%, 0); white-space:nowrap; z-index: 1;
    background: white; box-shadow:0px 8px 20px 0px rgba(0, 0, 0, 0.08); width:167px  }
.wrap_nav .nav span ul a{color:#777; font-size:0.9em; display:block; width:100%}	
.wrap_nav .nav span ul a:hover{color:#004994}
.wrap_nav .nav span:hover ul{display:block}
.wrap_nav .nav span img{position:absolute; right:0; top:50%; transform:translate(0, -50%)}
.vis{display:flex; align-items:flex-start; justify-content:center; background:url(../img/bg_m0101.png) 50% 50% no-repeat; height:315px; margin:0 0 105px 0; background-size:cover}
.vis2{ background:url(../img/bg_m02.png) 50% 50% no-repeat; background-size:cover}
.vis3{ background:url(../img/bg_m03.png) 50% 50% no-repeat; background-size:cover}
.vis4{ background:url(../img/bg_m04.png) 50% 50% no-repeat; background-size:cover}
.vis5{ background:url(../img/bg_m05.png) 50% 50% no-repeat; background-size:cover}
.vis6{ background:url(../img/bg_m06.png) 50% 70% no-repeat; background-size:cover}
.vis ul{display:flex; align-items:flex-start; justify-content:center; width:100%; gap:42px }
.vis .left{background:#fff; display:flex; align-items:center; justify-content:center; border-radius:0 0 35px 35px; width:52%; gap:42px}
.vis .active{box-shadow:15px 15px 20px rgba(0, 0, 0, 0.2); position:fixed; left:0; top:107px; width:100%; border-top:1px solid rgba(0,0,0,.2); border-radius:0 0 0 0; z-index:10000}
.vis .left a{padding:30px 0; font-size:1.5em; color:#777; position:relative; padding-bottom:15px; margin-bottom:15px; display:block; text-align:center}
.vis .left a:hover, .vis .left .on{ color:#004994}
.wrapper2{width:83%; margin:0 auto}
.wrapper2 .product{display:flex; justify-content:space-between; gap:96px; margin:0 0 105px 0}
.wrapper2 .product .img{width:65%; position:relative; height:393px; display:flex; align-items:flex-start; justify-content:center;     border: 1px solid #999;
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.2);}
.wrapper2 .product .img img{max-height:95%; max-width:95%}
.wrapper2 .product .txt{width:calc(35% - 96px); position:relative;  }
.wrapper2 .product .txt .title h2{font-size:4.4em; font-weight:500; margin:6px 0 30px 0}
.wrapper2 .product .txt .title span{display:block; font-size:1.55em}
.wrapper2 .product .txt a{ border:1px solid #000; width:100%; box-sizing:border-box; padding:0 27px; color:#777; height:48px; display:flex; align-items:center; font-size: 1.5em;
    text-align: left;
    justify-content: space-between;}
.wrapper2 .product .txt p{font-size:1.6em}
.wrapper2 .product .wrap_bt{ position:absolute; left:0; bottom:0; gap:15px; display:flex; flex-wrap:wrap; width:227px}
.dropdown .dropbtn, .column, .column h3, .column a, .row a{color:#1e1e1e !important}
.column a:hover, .row a:hover{color: #004994 !important;}
.dropdown-content{background:white}
#bt_search, #hd:hover #bt_search, #bt_search:hover{background:url(/img/icon1_b.png) 50% 50% no-repeat}
.bt_mem, #hd:hover .bt_mem, .bt_mem:hover{background:url(/img/icon2_b.png) 50% 50% no-repeat}
.bt_lang, #hd:hover .bt_lang, .bt_lang:hover{background:url(/img/icon3_b.png) 50% 50% no-repeat}

.wrap_m01 .product .txt{ width: calc(20% - 96px);}
.wrap_m01 .product .img{ width:80%; box-shadow:none; border:0; height:auto}
.wrap_m01 .product .introduce{ background:rgba(173,173,173,.2); text-align:left; display:block; box-sizing:border-box; padding:45px}
.wrap_m01 .product .introduce h2{font-size:30px; line-height:49px; font-weight:500; word-break:keep-all; margin:45px 0}
.wrap_m01 .product .introduce p{font-size:20px; line-height:22px; font-weight:700; margin:162px 0; width:658px; text-align:justify}
.wrap_m01 .product .wrap_card{display:flex; flex-wrap:wrap; justify-content:space-between; display: flex;
    flex-wrap: wrap;
    align-content: space-between; gap:50px}
.wrap_m01 .product .wrap_card a, .wrap_m01022 .product .card{width:calc(50% - 25px); border-radius:30px; overflow:hidden; position:relative
 }
.wrap_m01 .product .wrap_card .card, .gogo_list .card{width:100%; padding:45px; height:459px; display:flex; flex-wrap:wrap; align-content:space-between; position:relative; color:white}
.wrap_m01 .product .wrap_card .card h2 span{ font-size:18px; line-height:22px; font-weight:700; margin:0 0 7px 0; display:block}
.wrap_m01 .product .wrap_card .card h2{font-size:50px; line-height:1; font-weight:500}
.wrap_m01 .product .wrap_card .card p{font-size:18px; line-height:22px; font-weight:400; text-align:justify; word-break:keep-all}
.ul_product2{width:100%}
#fregisterform, .register{margin:200px auto}
.social_register, .member_connect{margin:0 auto; width:83%; margin-top:200px; font-size:18px}
.member_connect button:hover, .member_connect button{ background:var(--color1); border-color:var(--color1)}
.social_register #fregisterform{ margin-bottom:0}
.member_connect{ font-size:18px; margin-top:50px; 
    display: flex;
    align-items: center;
    justify-content: space-between;}
.member_connect::after{display:none}	
.member_connect .strong{ margin-bottom:0}

.subtitle, #tab-menu .menu_panel .panel .subtitle{font-size:var(--subtitle) !important; margin:0 0 30px 0}

.wrap_m01 #sec2 .wrap_card a:nth-child(1)::after{background:url(/img/product1.png) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}
.wrap_m01 #sec2 .wrap_card a:nth-child(2)::after{background:url(/img/product2.png) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}
.wrap_m01 #sec2 .wrap_card a:nth-child(3)::after{background:url(/img/product3.png) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}
.wrap_m01 #sec2 .wrap_card a:nth-child(4)::after{background:url(/img/product4.png) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}
.wrap_m01 #sec2 .wrap_card a:nth-child(5)::after{background:url(/img/product5.png) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}
.wrap_m01 #sec2 .wrap_card a:nth-child(6)::after{background:url(/img/product6.png) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}

/*게시판*/
#bo_cate a{ border-color:var(--main-color) !important; color:var(--main-color) !important}
#bo_cate #bo_cate_on{ background:var(--main-color) !important; border-color:var(--main-color) !important; box-shadow:none !important; color:white !important}
.ul_product2 li .bt_more:hover, .wrap_m0201_new .bt_more:hover{ background:var(--main-color) !important; color:white}
.ul_product2 li h2{font-size:var(--subtitle)}
.menu_panel .active1{ padding-top:150px !important}

/*게시판 type1*/
#bo_cate a {
	
    display: block;
    line-height: 28px;
    padding: 5px 15px;
    border-radius: 30px;
}
#bo_gall .gall_box .txt p{}
.ul_product2 li{ display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden; border-top:0; border-right:0; font-size:25px; width:calc(50% - 25px)}
#bo_v_con .wrap_bt a:hover{background:var(--main-color); color:white}
.ul_product2 li a:hover .txt h2{ color:var(--main-color)}

/*시험평가*/
.wrap_m0102 .product .newintro{height:700px !important}
.wrap_m0102 .product .wrap_card a:nth-child(2)::before, .wrap_m0102 .product .wrap_card a:nth-child(3)::before, .wrap_m0102 .product .wrap_card a:nth-child(4)::before, .wrap_m0102 .product .wrap_card a:nth-child(5)::before{content:''; position:absolute; width:100%; height:100%; z-index:-1; top:0; left:0; background:rgba(0,0,0,.5)}
.wrap_m0102 .product .wrap_card a:nth-child(1)::after{ background:url(/img/bg_gogolist.png) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}
.wrap_m0102 .product .wrap_card a:nth-child(2)::after{ background:url(/img/bg_testing_list.jpg) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}
.wrap_m0102 .product .wrap_card a:nth-child(3)::after{ background:url(/img/bg_m0102_1.jpg) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}
.wrap_m0102 .product .wrap_card a:nth-child(4)::after{ background:url(/img/bg_m0102_2.png) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}
.wrap_m0102 .product .wrap_card a:nth-child(5)::after{ background:url(/img/bg_m0102_3.png) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}
.wrap_m0102 .product .wrap_card a:nth-child(6)::after{ background:url(/img/bg_m0102_4.png) 50% 50% no-repeat; background-size:cover; content:''; position:absolute; width:100%; height:100%; z-index:-2; top:0; left:0}

/*시편전처리*/
.ul_product2 li .wrap_bt{width:calc(50% - 30px)}
.ul_product2 li .wrap_bt {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
  
   
    font-weight: 500;
  
    font-size: 16px;
   
    color: #333; display:flex; flex-wrap:wrap; gap:10px
}
.ul_product2 li .wrap_bt .bt_more:after {
    position: absolute;
    right: 10px;
    content: "\f178";
    font: normal normal normal 14px / 1 FontAwesome;
}
.ul_product2 li .wrap_bt .bt_more{ position:relative; width:100%}

/*관련장비*/
#bo_v .ul_product2{width:100% !important; margin:0 0 0 0 !important; justify-content:flex-start !important}
#bo_v .ul_product2 li span{display:none !important}
#bo_v .ul_product2 li h2{
    bottom: 0 ;
    white-space: nowrap;
    top: auto !important;
    color: #333 !important;
    background: none !important;
    font-size: 18px !important;
    overflow: hidden;
    text-overflow: ellipsis; height:auto !important}
#bo_v .ul_product2{display:flex; flex-wrap:wrap; gap:50px; width:100%; justify-content:space-between }
#bo_v .ul_product2 li{ display:flex; justify-content:center; align-items:center; position:relative; overflow:hidden; border-top:0; border-right:0; font-size:25px; width:calc(50% - 25px)}
#bo_v .ul_product2 li a{/*border: 1px solid rgba(256, 256, 256, .1);*/
    display: flex;
    width: 100%;
    height: 100%; gap:30px; justify-content:space-between}
.ul_product2 li a .txt p {
    font-size: 16px;
    margin: 20px 0 0 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #333;
}
#bo_v .ul_product2 li a:hover, #bo_v .ul_product2 li a:hover h2{ color:var(--main-color) !important}
.ul_product2 li .bt_more{height:auto; width:100%; border:1px solid #333; font-weight:500; padding-right:70px; color:#333}	
#bo_v .ul_product2 li .bt_more:hover{color:#fff !important; background:var(--color1)}
#bo_v .ul_product2 li span{position:absolute; left:0; top:0; padding:10px; 
    color: white;
    background:#cb282e;
    z-index:2; 
    font-weight: 200;
    font-size: 16px; display:none}

#bo_v .ul_product2 li img{max-width:100%; max-height:100%; width:50%; aspect-ratio:1/1; border:1px solid #ccc}
#bo_v .ul_product2 li h2{left:0; top:0; z-index:1;display:block; align-items:center;transition:all 0.3s ease 0s; padding:100px 0 0 0; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
#bo_v .ul_product2 li:hover h2{top:100%}
#bo_v .ul_product2 li .no_image{background:none; width:100%; height:100%; display:flex; justify-content:center; align-items:center }
#bo_v .ul_product2 li a .txt{width:calc(50% - 30px)}	
.newsection1 .product .bt_more, .newsection3 .bt_more, .newsection4 .bt_more, .bt_more {
    font-size: 16px;
    color: #333;
    border: 1px solid #333;
    padding: 10px;
    padding-right: 40px;
    position: relative;
    display: flex;
    align-items: center;
    width: 170px;
    background: none;
}
.wrap_m0101{margin-bottom:100px}
/*시험평가*/
.wrap_m0102 .wrap_introduce, .wrap_m01 .wrap_introduce{ width:80%}
.wrap_m0102 .wrap_introduce .introduce, .wrap_m01 .wrap_introduce .introduce{width:100%; margin-top:50px}
.wrap_m0102 .wrap_introduce h2, .wrap_m01 .wrap_introduce h2{font-weight:500; font-size:30px; margin:0 0 40px 0; word-break:keep-all}
.wrap_m0102 .wrap_introduce p, .wrap_m01 .wrap_introduce p{ font-weight:400; font-size:20px; }

.wrap_m0102 .product .wrap_card .card p{width:100%}

.wrap_m0102 .product .introduce, .wrap_m01 .product .introduce{background:none; height:700px}
.wrap_m01 .product .introduce{height:auto}
.wrap_m0102 .product .introduce .title2, .wrap_m01 .product .introduce .title2{ font-size:70px; font-weight:700}
.wrap_m0102 .product .introduce p, .wrap_m01 .product .introduce p{width:100%; margin:0 0; font-weight:400}

.wrap_m0102 .product .wrap_card .gogo_list, .wrap_m0102 .product .wrap_card .gogo_list .card, .gogo_list{width:100%}
.wrap_m0102 .product .wrap_card .gogo_list{ background:url(/img/bg_gogolist.png) 50% 50% no-repeat; background-size:cover; margin:0 0 87px 0; border-radius:30px}
.wrap_m0102 .product .wrap_card .gogo_list .card{ background:rgba(256,256,256,.7); margin:0 0 0 0; width:100% !important; color:#000}
.wrap_m0102 .product .wrap_card .card {
    width: 100%; border-radius:30px; background:rgba(0,0,0,.3)
}
.wrap_m0102 .product .introduce, .wrap_m01 .product .introduce{ color:white; display:flex; flex-wrap:wrap; align-content:space-between; justify-content:flex-start; position:relative; gap:200px; border-radius:30px; overflow:hidden}
.wrap_m0102 .product .introduce::before, .wrap_m01 .product .introduce::before, .wrap_m01 .product .wrap_card .card::before{ content:''; position:absolute; width:100%; height:50%; left:0; top:0; background:linear-gradient(
180deg, black, transparent); z-index:-1}
.wrap_m0102 .product .introduce::after, .wrap_m01 .product .introduce::after, .wrap_m01 .product .wrap_card .card::after{content:''; position:absolute; width:100%; height:50%; left:0; bottom:0; background:linear-gradient(
180deg, transparent, black); z-index:-1}
.wrap_m0102 .product .introduce .bg, .wrap_m01 .product .introduce .bg{ background:url(/img/bg_introduce.png) 50% 50% no-repeat; background-size:cover; position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-2}
.wrap_m01 .product .introduce2 .bg{ background:url(/img/bg_introduce1.png) 50% 50% no-repeat; background-size:cover}

.wrap_m0102 .product .wrap_card .wrap_col3 .card::before, .wrap_m0102 .product .wrap_card .wrap_col3 .card::after{ display:none}
.wrap_m0102 .product .wrap_card .wrap_col3 .card{border:1px solid rgba(0, 0, 0, .3); height:auto; display:flex; justify-content:center; align-content:center; background:none}
.wrap_m0102 #section3 .wrap_card .gogo_list{margin-bottom:0}
.wrap_m0102 #section3 .wrap_card .gogo_list{ background:url(/img/si3.jpg) 50% 50% no-repeat; background-size:cover; border-radius:30px}
.wrap_m0102 #section3 .wrap_card .gogo_list .card{background:linear-gradient(to bottom, #000, transparent , #000); color:white}


/*항공용 패스너*/
.ul_product2 li a .img{ width:50%; padding:10px; border:1px solid #ccc; display:flex; justify-content:center; align-items:center; min-height:357px}
.ul_product2 li a .img img{border:0; aspect-ratio:auto}
.ul_product2 li a{height:354px}
.wrap_m0401, #container{margin-bottom:100px}

/*연혁*/
.history_area {
	position: relative; width:100%; overflow:hidden
}
.history_area:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 70px;
	width: 1px;
	background-color: #ddd
}
.history_area .round_txt {
	position: relative;
	width: 120px;
	height: 120px;
	padding-top: 27px;
	margin: 70px auto 60px auto;
	line-height: 22px;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	color: #fff;
	background-color: #253981;
	border-radius: 50%
}
.history > li {
	position: relative
}
.history > li + li {
	margin-top: 10px
}
.history > li:before {
	content: '';
	position: absolute;
	top: 11px;
	left: 50%;
	display: block;
	width: 15px;
	height: 15px;
	margin-left: -7px;
	background-color: var(--color1);
	border-radius: 100%
}
.history > li.type1 {
	padding-right: 54%;
	text-align: right
}
.history > li.type2 {
	padding-left: 54%;
	text-align: left
}
.history .year {
	font-size: 28px;
	font-weight: 600; color:var(--color1)
}
.history > li > ul {
	margin-top: 20px
}
.history > li > ul > li {
	position: relative;
	font-size: 18px;
	line-height: 35px
}
.history > li > ul > li span {
	padding-right: 13px; color:var(--color1)
}
.history > li.type1 > ul > li {
	padding-right: 0
}
.history > li.type1 > ul > li{width:100%; display:flex; gap:13px; flex-direction: row-reverse;}
.history > li.type1 > ul > li span{position:relative; padding-right:0}

.location{background:none; max-width:1500px; width:100%; margin:0 auto; display:flex; justify-content:center; align-items:center; text-align:left; gap:50px; padding-bottom:0}
.location .con2 h2{font-size:24px; margin:10px 0}
.location img{width:100%; margin:0 0 20px 0}
.location .con2 p{padding:0 0 0 15px; position:relative; font-size:18px}
.location .con2 {
    width: calc(50% - 20px);
}
.location .con2 p:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #666;
    left: 0;
    top: 8px;
}
.wrap_m0104{max-width:1500px; margin:0 auto; font-size:18px}
.wrap_m0104 h2{ text-align:center; font-size:35px; margin:0 0 30px 0}
.wrap_m0104 .justify{border:10px solid #eee; padding:30px; word-break:keep-all; margin:0 0 20px 0}
.wrap_m0104 li{display:flex; padding:10px 0; line-height:2}
.wrap_m0104 li span{padding:0 5px}
.wrap_m0104 .date{text-align:center; margin:30px 0 0 0}
.wrap_m0104 .sign{text-align:center; margin:30px; font-size:25px; font-weight:600}

.wrap_m0103 .product .introduce .title2{color:transparent}
.wrap_m0103 .product .introduce .bg {
    background: url(/img/bg_m0103.png) 50% 50% no-repeat;
    background-size: cover;}
.wrap_m0103 .product .wrap_card .gogo_list{margin:0 0 0 0}	
.wrap_m0103 .product .wrap_card .gogo_list .card {
    background: rgba(256, 256, 256, .5);}
.wrap_m0103 .product .wrap_card .gogo_list:nth-child(1) {
    background: url(/img/bg_gogolist1.png) 50% 50% no-repeat #e2ecf5;
    background-size: auto 100%;}
.wrap_m0103 .product .wrap_card .gogo_list:nth-child(2) {
    background: url(/img/bg_gogolist2.png) 50% 50% no-repeat #e2ecf5;
    background-size: auto 100%;}
.wrap_sub010301 .product .img{font-size:18px; word-break:keep-all; flex-wrap:wrap}
.product p{word-break:keep-all}	
.wrap_sub010301 .gogo_list .card{ color:#000}
.wrap_sub010301  .product .img .gogo_list img{border-radius: 30px; width:100%; max-height:none; max-width:none; margin:50px 0 0 0}
.newtype{display:flex; gap:50px; background:none !important}
.wrap_m0102 .product .wrap_card .newtype .card{padding:0 !important; width:60% !important; height:auto !important}
.newtype .card img{margin:0 0 0 0 !important}
.wrap_m0102 .product .wrap_card .newtype .txt{ width:calc(40% - 50px)}
.wrap_m0102 .product .wrap_card .newtype .txt h2, .wrap_sub010301 .product .img h2{font-size:25px; font-weight:700; margin:0 0 30px 0}
.wrap_m0102 .product .wrap_card .newtype .txt p{font-size:20px; font-weight:500; margin:0 0 10px 0}

.wrap_m0401 .bt_more::after {
    position: absolute;
    right: 10px;
    content: "\f178";
    font: normal normal normal 14px / 1 FontAwesome;
}

/*회사개요*/
.wrap_mission{word-break:keep-all; text-align:center; line-height:1.5}
.wrap_mission .section1{gap:50px; display:flex; flex-wrap:wrap}
.wrap_mission .section1, .wrap_mission .section2, .wrap_mission .section3{background:none; justify-content:center}
.wrap_mission h2, .wrap_mission h3, .wrap_mission .section3{display:block}
.wrap_mission .section1 h3{font-size:24px; color:#333; margin:0 auto 30px auto; letter-spacing:-1px}
.wrap_mission .section1 h2, .wrap_mission .section3 h2, .wrap_mission .section2 h2{font-size:40px; color:#222; margin:0 auto 30px auto; letter-spacing:-1px; width:100%}
.wrap_mission .section1 p, .wrap_mission .section3 p{font-size:18px; color:#666; word-break:keep-all}
.wrap_mission .section2{color:#fff; background:url(/img/bg_m0501.png) right 30% no-repeat; background-size:cover; height:400px}
.wrap_mission .section2 p{opacity:0.5}
.wrap_mission .section2 h2{color:#fff}
.wrap_mission .section1, .wrap_mission .section2, .wrap_mission .section3{padding:100px 0; flex-wrap:wrap; max-width:1500px; margin:0 auto; height:auto}
.wrap_mission .section2{max-width:100%}
.wrap_mission .section1 h2 span{ color:var(--color1); font-size:40px}
.wrap_mission .section3 li p{margin:0 0 0 0}
.wrap_mission .section3 p{margin:0 0 50px 0}
.wrap_mission .section2 li h2, .wrap_mission .section3 li h2{font-size:28px; margin:0 0 10px 0}
.wrap_mission .section2 ul, .wrap_mission .section3 ul{    display: flex;
    justify-content: center;
    gap: 20px;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;}
.wrap_mission .section2 li{width:calc(25% - 20px); 
    padding: 20px;
    border: 1px solid rgba(256, 256, 256, .4);}	
.wrap_mission .section3 ul{margin:0 auto 50px auto}	
.wrap_mission .section3 ul li{text-align:center;     
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
  
   width:33%; padding:50px 0; position:relative; overflow:hidden; border:1px solid #ccc; padding-top:0
}
.wrap_mission .section3 ul li img{width:100%; margin:0 0 50px 0}
.wrap_mission .section3 ul li h2, .wrap_mission .section3 ul li p{width:100%}
.wrap_map2 {
    width: 100%;
    border-top: 1px solid #ddd;
    height: 715px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    background: url(/img/map2.png) 50% 50% no-repeat #f5f4f2;
    border-bottom: 1px solid #ddd;
}
.wrap_mission .section1 .bt_down:hover {
    color: white;
    background: var(--color1);
    border: 1px solid var(--color1);
}

.wrap_mission .section1 .bt_down {
    font-size: 16px;
    color: #333;
    border: 1px solid #333;
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
#tab-menu .menu_panel .panel iframe {
    width: 100% !important;
    height: 800px !important;
}
.wrap_m0501{ width:83%; margin:0 auto}
.wrap_m0501 p{word-break:keep-all}
.wrap_m0501 .title{font-size:60px; font-weight:500; width:20%}
.wrap_m0501 .txt{width:80%}
.wrap_m0501 .sec01{margin-bottom:170px; margin-top:170px}
.wrap_m0501 .img img{max-width:100%}
.wrap_m0501 .sec01, .wrap_m0501 .sec02{display:flex; gap:108px; padding:0 0 0 0; background:none}
.wrap_m0501 .sec01 .slogan{font-size:60px; font-weight:500; margin:0 0 0 0; text-align:left}
.wrap_m0501 .sec01 .ul_icon{width:100%; display:flex; text-align:center; justify-content:space-between; font-weight:700; font-size:25px; margin:140px 0 70px 0 }
.wrap_m0501 .sec01 .ul_icon li{list-style:none}
.wrap_m0501 .sec01 .ul_icon li img{height:170px; margin:50px auto}
.wrap_m0501 .sec01 .ul_icon li h3{font-size:30px; font-weight:700; color:#1b3659}
.wrap_m0501 .sec01 .ul_icon li p{ font-size:18px; font-weight:400; color:#6e6e6e}
.wrap_m0501 .sec01 .ul_table{border-top:2px solid #e5e5e5}
.wrap_m0501 .sec01 .ul_table li{ display:flex; border-bottom:2px solid #e5e5e5; align-items:center; font-weight:700; font-size:25px; padding:60px 0 }
.wrap_m0501 .sec01 .ul_table li h2{width:20%}
.wrap_m0501 .sec01 .ul_table li p{font-size:25px; font-weight:500; color:#6e6e6e}
.wrap_m0501 .sec02{position:relative}
.wrap_m0501 .sec02 span{ font-size:20px; font-weight:400; color:#6e6e6e; position:absolute; left:0}
.wrap_m0501 .sec02 strong{ font-size:20px; font-weight:700; color:#1d1d1d}
.wrap_m0501 .sec02 .img{background:url(/img/testcor.png) 50% 120% no-repeat; background-size:100% auto; padding:0 0 0 130px; position:relative; margin:0 0 60px 0}
.wrap_m0501 .script{display:flex;}
.wrap_m0501 .script h2{width:20%; font-weight:700; font-size:30px; }
.wrap_m0501 .script .greeting{width:80%; font-weight:400; font-size:20px; color:#1d1d1d; line-height:1.4}
.wrap_m0501 .script .greeting p{margin-bottom:37px}

/*비밀번호 찾기*/
.new_win{ width:83%; margin:0 auto; margin-top:200px; font-size:18px} 
.selec_chk {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    outline: 0;
    z-index: -1;
    overflow: hidden;
}
/*항공용 패스너*/
.wrap_sub010301 .product .img h2, .wrap_sub010301 .product .img p{text-align:left; display:block; width:100%}

.wrap_010204 .p_intro{font-size: 20px;
    line-height: 22px; width:100%; margin:20px 0 0 0}
.wrap_010204 .wrap_white_card .card img{ margin:10px auto}
.wrap_010204 .product .wrap_white_card .card, .wrap_010202 .product .wrap_card .wrap_col4 .card, .wrap_010202 .product .wrap_si .wrap_col3 .card{ color:#333; 
    border: 1px solid rgba(0, 0, 0, .3);}
.wrap_010204 .product .wrap_white_card .card:hover, .wrap_010202 .product .wrap_card .wrap_col4 .card:hover, .wrap_010202 .product .wrap_si .wrap_col3 .card:hover{border-color:var(--color1)}	
.wrap_010204 .product .wrap_white_card a{cursor:pointer !important}	
.wrap_010204 .product .wrap_white_card a::before, .wrap_m0102 .product .wrap_white_card a::after{display:none !important}
.wrap_010204 .product .wrap_white_card .card h2, .wrap_010206 .product .wrap_card .card h2 {
    font-size: 30px;
    
    width: 100%;
    text-align: center;
}
.wrap_010204 .product .wrap_white_card img {
   height: 300px;
}
.wrap_010204 .product .wrap_white_card .card::before,
.wrap_010204 .product .wrap_white_card .card::after{display:none}
.wrap_010203 .product .img{ width:100%; justify-content:center}
.wrap_010203 .product .wrap_card .card{ width:calc(25% - 38px)}
.wrap_010202 .product .txt .title h2{ white-space:nowrap}
.wrap_010202 .wrap_card h2{ display:block; width:100%; font-size: 25px;
    font-weight: 700;
    margin: 30px 0 0 0;}
.wrap_010202 .wrap_col3, .wrap_010202 .wrap_col4, .wrap_010202 .wrap_col5{display:flex; flex-wrap:wrap; gap:50px; margin:20px 0 0 0; width:100%}	
.wrap_010202 .wrap_col4{justify-content:space-between}
.wrap_010202 .product .wrap_card .wrap_col3 .card{width:calc(33.33% - 34px)}
.wrap_010202 .product .wrap_card .wrap_col4 .card{width:calc(25% - 38px); align-content:center}
.wrap_010202 .product .wrap_card .wrap_col5 .card{width:calc(20% - 40px); align-content:center}
.wrap_010202 .product .wrap_si .wrap_col3 .card::before, .wrap_010202 .product .wrap_si .wrap_col3 .card::after, .wrap_010202 .product .wrap_card .wrap_col4 .card::before, .wrap_010202 .product .wrap_card .wrap_col4 .card::after, .wrap_010202 .product .wrap_card .wrap_col5 .card::before, .wrap_010202 .product .wrap_card .wrap_col5 .card::after{display:none}
.wrap_010202 .product  .wrap_si{gap:0}
.wrap_010202 .product .wrap_card .wrap_col4 .card img, .wrap_010202 .product .wrap_card .wrap_col5 .card img, .wrap_010202 .product .wrap_si .wrap_col3 .card img{width:100%; margin:0 auto}
.wrap_010202 .product .wrap_si .wrap_col3 .card{align-content:center}

.sec01{background:rgba(0,73,148,.1); padding:105px 0 0 0}
.wrap_010202 td, .wrap_010202 th{border:1px solid #ccc; padding:10px; background:#fff; border-left:none; border-right:none; text-align:left }
.wrap_010202 table{font-size:18px; width:100%; border-collapse:collapse; margin:20px 0 0 0}
.wrap_010202 th{ font-weight:500; background:#f6f6f6; color:#333; width:25%; text-align:left; font-weight:600}
.ul_network{flex-wrap:wrap; align-content:center; gap:50px}
.ul_network, .ul_network li{display:flex; align-items:center; width:100%; justify-content:space-between}
.ul_network li{ width:calc(50% - 25px); border:2px solid #e5e5e5; padding:20px 50px; border-radius:30px}
.wrap_sub010301 .product .img .ul_network li h2{ margin:0 0 0 0; width:auto}
.wrap_sub010301 .product .img .ul_network li p{width:auto}
.wrap_sub010301 .product .img .global_img{width:auto; position:relative; display:inline-block}
.wrap_sub010301 .product .img .global_img img{width:auto; margin:50px auto 50px auto; display:block; height:650px}

/*글로벌네트워크*/
.wrap_m0505 .vis{margin:0 0 0 0}
.wrap_m0505 .global_img{position:relative}
.wrap_m0505 .global_img .point{ width:20px; height:20px; position:absolute; border-radius:100%; display:flex; justify-content:center; align-items:center }
.wrap_m0505 .global_img .point::before{width:20px; height:20px; position:absolute; border-radius:100%; background:var(--color1); border:2px solid black; z-index:2; content:''}
.wrap_m0505 .global_img .point::after{ content:''; width:40px; height:40px; background:rgba(256,256,256,.6); border-radius:100%; position:absolute; z-index:1; transform:translate(-10px, -10px);  animation: fadeScaleIn 1.6s ease-out infinite;}
@keyframes fadeScaleIn {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.wrap_m0505 .global_img .point1{ left:36%; top:46%}
.wrap_m0505 .global_img .point2{     left: 35%;
    top: 58%;}
.wrap_m0505 .global_img .point3{     left: 34%;
    top: 63%;}
.wrap_m0505 .global_img .point4{     left: 32%;
    top: 32%;}
.wrap_m0505 .global_img .point5{     left: 40%;
    top: 53%;}
.wrap_m0505 .korean_img .point1{ left:38%; top:44%}
.wrap_m0505 .korean_img .point2{     left: 54%;
    top: 70%;}
.wrap_m0505 .korean_img .point3{     left: 50%;
    top: 69%;}
.wrap_m0505 .korean_img .point4{     left: 32%;
    top: 26%;}
.wrap_m0505 .korean_img .point5{     left: 38%;
    top: 28%;}
	
/*게시판*/
#bo_cate h2{display:none}
#bo_cate ul {
    zoom: 1;
    display: flex;
    justify-content: center;
}
#bo_cate li {
    display: inline-block;
    padding: 2px;
}
#bo_cate a {
    display: block;
    line-height: 28px;
    padding: 5px 15px;
    border-radius: 30px;
    border: 1px solid #d6e9ff;
    color: #6794d3;
	
}	
	
/*연혁*/	
.wrap_m0502{width:83%; margin:0 auto; position:relative}
.wrap_m0502 li{display:flex; justify-content:space-between; margin:0 0 140px 0; position:relative; align-items:flex-start}
.wrap_m0502 li .year{position:sticky; top:200px; width:59%; display:flex}
.wrap_m0502 li h2{font-weight:500; font-size:4.9em; text-align:center; width:17%}
.wrap_m0502 li h2 span{display:block; margin:30px auto; width:10px; height:10px; border-radius:100%; background:black}
.wrap_m0502 li h3{font-weight:500; font-size:4.9em; color:#1b3659; width:68%; text-align:left; margin:0 0 0 14%}
.wrap_m0502 li .his{width:41%;}
.wrap_m0502 li .txt{font-weight:500; font-size:18px; border-radius:30px; width:100%; background:#e6edf5; padding:50px 30px; box-sizing:border-box; margin:0 0 30px 0; word-break:keep-all}
.wrap_m0502 li .txt h2{font-weight:700; font-size:18px; text-align:left; margin:0 0 40px 0; width:auto}
.wrap_m0502 li .txt p{word-break:keep-all}
.wrap_m0502 .progress-container {
      position:absolute;
      left: 52%;
      top: 20px;
      width: 2px;
      height: calc(100% - 40px);
      background: #e5e5e5;
      border-radius: 3px;
      overflow: hidden;
      z-index: 1000;
    }

.wrap_m0502 .progress-bar {
      width: 100%;
      height: 0%; /* 초기 높이 */
      background: #1b3659;
      transition: height 0.1s linear;
      transform-origin: top;
    }
/*이용약관*/
.wrap_agree{width:83%; margin:0 auto}
.wrap_agree h1{font-size:1.5em}
.wrap_agree h2{margin:30px 0 0 0}
.wrap_agree .paragraph{ margin:0 0 30px 0}

/*시험 리스트*/
#bo_list {
    position: relative;
    margin-bottom: 20px;
    font-size: 18px;
}
.wrap_m010202 .kyu_name{width:50%}
.wrap_m010202 td span{display:none}

/*시험평가*/
.wrap_m0102 #section3 .wrap_card .gogo_list .card{ border-radius:30px; overflow:hidden}
.wrap_m0102 .wrap_col3{display:flex; justify-content:space-between; gap:20px}
.wrap_m0102 .p_intro{font-size:18px}

/*정적시험*/

/*환경시험*/
.wrap_010204 .product .wrap_card .card, .wrap_010205 .product .wrap_card .card{background:white; height:auto; padding:20px}
.wrap_010204 .product .wrap_white_card img, .wrap_010205 .product .wrap_white_card img{height:auto}
/*회사개요*/
.img_section5{ height:50vh; margin:0 auto; display:block; text-align:center; width:83%; transition: transform 0.1s linear; display:flex; justify-content:center; align-items:center; border-radius:50px; 
overflow:hidden; position:relative; background:url(/img/img_m0501.png); background-size:cover}
.img_section5 img{width:100%; transition: transform 0.1s linear; }
.img_section5 .slogan{position:absolute; color:white; background:rgba(0,0,0,.5); justify-content:center;  width:100%; height:100%; display:flex; align-items:center; top:0; text-align:left; margin:0 0 0 0}
.img_section5 .slogan div{width:83%; }
.img_section5 .slogan div h2, .img_section5 .slogan div span, .img_section5 .slogan div p{color:white;opacity:0; transform: translateY(20px);}
.visual_explore .slogan div span {animation: textFadeUp 0.9s ease-out forwards; animation-delay:0.6s}
.visual_explore .slogan div h2 {animation: textFadeUp 0.9s ease-out forwards; animation-delay:0.7s}
.visual_explore .slogan div p {animation: textFadeUp 0.9s ease-out forwards; animation-delay:0.8s}
.visual_explore{ width:100%; margin-top:-105px; transition: transform 0.1s linear; border-radius:0; animation: expandWidth 0.8s ease-out forwards}
.visual_explore img{animation: expandWidth 0.8s ease-out forwards; display:none}
@keyframes expandWidth {
  from {
    width: 83%;
	height:50vh;
  }
  to {
    width: 100%;
	height:100vh
  }
}
@keyframes textFadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.vis .left .home, .vis .left .back{display:none}
.vis .active .home, .vis .active .back{display:block; position:absolute}
.vis .active .home{left:50px}
.vis .active .back{left:100px}
@media(max-width:1800px){
/*회사개요*/
.wrap_m0501 .sec01 .ul_table li{padding:30px 0}	
.wrap_m0501 .script{gap:50px}
.wrap_m0501 .script h2{width:25%}
.wrap_m0501 .script .greeting{width:calc(75% - 50px)}
/*연혁*/	
.wrap_m0502 li h2, .wrap_m0502 li h3{font-size:4.5em}
	}
@media(max-width:1700px){.vis .left{ width:80%}
.vis .active{width:100%}

/*시험 리스트*/
.wrap_m010202 th{white-space:nowrap}

}
@media(max-width:1600px){.vis .left{ width:100%}
/*시험기*/
.wrap_m0102 .product .introduce{gap:100px}
/*시험평가*/
.wrap_m0102 .wrap_introduce h2 br{display:none}
/*연혁*/	
.wrap_m0502 li h2, .wrap_m0502 li h3{font-size:4em}
/*공평성 선언*/
.wrap_m0104{width:calc(100% - 100px)}
/*항공부품*/
.wrap_m01 .product .introduce h2 br{display:none}
}
@media(max-width:1500px){
/*사업분야 > 시험기*/	
.wrap_m01 .product .introduce{gap:100px}
	
/*회사개요*/
.wrap_m0501 .script{gap:50px; flex-wrap:wrap}
.wrap_m0501 .script h2, .wrap_m0501 .script .greeting{width:100%}
.wrap_m0501 .script h2 br{display:none}
/*연혁*/	
.wrap_m0502 li h2, .wrap_m0502 li h3{font-size:3.5em}
	}
@media(max-width:1400px){
/*회사개요*/
.wrap_mission .section1{padding:0 50px}	
.wrap_m0501 .sec01, .wrap_m0501 .sec02{flex-wrap:wrap; gap:50px}
.wrap_m0501 .title, .wrap_m0501 .txt{width:100%}
.wrap_m0501 .sec01 .slogan{font-size:40px}
.wrap_m0501 .sec01 .slogan br{display:none}
.wrap_m0501 .title br{display:none}
	}
@media(max-width:1280px){	
	
.wrapper2 .product{flex-wrap:wrap; gap:50px}	
.wrap_m01 .product .txt, .wrap_m01 .product .img{width:100%}
.wrap_m01 .product .wrap_card .card h2 {
    font-size: 40px;}
.slogan h2 {
    font-size: 5em;}
.vis{margin:0 0 50px 0}	
.wrap_nav, .wrap_sub, #bo_w, #bo_v, #bo_gall{width:calca(100% - 100px) !important}	
.wrap_m0401 dt, .wrap_m0401 dd{padding-right:0; width:100%}	
.vis .active .home{left:20px}
.vis .active .back{left:70px}
/*연혁*/	
.wrap_m0502 li h2, .wrap_m0502 li h3{font-size:2.5em}
/*시험평가*/
.wrap_010202 .product .txt .title h2{margin:0 0 0 0}
.wrap_m0102 .product .introduce .title2, .wrap_m01 .product .introduce .title2 {
    font-size: 60px;}
.wrap_m0102 .wrap_introduce, .wrap_m01 .wrap_introduce{width:100%}
/*피로시험*/
.wrap_010204 .product, .wrap_m0103 .product, .wrap_sub010301 .product{ gap:0}
.wrap_010204 .product .txt .title h2, .wrap_m0103 .product .txt .title h2, .wrap_sub010301 .product .txt .title h2{font-size:50px}
.wrap_010204 .product .txt .title h2 br{display:none}
/*회사개요*/
.visual_explore{ margin-top:-50px}
	}
@media(max-width:1024px){
/*공통*/
.sitemap  .submenu {
    display: none;
   
  }
.subtitle{ text-align:center}	
.wrap_m01 .product .wrap_card a {
    width: calc(50% - 25px);
}	
.wrap_m01 .product .introduce p{width:100%}
.vis .left{gap:30px}
.vis .left a{font-size:16px}
.wrap_nav, .wrap_sub, #bo_w, #bo_v, #bo_gall{width:calc(100% - 40px) !important}	
.wrap_nav .nav{font-size:1.3em}
.wrapper2 {
    width: calc(100% - 40px);}
.wrapper2 .product .txt .title h2{margin:6px 0 0 0}

/*게시판*/
#bo_v .ul_product2 li h2{font-size:16px !important}

/*게시판 type1*/
.ul_product2 li {
        width: 100%;
        margin-bottom: 20px;
    }
	
/*시험리스트*/
.wrap_m010202 table{border-top:0; border-bottom:0}
.wrap_m010202 table, .wrap_m010202 tbody, .wrap_m010202 tr, .wrap_m010202 td{display:block}
.wrap_m010202 tbody{display:flex; flex-wrap:wrap; gap:20px}
.wrap_m010202 tr{width:calc(50% - 10px); border:1px solid #999; border-radius:20px; overflow:hidden}
.wrap_m010202 td{height:auto; padding:10px 20px}
.wrap_m010202 td span{display:block; color:var(--main-color)}
.wrap_m010202 td p{word-break:keep-all}
.wrap_m010202 th, .wrap_m010202 thead{display:none}

/*시험평가*/
.wrap_m0102 .product .introduce .title2, .wrap_m01 .product .introduce .title2 {
    font-size: 50px;}
/*항공용 패스너*/
.wrap_sub010301 .product .txt .title h2{font-size:30px; margin:6px 0 10px 0}
.wrap_sub010301 .product{margin:0 0 50px 0}	
	}	
@media(max-width:912px){	
/*공통*/
.wrap_m01 .product .wrap_card .card{padding:30px}	
.wrap_m01 .product .wrap_card .card h2 {
    font-size: 30px;}
.vis .left a{font-size:1.3em}	
.slogan{padding:0 20px}
    .slogan h2 {
        font-size: 4em;
    }
#bo_cate a{font-size:14px}	
.vis{margin:0 0 50px 0}	
.vis ul, .wrap_nav .nav{gap:20px}
.wrap_m0501{width:calc(100% - 40px)}
.wrap_m0501 .title, .wrapper2 .product .txt .title h2{font-size:3em}
.wrap_m0501 .sec01 .slogan {
        font-size: 30px; padding:0 0; word-break:keep-all
    }
.wrap_m0501 .sec01 .ul_icon{margin:50px 0 0 0}	
.wrap_m0501 .sec01{margin-bottom:50px; margin-top:50px}
.wrap_m0501 .sec01 .ul_table{margin-top:50px}
.wrap_m0501 .sec01 .ul_icon li img{height:100px}

/*글로벌 네트워크*/
.wrap_m0505 .wrap_sub010301 .product .img h2{ margin:0 0 10px 0}
/*사업분야*/
#bo_v {
    margin: 100px auto 0 auto !important;
}
/*시험평가*/
.wrap_m0102 .product .introduce .title2, .wrap_m01 .product .introduce .title2 {
        font-size: 30px;
    }
.wrap_m0102 .product .newintro {
    height: 400px !important;
}	
.wrap_m0102 .wrap_introduce .introduce, .wrap_m01 .wrap_introduce .introduce{margin-top:30px}
.wrap_m0102 .wrap_introduce h2, .wrap_m01 .wrap_introduce h2{font-size:24px; margin:0 0 30px 0}

/*연혁*/
.wrap_m0502 li h2{ width:20%}
.wrap_m0502 li h3{margin:0 0 0 0; width:80%; box-sizing:border-box; padding:0 0 0 30px}
.wrap_m0502 .progress-container{top:0; width:1px; left:54%}

/*글로벌 네트워크*/
.wrapper2 .product .txt .title h2 br{display:none}
.sec01{padding:50px 0 0 0}
.wrapper2 .product{margin:0 0 50px 0; gap:20px}
.ul_network{flex-wrap:wrap; gap:20px}
.ul_network li{width:100%}

/*항공부품*/
.newtype{gap:20px}
.wrap_sub010301 .product .wrap_card .newtype .txt p{ font-size:18px}

/*회사개요*/
@keyframes expandWidth {
  from {
    width: 83%;
	height:50vh;
  }
  to {
    width: 100%;
	height:50vh
  }
}
	}
@media(max-width:768px){

.slogan h2 {
    font-size: 4em;}
.vis .left a {
        font-size: 11px;
    }	
.vis ul, .wrap_nav .nav {
        gap: 10px;
    }	
.wrap_nav .nav{font-size:1.2em; gap:10px; flex-wrap:wrap}
.wrap_nav .nav span{gap:5px}
/*
.vis .left{width:100%; border-radius:0 0 0 0; background:rgba(0,0,0,.1); text-align:center; display:none}
.vis .left a {color:white;
    padding: 15px 0;}	
*/	
.wrap_m01 .product .wrap_card .card{padding:20px}	
	.wrap_m01 .product .wrap_card .card h2 span {
    font-size: 14px;}


    .wrap_m01 .product .wrap_card .card h2 {
        font-size: 24px;
    }	
.wrapper2 .product .txt .title h2 {
    font-size: 3em;}
.wrapper2 .product{gap:20px}
.wrap_m01 .product .introduce h2 {
    font-size: 24px;
    line-height: 1.2;}
.wrap_m0401 .wrap_num03 input[type=text] {
    width: 100%;
}
/*공통*/
.vis .active{top:90px}

/*게시판*/
#bo_cate ul{flex-wrap:wrap}
.ul_product2 li .bt_more:hover {
  
    background-color: var(--main-color) !important;
}

/*게시판 type1*/
.gall_box .bt_more {
        padding: 5px;}
.ul_product2 li a .img{ min-height:inherit}

/*사업분야*/	
.wrap_m01 .product .wrap_card a {
    width: 100%;
}
/*사업분야 > 시험기*/	
.wrap_m01 .product .introduce{padding:20px; gap:50px}
.wrap_m01 .product .introduce p{font-size:18px}

/*시험평가*/
.wrap_010202 .product .wrap_card .wrap_col3 .card {
    width: calc(33.33% - 14px);
}
.wrap_010202 .wrap_col3, .wrap_010202 .wrap_col4, .wrap_010202 .wrap_col5{gap:20px}

/*연혁*/
.wrap_m0502 li .year{flex-wrap:wrap; width:50%; box-sizing:border-box; padding:0 20px 0 0}
.wrap_m0502 li h2{display:flex; justify-content:flex-start; align-items:center; gap:5px}
.wrap_m0502 li h2, .wrap_m0502 li h3{width:100%; padding:0 0 0 0; font-size:2.2em; word-break:keep-all}
.wrap_m0502 li h2 br, .wrap_m0502 li h3 br{display:none}
.wrap_m0502 li h2 span{margin:0 0}
.wrap_m0502 li .his{width:50%}
.wrap_m0502 .progress-container{left:47%}

/*공평성 선언*/
.wrap_m0104{width:calc(100% - 40px)}
.wrap_m0104 .sign{margin:30px 0}

/*피로시험*/
.wrap_010204 .product .wrap_card{ gap:0}
.wrap_010204 .product .wrap_card .wrap_col4 .card {
    width: calc(33.33% - 14px);
    align-content: center;
}
.wrap_010204 .wrap_col4{justify-content:left}

/*항공부품*/
.wrap_sub010301 .product .img h2, .wrap_sub010301 .product .wrap_card .newtype .txt h2{margin:0 0 10px 0}
.wrap_sub010301 .product .wrap_card .newtype .card {
    
    width: 50% !important;}
.wrap_sub010301 .product .wrap_card .newtype .card::before, .wrap_sub010301 .product .wrap_card .newtype .card::after{display:none}	
.wrap_sub010301 .product .wrap_card .newtype .txt {
    width: calc(50% - 20px);
}
/*회사개요*/
.img_section5{border-radius:35px}
.img_section5 .slogan br{display:none}	
.visual_explore{border-radius:0}
	}
@media(max-width:540px){
/*공통*/	
.wrap_nav .nav .current_p{display:block}
#fregisterform, .register, .social_register {
    margin: 100px auto;
}	
.close_sitemap{top:10px}	
.slogan{margin:100px 20px 0 20px}	
.slogan h2 {
    font-size: 2.5em; margin:15px 0 12px 0}	
.slogan span
 {
    font-size: 1em;}
.slogan p {
    font-size: 1.2em; word-break:keep-all}
.subtitle{margin:0 0 0 0}	
.wrap_nav {
    width: calc(100% - 40px);
    margin: 50px auto 20px auto;}
.wrap_nav .nav{font-size:1.2em; gap:5px}
.wrap_nav .nav span{gap:5px; padding:10px 0; padding-right:15px; font-size:11px}
.vis{margin:50px 0 50px 0}
.vis .left{text-align:center; gap:0; width:95%}
.vis .left a{padding:0 0; padding-bottom:15px; margin-bottom:0}
.vis{height:200px}
    .wrapper2 .product .txt .title h2 {
        font-size: 2em;
    }
.wrapper2 .product .txt .title h2{margin:0 0 0 0}	
.wrap_m01 .product .introduce{padding:20px}	
    .wrap_m01 .product .introduce h2 {
        font-size: 18px;
       
    }	
.wrap_m01 .product .introduce p {
    font-size: 12px;
    line-height: 1.2;
    margin: 30px 0;}
.wrap_m01 .product {
    margin: 0 0 30px 0;
}
.wrap_m01 .product .wrap_card{flex-wrap:wrap}	
    .wrap_m01 .product .wrap_card a {
        width: 100%;
    }
.wrap_m01 .product .wrap_card .card h2 {
        font-size: 18px;
    }
    .wrap_m01 .product .wrap_card .card h2 span {
        font-size: 11px;
    }
.wrap_m01 .product .wrap_card .card p {
    font-size: 12px;
    line-height: 1.2;}	
.wrap_m01 .product .wrap_card .card{height:auto; gap:50px; margin:0 0 20px 0}
.bo_sch{margin-left:0 !important; transform:translate(-50%, 0)}	
.wrap_m0401 dd{font-size:0.7em}	
/*개인정보처리방침*/
.wrap_agree{width:100%; padding:0 20px}
/*검색*/
#hd_sch #sch_result, #hd_sch form{width:100%; display:flex}
/*게시판*/
#bo_v {margin: 50px auto 0 auto !important}
#bo_v_title .bo_v_tit{ font-size:1.5em !important}

/*게시판 type1*/
#bo_gall .gall_box .txt p, .ul_product2 li .wrap_bt .bt_more {
        font-size: 12px;
    }
#bo_gall .gall_box .txt p {
        margin: 10px 0 70px 0;
    }
.section5 li .img2 p, .section6 .txt p, .section6 .banner a, .wrap_m0201_new .applications .tttxt, .wrap_m0201_new .txt, .wrap_sub, #bo_w, #bo_v, #bo_gall, .newsection1 .product .bt_more, .newsection3 .bt_more, .newsection4 .bt_more, .bt_more {
        font-size: var(--contentfont);
    }	
.ul_product2 li .bt_more {
        padding-right: 20px;
    }		
	
/*공통*/
.vis .active{top:70px; width:100%}
.vis .active a{padding-top:15px}

.wrap_nav {
        margin: 10px auto 10px auto;
        justify-content: center;}
.wrap_nav .nav span ul{top:30px}		
/*공평성 선언*/
.wrap_m0104, .wrap_m0104 .sign{font-size:var(--contentfont)}
/*사업분야*/
#bo_v_con .txt{padding:20px 0; margin-top:0}
    .wrap_m01 .product .wrap_card .card {
       
        margin: 0 0 0 0;
    }
.wrap_m0102 .product .introduce::after, .wrap_m01 .product .wrap_card .card::after{ height:100%}
    .wrap_m0102 .product .introduce {
        gap: 0px;
    }
.wrap_view .jd-slider{margin-bottom:0}	
/*사업분야 > 시험기*/	
.wrap_m01 .product .introduce{gap:0}
/*시험평가*/
.wrap_m01 .product .wrap_card{gap:20px}
.wrap_m01 .product .introduce h2{margin-top:0}
.wrap_m0102 .product .newintro {
        height: 300px !important;
    }
.wrap_m0102 .wrap_introduce h2, .wrap_m01 .wrap_introduce h2,     .wrap_m0102 .product .introduce .title2, .wrap_m01 .product .introduce .title2,
.wrap_010204 .p_intro {font-size:18px; margin:0 0 0 0}
.wrap_010202 .product .wrap_card .wrap_col3 .card{width:100%}
.wrap_m0102 .wrap_introduce p, .wrap_m01 .wrap_introduce p{ font-size:var(--contentfont)}
.wrap_010202 .wrap_card h2{margin:0 0 0 0}
/*연혁*/
.wrap_m0502 li .txt{padding:20px 20px; font-size:14px}	
.wrap_m0502 li .txt h2{margin:0 0 10px 0}
.wrap_m0502 li h2 span{height:5px; width:5px}
.wrap_m0502 li h3{word-break:keep-all; font-size:18px; margin:10px 0 0 0}
.wrap_m0502 li h3 br{display:none}
.wrap_m0502 li .year{padding:0 10px 0 0}
.wrap_m0502 li .year h2{font-size:20px; font-weight:800}
	
/*소셜로그인*/
.member_connect{ flex-wrap:wrap; font-size:14px; gap:10px; justify-content:center; margin-top:0}		
.member_connect button{width:100%}		
.social_register{margin-bottom:50px}

.social_register, .member_connect{ width:calc(100% - 40px)}
/*비밀번호 찾기*/
.new_win{ width:calc(100% - 40px);margin-top:100px; font-size:14px}
/*견적문의*/
.wrap_m0401 .wrap_num05 input[type=password]{width:100%} 
.wrap_m0401 .info_txt{flex-wrap:wrap; gap:20px; justify-content:center}
/*피로시험*/
.wrap_010204 .product p, .wrap_m0103 .product p, .wrap_sub010301 .product p, .wrap_010202 table{font-size:14px}
.wrap_010204 .product {
        gap: 0;
    }
/*회사개요*/
.wrap_m0501 .title {
        font-size: 2em;
    }
.wrap_m0501 .sec01, .wrap_m0501 .sec02 {
    
        gap: 20px;
    }
.wrap_m0501 .sec01 .slogan {
        font-size: var(--contentfont)}
.wrap_m0501 .sec01 .ul_icon{flex-wrap:wrap}		
.wrap_m0501 .sec01 .ul_icon li{width:50%; margin-bottom:20px}	
.wrap_m0501 .sec01 .ul_icon li h2, .wrap_m0501 .script h2{font-size:18px}	
.wrap_m0501 .sec01 .ul_icon li h3{font-size:24px}
.wrap_m0501 .sec01 .ul_icon li p, .wrap_m0501 .sec01 .ul_table li, .wrap_m0501 .sec01 .ul_table li p, .wrap_m0501 .sec02 span, .wrap_m0501 .script .greeting{font-size:14px}
.wrap_m0501 .sec01 .ul_icon li img{margin:10px auto}
.wrap_m0501 .sec02 .img{padding:0 0 0 0;    background: url(/img/testcor.png) 50% 100% no-repeat; background-size:100% auto;     justify-content: center;
    display: flex; }
.wrap_m0501 .sec02 .img img{max-width:80%}
.wrap_m0501 .sec01 .ul_table li{padding:20px 0}

/*게시판*/
#bo_v_con {
        padding-bottom: 0 !important;
        margin: 0 0 !important;
    }
#bo_v_con .txt {
        padding: 20px 0 !important;
        margin-top: 0 !important;
    }	
#tab-menu .menu_panel .panel iframe {
        height: 300px !important;
    }
#tab-menu .menu_tabs {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }	
.ul_product2 li .wrap_bt{gap:5px; font-size:11px}	

/*공평성 선언*/
.wrap_m0104 .justify{padding:20px}

/*글로벌 네트워크*/
.wrap_sub010301 .product .img h2, .wrap_sub010301 .product .wrap_card .newtype .txt h2{ font-size:20px}
.wrap_sub010301 .product .img .global_img img{height:auto; max-width:95%}
.wrap_sub010301 .product .img{font-size:14px}
.ul_network li{padding:20px 20px; flex-wrap:wrap}
.ul_network li h2{margin-bottom:10px !important}
.wrap_sub010301 .product .img .ul_network li h2, .wrap_sub010301 .product .img .ul_network li p{width:100%}
.wrap_m0505 .global_img .point::before{width:8px; height:8px}

/*시험리스트*/
.wrap_m010202 tr{width:100%}
.wrap_m010202 td p, .wrap_m0102 .p_intro{font-size:14px}

/*시험평가*/
.wrap_m0102 .wrap_col3{flex-wrap:wrap}
.wrap_m0102 .product .wrap_card .wrap_col3 .card{width:100%}


/*피로시험*/
.wrap_010204 .product .wrap_card .wrap_col4 .card {
    width: 100%;
}
.wrap_010204 table{margin:0 0 0 0}
.wrap_010204 .product .txt .title h2{margin:0 0 10px 0}

/*항공부품*/
.newtype{flex-wrap:wrap}
.wrap_sub010301 .product .wrap_card .newtype .card, .wrap_sub010301 .product .wrap_card .newtype .txt {
        width: 100% !important;
    }
.wrap_sub010301 .product .wrap_card .newtype .txt p{ font-size:14px}

/*회원가입*/
#fregister p{ height:auto !important; line-height:1.5 !important; padding:20px; background:var(--color2) !important; word-break:keep-all}
#fregister p:before{display:none}
	}