@charset "utf-8";
@import url("base.css");
 @import url("layout.css?v=250509");
@import url("common.css");




/* soo 220928 */
#wrap {overflow:hidden;letter-spacing:-1px;min-width: 1400px !important;color:#515151;word-break: keep-all;box-sizing:border-box; } 
#container{clear:both;}
/*sns */
.sns {background:#8b8d99; width:50px;/*height:228px;*/border-radius: 0 10px 10px 0; box-shadow: 2px 3px 5px rgba(0,0,0,.2);position:fixed; top:280px; left:0;  z-index:9999; padding:5px 0; }
.sns ul {width:40px; margin:0 auto;}
.sns ul li {text-align:center;}
.sns ul li a{padding:5px 4px;display:inline-block;}
.sns ul li a img {opacity:.4;transition:all 0.5s;}
.sns ul li a:hover img {opacity:1;transition:all 0.5s;}
.sns ul li:last-child a{padding:5px 4px 10px 4px;display:inline-block;}

/*right Bar */
.scr_gnb{position:fixed; top:50%; right:10px; width:135px; margin-top:-177px; text-align:left; z-index:9999;}
.scr_gnb li.on{
	vertical-align:top;
	animation-duration: 3s;
  	animation-name: slidein;
  	font-weight:500;
  	color:#4d4caf; 
  	border-left:3px solid #4d4caf;
  	transition:all 0.3s;
} 
/* 기본 */
.scr_gnb li{
	font-size:14px;
	font-weight:300;
	color:#93959c;
	transition:all 0.5s;
	border-left:3px solid #dbdbdb;
	padding: 8px 0 8px 10px;
	letter-spacing:-1px;
	line-height:1.3;
}
.scr_gnb li a {display:inline-block;}
/* hover 되었을 경우 */
.scr_gnb li:hover{
	opacity:1.0;filter:Alpha(opacity=100); transform:translateX(0); -webkit-transform:translateX(0px);
	font-weight:500;
	color:#4d4caf; 
	transition:all 0.3s;
	font-weight:500;
	color:#4d4caf; 
  	border-color:#4d4caf;
}


.sect {width:100%;height:100%;position:relative;overflow:hidden;box-sizing:border-box; padding:60px 0 100px;min-width:1400px; font-size:18px;font-weight:300;color:#515151;line-height:1.5;letter-spacing:-1px;/* min-height:930px; */}
.sect .inwrap {width:80%; margin: 0 auto; max-width:1550px; overflow:hidden;}
.sect .ctitle {width:615px; float:left;background:url(../images/patient/2022/ic_q.png) no-repeat right top;padding-top:40px;margin-bottom:50px;}
.sect .ctitle .stit {width:150px; height:40px; line-height:40px; border-radius:22px;border:2px solid #4d4caf;font-size:18px;font-family: 'S-CoreDream-5Medium';color:#4d4caf;text-align:center;display:inline-block;margin-bottom:24px; }
.sect .ctitle h3 {padding-left:6px;font-size:54px;font-family: 'S-CoreDream-5Medium';color:#222;font-weight: normal;font-style: normal;margin-bottom:50px;line-height:1.4; letter-spacing: -2px;}
.sect .btn_view {width:180px; height:50px;line-height:45px; border:2px solid #222222; border-radius:5px; display:inline-block;  font-size:16px; font-weight:400;padding: 0 22px;box-sizing:border-box;background:url(../images/patient/2022/ic_btn_view_p.png) no-repeat 90% 50%; color:#222;transition: 0.3s;margin:5px 6px;}
.sect .btn_view:hover {color:#fff; background:#222 url(../images/patient/2022/ic_btn_view_p2.png) no-repeat 90% 50%; transition: 0.3s;}
.sect .tip:hover {cursor: help;position: relative;}
a.tip span { display: none}
a.tip:hover span {
    padding: 0 20px;
    display: block;
    z-index: 100;
   /*  margin: 10px; */
    width: auto;
    background:#9a62ca;
    position: absolute;
    top: -10px;
    right: -2px;
    text-decoration: none;
    border-radius:5px;
    font-size:13px;
}
.sect .dtl {width:100%;line-height:1.6;padding-left:10px;box-sizing:border-box;margin-bottom:40px;}
.sect .noti {font-size:14px; margin:5px 0;display:inline-block;color:#868686;text-align:left;line-height:1.3;}
.sect .noti2 {font-size:16px; margin:5px 0;display:inline-block;color:#868686;text-align:left;}

.sect1 {/* margin-top: 160px; */height:calc(100vh - 180px);min-height:820px;background:#f9f7f2 url(../images/patient/2022/main_intro_img.png) no-repeat calc(100% - 180px) 50%;}
.sect1 .vtitle {width:72%; margin:40px 0 40px 13%;letter-spacing:-3px;color:#222;line-height: 1.4; }
.sect1 .vtitle .vstit{margin-bottom:30px;}
.sect1 .vtitle .vstit p{font-size:65px;font-family: 'S-CoreDream-2ExtraLight';font-weight: normal;font-style: normal;}
.sect1 .vtitle .vstit2 {font-size:100px; font-family: 'S-CoreDream-6Bold'; margin-bottom:50px;}
.sect1 .vtitle .vstit2 em{display:block;color:#4d4caf;}
.sect1 .vtitle .vstit3 {font-size:32px; font-family: 'S-CoreDream-2ExtraLight';}
.ex1 {
  opacity: 0;
}
.ex1 span {
  position: relative;
  top: 10px;
  left: 10px;
  opacity: 0;
}


.ani-1-1 {animation : slide-up-ani 1s both; animation-delay:1500ms;}
.ani-1-2 {animation : slide-up-ani 1s both; animation-delay:2300ms;}
.ani-1-3 {animation : slide-up-ani 1s both; animation-delay:3000ms;}
@keyframes fade-in-ani{
	0% {opacity : 0;}
	100% {opacity : 1;}
}

@keyframes slide-up-ani{
	0% {transform: translateY(40px); opacity : 0;}
	100% {transform: translateY(0); opacity : 1;}
}

.sect2 {background:#fff;}
.sect2 .dtl {width: calc(100% - 690px); float:left; margin:170px 0 0 60px;}
.sect2 .dtl_digital_imp {width:100%; height:700px;position:relative;margin:350px 0 30px 0; }
.sect2 .dtl_digital_imp .dtl-it{z-index:10; overflow:hidden;display:inline-block;}
.sect2 .dtl_digital_imp .it1 {position:absolute; left:50%; bottom:120px; margin-left:-630px;}
.sect2 .dtl_digital_imp .it2 {position:absolute; left:50%; bottom:350px; margin-left:-610px;}
.sect2 .dtl_digital_imp .it3 {position:absolute; left:50%; top:30px; margin-left:-70px;}
.sect2 .dtl_digital_imp .it4 {position:absolute; left:50%; bottom:350px; margin-left:280px;}
.sect2 .dtl_digital_imp .it5 {position:absolute; left:50%; bottom:120px; margin-left:350px;}
.sect2 .dtl_digital_imp .dtl-it .dtl_desc{display:inline-block; font-size:22px; font-weight:400; color:#222;margin-top:30px;}
.sect2 .dtl_digital_imp .icon {width:130px; height:130px; border-radius:65px; display:inline-block;}
.sect2 .dtl_digital_imp .ic1 {background:#feeff4 url(../images/patient/2022/index_p_sect2_ic_1.png) no-repeat 50% 50%;float:right;margin-left:20px;}
.sect2 .dtl_digital_imp .ic2 {background:#feeff4 url(../images/patient/2022/index_p_sect2_ic_2.png) no-repeat 50% 50%;float:right;margin-left:20px;}
.sect2 .dtl_digital_imp .ic3 {background:#feeff4 url(../images/patient/2022/index_p_sect2_ic_3.png) no-repeat 50% 50%;float:left;margin-right:20px;}
.sect2 .dtl_digital_imp .ic4 {background:#feeff4 url(../images/patient/2022/index_p_sect2_ic_4.png) no-repeat 50% 50%;float:left;margin-right:20px;}
.sect2 .dtl_digital_imp .ic5 {background:#feeff4 url(../images/patient/2022/index_p_sect2_ic_5.png) no-repeat 50% 50%;float:left;margin-right:20px;}
.sect2 .dtl_digital_imp .botimg {width:700px;height:540px; position:absolute; left:50%; bottom:0; margin-left:-350px;background: url(../images/patient/2022/index_p_sect2_digital_im_bg.png) no-repeat 50% 0; }
.sect2 .dtl_digital_imp .botimg .bottxt {width:100%;font-family: 'Poppins', sans-serif;letter-spacing:-0.2px;font-size:70px; color:#c2c3c9; font-weight:600;position:absolute; left:0; bottom:0; text-align:center; display:block;  }

.sect3 {background:#f2f3f9;padding-bottom:50px;}
.sect3 .ctitle .cnt_limg {margin-top:80px;}
.sect3 .slider {width:685px;height:600px; float:right;margin:140px 80px 0 0;position:relative;}
.sect3 .slider .conts{width:100%; overflow:hidden; position:absolute;left:0; top:0;}
.sect3 .slider .conts .p_img{width:100%; height:100%; float:left; position:relative; }
.sect3 .slider .conts .p_img .txt {width:100%; padding: 10px 25px; position:absolute;left:0; bottom:0;background:rgba(77,76,175,.7);font-size:35px;font-family: 'S-CoreDream-5Medium';color:#fff;font-weight: normal;font-style: normal; letter-spacing:-1.5px;}
.sect3 .slider .conts .dtl_con {width:100%; height:100%; float:right; margin-top:30px;position:relative; }
.sect3 .slider .conts .dtl_con dl {width:92%; margin:0 auto; }
.sect3 .slider .conts .dtl_con dl dt{margin-bottom:15px;font-size:30px;font-weight:500; color:#222;}
.sect3 .slider .conts .dtl_con dl dd {font-size:18px;font-weight:300; }
.sect3 .slider .ctlbtn {width:86px; height:63px; display:inline-block; cursor: pointer;position:relative;font-size:13px;}
.sect3 .slider .ctlbtn span {display:inline-block;padding-bottom:5px;}
.sect3 .slider .ctlbtn.b_prev img {position:absolute; right:10px; bottom:17px;transition: all 0.3s;}
.sect3 .slider .ctlbtn.b_prev:hover img {position:absolute; right:15px; bottom:17px;transition: all 0.3s;}
.sect3 .slider .ctlbtn.b_next img {position:absolute; left:10px; bottom:17px;transition: all 0.3s;}
.sect3 .slider .ctlbtn.b_next:hover img {position:absolute; left:15px; bottom:17px;transition: all 0.3s;}
.sect3 .slider .b_prev { background:url(../images/patient/2022/slider_btn_bg.png) no-repeat right 50%;position:absolute; left:-45px; top:calc(30% - 31px); z-index:10;text-align:right; padding-right:10px;transition: all 0.3s;}
.sect3 .slider .b_next { background:url(../images/patient/2022/slider_btn_bg.png) no-repeat left 50%;position:absolute; right:-45px; top:calc(30% - 31px); z-index:10;text-align:left; padding-left:10px;transition: all 0.3s;}
.sect3 .slider .b_prev:hover { background:url(../images/patient/2022/slider_btn_bg.png) no-repeat right 50%;text-align:right; padding-right:15px; transition: all 0.3s;}
.sect3 .slider .b_next:hover { background:url(../images/patient/2022/slider_btn_bg.png) no-repeat left 50%; text-align:left; padding-left:15px; transition: all 0.3s;}

.sect4 {background:#fff url(../images/patient/2022/index_p_sect4_bg.jpg) no-repeat 82% 40px;}
.sect4 .process {width:100%; clear:both;position:relative;}
.sect4 .process .toptxt {font-size:20px;font-weight:400; text-align:center;margin-bottom:50px;color:#222;}
.sect4 .process .toptxt .txt_str {padding: 4px 5px; background:rgba(240,134,174,.6);}
.sect4 .process .step {display: -ms-flexbox; display: -webkit-flex;display: flex;}
.sect4 .process .step .col{-webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center; }
.sect4 .process .step .col .step_img {width:128px; height:128px; border-radius:64px; border:6px solid rgba(227,227,232,.9); box-sizing:border-box;display:inline-block; margin: 0 auto; margin-bottom:20px; }
.sect4 .process .step .col .st1 {background:url(../images/patient/2022/index_p_sect4_img1.jpg) no-repeat 50% 50%;}
.sect4 .process .step .col .st2 {background:url(../images/patient/2022/index_p_sect4_img2.jpg) no-repeat 55% 20%;}
.sect4 .process .step .col .st3 {background:url(../images/patient/2022/index_p_sect4_img3.jpg) no-repeat 50% 50%;}
.sect4 .process .step .col .st4 {background:url(../images/patient/2022/index_p_sect4_img4.jpg) no-repeat 50% 50%;}
.sect4 .process .step .col .st5 {background:url(../images/patient/2022/index_p_sect4_img5.jpg) no-repeat 50% 50%;}
.sect4 .process .step .col .st6 {background:url(../images/patient/2022/index_p_sect4_img6.jpg) no-repeat 72% 50%;}
.sect4 .process .step .col .step_bx{height:60px;line-height:60px;text-align:center;font-family: 'Poppins', sans-serif;font-size:20px; color:#222; font-weight:500;background:#e3e3e8;margin-bottom:35px; }
.sect4 .process .step .col .step_bx.lrnd {border-radius:30px 0 0 30px;}
.sect4 .process .step .col .step_bx.rrnd {border-radius:0 30px 30px 0;}
.sect4 .process .step .col dl {width:92%; margin:0 auto;}
.sect4 .process .step .col dl dt {min-height:56px;font-size:20px; font-weight:500; color:#222; margin-bottom:20px;}
.sect4 .process .step .col dl dd {font-size:16px; text-align:left;margin-bottom:8px;}
.sect4 .process .step .col .list {}
.sect4 .process .step .col .list li{padding-left:15px;font-size:16px;background:url(../images/patient/2022/ic_gray_bl.png) no-repeat 4px 9px;margin-bottom:5px;text-align:left; }
.sect4 .process .bx_period {min-width:100px; height:32px;line-height:32px; border-radius:16px; text-align:center; background:#4d4caf; color:#fff;font-size:18px; font-weight:400;padding: 0 10px;display:inline-block;z-index:5;box-sizing: border-box;}
.sect4 .process .bx_period.prd1 {position:absolute; top:60px; right:calc(33.32% - 50px); }
.sect4 .process .bx_period.prd2 {position:absolute; top:60px; right:calc(16.66% - 50px); }

.sect5 {background:url(../images/patient/2022/index_p_sect5_bg.png) no-repeat calc(50% + 450px) 10px, #f1f2fe url(../images/patient/2022/index_p_sect5_bg_ptn.png) no-repeat calc(50% + 600px) 120px;}
.sect5 .insurance{width:100%; clear:both;text-align:center;}
.sect5 .insurance h4 {display:inline-block; padding: 0 80px;text-align:center;font-family: 'S-CoreDream-4Regular'; font-weight: normal;font-style: normal;font-size:30px; color:#222;background:url(../images/patient/2022/index_p_ic_star.png) no-repeat left 50%, url(../images/patient/2022/index_p_ic_star.png) no-repeat right 50%;margin-bottom:30px;}
.sect5 .insurance .keyword {clear:both;width:100%; margin-bottom:70px; }
.sect5 .insurance .keyword ul {display:inline-block;margin: 0 auto;}
.sect5 .insurance .keyword li {float:left; background:#4d4caf; text-align:center;border-radius:10px;margin: 0 10px; padding: 10px 25px;font-family: 'S-CoreDream-4Regular'; font-weight: normal;font-style: normal;font-size:30px; color:#fff; }
.sect5 .insurance .dtl_info {display: -ms-flexbox; display: -webkit-flex;display: flex;padding-bottom:20px;}
.sect5 .insurance .dtl_info .infobx {-webkit-flex: 1;-ms-flex: 1;flex: 1; border:1px solid rgba(190,190,190,.6);padding:80px 20px 20px; border-radius:10px; margin: 0 12px;background:#fff;box-shadow : 1px 4px 8px rgba(0,0,0,.1);position:relative;}
.sect5 .insurance .dtl_info .infobx .title {border-radius:10px;background:#9a62ca;width:84%;height:56px;line-height:56px; position:absolute; left:8%; top:-10px;text-align:center;font-size:24px; font-weight:400;color:#fff;}
.sect5 .insurance .dtl_info .infobx ul li {padding-left:15px;font-size:18px;background:url(../images/patient/2022/ic_blk_bl.png) no-repeat 4px 9px;margin-bottom:8px;text-align:left;}

.sect6 {background:#edf5ff url(../images/patient/2022/index_p_sect6_bg.jpg) no-repeat calc(50% - 380px) bottom;}
.sect6 .ortho_info {width:630px;float:right; margin:90px 70px 0 0;}
.sect6 .ortho_info h4 {font-size:38px; font-family: 'S-CoreDream-3Light'; color:#222;font-weight: normal;font-style: normal;margin-bottom:10px;letter-spacing:-3px;}
.sect6 .ortho_info h4 .stitle {font-size:28px;font-family: 'S-CoreDream-5Medium';color:#4d4caf;font-weight: normal;font-style: normal;display:block;}
.sect6 .ortho_info h4 em {font-family: 'S-CoreDream-5Medium';}
.sect6 .ortho_info .ortho_dtl {width:100%;box-sizing:border-box;overflow:hidden;margin-bottom:20px;}
.sect6 .ortho_info .ortho_dtl table {width:100%;}
.sect6 .ortho_info .ortho_dtl table tr td {background:rgba(225,231,240,.6); padding:15px 0;border-radius:10px;vertical-align:top;} 
.sect6 .ortho_info .ortho_dtl table tr td dl {width:94%; margin: 0 auto; }
.sect6 .ortho_info .ortho_dtl table tr td dl dt {width:74px; margin-right:10px;float:left;}
.sect6 .ortho_info .ortho_dtl table tr td dl dd {width:calc(100% - 86px); float:right;font-size:17px;font-weight:400;color:#393939;}


/* == mediaQuery Start
======================================================= */
@media screen and (max-width:1850px){
	.sect1 {background:#f9f7f2 url(../images/patient/2022/main_intro_img.png) no-repeat calc(100% - 130px) 50%;}
	
	.sect3 .slider {margin:140px 40px 0 0;}
}	


@media screen and (max-width:1800px){
	.sect1 { background:#f9f7f2 url(../images/patient/2022/main_intro_img.png) no-repeat 100% 50%; }
	
	.sect2 .dtl {width: calc(100% - 700px); float:right; margin-left:0;margin-right:30px;  /* margin:170px 0 0 60px; */}

	.sect5 {background:url(../images/patient/2022/index_p_sect5_bg.png) no-repeat calc(50% + 400px) 10px, #fff1f2 url(../images/patient/2022/index_p_sect5_bg_ptn.png) no-repeat calc(50% + 600px) 120px;}
}	


@media screen and (max-width:1755px){
	.sect .ctitle {width:calc(100% - 740px);min-width:510px; }
	
	
	
	.sect3 .ctitle .cnt_limg img {width:100%;}
	.sect3 .slider {width:600px;}
	.sect3 .slider .conts .p_img img {width:100%;}
	
	.sect4 {background:#fff url(../images/patient/2022/index_p_sect4_bg.jpg) no-repeat 90% 40px;background-size:600px;}
	
	.sect6 .ortho_info {float:right; margin-right:0;}
}	

@media screen and (max-width:1680px){
	.sect1 .vtitle {width:80%; margin-left:10%;letter-spacing:-3px;color:#222; }
	
	.sect2 .dtl {width: calc(100% - 680px);}
	
	.sect5 {background:url(../images/patient/2022/index_p_sect5_bg.png) no-repeat calc(50% + 310px) 10px, #fff1f2 url(../images/patient/2022/index_p_sect5_bg_ptn.png) no-repeat calc(50% + 600px) 120px;}
	
	.sect6 {background:#edf5ff url(../images/patient/2022/index_p_sect6_bg.jpg) no-repeat calc(50% - 300px) bottom;}
}

@media screen and (max-width:1600px){
	.sect .inwrap {width:82%;margin-left:7%;}
	
	.sect1 { background:#f9f7f2 url(../images/patient/2022/main_intro_img.png) no-repeat 130% 50%; }
	
	.sect2 .dtl {width: calc(100% - 600px);}
	.sect2 .dtl_digital_imp .it1 {position:absolute; left:0; bottom:120px; margin-left:0;}
	.sect2 .dtl_digital_imp .it2 {position:absolute; left:0; bottom:350px; margin-left:0;}
	.sect2 .dtl_digital_imp .it4 {position:absolute; left:50%; bottom:350px; margin-left:280px;}
	.sect2 .dtl_digital_imp .it5 {position:absolute; left: 50%;bottom: 120px; margin-left: 25.5%;}
	
	
	.sect3 .slider {width:calc(100% - 600px); height:500px;}
	.sect3 .slider .b_prev {position:absolute; left:-45px; top:calc(25% - 31px); }
	.sect3 .slider .b_next { position:absolute; right:-45px; top:calc(25% - 31px); } 
	
	.sect4 {background-size:500px;}
	
	
}

@media screen and (max-width:1480px){	
	.sect6 .ortho_info {width:calc(100% - 570px); } 
}

@media screen and (max-width:1400px){	
	.scr_gnb{position:fixed; top:50%; right:0;}
	
}


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

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