@charset "utf-8";
/* *******************************************************
 * filename : sub.css
 * description : 서브페이지 레이아웃 CSS
 * date : 2021-08-10
******************************************************** */
/* ******************  서브공통 ********************** */
.aos-animate .up_motion > * {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;} 
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}
.width20 {width: 20%!important;}
.width30 {width: 30%!important;}
.width40 {width: 40%!important;}
.width50 {width: 50%!important;}

/* -------- 공통 테이블스타일 -------- */
.test-table{width:100%;}
.test-table th{border: 1px solid #c6c6c6; border-top: 1px solid #333; padding: 20px 0; background-color: #f7f7f7; font-size: 16px; font-weight: 300; letter-spacing: -0.7px; color: #464646;}
.test-table td{padding: 25px 0; border: 1px solid #c6c6c6; text-align: center; font-size: 16px; line-height: 1.7; font-weight: 300; letter-spacing: -0.75px; color: #555;}

/* 공통레이아웃 :: 기본Parallax */
.parallax-container-wrapper{font-size:20px; color:#fff;}
.parallax-container{position:relative; height:100vh; background-size:cover !important; box-sizing:border-box; }
.parallax-fixed .parallax-container{background-attachment:fixed !important; }
.parallax-container.v-center{display:flex; align-items:center; text-align:center; }
.no-prarallax-container{position:relative; background-color:#fff;}
/* 공통레이아웃 :: first section fixed */
.parallax-fixed-wrapper{position:relative; min-height:100vh; padding-top:100vh; }
.parallax-fixed-container{position:absolute; top:0; left:0; width:100%; height:100vh; background-size:cover !important; box-sizing:border-box; }
.parallax-fixed .parallax-fixed-container{position:fixed;}
.parallax-fixed-container + .parallax-container{position:relative;}
.parallax-fixed-bg{position:absolute; top:0px; left:0px; width:110%; margin-left:-5%; height:100%; background-size:cover !important;}
.cm-sub-tit-style01 {font-size: 50px; font-weight: 700; margin-bottom: 48px;}

/* 공통 tab */
.tab {border-bottom: 1px solid #e2e2e2; display: flex; align-items:center;justify-content: center;cursor: pointer;}
.tab li {display: flex; align-items:center;justify-content: center; background: #fbfbfb; color: #484848; width: 34.3333%; height: 54px; font-size: 16px; border:1px solid #e2e2e2; border-bottom: none; text-align: center; margin-left: -1px; font-size: 17px;}
.tab li.current {background: #fff; color: #fff; background: #0090d3}
.tab-content {display: none; background: #fff; padding-top: 35px;}
.tab-content.current {display: inherit; }
.tab-content p {font-size: 17px; padding-bottom: 4px; color: #2b2b2b;}
.tab-content > ul {width: 100%; padding-top: 40px;}
.tab-content > ul > li {font-size: 15px; line-height: 24px; letter-spacing: -0.75px; color:#676767; font-weight: normal;padding: 0 15px; float: left; width: 25%; height: 467px;}
.tab-content > ul > li > a > figure{ width:100%; box-sizing:border-box; }
.tab-content > ul > li > a > figure figcaption {text-align: center;padding: 20px 0; font-size: 19px;color: #222; word-break: keep-all;}
.tab-content > ul > li:hover > a > figure figcaption { color:#2061bd}
.tab-content > ul > li img {border:1px solid #DDDDDD; width:100%; height:auto;}
.tab-content > ul > li:hover img {border: 1px solid #2061bd} 


/*=== table 공통스타일 ===*/
.table_wrap {margin-top: 40px;}
.table_wrap table.tb_style1 {border-right:1px solid #ddd; border-top: 1px solid #ddd; width: 100%}
.table_wrap table.tb_style1 tr .tit {background:#f5f5f5; font-weight: 700;}
.table_wrap table.tb_style1 tr th, .table_wrap table.tb_style1 tr td{ padding:10px;color:#333; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:left; width: 17%;
 line-height: 1.2; letter-spacing: -0.2px;}
.table_wrap table.tb_style1 tr th{font-weight:600;padding:14px 20px;font-size:16px; }
.table_wrap table.tb_style1 tr td{ font-size:15px}
.table_wrap table.tb_style1 tr th:nth-child(3)~*, .table_wrap table.tb_style1 tr td:nth-child(3)~*{ width:25%}
.tb_info{margin-top: 20px;font-size: 16px;color: #222;font-weight: 600;} 


/* -------- 공통 Fixed Move Tab -------- */
.fixed-tab-container{position:relative}
/* tab */
.fixed-move-tab-list-wrapper{position:relative; height:60px; width:100%}
.fixed-move-tab-list{height:60px; position:relative; }
.fixed-move-tab-list  ul{margin-right:-3px}
.fixed-move-tab-list  ul li{float:left; position:relative; width:33.33%; position:relative; margin-left:-1px;}
.fixed-move-tab-list  ul li:first-child{margin-left:0; }
.fixed-move-tab-list  ul li a{display:block; height:58px; line-height:58px; font-weight:400; color:#222; font-size:16px; letter-spacing:-0.5px; text-align:center; border:1px solid #e5e5e5; background-color:#fff;}
.fixed-move-tab-list  ul li.selected{z-index:1;}
.fixed-move-tab-list  ul li.selected a{background-color:#aaa; color:#fff;}
/* fixed */
.fixed-move-tab-list.fixed {position:fixed; top:0px; left:0; width:100%; z-index:99} /* fixed top 변경*/
/* content(임시) */
.fixed-tab-content{padding:30px 0; border:1px solid #ddd; margin-top:50px; min-height:300px; }

/* -------- 공통 :: 탭 -------- */
@media all and (min-width: 801px ){
	.sub-cm-tab-list{margin-bottom:70px;}
	.sub-cm-tab-list ul{margin-right:-4px}
	.sub-cm-tab-list ul li{float:left; position:relative; width:20%; position:relative; margin-left:-1px;  background-color:#fff;}
	.sub-cm-tab-list ul li:first-child{margin-left:0}
	.sub-cm-tab-list ul li a{display:table; height:60px; width:100%; border:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
	.sub-cm-tab-list ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
	.sub-cm-tab-list ul li.selected{z-index:1; }
	.sub-cm-tab-list ul li.selected a{background-color:#333; border-color:#333}
	.sub-cm-tab-list ul li.selected a em{color:#fff; }
	.sub-cm-tab-list .cm-tab-m-btn{display:none}
}
/* -------- 공통 :: more버튼 -------- */
.more-page-btn{ color:#3d3d3d; letter-spacing:0; font-size:14px; font-weight:700;}
.more-page-btn .arrow{display:inline-block; width:27px; height:27px; background-color:#303030; text-align:center; border-radius:50%; color:#fff; vertical-align:middle; margin-left:9px; transition:all 0.3s}
.more-page-btn .arrow i{line-height:27px; font-size:19px; position:relative; left:1px}
.more-page-btn.white{color:#fff;}
.more-page-btn.white .arrow{ background-color:#fff; color:#3d3d3d }
/*more :: transition*/
.more-page-btn.trans{position:absolute; right:0; top:50%; transform:translateY(0); transition:opacity 0.8s 0.3s, transform 0.8s 0.3s, color 0.3s; opacity:0;}
.aos-animate .more-page-btn.trans{opacity:1; transform:translateY(-50%); }
@media all and ( min-width: 801px ){	
.more-page-btn:hover{color:#0090d3}
.more-page-btn:hover .arrow{background-color:#0090d3; color:#fff}
}
@media all and ( max-width: 800px ){	
/* 버튼 */
.more-page-btn{margin-top:10px}
.more-page-btn .arrow{width:22px; height:22px; margin-left:5px}
.more-page-btn .arrow i{font-size:17px; line-height:22px}
}

/* ******************  COMPNAY :: OVERVIEW ********************** */
#overviewCon .company_info{ padding-top:80px; }
#overviewCon .company_info .name_title{position: relative;text-align: center;font-size: 140px;color: #1f1f1f;line-height: 1;font-weight:700;z-index: 1;}
#overviewCon .company_info .name_title > span{ display:block;} 
#overviewCon .company_info .name_title > span.left{ font-size:63px}
.company_info .company_visual{overflow: hidden; position: relative;margin: -85px auto 0; width: 100%; height: 680px;}
.company_info .company_visual:after, .company_info .company_visual:before{display:block; content: ""; position:absolute; top: 0; width:100px; height: 100%; background: #fff;  transition: width .8s ease;}
.company_info .company_visual:after{right: 0;}
.company_info .company_visual:before{ z-index: 1;}
.company_info .company_visual .visual_img{position: relative;width: 100%;height: 100%;}
.company_info .company_visual .visual_img .bg{position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.company_info .company_visual .visual_img .bg img{transform: scale(1); transition: transform 3.5s ease;}
/*active*/
.company_info .company_visual.aos-animate:after, .company_info .company_visual.aos-animate:before{width: 0;}
.company_info .company_visual.aos-animate .visual_img .bg img{transform: scale(1.05);transform-origin: center;transition-delay: .1s;}

#overviewCon .greetings, #BusinessCon .business{ background: #fff; position:relative;  margin-top: -100px;padding: 75px 110px 120px; box-sizing: border-box;}
#overviewCon .greetings dl,#BusinessCon .business dl{ text-align:center;}
#overviewCon .greetings dl dt, #BusinessCon .business dl dt{ font-size:50px; margin-bottom: 20px; font-weight: 700; color: #222}
#overviewCon .greetings dl dd, #BusinessCon .business dl dd{ font-size:20px; font-weight: normal; line-height: 1.67; color: #222; box-sizing: border-box; letter-spacing: -0.22px}
#overviewCon .greetings dl dd strong {font-size: 30px; margin-top: 33px; margin-bottom: 15px; display: block;}
#overviewCon .greetings dl dd p, #BusinessCon .business dl dd p{ display:inline-block}
#BusinessCon .business dl dd img {max-width: 100%; margin-top: 3%; border: 1px solid #eee;}


/* ******************  COMPANY :: HISTORY ********************** */
/* -------- HISTORY :: 공통 -------- */
#historyContent{position:relative; font-size:20px; padding-bottom:9%; }
#historyContent .parallax-fixed-bg{background:url(../img/company_history_bg_01.jpg) no-repeat 70% 0%; background-attachment:fixed; background-size:cover;}
.history-inner-con{position:relative; text-align:left; color:#fff; padding-top:60px; }
.history-inner-con .history-tit{margin-bottom:1.18em;}
/* -------- HISTORY :: Section01 -------- */
.history-list-container{padding-top:100px;}
.history-item{display:flex; align-items:Center; margin-bottom:48px;}
.history-item-box{width:calc(100% - 270px);  }
.history-item-box > dl{display:flex;}
.history-item-box > dl > dt.since{width:300px; font-size:2.5em; font-weight:700; }
.history-item-box > dl > dd{width:calc(100% - 300px); padding-top:15px;}
.history-item-box > dl > dd > p{position:relative; padding-left:80px; line-height:1.5; font-size:0.9em; margin-bottom:0.88em;}
.history-item-box > dl > dd > p .year{position:absolute; top:0px; left:0px; font-size:1em; font-weight:600;}
.history-item-box > dl > dd > p .hanja{}


/* ******************  COMPANY :: Facility ********************** */
/* -------- Facility :: 공통 -------- */
#facilityContent{position:relative; font-size:20px; padding-bottom:100px; }
#facilityContent .area1660 {max-width: 1660px; margin-right: 0; overflow: hidden;}
#facilityContent .parallax-fixed-bg{background:url(../img/company_history_bg_01.jpg) no-repeat 70% 0%; background-attachment:fixed; background-size:cover;}
.facility-inner-con{position:relative; text-align:left; color:#fff; padding-top:60px; }
.facility-inner-con .facility-tit{margin-bottom:3.18em;}
#facilityContent .lf {float: left; width: 50%;}
#facilityContent .rf {float: right; width: 46%;}
/* -------- Facility :: factory -------- */
.factory-list-container{padding-top:100px;}
.factory-item{display:flex; align-items:Center; margin-bottom: 48px;}
.factory-item-box{position: relative;}
.factory-item-box p {position: absolute; top: 10px; right: 10px; color: #fff; }
.factory-item-box img {max-width: 100%;}
.info_wrap {position: relative;}
.info_wrap:before {content:''; position: absolute; top: -126px; left: 0; width: 100%; background: #f5f5f5; height: 15em; z-index: -1;}
.info_wrap p {position: relative; padding-left: 15px; font-size: 0.9em; margin-bottom: 0.5em;}
.info_wrap p:before {content:''; position: absolute; top: 7px; left: 0; width: 3px; height: 3px; background: #444; border-radius: 50%;}
#factory-slide {position: relative;}
#factory-slide .swiper-button-next {position: absolute; bottom: 0; right: 0; top: unset; width: 50px; height: 50px; background: #fff; color: #444;}
#factory-slide .swiper-button-prev {position: absolute; bottom: 0; left: 0; top: unset; width: 50px; height: 50px; background: #fff; color: #444;}
#factory-slide .swiper-button-prev:after, .swiper-button-next:after {font-size: 26px!important;}
/* -------- Facility :: machinery -------- */
.machine-content {}
.table_wrap table.tb_style1 tr th.subject {color: #0090d3;}
.table_wrap table.tb_style1 tr th.subject strong {display: block; text-align: center;}
.machine-content h4 {text-align: left; font-size: 1.3em; padding-bottom: 0.6em; ; border-bottom: 2px solid #0090d3}
.machine-content .imgBox {width: 50%; text-align: center;}
.machine-content .imgBox img {max-width: 100%; border: 1px solid #ddd; padding: 50px; box-sizing: border-box;}
/* #tab-5.machine-content .imgBox {margin-top:40px;}
#tab-5.machine-content .imgBox img {padding: 0; }
#tab-5.machine-content .imgBox p {font-size: 20px; margin:10px 0;} */
.machine-content .infoBox {width: 40%;}
.machine-content .infoBox table {width: 100%; font-size: 20px;}
.machine-content .infoBox table {width: 100%; font-size: 20px;}
.machine-content .infoBox td {font-size: 0.9em;}
/* -------- Facility :: testing  -------- */
.testing-content {display:flex; flex-wrap: wrap;  align-items:Center; }
.testing-content li {width: 31%; margin: 0 1%;}
.testing-content li figure {}
.testing-content li figure img {max-width: 100%; border: 1px solid #ddd;}
.testing-content li figure figcaption {text-align: center; font-size: 0.9em; padding-top: 20px; height: 50px;}
/* -------- Facility :: certi  -------- */
 #certiCon.m_only {display: none;}
.certi-content {display:flex; align-items:Center; margin:48px 0;}
.certi-content li {margin-right: 2%}
.certi-content li:last-child {margin-right: 0;}
.certi-content li figure {}
.certi-content li figure img {max-width: 100%; border: 1px solid #ddd;}
.certi-content li figure figcaption {text-align: center; font-size: 0.9em; padding-top: 20px;}



/* ******************  PROCESS ********************** */
/* -------- PROCESS :: Intro -------- */
#prdIntroCon {padding-bottom:90px; }
/* Process :: Main :: PC */
.prd-intro-list-wrap{width:100%; /*height:650px; */ height:calc(100vh - 320px);}
.prd-intro-list-container > li {cursor:pointer; }
.prd-intro-list-container > li >a{position:relative; display:block; height:100%;}
.prd-intro-img-thum{position:relative; width:100%; /*height:650px;*/ height:calc(100vh - 320px); webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s}
.prd-intro-img-cover{position:absolute; top:0; left:0; bottom:0; right:0; opacity:0;filter:Alpha(opacity=0); background-color:#000; background-color:rgba(0,0,0,0.6); visibility:hidden; -webkit-transition:all 0.4s, opacity 0.6s; -moz-transition:all 0.4s, opacity 0.6s; -o-transition:all 0.4s, opacity 0.6s; -ms-transition:all 0.4s, opacity 0.6s; transition:all 0.4s, opacity 0.6s; }
.prd-intro-list-container > li.kwicks-collapsed .prd-intro-img-cover{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.prd-intro-txt-thum {position:absolute; top:0; bottom:0; left:0; right:0;}
.prd-intro-view-box{position:absolute; left:0; bottom:0; width:100%; text-align:center; opacity:1.0;filter:Alpha(opacity=100); visibility:visible; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;background: rgba(0,0,0,0.7); height:70px; display:table;}
.prd-intro-view-box .prd-intro-view-tit {font-size:24px; color:#fff; font-weight:600; display:table-cell;width:100%; height:100%; vertical-align:middle}
.prd-intro-view-box .prd-intro-view-tit em{ font-weight:600}

.prd-intro-more-box{position:absolute; left:0; right:0; bottom:0; width:100%; opacity:0;filter:Alpha(opacity=0); visibility:hidden; transition:all 0.4s, opacity 0.6s; }
.prd-intro-more-box.active{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
.prd-intro-more-box:before{position:absolute; bottom:0; left:0; right:0; display:block; content:""; width:0; height:100%; background:none; transition:all 0.4s ease-in-out;}
.prd-intro-more-box.active:before{ background:rgba(0,0,0,0.7); width:100%;}
.prd-intro-more-box .prd-intro-more-inner {position:relative; min-height:159px; box-sizing:border-box; padding-bottom:5%}
.prd-intro-more-box .prd-intro-more-inner .prd-intro-more-tit {font-size: 30px; color: #fff; padding:20px 30px 20px; border-bottom: 1px solid rgba(255,255,255,0.15); position:relative; margin-bottom: 25px; }
.prd-intro-more-box .prd-intro-more-inner .prd-intro-more-tit:before {content:""; position:absolute; left: 30px; bottom:0px; width: 120px; height:1px; background-color: #fff;  }
.prd-intro-more-box .prd-intro-more-txt{position:relative; width:60%; height:calc(100% - 180px); padding: 30px 30px 29px;color:#fff; font-size:20px; line-height:1.4; box-sizing:border-box; min-width:450px;-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}
.prd-intro-more-box .more-page-btn{margin:15px 0 0 30px;}

.prd-intro-list-container li.kwicks-expanded .prd-intro-txt-thum-inner{bottom:32px; left:32px; right:0;  padding-right:225px;}
.prd-intro-list-container li.kwicks-expanded .prd-intro-list-tit{margin-bottom:35px;}
.prd-intro-list-container li.kwicks-expanded .prd-intro-list-tit,
.prd-intro-list-container li.kwicks-expanded .prd-intro-sub-tit,
.prd-intro-list-container li.kwicks-expanded .prd-intro-txt{opacity:1.0;filter:Alpha(opacity=100); visibility:visible; left:0;}
.prd-intro-list-container li.kwicks-expanded .prd-intro-sub-tit{margin-bottom:40px;}
.prd-intro-list-container li.kwicks-expanded .prd-intro-view-box{opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
.prd-intro-list-container li.kwicks-collapsed .prd-intro-list-tit{font-size:40px;}
.prd-intro-list-container li.kwicks-collapsed .prd-intro-view-box .prd-intro-view-tit {font-size:20px;}

/* Process :: Main :: M */
.prd-intro-list-wrap-m{display:none;}


/* ******************  APPLICATION ********************** */
/* -------- APPLICATION :: 공통 -------- */
#applicationContent{position:relative; font-size:20px; padding-bottom:100px; }
#applicationContent .appli-tit {margin-bottom: 40px;}
.appli-con .top {position: relative;}
.appli-con .top img {width: 100%;}
.appli-con .txtBox {background: #fff; width: 70%; position: absolute; bottom: -73px; transform: translateX(-50%); left: 50%; padding: 4%; box-sizing: border-box;}
.appli-con .txtBox strong {font-size: 1.2em; display: block;}
.appli-con .txtBox p {padding-top: 15px; line-height: 1.5; margin-bottom: 24px;}
.appli-con .imgBox {display: flex; flex-wrap: wrap; align-items:center; margin-top: 6%; padding: 12px;}
.appli-con .imgBox li {width: 23%; margin: 1%; box-shadow: 3px 2px 10px 1px rgba(0,0,0,0.2); text-align: center;} 
.appli-con .imgBox li img {max-width: 100%;}
.application01_page .appli-con .imgBox li {width: 100%;}
.application04_page .bottom {margin-top: 6%;}
.application04_page .appli-con .imgBox {margin-top: 0; margin-bottom: 30px;}

/* ******************  SOLUTION ********************** */
/* -------- SOLUTION :: 공통 -------- */
#solutionContent {padding-bottom:100px; font-size: 20px;}
#solutionContent .solution-top {text-align: center; border: 1px solid #ddd; padding: 5%; font-size: 37px; background: url(../img/solution_bg.png)no-repeat; background-size: cover; margin-bottom: 5%;}
#solutionContent .solution_list {display: flex; flex-wrap: wrap;}
#solutionContent .solution_list li {flex-basis: 48%; margin: 1% 1% 4% 1%; padding-bottom: 3%; border-bottom: 1px solid #f1f1f1}
#solutionContent .solution_list li .imgBox {margin-bottom: 5%}
#solutionContent .solution_list li .imgBox img {width: 100%;}
#solutionContent .solution_list li strong {position: relative; display: inline-block; padding-left: 29px; font-size: 1.4em;}
#solutionContent .solution_list li strong:before {content:''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 20px; height: 20px; background: url(../img/check_icon.png)no-repeat; background-size: cover;}
#solutionContent .solution_list li p {line-height:1.2; padding-top: 10px;}



/* ******************  CONTACT US ********************** */
/* -------- CONTACT US :: 공통 -------- */
#contactCon {padding-bottom: 100px;}
#contactCon .contact_box .map_wrap {float: left; width: 55%; margin-right: 5%}
#contactCon .contact_box .map_wrap .map_box {height: 450px;}
#contactCon .contact_box .map_wrap .map ul.tab li {width: 50%;}
#contactCon .contact_box .contact {float: left; width: 40%; background: #eee;}
#contactCon .table_wrap table.tb_style1 {border-left: 2px solid #0090d3}
#contactCon .table_wrap table.tb_style1 tr th, #contactCon .table_wrap table.tb_style1 tr td {width: auto;}
#contactCon .table_wrap table.tb_style1 tr th {text-align: center; background: #f1f1f1;}
#contactCon .table_wrap table.tb_style1 tr td {padding-left: 25px;}
/* -------- CONTACT US :: RFQ ----- */
.contact_form {margin: 30px 0 20px;}
.inquiry-essential-txt {text-align: right; padding-bottom: 15px; padding-right: 3%; font-size: 15px;}
.essential-icon {color: #bf0a0a;}
select#reason {border: 1px solid #222; height: 33px; margin-top: 7px;}
.inquiry-style03-write-box{margin-bottom:0; padding: 2%;}
.inquiry-style03-write-box .double-con dl{float:left; width:100%; box-sizing:border-box}
.inquiry-style03-write-box dl {width:100%; margin-bottom: 10px; }
.inquiry-style03-write-box dt {position:relative; width:100%; vertical-align: top; height:48px; padding-left: 15px; font-size:18px; line-height: 48px; letter-spacing: -0.5px; color:#555555; font-weight: 600;}
.inquiry-style03-write-box dt.long_txt {width: 205px;}
.inquiry-style03-write-box dd {padding:0 2%;}
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea {height:48px; border:0; width:50%; font-size:15px; letter-spacing: -0.5px; color:#555; font-weight: 300; background-color:#F7F7F7; padding-left: 10px;}
.inquiry-style03-write-box dd textarea {width:100%; height:150px; padding: 15px 0px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; resize:none;  }
.inquiry-style03-write-box dd span.hypen {display: inline-block;padding: 0 3.5%;}
.inquiry-style03-write-box .file dd {vertical-align: middle;}
.inquiry-style03-write-box .file dd input {height:30px; }
.inquiry-style03-write-box p {height:48px; line-height: 48px; font-size:15px; letter-spacing: -0.5px; color:#555;}
.inquiry-style03-write-box dl.on {border:1px solid #A0CB49; background-color:#fff;}
.inquiry-style03-write-box dl.on input , .inquiry-style03-write-box dl.on textarea, .inquiry-style03-write-box dl.on select {background-color:#fff}
/* 문의하기 03 :: 작성폼 기타 */
.inquiry-style03-write-box .address-fieldset .write-input{margin-top:6px;}
.inquiry-style03-write-box .address-fieldset .write-input:first-child{margin-top:0;}
.inquiry-style03-write-box .address-fieldset .write-input:nth-of-type(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.inquiry-style03-write-box .address-btn:hover{background-color:#464646; color:#fff;}
.board_list {padding: 20px 0;}
.board_list .cm-ac .more-btn {display: inline-block; background: #444; margin: 0 10px; width: 115px; height:  42px; transition: all .3s ease;}
.board_list .cm-ac .more-btn:hover {background: #0090d3; transition: all .3s ease;}
.board_list .cm-ac .more-btn span {font-size: 15px; color: #fff; line-height:42px;}
.filebox {margin-top: -10px;}
.filebox .file_wr{position: relative; width:100%; display:inline-block;}
.filebox > div.file_wr:nth-of-type(3){ float:right;}
.filebox .file_wr input {width: calc(100% - 133px);color:#aaa;font-size:13px; padding-left:120px}
.filebox .file_wr label{display: inline-block; vertical-align: top;color: #fff;box-sizing: border-box;color: #fff;background: none; font-size: 14px; }
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.lb_icon > span {position: absolute; top: 14px; background: #3a84df; line-height: 48px; color: #fff; padding: 0 16px; font-size: 15px;}



/* *******************************************************
 * 미디어쿼리 시작
******************************************************** */
/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* -------- 공통 Fixed Move Tab -------- */
@media all and (max-width:1220px){
	.fixed-move-tab-list .area{padding:0}
}
@media all and (max-width:1024px){
	.fixed-move-tab-list.fixed{top:80px;}
}
@media all and (max-width:800px){
	.fixed-move-tab-list ul li a{height:40px; line-height:40px; font-size:14px;}
}
@media all and (max-width:480px){
	.fixed-move-tab-list.fixed{top:60px;}
}


/* -------- 공통 :: 레이아웃 -------- */
@media all and (max-width:1220px){
    #facilityContent, #applicationContent, #solutionContent, #contactCon {padding-bottom: 70px;}
}
@media all and (max-width:1024px){
    #facilityContent, #applicationContent, #solutionContent, #contactCon {}
}
@media all and (max-width:800px){
    #facilityContent, #applicationContent, #solutionContent, #contactCon {padding-bottom: 50px;}
}
@media all and (max-width:480px){
    #facilityContent, #applicationContent, #solutionContent, #contactCon {padding-bottom: 30px;}
}


/* -------- 탭, 표 공통 -------- */
@media all and (max-width:1220px) {
    .tab-content {padding-top: 45px;}
    .table_wrap table.tb_style1 tr th {padding: 10px 20px; font-size: 15px;}
}
@media all and (max-width:1024px) {
    .cm-sub-tit-style01 {font-size: 40px; margin-bottom: 36px;}
    .tab-content {padding-top: 40px;}
    .tab li {font-size: 16px;}
    .table_wrap {margin-top: 0;}
    .table_wrap table.tb_style1 tr th, .table_wrap table.tb_style1 tr td {text-align: center;}
}
@media all and (max-width:890px) {
    .cm-sub-tit-style01 {font-size: 35px; margin-bottom: 26px;}
    .tab li {height: 45px; font-size: 15px; padding: 0 5px;}
    .tab-content {padding-top: 35px;}
    .table_wrap {margin-top: 35px;}
    .table_wrap table.tb_style1 tr td {font-size: 14px;}
}
@media all and (max-width:768px) {
    .tab li {font-size: 15px;}
    .cm-sub-tit-style01 {font-size: 30px;}

}
@media all and (max-width:620px) {
    .tab {flex-wrap: wrap;}
    .tab li {flex-basis: 33.3333%; flex-grow: 1;}
}
@media all and (max-width:540px) {
    .tab-content {padding-top: 20px;}
    .table_wrap {margin-top: 20px;}
   
}
@media all and (max-width:480px) {
    .cm-sub-tit-style01 {font-size: 26px;}
    .tab li {font-size: 13px;}
}



/* ******************  COMPNAY :: OVERVIEW  ********************** */
@media all and (max-width:1580px){
    #overviewCon .greetings{ width:92%}	
}
@media all and (max-width:1280px){
    #overviewCon .company_info{ padding-top: 65px}		
}
@media all and (max-width:1024px){
    #overviewCon .company_info .name_title{ font-size:100px}	
    #overviewCon .company_info .name_title > span.left{font-size: 50px;}	
    .company_info .company_visual{margin: -50px auto 0; height:490px;}
    #overviewCon .greetings{margin: -75px auto 0;  padding: 55px 40px 80px;}
    #overviewCon .greetings dl dt{ font-size:40px}	
    #overviewCon .greetings dl dd{font-size:17px;}	
    #overviewCon .greetings dl dd p{}	
}
@media all and (max-width:800px){
    #overviewCon .company_info { padding-top: 35px;}	
    .company_visual{width: 100vw!important; left: -15px;}
    #overviewCon .company_info .name_title {font-size: 80px;}	
    #overviewCon .company_info .name_title > span.left {font-size: 35px;}	
    .company_info .company_visual{ margin:-35px auto 0; height: 420px}	
    .company_info .company_visual.aos-animate .visual_img .bg img{transform: scale(.75);}	
    #overviewCon .greetings	{margin: -60px auto 0;padding: 40px 30px 60px;}
    #overviewCon .greetings dl dt { font-size: 30px;}	
    #overviewCon .greetings dl dd { font-size: 15px;}	
}
@media all and (max-width:480px){
    #overviewCon .company_info .name_title { font-size: 55px;}
    #overviewCon .company_info .name_title > span.left {font-size: 25px;}
    .company_info .company_visual{ margin:-25px auto 0; height: 320px}
    #overviewCon .greetings {margin: -40px auto 0;padding: 30px 30px 60px;}	
    #overviewCon .greetings dl dt {font-size: 26px; margin-bottom: 10px;}	
    #overviewCon .greetings dl dd { font-size: 13px;text-align: left;}	
    #overviewCon .greetings dl dd p:not(:first-child){ margin-top:10px}	
}


/* ******************  COMPANY :: HISTORY ********************** */
@media all and (max-width:1220px){
	#historyContent{font-size:17px; padding:50px 0;}
	#historyContent #scrollNavBar{display:none;}
	#historyContent .parallax-fixed-bg{background-position:85% 0}
	.history-list-container { padding-top: 20px;}	
	.history-inner-con{margin:0px auto; padding-top: 0; padding-bottom: 0}
	.history-item-box > dl{display:block;}
	.history-item-box > dl > dt.since{width:auto; margin-bottom:0.2em;}
	.history-item-box > dl > dd{width:auto; }
}

@media all and (max-width:800px){
	#historyContent{font-size:15px;}
	.history-list-container{padding-top:50px;}
	.history-list-container:first-of-type{padding-top:0}
	.history-inner-con{padding: 0}
	.history-item{display:block;}
	.history-item-box{width:100%;}
	.history-item .history-img-box{width:auto; text-align:left; padding-left:48px; margin-top:5%}
	.history-item .history-img-box img{max-width:70%}
	.history-item .history-img-box img.mb-height{max-height:90px; max-width:155px}
}
@media all and (max-width:620px){
	#historyContent{padding-bottom: 10px;}	
}
@media all and (max-width:480px){
	#historyContent{font-size:14px; }
	.history-item-box > dl > dd > p,
	.history-item .history-img-box{padding-left:50px;}
}


/* ******************  COMPNAY :: FACILITY  ********************** */
/* -------- FACILITY :: 공통 -------- */
@media all and (max-width:1220px) {
     #FactoryCon #facilityContent {padding-bottom: 100px;} 
}
@media all and (max-width:1024px) {
    .info_wrap p {font-size: 17px;}
    .factory-item {margin-bottom: 36px;}
    #facilityContent .lf {float: none; width: 100%;}
    .machine-content h4 {text-align: center;}
    .machine-content .imgBox img {border: none; padding: 20px 50px;}
    #facilityContent .rf {float: none; width: 100%;}
    .certi-content li figure figcaption {height: 50px;}
    
}
@media all and (max-width:800px) {
    .testing-content {flex-wrap: wrap; margin: 36px 0}
    .testing-content li {margin: 0 1%; flex-basis: 48%;}
    .testing-content li figure figcaption,.certi-content li figure figcaption {font-size: 17px;}
}
@media all and (max-width:768px) {
    .info_wrap p {font-size: 16px;}
}
@media all and (max-width:640px) {
    .info_wrap p {font-size: 15px;}
    .factory-item-box img {width: 100%;}
    .machine-content h4 {font-size: 1.2em;}
    #certiCon.m_only {display: block;}
    #certiCon.p_only {display: none;}
    #tab-5.machine-content .imgBox {margin-top: 15px;}
    #tab-5.machine-content .imgBox img {max-width: 70%}
    #tab-5.machine-content .imgBox p {font-size: 16px;}
}
@media all and (max-width:480px) {
    #facilityContent {padding-bottom: 50px;}
    .machine-content h4 {font-size: 1em;}
    .testing-content li figure figcaption {font-size: 14px;}
}



/* ******************  PROCESS ********************** */
/* -------- PROCESS :: Intro -------- */
@media all and (max-width:1220px){
#prdIntroCon{ padding-bottom:70px}	
.prd-intro-list-wrap{height: calc(100vh - 280px);}	
.prd-intro-img-thum{height: calc(100vh - 280px);}
}
@media all and (max-width:1080px){
.prd-intro-more-box .prd-intro-more-inner{ min-width:450px}	
.prd-intro-view-box .prd-intro-view-tit{ font-size:19px}
.prd-intro-more-box .prd-intro-more-inner{ min-height:235px}
.prd-intro-more-box .prd-intro-more-inner .prd-intro-more-tit{ font-size:24px; padding: 22px 30px 23px;}
.prd-intro-more-box .prd-intro-more-txt{ padding-top:20px; font-size:16px}
}
@media all and (max-width:999px){
.prd-intro-more-box .prd-intro-more-inner{ min-width:350px}	
.prd-intro-more-box .prd-intro-more-txt{ min-width:350px}	
}
@media all and (max-width:800px){
#prdIntroCon {padding-bottom: 40px;}	
/* Process :: Main :: PC */
.prd-intro-list-wrap{display:none;}
	
/* Process :: Main :: M */
.prd-intro-list-wrap-m {display:block; width:100%; }
.prd-intro-list-m li {width:50%; float:left; }
.prd-intro-list-m .img-wrap {position:relative; padding-top: 100%;}
.prd-intro-list-m .img-wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
.prd-intro-list-m .img-wrap .prd-intro-txt-m {position:absolute; top:0; left:0; bottom:0; right:0; text-align:center; background: rgba(0,0,0,0.3);}
.prd-intro-list-m .img-wrap .prd-intro-txt-m span.tit {display:table; width:100%; height:100%; position:relative; box-sizing: border-box;padding-bottom: 10%;}
.prd-intro-list-m .img-wrap .prd-intro-txt-m span.tit:before {content:""; width:100%; height:1px; background-color:rgba(255,255,255,0.15); position:absolute; left:0; top:50%; margin-top:6px; }
.prd-intro-list-m .img-wrap .prd-intro-txt-m span.tit:after {content:""; width:120px; height:1px; background-color:#fff; position:absolute; left:50%; margin-left:-60px; top:50%; margin-top:6px; }
.prd-intro-list-m .img-wrap .prd-intro-txt-m span.tit em {display:table-cell; vertical-align:middle; color:#fff; font-size:16px;  font-weight:600;}
.prd-intro-txt-m .more-page-btn{position: absolute;top: 50%; width: 100%;left: 0; transform: translateY(15px);}
}
@media all and (max-width:480px){
.prd-intro-txt-m .more-page-btn{transform: translateY(15px);}	
}



/* ******************  APPLICATION ********************** */
/* -------- APPLICATION :: 공통 -------- */
@media all and (max-width:1220px) {
    .appli-con .txtBox {width: 80%; padding: 3%;}
    .appli-con .imgBox {margin-top: 8%;}
    .appli-con .txtBox p {font-size: 18px;}
}
@media all and (max-width:1024px) {
    
    .appli-con .txtBox strong {font-size: 1em;}
    .appli-con .txtBox p {font-size: 17px;}
}
@media all and (max-width:800px) {
    .appli-con.appli-con4 .txtBox p.first {margin-bottom: 24px;}
    .appli-con .txtBox {width: 73%; padding: 5%; bottom: -140px;}
    .appli-con .txtBox p {margin-bottom: 0;}
    .appli-con .imgBox {margin-top: 20%; padding: 0;}
    .appli-con .imgBox li {width: 31%;}

}
@media all and (max-width:768px) {
    .appli-con .imgBox {margin-top: 24%;}
    .appli-con .txtBox strong {font-size: 0.9em;}
    .appli-con .txtBox p {font-size: 16px;}
}
@media all and (max-width:620px) {
    .appli-con .imgBox {margin-top: 30%;}
    .appli-con .txtBox {width: 86%; padding: 4%;}
    .appli-con .txtBox p {font-size: 15px;}
    
}
@media all and (max-width:540px) {
    .appli-con .imgBox {margin-top: 10%;}
    .appli-con .imgBox li {width: 48%;}
    .appli-con .txtBox {border:1px solid #ddd; transform: unset; position: unset; width: 100%;}
}
@media all and (max-width:480px) {
}
@media all and (max-width:378px) {
    .appli-con .txtBox {padding: 6%;}
}



/* ******************  SOLUTION ********************** */
/* -------- SOLUTION :: 공통 -------- */
@media all and (max-width:1220px) {
    #solutionContent .solution-top {font-size: 33px;}
    #solutionContent .solution_list li p {font-size: 18px;}
}
@media all and (max-width:1024px) {
    #solutionContent .solution-top {font-size: 28px;}
    #solutionContent .solution_list li strong {font-size: 1em;}
    #solutionContent .solution_list li p {font-size: 17px;}
}
@media all and (max-width:800px) {
    #solutionContent .solution-top {font-size: 24px;}

}
@media all and (max-width:768px) {
    #solutionContent .solution_list li strong {font-size: 0.9em;}
    #solutionContent .solution_list li p {font-size: 16px;}

}
@media all and (max-width:620px) {
    #solutionContent .solution-top {font-size: 20px; padding: 8%; margin-bottom: 10%;}
    #solutionContent .solution_list li p {font-size: 15px;}
}
@media all and (max-width:540px) {
    #solutionContent .solution-top {font-size: 18px;}
    #solutionContent .solution_list {flex-direction: column;}
    #solutionContent .solution_list li {margin-bottom: 9%; padding-bottom: 5%;}

}
@media all and (max-width:480px) {
    #solutionContent .solution_list li .imgBox {margin-bottom: 5%;}
}



/* ******************  CONTACT US ********************** */
/* -------- CONTACT US :: 공통 -------- */
@media all and (max-width:1220px) {
}
@media all and (max-width:1024px) {
    #contactCon .contact_box .map_wrap {margin-right: 3%;}
    #contactCon .contact_box .contact {width: 42%;}
    #contactCon .contact_box .map_wrap .map_box {height: 326px;}
    .inquiry-style03-write-box dt {font-size: 17px;}
    .inquiry-style03-write-box dd input, .inquiry-style03-write-box dd select, .inquiry-style03-write-box dd textarea {height: 40px;}
    .inquiry-style03-write-box dl {margin-bottom: 20px;}
    
}
@media all and (max-width:890px) {
    .board_list {padding: 12px 0;}
    .lb_icon > span {line-height: 40px;}
    .board_list .cm-ac .more-btn {width: 95px; height: 40px;}
}
@media all and (max-width:800px) {
    #contactCon .contact_box .map_wrap {margin-right: 0; width: 100%;}
    #contactCon .contact_box .contact {width: 100%; margin-top: 7%}
}
@media all and (max-width:620px) {
    #solutionContent .solution-top {font-size: 20px; padding: 8%; margin-bottom: 10%;}
    #solutionContent .solution_list li p {font-size: 15px;}
}
@media all and (max-width:540px) {
     #contactCon .contact_box .map_wrap .map_box {height: 250px;}
    .inquiry-essential-txt {padding-right: 5%; font-size: 13px;}
}
@media all and (max-width:480px) {
    .inquiry-style03-write-box dt {font-size: 15px;}
    .board_list .cm-ac .more-btn span {font-size: 13px;}
}