/*
  ===================
  Made by MarvelWorks
  site : http://marvelworks.kr
  * One  domain, One server, One license
  * License Inquiry : info@marvelworks.kr
  ===================
  */

  /*
  ===================
  공통
  ===================
  */

  * {
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
  }
  
  body {padding:0; margin:0; letter-spacing:-0.02rem; font-size:1em;  overflow-x:hidden; overflow-y:auto;}
  p, div, span, h2, h1, h3, h4, h5, h6, div * {word-break:keep-all;}

  .pconly {display:inline-block;}
  .pconly2 {display:block;}
  .mobonly {display:none;}
  .mobonly2 {display:none;}

  .ta-right {text-align:right;}
  .ta-left {text-align:left;}
  .ta-center {text-align:center;}

  .fs-08 {font-size:.8rem;} 
  .fs-084 {font-size:.84rem;}
  .fs-09 {font-size:.9rem;}
  .fs-1 {font-size:1rem;}
  .fs-11 {font-size:1.1rem;}
  .fs-12 {font-size:1.2rem;}
  .fs-13 {font-size:1.3rem;}
  .fs-14 {font-size:1.4rem;}
  .fs-15 {font-size:1.5rem;}
  .fs-16 {font-size:1.6rem;}

  .mt-10 {margin-top:10px;}
  .mt-15 {margin-top:15px;}
  .mt-20 {margin-top:20px;}
  .mt-25 {margin-top:25px;}
  .mt-30 {margin-top:30px;}

  .mb-10 {margin-bottom:10px;}
  .mb-15 {margin-bottom:15px;}
  .mb-20 {margin-bottom:20px;}
  .mb-25 {margin-bottom:25px;}
  .mb-30 {margin-bottom:30px;}

  .pt-10 {padding-top:10px !important;}
  .pt-15 {padding-top:15px !important;}
  .pt-20 {padding-top:20px !important;}
  .pt-25 {padding-top:25px !important;}
  .pt-30 {padding-top:30px !important;}
  .pt-40 {padding-top:40px !important;}
  .pt-50 {padding-top:50px !important;}
  .pt-60 {padding-top:60px !important;}
  .pt-70 {padding-top:70px !important;}
  .pt-80 {padding-top:80px !important;}
  .pt-90 {padding-top:90px !important;}
  .pt-100 {padding-top:100px !important;}

  .pb-10 {padding-bottom:10px !important;}
  .pb-15 {padding-bottom:15px !important;}
  .pb-20 {padding-bottom:20px !important;}
  .pb-25 {padding-bottom:25px !important;}
  .pb-30 {padding-bottom:30px !important;}
  .pb-40 {padding-bottom:40px !important;}
  .pb-50 {padding-bottom:50px !important;}
  .pb-60 {padding-bottom:60px !important;}
  .pb-70 {padding-bottom:70px !important;}
  .pb-80 {padding-bottom:80px !important;}
  .pb-90 {padding-bottom:90px !important;}
  .pb-100 {padding-bottom:100px !important;}


.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;}

.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;}

.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;}

.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;}

.fl-left {float:left;}
.fl-right {float:right;}
.w-100 {width:100%;}

  .col-1, .col-2, .col-3, .col-4 {float:left; width:100%;}
  .col-2 .one {float:left; width:50%;}

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

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

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

.bracket {font-family:'noto sans kr'; }

.sectit {float:left; width:100%; margin-bottom:100px;}
.sectit .keyp {position:relative; font-size:1rem; letter-spacing:2px; float:left; width:100%; margin-bottom:40px;}
.sectit .keyp:before {position:absolute; content:''; width:35px; bottom:-20px; height:1px; background:#ccc;}
.sectit h1 {font-size:3rem; font-weight:600;}
.sectit .cont {font-size:1.2rem; line-height:1.8; letter-spacing:-1.2px; color:#9c9c9c;}

.sectit.black {}
	.sectit.black .keyp {color:#ddd;}
	.sectit.black .keyp:before {background:#ddd;}
	.sectit.black h1 {color:#fff;}
	.sectit.black .cont {color:#fff;}

.flright {float:right; width:65%;}

.col-3 {float:left; width:100%;}
	.col-3 .one {float:left; width:33.33%;}
	.col-3 .one img {max-width:100%;}

.layout_btn1 {display:inline-block; 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 {display:inline-block;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 {display:inline-block;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 {display:inline-block;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 {display:inline-block; background:#46ad2af; color:#fff; border:1px solid #46ad2a; padding:10px 20px; font-size:14px; font-weight:500; border-width:1px !important;}
.layout_admbtn:hover {background:#ccc; color:#fff; transition:all .5s;}
.send_btn1 {display:inline-block; width:250px; padding:20px 0; border-radius:100px; font-size:1.2rem; color:#fff; background:#014099; border:0; cursor:pointer;}

.layout_btn5 {background-color:#333; color:#fff; font-size:1.1rem; border:1px solid #333; padding:10px 60px; border-radius:40px; font-weight:500;}
.layout_btn5:hover {background:transparent; color:#333; transition:all 0.5s;}

/*button effect*/
.btn-15{display:inline-block; position:relative; overflow:hidden;-ms-overflow-style: none; outline: none; z-index:1; transition:all 0.3s ease}
.btn-15:after{position:absolute;content:"";width:0;height:100%;top:0;right:0;z-index:-1;background-color:#fff; transition:all 0.3s ease}
.btn-15:hover{border-color:#fff !important; color:#000 !important;}
.btn-15:hover:after{left:0;width:100%}
.btn-15:active{top:2px}

/*pagination*/
.pg_current {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background:#111;  }
.pg_page, .pg_current {border:0; border-radius:0; width:35px; height:35px; line-height:35px; font-weight:500;}
  /*
  ===================
  사이트설정
  ===================
  */
	/***scroll bar***/
	::-webkit-scrollbar { width: 10px; } /* 스크롤 바 */
	::-webkit-scrollbar-track { background-color:#fff; } /* 스크롤 바 밑의 배경 */
	::-webkit-scrollbar-thumb { background: #ddd;  } /* 실질적 스크롤 바 */
	::-webkit-scrollbar-thumb:hover { background: #c3c3c3; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
	::-webkit-scrollbar-thumb:active { background: #ccc; } /* 실질적 스크롤 바를 클릭할 때 */
	::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */

	/***cursor***/
	.cursor-dot,
	.cursor-dot-outline {
	  pointer-events: none;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  border-radius: 50%;
	  opacity: 0;
	  transform: translate(-50%, -50%);
	  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	  z-index:9999;
	}

	.cursor-dot {
	  width: 15px;
	  height: 15px;
	  background-color: rgba(14,113,223, 0.8);
	}

	.cursor-dot-outline {
	  width: 12px;
	  height: 12px;
	  background-color: rgba(14,113,223, 0.5);
	}

	/**top loading**/
	#loading {
		background-color: #18cfbd;
		height: 3px;
		width: 0px;
		position: fixed;
		left: 0px;
		top: 0;
		z-index:9991;
	}

	/**circular-text**/
	.circular-text {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  width: 200px;
	  height: 200px;
	  position: fixed;
	  top: calc(100vh - 200px);
	  left:0;
	  z-index:103;
	}

	.circular-text .text {
	  font-family: "Fira Code";
	  font-weight: 700;
	  font-size: 16px;
	  text-transform: uppercase;
	  color: #000;
	}
	.circular-text .none {color:transparent !important;}

	#scrollPercentLabel {
	  position:fixed;
	  font-size:20px;
	  font-family: "tahoma";
	}

	/**topbtn**/
	#top_btn {right:-50px; bottom:40px; transition:all .5s;}
	#top_btn.min {right:40px; transition:all .5s;}

  /*
  ===================
  구성
  ===================
  */

  .mtcontainer {width:100%; max-width:1200px; margin:0 auto;}

  #topmenu {position:fixed; width:100%; height:85px; line-height:80px; padding: 0 100px;  top:0;  z-index:9990;  border-bottom:1px solid rgba(255,255,255,0.1); transition:all .5s;}
  #topmenu.min { padding:0 50px; background:rgba(255,255,255,0.9); transition:all .5s;}
  #topmenu img {max-width:220px;}
  #topmenu img.normal {display:none;}
  #topmenu img.white {display:inline-block;}
  #topmenu.min img.normal {display:inline-block;}
  #topmenu.min img.white {display:none;}
  #topmenu2 {position:fixed; width:250px; background:rgba(255,255,255,1); top:0; right:0; padding:2rem 2rem; z-index:9990;  transition:all .5s;}

  #movslide {position:relative;padding-bottom:54.5%;height:0; margin-top:-3%; overflow:hidden; animation: bgslide 20s infinite; }
  #movslide iframe,#movslide object,#movslide embed{position:absolute;top:0;left:0;width:100%;height:100%;}
  #movslide .opacity {position:absolute; left:0; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.35); z-index:99;}
  #movslide .txt {position:absolute; z-index:100; color:#fff; font-size:4rem; font-weight:700; top:50%; left:20%; letter-spacing:-0.05em; transform:translate(0,-50%);}
  
  @keyframes bgslide {
	0% {background-size:150%;}
	25% {background-size:100%;}
	100% {background-size:150%;}
  }

  #footer {float:left; width:100%; background:#222; color:#dadada; padding: 4.5rem 0; line-height:2.2rem;}
  #footer .foot {letter-spacing:0; color:#bbb; font-weight:bold;}
  #footer img {max-width:160px; margin-top:30px;}
  #footer a {color:#bbb;}
  #footer a:hover {color:#eee; transition:all .5s;}
  footer .created, footer .created a {color:#616161 !important; font-size:.7rem; vertical-align:bottom; margin-left:5px;}

  .bar {color:#464646; margin:0 10px;}

  .br-float-right-edge {position:relative; width:175%; right:-21%; }
  .br-float-left-edge {position:relative; width:145%; left:-58%; }

  .bx-prev, .bx-next {width:40px; height:40px; display:inline-block; color:#333;}
  .br-gallery-carousel-buttons div:hover {background:#eaeaea; transition:all .5s;}
  .bxslider li {margin:0 !important;}
  .bxslider li img {width:100%;}

  .tbl_style {border:0; }
  .tbl_style th {font-weight:500;}
  .tbl_style th, .tbl_style td {border-bottom:1px solid #3c3c3c; font-size:1rem;}
  .cau {font-size:.7rem; color:#7d7d7d;}
  .enterinfo {font-size:.86rem; border:0; margin-top:10px;}
  .enterinfo td {padding:.3rem .5rem; font-size:1rem; line-height:1.5rem; color:#5a5a5a;}

  .subpage_tit {color:#6f4720;}
  .subpage_tit .strong {color:#fff; background:#eb5515; padding:0 7px; font-size:1.3rem;}

  .pagelead {font-size:1.4rem;}
  .pagelead .subtit {font-size:3rem; line-height:2; margin-top:20px; margin-bottom:0; color:#000;}
  .pagelead .bigtit {font-size:4rem; line-height:2; margin-top:20px; margin-bottom:0; color:#000;}
  .pagelead .tit {font-size:5rem; line-height:2; color:#000; font-weight:600; }
  .pagelead .cont {font-size:1.2rem; line-height:1.8; letter-spacing:-1.2px; color:#9c9c9c;}
  .pagelead .titcont {font-size:1.4rem; line-height:1.83rem; letter-spacing:-1.2px; color:#727272;}
  .pagelead .point {display:inline-block; height:25px; line-height:25px; background:#fbcf42; padding:0 3px; margin:0 3px;}
  .indexsec .cont {color:#292929;}
  .pageblock .txt{font-size:1.2rem; line-height:2; color:#2a2a2a; }
  .pageblock .tit {font-size:2.2rem; line-height:2.4rem; color:#920783; }

/**tail pr***/
.pr {float:left; width:100%; padding:8rem 0; position:relative; }
.pr .txts {float:left; width:100%; text-align:center;}
.pr .txts .tit {font-size:3rem; line-height:1.5; font-weight:700; margin-bottom:40px;}
.pr .txts .txt {padding-top:15px; font-size:1.2rem; margin-bottom:15px;}
.pr .txts a { color:#111; font-size:1.2rem; border-bottom:1px solid #111; font-weight:500; margin: 0 10px; }
.scr-text {width:1780px; position:absolute;  z-index:-1; text-shadow: -1px 0 #c1c1c1, 0 1px #c1c1c1, 1px 0 #c1c1c1, 0 -1px #c1c1c1; color:#fff; font-size:9rem; font-weight:900; font-style:italic; letter-spacing:0;}
.scrolling-text {top:5%;  animation: scrtext 20s infinite; animation-play-state: paused;}
.scrolling-text2 {bottom:18%;  animation: scrtext2 20s infinite; animation-play-state: paused;}
.trigg {animation-play-state: running;}

@keyframes scrtext {
	0% {right:-90%; opacity:1;}
	99% { right:100%; opacity:1;}
	100% {right:-90%; opacity:0;}
}
@keyframes scrtext2 {
	0% {left:-90%; opacity:1;}
	99% { left:100%; opacity:1;}
	100% {left:-90%; opacity:0;}
}

  /*
  ===================
  메인 텍스트 효과
  ===================
  */

  .maintxt {position:absolute; width:100%; top:0;  margin-top:20%; left:8%; color:#fff; z-index:999; animation-name: head;animation-duration: 10s;animation-iteration-count: infinite;}
  .maintxt span{ font-size: 3.5rem;font-weight:bold;letter-spacing:2px;color:#fff;}
  .maintxt p {margin-top:15px; }
  .maintxt p a {color:#fff; border:1px solid rgba(255,255,255,0.6); padding:10px 30px; font-size:1.2rem; letter-spacing:5px;}
  .maintxt p a:hover {background:#fff; color:#3c3c3c; transition:all .7s;}
  .maintxt:hover {animation:stop; opacity:1 !important;}

  @keyframes head {
    0% {opacity:1;}
    16.6% {opacity:0;}
    33.2% {opacity:1;}
	49.8% {opacity:0;}
    66.4% {opacity:1;}
    83.2% {opacity:0;}
    100% {opacity:1;}
  }

  /*
  ===================
  네비게이션
  ===================
  */
	nav {
	  padding: 0;
	  margin:0 auto;
	}

	nav .nav-container {
	  float:left;
	  width:61%;
	}
	nav ul {
	  display:inline-block;
	  margin: 0;
	}
	.submenu {
	  display:none;
	  z-index:9999;
	  color:#fff;
	  padding:20px 0;
	  border-radius: 5px;
	  left:50%;
	  margin-left:0;
	  min-width:150px;
	}
	.submenu li {
	  float:none;
	  display:block;
	  text-align:center;
	  margin-left:0 !important;
	}
	.submenu li a {
	  font-size:16px;
	  color:#bfbfbf;
	  padding:5px 20px;
	}

	nav ul li {
	  display: inline-block;
	  float: left;
	  position:relative;
	}
	nav ul li:not(:first-child) {
	  margin-left: 25px;
	}
	nav ul li a {
	  display: inline-block;
	  outline: none;
	  color: #fff;
	  font-size: 18px;
	  padding:10px;
	  font-weight:400;
	  text-decoration: none;
	  letter-spacing: -0.01em;
	}
	nav ul li a:hover {
	  color: #cbcbcb;
	  text-decoration: none;
	}
	#nav:checked + .nav-open {
	  position:fixed;
	  transform: rotate(45deg);
	  top: 20px;
	  right:65px;
	}
	#nav:checked + .nav-open i {
	  background: #000;
	  transition: transform 0.2s ease;
	}
	#nav:checked + .nav-open i:nth-child(1) {
	  transform: translateY(6px) rotate(180deg);
	}
	#nav:checked + .nav-open i:nth-child(2) {
	  margin-top:0;
	  opacity: 0;
	}
	#nav:checked + .nav-open i:nth-child(3) {
	  transform: translateY(-6px) rotate(90deg);
	}
	#nav:checked ~ .nav-container {
	  z-index: 9990;
	  opacity: 1;
	  left:0;
		-webkit-animation: fadeIn 1s;
		animation: fadeIn 1s;
	}
	#nav:checked ~ .nav-container ul li a {
	  opacity: 1;
	  transform: translateY(0);
	}
	.hidden {
	  display: none;
	}

  .mainmenu li:after {
	padding:0; height:0;
  }

  .menudown {display:none; background:none; border:0; color:#b1b1b1; width:30px; font-size:1.3rem; margin-top:-7px; z-index:99;}
	
  .nav-container {
    position: fixed;
    top: 0;
    left: 120%;
    height: 100%;
    width: 100% !important;
    z-index: -1;
    background: rgba(255,255,255,.98);
    opacity: 0;
    transition: all 0.5s ease;
	overflow-y: auto;
  }
  .nav-container ul {
    position: relative;
	float: left;
	width:100%;
    top: 50%;
	left: 0;
	margin:0;
	transform: translate(0,-50%);
  }
  .nav-container ul li {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
	padding: 0 0 0 10rem;
  }

  .nav-container ul ul
  {
    float:none;
	width:100%;
    top: 50%;
	left: 0;
	margin:0;
	padding:0;
  }
  .nav-container ul ul li {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
	padding: 0 40px;
	line-height:29px;
  }
  .nav-container ul li:nth-child(1) a {
    transition-delay: 0.2s;
  }
  .nav-container ul li:nth-child(2) a {
    transition-delay: 0.3s;
  }
  .nav-container ul li:nth-child(3) a {
    transition-delay: 0.4s;
  }
  .nav-container ul li:nth-child(4) a {
    transition-delay: 0.5s;
  }
  .nav-container ul li:nth-child(5) a {
    transition-delay: 0.6s;
  }
  .nav-container ul li:nth-child(6) a {
    transition-delay: 0.7s;
  }
  .nav-container ul li:not(:first-child) {
    margin-left: 0;
  }
  .nav-container ul li a {
    padding: 0;
	margin:8px 10px;
    opacity: 0;
    color: #111;
    font-size: 3rem;
    font-weight: 700;
    transform: translateY(-20px);
    position: relative;
  }

  .nav-container ul li a:before {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  height: 1px;
	  width: 0;
	  background: currentColor;
	  -webkit-transition: width 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	  transition: width 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  }

  .nav-container ul li a:hover:before {
	  left: 0;
	  right: initial;
	  width: 100%;
  }

  .nav-container ul li a:hover {
    color:#555;
  }
  .nav-container ul ul li a {
    font-size:1.2rem;
  }
  .nav-open {
	/*
    position: fixed;
	top:10px;
    right:50px;
    display: block;
    width: 48px;
    height: 48px;
	*/
	margin-top:20px;
    cursor: pointer;
    z-index: 9999;
    border-radius: 50%;
	transition:all .5s;
  }
  .nav-open.min {  top:1.9rem;}
  .nav-open i {
    display: block;
    width: 30px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    margin-left: 10px;
  }
  .nav-open.min i {background:#111;}

  .nav-open i:nth-child(1) {
    margin-top: 0;
  }
  .nav-open i:nth-child(2) {
    margin-top: 8px;
	margin-left:20px;
    opacity: 1;
  }
  .nav-open i:nth-child(3) {
    margin-top: 8px;
  }

  .counting {
    display:none;
    font-size:15px;
	color:rgba(175, 175, 175, 0.75);
  }

  .impactimg {position:relative; float:left; width:55%; height:100vh; border-left:0px solid #222222; color:#fff; }
  .impactimg .back {float:left; height:100vh; width:100%;  border-left:0; border-right:0; }
  
  .nav-name {display:none; position:fixed; right:120px; top:20px; font-size:.76rem; letter-spacing:-0.3px; color:#333; z-index:9999; transition:all .5s;}
  .nav-name.min {left:18.2%;}

  .noticetit {font-size:1.6rem;}
  .noticeinfo {font-size:.9rem !important; margin:20px 0 30px 0;}

  /*
  ===================
  슬라이더
  ===================
  */
	.kenburn-slider {
	  width: 100%;
	  margin: 0;
	  position: relative;
	  background-color:#fff !important;
	}
	.kenburn-slider .slides {
	  list-style: none;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	}
	.kenburn-slider .slides > li {
	  float: left;
	  margin-right: -100%;
	  width: 100%;
	  overflow: hidden;
	  height: 90vh;
	  position: relative;
	}
	.subslider .slides > li {
	  height:45vh !important;
	  min-height:350px;
	  margin-left:0 !important;
	}
	.kenburn-slider .flex-direction-nav {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {
	  background-color: rgba(255, 255, 255, 0.7);
	  color: #333;
	  padding: 10px 20px;
	  text-decoration: none;
	  position: absolute;
	  height: 1em;
	  top: 0;
	  bottom: 0;
	  margin: auto;
	  z-index: 8;
	  text-align: center;
	}
	.kenburn-slider .flex-direction-nav .flex-prev {
	  left: 0;
	}
	.kenburn-slider .flex-direction-nav .flex-next {
	  right: 0;
	}

	.slide-image {
	  background-size: cover;
	  background-position: center;
	  background-attachment: fixed;
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	}
	.flex-active-slide .slide-image {
	  -webkit-animation: zoomout 5s;
			  animation: zoomout 5s;
	}

	@-webkit-keyframes zoomout {
	  0% {
		-webkit-transform: scale(1.3);
				transform: scale(1.3);
	  }
	  100% {
		-webkit-transform: scale(1);
				transform: scale(1);
	  }
	}
	.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {background:none !important; color:#fff; font-family:'batang', 'sans-serif'; padding:10px 25px !important; font-size:3.8rem; font-weight:200; opacity:0.5;}
	.subslider .flex-direction-nav .flex-prev, .subslider .flex-direction-nav .flex-next {display:none;}

	.slideropc {background:rgba(0,0,0,0.3); width:100%; position:absolute; z-index:99; color:#fff !important; height:100vh; text-align:center;}
	.slidertxt {position:absolute; top:-80px; bottom:0; z-index:100; color:#fff !important; text-align:center; margin: auto;height:2em; width:100%;}
		.slidertxt .bigtxt {font-size:3.8rem; font-weight:500; letter-spacing:-0.26rem;}
		.slidertxt .smalltxt {font-size:1.1rem; font-weight:300; letter-spacing:0; margin-bottom:10px;}
		.slidertxt p {margin:0;}
	.subslider .slidertxt { top:45%; left:50%;  height:initial; bottom:initial; transform:translate(-50%,0); text-align:center; width:auto;}
		.subslider .slidertxt .bigtxt {font-size:3.5rem; font-weight:600; letter-spacing:0;}
		.subslider .slidertxt .smalltxt {font-size:1.4rem; font-weight:500;}
		.subslider .slidertxt p {margin:0;}

	.downscr {display:none; position:absolute; left:0; bottom:0; width:40%; background:#fff; height:80px; line-height:80px; text-align:right; color:#404040; z-index:100;}
		.downscr .arr {position:absolute; right:50%; top:0;}
		.downscr .txt {position:absolute; right:50px; font-weight:500; letter-spacing:0;}

	.leftquick {position:fixed; writing-mode: vertical-rl; text-orientation: mixed; left:0px; top:50%; transform:translate(0,-50%); z-index:101; width:50px; height:60vh; }
		.leftquick span {float:left; width:100%; height:100%; letter-spacing:0; text-align:center; color:#bfbfbf; }

  /*
  ===========================
  서브
  ===========================
  */
  /**회사소개**/
.bizarea .col-4 {padding:0;}
.bizarea .one {float:left; width:23.5%; height:400px; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden; transition:all .5s;}
.bizarea .one:nth-child(4n) {margin-right:0;}
.bizarea .one .imgs {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(3); z-index:2;}
.bizarea .one:before {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); content:''; z-index:3;}
.bizarea .one .txts {position:absolute; left:20px; bottom:20px; width:calc(100% - 40px); font-size:2rem; font-weight:500; z-index:4; transition:all .5s;}
.bizarea .one .txts h2 {color:#fff;}
.bizarea .one:hover:before {background:linear-gradient(360deg, rgba(0,0,0,0.6), transparent); transition:all .5s;}
.bizarea .one:hover .txts {bottom:40px; transition:all .5s;}
.imgbox {display:block; float:left; width:100%; position:relative; height:450px;}
	.imgbox img {display:inline-block;}
.txtbox {position:absolute; bottom:0; width:100%; height:60px; line-height:60px; background:#fff;}
.cert .one {font-size:1.2rem;}
.cert .one img {border:1px solid #ddd; width:90%; margin-bottom:30px;}

/**프로세스**/
.timeline {float:left; width:100%;}
.timeline li {float:left; width:33.33%; margin:0 0 4rem 0 !important; position:relative; color:#333; border-radius:100%; }
.timeline li .icons {display:table; margin:0 auto; width:150px; height:150px; border:1px solid #333; border-radius:100%; color:#333; position:relative; text-align:center;}
.timeline li i { line-height:150px; font-size:50px; text-align:center; transition:all .2s;}
.timeline li:hover .icons {background:#333; color:#fff; }
.timeline li:hover i {animation:rot_icon 2s infinite; transition:all .2s;}
.timeline li h3 {float:left; width:100%; margin-top:30px; color:#333; text-align:center; font-size:18px; }
.timeline li:before {position:absolute; top:-25px; left:50%; transform:translate(-50%,0); background:#f7f7f7; font-size:2rem;  color:#333; display:block; z-index:90; padding:0; font-family:tahoma; }
.timeline li:after {position:absolute; width:243px; height:1px; right:-121px; top:33.33%; background:#484a4e; content:'';}
.timeline li:nth-child(3n):after {display:none;}

.timeline.black li {color:#fff; }
.timeline.black .icons {border-radius:0; border-color:#484a4e;}
.timeline.black li i { color:#fff;  transition:all .2s;}
.timeline.black li:hover .icons {background:rgba(0,0,0,0.25);  border-radius:0; transition:all .2s;}
.timeline.black h3 {color:#fff;}
.timeline.black li:before {display:none; background:#111; color:#ddd;}
.timeline.black li:after {background:#484a4e;}

@keyframes rot_icon {
	0% {transform:rotate(-20deg);}
	50% {transform:rotate(20deg);}
	100% {transform:rotate(-20deg);}
}
/**폼메일**/
.form textarea {width:100%; float:left; background:#f7f7f7; border:1px solid #ddd; padding:10px;}
.form input[type="text"], .form input[type="email"], .form input[type="tel"] {float:left; width:100%; margin-bottom:15px; border:1px solid #ddd; padding:10px;}
.form p {float:left; width:100%; text-align:center; margin-top:20px;}
.form input[type="button"] {display:inline-block; width:initial; float:initial; cursor:pointer;}
.form .agree {font-size:0.94rem; line-height:1.7; border-top:2px solid #111; padding:40px;}
.form .agreechk {text-align:right; margin:15px 0;}

/**컨택**/
.bigstyletxt {font-size:6rem; line-height:1.2; font-weight:700; color:#f5f5f5;}
.ovv {width:135%; border:2px solid #111; border-left:0; border-right:0; padding:100px 0;}
.ovv .one {width:28%;}
.ovv .one i {font-size:2rem; margin-bottom:20px;}
.ovv .one .txt {font-size:1.2rem; font-weight:500;}
.ovv .one .mini {font-weight:500; color:#bfbfbf; letter-spacing:0;}


/*
================
해상도
================
*/
@media (min-width:1950px) and (max-width:2200px) {
	.downscr .arr {right:48%;}
}

@media (max-width:1600px) {
	#topmenu {padding:0 50px;}
	.subslider .slidertxt {top:30%;}
	.downscr .arr {right:65%;}
}

@media (max-width:1440px) {
	.downscr .arr {right:78%;}
}

  /*
  ===========================
  모바일
  ===========================
  */

  @media (max-width:1100px) {
	.pconly, .pconly2 {display:none;}
	.mobonly {display:inline-block;}
	.mobonly2 {display:block;}
	.container {padding:0 20px;}
	
	.nav-container ul {width:60%; top:50%;}
	.nav-container ul li {padding:0 0 0 40px;}
	.nav-container ul li a {font-size:1.6rem;}
	.nav-container ul ul {padding:0;}
	.nav-container ul ul li {line-height:20px;}
	.nav-open, .nav-open.min { left:69%; right:auto; margin-top:4px; top:0;}
	#nav:checked + .nav-open {top:15px; left:83%; }

	#topmenu, #topmenu.min {width:100% !important; height:70px; padding:20px; line-height:initial;}
	#topmenu .col-2 {padding:0 !important;}
	#topmenu img {width:180px;}
	.impactimg {width:40%;}
	.impactimg .back {margin-top:20vh; height:60vh; background-position:12% 0 !important;}

	footer {font-size:.94rem;}
	footer .bgs {right:0; left:0; bottom:-20%;}
	.col-md-6 {margin:15px 0;}
	.bar {margin:0 7px; font-size:.8rem; vertical-align:text-top;}
	#footer {margin-top:-7px;}
	#footer img {width:140px; margin-top:0;}
	#footer .col-2 .one {float:left; width:100%; text-align:center;}
	#footer .col-2:first-child .one:last-child {margin-top:30px;}
	footer .created {display:block;}

	/**슬라이더**/
	.slidertxt .bigtxt {font-size:3rem; }
	.slidertxt .smalltxt {font-size:1.1rem; }
	.slide-image {background-attachment: initial;}
	.subslider .slidertxt {top:50%; left:50%; transform:translate(-50%,-30%); width:100%; padding:0 22px; text-align:center;}
	.subslider .slidertxt .bigtxt {font-size:3rem;}
	.subslider .slidertxt .smalltxt {font-size:1.2rem;}

	/**서브슬라이더**/
	.subslider .slides > li {min-height:200px; height:45vh !important;}
	.downscr {width:45%; height:50px; line-height:60px; }
	.downscr .arr {left:22px;}
	.downscr .txt {right:25px; font-size:.9rem;}

	/**서브설정**/
	.circular-text, .circular-text *  {opacity:0;}

	/**서브페이지**/
	.row {float:left; width:100%;}

	.pagelead .subtit {font-size:2.3rem; line-height:1.35;}
	.pagelead .bigtit {font-size:3rem;}
	.lead {font-size:1rem;}
	.lead img {width:190px;}

	.sectit {margin-bottom:50px;}
	.sectit h1 {font-size:2.4rem;}
	.subpage_tit {line-height:1.8rem;}
	.subpage_tit .strong {font-size:.94rem; padding:0 3px;}

	.tbl_style th {width:80px !important;}

	#main .br-section.has-split-bg:before {width:100%;}
	.br-float-right-edge {width:125%; right:0;}
	.br-float-left-edge {width:125%; left:-25%;}

	.custom-mt-0 {margin-top:0rem !important;}
	.custom-mt-1 {margin-top:1rem !important;}
	.custom-mt-2 {margin-top:2rem !important;}
	.custom-mb-0 {margin-bottom:0rem !important;}
	.custom-mb-1 {margin-bottom:1rem !important;}
	.custom-mb-2 {margin-bottom:2rem !important;}
	.custom-pt-0 {padding-top:1rem !important;}
	.custom-pt-1 {padding-top:1rem !important;}
	.custom-pt-2 {padding-top:2rem !important;}
	.custom-pb-0 {padding-bottom:0rem !important;}
	.custom-pb-1 {padding-bottom:1rem !important;}
	.custom-pb-2 {padding-bottom:2rem !important;}
	.custom-pl-0 {padding-left:0rem !important;}
	.custom-pl-1 {padding-left:1rem !important;}
	.custom-pl-2 {padding-left:2rem !important;}
	.custom-pr-0 {padding-right:0rem !important;}
	.custom-pr-1 {padding-right:1rem !important;}
	.custom-pr-2 {padding-right:2rem !important;}

	/*메인텍스트*/
	.maintxt {margin-top:60%; left:0; text-align:center;}
	.maintxt span {}
	.maintxt p a {font-size:1rem; padding:10px 20px;}

	.nav-name {display:none;}

	/*회사소개*/
	.bizarea .one {width:100%; margin:0 0 2% 0;}
	.cert .one {width:100%; margin:0 0 2% 0;}

	/*프로세스*/
	.timeline {}
	.timeline li {width:50%; margin:0 0 2rem 0 !important; height:170px; }
	.timeline li .icons {width:110px; height:110px;}
	.timeline li i { line-height:110px; font-size:50px;}
	.timeline li h3 {margin-top:15px; font-size:1rem;}
	.timeline li:after {display:none;}

	/*컨택*/
	.ovv {padding:50px 0;}
	.ovv .one {width:80%; margin-bottom:25px;}
	.ovv .one:last-child {margin-bottom:0;}

	/*pr tail*/
	.pr .txts .tit {font-size:2rem;}
	.scr-text {font-size:7rem; width:1380px;}
	.scrolling-text {top:5%; animation: scrtext 16s infinite;}
	.scrolling-text2 {bottom:25%; animation: scrtext2 16s infinite;}

	@keyframes scrtext {
		0% {right:-300%; opacity:1;}
		99% { right:100%; opacity:1;}
		100% {right:-300%; opacity:0;}
	}
	@keyframes scrtext2 {
		0% {left:-300%; opacity:1;}
		99% { left:100%; opacity:1;}
		100% {left:-300%; opacity:0;}
	}

  }

  /*
  ===========================
  효과
  ===========================
  */
  @-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
  }  
  @keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
  }
  @-webkit-keyframes fadeOut {
    from { opacity: 0; }
      to { opacity: 1; }
  }  
  @keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
  }

/*aos add*/
.aos-reveal {
  position: relative;
  display: inline-block;
  overflow: hidden;
 }
.reveal-holder {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.reveal-block {
  position: absolute;
  top: 0;
  width: 100%;
  height: 101%;
  background: white;
}

.reveal-block::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: lightgray;
  transition-property: transform;
  transition-duration: 0.5s;
}

.reveal-block.extra {
  background: #000;
}

.reveal-block.extra::before {
    background: #fff;

}
.reveal-block.gradient.black::before {
  background: #000;
}
.reveal-block.gradient.gray::before {
  background: #e6e6e6;
}
.reveal-block.gradient::before {
  background: #fff;
}

.reveal-block.right::before {
  transform: scaleX(0);
  transform-origin: 0% 100%;
}
.reveal-block.right.aos-animate::before {
  transform: scaleX(1);
}

[data-aos="reveal-right"] {
  transform: scaleX(1);
  transform-origin: 100% 0%;
  transition-property: transform;
  transition-delay: 0.5s;
}
[data-aos="reveal-right"].aos-animate {
  transform: scaleX(0);
}

.reveal-block.left::before {
  transform: scaleX(0);
  transform-origin: 0% 100%;
}
.reveal-block.left.aos-animate::before {
  transform: scaleX(1);
}

[data-aos="reveal-left"] {
  transform: scaleX(1);
  transform-origin: 100% 0%;
  transition-property: transform;
  transition-delay: 0.5s;
}
[data-aos="reveal-left"].aos-animate {
  transform: scaleX(0);
}


.goog-te-gadget {height:50px; overflow:hidden;}
#google_translate_element {position:absolute; top:15px; right:100px;}

#google_translate_element > div > div {
	position: relative;
	min-width: 200px;
	height: 50px;
}
#google_translate_element > div > div > select::-ms-expand {
    display: none;
}

#google_translate_element > div > div:after {
    content: '<>'; /* 목록 펼침 아이콘 */
    font: 17px "Consolas", monospace;
    color: #111;
    transform: rotate(90deg);
    right: 11px;
    top: 18px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}

#google_translate_element > div > div > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    max-width: 120px;
    height: 45px;
	line-height:45px;
    float: right;
    margin: 5px 0px;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 1.75;
    color: #111;
	font-weight:bold;
	border:1px solid #ccc;
	background:rgba(255,255,255,1);
    -ms-word-break: normal;
    word-break: normal;
}

@media (max-width:1100px) {
	#google_translate_element {top:50px; right:0;}
}