@charset "utf-8";
@import url("base.css");
@import url("layout.css");
@import url("common.css");
@import url("font.css");

/* common */
img {vertical-align:middle;}
#sub_container{width:100%;min-width:1400px;clear:both;color:#505254;background:#fff; /* margin-top: 160px; */}
h2.h2_title{font-size:65px;font-family: 'S-CoreDream-6Bold';color:#222;font-weight: normal;font-style: normal;text-align:left;padding: 75px 0 0 40px;}
h2 .title_txt{font-family:'Noto Sans Kr',"Open Sans","맑은 고딕","Malgun Gothic";font-size:22px;font-weight:300;text-align:left;margin-top:20px;}
h3 {width:1300px; margin:0 auto 80px; text-align:center;font-size:40px;font-family: 'S-CoreDream-5Medium';color:#222;font-weight: normal;font-style: normal;}
h3 .num {font-size:25px;font-family: 'S-CoreDream-4Regular';color:#4d4caf;display:block;}
h3 .title_stxt {font-family:'Noto Sans Kr',"Open Sans","맑은 고딕","Malgun Gothic";font-size:16px;font-weight:300;color:#515151;text-align:center;margin-top:20px;}
h4.h4_title {width:1300px; margin:0 auto; font-size:34px;font-family: 'S-CoreDream-4Regular';font-weight: normal;font-style: normal;color:#222; margin-bottom:10px;text-align:center;}
h4.h4_title em {font-family: 'S-CoreDream-6Bold';}
.htitle_txt{width:1300px; margin: 0 auto;margin-top:20px;font-family:'Noto Sans Kr',"Open Sans","맑은 고딕","Malgun Gothic";font-size:18px;font-weight:300;text-align:center;}

.innerwr{width:1300px;height:100%; margin:0 auto;overflow:hidden;/* border:1px solid red; */}
.txt_str {color:#4d4caf;}
.txt_str2 {color:#0ca8b7;}
.txt_str_bg {background:#4d4caf; color:#fff;padding: 0 4px;}

#sub_container .sub_visual{background:#fff;border-bottom:1px solid #dddddd;width:100%;height:326px;text-align:center;}
#sub_container .sub_visual .sub_visual1 {background:url(../images/patient/2022/sub_visual1_v1.png) no-repeat right -20px;}
#sub_container .sub_visual .sub_visual2 {background:url(../images/patient/2022/sub_visual2_v1.png) no-repeat right -20px;}
#sub_container .sub_visual .sub_visual3 {background:url(../images/patient/2022/sub_visual3_v1.png) no-repeat right -20px;}
#sub_container .sub_visual .sub_visual4 {background:url(../images/patient/2022/sub_visual4.png) no-repeat right -20px;}
#sub_container .contents{text-align:left;padding-top:80px; line-height:1.8em;letter-spacing: -0.2px;font-size:16px; font-weight:300;}
#sub_container .contents .cntsect {width:100%;height:100%; padding:100px 0;position:relative;overflow:hidden;box-sizing:border-box; min-width:1400px; font-size:18px;font-weight:300;color:#515151;line-height:1.5;letter-spacing:-1px;/* min-height:930px; */}
#sub_container .contents .cntsect .noti {font-size:14px; margin:5px 0;display:inline-block;color:#868686;text-align:left;line-height:1.3;}
#sub_container .contents .cntsect .noti2 {font-size:16px; margin:5px 0;display:inline-block;color:#868686;text-align:left;}

/*right Bar */
.scr_gnb{position:fixed; top:50%; right:10px; width:130px; margin-top:-79px; 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;
}

/* dionavi */
#dionavi{line-height:1.8em;letter-spacing: -0.2px;}
#dionavi .sect1 {padding-top:0 !important;}
#dionavi .sect1 .dionavi_info{height:1750px;background:#f9f7f2 url(../images/patient/2022/dionavi_sect1_bg_w.gif) repeat-x 0 -14px;position:relative;}/* dionavi_sect1_bg_w.gif 공통으로 사용됨 */
#dionavi .sect1 .dionavi_info .txtbg{text-align:center; color:#f9f7f2;font-family: 'Poppins', sans-serif;font-size:300px; font-weight:700;}
#dionavi .sect1 .dionavi_info .conimg {width:1300px;height:500px; position:absolute;left:50%;top:0;margin-left:-650px;text-align:center;z-index:10; }
#dionavi .sect1 .dionavi_info .dionavi_desc {margin:80px 0 100px;overflow:hidden;}
#dionavi .sect1 .dionavi_info .dionavi_desc dl {width:44%; float:left; }
#dionavi .sect1 .dionavi_info .dionavi_desc dl dt {font-size:34px;font-family: 'S-CoreDream-4Regular';color:#222;font-weight: normal;font-style: normal; margin-bottom:20px;}
#dionavi .sect1 .dionavi_info .dionavi_desc dl dd {font-size:18px;}
#dionavi .sect1 .dionavi_info .dionavi_desc .dionavi_adv {width:48%; float:right;display: -ms-flexbox; display: -webkit-flex;display: flex;}
#dionavi .sect1 .dionavi_info .dionavi_desc .dionavi_adv .col {-webkit-flex: 1;-ms-flex: 1;flex: 1; border:1px solid rgba(206,206,206,.8);padding:20px;  margin: 5px;background:#fff;font-size:18px;font-family: 'S-CoreDream-4Regular';color:#222;font-weight: normal;font-style: normal; }
#dionavi .sect1 .dionavi_info .dionavi_desc .dionavi_adv .col .num {font-size:16px;margin-bottom:40px;display:block;}
#dionavi .sect1 .dionavi_info .tbl_st {width:100%;border-collapse:collapse;margin-bottom:20px;}
#dionavi .sect1 .dionavi_info .tbl_st tr th {padding: 40px 20px; text-align:center; border-bottom:1px solid #f9f7f2;font-size:28px;font-family: 'S-CoreDream-6Bold';font-weight: normal;font-style: normal;line-height:1.3;}
#dionavi .sect1 .dionavi_info .tbl_st tr th em {font-size:45px;}
#dionavi .sect1 .dionavi_info .tbl_st tr th:nth-child(1) {background:#e4e4e4;color:#222; border-radius:10px 0 0 0;}
#dionavi .sect1 .dionavi_info .tbl_st tr th:nth-child(2) {background:#222222; color:#fff; font-family: 'Poppins', sans-serif;font-size:50px; font-weight:200;}
#dionavi .sect1 .dionavi_info .tbl_st tr th:nth-child(3) {background:#4d4caf; color:#fff; border-radius:0 10px 0 0;}
#dionavi .sect1 .dionavi_info .tbl_st tr td:nth-child(1) {background:#e4e4e4; color:#888;}
#dionavi .sect1 .dionavi_info .tbl_st tr td:nth-child(2) {background:#222222; color:#fff; font-size:24px; font-weight:400;}
#dionavi .sect1 .dionavi_info .tbl_st tr td:nth-child(3) {background:#4d4caf; color:#fff;}
#dionavi .sect1 .dionavi_info .tbl_st tr:last-child td:nth-child(1) {border-radius:0 0 0 10px;}
#dionavi .sect1 .dionavi_info .tbl_st tr:last-child td:nth-child(3) {border-radius:0 0 10px 0;}
#dionavi .sect1 .dionavi_info .tbl_st tr td {text-align:center; padding: 25px 20px;font-weight:300; border-bottom:1px solid #f9f7f2;} 
#dionavi .sect1 .dionavi_info .tbl_st tr td dl {width:92%; margin: 0 auto;}
#dionavi .sect1 .dionavi_info .tbl_st tr td dl dt {font-size:24px; font-weight:400;margin-bottom:5px;text-align:left;}
#dionavi .sect1 .dionavi_info .tbl_st tr td dl dd {font-size:16px; font-weight:300;text-align:left;letter-spacing: -0.5px;}

#dionavi .sect2 {padding-top:0 !important;}
#dionavi .sect2 .process {overflow:hidden;width:1300px; margin: 0 auto;background:url(../images/patient/2022/dionavi_sect2_img.jpg) no-repeat left 60%;}
#dionavi .sect2 .process .titlear {width:38%; float:left;margin-top:30px;}
#dionavi .sect2 .process .titlear h4 {font-size:48px;font-family: 'S-CoreDream-6Bold';color:#222;font-weight: normal;font-style: normal;}
#dionavi .sect2 .process .titlear .desc_txt{font-size:28px;font-family: 'S-CoreDream-3Light';color:#222;font-weight: normal;font-style: normal;margin-top:25px;}
#dionavi .sect2 .process .titlear .desc_txt .f_bold{font-family: 'S-CoreDream-5Medium';}
#dionavi .sect2 .process .proc_cnt {width:56%; float:right; }
#dionavi .sect2 .process .proc_cnt ul {padding:14px 0;background:url(../images/patient/2022/dionavi_line.gif) repeat-y 70px 0;}
#dionavi .sect2 .process .proc_cnt ul li {min-height:155px;margin: 20px 0;overflow:hidden;padding:0;}
#dionavi .sect2 .process .proc_cnt ul li .proc_img {width:140px; height:140px; border:6px solid rgba(227,227,232,.9);border-radius:70px;overflow:hidden;box-sizing: border-box;float:left;}
#dionavi .sect2 .process .proc_cnt ul li dl {width:calc(100% - 180px); float:left;margin-left:40px;}
#dionavi .sect2 .process .proc_cnt ul li dl dt {font-size:24px; font-weight:500; color:#222;margin-bottom:15px;}
#dionavi .sect2 .process .proc_cnt ul li dl dd {font-size:18px; font-weight:300; color:#515151;} 
#dionavi .sect2 .process .proc_cnt ul li dl dd .sdtl{font-size:16px;}
#dionavi .sect2 .process .proc_cnt ul li .step {color:#c3c3c8;font-family: 'Poppins', sans-serif;font-size:16px; font-weight:300;}
#dionavi .sect2 .process .proc_cnt ul li .step_num {font-size:34px; font-weight:700;padding-right:5px;}
#dionavi .sect3{background:#f2f3f9; padding:100px 0;}
#dionavi .sect3 .dionavi_desc {text-align:center;margin-bottom:80px;}
#dionavi .sect3 .dionavi_desc .img_bx {text-align:center;margin-top:50px;}
#dionavi .sect3 .dionavi_desc .img_bx .ic{margin-top:-90px;}
.dots {
	display: inline-block;
    height: 180px;
    width: 180px;
    position: relative;
    /* margin: 0 -4px -5px -2px; */
    transition: all .2s ease;
}
	
/* -------------- loader10 -------------- */
.loader10:before{
  content: "";
  position: absolute;
  top: 0px;
  left: -56px;
  height: 28px;
  width: 28px;
  border-radius: 28px;
  -webkit-animation: loader10g 3s ease-in-out infinite;
      animation: loader10g 3s ease-in-out infinite;
}

.loader10{
  position: relative;
  width: 28px;
  height: 28px;
  top: 66%;
  left: 46%;
  border-radius: 28px;
  -webkit-animation: loader10m 3s ease-in-out infinite;
      animation: loader10m 3s ease-in-out infinite;
}

.loader10:after{
  content: "";
  position: absolute;
  top: 0px;
  left: 56px;
  height: 28px;
  width: 28px;
  border-radius: 28px;
  -webkit-animation: loader10d 3s ease-in-out infinite;
      animation: loader10d 3s ease-in-out infinite;
}

@-webkit-keyframes loader10g{
  0%{background-color: rgba(214, 218, 220, .5);}
  25%{background-color: rgba(214, 218, 220, 1);}
  50%{background-color: rgba(214, 218, 220, .5);}
  75%{background-color: rgba(214, 218, 220, .5);}
  100%{background-color: rgba(214, 218, 220, .5);}
}
@keyframes loader10g{
  0%{background-color: rgba(214, 218, 220, .5);}
  25%{background-color: rgba(214, 218, 220, 1);}
  50%{background-color: rgba(214, 218, 220, .5);}
  75%{background-color: rgba(214, 218, 220, .5);}
  100%{background-color: rgba(214, 218, 220, .5);}
}

@-webkit-keyframes loader10m{
  0%{background-color: rgba(214, 218, 220, .5);}
  25%{background-color: rgba(214, 218, 220, .5);}
  50%{background-color: rgba(214, 218, 220, 1);}
  75%{background-color: rgba(214, 218, 220, .5);}
  100%{background-color: rgba(214, 218, 220, .5);}
}
@keyframes loader10m{
  0%{background-color: rgba(214, 218, 220, .5);}
  25%{background-color: rgba(214, 218, 220, .5);}
  50%{background-color: rgba(214, 218, 220, 1);}
  75%{background-color: rgba(214, 218, 220, .5);}
  100%{background-color: rgba(214, 218, 220, .5);}
}

@-webkit-keyframes loader10d{
  0%{background-color: rgba(214, 218, 220, .5);}
  25%{background-color: rgba(214, 218, 220, .5);}
  50%{background-color: rgba(214, 218, 220, .5);}
  75%{background-color: rgba(214, 218, 220, 1);}
  100%{background-color: rgba(214, 218, 220, .5);}
}
@keyframes loader10d{
  0%{background-color: rgba(214, 218, 220, .5);}
  25%{background-color: rgba(214, 218, 220, .5);}
  50%{background-color: rgba(214, 218, 220, .5);}
  75%{background-color: rgba(214, 218, 220, 1);}
  100%{background-color: rgba(214, 218, 220, .5);}
}

#dionavi .sect3 .slider {width:1400px;height:708px; margin: 0 auto 100px; background:#fff;position:relative;overflow:hidden;}
#dionavi .sect3 .slider .lft_titlear{width:50%;height:100%;position:absolute; left:0; top:0; background:url(../images/patient/2022/dionavi_sect3_sliderbg.jpg) no-repeat 0 0;padding: 80px 0 0 80px;box-sizing:border-box;}
#dionavi .sect3 .slider .lft_titlear dl {width:calc(100% - 270px);margin-top:36px;}
#dionavi .sect3 .slider .lft_titlear dl dt {margin-bottom:25px;font-size:34px;font-family: 'S-CoreDream-4Regular';font-weight: normal;font-style: normal;color:#fff;}
#dionavi .sect3 .slider .lft_titlear dl dt em {display:block;font-size:80px;font-family: 'S-CoreDream-6Bold';color:#ffffff;background:url(../images/patient/2022/dionavi_sect3_ic_plus.png) no-repeat 280px 10px;}
#dionavi .sect3 .slider .lft_titlear dl dd {font-size:20px; color:rgba(255,255,255,.7);font-weight:300;}
#dionavi .sect3 .slider .conts{width:calc(50% + 210px); height:100%; overflow:hidden; position:absolute;right:0; top:0; }
#dionavi .sect3 .slider .conts .p_img{width:420px; height:530px; float:left;margin-top:90px; border-radius:50px 0 50px 0;background:#e6eaf6;box-shadow : 1px 7px 14px rgba(0,0,0,.35);overflow:hidden;}
#dionavi .sect3 .slider .conts .dtl_con {width:calc(100% - 520px); float:right; margin:100px 40px 0 60px;position:relative;box-sizing:border-box; }
#dionavi .sect3 .slider .conts .dtl_con .stit {font-family: 'Poppins', sans-serif;font-size:16px; font-weight:500; color:#4d4caf;margin-bottom:30px;background:url(../images/patient/2022/dionavi_line2_v1.gif) repeat-x 0 16px;}
#dionavi .sect3 .slider .conts .dtl_con .stit span {background:#fff;}
#dionavi .sect3 .slider .conts .dtl_con .hdtxt {font-size:40px;font-family: 'S-CoreDream-5Medium';color:#4d4caf;font-weight: normal;font-style: normal; letter-spacing:-2px;margin-bottom:25px;text-align:left;}
#dionavi .sect3 .slider .conts .dtl_con dl {width:100%; margin:0 auto; }
#dionavi .sect3 .slider .conts .dtl_con dl dt{margin-bottom:20px;font-size:28px;font-family: 'S-CoreDream-5Medium';color:#222;font-weight: normal;font-style: normal; }
#dionavi .sect3 .slider .conts .dtl_con dl dd {font-size:20px;font-weight:300;color:#222;margin-bottom:10px;}
#dionavi .sect3 .slider .conts .dtl_con .noti {font-size:16px;}
#dionavi .sect3 .slider .ctlbtn {width:130px; height:50px; display:inline-block; cursor: pointer;position:relative;font-family: 'Poppins', sans-serif;font-size:15px; font-weight:400; color:#222;background:none;z-index:10;}
#dionavi .sect3 .slider .ctlbtn span {display:inline-block;padding-bottom:5px;}
#dionavi .sect3 .slider .ctlbtn.b_prev {position:absolute; left:calc(100% - 440px); bottom:115px;text-align:right;transition: all 0.3s;}
#dionavi .sect3 .slider .ctlbtn.b_prev:hover {padding-right:15px;transition: all 0.3s;}
#dionavi .sect3 .slider .ctlbtn.b_prev img {position:absolute; right:0; bottom:7px;transition: all 0.3s;}
#dionavi .sect3 .slider .ctlbtn.b_prev:hover img {position:absolute; right:15px; bottom:7px;transition: all 0.3s;}
#dionavi .sect3 .slider .ctlbtn.b_next  {position:absolute; right:100px; bottom:115px;text-align:left;transition: all 0.3s;}
#dionavi .sect3 .slider .ctlbtn.b_next:hover {padding-left:15px;transition: all 0.3s;}
#dionavi .sect3 .slider .ctlbtn.b_next img {position:absolute; left:0; bottom:7px;transition: all 0.3s;}
#dionavi .sect3 .slider .ctlbtn.b_next:hover img {position:absolute; left:15px; bottom:7px;transition: all 0.3s;}
#dionavi .sect3 .dionavi_recommend {position:relative;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr {height:1300px;margin-top:60px;position:relative;  }
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item {width:70%;min-height:240px;font-size:60px;font-family: 'S-CoreDream-6Bold';color:rgba(34,34,34,.3);font-weight: normal;font-style: normal;position:relative; cursor:pointer; }
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item .itbx{ opacity:1;transition: all 0.5s;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item .itbx_on{ opacity:0;transition: all 0.5s;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item .itbx_on .dtl_sec{width:470px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item .itbx_on .dtl_sec dl{}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item .itbx_on .dtl_sec dl dt {font-size:26px;font-family: 'S-CoreDream-4Regular';font-weight: normal;font-style: normal;color:#4d4caf;margin-bottom:20px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item .itbx_on .dtl_sec dl dd {font-size:20px;font-family:'Noto Sans Kr',"Open Sans","맑은 고딕","Malgun Gothic";font-weight: 300;color:#222;margin-bottom:10px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item .itbx_on .dtl_sec .noti {font-size:14px;font-family:'Noto Sans Kr',"Open Sans","맑은 고딕","Malgun Gothic";color:#515151;font-weight: 300;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item:hover .itbx{width:50%; opacity:0;transition: all 0.5s;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item:hover .itbx_on{width:100%;opacity:1;transition: all 0.5s;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item:hover {color:rgba(34,34,34,1);}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item .it_tit {display:inline-block;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item .qmark{opacity:.7;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it01 {position:absolute;left:0; top:0;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it01 .it_tit {position:absolute; bottom:10px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it01 .it_img {position:absolute;left:230px; bottom:-20px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it01 .qmark{position:absolute;left:420px; bottom:20px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it01 .dtl_sec {position:absolute;left:450px; bottom:30px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it02 {position:absolute;right:-100px; top:280px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it02 .it_tit {position:absolute;left:370px; bottom:10px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it02 .it_img {position:absolute;left:40px; bottom:-20px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it02 .qmark{position:absolute;left:540px; bottom:20px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it02 .dtl_sec {position:absolute;left:-300px; bottom:20px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it03 {position:absolute;left:120px; bottom:320px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it03 .it_tit {position:absolute; bottom:140px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it03 .it_img {position:absolute;left:200px; bottom:-20px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it03 .qmark{position:absolute;left:530px; top:-80px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it03 .dtl_sec {position:absolute;left:540px; bottom:140px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it04 {position:absolute;right:-240px; bottom:40px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it04 .it_tit {position:absolute; left:340px;bottom:20px;z-index:10;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it04 .it_img {position:absolute;left:-100px; bottom:0;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it04 .qmark{position:absolute;left:570px; bottom:20px;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item.it04 .dtl_sec {position:absolute;left:-570px; bottom:20px;}
#dionavi .sect3 .dionavi_recommend .txtbg{font-family: 'Poppins', sans-serif;font-size:150px; font-weight:700; color:rgba(34,34,34,.05);} 
#dionavi .sect3 .dionavi_recommend .tbg1 {position:absolute; right:5%; top:200px; }
#dionavi .sect3 .dionavi_recommend .tbg2 {position:absolute; left:8%; top:420px; }
#dionavi .sect3 .dionavi_recommend .tbg3 {position:absolute; right:6%; top:59%; }
#dionavi .sect3 .dionavi_recommend .tbg4 {position:absolute; left:5%; bottom:2%; }


/* 디오 디지털교정 */
#ortho {}
#ortho .merits {width:100%;clear:both; display: -ms-flexbox; display: -webkit-flex;display: flex;margin-bottom:80px;}
#ortho .merits .col{-webkit-flex: 1;-ms-flex: 1;flex: 1; padding:20px 10px; border-radius:10px; margin: 10px 7px;background:#fff;box-shadow : 2px 5px 4px rgba(219,219,219,.7);}
#ortho .merits .col .icons {width:130px; height:130px; border-radius:65px; background:#feeff4; overflow:hidden;margin:0 auto 30px;}
#ortho .merits .col .desc {margin: 0 auto; color:#212121; font-size:16px; font-weight:400; text-align:center; }
#ortho .merits .col .desc em {color:#4d4caf; font-size:22px; margin-top:5px;display:block;line-height:1.3;}
#ortho .sect1 {padding:0 !important;}
#ortho .sect1 .ortho_info{height:1930px;background:#f2f3f9 url(../images/patient/2022/dionavi_sect1_bg_w.gif) repeat-x 0 -14px;position:relative;}
#ortho .sect1 .ortho_info .txtbg{text-align:center; color:#f2f3f9;font-family: 'Poppins', sans-serif;font-size:200px; font-weight:700;padding-top: 110px;letter-spacing:-13px;}
#ortho .sect1 .ortho_info .conimg {width:1300px;height:558px; position:absolute;left:50%;top:-20px;margin-left:-650px;text-align:center;z-index:10; }
#ortho .sect1 .ortho_info .conimg .hdtxt { font-family: 'S-CoreDream-1Thin';font-weight: normal;font-style: normal; font-size:60px;color:#222;position:absolute;left:0;top:40px;z-index:10; width: 100%; }
#ortho .sect1 .ortho_info .conimg .hdtxt .hdt1{position:absolute;left:50%;margin-left:-350px;}
#ortho .sect1 .ortho_info .conimg .hdtxt .hdt2{position:absolute;left:50%;margin-left:180px;}
#ortho .sect1 .ortho_info .conimg .hdtxt .hdt1 > div, #ortho .sect1 .ortho_info .conimg .hdtxt .hdt2 > div {display:inline-block; opacity: 0;}
#ortho .sect1 .ortho_info .ortho_desc {width:100%;margin:200px 0 0;overflow:hidden;}
#ortho .sect1 .ortho_info .ortho_desc dl {width:30%; float:left; }
#ortho .sect1 .ortho_info .ortho_desc dl dt {font-size:34px;font-family: 'S-CoreDream-4Regular';color:#222;font-weight: normal;font-style: normal; margin-bottom:20px;}
#ortho .sect1 .ortho_info .ortho_desc dl dd {font-size:18px;}
#ortho .sect1 .ortho_info .ortho_desc .ortho_dtl {width:62%; float:right;margin-bottom:50px;}
#ortho .sect1 .ortho_info .ortho_desc .ortho_dtl dl{width:100%;}
#ortho .sect1 .ortho_info .ortho_desc .ortho_dtl dl dt {font-size:30px;font-family: 'S-CoreDream-4Regular';color:#222;font-weight: normal;font-style: normal; margin-bottom:20px;}
#ortho .sect1 .ortho_info .ortho_desc .ortho_dtl dl dd {font-size:18px;}
#ortho .sect1 .oth_list{ display: -ms-flexbox; display: -webkit-flex;display: flex; margin-top:20px;}
#ortho .sect1 .oth_list .col{-webkit-flex: 1;-ms-flex: 1;flex: 1; padding:30px;color:#fff; height:430px; margin: 0 0 0 1px;}
#ortho .sect1 .oth_list .bg01 {background:#111 url(../images/patient/2022/orthonavi_list_bg01.png) no-repeat 0 0; background-size:100%;} 
#ortho .sect1 .oth_list .bg02 {background:#111 url(../images/patient/2022/orthonavi_list_bg02.png) no-repeat 0 0; background-size:100%;} 
#ortho .sect1 .oth_list .bg03 {background:#111 url(../images/patient/2022/orthonavi_list_bg03.png) no-repeat 0 0; background-size:100%;} 
#ortho .sect1 .oth_list .bg04 {background:#111 url(../images/patient/2022/orthonavi_list_bg04.png) no-repeat 0 0; background-size:100%;} 
#ortho .sect1 .oth_list .col dl {margin-top:260px;}
#ortho .sect1 .oth_list .col dl dt {text-align:center; font-family: 'Poppins', sans-serif; font-size:28px; font-weight:200;margin-bottom:20px; }
#ortho .sect1 .oth_list .col dl dd {font-size:17px;font-weight:200;}

/* 
.typing > *{
  overflow: hidden;
  white-space: nowrap;
  animation-delay: 2s;
  animation: typingAnim 4s steps(50);
 
}
@keyframes typingAnim {
  from {width:0;}
  to {width:100%;}
}  
*/


#ortho .sect2 {background:url(../images/patient/2022/orthonavi_sect2_bg.jpg) repeat-x 50% 0; }
#ortho .sect2 .cnt_hdtit {font-size:45px;font-family: 'S-CoreDream-1Thin';font-weight: normal;font-style: normal;color:#222; margin-bottom:10px;text-align:center;}
#ortho .sect2 .cnt_hdtit p{text-align:center; opacity: 0;}
#ortho .sect2 .cnt_hdtit em {font-size:70px; font-family: 'S-CoreDream-7ExtraBold';font-weight: normal;font-style: normal; display:block;}
#ortho .sect2 .cnt_hdtit em div {display:inline-block; opacity: 0;}
#ortho .sect2 .digital_ortho_img {height:500px;background:url(../images/patient/2022/orthonavi_sect2_bg1.png) no-repeat 50% -10px;padding-top:100px; text-align:center;}
#ortho .sect2 .digital_ortho_img .digitalimg {width:1300px; margin: 0 auto; text-align:center;position:relative;}
#ortho .sect2 .digital_ortho_img .digitalimg .step1 {position:absolute; left:0;z-index:10;}
#ortho .sect2 .digital_ortho_img .digitalimg .step2 {width:540px; background:url(../images/patient/2022/orthonavi_sect2_arrow.png) no-repeat 50% 65px;position:absolute; left:50%; top:50px; margin-left:-180px;text-align:center;font-size:24px;color:#222;font-weight:400;}
#ortho .sect2 .digital_ortho_img .digitalimg .step3 {width:300px;position:absolute; right:0; top:60px;text-align:center;}
#ortho .sect2 .digital_ortho_img .digitalimg .step3 .txt_bx{display:inline-block; background:#4d4caf;width:140px; height:40px; border-radius:20px; text-align:center; font-size:22px;font-weight:500; color:#fff;margin-top:30px;}
#ortho .sect2 .process {overflow:hidden;width:1300px; margin: 0 auto;margin-top:50px;background:url(../images/patient/2022/orthonavi_sect2_proc.jpg) no-repeat left 65%;}
#ortho .sect2 .process .titlear {width:38%; float:left;margin-top:30px;}
#ortho .sect2 .process .titlear h4 {font-size:48px;font-family: 'S-CoreDream-6Bold';color:#222;font-weight: normal;font-style: normal;}
#ortho .sect2 .process .titlear .desc_txt{font-size:28px;font-family: 'S-CoreDream-3Light';color:#222;font-weight: normal;font-style: normal;margin-top:25px;}
#ortho .sect2 .process .titlear .desc_txt .f_bold{font-family: 'S-CoreDream-5Medium';}
#ortho .sect2 .process .proc_cnt {width:56%; float:right; }
#ortho .sect2 .process .proc_cnt ul {padding:14px 0;background:url(../images/patient/2022/dionavi_line.gif) repeat-y 70px 0;}
#ortho .sect2 .process .proc_cnt ul li {min-height:155px;margin: 20px 0;overflow:hidden;padding:0;}
#ortho .sect2 .process .proc_cnt ul li .proc_img {width:140px; height:140px; border:6px solid rgba(227,227,232,.9);border-radius:70px;overflow:hidden;box-sizing: border-box;float:left;}
#ortho .sect2 .process .proc_cnt ul li dl {width:calc(100% - 180px); float:left;margin-left:40px;}
#ortho .sect2 .process .proc_cnt ul li dl dt {font-size:24px; font-weight:500; color:#222;margin-bottom:15px;}
#ortho .sect2 .process .proc_cnt ul li dl dd {font-size:18px; font-weight:300; color:#515151;} 
#ortho .sect2 .process .proc_cnt ul li dl dd .sdtl{font-size:16px;}
#ortho .sect2 .process .proc_cnt ul li .step {color:#c3c3c8;font-family: 'Poppins', sans-serif;font-size:16px; font-weight:300;}
#ortho .sect2 .process .proc_cnt ul li .step_num {font-size:34px; font-weight:700;padding-right:5px;}

#ortho .sect3 {background:#f4f5f8 url(../images/patient/2022/orthonavi_sect3_bg.jpg) no-repeat 45% 0;min-height:980px;position:relative;} 
#ortho .sect3 .orthocase {width:499px;background: url(../images/patient/2022/orthonavi_sect3_casetopbg.png) no-repeat 50% top, url(../images/patient/2022/orthonavi_sect3_casebtmbg.png) no-repeat 50% bottom;padding:18px 0 35px;}
#ortho .sect3 .orthocase.btmbg2{background:url(../images/patient/2022/orthonavi_sect3_casetopbg.png) no-repeat 50% top, url(../images/patient/2022/orthonavi_sect3_casebtmbg2.png) no-repeat 50% bottom;}
#ortho .sect3 .orthocase.c1 {position:absolute; left:50%;top:210px;margin-left:-650px;}
#ortho .sect3 .orthocase.c2 {position:absolute; left:50%;top:270px;margin-left:160px;}
#ortho .sect3 .orthocase.c3 {position:absolute; left:50%;top:425px;margin-left:-650px;}
#ortho .sect3 .orthocase.c4 {position:absolute; left:50%;top:485px;margin-left:160px;}
#ortho .sect3 .orthocase.c5 {position:absolute; left:50%;top:645px;margin-left:-650px;}
#ortho .sect3 .orthocase.c6 {position:absolute; left:50%;top:705px;margin-left:160px;}
#ortho .sect3 .orthocase .case_cbx {width:100%;height:100%;min-height:126px;background:url(../images/patient/2022/orthonavi_sect3_casebg.png) repeat-y left 0, url(../images/patient/2022/orthonavi_sect3_casebg.png) repeat-y right 0;padding: 0 10px;box-sizing:border-box; overflow: hidden;}
#ortho .sect3 .orthocase .case_cbx .caseimg {width:140px; height:130px;border-radius:10px;overflow:hidden; float:left;}
#ortho .sect3 .orthocase .case_cbx dl {width:316px; float:right;margin-top:5px;}
#ortho .sect3 .orthocase .case_cbx dl dt {font-size:20px;font-family: 'S-CoreDream-4Regular';color:#222;font-weight: normal;font-style: normal; margin-bottom:8px;background:url(../images/patient/2022/orthonavi_sect3_ic.png) no-repeat left 0;padding:20px 0 2px;}
#ortho .sect3 .orthocase .case_cbx dl dd {font-size:15px;font-family: 'S-CoreDream-3Light';color:#707070;font-weight: normal;font-style: normal;}
#ortho .sect3 .orthocase .case_cbx .ic_btm {margin: 0 0 -10px 3px;}

#ortho .sect4 {padding-bottom:0 !important;}
#ortho .sect4 .ortho_recommend {margin-top:70px;height:468px;background: url(../images/patient/2022/orthonavi_sect4_recommend_bg_v1.png) no-repeat 50% 50%;position:relative;margin-bottom:100px;}
#ortho .sect4 .ortho_recommend .recmd {width:358px; padding:25px;border-radius:10px;background:#feeff4;font-size:26px;font-family: 'S-CoreDream-4Regular';color:#222;font-weight: normal;font-style: normal;position:relative;}
#ortho .sect4 .ortho_recommend .r1 {position:absolute; left:0;top:50px;}
#ortho .sect4 .ortho_recommend .r2 {position:absolute; right:0;top:50px;}
#ortho .sect4 .ortho_recommend .r3 {position:absolute; left:0;bottom:50px;}
#ortho .sect4 .ortho_recommend .r4 {position:absolute; right:0;bottom:50px;}
#ortho .sect4 .ortho_recommend .recmd .point {width:90px;height:16px;background: url(../images/patient/2022/dotline.png) repeat-x 0 50%;position:absolute; right:-82px;top:50%;margin-top:-8px; z-index:10; }
#ortho .sect4 .ortho_recommend .recmd .p2 {position:absolute; left:-80px;top:50%;}
#ortho .sect4 .ortho_recommend .recmd .point .dot {width:16px; height:16px; border-radius:8px; background:#9fa2ad;display:inline-block;}
#ortho .sect4 .btmimg {background: url(../images/patient/2022/orthonavi_sect4_couple.png) no-repeat 50% bottom;height:500px;}
#ortho .sect4 .btmimg .btmtxt { font-family: 'S-CoreDream-7ExtraBold';font-weight: normal; font-style: normal;font-size:70px;color:rgba(34,34,34,.4);width:430px;margin-top:110px;float:left; text-align:right; opacity: 0;}
#ortho .sect4 .btmimg .btmtxt2 { font-family: 'S-CoreDream-7ExtraBold';font-weight: normal; font-style: normal;font-size:140px;color:rgba(34,34,34,1);width:430px;margin-top:200px;float:right; text-align:center;}
#ortho .sect4 .btmimg .btmtxt2 > div {display:inline-block; opacity: 0;}

/* 디오 디지털 투명교정 */
#ortho .ortho2.sect1 {padding:0 !important;}
#ortho .ortho2.sect1 .ortho_info{height:1200px;background:#e8f7f4 url(../images/patient/2022/dionavi_sect1_bg_w.gif) repeat-x 0 -14px;position:relative;}
#ortho .ortho2.sect1 .ortho_info .txtbg{color:#e7f7f4;}
#ortho .ortho2.sect1 .ortho_info .conimg {width:1300px;height:558px; position:absolute;left:50%;top:-20px;margin-left:-650px;text-align:center;z-index:10; }
#ortho .ortho2.sect1 .ortho_info .conimg .htxt { font-family: 'S-CoreDream-1Thin';font-weight: normal;font-style: normal; font-size:60px;color:#222;text-align:left;margin-bottom:190px;}
#ortho .ortho2.sect1 .ortho_info .conimg .htxt .htx{ position:absolute;left:310px;display:inline-block; opacity: 0;}
#ortho .ortho2.sect1 .ortho_info .conimg .htxt em{font-family: 'S-CoreDream-6Bold'; position:absolute;left:530px;top:95px;display:inline-block;}
#ortho .ortho2.sect1 .ortho_info .conimg .htxt em > div {display:inline-block; opacity: 0;}
#ortho .ortho2.sect1 .merits {text-align:center;padding-left: 14%;}
#ortho .ortho2.sect1 .merits .col2{width:calc(100% / 7) !important;flex:none;}
#ortho .ortho2.sect2 {height:1675px;background:#ebeff6 url(../images/patient/2022/orthonavi_ortho2_sect2_bg.jpg) repeat-x 50% 0; }
#ortho .ortho2.sect2 .cnt_hdtit {font-size:45px;font-family: 'S-CoreDream-1Thin';font-weight: normal;font-style: normal;color:#222; margin-bottom:10px;text-align:center;}
#ortho .ortho2.sect2 .cnt_hdtit em {font-size:70px; font-family: 'S-CoreDream-7ExtraBold';font-weight: normal;font-style: normal; display:block; opacity: 0;}
#ortho .ortho2.sect2 .digital_ortho2_img {height:480px;background:#c5cdd7;margin: 80px 0 150px; text-align:center; position:relative;}
#ortho .ortho2.sect2 .digital_ortho2_img .oth_img {width:270px;z-index:10;text-align:center;font-size:28px; color:#fff; font-weight:400;}
#ortho .ortho2.sect2 .digital_ortho2_img .oth_img img {margin-bottom:40px;}
#ortho .ortho2.sect2 .digital_ortho2_img .oth_img.i1 { position:absolute; left:80px;top:80px; }
#ortho .ortho2.sect2 .digital_ortho2_img .oth_img.i2 { position:absolute; right:80px;top:80px; }
#ortho .ortho2.sect2 .digital_ortho2_img .oth_img2 {position:absolute; left:50%; top:50px; margin-left:-259px; z-index:10;}
#ortho .ortho2.sect2 .digital_ortho2_img .bg2 {width:50%;height:480px; float:right;background:#18b1b6;}
#ortho .ortho2.sect2 .digital_printing {height:580px;position:relative;color:#222;font-weight:400;}
#ortho .ortho2.sect2 .digital_printing .toptxt{width:450px;position:absolute; left:50%;top:30px; margin-left:-225px; font-size:26px;font-family: 'S-CoreDream-3Light';font-weight: normal;font-style: normal; text-align:center;z-index:10;}
#ortho .ortho2.sect2 .digital_printing .printimg1 {width:calc(100% - 400px);position:absolute; left:0;top:0; background:url(../images/patient/2022/orthonavi_ortho2_sect2_arrow.png) no-repeat right 50%; }
#ortho .ortho2.sect2 .digital_printing .printimg1 .img_printing{width:420px; float:left;font-size:20px;text-align:center;}
#ortho .ortho2.sect2 .digital_printing .printimg1 .print_dtlimg {position:absolute; bottom:120px;}
#ortho .ortho2.sect2 .digital_printing .printimg2 {width:380px; position:absolute; right:0;top:80px; font-size:20px;text-align:center;  }
#ortho .ortho2.sect3 {height:100%;background:url(../images/patient/2022/orthonavi_ortho2_sect3_bg.png) no-repeat right 0, url(../images/patient/2022/orthonavi_ortho2_sect3_bg2.png) no-repeat calc(50% - 180px) 0; }
#ortho .ortho2.sect3 .titlear {width: calc(100% - 880px);float: left; margin-top: 60px;}
#ortho .ortho2.sect3 .titlear h4 {font-size:45px;font-family: 'S-CoreDream-4Regular';color:#222;font-weight: normal;font-style: normal;margin-bottom:20px;}
#ortho .ortho2.sect3 .titlear h4 em{font-size:60px;font-family: 'S-CoreDream-6Bold';}
#ortho .ortho2.sect3 .titlear .stittxt {font-size:24px;font-family: 'S-CoreDream-3Light';color:#222;font-weight: normal;font-style: normal;}
#ortho .ortho2.sect3 .titlear .ortho2_img {margin-top:128px;}
#ortho .ortho2.sect3 .slider {width:660px;height:600px; float:right;margin:140px 75px 0 0;position:relative;}
#ortho .ortho2.sect3 .slider .conts{width:100%; overflow:hidden; position:absolute;left:0; top:0;}
#ortho .ortho2.sect3 .slider .conts .p_img{width:100%; height:100%; float:left;}
#ortho .ortho2.sect3 .slider .conts .p_img dl {width:50%; float:left; text-align:center; padding: 15px 0 5px;}
#ortho .ortho2.sect3 .slider .conts .p_img dl dt {font-size:20px; font-weight:500; color:#fff; margin-bottom:15px;}
#ortho .ortho2.sect3 .slider .conts .p_img dl dd {margin-bottom:15px;} 
#ortho .ortho2.sect3 .slider .conts .p_img dl.before {background:#c0c4cb;}
#ortho .ortho2.sect3 .slider .conts .p_img dl.after {background:#0aa5b7;}
#ortho .ortho2.sect3 .slider .conts .dtl_con {width:100%; height:100%; float:right; margin-bottom:50px;position:relative; }
#ortho .ortho2.sect3 .slider .conts .dtl_con dl {width:100%; margin:0 auto; }
#ortho .ortho2.sect3 .slider .conts .dtl_con dl dt{ background:url(../images/patient/2022/orthonavi_ortho2_sect3_bl.png) no-repeat 0 50%;padding-left:40px;margin-bottom:15px;font-size:34px;font-family: 'S-CoreDream-5Medium';font-weight: normal;font-style: normal; color:#222;}
#ortho .ortho2.sect3 .slider .conts .dtl_con dl dd {font-size:18px;font-weight:300; }
#ortho .ortho2.sect3 .slider .ctlbtn {width:56px; height:56px; border-radius:28px; display:inline-block; cursor: pointer;border:1px solid rgba(192,196,203,.7);}
#ortho .ortho2.sect3 .slider .b_prev { background:#fff url(../images/patient/2022/ic_prev.png) no-repeat 50% 50%;transition: all 0.3s; position:absolute; left:-75px;top:50%; margin-top:-28px;z-index:10;}
#ortho .ortho2.sect3 .slider .b_next { background:#fff url(../images/patient/2022/ic_next.png) no-repeat 50% 50%;transition: all 0.3s; position:absolute; right:-75px;top:50%; margin-top:-28px;z-index:10;}
#ortho .ortho2.sect3 .slider .b_prev:hover { background:rgba(192,196,203,.7) url(../images/patient/2022/ic_prev.png) no-repeat 50% 50%;transition: all 0.3s;}
#ortho .ortho2.sect3 .slider .b_next:hover { background:rgba(192,196,203,.7) url(../images/patient/2022/ic_next.png) no-repeat 50% 50%;transition: all 0.3s;}
#ortho .ortho2.sect4 {background:#e8f6f4;min-height:820px;}
#ortho .ortho2.sect4 .ortho_recommend {margin-top:70px;height:468px;background: url(../images/patient/2022/orthonavi_ortho2_sect4_recommend_bg.png) no-repeat 50% 50%;position:relative;margin-bottom:100px;}
#ortho .ortho2.sect4 .ortho_recommend .recmd {width:358px; padding:25px;border-radius:10px;background:#caeae5;font-size:26px;font-family: 'S-CoreDream-4Regular';color:#222;font-weight: normal;font-style: normal;position:relative;}
#ortho .ortho2.sect4 .ortho_recommend .r1 {position:absolute; left:0;top:50px;}
#ortho .ortho2.sect4 .ortho_recommend .r2 {position:absolute; right:0;top:50px;}
#ortho .ortho2.sect4 .ortho_recommend .r3 {position:absolute; left:0;bottom:50px;}
#ortho .ortho2.sect4 .ortho_recommend .r4 {position:absolute; right:0;bottom:50px;}
#ortho .ortho2.sect4 .ortho_recommend .recmd .point {width:90px;height:16px;background: url(../images/patient/2022/dotline.png) repeat-x 0 50%;position:absolute; right:-82px;top:50%;margin-top:-8px; z-index:10; }
#ortho .ortho2.sect4 .ortho_recommend .recmd .p2 {position:absolute; left:-80px;top:50%;}
#ortho .ortho2.sect4 .ortho_recommend .recmd .point .dot {width:16px; height:16px; border-radius:8px; background:#9fa2ad;display:inline-block;}

/* 임플란트란 */
#implant {}
#implant .sect1 {padding:0 !important; }
#implant .sect1 .implant_info{height:650px;background:#e6e6e6 url(../images/patient/2022/dionavi_sect1_bg_w.gif) repeat-x 0 -120px;position:relative;}
#implant .sect1 .implant_info .conimg {width:1300px;position:absolute;left:50%;top:0;margin:0 0 0 -650px;text-align:center;z-index:10; }
#implant .sect1 .implant_info .conimg .hdtxt { font-family: 'S-CoreDream-1Thin';font-weight: normal;font-style: normal; font-size:60px;color:#222;position:absolute;left:0;top:70px;z-index:10; width: 100%; }
#implant .sect1 .implant_info .conimg .hdtxt .hdt1{position:absolute;left:0;margin-left:60px; opacity: 0;}
#implant .sect1 .implant_info .conimg .hdtxt .hdt2{position:absolute;left:50%;margin-left:250px;}
#implant .sect1 .implant_info .conimg .hdtxt .hdt2 em > div {display:inline-block; opacity: 0;}
#implant .sect1 .implant_info .conimg .hdtxt em{font-family: 'S-CoreDream-6Bold';}
#implant .sect1 .implant_info .conimg .conimg_dtl {text-align:center; font-size:20px; font-weight:400;margin-top:20px;}
#implant .sect1 .implant_info .conimg .conimg_dtl .dtlimg {margin-bottom:20px;text-align:center;}
#implant .sect1 .implant_con {background:#f9f7f2; padding:100px 0;}
#implant .sect1 .implant_con .implant_desc {width:100%;overflow:hidden;margin-bottom:100px;}
#implant .sect1 .implant_con .implant_desc .desc {width:47%; float:left; margin-top:80px;  }
#implant .sect1 .implant_con .implant_desc .desc dt {font-size:34px;font-family: 'S-CoreDream-4Regular';color:#222;font-weight: normal;font-style: normal; margin-bottom:20px;}
#implant .sect1 .implant_con .implant_desc .desc dd {font-size:18px;}
#implant .sect1 .implant_con .implant_desc .implant_org {width:50%;height:420px; float:right;background:url(../images/patient/2022/implant_sect1_img3.png) no-repeat right top;margin-top:50px;position:relative; }
#implant .sect1 .implant_con .implant_desc .implant_org .org_dtl {width:170px;}
#implant .sect1 .implant_con .implant_desc .implant_org .org_dtl dt {height:38px;line-height:38px; border-radius:19px;background:#4d4caf; color:#fff;font-size:18px; text-align:center;font-family:'Noto Sans Kr';margin-bottom:5px; }
#implant .sect1 .implant_con .implant_desc .implant_org .org_dtl dd {font-size:16px;color:#222; font-weight:400;padding-left:15px;} 
#implant .sect1 .implant_con .implant_desc .implant_org .org_dtl .point {width:70px; height:9px; position:absolute; right:-70px; top:12px;z-index:10; background:url(../images/patient/2022/dotline2.png) repeat-x left top; }
#implant .sect1 .implant_con .implant_desc .implant_org .org_dtl .point .dot {width:9px; height:9px; border-radius:50%; background:#4d4caf; display:inline-block; float:right;}
#implant .sect1 .implant_con .implant_desc .implant_org .org1 {position:absolute; left:95px; top:130px;}
#implant .sect1 .implant_con .implant_desc .implant_org .org2 {position:absolute; left:95px; bottom:100px;}
#implant .sect1 .implant_con .implant_desc .implant_org .org3 {position:absolute; left:50%; top:-20px;}
#implant .sect1 .implant_con .implant_desc .implant_org .org3 .point {transform: rotate( 90deg );float:left;position:absolute; left:-30px; top:60px; }
#implant .sect1 .implant_con .tooth_loss {display: -ms-flexbox; display: -webkit-flex;display: flex;margin:30px 0 100px;}
#implant .sect1 .implant_con .tooth_loss .col{-webkit-flex: 1;-ms-flex: 1;flex: 1; padding:20px 12px; margin: 0 3px;min-height:390px;}
#implant .sect1 .implant_con .tooth_loss .col .num {color:#4d4caf;font-size:50px;font-family: 'S-CoreDream-1Thin';font-weight: normal;font-style: normal;margin-bottom:5px; display:block;}
#implant .sect1 .implant_con .tooth_loss .col dl {width:95%; margin: 0 auto;}
#implant .sect1 .implant_con .tooth_loss .col dl dt {font-size:26px;font-weight:400; color:#fff;margin-bottom:20px;}
#implant .sect1 .implant_con .tooth_loss .col dl dd {font-size:16px;color:rgba(255,255,255,.7);}
#implant .sect1 .implant_con .tooth_loss .bg1 {background:#18191a url(../images/patient/2022/implant_sect1_toothloss_bg1.png) no-repeat 50% bottom;}
#implant .sect1 .implant_con .tooth_loss .bg2 {background:#18191a url(../images/patient/2022/implant_sect1_toothloss_bg2.png) no-repeat 50% bottom;}
#implant .sect1 .implant_con .tooth_loss .bg3 {background:#18191a url(../images/patient/2022/implant_sect1_toothloss_bg3.png) no-repeat 50% bottom;}
#implant .sect1 .implant_con .tooth_loss .bg4 {background:#18191a url(../images/patient/2022/implant_sect1_toothloss_bg4.png) no-repeat 50% bottom;}
#implant .sect1 .implant_con .tooth_loss .bg5 {background:#18191a url(../images/patient/2022/implant_sect1_toothloss_bg5.png) no-repeat 50% bottom;}
#implant .sect1 .implant_con .tooth_loss .bg6 {background:#18191a url(../images/patient/2022/implant_sect1_toothloss_bg6.png) no-repeat 50% bottom;}
#implant .sect1 .implant_con .implant_adv {width:82%; margin: 30px auto;position: relative;}
#implant .sect1 .implant_con .implant_adv .inbox {width:calc(100% - 156px);min-height:660px; border:4px solid #fff; border-radius:30px;box-shadow : 2px 6px 16px rgba(0,0,0,.2);position: relative;}
#implant .sect1 .implant_con .implant_adv .inbox .adv_list {width:68%; position:absolute; left:60px; top:50px; }
#implant .sect1 .implant_con .implant_adv .inbox .adv_list li {margin-bottom:2px;font-size:28px;font-family: 'S-CoreDream-4Regular';color:#222;font-weight: normal;font-style: normal; }
#implant .sect1 .implant_con .implant_adv .inbox .adv_list li .numbr {font-size:50px;font-family: 'S-CoreDream-6Bold';color:#4d4caf;font-weight: normal;font-style: italic;display:inline-block;margin-right:15px;}
#implant .sect1 .implant_con .implant_adv .inbox .adv_list li .numbr .dotline{width:42px; height:7px; background:url(../images/patient/2022/dotline2.png) repeat-x 0 50%;display:inline-block;}
#implant .sect1 .implant_con .implant_adv .inbox .btmt{font-size:60px;font-family: 'S-CoreDream-5Medium';color:#222;font-weight: normal;font-style: normal;position:absolute; left:60px; bottom:30px; z-index:10;}
#implant .sect1 .implant_con .implant_adv .bgimg {position:absolute; right:0; bottom:10px;}
#implant .sect2 {background:#e8edf7;}
#implant .sect2 .imp_insurance {height:620px;background:url(../images/patient/2022/implant_sect2_bg.png) no-repeat 50% top; position:relative; } 
#implant .sect2 .imp_insurance .imp_txt {font-size:60px;font-family: 'S-CoreDream-5Medium';color:#222;font-weight: normal;font-style: normal;display: inline-block;}
#implant .sect2 .imp_insurance .imp_txt.t1 {position:absolute; left:50%; top:175px; margin-left:-600px;}
#implant .sect2 .imp_insurance .imp_txt.t2 {position:absolute; left:50%; top:139px; margin-left:210px; background:url(../images/patient/2022/implant_sect2_arrow.png) no-repeat 95% bottom;}
#implant .sect2 .imp_insurance .imp_txt .smlt {font-size:24px;font-family: 'S-CoreDream-4Regular';}
#implant .sect2 .imp_insurance .imp_txt .num {color:#4d4caf;font-size:50px;font-family: 'S-CoreDream-5Medium';}
#implant .sect2 .imp_insurance .imp_txt .num em {font-size:100px;font-family: 'S-CoreDream-6Bold';line-height:1.1;}
#implant .sect2 .insurance_info{width:82%; margin: 100px auto;clear:both;text-align:center;}
#implant .sect2 .insurance_info .keyword {clear:both;width:100%; margin:100px 0 70px; }
#implant .sect2 .insurance_info .keyword ul {display:inline-block;margin: 0 auto;}
#implant .sect2 .insurance_info .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; }
#implant .sect2 .insurance_info .dtl_info {display: -ms-flexbox; display: -webkit-flex;display: flex;padding-bottom:20px;}
#implant .sect2 .insurance_info .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;}
#implant .sect2 .insurance_info .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;}
#implant .sect2 .insurance_info .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;}
#implant .sect2 .insurance_info .title_sml {font-size:22px; font-weight:400; text-align:center; color:#515151;margin-top:30px;}
#implant .sect2 .insurance_btm_cnt { }
#implant .sect2 .insurance_btm_cnt .innerwr {min-height:500px;background:url(../images/patient/2022/implant_sect2_btmimg.png) no-repeat 0 top;}
#implant .sect2 .insurance_btm_cnt .innerwr .rgt_ctxt {width:calc(100% - 680px); float:right; margin-top:80px; font-size:45px;font-family: 'S-CoreDream-5Medium';color:#222;font-weight: normal;font-style: normal; }
#implant .sect2 .insurance_btm_cnt .innerwr .rgt_ctxt .btm_t {margin-top:30px;}

/* 언론보도 */
#commu {}
#commu .sect1 {padding-top:0 !important; }
#commu .sect1 .commu_search{background:#f2f2f2;overflow:hidden;padding: 25px;text-align:center; margin-bottom:30px;}
#commu .sect1 .commu_search select{height: 50px;border:1px solid #ddd;margin: 0 3px;font-size:16px; color:#515151;padding: 0 10px; -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/ appearance:none;background:#fff url(../images/patient/2022/ic_arrow_down.png) no-repeat 92% 50%;}
#commu .sect1 .commu_search select option{padding:5px 5px;}
#commu .sect1 .commu_search input{height:50px;vertical-align:middle;border:1px solid #ddd;padding:0 15px;margin: 0 3px;font-size:16px;}
#commu .sect1 .commu_search input::placeholder{font-size:16px; color:#515151;}
#commu .sect1 .commu_search a.btn{width:110px;background:#222;height:50px;line-height:50px;color:#fff;display:inline-block;text-align:center;font-size:16px;margin: 0 3px;vertical-align:middle;}
#commu .sect1 .commu_search span.txt{font-size:16px;letter-spacing:-0.5px;display:inline-block;padding-right:8px;}
#commu .sect1 .commu_list {margin-bottom:50px;}
#commu .sect1 .commu_list .total_num {padding-left:10px;margin-bottom:8px;font-size:15px;}
#commu .sect1 .commu_list .total_num span.total{color:#f11367;font-weight:bold;display:inline-block; margin-left:10px;} 
#commu .sect1 .commu_list ul li {border:1px solid #ddd; margin-bottom:15px; padding:15px;overflow:hidden;}
#commu .sect1 .commu_list ul li .date {width:12%; float:left; text-align:center;font-family: 'Poppins', sans-serif; font-size:16px; color:#222;letter-spacing:normal;line-height:1.2;}
#commu .sect1 .commu_list ul li .date .day { font-size:50px; font-weight:700;display:block;}
#commu .sect1 .commu_list ul li .titlear {width:78%; float:left;padding-left:30px;border-left:1px solid #ddd;}
#commu .sect1 .commu_list ul li .titlear .bbs_center {font-size:16px;color:#787878; margin-bottom:10px;}
#commu .sect1 .commu_list ul li .titlear .com_title {font-size:26px; font-weight:400;color:#222;padding: 0 5px 5px 0;}
#commu .sect1 .commu_list ul li .titlear2 {width:100%; text-align:center; border-left:none;}
#commu .sect1 .commu_list ul li .viewer {width:7%; min-height:78px;line-height:78px;float:right;text-align:center;font-size:20px;color:#787878;}



/* 개인정보처리방침2018 */
#privacy_inrto{font-weight:300;margin-bottom:60px;}
#privacy_inrto p.t_title{font-size:36px;}
#privacy_inrto div.t_txt{font-size:20px;}

#privacy_inrto .gr{margin:30px 0 30px;}
#privacy_inrto .gr p.title{font-size:20px;font-weight:500;padding:10px 0 5px;color:#222222;}
#privacy_inrto .gr div.txt{font-size:16px;padding:5px 0}
#privacy_inrto .gr p.stitle{font-size:15px;font-weight:400;padding:15px 0 5px;color: #3d3d3d;}
#privacy_inrto .gr ul.stitle{font-size:15px;font-weight:400;padding:10px 0 10px;color: #3d3d3d;}
#privacy_inrto .gr ul.stitle li{padding:1px 0;}
#privacy_inrto .gr div.stxt{font-size:13px;line-height: 21px;color: #707070;}
#privacy_inrto .gr p.stxt{font-size:13px;line-height: 21px;color: #707070;}
#privacy_inrto .gr ul.stxt{font-size:13px;line-height: 21px;color: #707070;}
#privacy_inrto .gr ul.stxt li{padding:1px 0;}

table.tb_privacy{border-collapse:collapse;text-align:center;width:100%;font-size:13px;}
table.tb_privacy thead th{background:#f4f5f8;border-top:1px solid #333333;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding:8px 3px;font-weight:400;color:#1f1f1f;}
table.tb_privacy thead th:first-child{border-left:none;}
table.tb_privacy tbody td{border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;padding:10px 3px;}
table.tb_privacy tbody td.alignL{padding:8px 10px 8px 20px;text-align:left;}
table.tb_privacy tbody td:first-child{border-left:none;}



/* == mediaQuery Start
======================================================= */
@media screen and (max-width:1650px){	
	.scr_gnb{position:fixed; top:50%; right:0;}
	
	#implant .sect1 .implant_con .implant_adv {width:94%;}
	
}



@media screen and (max-width:1500px){	
	#dionavi .sect2 .process .proc_cnt ul li dl {width:calc(100% - 270px); }
	
	#dionavi .sect3 .slider {width:1300px;}
	#dionavi .sect3 .slider .lft_titlear dl { width: calc(100% - 250px);}
	
	#implant .sect2 .insurance_info{width:94%; }
	
}

/* 커스텀 애니메이션 ===========================================================*/
@keyframes ani_slideUp { 
    0%	 { transform-origin: bottom; transform:translateY(20px); opacity: 0; }
    100% { transform-origin: bottom; transform:translateY(0px); opacity: 1; }
}
@keyframes ani_slideRight { 
    0%	 { transform-origin: bottom; transform:translateX(-40px); opacity: 0; }
    100% { transform-origin: bottom; transform:translateX(0px); opacity: 1; }
}
@keyframes ani_fadeIn { 
    0%	 { opacity: 0; }
    100% { opacity: 1; }
}

/* 공통 Title */
.patient_title {opacity:0;}
.patient_subTitle {opacity:0;}
.patient_title_slideUp {animation:ani_slideUp 0.5s ease-in-out 1 forwards 0.5s;}
.patient_subTitle_slideUp {animation:ani_slideUp 0.5s ease-in-out 1 forwards 1.5s;}

/* 디오나비 - sect3 */
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item_on {color:rgba(34,34,34,1);}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item_on .itbx{width:50%; opacity:0;transition: all 0.5s;}
#dionavi .sect3 .dionavi_recommend .recmm_conwr .rec_item_on .itbx_on{width:100%;opacity:1;transition: all 0.5s;}

/* 교정1 - sect1 */
.patient_ortho_sect1_txt1 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 0.2s;}
.patient_ortho_sect1_txt2 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 0.4s;}
.patient_ortho_sect1_txt3 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 0.6s;}
.patient_ortho_sect1_txt4 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 0.8s;}
.patient_ortho_sect1_txt5 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.0s;}
.patient_ortho_sect1_txt6 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.2s;}
.patient_ortho_sect1_txt7 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.4s;}
.patient_ortho_sect1_txt8 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.6s;}
.patient_ortho_sect1_txt9 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.8s;}
.patient_ortho_sect1_txt10{animation:ani_fadeIn 0.2s ease-in-out 1 forwards 2.0s;}
.patient_ortho_sect1_txt11{animation:ani_fadeIn 0.2s ease-in-out 1 forwards 2.2s;}
/* 교정1 - sect2 */
.patient_ortho_sect2_txt1 {animation:ani_slideUp 0.5s ease-in-out 1 forwards 0.5s;}
.patient_ortho_sect2_txt2 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.6s;}
.patient_ortho_sect2_txt3 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.8s;}
.patient_ortho_sect2_txt4 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 2.0s;}
.patient_ortho_sect2_txt5 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 2.2s;}
.patient_ortho_sect2_txt6 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 2.4s;}
.patient_ortho_sect2_txt7 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 2.6s;}
/* 교정1 - sect4 */
.patient_ortho_sect4_txt1 {animation:ani_slideRight 0.5s ease-in-out 1 forwards 0.5s;}
.patient_ortho_sect4_txt2 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.2s;}
.patient_ortho_sect4_txt3 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.4s;}
.patient_ortho_sect4_txt4 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.6s;}

/* 교정2 - sect1 */
.patient_ortho2_sect1_txt1 {animation:ani_slideUp 0.5s ease-in-out 1 forwards 0.5s;}
.patient_ortho2_sect1_txt2 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.2s;}
.patient_ortho2_sect1_txt3 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.4s;}
.patient_ortho2_sect1_txt4 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.6s;}
.patient_ortho2_sect1_txt5 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.8s;}
.patient_ortho2_sect1_txt6 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 2.0s;}
/* 교정2 - sect2 */
.patient_ortho2_sect2_txt1 {animation:ani_slideUp 0.5s ease-in-out 1 forwards 0.5s;}
.patient_ortho2_sect2_txt2 {animation:ani_slideUp 0.5s ease-in-out 1 forwards 1.0s;}

/* 임플란트 - sect1 */
.patient_implant_sect1_txt1 {animation:ani_slideRight 0.5s ease-in-out 1 forwards 0.2s;}
.patient_implant_sect1_txt2 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.0s;}
.patient_implant_sect1_txt3 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.2s;}
.patient_implant_sect1_txt4 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.4s;}
.patient_implant_sect1_txt5 {animation:ani_fadeIn 0.2s ease-in-out 1 forwards 1.6s;}

/* // 커스텀 애니메이션 ========================================================*/