/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.6.14.1716184079
Updated: 2024-05-20 14:47:59

*/
::-webkit-scrollbar-track {
    background-color: gray;
}
::-webkit-scrollbar-thumb { 
    background-color: skyblue;
}
::-webkit-scrollbar-button {
    display: none;
}
.entry-content .tableofcontents h2{
    margin-top:0;
}
.entry-content .tableofcontents ol>li>ol{
    margin-top:8px;
}
.tableofcontents{
    padding:1.5rem!important;
    margin-bottom:1rem!important;
}
.wp-block-rank-math-toc-block h2, .entry-content .wp-block-rank-math-toc-block h2{
    font-size:1.3em
}
.promo-list{background-color:#fff;padding:.5rem 0 !important;}
.promo-list:before,.promo-list:after{content:"";display:block;width:0}
.promo-list a,.tableofcontents a{
    text-decoration: none !important;
}
.code-column-1 figure{margin:0 auto .5em !important}
.code-column-1 figure img{border-radius:5px}
.code-column-1 p{
    font-size:14px;
    font-weight: 600;
    padding: .3rem;
    border-radius: 5px;
    border: 1px dashed #d1d4e9;
    background-color: #f3f4ff;
    line-height: 1.2;
}
.code-column-1 p.rate{
    border:unset;
    background-color:unset;
    margin-bottom:0;
    padding: .57rem;
}
.code-btn-wrap{position:relative;}
.code-btn-wrap .code-value{position:absolute;top:0;margin:0;width:100%;height:40px;}
.code-btn-wrap div:nth-child(1){
    width:100%;height:40px;
}
.code-deal{height:40px;}
.code-deal a{height:100%;}
.code-copy{height:40px;z-index:2;}
.code-copy a{
    /* border-top-right-radius:0;
    border-bottom-right-radius:0; */
}
.code-deal a,.code-copy a{
    display:flex;align-items:center;justify-content:center;
    height:100%;
}
.code-copy a{width:calc(100% - 20px)!important;}
.code-copy a:hover{width:calc(100% - 30px)!important;}
.code-value{margin:0;height:40px;z-index:1;}
.code-value>div{
    display:flex;align-items:center;justify-content:end;border-radius:9999px;height:100%;
}
.promo-content-wrap ul{overflow:hidden;}
.promo-content-wrap h3{
    margin-bottom:10px;
    font-size:1.3em;
}
.promo-content-wrap p.promo_content{
    max-width:767px;
    text-overflow: ellipsis;    
    overflow: hidden;    
    display: -webkit-box;    
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.35;
    margin-bottom:10px;
}
.promo-content-wrap p.promo_content.showall{    
    -webkit-line-clamp: unset;
}
.promo-content-wrap ul{
    position:relative;margin: 0px !important;
    font-size:90%;
}
.promo-content-wrap ul li{
    margin-bottom: 0px !important;
    margin-right: 60px;
    position:relative;
    line-height:1.4;
    height:0;
}
.promo-content-wrap ul li:nth-child(1),
.promo-content-wrap ul li:nth-child(2){
    height:unset;
}
.unset{
    height:unset!important;
}
.promo-content-wrap ul li:last-child{
    position: absolute;
    list-style:none;
    top:0;
    right:0px;
    margin-right: 0px;
}
.promo-content-wrap ul li:last-child button{
    padding:.25rem;
    background-color: rgba(0,0,0,0.05);
    color:#333;
    font-size:12px;
    cursor:pointer;
}
/* .promo-content-wrap ul li:first-child::after{
    position: absolute;
    right:0px;
    content:"더보기 + ";
    font-size:12px;
    line-height: 1.3;
    display:inline-block;
    background-color: rgba(0,0,0,0.05);
    border-radius:3px;
    padding:.25rem;
    cursor:pointer;
} */
.partner_url{display:none}
.code-value div p{line-height:100%;}
@media (max-width:768px){
    /* .code-column-1 figure{margin:0 !important} */
    .code-column-1 figure{display:none !important}
    .code-column-1 p.rate{display:none !important}
    .code-column-1 p{
        padding: .5rem;
    }
    .promo-list.is-layout-flex{
        gap:0px!important;
    }
    .promo-list{padding:1.2em !important;}
    .promo-list:before,.promo-list:after{content:"";display:none}
}
@media (max-width:768px){
.promo-list>div{margin-bottom:0!important}
}
ul.display-posts-listing{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:10px;
    list-style:none;
    padding:0;
}
ul.display-posts-listing li{
    width:calc(25% - 30px/4);
    display:flex;
    gap:10px;
    flex-direction: column;
    padding:.5rem;
    background-color:#fff;
    border-radius:10px;
    border:1px solid var(--wp--preset--color--ast-global-color-6) !important;
}
ul.display-posts-listing li a.image{
    text-align: center;
}
ul.display-posts-listing li a.image img{
    border-radius:5px;
}
ul.display-posts-listing li a.title{
    font-weight:600;
    text-decoration:none;
    line-height: 1.35;
    margin:0 1rem;
}
ul.display-posts-listing li span{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.35;
    margin:0 1rem .5rem;
}
ul.display-posts-listing li a.image{
}
@media (max-width:768px){
    .promo-list>div{margin-bottom:0!important}
    ul.display-posts-listing{
        justify-content:space-between;
    }
    ul.display-posts-listing li{
        width:calc(50% - 10px);
    }
}
.promo_widget{
    border-radius:5px;
    overflow:hidden;
    margin:0 0 1rem;
}
.promo_widget>div{
    padding:.3rem;
}
.promo_widget h3{
    padding:.2rem 0 .3rem;
}
.promo_widget figure{
    margin:0;
}
.promo_widget figure img{
    max-width:300px;
    height:auto;
    border-radius:3px;
}
.promo_widget p.small{
    font-size:0.813em;
    line-height:1.2;
    padding:.3em 1em;
    margin-top:.3em;
}
.promo_widget p{
    line-height:1.35;
}
.line100 {line-height:1.0}
.line110 {line-height:1.1}
.line120 {line-height:1.2}
.line130 {line-height:1.3}
.line140 {line-height:1.4}
.line145 {line-height:1.45}
.line150 {line-height:1.5}
.line160 {line-height:1.6}
.line170 {line-height:1.7}
.line180 {line-height:1.8}
.line190 {line-height:1.9}
.line200 {line-height:2.0}
.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}
.m-1{margin:.25rem!important}
.mt-1,.my-1{margin-top:.25rem!important}
.mr-1,.mx-1{margin-right:.25rem!important}
.mb-1,.my-1{margin-bottom:.25rem!important}
.ml-1,.mx-1{margin-left:.25rem!important}
.m-2{margin:.5rem!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mr-2,.mx-2{margin-right:.5rem!important}
.mb-2,.my-2{margin-bottom:.5rem!important}
.ml-2,.mx-2{margin-left:.5rem!important}
.m-3{margin:1rem!important}
.mt-3,.my-3{margin-top:1rem!important}
.mr-3,.mx-3{margin-right:1rem!important}
.mb-3,.my-3{margin-bottom:1rem!important}
.ml-3,.mx-3{margin-left:1rem!important}
.m-4{margin:1.5rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.mr-4,.mx-4{margin-right:1.5rem!important}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.ml-4,.mx-4{margin-left:1.5rem!important}
.m-5{margin:3rem!important}
.mt-5,.my-5{margin-top:3rem!important}
.mr-5,.mx-5{margin-right:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}
.ml-5,.mx-5{margin-left:3rem!important}
.width10{width:10%}
.width16{width:16.66666667%}
.width20{width:20%}
.width25{width:25%}
.width30{width:30%}
.width33{width:33.33333334%}
.width40{width:40%}
.width45{width:45%}
.width49{width:49%}
.width50{width:50%}
.width60{width:60%}
.width70{width:70%}
.width80{width:80%}
.width90{width:90%}
.width90{width:90%}
.width100{width:100%}
.width20-1{width:calc(20% - 2px)}
.width25-1{width:calc(25% - 2px)}
.width33-1{width:calc(33.33333334% - 2px)}
.width40-1{width:calc(40% - 2px)}
.width45-1{width:calc(45% - 2px)}
.width50-1{width:calc(50% - 2px)}
.width55-1{width:calc(55% - 2px)}
.width60-1{width:calc(60% - 2px)}
.width100-1{width:calc(100% - 2px)}
.w100{width:100px}
.w120{width:120px}
.w150{width:150px}
.w200{width:200px}
.w250{width:250px}
.w300{width:300px}
.w400{width:400px}
.w450{width:450px}
.w500{width:500px}
.w600{width:600px}
.w750{width:750px}
.w800{width:800px}
.w850{width:850px}
.w900{width:900px}
.w920{width:920px}
@media(max-width:768px){
.w-sm-50{width:50px}
.w-sm-60{width:60px}
.w-sm-70{width:70px}
.w-sm-80{width:80px}
.w-sm-90{width:90px}
.w-sm-100{width:100px}
.w-sm-125{width:125px}
.w-sm-150{width:150px}
.w-sm-200{width:200px}
.w-sm-250{width:250px}
.width-sm-10{width:10%}
.width-sm-20{width:20%}
.width-sm-30{width:30%}
.width-sm-40{width:40%}
.width-sm-50{width:50%}
.width-sm-50-1{width:calc(50% - 2px)!important}
.width-sm-60{width:60%}
.width-sm-70{width:70%}
.width-sm-80{width:80%}
.width-sm-90{width:90%}
.width-sm-100{width:100%}
}
@media (min-width:768px) and (max-width:991px){
.w-md-50{width:50px}
.w-md-60{width:60px}
.w-md-70{width:70px}
.w-md-80{width:80px}
.w-md-90{width:90px}
.w-md-100{width:100px}
.w-md-125{width:125px}
.w-md-150{width:150px}
.w-md-200{width:200px}
.w-md-250{width:250px}
.width-md-10{width:10%!important}
.width-md-20{width:20%!important}
.width-md-30{width:30%!important}
.width-md-40{width:40%!important}
.width-md-50{width:50%!important}
.width-md-50-1{width:calc(50% - 2px)!important}
.width-md-60{width:60%!important}
.width-md-70{width:70%!important}
.width-md-80{width:80%!important}
.width-md-90{width:90%!important}
.width-md-100{width:100%!important}
}
.radius0{border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;-webkit-border-radius:0px;overflow:hidden}
.radius3{border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;overflow:hidden}
.radius5{border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;overflow:hidden}
.radius8{border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;overflow:hidden}
.radius10{border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;overflow:hidden}
.radius15{border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:15px;overflow:hidden}
.radius20{border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px;overflow:hidden}
.radius30{border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;overflow:hidden}
.radius40{border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;overflow:hidden}
.radius50{border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;-webkit-border-radius:50px;overflow:hidden}
.radius100{border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;-webkit-border-radius:100px;overflow:hidden}

.rank-math-breadcrumb p{
	margin-bottom:1em
}
.rank-math-breadcrumb a{
	background-color: #50586C;
    border-radius: 20px;
    padding: .5em .8em;
	margin:0 .25em;
    font-size: 14px;
    color: #fff!important;
}
.rank-math-breadcrumb .separator{display:none;}
#rank-math-toc h2{margin-top:16px}
#rank-math-faq .rank-math-list{}
#rank-math-faq .rank-math-list-item{
    margin-bottom: .8em;
    border:.08em solid #d8d9e0;
    border-radius:8px;
    overflow: hidden;
}
#rank-math-faq h3.rank-math-question{
    border-radius:5px;
    padding:16px;
    margin:0;
    font-size:1.15em;
}
#rank-math-faq .rank-math-answer{
    background-color: #f4f7f9;
    padding:16px;
    margin:0 .5em .5em;
    border-radius: 8px;
}
#rank-math-faq .rank-math-answer p{
    margin-bottom:.5em;
}
.rank-math-question {
    cursor: pointer;
    position: relative;
    padding-right: 20px;
}

.rank-math-question::after {
    content: '▾';
    position: absolute;
    right: 16px;
}

.rank-math-question.collapsed::after {
    content: '▴';
}