

/* common */


.eng .content h2 { font-size: 28px;}

.eng .content strong {font-size: 48px;}

.eng .txtPoint:before{display: none;}




/* sec2_eng */

.eng .btMind{width:920px;margin:0 auto;padding:80px 0 240px}

.eng .btMind li:nth-of-type(4n){margin-right:0}

.eng .btMind li:nth-of-type(5n){margin-right:40px}

.eng .btMind li:nth-of-type(8){margin-right:40px}

.eng .btMind li:nth-of-type(1){background: url(../img/sec2_ico02.png)no-repeat center center;background-size: 100%}

.eng .btMind li:nth-of-type(2){background: url(../img/sec2_ico02_eng.png)no-repeat center center;background-size: 100%}

.eng .btMind li:nth-of-type(3){background: url(../img/sec2_ico14.png)no-repeat center center;background-size: 100%}

.eng .btMind li:nth-of-type(4){background: url(../img/sec2_ico11.png)no-repeat center center;background-size: 100%}

.eng .btMind li:nth-of-type(5){background: url(../img/sec2_ico05_eng.png)no-repeat center center;background-size: 100%}

.eng .btMind li:nth-of-type(6){background: url(../img/sec2_ico10_old.png)no-repeat center center;background-size: 100%}

.eng .btMind li:nth-of-type(7){background: url(../img/sec2_ico08_old.png)no-repeat center center;background-size: 100%}

.eng .btMind li:nth-of-type(8){background: url(../img/sec2_ico09_old.png)no-repeat center center;background-size: 100%}

.eng .btMind li:nth-of-type(9){background: url(../img/sec2_ico13.png)no-repeat center center;background-size: 100%}

.eng .btMind li:nth-of-type(10){background: url(../img/sec2_ico15_old.png)no-repeat center center;background-size: 100%}

.eng .btMind li:nth-of-type(11){background: url(../img/sec2_ico12_old.png)no-repeat center center;background-size: 100%}


.eng .btMind li p:nth-of-type(6) {bottom: 24px;}

.eng .gnb li {margin-right: 25px;}

.eng .gnb li a {font-size:16px;}

.eng .gnb .lang a {margin-top: 45px;}

.eng .gnb .lang .langSelect ul > li > a {font-size: 16px; left: 18px;}

.eng .lang .langSelect > p > a::before {width: 18px; height: 18px; right: 6px;}

@media (max-width:1080px) {
	.eng .gnb .lang .langSelect ul > li > a {left: 5px;}
    .eng .gnb .lang a {margin-top: 0;}
}



/* slide */

.eng .sL > h2 + p, .eng .sR > h2 + p{font-size:24px; line-height:1.6}




/* sec 3 */


.eng .content .sec3 h2 {font-size: 32px;}

.eng .content .sec3 strong {font-size: 44px;}


/* sec4 */
.eng .slideBtn .sR > p {margin-top:152px;}



/* sec5 */

.eng .s5Fade .slick-dots li:nth-of-type(1) button:before{content:"Calendar"}

.eng .s5Fade .slick-dots li:nth-of-type(2) button:before{content:"appointment"}

.eng .s5Fade .slick-dots li:nth-of-type(3) button:before{content:"the treatment chart"}



/* sec 6*/

.eng .sec6 {padding-bottom:80px;}
.eng .sec6 h2 .txtPoint:before {left: 6px;}

.eng .s6Box dt{font-size:32px;}

.eng .s6Box dd{font-size:20px;line-height: 1.4}

.eng .s6Box dd .txtPinkBold{font-size:24px}


/* sec 7*/

.eng .s7Fade .slick-dots li:nth-of-type(1) button:before{content:"Push"}

.eng .s7Fade .slick-dots li:nth-of-type(2) button:before{content:"Text"}

.eng .s7Fade .slick-dots li:nth-of-type(3) button:before{content:"Notification Talk"}









/* sec 9 */

.eng .sec9{padding:120px 0;min-height: 640px;}

.eng .s9Box{float:left;width:calc(50% - 20px);box-shadow: 2px 5px 25px #FC798E40;border-radius: 20px;background-color: #fff}

.eng .s9Box1{margin-right:40px;height:720px;box-sizing: border-box;padding:165px 0 120px}

.eng .s9Box2{height: 340px;margin-bottom:40px;box-sizing: border-box;padding:84px 0 76px 70px}

.eng .s9BoxWrap .s9Box2:last-of-type{margin-bottom:0}

.eng .s9Box1 dd{margin-top:30px}

.eng .s9Box2:nth-of-type(1) {margin-right: 0; margin-bottom: 40px;}

.eng .s9Box2:nth-of-type(2){background-image: url(../img/s10_box3@2x_eng.png);background-repeat: no-repeat;background-position:center;background-size: 100%}

.eng .s9Box dt{font-size:32px;}

.eng .s9Box dd{font-size:28px;}

.eng .s9Box dd strong{font-size:86px}

.eng .s9Box1 .payMore a{font-size:20px;}

.eng .s9Box2 {padding: 92px 0 76px 70px;}


/* sec 10 */

.eng .downTxt strong{font-size:36px;}




/* sec 11 */
.eng .s11Sl .s11SlBox dt{font-size: 20px; line-height:1.4;}

.eng .s11Sl .s11SlBox dd{font-size:16px;}

.eng .s11Sl .s11SlBox dd span{font-size:16px;}


/* footer */
.eng .downTxt strong {font-size: 40px;}



/******************************************* TABLET *******************************************/




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


.eng .content h2 {font-size: 30px;}

.eng .content strong {font-size: 40px;}


/* slide */

.eng .sL > h2 + p, .eng .sR > h2 + p{font-size:18px;}




/* sec 3 */


.eng .content .sec3 h2 {font-size: 30px;}

.eng .content .sec3 strong {font-size: 40px;}

/* sec 5 */


.eng .s5Fade .slick-dots{bottom:inherit;top:215px}




}

@media (max-width:1300px) {
    .eng .btMind li {width: 200px; margin: 0 40px 40px 0;}

}


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

.eng .btMind {width: 90%;}

.eng .btMind li{width:22.75%;margin:0 3% 20px 0;}

.eng .btMind li:nth-of-type(n){background-size: contain;}

.eng .btMind li:nth-of-type(5n) {margin-right: 20px;}

.eng .btMind li:nth-of-type(8) {margin-right: 20px;}

.eng .sec9{min-height:390px}

.eng .sec9 h2, .s9Box dt{font-size:24px}

.eng .sec9 h2 .txtBold{font-size:40px}

.eng .s9Box dd, .s9Box1 .payMore a{font-size:20px}
	
.eng .s9Box dd strong{font-size:64px}

.eng .s9Box1{height:440px;padding:62px 0}

.eng .s9Box2 {height: 200px;  padding: 40px;}

.eng .s5Fade .slick-dots{bottom:inherit;top:110px}



	
}

@media screen and (max-width:1080px) {
	.eng .gnbWrap {display: none;}
	.eng .mbMenu {display: block;}

	.eng .headWrap{height:80px}

	.eng .headIn{line-height: 80px}
	
	.eng .mbMenu{float: right;padding-top:30px}
	
	.eng .mbMenuOpen{width:24px;height:16px;display: none}
	
	.eng .mbMenuClose{display:block;width:16px;height:16px;position: absolute;right:5%;top:30px;}
	
	.eng .mbMenuOpen.on{display: block;}

	.gnbWrap{display: none}

	.eng .gnbWrap.on{display: block;width:100%;height:100%;top:0;background: rgba(255,255,255,0.9);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);padding-top:20%}
	
	.eng .gnb{float: none}
	
	.eng .gnb li{float: none;text-align: center;font-size: 24px;margin:0}
	
	.eng .gnb li a{line-height: normal;padding:27px 0}
	
	.eng .gnb .login a{width:160px;margin:0 auto; padding:12px 40px 10px;}
	

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

}





/******************************************* MOBILE *******************************************/


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


.eng .s2Flow1 span{top:0;background:url(../img/s2_slideimg_eng.png)no-repeat 0 0;background-size: 100% 100%}

.eng .s2Flow2 span{top:135px;background:url(../img/s2_slideimg2_eng.png)no-repeat 0 0;background-size: 100% 100%}

.eng .s2Flow3 span{top:275px;background:url(../img/s2_slideimg3_eng.png)no-repeat 0 0;background-size: 100% 100%}

.eng .s2FlowWrap li.s2Flow2 span{width:1224px;}

.eng .s2Flow2 span:nth-of-type(1) {right: -1224px; animation: s2Flow1 24s linear infinite; }

.eng .sL > h2 + p, .eng .sR > h2 + p{font-size:16px;}


/* sec9 */

.eng .s9BoxWrap {margin-bottom: -180px;}

.eng .s9Box {float: none; width: 100%; margin-right: 0; margin-bottom: 16px;}

.eng .s9Box1 {height: 400px; padding: 62px 0 24px;}

.eng .s9Box2 {height: 190px; padding: 30px 24px 20px 26px;}


}




/* okm */
@media screen and (max-width: 870px) {
    .eng .sL > h2 + p, .eng .sR > h2 + p {font-size:16px;}
    .eng .content h2 {font-size:20px;}
    .eng .content strong {font-size:28px;}

    .eng .sec4 .fadeIn.clear {min-height:720px;}
    
    .eng .s5Fade .slick-dots {top:100px;}
    
    
    /* .eng .s5Fade .sL {top:220px;} */
    
    .eng .s5Fade .sL {top:160px;}
    
    .eng .sec6 {padding: 60px 0;}
    .eng .sec6 h2 strong {margin-bottom: 30px;}
    
    .eng .s8Fade .slick-dots {bottom:140px;}
        
    .eng .sec10 {padding-top:180px;}
    
}




@media screen and (max-width: 560px) {
    
    .eng .slideBtn .slick-dots li {padding:10px 10px 8px;}

    .eng .s4Fade .sL > h2 + p {padding-top:780px;}
    
    .eng .s5Fade .slick-dots {top:140px;}

    .eng .s6Box {height:440px;}
    
    .eng .s8Fade .sR {top: 110px;}

	.eng .sec4 .slick-list.draggable{min-height:955px}
	.eng .sec5 .slick-list.draggable{min-height:680px}

    .eng .s5Fade .sL {top:220px;}

    .eng .sec7 {padding:40px 0 80px;}



}





@media screen and (max-width: 430px) {
    
    .eng .content .sec3 h2 {font-size:24px;}
    .eng .content .sec3 strong {font-size:32px;}
    
    .eng .s4Fade .sL > h2 + p {padding-top: 520px;}
    
    
    .eng .s5Fade .sL {top:185px;}
    
    
    .eng .sec6 {padding: 40px 0;}
    .eng .s6Box {height:420px;}
    
    .eng .mbVideoWrap {border-radius:30px;}
    .eng .sec7.slideBtn .sR > p {margin-top:520px;}
    
    
    .eng .s8Fade .sR {top: 130px;}
    
    
    .eng .s9Box1 dd {margin-top:24px;}
    .eng .s9Box2 {padding:32px 0 0 32px;}
    .eng .s9Box dt {font-size:24px;}
    .eng .s9Box dd strong {font-size:60px;}
    .eng .s9Box dd {font-size:20px;}

	.eng .sec4 .slick-list.draggable{min-height:750px ;}
}