@charset "utf-8";


#wrap {
    width: 100%;
    min-width: 320px;
    overflow: hidden;
}

.logo{
    max-width: 250px;
}
  .inner {
    margin: 0 auto;
    max-width: 1200px;
    width: calc(100% - 30px);
  }
.clearfix::after {
    display: block;
    clear: both;
    content: '';
}

/* common */
.only_web,
.only_web1180 {
    display: block !important;
}

.only_mo,
.only_mo1180 {
    display: none !important;
}

.inquiry_btn {
    width: 180px;
    height: 42px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    border-radius: 21px;
    box-sizing: border-box;
}

.slick-slide {
    outline: 0;
}

.slick-dots li button {
    border: 0;
}


/* header */
#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100px;
    background: transparent;
    z-index: 100;
}

#header.on {
    background-color: #fff;
    box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.08);
}

#header .inner {
    max-width: 1840px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#header .gnb {
    margin-left: auto;
}

#header .gnb ul {
    display: flex;

}

#header .gnb li+li {
    margin-left: 54px;
}

#header .gnb a {
    line-height: 100px;
    display: block;
    font-size: 20px;
    color: #fff;
}

#header.on .gnb a {
    color: #252525;
}

#header .btn_box {
    display: flex;
    margin-left: auto;
}

#header .btn_box a {
    font-size: 20px;
    color: #fff;
}

#header.on .btn_box a {
    color: #999999;
}

#header .btn_box li.on a {
    color: #283885;
    font-weight: 700;
}

#header .btn_box li+li {
    margin-left: 22px;
}

#header .ham_btn {
    display: none;
}
#header .inquiry_btn {
    position: fixed;
    bottom: 60px; right: 60px;
    width: 90px; height: 90px;
    display: block;
    border-radius: 50%;
    background: url(../images/common/quick.png) no-repeat center ;
    box-shadow: 0px 31px 61.1px 3.9px rgba(40, 56, 133, 0.31);
    font-size: 0; color: transparent;
}
/* //header */


/* container */
.container {
    /* height: 100vh; */
    /* overflow: hidden; */
}

.fullpage {
    /* position: relative; */
    /* top: 0; */
}

section {
    /* padding-top: 80px;
    width: 100%;
    height: 100vh; */
    /* min-height: 900px; */
    box-sizing: border-box;
}

section .table {
    display: table;
    width: 100%;
    /* height: 100vh;
    height: calc(100vh - 80px); */
}

/************** NEW ***************/



/* container common */
#container section[id*='gnb'] {
    padding-top: 120px; 
    padding-bottom:100px ;
}
#container section:last-child {
    padding-top: 0;
}

.main_tit_box {
    max-width: 1200px;
    width: calc(100% - 30px);
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;
}
.main_tit_box.on {
    opacity: 1;
    transform: translateY(0);
}

.main_tit_box  strong {
    font-size:26px ;
    font-weight: 700;
    display: block;
    margin-bottom: 38px;
}
.main_tit_box  .main_tit {
    font-size: 60px;
    font-family: 'NanumSquare', 'Noto Sans KR';
    font-weight: 400;
    line-height: 1.33;
}
.main_tit_box .tit_desc {
    font-size: 20px;
    color: #757575;
    line-height: 1.5;
    margin-top: 50px;
}

/* visual */
#container .visual {
    position: relative;
}
#container .visual .main_slider .slick-dots {
    display: flex;
    position: absolute;
    bottom:40px; left: 50%;
    transform: translateX(-50%);
}
#container .visual .main_slider img {
    width: 100%;
}
#container .visual .main_slider .slick-dots li + li {
    margin-left: 10px;
}
#container .visual .main_slider .slick-dots button {
    font-size: 0; color: transparent;
    width: 8px; height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
}
#container .visual .main_slider .slick-dots .slick-active button {
    background: #283885;
}



/* overview */
.overview {
    position: relative;
}
.overview .bg_txt {
    font-size: 180px;
    font-weight: 700;
    color: #eeeeee ;
    letter-spacing: 0;
    text-transform: uppercase;
    position: absolute;
    top: 420px ; left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: -1; 
}
.overview .item_cont {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:70px ;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;
    transition-delay: 0.3s;
}
.overview .item_cont.on {
    opacity: 1;
    transform: translateY(0);
}

.overview .item_cont .center {
    margin: 0 60px 60px;
}
.overview_area {
    display: flex;
    margin-top: 20px;
}
.overview_area li {
    width: calc(33.333% - 20px);
    margin-right: 30px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.5s;
}
.overview_area li.on{
    opacity: 1;
    transform: translateY(0);
}
.overview_area li.on:nth-child(1) {
    transition-delay: 0.3s;
}
.overview_area li.on:nth-child(2) {
    transition-delay: 0.6s;
}
.overview_area li.on:nth-child(3) {
    transition-delay: 0.9s;
}
.overview_area li:last-child {
    margin-right: 0;
}
.overview_area .ov_img {
    background: no-repeat center / cover;
    padding-top: 113.2%;
    width: 100%;
    position: relative;
    border-radius: 10px;
}
.overview_area li:nth-child(1) .ov_img {
    background-image:url(../images/main/cell_cont_more01.png)
}
.overview_area li:nth-child(2) .ov_img {
    background-image:url(../images/main/cell_cont_more02.png)
}
.overview_area li:nth-child(3) .ov_img {
    background-image:url(../images/main/cell_cont_more03.png)
}
.overview_area .ov_img span {
    position: absolute;
    top: 0; right: 0;
    writing-mode: vertical-rl;
    padding:20px 18px ;
    border-radius: 0 10px 0 20px;
    display: block;
    color: #fff;
    font-size: 22px;
}
.overview_area .ov_txt {
    padding-top: 38px;
    display: flex;
    flex-direction: column;
}
.overview_area .ov_txt  i {
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    display: block;
    margin-bottom: 5px;
}
.overview_area .ov_txt strong {
    font-size:22px ;
    font-weight: 500;
    line-height: 1.45;
    display: block;
    margin-bottom:20px ;
}
.overview_area .ov_txt p {
    font-size: 18px;
    color: #757575;
    line-height: 1.44;
    width:95%;
}

/*  characteristic  */
#container #gnb02.characteristic {
    background: #f7f7f7;
    padding-bottom: 120px;
}

.characteristic .good_cont {
    display: flex;
    max-width: 1070px;
    margin: 70px auto 0;
}
.characteristic .good_cont li {
    display: flex;
    flex-direction: column;
    width:25%;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;
}
.characteristic .good_cont li.on {
    opacity: 1;
    transform: translateY(0);
}
.characteristic .good_cont li.on:nth-child(1){transition-delay: 0.3s;}
.characteristic .good_cont li.on:nth-child(2){transition-delay: 0.6s;}
.characteristic .good_cont li.on:nth-child(3){transition-delay: 0.9s;}
.characteristic .good_cont li.on:nth-child(4){transition-delay: 1.2s;}

.characteristic .good_cont li .ico {
    max-width: 160px;
    width: 100%;
    margin: 0 auto;
}
.characteristic .good_cont li .ico span{
    display: block;
    width: 100%; 
    margin: 0 auto;
    padding-top: 100%;
    background: no-repeat center/ cover;
} 
.characteristic .good_cont li .ico_area {
    display: flex;
    width: 100%;
    margin-top:40px ;
    flex-direction: column;
    text-align: center;
}
.characteristic .good_cont li .ico_area strong {
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 18px;
}
.characteristic .good_cont li .ico_area span {
    font-size: 18px;
    color: #757575;
    line-height: 1.4;
}

/* doctor_info  */
.doctor_info {
    position: relative;
    padding-bottom: 0 !important;
}
.doctor_slider {
    margin-top:46px ;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;

}
.doctor_slider.on {
    opacity: 1;
    transform: translateY(0);
}
.doctor_slider img {width: 100%;}
.doctor_nav  {
    max-width: 210px;
    width: 100%;
    margin: -80px auto 0;
}

.doctor_nav .slick-track {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(0) !important;
}
.doctor_nav .slick-slide {
    /* width: 64px !important; */
    margin: 0 5px;
}
.doctor_nav .slick-slide span {
    display: block;
    cursor: pointer;
    width: 64px; height:42px ;
    background: no-repeat center / cover; 
    box-sizing: border-box;
    border: 2px solid transparent;
}
.doctor_nav .slick-slide.slick-current span {
    border: 2px solid #35b4db;
}
.doc_info_list {
    position: absolute;
    bottom: -90px; right: 5%;
    background-image: -moz-linear-gradient( 50deg, rgb(77,220,202) 0%, rgb(94,189,229) 100%);
    background-image: -webkit-linear-gradient( 50deg, rgb(77,220,202) 0%, rgb(94,189,229) 100%);
    background-image: -ms-linear-gradient( 50deg, rgb(77,220,202) 0%, rgb(94,189,229) 100%);
    box-shadow: 0px 31px 61.1px 3.9px rgba(53, 180, 219, 0.39);
    max-width: 540px;
    padding: 45px 94px 80px 60px;
    box-sizing: border-box;
    border-radius: 0 100px 0 100px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;
}
.doc_info_list.on {
    opacity: 1;
    transform: translateY(0);
}
.doc_info_list strong {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    display: block;
    padding-bottom: 20px;
}
.doc_info_list p {
    display: flex;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height:1.6 ;
}
.doc_info_list i {
    font-size: 20px;
    margin-right: 4px;
}

/*  th_effect */
.th_effect {
    padding-bottom: 80px;
}
.effect_step {
    padding-top: 70px;
    display: flex;
    max-width: 1350px;
    width: calc(100% - 30px);
    margin: 0 auto; 
    /* justify-content: space-between; */
}
.effect_step li {
    max-width: 340px;
    width: 100%;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;
}
.effect_step li:nth-child(1) {
    max-width: 380px;
}
.effect_step li.on {
    opacity: 1;
    transform: translateY(0);
}
.effect_step li.on:nth-child(1){transition-delay: 0.3s;}
.effect_step li.on:nth-child(3){transition-delay: 0.6s;}
.effect_step li.on:nth-child(5){transition-delay: 0.9s;}

.effect_step li.arr {
    max-width: inherit;
    width: auto;
    margin: 0 ;
    padding: 100px 0 0;
    transform: translateY(0);
}
.effect_step li.on.arr {
    opacity: 1;
    transition-delay: 1.2s;
}
.effect_step li .step {
    max-width: 280px;
    width: 100%;
    border: 1px solid #055cbe ;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
}
.effect_step li .step > div {
    width: 100%; padding-top: 100% ;
    position: relative;
}
.effect_step li .step .txt_area {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50% , -50%);
    width: 100%;
}
.effect_step li .step .txt_area span {
    font-size: 18px;
    color: #0159bd;
    display: block;
    padding-bottom:10px ;
    text-align: center;
}
.effect_step li .step .txt_area strong {
    font-size: 24px;
    color: #0159bd;
    line-height: 1.3;
    display: block;
    text-align: center;
    width: 100%;
}
.effect_step li .step_txt {
    padding-top: 40px;
}
.effect_step li .step_txt > strong {
    display: block;
    text-align: center;
    font-size:22px ;
    font-weight: 500;
    padding-bottom:30px ;
}
.effect_step li .step_txt .cont {padding-left:6px ;}
.effect_step li .step_txt .cont span{
    font-size: 20px;
    font-weight: 500;
    display: block;
    padding-bottom: 20px;
}
.effect_step li .step_txt .cont p {
    font-size: 18px;
    color:#757575 ;
    line-height: 1.4;
    display: flex;
}
.effect_step li .step_txt .cont p i {
    font-size: 18px;
    margin-right: 4px;
}
.effect_step li .step_txt .cont +.cont{
    margin-top: 35px;
}

/* specialization */
.specialization {
    background: #f7f7f7 ;
}
.specialization .special_cont {
    max-width: 1340px;
    width: calc(100% - 30px);
    margin: 150px auto 0;
    display: flex;
}
.specialization .special_cont li {
    width: calc(100% - 15px);
    margin-right: 20px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;
}
.specialization .special_cont.on li {
    opacity: 1;
    transform: translateY(0);
}
.specialization .special_cont.on li:nth-child(1){ transition-delay: 0.3s;}
.specialization .special_cont.on li:nth-child(2){transition-delay: 0.6s;} 
.specialization .special_cont.on li:nth-child(3){transition-delay: 0.9s;} 
.specialization .special_cont.on li:nth-child(4){transition-delay: 1.2s;} 
.specialization .special_cont li:nth-of-type(2n) {
    margin-top:70px ;
}
.specialization .special_cont li:last-child {
    margin-right: 0;
}
.specialization .special_cont li span{
    background: no-repeat center / cover;
    width: 100%;
    padding-top: 112.5%;
    display: block;
    border-radius: 10px;
}
.specialization .special_cont li .sp_txt {
    text-align: center;
    margin-top:28px ;
}
.specialization .special_cont li strong {
    font-size:22px ;
    font-weight: 500;
    display: block;
    margin-bottom:20px ;
}
.specialization .special_cont li p {
    font-size:18px ;
    color: #757575 ;
    line-height:1.4 ;
}

/* letter */
#gnb06.letter {
    padding: 0  0  30px!important;
    background: #f3f4f6;
}
.letter_bg {
    padding:120px 0 180px ;
    background: url(../images/main/pop_bg.png) no-repeat center/ cover;
}
.letter_bg .main_tit_box strong,
.letter_bg .main_tit_box .main_tit,
.letter_bg .main_tit_box span {
    color: #fff;
}
.letter_bg .main_tit_box span {
    font-family: 'NanumMyeongjo';
    font-size: 42px;
    font-weight: 700;
    display: block;
    margin-top:50px ;
}
.letter_slider {
    margin-top: -120px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;
}
.letter_slider.on {
    opacity: 1;
    transform: translateY(0);
}
.letter_slider span {
    background: no-repeat center/ cover;
    display: block;
    width: 100%;padding-top: 132.1%;
}
.letter_slider .more_btn {
    width: 34px; height: 34px;
    display: block;
    position: absolute;
    bottom: 0; right: 0;
    background: url(../images/main/more_btn.png) no-repeat center /34px auto;
}
.letter_slider .slick-list {
    margin: 0 -10px;
}
.letter_slider .slick-slide {
    padding: 10px;
    background: #fff;
    margin:0 10px ;
    position: relative;
}
.letter_slider .slick-arrow{
    position: absolute;
    top:45%; 
    transform: translateY(-50%);
    background: no-repeat center;
    width:62px ; height: 62px;
    z-index: 1;
    font-size: 0;
    color: transparent;
}
.letter_slider .slick-prev {
    left: -9%;
    background-image: url(../images/main/slider_pr.png);
}
.letter_slider .slick-next {
    right: -9%;
    background-image: url(../images/main/slider_ne.png);
}
.letter_slider .slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 55px;
}
.letter_slider .slick-dots li + li {
    margin-left: 20px;
}
.letter_slider .slick-dots li button {
    font-size: 0;
    color: transparent ;
    width: 12px; height: 12px;
    background:#c2c3c5 ;
    border-radius: 50%;
}
.letter_slider .slick-dots li.slick-active button {
    background:#000000 ;
}
.letter_pop {display: none;}
.letter_pop .pop_bg{
    position: fixed;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    top: 0; left: 0;
    z-index: 101;
    display: flex;
    justify-content: center;
    align-items: center;
}
.letter_pop .pop_cont {
    max-width: 640px;
    width: calc(100% - 30px);
    margin: 0 auto;
    position: relative;
    
}
.letter_pop .pop_cont .close_pop {
    position: absolute;
    top: 0; right: 0;
    width: 85px; height: 85px;
    background: url(../images/main/pop_close.png) no-repeat center;
    display: block;
    z-index: 99;
}
.letter_pop .pop_slider .slick-track li {
    padding: 20px;
    background: #fff;
}
.letter_pop .pop_slider li span {
    background: no-repeat center / cover;
    width: 100%; 
    padding-top:140% ;
    display: block;
}
.letter_pop .pop_slider .slick-arrow {
    display: block;
    width:66px ; height: 122px;
    background: no-repeat center;
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
    font-size: 0;
    color: transparent;
}
.letter_pop .pop_slider .slick-next {
    right: -18%;
    background-image: url(../images/main/pop_ne.png);
}
.letter_pop .pop_slider .slick-prev {
    left: -18%;
    background-image: url(../images/main/pop_pr.png);
}


.doctor_say  {
    border-bottom: 1px solid #eeeeee;
    padding: 120px 0 ;
}
.doctor_say .say_box{
    max-width:1560px ;
    margin: 0 auto;
    width: calc(100% - 30px);
    position: relative;
}

.doctor_say .say_area {
    position: absolute;
    bottom: 0; right: 0;
    background: #fafafa;
    max-width: 800px;
    padding: 0 90px 150px  76px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;
    transition-delay: 0.6s;

}
.doctor_say.on .say_area {
    opacity: 1;
    transform: translateY(0);
}
.doctor_say .ab_img {
    margin-top: -25px;
    margin-left: auto;
    padding-left:80px ;
}
.doctor_say .say_area span {
    font-size:20px ;
    display: block;
    padding-top:40px ;

}

.doctor_say .say_area strong {
    font-size: 36px;
    line-height:1.5 ;
    font-family: 'NanumMyeongjo';
    margin-top:24px ;

}

.doctor_say .say_area p {
    font-size: 20px;
    color: #757575;
    line-height: 1.5;
    margin-top:30px ;

}


/* inquiry */

.inq_form {
    max-width: 860px;
    width: calc(100% - 30px);
    margin: 60px auto 0;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;
}
.inq_form.on {
    opacity: 1;
    transform: translateY(0);
}
.inq_form .content li {
    display: flex;
}
.inq_form .content li + li {
    margin-top: 30px;
}
.inq_form .content li input ,
.inq_form .content li select {
    width: 100%;
    line-height: 50px;
    border: 1px solid #dbdbdb;
    padding: 0 10px;
    font-size: 18px;
    border-radius: 0;
}
.inq_form .content li select {
    background: url(../images/main/sel_btn.png) no-repeat center right 10px;
}
.inq_form .content li div{
    width: 100%;
}
.inq_form .content li .w50 + .w50 {
    margin-left: 20px
}
.inq_form .content li span {
    font-size:20px ;
    font-weight: 500;
    display: block;
    padding-bottom:10px ;
}
.inq_form .content li .phone_num {
    display: flex;
    align-items: center;
}
.inq_form .content li .phone_num span {
    margin:0 8px ;
    padding-bottom: 0;
}
.inq_form .checkbox_wrap input {
    display: none;
}
.inq_form .checkbox_wrap {
    padding-top: 30px ;
}
.inq_form .checkbox_wrap input +label{
    color: #454545;
    padding-left: 26px;
    background: url(../images/main/check.png) no-repeat center left;

}
.inq_form .checkbox_wrap input:checked +label{
    background: url(../images/main/check_on.png) no-repeat center left;
    
}
.inq_form .button  {
    max-width: 420px;
    width: calc(100% - 30px);
    margin: 30px auto 0; 
}
.inq_form .button button {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height:70px ;
    width: 100%;
    background-image: -moz-linear-gradient( 50deg, rgb(77,220,202) 0%, rgb(94,189,229) 100%);
    background-image: -webkit-linear-gradient( 50deg, rgb(77,220,202) 0%, rgb(94,189,229) 100%);
    background-image: -ms-linear-gradient( 50deg, rgb(77,220,202) 0%, rgb(94,189,229) 100%);
    box-shadow: 0px 31px 61.1px 3.9px rgba(53, 180, 219, 0.39);  
}
.inq_form .bot_ch {
    margin-top: 30px;
    display: flex;
}

/* map */
.map {
    position: relative;
}
.map .map_wrap {
    height: 420px;
}
.map .wrap_map {
    height: 420px !important;
}
.map .inner {
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.map .wrap_controllers {display: none;}
.map_desc {
    background:#283885 ;
    max-width: 410px;
    padding: 48px 26px 48px 30px;
    box-shadow: 0px 31px 61.1px 3.9px rgba(40, 56, 133, 0.44);
    border-radius: 26px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.6s;
    position: absolute;
    top: 0;
    left: 0;

}
.map.on .map_desc {
    opacity: 1;
    transform: translate(0);
}
.map_desc div + div {
    margin-top: 20px;
}
.map_desc div span {
    color: #fff;
    display: block;
    padding-bottom: 10px;
}
.map_desc div:last-of-type span {
    padding-bottom: 14px;
}
.map_desc div p {
    color: #fff;
    font-size: 17px;
    line-height:1.44 ;
}
.map_desc ul {
    display: flex;
    align-items: flex-end;
}
.map_desc ul li a {
    background: no-repeat center;
    font-size: 0 ;
    color: transparent;
    display: block;
    height: 24px;
}
.map_desc ul li + li {margin-left:20px ;}
.map_desc ul li a.kakao {
    width: 26px; 
    background-image: url(/images/main/sns_kakao.png);
}
.map_desc ul li a.youtube {
    width: 24px; 
    background-image: url(../images/main/sns_youtube_m.png);
}
.map_desc ul li a.blog {
    width: 25px; 
    background-image: url(../images/main/sns_blog.png);
}

.map_desc ul li:last-of-type {
    margin-left: auto;
}
.map_desc ul li a.xldown {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 190px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 4px;
}
.map_desc ul li a.xldown .ico {
    background: url(/images/ico/ico_download.png) no-repeat center;
    width: 22px;
    height: 22px;
    margin-left: 9px;
}










/* //inquiry_sec */

.shadow_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 99;
}



/* footer */
#footer {
    padding: 60px 0 40px;
    background: #333333;
}
#footer .f_top {
    display: flex;
}
#footer .f_top  > div {
    display: flex;
    align-items: flex-start;
}
#footer .f_top  > div + div {
    margin-left:90px ;
}
#footer .f_top .f_label {
    color: #dddddd;
    display: flex;
    align-items: center;

}
#footer .f_top .f_label i {
    display: block;
    width:30px; height:30px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}
#footer .f_top .f_cont  {
    display: flex;
    flex-direction: column;
    margin-left: 28px;
}
#footer .f_top .f_cont a {
    font-size: 24px;
    font-weight: 700;
    color: #2eb2e5;
    font-family: 'Lato', sans-serif;
    line-height: 1.4;
}
#footer .f_top .f_cont + .f_cont {
    margin-left:40px ;
}
#footer .f_top ul.f_cont {
    margin-top: 4px;
} 
#footer .f_top .f_cont li {
    color: #dddddd;
    display: flex;
    text-align: justify;
}
#footer .f_top .f_cont li div {
    color: #999999;
    width: 60px;
    display: block;
    text-align: justify;
    letter-spacing:0;
    margin-right: 34px;
    /* text-justify: inter-cluster; */
    
}
#footer .f_top .time > div {
    display: flex;
}
#footer .f_top .f_cont li div::after {
    content: '';
    display: inline-block;
    width: 100%;
}

#footer .f_bot {
    border-top: 1px solid #444444 ;
    padding-top: 40px;
    margin-top: 40px;
    display: flex;
}
#footer .f_bot .info {
    margin-left:60px ;
}
#footer .f_bot .info span {
    color:#999999 ;
    font-style: normal;
    line-height: 1.625;
}
#footer .f_bot .info span + span {
    padding-left:9px ;
    margin-left: 9px;
    position: relative;
}
#footer .f_bot .info span.bold {
    color: #dddddd;
}
#footer .f_bot .info span + span::after {
    content: '';
    display: block;
    width: 1px; height:11px ;
    background: #444444;
    position: absolute;
    top: 50%; left: 0; 
    transform: translateY(-50%);
}
#footer .f_bot .info .copy {
    color: #aaaaaa;
    margin-top:30px;
}
/* //footer */



.popup_wrap {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999999;
}

.popup_wrap .popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 640px;
    width: calc(100% - 30px);
    height: 640px;
    z-index: 2;
}

.popup_wrap .popup .top {
    height: 50px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #283885;
    padding: 12px 12px 12px 15px;
}

.popup_wrap .popup .top p {
    float: left;
}

.popup_wrap .popup .top .close {
    float: right;
    cursor: pointer;
}

.popup_wrap .popup .top .close img {
    width: 25px;
}

.popup_wrap .popup .content {
    height: 570px;
    background: #fff;
    padding: 15px;
    font-size: 14px;
    line-height: 1.5;
}

.popup_wrap .popup .content .padding {
    height: 100%;
    overflow-y: auto;
}

.popup_wrap .popup .content .padding::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    height: 0px !important;
}

.popup_wrap .popup .content .padding::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

.popup_wrap .popup .content .padding::-webkit-scrollbar-track {
    background-color: #f5f5f5;
}

.popup_wrap .bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

/* 
  ::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    height: 0px !important;
  }
  ::-webkit-scrollbar-thumb {
    background-color: #aaa;
  }
  ::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }
   */