@media (min-width: 1200px){
    .container.container_nm {
        width: 1170px;
    }
}
.bg_gr{
    background-color: #f7f7f7;
}

/*stit_top*/
.stit_top{
    padding: 80px 0 40px;
    /* background: url(../img/parallax2.jpg) center center no-repeat; */
}
.stit_top h6{
    letter-spacing: 5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    opacity: 0.2;
}
.stit_top h1{
    font-weight: 700;
    margin-top: 15px;
}
.stit_top p{
    margin-top: 20px;
    font-weight: 700;
    opacity: 0.6;
}
.stit_top .lined {
	display: inline-block;
    width: 1px;
    height: 60px;
    background-color: #ddd;
    z-index: 5;
	position:relative;
	margin-top: 40px;
}
.stit_top .lined:after {
    content: "";
    position: absolute;
    left: -3px;
    top: -4px;
    width: 7px;
    height: 7px;
    background-color: #26467b;
    border-radius: 50%;
}
@media (max-width:768px){
    .stit_top{
        padding: 40px 0 20px;
    }
    .stit_top h6{
        letter-spacing: 2px;
        font-size: 13px;
    }
    .stit_top .lined {
        height: 30px;
        margin-top: 20px;
    }
}

/*stit*/
.stit .num {
    display: inline-block;
    width: 65px;
    line-height: 63px;
    font-size: 28px;
    padding-top: 2px;
    background-color: #003277;
    color: #fff;
    font-weight: 500;
    position: relative;
    margin-bottom: 30px;
    border-radius: 50%;
}
.stit .num span {
    content: "";
    position: absolute;
    top: 85%;
    left: 0;
    width: 100%;
    text-align: right;
    line-height: 0px;
}
.stit .num span:after {
    content: "";
    display: inline-block;
    border-width: 5px;
    border-style: solid;
    border-color: #abe1ff;
    border-radius: 50%;
}
.stit h4 {
    margin-top: 5px;
    line-height: 1em;
    opacity: 0.7;
}
.stit h2{
    margin-top: 5px;
    font-weight: 600 !important;
    font-size: 45px;
}
.stit h2 span{
    color: #003277;
    font-weight: 600;
}
.stit >  h5 {
    margin-top: 15px;
}
.stit.stit_w .num{
   background-color: #df7d2e;
    color: #fff;
}
.stit.stit_w .num span:after {
    border-color: rgba(255,255,255, 0.3);
}
.stit.stit_w h4, .stit.stit_w h2, .stit.stit_w h5{
    color: #fff;
}
.stit.stit_w h2 span{
    color: #f2ff69;
}
.stit.stit2{
	    background: #eee;
    padding: 30px 0px;
    border-radius: 20px;
}
@media (max-width:768px){
    .stit .num {
        width: 40px;
        line-height: 40px;
        font-size: 20px;
        margin-bottom: 15px;
    }
    .stit .num span:after {
        border-width: 6px;
    }
    .stit h2{
        font-size: 25px;
    }
} 

/*clinic_01*/
#clinic_01 .sec1{
    background: url(../img/cl1_s1_bg.png) 85% center no-repeat;
    background-size: cover;
}
#clinic_01 .sec1 .c_wrp .lt .stit h1{
    font-size: 40px;
    line-height: 1.2em;
}
#clinic_01 .sec1 .c_wrp .lt .stit h3{
    margin-top: 40px;
}
#clinic_01 .sec1 .c_wrp .lt .stit h3 span{
    font-weight: 800;
}
#clinic_01 .sec1 .c_wrp .lt .stit h5{
    margin-top: 25px;
}
@media (min-width:769px){
    #clinic_01 .sec1 .c_wrp .rt{
        width: 40%;
    }
}
@media (max-width:768px){
    #clinic_01 .sec1 .c_wrp .lt .stit h1{
        font-size: 28px;
        text-align: center;
    }
    #clinic_01 .sec1 .c_wrp .lt .stit h5{
        margin-top: 15px;
    }
    #clinic_01 .sec1 .c_wrp .lt .stit h3{
        margin-top: 20px;
    }
}


/*clinic_02*/
#clinic_02 .sec1{
    background: url(../img/cl2_s1_bg.png) center center no-repeat;
}
#clinic_02 .sec2 .dt_wrp > li:not(:last-child){
    margin-bottom: 50px;
}
@media (max-width:768px){
    #clinic_02 .sec2 .dt_wrp > li:not(:last-child){
        margin-bottom: 20px;
    }  
}

/*dt_info*/
.dt_info,
.dt_img {
    vertical-align: top;
}

.dt_info .top {
    background: url(../img/dtinfo_lft.png) left center no-repeat;
    padding: 20px 0;
    margin-bottom: 20px;
    max-width: 450px;
    padding-left: 90px;
}
.dt_info .top h1{
    font-size: 45px;
}
.dt_info .top h6{
    letter-spacing: 1px;
    color: #bebebe;
}
.doctor_info {
    background-color: #fcfcfc;
    padding: 30px;
    border: 1px solid #eee;
}
.dt_info .cr_list > li {
    font-size: 18px;
    line-height: 1.4em;
    margin-bottom: 5px;
    position: relative;
    padding-left: 10px;
    font-weight: 300;
    color: #333;
    letter-spacing: -1px;
}
.dt_info .cr_list.big {
    margin-bottom: 15px;
}
.dt_info .cr_list.big > li {
    font-size: 22px;
    padding-left: 10px;
    font-weight: 700;
}
.dt_info .cr_list > li span {
    position: absolute;
    left: 0;
}
.dt_img {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
}
@media (min-width:769px){
    .dt_info {
        padding-right: 20px;
    }
    .dt_img {
        vertical-align: bottom !important;
    }
}
@media (max-width: 768px){
    .dt_info .top {
        background-size: 55px;
        padding: 15px 0;
        margin-bottom: 15px;
        padding-left: 65px;
    }
    .dt_info .cr_list > li {
        font-size: 14px;
    }
    .dt_info .cr_list.big {
        margin-bottom: 10px;
    }
    .dt_info .cr_list.big > li {
        font-size: 17px;
    }
    .dt_img {
        margin-top: 20px;
    }
    .thsq_doc {
        margin-bottom: 20px;
    }
}

/*clinic_03*/
#clinic_03 .sec1{
    background: url(../img/cl3_s1_bg.png) center center no-repeat;
}
#clinic_03 .sec1 .stit h1{
    color: #fff;
    font-size: 40px;
    line-height: 1.2em;
} 
#clinic_03 .sec1 .stit h4 span{
    color: #d7b65e;
}
#clinic_03 .sec1 .stit h4{
    opacity: 1;
    line-height: 1.4em;
    margin-top: 30px;
}
#clinic_03 .sec1 .stit h5{
    opacity: 0.8;
}
#clinic_03 .sec2{
    background-color: #f7f7f7;
}
#clinic_03 .sec2 .owl-carousel .img-thumbnail,
#clinic_03 .sec2 .owl-carousel .img-thumbnail img {
	padding: 0px;
	border-radius: 0px;
	border: 0px;
}
#clinic_03 .sec2 .owl-carousel .owl-nav [class*='owl-'] {
	background-color: transparent;
}
#clinic_03 .sec2 .owl-carousel.show-nav-hover .owl-nav .owl-prev {
    left: 0;
}
#clinic_03 .sec2 .owl-carousel .owl-nav .owl-prev:before {
    content: "\f104";
}
#clinic_03 .sec2 .owl-carousel.show-nav-hover .owl-nav .owl-next {
    right: 0;
}
#clinic_03 .sec2 .owl-carousel .owl-nav .owl-next:before {
    content: "\f105";
}
#clinic_03 .sec3 ul li .tbox{
    border: 1px solid #ddd;
    border-top:0;
    padding: 10px 0;
}
#clinic_03 .sec3 ul li{
    margin: 15px 0;
}
@media (min-width:991px){	
	#clinic_03 .sec2 .owl-carousel .owl-nav {
		opacity: 0.8;
		top: 45%;
	}
	#clinic_03 .sec2 .owl-carousel .owl-nav [class*='owl-'] {
		font-size: 60px;
	}
}
@media (max-width:768px){
    #clinic_03 .sec1 .stit h1{
        font-size: 26px;
    } 
    #clinic_03 .sec1 .stit h4{
        margin-top: 15px;
    }
    #clinic_03 .sec3 ul li .tbox{
        padding: 7px 0;
    }
     #clinic_03 .sec3 ul li{
        margin: 10px 0;
    }
}

/*clinic_04*/
#clinic_04 .sec1 .gtx h5{
    padding: 30px;
    background-color: #f7f7f7;
}
#clinic_04 .sec1 .mapbox .root_daum_roughmap .wrap_map {
    height: 500px;
}
#clinic_04 .sec1 .maptxt{
    padding: 30px;
    background-color: #003277;
}
#clinic_04 .sec1 .maptxt h4{
    color: #fff;
}
#clinic_04 .sec1 .maptxt h4 img{
    width: 20px;
    margin-right: 2px;
    margin-bottom: 4px;
}
#clinic_04 .sec1 .maptxt h5{
    color: #b4daff;
    margin-top: 5px;
}
#clinic_04 .sec1 .table {
	border-top: 2px solid #003277;
	border-bottom: 1px solid #aaa;
	margin-top: 15px;
}
#clinic_04 .sec1 .table tr th,
#clinic_04 .sec1 .table tr td {
	word-break: keep-all;
	padding: 20px;
	vertical-align: middle;
}
#clinic_04 .sec1 .table tr th {
	text-align: center;
	font-size: 21px;
	line-height: 1.5em;
	color: #1e1e1e;	
	font-weight: 600;
	background-color: #f4f4f4;
}
#clinic_04 .sec1 .table tr td {
	font-size: 18px;
	line-height: 1.5em;
	color: #1e1e1e;	
	background-color: #fff;
}
#clinic_04 .sec1 .trans_hw li {
	position: relative;
	margin-bottom: 15px;
	word-break: keep-all;
	line-height: 1.8em;
}
#clinic_04 .sec1 .trans_hw li:last-child {
	margin-bottom: 0px;
}
#clinic_04 .sec1 .trans_hw li span {
	font-weight: 700;
		color: #003277;
}

#clinic_04 .sec1 .tvbox .vbox iframe {
    height: 315px;
    display: block;
}
#clinic_04 .sec1 .tvbox .tbox{
    border: 1px solid #ddd;
    padding: 10px;
    border-top: 0px;
}
#clinic_04 .sec2 .conbox {
	background: url(../img/cl4_s2_bg.png) center center no-repeat;
	background-size: cover;
	padding: 60px 20px;
}
#clinic_04 .sec2 .conbox .cl_info {
	max-width: 800px;
	background-color: rgba(255,255,255,0.9);
	margin: 0 auto;
	position: relative;
	padding: 50px 15px;
}
#clinic_04 .sec2 .conbox .cl_info .tr_t {
	position: absolute;
	right: 0;
	top: 0;
}
#clinic_04 .sec2 .conbox .cl_info .tr_bt {
	position: absolute;
	left: 0;
	bottom: 0;
}
#clinic_04 .sec2 .conbox .cl_info h1 {
	font-size: 55px;
    line-height: 1em;
    font-weight: 900;
	text-align: center;
	color: #003277;
	margin-bottom: 20px;
}
#clinic_04 .sec2 .conbox .cl_info h1 img{
    margin-bottom: 5px;
    width: 50px;
}
#clinic_04 .sec2 .conbox .cl_info ul {
	max-width: 600px;
	margin: 0 auto;
	padding: 15px 0;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#clinic_04 .sec2 .conbox .cl_info ul li {
    font-size: 22px;
    color: #1e1e1e;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: -1px;
    margin: 8px 0;
}
#clinic_04 .sec2 .conbox .cl_info h6 {
    margin-top: 20px;
    font-size: 18px;
    color: #7f7f7f;
    line-height: 1.4em;
    font-weight: 300;
    text-align: center;
    letter-spacing: -1px;
}
#clinic_04 .sec2 .conbox .cl_info h6 strong {
	font-weight: 600;
    color: #e71634;
}
@media (min-width:769px){
	#clinic_04 .sec1 .trans_hw li {
		padding-left: 140px;
	}
	#clinic_04 .sec1 .trans_hw li span {
		position: absolute;
		left: 0;
	}
}

@media (max-width:768px){
    #clinic_04 .sec1 .mapbox .root_daum_roughmap .wrap_map {
        height: 250px;
    }
    #clinic_04 .sec1 .maptxt h4 img{
        width: 13px;
        margin-bottom: 2px;
    }
    #clinic_04 .sec1 .sub_tit h1 span.trans {
		border: 2px solid #77469b;
		width: 28px;
		height: 28px;
		line-height: 28px;		
	}
	#clinic_04 .sec1 .table tr th,
	#clinic_04 .sec1 .table tr td {
		padding: 10px;
	}
	#clinic_04 .sec1 .table tr th {
		font-size: 14px;
	}
	#clinic_04 .sec1 .table tr td {
		font-size: 12px;
	}	
	#clinic_04 .sec1 .trans_hw li span {
		display: block;
	}
    #clinic_04 .sec1 .tvbox .vbox{
        margin-top: 10px;
    }
    #clinic_04 .sec1 .tvbox .vbox iframe {
        height: 200px;
    }
    #clinic_04 .sec1 .tvbox .tbox{
        padding: 7px;
    }
    #clinic_04 .sec2 .conbox {
        padding: 30px 20px;
    }
    #clinic_04 .sec2 .conbox .cl_info {
		padding: 30px 15px;
	}
	#clinic_04 .sec2 .conbox .cl_info .tr_t,
	#clinic_04 .sec2 .conbox .cl_info .tr_bt {
		width: 15px;
	}
	#clinic_04 .sec2 .conbox .cl_info h1 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	#clinic_04 .sec2 .conbox .cl_info h1 img {
		width: 25px;
	}
	#clinic_04 .sec2 .conbox .cl_info ul li {
		font-size: 14px;
	}
	#clinic_04 .sec2 .conbox .cl_info h6 {
		font-size: 12px;
		word-break: keep-all;
	}
}

/*special_01*/
#special_01 .sec1{
    background: url(../img/sp1_s1_bg.png) left center no-repeat;
	background-size: cover;
}
#special_01 .sec1 .c_wrp .lt h4{
    font-size: 27px;
}
#special_01 .sec1 .c_wrp .lt h1{
    font-weight: 800;
    margin-top: 5px;
}
#special_01 .sec1 .c_wrp .lt h5{
    margin-top: 30px;
}
#special_01 .sec2 ul li .sp1_cate .tbox {
    display: inline-block;
    position: relative;
    margin-bottom: 40px;
}
#special_01 .sec2 ul li .sp1_cate .tbox h4 {
    color: #fff;
    display: inline-block;
    width: 45px;
    background-color: #003277;
    padding: 6px;
    text-align: center;
}
#special_01 .sec2 ul li .sp1_cate .tbox h3 {
    margin-top: 15px;
}
#special_01 .sec2 ul li .sp1_cate .tbox p {
    opacity: 0.7;

    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
#special_01 .sec2 ul li .sp1_cate .tbox a {
    text-decoration: none;
}
#special_01 .sec2 ul li .sp1_cate .ibox {
    overflow: hidden;
    position: relative;
}
#special_01 .sec2 ul li .sp1_cate .ibox img {
    display: block;
    position: relative;

    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
@media (min-width:768px){
    #special_01 .sec1 .c_wrp .lt{
        width: 38%;
        padding-right: 3%;
    }
    #special_01 .sec2 ul li:nth-child(even) {
        margin-top: 40px;
    }
    #special_01 .sec2 ul li .sp1_cate .tbox:after {
        content: "";
        position: absolute;
        left: -15px;
        top: 5%;
        width: 1px;
        height: 90%;
        background-color: rgba(0,0,0,0.3);
    }
    #special_01 .sec2 ul li .sp1_cate .ibox:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
    
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -ms-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
    }
    #special_01 .sec2 ul li .sp1_cate:hover .ibox:after {
        opacity: 0;
    }
    #special_01 .sec2 ul li .sp1_cate:hover .ibox img {
        transform: scale(1.1);
    }
    #special_01 .sec2 ul li .sp1_cate:hover .tbox p {
        opacity: 1;
    }
}
@media (max-width:768px){
    #special_01 .sec1{
        padding-top:60px;
    }
    #special_01 .sec1 .c_wrp .lt h4{
        font-size: 18px;
    }
    #special_01 .sec1 .c_wrp .lt h5{
        margin-top: 15px;
    }
    #special_01 .sec2 ul li .sp1_cate{
        margin: 10px 0;
    }
    #special_01 .sec2 ul li .sp1_cate .tbox {
        margin-bottom: 20px;
    }
    #special_01 .sec2 ul li .sp1_cate .tbox h4 {
        width: 30px;
        padding: 4px;
    }
    #special_01 .sec2 ul li .sp1_cate .tbox h3 {
        margin-top: 10px;
    }
    
}
/*special_02*/
#special_02 .sec1{
    background: url(../img/sp2_s1_bg.png) center center no-repeat;
    background-size: cover;
}
#special_02 .sec1 .c_wrp .lt h4{
    font-size: 27px;
}
#special_02 .sec1 .c_wrp .lt h1{
    font-weight: 800;
    margin-top: 5px;
}
#special_02 .sec1 .c_wrp .lt h5{
    margin-top: 30px;
}
#special_02 .sec1 .c_wrp .lt .conbox ul{
    max-width: 500px;
}
#special_02 .sec2 .c_wrp .lt .stit h2{
    margin-bottom: 30px;
}
#special_02 .sec2 .c_wrp .lt .stit h1{
    margin-top: 5px;
    background-color: #003277;
    line-height: 1em;
    padding: 10px 20px;
    color: #fff;
    font-size: 45px;
    display: inline-block;
}
#special_02 .sec2 .c_wrp .lt .stit h4{
    margin-top: 40px;
    opacity: 1;
}
#special_02 .sec2 .c_wrp .lt .stit h5{
    margin-top: 10px;
}
#special_02 .sec3 .stit.stit_w h4{
    opacity: 1;
    color: #f0eed9;
}
#special_02 .sec3 .stit.stit_w h2{
    margin-top: 20px;
}
#special_02 .sec3 .stit.stit_w h5{
    margin-top: 30px;
}
#special_02 .sec3{
    background: url(../img/sp2_s3_bg.png) center center no-repeat;
    background-size: cover;
}
#special_02 .sec4{
    background: url(../img/sp2_s4_bg.png) center center no-repeat;
    background-size: cover;
}
#special_02 .sec5{
    background: url(../img/sp2_s5_bg.png) center center no-repeat;
    background-size: cover;
}
#special_02 .sec5 ul li img{
    border: 1px solid #ddd;
    margin: 15px 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;
}
#special_02 .sec5 ul li img:hover{
    box-shadow: 10px 10px 20px rgba(0,0,0,0.3);
}
@media (min-width:768px){
    #special_02 .sec1 .c_wrp .lt{
        width: 42%;
        padding-right: 3%;
    }
    #special_02 .sec1 .c_wrp .rt{
        padding-top: 50px;
    }
    #special_02 .sec2{
        background: url(../img/sp2_s2_bg.png) center center no-repeat;
        background-size: cover;
    }
    #special_02 .sec2 .c_wrp .lt{
        width: 60%;
    }
}
@media (max-width:768px){
    #special_02 .sec1{
        padding-top:60px;
    }
    #special_02 .sec1 .c_wrp .lt h4{
        font-size: 18px;
    }
    #special_02 .sec1 .c_wrp .lt h5{
        margin-top: 15px;
    }
    #special_02 .sec1 .c_wrp .lt .conbox ul li img{
        width: 75%;
    }
    #special_02 .sec1 .c_wrp .rt{
        padding-top: 30px;
    }
    #special_02 .sec2 .c_wrp .lt .stit h2{
        margin-bottom: 20px;
    }
    #special_02 .sec2 .c_wrp .lt .stit h1{
        padding: 7px 15px;
        font-size: 26px;
    }
    #special_02 .sec2 .c_wrp .lt .stit h4{
        margin-top: 25px;
    }
    #special_02 .sec2 .c_wrp .lt .stit h5{
        margin-top: 5px;
    }
    #special_02 .sec2 .c_wrp .rt{
        padding-top: 30px;
    }
    #special_02 .sec5 ul li img{
        margin: 5px 0;
    }
}


/*special_03*/
#special_03 .sec1 ul li img{
    border: 1px solid #ddd;
    margin: 15px 0;
}
#special_03 .sec2{
    background-color: #f7f7f7;
}
#special_03 .sec2 .stit img{
    display: block;
    width: 160px;
    margin: 10px auto 30px; 
}
#special_03 .sec2 .item_wrp ul li .item_box{
    margin: 15px 0;
}
#special_03 .sec3 .owl-carousel .img-thumbnail,
#special_03 .sec3 .owl-carousel .img-thumbnail img {
	padding: 0px;
	border-radius: 0px;
	border: 0px;
}
#special_03 .sec3 .owl-carousel .owl-nav [class*='owl-'] {
	background-color: transparent;
}
#special_03 .sec3 .owl-carousel.show-nav-hover .owl-nav .owl-prev {
    left: 0;
}
#special_03 .sec3 .owl-carousel .owl-nav .owl-prev:before {
    content: "\f104";
}
#special_03 .sec3 .owl-carousel.show-nav-hover .owl-nav .owl-next {
    right: 0;
}
#special_03 .sec3 .owl-carousel .owl-nav .owl-next:before {
    content: "\f105";
}
#special_03 .sec4{
    background: url(../img/sp3_s4_bg.png) center center no-repeat;
    background-size: cover;
}
#special_03 .sec5 .tbox{
    margin-top:15px;
}
#special_03 .sec5 .tbox h5{
    display: inline-block;
    background-color: #003277;
    border-radius: 50px;
    padding: 10px 40px;
    
}
@media (min-width:991px){	
	#special_03 .sec3 .owl-carousel .owl-nav {
		opacity: 0.8;
		top: 45%;
	}
	#special_03 .sec3 .owl-carousel .owl-nav [class*='owl-'] {
		font-size: 60px;
	}
}
@media (min-width:769px){
    #special_03 .sec2 .item_wrp ul li:nth-child(5){
        margin-left: 12.5%;
    }
}
@media (max-width:768px){
    #special_03 .sec1 ul li img{
        margin: 5px 0;
    }
    #special_03 .sec2 .stit img{
        width: 100px;
        margin: 7px auto 20px; 
    }
    #special_03 .sec2 .item_wrp{
        padding: 20px;
    }
    #special_03 .sec2 .item_wrp ul li .item_box{
        margin: 10px 0;
    }
    #special_03 .sec3 ul li{
        margin: 5px 0;
    }
    #special_03 .sec5 ul li > div{
        margin: 5px 0;
    }
    #special_03 .sec5 .tbox{
        margin-top:10px;
    }
    #special_03 .sec5 .tbox h5{
        padding: 7px 25px;

    }
}

/*special_04*/
#special_04 .sec2 .item_wrp{
    background-color: #f7f7f7;
    padding: 50px;
}
#special_04 .sec2 .item_wrp ul li{
    margin: 15px 0;
}

@media (max-width:768px){
    #special_04 .sec2 .item_wrp{
        padding: 20px;
    }
    #special_04 .sec2 .item_wrp ul li{
        margin: 10px 0;
    }
    #special_04 .sec3 ul li{
        margin: 5px 0;
    }
}

/*item_box*/
.item_box .tbox{
    padding: 20px;
    border: 1px solid #ddd;
    border-top:0;
}
.item_box .tbox p{
    margin-top: 10px;
}
@media (max-width:768px){
   .item_box .tbox{
        padding: 20px 10px;
    }
    .item_box .tbox p{
        margin-top: 5px;
    }  
}

/*four_wrp*/
.four_wrp li .m_wrp .ibox img{
    width: 150px;
}
.four_wrp li .m_wrp .tbox{
    margin-top: 20px;
}
.four_wrp li .m_wrp .tbox p{
    margin-top: 5px;
}
@media (min-width:769px){
    .four_wrp li .m_wrp{
        text-align: center;
    }
}
@media (max-width:768px){
    .four_wrp li:not(:last-child) .m_wrp{
        margin-bottom: 10px;
    }
    .four_wrp li .m_wrp{
        border: 1px solid #ddd;
        padding: 10px;
    }
    .four_wrp li .m_wrp .ibox img{
        width: 70px;
    }
    .four_wrp li .m_wrp .tbox{
        margin-top: 0px;
        width: 75%;
        padding-left: 5%;
    }
    .four_wrp li .m_wrp .tbox p{
        margin-top: 5px;
    }
}
.why_wrp > li:not(:last-child){
    margin-bottom: 20px;
}
.why_wrp .why_box .lt h5{
    letter-spacing: 2px;
    margin-top: 0;
}
.why_wrp .why_box .rt{
    padding: 30px;
    background-color: #fff;
}
.why_wrp .why_box .rt p{
    margin-top: 10px;
}

@media (min-width:769px){
    .why_wrp .why_box .lt{
        width: 150px;
        background-color: #003277;
        padding: 20px;
        text-align: center;
    }
}
@media (max-width:768px){
   .why_wrp .why_box .lt{
        background-color: #003277;
        padding: 10px;
        text-align: center;
    }
    .why_wrp .why_box .rt{
        padding: 15px;
    }
}

/*special_05*/
#special_05 .sec1{
    background: url(../img/sp5_s1_bg.png) center bottom no-repeat;
    background-size: cover;
}
#special_05 .sec1 .c_wrp .rt .stit h1{
    margin-top: 20px;
}
#special_05 .sec2{
    background: url(../img/sp5_s2_bg.png) center bottom no-repeat;
    background-size: cover;
}
#special_05 .sec4 .conbox img{
    border: 1px solid #ddd;
}
#special_05 .sec5{
    background-color: #000;
}
#special_05 .sec5 .stit h4{
    color: #fff;
}
#special_05 .sec5 .tbox h4{
    background-color: #f2ff69;
    padding: 10px 40px;
    display: inline-block;
    margin-top: 50px;
    border-radius: 50px;
}
#special_05 .sec6{
    background-color: #d3dde6;
}
#special_05 .sec7 .bd_box{
    border: 1px solid #ddd;
    padding: 50px;
}
#special_05 .sec7 .bd_box h4 span{
    border-radius: 50px;
    padding: 10px 30px;
    background-color: #003277;
    color: #fff;
    width: 250px;
    display: inline-block;
}
#special_05 .sec7 .bd_box .chk_wrp{
    max-width: 450px;
    margin: 40px auto 0;
}
#special_05 .sec8{
    background: url(../img/sp5_s8_bg.png) center bottom no-repeat;
    background-size: cover;
}
#special_05 .sec8{
    padding: 60px 0;
}
#special_05 .sec8 .c_wrp .lt .stit h1{
    margin-top: 20px;
}
#special_05 .sec10{
    background: url(../img/sp5_s10_bg.png) center center no-repeat;
    background-size: cover;
}
#special_05 .sec10 .stit.stit_w .num {
    background-color: #f4d978;
    color: #041123;
} 
#special_05 .sec10 .stit.stit_w .num span:after {
    border-color: #f4d978 transparent transparent transparent;
}
#special_05 .sec10 .stit.stit_w h2 span {
    color: #f4d978;
}
#special_05 .sec10 .stit.stit_w h4 {
    color: #fff;
}
#special_05 .sec10 ul li img{
    border: 1px solid #efdb84;
} 
@media (min-width:769px){
    #special_05 .sec8 .c_wrp .rt{
        width: 58%;
    }
    #special_05 .sec10 ul li{
        width: 20%;
    }
}
@media (max-width:768px){
    #special_05 .sec1 .c_wrp .lt{
        padding-top: 20px;
    }
    #special_05 .sec1 .c_wrp .rt .stit h1{
        margin-top: 10px;
    }
    #special_05 .sec3 ul li .item_box{
        margin: 5px 0;
    }
    #special_05 .sec3 .tbox{
        padding: 10px;
    }
    #special_05 .sec5 .tbox h4{
        padding: 7px 20px;
        margin-top: 35px;
    }
    #special_05 .sec7 .bd_box{
        padding: 20px 10px;
    }
    #special_05 .sec7 .bd_box h4 span{
        padding: 7px 20px;
        width: 200px;
    }
    #special_05 .sec7 .bd_box .chk_wrp{
        margin: 15px auto 0;
    }
    #special_05 .sec8{
        padding: 50px 0;
        text-align: center;
    }
    #special_05 .sec8 .c_wrp .lt .stit h1{
        margin-top: 10px;
    }
    #special_05 .sec8 .c_wrp .rt{
        padding-top: 20px;
    }
    #special_05 .sec10 ul li img{
       margin: 5px 0
    }
  
}
/*special_06*/
#special_06 .sec1{
    background: url(../img/sp6_s1_bg.png) center bottom no-repeat;
}
@media (min-width:769px){
    #special_06 .sec1 .pro_wrp .pro_box .tbox{
        height: 175px;
    }
}
@media (max-width:768px){
     #special_06 .sec1 .pro_wrp li{
        margin: 10px 0;
    }
}

.case_box{
    background-color: #000;
}
.case_box .ct .stit h2{
    color: #10c39e;
}
.case_box .ct .conbox ul{
    max-width: 450px;
    margin: 0 auto;
}
.case_box .ct .conbox ul li h5{
    position: relative;
    z-index: 0;
    line-height: 1.4em;
}
.case_box .ct .conbox ul li h5:before{
    position: absolute;
    content: "";
    background: url(../img/tj_bg.png) center center no-repeat;
    background-size: 110px;
    width: 110px;
    height: 110px;
    left: 5px;
    top: -16px;
    z-index: -1;
}
.case_box .ct .conbox ul li h5 span{
    color: #10c39e;
    font-weight: 800;
}
.case_box .case_wrp {
	position: relative;
	display: block;
	text-decoration: none;
}
.case_box .case_wrp .row {
    margin: 0 -1px;
}
.case_box .case_wrp .row > div {
    padding: 0 1px;
}
.case_box .case_wrp .top_img {
	position: relative;
}
.case_box .case_wrp .top_img .after .i_wrp {
	position: relative;
}
.case_box .case_wrp .top_img .after .i_wrp .logTxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    text-align: center;
}
.case_box .case_wrp .top_img .after .i_wrp .logTxt .c_wrp {
    height: 100%;
}
.case_box .case_wrp .top_img .after .i_wrp .afImg {
	-webkit-filter: blur(5px);
}
.case_box .case_wrp .top_img .after .wan_txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
    text-align: center;
}
.case_box .case_wrp .top_img .after .wan_txt .c_wrp {
    height: 100%;
}
.case_box .case_wrp .top_img .after .wan_txt img {
    width: 50px;
    margin-bottom: 5px;
}
.case_box .case_wrp .txtbox {
	position: relative;
}
.case_box .case_wrp .before ,
.case_box .case_wrp .after {
    position: relative;
    overflow: hidden;
}
.case_box .case_wrp .before h4,
.case_box .case_wrp .after h4 {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    color: #fff;
    margin: 0px;
    padding: 8px 10px;
    font-weight: 600;
    z-index: 5;
    width: 110px;
}
.case_box .case_wrp .after h4 {
    background-color: #10c39e;
}
.case_box .txtbox {
	padding: 20px 0 0;
	position: relative;
}
.case_box .txtbox h4 {
	font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	word-break: keep-all;
}
.case_box .txtbox h5 {
    margin-top: 0;
    color: #aaa;
}
.case_box .case_wrp .top_img:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: url(../img/arr_center.png) center center no-repeat;
    background-size: 35px;
}
.case_box .case_wrp .top_img .after:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
}
@media (max-width: 768px){
    .case_box .lt, .case_box .rt{
        margin-top: 25px;
    }
	.case_box .case_wrp {
		padding: 15px 5px 0;
	}
	.case_box .case_wrp .top_img {
		position: relative;
	}
    .case_box .case_wrp .top_img:after {
        background-size: 35px !important;
    }
	.case_box .txtbox {
		padding: 15px 0;
		padding-right: 50px;
	}
    .case_box .case_wrp .before h4, 
    .case_box .case_wrp .after h4 {
        width: 65px;
        font-size: 12px;
        line-height: 1em;
    }
    .case_box .case_wrp .top_img .after .wan_txt img {
        width: 30px;
    }
    .case_box .ct .conbox ul li h5:before{
        background: url(../img/tj_bg.png) center center no-repeat;
        background-size: 80px;
        width: 80px;
        height: 80px;
        left: 9px;
        top: -15px;
        z-index: -1;
    }
}
@media (max-width: 500px){
    .case_box .case_wrp .top_img .after .i_wrp .logTxt img {
        width: 55px;
    }
}

/*spe_box*/
.spe_sec{
    /* background: url(../img/process_bg.png) center center no-repeat; */
    background-size: cover;
    padding: 80px 0;
    background-color: #f7f7f7;
    /* border-top:10px solid #ddd;
    border-bottom:10px solid #ddd; */
}
.spe_box .spe_wrp h2{
    font-size: 45px;
    font-weight: 300 !important;
    line-height: 1.2em;
}
.spe_box .spe_wrp h2 span {
    font-weight: 600;
}
.spe_box .spe_wrp h4{
    margin-top: 20px;
}
.spe_box .spe_wrp h5 {
    margin-top: 10px;
    font-size: 22px;
    color: #676767;
}

@media (min-width: 769px){
    .spe_box .spe_wrp .lt{
        width: 50%;
        padding-right: 30px;
    }
    .spe_box .spe_wrp .rt {
        text-align: center;
    }
}
@media (max-width: 768px){
    .spe_sec{
        padding: 30px 0;
    }
    .spe_box .spe_wrp h2{
        font-size: 20px !important;
    }
    .spe_box .spe_wrp h4{
        margin-top: 10px;
    }
    .spe_box .spe_wrp .rt{
        margin-top: 20px;
    }
    .spe_box .spe_wrp h5 {
        margin-top: 5px;
        font-size: 14px;
    }
}

/*exam_wrp*/
.exam_sec{
    background: url(../img/exam_sec.png) center center no-repeat;
    background-size: cover;
}
.exam_sec .stit.stit_w .num{
    background-color: #10c39e;
    color: #fff;
}
.exam_sec .stit.stit_w h2 span {
    color: #10c39e;
}
.exam_sec .stit.stit_w .num span:after {
    border-color: #10c39e transparent transparent transparent;
}
.exam_wrp > li:not(:last-child){
    margin-bottom: 30px;
}
.exam_wrp .exam_img{
    position: relative;
}
.exam_wrp .exam_img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/arr_center.png) center center no-repeat;
    background-size: 60px;
}
.exam_wrp .exam_img .row > div{
    padding: 0 1px;
}
.exam_wrp .exam_img .before h4{
    background-color: #858585;
    color: #fff;
    margin: 0px;
    padding: 8px 10px;
    font-weight: 600;
}
.exam_wrp .exam_img .after h4{
    background-color: #10c39e;
    color: #fff;
    margin: 0px;
    padding: 8px 10px;
    font-weight: 600;
}
@media (max-width: 768px){
    .exam_wrp > li:not(:last-child){
        margin-bottom: 15px;
    }
    .exam_wrp .exam_img:after {
        width: 100%;
        height: 100%;
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 30px;
    }
    .exam_wrp .exam_img .before h4{
        padding: 4px 10px;
    }
    .exam_wrp .exam_img .after h4{
        padding: 4px 10px;
    }
}

/*chk_wrp*/
.chk_wrp{
    margin-top: 40px;
}
.chk_wrp > li{
    margin: 8px 0;
    position: relative;
    padding-left: 30px;
}
.chk_wrp > li:before{
    position: absolute;
    content: "";
    left: 0;
    top:2px;
    width: 28px;
    height: 24px;
    background: url(../img/chk_bl.png) center center no-repeat;
    background-size: 28px;
}
.chk_wrp > li h5{
    margin-top: 0;
    font-size: 18px;
}
@media (max-width:768px){
    .chk_wrp{
        margin-top: 30px;
    }
    .chk_wrp > li{
        margin: 5px 0;
        padding-left: 20px;
    }
    .chk_wrp > li:before{
        top:2px;
        width: 16px;
        height: 14px;
        background: url(../img/chk_bl.png) center center no-repeat;
        background-size: 16px;
    }
     .chk_wrp > li h5{
        font-size: 13px;
    }
}

/*thr_wrp thr_box*/
.thr_wrp .thr_box .thr_top{
    background-color: #003277;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
}
.thr_wrp .thr_box .thr_bot{
    border: 2px solid #003277;
    border-radius: 0 0 10px 10px;
    padding: 30px 20px;  
}
.thr_wrp .thr_box .thr_bot h5{
    margin-top: 0;
}

@media (max-width: 768px){
    .thr_wrp .thr_box .thr_top{
        padding: 10px;
    }
    .thr_wrp .thr_box .thr_bot{
        padding: 15px;  
    }
    .thr_wrp > li:nth-child(3){
        margin-left: 25%;
    }
    .thr_wrp .thr_box{
        margin: 5px 0;
    }
}

.two_wrp{
    border: 1px solid #ddd;
}
.two_wrp .top{
    padding: 10px 20px;
    text-align: center;
}
.two_wrp .lt .top{
    background-color: #00b5f2;
}
.two_wrp .rt .top{
    background-color: #001459;
}
.two_wrp .ct .top{
    background-color: #10c39e;
}
.two_wrp .ht .top{
    background-color: #333;
}
.two_wrp .bt .top{
    background-color: #808080;
}
.two_wrp .cont{
    padding: 30px 20px;  
    text-align: center;
}
@media (min-width: 769px){
    .two_wrp > div {
        position: relative;
    }
    .two_wrp > div:not(:last-child):after{
        position: absolute;
        content: "";
        background-color: #ddd;
        top:0;
        right: 0;
        width: 1px;
        height: 100%;
    }
}
@media (max-width: 768px){
    
}

.pro_sec{
    /*background: url(../img/process_bg.png) center center no-repeat;
    background-size: cover;
    background-color: #f7f7f7;*/
}

/*pro_box*/
.pro_wrp > li .pro_box{
    margin: 15px 0;
}
.pro_box .tbox{
    padding: 20px;
    border: 1px solid #ddd;
    border-top:0;
    background-color: #fff;
}
.pro_box .tbox p{
    margin-top: 10px;
}
.pro_box .ibox{
    position: relative;
	border: 1px solid #eee;
}
.pro_box .ibox h6{
       position: absolute;
    background-color: #10c39e;
    color: #fff;
    font-weight: 800;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 40px;
       top: -25px;
    left: 49%;
    font-size: 22px;
    border-radius: 50%;
    padding-top: 10px;
}
@media (min-width:769px){
  
}
@media (max-width:768px){
    .pro_wrp > li .pro_box{
        margin: 10px 0;
    }
    .pro_box .tbox{
        padding: 20px 10px;
    }
    .pro_box .tbox p{
        margin-top: 5px;
    }  
}

/*chu_sec .chu_wrp*/
.chu_sec .chu_wrp{
    max-width: 1000px;
    margin: 0 auto;
}
.chu_wrp .chu_box img{
    width: 30px;
}
.chu_wrp .chu_box h5{
    margin-top: 20px;
}
@media (min-width:769px){
    .chu_wrp .chu_box{
        border-radius: 50%;
        width: 275px;
        height: 275px;
		  border: 2px solid #eee;
    }
}
@media (max-width:768px){
    .chu_wrp .chu_box{
        border: 2px solid #e8e8e8;
        padding: 15px;
        margin: 5px 0;
    }
    .chu_wrp .chu_box img{
        width: 20px;
    }
    .chu_wrp .chu_box h5{
        margin-top: 10px;
    }
}

.imp_box{
    background: url(../img/imp_box.png) center center no-repeat;
    background-size: cover;
    padding: 50px 0;
}
.imp_box .vbox iframe {
    height: 300px;
    width: 530px;
    border: 5px solid #585656;
}
@media (max-width:768px){
    .imp_box img{
        width: 80%;
    }
    .imp_box .vbox iframe {
        height: 250px;
        width: 100%;
        border: 3px solid #585656;
    }
}

/*implant_01*/

/* bitList */
.bitList > li {
    margin-top: 30px;
}
.bitList .item {
    display: block;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 15px 15px 35px rgba(0, 0, 0, 0.1);
    padding: 30px 40px;
}
.bitList .item .txt {
    margin-top: 10px;
}
@media (min-width:768px){
    .bitList .item .icon {
        height: 90px;
        position: relative;
    }
    .bitList .item .icon img {
        position: relative;
        top: -20px;
    }
}
@media (max-width:768px){
    .bitList > li {
        margin: 0px;
        padding: 20px;
    }
    .bitList .item {
        padding: 15px;
        box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
    }
    .bitList .item .icon {
        text-align: center;
    }
    .bitList .item .icon img {
        width: 70px;
        display: inline-block;
    }
}

#implant_01 .sec2 .thr_wrp .thr_box .thr_bot{
    background: url(../img/thr_imp.png) center center no-repeat;
    background-size: cover;
}
#implant_01 .sec3 ul li:nth-child(1) .c_wrp .tbox{
    background: url(../img/imp1_s3_bg1.png) center center no-repeat;
}
#implant_01 .sec3 ul li:nth-child(2) .c_wrp .tbox{
    background: url(../img/imp1_s3_bg2.png) center center no-repeat;
}
#implant_01 .sec3 ul li:nth-child(3) .c_wrp .tbox{
    background: url(../img/imp1_s3_bg3.png) center center no-repeat;
}
#implant_01 .sec3 ul li:nth-child(4) .c_wrp .tbox{
    background: url(../img/imp1_s3_bg4.png) center center no-repeat;
}
#implant_01 .sec3 .c_wrp .tbox h5{
    margin-top: 15px;
}
@media (min-width:769px){
    #implant_01 .sec3 .c_wrp .tbox{
        background-color: #000;
        position: relative;
        padding-right: 300px;
        padding-left: 100px;
    }
    #implant_01 .sec3 .c_wrp .tbox h1{
      position: absolute;
    top: 18%;
    left: 8%;
    color: #000;
    font-size: 150px;
    opacity: 0.1;
    }
}
@media (max-width:768px){
    #implant_01 .sec3 .c_wrp .tbox{
        padding: 40px 20px;
    }
    #implant_01 .sec3 .c_wrp .tbox h1{
        color: #aaa;
    }
}

.vs_wrp .c_wrp .lt, .vs_wrp .c_wrp .rt{
    width: 40%;
	
    background: #eee;

}
.vs_wrp .c_wrp .ct{
    background-color: #e0e0e0;
}
.vs_wrp > li{
    border-bottom: 1px solid #d0d0d0;
}
.vs_wrp > li:nth-child(1){
    border-bottom: 0px solid #d0d0d0;
}
.vs_wrp > li:nth-child(1) > div{
    background-color: #10c39e;
}
.vs_wrp > li:nth-child(1) .ct{
    background-color: #fff;
	    border-top: 3px solid #eee;
}
.vs_wrp > li:nth-child(1) .rt{
    border: 5px solid #003277;
}
.vs_wrp > li:nth-child(2) .c_wrp .lt h4{
    background-color: #6d6d6d;;
    color:#fff;
    padding:15px;
}
.vs_wrp > li:nth-child(2) .c_wrp .rt h4{
    background-color: #003277;
    color:#fff;
    padding:15px;
}
.vs_wrp > li .c_wrp .lt h5{
    color: #333;
    padding:10px;
}
.vs_wrp > li .c_wrp .rt h5{
    color: #333;
    padding:10px;
	border: 5px solid #003277;
}
@media (max-width:768px){
    .vs_wrp .c_wrp .ct{
        display: none;
    }
    .vs_wrp > li:nth-child(2) .c_wrp .lt h4, .vs_wrp > li:nth-child(2) .c_wrp .rt h4 {
        padding:10px;
    }
}

/*implant_02*/
#implant_02 .sec7{
    background: url(../img/imp2_s7_bg.png) center center no-repeat;
    background-size: cover;
}
#implant_02 .sec7 .reason_box .tbox{
    background-color: #f7f7f7;
    padding: 20px;
}
#implant_02 .sec7 .reason_box .tbox h3 span{
    background-color: #484848;
    padding: 5px 7px;
    line-height: 1em;
}
#implant_02 .sec7 .reason_box .tbox h5{
    margin-top: 20px;
}
#implant_02 .sec8{
    background: url(../img/imp2_s8_bg.png) center center no-repeat;
    background-size: cover;
}
#implant_02 .sec8 ul li{
    border: 1px solid #000;
    padding: 20px 40px;
    border-radius: 5px;
    margin: 20px 0;
    background-color: #fff;
}
#implant_02 .sec8 ul li h5{
    margin-top: 0;
}
#implant_02 .sec8 ul li h5 span{
    font-size: 1.3em;
    font-weight: 500;
}
@media (max-width:768px){
    #implant_02 .sec7{
        padding-top: 60px;
    }
    #implant_02 .sec7 .reason_box{
        margin: 5px 0;
    }
    #implant_02 .sec7 .reason_box .tbox{
        padding: 20px 10px;
    }
    #implant_02 .sec7 .reason_box .tbox h5{
        margin-top: 15px;
    }
    #implant_02 .sec8 ul li{
        padding: 10px 20px;
        margin: 5px 0;
    }
}


 .numbox > li{
    width: 25%;
    position: relative;
}
#implant_02 .sec3 .cont {
    margin: 0 -15px;
}
#implant_02 .sec3 .c_wrp > div {
    padding: 0 15px;
}
#implant_02 .sec3 ul li {
    font-size: 18px;
    color: #221814;
    font-weight: 300;
    line-height: 1.4em;
    text-transform: none;
    margin-top: 15px;
}
@media (min-width:769px) {
     .numbox > li:not(:first-child){
        border-left: 0px;
    }
     .numbox > li .fr_arr {
        position: absolute;
        left: -11px;
        top: 0;
        background: url(../img/fr_arr.png) center center no-repeat;
        width: 48px;
        height: 100%;
    }
}
@media (max-width:768px) {
     .numbox > li:not(:first-child){
        border-top: 0px;
    }
     .numbox > li{
        width: 100%;
    }
     .numbox > li .fr_arr {
        position: absolute;
        left: 0;
        top: -10px;
        background: url(../img/fr_arr_bt.png) center center no-repeat;
        width: 100%;
        height: 48px;
        z-index: 3;
    }
}

/*numbox*/
.numbox {
    display: flex;
    flex-wrap: wrap;
}
.numbox > li {
    border: 1px solid #ddd;
    padding: 40px 15px;
}
.numbox > li .num {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    background-color: #003277;
    color: #fff;
    margin-bottom: 10px;
}
/*implant_03*/
#implant_03 .sec3{
	 background:#f7f7f7;
}
#implant_03 .sec4{
	 background: url(../img/imp3_s3_bg.png) center center no-repeat;
    background-size: cover;
}

#implant_03  .numbox > li{
    width: 33%;
    position: relative;
    background-color: #fff;
}
@media (max-width:768px){
    #implant_03 .sec0 .vdo_box iframe{
        height: 250px;
    }
}

/*implant_04*/
#implant_04 .sec2{
    background: url(../img/imp4_s2_bg.jpg) center center no-repeat;
    background-size: cover;
    height: 1300px;
}
#implant_04 .sec3 .imp4_wrp li .imp4_box{
    margin: 15px 0;
    position: relative;
}
#implant_04 .sec3 .imp4_wrp li .imp4_box .ibox{
    background-color: #003277;
}
#implant_04 .sec3 .imp4_wrp li .imp4_box .ibox h6{
    background-color: #464646;
    color: #fff;
    padding: 15px 0;
    font-size: 20px;
}
#implant_04 .sec3 .imp4_wrp li .imp4_box .ibox img{
    padding: 15px 0;
}
#implant_04 .sec3 .imp4_wrp li .imp4_box .tbox p{
    margin-top: 8px;
}

#implant_04 .sec4{
    background: url(../img/imp4_s4_bg.jpg) center center no-repeat;
    background-size: cover;
}
#implant_04 .sec4 .s4_top h1{
    line-height: 1.4em;
}
#implant_04 .sec4 .s4_top h4{
    margin-top: 20px;
    opacity: 0.8;
}
#implant_04 .sec4 h2.eng{
    opacity: 0.3;
}
#implant_04 .sec5 ul li img{
 /*   border: 1px solid #ddd;*/
}
#implant_04 .sec7{
    background: url(../img/imp4_s7_bg.png) center center no-repeat;
    background-size: cover;
}
#implant_04 .sec8 ul li img{
  /*  border: 1px solid #ddd;*/
}
#implant_04 .sec10 ul li img{
  /*  border: 1px solid #ddd;*/
}
#implant_04 .sec11  .exam_wrp .exam_three .exam_img:before {
    content: "";
    position: absolute;
    left: 31%;
    top: 34%;
    width: 60px;
    height: 60px;
    background: url(../img/arr_center.png) center center no-repeat;
    background-size: 60px;
    z-index: 99;
}
#implant_04 .sec11  .exam_wrp .exam_three .exam_img:after {
    content: "";
    position: absolute;
    left: 65%;
    top: 34%;
    width: 60px;
    height: 60px;
    background: url(../img/arr_center.png) center center no-repeat;
    background-size: 60px;
}
#implant_04 .sec12 {
    
}
@media (min-width:769px){
    #implant_04 .sec3 .imp4_wrp li{
        padding-right: 20px;
        padding-left: 20px;
    }
    #implant_04 .sec3 .imp4_wrp li:not(:nth-child(4n)) .imp4_box:after{
        position: absolute;
        content: "";
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 36px;
        width: 36px;
        height: 36px;
        top: 31%;
        right: -38px;
        z-index: 10;

    }
}
@media (max-width:768px){
    #implant_04 .sec2{
        height: 550px;
    }
    #implant_04 .sec3 .imp4_wrp li .imp4_box{
        margin: 5px 0;
    }
    #implant_04 .sec3 .imp4_wrp li:not(:nth-child(2n)) .imp4_box:after{
        position: absolute;
        content: "";
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 30px;
        width: 30px;
        height: 30px;
        top: 31%;
        right: -20px;
        z-index: 10;

    }
    #implant_04 .sec3 .imp4_wrp li .imp4_box .ibox h6{
        padding: 10px 0;
        font-size: 15px;
    }
    #implant_04 .sec3 .imp4_wrp li .imp4_box .ibox img{
        padding: 10px 0;
    }
    #implant_04 .sec3 .imp4_wrp li .imp4_box .tbox p{
        margin-top: 5px;
    }

    #implant_04 .sec4{
        background: url(../img/imp4_s4_bg.png) center center no-repeat;
        background-size: cover;
    }
    #implant_04 .sec4 .s4_top img{
        width: 150px;
    }
    #implant_04 .sec8 ul li img{
        margin: 5px 0;
    }
    #implant_04 .sec11  .exam_wrp .exam_three .exam_img:before {
        left: 28%;
        top: 34%;
        width: 30px;
        height: 30px;
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 30px;
    }
    #implant_04 .sec11  .exam_wrp .exam_three .exam_img:after {
        left: 63%;
        top: 34%;
        width: 30px;
        height: 30px;
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 30px;
    }
}

/*implant_05*/
#implant_05 .spe_sec{
   /* background: url(../img/imp5_s1_bg.png) center center no-repeat;
    background-size: cover;*/
}
#implant_05 .sec2 {
    background: url(../img/imp5_s2_bg.png) center center no-repeat;
    background-size: cover;
}
#implant_05 .pro_sec .pro_box .tbox{
    background-color: #fff;
}
#implant_05 .sec7{
    background: url(../img/imp4_s7_bg.png) center center no-repeat;
    background-size: cover;
}

/*implant_06*/
#implant_06 .spe_sec{
    /*background: url(../img/imp6_s1_bg.png) center center no-repeat;
    background-size: cover;*/
}
#implant_06 .sec3 ul li{
    position: relative;
    z-index: 0;
}

#implant_06 .sec8{
    background: #f1f1f1;
}
#implant_05 .sec5 {
    background: #f1f1f1;
}
#implant_05 .sec5 .chu_wrp .chu_box {
      border: 5px solid #10c39e;
}
@media (min-width:769px){
    #implant_06 .sec3 ul li:not(:last-child):after{
        position: absolute;
        content: "";
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 50px;
        width: 50px;
        height: 50px;
        top: 50%;
        margin-top: -25px;
        right: -15px;
        z-index: 10;
    }
}
@media (max-width:768px){
    #implant_06 .sec3 ul li img{
        margin: 15px 0;
    }
    #implant_06 .sec3 ul li:not(:last-child):after{
        position: absolute;
        content: "";
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 30px;
        width: 30px;
        height: 30px;
        bottom: -15px;
        left: 50%;
        margin-left: -15px;
        transform: rotate( 90deg );
        z-index: 10;
    }
}
#implant_07 .sec2 .thr_wrp .thr_box .thr_bot{
    background: url(../img/thr_tl.png) center center no-repeat;
    background-size: cover;
}
#implant_07 .sec2 .thr_wrp .thr_box{
    margin: 15px 0;
}
@media (min-width:769px){
    #implant_07 .sec2 .thr_wrp > li:nth-child(4){
        margin-left: 16.66666%;
    }
}
@media (max-width:768px){
    #implant_07 .sec2 .thr_wrp > li:nth-child(3){
        margin-left: 0%;
    }
    #implant_07 .sec2 .thr_wrp > li:nth-child(5){
        margin-left: 25%;
    }
    #implant_07 .sec2 .thr_wrp .thr_box{
        margin: 5px 0;
    }
}




/* implant_08 */
#implant_08 .sec2 .tbox {
    position: relative;
}
#implant_08 .sec2 .tbox {
    padding: 40px;
    background-color: #f7f7f7;
}
#implant_08 .sec2 .tbox  p {
    margin-top: 10px;
    line-height: 1.5em;
    color: #666;
}
@media (min-width:768px){
    #implant_08 .sec2 .ibox {
        position: relative;
    }
    #implant_08 .sec2 .ibox:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 100%;
        background: url(../img/txt_arr.png) center center no-repeat;
        z-index: 3;
        transform: rotate(180deg);
    }
    #implant_08 .sec2 .list_ > li:nth-child(even) .ibox:after {
        right: auto;
        left: 0;
        transform: rotate(0deg);
    }
}
@media (max-width:768px){
    #implant_08 .sec2 .c_wrp {
        display: flex;
        flex-wrap: wrap;
    }
    #implant_08 .sec2 .c_wrp > div {
        width: 100%;
    }
    #implant_08 .sec2 .ibox {
        position: relative;
        order: 1;
    }
    #implant_08 .sec2 .tbox {
        order: 2;
        padding: 20px;
    }
}

 #implant_08 .vs_wrp h2 {
    padding: 20px;
}

 #implant_08 .vs_wrp > li:nth-child(2) .c_wrp .lt{
    background-color: #6d6d6d;;
    color:#fff;
    padding:15px;
}
 #implant_08 .vs_wrp > li:nth-child(2) .c_wrp .rt{
    background-color: #003277;
    color:#fff;
    padding:15px;
}
#implant_08 .vs_wrp > li .c_wrp .rt {
    color: #333;
    padding: 10px;
    border: 5px solid #003277;
}
#implant_08 .vs_wrp > li .c_wrp .rt h5 {
    border: 0px solid #003277;
}
 #implant_08 .vs_wrp > li .c_wrp  .img{
       width: 30%;
    display: inline-block;
}
 #implant_08 .vs_wrp > li .c_wrp  .img img{
         border: 3px solid #fff;
}




/* implant_09 */
#implant_09 .sec2 {
    background: url(../img/texture.png) center center no-repeat;
    background-size: cover;
}
#implant_09 .sec2 .item h1 {
    margin: 15px 0;
}
#implant_09 .sec2 .item .step {
    color: #ddd;
    margin-top: 20px;
}
#implant_09 .sec2 .item img {
       border-radius: 20px;
}
@media (max-width:768px) {
    #implant_09 .sec2 ul li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px dashed #ddd;
    }
    #implant_09 .sec2 .item {
        display: flex;
        align-items: center;
    }
    #implant_09 .sec2 .item .img {
        width: 40%;
    }
    #implant_09 .sec2 .item .txt {
        width: 60%;
        padding-left: 15px;
        text-align: left;
    }
    #implant_09 .sec2 .item h1 {
        margin: 8px 0;
    }
    #implant_09 .sec2 .item .step {
        margin-top: 0px;
    }
}

#implant_09 .sec3{
    background: url(../img/normal1_s4_bg.png) 15% center no-repeat;
    background-size: cover;
}
#implant_09 .sec3 .h4_txt{
    background-color: #002f5d;
    padding: 10px 0;
    text-align: center;
}
#implant_09 .sec3 .h4_txt span{
    color: #fff148;
    font-weight: 700;
}


/*tab_box*/
.tab_box .nav-tabs {
    width: 100%;
    border-bottom: 0px;
}
.tab_box .nav-tabs li {
    width: 100%;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 0px;
    float: left;
    width: 20%;
    display: block;
    margin-left: -1px;
}
.tab_box .nav-tabs li a {
    background-color: #f7f7f7;
    border: 0px !important;
    font-size: 20px;
    color: #888 !important;
    padding: 15px;
    border-radius: 0;
    letter-spacing: 0px;
    margin-right: 0px;
}
.tab_box .nav-tabs li.active {
    border-color: #003277;
}
.tab_box .nav-tabs li.active a {
    background-color: #003277;
    color: #fff !important;
}
.tab_box .tabs{
    margin-bottom: 0;
}
.tab_box .tab-content {
    box-shadow: 0 0 0;
    border: 0px;
    padding: 60px 0 0;
}
@media (max-width:768px){
    .tab_box .nav-tabs li a {
        font-size: 13px;
        padding: 10px 5px;
    }
    .tab_box .tab-content {
        padding: 30px 0 0;
    }
    .tab_box .nav-tabs li {
        width: 50%;
    }
}

.dot_list > li {
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
    font-weight: 300;
    color: #333;
    letter-spacing: -1px;
    margin: 10px 0;
}
.dot_list > li:before{
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    background-color: #aaa;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

@media (max-width: 768px){
    .dot_list > li {
        font-size: 15px;
        padding-left: 10px;
        margin: 8px 0;
    }
    .dot_list > li:before{
        top: 12px;
        width: 4px;
        height: 4px;
    }
}

/*orth_01*/
#orth_01 .sec2 {
    background: url(../img/orth1_s2_bg.png) center center no-repeat;
    background-size: cover;
}
.item_box img {
    border: 1px solid #ddd;
}
#orth_01 .sec3 .pro_box .tbox{
    background-color: #fff;
    text-align: center;
}
#orth_01 .sec3 .numbox > li {
	width: 16.6%;
}

@media (max-width: 768px){
  
	#orth_01 .sec3 .numbox > li {
		width: 33.3%;
	}
}
#orth_01 .sec4{
    background: url(../img/orth1_s4_bg.png) center center no-repeat;
    background-size: cover;
}
#orth_01 .sec4 .imgbox{
    border: 1px solid #ddd;
    padding: 50px;
	background: #fff;
}
#orth_01 .sec4 .sun_wrp li h5{
    padding: 10px 30px;
    border-radius: 50px;
    text-align: center;
    width: 300px;
    background-color: #aaa;
    display: inline-block;
}
#orth_01 .sec4 .sun_wrp li:nth-child(2) h5{
    background-color: #003277;
}
#orth_01 .sec4 .txt h5{
    padding: 30px;
    margin-top: 0;
    background-color:#003277;
	color:#fff;
}
#orth_01 .sec5 .c_wrp .lt{
    /*background: url(../img/orth1_s5_bg.png) center center no-repeat;
    background-size: cover;*/
		background: #f1f1f1;
		padding:30px 0px 0px 0px;
}
#orth_01 .sec5 .c_wrp .rt{
		background: #f1f1f1;
		padding:30px 0px 0px 0px;
}
#orth_01 .sec5 .c_wrp .lt h2, #orth_01 .sec5 .c_wrp .lt h4{
    color: #10c39e;
}
#orth_01 .sec5 .c_wrp .lt h5, #orth_01 .sec5 .c_wrp .lt p{
    color: #fff;
    margin-top: 30px;
}
#orth_01 .sec5 .c_wrp .lt .talk{
	  position: relative;
    background: #003277;
    padding: 30px;
    border-radius: 30px;
}
#orth_01 .sec5 .c_wrp .lt .talk span {
    content: "";
    position: absolute;
    top: 50%;
    left: 14%;
    width: 100%;
    text-align: right;
    line-height: 0px;
}
#orth_01 .sec5 .c_wrp .lt .talk span:after {
	content: "";
    display: inline-block;
    border-width: 30px;
    border-style: solid;
	border-bottom: 50px solid transparent;
    border-top: 50px solid transparent;
    border-left: 50px solid #003277;
    border-right: 50px solid transparent;
}
#orth_01 .sec5 .c_wrp .lt h4{
    margin-top: 60px;
}
#orth_01 .sec5 .c_wrp .lt h5{
    text-decoration: underline;
}
#orth_01 .sec6 .jin_wrp > li .m_wrp .top{
    background-color: #003277;
    border-radius: 10px;
    padding: 30px;
}
#orth_01 .sec6 .jin_wrp > li .m_wrp .top .lined{
    background-color: #fff;
    width: 50px;
    height: 1px;
    margin: 10px 0 5px;
    display: inline-block;
    opacity: 0.4;
}
#orth_01 .sec6 .jin_wrp > li .m_wrp .top h3{
    color: #f2ff69; 
}
#orth_01 .sec6 .jin_wrp > li .m_wrp .top h6{
    font-size: 0.8em;
    letter-spacing: 2px;
    opacity: 0.4;
}

#orth_01 .sec6 .acc_pro{
    border: 2px solid #003277;
    padding: 20px;
	height: 400px;
}
#orth_01 .sec6 .acc_pro h2 strong{
    background-color: #10c39e;
    padding: 10px;
    color:#fff;
    display: inline-block;
    line-height: 1em;
}
#orth_01 .sec6 .acc_pro p{
    line-height: 1.5em;
	word-break: break-all;
}
#orth_01 .sec6 .acc_pro div.lined {
    display: block;
    height: 15px;
    border-right: 1px solid #ddd;
    width: 1px;
    margin: 7px auto;
}

#orth_01 .sec7 {
    background: url(../img/orth1_s7_bg.png) center center no-repeat;
    background-size: cover;
}
#orth_01 .sec7 .gold_wrp > li{
    position: relative;
}
#orth_01 .sec7 .gold_wrp .gold_box .ibox img{
    width: 300px;
}
#orth_01 .sec7 .gold_wrp .gold_box .tbox{
    margin-top: 30px;
}
#orth_01 .sec7 .gold_wrp .gold_box .tbox h4{
    margin-bottom: 25px;
}
#orth_01 .sec7 .gold_wrp .gold_box .tbox p span{
    color: #003277;
}
#orth_01 .sec7 .gold_wrp .gold_box .tbox p strong{
    color: #10c39e;
}
@media (min-width:769px){
    #orth_01 .sec5 .c_wrp .lt{
        padding-left: 15%;
    }
    #orth_01 .sec6 .jin_wrp > li .m_wrp .bot{
        margin-top: 30px;
    }
    #orth_01 .sec7 .gold_wrp > li:not(:last-child):after{
        position: absolute;
        content: "";
        background-color: #ddd;
        width: 1px;
        height: 230px;
        top: 10%;
        right: 0;
    }
    #orth_01 .sec8 .c_wrp .tbox{
        padding-left: 5%;
    }
    #orth_01 .sec9 .c_wrp .tbox{
        padding-left: 15%;
    }
}
@media (max-width:768px){
    #orth_01 .sec4 .imgbox{
        padding: 35px;
    }
    #orth_01 .sec4 .sun_wrp li h5{
        padding: 5px 20px;
        width: 150px;
    }
    #orth_01 .sec4 .txt h5{
        padding: 15px;
    }
    #orth_01 .sec5 .c_wrp .lt{
        padding: 30px;
        text-align: center;
    }
    #orth_01 .sec5 .c_wrp .lt h5, #orth_01 .sec5 .c_wrp .lt p{
        margin-top: 20px;
    }
    #orth_01 .sec5 .c_wrp .lt h4{
        margin-top: 30px;
    }
    #orth_01 .sec6 .jin_wrp > li:not(:last-child){
        margin-bottom: 15px;
    }
    #orth_01 .sec6 .jin_wrp > li .m_wrp .top .lined{
        width: 30px;
        margin: 8px 0 15px;
    }
    #orth_01 .sec6 .jin_wrp > li .m_wrp .bot{
        padding: 10px;
    }
    #orth_01 .sec7 .gold_wrp > li{
        padding: 15px 0;
    }
    #orth_01 .sec7 .gold_wrp > li:not(:last-child):after{
        position: absolute;
        content: "";
        background-color: #ddd;
        width: 80%;
        height: 1px;
        bottom: 0%;
        left: 10%;
    }
    #orth_01 .sec7 .gold_wrp .gold_box .ibox img{
        width: 180px;
    }
    #orth_01 .sec7 .gold_wrp .gold_box .tbox{
        margin-top: 20px;
    }
    #orth_01 .sec7 .gold_wrp .gold_box .tbox h4{
        margin-bottom: 15px;
    }
    #orth_01 .sec8 .c_wrp .tbox, #orth_01 .sec9 .c_wrp .tbox{
        padding: 30px; 
    }
    #orth_01 .sec9{
        padding-top: 60px;
    }
}


#orth_01 .sec10{
    background: #f1f1f1;
}

/*orth_02*/
#orth_02 .sec1.spe_sec {
   /* background: url(../img/orth2_spe.png) center center no-repeat;*/
    background-size: cover;
    padding: 0px 0;
    /* border-top: 10px solid #ddd;
    border-bottom: 10px solid #ddd; */
}
#orth_02 .sec1.spe_sec h3{
    margin-top: 20px;
}
#orth_02 .sec1.spe_sec h4{
    margin-top: 30px;
}
#orth_02 .sec2 .bd_box{
    border: 1px solid #ddd;
   background: url(../img/process_bg.png) ;
    padding: 50px;
}
#orth_02 .sec2 .bd_box h4 span{
    border-radius: 50px;
    padding: 10px 30px;
    background-color: #003277;
    color: #fff;
    width: 450px;
    display: inline-block;
}
#orth_02 .sec2 .golden h5 span{
    color: #10c39e;
}
#orth_02 .sec3.exam_sec {
    background: url(../img/orth2_s3_bg.png) center center no-repeat;
    background-size: cover;
}
#orth_02 .sec4 {
    background: url(../img/orth2_s4_bg.png) center center no-repeat;
    background-size: cover;
}
#orth_02 .sec4 .stit h5{
    margin-top: 60px;
}
#orth_02 .sec4 .stit h4{
    margin-top: 30px;
    opacity: 1;
    line-height: 1.4em;
}
#orth_02 .sec5 ul li .qna_box{
    border-radius: 10px;
    padding: 30px;
    /*background-color: #f7f7f7;
    min-height: 410px;*/
}
#orth_02 .sec5 ul li .qna_box .top{
    padding-bottom: 20px;
    border-bottom: 1px dashed #003277;
}
#orth_02 .sec5 ul li .qna_box .top h4{
    margin-top: 10px;
}
#orth_02 .sec5 ul li .qna_box .bot{
    padding-top: 20px;
}
#orth_02 .sec5 ul li .qna_box .bot h5{
    position: relative;
    padding: 20px 50px;
    background: #eee;
	margin-bottom: 10px;
    border-radius: 20px;
}
#orth_02 .sec5 ul li .qna_box .bot h5.as{
       background: #003277;
    color: #fff;
}
#orth_02 .sec5 ul li .qna_box .bot h5 span{
    position: absolute;
    left: 10px;
    top: 20px;
    width: 30px;
    border-radius: 5px;
    font-weight: 700;
    background-color: #000;
    color: #fff;
    text-align: center;
}
#orth_02 .sec5 ul li .qna_box .bot h5 span.abox{
   background-color: #fff;
    color: #000;
}
#orth_02 .sec6 .item_box .tbox{
    background-color: #fff;
}

#orth_02 .sec7 .stit h4, #orth_02 .sec8 .stit h4, #orth_02 .sec11 .stit h4, #orth_02 .sec13 .stit h4{
    opacity: 1;
    line-height: 1.4em;
}
#orth_02 .sec7 .stit h5, #orth_02 .sec8 .stit h5, #orth_02 .sec11 .stit h5, #orth_02 .sec13 .stit h5 {
    margin-top: 30px;
}
#orth_02 .sec9.exam_sec {
    background: url(../img/orth2_s3_bg.png) center center no-repeat;
    background-size: cover;
}
#orth_02 .sec10 .item_box .tbox{
    background-color: #fff;
}
#orth_02 .sec11 {
    background: url(../img/orth2_s11_bg.png) 88% center no-repeat;
    background-size: cover;
}
#orth_02 .sec12 ul li .icon_box{
    border-radius: 10px;
    padding: 30px;
    background-color: #fff;
    min-height: 410px;
    margin: 15px 0;
}
#orth_02 .sec12 ul li .icon_box .top{
    padding-bottom: 20px;
    border-bottom: 1px dashed #003277;
}
#orth_02 .sec12 ul li .icon_box .top h4{
    margin-top: 10px;
}
#orth_02 .sec12 ul li .icon_box .bot{
    padding-top: 20px;
}
#orth_02 .sec13 {
    background: url(../img/orth2_s13_bg.png) center center no-repeat;
    background-size: cover;
}
#orth_02 .sec16{
	background: url(../img/orth2_s16_bg.png) ;
	background-size: cover;
}
#orth_02 .sec16 .txt{
    padding: 50px;
    background-color: #f7f7f7;
    border-radius: 20px;
}
 #orth_02 .sec18.exam_sec {
    background: url(../img/orth2_s18_bg.png) center center no-repeat;
    background-size: cover;
}
#orth_02 .sec18 .bd_box{
    border: 1px solid #ddd;
    padding: 50px;
}
#orth_02 .sec18 .bd_box h4 span{
    border-radius: 50px;
    padding: 10px 30px;
    background-color: #10c39e;
    color: #fff;
    width: 250px;
    display: inline-block;
}
#orth_02 .sec18 .bd_box h5{
    margin-top: 20px;
}
@media (min-width:769px){
    #orth_02 .sec1 .spe_box .spe_wrp .lt {
        width: 55%;
        padding-left: 3%;
    }
    #orth_02 .sec7 {
        background: url(../img/orth2_s7_bg.png) center center no-repeat;
        background-size: cover;
    }
    #orth_02 .sec8 {
       /* background: url(../img/orth2_s8_bg.png) center center no-repeat;
        background-size: cover;*/
		background-color: #003277;
    }
    #orth_02 .sec14 {
        background: url(../img/orth2_s14_bg.png) center center no-repeat;
        background-size: cover;
    }
    #orth_02 .sec15 .c_wrp .tbox{
        padding-left: 5%;
    }
    
}
@media (max-width:768px){
    #orth_02 .sec1.spe_sec {
        padding-top: 30px;
    }
    #orth_02 .sec1.spe_sec h3{
        margin-top: 15px;
    }
    #orth_02 .sec1.spe_sec h4{
        margin-top: 20px;
    }
    #orth_02 .sec2 .bd_box{
        padding: 30px;
    }
    #orth_02 .sec2 .bd_box h4 span{
        padding: 7px 20px;
        width: 250px;
    }
    #orth_02 .sec4 .stit h5{
        margin-top: 30px;
    }
    #orth_02 .sec4 .stit h4{
        margin-top: 20px;
    }
    #orth_02 .sec5 ul li .qna_box{
        padding: 20px;
        min-height: 310px;
        margin: 10px 0
    }
    #orth_02 .sec5 ul li .qna_box .top{
        padding-bottom: 15px;
    }
    #orth_02 .sec5 ul li .qna_box .bot{
        padding-top: 15px;
    }
    #orth_02 .sec5 ul li .qna_box .bot h5{
        padding-left: 30px;
    }
    #orth_02 .sec5 ul li .qna_box .bot h5 span{
        top: 2px;
        width: 20px;
    }
    #orth_02 .sec6 .item_box{
        margin: 10px 0;
    }
    #orth_02 .sec7{
     /*  background-color: #edf0f5;*/
        padding-bottom: 0;
    }
    #orth_02 .sec7 .ibox{
        margin-top: 30px;
    }
    #orth_02 .sec8{
        background-color: #003277;
    }
    #orth_02 .sec8 .ibox img{
        margin-bottom: 20px;
        border: 2px solid #fff;
    }
    #orth_02 .sec10 .item_box{
        margin: 10px 0;
    }
    #orth_02 .sec11 {
        position: relative;
        z-index: 0;
    }
    #orth_02 .sec11:before {
        position: absolute;
        content: "";
        background-color: rgba(255,255,255,0.8);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
    #orth_02 .sec12 ul li .icon_box{
        padding: 20px;
        min-height: 200px;
        margin: 10px 0
    }
    #orth_02 .sec12 ul li .icon_box .top{
        padding-bottom: 15px;
    }
    #orth_02 .sec12 ul li .icon_box .bot{
        padding-top: 15px;
    }
    #orth_02 .sec13{
        padding-bottom: 0;
        padding-top: 60px;
    }
    #orth_02 .sec14 {
        background: url(../img/orth2_s14_bg.png) left center no-repeat;
        background-size: cover;
        padding-bottom: 0;
    }
    #orth_02 .sec15 .c_wrp .tbox{
        margin-top: 30px;
    }
    #orth_02 .sec16 .txt{
        padding: 30px;
    }
    #orth_02 .sec18 .bd_box{
        padding: 30px;
    }
    #orth_02 .sec18 .bd_box h4 span{
        padding: 7px 20px;
        width: 200px;
    }
    #orth_02 .sec18 .bd_box h5{
        margin-top: 15px;
    }
}

/*orth_03*/
#orth_03 .sec1 .stit h4{
    margin-top: 30px;
    padding: 30px;
    background-color: #f7f7f7;
    line-height: 1.4em;
    color: #333;
    opacity: 1;
}
#orth_03 .sec1 .stit h5{
    margin-top: 30px;
}
#orth_03 .sec1 .main_img img{
    border: 1px solid #ddd;
}
#orth_03 .sec1 .bd_box{
        border: 1px solid #003277;
    padding: 50px;
    background: #f3f3f3;
}
#orth_03 .sec1 .bd_box h4 span{
    border-radius: 50px;
    padding: 10px 30px;
    background-color: #003277;
    color: #fff;
    width: 250px;
    display: inline-block;
}
#orth_03 .sec1 .exam_box img:not(:first-child){
   margin-top: 60px;
}
@media (max-width:768px){
    #orth_03 .sec1 .stit h4{
        margin-top: 20px;
        padding: 20px;
    }
    #orth_03 .sec1 .stit h5{
        margin-top: 20px;
    }
    #orth_03 .sec1 .bd_box{
        padding: 20px;
    }
    #orth_03 .sec1 .bd_box h4 span{
        padding: 5px 20px;
        width: 200px;
    }
    #orth_03 .sec1 .exam_box img:not(:first-child){
       margin-top: 20px;
    }
}

/*orth_04*/
#orth_04 .sec2 ul li .be_box .tbox{
    background-color: #009cdd;
    padding: 30px;
}
#orth_04 .sec2 ul li:nth-child(2) .be_box .tbox{
    background-color: #aaa;
}
#orth_04 .bitList .act {
	background: #003277;
}
#orth_04 .sec3 {
    /*background: url(../img/orth4_s3_bg.png) center center no-repeat;*/
	
    background-color: #eee;
    background-size: cover;
}
#orth_04 .sec3 .bd_box{
    border: 1px solid #003277;
    padding: 50px;
    background-color: #fff;
}
#orth_04 .sec3 .bd_box h5{
    margin-top: 30px;
}
#orth_04 .sec3 .bd_box h4 span{
    border-radius: 50px;
    padding: 10px 30px;
    background-color: #003277;
    color: #fff;
    width: 350px;
    display: inline-block;
}
#orth_04 .sec3 ul li .gyul_box .ibox img{
    width: 400px;
}
#orth_04 .sec3 ul li .gyul_box .tbox h4{
    margin-top: 30px;
    border-radius: 50px;
    padding: 10px 30px;
    background-color: #003277;
    color: #fff;
    width: 250px;
    display: inline-block;
} 
#orth_04 .sec3 ul li .gyul_box .tbox h5{
    margin-top: 20px;
} 
#orth_04 .sec4 .thr_wrp .thr_box .thr_bot{
    background: url(../img/thr_cli.png) center center no-repeat;
    background-size: cover;
}
#orth_04 .sec5 .c_wrp .ju_box{
    background-color: #fff;
    padding: 35px 20px;
    vertical-align: top;
}
#orth_04 .sec5 .c_wrp .ju_box:nth-child(even){
    background-color: #003277;
}
#orth_04 .sec5 .c_wrp .ju_box h2 span{
    background-color: #003277;
    color: #fff;
    text-align: center;
    width: 70px;
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
    position: relative;
}
#orth_04 .sec5 .c_wrp .ju_box h2 span:before{
    position: absolute;
    content: "";
    width: 60%;
    height: 1px;
    left: -100%;
    top: 50%;
    background-color: #003277;
}
#orth_04 .sec5 .c_wrp .ju_box h2 span:after{
    position: absolute;
    content: "";
    width: 60%;
    height: 1px;
    right: -100%;
    top: 50%;
    background-color: #003277;
}
#orth_04 .sec5 .c_wrp .ju_box:nth-child(even) h2 span, #orth_04 .sec5 .c_wrp .ju_box:nth-child(even) h2 span:before, #orth_04 .sec5 .c_wrp .ju_box:nth-child(even) h2 span:after{
    background-color: #fff;
}

#orth_04 .sec5 .c_wrp .ju_box h5{
    margin-top: 40px;
    font-size: 18px;
}
#orth_04 .sec5 .c_wrp .ju_box:nth-child(even) h2 span{
    color: #003277;
}
#orth_04 .sec5 .c_wrp .ju_box:nth-child(even) h5{
    color: #fff;
}

@media (min-width:769px){
    
}
@media (max-width:768px){
    #orth_04 .sec2 ul li .be_box .tbox{
        padding: 20px;
    }
    #orth_04 .sec3 .bd_box{
        padding: 30px;
    }
    #orth_04 .sec3 .bd_box h5{
        margin-top: 20px;
    }
    #orth_04 .sec3 .bd_box h4 span{
        padding: 7px 20px;
        width: 250px;
    }
    #orth_04 .sec3 ul li .gyul_box .ibox img{
        width: 250px;
    }
    #orth_04 .sec3 ul li .gyul_box .tbox h4{
        margin-top: 20px;
        padding: 7px 20px;
        width: 250px;
    } 
    #orth_04 .sec3 ul li .gyul_box .tbox h5{
        margin-top: 15px;
    } 
    #orth_04 .sec4 .thr_wrp > li:nth-child(3) {
        margin-left: 0%;
    }
    #orth_04 .sec5 .c_wrp .ju_box{
        padding: 25px 15px;
    }
    #orth_04 .sec5 .c_wrp .ju_box h2 span{
        width: 50px;
    }
    #orth_04 .sec5 .c_wrp .ju_box h5{
        margin-top: 25px;
        font-size: 13px;
    }
}

/*sci_box*/
.sci_box .c_wrp .tbox .txt{
    background-color: #003277;
    padding: 30px;
    border-radius: 10px;
}
.sci_box .c_wrp .tbox .txt h4{
    color: #fdef49;
}
@media (min-width:769px){
    .sci_box{
        background: url(../img/sci_bg.png) center center no-repeat;
        background-size: cover;
    }
    
}
@media (max-width:768px){
    .sci_box{
        background-color: #d9e0e7;
        padding-bottom:0px;
    }
    .sci_box .c_wrp .ibox{
        margin-top: 20px;
    }
    .sci_box .c_wrp .tbox .txt{
        padding: 20px;
    }
}

/*face_box*/
@media (min-width:769px){
    .face_box .c_wrp .tbox{
        padding-left: 5%;
    }
}
@media (max-width:768px){
    .face_box{
        padding-top: 60px;
    }
}

.tp_box{
    background: url(../img/orth2_s4_bg.png) center center no-repeat;
    background-size: cover;
}
.tp_box .stit h5{
    margin-top: 60px;
}
.tp_box .stit h4{
    margin-top: 30px;
    opacity: 1;
    line-height: 1.4em;
}
@media (max-width:768px){
    .tp_box  {
        position: relative;
        background: url(../img/orth2_s4_bg.png) 88% center no-repeat;
        background-size: cover;
        z-index: 0;
    }
    .tp_box:before {
        position: absolute;
        content: "";
        background-color: rgba(255,255,255,0.8);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .tp_box .stit h5{
        margin-top: 30px;
    }
    .tp_box .stit h4{
        margin-top: 20px;
    }
}

.six_box{
    background: url(../img/orth4_s10_bg.png) center center no-repeat;
    background-size: cover;
}

.in_box{
    background: url(../img/in_bg.png) left center no-repeat;
    background-size: cover;
}
.in_box .stit h4{
    line-height: 1.4em;
    opacity: 1;
    margin-top: 30px;
}
.in_box .tbox img{
    width: 80%;
}
@media (max-width:768px){
    .in_box{
        padding-top: 60px;
    }
    .in_box img{
        width: 80%;
    }
}

/*orth_05*/
#orth_05 .sec2{
   /* background: url(../img/orth5_s2_bg.png) center center no-repeat;
    background-size: cover;*/
}
#orth_05 .sec3{
    background: url(../img/orth5_s3_bg.png) right center no-repeat;
    background-size: cover;
}
#orth_05 .sec3 .i_box img{
    width: 900px;
    border: 10px dashed #10c39e;
   /* border-bottom: 0;*/
}
#orth_05 .sec3 .c_box{
    background-color: #006eb8;
    padding: 30px;
    max-width: 900px;
    margin: 0 auto;
}
#orth_05 .sec3 .c_box h5{
    margin-top: 20px;
}
#orth_05 .sec4 .mou_wrp{
    border: 1px solid #ddd;
}
#orth_05 .sec4 .mou_wrp .tbox{
    background-color: #fff;
    padding: 50px;
}
#orth_05 .sec4 .c_wrp .tbox h2{
    color: #009adc;
    margin-top: 15px;
} 
#orth_05 .sec4 .c_wrp .tbox h2 span{
    font-weight: 700;
}
#orth_05 .sec4 .two_wrp .cont{
    background-color: #fff;
}

#orth_05 .sec4 .acc_pro{
    border: 2px solid #003277;
    padding: 20px;
	height: 250px;
}
#orth_05 .sec4 .acc_pro h2 strong{
    background-color: #10c39e;
    padding: 10px;
    color:#fff;
    display: inline-block;
    line-height: 1em;
}
#orth_05 .sec4 .acc_pro p{
    line-height: 1.5em;
	word-break: break-all;
	    font-size: 20px;
	text-align:center;

}
#orth_05 .sec4 .acc_pro div.lined {
    display: block;
    height: 15px;
    border-right: 1px solid #ddd;
    width: 1px;
    margin: 7px auto;
}

#orth_05 .numbox > li {
    width: 25%;
    position: relative;
}


#orth_05 .sec5{
    background: url(../img/orth1_s2_bg.png) center center no-repeat;
    background-size: cover;
}
#orth_05 .sec5 ul li .txt1{
    background-color: #c0d7e8;
    padding: 30px 5px;
}
#orth_05 .sec5 ul li .txt1 h4{
    color: #00165c;
}
#orth_05 .sec5 ul li .txt2{
    background-color: #e7f1f9;
    padding: 20px 5px;
}
#orth_05 .sec5 ul li .txt2 h5{
    margin-top: 0px;
}
#orth_05 .sec5 ul li .txt3{
    background-color: #00165c;
    padding: 20px 5px;
}
#orth_05 .sec5 ul li .txt3 p{
    margin-top: 0;
}
#orth_05 .sec6 ul li .fbox{
    background: linear-gradient(to bottom, #009cdd, #0055a4);
    border-radius: 5px;
    padding: 50px 5px;
}

#orth_05 .sec7{
    background: url(../img/ju_bg.png) center center no-repeat;
    background-size: cover;
}
#orth_05 .sec7 .stit.stit_w .num{
    background-color: #0093d6;
    color: #fff;
}
#orth_05 .sec7 .stit.stit_w .num span:after {
    border-color: #0093d6 transparent transparent transparent;
}
#orth_05 .sec7 .stit.stit_w h2 span {
    color: #a2c2d1;
}
#orth_05 .sec7 .chu_wrp .chu_box h5{
    color: #fff;
}
#orth_05 .sec7 .txt h4{
    color: #fff048;
}
@media (min-width:769px){
    #orth_05 .sec7 .chu_wrp .chu_box{
        border: 0px solid #e8e8e8;
        background-color:rgba(0,155,220,0.85);
        border-radius: 50%;
        width: 275px;
        height: 275px;
    }
}
@media (max-width:768px){
    #orth_05 .sec3 .i_box img{
        border: 2px solid #006eb8;
        border-bottom: 0;
    }
    #orth_05 .sec3 .c_box{
        padding: 20px;
    }
    #orth_05 .sec3 .c_box img{
        width: 60px;
    }
    #orth_05 .sec3 .c_box h5{
        margin-top: 15px;
    }
    #orth_05 .sec4 .mou_wrp .tbox{
        padding: 30px;
    }
    #orth_05 .sec4 .c_wrp .tbox h2{
        margin-top: 10px;
    }
    #orth_05 .sec5 ul li{
        margin: 10px 0;
    }
    #orth_05 .sec5 ul li .txt1{
        padding: 20px 10px;
    }
    #orth_05 .sec5 ul li .txt2{
        padding: 15px 10px;
    }
    #orth_05 .sec5 ul li .txt3{
        padding: 15px 10px;
    }
    #orth_05 .sec6 ul li .fbox{
        padding: 30px 5px;
        margin: 5px 0;
    }
    #orth_05 .sec7 .chu_wrp .chu_box{
        border: 0px solid #e8e8e8;
        background-color:rgba(0,155,220,0.85);
        padding: 15px;
        margin: 5px 0;
    }
}


#orth_05 .tab_box .nav-tabs li {
        width: 16.6%;
}

/*orth_06*/
#orth_06 .sec2 ul li .item_box{
    margin: 15px 0;
}
#orth_06 .sec2 ul li:nth-child(8) .item_box{
    background-color: #000;
}
#orth_06 .sec2 ul li:nth-child(8) .item_box .lined{
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #ddd;
    margin: 20px 0;
}
#orth_06 .sec2 ul li:nth-child(8) .item_box h3{
    color: #10c39e;
}
#orth_06 .sec3{
    background: #f7f7f7;
}
#orth_06 .sec3 ul > li .mta_box{
    padding: 30px 0;
}
#orth_06 .sec3 ul > li:not(:last-child) .mta_box{
   border-bottom: 1px dashed #00165c;
}
#orth_06 .sec3 ul > li .mta_box .rt{
    background-color: #fff;
    padding: 50px;
}
#orth_06 .sec3 ul > li .mta_box .rt h2{
    color: #000f4c;
}
#orth_06 .sec3 ul > li .mta_box .rt h5{
    margin-top: 25px;
    font-size: 18px;
}
#orth_06 .sec3 ul > li .mta_box .rt h5 span{
    font-weight: 700;
}
#orth_06 .sec4 .c_wrp .tbox .stit h4{
    opacity: 1;
    margin-top: 30px;
    line-height: 1.4em;
    color: #b9d8ce;
}
#orth_06 .sec4 .c_wrp .tbox .stit h5{
    margin-top: 20px;
}
#orth_06 .sec4 .c_wrp .tbox .stit .chk_list li{
    color: #fff;
}
#orth_06 .sec4 .c_wrp .tbox .stit .chk_list > li span {
    position: absolute;
    left: 0;
    color:#5bffdd;
}
@media (min-width:769px){
    #orth_06 .sec2 ul li:nth-child(8) .item_box{
        min-height: 266px;
    }
    #orth_06 .sec2 ul li .item_box .tbox{
        min-height: 105px;
    }
    #orth_06 .sec4{
        background: url(../img/imp3_s3_bg.png) center center no-repeat;
        background-size: cover;
    }
}
@media (max-width:768px){
    #orth_06 .sec2 ul li .item_box{
        margin: 5px 0;
    }
    #orth_06 .sec2 ul li:nth-child(8) .item_box{
        padding: 30px 0;
    }
    #orth_06 .sec2 ul li:nth-child(8) .item_box .lined{
        width: 30px;
        margin: 15px 0;
    }
    #orth_06 .sec3 ul > li .mta_box{
        padding: 20px 0;
    }
    #orth_06 .sec3 ul > li .mta_box .rt{
        padding: 20px;
    }
    #orth_06 .sec3 ul > li .mta_box .rt h2{
        color: #000f4c;
    }
    #orth_06 .sec3 ul > li .mta_box .rt h5{
        margin-top: 15px;
        font-size: 13px;
    }
    #orth_06 .sec4 .c_wrp .tbox .stit h4{
        margin-top: 20px;
    }
    #orth_06 .sec4 .c_wrp .tbox .stit h5{
        margin-top: 10px;
    }

    #orth_06 .sec4{
        background-color: #003277;
    }
    #orth_06 .sec4 .c_wrp .ibox{
        margin-top: 20px;
    }
}



/*plus_wrp*/
.plus_wrp{
    border: 1px solid #333;
}
.plus_wrp li .tbox{
    padding: 20px;
    text-align: center;
    position: relative;
}
.plus_wrp li .tbox .lined{
    background-color: #333;
    width: 50px;
    height: 2px;
    margin: 20px 0;
    display: inline-block;
}

@media (min-width:769px){
    .plus_wrp li:not(:last-child) .tbox:before{
            position: absolute;
		content: "";
		background-color: #ddd;
		width: 1px;
		height: 50%;
		top: 50px;
		right: 0;
    }
    .plus_wrp li:not(:last-child) .tbox:after{
        position: absolute;
        content: "";
        background: url(../img/plus.png) center center no-repeat;
        width: 24px;
        height: 24px;
        top: 50%;
        margin-top: -12px;
        right: -12px;
    }
}
@media (max-width:768px){
    .plus_wrp li .tbox{
        padding: 15px 0 30px;
    }
    .plus_wrp li .tbox .lined{
        width: 30px;
        height: 1px;
        margin: 10px 0;
    }
    .plus_wrp li:not(:last-child) .tbox:before{
        position: absolute;
        content: "";
        background-color: #ddd;
        width: 100%;
        height: 1px;
        bottom:0;
        left: 0;
    }
    .plus_wrp li:not(:last-child) .tbox:after{
        position: absolute;
        content: "";
        background: url(../img/plus.png) center center no-repeat;
        background-size: 18px;
        width: 18px;
        height: 18px;
        bottom: -9px;
        margin-left: -9px;
        left: 50%;
    }
}

/*lami_box*/
.lami_box{
    background: url(../img/lami_box.png) center center no-repeat;
    background-size: cover;
    padding-top: 50px;
}
.lami_box .vbox iframe {
    height: 300px;
    width: 570px;
    border: 5px solid #585656;
}
@media (max-width:768px){
    .lami_box{
        padding-top: 30px;
    }
    .lami_box .rt{
        margin-top: 20px;
    }
    .lami_box .vbox iframe {
        height: 200px;
        width: 100%;
        border: 3px solid #585656;
    }
}

.lami_box2{
    background: url(../img/orth_03_top_banner.png) center center no-repeat;
    background-size: cover;
    padding-top: 50px;
}
.lami_box2 .vbox iframe {
    height: 300px;
    width: 570px;
    border: 5px solid #585656;
}
@media (max-width:768px){
    .lami_box2{
        padding-top: 30px;
    }
    .lami_box2 .rt{
        margin-top: 20px;
    }
    .lami_box2 .vbox iframe {
        height: 200px;
        width: 100%;
        border: 3px solid #585656;
    }
}


/*lami_01*/
#lami_01 .sec2 .bd_box{
    border: 1px solid #ddd;
    padding: 50px;
}
#lami_01 .sec2 .bd_box h4 span{
    border-radius: 30px;
    padding: 10px 30px;
    background-color: #003277;
    color: #fff;
    width: 250px;
    display: inline-block;
}
#lami_01 .sec3{
    background: url(../img/lami1_s3_bg.png) center center no-repeat;
}
#lami_01 .ban_sec{
    background-color: #003277;
    padding: 40px 0;
}
#lami_01 .ban_sec h2 span{
    font-size: 2em;
    opacity: 0.4;
}
#lami_01 .sec5{
    background: url(../img/lami1_s5_bg.png) center center no-repeat;
    background-size: cover;
}
#lami_01 .sec5 .stit .num {
    background-color: #2462b2;
}
#lami_01 .sec5 .stit .num span:after {
    border-color: #2462b2 transparent transparent transparent;
}
#lami_01 .sec5 .stit h2 span{
    color: #2462b2;
}
#lami_01 .sec5 ul li .sim_box .tbox .num_bg{
    background-color: #2462b2;
    padding: 20px;
    border-radius: 15px;
}
#lami_01 .sec5 ul li .sim_box .tbox .num_bg p{
    color: #fdef49;
    margin-top: 0;
}
#lami_01 .sec5 ul li .sim_box .tbox .num_bg h4{
    color: #fff;
}
#lami_01 .sec5 ul li .sim_box .tbox h5{
    margin-top: 20px;
}
#lami_01 .sec5 ul li .sim_box .ibox{
    margin-top: 20px;
}
#lami_01 .sec6{
    background: url(../img/lami1_s6_bg.png) 80% center no-repeat;
}
#lami_01 .sec6 .stit h5{
    margin-top: 30px;
}
#lami_01 .sec6 .stit h3{
    margin-top: 40px;
    color: #1784e7;
}
#lami_01 .sec8 .c_wrp .tbox h4{
    margin-top: 20px;
}
@media (min-width:769px){
    #lami_01 .sec2 .four_wrp > li{
        width: 20%;
    }
    #lami_01 .sec8 .c_wrp .tbox{
        padding-left: 5%;
    }
}
@media (max-width:768px){
    #lami_01 .sec2 .stit h4{
        margin-top: 20px;
        padding: 20px;
    }
    #lami_01 .sec2 .stit h5{
        margin-top: 20px;
    }
    #lami_01 .sec2 .bd_box{
        padding: 20px;
    }
    #lami_01 .sec2 .bd_box h4 span{
        padding: 5px 20px;
        width: 200px;
    }
    #lami_01 .ban_sec{
        padding: 30px 0;
    }
    #lami_01 .ban_sec h2 span{
        display: block;
        margin-bottom: 20px;
    }
    #lami_01 .sec5 ul li .sim_box .tbox .num_bg{
        padding: 10px;
        border-radius: 5px;
    }
    #lami_01 .sec5 ul li .sim_box .tbox h5{
        margin-top: 10px;
    }
    #lami_01 .sec5 ul li .sim_box .ibox{
        margin-top: 15px;
    }
    #lami_01 .sec5 ul li .sim_box{
        margin: 15px 0;
    }
    #lami_01 .sec6 .stit h5{
        margin-top: 20px;
    }
    #lami_01 .sec6 .stit h3{
        margin-top: 30px;
    }
    #lami_01 .sec8 .c_wrp .tbox{
        padding: 20px;
    }
    #lami_01 .sec8 .c_wrp .tbox h4{
        margin-top: 10px;
    }
}

/*lami_02*/
#lami_02 .sec1{
    background-color: #242d4c;
}
#lami_02 .sec1 .four_wrp li .tbox h4, #lami_02 .sec1 .four_wrp li .tbox p{
    color: #fff;
} 
#lami_02 .sec4 {
    background-color: #000;
}
#lami_02 .sec4 .stit.stit_w .num{
    background-color: #0d8087;
    color: #fff;
}
#lami_02 .sec4 .stit.stit_w .num span:after {
    border-color: #0d8087 transparent transparent transparent;
}
#lami_02 .sec4 .stit.stit_w h2 span{
    color: #fff;
}
#lami_02 .sec4 .stit .type{
    max-width: 800px;
    margin: 30px auto;
}
#lami_02 .sec4 .stit .type h4{
    position: relative;
    padding-left: 180px;
    color: #fff;
    opacity: 1;
    line-height: 2em;
}
#lami_02 .sec4 .stit .type h4 span{
    position: absolute;
    left: 0;
    top:5px;
    background-color: #0d8087;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    width: 150px;
    text-align: center;
    padding: 5px;
    line-height: 1em;
}
#lami_02 .sec5 .exam_wrp .exam_three .exam_img:before {
    content: "";
    position: absolute;
    left: 31%;
    top: 34%;
    width: 60px;
    height: 60px;
    background: url(../img/arr_center.png) center center no-repeat;
    background-size: 60px;
    z-index: 99;
}
#lami_02 .sec5 .exam_wrp .exam_three .exam_img:after {
    content: "";
    position: absolute;
    left: 65%;
    top: 34%;
    width: 60px;
    height: 60px;
    background: url(../img/arr_center.png) center center no-repeat;
    background-size: 60px;
}
#lami_02 .sec5 .exam_wrp .exam_three .exam_img h4{
    font-size: 20px;
}
#lami_02 .sec9 .c_wrp .tbox h4{
    margin: 15px 0;
}
@media (min-width:769px){
    #lami_02 .sec3{
        background: url(../img/lami2_s3_bg.png) center bottom no-repeat;
    }
    #lami_02 .sec9 .c_wrp .tbox{
        padding: 0 5% 0 15%;
    }
}
@media (max-width:768px){
    #lami_02 .sec3{
        background-color: #fff;
    }
    #lami_02 .sec3 .lt img{
        border: 1px solid #ddd;
    }
    #lami_02 .sec3 .lt{
        margin-bottom: 20px;
    }
    #lami_02 .sec4 .stit .type{
        margin: 20px auto;
    }
    #lami_02 .sec4 .stit .type h4{
        padding-left: 90px;
        line-height: 1.6em;
    }
    #lami_02 .sec4 .stit .type h4 span{
        top:0px;
        width: 75px;
        padding: 5px;
    }
    #lami_02 .sec5 .exam_wrp .exam_three .exam_img:before {
        left: 28%;
        top: 34%;
        width: 30px;
        height: 30px;
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 30px;
    }
    #lami_02 .sec5 .exam_wrp .exam_three .exam_img:after {
        left: 63%;
        top: 34%;
        width: 30px;
        height: 30px;
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 30px;
    }
    #lami_02 .sec5 .exam_wrp > li:nth-child(1) h4, #lami_02 .sec5 .exam_wrp > li:nth-child(3) h4{
        min-height: 45px;
    }
    #lami_02 .sec5 .exam_wrp > li:nth-child(2) h4{
        min-height: 60px;
    }
    #lami_02 .sec5 .exam_wrp .exam_three .exam_img h4{
        font-size: 12px;
    }
    #lami_02 .sec9 .c_wrp .tbox{
        padding:20px;
    }
}

.style_sec .style_top{
    background-color: #000;
    padding-bottom: 130px;
} 
.style_sec .style_bot{
    background-color: #f7f7f7;
    padding-bottom: 130px;
}

.style_sec .style_bot .bd_box{
    border: 1px solid #ddd;
    padding: 50px;
}
.style_sec .style_bot .bd_box h4 span{
    border-radius: 50px;
    padding: 10px 30px;
    background-color: #003277;
    color: #fff;
    width: 250px;
    display: inline-block;
}
@media (min-width:769px){
    .style_sec .style_bot .ibox{
        margin-top: -44px;
    }
    .style_sec .style_bot .bd_box{
        min-height: 352px;
    }
}
@media (max-width:768px){
    .style_sec .style_top{
        padding-bottom: 60px;
    } 
    .style_sec .style_bot{
        padding-bottom: 60px;
    }
    .style_sec .style_bot .bd_box{
        padding: 20px;
    }
    .style_sec .style_bot .bd_box h4 span{
        padding: 7px 20px;
        width: 200px;
    }
}

/*lami_03*/
#lami_03 .sec3 .vs_wrp > li:nth-child(1) > div{
    display: none;
}
#lami_03 .sec4{
    background: url(../img/lami3_s4_bg.png) center center no-repeat;
    background-size: cover;
}
#lami_03 .sec6{
    background: url(../img/lami3_s6_bg.png) center center no-repeat;
    background-size: cover;
}
#lami_03 .sec6 .stit.stit_w .num{
    background-color: #fff;
    color: #00155a;
}
#lami_03 .sec6 .stit.stit_w .num span:after {
    border-color: #fff transparent transparent transparent;
}
#lami_03 .sec6 .stit.stit_w h2 span{
    color: #fff;
}
#lami_03 .sec6 .crown_wrp .lt .tbox{
    background-color: #aaa;
    padding: 25px 10px;
}
#lami_03 .sec6 .crown_wrp .rt .tbox{
    background-color: #0090d3;
    padding: 25px 10px;
}
#lami_03 .sec7 .txt{
    background-color: #00093e;
    padding: 30px 0;
    border-radius: 10px;
}
@media (min-width:769px){
    #lami_03 .sec6 .crown_wrp .ct{
        width: 20%;
    }
}
@media (max-width:768px){
    #lami_03 .sec6 .crown_wrp .lt .tbox{
        padding: 20px 5px;
        min-height:180px;
    }
    #lami_03 .sec6 .crown_wrp .rt .tbox{
        padding: 20px 5px;
        min-height:180px;
    }
    #lami_03 .sec7 .txt{
        padding: 15px;
    }
}

/*lami_04*/
#lami_04 .sec2{
    background: url(../img/lami4_s2_bg.png) center bottom no-repeat;
}
#lami_04 .sec2 .item_box .tbox{
    background-color: rgba(255,255,255, 0.7);
}
#lami_04 .sec4{
    background: url(../img/lami4_s4_bg.png) center center no-repeat;
    background-size: cover;
}

#lami_04 .sec4 ul li .me_box{
    background-color: #fff;
    position: relative;
}
#lami_04 .sec4 ul li .me_box .ibox{
    padding: 10px;
}

#lami_04 .sec6{
    background: url(../img/lami4_s6_bg.png) center center no-repeat;
    background-size: cover;
}
#lami_04 .sec7 .bd_box{
    border: 1px solid #ddd;
    padding: 50px;
}
#lami_04 .sec7 .bd_box h4 span{
    border-radius: 30px;
    padding: 10px 30px;
    background-color: #003277;
    color: #fff;
    width: 250px;
    display: inline-block;
}
#lami_04 .sec8{
    background: url(../img/lami4_s8_bg.png) 90% 90% no-repeat;
    background-size: 400px;
}
#lami_04 .sec8 .stit .num{
    background-color: #0093d6;
    color: #fff;
}
#lami_04 .sec8 .stit .num span:after {
    border-color: #0093d6 transparent transparent transparent;
}
#lami_04 .sec8 ul{
    max-width: 800px;
    margin: 0 auto;
}
#lami_04 .sec8 ul li .fbox{
    background: linear-gradient(to bottom, #009cdd, #0055a4);
    border-radius: 5px;
    padding: 50px 30px;
    margin: 15px 0;
}
#lami_04 .sec9 .n_list{
    max-width: 550px;
    margin: 0 auto;
}
#lami_04 .sec10{
    background: url(../img/lami4_s6_bg.png) center center no-repeat;
    background-size: cover;
}
@media (min-width:769px){
    #lami_04 .sec4 ul li:not(:last-child) .me_box:after {
        position: absolute;
        content: "";
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 40px;
        top: 45%;
        right: -35px;
        width: 40px;
        height: 40px;
        z-index: 10;

    }
    #lami_04 .sec4 ul li {
        width: 20%;
    }
    #lami_04 .sec4 ul li .me_box .tbox {
        padding: 10px 30px 10px;
        min-height: 90px;
    }
}
@media (max-width:768px){
    #lami_04 .sec4 ul li .me_box{
        margin: 5px 0;
    }
    #lami_04 .sec4 ul li .me_box .tbox {
        padding: 10px;
    }
    #lami_04 .sec7 .bd_box{
        padding: 20px;
    }
    #lami_04 .sec7 .bd_box h4 span{
        padding: 5px 20px;
        width: 200px;
    }
    #lami_04 .sec8{
        background:#fff;
    }
    #lami_04 .sec8 ul li .fbox{
        padding: 30px 15px;
        margin: 5px 0;
    }
    #lami_04 .sec9 .n_list{
        max-width: 550px;
        margin: 0 auto;
    }
    #lami_04 .sec10{
        background: url(../img/lami4_s6_bg.png) center center no-repeat;
        background-size: cover;
    }
}

/*n_list */
.n_list > li {
    font-size: 24px;
    line-height: 1em;
    position: relative;
    font-weight: 400;
    color: #00155c;
    letter-spacing: -1px;
    padding: 50px 0 30px 100px;
}
.n_list > li:not(:last-child) {
    border-bottom: 1px dashed #00155c;
}
.n_list > li span{
    position: absolute;
    left: 0;
    color: #001760;
    font-size: 60px;
    font-weight: 700;
    line-height: 1em;
    top: 25px;
    opacity: 0.2;
    font-style: italic;
}

@media (max-width: 768px){
    .n_list > li {
        font-size: 15px;
        padding: 30px 0 10px 50px;
    }
    .n_list > li span{
        font-size: 30px;
        top: 18px;
    }
}

/*lami_05*/
#lami_05 .sec2 .thr_wrp .thr_box .thr_bot{
    background: url(../img/thr_it.png) center center no-repeat;
    background-size: cover;
}
#lami_05 .sec3{
    background: url(../img/lami5_s3_bg.png) center center no-repeat;
    background-size: cover;
}
#lami_05 .sec4 ul li .ryo_box{
    position: relative;
    
}

#lami_05 .sec4 ul li .ryo_box h3{
    padding: 10px 0;
    color: #003277;
}
#lami_05 .sec4 ul li .ryo_box .tbox{
    padding: 15px;
    background-color: #fff;
}
#lami_05 .sec4 ul li .ryo_box .tbox p{
    margin-top: 10px;
}
#lami_05 .sec5{
    background: url(../img/lami5_s5_bg.png) center center no-repeat;
    background-size: cover;
}
#lami_05 .sec5 .exam_wrp > li.exam_sub:not(:last-child) {
    margin-bottom: 60px;
}
#lami_05 .sec5 .h4_main{
    margin-bottom: 30px;
}
#lami_05 .sec5 .h4_main h4 span{
    border-radius: 50px;
    padding: 10px 30px;
    background-color: #10c39e;
    color: #fff;
    width: 780px;
    display: inline-block;
}
#lami_05 .sec7 .gyung_box .tbox{
    background-color: #000e19;
}
#lami_05 .sec7 .gyung_box .tbox h5{
    color: #fff;
    margin-top: 0;
    padding: 15px 0;
}
#lami_05 .sec8{
    background-color: #3d3d3d;
}
#lami_05 .sec8 .stit h4{
    margin: 30px 0;
    opacity: 1;
    line-height: 1.6em;
    color: #a0cddf;
}
#lami_05 .sec8 .stit h5{
    margin-top: 20px;
}
#lami_05 .sec8 .stit .num{
    background-color: #a0cddf;
    color: #3d3d3d;
}
#lami_05 .sec8 .stit .num span:after {
    border-color: #a0cddf transparent transparent transparent;
}
#lami_05 .sec8 .stit h2 span{
    color: #a0cddf;
}
@media (min-width:769px){
    #lami_05 .sec4 ul li .ryo_box:after{
        position: absolute;
        content: "";
        background: url(../img/arr_center.png) center center no-repeat;
        background-size: 25px;
        top: 4%;
        right: -13px;
        width: 25px;
        height: 25px;
        z-index: 10;
    }
}
@media (max-width:768px){
    #lami_05 .sec4 ul li .ryo_box .tbox{
        padding: 10px;
    }
    #lami_05 .sec5 .exam_wrp > li.exam_sub:not(:last-child) {
        margin-bottom: 40px;
    }
    #lami_05 .sec5 .h4_main{
        margin-bottom: 30px;
    }
    #lami_05 .sec5 .h4_main h4 span{
        border-radius: 30px;
        padding: 10px;
        width: 300px;
    }
    #lami_05 .sec7 .gyung_box {
        margin: 5px 0;
    }
    #lami_05 .sec7 .gyung_box .tbox h5{
        padding: 10px 0;
    }
    #lami_05 .sec8 .stit h4{
        margin: 20px 0;
    }
    #lami_05 .sec8 .stit h5{
        margin-top: 15px;
    }
}

/*normal_01*/
#normal_01 .sec3 ul li:nth-child(1) .c_wrp .tbox{
    background: url(../img/normal1_s3_bg1.png) center center no-repeat;
}
#normal_01 .sec3 ul li:nth-child(2) .c_wrp .tbox{
    background: url(../img/normal1_s3_bg2.png) center center no-repeat;
}
#normal_01 .sec3 ul li:nth-child(3) .c_wrp .tbox{
    background: url(../img/normal1_s3_bg3.png) center center no-repeat;
}
#normal_01 .sec3 .c_wrp .tbox h5{
    margin-top: 15px;
}

#normal_01 .sec4{
    background: url(../img/normal1_s4_bg.png) 15% center no-repeat;
    background-size: cover;
}
#normal_01 .sec4 .h4_txt{
    background-color: #003277;
    padding: 10px 0;
    text-align: center;
}
#normal_01 .sec4 .h4_txt span{
    color: #fff148;
    font-weight: 700;
}
#normal_01 .sec5 .c_wrp .tbox h5{
    margin-top: 25px;
}
#normal_01 .sec6.ju_sec{
    background: #d2dfec;
}
#normal_01 .sec6 .ju_wrp .lt{
    padding: 40px 0;
}
#normal_01 .sec6 .more_box{
    background: url(../img/normal1_s6_more.png) 85% center no-repeat;
    background-size: cover;
    padding: 20px;
}
#normal_01 .sec6 .more_box .c_wrp {
    border: 1px solid #313131;
    padding: 40px;
}
#normal_01 .sec6 .more_box .c_wrp h3{
    margin-top: 10px;
}
#normal_01 .sec6 .more_box .c_wrp h3 strong{
    color: #51411b;
}
#normal_01 .sec6 .two_wrp{
    margin: 15px 0;
}
#normal_01 .sec6 .two_wrp .top, #normal_01 .sec6 .two_wrp .cont{
    text-align: left;
}
#normal_01 .sec6 .two_wrp .cont{
    position: relative;
    background-color: #fff;
}
#normal_01 .sec6 .two_wrp .top h4 span{
    font-size: 2em;
    opacity: 0.4;
    margin-left: 5%;
    line-height: 1em;
}
#normal_01 .ban_sec {
    background-color: #003277;
    padding: 40px 0;
}
#normal_01 .ban_sec h2 span{
    font-weight: 700;
    color: #fff048;
}

#normal_01 .sec7 .why_wrp .why_box .rt{
    border: 3px solid #003277;
    background-color: #eef5ff;
}
#normal_01 .sec8 .c_wrp .tbox{
    background: url(../img/normal1_s8_bg.png) center center no-repeat;
}
@media (min-width:769px){
    #normal_01 .sec2 .item_box .tbox {
        min-height: 110px;
    }
    #normal_01 .sec3 .c_wrp .tbox{
        background-color: #000;
        position: relative;
        padding-right: 300px;
        padding-left: 100px;
    }
    #normal_01 .sec3 .c_wrp .tbox h1{
        position: absolute;
        top: 22%;
        left: 5%;
        color: #fee000;
        font-size: 100px;
        opacity: 0.2;
    }
    #normal_01 .sec5 .c_wrp .tbox{
        padding-left: 5%;
    }
    #normal_01 .sec6 .two_wrp .cont span{
        position: absolute;
        bottom: 5%;
        right: 5%;
        width: 100px;
    }
    #normal_01 .sec7 .why_wrp > li:nth-child(1) .rt{
        background: url(../img/normal1_case_bg2.png) center bottom no-repeat;
    }
    #normal_01 .sec7 .why_wrp > li:nth-child(2) .rt{
        background: url(../img/normal1_case_bg1.png) center bottom no-repeat;
    }
    #normal_01 .sec7 .why_wrp .why_box .rt{
        height: 300px;
    }
    #normal_01 .sec8 .c_wrp .tbox{
        padding-left: 15%;
        padding-right: 5%;
    }
}
@media (max-width:768px){
    #normal_01 .sec3 .c_wrp .tbox{
        padding: 40px 20px;
    }
    #normal_01 .sec3 .c_wrp .tbox h1{
        color: #aaa;
    }
    #normal_01 .sec5 .c_wrp .tbox{
        padding: 20px;
    }
    #normal_01 .sec5 .c_wrp .tbox h5{
        margin-top: 25px;
    }
    #normal_01 .sec6 .ju_wrp .lt{
        padding: 15px 0;
    }
    #normal_01 .sec6 .more_box{
        padding: 15px;
        position: relative;
        z-index: 0;
    }
    #normal_01 .sec6 .more_box:after{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: rgba(255,255,255,0.8);
        z-index: -1;
    }
    #normal_01 .sec6 .more_box .c_wrp {
        padding: 20px;
    }
    #normal_01 .sec6 .two_wrp .cont span{
        text-align: center;
    }
    #normal_01 .sec6 .two_wrp .cont span img{
        width: 100px;
    }
    #normal_01 .sec6 .two_wrp .cont{
        text-align: center;
    }
    #normal_01 .sec6 .two_wrp .top h4 span{
        font-size: 1em;
        opacity: 1;
    }
    #normal_01 .ban_sec {
        padding: 20px 0;
    }
    #normal_01 .sec7 .why_wrp .why_box .rt{
        border: 2px solid #003277;
    }
    #normal_01 .sec8 .c_wrp .tbox{
        padding: 20px;
    }
}

/*normal_02*/
#normal_02 .sec3{
    background: url(../img/normal2_s3_bg.png) center center no-repeat;
    background-size: cover;
}
#normal_02 .sec4.exam_sec {
    background: url(../img/normal2_s4_bg.png) center center no-repeat;
    background-size: cover;
}
#normal_02 .sec6 ul li .sin_box{
    padding: 0 10px;
    background-color: #fff;
}
#normal_02 .sec6 ul li .sin_box h4{
    padding: 10px 0;
}
#normal_02 .sec6 ul li .sin_box h5{
    padding: 15px 0;
}
#normal_02 .sec7.exam_sec {
    background: url(../img/normal2_s7_bg.png) center center no-repeat;
    background-size: cover;
}
@media (max-width: 768px){
    #normal_02 .sec6 ul li .sin_box{
        margin: 10px 0;
    }
    #normal_02 .sec6 ul li .sin_box h5{
        min-height: 120px; 
    }
}

/*normal_03*/
#normal_03 .sec3{
    background: url(../img/normal3_s3_bg.png) center center no-repeat;
    background-size: cover;
}
#normal_03 .sec3 .h4_txt{
    background-color: #003277;
    padding: 10px 0;
    text-align: center;
}
#normal_03 .sec3 .h4_txt span{
    color: #fff148;
    font-weight: 700;
}
#normal_03 .sec3 .plus_wrp{
    border-color: #fff;
}
#normal_03 .sec3 .plus_wrp li .tbox .lined{
    background-color: #fff;
}
#normal_03 .sec3 .plus_wrp li .tbox h5{
    color: #fff;
}
#normal_03 .sec5.exam_sec{
    background: url(../img/normal3_s5_bg.png) center center no-repeat;
    background-size: cover;
}
@media (min-width: 769px){
    #normal_03 .sec3 .plus_wrp li:not(:last-child) .tbox:after {
        background: url(../img/plus_w.png) center center no-repeat;
    }
}
@media (max-width: 768px){
    #normal_03 .sec3 .plus_wrp li:not(:last-child) .tbox:after {
        background: url(../img/plus_w.png) center center no-repeat;
    }
}

/*normal_04*/
#normal_04 .sec2.ju_sec{
    background: #fcfbfb;
}
#normal_04 .sec3{
    background-color: #dae3ec;
}

#normal_04 .sec4{
    background: url(../img/normal4_s4_bg.png) center center no-repeat;
    background-size: cover;
}
#normal_04 .sec5{
    background: url(../img/normal4_s5_bg.png) center center no-repeat;
    background-size: cover;
}
#normal_04 .sec7 .bd_box{
    border: 1px solid #ddd;
    padding: 50px;
    background-color: #fff;
}
#normal_04 .sec7 .bd_box h4 span{
    border-radius: 50px;
    padding: 10px 30px;
    background-color: #003277;
    color: #fff;
    width: 450px;
    display: inline-block;
}
#normal_04 .sec7 .bd_box .ibox{
    margin: 40px 0;
}
#normal_04 .sec7 .bd_box .chk_wrp{
    max-width: 700px;
    margin: 40px auto 0;
}
#normal_04 .sec7 .bd_box .chk_wrp > li{
    margin: 12px 0;
    padding-left: 35px;
}
#normal_04 .sec7 .bd_box .chk_wrp > li:before{
    top: 4px;
}
#normal_04 .sec7 .bd_box .chk_wrp > li h5{
    font-size: 20px;
}
@media (max-width: 768px){
    #normal_04 .sec7 .bd_box{
        padding: 20px 10px;
    }
    #normal_04 .sec7 .bd_box h4 span{
        padding: 7px 20px;
        width: 280px;
    }
    #normal_04 .sec7 .bd_box .ibox{
        margin: 20px 0;
    }
    #normal_04 .sec7 .bd_box .chk_wrp{
        margin: 20px auto 0;
    }
    #normal_04 .sec7 .bd_box .chk_wrp > li{
        margin: 5px 0;
        padding-left: 20px;
    }
    #normal_04 .sec7 .bd_box .chk_wrp > li:before{
        top: 2px;
    }
    #normal_04 .sec7 .bd_box .chk_wrp > li h5{
        font-size: 13px;
    }
}

/*normal_05*/
#normal_05 .thr_wrp .thr_box .thr_bot h5 span{
    font-size: 24px;
    font-weight: 700;
    color: #00c0fa;
}

#normal_05 .item_wrp .item_box{
    margin: 15px 0;
}
#normal_05 .sec3{
    background: url(../img/normal5_s3_bg.png) center center no-repeat;

}
@media (max-width: 768px){
    #normal_05 .item_wrp .item_box{
        margin: 5px 0;
    }
}

.cir_wrp .cir_box .tbox{
    margin-top: 20px;
}
@media (max-width: 768px){
   .cir_wrp .cir_box{
    margin: 5px 0;
} 
}

/*normal_06*/
#normal_06 .sec3{
    background: url(../img/normal6_s3_bg.png) center center no-repeat;
    background-size: cover;
}
#normal_06 .item_wrp .item_box{
    margin: 15px 0;
}
#normal_06 .sec7{
    background: url(../img/normal6_s7_bg.png) center center no-repeat;
    background-size: cover;
}
#normal_06 .sec9{
    background: url(../img/normal6_s9_bg.png) center center no-repeat;
    background-size: cover;
}
#normal_06 .sec9 .bang_box{
    border-radius: 10px;
    background-color: #003277;
    padding: 50px 30px;
}
@media (max-width: 768px){
    #normal_06 .item_wrp .item_box{
        margin: 5px 0;
    }
    #normal_06 .sec9 .bang_box{
        padding: 30px 15px;
        margin: 5px 0;
    }
}

/*normal_07*/
#normal_07 .sec2 .pro_wrp .pro_box .ibox{
    border: 1px solid #ddd;
}
#normal_07 .sec2 .pro_wrp .pro_box .tbox{
    border: 0;
    padding: 0;
}
#normal_07 .sec3{
    background: url(../img/normal7_s3_bg.png) center center no-repeat;
    background-size: cover;
}
#normal_07 .sec5{
    background: url(../img/normal7_s5_bg.png) left center no-repeat;
    background-size: cover;
}
#normal_07 .sec5 .stit h4{
    margin-top: 30px;
    opacity: 1;
}
#normal_07 .sec6{
    background-color: #d6e4e5;
}
#normal_07 .sec6 .stit .num {
    background-color: #1cc8c8;
}
#normal_07 .sec6 .stit .num span:after {
    border-color: #1cc8c8 transparent transparent transparent;
}
#normal_07 .sec6 .stit h2 span{
    color: #000;
}
#normal_07 .sec6 ul li .gu_box{
    background-color: #f4f4f4;
    padding: 30px;
    border-radius: 10px;
}
#normal_07 .sec6 ul li .gu_box h2{
    display: inline-block;
    line-height: 1em;
    padding: 7px;
    background-color: #1cc8c8;
    border-radius: 5px;
}
#normal_07 .sec6 ul li .gu_box p{
    color: #aaa;
    margin-top: 10px;
}
#normal_07 .sec6 ul li .gu_box h4{
    margin-top: 30px;
}
#normal_07 .sec6 ul li .gu_box .ibox{
    margin-top: 60px;
}
#normal_07 .sec7{
    background-color: #f7f7f7;
}
#normal_07 .sec8{
    background: url(../img/normal7_s8_bg.png) 20% center no-repeat;
    background-size: cover;
}
#normal_07 .sec8 .stit h4{
    opacity: 1;
    margin-top:30px; 
}
#normal_07 .sec8 .stit h5{
    margin-top:20px; 
}
@media (min-width: 769px){
    #normal_07 .sec6 ul li .gu_box h5{
        min-height: 255px;
    }
}
@media (max-width: 768px){
    #normal_07 .sec5 .stit h4{
        margin-top: 20px;
    }
    #normal_07 .sec6 ul li .gu_box{
        padding: 20px;
        margin: 15px 0;
    }
    #normal_07 .sec6 ul li .gu_box h2{
        padding: 5px;
    }
    #normal_07 .sec6 ul li .gu_box p{
        margin-top: 5px;
    }
    #normal_07 .sec6 ul li .gu_box h4{
        margin-top: 15px;
    }
    #normal_07 .sec6 ul li .gu_box .ibox{
        margin-top: 30px;
    }
    #normal_07 .sec8 .stit h4{
        margin-top:20px; 
    }
    #normal_07 .sec8 .stit h5{
        margin-top:15px; 
    }
}



.que_sec{
   /* background: url(../img/que_bg.png) 82% top no-repeat;*/
   background:#eee;
    background-size: cover;
}

/*ju_sec*/
.ju_sec{
    background: url(../img/ju_bg.png) left center no-repeat;
    background-size: cover;
}
.ju_sec .ju_wrp .lt{
    background-color: #003277;
}
.ju_sec .ju_wrp .lt i{
    color: #fff048;
}
.ju_sec .ju_wrp .lt h4{
    margin-top: 15px;
}
.ju_sec .ju_wrp .rt{
    padding: 30px;
    border: 2px solid #dddddd;
    background-color: #fff;
}
@media (min-width: 769px){
    .ju_sec .ju_wrp .lt{
        width: 20%;
    }
}
@media (max-width: 768px){
    .ju_sec .ju_wrp .lt{
        padding: 15px 0;
    }
    .ju_sec .ju_wrp .lt h4{
        margin-top: 10px;
    }
    .ju_sec .ju_wrp .rt{
        padding: 20px;
        border: 1px solid #003277;
    }
}

.chk_list > li {
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 5px;
    position: relative;
    padding-left: 25px;
    font-weight: 300;
    color: #333;
    letter-spacing: -1px;
    margin: 10px 0;
}
.chk_list > li span{
    position: absolute;
    left: 0;
    color: #003277;
}

@media (max-width: 768px){
    .chk_list > li {
        font-size: 15px;
        padding-left: 20px;
        margin: 8px 0;
    }
}

#baf{
    background-color: #edf3f4;
}
#baf ul li {
	margin-bottom: 30px;
}
#baf .case_wrp {
	position: relative;
	display: block;
	text-decoration: none;
	background-color: #fff;
	padding: 40px;
}
#baf .case_wrp .row {
    margin: 0 -1px;
}
#baf .case_wrp .row > div {
    padding: 0 1px;
}
#baf .case_wrp .top_img {
	position: relative;
}
#baf .case_wrp .top_img .after .i_wrp {
	position: relative;
}
#baf .case_wrp .top_img .after .i_wrp .logTxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    text-align: center;
}
#baf .case_wrp .top_img .after .i_wrp .logTxt .c_wrp {
    height: 100%;
}
#baf .case_wrp .top_img .after.beforeLogin .i_wrp .afImg {
	-webkit-filter: blur(5px);
}
#baf .case_wrp .top_img .after .wan_txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
    text-align: center;
}
#baf .case_wrp .top_img .after .wan_txt .c_wrp {
    height: 100%;
}
#baf .case_wrp .top_img .after .wan_txt img {
    width: 50px;
    margin-bottom: 5px;
}
#baf .case_wrp .txtbox {
	position: relative;
}
#baf .case_wrp .before ,
#baf .case_wrp .after {
    position: relative;
    overflow: hidden;
}
#baf .case_wrp .before h4,
#baf .case_wrp .after h4 {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    color: #fff;
    margin: 0px;
    padding: 8px 10px;
    font-weight: 600;
    z-index: 5;
    width: 110px;
}
#baf .case_wrp .after h4 {
    background-color: #10c39e;
}
#baf .txtbox {
	padding: 20px 0 0;
	position: relative;
}
#baf .txtbox h4 {
	font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	word-break: keep-all;
}
#baf .txtbox h5 {
    margin-top: 0;
}
#baf .case_btn_wrp a {
    display: inline-block;
    position: relative;
    padding: 15px 0;
    padding-right: 70px;
    color: #333;
    text-decoration: none;
    font-size: 24px;
    line-height: 1em;
    font-weight: 500;
}
#baf .case_btn_wrp a::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    height: 100%;
    width: 38px;
    background: url(../img/caseBtn.png) center center no-repeat;
    z-index: 5;
    
    -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;
}
#baf .case_btn_wrp a:hover::after {
    right: 5px;
}
#baf .case_btn_wrp a::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #10c39e;
    right: 0;
    top: 8px;
}
#baf .case_wrp .top_img:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: url(../img/arr_center.png) center center no-repeat;
}
#baf .case_wrp .top_img .after.beforeLogin:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
}
@media (max-width: 768px){
	#baf ul li {
		margin-bottom: 15px;
	}
	#baf .case_wrp {
		padding: 15px 15px 0;
	}
	#baf .case_wrp .top_img {
		position: relative;
	}
    #baf .case_wrp .top_img:after {
        background-size: 35px !important;
    }
	#baf .txtbox {
		padding: 15px 0;
		padding-right: 25px;
	}
    #baf .case_wrp .before h4, 
    #baf .case_wrp .after h4 {
        width: 65px;
        font-size: 12px;
        line-height: 1em;
    }
    #baf .case_wrp .top_img .after .wan_txt img {
        width: 30px;
    }
    #baf .case_btn_wrp a {
        padding-right: 50px;
    }
}
@media (max-width: 500px){
    #baf .case_btn_wrp a {
        font-size: 17px;
    }
    #baf .case_btn_wrp a::after {
        background-size: 25px;
        right: 10px;
    }
    #baf .case_btn_wrp a::before {
        width: 32px;
        height: 32px;
    }
    #baf .case_wrp .top_img .after .i_wrp .logTxt img {
        width: 55px;
    }
}
/* comtop */
.comtop {
    height: 400px;
    position: relative;
}
.comtop > .w {
    position: absolute;
    width: 1500px;
    height: 50%;
    max-height: 130px;
    left: 50%;
    bottom: 0;
    background-color: #fff;
    transform: translate(-50%, 0);
}
@media (max-width:768px){
    .comtop {
        height: 200px;
        background-size: cover !important;
    }
    .comtop > .w {
        max-height: 40px;
        width: calc(100% - 30px);
    }
}
/* subTopSec */
.subTopSec {
    position: relative;
}
.subTopSec .deco {
    left: 50%;
    bottom: -40px;
    position: absolute;
    width: 1px;
    height: 80px;
    background-color: #ddd;
    z-index: 5;
}
.subTopSec .deco:after {
    content: "";
    position: absolute;
    left: -3px;
    top: -4px;
    width: 7px;
    height: 7px;
    background-color: #26467b;
    border-radius: 50%;
}
/* company_01 */
#company_01 .comtop {
    background: url(../img/comtop1.jpg) center center no-repeat;
}
/* company_02 */
#company_02 .comtop {
    background: url(../img/comtop2.jpg) center center no-repeat;
}
/* company_04 */
#company_04 .comtop {
    background: url(../img/comtop4.jpg) center center no-repeat;
}
/* com1_1 */
.com1_1 h1 {
    line-height: 1.3em;
}
.com1_1 .sign span,
.com1_1 .sign img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
@media (max-width:768px){
    .com1_1 {
        padding: 0 40px;
        padding-bottom: 40px;
    }
    .com1_1 .sign img {
        width: 60px;
    }
}
/* com1_2 */
.com1_2 {
    background: url(../img/com1_2.jpg) center center no-repeat;
    height: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
}
@media (max-width:768px){
    .com1_2 {
        height: 600px;
    }
}
@media (max-width:500px){
    .com1_2 {
        height: 400px;
    }
}

/* sudTop */
.sudTop {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
}
@media (max-width: 768px) {
    .sudTop {
        height: 300px;
    }
}
@media (max-width: 500px) {
    .sudTop {
        height: 200px;
    }
}

/* site_config */
#site_config {
    position: relative;
    z-index: 30;
    margin-top: -1px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}
#site_config .site .home {
    float: left;
    line-height: 60px;
    position: relative;
    font-size: 17px;
    color: #838789;
    letter-spacing: -0.02em;
    -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;
}
#site_config .site .home:hover {
    background-color: #f7f7f7;
}
#site_config .site .home.home2,
#site_config .site .home.home3 {
    position: relative;
    border-right: 1px solid #ddd;
}
#site_config .site .home.home2:after,
#site_config .site .home.home3:after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 0;
    width: 22px;
    height: 100%;
    background: url(../img/site_arr.png) center center no-repeat;

    -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;
}
#site_config .site .home.act:before {
    content: "";
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #333;
    border-bottom: 0px;
}
#site_config .site .home.act:after {
    transform: rotate(180deg);
}
#site_config .site .home.home1 {
    width: 60px;
    text-align: center;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#site_config .site .home > span {
    display: block;
    padding: 0px 20px;
    cursor: pointer;
    position: relative;
    z-index: 3;
    color: #666;
    padding-right: 65px;
}
#site_config .site .home > ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    border: 1px solid #333;
    border-top: 0px;
    background-color: #fff;
}
#site_config .site .home > ul li {
    border-top: 1px solid #eee;
}
#site_config .site .home > ul li a {
    display: block;
    text-decoration: none;
    font-size: 17px;
    padding: 15px 20px;
    color: #666;
    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;
}
#site_config .site .home > ul li a.act {
    color: #0940be;
}
#site_config .site .home > ul li a:hover{
    background-color: #0940be;
    color: #fff;
}
#site_config .site .home > ul li:hover a:after {
    width: 100%;
    left: 0%;
}
#site_config .site .link_icon svg {
    width: 14px;
}
#site_config .site .link_icon .cls-1 {
    stroke:#666;
    stroke-width:5px;
}
#site_config .site .home > ul li a:hover .link_icon .cls-1{
    stroke:#fff;
}
@media (min-width:992px) {
    #site_config .site .home.home2,
    #site_config .site .home.home3 {
        min-width: 200px;
    }
}
@media (max-width:992px) {
    #site_config .site .home {
        line-height: 50px;
        font-size: 15px;
    }
}
@media (max-width:768px) {
    #site_config .site .home {
        line-height: 40px;
        font-size: 12px;
    }
    #site_config .site .home.home1 {
        width: 40px;
    }
    #site_config .site .home.home1 img {
        width: 11px;
    }
    #site_config .site .home.home2,
    #site_config .site .home.home3 {
        min-width: 120px;
    }
    #site_config .site .home.home2:after,
    #site_config .site .home.home3:after {
        right: 10px;
        width: 10px;
        background-size: 100%;
    }
    #site_config .site .home > span {
        padding: 0px 15px;
        padding-right: 25px;
    }
    #site_config .site .home > ul li a {
        font-size: 12px;
        padding: 5px 15px;
    }
    #site_config .site .link_icon svg {
        width: 9px;
    }
}
/* sltNav */
.sltNav h3 {
    padding: 0 10px;
}
.sltNav h3 a {
    text-decoration: none;
    display: inline-block;
    border-bottom: 3px solid transparent;
    color: #111;
    font-weight: 700;
    opacity: .3;
}
.sltNav .is-active h3 a {
    border-color: #111;
    opacity: 1;
}
@media (max-width:992px) {
    .sltNav .slick-track {
        width: 100% !important;
    }
    .sltNav .slick-slide {
        width: 25% !important;
    }
}
/* sltSlick */
.sltSlick .fbox {
    display: flex;
    align-items: center;
}
.sltSlick .fbox > div {
    width: 50%;
}
@media (min-width:992px) {
    .sltSlick .bg {
        background: url(../img/doct_bg.jpg) center center no-repeat;
        background-size: cover;
    }
    .sltSlick .fbox > .ibox {
        text-align: right;
    }
    .sltSlick .fbox > .ibox img {
        display: inline-block;
    }
}
@media (max-width:992px) {
    .sltSlick .fbox {
        flex-wrap: wrap;
    }
    .sltSlick .fbox > div {
        width: 100%;
    }
    .sltSlick .fbox > .ibox {
        background: url(../img/doct_bg.jpg) center center no-repeat;
        background-size: cover;
        text-align: right;
    }
    .sltSlick .fbox > .tbox {
        padding: 30px 20px;
    }
}


/* company_03 */
#company_03 {
	background-color: #f7f7f7;
}
#company_03 .thumb-gallery {
    max-width: 1140px;
    margin: 0 auto;
}
#company_03 .owl-carousel .img-thumbnail,
#company_03 .owl-carousel .img-thumbnail img {
	padding: 0px;
	border-radius: 0px;
	border: 0px;
}
#company_03 .owl-carousel .owl-nav [class*='owl-'] {
	background-color: transparent;
}
#company_03 .owl-carousel.show-nav-hover .owl-nav .owl-prev {
    left: 0;
}
#company_03 .owl-carousel .owl-nav .owl-prev:before {
    content: "\f104";
}
#company_03 .owl-carousel.show-nav-hover .owl-nav .owl-next {
    right: 0;
}
#company_03 .owl-carousel .owl-nav .owl-next:before {
    content: "\f105";
}
@media (min-width:991px){	
	#company_03 .owl-carousel .owl-nav {
		opacity: 0.8;
		top: 45%;
	}
	#company_03 .owl-carousel .owl-nav [class*='owl-'] {
		font-size: 60px;
	}
}

/* timeWrp */
.timeWrp {
    display: flex;
    align-items: center;
    background-color: #f7f7f7;
}
.timeWrp > div {
    width: 50%;
}
.timeWrp .txt {
    text-align: center;
}
.timeWrp .txt .timetableWrp {
    display: inline-block;
}
.timeWrp .txt .timetable {
    text-align: left;
    padding: 10px 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.timeWrp .txt .timetable li {
    position: relative;
    padding-left: 140px;
    font-size: 24px;
    line-height: 1em;
    margin: 15px 0;
}
.timeWrp .txt .timetable .timeItem {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
}
.timeWrp .txt .timetable .timeItem .time {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.timeWrp .txt .timetable .color,
.timeWrp .txt .timetable .color .timeItem .time {
    color: #e71414;
}

/* tableDot */
.table.tableDot {
    border: 1px solid #003277;
    table-layout: fixed;
}
.table.tableDot tr th,
.table.tableDot tr td {
    font-size: 18px;
    color: #666;
    line-height: 1.2em;
    padding: 15px;
    border-width: 1px;
    border: 1px solid #ddd;
    text-align: center;
}
.table.tableDot thead tr th {
    background-color: #003277;
    color: #fff;
    border-color: #003277;
}
.table.tableDot tbody tr:last-child td,
.table.tableDot tbody tr:last-child th {
    border-bottom-color: #003277;
}
.table.tableDot tbody tr th:first-child,
.table.tableDot tbody tr th:last-child {
    border-left-color: #003277;
}
.table.tableDot tbody tr td:first-child,
.table.tableDot tbody tr td:last-child {
    border-right-color: #003277;
}
.table.tableDot tr th {
    color: #111;
}
.table.tableDot tr td .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #82c4f0;
}
.table.tableDot tr td.gr {
    background-color: #f7f7f7;
}
/*mapbox*/
.mapbox .root_daum_roughmap .wrap_map {
    height: 450px !important;
}
@media (max-width:768px) {
	.mapbox .root_daum_roughmap .wrap_map {
		height: 250px !important;
	}
}

/* loadInfo */
.loadInfo {
    border-top: 1px solid #ddd;
}
.loadInfo li {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    border-bottom: 1px solid #ddd;
}
.loadInfo li .icon img {
    background-color: #f8fbff;
    border-radius: 15px;
}
.loadInfo li .txt {
    padding-left: 50px;
}
.loadInfo li .txt .tran {
    display: inline-block;
    border: 2px solid #8536eb;
    line-height: 24px;
    font-size: 15px;
    font-weight: #ddd;
    color: #8536eb;
    font-weight: 600;
    padding: 0 10px;
    border-radius: 20px;
    vertical-align: middle;
}
.loadInfo li .txt .bus {
    display: inline-block;
    line-height: 24px;
    font-size: 15px;
    background-color: #17b417;
    font-weight: #ddd;
    color: #fff;
    font-weight: 600;
    padding: 0 10px;
    border-radius: 3px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 8px;
}
.loadInfo li .txt .bus2 {
    background-color: #1c47d1;
}
.loadInfo li .txt .bus3 {
    background-color: #dd2121;
}
.loadInfo li .txt .bus4 {
    background-color: #ecac21;
}
.loadInfo li .txt .bus5 {
    background-color: #3b3b3b;
}
@media (max-width:992px) {
    .loadInfo li .icon {
        width: 10%;
    }
    .loadInfo li .txt {
        width: 90%;
    }
}
@media (max-width:768px) {
    .loadInfo li {
        flex-wrap: wrap;
        padding: 25px 0;
    }
    .loadInfo li .icon {
        width: 100%;
        text-align: center;
    }
    .loadInfo li .icon img {
        width: 50px;
    }
    .loadInfo li .txt {
        width: 100%;
        padding: 10px 0 0;
    }
    .loadInfo li .txt h3 {
        text-align: center;
        margin-bottom: 10px !important;
    }
    .loadInfo li .txt .bus,
    .loadInfo li .txt .tran {
        font-size: 12px;
        line-height: 18px;
    }
}



/* dental_01 */
#dental_01 .sec2 .tbox {
    position: relative;
}
#dental_01 .sec2 .tbox {
    padding: 40px;
    background-color: #f7f7f7;
}
#dental_01 .sec2 .tbox  p {
    margin-top: 10px;
    line-height: 1.5em;
    color: #666;
}
@media (min-width:768px){
    #dental_01 .sec2 .ibox {
        position: relative;
    }
    #dental_01 .sec2 .ibox:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 100%;
        background: url(../img/txt_arr.png) center center no-repeat;
        z-index: 3;
        transform: rotate(180deg);
    }
    #dental_01 .sec2 .list_ > li:nth-child(even) .ibox:after {
        right: auto;
        left: 0;
        transform: rotate(0deg);
    }
}
@media (max-width:768px){
    #dental_01 .sec2 .c_wrp {
        display: flex;
        flex-wrap: wrap;
    }
    #dental_01 .sec2 .c_wrp > div {
        width: 100%;
    }
    #dental_01 .sec2 .ibox {
        position: relative;
        order: 1;
    }
    #dental_01 .sec2 .tbox {
        order: 2;
        padding: 20px;
    }
}
/*dent1_2 */
.dent1_2 {
    background: url(../img/dent1_2.jpg) center center no-repeat;
    height: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
}
@media (max-width:768px){
    .dent1_2 {
        height: 600px;
    }
}
@media (max-width:500px){
    .dent1_2 {
        height: 400px;
    }
}
/* dental_02 */
.dnt .sec2 .img .st_tit {
    background-color: #111;
    color: #fff;
    padding: 15px 40px;
    line-height: 1em;
    font-weight: 600;
    width: 100%;
    margin: 0 auto;
}
.dnt .sec2 .txt .care {
    position: relative;
    text-align: left;
}
.dnt .sec2 .txt .care {
    border-top: 2px dashed #ddd;
    padding-top: 15px;
}
.dnt .sec2 .txt .care .cr {
    position: relative;
    padding-left: 80px;
}
.dnt .sec2 .txt .care h4 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 7px 20px;
    border-radius: 4px;
    background-color: #d48d12;
    line-height: 1em;
    font-size: 15px;
    color: #fff;
}
.dnt .sec2 .txt .care h4:after{
    content: "";
    position: absolute;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #d48d12;
    right: -14px;
}
#dental_03.dnt .sec2 .txt h5 {
    line-height: 1.3em;
}
@media (min-width:768px){
    .dnt .sec2 .txt .tTop {
        margin-top: 20px;
    }
}
@media (max-width:992px){
    .dnt .sec2 ul li {
        margin: 20px 0;
    }
}
@media (max-width:768px){
    .dnt .sec2 .img .st_tit {
        padding: 7px 20px;
    }
    .dnt .sec2 ul li {
        display: flex;
        align-items: center;
    }
    .dnt .sec2 ul li .img {
        width: 40%;
    }
    .dnt .sec2 ul li .txt {
        padding-left: 30px;
    }
    .dnt .sec2 .txt .care .cr {
        padding-left: 40px;
    }
    .dnt .sec2 .txt .care h4 {
        padding: 4px 5px;
        border-radius: 4px;
        font-size: 12px;
    }
    .dnt .sec2 .txt .care h4:after{
        border-width: 6px;
        right: -11px;
        top: 4px;
    }
}
/* dental_02 .sec3 */
#dental_02 .sec3 {
    background-color: #f7f7f7;
}
#dental_02 .sec3 ul li {
    display: flex;
    align-items: center;
    margin: 20px 0 0;
    padding: 0 0 20px;
    border-bottom: 1px dashed #aaa;
}
#dental_02 .sec3 ul li .img {
    width: 35%;
}
#dental_02 .sec3 ul li .txt {
    padding-left: 40px;
    width: 65%;
}
#dental_02 .sec3 ul li .txt h2 {
    font-weight: 500;
}
#dental_02 .sec3 ul li .txt h5 {
    font-weight: 300;
    margin-top: 15px;
    line-height: 1.4em;
}

/*#dental_03 .sec3*/
#dental_03 .sec3 {
    background-color: #f4f4f4;
}
#dental_03 .sec3 ul {
    max-width: 1250px;
    margin: 0 auto;
}
#dental_03 .sec3 ul li .item {
    width: 280px;
    height: 308px;
    background: url(../img/huBg.png) center center no-repeat;
}
#dental_03 .sec3 ul li .item .num {
    font-weight: 700;
    display: inline-block;
    color: #26467b;
    border-bottom: 2px solid #26467b;
    margin-bottom: 15px;
    line-height: 1em;
    padding-bottom: 3px;
}
#dental_03 .sec3 ul li .item h4 {
    line-height: 1.2em;
    color: #666;
    font-weight: 300;
}
@media (max-width:992px){
    #dental_03 .sec3 ul li {
        margin: 15px 0;
    }
}
@media (max-width:768px){
    #dental_03 .sec3 ul li {
        margin: 5px 0;
    }
    #dental_03 .sec3 ul li .item {
        width: 180px;
        height: 198px;
        background-size: 180px;
        margin: 0 auto;
    }
    #dental_03 .sec3 ul li .item .num {
        font-size: 17px;
    }
}
/* dental_03 .sec4 */
#dental_03 .sec4 {
    background-color: #f7f7f7;
    background: url(../img/dnt3_bg5.jpg) center center no-repeat;
    background-size: cover;
}


/*#dental_03 .sec5*/
#dental_03 .sec5 {
    background-color: #f4f4f4;
}
/*garoseroache_01 .sec6*/
.chkList li {
    margin: 8px 0;
}
.chkList li h5 {
    border-radius: 100px;
    padding: 15px 15px;
    padding-left: 100px;
    position: relative;
    border: 1px solid #ddd;
    background-color: #fff;
}
.chkList li h5:after {
    content: "";
    width: 60px;
    position: absolute;
    left: 15px;
    background: url(../img/hd_arr.png) center center no-repeat;
    height: 70%;
    top: 15%;
    border-right: 1px solid #ddd;
}
@media (max-width:768px){
    .chkList li h5 {
        padding: 10px 15px;
        padding-left: 60px;
    }
    .chkList li h5:after {
        width: 35px;
        background-size: 10px !important;
    }
}


/* cList */
.cList .item {
    border: 1px solid #ddd;
    padding: 40px 15px;
    text-align: center;
}
.cList .item .chk {
    display: inline-block;
    width: 38px;
    height: 40px;
    background: url(../img/chk_pk.png) center center no-repeat;
}
.cList .item h5 {
    margin-top: 10px;
    font-weight: 500;
}
@media (max-width:768px){
    .cList > li {
        margin: 5px 0;
    }
    .cList .item {
        padding: 20px 15px;
    }
    .cList .item .chk {
        width: 20px;
        height: 20px;
        background-size: 20px !important;
    }
    .cList .item h5 {
        margin-top: 5px;
    }
}
/* skin_pro */
.skin_img6 {
    position: relative;
    z-index: 3;
}
.skin_pro {
    position: relative;
    z-index: 1;
}
.skin_pro .item {
    height: 400px;
    position: relative;
}
.skin_pro .item.item1 {
    background: url(../img/skin_bg1.png) left center no-repeat;
    background-size: contain;
    background-color: #fff;
}
.skin_pro .item.item2 {
    background: url(../img/skin_bg2.png) right center no-repeat;
    background-size: contain;
    background-color: #fff;
}
.skin_pro .item.item2:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background: linear-gradient(to right, rgba(0,0,0,0.1), transparent);
}
.skin_pro .item.item1 .txt {
    padding: 15px;
    padding-left: 30%;
}
.skin_pro .item.item2 .txt {
    padding: 15px;
    padding-right: 30%;
}
.skin_pro .item .txt h3 {
    color: #666;
    font-weight: 500;
    margin-top: 15px;
}
@media (max-width:992px){
    .skin_img6 {
        max-height: 60px;
    }
    .skin_pro {
        margin-top: -30px;
    }
    .skin_pro .item {
        height: 250px;
        position: relative;
    }
    .skin_pro .item .txt img{
        width: 60px;
    }
}
@media (max-width:992px){
    .skin_img6 {
        max-height: 40px;
    }
    .skin_pro {
        margin-top: -20px;
    }
}

/* garoserodiet_01 .sec12 */
.imgList ul li > h4 {
    text-align: center;
}
.imgList ul li > h4 span {
    display: inline-block;
    width: 80%;
    max-width: 310px;
    text-align: center;
    line-height: 55px;
    background-color: #ee8e2d;
    color: #fff;
    font-weight: 600;
    border-radius: 100px;
}
.imgList ul li > .img {
    margin-top: 15px;
}
.imgList ul li > .txt {
    padding-top: 10px;
    text-align: center;
}
@media (max-width:768px){
    .imgList ul li:first-child {
        margin-bottom: 20px;
    }
    .imgList ul li > h4 span {
        line-height: 1em;
        padding: 10px 0;
        max-width: 150px;
    }
    .imgList ul li > .txt h5 {
        margin-top: 5px;
    }
}
/*#dental_04 .sec3*/
#dental_04 .sec3 {
    background-color: #f4f4f4;
}
#dental_04 .sec3 .logobh img{
    width: 250px;
    margin-bottom: 20px;
    display: inline-block;
}
#dental_04 .sec3 .nwTh {
    border-radius: 100px
}

/*#dental_06 .sec2*/
#dental_06 .sec2 .txt {
    background-color: #006eb8;
}
@media (max-width:768px){
    #dental_06 .sec2 .txt {
        padding: 30px 15px;
    }
}
/*dental_06 sec3*/
#dental_06 .sec3 {
    background: url(../img/newsec4.png) center bottom no-repeat;
    background-color: #efeae5;
}
#dental_06 .sec3 .img_monang img {
    display: inline-block;
    box-shadow: 25px 25px 50px rgba(0,0,0,0.3);
    border-radius: 500px;
}
#dental_06 .sec3 .item {
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 20px;
    padding: 50px 15px;
    position: relative;
}
#dental_06 .sec3 .item .num {
    position: absolute;
    left: 0;
    width: 100%;
    height: 62px;
    top: -31px;
}
#dental_06 .sec3 .item p {
    text-transform: uppercase;
    opacity: 0.5;
    font-weight: 300;
}
#dental_06 .sec3 .item h4 {
    line-height: 1.2em;
    margin-top: 10px;
}
@media (max-width:768px){
    #dental_06 .sec3 ul li {
        margin: 15px 0;
    }
    #dental_06 .sec3 .item {
        padding: 30px 15px;
    }
    #dental_06 .sec3 .item .num {
        height: 30px;
        top: -15px;
    }
    #dental_06 .sec3 .item .num img {
        height: 30px;
    }
}

/* pro_test */
.pro_test {
    margin: 0 -5px;
    margin-top: 20px;
}
.pro_test li {
    padding: 0 5px;
    position: relative;
}
.pro_test li:not(:last-child):after {
    content: "";
    position: absolute;
    right: -20px;
    height: 100%;
    width: 40px;
    background: url(../img/hair_test_arr.png) center center no-repeat;
    top: 0;
    z-index: 3;
}
.pro_test li .pro_item {
    border: 1px solid #aaa;
    padding: 40px 20px;
}
@media (max-width:768px){
    .pro_test {
        margin-top: 10px;
    }
    .pro_test li:not(:last-child) {
        margin-bottom: 10px;
    }
    .pro_test li:not(:last-child):after {
        display: none;
    }
    .pro_test li .pro_item {
        padding: 20px 10px;
    }
}
/*#dental_07 .sec2*/
#dental_07 .sec2 .txt {
    background-color: #006eb8;
}
@media (max-width:768px){
    #dental_07 .sec2 .txt {
        padding: 30px 15px;
    }
}
/* dental_07 sec3 */
#dental_07 .sec3 .cList .item {
    background-color: #fff;
}


/*consec*/
.consec ul {
    max-width: 1250px;
    margin: 0 auto;
}
.consec ul li .item {
    width: 280px;
    height: 308px;
    background: url(../img/huBg.png) center center no-repeat;
}
.consec ul li .item .num {
    font-weight: 700;
    display: inline-block;
    color: #26467b;
    border-bottom: 2px solid #26467b;
    margin-bottom: 15px;
    line-height: 1em;
    padding-bottom: 3px;
}
.consec ul li .item h4 {
    line-height: 1.2em;
    color: #666;
    font-weight: 300;
}
@media (max-width:992px){
    .consec ul li {
        margin: 15px 0;
    }
}
@media (max-width:768px){
    .consec ul li {
        margin: 5px 0;
    }
    .consec ul li .item {
        width: 180px;
        height: 198px;
        background-size: 180px;
        margin: 0 auto;
    }
    .consec ul li .item .num {
        font-size: 17px;
    }
}


/* dental_01 */
.stList .tbox {
    position: relative;
}
.stList .tbox {
    padding: 40px;
    background-color: #f7f7f7;
}
.stList .tbox  p {
    margin-top: 10px;
    line-height: 1.5em;
    color: #666;
}
@media (min-width:768px){
    .stList .ibox {
        position: relative;
    }
    .stList .ibox:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 100%;
        background: url(../img/txt_arr.png) center center no-repeat;
        z-index: 3;
        transform: rotate(180deg);
    }
    .stList .list_ > li:nth-child(even) .ibox:after {
        right: auto;
        left: 0;
        transform: rotate(0deg);
    }
}
@media (max-width:768px){
    .stList .c_wrp {
        display: flex;
        flex-wrap: wrap;
    }
    .stList .c_wrp > div {
        width: 100%;
    }
    .stList .ibox {
        position: relative;
        order: 1;
    }
    .stList .tbox {
        order: 2;
        padding: 20px;
    }
}

/* infobox */
.infobox {
	border: 1px solid #307da1;
	background-color: #f7fcff;
	padding: 15px;
	border-radius: 4px;
	text-align: center;
}
.infobox > h5 {
	color: #307da1;
}
/*#dental_09 .sec2*/
#dental_09 .sec2 .txt {
    background-color: #006eb8;
}
@media (max-width:768px){
    #dental_09 .sec2 .txt {
        padding: 30px 15px;
    }
}

/* dental_09 :: sec4 */
#dental_09 .sec3 .txtbox h2 {
    line-height: 1.2em;
}
#dental_09 .sec3 .txtbox h4,
#dental_09 .sec3 .txtbox h5 {
    margin-top: 15px;
}
#dental_09 .sec3 .c_wrp .tbox h5 {
    line-height: 1.2em;
    color: #666;
}
@media (min-width:992px){
    #dental_09 .sec3 {
        background: url(../img/diet1_sec4_bg.jpg) center center no-repeat;
        background-size: cover;
    }
    #dental_09 .sec3 .txtbox {
        width: 50%;
    }
}
@media (max-width:992px){
    #dental_09 .sec3 {
        text-align: center;
        background-color: #f7f7f7;
    }
    #dental_09 .sec3 .txtbox h4,
    #dental_09 .sec3 .txtbox h5 {
        margin-top: 10px;
    }
    #dental_09 .sec3 ul li {
        position: relative;
    }
    #dental_09 .sec3 ul li:not(:last-child):after {
        content: "";
        position: absolute;
        right: 0;
        top: 10%;
        height: 80%;
        width: 1px;
        background-color: #ddd;
    }
    #dental_09 .sec3 ul li img {
        width: 70px;
    }
    #dental_09 .sec3 .mo_img {
        height: 200px;
        background: url(../img/diet1_sec4_bg_m.jpg) center center no-repeat;
        background-size: cover;
    }
}

/* sec4 */
#dental_09 .sec4 {
    background: url(../img/hair1_sec7_bg.png) center bottom no-repeat;
    background-color: #eee;
}
#dental_09 .sec4 ul li {
    margin-top: 15px;
    margin-bottom: 35px;
}
#dental_09 .sec4 ul li .item {
    border: 1px solid #ddd;
    background-color: #fff;
    position: relative;
    padding: 40px 15px;
}
#dental_09 .sec4 ul li .item .num {
    position: absolute;
    left: 0;
    width: 100%;
    top: -22px;
    height: 44px;
}
#dental_09 .sec4 ul li .item .num span {
    display: inline-block;
    width: 50px;
    line-height: 44px;
    background: url(../img/hari_num_bg.png) center center no-repeat;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}
#dental_09 .sec4 .bt_txt .top span {
    display: inline-block;
    padding: 8px;
    line-height: 1em;
    color: #fff;
    font-weight: 600;
    background-color: #3d44b8;
}
#dental_09 .sec4 .bt_txt h4,
#dental_09 .sec4 .bt_txt h5 {
    margin-top: 15px;
}
#dental_09 .sec4 .bt_txt h4.blue {
    color: #3d44b8;
}
@media (min-width:768px){
    #dental_09 .sec4 .bt_txt h4.dark span {
        display: inline-block;
        border-bottom: 1px solid #333;
    }
}
@media (max-width:768px){
    #dental_09 .sec4 .bt_txt h4,
    #dental_09 .sec4 .bt_txt h5 {
        margin-top: 5px;
    }
    #dental_09 .sec4 ul li .item .num span {
        background-size: 20px;
        background-size: 35px;
        font-size: 15px;
    }
}


/* dental_09 :: sec5 */
#dental_09 .sec5 .pro_act {
    margin-top: 20px;
}
#dental_09 .sec5 .pro_act li {
    margin-bottom: 40px;
}
#dental_09 .sec5 .tbox .num h5 {
    font-weight: 700;
    margin-top: 10px;
    color: #f48718;
}
@media (max-width:768px){
    #dental_09 .sec5 .pro_act {
        margin-top: 10px;
    }
    #dental_09 .sec5 .pro_act li {
        margin-bottom: 20px;
    }
}


/* specials */
.specials  .spc .di1_img1 {
    height: 400px;
    background: url(../img/sp1.jpg) center center no-repeat;
    background-attachment: fixed;
}
.specials  .spc .di1_img2 {
    height: 400px;
    background: url(../img/sp2.jpg) center center no-repeat;
    background-attachment: fixed;
}
.specials  .spc .di1_img3 {
    height: 400px;
    background: url(../img/sp3.jpg) center center no-repeat;
    background-attachment: fixed;
}
.specials  .spc .di1_img4 {
    height: 400px;
    background: url(../img/sp4.jpg) center center no-repeat;
    background-attachment: fixed;
}
.specials  .spc .di1_img5 {
    height: 400px;
    background: url(../img/sp5.jpg) center center no-repeat;
    background-attachment: fixed;
}
.specials  .spc .txt {
    text-align: center;
    max-width: 870px;
    margin: 0 auto;
    border: 10px solid #006eb8;
    position: relative;
    padding: 10px 30px;
}
.specials  .spc .txt:before {
    content: "";
    position: absolute;
    left: 5%;
    width: 90%;
    height: 10px;
    top: -10px;
    background-color: #f7f7f7;
}
.specials  .spc .txt:after {
    content: "";
    position: absolute;
    left: 5%;
    width: 90%;
    height: 10px;
    bottom: -10px;
    background-color: #f7f7f7;
}
.specials  .spc .txt h2 {
    line-height: 1.2em;
    margin-top: 15px;
}
.specials  .spc .txt2 h4 {
    margin-top: 20px;
}
@media (min-width:992px){
    .specials  .spc .txt2 h3 span {
        display: inline-block;
        border-bottom: 1px solid #333;
    }
}
@media (max-width:768px){
    .specials  .spc .di1_img1,
    .specials  .spc .di1_img2,
    .specials  .spc .di1_img3,
    .specials  .spc .di1_img5,
    .specials  .spc .di1_img4 {
        height: 200px;
        background-attachment: initial;
        background-position-y: top;
        background-size: cover !important;
    }
    .specials  .spc .txt {
        border: 5px solid #ee8e2d;
        padding: 10px;
    }
    .specials  .spc .txt:before {
        height: 5px;
        top: -5px;
    }
    .specials  .spc .txt:after {
        height: 5px;
        bottom: -5px;
    }
    .specials  .spc .txt2 h4 {
        margin-top: 10px;
    }
}




/* aest */
@media (max-width:500px){
    #aest_02 .sec1 .lt  {
		     width: 50%;
			 float: left;
    }
	#aest_02 .sec1 .rt  {
		     width: 50%;
			  float: left;
    }
}


#aest_02 .sec2{
	background:#0b0b0b;
}


@media (max-width:768px){
	#aest_02 .sec2 {
		padding: 50px 0 !important;
	}
}

/*dent1_2 */
#aest_02 .sec4 {
    background: url(../img/aest4_1.png) center center no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
}
@media (max-width:768px){
    #aest_02 .sec4 {
        height: 600px;
    }
}
@media (max-width:500px){
    #aest_02 .sec4 {
    }
}


#aest_02 .sec5 {
        background-color: #ecccbe;
}
@media (max-width:500px){
    #aest_02 .sec5 .lt  {
		     width: 50%;
			 float: left;
    }
	#aest_02 .sec5 .rt  {
		     width: 50%;
			  float: left;
    }
}

#aest_02 .sec6 .img .st_tit {
    background-color: #111;
    color: #fff;
    padding: 15px 40px;
    line-height: 1em;
    font-weight: 600;
    width: 100%;
    margin: 0 auto;
}
#aest_02 .sec6 .img .st_tit.aft {
    background-color: #d48d12;
}
#aest_02 .sec6  .care {
    position: relative;
    text-align: left;
}
#aest_02 .sec6  .care {
        border-bottom: 2px dashed #ddd;
    padding-bottom: 30px;
}
#aest_02 .sec6  .care .cr {
    position: relative;
    padding-left: 80px;
}
#aest_02 .sec6  .care h2 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 7px 20px;
    border-radius: 4px;
    background-color: #d48d12;
    line-height: 1em;
    font-size: 24px;
    color: #fff;
}
#aest_02 .sec6  .care h2:after{
    content: "";
    position: absolute;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #d48d12;
    right: -14px;
}
#dental_03#aest_02 .sec6 .txt h5 {
    line-height: 1.3em;
}
#aest_02 .sec6  .care p{
    font-size: 24px;
    padding-left: 40px;
}
@media (min-width:768px){
    #aest_02 .sec6 .txt .tTop {
        margin-top: 20px;
    }
}
@media (max-width:992px){
    #aest_02 .sec6 ul li {
        margin: 20px 0;
    }
}
@media (max-width:768px){
    #aest_02 .sec6 .img .st_tit {
        padding: 7px 20px;
    }
    #aest_02 .sec6 ul li {
        display: flex;
        align-items: center;
    }
    #aest_02 .sec6 ul li .img {
        width: 40%;
    }
    #aest_02 .sec6 ul li .txt {
        padding-left: 30px;
    }
    #aest_02 .sec6  .care .cr {
        padding-left: 40px;
    }
    #aest_02 .sec6  .care h2 {
        padding: 4px 5px;
        border-radius: 4px;
        font-size: 16px;
    }
    #aest_02 .sec6  .care h2:after{
        border-width: 6px;
        right: -11px;
        top: 4px;
    }
}


#aest_02 .sec7 {
    background: url(../img/aest7_1.png) center center no-repeat;
}

@media (max-width:768px){
	#aest_02 .sec7 {
		background-size: cover;
	}
}




/*aest_03*/
#aest_03 .sec2{
    background: url(../img/aest3_2.png) center center no-repeat;
    background-size: cover;
}
#aest_03 .sec2 .reason_box .tbox{
    background-color: #f7f7f7;
    padding: 20px;
}
#aest_03 .sec2 .reason_box .tbox h3 span{
    background-color: #484848;
    padding: 5px 7px;
    line-height: 1em;
}
#aest_03 .sec2 .reason_box .tbox h5{
    margin-top: 20px;
}
#aest_03 .sec8 {
   background: #5a80a7;
}




#aest_03 .sec7 .img .st_tit {
    background-color: #111;
    color: #fff;
    padding: 15px 40px;
    line-height: 1em;
    font-weight: 600;
    width: 100%;
    margin: 0 auto;
}
#aest_03 .sec7 .img .st_tit.aft {
    background-color: #d48d12;
}
#aest_03 .sec7  .img img:not(.lockedLog) {
       width: 100%;
}
#aest_03 .sec7  .care {
    position: relative;
    text-align: left;
}
#aest_03 .sec7  .care {
        border-bottom: 2px dashed #ddd;
    padding-bottom: 30px;
}
#aest_03 .sec7  .care .cr {
    position: relative;
    padding-left: 80px;
}
#aest_03 .sec7  .care h2 {
    position: absolute;
    left: 0;
    top: 0;
    padding: 7px 20px;
    border-radius: 4px;
    background-color: #d48d12;
    line-height: 1em;
    font-size: 24px;
    color: #fff;
}
#aest_03 .sec7  .care h2:after{
    content: "";
    position: absolute;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #d48d12;
    right: -14px;
}
#dental_03#aest_03 .sec7 .txt h5 {
    line-height: 1.3em;
}
#aest_03 .sec7  .care p{
    font-size: 24px;
    padding-left: 40px;
}
@media (min-width:768px){
    #aest_03 .sec7 .txt .tTop {
        margin-top: 20px;
    }
}
@media (max-width:992px){
    #aest_03 .sec7 ul li {
        margin: 20px 0;
    }
}
@media (max-width:768px){
    #aest_03 .sec7 .img .st_tit {
        padding: 7px 20px;
    }
    #aest_03 .sec7 ul li {
        display: flex;
        align-items: center;
    }
    #aest_03 .sec7 ul li .img {
        width: 40%;
    }
    #aest_03 .sec7 ul li .txt {
        padding-left: 30px;
    }
    #aest_03 .sec7  .care .cr {
        padding-left: 40px;
    }
    #aest_03 .sec7  .care h2 {
        padding: 4px 5px;
        border-radius: 4px;
        font-size: 16px;
    }
    #aest_03 .sec7  .care h2:after{
        border-width: 6px;
        right: -11px;
        top: 4px;
    }
}




#baf{
    background-color: #edf3f4;
}
#baf ul li {
	margin-bottom: 30px;
}
#baf .case_wrp {
	position: relative;
	display: block;
	text-decoration: none;
	background-color: #fff;
	padding: 40px;
}
#baf .case_wrp .row {
    margin: 0 -1px;
}
#baf .case_wrp .row > div {
    padding: 0 1px;
}
#baf .case_wrp .top_img {
	position: relative;
}
#baf .case_wrp .top_img .after .i_wrp {
	position: relative;
}
#baf .case_wrp .top_img .after .i_wrp .logTxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    text-align: center;
}
#baf .case_wrp .top_img .after .i_wrp .logTxt .c_wrp {
    height: 100%;
}
#baf .case_wrp .top_img .after.beforeLogin .i_wrp .afImg {
	-webkit-filter: blur(5px);
}
#baf .case_wrp .top_img .after .wan_txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
    text-align: center;
}
#baf .case_wrp .top_img .after .wan_txt .c_wrp {
    height: 100%;
}
#baf .case_wrp .top_img .after .wan_txt img {
    width: 50px;
    margin-bottom: 5px;
}
#baf .case_wrp .txtbox {
	position: relative;
}
#baf .case_wrp .before ,
#baf .case_wrp .after {
    position: relative;
    overflow: hidden;
}
#baf .case_wrp .before h4,
#baf .case_wrp .after h4 {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    color: #fff;
    margin: 0px;
    padding: 8px 10px;
    font-weight: 600;
    z-index: 5;
    width: 110px;
}
#baf .case_wrp .after h4 {
    background-color: #2bc3d5;
}
#baf .txtbox {
	padding: 20px 0 0;
	position: relative;
}
#baf .txtbox h4 {
	font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	word-break: keep-all;
}
#baf .txtbox h5 {
    margin-top: 0;
}
#baf .case_btn_wrp a {
    display: inline-block;
    position: relative;
    padding: 15px 0;
    padding-right: 70px;
    color: #333;
    text-decoration: none;
    font-size: 24px;
    line-height: 1em;
    font-weight: 500;
}
#baf .case_btn_wrp a::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 0;
    height: 100%;
    width: 38px;
    background: url(../img/caseBtn.png) center center no-repeat;
    z-index: 5;
    
    -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;
}
#baf .case_btn_wrp a:hover::after {
    right: 5px;
}
#baf .case_btn_wrp a::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #2bc3d5;
    right: 0;
    top: 8px;
}
#baf .case_wrp .top_img:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: url(../img/arr_center.png) center center no-repeat;
}
#baf .case_wrp .top_img .after.beforeLogin:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,0.5);
}
@media (max-width: 768px){
	#baf ul li {
		margin-bottom: 15px;
	}
	#baf .case_wrp {
		padding: 15px 15px 0;
	}
	#baf .case_wrp .top_img {
		position: relative;
	}
    #baf .case_wrp .top_img:after {
        background-size: 35px !important;
    }
	#baf .txtbox {
		padding: 15px 0;
		padding-right: 25px;
	}
    #baf .case_wrp .before h4, 
    #baf .case_wrp .after h4 {
        width: 65px;
        font-size: 12px;
        line-height: 1em;
    }
    #baf .case_wrp .top_img .after .wan_txt img {
        width: 30px;
    }
    #baf .case_btn_wrp a {
        padding-right: 50px;
    }
}
@media (max-width: 500px){
    #baf .case_btn_wrp a {
        font-size: 17px;
    }
    #baf .case_btn_wrp a::after {
        background-size: 25px;
        right: 10px;
    }
    #baf .case_btn_wrp a::before {
        width: 32px;
        height: 32px;
    }
    #baf .case_wrp .top_img .after .i_wrp .logTxt img {
        width: 55px;
    }
}

/* top_img */
.blurAf {
	position: relative;
}
.blurAf .logTxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    text-align: center;
    text-decoration: none;
}
.blurAf .logTxt .c_wrp {
    height: 100%;
}
.blurAf .afImg {
    overflow: hidden;
    position: relative;
}
.blurAf .afImg:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.blurAf .afImg img {
	-webkit-filter: blur(5px);
}

/* bfafListBox */
.bfafListBox {
    display: block;
    position: relative;;
}
.bfafListBox .arr {
    position: absolute;
    width: 70px;
    height: 70px;
    max-width: 10vw;
    max-height: 10vw;
    background-color: #363d48e3;
    z-index: 10;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
@media (max-width:768px){
    .bfafListBox .logTxt h5 {
        font-size: 13px;
    }
    .bfafListBox .logTxt img {
        width: 40px;
    }
    .bfafListBox .arr {
        width: 35px;
        height: 35px;
        font-size: 13px;
        left: 20%;
        transform: translate3d(-50%, calc(-50% - 8px), 0) rotate(90deg);
    }
}