@charset "UTF-8";
/*
Theme Name: purethemes
Author: puredesign
Author URI: https://puredesign.co.kr/
Description: Create inspiring online experiences with beautiful video slides that showcase your work, while making it easy for clients to request quotes—perfectly designed for professionals seeking elegance and impact. PureThemes is flexible, versatile, and suitable for 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: 'Nunito Sans', 'Noto Sans KR', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #333;
}

/* 제목 */
h1 { font-family: 'montserrat', 'Noto Sans KR', sans-serif; font-size: 32px; font-weight: 600; 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: 500; 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: #09b850 !important;
  color: #ffffff !important;
  border-color: #09b850;
}
/*-----------------------------------------------------*/
/* 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%;
}