:root{--ani:cubic-bezier(.32,.94,.6,1)}

.mark {display: inline !important;box-shadow: inset 0 -0.4em 0 rgba(0,93,153, 0.3);  font-size:inherit;}
.mark_box {display: inline !important; background-color: #000; padding: 0 .3rem; font-size:inherit;}
.mark_box2 {display: inline !important; background-color: #ed6b06; padding: 0 .5rem; line-height:1.5; font-size:inherit;}
.mark_box3 {display: inline !important; background-color: #005d99; padding: 0 .5rem; font-size:inherit;}


.mark_box_w {display: inline !important; background-color: #fff; padding: 0 .5rem;}
.line_left {width:47px; height: 2px; background-color: #000; margin: 30px 0;}
.line_left_w {width:47px; height: 2px; background-color: #fff; margin: 30px 0;}
.line {width:47px; height: 2px; background-color: #000; margin: 30px auto;}
.line_w {width:47px; height: 2px; background-color: #fff; margin: 30px auto;}
.subTit {font-size: 3.125rem; line-height: 1.2; font-weight: 700; font-family: 'NanumSquare';}
.max940 {max-width: 940px; margin: auto;}
.hyphen {position: relative; padding-left: 20px;}
.hyphen:before {content:'-'; position: absolute; left: 0; top:0; bottom:0; margin: auto;}
.dot {position: relative; padding-left: 10px;}
.dot:before {content:'· '; position: absolute; left: 0; top:0; bottom:0; margin: auto;}
@media (max-width: 1600px) {
    .subTit {font-size: 2.5rem;}
}

/* sub Top */
.subTop {height:37.500em;position:Relative;top:0;left:0;overflow:hidden;}
.subTop .subTopImg {position:absolute;top:0;left:0;width:100%;height:37.500em;opacity:0;transform:scale(1.05);transition:transform 2s var(--ani)}
.subTop .subTopImg.on {opacity:1;transform:scale(1)}
.subTop .subTop_tit {letter-spacing: 9px; font-weight: 700;}
.subTop .inner {position: relative; max-width: 1400px; margin: auto; color:#fff; top:13em; padding-left: 2.500rem;}
.subTop .inner:after {content:''; height: 90%; width:0.625rem; position: absolute; background-color: #fff; left: 0; top:0; bottom:0; margin: auto;}



/* subTop mp4 */
.subTop_mp4 .main_mp4 {max-width: 1920px; margin: auto; overflow: hidden; position: relative;}
.subTop_mp4 .main_mp4:after {content:''; position: absolute; width: 100%; height: 100%; top:0; bottom:0; right:0; left:0; margin: auto; background-color: transparent;}
.subTop_mp4 .main_mp4 video {max-width:100%;}

/* .sub .sub_youtubeBox {max-width:43.688rem; width:100%; height:24.563rem;} */
.sub .sub_youtubeBox { position:relative; height:0; padding-bottom:56.25%;}
.sub .sub_youtubeBox.sec_leftBox {margin-left:5rem;}
/* .sub .sub_youtubeBox .youtube-background {position:relative !important;} */
.sub.successStory .sub_youtubeBox iframe {padding:100px;}

.sub.digitalImplant .intro {background-image:url('/design/default/images/digitalImplant_intro.jpg');}
.sub.totalImplant .intro {background-image:url('/design/default/images/totalImplant_intro.jpg');}
.sub.revision .intro {background-image:url('/design/default/images/revision_intro.jpg');}
.sub.digitalQuick .intro {background-image:url('/design/default/images/digitalQuick_intro.jpg');}
.sub .intro {background: no-repeat center; background-size: cover;}
@media (max-width: 768px) {
    .sub .intro {position: relative; background-position: 70%;}
    .sub.digitalQuick .intro {position: relative; background-position: left;}
    .sub .intro .width50 {width: 100%;}
    .sub .intro .container {position: relative; z-index: 3;}
    .sub .intro:before {content:''; position: absolute; width: 100%; height: 100%; /*background-color: rgba(194,235,254,.7);*/ background-color: rgba(255,255,255,.6); top:0;}
	.sub .sub_youtubeBox.sec_leftBox {margin-left:1rem;}
}

.sub.digitalImplant .why_desc {background-image: url('/design/default/images/digitalImplant_why.jpg'); background-size: cover;}
.sub.digitalQuick .why_desc {background-image: url('/design/default/images/digitalQuick_why.jpg'); background-size: cover;}
.sub .why_desc {padding: 8rem 0; background-repeat: no-repeat; background-position: center;}
.sub .why_desc .txt {max-width: 700px;}
@media (max-width: 900px) {
    .sub .why_desc {position: relative; background-position: left; transition: .5s;}
    .sub.digitalQuick .why_desc {position: relative; background-position: 70%; transition: .5s;}
    .sub .why_desc:before {content:''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); top:0;}
    .sub .why_desc .txt {padding: 0 1em; position: relative; z-index: 3;}
}


.sub .worry {background: no-repeat center; background-size: cover;}
.sub.digitalImplant .worry {background-image: url('/design/default/images/digitalImplant_worry.jpg');}
.sub .worry .width50:first-child {padding-right: 2em;}
@media (max-width: 900px) {
    .sub .worry .flex {flex-direction: column;}
    .sub .worry .flex .width50 {width: 100%;}
    .sub .worry .flex .width50:last-child {margin-top: 3em;}
}
@media (max-width: 500px) {
    .sub .worry .width50:first-child img {width: 70%;}
}

/* imgDesc */
.sub.totalImplant .imgDesc.imgDescBg.doctor {background-color: #005d99; /*background: no-repeat center url('/design/default/images/totalImplant_imgDescBg.jpg'); background-size: cover;*/}

.sub .imgDesc.imgDescBg.result.doctor {background-color: #005d99; background-image: none; /*position: relative; background: no-repeat center url('/design/default/images/totalImplant_imgDescBg.jpg'); background-size: cover;*/}
/* .sub .imgDesc.imgDescBg.result.doctor:before {content:''; position: absolute; width: 100%; height: 15rem; left: 0; top:6.250em; bottom:0; margin: auto; background: linear-gradient(90deg, #ed6b06,transparent);} */
.sub .imgDesc.imgDescBg.result.doctor .container {position:relative; z-index: 1;}

.sub.navigation .imgDesc.imgDescBg {background: no-repeat center url('/design/default/images/navigation_imgDescBg.jpg'); background-size: cover;}

.sub .imgDesc .txt {padding-left: 2em;}
.sub .imgDesc.reverse .txt {padding-left: 0;}
.sub .imgDesc.reverse .img {padding-left: 1em;}
.sub .imgDesc.reverse .img img {margin-left: auto;}
.sub .imgDesc .half_wrap {display: flex;}
.sub .imgDesc .half_wrap .half-1 {margin-right: 2%;}
.sub .imgDesc .half_wrap .half-1:nth-child(2n) {margin-right: 0;}
.sub .imgDesc .desc_tit {padding: .3em; text-align: center;}
@media (max-width: 900px) {
    .sub .imgDesc .flex {flex-direction: column;}
    .sub .imgDesc .width50 {width: 100%;}
    .sub .imgDesc .width50.txt {order:-1; margin-bottom: 2em;}
    .sub .imgDesc.reverse .img {padding-left: 0; margin-top: 2em;}
    .sub .imgDesc.reverse .img img {margin-left: 0; margin-right: auto;}
    .sub .imgDesc.reverse .img .center_img {margin-left: auto; margin-right: auto;}

    .sub .imgDesc.imgDescBg.result.doctor:before {display: none;}
    .sub .imgDesc.imgDescBg.result.doctor .txt p {display: inline !important; background-color: #ed6b06; padding: .05em 0em;}
}


.sub.digitalImplant .knowhow {background-image: url('/design/default/images/digitalImplant_knowhow_bg.jpg');}
.sub.totalImplant .knowhow {background-image: url('/design/default/images/totalImplant_knowhow_bg.jpg');}
.sub .special .knowhow {/*background-image: url('/design/default/images/special_knowhow_bg.jpg');*/}
.sub .tiger .knowhow {background-image: url('/design/default/images/tiger_knowhow_bg.jpg');}
.sub .knowhow {background: no-repeat center; background-size: cover;}


/* onBox */
.sub .onBox .onbox-wrap .box .descTit .one {position: relative; width: 12px; height: 12px; border-radius: 50%; background-color: #d2d2d2; margin: auto; transition: 1s;}
.sub .onBox .onbox-wrap .box .descTit .one:before {content:''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: rgba(0,0,0,.3); top:0;bottom:0;right:0;left:0;margin: auto; z-index: -1; transition: .5s;}


@media (min-width: 1301px) {
.sub .onBox .onbox-wrap {position: relative; margin-top: 4.375em; display:flex; flex-wrap: wrap; justify-content: center;}
.sub .onBox .onbox-wrap:after {content:''; position: absolute; width: 100%; height: 1px; background-color: #b5b5b5; left:0; right:0; top:.3em; margin: auto; z-index: -3;}

.sub .onBox .onbox-wrap .box .descTit {margin-bottom: 100px; position: relative;}
.sub .onBox .onbox-wrap .box.on .descTit .one:before {background-color: rgba(148,187,212,.8); transform: scale(2.2);}
.sub .onBox .onbox-wrap .box.on .descTit .one {background-color:#005d99;}
.sub .onBox .onbox-wrap .box .descTit> p {color:#bfbfbf; font-weight: 700;}
.sub .onBox .onbox-wrap .box.on .descTit> p {color:#005d99;}

.sub .onBox .onbox-wrap .box .desc {transition: .5s; opacity: .3;}
.sub .onBox .onbox-wrap .box.on .desc {margin-top: -40px; opacity: 1;}

.sub .onBox .onbox-wrap.box4 .box {width:23.5%; margin-right:2%; box-sizing:border-box;}
.sub .onBox .onbox-wrap.box4 .box:last-child {margin-right: 0;}
}

@media(min-width:1301px){
    .sub .onBox .onbox-wrap.box4.box6 .box{width:14.5%;}
}
@media (max-width: 1300px) {
    .sub .onBox .onbox-wrap .box .descTit {position: relative; margin:20px 0;}
    .sub .onBox .onbox-wrap .box .descTit:after {content:''; width: 100%; height: 1px; background-color: #b5b5b5; position: absolute; right:0; left:0; margin: auto; top:.5em; z-index: -1;}
    .sub .onBox .onbox-wrap .swiper-slide-active .descTit .one {background-color:#005d99;}
    .sub .onBox .onbox-wrap .swiper-slide-active .descTit .one:before {background-color: rgba(148,187,212,.8); transform: scale(2.2);}
    .sub .onBox .onbox-wrap .swiper-slide-active .descTit> p {color:#005d99;}
    .sub .onBox .onBoxSwiper .swiper-slide {opacity: .3;}
    .sub .onBox .onBoxSwiper .swiper-slide-active {opacity:1;}
    .sub .onBox .onBoxSwiper .swiper-pagination {position: relative; bottom:0; margin-top: 1em;}
}



/* point */
.sub .point .num {max-width: 3.5rem; width: 100%; height: 3.5rem; display: flex; align-items: center; justify-content: center;}
.sub .point .desc {padding: 0 1em;}
.sub .point .point_line {width: 100%; height: 1px; background-color: #005d99; margin: 10px 0;}
.sub .point .point_line_w {width: 100%; height: 1px; background-color: #fff; margin: 10px 0;}
@media (max-width: 768px) {
    .sub .point .half-1:nth-child(n+2) {margin-top: 2em;}
}



/* special */
.sub .special .width25{height:602px;}
.sub .special .swiper-slide .txt {position: absolute; bottom:40px; padding: 0 1em; color:#fff;}
.sub .special .swiper-pagination {position: relative; display: flex; flex-direction: column; height: 100%; }
.sub .special .swiper-pagination-bullet {width: 100%; height: calc(100% / 7); padding: .5em 0; border-radius: 0; display: flex; align-items: center; justify-content: center; opacity: 1; color:#000; background-color: #f7f7f7;}
.sub .special .swiper-pagination-bullet:nth-child(even) {border-top:1px solid #fff; border-bottom:1px solid #fff;}
.sub .special .swiper-pagination-bullet-active {background-color: #005d99; color:#fff;}
@media (max-width: 1400px) {
    .sub .special .width25{height:auto;}
	.sub .special .flex {flex-direction: column;}
    .sub .special .width75, .sub .special .width25 {width: 100%;}
    .sub .special .swiper-pagination {flex-direction: row; flex-wrap: wrap;}
    .sub .special .swiper-pagination-bullet {height: auto; width:33.333%; padding: 1em; border:1px solid #fff;}
    .sub .special .swiper-slide .txt {position: relative; bottom:auto; margin-top: 10px; color:#000;}
    .sub .special .swiper-pagination-bullet {width: 50%;}
    .sub .special .swiper-pagination-bullet:last-child {width: 100%;}
}

/* what */
.sub .what .half-1.img {position: relative;}
.sub .what .half-1.img .txt {position: absolute; top:0; bottom:0; right:0; left:0; margin: auto; text-align: center; height: fit-content;}
.sub .what .cont_box {position: relative;}
.sub .what .cont_box .one {width: 15.625rem; height: 15.625rem; border-radius: 50%; background-color: #fff; position: absolute; right:0; left:0; top:0; bottom:0; margin: auto; display: flex; align-items: center; justify-content: center; text-align: center; border:1rem solid #005d99;}
@media (max-width: 768px) {
    .sub .what .flex {flex-direction: column;}
    .sub .what .half-1 {width: 100%; margin-top: 1em;}
    .sub .what .desc {margin-top: 2em;}
    .sub .what .cont_box .one {top:-7.5rem; bottom:auto; width:12rem; height: 12rem;}
}

/* system */
.sub .system .box_wrap3 .box {width: 32.3333%; margin-right: 1.5%;}
.sub .system .box_wrap3 .box:nth-child(3n) {margin-right: 0;}
.sub .system .tit {height: 6rem; display:flex; align-items: center; justify-content: center;}
@media (max-width: 500px) {
    .sub .system .box_wrap3 .box {width: 100%; margin-right: 0;}
    /* .sub .system .box_wrap3 .box:nth-child(2n) {margin-right: 0;} */
    .sub .system .box_wrap3 .box:nth-child(n+2) {margin-top: 2em;}
}

/* target */
.sub.diabetesImplant .target {background: no-repeat center url('/design/default/images/diabetesImplant_targetBg.jpg'); background-size: cover;}
.sub .target .target_wrap {display: flex; flex-wrap: wrap;}
.sub .target .target_wrap.box2 .box {width: 49%; min-height: 8.750em; background-color: #fff; margin-right: 2%; padding: 1.5em; display: flex; align-items: center;}
.sub .target .target_wrap.box2 .box:nth-child(2n) {margin-right: 0;}
.sub .target .target_wrap.box2 .box:nth-child(n+3) {margin-top: 2%;}

.sub .target .target_wrap.box3 .box {width: 32%; margin-right: 2%; min-height: 8.750em; background-color: #fff; padding: 1.5em; display: flex; align-items: center;}
.sub .target .target_wrap.box3 .box:nth-child(3n) {margin-right:0;}
.sub .target .target_wrap.box3 .box:nth-child(n+4) {margin-top: 2%;}
@media (max-width: 900px) {
    .sub .target .target_wrap.box3 .box  {width: 49%; margin-right: 2%;}
    .sub .target .target_wrap.box3 .box:nth-child(2n) {margin-right: 0;}
    .sub .target .target_wrap.box3 .box:nth-child(3) {margin-right: 2%;}
    .sub .target .target_wrap.box3 .box:nth-child(n+3) {margin-top: 2%;}
}
@media (max-width: 768px) {
    .sub .target .target_wrap.box2 .box, .sub .target .target_wrap.box3 .box {width: 100%; margin-right: 0;}
    .sub .target .target_wrap.box2 .box:nth-child(n+2), .sub .target .target_wrap.box3 .box:nth-child(n+2) {margin-top: 2%;}
    .sub .target .target_wrap.box3 .box:nth-child(3) {margin-right: 0;}
}



/* process */
.sub.navigation .process {position: relative; overflow: hidden; background-color: #f2f7fa;}
.sub.navigation .process:after {content:url('/design/default/images/navigation_top.jpg'); position: absolute; width: 100%; top:0; left:0; z-index: 0;}
.sub.navigation .process .container {position: relative; z-index: 1;}
.sub .process .process_box:nth-child(n+2) {margin-top: 3em;}
.sub .process .process_box .tit {background-color: #fff; padding: 1em 2em; display: flex; align-items: center;}
.sub .process .process_box .tit .width20 {position: relative; padding-right: 20px; text-align: center;}
.sub .process .process_box .tit .width80 {padding-left: 40px;}
.sub .process .process_box .tit .width20:before {content:''; position: absolute; width: 1px; height: 80%; background-color:#005d99; right:0; top:0; bottom:0; margin: auto;}
@media (max-width: 900px) {
    .sub .process .process_box .tit {flex-direction: column;}
    .sub .process .process_box .tit .width20, .sub .process .process_box .tit .width80 {width: 100%;}
    .sub .process .process_box .tit .width20 {text-align: left; margin-bottom: 10px;}
    .sub .process .process_box .tit .width20:before {width: 100%; height: 1px; bottom:0; top:auto;}
    .sub .process .process_box .tit .width80 {padding-left: 0;}
}


/* point */
.sub .point2 .box {position: relative; padding:3em 2em;}
.sub .point2 .box .roundBox {position: absolute; width: 15.625rem; height: 3.750rem; border-radius: 30px; background-color: #005d99; display: flex; align-items: center; justify-content: center; color:#fff; right:0; left:0; margin: auto; top:-2.1rem;}
@media (max-width: 900px) {
    .sub .point2 .box_wrap4 .box {width: 49%; margin-right: 2%;}
    .sub .point2 .box_wrap4 .box:nth-child(2n) {margin-right: 0;}
    .sub .point2 .box_wrap4 .box:nth-child(n+3) {margin-top: 4em;}
}
@media (max-width: 500px) {
    .sub .point2 .box_wrap4 .box {width: 100%; margin-right: 0;}
    .sub .point2 .box_wrap4 .box:nth-child(n+2) {margin-top: 4em;}
}


/* merit */
.sub.implantDenture .merit {background: no-repeat center url('/design/default/images/meritBg.jpg'); background-size: cover;}
.sub .merit .box_wrap3 {justify-content: center; margin-top: 3em;}
.sub .merit .box_wrap3 .box {position: relative; padding:3em 1em 2em; background-color: #fff;}
.sub .merit .box_wrap3 .box:nth-child(n+4) {margin-top: 3em;}
.sub .merit .box_wrap3 .box .num {position: absolute; top:-2.3rem; right:0; left:0; margin: auto; width: 4.688rem; height: 4.688rem; border-radius: 50%; background-color: #000; color:#fff; font-weight: 700; display: flex; align-items: center; justify-content: center;}
@media (max-width: 768px) {
    .sub .merit .box_wrap3 .box {width: 49%; margin-right: 2%;}
    .sub .merit .box_wrap3 .box:nth-child(2n) {margin-right: 0;}
    .sub .merit .box_wrap3 .box:nth-child(n+3) {margin-top: 3em;}
}
@media (max-width: 500px) {
    .sub .merit .box_wrap3 .box {width: 100%; margin-right: 0;}
    .sub .merit .box_wrap3 .box:nth-child(n+2) {margin-top: 3em;}
}


/* implantTB */
.sub .implantTB {width: 100%; text-align: center; border-spacing: 0;}
.sub .implantTB td {padding:1em;}
.sub .implantTB .bg-Tb {background-color: #f7c49b;}
.sub .implantTB .border_tb {border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
.sub .implantTB .border_tb_w {border-top:1px solid #fff; border-bottom:1px solid #fff;}
.sub .implantTB .border_t {border-top:1px solid #cfcfcf;}
.sub .implantTB .border_t_w {border-top:1px solid #fff;}



/* benefit */
.sub .benefit .oneBox {width:100%; max-width: 16.250rem; height: 16.250rem; margin: auto; border-radius: 50%; background-color: #ed6b06; display: flex; align-items: center; justify-content: center;}
@media (max-width: 768px) {
    .sub .benefit .oneBox {max-width: 15rem; height: 15rem;}
    .sub .benefit .box_wrap3 .box {width: 49%; margin-right: 2%;}
    .sub .benefit .box_wrap3 .box:nth-child(2n) {margin-right:0;}
    .sub .benefit .box_wrap3 .box:nth-child(n+3) {margin-top:2%;}
}

/* insurance */
.sub .insurance .half-1 {background-color: #fff;}
.sub .insurance .half-1 .tit {background-color: #005d99; padding: .5em 1em; color:#fff; text-align: center;}
.sub .insurance .desc {padding: 2em;}
.sub .insurance .desc.descLine {position: relative;}
.sub .insurance .desc.descLine:after {content:''; position: absolute; width: 90%; height: 1px; background-color: #cfcfcf; top:0; left: 0; right:0; margin: auto;}
.sub .insurance .desc.descLine:before {content:''; position: absolute; width: 90%; height: 1px; background-color: #cfcfcf; bottom:0; left: 0; right:0; margin: auto;}
.sub .insurance .desc.descLine_top {position: relative;}
.sub .insurance .desc.descLine_top:after {content:''; position: absolute; width: 90%; height: 1px; background-color: #cfcfcf; top:0; left: 0; right:0; margin: auto;}
@media (max-width: 768px) {
    .sub .insurance .flex {flex-direction: column;}
    .sub .insurance .half-1 {width: 100%;}
    .sub .insurance .half-1:last-child {margin-top: 3em;}
}


/* operation */
.sub .operation {background: no-repeat center url('/design/default/images/boneGraft_operationBg.jpg'); background-size: cover;}
.sub .operation .txtBox {background-color: #fff; padding:3em 4em;}


/* boneList */
.sub .boneList .b_List li {padding: 1em 2em; display: flex; align-items: center;}
.sub .boneList .b_List li:nth-child(n+2) {margin-top: 1em;}
@media (max-width: 900px) {
    .sub .boneList .flex {flex-direction: column;}
    .sub .boneList .half-1 {width: 100%;}
    .sub .boneList .b_List {margin-top: 2em;}
}
@media (max-width: 500px) {
    .sub .boneList .b_List li {flex-direction: column;}
    .sub .boneList .b_List li .width30, .sub .boneList .b_List li .width70 {width: 100%;}
}



/* quickYoutube */
.sub .quickYoutube {background: linear-gradient(90deg, #f5d7c0, #fff);}
.sub .quickYoutube .txt {padding-left: 2em;}
@media (max-width: 900px) {
    .sub .quickYoutube .flex {flex-direction: column;}
    .sub .quickYoutube .half-1 {width: 100%;}
    .sub .quickYoutube .half-1.txt {order:-1; margin-bottom: 2em;}
}


/* quick */
.sub .quick {background: no-repeat center url('/design/default/images/quick_bg.jpg'); background-size: cover;}
.sub .quick .txt {position: relative; max-width: 1000px; margin-right: auto;}
.sub .quick .txtBox {position: relative; width: 100%; max-width: 46rem; margin-left: auto; margin-right: 30px; background-color: #fff; padding: 2em;}
.sub .quick .txtBox:after {content:''; position: absolute; right:-50px; top:0; bottom:0; margin: auto; width: 0; height: 0; border-bottom: 30px solid transparent; border-top: 30px solid transparent; border-left: 30px solid #fff; border-right: 30px solid transparent;}
.sub .quick .bgNum {position: relative;}
.sub .quick .bgNum:before {content:'6'; position: absolute; left: 0; top:0; bottom:0; margin: auto; font-size: 28em; font-weight: 900; opacity: .1; color:#fff; line-height: .75;}
@media (max-width: 900px) {
    .sub .quick {background-position: 70%;}
}




/* quickSpeed */
.sub .quickSpeed .half.txt {display: flex; align-items: center; justify-content: center; padding: 1em;}
@media (max-width: 900px) {
    .sub .quickSpeed .flex {flex-direction: column;}
    .sub .quickSpeed .half {width: 100%;}
    .sub .quickSpeed .half.txt {order:1; margin: 2em 0;}
}


/* care */
.sub .care {position: relative;}
.sub .care .careSwiper .img_wrap {display: flex; justify-content: space-between; margin-top: 1em;}
.sub .care .careSwiper .after-img {position: relative;}
.sub .care .careSwiper .after-img .loginBox {position: absolute;width: 100%; height: 100%; background-color: rgba(0,0,0,.8); display: flex; align-items: center; justify-content: center;}
.sub .care .swiper-button-prev:after {content:url('/design/default/images/prev.png')}
.sub .care  .swiper-button-next:after {content:url('//design/default/images/next.png')}
.sub .care .swiper-button-prev, .sub .care .swiper-button-next {top:-1em;}
.sub .care .btn_wrap {max-width: 1500px; margin: auto; position: relative; top:-10em;}
.sub .care .swiper-button-prev {left:10px;}
.sub .care .swiper-button-next {right: 10px;}
@media (max-width: 1200px) {
    .sub .care .swiper-button-prev, .sub .care .swiper-button-next {top:1em;}
}
@media (max-width: 768px) {
    .sub .care .careSwiper .img_wrap {flex-direction: column;}
    .sub .care .careSwiper .img_wrap .half-1 {width: 100%;}
    .sub .care .swiper-button-prev, .sub .care .swiper-button-next {display: none;}
}
@media (max-width: 768px) {
    .sub .care .careSwiper .txt.flex {flex-direction: column;}
}



/* digital */
.sub .digital {background: no-repeat center url('/design/default/images/digital_bg.jpg'); background-size: cover;}
.sub .digital .box_wrap5 {justify-content: center;}
@media (max-width: 900px) {
    .sub .digital .box_wrap5 .box {width: 30%; margin-right: 5%;}
    .sub .digital .box_wrap5 .box:nth-child(3n) {margin-right: 0;}
    .sub .digital .box_wrap5 .box:nth-child(n+4) {margin-top: 3%;}
}

@media (max-width: 500px) {
    .sub .digital .box_wrap5 .box img {width: 70%;}
    .sub .digital .box_wrap5 .box {width: 48%; margin-right: 2%;}
    .sub .digital .box_wrap5 .box:nth-child(3) {margin-right: 2%;}
    .sub .digital .box_wrap5 .box:nth-child(2n) {margin-right: 0;}
    .sub .digital .box_wrap5 .box:nth-child(n+3) {margin-top: 3%;}
}





/* //// intro_txt //// */
.sub .intro_txt .container > .flex{flex-direction:column;}
.sub .intro_txt .inner .txt{display:inline-block;position:relative;}
.sub .intro_txt .inner .txt:before{content:'��';display:block;position:absolute;top:0;left:0;right:auto;bottom:auto;margin:auto;transform:translateX(-200%);font-family:'Nanum Myeongjo', serif;font-size:4.375rem;font-weight:400;line-height:70px;}
.sub .intro_txt .inner .txt:after{content:'��';display:block;position:absolute;top:auto;left:auto;right:0;bottom:0;margin:auto;transform:translate(200%, 50%);font-family:'Nanum Myeongjo', serif;font-size:4.375rem;font-weight:400;line-height:70px;}
.sub .intro_txt .inner .txt em{color:#111;position:relative;z-index:0;}
.sub .intro_txt .inner .txt em:after{content:'';display:block;position:absolute;width:100%;height:50%;top:auto;left:0;right:0;bottom:0;margin:auto;background:#d9e7f0;z-index:-1;}
.sub .intro_txt a{display:inline-block;}
.sub .intro_txt a p,
.sub .intro_txt a .imgbdiv{display:inline-block;vertical-align:middle;}
.sub .intro_txt a .imgbdiv{margin-left:5px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;position:relative;right:0;margin:auto;}
.sub .intro_txt a:hover p{color:#005d99;}
.sub .intro_txt a:hover .imgbdiv{right:-10px;}
@media(max-width:500px){
    .sub .intro_txt .inner .txt{width:80%}
    .sub .intro_txt .inner .txt:after{transform:translate(100%, 50%);}
    .sub .intro_txt .inner .txt:before{transform:translateX(-100%);}
    .sub .intro_txt .inner .txt em{background:#d9e7f0;}
    .sub .intro_txt .inner .txt em:after{display:none;}
    .sub .intro_txt .inner .txt br{display:none !important;width:50%}
}


/* //// intro_slide //// */
.sub .intro_slide .swiper-wrapper{align-items:stretch;}
.sub .intro_slide .swiper-slide{background:#f5f5f5;padding:25px;position:relative;height:100%;}
.sub .intro_slide .swiper-slide:after{display:block;position:absolute;top:auto;left:auto;right:0;bottom:0;margin:auto;font-family: 'Nanum Gothic', sans-serif;font-size: 7.500rem;font-weight:700;color:#f5f5f5;text-shadow: -1px 0 #005d99, 0 1px #005d99, 1px 0 #005d99, 0 -1px #005d99;z-index:1;line-height:6.5rem;}
.sub .intro_slide .swiper-slide.slide01:after{content:'01';}
.sub .intro_slide .swiper-slide.slide02:after{content:'02';}
.sub .intro_slide .swiper-slide.slide03:after{content:'03';}
.sub .intro_slide .swiper-slide.slide04:after{content:'04';}
.sub .intro_slide .swiper-slide .imgbdiv{padding-bottom:25px;}
.sub .intro_slide .swiper-slide .txtdiv{padding-bottom:25px;position:relative;z-index:2; height:7rem;}

/* //// equipment //// */
.sub .equipment{position:relative;}
.sub .equipment:after{content:'TIGER';font-size:24rem;display:block;position:absolute;top:auto;bottom:0;right:0;left:auto;margin:auto;width:100%;line-height:0.9;z-index:1;/*color:#d8e0e6;*/text-align:right;font-family:'Nanum Gothic', sans-serif;font-weight:800;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#d8e0e6;color:transparent;-webkit-text-fill-color: transparent;}

.sub .equipment .sec_cont{position:relative;z-index:2;}
.sub .equipment .box{border:1px solid #e9e9e9;background:#fff;padding:3% 2%;}
.sub .equipment .box:hover{border-color:#005d99;}
.sub .equipment .box .box_title{padding-bottom:10px;border-bottom:1px solid #005d99;margin-bottom:50px;}

.sub .equipment .pop_box{display:none;opacity:0;background:rgba(0,0,0,0.2);position:fixed;top:0;bottom:0;right:0;left:0;margin:auto;width:100%;height:100%;z-index:9999;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.sub .equipment .pop_box.p_on{display:block;opacity:1;}
.sub .equipment .pop_box #popwrap{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:90%;height:80vh;max-width:1250px;max-height:650px;background:#fff;}

.sub .equipment .pop_box #popwrap .wrap{width:90%;margin:auto;max-height:435px;}
.sub .equipment .pop_box #popwrap .wrap .txtdiv{width:100%;}
.sub .equipment .pop_box #popwrap .wrap .txtdiv .pop_title{width:100%;border-bottom:1px solid #005d99;padding-bottom:5px;margin-bottom:20px;}
.sub .equipment .pop_box #popwrap .wrap .txtdiv .pop_title em{color:#111;font-size:1.875rem;}
.sub .equipment .pop_box #popwrap .wrap .txtdiv .pop_cont{width:100%;}
.sub .equipment .pop_box #popwrap .wrap .txtdiv .pop_cont .txt{position:relative;margin-bottom:10px;padding-left:12px;}
.sub .equipment .pop_box #popwrap .wrap .txtdiv .pop_cont .txt:after{content:'-';display:block;position:absolute;line-height:1.375rem;top:0;bottom:auto;left:0;right:auto;margin:auto;}
.sub .equipment .pop_box #popwrap .wrap .txtdiv .pop_cont .txt:last-child{margin-bottom:0;}
.sub .equipment .btn_close{border:none;width:33px;height:33px;position:absolute;top:5%;bottom:auto;left:auto;right:3%;margin:auto;background:url('/design/default/images/equipment_closebtn.png')no-repeat center center;z-index:999;}
@media(max-width:1024px){
    .sub .equipment:after{font-size:21rem;-webkit-text-stroke-width:1px;}
    .sub .equipment .box_wrap4 .box{width:47%;}
    .sub .equipment .box_wrap4 .box:nth-child(-n+4){margin-top:2%;}
    .sub .equipment .box_wrap4 .box:nth-child(-n+2){margin-top:0;}
}
@media(max-width:768px){
    .sub .equipment:after{font-size:32vw;}
    .sub .equipment .box_wrap4 .box{width:100%;padding:5%;}
    .sub .equipment .box_wrap4 .box:nth-child(-n+2){margin-top:2%;}
    .sub .equipment .box_wrap4 .box:nth-child(1){margin-top:0;}
    .sub .equipment .pop_box #popwrap{max-height:none;}
    .sub .equipment .pop_box #popwrap .wrap{overflow-y:scroll;max-height:none;height:90%;}
    .sub .equipment .pop_box #popwrap .wrap .half-1:nth-child(1){margin-bottom:50px;}
    .sub .equipment .pop_box #popwrap .wrap .txtdiv .pop_title p{line-height:1;}
    .sub .equipment .btn_close{width:18px;height:18px;top:2%;right:2%;}
}



/* //// information //// */
.sub .information .half:nth-child(2){padding-left:3%;padding-right:13.19%;}
.sub .information .half:nth-child(2) .inner{width:100%;}
.sub .information .half:nth-child(2) .inner a{display:inline-block;background:#005d99;padding:1em 2em;width:60%;text-align:center;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.sub .information .half:nth-child(2) .inner a:hover{background:#004978;}
.sub .information .half:nth-child(2) .inner a p{text-align:center;}
.sub .information .half:nth-child(2) .inner .color-gray{color:#a6a6a6;}
@media(max-width:1240px){
    .sub .information .half:nth-child(2){padding-right:9%;}
}
@media(max-width:1024px){
    .sub .information .half:nth-child(2){padding-right:3%;}
    .sub .information .half:nth-child(2) .inner a{padding:10px 5px;}
}
@media(max-width:768px){
    .sub .information .half{width:90%;margin:auto;}
    .sub .information .half:nth-child(2){margin-top:50px;}
    .sub .information .half:nth-child(2) .inner{text-align:center;}
    .sub .information .half:nth-child(2) .wrap{text-align:left;max-width:370px;margin-left:auto;margin-right:auto;}
    .sub .information .half:nth-child(2) .inner a{max-width:230px;}
}
@media(max-width:500px){
    .sub .information .half:nth-child(2) .inner a{width:90%;}
}


/* //// network //// */
.sub .network .c_layer{position:relative;}
.sub .network .c_layer .layer_b{display:block;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;margin:auto;z-index:8888;}
.sub .network .hide{display:none;}
.sub .network .txtdiv{width:96%;margin:auto;}
.sub .network .txtdiv .inner p:first-child{width:20%;flex-shrink:0;}
.sub .network .txtdiv .inner p:last-child{width:80%;padding-left:5%;flex-shrink:0;}
@media(max-width:1440px){
    .sub .network .txtdiv .half:first-child{width:30%;}
    .sub .network .txtdiv .half:last-child{width:70%;}
}
@media(max-width:768px){
    .sub .network .map{height:300px !important;}
    .sub .network .txtdiv .half:first-child{width:100%;margin-bottom:10px;}
    .sub .network .txtdiv .half:last-child{width:100%;}
}

/* //// insideview //// */
.sub .insideview .slide_naviwrap .swiper-pagination{width:auto;position:relative;bottom:auto;left:auto;text-align:left;flex-shrink:0;}
.sub .insideview .slide_naviwrap .swiper-pagination span{font-size:1.375rem;vertical-align:initial;}
.sub .insideview .slide_naviwrap .swiper-pagination .swiper-pagination-current{color:#005d99;}
.sub .insideview .slide_naviwrap .swiper-pagination .swiper-pagination-total{font-weight:700;}

.sub .insideview .slide_naviwrap .swiper-scrollbar{width:73%;height:5px;margin:0 5%;}

.sub .insideview .swiper-scrollbar-drag{background:#005d99;}


.sub .insideview .slide_naviwrap .naviinner{/*width:10%;*/position:relative;flex-shrink:0;}
.sub .insideview .slide_naviwrap .naviinner .swiper-button-next{position:relative;top:auto;right:auto;margin:auto 0 auto 20px;width:auto;height:auto;}
.sub .insideview .slide_naviwrap .naviinner .swiper-button-prev{position:relative;top:auto;left:auto;margin:auto 0 auto 20px;width:auto;height:auto;}
.sub .insideview .slide_naviwrap .naviinner .swiper-button-next:after{content:'';}
.sub .insideview .slide_naviwrap .naviinner .swiper-button-prev:after{content:'';}
/* .sub .insideview .slide_naviwrap .naviinner .swiper-button-next:hover{background:url(/img/re_img/realstory_next_h.png)no-repeat center center /cover;}
.sub .insideview .slide_naviwrap .naviinner .swiper-button-prev:hover{background:url(/img/re_img/realstory_prev_h.png)no-repeat center center /cover;} */

.sub .insideview .slide_naviwrap .naviinner .btnwrap{margin:auto 0 auto 20px;}
.sub .insideview .slide_naviwrap .naviinner .btnwrap .btns{display:none;cursor:pointer;}
.sub .insideview .slide_naviwrap .naviinner .btnwrap .btns.act{display:block;}
@media(max-width:500px){
    .sub .insideview .pb-100{padding-bottom:30px;}
    /* .sub .insideview .slide_naviwrap{flex-direction: column-reverse;} */
    .sub .insideview .slide_naviwrap .swiper-scrollbar{display:none;}
    /* .sub .insideview .slide_naviwrap .naviinner{margin-bottom:50px;} */
}


/* //// award //// */
.sub .award .sec_cont{width:96%;margin:0 auto;}
.sub .award .swiper-container-horizontal > .swiper-scrollbar{left:0;width:100%;}
.sub .award .swiper-scrollbar-drag{background:#005d99;}
@media(max-width:768px){
    .sub .award .sec_cont{width:90%;}
}


/* step */
.sub .step  .step_wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.sub .step {background: no-repeat center url('/design/default/images/tiger_stepBg.jpg'); background-size: cover;}
/* .sub .step .step_wrap .box {position: relative; width: fit-content; margin: auto;} */
/* .sub .step .step_wrap .box:after {content:url('/img/sub/clinic/step_arrow.png'); position: absolute; height: fit-content; right: -.625rem; top:0; bottom:0; margin: auto;} */
.sub .step .step_wrap .box:last-child:after {display: none;}
.sub .step .step_wrap .box:nth-child(3n) {margin-right: 0;}
.sub .step .boxOne {position: relative; width:20rem; height: 20rem; background-color: #fff; border:10px solid #757b89; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
@media(max-width:900px){
    .sub .step .boxOne {max-width:19rem; height: 19rem;}
}
@media(max-width:768px){
    .sub .step  .step_wrap {justify-content: center;}
    .sub .step .boxOne {max-width:17rem; height: 17rem;}
}


/* tiger_signature */
.sub .tiger_signature .borderBox {border-top:1px solid #515151; border-bottom:1px solid #515151; padding: 2em 1em 2em 0;}
.sub .tiger_signature .Box {border-bottom:1px solid #515151; padding: 2em 1em 2em 0;}
@media(max-width:768px){
    .sub .tiger_signature .flex {flex-direction: column;}
    .sub .tiger_signature .flex .half-1 {width: 100%;}
}


/* doctor_introduce */
.sub .doctor_introduce .message {padding: 2rem; border-top:2px solid #005d99; width: 100%; max-width: 44.375rem; display: inline-block;}
.sub .doctor_introduce .history {display: flex;}
.sub .doctor_introduce .hyphen:nth-child(n+2) {margin-top: 10px;}
.sub .doctor_introduce .width40 {padding-left: 1em;}
.sub .doctor_introduce .img-right {margin-left: auto;}
.sub .doctor_introduce .img-left {margin-right: auto;}
@media(max-width:1400px){
    .sub .doctor_introduce .history {flex-direction: column;}
    .sub .doctor_introduce .width60, .sub .doctor_introduce .width50 {width: 100%;}
    .sub .doctor_introduce .width40 {width: 100%; padding-left: 0; margin-top: 10px;}
    .sub .doctor_introduce .width50:last-child {margin-top: 10px;}
}
@media(max-width:900px){
    .sub .doctor_introduce .flex {flex-direction: column;}
    .sub .doctor_introduce .txt, .sub .doctor_introduce .img {width: 100%;}
    .sub .doctor_introduce .img {order:1;}
    .sub .doctor_introduce .img-right {margin-right: auto; width: 60%;}
    .sub .doctor_introduce .img-left {margin-left: auto; width: 60%;}
}



/* diagnosis */
.sub .diagnosis .diagnosis_wrap {position: relative; display: flex; align-items: center;}
.sub .diagnosis .txt-right {padding:0 3em;}
.sub .diagnosis .txt-left {padding:0 3em;}
.sub .diagnosis .diagnosis_btn {position: absolute; z-index: 3; bottom:30px; background-color: #005d99; color:#fff; padding: .3em 2em; display: flex; align-items: center;}
.sub .diagnosis .diagnosis_btn.left {left:41%;}
.sub .diagnosis .diagnosis_btn.right {right:41%;}
.sub .diagnosis .diagnosis_btn img {align-self: center; margin-left: 30px;}
.sub .diagnosis .rightYoutube .youtube-background {position:relative !important; margin-left:auto; height: 35rem !important;}
.sub .diagnosis .leftYoutube .youtube-background {position:relative !important; margin-right:auto; height: 35rem !important;}
@media(max-width:1300px){
    .sub .diagnosis .diagnosis_btn.left {left:47%;}
    .sub .diagnosis .diagnosis_btn.right {right:47%;}
}

@media(max-width:900px){
    .sub .diagnosis .txt-right {padding:40px 3em 20px;}
	.sub .diagnosis .txt-left {padding:40px 3em 20px;}
	.sub .diagnosis .diagnosis_wrap {flex-direction: column;}
    .sub .diagnosis .diagnosis_wrap .half {width: 100%;}
    .sub .diagnosis .diagnosis_wrap .half.img {order:2; margin-top: 2em;}
    .sub .diagnosis .diagnosis_btn {bottom:0; position: relative; order:3; margin-top: 10px;}
    .sub .diagnosis .diagnosis_btn.left {left:0;}
    .sub .diagnosis .diagnosis_btn.right {right:0;}
	.sub .diagnosis .rightYoutube .youtube-background {height: 25rem !important;}
	.sub .diagnosis .leftYoutube .youtube-background {height: 25rem !important;}
}

/* special_doctor */
.sub .special_doctor .box {position: relative; padding: 2em 3em; height: 23.125rem; display: flex; align-items: center;}
.sub .special_doctor .txt {max-width: 610px; width: 100%; line-height: 1.3; position: relative; z-index: 3;}
.sub .special_doctor .mainBox5 .txt, .sub .special_doctor .box3 .txt {max-width: 900px; width: 100%; line-height: 1.3; position: relative; z-index: 3;}

.sub .special_doctor .box2 .txt, .sub .special_doctor .box4 .txt {margin-left: auto;}
.sub .special_doctor .box1 {background: no-repeat center url('/design/default/images/special_doctor01.jpg'); background-size: cover;}
.sub .special_doctor .box2 {background: no-repeat center url('/design/default/images/special_doctor02.jpg'); background-size: cover;}
.sub .special_doctor .box3 {background: no-repeat center url('/design/default/images/special_doctor03.jpg'); background-size: cover;}
.sub .special_doctor .box4 {background: no-repeat center url('/design/default/images/special_doctor04.jpg'); background-size: cover;}
.sub .special_doctor .box5 {background: no-repeat center url('/design/default/images/special_doctor05.jpg'); background-size: cover;}
@media(max-width:1300px){
    .sub .special_doctor .box:before {content:''; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,.6); top:0; left:0;}
    .sub .special_doctor .box1 {background-position: right;}
    .sub .special_doctor .box2 {background-position: left;}
    .sub .special_doctor .box3 {background-position: 70%;}
    .sub .special_doctor .box5 {background-position: 70%;}
}
@media(max-width:500px){
    .sub .special_doctor .box {padding: 2rem 1rem;}
	.sub .special_doctor .box.box5 {height:auto;}
}

/* germ */
.sub .germ .germdesc {display: flex;}
.sub .germ .half-1 .txtwrap {display: flex; align-items: center;}
.sub .germ .half-1 .txtwrap:nth-child(n+2) {margin-top: 1em;}
.sub .germ .half-1 .txtwrap .num{width:35px;height:35px;border-radius:50%;background:#005d99;flex-shrink:0;margin-right:3%;}
@media(max-width:768px){
    .sub .germ .box_wrap4 .box {width: 48%; margin-right: 2%;}
    .sub .germ .box_wrap4 .box:nth-child(2n) {margin-right: 0;}
    .sub .germ .box_wrap4 .box:nth-child(3) {margin-top: 2em;}
    .sub .germ .germdesc {flex-direction: column;}
    .sub .germ .half-1 .txtwrap:nth-child(n+2) {margin-top: 2em;}
    .sub .germ .half-1 {width: 100%;}  
    .sub .germ .half-1:last-child {margin-top: 2em;}  
}


/* versus */
.sub.immediateLoading .versus {background:no-repeat center url('/design/default/images/versusBg.jpg'); background-size:cover;}
.sub .versus .box {background-color: #fff; padding: 1em; display: flex; align-items: center;}
.sub .versus .versus_nomal {display: flex; align-items: center;}
.sub .versus .versus_nomal li {position: relative; width: 20%; padding: 2em .3em; height: 8.500em;}
.sub .versus .versus_nomal li:after {content:'>'; position: absolute; color:#fff; font-weight: 900; line-height: 2; width:2.125rem; height: 2.125rem; border-radius: 50%; background-color: #adadad; top:0; bottom:0; right:-1.063rem; z-index: 1; margin: auto;}
.sub .versus .versus_nomal li:last-child:after {display: none;}
.sub .versus .versus_nomal li:nth-child(1) {background-color:#f7f7f7; border-radius: 10px 0 0 10px;}
.sub .versus .versus_nomal li:nth-child(2) {background-color:#f0f0f0; border-right:1px dashed #fff; border-left:1px dashed #fff;}
.sub .versus .versus_nomal li:nth-child(3) {background-color:#e8e8e8;}
.sub .versus .versus_nomal li:nth-child(4) {background-color:#e1e1e1; border-right:1px dashed #fff; border-left:1px dashed #fff;}
.sub .versus .versus_nomal li:nth-child(5) {background-color:#d9d9d9; border-radius: 0 10px 10px 0;}

.sub .versus .versus_skill {display: flex; align-items: center;}
.sub .versus .versus_skill li {position: relative; width: 50%; padding: 1em .3em; height: 8.500em; color:#fff;}
.sub .versus .versus_skill li:nth-child(1):after {content:'>'; position: absolute; color:#005d99; font-weight: 900; line-height: 2; width:2.125rem; height: 2.125rem; border-radius: 50%; background-color: #fff; top:0; bottom:0; right:-1.063rem; z-index: 1; margin: auto;}
.sub .versus .versus_skill li:nth-child(1) {background-color:#f29750; border-radius: 10px 0 0 10px;}
.sub .versus .versus_skill li:nth-child(2) {background-color:#ec6b06; border-left:1px dashed #fff; display: flex; align-items: center; justify-content: center;}
.sub .versus .versus_txt {padding: 1em 2em;}
@media(max-width:900px){
    .sub .versus .versus_nomal {flex-wrap: wrap;}
    .sub .versus .flex {flex-direction: column;}
    .sub .versus .flex .width50 {width: 100%;}
    .sub .versus .versus_nomal li {width: 33.333%;}
    .sub .versus .versus_nomal li:nth-child(n+4) {width: 50%;}
    .sub .versus .versus_nomal li:nth-child(3):after {display: none;}
}
@media(max-width:768px){
    .sub .versus .box {flex-direction: column;}
    .sub .versus .width15 {padding: 1em;}
    .sub .versus .width85, .sub .versus .width15 {width: 100%;}
}


/* afer */
.sub .after .after_wrap {position: relative; display: flex;}
.sub .after .tit {padding: .5em 1em;}
.sub .after .star {position: relative; padding-left: 12px;}
.sub .after .star:after {content:'* '; position: absolute; left: 0; top:0;}
.sub .after .loginBox {position: absolute;width: 100%; height: 100%; background-color: rgba(0,0,0,.8); display: flex; align-items: center; justify-content: center;}


/* interview */
.sub .interview .container {position: relative; padding-bottom: 12.50rem;}
.sub .youtube {position: relative; z-index: 3;}
.sub .youtube  #iframe_video2 {top: 50% !important;left: 50% !important;margin-top: 0 !important;margin-left: 0 !important;transform: translate(-50%, -50%) !important;width: 101% !important;}
.sub .youtube  #iframe_video3 {top: 50% !important;left: 50% !important;margin-top: 0 !important;margin-left: 0 !important;transform: translate(-50%, -50%) !important;width: 101% !important;}

.sub .interview .img {position: absolute; right:0; bottom:0; width: 50%; margin-right: auto;}
.sub .interview .storyBtn {background-color:#043e64; border-radius:5px; position:relative; padding:.5rem 1rem; top:2rem; color:#fff; transition:.5s; font-weight:400;}
.sub .interview .storyBtn:hover {background-color:#fff; color:#005d99;}
@media(max-width:900px){
    .sub .interview .container {padding-bottom: 2rem;}
    .sub .interview .img, .sub .interview .width60 {width: 100%;}
    .sub .interview .img {position: relative; margin-left: auto; bottom:-2rem;}
    .sub .interview .img img {width: 60%; margin: auto;}
}


/* kakao */
.sub .friend {background-color:#fbda01;}
.sub .friend .friend_wrap {display: flex; align-items: center;}
.sub .friend .half:last-child {padding: 1em;}
@media(max-width:900px){
    .sub .friend .friend_wrap {flex-direction: column;}
    .sub .friend .friend_wrap .half {width: 100%;}
    .sub .friend .half:last-child {margin-top: 3em;}
}


/* kakao_friend */
.sub .kakao_friend .red_line {width:47px; height: 2px; background-color: #ec6b06; margin: 20px auto;}
@media(max-width:768px){
    .sub .kakao_friend .box_wrap3 .box {width: 48%; margin-right: 2%;}
    .sub .kakao_friend .box_wrap3 .box:nth-child(2n) {margin-right:0;}
    .sub .kakao_friend .box_wrap3 .box:nth-child(n+3) {margin-top:2em;}
}


/* non_Table */
.sub .non_Table .non_Tb {width: 100%; text-align: center; border-spacing: 0;}
.sub .non_Table .non_Tb td {padding: .7em;}
.sub .non_Table .non_Tb .tit {font-weight: 600; background-color:#f0f7fb; border-top:1px solid #005d99; border-bottom:1px solid #005d99;}
.sub .non_Table .non_Tb .gray-bg {background-color: #fbfbfb;}
.sub .non_Table .non_Tb .br-bt { border-bottom:1px solid #005d99;}
.sub .non_Table .non_Tb .br-top { border-top:1px solid #005d99;}
.sub .non_Table .non_Tb .br-bt-gr { border-bottom:1px solid #f5f5f5;}


/* stepSlide */
.sub .stepSlide .stepSwiper .tit {padding-left: 20px; position: relative;}
.sub .stepSlide .stepSwiper .tit:before {content:''; position: absolute; height: 70%; width: 3px; top:0; bottom:0; margin: auto; background-color: #ed6b06; left:0;}
.sub .stepSlide .stepSwiper .txt {padding: 2.5em;}
.sub .stepSlide .stepSwiper .txtBox {padding: 1.5em; background-color: #ed6b06; color:#fff; font-weight: 600;}
.sub .stepSlide .stepSwiper .numList li:nth-child(n+2) {margin-top: 10px;}

.sub .stepSlide .swiper-pagination {position: relative; display: flex; width:100%;}
.sub .stepSlide .swiper-pagination-bullet {width: calc(100% / 9); padding:1.5em 1em; margin-right: 1%; color:#ccc; border-radius: 15px; display: flex; align-items: center; justify-content: center; opacity: 1; background: transparent; box-shadow: 0 0 7px rgba(0,0,0,0.1);}
.sub .stepSlide .swiper-pagination-bullet-active {background-color: #ed6b06; color:#fff;}
.sub .stepSlide .swiper-pagination-bullet:last-child {margin-right: 0;}
@media(max-width:1240px){
    .sub .stepSlide .swiper-pagination  {flex-wrap: wrap;}
    .sub .stepSlide .swiper-pagination-bullet {width: 32%;} 
    .sub .stepSlide .swiper-pagination-bullet:nth-child(3n) {margin-right: 0;} 
    .sub .stepSlide .swiper-pagination-bullet:nth-child(n+4) {margin-top: 1em;} 

}
@media(max-width:900px){
    .sub .stepSlide .stepSwiper .flex {flex-direction: column;}
    .sub .stepSlide .stepSwiper .width45 {width: 100%;}
    .sub .stepSlide .stepSwiper .width55 {width: 100%;}
}



/* ===================================
    일반진료
====================================== */
.sub .operation.point2.bg-point{background:#005d99;}
.sub .operation.point2 .txtBox{background:none;padding:0;}
.sub .operation.point2 .txtBox .box{background:#fff;}

.sub.cavity .sec03 .half-1{position:relative;}
.sub.cavity .sec03 .half-1 .txt{position:absolute;bottom:8%;left:0;right:0;margin:auto;width:85%;}
.sub.cavity .sec05{background:url('/design/default/images/cavity_sec05_bg.jpg')no-repeat center center /cover;}

.sub.laser .special .swiper-pagination-bullet{height:calc(100% / 4);}
.sub.laser .special .swiper-pagination-bullet-active{background-color:#ed6b06;}

.sub .onBox.onBox_org .onbox-wrap .box.on .descTit{text-align:center}
.sub .onBox.onBox_org .onbox-wrap .box.on .descTit .one:before {background-color: rgba(237, 107, 6,.6);}
.sub .onBox.onBox_org .onbox-wrap .box.on .descTit .one {background-color:#ed6b06;}
.sub .onBox.onBox_org .onbox-wrap .box.on .descTit> p {color:#fff;display:inline-block; background-color: #ed6b06; padding: .05em .5em;}

.sub.wisdomtooth .onBox > .container{max-width:1760px;}

.sub.preventive .sec01{background:url('/design/default/images/preventive_intro.jpg')no-repeat center center /cover;}

.sub .target.checkicon .target_wrap.box2 .box{min-height:0;}
.sub .target .target_wrap.box2 .box.bg-point{background-color:#005d99;}

.sub .quickSpeed .half.text-right .imgbdiv{display:inline-block;}

@media(max-width:1440px){
    .subTop .inner{width:90%;}
}
@media(max-width:1300px){
    .sub .onBox.onBox_org .onbox-wrap .swiper-slide-active .descTit{text-align:center}
    .sub .onBox.onBox_org .onbox-wrap .swiper-slide-active .descTit .one {background-color:#ed6b06;}
    .sub .onBox.onBox_org .onbox-wrap .swiper-slide-active .descTit .one:before {background-color: rgba(237, 107, 6,.6);}
    .sub .onBox.onBox_org .onbox-wrap .swiper-slide-active .descTit> p {color:#fff;display:inline-block; background-color: #ed6b06; padding: .05em .5em;}
}
@media(max-width:768px){
    .sub.generalPractice .half-1{margin-top:12%;}
    .sub.generalPractice .half-1:nth-child(-n+2){margin-top:12%;}
    .sub.generalPractice .half-1:nth-child(1){margin-top:0;}

    .sub.laser .special .swiper-pagination-bullet{height:auto;}
}
@media(max-width:600px){
    .sub .target.checkicon .target_wrap.box2 .box{justify-content:space-between;}
}
@media(max-width:500px){
    .sub.laser .special .swiper-pagination-bullet:last-child{width:50%;}
}




/* onBox_slide */
.sub .onBox_slide .section-left {position: relative;}
.sub .onBox_slide .section-left:after{content:'';height:1px;background: #b5b5b5;width:100%;position:absolute;top:4.375em;left:0;right:0;margin:auto;display:block;}
.sub .onBox_slide .onbox-wrap {position: relative; margin-top: 4.375em;}
.sub .onBox_slide .onbox-wrap .box .desc {transition: .5s; opacity: .3;padding:0 20px;}
.sub .onBox_slide .onbox-wrap .swiper-slide-active .desc {margin-top: -40px;opacity: 1;}

.sub .onBox_slide .onbox-wrap .box .descTit .one {position: relative; top:-6px;width: 12px; height: 12px; border-radius: 50%; background-color: #d2d2d2; margin: auto; transition: 1s;}
.sub .onBox_slide .onbox-wrap .box .descTit .one:before {content:''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: rgba(0,0,0,.3); top:0;bottom:0;right:0;left:0;margin: auto; z-index: -1; transition: .5s;}

.sub .onBox_slide .onbox-wrap .swiper-slide-active .descTit .one {background-color:#005d99;}
.sub .onBox_slide .onbox-wrap .swiper-slide-active .descTit .one:before {background-color: rgba(148,187,212,.8); transform: scale(2.2);}

.sub .onBox_slide .onbox-wrap .box .descTit {margin-bottom: 100px; position: relative;}
.sub .onBox_slide .onbox-wrap .box .descTit> p {color:#bfbfbf; font-weight: 700;}
.sub .onBox_slide .onbox-wrap .swiper-slide-active .descTit> p {color:#005d99;}
.sub .onBox_slide .onBox_slideSwiper{width:77%;margin:0 0 0 auto;}
.sub .onBox_slide .onBox_slideSwiper .swiper-slide-active {opacity:1;}

.sub .onBox_slide .swiper-pagination{display:none;}
@media (max-width: 1440px) {
}
@media (max-width: 1300px) {
    .sub .onBox_slide .onBox_slideSwiper{width:100%;margin: auto;}
    .sub .onBox_slide .section-left{padding:0 5%;}
    .sub .onBox_slide .section-left:after{top:calc(4.375em + 26px);}
    .sub .onBox_slide .onbox-wrap .box{border-top:none;}
    .sub .onBox_slide .onbox-wrap .box .descTit .one{top:0;}
    .sub .onBox_slide .onbox-wrap .box .descTit {position: relative; margin:20px 0;}
    .sub .onBox_slide .onbox-wrap .box .desc {margin-top: 40px;}
    .sub .onBox_slide .onbox-wrap .swiper-slide-active .desc {margin-top: 0px;}
    .sub .onBox_slide .swiper-pagination {position: relative; bottom:0; margin-top: 1em;display:block;}
}
@media (max-width: 500px) {
    .sub .onBox_slide .onbox-wrap .box .desc{padding:0;}
}




/* ===================================
    상담예약
====================================== */
#oc_tablewrap{position:relative;width:100%;display:flex;flex-wrap:wrap;border-top:2px solid #005d99;}
#oc_tablewrap table{width:50%;border-collapse:collapse;}
#oc_tablewrap table.inner02{border-left:1px solid #e1e1e1;}
#oc_tablewrap table tr{border-bottom:1px solid #e1e1e1;}
#oc_tablewrap table th{border-right:1px solid #e1e1e1;width:35%;padding:15px;text-align:center;}
#oc_tablewrap table td{width:65%;padding:15px;}
#oc_tablewrap table td input,
#oc_tablewrap table td select{border:1px solid #ebebeb;background:#fff;color:#000;vertical-align:middle;border-radius:0;padding:5px;width:100%;min-height:50px;font-family:'Nanum Gothic', sans-serif, Apple-Gothic , Dotum;font-size:1.125rem;font-weight:500;padding:5px 10px;}
#oc_tablewrap table td select{
    -webkit-appearance: none; -moz-appearance: none;appearance: none;
    background: url('/img/main/select_arrow.png') no-repeat 95% 50%, #fff;
}
#oc_tablewrap table td select::-ms-expand{display: none;}
#oc_tablewrap table td textarea{border:1px solid #ebebeb;background:#fff;color:#000;vertical-align:middle;border-radius:0;padding:5px;width:100%;min-height:212px;font-family:'Nanum Gothic', sans-serif, Apple-Gothic , Dotum;font-size:1.125rem;font-weight:500;padding:5px 10px;}

#oc_tablewrap table td .numwrap{width:100%;display:flex;justify-content:space-between;align-items: center;}
#oc_tablewrap table td .numwrap select,
#oc_tablewrap table td .numwrap input{width:calc((100% - 30px) / 3);}

#oc_tablewrap.tg_oc2{max-width:940px;margin:0 auto;}
#oc_tablewrap.tg_oc2 table{width:100%;}
/* #oc_tablewrap.tg_oc2 table.inner02{display:none;} */


.check_inner{position:relative;text-align:center;padding:15px;}
.check_inner .inner{display:inline-flex;justify-content:center;}
.check_inner .inner .wrap{margin-right:5%;flex-shrink:0;}
.check_inner .inner .wrap:last-child{margin-right:0;}
.check_inner .inner .wrap a{display:inline-block;padding:1px 5px;color:#fff;background:#898989;margin-left:5px;font-size:0.8rem;}
.check_inner .inner .wrap a:hover{background-color:#005d99;}
.check_inner input[type="checkbox"] + label {color:#676e70;display:inline-flex;align-items:center;font-size:0.8rem;}
.check_inner input[type="checkbox"] + label:hover {color:#2172f8}
.check_inner input[type="checkbox"] + label span {width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px;margin-right:5px;}
.check_inner input[type="checkbox"]:checked + label {color:#000}
.check_inner input[type="checkbox"]:checked + label span {background:url('/skin/member/basic/img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.check_inner.chk_all input[type="checkbox"] + label span {top:18px}
#bo_w .text-center.mt-50 .btn_submit{background:#005d99;border-radius:25px;padding:0 30px;}
#bo_w .text-center.mt-50 .btn_submit:hover{background-color:#3a8afd;}

.check_inner.tg_oc2_check{max-width:940px;margin:0 auto;}



/* viewpage */
#bo_v_con #oc_tablewrap{max-width:940px;margin:0 auto;}
#bo_v_con #oc_tablewrap table{width:100%;}
#bo_v_con #oc_tablewrap table.inner02{border-left:none;}
#bo_v_con #oc_tablewrap.tg_oc2 table.inner02{display:table;}
/* #bo_v_con #oc_tablewrap.tg_oc2 table.inner02 tr:first-child{display:none;} */

@media (max-width: 1440px) {
    #oc_tablewrap{max-width:700px;margin:0 auto;}
    #oc_tablewrap table{width:100%;}
    #oc_tablewrap table.inner02{border-left:none;}
}
@media (max-width: 768px) {
    #oc_tablewrap table th{width:25%;}
    #oc_tablewrap table td{width:75%;}

    .check_inner .inner{display:block;}
    .check_inner input[type="checkbox"] + label {display:flex;}
    .check_inner .inner .wrap{margin-right:0;margin-bottom:3%;justify-content:flex-start;}
    .check_inner .inner .wrap:last-child{margin-bottom:0;}
    #oc_tablewrap table td .numwrap select,
    #oc_tablewrap table td .numwrap input{width:calc((100% - 20px) / 3);}
}
@media (max-width: 500px) {
    #oc_tablewrap table td input,
    #oc_tablewrap table td select{min-height:40px;}
    .check_inner{text-align:left;}
    .check_inner .inner .wrap a{margin-left:22px;margin-top:3px;}
    .check_inner .inner .wrap{display:block;}
}
/* ===================================
    이용약관, 개인정보취급방침
====================================== */
.sub02 .subtop{width:100%;height:37.5em;background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;}
.sub02 .subtop .container{position:absolute;top:0;bottom:0;left:0;right:0;width:90%;height:37.5em;overflow:hidden;z-index:2;}
.sub02 .subtop .container .txtinner{position:relative;width:100%;padding-left:50px;}
.sub02 .subtop .container .txtinner .txtline{position:absolute;top:0;bottom:auto;left:0;right:auto;margin:auto;width:10px;height:100%;background:#fff;}
.sub02 .subtop.subtop_bbs .container .txtinner .txtline{background:#005d99;}

@-webkit-keyframes fadeInLine{
    0%{opacity:0;height:0;}
    to{opacity:1;height:100%;}
}
@keyframes fadeInLine{
    0%{opacity:0;height:0;}
    to{opacity:1;height:100%;}
}
.animate__fadeInLine{-webkit-animation-name:fadeInLine;animation-name:fadeInLine}

@-webkit-keyframes fadeOutLine{
    0%{opacity:1}
    to{opacity:0;height:0;}
}
@keyframes fadeOutLine{
    0%{opacity:1}
    to{opacity:0;height:0;}
}
/* .animate__fadeOutLine{-webkit-animation-name:fadeOutLine;animation-name:fadeOutLine;} */

.sub .subtop .container .txtinner .bold700{letter-spacing:12px;}

@media(max-width:768px){
    .sub .subtop .container .txtinner{padding-left:20px;}
    .sub .subtop .container .txtinner .txtline{width:5px;}
    .sub .subtop.subtop_bbs{max-height:310px;}
    .sub .subtop.subtop_bbs .container{max-height:310px;}
}