/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		border:0;
		margin:0; padding:0;
		background:transparent;
		font-size:100%;
		vertical-align:baseline;
	}
	html {
		overflow:-moz-scrollbars-vertical;
		overflow-y:scroll;
		font-size:62.5%;
		/*	always display vertical scrollbars on screen. especially for list page which expands on mouseover	*/
	}
	body {
		background:#232323;
		font-family:Helvetica, Arial, sans-serif;
		font-weight:normal;
		color:#55554b;
		font-size:14px;
		font-size:1.4rem;
		line-height:1;
		text-rendering:auto;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		min-width:300px;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:none;
		margin:0; padding:0;
		height:0px;
		background:transparent;
		overflow:hidden;
		font-size:1px;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}/*========================================================
                    Pre settings
=========================================================*/
body {
  font-family: Times New Roman, serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #202020;
  background: #ffffff;
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
a:hover {
  color: #9a9a9a;
}
img {
  max-width: 100%;
}
p + p {
  margin-top: 20px;
}

/* Common styles
========================================================*/
.document-wrapper {
  width: 100%;
  overflow: hidden;
}
.text-1 {
  font-family: 'Abril Fatface', cursive;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}
.text-2 {
  font-family: 'Abril Fatface', cursive;
  font-size: 48px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
@media only screen and (max-width: 979px) {
  .text-2 {
    font-size: 44px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .text-2 {
    font-size: 38px;
    line-height: 32px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 479px) {
  .text-2 {
    font-size: 36px;
    line-height: 32px;
    letter-spacing: 0.075em;
  }
}
.super-box {
  padding: 0 0 58px;
}
@media only screen and (max-width: 768px) {
  
	.super-box {
	  padding: 0;
	}
}
.heading {
  padding: 85px 0 28px 0;
  text-align: center;
  color: #202020;
}
.subtitle {
  padding: 0 0 22px 0;
  color: #202020;
}
.img-box {
  margin: 5px 0 0;
}
.list {
  margin: 24px 0 0;
  line-height: 18px;
}
.list li + li {
  margin: 8px 0 0;
}
@media only screen and (max-width: 1199px) {
  .space {
    display: none;
  }
}
.btn__skin-1 {
  display: inline-block;
  position: relative;
  padding: 0 15px 0 0;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.btn__skin-1:after {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -9px 0 0;
  font-size: 16px;
  line-height: 16px;
  color: #202020;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.btn__skin-1__hover:hover {
  color: #9a9a9a;
}
.btn__skin-1__hover:hover:after {
  color: #9a9a9a;
}
.bg {
  background: #e8e8e8;
}
.bg-img-1 {
  background: url(../images/bg-img-1.jpg) 50% 0 no-repeat;
}
.bg-img-1 .heading {
  padding-top: 63px;
}
.decoration-1 {
  padding-top: 20px;
  background: url(../images/decoration-1.png) 50% 0 no-repeat;
}
.decoration-2 {
  padding-top: 26px;
  background: url(../images/decoration-2.png) 50% 0 no-repeat;
}
.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  filter: grayscale(100%);
  -webkit-filter: grayscale(1);
}
/*========================================================
                    HEADER styles
=========================================================*/
.header-top {
  box-shadow: inset 0 -40px 200px rgba(0, 0, 0, 0.1);
}
.header-top:before,
.header-top:after {
  content: " ";
  display: table;
}
.header-top:after {
  clear: both;
}
.header-top_s1 {
  float: left;
  padding: 54px 0 152px 0;
}
.header-top_s2 {
  position: relative;
  float: right;
  margin: 40px 260px 0 0;
  text-align:right;
}
@media only screen and (max-width: 767px) {
  .header-top_s1 {
    float: none;
    padding: 90px 0 30px 0;
  }
  .header-top_s2 {
    float: none;
    margin: 0 0 0 0;
    padding: 10px 0 30px 0;
  }
  .sf-menu {
    position: relative;
    padding: 0;
  }
}
h1 {
  position: relative;
  display: inline-block;
  font-family: 'Abril Fatface', cursive;
  font-size: 72px;
  line-height: 55px;
  color: #202020;
}
h1 .indent {
  display: inline-block;
  padding: 0 0 0 39px;
}
h1 .descriptor {
  position: absolute;
  top: -47px;
  left: 80px;
  font-family: Times New Roman, serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #aaaaaa;
}
h1 a {
  -webkit-transition: none;
  transition: none;
}
h1 a:hover {
  color: inherit;
}
@media only screen and (max-width: 479px) {
  h1 {
    font-size: 56px;
    line-height: 40px;
  }
}
/* superfish-menu styles
========================================================*/
.sf-menu {
  position: absolute;
  top: 0;
  left: -5%;
  display: inline-block;
  padding: 20px 5px 29px 0;
  /*font-family: 'Abril Fatface', cursive;*/
  font-family:Dotum, DotumChe, "돋움", "돋움체", AppleSDGothic, Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  z-index: 2;
  width:260px;
}
.sf-menu li {
  position: relative;
  z-index: 2;
}
.sf-menu li a {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 120px;
  color: #202020;
  padding: 0 0 0;
  font-weight:bold;
}
.sf-menu li a:before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  left: 12px;
  top: 50%;
  margin: -12px 0 0;
  font-size: 24px;
  line-height: 24px;
  color: #9a9a9a;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
}
.sf-menu li a.sf-with-ul {
  color: #202020;
}
.sf-menu li a:hover {
  color: #9a9a9a;
  padding: 0 0 0 30px;
}
.sf-menu li a:hover:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sf-menu li a {
  text-transform:uppercase;
}
.sf-menu li.current > a {
  color: #9a9a9a;
  padding: 0 0 0 5px;
}
.sf-menu li.current > a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sf-menu li.sfHover > a {
  color: #9a9a9a;
  padding: 0 0 0 30px;
}
.sf-menu li.sfHover > a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sf-menu li + li {
  margin: 8px 0 0;
}
/* first level sub-menu styles */
.sf-menu ul {
  margin: 6px 0 5px 20px;
  display: none;
  position: relative;
  color: #ffffff;
}
.sf-menu ul li a {
  min-width: 150px;
  padding: 0 0 0 30px;
}
.sf-menu ul li a.sf-with-ul {
  color: #202020;
}
.sf-menu ul li a:hover {
  color: #9a9a9a;
}
.sf-menu ul li.current > a {
  color: #9a9a9a;
}
.sf-menu ul li.sfHover > a {
  color: #9a9a9a;
}
.sf-menu ul li.sfHover > a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sf-menu ul li + li {
  margin: 6px 0 0;
}
/* second level sub-menu styles */
.sf-menu ul ul {
  margin: 6px 0 21px 26px;
}
/* superfish responsive layout */
@media only screen and (max-width: 767px) {
  .sf-menu {
    display: none;
  }
  .select-menu {
    position: relative;
    display: block;
    margin: 20px 0;
    padding: 0;
    background-color: #ffffff;
    width: 100%;
    z-index: 2;
  }
}
/*========================================================
                    CONTENT styles
=========================================================*/
.block-1 {
  overflow: hidden;
  margin: 0 0 -18px;
  text-align: center;
}
.block-1 .img-box {
  padding-bottom: 28px;
}
.block-2 {
  text-align: center;
  line-height: 26px;
}
.block-2_wrapper {
  overflow: hidden;
  margin: 5px 0 0;
}
.block-2-1 .img-box {
  margin-bottom: 13px;
}
.block-2-1 .subtitle {
  padding-bottom: 6px;
  line-height: 18px;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}
.block-2-1_wrapper {
  overflow: hidden;
  margin: 0 0 -6px;
}
.block-2-2 {
  text-align: center;
}
.block-2-2 .img-box {
  margin-bottom: 23px;
}
.block-2-2 .subtitle {
  padding-bottom: 12px;
}
.block-2-2_wrapper {
  overflow: hidden;
  margin: 0 0 0;
}
.block-2-2_wrapper + .block-2-2_wrapper {
  margin: 23px 0 -10px;
}
.block-2-3 .subtitle {
  padding-bottom: 25px;
  text-transform: none;
  letter-spacing: 0;
  line-height: 48px;
}
.block-2-3 .btn {
  margin: 18px 0 0;
}
.block-2-3_wrapper {
  overflow: hidden;
  margin: 57px 0 0;
}
.block-2-4 img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  filter: grayscale(100%);
  -webkit-filter: grayscale(1);
}
.block-2-4 .img-box {
  padding-bottom: 12px;
}
.block-2-4_el1 {
  letter-spacing: 0.075em;
}
.block-2-4_el1 span {
  text-transform: uppercase;
}
.block-2-4__hover {
  display: block;
}
.block-2-4__hover:hover {
  color: inherit;
}
.block-2-4__hover:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: none;
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.block-2-4_wrapper {
  overflow: hidden;
  margin: 5px 0 -19px;
}
@media only screen and (max-width: 767px) {
  .block-2,
  .block-2-1,
  .block-2-2 {
    margin: 0 0 30px;
  }
  .block-2_wrapper,
  .block-2-1_wrapper,
  .block-2-2_wrapper {
    overflow: hidden;
    margin: 0 0 -30px;
  }
  .block-2-3 {
    margin: 0 0 30px;
  }
  .block-2-3 .subtitle {
    padding-bottom: 14px;
    font-size: 24px;
    line-height: 24px;
  }
  .block-2-3 .btn {
    margin: 8px 0 0;
  }
  .block-2-3_wrapper {
    overflow: hidden;
    margin: 60px 0 -30px;
  }
}
.block-3 {
  margin: 60px 0 15px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.block-3__mod-1 {
  margin: 29px 0 15px;
}
.block-4 {
  overflow: hidden;
  margin: 28px 0 -4px;
}
.block-4 .subtitle {
  padding-bottom: 12px;
}
.block-4_s2_el1 {
  position: relative;
  padding: 0 0 0 24px;
  margin: 3px 0 0;
}
.block-4_s2_el1 .fa {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 18px;
}
.block-4_s2_el1 .indent {
  display: inline-block;
  min-width: 43px;
}
.block-4_s2_el1 + .block-4_s2_el1 {
  margin: 20px 0 0;
}
.block-4_s3 li + li {
  margin: 20px 0 0;
}
@media only screen and (max-width: 767px) {
  .block-4_s2 {
    margin: 30px 0 0;
  }
  .block-4_s3 {
    margin: 30px 0 0;
  }
}
.block-5 {
  color: #ffffff;
  background: rgba(192, 29, 29, 0.88);
}
.block-5 .subtitle {
  padding-bottom: 24px;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: #ffffff;
}
.block-5 p {
  padding: 0 2px 0 40px;
}
.block-5 .btn {
  display: block;
  padding: 13px 0px 14px 38px;
  background: #c01d1d;
}
.block-5 .btn:after {
  left: 140px;
  color: #ffffff;
}
.block-5_s1 {
  padding: 35px 20px 30px 38px;
}
.block-5_wrapper {
  overflow: hidden;
  margin: 75px 0 0;
}
.block-5__mod-1 {
  background: rgba(123, 28, 100, 0.88);
}
.block-5__mod-1 .btn {
  background: #7B1C64;
}
.block-5__mod-2 {
  background: rgba(80, 34, 116, 0.88);
}
.block-5__mod-2 .btn {
  background: #502274;
}
.block-5__hover {
  display: block;
}
.block-5__hover .btn {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.block-5__hover:hover {
  color: #ffffff;
  background: rgba(25, 25, 25, 0.88);
}
.block-5__hover:hover .btn {
  background: #191919;
}
@media only screen and (max-width: 979px) {
  .block-5_s1 {
    padding: 20px 15px 20px 15px;
  }
  .block-5 p {
    padding: 0 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .block-5_s1 {
    padding: 15px 15px 15px 15px;
  }
  .block-5 p {
    padding: 0 0 0 0;
  }
  .block-5_wrapper {
    overflow: hidden;
    margin: 0 0 0;
  }
}
.block-6 {
  overflow: hidden;
  margin: 43px 0 1px;
  text-align: center;
}
.block-6_el1 {
  font-family: 'Abril Fatface', cursive;
  font-size: 48px;
  line-height: 48px;
  font-weight: 400;
}
.block-6_el2 {
  margin: 21px 0 0;
  font-family: 'Abril Fatface', cursive;
  font-size: 72px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: 0.1em;
}
.block-6_el2 span {
  color: #aaaaaa;
}
.block-6_el3 {
  margin: 25px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
@media only screen and (max-width: 767px) {
  .block-6 {
    margin: 30px 0 0;
  }
  .block-6_el1 {
    font-size: 42px;
    line-height: 42px;
  }
  .block-6_el2 {
    margin: 20px 0 0;
    font-size: 48px;
    line-height: 48px;
  }
  .block-6_el3 {
    margin: 20px 0 0;
  }
}
.map {
  position: relative;
  min-height: 767px;
}
.map .google-map-api {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.map #map-canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.map iframe {
  width: 100%;
}
.map img {
  max-width: none !important;
}
.map__mod-1 {
	padding:11px;
	background-color:#808285;
  min-height: 767px;
    max-width: 1160px;
    margin: 0 auto;
    width: 100%;
        box-sizing: border-box;
}
.map__mod-1 .map_wrapper {
	width:100%;
	position:relative;
    min-height: 767px;
}
@media only screen and (max-width: 1300px) {
  
	.map__mod-1 {
		width:90%;
	}
}
@media only screen and (max-width: 500px) {
  
	.map__mod-1 {
		width:85%;
	}
}
@media only screen and (max-width: 979px) {
  .map {
    min-height: 620px;
  }
  .map__mod-1 {
    min-height: 570px;
  }
  
	.map__mod-1 .map_wrapper {
	    min-height: 567px;
	}
}
@media only screen and (max-width: 767px) {
  .map {
    min-height: 550px;
  }
  .map__mod-1 {
    min-height: 460px;
  }
	.map__mod-1 .map_wrapper {
	    min-height: 460px;
	}
}
@media only screen and (max-width: 479px) {
  .map {
    min-height: 480px;
  }
  .map__mod-1 {
    min-height: 440px;
  }
	.map__mod-1 .map_wrapper {
	    min-height: 440px;
	}
}
/* Contact Form variables
========================================================*/
/* Contact Form Basic Styles 
========================================================*/
#contact-form {
  padding: 5px 0 0;
  margin: 0 0 -5px;
  overflow: hidden;
  display: block;
  position: relative;
  background: none;
}
#contact-form:before,
#contact-form:after {
  content: " ";
  display: table;
}
#contact-form:after {
  clear: both;
}
#contact-form .contact-form_s1 {
  float: left;
  width: 460px;
}
#contact-form .contact-form_s2 {
  float: left;
  width: 460px;
  margin: 0 0 0 20px;
}
#contact-form .contact-form_s3 {
  float: left;
  margin: 28px 0 0;
  text-align: right;
  width: 100%;
}
@media only screen and (max-width: 979px) {
  #contact-form .contact-form_s1 {
    width: 364px;
  }
  #contact-form .contact-form_s2 {
    width: 364px;
  }
}
@media only screen and (max-width: 767px) {
  #contact-form .contact-form_s1 {
    width: 100%;
  }
  #contact-form .contact-form_s2 {
    margin: 20px 0 0;
    width: 100%;
  }
}
#contact-form label {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  display: inline-block;
}
#contact-form label + label {
  margin: 23px 0 0 0;
}
#contact-form label.message {
  margin: 0 0 0 0;
  width: 100%;
  position: relative;
}
#contact-form fieldset {
  border: none;
  width: 100%;
}
/* Contact Form Placeholder Styles 
========================================================*/
#contact-form ._placeholder {
  font-family: Times New Roman, serif;
  font-size: 14px;
  line-height: 47px;
  padding: 3px 0 0 16px;
  font-weight: 400;
  color: #202020;
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: text;
}
#contact-form ._placeholder.focused {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#contact-form ._placeholder.hidden {
  display: none;
}
#contact-form .file ._placeholder {
  display: none;
}
/* Contact Form Input 
========================================================*/
#contact-form input[type='text'] {
  font-family: Times New Roman, serif;
  font-size: 14px;
  line-height: 47px;
  padding: 4px 16px 0;
  border: none;
  color: #202020;
  font-weight: 400;
  width: 100%;
  outline: none;
  height: 47px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
}
/* Contact Form File Input 
========================================================*/
#contact-form .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contact-form input.form-control[disabled] {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
#contact-form input.form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  padding: 6px 12px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#contact-form .input-group-btn:first-child > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin: 0 -1px 0 0;
}
#contact-form .input-group .form-control:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#contact-form .input-group-btn:last-child > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
#contact-form .input-group .form-control:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#contact-form input.form-control,
#contact-form .input-group-btn {
  display: table-cell;
  border-collapse: separate;
  float: none !important;
}
#contact-form .input-group-btn label {
  width: auto;
  margin-left: -1px;
}
#contact-form .input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
}
#contact-form .btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
#contact-form .btn-default:hover {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}
#contact-form .btn-default:active,
#contact-form .btn-default:focus {
  outline-offset: -2px;
  outline: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/* Contact Form Textarea 
========================================================*/
#contact-form textarea {
  font-family: Times New Roman, serif;
  font-size: 14px;
  line-height: 14px;
  padding: 20px 16px;
  border: none;
  font-weight: 400;
  width: 100%;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  height: 188px;
  color: #202020;
  background: #ffffff;
  margin: 0;
  overflow: auto;
}
/* Contact Form Error messages
========================================================*/
#contact-form .empty-message,
#contact-form .error-message {
  position: absolute;
  right: 3px;
  top: 2px;
  color: red;
  height: 0;
  overflow: hidden;
  font-size: 11px;
  -webkit-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  z-index: 99;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  height: 20px;
  padding-right: 6px;
}
/* Contact Form Processing Box
========================================================*/
#contact-form .contact-form-loader {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  background-image: url('../images/loader.gif');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0;
}
#contact-form.processing .contact-form-loader {
  opacity: 1;
  z-index: 99;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
/* Contact Form Modal 
========================================================*/
.modal-open {
  overflow: hidden;
}
#contact-form .modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
#contact-form .modal h4 {
  font-size: 24px;
  color: #343438;
  text-transform: none;
  padding: 0;
  margin: 0;
  color: #000;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
  color: #000;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
  position: relative;
  z-index: 10;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-dialog {
  width: 600px;
  margin: 10px auto;
}
@media only screen and (max-width: 767px) {
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
}
/* Contact Form Close icon 
========================================================*/
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.privacy {
  margin: 0 0 -6px;
}
.privacy .subtitle {
  padding: 2px 0 16px 0px;
  font-family: 'Abril Fatface', cursive;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
}
.privacy p {
  padding-right: 0;
}
.privacy p + .subtitle {
  padding-top: 26px;
}
.privacy a {
  display: inline-block;
  margin: 19px 0 0 0;
  color: #202020;
}
.privacy a:hover {
  color: #9a9a9a;
}

.owl-carousel-1_item img,
.owl-carousel_item img {
  width: 100%;
}
.owl-carousel-1_navigation,
.owl-carousel_navigation {
  position: relative;
}
.owl-carousel-1_prev,
.owl-carousel_prev,
.owl-carousel-1_next,
.owl-carousel_next {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 22px;
  line-height: 22px;
  color: #2d2d2d;
  cursor: pointer;
}
.owl-carousel-1_prev:hover,
.owl-carousel_prev:hover,
.owl-carousel-1_next:hover,
.owl-carousel_next:hover {
  color: #969696;
}
.owl-carousel-1_prev,
.owl-carousel_prev {
  right: 12px;
}
.owl-carousel-1_next,
.owl-carousel_next {
  right: 0;
}
.owl-carousel-1_prev,
.owl-carousel-1_next {
  top: 19px;
}
@media only screen and (max-width: 979px) {
  .owl-carousel-1,
  .owl-carousel {
    width: 768px !important;
  }
  .owl-carousel-1 .owl-item,
  .owl-carousel .owl-item {
    width: 256px !important;
  }
}
@media only screen and (max-width: 767px) {
  .owl-carousel-1,
  .owl-carousel {
    width: 100% !important;
  }
  .owl-carousel-1 .owl-item,
  .owl-carousel .owl-item {
    width: 420px !important;
  }
}
@media only screen and (max-width: 479px) {
  .owl-carousel-1 .owl-item,
  .owl-carousel .owl-item {
    width: 270px !important;
  }
}
.gallery_item {
  width: 100%;
  height: 100%;
}
.gallery_item img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  filter: grayscale(100%);
  -webkit-filter: grayscale(1);
}
.gallery_item:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: none;
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}
.isotope {
  display: block !important;
  overflow: hidden;
  margin: 6px 0 -17px -20px;
  width: 960px;
}
.isotope_item {
  position: relative;
  overflow: hidden;
  margin: 0 0 20px 20px;
  width: 220px;
  height: 180px;
}
.isotope_item__double-width {
  width: 460px;
}
.isotope_item__double-height {
  height: 380px;
}
.isotope_item img {
  width: 100%;
}
@media only screen and (max-width: 979px) {
  .isotope {
    width: 768px;
  }
  .isotope_item {
    width: 172px;
    height: 140px;
  }
  .isotope_item__double-width {
    width: 364px;
  }
  .isotope_item__double-height {
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .isotope {
    width: 440px;
  }
  .isotope_item {
    width: 200px;
    height: 163px;
  }
  .isotope_item__double-width {
    width: 420px;
  }
  .isotope_item__double-height {
    height: 346px;
  }
}
@media only screen and (max-width: 479px) {
  .isotope {
    margin: 0 0 0;
    width: 270px;
  }
  .isotope_item {
    margin: 0 0 20px;
    width: 100%;
    height: auto;
  }
}
.wow {
  visibility: hidden;
  visibility: visible\9;
}
/*========================================================
                    FOOTER styles
=========================================================*/
.fbox-1 {
  border-top: 2px solid #e8e8e8;
  padding-top: 63px;
  padding-bottom: 113px;
  color: #c8c6c6;
}
.fbox-1:before,
.fbox-1:after {
  content: " ";
  display: table;
}
.fbox-1:after {
  clear: both;
}
.fblock-1 {
  float: left;
  position: relative;
  display: inline-block;
  font-family: 'Abril Fatface', cursive;
  font-size: 72px;
  line-height: 55px;
}
.fblock-1 .indent {
  display: inline-block;
  padding: 0 0 0 39px;
}
.fblock-1 a {
  -webkit-transition: none;
  transition: none;
}
.fblock-1 a:hover {
  color: inherit;
}
.fblock-2 {
  float: left;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 79px 0 0 10px;
}
@media only screen and (max-width: 767px) {
  .fblock-2 {
    padding: 50px 0 0 0;
  }
  .fblock-2 br {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .fblock-1 {
    font-size: 56px;
    line-height: 40px;
  }
}
/* UItoTop styles =======================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  color: #aaaaaa;
  font-size: 76px;
  line-height: 76px;
  text-align: center;
  z-index: 20;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #898989;
}
@media only screen and (max-width: 1199px) {
  #toTop {
    display: none !important;
  }
}
.page-1 {
  
}
.page-1 .header-top {
  box-shadow: none;
}
@media only screen and (max-width: 979px) {
  .page-1 {
    background-position: 49% 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-1 {
    background-position: 23% -40px;
  }
}
@media only screen and (max-width: 479px) {
  .page-1 {
    background-position: 30% -40px;
  }
}
.main_banner_wrapper {
	width:100%;
}
.home .main_banner_wrapper {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
	.main_banner {
		width:100%; max-width:1894px;
		margin:0 auto;
	}
		.main_banner .item {
			width:100%;
		}
		.main_banner .item01 {
			width:100%;
			background:url(../images/clear/main_banner01.jpg) center center no-repeat;
		}
		.main_banner .item02 {
			width:100%;
			background:url(../images/clear/main_banner02.jpg) center center no-repeat;
		}
		.main_banner .item03 {
			width:100%;
			background:url(../images/clear/main_banner03.jpg) center center no-repeat;
		}
		.main_banner img {
			width:100%; max-width:1190px;
			margin:0 auto;
			display:block;
		}
.top .super-box {
    padding-top: 260px;
}
@media (max-width: 767px) {
	.header-top .container {
	    width: 90%;
	    padding: 0 0px;
	}
	.header-top .header-top_s1 {
		width:25%;
		padding:10px;
		float:left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.header-top .header-top_s2 {
		width:75%;
		padding:0 0 0 30px;
		float:left;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
}
@media (max-width: 479px){
}
@media only screen and (max-width: 1170px) {
  
	.top .super-box {
	    padding-top: 18%;
	}
}
@media only screen and (max-width: 970px) {
  
	.top .super-box {
	    padding-top: 15%;
	}
}
@media only screen and (max-width: 767px) {
  
	.home .top .super-box {
	    padding-top: 32%;
	}
}
.home .top .super-box .container.bottom a {
	display:block;
}
.top .bottom {
    position:relative;
    z-index:999;
}
	.top .bottom .grid_6 {
		padding-top:3%;
	}
@media only screen and (max-width: 970px) {
		.top .bottom .grid_6 {
	    padding-top: 5%;
	}
}
@media only screen and (max-width: 570px) {
		.top .bottom .grid_6 {
	    padding-top: 10%;
	}
}
.top .owlcarousel_wrapper {
	position:relative;
}
.top .owl-carousel_navigation {
	margin-top:-25px;
	width:100%;
	position:absolute;
	top:50%;
}
.top .owl-carousel_navigation {
	margin-top:-40px;
	width:100%;
	position:absolute;
	top:50%;
}
.top .owl-carousel-1_prev, .top .owl-carousel_prev {
    position: absolute;
    top: 0;
    width:40px;
    left: -40px;
    font-size:80px;
    line-height: 80px;
    color: #a1a19e;
    cursor: pointer;
} .top .owl-carousel-1_next, .top .owl-carousel_next {
    position: absolute;
    top: 0;
    width:40px;
    right:  -53px;
    font-size: 80px;
    line-height: 80px;
    color: #a1a19e;
    cursor: pointer;
}

.home_perfection {
	padding:5% 0 0 0;
}
	.perfection_wrapper {
		position:relative;
	}
		.home_perfection .perfection_link {
			width:100%; height:82%;
			position:absolute;
			left:0;
			bottom:0;
		}
			.home_perfection .perfection_link a {
				width:25%; height:100%;
				display:block;
				float:left;
			}
				.home_perfection .perfection_link a.thermage {
					width:7%;
				}
@media only screen and (max-width: 767px) {
  
		.home_perfection .perfection_link {
			width:100%; height:88%;
		}
			.home_perfection .perfection_link a {
				width:50%; height:50%;
			}
}

.home_info {
	padding:5% 0 0 0;
	text-align:center;
}

#footer {
	background-color:#8cd1ce;
	padding:2% 0;
    font-family:Dotum, DotumChe, "돋움", "돋움체", AppleSDGothic, Arial, Helvetica, sans-serif;
}
	#footer .container {
		width:100%;
		max-width:1250px;
	}
	#footer h3 {
		padding:0 1% 0 0;
		line-height: 1;
		display:inline-block;
	}

	#footer a.footer_number {
		padding:0 1% 0 0;
		line-height: 1;
	}
	#footer .sns {
		vertical-align: bottom;
	}
		#footer .sns li {
			padding:0 5px 0 0;
			float:left;
		}
			#footer .sns li:last-child {
				padding:0;
			}
		#footer .sns span {
			color:#273890;
			font-size:16px;
		}
.home section#content {
	padding-bottom:5%;
} 
.fblock01 {
	width:10%; padding:0 2% 0 0;
	float:left;
}
.fblock02 {
	width:87%;
	float:left;
	color:#fff;
}
#footer .text_g {
	color:#61aeab;
}
	@media only screen and (max-width: 1300px) {
		#footer .container {
			width:96%;
			padding:0 2%;
		}
		#footer .sns {
		   margin-top: 20px;
		}
		.fblock01 {
			width:13%;
		}
		.fblock02 {
			width:85%;
		}
	}
	@media only screen and (max-width: 860px) {
		#footer .sns {
		   margin-top: 15px;
		}
		#footer a.footer_number {
			margin-top:15px;
		    display:block;
		}
		.fblock01 {
			width:18%;
		}
		.fblock02 {
			width:80%;
		}
	}
	@media only screen and (max-width: 600px) {
		#footer .sns {
		   margin-top: 10px;
		}
			#footer .sns img {
			   width:30px;
			}
			#footer .sns li {
			    padding: 0 5px 0 0;
			    float: left;
			}
		#footer .sns span {
			color:#273890;
			font-size:13px;
		}
		#footer h3 {
			font-size:26px;
		}
	
		#footer a.footer_number {
			margin-top:10px;
			font-size:26px;
		    display:block;
		}
	}
	@media only screen and (max-width:500px) {
			#footer .sns img {
			   width:25px;
			}
		}
.fblock02 > .clearfix {
	width:100%;
}

.fblock02 .sub_col {
	float:left;
	padding:0 4% 0 0;
    font-size: 12px;
}

.fblock02 .sub_col:last-child {
	padding:0;
}
.footer_clearface {
	margin:0 3% 0 0;
}

@media only screen and (max-width: 770px) {
  
	#footer {
		padding:3% 0;
	}
}

.subpage #header {
	width:100%;
	position:absolute;
	top:0;
z-index: 1;
}

/*****************    subpage           ***********************/
.sub_nav {
	padding:18px 0 0 0;
	background-color:#e6e6e6;
}
	.sub_nav .sub_menu {
		width:100%;
		display:block;
	}
		.sub_nav .sub_menu li {
			width:16.6666666667%;
			float:left;
		}
			.sub_nav .sub_menu li a {
				display:block;
			}
				.sub_nav .sub_menu li a img {
					width:100%;
				}
				.sub_nav .sub_menu li a img.inactive {
					display:block;
				}
				.sub_nav .sub_menu li a img.active {
					display:none;
				}
				.sub_nav .sub_menu li a.active img.inactive,.sub_nav .sub_menu li a:hover img.inactive {
					display:none;
				}
				.sub_nav .sub_menu li a.active img.active ,.sub_nav .sub_menu li a:hover img.active {
					display:block;
				}
.subpage #content {
	background:#fff url(../images/clear/content_bg.jpg) top center no-repeat;
}
.subpage #content img {
	margin:0 auto;
	display:block;
}
.subpage a {
	display:inline-block;
}
	.subpage .inner_wrapper {
		width:100%; max-width:1190px;
		margin:0 auto;
		text-align:center;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
@media only screen and (max-width: 1290px) {
	.subpage .text_wrapper .inner_wrapper {
	    padding:0 5%;
	    width:90%;
	}
}




.subpage .text_wrapper {
	padding:150px 0 60px 0;
}

@media only screen and (max-width: 1190px) {
	.subpage .text_wrapper {
		padding:10% 0 3% 0;
	}
}
.subpage .img_wrapper {
	background-color:#ebebeb;
}
	.subpage .img_wrapper .border_bar {
		width:100%; height:5px;
		background-color:#00c7be;
	}
	
	.subpage .text_wrapper .popup_btn {
		margin:5% 0 0 0; 	
	}

	
	.popup_wrapper img {
		display:block;
	}
	.popup_wrapper .close_btn {
		width:20%; height:100px;
		position:absolute;
		top:0;
		right:0;
		z-index:1111;
	}



/*****************    why_clearface           ***********************/

.why_clearface .main_banner_wrapper {
	background:#f1eff0;
}
	.why_clearface .main_banner .item01 {
		width:100%;
		background:url(../images/clear/why_clearface_banner_bg.jpg) center center no-repeat;
	}
	.why_clearface .main_banner img {
		max-width:980px;
	}
.why_clearface .inner_wrapper {
    width: 100%;
    max-width:1894px;
}
.why_clearface .img_wrapper {
    margin-bottom: 2%;
}

/*****************    special           ***********************/
.special .main_banner .item01 {
	width:100%;
	background:url(../images/clear/special_banner_01.jpg) center center no-repeat;
}
.sub_title_special {
	display:block;
    margin: 0 auto;
}
	.special .sub_nav .sub_menu li {
	    width: 25%;
	    float: left;
	}
.special .img_wrapper {
	background-color:#fff;
}
	.special .img_wrapper .inner_wrapper {
		padding-bottom:2%;
	}
	#injection_day .img_wrapper {
		background-color:#ebebeb;
	}
		.special #injection_day .img_wrapper .inner_wrapper {
			padding-top:3%;
			padding-bottom:3%;
		}


/*****************    laser           ***********************/

.laser .main_banner_wrapper {
	background:#efefee;
}
.laser .main_banner .item01 {
	width:100%;
	background:url(../images/clear/laser_banner.jpg) center center no-repeat;
}
	.laser .main_banner .laser_banner_innerwrapper {
	    max-width: 1368px;
	    margin:0 auto;
		position:relative;
	}
		.laser .main_banner .laser_banner_innerwrapper img {
		    max-width: 1368px;
		}
		.equipment {
			width:100%; height:45%;
			position:absolute;
			left:0;
			bottom:0;
		}
			.equipment a {
				width:9.5%; height:100%;
				display:block;
				float:left;
			}
				.equipment a.thermage {
					width:7%;
				}
				.equipment a.revlite {
					width:7.3%;
				}
				.equipment a.fraxel {
					width:8.2%;
				}
				.equipment a.cutera {
					width:8.2%;
				}
				.equipment a.picosure {
					width:8.2%;
				}
				.equipment a.lumenis {
					width:8.2%;
				}
				.equipment a.secret {
					width:7%;
				}
				.equipment a.pdt {
					width:7%;
				}
				.equipment a.co2 {
					width:5.5%;
				}
				.equipment a.fourmax {
					width:6.8%
				}
				.equipment a.hifu_dual {
					width:7.5%;
				}

.sub_title_laser {
	display:block;
    margin: 0 auto;
}
	.laser .sub_nav .sub_menu li {
	    width: 16.6666667%;
	    float: left;
	}
	.laser .sub_nav .sub_menu02 li {
	    width: 14.285714%;
	    float: left;
	}
.laser .text_wrapper .popup_btn {
    margin: 2% 0 0 0;
}
.laser #co2 .text_wrapper .popup_btn {
    margin:0;
}

	@media only screen and (max-width: 767px){
		.laser .text_wrapper .popup_btn {
		    margin: 4% 0 0 0;
		}
	}

/*****************    procedure           ***********************/
.procedure .main_banner_wrapper {
	background:#eeeeee;
}
	.procedure .main_banner .item01 {
		width:100%;
		background:#eeeeee;
	}

.sub_title_procedure {
	display:block;
    margin: 0 auto;
}
	.procedure .sub_nav .sub_menu li {
	    width: 10.84745762%;
	    float: left;
	}
		.procedure .sub_nav .sub_menu li.nav_hyaluronic_injection ,.procedure .sub_nav .sub_menu li.nav_facecontour_injection,.procedure .sub_nav .sub_menu li.nav_babyinjection {
		    width: 18.728813559%;
		}
		.procedure .sub_nav .sub_menu li.skin_botox {
		    width: 11.27118644%;
		}





/*****************    skin           ***********************/
.sub_title_skin {
	display:block;
    margin: 0 auto;
}
.skin .main_banner .item01 {
	width:100%;
	background:url(../images/clear/skin_banner.jpg) center center no-repeat;
}
	#whitening .img_wrapper {
		background-color:#f5f4f0;
	}
	#regenerate .img_wrapper {
		background-color:#fff;
	}

/*****************    contact us           ***********************/
.contactus .main_banner .item01 {
	width:100%;
	background:url(../images/clear/contactus_banner.jpg) center center no-repeat;
}

.contactus .inner_wrapper {
    width: 100%;
    max-width:1894px;
}

.contactus .map {
    position: relative;
    min-height:700px;
    margin:0 auto;
	width: 100%;
}
	@media only screen and (max-width: 979px){
		.contactus .map {
	   		min-height:520px;
		    width: 90%;
	   }
	}
	@media only screen and (max-width: 767px){
		.contactus .map {
		    min-height: 450px;
		}
	}
	@media only screen and (max-width: 500px){
		.contactus .map {
		    width: 85%;
	   }
	}
	@media only screen and (max-width: 479px){
		.contactus .map {
		    min-height: 380px;
		}
	}


.subpage #gift_certificates .text_wrapper {
	padding:100px 0 100px 0;
}
	@media only screen and (max-width: 1190px) {
		.subpage #gift_certificates .text_wrapper {
		    padding:6% 0;
		}
	}
#contact_info p {
	margin-top:10px;
    color: #000;
    font-weight: bold;
}
.specail_inner_wrapper {
	position:relative;
}
.link_wrapper {
	width:100%; height:100%;
	position:absolute;
	top:0;
	left:0;
}
	.special01_link01 {
		width:50%; height:10%;
		position:absolute;
		top:21%;
		left:0;
	}
	.special01_link02 {
		width:50%; height:10%;
		position:absolute;
		top:21%;
		left:50%;
	}
	.special01_link03 {
		width:50%; height:10%;
		position:absolute;
		top:35%;
		left:0;
	}
	.special01_link04 {
		width:50%; height:10%;
		position:absolute;
		top:35%;
		left:50%;
	}
	.special01_link05 {
		width:50%; height:10%;
		position:absolute;
		top:48%;
		left:0;
	}
	.special01_link06 {
		width:50%; height:10%;
		position:absolute;
		top:48%;
		left:50%;
	}
	.special01_link07 {
		width:50%; height:10%;
		position:absolute;
		top:62%;
		left:0;
	}
	.special01_link08 {
		width:50%; height:10%;
		position:absolute;
		top:62%;
		left:50%;
	}
	.special01_link09 {
		width:50%; height:10%;
		position:absolute;
		top:76%;
		left:0;
	}
	.special01_link10 {
		width:50%; height:10%;
		position:absolute;
		top:76%;
		left:50%;
	}
	.special01_link11 {
		width:50%; height:10%;
		position:absolute;
		top:90%;
		left:0;
	}
	.special01_link12 {
		width:50%; height:10%;
		position:absolute;
		top:90%;
		left:50%;
	}
	
	
	
	.special02_link01 {
		width:50%; height:10%;
		position:absolute;
		top:39%;
		left:0;
	}
	.special02_link02 {
		width:50%; height:10%;
		position:absolute;
		top:39%;
		left:50%;
	}
	.special02_link04 {
		width:50%; height:9%;
		position:absolute;
		top:49%;
		left:50%;
	}
	.special02_link05 {
		width:50%; height:10%;
		position:absolute;
		top:58%;
		left:0;
	}
	.special02_link06 {
		width:50%; height:10%;
		position:absolute;
		top:58%;
		left:50%;
	}
	.special02_link07 {
		width:50%; height:10%;
		position:absolute;
		top:79%;
		left:0;
	}
	.special02_link08 {
		width:50%; height:10%;
		position:absolute;
		top:79%;
		left:50%;
	}
	.special02_link09 {
		width:50%; height:10%;
		position:absolute;
		top:89%;
		left:0;
	}
	.special02_link10 {
		width:50%; height:10%;
		position:absolute;
		top:89%;
		left:50%;
	}

.subpage .specail03_inner_wrapper {
    width:100%; max-width:804px;
    margin:0 auto;
}
	.special03_link01 {
		width:50%; height:11%;
		position:absolute;
		top:22%;
		left:0;
	}
	.special03_link02 {
		width:50%; height:11%;
		position:absolute;
		top:22%;
		left:50%;
	}
	.special03_link03 {
		width:50%; height:11%;
		position:absolute;
		top:39%;
		left:0;
	}
	.special03_link04 {
		width:50%; height:11%;
		position:absolute;
		top:39%;
		left:50%;
	}
	.special03_link05 {
		width:30.33%; height:11%;
		position:absolute;
		top:59%;
		left:0;
	}
	.special03_link06 {
		width:34.33%; height:11%;
		position:absolute;
		top:59%;
		left:30.33%;
	}
	.special03_link07 {
		width:35.33%; height:11%;
		position:absolute;
		top:59%;
		left:64.33%;
	}

	.special04_link01 {
		width:100%; height:11%;
		position:absolute;
		top:49%;
		left:0;
	}
	.special04_link02 {
		width:100%; height:14%;
		position:absolute;
		top:60%;
		left:0;
	}
	.special04_link03 {
		width:100%; height:15%;
		position:absolute;
		top:74%;
		left:0;
	}
.mobileOnly {
	display:none !important;
}
.desktopOnly {
	display:block !important;
}
	@media only screen and (max-width: 767px){
		
		.mobileOnly {
			display:block !important;
		}
		.desktopOnly {
			display:none !important;
		}
	}

.slick-slide a {
	display: block;
}
.slick-arrow {
	display:none !important;
}
.slicknav_nav a {
    text-transform:uppercase;
}
.header-top .container {
	position:relative;
}
.lang_menu {
	display:block;
	position:absolute;
	top:10px;
	right:0;
}
.lang_menu li {
	float:left;
}
.lang_menu a {
	width:30px;
	display:block;
}
.lang_m_menu {
	display:none;
}

@media only screen and (max-width: 767px) {
	.lang_menu {
		display:none;
	}
	.lang_m_menu {
		display:block;
		position:absolute;
		top:5px;
		left:10px;
		right:auto;
	}
	.lang_m_menu li {
		float:left;
	}
	.lang_m_menu a {
		display:block;
	}
}