@charset "utf-8";

@import url(/css/font/gmarketsans/font_gmarketsans.css);
@import url(/css/font/nanum_square/nanum_square.css);
/* nanum 폰트가 적용이 안되서 다시 넣음 */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, abbr, address, cite, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, audio, video {font-family: 'nsr',sans-serif;}
#mcontainer {margin-top: -110px;}

/* slick 공통 */
.slick-slider .slick-list, .slick-slider .slick-track,.slick-slide > div,.m_visual,.m_visual .photo_list--wrap,.m_visual .photo_list--item{height:100%}

/* 메인비주얼 */
#section1{height: 760px; position: relative;}

.m_visual{width: 100%;}
.m_visual .photo_list--wrap{}
.m_visual .photo_list--item{float:left;background-repeat: no-repeat;background-size: cover;;background-position: center; text-align: center; position:relative;background-image: url('/images/fc/main/mv.jpg');}
/* .m_visual .photo_list--item.item1{background-image: url('/images/fc/main/mv.jpg');}
.m_visual .photo_list--item.item2{background-image: url('/images/fc/main/mj6.jpg');}
.m_visual .photo_list--item.item3{background-image: url('/images/fc/main/mj1.jpg');} */

.m_visual .photo_list--item .item_inner{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);text-align: center;width: 100%;padding: 0 15px;}

.m_visual .photo_list--item strong{color:#fff;letter-spacing: -1px; line-height: 1.3;  word-break: keep-all; }
.m_visual .photo_list--item .mvsual_title strong{font-size:54px;font-weight:bold; margin-bottom: 13px;  display:block;font-family: 'gmarket';}

.m_visual .photo_list--item .main-visual_text strong{
    font-size:18px;
}
.m_visual .photo_list--item .main-visual_text strong em{font-weight: bold;}

/* control */
.m_visual .control {position: absolute;height:60px;padding: 19px 20px 0;top:48%;display: flex;align-items: center;text-align: center;justify-content: center;}
.m_visual .control button {display:inline-block;margin:0;font-size:0;vertical-align:middle;width: 20px;height: 25px;}
.m_visual .control button:before{content:'';display: inline-block;}

/* .m_visual .control .control button[data-control="prev"],#section3 .popupZone .control button[data-control="next"]{background-image: url(/images/gecc/main/slide_arrow.png); background-repeat: no-repeat; }
/* .m_visual .control button[data-control="prev"]{width: 20px;height:25px;background-position: 6px 6px;}
.m_visual .control button[data-control="next"]{width: 20px;height:25px;background-position: -35px 6px;}
.m_visual .control button[data-control="prev"]:before,
.m_visual .control button[data-control="next"]:before {display:none;} */
.m_visual .control button[data-control="stop"]:before{top: 1px;width: 2px;height: 11px;box-shadow: -3px 0 #b0b0b0, 3px 0 #b0b0b0;}
.m_visual .control button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 6px 0 6px 8px;border-style: solid;border-color: transparent transparent transparent #b0b0b0;}

.m_visual .control .number{display:inline-block;margin-right: 3px;height: 25px;}
.m_visual .control .number .slick-dots{}
.m_visual .control .number .slick-dots li{float:left;margin: 0 9px;height: 25px;}
.m_visual .control .number .slick-dots li button{width: 12px;height: 12px;background-color: #fff;border-radius: 50%;font-size: 0;}
.m_visual .control .number .slick-dots li.slick-active button{background-color:#9a2d2e}

/* max-width 공통 */
section{position:relative;}
.m_visual_info,section .section_inner{max-width:1200px;width:100%; margin: 0 auto;}
section .section_inner:after{content:''; display:block; clear:both}

/* m_visual_info */
.m_visual_info{position: absolute; left:50%;bottom:106px; transform:translateX(-50%);height:168px}
.m_visual_info .info_in,.m_visual_info .info_ul{height:100%}
.m_visual_info .info_ul{position:relative}
.m_visual_info .info_ul:before{content:''; display:block;width: 235px;height: 193px; background:url('/images/fc/main/img1.png') no-repeat right top; position:absolute; top:-86%;left:0}
.m_visual_info .info_in:after,.m_visual_info .info_ul:after{content:''; display:inline-block; clear:both}
.m_visual_info .info_in li{position:relative;float:left;width:100%; max-width:calc(100% - 764px); min-width:220px;height:100%; overflow: hidden;}
.m_visual_info .info_in li .link{padding:34px 0 34px 42px; display:block; height:100%}
.m_visual_info .info_in li:not(:first-child){max-width:191px;min-width:auto}
.m_visual_info .info_in li:not(:first-child) .link{padding-left: 10px; padding-right: 10px; text-align: center;}
.m_visual_info .info_in li .link *{font-family: 'gmarket'; line-height: 1.3; display:block}
.m_visual_info .info_in li .link .icon{width: 55px; height: 51px; background:url('/images/fc/main/icon_ir.png') no-repeat; font-size: 0; margin:0 auto 20px auto }
.m_visual_info .info_in li .link .txt{color:#fff;font-family: 'nanum';font-weight: 400;font-size: 20px;}

/* li */
.m_visual_info .info_in .li1{background-color:#f1eced; }
.m_visual_info .info_in .li1:after{content:'';display:block; width:198px;height: 198px;background: url('/images/fc/main/mark.png') no-repeat center center; background-size: 100%; position:absolute; top:26px; right:-29px;}
.m_visual_info .info_in .li1 .link_title{color:#333333; font-size:29px; font-weight: bold;margin-bottom: 2px;}
.m_visual_info .info_in .li1 .link .txt{color:#7e1c1d; font-size: 18px; margin-bottom: 5px; font-family: 'gmarket';}
.m_visual_info .info_in .li1 .phone_num{position:relative; color:#7e1c1d; font-size: 22px; padding-left: 33px; font-weight: bold;}
.m_visual_info .info_in .li1 .phone_num:before{content:''; display:block; width:25px;height: 25px; background:url('/images/fc/common/fc_ir.png') no-repeat 0 -58px; position:absolute; top:-1px; left:0; }

.m_visual_info .info_in .li2{background-color:#7e1c1d}
.m_visual_info .info_in .li3{background-color:#a43430}
.m_visual_info .info_in .li4{background-color:#6b6360}
.m_visual_info .info_in .li5{background-color:#003f84}

/* li icon*/
.m_visual_info .info_in .li2 .link .icon{background-position: 4px 0 }
.m_visual_info .info_in .li3 .link .icon{background-position:-186px 0}
.m_visual_info .info_in .li4 .link .icon{background-position:-378px 0}
.m_visual_info .info_in .li5 .link .icon{background-position:-570px 1px}


/* board & center skip  */
#section2 .section_inner{padding-top: 49px; padding-bottom: 45px;}
#section2 .box{display:block; float:left; height:318px}
#section2 .box.main-board__skin{width:595px;margin-right:40px; }
#section2 .box.center{width:calc(100% - 635px)}
#section2 .box .box_title{font-weight: bold; font-family: 'gmarket'; font-size: 24px; color:#231f20}

/* board__nav-item */
#section2 .board__item--title .ir{display:inline-block; width:50px; height: 24px; background: url('/images/fc/common/fc_ir.png') no-repeat -70px -58px; font-size: 0;margin-right: 6px; position:relative; top:-2px}
#section2 .board__item--title .ir:before{display:none}


#section2 .box.main-board__skin{
    clear:both;
    display:block;
    position:relative;
    overflow:hidden;
}

/*리스트 높이에 따른 height
조절필요*/
#section2 .box.main-board__skin:after{content: "";display: table;clear: both;}
#section2 .box.main-board__skin .board__content{position:relative;clear: both;}
#section2 .box.main-board__skin .board__content:after{content: "";display: block;visibility: hidden;clear: both;}
#section2 .box.main-board__skin .board__content ul{overflow:hidden;width:100%;}
#section2 .box.main-board__skin .board__content ul:after{content: "";display: block;visibility: hidden;clear: both;}
#section2 .box.main-board__skin .board__content .board__item{display:block;width:100%;border-style:solid;border-width:0;border-color:#dddddd}

#section2 .box.main-board__skin .board__content .board__item:first-child{ padding:19px 0 26px 0;border-width:0 0 1px 0; }
#section2 .box.main-board__skin .board__content .board__item:first-child strong{}

#section2 .box.main-board__skin .board__content .board__item a{overflow:hidden;color:#000;font-size: 20px;font-weight: bold;letter-spacing:-1px;}
#section2 .box.main-board__skin .board__content .board__item:not(:first-child) a{position:relative; padding-left: 13px;font-size: 16px; margin-bottom: 7px;text-align: left;}
#section2 .box.main-board__skin .board__content .board__item:not(:first-child) a:before{content:''; display:inline-block; width:4px;height:4px; background-color:#7e1c1d; border-radius: 50%; position:absolute; top:50%; left:5px; margin-top:-4px}

#section2 .box.main-board__skin .board__content .board__item:not(:first-child){
    font-size:16px;
    display:block;
}
#section2 .box.main-board__skin .board__content .board__item:not(:first-child) a strong{}
#section2 .box.main-board__skin .board__content .board__item:not(:first-child) a strong{color:#222}

#section2 .box.main-board__skin .board__content .board__item:first-child strong,#section2 .box.main-board__skin .board__content .board__item:not(:first-child) a strong{padding-right: 115px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;white-space: nowrap;display: block;word-break:break-all;word-wrap:break-word;}

#section2 .box.main-board__skin .board__content .board__item:nth-child(2){padding-top: 24px;}
#section2 .box.main-board__skin .board__content .board__item:last-child{padding-bottom: 24px;}
#section2 .box.main-board__skin .board__content .board__item:last-child a{margin-bottom: 0;}
#section2 .box.main-board__skin .board__content .board__item .board__item--date{
    display:inline-block;position:absolute;top:8px; color:#919191;font-size: 15px;line-height:1;right: 0; letter-spacing: 0;
}
#section2 .box.main-board__skin .board__content .board__item:not(:first-child) .board__item--date{top:5px}
#section2 .box.main-board__skin .board__content .board__item .board__link{display:table;position: relative;width:100%;overflow:hidden;table-layout: fixed;}

#section2 .box.main-board__skin .board__content .board__item .board__link .board__item--content{
    display:none;
    width:100%;
    color:#6c6c6c;
    font-size:16px;
    overflow:hidden;
    letter-spacing:-1.5px;
    max-height:50px;
}

#section2 .box.main-board__skin .board__content .board__item:first-child .board__link .board__item--content{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
    white-space:inherit;
    margin-top:6px;
}
#section2 .box.main-board__skin .board__more{position:absolute; top:0;right:0;}
#section2 .box.main-board__skin .board__more a{color:#767676; display:block; font-weight:bold;line-height: 1; }
#section2 .box.main-board__skin .board__more .sr-only{font-size: 0; margin: -1;overflow: hidden; position:absolute;border:0;padding: 0; clip: rect(0,0,0,0); }
/* center skip btn */

#section2 .box.center{}
#section2 .box.center .box_title{}
#section2 .box.center .center_in{height:100%; /* overflow: hidden; */padding: 0 0 0 10px;}
#section2 .box.center ul{width:calc(100%  + 10px); margin: 14px -5px 0;}
#section2 .box.center ul:after{content:''; display:block; clear:both;}
#section2 .box.center ul li{width:calc(50% - 10px);height:76px;  margin:5px; float:left}

#section2 .box.center ul li .link{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    text-align:center;
    color:#202021;
    font-size:18px;
    background-color:#f0f3f7;
    transition:0.3s;
    word-break:keep-all;
    line-height:1.2;
    padding:1px 8px 0
}

#section2 .box.center ul li .link:hover,#section2 .box.center ul li .link:focus,#section2 .box.center ul li .link:active{color:#fff;background-color:#23395c; box-shadow: 2px 2px 15px rgba(0,0,0,0.2);}


/* #section3 */

#section3{}
#section3 .section_inner{max-width:none}

#section3 .box{display:block;}
#section3 .box:after{content:''; display:block; clear:both}

#section3 .major_box{padding: 80px 0 0; background: #ededf3 url('/images/fc/main/major_bg.png') no-repeat center -122px; background-size: 100%; min-height: 669px;overflow: hidden;}
#section3 .major_title{font-size: 32px; color:#231f20; margin-bottom: 3px;text-align: center; display:block}
#section3 .major_title em{color:#7e1c1d}
#section3 .major_title,#section3 .major_title em{font-family: 'gmarket'; text-align: center;line-height: 1; font-weight: bold;}
#section3 .major_title + p{color:#605e60;text-align: center;margin-bottom: 26px; letter-spacing: -1px;}

.mj_list{max-width: 1220px; margin: 0 auto; padding:0 10px}
.mj_list{min-height:406px; overflow: hidden; }
.mj_list ul{width:calc(100% + 20px); margin:0 -10px}

.mj_list .mj{
    width:calc(33.333333% - 20px);
    margin:10px;
    float:left;
}
.mj_list .mj .link{display:block;width:100%;height:193px;position:relative}
.mj_list .mj .link:after{content:''; display:block; clear:both}
.mj_list .mj .link > div{position:absolute; top:0;left:0; display:block; width: 100%; height:100%; text-align: center; transition: 0.4s;}
.mj_list .mj .link > div span{display:inline-block}

.mj_list .mj .link .box_in{background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 2; padding-top: 76px;opacity:1; visibility: visible;}
.mj_list .mj .link .box_in .tit{font-size:24px; color:#fff; line-height: 1.2; width:100%;margin-bottom: 7px;}
.mj_list .mj .link .box_in .arrow{width:46px;height:12px; background:url('/images/fc/common/fc_ir.png') no-repeat 0 -115px }
.mj_list .mj .link .box_ov{background-color:#a43430;padding-top:47px;opacity:0; visibility: hidden; box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}

.mj_list .mj .link .box_ov .icon{display:block; width:50px;height: 53px; background-image: url('/images/fc/main/icon_ir.png'); background-repeat: no-repeat; margin:0 auto}
.mj_list .mj .link .box_ov .tit{font-size:24px; color:#fff; letter-spacing: -2px; margin-top: 4px; font-weight: bold;}

.mj_list .mj .link:focus-visible{outline-offset: 0px;}

.mj_list .mj .link:hover .box_in,.mj_list .mj .link:focus .box_in,.mj_list .mj .link:active .box_in{opacity:0; visibility: hidden;}
.mj_list .mj .link:hover .box_ov,.mj_list .mj .link:focus .box_ov,.mj_list .mj .link:active .box_ov{opacity:1; visibility: visible;}

.mj_list .mj1 .link .box_in{background-image: url('/images/fc/main/mj1.jpg');}
.mj_list .mj2 .link .box_in{background-image: url('/images/fc/main/mj2.jpg');}
.mj_list .mj3 .link .box_in{background-image: url('/images/fc/main/mj3.jpg');}
.mj_list .mj4 .link .box_in{background-image: url('/images/fc/main/mj4.jpg');}
.mj_list .mj5 .link .box_in{background-image: url('/images/fc/main/mj5.jpg');}
.mj_list .mj6 .link .box_in{background-image: url('/images/fc/main/mj6.jpg');}

.mj_list .mj1 .link .box_ov .icon{background-position:6px -420px;}
.mj_list .mj2 .link .box_ov .icon{background-position:-107px -420px;}
.mj_list .mj3 .link .box_ov .icon{background-position:-217px -426px;}
.mj_list .mj4 .link .box_ov .icon{background-position:1px -532px}
.mj_list .mj5 .link .box_ov .icon{background-position:-107px -532px}
.mj_list .mj6 .link .box_ov .icon{background-position:-213px -537px}



@media screen and (max-width:1250px) {

.m_visual_info,.popular_service .layout{padding:0 20px}
#section2 .section_inner{padding: 49px 20px 45px}
#section3 .major_box{padding: 80px 0 0;}
.mj_list{padding: 0 20px;}

}

@media screen and (max-width:1200px) {

    .m_content .layout{width:100%}
    .m_visual_info .info_in .li1 .phone_num{font-size: 18px;padding-top: 2px;}

}


@media screen and (max-width:1100px) {


    .m_visual_info .info_in li .link{
        padding-left:20px;
    }

}


@media screen and (max-width:1044px) {


    #section1{height:840px}
    .m_visual .photo_list--item .item_inner{top:148px}
    .m_visual .photo_list--item .main-visual_text strong{font-size: 17px;}
    .m_visual .control{top:225px}
    .m_visual_info{height:390px; bottom:auto; top:384px}

    .m_visual_info .info_in li{
        height:194px;
    }
    .m_visual_info .info_in li:first-child{max-width:66.666666%}
    .m_visual_info .info_in li:not(:first-child){max-width:33.333333%}
    .m_visual_info .info_in li .link{padding-left: 42px;}

    .m_visual_info .info_ul:before{width: 172px; height: 122px; background-size: 100%; top:-29%}


    .m_visual_info .info_in li .link{
        padding:44px 0 20px 42px;
    }
    .m_visual_info .info_in li .link .icon{width:66px;height:60px; margin-bottom: 30px;}
    .m_visual_info .info_in .li2 .link .icon{background-position:-85px 0 }
    .m_visual_info .info_in .li3 .link .icon{background-position:-287px 0}
    .m_visual_info .info_in .li4 .link .icon{background-position:-481px 0}
    .m_visual_info .info_in .li5 .link .icon{background-position:-661px 1px}

    .m_visual_info .info_in .li1 .phone_num{font-size: 22px;padding-top: 0px;}

}

@media screen and (max-width:1024px) {

    #section2 .section_inner{padding-bottom: 55px;}
    #section2 .box.main-board__skin,#section2 .box.center{display:block;float:none; width:100%}
    #section2 .box.center{margin-top: 25px;}

    #section3 .major_box{padding-top: 61px; min-height: 831px;}
    #section3 .major_title + p{margin-bottom: 22px;}
    .mj_list .mj{width:calc(50% - 20px)}

}


@media screen and (max-width:767px) {

    /* side padding */
    .m_visual .photo_list--item .item_inner,.m_visual_info, .popular_service .layout,  #section2 .section_inner,.mj_list{max-width:678px}

    .m_visual .photo_list--item strong{letter-spacing: -2px;}
    .m_visual .photo_list--item .mvsual_title strong{letter-spacing: -3px; font-size: 53px;}
    .m_visual .photo_list--item .main-visual_text strong{font-size: 16px;}

    .m_visual_info .info_in .li1:after{width:224px; height: 224px;top:31px; right:-46px}

    #section2 .box.center .center_in{padding-left:0;}

    .mj_list ul{width: calc(100% + 10px);margin:0 -5px}
    .mj_list .mj{width:calc(50% - 10px); margin: 5px;}

}

@media screen and (max-width:676px) {

    .m_visual .photo_list--item .mvsual_title strong{font-size: 40px;}
    .m_visual .photo_list--item .main-visual_text strong br{display:none}
    .mj_list .mj .link .box_in .tit,.mj_list .mj .link .box_ov .tit{font-size: 20px;}

}

@media screen and (max-width:580px) {

    #section1{height:700px}

    .m_visual_info{height:252px}
    .m_visual_info .info_ul:before{top:-46%;}
    .m_visual_info .info_in li{height:140px;}
    .m_visual_info .info_in li .link { padding:29px 20px;}
    .m_visual_info .info_in .li1 .link_title{font-size: 22px;}
    .m_visual_info .info_in .li1 .link .txt{font-size: 16px;}
    .m_visual_info .info_in .li1 .phone_num{font-size: 18px; padding-top: 2px;}
    .m_visual_info .info_in li .link .icon{margin-bottom: 16px; width: 44px; height: 40px;}
    .m_visual_info .info_in li .link .txt{font-size: 15px;}

    /* li icon*/
    .m_visual_info .info_in .li2 .link .icon{background-position: 4px -82px }
    .m_visual_info .info_in .li3 .link .icon{background-position:-76px -76px}
    .m_visual_info .info_in .li4 .link .icon{background-position:-226px -77px}
    .m_visual_info .info_in .li5 .link .icon{background-position:-152px -78px}

    .m_visual_info .info_in .li1:after{width:148px; height:148px; right: -36px;}

    #section2 .section_inner{padding-bottom: 40px;}
    #section2 .box.main-board__skin .board__content .board__item:first-child strong,
    #section2 .box.main-board__skin .board__content .board__item:not(:first-child) a strong{padding-right: 85px;}

    #section2 .box{height:auto}
    #section2 .box.center ul,.mj_list ul{width:100%; margin-left:0;margin-right: 0;}
    #section2 .box.center ul li,.mj_list .mj{width:100%;margin: 0 0 10px; float:none}
    #section2 .box.center ul li .link{padding-top: 1.5px;}
    #section3 .major_box{padding-top: 51px; padding-bottom: 36px;}

}

@media screen and (max-width:400px) {

    .m_visual_info, .popular_service .layout{padding: 0 15px;}
    #section2 .section_inner{padding:49px 20px 40px}

    #section1{height:830px}
    .m_visual .photo_list--item .item_inner{top:143px}
    .m_visual .photo_list--item strong{letter-spacing: -1px;}
    .m_visual .photo_list--item .mvsual_title strong{font-size: 32px; margin-bottom: 15px; letter-spacing: 0;}
    .m_visual .photo_list--item .main-visual_text strong{font-size: 15px;}

    .m_visual .control{top:233px}

    .m_visual_info{ height:auto; top:413px}
    .m_visual_info .info_ul{display:flex;width:100%; flex-wrap: wrap;}
    .m_visual_info .info_ul:before{width: 139px; height: 95px; background: url('/images/fc/main/img1_360.png') no-repeat center top; top:-95px; left:19px}
    .m_visual_info .info_in li{float:none;height:135px}
    .m_visual_info .info_in li:not(:first-child){max-width:50%}
    .m_visual_info .info_in li:first-child{ order:1;max-width:100%;}

    .m_visual_info .info_in li:nth-child(2){
        order:2
    }
    .m_visual_info .info_in li:nth-child(3){order:4}
    .m_visual_info .info_in li:nth-child(4) {order:5}
    .m_visual_info .info_in li:nth-child(5) {order:3}


    #section2 .box.main-board__skin, #section2 .box.center{height:auto}
    #section2 .section_inner{padding-top: 48px;}

    #section2 .box .box_title{font-size: 20px;}
    #section2 .board__item--title .ir{width: 23px; height: 23px; background-position: -153px -58px ;}
    #section2 .box.main-board__skin .board__content .board__item:first-child a{min-height:168px}
    #section2 .box.main-board__skin .board__content .board__item:not(:first-child) a{min-height:71px}
    #section2 .box.main-board__skin .board__content .board__item:not(:first-child) a:before{top:10px; margin-top: 0;}
    #section2 .box.main-board__skin .board__content .board__item:not(:first-child) a strong{margin-bottom: 3px;}
    #section2 .box.main-board__skin .board__content .board__item:first-child strong,
    #section2 .box.main-board__skin .board__content .board__item:not(:first-child) a strong{font-size: 15px;padding-right: 0;white-space:normal; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
    #section2 .box.main-board__skin .board__content .board__item .board__link .board__item--content{
        font-size: 14px;-webkit-line-clamp:4;max-height:90px;padding-right: 1px;
    }
    #section2 .box.main-board__skin .board__content .board__item .board__item--date{position:relative; float:right}


    #section2 .box.center ul li{height:65px}
    #section2 .box.center ul li .link{font-size: 18px;}

    #section3 .major_title, #section3 .major_title em{font-size: 24px;}
    #section3 .major_box{padding-top: 51px; }

    .mj_list .mj .link{height:120px;}
    .mj_list .mj .link .box_in .tit, .mj_list .mj .link .box_ov .tit{font-size: 18px;}
    .mj_list .mj .link .box_in{padding-top:40px;}
    .mj_list .mj .link .box_ov{padding-top: 18px; }
    .mj_list .mj .link .box_ov .icon{height: 51px;}
    .mj_list .mj1 .link .box_ov .icon{background-position: 6px -424px}
    .mj_list .mj2 .link .box_ov .icon{background-position: -107px -424px;}
    .mj_list .mj3 .link .box_ov .icon{background-position: -217px -429px;}
    .mj_list .mj4 .link .box_ov .icon{background-position: 1px -535px;}
    .mj_list .mj5 .link .box_ov .icon{background-position: -107px -537px;}
    .mj_list .mj6 .link .box_ov .icon{background-position: -213px -540px;}


}



/* .popular_service */
.popular_service{max-width:1200px;margin:0 auto;position:relative;overflow: visible;bottom: auto;left: auto;height: 100%;background: #fff;}
#service_menu{padding:20px; position: relative;height: 240px;}
#service_menu .ir{background-image: url('/images/fc/common/fc_ir.png'); background-repeat: no-repeat;}
#service_menu .control button{width:19px;height: 33px; margin-top: -16.5px; display:block}
#service_menu .control button[data-type="prev"]{background-position:0 -141px; left:0;  top:50%;}
#service_menu .control button[data-type="next"]{background-position:-48px -141px; right:0;  top:50%;}

.service_menu  .grap{}
#service_menu .grap .obj{padding:48px 0 43px}
#service_menu .grap .obj .item{width:7.2%; margin-bottom: 50px;}
#service_menu .grap .obj .item a{}
#service_menu .grap .obj .item a .txt{color:#333333;position: relative; padding-bottom: 9px;}
#service_menu .grap .obj .item a .txt:after{content:''; display:block; width:0; height:2px; background: #7e1c1d; position:absolute; bottom:0; left:-5%;  transition:0.35s}

#service_menu .grap .obj .item a .vico{background-image: url('/images/fc/main/icon_ir.png'); background-repeat: no-repeat; width:95px;height:68px; border:0; }
#service_menu .grap .obj .item a .vico1{background-position:0 -138px;}
#service_menu .grap .obj .item a .vico2{background-position:-163px -138px}
#service_menu .grap .obj .item a .vico3{background-position:-331px -138px}
#service_menu .grap .obj .item a .vico4{background-position:-487px -137px}
#service_menu .grap .obj .item a .vico5{background-position:12px -260px}
#service_menu .grap .obj .item a .vico6{background-position:-146px -262px}

#service_menu .grap .obj .item a .vico7{
    background-position:-315px -262px
}

#service_menu .grap .obj .item a .vico8{background-position:-493px -260px}
#service_menu .grap .obj .item a .vico9{background-position:-654px -262px}
#service_menu .grap .obj .item a .vico10{background-position:-818px -262px}


#service_menu .grap .obj .item a:hover .vico,#service_menu .grap .obj .item a:focus .vico,#service_menu .grap .obj .item a:active .vico{background-color: transparent; border:0}
#service_menu .grap .obj .item a:hover .txt,#service_menu .grap .obj .item a:focus .txt,#service_menu .grap .obj .item a:active .txt{color:#7e1c1d; font-weight: bold;}

#service_menu .grap .obj .item a:hover .txt:after,
#service_menu .grap .obj .item a:focus .txt:after,
#service_menu .grap .obj .item a:active .txt:after{width:110%}


/* service_menu responsive style*/
@media screen and (max-width:1024px) {

    #service_menu .grap .obj .item{width: 10.2%;}

}

@media screen and (max-width:767px) {

    .popular_service .layout{padding: 0;}
    #service_menu {width: calc(100% - 40px); margin: 0 auto}
    #service_menu .grap .obj .item{width: 12.5%;}

}

@media screen and (max-width:580px) {

    #service_menu{height:174px}
    #service_menu .grap .obj{padding-top: 20px;}
    #service_menu .grap .obj .item{width: 16.5%; margin-bottom: 50px;}
    #service_menu .grap .obj .item a .vico{margin-bottom: 0;}

}

@media screen and (max-width:480px) {

    #service_menu .grap .obj .item{width:25%; }

}


/*  320px
@media screen and (max-width:359px) {

    #service_menu .grap .obj .item{width:50% }

} */