/* ceo인사말 */

section.company_01, 
section.company_02,
section.company_03,
section.company_04,
section.company_05 {
    font-family: 'NotoSans', sans-serif, Helvetica;
    font-size: 18px; line-height: 32px; list-style: none;
}
@font-face { font-family: 'KOMACON'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/KOMACON.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Cafe24Danjunghae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff'); } @font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff') format('woff'); } .lottemarthappy * { font-family: 'LotteMartHappy', sans-serif; }
@font-face {
    font-family: 'KOTRA_SONGEULSSI';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/KOTRA_SONGEULSSI.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
section h3.section_title_01 {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 80px;
    line-height: 32px;
}

section.company_01 p.subj {
    font-size: 33px;
    font-weight: 900;
    line-height: 44px;
    margin-bottom: 30px;
    color: #000;
}

section.company_01 p.subj span {
    font-size: 33px;
    font-weight: 300;
    text-align: center;
}

section.company_01 .ceo img {
    float: right;
}

section.company_01 .ceo .message {
    float: right;
    padding-top: 18px;
    font-size: 17px;
}

section.company_01 .ceo .message span {
    font-weight: 900;
    font-family: 'NanumSquare;

}


/* 회사소개 */
section.company_02 .company_img01 {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

section.company_02 .box1 {
    display: table;
    width: 100%;
    height: 47vh;
}

section.company_02 .box2 {
    display: table;
    height: 100%;
    width: 100%;
}

section.company_02 .box3 {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 14vh;

}

section.company_02 .box3 dl {
    font-family: 'Ubuntu', sans-serif;
    width: 50%;
    padding-top: 18px;
}

section.company_02 .box3 dl dt {
    font-size: 48px;
    color: #000;
    text-transform: capitalize;

}

section.company_02 .box3 dl dd {
    font-size: 14px;

}

section.company_02 .title-wrap {
    border-bottom: 1px #eee solid;
    margin-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    /*    margin-bottom: 50px;*/
}

section.company_02 .title-wrap h2 {
    font-weight: 600;
}



/* 연혁 */
section.company_03 #tab_wrap .nav-tabs {
    border-bottom: 0;
}

section.company_03 #tab_wrap .nav-tabs > li > a {
    margin: 0;

}

section.company_03 #tab_wrap .nav-tabs > li > a,
section.company_03 #tab_wrap .nav-tabs > li > a:focus,
section.company_03 #tab_wrap .nav-tabs > li > a:hover {
    color: #fff;

    border-left: 1px #cfcfcf solid;
}

section.company_03 #tab_wrap .nav-tabs > li > a {
    border: none;
    color: #666;
    background: #f8f8f8;
    /*            font-size: 13px;*/
    font-weight: 600;
    border-top: 1px #dedede solid;
    border-bottom: 1px #999999 solid;
    border-left: 1px #dedede solid;
    /*    border-top: 1px #999999 solid;*/
    border-radius: 0;
    line-height: 38px;
    font-size: 16px;
    /*        transition: 1s;*/
}

section.company_03 #tab_wrap .nav-tabs > li:first-child > a {
    /*        border-left: 1px #999999 solid;*/
}


section.company_03 #tab_wrap .nav-tabs > li:last-child > a {}

section.company_03 #tab_wrap .nav-tabs > li > a > span {
    color: #000;
}

section.company_03 #tab_wrap .nav-tabs > li > a:hover,
section.company_03 #tab_wrap .nav-tabs > li > a#bo_cate_on,
section.company_03 #tab_wrap .nav-tabs > li > a:focus {
    color: #efefef;
    background: #fff;
    color: #000;
    border-top: 1px #cfcfcf solid;
    border-bottom: 1px #fff solid;
    border-left: 1px #cfcfcf solid;

}

section.company_03 #tab_wrap .nav-tabs > li > a#bo_cate_on {
    background-color: #fff;
    border-top: 2px #000 solid;
    font-weight: 900;
}

section.company_03 #tab_wrap .nav-tabs > li:first-child > a:hover,
section.company_03 #tab_wrap .nav-tabs > li:first-child > a:focus {
    border-left: 0;
}



section.company_03 #tab_wrap .nav-tabs.two > li {
    width: 50%;
    text-align: center;
}

section.company_03 #tab_wrap .nav-tabs.three > li {
    width: 33.333333333333333%;
    text-align: center;
}

section.company_03 #tab_wrap .nav-tabs.four > li {
    width: 25%;
    text-align: center;
}

section.company_03 .tab-pane {
    padding: 15px 0;
}

section.company_03 .tab-content {
    padding: 20px
}



section.company_03 #tab_wrap {
    /*        border: 0 !important;*/
    border-left: 1px #dedede solid;
    border-right: 1px #dedede solid;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 80px;
}

section.company_03 dt {
    width: auto;
    margin-bottom: 10px;
}

section.company_03 dd {
    padding-left: 20px;
    border-left: 3px #eee solid
}

section.company_03 dt:after {
    /*    content: " / "*/
}

section.company_03 .history-left {
    text-align: left;
}

section.company_03 .history-left h2 {
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 900;
    color: #000;
    margin-top: 0;
    float: left;

}

section.company_03 .history-left span {
    padding-left: 20px;
    line-height: 48px;

    font-weight: 300;
    font-size: 26px;
    color: #474747;
}

section.company_03 .history-left p.text {
    color: #474747;
    font-size: 16px;
    line-height: 24px;
}

section.company_03 .history-left p.image {
    margin-top: 30px;
}

section.company_03 .history-right {
    background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;
    margin-top: 10px;
    margin-left: 80px;
}

section.company_03 .history-right ul {
    background: url(../../img/sub/dot.png) 0 2% no-repeat;
    margin-bottom: 35px;
    border-bottom: 0;
}

section.company_03 .history-right li {}

section.company_03 .history-right li.title {
    font-size: 25px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    padding-bottom: 12px;
}

section.company_03 .history-right li span.mon {
    font-weight: 600;
    color: #000000;
    content: "-";
    font-size: 12px;
    background-color: #fff;
    border: 1px #f3f3f3 solid;
    margin-right: 7px;
}

section.company_03 .history-right li span.mon:after {
    /*    content: " . ";*/
}

section.company_03 .history-right li span.mon2 {
    font-weight: 400;
    color: #2B4471;
    content: "-";
    font-size: 12px;
}

section.company_03 .history-right li span.mon2:after {
    content: " ";
}

section.company_03 .history-right ul.list-unstyled {
    border-bottom: 0 !important;
    padding-left: 40px;
}


/* 찾아오시는 길 */

section.company_04 .embed-container {
    position: relative;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

section.company_04 .embed-container iframe,
section.company_04 .embed-container object,
section.company_04 .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section .table_wrap .table {
    border-top: 2px #000 solid;
    border-bottom: 1px #ddd solid;
}

section .table_wrap caption {
    font-weight: 900;
    color: #000;
    font-size: 18px;
    /*    padding-top: 15px*/
}

section .table_wrap .table th {
    width: 120px;
    padding-left: 18px;
    font-weight: 900;
}

section .table_wrap .table th,
section .table_wrap .table td {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 25px;
}

section.company_04 dl {
    padding-bottom: 0;
    margin-bottom: 15px;
}

section.company_04 dl dt {
    padding-top: 10px;
}

section.company_04 dl dd {
    padding-left: 20px;
}

section.company_04 .d-map {
    padding: 0 8px;
    background: #2c77dd;
    color: #fff;
    font-size: 11px;
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    border-radius: 2em;
}
section.company_04 .btn{
    font-size: 15px;
    border-radius: 0;
    border:1px #000 solid;
    color: #000;
    font-weight: 600;
}
/* 레이어 팝업 */
.overlay-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 9999999999999999999999999999999999999999999999999999;
}

.overlay-popup:target {
    visibility: visible;
    opacity: 1;
}

.popup-content {
    margin: 70px auto;
    background: #fff;
    width: 30%;
    position: relative;
    transition: all 5s ease-in-out;
    padding-bottom: 10px;
}

.popup-content h2 {
    background: linear-gradient(#44474e, #35383f);
    margin-top: 0;
    color: #fff;
    font-family: 'NotoSans';
    font-size: 18px;
    line-height: 52px;
    padding-left: 20px;
    font-weight: 600;
    padding-top: 5px;
}

.popup-content .close {
    position: absolute;
    top: 15px;
/*    border: 1px #fff solid;*/
    right: 15px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #fff !important;
    opacity: 1;
    text-shadow: none;
    line-height: 0;
    padding-top: 12px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.popup-content .close:hover {
    color: #06D85F;
}

.popup-content .content {
    /*  max-height: 30%;*/
    height: 420px;
    padding: 25px 20px;
    font-size: 13px;
    overflow-y: auto;
}

.popup-content .content p,
.popup-content .content span {
    font-size: 13px;
}

.popup_text_point {
    font-size: 16px;
    font-weight: 600;
    font-weight: 600;
    padding-bottom: 12px;
}
@media (max-width: 992px) {
    section.company_01 {
        text-align: center;
    }

    section h3.section_title_01 {
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 60px;
        line-height: 26px;
    }

    section.company_01 p.subj {
        font-size: 26px;
        font-weight: 900;
        line-height: 42px;
        margin-bottom: 30px;
        color: #000;
    }

    section.company_01 p.subj span {
        font-size: 26px;
        font-weight: 300;
        text-align: center;
    }

    section.company_01 .ceo {
        margin-top: 30px;
        margin-bottom: 50px;
        text-align: center;
    }

    section.company_01 .ceo img {
        float: none;
        text-align: center;
        width: 100%;
    }

    section.company_01 .ceo .message {
        float: right;
        padding-top: 18px;
        font-size: 14px;
    }

    section.company_01 .ceo .message span {
        font-weight: 900;
        font-family: 'NanumSquare;

    }

    section.company_02 .company_img01 {
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    section.company_02 .box1 {
        display: table;
        width: 100%;
        height: 47vh;
    }

    section.company_02 .box2 {
        display: table;
        height: 100%;
        width: 100%;
    }

    section.company_02 .box3 {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding-left: 6vh;
        padding-right: 6vh;

    }

    section.company_02 .box3 dl {
        font-family: 'Ubuntu', sans-serif;
        width: 100%;
        padding-top: 18px;
    }

    section.company_02 .box3 dl dt {
        font-size: 32px;
        color: #000;
        text-transform: capitalize;

    }

    section.company_02 .box3 dl dd {
        font-size: 14px;

    }

    /*     연혁 */

    section.company_03 #tab_wrap .nav-tabs > li > a {
        border: none;
        color: #666;
        background: #f8f8f8;
        font-weight: 600;
        border-top: 1px #dedede solid;
        border-bottom: 1px #999999 solid;
        border-left: 1px #dedede solid;
        border-radius: 0;
        line-height: 24px;
        font-size: 14px;
    }

    section.company_03 #tab_wrap {

        margin-bottom: 50px;
    }

    section.company_03 .history-left h2 {
        font-size: 26px;
        margin-bottom: 10px;
        font-weight: 900;
        color: #000;
        margin-top: 0;
        float: left;

    }

    section.company_03 .history-left span {
        padding-left: 14px;
        line-height: 32px;

        font-weight: 300;
        font-size: 18px;
        color: #474747;
    }

    section.company_03 .history-left p.text {
        color: #474747;
        font-size: 14px;
        line-height: 22px;
    }

    section.company_03 .history-left p.image {
        margin-top: 30px;

    }

    section.company_03 .history-left p.image img {
        width: 100%;
    }

    section.company_03 .history-right {
        background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;
        margin-top: 10px;
        margin-left: 0px;
    }

    section.company_03 .history-left {
        margin-bottom: 40px;
    }

    section.company_03 .history-right li.title {
        font-size: 20px;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
        color: #000;
        padding-bottom: 6px;
    }
    .popup-content {
        width: 70%;
    }


}



 
}
	.fc_pointer {color:#1F88E5; }
	.content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}
	.page_title{width:100%; margin-bottom:70px;}
	.page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }

	.company_type1 {width:100%; margin:0 auto; }
	.company_type1:after{content:""; clear:both; display:block;}
	.company_type1 .ceo_img {position: relative; float:right; width:500px; text-align:right; padding-left:30px;}
	.company_type1 .ceo_img img {width:100%; height:auto; }
	.company_type1 .ceo_area{ float:left; width:50%;} 
	.company_type1 .ceo_area .ceo_tit { position:relative; float:left; width:100%; font-size:2em;  color: #0068b7;line-height:1.4em;font-family: 'LotteMartHappy'; letter-spacing:-0.05em;  }
	.company_type1 .ceo_area .ceo_txt { float:right; width:100%; padding-top:50px; }
	.company_type1 .ceo_area .ceo_txt p { line-height:1.5em; color: #898989;font-size:1.2em; word-break: keep-all; }
	.company_type1 .ceo_area .ceo_txt span.ceo_sign{ display:block; font-size:1.8em; color:#000; margin-top:50px; font-family: 'KOTRA_SONGEULSSI';}
.company_type1 .ceo_area .ceo_txt span.ceo_s{ display:block; font-size:1.6em; color:#000; font-weight:700;}
	.s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}
	.tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;}
	.tbla tr th{width:20%; height:45px; padding:15px 0; text-align:center; border-bottom:1px solid #666; font-size:1em;}
	.tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left;}

		
	@media screen and (max-width:992px){
		
		.content_wrap{width:96%;}
		.page_title{margin-bottom:50px;}	
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}

		.company_type1 .ceo_img {width:100%; text-align:center; margin-bottom:30px; padding-left:0; }
		.company_type1 .ceo_img img{width:100%;}
		.company_type1 .ceo_area .ceo_txt span.ceo_s{ display:block; font-size:1.4em; color:#000; font-weight:700;}
		.company_type1 .ceo_area{ float:none; width:95%; margin:0 auto; } 
		.company_type1 .ceo_area .ceo_tit { font-size:1.8em; text-align:center;}
		.company_type1 .ceo_area .ceo_txt{padding-top:10px;}

		.tbla tr th{width:30%; font-size:0.9em;}
		.tbla tr td{width:70%; font-size:0.9em;}

	}


		.fc_pointer {color:#BC0000; }
	
	.page_title{width:100%; margin-bottom:70px;}
	.page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }

	.vision_type2 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; }
	.vision_type2:after {display:block; visibility:hidden; clear:both; content:""}
	.vision_type2 h2.title {text-align:center; font-size:2em; font-weight:400; color:#333; line-height:1.2em; margin-bottom:40px; }
	.vision_type2 span.stitle {display:block; width:100%; text-align:center; margin:0 auto; font-size:1.1em; font-weight:400; color:#333; line-height:1.6em; margin-bottom:40px; }
	.vision_type2 .img_div img{width:100%; max-width:1200px; border-radius:85px; margin-bottom:30px}
	.vision_type2 ul {margin:0; padding:0; }
	.vision_type2 ul li {clear:both; padding:0px; margin:0; margin-bottom:30px; width:100%; border-radius:85px; border:1px solid #ddd; background-color:#fafafa; overflow:hidden;}
	.vision_type2 ul li .circle_box {display:block; float:left; width:170px; height:170px; border-radius:85px; }
	.vision_type2 ul li:nth-child(1) .circle_box {background:#005bab; }
	.vision_type2 ul li:nth-child(2) .circle_box {background:#36b1d4; }
	.vision_type2 ul li:nth-child(3) .circle_box {background:#f48025; }
	.vision_type2 ul li:nth-child(4) .circle_box {background:#005bab; }
	.vision_type2 ul li:nth-child(5) .circle_box {background:#36b1d4; }
	.vision_type2 ul li:nth-child(6) .circle_box {background:#f48025; }
	.vision_type2 ul li:nth-child(7) .circle_box {background:#f48025; }
	.vision_type2 ul li .circle_box .icon {display:block; position:relative; left:0; top:25%; width:100%; height:100%; text-align:center; }
	.vision_type2 ul li .circle_box .icon i {display:block; font-size:3em; color:#fff; }
	.vision_type2 ul li .circle_box .icon em {display:block; font-size:1.8em; color:#fff; font-style:600; margin-top:10px;}
	.vision_type2 ul li .con_txt {display:block; float:left; width:70%; margin-left:50px; margin-top:15px;}
	.vision_type2 ul li .con_txt p {font-size:1.5em; color:#000; text-align:left; }
	.vision_type2 ul li .con_txt span {font-size:1em; color:#555; text-align:left;  line-height:1.5em;}
	.vision_type2 ul li.inverse_li{background-color:#fff;}
	.vision_type2 ul li.inverse_li .circle_box {float:right;  }
	.vision_type2 ul li.inverse_li .con_txt {float:right; }

	.s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}

	@media screen and (max-width: 992px){
		
		.content_wrap{width:96%;}
		.page_title{margin-bottom:50px;}	
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}

		.vision_type2 h2.title { font-size:1.5em; }
		.vision_type2 span.stitle{font-size:1em; width:90%;}
		.vision_type2 ul li {width:100%; margin-bottom:50px; border-radius:40px; border-bottom-left-radius:0px; border-bottom-right-radius:0px}
		.vision_type2 ul li .circle_box{float:none; width:100%;  border-radius:40px; }
		.vision_type2 ul li.inverse_li .circle_box{float:none; width:100%;  border-radius:40px; }
		.vision_type2 ul li .con_txt{float:none; width:90%; margin:0px; padding:30px 5%;}
		.vision_type2 ul li.inverse_li .con_txt{float:none; width:90%; margin:0px; padding:30px 5%;}
		.vision_type2 .img_div img{border-radius:40px;}

	}

	@media screen and (max-width: 480px){
		
		
		.vision_type2 ul li{border-radius:15px;}
		.vision_type2 ul li .circle_box{border-radius:15px; }
		.vision_type2 ul li.inverse_li .circle_box{ border-radius:15px; }
		.vision_type2 .img_div img{border-radius:15px;}

	}
	/*오시는길*/

.map_wrap{ width:100%; max-width:1200px; margin:0 auto; margin-bottom:0px;}
.map_wrap .map_info {width:100%; margin-top:40px;}
.map_wrap .map_info .con_box {margin-bottom:30px;}
.map_wrap .map_info .con_box>h2 {font-size:1.5em; color:#000;  margin-bottom:10px;}
.map_wrap .map_info table {width:100%; border-top:1px solid #000;}
.map_wrap .map_info table th {padding:0; margin:0; width:20%; text-align:center; font-size:1em; color:#000; vertical-align:middle; font-weight:normal; /*background:url('/html/image/arr1.gif')no-repeat 95% 40%; */ background:#f5f5f5; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td {width:80%; text-align:left; font-size:1em; color:#888; vertical-align:top;  padding:10px 0 10px 15px; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td > a {color:#666;}
.map_wrap .map_info table td > a:hover {color:#000;}






	/*요양보호사 소개*/


.subinfo{
    position: relative; display: block;
    font-size: 1.2em; color: #898989; line-height: 2em; word-break: keep-all;}
.subinfo img{
    display: block;}
.subinfo section{
    display: block;
    margin:0 0 150px;
    clear: both;}
.subinfo h2{
    position: relative;
    width: 100%;
    font-family: 'LotteMartHappy'; font-size: 2em; color: #0068b7; line-height: 1.4em;  letter-spacing: -0.05em;
    margin:15px 0 10px;}
.subinfo h3{
    display: block;
    width: 100%;
    font-size: 1.4em; color: #000; line-height: 1.4em;  letter-spacing: -0.05em; font-weight: 500;}

.subinfo table{
    width:100%;
    border-top: 5px solid #ececec; border-bottom: 5px solid #ececec;
    border-right: 1px solid #ececec;
    border-spacing:0px;}
.subinfo table th, .subinfo table td{
    text-align: center;
    padding:5px;
    border-left:1px solid #ececec; border-bottom:1px solid #ececec;}
.subinfo table th{
    background:#f5f5f5;}

.subinfo .imglft{
    float: left;
    margin:0 80px 50px 0;}

.subinfo .careworkerinfo{
    display: flex; flex-wrap: wrap;
    justify-content:space-between;
    margin:25px 0 20px;}
.subinfo .careworkerinfo dd{
    position: relative;
    width:32%; height:auto;
    font-size: 0.95em; color: #898989; 
    padding:12px;
    border:5px solid #ececec;}
.subinfo .careworkerinfo dd:before{
    display: block; position: absolute; transform: rotate(-10deg);
    width:25px; height:25px; top:-15px; left:-15px;
    font-size: 1.2em; color: #fff; text-align: center; font-weight: bold; line-height:25px;
    background: #0068b7;}
.subinfo .careworkerinfo dd:nth-child(1):before{content:"1";}
.subinfo .careworkerinfo dd:nth-child(2):before{content:"2";}
.subinfo .careworkerinfo dd:nth-child(3):before{content:"3";}


.careworkerinfo2 ul{
    display: flex; flex-wrap: wrap;
    justify-content:space-between;
    margin:15px 0 80px;}
.careworkerinfo2 ul li{
    position: relative;
    width:25%; height:auto;
    font-size: 0.95em; color: #898989; 
    padding:10px 0;}
.careworkerinfo2 ul.half li{
    width:50%;}
.careworkerinfo2 ul li:before{
    display: inline-block; content: "";
    width:3px; height:3px;
    vertical-align: middle;
    margin:0 10px;
    background:#0068b7;}

.recruit ul{
    display: flex; flex-wrap: wrap;
    justify-content:space-between;
    margin:10px 0 40px;}
.recruit ul li{
    position: relative;
    width:100%; height:auto;
    font-size: 0.95em; color: #898989; 
    padding:5px 0;}
.recruit ul li:before{
    display: inline-block; content: "";
    width:3px; height:3px;
    vertical-align: middle;
    margin:0 10px;
    background:#0068b7;}



@media screen and (max-width: 992px){
.subinfo{
    position: relative; display: block;
    font-size: 1.1em; line-height: 1.7em; word-break:break-all !important;}
.subinfo section{
    display: block;
    margin:0 0 50px;
    clear: both;}   
    
 .subinfo table{
    width:100%;}
.subinfo table th, .subinfo table td{
    text-align: center;
    padding:2px;}
.subinfo table th{}
    
.recruit ul{
    display: flex; flex-wrap: wrap;
    justify-content:space-between;
    margin:10px 0 40px;}
.recruit ul li{
    position: relative;
    width:100%; height:auto;
    font-size: 0.95em; color: #898989; 
    padding:5px 0;}
.recruit ul li:before{
    display: inline-block; content: "";
    width:3px; height:3px;
    vertical-align: middle;
    margin:0 5px 0 2px;
    background:#0068b7;} 
    
.subinfo .imglft{
    float:none;
    display: block;
    width:100%; height: auto;
    margin:0 0 15px;}

.subinfo .careworkerinfo{
    display: flex; flex-wrap: wrap;
    justify-content:space-between;
    margin:25px 0 20px;}
.subinfo .careworkerinfo dd{
    position: relative;
    width:100%; height:auto;
    font-size: 0.95em; color: #898989; 
    padding:12px; margin: 0 0 15px;
    border:5px solid #ececec;}
.subinfo .careworkerinfo dd:before{
    display: block; position: absolute; transform: rotate(-10deg);
    width:25px; height:25px; top:-15px; left:-15px;
    font-size: 1.2em; color: #fff; text-align: center; font-weight: bold; line-height:25px;
    background: #0068b7;}
.subinfo .careworkerinfo dd:nth-child(1):before{content:"1";}
.subinfo .careworkerinfo dd:nth-child(2):before{content:"2";}
.subinfo .careworkerinfo dd:nth-child(3):before{content:"3";}    
    
.careworkerinfo2 ul{
    display: flex; flex-wrap: wrap;
    justify-content:space-between;
    margin:15px 0 25px;}
.careworkerinfo2 ul li{
    position: relative;
    width:50%; height:auto;
    font-size: 0.95em; color: #898989; 
    padding:10px 0;}
.careworkerinfo2 ul.half li{
    width:100%;}
.careworkerinfo2 ul li:before{
    display: inline-block; content: "";
    width:3px; height:3px;
    vertical-align: middle;
    margin:0 10px;
    background:#0068b7;}  
}
.business_type2{ width:100%; max-width:1200px; margin:0 auto;}
	.business_type2:after{content:""; display:block; clear:both;}
	.business_type2 .business_info { width:100%; background:#fff; margin-bottom:80px; }
	.business_type2 .business_info:after{content:""; display:block; clear:both;}
	.business_type2 .business_info ul{ padding:0; margin:0;}
	.business_type2 .business_info ul li{ padding:0; margin:0;}
	.business_type2 .business_info ul li.left_box { float:left; width:400px; height:500px; overflow:hidden; }
	.business_type2 .business_info ul li.left_box img{ width:100%; height:100%; }
	.business_type2 .business_info ul li.right_box{position:relative; float:right; width:60%; height:500px;}
	.business_type2 .business_info ul li.right_box .txt03{ position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #ddd; font-size:0.9em; color:#555; line-height:1.5em; text-transform: uppercase; background:#f8f8f8; overflow:hidden;}
	.business_type2 .business_info ul li.right_box .txt03 span {display:block; padding:20px 25px; height:100px; }

	.business_type2 .txt_area { width:100%; padding-top:40px; border-top:2px solid #000; }
	.business_type2 .txt_area:after{content:""; display:block; clear:both;}
	.business_type2 .txt_area .txt01 { float:left; width:100%; word-break: keep-all; }
	.business_type2 .txt_area .txt01 p { padding:0; margin:0; margin-bottom:15px; padding:0;}
		.business_type2 .txt_area .txt01 span.tit1 { display:block; font-size:1.8em; color:#000; font-weight:500; line-height:1.2em;  }
	.business_type2 .txt_area .txt01 span.tit { display:block; font-size:2.2em; color:#000; font-weight:600; line-height:1.2em;  }
	.business_type2 .txt_area .txt01 span.txt { display:block; font-size:1.15em; color:#333; font-weight:400; line-height:1.8em; }
	.business_type2 .txt_area .txt02 { float:left; width:100%; margin-top:20px;}
	.business_type2 .txt_area .txt02 ul {margin:0; padding:0; }
	.business_type2 .txt_area .txt02 ul li { position:relative; color:#555; font-weight:400;font-size:1.2em; line-height:1.6em; list-style:none; padding-left:3%; margin-bottom:5px;}
	.business_type2 .txt_area .txt02 ul li:before {position:absolute; top:15px; left:0; content:""; display:inline-block; width:4px; height:4px; background:#555; margin-right:10px; vertical-align:middle;}



	.business_type2 .con_arrow{ width:100%; max-width:1200px;  padding-bottom:20px;  margin:0 auto;}
	.business_type2 .con_arrow p{position:relative; font-size:2em; color:#000; padding-left:30px; }
	.business_type2 .con_arrow span{  position:absolute; right:0; display:inline-block; font-size: 1em;  padding-left: 10px;  color: #555;}
	.business_type2 .con_arrow > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

	.business_type2 .con_box{ width:100%; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
	.business_type2 .con_box:after{content:""; display:block; clear:both;}
	.business_type2 .con_box ul { padding:0; margin:0; }
	.business_type2 .con_box ul li {float:left; width:50%; list-style:none; margin:10px 0; }
	.business_type2 .con_box ul li p{display:table; width:100%; }
	.business_type2 .con_box ul li p > em, .business_type2 .con_box p > span{display:table-cell; vertical-align:top; }
	.business_type2 .con_box ul li p > em{ width:30px; }
	.business_type2 .con_box ul li p > em > strong{display:inline-block; width:30px; height:30px;  line-height:30px; color:#fff; background-color:#000; text-align:center; font-size:1em;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;}
	.business_type2 .con_box ul li p > span{font-size:1em; line-height:30px; color:#555; letter-spacing:-0.75px;  padding:0 15px;}


	@media screen and (max-width:992px){
		
		.content_wrap{width:100%;}
		.page_title{margin-bottom:50px;}	
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}
		
		.business_type2 .business_info{margin-bottom:0px;}
		.business_type2 .business_info ul li.left_box { width:100%; height:300px;  }
		.business_type2 .business_info ul li.right_box{ width:100%; }
		.business_type2 .business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
		.business_type2 .business_info ul li.right_box .txt03 span {height:auto;}
		.business_type2 .txt_area { width:90%; margin:0 auto; border-top:0;}
		.business_type2 .txt_area .txt01 span.tit {font-size:1.85em;}
		.business_type2 .con_arrow{width:95%; margin:0 auto;}
		.business_type2 .con_box{width:95%; margin:0 auto;}

	}

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

	
		.business_type2 .con_arrow p{ font-size:1.5em; margin-top:30px;}
		.business_type2 .con_box ul li { width:100%; }


	}