@charset "UTF-8";
/*
Theme Name: purethemes
Author: puredesign
Author URI: https://puredesign.co.kr/
Description: Elevate your portfolio with elegant video slideshows that create captivating online experiences. Enable clients to request quotes effortlessly while maintaining a refined, professional image. Designed by PureDesign, this template includes meticulously crafted patterns that simplify your workflow and enhance page-building efficiency. PureThemes delivers the flexibility and versatility to suit any website.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 3.0
해당 테마는 수정 후 판매를 금지합니다.
*/

*,*::before,*::after {
	box-sizing:inherit;
}
html {
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
}
body {
  font-family: 'Outfit', 'Noto Sans KR', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #333;
}
body.page-template-page-en {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: #333;
}
@media (max-width: 768px) {
  body.page-template-page-en {
    font-size: 16px;
  }
}
/* 제목 */
h1 { font-family: 'montserrat', 'Noto Sans KR', sans-serif; font-size: 32px; font-weight: 700; line-height: 1.3; }
h2 { font-family: 'montserrat', 'Noto Sans KR', sans-serif; font-size: 28px; font-weight: 600; line-height: 1.35; }
h3 { font-family: 'montserrat', 'Noto Sans KR', sans-serif; font-size: 24px; font-weight: 600; line-height: 1.4; }
h4 { font-family: 'montserrat', 'Noto Sans KR', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.4; }
h5 { font-family: 'montserrat', 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.5; }
h6 { font-family: 'montserrat', 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.5; }

/* 강조 */
strong, b {
  font-weight: 500;
  color: #000;
}

li {
	list-style:none;
}
a {
	transition:all 0.3s;
	text-decoration:none !important;
	cursor:pointer !important;
}
a:hover,a:focus,a:active {
	text-decoration:none !important;
	outline:0;
}
/* Clearfix */
.clearfix::before,.clearfix::after {
	content:"";
	display:table;
}
.clearfix::after {
	clear: both;
}
/* Margin Top */
.mt-5 {
	margin-top:5px;
}
.mt-10 {
	margin-top:10px;
}
.mt-20 {
	margin-top:20px;
}
.mt-30 {
	margin-top:30px;
}
.mt-40 {
	margin-top:40px;
}
.mt-50 {
	margin-top:50px;
}
.mt-100 {
	margin-top: 100px;
}
/* Margin Bottom */
.mb-5 {
	margin-bottom:5px;
}
.mb-10 {
	margin-bottom:10px;
}
.mb-20 {
	margin-bottom:20px;
}
.mb-30 {
	margin-bottom:30px;
}
.mb-40 {
	margin-bottom:40px;
}
.mb-50 {
	margin-bottom:50px;
}
.mb-100 {
	margin-bottom: 100px;
}
/* Margin Left */
.ml-5 {
	margin-left:5px;
}
.ml-10 {
	margin-left:10px;
}
.ml-20 {
	margin-left:20px;
}
.ml-30 {
	margin-left:30px;
}
.ml-40 {
	margin-left:40px;
}
.ml-50 {
	margin-left: 50px;
}
/* Margin Right */
.mr-5 {
	margin-right:5px;
}
.mr-10 {
	margin-right:10px;
}
.mr-15 {
	margin-right:15px;
}
.mr-20 {
	margin-right:20px;
}
.mr-30 {
	margin-right:30px;
}
.mr-40 {
	margin-right:40px;
}
.mr-50 {
	margin-right: 50px;
}
/* Margin n-Top */
.mt-n10 {
	position:relative;
	margin-top:-10px !important;
}
.mt-n20 {
	position:relative;
	margin-top:-20px !important;
}
.mt-n30 {
	position:relative;
	margin-top:-30px !important;
}
.mt-n40 {
	position:relative;
	margin-top:-40px !important;
}
.mt-n50 {
	position:relative;
	margin-top:-50px !important;
}
.mt-n75 {
	position:relative;
	margin-top:-75px !important;
}
@media screen and (max-width:600px) {
  .mt-n75 {
	 position:relative;
	 margin-top:-65px !important;
  }
}
.mt-n100 {
	position:relative;
	margin-top:-100px !important;
}
.mt-n250 {
	position:relative;
	margin-top: -250px !important;
}
/* Padding Top */
.pt-5 {
	padding-top:5px;
}
.pt-10 {
	padding-top:10px;
}
.pt-15 {
	padding-top:15px;
}
.pt-20 {
	padding-top:20px;
}
.pt-30 {
	padding-top:30px;
}
.pt-40 {
	padding-top:40px;
}
.pt-50 {
	padding-top: 50px;
}
/* Padding Bottom */
.pb-5 {
	padding-bottom:5px;
}
.pb-10 {
	padding-bottom:10px;
}
.pb-15 {
	padding-bottom:15px;
}
.pb-20 {
	padding-bottom:20px;
}
.pb-30 {
	padding-bottom:30px;
}
.pb-40 {
	padding-bottom:40px;
}
.pb-50 {
	padding-bottom: 50px;
}
/* Padding Left */
.pl-5 {
	padding-left:5px;
}
.pl-10 {
	padding-left:10px;
}
.pl-15 {
	padding-left:15px;
}
.pl-20 {
	padding-left:20px;
}
.pl-30 {
	padding-left:30px;
}
.pl-40 {
	padding-left:40px;
}
.pl-50 {
	padding-left: 50px;
}
/* Padding Right */
.pr-5 {
	padding-right:5px;
}
.pr-10 {
	padding-right:10px;
}
.pr-15 {
	padding-right:15px;
}
.pr-20 {
	padding-right:20px;
}
.pr-25 {
	padding-right:25px;
}
.pr-30 {
	padding-right:30px;
}
.pr-40 {
	padding-right:40px;
}
.pr-50 {
	padding-right:50px;
}
.fw-lighter {
	font-weight:lighter;
}
.fw-normal {
	font-weight:normal;
}
.fw-bold {
	font-weight:bold;
}
.fw-bolder {
	font-weight:bolder;
}
.fw-300 {
	font-weight:300 !important;
}
.fw-400 {
	font-weight:400 !important;
}
.fw-500 {
	font-weight:500 !important;
}
.fw-600 {
	font-weight:600 !important;
}
.fw-700 {
	font-weight:700 !important;
}
.fw-900 {
	font-weight:900 !important;
}
.pull-left {
	float:left
}
.row-fluid {
	width:100%;
	*zoom:1
}
.row-fluid:before,.row-fluid:after {
	display:table;
	content:"";
	line-height:0
}
.row-fluid:after {
	clear:both
}
.z-index-1 {
	z-index:1;
}
.z-index-10 {
	z-index:10;
}
.z-index-100 {
	z-index:100;
}
.z-index-1000 {
	z-index:1000;
}
.z-index-10000 {
	z-index:10000;
}
hr {
	background-color:var(--wp--preset--color--color-e5);
	border-width:0;
	height:1px;
	margin-bottom:1.5em;
}
.text-center {
	text-align: center !important;
}
/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}
/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}
/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*-----------------------------------------------------*/
/* image-zoom */
/*-----------------------------------------------------*/
.image-zoom-hover {
	overflow:hidden;
}
.image-zoom-hover img {
	margin:0;
	-webkit-transition:-webkit-transform 1s ease;
	-moz-transition:-moz-transform 1s ease;
	transition:transform 1s ease;
	vertical-align:middle;
	width:100%;
}
.image-zoom-hover:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-o-transform-origin:center center;
	transform-origin:center center;
}
/* wp-block-image styles */
.wp-block-image img {
	vertical-align: middle;
}
/*-----------------------------------------------------*/
/* Pure Btn */
/*-----------------------------------------------------*/
.pure-btn {
 position:relative;
 display:inline-block;
 border-radius:0;
 border:0;
 -moz-user-select:none;
 cursor:pointer;
 transition:color 0.4s linear;
 text-transform:capitalize;
 z-index:1;
 overflow:hidden;
}
.pure-btn::before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:101%;
 height:101%;
 z-index:-1;
 transition:transform 0.5s;
 transition-timing-function:ease;
 transform-origin:0 0;
 transition-timing-function:cubic-bezier(0.5,1.6,0.4,0.7);
 transform:scaleX(0);
 border-radius:0;
}
/*-----------------------------------------------------*/
/* Border Btn */
/*-----------------------------------------------------*/
.border-btn {
 border:1px solid #333;
 background:#333;
 color:#ffffff !important;
 padding:7px 30px !important;
 text-transform:capitalize;
 cursor:pointer;
 display:inline-block;
 letter-spacing:1px;
 position:relative;
 transition:color 0.4s linear;
 overflow:hidden;
 margin:0;
}
.border-btn:hover {
 color:#333333 !important;
}
.border-btn::before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 border:1px solid #333;
 background:#fff;
 z-index:-1;
 transition:transform 0.5s;
 transition-timing-function:ease;
 transform-origin:0 0;
 transition-timing-function:cubic-bezier(0.5,1.6,0.4,0.7);
 transform:scaleX(0);
 border-radius:0;
}
.border-btn:hover::before {
 transform:scaleX(1);
 border: 1px solid transparent;
}
.wp-block-button__link {
  background-color: #fff;
  color: #333;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 500;
  border: 1px solid #ddd;
  border-radius: 100px;
  transition: background-color 0.3s ease;
  text-decoration: none;
  display: inline-block;
}

.wp-block-button__link:hover {
  background-color: #EAB543 !important;
  color: #ffffff !important;
  border: 1px solid #EAB543 !important;
}
/*-----------------------------------------------------*/
/* under-line-pure */
/*-----------------------------------------------------*/
.under-line-pure {
	position:relative;
	text-align:center !important;
	margin:0 auto;
	background-color:transparent;
	color:var(--wp--preset--color--foreground);
	overflow:visible;
}
.under-line-pure::before {
	position:absolute;
	margin:0 auto;
	top:100%;
	width:45px;
	height:2px;
	content:'';
	background-color:#666666;
	transition:all 0.4s;
}
.under-line-pure:hover::before {
	width:20%;
}

/* Grid Only - Minified */
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1340px}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
[class*="col-"]{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-3{flex:0 0 25%;max-width:25%}
.col-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-6{flex:0 0 50%;max-width:50%}
.col-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-9{flex:0 0 75%;max-width:75%}
.col-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-12{flex:0 0 100%;max-width:100%}
@media(min-width:576px){.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}
@media(min-width:768px){.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}}
@media(min-width:992px){.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}}