@charset "utf-8";

::-moz-selection {background: #2bbade;color: #fff;}
::selection {background: #2bbade;color: #fff;}
body {letter-spacing: -0.05em;margin: 0 0 489px}
.w1210 {width: 1210px;margin: 0 auto}

/*head*/
#hd {position: relative;height: 180px;background: #fff;z-index: 100}
#hd_h1 {font-size: 0;position: absolute;left: 0;top: 0;width: 0;height: 0}
#hd_wrapper {position: relative;height: 120px;margin: 0 auto;}
#online_reserv_btn {position: absolute;top: 43px;left: 0;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 150px;height: 34px;line-height: 34px;background: #017adb;border-radius: 17px;text-align: center;font-size: 14px;color: #fff;cursor: pointer}
#online_reserv_btn:before {content: '';margin: 0 3px 0 0;background: url(../img/common/s_heart.png);width: 16px;height: 13px;display: inline-block;}
#logo {height: 100%;text-align: center;}
#logo:before {content: '';display: inline-block;vertical-align: middle;height: 100%}
#lnb {position: absolute;top: 0;right: 0;height: 100%}
#lnb:before {content: '';display: inline-block;vertical-align: middle;height: 100%}
#lnb ul {display: inline-block;vertical-align: middle}
#lnb li {position: relative;float: left;margin: 0 40px 0 0}
#lnb li.tnb_admin a {color: red}
#lnb li:after {content: '';position: absolute;right: -20px;top: 5px;width: 1px;height: 10px;background: #b9b9b9;}
#lnb li:last-child {margin: 0}
#lnb li:last-child:after {content: none}
#lnb li a {}

.gnb {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;height: 60px}
.gnb .gnb_wrapper {width: 1210px;margin: 0 auto;height: 59px}
#gnb_1dul {height: inherit;display: -webkit-box;display: -ms-flexbox;display: flex}
#gnb_1dul > li {height: inherit;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;border-left: 1px solid #ddd}
#gnb_1dul > li:last-child {border-right: 1px solid #ddd}
#gnb_1dul > li > a {height: inherit;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #444;font-size: 16px;font-weight: 500}
#gnb_1dul .gnb_inner {display: none;position: absolute;left: 0;width: 100%;height: 250px;background: #fff;border-bottom: 1px solid #ccc}
#gnb_1dul .gnb_inner .inner_wrap {display: -webkit-box;display: -ms-flexbox;display: flex;width: 1210px;height: inherit;margin: 0 auto}
#gnb_1dul .gnb_inner .mn_intro {margin: 0 0 0 1px;width: 151px;height: inherit;background: #03a4b2;color: #fff;font-weight: 300;text-align: center;}

#gnb_1dul .gnb_1 .mn_intro {background: #03a4b2}
#gnb_1dul .gnb_2 .mn_intro {background: #53bde1}
#gnb_1dul .gnb_3 .mn_intro {background: #699606}
#gnb_1dul .gnb_4 .mn_intro {background: #8147c8}
#gnb_1dul .gnb_5 .mn_intro {background: #42beab}
#gnb_1dul .gnb_6 .mn_intro {background: #faad18}
#gnb_1dul .gnb_7 .mn_intro {background: #232e82}
#gnb_1dul .gnb_8 .mn_intro {background: #f96f14}

#gnb_1dul .gnb_inner .mn_intro i {display: -webkit-box;display: -ms-flexbox;display: flex;height: 94px;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0 0 13px;}
#gnb_1dul .gnb_inner .mn_intro .sjt {font-size: 16px}
#gnb_1dul .gnb_inner .mn_intro .sjt:after {content: '';display: block;width: 30px;height: 2px;background: #fff;margin: 13px auto}
#gnb_1dul .gnb_inner .mn_intro .con {font-size: 12px;line-height: 18px;padding: 0 17px;word-break: keep-all}
#gnb_1dul .gnb_inner .mn_menu {width: 454px}
#gnb_1dul .gnb_inner .spot_img {width: 604px;font-size: 0}

#gnb_1dul .gnb_2dul {padding: 20px}
#gnb_1dul .gnb_2dli {margin: 0 0 10px;display: inline-block;min-width: 190px;opacity: 0}
#gnb_1dul .gnb_2dli > a {font-size: 14px;color: #303030;font-weight:500}
#gnb_1dul .gnb_2dli > a:hover,
#gnb_1dul .gnb_2dli > a:focus {color: #017adb}
#gnb_1dul .gnb_3dul { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 5px 0 0;width: 414px;background: #eee;border-radius: 10px;padding: 10px;}
#gnb_1dul .gnb_3dul li {width: 33%}
#gnb_1dul .gnb_3dul li a {font-size: 13px;line-height: 20px;color: #808080;font-weight:500}
#gnb_1dul .gnb_3dul li a:hover,
#gnb_1dul .gnb_3dul li a:focus {color: #017adb}

#gnb_1dul > li.gnb_1dli_on > a {background: #666;color: #fff}
#gnb_1dul .gnb_1dli_over .gnb_inner {display: block;overflow: hidden}
#gnb_1dul .gnb_1dli_over .gnb_2dli {-webkit-animation: gnbAni .2s 0s 1 forwards;animation: gnbAni .2s 0s 1 forwards}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(0) {-webkit-animation-delay: 0s;animation-delay: 0s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(1) {-webkit-animation-delay: 0.03s;animation-delay: 0.03s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(2) {-webkit-animation-delay: 0.06s;animation-delay: 0.06s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(3) {-webkit-animation-delay: 0.09s;animation-delay: 0.09s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(4) {-webkit-animation-delay: 0.12s;animation-delay: 0.12s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(5) {-webkit-animation-delay: 0.15s;animation-delay: 0.15s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(6) {-webkit-animation-delay: 0.18s;animation-delay: 0.18s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(7) {-webkit-animation-delay: 0.21s;animation-delay: 0.21s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(8) {-webkit-animation-delay: 0.24s;animation-delay: 0.24s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(9) {-webkit-animation-delay: 0.27s;animation-delay: 0.27s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(10) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(11) {-webkit-animation-delay: 0.33s;animation-delay: 0.33s}
#gnb_1dul .gnb_1dli_over .gnb_2dli:nth-child(12) {-webkit-animation-delay: 0.36s;animation-delay: 0.36s}

@-webkit-keyframes gnbAni {
    0% {opacity: 0;-webkit-transform: translateY(15px);transform: translateY(15px)}
    100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}
}

@keyframes gnbAni {
    0% {opacity: 0;-webkit-transform: translateY(15px);transform: translateY(15px)}
    100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0)}
}

/*footer*/
#ft {position: fixed;left: 0;bottom: 0;width: 100%;;height: 489px;background: url(../img/common/ft_bg.jpg) center no-repeat;background-size: cover;z-index: 1}
#ft #ft_wr {height: inherit}
#ft .ft_info {float: left}
#ft .ft_info h4 {padding: 85px 0 0;color: #dedede;font-weight: 300;font-size: 44px}
#ft .ft_info h4 b {font-weight: 500}
#ft .ft_info .sign {position: relative;float: right;padding: 0 25px 15px 0;color: #75c2ff;font-size: 16px;font-weight: 300}
#ft .ft_info .sign b {font-weight: 500}
#ft .ft_info .sign:after {content: '';background: url(../img/common/sign.png);width: 65px;height: 55px;position: absolute;right: -45px;top: -20px}
#ft .hours {display: -webkit-box;display: -ms-flexbox;display: flex;width: 546px;clear: both;border: 1px solid #8f8f8f;background: rgba(44,44,44,.62)}
#ft .hours .consul {width: 213px;color: #fff;padding: 17px;background: url(../img/common/ft_clock.png) no-repeat calc(100% - 10px) calc(100% - 10px)}
#ft .hours .consul p {font-size: 10px;opacity: .77;letter-spacing: 0}
#ft .hours .consul h5 {font-size: 20px;font-weight: 400}
#ft .hours table {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;color: #fff;font-size: 16px;border-left: 1px solid #8f8f8f;border-collapse: collapse}
#ft .hours table th {padding: 0 0 0 25px;width: 140px;font-weight: 400;line-height: 34px;text-align: left}
#ft .hours table tr+tr th {border-top:1px solid #8f8f8f}
#ft .hours table tr+tr td {border-top:1px solid #8f8f8f}
#ft .ft_cont {float: right;width: 347px;height: inherit;background: #000;color: #ededed;font-size: 13px;text-align: center;}
#ft .ft_cont .ft_logo {padding: 35px 0}
#ft .ft_cont .ft_hp_info p {word-break: keep-all;line-height: 19px}
#ft .ft_cont .ft_hp_info p span+span:before {content: '';margin: 0 5px;width: 1px;height: 10px;background: #444;display: inline-block;vertical-align: middle}
#ft .ft_cont .ft_hp_info .make {margin: 20px 0 0}
#ft .ft_cont .ft_hp_info .make a {color: #fff}
#ft .ft_cont .ft_hp_info .make a span {color: #bbb}
#ft .ft_cont .ft_hp_info .mb1 {margin: 0 0 25px}
#ft .ft_cont .agr_list {margin: 0 0 25px}
#ft .ft_cont .agr_list li {display: inline-block;cursor: pointer}
#ft .ft_cont .agr_list li+li:before {content: '';margin: 0 5px;width: 1px;height: 10px;background: #444;display: inline-block;vertical-align: middle}
#ft .ft_cont .agr_list li b {color: #f7b788;font-weight: 500}

#terms {position: fixed;z-index: 1103;width: 70%;height: 90%;background: #fff;top: 101%;left: 15%}
#terms .t_group {display: -webkit-box;display: -ms-flexbox;display: flex;height: 55px}
#terms .t_group > li {-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
#terms .t_group > li+li .mn {border-left: 1px solid #ddd}
#terms .mn {position: relative;height: 55px;line-height: 55px;background: #f6f6f6;border-bottom: 1px solid #ddd;text-align: center;font-size: 15px;cursor: pointer;outline: none}
#terms .mn.on {background: #fff;border-bottom: 0;font-weight: 500}
#terms .mn.on:before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #d025bb}
#terms .cont { display: none;position: absolute;top: 55px;left: 0;right: 0;bottom: 0;padding: 15px 35px 35px;-webkit-transition: opacity .4s;transition: opacity .4s;}
#terms .mn.on+.cont {display: block;}
#terms h5 {font-size: 35px;text-align: center;font-weight: 500;margin: 0 0 20px}
#terms .txt { white-space: pre-line;border: 1px solid #ddd;padding: 20px;font-size: 15px;line-height: 25px;overflow: auto;height: calc(100% - 70px);word-break: keep-all}
#terms_bg {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%!important;height: 100%!important;z-index: 1102;background: #000;opacity: 0.7}
#terms_close {opacity: 0;-webkit-transform: scale(0);transform: scale(0);position: absolute;right: -50px;top: 0;cursor: pointer}

/*ajax 완료팝업*/
.smComplete {opacity: 0;position: fixed;left: 50%;top: 50%;margin: -43px 0 0 -107px;padding: 0 40px;height: 85px;line-height: 85px;white-space: nowrap;color: #fff;font-size: 16px;background: rgba(0,0,0,.8);border-radius: 5px;z-index: 1500}

/*진료예약팝업*/
html#pop_on {overflow: hidden;}
#appo {display: none;width: 840px!important;height: 590px!important;position: fixed;left: 50%;top: 180px;margin-left: -420px!important;background: url(../img/common/appo/bg.png);overflow: visible!important;z-index: 1104}
#appo_black {position: fixed;left: 0!important;top: 0!important;width: 100%!important;height: 100%!important;background: rgba(0,0,0,0.2);z-index: 1103;display: none}
#appo .top {height: 60px;padding: 0 24px}
#appo .top h5 {float: left;margin: 12px 0 0}
#appo .top p {float: left;margin: 28px 0 0 50px;font-size: 12px;color: #313131;font-weight: 400}
#appo .top .sq_btn {display: inline-block;font-size: 12px;color: #848484;width: 55px;height: 22px;line-height: 20px;background: #fff;text-align: center;border: 1px solid #dcdcdc;box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: 5px;-webkit-border-radius: 5px}
#appo .top .btn_box {float: right;margin: 25px 0 0}
#appo .top .btn_box .fl {float: left;margin: 0 0 0 5px}
#appo .left {float: left;margin: 0 15px 0 24px;width: 511px}
#appo .cbox {float: left;background: #fff;border-radius: 10px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px}
#appo .cbox h5 {font-size: 15px;height: 20px;line-height: 15px;color: #555;background: url(../img/common/appo/ck_img.png) no-repeat 0 1px;padding: 0 0 8px 20px;font-weight: 500}
#appo .cbox2 {float: left;background: rgba(255,255,255,0.4);border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px;-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.2);box-shadow: 3px 3px 5px rgba(0,0,0,.2)}
#appo .ap1 {width: 208px;height: 287px;margin: 0 15px 0 0}
#appo .ap1 select {width: 100%;height: 234px;border:1px solid #d7d7d7;font-size: 14px;-webkit-box-sizing: border-box;box-sizing: border-box;outline:none}
#appo .ap2 {position: relative;width: 288px;height: 287px}
#appo .ap2:after {content: '';width: 252px;height: 1px;background: #d7d7d7;position: absolute;bottom: 14px;}
#appo .ap2 .datepicker--buttons, #appo .ap2 .datepicker--time {padding: 6px 4px}
#appo .ap2 .datepicker--day-name {color: #9310be}
#appo .ap2 .datepicker--cell.-selected- {background: #9310be}
#appo .ap2 .datepicker--cell {height: 27px}
#appo .ap3 {width: 100%;height: 208px;margin: 15px 0 0}
#appo .ap3 h6 {font-size: 17px;color: #9310be;margin: 0 0 8px;font-weight: 500}
#appo .ap3 p {font-size: 14px;color: #313131;line-height: 22px;font-weight: 500}
#appo .ap3 p b {color: #9310be;font-weight: 500}
#appo .ap3 p b.b {font-weight: 700}
#appo .ap4 {float: left;width: 266px;height: 510px}
#appo .ap4 .texta {width: 100%;height: 100px;padding: 8px;border: 1px solid #d7d7d7;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: auto;font-size: 13px;line-height: 18px;background: #f9f9f9;margin: 0 0 10px;font-family: inherit;resize: none}
#appo .ap4 .ck-r {float: right;font-size: 14px;height: 14px}
#appo .ap4 .ck-r input {vertical-align: top;margin: 2px}
#appo .ap4 .ap_tbl {width: 100%;margin: 0 0 3px}
#appo .ap4 .ap_tbl th {font-size: 13px;width: 55px;text-align: left;vertical-align: middle}
#appo .ap4 .ap_tbl td {line-height: 22px;padding: 1px 0;font-size: 13px}
#appo .ap4 .ap_tbl td input[type="text"] {padding: 0 7px;height: 22px;border: 1px solid #aaa;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;display: block;font-size: 13px}
#appo .ap4 .ap_tbl .border_none {border: 0!important}
#appo .ap4 .ap_tbl .time_rtv {position: relative}
#appo .ap4 .ap_tbl .time_rtv #time_pk:focus + .time_help,
#appo .ap4 .ap_tbl .time_rtv #time_pk:active + .time_help,
#appo .ap4 .ap_tbl .time_rtv #time_pk:hover + .time_help {opacity: 1;right: -100%}
#appo .ap4 .ap_tbl .time_help { position: absolute;top: 0;right: -110%;border: 1px solid #ddd;border-radius: 5px;background: #fff;padding: 5px;opacity: 0;-webkit-transition: .3s;transition: .3s}
#appo .ap4 .ap_tbl .time_help h3 { font-weight: 500;color: #01676d;}
#appo .ap4 .ap_tbl .time_help p {}
#appo .ap4 .ads {}
#appo .ap4 .ads input[type="text"] {display: inline-block!important;vertical-align: top;margin-bottom:3px!important}
#appo .ap4 .ads input[type="button"] {margin: 2px 0 0 2px;padding: 0 10px;font-family: inherit;font-size: 12px;background: #555;color: #fff;border: 0;font-weight: 300;border-radius: 4px;vertical-align: top;cursor: pointer}
#appo .ap4 #appo_submit {width: 100%;height: 40px;font-size: 15px;font-weight: 500;background: #9310be;color: #fff;line-height: 40px;text-align: center;padding: 0;cursor: pointer;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 5px;border: 0}
#appo #appo_close {cursor: pointer}
.ui-timepicker-standard {z-index: 10000!important}

/*main*/
#visualSlideWrap .sw {height: 750px;background-size: cover;background-repeat: no-repeat;background-position: center}

.mn4eft {padding: 50px 0}
.mn4eft ul {display: -webkit-box;display: -ms-flexbox;display: flex}
.mn4eft li {position: relative;overflow: hidden;width: 303px;height: 500px;background-size: cover;z-index: 1;-webkit-transition: .3s;-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .4s;-webkit-transition: -webkit-transform .4s;transition: transform .4s;transition: transform .4s, -webkit-transform .4s}
.mn4eft li:nth-child(4) {width: 301px}
.mn4eft li a {display: block;height: 100%}
.mn4eft li .img {position: relative;display:block;width: 100%;height: 100%;background-image: url(../img/main/g_menu3.jpg?ver=190124)}
.mn4eft li .img:before {content: '';position: absolute;width: 100%;height: 100%;background: #000;opacity: 0.6;-webkit-transition: .3s;transition: .3s}
.mn4eft li:nth-child(1) .img {background-position: 0 0}
.mn4eft li:nth-child(2) .img {background-position: -303px 0}
.mn4eft li:nth-child(3) .img {background-position: -605px 0}
.mn4eft li:nth-child(4) .img {background-position: -909px 0}
.mn4eft li .txt {position: absolute;left: 0;bottom: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 0px 30px 40px;width: 100%;height: 220px}
.mn4eft li .txt .ico {display: block;width: 33px;height: 44px;background: url(../img/main/g_menu1_extra2.png)}
.mn4eft li:nth-child(1) .txt .ico {width:32px;background-position: 0 0}
.mn4eft li:nth-child(2) .txt .ico {width: 51px;height: 60px;background-position: 0 -52px;}
.mn4eft li:nth-child(3) .txt .ico {width:51px;height: 60px;background-position: 0 -120px;}
.mn4eft li:nth-child(4) .txt .ico {width:35px;background-position: 0 -200px}
.mn4eft li .txt h5 {margin: 17px 0 5px;width: 127px;height: 35px;font: 400 30px/1 lukmj;color: #fff}
.mn4eft li:nth-child(1) .txt h5 {background-position: -59px 0}
.mn4eft li:nth-child(2) .txt h5 {background-position: -59px -40px}
.mn4eft li:nth-child(3) .txt h5 {background-position: -59px -80px}
.mn4eft li:nth-child(4) .txt h5 {background-position: -59px -120px}
.mn4eft li .txt .eng {font-size: 20px;opacity: 0.7;font-weight: 500;color: #fff}
.mn4eft li .txt .sol {display: none;}
.mn4eft li .more {position: absolute;right:30px;bottom: 30px;width: 26px;height: 26px;border:1px solid #fff;line-height: 26px;text-align: center;color: #fff;font-size: 19px;-webkit-transform: translateY(60px) rotate(270deg);transform: translateY(60px) rotate(270deg);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s}
.mn4eft li.on {z-index: 2;-webkit-transform: scale(1.05);transform: scale(1.05);-webkit-box-shadow: 0 0 40px #000;box-shadow: 0 0 40px #000}
.mn4eft li.on .img:before {opacity: 0;}
.mn4eft li.on .txt {background: #03a4b2;font-size: 15px;color: #fefefe;line-height: 22px}
.mn4eft li.on .eng {display: none;}
.mn4eft li.on .sol {display: block;}
.mn4eft li.on .more {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0)}

.reco {height: 430px;background: url(../img/main/reco_bg.jpg) no-repeat;background-size: cover}
.reco .w1210.pr {position: relative;font-size: 0}
.reco .deco_name {display: inline-block;color: #fff;font-size: 14px;font-weight: 500;-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: left;transform-origin: left;vertical-align: middle}
.reco .deco_name:before {content: '';width: 256px;height: 2px;display: inline-block;background: #fff;vertical-align: middle;margin: 0 10px 0 -9px}
.reco .txt {margin-left: 25px;padding: 20px 0 0}
.reco .txt h3 {margin: 0 0 10px;font-size: 56px;line-height: 62px;color: #fff;font-weight: 400}
.reco .txt h3 b {font-weight: 500;color: #fffd5f}
.reco .txt p {margin: 0 0 20px;font-size: 20px;line-height: 24px;color: #fffefe;opacity: 0.65}
.reco .txt a {display: inline-block;background: #03a4b2;color: #fff;font-size: 16px;padding: 5px 10px;border-radius: 5px}
.reco .txt a:after {content: '';width: 8px;height: 15px;margin: -4px 0 0 20px;display: inline-block;vertical-align: middle;background: url(../img/main/arr_type1.png) no-repeat}
.reco .polygon_wrap {position: absolute;top: 0;right: 0;width: 670px}
.reco .polygon_1 {position: absolute;top: 104px;left: 168px;width: 251px;height: 252px;background: url(../img/main/polygon_grey.png) no-repeat;opacity: 0.5;-webkit-animation: poly_shadow .4s 0s infinite forwards alternate cubic-bezier(0.83, 0.04, 0.12, 0.98);animation: poly_shadow .4s 0s infinite forwards alternate cubic-bezier(0.83, 0.04, 0.12, 0.98)}
.reco .polygon_2 {position: absolute;top: 133px;left: 194px;width: 193px;height: 193px;background: url(../img/main/polygon_blue.png) no-repeat;font-size: 24px;color: #fff;line-height: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-animation: poly_color 2s 0s infinite forwards alternate cubic-bezier(0.79, 0.07, 0, 0.97);animation: poly_color 2s 0s infinite forwards alternate cubic-bezier(0.79, 0.07, 0, 0.97)}

@-webkit-keyframes poly_shadow {
    0% {-webkit-transform: scale(0.98);transform: scale(0.98)}
    100% {-webkit-transform: scale(1);transform: scale(1)}
}

@keyframes poly_shadow {
    0% {-webkit-transform: scale(0.98);transform: scale(0.98)}
    100% {-webkit-transform: scale(1);transform: scale(1)}
}
@-webkit-keyframes poly_color {
    0% {letter-spacing: -0.7px}
    100% {letter-spacing: 2px;text-shadow: 0px 0px 40px #fff;}
}
@keyframes poly_color {
    0% {letter-spacing: -0.7px}
    100% {letter-spacing: 2px;text-shadow: 0px 0px 40px #fff;}
}
@-webkit-keyframes line_opacity {
    0% {opacity: 0.3}
    100% {opacity: 1}
}
@keyframes line_opacity {
    0% {opacity: 0.3}
    100% {opacity: 1}
}

.reco ul {}
.reco ul li {position: absolute;font-size: 20px;color: #fff;line-height: 24px;white-space: nowrap}
.reco ul li b {font-weight: 500;font-size: 26px}
.reco ul li.tr {text-align: right}
.reco ul li.tl {text-align: left}
.reco ul li:after {background-image: url(../img/main/g_dot_line.png);background-repeat: no-repeat;width: 84px}
.reco ul li:nth-child(1) {right: 506px;top: 61px}
.reco ul li:nth-child(1):after { content: '';position: absolute;top: 25px;right: -95px;height: 21px;-webkit-animation: line_opacity .3s 0s infinite forwards alternate;animation: line_opacity .3s 0s infinite forwards alternate}
.reco ul li:nth-child(2) {right: 586px;top: 259px}
.reco ul li:nth-child(2):after { content: '';position: absolute;top: 25px;right: -95px;background-position: 0 -21px;height: 5px;-webkit-animation: line_opacity .3s 0.1s infinite forwards alternate;animation: line_opacity .3s 0.1s infinite forwards alternate}
.reco ul li:nth-child(3) {left: 486px;top: 186px;}
.reco ul li:nth-child(3):after { content: '';position: absolute;top: 25px;left: -70px;background-position: 0 -26px;height: 21px;-webkit-animation: line_opacity .3s 0.2s infinite forwards alternate;animation: line_opacity .3s 0.2s infinite forwards alternate}
.reco ul li:nth-child(4) { left: 463px;top: 317px;}
.reco ul li:nth-child(4):after { content: '';position: absolute;top: 10px;left: -95px;background-position: 0 -47px;height: 20px;-webkit-animation: line_opacity .3s 0.3s infinite forwards alternate;animation: line_opacity .3s 0.3s infinite forwards alternate}

.bnr_gp {position: relative;padding: 40px 0;overflow: hidden}
.bnr_gp #bnr_gp_cvs {position: absolute;top: 0;left: 0;z-index: -1}
.bnr_gp .df {display: -webkit-box;display: -ms-flexbox;display: flex}
.bnr_gp .con1 {width: 350px}
.bnr_gp .con1 .c1 {margin: 0 0 22px}
.bnr_gp .con1 .c1 .hex {width: 32px;height: 19px;background: #1dc2e5;position: absolute;left: 50%;margin-left: -16px;bottom: 0;z-index: 10;pointer-events: none;font-size: 15px;color: #fff;font-weight: 500;text-align: center;line-height: 19px;border-color: #1dc2e5;-webkit-transition: .3s;transition: .3s}
.bnr_gp .con1 .c1 .hex.on {-webkit-transform: rotate(20deg);transform: rotate(20deg)}
.bnr_gp .con1 .c1 .hex:before {content: "";position: absolute;top: -9px;left: 0;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-bottom: 9px solid #1dc2e5;border-bottom-color: inherit;}
.bnr_gp .con1 .c1 .hex:after {content: "";position: absolute;bottom: -9px;left: 0;width: 0;height: 0;border-left: 16px solid transparent;border-right: 16px solid transparent;border-top: 9px solid #1dc2e5;border-top-color: inherit;}
.bnr_gp .con1 .pr {position: relative}
.bnr_gp .con1 #sm_bnr {height: 135px}
.bnr_gp .con1 .swiper-button-prev,
.bnr_gp .con1 .swiper-button-next {width: 25px;height: 25px;background-size: 9px 14px;margin-top: 35px;background-color: rgba(255,255,255,0.7);padding: 5px;border: 1px solid #aaa}
.bnr_gp .con1 .swiper-button-prev {left: auto;right: 53px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23282828'%2F%3E%3C%2Fsvg%3E")}
.bnr_gp .con1 .swiper-button-next {left: auto;right: 29px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23282828'%2F%3E%3C%2Fsvg%3E")}
.bnr_gp .con1 .swiper-container-vertical > .swiper-pagination-bullets {right: auto;left: 10px}
.bnr_gp .con1 .arr {width: 26px;height: 26px;position: absolute;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232b8edd'%2F%3E%3C%2Fsvg%3E");background-repeat: no-repeat;background-size: 8px 12px;background-position: center;border: 1px solid #017adb;-webkit-transition: .5s;transition: .5s}
.bnr_gp .con1 .pr:hover .arr {border-radius: 100%;-webkit-transform: translateX(10px);transform: translateX(10px)}
.bnr_gp .con1 .c2 .arr {right: 30px;bottom: 20px}
.bnr_gp .con1 .c3 .arr {left: 30px;bottom: 20px}
.bnr_gp .con2 {position: relative;width: 468px;background: #dcf5f7;margin: 0 20px;border: 1px solid #ddd}
.bnr_gp .con2 {text-align: center;padding: 38px 0 0}
.bnr_gp .con2 h3 {padding: 5px 0 10px}
.bnr_gp .con2 p {margin: 0 0 10px;color: #666;font-size: 13px;font-weight: 500}
.bnr_gp .con2 ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.bnr_gp .con2 ul li {width: 113px;height: 94px;background: #03a4b2;border-radius: 5px;margin: 7px;-webkit-transition: .3s;transition: .3s}
.bnr_gp .con2 ul li:hover {opacity: 0.8}
.bnr_gp .con2 ul li:hover a {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0}
.bnr_gp .con2 ul li:hover a:before {margin: 0 5px 0 0}
.bnr_gp .con2 ul li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;padding: 0 0 18px;height: inherit;font-size: 13px;color: #fff;font-weight: 500;-webkit-transition: .5s;transition: .5s}
.bnr_gp .con2 ul li a:before {content: '';display: block;background-image:url(../img/main/g_teeth.png);margin: 0 auto 7px}
.bnr_gp .con2 ul li:nth-child(1) a:before {width: 22px;height: 29px}
.bnr_gp .con2 ul li:nth-child(2) a:before {width: 32px;height: 30px;background-position: -40px 0}
.bnr_gp .con2 ul li:nth-child(3) a:before {width: 23px;height: 29px;background-position: -80px 0}
.bnr_gp .con2 ul li:nth-child(4) a:before {width: 24px;height: 29px;background-position: 0px -40px}
.bnr_gp .con2 ul li:nth-child(5) a:before {width: 22px;height: 34px;background-position: -40px -40px}
.bnr_gp .con2 ul li:nth-child(6) a:before {width: 30px;height: 37px;background-position: -80px -40px}
.bnr_gp .con2 ul li:nth-child(7) a:before {width: 21px;height: 37px;background-position: 0px -80px}
.bnr_gp .con2 ul li:nth-child(8) a:before {width: 21px;height: 29px;background-position: -40px -80px}
.bnr_gp .con2 ul li:nth-child(9) a:before {width: 31px;height: 23px;background-position: -80px -80px}
.bnr_gp .con3 {width: 350px}
.bnr_gp .con3 .info {display: block;height: 302px;background: #03a4b2;color: #fff;padding: 30px 0 0 60px}
.bnr_gp .con3 .info:hover {background: #007a84}
.bnr_gp .con3 .info h3 {display: inline-block;margin: 0 0 5px;font-size: 16px;line-height: 19px;font-weight: 500;border-bottom: 1px solid #fff}
.bnr_gp .con3 .info h3:before {content: '';display: inline-block;margin: 0 3px 0 0}
.bnr_gp .con3 .info h3.tel:before {background: url(../img/main/info_ico1.png);width: 19px;height: 17px;}
.bnr_gp .con3 .info h3.hours:before {background: url(../img/main/info_ico2.png);width: 16px;height: 17px;}
.bnr_gp .con3 .info .num {font-size: 38px;line-height: 38px;font-weight: 500;margin: 0 0 30px}
.bnr_gp .con3 .info table {margin: 0 0 15px;width: 100%;color: #fff;font-size: 14px}
.bnr_gp .con3 .info table th {width: 95px;font-weight: 500;text-align: left}
.bnr_gp .con3 .info table td {font-weight: 400}
.bnr_gp .con3 .info ul li i {font-style: normal;position: relative;top: 3px}
.bnr_gp .con3 .sns {display: -webkit-box;display: -ms-flexbox;display: flex;height: 145px}
.bnr_gp .con3 .sns li {height: inherit;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
.bnr_gp .con3 .sns li:first-child {background: #00ce37}
.bnr_gp .con3 .sns li:last-child {background: #ffeb00}
.bnr_gp .con3 .sns li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height: inherit;font-weight: 700}
.bnr_gp .con3 .sns li.mn1 a {color: #fff}
.bnr_gp .con3 .sns li.mn2 a {color: #3c1e1e}
.bnr_gp .con3 .sns li .txt1 {font-size: 12px;margin: 10px 0 0}
.bnr_gp .con3 .sns li .txt2 {font-size: 16px}
.bnr_gp .con3 .sns li .txt {-webkit-transition: .3s;transition: .3s}
.bnr_gp .con3 .sns li:hover .txt {opacity: 0;margin: -20px 0 0}

.cmnty {height: 580px;background: url(../img/main/cmnt_bg.jpg);background-size: cover}
.cmnty .pr {position: relative}
.cmnty h3 {position: absolute;top: 0;left: 0;padding: 0 30px;width: 330px;height: 40px;background: #03a4b2}
.cmnty h3 a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 16px;color: #fff;font-weight: 500}
.cmnty h3 a:after {content: '+';font-size: 40px;line-height: 40px;font-weight: 300;-webkit-transition: .4s;transition: .4s;-webkit-transform-origin: center;transform-origin: center}
.cmnty h3 a:hover:after {-webkit-transform: translateX(20px) rotate(90deg);transform: translateX(20px) rotate(90deg)}
.cmnty .cont_box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 55px 0 0;height: 535px}
.cmnty .column {display: -webkit-box;display: -ms-flexbox;display: flex;height: 50%}
.cmnty .column > div {-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
.cmnty .column .sjt {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 2;-ms-flex: 2;flex: 2;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.cmnty .column .sjt .hos_name {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 12px 0 17px;font-size: 16px;color: #666;font-weight: 500}
.cmnty .column .sjt .hos_name:before,
.cmnty .column .sjt .hos_name:after {content: '';width: 50px;height: 1px;background: #666;margin: 0 7px}
.cmnty .column .sjt h5 {color: #333;font-size: 24px;font-weight: 500}
.cmnty .column .sjt h5+p {font-size: 20px;color: #666}
.cmnty .column .bg1 {background-image: url(../img/main/commu_bg1.jpg)}
.cmnty .column .bg2 {background-image: url(../img/main/commu_bg2.jpg)}
.cmnty .column .bg3 {background-image: url(../img/main/commu_bg3.jpg)}
.cmnty .column .s_bnr {}
.cmnty .column .s_bnr a {position: relative;display: block;padding: 40px;height: 100%;color: #fff}
.cmnty .column .s_bnr h4 {font-size: 30px;font-weight: 300;letter-spacing: -2px}
.cmnty .column .s_bnr h4 span {font-size:10px;opacity: .5;letter-spacing: 0}
.cmnty .column .s_bnr p {font-weight: 300;line-height: 20px}
.cmnty .column .s_bnr .arr {position: relative;width: 40px;height: 1px;display: block;margin: 35px 0 0;-webkit-transition: width .5s;transition: width .5s}
.cmnty .column .s_bnr .arr:before {content: '';display: block;height: 1px;background: #fff}
.cmnty .column .s_bnr .arr:after {content: '';display: block;position: absolute;top: -3px;right: 0;width: 8px;height: 1px;background: #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.cmnty .column .s_bnr:hover .arr {width: 100px}
.cmnty .column .late {}
.cmnty .column .late ul:before {content: '';position: absolute;top: 26px;border-top: 13px solid transparent;border-bottom: 13px solid transparent;}
.cmnty .column .late.late1 ul:before {left: -14px;border-right: 14px solid #b45f9b}
.cmnty .column .late.late2 ul:before {right: -13px;border-left: 14px solid #6574b9}
.cmnty .column .late.late3 ul:before {right: -13px;border-left: 14px solid #62b691}
.cmnty .column .late.late1 ul {background: linear-gradient(-45deg, #893fb0, #b96399);width: 100%}
.cmnty .column .late.late2 ul {background: linear-gradient(45deg, #9e63b9, #6375b9);}
.cmnty .column .late.late3 ul {background: linear-gradient(45deg, #4657af, #63b98f);}
.cmnty .column .late .fa-heart{color:#ff0000;}
.cmnty .column .late .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.cmnty .column .late .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;}
.cmnty .column .late .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.cmnty .column .late ul {position: relative;padding: 28px 35px;height: 100%;width: calc(100% + 1px)}
.cmnty .column .late li {line-height: 30px;color: #fff;font-size: 12px;font-weight: 300}
.cmnty .column .late li a {color: #fff;margin: 0 5px 0 0}
.cmnty .column .late li .lt_date {float: right;height: 30px;letter-spacing: -0.3px}
.cmnty .column .late li .lt_date .txt_rdy_late {font-weight: 300;border-radius: 20px;border: 1px solid #458182;padding: 2px 7px;color: #fff;background: #56909c;}
.cmnty .column .late li .lt_date .txt_rdy_late.on {background: #0c4075;color: #f3f3f3;font-weight: 300;border: 1px solid #4e8e7b;}
.cmnty .col2 .s_bnr {text-align: right}
.cmnty .col2 .s_bnr .arr {position: absolute;right: 40px}
.cmnty .col2 .s_bnr .arr:after {left: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}