/*
======================================================
LICENSE
본 주석을 삭제하지 마십시오.
======================================================
Made by MarvelWorks
site : http://marvelworks.kr
* One  domain, One server, One license
* License Inquiry : info@marvelworks.kr
본 라이센스는 비독점적 사용권을 제공하며, 1도메인, 1호스팅, 1라이센스로 규정합니다. 마블웍스가 제공한 솔루션 하에서만 사용이 가능합니다. 본 테마를 이용하여 유상상품 제작, 및 배포용으로의 재가공은 불가합니다. 본 테마의 구매자가 최종사용자가 되어야 하며, 구매자가 클라이언트를 위한 홈페이지 제작 행위는 불가합니다. 카피라이트 무단제거, 컨텐츠 및 소스코드 무단복사는 저작권법 관련법률에 의거 법적 처벌을 받을 수 있으며, 주기적인 모니터링으로 사용등록 여부를 확인하고 있습니다. 상세 라이센스 문의는 info@marvelworks.kr 로 연락주시기 바랍니다.
======================================================


===================
기본
===================
*/
:root {
	--font-family: "Poppins", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", 'malgun gothic', Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-bracket: 'Noto Sans KR', -apple-system, 'malgun gothic', sans-serif; 
	--common-text-medium : 1rem;
	--menu-text-size: 1.1rem;
	--theme-point-color: #2e4097;
	--color-blue : #272889;
	--color-gray-1: #ddd;
	--color-gray-2: #ccc;
	--input-height: 40px;
	--foot-link-size: .7rem; 
	--foot-link-color:#333;

	--rsv-gray : #ededed;
	--rsv-gray-border: #ededed;
	--rsv-gray-color : #4e4e4e;

	--rsv-purple : #e9deff;
	--rsv-purple-border: #e9deff;
	--rsv-purple-color : #5a11cf;

	--rsv-blue : #e0e4ff;
	--rsv-blue-border : #e0e4ff;
	--rsv-blue-color : #0936d7;

	--rsv-skyblue : #e5f6ff;
	--rsv-skyblue-border : #e5f6ff;
	--rsv-skyblue-color : #0378cb;

	--rsv-green :#caf3ca;
	--rsv-green-border : #caf3ca;
	--rsv-green-color : #00830a;

	--rsv-yellowgreen : #dfffc1;
	--rsv-yellowgreen-border : #dfffc1;
	--rsv-yellowgreen-color : #3b8900;

	--rsv-yellow: #fdff91;
	--rsv-yellow-border : #fdff91;
	--rsv-yellow-color : #808900;

	--rsv-red: #ffe7e7;
	--rsv-red-border : #ffe7e7;
	--rsv-red-color : #ff0000;

	--rsv-orange: #fff2d4;
	--rsv-orange-border :#fff2d4;
	--rsv-orange-color : #e57f00;

}

body {font-family: var(--font-family); overflow-x:hidden; overflow-y:auto; letter-spacing:-0.03em;}
body * {word-break:keep-all;}
a {color:#000;}

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

.fl-left {float:left;}
.fl-right {float:right;}
.w-100 {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-big-medium-large {font-size:2.8rem;}
.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;}

.nogap {padding:0;}
.nomargin {margin:0;}

/**CHKBOX**/


/**COLS**/
.col-1, .col-2, .col-3, .col-4 {float:left; width:100%;}
.col-2 {padding:0;}
  .col-2 .one {float:left; width:calc(50% - 4px); margin-right:4px; margin-bottom:4px;}
  .col-2 .one:nth-of-type(2n) {margin-right:0;}
.col-3 {float:left; width:100%;}
	.col-3 .one {float:left; width:33.33%;}
	.col-3 .one img {max-width:100%;}

.col-4 {padding:0;}
  .col-4 .one {float:left; width:23.5%; margin-right:2%;}
  .col-4 .one:nth-of-type(4n) {margin-right:0;}

/**TITLES**/
.spantit {font-size:1.55rem; margin-bottom:30px; position:relative;}
.spantit::after {display:inline-block; width:20px; height:1px; background:#111; position:absolute; bottom:-10px; left:0; content:''; }

.spantit2 {font-size:1.35rem; color:var(--theme-point-color); font-weight:500; }
.spantit2 .num {display:inline-block; width:25px; height:25px; background:var(--theme-point-color); color:#fff; text-align:center; line-height:25px; font-size:1rem; margin-right:5px;}

.subtext {padding-left:40px; border-left:1px solid var(--theme-point-color);}

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

/**ALERT**/
.mems_select {margin:0 5px;}
.tags {display:inline-block; text-align:center; width:120px; background:#ffebeb; font-weight:500; color:#f31b1b; border-radius:20px; margin-right:10px; font-size:0.94rem;}
.req {color:red;}
.cau {color:red; float:left; width:100%; font-size:0.9rem;}

/**TABLE**/
.styletbl {float:left; width:100%; border:0; border-top:1px solid #333; font-size:1.1rem;}
.styletbl th, .styletbl td {padding:30px; border-bottom:1px solid #ddd;}
.styletbl th {background:#f7f7f7; }
.styletbl input[type=text], .styletbl input[type=password] {height:var(--input-height); line-height:var(--input-height); border:0; border:1px solid #ccc; box-shadow:none;}
.styletbl input[type=checkbox], .styletbl input[type=radio] {display:inline-block; vertical-align:middle; margin-right:2px; width:20px; height:20px; border:1px solid #ccc;}
.styletbl .ico_chk {width:20px; height:20px;}
.styletbl label {margin-right:15px;}
.styletbl select {height:var(--input-height); line-height:var(--input-height); border:1px solid #ccc; padding:0 10px;}
.styletbl textarea {box-shadow:none; border-radius:0; height:150px !important;}
.styletbl .frm_input {border-radius:0; box-shadow:none;}

.compare_box {display:table; margin:0 auto; position:relative;}
.compare_box .one {float:left; text-align:center; margin:0 20px;}
.compare_box .one img {margin-bottom:10px;}
.compare_box .vs {float:left;  }
.compare_box .vs span {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.compare_box2 {float:left; width:100%; position:relative;}
.compare_box2 .one {float:left; text-align:center; width:23.5%; margin-right:2%;}
.compare_box2 .one:nth-of-type(4n) {margin-right:0;}

/**masonry-grid**/
.masonry-grid {
  float:left;
  column-count: 3;
  column-gap: 10px;
}
.masonry-grid .one {
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 10px;
  break-inside: avoid;
}

.masonry-grid .one > img {
  grid-row: 1 / -1;
  grid-column: 1;
  max-width:100%;
  display:block;
}

/**BTNS**/
.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.1s;}
.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.1s;}
.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.1s;}
.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.1s;}
.layout_admbtn {display:inline-block; background:#46ad2a !important; 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 .1s;}
.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.1s;}

/*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; } /* 스크롤 바 상 하단 버튼 */

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

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

  .mtcontainer {width:100%; max-width:1860px; padding:20px; margin:0 auto;}

  #topmenu {position:fixed; width:100%; height:85px; line-height:85px; padding: 0 100px;  top:0;  z-index:9990;   background:rgba(255,255,255,0.95); transition:all .5s;}
  #topmenu.min { padding:0 50px; transition:all .5s;}
  #topmenu img {max-width:300px;}
  #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:#dbdbdb !important; font-size:.7rem; vertical-align:bottom; margin-left:5px;}
  #br-site-footer {margin-top:12rem; border-top:1px solid #ebebeb;}
  .footer-end .links {color:var(--foot-link-color); font-size:var(--foot-link-size); }

  .bar {color:#d1d1d1; margin:0 5px; font-size:0.9rem; display:inline-block; vertical-align:text-bottom;}

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

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

  /*
  ===================
  pc헤더
  ===================
  */
  .logo {width:20%;}
  .menus {width:60%;}
	.menus .menulist {float:right;}
	.menus li {display:inline-block; position:relative;}
	.menus li a {padding:0 0 0 60px; font-size:1.1rem; color:#000;}
	.menus .submenu {display:block; height:0; width:200px;opacity:0; line-height:initial; overflow:hidden; position:absolute; top:74px; left:calc(50% + 30px); transform:translate(-50%,0);background:rgba(255,255,255,0.95); border-radius:0; transition:all .2s;}
	.menus .submenu li {display:block; line-height:initial;}
	.menus .submenu li a {width:100%; display:block; padding:5px 0; text-align:center;}
	.menus li:hover .submenu {height:initial; opacity:1; transition:all .2s;}
  .navs {width:20%; display:none;}

  @media (max-width:1200px) {
	.menus {display:none;}
	.navs {display:block;}
  }
  /*
  ===================
  네비게이션
  ===================
  */
	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-bottom:20px;
	  border-radius: 5px;
	  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:#111;
	  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);
	  right:50px;
	  top:30px;
	}
	#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;
		overflow-y:auto;
	}
	#nav:checked ~ .nav-container ul li a {
	  opacity: 1;
	  transform: translateY(0);
	}
	.hidden {
	  display: none;
	}

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

  .menudown {cursor:pointer; background:none; border:0; color:#b1b1b1;  font-size:1.3rem; display:inline-block; vertical-align:middle; margin:8px 10px; 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;
	padding:0;
	margin:15vh 0;
  }
  .nav-container ul li {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
	padding: 0 0 0 10rem;
  }

  .nav-container ul ul
  {
	width:100%;
	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: 500;
    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 {
    cursor: pointer;
    z-index: 9999;
    border-radius: 50%;
  }
  .nav-open.min {  top:1.9rem;}
  .nav-open i {
    display: block;
    width: 30px;
    height: 2px;
    background: #111;
    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);
  }
  
  .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:60vh !important;
	  min-height:550px;
	  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:35%; left:42%;  height:initial; bottom:initial; transform:translate(-10%,0); text-align:left; width:auto;}
		.subslider .slidertxt .bigtxt {font-size:5.5rem; font-weight:600; letter-spacing:0;}
		.subslider .slidertxt .smalltxt {font-size:1.4rem; font-weight:500;}
		.subslider .slidertxt p {margin:0;}

  /*
  ===========================
  서브
  ===========================
  */

.rsv_notice {border:1px solid #ddd; border-top:1px solid #111;}
.rsv_notice h1 + p, .rsv_notice h2 + p, .rsv_notice h3 + p, .rsv_notice h4 + p, .rsv_notice h5 + p, .rsv_notice h6 + p, .rsv_notice p {margin:0 !important;}

/**폼메일**/
.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;}

/*
================
해상도
================
*/
@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, .pconly3 {display:none;}
	.mobonly {display:inline-block;}
	.mobonly2 {display:block;}
	.mobonly3 {display:table-cell;}

	.container {padding:0 20px;}
	.mtcontainer .container {padding:0;}
	
	h1 {font-size:1.86rem;}

	.text-big-medium-large {font-size:1.6rem;}
	.text-medium-large {font-size:1.3rem;}

	.spantit, .spantit2 {font-size:1.2rem;}
	.subtext {padding-left:20px;}

	.mt-3-rem {margin-top:2rem;}
	.mt-4-rem {margin-top:2.6rem;}
	.mt-6-rem {margin-top:4rem;}
	.mt-12-rem {margin-top:6rem;}

	.pt-10-rem {padding-top:8rem;}

	.pb-6-rem {padding-bottom:4rem;}

	.col-2 .one {width:100%; margin:0 0 2% 0;}
	.col-2 .one.zoomer-element {min-height:75vw;}
	.col-3 .one {width:100%; margin:2% 0;}

	.compare_box .one {margin:20px 0;}
	.compare_box2 .one {width:49%; margin:0 2% 2% 0;}
	.compare_box2 .one:nth-of-type(2n) {margin-right:0;}

	.masonry-grid {column-count: 2;}

	.nav-container ul {}
	.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:200px; margin-top:-9px;}

	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; margin-top:10px;}

	/**슬라이더**/
	.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%,-50%); 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:350px;}
	.downscr {width:45%; height:50px; line-height:60px; }
	.downscr .arr {left:22px;}
	.downscr .txt {right:25px; font-size:.9rem;}

	/**서브설정**/

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

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

	.styletbl th, .styletbl td {float:left; width:100%;}
	.styletbl th {padding:20px;}
	.styletbl td {padding:20px 0;}
	.styletbl label {display:block; margin:3px 0;}

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

	.nav-name {display:none;}

	footer .col-md-4 {margin-top:20px;}
	
  }

  /*
  ===========================
  효과
  ===========================
  */
  @-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);
}