@charset "UTF-8";
/* https://haironclinic.com/wp-content/themes/bricks-child/style.css?ver=1780543558 */
/*!
Theme Name: HairOn Bricks Child
Theme URI: https://creative-band.com/themes/hairon-bricks-child/
Description: Bricks builder용 HairOn 차일드 테마. 디자인 토큰(컬러·타이포·스페이싱·브레이크포인트)을 CSS Variable로 정의하고, 기존 hairon 테마의 PHP 로직(스키마/walker/FAQ/페이지네이션)을 그대로 이관합니다. 레이아웃은 Bricks Templates에서 시각적으로 구성합니다.
Author: Jaeil Han, Creative Band
Author URI: https://creative-band.com
Template: bricks
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.4
Text Domain: hairon
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: medical, clinic, korean, bricks-builder
*/
 *{word-break:keep-all!important}body{width:100%;overflow-x:hidden}main{width:100%;overflow-x:hidden}.inner{max-width:1440px;margin:0 auto;padding:0 40px}.article-inner{max-width:860px;margin:0 auto;padding:0 50px}.accordion-title{width:calc(100% - 24px)}.accordion-title::before{content:"Q.";display:inline-block;float:left;width:24px;height:24px}.site-header.nav-up{top:-142px;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.site-header .inner{height:100%;position:relative}.site-header .site-title{position:absolute;top:50%;transform:translateY(-50%);z-index:1000;float:left}.site-header .main-navigation{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.site-header .main-navigation #primary-menu{margin:0;padding:0;list-style:none}.site-header .main-navigation #primary-menu>li.menu-item{display:inline-block;font-size:18px;font-weight:600;margin:0 25px;position:relative;height:110px;line-height:110px}.site-header .main-navigation #primary-menu>li.menu-item>a{text-decoration:none;color:#101010;height:100%}.site-header .main-navigation #primary-menu>li.menu-item-has-children::after{content:"";display:inline-block;width:9px;height:5px;background-image:url(https://haironclinic.com/wp-content/themes/hairon/images/icons/icon-chevron-down.svg);background-size:9px 5px;background-repeat:no-repeat;position:absolute;top:50%;transform:translateY(-50%);right:-15px;opacity:.35;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.site-header .main-navigation #primary-menu>li.menu-item-has-children:hover::after{opacity:1;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.site-header .main-navigation #primary-menu>li.menu-item-has-children.is-open::after{transform:translateY(-50%) rotate(-180deg);opacity:1;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.site-header .main-navigation #primary-menu>li.menu-item>ul.sub-menu{opacity:0;visibility:hidden;pointer-events:none;position:absolute;top:110px;left:50%;margin:0;padding:0;transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s linear .25s;box-shadow:0 0 30px rgb(0 0 0 / .05);border:1px solid #e1e1e1}.site-header .main-navigation #primary-menu>li.menu-item-61>ul.sub-menu{width:700px;position:fixed;top:130px;left:calc(50% - 250px);transform:translateX(-50%);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s linear .25s;background-color:#f9f9f9;padding:20px 20px 10px 20px;border-radius:15px}.site-header .main-navigation #primary-menu>li.menu-item-61.is-open>ul.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility 0s linear 0s}.site-header .main-navigation #primary-menu>li.menu-item-61>ul.sub-menu>li.menu-item{width:calc(50% - 15px);margin:0 15px 20px 0;padding:13px;background-color:#fff0;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;border-radius:10px;float:left;line-height:1.36;text-align:left;list-style:none}.site-header .main-navigation #primary-menu>li.menu-item-61>ul.sub-menu>li.menu-item:nth-child(even){margin:0 0 20px 15px!important}.site-header .main-navigation #primary-menu>li.menu-item-61>ul.sub-menu>li.menu-item:hover{background-color:rgb(255 255 255);transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.site-header .main-navigation #primary-menu>li.menu-item-61>ul.sub-menu>li.menu-item>a{display:inline-block;width:100%;float:left;text-decoration:none;color:#101010;padding:0 0 0 51px;position:relative}.site-header .main-navigation #primary-menu>li.menu-item-61>ul.sub-menu>li.menu-item>a>img{width:35px;float:left;margin:0 16px 0 0;position:absolute;top:3px;left:0}.site-header .main-navigation #primary-menu>li.menu-item-61>ul.sub-menu>li.menu-item>a>span.menu-text{font-size:16px;font-weight:600}.site-header .main-navigation #primary-menu>li.menu-item-61>ul.sub-menu>li.menu-item>a>span.menu-text span.menu-desc{display:inline-block;width:100%;float:left;font-size:14px;line-height:1.2;font-weight:400;color:#676767}.site-header .main-navigation #primary-menu>li.menu-item-75>ul.sub-menu{width:700px;position:fixed;top:130px;left:calc(50% - 100px);transform:translateX(-50%);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s linear .25s;background-color:#f9f9f9;padding:20px 20px 10px 20px;border-radius:15px}.site-header .main-navigation #primary-menu>li.menu-item-75.is-open>ul.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility 0s linear 0s}.site-header .main-navigation #primary-menu>li.menu-item-75>ul.sub-menu>li.menu-item{width:calc(50% - 10px);margin:1px 10px 1px 0;padding:13px;background-color:#fff0;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;border-radius:10px;float:left;line-height:68px;text-align:left;overflow:hidden}.site-header .main-navigation #primary-menu>li.menu-item-75>ul.sub-menu>li.menu-item:nth-child(even){margin:1px 0 1px 10px!important}.site-header .main-navigation #primary-menu>li.menu-item-75>ul.sub-menu>li.menu-item:hover{background-color:rgb(255 255 255);transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.site-header .main-navigation #primary-menu>li.menu-item-75>ul.sub-menu>li.menu-item>a{display:inline-block;width:100%;height:68px;float:left;text-decoration:none;color:#101010;padding:0 0 0 133px;position:relative;line-height:1.2}.site-header .main-navigation #primary-menu>li.menu-item-75>ul.sub-menu>li.menu-item>a>img{width:120px;height:68px;float:left;margin:0 13px 0 0;position:absolute;top:0;left:0;line-height:0;border-radius:5px}.site-header .main-navigation #primary-menu>li.menu-item-75>ul.sub-menu>li.menu-item>a>span.menu-text{font-size:16px;font-weight:600;line-height:1.36}.site-header .main-navigation #primary-menu>li.menu-item-75>ul.sub-menu>li.menu-item>a>span.menu-text span.menu-desc{display:inline-block;width:100%;float:left;font-size:14px;line-height:1.2;font-weight:400;color:#676767;word-break:break-all}.site-header .main-navigation #primary-menu>li.menu-item-1133>ul.sub-menu{width:700px;position:fixed;top:130px;left:calc(50% + 50px);transform:translateX(-50%);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s linear .25s;background-color:#f9f9f9;padding:20px 20px 10px 20px;border-radius:15px}.site-header .main-navigation #primary-menu>li.menu-item-1133.is-open>ul.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility 0s linear 0s}.site-header .main-navigation #primary-menu>li.menu-item-1133>ul.sub-menu>li.menu-item{width:calc(50% - 10px);margin:1px 10px 1px 0;padding:13px;background-color:#fff0;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;border-radius:10px;float:left;line-height:68px;text-align:left;overflow:hidden}.site-header .main-navigation #primary-menu>li.menu-item-1133>ul.sub-menu>li.menu-item:nth-child(even){margin:1px 0 1px 10px!important}.site-header .main-navigation #primary-menu>li.menu-item-1133>ul.sub-menu>li.menu-item:hover{background-color:rgb(255 255 255);transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.site-header .main-navigation #primary-menu>li.menu-item-1133>ul.sub-menu>li.menu-item>a{display:inline-block;width:100%;height:68px;float:left;text-decoration:none;color:#101010;padding:0 0 0 81px;position:relative;line-height:1.2}.site-header .main-navigation #primary-menu>li.menu-item-1133>ul.sub-menu>li.menu-item>a>img{width:68px;height:68px;float:left;margin:0 13px 0 0;position:absolute;top:0;left:0;line-height:0;border-radius:5px}.site-header .main-navigation #primary-menu>li.menu-item-1133>ul.sub-menu>li.menu-item>a>span.menu-text{font-size:16px;font-weight:600;line-height:1.36}.site-header .main-navigation #primary-menu>li.menu-item-1133>ul.sub-menu>li.menu-item>a>span.menu-text span.menu-desc{display:inline-block;width:100%;float:left;font-size:14px;line-height:1.2;font-weight:400;color:#676767;word-break:break-all}.site-header .main-navigation #primary-menu>li.menu-item-81>ul.sub-menu{width:700px;position:fixed;top:130px;left:calc(50% + 200px);transform:translateX(-50%);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s linear .25s;background-color:#f9f9f9;padding:20px 20px 10px 20px;border-radius:15px}.site-header .main-navigation #primary-menu>li.menu-item-81.is-open>ul.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility 0s linear 0s}.site-header .main-navigation #primary-menu>li.menu-item-81>ul.sub-menu>li.menu-item{width:calc(50% - 10px);margin:1px 10px 1px 0;padding:13px;background-color:#fff0;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;border-radius:10px;float:left;line-height:68px;text-align:left;overflow:hidden}.site-header .main-navigation #primary-menu>li.menu-item-81>ul.sub-menu>li.menu-item:nth-child(even){margin:1px 0 1px 10px!important}.site-header .main-navigation #primary-menu>li.menu-item-81>ul.sub-menu>li.menu-item:hover{background-color:rgb(255 255 255);transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.site-header .main-navigation #primary-menu>li.menu-item-81>ul.sub-menu>li.menu-item>a{display:inline-block;width:100%;height:68px;float:left;text-decoration:none;color:#101010;padding:0 0 0 133px;position:relative;line-height:1.2}.site-header .main-navigation #primary-menu>li.menu-item-81>ul.sub-menu>li.menu-item>a>img{width:120px;height:68px;float:left;margin:0 13px 0 0;position:absolute;top:0;left:0;line-height:0;border-radius:5px}.site-header .main-navigation #primary-menu>li.menu-item-81>ul.sub-menu>li.menu-item>a>span.menu-text{font-size:16px;font-weight:600;line-height:1.36}.site-header .main-navigation #primary-menu>li.menu-item-81>ul.sub-menu>li.menu-item>a>span.menu-text span.menu-desc{display:inline-block;width:100%;float:left;font-size:14px;line-height:1.2;font-weight:400;color:#676767;word-break:break-all}.site-header .main-navigation #primary-menu>li.menu-item-60>ul.sub-menu{width:200px;position:fixed;top:130px;left:calc(50% + 350px);transform:translateX(-50%);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility .25s linear .25s;background-color:#f9f9f9;padding:20px 20px 10px 20px;border-radius:15px}.site-header .main-navigation #primary-menu>li.menu-item-60.is-open>ul.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility 0s linear 0s}.site-header .main-navigation #primary-menu>li.menu-item-60>ul.sub-menu>li.menu-item{width:100%;margin:0;padding:13px;background-color:#fff0;transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;border-radius:10px;float:left;line-height:1.625;text-align:left;overflow:hidden}.site-header .main-navigation #primary-menu>li.menu-item-60>ul.sub-menu>li.menu-item:hover{background-color:rgb(255 255 255);transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out}.site-header .main-navigation #primary-menu>li.menu-item-60>ul.sub-menu>li.menu-item>a{display:inline-block;width:100%;height:auto;float:left;text-decoration:none;color:#101010;padding:0;position:relative;line-height:1.2}.site-header .main-navigation #primary-menu>li.menu-item-60>ul.sub-menu>li.menu-item>a>img{width:120px;height:68px;float:left;margin:0 13px 0 0;position:absolute;top:0;left:0;line-height:0;border-radius:5px}.site-header .main-navigation #primary-menu>li.menu-item-60>ul.sub-menu>li.menu-item>a>span.menu-text{font-size:16px;font-weight:600;line-height:1.36}.site-header .main-navigation #primary-menu>li.menu-item-60>ul.sub-menu>li.menu-item>a>span.menu-text span.menu-desc{display:inline-block;width:100%;float:left;font-size:14px;line-height:1.2;font-weight:400;color:#676767;word-break:break-all}.mobile-menu-area #mobile-menu li.menu-item ul.sub-menu{list-style:none!important}#mobile-menu>li.menu-item.current-menu-ancestor>ul.sub-menu{padding:0;width:100%}.section-bg-violet{background-color:#B6A6CA;color:#fff}.section-bg-light-violet{background-color:#D5CFE1}.section-bg-blue{background-color:#2897C9;color:#fff}.section-bg-light-blue{background-color:#E9F5FF}.section-bg-gray{background-color:#EFEFEF}.section-bg-light-gray{background-color:#F9F9F9}.section-bg-dark-gray{background-color:#2F2F2F;color:#fff}.section-bg-blue .section-header p{color:#efefef}.section-bg-blue .section-content .section-quote p{color:#fff}.section-bg-dark-gray .section-header p{color:#bbb}.section-bg-dark-gray .section-content .section-quote p{color:#999!important}.section-bg-blue .section-content .item-title,.section-bg-dark-gray .section-content .item-title{color:#101010}.section-bg-half-top-violet{position:relative}.section-bg-half-top-violet::before{content:"";display:block;width:100%;height:485px;position:absolute;top:0;left:0;background-color:#B6A6CA;color:#fff}.section-bg-half-top-light-violet{position:relative}.section-bg-half-top-light-violet::before{content:"";display:block;width:100%;height:485px;position:absolute;top:0;left:0;background-color:#D5CFE1;z-index:-100}.section-bg-half-top-blue{position:relative}.section-bg-half-top-blue::before{content:"";display:block;width:100%;height:485px;position:absolute;top:0;left:0;background-color:#2897C9;z-index:-100}.section-bg-half-top-light-blue{position:relative}.section-bg-half-top-light-blue::before{content:"";display:block;width:100%;height:655px;position:absolute;top:0;left:0;background-color:#E9F5FF;z-index:-100}.section-bg-half-top-gray{position:relative}.section-bg-half-top-gray::before{content:"";display:block;width:100%;height:485px;position:absolute;top:0;left:0;background-color:#EFEFEF;z-index:-100}.section-bg-half-top-light-gray{position:relative}.section-bg-half-top-light-gray::before{content:"";display:block;width:100%;height:485px;position:absolute;top:0;left:0;background-color:#F9F9F9;z-index:-100}.section-bg-half-top-dark-gray{position:relative}.section-bg-half-top-dark-gray::before{content:"";display:block;width:100%;height:485px;position:absolute;top:0;left:0;background-color:#2F2F2F;z-index:-100}.section-bg-half-bottom-blue{position:relative}.section-bg-half-bottom-blue::before{content:"";display:block;width:100%;height:485px;position:absolute;bottom:0;left:0;background-color:#2897C9;z-index:-100}.section-bg-half-bottom-light-blue{position:relative}.section-bg-half-bottom-light-blue::before{content:"";display:block;width:100%;height:485px;position:absolute;bottom:0;left:0;background-color:#E9F5FF;z-index:-100}.section-bg-half-bottom-gray{position:relative}.section-bg-half-bottom-gray::before{content:"";display:block;width:100%;height:485px;position:absolute;bottom:0;left:0;background-color:#EFEFEF;z-index:-100}.section-bg-half-bottom-light-gray{position:relative}.section-bg-half-bottom-light-gray::before{content:"";display:block;width:100%;height:485px;position:absolute;bottom:0;left:0;background-color:#F9F9F9;z-index:-100}.section-bg-half-bottom-dark-gray{position:relative}.section-bg-half-bottom-dark-gray::before{content:"";display:block;width:100%;height:485px;position:absolute;bottom:0;left:0;background-color:#2F2F2F;z-index:-100}.btn{display:block;float:left;height:54px;line-height:54px;padding:0 30px;border-radius:5px;text-decoration:none;font-size:18px;font-weight:600;position:relative;margin:0 10px 0 0}.btn i{margin:0 0 0 20px!important;position:relative;top:1px}.btn-rounded{border-radius:27px}.btn-white.btn-outline{border:1px solid #aaa}.btn-white{background-color:#fff!important;color:#00B2E8!important}.btn-skyblue{background-color:#00B2E8;color:#fff!important}.btn-skyblue::after{filter:brightness(0) invert(1)}h2 em,h3 em{font-style:normal;color:#2897C9}.mobile-only{display:none}.desktop-only{display:block}@media all and (max-width:768px){.mobile-only{display:block}.desktop-only{display:none}}