/* 임성광 퍼블리셔 EYE 반응형 CSS 입니다. */

.eyeslb2.sub article.recommended{
	height:940px;
	color:#000;
	background:url('/img/sub/recommended_bg08.jpg') no-repeat center center;
}
@media screen and (max-width:1650px){
	.eyes.eyesu .what_double.upper {float: none; width: 100%;}

}


@media screen and (max-width:1600px){
	.eyes.eyesb .what_double {width: 100%;}
	.eyesee .what_double {width: 100%;}
	.eyesel .what_double {width: 100%;}
	.eyeseh .what_double {width: 100%;}
	.eyeslb .what_double {width: 100%;}
}

@media screen and (max-width:1520px){
	.eyeslb2 .ptosis_list {transform: scale(1);}
	.eyeslb2 .ptosis_vs {margin-top: 77px;}
	.eyeslb2 .ptosis_list li:after {display: none;}
}
@media screen and (max-width:1350px){
	
	.conjunction {width: 100%;}
	.blepharoplasty_box {width: 100%;} 
}

@media screen and (max-width:1260px){
	.eyeslb .eye_list {width: 100%;}
}

@media screen and (max-width:1024px){
	
	.feature_box_table {width: 100%; display: block; text-align: center;}
	.feature_box_table > div:first-child {width: 100%; text-align: center;}
	.feature_box_table > div {width: 100%; display: block;box-sizing: border-box;} 
	.feature_box_table > div:last-child {text-align: center; padding:40px  0;}

}

/* 모바일 반응형 */
@media screen and (max-width:960px){
	
	.what_double {text-align: center;}
	.wd_list li {display: inline-block;}

	.sub article.recommended02 {padding-bottom: 107%; background: #f1e6e8 url('/img/sub/mo_recommended_bg02.jpg') no-repeat center bottom;}
	.sub article.recommended06 {padding-bottom: 115%; background: #fd6672 url('/img/sub/mo_recommended_bg05.jpg') no-repeat center bottom;}
	.eyesee.sub article.recommended {height: auto; background: #fd6773 url('/img/sub/mo_recommended_bg07.jpg') no-repeat center center;}
	.eyesel.sub article.recommended {height: auto; background: #f1e6e8 url('/img/sub/mo_recommended_bg09.jpg') no-repeat center center;}
	.eyeseh.sub article.recommended {height: auto; background: #fd6773 url('/img/sub/mo_recommended_bg10.jpg') no-repeat center center;}
	/* .sub article.recommended02_mo {background: #f1e6e8 url('/img/sub/mo_recommended_bg02_1.jpg') no-repeat center bottom;} */
	.eyeslb1.sub article.recommended {padding-bottom: 121%; background: #fd6773 url('/img/sub/mo_recommended_bg12.jpg') no-repeat center 99%;}
	.eyeslb2.sub article.recommended {height: auto; background: #ede4e6 url('/img/sub/mo_recommended_bg08.jpg') no-repeat center bottom;;}
	.eyesrs.sub article.recommended {padding-bottom: 107%;height: auto; background: #fd6773 url('/img/sub/mo_recommended_bg13.jpg') no-repeat center bottom;;}

	.features_list.features_list02 li {margin-bottom: 385px;}
	.features_list.features_list02 li:after {top: calc(100% + 325px); right: calc(50% - 12.5px);;}
	.features_list.features_list02 li:last-child {margin-bottom: 0;}

	.conjunction li {float: none; width: 100%;}
	.blepharoplasty_box ul {float: none; width: 100%;}
	
	.eyes .eye_method.sort03 {text-align: center;}
	.eyes .eye_method.sort03 li {float: none; width: 100%; max-width:320px; margin: 0; margin-bottom: 25px;}

	.eye_method li, .method_step li {float: none; width: 100%; max-width:320px; margin: 0; margin-bottom: 25px;}
	.eyesub .eye_method li {width: 100%;}
	.eyesub .eye_method li .method_box {height: auto; padding: 25px 20px;}
	
	.blepharoplasty_box > img { top: 50%;  transform: rotate(90deg) translate(calc(-50% + 7px) , 50%); }
	
	.cir_step {top: 0; left: 50%; transform: translate(-50% , -50%);}
	.cir_method li {margin-top: 260px;}
	.cir_method li:first-child {margin-top: 100px;}
	.cir_method li:last-child {margin-bottom:150px;}
	.cir_method .method_box {margin: 0; padding:130px  42px 35px; text-align: center;}
	.cir_method .method_box p.sub_txt02 {height: auto;}
	.cir_method .method_box div {position: absolute; left: 0; right: 0; bottom: -105px; text-align: center;}
	.cir_method .method_box div a:nth-child(1),
	.cir_method .method_box div a:nth-child(2) {width: 100%; margin: 0; box-sizing: border-box; margin-top: 10px;}

	
	.eyeslb2 .ptosis_list {width: 100%; transform: scale(1);}
	.eyeslb2 .ptosis_list li {display: block;}
	.eyeslb2 .ptosis_list li div {display: block;box-sizing: border-box;}
	.eyeslb2 .ptosis_list li div:first-child {display: block;  width: 100%; text-align: left; line-height: 62px; padding: 0 15px;}
	.eyeslb2 .ptosis_list li:after {display: none;}
	.eyeslb2 .ptosis_list li h4 {font-size: 25px; line-height: 62px;}
	.eyeslb2 .ptosis_list li h4 span {display: inline-block; text-align: center;  margin: 13.5px 0; margin-right: 20px; width: 115px; font-size: 13px;}
	
	.eyes .eye_movie_list li, .eyes .ba_movie_list li {width: 100%; float: none;}
	.eyes .eye_movie_list li:nth-child(even), .eyes .ba_movie_list li:nth-child(even){margin-left:0;}
	.eyesrs .eye_movie_list {margin-bottom: 0;}
	.eyesrs .eye_movie_list li {height: auto;}
	.eyesrs .eye_movie_list li:last-child {margin-bottom: 0;}
	
	
	.features_list li:after {bottom: -66px; width: 25px; height: 26px; background: url('/img/sub/mo_plus.png') no-repeat center center / cover;}
	.eyeslb .features_list li::after {background: url('/img/sub/mo_plues_blue.png') no-repeat center center / cover;}
	
}
/* 모바일 반응형 */
@media screen and (max-width:768px){	
	
	.wd_list {width: 100%;}
	.wd_list li {display: block; float: none; margin: 0 auto; margin-bottom: 25px;}
	.wd_list li:first-child {margin-left: auto;}

	.eyes .wd_list {width: 100%;}
	.eyes .wd_list li {display: block; width: 235px;height: 235px; border-width: 10px; margin: 0 auto; margin-bottom: 25px;}
	.eyes .wd_list li:nth-child(3) {margin-left: auto;}
	.eyes .wd_list li:after{display:block;top:calc(100% + 10px);right:calc(50% - 0.5px);width:1px;height:25px;}
	.eyes .wd_list li:last-child:after{display:none;}
	.eyes.eyesi  .wd_list li:after{display:block;top:calc(100% + 10px);right:calc(50% - 0.5px);width:1px;height:25px;}
	.eyes.eyesi  .wd_list li:last-child:after{display:none;}
	.eyesee .wd_list.wd_list04 li {width: 235px;height: 235px; border-width: 10px;  margin-bottom: 25px;}
	.eyes.eyesb .wd_list.wd_list04 li {width: 235px;height: 235px; border-width: 10px;  margin-bottom: 25px;}
	.eyes.eyesb .wd_list.wd_list04 li:after{display:block;top:calc(100% + 10px);right:calc(50% - 0.5px);width:1px;height:25px;}
	.eyes.eyesb .wd_list.wd_list04 li:last-child:after{display:none;}
	
	
	.eye_movie_list li div .start_movie, .ba_movie_list li div .start_movie {top: 50%; left: 50%;}	
	
	.eyes.eyesu .what_double.upper {text-align: center;}
	.eyes .wd_list.wd_list04 {position: relative; top: auto; text-align: center;}
	
	
	.features_list.features_list02 li {margin-bottom: 250px;}
	.features_list.features_list02 li:after {top: calc(100% + 210px);  background: url('/img/sub/mo_plues_blue.png') no-repeat center center / cover;}

	.eyeslb1 .features_list li {width: 197px; height: 197px; border: 13px solid #c3c6ce; margin-bottom: 215px;}	
	.eyeslb1 .features_list li:first-child {margin-bottom: 275px;}
	.eyeslb1 .features_list li:after  {top: calc(100% + 160px);}
	.eyeslb1 .features_list li:first-child:after  {top: calc(100% + 230px);}
	.eyeslb1 .features_list.features_list02 {margin-bottom: 200px;}
	.eyeslb1 .features_list .txt_box {top: 220px;}
	
	.eyeslb2 .features_list li {width: 197px; height: 197px; border: 13px solid #c3c6ce; margin-bottom: 215px;}	
	.eyeslb2 .features_list li{margin-bottom: 50px;}
	.eyeslb2 .features_list li:last-child {margin-bottom: 0;}
	.eyeslb2 .features_list li:after  {top: calc(100% + 30px); background: url('/img/sub/mo_plues_blue.png') no-repeat center center / cover;}
	.eyeslb1 .features_list .txt_box {top: 220px;}

	.eyes.eyesu .features_list.features_list02 {margin-bottom: 0;}
	.eyes.eyesu .features_list li {width: 197px; height: 197px; border-width: 13px; margin-bottom: 215px;}
	.eyes.eyesu .features_list li:after  {top: calc(100% + 180px);}
	.eyes.eyesu .features_list .txt_box {top: 220px;}

	.eyes.eyesb .features_list {margin-bottom: 0;}
	.eyes.eyesb .features_list li {width: 197px; height: 197px; border-width: 13px; margin-bottom: 250px;}
	.eyes.eyesb .features_list li:after  {top: calc(100% + 210px);}
	.eyes.eyesb .features_list .txt_box {top: 220px;}

	.eyes .features_list li{width: 197px; height: 197px; border-width: 13px;  margin-bottom: 50px;}
	.eyes .features_list li:after {width:15px; height:15px; bottom: -44px;}

	.features_list .txt_box {font-size: 13px; line-height: 1.6;}
	.features_list .txt_box h5 {font-size: 19px; line-height: 1.4;}
	


	.conjunction li h4 {font-size: 15px; line-height: 53px;}
	.conjunction li div {height: 140px; background-position: center 85px;padding-top: 20px; background-size:28px; }
	.conjunction li div p {font-size: 15px; line-height: 1.6;}

	.blepharoplasty_tit {font-size: 18px; line-height: 1.5; margin: 30px 0 35px;}
	
	.blepharoplasty_box ul li.blepharoplasty_head {padding: 20px 0;}
	.blepharoplasty_box ul li.blepharoplasty_head div {height: auto;}
	.blepharoplasty_box ul li.blepharoplasty_head div h5 {font-size: 18px; line-height: 1.5; }
	.blepharoplasty_box ul li.blepharoplasty_head div h6 {font-size: 18px;}
	.blepharoplasty_box ul li {padding: 32px 15px;height: auto; box-sizing: border-box;}
	.blepharoplasty_box ul li > p {font-size: 13px;}
	.blepharoplasty_box > img {top: 50%; width: 35px;     transform: rotate(90deg) translate(calc(-50% + 7px) , 50%); }

	.eyesb .eye_list li {margin: 0; margin-bottom: 85px;}
	.eyesb .eye_list li:last-child {margin-bottom: 0;}
	.eye_list_tl.eye_list li h3 span {font-size: 17px; line-height: 1.5;}
	
	.eyesb article:last-child .sub_tit02 {margin-bottom: 17px;}
	.type_point {font-size: 18px; line-height: 1.5;}
	
	.features_sort {float: none; width: 100%;}
	.features_list {margin: 25px auto 15px;}
	.eyesee .features_list li {width: 237px; height: 237px; margin-top: 25px;}
	.eyesee .features_list li:first-child {margin-top: 0;}
	.eyesee .features_list li span {font-size:15px; font-weight: 200;}

	.feature_box_table > div h4  {font-size: 18px; margin-bottom: 15px;}

	.eyeslb .ptosis_list li div:last-child {padding: 25px 15px;}
	.eyeslb .eye_list li {width: 100%; padding: 0; margin-bottom: 65px;}

	.eyesrs .eye_movie_list li {margin-bottom: 45px;}
}

@media screen and (max-width:500px){
	
	.wd_list li {width: 157px; height: 157px; margin-left: auto; margin-bottom: 15px;}
	.eyes .wd_list {width: 100%;}
	.eyes .wd_list li {width: 157px; height: 157px; margin-bottom: 15px;}
	.eyesee .wd_list.wd_list04 li {width: 157px; height: 157px; margin-bottom: 15px;}
	.eyes.eyesb .wd_list.wd_list04 li {width: 157px; height: 157px; margin-bottom: 15px;}


	.eye_movie_list li.line2 h4 {line-height:1.3;}
	.eye_movie_list li.line2 h4 br {display: none;}
	
	.features_list.features_list02 li {margin-bottom: 180px;}
	.features_list.features_list02 li:after {top: calc(100% + 140px);}
	.features_list .txt_box {font-size: 10px;}
	.features_list .txt_box h5 {font-size: 13px;}

	.eyeslb1 .features_list li:after  {top: calc(100% + 138px);}
	.eyeslb1 .features_list li:first-child:after  {top: calc(100% + 220px);}

	

	.blepharoplasty_tit  {font-size: 12px; margin: 20px 0 23px;}
	.blepharoplasty_box ul li.blepharoplasty_head div h5 {font-size: 12px;}
	.blepharoplasty_box ul li.blepharoplasty_head div h6 {font-size: 12px;}
	.blepharoplasty_box ul li > p {font-size: 10px;}
	
	.eye_list_tl.eye_list li h3 span {font-size: 11px;}

	.type_point {font-size: 12px;}

	.feature_box_table > div:last-child {text-align: center; padding:25px  0;}
	.feature_box_table > div h4 {font-size:12px ; margin-bottom: 10px;} 

	.cir_method .method_box {margin: 0; padding:50px  28px 22px;}
	
	.cir_method li{margin-top: 175px;}
	.cir_method li:first-child {margin-top: 65px;}
	.cir_method li:last-child {margin-bottom:105px;}
	.cir_step {width: 85px; height: 85px; border: 5px solid #c9cbd4;}
	.cir_step p {font-size: 20px;}
	.cir_step p span {font-size:18px;}
	.cir_method .method_box div a {font-size: 12px;}
	.cir_method .method_box div {bottom: -95px;}

	.eyeslb2 .ptosis_list li div:first-child {line-height: 42px; padding: 0 15px;}
	.eyeslb2 .ptosis_list li:after {display: none;}
	.eyeslb2 .ptosis_list li h4 {font-size: 16px; line-height: 42px;}
	.eyeslb2 .ptosis_list li h4 span {display: inline-block; text-align: center;  margin: 3.5px 0; margin-right: 10px; width: 115px; font-size: 12px;}
	.eyeslb2 .ptosis_vs {margin-top: 38px;}

	.eyes.eyesu .features_list li:after  {top: calc(100% + 170px);}
	.eyes.eyesb .features_list li {margin-bottom: 215px;}
	.eyes.eyesb .features_list li:after  {top: calc(100% + 170px);}


}

@media screen and (max-width:320px){


}