@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
해당 테마는 수정 후 판매를 금지합니다.
*/

/* =========================
   Base Reset
========================= */

html {
  box-sizing: border-box;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  scrollbar-gutter: stable;
}

*, *::before, *::after {
  box-sizing: inherit;
}

html, body {

  overflow-x: hidden;
}

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

@media (max-width:768px){
	body.page-template-page-en {
		font-size:16px;
	}
}

/* =========================
   Typography
========================= */
h1,h2,h3,h4,h5,h6 {
	font-family: 'montserrat', 'Noto Sans KR', sans-serif;
	line-height:1.4;
}

h1{font-size:32px;font-weight:700;}
h2{font-size:28px;font-weight:600;}
h3{font-size:24px;font-weight:600;}
h4{font-size:20px;font-weight:500;}
h5{font-size:18px;font-weight:500;}
h6{font-size:16px;font-weight:500;}

strong,b {
	font-weight:500;
	color:#000;
}

li { list-style:none; }

a {
	transition:0.3s;
	text-decoration:none !important;
	cursor:pointer !important;
}

a:hover,a:focus,a:active{
	text-decoration:none !important;
	outline:0;
}

/* =========================
   Margin Top
========================= */
.mt-10  { margin-top:10px !important; }
.mt-20  { margin-top:20px !important; }
.mt-30  { margin-top:30px !important; }
.mt-40  { margin-top:40px !important; }
.mt-50  { margin-top:50px !important; }
.mt-100 { margin-top:100px !important; }

/* =========================
   Margin Bottom
========================= */
.mb-10  { margin-bottom:10px !important; }
.mb-20  { margin-bottom:20px !important; }
.mb-30  { margin-bottom:30px !important; }
.mb-40  { margin-bottom:40px !important; }
.mb-50  { margin-bottom:50px !important; }
.mb-100 { margin-bottom:100px !important; }

/* =========================
   Margin Left / Right
========================= */
.ml-10 { margin-left:10px !important; }
.ml-20 { margin-left:20px !important; }
.ml-30 { margin-left:30px !important; }
.ml-40 { margin-left:40px !important; }
.ml-50 { margin-left:50px !important; }

.mr-10 { margin-right:10px !important; }
.mr-20 { margin-right:20px !important; }
.mr-30 { margin-right:30px !important; }
.mr-40 { margin-right:40px !important; }
.mr-50 { margin-right:50px !important; }

/* =========================
   Negative Margin Top
========================= */
.mt-n10  { margin-top:-10px !important; }
.mt-n20  { margin-top:-20px !important; }
.mt-n30  { margin-top:-30px !important; }
.mt-n40  { margin-top:-40px !important; }
.mt-n50  { margin-top:-50px !important; }
.mt-n75  { margin-top:-75px !important; }
.mt-n100 { margin-top:-100px !important; }
.mt-n250 { margin-top:-250px !important; }

@media (max-width:600px){
  .mt-n75 { margin-top:-65px !important; }
}

/* =========================
   Padding
========================= */
.pt-10 { padding-top:10px !important; }
.pt-20 { padding-top:20px !important; }
.pt-30 { padding-top:30px !important; }
.pt-40 { padding-top:40px !important; }
.pt-50 { padding-top:50px !important; }

.pb-10 { padding-bottom:10px !important; }
.pb-20 { padding-bottom:20px !important; }
.pb-30 { padding-bottom:30px !important; }
.pb-40 { padding-bottom:40px !important; }
.pb-50 { padding-bottom:50px !important; }

.pl-10 { padding-left:10px !important; }
.pl-20 { padding-left:20px !important; }
.pl-30 { padding-left:30px !important; }
.pl-40 { padding-left:40px !important; }
.pl-50 { padding-left:50px !important; }

.pr-10 { padding-right:10px !important; }
.pr-20 { padding-right:20px !important; }
.pr-30 { padding-right:30px !important; }
.pr-40 { padding-right:40px !important; }
.pr-50 { padding-right:50px !important; }

/* =========================
   Font Weight
========================= */
.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; }

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

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

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}
.more-link {
	display: block;
}

/*-----------------------------------------------------*/
/* image-zoom */
/*-----------------------------------------------------*/
.image-zoom-hover{
	overflow:hidden;
}

.image-zoom-hover img{
	transition:transform 1s ease;
	width:100%;
}

.image-zoom-hover:hover img{
	transform:scale(1.1);
	transform-origin: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;
}