@import url(common.css);

header .depth01>li>a{color: #fff;}
.menu_open .bar1,
.menu_open .bar2,
.menu_open .bar3 {background: #fff;}

.main_popup{position: absolute;right: 160px;top: 76px;z-index: 9999;}
.pop_layer li {width: 370px;}
.pop_layer li img {width:100%;}
.pop_layer, .pop_layer img{display: block; background:#fff;}
.pop_layer2 {/* border: 10px solid #fff; *//* box-shadow: 5px 5px 20px rgb(0 0 0 / 30%); *//* margin-bottom: 15px; */}
.pop_layer2 li {position: absolute;top: 80px;right: 0;padding: 10px;background: #fff;box-shadow: 5px 5px 20px rgb(0 0 0 / 30%);}

.pop_layer2 li:nth-child(1) {top: 460px;right: 0;}
.pop_layer2 li:nth-child(2) {top: 460px;right: 370px;}
.pop_layer2 li:nth-child(3) { /*top: 0;*/ right: 0px;}
.pop_layer2 li:nth-child(4) {/*top: 0;*/right: 370px;}
.pop_layer2 li:nth-child(5) {/*top: 0;*/right: 740px;}
.pop_layer2 li:nth-child(6) {top: 460px;right: 740px;}

.pop_layer2 li.p_pc1 {top: 80px; right: 760px;}
.pop_layer2 li.p_pc2 {top: 80px; right: 380px;}
.pop_layer2 li.p_pc3 {top: 80px; right: 0px;}
.pop_layer2 li.p_pc4 {top:460px; right: 760px;}
.pop_layer2 li.p_pc5 {top:460px; right: 380px;}
.pop_layer2 li.p_pc6 {top:460px; right: 0px;}

.main_popup .btm {padding: 10px;text-align: right;margin-top: 30px;}
.main_popup .btm a{font-family: 'GmarketSans';font-size: 21px;color: #fff;}
.main_popup .btm .close_pop{background: url(../image/main/pop_close.png)right center no-repeat;padding-right: 60px;margin-left: 30px;}

@media (max-width:1280px){
  .pop_layer2 li.p_p1 {top: 80px; right: 370px;}
  .pop_layer2 li.p_p2 {top: 80px; right: 0px;}
  .pop_layer2 li.p_p3 {top:450px; right: 370px;}
  .pop_layer2 li.p_p4 {top:450px; right: 0px;}
  .pop_layer2 li.p_p5 {top:820px; right: 370px;}
  .pop_layer2 li.p_p6 {top:820px; right: 0px;}

}
@media (max-width:800px){
  .pop_layer li {width: 315px;}
  .pop_layer2 li {position: absolute;top: 690px; right: 0;padding: 10px;background: #fff;box-shadow: 5px 5px 20px rgb(0 0 0/ 30%);z-index: 2;}

  /*cap : 315*/
  .pop_layer2 li.p_p1 {top:  80px; right: 0px;z-index: 0;}
  .pop_layer2 li.p_p2 {top: 395px; right: 0px;z-index: 0;}
  .pop_layer2 li.p_p3 {top: 710px; right: 0px;z-index: 0;}
  .pop_layer2 li.p_p4 {top:1025px; right: 0px;z-index: 0;}
  .pop_layer2 li.p_p5 {top:1340px; right: 0px;z-index: 0;}
  .pop_layer2 li.p_p6 {top:1655px; right: 0px;z-index: 0;}

  .main_popup .btm {position: fixed;z-index: 999;left: auto;right: 35px;top: 19px;}
  .main_popup .btm .close_pop:before {display: none;}
  .main_popup .btm .close_pop {display: block;font-size: 0;width: 60px;height: 60px;background: #c10171 url(../image/main/pop_close.png) 50% center no-repeat;text-align: center;padding-right: 0;margin-left: 0;position: absolute;bottom: -3px;right: -18px;border-radius: 50px;/* box-shadow: 0px 7px 16px 1px rgb(255 255 255 / 29%); */}
  header.pop_bg:after {content: "";position: fixed;top: 0;display: block;width:100%;height: 100vh;background:rgba(0,0,0,.2);z-index: 9999;}
}
/*.main_popup .btm .close_pop:before{content: '';width: 4px;height: 4px;background-color: #fff;border-radius: 50%;position: absolute;left: -18px;top: 8px;}*/

.visual{height: 100vh;background: url(../image/main/main_visual.jpg) 50% no-repeat;background-size: cover;max-height: 980px;position: relative;}
.slogan{ font-size:0; position: relative; line-height: 0;width: 366px;height: 240px; position: absolute;left: 50%;top:22%;margin-left: -183px;}
.slogan .slogan1 {position: absolute;top: 1px;left: 71px;}
.slogan .slogan2 {position: absolute;top: -1px;left: 133px;}
.slogan .slogan3 {position: absolute;top: 7px;left: 190px;}

.slogan .slogan4 {position: absolute;top: 53px;left: 0px;}
.slogan .slogan5 {position: absolute;top: 73px;left: 95px;}
.slogan .slogan6 {position: absolute;top: 76px;left: 188px;}
.slogan .slogan7 {position: absolute;top: 76px;left: 245px;}

.slogan .slogan8 {position: absolute;top: 144px;left: 192px;}
.slogan .slogan9 {position: absolute;top: 193px;left: 18px;}

.right_menu{position: absolute;right:0;top:0;background-color: #fff;width: 100px;/* padding-right: 12px; */z-index: 301;height: 100vh;max-height: 980px;}

.date{font-family: 'GmarketSans', sans-serif;/* background: #c31178; */min-height: 185px;text-align: center;padding: 15px 0;border-radius: 0 25px;margin-left: -25px;width: 121px;}
.date span{display: block;font-size: 22px;color:#fff;font-weight: 900;letter-spacing: -2px;}
.date span:last-child{padding-top:30px;position: relative;}
.date span:last-child:before{content: '';width: 2px;height: 20px;background: #e2a6c3;position: absolute;left: 50%;top:5px;margin-left: -1px;}
.right_menu a{font-size: 16px;/* color: #8b2f61; */font-weight: 400;text-align: center;padding: 75px 0 30px 0;position: relative;display: block;background-repeat: no-repeat;background-position: center top 35%;font-size: 14px;}
.right_menu a:before{content: '';width: 17px;height: 1px;background-color: #d3cdd0;position: absolute;left:50%;bottom:0;margin-left: -8px;}
.right_menu a:last-child:before{display: none;}
.right_menu .right_menu01{background-image: url(../image/main/bill_icon.png);}
.right_menu .right_menu02{background-image: url(../image/main/puzzle_icon.png);}
.right_menu .right_menu03{background-image: url(../image/main/progress_icon.png);}
.right_menu .right_menu04{background-image: url(../image/main/vr_icon.png);}
.right_menu .pop_menu{font-family: 'Montserrat', sans-serif;font-size:24px;font-weight: 800;padding: 56px 0 0 0;display: flex;align-items: center;justify-content: center; flex-wrap: wrap;height: 187px;;}
.right_menu .pop_menu p{display: inline-block;transform: rotate(90deg);}
.right_menu .pop_menu span{display: inline-block;width: 29px;height: 29px;background: #000;color: #fff;border-radius: 50%;font-size: 18px;line-height: 29px;text-align: center;margin-top: 10px;}

.title_box{text-align: center;}

.premium{height: 830px;background: url(../image/main/premiun_bg.png)center top no-repeat;max-width: 1920px;text-align: center;margin: 0 auto;}
.premium .inner{padding: 40px 0;height: 100%;position: relative;}
.premium .title_box{position: absolute;top:100px;left:50%;z-index: 5;margin-left: -180px;}
.premium .title_box span{font-size: 20px;color: rgba(0,0,0,.8);}
.premium .title_box p{font-family: 'Montserrat', sans-serif;font-size: 58px;color:#8b2f61;font-weight: 800;}
.premiun_list{display: flex;height: 100%;}
.premiun_list>li{width: 20%;display: flex;align-items: center;position: relative;background-position: left top;background-repeat: no-repeat;}
.premiun_list>li:before{content: '';width: 100%;height: 100%;position: absolute;left:0;top:0;opacity: 0;z-index: -1;transition: opacity .5s;}
.premiun_list>li>a{display: block;text-align: center;padding: 0 50px;background-position: center top;background-repeat: no-repeat;padding-top:120px;transition: background-image .5s; min-width: 380px;}
.premiun_list .top{font-size: 35px;color:#8b2f61;font-weight: 600;position: relative;padding-top: 35px;transition: color .5s;}
.premiun_list .top:before{content: attr(data-name);font-family: 'Montserrat', sans-serif;font-size: 15px;color:#000;/* font-weight: 900; */position: absolute;left: 50%;top:0;transform: translateX(-50%);transition: color .5s;}
.premiun_list .text{font-size: 16px;color: rgba(0,0,0,.8);margin-top: 25px;line-height: 1.5;transition: color .5s;}

.premiun_list>li.list01:hover:before{background-image: url(../image/main/premiun_img01.jpg);}
.premiun_list>li.list02:hover:before{background-image: url(../image/main/premiun_img02.jpg);}
.premiun_list>li.list03:hover:before{background-image: url(../image/main/premium_pic03.jpg);}
.premiun_list>li.list04:hover:before{background-image: url(../image/main/premium_pic04.jpg);}
.premiun_list>li.list05:hover:before{background-image: url(../image/main/premium_pic05.jpg);}
.premiun_list>li.list01>a{background-image: url(../image/main/premiun01.png);}
.premiun_list>li.list02>a{background-image: url(../image/main/premiun02.png);}
.premiun_list>li.list03>a{background-image: url(../image/main/premiun03.png);}
.premiun_list>li.list04>a{background-image: url(../image/main/premiun04.png);}
.premiun_list>li.list05>a{background-image: url(../image/main/premiun05.png);}
.premiun_list>li.list04:before{content: '';width: 100%;height: 100%;background-color: rgba(234,239,240,.4);position: absolute;left: 0;top:0;z-index: -1;}

.premiun_list>li:hover:before{opacity: 1;}
.premiun_list>li.list01:hover>a{background-image: url(../image/main/premiun01_w.png);}
.premiun_list>li.list02:hover>a{background-image: url(../image/main/premiun02_w.png);}
.premiun_list>li.list03:hover>a{background-image: url(../image/main/premiun03_w.png);}
.premiun_list>li.list04:hover>a{background-image: url(../image/main/premiun04_w.png);}
.premiun_list>li.list05:hover>a{background-image: url(../image/main/premiun05_w.png);}
.premiun_list>li:hover .top, .premiun_list>li:hover .top:before, .premiun_list>li:hover .text{color: #fff;}

.sympathy .title_box span, .style .title_box span, .customer .title_box span{font-size: 20px;color: #fff;margin-top: 20px;display: block;font-weight: 300;}
.sympathy .title_box p, .style .title_box p, .customer .title_box p{font-family: 'NanumSquare', sans-serif;font-size: 58px;color:#fff;font-weight: 300;}
.sympathy .title_box p strong, .style .title_box p strong, .customer .title_box p strong{font-weight: 800;}

.sympathy{height: 850px;background:url(../image/main/sympathy_bg.jpg)center no-repeat;background-size: cover;display: flex;align-items: center;}
.sympathy .inner{width: 1460px;margin: 0 auto;}
.sympathy_list{display: flex;margin-top: 70px;justify-content: center;}
.sympathy_list>li{margin-right: 40px;width: calc((100% - 80px) / 3);box-shadow: 10px 10px 10px rgba(0,0,0,.3);}
.sympathy_list>li:last-child{margin-right: 0;}
.sympathy_list>li>a{display: block;background-color: #fff;padding: 30px;}
.sympathy_list .imgArea{width: 100%;height: 225px;overflow: hidden;position: relative;}
.sympathy_list .imgArea:after{background-color: rgba(0,0,0,.5);content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;opacity: 0;transition: opacity .5s;}
.sympathy_list .imgArea img{display: block;width: 100%;height: 100%;}
.sympathy_list p{font-size: 18px;color:#000;margin-top: 20px;position: relative;transition: color .5s;}
.sympathy_list p:after{background:url(../image/main/arrow.png)right bottom no-repeat;content: '';width: 118px;height: 11px;position: absolute;right:0;top:50%;margin-top: -5px;opacity: 0;transition: opacity .5s;}

.sympathy_list>li:hover .imgArea:after{opacity: 1;}
.sympathy_list>li:hover p{color:#8b2f61;}
.sympathy_list>li:hover p:after{opacity: 1;}

.style{height: 1025px;display: flex;align-items: center;}
.style .inner, .customer .inner{width: 1750px;margin: 0 auto;}
.style .inner {max-width: 90%;}
.style .title_box span{color: rgba(0,0,0,.8);}
.style .title_box p{color:#8b2f61;}
.acreage_slide{border:5px solid #8b2f61;margin-top: 100px;position: relative;padding: 30px 80px 30px 30px;}
.acreage_slide>p{font-family: 'Montserrat', sans-serif;font-size: 25px;color:#8b2f61;padding: 0 35px;background-color: #fff;text-align: center;font-weight: 800;letter-spacing: 3px;position: absolute;left: 50%;top:-18px;transform: translateX(-50%);}
.acreage_slide .slide_inner{display: flex;align-items: center;padding-right: 100px;}
.acreage_slide .textArea{margin-right: 40px;}
.acreage_slide .textArea .type{font-family: 'Montserrat', sans-serif;font-size: 135px;font-weight: 400;color: #000;opacity:.5;}
.acreage_slide .textArea .type strong{font-weight: 800;}
.acreage_slide .textArea .text{font-size: 18px;color: #000;margin-top: 25px;line-height: 1.5;}
.acreage_slide .textArea .more_btn{font-size: 17px;display: inline-block;text-align: center;padding: 16px 40px;margin-top: 45px;border:1px solid #8b2f61;color:#8b2f61;transition: .4s;}

.slick-arrow{width: 60px;height: 60px;background-color: #fff;border-radius: 50%;box-shadow: 5px 5px 10px rgba(0,0,0,.1);font-size: 0;line-height: 0;position: absolute;top: 50%;margin-top: -30px;z-index: 10;transition: background-color .4s;}
.slick-arrow:before{content: '';width: 100%;height: 100%;background-size: 8px 14px;background-image: url(../image/main/slide_arrow01.png);background-position: center;background-repeat: no-repeat;position: absolute;left: 0;top:0;transition: background-image .4s;}
.slick-arrow.slick-prev{left: 123px;}
.slick-arrow.slick-next{right: 123px;}
.slick-arrow.slick-next:before{transform: rotate(180deg);}
.slick-arrow:hover:before{background-image: url(../image/main/slide_arrow01_on.png);}

.acreage_slide .slick-list{position: relative;left: -10%;width: calc(100% + 10%);}
.acreage_slide .slick-slide{opacity: 0.1;}
.acreage_slide .slick-active{opacity: 1;}
.acreage_slide .slick-arrow:hover{background-color: #8b2f61;}

.acreage_slide .slick-active .textArea .type{color: #8b2f61;opacity: 1;}
.acreage_slide .slick-active .textArea .text{color: rgba(0,0,0,.6);}
.acreage_slide .slick-active .textArea .more_btn:hover{color:#fff;background-color: #8b2f61;}

.customer{height: 878px;display: flex;align-items: center;background-color: #244e8d;position: relative;overflow: hidden;}
.customer:after{content: '';width: 30%;height: 100%;background-color: #0d408c;position: absolute;left: 0;top: 0;}
.customer_slide{margin-top: 57px;display: flex;align-items: center;position: relative;z-index: 5;}

.customer_slide .info_text{width: 280px;position: absolute;left: 280px;top:50%;z-index: 10;transform: translateY(-50%);}
.customer_slide .info_text .logo{width: 120px;height: 29px;background: url(../image/common/com_logo.png)center no-repeat;background-size: 100%;font-size:0;line-height: 0;}
.customer_slide .info_text .text{font-size: 18px;color: #fff;margin: 30px 0 20px 0;font-weight: 300;line-height: 1.4;}
.more_btn2{font-size: 17px;color: #fff;border: 3px solid #fff;display: inline-block;padding: 13px 22px;transition: .4s;}
.more_btn2:hover{background-color: #fff;color: #000;}

.customer_slide .text_img{border:10px solid #fff;height: 371px;display: flex;flex-wrap: wrap;align-items: center;width: 311px;}
.customer_slide .text_img dl{display: flex;padding-left: 30px;align-items: center;}
.customer_slide .text_img dt{width: 116px;font-size: 25px;color: #fff;}
.customer_slide .text_img dt strong{font-size: 53px;}
.customer_slide .text_img dd{font-size: 18px;color: #fff;font-weight: 300;line-height: 1.4;width: calc(100% - 116px);}
.customer_slide .img{position: relative;}
.customer_slide .img p{position: absolute;left: 0;bottom: 0;font-size: 17px;color: #fff;background-color: #244e8d;padding: 14px 25px;}

.customer_slide .slick-slider{width: 100%;}
.customer_slide .slick-slide{position: relative;top:0;}
.customer_slide .slick-slide:nth-child(2n+1){top: 50px;}
.customer_slide .slick-list{position: relative;width: calc(100% - 42%);left: 35%;padding: 50px 0;}
.customer_slide .slick-active:last-child{margin-right: 200px;}
.customer_slide .slick-arrow:hover{background-color: #156cc3;}


/*footer s*/
.footer {/* position: fixed; */bottom: 0;width: 100%;background: #2b2e33;text-align: center;}
.footer img{max-width: 90%;text-align: center;margin: auto;}
.footer .inner {position: relative;width: 1400px;max-width: 90%;margin:0 auto;padding: 50px 0;/* text-align: center; */}
.footer .inner p,
.footer .inner span,
.footer .inner a {color:#aeaeae;line-height: 1.8;letter-spacing: 0em;font-size: 14px;}
.footer .inner a {color: #ababab;position: relative;padding-right: 14px;}
.footer .inner a:hover {color: #ddd;}
.footer .inner a:after {display: block;content: "|";font-size: 10px;position: absolute;top:0;right: 0;}
.footer .inner a.redshift {display: inline-block;position: absolute;right: 0;top: 30px;width: 370px;height: 64px;height: 60px text-align: center;border-radius: 100px;overflow: hidden;}
.footer .inner a.redshift:after {display: none;}
.footer .inner .sitemap a:after { display: none; }

@media (max-width:1800px){
  .premiun_list .top{font-size:25px}
  .premiun_list .text{min-height:150px;}
}



.pad,.pad_m,
.m {display: none;margin: 0 auto; text-align: center;}
.pad img,
.m img {max-width: 90%;}

@media (max-width:1500px){
  .premium {height: auto; background:transparent;}
  .pc {display: none !important;}
  .pad,.pad_m {display: block;}
  .pad_m img{ max-width: 100%; }
  .premiun_list .top{font-size:25px}
  .premiun_list .text{min-height:150px;}
  .premium .title_box {position: static;margin-left:0px;padding: 5vw 5vw 0;}
  .title_box {transform: scale(0.8) !important;}
  .style,.customer {height: auto;min-height: 500px;padding: 8vw 0;width: 100%;overflow-x: hidden;}
  .customer:after {display: none}

  .style .acreage_slide .textArea .type {opacity: 1}
  .style .acreage_slide .textArea .type,
  .style .acreage_slide .textArea .type strong {color: #bd327d;}
  .style .acreage_slide .slide_inner {padding-right: 0;min-height: 310px;}
  .style .acreage_slide .textArea {margin-left: 5%;width: 30%;}
  .style .acreage_slide .textArea .imgArea {width:60%;}
  .style .acreage_slide .textArea .imgArea img { width: 100%;}
  .style .acreage_slide {border-right: none;border-left: none;border-bottom: none;}
  .style .acreage_slide .textArea .type {font-size: 100px;}
  .style .acreage_slide .pad_m li {display: block; width:100%;}
}
@media (max-width:1280px){
  .right_menu {display: none !important;}
  .visual {height: 60vh;}
  .slogan  {transform: scale(0.5) !important; top:10%;}
  .inner {width:94%;margin:0 auto;}
  .sympathy {height: auto;padding-bottom: 9vw;}
  .sympathy .inner {margin: 80px auto 0;}
  .sympathy_list {display: block;padding: 29px;margin-top: 0px;}
  .sympathy_list>li {float: left;width: 47%;margin-right: 0;margin-left: 1.5%;}
  .sympathy_list>li:nth-child(3) {margin-top: 2vw;}
  .sympathy_list>li>a {padding:15px;}
  .sympathy_list .imgArea {height: auto;}
  .sympathy_list .imgArea img {height: auto;}
  .style .acreage_slide .textArea {margin-left: 0;margin-right: 0;text-align: left;}
  .acreage_slide .textArea .type {font-size: 80px;}
}
@media (max-width:1024px){
  .footer .inner { padding:40px 0; text-align: center;}
  .footer .inner .col li {text-align: center; padding: 15px 0;}
  .footer .inner span {margin-right: 10px; display: inline-block;}
  .footer .inner a {font-size: 12px;}
  .footer .inner .col li img {width: 150px;}
  .footer .inner .copyright {display: block;margin-bottom: 20px;}
  .footer .inner a.redshift { position: static; }
  .sympathy .title_box p, .style .title_box p, .customer .title_box p {font-size: 40px;}
  .sympathy .title_box span, .style .title_box span, .customer .title_box span {font-size: 17px;}
  .premium .title_box p {font-size: 40px;}
  .premium .title_box span {font-size: 17px;}
  .sympathy_list p {font-size: 14px;}
  .acreage_slide {margin-top: 50px;}
}


@media (max-width:800px){
    .main_popup {right: auto;left:50%;margin-left: -160px;top: 20px;z-index: 9999;/* box-shadow: 0 0 100px; *//* background: #000; */}
    .pop_layer {width:320px;box-shadow: 0 60px 290px rgb(0 0 0 / 90%);}
    .pop_layer img {width:100%;}

    .pad {display: none}
    .m {display: block;}

    .style .acreage_slide .textArea .type {font-size: 60px;}
    .acreage_slide .textArea .text {margin-top: 5px;font-size: 15px;width: 200px;}
    .acreage_slide .textArea .more_btn {margin-top: 20px;font-size: 15px;padding: 14px 30px;margin-right: 100px;}
    .style .acreage_slide .imgArea {margin-left: 0%;position: absolute;right: 0;}
    .style .acreage_slide .imgArea img {width: 400px;}

  }

@media (max-width:700px){
    .style .acreage_slide .imgArea img {width: 300px;}
    .style .acreage_slide .slide_inner {min-height: 200px;margin-top: 30px;}
}

@media (max-width:600px){
  .acreage_slide {padding: 0 20px;}
  .style .acreage_slide .textArea .type {font-size: 40px;}
    .style .acreage_slide>p {font-size: 15px;padding: 0 18px 0 23px;top: -12px;}
    .style .acreage_slide .imgArea {   right: -5%;}
    .style .acreage_slide .imgArea img {width: 300px;}
}

@media (max-width:500px){

  .sympathy_list>li {float: left;width: 98%;margin-right: 0;margin-left: 1.5%;}

  .sympathy_list>li:nth-child(2),
  .sympathy_list>li:nth-child(3) {margin-top: 4vw;}

  .footer .inner a.redshift {max-width: 290px;/* width: 100%; */background: #fff;padding-top: 3px;padding-left: 17px;height: auto;text-align: center;}
  .footer .inner a.redshift img {width: 100%;}
  .sympathy_list p {font-size: 16px;}

    .style .acreage_slide .imgArea {right: -5%;z-index: -1;}
    .style .acreage_slide .imgArea img {width: 250px;}
}


.m_quick {position: fixed;width: 100px;height: 100vh;top: 0;right: 0;background-color: #fff;text-align: center;border-left: 1px solid #e1e1e1; z-index: 999}
.m_quick span:after {display: block;content:"";height: 1px;width: 14px;position: absolute;left: 50%;bottom:0;margin-left: -7px;}

.m_quick .quick0 {background: transparent;padding: 120px 0 24px;color: #fff;font-size: 0;/* background: #01296e url(../img/quick0_a.jpg) no-repeat 50% bottom; */background-size: 100%;height: 69px;}
.m_quick .quick0:after {content: "";display: block;background: url(../img/open11.png) no-repeat 50%;width:121px;height: 164px;position: absolute;top: 0px;left: auto;right: 0px;}
.m_quick span:nth-child(2) {/* background: #1a9aad; */padding-top: 35px;}
.m_quick span:nth-child(3) {/* background: #007588; */}
.m_quick span:nth-child(4) {/* background: #215c72; */}
.m_quick span:nth-child(5) {/* background: #1f776f; */}


.m_quick h2 {display: inline-block !important; width: 80px; height: 80px; font-size: 17px; color: #0696d7; text-align: center; line-height: 1.2; padding: 15px 0; border-bottom: 1px solid #ffffff33;}
.m_quick h2 b {display: block; font-weight: bold; font-size: 22px;color: #0696d7; }
.m_quick span {position: relative;display: block;text-align: center;padding: 15px 10px 15px;}

.m_quick span .a,
.m_quick span a {display: block;/* color: #fff; */line-height: 1.2;font-size: 14px;padding-bottom: 12px;cursor: pointer;}
.m_quick .quick1 {display: block;width: 80px;background: url(../img/quick1.png) no-repeat 50% 12px;padding-top: 51px;}
.m_quick .quick2 {display: block;width: 80px;background: url(../img/quick2.png) no-repeat 50% 13px;padding-top: 47px;}
.m_quick .quick3 {display: block;width: 80px;background: url(../img/quick3.png) no-repeat 50% 13px;padding-top: 55px;}
.m_quick .quick4 {display: block;width: 80px;background: url(../img/quick4.png) no-repeat 50% 13px;padding-top: 55px;padding-bottom: 14px;}
.m_quick .quick5 {display: none;}


@media (max-width:1600px){
.m_quick {right: 0;}
}

@media (max-width:1280px){
.m_quick .quick5 {display: inline-block;}
  .m_quick {right: auto;top: auto;left: 0;bottom: -5px;width: 100%;height: auto;position: fixed;border-top: 2px solid #cd0373;box-shadow: 0 0 30px rgba(0,0,0,0.1);}
  .m_quick h2 {font-size: 13px;position: relative; cursor: pointer;}
  .m_quick h2 b{font-size: 15px;}
  .m_quick h2:before {position: absolute; content: ""; top: 55px; left: 50%; background: #fff; margin-left: -3px; width: 2px; height: 10px; transform: rotate(-45deg);}
  .m_quick h2:after {position: absolute; content: ""; top: 55px; left: 50%; background: #fff; margin-left: 3px; width: 2px; height: 10px; transform: rotate(45deg);}
  .m_quick h2.quick_ov:before {transform: rotate(-135deg);}
  .m_quick h2.quick_ov:after {transform: rotate(135deg);}

  .header .height_auto {height: auto; transition: 0.3s;}
  .header .height_auto br.pc {display: block !important;}
  .m_quick .quick_kakao,
  .m_quick .quick_online{width: 58px;}
  .m_quick span .a, .m_quick span a {font-size: 13px;}
}

.m_quick span.m {display: block;}


@media (max-width:1280px){
.m_quick .quick0 {display: none;margin-top: -70px;height: 49px;}
.m_quick:after {display: block; content: ""; visibility: hidden; clear: both;}
.m_quick span {float: left;width: 19.5%;text-align: center;padding: 0 0 10px;min-height: 35px;}
.m_quick span:nth-child(2) {padding-top: 0;}
.m_quick .quick1 {display: block;width: auto;text-align: center;background: url(../img/quick1.png) no-repeat 50% 13px;padding-top:40px;background-size: 23px;color: #c20172;}
.m_quick .quick2 {display: block;width: auto;text-align: center;background: url(../img/quick2.png) no-repeat 50% 13px;padding-top: 40px;background-size: 32px;color: #c20172;}
.m_quick .quick3 {display: block;width: auto;text-align: center;background: url(../img/quick3.png) no-repeat 50% 13px;padding-top: 40px;background-size: 22px;color: #c20172;}
.m_quick .quick4 {display: block;width: auto;text-align: center;background: url(../img/quick4.png) no-repeat 50% 13px;padding-top: 40px;background-size: 14px;color: #c20172;}
.m_quick .quick5 {display: block;width: auto;text-align: center;background: url(../img/quick5.png) no-repeat 50% 13px;padding-top: 40px;background-size: 23px;min-height: 67px;color: #1e50c2;}
.m_quick .quick5 .tel_num {position: fixed;bottom: 47px;right: 6.5%;width:50px;height: 50px;padding:15px;border-radius: 50px;}
}
@media (max-width:500px){
  .m_quick .quick5 .tel_num {right: 6%;}
}
@media (max-width:500px){
  .m_quick .quick5 .tel_num {right: 5%;}
}