@charset "utf=8";

@import url("reset.css");

/* header */
#header { position: fixed; width: 100%; height: 160px; margin: 0 auto; z-index: 99; }
#headerInnerWrap { min-width: 1200px; height: 70px; background: #fff; }
#headerInner .logo { width: 1200px; margin: 0 auto; padding: 2	0px 0 0 0; position: relative; }
#headerInner a { position: relative; right: 70px; top: 24px; float: left; }
#headerInner img { border: none; vertical-align: top; }

/* PC menu */
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:97;}	/* gnb overlay BG */
#gnbBg { display:none; position:absolute; left: 0px; top: 90px; width: 100%; height:230px; background:#fff; border-top:1px solid #eee; z-index:98; box-shadow: 0px 4px 5px rgba(20,34,81,0.1); }
#gnb { position:relative; text-align:center; top:0; left: 0px; width: 100%; height: 90px; background: #fff; z-index:99; box-shadow: 0px 4px 5px rgba(20,34,81,0.1); }

#gnb > ul { position: relative; left: -15px; top: 0; display:inline-block; *display:inline;*zoom:1; }
#gnb > ul > li { position:relative; float:left; }
#gnb > ul > li > a { position:relative; z-index:100; display:block; height:100px; line-height:100px; padding:0 32px; text-align:center; color:#555; font-size:18px; letter-spacing:-0.52px; font-weight:600;
					 -webkit-transition:color 0.3s;-moz-transition:color 0.3s;-o-transition:color 0.3s;-ms-transition:color 0.3s;transition:color 0.3s; }
#gnb > ul > li > a:before { position: absolute; bottom: 8px; left: 50%; display: block; content: ''; width: 0; height: 1px; background-color: #c62134; 
							-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#gnb > ul > li > a:hover, #gnb > ul > li.on > a { color:#222; }
#gnb > ul > li > a:hover:before, #gnb > ul > li.on > a:before { width: 100%; margin-left: -50%; }


#gnb.total-menu > ul > li .gnb-2dep { display: none; position: absolute; top: 90px; left: 0px; z-index: 99; width: 100%; height: 230px; text-align: left; }
#gnb > ul > li .gnb-2dep ul { padding:27px 0px; }
#gnb > ul > li .gnb-2dep ul li { position:relative; padding:10px; }
#gnb > ul > li .gnb-2dep ul li a { display:block; text-align:center; color:#555; font-size:16px; letter-spacing: -0.25px; font-weight: 500;
								   -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s }
#gnb > ul > li .gnb-2dep ul li a:hover { color: #c62134; font-weight: 600; }

.sub-wrap #gnb > ul > li > a{color: #ddd;}

/* -------- Header Mobile -------- */
.nav-open-btn{display:none;}
#gnbM{display:none}
.h_micon { display: none; }

/* header h__icon */
.h_icon { position: absolute; right: 200px; top: 110px; text-align: right; z-index: 99; }
.h_icon li a { display: inline; margin: 0 0 0 20px; color: #555; border-bottom: none; font-size: 18px; }


/* banner slider */
#banner { height: 700px; padding-top: 160px; }
.slider { position: relative; /*text-align: center;*/ margin: 0 0 0; padding: 0; background: #fff; }

.slider .btn a { display: inline-block; font-style: normal; color: #eee; font-weight: 400; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slider .slick-prev { position: absolute; width: 70px; height: 70px; right: 400px; top: 585px; cursor: pointer; text-indent: -9999px; border-radius: 50%; z-index: 9; text-align: center; line-height: 2; background:#b42b32; text-indent: 9999; font: normal normal normal 50px/1 FontAwesome; }
.slider .slick-prev:before { content: "\f104"; color: #fff; text-indent: 0; position: absolute; left: 24px; top: 8px; }
.slider .slick-next { position: absolute; width: 70px; height: 70px; right: 300px; top: 585px; text-indent: -9999px; cursor: pointer; border-radius: 50%; z-index: 9; text-align: center; line-height: 2; background:#b42b32; text-indent: 9999; font: normal normal normal 50px/1 FontAwesome; }
.slider .slick-next:before { content: "\f105"; color: #fff; text-indent: 0px; position: absolute; left: 28px; top: 8px; }
.slider .btn ul{ display: block; zoom: 1; margin: 0; padding: 0; list-style: none; }
.slider .btn li { width: 100%; float: left; margin-right: -100%; position: relative; opacity: 1; display: block; z-index: 2; }
.slider .b_img { height: 630px;}
/* #banner .slick-prev { display: none; } */
.slider a.link { display: block; width: 1200px; height: 630px; position: absolute; left: 50%; margin-left: -600px; top: 0; padding: 0; font-size: 0; z-index: 9; }
.slider a.link img { display: none; width: 0; height: 0; }

/* Mobile banner slider */
#banner .mobile { display: none; }
/* #banner .mb_img { display: none; }
.mobile .slick-prev { display: none; }
.mobile .slick-prev:before { display: none; }
.mobile .slick-next { display: none; }
.mobile .slick-next:before { display: none; } */



/* content1 */
#mainContent{}
#mainContent > article{}
.main-area { max-width: 1700px; margin: 0px auto; }

/* -------- 메인 컨텐츠 :: 컨텐츠1(회사소개) -------- */
.fc-green { font-weight: 700; color: #c62134; }
.fc-blue { font-weight: 700; color:  #c62134; }


/* pc 리스트 */
.main-company-con{  }
/* 왼쪽 */
.main-company-left { width: 520px; float: left; }
.main-company-left .company-inner { display: block; position: relative; height: 700px; background: url("../img/con15.jpg") 70% center no-repeat; cursor: initial; }
.main-company-left .company-inner .txt-con{ color: #fff; width: calc(100% - 120px); padding: 60px; }
.main-company-left .company-inner .txt-con p{ font-size: 24px; line-height: 30px; font-weight: 600; letter-spacing: -0.25px; }
.main-company-left .company-inner .txt-con .middle-line { display: inline-block; width: 30px; height: 2px; background-color: #fff; margin: 20px 0 10px; }
.main-company-left .company-inner .txt-con h1 { font-size: 17px; font-weight: 400; letter-spacing: -0.5px; line-height: 22px; }
/* 오른쪽 */
.main-company-right { width: 1180px; float: right; }
.main-company-right li.up-con, .main-company-right li.down-con { width: 100%; }
.main-company-right .company-inner { display: block; height: 350px; position: relative; cursor: initial; }
.main-company-right .top-bg { width: 340px; float: left; }
.main-company-right .top-bg .company-inner { background-color: #fff; }
.main-company-right .top-bg .company-inner .text1 { position: relative; left: 42px; top: 6px; color: #555; width: calc(100% - 109px); padding: 60px; }
.main-company-right .top-bg .company-inner .txt-con { position: relative; right: 36px; top: 12px; color: #555; width: calc(100% - 109px); padding: 60px; }
.main-company-right .top-bg .company-inner .txt-con p { font-size: 24px; line-height: 30px; font-weight: 600; letter-spacing: -0.25px; }
.main-company-right .top-bg .company-inner .txt-con .middle-line { display: inline-block; width: 30px; height: 2px; background-color:  #c62134; margin: 20px 0 10px; }
.main-company-right .top-bg .company-inner .txt-con h1 { font-size: 17px; font-weight: 500; letter-spacing: -0.5px; line-height: 26px; }
.main-company-right .top-bg .company-inner .txt-con h1.txtm { display: none; }
.main-company-right .bottom-bg { width: 753px; float: left; }
.main-company-right .bottom-bg .txt-con { color: #555; width: calc(100% - 120px); padding: 60px; }
.main-company-right .bottom-bg .company-inner .txt-con p { font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: -0.25px; }
.main-company-right .more-view { position: absolute; bottom: 60px; left: 60px; display: inline-block; font-size: 12px; color: #555; font-weight: 400; }
.main-company-right .more-view:before { position: absolute; top: 5.5px; right: -27px; display: inline-block; content: ''; width: 20px; height: 1px; background-color: #fff; }
/* 공통 */
.main-company-right .up-con .company-inner{}
.main-company-right .up-con .bottom-bg .company-inner { background: url("../img/con2.jpg") right center no-repeat; }

.main-company-right .down-con .company-inner{}
.main-company-right .down-con .top-bg, .main-company-right .down-con .bottom-bg { float: right; }
.main-company-right .down-con .bottom-bg .company-inner { background: url("../img/con35.jpg") center center no-repeat; }

/* 모바일 리스트 */
.m-main-company-con{display: none;}


/* content2 */
/* -------- 메인 컨텐츠 :: 컨텐츠2(제품제작) -------- */
#mainContent2 { padding-top: 190px; }
.main-tit { margin-bottom:15px; font-size: 30px; text-align:center; font-weight: 900; color:#555; }
.main-sub-tit { font-size:16px; letter-spacing:-0.25px; font-weight: 400; text-align:center; color:#555; line-height:1.8; -ms-word-break: keep-all; word-break: keep-all; }

.main-process-con { margin-top: 85px; }
.process-list ul { width: 92%; padding: 0 4%; position: relative; }

/* 중앙 라인 */
.process-list ul .process-line { position: absolute; top: 50%; margin-top: 4.5px; left: 0; display: block; content: ''; width: 100%; height: 1px; background-color: #ddd; }
.process-list ul .process-line.m-line { display: none; }

/* li 영역 */
.process-list ul li { position:relative; width: 12.5%; min-height: 200px; float: left; bottom:-5px; left:0px; height:63px; text-align:center; }

/* 아이콘 */
.process-list ul li .icon { position:absolute; display:inline-block; width: 100%; text-align: center; top: -22px; left: 0; }
.process-list ul li .icon img { display: inline-block; height: 99px; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px);
								-o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;
								-ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

/* dot */
.process-list ul li .dot{ display:block; position:absolute; top:50%; margin-top: -4.5px; left:50%; width:9px; height:9px; margin-left:-4.5px; background-color: #ddd; border-radius:50%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.process-list ul li .dot:before{position: absolute; top: 50%; margin-top: -9.5px; left: 50%; margin-left: -9.5px; display: block; content: ''; width: 15px; height: 15px; border: 2px solid #c62134; border-radius:50%; opacity: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

/* 텍스트 */
.process-list ul li strong{position:absolute; display:inline-block; width: 100%; text-align: center; font-weight:400; bottom: 0; left: 0; color:#555; font-size:16px; letter-spacing:-0.5px;}
.process-list ul li strong em{display: block; margin-bottom: 20px; width: 100%; font-size: 20px; font-weight: 500;}
.process-list .en li strong{font-size:17px;}

/* active */
.process-list ul li.active .icon img{-webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px);}
.process-list ul li.active .dot{background-color:#c62134; }
.process-list ul li.active .dot:before{opacity: 1;}


/* content3 */
.main_con01{padding-top: 150px; position: relative;}
.main_con01 .bg_wrap{ position: absolute; right: 12%; top: 85px; }
.main_con01 > div:after{content: ''; display: table; clear: both}
.main_con01 > div {position: relative;z-index: 1}
.main_con01 > div {position: relative;z-index: 1}
.main_con01:before{content: ''; display: block; position: absolute; left: 0; width: 0; height: 934px; background: url(../img/pro22.jpg); top: 290px; }

.main_con01.on:before{ width: 633px; transition: 2s; }

.main_con01 > div > div{float: left}
.main_con01 > div > div > img{ box-shadow: 18px 18px 30px rgba(0,0,0,0.2);}
.main_con01 .right{padding-left: 100px; padding-top: 60px; transform: translate(30px,0); opacity: 0; }
.main_con01 .right:after{content: ''; display: table; clear: both}
.main_con01 .right > span{color: #c62134; font-size: 20px; font-weight: 500; letter-spacing: -0.25px; padding-bottom: 40px; display: block; }
.main_con01 .right > strong{color: #555; font-size: 32px; letter-spacing: -0.5px; line-height: 56px;  font-weight: 500; display: block; }
.main_con01 .right > p{color: #555; font-size: 18px; letter-spacing: -0.8px; line-height: 42px;  font-weight: 500; display: block; position: relative; padding-left: 100px; }
.main_con01 .right > p.mb{margin-bottom: 55px; margin-top: 110px; }
.main_con01 .right > p.mb:before{content: ''; display: block; width: 170px; height: 143px; background: url(../img/left.png); position: absolute; left: -100px; top: 18px; }
.main_con01 .right .more{ margin-top: 40px; float: right; margin-right: 45px; }
.main_con01 .right .more a{ font-size: 18px; font-weight: 600; color:#fff; letter-spacing: -1px; display: block; background-color: #c20f2f; height: 60px; line-height: 60px; 
							padding-left: 40px; display: block; text-align: center; width: 140px; position: relative; box-shadow: 10px 10px 10px rgba(20,34,81,0.2); transition: .6s;}
.main_con01 .right .more a:after{ content: ""; width: 75px; height: 91px; background: url("../img/more.png"); display: block; position: absolute; right: -74px; bottom: -15px; }
.main_con01 .right .more a:hover{ transform: translate(20px,0); }

.main_con01.on .right{ transform: translate(0,0); opacity: 1; transition: 1.4s; transition-delay: .7s; }


.inner { width:1200px; margin: 0 auto; position: relative; z-index: 1; }
.main_con02 { padding-bottom: 100px; padding-top: 160px; background: url(../img/main_con2.jpg) no-repeat right 90% }
/* .main_con02 > div.con2 { top: 0; left: 140px; } */
.main_con02 > div:after{content: ''; display: block; clear: both}
.main_con02 > div > div{float: left; padding-top: 30px; transform: translate(-30px,0); opacity: 0; }
.main_con02 > div > div strong{color: #fff; font-size: 32px; font-weight: 500; letter-spacing: -0.5px;  position: relative}
.main_con02 > div > div strong:after{content: ''; display: block; position: absolute; width: 170px; height: 1px; background: #e9e9e9; right: -186px; top: 50%}
.main_con02 > div > ul{float: right; width: 830px; transform: translate(30px,0); opacity: 0; position: relative; left: 140px; }
.main_con02 > div > ul:after{content: ''; display: block; clear: both}
.main_con02 > div > ul li{float: left; width: 29%; margin-right: 3.6%; margin-bottom: 35px; }
/* .main_con02 > div > ul li:nth-child(1){ margin-left: 14%; } */
.main_con02 > div > ul li:nth-child(2){ margin-right: 2%; width: 32%; }
.main_con02 > div > ul li:nth-child(3){ width: 28%; }
.main_con02 > div > ul li:nth-child(4){ margin-right: 2%; margin-left: 31%; width: 32%; }
/* .main_con02 > div > ul li:nth-child(5){  margin-right: 2%; } */
/* .main_con02 > div > ul li:nth-child(2n){margin-right: 0} */
.main_con02 > div > ul li strong{ display: block; padding-top: 15px; text-align: center; color: #555; font-size: 18px; line-height: 30px; font-weight: 500; letter-spacing: -0.5px; min-height: 60px; }

.main_con02.on > div > div{ transform: translate(0,0); opacity: 1; transition: 1.4s; transition-delay: .2s; position: relative; right: 12%; }
.main_con02.on > div > ul{ transform: translate(0,0); opacity: 1; transition: 1.4s; transition-delay: .6s; }

/* .main_con02 { padding-bottom: 100px; padding-top: 160px; background: url(../img/main/con2_bg.jpg) no-repeat left 90%}
.main_con02 > div.con2 { top: 0; left: 140px; }
.main_con02 > div:after{content: ''; display: block; clear: both}
.main_con02 > div > div{float: left; padding-top: 30px; transform: translate(-30px,0); opacity: 0; }
.main_con02 > div > div strong{color: #fff; font-size: 32px; font-weight: 500; letter-spacing: -0.5px;  position: relative}
.main_con02 > div > div strong:after{content: ''; display: block; position: absolute; width: 170px; height: 1px; background: #e9e9e9; right: -186px; top: 50%}
.main_con02 > div > ul{float: right; width: 780px; transform: translate(30px,0); opacity: 0; }
.main_con02 > div > ul:after{content: ''; display: block; clear: both}
.main_con02 > div > ul li{float: left; width: 28%; margin-right: 4.6%; margin-bottom: 35px; }
.main_con02 > div > ul li:nth-child(4){margin-right: 0; width: 34%;}
.main_con02 > div > ul li strong{display: block; padding-top: 15px; text-align: center; color: #555; font-size: 18px; line-height: 30px; font-weight: 500; letter-spacing: -0.5px; min-height: 60px;}

.main_con02.on > div > div{ transform: translate(0,0); opacity: 1; transition: 1.4s; transition-delay: .2s; }
.main_con02.on > div > ul{ transform: translate(0,0); opacity: 1; transition: 1.4s; transition-delay: .6s; } */

/* sns */
.main_con07 { width: 100%; padding: 60px 0 160px; position: relative; background: #f9f9f9 url(../img/footer.jpg) center bottom no-repeat; -webkit-background-size: contain; background-size: contain; }
.main_con07 .inner { border: 1px solid #d7d7d7; background: #fff; }
.main_con07 ul:after { content: ''; display: block; clear: both; }
.main_con07 ul li { float: left; width: 399px; height: 200px; text-align: center; border-right: 1px #d7d7d7 solid; border-bottom: 1px #d7d7d7 solid; }
.main_con07 ul li img { position: relative; left: 0; top: 60px; cursor: pointer; }
.main_con07 ul li img.logo2 { position: relative; left: 0; top: 80px; cursor: pointer; }
.main_con07 ul li h1 { font-weight: 500; font-size: 16px; position: relative; left: 0; top: 80px; }
.main_con07 ul li:nth-child(3n) { border-right: none; }
.main_con07 ul li:nth-child(4) { border-bottom: none; }
.main_con07 ul li:nth-child(5) { border-bottom: none; }
.main_con07 ul li:nth-child(6) { border-bottom: none; }


/* footer*/
.tail_wrap { margin: 0 auto; padding: 0 0 72px; background: #fff; }
.tail_wrap .cs_wrap { padding: 20px 0 80px 0; }
.tail_wrap .tail_con { width: 1200px; margin: 0 auto; padding: 0; position: relative; }
.tail_wrap .copyright { text-decoration: none; padding: 0 0 0 410px; color: #555; font-size: 14px; line-height: 1.6; }
.tail_wrap .tmenu_wrap { border-bottom: 1px solid #eee; }
.tail_wrap .tail_con { width: 1200px; margin: 0 auto; padding: 0; position: relative; }
.tail_wrap .btm_link { margin: 0; padding: 22px 0; }
.tail_wrap .btm_link li:first-child { padding-left: 0; }
.tail_wrap .btm_link li { display: inline-block; position: relative; padding: 0 20px; }
.tail_wrap .btm_link li a { color: #555; font-size: 13px; }
.tail_wrap .btm_link li:after { content: ""; display: block; width: 1px; height: 10px; position: absolute; right: -1px; top: 1px; background: #555; }


.go_foreign { position: absolute; right: 0; top: 15px; width: 100px; }
.list_pop { background: #fff; height: 28px; line-height: 28px; padding: 0 0 0; font-size: 13px; position: relative; border: 1px solid #d2d2d2; }
.list_pop span.title { display: block; color: #555; height: 30px; line-height: 28px; padding-left: 10px; cursor: pointer; position: relative; z-index: 12; }
.list_pop span.title:after { content: ""; display: block; position: absolute; width: 28px; height: 28px; background: #fff url(../img/footer_up.png) 50% 50% no-repeat; right: 0; top: 0; transform: rotate(-180deg); transition: transform 120ms 200ms ease-out; z-index: 12;}
/* .list_pop span.title.on:after { content: ""; display: block; position: absolute; width: 28px; height: 28px; background: #fff url(../img/footer_up.png) 50% 50% no-repeat; right: 0; top: 0; transform: rotate(0deg); transition: transform 120ms ease-in-out; cursor: pointer; } */
.list_pop ul { display: block; width: calc(100% - 10px); background: #fff; border: 1px solid #d2d2d2; padding: 0 0 0 10px; position: absolute; top: 28px; left: 0; display: none; z-index: 10; }
.list_pop ul li { line-height: 24px; }

.copyright .cs_info { float: left; width: 410px; margin-left: -410px; }
.copyright .cs_title { font-size: 14px; font-weight: 500; margin-bottom: 30px; }
.copyright .com { margin-bottom: 60px; }
.copyright .cs_info .tel { font-size: 39px; font-weight: 600; margin: 0 0; color: #c20f2f; line-height: 1.0; margin-bottom: 10px; }
.copyright .cs_info .tel img { vertical-align: -2px; margin-right: 5px; }
.copyright .cs_info .time { font-size: 14px; font-weight: bold; }
.copyright .cs_info .qna_txt { margin: 30px 0 0 0; position: relative; }
.copyright .cs_info .qna_txt a { display: inline-block; position: absolute; left: 0px; top: 60px; border: 1px solid #d2d2d2; padding: 3px 16px; }
.copyright a.qnaPartner { display: inline-block; position: absolute; left: 410px; top: 256px; border: 1px solid #d2d2d2; padding: 3px 16px; }

/* mobile footer */
.mtail_wrap { display: none; }


/* ////////////////////////// 반응형 /////////////////////////// */
/* ****************** 공통클래스 ********************** */
@media all and (max-width:1720px){
	.main-area{padding: 0 15px;}
}
@media all and (max-width:1410px){
	.area-box{padding:0 15px;}
}
@media all and (max-width:1350px){
	.sub-visual-area{padding: 0 15px;}
}
@media all and (max-width:1120px){
	.area{padding:0 15px;}
}
@media all and (max-width:1220px){
	.main-area{padding: 70px 15px 0;}
}
@media all and (max-width:800px){
	.main-area{padding: 0px 15px;}
}

/* ******************Header/MENU ********************** */
@media all and ( max-width: 1890px ){
	.hdr-area{width: calc(72% - 30px); padding: 0 15px;}
	#headerInner a { left: -68px; }
	#gnb > ul { left: -12px; }
	.h_icon { right: 90px; }
	/* #header .logo { margin-left: 230px; } */
}
@media all and ( max-width: 1805px ){
	.hdr-area{width: calc(100% - 30px); padding: 0 15px;}
}
@media all and ( max-width: 1440px ){
	/* -------- Header :: GNB(PC) -------- */
	.hdr-area { width: calc(65% - 30px); }
	#headerInner a { left: -42px; }
	#header .logo { margin-left: 120px; }
	#gnb > ul { left: 6px; }
	.h_icon { right: 134px; }
}
@media all and ( max-width: 1220px ){
	/* -------- Header :: GNB(PC) -------- */
	#header, #headerInnerWrap, #headerInner { height: 70px; }
	#headerInnerWrap { position: fixed; z-index: 9998; }
	/* #header .logo { padding: 16px 0 0 0; }	 */
	#header .logo img { width: 176px; }
	#headerInnerWrap { background-color: #fff; }
	#headerInner a { left: -80px; top: 16px; }
	#gnb { display: none; }
	.gnb-overlay-bg { display: none; }
	/* -------- Header :: GNB(Mobile) -------- */
	.gnb-overlay-bg-m{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:101;}	
	#gnbM{ display:block; overflow-y:auto; position:fixed; top:0px; right:-102%;width:100%; height:100%;  /* max-width:280px;  */background-color:#fff; z-index:999;
			box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
			-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); /* gnb OPEN 속도 */ visibility:hidden; }
	#gnbM.open{ right:0px; visibility:visible; }
	#gnbM #navigation{margin-top:80px;}	/* Header 높이값 */
	/* GNB Mobile :: 1차 */
	#gnbM #navigation > li{border-bottom:1px solid rgba(255,255,255,0.2);}
	#gnbM #navigation > li > a {position:relative; display:block; padding:30px 35px; color:#000030; font-size:30px;}
	#gnbM #navigation > li.active > a{color:#000;}
	#gnbM #navigation > li.has-2dep > a{}
	#gnbM #navigation > li.has-2dep.active > a{}
	#gnbM #navigation > li .gnb-icon{position:absolute; top:50%; right:25px; margin-top:-14px;}
	#gnbM #navigation > li .gnb-icon i{font-size:24px;}
	/* GNB Mobile :: 2차 */
	#gnbM #navigation > li .gnb-2dep{display:none; padding:20px 0; background-color:#f5f5f5;}
	#gnbM #navigation > li .gnb-2dep > li{}
	#gnbM #navigation > li .gnb-2dep > li > a{display:block; color:#222; font-size:22px; padding:20px 55px;}
	#gnbM #navigation > li .gnb-2dep > li.on > a{color: #0ba9b5;}
	/* GNB Mobile :: 3차 */
	/* #gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:20px 30px; background-color:#aaa; }
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#000;}
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;} */
	
	/* -------- Header :: 메뉴 오픈 버튼 -------- */
	.nav-open-btn{ display:block; position:fixed; top: 22px; right: 46px; z-index:9998; height:30px; transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
					-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); -oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
					-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); }
	.h_icon { display: none; }
	.h_micon { display: block; position: absolute; right: 90px; top: 28px; text-align: right; z-index: 9998; }
	.h_micon li a { display: inline; margin: 0 0 0 20px; color: #555; border-bottom: none; font-size: 20px; }
	.nav-open-btn .line { display:block; width:20px; height:2px; background-color:#555; margin: 4px auto; -webkit-transition: all 0.3s ease-in-out;
						  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
	.nav-open-btn a { display: inline; margin: 0 0 0 20px; color: #555; border-bottom: none; font-size: 18px; }
	.sub-wrap .nav-open-btn .line { background-color: #ccc; }
	.nav-open-btn.active .line { background-color:#000022; }
	.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4) { opacity: 0; }
	.nav-open-btn.active .line:nth-child(1){ -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); -o-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); }
	.nav-open-btn.active .line:nth-child(3){ -webkit-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); -o-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); }
	#header.fixed-header .nav-open-btn .line{background-color:#fff}
}
@media all and ( max-width: 800px ){
	#header, #headerInnerWrap, #headerInner{height: 58px;}
	#headerInner a { left: -80px; top: 12px; }
	#header .logo { margin-left: 100px; }	/* padding값 적절히 바꿔주세요 */
	#header .logo img{height: 34px;}
	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{padding-right:38px;}
	/* Header :: 언어선택 */
	.header-lang{width:80px;}
	.header-lang > ul > li > a{font-size: 10px;}
	/* Header :: 사이트맵, 네비게이션 버튼 */
	.h_micon { top: 22px; }
	.nav-open-btn { right: 52px; top: 16px; margin-top: 0; }
	.nav-open-btn .line{width:18px; height:2px;}
	.nav-open-btn.active .line:nth-child(1){ -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); -o-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); }
	.nav-open-btn.active .line:nth-child(3){ -webkit-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); -o-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); }
	/* Header :: GNB(Mobile) */
	#gnbM #navigation{margin-top:70px}	/* Header 높이값 */
	#gnbM #navigation > li > a {padding:20px 25px; font-size:15px;}
	#gnbM #navigation > li .gnb-icon{right:15px;}
	/* GNB Mobile :: 2차 */
	#gnbM #navigation > li .gnb-2dep{display:none; padding:10px 0;}
	#gnbM #navigation > li .gnb-2dep > li > a{display:block; color:#222; font-size:13px; padding:15px 40px;}
}
@media all and ( max-width: 480px ){
	#header, #headerInnerWrap, #headerInner{height: 48px;}
	#headerInner a { left: -80px; top: 8px; }
	#header .logo { margin-left: 90px; }	/* padding값 적절히 바꿔주세요 */
	#header .logo img{ width: 50%;}
	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{padding-right:38px;}
	/* Header :: 언어선택 */
	.header-lang{width:80px;}
	.header-lang > ul > li > a{font-size: 10px;}
	/* Header :: 사이트맵, 네비게이션 버튼 */
	.h_micon { right: 50px; top: 16px; }
	.nav-open-btn { right: 10px; top: 10px; margin-top: 0; }
	.nav-open-btn .line{width:18px; height:2px;}
	.nav-open-btn.active .line:nth-child(1){ -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); -o-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); }
	.nav-open-btn.active .line:nth-child(3){ -webkit-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); -o-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); }
	/* Header :: GNB(Mobile) */
	#gnbM #navigation{margin-top:70px}	/* Header 높이값 */
	#gnbM #navigation > li > a {padding:20px 25px; font-size:22px;}
	#gnbM #navigation > li .gnb-icon{right:15px;}
	/* GNB Mobile :: 2차 */
	#gnbM #navigation > li .gnb-2dep{display:none; padding:10px 0;}
	#gnbM #navigation > li .gnb-2dep > li > a{display:block; color:#222; font-size:13px; padding:15px 40px;}
}
@media all and (max-width: 400px){
	#gnbM #navigation > li > a { font-size: 18px; }
}
/* ******************  banner ********************** */
@media all and (max-width: 1440px){
	.slider .slick-prev { right: 380px; top: 588px; }
	.slider .slick-next { right: 300px; top: 588px; }
}
@media all and (max-width: 1220px){
	#banner { height: 605px; padding-top: 70px; }
	.slider a.link { height: 605px; }
	.slider .b_img { height: 605px; }
	.slider .slick-prev { right: 300px; top: 560px; }
	.slider .slick-next { right: 220px; top: 560px; }
}
@media all and (max-width: 1024px){
	#banner { height: 507px; }
	.slider a.link { height: 507px; }
	.slider .b_img { height: 507px; }
	.slider .slick-prev { right: 230px; top: 460px; }
	.slider .slick-next { right: 80px; top: 460px; }
}
@media all and (max-width: 800px){
	#banner { height: auto; padding-top: 58px; padding-bottom: 25px; }
	#banner .slider { display: none; }
	#banner .mobile { display: block; }
	#banner .mb_img { display: block; }
	.slick-slide img { width: 800px; }
	.mobile .slick-prev { display: inline-block; position: absolute; width: 60px; height: 60px; left: 30px; top: 860px; cursor: pointer; text-indent: -9999px; border-radius: 50%; z-index: 9; text-align: center; line-height: 2; background:#b42b32; text-indent: 9999; font: normal normal normal 40px/1 FontAwesome; }
	.mobile .slick-prev:before { content: "\f104"; color: #fff; text-indent: 0; position: absolute; left: 22px; top: 10px; }
	.mobile .slick-next { display: inline-block; position: absolute; width: 60px; height: 60px; right: 30px; top: 860px; text-indent: -9999px; cursor: pointer; border-radius: 50%; z-index: 9; text-align: center; line-height: 2; background:#b42b32; text-indent: 9999; font: normal normal normal 40px/1 FontAwesome; }
	.mobile .slick-next:before { content: "\f105"; color: #fff; text-indent: 0px; position: absolute; left: 26px; top: 10px; }
}
@media all and (max-width: 480px){
	#banner { height: auto; padding-top: 48px; padding-bottom: 25px; }
	#banner .slider { display: none; }
	#banner .mobile { display: block; }
	#banner .mb_img { display: block; }
	.slick-slide img { width: 100%; }
	.mobile .slick-prev { display: inline-block; position: absolute; width: 60px; height: 60px; left: 16px; top: 500px; cursor: pointer; text-indent: -9999px; border-radius: 50%; z-index: 9; text-align: center; line-height: 2; background:#b42b32; text-indent: 9999; font: normal normal normal 40px/1 FontAwesome; }
	.mobile .slick-prev:before { content: "\f104"; color: #fff; text-indent: 0; position: absolute; left: 22px; top: 10px; }
	.mobile .slick-next { display: inline-block; position: absolute; width: 60px; height: 60px; right: 16px; top: 500px; text-indent: -9999px; cursor: pointer; border-radius: 50%; z-index: 9; text-align: center; line-height: 2; background:#b42b32; text-indent: 9999; font: normal normal normal 40px/1 FontAwesome; }
	.mobile .slick-next:before { content: "\f105"; color: #fff; text-indent: 0px; position: absolute; left: 26px; top: 10px; }
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 800px ){
	#mainContent{padding-top: 30px;}
	#mainContent > article{}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1(회사소개) -------- */
@media all and (max-width:1730px){
	/* 오른쪽 */
	.main-company-right{width: calc(100% - 520px);}
	.main-company-right .top-bg{width: 360px; float: left;}
	.main-company-right .bottom-bg{width: calc(100% - 360px); float: left;}
	.main-company-right .top-bg .company-inner .txt-con h1 { display: none; }
	.main-company-right .top-bg .company-inner .txt-con h1.txtm { display: block; font-size: 17px; font-weight: 500; letter-spacing: -0.5px; line-height: 26px; }
}
@media all and (max-width:1220px){
	/* 왼쪽 */
	.main-company-left{width: 40%;}
	.main-company-left .company-inner { background: url(../img/con15.jpg) 46% center no-repeat; }
	.main-company-left .company-inner .txt-con {width: calc(100% - 90px); padding: 36px 40px;}
	/* 오른쪽 */
	.main-company-right{width: 60%;}
	.main-company-right .company-inner{height: 175px;}
	.main-company-right .top-bg{width: 100%; float: left;}
	.main-company-right .top-bg .company-inner .txt-con{width: calc(100% - 90px); padding: 32px 40px;}
	.main-company-right .top-bg .company-inner .txt-con ul li {font-size: 15px; width: 50%; line-height: 1.6; float: left;}
	.main-company-right .bottom-bg .txt-con {width: calc(100% - 90px); padding: 30px 45px;}
	.main-company-right .bottom-bg{width: 100%; float: left;}
	.main-company-right .bottom-bg .company-inner .txt-con p { color: #fff; }
	.main-company-right .bottom-bg .company-inner .txt-con p span { color: #555; }
	.main-company-right .top-bg .company-inner .txt-con .middle-line{margin: 15px 0 10px;}
	.main-company-right .more-view{display: none;}
	.main-company-right li.down-con .top-bg .company-inner .txt-con{padding: 32px 45px;}
}
@media all and (max-width:800px){
	/* pc 리스트 */
	.main-company-con{display: none;}
	/* 모바일 리스트 */
	.m-main-company-con{display: block;}
	ul.m-main-company-list > li{width: 50%; float: left;}
	ul.m-main-company-list > li.li-05{width: 100%;}
	ul.m-main-company-list > li .company-inner{display: block; height: 0; padding-top: 100%; position: relative; cursor: initial;}
	/* 공통 */
	ul.m-main-company-list > li .txt-con{position: absolute; top: 108px; left: 0; width: 74%; padding: 13%; color: #222;}
	ul.m-main-company-list > li .txt-con p{font-size: 22px; font-weight: 600; line-height: 1.3; -ms-word-break: keep-all; word-break: keep-all;}
	ul.m-main-company-list > li .txt-con .middle-line{display: inline-block; width: 25px; height: 1px; background-color: #fff; margin: 20px 0 15px;}
	/* li-01 */
	ul.m-main-company-list > li.li-01 .company-inner{background: url("../img/mcon1.jpg") center center no-repeat; -webkit-background-size: cover; background-size: cover;}
	ul.m-main-company-list > li.li-01 .txt-con{position: absolute; top: 120px; left: 0px; width: 74%;}
	ul.m-main-company-list > li.li-01 .txt-con p{color: #222; text-align: center;}
	/* li-02 */
	ul.m-main-company-list > li.li-02 .company-inner{background-color: #b42b32;}
	ul.m-main-company-list > li.li-02 .txt-con{position: absolute; top: 45px; left: 0; width: 74%; padding: 13%; color: #fff; }
	ul.m-main-company-list > li.li-02 .txt-con h1 { font-size: 18px; font-weight: 500; letter-spacing: 0.5px; line-height: 26px; }
	ul.m-main-company-list > li.li-02 .txt-con ul li{width: 100%; float: left; font-size: 12px; line-height: 1.6; font-weight: 400; letter-spacing: -0.5px;}
	/* li-03 */
	ul.m-main-company-list > li.li-03 .company-inner{background-color: #b42b32;}
	ul.m-main-company-list > li.li-03 .txt-con{position: absolute; top: 45px;; left: 0; width: 74%; padding: 13%; color: #fff; }
	ul.m-main-company-list > li.li-03 .txt-con h1 { font-size: 15px; font-weight: 500; letter-spacing: 0.5px; line-height: 26px; }
	ul.m-main-company-list > li.li-03 .txt-con ul li{width: 50%; float: left; font-size: 12px; line-height: 1.6; font-weight: 400; letter-spacing: -0.5px;}
	/* li-04 */
	ul.m-main-company-list > li.li-04 .company-inner{background: url("../img/mcon2.jpg") center center no-repeat; -webkit-background-size: cover; background-size: cover;}
	ul.m-main-company-list > li.li-04 .txt-con p{text-align: center;}
	ul.m-main-company-list > li.li-05 .company-inner{padding-top: 50%; background: url("../img/mcon3.jpg") center center no-repeat; -webkit-background-size: cover; background-size: cover;}
}
@media all and (max-width:480px){
	/* pc 리스트 */
	.main-company-con{display: none;}
	/* 모바일 리스트 */
	.m-main-company-con{display: block;}
	ul.m-main-company-list > li{width: 50%; float: left;}
	ul.m-main-company-list > li.li-05{width: 100%;}
	ul.m-main-company-list > li .company-inner{display: block; height: 0; padding-top: 100%; position: relative; cursor: initial;}
	/* 공통 */
	ul.m-main-company-list > li .txt-con{position: absolute; top: 34px; left: 0; width: 74%; padding: 13%; color: #222;}
	ul.m-main-company-list > li .txt-con p{font-size: 16px; font-weight: 600; line-height: 1.3; -ms-word-break: keep-all; word-break: keep-all;}
	ul.m-main-company-list > li .txt-con .middle-line{display: inline-block; width: 25px; height: 1px; background-color: #fff; margin: 10px 0 5px;}
	/* li-01 */
	ul.m-main-company-list > li.li-01 .company-inner{background: url("../img/mcon1.jpg") center center no-repeat; -webkit-background-size: cover; background-size: cover;}
	ul.m-main-company-list > li.li-01 .txt-con{position: absolute; top: 68px; left: 0px; width: 74%;}
	ul.m-main-company-list > li.li-01 .txt-con p{color: #222; text-align: center;}
	/* li-02 */
	ul.m-main-company-list > li.li-02 .company-inner{background-color: #b42b32;}
	ul.m-main-company-list > li.li-02 .txt-con { position: absolute; top: 34px; left: 0; width: 92%; padding: 4%; color: #fff; }
	ul.m-main-company-list > li.li-02 .txt-con h1 { font-size: 13px; font-weight: 500; letter-spacing: 0.5px; line-height: 26px; }
	ul.m-main-company-list > li.li-02 .txt-con ul li{width: 100%; float: left; font-size: 12px; line-height: 1.6; font-weight: 400; letter-spacing: -0.5px;}
	/* li-03 */
	ul.m-main-company-list > li.li-03 .company-inner{background-color: #b42b32;}
	ul.m-main-company-list > li.li-03 .txt-con{position: absolute; top: 16px;; left: 0; width: 86%; padding: 7%; color: #fff; }
	ul.m-main-company-list > li.li-03 .txt-con h1 { font-size: 13px; font-weight: 500; letter-spacing: 0.5px; line-height: 26px; }
	ul.m-main-company-list > li.li-03 .txt-con ul li{width: 50%; float: left; font-size: 12px; line-height: 1.6; font-weight: 400; letter-spacing: -0.5px;}
	/* li-04 */
	ul.m-main-company-list > li.li-04 .company-inner{background: url("../img/mcon2.jpg") center center no-repeat; -webkit-background-size: cover; background-size: cover;}
	ul.m-main-company-list > li.li-04 .txt-con p{text-align: center;}
	ul.m-main-company-list > li.li-05 .company-inner{padding-top: 50%; background: url("../img/mcon3.jpg") center center no-repeat; -webkit-background-size: cover; background-size: cover;}
}
@media all and (max-width:400px){
	ul.m-main-company-list > li.li-01 .txt-con { top: 48px; width: 76%; }
	ul.m-main-company-list > li .txt-con { top: 48px; }
	ul.m-main-company-list > li .txt-con p { font-size: 12px; }
	ul.m-main-company-list > li.li-02 .txt-con { top: 20px; }
	ul.m-main-company-list > li.li-02 .txt-con h1 { font-size: 10px; }
	ul.m-main-company-list > li.li-03 .txt-con h1 { font-size: 10px; }
	ul.m-main-company-list > li.li-03 .txt-con { top: 4px; }

	
}



/* -------- 메인 컨텐츠 :: 컨텐츠2(제품제작) -------- */
@media all and (max-width:1420px){
	/* 텍스트 */
	.process-list ul li strong { font-size: 22px;}
}
@media all and (max-width:1220px){
	#mainContent2 { padding-top: 100px;}
	.process-list ul { width: 96%; padding: 0 2%;}
	/* 텍스트 */
	.process-list ul li strong { font-size: 20px;}
	.process-list ul li strong em { margin-bottom: 20px; font-size: 14px;}
	.process-list ul li .icon img { height: 100px; }
}
@media all and (max-width:1024px){
	#mainContent2 { padding-top: 130px;}
	.process-list ul { width: 100%; padding: 0;}
	/* 아이콘 */
	.process-list ul li { width: 16.5% }
	.process-list ul li .icon img { height: 80px;}
	/* 텍스트 */
	.process-list ul li strong { font-size: 17px;}
	.process-list ul li strong em { margin-bottom: 20px; font-size: 13px;}
	.move-q-left.move-left-07 { display: none; }
	.move-q-left.move-left-08 { display: none; }
}
@media all and ( max-width: 800px ){
	#mainContent2{padding-top: 60px;}
	/* 공통 :: 타이틀 */
	.main-tit{margin-bottom: 15px; font-size: 26px;}
	.main-sub-tit{font-size: 14px; line-height: 1.8;}

	.main-process-con{margin-top: 45px;}
	/* li 영역 */
	.process-list ul {width: calc(100% - 30px); padding: 0 15px;}
	.process-list ul li{position:relative; width: 25%; min-height: 100px; float: left; bottom:-6px; left:0px; height:63px; text-align:center;}
	.process-list ul li:nth-child(6)~*{margin-top: 35px;}
	/* 아이콘 */
	.process-list ul li .icon{position:absolute; display:inline-block; width: 100%; text-align: center;}
	.process-list ul li .icon img{display: inline-block; height: 70px;}
	.move-q-left.move-left-07 { display: block; }
	.move-q-left.move-left-08 { display: block; }
	/* 중앙 라인 */
	.process-list ul .process-line{top: 25%; margin-top: -3px;}
	.process-list ul .process-line.m-line{display: block; top: auto; bottom: 25%; margin-top: 0; margin-bottom: -15px;}
	/* dot */
	.process-list ul li .dot{margin-top: -3px; width:6px; height:6px; margin-left:-3px;}
	.process-list ul li .dot:before{margin-top: -6.5px; margin-left: -6.5px; width: 10px; height: 10px;}
	/* 텍스트 */
	.process-list ul li strong{ font-size: 14px; font-weight: 400; }
	.process-list ul li strong em{ display: block; margin-bottom: 10px; width: 100%; font-size: 16px; font-weight: 500; }

	/* active */
	.process-list ul li.active .icon img{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
	.process-list ul li.active .dot{background-color:#c62134;}
}
@media all and ( max-width: 480px ){
	#mainContent2{padding-top: 60px;}
	/* 공통 :: 타이틀 */
	.main-tit{margin-bottom: 15px; font-size: 26px;}
	.main-sub-tit{font-size: 14px; line-height: 1.8;}

	.main-process-con{margin-top: 45px;}
	/* li 영역 */
	.process-list ul {width: calc(100% - 15px); padding: 0 7px;}
	.process-list ul li{position:relative; width: 25%; min-height: 100px; float: left; bottom:-6px; left:0px; height:63px; text-align:center;}
	.process-list ul li:nth-child(6)~*{margin-top: 35px;}
	/* 아이콘 */
	.process-list ul li .icon{position:absolute; display:inline-block; width: 100%; text-align: center;}
	.process-list ul li .icon img{display: inline-block; height: 70px;}
	.move-q-left.move-left-07 { display: block; }
	.move-q-left.move-left-08 { display: block; }
	/* 중앙 라인 */
	.process-list ul .process-line{top: 25%; margin-top: -3px;}
	.process-list ul .process-line.m-line{display: block; top: auto; bottom: 25%; margin-top: 0; margin-bottom: -15px;}
	/* dot */
	.process-list ul li .dot{margin-top: -3px; width:6px; height:6px; margin-left:-3px;}
	.process-list ul li .dot:before{margin-top: -6.5px; margin-left: -6.5px; width: 10px; height: 10px;}
	/* 텍스트 */
	.process-list ul li strong{ font-size: 14px; font-weight: 400; }
	.process-list ul li strong em{ display: block; margin-bottom: 10px; width: 100%; font-size: 16px; font-weight: 500; }

	/* active */
	.process-list ul li.active .icon img{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
	.process-list ul li.active .dot{background-color:#c62134;}
}
@media all and ( max-width: 400px ){
	#mainContent2{padding-top: 60px;}
	/* 공통 :: 타이틀 */
	.main-tit{margin-bottom: 15px; font-size: 20px;}
	.main-sub-tit{font-size: 11px; line-height: 1.8;}

	.main-process-con{margin-top: 45px;}
	/* li 영역 */
	.process-list ul {width: calc(100% - 30px); padding: 0 15px;}
	.process-list ul li{position:relative; width: 25%; min-height: 100px; float: left; bottom:-6px; left:0px; height:63px; text-align:center;}
	.process-list ul li:nth-child(6)~*{margin-top: 35px;}
	/* 아이콘 */
	.process-list ul li .icon{position:absolute; display:inline-block; width: 100%; text-align: center;}
	.process-list ul li .icon img{display: inline-block; height: 70px;}
	.move-q-left.move-left-07 { display: block; }
	.move-q-left.move-left-08 { display: block; }
	/* 중앙 라인 */
	.process-list ul .process-line{top: 25%; margin-top: -3px;}
	.process-list ul .process-line.m-line{display: block; top: auto; bottom: 25%; margin-top: 0; margin-bottom: -15px;}
	/* dot */
	.process-list ul li .dot{margin-top: -3px; width:6px; height:6px; margin-left:-3px;}
	.process-list ul li .dot:before{margin-top: -6.5px; margin-left: -6.5px; width: 10px; height: 10px;}
	/* 텍스트 */
	.process-list ul li strong{ font-size: 11px; font-weight: 400; }
	.process-list ul li strong em{ display: block; margin-bottom: 10px; width: 100%; font-size: 13px; font-weight: 500; }

	/* active */
	.process-list ul li.active .icon img{-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);}
	.process-list ul li.active .dot{background-color:#c62134;}
}
/* -------- 메인 컨텐츠 :: 컨텐츠3(product) -------- */
@media all and (max-width:1440px){
	.main_con02.on > div > div { right: 0; }
	.main_con02 > div > ul { left: 120px; }
	.main_con02 > div > ul li strong.re { width: 224px; position: relative; right: 10px; }
	.main_con02 > div > ul li strong.bl { width: 259px; position: relative; right: 8px; }
	.main_con02 > div > ul li strong.ze { width: 219px; position: relative; right: 0px; }
	.main_con02 > div > ul li strong.de { width: 261px; position: relative; right: 0; }
	.main_con02 > div > ul li strong.su { width: 224px; position: relative; right: 0px; }
	.main_con02 > div > ul li:nth-child(1){ margin-left: 12%; margin-right: 10%; }
	.main_con02 > div > ul li:nth-child(2){ margin-right: 0%; }
	.main_con02 > div > ul li:nth-child(3){ margin-left: 12%; margin-right: 12%; }
	.main_con02 > div > ul li:nth-child(4){ margin-left: 6%; margin-right: 0%; }
	.main_con02 > div > ul li:nth-child(5){ margin-left: 12%; margin-right: 0%; }
}
@media all and (max-width:1220px){
	.main_con01.on:before{ width: 520px; transition: 2s; }
	.main_con01 .right { padding-left: 120px; }
	.main_con01 .right > p.mb:before { left: -125px; }
	.main_con02 > div > ul { left: 10px; }
	.main_con02 > div > ul li strong.re { width: 224px; right: 10px; }
	.main_con02 > div > ul li strong.bl { width: 259px; right: 8px; }
	.main_con02 > div > ul li strong.ze { width: 219px; right: 0px; }
	.main_con02 > div > ul li strong.de { width: 261px; right: 0; }
	.main_con02 > div > ul li strong.su { width: 224px; right: 0px; }
	.main_con02 > div > ul li:nth-child(1){ margin-left: 22%; }
	.main_con02 > div > ul li:nth-child(2){ margin-right: 0%; }
	.main_con02 > div > ul li:nth-child(3){ margin-left: 22%; margin-right: 11%; }
	.main_con02 > div > ul li:nth-child(4){ margin-left: 0%; margin-right: 0%; }
	.main_con02 > div > ul li:nth-child(5){ margin-left: 22%; margin-right: 0%; }
}
@media all and (max-width: 1024px){
	.main_con01.on:before{ width: 633px; height: 800px; transition: 2s; }
	.main_con01:before { left: -30%; }
	.main_con01 .bg_wrap { right: 0%; }
	.inner { width: 94% !important; }
	.main_con01 .left { width: 40%; }
	.main_con01 > div > div > img { max-width: 100%; }
	.main_con01 .right { padding-left: 30px; }
	.main_con01 .right > p.mb { margin-top: 50px; word-break: keep-all; }
	.main_con01 .right > p { word-break: keep-all; }
	.main_con01 .right .more { margin-right: 100px; }
	.main_con02 { background-size: 50%; padding-top: 80px; }
	.main_con02 .tit { float: none; width: 100%; left: 0; }
	.main_con02 > div > ul { margin-top: 30px; left: 0px; }
	.main_con02 > div > ul li:nth-child(1){ margin-left: 28%; }
	.main_con02 > div > ul li:nth-child(2){ margin-right: 0%; }
	.main_con02 > div > ul li:nth-child(3){ margin-left: 28%; margin-right: 4.6%; }
	.main_con02 > div > ul li:nth-child(4){ margin-left: 0%; margin-right: 0; }
	.main_con02 > div > ul li:nth-child(5){ margin-left: 28%; margin-right: 0%; }
}
@media all and (max-width: 800px){
	.main_con01 { padding-top: 140px; }
	.main_con01.on:before{ height: 530px; background-size: 100% 100%; }
	.main_con01:before { left: -30%; }
	.main_con01 .bg_wrap img { width: 150px; }
	.main_con01 .right > span { padding-bottom: 20px; }
	.main_con01 .right > strong { font-size: 24px; line-height: 42px; }
	.main_con01 .right > p.mb { margin-top: 110px; margin-bottom: 110px }
	.main_con01 .right > p.mb:before { left: -90px; }
	.main_con01 .right > p { font-size: 16px; line-height: 32px; }
	.main_con02 { background-size: 60%; }
	.main_con02 > div.con2 { left: 0; }
	.main_con02 > div > div { padding-top: 20px; left: 0; }
	.main_con02 > div > div strong { font-size: 24px; color: #555; }
	.main_con02 > div > div strong:after { background: #a2a9b6; }
	.main_con02 > div > ul { width: 100%; margin-top: 60px; left: 12px; }
	.main_con02 > div > ul:after { content: ""; display: table; clear: both; }
	.main_con02 > div > ul li { float: left; width: 28%; }
	.main_con02 > div > ul li strong { font-size: 16px; line-height: 30px; }
	.main_con02 > div > ul li strong.re { width: 198px; right: 4px; }
	.main_con02 > div > ul li strong.bl { width: 229px; right: 4px; }
	.main_con02 > div > ul li strong.ze { width: 194px; right: -20px; }
	.main_con02 > div > ul li strong.de { width: 231px; }
	.main_con02 > div > ul li strong.su { width: 198px; right: -14px; }
	.main_con02 > div > ul li strong p { line-height: 20px; }
	.main_con02 > div > ul li:nth-child(1) { margin-left: 0%; margin-right: 4%; }
	.main_con02 > div > ul li:nth-child(2) { width: 28%; margin-right: 0%; }
	.main_con02 > div > ul li:nth-child(3) { width: 28%; margin-left: 4%; margin-right: 0%; }
	.main_con02 > div > ul li:nth-child(4) { width: 28%; margin-left: 0%; margin-right: 4%; }
	.main_con02 > div > ul li:nth-child(5) { width: 28%; margin-right: 0%; margin-left: 0%; }
}
@media all and (max-width: 480px){
	.main_con01 { padding-top: 150px; position: relative; }
	.main_con01.on:before{ width: 480px; height: 460px; transition: 2s; }
	.main_con01:before { width: 100%;  left: 0; }
	.main_con01 .bg_wrap img { width: 150px; }
	.main_con01 .left { float: none; width: 100%; }
	.main_con01 .right > span { padding-bottom: 20px; }
	.main_con01 .right > strong { font-size: 24px; line-height: 42px; }
	.main_con01 .right > p.mb { margin-top: 50px; margin-bottom: 50px; }
	.main_con01 .right > p.mb:before { width: 100px; height: 84px; background-size: 100% 100%; top: 10px; }
	.main_con01 .right > p { font-size: 16px; line-height: 32px; padding-left: 60px; }
	.main_con02 { background-size: 60%; }
	.main_con02 > div.con2 { left: 0; }
	.main_con02 > div > div { padding-top: 20px; left: 0px; }
	.main_con02 > div > div strong { font-size: 24px; color: #555; }
	.main_con02 > div > div strong:after { background: #a2a9b6; }
	.main_con02 > div > ul { width: 100%; margin-top: 80px; left: 9px; }
	.main_con02 > div > ul:after { content: ""; display: table; clear: both; }
	.main_con02 > div > ul li { float: left; width: 35%; margin-right: 10%; }
	.main_con02 > div > ul li img { width: 100%; }
	.main_con02 > div > ul li strong { font-size: 13px; line-height: 26px; }
	.main_con02 > div > ul li strong.re { width: 159px; right: 12px; }
	.main_con02 > div > ul li strong.bl { width: 184px; right: 8px; }
	.main_con02 > div > ul li strong.ze { width: 156px; right: 12px; }
	.main_con02 > div > ul li strong.de { width: 186px; right: 14px; }
	.main_con02 > div > ul li strong.su { width: 159px; right: 16px; }
	.main_con02 > div > ul li strong p { line-height: 20px; }
	.main_con02 > div > ul li:nth-child(1) { margin-left: 4%; margin-right: 13%; }
	.main_con02 > div > ul li:nth-child(2) { width: 35%; margin-right: 0%; }
	.main_con02 > div > ul li:nth-child(3) { margin-right: 13%; margin-left: 4% }
	.main_con02 > div > ul li:nth-child(4) { margin-left: 8%; }
	.main_con02 > div > ul li:nth-child(5) { margin-left: 8%; }

}
@media all and (max-width:400px){	
	.mobile .slick-prev { top: 400px; }
	.mobile .slick-next { top: 400px; }
	.main_con01:before { height: 300px; }
	.main_con01 .bg_wrap { right: 5%; }
	.main_con01 > div > div > img { max-width: 80%; }
	.main_con01.on:before { width: 400px; height: 340px; }
	.main_con01 .right { padding-top: 90px; }
	.main_con01 .right > span { padding-bottom: 10px; }
	.main_con01 .right > strong { font-size: 17px; line-height: 32px; }
	.main_con01 .right > p.mb { margin-bottom: 30px; }
	.main_con02 { padding-top: 50px; }
	.main_con02 > div > div strong { font-size: 20px; }
	.main_con02 > div > div strong:after { width: 60px; right: -80px; }
	.main_con02 > div > ul { left: 0; }
	.main_con02 > div > ul li strong { font-size: 11px; line-height: 20px; }
	.main_con02 > div > ul li strong.re { width: 134px; right: 10px; }
	.main_con02 > div > ul li strong.bl { width: 155px; right: 8px; }
	.main_con02 > div > ul li strong.ze { width: 131px; right: 10px; }
	.main_con02 > div > ul li strong.de { width: 156px; right: 16px; }
	.main_con02 > div > ul li strong.su { width: 134px; right: 16px; }
	.main_con02 > div > ul li strong p { line-height: 20px; }
	.main_con02 > div > ul li:nth-child(1) { margin-left: 8%; }
	.main_con02 > div > ul li:nth-child(2) { width: 35%; margin-right: 0%; }
	.main_con02 > div > ul li:nth-child(3) { margin-right: 21%; margin-left: 8%; }
	.main_con02 > div > ul li:nth-child(4) { margin-left: 0; }
	.main_con02 > div > ul li:nth-child(5) { margin-left: 8%; }

}
/* -------- 메인 컨텐츠 :: SNS -------- */
@media all and (max-width: 1024px){
	.main_con07 { padding: 40px 0 110px; }
	/* .inner { width: 94% !important; padding: 0; } */
	.main_con07 ul li { width: 320px; }
}
@media all and (max-width: 800px){
	.main_con07 { padding: 40px 0 90px; }
	.inner { width: 97% !important; padding: 0; }
	.main_con07 ul li { width: 258px; height: 160px; }
	.main_con07 ul li img { width: 40px; top: 50px; }
	.main_con07 ul li img.logo2 { width: 140px; top: 65px; }
	.main_con07 ul li h1 { font-size: 12px; top: 60px; }
}
@media all and (max-width: 480px){
	.main_con07 { padding: 30px 0 54px; }
	.inner { width: 96% !important; padding: 0; }
	.main_con07 ul li { width: 229px; height: 130px; border-right: 1px #d7d7d7 solid; border-bottom: 1px #d7d7d7 solid; }
	.main_con07 ul li:nth-child(2n) { border-right: none; }
	.main_con07 ul li:nth-child(4) { border-bottom: 1px #d7d7d7 solid; }
	.main_con07 ul li:nth-child(3) { border-right: 1px #d7d7d7 solid; }
	.main_con07 ul li:nth-child(5) { border-bottom: none; }
	.main_con07 ul li:nth-child(6) { border-bottom: none; }
	.main_con07 ul li img { width: 30px; top: 40px; }
	.main_con07 ul li img.logo2 { width: 120px; top: 55px; }
	.main_con07 ul li h1 { font-size: 12px; top: 50px; }
}
@media all and (max-width: 400px){
	.main_con07 ul li { width: 191px;}
	.main_con07 ul li h1 { font-size: 10px; }
}

/* -------- FOOTER -------- */
@media all and (max-width:1024px){
	.tail_wrap .tail_con { width: 960px; }
	.copyright .cs_title { margin-bottom: 20px; }
	.copyright a.qnaPartner { top: 247px; }
}
@media all and (max-width: 800px){
	.tail_wrap { display: none; }
	/* .tail_wrap .tail_con { width: 1000px; } */
	.mtail_wrap { display: block; margin: 0px auto 0 auto; padding: 10px 0 0 0; background: #fff; border-bottom: 1px solid #555; }
	.mtail_wrap .mbtm_link { margin: 0; padding: 11px 0; text-align: center; border-bottom: 1px solid #f0f0f0; }
	.mtail_wrap .mbtm_link li { display: inline-block; position: relative; padding: 0 5px; }
	.mtail_wrap .mbtm_link li:first-child { padding-left: 0; }
	.mtail_wrap .mbtm_link li a { color: #555; font-size: 12px; letter-spacing: -0.4px; }
	.mtail_wrap .mbtm_link li:after { content: ""; display: block; width: 1px; height: 10px; position: absolute; right: -1px; top: 0px; background: #6c6b6a; }

	.mtail_wrap .mtail_con { padding: 0px 10px; position: relative; }
	.mtail_wrap .mcopyright { text-decoration: none; padding: 10px 0 20px 0; color: #555; font-size: 14px; line-height: 1.6; }
	.mtail_wrap .mgo_foreign { position: absolute; right: 10px; bottom: -40px; width: 100px; }
	.mlist_pop { background: #fff; height: 28px; line-height: 28px; padding: 0 0 0; font-size: 13px; position: relative; border: 1px solid #d2d2d2; }
	.mlist_pop span.mtitle { display: block; color: #1d2e41; height: 30px; line-height: 28px; padding-left: 10px; cursor: pointer; position: relative; z-index: 12; }
	.mlist_pop span.mtitle:after { content: ""; display: block; position: absolute; width: 28px; height: 28px; background: #fff url(../img/footer_down.png) 50% 50% no-repeat; right: 0; top: 0; transform: rotate(0deg); transition: transform 120ms 200ms ease-out; z-index: 12; }
	.mlist_pop ul { display: block; width: calc(100% - 10px); background: #ffffff; border: 1px solid #d2d2d2; padding: 0px 0 0 10px; position: absolute; top: 28px; left: 0; 
					display: none; z-index: 10; }
	.mlist_pop ul li { line-height: 24px; }
	.mcopyright .mcs_info { font-size: 12px; padding: 0 0 50px 0; }
	.mcopyright .mcs_info .mtel { font-size: 30px; font-weight: 600; margin: 0 0; color: #c20e2f; line-height: 1.0; margin-bottom: 10px; }
	.mcopyright .mcs_info .mtime { font-size: 14px; }
	.mcopyright .mcs_info .mqna_txt { margin: 5px 0 0 0; position: relative; }
	.mcopyright .mcs_info .mqna_txt a { display: inline-block; position: absolute; left: 0px; top: 50px; border: 1px solid #d2d2d2; padding: 3px 16px; }
	.mcopyright .mcs_title { font-size: 14px; font-weight: 500; margin-bottom: 10px; color: #555; }
	.mcopyright a.qnaPartner { display: inline-block; border: 1px solid #d2d2d2; padding: 3px 16px; font-size: 12px; margin: 10px 0 0 0; }
	
}
@media all and (max-width: 480px){
	/* .tail_wrap .tail_con { width: 470px; }
	.copyright .cs_title { margin-bottom: 20px; }
	.copyright a.qnaPartner { top: 270px; } */
}