@charset "utf-8";

/* 
@keyframes menu_effect {
  0%{border:3px solid #ddd;}
  50%{border:3px solid #047fc8;}
  100%{border:3px solid #ddd;}
}
@keyframes menu_effect2 {
  0%{border:3px solid #047fc8;}
  50%{border:3px solid #ddd;}
  100%{border:3px solid #047fc8;}
}
*/

.introduce {
    display: none;
}


#quick_nav {
    position: fixed;
    top: 170px;
    right: 20px;
    z-index: 99999999;
}

#quick_nav {
}

#quick_nav li {
    overflow: hidden;
    padding: 6px;
}

#quick_nav li a {
    position: relative;
    display: inline-block;
    width: 130px;
    height: 52px;
    border-radius: 100px;
    background-color: #007dc3;
    color: #fff;
    line-height: 52px;
    text-align: left;
    overflow: hidden;
    padding: 0px 16px;
    font-size: 14px;
}

#quick_nav li:nth-child(2) a {
    background-color: #fae300;
    color: #391b1b;
}

#quick_nav li:nth-child(3) a {
    background-color: #41b649;
}

#quick_nav li:nth-child(4) a {
    background-color: #1e3b71;
}

#quick_nav li a:hover {
    /*width: 161px;
	border-radius: 100px;
	background-color: #fff;
	color:#007dc3;
	border:1px solid #007dc3;
	box-sizing: border-box	;*/
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.7);
}

#quick_nav li a span {
    padding-bottom: 2px;
    padding-left: 35px;
}

.q-cons {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -4px;
}

.q-cons img {
    transform: scale(0.4);
}

#quick_nav li:nth-child(2) span,
#quick_nav li:nth-child(3) span {
    float: left;
}

#quick_nav li a i {
    margin-right: 15px;
    font-size: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.main_video {
    width: 100%;
    height: 800px;
    overflow: hidden;
    background-image: url(images/main_banner.jpg);
}
.m_con {
    display: none;
}
@media (max-width: 1280px) {
    #quick_nav li a {
        width: 110px;
        font-size: 13px;
    }
    #quick_nav li a i {
        margin-right: 8px;
        font-size: 15px;
    }
    #quick_nav li a:hover {
        width: 130px;
    }

    #quick_nav li a span {
        padding-bottom: 2px;
        padding-left: 25px;
    }
    .m_con {
        display: block;
    }
}

@media (max-width: 767px) {
    #quick_nav {
        display: none;
        top: 110px;
    }
    #quick_nav li a {
        width: 102px;
        font-size: 10px;
    }
    #quick_nav li a i {
        margin-right: 6px;
        font-size: 10px;
    }
    #quick_nav li a:hover {
        width: 102px;
    }
    #quick_nav {
        right: 2%;
    }
}
@media (max-width: 480px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) {
}

.header {
    width: 100%;
    height: 90px;
}
#slider {
    position: relative;
    width: 100%;
    height: 650px;
    text-align: center;
    overflow: hidden;
}
#slider .slider {
    width: 100%;
    height: 650px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
#slider .bxslider li {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #000;
}

#slider .bxslider .slide1 {
    background: url(/1img/main_slide200319.png) no-repeat center;
}
#slider .bxslider .slide2 {
    background: url(/1img/mainvisual_event2.png) no-repeat center;
}

#slider .bxslider li img {
    height: 650px;
}
.index_banner {
    width: 100%;
    height: 290px;
    text-align: center;
    margin-top: 40px;
}
.index_banner .main_conts {
    width: 1180px;
    height: 290px;
    margin: 0 auto;
}
.index_banner .main_conts .menu5 {
    margin-right: 0px;
}

.index_banner2 {
    width: 100%;
    height: 1700px;
    text-align: center;
    margin-top: 40px;
}
.index_banner2 .main_conts2 {
    width: 1000px;
    height: 1145px;
    margin: 0 auto;
}
.index_banner2 .main_conts2 img {
    width: 1000px;
    height: auto;
}

.main_text {
    width: 100%;
    height: 336px;
    background: url('/1img/main/main_text.jpg') center no-repeat;
    margin-top: 40px;
}
.main_dentist {
    width: 100%;
    height: 481px;
    background: url('/1img/main/main_dentist_3.jpg') center no-repeat;
}

.mov {
    width: 100%;
    background: url('/1img/main/go_videos_bg.jpg') center no-repeat;
    text-align: center;
    margin-top: 40px;
    margin-bottom: -40px;
}
.mov_wrap {
    width: 1000px;
    margin: 0 auto;
}
.mov_attatch {
    position: absolute;
    margin-left: 0px;
    margin-top: 32px;
}

.main_conts ul li {
    float: left;
    margin-right: 20px;
}

.main_conts ul .title a {
    width: 150px;
    height: 150px;
    background: url(/1img/ui/sprite1.png) no-repeat;
    background-position: 0px -200px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    border: 0px;
}

.main_conts ul .menu1 a {
    width: 220px;
    height: 290px;
    background: url(/1img/ui/button1.png);
    display: inline-block;
    transition: all 0.2s ease-in-out;
}
.main_conts ul .menu2 a {
    width: 220px;
    height: 290px;
    background: url(/1img/ui/button2.png);
    display: inline-block;
    transition: all 0.2s ease-in-out;
}
.main_conts ul .menu3 a {
    width: 220px;
    height: 290px;
    background: url(/1img/ui/button3.png);
    display: inline-block;
    transition: all 0.2s ease-in-out;
}
.main_conts ul .menu4 a {
    width: 220px;
    height: 290px;
    background: url(/1img/ui/button4.png);
    display: inline-block;
    transition: all 0.2s ease-in-out;
}
.main_conts ul .menu5 a {
    width: 220px;
    height: 290px;
    background: url(/1img/ui/button5.png);
    display: inline-block;
    transition: all 0.2s ease-in-out;
}

.main_conts ul .menu1 a:hover {
    background: url(/1img/ui/button1_hover.png);
    box-shadow: 3px 3px 3px #ddd;
}
.main_conts ul .menu2 a:hover {
    background: url(/1img/ui/button2_hover1.png);
    box-shadow: 3px 3px 3px #ddd;
}
.main_conts ul .menu3 a:hover {
    background: url(/1img/ui/button3_hover1.png);
    box-shadow: 3px 3px 3px #ddd;
}
.main_conts ul .menu4 a:hover {
    background: url(/1img/ui/button4_hover.png);
    box-shadow: 3px 3px 3px #ddd;
}
.main_conts ul .menu5 a:hover {
    background: url(/1img/ui/button5_hover.png);
    box-shadow: 3px 3px 3px #ddd;
}

.cont {
    width: 100%;
    height: 390px;
    text-align: center;
    margin-top: 40px;
    background-color: #eee;
    padding-top: 40px;
}
.main_cont {
    width: 1000px;
    height: 350px;
    margin: 0 auto;
    background-color: #fff;
}

.bxslider2 div {
    text-align: left;
}
.bxslider3 div {
    text-align: left;
}
.main_cont .bar1 {
    width: 24px;
    height: 16px;
    background-color: #ddd;
    background: url(/1img/cont1_menu.png);
    background-position: -57px 0px;
    display: inline-block;
    display: none;
}

.main_cont .cont1_loca {
    position: relative;
    width: 329px;
    height: 350px;
    border-right: 1px solid #eee;
    background-color: #ddd;
    float: left;
}
.main_cont .cont1 {
    position: absolute;
    width: 329px;
    height: 350px;
    float: left;
    font-size: 9pt;
    text-align: center;
    background-color: #fff;
    z-index: 5;
}
.main_cont .cont1 .title {
    width: 100%;
    height: 16px;
    margin-top: 39px;
    margin-bottom: 25px;
}
.cont1 .slider2 {
    position: relative;
    width: 270px;
    height: 250px;
    font-size: 9pt;
    color: #757575;
    margin: 0 auto;
}
.main_cont .cont1 .title ul li {
    float: left;
}
.main_cont .cont1 .title .btn1 {
    margin-left: 30px;
    width: 57px;
    height: 16px;
    background: url(/1img/cont1_menu.png);
    background-position: 0px 0px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    *display: inline;
    *text-indent: 0;
    *zoom: 1;
    *font-size: 0;
    cursor: pointer;
    float: left;
}
.main_cont .cont1 .title .btn2 {
    width: 57px;
    height: 16px;
    background: url(/1img/cont1_menu.png);
    background-position: -81px -16px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    *display: inline;
    *text-indent: 0;
    *zoom: 1;
    *font-size: 0;
    cursor: pointer;
    display: none;
}
.main_cont .cont1 .title .btn3 {
    float: right;
    margin-right: 30px;
}
.main_cont .cont1 .title .btn3 a {
    margin-left: 118px;
    width: 14px;
    height: 16px;
    background: url(/1img/cont1_menu.png);
    background-position: -146px 0px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    *display: inline;
    *text-indent: 0;
    *zoom: 1;
    *font-size: 0;
    cursor: pointer;
}

.main_cont .cont1-2 {
    position: absolute;
    width: 329px;
    height: 350px;
    float: left;
    font-size: 9pt;
    text-align: center;
    background-color: #fff;
    z-index: 4;
    display: none;
}
.main_cont .cont1-2 .title {
    width: 100%;
    height: 16px;
    margin-top: 39px;
    margin-bottom: 25px;
}
.cont1-2 .slider3 {
    position: relative;
    width: 270px;
    height: 250px;
    font-size: 9pt;
    color: #757575;
    margin: 0 auto;
}
.main_cont .cont1-2 .title ul li {
    float: left;
}
.main_cont .cont1-2 .title .btn1 {
    margin-left: 30px;
    width: 57px;
    height: 16px;
    background: url(/1img/cont1_menu.png);
    background-position: 0px -16px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    *display: inline;
    *text-indent: 0;
    *zoom: 1;
    *font-size: 0;
    cursor: pointer;
}
.main_cont .cont1-2 .title .btn2 {
    width: 57px;
    height: 16px;
    background: url(/1img/cont1_menu.png);
    background-position: -81px 0px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    *display: inline;
    *text-indent: 0;
    *zoom: 1;
    *font-size: 0;
    cursor: pointer;
}
.main_cont .cont1-2 .title .btn3 a {
    margin-left: 118px;
    width: 14px;
    height: 16px;
    background: url(/1img/cont1_menu.png);
    background-position: -146px 0px;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    *display: inline;
    *text-indent: 0;
    *zoom: 1;
    *font-size: 0;
    cursor: pointer;
}

.main_cont .cont2 {
    float: left;
}
.main_cont .cont3 {
    float: left;
}
.main_cont .cont2 {
    width: 331px;
    height: 350px;
    background-color: #fff;
}
.main_cont .text1 {
    padding: 20px 10px 18px 30px;
}
.main_cont .text1 ul li {
    width: 260px;
    height: 22px;
    text-align: left;
    font-size: 9pt;
    color: #757575;
}
.main_cont .cont2 .title1 {
    margin-top: 38px;
}
.main_cont .cont2 .text1 {
    min-height: 80px;
}

.main_cont .cont3 {
    position: relative;
    width: 339px;
    height: 350px;
    background: url(/1img/ui/sprite1.png);
    background-position: -61px -749px;
}
.main_cont .cont3 .btn1 a {
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 20px;
    left: 30px;
    background: url(/1img/ui/sprite1.png);
    background-position: -91px -1019px;
}
.main_cont .cont3 .btn2 a {
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 20px;
    left: 104px;
    background: url(/1img/ui/sprite1.png);
    background-position: -165px -1019px;
}
.main_cont .cont3 .btn3 a {
    position: absolute;
    width: 47px;
    height: 60px;
    bottom: 20px;
    left: 181px;
    background: url(/1img/ui/sprite1.png);
    background-position: -242px -1019px;
}
.main_cont .cont3 .btn4 a {
    position: absolute;
    width: 50px;
    height: 60px;
    bottom: 20px;
    left: 248px;
    background: url(/1img/ui/sprite1.png);
    background-position: -309px -1019px;
}

.main_cont .cont3 .btn1 a:hover {
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 20px;
    left: 30px;
    background: url(/1img/ui/sprite1.png);
    background-position: -453px -1019px;
}
.main_cont .cont3 .btn2 a:hover {
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 20px;
    left: 104px;
    background: url(/1img/ui/sprite1.png);
    background-position: -527px -1019px;
}
.main_cont .cont3 .btn3 a:hover {
    position: absolute;
    width: 47px;
    height: 60px;
    bottom: 20px;
    left: 181px;
    background: url(/1img/ui/sprite1.png);
    background-position: -604px -1019px;
}
.main_cont .cont3 .btn4 a:hover {
    position: absolute;
    width: 50px;
    height: 60px;
    bottom: 20px;
    left: 248px;
    background: url(/1img/ui/sprite1.png);
    background-position: -671px -1019px;
}

.main_cont .cont3 .btn5 a {
    position: absolute;
    top: 40px;
    right: 30px;
    width: 14px;
    height: 14px;
}

.main_cont .cont4 {
    position: relative;
    margin-top: -40px;
}

.link1:link,
.link1:visited {
    color: #757575;
    text-decoration: none;
}
.link1:hover,
.link1:focus,
.link1:active {
    color: #656565;
    text-decoration: underline;
}

div.popupbox {
    position: absolute;
    top: 141px;
    left: 800px;
    background: #000;
    color: #fff;
    z-index: 10000000;
}
div.popupbox.expand {
    left: 0px;
}
/* div.popupbox:nth-child(3) {
    position: absolute;
    top: 141px;
    left: 800px;
    background: #000;
    color: #fff;
    z-index: 10000000;
}
div.popupbox:nth-child(2) {
    position: absolute;
    top: 141px;
    left: 0;
    background: #000;
    color: #fff;
    z-index: 10000000;
}
div.popupbox:nth-child(4) {
    position: absolute;
    top: 691px;
    left: 800px;
    background: #000;
    color: #fff;
    z-index: 10000000;
} */

div.popupbox > img {
    width: 550px;
    height: auto;
}
div.popupbox ul {
}
div.popupbox ul li {
}
div.popupbox ul li.txt {
    padding: 3px;
    text-align: right;
}
div.popupbox ul li.txt input {
    vertical-align: middle;
}
div.popupbox ul li.txt a {
    color: #fff;
}

/* SNS 占쏙옙占쏙옙占쏙옙 占쌩곤옙 */
.sns_wrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.sns_wrap .sns {
    position: absolute;
    top: -111px;
    left: 0;
}
.sns_wrap ul {
    overflow: hidden;
}
.sns_wrap ul li {
    float: left;
    margin-right: 10px;
}
.sns_wrap ul li a {
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
}
.sns_wrap ul li .ico01 {
    background: url(/1img/main/sns_ico01.png) no-repeat;
}
.sns_wrap ul li .ico02 {
    background: url(/1img/main/sns_ico02.png) no-repeat;
}
.sns_wrap ul li .ico03 {
    background: url(/1img/main/sns_ico03.png) no-repeat;
}
.sns_wrap ul li .ico04 {
    background: url(/1img/main/sns_ico04.png) no-repeat;
}
.sns_wrap ul li .ico05 {
    background-color: #8b8b8b;
    color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-indent: 0;
    transition: 0.5s;
}
.sns_wrap ul li .ico01:hover {
    background: url(/1img/main/sns_ico01_o.png) no-repeat;
    transition: 0.5s;
}
.sns_wrap ul li .ico02:hover {
    background: url(/1img/main/sns_ico02_o.png) no-repeat;
    transition: 0.5s;
}
.sns_wrap ul li .ico03:hover {
    background: url(/1img/main/sns_ico03_o.png) no-repeat;
    transition: 0.5s;
}
.sns_wrap ul li .ico04:hover {
    background: url(/1img/main/sns_ico04_o.png) no-repeat;
    transition: 0.5s;
}
.sns_wrap ul li .ico05:hover {
    background-color: #b1b2b1;
}