/* 안티 [ 물광주사 ]
------------------------------------------*/ 
.container.filler .page-color{color:#6b285e;}
.container.filler .page-bg-color{background-color:#6b285e;}
.container.filler .sub-section.sub-visual{background-image:url('/en/resources/img/sub/anti-aging/filler/sub-visual.jpg');}
.container.filler .sub-text-box .main-title{color:#6b285e;}
.container.filler .sub-text-box .sub-title{font-size:2.125rem; text-shadow: 2px 2px 10px rgba(0,0,0,.4);}
.container.filler .sub-text-box .top-text{font-size:2.1rem; padding-bottom:20px; line-height:1.1; color:#6b285e;}
.container.filler .sub-text-box .sub-list{margin-top:4em;}
.container.filler .sub-text-box .sub-list li{margin:1em 0; font-size:1.2rem; color:#444; font-weight:500;}


.container.filler .md-sub-title{color:#333;}
.container.filler .md-sub-title,
.container.filler .md-sub-title .page-color{display:block; text-align:center; font-size:1.875rem; line-height:1.4; font-weight:600;}
.container.filler .sub-sub-title{display:block; text-align:center; margin-bottom:.5em; font-size:1.25rem; font-weight:600; line-height:1.4;}
 
.container.filler .mark{background-color:#6b285e; font-style:normal; display:block; color:#fff; padding:.5em;}
.container.filler .bgimage-info-box > ul > li.text-area > div{margin-left:10%; width:70%;}
.container.filler .bgimage-info-box > ul > li.text-area .sub-title,
.container.filler .bgimage-info-box > ul > li.text-area .title{padding:0;}
.container.filler .bgimage-info-box > ul > li.text-area .title{padding-bottom:1em;}
.container.filler .bgimage-info-box > ul > li.text-area .title .title-descrip{display:block; margin-bottom:2.5em;}
.container.filler .bgimage-info-box > ul > li.text-area p.texts{font-size:1.15rem;}
.container.filler .bgimage-info-box > ul > li.text-area p.infos{font-size:1.15rem; color:#666;}
.container.filler .bgimage-info-box > ul > li .mark-list{margin-bottom:2em;}
.container.filler .bgimage-info-box > ul > li .mark-list li{margin:.1em 0; display:inline-block;}
.container.filler .bgimage-info-box > ul > li .mark-list li .mark{position:relative; padding-left:1.7em; font-size:1.2rem; font-weight:300; letter-spacing:-1px;}
.container.filler .bgimage-info-box > ul > li .mark-list li .mark:after{position:absolute; left:6px; top:7px; content:''; display:inline-block; width:20px; height:20px; background:url('/en/resources/img/sub/icon-sm-check.png') no-repeat center;}

.container.filler .sub-section .title-area .sub-title.font-light{font-size:1.875rem; font-weight:400; vertical-align:middle; line-height:1;}
.container.filler .sub-section .title-area .sub-title.font-light b{font-size:1.875rem; font-weight:700; vertical-align:top; line-height:1;}

.container.filler .bgimage-info-box .bg-img-area.bg-img1{background-image:url('/en/resources/img/sub/anti-aging/dna-injection/img-info-bg1.jpg');}

/* 노화된 피부 건강한 피부 */
.container.filler .bgimage-info-box .bg-img-area.bg-img1{background-image:url('/en/resources/img/sub/anti-aging/filler/img-info-bg1.jpg')}
/* 수술 방법 */
.container.filler .card-list-area{margin:0 -1%;}
.container.filler .card-list-area ul li{padding:0 1%; margin-bottom:1em; box-sizing:border-box;}
.container.filler .card-list-area ul li figure figcaption{padding:1em 0; font-size:1rem; line-height:1;}
/* tab contents */
.container.filler .tab-box-list .btn-tab-area li .btn-tab{background-color:#ddd; color:#333;}
.container.filler .tab-box-list .btn-tab-area li.is-active .btn-tab{background-color:#6b285e; color:#fff;}
.container.filler .tab-box-list .tab-content-box li .figure{width:100%; text-align:center; padding:0; padding-top:2em;}
.container.filler .tab-box-list .tab-content-box li .figure img{max-width:100%; margin:0 auto;}
.container.filler .tab-box-list .tab-content-box li.is-active{border:1px solid #ddd; padding-top:0; padding-bottom:0;}

 /* 후기 링크 */
.container.filler .link-content-area .img-link-card:nth-child(1){background-image:url('/en/resources/img/sub/anti-aging/filler/img-link-card1.jpg');}
.container.filler .link-content-area .img-link-card:nth-child(2){background-image:url('/en/resources/img/sub/anti-aging/filler/img-link-card2.jpg');}

.container.filler .half-columns-layout .half-columns .half-box .half-num{border-color:#6b285e;}
.popup-slider-area .popup-slide-inner.card-type .slide-box .figcaption strong b{display:none;}

.container.filler .bgimage-info-box > ul > li.text-area p{font-size:1rem;}

.container.filler .compare-box-area-type2 .compare-wrap{width:934px; margin:0 auto;}
.container.filler .compare-box-area-type2 .compare-box-type2{margin-bottom:2em;}
.container.filler .compare-box-area-type2 .compare-box-type2 .top{padding:2em 3em; box-sizing:border-box; width:100%; display:flex;}
.container.filler .compare-box-area-type2 .compare-box-type2 .top:after{content:''; display:block; clear:both;}
.container.filler .compare-box-area-type2 .compare-box-type2 .top .th{display:block; font-size:1.5rem; font-weight:600; line-height:1.4;}
.container.filler .compare-box-area-type2 .compare-box-type2 .top .td{display:block; padding-left:30px; box-sizing:border-box; font-size:1rem; font-weight:400; line-height:1.4; letter-spacing:-.5px;}
.container.filler .compare-box-area-type2 .compare-box-type2 .bottom{}
.container.filler .compare-box-area-type2 .compare-box-type2 .bottom img{}

.container.filler .video-wrap{width:1168px; margin:0 auto;}
.container.filler .video-box{position: relative; padding-bottom: 53.3%; padding-top: 30px; height: 0; overflow: hidden;}
.container.filler .video-box .video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.container.filler .card-list-area:after{content:''; display:block; clear:both;}
.container.filler .card-list-area .card-item{float:left; width:31.333%; margin-right:2%;}
.container.filler .card-list-area .card-item .card-head{padding:.5em 0; font-size:1.5rem; display:block; text-align:center; font-weight:500;}
.container.filler .card-list-area .card-item .card-body .figcaption{padding:2em; box-sizing:border-box; background-color:#f8f8f8;}
.container.filler .card-list-area .card-item .card-body .figcaption p{font-size:1rem; line-height:1.4; margin-bottom:1em; color:#333;}
.container.filler .card-list-area .card-item .card-body .figcaption ul li{padding:0; margin:0; font-size:1rem; line-height:1.4; color:#333;}
.container.filler .card-list-area .card-item .card-footer{background-color:#aaaaaa;}
.container.filler .card-list-area .card-item .card-footer .approve-img{padding:2em;}
.container.filler .card-list-area .card-item .card-footer .approve-img:after{content:''; display:block; clear:both;}
.container.filler .card-list-area .card-item .card-footer .approve-img .img-area{float:left; text-align:center; border-right:1px solid #ddd; box-sizing:border-box; background-position:center top; background-repeat:no-repeat;}
.container.filler .card-list-area .card-item .card-footer .approve-img .img-area:last-child{border-right:0;}
.container.filler .card-list-area .card-item .card-footer .approve-img .img-area p{font-size:.875rem; color:#fff; line-height:1.4; padding-top:3.5em;}
.container.filler .card-list-area .card-item .card-footer .approve-img.img-2 .img-area{width:50%;}
.container.filler .card-list-area .card-item .card-footer .approve-img.img-3 .img-area{width:33.333%;}
.container.filler .card-list-area .card-item .card-footer .approve-img.img-2 .img-area:nth-child(1){background-image:url('/en/resources/img/sub/anti-aging/filler/logo-fda.png');}
.container.filler .card-list-area .card-item .card-footer .approve-img.img-2 .img-area:nth-child(2){background-image:url('/en/resources/img/sub/anti-aging/filler/logo-ce.png');}
.container.filler .card-list-area .card-item .card-footer .approve-img.img-3 .img-area:nth-child(1){background-image:url('/en/resources/img/sub/anti-aging/filler/logo-fda.png');}
.container.filler .card-list-area .card-item .card-footer .approve-img.img-3 .img-area:nth-child(2){background-image:url('/en/resources/img/sub/anti-aging/filler/logo-edom.png');}
.container.filler .card-list-area .card-item .card-footer .approve-img.img-3 .img-area:nth-child(3){background-image:url('/en/resources/img/sub/anti-aging/filler/logo-ce.png');}

@media screen and ( max-width:1200px ){
	.container.filler .sub-text-box .sub-list li{font-size:1rem;}
	.container.filler .bgimage-info-box > ul > li.text-area > div{margin-left:5%; width:95%;}

	.container.filler .sub-text-box .sub-title{font-size:1.6rem;}
	.container.filler .sub-text-box .top-text{font-size:1.8rem;}
	
	.container.filler .video-wrap{width:90%;}

	.container.filler .md-sub-title, 
	.container.filler .md-sub-title .page-color{font-size:1.3rem;}
	
	.container.filler .card-list-area .card-item .card-head{font-size:1.2rem;}
	.container.filler .card-list-area .card-item{width:100%; float:none; margin-bottom:1em;}
	
}

@media screen and ( max-width: 1024px ){
	.container.filler .step-card-area .step-card-wrap{width:100%;}
	.container.filler .tab-box-list .tab-content-box li .figure{margin-bottom:0;}

	.container.filler .compare-box-area-type2 .compare-wrap{width:90%;}
}

@media screen and ( max-width:768px ){
	.btn-tab-area{background-color:#ddd}
	.container.filler .card-list-area ul li figure figcaption{font-size:.85rem;}
	.container.filler .sub-section .title-area .sub-title.font-light b,
	.container.filler .sub-section .title-area .sub-title.font-light{font-size:1.4rem;}
	.container.filler .bgimage-info-box > ul > li.text-area p{font-size:.875rem;}
	.container.filler .bgimage-info-box > ul > li.text-area p.texts{font-size:.875rem;}
	.container.filler .bgimage-info-box > ul > li .mark-list li .mark{font-size:1rem;}
	.container.filler .bgimage-info-box > ul > li .mark-list li .mark:after{top:5px; left:4px;}
	.container.filler .bgimage-info-box > ul > li.text-area p.infos{font-size:.9rem;}
	.container.filler .sub-text-box .text1{color:#eee;}
	.container.filler .mark-img-area img{width:80px; height:80px;}

	.container.filler .sub-text-box .sub-title{font-size:1.2rem;}
	.container.filler .sub-text-box .top-text{font-size:1.4rem;}

	.container.filler .md-sub-title, 
	.container.filler .md-sub-title .page-color{font-size:1.2rem;}
	
	.container.filler .card-list-area .card-item .card-head{font-size:1.1rem;}
	.container.filler .card-list-area .card-item .card-body .figcaption{padding:1em;}
	.container.filler .card-list-area .card-item .card-body .figcaption ul li,
	.container.filler .card-list-area .card-item .card-body .figcaption p{font-size:.875rem;}
	.container.filler .card-list-area .card-item .card-footer .approve-img{padding:1em .5em;}
	.container.filler .compare-box-area-type2 .compare-box-type2 .top{padding:1em; display:block}

	.container.filler .compare-box-area-type2 .compare-box-type2 .top .th{display:block; float:none; width:100%; font-size:1.125rem; margin-bottom:.5em;}
	.container.filler .compare-box-area-type2 .compare-box-type2 .top .td{display:block; float:none; width:100%; font-size:.875rem; padding:0;}

	.container.filler .bgimage-info-box > ul > li.text-area > div{margin:0;}
}