/* subCon */
#subCon > #leftNav > .con > .lnbTit {
    background: linear-gradient(to right, #7fbd41,#289ab9);
    color: #fff;
    box-shadow: 5px 5px 15px rgb(0 0 0 / 15%);
    z-index: 3;
    position: relative;
    margin-bottom: 10px ;
}
#subCon > #leftNav > .con > .lnbTit span {
    display: block;
    padding: 40px 20px 20px;
    background: url(../img/rTbg.png) right center no-repeat;
}
#subCon > #leftNav > .con > .dropdw-menu {
    /* border-top: 3px solid #333; */
}
#subCon > #leftNav > .con > .dropdw-menu > li {
    border-bottom: 1px solid #ddd;
}
#subCon > #leftNav > .con > .dropdw-menu > li > .lnbMn {
    font-size: 20px;
    font-weight: 300;
    color: #888;
    display: block;
    line-height: 1em;
    padding: 15px 20px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}
#subCon > #leftNav > .con > .dropdw-menu > li.act {
    background-color: #fcfcfc;
}
#subCon > #leftNav > .con > .dropdw-menu > li.act > .lnbMn {
    color: #000;
    font-weight: 500;
    background-color: #fff;
}
#subCon > #leftNav > .con > .dropdw-menu > li.act > .lnbMn.lnb-toggle {
    border-bottom: 1px solid #ddd;
    border-bottom: 2px solid #222;
}
#subCon > #leftNav > .con > .dropdw-menu > li > .lnbMn.lnb-toggle:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 0;
    height: 100%;
    background: url(../img/lnb_pls.png) right center no-repeat;
    width: 15px;
    opacity: 0.4;
}
#subCon > #leftNav > .con > .dropdw-menu > li.act > .lnbMn.lnb-toggle:after {
    opacity: 1;
}
#subCon > #leftNav > .con > .dropdw-menu .dropdw {
    padding: 5px 0;
}
#subCon > #leftNav > .con > .dropdw-menu .dropdw > li {
    padding: 0 15px;
}
#subCon > #leftNav > .con > .dropdw-menu .dropdw > li > a {
    padding: 10px 5px;
    display: inline-block;
    line-height: 1em;
    font-size: 17px;
    text-decoration: none;
    font-weight: 300;
    color: #888;
    position: relative;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#subCon > #leftNav > .con > .dropdw-menu .dropdw > li:hover > a,
#subCon > #leftNav > .con > .dropdw-menu .dropdw > li.act > a {
    color: #000;
    font-weight: 400;
}
#subCon > #leftNav > .con > .dropdw-menu .dropdw > li a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 45%;
    height: 30%;
    width: 100%;
    border-radius: 50px;
    background-color: #fff098;
    opacity: 0;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#subCon > #leftNav > .con > .dropdw-menu .dropdw > li:hover > a:after,
#subCon > #leftNav > .con > .dropdw-menu .dropdw > li.act > a:after {
    opacity: 1;
}
#subCon > #leftNav > .con > .dropdw-menu .dropdw > li > a span {
    position: relative;
    display: inline-block;
    padding: 0px 5px;
    z-index: 3;
}
#subCon > #rightBox .rtTit {
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
    padding-left: 20px;
    position: relative;
}
#subCon > #rightBox .rtTit:after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    width: 13px;
    height: 13px;
    border: 4px solid #00a94f;
}
@media (min-width:992px) and  (min-height:600px) {
    #subCon {
        min-height: 600px;
    }
}
@media (min-width:992px) and  (max-height:600px) {
    #subCon {
        min-height: 600px;
    }
}
@media (min-width:992px) {
    #subCon {
        position: relative;
        padding-left: 350px;
    }
    #subCon > div > .con {
        padding-top: 40px;
    }
    #subCon > #leftNav {
        position: absolute;
        width: 350px;
        padding-right: 50px;
        left: 0;
        top: 0;
    }
}
@media (max-width:992px) {
    #subCon > #leftNav {
        display: none;
    }
    #subCon > #rightBox {
        padding: 20px 0;
    }
}


/* sub1_2 */
#sub1_2 .orgList {
    display: flex;
    flex-wrap: wrap;
}
#sub1_2 .orgList .noLine {
    width: 100%;
}
#sub1_2 .orgList .Line {
    width: 33.33333%;
}
#sub1_2 .orgList .orgItem {
    padding: 25px 0;
    position: relative;
    line-height: 0px;
}
#sub1_2 .orgList li:not(:first-child) .orgItem:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0%;
    height: 25px;
    width: 1px;
    background-color: #ddd;
}
#sub1_2 .orgList .orgItem:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0%;
    height: 25px;
    width: 1px;
    background-color: #ddd;
}
#sub1_2 .orgList .orgItem span {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 10px;
}
#sub1_2 .orgList .orgItem.orgItem_cjh strong {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/cjh_bg.png) center center no-repeat;
    z-index: 1;
}
#sub1_2 .orgList .orgItem.orgItem_cjh span {
    background: linear-gradient(135deg, #ffce06 20%, #7fbd41 50%, #289ab9 80%);
    border-radius: 50%;
    border: 0px;
    position: relative;
    z-index: 3;
}
#sub1_2 .orgList .orgItem .c_wrp {
    height: 98px;
    width: 250px;
}
#sub1_2 .orgList .orgItem .c_wrp h5 {
    line-height: 1.2em;
}
@media (min-width:768px) {
    #sub1_2 .orgList li.Line .orgItem:after {
        left: calc(50% + 1px);
    }
    #sub1_2 .orgList li.Line .orgItem:before {
        display: none;
    }
    #sub1_2 .orgList li.Line .orgItem span:before {
        content: "";
        position: absolute;
        background-color: #ddd;
        bottom: auto;
        top: 0px;
        width: 50%;
        left: calc(50% + 1px);
        height: 1px;
    }
    #sub1_2 .orgList li.Line.LineCt .orgItem span:after {
        content: "";
        position: absolute;
        background-color: #ddd;
        bottom: auto;
        top: 0px;
        width: 50%;
        right: calc(50% - 1px);
        height: 1px;
    }
    #sub1_2 .orgList li.Line.LineRt .orgItem span:before {
        left: auto;
        right: calc(50% - 1px);
    }
}
@media (max-width:1200px) and (min-width:768px){
    #sub1_2 .orgList .orgItem .c_wrp {
        width: 190px;
    }
}
@media (max-width:768px){
    #sub1_2 .orgList .orgItem {
        padding: 10px 0;
    }
    #sub1_2 .orgList li:not(:first-child) .orgItem:after,
    #sub1_2 .orgList .orgItem:before {
        height: 10px;
    }
    #sub1_2 .orgList .Line {
        width: 100%;
    }
}

/* sub1_3 */
#sub1_3 .mapbox .root_daum_roughmap {
	border: 0px !important;
	padding: 0px !important;
}
#sub1_3 .mapbox .root_daum_roughmap .wrap_map,
#sub1_3 .mapbox iframe {
    height: 400px !important;
}
@media (max-width:768px) {
	#sub1_3 .mapbox .root_daum_roughmap .wrap_map,
	#sub1_3 .mapbox iframe {
		height: 250px !important;
	}
}

/* sub1_4 */
#sub1_4 .heal_img .tbox{
    background-color: #f7f7f7;
    padding: 30px;
    text-align: center;
}
#sub1_4 .heal_img .tbox .lined{
    background-color: #000;
    width: 40px;
    height: 1px;
    display: inline-block;
    margin-bottom: 20px;
}
@media (max-width:768px) {
    #sub1_4 .heal_img .tbox{
        padding: 20px;
    }
    #sub1_4 .heal_img .tbox .lined{
        width: 30px;
        margin-bottom: 15px;
    }
}

/* sub1_5 */
#sub1_5 .info_box .c_wrp .num {
    padding: 15px;
    text-align: center;
    width: 10%;
    border: 2px solid #7dbc44;
}
#sub1_5 .info_box .c_wrp .num h4 {
    color: #7dbc44;
}
#sub1_5 .info_box .c_wrp .sbj {
    padding: 15px;
    background-color: #7dbc44;
}
#sub1_5 .info_box .c_wrp .sbj h4 {
    color: #fff;
}
#sub1_5 .info_box .cont{
    border: 2px solid #ddd;
    border-top: 0;
    padding: 25px;
}
@media (min-width:769px) {
    
}
@media (max-width:768px) {
    #sub1_5 .info_box .c_wrp .num{
        padding: 10px;
        width: 20%;
    }
    #sub1_5 .info_box .c_wrp .sbj{
        border: 1px solid #7dbc44;
        padding: 10px;
    }
    #sub1_5 .info_box .cont{
        border: 1px solid #ddd;
        border-top: 0;
        padding: 20px;
    }
}

/* titH */

.titH {
    position: relative;
    display: inline-block;
    padding-left: 10px;
}
.titH:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0%;
    /* background-color: #f1f1f1; */
    bottom: 0;
    z-index: 1;
}
.titH span {
    display: inline-block;
    padding: 0 5px;
    position: relative;
    color: #0c2c52;
    z-index: 3;
    font-weight: 700;
}
.titH:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 0;
    background-color: #0c2c52;
    border-radius: 50%;
    top: 13px;
    z-index: 4;
}
/* ptBox */
.ptBox {
    border: 3px solid #eee;
    padding: 20px;
}
/* ppList */
.ppList {
    margin: 0 -5px;
}
.ppList > li {
    margin: 5px 0;
    padding: 0 5px;
}
.ppList .m_wrp {
    padding: 25px;
    text-align: center;
    background-color: #f3f7fd;
    border: 1px solid #c1cfe3;
}
.ppList .m_wrp .tbox p {
    line-height: 1.3em;
    margin-top: 5px;
    font-weight: 400;
    color: #2a3744;
}
@media (max-width:768px) {
    .ppList .m_wrp {
        padding: 15px;
    }
    .ppList .m_wrp .tbox {
        text-align: left;
        width: 75%;
        padding-left: 15px;
    }
}

/* prcList */
.prcList > li {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
}
.prcList > li:not(:last-child) {
    margin-bottom: 30px;
}
.prcList .prcCon {
    padding-left: 15px;
    width: 60%;
}
.prcList .prcItem {
    width: 40%;
    padding-left: 15px;
    position: relative;
}
.prcList .prcItem .num {
    position: absolute;
    left: 0;
    top: calc(50% - 18px);
    width: 36px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background-color: #394f6b;
    font-weight: 700;
}
.prcList .prcItem .txt {
    padding: 20px;
    padding-left: 40px;
    border: 1px solid #8095b0;
    background-color: #eaf3ff;
    border-radius: 10px;
}
.prcList .prcItem .txt h5 {
    font-weight: 400;
}
.prcList .prcItem .txt .icon {
    width: 25%;
}
@media (min-width:768px) {
    .prcList > li:not(:last-child) .prcItem:after {
        content: "";
        position: absolute;
        left: 0;
        height: 30px;
        bottom: -15px;
        width: 100%;
        background: url(../img/arrBt.png) center center no-repeat;
    }
}
@media (max-width:768px) {
    .prcList > li {
        flex-wrap: wrap;
    }
    .prcList > li:not(:last-child):after {
        content: "";
        position: absolute;
        left: 0;
        height: 20px;
        bottom: -25px;
        width: 100%;
        background: url(../img/arrBt.png) center center no-repeat;
        background-size: contain;
    }
    .prcList > li .prcItem,
    .prcList > li .prcCon {
        width: 100%;
    }
    .prcList > li .prcCon {
        padding-top: 8px;
    }
}

/* visList */
.visList {
    margin: 0 -5px;
}
.visList > li {
    padding: 0 5px;
}
.visList .iconBox {
    border: 1px solid #aaa;
    text-align: center;
    margin: 10px 0;
}
.visList .iconBox h5 {
    background-color: #00a5bd;
    text-align: center;
    color: #fff;
    padding: 10px;
}
.visList .iconBox .icon {
    padding: 30px 15px;
    position: relative;
}
.visList ul li p {
    line-height: 1.4em;
    margin-top: 5px;
}
@media (min-width:992px){
    .visList > li:not(:last-child) .iconBox .icon:after {
        content: "";
        position: absolute;
        right: -23px;
        width: 35px;
        height: 100%;
        top: 0;
        background: url(../img/pr_ar.png) center center no-repeat;
        z-index: 4;
    }
}
@media (max-width:992px){
    .visList .iconBox .icon {
        padding: 15px 5px;
    }
    .visList .iconBox .icon img {
        width: 40px;
    }
}
/* addr */
.addr {
    background: url(../img/addr.png) left 5px no-repeat;
    padding-left: 25px;
    text-align: left;
}
@media (max-width:768px) {
    .addr {
        background: url(../img/addr.png) left 0 no-repeat;
    }
}
/* aboutClinic */
.aboutClinic {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    align-items: center;
}
.aboutClinic .left {
    padding: 20px 0;
}
.aboutClinic .left .telBox {
    padding: 10px 0;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    padding-left: 80px;
    background: url(../img/telBoxBg.png) left center no-repeat;
    margin-bottom: 0;
}
.aboutClinic .left .telBox h5,
.aboutClinic .left .telBox h2 {
    line-height: 1.1em;
}
.aboutClinic .left .telBox h2 {
    margin-top: 2px;
    font-weight: 600 !important;
    color: #00a84f;
}
.aboutClinic .right .ttable {
    border-top: 2px solid #333;
    border-bottom: 1px solid #ddd;
    margin-top: 5px;
}
.aboutClinic .right .ttable li {
    padding: 7px 0;
}
.aboutClinic .right .ttable li p {
    position: relative;
    padding-left: 100px;
}
.aboutClinic .right .ttable li p strong {
    position: absolute;
    left: 0;
    top: 0;
    width: 170px;
    font-weight: 500;
    color: #333;
}
@media (min-width:992px){
    .aboutClinic {
        display: flex;
        flex-wrap: nowrap;
    }
    .aboutClinic > div {
        width: 50%;
    }
}
@media (max-width:992px){
    .aboutClinic .left {
        text-align: center;
    }
}
@media (max-width:768px){
    .aboutClinic {
        border: 0px;
        padding: 0px;
    }
    .aboutClinic .left {
        padding: 0 ;
        text-align: left;
        margin-bottom: 10px;
    }
    .aboutClinic .left .telBox {
        padding: 5px 0;
        padding-left: 55px;
        background-size: 40px !important;
    }
    .aboutClinic .right ul li {
        padding: 4px 0;
    }
    .aboutClinic .right ul li p {
        padding-left: 80px;
    }
    .aboutClinic .right ul li p strong {
        width: 65px;
    }
}

/*trans_box*/
.trx {
    padding: 30px;
    background-color: #f7f7f7;
}
.trans_box {
	margin-bottom: 20px;
}
.trans_box h4 {
	color: #1e1e1e;
    line-height: 1.5em;
    margin-bottom: 5px;
    vertical-align: middle;
}
.trans_box h4 img {
    margin-bottom: 2px;
}
.trans_box .secd_item {
	color: #1e1e1e;
    line-height: 1.5em;
	display: inline-block;
	margin-right: 20px;
}
.trans_box .secd_item .circle {
	display: inline-block;
    line-height: 1em;
    border-radius: 30px;
    text-align: center;
    font-size: 11px;
    background-color: #ce3245;
    color: #fff;
    padding: 3px 5px;
    font-weight: 600;
    vertical-align: middle;
}
.trans_box .secd_item .circle.m_circle01 {
    background-color: #30a32a;		
}
.trans_box .secd_item .circle.m_circle02 {
    background-color: #cea33a;	
}
.trans_box .secd_item .row_ln {
	display: inline-block;
    border-right: 1px solid #ccc;
    height: 10px;
    vertical-align: middle;
}
.trans_box .secd_item strong {
	color: #cc1717;
}
.trans_box .thrt_item {
	margin-bottom: 5px;
	color: #1e1e1e;
    line-height: 1.5em;
}
.trans_box .thrt_item .squre {
	display: inline-block;
    line-height: 1em;
    text-align: center;
    font-size: 11px;
    background-color: #459940;
    color: #fff;
    padding: 3px 5px;
    font-weight: 600;
    vertical-align: middle;
}
.trans_box .thrt_item .squre.squre01 {
    background-color: #c91017;
}
.trans_box .thrt_item .squre.squre02 {
    background-color: #70b0e0;
}
.trans_box .thrt_item .row_ln {
	display: inline-block;
    border-right: 1px solid #ccc;
    height: 10px;
    vertical-align: middle;
}
@media (max-width: 768px){
    .trx {
        padding: 15px;
    }
	.trans_box h4 {
		word-break: keep-all;
	}
	.trans_box .secd_item,
	.trans_box .thrt_item {
		font-size: 13px;
	}
}


/* prBox */
.pr_txt {
    padding: 60px 80px;
    border: 6px solid #eee;
    position: relative;
}
.pr_txt .txt {
    max-width: 700px;
    margin: 0 auto;
}
.pr_txt .y_sim {
    position: absolute;
    right: -6px;
    top: -6px;
}
.pr_txt .named {
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
}
.pr_txt .named .rt {
    white-space: nowrap;
}
@media (max-width:768px){
    .pr_txt {
        padding: 50px 30px;
        border: 3px solid #eee;
        margin-top: 20px;
    }
    .pr_txt .y_sim {
        width: 50px;
        right: -3px;
        top: -3px;
    }
    .pr_txt .named {
        flex-wrap: wrap;
    }
    .pr_txt .named .rt {
        text-align: right;
        margin-top: 15px;
        width: 100%;
    }
}

/*test_wrp*/
.test_wrp > li:not(:last-child){
    margin-bottom: 15px;
}
.test_wrp .test_box{
    padding: 25px;
    background-color: #f3f7fd;
    border: 1px solid #c1cfe3;
}
.test_wrp .test_box .txt h5 span{
    padding: 5px;
    background-color: #394f6b;
    color: #fff;
}
.test_wrp .test_box .txt ul li{
    float: left;
}
.test_wrp .test_box .txt ul li:not(:last-child){
    margin-right: 5px;
}
.test_wrp .test_box .txt ul li h6{
    padding: 10px;
    background-color: #e6f1ff;
    border-radius: 50px;
    line-height: 1em;
    display: inline-block;
}
@media (min-width:769px){
    .test_wrp .test_box .icon{
        width: 20%;
    }
    .test_wrp .test_box .txt{
        width: 80%;
    }
}
@media (max-width:768px){
    .test_wrp > li:not(:last-child){
        margin-bottom: 10px;
    }
    .test_wrp .test_box{
        padding: 15px;
    }
    .test_wrp .test_box .icon{
        text-align: center;
        margin-bottom: 10px;
    }
    .test_wrp .test_box .txt h5 span{
        padding: 3px;
    }
    .test_wrp .test_box .txt ul li:not(:last-child){
        margin-right: 3px;
    }
    .test_wrp .test_box .txt ul li h6{
        padding: 5px;
    }
}

.sec_wrp > li:not(:last-child){
    margin-bottom: 20px;
}

@media (max-width:768px){
    .sec_wrp > li:not(:last-child){
        margin-bottom: 10px;
    }
}




/*panoramaWrp*/
#panoramaWrp {
    overflow: hidden;
}
#panoramaWrp .panorama .slick-slide {
    position: relative;
}
#panoramaWrp .panorama .slick-slide:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.8);

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#panoramaWrp .panorama .slick-slide.slick-current:after {
    opacity: 0;
}
#panoramaWrp .slider_wrp {
    position: relative;
}
#panoramaWrp .slider_wrp .arrowSlider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}
#panoramaWrp .slider_wrp .c_wrp {
    width: 55%;
    margin: 0 auto;
}
#panoramaWrp .slider_wrp .c_wrp span {
    cursor: pointer;
    display: inline-block;
}
@media (min-width:768px){
    #panoramaWrp .panorama {
        margin: 0 -350px;
    }
}
@media (max-width:1200px){
    #panoramaWrp .slider_wrp .c_wrp {
        width: 75%;
    }
}
@media (max-width:768px){
    #panoramaWrp .panorama {
        margin: 0 15px;
    }
}