/*
===================
공통
===================
*/
:root {
	--font-family: Noto Sans KR, malgun gothic, sans-serif;
	--common-text-medium : 1rem;
	--menu-text-size: 1.1rem;
	--color-blue : #272889;
	--color-gray-1: #ddd;
	--color-gray-2: #ccc;
}

body {font-family: var(--font-family); }
body * {word-break:keep-all;}

/*
===================
공통
===================
*/
.bracket {font-family: var(--font-family);}
.pconly {display:inline-block;}
.mobonly {display:none;}
.pconly2 {display:block;}
.mobonly2 {display:none;}

.fl-left {float:left;}
.fl-right {float:right;}
.w100 {width:100%;}
.po-relative {position:relative;}
.pcolor {color:#0c489d;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.fwno {font-weight:normal;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}

.bg-light-gray {background:#f7f7f7;}
.bg-dark-gray {background:#111;}

.text-big-large {font-size:3.2rem;}
.text-extra-large {font-size:2.5rem;}
.text-large {font-size:2rem; line-height:3.6;}
.text-medium-large {font-size:1.7rem;}
.text-small-large {font-size:1.2rem; line-height:1.8;}
.text-mini-large {font-size:1.1rem; line-height:2;}
.text-normal {font-size:1rem;}
.text-small {font-size:0.94rem;}
.text-extra-small {font-size:0.8rem;}

.text-white {color:#fff;}
.text-black {color:#000;}
.text-gray {color:#666;}
.text-light-gray {color:#fafafa;}

/*padding. margin*/

.mt-1-rem {margin-top:1rem;}
.mt-2-rem {margin-top:2rem;}
.mt-3-rem {margin-top:3rem;}
.mt-4-rem {margin-top:4rem;}
.mt-5-rem {margin-top:5rem;}
.mt-6-rem {margin-top:6rem;}
.mt-7-rem {margin-top:7rem;}
.mt-8-rem {margin-top:8rem;}
.mt-9-rem {margin-top:9rem;}
.mt-10-rem {margin-top:10rem;}
.mt-11-rem {margin-top:11rem;}
.mt-12-rem {margin-top:12rem;}

.mb-1-rem {margin-bottom:1rem;}
.mb-2-rem {margin-bottom:2rem;}
.mb-3-rem {margin-bottom:3rem;}
.mb-4-rem {margin-bottom:4rem;}
.mb-5-rem {margin-bottom:5rem;}
.mb-6-rem {margin-bottom:6rem;}
.mb-7-rem {margin-bottom:7rem;}
.mb-8-rem {margin-bottom:8rem;}
.mb-9-rem {margin-bottom:9rem;}
.mb-10-rem {margin-bottom:10rem;}
.mb-11-rem {margin-bottom:11rem;}
.mb-12-rem {margin-bottom:12rem;}
.mb-13-rem {margin-bottom:13rem;}
.mb-14-rem {margin-bottom:14rem;}
.mb-15-rem {margin-bottom:15rem;}
.mb-16-rem {margin-bottom:16rem;}
.mb-17-rem {margin-bottom:17rem;}
.mb-18-rem {margin-bottom:18rem;}
.mb-19-rem {margin-bottom:19rem;}
.mb-20-rem {margin-bottom:20rem;}
.mb-21-rem {margin-bottom:21rem;}
.mb-22-rem {margin-bottom:22rem;}

.ml-1-rem {margin-left:1rem;}
.ml-2-rem {margin-left:2rem;}
.ml-3-rem {margin-left:3rem;}
.ml-4-rem {margin-left:4rem;}
.ml-5-rem {margin-left:5rem;}
.ml-6-rem {margin-left:6rem;}
.ml-7-rem {margin-left:7rem;}
.ml-8-rem {margin-left:8rem;}
.ml-9-rem {margin-left:9rem;}

.mr-1-rem {margin-right:1rem;}
.mr-2-rem {margin-right:2rem;}
.mr-3-rem {margin-right:3rem;}
.mr-4-rem {margin-right:4rem;}
.mr-5-rem {margin-right:5rem;}
.mr-6-rem {margin-right:6rem;}
.mr-7-rem {margin-right:7rem;}
.mr-8-rem {margin-right:8rem;}
.mr-9-rem {margin-right:9rem;}

.mtb-1-rem {margin:1rem 0;}
.mtb-2-rem {margin:2rem 0;}
.mtb-3-rem {margin:3rem 0;}
.mtb-4-rem {margin:4rem 0;}
.mtb-5-rem {margin:5rem 0;}
.mtb-6-rem {margin:6rem 0;}
.mtb-7-rem {margin:7rem 0;}
.mtb-8-rem {margin:8rem 0;}
.mtb-9-rem {margin:9rem 0;}

.margin-1-rem {margin:1rem;}
.margin-2-rem {margin:2rem;}
.margin-3-rem {margin:3rem;}
.margin-4-rem {margin:4rem;}
.margin-5-rem {margin:5rem;}
.margin-6-rem {margin:6rem;}
.margin-7-rem {margin:7rem;}
.margin-8-rem {margin:8rem;}
.margin-9-rem {margin:9rem;}

.pt-1-rem {padding-top:1rem;}
.pt-2-rem {padding-top:2rem;}
.pt-3-rem {padding-top:3rem;}
.pt-4-rem {padding-top:4rem;}
.pt-5-rem {padding-top:5rem;}
.pt-6-rem {padding-top:6rem;}
.pt-7-rem {padding-top:7rem;}
.pt-8-rem {padding-top:8rem;}
.pt-9-rem {padding-top:9rem;}
.pt-10-rem {padding-top:10rem;}
.pt-11-rem {padding-top:11rem;}
.pt-12-rem {padding-top:12rem;}

.pb-1-rem {padding-bottom:1rem;}
.pb-2-rem {padding-bottom:2rem;}
.pb-3-rem {padding-bottom:3rem;}
.pb-4-rem {padding-bottom:4rem;}
.pb-5-rem {padding-bottom:5rem;}
.pb-6-rem {padding-bottom:6rem;}
.pb-7-rem {padding-bottom:7rem;}
.pb-8-rem {padding-bottom:8rem;}
.pb-9-rem {padding-bottom:9rem;}
.pb-10-rem {padding-bottom:10rem;}
.pb-11-rem {padding-bottom:11rem;}
.pb-12-rem {padding-bottom:12rem;}

.pr-1-rem {padding-right:1rem;}
.pr-2-rem {padding-right:2rem;}
.pr-3-rem {padding-right:3rem;}
.pr-4-rem {padding-right:4rem;}
.pr-5-rem {padding-right:5rem;}
.pr-6-rem {padding-right:6rem;}
.pr-7-rem {padding-right:7rem;}
.pr-8-rem {padding-right:8rem;}
.pr-9-rem {padding-right:9rem;}

.pl-1-rem {padding-left:1rem;}
.pl-2-rem {padding-left:2rem;}
.pl-3-rem {padding-left:3rem;}
.pl-4-rem {padding-left:4rem;}
.pl-5-rem {padding-left:5rem;}
.pl-6-rem {padding-left:6rem;}
.pl-7-rem {padding-left:7rem;}
.pl-8-rem {padding-left:8rem;}
.pl-9-rem {padding-left:9rem;}

.ptb-1-rem {padding:1rem 0;}
.ptb-2-rem {padding:2rem 0;}
.ptb-3-rem {padding:3rem 0;}
.ptb-4-rem {padding:4rem 0;}
.ptb-5-rem {padding:5rem 0;}
.ptb-6-rem {padding:6rem 0;}
.ptb-7-rem {padding:7rem 0;}
.ptb-8-rem {padding:8rem 0;}
.ptb-9-rem {padding:9rem 0;}
.ptb-10-rem {padding:10rem 0;}
.ptb-11-rem {padding:11rem 0;}
.ptb-12-rem {padding:12rem 0;}
.ptb-13-rem {padding:13rem 0;}
.ptb-14-rem {padding:14rem 0;}
.ptb-15-rem {padding:15rem 0;}
.ptb-16-rem {padding:16rem 0;}
.ptb-17-rem {padding:17rem 0;}
.ptb-18-rem {padding:18rem 0;}
.ptb-19-rem {padding:19rem 0;}

.padding-1-rem {padding:1rem;}
.padding-2-rem {padding:2rem;}
.padding-3-rem {padding:3rem;}
.padding-4-rem {padding:4rem;}
.padding-5-rem {padding:5rem;}
.padding-6-rem {padding:6rem;}
.padding-7-rem {padding:7rem;}
.padding-8-rem {padding:8rem;}
.padding-9-rem {padding:9rem;}


.layout_btn1 {background-color:transparent; color:#333; font-size:14px; border:1px solid #333; padding:10px 20px; font-weight:600;}
.layout_btn1:hover {background:#333; color:#fff; transition:all 0.5s;}
.layout_btn2 {background-color:#333; color:#fff; font-size:14px; border:1px solid #333; padding:10px 20px; font-weight:600;}
.layout_btn2:hover {background:transparent; color:#333; transition:all 0.5s;}
.layout_btn3 {background-color:#d13f4a; color:#fff; font-size:14px; border:1px solid #d13f4a; padding:10px 20px; font-weight:600;}
.layout_btn3:hover {background:transparent; color:#d13f4a; transition:all 0.5s;}
.layout_btn4 {background-color:#fff; color:#333; font-size:14px; border:1px solid #fff; padding:10px 20px; font-weight:600;}
.layout_btn4:hover {background:transparent; color:#fff; transition:all 0.5s;}
.layout_admbtn {background:#fff; color:#333; border:1px solid #ccc; padding:2px 8px; font-size:10px; font-weight:500;}
.layout_admbtn:hover {background:#ccc; color:#fff; transition:all .5s;}


/*
===================
헤더,네비게이션
===================
*/
.page-header {height:0;}
.rd-navbar {background:transparent;}
.rd-navbar-static.rd-navbar-classic .rd-navbar-nav-wrap { padding : 25px 0;}
.rd-navbar .rd-navbar-nav > li > a {font-size:var(--menu-text-size); font-weight:500;}
.rd-navbar-static.rd-navbar-classic .brand .brand__logo-dark {display:none;}
.rd-navbar--is-stuck .brand .brand__logo-dark {display:block !important;}
.rd-navbar--is-stuck .brand .brand__logo-light {display:none !important;}
.rd-navbar-static.rd-navbar-classic .rd-navbar-inner {max-width:1800px;}
.innerwrap {width:100%; margin:0 auto; display:table; max-width:1180px;}

.subhead {background:#fff; border-bottom:1px solid #f2f3f8;}
.rd-navbar.subhead .rd-navbar-nav > li > a {color:#111;}
.rd-navbar.subhead .brand .brand__logo-light {display:none;}
.rd-navbar-static.rd-navbar-classic.subhead .brand .brand__logo-dark {display:block;}

/*
===================
슬라이더
===================
*/
#movslide {position:relative;padding:0; margin:0; height:100vh;  overflow:hidden;  }
	#movslide iframe,#movslide object,#movslide embed, #movslide video{position:absolute;top:0;left:0;width:105%;height:105%; z-index:90;}
	#movslide .opacity {position:absolute; left:0; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:99;}
	#movslide .back {position:absolute; width:100%; height:100%; background:url('../images/main.jpg') center 0; background-size:cover;  -webkit-animation: zoomOut 12s;
			  animation: zoomOut 12s; animation-iteration-count: infinite;}
.slidetxt {position:absolute;top:50%; left:0; transform:translate(0,-65%); width:100%; color:#fff; text-align:center; z-index:100;}
	.slidetxt .logo img {float:none; margin:0; width:250px; -webkit-filter: drop-shadow(0 2px 5px rgba(0,0,0,.25));
	-moz-filter: drop-shadow(0 2px 5px rgba(0,0,0,.25));
	-ms-filter: drop-shadow(0 2px 5px rgba(0,0,0,.25));
	-o-filter: drop-shadow(0 2px 5px rgba(0,0,0,.25));
	filter: drop-shadow(0 2px 5px rgba(0,0,0,.25)); }
	.slidetxt .subtit {font-size:2.4rem;  font-weight:700; /*text-shadow:0 2px 4px rgba(0,0,0,0.25);*/}
	.slidetxt .subtitbig {font-size:3.5rem; font-weight:700;}
.mainbtn {border:1px solid #fff; color:#fff !important; font-size:var(--common-text-medium); padding:15px 60px; border-radius:0px; margin-right:10px;}
.mainbtn:last-child {margin-right:0;}
.mainbtn:hover {background:linear-gradient(to right, #0c19b3 0%, #007fca 50%, #007cfc 100%); color:#fff; border:1px solid #007cfc; }
.mobslide {  -webkit-animation: mob-slide 10s infinite;  animation: mob-slide 10s infinite;}

/*
===================
슬라이더 컨트롤
===================
*/
.scroll {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  bottom:60px;
  left: 50%;
  margin-left:-3px;
  width: 120px;
  height: 40px;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  z-index:999;
  opacity:.7;
}

.scroll::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width:30px; 
  height:60px;
  transform: translate(-50%, 0);
  border: 2px solid #fff;
  border-radius: 30px;
}

.scroll::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transform: translate(-50%, 0);
  background-color: #fff;
  animation: ani-mouse 2s linear infinite;
}

@-webkit-keyframes ani-mouse {
	0% {
    opacity: 1;
    top: 15px;
  }
  15% {
    opacity: 1;
    top: 30px;
  }
  50% {
    opacity: 0;
    top: 30px;
  }
  100% {
    opacity: 0;
    top: 15px;
  }
}

@keyframes ani-mouse {
	0% {
    opacity: 1;
    top: 15px;
  }
  15% {
    opacity: 1;
    top: 30px;
  }
  50% {
    opacity: 0;
    top: 30px;
  }
  100% {
    opacity: 0;
    top: 15px;
  }
}

@keyframes mob-slide {
	0% {
    transform:scale(2);
	-webkit-transform: scale(2);
  }
  100% {
    transform:scale(1);
	-webkit-transform: scale(1);
  }
}

.scroll__text {
  position:absolute;
  top:10px;
  left:-3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  color: #fff;
  letter-spacing:0.5px;
}
.scroll__text2 {
  position:absolute;
  top:10px;
  right:3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  text-align: center;
  color: #fff;
  letter-spacing:0.5px;
}
.scroll__text, .scroll__text2 {display:none;}
/*
==================
애니메이션
==================
*/
@-webkit-keyframes zoomOut{
0%{opacity:1}
100%{opacity:1}
}
@-ms-keyframes zoomOut{
0%{opacity:1; filter: alpha(opacity=100);}
100%{opacity:1; filter: alpha(opacity=100);}
}
@keyframes zoomOut{
0%{opacity:1;     -webkit-transform: scale(1.15); transform: scale(1.15);}
50% {opacity:1;     -webkit-transform: scale(1); transform: scale(1);}
100%{opacity:1;     -webkit-transform: scale(1.15); transform: scale(1.15); }
}

@keyframes zoomIn{
0%{ opacity:1; filter: alpha(opacity=100); transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1); -o-transform: scale(1.1);}
100%{ opacity:1; filter: alpha(opacity=100);  transform: scale(3);-webkit-transform: scale(3); -moz-transform: scale(3);-ms-transform: scale(3); -o-transform: scale(3);}
}

.zoomOut{-webkit-animation-name:zoomOut;  -ms-animation-name:zoomOut; animation-name:zoomOut}
.backzoomOut {-webkit-animation-name:backzoomOut; -ms-animation-name:backzoomOut; animation-name:backzoomOut}

/*
==================
기타
==================
*/
.form-input::placeholder {color:#9b9b9b;}

.subpagetit {display:table; margin:8rem auto 4rem auto; text-align:center; font-size:2.6rem; font-weight:bold; border-bottom:0px solid #ddd;}
.whtbtn {border:1px solid #fff;}
.whtbtn:hover {background:#fff; color:#000;}
.section-tit {position:relative; width:100%; text-align:center;}
.section-tit h3 {display:inline-block; margin-bottom:10px; font-weight:700;}
.section-tit .subtit {display:block;  color:#c5c5c5; margin-top:3px;  /*font-weight:500; letter-spacing:0.3em;font-style:italic;*/ font-weight:bold; padding:5px 10px;  font-family: 'poppins'; text-transform:uppercase; font-size:1rem;}

/**company**/
.company {min-height:400px; padding:12rem 0; position:relative;}
.company:before {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); content:'';}
.company .txt {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.company .txt p {font-size:1.25rem; color:#fff;}

/**srf**/
.srf {}
.srf:before {position:absolute; left:0; width:100%; height:100%; top:0; background:url('../images/fac.jpg'); background-size:cover; content:''; z-index:-2;}
.srf:after {position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(37deg, rgb(249 249 249 / 87%), rgb(215 215 215 / 85%)); z-index:-1; content:''; }
.srfimg {max-width:600px; border-radius:20px;}

.cs:before {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/cs.jpg') center 15%; background-size:cover; content:''; opacity:1; z-index:-1;}
.cs:after {content:''; background:rgba(14,36,19,0.4); width:100%; height:100%; z-index:0; position:absolute; left:0; top:0; /*backdrop-filter: blur(7px);*/}
.cs .section-tit {z-index:1;}
.cs .phonenum {font-size:2rem;}
.gotobtn {border:1px solid #fff; background:#fff; color:#111; padding:15px 60px; transition:all .2s; font-size:1rem;}
.gotobtn:hover {background:transparent; color:#fff; transition:all .2s;}

/**core**/
.core:before {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/pds.jpg') center 75%; background-size:cover; content:''; opacity:1; z-index:-1;}
.core:after {content:''; background:rgba(0,0,0,0.2); width:100%; height:100%; z-index:0; position:absolute; left:0; top:0; /*backdrop-filter: blur(7px);*/}
.core .section-tit {z-index:1;}

/**history**/
.history {float:left; width:100%;}
.history .box{float:left; width:100%; }
.history .box .one {float:left; width:32%; margin-right:2%; border:1px solid #ddd; padding:30px;}
.history .box .one:nth-of-type(3n) {margin-right:0;}
.history .line {float:left; width:100%; padding:4rem 0; border-bottom:1px solid #ddd;}
.history .line:last-child {border-bottom:0;}
.history .left {float:left; width:35%; text-align:left;}
.history .right {float:right; text-align:left; width:60%;}
.history h3 {font-size:1.9rem; font-weight:500; color:var(--color-blue);}
.history h4 {margin-bottom:20px !important;}

.listup {float:left; width:100%;}
.listup li {text-align:left; word-break:keep-all; font-size:1.1rem;}
.listup li:before {display:inline-block; width:4px; height:4px; vertical-align:middle; background:#ddd; margin-right:10px; content:''; }

/**core slide**/
.swiper_style-1 {max-height:40vh;}
.swiper_style-1 .txt {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; color:#fff; font-size:2.9rem; font-weight:500; line-height:1.4; }
.swiper_style-1:before {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); content:''; z-index:2;}

/**map**/
.roughmap_maker_label, .root_daum_roughmap .wrap_controllers, .root_daum_roughmap .border1, .root_daum_roughmap .border2,.root_daum_roughmap .border3,.root_daum_roughmap .border4 {display:none;}
.mapbox {position:absolute; left:2% !important; background:rgba(255,255,255,0.9) !important; top:50%; padding:30px !important; z-index:10; font-family:'noto sans kr' !important; font-size:1rem; transform:translate(0,-50%);}
.mapbox h3 {font-size:2rem; margin-bottom:10px; font-weight:500;}
.mapimg {height:500px;}

/**factory slide**/
.mySwiper12 {	float:left;	width: 100%;	height: 100%; position:relative;}
.mySwiper12 .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;
display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; width:initial !important;
}
.mySwiper12 .swiper-slide img {display: block;width: 100%;height: 400px;object-fit: cover;}
.mySwiper12 .swiper-pagination {display:none;}

/*사업분야*/
.list-marked {letter-spacing:0;}
.list-terms-medium_secondary::before, .list-terms-medium::before, .list-terms-medium_tertiary::before {background:linear-gradient(to bottom, #99c83e 0%, #cae595 100%);}

/*핵심역량*/
.core1 {color:#00b0dc;}
.core2 {color:#359118;}
.core3 {color:#8bb51a; }
.coreimg {max-width:450px;}

/*프로세스*/
.process {width:auto; float:none; display:table; margin:0 auto; }
.process .one {float:left; display:block; position:relative; width:200px; height:200px; background:var(--color-blue); border:0px solid #ccc; border-radius:50%; text-align:center; padding-top:45px; transition:all .5s; font-weight:400; font-size:var(--common-text-medium); }
.process .one .tit {font-size:1.3rem; color:#fff; font-weight:600;transition:all .3s;}
.process .one .txt {color:#333; font-size:1.2rem;  position:absolute; width:200px; top:220px; text-align:center; vertical-align:top; font-weight:normal;}
.process .one i {font-size:2.7rem; color:#fff;}
.process .one:after {content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-radius:100%; background:#c27fff; opacity:0.3; transform:translate(0,-50%);}
.process .one:hover {box-shadow:0 5px 15px rgba(0,0,0,0.25); transition:all .45s;}
.process .one:hover:after {height:100%; transition:all .45s;}
.process .one:hover .tit { transition:all .3s;}
.process .one:hover .txt {}
.process .one:hover i {}
.process .bar {float:left; display:block; width:35px; height:105px; border-bottom:4px solid #acadc9;}
.process .one img {margin-bottom:10px; height:72px; filter:invert(100%) sepia(0%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) }​

/*푸터*/
footer, footer * {font-weight:500;}
.footinfo {margin:40px 0 15px 0; color:#c7c7c7; font-size:1rem;}
.footinfo p {font-size:0.9rem;}
.footmenu {display:block; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.1); font-size:1rem; }
.footmenu li {display:inline-block; }
.footmenu li a {color:gray;}
.footmenu li:after {display:inline-block; content:''; width:1px; height:10px; background:#444652; margin:0 20px; vertical-align:middle;}
.footmenu li:last-child:after {display:none;}
.footmenu li:nth-of-type(2), .footmenu li:nth-of-type(3) {display:none;} 
.footer-classic .list-inline {font-size:1rem;}
.footer-classic .bar {color:#949494; font-size:.87rem; margin:0 3px;}
.point {color:#99c83e;}
.ls-05 {font-size:.78rem; font-weight:300;}
.list-marked2 li {font-size:.78rem; letter-spacing:0; font-weight:300;}
.ls-05 .bar {color:#999; font-size:.7rem; margin:0 3px; vertical-align:top;}

/*
==================
반응형
==================
*/
@media (max-width: 767px) {
	.process {float:none; width:180px; margin:0 auto;}
	.process .bar {height:30px; border-bottom:0; border-left:4px solid #ddd; margin:0; margin-left:75px;}
	.process .one {float:none; display:inline-block; width:180px; height:180px; padding-top:50px; margin-bottom:0;}
	.process .bar {margin-left:88px;}
	.process .one .txt {top:190px; width:100%;}
	.companyinfo, .sitemap {margin-top:20px;}
}

@media ( min-width:768px) and (max-width:1023px) {
	.slidetxt {}

	/*프로세스*/
	.process .one {width:130px; height:130px; padding-top:30px;}
	.process .one .tit {font-size:.8rem;}
	.process .one:hover .tit {font-size:.9rem;}
	.process .one .txt {width:130px;font-size:.84rem; top:135px; left:0;}
	.process .bar {width:10px; margin-left:0; height:65px;}
}

@media(max-width:1023px) {

	.br-scroll-me {top:70%;}
	.pconly {display:none;}
	.mobonly {display:inline-block;}
	.pconly2 {display:none;}
	.mobonly2 {display:block;}

	/*공통*/
	.pt-8-rem {padding-top:5.3rem;}
	.pb-2-rem {padding-bottom:1.3rem;}
	.pb-4-rem {padding-bottom:2.6rem;}
	.pb-6-rem {padding-bottom:4rem;}
	.pb-8-rem {padding-bottom:5.3rem;}
	.pb-10-rem {padding-bottom:6.6rem;}
	.pb-11-rem {padding-bottom:7rem;}
	.text-medium-large {font-size:1.3rem;}

	.section-tit h3 {font-size:2rem;}

	/*헤더*/
	.rd-navbar-fixed .rd-navbar-brand .brand {left:50%; transform:translate(-50%, 0); }
	.brand .brand__logo-dark, .brand .brand__logo-light {display:none !important;}

	/*슬라이드*/
	.slidetxt {width:80%; left:50%; transform:translate(-50%, -65%); }
	.slidetxt p:nth-child(2){ margin-top:25px !important;}
	.slidetxt p:nth-child(3) {margin-top:35px !important;}
	.slidetxt .logo img {width:160px;}
	.slidetxt .subtit {font-size:1.8rem;}
	.mainbtn {padding:8.5px 35px;}
	
	.mySwiper12 .swiper-pagination {display:block;}
	.mySwiper12 .swiper-slide {width:100% !important;}
	.mySwiper12 .swiper-slide img {width:100% !important; height:350px !important;}

	/*인트로*/
	.swiper_style-1 {max-height:50vh;}
	.call-subtitle_text {font-size:1.2rem;}
	.swiper-slide h1 {font-size:1.5rem;}
	.swiper-slide-caption .container {text-align:center !important;}
	.whtbtn {padding:10px 30px;}
	.swiper-container-horizontal > .swiper-pagination {margin-left:0; bottom:55px;}
	.swiper-pagination .swiper-pagination-bullet {margin-left:10px; margin-right:10px;}
	.swiper-pagination .swiper-pagination-bullet::before {border:2px solid #fff; }
	.swiper-pagination-bullet-active {background:#fff !important;}

	/*회사소개*/
	.company {height:450px; background-position:75% 20% !important;}
	.company .txt {padding:0 20px;}
	.company .txt p {font-size:1.1rem;}

	/*히스토리*/
	.history .line {padding:2rem 0;}
	.history .left, .history .right {width:100%;}
	.history .left {margin-bottom:20px;}
	.history h3 {font-size:1.4rem;}

	/*사업분야*/
	.srf:before {background-position:80% center;}
	.srfimg {max-width:100%;}

	/*핵심역량*/
	.coreimg {width:80%; max-width:600px;}
	.swiper_style-1 .txt {width:70%; font-size:1.8rem; transform:translate(-50%,-50%); line-height:1.5; }
	.process .one img {height:50px; margin-bottom:5px;}

	/*오시는길*/
	.mapbox {position:initial; transform:none; float:left; width:100%;}
	.mapbox h3 {font-size:1.8rem;}
	.mapimg {height:350px;}

	/*푸터*/
	.footinfo {margin:0 0 15px 0;}
	.footmenu li:after {display:inline-block; content:''; width:1px; height:10px; background:#444652; margin:0 10px; vertical-align:middle;}
	.footer-classic__main {padding:30px 0;}
}
@media ( min-width:1024px) and (max-width:1199px) {
	
	/*헤더*/
	.rd-navbar-fixed .rd-navbar-brand .brand {left:50%; transform:translate(-50%, 0); }
	.brand .brand__logo-dark, .brand .brand__logo-light {display:none !important;}

	/*슬라이드*/
	.slidetxt .logo img {max-width:250px;}
	.slidetxt .subtit {font-size:1.75rem;}

	/*인트로*/
	.swiper_style-1 {min-height:55vh;}

	/*프로세스*/
	.process .one {width:165px; height:165px; padding-top:44px;}
	.process .one .txt {width:165px; top:170px; left:0;}
	.process .bar {width:20px; height:87.5px;}

	/*푸터*/
	.footer-classic .col-lg-5 {flex:0 0 33.33333%;  max-width:33.33333%;}
}
@media ( min-width:1400px) and (max-width:1440px) {

	/*인트로*/
	.swiper_style-1 .swiper-button-next {right:8%;}
	.swiper_style-1 .swiper-button-prev {left:8%;}
	.swiper_style-1 h1 {font-size:55px;}
	.call-subtitle_text {font-size:1.4rem;}
}

@media ( min-width:1600px) and (max-width:1919px) {
	.swiper_style-1 h1 {font-size:55px;}
	.call-subtitle_text {font-size:1.4rem;}
}