@charset "utf-8";
/* *******************************************************
 * filename : sub_style.css
 * description : 서브 레이아웃 CSS
 * date : 2021-08-20
******************************************************** */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/* ****************** 서브페이지 :: 공통 ********************** */
.sub_tit-box{ border-bottom:1px solid #222; margin-bottom:40px}
.sub_tit-box .tit{ font-size:32px; color:#222;}
.sub_tit-box .tit.big{ font-size:40px;font-family: 'GmarketSansBold';}
.sub_tit-box .tit .char, .cm-con-tit .char, .cm-txt .char{opacity:0;transform:translateY(100%);transition:opacity 0.8s, transform 0.8s;}
 /* transition일때 */ 
.aos-animate .sub_tit-box .tit.splitting .char, .aos-animate .cm-con-tit.splitting .char, .aos-animate .cm-txt.splitting .char{opacity:1.0;transform:translateY(0);}
.cont_sec{ margin-top:70px; padding: 0}
.cont_sec:first-child{ margin-top:100px}
.cm-con-tit {font-size: 32px; letter-spacing:-0.75px; color:#000; display:block;  margin-bottom:10px;}
.cm-txt {font-size: 16px; line-height:1.75em; letter-spacing:-0.5px; color:#666; display:block; }
.check-txt {position:relative; padding-left:25px; font-size:14px; line-height:1.57em; color: #999; }
.check-txt:before {content:"\e929"; font-family:xeicon !important; font-size:20px; color:#000; position:absolute; left:0; top:0; }
.check-txt.style02:before {content:"\e92b";}
br.m_only{display:none}
.cm-con-tit2{ font-size:40px;font-family: 'GmarketSansBold';letter-spacing:-0.75px; color:#000; display:block;  margin-bottom:10px;}
.cm-txt2{ font-size:22px; color: #222; margin-top: 20px;-webkit-animation-delay: 0.9s; animation-delay: 0.9s;line-height:1.75em;display:block; letter-spacing:-0.5px;}
.cm-con-tit2.splitting .char, .cm-txt2.splitting .char{-webkit-animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.aos-animate .cm-con-tit2.splitting .char, .aos-animate .cm-txt2.splitting .char{-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}

/* **************************************** *
 * LAZYLOAD
 * **************************************** */
/*
img[data-src] {opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
img[data-src].loaded {opacity:1}
*/
img[data-unveil] {opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
img[data-unveil].loaded {opacity:1}

.lazyload_wrap {position: relative;overflow: hidden;}
.lazyload_wrap img {display: block;max-width: 100%;position: absolute;left: 0;top: 0;}
.lazyload_wrap img.loaded {height: auto;}

/* color preview */
.img_color_preview {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #aaa;opacity: 0.15;}



/* ******************- 회새소개 :: OUR STORY ********************** */
.ourstory-list-box {position: relative;}
.ourstory-list-box figure {width: 43%; box-sizing: border-box; position: absolute;left: -45px;top: 20%;}
.ourstory-list-box figure p {width:100%; position:relative; height:100%; }
.ourstory-list-box figure p > img{ width:100%; height:auto; position:absolute; left:50%; top:0; transform: translate3d(-50%, 0, 0);  }
.ourstory-list-box .txt_wrap{width:75%;background: #f5f5f5;box-sizing: border-box; padding: 5% 5% 5% 21%; float: right;position: relative;z-index: -1; margin-top: 4%; overflow: hidden;}

.ourstory-list-box .txt_wrap::after{content: ""; display: block; width: 100%; height: 400px; background: url(../img/ourstory_img_bg.png) no-repeat; position: absolute; right: -65%; bottom: -50px;}

.ourstory-list-box .txt_wrap .txt_inner{width:100%; box-sizing:border-box;}
.ourstory-list-box .txt_wrap p{ line-height:1.7; }
.ourstory-list-box .txt_wrap p.get_tit{font-size: 38px;font-family: 'NanumSquare'; }
.ourstory-list-box .txt_wrap p.get_tit strong{font-weight: 900;}
.ourstory-list-box .txt_wrap p.tp {  margin-bottom:20px; line-height:0.8; color: #034ea1;}

.ourstory-list-box .txt_wrap p.txt_li{ margin-top:40px; font-size:18px; color: #666;}
.ourstory-list-box .txt_wrap p.txt_li i{display: block;}
.ourstory-list-box .txt_wrap p.sign {color: #666; font-size: 24px; margin-top: 30px;}
.ourstory-list-box .txt_wrap p.sign img {max-width: 22%;}
.ourstory-list-box .txt_wrap p.sign img:first-child {margin-lefT: 20px;}

.ourstory_video{margin-top: 50px;}
.ourstory_video ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.ourstory_video ul li{width: calc(100% / 2 - 20px); margin: 10px 0;}
.ourstory_video ul li h2{position: relative; font-size: 34px; font-weight: 500;padding-left: 40px; margin-bottom: 30px; }
.ourstory_video ul li h2::before{content: ""; display: block; background: url(../img/point.png) no-repeat; width: 30px; height: 30px; position: absolute; top: 0;left: 0;}


/* ******************- 회새소개 :: OUR HISTORY ********************** */
.history-list-box {}
.history_g {position:relative;margin-top: 80px;}
.history_g:before {content: '';position: absolute; top:45px;left: 50%; bottom: calc(100% + 124px); width: 1px;background: #ccc; z-index: 1;}
.history_g .con {margin-top:65px;position: relative;}
.history_g .con:before{content: '';position: absolute;top: 77px; left: 50%; right: 0;margin-left: 5px;  height: 1px; background: #ebebeb;  z-index: 10;}
.history_g .con .con_g {display: flex; justify-content: center; margin: 0 auto; width:100%; position: relative;}
.history_g .con .con_g .img { width: 50%;text-align: center; padding-right: 60px;box-sizing: border-box; margin-top: 12%;}
.history_g .con .con_g .img img{ max-width:100%; width: 40%; margin: 5px;display: block;}
.history_g .con .con_g .img img.mh100 { max-height:100%; width:auto;border:1px solid #ddd}
.history_g .con .con_g .text {width: 50%; padding-top: 120px; background: url(../../img/m15_con1_f.jpg) no-repeat right top; padding-left: 65px; box-sizing: border-box; position: relative; z-index: 9; background-size: 86%}
.history_g .con .text:before { content: '';position: absolute;  top: 74px;left: -3px; background:#3394c7;width: 7px;height: 7px;}
.history_g .con:nth-child(even) .year{flex-direction:row-reverse}
.history_g .year .y_l{font-size:32px;line-height:1em;color:#3394c7;font-weight:600;margin-bottom: 30px;}
.history_g .year .y_r{width:100%;margin-top:-8px}
.history_g .year dl{display:flex;font-size:16px;line-height:1.7;color:#444;margin-bottom: 6%;}
.history_g .con:nth-of-type(even) .year dl{flex-direction:row-reverse}
.history_g .year + .year{margin-top:30px}
.history_g .year dt{width:80px;font-weight:600;font-size:18px;color:#333}
.history_g .year dd{width:calc(100% - 80px);font-weight:300;margin-top:3px}
.history_g .year dd > span{display:block; position:relative;}
.history_g .year strong{font-weight:500}
.history_g .history_g{margin-top:240px;position:relative;padding-bottom:200px}
.history_g .con:nth-of-type(even) .text:before{left:unset;right:-4px}
.history_g .con:nth-of-type(even) .text{background-image:url(../../img/m15_con1_f.jpg);background-position:left top;padding-left:0;padding-right:60px}
.history_g #con2 .con_g .text{ background-image:url(../../img/m15_con2_f.jpg);background-size: inherit; padding-right:45px}
.history_g .con:nth-of-type(even):before {left: 0;right: 50%;  margin: 0 5px 0 0;}
.history_g .con:nth-of-type(even) .img {text-align: left;padding-right: 0;padding-left:65px;}
.history_g .con:nth-of-type(even) .con_g{flex-direction:row-reverse;text-align:right}
.history_g.aos-animate:before{bottom: 0;transition: 3s .2s ease;background: #ebebeb;}



/*history_list*/
.historyList { position:relative; text-align:center; margin-top:60px}
.historyList .line { position:absolute; top:29px; left:50%; bottom:0; width:1px; background:#ddd; }
.historyList .line .in { display:block; width:1px; height:0; background:#034ea1; }
.historyList .section { padding:100px 0 49px; position:relative; box-sizing:border-box;}
.historyList .section:first-child { padding-top:0; }
.historyList .section:nth-child(even) { background:#fafafa; }
.historyList .section:nth-child(even):before{ content:""; display:block; height:100%; background:#fafafa; width:100vw; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1}
.historyList .section:nth-child(even) .title .in { background:#fafafa; }
#years1990 .detail > dl:last-child:before { content:''; position:absolute; right:519px; bottom:-49px; width:5px; height:5px; background:#ddd; border-radius:5px; }
#years1990 .detail > dl.active:last-child:before { background:#034ea1; }
.historyList .title { position:relative; z-index:5; width:1045px; margin:0 auto 51px; }
.historyList .title .in { display:inline-block; width:156px; line-height:39px; border:1px solid #ddd; background:#fff; font-weight:700; border-radius:41px; }
.historyList .title.active .in { color:#034ea1; border-color:#034ea1; }
.historyList .detail { width:1045px; margin:-13px auto 0; }
.historyList .detail dl { position:relative; z-index:4; width:480px; color:#333; line-height:1.68; padding-top:0; padding-bottom:51px; }
.historyList .left { text-align:right; margin-right:auto; }
.historyList .detail dl.left:before {margin-right: -46px; }
.historyList .right { text-align:left; margin-left:auto; }
.historyList .detail dl.right:before { right:522px; }
.historyList .detail dt { padding:0 0 3px; margin-bottom:-4px; font-weight:700; font-size:34px; color:#111; }
.historyList .detail dt .in { position:relative; display:block; }
.historyList .detail dt .in:after { content:''; position:absolute; top:27px; width:5px; height:5px; background:#ddd; border-radius:5px; }
.historyList .detail .active > dt .in:after, .historyList .detail .inImg > dt .in:after { background:#034ea1; }
.historyList .detail dt .in:before { content:''; position:absolute; top:21px; width:15px; height:15px; background:transparent; border:1px solid transparent; }
.historyList .detail .active > dt .in:before { background-color:#fff; border-color:#034ea1; }
.historyList .detail dd { margin:12px 0; display:table; width:100%; box-sizing:border-box;}
.historyList .detail dd img { width: auto;}
.historyList .detail dd b, .historyList .detail dd p{ display:table-cell; vertical-align:top; font-size:16px; box-sizing:border-box;}
.historyList .detail dd b{ width:40px; color:#999}
.historyList .detail dd p{ width:calc(100% - 55px);}
.historyList .detail dd p span{ display:block; width:100%; position:relative; box-sizing:border-box;}
.historyList .detail dd.img { margin:25px 0 0; }
/* .historyList .detail dd.img img {max-width: 100%; width: 40%;} */
/* .historyList .detail dd.img.w75 img {width: 75% !important;} */
.historyList .left dt .in:after { right:-46px; }
.historyList .left dt .in:before { right:-52px; }
.historyList .right dt .in:after { left:-44px; }
.historyList .right dt .in:before { left:-50px; }
.historyList .line .in { -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; }
.historyList .detail dt .in:after { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.historyList .detail dt .in:before { -webkit-transform:scale(0.3); transform:scale(0.3); border-radius:17px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.historyList .detail .active > dt .in:before { -webkit-transform:scale(1); transform:scale(1); }
#years1990 .detail > dl:last-child:before { -webkit-transition: background 0s ease-out 0.3s; transition: background 0s ease-out 0.3s; }


/* ******인증및 장비**** */
.certi_wrap{margin: 150px auto 0; max-width: 1450px;width: 95%;}
.certi_wrap h2{margin-bottom: 50px; padding-left: 45px;position: relative;font-size: 34px; }
.certi_wrap h2::before{content: "";display: block;background: url(../img/point.png)no-repeat;width: 30px; height: 30px;position: absolute;top: 0;left: 0; }
.certi_wrap .equipment{display: flex;flex-wrap: wrap;}
.certi_wrap .equipment li{width: calc(100% / 4 - 20px); box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-top:1px solid #034ea1; border-bottom: 1px solid #034ea1; margin: 20px 10px; }

.certi_wrap .equipment li .certi_img{height: 240px; overflow: hidden;}
.certi_wrap .equipment li .certi_img img{width: 100%; height: 100%;}
.certi_wrap .equipment li .certi_txt{padding: 10px;}
.certi_wrap .equipment li .certi_txt h3{font-size: 20px; line-height: 1.5; margin-top: 10px;}
.certi_wrap .equipment li .certi_txt p{font-size: 16px; line-height: 1.5;}

.certification_inner{margin-top: 100px;}
.certi_wrap .certification{display: flex;flex-wrap: wrap;}
.certi_wrap .certification li{width: calc(100% / 5 - 20px); border: 1px solid #ddd; box-sizing: border-box; margin: 0 10px;}
.certi_wrap .certification li img{display: block; width: 100%;}
.certi_wrap .certification li p{font-size: 18px; text-align: center;line-height: 1.5; padding: 20px 0; border-top: 1px solid #ddd;}



/************사업분야************/
.business_wrap{margin: 150px auto 0; max-width: 1450px; width: 95%;}
.business_wrap h2{font-family: 'Ubuntu', sans-serif; font-size: 34px; text-align: center;}
.business_wrap>p{ font-size: 18px; margin: 30px 0 50px 0; text-align: center;}
.business_wrap ul{display: flex;justify-content: space-between; flex-wrap: wrap;}
.business_wrap ul li{width:calc(100% / 3 - 20px); text-align: center; 
   
}
.business_wrap ul li .business_img{width: 100%;}
.business_wrap ul li .business_img img{width: 100%;}
.business_wrap ul li .business_txt{padding-bottom: 10px;}
.business_wrap ul li .business_txt span{background: #034ea1; padding: 15px; border-radius: 50%; color: #fff; font-size: 16px;}
.business_wrap ul li .business_txt h3{margin-top: 35px; font-size: 24px;}
.business_wrap ul li .business_txt p{font-family: 'Ubuntu', sans-serif; font-size:22px; line-height: 2; margin-bottom: 20px;}
.business_wrap ul li .business_txt a{display: block;font-family: 'Ubuntu', sans-serif; font-size: 18px;width: 180px;margin: 0 auto;padding: 15px;color: #034ea1;   transition: ease-out 0.5s; 
overflow: hidden; position: relative; background: transparent; border: 2px solid #034ea1 ; font-weight: 600;}
.business_wrap ul li .business_txt a:hover{ color: white;
    box-shadow: inset 0 -100px 0 0 #034ea1 ;}
    .business_wrap ul li .business_txt a:active{transform: scale(0.9);}
.business_wrap ul li:hover{
    --_i: 100%; transition: .3s, -webkit-mask-size .3s .3s;
   }


 @media all and (min-width: 1024px){
    .business_wrap ul li{ transition: all .5s;
        border: 4px solid;
        border-image: repeating-linear-gradient(135deg,#0575E6 0 10px,#0053D0 0 20px,#007BE5 0 30px) 8;
        -webkit-mask: 
          conic-gradient(from 180deg at top 8px right 8px, #0000 90deg,#000 0)
           var(--_i,200%) 0  /200% var(--_i,8px) border-box no-repeat,
          conic-gradient(at bottom 8px left  8px,  #0000 90deg,#000 0)
           0   var(--_i,200%)/var(--_i,8px) 200% border-box no-repeat,
          linear-gradient(#000 0 0) padding-box no-repeat;
        transition: .3s, -webkit-mask-position .3s .3s;}
   }
   



/* ******************- 제품소개 ********************** */
.product{margin: 150px auto 0; max-width: 1450px; width: 95%;}
.product>ul{display: flex; flex-wrap: wrap;}
.product>ul>li{width: calc(100% / 3 - 30px); margin: 20px 15px; box-shadow: rgba(99, 99, 99, 0.4) 0px 2px 8px 0px; transition: all .3s;}
.product>ul>li a{display: block; width: 100%; height: 100%;}
.product>ul>li a .product_img{width: 100%; position: relative;}
.product>ul>li a .product_img>img{width: 100%;}
.product>ul>li a .product_img ul{position: absolute; top: 10px; right: 20px;}
.product>ul>li a .product_img ul li{margin-bottom: 10px; text-align: center;}
.product>ul>li a .product_img ul li img{width: 50px;}
.product>ul>li a .product_img ul li span{display: block; font-size: 12px; line-height: 1.5;}
.product>ul>li a .product_img ul.nargo li span i{display: block;}


.product ul li a .product_txt{padding-left: 20px;}
.product ul li a .product_txt h2{font-family: 'Ubuntu', sans-serif; font-size: 22px; color: #111;}
.product ul li a .product_txt p{font-size: 18px; line-height: 2.5;margin-bottom: 20px; color: #666;}

.product>ul>li:hover{box-shadow: rgba(0,67, 174, 0.3) 0px 5px 15px;}
.product>ul>li:hover .product_txt h2{color:#2262b3 ;}




/* ********제품소개 상세페이지****** */

/*제품상단*/
.swiper-button-next:after, .swiper-button-prev:after{color: #111;}
.product_sub_top .swiper-pagination-bullet{border: 1px solid #111;}
.product_sub_top .swiper-pagination-bullet-active{background-color: #111;}


.product_sub{margin: 150px auto 0; max-width: 1450px; width: 95%;}
.product_sub>ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.product_sub>ul>li{width: calc(100% / 2 - 40px); }
.product_sub>ul>li{}
.product_sub>ul>li .pro_sub{}
.product_sub>ul>li .pro_sub .swiper-slide{text-align: center;}
.product_sub>ul>li .pro_sub img{width: 80%;}

.product_sub>ul>li h2{ font-family: 'Ubuntu', sans-serif; font-size: 36px; margin: 50px 0 20px 0; line-height: 1.3;}
.product_sub>ul>li h3{ font-size: 26px; border-bottom: 1px solid #111; padding-bottom: 20px; color: #666; font-weight: 500;}
.product_sub>ul>li .pro_content{margin: 30px 0; padding-bottom: 100px;}
.product_sub>ul>li .pro_content>p{ font-size: 30px;}

.product_sub>ul>li .pro_content ul{display: flex; margin: 20px 0;}
.product_sub>ul>li .pro_content ul li{width: calc(100% / 3 - 20px); text-align: center;}
.product_sub>ul>li .pro_content ul li img{ width: 70px;}
.product_sub>ul>li .pro_content ul li p{font-size: 18px;}
.product_sub>ul>li .pro_content ul li p>span{ font-size: 14px; color: #666; font-weight: 400; margin-left: 5px; line-height: 1.5;}
.product_sub>ul>li .pro_content ul li>span{ font-size: 18px; font-family: 'GmarketSansLight'; line-height: 2;}

.product_sub>ul>li .pro_btn{display: flex; justify-content: space-around;}
.product_sub>ul>li .pro_btn li{ border: 1px solid #333; font-family: 'Noto Sans KR', sans-serif; width: calc(100% / 2 - 20px);}
.product_sub>ul>li .pro_btn li a{ display: block; width: 100%; position: relative; transition: all .3s;}
.product_sub>ul>li .pro_btn li a span{ font-size: 18px; line-height: 60px; padding-left: 20px;}
.product_sub>ul>li .pro_btn li a.download::after{content: ""; display: block; background: url(../img/download_icon.png) no-repeat; width: 30px; height: 30px; position: absolute; top: 13px; right: 25px;}
.product_sub>ul>li .pro_btn li a.list::after{content: ""; display: block; background: url(../img/list_icon.png) no-repeat; width: 30px; height: 30px; position: absolute; top: 13px; right: 25px;}

.product_sub>ul>li .pro_btn li a:hover{background: #034ea1 ; color: #fff;}
.product_sub>ul>li .pro_btn li a.download:hover::after{background: url(../img/download_icon_act.png) no-repeat;}
.product_sub>ul>li .pro_btn li a.list:hover::after{background: url(../img/list_icon_act.png) no-repeat;}


/* 제품상단_opk,프레시,AMR */
.pro_content .pro_content_top{flex-direction: column;}
.pro_content .pro_content_top li{width: 100% !important; display: flex; margin: 20px 0;}
.pro_content .pro_content_top li h2{ font-size: 18px; margin:0; background-color:#efeeee; width: 150px; padding: 20px; border-radius: 15px; color: #0045aa; font-family: 'GmarketSansMedium'; }
.pro_content .pro_content_top li p{margin-left: 20px; line-height: 1.2; padding-top: 18px;}






/************제품하단************/
.product_sub_bottom{margin-top: 100px;}
.product_sub_bottom>div{  margin-bottom: 100px;}
.product_sub_bottom>div> h2{ font-size: 30px; border-bottom: 1px solid #111;padding-bottom: 20px; font-weight: 500; margin-top: 10px;}
.product_sub_bottom>div> h3.pro_performance_tit{margin-top: 50px; font-size: 24px; padding-left: 30px; position: relative;}
.product_sub_bottom>div> h3.pro_performance_tit::before{content: ""; display: block; width: 10px; height: 10px; background-color:#034ea1; position: absolute; left: 0; top: 5px;}

/*제품도면*/
.pro_plan{}
.pro_plan .drawing{margin-top: 30px; text-align: center;}
.pro_plan .drawing img{width: auto;}

/*제품특징*/
.pro_characteristic{}
.pro_characteristic > ul{ display: flex; flex-wrap: wrap; overflow: hidden;}
.pro_characteristic > ul > li{width: calc(100% / 3 - 30px); margin: 30px 14px; padding: 20px 0; position: relative;}
.pro_characteristic > ul > li > span{display: block; text-align: right; font-size: 35px; color: #ccc; font-weight: 600;}
.pro_characteristic ul li h2{ font-size: 22px; margin: 20px 0; padding-left: 45px;}
.pro_characteristic > ul > li > p{font-size: 16px; line-height: 1.5; width: 70%; height: 140px; margin-left: 45px;}
.pro_characteristic ul li .pro_characteristic_img{width: 80%; margin: 20px auto 0; border: 1px solid #ccc;}
.pro_characteristic ul li .pro4{border: none;}
.pro_characteristic ul li .pro_characteristic_img img{width: 100%;}
.pro_characteristic > ul > li::after{content: ""; display: block;width: 1px ;
height: 550px; background-color: #e0e0e0; position: absolute; top: 0; right: -25px; }
.pro_characteristic ul li:nth-child(3)::after{display: none;}
.pro_characteristic ul li:nth-child(6)::after{display: none;}

.pro_characteristic ul li:nth-child(4)::before{content: "";display: block; background-color: #ddd; width:1450px; height: 1px; position: absolute; top: -35px; left: 0;}


.pro_characteristic_list2{border-top: 1px solid #ddd; margin-top: 25px;}

.characteristic_wrap>p{font-size: 20px; position: relative; padding-left: 20px; line-height: 2;}
.characteristic_wrap>p::before{content: ""; display: block; background-color: #034ea1 ; width: 5px;height: 5px; border-radius: 50%; position: absolute; top: 15px; left: 0;}
.characteristic_wrap{margin-top: 30px;}


.pro_characteristic .pro4_char{ display: flex; width: 80%; margin: 50px auto 0;}
.pro_characteristic .pro4_char li{width: 100%;}
.pro_characteristic .pro4_char li p{ line-height: 2.5; font-family: 'NanumSquare'; font-size: 16px;}
.pro_characteristic .pro4_char li p span{ border: 1px solid black; border-radius: 50%; width: 10px; height: 10px; display: inline-block; text-align: center; line-height: 13px; padding: 4px;}
.pro_characteristic .pro4_char li p b{ font-weight: 400; color: #999; margin: -10px 0 0 30px; display: block;}


.pro5_characteristic .pro5_char{ display: flex; margin-top: 30px; justify-content: space-between;}
.pro5_characteristic .pro5_char li{width: calc(100% / 2 - 30px);} 
.pro5_characteristic .pro5_char li img{width: auto;}
.pro5_characteristic .pro5_char li .characteristic_wrap{margin-top: 40px;}
.pro5_characteristic .pro5_char li .characteristic_wrap p{font-size: 18px; margin-bottom: 20px;}

.pro5_characteristic .pro5_char li::after{display: none;}





/*제품 형태별 선택가능*/
.pro_function{}
.pro_function ul{display: flex; flex-wrap: wrap;margin-top: 50px;}
.pro_function ul li{width: calc(100% / 4 - 40px); margin: 0 19px; text-align: center;}
.pro_function ul li div{border: 1px solid #ccc; margin-bottom: 20px;}
.pro_function ul li div img{width: 100%;}
.pro_function ul li h3{font-size: 22px; font-weight: 500;}

/*제품 사이즈별 선택가능*/
.pro_size{}
.pro_size ul{display: flex; margin-top: 50px; flex-wrap: wrap;}
.pro_size ul li{width: calc(100% / 4 - 2px); font-size: 22px; text-align: center; border: 1px solid #999; height: 60px; line-height: 60px;}
.pro_size ul li:first-child{border-left: 0;}
.pro_size ul li:last-child{border-right: 0;}



/* 제품 표 */
.pro_performance{overflow-x: auto;}
.pro_data{overflow-x: auto;}
.pro_safety{overflow-x: auto;}
.pro_table{ margin-top: 50px; width: 100%; min-width: 700px;}
.pro_table tr th{background-color: #f3f3f3; font-size: 22px; padding:20px 0;  border: 1px solid #999; border-top: 1px solid #000;  font-weight: 500;}
.pro_table tr td{font-size: 18px; color: #999; padding: 25px 0; text-align: center; border: 1px solid #999; line-height: 1.5;}
.pro_table tr td:last-child{text-align: left; padding-left: 50px;}
.pro_table tr th:first-child{border-left: none;}
.pro_table tr td:first-child{border-left: none;}
.pro_table tr th:last-child{border-right: none;}
.pro_table tr td:last-child{border-right: none;}

.pro_table2 tr td:last-child{text-align: center; padding-left: 0;}
.pro_table tr th.pro4{background-color: #f5f5f5;}
.pro_table tr th.pro4_2{background-color: #e2e2e2;}
.pro_table tr.pro5_tb_color{background-color: #f5f5f5;}
.pro_table td img{width: auto;}



/* 제품APPLICATIONS */
.pro_appl{}
.pro_appl ul{display: flex; flex-wrap: wrap;margin-top: 50px; }
.pro_appl ul li{width:calc(100% / 4 - 20px) ; margin: 10px;}
.pro_appl ul li img{width: 100%;}



/*제품 solution*/
.pro_solution{}

.solution_bg{background: url(../img/sub5_solution_bg.png) no-repeat; width: 100%; height:1200px; position: relative; margin-top: 150px;}
.solution_bg div div{margin-top: 30px;}
.solution_bg div h2{ background-color: #2b336a; color: #fff; font-size: 24px;  text-align: center; text-transform : uppercase; font-weight: 400; line-height: 1.2; height: 60px; padding-top: 10px; position: relative;}
.solution_bg div h2 i{display: block;}
.solution_bg div h2 span{display: none;}
.solution_bg div p{ font-size: 18px; line-height: 1.5;}
.solution_bg .sol1{ position: absolute; top: -70px; left: 0; width: 800px;}
.solution_bg .sol1 p{padding-left: 400px;}
.solution_bg .sol1 h2{line-height: 60px;}
.solution_bg .sol1 h2 i{display: none;}
.solution_bg .sol2{ position: absolute; top: -70px; right: 0; width: 600px;}
.solution_bg .sol2 div{width: 80%;}
.solution_bg .sol3{position: absolute; bottom: 55px; left: 150px; width: 500px;}
.solution_bg .sol4{position: absolute; bottom: 35px; right: 30px; width: 500px;}




/*customizing*/
.customizing{ max-width: 1450px; width: 90%; margin: 150px auto 0;}
.customizing .tab_menu{ display: flex; line-height: 60px; border: 1px solid #034ea1;}
.customizing .tab_menu li{width: 50%; text-align: center; transition: all .3s;}
.customizing .tab_menu li.on{background-color:#034ea1; }
.customizing .tab_menu li.on span{color: #fff;}
.customizing .tab_menu li a{display: block; width: 100%; height: 100%;}
.customizing .tab_menu li a span{font-size: 18px;}
.customizing .tab_menu li:hover{background-color: #034ea1;}
.customizing .tab_menu li:hover span{color: #fff;}

.customizing .customizing_img{margin-top: 100px;}
.customizing .customizing_img h2{font-size: 30px; border-bottom: 1px solid #111; padding-bottom: 20px; font-weight: 500; margin-top: 10px;}
.customizing .customizing_img ul{display: flex; flex-wrap: wrap; margin-top: 50px;}
.customizing .customizing_img ul li{width:calc(100% / 3 - 20px) ; margin: 10px;}
.customizing .customizing_img ul li img{width: 100%;}
.customizing .customizing_img .custo2_new{font-size: 25px; margin-top: 50px; padding-left: 40px; position: relative;}
.customizing .customizing_img .custo2_new::before{content: ""; display: block; width: 25px; height: 25px; background: url(../img/point.png) no-repeat; position: absolute; left: 4px; top: -3px; background-size: cover;}
.customizing .customizing_img .custo2_new_list{margin-top:30px ;}

/* ****************** 오시는 길 ********************** */
/* 오시는길 :: 상단 */
.map_area{position:relative; margin:0px auto 55px; }
.map_area .map-iframe-con{padding-top:35%; position:relative; height:0;}
.map_area .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
/* 오시는길 :: 하단정보1 */
.map-tbl-con .map-tbl-tit{margin-bottom:1.15em; font-size:26px; color:#000; letter-spacing:-0.35px;}
.map-tbl-con .map-tbl-tit i{position:relative; top:2px; margin-right:5px; font-size:1.15em;}
.map-tbl-con .map-tbl-tit b{color:#034ea1 ;}
.map-tbl{width:100%; border-top:1px solid #000;}
.map-tbl th,.map-tbl td{padding:15px 20px; letter-spacing:-0.3px; font-size:15px; line-height:1.5; border-bottom:1px solid #dfdfdf; color:#000;}
.map-tbl th{width:140px;text-align:left; font-weight:500; background-color:#f8f8f8;}
.map-tbl td p{margin-top:5px}
.map-tbl td p:first-child{margin-top:0}

/* ******************  inquiry ********************** */
#inquiry .sub_content {padding-top: 80px;}
.formMail_box {width: 100%;}
.g_inquiry {width: 100%;}
.g_inquiry .sub_content .c_center_box{position:relative; padding-bottom:30px;}
.g_inquiry .sub_content .c_center_box:after{content:''; display:block; clear:both;}
.g_inquiry .sub_content .c_center_box h3{
	font-size:25px; 
	color:#333; 
	padding-bottom:15px; 
	text-align:left;
	font-weight:500!important;
    font-family: "Noto Sans KR", sans-serif;
}
.g_inquiry .sub_content .c_center_box .info_txt{font-size:15px; color:#666; position:absolute; right:0; top:10px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .info_txt .txt_style{font-size:15px; vertical-align: top; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .check_point{
	position:absolute; 
	top:-3px;
	right:-17px; 
	display:inline-block; 
	width:20px; 
	height:20px; 
	background:url("/img/require.png") 50% 50% no-repeat;
}
.g_inquiry .sub_content .c_center_box table{ width:100%; border-top:2px solid #034ea1 ;}
.g_inquiry .sub_content .c_center_box table th{ 
	padding:30px 0 30px 40px; 
	font-size:15px; 
	text-align:left;
    font-family: "Noto Sans KR", sans-serif;
    border-bottom:1px solid #ddd!important;
}
.g_inquiry .sub_content .c_center_box table th.th_style{vertical-align:top; padding-top:20px;}
.g_inquiry .sub_content .c_center_box table th label{ 
	font-size:17px; 
	position:relative; 
	color:#222; 
	font-weight:normal;
    font-family: "Noto Sans KR", sans-serif;
    cursor: default;
}
.g_inquiry .sub_content .c_center_box table th .label{ position:relative; font-size:16px; color:#333;font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box table td{padding: 25px 0; font-size:16px; color:#666; line-height:20px; text-align:left;font-family: "Noto Sans KR", sans-serif; border-bottom:1px solid #ddd!important;}
.g_inquiry .sub_content .c_center_box table td span {padding: 0 20px;}
.g_inquiry .sub_content .c_center_box table tr{}
.g_inquiry .sub_content .c_center_box .select{display:inline-block; height: 53px; box-sizing:border-box; margin-top:-3px; vertical-align:middle; margin-left:32px;}
.g_inquiry .sub_content .c_center_box .select.type1{margin-left:0;}
.g_inquiry .sub_content .c_center_box .selectBox {padding:0;}
.g_inquiry .sub_content .c_center_box .selectBox-dropdown {min-width:130px;}
.g_inquiry .sub_content .c_center_box .selectBox-dropdown .selectBox-label {height:53px; width:125px !important; overflow: hidden;box-sizing:border-box; line-height: 32px; }
.g_inquiry .sub_content .c_center_box .selectBox-dropdown .selectBox-arrow:before{margin-top:10px; }
.g_inquiry .sub_content .c_center_box .selectBox-options li a{height:33px; line-height:33px;}
.g_inquiry .sub_content .c_center_box .form_style{padding: 14px 20px 14px 15px; border:1px solid #ddd; font-size:16px; line-height:20px; font-family: "Noto Sans Kr",sans-serif; width: 36%;}
.g_inquiry .sub_content .c_center_box .f_style3.with_name{width:130px;}
.g_inquiry .sub_content .c_center_box .f_style6{resize:none; height:170px;}
.g_inquiry .sub_content .c_center_box .f_style7{width:270px;  margin-right:10px}
.g_inquiry .sub_content .c_center_box .f_style8{width:270px; margin-left:10px}
.g_inquiry .sub_content .c_center_box .f_style8.with_name{width:300px; margin-left:0;}
.g_inquiry .sub_content .c_center_box .f_style9{width:270px;}
.g_inquiry .sub_content .c_center_box .radio label{font-size:15px; padding-right:10px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .security_code{width:130px; height:35px; line-height:35px; font-size:20px; background:#ddd; display:inline-block; text-align:center;}
.g_inquiry .sub_content .c_center_box .form_p_btn{height:34px; padding:0 15px; background:#999; color:#fff; font-size:15px; margin-left:10px; vertical-align: bottom; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .count_box{position:relative;}
.g_inquiry .sub_content .c_center_box .count_num{position:absolute; right:30px; bottom:39px; font-size:15px; font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .count_num span{
	color:#0068b7; 
	font-size:15px;
	vertical-align:top;
    font-family: "Noto Sans KR", sans-serif;
}
.g_inquiry .sub_content .c_center_box .info_txt_box{width:100%; height:195px; overflow:auto; border:1px solid #ddd; text-align:left; padding:10px 20px; font-size:15px; color:#666; box-sizing:border-box; line-height:1.6;font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .info_txt_box.with_name{height:160px; padding:30px 35px 20px ; color:#333; line-height:23px;}
.g_inquiry .sub_content .c_center_box .info_txt_box.with_name span{ 		
	display:block; 
	font-size:15px; 
	line-height:23px; 
	font-weight:bold;
    font-family: "Noto Sans KR", sans-serif;
  }
.g_inquiry .sub_content .c_center_box .checkbox{padding:20px; float:right;}
.g_inquiry .sub_content .c_center_box .checkbox span{font-size:15px;font-family: "Noto Sans KR", sans-serif; line-height: 25px;}
.g_inquiry .sub_content .c_center_box .checkbox label{ 
	font-size:15px; 
	margin-left:6px;
    font-family: "Noto Sans KR", sans-serif;
}
.g_inquiry .sub_content .c_center_box .notice_txt_s{display:inline-block; margin-left:10px;}
.g_inquiry .sub_content .c_center_box .notice_txt_s li{color:#1b2e5a; font-size:12px; line-height:18px;font-family: "Noto Sans KR", sans-serif;}
.g_inquiry .sub_content .c_center_box .notice_txt_s li:before{content:'* ';}
.g_inquiry .sub_content .btn_style_wrap{text-align: center; clear:both;}
.g_inquiry .sub_content .btn_style_wrap .inq_btn{font-size:15px; padding:10px 55px;height: 49px; margin: 0 10px;}
.g_inquiry .sub_content .btn_style_wrap .inq_btn1{ border:1px solid #999; background:#fff; margin-right:10px;}
.g_inquiry .sub_content .btn_style_wrap .inq_btn2{ 
	border:1px solid #444; 
	background: #444; 
	color:#fff; 
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.g_inquiry .sub_content .btn_style_wrap .inq_btn2:hover {
    border: 1px solid #034ea1 ;
    background: #034ea1 ;
}
.file_box {width:400px; overflow:hidden; display:inline-block;}
.file_input_tb{float:left; height:35px; width:365px; margin-right:10px; position:relative;}
input.file_input_tb{ background-color:#ddd; border: none; width:270px; height:34px;}
.file_input_div{display:inline-block; width:270px; text-align:center; }
.file_input_button{
	height:34px; 
	padding: 0 19px;  
	background-color:#afafaf; 
	color:#fff!important; 
	border:none; 
	position:absolute; 
	top:0; 
	right:0; 
	z-index:1; 
	cursor: pointer;
	font-size:15px;
    font-family: "Noto Sans KR", sans-serif;
}
.file_input_hidden{overflow:hidden; display:none; position:absolute; left:-9999em; width:83px;  height:30px; font-size:45px; opacity:0;  filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0;}

/* select box */
.select {display:block; position:relative; z-index:1; min-width:120px; text-align:left; background-color:#fff;}
.select > a {
	display:block; 
	overflow:hidden; 
	padding:0 15px; 
	line-height:40px; 
	font-size:15px; 
	color:#666; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-break:break-all; 
	border:1px solid #ddd; 
	background:url(/img/gnb_bg.gif) no-repeat right 11px center;
    font-family: "Noto Sans KR", sans-serif;
}
.select > a:before {
	display:inline-block; 
	content:""; 
	position:absolute; 
	top:50%; 
	right:30px; 
	margin-top:-7px; 
	width:1px; 
	height:14px; 
	background-color:#ddd;
}
.select ul {
	display:none; 
	position:absolute; 
	top:42px; 
	left:0; 
	width:100%; 
	background-color:#fff;
}
.select ul li {border:1px solid #ddd; border-top:0;}
.select ul li a {
	display:block; 
	overflow:hidden; 
	padding:7px 15px; 
	font-size:15px; color:#666; 
	line-height:30px; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-break:break-all;
    font-family: "Noto Sans KR", sans-serif;
}
.select ul li a:focus,
.select ul li a:hover {color:#fff; background-color:#0068b7;}
table .select > a{line-height: 53px;}
table .select{width: 170px;}
.utility .select > a{line-height:30px;}
.g_inquiry .sub_content .c_center_box .select ul {top: 53px; }
.g_inquiry .sub_content .c_center_box .select ul li a{padding:0 15px; }
.selectBox-dropdown {min-width:120px; border-radius:0; background:none; background-color:#fff;}
.selectBox-dropdown .selectBox-label {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  word-break:break-all; background-color:#fff;}
.selectBox-dropdown .selectBox-arrow {background-color:#fff;}
.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {}
.selectBox-dropdown-menu {}
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {}
.selectBox-options li.selectBox-selected a {}
.select .selectBox.selectBox-dropdown{border: 1px solid #ddd;}
.select .selectBox-dropdown {min-width:120px; border-radius:0; }
.select .selectBox-dropdown .selectBox-label {overflow:hidden; height:38px; line-height:38px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; background-color:#fff;}
.select .selectBox-dropdown .selectBox-arrow { width: 38px; background-color:#fff; background-image: url(/ko/pc/assets/images/common/arrow1.png);  background-position:center center; border-left:none;}
.select .selectBox-dropdown .selectBox-arrow:before{content:''; border-left:1px solid #ddd; margin-top:12px; display:inline-block; height: 15px; }
.select .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow { background-image: url(images/arrow2.png); background-position:center center;}
.select .utility .selectBox-dropdown .selectBox-label {width: 190px !important;}
.select .utility .selectBox.selectBox-dropdown{width: 230px !important;}
.selectBox-options li a{padding:6px 7px; font-size:14px; border-bottom:1px solid #ddd; }
.selectBox-options li a:hover{background:#1b2e5a; color:#fff;}
.selectBox-options li.selectBox-selected a{background:#1b2e5a; color:#fff;}
.selectBox-dropdown-menu{box-shadow:none; -webkit-box-shadow:none; border:1px solid #ddd; }
.select.type1 .selectBox-dropdown .selectBox-label {height: 34px; line-height: 34px; }
.select.type1 .selectBox-options li a {border-bottom:1px solid #ddd; }
.select.type1 .selectBox-options li a{height:34px; line-height:34px;}
.select.type1 .selectBox-dropdown .selectBox-arrow:before{margin-top:10px;}


/* btn_style  */
.btn_style1 {display: inline-block; width: 110px; height: 40px; position:relative; background: #fff; border: 1px solid #797979; line-height: 40px;}
.btn_style1 span{padding-left: 27px; font-size: 15px; color:#555;}
.btn_style1 span:after{ content:'';  width: 7px;  height: 7px; position:absolute; right: 25px; top: 13px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(45deg)}
.btn_style2{ display: inline-block; width: 135px; height: 50px; position:relative; background: #fff; border: 1px solid #797979;  text-align: center; line-height: 50px;}
.btn_style2 span{font-size: 15px; color:#555;}
.btn_style2 span:after{ content:'';  width: 5px;  height: 5px; position:absolute; right: 28px; top: 21px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(-45deg)}s
.btn_style3 {display: inline-block; width: 95px; height: 30px; border-radius:20px; position:relative; border: 1px solid #797979; line-height: 30px;}
.btn_style3 span{ padding-left: 20px; font-size: 13px; color:#555;}
.btn_style3 span:after{ content:'';  width: 5px;  height: 5px; position:absolute; right: 17px; top: 12px; border-right: 1px solid #555;  border-bottom: 1px solid #555;  transform: rotate(-45deg)}
.btn_style4 {display: inline-block; padding:8px 35px 9px ; text-align: center; border: 1px solid #bbb; }
.btn_style4 span{ font-size: 15px; color:#555;}
.btn_style5 {display:inline-block; padding:15px 50px;  background:#1b2e5a;  text-align: center; transition:0.5s;}
.btn_style5 span{font-size: 18px; color:#fff;}
.btn_style6 {display:inline-block; padding:8px 10px 8px 20px; border:1px solid #ddd;}
.btn_style6 span {font-size:12px; color:#333;}
.btn_style6 span:after {display:inline-block; content:""; margin-left:5px; width:4px; height:4px; vertical-align:middle; border-right:1px solid #777; border-bottom:1px solid #777; transform:rotate(-45deg);}
.btn_style7 {position:relative; display:inline-block; padding:8px 24px 8px 20px; font-size:12px; color:#333; border:1px solid #ddd;}
.btn_style7:after {position:absolute; top:50%; right:10px; display:inline-block; content:""; width:4px; height:4px; border-right:1px solid #777; border-bottom:1px solid #777; transform:translate(0, -50%) rotate(-45deg);}
.btn_style8{display:inline-block; height: 40px; padding:9px 35px;  background: #1e305c;  text-align: center; transition:0.5s; }
.btn_style8 span{font-size: 15px; color:#fff;}
.btn_style8:hover,
.btn_style5:hover{background:#1e305c;}


/* Checkbox & radio */
@-webkit-keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#0c408d;}}
@keyframes hover-color {from {border-color:#c0c0c0;} to {border-color:#0c408d;}}
.formMail_box input[type="radio"],
.formMail_box input[type="checkbox"] {/*display:none;*/ position:absolute; opacity:0;}
/*input[type="radio"]:focus,*/
/*input[type="checkbox"]:focus {width:20px; height:20px; border:1px dashed #ddd; }*/
.formMail_box input[type="radio"][disabled],
.formMail_box input[type="checkbox"][disabled] {cursor:not-allowed;}
.formMail_box input[type="radio"] + label,
.formMail_box input[type="checkbox"] + label {
	display:inline-block; 
	position:relative; 
	padding-left:30px; 
	line-height:18px; 
	vertical-align:middle; 
	cursor:pointer; 
	outline:0;
}
.formMail_box input[type="radio"] + label:focus,
.formMail_box input[type="checkbox"] + label:focus {outline:0; box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
.formMail_box input[type="radio"] + label:hover:before,
.formMail_box input[type="checkbox"] + label:hover:before {animation-duration:0.4s; animation-fill-mode:both; animation-name:hover-color;}
.formMail_box input[type="radio"] + label:before,
.formMail_box input[type="checkbox"] + label:before {
	display:inline-block; 
	content:''; 
	position:absolute; 
	top:0; left:0; 
	width:20px;
	height:20px; 
	border:1px solid #dfdfdf; 
	box-sizing:border-box;
}
.formMail_box input[type="radio"] + label:after,
.formMail_box input[type="checkbox"] + label:after {display:none; position:absolute; content:'';}
.formMail_box input[type="radio"][disabled] + label,
.formMail_box input[type="checkbox"][disabled] + label {cursor:not-allowed; color:#e4e4e4; }
.formMail_box input[type="radio"][disabled] + label:hover,
.formMail_box input[type="radio"][disabled] + label:before,
.formMail_box input[type="radio"][disabled] + label:after,
.formMail_box input[type="checkbox"][disabled] + label:hover,
.formMail_box input[type="checkbox"][disabled] + label:before,
.formMail_box input[type="checkbox"][disabled] + label:after {cursor:not-allowed; border-color:#bbb; }
.formMail_box input[type="radio"][disabled] + label:hover:before,
.formMail_box input[type="checkbox"][disabled] + label:hover:before {border:1px solid #e4e4e4;}
.formMail_box input[type="radio"][disabled] + label:before,
.formMail_box input[type="checkbox"][disabled] + label:before {border-color:#e4e4e4;}
.formMail_box input[type="radio"]:checked + label:before,
.formMail_box input[type="checkbox"]:checked + label:before {animation-name:none;}
.formMail_box input[type="radio"]:checked + label:after,
.formMail_box input[type="checkbox"]:checked + label:after {display:block; }
.formMail_box input[type="radio"][disabled] + label:hover:before,
.formMail_box input[type="checkbox"][disabled] + label:hover:before {border:1px solid #e4e4e4; animation-name:none;}
.formMail_box input[type="radio"] + label:before {border-radius:50%;}
.formMail_box input[type="radio"] + label:after {top:5px; left:5px; width:10px; height:10px; border-radius:50%; background:#0c408d;}
.formMail_box input[type="radio"]:checked + label:before {border:1px solid #dfdfdf;}
.formMail_box input[type="radio"]:checked[disabled] + label:before {border:1px solid #e3e3e3;}
.formMail_box input[type="radio"]:checked[disabled] + label:after {background:#eee;}
.formMail_box input[type="checkbox"] + label:before {border-radius:0;}
.formMail_box input[type="checkbox"] + label:after {
	top:0; left:6px; 
	width:6px; height:12px;  
	border-style:solid; 
	border-color:#0c408d; 
	border-top:0; 
	border-left:0; 
	transform:rotate(45deg); 
	-ms-transform:rotate(45deg);
}
.formMail_box input[type="checkbox"]:checked + label:before {border:1px solid #cdcdcd; background:#fff;}
.formMail_box input[type="checkbox"]:checked[disabled] + label:before {border:1px solid #e3e3e3; background:#eee;}

.formMail_box input[type="radio"]:focus + label,
.formMail_box input[type="checkbox"]:focus + label {/*box-shadow:0 0 2px #4d90fe; border-collapse: separate;*/}
.require {color: red;}





/* *******************************************************
 * 미디어쿼리 시작
******************************************************** */
/* ****************** 서브 공통 ********************** */
@media all and (max-width:1280px){
.cont_sec{ margin-top:60px}	
.cont_sec:first-child{ margin-top:80px}
.g_inquiry .sub_content .c_center_box table td span {padding: 0 10px;}
}
@media all and (max-width:1024px){
.sub_tit-box{ margin-bottom:30px}	
.sub_tit-box .tit{ font-size:28px}
.cm-txt br{ display:none}


}
@media all and (max-width:800px){
.sub_tit-box{ margin-bottom:20px}		
.sub_tit-box .tit{ font-size:22px}
.cont_sec { margin-top: 45px!important;}	
.cm-tit {font-size:31px;}
.cm-con-tit {font-size:25px;}
.cm-txt {font-size: 13px; line-height: 1.25em;}
.check-txt {font-size:12px; padding-left:20px;}
.check-txt:before {font-size:15px;}	
.cm-con-tit2{ font-size:32px}	
.cm-txt2{ font-size:16px; margin-top: 10px}		
.product{margin: 80px auto 0;}
}
@media all and (max-width:640px){
.cont_sec {margin-top: 35px;}	
.cm-con-tit.big{ font-size:30px}	
br.m_only{ display:block}
}
@media all and (max-width:480px){
.cm-con-tit2 {font-size: 26px;}	
.cm-txt2{ font-size:13px; line-height: 1.25em;}		
}


/* ****************** 회사소개 :: OURSTORY ********************** */
@media all and (max-width:1080px) {

}
@media all and (max-width:1080px) {
    .ourstory-list-box figure {width: 46%; transform: unset; margin-left: 23px;}
    .ourstory-list-box .txt_wrap {width:70%;}
    .ourstory-list-box .txt_wrap p.tp {}
    .ourstory-list-box .txt_wrap p.get_tit{font-size: 32px;}
    .ourstory-list-box .txt_wrap p.txt_li {font-size: 16px; margin-top: 20px;}
    .ourstory-list-box .txt_wrap p.txt_li i{display: inline-block;}
    .ourstory-list-box .txt_wrap p.sign{font-size: 22px;}
    .ourstory-list-box .txt_wrap::after{right: -40%;}
    .ourstory_video ul li h2{font-size: 28px;}
}

@media all and (max-width:850px) {
    .ourstory-list-box figure { position:inherit; width:75%; height:auto; left: 50%; transform: translateX(-50%)}
    .ourstory-list-box figure p > img { transform:none; position:inherit; left:0; top:0; width:100%; height:auto;}
    .ourstory-list-box .txt_wrap { float:none; width:100%; margin:0; padding:0; z-index:inherit}
    .ourstory-list-box .txt_wrap:after{ content:""; display:block; position:absolute; top:148px; left:0; background:#f5f5f5; height:100%; width:100%; transform:translateY(-30%); z-index:-1}
    .ourstory-list-box .txt_wrap .txt_inner {width: 100%; padding: 8%;}
  
    .ourstory-list-box .txt_wrap p.txt_li {font-size: 15px;}
    .ourstory-list-box .txt_wrap p.get_tit{font-size: 28px;}
    .ourstory-list-box .txt_wrap p.sign{font-size: 20px;}
    .ourstory_video ul li h2{font-size: 24px;}
}
@media all and (max-width:800px) {
    .ourstory-list-box .txt_wrap p.txt_li {margin-bottom: 13px;}
    .ourstory-list-box figure p {margin-left: -16px;}
    
}
@media all and (max-width:650px) {
    .ourstory_video ul{flex-direction: column;}
    .ourstory_video ul li{width: 100%; margin: 30px 0;}
    .ourstory-list-box .txt_wrap p.get_tit{font-size: 24px;}
    .ourstory_video ul li h2{font-size: 22px;}
}
@media all and (max-width:480px) {
    .ourstory-list-box .txt_wrap .txt_inner {padding: 6%;}
    .ourstory-list-box .txt_wrap p.get_tit{font-size: 22px;}
    .ourstory_video ul li h2{font-size: 20px;}
}


/* ******************  COMPANY :: HISTORY ********************** */
@media all and (max-width:1224px){
    .historyList .title, .historyList .detail{ width:100%;}
    .historyList .detail dl{width:50%; box-sizing: border-box;}	
    .historyList .detail dl.right{ padding-left: 5%}
    .historyList .detail dl.left{ padding-right: 5%}
    .historyList .right dt .in:before {left: -5.5vw;}
    .historyList .right dt .in:after {left: -4.9vw;}
    .historyList .left dt .in:before{ right:-5.7vw}
    .historyList .left dt .in:after {right: -5.1vw;}
    .historyList .detail dl dd.img img{ max-width: 100%; }
}
@media all and (max-width:1080px){
	/*연혁*/
    .history_g .con .con_g .text{padding-left:45px; padding-right:0}
    .history_g .con .con_g .img{padding-right:45px; padding-left:0}
    .history_g .con:nth-of-type(even) .img{padding-left: 45px; padding-right:0}
    .history_g .con:nth-of-type(even) .text{ padding-right:45px; padding-left:0;}
    .history_g #con2 .con_g .text{ background-size:90%}
    .history_g .year .y_l{ font-size:28px}
    .history_g .year dl{ margin:10px 0}
}
@media all and (max-width:800px){
    /*=연혁=*/
    .history_g .history_top img {max-width: 60%;}
    .history_g .con{ margin-top: 15px}
    .history_g .con .con_g .text{padding-left:35px; padding-right:0}
    .history_g .con .con_g .img{ padding-right:35px; padding-left:0}
    .history_g .con:nth-of-type(even) .img{padding-left: 35px; padding-right:0}
    .history_g .con:nth-of-type(even) .text{ padding-right:35px; padding-left:0}
    .history_g .year dt{ width:55px; font-size:18px}
    .history_g .year dd{ font-size:15px} 
    
    .historyList .section{ padding:25px 0 }	
    .historyList .title{ text-align: left;border-bottom: 1px solid #ddd;margin-bottom: 30px;padding: 0 0 10px 20px; box-sizing: border-box}	
    .historyList .title .in{width: 100%; border: 0; font-size: 27px}	
    .historyList .detail dl{ width:100%; padding-right: 0!important; padding-left:25px!important; text-align: left!important; padding-bottom: 30px}	
    .historyList .detail dt{ font-size:22px}
    .historyList .detail dd{ position:relative; box-sizing: border-box}	
    .historyList .line{left:0; top: 0}	
    .historyList .detail dt .in:before{ width:12px; height: 12px; top: 12px; right: auto; left: -31px}
    .historyList .detail dt .in:after{ right: auto; left: -26px;top: 17px;width: 4px;height: 4px;}	
    #years1990 .detail > dl:last-child:before{ right:auto;margin-left: -2px; left: 0; bottom: -27px}	
    .historyList .line:before{content: ''; position: absolute;left:-2px;top:0; width: 5px;height: 5px;  background: #3394c7;border-radius: 5px;}
    .historyList .detail dd b, .historyList .detail dd p{  font-size:14px}	
    .historyList .detail dd b{width:30px}	
    .historyList .left dd{padding-left: 0}
    .historyList .left dd .month{ position:absolute; left: 0; top: 0;}
    .historyList .left dd.img{ padding: 0;margin: 10px 0 0;}	
}
@media all and (max-width:735px){
    /*연혁*/	
    .history_g{ margin-top:0}
    .history_g:before{ left:0;}
    .history_g .con:before, .history_top{ display:none}
    .history_g .con .con_g{ display:block; width:100%}
    .history_g .con .con_g .img,.history_g .con .con_g .text{ width:100%; padding:0}
    .history_g .year dl{ display:block; margin:6px 0}
     
    .history_g .con .con_g .text, .history_g #con2 .con_g .text{ padding-top:90px; background-position: right top 20px; background-size:auto 40px; box-sizing:border-box; position:relative; text-align:left!important; padding-left:25px}
    .history_g .con .text:before {top:57px; right:auto; left:-2px!important; z-index:1;}
    .history_g .con .text:after {content: ''; position: absolute; top: 60px; left: 0; right: 0;height: 1px; background: #ebebeb;}
    .history_g .year dl dt, .history_g .year dl dd{ display:inline-block; vertical-align:top}
}
@media all and (max-width:600px){
    .historyList .detail dl{ padding-bottom:20px}	
    .historyList .detail dd{ margin:5px 0}	
}
@media all and (max-width:480px){
	/*연혁*/
    .history_g .year .y_l{ font-size:22px;margin-bottom: 22px;}
    .history_g .con .con_g .text{background-position: right top 30px;background-size: auto 30px;}
    .history_g .year dt, .history_g .year dd{ line-height:1.7}
    .history_g .year dt{ font-size:16px}
    .history_g .year dd { font-size: 14px;}
    
    .historyList .detail dt{ font-size:20px}	
}



/* ******인증및 장비**** */
@media all and (max-width:1024px){
    .certi_wrap h2{font-size: 30px; margin-bottom: 30px;}
    .certi_wrap .equipment li{width: calc(100% / 3 - 20px);}
    .certi_wrap .certification li{width:calc(100% / 3 - 20px) ; margin: 20px 10px;}

}
@media all and (max-width:768px){
    .certi_wrap h2{font-size: 25px; margin-bottom: 10px;}
    .certi_wrap h2::before{top: -4px;}
    .certi_wrap .equipment li{width:calc(100% / 2 - 20px) ;}
    .certi_wrap .equipment li .certi_txt h3{font-size: 18px;}
}
@media all and (max-width:600px){
    .certi_wrap .certification li{width:calc(100% / 2 - 20px) ;}
    .certi_wrap .certification li p{font-size: 16px;}

}
@media all and (max-width:480px){
    .certi_wrap h2{font-size: 22px;}
    .certi_wrap h2::before{width: 25px; height: 25px; left: 10px; background-size: cover;}
    .certi_wrap .equipment li .certi_img{height: 180px;}
    .certi_wrap .equipment li .certi_txt h3{font-size: 16px; }
    .certi_wrap .equipment li .certi_txt p{font-size: 15px;}
}
@media all and (max-width:400px){
    .certi_wrap .equipment li{width: 90%; margin: 20px auto;}
    .certi_wrap .equipment li .certi_img{height: 250px;}
    .certi_wrap .certification li{width: 80%; margin: 20px auto;}
}





/************사업분야************/

@media all and (max-width:768px){
    .business_wrap h2{font-size: 30px;}
    .business_wrap>p{font-size: 17px;}
    .business_wrap ul li .business_txt span{padding: 13px; font-size: 14px;}
    .business_wrap ul li .business_txt h3{font-size: 20px;}
    .business_wrap ul li .business_txt p{font-size: 18px;}
    .business_wrap ul li .business_txt a{width: 150px; font-size: 16px;}
}
@media all and (max-width:650px){
    .business_wrap h2{font-size: 26px;}
    .business_wrap>p{font-size: 16px; line-height:1.5 ;}
    .business_wrap ul li{width:calc(100% / 2 - 20px) ; margin: 20px 10px;}
    .business_wrap ul li .business_txt h3{font-size: 18px;}
    .business_wrap ul li .business_txt p{font-size: 16px;}
}
@media all and (max-width:400px){
    .business_wrap h2{font-size: 24px;}
    .business_wrap ul li{width:80%; margin: 20px auto;}
}





/* ****************** 제품소개 list ********************** */

@media all and (max-width: 1350px){
    .product>ul>li a .product_img ul li img{width: 40px;}
    .product>ul>li a .product_img ul li img.pro_icon_sm{width: 30px;}
}

@media all and (max-width:1024px){
    .product>ul>li a .product_img>img{width: 90%;}
    .product ul li a .product_txt h2{font-size: 18px;}
    .product ul li a .product_txt p{font-size: 16px;}
    .pro_characteristic .pro4_char{flex-direction: column;}
    
}
@media all and (max-width:850px){
    .product>ul>li{width:calc(100% / 2 - 30px) ;}
    .characteristic_wrap>p{font-size: 16px;}

}
@media all and (max-width:650px){
    .product>ul>li a .product_img ul{right: 10px;}
    .product>ul>li a .product_img ul li img{width: 30px;}
    .product ul li a .product_txt p{font-size: 15px}
    .pro_plan .drawing img{width: 100%;}
    .pro_content .pro_content_top li h2{font-size: 16px;}
    .product_sub>ul>li .pro_content ul li p{font-size: 16px;}
}
@media all and (max-width:500px){
    .product>ul>li{width: 80%; margin:10px auto ;}
    .pro_content .pro_content_top li h2{width: 100px; padding: 20px 10px;}
    
}
@media all and (max-width:400px){
    .product>ul>li{width: 90%;}
    .pro_characteristic .pro4_char{flex-direction: row; width: 90%;}
    .product ul li a .product_txt h2{font-size: 16px;}
    .product ul li a .product_txt p{font-size: 14px}
}

/* ****************** 제품소개 상세페이지sub ********************** */
@media all and (max-width: 1350px){

}
@media all and (max-width: 1024px){
    .product_sub>ul>li{width: calc(100% / 2 - 20px);}
    .product_sub>ul>li h2{font-size: 32px;}
    .product_sub>ul>li h3{font-size: 24px;}
    .product_sub>ul>li .pro_content{padding-bottom: 50px;}
    .product_sub>ul>li .pro_content>p{font-size: 26px;}
    .product_sub>ul>li .pro_content ul li img{width: 60px;}
    .product_sub>ul>li .pro_content ul li>span{font-size: 16px;}
    

    /*제품특징 sub1*/
    .pro_characteristic > ul >li::after{height: 500px; right: -15px;}
    .pro_characteristic >ul >li> span{font-size: 30px;}
    .pro_characteristic> ul> li> h2{width: 90%; margin: 20px auto; padding-left: 0;}
    .pro_characteristic> ul >li> p{width: 90%; margin: 0 auto;}
    .pro_characteristic ul li .pro_characteristic_img{width: 90%;}
    .pro_characteristic ul li:nth-child(4)::before{top: -20px;}
    .pro_size ul li{font-size: 20px;}

    .product_sub_bottom>div> h3.pro_performance_tit{font-size: 22px;}
}
@media all and (max-width: 800px){
    .product_sub_bottom>div> h2{font-size: 24px;}
    .product_sub>ul{flex-direction: column;}
    .product_sub>ul>li{width: 80%; margin: 20px auto 0;}
    .product_sub>ul>li h2{font-size: 30px;}
    .product_sub>ul>li h3{font-size: 22px;}
    .product_sub>ul>li .pro_content>p{font-size: 24px;}
    .pro_function ul li h3{font-size: 18px;}
    .pro_size ul li{font-size: 18px;}
    .pro_characteristic ul li:nth-child(4)::before{display: none;}
    .pro_characteristic ul li{width:calc(100% / 2 - 30px) ;}
    .pro_characteristic  ul li::after{display: none;}
    .pro_characteristic ul li:nth-child(odd)::after{display: block;}

    /* .pro_characteristic ul li:nth-child(2)::before{display: none;} */

    .pro_table tr th{font-size: 18px;}
    .pro_table tr td{font-size: 16px}

    .pro_appl ul li{width: calc(100% / 3 - 20px);}
    .pro_characteristic_list2{border-top: none;}
    .product_sub_bottom>div> h3.pro_performance_tit{font-size: 18px;}
}
@media all and (max-width: 600px){
    .product_sub>ul>li{width: 90%;}
    .pro_characteristic >ul >li{width: 80%; margin: 20px auto 0;}
    .pro_characteristic> ul >li> p{height: auto;}
    .pro_characteristic ul li:nth-child(odd)::after{display: none;}

    .pro_function ul li{width: calc(100% / 2 - 40px); margin: 10px 20px;}
    .pro_sub .swiper-button-next:after, .pro_sub .swiper-button-prev:after{font-size: 30px;}
}
@media all and (max-width: 480px){
    .product_sub_bottom>div> h2{font-size: 18px;}
    .pro_characteristic >ul >li{width: 100%;}
    .product_sub>ul>li{width: 97%;}
    .product_sub>ul>li h2{font-size: 20px;}
    .product_sub>ul>li h3{font-size: 18px;}
    .product_sub>ul>li .pro_content>p{font-size: 18px;}
    .product_sub>ul>li .pro_content ul li img{width: 40px;}
    .product_sub>ul>li .pro_content ul li p{font-size: 14px; }
  
    .product_sub>ul>li .pro_content ul li>span{font-size: 13px;}
    .product_sub>ul>li .pro_btn{justify-content: space-between;}
    .product_sub>ul>li .pro_btn li{width: calc(100% / 2 - 10px); }
    .product_sub>ul>li .pro_btn li a span{font-size: 14px; padding-left: 10px;}
    .product_sub>ul>li .pro_btn li a.download::after, .product_sub>ul>li .pro_btn li a.list::after{width: 25px; height: 25px; right: 5px; top: 15px; background-size: contain;}
    .pro_characteristic >ul >li> span{width: 90%; margin: 0 auto; font-size: 25px;}
    .pro_characteristic> ul> li> h2{font-size: 18px;}
    .pro_size ul li{width:48%; border: none; font-size: 16px;}
    .pro_size ul li:nth-child(1){border: 1px solid #999; border-left: 0; }
    .pro_size ul li:nth-child(2){border-top: 1px solid #999; border-bottom: 1px solid #999; border-right: 0; }
    .pro_size ul li:nth-child(3){border-right: 1px solid #999; border-bottom: 1px solid #999;}
    .pro_size ul li:nth-child(4){border-bottom: 1px solid #999;}
    .pro_appl ul li{width:calc(100% / 2 - 20px) ;}
    .pro_table tr th{font-size: 16px;}
    .pro_table tr td{font-size: 14px}

    .product_sub>ul>li .pro_content ul{flex-wrap: wrap;}
    .product_sub>ul>li .pro_content ul li{width:calc(100% / 2 - 20px) ; margin: 10px;}
    .pro_characteristic > ul > li > p{font-size: 14px;}
    .pro_function ul li h3{font-size: 15px;}
    .pro_function ul li{width: calc(100% / 2 - 20px); margin: 10px ;}
    .pro_size ul{flex-direction: column;}
    .pro_size ul li:nth-child(1), .pro_size ul li:nth-child(2), .pro_size ul li:nth-child(3), .pro_size ul li:nth-child(4){border: none; border-bottom: 1px solid #ccc;}
    .pro_size ul li{width: 100%; }
    .product_sub_bottom>div> h3.pro_performance_tit{font-size: 16px;}
    .product_sub_bottom>div> h3.pro_performance_tit::before{width: 8px; height: 8px; top: 2px;}
}


/*AMR 상세페이지*/
@media all and (max-width: 1500px){
    .pro5_characteristic .pro5_char li img{width: 100%;}
    .pro5_characteristic .pro5_char li:nth-child(1){width: 40%;}
    .pro5_characteristic .pro5_char li:nth-child(2){width: 55%;}

    .solution_bg{background: url(../img/sub5_solution_bg_m.png) no-repeat; background-size: contain; display: flex; flex-wrap: wrap; align-content: flex-end; margin-top: 0; /*height: 130vh;*/ height: 1320px;}
    .solution_bg>div{margin: 10px;}
    .solution_bg .sol1, .solution_bg .sol2, .solution_bg .sol3, .solution_bg .sol4{position: static; width:calc(100% / 2 - 20px) ;}
    .solution_bg div h2{font-size: 22px;}
    .solution_bg div h2 span{display: inline-block; color: #fff; border: 2px solid #fff; border-radius: 50%; font-size: 16px; width: 30px; height: 30px; line-height: 33px; position: absolute; top: 17px; left: 100px;}
    .solution_bg .sol1 p{padding-left: 0;}
    .solution_bg .sol1 h2{line-height: 1.2;}
    .solution_bg .sol2 div{width: 100%;}
    .solution_bg .sol1 h2 i{display: block;}
}
@media all and (max-width: 1250px){

    .pro5_characteristic ul{flex-direction: column;}
    .pro5_characteristic ul li{padding: 0;}
    .pro5_characteristic .pro5_char li:nth-child(1){width: 60%; margin: 20px auto 0;}
    .pro5_characteristic .pro5_char li:nth-child(2){width: 95%; margin: 0;}
    /* .solution_bg{height: 120vh;} */
    .solution_bg div h2 span{left: 30px;}
    .pro_table td img.pro5_imgs{width: 100%;}
}
@media all and (max-width: 1024px){
    .solution_bg div h2{height: auto;padding: 10px 0; font-size: 18px;}
    .solution_bg div p{font-size: 16px}
    .solution_bg{height: 1200px;}
}
@media all and (max-width: 800px){
    .pro5_characteristic .pro5_char li .characteristic_wrap p{font-size: 16px;}
    .solution_bg .sol1, .solution_bg .sol2, .solution_bg .sol3, .solution_bg .sol4{width: 90%; margin: 20px auto 0;}
    /* .solution_bg{height: 115vh;} */
    .pro5_characteristic .pro5_char li:nth-child(1){width: 90%;}
    .solution_bg div div{margin-top: 20px;}
}
@media all and (max-width: 480px){
    .solution_bg .sol1, .solution_bg .sol2, .solution_bg .sol3, .solution_bg .sol4{width: 95%;}
    .solution_bg div h2 span{left: 10px; font-size: 12px; top: 15px; width: 20px; height: 20px; line-height: 23px;}
    .solution_bg div h2{font-size: 14px;}
    .solution_bg div p{font-size: 14px;}
    .solution_bg{height: 1035px;}
}
@media all and (max-width: 380px){
    .solution_bg{height: 1120px;}
}

/* ****************** customizing********************** */
@media all and (max-width:1024px){
    .customizing .customizing_img h2{font-size: 24px;}
    .customizing .customizing_img .custo2_new{font-size: 22px;}
}
@media all and (max-width:768px){
    .customizing{margin: 100px auto 0;}
    .customizing .tab_menu{line-height: 50px;}
    .customizing .tab_menu li a span{font-size: 16px;}
    .customizing .customizing_img h2{font-size: 22px;}
    .customizing .customizing_img ul li{width: calc(100% / 2 - 20px);}
    .customizing .customizing_img .custo2_new{font-size: 20px;}
    .customizing .customizing_img .custo2_new::before{width: 20px; height: 20px; left: 10px;}
}
@media all and (max-width:480px){
    .customizing{width: 95%;}
    .customizing .customizing_img .custo2_new{font-size: 18px;}
    .customizing .customizing_img .custo2_new::before{width: 17px; height: 18px;}

}








/* ****************** 오시는 길 ********************** */
@media all and (max-width:800px){
 /* 오시는길 :: 상단 */
.map_area{ margin-bottom:35px} 
.map_area .map-iframe-con{padding-top:50%}
/* 오시는길 :: 하단정보1 */
.map-tbl-con .map-tbl-tit{font-size:18px;}
.map-tbl th,.map-tbl td{padding:15px 10px; font-size:13px; vertical-align:top;}
.map-tbl th{width:60px}
}



/* ******************  Q&A ********************** */
@media all and (max-width:1200px){
    #inquiry .wrap_narrow {margin: 0 3%}
    .g_inquiry .sub_content .c_center_box .form_style {width: 32%;}
}
@media all and (max-width:1024px){
    #inquiry .wrap_narrow {margin: 0 3%}
    .g_inquiry .sub_content .c_center_box .form_style {width: 26%;}
}
@media all and (max-width:800px){
    .g_inquiry .sub_content .c_center_box table th {padding: 30px 0 30px 30px;}
    .g_inquiry .sub_content .c_center_box .form_style {width: 46%;}
    .g_inquiry .sub_content .c_center_box table td span {padding: 0 10px;}
    .g_inquiry .sub_content .c_center_box .select {margin-left: 0; margin-top: 10px;}
}
@media all and (max-width:768px){
    .g_inquiry .sub_content .c_center_box table th {padding: 15px;}
    .g_inquiry .sub_content .c_center_box table td {padding: 20px 0; }
    .g_inquiry .sub_content .c_center_box table td span {padding: 0 3px;}
    .g_inquiry .sub_content .c_center_box table th label {font-size: 16px;}
    .g_inquiry .sub_content .c_center_box .form_style {padding: 8px; font-size: 15px;}
    .g_inquiry .sub_content .c_center_box .select {height: 40px;}
    table .select > a {line-height: 40px;}
}
@media all and (max-width:540px) {
    .g_inquiry .sub_content .c_center_box h3 {font-size: 22px;}
    .g_inquiry .sub_content .c_center_box table th label {font-size: 15px;} 
    .g_inquiry .sub_content .btn_style_wrap .inq_btn {padding: 10px 22px; height: 45px;}
}
@media all and (max-width:480px) {
    .g_inquiry .sub_content .c_center_box h3 {font-size: 20px;}
    .g_inquiry .sub_content .c_center_box .info_txt_box {height: 175px; font-size: 13px;}
    .g_inquiry .sub_content .c_center_box .checkbox {padding: 0;}
    .formMail_box input[type="radio"] + label:before, .formMail_box input[type="checkbox"] + label:before {width: 15px; height: 15px;}
    .formMail_box input[type="radio"] + label, .formMail_box input[type="checkbox"] + label {padding-left: 21px; line-height: 15px;}
    .g_inquiry .sub_content .c_center_box .checkbox label {font-size: 13px;}
    .g_inquiry .sub_content .c_center_box .checkbox span {font-size: 13px;}
    .g_inquiry .sub_content .c_center_box .info_txt, .g_inquiry .sub_content .c_center_box .info_txt .txt_style {font-size: 12px;}
    .g_inquiry .sub_content .c_center_box table th label {font-size: 14px;}
    .g_inquiry .sub_content .c_center_box .form_style {width: 45%;}
    
}
@media all and (max-width:480px)  {
    .g_inquiry .sub_content .c_center_box .form_style {width: 100%;}
    .g_inquiry .sub_content .c_center_box table td span {padding: 3px 0; display: block; text-align: center;}
}