@charset "utf-8";

/* ===================================
    sub layout
====================================== */
/* //// sub common //// */
/* common */
.sub .border_blue{border:1px solid #0d6fb8;}
.sub .txtunderline{text-decoration:underline;}
.sub .blue-tag{padding:3px;}

/* font-size */
/* .sub .font-120{font-size:5.5rem;}
.sub .font-60{font-size:3.2rem;}
.sub .font-30{font-size:1.5rem;}
.sub .font-26{font-size:1.3rem;}
.sub .font-24{font-size:1.2rem;} */


.sub .font-120{font-size:4.5833vw;}
.sub .font-60{font-size:2.6563vw;}
.sub .font-50{font-size:1.8750vw;}
.sub .font-40{font-size:1.6667vw;}
.sub .font-30{font-size:1.2500vw;}
.sub .font-26{font-size:1.0417vw;}
.sub .font-24{font-size:0.9896vw;}
.sub .font-22{font-size:0.9375vw;}
.sub .font-20{font-size:0.8854vw;}
@media(min-width:1921px){
    .sub .font-120{font-size:88px;}
    .sub .font-60{font-size:51px;}
    .sub .font-50{font-size:36px;}
    .sub .font-40{font-size:32px;}
    .sub .font-30{font-size:24px;}
    .sub .font-26{font-size:20px;}
    .sub .font-24{font-size:19px;}
    .sub .font-22{font-size:18px;}
    .sub .font-20{font-size:17px;}
}
@media(max-width:1440px){
    .sub .font-120{font-size:6.1111vw;}
    .sub .font-60{font-size:3.5417vw;}
    .sub .font-50{font-size:2.5000vw;}
    .sub .font-40{font-size:2.2222vw;}
    .sub .font-30{font-size:1.6667vw;}
    .sub .font-26{font-size:1.3889vw;}
    .sub .font-24{font-size:1.2vw;}
    .sub .font-22{font-size:1.2500vw;}
    .sub .font-20{font-size:1.1806vw;}
}
@media(max-width:1240px){
    .sub .font-120{font-size:7.0968vw;}
    .sub .font-60{font-size:4.1129vw;}
    .sub .font-50{font-size:2.9032vw;}
    .sub .font-40{font-size:2.5806vw;}
    .sub .font-30{font-size:1.9355vw;}
    .sub .font-26{font-size:1.6129vw;}
    .sub .font-24{font-size:1.4vw;}
    .sub .font-22{font-size:1.4516vw;}
    .sub .font-20{font-size:1.3710vw;}
}
@media(max-width:1024px){
    /* .sub .font-120{font-size:8.5938vw;}
    .sub .font-60{font-size:5.8594vw;}
    .sub .font-40{font-size:3.1250vw;} */
    .sub .font-30{font-size:2.3438vw;}
    /* .sub .font-26{font-size:1.9531vw;} */
    .sub .font-24{font-size:1.6vw;}
    .sub .font-22{font-size:1.7578vw;}
    .sub .font-20{font-size:1.5vw;}
}
@media(max-width:768px){
    .sub .font-120{font-size:11.4583vw;}
    .sub .font-60{font-size:6.6406vw;}
    .sub .font-50{font-size:4.6875vw;}
    .sub .font-40{font-size:4.1667vw;}
    .sub .font-30{font-size:3.1250vw;}
    .sub .font-26{font-size:2.6042vw;}
    .sub .font-24{font-size:2.2vw;}
    .sub .font-22{font-size:2.3438vw;}
    .sub .font-20{font-size:2.1vw;}
}
@media(max-width:500px){
    .sub .font-120{font-size:10vw;}
    .sub .font-60{font-size:7vw;}
    .sub .font-50{font-size:7.2vw;}
    .sub .font-40{font-size:6.4vw;}
    .sub .font-30{font-size:4vw;}
    .sub .font-26{font-size:3.5vw;}
    .sub .font-24{font-size:3vw;}
    .sub .font-22{font-size:3.6vw;}
    .sub .font-20{font-size:2.8vw;}
}



/* sidemenu */
.sub .sublayoutwrap{width:90%;display:flex;justify-content:space-between;align-items:stretch;margin:auto;}
.sub .sublayoutwrap .sublayout_menu{width:250px;}
.sub .sublayoutwrap .sublayout_cont{width:calc(100% - 250px);}

.sub .container {max-width: var(--layoutsubwidth); margin:auto; width:90%}

#sublayout_menu {text-align: left;}
#sublayout_menu::-webkit-scrollbar {width: 6px;height: 6px;}
#sublayout_menu::-webkit-scrollbar-track {background: #fff;}
#sublayout_menu::-webkit-scrollbar-thumb {background: #003a81 ;}
#sublayout_menu::-webkit-scrollbar-thumb:hover {background: #003a81 ;}

#sublayout_menu ul.listwrap{display:block;}
#sublayout_menu .listwrap .sitemapwrap{display:block}
#sublayout_menu .depth01 {display: block;font-size: 13px;padding: 20px 25px;position: relative;top: 0;left: 0;}
#sublayout_menu .depth02{display:none;background-color:#0d6fb8;}
#sublayout_menu .depth02 li a {font-size: 13px;padding: 15px 40px;display: block;position:relative;top:0;left:0;color:#fff;}
#sublayout_menu .depth02 li a:hover{background:rgba(0,0,0,0.1);}

#sublayout_menu .depth03{display:none;background-color:#3872c8;}
#sublayout_menu .depth03 li a {font-size: 13px;padding: 15px 40px;display: block;position:relative;top:0;left:0;color:#fff;}
#sublayout_menu .depth03 li a:hover{background:rgba(0,0,0,0.1);}

#sublayout_menu .depth01:before,
#sublayout_menu .void_link:before{display: block;content: "";clear: both;position: absolute;top: 50%;margin-top:-5px;right: 30px;width: 1px;height: 11px;background: #828386;-webkit-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#sublayout_menu .depth01:after,
#sublayout_menu .void_link:after
{display: block;content: "";clear: both;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;width: 11px;height: 1px;background: #828386;-webkit-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition: .4s ease-in-out;transition: .4s ease-in-out;}
#sublayout_menu .void_link:before,
#sublayout_menu .void_link:after{background:#0d6fb8;}
#sublayout_menu .menu.active .depth01:before,
#sublayout_menu .depth02 li.active .void_link:before
{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#sublayout_menu .menu.active .depth01:after,
#sublayout_menu .depth02 li.active .void_link:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
@media(max-width:990px){
    .sub .sublayoutwrap{width:100%;display:block;}
    .sub .sublayoutwrap .sublayout_menu{width:100%;max-width:400px;margin:auto;}
    .sub .sublayoutwrap .sublayout_cont{width:100%;}
}


/* //// subtop //// */
.sub .subtop{width:100%;height:100vh;max-height:508px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.sub .subtop .container{height:inherit;max-height:508px;position:relative;}
.sub .subtop.subtop_bbs{max-height:470px;}
.sub .subtop.subtop_bbs .container{max-height:470px;}

.sub .subtop .txtinner{text-align:right;width:100%;position:absolute;top:auto;bottom:15%;right:0;left:auto;margin:auto;}

/* subtop img(centumplus) */
.sub .subtop{background-image:url('/img/sub/centumplus/subtop_centumplus.jpg');}
/* subtop img(bbs) */
.sub.ct_nt .subtop,
.sub.ct_pr .subtop,
.sub.privacy .subtop{background-image:url('/img/sub/centumplus/subtop_bbs.jpg');}
/* subtop img(disease/waist) */
.sub.disease.waist .subtop{background-image:url('/img/sub/disease/subtop_waist.jpg');}
/* subtop img(disease/neck) */
.sub.disease.neck .subtop{background-image:url('/img/sub/disease/subtop_neck.jpg');}
/* subtop img(disease/back) */
.sub.disease.back .subtop{background-image:url('/img/sub/disease/subtop_back.jpg');}
/* subtop img(disease/knee) */
.sub.disease.knee .subtop{background-image:url('/img/sub/disease/subtop_knee.jpg');}
/* subtop img(disease/shoulder) */
.sub.disease.shoulder .subtop{background-image:url('/img/sub/disease/subtop_shoulder.jpg');}
/* subtop img(disease/hip-joint) */
.sub.disease.hip-joint .subtop{background-image:url('/img/sub/disease/subtop_hj.jpg');}
/* subtop img(disease/wrist_n_finger) */
.sub.disease.wrist_n_finger .subtop{background-image:url('/img/sub/disease/subtop_wnf.jpg');}
/* subtop img(disease/elbow) */
.sub.disease.elbow .subtop{background-image:url('/img/sub/disease/subtop_elbow.jpg');}
/* subtop img(disease/ankle_n_heel) */
.sub.disease.ankle_n_heel .subtop{background-image:url('/img/sub/disease/subtop_anh.jpg');}
/* subtop img(disease/toe) */
.sub.disease.toe .subtop{background-image:url('/img/sub/disease/subtop_toe.jpg');}
/* subtop img(accident) */
.sub.accident .subtop{background-image:url('/img/sub/accident/subtop_accident.jpg');}
/* subtop img(fluid) */
.sub.fluid .subtop{background-image:url('/img/sub/fluid/subtop_fluid.jpg');}
/* subtop img(nerve-block) */
.sub.nerve-block .subtop{background-image:url('/img/sub/nerve-block/subtop_nerve-block.jpg');}
/* subtop img(pain) */
.sub.pain.prolo_therapy .subtop,
.sub.pain.c-arm .subtop,
.sub.joint.nonoperative .subtop{background-image:url('/img/sub/pain/subtop_pain.jpg');}
/* subtop img(vertebra) */
.sub.vertebra .subtop{background-image:url('/img/sub/vertebra/subtop_vertebra.jpg');}
/* subtop img(joint) */
.sub.joint .subtop{background-image:url('/img/sub/joint/subtop_joint.jpg');}

@media(max-width:1440px){
    .sub .subtop .txtinner{text-align:center;}
}
@media(max-width:768px){
    .sub .subtop{max-height:none;background-position:25% center;position:relative;}
    .sub .subtop:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background:rgba(0,0,0,0.7);}
    .sub .subtop .container{max-height:none;display:flex;justify-content:center;align-items:center;z-index:5;}
    .sub .subtop .txtinner{position:relative;bottom:auto;left:auto;}
    /* .sub .subtop .txtinner .font-120{font-size:5.5rem;} */
    .sub .subtop .color-subgray{color:#fff;}
}

/* //// intro //// */
.sub.intro .sec01 .container{background:url('/img/main/sec02_bg.png')no-repeat right bottom;}
.sub.intro .sec01 .imgbdiv{width:90%;margin:0 auto;}
.sub.intro .sec01 .txtdiv{padding-left:4%;}

.sub.intro .sec02 .imgbdiv{background:url('/img/sub/centumplus/intro_pic02.jpg')no-repeat center center /cover;}
.sub.intro .sec02 .bg-white{margin:0 auto;}
.sub.intro .sec02 .bg-white .num .bg-blue{border-radius:50%;width:34px;height:34px;display:flex;justify-content:center;align-items:center;flex-shrink:0;}
.sub.intro .sec02 .bg-white .txt .lh-12{line-height: 34px}
@media(max-width:1440px){
    .sub.intro .subcont .width40,
    .sub.intro .subcont .width60{width:100%;max-width:740px;margin:auto;}
    .sub.intro .subcont .half:first-child{margin-bottom:3.125rem;}
    .sub.intro .sec02 .bg-white{left:auto;margin:0 auto;}
    .sub.intro .sec02 .imgbdiv{background:none;padding:0;}
}
@media(max-width:768px){
    .sub.intro .sec01 .txtdiv{padding-left:0;}

}
@media(max-width:500px){
    .sub.intro .sec02 .bg-white .num .bg-blue{width:27px;height:27px;}
    .sub.intro .sec02 .bg-white .txt .lh-12{line-height:1.6}
}

/* //// doctors //// */
.sub.doctors .inner .txtwrap p{margin-bottom:5px;}
.sub.doctors .inner .txtwrap p:last-child{margin-bottom:0;}
@media(max-width:768px){
    .sub.doctors .half{width:100%;}
    .sub.doctors .half:first-child{margin-bottom:3.125rem;}
    .sub.doctors .pl-50,
    .sub.doctors .pr-50{padding:0;}
    .sub.doctors .max1200:nth-child(2){flex-direction:column-reverse;}
    .sub.doctors .max1200:nth-child(2) .half:first-child{margin-bottom:0;}
    .sub.doctors .max1200:nth-child(2) .half:last-child{margin-bottom:3.125rem;}
}

/* //// equipments //// */
.sub.equipments .box_wrap3 .box .inner{max-width:434px;margin:0 auto;}
.sub.equipments .box_wrap3 .box .bg-blue{padding:1rem 0;}

/* //// info //// */
.sub.info .sec01 .hide{display:none;}
.sub.info .sec01 .sec_cont .info_cont{flex-direction:column;}
.sub.info .sec01 .sec_cont .info_cont .line{width:100%;height:1px;background:#fff;margin:80px 0;}

.sub.info .sec01 .info_cont .txtinner{width:100%;}

.sub.info .sec01 .info_cont .iconlistwrap{width:100%;}
.sub.info .sec01 .info_cont .iconlistwrap .list{width:100%;margin-bottom:15px;}
.sub.info .sec01 .info_cont .iconlistwrap .list:last-child{margin-bottom:0;}
.sub.info .sec01 .info_cont .iconlistwrap .list .iconwrap{width:69px;height:69px;background:#fff;border-radius:50%;margin-right:25px;flex-shrink:0;}
.sub.info .sec01 .info_cont .iconlistwrap .list .iconwrap .imgbdiv{display:inline-block}

.sub.info .sec02 .infolistwrap{width:100%;}
.sub.info .sec02 .infolistwrap .list{width:100%;margin-bottom:10px;}
.sub.info .sec02 .infolistwrap .list .wrap01{width:108px;}
.sub.info .sec02 .infolistwrap .list .wrap02{width:calc(100% - 108px);padding-left:2%;}
@media(max-width:1440px){
    .sub.info .sec01 .map{width:100% !important;height:500px !important;}
    .sub.info .sec01 .width100{flex-direction:column-reverse;}
    .sub.info .sec01 .width50{width:100%;max-width:768px;margin:auto;}
}
@media(max-width:1240px){
    .sub.info .sec02 > .width100 > .half{width:100%;}
}
@media(max-width:990px){
    .sub.info .sec01 .info_cont .iconlistwrap .list .iconwrap{width:49px;height:49px;}
    .sub.info .sec01 .info_cont .iconlistwrap .list .iconwrap img{height:30px;}
}
@media(max-width:768px){
    .sub.info .sec01 .map{height:300px !important;}
    .sub.info .sec01 .sec_cont .info_cont .line{margin:50px 0;}
}
@media(max-width:500px){
    .sub.info .sec02 .infolistwrap .list .wrap01{max-width:108px;width:25%;}
}



/* //// definition //// */
.sub .definition .bg{background-repeat:no-repeat;background-position:0 center;min-height:452px;display:flex;}
.sub .definition .bg .txtinner{width:100%;max-width:45vw;}

.sub .definition .bg .txtinner .picbox_wrap .picbox_cont .picbox .inner:first-child{margin-right:2%;}

/* definition bg */
.sub.waist.disc .definition .bg{background-image:url('/img/sub/disease/waist/definition_disc.png');}
.sub.waist.spinal_stenosis .definition .bg{background-image:url('/img/sub/disease/waist/definition_spinal_stenosis.png');}
.sub.waist.compression_fractures .definition .bg{background-image:url('/img/sub/disease/waist/definition_compression_fractures.png');}
.sub.waist.spondylolisthesis .definition .bg{background-image:url('/img/sub/disease/waist/definition_spondylolisthesis.png');}
.sub.waist.spoldylarthritis .definition .bg{background-image:url('/img/sub/disease/waist/definition_spoldylarthritis.png');}
.sub.waist.spondylolysis .definition .bg{background-image:url('/img/sub/disease/waist/definition_spondylolysis.png');}
.sub.waist.fjs .definition .bg{background-image:url('/img/sub/disease/waist/definition_fjs.png');}
.sub.waist.piriformis .definition .bg{background-image:url('/img/sub/disease/waist/definition_piriformis.png');}
.sub.neck.disc .definition .bg{background-image:url('/img/sub/disease/neck/definition_disc.png');}
.sub.neck.foraminal_stenosis .definition .bg{background-image:url('/img/sub/disease/neck/definition_foraminal_stenosis.png');}
.sub.neck.cervical_radiculopathy .definition .bg{background-image:url('/img/sub/disease/neck/definition_cervical_radiculopathy.png');}
.sub.neck.forward_head_posture .definition .bg{background-image:url('/img/sub/disease/neck/definition_forward_head_posture.png');}
.sub.back.compression_fractures .definition .bg{background-image:url('/img/sub/disease/back/definition_compression_fractures.png');}
.sub.back.scoliosis .definition .bg{background-image:url('/img/sub/disease/back/definition_scoliosis.png');}
.sub.back.scoliosis .definition.sec03 .bg{background-image:url('/img/sub/disease/back/definition_scoliosis_sec03.png');}
.sub.back.hz .definition .bg{background-image:url('/img/sub/disease/back/definition_hz.png');}
.sub.back.hz .definition.sec06 .bg{background-image:url('/img/sub/disease/back/definition_hz_sec06.png');}
.sub.shoulder.rcs .definition .bg{background-image:url('/img/sub/disease/shoulder/definition_rcs.png');background-size:contain;}
.sub.fluid.ivs .definition .bg{background-image:url('/img/sub/fluid/definition_ivs.png');}
.sub.accident .definition .bg{background-image:url('/img/sub/accident/definition_accident.png');}
.sub.nerve-block.pain .definition .bg{background-image:url('/img/sub/nerve-block/pain/definition_pain.png');}
.sub.nerve-block.neuroplasty .definition .bg{background-image:url('/img/sub/nerve-block/neuroplasty/definition_neuroplasty.png');}
.sub.pain.prolo_therapy .definition .bg,
.sub.pain.c-arm .definition .bg,
.sub.joint.nonoperative .definition .bg{background-image:url('/img/sub/pain/definition_pain.png');}
.sub.vertebra.manual_therapy .definition .bg{background-image:url('/img/sub/vertebra/manual_therapy/definition_manual_therapy.png');}
.sub.vertebra.forward_head_posture .definition .bg{background-image:url('/img/sub/vertebra/forward_head_posture/definition_forward_head_posture.png');}
.sub.vertebra.pelvic_osteotomy .definition .bg{background-image:url('/img/sub/vertebra/pelvic_osteotomy/definition_pelvic_osteotomy.png');}
.sub.vertebra.scoliosis .definition .bg{background-image:url('/img/sub/vertebra/scoliosis/definition_scoliosis.png');}
.sub.joint.esw .definition .bg{background-image:url('/img/sub/joint/definition_esw.png');}
.sub.joint.physical .definition .bg,
.sub.joint.exercise .definition .bg{background-image:url('/img/sub/joint/definition_therapy.png');}
@media(max-width:1440px){
    .sub .definition .bg{padding:3rem;min-height:0;background-size:cover;}
    .sub .definition .bg .txtinner{margin:auto;background:rgba(255,255,255,0.8);padding:2rem;max-width:100%;}
    .sub .definition .container.text-right{text-align:center;}
}
@media(max-width:990px){
    .sub.shoulder.rcs .definition .bg{background-size:cover;}
    .sub .definition .bg .txtinner .picbox_wrap .picbox_cont .half-1{width:100%;}
    .sub .definition .bg .txtinner .picbox_wrap .picbox_cont .half-1:first-child{margin-bottom:2rem;}
}
@media(max-width:500px){
    .sub .definition .bg{padding:1rem 0;}
}

/* //// banner //// */
.sub .banner{background-repeat:no-repeat;background-size:cover;background-position:center center;}
.sub .banner_left{background-position:right center;}
.sub .banner_right{background-position:0 center;}

.sub .banner_qm{background-size:contain;}
.sub .banner_qm .sec_title{position:relative;}
.sub .banner_qm .sec_title:after{content:'';display:block;width:87px;height:53px;background:url('/img/sub/disease/back/banner_qm_icon_gray.png')no-repeat center center /cover;position:absolute;top:0;left:0%;bottom:auto;right:auto;margin:auto;transform:translate(-50%, -50%);}
.sub.waist .banner_qm .sec_title:after{background-image:url('/img/sub/disease/waist/banner_qm_icon.png');}
.sub.accident .banner_qm .sec_title:after{background-image:url('/img/sub/disease/waist/banner_qm_icon.png');}
/* banner bg */
.sub.waist .banner_blue{background-image:url('/img/sub/disease/waist/banner_blue_waist.jpg');}
.sub.waist .banner_qm{background-image:url('/img/sub/disease/waist/banner_qm_waist.jpg');background-size:cover;}
.sub .banner_treatment{background-image:url('/img/sub/disease/waist/banner_treatment.jpg');}
.sub.neck .banner_blue,
.sub.vertebra.forward_head_posture .banner_blue{background-image:url('/img/sub/disease/neck/banner_blue_neck.jpg');}
.sub.neck .banner_qm{background-image:url('/img/sub/disease/neck/banner_qm_neck.png');}
.sub.back .banner_blue,
.sub.vertebra.scoliosis .banner_blue{background-image:url('/img/sub/disease/back/banner_blue_back.jpg');}
.sub.back.compression_fractures .banner_qm{background-image:url('/img/sub/disease/back/banner_qm_back01.png');}
.sub.back.scoliosis .banner_qm{background-image:url('/img/sub/disease/back/banner_qm_back02.png');}
.sub.accident .banner_qm{background-image:url('/img/sub/accident/banner_qm_accident.jpg');background-size:cover;}
.sub.hip-joint .banner_blue,
.sub.vertebra.pelvic_osteotomy .banner_blue{background-image:url('/img/sub/disease/hip-joint/banner_blue_hip-joint.jpg');}
.sub.nerve-block.pain .banner_blue{background-image:url('/img/sub/nerve-block/pain/banner_blue_pain.jpg');}
.sub.nerve-block.neuroplasty .banner_qm{background-image:url('/img/sub/nerve-block/neuroplasty/banner_qm_neuroplasty.png');}
.sub.pain.prolo_therapy .banner_blue,
.sub.joint.nonoperative .banner_blue{background-image:url('/img/sub/pain/prolo_therapy/banner_blue_prolo_therapy.jpg');}
.sub.pain.c-arm .banner_blue{background-image:url('/img/sub/pain/c-arm/banner_blue_c-arm.jpg');}
.sub.pain.c-arm .banner_qm{background-image:url('/img/sub/nerve-block/neuroplasty/banner_qm_neuroplasty.png');}
.sub.vertebra.manual_therapy .banner_blue{background-image:url('/img/sub/vertebra/manual_therapy/banner_blue_manual_therapy.jpg');}
.sub.joint.physical .banner_blue,
.sub.joint.exercise .banner_blue{background-image:url('/img/sub/joint/banner_blue_therapy.jpg');}
@media(max-width:1440px){
    .sub .banner .width55, .sub .banner_blue .width70 {width:100%;padding:2rem;}
    .sub .banner_blue .width55, .sub .banner_blue .width70 {background:rgba(255,255,255,0.8);}
    .sub .banner_blue .width70 .flex-wrap {flex-wrap: nowrap; flex-direction: column;}
    .sub .banner_blue .width70 .flex-wrap .width50 {width: 100%;}
    .sub .banner_qm{background-size:cover;}
    /* .sub .banner_qm .width55{background:rgba(255,255,255,0.8);} */
}
@media(max-width:768px){
    .sub.waist .banner_qm .sec_title:after{width:60px;height:36px;}
}

/* //// list_num //// */
.sub .list_num{display:flex;justify-content:flex-start;align-items:stretch;}
.sub .list_num .num{margin-right:0.4rem;flex-shrink:0;}
.sub .list_squ{display:flex;justify-content:flex-start;align-items:stretch;}
.sub .list_squ .squ{margin-right:0.8rem;flex-shrink:0;}
.sub .list_squ .squ .square-gray{color:#e5e5e5;}

/* //// box_cir //// */
.sub .box_cir {margin-bottom:1.875rem;display:flex;flex-wrap: wrap;}
.sub .box_cir:last-child {margin-bottom:0}

.sub .box_cir .box{width:32.3333%;margin-right:1.5%;margin-top:1.875rem;position:relative;padding-top:32.3333%;border-radius:50%;background:#0d6fb8;overflow:hidden;}
.sub .box_cir .box:nth-child(-n+3) {margin-top:0}
.sub .box_cir .box:nth-child(3n) {margin-right:0}
.sub .box_cir .box:last-child {margin-right:0}

.sub .box_cir .box:after{content:'';display:block;position:absolute;top:auto;bottom:0;left:0;right:0;margin:auto;width:100%;height:58%;background:#cfcfcf;}
.sub .box_cir .box .txt{position:absolute;width:100%;top:50%;bottom:auto;left:50%;right:auto;margin:auto;transform:translate(-50%, -50%);z-index:2;}
.sub .box_cir .box .txt .color-white{margin-bottom:15%;}
@media(max-width:1440px){
    .sub .box_cir .box .txt .font-35{font-size:2.5vw;}
    .sub .box_cir .box .txt .font-24{font-size:1.3vw;}
}
@media(max-width:990px){
    .sub .box_cir .box .txt .font-35{font-size:3.5vw;}
    .sub .box_cir .box .txt .font-24{font-size:2vw;}
}
@media(max-width:500px){
    .sub .box_cir .box{width:48%;padding-top:48%;margin-right:4%;margin-top:4%;}
    .sub .box_cir .box:nth-child(-n+3) {margin-top:4%}
    .sub .box_cir .box:nth-child(3n) {margin-right:4%}
    .sub .box_cir .box:nth-child(-n+2) {margin-top:0}
    .sub .box_cir .box:nth-child(2n) {margin-right:0}

    .sub .box_cir .box .txt .font-35{font-size:4.5vw;}
    .sub .box_cir .box .txt .font-24{font-size:3vw;}
}


/* //// bg_after_blue //// */
.sub .bg_after_blue{position:relative;}
.sub .bg_after_blue:after{content:'';display:block;position:absolute;top:auto;bottom:0;left:0;right:0;margin:auto;width:100%;height:70%;background:#0d6fb8;}
.sub .bg_after_blue .container{position:relative;z-index:2;}


/* //// comparison //// */
.sub .comparison .comparison_box{width:48%;}
.sub .comparison .comparison_box .bg-blue,
.sub .comparison .comparison_box .bg-white{padding:3%;}

.sub .comparison .comparison_arrow{padding:0 2%;}
@media(max-width:1240px){
    .sub .comparison .sec_cont{display:block;}
    .sub .comparison .comparison_box{width:100%;max-width:470px;display:block;margin:auto;}
    .sub .comparison .comparison_box:first-child{margin-bottom:3rem;}
    .sub .comparison .comparison_arrow{display:none;}
}

/* //// cir_plus //// */
.sub .cir_plus {margin-bottom:1.875rem;display:flex;justify-content:center;flex-wrap: wrap;position:relative;}
.sub .cir_plus:last-child {margin-bottom:0}
.sub .cir_plus.cir_plus1{flex-wrap:nowrap;justify-content:flex-start;}

.sub .cir_plus .box{margin-top:1.875rem;position:relative;}
.sub .cir_plus .box .inner{position:relative;width:100%;max-width:215px;max-height:215px;margin:auto;}
.sub .cir_plus .box .inner:before{content:'';display:block;position:relative;width:100%;padding-top:100%;top:0;left:0;margin:auto;}
.sub .cir_plus .box:last-child {margin-right:0}

.sub .cir_plus1 .box{width:20%;margin-top:0;}
.sub .cir_plus1 > p{width:80%;padding-left:3%;text-align:left;}

.sub .cir_plus3 .box{width:32.3333%;margin-right:1.5%;}
.sub .cir_plus3 .box:nth-child(-n+3) {margin-top:0}
.sub .cir_plus3 .box:nth-child(3n) {margin-right:0}

.sub .cir_plus4 .box{width:23%;margin-right:2%;}
.sub .cir_plus4 .box:nth-child(-n+4) {margin-top:0}
.sub .cir_plus4 .box:nth-child(4n) {margin-right:0}

.sub .cir_plus .box .inner:after{content:'+';display:block;position:absolute;top:1vw;bottom:auto;left:auto;right:0;margin:auto;width:50px;height:50px;background:#0d6fb8;border-radius:50%;z-index:2;font-family:'Noto Sans KR';font-size:40px;color:#fff;font-weight:400;line-height:45px;}
.sub .cir_plus .box .inner .txt{position:absolute;width:100%;height:100%;max-width:215px;max-height:215px;top:0;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#fff;overflow:hidden;}

@media(max-width:1440px){
    .sub .cir_plus3 .box .txt .font-30,
    .sub .cir_plus4 .box .txt .font-30{font-size:2.3vw;}

    .sub .cir_plus.cir_plus1{flex-wrap:wrap;}
    .sub .cir_plus1 .box{width:170px;margin-bottom:0.6rem;}
    .sub .cir_plus1 .box .inner:after{top:10px;}
    .sub .cir_plus1 > p{width:100%;padding-left:0;}

    .sub .cir_plus4 .box{width:32.3333%;margin-right:1.5%;}
    .sub .cir_plus4 .box:nth-child(-n+4) {margin-top:1.5%}
    .sub .cir_plus4 .box:nth-child(4n) {margin-right:1.5%}
    .sub .cir_plus4 .box:nth-child(-n+3) {margin-top:0}
    .sub .cir_plus4 .box:nth-child(3n) {margin-right:0}
    .sub .cir_plus .box:last-child {margin-right:0}
}
@media(max-width:1240px){
    .sub .cir_plus3 .box .inner:after,
    .sub .cir_plus4 .box .inner:after{width:40px;height:40px;font-size:30px;line-height:35px;}
}
@media(max-width:990px){
    .sub .cir_plus1 .box{width:140px;}
    .sub .cir_plus1 .box .inner:after{width:40px;height:40px;font-size:30px;line-height:35px;}

    .sub .cir_plus3 .box .txt .font-30,
    .sub .cir_plus4 .box .txt .font-30{font-size:3.2vw;}
}
@media(max-width:500px){
    .sub .cir_plus3 .box,
    .sub .cir_plus4 .box{width:48%;margin-right:4%;margin-top:4%;}
    .sub .cir_plus3 .box:nth-child(-n+3) {margin-top:4%}
    .sub .cir_plus3 .box:nth-child(3n) {margin-right:4%}
    .sub .cir_plus4 .box:nth-child(-n+3) {margin-top:4%}
    .sub .cir_plus4 .box:nth-child(3n) {margin-right:4%}
    .sub .cir_plus .box:nth-child(-n+2) {margin-top:0}
    .sub .cir_plus .box:nth-child(2n) {margin-right:0}
    .sub .cir_plus .box:last-child {margin-right:0}

    .sub .cir_plus3 .box .txt .font-30,
    .sub .cir_plus4 .box .txt .font-30{font-size:4.2vw;}
}



/* //// cir_line //// */
.sub .cir_line {margin-bottom:1.875rem;display:flex;justify-content:center;flex-wrap: wrap;position:relative;}
.sub .cir_line:last-child {margin-bottom:0}

.sub .cir_line .box{position:relative;}
.sub .cir_line .box .inner{position:relative;width:100%;max-width:300px;max-height:300px;margin:auto;border:3px solid #0d6fb8;border-radius:50%;overflow:hidden;}
.sub .cir_line .box .inner:after{content:'';display:block;position:relative;width:100%;padding-top:100%;top:0;left:0;margin:auto;}

.sub.issuance .sec01 .cir_line .box .inner,
.sub.accident .sec03 .cir_line .box .inner{max-width:224px;max-height:224px;}
.sub.accident .sec03 .cir_line .box > p{max-width:300px;margin:auto;}

.sub .cir_line4 .box{width:23%;margin-top:2%;margin-right:2%;}
.sub .cir_line4 .box:nth-child(-n+4) {margin-top:0}
.sub .cir_line4 .box:nth-child(4n) {margin-right:0}

.sub .cir_line3 .box{width:32%;margin-top:2%;margin-right:2%;}
.sub .cir_line3 .box:nth-child(-n+3) {margin-top:0}
.sub .cir_line3 .box:nth-child(3n) {margin-right:0}

.sub .cir_line5 .box{width:19%;margin-top:2%;margin-right:1%;}
.sub .cir_line5 .box:nth-child(-n+5) {margin-top:0}
.sub .cir_line5 .box:nth-child(5n) {margin-right:0}

.sub .cir_line4_arrow .box{width:21.25%;}
.sub .cir_line4_arrow .imgbdiv{flex-shrink:0;width:3%;margin:0 1%;}
.sub.accident .sec03 .cir_line4_arrow .imgbdiv{transform:translateY(-100%);}
.sub .cir_line .box:last-child {margin-right:0}

.sub .cir_line .box .inner .txtwrap{position:absolute;width:100%;top:25%;bottom:auto;left:0;right:0;margin:auto;}
.sub.manual_therapy .cir_line .box .inner .txtwrap{top:12%;}
.sub .cir_line4_arrow .box .inner .txtwrap{top:15%;}
.sub.issuance .sec01 .cir_line4_arrow .box .inner .txtwrap,
.sub.accident .sec03 .cir_line4_arrow .box .inner .txtwrap{top:25%;}
@media(max-width:1440px){
    /* .sub .cir_line4 .box .txtwrap .font-30{font-size:2.3vw;} */

    .sub .cir_line4 .box{width:48%;margin-right:4%;margin-top:4%;}
    .sub .cir_line4 .box:nth-child(-n+4) {margin-top:4%}
    .sub .cir_line4 .box:nth-child(4n) {margin-right:4%}
    .sub .cir_line4 .box:nth-child(-n+2) {margin-top:0}
    .sub .cir_line4 .box:nth-child(2n) {margin-right:0}

    .sub .cir_line3 .box{width:48%;margin-right:4%;margin-top:4%;}
    .sub .cir_line3 .box:nth-child(-n+3) {margin-top:4%}
    .sub .cir_line3 .box:nth-child(3n) {margin-right:4%}
    .sub .cir_line3 .box:nth-child(-n+2) {margin-top:0}
    .sub .cir_line3 .box:nth-child(2n) {margin-right:0}

    .sub .cir_line5 .box{width:48%;margin-right:4%;margin-top:4%;}
    .sub .cir_line5 .box:nth-child(-n+5) {margin-top:4%}
    .sub .cir_line5 .box:nth-child(5n) {margin-right:4%}
    .sub .cir_line5 .box:nth-child(-n+2) {margin-top:0}
    .sub .cir_line5 .box:nth-child(2n) {margin-right:0}

    .sub .cir_line4_arrow .box{width:48%;margin-right:4%;margin-top:4%;}
    .sub .cir_line4_arrow .box:last-child{margin-right:0;}
    .sub .cir_line4_arrow .box:nth-child(1),
    .sub .cir_line4_arrow .box:nth-child(3){margin-top:0}
    .sub .cir_line4_arrow .box:nth-child(3){;margin-right:0}
    .sub .cir_line4_arrow .imgbdiv{display:none;}

    .sub .cir_line .box:last-child {margin-right:0}

    .sub .cir_line4_arrow{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
}
@media(max-width:1240px){
}
@media(max-width:990px){
    /* .sub .cir_line4 .box .txtwrap .font-30{font-size:3.2vw;} */
}
@media(max-width:500px){
    .sub .cir_line .box .inner{border:2px solid #0d6fb8;}
    .sub .cir_line3 .box .txtwrap .font-30{font-size:4.2vw;}
    .sub .cir_line4 .box .txtwrap .font-30{font-size:4.2vw;}
    .sub .cir_line5 .box .txtwrap .font-30{font-size:4.2vw;}
    .sub .cir_line4_arrow .box .txtwrap .font-30{font-size:4.2vw;}

    .sub.joint.esw .cir_line .box .inner .txtwrap{top:12%;}
}


/* //// accident //// */
.sub.accident .sec04 .width60{padding-right:3%;}
@media(max-width:1440px){
    .sub.accident .sec04 .width60{padding-right:0;width:100%;margin-bottom:50px;}
    .sub.accident .sec04 .width40{width:100%}
}

/* //// self_box_wrap4 //// */
.sub .self_box_wrap4 {margin-bottom:1.875rem;display:flex;flex-wrap: wrap;}
.sub .self_box_wrap4:last-child {margin-bottom:0}
.sub .self_box_wrap4 .box {width:24%;margin-right:1%;margin-top:1.875rem;box-sizing:border-box}
.sub .self_box_wrap4 .box:nth-child(-n+4) {margin-top:0}
.sub .self_box_wrap4 .box:nth-child(4n) {margin-right:0}
.sub .self_box_wrap4 .box:last-child {margin-right:0}
.sub .self_box_wrap4 .txt{padding:0.5rem 0;}
.sub .bg-sky2 .self_box_wrap4 .txt{padding:1.875rem 0;}

.sub .self_box_wrap4 .box.bg-blue.flex-center{height:12vw;}

@media(max-width:1240px){
    .sub .self_box_wrap4{width:90%;margin:auto;}
    .sub .self_box_wrap4 .box {width:48%;margin-right:4%;}
    .sub .self_box_wrap4 .box:nth-child(-n+4) {margin-top:4%}
    .sub .self_box_wrap4 .box:nth-child(4n) {margin-right:4%}
    .sub .self_box_wrap4 .box:nth-child(-n+2) {margin-top:0}
    .sub .self_box_wrap4 .box:nth-child(2n) {margin-right:0}
}
@media(max-width:990px){
    .sub .self_box_wrap4 .box.bg-blue.flex-center{height:16vw;}
}
@media(max-width:500px){
    .sub .self_box_wrap4 .box.bg-blue.flex-center{height:32vw;}
}


/* //// issuance //// */
.sub.issuance .downbtn{padding:1rem 2rem;}
.sub.issuance table{width:100%;border-collapse:collapse;}
.sub.issuance table .bg-sky{background:#f3f8fb;}
.sub.issuance table td{border:1px solid #e9e9e9;}
.sub.issuance table thead tr td{padding:1%;}
.sub.issuance table tbody tr td{padding:2% 1%;}
@media(max-width:768px){
    .sub.issuance table{min-width:600px;}
    .sub.issuance table tr:nth-child(even) td{background:#f7f7f7;}
    .sub.issuance table tr:nth-child(even) td.bg-sky{background:#f3f8fb;}
    .sub.issuance .tablewrap_cont{overflow-x:scroll;}
}

/* //// bottom_common //// */
.sub .bottom_common{background:url('/img/sub/bottom_common_bg.jpg')no-repeat center center /cover;}
.sub .bottom_common .sec_title .title_txt{position:relative;top:-2.500rem;}
.sub .bottom_common .sec_cont .box{width:23%;margin-right:2%;max-width:300px;border:2px solid #fff;padding:2.500rem 1rem;}
@media(max-width:1440px){
    .sub .bottom_common .sec_cont{max-width:768px;margin:auto;}
    .sub .bottom_common .sec_cont .box{width:48%;margin-right:4%;margin-top:4%;}
    .sub .bottom_common .sec_cont .box:nth-child(2n){margin-right:0;}
    .sub .bottom_common .sec_cont .box:nth-child(-n+2){margin-top:0;}
}
@media(max-width:500px){
    .sub .bottom_common .sec_title .logowrap img{height:110px;}
    .sub .bottom_common .sec_cont .box img{height:60px;}
}