/*
===================
무단전재 및 재배포 금지
Made by MarvelWorks
site : http://marvelworks.kr
* One  domain, One server, One license
* License Inquiry : info@marvelworks.kr
===================

===================
quick
===================
*/
.admquick {position:fixed; bottom:20px; left:20px; z-index:9;}
	.admquick a {display:inline-block; background:red; color:#fff; width:100px; height:40px; line-height:40px; text-align:center; font-size:.94rem;}

/*
===================
banner
===================
*/
.maintail {float:left; width:100%; height:385px; background:#004da8; color:#fff; overflow:hidden;}
.maintail .txtbox {position:absolute; left:0; top:50%; transform:translate(0,-50%);}
.maintail .txtbox h2 {font-size:2.4rem; font-weight:300; margin:20px 0;}
.maintail .txtbox span {color:rgba(255,255,255,0.5); font-weight:500; font-size:1.2rem; letter-spacing:0.05em;}
.maintail .txtbox a {color:#fff; font-weight:500;}

.maintail .prtxt {
  font-size: 180px;
  line-height: 229px;
  position: absolute;
  bottom: -80px;
  transition: all ease .3s;
  animation: linear infinite;
  animation-name: prani;
  animation-duration: 120s;
  white-space: nowrap;
  letter-spacing: .05em;
  color: rgba(255,255,255,0.15);
  font-weight:700;
  width: 400%;
}
@keyframes prani {
  0% {
    right: 0%;
  }
  100% {
    right: 1280%;
  }
}

@media (max-width:1280px) {
	.maintail .prtxt {font-size:4.6rem; bottom:-90px;}
	.maintail .txtbox {padding:0 20px;}
	.maintail .txtbox h2 {font-size:1.6rem; }
}

.tailimg {height:250px; background:url('../../img/tailimg.jpg') center 75%; background-size:cover; position:relative;}
.tailimg:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(53 66 84 / 40%); z-index:2;}
.tailimg .txtbox {position:absolute; left:50%; top:50%; transform:translate(25%, -50%); color:#fff; z-index:3;}
.tailimg .txtbox h2 {font-size:1rem; font-weight:bold;}
.tailimg .txtbox p {margin:15px 0; font-size:1.4rem; font-weight:300; word-break:keep-all;}
.tailimg .txtbox a {color:#fff;}

.tailquick {border-top:1px solid #e8e8e8; padding:60px 0; margin-top:120px;}
.tailquick .one {background:#f8f8f9; padding:30px; margin-bottom:0; position:relative; cursor:pointer;}
.tailquick .one span {font-size:1.1rem; color:#a5a5a5;}
.tailquick .one h2 {color:#000; font-size:1.3rem; font-weight:500;}
.tailquick .one i {position:absolute; right:30px; top:30px; font-size:3.5rem; color:#888; -webkit-text-stroke: 1px #f8f8f9;}


			@media (max-width:1280px) {
				.tailimg {height:300px;}
				.tailimg .txtbox { width:80%; transform:translate(-50%,-50%);}
				.tailimg .txtbox p br {display:none;}
			}

/*
===================
footer
===================
*/

#related_company {background:#ededed; margin-top:100px; padding:30px 0;}
#related_company li {margin-right:33px;  display:inline-block; vertical-align: middle;  }
#related_company li:last-child {margin-right:0;}
#related_company img {display:inline-block; }

#related_company .jv img { height:40px;  }
#related_company .gg img { height:28px; }
#related_company .hs img { height:60px; }
#related_company .ss img { height:34px;  }
#related_company .hssg img { height:30px;  }
#related_company .ggs img { height:42px; }

#footer {float:left; width:100%; background:#222; color:#fff; padding:0 0 50px 0;}
#footer a {color:#adadad;}
#footer p {}
#footer .copylink {float:left; width:100%; margin:0 0 10px 0;  border-left:0; border-right:0; padding:10px 0; font-size:1rem;}
#footer .copylink a {margin-right:10px; color:#adadad; }
#footer .copylink a:after {content:'|'; color:#525252; margin-left:13px;}
#footer .copylink a:last-child {margin-right:0;}
#footer .copylink a:last-child:after {display:none;}
#footer .copylink a:hover {color:#fff;}
#footer .copylink .snsicon {margin-right:10px;}
#footer .copylink .snsicon:after {display:none;}
#footer .topbar {position:relative; float:left; width:100%; border-top:1px solid rgba(67,74,88,.4);  padding-top:50px; margin-top:0;}
#footer .gototop {position:absolute; font-size:10px; top:-21px; right:0; width:42px; height:42px; padding-top:6px;  line-height:14px; border:1px solid rgba(67,74,88,.4); color:#fff; background:#222;}
#footer .gototop i {font-size:13px;}
#footer .gototop a {color:#fff;}
#footer .gototop:hover {background:#000; border:1px solid #000;  transition:all .5s;}
#footer .gototop:hover a {color:#fff;}
#footer .bar {color:#525252; margin:0 5px; vertical-align:text-bottom; }
#footer .rights span {color:#222;}
#footer .footcont {float:left; width:100%; line-height:1.8; color:#636569; font-size:.9rem; border-top:0px solid rgba(255,255,255,0.1); margin:0; font-weight:400;}
	#footer .footcont a {color:#636569; background:transparent; border-color:#464646;}
#footer .flogo {float:right; position:relative; margin-bottom:20px;}
	#footer .flogo img {max-width:224px; opacity:0.5;}
#footer .fcont {position:Relative; float:left; width:calc(100% - 230px);}
#footer .contus { position:absolute; right:0; top:0; padding:7px 40px; border:1px solid rgba(67,74,88,.3); color:#434a58; }
	#footer .contus i {font-size:0.9rem; color:#bbbfc5;}

#footer .fslbox {float:right; text-align:right; position:relative;}
#footer .fslbox select {padding:15px 15px;  width:180px; font-weight:500;   -webkit-appearance: none;  -moz-appearance: none;  appearance: none; background:transparent;}
#footer .fslbox:after {
  content: '>';
  font: 19px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 16px;
  top: 13px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
}

.footmenu {width:100%; max-width:var(--wrap-width); margin:0 auto 50px auto; }
	.footmenu ul.bigmenu {float:left; width:100%; margin-bottom:10px;}
		.footmenu ul li.foot_1dli {float:left; width:25%;}
		.footmenu li a.foot_1da {font-weight:700;}
	.footsubbox {float:left; width:100%;}
		.footsubbox ul {float:left; width:25%;}
		.footsubbox li.foot_2dli {padding:2px 0;}
		.footsubbox li a.foot_2da {font-size:.94rem;}

#footer.white {background:#fff; color:#858a95; border-top:0px solid #ddd; padding:60px 0;}
	#footer.white a {color:#858a95;}
	#footer.white .copylink {border:0; margin:0; padding:0;  height:50px; line-height:50px;  margin-bottom:10px; }
	#footer.white .copylink a {color:#525356; font-weight:500;}
	#footer.white .copylink a:after {color:#ccd3e2;}
	#footer.white .footmenu ul li a.foot_1da {font-size:1.04rem; font-weight:500; color:#333;}
	#footer.white .topbar {border-color:rgb(207,209,216);}
	#footer.white .gototop {border:1px solid rgba(67,74,88,.4); background:#54575f;}
	#footer.white .gototop a {color:#fff;}
	#footer.white .contus {background:#fff;border:1px solid rgba(201,203,208,1); }
	#footer.white .rights span {color:transparent;}
	#footer.white .bar {color:#d3d7de; font-size:13px; vertical-align:initial;}
	#footer.white .flogo img {opacity:0.4; filter:grayscale(100%);}

#footer.black {background:#414246; #505156; color:#fff; overflow:hidden; }
	#footer.black a {color:#e5e5e5;}
	#footer.black .copylink {border:0; margin:45px 0 10px 0; padding-top:30px; position:relative;}
	#footer.black .copylink:after { content:''; position:absolute; top:-1px; right:calc(-100% / 2); left:calc(-100% / 2); height:1px; background-color:#323336; }
	#footer.black .copylink a {color:#dbdbdf; font-weight:500;}
	#footer.black .copylink a:after {color:transparent;}
	#footer.black .footmenu ul li a.foot_1da {font-weight:500; opacity:0.5; font-size:0.97rem; }
	#footer.black .footsubbox li.foot_2dli a {font-size:1rem; color:#c1c1c1;}
	#footer.black .footsubbox li.foot_2dli {padding:4px 0;}
	#footer.black .topbar {border-color:rgb(207,209,216);}
	#footer.black .gototop {border:1px solid rgba(67,74,88,.4); background:#54575f;}
	#footer.black .gototop a {color:#fff;}
	#footer.black .contus {background:#fff;border:1px solid rgba(201,203,208,1); }
	#footer.black .rights {margin-top:20px; font-size:14px; text-transform:uppercase;}
	#footer.black .rights span {color:transparent;}
	#footer.black .fcont {color:#c1c1c5; font-size:1rem;}
	#footer.black .footcont a {color:#c1c1c5;}
	#footer.black .bar {color:#505156; vertical-align:initial;}
	#footer.black .fslbox select {background:#343538; border:0; color:#9b9b9b;}
	#footer.black .fslbox select:focus {outline:none;}
	#footer.black .fslbox:after {top:12px; right:20px; color:#a5a5a5; border:0;}


			@media (max-width:1280px) {
				#related_company { padding:20px 0; margin-top:50px;}
				#related_company li  {margin:0 4% 4% 0; float:left; width:30.66%;}
				#related_company li:nth-of-type(3n) {margin-right:0;}
				#related_company img {vertical-align:middle; width:100%; height:auto !important;}

				#footer {padding:50px 20px;}
				#footer .footmenu {margin:0 auto;}
				#footer .footmenu .bigmenu, #footer .footmenu .footsubbox {display:none;}
				#footer.black .copylink {padding:0; margin-top:0; }
				#footer.black .copylink:after {display:none;}
				#footer.black .copylink a {display:inline-block; margin-bottom:10px;}
				#footer .fcont {width:100%;}
				#footer .footcont, #footer .rights {padding:0; }
				#footer .footcont *, #footer .right * {word-break:keep-all;}
				#footer .flogo {display:none; text-align:left; float:left; margin:30px 0 20px 0;}

				#footer.white .copylink {line-height:1.5; margin-bottom:20px;}
			}