/*
Theme Name: Ozark
Theme URI: http://gradastudio.com/ozark
Description: Innovative Minimal Portfolio WordPress Theme
Author: GradaStudio
Author URI: https://themeforest.net/user/gradastudio
Version: 1.2
License: General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Tags: blog, two-columns, three-columns, left-sidebar, featured-images, sticky-post, custom-menu, footer-widgets, theme-options, threaded-comments, translation-ready, e-commerce, portfolio
Text Domain: ozark
Domain Path: /languages
*/

/*==============================
=        WordPress Core        =
==============================*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{word-break:keep-all;}

.wp-caption {
    width: auto;
    clear: both;
    max-width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.wp-caption a {
    box-shadow: none;
}

.alignright {
    margin: 0px 0px 25px 25px;
    box-sizing: border-box;
    float: right !important;
}

.alignleft {
    float: left;
    margin: 0px 25px 25px 0px;
    box-sizing: border-box;
}

.aligncenter {
    text-align: center;
    margin-left: 25px;
    margin-right: 25px;
    box-sizing: border-box;
}

.wp-caption img {
    margin-top: 15px;
}

.wp-caption p.wp-caption-text {
    padding: 0;
    font-size: 14px;
    margin-top: 0px;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.wp-block-gallery {
    margin-bottom: 20px;
}

.bypostauthor {
    background-color: #f3f1f1;
}

.gallery-caption {
    opacity: 0.7;
    margin-top: 10px;
}

.gallery-item {
    margin: 0 0 15px 0;
    padding-right: 10px;
    padding-left: 10px;
}

.gallery-item a {
    box-shadow: none;
}

.gallery-item img {
    border: 0 !important;
}

/* filter */
.gs-filters ul li{margin-right: 1.5rem;}
.gs-filters ul li a{border: 1px solid #ccc; border-radius: 5rem; padding: 1rem 2.5rem; font-weight:700;}
.gs-filters ul li a:hover{background-color:#f26532; border:1px solid #f26532; color:#fff; }


/* about us */
.aboutus{font-family:'noto sans kr'; padding-top:95rem; font-size:18px; word-break:keep-all;}
.aboutus .head_visual{width: 100%;height: 80vh;background:#f5f5f5;position: absolute;padding: 0;left: 0;top: 0;background: url(/wp-content/uploads/2022/11/aboutus_visual-1-scaled.jpg) no-repeat;background-size: cover;background-position: center;background-attachment: fixed;}
.aboutus ul, li{list-style:none;  padding:0;}
.aboutus > div > h3, h3{text-align:left; font-size:32px; font-weight:700; margin-bottom:16px;}
.aboutus > div > h3 > span{font-size: 16px;padding: 7px 20px; background-color:#f5f5f5;display: inline-block;font-weight:400;font-family: 'roboto';color:#aaa; margin-bottom:20px;text-align: center;}

.aboutus .section01{position:relative; height:1325px;}
.aboutus .section01 p{padding-left:582px; padding-top:325px;}
.aboutus .section02{position:relative; margin-top:275px;}
.aboutus .section02 > h3{text-align:center;}
.aboutus .section03{position:relative; margin-top:270px; margin-bottom:200px;}
.aboutus .section03 p{padding-left:642px; padding-top:375px;}
.aboutus .section03 > .left{padding:0;}

.aboutus .back_tit{font-size: 220px; font-family: 'roboto'; font-weight: 800; color: #ff000000;  -webkit-text-stroke: 1px #ddd; position: absolute;}
.aboutus .back_tit.myung{right:0;top:-25rem;}
.aboutus .back_tit.design{bottom:-210px; left:140px;}
.aboutus .back_tit.plan{top:-220px; right:40px;}
.aboutus .port_img{background:#f5f5f5; position:absolute;}
.aboutus .port_img.img1{width:820px; height:415px;top:-30px; right:-351px; background:url(/wp-content/uploads/2022/07/분재도록-목업_시안1-표지_커버열.jpg) no-repeat; background-size:cover; background-position-y:60%;}
.aboutus .port_img.img2{width:705px; height:475px;top:320px; left:-300px; background:url(/wp-content/uploads/2022/11/그림1.png) no-repeat; background-size:cover; background-position-y:37%;}
.aboutus .port_img.img3{width:650px; height:415px;bottom:0; right:0; background:url(/wp-content/uploads/2022/11/cataloug_mokup_.png) no-repeat; background-size:cover;}
.aboutus .port_img.img4{width:705px; height:475px; top:53px; right:-300px;background:url(/wp-content/uploads/2022/07/aboutus_img4.png) no-repeat;}
.aboutus .port_img.img5{width:820px; height:475px; top:355px; left:-300px;background:url(/wp-content/uploads/2022/07/aboutus_img5.png) no-repeat;}
.aboutus .port_img.img6{width:650px; height:415px;bottom:0; right:240px;background:url(/wp-content/uploads/2022/07/aboutus_img6.png) no-repeat;}

.solution{height: 580px;width: 1000px;position:relative;margin: 60px auto 143px;}
.solution:after{content:'SOLUTION'; position:absolute;top: 50%;font-size: 41px;left: 50%;transform: translate(-50%, -50%);font-family: 'Roboto';font-weight: 900;color: #F16432;}
.solution:before{border: 1px dashed #ccc; position:absolute;content:'';border-radius:50%;width: 837px;height: 411px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.solution li{background:#fff;width: 170px;height: 170px; border-radius:50%; border:1px dashed #F16432;margin: 0;position:absolute;}
.solution li:hover{background:#f5f5f5; transition:.2s; border:1px solid #f16432;}
.solution li:hover > p{color:#f16432;transition: .4s;font-size: 25px;}
.solution li > p{text-align: center;line-height: 170px;font-size: 22px;font-family: 'Roboto'; font-weight:500;margin: 0;color: #212121;}
.solution li:nth-child(1){left:0; top:50%; transform:translateY(-50%); position:relative;}
.solution li:nth-child(1):before{content:''; position:absolute; top:50%;right: -70%;transform: translateY(-50%);width: 0;height: 0;border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid transparent;border-right: 10px solid #F16432;}
.solution li:nth-child(1):hover:before{right: -50%; transition:1.5s;}
.solution li:nth-child(2){top:0; left:50%; transform:translateX(-50%);}
.solution li:nth-child(2):before{content:''; position:absolute;bottom: -34%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-bottom: 10px solid #F16432;border-top: 5px solid transparent;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.solution li:nth-child(2):hover:before{bottom:-20%; transition:1.5s;}
.solution li:nth-child(3){right:0; top:50%; transform:translateY(-50%);}
.solution li:nth-child(3):before{content:''; position:absolute; top:50%;left: -70%;transform: translateY(-50%);width: 0;height: 0;border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-left: 10px solid #F16432;border-right: 5px solid transparent;}
.solution li:nth-child(3):hover:before{left: -50%; transition:1.5s;}
.solution li:nth-child(4){bottom:0; left:50%; transform:translateX(-50%);}
.solution li:nth-child(4):before{content:''; position:absolute;top: -35%;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-bottom: 5px solid transparent;border-top: 10px solid #F16432;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.solution li:nth-child(4):hover:before{top:-20%; transition:1.5s;}



.work_list{display:flex; flex-direction:row; counter-reset:img;}
.work_list li{margin:0; width:25%; padding:0 20px;display: flex;flex-direction: column;align-items: center; position:relative; counter-increment:img;}
.work_list li > p{margin:0; text-align:center; font-size:18px; line-height:2rem;}
.work_list li > img{margin-bottom:20px;z-index: 3;}
.work_list li:before{content:'SOLUTION'; position:absolute;top: -75px;right: 2px; font-family:'roboto'; font-weight:500;font-size: 23px; color:#ddd;}
.work_list li:after{content: '0'counter(img); position:absolute;top: -90px;right: -1px; font-family:'roboto'; font-weight:900;z-index: 2;font-size:105px; color:#ddd;}
.work_list li:hover:before,.work_list li:hover::after{color:#f16432; transition:.5s;}



.certification{min-width: 1920px; background: url(/wp-content/uploads/2022/07/certificate_back.png) no-repeat;  margin-top: 17rem; margin-left: -306px;  padding: 74px 306px;}
.certification > h4{font-size:42px; color:#fff;}
.certification ul{display:flex; flex-direction:row; margin-bottom:24px;}
.certification li{width:210px; height:70px; background:#ffffff10; margin-right:12px; color:#fff;text-align: center;line-height: 35px;padding: 20px 0;}
.certification p{color:#9C9C9C;}
.certification p > span{display:block; font-size:20px; font-weight:700; color:#fff;}

.getintouch{margin:100px 0;display: flex;flex-direction: row;flex-wrap: wrap;}
.getintouch .left{width:50%;}
.getintouch .right{width:50%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: flex-end; align-content:flex-end;}

.getintouch .right >p{line-height:1.1; vertical-align:bottom;margin: 0;}
.getintouch .right > p > strong{font-family:'roboto'; font-weight:900; color:#f16432; font-size:90px;}
.getintouch .right > p > span{display:block; font-size:20px; font-weight:700;}
.getintouch .email{background:#eee; text-align:center; padding:7px; font-family:'roboto'; font-weight:800; font-size:24px;}

.btn_wrap{text-align:center; margin-top:80px;}
.btn{width:175px; background:#f16432;padding: 12px 32px; color:#fff; border-radius:60px;display: inline-block;}
.btn:hover{color:#fff; background:#212121; transition:.5s;}
.btn > p{margin:0; margin-right:24px; display:inline-block; }
.btn.auto{width:auto;}

.pc_none{display:none;}
.m_none{display:block;}



/* footer */
#footer{background:#000;}
#footer ul {list-style:none; }

#footer .info_wrap{position: relative; width:100%;padding: 8rem 7rem;display: flex;justify-content: flex-start;}
#footer .footer_logo{display:inline-block; width:12rem;}

#footer .info{display: inline-block; max-width: 70rem; padding-left:4rem;}
#footer .info ul{margin-bottom:0; padding-left:0;}
#footer .info ul li{margin-bottom: 0; display: inline-block; margin-right: 1.5rem; color:#aaa;}
#footer .info p{margin:3rem 0 0;}

#footer .gift_logo{width: 7rem; position:absolute; right: 7rem;}


#footer .certi_logo{margin-top:1rem;}
#footer .certi_logo img{height:100%; margin-right:1.5rem;}

@media (max-width: 1024px) {
#footer .info_wrap{flex-direction:column; padding:4rem 2rem; }
#footer .footer_logo{padding-left:4rem; margin-bottom:3rem;}
#footer .info{max-width:50rem;}
#footer .gift_logo{right:5.5rem;}
}

@media (max-width: 768px) {
.pc_none{display:block;}
.m_none{display:none;}
#footer .info_wrap{padding:4rem 2rem;}
#footer .info{padding-left:0;}
#footer .footer_logo{padding-left:0; width:25%;}
#footer .gift_logo{right:2rem; width:6rem;}
#footer .info ul li{display:block; margin:0;}
.gs-filters ul li{margin-bottom:2.4rem;}
.aboutus{padding-top:32rem;}
.aboutus .head_visual{width: 100%;height: 480px;background: red;padding: 0;position: absolute;left: 0;top: 0;background: url(/wp-content/uploads/2022/11/aboutus_visual-1-scaled.jpg) no-repeat;background-position: 90% 100%;background-size: 230%;}

.aboutus .back_tit{font-size:90px;}
.aboutus .back_tit.myung{display:none;}
.aboutus > div > h3, h3{font-size:3rem; margin-bottom:32px;}
.aboutus > div > h3 > span{font-size:14px;}
.aboutus .section01{height:1248px;}
.aboutus .section01 p{padding-left:0; padding-top:0; line-height:1.6;}
.aboutus .section01 p{padding-left: 0; padding-top: 0; line-height: 1.6;}
.aboutus .port_img.img1{height: 18%;right: 0;top: 45rem;width: 100%;}
.aboutus .port_img.img2{width: 100%;top: 65rem;height: 18%;left: 0;}
.aboutus .port_img.img3{width:100%; height:18%;}

.aboutus .back_tit.design{display:none;}
.aboutus .section02{margin-top:10rem;}
.aboutus .section02 > h3{}
.solution{width:100%; height:320px;}
.solution:before {width:280px; height:220px;}
.solution:after{font-size:21px;}
.solution li{width:100px; height:100px;}
.solution li > p{font-size:16px; line-height:100px;}
.solution li:hover > p{font-size:16px;}
.solution li:nth-child(1):before{right:-20%;}
.solution li:nth-child(3):before{left:-20%;}
.work_list{display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom:0;}
.work_list li{width: 50%;}
.work_list li > p{margin-bottom: 8rem;}
.work_list li:after{top:-80px; font-size:75px; }
.work_list li:before{top:-69px; font-size:17px; }
.btn_wrap{margin-top:0;}

.certification{min-width: 100%; margin-left: -15px; margin-right: -15px; padding:2rem; background-size:cover; margin-top:10rem;}
.certification ul{display: flex; flex-wrap: wrap; width: 100%; justify-content: center;}
.certification li{width: 47%; margin: 7px auto;}
.certification h4{font-size:28px;}
.certification p{margin:0; line-height:1.6;}

.aboutus .back_tit.plan{display:none;}
.aboutus .section03{margin-top:10rem;}
.aboutus .section03 > .left{line-height:1.6;}
.aboutus .port_img.img4{width:100%; height:240px; left:0; top:46rem; background-size:cover;}
.aboutus .port_img.img5{width:100%; height:240px; left:0; top:67rem; background-size:cover;}
.aboutus .section03 p{padding:0 0 35rem 0; line-height:1.6;}

.getintouch{display:flex; flex-direction:colum;}
.getintouch .left{width:100%;}
.getintouch .right{width:100%; align-content:flex-start;}
.getintouch .right > p > strong{font-size:5.5rem;}
.btn{margin-bottom:3rem; line-height:1.4;}
.btn.pc_none{margin:3rem auto;}
.large-pb{padding-bottom:0;}
}

@media (max-width: 360px) {
}